#banner_box , #banner_box .item , #banner_box .img_box {position: relative;min-width: 100vw;}
#banner .main-slider .item video , #banner .main-slider .item iframe {position: absolute;width: 120%;left: 0;top: 0px;}
#banner_box .img_box img {width: 100vw;height: 100vh;}
#banner_box .info_box , #banner_box .atag_item {position: absolute;width: 90%;bottom: 25%;left: 5%;z-index: 1;}
#banner_box .atag_item{display: none;}
.info_box h2 {font-size: 55px;color: #fff;font-weight: bold;text-shadow: 0 0 10px rgb(0 0 0 / 0.5);text-align: center;transform: translateX(-30px);opacity: 0;letter-spacing: 15px;}
.info_box p {font-size: 25px;text-shadow: 0 0 10px rgb(0 0 0 / 0.5);color: #fff;text-align: center;transform: translateX(30px);transition-delay: .5s;opacity: 0;letter-spacing: 0;font-weight: 500;}
.slick-current.slick-active .info_box h2 ,
.slick-current.slick-active .info_box p { transform: translateX(0); opacity: 1; }

#banner_box .slick-dots { bottom: 20px; }
#banner_box .slick-dots li { opacity: .2; display: inline-flex; justify-content: center; align-items: center; }
#banner_box .slick-dots li.slick-active { opacity: 1; }
#banner_box .slick-dots li button { width: 10px; height: 10px; background: var(--info); border-radius: 50%; box-shadow: 0 0 5px #fff; }
#banner_box .slick-dots li button:before { content: ""; }


@media screen and (max-width:1480px) {
    #banner .main-slider .item a {height: calc(100vh - 0vh);}
}

@media screen and (max-width:1366px) {
    #banner .main-slider .item video{right: 0px;}
}

@media screen and (max-width:1280px) {
    #banner .main-slider .item video{height: 100%;width: auto;right: 0px;left: auto;}

}