.m-btn{ width:25px; height:14px;display:none; position: absolute; right:0px;top:50%; margin-top:-9px}

.m-btn span{ width:100%; height:3px;background: #20c4cb; position:absolute; left:0; top:0;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}

.m-btn .line1{-webkit-transform-origin:4px center;-moz-transform-origin:4px center;-ms-transform-origin:4px center;-o-transform-origin:4px center;transform-origin:4px center}

.m-btn .line2{top:7px;}

.m-btn .line3{top:14px;-webkit-transform-origin:1px center;-moz-transform-origin:1px center;-ms-transform-origin:1px center;-o-transform-origin:1px center;transform-origin:1px center}

.m-btn.open-menu .line2 {opacity: 0;filter: alpha(opacity=0);}

.m-btn.open-menu .line1{webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}

.m-btn.open-menu .line3{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}



.m-menu{ display:none; padding-top:85px; padding-bottom:30px; z-index:9}

.m-menu{ background:#f5f5f5; position:fixed; left:0; width:100%; display:none; overflow-y:auto; overflow-x:hidden;}

.m-menu ul{ width:100%; height:calc(100vh - 85px); overflow-y:auto;overflow-x:hidden;}

.m-menu a{ display:block}

.m-menu li{ border-bottom:1px solid #d8d8d8;}

.m-menu .menu_a{ padding:0 3%; line-height:50px; font-size:18px; color:#222; position:relative}

.m-menu .menu_a i{ width:17px; height:17px; background:url(../images/ico_03.png) no-repeat; background-size:contain; position:absolute; right:3%; top:15px}

.m-menu li .sub{ padding:0 3%; line-height:30px; margin:5px 0 15px 0; font-size:14px; display:none}

.m-menu .menu_a.cur{ background:#20c4cb; color:#fff;}

.m-menu .menu_a.cur i{background:url(../images/ico_03_h.png) no-repeat center; background-size:100% auto}

.m-menu .m_lang{ font-weight:bold}

.m-menu form{ width:96%; margin:20px auto 30px; position:relative}

.m-menu form .input01{ width:100%; line-height:40px; border:1px solid #ddd; padding:0 110px 0 10px; font-size:16px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.m-menu form .yijiao{ width:100px; position:absolute; right:0;top:0;}

.m-menu form .yijiao{ width:145px; font-size:18px; color:#fff; background-color:#20c4cb; line-height:40px;height:42px;border:none; float:left; text-align:center; cursor:pointer}



.m-foot{ position:fixed; width:100%; height:50px; left:0; bottom:0;background:#0073b2; color:#fff; display:none; z-index:99}

.m-foot li{ float:left; width:33.3%; text-align:center;}

.m-foot li a{ color:#fff; font-size:12px; display:block;}

.m-foot li.li1 a{ background:url(../images/flmes.png) no-repeat center 5px; padding-top:27px}

.m-foot li.li2 a{ background:url(../images/kf-email.png) no-repeat center 5px; padding-top:27px}

.m-foot li.li3 a{ background:url(../images/fltel.png) no-repeat center 5px; padding-top:27px}

.m-foot li.li4 a{ background:url(../images/right_pic6.png) no-repeat center 3px; padding-top:27px}



.phshow{ display:none}

.pcshow{ display:block}



.m-foot{ position:fixed; width:100%; height:60px; left:0; bottom:0;background: #0f72da; color:#fff; display:none; z-index:99}

.m-foot li{ float:left; width:25%; text-align:center;}

.m-foot li a{ color:#fff; font-size:14px; display:block;}

.m-foot li.li1 a{ background:url(../images/flmes.png) no-repeat center 8px; padding-top:25px}

.m-foot li.li2 a{ background:url(../images/fltel.png) no-repeat center 8px; padding-top:25px}

.m-foot li.li3 a{ background:url(../images/flmail.png) no-repeat center 6px; padding-top:25px}

.m-foot li.li4 a{ background:url(../images/flewm.png) no-repeat center 6px; padding-top:25px}





.header .use02{ position:absolute; right:45px; top:50%; line-height:22px; height:22px; margin-top:-11px;font-size:16px; display:none}

.header .use02 li{ float:left; line-height:19px;height:19px; overflow:hidden; }

.header .use02 a{ color:#acafb2}

.header .use02 a:hover{ color:#20c4cb}

.header .use02 .en{padding-right:8px; margin-right:8px; border-right:solid 1px #acafb2;}



@media screen and (max-width: 1239px){

.section{ padding:100px 0}

.sectionpre{ padding-top:100px;}

.sectionnext{ padding-bottom:70px;}

.nsection{ padding:60px 0}



.title h3{ font-size:55px; line-height:55px; letter-spacing:5px;}
.title h2{ font-size:32px; line-height:32px;}

.title p{ font-size:14px;}

.title{margin-bottom:25px;}



.inews .more { margin-top: 90px;}

.sqchaxun .title h2{ margin-top:0}



.why li .wenzi{ font-size:15px; line-height:30px; padding:20px; }



.nteam .title{ margin-top:70px;}

.nteam .topleader{ padding:70px 0}



.inews li{ width:32%; margin-right:2%}
.nprolist .swiper-slide .nproltop .wenzi h3{ font-size:28px}
}



@media screen and (max-width: 1199px){

.header .menu li .menu_a{margin: 0 30px;}

.nbannerbrand{ width:120%; margin-left:-10%}



.nabout .wrap {padding: 40px 30px;}

.nabout {margin-top: -50px;}



.nabout .ntitle h3{ font-size:32px;line-height:45px; }



}

@media screen and (max-width: 1024px){

.header .menu li .menu_a{margin: 0 20px;}

.i-main01 .ibrand{ float:left; width:48.5%}

.i-main01 .ijoin{ float:right; width:48.5%}

.i-main01 .wenzi .intro{font-size:18px; line-height:35px; min-height:140px;}




.iproducts li{ float:left; width:22.75%; margin-right:2%}
.iproducts li:nth-child(1), .iproducts li:nth-child(2){ width:48.5%; margin-bottom:2%}




.inews .more { margin-top: 70px;}



.nlianxi li{ float:left; width:30%; margin:0 2.5%; padding:30px 0}



.inquiry form{  padding:30px 0 40px 0}

.inquiry form .kuai{ margin-top:20px; font-size:18px;}

.inquiry form .kuai .input01{ font-size:16px; line-height:42px; display:block}



.huoban li .wenzi{ font-size:18px}



.why li .icon{ font-size:18px;}

.why li .wenzi{ line-height:28px; }



.nprolist .tabs a{font-size:18px;}

.nprolist .tabs{ margin:20px auto 30px auto;}



.nprolbottom .item .wenzi{ padding:20px; position: relative; left:auto; top:0; width:53%; float:left}

.nprolbottom .item .wenzi h3{ font-size:24px; color:#000; margin-bottom:10px;}
.nprolbottom .item .wenzi p{ font-size:14px; line-height:25px;}


.nabout .business li {float:left; width:32%; margin-right:2%;font-size:18px;}



.company{ padding:40px 0;}



.nabout .business02{ margin-bottom:50px;}

.nabout .business02 li{ float:left; width:32%; margin-right:2%}

.nabout .business02 li:nth-child(3n){ margin-right:0}

.nabout .business02 li .pic{ margin-bottom:15px; }



.history .tabs{margin-top:50px;}

.history .tabs a{font-size:18px;}



.history .swiper-slide{  padding:2% }



.nteam .topleader .wenzi .name h3{ font-size:32px; line-height:60px;}

.nteam .topleader .wenzi .name h4{ font-size:24px;}

.nteam .topleader .wenzi .name { margin-bottom:20px;}



.nteam .otherleader .wenzi .name h3{ font-size:32px; line-height:60px;}

.nteam .otherleader .wenzi .name h4{ font-size:24px;}

.nteam .otherleader .wenzi .name { margin-bottom:20px;}



.honorlist .wenzi .wenziin h3{ font-size:32px; line-height:60px; }



.nteam .topleader .wenzi .wenziin{width:68%;} 

.nteam .otherleader .wenzi .wenziin{width:68%;} 



.nteam .otherleader .wrap .kuai{ margin-bottom:50px;}

.honorlist .wenzi .wenziin{ line-height:32px}


body{ font-size:15px;line-height:28px; }
}







@media screen and (max-width: 920px){

.section{ padding:40px 0}

.sectionpre{ padding-top:40px;}

.sectionnext{ padding-bottom:40px;}

.nsection{ padding:40px 0}

.header .menu{ display:none; }

.header .use{ display:none}

.header .use02{ display: block}

.m-btn{ display: block;}



.header .wrap{ position:relative;height:85px; }

.header .logo{margin-top:-25px; }

.header .logo img{ height:50px;} 

.m-menu{ padding-top:85px;}

.space{ height:85px;}



.title h3{ font-size:50px; line-height:50px; letter-spacing:0px;}
.title h2{ font-size:30px; line-height:30px;}

.title p{ font-size:12px;}

.title{margin-bottom:20px;}



.iparter li{ width:25%; margin-top:0}

.iparter li:nth-child(1), .iparter li:nth-child(2), .iparter li:nth-child(3), .iparter li:nth-child(4), .iparter li:nth-child(5){ margin-top:0px}

.iparter li:nth-child(9){ margin-left:25%}



.inews .more { margin-top: 60px;}




.footer{ padding:35px 0; line-height:30px;}

.footer li .erweima img{ display:block; width:100px; height:auto}



.nbannerbrand{ width:130%; margin-left:-15%}



.nnewslist{ padding:40px 0}





.nprolist .swiper-slide .mores a {margin: 30px auto 0 auto;}

.nabout .ntitle h3{ font-size:30px;line-height:40px; }



.nteam .topleader .wenzi .wenziin{width:80%;} 

.nteam .otherleader .wenzi .wenziin{width:80%;} 



.nteam .title{ margin-top:50px;}

.nteam .topleader{ padding:50px 0}





.honorlist .kuai .honorpic{ float:none; width:100%; margin-bottom:20px}

.honorlist .kuai .wenzi{ width:100%; position: relative; height:auto; left:auto;}

.honorlist .kuai:nth-child(2n) .honorpic{ float:none}

.honorlist .kuai:nth-child(2n) .wenzi{ left:auto; right:auto;}



.honorlist .wenzi .wenziin {position: relative; width:100%; left:auto; top:auto; -webkit-transform:translate(0%,0%);-moz-transform:translate(0%,0%);transform:translate(0%,0%);line-height:30px;}


.nprolist .swiper-slide .nproltop .wenzi h3{ font-size:24px}

.iproducts .wenzi h3{ font-size:18px;}
}





@media screen and (max-width: 768px){

.header .wrap{ position:relative;height:80px; }

.header .logo{margin-top:-22.5px; }

.header .logo img{ height:45px;} 

.m-menu{ padding-top:80px;}

.space{ height:80px;}

.i-main01 .wenzi .intro{font-size:16px; line-height:30px; min-height:120px;}



.iproducts li {width: 48.5%;margin-right: 0%;}

.iproducts li:nth-child(2n){ float: right;}

.iproducts li:nth-child(2n+1){ clear:both;}

.iproducts li:nth-child(1), .iproducts li:nth-child(2){ margin-bottom:15px; width:100%}
.iproducts li:nth-child(3), .iproducts li:nth-child(4){ margin-bottom:15px;}



.title h3 span{ display:none}



.inews .more { margin-top: 50px;}





.footer{ padding:30px 0; line-height:28px;}
.footer h3{ font-size:16px;}
.footer h3 span{ font-size:20px;}

.nlianxi li{ float:none; width:100%; margin:30px 0 0 0; padding:0px 0}

.nlianxi .conn:before{ display:none}

.nlianxi .conn:after{  display:none}

.nlianxi li h3 { margin-bottom: 15px;}





.www_zzjs_net12 { width:90%; max-width:600px; margin-left:-300px;}

.inquiry form .kuai .row{ float:none; width:100%}

.inquiry form .kuai .row:nth-child(2n){ float:none}



.nprolist .tabs a{font-size:16px;}



.nprolbottom .item .wenzi h3{ font-size:20px;}



.nabout .ntitle h3{ font-size:28px;}



.history .tabs{margin-top:40px;}

.history .tabs a h3 span{ display:none}





.nteam .topleader .wenzi .name h3{ font-size:28px; line-height:55px;}

.nteam .topleader .wenzi .name h4{ font-size:20px;}

.nteam .topleader .wenzi .name { margin-bottom:15px;}



.nteam .otherleader .wenzi .name h3{ font-size:28px; line-height:55px;}

.nteam .otherleader .wenzi .name h4{ font-size:20px;}

.nteam .otherleader .wenzi .name { margin-bottom:15px;}



.nteam .otherleader .wrap .kuai{ margin-bottom:40px;}



.honorlist .wenzi .wenziin h3{ font-size:28px; line-height:50px; }


.title h3{ font-size:45px; line-height:45px; letter-spacing:0px;}
.title h2{ font-size:26px; line-height:30px;}

.titlex h3{ font-size:36px; line-height:40px; letter-spacing:0px;}
.titlex h2{ font-size:24px; line-height:30px;letter-spacing: 0px;}

.inews .wenzi h3{ font-size:16px;}
body{ font-size:14px;line-height:28px; }

.history .tabs a.active:before{width:20px; height:20px; margin-left:-10px; margin-top:-10px; }
}





@media screen and (max-width: 720px){

.nteam .topleader .pic{ float:none; width:100%;}

.nteam .topleader .wenzi{ float:none; width:100%; position: relative; height:auto; right:auto;}

.nteam .topleader .wenzi .wenziin{position:relative; width:100%; left:auto; top:auto; padding:5%; -webkit-transform:translate(0%,0%);-moz-transform:translate(0%,0%);transform:translate(0%,0%)} 

}







@media screen and (max-width: 640px){

.footer .content {width: 100%;display: block;}

.footer ul {width: 100%;display:block;}

.footer li {color:#fff;display:block; width:100%}	

.footer li:nth-child(2){ text-align:center; margin-top:30px}




.news-article img{ display:block; width:auto; max-width:100%; height:auto; margin:0 auto}


.ncontact .conn{ background:#eeeeee; padding:40px 0}

.clianxi li{ width:50%;}

.clianxi li:nth-child(2n+1){ clear:both}

.clianxi li:nth-child(1), .clianxi li:nth-child(2){ margin-bottom:20px;}



.www_zzjs_net12 { max-width:500px; margin-left:-250px;}



.www_zzjs_net12 .conn .erweima { padding: 20px;}





.nnewslist li{ width:48.5%; margin-right:0px; margin-bottom:20px;}

.nnewslist li:nth-child(3n+1){ clear:none}

.nnewslist li:nth-child(2n){ float:right;}

.nnewslist li:nth-child(2n+1){ clear:both}



.newstit {font-size: 24px;line-height: 30px;}

.page_2 p {padding-right: 0;}

.back {position: relative; right:auto; top:auto; margin-top:20px;}



.pcshow{ display:none}

.phshow{ display:block}



.huoban li{ float:left; width:48.5%; margin-right:0%; margin-bottom:20px;}

.huoban li:nth-child(3n+1){ clear:none}

.huoban li:nth-child(2n){ float:right}

.huoban li:nth-child(2n+1){ clear:both}

.huoban li .wenzi{ font-size:16px}



.nprolist .swiper-slide{ padding:0 2%}

.nprolist .swiper-slide .nproltop{display:block}

.nprolist .swiper-slide .nproltop .pic{ width:100%;display: block; margin-bottom:30px;}

.nprolist .swiper-slide .nproltop .wenzi{ width:100%; padding-left:0%;display:block;}



.nprolbottom { margin-top:30px !important;}

.nprolbottom .item{ float:none; width:100%; margin-top:20px;}

.nprolbottom .item:nth-child(2n){ float:none}

.nprolbottom .item:nth-child(2n+1){ clear:both; }


.nprolbottom .item .wenzi h3{ font-size:18px; margin:0}





.nabout .wrap {padding: 0px; background:#fff}

.nabout {margin-top: 40px;}





.company{ padding:40px 0; display: block;}

.company .pic{ width:100%;display: block; margin-bottom:20px}

.company .wenzi{ width:100%;display:block;padding-left:0%;}



.history .tabs a{font-size:16px;}



.history .swiper-slide .pic{ float:none; width:100%; margin-bottom:20px;}

.history .swiper-slide .wenzi{ float:none; width:100%;}







.nteam .title{ margin-top:40px;}

.nteam .topleader{ padding:30px 0}



.nteam .otherleader .pic{ float:none; width:100%; margin-bottom:20px}

.nteam .otherleader .wenzi{ float:none; width:100%; position: relative; height:auto; right:auto;}

.nteam .otherleader .wrap .kuai:nth-child(2n) .pic{ float:none}

.nteam .otherleader .wrap .kuai:nth-child(2n) .wenzi{ right:auto; left:auto;}

.nteam .otherleader .wenzi .wenziin{position: relative; width:100%; left:auto; top:auto; -webkit-transform:translate(0%,0%);-moz-transform:translate(0%,0%);transform:translate(0%,0%)} 





.honorlist .wenzi .wenziin h3{ font-size:24px; }

.nabout .ntitle h3{ font-size:24px;}


.nteam .topleader .wenzi .name h3{ font-size:24px; line-height:45px;}

.nteam .topleader .wenzi .name h4{ font-size:18px;}

.nteam .otherleader .wenzi .name h3{ font-size:24px; line-height:45px;}

.nteam .otherleader .wenzi .name h4{ font-size:18px;}

}

@media screen and (max-width: 560px){

.section{ padding:40px 0}

.sectionpre{ padding-top:40px;}

.sectionnext{ padding-bottom:40px;}

.nsection{ padding:40px 0}

.honorlist .nsection{ padding:50px 0}



.header .wrap{ position:relative;height:75px; }

.header .logo{margin-top:-21px; }

.header .logo img{ height:42px;} 

.m-menu{ padding-top:75px;}

.space{ height:75px;}





.i-main01 .ibrand{ float:none; width:100%; margin-bottom:45px;}

.i-main01 .ijoin{ float:none; width:100%}

.i-main01 .wenzi .intro{font-size:16px; line-height:32px; min-height:auto;}



.iparter li{ width:50%}

.iparter li:nth-child(9){ margin-left:0%}



.inews li{ float:left; width:48.5%; margin-right:0}

.inews li:nth-child(2n){ float:right}

.inews li:nth-child(3){ display:none}



.inews .more { margin-top: 40px;}



.www_zzjs_net12 { max-width:300px; margin-left:-150px;}



.why li{ float:none; width:100%; margin-right:0; margin-bottom:20px;}

.why li:nth-child(3n+1){ clear:none}

.why li:nth-child(2n){ float:right}

.why li:nth-child(2n+1){ clear:both}

.why li .wenzi{ min-height:auto; padding-bottom:35px}



.zhichi li{ float:none; width:100%; margin-right:0%; margin-bottom:20px;}



.nprolist .tabs a{font-size:15px;}





.nabout .business li {float:none; width:100%; margin-right:0%; margin-bottom:20px; font-size:16px;}

.nabout .business li:nth-child(3n){ margin:0}



.nabout .business02 li{ float:none; width:100%; margin-right:0%; margin-bottom:25px;}

.nabout .business02 li:nth-child(3){ margin-bottom:0}

.nabout .business02 li .pic{ margin-bottom:10px; }

.history .tabs a{font-size:15px;}

}





@media screen and (max-width: 420px){

.nprolist .tabs a{font-size:14px;}	

.huoban li{ float:none; width:100%; margin-right:0%; margin-bottom:15px;}
.huoban li:nth-child(2n){ float:none}

}