@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{ display: none; }
.menuBg{ display: block; position: absolute; z-index: 99; top: 30px; }
.box{ width: 100%; padding: 0 10px; box-sizing: border-box; }
.navBg{ display: block; }
.visit{ display: none; }
.head{ height: auto; }
.all h1{ line-height: inherit; padding: 10px 0 10px 10px; }
.all h1 img{ height: 50px; }
.lan a{ height: 70px; line-height: 70px; border: none; width: auto; margin-right: 40px; }
.all .lan a,.all .lan{ width: auto; }
.flex-control-nav li a{ height: 20px; width:3px;  }
.flex-control-nav li{ margin: 4px 0 }
.flex-control-nav{ right: 10px; }


.us{ height: auto; background-size: cover; margin-bottom: 30px; }
.all .index_box{ width: 100%; padding: 0 10px; box-sizing: border-box; }
.all .us_left{ float: none; width: 100%; padding: 20px 0 0 0; }
.usdiv{ margin-bottom: 15px; }
.jour_en,.jour_cn{ font-size: 20px; height: 40px; line-height: 40px; text-align: center; }
.us_inner{ font-size: 14px; line-height: 24px; height: auto; margin-bottom: 15px; }
.aboutsee{ margin: 0 auto }
.us_right{ float: none; width: 100%; padding: 10px 0 0 0; }
.usimg{ display: none; }
.exp_ul{ margin-bottom: 20px; }

.show{ background: none; margin-bottom: 20px; }
.trade_left{ float: none; width: 100%; height: auto; border: none; }
.trade_right{ float: none; width: 100%; box-sizing: border-box; padding: 0 10px 20px; height: auto; background-size: cover;  background: url(../images/trade1.jpg) center top no-repeat}
.trade_ul li{ width: 50%; height: 216px; padding-bottom: 15px; }
.showdiv{ margin: 0 0 20px 0; }
.show_inner{ padding-top: 0; }
.swiper-container{ padding-top: 10px!important; }
.swiper-button-prev{ top: 207px!important;    left: 10px!important;    right: inherit!important; }
.swiper-button-next{top: 207px!important;       right: 10px!important;}
.shwo_tit{ font-size: 20px; height: 60px; line-height: 60px; }
.trade_btn{ padding-top: 20px; }
.trade_ul li:hover .trade_btn, .trade_ul li.on .trade_btn{  padding: 20px 0 0 0; }
.ind{ margin-bottom: 10px; }
.ind_cn{ font-size: 16px; height: 30px; line-height: 30px; overflow: hidden; }
.ind_en{ margin-bottom: 0; font-size: 14px; height: 24px; line-height: 24px; }
.trade_ul li:nth-child(4){ width: 50% }
.app{ position: static; padding: 0; }
.tradeimg{ display: none; }
.app_en{ font-size: 20px; height: 30px; line-height: 30px; text-align: center; }
.app_cn{ font-size: 20px; height: 30px; line-height: 30px; text-align: center; margin-bottom: 10px;  }
.app_title{ padding-top: 20px; }
.app_tit{ height: 50px; line-height: 50px; font-size: 20px; text-align: center; }
.app_zi{ font-size: 16px; line-height: 24px; height: auto; margin-bottom: 15px; }
.appsee{ margin: 0 auto; background: url(../images/see1.png) 118px center no-repeat }

.jour{ padding: 20px 0; }
.jour_div{ float: none; }
.jour_btn{ float: none; padding-top: 20px; text-align: center; }
.jour_btn li{ float: none; margin: 0 10px; display: inline-block; }
.jour_btn li a{ width: 120px; height: 40px; line-height: 40px; font-size: 16px; }

.jour_box{ padding-top: 20px }
.jour_ul{ margin: 0 0 20px 0; }
.all .jour_ul li{ float: none; width: 100%; margin: 0 0 15px 0; }
.jour_img{ height: auto; }
.jour_zi{ padding: 10px; }
.jour_tit{ height: auto; font-size: 16px; line-height: 24px; }
.jour_see{ height: 36px; line-height: 36px; }

