@charset "utf-8";

.header .mmbtn{ position:absolute; right:3.5%; top:50%; margin-top:-16px; display:none}
.header .mmbtn .inbox{padding-top: 20px;font-size: 12px;color: #3d464f;position: relative;text-transform:uppercase;cursor: pointer;}
.header .mmbtn .inbox .line{width: 100%;height: 2px;background-color: #3d464f;position: absolute;right: 0;top: 0;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.header .mmbtn .inbox .line.l2{top: 8px;left: 0;right: auto;}
.header .mmbtn .inbox .line.l3{top: 16px;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.header .mmbtn:hover .inbox .line{ width:60%}
/*menu*/
.mask{position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,.35);left: 0;top: 0;z-index: 112;display: none;}
.head-menu{position: fixed;right: 0;top: 0;width: 100%;height: 100%;max-width: 360px;background-color: #fff;z-index: 113;overflow: hidden;background: -webkit-linear-gradient(top, #fff , #eef2f5); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(bottom, #fff, #eef2f5); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(bottom, #fff, #eef2f5); /* Firefox 3.6 - 15 */background: -webkit-gradient(linear, left top, left bottom, from(#fff) , to(#eef2f5));background: -moz-linear-gradient(top, #fff , #eef2f5);background: -o-linear-gradient(top, #fff , #eef2f5);background: linear-gradient(to bottom, #fff , #eef2f5); /* 标准的语法 */-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;-webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%);-o-transform: translateX(100%);transform: translateX(100%);opacity: 0;visibility: hidden;}
.head-menu[data-on="on"]{-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);opacity: 1;visibility: visible;}

.head-menu .toolbox .tool{width: 94%;max-width: 240px;padding-right: 40px;height: 80px;position: relative;}
.head-menu .toolbox .mmclose{width: 25px;height: 25px;position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);cursor: pointer;}
.head-menu .toolbox .mmclose:before{content: "";width: 100%;height: 2px;background-color: #3d464f;position: absolute;left:50%;top: 50%;-webkit-transform: translate(-50%,-50%) rotate(45deg);-moz-transform: translate(-50%,-50%) rotate(45deg);-ms-transform: translate(-50%,-50%) rotate(45deg);-o-transform: translate(-50%,-50%) rotate(45deg);transform: translate(-50%,-50%) rotate(45deg);}
.head-menu .toolbox .mmclose:after{content: "";width: 100%;height: 2px;background-color: #3d464f;position: absolute;left:50%;top: 50%;-webkit-transform: translate(-50%,-50%) rotate(-45deg);-moz-transform: translate(-50%,-50%) rotate(-45deg);-ms-transform: translate(-50%,-50%) rotate(-45deg);-o-transform: translate(-50%,-50%) rotate(-45deg);transform: translate(-50%,-50%) rotate(-45deg);}

.head-menu .menu-box{height: -webkit-calc(100% - 80px);height: -moz-calc(100% - 80px);height: calc(100% - 80px);position: relative;}

.head-menu .menu-box .wrap{max-width: 240px;}
.head-menu .menu-box .mlist .lim{display: block;cursor: pointer;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.head-menu .menu-box .mlist .lim .word{height: 50px;line-height: 50px;font-size: 20px;color: #1a1a1a;margin: 0 auto;width: 94%;max-width: 260px;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.head-menu .menu-box .mlist .lim .menu{display: none;padding: 0 5%;}
.head-menu .menu-box .mlist .lim[data-on="on"] .menu{display: block;}
.head-menu .menu-box .mlist .lim .menu .mm{height: 30px;line-height: 30px;display: block;}
.head-menu .menu-box .inbox{height: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: -moz-box;display: flex;-ms-flex-direction: column;-webkit-flex-direction: column;-webkit-box-orient: vertical;-webkit-box-direction: normal;-moz-box-orient: vertical;-moz-box-direction: normal;flex-direction: column;-webkit-box-pack: space-between;-ms-flex-pack: space-between;-webkit-justify-content: space-between;-moz-box-pack: justify;justify-content: space-between;-webkit-transform: scaleX(1);-moz-transform: scaleX(1);-ms-transform: scaleX(1);-o-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: top left;-moz-transform-origin: top left;-ms-transform-origin: top left;-o-transform-origin: top left;transform-origin: top left;opacity: 1;visibility: visible;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.head-menu .menu-box .inbox[data-on="on"]{-webkit-transform: scaleX(0);-moz-transform: scaleX(0);-ms-transform: scaleX(0);-o-transform: scaleX(0);transform: scaleX(0);opacity: 0;visibility: hidden;}
.head-menu .menu-box .inbox .contact{margin-bottom: 50PX;}

.head-menu .menu-box .outbox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #fff;z-index: 115;-webkit-transform: scaleX(0);-moz-transform: scaleX(0);-ms-transform: scaleX(0);-o-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: top right;-moz-transform-origin: top right;-ms-transform-origin: top right;-o-transform-origin: top right;transform-origin: top right;opacity: 0;visibility: hidden;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.head-menu .menu-box .outbox[data-on="on"]{-webkit-transform: scaleX(1);-moz-transform: scaleX(1);-ms-transform: scaleX(1);-o-transform: scaleX(1);transform: scaleX(1);opacity: 1;visibility: visible;}
.head-menu .menu-box .outbox .inbtn{height: 50px;line-height: 50px;background-color: #373533;margin-bottom: 20px;cursor: pointer;}
.head-menu .menu-box .outbox .inbtn .ww{max-width: 260px;width: 94%;margin: 0 auto;font-size: 14px;color: #fff;font-weight: bold;padding-left: 30px;position: relative;}
.head-menu .menu-box .outbox .inbtn .ww span{width: 20px;height: 5px;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.head-menu .menu-box .outbox .inbtn .ww span:before{content: "";border-style: solid;border-width:2px 3px; border-color: transparent #fff transparent transparent;position: absolute;left: 0;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.head-menu .menu-box .outbox .inbtn .ww span:after{content: "";width: 20px;height: 1px;background-color: #fff;position: absolute;left: 1px;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}


.m-foot{ position:fixed; width:100%; height:55px; left:0; bottom:0;background:#1f1f1f; 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}

@media screen and (max-width: 1600px){
.header .menu li .menu_a{ margin:0 16px;}
.banner{ width:110%; margin-left:-5%}
.nbanner{ width:110%; margin-left:-5%}
}

@media screen and (max-width: 1440px){
.wrap{ width:98%;}
.topwrap{ width:98%}
.header .menu li .menu_a{ font-size:17px;margin:0 12px;}
.header .menu {margin-right: 15px;}

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

.title h3{ line-height:60px; font-size:60px;}
.title h2{ line-height:50px; font-size:50px;}
.nbanner .text{margin-top:-25px;}
.nbanner .text h3{ line-height:50px; font-size:50px;  }
.title h4{ line-height:32px; font-size:32px;}
.title h5{font-size:18px;}
.title p{font-size:15px;}

.title02 h3{ line-height:28px; font-size:28px; }

.title03 h3{ line-height:40px; font-size:40px;}

.i-video .video-btn{ width:100px; height:100px;margin-left:-50px; margin-top:-50px;}

.i-about .abright .company li .pic{max-width:165px;}
}

@media screen and (max-width: 1367px){
.footer li:nth-child(1){margin-right: 0;}
}

@media screen and (max-width: 1300px){
.header .menu li .menu_a{ font-size:16px;}
.phshow{ display:block}
.pcshow{ display: none}
.header .language{ width:70px;}

.i-about .abright .company .content{ display:block}
.i-about .abright .company li { float:left; width:32%; margin-right:2%;position:relative; }
.i-about .abright .company li:nth-child(3n){ margin-right:0}
.i-about .abright .company li .pic{ -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease; margin:6px auto; width:calc(100% - 22px); max-width:140px; height:auto; border-radius:50%; padding:10px; border:solid 1px #373533;}
.i-about .abright .company li:hover .pic{ margin:5px auto 15px auto}
.i-about .abright .company li .pic img{ display:block; width:100%; height:auto}

.i-about .ableft{ float:left; width:40%;}
.i-about .abright{ float:right; width:57%}


.i-cer .conn .content {display:block}
.i-cer .conn .content li { float:left; width:15%; margin-right:2%;position:relative; }
.i-cer .conn .content li:nth-child(6n){ margin-right:0}
.i-cer .conn .content li .icon{ width:70%; margin:0 auto}



.location { line-height:48px;}
.location .nav{ float:right; font-size:16px}
.location .nav a{ padding:0 8px;}

.inquiry .wrap{ width:94% !important; margin:0 auto}

.newskuai .wenzi{ line-height:25px;}
.newskuai .wenzi h3{font-size: 28px; margin-bottom: 5px;}
.newskuai .wenzi .more{ position:relative; right:auto; bottom:auto; margin-top:15px;}
}

@media screen and (max-width: 1240px){
.header .menu li .menu_a{margin:0 8px;}	
.banner{ width:130%; margin-left:-15%}
.nbanner{ width:130%; margin-left:-15%}

.i-about .abright .company li .pic{ width:calc(90% - 22px); padding:10px; }


.section{ padding:65px 0 80px 0;}
.section02{ padding:80px 0;}
.section03{ padding:0 0 80px 0;}
.section04{ padding:50px 0 80px 0}
.section05{ padding:65px 0 0px 0}
.section06{ padding:50px 0 80px 0}
.section07{ padding:115px 0 80px 0}
.section08{ padding:50px 0}

.i-video .video-btn{ width:80px; height:80px;margin-left:-40px; margin-top:-40px;}

.i-video .wrap{ margin-bottom:80px;}
.i-video .txt{ height:calc(100% + 80px);}
.i-cer .conn {margin: 50px 0 30px 0;}

.location { line-height:45px;}
.location .nav{ float:right; font-size:15px}
.location .nav a{ padding:0 6px;}
}
@media screen and (max-width: 1180px){
.header .menu{ display:none}	
.header .mmbtn{ display:block}
.header .language{ margin-right:65px; }
.i-video .infor .conn h4{ font-size:30px; line-height:38px; }



.copyright{ margin-bottom:55px}
.m-foot{ display:block}


.location p { display:block; float:none}
.location .nav{ float:none;width:100%; height:45px; }
.location .nav ul{ width:100%; float:none; display:flex; display:-webkit-flex;}
.location .nav ul a{ white-space:nowrap; padding:0 10px;}
.location .nav ul{ overflow-x:auto;overflow-y: hidden; padding-bottom:10px;}

.nteam .teamleft .teaminn{ position:absolute; width:90%; left:10%; top:40px;}
.nteam .teamleft .teaminn h2{ padding-bottom:20px; margin-bottom:20px;}


.subwuy02 .subleft{ position:absolute; width:50%; height:100%; background:#ebe9ea; margin-top:50px;}
.subwuy02 .subleft .subinn .title h4{font-size:26px; }
.subwuy02 .subleft .subinn .conn{ margin:20px 0 20px 0;}
.subwuy02 .subleft .subinn .down a{ font-size:17px; line-height:50px;height:50px;  padding-left:35px;background:url(../images/pdf.png) no-repeat left center; background-size:auto 100%;}


.download p{ line-height:25px; padding:15px;padding-left:40px;font-size:17px;}
.download p a{ background:none;}
.download p a:hover{ background:none;}

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

.nmain .proleft{ float:left; width:30%;}
.nmain .proright{float:right; width:68%;}

table tr td{ padding:0 10px;}
}

@media screen and (max-width: 768px){
.banner{ width:140%; margin-left:-20%}
.nbanner{ width:140%; margin-left:-20%}

.title h3{ line-height:50px; font-size:50px;}
.title h2{ line-height:40px; font-size:40px;}
.nbanner .text{margin-top:-20px;}
.nbanner .text h3{ line-height:40px; font-size:40px;  }
.title h4{ line-height:28px; font-size:28px;}
.title h5{font-size:18px;}
.title p{font-size:15px;}

.title02 h3{ line-height:24px; font-size:24px; }

.title03 h3{ line-height:30px; font-size:30px;}

.i-about .abright .company li .pic{ width:calc(88% - 14px); padding:6px; }

.i-about .ableft{ display:none}
.i-about .abright{ float:none; width:100%;}

.section{ padding:45px 0 60px 0;}
.section02{ padding:60px 0;}
.section03{ padding:0 0 60px 0;}
.section04{ padding:30px 0 60px 0}
.section05{ padding:45px 0 0px 0}
.section06{ padding:30px 0 60px 0}
.section07{ padding:95px 0 60px 0}


.i-video .infor .conn h4{ font-size:25px; line-height:30px; }

.i-video .video-btn{ width:60px; height:60px;margin-left:-30px; margin-top:-30px;}
.i-video .infor {padding: 30px 2%;}

.i-video .wrap{ margin-bottom:60px;}
.i-video .txt{ height:calc(100% + 60px);}

.top{ display:none}
.header{ top:0 }
.header .logo img{ height:70px;}
.header .language{ margin-top:15px; }
.banner.swiper-container{ margin-top:70px !important;}
.nbanner{ margin-top:70px !important;}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:10px;}



.i-products .conn{ margin-top:20px;}
.i-products li{ width:48%; margin-right:0%; margin-bottom:15px;}
.i-products li:nth-child(3n+1){ clear:none; }
.i-products li:nth-child(2n){ float:right}
.i-products li:nth-child(2n+1){ clear:both; }

.i-products li .wenzi h3{ line-height:24px; font-size:16px;height:48px}
.more {line-height: 30px; font-size: 15px;}

.i-cer .conn {margin: 30px 0 30px 0;}



.i-mpro li{ float:left; width:48%; margin-right:0%; margin-top:15px;}
.i-mpro li:nth-child(3n+1){ clear:none; }
.i-mpro li:nth-child(2n){ float:right}
.i-mpro li:nth-child(2n+1){ clear:both; }
.i-mpro li .wenzi h3{ font-size:16px;line-height:24px; padding:8px 0;}

.footer li{ display:none !important}
.footer li:nth-child(1){ display:block !important}
.footer h3 {font-size: 18px;}


.i-cer .conn .content li { float:left; width:32%; margin-right:2%;position:relative; }
.i-cer .conn .content li:nth-child(3n){ margin-right:0}
.i-cer .conn .content li:nth-child(1), .i-cer .conn .content li:nth-child(2), .i-cer .conn .content li:nth-child(3){ margin-bottom:15px;}

.footer{ padding:25px 0}

.factorylist .swiper-slide { margin-bottom:25px;}

.nteam .teamright{ width:100%; float:none}
.nteam .teamleft{ width:100%; position: relative; height:auto; top:auto;}
.nteam .teamleft .teaminn{ position:relative; width:90%; left:auto; top:auto; padding:5%}


.subwuy02 .subright{ float:none; width:100%;}
.subwuy02 .subleft{ position: relative; width:100%;height:auto; margin:0; padding:0}
.subwuy02 .subleft .subinn{ width:80%; padding:10%; height:auto; position:relative; }
.subwuy02 .subleft .subinn .title h4{font-size:24px;}
.subwuy02 .subleft .subinn .conn{ margin:15px 0 20px 0;}
.subwuy02 .subleft .subinn .down a{ font-size:16px; line-height:45px;height:45px; display:block; padding-left:35px;background:url(../images/pdf.png) no-repeat left center; background-size:auto 100%;}


.download p{ font-size:16px;}

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

.nmain .proleft{ float:none; width:100%; margin-bottom:40px;}
.nmain .proright{float:none; width:100%;}


}
@media screen and (max-width: 640px){
.newskuai{ padding:20px 0;}
.newskuai .pic{ float:none; width:100%; margin-bottom:15px;}
.newskuai .wenzi{ float:none; width:100%;}

.nmain .proright .pics{ float:none; width:100%;margin-bottom:45px;}
.nmain .proright .wenzis{ float:none; width:100%}
.nmain .proright .pics .title02 h3{ display: block}
.nmain .proright .wenzis .title02 h3 { display:none}
.nmain .proright .wenzis .conn {padding: 30px 0;}
table tr td{ padding:0 5px;}
}
@media screen and (max-width: 540px){
.banner{ width:150%; margin-left:-25%}
.nbanner{ width:160%; margin-left:-30%}

.title h3{ line-height:40px; font-size:40px;}

.title h2{ line-height:32px; font-size:32px;}
.nbanner .text{margin-top:-16px;}
.nbanner .text h3{ line-height:32px; font-size:32px;  }
.title h4{ line-height:25px; font-size:25px;}

.title02 h3{ line-height:22px; font-size:22px; }

.title03 h3{ line-height:28px; font-size:28px;}

.section{ padding:35px 0 50px 0;}
.section02{ padding:50px 0;}
.section03{ padding:0 0 50px 0;}
.section04{ padding:30px 0 50px 0}
.section05{ padding:30px 0 0px 0}
.section06{ padding:30px 0 50px 0}
.section07{ padding:85px 0 50px 0}


.i-video .video-btn{ width:40px; height:40px;margin-left:-20px; margin-top:-20px;}

.i-video .wrap{ margin-bottom:40px;}
.i-video .txt{ height:calc(100% + 40px);}

.i-video .infor{padding: 20px 2%;}
.i-video .infor .title h3 {line-height: 20px;font-size: 30px;}
.i-video .infor .conn h4 {font-size: 20px;line-height: 25px;}




.i-mpro li .wenzi h3{ padding:6px 0;}

.footer{ display:none}

.clianxi li{ float:none; width:100%; margin-top:20px; position:relative; display:table}
.clianxi li .icon{ display: table-cell;vertical-align: middle; width:20%; max-width:120px;}
.clianxi li .icon img{ display:block; width:100%; max-width:122px; height:auto; margin:0 auto}
.clianxi li:hover .icon{top:auto; margin:0 auto;}
.clianxi li .wenzi{ display: table-cell;vertical-align: middle;width:80%}

.clianxi li .wenzi p{ font-size:16px; margin:0}
.clianxi li .wenzi h3{ font-size:20px;}

.related li{ float:left; width:48%; margin-right:0%}
.related li:nth-child(2n){ float:right}
.related li:nth-child(2n+1){ clear:both}


}
@media screen and (max-width: 450px){
.nbanner{ width:170%; margin-left:-35%}


.i-about .abright .conn p{ text-align:center}
.nabout .title03 h3, .nteam .teamleft .teaminn h2{text-align:center}
.nteam .teamleft .teaminn h2:after{ left:50%; margin-left:-35px}
.nabout .conn p{ text-align:center}
.nmain .proright .wenzis {text-align: center;}
}