#banner {
    margin-top: 76px;
    height: 838px;
}
#banner .slick-slider { margin-bottom: 0; }
#banner .main-slider .item a {position: absolute;width: 100%;height: 840px;background: rgb(212 158 147 / 7%);background-size: 100% auto;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;display: none;}
.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; }
#views {
    position: relative;
}
#views video{
    position: relative;
    width: 100%;
}
#views .baScro {
    position: absolute;
    bottom: 20px;
    right: calc(50% - 25px);
}
#views .baScro a {
    display: block;
    position: relative;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    cursor: pointer;
}
#views .baScro a b{display:block;}
@media screen and (max-width:1440px){

    #banner .main-slider .item a{
    height: 630px;
}
}
@media screen and (max-width:1280px) {
    #banner {
    margin-top: 5px;
}
    #banner .main-slider .item{
    background-position: 58% 50%;
}
    #banner .main-slider .item a {height: 699px;}
}
@media screen and (max-width:768px) {
#banner .main-slider .item a{
    height: calc(100vh - 50vh);
}
}
@media screen and (max-width:680px) {
    #banner{
    margin-top: 48px;
    height: auto;
}
    #banner .main-slider .item .banner-txt{top: 50vh;}
    #banner .main-slider .item a{height: calc(100vh - 60vh);}
    #banner .main-slider .item{
    background-position: 80% 50%;
}
#views .baScro a b{display: none;}
#views .baScro{display: none;}
}
@media screen and (max-width:480px){
    #views video{
    width: 120%;
    left: -10%;
}
    #banner .main-slider .item{
    background-size: 316%;
    background-position: 36% 100%;
}
#banner .main-slider .item a{
    height: 500px;
}
}