@media screen and (max-width:1200px){
.mobile{ display: block; z-index: 999999; top:-3px;height: 40px; position: absolute; }
.navBtn{width: 34px; height: 24px; position:absolute; right:10px; top:25px;  cursor: pointer; display:block; z-index:99999999 }
.navBtn:before,.navBtn:after{ content: ''; height: 4px; background: #00873b; width: 100%; position: absolute; left: 0; top: 0; transition: all 0.3s ease 0s; z-index:9999999999}
.navBtn:after{ bottom: 0; top: auto;  }
.nav_ul{ display: none; }
.search_form{ display: none; }
.menuBg{ display: block; position: absolute; z-index: 99; top: 27px; }
.box{ width: 100%; padding: 0 10px; box-sizing: border-box; }
.navBg{ display: block; }
body{ padding: 0 0px;  }
.head{  position: static; }
.begin .head{ padding: 0 10px; }
h1 img{ height: 60px; }
h1{ line-height: inherit; padding: 5px 0; }
.lan a{height: 70px; line-height: 70px;}
.lan { background: none; }
.begin .lan{ margin-right: 25px; }
.flex-control-nav{ bottom: 10px; }
.video li{ width: 50%;padding: 0 5px; margin-bottom: 10px; overflow: hidden;}
.video li:nth-last-child(1),.video li:nth-child(1){ padding: 0 5px; }
.us_box{ padding: 0 10px; }
.us_left{ float: none; width: 100%; padding: 10px 0 0 0; }
.us_tit{ font-size: 22px!important; height: 40px; line-height: 40px; }
.us_line{ margin-bottom: 10px; }
.us_inner{ font-size: 13px; line-height: 20px; margin-bottom: 20px; height: auto;}
.usi{ font-size: 18px; }
.us{ background: none; padding-bottom: 30px; }
.us_right{ float: none; width: 100%; padding: 20px 0 0 0; }
.us_right img{ width: auto; height: auto; max-width: 100% }
.data{ height: auto; padding: 0 10px; background: none; }
.data_ul li{ width: 33.3%; margin: 0 0 15px 0; padding: 0 5px; }
.data_ul li a{ background: none; height: auto; }
.data_img{ padding-top: 0; height: 100px; line-height: 100px; }
.data_img img{height: 80px;}
.data_tit{ font-size: 18px; height: 30px; line-height: 30px; }
.try_title{ font-size: 24px; height: 50px; line-height: 50px; margin-bottom: 20px;}
.try_line{ margin-bottom: 20px; }
.try_ul li{ margin: 0 5px ; }
.try_ul li a{ width: 90px; }
.try_ul{ margin-bottom: 20px; }
.all .trybanner .small_box{ width: 350px; height: 300px; }
.trybanner .small_list{ width: 350px;height: 300px;}
.all .trybanner .small_list ul li{ width: 350px;height: 300px; line-height: 300px; }
.trybanner .small_list ul li.on img{ transform: scale(1); transition: all 1s ease 0s; }
.trybanner .small_list ul{ height: 300px; }
.trybanner .large_box{ width: 100%; height: 150px; margin-bottom: 30px; }
.trybanner .btn{ width: 30px; height: 30px; }
.trybanner .left_btn{ left: 8px; bottom: 42px; }
.trybanner .right_btn{ right: 6px;bottom: 42px; }
.try_cn{ padding-top: 20px; font-size: 20px; height: 40px; line-height: 40px; }
.try_word{ font-size: 14px; padding: 0 20px; line-height: 22px; height: 88px; }
.try{ height: auto; }
.car_left{ float: none; width: 100%; height: auto; padding-left: 0; }
.car_ul{ background: none; margin-top: 0px; padding: 10px; overflow: hidden; height: auto; margin-bottom: 10px; }
.car_ul li{ margin-bottom: 0px; background: none;  float: left; width: 33.3%; box-sizing: border-box; padding: 0 2px; text-align: left; }
.car_tit{ font-size:18px; height:30px; line-height: 30px;  }
.car_ul li:after{ display: none!important; }
.car_ul li:after{ height: 30px; }
.car_right{ float: none; width: 100%; height: auto; }
.car_img{ display: none; }
.quality{ position: static; }
.begin .quality{ margin: 0 0 0px 0; width: 100%; height: auto; padding: 10px; }
.qua_tit{ font-size: 20px; height: 30px; line-height: 30px; }
.qua_div{ font-size: 15px; line-height: 22px; height: auto; margin-bottom: 10px; }
.qua_dl{ width: 50%; margin: 0 0 15px 0; padding-right: 5px; box-sizing: border-box; }
.qua_dl dt{display: none;}
.qua_dl dt img{ width: 30px; height: auto; }
.qua_xy{ font-size: 16px; height: 20px; line-height: 20px; }
.qua_time{ font-size: 12px; height: 20px; line-height: 20px; }
.qua_box{ margin:0 0 6px 0; }
.us_see{ margin-bottom:8px; width: 130px;  }
.tech{ padding: 20px 0; }

.all .tech_img{ width: 100%; margin-bottom: 5px; height: auto!important; }
.tech_img{ position: static; height: auto; width: 100% }
.tech_img img{ width: 100%!important; height: auto!important; max-width: 100%!important }
.all .case_inner{ margin: 0; }
.all .case_inner li:nth-child(1){ margin: 0; }
.case_inner li:nth-child(odd),.case_inner li{ transform: skewY(0deg) }
.case_inner li{ width: 50%; padding: 0 2px; box-sizing: border-box; margin: 0 0 20px 0; border: none; }
.all .case_inner li{ margin-left: 0; }
.case_inner li img{ width: auto; height: 100px; max-width: 100% }
.case_inner li a{ text-align: center;display: block; width: 100%}
.case_inner li .wenzi{ font-size: 14px; }
.pro_see{ width: 100px; height: 30px; line-height: 30px; border-radius: 30px;}
.foot{ height: auto; padding: 10px 10px 0; background-size: cover; }
.foot_top{ padding: 0 0 5px 0; }
.footcont{ font-size: 22px;height: 40px; line-height: 40px; margin-bottom: 0px; }
.foot_dl{ float: none; margin: 0 0 10px 0; }
.dd_i{ font-size: 14px; height: 24px; line-height: 24px; display: block; margin: 0;}
.what{  padding-top: 16px; }
.foot_bottom{ height: auto; line-height: 24px; padding: 10px 0; font-size: 12px; }
.foot_dl dt{ font-size: 18px; height: 28px; line-height: 28px; }
.footimg{ width: 28px; margin: 0; line-height: 28px;height: 28px; }
.what img{width: 100px;}
.foot_div{ width: 68% }
.site{ display: none; }
.foot_bottom a{ font-size: 12px; }
.pro{ padding:20px 0 0 0;  }
.catalog{ float: none; width: 100%; padding: 0px; background: none }
.catalog_ul{ overflow: hidden; }
.catalog_ul li{  float: left; width: 50%; padding: 0 2px; margin-bottom: 15px; box-sizing: border-box; }
.catalog_ul a{ width: 100%; height: 30px; line-height: 30px; font-size: 18px;margin: 0;}
.catalog_ul a:after{ display: none; }
.catalog_ul a:hover, .catalog_ul a.for{ width: 100%; border-radius: 0 30px 30px 0; }
.details{ float: none; width: 100% }
.pro_title{ font-size: 20px;height: 60px; line-height: 60px; display: none; }
.pro_ul li{ margin-bottom: 20px; height: auto; }
.pro_img{ width: 100%;height: auto; }
.pro_img img{ width: auto; height: auto; max-width: 100% }
.pro_div{ top: 50%; background: none; height:60px; margin-top: -30px;  width: auto;right: 20px; }
.pro_tit{ font-size: 18px; height: 30px; line-height: 30px; padding: 0; margin-bottom: 4px;  }
.pages_inner{ padding: 20px 0; }
.pages_inner a{ width: 30px; height: 30px; border-radius: 30px; line-height: 30px; }
.pages_inner .pages_home{ width: 30px; height: 30px;  border-radius: 30px 0 0 30px }
.pages_inner .pages_down{ border-radius:0  30px 30px 0  }
.pro_info{ padding: 20px 0; }
.copper{ float: none; width: 100%; margin-bottom: 20px; }
.probanner .large_box{ width: 100% }
.probanner .large_box li{ height:auto; }
.probanner .large_box li img{ width: auto; height: auto; max-width: 100% }
.probanner .small_box{ width: 340px; }
.probanner .small_list{ width: 180px; margin-left: 26px; }

.nickel{ float: none; width: 100%; height: auto; }
.ni{ padding: 0 0 0 10px; margin-bottom: 15px;  }
.ni_cn{ font-size: 20px; line-height: 40px;height: 40px; }
.ni:after{left: 6px;}
.specs{ padding: 0 10px; }
.specs_inner{ padding-right: 10px; margin-bottom: 20px; }
.specs_zx{ height: 40px; font-size: 18px; line-height: 40px; }
.describe{ padding-bottom: 20px; }
/*.des_ul{ height: 40px; }*/
.des_ul{ height: auto; }
.des_ul li a{ height: 40px; line-height: 40px; font-size: 16px; }
.explain{ padding: 20px 10px; margin-bottom: 30px; }
.piece{ padding: 10px; }
.piece_left,.piece_right{ background: #fff; width: 20%; padding: 0 1px; text-align: center; }
.end{ width: 50%; margin: 0 5%; background: #fff url(../images/page.png) 21px center no-repeat; text-indent: 70px;}
.about{ padding-top: 0px; }
.about img,.spread img,.infor_word img{ width: auto!important; height: auto!important; max-width: 100%!important ;display: block !important;}
.history_tit{ font-size: 20px; height: 30px; line-height: 30px; padding: 0; margin: 20px 0; }
.history_ul li{ width: 50% }
.counter{ font-size: 16px; }
.hisbox{ font-size: 16px; height: 34px; line-height: 34px; }
.foreign{ padding: 20px 0; }
sub{ font-size: 16px;}
.foreign img{ width: auto; height: auto; max-width: 100% }
.goods{ margin-bottom: 30px; height: 160px; }
.good_tit{ padding-top: 20px; font-size: 24px;  }
.job_ul{ height: 40px; }
.job_ul li a{ height: 40px; line-height: 40px; font-size: 18px; }
.job_inner{ padding: 20px 10px; margin-bottom: 30px; }
.job_title{ font-size: 20px; }
.job_box{ padding-right: 15px; }
.histit{ height: 30px; font-size: 16px; line-height: 30px; margin-bottom: 10px; }
.newsimg{ margin: 20px 0;display: none; }
.img_i{ height: auto; }
.img_i img{ width: auto; height: auto; max-width: 100% }
.news_ul{ margin: 20px 0 0 0; }
.news_ul li{ margin: 0 0 20px 0; width: 100%; float: none; }
.news_img{ width: 100%; height: auto; text-align: center; margin: 0 0 10px 0; }
.news_img img{ width: auto; height: auto; max-width: 100% }
.news_tit{ font-size: 16px; height: auto; line-height: 24px; }
.infor_info{ padding-top: 20px; margin-bottom: 30px; }
.powder_tit{ height:auto; line-height: 24px; font-size: 16px; }
.powder{ padding-bottom: 10px; margin-bottom: 20px; }
.infor_word{ padding-bottom: 20px; }
.cont_box{ padding: 30px 0; }
.cont_div{ margin-bottom: 20px; }
.cont_img{ width: 100%; height: auto; }
.cont_img img{ width: auto; height: auto; max-width: 100% }
.cont_inner{ top: 50%; margin-top:-28px; right: 20px; }
.cont_tit{ font-size: 20px; height: 24px; line-height: 24px;margin-bottom: 5px;}
.cont_see{ height: 24px; line-height: 24px; width: 80px; }

.mess{ width: 340px; margin-left: -170px; height: 590px; margin-top: -298px; }
.mess_title{ padding: 0 10px; font-size: 20px; height: 60px; line-height: 60px;}
.close{ right: 10px; width: 20px; height: 20px; background-size: contain; top: 18px; }
.mess_form{ padding: 0 10px; }
.mess_em{ font-size: 16px; height: 40px; line-height: 40px; }
.mess_box:nth-child(odd){ padding-right: 8px; }
.mess_area{ height: 100px; }
.mess_sub{ height: 40px; line-height: 40px; width: 100px; margin-top: 42px; }
.code_div{ width: 190px; }
.code_left .mess_txt{ width: 90px; padding: 0 5px; }
.video_div video{ height: 100px!important; width: 100%!important }
.vision{ width: 340px; margin-left: -170px; height: 236px; margin-top: -118px; }
.visclose{ right:0; }
.foreign_left{ float: none; width: 100% }
.for_tit{ font-size: 20px; text-align: center; margin: 0 0 10px 0 }
.for_div{ margin-bottom: 10px; text-align: center;}
.foreign_ul {
    height: auto;
    overflow-y: auto;
}
.foreign_right{ float: none; width: 100% }
.for_ul li,.for_word{ font-size: 12px; text-indent: 0; text-align: center; height: 40px; line-height: 40px; }
.for_ul,.foreign_ul li{ height: 40px; }
.try_he{ height: auto; }
.indexword{ width: 100%; margin: 0; left: 0; }
.indeximg{ height: auto; line-height: inherit; padding: 0 10px; box-sizing: border-box; }
.swiper-slide-active .indeximg img, .swiper-slide-duplicate-active .indeximg img{ transform: scale(1); }
.swiper-container{ height: 450px!important  }
.swiper-container .swiper-button-next{right: 10px !important; width: 30px!important; height: 30px!important; line-height: 30px!important; border-radius: 30px!important;}
.swiper-container .swiper-button-prev{left: 10px !important; width: 30px!important; height: 30px!important; line-height: 30px!important; border-radius: 30px!important;}
.mess_ti{ font-size: 14px; height: auto; line-height: 20px; }
.all .mess_area{ margin-bottom: 10px; }

.hisbox sub{ font-size: 14px; }
.for_ul li:nth-child(1),.for_word:nth-child(1){ text-align: center; }
.footend{ display: none; }









}












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

}
@media screen and (max-width:414px){
.a_banner{background-size:cover!important; height:87px!important;}
.bannerinner img{ height: 140px; }
.word_cn{ font-size: 20px; height: 30px; line-height: 30px; }
.word_en{ font-size: 14px; height: 24px; line-height: 24px; }
.wordwrap:after{ height: 30px; margin-top: -15px; }
.bannerword{ bottom: 10px; }
}
@media screen and (max-width:375px){
.a_banner{background-size:cover!important; height:80px!important;}
.bannerinner img{ height: 130px; }

}

@media screen and (max-width:360px){
.a_banner{background-size:cover!important; height:75px!important;}
.bannerinner img{ height: 130px; }
}
@media screen and (max-width:320px){


}


@media screen and (min-width:1201px){
}