.home .section1 .dt {

    margin: 6.25vw 10.41667vw;

    margin-bottom: 4.16667vw

}



.home .section1 .dt .p1 {

    color: #000;

    font-size: 1.66667vw;

    line-height: 1

}



.home .section1 .dt .p2 {

    color: #000;

    font-size: .83333vw;

    line-height: 2;

    margin-top: 1.04167vw

}



.home .section1 .cases {

    margin: 3.125vw 10.41667vw;

    position: relative

}



.home .section1 .cases .swiper0 {

    width: 100%

}



.home .section1 .cases .swiper0 a {

    display: block;

    position: relative

}



.home .section1 .cases .swiper0 a::before {

    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.3) 100%);

    content: '';

    display: none;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%

}



.home .section1 .cases .swiper0 a img {

    width: 100%;

    display: block;

    object-fit: cover;

    height: 36.45833vw

}



.home .section1 .cases .swiper0 a p {

    position: absolute;

    left: 2.08333vw;

    bottom: 2.08333vw;

    color: #FFF;

    font-size: 1.25vw

}



.home .section1 .cases .prev {

    position: absolute;

    left: -6.25vw;

    top: 50%;

    transform: translateY(-50%);

    width: 3.38542vw;

    height: 3.38542vw;

    border-radius: 1.69271vw;

    background: #fff;

    box-shadow: 0px 1px 2px 0px rgba(54, 64, 67, 0.3), 0px 1px 3px 1px rgba(54, 64, 67, 0.3);

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 10;

    cursor: pointer

}



.home .section1 .cases .prev svg {

    display: block;

    width: 1.875vw

}



.home .section1 .cases .next {

    position: absolute;

    right: -6.25vw;

    top: 50%;

    transform: translateY(-50%);

    width: 3.38542vw;

    height: 3.38542vw;

    border-radius: 1.69271vw;

    background: #fff;

    box-shadow: 0px 1px 2px 0px rgba(54, 64, 67, 0.3), 0px 1px 3px 1px rgba(54, 64, 67, 0.3);

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 10;

    cursor: pointer

}



.home .section1 .cases .next svg {

    display: block;

    width: 1.875vw

}



.home .section2 .dt {

    margin: 6.25vw 10.41667vw;

    margin-bottom: 4.16667vw

}



.home .section2 .dt .p1 {

    color: #000;

    font-size: 1.66667vw;

    line-height: 1

}



.home .section2 .dt .p2 {

    color: #000;

    font-size: .83333vw;

    line-height: 2;

    margin-top: 1.04167vw

}



.home .section2 .boxes {

    position: relative

}



.home .section2 .boxes .content {

    width: 100%;

    position: relative;

    overflow: hidden

}



