html {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    font-size: 16px;
}

html::-webkit-scrollbar {
    width: 0px
}

::-webkit-scrollbar {
    display: none
}

.swiper-button-prev {
    color: #FFFFFF !important;
}

.swiper-button-next {
    color: #FFFFFF !important;
}

.swiper-pagination-bullet {
    display: inline-block !important;
    *display: inline !important;
    *zoom: 1 !important;
    width: 48px !important;
    height: 4px !important;
    -moz-border-radius: 5px !important;
    border-radius: 6px !important;
    background: #fff !important;
    opacity: 0.2 !important;
    margin: 0 2px !important;
    cursor: pointer !important;
    overflow: hidden !important;
    -webkit-transition: all 0.5s !important;
    -moz-transition: all 0.5s !important;
    transition: all 0.5s !important;
}

.swiper-pagination-bullet-active {
    width: 48px !important;
    height: 4px !important;
    background-color: #fff !important;
    opacity: 1 !important;
}

@media only screen and (max-device-width: 1000px) {
    body {
        /*min-width: 800px;*/
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    body #main {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap
    }

    body #main #product-banner {
        width: 100%;
        height: 257px;
        margin-top: 39px;
        background-image: url("../img/ypw/banner.jpg");
        background-size: 100% 100%;
        /*padding-left: 149px;*/
        /*flex-wrap: wrap;*/
        /*justify-content: center;*/
        /*align-content: flex-start*/
    }

    body #main #product-banner .product-banner-box {
        font-family: Source Han Sans CN;
        font-weight: 500;
        font-size: 51px;
        color: #25345D;
        line-height: 45px;
        letter-spacing: 5px;
        padding-left: 34px;
        margin-top: 48px;
    }

    body #main #product-banner .product-banner-box p {
        padding: 0;
        margin: 0
    }

    body #main #product-banner .product-banner-msg {
        font-family: Source Han Sans CN;
        font-weight: 400;
        font-size: 14px;
        color: #25345D;
        line-height: 20px;
        padding-left: 39px;
        margin-top: 15px;
    }

    body #main #product-banner .product-banner-msg p {
        padding: 0;
        margin: 0
    }


    body #main #product-banner .product-banner-desc {
        margin-top: 21px;
        height: 75px;
        margin-left: 38px;
    }

    body #main #product-banner .product-banner-desc p {
        display: block;
        float: left;
        margin-right: 25px;
        padding-left: 30px;
        width: 150px;
        height: 50px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        font-size: 20px;
        color: #FFFFFF;
        line-height:  50px;
        text-align: center;
    }

    body #main #product-banner .product-banner-desc p:first-child {
        background: #1E61FF;
        color: #FFFFFF;
        background-image: url("../img/ypw/zx_btn.png");
        background-position: 15px 10px;
        background-repeat: no-repeat;
        border-radius: 10px;
    }

    body #main #product-banner .product-banner-desc p:nth-child(2) {
        background: rgba(243, 250, 255, 0);
        border: 2px solid #F3FAFF;
        color: #25345D;
        border-radius: 10px;
        border: 1px solid #1E61FF;
        background-image: url("../img/ypw/ys_btn.png");
        background-position: 15px 10px;
        background-repeat: no-repeat;
    }

    body #main #omi-system {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin-top: 60px
    }

    body #main #omi-system .omi-system-box {
        font-family: Source Han Sans CN;
        font-weight: bold;
        font-size: 40px;
        color: #25345D;
        line-height: 24px;
    }

    body #main #omi-system .omi-system-box p {
        padding: 0;
        margin: 0
    }

    body #main #omi-system .omi-system-box-small {
        width: 100%;
        height: 23px;
        display: flex;
        align-items: center;
        justify-content: center;
        /*margin-top: 31px;*/
        font-size: 23px
    }

    body #main #omi-system .omi-system-box-small p {
        width: 62px;
        height: 6px;
        background: #294AFF;
        border-radius: 3px;
        padding: 0;
        margin: 0
    }

    body #main #omi-system .omi-system-desc {
        margin-top: 18px;
        width: 100%;
        height: 15px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    body #main #omi-system .omi-system-desc p {
        padding: 0;
        margin: 0;
        font-family: Source Han Sans CN;
        font-weight: 400;
        font-size: 16px;
        color: #8F9DB1;
        line-height: 24px;
    }

    body #main #omi-system .omi-img {
        width: 575px;
        height: 479px;
        /*display: flex;*/
        background-image: url("../img/ypw/omi_img.jpg");
        background-size: 100% 100%;
        /*align-items: center;*/
        /*justify-content: center;*/
        margin-top: 59px;
        margin-bottom: 53px;
    }

    body #main #omi-system .omi-icon_01 {
        width: 214px;
        height: 111px;
        /*display: flex;*/
        background-image: url("../img/ypw/omi-icon01.png");
        background-size: 100% 100%;
        /*position: absolute;*/
        margin-top: -899px;
        margin-right: 560px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #omi-system .omi-icon_01:hover {
        transform: scale(1.1);
    }

    body #main #omi-system .omi-icon_02 {
        width: 214px;
        height: 111px;
        /*display: flex;*/
        background-image: url("../img/ypw/omi-icon02.png");
        background-size: 100% 100%;
        /*position: absolute;*/
        margin-top: -700px;
        margin-right: 700px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #omi-system .omi-icon_02:hover {
        transform: scale(1.1);
    }

    body #main #omi-system .omi-icon_03 {
        width: 214px;
        height: 111px;
        /*display: flex;*/
        background-image: url("../img/ypw/omi-icon03.png");
        background-size: 100% 100%;
        /*position: absolute;*/
        margin-top: -500px;
        margin-right: 740px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #omi-system .omi-icon_03:hover {
        transform: scale(1.1);
    }

    body #main #omi-system .omi-icon_04 {
        width: 214px;
        height: 111px;
        /*display: flex;*/
        background-image: url("../img/ypw/omi-icon04.png");
        background-size: 100% 100%;
        /*position: absolute;*/
        margin-top: -300px;
        margin-right: 600px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #omi-system .omi-icon_04:hover {
        transform: scale(1.1);
    }

    body #main #omi-system .omi-icon_05 {
        width: 214px;
        height: 111px;
        /*display: flex;*/
        background-image: url("../img/ypw/omi-icon05.png");
        background-size: 100% 100%;
        /*position: absolute;*/
        margin-top: -899px;
        margin-left: 560px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #omi-system .omi-icon_05:hover {
        transform: scale(1.1);
    }

    body #main #omi-system .omi-icon_06 {
        width: 214px;
        height: 111px;
        /*display: flex;*/
        background-image: url("../img/ypw/omi-icon06.png");
        background-size: 100% 100%;
        /*position: absolute;*/
        margin-top: -700px;
        margin-left: 700px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #omi-system .omi-icon_06:hover {
        transform: scale(1.1);
    }

    body #main #omi-system .omi-icon_07 {
        width: 214px;
        height: 111px;
        /*display: flex;*/
        background-image: url("../img/ypw/omi-icon07.png");
        background-size: 100% 100%;
        /*position: absolute;*/
        margin-top: -500px;
        margin-left: 740px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #omi-system .omi-icon_07:hover {
        transform: scale(1.1);
    }

    body #main #omi-system .omi-icon_08 {
        width: 214px;
        height: 111px;
        /*display: flex;*/
        background-image: url("../img/ypw/omi-icon08.png");
        background-size: 100% 100%;
        /*position: absolute;*/
        margin-top: -300px;
        margin-left: 600px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #omi-system .omi-icon_08:hover {
        transform: scale(1.1);
    }

    body #main #product-risk {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin-top: 54px
    }

    body #main #product-risk .product-risk-box {
        font-family: Source Han Sans CN;
        font-weight: bold;
        font-size: 40px;
        color: #25345D;
        line-height: 24px;
    }

    body #main #product-risk .product-risk-box p {
        padding: 0;
        margin: 0
    }

    body #main #product-risk .product-risk-box-small {
        width: 100%;
        height: 23px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 23px
    }

    body #main #product-risk .product-risk-box-small p {
        width: 62px;
        height: 6px;
        background: #294AFF;
        border-radius: 3px;
        padding: 0;
        margin: 0
    }

    body #main #product-risk .product-risk-desc {
        /*margin-top: 22px;*/
        width: 100%;
        height: 15px;
        display: flex;
        align-items: center;
        margin-top: 18px;
        justify-content: center
    }

    body #main #product-risk .product-risk-desc p {
        padding: 0;
        margin: 0;
        font-family: Source Han Sans CN;
        font-weight: 400;
        font-size: 16px;
        color: #8F9DB1;
        line-height: 24px;
        text-align: center;
    }

    body #main #product-risk .product-risk-card {
        width: 100%;
        max-width: 1200px;
        margin-top: 60px;
        padding: 0 0 0 56px;
        display: flex;
        flex-wrap: wrap;
        border-radius: 19px;
        justify-content: space-between
    }

    body #main #product-risk .product-risk-card a {
        width: auto;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        text-decoration: none
    }

    body #main #product-risk .product-risk-card a .card-small {
        width: 518px;
        height: 173px;
        background: #F3FAFF;
        border-radius: 10px;
        box-shadow: 0px 9px 15px 0px rgba(0, 76, 255, 0.05);
        border-radius: 20px;
        box-sizing: border-box;
        margin-bottom: 26px;
        position: relative
    }

    body #main #product-risk .product-risk-card a .product-risk-card-small {
        width: 418px;
        height: 256px;
        background: linear-gradient(0deg, #FFFFFF, #FAFCFF);
        border-radius: 13px;
        margin-bottom: 10px;
    }

    body #main #product-risk .product-risk-card a .product-risk-card-small .product-risk-card-small-left {
        margin-top: 32px;
        width: 100%;
        height: 81px;
        display: flex;
        align-items: center;
        justify-content: center;
        /*background-image: url("../img/homepage/solution_bg.png");*/
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 81px 81px
    }

    body #main #product-risk .product-risk-card a .product-risk-card-small .product-risk-card-small-left img {
        width: 81px;
        height: 81px;
        object-fit: cover;
        transition: 0.2s;
        /*margin-bottom: 3px*/
    }

    body #main #product-risk .product-risk-card a .product-risk-card-small .product-risk-card-small-left img:hover {
        transform: scale(1.1);
    }

    body #main #product-risk .product-risk-card a .product-risk-card-small .product-risk-card-small-right {
        width: 100%;
        height: 100%;
    }

    body #main #product-risk .product-risk-card a .product-risk-card-small .product-risk-card-small-right .product-risk-card-small-right-title {
        font-family: Source Han Sans CN;
        font-weight: bold;
        font-size: 20px;
        color: #25345D;
        line-height: 41px;
        height: 20px;
        margin-top: 16px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    body #main #product-risk .product-risk-card a .product-risk-card-small .product-risk-card-small-right .product-risk-card-small-right-title p {
        padding: 0;
        margin: 0
    }

    body #main #product-risk .product-risk-card a .product-risk-card-small .product-risk-card-small-right .product-risk-card-small-right-desc {
        width: 100%;
        box-sizing: border-box;
        height: 75px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        font-size: 14px;
        color: #7181A4;
        line-height: 18px;
        opacity: 0.8;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    body #main #product-risk .product-risk-card a .product-risk-card-small .product-risk-card-small-right .product-risk-card-small-right-desc p {
        padding: 0;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical
    }

    body #main #pain-spot {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        height: 1346px;
        background-image: url("../img/ypw/pain_img.jpg");
        background-size: 100% 100%;
    }

    body #main #pain-spot .pain-spot-box {
        font-family: Source Han Sans CN;
        font-weight: bold;
        font-size: 40px;
        color: #25345D;
        line-height: 24px;
        margin-top: 55px;
    }

    body #main #pain-spot .pain-spot-box p {
        padding: 0;
        margin: 0
    }

    body #main #pain-spot .pain-spot-box-small {
        width: 100%;
        height: 23px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 28px;
        font-size: 23px
    }

    body #main #pain-spot .pain-spot-box-small p {
        width: 62px;
        height: 6px;
        background: #294AFF;
        border-radius: 3px;
        padding: 0;
        margin: 0
    }

    body #main #pain-spot .pain-spot-desc {
        margin-top: 22px;
        width: 100%;
        height: 15px;
        display: flex;
        align-items: center;
        margin-top: 17px;
        justify-content: center
    }

    body #main #pain-spot .pain-spot-desc p {
        padding: 0;
        margin: 0;
        font-family: Source Han Sans CN;
        font-weight: 400;
        font-size: 16px;
        color: #8F9DB1;
        line-height: 24px;
        text-align: center;
    }

    body #main #pain-spot .pain-spot-img {
        width: 898px;
        height: 1058px;
        display: flex;
        background-image: url("../img/ypw/pain-spot01.jpg");
        background-size: 100% 100%;
        align-items: center;
        justify-content: center;
        margin-top: 79px;
        margin-bottom: 71px;
    }

    body #main #pain-spot .pain-spot-card {
        width: 956px;
        margin-top: 29px;
        margin-bottom: 54px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    body #main #pain-spot .pain-spot-card a {
        margin-left: 20px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        text-decoration: none;
        justify-content: center;
    }

    body #main #pain-spot .pain-spot-card a .card-small {
        width: 130px;
        height: 131px;
        background: #FFFFFF;
        border: 1px solid #E2F0FC;
        border-radius: 12px;
        margin-bottom: 24px;
        position: relative
    }

    body #main #pain-spot .pain-spot-card a .card-small .card-small-logo {
        width: 66px;
        height: 66px;
        margin-left: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 17px
    }

    body #main #pain-spot .pain-spot-card a .card-small .card-small-logo img {
        width: 66px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        object-fit: cover;
        transition: 0.2s;
        text-decoration: none;
    }

    body #main #pain-spot .pain-spot-card a .card-small .card-small-logo img:hover {
        transform: scale(1.1);
        text-decoration: none;
    }

    body #main #pain-spot .pain-spot-card a .card-small .card-small-name {
        font-size: 14px;
        font-family: Source Han Sans CN;
        font-weight: 500;
        color: #25345D;
        line-height: 18px;
        margin-top: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        text-align: center;
    }

    body #main #pain-spot .pain-spot-card a .card-small .card-small-name p {
        padding: 0;
        text-decoration: none;
        margin: 0
    }

    body #main #product-check {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        background: #F1F5FF;
    }

    body #main #product-check .product-check-box {
        font-family: Source Han Sans CN;
        font-weight: bold;
        font-size: 40px;
        color: #25345D;
        line-height: 24px;
        margin-top: 59px;
    }

    body #main #product-check .product-check-box p {
        padding: 0;
        margin: 0
    }

    body #main #product-check .product-check-box-small {
        width: 100%;
        height: 23px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 23px
    }

    body #main #product-check .product-check-box-small p {
        width: 62px;
        height: 6px;
        background: #294AFF;
        border-radius: 3px;
        padding: 0;
        margin: 0
    }

    body #main #product-check .product-check-desc {
        width: 100%;
        height: 15px;
        display: flex;
        align-items: center;
        margin-top: 31px;
        justify-content: center
    }

    body #main #product-check .product-check-desc p {
        padding: 0;
        margin: 0;
        font-family: Source Han Sans CN;
        font-weight: 400;
        font-size: 16px;
        color: #8F9DB1;
        line-height: 24px;
        text-align: center;
    }

    body #main #product-check .product-check-card {
        width: 100%;
        max-width: 1200px;
        margin-top: 80px;
        margin-bottom: 100px;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    body #main #product-check .product-check-card a {
        width: auto;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-left: 80px;
        text-decoration: none
    }

    body #main #product-check .product-check-card a .card-small {
        width: 352px;
        height: 320px;
        background: #FFFFFF;
        border-radius: 15px;
        box-shadow: 0px 9px 15px 0px rgba(0, 76, 255, 0.05);
        border-radius: 20px;
        box-sizing: border-box;
        margin-bottom: 26px;
        /*display: flex;*/
        /*align-items: center;*/
        /*justify-content: center;*/
        position: relative
    }

    body #main #product-check .product-check-card a .card-small .card-small-logo {
        width: 100%;
        height: 230px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 9px
    }

    body #main #product-check .product-check-card a .card-small .card-small-logo img {
        width: 230px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #product-check .product-check-card a .card-small .card-small-logo img:hover {
        transform: scale(1.1);
    }

    body #main #product-check .product-check-card a .card-small .card-small-name {
        width: 100%;
        font-size: 20px;
        font-family: HarmonyOS Sans SC;
        font-weight: bold;
        color: #25345D;
        line-height: 41px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin-top: 12px;
    }

    body #main #product-check .product-check-card a .card-small .card-small-name p {
        /*width: 91px;*/
        /*height: 36px;*/
        padding: 0;
        margin: 0
    }

    body #main #product-check .product-check-card a .card-small .card-small-info {
        width: 100%;
        font-size: 14px;
        font-family: HarmonyOS Sans SC;
        font-weight: 100;
        color: #728396;
        line-height: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-top: 20px
    }

    body #main #product-check .product-check-card a .card-small .card-small-info p {
        width: 158px;
        padding: 0;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical
    }

    body #main #product-check .product-check-card a .card-small .card-small-btn {
        position: absolute;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        bottom: 56px;
        left: 0
    }

    body #main #product-check .product-check-card a .card-small .card-small-btn p {
        width: 101px;
        height: 36px;
        background: #3867FB;
        border-radius: 18px;
        font-size: 14px;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 41px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin: 0
    }

    body #main #product-check .product-check-card a .card-small .card-small-eng {
        position: absolute;
        bottom: 20px;
        left: 0;
        width: 100%;
        height: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 24px
    }

    body #main #product-check .product-check-card a .card-small .card-small-eng p {
        font-size: 14px;
        font-family: HarmonyOS Sans SC;
        font-weight: 300;
        color: #BFC7F1;
        line-height: 41px;
        padding: 0;
        margin: 0
    }

    body #main #product-finance {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        background: #FAFCFF;
    }

    body #main #product-finance .product-finance-box {
        font-family: Source Han Sans CN;
        font-weight: bold;
        font-size: 40px;
        color: #25345D;
        line-height: 24px;
        margin-top: 54px;
    }

    body #main #product-finance .product-finance-box p {
        padding: 0;
        margin: 0
    }

    body #main #product-finance .product-finance-box-small {
        width: 100%;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 18px;
        font-size: 23px
    }

    body #main #product-finance .product-finance-box-small p {
        width: 62px;
        height: 6px;
        background: #294AFF;
        border-radius: 3px;
        padding: 0;
        margin: 0
    }

    body #main #product-finance .product-finance-desc {
        /*margin-top: 22px;*/
        width: 100%;
        height: 15px;
        display: flex;
        align-items: center;
        /*margin-top: 31px;*/
        justify-content: center
    }

    body #main #product-finance .product-finance-desc p {
        padding: 0;
        margin: 0;
        font-family: Source Han Sans CN;
        font-weight: 400;
        font-size: 16px;
        color: #8F9DB1;
        line-height: 24px;
        text-align: center;
    }

    body #main #product-finance .product-finance-card {
        width: 100%;
        max-width: 1200px;
        margin-top: 80px;
        margin-bottom: 72px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    body #main #product-finance .product-finance-card a {
        width: auto;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        text-decoration: none
    }

    body #main #product-finance .product-finance-card a .card-small {
        width: 580px;
        height: 350px;
        background: #FFFFFF;
        border-radius: 20px;
        box-shadow: 0px 9px 15px 0px rgba(0, 76, 255, 0.05);
        border-radius: 20px;
        box-sizing: border-box;
        margin-bottom: 26px;
        /*display: flex;*/
        /*align-items: center;*/
        /*justify-content: center;*/
        position: relative
    }

    body #main #product-finance .product-finance-card a .card-small .card-small-logo {
        width: 100%;
        height: 207px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 9px
    }

    body #main #product-finance .product-finance-card a .card-small .card-small-logo img {
        /*width: 231px;*/
        /*height: 204px;*/
        display: flex;
        align-items: center;
        justify-content: center;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #product-finance .product-finance-card a .card-small .card-small-logo img:hover {
        transform: scale(1.1);
    }

    body #main #product-finance .product-finance-card a .card-small .card-small-name {
        width: 100%;
        font-family: Source Han Sans CN;
        font-weight: bold;
        font-size: 20px;
        color: #25345D;
        line-height: 24px;
        margin-top: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        /*margin-top: 42px*/
    }

    body #main #product-finance .product-finance-card a .card-small .card-small-name p {
        /*width: 91px;*/
        /*height: 36px;*/
        padding: 0;
        margin: 0
    }

    body #main #product-finance .product-finance-card a .card-small .card-small-info {
        width: 100%;
        font-family: Source Han Sans CN;
        font-weight: 400;
        font-size: 16px;
        color: #25345D;
        line-height: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-top: 20px
    }

    body #main #product-finance .product-finance-card a .card-small .card-small-info p {
        padding: 0;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical
    }


    body #main #product-scene {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        background: #FAFCFF;
    }

    body #main #product-scene .product-scene-box {
        font-family: Source Han Sans CN;
        font-weight: bold;
        font-size: 40px;
        color: #25345D;
        line-height: 24px;
        margin-top: 54px;
    }

    body #main #product-scene .product-scene-box p {
        padding: 0;
        margin: 0
    }

    body #main #product-scene .product-scene-box-small {
        width: 100%;
        height: 23px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 18px;
        font-size: 23px
    }

    body #main #product-scene .product-scene-box-small p {
        width: 62px;
        height: 6px;
        background: #294AFF;
        border-radius: 3px;
        padding: 0;
        margin: 0
    }

    body #main #product-scene .product-scene-desc {
        /*margin-top: 22px;*/
        width: 100%;
        height: 15px;
        display: flex;
        align-items: center;
        /*margin-top: 31px;*/
        justify-content: center
    }

    body #main #product-scene .product-scene-desc p {
        padding: 0;
        margin: 0;
        font-family: Source Han Sans CN;
        font-weight: 400;
        font-size: 16px;
        color: #8F9DB1;
        line-height: 24px;
        text-align: center;
    }

    body #main #product-scene .product-scene-card {
        width: 100%;
        max-width: 1200px;
        margin-top: 60px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    body #main #product-scene .product-scene-card a {
        width: 218px;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-left: 25px;
        text-decoration: none
    }

    body #main #product-scene .product-scene-card a .card-small {
        width: 218px;
        height: 173px;
        background: #F3FAFF;
        border-radius: 10px;
        box-shadow: 0px 9px 15px 0px rgba(0, 76, 255, 0.05);
        border-radius: 20px;
        box-sizing: border-box;
        margin-bottom: 26px;
        position: relative
    }

    body #main #product-scene .product-scene-card a .card-small .card-small-logo {
        width: 100%;
        height: 100%;
    }

    .box {
        font-family: 'Merriweather Sans', sans-serif;
        box-shadow: 0 0 2px rgba(0, 0, 0, .1);
        overflow: hidden;
        position: relative;
        margin-bottom: 32px;
        z-index: 1;
    }

    .box:before,
    .box:after,
    .box .box-content:before,
    .box .box-content:after {
        content: "";
        width: 100%;
        height: 50%;
        background: #E65100;
        opacity: 0.6;
        transform: translateX(-50%) translateY(0%);
        position: absolute;
        top: -50%;
        left: 50%;
        z-index: 1;
        -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
        clip-path: polygon(0 0, 50% 100%, 100% 0);
        transition: all .3s;
    }

    .box:after {
        transform: translateX(-50%) translateY(0%);
        top: auto;
        bottom: -50%;
        z-index: 0;
        -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
        clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    }

    .box .box-content:before {
        width: 50%;
        height: 100%;
        transform: translateX(0%) translateY(-50%);
        top: 50%;
        left: auto;
        right: -50%;
        -webkit-clip-path: polygon(100% 0, 0 50%, 100% 100%);
        clip-path: polygon(100% 0, 0 50%, 100% 100%);
    }

    .box .box-content:after {
        width: 50%;
        height: 100%;
        transform: translateX(0%) translateY(-50%);
        top: 50%;
        right: auto;
        left: -50%;
        z-index: 0;
        -webkit-clip-path: polygon(0 100%, 100% 50%, 0 0);
        clip-path: polygon(0 100%, 100% 50%, 0 0);
    }

    .box:hover:before {
        top: 0;
    }

    .box:hover:after {
        bottom: 0;
    }

    .box:hover .box-content:before {
        right: 0;
    }

    .box:hover .box-content:after {
        left: 0;
    }

    .box img {
        width: 100%;
        height: auto;
        transform: scale(1);
        transition: all 0.5s;
    }

    .box:hover img {
        transform: scale(1.5);
    }

    .box .box-content {
        height: 100%;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

    .box .content {
        text-align: center;
        width: 100%;
        transform: translateX(-50%) translateY(-50%);
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 1;
    }

    .box .title {
        color: #fff;
        font-size: 25px;
        font-weight: 600;
        text-transform: uppercase;
        margin: 0 0 5px;
        transform: rotateY(360deg) scale(0);
        transition: all 0.5s;
    }

    .box:hover .title {
        transform: rotateY(0) scale(1);
    }

    .box .post {
        color: #fff;
        font-size: 15px;
        letter-spacing: 1px;
        text-transform: capitalize;
        margin: 0 0 15px;
        display: block;
        transform: rotateY(360deg) scale(0);
        transition: all 0.5s ease 0.25s;
    }

    .box:hover .post {
        transform: rotateY(0) scale(1);
    }

    .box .icon {
        text-align: center;
        padding: 0;
        margin: 0;
        list-style: none;
        transform: rotateY(360deg) scale(0);
        transition: all 0.5s ease 0.45s;
    }

    .box:hover .icon {
        transform: rotateY(0) scale(1);
    }

    .box .icon li {
        display: inline-block;
        margin: 0 3px;
    }

    .box .icon li a {
        color: #E65100;
        background-color: #fff;
        font-size: 18px;
        line-height: 35px;
        height: 35px;
        width: 35px;
        border-radius: 10px;
        display: block;
        transition: all 0.3s;
    }

    .box .icon li a:hover {
        color: #fff;
        background-color: #E65100;
        box-shadow: 0 0 10px #000;
    }

    body #main #product-scene .product-scene-card a .card-small .card-small-logo img {
        width: 100%;
        height: 100%;
    }

    body #main #product-scene .product-scene-card a .card-small .card-small-name {
        width: 100%;
        height: 16px;
        font-size: 14px;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 41px;
        /*display: flex;*/
        /*align-items: center;*/
        /*justify-content: center;*/
        text-align: center;
        /*margin-top: 42px*/
    }

    body #main #product-scene .product-scene-card a .card-small .card-small-name p {
        width: 91px;
        height: 36px;
        background: #4C76FB;
        border-radius: 10px;
        float: right;
        right: -10px;
        padding: 0;
        margin: 0
    }

    body #main #product-scene .product-scene-card a .card-small .card-small-info {
        width: 100%;
        font-size: 14px;
        font-family: HarmonyOS Sans SC;
        font-weight: 100;
        color: #728396;
        line-height: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-top: 20px
    }

    body #main #product-scene .product-scene-card a .card-small .card-small-info p {
        width: 158px;
        padding: 0;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical
    }

    body #main #product-scene .product-scene-card a .card-small .card-small-btn {
        position: absolute;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        bottom: 56px;
        left: 0
    }

    body #main #product-scene .product-scene-card a .card-small .card-small-btn p {
        width: 101px;
        height: 36px;
        background: #3867FB;
        border-radius: 18px;
        font-size: 14px;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 41px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin: 0
    }

    body #main #product-scene .product-scene-card a .card-small .card-small-eng {
        position: absolute;
        bottom: 20px;
        left: 0;
        width: 100%;
        height: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 24px
    }

    body #main #product-scene .product-scene-card a .card-small .card-small-eng p {
        font-size: 14px;
        font-family: HarmonyOS Sans SC;
        font-weight: 300;
        color: #BFC7F1;
        line-height: 41px;
        padding: 0;
        margin: 0
    }

    body #main #distributor-system {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin-top: 55px
    }

    body #main #distributor-system .distributor-system-box {
        font-family: Source Han Sans CN;
        font-weight: bold;
        font-size: 40px;
        color: #25345D;
        line-height: 24px;
    }

    body #main #distributor-system .distributor-system-box p {
        padding: 0;
        margin: 0
    }

    body #main #distributor-system .distributor-system-box-small {
        width: 100%;
        height: 23px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 31px;
        font-size: 23px
    }

    body #main #distributor-system .distributor-system-box-small p {
        width: 62px;
        height: 6px;
        background: #294AFF;
        border-radius: 3px;
        padding: 0;
        margin: 0
    }

    body #main #distributor-system .distributor-system-desc {
        margin-top: 37px;
        width: 100%;
        height: 15px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    body #main #distributor-system .distributor-system-desc p {
        padding: 0;
        margin: 0;
        font-family: Source Han Sans CN;
        font-weight: 400;
        font-size: 16px;
        color: #8F9DB1;
        line-height: 24px;
    }

    body #main #distributor-system .distributor-img {
        width: 1014px;
        height: 617px;
        display: flex;
        background-image: url("../img/ypw/distributor_img.jpg");
        background-size: 100% 100%;
        align-items: center;
        justify-content: center;
        margin-top: 36px;
        margin-bottom: 45px;
    }

    body #main main #service-standard {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: center
    }

    body #main #service-standard .service-standard-box {
        font-family: Source Han Sans CN;
        font-weight: bold;
        font-size: 40px;
        color: #25345D;
        line-height: 24px;
        margin-top: 54px;
    }

    body #main #service-standard .service-standard-box p {
        padding: 0;
        margin: 0
    }

    body #main #service-standard .service-standard-box-small {
        width: 100%;
        height: 23px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 18px;
        font-size: 23px
    }

    body #main #service-standard .service-standard-desc {
        margin-top: 22px;
        width: 100%;
        height: 15px;
        display: flex;
        align-items: center;
        margin-top: 31px;
        justify-content: center
    }

    body #main #service-standard .service-standard-desc p {
        padding: 0;
        margin: 0;
        font-family: Source Han Sans CN;
        font-weight: 400;
        font-size: 16px;
        color: #8F9DB1;
        line-height: 24px;
        text-align: center;
    }

    body #main main #service-standard .service-standard-list {
        margin-top: 33px;
        margin-bottom: 50px;
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: space-between;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box
    }

    body #main main #service-standard .service-standard-list .service-standard-list-small {
        width: 23%;
        height: 485px;
        background: linear-gradient(0deg, #fefeff, #f2f4ff);
        border-radius: 20px;
        margin-bottom: 30px
    }

    body #main main #service-standard .service-standard-list .service-standard-list-small .service-standard-list-small-img {
        width: 100%;
        height: 170px;
        display: flex;
        padding-top: 19px;
        box-sizing: border-box;
        align-items: flex-start;
        justify-content: center
    }
    body #main main #service-standard .service-standard-list .service-standard-list-small .service-standard-list-small-img:hover {
        transform: scale(1.1);
    }

    body #main main #service-standard .service-standard-list .service-standard-list-small .service-standard-list-small-li {
        margin-top: 8px;
        width: 100%;
        padding-left: 56px;
        box-sizing: border-box
    }

    body #main main #service-standard .service-standard-list .service-standard-list-small .service-standard-list-small-li ul {
        width: 100%;
        display: flex;
        list-style: none;
        padding: 0;
        margin: 0;
        flex-wrap: wrap
    }

    body #main main #service-standard .service-standard-list .service-standard-list-small .service-standard-list-small-li ul li {
        width: 100%;
        display: flex;
        align-items: center
    }

    body #main main #service-standard .service-standard-list .service-standard-list-small .service-standard-list-small-li ul li img {
        width: 19px;
        height: 14px;
        margin-right: 14px
    }

    body #main main #service-standard .service-standard-list .service-standard-list-small .service-standard-list-small-li ul li p {
        padding: 0;
        margin: 0;
        font-size: 14px;
        font-family: SourceHanSansCN;
        font-weight: 400;
        color: #555a7d;
        line-height: 33px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical
    }

    body #main main #service-standard .service-standard-list .service-standard-list-small .service-standard-list-small-btn {
        width: 100%;
        margin-top: 30px;
        font-size: 18px;
        font-family: SourceHanSansCN;
        font-weight: 400;
        color: #000000;
        opacity: 0.9;
        display: flex;
        align-items: center;
        justify-content: center
    }

    body #main main #service-standard .service-standard-list .service-standard-list-small .service-standard-list-small-btn p {
        padding: 0;
        margin: 0
    }

    body #main main #service-standard .service-standard-list .service-standard-list-small .service-standard-list-small-eng {
        width: 100%;
        height: 9px;
        font-size: 11px;
        font-family: SourceHanSansCN;
        font-weight: 400;
        color: #e1e4ed;
        line-height: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 9px
    }

    body #main main #service-standard .service-standard-list .service-standard-list-small .service-standard-list-small-eng p {
        padding: 0;
        margin: 0
    }

    body #main #framework-system {
        width: 100%;
        background: rgba(241, 245, 255, 0.3);
        /*opacity: 0.3;*/
        border-radius: 5px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    body #main #framework-system .framework-system-box {
        font-family: Source Han Sans CN;
        font-weight: bold;
        font-size: 40px;
        color: #25345D;
        line-height: 24px;
        margin-top: 53px;
    }

    body #main #framework-system .framework-system-box p {
        padding: 0;
        margin: 0
    }

    body #main #framework-system .framework-system-box-small {
        width: 100%;
        height: 23px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 31px;
        font-size: 23px
    }

    body #main #framework-system .framework-system-box-small p {
        width: 62px;
        height: 6px;
        background: #294AFF;
        border-radius: 3px;
        padding: 0;
        margin: 0
    }

    body #main #framework-system .framework-system-desc {
        margin-top: 38px;
        width: 100%;
        height: 15px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    body #main #framework-system .framework-system-desc p {
        padding: 0;
        margin: 0;
        font-family: Source Han Sans CN;
        font-weight: 400;
        font-size: 16px;
        color: #8F9DB1;
        line-height: 24px;
    }

    body #main #framework-system .framework-img {
        width: 755px;
        height: 375px;
        background-image: url("../img/ypw/framework_img.jpg");
        background-size: 100% 100%;
        margin-top: 38px;
        margin-bottom: 71px;
    }

    body #main #framework-system .framework-icon01 {
        width: 128px;
        height: 39px;
        /*display: flex;*/
        background-image: url("../img/ypw/framework-icon01.png");
        background-size: 100% 100%;
        margin-left: 170px;
        margin-top: 20px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #framework-system .framework-icon01:hover {
        transform: scale(1.1);
    }

    body #main #framework-system .framework-icon02 {
        width: 128px;
        height: 39px;
        /*display: flex;*/
        background-image: url("../img/ypw/framework-icon02.png");
        background-size: 100% 100%;
        /*position: absolute;*/
        margin-top: -35px;
        margin-left: 468px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #framework-system .framework-icon02:hover {
        transform: scale(1.1);
    }

    body #main #framework-system .framework-icon03 {
        width: 128px;
        height: 39px;
        /*display: flex;*/
        background-image: url("../img/ypw/framework-icon03.png");
        background-size: 100% 100%;
        /*position: absolute;*/
        margin-top: 63px;
        margin-left: 620px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #framework-system .framework-icon03:hover {
        transform: scale(1.1);
    }

    body #main #framework-system .framework-icon04 {
        width: 128px;
        height: 39px;
        /*display: flex;*/
        background-image: url("../img/ypw/framework-icon04.png");
        background-size: 100% 100%;
        /*position: absolute;*/
        margin-top: 52px;
        margin-left: 448px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #framework-system .framework-icon04:hover {
        transform: scale(1.1);
    }

    body #main #framework-system .framework-icon05 {
        width: 128px;
        height: 39px;
        /*display: flex;*/
        background-image: url("../img/ypw/framework-icon05.png");
        background-size: 100% 100%;
        /*position: absolute;*/
        margin-top: -36px;
        margin-left: 155px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #framework-system .framework-icon05:hover {
        transform: scale(1.1);
    }

    body #main #framework-system .framework-icon06 {
        width: 128px;
        height: 39px;
        /*display: flex;*/
        background-image: url("../img/ypw/framework-icon06.png");
        background-size: 100% 100%;
        /*position: absolute;*/
        margin-top: -140px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #framework-system .framework-icon06:hover {
        transform: scale(1.1);
    }

    body #main #product-cycle {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        background: #F1F5FF;
        padding-bottom: 60px;
    }

    body #main #product-cycle .product-cycle-box {
        font-size: 30px;
        font-family: Source Han Sans CN;
        font-weight: bold;
        color: #25345D;
        line-height: 18px;
        margin-top: 54px;
    }

    body #main #product-cycle .product-cycle-box p {
        padding: 0;
        margin: 0
    }

    body #main #product-cycle .product-cycle-desc {
        margin-top: 22px;
        width: 100%;
        height: 15px;
        display: flex;
        align-items: center;
        margin-top: 18px;
        justify-content: center
    }

    body #main #product-cycle .product-cycle-desc p {
        padding: 0;
        margin: 0;
        font-size: 12px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #8F9DB1;
        line-height: 18px;
        text-align: center;
    }

    body #main #product-cycle .news-center-card-three {
        margin-top: 27px;
        /*width: 1200px;*/
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: center;
        padding-left: 0
    }

    body #main #product-cycle .news-center-card-three .news-center-card-small {
        width: 435px;
        height: 128px;
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: center;
        margin-bottom: 20px;
    }

    body #main #product-cycle .news-center-card-three .news-center-card-small a {
        width: 435px;
        height: 128px;
        background: linear-gradient(0deg, #FFFFFD, #fff);
        box-shadow: 0px 10px 15px 0px rgba(0, 76, 255, 0.05);
        border-radius: 10px;
        margin-right: 29px;
    }

    body #main #product-cycle .news-center-card-three .news-center-card-small a .news-center-card-img {
        width: 96px;
        height: 100%;
        float: left;
        border-radius: 10px;
    }

    body #main #product-cycle .news-center-card-three .news-center-card-small a .news-center-card-img img {
        width: 72px;
        height: 72px;
        margin-top: 24px;
        margin-left: 24px;
        border-radius: 10px;
        transition: 0.2s;
        object-fit: cover
    }

    body #main #product-cycle .news-center-card-three .news-center-card-small a .news-center-card-img img:hover {
        transform: scale(1.1);
    }

    body #main #product-cycle .news-center-card-three .news-center-card-small a .news-center-card-content {
        margin-left: 17px;
        margin-top: 27px
    }

    body #main #product-cycle .news-center-card-three .news-center-card-small a .news-center-card-content .news-center-card-content-box {
        width: 244px;
        height: 100%;
        margin-left: 17px;
        float: left;
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        position: relative
    }

    body #main #product-cycle .news-center-card-three .news-center-card-small a .news-center-card-content .news-center-card-content-box .news-center-card-content-box-title {
        height: 25px;
        /*margin-top: 16px;*/
        display: flex
    }

    body #main #product-cycle .news-center-card-three .news-center-card-small a .news-center-card-content .news-center-card-content-box .news-center-card-content-box-title .title-hotspots {
        width: 121px;
        height: 20px;
        /*display: flex;*/
        /*align-items: center;*/
        /*justify-content: center;*/
        margin-right: 5px
    }

    body #main #product-cycle .news-center-card-three .news-center-card-small a .news-center-card-content .news-center-card-content-box .news-center-card-content-box-title .title-hotspots p {
        font-size: 15px;
        font-family: Source Han Sans CN;
        font-weight: 800;
        color: #1E61FF;
        line-height: 18px;
        padding: 0;
        margin: 0
    }

    body #main #product-cycle .news-center-card-three .news-center-card-small a .news-center-card-content .news-center-card-content-box .news-center-card-content-box-info {
        font-size: 11px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #8594B4;
        line-height: 15px;
        /*margin-top: 13px;*/
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical
    }

    body #main #product-cycle .news-center-card-three .news-center-card-small a .news-center-card-content .news-center-card-content-box .news-center-card-content-box-info p {
        padding: 0;
        margin: 0
    }

    body #main #product-scheme {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin-top: 54px;
        /*padding-bottom: 78px;*/
    }

    body #main #product-scheme .product-scheme-box {
        font-size: 30px;
        font-family: Source Han Sans CN;
        font-weight: bold;
        color: #25345D;
        line-height: 18px;
    }

    body #main #product-scheme .product-scheme-box p {
        padding: 0;
        margin: 0
    }

    body #main #product-scheme .product-scheme-box-small {
        width: 100%;
        height: 23px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 28px;
        font-size: 23px
    }

    body #main #product-scheme .product-scheme-box-small p {
        width: 62px;
        height: 6px;
        background: #294AFF;
        border-radius: 3px;
        padding: 0;
        margin: 0
    }

    body #main #product-scheme .product-scheme-desc {
        margin-top: 22px;
        width: 100%;
        height: 15px;
        display: flex;
        align-items: center;
        margin-top: 18px;
        justify-content: center
    }

    body #main #product-scheme .product-scheme-desc p {
        padding: 0;
        margin: 0;
        height: 12px;
        font-size: 12px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #8F9DB1;
        line-height: 18px;
    }

    body #main #product-scheme .product-scheme-card {
        width: 100%;
        /*max-width: 1200px;*/
        margin-top: 49px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    body #main #product-scheme .product-scheme-card a {
        width: auto;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-right: 22px;
        text-decoration: none
    }

    body #main #product-scheme .product-scheme-card a .card-small {
        width: 285px;
        height: 245px;
        box-sizing: border-box;
        /*margin-bottom: 26px;*/
        position: relative
    }

    body #main #product-scheme .product-scheme-card a .card-small .card-small-logo {
        width: 285px;
        height: 162px;
        display: flex;
        align-items: center;
        justify-content: center;
        /*margin-top: 58px*/
    }

    body #main #product-scheme .product-scheme-card a .card-small .card-small-logo img {
        object-fit: cover;
        transition: 0.2s;
        width: 285px;
        height: 162px;
    }

    body #main #product-scheme .product-scheme-card a .card-small .card-small-logo img:hover {
        transform: scale(1.1);
    }

    body #main #product-scheme .product-scheme-card a .card-small .card-small-name {
        width: 100%;
        height: 18px;
        /*display: flex;*/
        /*align-items: center;*/
        /*justify-content: center;*/
        margin-top: 25px;
        margin-left: 13px;
    }

    body #main #product-scheme .product-scheme-card a .card-small .card-small-name p {
        padding: 0;
        height: 14px;
        font-size: 14px;
        font-family: Source Han Sans CN;
        font-weight: bold;
        color: #25345D;
        line-height: 18px;
        /*opacity: 0.8;*/
        margin: 0
    }

    body #main #product-scheme .product-scheme-card a .card-small .card-small-info {
        width: 100%;
        font-size: 12px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #8F9DB1;
        line-height: 18px;
        margin-top: 14px
    }

    body #main #product-scheme .product-scheme-card a .card-small .card-small-info p {
        width: 285px;
        padding: 0;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical
    }

    body #main #product-scheme .product-scheme-card a .card-small .card-small-btn {
        position: absolute;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        bottom: 56px;
        left: 0
    }

    body #main #product-scheme .product-scheme-card a .card-small .card-small-btn p {
        width: 101px;
        height: 36px;
        background: #3867FB;
        border-radius: 18px;
        font-size: 14px;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 41px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin: 0
    }

    body #main #product-scheme .product-scheme-card a .card-small .card-small-eng {
        position: absolute;
        bottom: 20px;
        left: 0;
        width: 100%;
        height: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 24px
    }

    body #main #product-scheme .product-scheme-card a .card-small .card-small-eng p {
        font-size: 14px;
        font-family: HarmonyOS Sans SC;
        font-weight: 300;
        color: #BFC7F1;
        line-height: 41px;
        padding: 0;
        margin: 0
    }


    body #main #about-us {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        /* justify-content: flex-end; */
        flex-direction: column;
        margin-top: 69px;
        align-content: center;
    }

    body #main #about-us .about-us-box {
        font-family: Source Han Sans CN;
        font-weight: bold;
        font-size: 30px;
        color: #25345D;
        line-height: 18px;
    }

    body #main #about-us .about-us-box p {
        padding: 0;
        margin: 0
    }

    body #main #about-us .about-us-img {
        max-width: 928px;
        height: 264px;
        display: flex;
        background-image: url("../img/ypw/about-us01.jpg");
        background-size: 100% 100%;
        align-items: center;
        justify-content: flex-start;
        margin-top: 79px;
    }

    body #main #about-us .about-us-img .about-us-desc {
        width: 656px;
        height: 160px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        font-size: 12px;
        color: #FFFFFF;
        line-height: 13px;
        margin-left: 49px;
    }

    body #main #about-us .about-us-img .about-us-desc-img {
        width: 405px;
        height: 264px;
        background-image: url("../img/ypw/about-us03.jpg");
        background-size: 100% 100%;
        position: relative;
       right: 20px;
        bottom: 32px;
    }

    body #main #about-us .about-certificate-img {
        width: 928px;
        height: 489px;
        display: flex;
        background-image: url("../img/ypw/about-us02.jpg");
        background-size: 100% 100%;
        align-items: center;
        justify-content: flex-start;
        margin-top: 30px;
    }

    body #main footer {
        width: 100%;
        height: 436px;
        background-image: url("../img/homepage/footer_bg.jpg");
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: center;
        position: relative;
        margin-top: 79px
    }
}

