@media screen and (max-width: 1700px) and (min-width:0px) {
    .box6 .left {
        padding-left: calc((100vw - 1440px) / 2 + 15px);
    }

    .box6 .left {
        width: 30%;
    }

    .box6 .box6right {
        width: 70%;
    }

    .box5Swiper .swiper-slide .text h2 {
        max-width: 200px;
    }
}

@media screen and (max-width: 1470px) and (min-width:0px) {}

@media screen and (max-width: 1440px) and (min-width:0px) {
    section .title h1 {
        font-size: 28px;
    }

    .box6 .left {
        padding-left: 3vw;
    }

    .box5 .title {
        width: 27%;
    }

    .box5 .Box5Img {
        width: 23%;
    }

    .box5Swiper {
        width: 50%;
        height: 600px;
    }

    .box5Swiper .swiper-slide {
        padding-left: 110px;
    }

    .box5 .Box5Img img {
        margin: 0;
        width: 100%;
    }

    .box5 .title p {
        margin: 0;
        color: #636363;
        font-size: 14px;
        line-height: 2;
    }

    .box5Swiper .swiper-slide .text span {
        font-size: 24px;
    }

    .box5Swiper .swiper-slide .text h1 {
        margin: 0 30px 0 15px;
    }

    .box5Swiper .swiper-slide .text h2 {
        max-width: 180px;
    }

    .box5Swiper .swiper-slide img {
        width: 100%;
        left: 0;
        right: auto;
    }

    .box5Swiper::after {
        top: -90px;
    }
}