/* Box1 */
.section1 {
    padding: 0 !important;
    /* 新增全屏设置 */
    position: relative;
    width: 100vw;
    height: 100vh; /* 基础视窗高度 */
    overflow: hidden;
}

.bannerBox {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    /* 新增全屏保障 */
    min-height: 100%;
}

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

.bannerBox video,
.bannerBox .bj {
    /* 修改定位方式 */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    /* 修正显示属性 */
   /* display: block !important;  强制显示图片 */
}
.media_phone bj
{display:none!important}
/* 移动端特殊处理 */
@media (max-width: 720px) {
    .section1 {
        height: 100dvh; /* 使用动态视窗高度 */
        margin-top: 0 !important; /* 移除顶部间距 */
    }
    
    .bannerBox .bj {
        object-position: center center; /* 确保居中显示 */
    }
    .media_phone bj
{display:none!important}
    
    /* 其他移动端样式保持原有 */
}

/* 其他原有样式保持不变... */

    .bannerSwiper .pagination1 {
        bottom: 3vw;
    }

    .bannerSwiper .pagination1 span {
        width: 50px;
        height: 8px;
        opacity: 1;
        margin: 0 5px !important;
        background: #fff;
        border-radius: 0;
        transition: 1s;
        transform: skew(-20deg, 0deg);
    }

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



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

        .bannerBox .text h1 {
            font-size: 32px;
        }

        .bannerBox .text p {
            font-size: 18px;
        }

    }

    @media (max-width: 720px) {
        .bannerBox .text h1 {
            font-size: 24px;
        }

        .bannerBox .text p {
            width: 100%;
            font-size: 16px;
        }
    }

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

    .videoBanner {
        display: none;
    }

    .bannerBox .AMore1 {
        display: none;
    }

    @media (max-width: 720px) {
        .bannerBox .AMore1 {
            font-size: 14px;
            color: #fff;
            border-radius: 45px;
            width: 140px;
            height: 45px;
            margin-top: 45px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: var(--color);
        }

        .bannerBox .video1 {
            display: none;
        }

        .videoBanner.cur {
            padding: 5vw;
            display: block;
            width: 100vw;
            height: 100vh;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 999;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background: #00000099;
        }

        .video2 {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
        }

        .gb1 {
            width: 30px;
            background: #fff;
            padding: 5px;
            margin-top: 30px;
        }
    }

    @keyframes animation1 {
        from {
            top: 0;
        }


        100% {
            top: 10px;
        }
    }