@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: 28px; }
.box{ width: 100%; padding: 0 10px; box-sizing: border-box; }
.navBg{ display: block; }
.flex-control-nav{ bottom: 6px; }
h1{ line-height: initial; padding:15px 0 ; }
.head_line{ display: none; }
.lan{ background: none; height: auto; }
.lan a{  color: #fff;height: 70px; line-height: 70px; padding: 0; margin-right: 38px;}
.all .head{ padding: 0 10px; background: #cc030f }
.all .head_inner{ background: none; width: auto; height: auto; position: static; }
.all h1{ padding: 10px 0; }
h1 img{ width: 240px; height: auto; }
.lan a img{ display: none; }
.foot_top{ padding: 20px 0 10px 0; }
.address{ float: none; width: 100% }
.address li{ height: 24px; line-height: 24px; }
.column{ display: none; }
.foot_bottom{ height: auto; line-height: 22px; padding: 10px; }
.foot_bottom a{ margin-left: 4px; }
.show_inner{ padding-bottom: 30px; }
.info_more{ width: 160px; height: 40px; line-height: 40px; }
.imgul{ margin-bottom: 30px; }
.imgul li{ width: 50%; }
.show_hover{ font-size: 12px; height: 40px; line-height: 40px; }
.all .show_div{ padding: 0 10px; }
.show_ul{ margin-bottom: 10px; }
.show_ul li a{height: 40px; line-height: 40px; font-size: 16px; width: auto; padding: 0 15px;}
.show_ul li.on a{ background: none }
.show{ padding: 20px 0 0 0; }
.showtit{ float: none; }
.index_tit{ font-size: 20px; height: 50px; line-height: 50px; float: none; }
.index_show{ font-size: 16px; height: auto; line-height: 24px; padding: 0; margin: 5px 0 20px 0; display: block; }
.show_see{ margin: 0; float: none; display: block; }
.info_div{ margin-bottom: 15px; }
.brief{ float: none; width: 100%; height: auto; background-size: cover; padding-bottom: 20px; }
.all .found{ display: none; }
.all .brief_inner{ width: 100%; padding: 20px 10px 0;  margin: 0; float: none; box-sizing: border-box; }
.brief_tit{ margin-bottom: 15px; font-size: 20px; margin: 0; }
.brief_div{ padding: 0; margin: 0 0 20px 0; height: auto; line-height: 24px; font-size: 14px; }
.brief_see{ height: 40px; line-height: 40px; width: 160px; margin: 0 auto}
.all .info{ padding: 20px 10px; }
.info_ul{ float: none; margin: 10px 0 20px 0; text-align: center; }
.info_ul li{ float: none; display: inline-block; margin: 0 5px; }
.info_ul li a{ width: 130px; height: 40px; line-height: 40px; }
.info_last{ float: none; width: 100%; padding: 0; }
.info_video{ display: none; }
.info_line{ display: none; }
.info_dl dd{ width: 79% }
.info_dl{ margin-bottom: 20px; }
.info_title{ font-size: 14px; }
.info_inner{ margin-bottom: 10px; }

.catalog{ height: auto; padding-top: 10px; }
.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; }
.catalog_ul li a:after{ display: none; }
.site{ display: none; }
.contdiv{ width: 100%; padding: 0 0px; box-sizing: border-box; margin-bottom: 30px; }
.mode{ float: none; width: 100%; height: auto; margin-bottom: 20px; }
.mode_top{ padding: 10px ; }
.mode_tit{ display: inline-block; font-size: 16px; height: 40px; line-height: 40px; }
.mode_ul li{ height: 30px; line-height: 30px; font-size: 14px; }
.mode_ul li img,.mode_tit img{ margin-right: 8px; }
.mode_bottom{ width: 100%; height: auto; }
.mode_bottom img{ width: auto; height: auto; max-width: 100% }
.tact_mess{ float: none; width: 100%; height: auto; background-size: cover; padding: 0 10px 20px; box-sizing: border-box; }
.mess_tit{ padding: 20px 0 0 0;  height: auto; line-height: 22px; margin-bottom: 20px; }
.mess_form{ padding: 0; }
.mess_txt{ width: 100%; height: 40px; line-height: 40px; margin-bottom: 10px; }
.area_mess{ width: 100%;margin-bottom: 10px; }
.code_txt{ width: 230px; }
.mess_div{width: 100%;margin-bottom: 10px; height: 40px; line-height: 40px;}
.code_img{ margin-top: -9px; }
.mess_sub{ width: 100% }
.join_dl{ padding: 10px 10px 20px; }
.join_see{ display: none; }
.join_left{ margin-bottom: 10px; height: 30px; line-height: 30px;}
.join_dl dt a{ font-size: 18px; height: 38px; line-height: 38px; margin-bottom: 0; }
.pages_inner{ padding: 30px 0; }
.pages_inner .pages_home{ width: auto; padding: 0 8px; }
.pages_inner a{ width: 24px; height: 24px; line-height: 24px; margin: 0 2px 5px; }
.join_info{ padding: 30px 0; }
.honor_ul{ padding: 20px 0; margin: 0; }
.honor_ul li{  margin: 0 0 15px 0; width: 50%; border: none; height: auto; padding: 0 2px; box-sizing: border-box; }
.honor_ul li img{ width: auto; height: auto; max-width: 100% }
.about{ padding: 20px 0; }
.case_ul{ margin: 0; padding: 20px 0; }
.case_ul li{ float: none; width: 100%; margin: 0 0 20px 0; height: auto; }
.case_img{ width: 100%; height: auto; text-align: center; }
.case_img img{ width: auto; height: auto; max-width: 100% }
.news_info{ padding: 20px 0; }
.news_info img{ width: auto; height: auto; max-width: 100% }
.news_dl{ padding: 20px 10px; margin-bottom: 20px; }
.news_dl dt{ float: none; margin: 0 auto 20px; }
.news_dl dd{ width: 100%; float: none; }
.news_img{ position: static; width: 100%; height: auto; text-align: center; margin-bottom: 15px }
.news_img img{ width: auto; height: auto; max-width: 100% }
.news_inner{ margin: 0; }
.news_tit{ font-size: 16px; height: auto; line-height: 24px; margin-bottom: 10px; }
.release h3{ height: auto; line-height: 24px; font-size: 16px; }
.release .rele_span{ height: 30px; line-height: 30px; }
.piece{ padding: 20px 0 0 0; }
.piece a{ height: auto; line-height: 22px; margin-bottom: 10px; }
.aboutinner{ position: static!important; width: 100%!important; padding: 0!important; }
.about img{ width: auto!important; height: auto!important; max-width: 100%!important }
.abouttit{ font-size: 20px!important; }






















}












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

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

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

}

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

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


}


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