@charset "utf-8";

.maxWrap {max-width: 1300px; margin: 0 auto; padding: 0; text-align: center;}

#visit-nav {width: 100%; border-top: 5px solid #019ead;}
#visit-nav .visit-nav-item {width: 50%; display:block; float:left; height: 4em; color: #4f4f4f; line-height: 4em; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; background: rgba(74, 208, 202, 0.05); box-sizing: border-box; padding: 0 1em; font-size: 1.2em; white-space: nowrap; text-overflow: ellipsis;overflow: hidden; transition: all .3s ease;}
#visit-nav .visit-nav-item:nth-child(1) {border-left: 0;}
#visit-nav .visit-nav-item:hover {background: #b7e4e9;}
#visit-nav .visit-nav-item.on {background: #019ead; color:#fff; font-weight: bold; border-color: #fff;}
#visit-nav .visit-nav-item b {font-size: 1.7em; font-weight: bold; display: inline-block; margin-right: 8px; transition: all .3s ease;}

#visit ul{padding:0; margin:0; list-style:none;}
#visit section{position:relative; overflow:hidden; background:#fff; padding:0; }
#visit section dl dd{text-align:center ; height:auto;  }
#visit section dl dd p{position:absolute; top:0; left:0; background:rgba(0,0,0,.4); color:#FFF; padding:15px 30px; z-index:3; font-size:1.1em; font-weight: bold; transition-duration: 0.5s; opacity:0;}
#visit section:hover dl dd p{opacity:1;}
#visit section .swiper-zoom-container {height:auto;}
#visit section .swiper-zoom-container img {width:100%;}
#visit section .controll{ position:absolute; top:50%; left:0; right:0; z-index:3;}
#visit section .controll button{ background:transparent; position:absolute; top:calc(50% - 30px); width:67px; height:80px; margin: 0 5px; background:rgba(0,0,0,.4); border:0;}
#visit section .controll button.prev{left:0}
#visit section .controll button.next{right:0}
#visit section .controll button.swiper-button-disabled{background:rgba(0,0,0,.2);}
#visit section .controll button:after{position:absolute; width:25px; height:25px; border-style:solid;  border-width:1px; content:"";}
#visit section .controll button.prev:after{left:23px; border-color:#FFF transparent transparent #FFF; transform-origin:left top;-ms-transform-origin:left top;-webkit-transform-origin:left top;-moz-transform-origin:left top;-o-transform-origin:left top;  }
#visit section .controll button.prev:after{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
#visit section .controll button.next:after{right:23px; border-color:#FFF #FFF transparent transparent ;  transform-origin:right top;-ms-transform-origin:right top;-webkit-transform-origin:right top;-moz-transform-origin:right top;-o-transform-origin:right top;  }
#visit section .controll button.next:after{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
#visit aside{position:relative; overflow:hidden;  margin-top:20px; padding-bottom: 30px;}
#visit aside dd{position:relative;  cursor:pointer;}
#visit aside dd img{width:100%; height:auto; }
#visit aside dd div{ padding-top:0%; background-position:center; background-size:cover; }
#visit aside dd:after{transition-duration: 0.5s;}
#visit aside dd.swiper-slide:after{position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.3); content:"";}
#visit aside dd.swiper-slide-thumb-active:after{ background:rgba(0,0,0,0); }
#visit aside dl dd p { display:block; position: absolute; top: 100%; padding: 0.3em;}
#visit aside dd.swiper-slide-thumb-active p {font-weight: bold;}

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

}

@media screen and (max-width: 1024px) {
	#visit-nav .visit-nav-item {font-size: 1.2em;}
	#visit-nav .visit-nav-item b {font-size: 1.7em;}
}

@media screen and (max-width: 900px) {
	#visit-nav .visit-nav-item {font-size: 1.1em;}
	#visit-nav .visit-nav-item b {font-size: 1.6em;}
}

@media screen and (max-width: 640px) {
	#visit-nav .visit-nav-item {font-size: 1em;}
	#visit-nav .visit-nav-item b {font-size: 1.5em;}
	
	#visit section .controll{ display:block;}
	#visit section dl dd{text-align:center ; height:auto;  }
	#visit section .controll button{width:30px; height:30px; background:rgba(0,0,0,.3);}
	#visit section .controll button.prev{left:-5px;}
	#visit section .controll button.next{right:-5px;}
	#visit section .controll button:after{width:10px; height:10px; border-width:1px;}
	#visit section .controll button.prev:after{left:10px;}
	#visit section .controll button.next:after{right:10px;}
	#visit section dl dd p {opacity: 1;}
	#visit section dl dd p {padding:10px 20px; font-size:1em;}
	#visit aside dl dd p { font-size: .8em;}
}

@media screen and (max-width: 480px) {
	#visit-nav .visit-nav-item {font-size: 0.9em;}
	#visit-nav .visit-nav-item b {font-size: 1.4em;}


}