@charset "utf-8";

/* CSS Document */

.m-menubtn{position: fixed;z-index: 102;top:0;right:5%;width:20px;height:60px;cursor: pointer;-webkit-transition:.5s;transition:.5s; display:none}

.m-menubtn span{position: absolute;top:0;bottom: 0;left: 0; right: 0; width:20px;height:2px; background: #333; margin: auto;}

.m-menubtn span:before, .m-menubtn span:after {content: "";width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;right: 0;margin: auto; background: #333;}

.m-menubtn span:before {bottom: 5px;}

.m-menubtn span:after {bottom: -5px;}

.m-menubtn.active span:before{-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg); background:#333}

.m-menubtn.active span:after {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0;}

.m-menubtn.active span {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); background:#333}

.m-menubtn.active span, .m-menubtn.active span:before, .m-menubtn.active span:after {right: 0;bottom: 0;}

.m-menubtn span, .m-menubtn span:before, .m-menubtn span:after{-webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-moz-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-o-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);}



/*.m-menubtn:before {content: "Menu";font-size: 12px;position: absolute;bottom: 10px; left: 0; right: 0; margin: auto;text-align: center; color:#fff}
*/
.m-menu{position:fixed; top:-100%;left:0; width:100%; height:100%;overflow-y:auto; overflow-x:hidden;background:#fff;transition:ease .5s;-webkit-transition:ease .5s;z-index:90;}
.m-menu ul{ width:100%;padding:70px 3% 30px;overflow-y:auto;overflow-x:hidden;}
.m-menu li{ position: relative;border-bottom:1px solid rgba(0,0,0,.1);}
.m-menu li>a{ font-size:16px;line-height:20px; padding:15px 0; position:relative}

.m-menu li>i{ position:absolute; width:45px; padding:0 15px; height:100%; right:0;top:0; z-index:2;}

.m-menu li>i:before{ content:""; width:15px; height:1px; background:#333; position:absolute;left:15px;top:22px;}

.m-menu li>i:after{ content:""; width:1px; height:15px; background:#333; position:absolute; left:22px;top:15px;}

.m-menu li.on i:after{ -moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}

.m-menu a{ display:block; color:#111;}

.m-menu .sub{ display:none; padding-bottom:10px}

.m-menu .sub a{color:#111; line-height:20px;font-size:14px;padding:3px 0; position:relative}

.m-menu.active{top:0}





.m-footer{background: #005bb8;color:#fff; position:fixed; width:100%; left:0;bottom:0; display:none; z-index:80}

.m-footer li{ float:left; width:50%; text-align:center}

.m-footer a{ display:block; line-height:20px;color:#fff;}

.m-footer span{ display:block;}

.m-footer .tel i{ display:block;background:url(../images/ico-tel.png) no-repeat center; background-size:auto 20px; height:25px;}

.m-footer .mail i{ display:block;background:url(../images/ico-mail.png) no-repeat center; background-size:auto 15px; height:25px;}



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

.banner .ban-txt{ left:10.5%}
.wrap{ max-width:1500px}
.en .menu>ul>li{ margin:0 20px}
}

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

.wrap{ width:90%; max-width:1300px}

.banner .ban-txt{ left:10%}

.menu>ul>li{ margin:0 20px}
.en .menu>ul>li{ margin:0 15px}
}

@media screen and (max-width:1440px){
.wrap{ max-width:1200px}
.lang{ margin-left:20px}

.menu>ul>li{ margin:0 20px}

.header, .logo{ height:100px;}

.menu, .lang{ padding-top:0}

.menu>ul>li>a, .lang{ line-height:100px}
.logo img{ height:75px}

.nbanner{ margin-top:100px}

.menu>ul>li, .lang{ font-size:18px}

.menu .sub a{ font-size:16px}
.banner .ban-txt h3{ font-size:45px; line-height:60px; margin-bottom:2%}
.banner .ban-txt h4{ font-size:30px;}
.footer{ font-size:18px; line-height:30px}

.main .content{ font-size:18px; line-height:32px;}

.anchor{top: -140px;}
.honor .tit{ line-height:24px}
.titleBox{ margin-bottom:40px}

.titleBox .en, .en .nbanner .titleBox .en{ font-size:50px;}

.nbanner .txt2 h2{ font-size:40px}

.section-contact .content-cont, .section-contact .add{ font-size:20px}

.contlist .tel{ line-height:35px}

.nbanner02 .nbantit{top:38%}

.nbanner02 .nbantit h5{font-size:50px}

.nbanner02 .nbantit h6{ font-size:40px}

.inner-nav li a{ font-size:20px}

.productList .txt{ font-size:18px}

.productList .pic .tit{ font-size:30px}

.newsList h3{ font-size:26px;line-height: 32px;}

.newsList .time{ font-size:30px}
.newsdetail{ font-size:16px; line-height:30px}
.newstime{ font-size:14px}
.page_2{ font-size:16px; margin-top:40px}
.main-product{ margin-top:0}
#allmap{ height:400px}

.en .titleBox .en{font-size: 32px;}
}

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

.menu>ul>li, .lang{ font-size:16px}

.menu .sub a{ font-size:14px}

.header, .logo{ height:80px}

.menu>ul>li>a, .lang{ line-height:80px}

.logo img{ height:45px}

.nbanner{margin-top:80px}

.main{padding: 60px 0;}

.marg{ margin-top:60px}
.main-product{ padding-top:80px !important}
.titleBox{ margin-bottom:20px}

.main .content{ font-size:16px;line-height: 30px;}

.titleBox .en, .en .nbanner .titleBox .en{ font-size:40px; line-height:40px}

.titleBox .cn{ font-size:35px; line-height:40px}

.nbanner .txt2 h2{ font-size:35px;}

.section-contact .content-cont, .section-contact .add{ font-size:20px}

.nbanner02 .nbantit h5{ font-size:40px; line-height:40px}

.nbanner02 .nbantit h6{ font-size:35px;}

.nbanner02 .nbantit h6:after{ width:40px; height:3px;}

.inner-nav li a{ font-size:20px;}

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

.f-contact .media .li3 .hd{left:auto; right:0; margin-left:0}

}
@media screen and (max-width:1200px){
.en .menu>ul>li{ margin:0 10px}
.patent img{ box-shadow:none}
.patent .swiper-pagination{ display:block;bottom:0}
.patent{ padding:0; padding-bottom:40px; margin-top:0}
.nbanner .txt{ padding-bottom:5%;font-size: 20px;}

}
@media screen and (max-width:1024px){
.header, .logo{ height:60px}
.lang{ line-height:60px}
.nbanner{ margin-top:60px}
.main-product{padding-top: 60px !important;}
.menu{ display:none}

.nbanner02{ height:auto; margin-top:60px}

.m-menubtn{ display:block}

.lang{ margin-left:0; margin-right:50px}

.banner .swiper-pagination{ display:block}

.banner .swiper-button-prev, .banner .swiper-button-next{ display:none}

.banner .ban-txt{ left:5%}

.banner .ban-txt h3{ font-size:35px}

.banner .ban-txt h4{ font-size:26px;}

.i-main .tech{ position:relative; width:100%; margin-bottom:15px}

.i-main .right{ width:100%; float:none}

.i-main .tech .title{top:15%; left:5%}

.i-main .right > div{ height:auto;}

.i-main .right > div >a{ padding:5% 5%}

.i-main .news{ margin-bottom:15px}

.main .wrap, .newsList{ padding:0}
.nbanner .txt{font-size: 18px;}
.nbanner .txt img{ height:25px}

.section-service .titleBox, .section-service .content{ width:100%; float:none}
.titleBox .cn{ font-size:30px}
#allmap img{ width:100%;}
.section-contact .left, .section-contact .content-cont{ width:100%; float:none}
.section-contact .content-cont, .section-contact .add{ font-size:18px}
.sitemap li{ display:block; margin-bottom:2%}
.sitemap h4, .sitemap .sub{ width:100%}

.newsList li{ margin-bottom:5%}
.newsList .time{ font-size:24px;margin-bottom: 3%;}
.newsList h3, .newstit{ font-size:20px}
.newsList .intro{-webkit-line-clamp: 2;}
}

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

.footer{ padding-top:20px; font-size:16px}
.footer-top{ padding-bottom: 15px; margin-bottom:20px}
.f-nav ul{ flex-wrap:wrap;}
.f-nav li{ width:100%; border-bottom:1px solid #0a0a0a;padding: 8px 0;}
.f-nav .tit{ margin-bottom:0; position:relative}
.f-nav .tit i{ display:block; width:8px; height:8px; border-top:1px solid #333; border-right:1px solid #333; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg); position:absolute; right:10px;top:12px;}
.f-nav .cur .tit i{ -webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);transform:rotate(135deg)}
.f-nav .sub{ display:none}
.f-nav .sub a{ font-size:16px; line-height:20px; padding:5px 0}
.f-contact{ margin-top:20px}
.f-contact .media, .f-contact .tel{ float:none}
.f-contact .tel span{ display:none}
.f-contact .tel a{ display:inline}
.f-contact .media{ margin-top:10px}
.f-contact .media .icon img{ height:22px}
.f-contact .media .hd{margin-left: -66px; font-size:12px;line-height: 20px;}
.f-contact .media .hd img{ width:120px; height:120px}
.f-contact .media li:first-child{ margin-left:0}
.f-contact .media .li3 .hd{left: 50%;right:auto;margin-left: -66px;}
.f-contact .media .li1 .hd{ left:0; margin-left:0}
.footer-bot{ text-align:left; font-size:14px; line-height:24px}
.f-other{ float:none}
.f-other a:after{height:14px}
.copyright{ display:block}


.banner .ban-txt{ top:auto;bottom:10%}
.banner .ban-txt h3{ font-size:26px; line-height:30px}
.banner .ban-txt h4{ font-size:20px}
.i-main .title .en{ font-size:30px; line-height:35px;margin-bottom: 10px;}
.i-main .title .cn{ font-size:20px; line-height:30px;}
.i-main .right > div >a{ padding:6% 5%}
.main{ padding:40px 0}
.titleBox .cn{ font-size:24px; line-height:32px}
.titleBox .en, .en .nbanner .titleBox .en{ font-size:30px; line-height:30px;margin-bottom:5px;}
.marg{ margin-top:30px}
.main .content{ font-size:14px;line-height: 26px;}
.main .content-txt p{ margin-bottom:10px}
.cooperation{ display:block}
.cooperation .titleBox{ margin-bottom:20px}
.nbanner .txt2 h2{ font-size:26px}
.nbanner .txt2 img{ height:100px; margin-bottom:2%}
.nbanner .txt{ font-size:14px}
.nbanner .txt img{ height:20px; margin-bottom:10px}
.nbanner02 .nbantit{top:35%}
.nbanner02 .nbantit h6{ font-size:24px;}
.nbanner02 .nbantit h6:after{ width:20px; height:2px;margin: 5px auto}
.nbanner02 .nbantit h5{ font-size:30px; line-height:32px}
.inner-nav li a{ font-size:16px;height: 60px;padding: 0px 10px;}
.honor .tit{ line-height:20px; padding:0 10px}
.section-contact .content-cont, .section-contact .add{ font-size:16px}
.contlist .tel, .contlist .wx, .section-contact .add{ background-size:auto 25px;padding-left: 45px; line-height:26px}
.contlist .wx p{ margin-bottom:10px}

.productList>ul>li{margin: 30px 0 50px;}
.productList .pic{ width:80%; float:none; margin:0 auto}
.productList li:nth-child(2n) .pic{ float:none}
.productList .pic img{ margin-bottom:0}
.productList .txt{ float:none; width:100%; margin-top:20px}
.productList .pic .tit{ font-size:24px;line-height: 40px;padding: 0 15px;}

.newsList .time{ font-size:16px;}
.newsList .time span{ float:none}
.newsList .time .fl{ padding-left:5px}
.newsList .time .fl:after{ display:none}
.newsList .intro{ display:none}
.newsList h3{margin-bottom: 2%;-webkit-line-clamp:3;}
.newsdetail{ font-size:14px; line-height:28px}
.page_2{font-size: 14px;margin-top: 20px;line-height: 22px;}

.contlist .tel a{ pointer-events:auto}

.en .titleBox{margin-bottom: 15px;}
.en .titleBox .en{ font-size:26px; line-height:30px;}
.en .nbanner .txt2 h2{ white-space:normal; font-size:20px;line-height:24px;}
}
@media screen and (max-width:640px){
.pages{ margin-top:20px}
.pagination p, .pagination a{ line-height:20px!important; padding:2px 10px!important; margin-right:3px !important; margin-bottom:3px !important;}
}
@media screen and (max-width:480px){
.i-main .title .cn{ font-size:16px; line-height:26px;}
.i-main .title .en{ font-size:26px; line-height:28px}
.i-main .right > div >a{padding: 7% 5% 8%;}
.main{ padding:30px 0}
.titleBox{ margin-bottom:15px}
.titleBox .cn{ font-size:22px; line-height:30px}
.titleBox .en{ font-size:24px; line-height:24px; margin-bottom:0}
.nbanner .txt2{ width:80%}
.nbanner .txt2 h2{ font-size:16px}
.nbanner .txt2 img{ height:65px}
.nbanner .txt{ position:relative; background:#000}
.nbanner .txt p span{ display:inline}
.productList .pic .tit{ font-size:22px; line-height:30px;}
.productList .txt{ font-size:16px}
.productList .txt li:nth-child(odd){ padding-right:1%}
.productList .txt li:nth-child(even){ padding-left:1%}

.nbanner02 .nbantit{ display:none}
.newsList h3{ font-size:16px; line-height:24px;}
.newsList .time{ font-size:14px}
#allmap{height: 260px;}

.en .banner .ban-txt h3{ font-size:22px}
.en .banner .ban-txt h4{ font-size:16px}
.en .f-contact .tel a{ display:block}
.en .nbanner .txt2 h2{ font-size:16px; line-height:20px}
.en .titleBox .en, .en .nbanner .titleBox .en{ font-size:22px; line-height:26px}
.en .sitemap .sub a{ display:block; margin-right:0}

}