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

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

    .bannerSlide {
        height: auto;
    }

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

    .bannerBox .text {
        position: absolute;
        z-index: 2;
        inset: 0;
        width: 100%;
        height: 100%;
    }

    .bannerBox .text a {
        position: absolute;
        display: block;
        width: 5.5vw;
        height: 2.8vw;
        border-radius: 50px;
        border: 3px solid #6CE5FF;
        background: linear-gradient(90deg, #61B6E6 0%, rgba(100, 185, 232, 0) 176.8%);
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        transition: 0.5s;
        transform: translate(-50%, -50%);
    }

    .bannerBox .text a:hover {
        width: 175px;
    }

    .bannerBox .text a p {
        font-weight: 700;
        font-size: 16px;
        color: #FFFFFF;
        display: none;
    }

    .bannerBox .text a:hover p {
        display: block;
    }

    .bannerBox .text a::before {
        content: "";
        display: block;
        width: 26px;
        height: 26px;
        background: url(/assets/images/more1.png) no-repeat center;
        background-size: 100% 100%;
    }

    .bannerBox .text a::after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 50px;
        background: #6CE5FF;
        position: absolute;
        z-index: -1;
        animation: animation1 2s infinite;
        filter: blur(1px);
    }

    .prev1 {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 1px solid var(--color);
        z-index: 2;
        left: 15px;
        background: #ffffff80;
    }

    .next1 {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 1px solid var(--color);
        z-index: 2;
        right: 15px;
        background: #ffffff80;
    }

    .next1 i,
    .prev1 i {
        color: var(--color);
    }

    .next1.swiper-button-next:after,
    .prev1.swiper-button-prev:after {
        display: none;
    }

    .bannerSwiper .pagination1 {
        bottom: 30px;
    }

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

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

    @media (max-width: 1500px) {
        .bannerBox .text a {
            width: 7vw;
            height: 4vw;
        }
    }

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

        .bannerBox .text a {
            width: 9vw;
            height: 4.5vw;
            border: 0px;
        }

        .bannerBox .text a:hover {
            width: 9vw;
        }

        .bannerBox .text a::before {
            content: "";
            display: block;
            width: 90%;
            height: 70%;
            background: url(/assets/images/more1.png) no-repeat center;
            background-size: contain;
        }

        .bannerBox .text a p {
            display: none !important;
        }
    }

    @media (max-width: 720px) {
        .prev1 {
            width: 20px;
            height: 40px;
        }

        .next1 {
            width: 20px;
            height: 40px;
        }

        .next1.swiper-button-next:after,
        .prev1.swiper-button-prev:after {
            font-size: 16px;
        }
    }

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

    @keyframes animation1 {
        0% {
            transform: scale(1);
            opacity: 0;
        }


        50% {
            opacity: 0.5;
        }

        100% {
            transform: scale(1.5);
            opacity: 0;
        }
    }