#banner {position: relative;width: 100%;margin: 0 auto;left: 0;z-index: 990;margin-top: 200px;}
#banner , #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 .slick-slider { margin-bottom: 0; }
#banner .main-slider .item { position: relative; }
#banner .main-slider .item a {position: relative;width: 100%;aspect-ratio: 1920/1076;background: rgb(212 158 147 / 7%);background-size: 100% auto;display: block;z-index: 2;}
#banner .main-slider .item .banner-txt { position: absolute; width: 500px; top: 46vh; left: calc((100% / 2) - 250px); z-index: 1; max-width: 100%; }
#banner .main-slider .item video, #banner .main-slider .item iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.banner-txt h2 { font-size: 42px; color: #fff; font-weight: bold; text-shadow: 0 0 10px rgb(0 0 0 / 0.5); text-align: center; transform: translateX(-30px); opacity: 0; }
.banner-txt p { font-size: 18px; text-shadow: 0 0 10px rgb(0 0 0 / 0.5); color: #fff; text-align: center; transform: translateX(30px); transition-delay: .5s; opacity: 0; }
.slick-current.slick-active .banner-txt h2, .slick-current.slick-active .banner-txt p { transform: translateX(0); opacity: 1; }

@media screen and (max-width:1470px){
	#banner{margin-top: 120px;}
	#banner .main-slider .item a{aspect-ratio: 5/2;}
}
@media screen and (max-width:1280px) {
	#banner .main-slider .item a {aspect-ratio: 21 / 9;}
}
@media screen and (max-width:980px){
    #banner{margin-top: 95px;}
    #banner .main-slider .item a {aspect-ratio: 21 /12;}
}
@media screen and (max-width:680px) {
	#banner .main-slider .item .banner-txt { top: 50vh; left: 0; }
}