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

    .product-7 .plat-list {
        margin: 0px 5vw;
        margin-top: 40px;
    }

    .product-7 .plat-list .swiper-slide {
        min-height: fit-content;
        height: fit-content;
        margin-bottom: 40px;
    }

    .product-7 .plat-list .swiper-slide .title {
        margin: 10px;
        line-height: normal;
    }

    .product-7 .plat-list .swiper-slide .despcription {
        height: fit-content;
        overflow: hidden;
        margin: 10px;
        font-size: 16px;
    }

    .product-8 {
        background: none;
    }

    .product-8 .content {
        height: auto;
        margin: 0;
        flex-flow: column;
    }

    .product-8 .content .left {
        width: 90vw;
        margin: 5vw;
    }

    .product-8 .content .right {
        margin: 0px;
        width: 90vw;
        margin: 5vw;
        border-radius: 8px;
        box-shadow: 0px 4px 40px 0px rgb(0 0 0 / 10%);
    }

    .product-8 .content .right .swiper {
        height: auto;
    }

    .product-8 .content .right .swiper-slide {
        height: auto;
        padding: 10px 0 30px 0;
    }

    .product-8 .content .right .swiper-slide .title {
        font-size: 24px;
    }

    .product-8 .content .right .swiper-slide .info {
        margin-top: 30px;
        line-height: 24px;
        font-size: 14px;
    }

    .product-8 .content .right .swiper-slide .btn {
        width: 150px;
        height: 50px;
        line-height: 50px;
        background-color: #1088e9;
        border-color: #1088e9;
        color: #fff;
        margin-top: 2vh;
        font-size: 16px;
        margin-left: 78px;
    }

    .product-9 .series-list {
        margin: 0 20px;
        margin-top: 40px;
    }

    .product-9 .series-list ul {
        margin: 0px;
        display: grid;
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-template-columns: calc(50% - 10px) calc(50% - 10px);
    }

    .product-9 .series-list ul li {
        flex: auto;
        /* width: 42vw; */
        /* margin: 2vw; */
        padding: 2vw;
        align-items: center;
        height: 68px;
    }

    .product-9 .series-list ul li .left {
        width: 60px;
        height: 60px;
        flex-shrink: 0;
    }

    .product-9 .series-list ul li .left .iconfont {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 34px;
    }

    .product-9 .series-list ul li .info {
        margin-left: 10px;
        line-height: normal;
        font-size: 16px;
    }

    .product-10 {
        height: 200px;
        margin-top: 40px;
    }

    .product-10 .title-top {
        font-size: 36px;
        line-height: normal;
    }

    .product-10 .title-bottom {
        font-size: 18px;
        margin-top: 20px;
    }

    .product-20 {
        background: url('../images/product/linebg.png') center center no-repeat;
        background-size: cover;
        animation: fadeInUp 1s both;
        display: flow-root;
        padding-bottom: 40px;
    }

    .product-20 .title-chinese {
        font-family: Source Han Sans SC;
        font-weight: 400;
        font-size: 32px;
        color: #333333;
        line-height: 30px;
    }

    .product-20 .title-english {
        font-family: Arial;
        font-weight: 400;
        font-size: 14px;
        color: #999999;
        line-height: 30px;
    }

    .product-20 .plat-list {
        margin: 20px 15px;
        /* margin-bottom: 90px; */
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .product-20 .plat-list .left {
        width: 50vw;
        height: 1494px;
        background: #1088E9;
        box-shadow: 3px 5px 50px 0px rgba(0, 68, 205, 0.68);
        border-radius: 28px;
        margin-right: -20px;
        z-index: 9999;
        display: flex;
        justify-content: center;
    }

    .product-20 .plat-list .left .title {
        width: calc(50vw - 40px);
        height: 58px;
        background: #FFFFFF;
        border-radius: 52px;
        font-family: Source Han Sans CN;
        font-weight: bold;
        font-size: 24px;
        color: #1088E9;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 34px;
    }

    .product-20 .plat-list .right {
        width: calc(50vw - 20px);
        height: 1400px;
        background: #DAEDFE;
        box-shadow: 3px 5px 50px 0px rgba(0, 68, 205, 0.44);
        border-radius: 28px;
        z-index: 9998;
        display: flex;
        justify-content: center;
    }

    .product-20 .plat-list .right .title {
        width: calc(50vw - 60px);
        height: 58px;
        background: rgba(129, 196, 255, 0.39);
        border-radius: 52px;
        font-family: Source Han Sans CN;
        font-weight: bold;
        font-size: 24px;
        color: #323333;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 34px;
    }

    .product-20 .list {
        width: calc(100vw - 42px);
        height: 150px;
        display: flex;
        align-items: center;
        position: absolute;
        top: 35vh;
        left: 20px;
        z-index: 999999;
    }

    .product-20 .list2 {
        margin-top: 140px;
    }

    .product-20 .list3 {
        margin-top: 330px;
    }

    .product-20 .list4 {
        margin-top: 518px;
    }

    .product-20 .list5 {
        margin-top: 702px;
    }

    .product-20 .list6 {
        margin-top: 908px;
    }

    .product-20 .list7 {
        margin-top: 1140px;
    }

    .product-20 .list .left {
        width: 55vw;
        height: 100%;
        padding-left: 20px;
    }

    .product-20 .list .left .title {
        width: 30vw;
        height: 34px;
        background: linear-gradient(90deg, #38A6FF, #B1DCFF);
        border-radius: 8px;
        font-family: Source Han Sans CN;
        font-weight: bold;
        font-size: 22px;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 20px;
    }

    .product-20 .list .left .text {
        height: 25px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: 18px;
        color: #fff;
    }

    .product-20 .list .right {
        width: 40%;
        height: 100%;
        display: flex;
        align-items: center;
        margin-right: 20px;
        margin-left: 20px;
    }

    .product-20 .list .middle {
        width: 10%;
        display: flex;
        justify-content: center;
    }

    .product-20 .list .middle .pk {
        width: 40px;
        height: 40px;
        background: linear-gradient(90deg, #68BD83, #EF7B1B, #FAD4B9);
        box-shadow: 3px 5px 50px 0px rgba(0, 68, 205, 0.68);
        border-radius: 50%;
        border: 6px solid #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: Microsoft YaHei;
        font-weight: bold;
        font-size: 28px;
        color: #fff;
        line-height: 20px;
        text-shadow: 2px 3px 6px rgba(0, 0, 0, 0.29);
    }

    /* .product-20 .list .right .pk {
        width: 84px;
        height: 84px;
        background: linear-gradient(90deg, #68BD83, #EF7B1B, #FAD4B9);
        box-shadow: 3px 5px 50px 0px rgba(0, 68, 205, 0.68);
        border-radius: 50%;
        border: 6px solid #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: Microsoft YaHei;
        font-weight: bold;
        font-size: 42px;
        color: #fff;
        line-height: 20px;
        text-shadow: 2px 3px 6px rgba(0, 0, 0, 0.29);
    } */

    .product-20 .list .right .text {
        width: 6.33px;
        height: 25px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: 20px;
        color: #333333;

    }

    .product-7 .plat-list .swiper-wrapper {
        display: block;
    }

    .function {
        display: block;
        margin: 0 20px;
        margin-top: 40px;
    }

    .function-item {
        padding: 20px;
        margin-bottom: 20px;
    }

    .function-item:last-child {
        margin-bottom: 0;
    }

    .function-item .info {
        line-height: normal;
        margin-top: 10px;
        font-size: 16px;
    }


    .lims-system {
        width: 100vw;
        height: 36vh;
        padding: 0;
    }

    .lims-system .left {
        width: 85vw;
        margin: 0 auto;
    }

    .lims-system .left .title {
        font-size: 50px;
        /* margin-top: -9vh; */
        line-height: 68px;
    }

    .lims-system .left .title-des {
        font-size: 20px;
        line-height: normal
    }

    .lims-system .left .desc-top {
        margin-top: 20px;
    }

    .lims-system .left .desc {
        font-size: 16px;
        line-height: normal;
    }

    .lims-system .left .btn-item {
        margin-top: 20px;
        width: 31vw;
        height: 50px;
        font-size: 18px;
        line-height: 50px;
    }

    .lims-system .left .btn-item a {
        height: 50px;
    }

    .lims-system .btn-item .iconfont-arrow {
        height: 50px;
    }

    .lims-system .btn-item .iconfont-arrow i {
        font-size: 16px;
    }

    .lims-system .right {
        display: none;
    }

    .title-chinese {
        font-size: 22px;
    }

    .title-english {
        margin-top: 10px;
    }

    .product {
        margin: 0px 0px;
    }

    .title-policy {
        margin: 0 20px;
        margin-top: 40px;
        margin-bottom: 14px;
    }

    .title-policy1 {
        align-items: center;
    }

    .title-policy2 {

        align-items: flex-start;
    }

    .title-policy .title-icon img {
        margin-right: 2px;
        width: 26px;
        height: 26px;
        margin-top: 8px;
    }

    .policy-wrap-top {
        display: block;
    }

    .title-policy .title-name {
        line-height: normal;
        font-size: 18px
    }

    .title-policy .title-icon {
        width: 28px;
        height: 28px;
        align-items: center;
        flex-shrink: 0;
    }

    .title-policy .title-icon img {
        width: 100%;
        height: 100%;
        margin-top: 0px;
    }

    .policy-wrap-top .left,
    .policy-wrap-top .right {
        height: 178px;
        padding: 0 20px;
    }

    .policy-wrap-top .left {
        width: calc(100% - 80px);

        margin: 0 20px;
        font-size: 18px;
        line-height: 32px;
    }

    .policy-wrap-top .right {
        width: calc(100% - 80px);
        margin: 0 20px;
        margin-top: 30px;
        font-size: 18px;
        line-height: 32px;
    }

    .policy-wrap-bottom {
        display: block;

    }

    .policy-item br {
        display: none;
    }

    .policy-wrap-bottom .policy-title {
        width: 70px;
        height: 84px;
        font-size: 18px;
        line-height: 26px;
    }

    .policy-wrap-bottom .policy-title::before {
        border-top: 42px solid transparent;
        border-bottom: 42px solid transparent;
        border-left: 15px solid #1088E9;
        right: -14px;
    }

    .policy-wrap-bottom .left {
        margin: 0 20px;
        height: 330px;
    }

    .policy-wrap-bottom .policy-content {
        width: calc(100vw - 158px);
        height: 100px;
        padding-left: 40px;
        padding-right: 10px;
        font-size: 18px;
        left: 66px;
    }

    .policy-wrap-bottom .policy-item {
        margin-bottom: 32px;
        top: 20px;
    }

    .policy-item:nth-child(3) .policy-title {
        height: 104px;
    }

    .policy-item:nth-child(3) .policy-title::before {
        border-top: 52px solid transparent;
        border-bottom: 52px solid transparent;
    }

    .policy-item:nth-child(3) .policy-content {
        height: 124px;
    }

    .policy-wrap-bottom .right {
        height: 330px;
        margin: 0 20px;
        margin-top: 66px;
        padding: 6px 30px;
        line-height: 36px;
        font-size: 18px;
    }

    .policy-wrap-bottom .right .right-content {
        padding: 0;
        font-size: 18px;
    }

    .breadcrumb {
        height: auto;
        font-size: 14px;
        padding-left: 0;
    }

    .breadcrumb span:first-child {
        margin-left: 20px;
    }

    .breadcrumb>span,
    .breadcrumb>a,
    .breadcrumb>font {
        height: auto;
    }

    .blue {
        font-size: 20px;
    }

    .advantage {
        margin: 20px;
        grid-template-columns: calc(50% - 10px) calc(50% - 10px);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        margin-top: 40px;
    }

    .advantage-item {
        padding: 20px;
        height: auto;
    }

    .advantage-item .item-top img {
        width: 50px;
        height: 50px;
    }

    .advantage-item .item-bottom {
        font-size: 16px;
        margin-top: 20px;
        line-height: 22px;
    }

    .advantage-item .item-top {
        width: 90px;
        height: 90px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .advantage-item .item-top img {
        margin: 0;

    }

    .btn-item1 {
        width: 140px;
        height: 50px;
    }

    .btn-item1 a {
        font-size: 18px;
    }

    .function-item .title {
        font-size: 24px;
    }
}