html {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

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

::-webkit-scrollbar {
    display: none
}

body {
    min-width: 800px;
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

@media only screen and (max-device-width: 900px) {
    body #main {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap
    }

    body #main #top-nav {
        width: 100%;
        height: 700px;
        box-sizing: border-box;
        background-color: #ddd;
        background-image: url("../img/product_center/pd_banner.jpg");
        background-size: 100% 100%;
        display: flex;
        flex-wrap: wrap
    }

    body #main #top-nav .nav-swiper {
        width: 100%;
        height: calc(700px - 76px);
        display: flex;
        flex-wrap: wrap;
        position: relative
    }

    body #main #top-nav .nav-swiper .nav-swiper-title {
        font-size: 43px;
        font-family: SourceHanSansCNVF;
        font-weight: 400;
        color: #ffffff;
        line-height: 60px;
        top: 156px;
        left: 18.6%;
        box-sizing: border-box;
        position: absolute
    }

    body #main #top-nav .nav-swiper .nav-swiper-title p {
        padding: 0;
        margin: 0
    }

    body #main #top-nav .nav-swiper .nav-swiper-desc {
        height: 54px;
        font-size: 22px;
        font-family: SourceHanSansCNVF;
        font-weight: 400;
        color: #ffffff;
        line-height: 32px;
        opacity: 0.75;
        left: 18.6%;
        top: 241px;
        display: flex;
        flex-shrink: 1;
        position: absolute
    }

    body #main #top-nav .nav-swiper .nav-swiper-desc p {
        padding: 0;
        margin: 0
    }

    body #main #top-nav .nav-swiper .nav-fixed-title {
        width: 100%;
        height: 56px;
        position: absolute;
        bottom: 144px;
        background-color: rgba(2, 11, 37, 0.5);
        left: 0%;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: space-around
    }

    body #main #top-nav .nav-swiper .nav-fixed-title p {
        padding: 0;
        margin: 0;
        color: #fff;
        font-size: 15px;
        font-family: SourceHanSansCN;
        font-weight: 400;
        color: #ffffff;
        line-height: 35px
    }

    body #main #top-nav .nav-swiper .nav-fixed {
        width: 100%;
        height: 144px;
        position: absolute;
        left: 0%;
        bottom: 0px;
        background: rgba(30, 97, 255, 0.16);
        display: flex
    }

    body #main #top-nav .nav-swiper .nav-fixed .nav-fixed-left {
        width: 50%;
        height: 100%;
        color: #fff;
        padding-top: 3.1%;
        padding-right: 2.3%;
        box-sizing: border-box
    }

    body #main #top-nav .nav-swiper .nav-fixed .nav-fixed-left .nav-fixed-left-small {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between
    }

    body #main #top-nav .nav-swiper .nav-fixed .nav-fixed-left .nav-fixed-left-small .nav-fixed-left-small-top {
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 21px;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box
    }

    body #main #top-nav .nav-swiper .nav-fixed .nav-fixed-left .nav-fixed-left-small .nav-fixed-left-small-top a {
        max-width: 165px;
        text-decoration: none;
        padding: 0;
        margin: 0;
        font-size: 16px;
        font-family: SourceHanSansCN;
        font-weight: 300;
        color: #ffffff;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical
    }

    body #main #top-nav .nav-swiper .nav-fixed .nav-fixed-left .nav-fixed-left-small .nav-fixed-left-small-top img {
        width: 22px;
        height: 12px
    }

    body #main #top-nav .nav-swiper .nav-fixed .nav-fixed-right {
        width: 50%;
        height: 100%;
        color: #fff;
        padding-left: 2%;
        padding-top: 3.1%;
        box-sizing: border-box
    }

    body #main #top-nav .nav-swiper .nav-fixed .nav-fixed-right .nav-fixed-right-small {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 21px
    }

    body #main #top-nav .nav-swiper .nav-fixed .nav-fixed-right .nav-fixed-right-small .nav-fixed-right-small-top {
        width: 50%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 21px;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box
    }

    body #main #top-nav .nav-swiper .nav-fixed .nav-fixed-right .nav-fixed-right-small .nav-fixed-right-small-top a {
        max-width: 165px;
        text-decoration: none;
        padding: 0;
        margin: 0;
        font-size: 16px;
        font-family: SourceHanSansCN;
        font-weight: 300;
        color: #ffffff;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical
    }

    body #main #top-nav .nav-swiper .nav-fixed .nav-fixed-right .nav-fixed-right-small .nav-fixed-right-small-top img {
        width: 22px;
        height: 12px
    }

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

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

    body #main main #product-system .product-system-box {
        font-size: 60px;
        font-family: DINCondensed;
        font-weight: bold;
        color: #25345d;
        line-height: 60px
    }

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

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

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

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

    body #main main #product-system .product-system-desc p {
        padding: 0;
        margin: 0;
        font-size: 14px;
        color: #8f9db1
    }

    body #main main #product-system .product-system-card {
        width: 100%;
        margin-top: 33px;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        padding-left: 40px;
        box-sizing: border-box
    }

    body #main main #product-system .product-system-card .card-small {
        width: 280px;
        height: 360px;
        background: linear-gradient(0deg, #fefeff, #f2f4ff);
        box-shadow: 0px 9px 15px 0px rgba(0, 76, 255, 0.05);
        border-radius: 20px;
        box-sizing: border-box;
        margin-bottom: 26px;
        margin-right: 25px;
        position: relative
    }

    body #main main #product-system .product-system-card .card-small a {
        text-decoration: none
    }

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

    body #main main #product-system .product-system-card .card-small a .card-small-logo img {
        width: 60px;
        height: 60px
    }

    body #main main #product-system .product-system-card .card-small a .card-small-logo .hots {
        width: 57px;
        height: 28px;
        position: absolute;
        right: 1px;
        top: 1px;
        border-top-right-radius: 20px;
        border-bottom-left-radius: 20px
    }

    body #main main #product-system .product-system-card .card-small a .card-small-name {
        width: 100%;
        height: 16px;
        font-size: 16px;
        font-family: SourceHanSansCNVF;
        font-weight: 400;
        color: #000000;
        line-height: 24px;
        opacity: 0.8;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 42px
    }

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

    body #main main #product-system .product-system-card .card-small a .card-small-info {
        width: 100%;
        font-size: 13px;
        font-family: SourceHanSansCNVF;
        font-weight: 400;
        color: #7181a4;
        line-height: 18px;
        opacity: 0.8;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-top: 20px
    }

    body #main main #product-system .product-system-card .card-small a .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 main #product-system .product-system-card .card-small a .card-small-btn {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 20px
    }

    body #main main #product-system .product-system-card .card-small a .card-small-btn p {
        width: 101px;
        height: 36px;
        background: #3867fb;
        border-radius: 18px;
        font-size: 14px;
        font-family: SourceHanSansCNVF;
        font-weight: 400;
        color: #ffffff;
        line-height: 18px;
        opacity: 0.9;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin: 0
    }

    body #main main #product-system .product-system-card .card-small a .card-small-eng {
        width: 100%;
        height: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 24px
    }

    body #main main #product-system .product-system-card .card-small a .card-small-eng p {
        font-size: 11px;
        font-family: SourceHanSansCNVF;
        font-weight: 400;
        color: #e1e4ed;
        line-height: 18px;
        padding: 0;
        margin: 0
    }

    body #main main #change-culture-two {
        width: 100%;
        height: 349px;
        background-image: url("../img/otherImgs/product_center_banner_02.jpg");
        background-size: cover;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: flex-start
    }

    body #main main #change-culture-two .change-culture-title {
        width: 100%;
        height: 106px;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        justify-content: center
    }

    body #main main #change-culture-two .change-culture-title p {
        padding: 0;
        margin: 0;
        font-size: 40px;
        line-height: 40px;
        font-family: SourceHanSansCNVF;
        font-weight: bold;
        color: #ffffff
    }

    body #main main #change-culture-two .change-culture-eng {
        width: 100%;
        height: 18px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin-top: 27px
    }

    body #main main #change-culture-two .change-culture-eng p {
        padding: 0;
        margin: 0;
        color: #e5ecff;
        font-weight: 300;
        font-family: SourceHanSansCNVF;
        font-size: 16px;
        opacity: 0.5
    }

    body #main main #change-culture-two .change-culture-desc {
        width: 1190px;
        font-size: 16px;
        font-weight: 400;
        color: #ffffff;
        margin-top: 62px;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box
    }

    body #main main #change-culture-two .change-culture-desc p {
        padding: 0;
        margin: 0;
        line-height: 30px
    }

    body #main main #change-culture-three {
        width: 100%;
        height: 349px;
        background-image: url("../img/otherImgs/product_center_banner_03.jpg");
        background-size: cover;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: flex-start
    }

    body #main main #change-culture-three .change-culture-title {
        width: 100%;
        height: 106px;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        justify-content: center
    }

    body #main main #change-culture-three .change-culture-title p {
        padding: 0;
        margin: 0;
        font-size: 40px;
        line-height: 40px;
        font-family: SourceHanSansCNVF;
        font-weight: bold;
        color: #ffffff
    }

    body #main main #change-culture-three .change-culture-eng {
        width: 100%;
        height: 18px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin-top: 27px
    }

    body #main main #change-culture-three .change-culture-eng p {
        padding: 0;
        margin: 0;
        color: #e5ecff;
        font-weight: 300;
        font-family: SourceHanSansCNVF;
        font-size: 16px;
        opacity: 0.5
    }

    body #main main #change-culture-three .change-culture-desc {
        width: 1190px;
        font-size: 16px;
        font-weight: 400;
        color: #ffffff;
        margin-top: 62px;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box
    }

    body #main main #change-culture-three .change-culture-desc p {
        padding: 0;
        margin: 0;
        line-height: 30px
    }

    body #main main #change-culture {
        width: 100%;
        height: 349px;
        background-image: url("../img/homepage/change_bg.jpg");
        background-size: cover;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: flex-start
    }

    body #main main #change-culture .change-culture-title {
        width: 100%;
        height: 106px;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        justify-content: center
    }

    body #main main #change-culture .change-culture-title p {
        padding: 0;
        margin: 0;
        font-size: 40px;
        line-height: 40px;
        font-family: SourceHanSansCNVF;
        font-weight: bold;
        color: #ffffff
    }

    body #main main #change-culture .change-culture-eng {
        width: 100%;
        height: 18px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin-top: 27px
    }

    body #main main #change-culture .change-culture-eng p {
        padding: 0;
        margin: 0;
        color: #e5ecff;
        font-weight: 300;
        font-family: SourceHanSansCNVF;
        font-size: 16px;
        opacity: 0.5
    }

    body #main main #change-culture .change-culture-desc {
        width: 1190px;
        font-size: 16px;
        font-weight: 400;
        color: #ffffff;
        margin-top: 62px;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box
    }

    body #main main #change-culture .change-culture-desc p {
        padding: 0;
        margin: 0;
        line-height: 30px
    }

    body #main main #solutions {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: center;
        background: #f1f5ff;
        padding-top: 70px;
        padding-bottom: 50px;
        box-sizing: border-box
    }

    body #main main #solutions .solutions-title {
        width: 100%;
        font-size: 60px;
        font-family: DINCondensed;
        font-weight: bold;
        color: #25345d;
        line-height: 60px;
        display: flex;
        justify-content: center
    }

    body #main main #solutions .solutions-title p {
        padding: 0;
        margin: 0
    }

    body #main main #solutions .solutions-title-small {
        width: 100%;
        height: 24px;
        font-size: 24px;
        font-family: SourceHanSansCNVF;
        font-weight: 400;
        color: #25345d;
        line-height: 24px;
        margin-top: 23px;
        display: flex;
        justify-content: center
    }

    body #main main #solutions .solutions-title-small p {
        padding: 0;
        margin: 0
    }

    body #main main #solutions .solutions-desc {
        width: 100%;
        height: 15px;
        font-size: 14px;
        font-family: SourceHanSansCNVF;
        font-weight: 400;
        color: #8f9db1;
        line-height: 15px;
        display: flex;
        justify-content: center;
        margin-top: 22px
    }

    body #main main #solutions .solutions-desc p {
        padding: 0;
        margin: 0
    }

    body #main main #solutions .solutions-desc .solutions-more {
        margin-left: 203px;
        color: #2b4afe
    }

    body #main main #solutions .product-system-card {
        width: 100%;
        margin-top: 33px;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        padding-left: 40px;
        box-sizing: border-box
    }

    body #main main #solutions .product-system-card a {
        text-decoration: none
    }

    body #main main #solutions .product-system-card a .card-small {
        width: 280px;
        height: 360px;
        background: linear-gradient(0deg, #fefeff, #f2f4ff);
        box-shadow: 0px 9px 15px 0px rgba(0, 76, 255, 0.05);
        border-radius: 20px;
        box-sizing: border-box;
        margin-bottom: 26px;
        margin-right: 25px;
        padding-top: 58px
    }

    body #main main #solutions .product-system-card a .card-small .card-small-logo {
        width: 100%;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    body #main main #solutions .product-system-card a .card-small .card-small-logo img {
        width: 60px;
        height: 60px
    }

    body #main main #solutions .product-system-card a .card-small .card-small-logo .hots {
        width: 57px;
        height: 28px;
        position: absolute;
        right: 1px;
        top: 1px;
        border-top-right-radius: 20px;
        border-bottom-left-radius: 20px
    }

    body #main main #solutions .product-system-card a .card-small .card-small-name {
        width: 100%;
        height: 16px;
        font-size: 16px;
        font-family: SourceHanSansCNVF;
        font-weight: 400;
        color: #000000;
        line-height: 24px;
        opacity: 0.8;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 42px
    }

    body #main main #solutions .product-system-card a .card-small .card-small-name p {
        padding: 0;
        margin: 0
    }

    body #main main #solutions .product-system-card a .card-small .card-small-info {
        width: 100%;
        font-size: 13px;
        font-family: SourceHanSansCNVF;
        font-weight: 400;
        color: #7181a4;
        line-height: 18px;
        opacity: 0.8;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-top: 20px
    }

    body #main main #solutions .product-system-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 main #solutions .product-system-card a .card-small .card-small-btn {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 20px
    }

    body #main main #solutions .product-system-card a .card-small .card-small-btn p {
        width: 101px;
        height: 36px;
        background: #3867fb;
        border-radius: 18px;
        font-size: 14px;
        font-family: SourceHanSansCNVF;
        font-weight: 400;
        color: #ffffff;
        line-height: 18px;
        opacity: 0.9;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin: 0
    }

    body #main main #solutions .product-system-card a .card-small .card-small-eng {
        width: 100%;
        height: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 24px
    }

    body #main main #solutions .product-system-card a .card-small .card-small-eng p {
        font-size: 11px;
        font-family: SourceHanSansCNVF;
        font-weight: 400;
        color: #e1e4ed;
        line-height: 18px;
        padding: 0;
        margin: 0
    }

    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
    }
}

