.banner {
    position: relative;
    width: 1200px;
    padding-top: 25.1%;
    z-index: 5;
    max-width: 1200px;
    margin: 0 auto;
}

 .vsCarousel {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    top: 0;
    left: 0;
    overflow: visible;
}

.vsCarousel .wraper {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.vsCarousel .vsCarousel-button-next {
    right: -60px;
    background: none;
}

.vsCarousel .vsCarousel-button-prev {
    left: -60px;
    background: none;
}

.vsCarousel-box {
    width: 100%;
}

.vsCarousel-box a {
    width: 100%;
    height: 100%;
    /* display:block; */
}

.vsCarousel-box a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;

}


@media screen and (max-width: 800px) {
    .banner {
        padding: 0 15px ;
        width:100%;
        overflow: hidden;
    }
    .banner .container{
        padding-top: 43.5%;
        width:100%;
        position: relative;
        overflow: hidden;
    }

    #vsCarousel1 {}

}