.wapnav{    display: none;}
.class .classRight .content .infoTxt img{width: 800px;}
.class .classRight .content .h1{font-size: 30px; font-weight: bold; line-height: 150%; text-align: center; padding: 20px 0 0 0; color: #333;}
.class .classRight .content .h2{font-size: 30px; font-weight: bold; line-height: 150%; text-align: center; padding: 0 0 20px 0;}
.nav_wrap{ background:rgb(0,0,0,0.42);}
.ad-gallery .ad-thumbs li a{width: 80px; overflow: hidden;}
.box2{overflow: hidden; height:540px;}

@media (min-width:360px) and (max-width:1080px){
.midd{width: auto;}
.nav_area{display: none;}
.wapnav{display: block;  color: #fff;}
.wapnav.iconfont{font-size: 2rem;     margin-right: 0.5rem;}
.logo{    width: 50%;     margin-left: 0.5rem;}
.logo img{max-height: 3rem;}
.nav_wrap{ height: 4.5rem;}
.navbox{    padding: 1rem 0;}
.slideBox{ height: 320px;     margin-top:0}
.slideBox .bd li a{    height: 320px;     background-size: auto 320px!important;}
.box1_info{padding:2rem 0 0 0; flex-direction: column;}
.box1_info .left{ padding: 0.5rem;}
.box1_info .left h2{font-size: 2rem; line-height: 4rem;     text-align: center;}
.box1_info .left h3{ text-align: center;    font-size: 1.1rem;}
.box1_info .left p{    padding: 1rem 0.5rem;   }
.box1_info .left .icons{flex-wrap: wrap; padding: 0rem 0 0 0; flex-direction: column; align-items: flex-start;}
.box1_info .left .icons .item .circle{width: 6rem; height: 6rem; padding: 0.5rem 0;}
.box1_info .left .icons .item{    width: 100%;     padding: 0.5rem 0;}
.box1_info .left .icons .item .txt{    flex: 1;}
.box1_info .left .icons .item .txt .txt1 strong{font-size: 2.5rem;}
.box1_info .right{width: 96%; box-sizing: border-box;    margin-left: 2%;}
.slideBox2 .hd ul{ width: 96%; flex-wrap: wrap; height: auto; padding: 0; }
.slideBox2 .hd ul li{flex: auto; padding:0.8rem 0 0.8rem 0.5rem; box-sizing: border-box; justify-content: flex-start; width: 50%;}
.slideBox2 .hd ul li .iconfont{font-size: 1.5rem;}
.slideBox2 .hd ul li h4{font-size: 1.1rem; padding-left: 0.2em;}
.slideBox2 .bd .info h2{padding: 1.5rem 0 0 0; font-size:1.5rem;}
.slideBox2 .bd .info h3{    font-size: 2rem;}
.slideBox2 .bd .info p{font-size: 1rem; line-height: 150%; padding-top: 1rem;}
.slideBox2 .bd .info .btns{width: 50%; height: 3rem; line-height: 3rem; font-size: 1rem; margin-top: 1rem;}
.slideBox2 .bd li{    height: 320px;}
.box3{margin-top: -250px;    padding: 320px 0 1rem 0;}
.box_h2{font-size: 2rem; line-height: 4rem;}
.newsbox{ box-sizing: border-box; padding: 0 0.5rem;margin-top: 0.5rem;}
.newsbox li{width: 49.3%;}
.newsbox li .imgbox{    height: 8rem;}
.newsbox li .imgbox img{height: 8rem;padding: 0.15rem; box-sizing: border-box;}
.newsbox li p{    display: none;}
.newsbox li h2 a{font-size: 1rem; line-height: 130%;}
.newsbox li .newsbar{padding: 0.5rem; font-size: 0.8rem;}
.newsbox li .newsbar .right{    display: none;}
.news_more{padding-top: 1rem;}
.news_more .btns{width: 85%; height: 3rem; line-height: 3rem; font-size: 1rem;}
.box4info{flex-wrap: wrap; flex-direction: column;    align-items: flex-start;}
.box4info .left li{    padding: 1.5rem 0;flex-direction: column; justify-content: center;}
.box4info .left li .iconfont{font-size: 2.5rem; padding: 0; }
.box4info .left li .right{padding: 0; width: 100%; text-align: center;}
.box4info .left li .right h4{font-size: 1rem;}
.box4info .left li .right p{    font-size: 0.9rem;}
.mapbox{width: 100%; height: 320px;}
.box4{padding-bottom: 0;}
.footinfo{flex-direction: column;padding: 2rem 0;}
.footinfo .left{width: 100%; text-align: center;}
.footinfo .left img{ width:50%;}
.footinfo .left .left_p{    padding-top: 1rem;}
.footinfo .mid{width: 100%; padding-top: 1rem;}
.footinfo .mid img{    width: 35%;}
.footinfo .right{width: 100%; text-align: center;}
.footinfo .right p{text-align: center; font-size: 0.9rem;}
.newsbox li h2{padding: 0.5rem 0.5rem 0 0.5rem; font-size: 1rem; font-weight: bold; color: #333; line-height: 1.3rem;}
.nav_area{display: block;  width: 96%; position: fixed; top: 5rem; z-index: 999; left: 2%; display:none;}
.nav{ flex-direction: column;  height: auto;   padding: 0; background: #6aabdd;  box-shadow: rgba(0,0,0,0.7)0 0 1rem;  border-radius: 0.35rem;}
.nav .on h3 a::after{    display: none;}
.nav .nLi h3 a{line-height: 3rem; font-size: 1.1rem; height: 3rem;     border-bottom: #ffffff54 1px dashed;}
.nav .sub{display: none!important;}
.nav .on h3 a{    background: #4591cb;}
.nav .nLi{width: 100%;}
.nav_area .wapnavbtn{ display: block; margin: 1.5rem auto 0 auto; width: 5rem; text-align: center; font-size: 2.5rem; color: #f00; opacity: 0;}
.nav{ animation: nav 0.5s ease forwards;}
@keyframes nav{
	from{ opacity: 0.5; margin-top: 8rem;}
	to{ opacity: 1; margin-top: 0;}
}	
.wapnavbtn{animation: wapnavbtn 0.5s ease forwards; animation-delay:0.5s;}
@keyframes wapnavbtn{
	from{ opacity: 0.5;margin-top: 8rem; transform: rotate(-360deg);}
	to{opacity: 1; margin-top: 1.5; transform: rotate(360deg);}
}
.left_more{float: none; margin: 0 auto 0 auto;}
.subbanner{height: auto; border-radius: 0; margin: 0;}
.location{    margin-top: 0;}
.class .classRight .content .h1{font-size: 1.2rem; padding: 1rem 0;}
.class .classRight .content .infoTxt{ min-height: 10rem; padding: 0.5rem; width: auto;}
.class .classRight .content .infoTxt p{    padding: 0.5rem 0;font-size: 1rem;  width: auto;}
.classInfo{    flex-direction: column;}
.class .classLeft{width: 100%; box-sizing: border-box; padding: 0 0.5rem;}
.class .classRight{width: 100%; min-height: 10rem;    padding-top: 1rem;}
.class .classRight .now strong{padding: 0 1rem; font-size: 1rem; height: 3rem; line-height: 3rem;}
.class .classRight .content{margin-top: 0; padding: 0.5rem;}
.class .classLeft .classNav li{font-size: 1rem;}
.class .classLeft .classNav li a{height:3rem; line-height:3rem; padding: 0 0 0 1rem;}
.class .classRight .content li.pic_li .picleft{width: 7rem; height: 5rem}
.class .classRight .content li.pic_li .picright a{font-size: 1.1rem;  line-height: 1.5rem; max-height: none;}
.class .classRight .content li.pic_li .picright .timepic{font-size: 0.9rem; padding: 0.3rem 0;}
.class .classRight .content li.pic_li .picright p{-webkit-line-clamp: 1; font-size: 0.8rem; height: 1.3rem; line-height: 1.3rem;}
.class .classRight_pic2 .content li{width: 48%;    margin-top: 1rem;     height: auto;}
.class .classRight_pic2 .content li.pic_li .picleft{ width: 100%;height: 7rem;}
.class .classRight_pic2 .content li.pic_li .picleft img{height: auto; width: 100%;}
.class .classLeft .now{background: #f3f6f9; color: #333; border: #e5f1fd 1px solid;}
.class .classRight .content .infoTxt img{max-width: 100%;  width: auto;}
.location{line-height: 1.5rem; font-size: 0.9rem;}
.location a{line-height: 1.1rem;}
.classRight .content .items{flex-direction: column;}
.classRight .content .items .ad-gallery{width: 100%;}
#gallery{    padding: 0!important;}
.content .items .right{margin: 0; padding: 1rem 0 0 0}
.ad-gallery .ad-forward{right: 0!important;}
.ad-gallery .ad-back{left: 0!important;}
.ad-gallery .ad-nav .ad-thumbs{padding: 0 2rem;box-sizing: border-box;}
DIV.flickr{height: auto!important;}
DIV.flickr A{margin-top: 0.5rem!important; display: inline-block!important;}
.class .classRight .content li.pic_li .picleft img{ height:auto;}


	
}