@media screen and (max-width:1200px){
.nav_ul{ display: none; }
.box{ width: 100%; padding: 0 10px; box-sizing: border-box; }
.menuBg{ display: block; top: 14px;}
.navBg {display: block;}
.call{ display: none; }
.head{ height: auto; }
h1{ line-height: inherit; padding: 10px 0; }
.dl_call{ display: none; }
h1 img{ width: 240px; }
.flexslider{ margin-top: 47px; }
.flex-control-nav{ bottom: 10px; }
.survey{ padding: 30px 0; }
.index_tit{ height: auto; }
.index_cn{ position: static; font-size: 20px; height: 36px; line-height: 36px; }
.index_en{ font-size: 20px; height: 30px; line-height: 30px; }
.survey_inner{ padding-top: 20px; }
.servey_img{ float: none; width: 100%; height: auto; }
.servey_img img{ width: auto; height: auto; max-width: 100% }
.servey_box{ float: none; width: 100%; padding-top:20px; }
.sur_zi{ height: 72px; line-height: 24px;text-overflow: ellipsis;  display: -webkit-box;   -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; margin-bottom: 20px;  }
.sur_ul{ margin: 0; }
.sur_ul li{ margin: 0 0 10px 0; width: 50%; padding: 0 5px; box-sizing: border-box; }
.sur_ul li a{ width: 162px; margin: 0 auto }
.sur_pic{ margin-left: 30px; }
.product{ background: none; padding-top: 30px; }
.duct{ padding-top: 20px; }
.duct_ul li{ display: block; float: left; margin: 0 0 10px 0; width: 50%; padding: 0 5px; box-sizing: border-box; }
.duct_ul li a{ width: 100%; }
.duct_ul{ margin-bottom: 20px; }
.duct_scroll{ width: 300px;left: 50%; margin-left: -150px; }
.duct_left{ left: 0; width: 30px; height: 30px; background-size: cover; }
.duct_right{ right: 0; width: 30px; height: 30px; background-size: cover; }
.ductsee{ margin: 20px auto 30px ; }
.index_zi{  height: auto; line-height: 24px; font-size: 14px; margin-bottom: 20px; }


.apply_inner .small_box{ width: 100% }
.apply_inner .small_list{ width: 270px; float: none; margin: 0 auto }
.apply_inner .large_box{ width: 100% }
.apply_dl dt{ float: none; width: 100%; padding: 0 10px 20px; }
.apply_dl dd{ display: none; }
.app_title{ padding-top: 20px; font-size: 20px; height: 40px; line-height: 40px; }
.equ_tit{ font-size: 18px; height: 40px; line-height: 40px; margin-bottom: 10px; }
.equ_zi{text-overflow: ellipsis;  display: -webkit-box;   -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;   }

.tech{ background: none; padding-top: 30px; }
.tech_img{ display: none; }
.tech_inner{ padding-top: 10px; }
.tech_ul li{ float: none; margin: 0 0 20px 0; width: 100% }
.tech_ul{ margin: 0; }
.tech_num{ font-size: 18px; height: 36px; width: 36px; line-height: 36px; border-radius: 36px; margin-right: 10px;}
.tech_tit{ font-size: 15px; }
.tech_zi{ height: auto; line-height: 22px; }
.coop{ padding: 10px 0 30px 0; }
.link_ul{ margin: 20px 0 0 0; }
.link_ul li{ border: none; width: 50%; padding: 0 3px; box-sizing: border-box; margin: 0 0 10px 0; height: auto; }
.link_ul li img{ width: auto; height: auto; max-width: 100% }
.link_ul li a{ border: 1px solid #bfbfbf; display: block; }
.foot{ background: #297f38; padding: 10px 0; }
.foot_ul{ padding:0 0 8px 0 ; }
.foot_ul li{ margin-right: 5px; }
.add_img{ width: 24px; height: 24px; line-height: 24px; margin-right: 8px; display: none;}
.add_tit{ height: auto; line-height: 22px; }
.add_ul li{ height: auto; margin-bottom: 5px; }
.foot_left{ float: none; }
.foot_right{ float: none; padding-top: 10px; width: 100px}
.foot_ul li a{ font-weight: bold; }
.foot_top{ padding-bottom: 10px; }

.add{ height: auto; padding: 10px 0; }
.add_inner{ float: left; width: 72%; height: auto; line-height: 22px; font-size: 12px; }
.add .add_mess{ width: 80px; height: 30px; line-height: 30px; margin:2px 0 0 0   }
.add_inner a{ font-size: 12px; margin-left: 4px; }
.what_img{ width: 100px; height: 100px; }
.what_img img{ width: auto; height: auto; max-width: 100% }
.a_banner{ margin-top: 47px; }

.site{ display: none; }
.catalog li{ margin: 0 0 10px 0; width: 50%; padding: 0 5px; box-sizing: border-box; }
.catalog li a{ width: 100%; height: 34px; line-height: 34px; border-radius: 34px; }
.detailed{ padding: 20px 0 0 0; }
.aboutimg{ float: none!important; width: 100%!important; margin: 0 0 20px 0!important; padding: 0!important; }
.about img,.des_inner{ width: auto!important; height: auto!important; max-width: 100%!important }
.pro_dl{ height: auto; position: static; padding: 20px 0; }
.pro_dl:after{ display: none; }
.pro_dl dt{ float: none; width: 100%; text-align: center; margin: 0 0 15px 0; }
.pro_dl dt img{ width: auto; height: auto; max-width: 100% }
.pro_dl dd{ float: none; width: 100%; }
.pro_tit{ padding: 0; height: auto; line-height: 24px; font-size: 16px; margin-bottom: 10px; padding: 0; text-align: center; }
.pro_zi{ margin-bottom: 20px;text-overflow: ellipsis;  display: -webkit-box;   -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;  }
.prosee{ width: 130px; margin: 0 auto }
.pice{ padding: 0; }
.pice a{ height: auto; line-height: 22px; margin-bottom: 10px; }
.warp{ padding-bottom: 30px; }
.pro_info{ margin-bottom: 20px; }
.pro_inner{  position: static; width: 100% }
.inner_tit{ font-size: 16px; height: auto; line-height: 26px; margin-bottom: 0px; }
.rep_tit{ font-size: 14px; height: 26px; line-height: 26px; margin-bottom: 10px;}
.rep_zi{ font-size: 14px; line-height: 24px; height: auto; margin-bottom: 10px; }
.pro_info .large_box{ float: none; width: 100%; height: auto; margin: 0; text-align: center; }
.pro_info .large_box li img{ width: auto; height: auto; max-width: 100% }
.pro_info .small_box{ margin-top: 20px; float: none; width: 100%; height: 80px;}
.pro_info .small_list{ width: 290px; }
.pro_info .small_list ul li{ width: 90px; }
.pro_info .small_list ul li img{ width: auto; height: auto; max-width: 100% }
.pro_info .left_btn{ margin: 22px 2px 0 0; width: 20px; height: 20px; background-size: cover; }
.pro_info .right_btn{ margin: 22px 4px 0 0; width: 20px; height: 20px; background-size: cover;}



.Requirement{ padding: 0 0px; }
.rement_left{ float: none; width: 100%; height: auto; padding: 0; }
.rement{ padding: 10px; }
.rement_h3{ height: 40px; line-height: 40px; }
.rement_right{ float: none; width: 100%; height: auto; background: none; }
.rement_inner{ margin: 0; box-shadow: none; padding: 20px 0; height: auto; width: 100%;  }

.recu ul{ overflow: hidden; height: auto; line-height: 26px; padding: 15px 10px; }
.pos dd li{ padding: 0 0px; text-align: left; line-height: 20px; }
.join_h3{ height: 50px; line-height: 50px; font-size: 18px;}
.recu ul.act{ padding: 10px; padding-left: 60px; background: #fff url(../images/join1.jpg) 3px center no-repeat; background-size: 14% }


.mess .cont_tit{ margin-bottom: 0; }
.shen_zi{ font-size: 14px; line-height: 24px; }
.mess_wrap{ float: none; width: 100% }
.mess_right{ padding-top: 30px; float: none; clear: both; }
.mess{ padding-bottom: 30px; }
.mess_box{ margin: 0; }
.basic_form{ padding: 0 0 20px 0; }
.basic_div{ margin: 0; }
.basic_name{ float: none; text-align: left; }
.basic_txt{ width: 100% }
.member{ padding-bottom: 30px; }







}



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

 
}
@media screen and (max-width:414px){
.a_banner{background-size:cover!important; height:148px!important; position: static;}
.banner_inner{ display: none;}


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

}

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

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


}


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