@media screen and (max-width:1200px){
.nav_ul{ display: none; }
.mobile{ display: block;  width: 100%; top: 4px; z-index: 99999; right: 0; }
.mobile-inner{ width: 100%; }
.phone_banner{ display: block; }
.pc_banner{ display: none; }
.box{ width: 100%; padding: 0 5px; box-sizing: border-box; }
h1 img{ width: 200px; height: auto; }
h1{ line-height: 70px; }
.flexslider{ width: 100% }
.slides{ width: 100% }
.us{ float: none; width: 100%; margin-bottom: 20px; }
.us_img{ width: 100%; height: auto; text-align: center; }
.us_img img{ width: auto; height: auto; max-width: 100% }
.hot{ float: none; width: 100%; height: auto; padding-bottom: 20px; }
.hot_left{ float: none; width: 100% }
.hot_right{  float: none; margin: 0 auto; width: 330px;}
.main_left{ float: none; width: 100%; margin-bottom: 18px; }
.main_div{ width: 240px; margin: 0 auto; overflow: hidden; }
.main_right{ float: none; width: 100%; }
.eff_ul{ width: 33.3% }
.eff_left{ width: 33.3% }
.eff_img,.eff_tit{ border: none; }
.eff_line{ display: none; }
.eff_ul li{ margin-bottom: 10px; }
.foot{ height: auto; }
.foot_left{ float: none; width: 100%; padding: 20px 0; }
.foot_right{ float: none; width: 100%; padding: 0 0 20px 0 }
.a_banner img{ width: auto; height: auto; max-width: 100% }
.a_banner{ padding: 10px 0; }

.column{float: none; width: 100%; margin-bottom: 20px;}
.detailed{ float: none; width: 100% }
.detailed_inner{ padding: 20px 10px; }
.news_ul li{ padding: 0 5px; background: url(phone_res/news.jpg) 2px center no-repeat }
.news_left{ font-size: 14px; }
.news_right{ font-size: 12px; }
.news_info img,.about img{ width: auto; height: auto; max-width: 100% }









}



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


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

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

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

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


}


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