.banner img{width: 100%;}
@media screen and (max-width:1200px){
.tst_ul{ display: none; }
.tst_box{ width: 100%!important; padding: 0 10px; box-sizing: border-box; }
.menuBg{ display: block; top: 20px;}
.navBg {display: block; z-index: 999} 
h1{ line-height: inherit; padding: 10px 0; }
.tst_head{ height: auto; position: static; }
.society{ margin: 20px 0 0 0; padding-bottom: 30px; }
.soci_inner{ padding: 10px; }
.banner{ width: 100% }
.society_ul li{margin:0px; padding: 0 2px; box-sizing: border-box; width: 50%; }
.society_ul li a{ width: 100% }
.society_ul{ text-align: center; }
.coming{ margin-bottom: 0; }
.environment{ margin-bottom: 20px; padding-top: 20px; }
.env_tit{ height: auto; line-height: 24px; font-size: 16px; }
.env_join{ height: auto; line-height: 24px; font-size: 16px;}
.search_txt{ width: 70% }
.tst_sub{ width: 30% }
.tst_search{ margin-bottom: 20px; }
.genre{ margin-bottom: 14px;padding: 10px; }
.genre_i{ float: none;  height: 40px; line-height: 40px; display: block; text-align: left; }
.genre_ul{ padding: 0; float: none; width: 100% }
.genre_ul li{ margin: 0 5px 10px 0; }
.genre_ul li a{ padding: 0 5px; height: 26px; line-height: 26px; }
.genre_see{ display: none; }
.operate_ul li{ font-size: 12px; height: 50px; line-height: 50px; }
.operate_ul{ height: 50px; line-height: 50px; }
.post_see{ width: 100% }
.tst_pages{ padding: 20px 0 }
.pages_inner{ padding: 10px; }
.pages_left{ float: none; }
.pagesdiv{ float: none; }
.pages_right{ width:298px;  }
.pages_num{ width: 60px; }
.tst_top{ height: auto; line-height: 24px; }
.tst_bottom{ height: auto; line-height: 24px; }
.sale_sub{ width: 100% }
.sale{ height: 60px; line-height: 60px; text-align: center; }
.sale_div{ margin: 0  }
.sale_inner{ float: none; width: 100%; margin: 0; }
.sale_em{ height: 50px; line-height: 50px; font-size: 14px; }
.sale_txt,.sale_sel{ width: 100%; height: 50px; line-height: 50px; padding: 0 10px; }
.sale_phone{ width: 130px; }
.sale_yzm{ width: 110px; margin: 0 5px; }
.photo_div{ position: static; margin-bottom: 10px; }
.photo{ width: 100%; height: auto; float: none; }
.photo_name{ padding: 0;height: 24px; line-height: 24px; }
.sale_time,.laydate-box,#laydateInput{ float: none; width: 100% }
.coming_tit{ height: 60px; line-height: 60px; }
.coming_ul{ margin-bottom: 10px; }
.coming_ul li{ height:auto; }
.coming_inner{ height: auto; line-height: 18px; padding: 10px 0; }
.path{ margin-bottom: 20px; }
.tst_post,.campus_ul .tst_post{ float: none; width: 100%; line-height: 22px;height: auto; text-align: left}
.campus_ul li{ padding: 10px 0; }
.tsti{ margin: 0; }
.sale_sub{ margin: 30px 0 }
.post_ul li{ padding-top: 10px; }

.block{ width: 100%; text-align: center!important; }
.el-pagination__jump{ display: none!important; }
.el-pagination .el-select .el-input{ width: 78px!important; }






}



@media screen and (max-width:768px){
.a_banner{background-size:cover!important; height:360px!important;}
.operate_ul{display: none;}
.tst_post:nth-child(1){font-size: 16px;font-weight: bold;width: 100%;}
.tst_post{display: inline-block;vertical-align: top;width: auto;margin-right: 10px; margin-bottom: 10px; font-size: 14px;}
.tst_post:last-child{width: 100%;}
.post_see{margin-top: 5px;}
}
@media screen and (max-width:414px){
.a_banner{background-size:cover!important; height:190px!important;}



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

}

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

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


}