@media screen and (max-width: 786px) {
    body{
        letter-spacing: 0.5px;
    }
    .content ,.large-content {
        padding: 0 10%;
    }
    header, header.fixed{
        font-size: 1.3rem;
        padding: 0 1rem;
        height: 4.2rem;
        background-color: white !important;
    }
    header nav{
        position: fixed;
        top: 0;
        left: -100%;
        background: #fff;
        z-index: 99;
        width: 80%;
        height: 100%;
        padding-top: 5rem;
        transition: all .3s cubic-bezier(.34,1.56,.64,1);
        text-align: left;
        padding-left: 1.5rem;
        padding-right: 2rem;
        display: block;
        color: #1c1c1c;
        overflow-x: hidden;
        padding-bottom: 2rem;
    }
    #menu-header-menu{
        overflow: hidden;
    }
    header .content{
        padding: 0 1rem;
    }
    header nav.active{
        left: 0%;
        margin-left: 0;
    }
    header.main nav>div>ul>li {
        width: 100%;
        padding: 0;
        margin-bottom: 0rem;
    }
    .only-mobile{
        display: inline-block !important;
    }
    span.close-menu{
        font-size: 2.5rem;
        position: absolute;
        top: 1rem;
        right: 1rem;
    }
    /* .home-banner{
        height: 500px;
    } */
    header.main nav>div>ul>li>a{
        color: black !important;
        text-align: left;
        line-height: 57px;
        font-weight: 500 !important;
        border-bottom: 2px solid #f1ecec;
    }
    .header-menu-btn {
        width: 2rem;
        height: 2rem;
        border: 0;
        background-color: transparent;
        background: url(../img/nav-btn.svg) no-repeat center;
        background-size: 1.7rem;
        text-indent: -99999px;
        position: absolute;
        top: 1.2rem;
        left: 1rem;
    }
    header.main a.logo,header.fixed a.logo,.home header.main a.logo{
        float: unset;
        width: 5.8rem;
        height: 3.5rem;
        transform: translateX(-50%);
        left: 50%;
        position: absolute;
        background: url(../img/logo-grey.svg) no-repeat center !important;
        background-size: contain !important;
    }
    header>div{
        text-align: left;
    }
    header .right{
        margin-top: 1rem;
    }
    header .right>a.button{
        display: none !important;
    }
    .select-lang span.lang::before{
        display: none;
    }
    .select-lang span.lang, .home .fixed .select-lang span.lang{
        background: url(../img/lang-mobile.svg) no-repeat center left !important;
        background-size: 1.5rem !important;
        color: #0373B2 !important;
    }
    .select-lang .langs li a{
        font-size: 16px;
    }
    .select-lang .langs{
        left: unset;
        right: -4rem;
    }
    header span.account{
        width: 2rem;
        height: 2rem;
        background: url(../img/account.svg) no-repeat center;
        background-size: 1.8rem;
        display: none;
    }
    .select-lang {
        vertical-align: super;
    }
    .therapeutic-part span.big-circle{
        display: none;
    }
    div.overlay {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: rgb(0, 0, 0, 0.3);
        z-index: 98;
        display: none !important;
    }
    div.overlay.active {
        display: block !important;
    }
    .home header .button,header .button {
        border: 1px solid #0373B2;
        color: #0373B2;
    }
    .therapeutic-part span.circle3 {
        width: 7rem;
        height: 7rem;
        top: -1rem;
    }
    .therapeutic-part .right{
        width: 100%;
        padding: 0;
        flex-basis: unset;
    }
    .therapeutic-part .right>*{
        display: none;
    }
    .therapeutic-part .right>a{
        display: inline-block;
        font-size: 13px;
        line-height: 30px;
        padding: 0 1.5rem;
    }
    .therapeutic-part .left{
        width: 100%;
        flex: unset;
        margin-top: -3rem;
        padding-top: 5rem;
        padding-left: 0;
        padding-right: 0;
        overflow: unset;
    }
    ul.therapeutic-view li,ul.therapeutic-view li.active{
        position: relative;
        opacity: 1;
        padding: 8rem 10% 1rem;
        transform: unset;
        left: unset;
        top: unset;
        max-height: 13.6rem;
        border-radius: 6px;
    }
    ul.therapeutic-view li *{
        position: relative;
        z-index: 2;
    }
    ul.therapeutic-view.linear-border::before,ul.therapeutic-view.linear-border::after{
        display: none;
    }
    ul.therapeutic-view li.linear-border::before{
        width: 105.5%;
        height: 105%;
        background-image: linear-gradient(to left top, #448ed3af 12.31%, #a6cbeb92 81.01%);
        border-radius: 14px;
        z-index: -3;
    }
    ul.therapeutic-view li .img{
        z-index: 1;
        height: 18rem;
        top: -6.5rem;
        width: 188%;
    }
    ul.therapeutic-view li h1 {
        font-size: 1rem;
        margin-bottom: 0.5rem;
    }
    ul.therapeutic-view li.linear-border::after{
        border-radius: 0.4rem;
        z-index: -2;
    }
    .therapeutic-btn .swiper-btn.swiper-btn{
        top: 61% !important;
    }
    .therapeutic-part{
        overflow: hidden;
        padding-top: 1.5rem;
        background-size: 116%;
        background-position-y: 17rem;
        background-position-x: -15%;
        padding-bottom: 0;
    }
    .therapeutic-intro{
        padding-left: 17%;
        padding-right: 17%;
        flex-flow: wrap;
    }
    ul.therapeutic-view li .button-red{
        position: absolute;
        bottom: -6rem;
        left: 50%;
        transform: translateX(-50%);
        width: max-content;
    }
    .button-red{
        line-height: 44px;
        font-size: 13px;
        padding: 0 3rem;
    }
    ul.therapeutic-view li p.excerpt {
        font-size: 15px;
        line-height: 23px;
        width: 100%;
    }
    .linear-border::after{
        border-radius: 7px;
    }
    .linear-border::before{
        border-radius: 12px;
        width: 106.5%;
        height: 105%;
    }
    h2{
        font-size: 1.2rem;
        color: #31405d;
        letter-spacing: 1px;
    }
    .swiper-button-next:after, .swiper-button-prev:after{
        display: none;
    }
    .swiper-btn.swiper-button-next, .swiper-btn.swiper-button-prev {
        background: url(../img/swiper-right-blue.svg) no-repeat center;
        background-size: 0.8rem;
        box-shadow: 0 0 14px rgb(0 0 0 / 10%);
        background-color: #ffffff69;
        margin-left: 1vw;
        margin-right: 0;
        border-radius: 50%;
        width: 2.4rem;
        height: 2.4rem;
        right: -24%;
        opacity: 1 !important;
    }
    .swiper-btn.swiper-button-prev{
        background: url(../img/swiper-left-blue.svg) no-repeat center;
        background-size: 0.7rem;
        background-color: #ffffff69;
        right: unset;
        left: -25%;
    }
    span.circle-1{
        width: 3rem;
        height: 3rem;
        z-index: -1 !important;
        bottom: 14rem;
        left: -30%;
    }
    .therapeutic-part h2{
        margin-left: 2rem;
        font-size: 1.2rem;
    }
    .therapeutic-part .time-line .img,.therapeutic-part .time-line .img span{
        width: 14rem;
        height: 14rem;
    }
    .therapeutic-part .time-line .img{
        left: -24%;
        top: 1.5rem;
    }
    .therapeutic-part .time-line .img::before{
        width: 15rem;
        height: 15rem;
    }
    .therapeutic-part .time-line .img::after{
        display: none;
    }
    ul.home-timeline li+li {
        margin-top: 1.5rem;
    }
    ul.home-timeline li{
        min-height: unset;
    }
    p{
        font-size: 14px;
        line-height: 22px;
    }
    ul.home-timeline li span.date,ul.home-timeline li p,ul.home-timeline li.active p{
        font-size: 15px;
        line-height: 24px;
    }
    ul.home-timeline li.active span.date{
        font-size: 16px;
        color: #008AD8;
    }
    ul.home-timeline li:nth-child(3) {
        margin-top: 0.5rem;
        margin-left: unset;
    }
    .therapeutic-part .time-line{
        padding: 1rem;
        padding-left: 39%;
        margin-top: 8rem;
    }
    ul.home-timeline li:first-of-type div{
        text-indent: 0;
    }
    ul.home-timeline li:last-of-type div{
        text-indent: 0;
    }
    .therapeutic-part .time-line span.time-line-bf {
        width: 5rem;
        top: 35%;
        left: 32%;
        transform: translate(-50%,-50%);
        background-size: contain;
        height: 84%;
    }
    ul.home-timeline li::before {
        width: 12px;
        height: 12px;
        top: 1rem;
        left: -12.5%;
        box-shadow: none;
    }
    ul.home-timeline li:nth-child(1){
        padding-left: 0.5rem;
    }
    ul.home-timeline li:nth-child(1) p{
        transform: translateX(0);
    }
    ul.home-timeline li:nth-child(2){
        margin-left: 0;
        padding-left: 2.2rem;
    }
    ul.home-timeline li:nth-child(3){
        padding-left: 1.3rem;
    }
    ul.home-timeline li:nth-child(3):before {
        top: 40px;
        left: -4.2%;
    }
    ul.home-timeline li:nth-child(2):before {
        top: 2rem;
        left: 4.8%;
        background: #008AD8;
        transform: scale(1.5) translateX(-50%);
    }
    .therapeutic-part .button-red.arrow{
        background-image: unset;
        margin-top: 4rem;
        transform: translateX(-26%);
        padding: 0 1.5rem 0 1.5rem;
    }
    .swiper-news li{
        flex-wrap: wrap;
        box-shadow: none;
        background-image: none;
        padding: 0;
    }
    .home-news .news-part{
        margin: 0;
    }
    .swiper-news{
        padding: 0 11%;
    }
    .swiper-news li .mess{
        flex-basis: 100%;
        margin-right: 0;
        order: 3;
        margin-top: 0.6rem;
        padding: 0.8rem;
        text-shadow: none;
        min-height: unset;
        background: linear-gradient(to right bottom,#41B6D5,#008AD8) !important;
    }
    .swiper-news li .img{
        height: 235px;
    }
    .swiper-news li>a{
        width: 100%;
        flex: unset;
    }
    .swiper-news li .mess p.title {
        font-size: 14px;
        line-height: 24px;
        margin: 0.2rem 0;
        -webkit-line-clamp: 1;
        max-width: unset;
    }
    .swiper-news li .mess span.date {
        font-size: 14px;
        font-weight: 600;
    }
    .swiper-news li .mess p.excerpt {
        font-size: 12px;
        line-height: 21px;
        margin-bottom: 0.8rem;
    }
    .swiper-news li a.button-red{
        background: url(../img/double-arrow.svg) no-repeat center right;
        background-size: 12px;
        border: 0;
        padding: 0;
        line-height: 20px;
        float: right;
        padding-right: 1.1rem;
        font-size: 13px;
    }
    .home-news{
        background-size: 51%;
        background-position-y: 2rem;
        padding-top: 3.5rem;
        padding-bottom: 3rem;
    }
    .swiper-news .swiper-pagination{
        display: none;
    }
    .swiper-news .swiper-button-next, .swiper-news .swiper-button-prev{
        top: 30%;
        right: 4px;
    }
    .swiper-news .swiper-button-prev{
        left: 4px;
    }
    span.news-bf{
        bottom: 18rem;
        background: unset;
        width: 25rem;
        height: 25rem;
        border-radius: 50%;
        border: 2px solid #b3e2ee;
        left: -20%;
    }
    .home-news::after{
        content: '';
        width: 4rem;
        height: 4rem;
        border-radius: 50%;
        background-image: linear-gradient(to left top,#41B6D5,#008AD8);
        position: absolute;
        bottom: 21rem;
        left: -1.5rem;
    }
    .home-join-content p{
        opacity: 1;
        font-size: 14px;
        line-height: 30px;
    }
    .home-join-content span{
        font-size: 1.2rem;
        top: -3.5rem;
        color: #31405d;
        font-weight: 600;
        left: 2rem;
        transform: unset;
    }
    .home-join{
        overflow: unset;
    }
    .home-join-content{
        padding: 4rem 0;
    }
    .home-join span.join-bg::before{
        opacity: 1;
    }
    .home-join a{
        font-size: 13px;
        bottom: 1.5rem;
        right: 0rem;
        padding-right: 10px;
    }
    .home-join a::before{
        width: 0.8rem;
        height: 0.8rem;
        position: absolute;
        top: 3px;
        right: -0.5rem;
        background: url(../img/double-arrow.svg) no-repeat center;
        background-size: contain;
    }
    footer div.copyright{
        padding: 1.5rem 1rem 2rem;
    }
    footer .main-message{
        padding: 1rem 16% 1.8rem;
        display: block;
        font-size: 14px;
    }
    footer a.logo{
        width: 6.9rem;
        height: 6rem;
        margin: 0 auto;
        margin-bottom: 1rem;
    }
    footer .main-message .wechat{
        width: 100%;
        justify-content: center;
        gap: 3.5rem;
        margin-top: 1rem;
    }
    footer .main-message .right>div>ul li{
        flex-basis: 50%;
        margin-bottom: 1rem;
        text-align: center;
        min-width: unset;
    }
    footer .main-message .right>div>ul{
        justify-content: unset;
    }
    .footer-contact>div p::before{
        display: none;
    }
    .footer-contact>div p,.footer-contact .footer-title{
        display: block;
        text-align: left;
        padding: 0;
    }
    .footer-contact {
        padding: 0 16%;
    }
    .footer-title {
        font-size: 15px;
        font-weight: 600;
        margin-bottom: 1.2rem;
    }
    .footer-contact>div p{
        font-size: 12px;
        margin-bottom: 4px;
    }
    footer .wechat.only-mobile{
        display: flex !important;
        justify-content: center;
    }
    footer .wechat p{
        background-size: 4.9rem;
        background-position-y: -5px;
        padding-top: 4rem;
        font-size: 12px;
    }
    footer .wechat span {
        width: 80px;
        height: 80px;
        margin-left: 0;
    }

    .all-banner::after{
        display: none;
    }
    .all-banner{
        margin-top: 21px;
        height: 160px;
        margin-bottom: 3rem;
    }
    .all-banner h1 {
        font-size: 1.5rem;
        letter-spacing: 2px;
        padding-left: 1.2rem;
    }
    .all-banner h1::before {
        width: 9px;
        height: 1.7rem;
        top: 3px;
    }
    .all-banner .banner-text{
        bottom: 3rem;
        right: 15vw;
    }
    /* .all-banner .content{
        position: relative;
    }
    .all-banner .content::before{
        content: '';
        width: 50%;
        height: 10rem;
        background-color: rgba(255, 255, 255, 0.267);
        position: absolute;
        top: 0;
        right: 0;
    } */
    .all-banner::before{
        background-size: 98% auto;
        background-position-x: -27vw;
        bottom: -1rem;
    }
    .about-intro p {
        margin-bottom: 1.8rem;
        font-size: 14px;
        line-height: 1.8rem;
    }
    p strong {
        font-size: 14px;
        vertical-align: bottom;
    }
    .about-intro{
        margin-bottom: 8rem;
        padding: 0 10%
    }
    span.circle1 {
        width: 2.8rem;
        height: 2.8rem;
        bottom: -3.9rem;
        left: 8%;
    }
    span.circle3 {
        width: 8.5rem;
        height: 8.5rem;
        bottom: -8rem;
        right: -7%;
    }
    .about-mission{
        padding: 0 10%;
    }
    .about-mission h2{
        padding: 0;
        margin-bottom: 1.8rem;
        font-size: 1.2rem;
    }
    ul.mission-list li p{
        font-size: 13px;
    }
    .about-mission>p{
        margin-bottom: 1.8rem;
        padding: 0 5%;
        font-size: 14px;
    }
    ul.mission-list li {
        flex-basis: 100%;
        border-radius: 10px;
        height: unset;
        min-height: 6.8rem;
        margin-bottom: 0.6rem;
        padding: 0px 7%;
        border: 0;
        border-radius: 7px;
        box-shadow: 0 3px 5px #0000002b;
        text-align: center;
        color: white;
    }
    ul.develop-list li:nth-of-type(2) p{
        padding: 0;
    }
    ul.mission-list li:first-child p{
        font-size: 13px;
        font-weight: 600;
        max-width: 140px;
        text-align: left;
    }
    ul.mission-list li:first-child{
        border: 0;
        transform: unset;
    }
    ul.mission-list li::before{
        opacity: .7;
        border-radius: 7px;
    }
    .about-mission{
        margin-bottom: 3rem;
    }
    ul.develop-list{
        flex-wrap: wrap;
        padding-left: 1rem;
        margin: 2rem 0 4.5rem;
    }
    .swiper-experience .swiper-slide .text p{
        font-size: 13px;
        line-height: 22px;
    }
    ul.develop-list li{
        margin: 0;
        width: 80%;
        padding-left: 0%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    ul.develop-list li span{
        width: 30%;
        background-size: auto 3.5rem !important;
        height: 5.5rem;
    }
    ul.develop-list li p{
        width: 60%;
        font-size: 14px;
        margin-top: 0;
        line-height: 1.3rem;
        text-align: left;
    }
    .about-develop>p {
        font-size: 14px;
        padding: 1.8rem 13% 1.5rem;
        width: 98%;
        margin: 0 auto;
        box-shadow: none;
        background-color: #ffffffb3;
        border-radius: 1.4rem;
    }
    .about-develop .linear-border::before{
        border-radius: 1.8rem;
        width: 105.5%;
        height: 110%;
        opacity: .7;
    }
    .about-develop .linear-border::after {
        border-radius: 1.4rem;
    }
    span.circle2 {
        width: 10rem;
        height: 10rem;
        bottom: -7rem;
        right: -12%;
        opacity: .9;
    }
    .about-develop span.circle2::before{
        content: '';
        width: 4.2rem;
        height: 4.2rem;
        border-radius: 50%;
        background-image: linear-gradient(to right top,#228AEA, #E2F3FF);
        position: absolute;
        top: -7.8rem;
        right: 89vw;
    }
    .about-develop{
        margin-bottom: 9rem;
    }
    .month-select .month>p{
        display: none;
    }
    .head{
        align-items: center;
        justify-content: space-between;
    }
    .month-button{
        display: none;
    }
    .month-select .month div>span{
        font-size: 13px;
        font-weight: normal;
        display: inline-block;
        line-height: 26px;
        width: 6.5rem;
        text-align: center;
        border-bottom: 1px solid black;
        padding: 0;
    }
    .month-select .month div span::before{
        width: 11px;
        height: 11px;
        background: url(../img/arrow-mobile.svg) no-repeat center;
        background-size: contain;
        position: absolute;
        top: 5px;
        left: unset;
        opacity: 1;
        right: 0.3rem;
    }
    .month-select .month div span.active::before{
        transform: rotate(-180deg);
    }
    .month-select .month ul.month-list{
        box-shadow: 0 3px 17px rgb(0 0 0 / 10%);
        border-radius: 8px;  
        top: 2.1rem;
        background-color: #ffffffeb;
    }
    .month-select .month ul.month-list.active{
        padding: 1rem 0.5rem 1rem 1.5rem !important;
    }
    ul.month-list li+li {
        margin-top: 0.8rem;
    }
    ul.month-list li {
        font-size: 13px;
        padding-bottom: 0.5rem;
        border-bottom: 1px solid rgba(0, 0, 0, 0.392);
        width: 5rem;
    }
    div.about-experience ::-webkit-scrollbar-track {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.125) inset;
    }
    .swiper-experience{
        margin-top: 2.8rem;
        background: #e4f2ff;
        padding: 2rem 10%;
        max-height: 27rem;
        overflow: auto;
        position: unset;
    }
    .swiper-experience .swiper-wrapper{
        flex-wrap: wrap;
    }
    .swiper-experience .swiper-slide .text{
        order: 3;
        font-size: 12px;
        line-height: 20px;
        padding: 0.5rem 0 2.2rem 1.3rem;
        position: relative;
    }
    .swiper-experience .swiper-slide .text::before{
        content: '';
        width: 4px;
        height: 4px;
        background-color: #595959;
        border-radius: 50%;
        top: 1rem;
        left: 6px;
        position: absolute;
    }
    .swiper-experience .swiper-slide{
        padding-left: 14%;
    }
    .swiper-experience .swiper-slide span.date {
        line-height: 26px;
        padding: 0 1rem;
        border-radius: 5px;
        font-size: 15px;
        margin: 0 0 0.5rem;
        box-shadow: none;
    }
    .swiper-experience .swiper-slide:nth-child(odd) span.date{
        background: linear-gradient(-278.26deg, #008AD8 5%, #41B6D5 85.17%);
    }
    .about-experience{
        position: relative;
    }
    .swiper-experience::before {
        width: 114%;
        bottom: -6%;
        top: unset;
        left: -46%;
        transform: translateY(-50%) rotate(90deg) translateX(-50%);
        background-size: 186%;
        background-position-x: -4rem;
    }
    .swiper-experience:after{
        content: '';
        width: 3rem;
        height: 4rem;
        background: linear-gradient(to left, rgba(255, 255, 255, 0), rgb(255 255 255 / 29%),rgba(255, 255, 255, 0));
        position: absolute;
        bottom: -1rem;
        left: 1rem;
    }
    .swiper-experience .swiper-slide::before{
        width: 1.1rem;
        height: 1.1rem;
        bottom: unset;
        left: 1.4rem;
        top: 4px;
        transform: rotate(90deg);
    }
    .swiper-experience span.circle4 {
        width: 1.1rem;
        height: 1.1rem;
        bottom: unset;
        left: -0.3rem;
        top: 0.3rem;
        margin: 0;
        background: linear-gradient(278.26deg, #008AD8 5%, #41B6D5 85.17%);
    }
    .about-experience::before{
        content: '';
        width: 100%;
        height: 27.5rem;
        background: #e4f2ff;
        position: absolute;
        bottom: -1rem;
        left: 0;
        z-index: -1;
    }
    .about-team{
        padding-top: 5rem;
        overflow: hidden;
        padding-bottom: 0;
        margin-bottom: 3rem;
    }
    .about-team h2{
        margin-bottom: 5rem;
    }
    .swiper-team li .fadeInDown{
        width: 7rem;
        height: 7rem;
        top: 7rem;
        position: absolute;
    }
    .swiper-team li .img{
        border-radius: 8px;
        width: 7rem;
        height: 7rem;
        background: unset;
    }
    .about-team::before, .about-team span.bg{
        height: 80%;
        display: none;
    }
    .swiper-team li{
        flex-wrap: wrap;
        padding-top: 2.5rem;
        position: relative;
    }
    .swiper-team li .mess{
        width: 100%;
    }
    .swiper-team{
        padding: 0 14%;
        background-image: linear-gradient(to left,#41B6D5,#008AD8);
        overflow: unset;
    }
    .swiper-team li .mess>div>p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 1.2rem;
        color: #E2F3FF;
    }
    .swiper-team li .mess>div>p strong{
        font-weight: 600;
        color: white;
        font-size: 14px;
    }
    .swiper-team li p.name{
        width: 51%;
        margin-left: auto;
        display: block;
        border: 0;
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 0.8rem;
    }
    .swiper-team li span.position {
        font-size: 14px;
        line-height: 22px;
        display: block;
        margin: 0;
        margin-top: 0.5rem;
        padding-top: 0.5rem;
        border-top: 1px solid #ffffff85;
    }
    .swiper-team .swiper-pagination{
        display: none;
    }
    .team-btn .swiper-btn.swiper-button-next, .team-btn .swiper-btn.swiper-button-prev{
        width: 2.3rem;
        height: 2.3rem;
        background-color: #ffffffb0;
        right: 8px;
        box-shadow: 0 0 20px rgb(0 0 0 / 10%);
        top: 63%;
    }
    .team-btn .swiper-btn.swiper-button-prev{
        background-color: #ffffffb0;
        left: 8px;
    }
    .about-team span.big-circle,.about-team span.circle4,.about-team span.circle2{
        display: none;
    }
    .about-global .content>p:nth-child(2){
        color: #008AD8;
    }
    .about-global h2 {
        margin-bottom: 1.5rem;
    }
    .about-global .content>p{
        line-height: 25px;
        color: #595959;
        padding: 0;
        font-size: 14px;
    }
    .about-global div.map-address>div{
        position: unset;
        top: unset;
        left: unset;
    }
    .about-global img{
        max-width: unset;
        width: 127%;
        transform: translateX(-10%);
    }
    .about-global div.map-address>div{
        opacity: 1 !important;
    }
    .about-global div.map-address span.name{
        border-radius: 5px;
        width: 58px;
        line-height: 25px;
        font-size: 12px;
        transform: scale(.5);
        opacity: .6;
    }
    .about-global div.map-address span.name::before{
        width: 4px;
        height: 4px;
        border: 2px solid #FF0244;
        left: -0.8rem;
    }
    .about-global div.map-address>div.guangzhou span.name {
        top: 26.5vw;
        left: unset;
        right: 3vw;
    }
    .about-global div.map-address div.jiujinshan span.name::before, .about-global div.map-address div.suzhou span.name::before {
        left: unset;
        right: -1.5rem;
    }
    .about-global div.map-address>div.suzhou span.name {
        right: 11vw;
        top: 22vw;
    }
    .about-global div.map-address>div.beijing span.name {
        right: 2vw;
        top: 19vw;
    }
    .about-global div.map-address>div.jiujinshan span.name {
        top: 20vw;
        left: 3vw;
    }
    .about-global div.map-address>div.malilan span.name {
        top: 17vw;
        left: 28vw;
    }
    .about-global div.map-address>div.shanghai span.name {
        bottom: unset;
        top: 22vw;
        left: unset;
        right: -3vw;
    }
    .about-global div.map-address>div>div{
        padding: 0;
        margin-bottom: 1rem;
        border: none;
    }
    .about-global div.map-address>div>div::before{
        display: none;
    }
    .about-global .map{
        padding: 0 7%;
        overflow: hidden;
    }
    .about-global div.map-address>div>div p {
        padding: 0.6rem 1.5rem;
        border-radius: 6px;
        background: linear-gradient(278.26deg, #008AD8 5%, #41B6D5 85.17%);
        color: white;
        text-align: center;
        font-size: 0.95rem;
        margin-bottom: 5px;
        position: relative;
    }
    .about-global div.map-address>div>div p::before{
        content: '';
        width: 0.9rem;
        height: 0.9rem;
        background: url(../img/add.svg) no-repeat center;
        background-position-x: 90%;
        background-size: contain;
        position: absolute;
        top: 13px;
        right: 0.8rem;
        transition: 0.2s all ease;
    }
    .about-global div.map-address>div>div p.active::before{
        background: url(../img/reduce.svg) no-repeat center;
        background-position-x: 90%;
        background-size: contain; 
    }
    .about-global div.map-address ul{
        background-color: #e4f2ff;
        padding: 8px 1rem;
    }
    .about-global div.map-address ul li {
        font-size: 12px;
        margin-bottom: 4px;
        padding: 0;
    }
    .about-global div.map-address ul li::before{
        display: none;
    }
    .about-global div.map-address>div:not(:first-child) ul{
        display: none;
    }
    .about-global{
        margin-bottom: 3rem;
        overflow: hidden;
    }
    .about-global a.back{
        display: none;
    }
    .about-global div.map-address{
        margin-top: -2rem;
    }
    .all-content{
        overflow-x: hidden;
        padding-top: 5rem;
        margin-top: -4rem;
    }
    .all-content .all-bg::before{
        background-size: 128%;
        top: -20rem;
        left: -2%;
    }
    .all-banner .banner-text p {
        font-size: 14px;
        transform: translateX(-18%);
        margin-bottom: 0;
        font-weight: 600;
    }
    .study-info{
        padding: 5rem 16% 6rem;
        margin-bottom: 0;
    }
    .study-info span.big-circle{
        width: 119vw;
        height: 119vw;
        border: 2px solid #41B6D5;
        top: -2rem;
        right: -10%;
        z-index: -2;
    }
    .study-info span.circle3 {
        width: 8rem;
        height: 8rem;
        bottom: 5rem;
        right: unset;
        left: -13%;
        transition: 8s all ease;
    }
    .study-info span.circle1 {
        width: 4.5rem;
        height: 4.5rem;
        bottom: 0;
        left: unset;
        right: 5%;
        background-image: linear-gradient(to right top,#228AEA, #E2F3FF);
        transition: 8s all ease;
    }
    ul.center-list{
        flex-wrap: wrap;
    }
    ul.center-list li {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    ul.center-list li .img{
        height: unset;
        margin-bottom: 0;
        border-radius: 3px;
        width:19%;
    }
    ul.center-list li .img span{
        border-radius: 3px;
    }
    ul.center-list li div.text{
        width: 80%;
        box-shadow: 0 2px 25px rgb(0 0 0 / 7%);
        padding: 1.5rem 6%;
        border-radius: 3px;
        background-color: white;
        min-height: unset;
    }
    ul.center-list li div.img p{
        text-align: center;
        font-size: 13px;
        padding: 0 4%;
    }
    ul.center-list li:first-child{
        order: 3;
        margin-top: 1.4rem;
    }
    ul.center-list li div.text p {
        font-size: 13px;
        letter-spacing: 1px;
        line-height: 26px;
    }
    ul.center-list li div.text strong {
        font-size: 13px;
        line-height: 26px;
    }
    .mb7,.mb9 {
        margin-bottom: 3.5rem;
    }
    .study-content{
        padding-bottom: 2.5rem;
        margin-top: -1.5rem;
    }
    .study-content::before {
        width: 181%;
        height: 100%;
        top: -48rem;
        left: -44%;
        background-size: contain;
    }
    .study-content span.study-bf01{
        display: none;
    }
    .mb10 {
        margin-bottom: 4rem;
    }
    .mb6 {
        margin-bottom: 3.5rem;
    }
    .tech-content .tech-main span {
        width: 57vw;
        height: 57vw;
        opacity: .9;
    }
    .tech-content .tech-main::after {
        width: 76vw;
        height: 76vw;
        top: 6.65rem;
        border: 1.5px solid #41B6D5;
        z-index: -1;
    }
    .tech-content{
        margin-top: 4rem;
    }
    .tech-content .tech-main{
        position: unset;
        text-align: center;
        transform: unset;
        margin-bottom: 6rem;
        margin-left: unset;
    }
    .tech-content span.circle3 {
        width: 2rem;
        height: 2rem;
        top: -1.6rem;
        right: 22vw;
        opacity: 1;
    }
    .tech-content span.circle3:nth-child(4) {
        width: 3.4rem;
        height: 3.4rem;
        left: 9vw;
        top: 1rem;
    }
    .tech-content span.circle3:nth-child(5) {
        left: 15vw;
        top: 46vw;
        transform: scale(.9);
    }
    .tech-content span.circle3:nth-child(6) {
        width: 2.2rem;
        height: 2.2rem;
        top: 58vw;
        right: 26vw;
    }
    ul.tech-list{
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        padding-top: 0;
    }
    ul.tech-list>li{
        width: 100%;
        margin-left: unset !important;
        margin-right: unset !important;
        padding: 0 !important;
        margin-bottom: 0.5rem;
    }
    .tech-content .tech-main p strong{
        font-size: 14px;
    }
    .tech-content .tech{
        flex-wrap: wrap;
        padding: 0 8% 0 11%;
    }
    ul.tech-list li p.title {
        border-radius: 6px;
        line-height: 26px;
        font-size: 11px;
        padding: 0.5rem 1rem;
    }
    ul.tech-list li.main p.title::before{
        width: 0.9rem;
        right: 0.6rem;
    }
    ul.tech-list li.main p.title::after {
        width: 1rem;
        height: 1rem;
        top: 0.8rem;
        left: -1.3rem;
    }
    ul.tech-list li ul.text{
        margin-top: 0;
        padding: 0 9%;
    }
    ul.tech-list li.active ul{
        margin-bottom: 1rem;
        margin-top: 4px;
        border-radius: 6px;
        padding: 1.2rem 9%;
    }
    .tech-content>p{
        padding: 0 11%;
        font-size: 12px;
        transform-origin: right;
        transform: scale(.8);
        margin-top: 1.4rem;
    }
    .tech-content>p span.star-red{
        margin-bottom: -2px;
    }
    span.star-red{
        width: 0.9rem;
        height: 0.9rem;
    }
    ul.tech-list li ul.text li {
        padding-left: 1rem;
        line-height: 24px;
        font-size: 12px;
    }
    ul.tech-list li ul.text li::before {
        width: 3px;
        height: 3px;
        top: 12px;
        left: 4px;
    }
    .study-tech {
        margin-bottom: 3rem;
    }
    .study-process{
        position: relative;
        padding: 0;
    }
    /* .study-process::before{
        content: '';
        width: 120%;
        height: 168px;
        background-color: #e4f2ff;
        position: absolute;
        bottom: 0;
        left: 0;
    } */
    .study-process h2{
        margin-bottom: 1.8rem;
        padding: 0 10%;
    }
    .study-process p{
        line-height: 28px;
        padding: 0 10%;
        font-size: 14px;
    }
    ul.process-list li{
        width: max-content;
        font-size: 14px;
        margin-top: 0;
        letter-spacing: 0;
        max-width: unset;
        min-width: unset;
    }
    ul.process-list li+li{
        margin-left: 2.15rem;
    }
    .study-process>div{
        overflow: auto;
        background-color: #e4f2ff;
        margin-top: 1.2rem;
    }
    ul.process-list{
        width: max-content;
        margin: 4.2rem 0 3.2rem;
        padding: 0 10%;
    }
    ul.process-list li span {
        width: 12px;
        height: 12px;
        top: -1rem;
        left: 50%;
    }
    ul.process-list li:not(:last-child)::before{
        width: 4.5rem;
        top: -1.05rem;
        left: 1.5rem;
        background-size: 6px;
    }
    ul.process-list li:not(:last-child)::after {
        top: -0.9rem;
        left: 30vw;
        width: 0.38rem;
    }
    ul.process-list li:nth-child(2):after{
        left: 37vw;
    }
    ul.process-list li:nth-child(2)::before{
        left: 1.5rem;
        width: 6rem;
    }
    ul.process-list li:nth-child(3):after{
        left: 10rem;
    }
    ul.process-list li:nth-child(3)::before{
        width: 7.5rem;
        left: 1.5rem;
    }
    ul.process-list li:nth-child(4):after{
        left: 10.5rem;
    }
    ul.process-list li:nth-child(4)::before{
        width: 5rem;
        left: 3.7rem;
    }
    ul.process-list li:nth-child(5):after{
        left: 9rem;
    }
    ul.process-list li:nth-child(5)::before{
        width: 7rem;
        left: 17px;
    }
    ul.process-list li:nth-child(6):after{
        left: 12rem;
    }
    ul.process-list li:nth-child(6)::before{
        width: 6.5rem;
        left: 4.5rem;
    }
    .main-news{
        padding: 0;
        padding-top: 3.5rem;
        padding-bottom: 7rem;
        margin-top: -4rem;
        position: relative;
        margin-bottom: 1.5rem;
    }
    .main-news::before{
        content: '';
        opacity: 0.4;
        width: 164vw;
        height: 164vw;
        border: 2px solid #41B6D5;
        top: 0rem;
        right: -32%;
        z-index: -2;
        position: absolute;
        border-radius: 50%;
    }
    .main-news .swiper-news{
        padding: 0 13%;
    }
    .news-banner{
        margin-bottom: 2rem;
    }
    .news-view{
        padding: 2rem 0% 1px;
        overflow: hidden;
    }
    .news-view .month-select .month div span{
        color: #595959;
    }
    .news-view .content{
        padding: 0 1.2rem;
    }
    .news-view .head{
        padding: 0;
        margin-bottom: 2rem;
        flex-flow: wrap;
        align-items: center;
    }
    .news-view .head h2{
        width: 51%;
    }
    .month-select .month{
        margin-left: auto;
        width: 50%;
        margin-top: 2rem;
    }
    .news-search{
        width: 50%;
        margin-top: 2rem;
        justify-content: right;
    }
    ul.post-list li::before{
        display: none;
    }
    ul.post-list li{
        box-shadow: 0 0 18px #00000014;
        border-radius: 8px;
        margin-bottom: 1.1rem;
    }
    .news-view .about-experience::before{
        display: none
    }
    /* ul.post-list li div.mess{
        width: 100%;
    } */
    ul.post-list li div.img{
        width: 33%;
        min-height: 7rem;
        border-radius: 8px;
    }
    .news-view .month-select .month ul.month-list{
        background-color: white;
    }
    ul.post-list li p{
        display: none;
    }
    ul.post-list li h3 {
        font-size: 14px;
        margin-bottom: 1.2rem;
        width: 100%;
        min-height: 38px;
        max-width: unset;
        white-space: normal;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    ul.post-list li h3:after{
        display: none;
    }
    ul.post-list li div.mess {
        padding: 1.2rem 5%;
    }
    ul.post-list li span.date{
        display: block;
        margin: 0;
        float: unset;
        font-size: 13px;
        color: #008AD8;
    }
    .news-view .page-list .nav-links{
        display: none;
    }
    .news-view::before{
        width: 186%;
        height: 137%;
        right: 30%;
        top: -17rem;
        background: url(../img/all-banner.png) no-repeat center;
        background-size: 130%;
        transform: rotate(45deg);
        opacity: .3;
    }
    .main-news span.circle1{
        bottom: 1.1rem;
        left: 74%;
        width: 80px;
        height: 80px;
        background: linear-gradient(108deg, #E3F2FF 9.8%, #41B6D5 81.78%);
    }

    .news-detail.border-bf::before{
        display: none;
    }
    .news-detail h2 {
        font-size: 14px;
        margin-bottom: 1rem;
        color: #595959;
    }
    div.news-detail{
        padding: 2rem 1.6rem;
        margin-bottom: 0.5rem;
        margin-top: 2rem;
    }
    .news-detail .button-red{
        position: absolute;
        bottom: 7rem;
        left: 50%;
        line-height: 35px;
        font-size: 12px;
        border-radius: 8px;
        transform: translateX(-50%);
        padding: 0 2rem;
    }
    .news-detail span.date{
        font-size: 12px;
        color: #008AD8;
    }
    .news-detail .news-info {
        padding-bottom: 0.5rem;
        border-bottom: 1px solid #2289ea78;
        margin-bottom: 1rem;
    }
    .news-detail p {
        margin-bottom: 1.2rem;
        font-size: 12px;
    }
    .news-detail figure {
        margin-bottom: 1rem;
        margin-top: -0.5rem;
    }
    .news-detail figure img{
        width: 100%;
        height: auto;
    }
    .siblings-post{
        margin-top: 4.5rem;
        padding: 0;
    }
    .siblings-post div{
        padding: 10px 0;
        width: 48%;
        box-shadow: 0 6px 20px rgb(0 0 0 / 10%);
        border-radius: 4px;
    }
    .siblings-post a{
        font-size: 13px;
        text-align: center;
        color: #67c5dd;
    }
    .home-banner{
        padding: 1rem 0;
        margin-top: -6px;
    }
    section.blob{
        height: 22.5rem;
        padding-bottom: 51%;
    }
    header.main nav>div>ul>li>a::before{
        display: none;
    }
    .about-team span.bg-white{
        display: none;
    }
    section.blob::before{
        content: '';
        width: 100%;
        height: 50%;
        bottom: 0;
        left: 0;
        position: absolute;
    }
    section.sliders div.slide{
        height: 50%;
        background-attachment: unset !important;
    }
    section.navigation {
        top: 19.4rem;
        text-align: center;
    }
    section.navigation span{
        width: 4.7rem;
        height: 0.4rem;
        margin: 0 6px;
    }
    section.message{
        opacity: 1;
        visibility: visible;
        width: 90%;
        min-width: unset;
        left: 50%;
        transform: translateX(-50%);
        padding: 1.2rem 1rem 1.2rem 2rem;
        border-radius: 5px;
        top: 9.5rem;
        background: #ffffffe8;
        box-shadow: 0 0 15px rgb(0 0 0 / 20%);
    }
    section.message strong{
        margin-bottom: 0.8rem;
        line-height: 20px;
        font-size: 15px;
    }
    section.message p{
        font-size: 1.05rem;
        line-height: 30px;
        margin-bottom: 0;
    }
    section.message strong::before{
        width: 6px;
        height: 1rem;
        top: 3px;
        left: -0.8rem;
    }
    .home-banner span.circle1{
        width: 4rem;
        height: 4rem;
        top: -0.5rem;
        right: -7%;
    }
    div.animate .pop {
        width: 7rem;
        height: 7rem;
        bottom: 8rem;
        left: -3rem;
    }
    .home-banner .wave,.home-banner svg,.home-banner .solar{
        display: none;
    }
    .therapeutic-bg{
        top: 5rem;
        right: 0rem;
        background-size: 110%;
        z-index: -1;
        background-position-x: 1rem;
    }
    .home-news span.circle3{
        width: 8rem;
        height: 8rem;
        top: 2rem;
        right: -3.5%;
        background-image: linear-gradient(to bottom,#ddeffd,#93c6f5);
    }
    .production-info{
        padding: 0 25% 0 3rem;
        margin-bottom: 7rem;
    }
    .production-info span.circle1{
        width: 4rem;
        height: 4rem;
        bottom: -4rem;
        left: 7%;
        background: linear-gradient(to top,#3796ea,#bddffb);
    }
    .production-info span.circle3{
        width: 6.5rem;
        height: 6.5rem;
        bottom: 6.5rem;
        right: -10%;
        background-image: linear-gradient(to left top,#41B6D5, #E3F2FF);
    }
    .production-info span.big-circle{
        width: 28rem;
        height: 28rem;
        top: -13rem;
        right: 4%;
        min-height: unset;
        min-width: unset;
    }
    .about-content .about-intro span.big-circle:after{
        width: 120px;
        height: 120px;
    }
    span.big-circle,.pipeline-info span.big-circle, .about-content .about-intro span.big-circle{
        width: 28rem;
        height: 28rem;
        border: 2px solid #41B6D5;
        top: -7rem;
        right: -10%;
        z-index: -2;
        min-height: unset;
        min-width: unset;
    }
    .production-view .select-list{
        display: none;
    }
    .production-view{
        padding: 0 10%;
        overflow: hidden;
    }
    .production-view span.only-mobile{
        padding: 0.65rem 1.4rem;
        font-size: 14px;
        border-radius: 7px;
        font-weight: normal;
        margin-bottom: 1.5rem;
    }
    ul.production-list li{
        display: flex;
        background-color: transparent;
        flex-wrap: wrap;
        box-shadow: unset;
        overflow: unset;
        margin-bottom: 3.2rem;
    }
    ul.production-list li div.production-data{
        width: 100%;
        order: 3;
        margin-top: 1rem;
        background-color: #ffffffad;
        padding: 1.1rem 9%;
        border-radius: 7px;
        box-shadow: 0 0 20px #00000014;
    }
    ul.production-list li div.right{
        width: 100%;
    }
    .swiper-production .swiper-slide{
        width: 300px;
        margin-right: 30px;
        height: 274px;
        border-radius: 5px;
        border-radius: 7px;
    }
    .swiper-production .swiper-pagination .swiper-pagination-bullet{
        height: 3px;
    }
    div.production-data figure img{
        height: 1.5rem;
        width: auto;
    }
    div.production-data figure::before,div.production-data figure{
        width: 46px;
        height: 46px;
    }
    div.production-data .wp-block-columns{
        gap: 1.2rem;
    }
    div.production-data .wp-block-columns+.wp-block-columns {
        margin-top: 2rem;
    }
    div.production-data h3{
        font-size: 14px;
        padding-top: 0.2rem;
        margin-bottom: 0.2rem;
    }
    div.production-data .wp-block-columns p,div.production-data .wp-block-columns strong{
        font-size: 12px;
    }
    .mb12 {
        margin-bottom: 4.5rem;
    }
    .production-content .all-bg::before {
        width: 218%;
        height: 148%;
        background-size: 91%;
        position: absolute;
        top: 67vw;
        left: -29vw;
        transform: rotate(40deg) translateX(-50%);
        z-index: -1;
        opacity: .3;
        top: -124vw;
    }
    .production-content{
        margin-bottom: 1.5rem;
        overflow: hidden;
        padding-bottom: 0;
    }
    .about-experience::after,.about-experience::before{
        display: none;
    }
    .about-global div.map-address>div>div{
        transform: unset;
    }
    .about-global div.map-address>div.active:before{
        display: none
    }
    section.blob div.zonex,section.blob div.zoney{
        max-height:100%;
    }
    .pipeline-info p:first-child {
        padding-left: 1.6rem;
        margin-bottom: 1.2rem;
    }
    .pipeline-info p:nth-child(2) {
        padding-left: 7rem;
    }
    .pipeline-info span.thirty{
        font-size: 14px;
        width: 106px;
        height: 106px;
        top: unset;
        left: 0.2rem;
        bottom: 2rem;
        padding: 2rem 1rem;
        background: linear-gradient(138.31deg, #E3F2FF 9.8%, #41B6D5 81.78%);
        box-shadow: none;
        line-height: 23px;
    }
    .pipeline-info span.circle1{
        display: none;
    }
    .pipeline-info span.thirty span{
        font-size: 2.3rem;
        display: block;
        margin-bottom: 0.5rem;
    }
    .pipeline-info span.circle3{
        width: 4.5rem;
        height: 4.5rem;
        right: -9%;
        top: -0.5rem;
    }
    .pipeline-info span.big-circle{
        width: 31rem;
        height: 31rem;
        top: -5rem;
        right: -23%;
    }
    .disease-kinds{
        flex-wrap: wrap;
        width: 100%;
        transform: scale(0.9);
        transform-origin: right;
        justify-content: right;
        margin-top: 1rem;
    }
    .disease-data{
        padding: 0;
        padding-bottom: 5.5rem;
        position: relative;
    }
    .disease-data .head .button-red{
        position: absolute;
        bottom: 0.5rem;
        left: 50%;
        transform: translateX(-50%);
        padding: 0 2rem;
    }
    .pipeline-content h2{
        padding-left: 0;
        color: #31405d;
    }
    .pipeline-info{
        margin-bottom:5rem;
    }
    .disease-kind>p{
        font-size: 12px;
        position: absolute;
        left: 8%;
        transform: scale(0.8);
        transform-origin: left;
        width: 40%;
    }
    ul.disease-kinds li+li{
        margin-left: 0;
    }
    ul.disease-kinds li{
        font-size: 12px;
        margin-bottom: 0.8rem;
        width: 29%;
        padding-left: 16px;
        position: relative;
    }
    ul.disease-kinds li span{
        width: 16px;
        height: 13px;
        border-radius: 2px;
        margin-right: 4px;
        position: absolute;
        top: 2px;
        left: -4px;
    }
    ul.disease-kinds li:last-child span{
        background-size: contain !important;
        height: 14px;
    }
    .disease-data .disease-kind{
        padding-left: 0;
        align-items: flex-start;
        justify-content: right;
        padding: 0 8%;
        padding-right: 0;
    }
    .overflow-auto{
        overflow: auto;
    }
    .clinical-part{
        width: max-content;
        margin-top: 0.5rem;
        padding: 0 8%;
    }
    div.clinical-part div.clinicaling {
        width: 22rem;
    }
    .clinical-part strong{
        font-size: 12px;
        line-height: 34px;
    }
    ul.clinical-list {
        padding: 1.2rem 0.2rem 0 0.5rem;
    }
    ul.clinical-list li>span{
        margin-left: -1rem;
        font-size: 12px;
        font-weight: normal;
        margin-top: 0.5rem;
        transform: scale(0.75);
        padding: 3px 1rem;
        border-radius: 4px;
        margin-bottom: 0;
    }
    ul.clinical-list li p.name{
        font-size: 13px;
    }
    ul.clinical-list li p.type{
        letter-spacing: -1px;
    }
    ul.clinical-list li p {
        font-size: 12px;
        line-height: 16px;
        transform: scale(0.7);
    }
    ul.clinical-list li{
        padding-bottom: 5px;
        box-shadow: 0 2px 2px rgb(0 0 0 / 28%);
        margin-bottom: 0.25rem;
        border-radius: 5px;
    }
    ul.clinical-list li.blue.international,ul.clinical-list li.red.international{
        background-position-x: 92%;
        background-position-y: 0.65rem;
        background-size: 14px;
    }
    div.clinical-part div.first-clinical {
        width: 15.2rem;
        width: auto;
        width: 50%;
    }
    div.clinical-part div.first-clinical ul.clinical-list li {
        width: 30.6%;
        margin-right: 0% !important;
        width: 100%;
    }
    div.clinical-part div.first-clinical ul.clinical-list li:nth-child(3n){
        margin-right: 0 !important;
    }
    div.clinical-part div.second-clinical, div.clinical-part div.third-clinical, div.clinical-part div.clinicaled {
        width: 5.2rem;
        width: auto;
    }
    div.clinical-part div.row-2 ul.clinical-list li{
        width: 100%;
    }
    div.clinical-part div.row-2, div.clinical-part div.row-1{
        width: 12.5% !important;
    }
    div.clinical-part div.row-6{
        width: 75% !important;
    }
    div.clinical-part>div+div{
        margin-left: 1rem;
    }
    div.clinical-part>div+div::before{
        left: -1rem;
        background-size: 2px !important;
    }
    .clinical-part{
        width: 1000px !important;
    }
    .disease-data .head{
        flex-flow: wrap;
        margin-bottom: 1rem;
        padding: 0 8%;
        padding-right: 0px;
    }
    .swiper-disease li img{
        display: none;
    }
    .disease-area{
        padding: 0 8%;
        margin-bottom: 2.5rem;
    }
    .swiper-disease li p{
        font-size: 12px !important;
    }
    .swiper-disease li{
        height: unset;
        padding: 0.6rem 0.4rem;
        width: max-content;
    }
    .disease-view{
        border-radius: 5px;
        width: 99%;
        margin-top: 1.6rem;
        padding: 0 0.5rem;
        width: 103.5%;
    }
    .disease-view::before{
        border-radius: 7px;
    }
    .disease-detail{
        padding: 0 7%;
    }
    .swiper-disease li::before{
        bottom: 0;
        height: 2px;
    }
    .disease-type-list{
        border-radius: 4px;
        padding:0 1.2rem;
        top: 2.9rem;
        width: 107%;
        background-color: #ffffffde;
        box-shadow: 0 0 9px rgb(0 0 0 / 15%);
    }
    .disease-type-list.active{
        padding: 1.2rem 1.2rem 1rem;
    }
    .disease-type-list span{
        width: 25%;
        font-size: 12px;
    }
    .pipeline-content h3{
        font-size: 1rem;
    }
    .disease-detail .short-info{
        flex-wrap: wrap;
        margin: 2rem 0;
    }
    .disease-detail .short-info span.name{
        font-size: 13px;
        padding: 0.45rem 1.4rem;
        border-radius: 10px;
    }
    .short-info ul.info{
        padding: 0;
        margin: 1.2rem 0;
        background: unset;
        justify-content: left;
        gap: 0.5rem 1.2rem;
    }
    .short-info ul.info li span,.short-info ul.info li span.value{
        font-size: 12px;
    }
    .info-text>p{
        margin-bottom: 1rem;
        line-height: 22px;
    }
    .disease-detail p{
        font-size: 12px;
        color: #656565;
        text-indent: 2rem;
    }
    .img-tag>p{
        color: white;
        text-indent: 0;
    }
    .info-text figure{
        margin: 1.5rem 0;
    }
    .info-text p strong{
        font-size: 12px;
        display: inline;
        margin-left: 2px;
    }
    .disease-detail .flex1{
        flex: unset;
    }
    .disease-detail .flex{
        flex-wrap: wrap;
    }
    .pipeline-content h3{
        font-size: 13px;
        padding-left: 1rem;
    }
    .info-text h3{
        margin-bottom: 1.2rem;
    }
    .info-text h3::before{
        width: 6px;
        height: 6px;
        top: 7px;
    }
    .disease-detail .use img{
        width: 72%;
        margin: 0 auto;
    }
    .disease-detail figure{
        text-align: center;
    }
    .disease-detail .use .right{
        text-align: center;
    }
    .disease-detail .use span.alt{
        position: unset;
        text-align: center;
        transform: none;
        font-size: 12px;
        line-height: 18px;
        margin: 1rem 0 1.5rem;
    }
    .info-text h4{
        font-size: 12px;
        border-radius: 2rem;
        padding: 0.1rem 1rem 0.25rem;
        margin-bottom: 1.5rem;
    }
    .info-text>figure span {
        padding: 0;
        font-size: 12px;
        line-height: 20px;
        margin: 1rem 0 3rem;
    }
    .pipeline-content div.wp-columns{
        margin-bottom: 1.5rem;
    }
    span.alt, .info-text span.alt,.info-text span{
        margin-bottom: 1.5rem;
        font-size: 12px;
        line-height: 20px;
    }
    .pipeline-content div.wp-columns div.wp-column{
        margin: 0 0 1rem;
    }
    .info-text figure>p{
        font-size: 13px;
        padding: 0 1rem;
        border-radius: 5px;
        line-height: 34px;
        text-indent: unset;
    }
    .pipeline-content div.wp-columns div.wp-column:last-child{
        margin-bottom: 0;
    }
    /* ul.main-article li{
        width: unset;
    } */
    ul.main-article li:first-child span{
        padding: 7px 9px;
        font-size: 12px;
        min-width: unset;
        width: unset !important;
    }
    ul.main-article li span{
        font-size: 12px;
        line-height: 18px;
    }
    ul.main-article li:not(:first-child){
        padding: 0.8rem 0;
    }
    .page-list ul li a{
        font-size: 13px;
    }
    .page-list ul li {
        margin: 0 6px;
    }
    .page-list ul li.prev a,.page-list ul li.next a{
        background-size: 0.5rem;
    }
    .pipeline-content{
        overflow: hidden;
        margin-bottom: 0;
        padding-top: 4rem;
    }
    .contact-content img.loading{
        display: none;
    }
    .address-name.only-mobile {
        display: block !important;
    }
    .address-name span{
        box-shadow: none;
        display: block;
        background: linear-gradient(329.64deg, #008AD8 14.52%, #41B6D5 84.84%);
        color: white;
        font-size: 16px !important;
        width: 100%;
        text-align: left;
        padding: 0 1.2rem;
        line-height: 40px;
        border-radius: 6px;
        margin-bottom: 0.8rem;
        position: relative;
        display: block;
    }
    .address-name span::before{
        content: '';
        width: 0.9rem;
        height: 0.9rem;
        background: url(../img/add.svg) no-repeat center;
        background-position-x: 90%;
        background-size: contain;
        position: absolute;
        top: 13px;
        right: 0.8rem;
        transition: 0.2s all ease;
    }
    .address-name span.active::before {
        background: url(../img/reduce.svg) no-repeat center;
        background-position-x: 90%;
        background-size: contain;
    }
    .contact-content .select-list{
        display: none;
    }
    .contact-content .top{
        padding: 0 1rem;
        min-height: unset;
    }
    ul.address-list .border-bf::before{
        display: none;
    }
    ul.address-list li div.img{
        height: unset;
    }
    ul.address-list li div.mess {
        width: 68%;
        padding: 0.8rem 4% 0 5%;
        font-weight: unset;
    }
    ul.address-list li p.title {
        margin-bottom: 0.5rem;
        font-size: 12px;
        font-weight: 600;
    }
    ul.address-list li{
        border-radius: 5px;
        box-shadow: 0 0 6px rgb(0 0 0 / 10%);
        align-items: unset;
        margin-bottom: 1.2rem;
    }
    ul.address-list li div.mess span{
        line-height: 19px;
        margin-bottom: 0.6rem;
        font-size: 12px;
        color: #397594;
        background: url(../img/address.svg) no-repeat center left;
        background-size: 0.6rem 0.9rem !important;
        padding-left: 1.2rem;
    }
    .contact-content .all-bg::before{
        background-size: 91%;
        transform: rotate(266deg) translateX(50%);
        opacity: .3;
        top: -12rem;
        left: unset;
        right: 94%;
    }
    div.contact-report{
        padding: 0 1rem;
        margin-top: 4rem;
        margin-bottom: 3rem;
    }
    .contact-report .report-part{
        flex-wrap: wrap;
    }
    .report-part div:not(:last-child){
        margin-top: 1rem;
        width: 100%;
        background: white;
        box-shadow: 0 0 8px #00000026;
        border-radius: 4px;
        display: flex;
        padding: 1.1rem 1.5rem;
        justify-content: space-between;
        align-items: center;
    }
    .report-part div>p{
        margin-bottom: 0;
        width: 49%;
        text-align: left;
        font-weight: 600;
    }
    .report-part div>p:first-of-type{
        width: 46%;
    }
    .report-part .button-red.arrow {
        padding: 0 2.2rem 0 1rem;
        line-height: 34px;
        height: max-content;
        background-size: 12px;
        margin-top: 0;
    }
    .report-part div:last-child{
        margin-top: 3rem;
    }
    .report-part div:last-child p{
        padding: 0 1.5rem;
        width: 100%;
    }
    .report-part div:last-child p:last-child{
        margin-top: 0.8rem;
    }
    .report-part p span{
        font-size: 13px;
    }
    .join-banner .banner-text {
        color: #31405d;
    }
    .join-banner h1::before {
        background-color: white;
    }
    .company-intro .wp-block-columns{
        flex-wrap: wrap !important;
        margin-bottom: 2.5rem;
    }
    .company-intro .wp-block-columns .wp-block-column{
        width: 100% !important;
        flex-basis: unset !important;
    }
    .company-intro .wp-block-columns:nth-child(odd) .wp-column {
        width: 100% ;
        margin-bottom: 1.2rem;
    }
    .company-intro .wp-block-columns:first-child .wp-block-column:first-child{
        order: 3;
    }
    .company-intro .wp-block-columns:first-child figure::before{
        display: none;
    }
    .company-intro .wp-block-columns:first-child figure{
        transform: unset;
    }
    .company-intro .wp-block-columns:first-child figure img{
        border-radius: 4px;
    }
    .company-intro .wp-block-columns figure img{
        height: auto;
    }
    .join-content .company-intro{
        padding: 6rem 7% 0;
        position: relative;
    }
    .company-intro  h2{
        position: absolute;
        top: 0;
    }
    .company-intro .wp-block-columns p {
        margin-bottom: 1.5rem;
        line-height: 28px;
    }
    .company-intro p strong{
        font-weight: 600;
    }
    .company-intro .wp-block-columns:nth-child(even) figure{
        width: 13.5rem;
        margin-top: -3rem;
        margin-bottom: 3.5rem;
    }
    .join-content .all-bg::before {
        width: 145%;
        background-size: 128%;
        top: -50rem;
        left: -29.5%;
        transform: rotate(29deg) translateX(-50%);
        opacity: .5;
    }
    .recruit-part.home-join span.join-bg::before{
        display: none;
    }
    .recruit-part .home-join-content span{
        position: unset;
        color: white;
        font-size: 1.4rem;
    }
    .recruit-part .home-join-content p{
        display: none
    }
    .recruit-part .home-join-content {
        padding: 2.5rem 0 4rem;
    }
    .home-join a::before{
        content: '>';
        background: unset;
        font-weight: 100;
        top: 1px;
    }
    .join-content .welfare-part,.join-content .join-walk{
        padding: 0 10%;
    }
    .welfare-content {
        padding-top: 0;
        margin-top: -2rem;
        min-height: 10rem;
    }
    .join-content .welfare-part{
        margin-bottom: 3rem;
    }
    .welfare-content span.welfare01 {
        width: 28vw;
        left: 18%;
    }
    .welfare-content span.welfare02 {
        width: 11.5vw;
        left: 53%;
        top: 2vw;
    }
    .welfare-content span.welfare03 {
        width: 19.5vw;
        height: 6rem;
        right: 8%;
    }
    .welfare-content span.welfare04 {
        width: 37.7vw;
        left: -1%;
        top: 0.8rem;
    }
    .welfare-content span.welfare05 {
        width: 26vw;
        left: 50%;
        top: 0.7rem;
    }
    .welfare-content span.welfare06 {
        width: 16.5vw;
        right: -9%;
        top: 1rem;
    }
    .welfare-content span.welfare07 {
        width: 34vw;
        left: 29%;
        top: 2.2rem;
    }
    .welfare-content span.welfare08 {
        width: 20vw;
        right: 6%;
        top: 3.5rem;
    }
    .welfare-content span.welfare09 {
        width: 28vw;
        left: 16.5%;
        bottom: -0.6rem;
    }
    .welfare-content span.welfare10 {
        width: 12vw;
        right: 29%;
        bottom: 0.5rem;
    }
    .welfare-content span.welfare11 {
        width: 13vw;
        right: 9.58%;
        bottom: -0.5rem;
    }
    .welfare-content span.welfare12 {
        width: 25vw;
        left: -1vw;
        top: 1.5rem;
    }
    .swiper-walk{
        padding: 0;
        width: 104%;
        margin-left: -2%;
    }
    .swiper-walk li {
        height: 212px;
    }
    .join-content span.big-circle,.join-content span.circle3,.join-content span.circle1{
        display: none;
    }
    .swiper-walk li p{
        border-radius: 5px;
        width: unset;
        padding: 0.5rem 1.2rem;
        font-size: 13px;
        background-color: #008AD8;
        left: -1rem;
        bottom: 1.5rem;
    }
    .swiper-walk li span{
        border-radius: 8px;
        opacity: 1;
    }
    .join-walk .swiper-pagination{
        margin-top: 1.5rem;
        left: 50%;
        transform: translateX(-50%);
    }
    .join-content .join-walk{
        padding-bottom: 3rem;
        margin-bottom: 0;
    }
    .join-walk .swiper-pagination .swiper-pagination-bullet{
        margin: 0 2% !important;
        width: 20%;
        background-color: #dddddd;
    }
    .join-walk .swiper-pagination .swiper-pagination-bullet::before{
        background: #008AD8;
    }
    .join-walk h2{
        margin-bottom: 2.5rem;
    }
    .join-content{
        margin-bottom: 0;
        overflow: hidden;
    }
    .layout-part {
        flex-wrap: wrap;
    }
    .layout-part>div{
        width: 100%;
        margin-bottom: 4rem;
    }
    .global-layout img{
        transform: scale(1.2);
        transform-origin: top left;
        margin-top: -1rem;
    }
    .global-layout {
        overflow: hidden;
    }
    .global-layout h2{
        padding: 0 7%;
        margin-bottom: 3rem;
    }
    .layout-part>div>p{
        font-size: 12px;
        padding: 0 16%;
        line-height: 24px;
    }
    .layout-part p.title{
        font-size: 12px;
        margin-bottom: 0;
    }
    span.join-address{
        transform: scale(.65);
        opacity: .7 !important;
    }
    .join-address.jiujinshan {
        left: 11%;
        bottom: 16.1rem;
    }
    .join-address.malanshan {
        bottom: 16.7rem;
        left: 70%;
    }
    .layout-part div.map-info::before{
        display: none;
    }
    .layout-part div.map-info{
        box-shadow: 0 0 25px rgb(0 0 0 / 9%);
        width: 80% !important;
        left: 50% !important;
        transform: translateX(-50%);
        min-height: 61px;
        padding: 0.5rem 1.5rem;
        color: #008AD8;
        bottom: 7.1rem;
        opacity: 1 !important;
    }
    .layout-part div.map-info p{
        font-weight: 600;
        margin-bottom: 0.2rem;
    }
    div.map-info:nth-child(5) {
        bottom: 2.4rem;
    }
    .global-layout .china img {
        transform: scale(1.2) translateX(-0.7rem);
        margin-top: 0;
    }
    .layout-part>div.china{
        margin-bottom: 22rem;
    }
    .china div.map-info:nth-child(7) {
        bottom: 6rem;
    }
    .china div.map-info:nth-child(6) {
        bottom: 1.4rem;
    }
    .china div.map-info:nth-child(4) {
        bottom: -3.2rem;
    }
    .china div.map-info:nth-child(5) {
        bottom: -7.7rem;
    }
    .china div.map-info:nth-child(8) {
        bottom: -12.3rem;
    }
    .china div.map-info:nth-child(9) {
        bottom: -16.9rem;
    }
    .join-address.beijing {
        bottom: 81vw;
        right: 10vw;
    }
    .join-address.suzhou {
        bottom: 69vw;
        right: 22vw;
    }
    .join-address.shanghai {
        bottom: 68vw;
        right: 1vw;
    }
    .join-address.guangzhou {
        bottom: 60vw;
        right: 11vw;
    }
    .join-content::before{
        width: 144%;
        background: url(../img/all-banner.png) no-repeat center;
        opacity: .2;
        background-size: 101%;
        transform: translateY(-50%) rotate(18deg);
        right: -53%;
        top: 78%;
    }
    .investor-content {
        padding: 3rem 8% 0;
        flex-wrap: wrap;  
        margin-bottom: 6rem;
        overflow: hidden;
    }
    .investor-content .investor-list{
        margin-right: 0;
        padding-left: 0;
        width: 100%;
        display: block;
        overflow: auto;
    }
    .investor-content .investor-list>div{
        display: flex;
        justify-content: space-between;
        width: max-content;
    }
    .investor-list span{
        line-height: 36px;
        padding: 0 1.2rem;
        font-size: 15px;
        border-radius: 4px;
        margin-bottom: 2.5rem;
        background-color: #e4f2ff7a;
    }
    .investor-list span+span{
        margin-left: 1rem;
    }
    .investor-content .investor-list span:before{
        transform: translateX(-50%) rotate(90deg);
        left: 50% !important;
        border-left: 0.6rem solid #e82f51;
        border-bottom: 0.6rem solid transparent;
        border-top: 0.6rem solid transparent;
        top: 2.3rem;
    }
    .investor-content .investor-detail{
        width: 100%;
        margin-top: 2rem;
    }
    .investor-detail .breadcrumbs{
        font-size: 14px;
    }
    .investor-detail>h2{
        margin: 1rem 0 0.8rem;
    }
    .investor-detail .top>.wp-block-columns{
        flex-wrap: wrap;
    }
    .investor-detail .top>.wp-block-columns>.wp-block-column{
        width: 100%;
        flex-basis: unset !important;
    }
    .investor-detail .top>.wp-block-columns>.wp-block-column+.wp-block-column{
        margin-top: 2rem;
    }
    .investor-detail .top p {
        font-size: 13px;
        line-height: 26px;
    }
    .investor-detail .top>.wp-block-columns>.wp-block-column:nth-child(2) figure{
        margin: 0 auto;
    }
    .investor-detail .bottom{
        width: max-content;
    }
    .investor-detail .related .related-item{
        width: 15rem;
        margin-right: 1rem;
        margin-bottom: 1rem;
    }
    .investor-detail .related .related-item .img {
        height: 15rem;
    }
    .investor-detail .related .related-item p.title{
        margin: 0.8rem 0;
    }
    .investor-detail .related .related-item a {
        line-height: 40px;
        font-size: 13px;
        border-radius: 8px;
    }
    .header-submenu{
        display: none;
    }
    .study-tech h2{
        font-size: 1.2rem;
        margin-bottom: 3rem;
    }
    .study-content>span.circle1,.study-content>span.circle3,.study-content span.big-circle{
        display: none;
    }
    .join-content h2{
        margin-bottom: 3rem;
    }
    .study-info span.big-circle::before{
        right: 13%;
        bottom: 0.5rem;
        width: 68px;
        height: 68px;    
        background: linear-gradient(197.96deg, #E2F3FF 5.04%, #228AEA 95.05%), linear-gradient(138.31deg, #E3F2FF 9.8%, #41B6D5 81.78%);
    }
    .study-info span.big-circle::after{
        left: -8%;
        top: 16rem;
        width: 120px;
        height: 120px;
        background: linear-gradient(138.31deg, #E3F2FF 9.8%, #41B6D5 81.78%);
    }
    .about-content span.big-circle{
        top: -6rem;
    }
    .about-content span.big-circle:after{
        right: 13%;
        bottom: 0.5rem;
        width: 120px;
        height: 120px;    
    }
    .about-content span.big-circle::before{
        width: 44px;
        height: 44px;
        left: 13%;
        bottom: 2rem;
        opacity: 0;
    }
    .production-info span.big-circle::before {
        right: -13%;
        bottom: 9rem;
        width: 106px;
        height: 106px;
        background: linear-gradient(138.31deg, #E3F2FF 9.8%, #41B6D5 81.78%);
    }
    .production-info span.big-circle::after{
        width: 70px;
        height: 70px;
        bottom: -1rem;
        left: 25%;    
        background: linear-gradient(197.96deg, #E2F3FF 5.04%, #228AEA 95.05%), linear-gradient(138.31deg, #E3F2FF 9.8%, #41B6D5 81.78%);
    }
    .pipeline-content span.big-circle::after{
        width: 78px;
        height: 78px;
        bottom: 20rem;
        left: unset;
        right: 5%;
        background: linear-gradient(197.96deg, #E2F3FF 5.04%, #228AEA 95.05%), linear-gradient(138.31deg, #E3F2FF 9.8%, #41B6D5 81.78%);
    }
    .study-all-content{
        padding-top: 0;
        padding-bottom: 0;
    }
    .tech-content .tech-main p {
        line-height: 30px;
        font-size: 14px;
    }
    ul.production-list li.hide{
        display: flex;
    }
    ul.clinical-list li .excerpt{
        display: none;
    }
    ul.clinical-list li .excerpt p{
        transform: unset;
    }
    .pipeline-content span.big-circle::before{
        display: none;
    }
    .timeline01 {
        height: 1.8rem;
        top: 1.9rem;
        left: -1.8rem;
    }
    .timeline02 {
        height: 3.8rem;
        top: 5rem;
        left: 1.2rem;
    }
    .timeline03 {
        height: 4rem;
        top: 10.5rem;
        left: 1.8rem;
    }
    .timeline04 {
        height: 2.2rem;
        bottom: 2.3rem;
        left: -0.3rem;
    }
    .news-view div.loader{
        margin-top: -2rem;
    }
    .news-view .scroll-load{
        padding: 3rem 0;
    }
    .about-global div.map-address>div.no-content>div{
        opacity: unset !important;
        min-height: unset;
        min-width: unset;
        padding: 0;
        display: none;
        transform: scale(1) !important;
    }
    /* .about-global div.map-address>div.no-content{
        display: none;
    } */
    .about-global div.map-address .jiujinshan span.name{
        transform: scale(.5);
    }
    .about-global div.map-address>div>div{
        width: auto;
    }
    .study-all-content p strong{
        font-size: 14px;
    }
    .news-part h2{
        padding-left: 0.8rem;
        font-size: 1.2rem;
    }
    .time-line-title{
        transform: translateY(5rem);
        font-size: 1.2rem;
        padding-left: 0;
    }
    header.clone-header, header.clone-header.fixed{
        display: none;
    }
    ul.address-list li div.img iframe{
        /* min-height: 160px; */
        height: 206px;
    }
    a.back{
        right: 1rem;
        bottom: 2rem;
    }
    .disease-data .align-right a.button-red{
        display: none;
    }
    .disease-detail img{
        height: auto;
    }
    .pipeline-content .info-text h3{
        font-size: 13px;
    }
    footer .main-message .right>div:first-child{
        padding-left: 0;
    }
    footer .main-message div.right{
        flex-flow: wrap;
    }
    .parallax>use:nth-child(2){
        display: none;
    }
    ul.sub-menu{
        display: none;
    }
    ul.sub-menu li a{
        display: block;
        font-size: 14px;
        font-weight: 500;
    }
    ul.sub-menu li:first-of-type{
        margin-top: 1rem;
    }
    ul.sub-menu li:last-of-type{
        border-bottom: 2px solid #f1ecec;
        padding-bottom: 1rem;
    }
    ul.sub-menu li{
        margin-top: 1rem;
    }
    header.main nav>div>ul>li.menu-item-has-children{
        position: relative;
    }
    header.main nav>div>ul>li.menu-item-has-children::after{
        content: "";
        width: 16px;
        height: 16px;
        position: absolute;
        top: 18px;
        right: 21px;
        background: url('../img/plus.svg') no-repeat center/contain;

    }
    header.main nav>div>ul>li.menu-item-has-children.active::after{
        background-image: url('../img/minus.svg');
    }
}