html{font-family:"Montserrat-Regular-8","Source Han Sans CN","PingFang SC","Microsoft YaHei";}
/*common--------------------------------------*/
html,body {position: relative;height:100%;}
body{background:#ffffff;font-family: Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 14px;color: #000;margin: 0;padding: 0;}
.wpercent{margin:0 auto;width:90%;}
.wper88{padding:0 6%;width:88%;}
.mbody{padding-top:100px;padding-bottom:100px;}
.picsize{display:flex;justify-content:center;align-items:center;}
.picsize img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:cover;}
.picsite{height:0px;padding-bottom:100%;position:relative;overflow:hidden;}
.picsite img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform: translate(-50%,-50%);max-width:100%;}
.icon{display:block;width:48px;height:48px;}
.btn{display:block;cursor:pointer;}
.none{display:none!important;}
.swiper{width:100%;height:100%;}
.swiper.mainSlide .swiper-slide {text-align: center;font-size: 18px;background:#08112b;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide .fullbox {display: block;width: 100%;height: 100%;object-fit: cover;position:relative;}
.bannerbox{position:relative;z-index:88;}

#fp-nav ul li a span{background:#ffffff;}
.fp-watermark{display: none !important;}
/* Centered texts in each section* --------------------------------------- */
.section{text-align:center;}
/* Backgrounds will cover all the section* --------------------------------------- */
.section{background-size: cover;}
.slide{background-size: cover;}
/* Defining each section background and styles* --------------------------------------- */
#section0{background-color:#08112b;background-image:none;}
#slide1{background: url(../images/banner1.jpg) center center no-repeat;background-size:100% auto;}
#slide2{background: url(../images/banner2.jpg) center center no-repeat;background-size:100% auto;}
#slide3{background: url(../images/banner3.jpg) center center no-repeat;background-size:100% auto;}
#section1{background:url(../images/bg_2.jpg) center center no-repeat;}
#section2{background:url(../images/bg_3.jpg) center center no-repeat;} 
#section4{background: url(../images/bg_5.jpg) center center no-repeat;}
#section5{background: url(../images/bg_6.jpg) center center no-repeat;}
#section3 .fp-overflow{height:100%;} 
.fp-controlArrow{display:block;width:80px;height:80px;border:none;}
.fp-arrow.fp-prev{float:left;background:#98c0f9 url(../images/icon_prev.png) center center no-repeat;}
.fp-arrow.fp-next{float:right;background:#205fb9 url(../images/icon_next.png) center center no-repeat;}
/*nav*/
.top{position:relative;top:0;left:0;z-index:99999;width:100%;background-color:#ffffff;/*box-shadow:0px 0px 20px #e8e8e8;*/} 
.topbox .logo{float:left;width:694px;height:64px;padding:35px 0px;}
.topbox .nav{float:right;}
.topbox .nav li{float:left;position:relative;}
.topbox .nav li a{position:relative;display:block;color:#333333;font-size:20px;line-height:24px;margin:48px 25px 48px 25px;}
.topbox .nav li:hover a{color:#205fb9;font-weight:bold;}
.topbox .nav li .icon{margin:36px 0px;cursor:pointer;}
.topbox .nav li .icon.search{background:url(../images/icon_ssb.png) center center no-repeat;}
.topbox .nav li .search-box{position:absolute;top:119px;right:0;z-index:99999;overflow:hidden;width:320px;height:40px;/*box-shadow:0px 0px 10px #ececec;*/}
.topbox .nav li .search-box input{position:absolute;top:0;left:0;border:none;width:70%;padding:10px 25% 10px 5%;font-size:16px;color:#333333;line-height:20px;}
.topbox .nav li .search-box a{position:absolute;top:0;right:0;margin:0;padding:10px 0;width:20%;font-weight:normal;color:#ffffff;text-align:center;font-size:16px;line-height:20px;background-color:#0092dd;}
.topbox .nav li .search-box .biaoge-sousuo{position:absolute;top:0;left:0;border:none;width:70%;padding:10px 25% 10px 5%;font-size:14px;color:#333333;line-height:20px;}
.topbox .nav li .search-box .icon-sousuo{position:absolute;top:0;right:0;left:auto;margin:0;padding:10px 0;width:20%;font-weight:normal;color:#ffffff;text-align:center;font-size:14px;line-height:20px;background-color:#0092dd;}
.index{background:#060f2e;}
.index .top{position:fixed;background-color:#205fb9;box-shadow:none;} 
.index .topbox .nav li a{color:#ffffff;}
.index .topbox .nav li:hover a{font-weight:bold;}
.index .topbox .nav li .icon.search{background:url(../images/icon_ssw.png) center center no-repeat;}
.index .topbox .nav li .search-box{top:119px;} 
.index .topbox .nav li .search-box a{font-weight:normal;color:#ffffff;}
.navlist{position:absolute;top:119px;left:50%;margin-left:-90px;background:#ffffff;width:180px;padding:10px 0px;}
.navlist a{display:block;line-height:24px;padding:10px 20px;color:#333333 !important;margin: 0 !important;font-weight:normal!important;font-size:16px!important;text-align:center;}
.navlist a:hover{color:#205fb9 !important;font-weight:bold !important;background:#fafafa;}
/*bottom*/
.bottom{width:100%;background:#1a2f4c url(../images/zs_bottom.png) left bottom no-repeat;}
.bottom .bottombox{padding-top:80px;overflow:hidden;}
.bottom-logo{float:left;width:35%;height:100%;}
.bottom-logo .logo{width:400px;}
.bottom-can{float:right;width:65%;}
.bottom-can .bottom-nav{overflow:hidden;border-top:1px solid #354458;border-bottom:1px solid #354458;}
.bottom-can .bottom-nav li{float:left;margin-right:60px;}
.bottom-can .bottom-nav li:last-child{margin-right:0;}
.bottom-can .bottom-nav li a{display:block;padding:26px 0px;color:#ffffff;font-size:20px;line-height:28px;}
.bottom-can .bottom-nav li:hover a{font-weight:bold;}
.bottom-info{padding:40px 0px 60px 0px;overflow:hidden;}
.bottom-info .fl{width:66%;margin-right:2%;}
.bottom-info .fr{width:32%;}
.bottom-info p{font-size:20px;line-height:28px;padding-bottom:22px;color:#ffffff;}
.bottom-info p:last-child{padding-bottom:0;}
.bottom-info ul{overflow:hidden;}
.bottom-info li{float:left;width:48%;margin-right:4%;max-width:160px;}
.bottom-info li:last-child{margin-right:0;}
.bottom .bottomend{background-color:#142947;width:90%;color:#ffffff;font-size:16px;line-height:20px;padding:30px 5%;text-align:center;}
.index .bottom-info ul{margin-top:20px;}
.bottom-info .fr li{position:relative;padding-bottom:30px;}
.bottom-info .fr li span{position:absolute;bottom:0;left:0;display:block;line-height:30px;height:30px;color:#ffffff;font-size:16px;text-align:center;width:100%;}
.codebox li{position:relative;padding-bottom:30px;}
.codebox li span{position:absolute;bottom:0;left:0;display:block;line-height:30px;height:30px;color:#333333;font-size:16px;text-align:center;width:100%;}
/*tit*/
.tit h3{position:relative;font-size:48px;color:#333333;line-height:54px;font-weight:bold;padding:5px 0px 41px 0px;text-align:center;}
.tit h3 p{position:absolute;left:0;bottom:0;width:100%;text-align:center;font-weight:normal;font-size:24px;color:#dbdbdb;line-height:32px;padding:2px 0px;text-align:center;}
/*index-------------------------*/ 
.main-m{display:none;height:100%;overflow-y:scroll;}
.fullbox{background-size:auto 100%;}
.fullbox.full2{background:url(../images/bg_2.jpg) center center no-repeat;}
.fullbox.full3{background:url(../images/bg_3.jpg) center center no-repeat;}
.fullbox.full5{background:url(../images/bg_5.jpg) center center no-repeat;}
.fullbox.full6{background:url(../images/bg_6.jpg) center center no-repeat;}
.mainSlide .swiper-pagination-bullet{width:24px;height:24px;background:url(../images/current.png) center center no-repeat;outline:none;}
.mainSlide .swiper-pagination-bullet-active{background:url(../images/current_on.png) center center no-repeat;}
.mcont{box-sizing:border-box;padding:180px 0px 60px 0px;height:100%;}
.mcont-box{position:relative;width:100%;box-sizing:border-box;height:100%;overflow:hidden;display:flex;justify-content:center;}
/*index-banner*/
.bannerslide{position:relative;} 
.bannerslide .hd{position:absolute;z-index:5;left:50%;margin-left:-40px;bottom:50px;}
.bannerslide .hd li{float:left;width:20px;height:20px;margin-right:10px;background-color:#ffffff;opacity:0.3;cursor:pointer;border-radius:999px;}
.bannerslide .hd li:last-child{margin-right:0;}
.bannerslide .hd li.on{background-color:#205fb9;opacity:1;}
.bannerslide .bd{position:relative;z-index:3;width:100%;height:100%;display:flex;justify-content:center;} 
.bannerslide .bd li{align-self:center;}
.bannerslide .slidebtn{position:absolute;bottom:30px;right:2%;z-index:7;display:block;overflow:hidden;}
.bannerslide .btn{display:block;width:80px;height:80px;}
.bannerslide .btn.prev{float:left;background:#98c0f9 url(../images/icon_prev.png) center center no-repeat;}
.bannerslide .btn.next{float:right;background:#205fb9 url(../images/icon_next.png) center center no-repeat;}
/*index-product*/ 
.cpfl{font-size:60px;color:#fff;font-weight:bold;padding-bottom:50px;text-align:center; position: relative}
.mproduct .hd{position:absolute;left:0;top:50%;margin-top:-30px;width:100%;z-index:2;}
.mproduct .hd a{display:block;width:60px;height:60px;border-radius:50%;}
.mproduct .hd .prev{position:absolute;left:0;top:0;background:#205fb9 url(../images/icon_prev.png) center center no-repeat;background-size:36px;}
.mproduct .hd .next{position:absolute;right:0;top:0;background:#205fb9 url(../images/icon_next.png) center center no-repeat;background-size:36px;}
.mproduct .bd{padding:0px 80px;align-self:center;} 
.mproduct .mproduct-list{overflow:hidden;zoom:1;padding-top:60px;}
.mproduct .mproduct-list li{float:left;width:33.333%;}
.mproduct .mproduct-list li .picsize{position:relative;padding:60px 0px 100px 0px;margin:0 20px;background-color:#ffffff;} 
.mproduct .mproduct-list li .picsize img{width:100%} 
.mproduct .mproduct-list li .picsize p{position:absolute;bottom:60px;left:1%;width:98%;font-size:20px;line-height:40px;text-align:center;color:#555555;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mproduct .mproduct-list li .picsize span{position:absolute;bottom:0;left:0;width:100%;height:60px;line-height:60px;text-align:center;background-color:#205fb9;font-size:20px;color:#ffffff;display:none;}
.mproduct .mproduct-list li:hover .picsize{padding:40px 0px 120px 0px;}
.mproduct .mproduct-list li:hover .picsize p{bottom:80px;}
.mproduct .mproduct-list li:hover .picsize span{display:block;}
.pmySwiper{padding:0 100px;}
.pmySwiper .swiper-slide{float:left;width:33.333%;}
.pmySwiper .swiper-slide .picsize{position:relative;padding:60px 0px 100px 0px;margin:0px;background-color:#ffffff;} 
.pmySwiper .swiper-slide .picsize p{position:absolute;bottom:60px;left:1%;width:98%;font-size:20px;line-height:40px;text-align:center;color:#555555;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pmySwiper .swiper-slide .picsize span{position:absolute;bottom:0;left:0;width:100%;height:60px;line-height:60px;text-align:center;background-color:#205fb9;font-size:20px;color:#ffffff;display:none;}
.pmySwiper .swiper-slide:hover .picsize{padding:40px 0px 120px 0px;}
.pmySwiper .swiper-slide:hover .picsize p{bottom:80px;}
.pmySwiper .swiper-slide:hover .picsize span{display:block;}
.pmySwiper .swiper-button-next,.pmySwiper .swiper-button-prev{background:#205fb9;width:60px;height:60px;color:#ffffff;}
/*index-about*/
.mabout{position:absolute;top:0;right:0;width:50%;height:100%;background:#205fb9 url(../images/bg_3_2.jpg) center center no-repeat;}
.mabout .mcont-box{width:90%;padding-left:80px;} 
.mabout-info{margin-top:20px;}
.mabout-info p{font-size:18px;line-height:36px;text-indent:0px;color:#ffffff;text-align:left;}
.mabout-info h5{margin-top:40px;line-height:32px;text-align:left;color:#ffffff;font-size:24px;}
.mabout-info ul{margin-top:20px;overflow:hidden;}
.mabout-info li{float:left;width:30%;margin-right:5%;}
.mabout-info li:nth-child(3){margin-right:0px;}
/*index-data*/
.mdata{height:100%;overflow:hidden;}
.mdata li{position:relative;float:left;width:33.333%;height:100%;}
.mdata li:nth-child(1){background:url(../images/data1_bg.jpg) center center no-repeat;} 
.mdata li:nth-child(2){background:url(../images/data3_bg.jpg) center center no-repeat;}
.mdata li:nth-child(3){background:url(../images/data4_bg.jpg) center center no-repeat;}
.mdata li .shade{position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;background:rgba(26,68,128,0.75);}
.mdata .picsize{position:relative;margin:0 auto;top:50%;margin-top:-100px;width:200px;padding-bottom:120px;}
.mdata .picsize p{position:absolute;bottom:0;text-align:center;width:200px;font-size:24px;line-height:40px;color:#ffffff;width:auto;display:inline-block;border-top:1px solid #ffffff;border-bottom:1px solid #ffffff;}
.mdata li.lihover{width:33.333%;}
.mdata li.lihover .shade{display:none;}
/*index-news*/ 
.mnews{position:relative;text-align:left;align-self:center;width:100%;overflow:hidden;}
/*.mnews-left{position:absolute;left:0;top:0;width:540px;}
.mnews-right{padding-left:600px;}*/
.mnews-left{width:30%;float:left;display:none;}
.mnews-right{width:100%;float:right;}
.mnews-info{padding:30px;background-color:#ffffff;}
.mnews-info h5{font-size:24px;line-height:32px;font-weight:bold;color:#333333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mnews-info p{margin-top:20px;font-size:20px;line-height:36px;height:72px;color:#555555;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;}
.mnews-left .picsize{max-height:390px;overflow:hidden;}
.mnews-left .mnews-info{padding:43px 40px;}
.mnews-tab{overflow:hidden;}
.mnews-tab li{float:left;}
.mnews-tab li:nth-child(3){float:right;}
.mnews-tab li a{display:block;font-size:24px;font-weight:bold;line-height:36px;padding:22px 40px;color:#ffffff;letter-spacing:2px;}
.mnews-tab li:nth-child(1) a{background-color:#205fb9;}
.mnews-tab li:nth-child(2) a{background-color:#f2faff;color:#999999;}
.mnews-tab li:nth-child(3) a{padding:0;font-size:20px;padding:22px 0px;font-weight:normal;letter-spacing:0px;}
.mnews-tab li:nth-child(3):hover a{padding-right:5px;}
.mnews-list{margin-top:42px;}
.mnews-list li{margin-top:30px;}
.mnews-list li:first-child{margin-top:0;}
.mnews-handle{overflow:hidden;padding-top:16px;}
.mnews-handle span{display:block;float:left;color:#a9a9a9;font-size:20px;line-height:24px;}
.mnews-handle em{display:block;float:right;color:#205fb9;font-size:20px;line-height:24px;font-style:normal;}
.mnews-list li:hover .mnews-info h5{color:#205fb9;}
.mnews-list li:hover .mnews-handle em{padding-right:5px;}
.mnews-left:hover .mnews-info h5{color:#205fb9;}
/*index-contact*/
.mcontact{position:relative;text-align:left;align-self:center;width:100%;overflow:hidden;}
.mcontact-left{width:57%;float:left;height:600px;overflow:hidden;display:flex;justify-content:center;} 
.mcontact-left img{align-self:center;}
.mcontact-right{width:40%;float:right;background-color:#ffffff;height:600px;}
.mcontact-info{padding:50px 40px;}
.mcontact-info h5{font-size:32px;line-height:40px;font-weight:bold;padding-bottom:40px;}
.mcontact-info p{color:#555555;}  

.mcert{padding-bottom:0px!important;}
.about .mabout-info.mcert-list li{width:27.333%;margin:0 3%;}
.about .mabout-info.mcert-list li:nth-child(3){margin-right:3%;}
.about .mabout-info ul.aboutul{margin:20px auto;padding:0;overflow:hidden;}
.about .mabout-info ul.aboutul li{width:24%;margin:0.5%;}
/*about-------------------------*/
.about .mabout-info p{color:#333333;}
.about .mdata{background:url(../images/data_bg.jpg) center center no-repeat;height:340px;}
.about .mdata li{background:none;width: 33.333% !important;}
.about .mdata li.lihover{width: 33.333% !important;}
.about .mabout-info ul{padding:20px;}
.about .mabout-info li{width:14.666%;margin:1%;}
.about .mabout-info li:nth-child(3){margin-right:1%;}
.about .mabout-info li img{box-shadow:0px 0px 20px #e8e8e8;}
.about .mpartner{background:url(../images/zs.png) center bottom no-repeat;background-size:100% auto;}
/*product-------------------------*/
.product .mproduct .mproduct-list li{float:left;width:33.333%;}
.product .mproduct .mproduct-list li a{border:1px solid transparent;}
.product .mproduct .mproduct-list li:hover a{border:1px solid #205fb9;}
.pnavlist{position:relative;left:0;top:0;z-index:3;width:100%;padding:30px 0px;border-bottom:1px solid #e8e8e8;background-color:#ffffff;}
.pnavlist ul{overflow:hidden;}
.pnavlist li{float:left;width:11.5%;margin:8px 0.5%;}
.pnavlist li a{display:block;background-color:#f0f0f0;padding:15px 5px;font-size:18px;line-height:24px;text-align:center;color:#555555;border-radius:5px;cursor:pointer;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pnavlist li:hover a{background-color:#205fb9;color:#ffffff;}
.pnavlist li.current a{background-color:#205fb9;color:#ffffff;}
.pnavlist .erji{padding-top:30px;text-align:center;}
.pnavlist .erji a{display:inline-table;font-size:18px;color:#666;margin:0 10px;background-color:#f0f0f0;padding: 10px 20px;border-radius:5px;}
.pnavlist .erji a:hover{background-color:#205fb9;color:#ffffff;}
.pnavlist .erji a.current2{background-color:#205fb9;color:#ffffff;}
.punit{position:relative;margin-top:80px;/*padding-top:120px;*/}
.punit:first-child{margin-top:0px;}
/* .punit h3{position:absolute;top:0;left:0;width:100%;box-sizing:border-box;padding:18px 20px;font-size:36px;line-height:44px;font-weight:bold;color:#ffffff;background:#205fb9;} */
.punit h3{width:100%;box-sizing:border-box;padding:18px 20px;font-size:36px;line-height:44px;font-weight:bold;color:#ffffff;background:#205fb9;margin-bottom:40px;}
.punit-left{float:left;width:34%;}
.punit-right{float:right;width:63%;}
.punit h5{margin-top:40px;font-size:32px;line-height:40px;color:#205fb9;font-weight:bold;}
.punit h5:first-child{margin-top:0;}
.punit .punit-info{margin-top:20px;}
.punit .punit-info p{font-size:24px;line-height:32px;padding:8px 0px;color:#333333;}
.punit .punit-table{width:100%;max-width:100%;margin-top:20px;box-shadow:0px 0px 20px #e8e8e8;border-collapse:separate;border-radius:10px;overflow:hidden;}
.punit .punit-table .table-tit{background-color:#4077dc;color:#ffffff;font-size:20px;line-height:28px;text-align:center;}
.punit .punit-table .table-tit td{padding:15px 5px;box-sizing:border-box;}
.punit .punit-table .table-tit td span{display:block;font-size:16px;line-height:24px;}
.punit .punit-table .table-data{color:#333333;font-size:20px;line-height:28px;text-align:center;}
.punit .punit-table .table-data td{padding:15px 5px;}
.punit .punit-table .table-data td span{padding-left:10px;}
.punit .punit-table .table-data td span:first-child{padding-left:0;}
.pslide{position:relative;box-shadow:0px 0px 20px #e8e8e8;}
.pslide .hd{position:absolute;bottom:0;right:0;z-index:2;overflow:hidden;display:none;}
.pslide .hd li{float:left;width:16px;height:16px;background-color:#dbdbdb;cursor:pointer;margin:0px 10px 10px 0px;border-radius:50%;}
.pslide .hd li.on{background-color:#205fb9;}
/*news-------------------------*/
.news .mnews-tab{width:50%;margin:0 auto;}
.news .mnews-tab li{width:50%;}
.news .mnews-tab li a{background-color:#f2faff;color:#999999;text-align:center;cursor:pointer;}
.news .mnews-tab li.on a{background-color:#205fb9;color:#ffffff;}
.news .mnews-list{margin-top:60px;}
.news .mnews-list li:hover{box-shadow:0px 0px 20px #e8e8e8;}
.news .mnews-list li a{display:block;border:1px solid #e8e8e8;overflow:hidden;position:relative;padding:60px 0px;}
.news .mnews-list li:hover a{border:1px solid #fafafa;}
.news .mnews-list .mnews-info{padding:0px 60px;margin:0px auto;margin-left:300px;border-left:1px solid #e8e8e8;}
.news .mnews-list .mnews-dateb{position:absolute;left:0px;top:50%;margin-top:-40px;width:300px;text-align:center;font-size:72px;color:#999999;height:80px;line-height:80px;}
.news-detail .news-detail-box h5{padding-bottom:30px;font-size:28px;line-height:32px;font-weight:bold;color:#333333;text-align:center;}
.news-detail .news-detail-box img{max-width:100%;margin-bottom:10px;}
.news-detail .news-detail-box .mnews-info{padding:0;font-size:16px;line-height:28px;}
.news-detail .news-detail-box .mnews-info p{height:auto;margin-top:10px;display:block;-webkit-box-orient:inherit; -webkit-line-clamp:inherit; overflow:auto;}
.btnbox{position:relative;background:#ffffff;box-shadow:0px 0px 10px #dfdfdf;z-index:5;}
.btncan{overflow:hidden;padding:20px 0px;}
.btncan .btn{border:1px solid #4077dc;background-color:#ffffff;color:#4077dc;font-size:20px;padding:0px 20px;line-height:38px;}
.btncan .fr{overflow:hidden;}
.btnprev{margin-right:20px;float:left;}
.btnnext{float:right;}
.btnbox.fixbtn{position:fixed;top:0;left:0;width:100%;background:rgba(255,255,255,1);z-index:3;}
/*contact-------------------------*/

@media(max-width:1680px) {
    .mbody{padding-top:80px;padding-bottom:80px;}
    .topbox .nav li a{margin:48px 20px 48px 20px;}
    .bannerslide .btn{width:72px;height:72px;}
    .bannerslide .btn.prev{background-size:auto 40px;}
    .bannerslide .btn.next{background-size:auto 40px;} 
    .bottom .bottombox{padding-top:60px;}
    .news .mnews-list li a{padding:50px 0px;}
    .news .mnews-list .mnews-info{padding:0px 50px;}
    /* .punit{padding-top:100px;} */
    .punit{margin-top:60px;}
    .punit h3{font-size:32px;line-height:40px;padding:15px 20px;margin-bottom:35px;}
    .punit h5{font-size:28px;line-height:36px;margin-top:35px;}
    .punit .punit-info p{font-size:18px;line-height:24px;}
    .punit .punit-table .table-tit{font-size:18px;line-height:24px;}
    .punit .punit-table .table-tit td span{font-size:14px;line-height:20px;}
    .punit .punit-table .table-data{font-size:18px;line-height:24px;}
    .tit h3{font-size:40px;line-height:48px;padding:5px 0px 36px 0px;}
    .tit h3 p{font-size:20px;line-height:32px;padding:2px 0px;}
    .news-detail .news-detail-box h5{padding-bottom:25px;font-size:24px;line-height:28px;}
}

@media(max-width:1600px) {  
    .mbody{padding-top:60px;padding-bottom:60px;}
    .topbox .logo{height:40px;}
    .topbox .nav li a{font-size:18px;margin:40px 20px 40px 20px;}   
    .topbox .nav li .icon{margin:28px 0px;}
    .topbox .nav li .search-box{top:103px;}
    .index .topbox .nav li .search-box{top:103px;}
    .navlist{top:103px;padding:0;}
    .navlist a{line-height:24px;padding:5px 20px;font-size:16px!important;}
    .mcont{padding:124px 0px 40px 0px;}
    .mabout{width:60%;}
    .mabout .mcont-box{padding-left:50px;} 
    .mabout .mabout-info{margin-top:0;align-self:center;}
    .mabout-info p{font-size:16px;line-height:32px;}
    .mabout-info h5{font-size:20px;margin-top:30px}
    .mdata .picsize{width:150px;margin-top:-70px;padding-bottom:80px;}
    .mdata .picsize p{font-size:18px;line-height:32px;}
    .mnews-left{width:35%;}
    .mnews-right{width:62%;}
    .mnews-tab li a{font-size:20px;line-height:28px;padding:15px 30px;}
    .mnews-tab li:nth-child(3) a{padding:15px 0px;}
    .mnews-info h5{font-size:20px;line-height:28px;}
    .mnews-info p{font-size:18px;line-height:32px;height:64px;}
    .mnews-handle span{font-size:18px;}
    .mnews-handle em{font-size:18px;}
    .mnews-list{margin-top:30px;}
    .mnews-list li{margin-top:20px;}
    .mnews-left .mnews-info{padding:35px 30px;}
    .mnews-left .picsize{max-height:350px;}
    .mcontact-info{padding:40px 30px;}
    .mcontact-info h5{font-size:22px;line-height:32px;padding-bottom:30px;}
    .bottom-info p{font-size:18px;line-height:24px;}
    .mcontact-left{height:532px;}
    .mcontact-right{height:532px;}
    .main-m .fullbox.full6 .mcontact-right{height: 600px !important;background:transparent!important;}
    .main-m .fullbox.full6 .mcontact-right .mcontact-info{background-color:#ffffff!important;}
    .news .mnews-list li a{padding:40px 0px;}
    .news .mnews-list .mnews-info{padding:0px 40px;margin-left:250px;}
    .news .mnews-list .mnews-dateb{width:250px;font-size:64px;}
    .pnavlist{padding:20px 0px;}
    .pnavlist li{float:left;width:24%;margin:8px 0.5%;}
    .pnavlist li{float:left;width:32.333%;margin:5px 0.5%;}
    .pnavlist li a{padding:10px 5px;font-size:16px;line-height:20px;}
    .pnavlist .erji a{font-size:16px;margin:0 5px;padding: 10px 20px;line-height:20px;}
}

@media(max-width:1480px) { 
    .wpercent{width:94%;}  
    .mbody{padding-top:50px;padding-bottom:50px;}
    .topbox .logo{height:34px;width:auto;padding:25px 0px;}
    .topbox .nav li a{font-size:16px;margin:30px 10px 30px 10px;}   
    .topbox .nav li .icon{margin:26px 0px;width:32px;height:32px;} 
    .topbox .nav li .icon.search{background-size:auto 32px;} 
    .topbox .nav li .search-box{top:83px;}
    .index .topbox .nav li .search-box{top:83px;}
    .navlist{top:83px;}
    .navlist a{line-height:20px;padding:5px 10px;font-size:14px!important;}
    .mainSlide{display:none;}
    .fullpage{display:none;}
    #fp-nav.fp-right{display:none;}
    .main-m{display:block;padding-top:84px;} 
    .fullbox.full3 .mabout{position:relative;margin-left:40%;}
    .fullbox.full4{display:none;}
    .fullbox.full5 .mnews-left{display:none;}
    .fullbox.full5 .mnews-right{width:100%;}
    .mcont{padding:60px 0px;}
    /* .index .top{position:relative;background-color:#ffffff;box-shadow:0px 0px 20px #e8e8e8;}
    .index .topbox .nav li a{color:#333333;}
    .index .topbox .nav li:hover a{font-weight:bold;} 
    .index .topbox .nav li .icon.search{background:url(../images/icon_ssb.png) center center no-repeat;background-size:auto 32px;} */
    .index .topbox .nav li .icon.search{background-size:auto 32px;}
    .index .topbox .nav li .search-box a{font-weight:normal;color:#ffffff;}
    .bannerslide .slidebtn{bottom:0;} 
    .bannerslide .btn{width:64px;height:64px;}
    .bannerslide .btn.prev{background-size:auto 32px;}
    .bannerslide .btn.next{background-size:auto 32px;}
    .bannerslide .hd{bottom:10px;}
    .mabout .mcont-box{padding-left:35px;width:95%;}
    .mproduct .mproduct-list li{float:left;width:50%;}
    .mproduct .mproduct-list li .picsize{padding:48px 0px 80px 0px;height:360px;}
    .mproduct .mproduct-list li .picsize p{font-size:18px;line-height:32px;bottom:48px;}
    .mproduct .mproduct-list li .picsize span{height:48px;line-height:48px;font-size:18px;}
    .mproduct .mproduct-list li:hover .picsize{padding:24px 0px 104px 0px;}
    .mproduct .mproduct-list li:hover .picsize p{bottom:72px;}
    .mproduct .mproduct-list li:hover .picsize span{display:block;}

    .pmySwiper .swiper-slide{float:left;width:50%;}
    .pmySwiper .swiper-slide .picsize{padding:48px 0px 80px 0px;/*height:360px;*/}
    .pmySwiper .swiper-slide .picsize p{font-size:18px;line-height:32px;bottom:48px;}
    .pmySwiper .swiper-slide .picsize span{height:48px;line-height:48px;font-size:18px;}
    .pmySwiper .swiper-slide:hover .picsize{padding:24px 0px 104px 0px;}
    .pmySwiper .swiper-slide:hover .picsize p{bottom:72px;}
    .pmySwiper .swiper-slide:hover .picsize span{display:block;}

    .mnews-tab li a{font-size:18px;} 
    .bottom .bottombox{padding-top:40px;}
    .news .mnews-list{margin-top:40px;}
    .news .mnews-list li a{padding:30px 0px;}
    .news .mnews-list .mnews-info{padding:0px 30px;margin-left:200px;}
    .news .mnews-list .mnews-dateb{width:200px;font-size:54px;}
    .product .mproduct .mproduct-list li{width:33.333%;}
    /* .punit{padding-top:90px;} */
    .punit{margin-top:40px;}
    .punit h3{font-size:28px;line-height:32px;padding:12px 20px;margin-bottom:30px;}
    .punit h5{font-size:24px;line-height:32px;margin-top:30px;}
    .punit .punit-info p{font-size:16px;line-height:20px;padding:5px 0px;}
    .punit .punit-table .table-tit{font-size:16px;line-height:20px;}
    .punit .punit-table .table-tit td span{font-size:12px;line-height:16px;}
    .punit .punit-table .table-data{font-size:16px;line-height:20px;}
    .tit h3{font-size:36px;line-height:44px;padding:5px 0px 34px 0px;}
    .tit h3 p{font-size:18px;line-height:28px;padding:2px 0px;}
    .btncan{padding:15px 0px;}
    .btncan .btn{padding:0 13px;line-height:30px;font-size:16px;} 
    .news-detail .news-detail-box h5{padding-bottom:20px;font-size:20px;line-height:24px;}
    .index{padding-top:84px;}
    .pnavlist{padding:20px 0px;}
    .pnavlist li{float:left;width:24%;margin:5px 0.5%;}
    .pnavlist li{float:left;width:32.333%;margin:3px 0.5%;}
    .pnavlist li a{padding:10px 5px;font-size:14px;line-height:18px;}
    .pnavlist .erji a{font-size:14px;line-height:18px;}
    
    .about .mabout-info li{width:23%;margin:1%;}
}

@media(max-width:980px) {  
    .wper88{width:96%;padding:0 2%;}
    .mcont{padding:40px 0px;}  
    .mbody{padding-top:40px;padding-bottom:40px;}
    .bannerslide .btn{width:48px;height:48px;}
    .bannerslide .btn.prev{background-size:auto 24px;}
    .bannerslide .btn.next{background-size:auto 24px;}
    .bannerslide .hd{margin-left:-20px;}
    .bannerslide .hd li{width:10px;height:10px;margin-right:5px;}
    .fullbox.full3 .mabout{margin-left:0;width:100%;}
    .mcontact-left{float:none;width:100%;height:300px;border-bottom:1px solid #e8e8e8;}
    .mcontact-right{float:none;width:100%;height:auto;}
    .mabout .mcont-box{width:94%;padding:0;margin:0 auto;}
    .mabout .mabout-info h5{margin-top:30px;} 
    .cpfl{font-size:48px;padding-bottom:30px;}
    .mproduct .mproduct-list li .picsize{margin:0 10px;}
    .mproduct .mproduct-list li .picsize{padding:24px 0px 64px 0px;height:auto;}
    .mproduct .mproduct-list li .picsize p{font-size:16px;line-height:28px;bottom:36px;}
    .mproduct .mproduct-list li .picsize span{height:36px;line-height:36px;font-size:16px;}
    .mproduct .mproduct-list li:hover .picsize{padding:12px 0px 76px 0px;}
    .mproduct .mproduct-list li:hover .picsize p{bottom:44px;}
    .mproduct .mproduct-list li:hover .picsize span{display:block;} 

    
    .pmySwiper .swiper-slide .picsize{margin:0 10px;}
    .pmySwiper .swiper-slide .picsize{padding:24px 0px 64px 0px;height:auto;}
    .pmySwiper .swiper-slide .picsize p{font-size:16px;line-height:28px;bottom:36px;}
    .pmySwiper .swiper-slide .picsize span{height:36px;line-height:36px;font-size:16px;}
    .pmySwiper .swiper-slide:hover .picsize{padding:12px 0px 76px 0px;}
    .pmySwiper .swiper-slide:hover .picsize p{bottom:44px;}
    .pmySwiper .swiper-slide:hover .picsize span{display:block;} 

    .mproduct .hd{margin-top:-24px;}
    .mproduct .hd a{width:48px;height:48px;}
    .mproduct .hd .prev{background-size:auto 24px;}
    .mproduct .hd .next{background-size:auto 24px;}
    .mcontact-info{padding:25px;}
    .mcontact-info h5{padding-bottom:15px;font-size:20px;} 
    .mnews-list{margin-top:20px;}
    .mnews-list li{margin-top:15px;}
    .mnews-tab li:nth-child(3) a{font-size:16px;}
    .mnews-info{padding:20px;}
    .bottom-info p{padding-bottom:10px;font-size:16px;}
    .bottom-logo{display:none;}
    .bottom-info ul{margin-top:10px;}
    .index .bottom-info ul{margin-top:10px;}
    .bottom{width:100%;background:none;background-color:#1a2f4c;}
    .bottom .bottombox{padding-top:20px;}
    .bottom-can{float:none;width:100%;}
    .bottom-can .bottom-nav li a{padding:10px 0px;font-size:14px;line-height:28px;}
    .news .mnews-tab{width:70%;}
    .news .mnews-list{margin-top:20px;}
    .news .mnews-list li a{padding:20px 0px;}
    .news .mnews-list .mnews-info{padding:0px 20px;margin-left:0;border-left:none;} 
    .news .mnews-list .mnews-dateb{display:none;}
    .product .mproduct .mproduct-list li{width:50%;}
    .punit-left{float:none;width:80%;margin:0 auto;}
    .punit-right{float:none;width:100%;margin-top:30px;} 
    /* .punit{padding-top:70px;} */
    .punit{margin-top:30px;}
    .punit h3{font-size:24px;line-height:28px;padding:10px 15px;margin-bottom:25px;}
    .punit h5{font-size:20px;line-height:24px;margin-top:25px;}
    .punit .punit-info p{font-size:14px;line-height:20px;padding:5px 0px;}
    .punit .punit-table .table-tit{font-size:14px;line-height:20px;}
    .punit .punit-table .table-tit td span{font-size:12px;line-height:16px;}
    .punit .punit-table .table-data{font-size:14px;line-height:20px;}
    .tit h3{font-size:32px;line-height:36px;padding:5px 0px 30px 0px;}
    .tit h3 p{font-size:16px;line-height:24px;padding:2px 0px;}
    .news-detail .news-detail-box h5{padding-bottom:15px;font-size:18px;line-height:22px;} 
    .news-detail .news-detail-box .mnews-info{font-size:14px;line-height:24px;}
    .about .mabout-info.mcert-list li{width:31.333%;margin:0 1%;}
    .about .mabout-info.mcert-list li:nth-child(3){margin-right:1%;} 
    .about .mabout-info ul.aboutul li{width:49%;margin:0.5%;}
    .main-m .fullbox.full6 .mcontact-right{height: 510px !important;}  
    .codebox li{padding-bottom:28px;} 
    .codebox li span{font-size:14px;line-height:28px;height:28px;} 
    .bottom-info .fr li{padding-bottom:28px;}
    .bottom-info .fr li span{line-height:28px;height:28px;font-size:14px;}
}

@media(max-width:680px) {  
    .mbody{padding-top:20px;padding-bottom:20px;}
    .mcont{padding:30px 0px;}
    .topbox .logo{height:24px;padding:15px 0px;}
    .topbox .nav li a{font-size:14px;margin:15px 5px 15px 5px;}
    .topbox .nav li .icon{margin:13px 0px;width:28px;height:28px;}
    .topbox .nav li .icon.search{background-size:auto 28px;} 
    .index .topbox .nav li .icon.search{background-size:auto 28px;} 
    .topbox .nav li .search-box{top:53px;}
    .index .topbox .nav li .search-box{top:53px;}  
    .navlist{display:none;}
    .bottom-info{padding:15px 0px 20px 0px;}
    .bottom-info p{font-size:14px;padding-bottom:5px;}
    .bottom-info .fl{float:none;width:100%;}
    .bottom-info .fr{float:none;width:100%;}
    .bottom-info li{margin-top:10px;max-width:120px;}
    .bannerslide .btn{width:36px;height:36px;}
    .bannerslide .btn.prev{background-size:auto 20px;}
    .bannerslide .btn.next{background-size:auto 20px;}
    .cpfl{font-size:30px;padding-bottom:20px;}
    .mproduct .hd{margin-top:-18px;}
    .mproduct .hd a{width:36px;height:36px;}
    .mproduct .hd .prev{background-size:auto 20px;}
    .mproduct .hd .next{background-size:auto 20px;}
    .mabout-info p{font-size:14px;line-height:28px;}
    .mabout .mabout-info h5{margin-top:20px;font-size:16px;}
    .mabout-info ul{margin-top:10px;}
    .mproduct .bd{padding:0px;}
    .mcontact-info{padding:15px;}
    .mcontact-info h5{font-size:18px;line-height:24px;}
    .fullbox.full6 .mcontact-left{height:240px;}
    .mnews-tab li a{font-size:16px;padding:10px 20px;}
    .mnews-tab li:nth-child(3) a{font-size:16px;line-height:24px;padding:12px 0px;}
    .mnews-info h5{font-size:16px;line-height:32px;}
    .mnews-info p{font-size:14px;line-height:24px;height:48px;margin-top:10px;}
    .mnews-handle{padding-top:10px;}
    .mnews-handle span{font-size:14px;line-height:20px;}
    .mnews-handle em{font-size:14px;line-height:20px;}
    .tit h3{font-size:28px;line-height:36px;padding:5px 0px 30px 0px;}
    .tit h3 p{font-size:14px;line-height:24px;padding:2px 0px;}
    .mabout-info{margin-top:10px;}
    .mproduct .mproduct-list{padding-top:10px;} 
    .fullbox.full2{background-size:auto 100%;} 
    .fullbox.full5{background-size:auto 100%;} 
    .fullbox.full6{background-size:auto 100%;}
    .bottom-info ul{margin-top:0px;}
    .index .bottom-info ul{margin-top:0px;}
    .mcontact-info h5{font-size:16px;padding-bottom:10px;}
    .mdata .picsize{max-width:70%;padding-bottom:60px;margin-top:-40px;}
    .mdata .picsize p{font-size:12px;line-height:18px;}
    .about .mdata{height:180px;background-size:auto 100%;}
    .about .mabout-info ul{margin-top:10px;padding:0;} 
    .about .mabout-info li{width:31.333%;margin:1%;}
    .bottom .bottomend{font-size:12px;line-height:20px;padding:10px 5%;}
    .bottom-can .bottom-nav li{width:19%;margin:0 0.5%;}
    .bottom-can .bottom-nav li a{line-height:20px;font-size:12px;text-align:center;}
    .news .mnews-list li a{padding:15px 0px;}
    .news .mnews-list .mnews-info{padding:0px 15px;} 
    .news-detail .news-detail-box .mnews-info p{margin-top:5px;}
    .punit-left{width:100%;}
    .punit-right{float:none;width:100%;margin-top:15px;} 
    /* .punit{padding-top:60px;}  */
    .punit{margin-top:20px;}
    .punit h3{font-size:18px;line-height:24px;padding:8px 10px;margin-bottom:20px;}
    .punit h5{font-size:16px;line-height:20px;margin-top:10px;}
    .punit .punit-info p{font-size:12px;line-height:18px;padding:0px 0px 5px 0px;}
    .punit .punit-table .table-tit{font-size:12px;line-height:18px;}
    .punit .punit-table .table-tit td span{font-size:12px;line-height:14px;}
    .punit .punit-table .table-data{font-size:12px;line-height:18px;}
    .punit .punit-info{margin-top:10px;}
    .punit .punit-table{margin-top:10px;}
    .btncan .btn{padding:0 8px;line-height:26px;font-size:14px;} 
    .btnprev{margin-right:10px;}
    .news-detail .news-detail-box h5{font-size:16px;line-height:20px;} 
    .pnavlist{padding:15px 0px;} 
    .main-m{padding-top:54px;}  
    .main-m .fullbox.full6 .mcontact-right{height: 400px !important;} 
    .codebox li{padding-bottom:24px;} 
    .codebox li span{font-size:12px;line-height:24px;height:24px;}
    .bottom-info .fr li{padding-bottom:24px;}
    .bottom-info .fr li span{line-height:24px;height:24px;font-size:12px;}
}

@media(max-width:480px) { 
    .mbody{padding-top:15px;padding-bottom:15px;}
    .mcont{padding:20px 0px;}
    .topbox .logo{float:none;}
    .topbox .nav{float:none;}
    .topbox .nav li a{margin-right:0;text-align:center;margin:8px 0;}
    .topbox .nav li .search-box{top:39px;}
    .index .topbox .nav li .search-box{top:39px;}  
    .topbox .nav li{width:18%;margin-right:1%;}
    .topbox .nav li:nth-child(1){margin-right:0;width:12%;}
    .topbox .nav li:nth-child(6){margin-right:0;width:12%;}
    .topbox .nav li:last-child{margin:0;}
    .topbox .nav li .icon{width:100%;height:24px;margin:8px 0px;}
    .index .topbox .nav li .icon.search{background-size:auto 24px;}
    .topbox .nav li .search-box{width:220px;}
    .topbox .nav li .search-box a{font-size:14px;}
    .topbox .nav li .search-box input{font-size:14px;}
    .bannerslide .btn{width:24px;height:24px;}
    .bannerslide .btn.prev{background-size:auto 16px;}
    .bannerslide .btn.next{background-size:auto 16px;}
    .mproduct .hd{margin-top:-12px;}
    .mproduct .hd a{width:24px;height:24px;}
    .mproduct .hd .prev{background-size:auto 16px;}
    .mproduct .hd .next{background-size:auto 16px;} 
    .mproduct .mproduct-list li .picsize{margin:0 4px;padding:12px 0px 48px 0px;}
    .mproduct .mproduct-list li .picsize p{font-size:12px;line-height:20px;bottom:28px;}
    .mproduct .mproduct-list li .picsize span{font-size:14px;height:28px;line-height:28px;} 
    .mproduct .mproduct-list li:hover .picsize{padding:6px 0px 54px 0px;}
    .mproduct .mproduct-list li:hover .picsize p{bottom:34px;}
    .mproduct .mproduct-list li:hover .picsize span{display:block;} 
    .mabout .mabout-info h5{margin-top:10px;font-size:14px;line-height:24px;}
    .mabout-info ul{margin-top:5px;}
    .mnews-tab li{width:50%;text-align:center;}
    .mnews-tab li:nth-child(3){display:none;}
    .mabout-info p{font-size:12px;line-height:24px;text-indent:0px;}
    .mabout-info li{width:32%;margin-right:2%;}
    .mnews-tab li a{font-size:14px;padding:5px 10px;}
    .mnews-list{margin-top:10px;}
    .mnews-list li{margin-top:10px;}
    .mnews-info{padding:10px 15px;}
    .mnews-info h5{font-size:14px;line-height:28px;}
    .mnews-info p{font-size:12px;line-height:24px;height:48px;margin-top:5px;}
    .mnews-handle{padding-top:5px;}
    .mnews-handle span{font-size:12px;}
    .mnews-handle em{font-size:12px;}
    .fullbox.full6 .mcontact-left{height:140px;}
    .mcontact-info h5{padding-bottom:5px;}
    .bottom-info p{font-size:12px;line-height:18px;}
    .tit h3{font-size:18px;line-height:24px;padding:0px 0px 20px 0px;}
    .tit h3 p{font-size:12px;line-height:20px;padding:0;}
    .news .mnews-list{margin-top:10px;}
    .btncan{padding:10px 0px;}
    .btncan .btn{padding:0 5px;line-height:22px;font-size:12px;} 
    .btnprev{margin-right:8px;}
    .news-detail .news-detail-box h5{padding-bottom:10px;font-size:14px;line-height:18px;} 
    .news-detail .news-detail-box .mnews-info{font-size:12px;line-height:20px;}
    /* .punit{padding-top:40px;}  */ 
    .punit h3{font-size:14px;line-height:20px;padding:5px 10px;margin-bottom:15px;}
    .punit h5{font-size:14px;line-height:18px;margin-top:10px;}
    .punit .punit-info{margin-top:10px;}
    .punit .punit-table{margin-top:10px;}
    .index{padding-top:94px;}
    .pnavlist{padding:10px 0px;}
    .pnavlist li{float:left;width:49%;margin:3px 0.5%;}
    .pnavlist li{float:left;width:32.333%;margin:3px 0.5%;}
    .pnavlist li a{padding:5px 5px;font-size:11px;line-height:16px;}
    .pnavlist .erji{padding-top:20px;}
    .pnavlist .erji a{padding:5px 10px;font-size:11px;line-height:16px;margin:5px;}
    .about .mabout-info li{width:48%;margin:1%;}
    .main-m{padding-top:94px;} 
    .about .mabout-info.mcert-list li{width:98%;margin:1%;}
    .about .mabout-info.mcert-list li:nth-child(3){margin-right:1%;}
}

@media(max-width:380px) {  
    .mcont{padding:15px 0px;}
    .topbox .nav li a{font-size:12px;} 
    .topbox .nav li .search-box a{font-size:12px;}
    .topbox .nav li .search-box input{font-size:12px;}
    .news .mnews-tab{width:100%;} 
    .main-m .fullbox.full6 .mcontact-right{height: 420px !important;} 
}


/* Page */
.page{display:table;margin:0 auto;max-width:90%;}
.page a{display:block;float:left;padding:2px 12px;margin:4px;font-size:14px;color:#999;line-height:24px;border:1px solid #ececec;cursor:pointer;transition:all .5s ease-in-out;}
.page a:hover{color:#fff;border-color:#2962b8;background-color:#2962b8;}
.page a.pageNt{color:#2962b8;}
.page a.pageNt:hover{color:#fff;}
.page a.pageCn{padding:2px 8px;}
.page a.pageJt{font-family:"SimSun", "NSimSun", "FangSong";color:#c0c0c0;}





.punit-img img {
    width: auto !important;
    max-width: 100%;
    height: auto !important;
}
.punit-icon { 
    width: 125px;
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
}
.punit-icon a {
    display: block;
    width: 50px;
}
.punit-icon a img { 
    width: 100%;
}