.foot{height: auto; background-size: cover;}
.foot_end{ display: none; }
.all .foot_top{ padding: 10px; }
.all .foot_ul li{ margin-right: 5px; }
.foot_ul li a{ font-size: 14px; height: 24px; line-height: 24px; }
.foot_ul { margin-bottom: 10px; }
.foot_div{ float: none; }
.foot_mess{ height: 40px; line-height: 40px; width: 120px; }
.what{height: 40px; line-height: 40px; width: 120px; background: url(../images/foot.png) 88px center no-repeat; text-indent: 14px; }
.all .foot_bottom{ padding: 10px; height: auto; font-size: 14px; }
.add_left,.add_right{ float: none; width: 100%;height: auto; line-height: 22px; text-align: center;}

.catalog{ height: auto; border-bottom: none; }
.site{ display: none; }
.catalog_ul{ float: none; padding: 10px 0 0 0; }
.catalog_ul li{ margin: 0 0 10px 0; width: 50%; padding: 0 2px; box-sizing: border-box; }
.catalog_ul li a{ width: 100%; height: 40px; line-height: 40px; }
.mess{  height: auto; background-size: cover; }
.mess_cn{ font-size: 20px; height: auto; line-height: 30px; padding-top: 20px; margin-bottom: 10px; }
.mess_zi{ height: auto; line-height: 22px; font-size: 14px; margin-bottom: 10px; }
.mess_div{  margin: 0; }
.mess_inner{ float: none; margin: 0; width: 100% }
.mess_em{ font-size: 16px; height: 44px; line-height: 44px; }
.mess_txt{ width: 100%; height: 40px; line-height: 40px; }
.mess_i{ font-size: 14px; height: 36px; line-height: 36px; }
.messdz{ display: none; }
.mess_area{ height: 120px; }
.mess_left{ float: none; width: 100% }
.mess_what{ width: 100%; height: 40px; }
.code_txt{ width: 120px; }
.code_img{ height: 40px; line-height: 40px; }
.code_img img{ height: 40px; }
.mess_right{ float: none; margin: 0 auto }
.mess_sub{ margin: 20px auto 30px; height: 40px; line-height: 40px; display: block; width: 150px; background: url(../images/sub1.png) 115px center no-repeat }
.map_img{ margin-top: 10px; height: 400px;}
.map_img img{ width: auto; height: auto; max-width: 100% }
.way_ul{ margin: 20px 0 20px 0 }
.way_ul li{ float: none; width: 100%; margin: 0 0 20px 0;height: auto; padding: 0 10px; }
.way_div{ height: 50px; line-height: 50px; }
.way_tit{ height: 50px; line-height: 50px; font-size: 18px; }
.way_img{ height: 50px; line-height: 50px; }
.way_inner{ font-size: 14px; margin-bottom: 10px; height: 40px; line-height: 40px; }


