#banner , #banner .item { position: relative; background: #fff; z-index: 100; }

#banner .item a { position: absolute; width: 100%; height: 100%; background: rgb(31 31 31 / .3); top: 0; left: 0; z-index: 2; }
#banner .info {position: absolute;width: calc(100% - 20vw);bottom: 20vh;left: 12vw;z-index: 3;}
#banner .info h3 {display: block;line-height: 110%;font-size: max(4.5 * (1vw + 1vh) / 2, 35px);font-weight: 700;color: #fff;font-family: "Open Sans", sans-serif;word-spacing: 100vw;line-height: 1.4;}
#banner .info p {margin-top: 10px;font-weight: 100;color: #fff;font-size: max(2 * (1vw + 1vh) / 2, 18px);margin-left: 30px;letter-spacing: 7px;}
#banner .img {position: relative;width: 100vw;height: 95vh;background: no-repeat 50% / cover;}
#banner .img img , #banner .img video , #banner .img iframe {position: absolute;width: 100vw;height: auto;left: 0;top: 0;}
#banner .slick-active .img { -webkit-transform: scale(1); transform: scale(1); animation: banerBg 6s infinite linear; -webkit-animation: banerBg 6s infinite linear; }

/* scrolldown */
#scrolldown {position: absolute;padding: 20px 30px 20px 40px;font-weight: 300;font-size: 14px;color: #fff;white-space: nowrap;bottom: -20px;left: 60px;font-family: "Open Sans", sans-serif;background: #36312a;}
#scrolldown span{width:37px;display: inline-flex;aspect-ratio: 3 / 3;border: 1px solid rgb(255 255 255 / 20%);border-radius: 50%;align-items: center;justify-content: center;margin-left: 90px;position: relative;}
#scrolldown span:after{content:'';width: 6px;height: 6px;background: var(--white);border-radius: 50%;}
#scrolldown:hover span:after{width:12px;height:12px;}

@media screen and (max-width:1024px) {
    #banner .img img, #banner .img video, #banner .img iframe{width:auto;height:100%;}
}
@media screen and (max-width:768px) {
    #banner .img img, #banner .img video, #banner .img iframe{left: -45vw;}
    #scrolldown{display:none;}
    #banner .img{height: 85vh;}
    #banner .info{bottom: 10vh;left: 10vw;}
}
@media screen and (max-width:640px) {
    #banner .img img, #banner .img video, #banner .img iframe{left: -85vw;}
    #banner .img{height: 70vh;}}
}