@media only screen and (min-device-width: 901px) {
    body #main {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap
    }

    body #main #top-nav {
        width: 100%;
        height: 700px;
        box-sizing: border-box;
        background-color: #ddd;
        background-image: url("../img/product_center/pd_banner.jpg");
        background-size: 100% 100%;
        display: flex;
        flex-wrap: wrap
    }

    body #main #top-nav .nav-swiper {
        width: 100%;
        height: calc(700px - 76px);
        display: flex;
        flex-wrap: wrap;
        position: relative
    }

    body #main #top-nav .nav-swiper .nav-swiper-title {
        font-size: 43px;
        font-family: SourceHanSansCNVF;
        font-weight: 400;
        color: #ffffff;
        line-height: 60px;
        top: 156px;
        left: 18.6%;
        box-sizing: border-box;
        position: absolute
    }

    body #main #top-nav .nav-swiper .nav-swiper-title p {
        padding: 0;
        margin: 0
    }

    body #main #top-nav .nav-swiper .nav-swiper-desc {
        height: 54px;
        font-size: 22px;
        font-family: SourceHanSansCNVF;
        font-weight: 400;
        color: #ffffff;
        line-height: 32px;
        opacity: 0.75;
        left: 18.6%;
        top: 241px;
        display: flex;
        flex-shrink: 1;
        position: absolute
    }

    body #main #top-nav .nav-swiper .nav-swiper-desc p {
        padding: 0;
        margin: 0
    }

    body #main #top-nav .nav-swiper .nav-fixed-title {
        width: 62.5%;
        height: 56px;
        position: absolute;
        bottom: 144px;
        background-color: rgba(2, 11, 37, 0.5);
        left: 18.75%;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: space-around
    }

    body #main #top-nav .nav-swiper .nav-fixed-title p {
        padding: 0;
        margin: 0;
        color: #fff;
        font-size: 15px;
        font-family: SourceHanSansCN;
        font-weight: 400;
        color: #ffffff;
        line-height: 35px
    }

    body #main #top-nav .nav-swiper .nav-fixed {
        width: 62.5%;
        height: 144px;
        position: absolute;
        left: 18.75%;
        bottom: 0px;
        background: rgba(30, 97, 255, 0.16);
        display: flex
    }

    body #main #top-nav .nav-swiper .nav-fixed .nav-fixed-left {
        width: 50%;
        height: 100%;
        color: #fff;
        padding-top: 3.1%;
        padding-right: 2.3%;
        box-sizing: border-box
    }

    body #main #top-nav .nav-swiper .nav-fixed .nav-fixed-left .nav-fixed-left-small {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between
    }

    body #main #top-nav .nav-swiper .nav-fixed .nav-fixed-left .nav-fixed-left-small .nav-fixed-left-small-top {
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 21px;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box
    }

    body #main #top-nav .nav-swiper .nav-fixed .nav-fixed-left .nav-fixed-left-small .nav-fixed-left-small-top a {
        max-width: 210px;
        text-decoration: none;
        padding: 0;
        margin: 0;
        font-size: 16px;
        font-family: SourceHanSansCN;
        font-weight: 300;
        color: #ffffff;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical
    }

    body #main #top-nav .nav-swiper .nav-fixed .nav-fixed-left .nav-fixed-left-small .nav-fixed-left-small-top img {
        width: 22px;
        height: 12px
    }

    body #main #top-nav .nav-swiper .nav-fixed .nav-fixed-right {
        width: 50%;
        height: 100%;
        color: #fff;
        padding-left: 2.3%;
        padding-top: 3.1%;
        box-sizing: border-box
    }

    body #main #top-nav .nav-swiper .nav-fixed .nav-fixed-right .nav-fixed-right-small {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between
    }

    body #main #top-nav .nav-swiper .nav-fixed .nav-fixed-right .nav-fixed-right-small .nav-fixed-right-small-top {
        width: 50%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 21px;
        padding-left: 20px;
        padding-right: 20px
    }

    body #main #top-nav .nav-swiper .nav-fixed .nav-fixed-right .nav-fixed-right-small .nav-fixed-right-small-top a {
        max-width: 210px;
        text-decoration: none;
        padding: 0;
        margin: 0;
        font-size: 16px;
        font-family: SourceHanSansCN;
        font-weight: 300;
        color: #ffffff;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical
    }

    body #main #top-nav .nav-swiper .nav-fixed .nav-fixed-right .nav-fixed-right-small .nav-fixed-right-small-top img {
        width: 22px;
        height: 12px
    }

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

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

    body #main main #product-system .product-system-box {
        font-size: 60px;
        font-family: DINCondensed;
        font-weight: bold;
        color: #25345d;
        line-height: 60px
    }

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

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

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

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

    body #main main #product-system .product-system-desc p {
        padding: 0;
        margin: 0;
        font-size: 14px;
        color: #8f9db1
    }

    body #main main #product-system .product-system-card {
        width: 1225px;
        margin-top: 33px;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start
    }

    body #main main #product-system .product-system-card .card-small {
        width: 280px;
        height: 360px;
        background: linear-gradient(0deg, #fefeff, #f2f4ff);
        box-shadow: 0px 9px 15px 0px rgba(0, 76, 255, 0.05);
        border-radius: 20px;
        box-sizing: border-box;
        margin-bottom: 26px;
        margin-right: 25px;
        position: relative
    }

    body #main main #product-system .product-system-card .card-small a {
        text-decoration: none
    }

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

    body #main main #product-system .product-system-card .card-small a .card-small-logo img {
        width: 60px;
        height: 60px
    }

    body #main main #product-system .product-system-card .card-small a .card-small-logo .hots {
        width: 57px;
        height: 28px;
        position: absolute;
        right: 1px;
        top: 1px;
        border-top-right-radius: 20px;
        border-bottom-left-radius: 20px
    }

    body #main main #product-system .product-system-card .card-small a .card-small-name {
        width: 100%;
        height: 16px;
        font-size: 16px;
        font-family: SourceHanSansCNVF;
        font-weight: 400;
        color: #000000;
        line-height: 24px;
        opacity: 0.8;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 42px
    }

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

    body #main main #product-system .product-system-card .card-small a .card-small-info {
        width: 100%;
        font-size: 13px;
        font-family: SourceHanSansCNVF;
        font-weight: 400;
        color: #7181a4;
        line-height: 18px;
        opacity: 0.8;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-top: 20px
    }

    body #main main #product-system .product-system-card .card-small a .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 main #product-system .product-system-card .card-small a .card-small-btn {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        bottom: 56px
    }

    body #main main #product-system .product-system-card .card-small a .card-small-btn p {
        width: 101px;
        height: 36px;
        background: #3867fb;
        border-radius: 18px;
        font-size: 14px;
        font-family: SourceHanSansCNVF;
        font-weight: 400;
        color: #ffffff;
        line-height: 18px;
        opacity: 0.9;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin: 0
    }

    body #main main #product-system .product-system-card .card-small a .card-small-eng {
        width: 100%;
        height: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        bottom: 23px
    }

    body #main main #product-system .product-system-card .card-small a .card-small-eng p {
        font-size: 11px;
        font-family: SourceHanSansCNVF;
        font-weight: 400;
        color: #e1e4ed;
        line-height: 18px;
        padding: 0;
        margin: 0
    }

    body #main main #change-culture-two {
        width: 100%;
        height: 349px;
        background-image: url("../img/otherImgs/product_center_banner_02.jpg");
        background-size: cover;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: flex-start
    }

    body #main main #change-culture-two .change-culture-title {
        width: 100%;
        height: 106px;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        justify-content: center
    }

    body #main main #change-culture-two .change-culture-title p {
        padding: 0;
        margin: 0;
        font-size: 40px;
        line-height: 40px;
        font-family: SourceHanSansCNVF;
        font-weight: bold;
        color: #ffffff
    }

    body #main main #change-culture-two .change-culture-eng {
        width: 100%;
        height: 18px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin-top: 27px
    }

    body #main main #change-culture-two .change-culture-eng p {
        padding: 0;
        margin: 0;
        color: #e5ecff;
        font-weight: 300;
        font-family: SourceHanSansCNVF;
        font-size: 16px;
        opacity: 0.5
    }

    body #main main #change-culture-two .change-culture-desc {
        width: 1190px;
        font-size: 16px;
        font-weight: 400;
        color: #ffffff;
        margin-top: 62px;
        text-align: center
    }

    body #main main #change-culture-two .change-culture-desc p {
        padding: 0;
        margin: 0;
        line-height: 30px
    }

    body #main main #change-culture-three {
        width: 100%;
        height: 349px;
        background-image: url("../img/otherImgs/product_center_banner_03.jpg");
        background-size: cover;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: flex-start
    }

    body #main main #change-culture-three .change-culture-title {
        width: 100%;
        height: 106px;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        justify-content: center
    }

    body #main main #change-culture-three .change-culture-title p {
        padding: 0;
        margin: 0;
        font-size: 40px;
        line-height: 40px;
        font-family: SourceHanSansCNVF;
        font-weight: bold;
        color: #ffffff
    }

    body #main main #change-culture-three .change-culture-eng {
        width: 100%;
        height: 18px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin-top: 27px
    }

    body #main main #change-culture-three .change-culture-eng p {
        padding: 0;
        margin: 0;
        color: #e5ecff;
        font-weight: 300;
        font-family: SourceHanSansCNVF;
        font-size: 16px;
        opacity: 0.5
    }

    body #main main #change-culture-three .change-culture-desc {
        width: 1190px;
        font-size: 16px;
        font-weight: 400;
        color: #ffffff;
        margin-top: 62px;
        text-align: center
    }

    body #main main #change-culture-three .change-culture-desc p {
        padding: 0;
        margin: 0;
        line-height: 30px
    }

    body #main main #change-culture {
        width: 100%;
        height: 349px;
        background-image: url("../img/homepage/change_bg.jpg");
        background-size: cover;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: flex-start
    }

    body #main main #change-culture .change-culture-title {
        width: 100%;
        height: 106px;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        justify-content: center
    }

    body #main main #change-culture .change-culture-title p {
        padding: 0;
        margin: 0;
        font-size: 40px;
        line-height: 40px;
        font-family: SourceHanSansCNVF;
        font-weight: bold;
        color: #ffffff
    }

    body #main main #change-culture .change-culture-eng {
        width: 100%;
        height: 18px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin-top: 27px
    }

    body #main main #change-culture .change-culture-eng p {
        padding: 0;
        margin: 0;
        color: #e5ecff;
        font-weight: 300;
        font-family: SourceHanSansCNVF;
        font-size: 16px;
        opacity: 0.5
    }

    body #main main #change-culture .change-culture-desc {
        width: 1190px;
        font-size: 16px;
        font-weight: 400;
        color: #ffffff;
        margin-top: 62px;
        text-align: center
    }

    body #main main #change-culture .change-culture-desc p {
        padding: 0;
        margin: 0;
        line-height: 30px
    }

    body #main main #solutions {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: center;
        background: #f1f5ff;
        padding-top: 70px;
        padding-bottom: 50px;
        box-sizing: border-box
    }

    body #main main #solutions .solutions-title {
        width: 100%;
        font-size: 60px;
        font-family: DINCondensed;
        font-weight: bold;
        color: #25345d;
        line-height: 60px;
        display: flex;
        justify-content: center
    }

    body #main main #solutions .solutions-title p {
        padding: 0;
        margin: 0
    }

    body #main main #solutions .solutions-title-small {
        width: 100%;
        height: 24px;
        font-size: 24px;
        font-family: SourceHanSansCNVF;
        font-weight: 400;
        color: #25345d;
        line-height: 24px;
        margin-top: 23px;
        display: flex;
        justify-content: center
    }

    body #main main #solutions .solutions-title-small p {
        padding: 0;
        margin: 0
    }

    body #main main #solutions .solutions-desc {
        width: 100%;
        height: 15px;
        font-size: 14px;
        font-family: SourceHanSansCNVF;
        font-weight: 400;
        color: #8f9db1;
        line-height: 15px;
        display: flex;
        justify-content: center;
        margin-top: 22px
    }

    body #main main #solutions .solutions-desc p {
        padding: 0;
        margin: 0
    }

    body #main main #solutions .solutions-desc .solutions-more {
        margin-left: 203px;
        color: #2b4afe
    }

    body #main main #solutions .product-system-card {
        width: 1225px;
        margin-top: 33px;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start
    }

    body #main main #solutions .product-system-card a {
        text-decoration: none
    }

    body #main main #solutions .product-system-card a .card-small {
        width: 280px;
        height: 360px;
        background: linear-gradient(0deg, #fefeff, #f2f4ff);
        box-shadow: 0px 9px 15px 0px rgba(0, 76, 255, 0.05);
        border-radius: 20px;
        box-sizing: border-box;
        margin-bottom: 26px;
        margin-right: 25px;
        padding-top: 58px;
        position: relative
    }

    body #main main #solutions .product-system-card a .card-small .card-small-logo {
        width: 100%;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    body #main main #solutions .product-system-card a .card-small .card-small-logo img {
        width: 60px;
        height: 60px
    }

    body #main main #solutions .product-system-card a .card-small .card-small-logo .hots {
        width: 57px;
        height: 28px;
        position: absolute;
        right: 1px;
        top: 1px;
        border-top-right-radius: 20px;
        border-bottom-left-radius: 20px
    }

    body #main main #solutions .product-system-card a .card-small .card-small-name {
        width: 100%;
        height: 16px;
        font-size: 16px;
        font-family: SourceHanSansCNVF;
        font-weight: 400;
        color: #000000;
        line-height: 24px;
        opacity: 0.8;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 42px
    }

    body #main main #solutions .product-system-card a .card-small .card-small-name p {
        padding: 0;
        margin: 0
    }

    body #main main #solutions .product-system-card a .card-small .card-small-info {
        width: 100%;
        font-size: 13px;
        font-family: SourceHanSansCNVF;
        font-weight: 400;
        color: #7181a4;
        line-height: 18px;
        opacity: 0.8;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-top: 20px
    }

    body #main main #solutions .product-system-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 main #solutions .product-system-card a .card-small .card-small-btn {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        bottom: 56px
    }

    body #main main #solutions .product-system-card a .card-small .card-small-btn p {
        width: 101px;
        height: 36px;
        background: #3867fb;
        border-radius: 18px;
        font-size: 14px;
        font-family: SourceHanSansCNVF;
        font-weight: 400;
        color: #ffffff;
        line-height: 18px;
        opacity: 0.9;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin: 0
    }

    body #main main #solutions .product-system-card a .card-small .card-small-eng {
        width: 100%;
        height: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        bottom: 23px
    }

    body #main main #solutions .product-system-card a .card-small .card-small-eng p {
        font-size: 11px;
        font-family: SourceHanSansCNVF;
        font-weight: 400;
        color: #e1e4ed;
        line-height: 18px;
        padding: 0;
        margin: 0
    }

    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
    }
}