body .home .banner {
    position: relative
}

body .home .banner .bg {
    width: 100%;
    height: 100vh;
    object-fit: cover
}

body .home .banner .text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 81.25vw;
    color: white
}

body .home .banner .text .t {
    font-weight: 700;
    line-height: 1.45
}

body .home .banner .text .des {
    margin-top: .52083vw;
    line-height: 1.4
}

body .home .banner .links {
    position: absolute;
    left: 8.85417vw;
    bottom: 2.60417vw;
    color: white
}

body .home .banner .links span {
    margin: 0 .52083vw
}

body .home .container {
    position: relative
}

body .home .container .sec1 {
    padding: 6.875vw 10.41667vw 0 9.375vw
}
body .home .container .sec1  .intro{
        width: 51.0416666667vw;
        color: #666;
    /* text-align: center; */
    line-height: 1.78;
    margin: 0  auto 8.4895833333vw auto;
}

body .home .container .sec1 .list .item {
    display: flex;
    justify-content: space-between;
    gap: 2.5vw
}

body .home .container .sec1 .list .item .lbox {
    width: 30.05208vw;
    margin-top: 2.39583vw
}

body .home .container .sec1 .list .item .lbox .cn {
    font-weight: 900
}

body .home .container .sec1 .list .item .lbox .en {
    color: rgba(0, 0, 0, 0.5);
    opacity: 0.1;
    margin: .36458vw 0 2.08333vw 0;
    font-weight: 900;
    line-height: 1
}

body .home .container .sec1 .list .item .lbox .info .d1 {
    display: flex;
    gap: 1.04167vw;
    padding: 1.5625vw 0;
    cursor: pointer;
    border-bottom: 1px solid transparent
}

body .home .container .sec1 .list .item .lbox .info .d1 .num {
    font-weight: 700;
    color: rgba(102, 102, 102, 0.4);
    transition: all 600ms
}

body .home .container .sec1 .list .item .lbox .info .d1 .dr {
    width: 27.34375vw
}

body .home .container .sec1 .list .item .lbox .info .d1 .dr .pt {
    font-weight: 700;
    color: rgba(102, 102, 102, 0.4);
    transition: all 600ms
}

body .home .container .sec1 .list .item .lbox .info .d1 .dr .des {
    margin-top: 1.04167vw;
    display: none;
    color: #666;
    line-height: 1.78
}

body .home .container .sec1 .list .item .lbox .info .d1.on {
    border-color: #999
}

body .home .container .sec1 .list .item .lbox .info .d1.on .num {
    color: #000
}

body .home .container .sec1 .list .item .lbox .info .d1.on .dr .pt {
    color: #000
}

body .home .container .sec1 .list .item .lbox .info .d1.on .dr .des {
    display: block
}

body .home .container .sec1 .list .item .rbox {
    width: 48.64583vw
}

body .home .container .sec1 .list .item .rbox .pic {
    border-radius: 1.5625vw;
    overflow: hidden;
    display: none
}

body .home .container .sec1 .list .item .rbox .pic.on {
    display: block
}

body .home .container .sec1 .list .item .rbox .pic img,
body .home .container .sec1 .list .item .rbox .pic video {
    width: 100%;
    height: 30.72917vw;
    object-fit: cover;
    transition: all 600ms
}

body .home .container .sec1 .list .item .rbox .pic:hover img {
    transform: scale(1.05)
}

body .home .container .sec1 .list .item:nth-child(2n) {
    flex-direction: row-reverse
}

body .home .container .sec1 .list .item:not(:last-child) {
    margin-bottom: 10.72917vw
}

body .home .container .sec2 {
    padding: 7.29167vw 0
}
body .home .container .sec2 .bg {
    width: 80%;
    margin: 0 auto;
}
body .home .container .sec2 .content .title {
    margin-bottom: 2.08333vw;
    padding: 0 9.375vw
}

body .home .container .sec2 .content .title .cn {
    font-weight: 900
}

body .home .container .sec2 .content .title .en {
    color: rgba(0, 0, 0, 0.5);
    font-weight: 900;
    opacity: 0.1
}

body .home .container .sec2 .content .list .item {
    padding: 2.08333vw 9.375vw;
    border-bottom: 1px solid #999;
    display: flex;
    gap: 1.04167vw;
    align-items: center
}

