#banner {position: relative;top: 0;width: 95vw;margin: 0 auto;}
#banner .slick-slider { margin-bottom: 0; }
#banner .main-slider .item { background-position: 14%}
#banner .main-slider .item a {position: relative;height: 40vw;display: block;z-index: 2;}
#banner .main-slider .item .banner-txt {position: absolute;width: 400px;top: 47vh;left: calc((100% / 2) - 200px);z-index: 1;}
.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:1280px){
    #banner{width: 100%;top: 60px;}
}
@media screen and (max-width:680px) {
    #banner .main-slider .item {background-position: 14%;}
    #banner .main-slider .item a { height: 55vh}
    #banner .main-slider .item .banner-txt{top: 50vh;}
}