.jointitle,.duty_tit{ font-size: 20px; height: 60px; line-height: 60px; }
.joinbox{ background-size: cover; padding: 30px 0; }
.accomplish{ height: auto; padding: 0 10px; background-size: cover; }
.acc_left{ float: none; width: 100%; height: auto; margin-top: 20px; }
.accp{ font-size: 20px!important; line-height: 50px!important; }
.acc_right{ float: none; width: 100%; height: auto; line-height: inherit; }
.acc_right img{ width: auto; height: auto; max-width: 100% }
.post_tit{height: 60px; line-height: 60px; font-size: 20px;}
.recu ul{height: auto; padding: 0 10px 10px;}
.join_left{ width: 50%; }
.join_tit{ padding-top: 20px; height: 30px; line-height: 30px; font-size: 20px; }
.join_wrap{height: auto; line-height: inherit;}
.branch_i{ display: block; font-size: 14px; margin: 0; line-height: 26px; }
.join_post{ font-size: 14px; height: 24px; line-height: 24px; }
.join_right{  padding: 20px 0;  }
.join_see{ width:120px;height: 40px; line-height: 40px; border-radius: 40px; text-indent: 20px;}
.Requirement{ padding: 20px 10px; font-size: 14px; line-height: 24px; }
.join_mall{ margin-top: 20px; height: auto; box-sizing: border-box; line-height: 22px; font-size: 12px;padding: 0 5px;}
.recu dd{ margin-bottom: 20px; }
.str_title{ padding: 20px 0; }
.str_cn{ font-size: 20px; height: 30px; line-height: 30px; }
.str_zi{ font-size: 16px; height: auto; line-height: 20px; }
.system{ margin: 0 0 20px 0; }
.sys_dl{ float: none; width: 100%; margin: 0 0 15px 0; padding: 10px 10px 15px; box-sizing: border-box; }
.sys_dl dt{ height: 80px; line-height: 80px; }
.sys_tit{ font-size: 18px; height: 36px; line-height: 36px; }
.sys_inner{ font-size: 14px; height: auto; line-height: 22px; }
.foster{ margin: 0 0 50px 0; }
.foster_dl{ float: none; width: 100%; margin: 0 0 20px 0; }
.foster_dl dt{ width: 100%; text-align: center; height: auto; }
.foster_dl dt img{ width: auto; height: auto; max-width: 100% }
.foster_dl dd{ padding: 10px; width: 100% }
.foster_tit{ font-size: 16px; height: 40px; line-height: 40px; }
.foster_inner{ font-size: 14px; line-height: 24px;height: auto; }

.duty_ul{ margin: 0; }
.duty_ul li{ float: none; margin: 0 0 20px 0; width: 100%; }
.news_img{ width: 100%; text-align: center; height: auto; }
.news_img img{ width: auto; height: auto; max-width: 100% }
.news_div{ padding: 10px  }
.newstit{ font-size: 16px; height: auto; line-height: 24px; }
.newssee{height: 36px; line-height: 36px;}
.detailed{ padding: 20px 0 10px 0; margin-bottom: 20px; }
.det_tit{ font-size: 16px; height: auto; line-height: 24px; }
.det_div{ font-size: 14px; height: 40px; line-height: 40px; }
.duty_info img{ width: auto!important; height: auto!important; max-width: 100%!important }

.page{ padding: 20px 0; }
.page_left{ margin-bottom: 10px; }
.page_end{ display: block;height: 30px; line-height: 30px; border-radius: 30px; width: 120px; background: url(../images/end.png) 95px center no-repeat }
.page_a{ margin-right: 10px; width: 80px; height: 30px; line-height: 30px; border-radius: 30px; }

