@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; }
h1 img{ height: 50px; width: auto; }
.head_inner{ height: auto; }
.mobile{ display: block;  width: 100%; top: 43px; z-index: 99999; right: 0; position: absolute; }
.mobile-inner{ width: 100%; }
.foot_left{ float: none; width: 100% }
.foot_div{height: auto; line-height: 24px; padding: 5px 0 0 0;}
.foot_right{ float: none; width: 100% }
.foot_ul{ height:auto; line-height: 24px; }
.foot_ul li{ margin: 0 15px 0 0 }
.foot_ul li a{ font-size: 12px; }
.us{ padding: 30px 0 }
.us_ul{ margin: 0; }
.us_ul li{ float: none; width: 100%; margin: 0 0 20px 0 }
.us_inner{ height: auto; }
.us_see{ bottom: 0; }
.mation{ padding: 30px 0; }
.mation_dl:nth-child(even) dt{ float: none;  }
.mation_dl dt{width: 100%; text-align: center; height: auto; float: none; margin:0 0 10px 0;}
.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; }

.catalog{ float: none; width: 100% }
.cata_ul{ overflow: hidden; }
.cata_ul li{ float: left; width: 50%; padding: 0 1px; box-sizing: border-box; }
.detailed{ float: none; width: 100%; margin-top: 20px; }
.pro_info img{ width: auto; height: auto; max-width: 100% }
.Requirement{ margin: 20px 0; }
.cata_ul a.for, .cata_ul a:hover{ background-size: 80% }
.recu ul{background: #f7f7f7 url(../images/join.png) 10px center no-repeat}
.recu ul.act{ background: #466a1d url(../images/join1.png) 10px center no-repeat }
.xin_dl{ padding: 20px 0; }
.xin_dl dt{ float: none; margin: 0 auto 20px; }
.xin_dl dd{ float: none; width: 100% }
.xin_dl dd .xin_tit{ height: auto; line-height: 24px; padding: 10px 0; }
.xin_inner{ height: auto; }
.release h3{ height: auto; font-size: 18px; line-height: 26px; padding: 10px 0 ; }
.release .rele_span{ display: block; }

.ews_word img{ width: auto; height: auto; max-width: 100% }
.piece a{ height: auto; line-height: 24px; padding: 5px 0; }

.case_dl{ padding: 20px 0; }
.case_tit{ height: auto; padding: 10px 0; line-height: 26px; text-align: center; }
.case_div{ height: auto; margin-bottom: 10px; }
.case_see{ float: none; margin: 0 auto }

.pro_dl{ padding: 20px 0; }
.pro_dl dt{ margin: 0 auto 10px; float: none; width: 100%; height: auto; text-align: center; }
.pro_dl dt img{ width: auto; height: auto; max-width: 100% }
.pro_dl dd{ float: none; width: 100%; }
.pro_tit{ text-align: center; padding: 10px 0; height: auto; line-height: 24px; }
.pro_inner{ height: auto; }
.pro_see{ float: none; margin: 0 auto }









}












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


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

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

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

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


}


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