
.header {
    background: rgba(255, 255, 255, 1);
    /* backdrop-filter: blur(12px); */
}
.secondary-text {
    margin:0 5%;
    color:#333;
    line-height: 1.5;
    font-size: 1.1vw;
    text-align: left;
}
.p_since{
    position: relative;
    background:#fff url(/zhuo/support_0.jpg) no-repeat center bottom;
    background-size: 90% auto;
}

.p_since .sy{
    position: absolute;
    right: 0;
    top: 10%;
    font-size: 11vw;
    color: #eee;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    opacity: 0.5;
    letter-spacing: 1vw;
}

.p_since .in{
    margin:0 auto;
    width: 80%;
    padding:5vw 0 1vw 0;
}

.p_since .h0{
    font-size: 3.5vw;
    font-weight: bold;
    color:#333;
}
.p_since .h1{
    font-size: 1vw;
    padding:0.4vw 0 0 0;
    color:#555;
}

.p_since .card{
    position: relative;
    z-index: 1;
    margin:0 auto;
    width: 80%;
    padding:1vw 0 32vw 0;
    display: flex;
    justify-content: space-between;
}

.p_since .card li{
    background: #fff;
    width: 23.5%;
    box-sizing: border-box;
    padding: 1.8vw;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    border-radius: 10px;
}

.p_since .card li:nth-child(1){
    background: #fff url(/zhuo/support_s0.png) no-repeat center;
    background-size: cover;
}

.p_since .card li:nth-child(2){
    background: #fff url(/zhuo/support_s1.png) no-repeat center;
    background-size: cover;
}

.p_since .card li:nth-child(3){
    background: #fff url(/zhuo/support_s2.png) no-repeat center;
    background-size: cover;
}

.p_since .card li:nth-child(4){
    background: #fff url(/zhuo/support_s3.png) no-repeat center;
    background-size: cover;
}

.p_since .card li .en{
    font-size: 0.8vw;
    color: #666;
    height:4vw;
}

.p_since .card li .nnn{
    padding: 1vw 0 0.5vw 0;
    line-height:2vw;
}

.p_since .card li .nnn span{
    font-size: 3.6vw;
    font-weight: bold;
    color: #0E5CE6;
}

.p_since .card li .zh{
    font-size: 1vw;
    color: #333;
    height:6vw;

}

.p_system{
    position: relative;
    background:#fff;
    padding:4vw 0 4vw 0;
}

.p_system .secondary-text {
    margin-top: 1vw;
}

.p_system .h0{
    text-align: center;
    font-size: 3vw;
    font-weight: bold;
    color:#333;
}
.p_system .h1{
    text-align: center;
    font-size: 1.2vw;
    font-weight: bold;
    color:#bbb;
}
.p_system .h2{
    text-align: center;
    font-size: 0.9vw;
    font-weight: bold;
    color:#888;
    padding:1vw 0 0 0;
}

.p_system .card{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: flex-end;
    padding: 3vw 0 0 0;
}

.p_system .card li{
    padding: 2vw;
    width: 32.5%;
    box-sizing: border-box;
    height:23vw;
    margin:0 0 1.25vw 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border-radius: 10px;

}

.p_system .card li:nth-child(1){
    background:url(/zhuo/support_p0.png) no-repeat right center;
    background-size: cover;
}

.p_system .card li:nth-child(2){
    background:url(/zhuo/support_p1.png) no-repeat right center;
    background-size: cover;
}

.p_system .card li:nth-child(3){
    background:url(/zhuo/support_p2.png) no-repeat right center;
    background-size: cover;
}

.p_system .card li:nth-child(4){
    background:url(/zhuo/support_p3.png) no-repeat right center;
    background-size: cover;
}

.p_system .card li:nth-child(5){
    background:url(/zhuo/support_p4.png) no-repeat right center;
    background-size: cover;
}

.p_system .card li:nth-child(6){
    background:url(/zhuo/support_p5.png) no-repeat right center;
    background-size: cover;
}
.p_system .card li .t0{
    font-size: 1.4vw;
    font-weight: bold;
    color: #333;
}
.p_system .card li .t1{
    font-size: 1vw;
    padding: 0.8vw 0 0 0;
    color: #999;
    height: 3.5vw;
}