@media screen and (min-device-width: 1001px) and (max-device-width: 1440px) {
    body {
        min-width: 800px;
        margin: 0;
        padding: 0;
        box-sizing: border-box
    }

    body #main {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap
    }

    body #main #product-banner {
        width: 100%;
        height: 257px;
        margin-top: -5px;
        background-image: url("../img/ypw/banner.jpg");
        background-size: cover;
        /*display: flex;*/
        /*flex-wrap: wrap;*/
        /*justify-content: center;*/
        /*align-content: flex-start*/
    }

    body #main #product-banner .product-banner-box {
        font-family: Source Han Sans CN;
        font-weight: 500;
        font-size: 51px;
        color: #25345D;
        line-height: 45px;
        letter-spacing: 5px;
        padding-left: 284px;
        margin-top: 48px;
    }

    body #main #product-banner .product-banner-box p {
        padding: 0;
        margin: 0
    }

    body #main #product-banner .product-banner-msg {
        font-family: Source Han Sans CN;
        font-weight: 400;
        font-size: 14px;
        color: #25345D;
        line-height: 20px;
        padding-left: 289px;
        margin-top: 15px;
    }

    body #main #product-banner .product-banner-msg p {
        padding: 0;
        margin: 0
    }


    body #main #product-banner .product-banner-desc {
        margin-top: 21px;
        width: 100%;
        height: 75px;
        margin-left: 288px;
    }

    body #main #product-banner .product-banner-desc p {
        display: block;
        float: left;
        margin-right: 25px;
        padding-left: 30px;
        width: 150px;
        height: 50px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        font-size: 20px;
        color: #FFFFFF;
        line-height:  50px;
        text-align: center;
    }

    body #main #product-banner .product-banner-desc p:first-child {
        background: #1E61FF;
        color: #FFFFFF;
        background-image: url("../img/ypw/zx_btn.png");
        background-position: 15px 10px;
        background-repeat: no-repeat;
        border-radius: 10px;
    }

    body #main #product-banner .product-banner-desc p:nth-child(2) {
        background: rgba(243, 250, 255, 0);
        border: 2px solid #F3FAFF;
        color: #25345D;
        border-radius: 10px;
        border: 1px solid #1E61FF;
        background-image: url("../img/ypw/ys_btn.png");
        background-position: 15px 10px;
        background-repeat: no-repeat;
    }

    body #main #omi-system {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin-top: 37px;
    }

    body #main #omi-system .omi-system-box {
        font-family: Source Han Sans CN;
        font-weight: bold;
        font-size: 30px;
        color: #25345D;
        line-height: 18px;
    }

    body #main #omi-system .omi-system-box p {
        padding: 0;
        margin: 0
    }

    /*body #main #omi-system .omi-system-box-small {*/
        /*width: 100%;*/
        /*height: 23px;*/
        /*display: flex;*/
        /*align-items: center;*/
        /*justify-content: center;*/
        /*margin-top: 18px;*/
        /*font-size: 23px*/
    /*}*/

    /*body #main #omi-system .omi-system-box-small p {*/
        /*width: 62px;*/
        /*height: 6px;*/
        /*background: #294AFF;*/
        /*border-radius: 3px;*/
        /*padding: 0;*/
        /*margin: 0*/
    /*}*/

    body #main #omi-system .omi-system-desc {
        margin-top: 18px;
        width: 100%;
        height: 15px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    body #main #omi-system .omi-system-desc p {
        padding: 0;
        margin: 0;
        font-family: Source Han Sans CN;
        font-weight: 400;
        font-size: 12px;
        color: #8F9DB1;
        line-height: 18px;
    }

    body #main #omi-system .omi-img {
        width: 575px;
        height: 479px;
        /*display: flex;*/
        background-image: url("../img/ypw/omi_img.jpg");
        background-size: 100% 100%;
        /*align-items: center;*/
        /*justify-content: center;*/
        margin-top: 36px;
        margin-bottom: 53px;
    }

    body #main #omi-system .omi-icon_01 {
        width: 214px;
        height: 111px;
        display: flex;
        background-image: url("../img/ypw/omi-icon01.png");
        background-size: 100% 100%;
        position: absolute;
        margin-top: -260px;
        margin-right: 560px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #omi-system .omi-icon_01:hover {
        transform: scale(1.1);
    }

    body #main #omi-system .omi-icon_02 {
        width: 214px;
        height: 111px;
        display: flex;
        background-image: url("../img/ypw/omi-icon02.png");
        background-size: 100% 100%;
        position: absolute;
        margin-top: -80px;
        margin-right: 700px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #omi-system .omi-icon_02:hover {
        transform: scale(1.1);
    }

    body #main #omi-system .omi-icon_03 {
        width: 214px;
        height: 111px;
        display: flex;
        background-image: url("../img/ypw/omi-icon03.png");
        background-size: 100% 100%;
        position: absolute;
        margin-top: 100px;
        margin-right: 740px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #omi-system .omi-icon_03:hover {
        transform: scale(1.1);
    }

    body #main #omi-system .omi-icon_04 {
        width: 214px;
        height: 111px;
        display: flex;
        background-image: url("../img/ypw/omi-icon04.png");
        background-size: 100% 100%;
        position: absolute;
        margin-top: 300px;
        margin-right: 600px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #omi-system .omi-icon_04:hover {
        transform: scale(1.1);
    }

    body #main #omi-system .omi-icon_05 {
        width: 214px;
        height: 111px;
        display: flex;
        background-image: url("../img/ypw/omi-icon05.png");
        background-size: 100% 100%;
        position: absolute;
        margin-top: -260px;
        margin-left: 560px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #omi-system .omi-icon_05:hover {
        transform: scale(1.1);
    }

    body #main #omi-system .omi-icon_06 {
        width: 214px;
        height: 111px;
        display: flex;
        background-image: url("../img/ypw/omi-icon06.png");
        background-size: 100% 100%;
        position: absolute;
        margin-top: -80px;
        margin-left: 700px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #omi-system .omi-icon_06:hover {
        transform: scale(1.1);
    }

    body #main #omi-system .omi-icon_07 {
        width: 214px;
        height: 111px;
        display: flex;
        background-image: url("../img/ypw/omi-icon07.png");
        background-size: 100% 100%;
        position: absolute;
        margin-top: 100px;
        margin-left: 740px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #omi-system .omi-icon_07:hover {
        transform: scale(1.1);
    }

    body #main #omi-system .omi-icon_08 {
        width: 214px;
        height: 111px;
        display: flex;
        background-image: url("../img/ypw/omi-icon08.png");
        background-size: 100% 100%;
        position: absolute;
        margin-top: 300px;
        margin-left: 600px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #omi-system .omi-icon_08:hover {
        transform: scale(1.1);
    }

    body #main #product-risk {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin-top: 53px
    }

    body #main #product-risk .product-risk-box {
        font-family: Source Han Sans CN;
        font-weight: bold;
        font-size: 30px;
        color: #25345D;
        line-height: 18px;
    }

    body #main #product-risk .product-risk-box p {
        padding: 0;
        margin: 0
    }

    /*body #main #product-risk .product-risk-box-small {*/
        /*width: 100%;*/
        /*height: 24px;*/
        /*display: flex;*/
        /*align-items: center;*/
        /*justify-content: center;*/
        /*margin-top: 18px;*/
        /*font-size: 23px*/
    /*}*/

    /*body #main #product-risk .product-risk-box-small p {*/
        /*width: 62px;*/
        /*height: 6px;*/
        /*background: #294AFF;*/
        /*border-radius: 3px;*/
        /*padding: 0;*/
        /*margin: 0*/
    /*}*/

    body #main #product-risk .product-risk-desc {
        margin-top: 18px;
        width: 100%;
        height: 15px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    body #main #product-risk .product-risk-desc p {
        padding: 0;
        margin: 0;
        font-family: Source Han Sans CN;
        font-weight: 400;
        font-size: 12px;
        color: #8F9DB1;
        line-height: 18px;
        text-align: center;
    }

    body #main #product-risk .product-risk-card {
        width: 100%;
        max-width: 1200px;
        margin-top: 45px;
        padding: 0 0 0 56px;
        display: flex;
        flex-wrap: wrap;
        border-radius: 19px;
        justify-content: space-between
    }

    body #main #product-risk .product-risk-card a {
        width: auto;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        text-decoration: none
    }

    body #main #product-risk .product-risk-card a .card-small {
        width: 218px;
        height: 173px;
        background: #F3FAFF;
        border-radius: 10px;
        box-shadow: 0px 9px 15px 0px rgba(0, 76, 255, 0.05);
        border-radius: 20px;
        box-sizing: border-box;
        margin-bottom: 26px;
        position: relative
    }

    body #main #product-risk .product-risk-card a .product-risk-card-small {
        width: 273px;
        height: 256px;
        background: linear-gradient(0deg, #FFFFFF, #FAFCFF);
        border-radius: 13px;
        margin-bottom: 10px;
    }

    body #main #product-risk .product-risk-card a .product-risk-card-small .product-risk-card-small-left {
        margin-top: 32px;
        width: 100%;
        height: 81px;
        display: flex;
        align-items: center;
        justify-content: center;
        /*background-image: url("../img/homepage/solution_bg.png");*/
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 81px 81px
    }

    body #main #product-risk .product-risk-card a .product-risk-card-small .product-risk-card-small-left img {
        width: 81px;
        height: 81px;
        object-fit: cover;
        transition: 0.2s;
        /*margin-bottom: 3px*/
    }

    body #main #product-risk .product-risk-card a .product-risk-card-small .product-risk-card-small-left img:hover {
        transform: scale(1.1);
    }

    body #main #product-risk .product-risk-card a .product-risk-card-small .product-risk-card-small-right {
        width: 100%;
        height: 100%;
    }

    body #main #product-risk .product-risk-card a .product-risk-card-small .product-risk-card-small-right .product-risk-card-small-right-title {
        font-family: Source Han Sans CN;
        font-weight: bold;
        font-size: 20px;
        color: #25345D;
        line-height: 41px;
        height: 20px;
        margin-top: 16px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    body #main #product-risk .product-risk-card a .product-risk-card-small .product-risk-card-small-right .product-risk-card-small-right-title p {
        padding: 0;
        margin: 0
    }

    body #main #product-risk .product-risk-card a .product-risk-card-small .product-risk-card-small-right .product-risk-card-small-right-desc {
        width: 100%;
        box-sizing: border-box;
        height: 75px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        font-size: 14px;
        color: #7181A4;
        line-height: 18px;
        opacity: 0.8;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    body #main #product-risk .product-risk-card a .product-risk-card-small .product-risk-card-small-right .product-risk-card-small-right-desc p {
        padding: 0;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical
    }

    body #main #pain-spot {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        height: 1306px;
        background-image: url("../img/ypw/pain_img.jpg");
        background-size: 100% 100%;
    }

    body #main #pain-spot .pain-spot-box {
        font-size: 30px;
        font-family: Source Han Sans CN;
        font-weight: bold;
        color: #25345D;
        line-height: 18px;
        margin-top: 55px;
    }

    body #main #pain-spot .pain-spot-box p {
        padding: 0;
        margin: 0
    }

    /*body #main #pain-spot .pain-spot-box-small {*/
        /*width: 100%;*/
        /*height: 23px;*/
        /*display: flex;*/
        /*align-items: center;*/
        /*justify-content: center;*/
        /*margin-top: 28px;*/
        /*font-size: 23px*/
    /*}*/

    /*body #main #pain-spot .pain-spot-box-small p {*/
        /*width: 62px;*/
        /*height: 6px;*/
        /*background: #294AFF;*/
        /*border-radius: 3px;*/
        /*padding: 0;*/
        /*margin: 0*/
    /*}*/

    body #main #pain-spot .pain-spot-desc {
        margin-top: 22px;
        width: 100%;
        height: 15px;
        display: flex;
        align-items: center;
        margin-top: 17px;
        justify-content: center
    }

    body #main #pain-spot .pain-spot-desc p {
        padding: 0;
        margin: 0;
        font-size: 12px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #8F9DB1;
        line-height: 18px;
        text-align: center;
    }

    body #main #pain-spot .pain-spot-img {
        width: 898px;
        height: 1058px;
        display: flex;
        background-image: url("../img/ypw/pain-spot01.jpg");
        background-size: 100% 100%;
        align-items: center;
        justify-content: center;
        margin-top: 50px;
        margin-bottom: 71px;
    }

    body #main #pain-spot .pain-spot-card {
        width: 956px;
        margin-top: 29px;
        margin-bottom: 54px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    body #main #pain-spot .pain-spot-card a {
        margin-left: 20px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    body #main #pain-spot .pain-spot-card a .card-small {
        width: 130px;
        height: 131px;
        background: #FFFFFF;
        border: 1px solid #E2F0FC;
        border-radius: 12px;
        margin-bottom: 24px;
        position: relative
    }

    body #main #pain-spot .pain-spot-card a .card-small .card-small-logo {
        width: 66px;
        height: 66px;
        margin-left: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 17px
    }

    body #main #pain-spot .pain-spot-card a .card-small .card-small-logo img {
        width: 66px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #pain-spot .pain-spot-card a .card-small .card-small-logo img:hover {
        transform: scale(1.1);
    }

    body #main #pain-spot .pain-spot-card a .card-small .card-small-name {
        font-size: 14px;
        font-family: Source Han Sans CN;
        font-weight: 500;
        color: #25345D;
        line-height: 18px;
        margin-top: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    body #main #pain-spot .pain-spot-card a .card-small .card-small-name p {
        padding: 0;
        margin: 0
    }

    body #main #product-check {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        background: #F1F5FF;
        /*margin-top: 69px*/
    }

    body #main #product-check .product-check-box {
        font-family: Source Han Sans CN;
        font-weight: bold;
        font-size: 30px;
        color: #25345D;
        line-height: 18px;
        margin-top: 57px;
    }

    body #main #product-check .product-check-box p {
        padding: 0;
        margin: 0
    }

    /*body #main #product-check .product-check-box-small {*/
        /*width: 100%;*/
        /*height: 23px;*/
        /*display: flex;*/
        /*align-items: center;*/
        /*justify-content: center;*/
        /*margin-top: 18px;*/
        /*font-size: 23px*/
    /*}*/

    /*body #main #product-check .product-check-box-small p {*/
        /*width: 62px;*/
        /*height: 6px;*/
        /*background: #294AFF;*/
        /*border-radius: 3px;*/
        /*padding: 0;*/
        /*margin: 0*/
    /*}*/

    body #main #product-check .product-check-desc {
        width: 100%;
        height: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 18px;
    }

    body #main #product-check .product-check-desc p {
        padding: 0;
        margin: 0;
        font-family: Source Han Sans CN;
        font-weight: 400;
        font-size: 12px;
        color: #8F9DB1;
        line-height: 18px;
        text-align: center;
    }

    body #main #product-check .product-check-card {
        width: 100%;
        max-width: 1200px;
        margin-top: 40px;
        margin-bottom: 100px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    body #main #product-check .product-check-card a {
        width: auto;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        text-decoration: none
    }

    body #main #product-check .product-check-card a .card-small {
        width: 352px;
        height: 320px;
        background: #FFFFFF;
        border-radius: 15px;
        box-shadow: 0px 9px 15px 0px rgba(0, 76, 255, 0.05);
        border-radius: 20px;
        box-sizing: border-box;
        margin-bottom: 26px;
        /*display: flex;*/
        /*align-items: center;*/
        /*justify-content: center;*/
        position: relative
    }

    body #main #product-check .product-check-card a .card-small .card-small-logo {
        width: 100%;
        height: 230px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 9px
    }

    body #main #product-check .product-check-card a .card-small .card-small-logo img {
        width: 230px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #product-check .product-check-card a .card-small .card-small-logo img:hover {
        transform: scale(1.1);
    }

    body #main #product-check .product-check-card a .card-small .card-small-name {
        width: 100%;
        font-size: 20px;
        font-family: HarmonyOS Sans SC;
        font-weight: bold;
        color: #25345D;
        line-height: 41px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin-top: 12px;
    }

    body #main #product-check .product-check-card a .card-small .card-small-name p {
        /*width: 91px;*/
        /*height: 36px;*/
        padding: 0;
        margin: 0
    }

    body #main #product-check .product-check-card a .card-small .card-small-info {
        width: 100%;
        font-size: 14px;
        font-family: HarmonyOS Sans SC;
        font-weight: 100;
        color: #728396;
        line-height: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-top: 20px
    }

    body #main #product-check .product-check-card a .card-small .card-small-info p {
        width: 158px;
        padding: 0;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical
    }

    body #main #product-check .product-check-card a .card-small .card-small-btn {
        position: absolute;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        bottom: 56px;
        left: 0
    }

    body #main #product-check .product-check-card a .card-small .card-small-btn p {
        width: 101px;
        height: 36px;
        background: #3867FB;
        border-radius: 18px;
        font-size: 14px;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 41px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin: 0
    }

    body #main #product-check .product-check-card a .card-small .card-small-eng {
        position: absolute;
        bottom: 20px;
        left: 0;
        width: 100%;
        height: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 24px
    }

    body #main #product-check .product-check-card a .card-small .card-small-eng p {
        font-size: 14px;
        font-family: HarmonyOS Sans SC;
        font-weight: 300;
        color: #BFC7F1;
        line-height: 41px;
        padding: 0;
        margin: 0
    }

    body #main #product-finance {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        background: #FAFCFF;
    }

    body #main #product-finance .product-finance-box {
        font-family: Source Han Sans CN;
        font-weight: bold;
        font-size: 30px;
        color: #25345D;
        line-height: 18px;
        margin-top: 54px;
    }

    body #main #product-finance .product-finance-box p {
        padding: 0;
        margin: 0
    }

    /*body #main #product-finance .product-finance-box-small {*/
        /*width: 100%;*/
        /*height: 24px;*/
        /*display: flex;*/
        /*align-items: center;*/
        /*justify-content: center;*/
        /*margin-top: 18px;*/
        /*font-size: 23px*/
    /*}*/

    /*body #main #product-finance .product-finance-box-small p {*/
        /*width: 62px;*/
        /*height: 6px;*/
        /*background: #294AFF;*/
        /*border-radius: 3px;*/
        /*padding: 0;*/
        /*margin: 0*/
    /*}*/

    body #main #product-finance .product-finance-desc {
        /*margin-top: 22px;*/
        width: 100%;
        height: 15px;
        display: flex;
        align-items: center;
        /*margin-top: 31px;*/
        justify-content: center;
        margin-top: 18px;
    }

    body #main #product-finance .product-finance-desc p {
        padding: 0;
        margin: 0;
        font-family: Source Han Sans CN;
        font-weight: 400;
        font-size: 12px;
        color: #8F9DB1;
        line-height: 18px;
        text-align: center;
    }

    body #main #product-finance .product-finance-card {
        width: 100%;
        max-width: 1200px;
        margin-top: 40px;
        margin-bottom: 72px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    body #main #product-finance .product-finance-card a {
        width: auto;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        text-decoration: none
    }

    body #main #product-finance .product-finance-card a .card-small {
        width: 580px;
        height: 350px;
        background: #FFFFFF;
        border-radius: 20px;
        box-shadow: 0px 9px 15px 0px rgba(0, 76, 255, 0.05);
        border-radius: 20px;
        box-sizing: border-box;
        margin-bottom: 26px;
        /*display: flex;*/
        /*align-items: center;*/
        /*justify-content: center;*/
        position: relative
    }

    body #main #product-finance .product-finance-card a .card-small .card-small-logo {
        width: 100%;
        height: 207px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 9px
    }

    body #main #product-finance .product-finance-card a .card-small .card-small-logo img {
        /*width: 231px;*/
        /*height: 204px;*/
        display: flex;
        align-items: center;
        justify-content: center;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #product-finance .product-finance-card a .card-small .card-small-logo img:hover {
        transform: scale(1.1);
    }

    body #main #product-finance .product-finance-card a .card-small .card-small-name {
        width: 100%;
        font-family: Source Han Sans CN;
        font-weight: bold;
        font-size: 20px;
        color: #25345D;
        line-height: 24px;
        margin-top: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        /*margin-top: 42px*/
    }

    body #main #product-finance .product-finance-card a .card-small .card-small-name p {
        /*width: 91px;*/
        /*height: 36px;*/
        padding: 0;
        margin: 0
    }

    body #main #product-finance .product-finance-card a .card-small .card-small-info {
        width: 100%;
        font-family: Source Han Sans CN;
        font-weight: 400;
        font-size: 16px;
        color: #25345D;
        line-height: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-top: 20px
    }

    body #main #product-finance .product-finance-card a .card-small .card-small-info p {
        padding: 0;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical
    }



    body #main #product-scene {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        background: #FAFCFF;
    }

    body #main #product-scene .product-scene-box {
        font-family: Source Han Sans CN;
        font-weight: bold;
        font-size: 30px;
        color: #25345D;
        line-height: 18px;
        margin-top: 54px;
    }

    body #main #product-scene .product-scene-box p {
        padding: 0;
        margin: 0
    }

    /*body #main #product-scene .product-scene-box-small {*/
        /*width: 100%;*/
        /*height: 23px;*/
        /*display: flex;*/
        /*align-items: center;*/
        /*justify-content: center;*/
        /*margin-top: 18px;*/
        /*font-size: 23px*/
    /*}*/

    /*body #main #product-scene .product-scene-box-small p {*/
        /*width: 62px;*/
        /*height: 6px;*/
        /*background: #294AFF;*/
        /*border-radius: 3px;*/
        /*padding: 0;*/
        /*margin: 0*/
    /*}*/

    body #main #product-scene .product-scene-desc {
        margin-top: 18px;
        width: 100%;
        height: 15px;
        display: flex;
        align-items: center;
        /*margin-top: 31px;*/
        justify-content: center
    }

    body #main #product-scene .product-scene-desc p {
        padding: 0;
        margin: 0;
        font-family: Source Han Sans CN;
        font-weight: 400;
        font-size: 12px;
        color: #8F9DB1;
        line-height: 18px;
        text-align: center;
    }

    body #main #product-scene .product-scene-card {
        width: 100%;
        max-width: 1200px;
        margin-top: 30px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    body #main #product-scene .product-scene-card a {
        width: auto;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        text-decoration: none
    }

    body #main #product-scene .product-scene-card a .card-small {
        width: 218px;
        height: 173px;
        background: #F3FAFF;
        border-radius: 10px;
        box-shadow: 0px 9px 15px 0px rgba(0, 76, 255, 0.05);
        border-radius: 20px;
        box-sizing: border-box;
        margin-bottom: 26px;
        position: relative
    }

    body #main #product-scene .product-scene-card a .card-small .card-small-logo {
        width: 100%;
        height: 100%;
    }

    .box {
        font-family: 'Merriweather Sans', sans-serif;
        box-shadow: 0 0 2px rgba(0, 0, 0, .1);
        overflow: hidden;
        position: relative;
        margin-bottom: 32px;
        z-index: 1;
    }

    .box:before,
    .box:after,
    .box .box-content:before,
    .box .box-content:after {
        content: "";
        width: 100%;
        height: 50%;
        background: #E65100;
        opacity: 0.6;
        transform: translateX(-50%) translateY(0%);
        position: absolute;
        top: -50%;
        left: 50%;
        z-index: 1;
        -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
        clip-path: polygon(0 0, 50% 100%, 100% 0);
        transition: all .3s;
    }

    .box:after {
        transform: translateX(-50%) translateY(0%);
        top: auto;
        bottom: -50%;
        z-index: 0;
        -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
        clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    }

    .box .box-content:before {
        width: 50%;
        height: 100%;
        transform: translateX(0%) translateY(-50%);
        top: 50%;
        left: auto;
        right: -50%;
        -webkit-clip-path: polygon(100% 0, 0 50%, 100% 100%);
        clip-path: polygon(100% 0, 0 50%, 100% 100%);
    }

    .box .box-content:after {
        width: 50%;
        height: 100%;
        transform: translateX(0%) translateY(-50%);
        top: 50%;
        right: auto;
        left: -50%;
        z-index: 0;
        -webkit-clip-path: polygon(0 100%, 100% 50%, 0 0);
        clip-path: polygon(0 100%, 100% 50%, 0 0);
    }

    .box:hover:before {
        top: 0;
    }

    .box:hover:after {
        bottom: 0;
    }

    .box:hover .box-content:before {
        right: 0;
    }

    .box:hover .box-content:after {
        left: 0;
    }

    .box img {
        width: 100%;
        height: auto;
        transform: scale(1);
        transition: all 0.5s;
    }

    .box:hover img {
        transform: scale(1.5);
    }

    .box .box-content {
        height: 100%;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

    .box .content {
        text-align: center;
        width: 100%;
        transform: translateX(-50%) translateY(-50%);
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 1;
    }

    .box .title {
        color: #fff;
        font-size: 25px;
        font-weight: 600;
        text-transform: uppercase;
        margin: 0 0 5px;
        transform: rotateY(360deg) scale(0);
        transition: all 0.5s;
    }

    .box:hover .title {
        transform: rotateY(0) scale(1);
    }

    .box .post {
        color: #fff;
        font-size: 15px;
        letter-spacing: 1px;
        text-transform: capitalize;
        margin: 0 0 15px;
        display: block;
        transform: rotateY(360deg) scale(0);
        transition: all 0.5s ease 0.25s;
    }

    .box:hover .post {
        transform: rotateY(0) scale(1);
    }

    .box .icon {
        text-align: center;
        padding: 0;
        margin: 0;
        list-style: none;
        transform: rotateY(360deg) scale(0);
        transition: all 0.5s ease 0.45s;
    }

    .box:hover .icon {
        transform: rotateY(0) scale(1);
    }

    .box .icon li {
        display: inline-block;
        margin: 0 3px;
    }

    .box .icon li a {
        color: #E65100;
        background-color: #fff;
        font-size: 18px;
        line-height: 35px;
        height: 35px;
        width: 35px;
        border-radius: 10px;
        display: block;
        transition: all 0.3s;
    }

    .box .icon li a:hover {
        color: #fff;
        background-color: #E65100;
        box-shadow: 0 0 10px #000;
    }

    body #main #product-scene .product-scene-card a .card-small .card-small-logo img {
        width: 100%;
        height: 100%;
    }

    body #main #product-scene .product-scene-card a .card-small .card-small-name {
        width: 100%;
        height: 16px;
        font-size: 14px;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 41px;
        /*display: flex;*/
        /*align-items: center;*/
        /*justify-content: center;*/
        text-align: center;
        /*margin-top: 42px*/
    }

    body #main #product-scene .product-scene-card a .card-small .card-small-name p {
        width: 91px;
        height: 36px;
        background: #4C76FB;
        border-radius: 10px;
        float: right;
        right: -10px;
        padding: 0;
        margin: 0
    }

    body #main #product-scene .product-scene-card a .card-small .card-small-info {
        width: 100%;
        font-size: 14px;
        font-family: HarmonyOS Sans SC;
        font-weight: 100;
        color: #728396;
        line-height: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-top: 20px
    }

    body #main #product-scene .product-scene-card a .card-small .card-small-info p {
        width: 158px;
        padding: 0;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical
    }

    body #main #product-scene .product-scene-card a .card-small .card-small-btn {
        position: absolute;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        bottom: 56px;
        left: 0
    }

    body #main #product-scene .product-scene-card a .card-small .card-small-btn p {
        width: 101px;
        height: 36px;
        background: #3867FB;
        border-radius: 18px;
        font-size: 14px;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 41px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin: 0
    }

    body #main #product-scene .product-scene-card a .card-small .card-small-eng {
        position: absolute;
        bottom: 20px;
        left: 0;
        width: 100%;
        height: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 24px
    }

    body #main #product-scene .product-scene-card a .card-small .card-small-eng p {
        font-size: 14px;
        font-family: HarmonyOS Sans SC;
        font-weight: 300;
        color: #BFC7F1;
        line-height: 41px;
        padding: 0;
        margin: 0
    }

    body #main #distributor-system {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin-top: 55px
    }

    body #main #distributor-system .distributor-system-box {
        font-family: Source Han Sans CN;
        font-weight: bold;
        font-size: 30px;
        color: #25345D;
        line-height: 18px;
    }

    body #main #distributor-system .distributor-system-box p {
        padding: 0;
        margin: 0
    }

    /*body #main #distributor-system .distributor-system-box-small {*/
        /*width: 100%;*/
        /*height: 23px;*/
        /*display: flex;*/
        /*align-items: center;*/
        /*justify-content: center;*/
        /*margin-top: 18px;*/
        /*font-size: 23px*/
    /*}*/

    /*body #main #distributor-system .distributor-system-box-small p {*/
        /*width: 62px;*/
        /*height: 6px;*/
        /*background: #294AFF;*/
        /*border-radius: 3px;*/
        /*padding: 0;*/
        /*margin: 0*/
    /*}*/

    body #main #distributor-system .distributor-system-desc {
        margin-top: 18px;
        width: 100%;
        height: 15px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    body #main #distributor-system .distributor-system-desc p {
        padding: 0;
        margin: 0;
        font-family: Source Han Sans CN;
        font-weight: 400;
        font-size: 12px;
        color: #8F9DB1;
        line-height: 18px;
    }

    body #main #distributor-system .distributor-img {
        width: 760px;
        height: 463px;
        display: flex;
        background-image: url("../img/ypw/distributor_img.jpg");
        background-size: 100% 100%;
        align-items: center;
        justify-content: center;
        margin-top: 40px;
        margin-bottom: 45px;
    }

    body #main main {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start
    }

    body #main main #service-standard {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: center
    }

    body #main #service-standard .service-standard-box {
        font-family: Source Han Sans CN;
        font-weight: bold;
        font-size: 30px;
        color: #25345D;
        line-height: 18px;
        margin-top: 54px;
    }

    body #main #service-standard .service-standard-box p {
        padding: 0;
        margin: 0
    }

    /*body #main #service-standard .service-standard-box-small {*/
        /*width: 100%;*/
        /*height: 23px;*/
        /*display: flex;*/
        /*align-items: center;*/
        /*justify-content: center;*/
        /*margin-top: 18px;*/
        /*font-size: 23px*/
    /*}*/

    body #main #service-standard .service-standard-desc {
        margin-top: 18px;
        width: 100%;
        height: 15px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    body #main #service-standard .service-standard-desc p {
        padding: 0;
        margin: 0;
        font-family: Source Han Sans CN;
        font-weight: 400;
        font-size: 12px;
        color: #8F9DB1;
        line-height: 18px;
        text-align: center;
    }
    body #main main #service-standard .service-standard-list {
        max-width: 1200px;
        margin-top: 33px;
        margin-bottom: 20px;
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: space-evenly
    }

    body #main main #service-standard .service-standard-list .service-standard-list-small {
        width: 23%;
        height: 485px;
        background: linear-gradient(0deg, #fefeff, #f2f4ff);
        border-radius: 20px
    }

    body #main main #service-standard .service-standard-list .service-standard-list-small .service-standard-list-small-img {
        width: 100%;
        height: 170px;
        display: flex;
        padding-top: 19px;
        box-sizing: border-box;
        align-items: flex-start;
        justify-content: center
    }
    body #main main #service-standard .service-standard-list .service-standard-list-small .service-standard-list-small-img:hover {
        transform: scale(1.1);
    }

    body #main main #service-standard .service-standard-list .service-standard-list-small .service-standard-list-small-li {
        margin-top: 8px;
        width: 100%;
        padding-left: 56px;
        box-sizing: border-box
    }

    body #main main #service-standard .service-standard-list .service-standard-list-small .service-standard-list-small-li ul {
        width: 100%;
        display: flex;
        list-style: none;
        padding: 0;
        margin: 0;
        flex-wrap: wrap
    }

    body #main main #service-standard .service-standard-list .service-standard-list-small .service-standard-list-small-li ul li {
        width: 100%;
        display: flex;
        align-items: center
    }

    body #main main #service-standard .service-standard-list .service-standard-list-small .service-standard-list-small-li ul li img {
        width: 19px;
        height: 14px;
        margin-right: 14px
    }

    body #main main #service-standard .service-standard-list .service-standard-list-small .service-standard-list-small-li ul li p {
        padding: 0;
        margin: 0;
        font-size: 14px;
        font-family: SourceHanSansCN;
        font-weight: 400;
        color: #555a7d;
        line-height: 33px
    }

    body #main main #service-standard .service-standard-list .service-standard-list-small .service-standard-list-small-btn {
        width: 100%;
        margin-top: 10px;
        font-size: 18px;
        font-family: SourceHanSansCN;
        font-weight: 400;
        color: #000000;
        opacity: 0.9;
        display: flex;
        align-items: center;
        justify-content: center
    }

    body #main main #service-standard .service-standard-list .service-standard-list-small .service-standard-list-small-btn p {
        padding: 0;
        margin: 0
    }

    body #main main #service-standard .service-standard-list .service-standard-list-small .service-standard-list-small-eng {
        width: 100%;
        height: 9px;
        font-size: 11px;
        font-family: SourceHanSansCN;
        font-weight: 400;
        color: #e1e4ed;
        line-height: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 9px
    }

    body #main main #service-standard .service-standard-list .service-standard-list-small .service-standard-list-small-eng p {
        padding: 0;
        margin: 0
    }

    body #main #framework-system {
        width: 100%;
        background: rgba(241, 245, 255, 0.3);
        /*opacity: 0.3;*/
        border-radius: 5px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    body #main #framework-system .framework-system-box {
        font-family: Source Han Sans CN;
        font-weight: bold;
        font-size: 30px;
        color: #25345D;
        line-height: 18px;
        margin-top: 53px;
    }

    body #main #framework-system .framework-system-box p {
        padding: 0;
        margin: 0
    }

    /*body #main #framework-system .framework-system-box-small {*/
        /*width: 100%;*/
        /*height: 23px;*/
        /*display: flex;*/
        /*align-items: center;*/
        /*justify-content: center;*/
        /*font-size: 23px*/
    /*}*/

    /*body #main #framework-system .framework-system-box-small p {*/
        /*width: 62px;*/
        /*height: 6px;*/
        /*background: #294AFF;*/
        /*border-radius: 3px;*/
        /*padding: 0;*/
        /*margin: 0*/
    /*}*/

    body #main #framework-system .framework-system-desc {
        margin-top: 18px;
        width: 100%;
        height: 15px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    body #main #framework-system .framework-system-desc p {
        padding: 0;
        margin: 0;
        font-size: 12px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #8F9DB1;
        line-height: 18px;
    }

    body #main #framework-system .framework-img {
        width: 755px;
        height: 375px;
        background-image: url("../img/ypw/framework_img.jpg");
        background-size: 100% 100%;
        margin-top: 38px;
        margin-bottom: 71px;
    }

    body #main #framework-system .framework-icon01 {
        width: 128px;
        height: 39px;
        display: flex;
        background-image: url("../img/ypw/framework-icon01.png");
        background-size: 100% 100%;
        position: absolute;
        margin-top: 11px;
        margin-left: 171px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #framework-system .framework-icon01:hover {
        transform: scale(1.1);
    }

    body #main #framework-system .framework-icon02 {
        width: 128px;
        height: 39px;
        display: flex;
        background-image: url("../img/ypw/framework-icon02.png");
        background-size: 100% 100%;
        position: absolute;
        margin-top: 14px;
        margin-left: 476px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #framework-system .framework-icon02:hover {
        transform: scale(1.1);
    }

    body #main #framework-system .framework-icon03 {
        width: 128px;
        height: 39px;
        display: flex;
        background-image: url("../img/ypw/framework-icon03.png");
        background-size: 100% 100%;
        position: absolute;
        margin-top: 112px;
        margin-left: 628px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #framework-system .framework-icon03:hover {
        transform: scale(1.1);
    }

    body #main #framework-system .framework-icon04 {
        width: 128px;
        height: 39px;
        display: flex;
        background-image: url("../img/ypw/framework-icon04.png");
        background-size: 100% 100%;
        position: absolute;
        margin-top: 213px;
        margin-left: 448px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #framework-system .framework-icon04:hover {
        transform: scale(1.1);
    }

    body #main #framework-system .framework-icon05 {
        width: 128px;
        height: 39px;
        display: flex;
        background-image: url("../img/ypw/framework-icon05.png");
        background-size: 100% 100%;
        position: absolute;
        margin-top: 211px;
        margin-left: 155px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #framework-system .framework-icon05:hover {
        transform: scale(1.1);
    }

    body #main #framework-system .framework-icon06 {
        width: 128px;
        height: 39px;
        display: flex;
        background-image: url("../img/ypw/framework-icon06.png");
        background-size: 100% 100%;
        position: absolute;
        margin-top: 111px;
        margin-right: 620px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #framework-system .framework-icon06:hover {
        transform: scale(1.1);
    }

    body #main #product-cycle {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        background: #F1F5FF;
        padding-bottom: 60px;
    }

    body #main #product-cycle .product-cycle-box {
        font-size: 30px;
        font-family: Source Han Sans CN;
        font-weight: bold;
        color: #25345D;
        line-height: 18px;
        margin-top: 54px;
    }

    body #main #product-cycle .product-cycle-box p {
        padding: 0;
        margin: 0
    }

    body #main #product-cycle .product-cycle-desc {
        margin-top: 22px;
        width: 100%;
        height: 15px;
        display: flex;
        align-items: center;
        margin-top: 18px;
        justify-content: center
    }

    body #main #product-cycle .product-cycle-desc p {
        padding: 0;
        margin: 0;
        font-size: 12px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #8F9DB1;
        line-height: 18px;
        text-align: center;
    }

    body #main #product-cycle .news-center-card-three {
        margin-top: 27px;
        /*width: 1200px;*/
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: center;
        padding-left: 0
    }

    body #main #product-cycle .news-center-card-three .news-center-card-small {
        width: 435px;
        height: 128px;
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: center;
        margin-bottom: 20px;
    }

    body #main #product-cycle .news-center-card-three .news-center-card-small a {
        width: 435px;
        height: 128px;
        background: linear-gradient(0deg, #FFFFFD, #fff);
        box-shadow: 0px 10px 15px 0px rgba(0, 76, 255, 0.05);
        border-radius: 10px;
        margin-right: 29px;
    }

    body #main #product-cycle .news-center-card-three .news-center-card-small a .news-center-card-img {
        width: 96px;
        height: 100%;
        float: left;
        border-radius: 10px;
    }

    body #main #product-cycle .news-center-card-three .news-center-card-small a .news-center-card-img img {
        width: 72px;
        height: 72px;
        margin-top: 24px;
        margin-left: 24px;
        border-radius: 10px;
        transition: 0.2s;
        object-fit: cover
    }

    body #main #product-cycle .news-center-card-three .news-center-card-small a .news-center-card-img img:hover {
        transform: scale(1.1);
    }

    body #main #product-cycle .news-center-card-three .news-center-card-small a .news-center-card-content {
        margin-left: 17px;
        margin-top: 27px
    }

    body #main #product-cycle .news-center-card-three .news-center-card-small a .news-center-card-content .news-center-card-content-box {
        width: 244px;
        height: 100%;
        margin-left: 17px;
        float: left;
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        position: relative
    }

    body #main #product-cycle .news-center-card-three .news-center-card-small a .news-center-card-content .news-center-card-content-box .news-center-card-content-box-title {
        height: 25px;
        /*margin-top: 16px;*/
        display: flex
    }

    body #main #product-cycle .news-center-card-three .news-center-card-small a .news-center-card-content .news-center-card-content-box .news-center-card-content-box-title .title-hotspots {
        width: 121px;
        height: 20px;
        /*display: flex;*/
        /*align-items: center;*/
        /*justify-content: center;*/
        margin-right: 5px
    }

    body #main #product-cycle .news-center-card-three .news-center-card-small a .news-center-card-content .news-center-card-content-box .news-center-card-content-box-title .title-hotspots p {
        font-size: 15px;
        font-family: Source Han Sans CN;
        font-weight: 800;
        color: #1E61FF;
        line-height: 18px;
        padding: 0;
        margin: 0
    }

    body #main #product-cycle .news-center-card-three .news-center-card-small a .news-center-card-content .news-center-card-content-box .news-center-card-content-box-info {
        font-size: 11px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #8594B4;
        line-height: 15px;
        /*margin-top: 13px;*/
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical
    }

    body #main #product-cycle .news-center-card-three .news-center-card-small a .news-center-card-content .news-center-card-content-box .news-center-card-content-box-info p {
        padding: 0;
        margin: 0
    }

    body #main #product-scheme {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin-top: 54px;
        /*padding-bottom: 78px;*/
    }

    body #main #product-scheme .product-scheme-box {
        font-size: 30px;
        font-family: Source Han Sans CN;
        font-weight: bold;
        color: #25345D;
        line-height: 18px;
    }

    body #main #product-scheme .product-scheme-box p {
        padding: 0;
        margin: 0
    }

    body #main #product-scheme .product-scheme-box-small {
        width: 100%;
        height: 23px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 28px;
        font-size: 23px
    }

    body #main #product-scheme .product-scheme-box-small p {
        width: 62px;
        height: 6px;
        background: #294AFF;
        border-radius: 3px;
        padding: 0;
        margin: 0
    }

    body #main #product-scheme .product-scheme-desc {
        margin-top: 22px;
        width: 100%;
        height: 15px;
        display: flex;
        align-items: center;
        margin-top: 18px;
        justify-content: center
    }

    body #main #product-scheme .product-scheme-desc p {
        padding: 0;
        margin: 0;
        height: 12px;
        font-size: 12px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #8F9DB1;
        line-height: 18px;
    }

    body #main #product-scheme .product-scheme-card {
        width: 100%;
        /*max-width: 1200px;*/
        margin-top: 49px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    body #main #product-scheme .product-scheme-card a {
        width: auto;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-right: 22px;
        text-decoration: none
    }

    body #main #product-scheme .product-scheme-card a .card-small {
        width: 285px;
        height: 245px;
        box-sizing: border-box;
        /*margin-bottom: 26px;*/
        position: relative
    }

    body #main #product-scheme .product-scheme-card a .card-small .card-small-logo {
        width: 285px;
        height: 162px;
        display: flex;
        align-items: center;
        justify-content: center;
        /*margin-top: 58px*/
    }

    body #main #product-scheme .product-scheme-card a .card-small .card-small-logo img {
        object-fit: cover;
        transition: 0.2s;
        width: 285px;
        height: 162px;
    }

    body #main #product-scheme .product-scheme-card a .card-small .card-small-logo img:hover {
        transform: scale(1.1);
    }

    body #main #product-scheme .product-scheme-card a .card-small .card-small-name {
        width: 100%;
        height: 18px;
        /*display: flex;*/
        /*align-items: center;*/
        /*justify-content: center;*/
        margin-top: 25px;
        margin-left: 13px;
    }

    body #main #product-scheme .product-scheme-card a .card-small .card-small-name p {
        padding: 0;
        height: 14px;
        font-size: 14px;
        font-family: Source Han Sans CN;
        font-weight: bold;
        color: #25345D;
        line-height: 18px;
        /*opacity: 0.8;*/
        margin: 0
    }

    body #main #product-scheme .product-scheme-card a .card-small .card-small-info {
        width: 100%;
        font-size: 12px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #8F9DB1;
        line-height: 18px;
        margin-top: 14px
    }

    body #main #product-scheme .product-scheme-card a .card-small .card-small-info p {
        width: 285px;
        padding: 0;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical
    }

    body #main #product-scheme .product-scheme-card a .card-small .card-small-btn {
        position: absolute;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        bottom: 56px;
        left: 0
    }

    body #main #product-scheme .product-scheme-card a .card-small .card-small-btn p {
        width: 101px;
        height: 36px;
        background: #3867FB;
        border-radius: 18px;
        font-size: 14px;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 41px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin: 0
    }

    body #main #product-scheme .product-scheme-card a .card-small .card-small-eng {
        position: absolute;
        bottom: 20px;
        left: 0;
        width: 100%;
        height: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 24px
    }

    body #main #product-scheme .product-scheme-card a .card-small .card-small-eng p {
        font-size: 14px;
        font-family: HarmonyOS Sans SC;
        font-weight: 300;
        color: #BFC7F1;
        line-height: 41px;
        padding: 0;
        margin: 0
    }

    body #main #about-us {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin-top: 69px
    }

    body #main #about-us .about-us-box {
        font-family: Source Han Sans CN;
        font-weight: bold;
        font-size: 30px;
        color: #25345D;
        line-height: 18px;
    }

    body #main #about-us .about-us-box p {
        padding: 0;
        margin: 0
    }

    body #main #about-us .about-us-img {
        width: 1206px;
        height: 264px;
        display: flex;
        background-image: url("../img/ypw/about-us01.jpg");
        background-size: 100% 100%;
        align-items: center;
        justify-content: flex-start;
        margin-top: 79px;
    }

    body #main #about-us .about-us-img .about-us-desc {
        width: 656px;
        height: 160px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        font-size: 16px;
        color: #FFFFFF;
        line-height: 24px;
        margin-left: 49px;
    }

    body #main #about-us .about-us-img .about-us-desc-img {
        width: 425px;
        height: 284px;
        background-image: url("../img/ypw/about-us03.jpg");
        background-size: 100% 100%;
        position: relative;
        margin-left: 34px;
        bottom: 22px;
    }

    body #main #about-us .about-certificate-img {
        width: 1205px;
        height: 489px;
        display: flex;
        background-image: url("../img/ypw/about-us02.jpg");
        background-size: 100% 100%;
        align-items: center;
        justify-content: flex-start;
        margin-top: 30px;
    }

    body #main footer {
        width: 100%;
        height: 436px;
        background-image: url("../img/homepage/footer_bg.jpg");
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: center;
        position: relative;
        margin-top: 79px
    }
}

