@media (max-width: 750px) {
    .mobile-news-pages {
        display: block
    }

    .news-pages {
        padding-bottom: 0px;
        margin-top: 20px
    }

    .news-pages li {
        min-width: 35px;
        height: 35px;
        padding: 0 5px;
        line-height: 35px;
        text-align: center;
        border: 1px solid #F4F4F4;
        margin-right: 10px;
        font-size: 14px;
        font-weight: 400;
        color: #9A9898
    }

    .news-pages.mobile-news-pages {
        display: flex
    }

    .pc-news-pages {
        display: none
    }

    body {
        font-size: 15px
    }

    .container {
        max-width: 90%;
        margin: 0 auto;
        overflow: hidden;
    }

    header .header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 90px;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 500;
        background: #fff;
        border: 1px solid #E7E7E7
    }

    header .header .logo {
        z-index: 5000;
        position: relative;
        left: 25px
    }

    header .header .logo a img {
        width: 100px
    }

    header .header #cssmenu {
        display: block
    }

    header .header #cssmenu .search {
        display: none
    }

    header .header #cssmenu .search .name {
        display: none
    }

    header .header #cssmenu .search .box {
        width: 100%;
        position: absolute;
        right: 0;
        bottom: -43px;
        padding: 0 10px;
        background: #fff;
        z-index: 20;
        display: block;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee
    }

    header .header #cssmenu .search .box .sub {
        width: 20px;
        height: 20px;
        top: 11px
    }

    header .header .lang {
        width: unset;
        text-align: center;
        color: #fff;
        line-height: 46px;
        font-weight: unset;
        color: #0e52c1;
        background: transparent;
        font-size: 13px;
        position: absolute;
        left: 135px
    }

    header .header .mobile-search {
        display: block;
        position: absolute;
        right: 46px;
        z-index: 500
    }

    header .header .mobile-search img {
        width: 18px
    }

    header .header .mobile-search-2 {
        display: block;
        position: absolute;
        right: 76px;
        z-index: 500;
        color: #0e52c1;
    }

    .search-lang {
        display: none;
    }

    header .header .mobile-report {
        display: block;
        position: absolute;
        right: 72px;
        z-index: 500;
        top: 50%;
        transform: translate(0px, -50%);
        width: 18px;
        height: 18px
    }

    header .header .mobile-report svg {
        width: 18px;
        height: 18px
    }

    header .mobile-head {
        display: flex;
        justify-content: space-between
    }

    header .mobile-head .header {
        display: flex;
        width: 100%
    }

    header .mobile-head .header .menu .menu-icon img {
        width: 25px
    }

    header .mobile-head .header .menu .nav-list {
        position: absolute;
        width: 100%;
        top: 90px;
        right: 0;
        z-index: 21;
        display: none;
        background: rgba(0, 0, 0, 0.8)
    }

    header .mobile-head .header .menu .nav-list nav {
        display: block
    }

    header .mobile-head .header .menu .nav-list nav ul {
        display: block;
        justify-content: flex-start;
        align-items: center;
        width: 100%
    }

    header .mobile-head .header .menu .nav-list nav ul li a {
        font-size: 15px;
        color: #fff;
        padding: 0 25px;
        line-height: 50px;
        width: 100%
    }

    header .mobile-head .header .menu .nav-list nav ul li .box {
        display: none;
        position: relative;
        top: 100%;
        background: transparent;
        z-index: 20;
        border-top: 0;
        width: unset;
        transform: unset;
        left: 0;
        text-align: left
    }

    header .mobile-head .header .menu .nav-list nav ul li .box ul li a {
        text-align: left;
        line-height: 2.5;
        padding-left: 40px
    }

    header .mobile-head .header .menu .nav-list nav .search {
        width: 100%
    }

    header .mobile-head .header .menu .nav-list nav .search .name {
        display: none
    }

    header .mobile-head .header .menu .nav-list nav .search .box {
        width: 95%;
        position: relative;
        right: 0;
        bottom: 0;
        padding: 10px;
        background: #fff;
        z-index: 20;
        display: block;
        margin: 0 auto
    }

    header .mobile-head .header .lang {
        margin-bottom: 20px;
        margin-left: 2.5%;
        margin-top: 15px
    }

    footer {
        background-color: #0e52c1;
        padding-top: 20px;
        transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
        position: relative
    }

    footer:after {
        z-index: 0;
        content: "";
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background-image: url(/assets/img/footer.png);
        background-size: cover;
        position: absolute;
        opacity: 0.1
    }

    footer .footer_top {
        align-items: flex-start;
        z-index: 20;
        position: relative;
        padding-bottom: 0;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column
    }

    footer .footer_top .footer-nav {
        width: 100%
    }

    footer .footer_top .footer-nav:nth-child(3) {
        width: 100%;
        flex-shrink: 0
    }

    footer .footer_top .footer-nav:nth-child(4) {
        width: 100%;
        flex-shrink: 0
    }

    footer .footer_top .footer-nav .name {
        color: #fff;
        font-size: 17px;
        font-weight: bold;
        padding-bottom: 0;
        padding-top: 20px
            /**justify-content:space-between;display:flex**/
    }

    footer .footer_top .footer-nav ul li {
        float: left;
    }

    footer .footer_top .footer-nav ul li a {
        color: #fff;
        font-size: 14px;
        line-height: 2;
        padding: 7px 0;
        display: block;
        padding-right: 15px;
    }

    footer .footer_top .footer-nav:nth-child(2) ul {
        flex-direction: column
    }

    footer .footer_top .footer-nav.service-tel {
        width: 100%;
        color: #fff
    }

    footer .footer_top .footer-nav.service-tel .time {
        line-height: 2;
        padding: 7px 0;
        white-space: inherit
    }

    footer .footer_top .footer-nav.service-tel .tel a {
        color: #fff;
        text-align: left;
        width: 100%;
        display: block;
        line-height: 50px;
        font-size: 16px;
        font-weight: 600;
        margin-top: 10px
    }

    footer .footer_top .footer-nav.service-tel .tel a:hover {
        opacity: 0.8
    }

    footer .footer_bottom {
        align-items: flex-start;
        z-index: 20;
        position: relative;
        border-style: solid;
        margin-top: 30px;
        border-color: #215F9B;
        padding: 30px 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #fff;
        flex-direction: column;
        border-width: 0px 0px 0px 0px;
    }

    footer .footer_bottom .footer-logo {
        padding-bottom: 15px
    }

    footer .footer_bottom .footer-logo a img {
        width: 90px
    }

    footer .footer_bottom .footer-copyright {
        padding-left: 0px;
        line-height: 1.75;
        text-align: center
    }

    footer .footer_bottom .footer-copyright a {
        display: block
    }

    .home {
        padding-top: 90px
    }

    .home .module-title {
        text-align: center;
        line-height: 1;
        margin-bottom: 30px
    }

    .home .module-title .en {
        color: #0e52c1;
        font-size: 12px;
        margin-bottom: 10px;
        font-weight: 400
    }

    .home .module-title .cn {
        color: #031B4E;
        font-size: 20px;
        font-weight: 200
    }

    .home .broadcast .broadcast-row .row-left {
        width: 100%
    }

    .home .broadcast .broadcast-row .row-left .row-news .news_li {
        width: 100%
    }

    .home .broadcast .broadcast-row .row-left .row-news .news_li li {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
        position: relative
    }

    .home .broadcast .broadcast-row .row-left .row-news .news_li li a {
        color: #0e52c1;
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all
    }

    .home .broadcast .broadcast-row .row-left .row-news .news_li li span {
        display: none
    }

    .home .broadcast .broadcast-row .row-left .row-news .swap {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
        position: relative
    }

    .home .broadcast .broadcast-row .row-left .row-news .swap a {
        color: #031b4e;
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all
    }

    .home .broadcast .broadcast-row .row-left .row-news .swap span {
        display: none
    }

    .home .broadcast .broadcast-row .row-right {
        display: none
    }

    .home .banner {
        display: none
    }

    .home .banner.mobile_banner {
        display: block
    }

    .home .banner .banner-box {
        display: flex;
        align-items: center;
        flex-direction: row;
        justify-content: flex-start;
        color: #fff;
        height: 300px
    }

    .home .banner .banner-box .info {
        width: 100%
    }

    .home .banner .banner-box .info .title-en {
        font-size: 18px;
        font-weight: 400
    }

    .home .banner .banner-box .info .title {
        font-size: 23px;
        margin-bottom: 10px
    }

    .home .banner .banner-box .info .desc {
        font-size: 18px;
        font-weight: 400;
        margin-bottom: 20px;
        line-height: 1.5
    }

    .home .banner .banner-box .info .more a {
        background-color: #0569CE;
        font-size: 14px;
        font-weight: 600;
        width: 115px;
        line-height: 35px;
        display: inline-block;
        text-align: center;
        color: #fff
    }

    .home .banner .banner-box .info .more a .title-en {
        font-size: 18px;
        font-weight: 400
    }

    .home .banner .banner-box .info .more a .title {
        font-size: 50px;
        font-weight: 600;
        padding: 10px 0
    }

    .home .banner .banner-box .info .more a .desc {
        font-size: 18px;
        font-weight: 400
    }

    .home .products {
        padding: 50px 0
    }

    .home .products .products-box ul {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        margin: -8px;
        flex-direction: row;
        flex-wrap: wrap
    }

    .home .products .products-box ul li {
        width: 100%;
        padding: 8px
    }

    .home .products .products-box ul li a {
        padding: 15px 10px;
        text-align: center;
        display: block;
        background: #FFFFFF;
        border: 1px solid #E7E7E7
    }

    .home .products .products-box ul li a .pic img {
        width: 120px
    }

    .home .products .products-box ul li a .title {
        font-weight: 500;
        color: #0e52c1
    }

    .home .products .products-box ul li a .title .title-cn {
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 5px;
        line-height: 2;
        font-weight: bold;
    }

    .home .products .products-box ul li a .title .title-en {
        font-size: 13px;
        line-height: 1.5
    }

    .home .products .products-box-2 ul {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        margin: -8px;
        flex-direction: row;
        flex-wrap: wrap
    }

    .home .products .products-box-2 ul li {
        width: 100%;
        padding: 8px
    }

    .home .products .products-box-2 ul li a {
        text-align: center;
        display: block;
        background: #FFFFFF;
        border: 1px solid #E7E7E7
    }

    .home .products .products-box-2 ul li a .pic img {
        width: 150px
    }

    .home .products .products-box-2 ul li a .title {
        font-weight: 500;
        color: #0e52c1;
    }

    .home .products .products-box-2 ul li a .title .title-cn {
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 5px;
        line-height: 1.5
    }

    .home .products .products-box-2 ul li a .title .title-en {
        font-size: 15px;
        line-height: 1.75;
        text-align: justify;
    }

    .home .news {
        padding: 50px 0
    }

    .home .products .products-box-2 ul li a .pic .pic-title-cn {
        padding: 70px 0 0 40px;
        font-size: 24px;
    }

    .home .news .news-box {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        display: block
    }

    .home .news .news-box .news-left .newsa {
        color: #fff;
        display: block;
        position: relative
    }

    .home .news .news-box .news-left .newsa .pic {
        width: 100%;
        height: 250px
    }

    .home .news .news-box .news-left .newsa .pic img {
        display: block
    }

    .home .news .news-box .news-left .newsa .bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 15px;
        line-height: 1.5
    }

    .home .news .news-box .news-left .newsa .bottom .name {
        font-weight: bold;
        font-size: 16px
    }

    .home .news .news-box .news-left .newsa .bottom .desc {
        font-size: 14px;
        font-weight: bold;
        padding: 5px 0
    }

    .home .news .news-box .news-left .newsa .bottom .more {
        line-height: 1
    }

    .home .news .news-box .news-right {
        width: 100%;
        padding-left: 0
    }

    .home .news .news-box .news-right .list-more {
        text-align: center;
        margin-top: 20px;
        color: #0e52c1;
    }

    .home .news .news-box .news-right .list-more a{
        color: #0e52c1;
    }

    .home .news .news-box .news-right .list {
        display: none;
    }

    .home .news .news-box .news-right .list ul {
        display: block;
        flex-direction: column;
        justify-content: space-between;
        height: unset
    }

    .home .news .news-box .news-right .list ul li {
        margin-top: 0;
        border-bottom: 1px solid #eee;
        padding: 15px 0
    }

    .home .news .news-box .news-right .list ul li:last-child {
        border-bottom: 0px solid #eee;
        padding-bottom: 0
    }

    .home .news .news-box .news-right .list ul li a .name {
        text-decoration: none;
        color: #0e52c1;
        font-size: 16px;
        line-height: 1.5;
        white-space: unset;
        text-overflow: ellipsis;
        overflow: unset;
        word-break: break-word
    }

    .home .news .news-box .news-right .list ul li a .info {
        color: #9A9898;
        font-size: 15px;
        line-height: 1.75
    }

    .home .news .news-box .news-right .list ul li a .info .desc {
        padding: 0;
        text-overflow: -o-ellipsis-lastline;
        white-space: unset;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical;
        font-size: 13px;
        margin-bottom: 3px
    }

    .home .news .news-box .news-right .list ul li a .info .time {
        font-size: 13px
    }

    .home .software {
        background: #f6f9ff;
        position: relative;
        padding-top: 50px
    }

    .home .about {
        padding: 50px 0
    }

    .home .about .about-box {
        position: relative
    }

    .home .about .about-box .about-right {
        width: 100%;
        position: relative;
        right: unset;
        top: 50%;
        transform: unset;
        box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
        padding: 30px;
        z-index: 20;
        background: #fff
    }

    .home .about .about-box .about-right .info {
        color: #9A9898;
        font-size: 15px;
        line-height: 1.75
    }

    .home .about .about-box .about-right .module-title {
        text-align: left;
        margin-bottom: 20px
    }

    .inner {
        position: relative;
        padding-top: 90px
    }

    .inner .inner-wrapper {
        background-size: cover;
        background-repeat: no-repeat;
        height: 210px;
        background-position: right;
        display: flex;
        align-items: center
    }

    .inner .inner-wrapper .title {
        width: 100%;
        line-height: 1;
        margin-top: -45px
    }

    .inner .inner-wrapper .title .title-cn {
        font-size: 25px;
        font-weight: 500;
        color: #FFFFFF;
        margin-bottom: 10px
    }

    .inner .inner-wrapper .title .title-en {
        font-size: 15px;
        font-weight: 500;
        color: #FFFFFF
    }

    .inner .inner-wrapper .title .bread {
        bottom: 52px
    }

    .inner .inner-nav {
        background: rgba(17, 41, 150, 0.75);
        position: absolute;
        bottom: 0px;
        width: 100%;
        z-index: 20
    }

    .inner .inner-nav ul {
        display: flex;
        justify-content: flex-start;
        overflow-y:scroll
    }

    .inner .inner-nav ul li {
        width: unset;
        min-width: unset;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border: 1px solid #6D7FC5;
        border-top: 0;
        border-bottom: 0;
        margin-left: -1px
    }

    .inner .inner-nav ul li a {
        color: #FFFFFF;
        display: block;
        white-space: nowrap;
        padding: 0 10px;
        font-size: 14px
    }

    .inner .inner-nav ul li.sel a {
        background: #00A5AD
    }

    .inner .inner-nav ul li:hover a {
        background: #00A5AD
    }

    .inner-container {
        padding: 50px 0
    }

    .inner-container .inner-title h1 {
        font-size: 22px;
        font-weight: 500;
        color: #031B4E;
        line-height: 1.5;
        text-align: center;
        padding: 0 25px;
        margin-bottom: 20px
    }

    .inner-container .honor .nav {
        margin-top: 0px;
        margin-bottom: 20px
    }

    .inner-container .honor .nav ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap
    }

    .inner-container .honor .nav ul li {
        padding: 0;
        font-size: unset;
        line-height: unset
    }

    .inner-container .honor .nav ul li span {
        font-size: 14px;
        font-weight: 500;
        color: #031B4E;
        line-height: 35px;
        padding: 0 10px
    }

    .inner-container .honor .list ul {
        margin: -5px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row
    }

    .inner-container .honor .list ul li {
        width: 50%;
        padding: 5px;
        text-align: center
    }

    .inner-container .honor .list ul li .pic {
        border: 1px solid #F4F4F4;
        padding: 5px
    }

    .inner-container .honor .list ul li .pic div img {
        height: 90px
    }

    .inner-container .honor .list ul li .name {
        font-size: 14px;
        font-weight: bold;
        color: #031B4E;
        margin-top: 10px;
        line-height: 1.5
    }

    .inner-container .office {
        font-size: 15px;
        font-weight: 400;
        color: #9A9898;
        line-height: 1.75
    }

    .inner-container .office .office-pic {
        margin-bottom: 25px
    }

    .inner-container .office .office-pic img {
        width: 100%
    }

    .inner-container .news .knowledge_nav {
        margin-bottom: 20px
    }

    .inner-container .news .knowledge_nav ul {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap
    }

    .inner-container .news .knowledge_nav ul li {
        padding: 0 8px;
        position: relative;
        width: 50%
    }

    .inner-container .news .knowledge_nav ul li span {
        cursor: pointer
    }

    .inner-container .news .knowledge_nav ul li span.act {
        color: #00A5AD
    }

    .inner-container .news .knowledge_nav ul li:after {
        content: "";
        width: 4px;
        height: 4px;
        background: #eee;
        position: absolute;
        right: 0;
        top: 50%;
        border-radius: 50%;
        margin-top: -2px;
        margin-right: -2px
    }

    .inner-container .news .knowledge_list li {
        display: none
    }

    .inner-container .news .knowledge_list li[title="胎儿产前检测"] {
        display: block
    }

    .inner-container .news .knowledge_more .more {
        background: #00A5AD;
        color: #fff;
        text-align: center;
        line-height: 40px;
        margin-top: 30px
    }

    .inner-container .news .knowledge_more .less {
        background: #efefef;
        color: #333;
        text-align: center;
        line-height: 40px;
        display: none;
        margin-top: 30px
    }

    .inner-container .news .news-list ul li {
        flex-direction: row;
        align-items: flex-start;
        border-bottom: 1px solid #eee;
        padding-bottom: 15px;
        margin-bottom: 15px;
        position: relative
    }

    .inner-container .news .news-list ul li .date {
        flex-shrink: 0;
        width: 80px;
        height: 26px;
        background: #00A5AD;
        line-height: 1;
        color: #FFFFFF;
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        align-items: center;
        position: absolute;
        left: 0;
        bottom: 15px
    }

    .inner-container .news .news-list ul li .date .D {
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 1px
    }

    .inner-container .news .news-list ul li .date .YM {
        font-size: 12px;
        font-weight: 500
    }

    .inner-container .news .news-list ul li .pic {
        width: 120px;
        height: 80px;
        flex-shrink: 0;
        margin: 0;
        margin-right: 15px;
        overflow: hidden
    }

    .inner-container .news .news-list ul li .pic a {
        padding: 0
    }

    .inner-container .news .news-list ul li .pic a img {
        width: 120px;
        height: 80px
    }

    .inner-container .news .news-list ul li .info {
        width: 100%
    }

    .inner-container .news .news-list ul li .info .title {
        font-size: 15px;
        font-weight: 500;
        color: #031B4E;
        line-height: 1.5;
        white-space: normal;
        text-overflow: ellipsis;
        overflow: unset;
        word-break: break-word;
        margin-top: 0px;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .inner-container .news .news-list ul li .info .desc {
        font-size: 14px;
        font-weight: 400;
        color: #9A9898;
        line-height: 1.5;
        margin: 12px 0;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-bottom: 0
    }

    .inner-container .news .news-list ul li .info .more {
        font-size: 15px;
        font-weight: 400;
        color: #0e52c1;
        line-height: 34px;
        display: none
    }

    .inner-container .news .news-details .title {
        font-size: 20px;
        font-weight: 500;
        color: #031B4E;
        line-height: 1.5;
        text-align: center
    }

    .inner-container .news .news-details .time {
        font-size: 15px;
        font-weight: 400;
        color: #9A9898;
        line-height: 1;
        margin: 20px 0 30px;
        text-align: center
    }

    .inner-container .news .news-details .info {
        font-size: 15px;
        font-weight: 400;
        color: #9A9898;
        line-height: 1.75
    }

    .inner-container .news .news-details .info img {
        max-width: 100%;
        /*max-height: 338px;*/
        display: block;
        margin: 0 auto;
        text-align: center
    }

    .inner-container .join .join-tips {
        font-size: 17px;
        font-weight: 500;
        color: #FF7B00;
        line-height: 2;
        text-align: center;
        margin-bottom: 30px
    }

    .inner-container .join .join-list {
        margin-bottom: 30px
    }

    .inner-container .join .join-list ul li .title {
        padding: 0 15px;
        font-size: 14px;
        color: #031B4E;
        line-height: 45px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer
    }

    .inner-container .join .join-list ul li .title .t_right {
        display: flex;
        justify-content: flex-end;
        align-items: center
    }

    .inner-container .join .join-list ul li .title .t_right .adr {
        margin-right: 25px
    }

    .inner-container .join .join-list ul li .title .t_right .ss {
        font-size: 14px
    }

    .inner-container .join .join-list ul li .desc {
        border-top: 1px solid #eee;
        padding: 27px;
        line-height: 1.75;
        display: none
    }

    .inner-container .about .content {
        padding: 30px 0
    }

    .inner-container .about .content:nth-child(1) {
        padding-top: 0
    }

    .inner-container .about .content:nth-child(3) {
        padding-bottom: 0
    }

    .inner-container .about .content:nth-child(2) {
        background: #F4F4F4
    }

    .inner-container .about .content .aboutus {
        display: flex;
        justify-content: space-between;
        align-content: flex-start;
        flex-direction: column-reverse
    }

    .inner-container .about .content .aboutus .intro {
        width: 100%;
        margin-top: 0px;
        padding-right: 0
    }

    .inner-container .about .content .aboutus .intro .title {
        font-size: 16px;
        font-weight: 500;
        color: #031B4E;
        line-height: 35px;
        position: relative;
        padding-bottom: 3px;
        margin-bottom: 15px;
        display: none
    }

    .inner-container .about .content .aboutus .intro .title:after {
        width: 40px;
        height: 2px;
        background: #00A5AD;
        content: '';
        position: absolute;
        left: 0;
        bottom: 0
    }

    .inner-container .about .content .aboutus .intro .desc {
        font-size: 15px;
        font-weight: 400;
        color: #9A9898;
        line-height: 1.75;
        height: unset;
        padding-right: 0;
        overflow-y: unset
    }

    .inner-container .about .content .aboutus .intro .desc div {
        margin-top: 20px
    }

    .inner-container .about .content .aboutus .intro .more {
        width: 120px;
        height: 40px;
        border: 1px solid #D0D0D0;
        font-size: 13px;
        font-weight: 400;
        color: #9A9898;
        line-height: 38px;
        margin-top: 15px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .inner-container .about .content .aboutus .pic {
        width: 100%;
        height: 200px
    }

    .inner-container .about .content .aboutus .pic img {
        width: 100%;
        height: unset
    }

    .inner-container .about .content .office ul {
        display: flex;
        justify-content: space-between;
        margin: -10px;
        flex-direction: column
    }

    .inner-container .about .content .office ul li {
        width: 100%;
        padding: 10px
    }

    .inner-container .about .content .office ul li a .title {
        background: #fff;
        padding: 15px
    }

    .inner-container .about .content .office ul li a .title div {
        font-size: 16px;
        font-weight: 400;
        color: #031B4E;
        line-height: 35px;
        position: relative;
        padding-bottom: 8px
    }

    .inner-container .about .content .office ul li a .title div:after {
        width: 35px;
        height: 3px;
        background: #00A5AD;
        content: "";
        position: absolute;
        left: 0;
        bottom: 0
    }

    .inner-container .about .content .team ul li {
        padding: 20px;
        background: #F4F4F4;
        border: 1px solid #F4F4F4;
        margin-bottom: 20px
    }

    .inner-container .about .content .team ul li .top {
        color: #031B4E;
        position: relative;
        display: flex;
        align-content: flex-end;
        align-items: flex-end
    }

    .inner-container .about .content .team ul li .top .name {
        font-size: 17px;
        font-weight: bold;
        padding: 0 10px 0 20px
    }

    .inner-container .about .content .team ul li .top .position {
        font-size: 13px;
        display: block
    }

    .inner-container .about .content .team ul li .top:after {
        content: "";
        width: 3px;
        height: 19px;
        background: #00A5AD;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0px, -50%)
    }

    .inner-container .about .content .team ul li .desc {
        text-align: justify;
        font-size: 15px;
        color: #9A9898;
        line-height: 1.75;
        margin-top: 10px
    }

    .inner-container .about .content .team ul li:last-child {
        margin-bottom: 0px
    }

    .inner-container .about.kit .content {
        background: #fff;
        padding: 30px 0
    }

    .inner-container .about.kit .content:nth-child(2) {
        background: #fff
    }

    .inner-container .about .platform p {
        margin-bottom: 20px;
        text-align: left;
        font-size: 15px;
        font-weight: 400;
        color: #9A9898;
        line-height: 1.75
    }

    .inner-container .about .platform .plat_box {
        margin-bottom: 20px
    }

    .inner-container .about .platform .plat_box ul {
        display: flex;
        flex-wrap: wrap;
        margin: -2px
    }

    .inner-container .about .platform .plat_box ul li {
        width: 50%;
        padding: 2px
    }

    .inner-container .about .platform .p_title {
        font-size: 15px;
        font-weight: 500;
        color: #031B4E;
        line-height: 1;
        position: relative;
        padding-bottom: 10px;
        margin-bottom: 15px;
        margin-top: 20px
    }

    .inner-container .about .platform .p_title:after {
        width: 30px;
        height: 2px;
        background: #00A5AD;
        content: '';
        position: absolute;
        left: 0;
        bottom: 0
    }

    .inner-container .about .sitemap {
        font-size: 14px;
        color: #031B4E
    }

    .inner-container .about .sitemap .box {
        padding: 15px 0;
        border-bottom: 1px solid #f4f4f4
    }

    .inner-container .about .sitemap .box .title {
        font-size: 15px;
        color: #031B4E;
        font-weight: bold;
        margin-bottom: 5px
    }

    .inner-container .about .sitemap .box .title a {
        color: #031B4E
    }

    .inner-container .about .sitemap .box .sec-box {
        display: flex;
        margin-top: 15px;
        flex-direction: column
    }

    .inner-container .about .sitemap .box .sec-box .name {
        flex-shrink: 0;
        margin-right: 15px;
        font-weight: bold;
        font-size: 14px
    }

    .inner-container .about .sitemap .box ul {
        display: flex;
        flex-wrap: wrap;
        margin: -2px -8px
    }

    .inner-container .about .sitemap .box ul li {
        line-height: 1.5;
        padding: 2px 8px;
        width: 100%
    }

    .inner-container .about .sitemap .box ul li a {
        color: #9A9898
    }

    .inner-container .contact .place {
        overflow: hidden
    }

    .inner-container .contact .place ul {
        margin: -10px;
        display: flex;
        justify-content: space-between;
        flex-direction: column
    }

    .inner-container .contact .place ul li {
        padding: 10px;
        width: 100%
    }

    .inner-container .contact .place ul li .box {
        border: 1px solid #F4F4F4
    }

    .inner-container .contact .place ul li .box .map {
        width: 100%;
        height: 289px;
        background: #eee
    }

    .inner-container .contact .place ul li .box .details {
        padding: 15px
    }

    .inner-container .contact .place ul li .box .details .name {
        margin-bottom: 15px;
        font-size: 16px;
        font-weight: 400;
        color: #031B4E;
        line-height: 35px;
        position: relative;
        padding-bottom: 8px
    }

    .inner-container .contact .place ul li .box .details .name::after {
        width: 35px;
        height: 3px;
        background: #00A5AD;
        content: "";
        position: absolute;
        left: 0;
        bottom: 0
    }

    .inner-container .contact .place ul li .box .details .info {
        font-size: 15px;
        font-weight: 400;
        color: #9A9898;
        line-height: 2
    }

    .inner-container .contact .follow {
        background: #FFFFFF;
        border: 1px solid #F4F4F4;
        padding: 15px;
        margin-top: 20px
    }

    .inner-container .contact .follow .box {
        display: flex;
        justify-content: space-between
    }

    .inner-container .contact .follow .box .mail {
        display: flex
    }

    .inner-container .contact .follow .box .mail ul {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin: -10px
    }

    .inner-container .contact .follow .box .mail ul li {
        display: flex;
        align-items: center;
        flex-direction: row;
        padding: 10px
    }

    .inner-container .contact .follow .box .mail ul li .icon {
        margin-right: 0px;
        display: none
    }

    .inner-container .contact .follow .box .mail ul li .icon img {
        width: 39px
    }

    .inner-container .contact .follow .box .mail ul li .info .mu {
        font-size: 16px;
        font-weight: 400;
        color: #031B4E;
        line-height: 1
    }

    .inner-container .contact .follow .box .mail ul li .info .email {
        font-size: 15px;
        font-weight: 400;
        color: #9A9898;
        line-height: 1;
        margin-top: 12px
    }

    .inner-container .contact .follow .box .mail ul li:nth-child(2) {
        display: none
    }

    .inner-container .contact .follow .box .qr {
        flex: 1;
        border-left: 0;
        padding-left: 0;
        margin-left: 0;
        margin-top: 30px
    }

    .inner-container .contact .follow .box .qr .toptitle {
        display: flex;
        align-items: center;
        flex-direction: row;
        margin-bottom: 0px
    }

    .inner-container .contact .follow .box .qr .toptitle .icon {
        margin-right: 0px;
        display: none
    }

    .inner-container .contact .follow .box .qr .toptitle .icon img {
        width: 39px
    }

    .inner-container .contact .follow .box .qr .toptitle .name {
        font-size: 16px;
        font-weight: 400;
        color: #031B4E;
        line-height: 1;
        margin-top: 5px
    }

    .inner-container .contact .follow .box .qr .list {
        margin-top: 6px
    }

    .inner-container .contact .follow .box .qr .list ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: -3px
    }

    .inner-container .contact .follow .box .qr .list ul li {
        text-align: center;
        width: 30%;
        padding: 3px
    }

    .inner-container .contact .follow .box .qr .list ul li .pic img {
        width: 80%;
        height: unset
    }

    .inner-container .contact .follow .box .qr .list ul li .name {
        font-size: 12px;
        font-weight: 400;
        color: #9A9898;
        line-height: 1.2
    }

    .service .research_nav {
        background: #F4F4F4;
        padding: 20px 0
    }

    .service .research_nav ul {
        display: flex;
        flex-wrap: wrap
    }

    .service .research_nav ul li {
        width: 50%
    }

    .service .research_nav ul li a {
        line-height: 15px;
        padding: 8px 20px;
        display: inline-block;
        display: flex;
        align-items: center
    }

    .service .research_nav ul li a img {
        width: 40px;
        flex-shrink: 0;
        margin-right: 5px
    }

    .service .research_nav ul li.sel a {
        background: #fff
    }

    .service .research-box {
        margin-top: 50px
    }

    .service .research-box ul {
        display: flex;
        flex-wrap: wrap;
        margin: -10px
    }

    .service .research-box ul li {
        width: 100%;
        padding: 10px
    }

    .service .research-box ul li .info {
        background: #F4F4F4
    }

    .service .research-box ul li .info a {
        display: inline-block;
        padding: 10px 30px;
        line-height: 20px;
        height: 60px;
        display: flex;
        align-content: center;
        align-items: center
    }

    .service .research-box ul li .info a .title {
        position: relative;
        padding-left: 15px;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .service .research-box ul li .info a .title:after {
        content: " ";
        width: 3px;
        height: 20px;
        background: #00A5AD;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translate(0px, -50%)
    }

    .service .service-box ul {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin: -8px
    }

    .service .service-box ul li {
        width: 100%;
        padding: 8px
    }

    .service .service-box ul li a {
        display: block
    }

    .service .service-box ul li a .info {
        background: #F4F4F4;
        padding: 10px;
        text-align: center
    }

    .service .service-box ul li a .info .title {
        font-size: 14px;
        font-weight: bold;
        color: #0e52c1;
        line-height: 1.5;
        white-space: unset;
        text-overflow: unset;
        overflow: unset;
        /**word-break:break-all;**/
        text-align: center
    }

    .service .service-box ul li a .info .shorttitle {
        font-size: 14px;
        font-weight: 400;
        color: #9A9898;
        line-height: 1.75;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all
    }

    .service .service_view {
        -moz-box-shadow: 1px 1px 5px #ccc;
        -webkit-box-shadow: 1px 1px 5px #ccc;
        box-shadow: 1px 1px 5px #ccc
    }

    .service .service_view .service_title {
        font-size: 18px;
        font-weight: 800;
        color: #0e52c1;
        line-height: 35px;
        text-align: center;
        padding: 35px 20px
    }

    .service .reagents_list ul {
        display: flex;
        flex-wrap: wrap
    }

    .service .reagents_list ul li {
        width: 50%;
        height: unset;
        background: #fff;
        margin-bottom: 0px;
        padding: 8px
    }

    .service .reagents_list ul li:last-child {
        margin-bottom: 0px
    }

    .service .reagents_list ul li a {
        display: flex;
        align-items: center;
        flex-direction: column;
        background: #F4F4F4
    }

    .service .reagents_list ul li a .pic {
        flex-shrink: 0;
        background: #E6E6E6
    }

    .service .reagents_list ul li a .pic img {
        mix-blend-mode: multiply
    }

    .service .reagents_list ul li a .r_right {
        padding: 10px;
        width: 100%
    }

    .service .reagents_list ul li a .r_right .title {
        font-size: 14px;
        font-weight: bold;
        color: #031B4E;
        line-height: 1.5
    }

    .service .reagents_list ul li a .r_right .desc {
        font-size: 14px;
        font-weight: 400;
        color: #9A9898;
        line-height: 1.75;
        margin: 10px 0;
        -webkit-box-orient: vertical;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all
    }

    .service .reagents_list ul li a .r_right .more {
        font-size: 15px;
        font-family: Arial;
        font-weight: 400;
        color: #0e52c1;
        line-height: 1;
        display: none
    }

    .service_details .nav {
        width: 100%;
        height: unset;
        background: #F4F4F4;
        padding: 5px 0
    }

    .service_details .nav ul {
        display: flex;
        padding: 0;
        flex-wrap: wrap;
        max-width: unset
    }

    .service_details .nav ul li {
        font-size: 15px;
        color: #9A9898;
        line-height: 1.2;
        margin: 5px 0;
        text-align: center;
        border-right: 0;
        width: unset;
        padding: 0;
        position: relative;
        padding: 0 10px;
        flex-shrink: 0
    }

    .service_details .nav ul li:last-child {
        border-right: 0
    }

    .service_details .nav ul li:last-child:after {
        content: "";
        position: absolute;
        height: 10px;
        width: 0px;
        background: #c8d9dd;
        right: 0;
        top: 50%;
        transform: translate(0, -50%)
    }

    .service_details .nav ul li:nth-child(4) {
        border-right: 0
    }

    .service_details .nav ul li:nth-child(4):after {
        content: "";
        position: absolute;
        height: 10px;
        width: 0px;
        background: #c8d9dd;
        right: 0;
        top: 50%;
        transform: translate(0, -50%)
    }

    .service_details .nav ul li:after {
        content: "";
        position: absolute;
        height: 10px;
        width: 1px;
        background: #c8d9dd;
        right: 0;
        top: 50%;
        transform: translate(0, -50%)
    }

    .service_details .main {
        padding: 0 15px;
        position: relative
    }

    .service_details .main .main-content {
        position: relative;
        padding: 30px 0;
        border-bottom: 1px solid #f4f4f4;
        min-height: 216px
    }

    .service_details .main .main-content .item {
        width: unset;
        height: unset;
        background: unset;
        font-size: 20px;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 45px;
        display: block;
        align-content: center;
        justify-content: center;
        align-items: center;
        position: relative;
        left: 0px;
        top: 0px;
        font-size: 17px;
        font-weight: 500;
        color: #031B4E;
        line-height: 35px;
        position: relative;
        padding-bottom: 3px;
        margin-bottom: 15px;
        padding-left: 0
    }

    .service_details .main .main-content .item .icon {
        display: none
    }

    .service_details .main .main-content .item .title {
        padding-left: 0px;
        font-weight: bold;
        font-size: 15px;
    }

    .service_details .main .main-content .item:after {
        width: 18px;
        height: 2px;
        background: #00A5AD;
        content: '';
        position: absolute;
        left: 0;
        bottom: 0
    }

    .service_details .main .main-content .info {
        font-size: 15px;
        color: #9A9898;
        line-height: 1.75;
        margin-left: 0px;
        text-align: left
    }

    .service_details .main .main-content .info .article-nav ul {
        display: flex;
        flex-wrap: wrap;
        margin-top: 20px;
        flex-direction: column;
        margin-bottom: 20px
    }

    .service_details .main .main-content .info .article-nav ul li {
        padding: 5px 0
    }

    .service_details .main .main-content .info .article-nav ul li span {
        line-height: 30px;
        padding: 0 10px;
        display: block
    }

    .service_details .main .main-content .info .article-nav ul li.sel span {
        background: #F4F4F4;
        border-radius: 0;
        line-height: 30px;
        padding: 0 10px;
        display: block
    }

    .service_details .main .main-content .info .bg-title {
        width: 100%;
        line-height: 35px;
        background: #00A5AD;
        font-size: 15px;
        font-weight: 500;
        color: #FFFFFF;
        padding: 0 10px;
        margin-top: 30px
    }

    .service_details .main .main-content .info .specification a {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
        display: block
    }

    .service_details .main .main-content .info .adv-list ul {
        margin: -10px;
        display: flex;
        flex-wrap: wrap
    }

    .service_details .main .main-content .info .adv-list ul li {
        width: 100%;
        padding: 10px
    }

    .service_details .main .main-content .info .adv-list ul li .box {
        background: linear-gradient(90deg, #D3E7FB 0%, #F3F3F3 100%);
        border-radius: 7px;
        padding: 15px;
        height: unset;
        position: relative;
        overflow: hidden
    }

    .service_details .main .main-content .info .adv-list ul li .box:after {
        background-repeat: no-repeat;
        content: "";
        position: absolute;
        right: 20px;
        bottom: -6px;
        width: 80px;
        height: 120px;
        background-position: right;
        z-index: 0;
        background-size: 100%
    }

    .service_details .main .main-content .info .adv-list ul li .box .title {
        font-size: 15px;
        font-weight: bold;
        color: #031B4E;
        line-height: 36px;
        z-index: 4;
        position: relative
    }

    .service_details .main .main-content .info .adv-list ul li .box .desc {
        font-size: 14px;
        font-weight: 400;
        color: #9A9898;
        line-height: 25px;
        z-index: 4;
        position: relative
    }

    .service_details .main .main-content .info .adv-list ul li:nth-child(1) .box:after {
        background-image: unset
    }

    .service_details .main .main-content .info .adv-list ul li:nth-child(2) .box:after {
        background-image: unset
    }

    .service_details .main .main-content .info .adv-list ul li:nth-child(3) .box:after {
        background-image: unset
    }

    .service_details .main .main-content .info .adv-list ul li:nth-child(4) .box:after {
        background-image: unset
    }

    .service_details .main .main-content .info .adv-list ul li:nth-child(5) .box:after {
        background-image: unset
    }

    .service_details .main .main-content .info .adv-list ul li:nth-child(6) .box:after {
        background-image: unset;
    }

    .service_details .main .main-content .info .adv-list ul li:nth-child(7) .box:after {
        background-image: unset;
    }

    .service_details .main .main-content .info .adv-list ul li:nth-child(8) .box:after {
        background-image: unset;
    }

    .service_details .main .main-content .info .adv-list.adv-list-high ul li .box {
        height: unset
    }

    .service_details .main .main-content .info div span {
        color: #00A5AD
    }

    .service_details .main .main-content .info p span {
        color: #00A5AD
    }

    .service_details .main .main-content .info .img {
        text-align: center
    }

    .service_details .main .main-content .info img {
        max-width: 560px;
        max-width: 100%
    }

    .service_details .main .main-content .info .intro_box {
        display: flex;
        flex-direction: column-reverse
    }

    .service_details .main .main-content .info .intro_box .ileft {
        padding-right: 0px;
        text-align: left
    }

    .service_details .main .main-content .info .intro_box .iright {
        margin-bottom: 20px
    }

    .service_details .main .main-content .info .equipment {
        flex-direction: column
    }

    .service_details .main .main-content .info .equipment div:first-child {
        margin-bottom: 20px
    }

    .service_details .main .main-content .info .adv_box {
        background: #F4F4F4;
        padding: 10px 0;
        margin-top: 30px
    }

    .service_details .main .main-content .info .adv_box ul {
        display: flex;
        flex-direction: column
    }

    .service_details .main .main-content .info .adv_box ul li {
        padding: 10px 20px;
        border-right: 0;
        width: 100%
    }

    .service_details .main .main-content .info .adv_box ul li:last-child {
        border-right: 0
    }

    .service_details .main .main-content .info .adv_box ul li .short {
        font-size: 16px;
        font-weight: normal;
        color: #00A5AD;
        line-height: 1
    }

    .service_details .main .main-content .info .adv_box ul li .desc {
        font-size: 15px;
        color: #9A9898;
        line-height: 18px;
        margin-top: 9px
    }

    .service_details .main .main-content .info .gg {
        font-size: 15px;
        font-weight: bold;
        color: #9A9898;
        line-height: 17px;
        position: relative;
        padding-left: 23px;
        margin-bottom: 15px;
        margin-top: 25px
    }

    .service_details .main .main-content .info .gg:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 17px;
        height: 17px;
        background-repeat: no-repeat;
        background-image: url(/assets/img/e.png);
        background-size: cover
    }

    .service_details .main .main-content .info .gg:last-child {
        margin-bottom: 0px
    }

    .service_details .main .main-content .info .gg_list ul {
        display: flex;
        flex-wrap: wrap;
        margin: -11px
    }

    .service_details .main .main-content .info .gg_list ul li {
        width: 100%;
        padding: 11px
    }

    .service_details .main .main-content .info .gg_list ul li .box {
        border: 1px solid #F4F4F4;
        padding: 0 16px 16px 16px
    }

    .service_details .main .main-content .info .gg_list ul li .box .title {
        font-size: 15px;
        font-weight: bold;
        color: #031B4E;
        line-height: 1;
        padding: 16px 0;
        margin-bottom: 16px;
        border-bottom: 1px solid #F4F4F4
    }

    .service_details .main .main-content .info .gg_list ul li .box .details {
        font-size: 15px;
        color: #9A9898;
        line-height: 1.75
    }

    .service_details .main .main-content .info .gg_list ul li .box .details label {
        font-weight: bold
    }

    .service_details .main .main-content .info .second-title {
        font-size: 15px;
        font-weight: bold;
        color: #9A9898;
        line-height: 36px;
        padding-left: 30px
    }

    .service_details .main .main-content .info .second-title:after {
        content: "";
        position: absolute;
        left: 0;
        top: 10px;
        width: 28px;
        height: 27px;
        background-repeat: no-repeat;
        background-image: url(/assets/img/l.png)
    }

    .service_details .main .main-content .info .cs ul li {
        font-size: 15px;
        line-height: 1.75;
        margin-bottom: 10px
    }

    .service_details .main .main-content .info .cs ul li label {
        width: unset;
        display: block;
        color: #031B4E
    }

    .service_details .main .main-content .info .cs ul li span {
        color: #9A9898
    }

    .service_details .main .main-content .info .table_tips {
        display: block;
        text-align: center;
        margin-top: 10px;
        color: #666;
        font-size: 12px
    }

    .service_details .main .main-content .info .gg_table {
        margin-bottom: 0px;
        width: 100%;
        overflow-x: scroll;
        border: 1px solid #efefef
    }

    .service_details .main .main-content .info .gg_table .table_tips {
        display: block;
        text-align: center;
        margin-top: 10px;
        color: #666;
        font-size: 12px
    }

    .service_details .main .main-content .info .gg_table table {
        width: 100%
    }

    .service_details .main .main-content .info .gg_table table thead {
        background: #0e52c1
    }

    .service_details .main .main-content .info .gg_table table thead tr td {
        white-space: nowrap;
        font-size: 14px;
        text-align: left;
        padding: 8px;
        line-height: 1.5
    }

    .service_details .main .main-content .info .gg_table table tbody tr td {
        white-space: nowrap;
        font-size: 14px;
        text-align: left;
        padding: 8px;
        line-height: 1.5
    }

    .service_details .main .main-content .info .sec-table {
        width: 100%;
        overflow-x: scroll;
        margin-bottom: 20px
    }

    .service_details .main .main-content .info .sec-table .table_tips {
        display: block;
        text-align: center;
        margin-top: 10px;
        color: #666;
        font-size: 12px
    }

    .service_details .main .main-content .info .sec-table tr td {
        background: #F4F4F4;
        font-size: 13px;
        color: #9A9898;
        line-height: 16px;
        padding: 8px
    }

    .service_details .main .main-content .info .sec-table tr td:first-child {
        white-space: nowrap;
        background: #0e52c1;
        color: #FFFFFF
    }

    .service_details .main .main-content .info .rea_intro {
        position: relative;
        margin-top: 30px
    }

    .service_details .main .main-content .info .rea_intro .pic {
        text-align: center
    }

    .service_details .main .main-content .info .rea_intro .pic img {
        width: 100%
    }

    .service_details .main .main-content .info .rea_intro .info ul li {
        position: relative;
        margin-top: 25px
    }

    .service_details .main .main-content .info .rea_intro .info ul li .tab {
        width: unset;
        height: unset;
        background: transparent;
        border-radius: 0;
        font-size: 16px;
        font-weight: 500;
        color: #333;
        line-height: 1;
        text-align: left;
        cursor: pointer;
        border-left: 2px solid #00A5AD;
        padding-left: 10px;
        font-weight: bold
    }

    .service_details .main .main-content .info .rea_intro .info ul li .list {
        position: relative;
        width: 100%;
        height: auto;
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.9);
        padding: 0px;
        box-sizing: border-box;
        position: relative;
        box-shadow: unset;
        left: 0;
        top: 0;
        margin-top: 0;
        z-index: 20;
        margin-left: 0;
        transform: unset;
        filter: alpha(opacity=0);
        transition: all 0.5s;
        opacity: 1;
        visibility: visible;
        margin-top: 15px
    }

    .service_details .main .main-content .info .rea_intro .info ul li .list .box .title {
        color: #00A5AD;
        font-weight: normal
    }

    .service_details .main .main-content .info .rea_intro .info ul li .list .box .arrow {
        display: none;
        width: 23px;
        height: 23px;
        position: absolute;
        left: -23px;
        top: 50%;
        margin-top: -33px;
        background: url(/assets/img/arrow.png) no-repeat #fff;
        z-index: 10
    }

    .service_details .main .main-content .info .rea_intro .info ul li:nth-child(1) {
        left: unset;
        bottom: unset;
        top: unset;
        right: unset
    }

    .service_details .main .main-content .info .rea_intro .info ul li:nth-child(2) {
        left: unset;
        bottom: unset;
        top: unset;
        right: unset
    }

    .service_details .main .main-content .info .rea_intro .info ul li:nth-child(2) .list {
        left: unset;
        right: unset;
        transform: unset
    }

    .service_details .main .main-content .info .rea_intro .info ul li:nth-child(2) .list .box .arrow {
        left: auto;
        right: -23px;
        background: url(/assets/img/arrow1.png) no-repeat #fff
    }

    .service_details .main .main-content .info .rea_intro .info ul li:nth-child(3) {
        left: unset;
        bottom: unset;
        top: unset;
        right: unset
    }

    .service_details .main .main-content .info .rea_intro .info ul li:nth-child(4) {
        left: unset;
        bottom: unset;
        top: unset;
        right: unset
    }

    .service_details .main .main-content .info .rea_intro .info ul li:nth-child(4) .list {
        left: unset;
        right: unset;
        transform: unset
    }

    .service_details .main .main-content .info .rea_intro .info ul li:nth-child(4) .list .box .arrow {
        left: auto;
        right: -23px;
        background: url(/assets/img/arrow1.png) no-repeat #fff
    }

    .about .culture-top ul {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column
    }

    .about .culture-top ul li {
        cursor: pointer;
        width: 100%
    }

    .about .culture-top ul li .pic {
        height: 200px;
        overflow: hidden;
        background-position: bottom right
    }

    .about .culture-top ul li .box {
        padding: 20px 15px;
        background: #F7F7F7;
        height: unset;
        color: #9A9898
    }

    .about .culture-top ul li .box .title {
        font-size: 18px;
        color: #4C4C4C;
        line-height: 1;
        margin-bottom: 10px;
        font-weight: bold
    }

    .about .culture-top ul li .box .info {
        line-height: 2
    }

    .about .culture-top ul li:nth-child(2) {
        display: flex;
        flex-direction: column-reverse
    }

    .about .culture-top ul li:hover .box {
        color: #fff;
        background: #018ED6
    }

    .about .culture-top ul li:hover .box .title {
        color: #fff
    }

    .about .culture-bottom ul {
        display: flex;
        flex-wrap: wrap;
        margin: -10px;
        flex-direction: column;
        margin-top: 20px
    }

    .about .culture-bottom ul li {
        width: 100%;
        padding: 10px
    }

    .about .culture-bottom ul li .wrapper {
        position: relative;
        padding: 15px
    }

    .about .culture-bottom ul li .wrapper .icon {
        position: absolute;
        top: 20px;
        left: 20px
    }

    .about .culture-bottom ul li .wrapper .icon img {
        width: 40px;
        height: unset
    }

    .about .culture-bottom ul li .wrapper .info {
        text-align: right
    }

    .about .culture-bottom ul li .wrapper .info .title {
        color: #FFFFFF
    }

    .about .culture-bottom ul li .wrapper .info .title .cn {
        font-size: 18px;
        font-weight: 800;
        line-height: 20px
    }

    .about .culture-bottom ul li .wrapper .info .title .en {
        font-size: 12px;
        line-height: 1
    }

    .about .culture-bottom ul li .wrapper .info .desc {
        margin-top: 10px;
        font-size: 14px;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 2
    }

    .about .culture-bottom ul li:nth-child(1) .wrapper {
        background: #0669B2
    }

    .about .culture-bottom ul li:nth-child(2) .wrapper {
        background: #F2B15F
    }

    .about .culture-bottom ul li:nth-child(3) .wrapper {
        background: #676EB0
    }

    .about .culture-bottom ul li:nth-child(4) .wrapper {
        background: #A9834F
    }

    .care .pic {
        text-align: center;
        margin-top: 30px
    }

    .care .wrapper {
        max-width: 100%;
        margin: 0 auto
    }

    .care .wrapper .title {
        font-size: 25px;
        font-weight: bold;
        color: #9A9898;
        line-height: 36px;
        margin-top: 30px;
        margin-bottom: 15px
    }

    .care .wrapper .info {
        font-size: 15px;
        font-weight: 400;
        color: #9A9898;
        line-height: 36px
    }

    .drag-x {
        width: auto;
        cursor: grab;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        -khtml-user-select: none;
        user-select: none
    }

    .home_search {
        width: 80%;
        margin: 0 auto;
        margin-bottom: 70px;
        display: none
    }

    .picno {
        display: none;
    }

    .service .service-box ul li.ir {
        width: 100%;
        padding: 25px
    }

    .module_box .module_right {
        display: none;
    }

    .module_box .module_left {
        margin-right: 0px;
    }

    .owl-dots {
        bottom: 0px;
    }

    .service .service-box ul li.ir {
        width: 100%
    }

    .module_box .module_right {
        display: block;
        margin-top: 50px;
    }

    .module_box .module_left {
        margin-right: 0px;
    }

    .owl-dots {
        bottom: 0px;
    }

    .module_box .module_left .product_title h1 {
        font-size: 18px;
    }

    .module_nav ul li {
        font-size: 15px;
        line-height: 40px;
        padding: 0 15px;
    }

    .module_nav {
        height: 40px;
    }

    .module_box {
        display: block;
    }

    .module_box .module_right .sidebar .sidebar_title {
        width: 100%;
        height: 65px;
        line-height: 22px;
        font-size: 17px;
    }

    .platform_content .honor_list dl dd a .info .title {
        font-size: 16px;
    }

    .platform_content .honor_list dl dd a {
        padding: 15px 5px;
    }

    .service_details .main .main-content .info .adv_box ul.list-paddingleft-2 span {
        font-size: 16px;
    }

    .service_details .main .main-content .info .adv_box ul.mt-40 {
        margin-top: 0px;
    }

    .phone-br {
        display: block;
    }

    .honor_nav ul li {
        line-height: 35px;
    }

    .table {
        overflow-x: scroll;
    }

    .module_table {
        width: max-content;
        max-width: unset;
    }

    .module_box .module_right .sidebar dl dd .box .info ul li{
        width: 100%;
    }

    .honor_nav {overflow-x: scroll;}
    .honor_nav ul {width: max-content; max-width: unset; display:block;}
    .honor_nav ul li {float: left;padding: 0 10px;margin-right: 5px;}
}