@media screen and (max-width:1200px){
.nav_ul{ display: none; }
.mobile{ display: block;  width: 100%; top: 10px; z-index: 99999; right: 0; }
.mobile-inner{ width: 100%; }
.box{ width: 100%; padding: 0 5px; box-sizing: border-box; }
.nav{ display: none; }
h1{ padding: 20px 0; }
.mobile-inner-nav{ top: 72px; }
.index{ position: static; width: 100%; padding: 0 5px; box-sizing: border-box; margin: 30px 0; background: none; height: auto;}
.foot{ height: auto; line-height: 24px; background-size: cover; padding: 10px 0; }
.foot_left{ float: none; width: 100%; text-align: center; }
.foot_right{ float: none; width: 100%; text-align: center; }
.index_left{ float: none; width: 100%; margin: 0 0 20px 0; }
.index_tit{ padding: 0 0 10px 0; }
.index_dl dd{ width:84% }
.index_center{ float: none; width: 100%; margin: 0 0 20px 0; }
.pic_scroll{ width: 144px; margin-left: -72px; left: 50%; }
.index_right{ float: none; width: 100%; margin: 0 0 30px 0; }
.video{ width: 100%; height: auto; text-align: center; }
.video img{ width: auto; height: auto; max-width: 100% }
.a_banner{ display: none!important; }
.head{ margin: 0; }
.catalog{ float: none; width: 100%; }
.cata_ul{ border: none; }
.cata_h3{ font-size: 24px; }
.cata_ul li a{ font-size: 20px; }
.details{ float: none; width: 100% }
.seat_left{ display: none; }
.about img{ width: auto; height: auto; max-width: 100% }
.news_dl dt{ float: none; margin: 0 auto 10px; }
.news_dl dd{ float: none; width: 100% }
.news_zi{ height: auto; }
.news_tit{ height: auto; line-height: 24px; font-size: 14px; }
.rel_h3{ height: auto; line-height: 24px; font-size: 16px; padding: 20px 0; }
.news_word img{ width: auto; height: auto; max-width: 100% }
.pro_ul{ margin: 0; }
.pro_ul li{ float: none; margin: 20px auto 0px; }
.cata_img{ display: none; }
.dru_ul{ margin: 0 0 30px 0; }
.dru_ul li{ float: none; margin: 20px auto 0; }
.map_left{ float: none; width: 100%; height: auto; margin-bottom: 30px; }
.map_right{ width: 100%; height: auto; text-align: center; }
.map_right img{ width: auto; height: auto; max-width: 100% }
.cont_h3{ padding: 20px 0; height: auto; line-height: 30px; font-size: 16px; }
.pel_div{ margin: 0; }
.pel_box{ float: none; width: 100%; padding: 0; }
.pel_txt{ width: 100%; margin-bottom: 20px; }
.pel_area{ width: 100%; margin-bottom: 20px; }
.yz_txt{ width: 200px; }
.mess_div{ float: none; width: 100%; clear: both; text-align: center; }
.test{ float: none; width: 100% }
.pel_sub{ margin: 0 10px ; width: 130px; float: none; display: inline-block; }
.cont_img{ height: auto; line-height: inherit; padding: 30px 10px; width: 100%; box-sizing: border-box; }
.cont_div .cont_i{ padding-left: 10px; font-size: 14px; }
.tit_left{ text-indent: 10px; font-size: 20px; }
.cont_pos{ margin-top: 0; }




}



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


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

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

@media screen and (max-width:360px){
.index_dl dd{ width: 53% }
.a_banner{background-size:cover!important; height:140px!important;}
}
@media screen and (max-width:320px){


}


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