/* Box1 */
    .section1 {
        margin-top: 100px;
        padding: 0 !important;
    }

    .bannerBox {
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 1;
    }

    .bannerSwiper {
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 2;
    }

    .bannerBox .bj {
        width: 100%;
        height: 100%;
        position: relative;
        object-fit: cover;
        z-index: 1;
        display: none;
    }

    .pagination1 {
        bottom: 30px !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .pagination1 span {
        width: 20px;
        height: 20px;
        opacity: 1;
        margin: 0 5px !important;
        background: #fff0;
        border: 2px solid #fff0;
        transition: 1s;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .pagination1 span::after {
        content: "";
        display: block;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #fff;
        position: absolute;
    }

    .pagination1 span.swiper-pagination-bullet-active {
        border: 2px solid #fff;
    }

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

    @media (max-width: 720px) {
        .pagination1 {
            bottom: 10px !important;
        }
    }

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