/* Box1 */
    .section1 {
        position: relative;
        z-index: 1;
        padding: 0;
    }

    .bannerBox,
    .bannerSwiper,
    .bannerSlide {
        overflow: hidden;
        width: 100%;
        position: relative;
        z-index: 2;
    }


    .bannerSlide .bj {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: relative;
        z-index: 3;
    }

    .bannerSwiper .pagination1 {
        bottom: 3vw;
    }

    .bannerSwiper .pagination1 span {
        width: 30px;
        height: 5px;
        opacity: 1;
        margin: 0 5px !important;
        background: #fff;
        border-radius: 0;
        transition: 1s;
    }

    .bannerSwiper .pagination1 span.swiper-pagination-bullet-active {
        width: 60px;
        background: var(--color);
        opacity: 1;
    }

    @media (max-width: 1440px) {}

    @media (max-width: 1200px) {
        .section1 {
            margin-top: 60px;
        }
    }

    @media (max-width: 720px) {}

    @media (max-width: 460px) {}