.home .section2 .boxes .content:after {

    background-image: -webkit-linear-gradient(right, #fff 20%, rgba(235, 237, 240, 0));

    content: "";

    height: 120%;

    position: absolute;

    right: 0;

    top: 0;

    width: 15.625vw;

    z-index: 2

}



.home .section2 .boxes .content:before {

    background-image: -webkit-linear-gradient(right, #fff 20%, rgba(235, 237, 240, 0));

    content: "";

    height: 120%;

    position: absolute;

    left: 0;

    top: 0;

    width: 15.625vw;

    z-index: 2;

    transform: rotate(180deg)

}



.home .section2 .boxes .content .swiper1 {

    width: 100%

}



.home .section2 .boxes .content .swiper1 .swiper-slide .item {

    display: block;

    cursor: pointer;

}



.home .section2 .boxes .content .swiper1 .swiper-slide .item .pic {

    text-align: center

}



.home .section2 .boxes .content .swiper1 .swiper-slide .item .pic img {

    width: 100%;

    object-fit: cover

}



.home .section2 .boxes .content .swiper1 .swiper-slide .item .text {

    margin: 1.66667vw 0 0 0;

    opacity: 0;

    transition: all 600ms;

    transform: translateY(1.5625vw)

}



.home .section2 .boxes .content .swiper1 .swiper-slide .item .text .tag {

    color: #000;

    font-size: 1.25vw;

    margin-bottom: 1.04167vw

}



.home .section2 .boxes .content .swiper1 .swiper-slide .item .text .des {

    color: #666;

    font-size: .83333vw;

    width: 39.63542vw;

    line-height: 1.625

}



.home .section2 .boxes .content .swiper1 .swiper-slide-active .item .text {

    opacity: 1;

    transform: translateY(0)

}



.home .section2 .boxes .content .prev {

    position: absolute;

    left: 10.83333vw;

    top: 40%;

    transform: translateY(-50%);

    width: 3.38542vw;

    height: 3.38542vw;

    border-radius: 1.69271vw;

    background: rgba(255, 255, 255, 0.4);

    box-shadow: 0px 1px 2px 0px rgba(54, 64, 67, 0.3), 0px 1px 3px 1px rgba(54, 64, 67, 0.3);

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 10;

    cursor: pointer

}



.home .section2 .boxes .content .prev svg {

    display: block;

    width: 1.875vw

}



.home .section2 .boxes .content .next {

    position: absolute;

    right: 10.83333vw;

       top: 40%;

    transform: translateY(-50%);

    width: 3.38542vw;

    height: 3.38542vw;

    border-radius: 1.69271vw;

    background: rgba(255, 255, 255, 0.4);

    box-shadow: 0px 1px 2px 0px rgba(54, 64, 67, 0.3), 0px 1px 3px 1px rgba(54, 64, 67, 0.3);

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 10;

    cursor: pointer

}



.home .section2 .boxes .content .next svg {

    display: block;

    width: 1.875vw

}



.home .section3 {

    margin: 6.40625vw 10.41667vw

}



.home .section3 .types {

    display: flex;

    justify-content: center

}



.home .section3 .types .item {

    border: 1px solid #B5B4B2;

    color: rgba(0, 0, 0, 0.7);

    font-size: 1.04167vw;

    padding: .9375vw 4.84375vw;

    cursor: pointer;

    transition: all 600ms

}



.home .section3 .types .on {

    background: #FB0000;

    border-color: #FB0000;

    color: white

}



.home .section3 .wrap2 .content {

    display: none

}



.home .section3 .wrap2 .content .t {

    color: #000;

    font-size: 1.66667vw;

    line-height: 1;

    margin: 4.16667vw 0 3.125vw 0

}



.home .section3 .wrap2 .content .wrap .r {

    display: flex

}



.home .section3 .wrap2 .content .wrap .r .box {

    display: flex

}



.home .section3 .wrap2 .content .wrap .r .box:not(:last-child) {

    margin-right: 15.625vw

}



.home .section3 .wrap2 .content .wrap .r .box .info .name {

    color: #000;

    font-size: .9375vw

}



.home .section3 .wrap2 .content .wrap .r .box .info .des {

    margin-top: .9375vw;

    color: #666;

    font-size: .83333vw

}



.home .section3 .wrap2 .content .wrap .r .box .info .des p {

    margin-top: .52083vw

}
.home .section3 .wrap2 .content .wrap .r .box .info .des img{
    display: none;
}



.home .section3 .wrap2 .content .wrap .r .box .info a {

    padding: .52083vw 1.61458vw;

    background: #FB0000;

    color: #FFF;

    font-size: .9375vw;

    line-height: 1.33;

    margin-top: 1.5625vw;

    display: block;

    text-align: center

}



.home .section3 .wrap2 .content .wrap .r .box .code {

    margin-left: 4.6875vw;

    text-align: center

}



.home .section3 .wrap2 .content .wrap .r .box .code .pic img {

    width: 9.375vw;

    display: block

}



.home .section3 .wrap2 .content .wrap .r .box .code p {

    color: #666;

    font-size: .83333vw;

    line-height: 1.5;

    margin-top: 1.04167vw

}



.home .section3 .wrap2 .on {

    display: block

}



.home .section4 {

    margin: 6.77083vw 10.41667vw

}



.home .section4 .t {

    color: #000;

    font-size: 1.66667vw;

    line-height: 1;

    margin-bottom: 3.69792vw

}



.home .section4 .content {

    width: 100%;

    display: flex;

    justify-content: space-between

}



.home .section4 .content .l {

    width: 34.89583vw

}



.home .section4 .content .l .list a {

    display: block;

    margin-bottom: 1.66667vw

}



.home .section4 .content .l .list a .time {

    color: #666;

    font-size: .72917vw;

    margin-bottom: .41667vw

}



.home .section4 .content .l .list a .pt {

    color: #333;

    font-size: .9375vw;

    transition: all 600ms;

    line-height: 1.5

}



.home .section4 .content .l .list a .des {

    color: #666;

    font-size: .83333vw;

    line-height: 1.5

}



.home .section4 .content .l .list a:hover .pt {

    color: #FB0000

}



.home .section4 .content .l .more {

    display: flex;

    align-items: center

}



.home .section4 .content .l .more svg {

    width: 1.92708vw;

    display: block;

    transition: all 600ms

}



.home .section4 .content .l .more p {

    color: #FB0000;

    font-size: .9375vw;

    margin-left: .57292vw;

    transition: all 600ms

}



.home .section4 .content .l .more:hover svg,

.home .section4 .content .l .more:hover p {

    transform: translateX(.52083vw)

}



.home .section4 .content .r {

    width: 35.3125vw

}



.home .section4 .content .r .pic {

    width: 100%;

    display: none;

    overflow: hidden

}



.home .section4 .content .r .pic img {

    width: 100%;

    display: block;

    object-fit: cover;

    /* max-height: 20.3125vw; */

    transition: all 600ms

}



.home .section4 .content .r .pic:hover img {

    transform: scale(1.05)

}



.home .section4 .content .r .on {

    display: block

}



.home .section5 {

    margin: 6.77083vw 10.41667vw

}



.home .section5 .t {

    color: #000;

    font-size: 1.66667vw;

    line-height: 1;

    margin-bottom: 3.125vw

}



.home .section5 .box {

    margin-bottom: 3.125vw

}



.home .section5 .box .st {

    display: flex;

    color: #000;

    font-size: 1.66667vw;

    line-height: 1.5;

    align-items: center;

    margin-bottom: 1.71875vw

}



.home .section5 .box .st::before {

    content: '';

    display: block;

    width: .41667vw;

    height: 1.77083vw;

    border-radius: .98958vw;

    background: #E6001A;

    margin-right: 1.25vw

}



.home .section5 .box .partners {

    position: relative;

    overflow: hidden

}



.home .section5 .box .partners:after {

    background-image: -webkit-linear-gradient(right, #fff 20%, rgba(235, 237, 240, 0));

    content: "";

    height: 120%;

    position: absolute;

    right: -15px;

    top: -10px;

    width: 7.8125vw;

    z-index: 2

}



.home .section5 .box .partners:before {

    background-image: -webkit-linear-gradient(right, #fff 20%, rgba(235, 237, 240, 0));

    content: "";

    height: 120%;

    position: absolute;

    left: -15px;

    top: -10px;

    width: 7.8125vw;

    z-index: 2;

    transform: rotate(180deg)

}



.home .section5 .box .partners .animate_box {

    display: flex;

    width: max-content;

    animation: ani-loop 20s linear infinite;

    animation-play-state: running;

    padding: 2.08333vw 0

}



.home .section5 .box .partners .animate_box:hover {

    animation-play-state: paused;

}



.home .section5 .box .partners .animate_box .flex-xb {

    display: flex;

    flex-wrap: wrap

}



.home .section5 .box .partners .animate_box .flex-xb .pic {

    width: 13.33333vw;

    height: 5.20833vw;

    display: flex;

    align-items: center;

    margin: 0 .52083vw;

    justify-content: center;

    background: #FFF;

    box-shadow: 0px .52083vw 2.70833vw 0px rgba(0, 0, 0, 0.06)

}



.home .section5 .box .partners .animate_box .flex-xb .pic img {

    max-width: 80%;

    display: block;

    object-fit: contain;

    min-height: 80%

}



@keyframes ani-loop {

    0% {

        transform: translateX(0)

    }



    100% {

        transform: translateX(-50%)

    }

}



@media screen and (max-width: 1024px) {

    .home .section1 {

        padding-top: 60px

    }



    .home .section1 .dt {

        margin: 30px 5%

    }



    .home .section1 .dt .p1 {

        font-size: 24px

    }



    .home .section1 .dt .p2 {

        font-size: 16px;

        margin: 10px 0 30px 0

    }



    .home .section1 .cases {

        margin: 20px 5%

    }



    .home .section1 .cases .prev,

    .home .section1 .cases .next {

        width: 35px;

        height: 35px;

        border-radius: 50%

    }



    .home .section1 .cases .prev svg,

    .home .section1 .cases .next svg {

        width: 20px

    }



    .home .section1 .cases .prev {

        left: 5%

    }



    .home .section1 .cases .next {

        right: 5%

    }



    .home .section1 .cases .swiper0 a img {

        height: auto

    }



    .home .section1 .cases .swiper0 a p {

        font-size: 16px;

        left: 20px;

        bottom: 20px

    }



    .home .section2 .dt {

        margin: 30px 5%

    }



    .home .section2 .dt .p1 {

        font-size: 24px

    }



    .home .section2 .dt .p2 {

        font-size: 16px;

        margin: 10px 0 30px 0

    }



    .home .section2 .boxes .content::before,

    .home .section2 .boxes .content::after {

        display: none

    }



    .home .section2 .boxes .content .prev,

    .home .section2 .boxes .content .next {

        width: 35px;

        height: 35px;

        border-radius: 50%

    }



    .home .section2 .boxes .content .prev svg,

    .home .section2 .boxes .content .next svg {

        width: 20px

    }



    .home .section2 .boxes .content .prev {

        left: 5%;

               top: 140px;

    }



    .home .section2 .boxes .content .next {

        right: 5%;

               top: 140px;

    }



    .home .section2 .boxes .content .swiper1 .swiper-slide .item .pic img,

    .home .section2 .boxes .content .swiper2 .swiper-slide .item .pic img {

        width: 100%

    }



    .home .section2 .boxes .content .swiper1 .swiper-slide .item .text,

    .home .section2 .boxes .content .swiper2 .swiper-slide .item .text {

        margin: 15px

    }



    .home .section2 .boxes .content .swiper1 .swiper-slide .item .text .tag,

    .home .section2 .boxes .content .swiper2 .swiper-slide .item .text .tag {

        font-size: 16px

    }



    .home .section2 .boxes .content .swiper1 .swiper-slide .item .text .name,

    .home .section2 .boxes .content .swiper2 .swiper-slide .item .text .name {

        font-size: 18px;

        margin: 5px 0 10px 0

    }



    .home .section2 .boxes .content .swiper1 .swiper-slide .item .text .des,

    .home .section2 .boxes .content .swiper2 .swiper-slide .item .text .des {

        font-size: 14px;

        width: 100%;

        line-height: 1.8

    }



    .home .section3 {

        margin: 30px 5%

    }



    .home .section3 .types .item {

        padding: 12px 40px;

        font-size: 16px

    }



    .home .section3 .wrap2 .content .t {

        font-size: 24px;

        margin: 40px 0

    }



    .home .section3 .wrap2 .content .wrap {

        flex-direction: column

    }



    .home .section3 .wrap2 .content .wrap .r {

        width: 100%;

        margin-left: 0;

        margin-top: 20px;

        flex-direction: column

    }



    .home .section3 .wrap2 .content .wrap .r .box {

        align-items: center;

        margin-bottom: 20px

    }



    .home .section3 .wrap2 .content .wrap .r .box:not(:last-child) {

        margin-right: 0

    }



    .home .section3 .wrap2 .content .wrap .r .box .info .name {

        font-size: 18px

    }



    .home .section3 .wrap2 .content .wrap .r .box .info .des {

        font-size: 16px;

        margin-top: 10px

    }



    .home .section3 .wrap2 .content .wrap .r .box .info a {

        font-size: 18px;

        padding: 12px 0;

        margin-top: 15px

    }



    .home .section3 .wrap2 .content .wrap .r .box .code {

        margin-left: 30px

    }



    .home .section3 .wrap2 .content .wrap .r .box .code .pic img {

        width: 120px;

        margin: 0 auto

    }



    .home .section3 .wrap2 .content .wrap .r .box .code p {

        font-size: 16px;

        margin-top: 10px

    }



    .home .section4 {

        margin: 60px 5%

    }



    .home .section4 .t {

        font-size: 24px;

        margin-bottom: 30px

    }



    .home .section4 .content {

        flex-direction: column-reverse

    }



    .home .section4 .content .r {

        width: 100%

    }



    .home .section4 .content .r .pic img {

        max-height: inherit

    }



    .home .section4 .content .l {

        width: 100%;

        margin-top: 20px

    }



    .home .section4 .content .l .list a {

        margin-bottom: 20px

    }



    .home .section4 .content .l .list a .time {

        font-size: 16px

    }



    .home .section4 .content .l .list a .pt {

        font-size: 18px;

        line-height: inherit;

        margin: 10px 0

    }



    .home .section4 .content .l .list a .des {

        font-size: 16px;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 2;

        overflow: hidden

    }



    .home .section4 .content .l .more svg {

        width: 20px

    }



    .home .section4 .content .l .more p {

        font-size: 16px;

        margin-left: 10px

    }



    .home .section5 {

        margin: 40px 5%

    }



    .home .section5 .t {

        font-size: 24px;

        margin-bottom: 30px

    }



    .home .section5 .box {

        margin-bottom: 40px

    }



    .home .section5 .box .st {

        font-size: 18px;

        margin-bottom: 15px

    }



    .home .section5 .box .st::before {

        height: 15px;

        width: 3px;

        margin-right: 10px

    }



    .home .section5 .box .partners .scroll-container .animate_box {

        padding: 20px 0;

        animation-play-state: running

    }



    .home .section5 .box .partners .scroll-container .animate_box .flex-xb .pic {

        width: 120px;

        height: 56px;

        margin-left: 10px

    }

}