.section4 {
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: relative;
        padding: 0 var(--w1600);
        padding-top: 100px;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }

    .Box4 {
        width: 1300px;
        height: 580px;
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
    }

    .Box4 .indexTitle {
        text-align: center;
    }

    .Swiper4 {
        overflow: visible;
        position: relative;
        z-index: 2;
        width: 100%;
        height: 100%;
    }

    .Swiper4 .swiper-wrapper {
        transition: 0s !important;
    }

    .Slide4 {
        overflow: visible;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        opacity: 0;
    }

    .Slide4 img {
        width: 100%;
    }

    .Slide4 h1 {
        width: 230px;
        height: 66px;
        background: var(--color);
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        color: #FFFFFF;
        margin-bottom: 30px;
        opacity: 0;
        position: relative;
    }

    .Slide4 h1::after {
        content: "";
        display: block;
        width: 20px;
        height: 10px;
        position: absolute;
        bottom: -10px;
        border-top: 10px solid var(--color);
        border-right: 10px solid #fff0;
        border-left: 10px solid #fff0;
    }

    .Slide4:hover h1 {
        opacity: 1;
    }

    .Slide4.slide_1 {
        z-index: 2;
        top: 90px;
        opacity: 1;
    }

    .Slide4.slide_2 {
        z-index: 1;
        top: 0px;
        opacity: 1;
    }

    .Slide4.slide_3 {
        z-index: 3;
        top: 150px;
        opacity: 1;
    }

    .Slide4.slide_4 {
        top: 58px;
        opacity: 1;
        z-index: 2;
    }

    .Slide4::after {
        content: "";
        display: block;
        background-size: 100% 100% !important;
        position: absolute;
        z-index: -1;
        filter: saturate(20) grayscale(1);
    }

    .Slide4:hover::after {
        filter: saturate(1) grayscale(0);
    }

    .Slide4.slide_1::after {
        width: 340px;
        height: 265px;
        background: url(/assets/images/img41.png) no-repeat;
        position: absolute;
        z-index: -1;
        top: 245px;
    }

    .Slide4.slide_2::after {
        width: 450px;
        height: 320px;
        background: url(/assets/images/img42.png) no-repeat;
        position: absolute;
        z-index: -1;
        top: 245px;
    }

    .Slide4.slide_3::after {
        width: 340px;
        height: 180px;
        background: url(/assets/images/img43.png) no-repeat;
        position: absolute;
        z-index: -1;
        top: 245px;
    }

    .Slide4.slide_4::after {
        width: 348px;
        height: 244px;
        background: url(/assets/images/img44.png) no-repeat;
        position: absolute;
        z-index: -1;
        top: 245px;
    }

    .anniu4 {
        width: 100%;
        position: absolute;
        z-index: 2;
        display: flex;
        justify-content: space-between;
        padding: 0 var(--w1600);
    }

    @media (max-width: 1600px) {
        .Box4 {
            width: 1200px;
            height: 500px;
        }

        .Slide4.slide_1 {
            top: 60px;
        }

        .Slide4.slide_3 {
            top: 90px;
        }

        .Slide4.slide_4 {
            top: 30px;
        }

        .Slide4.slide_1::after {
            width: 300px;
            height: 200px;
            top: 230px;
        }

        .Slide4.slide_2::after {
            width: 410px;
            height: 240px;
            top: 215px;
        }

        .Slide4.slide_3::after {
            width: 300px;
            height: 160px;
            top: 245px;
        }

        .Slide4.slide_4::after {
            width: 340px;
            height: 200px;
            top: 245px;
        }
    }

    @media (max-width: 1440px) {
        .anniu4 img {
            width: 45px;
        }

        .Box4 {
            width: 1000px;
            height: 400px;
        }

        .Slide4.slide_1 {
            top: 30px;
        }

        .Slide4.slide_3 {
            top: 20px;
        }

        .Slide4.slide_4 {
            top: 0px;
        }

        .Slide4.slide_1::after {
            width: 260px;
            height: 140px;
            top: 230px;
        }

        .Slide4.slide_2::after {
            width: 310px;
            height: 150px;
            top: 215px;
        }

        .Slide4.slide_3::after {
            width: 260px;
            height: 140px;
            top: 225px;
        }

        .Slide4.slide_4::after {
            width: 260px;
            height: 140px;
            top: 220px;
        }
    }

    @media (max-width: 1200px) {
        .section4 {
            padding-top: 90px;
            padding-bottom: 90px;
        }

        .Box4 {
            width: 100%;
            height: auto;
            padding: 0 50px;
        }

        .Slide4 h1 {
            width: 200px;
            height: 45px;
            font-size: 14px;
            margin-bottom: 15px;
        }

        .Slide4::after {
            margin-top: -15px;
            position: unset !important;
        }

        .Slide4.slide_1::after {
            width: 20vw;
            height: 10vw;
        }

        .Slide4.slide_2::after {
            width: 25vw;
            height: 10vw;
        }

        .Slide4.slide_3::after {
            width: 20vw;
            height: 12vw;
        }

        .Slide4.slide_4::after {
            width: 25vw;
            height: 10vw;
        }
    }

    @media (max-width: 720px) {
        .section4 {
            padding-top: 60px;
            padding-bottom: 60px;
        }

        .Swiper4 {
            margin-top: 30px;
        }

        .Slide4 {
            opacity: 0 !important;
        }

        .Slide4.slide_1 {
            top: 0;
            opacity: 1 !important;
        }

        .Slide4.slide_2 {
            top: 0;
            opacity: 1 !important;
        }

        .Slide4.slide_1::after {
            width: 90%;
            height: 12vw;
        }

        .Slide4.slide_2::after {
            width: 90%;
            height: 12vw;
        }


    }

    @media (max-width: 460px) {
        .Box4 {
            padding: 0;
        }

        .Swiper4 {
            margin-top: 15px;
        }

        .Slide4 h1 {
            margin-bottom: 0;
        }
    }