@media screen and (max-width:1200px){
.mobile{ display: block; }
.what{ display: none; }
.head_right{ float: none; width: 100% }
.line_head{ display: none; }
.box{ width:100%; padding: 0 10px; box-sizing: border-box; }
.nav_ul{ display: none; }
.wel{ display: none; }
.lan{ float: right; padding-right: 0 }
h1{ line-height:inherit; padding: 10px 0;  position: relative; z-index: 999999 }
.head_inner{ height: auto; }
.mobile{ display: block;  width: 100%; top: 45px; z-index: 99999; right: 0; position: absolute; }
.mobile-inner{ width: 100%; }
.foot_left{ float: none; width: 100%; padding:20px 0 0 0;  }
.foot_right{ display: none; }
.foot_ul{ display: none; }
.link{ height: auto; line-height: 20px; margin-bottom: 10px; }
.link_h3{ float: none; line-height: 38px; }
.link_ul{ float: none; width: 100% }
.add{ padding-bottom: 20px; }
.add_i{ height: auto; line-height: 24px; }
.index_ul{ margin: 0; }
.index_ul li{ float: none; margin: 0 auto 10px; width: 100% }
.index_img{ width: 100%; height: auto; }
.index_img img{ width: auto; height: auto; max-width: 100% }
.mation_dl:nth-child(even) dt{ float: none; margin: 0; }
.mation_dl dt{ float: none; width: 100%;height: auto; text-align: center; height: auto; }
.mation_dl dt img{ width: auto; height: auto; max-width: 100% }
.mation_dl dd{ float: none; width: 100%; }
.mation_link{ text-align: center; height: auto; line-height: 24px; padding: 10px 0; }
.mation_word{ width: 100%; height: auto; }
.mation_time{ text-align: center; }
.mobile-inner-nav{ top: 64px; }
.column{ float: none; width: 100%; margin-top: 30px; }
.column_ul{ overflow: hidden; }
.col_h3{ float: none; width: 100%; background: #e53b2c; padding: 0; margin-bottom: 10px; text-align: center; }
.column_ul li{ float: left; display: block; width: 50%; padding: 0 5px; box-sizing: border-box; margin-bottom: 8px; }
.column_ul a:hover, .column_ul a.for{ background: #4f4b4c; }
.details{ padding: 30px 0 0 0; float: none; width: 100% }
.Requirement{ margin: 30px 10px; }
.pro_column li{ float: none; width: 100%; }
.column_ul a{ height: 44px; line-height: 44px; font-size: 13px; }
.pro_ul{ margin: 0; }
.pro_ul li{ float: none; width: 100%; margin: 20px 0; }
.pro_img{ width: 100%; height: auto; text-align: center; border: none; }
.pro_img img{ width: auto; height: auto; max-width: 100% }
.pages_inner .pages_home{ width: 46px;height: 24px; line-height: 24px; }
.pages_inner a{ width: 20px; line-height: 24px; height: 24px; }
.pro_info img{ width: auto; height: auto; max-width: 100% }
.case_ul{ padding: 0; margin: 0; }
.case_ul li{ float: none; width: 100%; height: auto; margin: 30px 0 0 0; }
.case_img{ width:100%; text-align: center; height: auto; border: none; }
.case_img img{ width: auto; height: auto; max-width: 100%; }
.site_right{ display: none; }
.research dt a{ height: auto; line-height: 24px; padding: 10px 0; }
.research dd{ height: auto; }
.news_dl dt{ float: none; width: 100%; text-align: center; height: auto; margin-bottom: 15px; }
.news_dl dt img{ width: auto; height: auto; max-width: 100%; }
.news_dl dd{ float: none; width: 100%; height: auto; }
.news_tit{ height: auto; line-height: 30px; padding: 10px 0; font-weight: inherit; }
.piece a{ height: auto; line-height: 24px; padding: 5px 0; }
.release h3{ height: auto; line-height: 30px; font-size: 16px }


.pc_banner{ display: none; }
.phone_banner{ display: block; }
.about img{ width: auto!important; text-align: center!important; height: auto!important;max-width: 100%!important }
.flex-control-nav { z-index: 999 }



.pos dd li { font-size: 12px; overflow: hidden; height: 44px; width: 40% ; padding-left: 3px; box-sizing: border-box; text-align: left;}
.pos dd li:nth-last-child(1){ width: 20% }
.recu ul.act li{width: 40%; font-weight: inherit; }
.recu ul.act li:nth-last-child(1){width: 20% }
.list{ height: auto; padding-bottom: 10px; }
.index_h3{ height: 24px; line-height: 24px; padding: 10px 0; }
.solve{ display: none; }
.index_ul li{ height: auto; position: static; }
.index_he{ position: static; }
.recu ul{ background: #f7f7f7 ; }
.recu ul.act{ background: #e7141a }
}












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


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

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

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

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


}


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