.pro{ padding: 20px 10px }
.casebox .small_list{height: auto;}
.catalog_ul li{  margin-right: 0}
.caseinner{ left: 0; width: 100%; padding: 0 10px 60px; height: 700px;}
.catalog_ul{ width: 100%!important; }
.small_list .catalog{margin-bottom: 20px; }
.casepic{ margin-top: 20px; }
.casetit{ display: block; height: 40px; line-height: 40px; font-size: 20px; }
.casezi{ height: auto; line-height: 24px; font-size: 14px; }
.site_num{ font-size: 24px; }
.case_num{ font-size: 20px; }
.casebox .left_btn{ left: 10px; bottom: 20px; }
.casebox .right_btn{ left: 100px;  bottom: 20px;}
.casebox .large_box{ height:700px; }
.block{ display: block; width: 80px!important; }
.block img{ width: 80px; }
.pro_title{ margin-bottom: 20px; }
.pro_cn{ font-size: 20px; height: 42px; line-height: 42px; }
.pro_see{width:120px;height: 40px; line-height: 40px; border-radius: 40px; text-indent: 0;  text-align: center; background: none;}
.pro_ul{ padding: 20px 0; margin-bottom: 20px; background: none; }
.pro_ul li{ float: none; margin: 0 0 20px 0; width: 100%; padding: 10px 10px 0; box-sizing: border-box; }
.proimg{ width: 100%; height: auto; }
.proimg img{ width: auto; height: auto; max-width: 100% }
.protit{ font-size: 20px; height: 50px; line-height: 50px; }
.ment_ul{ margin: 0; }
.ment_ul li{ float: none; margin: 0 0 20px 0; width: 100%; height: auto;  }
.ment_img{ width: 100%; height: auto; }
.ment_img img{ width: auto; height: auto; max-width: 100% }
.ment_tit{ font-size: 20px; height: 40px; line-height: 40px; }
.pro_way{ float: none; width: 100%; padding: 0 10px 20px; margin-bottom: 20px; }
.waypro_tit{ font-size: 20px; height: 50px; line-height: 50px; }
.waypro_ul li .menu{ font-size: 16px; height: 36px; line-height: 36px; }
.infor{ width: 100%; float: none; }
.ul_infor{ margin: 0; }
.ul_infor li{ float: none;  margin: 0 auto 20px; height: 400px;}
.infor_tit{ height: 50px; line-height: 50px; font-size: 20px; }
.infor_see{ height: 50px; line-height: 50px; width: 140px; }
.chem_inner img{ width: auto!important; height: auto!important; max-width: 100%!important}
.chem_tit{ font-size: 20px!important; line-height: 60px!important; }
.piecepro{ margin: 20px 0; padding: 10px; }
.piece_left,.piece_right{ width: 30%; background: #fff; padding: 0; text-indent: 0; text-align: center;}
.proend{  width: 35%; margin: 0 2%; background: #fff; text-indent: 0; text-align: center;}
.mag_left{ float: none; width: 100%; height:auto; }
.mag_right{ float: none; width: 100% }
.mag_title{ display: block; font-size: 20px; height: 40px; line-height: 40px; }
.mag_ul li{ height: auto; line-height: 24px; font-size: 14px;padding: 8px 0 }
.mag_ul{ margin-bottom: 20px; }
.pro_info{ padding: 20px 0; }
.hot_left dt{ margin-right: 8px; }
.hot_right a{ width: 80px; }
.describe li a{ height: 70px; line-height: 70px; }
.describe{ height: 70px; }
.mag_left .large_box{ width: 100%; height: auto; }
.mag_left .large_box li img{ width: 100%; height: auto; }

.mag_left .small_list ul li img{ width: 80px;height: 68px; }
.mag_left .small_list ul li{ width: 80px;height: 68px;}
.mag_left .small_list{ height: 68px; width: 266px; margin-left: -133px;  bottom: 0px;}
.mag_left .small_box{height: 80px; width: 266px; margin-left: -133px;  bottom: 10px;}
.mag_left .left_btn{ left: 0px; top: -100px; }
.mag_left .right_btn{right: 0px; top: -100px; }
.about_inner{ padding: 10px 0 20px 0 }
.gyimg{ float: none!important; padding: 0!important; }
.abouttit{ font-size: 20px!important; width: 100%!important; height: 60px!important; line-height: 60px!important; }
.about_ul li{ width: 50%; margin-bottom: 0px; }
.aboutimg{ width: 100px; height: 100px; border-radius: 100px; line-height: 100px; }
.aboutimg img{ width: 30px; }
.aboutnum{ height: 60px; line-height: 60px; font-size: 24px; }
.aboutcom{ font-size: 16px; height: 40px; line-height: 40px; }
.about{ background-size: cover; padding-bottom: 30px; }
.duty_dl{ padding: 10px;  margin-bottom: 20px;}
.duty_dl dt{ float: none; width: 100%; }
.dutytit{ font-size: 16px; height: auto; line-height: 24px; margin-bottom: 5px; }
.duty_dl dd{ float: none; margin: 0 auto 15px  }

.enterprise{ padding: 20px 0; background-size: cover; }
.ent_dl{ margin-bottom: 20px; }
.ent_dl dt{ float: none; width:100%; height: auto; margin: 0 auto 10px; }
.ent_dl dt img{ width: auto; height: auto; max-width: 100% }
.ent_dl dd{ float: none; width: 100% }
.ent_tit{ height: 40px; line-height: 40px; font-size: 18px; margin-bottom: 20px; }
.ent_zi{ font-size: 16px; height: 30px; line-height: 30px; }
.ent_inner{ height: auto; line-height: 24px; font-size: 14px; }
.ent_inner p{ margin-bottom: 0!important; }
.ent_dl:nth-child(even) dt{ float: none; margin: 0 0 20px 0; }

.core{ background-size: cover; height: auto; padding: 20px 0; }
.core_tit{ font-size: 20px; height: 50px; line-height: 50px; padding-top: 0; }
.core_line{ width: 100%; margin-bottom: 20px; }
.core_ul{ margin: 0 0 15px 0; }
.core_ul li{ float: none; width: 100%; height: auto; margin: 0 0 15px 0; padding: 0 10px 10px;}
.core_title{ font-size: 16px; height: 40px; line-height: 40px; }
.core_div{ height: auto; line-height: 24px; font-size: 14px; }
.honor_title{ height: 60px; line-height: 60px; font-size: 20px; }

.honor_inner{ margin: 0; }
.honor_inner li{ margin: 0 0 20px 0; float: none; width: 100%; }
.honor_inner li a{ width: 100%; height: auto; }
.honor_inner a img{ width: auto; height: auto; max-width: 100% }
.honor_tit{ font-size: 20px; height: auto; line-height: 26px; }
.honor{ height: auto; background-size: cover; padding-bottom: 20px; }
.deve{ height: auto; padding-bottom: 20px; background-size: cover; }
.deve_h3{ font-size: 20px; height: 60px;line-height: 60px; padding: 20px 0 0 0; }
.large_lop{ margin-bottom: 10px; }
.lop_dl dt{ float: none; width: 100%; height: auto; }
.lop_dl dt img{ width: auto; height: auto; max-width: 100% }
.lop_dl dd{ float: none; width: 100%; height: auto; padding: 10px; }
.lop_time{ height: 40px; line-height: 40px; font-size: 18px; text-align: center; font-weight: bold; }
.lop_div{ padding: 0; height: auto; font-size: 14px; line-height: 24px; }
.small_inner{ width: 200px; }
.left_lop{ left: 0; }
.right_lop{ right: 0; }
.lop{ padding: 0 }




.card{ padding: 20px 0 0 0; }
.ele_tit{ font-size: 20px; height:auto; line-height: 60px; }

.electron{ padding-bottom: 0; margin-bottom: 20px; }
.model_ul{ margin: 0; }
.model_ul li{ float: none; margin: 0 0 20px 0; width: 100%; }
.modelimg{ height: auto; width: 100%; text-align: center; }
.modelimg img{ width: auto; height: auto;max-width: 100% }
.model_tit{ font-size: 16px; height: 40px; line-height: 40px; }
.ele_ul{ margin: 0; padding-bottom: 20px; }
.ele_ul li{ margin: 0 10px 0 0; }
.ele_ul li a{ height: 36px; line-height: 36px; font-size: 16px; }












}












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

}
@media screen and (max-width:414px){
.a_banner{background-size:cover!important; height:190px!important;}
.expdiv{ font-size: 24px; }
.joursee{height: 50px; line-height: 50px; width: 150px; background: url(../images/prosee.png) 118px center no-repeat; text-indent: 36px;}
.usdiv{ margin-bottom: 10px; }
.jour_en, .jour_cn{ height: 26px; line-height: 26px; }
.us{  margin-bottom: 0; }
.appsee{ margin: 0 auto;height: 50px; line-height: 50px; width: 150px;  background: url(../images/see1.png) 118px center no-repeat;text-indent: 36px; }





}
@media screen and (max-width:375px){
.a_banner{background-size:cover!important; height:180px!important;}
.expdiv{ font-size: 20px; }
}

@media screen and (max-width:360px){
.a_banner{background-size:cover!important; height:170px!important;}

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


}


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