.p_team{
    background:#F2F4F8;
    position: relative;
    padding: 4vw 0 4vw 0;
}

.p_team .h0{
    text-align: center;
    font-size: 3vw;
    font-weight: bold;
    color:#333;
}
.p_team .h1{
    text-align: center;
    font-size: 1.2vw;
    font-weight: bold;
    color:#bbb;
}

.p_team .card{
    display: flex;
    flex-wrap: wrap;
    padding:3vw 0 0 0;
    width: 100%;
    justify-content: space-between;
}
.p_team .card li{
    width: 49%;
    height:20vw;
    box-sizing: border-box;
    padding:3vw;
    display: flex;
    border-radius: 13px;
    align-items: flex-end;
    margin:0 0 2% 0;
}
.p_team .card li:nth-child(1){
    background:url(/zhuo/supprt_f3.jpg) no-repeat center;
    background-size: cover;
}
.p_team .card li:nth-child(2){
    background:url(/zhuo/supprt_f1.jpg) no-repeat center;
    background-size: cover;
}
.p_team .card li:nth-child(3){
    background:url(/zhuo/supprt_f2.jpg) no-repeat center;
    background-size: cover;
}
.p_team .card li:nth-child(4){
    background:url(/zhuo/supprt_f0.jpg) no-repeat center;
    background-size: cover;
}
.p_team .card li .t0{
    font-size: 1.6vw;
    font-weight: bold;
    color:#fff;
}

@media screen and (max-width: 640px){


    .video_ban .ban_text .zh{
        font-size: 7.3vw;
    }

    .video_ban .ban_text .en{
        font-size: 4vw;
    }

    .secondary-text {
        font-size: 3.5vw;
    }

    .p_since .h0{
        font-size: 9vw;
        position: relative;
        z-index: 3;
    }
    .p_since .h1 {
        font-size: 3.5vw;
        padding: 1vw 0 0 0;
        position: relative;
        z-index: 3;
    }
    .p_since .card{
        flex-wrap: wrap;
        padding: 6vw 0 22vw 0;
        width: 80%;
    }
    .p_since .card li{
        width: auto;
        padding: 3.8vw;
        margin:0 0 0 0;
        transform: scale(0.95);
    }
    .p_since .card li .en{
        font-size: 4vw;
        height:16vw;
    }
    .p_since .card li .nnn{
        line-height: 10vw;
    }
    .p_since .card li .nnn span{
        font-size: 9.6vw;
    }
    .p_since .card li .zh{
        font-size: 4vw;
        height: 16vw;
    }

    .p_since .swiper-pagination{
        position: absolute;
        bottom:10%;
    }

    .p_since .swiper-pagination .swiper-pagination-bullet{
        background:#fff !important;
        opacity: 0.5 !important;
    }
    .p_since .swiper-pagination .swiper-pagination-bullet-active{
        width:8px !important;
        background:#0E5CE6 !important;
        opacity: 1 !important;
    }

    .p_system{
        padding:8vw 0 6vw 0;
    }
    .p_system .h0{
        font-size: 8vw;
    }
    .p_system .h1{
        font-size: 4vw;
    }
    .p_system .h2{
        font-size: 3.4vw;
    }
    .p_system .card{
        padding:6vw 0 0 0;
    }

    .p_system .card li {
        padding: 5vw;
        margin: 0 0 4.25vw 0;
        height:50vw;
        width: 48%;
    }

    .p_system .card li .t0 {
        font-size: 5.5vw;
    }      

    .p_system .card li .t1{
        font-size: 3.4vw;
        height: 10.5vw;
    }

    .p_team{
        padding:8vw 0 4vw 0;
    }
    .p_team .h0{
        font-size: 8vw;
    }
    .p_team .h1{
        font-size: 4vw;
    }
    .p_team .card li {
        width: 100%;
        height: 27vw;
        padding: 5vw;
        height: 37vw;
        margin: 0 0 3.5% 0;
    }
    .p_team .card li .t0 {
        font-size: 4.6vw;
    }
}