.section4 {
        position: relative;
    }

    .Box4 {
        position: relative;
        display: flex;
        flex-wrap: wrap;
    }


    .Box4 .lt4 {
        position: relative;
        padding-top: 120px;
        padding-bottom: 90px;
        width: 50%;
        padding-left: var(--container);
        padding-right: var(--container);
    }

    .lt4::after {
        content: "";
        display: block;
        width: 10vw;
        height: 10vw;
        background: url(/assets/images/box2.png) no-repeat;
        background-size: contain;
        position: absolute;
        z-index: 0;
        left: 0;
        top: 0;
    }

    .box4Item {
        padding: 120px 0;
    }

    .item4 {
        display: none;
    }

    .item4.cur {
        display: block;
    }

    .item4 h1 {
        font-weight: 700;
        font-size: 60px;
        line-height: 1;
        color: #101010;
    }

    .item4 h1 b {
        color: var(--color);
    }

    .item4 h2 {
        margin-top: 10px;
        font-size: 24px;
        line-height: 1;
        text-transform: uppercase;
        color: #686868;
    }

    .item4 h3 {
        font-weight: 500;
        font-size: 20px;
        line-height: 1;
        padding-top: 60px;
        padding-bottom: 15px;
        margin-bottom: 15px;
        color: #393939;
        position: relative;
    }

    .item4 h3::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background: repeating-linear-gradient(to right, #A5A5A5, #A5A5A5 10px, transparent 10px, transparent 15px);
    }

    .item4 .desc {
        font-weight: 500;
        font-size: 16px;
        line-height: 1.5;
        color: #9B9B9B;
        margin-bottom: 50px;
    }

    .item4 span {
        font-weight: 500;
        font-size: 20px;
        line-height: 1;
        color: #585858;
        display: flex;
        align-items: center;
    }

    .item4 span img {
        width: 46px;
        height: 46px;
        background: var(--color);
        border-radius: 50%;
        padding: 12px;
        margin-right: 20px;
    }

    .box4list {
        display: flex;
        justify-content: space-between;
    }

    .box4list h1 {
        font-size: 20px;
        line-height: 1;
        color: #434343;
        position: relative;
        display: flex;
        justify-content: center;
        transition: 0.5s;
    }

    .box4list h1::after {
        content: "";
        display: block;
        width: 22px;
        height: 4px;
        background: var(--color);
        position: absolute;
        bottom: -20px;
        opacity: 0;
        transition: 0.5s;
    }

    .box4list h1.cur {
        color: var(--color);
    }

    .box4list h1.cur::after {
        opacity: 1;
    }

    .rt4 {
        width: 50%;
        background: url(/assets/images/images2.png) no-repeat center;
        background-size: cover;
        position: relative;
        overflow: hidden;
    }

    .rt4 .img4 {
        position: absolute;
        opacity: 0;
        transition: 1s;
        width: 40%;
        left: 50%;
        top: 100%;
    }

    .rt4 .img4 img {
        width: 100%;
    }

    .rt4 .img4::after {
        content: "";
        display: block;
        width: 100%;
        height: 60px;
        background: url(https://ss-res.oss-cn-hangzhou.aliyuncs.com/site_res/224/20240531154546_ReUYSTUW.png) no-repeat top;
        background-size: contain;
    }

    .rt4 .img4 p {
        font-family: 'Impact';
        font-size: 80px;
        line-height: 50px;
        color: #414141;
        border-right: 4px solid var(--color);
        padding-right: 15px;
        position: absolute;
        right: 0;
        bottom: 0;
        opacity: 0;
        transition: 1s;
    }

    .rt4 .img4.cur p {
        opacity: 1;
    }

    .rt4 .img4.cur0 {
        opacity: 1;
        left: -50%;
        top: 60%;
        transform: scale(1.2);
    }

    .rt4 .img4.cur {
        opacity: 1;
        left: 10%;
        top: 35%;
        transform: scale(1);
    }

    .rt4 .img4.cur1 {
        opacity: 1;
        left: 60%;
        top: 30%;
        transform: scale(0.75);
    }

    .rt4 .img4.cur2 {
        opacity: 1;
        left: 100%;
        top: 37%;
        transform: scale(0.5);
    }

    @media (max-width: 1440px) {
        .box4Item {
            padding: 60px 0;
        }

        .Box4 .lt4 {
            padding-top: 90px;
        }

        .rt4 .img4.cur {
            top: 38%;
        }

        .rt4 .img4.cur1 {
            top: 30%;
        }

        .rt4 .img4 p {
            font-size: 64px;
        }
    }

    @media (max-width: 1200px) {
        .Box4 {
            background: #f4f4f4;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
        }

        .Box4 .lt4 {
            background: #fff;
        }

        .rt4 {
            width: 50%;
            height: 50vw;
        }

        .item4 h1 {
            font-size: 38px;
        }

        .item4 h3 {
            padding-top: 30px;
        }

        .item4 .desc {
            font-weight: 500;
            font-size: 16px;
            line-height: 1.5;
            color: #9B9B9B;
            margin-bottom: 30px;
        }
    }

    @media (max-width: 800px) {
        .Box4 .lt4 {
            width: 100%;
        }

        .rt4 {
            background: url(/assets/images/images2.png) no-repeat bottom;
            background-size: 100%;
            width: 100%;
            height: 60vw;
        }

        .rt4 .img4.cur {
            top: 8%;
            left: 5%;
        }

        .rt4 .img4.cur1 {
            top: -8%;
            left: 56%;
        }

        .rt4 .img4 {
            width: 35%;
        }

        .rt4 .img4 p {
            font-size: 42px;
            line-height: 20px;
        }

        .lt4::after {
            width: 25vw;
            height: 120px;
        }
    }

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

        .item4 h1 {
            font-weight: 500;
            font-size: 28px;
        }

        .item4 h2 {
            font-size: 18px;
        }

        .item4 h3 {
            font-weight: 400;
            font-size: 16px;
            padding-top: 20px;
            padding-bottom: 15px;
        }

        .box4list {
            display: flex;
            flex-wrap: wrap;
            gap: 20px 0;
        }

        .box4list h1 {
            width: 50%;
            font-size: 18px;
        }

        .Box4 .lt4 {
            padding-bottom: 30px;
        }

        .box4list h1 {
            padding-bottom: 20px;
        }

        .box4list h1::after {
            bottom: 0;
        }
    }