@font-face {
    font-family: 'AlibabaPuHuiTi';
    font-style: normal;
    font-weight: 400;
    src: url('https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-55-RegularL3/AlibabaPuHuiTi-3-55-RegularL3.woff2');
    font-display: swap;
  }
@font-face {
    font-family: 'AlibabaPuHuiTi';
    font-style: normal;
    font-weight: 500;
    src: url('https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-65-Medium/AlibabaPuHuiTi-3-65-Medium.woff2');
    font-display: swap;
    }
body{
    color: #595959;
    overflow-x: hidden;
    letter-spacing: 1px;
    font-weight: normal;
    font-family: 'AlibabaPuHuiTi',sans-serif;
}
iframe::-webkit-scrollbar {
    display: none;
}
a {
    color: unset;
    text-decoration: unset;
}
li{
    list-style-type: none;
}
.flex{
    display: flex;
}
.flex1{
    flex: 1;
}
.between{
    justify-content: space-between;
}
.around{
    justify-content: space-around;
}
.center{
    justify-content: center;
}
.align-center{
    align-items: center;
}
.align-end{
    align-items: flex-end;
}
.flex-wrap{
    flex-wrap: wrap;
}
.flex-col2{
    flex-basis: 49%;
}
.flex-col3{
    flex-basis: 33.33%;
}
.flex-col4{
    flex-basis: 25%;
}
.text-center{
    text-align: center;
}
/* .hide-btn button{
    visibility: hidden;
} */
.clamp1{
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.clamp2{
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.clamp3{
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.large-content{
    max-width: 1595px;
    margin: 0 auto;
}
header {
    position: absolute;
    top: 0;
    /* background-color: transparent; */
    /* border-bottom: 1px solid transparent; */
    width: 100%;
    /* padding: 0.5rem 0 0.5rem; */
    z-index: 99;
    text-transform: uppercase;
    color: white;
}
header>div{
    max-width: 1200px;
    margin: 0 auto;
    text-align: left;
}
header.fixed{
    position: fixed;
    background-color: white;
    color: #525252;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    top: -2rem;
    transition: .5s all ease;
    padding: 0;
    z-index: 999;
}
header.fixed.main nav>div>ul>li>a::before{
    bottom: -1.05rem;
}
header.fixed.hover{
    top: 0;
}
.home header.main nav>div>ul>li>a{
    color: rgba(255, 255, 255, 0.9);
    font-weight: 400;
}
.home header.fixed.main nav>div>ul>li>a, .home header.clone-header.main nav>div>ul>li>a{
    color: #525252;
}
header.main a.logo {
    display: inline-block;
    width: 103px;
    height: 4rem;
    background-size: contain !important;
    text-indent: -99999px;
    float: left;
    margin-top: 0.5rem;
}
.home header.main a.logo, .home header.main a.logo{
    background: url(../img/logo.svg) no-repeat center !important;
    background-size: contain !important;
    margin-right: 2rem;
}
.home header.fixed a.logo, .home header.clone-header a.logo{
    background: url(../img/logo-grey.svg) no-repeat center !important;
    background-size: contain !important;
}
header.main nav>div>ul>li{
    display: inline-block;
    margin: 0 1.2rem;
    padding: 1rem 0;
}
.only-mobile{
    display: none !important;
}
header .right{
    float: right;
    margin-top: 1.7rem;
}
header.main nav>div>ul>li>a{
    display: block;
    line-height: 50px;
    transition: 0.2s all ease;
    font-size: 16px;
    color: #525252;
    font-weight: 500;
    text-align: center;
    letter-spacing: 1px;
    position: relative;
}
header.main nav>div>ul>li>a::before{
    content: '';
    width: 65%;
    height: 5px;
    background-color: #0373B2;
    position: absolute;
    bottom: -0.8rem;
    left: 50%;
    transform: translateX(-50%);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    opacity: 0;
    transition: 0.3s all ease;
}
.inline-block{
    display: inline-block;
    margin-left: 70px;
}
.home-banner{
    /* height: 869px;
    background-size: cover !important; */
    overflow: hidden;
    padding-bottom: 10rem;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    padding-top: 10rem;
}
.home-banner span.circle1{
    bottom: unset;
    top: 3rem;
    right: -1%;
    left: unset;
    width: 16rem;
    height: 16rem;
    z-index: -1;
    background: linear-gradient(-329.64deg, #008AD8 14.52%, #41B6D5 84.84%);
}
.select-lang span.lang, .home .fixed .select-lang span.lang, .home .clone-header .select-lang span.lang{
    font-size: 13px;
    padding-left: 1.8rem;
    line-height: 30px;
    background: url(../img/lang-white.svg) no-repeat center left;
    background-size: 1.5rem;
    position: relative;
    background: url(../img/lang.svg) no-repeat center left;
    background-size: 1.4rem;
    color: #0373B2;
    cursor: pointer;
    transition: 0.3s all ease;
}
.select-lang span.lang.active{
    color: #0373B2 !important;
    background: url(../img/lang.svg) no-repeat center left !important;
    background-size: 1.5rem !important;
}
.home .select-lang span.lang{
    color: white;
    background: url(../img/lang-white.svg) no-repeat center left;
    background-size: 18px;
}
.select-lang span.lang::before, .home .fixed .select-lang span.lang::before, .home .clone-header .select-lang span.lang::before{
    content: '';
    width: 1px;
    height: 1.3rem;
    background: #52525261;
    position: absolute;
    top: 4px;
    left: -2.2rem;
}
.home .select-lang span.lang::before{
    background: white;
}
.home header .button{
    border: 1px solid white;
    color: white;
}
.button,.home header.fixed .button{
    border: 1px solid #0373B2;
    color: #0373B2;
    border-radius: 2rem;
    line-height: 38px;
    display: inline-block;
    padding: 0 1.8rem;
    font-size: 18px;
    margin-left: 1.5vw;
    font-family: inherit;
    cursor: pointer;
    transition: 0.3s all ease;
}
.therapeutic-intro{
    max-width: 1200px;
    margin: 0 auto;
    padding-right: 3rem;
    z-index: 9;
    position: relative;
}
.therapeutic-part .left{
    position: relative;
    padding-left: 5rem;
    padding-top: 14rem;
    overflow: hidden;
    padding-right: 4%;
    width: 72%;
    overflow: hidden;
}
span.circle-1 {
    width: 110px;
    height: 110px;
    background: url(../img/ellipse.png) no-repeat center;
    background-size: contain;
    position: absolute;
    bottom: -5rem;
    left: -5rem;
    transition: 1s all ease;
}
.list.swiper-pagination{
    opacity: 0;
    z-index: -1;
}
.therapeutic-part .right{
    flex-basis: 28%;
    padding-left: 4%;
    padding-top: 13rem;
    position: relative;
    padding-right: 1.5rem;
    z-index: 1;
}
.therapeutic-part .right h2{
    margin-bottom: 4.5rem;
    font-size: 26px;
    font-weight: Bold;
    margin-bottom: 3.7rem;
}
.therapeutic-part .right a{
    float: right;
    margin-top: 1rem;
}
.button-red.more{
    /* padding: 0 3rem 0 2rem; */
    position: relative;
}
/* .button-red.more::before{
    content: '+';
    font-size: 1.6rem;
    font-weight: 100;
    position: absolute;
    top: 50%;
    right: 1.5rem;
    transform: translateY(-50%);
    transition: 0.3s all ease;
} */
h2{
    font-size: 26px;
    margin-bottom: 1rem;
    letter-spacing: 2px;
    color: #595959;
}

ul.therapeutic-list li, .investor-list span{
    line-height: 53px;
    background: white;
    box-shadow: 0 2px 6px rgb(0 0 0 / 30%);
    padding: 0 2rem;
    font-size: 16px;
    font-weight: 500;
    border-radius: 7px;
    margin-bottom: 1.3rem;
    transition: 0.3s all ease;
    cursor: pointer;
    position: relative;
    color: #949494;
    display: block;
    z-index: 20;
}
.investor-list span{
    box-shadow: none;

}
ul.therapeutic-list li::before,.investor-list span:before{
    content: '';
    width: 1.6rem;
    height: 1.6rem;
    background: url(../img/arrow-red.svg) no-repeat center;
    background-size: contain;
    position: absolute;
    top: 1rem;
    left: 6%;
    transform: translateX(-50%);
    transition: 0.3s all ease;
    opacity: 0;
    z-index: -1;
}
ul.therapeutic-list li::after{
    content: '';
    width: 0;
    height: 100%;
    background-image: linear-gradient(to right,#41b7d5,#25a3d6,#068ed8);
    transition: 0.3s all ease;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 7px;
    z-index: -1;
}
ul.therapeutic-list li.active::before{
    opacity: 1;
    left: -11%;
}
ul.therapeutic-list li.active::after{
    width: 100%;
}
ul.therapeutic-list li.active,.investor-list span.active{
    font-size: 18px!important;
    color: white;
    background-image: linear-gradient(to right,#41b7d5,#25a3d6,#068ed8);
}
ul.therapeutic-list li.active{
    font-size: 20px !important;
}
.investor-list span.active{
    background-image: linear-gradient(to right bottom,#41b7d5,#25a3d6,#068ed8);
}
.align-right{
    text-align: right;
}
.button-red{
    display: inline-block;
    border: 1px solid #FB0B47;
    line-height: 35px;
    /* width: 150px; */
    padding: 0 1.5rem;
    text-align: center;
    border-radius: 10px;
    background: #FB0B47;
    color: white;
    font-family: inherit;
    cursor: pointer;
    font-weight: 400;
    transition: 0.3s all ease;
    letter-spacing: 2px;
    font-size: 13px;
}
ul.therapeutic-view li.linear-border::before{
    width: 102.5%;
    height: 106%;
    background-image: linear-gradient(to right top,#bfd9f0,#82b5e4);
    border-radius: 1rem;
    box-shadow: 15px 15px 20px #008ad83b;
    /* transition: 0.3s all ease; */
}
/* ul.therapeutic-view li.linear-border:nth-child(2):before{
    background-image: linear-gradient(to right top,#E3F2FF, #41B6D5);
}
ul.therapeutic-view li.linear-border:nth-child(3)::before{
    background-image: linear-gradient(to right top,#bfd9f0, #2289ea);
}
ul.therapeutic-view li.linear-border:nth-child(4)::before{
    background-image: linear-gradient(to right top,#3db3d5, #0b91d7);
}
ul.therapeutic-view li.linear-border:nth-child(5)::before{
    background-image: linear-gradient(to right top,#9DFCFC, #41B6D5);
} */
ul.therapeutic-view li.linear-border::after{ 
    width:100%;
    border-radius: 1rem;
}
ul.therapeutic-view li{
    padding: 90px 60px 65px;
    border-radius: 8px;
    /* position: absolute;
    top: 0;
    left: 2%; */
    /* transform: translateX(-50%); */
    /* z-index: -1;
    opacity: 0; */
    width: 94%;
    height: 100%;
    background-color: #ffffff67;
    transition: 0.3s all ease;
    border-radius: 1rem;
}
/* ul.therapeutic-view li.show{
    z-index: unset;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 2%;
    transform: translateX(-50%);
    width: 94%;
    height: 100%;
} */
/* ul.therapeutic-view li::before{
    content: '';
    width: 110%;
    height: 110%;
    background-image: linear-gradient(to right,#A6CBEB,#3D8AD2);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
} */
/* ul.therapeutic-view li.active{
    z-index: unset;
    opacity: 1;
    position: relative !important;
} */
ul.therapeutic-view li h1{
    font-size: 26px;
    margin-bottom: 9rem;
    color: #397594;
}
p{
    /* hyphens: auto; */
    font-size: 16px;
    line-height: 2.8rem;
    font-weight: 500;
}
ul.therapeutic-view li p.excerpt{
    font-size: 24px;
    font-weight: 500;
    line-height: 70px;
    display: -webkit-box;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.img span{
    display: inline-block;
    width: 100%;
    height: 100%;
    transition: 0.5s all ease;
}
ul.therapeutic-view li .img{
    position: absolute;
    width: 124%;
    height: 43rem;
    left: 67%;
    top: -16rem;
    transform: translateX(-50%);
    /* z-index: -1; */
}
ul.therapeutic-view li .img span{
    background-size: contain !important;
    transition: unset;
}
.therapeutic-part{
    padding: 0 0 7rem;
    /* background: url(../img/vector-bg.png) no-repeat top right;
    background-size: 70%; */
    position: relative;
}
.therapeutic-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/vector-bg.png) no-repeat top right;
    background-size: 70%;
    top: 0;
    right: 0;
    transform-origin: right;
    transition: .5s all ease;
    z-index: 1;
    pointer-events: none;
}
ul.therapeutic-view{
    position: unset !important;
    height: max-content;
    /* z-index: unset !important;
    transform: unset !important; */
}
.therapeutic-part span.circle3{
    width: 459px;
    height: 459px;
    bottom: unset;
    top: -13rem;
    right: unset;
    left: -8%;
    z-index: -1;
    background: linear-gradient(138.31deg, #E3F2FF 9.8%, #41B6D5 81.78%);
}
.therapeutic-part span.big-circle {
    top: -78rem;
    right: unset;
    left: 5%;
    box-shadow: 0 3px 4px #0000007a;
}
/* ul.therapeutic-view::before{
    content: '';
    width: 99%;
    height: 109%;
    background-image: linear-gradient(to right,#A6CBEB,#82B5E2,#3D8AD2);
    border-radius: 35px;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
} */
.therapeutic-part .time-line{
    margin-top: 12rem;
    padding: 3.65rem 0;
    padding-left: 43rem;
    position: relative;
    max-width: 1600px;
}
.therapeutic-part .time-line span.time-line-bf{
    content: '';
    width: 20rem;
    height: 577px;

    position: absolute;
    top: 0;
    left: 37rem;
    transform: translate(-50%,0%);
}
ul.home-timeline li+li{
    margin-top: 5.5rem;
}
ul.home-timeline li:first-of-type div{
    text-indent: -37px;
}
ul.home-timeline li:last-of-type div{
    text-indent: -10px;
}
ul.home-timeline li{
    position: relative;
    min-height: 112px;
}
ul.home-timeline li::before{
    content: '';
    width: 20px;
    height: 20px;
    background: #B9B9B9;
    border-radius: 50%;
    position: absolute;
    top: 3px;
    left: -7.8rem;
    transform: translateX(-50%);
    box-shadow: 0 3px 5px rgb(0 0 0 / 20%);
    transform-origin: left;
    transition: 0.3s all ease;
}
ul.home-timeline li.active::before{
    transform: scale(1.3) translateX(-50%);
    background-color: #41B6D5;
}
ul.home-timeline li:nth-child(3):before{
    top: -0rem;
    left: -4.5rem;
}
ul.home-timeline li:nth-child(2):before{
    top: 0.2rem;
    left: -0.8rem;
}
ul.home-timeline li:nth-child(3){
    margin-top: 5.8rem;
    margin-left: -1.2rem;
}
ul.home-timeline li:nth-child(1) p{
    transform: translateX(1.3rem);
}
ul.home-timeline li p{
    font-size: 18px;
    transition: 0.3s all ease;
    line-height: 2rem;
    font-weight: 500;
    color: #595959;
}
ul.home-timeline li.active p{
    font-size: 22px;
}
ul.home-timeline li span.date{
    font-weight: 600;
    margin-right: 4.5rem;
    font-size: 19px;
    line-height: 2rem;
    display: inline-block;
    vertical-align: top;
    transition: 0.3s all ease;
}
ul.home-timeline li:nth-child(2) span.date{
    transform: unset;
    margin-right: 3.5rem;
}
ul.home-timeline li.active span.date{
    font-size: 22px;
    color: #41B6D5;
}
ul.home-timeline li:nth-child(2){
    padding-left: 2rem;
    margin-left: -2rem;
}
.therapeutic-part .time-line .img{
    position: absolute;
    top: 0;
    left: 0%;
    width: 577px;
    height: 577px;
    border-radius: 50%;
}
.therapeutic-part .time-line .img::before{
    content: '';
    width: 610px;
    height: 610px;
    background-image: linear-gradient(to left bottom,#A6CBEB,#3D8AD2);
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    box-shadow: 0 16px 74px rgba(0, 0, 0, 0.2);
}
/* .therapeutic-part .time-line .img::after{
    content: '';
    width: 45rem;
    height: 45rem;
    background-image: linear-gradient(to left bottom,#a6cbeb36,#323f5dbf);
    position: absolute;
    top: 52%;
    left: 53.7%;
    border-radius: 50%;
    z-index: -2;
    transform: translate(-50%, -50%);
    box-shadow: 0 16px 74px rgba(0, 0, 0, 0.2);
} */
.therapeutic-part .time-line .img span{
    background-size: 103% !important;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 7px 5px rgb(0,0,0,.1);
    transition: 0.5s all ease;
    transition: 1s all ease;
}
.button-red.arrow{
    padding: 0 4.2rem 0 3rem;
    background-image: url(../img/double-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: 88%;
    transition: 0.3s all ease;
}
.therapeutic-part .button-red.arrow{
    margin-top: 2rem;
    transform: translateX(-46%);
    background-image: none;
    font-size: 13px;
    padding: 0 2.5rem;
    line-height: 39px;
    background-size: 12px;
}
.home-news .news-part{
    padding: 0 1rem;
    overflow: hidden;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-bottom: 6rem;
    margin-bottom: 10rem;
}
.swiper-news li{
    padding: 0.6rem;
    box-shadow: 0px 3px 16px rgb(0 0 0 / 8%);
    background-image: linear-gradient(to right,rgb(255,255,255,1),rgb(255,255,255,.8),rgb(255,255,255,0.5));
    margin-right: 30px;
    border-radius: 15px;
    margin-top: 1rem;
}
.swiper-news li .img{
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
}
.swiper-news li .img span{
    background-size: cover !important;
}
.swiper-news li .mess{
    margin-right: 1.3rem;
    background-size: cover !important;
    min-height: 422px;
    color: white;
    padding: 40px 50px;
    border-radius: 10px;
    flex-basis: 37%;
    /* text-shadow: 0 4px 4px rgb(0 0 0 / 40%); */
    /* box-shadow: 0 4px 4px rgb(0 0 0 / 22%); */
}
.swiper-news li .mess span.date{
    font-size: 25px;
}
.swiper-news li .mess p.title{
    font-size: 22px;
    line-height: 35px;
    margin: 1.5rem 0;
    color: #B3FBF8;
    max-width: 75%;
}
.web-climp4{
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.web-climp2{
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.swiper-news li .mess p.excerpt{
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 3rem;
}
.home-news{
    /* background: url(../img/home-news-bf.png) no-repeat top right; */
    padding-top: 7rem;
    padding-bottom: 5rem;
    position: relative;
    overflow: hidden;
}
.home-news span.circle3{
    width: 370px;
    height: 370px;
    background-image: linear-gradient(to right,#ddeffd,#93c6f5);
    top: 24px;
    right: 9.5%;
    transition: 1s all ease;
}
.home-news span.circle1{
    width: 85px;
    height: 85px;
    background-image: linear-gradient(to left,#3db3d5,#0b91d7);
    bottom: 3rem;
    left: unset;
    right: 25.5%;
    transition: 1s all ease;
    animation: floating 10s linear infinite;
}
span.news-bf{
    width: 45%;
    height: 100%;
    background: url(../img/home-new-bg.png) no-repeat center;
    background-size: contain;
    position: absolute;
    bottom: -9rem;
    right: 0;
    z-index: -1;
    transition: 1.2s all ease;
    transform-origin: right;
}
.news-part h2{
    padding-left: 3.5rem;
    font-size: 25px;
}
.swiper-pagination .swiper-pagination-bullet{
    margin: 0 25px !important;
    width: 12px;
    height: 12px;
    background: #DCDDDD;
    /* box-shadow: 0 2px 3px rgb(0 0 0 / 29%); */
    opacity: 1;
}
.swiper-pagination .swiper-pagination-bullet-active{
    transform: scale(1.5);
    background: linear-gradient(300.93deg, #D0D7F1 0%, #008AD8 141.52%);
}
.swiper-news .swiper-pagination {
    padding-left: 32%;
}
.home-join-content{
    max-width: 1200px;
    margin: 0 auto;
    padding: 8.5rem 0;
    font-size: 55px;
    color: white;
    position: relative;
    text-align: center;
}
.home-join-content span{
    position: absolute;
    font-size: 34px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: 0.3s all ease;
}
.home-join>div{
    max-width: 1800px;
    margin: 0 auto;
    position: relative;
}
.home-join a{
    font-size: 18px;
    position: absolute;
    width: max-content;
    bottom: 3rem;
    right: 0;
    transform: translateX(-50%);
    transition: 0.2s all ease;
    padding-right: 1.5rem;
    color: white;
}
.home-join a::before{
    content: '';
    width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    top: 7px;
    right: 0;
    background: url(../img/arrow-white.svg) no-repeat center;
    background-size: contain;
    transition: 0.2s all ease;
}
.home-join-content p{
    font-weight: 600;
    opacity: 0;
    transition: 0.2s all ease;
    font-size: 32px;
    line-height: 6rem;
}
.home-join{
    overflow: hidden;
    position: relative;
}
.home-join span.join-bg{
    width: 100%;
    height: 100%;
    background-size: cover !important;
    transition: 0.4s all ease;
    position: absolute;
    top: 0;
    left: 0;
}
.home-join span.join-bg::before{
    content: '';
    width: 100%;
    height: 100%;
    background: #0089d888;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.4s all ease;
}
footer{
    background-image: linear-gradient(to left bottom,#41B6D5,#0087D2,#31405D);
    color: white;
}
footer .main-message{
    max-width: 1200px;
    margin: 0 auto;
    padding: 6rem 0 4rem;
    font-size: 16px;
    padding-top: 77px;
}
footer .main-message .right>div>ul{
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap;
}
footer .main-message .right>div:first-child{
    padding-top: 1rem;
}
footer .main-message .right>div>ul li{
    min-width: 170px;
    margin-bottom: 1.6rem;
}
footer .main-message .right>div>ul li a{
    display: block;
    transition: 0.3s all ease;
    /* text-decoration: underline;
    text-decoration-color: transparent; */
}
footer a.logo{
    text-indent: -99999px;
    width: 190px;
    height: 6rem;
    background-size: contain !important;
}
footer .wechat p {
    font-size: 14px;
    padding-top: 3.8rem;
    background: url(../img/wechat-icon.png) no-repeat center top;
    background-size: 6.7rem;
    background-position-y: -1.4rem;
    min-width: max-content;
}
footer .wechat span{
    width: 90px;
    height: 90px;
    background-size: contain !important;
    margin-left: 1rem;
}
.footer-contact{
    text-align: center;
    display: none;
}
.footer-title{
    font-size: 21px;
}
.footer-contact .footer-title{
    padding-right: 2rem;
}
.footer-contact>div p{
    display: inline-block;
    font-size: 17px;
    padding: 0 1.2rem;
    position: relative;
}
.footer-contact>div p::before{
    content: '';
    width: 1.2px;
    height: 1.2rem;
    background: white;
    position: absolute;
    top: 10px;
    left: 0rem;
}
footer div.copyright{
    text-align: center;
    padding: 2rem 0 1.8rem;
    font-size: 12px;
}
.linear-border{
    position: relative;
    border-radius: 1.5rem;
    background-color: transparent;
    border-radius: 1rem;
}
.linear-border::before{
    content: '';
    width: 103.5%;
    height: 121%;
    background-image: linear-gradient(to right,#41b6d585,#008ad8a3);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    border-radius: 3rem;
}
.linear-border::after{
    content: '';
    width: 100%;
    height: 100%;
    background-color: transparent;
    /* border: 2rem solid white; */
    border-radius: 2rem;
    background: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
}
.linear-bg{
    background-image: linear-gradient(to left,#41B6D5,#008AD8);
}
span.circle3,.about-content span.big-circle:after{
    width: 358px;
    height: 358px;
    border-radius: 50%;
    background-image: linear-gradient(to left top,#41B6D5, #E3F2FF);
    background-size: contain;
    position: absolute;
    bottom: -26.7rem;
    right: -20%;
    transition: 1s all ease;
}
.about-content span.big-circle:after{
    width: 100px;
    height: 100px;
    bottom: 0rem;
    left: unset;
    right: 10%;
}

span.circle1{
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background-image: linear-gradient(to right top,#228AEA, #E2F3FF);
    background-size: contain;
    position: absolute;
    bottom: -7rem;
    left: 1%;
    transition: 1s all ease;
}
.about-content span.big-circle::before{
    width: 78px;
    height: 78px;
    left: 60%;
    bottom: 31.5rem;
    background-image: linear-gradient(45deg,#008AD8,#41B6D5);
}
span.big-circle{
    width: 1000px;
    height: 1000px;
    min-height: 1000px;
    min-width: 1000px;
    border: 6px solid #a0daea;
    border-radius: 50%;
    position: absolute;
    top: -41rem;
    right: -24%;
    z-index: -1;
    transition: 2s all ease;
    /* animation: 25s rotate infinite linear;
    -webkit-animation: 25s rotate infinite linear; */
}
@keyframes rotate{
    from{
        transform: rotate(0);
    }
    to{
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rotate{
    from{
        transform: rotate(0);
    }
    to{
        transform: rotate(360deg);
    }
}
span.big-circle::before{
    content: '';
    width: 245px;
    height: 245px;
    background: linear-gradient(197.96deg, #E2F3FF 5.04%, #228AEA 95.05%), linear-gradient(138.31deg, #E3F2FF 9.8%, #41B6D5 81.78%);
    position: absolute;
    border-radius: 50%;
    right: -11%;
    bottom: 30rem;
}
span.big-circle::after{
    content: '';
    width: 93px;
    height: 93px;
    background: linear-gradient(-138.31deg, #E3F2FF 9.8%, #41B6D5 81.78%);
    bottom: 25rem;
    left: 0%;
    position: absolute;
    border-radius: 50%;
}
span.circle4 {
    width: 102px;
    height: 102px;
    border-radius: 50%;
    background-image: linear-gradient(to right top,#008AD8, #41B6D5);
    background-size: contain;
    position: absolute;
    top: 5.5rem;
    right: 3%;
    transition: 1s all ease;
}
.mb7{
    margin-bottom: 7rem;
}
.mb9{
    margin-bottom: 9rem;
}
.mb10{
    margin-bottom: 10rem;
}
.mb12{
    margin-bottom: 12rem;
}
.mb6{
    margin-bottom: 6rem;
}
.mt10{
    margin-top: 10rem;
}
.head h2{
    margin-bottom: 0;
}
.month-button{
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-size: 0.8rem !important;
    margin: 0 1.2vw;
    cursor: pointer;
    transition: 0.3s all ease;
}
.news-view .about-experience .month div span{
    background: linear-gradient(300.93deg, #41B6D5 0%, #323F5D 141.52%);
    -webkit-background-clip: text;
    color: transparent;
}
.about-experience .head{
    position: relative;
    z-index: 99;
    max-width: 1100px;
}
.select-lang{
    position: relative;
    margin-left: 0px;
}
.select-lang .langs {
    padding: 15px 15px 10px;
    position: absolute;
    top: 160%;
    left: 135%;
    transform: translateX(-50%);
    color: #333;
    border-radius: 12px;
    background-color: white;
    box-shadow: 0 0 15px rgb(0 0 0 / 18%);
    min-width: 100px;
    z-index: 110;
    display: none;
}
.select-lang .wpml-ls-legacy-list-horizontal ul li:first-of-type {
    margin-bottom: 15px;
}
.select-lang .langs li a {
    padding: 0;
    color: #595959;
    line-height: 32px;
    transition: all 0.3s ease;
    display: block;
    text-align: left;
    text-transform: capitalize;
    transition: 0.3s all ease;
}
.select-lang .show {
    display: block !important;
}
.header-submenu{
    position: fixed;
    width: 100%;
    left: 0;
    top: 5.1rem;
    z-index: 10;
    background-color: rgb(255 255 255 / 90%);
    max-height: 0;
    overflow: hidden;
    transition: 0.5s all ease;
    max-width: unset;
    opacity: 0;
}
.header-submenu.active{
    max-height: 50rem;
    opacity: 1;
}
.header-submenu .submenu-content{
    max-width: 1250px;
    margin: 0 auto;
    min-height: 450px;
}
.submenu-content .left{
    width: 37%;
    margin-right: 5%;
}
.submenu-content .img{
    height: 177px;
    border-radius: 0.5rem;
    overflow: hidden;
}
.submenu-content .img span{
    background-size: cover !important;
}
.submenu-content .left p{
    text-align: left;
    font-size: 24px;
    font-weight: 500;
    margin-top: 1rem;
    color: #595959;
}
.submenu-content .right{
    color: black;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 3.5rem;
}
.submenu-content .right span{
    display: block;
    text-align: left;
    padding: 0.6rem 1rem 0.5rem;
    width: 307px;
    background: transparent;
    border-bottom: 1px solid; 
    transition: 0.3s all ease;
    cursor: pointer;
    position: relative;
}
.submenu-content .right span a{
    display: block;
}
.submenu-content .right span.active{
    color: #008AD8;
    background: #E2F3FF;
}
.submenu-content .right span::before{
    content: '';
    width: 100%;
    height: 3px;
    background-color: #008AD8;
    position: absolute;
    bottom: -1px;
    left: 0;
    transition: 0.3s all ease;
    opacity: 0;
}
.submenu-content .right span.active:before{
    opacity: 1;
}
.submenu-content .right span::after{
    content: '';
    width: 0.6rem;
    height: 1rem;
    background: url(../img/arrow-grey.svg) no-repeat center;
    background-size: contain;
    position: absolute;
    top: 0.85rem;
    right: 1rem;
    transition: 0.3s all ease;
}
.submenu-content .right span.active::after{
    background: url(../img/arrow-blue.svg) no-repeat center;
    background-size: contain;
}
ul.menu-list>li>a{
    padding: 1rem 1.5rem 0.8rem;
    display: block;
    width: 13rem;
    text-align: left;
    border-bottom: 1px solid black;
    transition: 0.3s all ease;
}
ul.menu-list{
    display: none;
}
ul.menu-list.active{
    display: block;
}
header .submenu-content div.main-menu{
    margin-right: 3vw;
}
.border-bf{
    position: relative;
}
.border-bf::before{
    content: '';
    width: 103.5%;
    height: 102%;
    background-color: #eeeeee85;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    border-radius: 2.5rem;
    box-shadow: 0 10px 70px #00000026;
}

/* BANNER */
section.blob {
	width: 100%;
	height: 54.2rem;
	position: relative;
	display: flex;
	overflow: hidden;
    /* -webkit-clip-path: url(#my-clip-path);
    clip-path: url(#my-clip-path); */
}
section.sliders {
	overflow: hidden;
}
#my-clip-path{
    
}
section.sliders div.slide {
	width: 100%;
	height: 100%;
	position: absolute;
	/* left: -100%; */
    left: 0;
    opacity: 0;
	background: url('../img/slider01.webp') no-repeat;
	background-size: cover;
    /* background-attachment: fixed; */
	z-index: -1;
	transition: opacity 0.6s cubic-bezier(0.83, 0, 0.17, 1);
}
section.sliders div.slide p{
    opacity: 0;
}
section.sliders div.slide:nth-child(2) {
	background: url('../img/slider-2.png') no-repeat;
	background-size: cover;
    /* background-attachment: fixed; */
}
section.sliders div.slide:nth-child(3) {
	background: url('../img/slider-3.png') no-repeat;
	background-size: cover;
    /* background-attachment: fixed; */
}
section.sliders div.slide.active {
	/* left: 0; */
    opacity: 1;
}
/*
section.blob:before {
	position: absolute;
	content: "";
	display: block;
	left: 0;
	right: 0;
	height: 10rem;
	background: url('assets/img/wave3.svg') no-repeat bottom center;
	background-size: cover;
	bottom: 0;
	z-index: 100;
}*/
section.blob div.zonex {
	width: 50%;
	transition: all 0.3s ease;
}
section.blob div.zoney {
	width: 100%;
	height: 50%;
	background: rgba(72,191,211,0.6);
	fit-content: fit-content;
    /* outline: 1px solid grey; */
    transition: transform 0.6s cubic-bezier(0.85, 0, 0.15, 1);
    display: none;
}
section.blob div.zonex:first-child div.zoney:first-child, section.blob div.zonex:nth-child(2) div.zoney:last-child {
	background: transparent;
	outline: none;
}
section.message {
    background: #ffffffd9;
    position: absolute;
    padding: 2rem;
    border-radius: 1.2rem;
    visibility: hidden;
    transform: scale(0);
    z-index: 99;
    /* transition: all 0.6s cubic-bezier(0.34, 1.6, 0.7, 1); */
    transition: all 0.3s;
    padding: 2.5rem 4rem 2rem;
    min-width: 30rem;
    color: #008ad8;
    font-size: 2.6rem;
}
section.message strong{
    color: #31405D;
    position: relative;
    font-size: 1.3rem;
    display: block;
    margin-bottom: 1.3rem;
}

section.message strong::before{
    content: '';
    width: 11px;
    height: 1.5rem;
    background-color: #0087D2;
    position: absolute;
    top: 12px;
    left: -1.8rem;
}
section.message p{
    font-size: 1.65rem;
    margin-bottom: 1.2rem;
    font-weight: 600;
    line-height: 3rem;
}
section.message.visible {
	visibility: visible;
	transform: scale(1.0);
}
section.navigation {
	position: absolute;
    bottom: 17rem;
	z-index: 10;
    transform: translateX(-50%);
    left: 50%;
    max-width: 1450px;
    width: 100%;
    text-align: right;
}
section.navigation span {
    display: inline-block;
    width: 6.2rem;
    height: 0.5rem;
    border-radius: 0.3rem;
    background: #dddddd;
    overflow: hidden;
    margin-left: 1.5rem;
    cursor: pointer;
}
section.navigation span b {
	width: 0%;
	background: #018ada;
	display: block;
	height: 100%;
	transition: all 0.6s cubic-bezier(0.83, 0, 0.17, 1);
    border-radius: 0.3rem;
}
section.navigation span.active b {
	width: 62%;
}
section.solar {
    width: 95rem;
    height: 95rem;
	position: relative;
	top: -80rem;
	background: white;
	border: 7px solid #41b5d561;
	border-radius: 50%;
	z-index: -101;
}
div.animate {
	position: relative;
}
div.animate .pop {
    width: 459px;
    height: 459px;
	border-radius: 50%;
    background: linear-gradient(138.31deg, #E3F2FF 9.8%, #41B6D5 81.78%);
	position: absolute;
	bottom: -17rem;
    left: -8%;
	/* animation: floating 10s linear 1s infinite; */
	/*animation: pop 4s cubic-bezier(0.83, 0, 0.17, 1) infinite;*/
    z-index: -101;
    transition: 1.5s all ease;
}
/* div.animate .pop2 {
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	background-color: #B9DFE8;
	position: absolute;
	bottom: -18rem;
	left: 67rem;
	animation: floating 10s linear 3s infinite;
	animation: pop 6s cubic-bezier(0.83, 0, 0.17, 1) infinite;
} */
section.solar {
	position: absolute;
	/*border: 10px solid #fff;*/
	border-top: 10px solid #B9DFE8;
	border-radius: 50%;
    width: 95rem;
    height: 95rem;
    transition: 1s all ease;
	/* animation: floating 10s linear infinite; */
	/*left: 50%;
	animation: spin 10s linear infinite;*/
}
/*
div.wave {
	width: 150rem;
	position: relative;
	height: 150rem;
	background-color: #fff;
	border-radius: 40%;
	animation: spintop 6s linear infinite;
	z-index: 10;
}*/
@keyframes spin {
	0% {
		transform: rotate(0deg) ;
	}

	100% {
		transform: rotate(-360deg) ;
	}
}
@keyframes pop {
	0% {
		transform: scale(0);
	}
	8%{
		transform: scale(1.2);
	}
	10% {
		transform: scale(1);
	}
	50% {
		transform: scale(1);
	}
	58% {
		transform: scale(0);
	}
	100% {
		transform: scale(0);
	}
}
@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}
@keyframes floating {
    0% { transform: translate(0,  0px); }
    25%  { transform: translate(0, 15px); }
    50%  { transform: translate(15px, 7px); }
    100%   { transform: translate(0, -0px); }   
}

/*animation: spinbottom 6s linear infinite;*/
@keyframes spintop {
  0% {
    transform: translateY(0) rotate(0deg);
  }
  100% {
    transform: translateY(-150rem) rotate(360deg);
  }
}
@keyframes spinbottom {
  0% {
    transform: translateY(0) rotate(0deg) scale(1.0);
  }
  100% {
    transform: translateY(140rem) rotate(360deg) scale(1.5);
  }
}
.waveWrapper {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    opacity: 0;
}
.waveWrapperInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 13rem;
    bottom: -1px;
}
.bgTop {
    z-index: 15;
    opacity: 0.5;
}
.bgMiddle {
    z-index: 10;
    opacity: 0.75;
}
.bgBottom {
    z-index: 5;
}
.wave {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom;
}
.waveTop {
    background-size: 50% 100px;
}
.waveAnimation .waveTop {
  animation: move-wave 3s;
   -webkit-animation: move-wave 3s;
   -webkit-animation-delay: 1s;
   animation-delay: 1s;
}
.waveMiddle {
    background-size: 50% 120px;
}
.waveAnimation .waveMiddle {
    animation: move_wave 10s linear infinite;
}
.waveBottom {
    background-size: 50% 100px;
}
.waveAnimation .waveBottom {
    animation: move_wave 15s linear infinite;
}
.about-info span.big-circle{
    min-width: 77rem;
    min-height: 77rem;
}
/* div.video-banner{
    position: sticky;
    overflow: hidden;
    top: 0;   
} */
.news-view .about-experience::before,.news-view .about-experience::after{
    display: none;
}
div.loader {
    border: 7px solid #f2f5f9;
    border-top: 7px solid #fff;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    position: absolute;
    left: 50%;
    margin-left: -1.75rem;
    animation: spin 1s linear infinite;
    margin-top: 0;
    text-align: center;
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.study-info span.big-circle::before{
    right: 8%;
    bottom: -4rem;
    width: 260px;
    height: 260px;
    background-image: linear-gradient(to left top,#41B6D5, #E3F2FF);
}
.study-info span.big-circle::after{
    bottom: unset;
    left: -4%;
    top: 35rem;
    width: 100px;
    height: 100px;
}
.production-info span.big-circle::after{
    width: 70px;
    height: 70px;
    left: -2%;
}
.pipeline-content {
    margin-bottom: 4rem;
}
.pipeline-content span.big-circle::before{
    width: 150px;
    height: 150px;
    right: -6%;
    bottom: 25rem;
}
.pipeline-content span.big-circle::after{
    width: 95px;
    height: 95px;
    bottom: 19rem;
    left: 1%;
}
.study-content span.big-circle::before{
    width: 150px;
    height: 150px;
    right: 65px;
    bottom: unset;
    top: 0;
    background-image: linear-gradient(to right top,#41B6D5, #E3F2FF);
}
.study-content span.big-circle::after{
    width: 60px;
    height: 60px;
    bottom: unset;
    left: 6%;
    top: 6.5rem;
}
.all-content{
    margin-top: -17.5rem;
    padding-top: 17.5rem;
    overflow: hidden;
}
.timeline01{
    background: url(../img/timeline-bf01.svg) no-repeat center;
    width: 100%;
    height: 58px;
    position: absolute;
    top: -7px;
    left: -5.1rem;
}
.timeline02 {
    background: url(../img/timeline-bf02.svg) no-repeat center;
    width: 100%;
    height: 150px;
    position: absolute;
    top: 6rem;
    left: 1.2rem;
}
.timeline03 {
    background: url(../img/timeline-bf03.svg) no-repeat center;
    width: 100%;
    height: 150px;
    position: absolute;
    top: 19rem;
    left: 2rem;
}
.timeline04{
    background: url(../img/timeline-bf04.svg) no-repeat center;
    width: 100%;
    height: 86px;
    position: absolute;
    bottom: 0;
    left: -3.3rem;
    background-size: contain;
}
@media screen and (min-width: 819px) {
    .select-lang span.lang:hover{
        color: #0373B2 !important;
        background: url(../img/lang.svg) no-repeat center left !important;
        background-size: 1.5rem !important;
    }
    header.main nav>div>ul>li>a:hover{
        color: #008AD8;
        /* font-weight: 600; */
    }
    header .button:hover{
        color: white !important;
        background-color: #0373B2;
        border: 1px solid #0373B2;
    }
    .button:hover{
        color: #0373B2;
        border: 1px solid #0373B2;
    }
    .button-red.more:hover:before{
        color: #FB0B47;
    }
    ul.therapeutic-list li:hover:before{
        opacity: 0.7;
        left: -11%;
    }
    ul.therapeutic-list li:hover:after{
        width: 100%;
        opacity: 0.7;
    }
    ul.therapeutic-list li:hover{
        color: white;
    }
    .button-red:hover{
        background: transparent;
        color: #FB0B47;
    }
    .therapeutic-part .time-line .img span:hover{
        background-size: 110% !important;
    }
    .button-red.arrow:hover{
        background-image: url(../img/double-arrow-red.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-position-x: 92%;
    }
    .swiper-news li .img span:hover{
        transform: scale(1.1);
    }
    .home-join:hover .home-join-content span{
        font-size: 42px;
        left: 8%;
        top: 130px;
    }
    .home-join-content a:hover{
        color: #0373B2;
    }
    .home-join:hover .home-join-content p{
        opacity: 1;
    }
    .home-join:hover span.join-bg{
        transform: scale(1.35);
    }
    .home-join:hover span.join-bg::before{
        opacity: 1;
    }
    header.main nav>div>ul>li>a:hover::before{
        opacity: 1;
    }
    /* li.has-child:hover .submenu{
        max-height: 50rem;
    } */
    header .submenu-content .right span:hover{
        color: #008AD8;
        background: #E2F3FF;
    }
    header .submenu-content .right span:hover:before{
        opacity: 1;
    }
    header .submenu-content .right span:hover:after{
        background: url(../img/arrow-blue.svg) no-repeat center;
        background-size: contain;
    }
    ul.menu-list>li>a:hover{
        color: #0087D2;
    }
    ul.month-list li:hover{
        color: #397594;
    }
    ul.mission-list li:hover{
        transform: scale(1.06) translateY(10px);
        padding: 0 20px;
        border: 8px solid #ffffff7d;
        background-color: #ffffff7d;    
    }
    ul.mission-list li:nth-of-type(2):hover{
        padding: 0 83px;
    }
    ul.mission-list li:hover::before{
        opacity: 0.7;
    }
    ul.mission-list li:hover p{
        color: white;
        font-size: 20px;
        font-weight: 500;
    }
    .investor-list span:hover{
        background-image: linear-gradient(to right bottom,#41b7d5,#25a3d6,#068ed8);
        color: white;
    }
    /* ul.home-timeline li:hover span.date{
        transform: scale(1.25);
        color: #41B6D5;
    } */
    .home-join a:hover:before{
        right: -8px;
    }
    footer .main-message .right>div>ul li a:hover{
        text-shadow: 0 4px 4px rgb(0 0 0 / 50%);
        /* text-decoration: underline;
        text-decoration-color: rgba(255, 255, 255, 0.668); */
    }
    .select-lang .langs li a:hover{
        color: #0373B2;
    }
    .about-global div.map-address>div:hover{
        opacity: 1 !important;
    }
    .about-global div.map-address>div:hover span.name{
        opacity: 1 !important;
    }
    a.back:hover{
        box-shadow: 0 4px 13px rgba(0, 0, 0, 0.271);
    }
    .address-name span:hover{
        background: linear-gradient(329.64deg, #008AD8 14.52%, #41B6D5 84.84%);
        color: white;
        /* font-size: 30px; */
    }
    .investor-detail .breadcrumbs a:hover{
        color: #008AD8;
    }
    .investor-list span:hover:before{
        left: -1rem;
        opacity: 1;
    }
    .join-address:hover{
        opacity: 1;
    }
    ul.post-list li:hover:before{
        background-image: linear-gradient(to left ,rgba(0, 0, 0, 0.079)0,#eeeeee3e);
    }
    ul.post-list li:hover div.img span{
        transform: scale(1.15);
    }
    ul.post-list li:hover h3{
        color: #008AD8;
    }
    .news-view .page-list ul li.prev a:hover, .news-view .page-list ul li.next a:hover{
        transform: scale(1.4);
        box-shadow: 0 0 14px rgba(0, 0, 0, 0.106);
    }
    .news-view .next:hover, .news-view .prev:hover{
        transform: scale(1.2);
        box-shadow: none !important;
    }
    .siblings-post a:hover{
        color: #008AD8;
    }
    ul.clinical-list li:hover .excerpt{
        z-index: 10;
        opacity: 1;
    }
    ul.clinical-list li:hover:before{
        opacity: 1;
    }
    ul.clinical-list li:hover{
        color: white;
    }
    .swiper-disease li:hover:before{
        opacity: 1;
    }
    ul.main-article li a:hover{
        color: #008AD8;
        text-decoration-color: #0089d899;
    }
    .page-list ul li a:hover,.nav-links a:hover{
        color: #008AD8;
    }
    .page-list ul li.prev a:hover, .page-list ul li.next a:hover{
        transform: scale(1.1);
        box-shadow: 0 0 14px rgba(0, 0, 0, 0.106);
    }
    .disease-type-list span:hover{
        color: #41B6D5;
        transform: scale(1.25);
    }
    .production-view .select-list span:hover{
        background: linear-gradient(278.26deg, #008AD8 5%, #41B6D5 85.17%);
        color: white;
    }
    .arrow-linear-bf span:hover:before{
        opacity: 1;
    }
    .swiper-production .swiper-slide:hover{
        transform: scale(1.1);
    }
    div.production-data .wp-block-columns:hover figure{
        transform: rotateY(180deg);
    }
    ul.process-list li:hover span{
        transform: scale(1.2) translateX(-50%);
    }
    ul.process-list li:hover::after{
        -webkit-animation: arrow 1.5s infinite ease-out;
    }
    ul.center-list li .img:hover span{
        transform: scale(1.1);
    }
}

.time-line-bf span{
    transform: scale(0);
    transition: all 0.3s ease;
}
.time-line-bf span.active{
    transform: scale(1);
}
.time-line-title{
    font-size: 26px;
    font-weight: 600;
    padding-left: 6rem;
    transform: translateY(8rem);
}

header.clone-header, header.clone-header.fixed{
    position: absolute;
    top: unset;
    left: unset;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    z-index: 9;
    background-color: white;
}
header.clone-header.hide{
    opacity: 0;
}
footer .main-message div.right, footer .main-message .right>div:first-child{
    flex: 1;
}
footer .main-message .right>div:first-child{
    padding-left: 7rem;
}

@keyframes move-forever{
    0%{
        transform:translate3d(-90px,0,0)
    }
    100%{
        transform:translate3d(85px,0,0)
    }
}
.parallax>use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 5s;
}
.parallax>use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 8s;
}
.parallax>use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 11s;
}
.parallax>use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 8s;
}
.parallax>use {
    animation: move-forever 25s cubic-bezier(0.55,0.5,0.45,0.1) infinite;
}
svg.waves{
    /* position: absolute; */
    width: 100%;
    bottom: 0;
    min-height: 100px;
    max-height: 150px;
    z-index: 1;
    background-color: rgb(194,233,255);
}
.wave-container{
    position: absolute;
    bottom: -80px;
    width: 100%;
    left: 0;
    z-index: -1;
}

@keyframes circle-float {
    0%{
        transform: translateY(0px);
    }
    25%{
        transform: translateY(-15px);
    }
    50%{
        transform: translateY(0px);
    }
    75%{
        transform: translateY(15px);
    }
    100%{
        transform: translateY(0px);
    }
}
.about-content .about-intro span.big-circle::before{
animation: circle-float 10s linear infinite;
}
.about-content .about-intro span.big-circle::after{
animation: circle-float 15s linear infinite;
}
ul.post-list li div.mess{
    max-width: 75%;
}
.news-view{
    overflow: hidden;
}
.header-submenu.active{
    z-index: 999;
}
ul.sub-menu{
    display: none;
}
.content-404{
    height: 50vh;
    max-height: 900px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}