body .home .container .sec2 .content .list .item .num,
body .home .container .sec2 .content .list .item .pt {
    font-weight: 700
}
body .home .container .sec2 .content .list .item .pt {
    /* width: 18.8542vw; */
    white-space: nowrap;
}
body .home .container .sec2 .content .list .item .des {
    color: #666
}

body .home .container .sec2 .content .list .item:last-child {
    border-bottom: none
}

body .home .container .sec2 .bg .b {
    width: 100%;
    display: none;
    height: 33.69792vw;
    object-fit: cover
}

body .home .container .sec2 .bg .b.on {
    display: block
}

body .home .container .sec3 {
    padding: 0 10.15625vw 20.3125vw 9.375vw
}

body .home .container .sec3 .title .cn {
    font-weight: 900
}

body .home .container .sec3 .title .en {
    color: rgba(0, 0, 0, 0.5);
    font-weight: 900;
    opacity: 0.1
}

body .home .container .sec3 .list {
    display: flex;
    justify-content: space-between;
    margin-top: 1.30208vw
}

body .home .container .sec3 .list .item {
    width: 21.25vw;
    border-radius: 1.5625vw;
    border: 1px solid #D1D1D1;
    background: #FFF;
    padding: 1.71875vw 1.30208vw 1.97917vw 1.66667vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 600ms
}

body .home .container .sec3 .list .item.active {
    width: 33.4375vw;
    box-shadow: 0 26px 3.36979vw 0 rgba(0, 0, 0, 0.1);
    border-color: transparent
}

body .home .container .sec3 .list .item.active .des {
    width: 20.57292vw
}

body .home .container .sec3 .list .item .t1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 700
}

body .home .container .sec3 .list .item .t1 .icon {
    width: 3.75vw;
    height: 3.02083vw;
    display: flex;
    align-items: center;
    justify-content: center
}

body .home .container .sec3 .list .item .t1 .icon img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

body .home .container .sec3 .list .item .des {
    margin-top: 6.61458vw;
    line-height: 1.78
}

@media screen and (max-width: 768px) {
    body .home .banner .text {
        width: 90%
    }

    body .home .banner .text .des {
        margin-top: 10px
    }

    body .home .banner .links {
        left: 5%;
        bottom: 20px
    }

    body .home .banner .links span {
        margin: 0 5px
    }

    body .home .container .sec1 {
        padding: 30px 5%
    }

    body .home .container .sec1  .intro{
                width: 90%;
        margin:0 auto 30px auto;
    }
    body .home .container .sec1 .list .item {
        flex-direction: column !important;
        gap: 20px
    }

    body .home .container .sec1 .list .item .lbox {
        width: 100%;
        margin-top: 0
    }

    body .home .container .sec1 .list .item .lbox .info .d1 {
        padding: 15px 0;
        gap: 10px
    }

    body .home .container .sec1 .list .item .lbox .info .d1 .dr {
        width: 100%
    }

    body .home .container .sec1 .list .item .lbox .info .d1 .dr .des {
        margin-top: 10px;
        line-height: 1.4
    }

    body .home .container .sec1 .list .item .rbox {
        width: 100%;
        margin-top: 10px
    }

    body .home .container .sec1 .list .item .rbox .pic img {
        height: auto
    }

    body .home .container .sec1 .list .item:not(:last-child) {
        margin-bottom: 40px
    }

    body .home .container .sec2 {
        padding: 30px 0
    }

    body .home .container .sec2 .content .title {
        padding: 0 5%
    }

    body .home .container .sec2 .content .list .item {
        padding: 15px 5%;
        gap: 10px;
        flex-wrap: wrap
    }

    body .home .container .sec2 .bg img {
        height: 150px
    }

    body .home .container .sec3 {
        padding: 0 5% 60px 5%
    }

    body .home .container .sec3 .list {
        flex-direction: column;
        gap: 20px;
        margin-top: 20px
    }

    body .home .container .sec3 .list .item {
        width: 100% !important;
        padding: 20px;
        box-shadow: 0 26px 64.7px 0 rgba(0, 0, 0, 0.1)
    }

    body .home .container .sec3 .list .item .t1 .icon {
        width: 50px;
        height: 40px
    }

    body .home .container .sec3 .list .item .des {
        width: 100% !important;
        margin-top: 50px
    }
}