.ba-slider1 {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
}

.ba-slider {
    position: absolute;
    left: 22rem;
    width: 26.9375rem;
    height: 20rem;
    bottom: 2rem;
}

.wupinshan_img {
    width: 26.9375rem !important;
}

.ba-slider1 img,
.ba-slider img {
    width: 100%;
    display: block;
    max-width: none;
    height: 100%;
    object-fit: cover;
}

.ba-slider1 .resize,
.ba-slider .resize {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    overflow: hidden
}

.ba-slider1 .handle,
.ba-slider .handle {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 0.25rem;
    margin-left: -0.125rem;
    display: block;
    background: rgba(255, 255, 255, .7);
    cursor: ew-resize;


}

.ba-slider1 .handle:after,
.ba-slider .handle:after {
    position: absolute;
    top: 56%;
    width: 1.875rem;
    height: 1.875rem;
    margin: -0.9375rem 0 0 -0.9375rem;
    content: '';
    border: 0.0625rem solid #eee;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(/assets/addons/cms/frontend/img/y17.png) center center no-repeat;
    background-size: 100% 100%;
    border-radius: 50%;
    transition: all .3s ease;
    transform: scale(1);
    z-index: 5;
}

.ba-slider1 .handle.ba-draggable:after,
.ba-slider .handle.ba-draggable:after {
    transform: scale(.8)
}

@media (max-width: 1600px) {
    .ba-slider {
        left: 18rem;
        width: 24.9375rem;
        height: 18.75rem;
        bottom: 3rem;
    }

    .wupinshan_img {
        width: 24.9375rem !important;
    }

    .wupinshan_img1 {
        width: 59.0625rem !important;
    }
}

@media (max-width: 1280px) {
    .ba-slider {
        left: 18.5rem;
    }

    .wupinshan_img1 {
        width: 60.0625rem !important;
    }
}

@media (max-width: 990px) {
    .ba-slider {
        left: 31.25%;
        height: 17.5rem;
        width: 23.9375rem;
    }

    .wupinshan_img {
        width: 23.9375rem !important;
    }
}

@media (max-width: 960px) {
    .ba-slider {
        left: 30.875%;
    }
}

@media (max-width: 920px) {
    .wupinshan_img {
        width: 38.5vw !important;
    }

    .ba-slider {
        left: 24vw;
    }
}

@media (max-width: 850px) {
    .wupinshan_img {
        width: 40.2vw !important;
    }

    .ba-slider {
        left: 23vw;
    }
}

@media (max-width: 800px) {
    .wupinshan_img {
        width: 41.75vw !important;
    }

    .ba-slider {
        left: 22vw;
    }
}


@media(max-width:767px) {
    .wupinshan_img1 {
        width: 380px !important;
    }

    .ba-slider {
        left: 32.25%;
        height: 213px;
        width: 38%;
        bottom: 11px;
    }

    .wupinshan_img {
        width: 278px !important;
    }


}

@media(max-width:750px) {


    .ba-slider {
        height: 208px;
        bottom: 16px;
        left: 31.875%;
        width: 40.5%;
    }

}

@media(max-width:735px) {
    .ba-slider {
        height: 200px;
        bottom: 21px;
        left: 32.125%;
        width: 39%;
    }

    .wupinshan_img {
        width: 266px !important;
    }
}

@media(max-width:720px) {
    .ba-slider {
        left: 32%;
    }

    .wupinshan_img {
        width: 264px !important;
    }

}

@media(max-width:700px) {
    .ba-slider {
        height: 194px;
        bottom: 26px;
        left: 32.25%;
        width: 39%;
    }

    .wupinshan_img {
        width: 254px !important;
    }
}

@media(max-width: 670px) {
    .ba-slider {
        height: 190px;
        bottom: 29px;
        left: 31.735%;
        width: 39.75%;
    }

    .wupinshan_img {
        width: 248px !important;
    }
}

@media(max-width: 630px) {
    .ba-slider {
        height: 186px;
        bottom: 31px;
        left: 30.5%;
        width: 42.25%;
    }

    .wupinshan_img {
        width: 245px !important;
    }
}


@media(max-width: 580px) {
    .ba-slider {
        height: 186px;
        bottom: 31px;
        left: 28.5%;
        width: 47.25%;
    }

    .wupinshan_img {
        width: 241px !important;
    }
}

@media(max-width: 545px) {
    .ba-slider {
        height: 186px;
        bottom: 31px;
        left: 27.5%;
        width: 49%;
    }

    .wupinshan_img {
        width: 241px !important;
    }
}

@media(max-width: 515px) {
    .ba-slider {
        height: 186px;
        bottom: 31px;
        left: 26%;
        width: 53%;
    }

    .wupinshan_img {
        width: 241px !important;
    }
}

@media (max-width:500px) {
    .ba-slider {
        left: 31.5%;
        height: 139px;
        width: 41%;
        bottom: 23px;
    }

    .wupinshan_img {
        width: 185px !important;
    }
}

@media (max-width: 470px) {
    .ba-slider {
        left: 30.5%;
        height: 139px;
        width: 43%;
        bottom: 23px;
    }

    .wupinshan_img {
        width: 180px !important;
    }
}

@media (max-width: 440px) {
    .ba-slider {
        left: 30.5%;
        height: 139px;
        width: 43%;
        bottom: 23px;
    }

    .wupinshan_img {
        width: 183px !important;
    }
}

@media (max-width: 420px) {
    .ba-slider {
        left: 28.5%;
        height: 139px;
        width: 47.5%;
        bottom: 23px;
    }

    .wupinshan_img {
        width: 183px !important;
    }
}


@media (max-width: 400px) {
    .ba-slider {
        left: 26.25%;
        height: 139px;
        width: 52%;
        bottom: 23px;
    }

    .wupinshan_img {
        width: 183px !important;
    }
}<!--ºÄʱ1779735602.8987Ãë-->