/* box2 */
    .section2 {
        position: relative;
        padding: 0;
        width: 100%;
        height: 100%;
    }

    .Swiper2 {
        width: 100%;
        height: 100%;
    }

    .Slide2 {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
        z-index: 1;
    }

    .text2 {
        position: absolute;
        z-index: 2;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
        grid-gap: 60px;
        padding: 0 var(--container);
        padding-top: 90px;
    }

    .text2 .indexTitle h1 {
        color: var(--color);
    }


    .bj2 {
        position: relative;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    @media (max-width: 1200px) {
        .text2 {
            grid-gap: 30px;
            padding: 0 var(--container);
        }
    }

    @media (max-width: 720px) {
        .text2 {
            grid-gap: 30px;
            padding: 45px var(--container);
            display: flex;
            justify-content: flex-start;
        }

        .text2 .indexTitle h1 {
            font-size: 24px;
            color: var(--color);
        }

        .bj2 {
            height: 300px;
        }
    }

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

    @media (max-width: 380px) {
        .text2 a.indexMore {
            width: 145px;
            height: 40px;
            font-size: 14px;
        }
    }