#banner,#banner .item{overflow:hidden;position:relative;background:#fff;z-index:100}
#banner *{-webkit-transition:all 0s ease-out;-moz-transition:all 0s ease-out;-ms-transition:all 0s ease-out;-o-transition:all 0s ease-out;transition:all 0s ease-out}
#banner .item a{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2}
#banner .info{position:absolute;width:100%;top:30vh;left:0;z-index:3}
#banner .info >*{-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-ms-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s}
#banner .info h3{display:block;line-height:110%;text-align:center;font-size:80px;font-weight:700;color:#fff;-webkit-transform:translateY(-30px);transform:translateY(-30px);opacity:0}
#banner .info p{margin-top:30px;text-align:center;line-height:160%;font-weight:100;font-size:25px;color:#fff;-webkit-transform:translateY(30px);transform:translateY(30px);transition-delay:.5s;opacity:0}
#banner .img{position:relative;width:100vw;height:830px;background:no-repeat 50% / cover}
#banner .img video,#banner .img iframe{position:absolute;width:100vw;top:0;left:0;height: 100%;object-fit: cover;}
#banner .slick-active .img{height:827px;}
#banner .slick-active .info >*{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
@-webkit-keyframes banerBg{0%{-webkit-transform:scale(1)}
100%{-webkit-transform:scale(1.1)}
}@keyframes banerBg{0%{transform:scale(1)}
100%{transform:scale(1.1)}
}
@media screen and (max-width:1470px){
	#banner .slick-active .img{height:585px;}
}
@media screen and (max-width:768px){
	#banner .info h3{font-size:50px}
	#banner .slick-active .img{height:400px}
	#banner .info p{font-size:20px}
}
@media screen and (max-width:480px){
	#banner .img,#banner .slick-active .img{height:343px;background-position:61% 50%;background-size:cover}
}