@media only screen and (min-device-width: 1441px) {
    body {
        min-width: 800px;
        margin: 0;
        padding: 0;
        box-sizing: border-box
    }

    body #main {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap
    }

    body #main #product-banner {
        width: 100%;
        height: 342px;
        margin-top: -5px;
        background-image: url("../img/ypw/banner.jpg");
        background-size: cover;
        /*display: flex;*/
        /*flex-wrap: wrap;*/
        /*justify-content: center;*/
        /*align-content: flex-start*/
    }

    body #main #product-banner .product-banner-box {
        font-family: Source Han Sans CN;
        font-weight: 500;
        font-size: 68px;
        color: #25345D;
        line-height: 60px;
        letter-spacing: 5px;
        padding-left: 378px;
        margin-top: 64px;
    }

    body #main #product-banner .product-banner-box p {
        padding: 0;
        margin: 0
    }

    body #main #product-banner .product-banner-msg {
        font-family: Source Han Sans CN;
        font-weight: 400;
        font-size: 18px;
        color: #25345D;
        line-height: 27px;
        padding-left: 385px;
        margin-top: 20px;
    }

    body #main #product-banner .product-banner-msg p {
        padding: 0;
        margin: 0
    }


    body #main #product-banner .product-banner-desc {
        margin-top: 28px;
        width: 100%;
        height: 75px;
        margin-left: 384px;
    }

    body #main #product-banner .product-banner-desc p {
        display: block;
        float: left;
        margin-right: 25px;
        padding-left: 30px;
        width: 150px;
        height: 50px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        font-size: 20px;
        color: #FFFFFF;
        line-height:  50px;
        text-align: center;
    }

    body #main #product-banner .product-banner-desc p:first-child {
        background: #1E61FF;
        color: #FFFFFF;
        background-image: url("../img/ypw/zx_btn.png");
        background-position: 15px 10px;
        background-repeat: no-repeat;
        border-radius: 10px;
    }

    body #main #product-banner .product-banner-desc p:nth-child(2) {
        background: rgba(243, 250, 255, 0);
        border: 2px solid #F3FAFF;
        color: #25345D;
        border-radius: 10px;
        border: 1px solid #1E61FF;
        background-image: url("../img/ypw/ys_btn.png");
        background-position: 15px 10px;
        background-repeat: no-repeat;
    }

    body #main #omi-system {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin-top: 69px
    }

    body #main #omi-system .omi-system-box {
        font-size: 40px;
        font-family: Source Han Sans CN;
        font-weight: bold;
        color: #25345D;
        line-height: 24px;
    }

    body #main #omi-system .omi-system-box p {
        padding: 0;
        margin: 0
    }

    body #main #omi-system .omi-system-box-small {
        width: 100%;
        height: 23px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 24px;
        font-size: 23px
    }

    body #main #omi-system .omi-system-box-small p {
        width: 62px;
        height: 6px;
        background: #294AFF;
        border-radius: 3px;
        padding: 0;
        margin: 0
    }

    body #main #omi-system .omi-system-desc {
        width: 100%;
        height: 15px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    body #main #omi-system .omi-system-desc p {
        padding: 0;
        margin: 0;
        font-size: 16px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #8F9DB1;
        line-height: 24px;
    }

    body #main #omi-system .omi-img {
        width: 766px;
        height: 638px;
        /*display: flex;*/
        background-image: url("../img/ypw/omi_img.jpg");
        background-size: 100% 100%;
        /*align-items: center;*/
        /*justify-content: center;*/
        margin-top: 79px;
        margin-bottom: 71px;
    }

    body #main #omi-system .omi-icon_01 {
        width: 285px;
        height: 148px;
        display: flex;
        background-image: url("../img/ypw/omi-icon01.png");
        background-size: 100% 100%;
        position: absolute;
        margin-top: -360px;
        margin-right: 710px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #omi-system .omi-icon_01:hover {
        transform: scale(1.1);
    }

    body #main #omi-system .omi-icon_02 {
        width: 285px;
        height: 148px;
        display: flex;
        background-image: url("../img/ypw/omi-icon02.png");
        background-size: 100% 100%;
        position: absolute;
        margin-top: -100px;
        margin-right: 930px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #omi-system .omi-icon_02:hover {
        transform: scale(1.1);
    }

    body #main #omi-system .omi-icon_03 {
        width: 285px;
        height: 148px;
        display: flex;
        background-image: url("../img/ypw/omi-icon03.png");
        background-size: 100% 100%;
        position: absolute;
        margin-top: 140px;
        margin-right: 990px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #omi-system .omi-icon_03:hover {
        transform: scale(1.1);
    }

    body #main #omi-system .omi-icon_04 {
        width: 285px;
        height: 148px;
        display: flex;
        background-image: url("../img/ypw/omi-icon04.png");
        background-size: 100% 100%;
        position: absolute;
        margin-top: 400px;
        margin-right: 830px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #omi-system .omi-icon_04:hover {
        transform: scale(1.1);
    }

    body #main #omi-system .omi-icon_05 {
        width: 285px;
        height: 148px;
        display: flex;
        background-image: url("../img/ypw/omi-icon05.png");
        background-size: 100% 100%;
        position: absolute;
        margin-top: -360px;
        margin-left: 765px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #omi-system .omi-icon_05:hover {
        transform: scale(1.1);
    }

    body #main #omi-system .omi-icon_06 {
        width: 285px;
        height: 148px;
        display: flex;
        background-image: url("../img/ypw/omi-icon06.png");
        background-size: 100% 100%;
        position: absolute;
        margin-top: -100px;
        margin-left: 930px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #omi-system .omi-icon_06:hover {
        transform: scale(1.1);
    }

    body #main #omi-system .omi-icon_07 {
        width: 285px;
        height: 148px;
        display: flex;
        background-image: url("../img/ypw/omi-icon07.png");
        background-size: 100% 100%;
        position: absolute;
        margin-top: 140px;
        margin-left: 990px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #omi-system .omi-icon_07:hover {
        transform: scale(1.1);
    }

    body #main #omi-system .omi-icon_08 {
        width: 285px;
        height: 148px;
        display: flex;
        background-image: url("../img/ypw/omi-icon08.png");
        background-size: 100% 100%;
        position: absolute;
        margin-top: 400px;
        margin-left: 830px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #omi-system .omi-icon_08:hover {
        transform: scale(1.1);
    }

    body #main #product-risk {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin-top: 70px
    }

    body #main #product-risk .product-risk-box {
        font-size: 40px;
        font-family: Source Han Sans CN;
        font-weight: bold;
        color: #25345D;
        line-height: 24px;
    }

    body #main #product-risk .product-risk-box p {
        padding: 0;
        margin: 0
    }

    body #main #product-risk .product-risk-box-small {
        width: 100%;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 24px;
        font-size: 23px
    }

    body #main #product-risk .product-risk-box-small p {
        width: 62px;
        height: 6px;
        background: #294AFF;
        border-radius: 3px;
        padding: 0;
        margin: 0
    }

    body #main #product-risk .product-risk-desc {
        width: 100%;
        height: 15px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    body #main #product-risk .product-risk-desc p {
        padding: 0;
        margin: 0;
        font-family: Source Han Sans CN;
        font-weight: 400;
        font-size: 16px;
        color: #8F9DB1;
        line-height: 24px;
        text-align: center;
    }

    body #main #product-risk .product-risk-card {
        width: 100%;
        max-width: 1200px;
        margin-top: 60px;
        padding: 0 0 0 56px;
        display: flex;
        flex-wrap: wrap;
        border-radius: 19px;
        justify-content: space-between
    }

    body #main #product-risk .product-risk-card a {
        width: auto;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        text-decoration: none
    }

    body #main #product-risk .product-risk-card a .card-small {
        width: 218px;
        height: 173px;
        background: #F3FAFF;
        border-radius: 10px;
        box-shadow: 0px 9px 15px 0px rgba(0, 76, 255, 0.05);
        border-radius: 20px;
        box-sizing: border-box;
        margin-bottom: 26px;
        position: relative
    }

    body #main #product-risk .product-risk-card a .product-risk-card-small {
        width: 273px;
        height: 256px;
        background: linear-gradient(0deg, #FFFFFF, #FAFCFF);
        border-radius: 13px;
        margin-bottom: 10px;
    }

    body #main #product-risk .product-risk-card a .product-risk-card-small .product-risk-card-small-left {
        margin-top: 32px;
        width: 100%;
        height: 81px;
        display: flex;
        align-items: center;
        justify-content: center;
        /*background-image: url("../img/homepage/solution_bg.png");*/
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 81px 81px
    }

    body #main #product-risk .product-risk-card a .product-risk-card-small .product-risk-card-small-left img {
        width: 81px;
        height: 81px;
        object-fit: cover;
        transition: 0.2s;
        /*margin-bottom: 3px*/
    }

    body #main #product-risk .product-risk-card a .product-risk-card-small .product-risk-card-small-left img:hover {
        transform: scale(1.1);
    }

    body #main #product-risk .product-risk-card a .product-risk-card-small .product-risk-card-small-right {
        width: 100%;
        height: 100%;
    }

    body #main #product-risk .product-risk-card a .product-risk-card-small .product-risk-card-small-right .product-risk-card-small-right-title {
        font-family: Source Han Sans CN;
        font-weight: bold;
        font-size: 20px;
        color: #25345D;
        line-height: 41px;
        height: 20px;
        margin-top: 16px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    body #main #product-risk .product-risk-card a .product-risk-card-small .product-risk-card-small-right .product-risk-card-small-right-title p {
        padding: 0;
        margin: 0
    }

    body #main #product-risk .product-risk-card a .product-risk-card-small .product-risk-card-small-right .product-risk-card-small-right-desc {
        width: 100%;
        box-sizing: border-box;
        height: 75px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        font-size: 14px;
        color: #7181A4;
        line-height: 18px;
        opacity: 0.8;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    body #main #product-risk .product-risk-card a .product-risk-card-small .product-risk-card-small-right .product-risk-card-small-right-desc p {
        padding: 0;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical
    }

    body #main #pain-spot {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        height: 1741px;
        background-image: url("../img/ypw/pain_img.jpg");
        background-size: 100% 100%;
    }

    body #main #pain-spot .pain-spot-box {
        font-family: Source Han Sans CN;
        font-weight: bold;
        font-size: 40px;
        color: #25345D;
        line-height: 24px;
        margin-top: 73px;
    }

    body #main #pain-spot .pain-spot-box p {
        padding: 0;
        margin: 0
    }

    body #main #pain-spot .pain-spot-box-small {
        width: 100%;
        height: 23px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 28px;
        font-size: 23px
    }

    body #main #pain-spot .pain-spot-box-small p {
        width: 62px;
        height: 6px;
        background: #294AFF;
        border-radius: 3px;
        padding: 0;
        margin: 0
    }

    body #main #pain-spot .pain-spot-desc {
        margin-top: 22px;
        width: 100%;
        height: 15px;
        display: flex;
        align-items: center;
        margin-top: 31px;
        justify-content: center
    }

    body #main #pain-spot .pain-spot-desc p {
        padding: 0;
        margin: 0;
        font-size: 16px;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        color: #8F9DB1;
        line-height: 26px;
        text-align: center;
    }

    body #main #pain-spot .pain-spot-img {
        width: 1198px;
        height: 1411px;
        display: flex;
        background-image: url("../img/ypw/pain-spot01.jpg");
        background-size: 100% 100%;
        align-items: center;
        justify-content: center;
        margin-top: 79px;
        margin-bottom: 71px;
    }

    body #main #pain-spot .pain-spot-card {
        width: 100%;
        max-width: 1200px;
        margin-top: 39px;
        margin-bottom: 100px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    body #main #pain-spot .pain-spot-card a {
        width: auto;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        text-decoration: none
    }

    body #main #pain-spot .pain-spot-card a .card-small {
        width: 173px;
        height: 174px;
        background: #FFFFFF;
        border: 1px solid #E2F0FC;
        border-radius: 16px;
        margin-bottom: 32px;
        position: relative
    }

    body #main #pain-spot .pain-spot-card a .card-small .card-small-logo {
        width: 88px;
        height: 88px;
        margin-left: 43px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 23px
    }

    body #main #pain-spot .pain-spot-card a .card-small .card-small-logo img {
        width: 88px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #pain-spot .pain-spot-card a .card-small .card-small-logo img:hover {
        transform: scale(1.1);
    }

    body #main #pain-spot .pain-spot-card a .card-small .card-small-name {
        font-size: 18px;
        font-family: Source Han Sans CN;
        font-weight: 500;
        color: #25345D;
        line-height: 24px;
        margin-top: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    body #main #pain-spot .pain-spot-card a .card-small .card-small-name p {
        padding: 0;
        margin: 0
    }

    body #main #product-check {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        background: #FAFCFF;
    }

    body #main #product-check .product-check-box {
        font-family: Source Han Sans CN;
        font-weight: bold;
        font-size: 40px;
        color: #25345D;
        line-height: 24px;
        margin-top: 76px;
    }

    body #main #product-check .product-check-box p {
        padding: 0;
        margin: 0
    }

    body #main #product-check .product-check-box-small {
        width: 100%;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 24px;
        font-size: 23px
    }

    body #main #product-check .product-check-box-small p {
        width: 62px;
        height: 6px;
        background: #294AFF;
        border-radius: 3px;
        padding: 0;
        margin: 0
    }

    body #main #product-check .product-check-desc {
        /*margin-top: 22px;*/
        width: 100%;
        height: 15px;
        display: flex;
        align-items: center;
        /*margin-top: 31px;*/
        justify-content: center
    }

    body #main #product-check .product-check-desc p {
        padding: 0;
        margin: 0;
        font-size: 16px;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        color: #8F9DB1;
        line-height: 26px;
        text-align: center;
    }

    body #main #product-check .product-check-card {
        width: 100%;
        max-width: 1200px;
        margin-top: 80px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    body #main #product-check .product-check-card a {
        width: auto;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        text-decoration: none
    }

    body #main #product-check .product-check-card a .card-small {
        width: 352px;
        height: 320px;
        background: #FFFFFF;
        border-radius: 15px;
        box-shadow: 0px 9px 15px 0px rgba(0, 76, 255, 0.05);
        border-radius: 20px;
        box-sizing: border-box;
        margin-bottom: 26px;
        /*display: flex;*/
        /*align-items: center;*/
        /*justify-content: center;*/
        position: relative
    }

    body #main #product-check .product-check-card a .card-small .card-small-logo {
        width: 100%;
        height: 230px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 9px
    }

    body #main #product-check .product-check-card a .card-small .card-small-logo img {
        width: 230px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #product-check .product-check-card a .card-small .card-small-logo img:hover {
        transform: scale(1.1);
    }

    body #main #product-check .product-check-card a .card-small .card-small-name {
        width: 100%;
        font-size: 20px;
        font-family: HarmonyOS Sans SC;
        font-weight: bold;
        color: #25345D;
        line-height: 41px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin-top: 12px;
    }

    body #main #product-check .product-check-card a .card-small .card-small-name p {
        /*width: 91px;*/
        /*height: 36px;*/
        padding: 0;
        margin: 0
    }

    body #main #product-check .product-check-card a .card-small .card-small-info {
        width: 100%;
        font-size: 14px;
        font-family: HarmonyOS Sans SC;
        font-weight: 100;
        color: #728396;
        line-height: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-top: 20px
    }

    body #main #product-check .product-check-card a .card-small .card-small-info p {
        width: 158px;
        padding: 0;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical
    }

    body #main #product-check .product-check-card a .card-small .card-small-btn {
        position: absolute;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        bottom: 56px;
        left: 0
    }

    body #main #product-check .product-check-card a .card-small .card-small-btn p {
        width: 101px;
        height: 36px;
        background: #3867FB;
        border-radius: 18px;
        font-size: 14px;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 41px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin: 0
    }

    body #main #product-check .product-check-card a .card-small .card-small-eng {
        position: absolute;
        bottom: 20px;
        left: 0;
        width: 100%;
        height: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 24px
    }

    body #main #product-check .product-check-card a .card-small .card-small-eng p {
        font-size: 14px;
        font-family: HarmonyOS Sans SC;
        font-weight: 300;
        color: #BFC7F1;
        line-height: 41px;
        padding: 0;
        margin: 0
    }

    body #main #product-finance {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        background: #FAFCFF;
    }

    body #main #product-finance .product-finance-box {
        font-family: Source Han Sans CN;
        font-weight: bold;
        font-size: 40px;
        color: #25345D;
        line-height: 24px;
        margin-top: 72px;
    }

    body #main #product-finance .product-finance-box p {
        padding: 0;
        margin: 0
    }

    body #main #product-finance .product-finance-box-small {
        width: 100%;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 24px;
        font-size: 23px
    }

    body #main #product-finance .product-finance-box-small p {
        width: 62px;
        height: 6px;
        background: #294AFF;
        border-radius: 3px;
        padding: 0;
        margin: 0
    }

    body #main #product-finance .product-finance-desc {
        /*margin-top: 22px;*/
        width: 100%;
        height: 15px;
        display: flex;
        align-items: center;
        /*margin-top: 31px;*/
        justify-content: center
    }

    body #main #product-finance .product-finance-desc p {
        padding: 0;
        margin: 0;
        font-size: 16px;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        color: #8F9DB1;
        line-height: 26px;
        text-align: center;
    }

    body #main #product-finance .product-finance-card {
        width: 100%;
        max-width: 1200px;
        margin-top: 80px;
        margin-bottom: 72px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    body #main #product-finance .product-finance-card a {
        width: auto;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        text-decoration: none
    }

    body #main #product-finance .product-finance-card a .card-small {
        width: 580px;
        height: 350px;
        background: #FFFFFF;
        border-radius: 20px;
        box-shadow: 0px 9px 15px 0px rgba(0, 76, 255, 0.05);
        border-radius: 20px;
        box-sizing: border-box;
        margin-bottom: 26px;
        /*display: flex;*/
        /*align-items: center;*/
        /*justify-content: center;*/
        position: relative
    }

    body #main #product-finance .product-finance-card a .card-small .card-small-logo {
        width: 100%;
        height: 207px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 9px
    }

    body #main #product-finance .product-finance-card a .card-small .card-small-logo img {
        /*width: 231px;*/
        /*height: 204px;*/
        display: flex;
        align-items: center;
        justify-content: center;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #product-finance .product-finance-card a .card-small .card-small-logo img:hover {
        transform: scale(1.1);
    }

    body #main #product-finance .product-finance-card a .card-small .card-small-name {
        width: 100%;
        font-family: Source Han Sans CN;
        font-weight: bold;
        font-size: 20px;
        color: #25345D;
        line-height: 24px;
        margin-top: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        /*margin-top: 42px*/
    }

    body #main #product-finance .product-finance-card a .card-small .card-small-name p {
        /*width: 91px;*/
        /*height: 36px;*/
        padding: 0;
        margin: 0
    }

    body #main #product-finance .product-finance-card a .card-small .card-small-info {
        width: 100%;
        font-family: Source Han Sans CN;
        font-weight: 400;
        font-size: 16px;
        color: #25345D;
        line-height: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-top: 20px
    }

    body #main #product-finance .product-finance-card a .card-small .card-small-info p {
        padding: 0;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical
    }

    body #main #product-scene {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        background: #FAFCFF;
    }

    body #main #product-scene .product-scene-box {
        font-family: Source Han Sans CN;
        font-weight: bold;
        font-size: 40px;
        color: #25345D;
        line-height: 24px;
        margin-top: 71px;
    }

    body #main #product-scene .product-scene-box p {
        padding: 0;
        margin: 0
    }

    body #main #product-scene .product-scene-box-small {
        width: 100%;
        height: 23px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 24px;
        font-size: 23px
    }

    body #main #product-scene .product-scene-box-small p {
        width: 62px;
        height: 6px;
        background: #294AFF;
        border-radius: 3px;
        padding: 0;
        margin: 0
    }

    body #main #product-scene .product-scene-desc {
        /*margin-top: 22px;*/
        width: 100%;
        height: 15px;
        display: flex;
        align-items: center;
        /*margin-top: 31px;*/
        justify-content: center
    }

    body #main #product-scene .product-scene-desc p {
        padding: 0;
        margin: 0;
        font-size: 16px;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        color: #8F9DB1;
        line-height: 26px;
        text-align: center;
    }

    body #main #product-scene .product-scene-card {
        width: 100%;
        max-width: 1200px;
        margin-top: 26px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    body #main #product-scene .product-scene-card a {
        width: auto;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        text-decoration: none
    }

    body #main #product-scene .product-scene-card a .card-small {
        width: 218px;
        height: 173px;
        background: #F3FAFF;
        border-radius: 10px;
        box-shadow: 0px 9px 15px 0px rgba(0, 76, 255, 0.05);
        border-radius: 20px;
        box-sizing: border-box;
        margin-bottom: 26px;
        position: relative
    }

    body #main #product-scene .product-scene-card a .card-small .card-small-logo {
        width: 100%;
        height: 100%;
    }

    .box {
        font-family: 'Merriweather Sans', sans-serif;
        box-shadow: 0 0 2px rgba(0, 0, 0, .1);
        overflow: hidden;
        position: relative;
        margin-bottom: 32px;
        z-index: 1;
    }

    .box:before,
    .box:after,
    .box .box-content:before,
    .box .box-content:after {
        content: "";
        width: 100%;
        height: 50%;
        background: #E65100;
        opacity: 0.6;
        transform: translateX(-50%) translateY(0%);
        position: absolute;
        top: -50%;
        left: 50%;
        z-index: 1;
        -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
        clip-path: polygon(0 0, 50% 100%, 100% 0);
        transition: all .3s;
    }

    .box:after {
        transform: translateX(-50%) translateY(0%);
        top: auto;
        bottom: -50%;
        z-index: 0;
        -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
        clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    }

    .box .box-content:before {
        width: 50%;
        height: 100%;
        transform: translateX(0%) translateY(-50%);
        top: 50%;
        left: auto;
        right: -50%;
        -webkit-clip-path: polygon(100% 0, 0 50%, 100% 100%);
        clip-path: polygon(100% 0, 0 50%, 100% 100%);
    }

    .box .box-content:after {
        width: 50%;
        height: 100%;
        transform: translateX(0%) translateY(-50%);
        top: 50%;
        right: auto;
        left: -50%;
        z-index: 0;
        -webkit-clip-path: polygon(0 100%, 100% 50%, 0 0);
        clip-path: polygon(0 100%, 100% 50%, 0 0);
    }

    .box:hover:before {
        top: 0;
    }

    .box:hover:after {
        bottom: 0;
    }

    .box:hover .box-content:before {
        right: 0;
    }

    .box:hover .box-content:after {
        left: 0;
    }

    .box img {
        width: 100%;
        height: auto;
        transform: scale(1);
        transition: all 0.5s;
    }

    .box:hover img {
        transform: scale(1.5);
    }

    .box .box-content {
        height: 100%;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

    .box .content {
        text-align: center;
        width: 100%;
        transform: translateX(-50%) translateY(-50%);
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 1;
    }

    .box .title {
        color: #fff;
        font-size: 25px;
        font-weight: 600;
        text-transform: uppercase;
        margin: 0 0 5px;
        transform: rotateY(360deg) scale(0);
        transition: all 0.5s;
    }

    .box:hover .title {
        transform: rotateY(0) scale(1);
    }

    .box .post {
        color: #fff;
        font-size: 15px;
        letter-spacing: 1px;
        text-transform: capitalize;
        margin: 0 0 15px;
        display: block;
        transform: rotateY(360deg) scale(0);
        transition: all 0.5s ease 0.25s;
    }

    .box:hover .post {
        transform: rotateY(0) scale(1);
    }

    .box .icon {
        text-align: center;
        padding: 0;
        margin: 0;
        list-style: none;
        transform: rotateY(360deg) scale(0);
        transition: all 0.5s ease 0.45s;
    }

    .box:hover .icon {
        transform: rotateY(0) scale(1);
    }

    .box .icon li {
        display: inline-block;
        margin: 0 3px;
    }

    .box .icon li a {
        color: #E65100;
        background-color: #fff;
        font-size: 18px;
        line-height: 35px;
        height: 35px;
        width: 35px;
        border-radius: 10px;
        display: block;
        transition: all 0.3s;
    }

    .box .icon li a:hover {
        color: #fff;
        background-color: #E65100;
        box-shadow: 0 0 10px #000;
    }

    body #main #product-scene .product-scene-card a .card-small .card-small-logo img {
        width: 100%;
        height: 100%;
    }

    body #main #product-scene .product-scene-card a .card-small .card-small-name {
        width: 100%;
        height: 16px;
        font-size: 14px;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 41px;
        /*display: flex;*/
        /*align-items: center;*/
        /*justify-content: center;*/
        text-align: center;
        /*margin-top: 42px*/
    }

    body #main #product-scene .product-scene-card a .card-small .card-small-name p {
        width: 91px;
        height: 36px;
        background: #4C76FB;
        border-radius: 10px;
        float: right;
        right: -10px;
        padding: 0;
        margin: 0
    }

    body #main #product-scene .product-scene-card a .card-small .card-small-info {
        width: 100%;
        font-size: 14px;
        font-family: HarmonyOS Sans SC;
        font-weight: 100;
        color: #728396;
        line-height: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-top: 20px
    }

    body #main #product-scene .product-scene-card a .card-small .card-small-info p {
        width: 158px;
        padding: 0;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical
    }

    body #main #product-scene .product-scene-card a .card-small .card-small-btn {
        position: absolute;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        bottom: 56px;
        left: 0
    }

    body #main #product-scene .product-scene-card a .card-small .card-small-btn p {
        width: 101px;
        height: 36px;
        background: #3867FB;
        border-radius: 18px;
        font-size: 14px;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 41px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin: 0
    }

    body #main #product-scene .product-scene-card a .card-small .card-small-eng {
        position: absolute;
        bottom: 20px;
        left: 0;
        width: 100%;
        height: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 24px
    }

    body #main #product-scene .product-scene-card a .card-small .card-small-eng p {
        font-size: 14px;
        font-family: HarmonyOS Sans SC;
        font-weight: 300;
        color: #BFC7F1;
        line-height: 41px;
        padding: 0;
        margin: 0
    }

    body #main #distributor-system {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin-top: 80px
    }

    body #main #distributor-system .distributor-system-box {
        font-size: 40px;
        font-family: Source Han Sans CN;
        font-weight: bold;
        color: #25345D;
        line-height: 24px;
    }

    body #main #distributor-system .distributor-system-box p {
        padding: 0;
        margin: 0
    }

    body #main #distributor-system .distributor-system-box-small {
        width: 100%;
        height: 23px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 31px;
        font-size: 23px
    }

    body #main #distributor-system .distributor-system-box-small p {
        width: 62px;
        height: 6px;
        background: #294AFF;
        border-radius: 3px;
        padding: 0;
        margin: 0
    }

    body #main #distributor-system .distributor-system-desc {
        margin-top: 32px;
        width: 100%;
        height: 15px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    body #main #distributor-system .distributor-system-desc p {
        padding: 0;
        margin: 0;
        font-size: 16px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #8F9DB1;
        line-height: 24px;
    }

    body #main #distributor-system .distributor-img {
        width: 1014px;
        height: 617px;
        display: flex;
        background-image: url("../img/ypw/distributor_img.jpg");
        background-size: 100% 100%;
        align-items: center;
        justify-content: center;
        margin-top: 79px;
        margin-bottom: 71px;
    }

    body #main main {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start
    }

    body #main main #service-standard {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: center
    }

    body #main #service-standard .service-standard-box {
        font-family: Source Han Sans CN;
        font-weight: bold;
        font-size: 40px;
        color: #25345D;
        line-height: 24px;
        margin-top: 72px;
    }

    body #main #service-standard .service-standard-box p {
        padding: 0;
        margin: 0
    }

    body #main #service-standard .service-standard-box-small {
        width: 100%;
        height: 23px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 28px;
        font-size: 23px
    }

    body #main #service-standard .service-standard-desc {
        margin-top: 22px;
        width: 100%;
        height: 15px;
        display: flex;
        align-items: center;
        margin-top: 31px;
        justify-content: center
    }

    body #main #service-standard .service-standard-desc p {
        padding: 0;
        margin: 0;
        font-size: 16px;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        color: #8F9DB1;
        line-height: 26px;
        text-align: center;
    }

    body #main main #service-standard .service-standard-list {
        max-width: 1300px;
        margin-top: 33px;
        margin-bottom: 50px;
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: flex-start
    }

    body #main main #service-standard .service-standard-list .service-standard-list-small {
        width: 280px;
        height: 485px;
        background: linear-gradient(0deg, #fefeff, #f2f4ff);
        border-radius: 20px;
        margin-left: 27px;
        margin-bottom: 30px
    }

    body #main main #service-standard .service-standard-list .service-standard-list-small .service-standard-list-small-img {
        width: 100%;
        height: 170px;
        display: flex;
        padding-top: 19px;
        box-sizing: border-box;
        align-items: flex-start;
        justify-content: center
    }

    body #main main #service-standard .service-standard-list .service-standard-list-small .service-standard-list-small-img:hover {
        transform: scale(1.1);
    }

    body #main main #service-standard .service-standard-list .service-standard-list-small .service-standard-list-small-li {
        margin-top: 8px;
        width: 100%;
        padding-left: 56px;
        box-sizing: border-box
    }

    body #main main #service-standard .service-standard-list .service-standard-list-small .service-standard-list-small-li ul {
        width: 100%;
        display: flex;
        list-style: none;
        padding: 0;
        margin: 0;
        flex-wrap: wrap
    }

    body #main main #service-standard .service-standard-list .service-standard-list-small .service-standard-list-small-li ul li {
        width: 100%;
        display: flex;
        align-items: center
    }

    body #main main #service-standard .service-standard-list .service-standard-list-small .service-standard-list-small-li ul li img {
        width: 19px;
        height: 14px;
        margin-right: 14px
    }

    body #main main #service-standard .service-standard-list .service-standard-list-small .service-standard-list-small-li ul li p {
        padding: 0;
        margin: 0;
        font-size: 14px;
        font-family: SourceHanSansCN;
        font-weight: 400;
        color: #555a7d;
        line-height: 33px
    }

    body #main main #service-standard .service-standard-list .service-standard-list-small .service-standard-list-small-btn {
        width: 100%;
        margin-top: 30px;
        font-size: 18px;
        font-family: SourceHanSansCN;
        font-weight: 400;
        color: #000000;
        opacity: 0.9;
        display: flex;
        align-items: center;
        justify-content: center
    }

    body #main main #service-standard .service-standard-list .service-standard-list-small .service-standard-list-small-btn p {
        padding: 0;
        margin: 0
    }

    body #main main #service-standard .service-standard-list .service-standard-list-small .service-standard-list-small-eng {
        width: 100%;
        height: 9px;
        font-size: 11px;
        font-family: SourceHanSansCN;
        font-weight: 400;
        color: #e1e4ed;
        line-height: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 9px
    }

    body #main main #service-standard .service-standard-list .service-standard-list-small .service-standard-list-small-eng p {
        padding: 0;
        margin: 0
    }

    body #main #framework-system {
        width: 100%;
        background: rgba(241, 245, 255, 0.3);
        /*opacity: 0.3;*/
        border-radius: 5px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    body #main #framework-system .framework-system-box {
        font-size: 40px;
        font-family: Source Han Sans CN;
        font-weight: bold;
        color: #25345D;
        line-height: 24px;
        margin-top: 102px;
    }

    body #main #framework-system .framework-system-box p {
        padding: 0;
        margin: 0
    }

    body #main #framework-system .framework-system-box-small {
        width: 100%;
        height: 23px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 23px
    }

    body #main #framework-system .framework-system-box-small p {
        width: 62px;
        height: 6px;
        background: #294AFF;
        border-radius: 3px;
        padding: 0;
        margin: 0
    }

    body #main #framework-system .framework-system-desc {
        margin-top: 32px;
        width: 100%;
        height: 15px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    body #main #framework-system .framework-system-desc p {
        padding: 0;
        margin: 0;
        font-size: 16px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #8F9DB1;
        line-height: 24px;
    }

    body #main #framework-system .framework-img {
        width: 1007px;
        height: 499.4px;
        background-image: url("../img/ypw/framework_img.jpg");
        background-size: 100% 100%;
        margin-top: 79px;
        margin-bottom: 71px;
    }

    body #main #framework-system .framework-icon01 {
        width: 171px;
        height: 52px;
        display: flex;
        background-image: url("../img/ypw/framework-icon01.png");
        background-size: 100% 100%;
        position: absolute;
        margin-top: 8px;
        margin-left: 226px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #framework-system .framework-icon01:hover {
        transform: scale(1.1);
    }

    body #main #framework-system .framework-icon02 {
        width: 171px;
        height: 52px;
        display: flex;
        background-image: url("../img/ypw/framework-icon02.png");
        background-size: 100% 100%;
        position: absolute;
        margin-top: 18px;
        margin-left: 633px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #framework-system .framework-icon02:hover {
        transform: scale(1.1);
    }

    body #main #framework-system .framework-icon03 {
        width: 171px;
        height: 52px;
        display: flex;
        background-image: url("../img/ypw/framework-icon03.png");
        background-size: 100% 100%;
        position: absolute;
        margin-top: 148px;
        margin-left: 837px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #framework-system .framework-icon03:hover {
        transform: scale(1.1);
    }

    body #main #framework-system .framework-icon04 {
        width: 171px;
        height: 52px;
        display: flex;
        background-image: url("../img/ypw/framework-icon04.png");
        background-size: 100% 100%;
        position: absolute;
        margin-top: 281px;
        margin-left: 601px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #framework-system .framework-icon04:hover {
        transform: scale(1.1);
    }

    body #main #framework-system .framework-icon05 {
        width: 171px;
        height: 52px;
        display: flex;
        background-image: url("../img/ypw/framework-icon05.png");
        background-size: 100% 100%;
        position: absolute;
        margin-top: 292px;
        margin-left: 205px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #framework-system .framework-icon05:hover {
        transform: scale(1.1);
    }

    body #main #framework-system .framework-icon06 {
        width: 171px;
        height: 52px;
        display: flex;
        background-image: url("../img/ypw/framework-icon06.png");
        background-size: 100% 100%;
        position: absolute;
        margin-top: 154px;
        margin-right: 820px;
        object-fit: cover;
        transition: 0.2s;
    }

    body #main #framework-system .framework-icon06:hover {
        transform: scale(1.1);
    }

    body #main #product-cycle {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        background: #F1F5FF;
        padding-bottom: 60px;
    }

    body #main #product-cycle .product-cycle-box {
        font-size: 40px;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        color: #25345D;
        line-height: 40px;
        margin-top: 72px;
    }

    body #main #product-cycle .product-cycle-box p {
        padding: 0;
        margin: 0
    }

    body #main #product-cycle .product-cycle-desc {
        margin-top: 22px;
        width: 100%;
        height: 15px;
        display: flex;
        align-items: center;
        margin-top: 31px;
        justify-content: center
    }

    body #main #product-cycle .product-cycle-desc p {
        padding: 0;
        margin: 0;
        font-size: 16px;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        color: #8F9DB1;
        line-height: 26px;
        text-align: center;
    }

    body #main #product-cycle .news-center-card-three {
        margin-top: 30px;
        width: 1200px;
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: space-between;
        padding-left: 0
    }

    body #main #product-cycle .news-center-card-three .news-center-card-small {
        width: 580px;
        height: 170px;
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: space-between;
        margin-bottom: 20px;
    }

    body #main #product-cycle .news-center-card-three .news-center-card-small a {
        width: 580px;
        height: 170px;
        background: linear-gradient(0deg, #FFFFFD, #fff);
        box-shadow: 0px 10px 15px 0px rgba(0, 76, 255, 0.05);
        border-radius: 10px;
    }

    body #main #product-cycle .news-center-card-three .news-center-card-small a .news-center-card-img {
        width: 151px;
        height: 100%;
        float: left;
        border-radius: 10px;
    }

    body #main #product-cycle .news-center-card-three .news-center-card-small a .news-center-card-img img {
        width: 96px;
        height: 96px;
        margin-top: 32px;
        margin-left: 32px;
        border-radius: 10px;
        transition: 0.2s;
        object-fit: cover
    }

    body #main #product-cycle .news-center-card-three .news-center-card-small a .news-center-card-img img:hover {
        transform: scale(1.1);
    }

    body #main #product-cycle .news-center-card-three .news-center-card-small a .news-center-card-content {
        margin-left: 20px;
        margin-top: 20px
    }

    body #main #product-cycle .news-center-card-three .news-center-card-small a .news-center-card-content .news-center-card-content-box {
        width: 385px;
        height: 100%;
        float: left;
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        position: relative
    }

    body #main #product-cycle .news-center-card-three .news-center-card-small a .news-center-card-content .news-center-card-content-box .news-center-card-content-box-title {
        height: 25px;
        margin-top: 16px;
        display: flex
    }

    body #main #product-cycle .news-center-card-three .news-center-card-small a .news-center-card-content .news-center-card-content-box .news-center-card-content-box-title .title-hotspots {
        width: 121px;
        height: 20px;
        /*display: flex;*/
        /*align-items: center;*/
        /*justify-content: center;*/
        margin-right: 5px
    }

    body #main #product-cycle .news-center-card-three .news-center-card-small a .news-center-card-content .news-center-card-content-box .news-center-card-content-box-title .title-hotspots p {
        font-size: 20px;
        font-family: Source Han Sans CN;
        font-weight: 800;
        color: #1E61FF;
        line-height: 24px;
        padding: 0;
        margin: 0
    }

    body #main #product-cycle .news-center-card-three .news-center-card-small a .news-center-card-content .news-center-card-content-box .news-center-card-content-box-info {
        font-size: 14px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #8594B4;
        line-height: 20px;
        margin-top: 13px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical
    }

    body #main #product-cycle .news-center-card-three .news-center-card-small a .news-center-card-content .news-center-card-content-box .news-center-card-content-box-info p {
        padding: 0;
        margin: 0
    }

    body #main #product-scheme {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin-top: 69px;
        /*padding-bottom: 78px;*/
    }

    body #main #product-scheme .product-scheme-box {
        font-size: 40px;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        color: #25345D;
        line-height: 40px;
    }

    body #main #product-scheme .product-scheme-box p {
        padding: 0;
        margin: 0
    }

    body #main #product-scheme .product-scheme-box-small {
        width: 100%;
        height: 23px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 28px;
        font-size: 23px
    }

    body #main #product-scheme .product-scheme-box-small p {
        width: 62px;
        height: 6px;
        background: #294AFF;
        border-radius: 3px;
        padding: 0;
        margin: 0
    }

    body #main #product-scheme .product-scheme-desc {
        margin-top: 22px;
        width: 100%;
        height: 15px;
        display: flex;
        align-items: center;
        margin-top: 31px;
        justify-content: center
    }

    body #main #product-scheme .product-scheme-desc p {
        padding: 0;
        margin: 0;
        font-size: 16px;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        color: #8F9DB1;
        line-height: 26px;
        text-align: center;
    }

    body #main #product-scheme .product-scheme-card {
        width: 100%;
        max-width: 1200px;
        margin-top: 54px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    body #main #product-scheme .product-scheme-card a {
        width: auto;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        text-decoration: none
    }

    body #main #product-scheme .product-scheme-card a .card-small {
        width: 380px;
        height: 360px;
        box-sizing: border-box;
        /*margin-bottom: 26px;*/
        position: relative
    }

    body #main #product-scheme .product-scheme-card a .card-small .card-small-logo {
        width: 100%;
        height: 216px;
        display: flex;
        align-items: center;
        justify-content: center;
        /*margin-top: 58px*/
    }

    body #main #product-scheme .product-scheme-card a .card-small .card-small-logo img {
        object-fit: cover;
        transition: 0.2s;
        width: 380px;
        height: 216px
    }

    body #main #product-scheme .product-scheme-card a .card-small .card-small-logo img:hover {
        transform: scale(1.1);
    }

    body #main #product-scheme .product-scheme-card a .card-small .card-small-name {
        width: 100%;
        height: 18px;
        /*display: flex;*/
        /*align-items: center;*/
        /*justify-content: center;*/
        margin-top: 29px;
        margin-left: 13px;
    }

    body #main #product-scheme .product-scheme-card a .card-small .card-small-name p {
        padding: 0;
        font-size: 18px;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        color: #25345D;
        line-height: 40px;
        /*opacity: 0.8;*/
        margin: 0
    }

    body #main #product-scheme .product-scheme-card a .card-small .card-small-info {
        width: 100%;
        font-size: 14px;
        font-family: HarmonyOS Sans SC;
        font-weight: 100;
        color: #A4AFBB;
        line-height: 20px;
        margin-left: 13px;
        margin-top: 20px
    }

    body #main #product-scheme .product-scheme-card a .card-small .card-small-info p {
        width: 359px;
        padding: 0;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical
    }

    body #main #product-scheme .product-scheme-card a .card-small .card-small-btn {
        position: absolute;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        bottom: 56px;
        left: 0
    }

    body #main #product-scheme .product-scheme-card a .card-small .card-small-btn p {
        width: 101px;
        height: 36px;
        background: #3867FB;
        border-radius: 18px;
        font-size: 14px;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 41px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin: 0
    }

    body #main #product-scheme .product-scheme-card a .card-small .card-small-eng {
        position: absolute;
        bottom: 20px;
        left: 0;
        width: 100%;
        height: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 24px
    }

    body #main #product-scheme .product-scheme-card a .card-small .card-small-eng p {
        font-size: 14px;
        font-family: HarmonyOS Sans SC;
        font-weight: 300;
        color: #BFC7F1;
        line-height: 41px;
        padding: 0;
        margin: 0
    }

    body #main #about-us {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin-top: 69px
    }

    body #main #about-us .about-us-box {
        font-size: 40px;
        font-family: Source Han Sans CN;
        font-weight: bold;
        color: #25345D;
        line-height: 24px;
    }

    body #main #about-us .about-us-box p {
        padding: 0;
        margin: 0
    }

    body #main #about-us .about-us-img {
        width: 1206px;
        height: 264px;
        display: flex;
        background-image: url("../img/ypw/about-us01.jpg");
        background-size: 100% 100%;
        align-items: center;
        justify-content: flex-start;
        margin-top: 79px;
    }

    body #main #about-us .about-us-img .about-us-desc {
        width: 656px;
        height: 160px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        font-size: 16px;
        color: #FFFFFF;
        line-height: 24px;
        margin-left: 49px;
    }

    body #main #about-us .about-us-img .about-us-desc-img {
        width: 425px;
        height: 284px;
        background-image: url("../img/ypw/about-us03.jpg");
        background-size: 100% 100%;
        position: relative;
        margin-left: 34px;
        bottom: 22px;
    }

    body #main #about-us .about-certificate-img {
        width: 1205px;
        height: 489px;
        display: flex;
        background-image: url("../img/ypw/about-us02.jpg");
        background-size: 100% 100%;
        align-items: center;
        justify-content: flex-start;
        margin-top: 30px;
    }

    body #main footer {
        width: 100%;
        height: 436px;
        background-image: url("../img/homepage/footer_bg.jpg");
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: center;
        position: relative;
        margin-top: 79px
    }
}