@charset "UTF-8";
body { background:#050b19 url(../../omo-oss-image.thefastimg.com/portal-saas/ngc202203180004/cms/image/b317d83c-8d09-4460-afbb-5b8a71aefa97.jpg) center top no-repeat; }

/* header */
header { position: fixed; z-index: 9; width: 100%; top: 0; left: 0; transition: all .8s; }
header.active { background-color: rgba(5, 12, 30, 0.95); }
header.scroll-hd { background-color: rgba(5, 12, 30, 0.95); }
header .hd-wrap { margin: 0 7.91667% 0 11.45833%; position: relative; padding: 20px 0; transition: all .5s; }
header .logo { width: 8.33333vw; }
header .menu { position: absolute; top: 50%; transform: translateY(-50%); right: 0; }
header .menu a { display: block; width: 28px; height: 28px; position: relative; }
header .menu a span { display: block; width: 100%; height: 4px; border-radius: 2px; background-color: #fff; position: absolute; top: 50%; transform: translateY(-50%); transition: all .5s; }
header .menu a span:before { content: ''; display: block; width: 75%; height: 4px; border-radius: 2px; background-color: #fff; position: absolute; right: 0; top: -7px; transition: all .5s; }
header .menu a span:after { content: ''; display: block; width: 75%; height: 4px; border-radius: 2px; background-color: #fff; position: absolute; right: 0; bottom: -7px; transition: all .5s; }
header .menu a.active span { background-color: transparent; }
header .menu a.active span:before { transform: rotate(-45deg); top: 0; width: 100%; }
header .menu a.active span:after { transform: rotate(45deg); top: 0; width: 100%; }

.menu-dropdowm { position: absolute; top: 100%; left: 0; background-color: rgba(5, 12, 30, 0.95); width: 100%; opacity: 0; visibility: hidden; transition: all .8s; }
.menu-dropdowm.show { opacity: 1; visibility: visible; }
.menu-dropdowm.show .first-nav ul li { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: returnToNormal; animation-name: returnToNormal; }
.menu-dropdowm.show .second-nav ul li { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: returnToNormal; animation-name: returnToNormal; }
.menu-dropdowm .wrap { position: relative; margin-top: 5%; }
.menu-dropdowm .first-nav { width: 53.125%; height: 100%; border-right: 1px dashed #6c7da5; }
.menu-dropdowm .first-nav ul { padding: 0 5% 0 30%; }
.menu-dropdowm .first-nav ul li { margin: 10px 0; }
.menu-dropdowm .first-nav ul li a { display: inline-block; color: #cfdbed; position: relative; }
.menu-dropdowm .first-nav ul li a:after { content: ''; display: block; width: 0; height: 7px; background-color: #008aff; position: absolute; left: 0; bottom: 0; transition: all .5s; opacity: 0; }
.menu-dropdowm .first-nav ul li.active a { color: #008aff; font-weight: bold; }
.menu-dropdowm .first-nav ul li.active a:after { width: 100%; opacity: 1; }
.menu-dropdowm .second-nav { width: 46.875%; height: 100%; display: table; position: absolute; right: 0; top: 0; }
.menu-dropdowm .second-nav ul { display: table-cell; vertical-align: middle; padding: 0 5% 0 30%; }
.menu-dropdowm .second-nav ul li { margin: 8px 0; }
.menu-dropdowm .second-nav ul li a { display: inline-block; color: #6c7da5; position: relative; }
.menu-dropdowm .second-nav ul li a:after { content: ''; display: block; width: 0; height: 2px; background-color: #008aff; position: absolute; left: 0; bottom: 0; transition: all .5s; opacity: 0; }
.menu-dropdowm .second-nav ul li a:hover { color: #008aff; font-weight: bold; }
.menu-dropdowm .second-nav ul li.active a { color: #008aff; font-weight: bold; }
.menu-dropdowm .second-nav ul li.active a:after { width: 100%; opacity: 1; }

@media only screen and (max-width: 1680px) { header .hd-wrap { margin: 0 5%; } }
@media only screen and (max-width: 1440px) { header .logo { width: 10vw; } }
@media only screen and (max-width: 1280px) { header .hd-wrap { margin: 0 20px; } }
@media only screen and (max-width: 1024px) { header .hd-wrap { margin: 0 20px; padding: 10px 0; }
  header .logo { width: 20vw; } }
@media only screen and (max-width: 768px) { header .logo { width: 25vw; }
  .menu-dropdowm .first-nav ul { padding-left: 0; }
  .menu-dropdowm .second-nav ul { padding-left: 20px; }
  .menu-dropdowm .second-nav ul li { margin: 10px 0; }
  .menu-dropdowm .first-nav { font-size: 22px; }
  .menu-dropdowm .first-nav ul li a:after { height: 4px; } }
  @media only screen and (max-width: 680px) { 
    .menu-dropdowm .second-nav ul{width:180px;}
  }
/* footer */
footer nav { position: relative; padding: 60px 0 100px; }
footer nav:before { content: ''; display: block; width: 100%; height: 1px; position: absolute; left: 0; top: 0; background-image: linear-gradient(to right, #7dc749, #0163e0); }
footer nav ul li { width: 12.5%; float: left; }
footer nav ul li:nth-child(1) { width: 14.5%; }
footer nav ul li:nth-child(7) { width: 15%; }
footer nav ul li:last-child { width: 8%; }
footer nav ul li > a { font-size: 18px; font-weight: bold; margin-bottom: 10px; color: #cfdbed; }
footer nav ul li > a:hover { color: #008aff; }
footer nav .sub-menu { margin-top: 15px; }
footer nav .sub-menu div { padding-right: 10px; }
footer nav .sub-menu a { color: #6c7da5; line-height: 24px; display: inline-block; }
footer nav .sub-menu a:hover { color: #fff; }
footer.foot-no-line nav:before { display: none; }
footer .ft { padding-bottom: 50px; }
footer .ft .lt { margin-right: 44px; float: left;float: none;
    margin-top: 10px; }
footer .ft .lt p { font-size: 12px; line-height: 2; font-style: normal;color: #6c7da5; }
footer .ft .lt p span { color: #cfdbed; opacity: .6; margin-left: 12px; }
footer .ft .share { margin-bottom: 10px; }
footer .ft .share a { display: inline-block; margin-right: 5px; }
footer .ft .share a:last-child { margin-right: 0; }
footer .ft .share a i { display: block; width: 24px; height: 24px; background: url(../img/Share.png.html) no-repeat; transition: all .3s; }
footer .ft .share a i.icon-fc { background-position: 0 0; }
footer .ft .share a i.icon-tw { background-position: -32px 0; }
footer .ft .share a i.icon-yt { width: 35px; background-position: -64px 0; }
footer .ft .share a i.icon-in { background-position: -107px 0; }
footer .ft .share a:hover i.icon-fc { background-position: 0 -24px; }
footer .ft .share a:hover i.icon-tw { background-position: -32px -24px; }
footer .ft .share a:hover i.icon-yt { width: 35px; background-position: -64px -24px; }
footer .ft .share a:hover i.icon-in { background-position: -107px -25px; }
footer .ft .md { border: 1px solid #6c7da5; float: none; padding: 5px 20px; width:50%;     border: 0px;
    padding: 0px;
}
footer .ft .md p { color: #6c7da5; padding: 5px 0; font-style: normal; font-size: 12px; line-height: 14px; }

@media only screen and (max-width: 1280px) { footer nav ul li:nth-child(1) { width: 14.5%; }
  footer nav ul li:nth-child(4) { width: 10%; }
  footer nav ul li:nth-child(6) { width: 15%; }
  footer nav ul li:nth-child(7) { width: 15%; }
  footer nav ul li:last-child { width: 8%; } }
@media only screen and (max-width: 1024px) { footer nav ul li { width: 100% !important; border-bottom: 1px solid #151c31; }
  footer nav ul li:last-child { border-bottom: none; }
  footer nav ul li > a { margin-bottom: 0; display: block; padding: 5px 0; position: relative; }
  footer nav ul li > a:after { content: ''; display: block; width: 18px; height: 18px; background: url(../img/xiala.svg.html) 0 0/cover no-repeat; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: all .5s; }
  footer nav ul li:nth-child(4) > a:after { display: none; }
  footer nav ul li:nth-child(6) > a:after { display: none; }
  footer nav ul li.active > a:after { transform: translateY(-50%) rotate(-180deg); }
  footer nav .sub-menu { margin-top: 0; display: none; } }
@media only screen and (max-width: 768px) { footer nav { padding: 40px 0 50px; }
  footer .ft .lt { margin-right: 0; }
  footer .ft .md { width: 100%; margin-top: 20px; } }
/* About */
.page-about { padding-top: 190px; padding-bottom: 160px; background: center 0 /100% auto  no-repeat; overflow: hidden; }
.page-about .title { margin-bottom: 20px; }
.page-about .title h1 { text-align: center; margin-bottom: 45px; }
.page-about .title h2 { margin-bottom: 20px; }
.page-about .title p { color: #cfdbed; line-height: 1.66667; }
.page-about .cont p { color: #cfdbed; line-height: 30px; }

.about-vsm { background: center center /cover fixed no-repeat; padding: 34.6875vw 0 5.05208vw; }
.about-vsm ul li { width: 33.33%; float: left; height: 193px; background: rgba(0, 0, 0, 0.5); transition: all .5s; position: relative; }
.about-vsm ul li:after { content: ''; display: block; width: 1px; height: 70%; position: absolute; right: 0; top: 15%; border-right: 1px dotted #535d75; }
.about-vsm ul li:last-child:after { display: none; }
.about-vsm ul li a { display: block; padding: 25px 10%; height: 100%; }
.about-vsm ul li h3 { margin-bottom: 5px; }
.about-vsm ul li p { line-height: 1.33333; color: #cfdbed; }
.about-vsm ul li a:hover { background-image: linear-gradient(to right, #16b6da, #0268cf); }

@media only screen and (max-width: 1024px) { .page-about { padding: 100px 0 80px; }
  .page-about .title h1 { margin-bottom: 20px; } }
@media only screen and (max-width: 768px) { .about-vsm ul li { width: 100%; height: auto; }
  .about-vsm ul li a { padding: 10px 20px; }

  .about-vsm ul li{margin:10px 0;}
.about-vsm ul li a:hover{background-image:none;}
  .about-vsm ul li:after { display: none; } }
/* Company History */
.page-History { overflow: hidden; }

.history-year { float: left; width: 124px; position: relative; }
.history-year:after { content: ''; display: block; width: 1px; height: 99%; background-color: #6c7da5; position: absolute; right: 2px; top: 0; }
.history-year li { padding-right: 35px; position: relative; text-align: right; }
.history-year li a { color: #cfdbed; }
.history-year li:after { content: ''; display: block; width: 5px; height: 27px; background-image: linear-gradient(to bottom, #73c355, #0a95d7); position: absolute; top: 50%; transform: translateY(-50%); right: 0; opacity: 0; visibility: hidden; height: 0; transition: all .5s; }
.history-year .on a { color: #fff; font-size: 36px; }
.history-year .on:after { height: 27px; opacity: 1; visibility: visible; }

.history-swiper { float: right; width: 82.34375%; height: 50.15625vw; overflow: hidden; }
.history-swiper .swiper-slide { height: auto; min-height: 235px; border-bottom: 1px dotted #6c7da5; position: relative; padding: 70px 0; }
.history-swiper .no-swiper { border-bottom: none; }
.history-swiper .year { position: absolute; right: 0; top: 60px; z-index: 0; height: 6.92708vw; }
.history-swiper .year img { height: 100%; }
.history-swiper .year .normal { display: block; }
.history-swiper .year .current { display: none; }
.history-swiper .text { position: relative; z-index: 5; }
.history-swiper .text li { position: relative; padding-left: 20px; line-height: 30px; margin-bottom: 25px; }
.history-swiper .text li:before { content: ''; display: block; width: 9px; height: 9px; border-radius: 50%; background-image: linear-gradient(45deg, #7dc749, #0091e3); position: absolute; left: 0; top: 10px; }
.history-swiper .text li a { color: #6c7da5; display: block;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-height: 60px; }
.history-swiper .text li a:hover { color: #fff; }
.history-swiper .active .year .normal { display: none; }
.history-swiper .active .year .current { display: block; }
.history-swiper .active .text li a { color: #fff; }
.history-swiper .active .text li a:hover { text-decoration: underline; }

@media only screen and (max-width: 1024px) { .history-year { width: 100%; }
  .history-year:after { width: 100%; height: 1px; left: 0; bottom: 2px; top: auto; }
  .history-year li { padding-right: 0; text-align: center; line-height: 66px; }
  .history-year .on a { font-size: 24px; }
  .history-swiper { width: 100%; height: auto; }
  .history-year li:after { right: auto; left: 50%; top: auto; bottom: 0px; transform: translate(-50%, 0); width: 0; height: 7px; background-image: linear-gradient(to right, #73c355, #0a95d7); }
  .history-year li.on:after { width: 27px; height: 7px; } }
@media only screen and (max-width: 768px) { .history-swiper .year { height: auto; width: 30%; } }
/* Contact Us */
.page-Contact { padding: 0; background-color: #081426; }
.page-Contact .contact-map { width: 88.125%; position: relative; }
.page-Contact .contact-map img { width: 100%; }
.page-Contact .center-point { position: absolute; left: 62.52955%; top: 57.03704%; }
.page-Contact .center-point .dot { display: block; }
.page-Contact .center-point .dot em { display: block; width: 8px; height: 8px; background-color: #7dc749; border-radius: 50%; position: relative; transform: translateZ(0); }
.page-Contact .center-point .dot em:before { content: ''; display: block; width: 28px; height: 28px; border-radius: 50%; background-color: rgba(13, 114, 218, 0.3); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; animation: bounceInsharke infinite 3s linear; margin: -14px 0 0 -14px; }
.page-Contact .center-point .dot em:after { content: ''; display: block; width: 46px; height: 46px; border-radius: 50%; background-color: rgba(13, 114, 218, 0.1); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; animation: bounceInsharke infinite 3s linear; margin: -23px 0 0 -23px; }
.page-Contact .center-point .word-box { position: absolute; width: 268px; height: 112px; background: url(../img/contact_bg.png.html) no-repeat; left: 50%; margin-left: -134px; bottom: 25px; }
.page-Contact .center-point .word-box p { padding: 15px 10px 10px 20px; line-height: 24px; font-weight: bold; }
.page-Contact .up-top-contact { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 9.89583vw 0 0; }
.page-Contact .Contactus { margin-top: 27.39583vw; }
.page-Contact .Contactus ul li { float: left; width: 33.33%; text-align: center; }
.page-Contact .Contactus ul li i { display: inline-block; height: 50px; }
.page-Contact .Contactus ul li i img { height: 100%; }
.page-Contact .Contactus ul li p { font-size: 16px; line-height: 24px; margin-top: 20px; }
.page-Contact .Contactus ul li:hover i { animation: rubberBand .8s; }

@keyframes bounceInsharke { 0% { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); }
  30% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
  60% { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }
  80% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } }
@media only screen and (max-width: 1440px) { .page-Contact .Contactus ul li i { height: 40px; } }
@media only screen and (max-width: 1024px) { .page-Contact .Contactus ul li i { height: 30px; }
  .page-Contact .Contactus ul li p { font-size: 14px; line-height: 20px; margin-top: 10px; } }
@media only screen and (max-width: 768px) { .page-Contact { padding-top: 60px; }
  .page-Contact .contact-map { width: 100%; }
  .page-Contact .up-top-contact { position: relative; }
  .page-Contact .Contactus { margin-top: 30px; } }
@media only screen and (max-width: 500px) { .page-Contact .Contactus ul li { width: 100%; margin-bottom: 30px; padding: 0 20px; }
  .page-Contact .center-point .word-box { height: 100px; width: 220px; margin-left: -110px; background-size: 100% 100%; }
  .page-Contact .center-point .word-box p { padding: 10px 10px 0 15px; } }
/* Leadership Team */
.Leadership .nv-menu { text-align: center; }
.Leadership .nv-menu a { display: inline-block; width: 22.96875%; line-height: 48px; border: 1px solid #6c7da5; font-weight: bold; margin: 0 8px; background-color: rgba(0, 0, 0, 0.3); }
.Leadership .nv-menu a.active { background-image: linear-gradient(to right, #14afff, #1074fe); border-color: transparent; border-right-color: #0e74fc; color: #fff; }
.Leadership .lder-items .item { display: none; }
.Leadership .lder-items .item:first-child { display: block; }

.lder-content li { margin-top: 100px; position: relative; border: 1px solid #303e5e; padding: 60px 0 80px; }
.lder-content li .people { position: absolute; bottom: 0; right: 6.25%; width: 30.15625%; }
.lder-content li .people img { width: 100%; }
.lder-content li .text { width: 60.9375%; padding-left: 8%; float: left; }
.lder-content li .text .name { margin-bottom: 35px; }
.lder-content li .text h2 { margin-bottom: 10px; }
.lder-content li .text h3 { color: #cfdbed; line-height: 1.25; }
.lder-content li .text .txtsroll { position: relative; }
.lder-content li .text .txtsroll:after { content: ''; display: block; width: 1px; height: 100%; position: absolute; right: 2px; top: 0; background-color: #6c7da5; z-index: 0; }
.lder-content li .text .txt { max-height: 290px; overflow-y: auto; padding-right: 3%; position: relative; z-index: 2; /* 滚动条样式 */ }
.lder-content li .text .txt p { color: #cfdbed; line-height: 1.66667; }
.lder-content li .text .txt::-webkit-scrollbar-track { background-color: transparent; }
.lder-content li .text .txt::-webkit-scrollbar { width: 5px; height: 5px; background-color: transparent; }
.lder-content li .text .txt::-webkit-scrollbar-thumb { background: linear-gradient(to bottom, #73c354, #0a96d6); }
.lder-content li:nth-child(2n) .people { right: auto; left: 6.25%; }
.lder-content li:nth-child(2n) .text { float: right; padding-right: 8%; padding-left: 0; }

.lder-Scientific ul li { border: 1px solid #303e5e; padding: 50px 0 50px 6%; margin-top: 40px; }
.lder-Scientific ul li:first-child { margin-top: 60px; }
.lder-Scientific .img { float: left; width: 14.0625vw; margin-top: 10px; height: 14.0625vw; border:0px solid #6c7da5!important;box-shadow: 0 0 20px #a7b1c7!important; border-radius: 50%; overflow: hidden; }
.lder-Scientific .img img { width: 100%; height: 100%; object-fit: cover; transition: all .5s; }
.lder-Scientific .text { float: right; width: 70.3125%; }
.lder-Scientific .text h2 { margin-bottom: 20px; }
.lder-Scientific .text .txtsroll { position: relative; }
.lder-Scientific .text .txt { max-height: 200px; overflow-y: auto; padding-right: 6%; position: relative; z-index: 2; /* 滚动条样式 */ }
.lder-Scientific .text .txt p { color: #cfdbed; line-height: 1.66667; }
.lder-Scientific .text .txt::-webkit-scrollbar-track { background-color: transparent; }
.lder-Scientific .text .txt::-webkit-scrollbar { width: 5px; height: 5px; background-color: transparent; }
.lder-Scientific .text .txt::-webkit-scrollbar-thumb { background: linear-gradient(to bottom, #73c354, #0a96d6); }

@media only screen and (max-width: 1440px) { .lder-Scientific .img { width: 17vw; height: 17vw; } }
@media only screen and (max-width: 1024px) { .Leadership .nv-menu a { width: 30%; }
  .lder-content li { padding: 30px 0 40px; }
  .lder-content li .text { padding-left: 5%; }
  .lder-content li:nth-child(2n) .text { padding-right: 5%; }
  .lder-Scientific ul li { padding: 25px 0 25px 5%; }
  .lder-Scientific .img { width: 20vw; height: 20vw; border-width: 2px; } }
@media only screen and (max-width: 768px) { .Leadership .nv-menu a { width: 100%; margin: 3px 0; }
  .lder-content li { padding: 30px 0 0px; margin-top: 50px; }
  .lder-content li .text { width: 100%; padding-left: 20px; float: none; }
  .lder-content li:nth-child(2n) .text { padding: 0 0 0 20px; float: none; }
  .lder-content li .people { position: static; width: 50%; margin: 20px auto 0; }
  .lder-Scientific ul li:first-child { margin-top: 50px; } }
@media only screen and (max-width: 500px) { .lder-Scientific .img { width: 40vw; height: 40vw; float: none; margin: 0 auto 20px; }
  .lder-Scientific .text { float: none; width: 100%; } }
/* Collaborations */
.Collaborations .lt { width: 50%; float: left; padding-right: 20px; }
.Collaborations .lt h2 { line-height: 1.26316; }
.Collaborations .rt { width: 50%; float: right; padding-left: 20px; }
.Collaborations .rt p { line-height: 1.66667; color: #cfdbed; }
.Collaborations .colla-item { margin-top: 60px; }
.Collaborations .colla-item li { float: left; width: 50%; min-height: 186px; }
.Collaborations .colla-item li i { display: inline-block; float: left; }
.Collaborations .colla-item li .txt { width: 84.84375%; float: right; padding-right: 8%; line-height: 1.66667; }
.Collaborations .colla-item li .txt p { color: #cfdbed; }
.Collaborations .colla-item li:hover i { animation: rubberBand .8s; }
.Collaborations .colla-item li:hover .txt p { color: #fff; }
.Collaborations .letus-know { margin-top: 90px; }
.Collaborations .letus-know h2 { text-align: center; line-height: 1.33333; margin-bottom: 40px; }
.Collaborations .letus-know ul { background-image: linear-gradient(to right, #15b0ff, #0f74fe); }
.Collaborations .letus-know ul li { width: 33.33%; float: left; height: 100px; padding: 26px 4% 0; position: relative; }
.Collaborations .letus-know ul li:after { content: ''; display: block; width: 1px; height: 40px; border-right: 1px dotted #8aceff; position: absolute; top: 50%; transform: translateY(-50%); right: 0; }
.Collaborations .letus-know ul li:last-child:after { display: none; }
.Collaborations .letus-know ul li p { font-weight: bold; line-height: 1.5; }

@media only screen and (max-width: 1024px) { .Collaborations .lt { width: 100%; padding-right: 0; margin-bottom: 20px; }
  .Collaborations .rt { width: 100%; padding-left: 0; }
  .Collaborations .colla-item li i { height: 30px; }
  .Collaborations .colla-item li i img { height: 100%; } }
@media only screen and (max-width: 900px) { .Collaborations .colla-item li { min-height: 230px; } }
@media only screen and (max-width: 768px) { .Collaborations .colla-item li { width: 100%; min-height: auto; margin-bottom: 30px; }
  .Collaborations .colla-item li .txt { width: calc(100% - 60px); padding-right: 0; }
  .Collaborations .letus-know { margin-top: 45px; }
  .Collaborations .letus-know ul { padding: 20px 0; }
  .Collaborations .letus-know ul li { width: 100%; height: auto; padding: 20px 20px; }
  .Collaborations .letus-know ul li:after { width: calc(100% - 40px); height: 1px; border-bottom: 1px dotted #8aceff; border-right: none; top: auto; bottom: 0; left: 50%; transform: translateX(-50%); } }
/* News Center */
.focus-news { margin-bottom: 45px; }
.focus-news .img { float: left; width: 65.70313%; }
.focus-news .img img { width: 100%; }
.focus-news .info { float: right; width: 31.25%; }
.focus-news .info h2 { line-height: 1.41667; }
.focus-news .info .datetime { margin: 20px 0 30px; }
.focus-news .info p { color: #6c7da5; line-height: 1.5; margin-bottom: 40px; }

.btn-learnmore a { display: block; width: 155px; height: 36px; line-height: 36px; background: url(../img/learnmore.png.html) 0 0/cover no-repeat; font-size: 18px; font-weight: bold; padding-left: 18px; color: #fff; }
.btn-learnmore a:hover { opacity: .8; }

.newslists li { padding: 55px 0 75px; border-bottom: 1px solid #2f3850; }
.newslists li .datetime { float: left; width: 115px; height: 236px; border-right: 1px dotted #6c7da5; color: #cfdbed; }
.newslists li .datetime b { display: block; line-height: 1; }
.newslists li .text { float: right; width: calc(100% - 115px); padding-left: 4%; }
.newslists li .text h2 { line-height: 1.5;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-height: 72px; margin-bottom: 12px; }
.newslists li .text p { margin-bottom: 44px; line-height: 1.5; color: #6c7da5;  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; max-height: 72px; }

.pages { margin-top: 77px; text-align: center; }
.pages a { display: inline-block; width: 70px; height: 70px; line-height: 68px; border-radius: 50%; color: #66769c; border: 1px solid #66769c; margin: 0 7px; }
.pages a i { vertical-align: middle; }
.pages .arrow-prev { display: inline-block; width: 21px; height: 18px; background: url(../img/arrow_prev.png.html) no-repeat; }
.pages .arrow-next { display: inline-block; width: 21px; height: 18px; background: url(../img/arrow_next.png.html) no-repeat; }
.pages a:hover { color: #fff; background-image: linear-gradient(to right, #15b0ff, #1074fe); border: none; }
.pages a:hover .arrow-prev { background-image: url(../img/arrow_prev_hover.png.html); }
.pages a:hover .arrow-next { background-image: url(../img/arrow_next_hover.png.html); }
.pages a.active { color: #fff; background-image: linear-gradient(to right, #15b0ff, #1074fe); border: none; }
.pages a.active .arrow-prev { background-image: url(../img/arrow_prev_hover.png.html); }
.pages a.active .arrow-next { background-image: url(../img/arrow_next_hover.png.html); }

@media only screen and (max-width: 1440px) { .newslists li .text h2 { height: 66px; } }
@media only screen and (max-width: 1024px) { .pages a { width: 50px; height: 50px; line-height: 48px; } }
@media only screen and (max-width: 768px) { .pages a { width: 30px; height: 30px; line-height: 28px; margin: 0 4px; }
  .focus-news .img { width: 100%; margin-bottom: 20px; }
  .focus-news .info { width: 100%; }
  .newslists li .datetime { width: 70px; }
  .newslists li .datetime b{font-size:28px;}
  .newslists li .datetime span{font-size:14px;}
  .newslists li .text { padding-left: 0; width:calc(100% - 90px);}
  .newslists li .text h2 {
  -webkit-line-clamp: 4;
    height: 6em;
    max-height: 6em;
    font-size: 16px;} 
    .newslists li .text p a{color:#6c7da5;}
.btn-learnmore a{font-size:14px;width:122px;height:28px;line-height:28px;}
}
/* Investors-News Center-详情 */
.airticle-title { text-align: center; border-bottom: 1px solid rgba(108, 125, 165, 0.3); padding-bottom: 46px; }
.airticle-title h1 { margin: 0 10%; line-height: 1.25; margin-bottom: 25px; }

.airticle-content { padding: 50px 0 80px; border-bottom: 1px solid rgba(108, 125, 165, 0.3); }
.airticle-content p { line-height: 1.66667; color: #cfdbed; }
.airticle-content img { max-width: 100%; }
.airticle-content .col-2 { width: 49.21875%; }

.airticle-ft { padding-top: 50px; position: relative; }
.airticle-ft .news-pn { width: calc(100% - 220px); }
.airticle-ft .news-pn ul li { margin-bottom: 20px; }
.airticle-ft .news-pn ul li:last-child { margin-bottom: 0; }
.airticle-ft .news-pn ul li .name { margin-bottom: 6px; }
.airticle-ft .news-pn ul li p a:hover { text-decoration: underline; }
.airticle-ft .back-news { position: absolute; right: 0; bottom: 0; }
.airticle-ft .back-news a { display: block; width: 200px; line-height: 50px; font-weight: bold; background-image: linear-gradient(to right, #15b0ff, #1074fe); text-align: center; }
.airticle-ft .back-news a:hover { background-image: linear-gradient(to right, #1074fe, #15b0ff); }

@media only screen and (max-width: 1024px) { .airticle-title h1 { margin: 0  0 20px; } }
@media only screen and (max-width: 768px) { .airticle-title { padding-bottom: 20px; }
  .airticle-content { padding: 25px 0 40px; }
  .airticle-ft .back-news a { width: 160px; line-height: 40px; }
  .airticle-ft .news-pn { width: 100%; }
  .airticle-ft .back-news { position: relative; margin-top: 30px; } }
/* Opportunites */
.page-Opportunites .text { width: 56.25%; margin-bottom: 50px; }
.page-Opportunites .text h2 { line-height: 1.33333; margin-right: 30%; margin-bottom: 30px; }
.page-Opportunites .text p { line-height: 1.33333; color: #cfdbed; }
.page-Opportunites .apply .tips { margin-bottom: 30px; }
.page-Opportunites .form { margin-bottom: 50px; }
.page-Opportunites .form .select-item { width: 20.625%; position: relative; float: left; margin-right: 0.78125%; }
.page-Opportunites .form .select-item span { display: block; width: 100%; height: 100%; padding: 0 38px 0 20px; color: #cfdbed; line-height: 48px; border: 1px solid #6c7da5; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.page-Opportunites .form .select-item span:after { content: ''; display: block; width: 18px; height: 10px; background: url(../img/xiala.png.html) 0 0/cover no-repeat; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; transition: all .5s; }
.page-Opportunites .form .select-item ul { display: none; position: absolute; width: 100%; left: 0; top: calc(100% - 1px); border: 1px solid #6c7da5; border-top: none; background-color: #008aff; z-index: 9; }
.page-Opportunites .form .select-item ul li a { display: block; padding: 5px 20px; }
.page-Opportunites .form .select-item ul li a:hover { background-color: #cfdbed; }
.page-Opportunites .form .select-item.active span:after { transform: translateY(-50%) rotate(-180deg); }
.page-Opportunites .form .search-carrer { width: 57.1875%; float: right; }
.page-Opportunites .form .search-carrer .txt-srh { width: calc(100% - 142px); float: left; padding: 0 38px 0 20px; color: #cfdbed; line-height: 48px; border: 1px solid #6c7da5; border-right: none; background-color: transparent; font-style: italic; }
.page-Opportunites .form .search-carrer .txt-srh::-webkit-input-placeholder { color: #cfdbed; }
.page-Opportunites .form .search-carrer .btn-srh { width: 142px; height: 50px; background-image: linear-gradient(to right, #15b0ff, #1074fe); text-align: center; cursor: pointer; transition: all .5s; float: left; font-style: italic; }
.page-Opportunites .form .search-carrer .btn-srh:hover { background-image: linear-gradient(to right, #1074fe, #15b0ff); }

.search-result ul > li .hd { padding: 32px 0; border-bottom: 1px solid rgba(108, 125, 165, 0.4); position: relative; }
.search-result ul > li .info { margin-right: 230px; }
.search-result ul > li .info h2 { margin-bottom: 2px; }
.search-result ul > li .info p { color: #6c7da5; }
.search-result ul > li .btn-send { position: absolute; top: 50%; transform: translateY(-50%); right: 0; }
.search-result ul > li .btn-send button { display: block; width: 214px; line-height: 48px; color: #fff; border: 1px solid #6c7da5; text-align: center; transition: all .5s; background: transparent; font-size: 18px; font-weight: bold; font-style: italic; cursor: pointer; }
.search-result ul > li .btn-send button:hover { background-image: linear-gradient(to right, #15b0ff, #1074fe); border: 1px solid transparent; }
.search-result ul > li .hd.active .btn-send button { background-image: linear-gradient(to right, #15b0ff, #1074fe); border: 1px solid transparent; }
.search-result ul > li .hd.active .btn-send button:hover { background-image: linear-gradient(to right, #1074fe, #15b0ff); }
.search-result ul > li .bd { padding: 50px 0; color: #cfdbed; line-height: 1.5; border-bottom: 1px solid rgba(108, 125, 165, 0.4); display: none; }
.search-result ul > li .bd .box { margin-bottom: 40px; }
.search-result ul > li .bd .box:last-child { margin-bottom: 0; }
.search-result ul > li .bd h3 { margin-bottom: 20px; color: #cfdbed; }
.search-result ul > li .bd li { color: #cfdbed; margin-bottom: 20px; font-size: 16px; padding-left: 16px; position: relative; }
.search-result ul > li .bd li b { font-weight: normal; position: absolute; left: 0; top: 0; }
.search-result ul > li .bd p { color: #cfdbed; font-size: 16px; }

@media only screen and (max-width: 1024px) { .page-Opportunites .form .select-item { width: 23.625%; }
  .page-Opportunites .form .search-carrer { width: 51.1875%; }
  .search-result ul > li .btn-send button { width: 180px; line-height: 38px; font-size: 16px; }
  .search-result ul > li .info { margin-right: 200px; } }
@media only screen and (max-width: 768px) { .page-Opportunites .text { width: 100%; margin-bottom: 50px; }
  .page-Opportunites .form .select-item { width: 49%; margin-right: 2%; margin-bottom: 10px; }
  .page-Opportunites .form .select-item:nth-child(2) { margin-right: 0; }
  .page-Opportunites .form .search-carrer { width: 100%; } }
@media only screen and (max-width: 500px) { .search-result ul > li .info { margin-right: 0; }
  .search-result ul > li .btn-send { position: static; transform: none; margin: 20px auto 0; text-align: center; }
  .search-result ul > li .btn-send button { margin: 0 auto; } }
/* Patients */
.page-Clinical { background: url(../img/patient_bg.png.html) center center/cover no-repeat; }
.page-Clinical .text { line-height: 1.66667; text-align: center; margin-bottom: 70px; }
.page-Clinical .text p { color: #cfdbed; }
.page-Clinical .text .p2 { padding: 0 22%; }
.page-Clinical .icon-text ul li { float: left; width: 50%; padding: 0 4%; margin-bottom: 50px; line-height: 1.66667; }
.page-Clinical .icon-text ul li i { float: right; display: block; margin-top: 5px; width: 70px; text-align: center; }
.page-Clinical .icon-text ul li i img { height: 100%; }
.page-Clinical .icon-text ul li .tt { float: left; width: calc(100% - 94px); text-align: right; min-height: 60px; display: table; }
.page-Clinical .icon-text ul li .tt p { display: table-cell; vertical-align: middle; font-weight: bold; color: #cfdbed; }
.page-Clinical .icon-text ul li:nth-child(2n) i { float: left; }
.page-Clinical .icon-text ul li:nth-child(2n) .tt { float: right; text-align: left; }
.page-Clinical .icon-text ul li:hover i { animation: rubberBand .8s; }

.patient-text { padding: 118px 0 190px; }
.patient-text .hd { margin-bottom: 60px; }
.patient-text .hd h3 { line-height: 1.33333; margin-bottom: 30px; }
.patient-text .hd p { font-weight: bold; line-height: 1.66667; color: #cfdbed; }
.patient-text .txt h2 { margin-bottom: 10px; }
.patient-text .txt p a { color: #6c7da5; text-decoration: underline; }
.patient-text .txt p a:hover { color: #008aff; }

@media only screen and (max-width: 1280px) { .page-Clinical .icon-text ul li { padding: 0 4% 0 0; }
  .page-Clinical .icon-text ul li:nth-child(2n) { padding: 0 0 0 4%; } }
@media only screen and (max-width: 1024px) { .page-Clinical .icon-text ul li { margin-bottom: 25px; }
  .page-Clinical .icon-text ul li .tt { min-height: 88px; }
  .page-Clinical .icon-text ul li i { margin-top: 10px; } }
@media only screen and (max-width: 768px) { .patient-text { padding: 60px 0 80px; }
  .page-Clinical .text .p2 { padding: 0; }
  .page-Clinical .icon-text ul li { width: 100%; padding: 0; }
  .page-Clinical .icon-text ul li p { text-align: left; }
  .page-Clinical .icon-text ul li i { float: left; }
  .page-Clinical .icon-text ul li .txt { float: right; }
  .page-Clinical .icon-text ul li i { height: 30px; margin-top: 0; }
  .page-Clinical .icon-text ul li:nth-child(2n) { padding: 0; }
  .page-Clinical .icon-text ul li .tt { min-height: 30px; }
  .page-Clinical .icon-text ul li:nth-child(2n) .tt { float: left; } }
/* Multiple Sclerosis (MS) */
.page-Sclerosis { background-size: cover; }
.page-Sclerosis .text { width: 50.78125%; padding-top: 80px; }
.page-Sclerosis .text h3 { line-height: 1.33333; margin-bottom: 30px; }
.page-Sclerosis .text p { line-height: 1.66667; color: #cfdbed; text-align: left!important;}

.CurTreatment { background-color: #313e55; padding: 190px 0 200px; text-align: center!important; }
.CurTreatment h3 { margin-bottom: 20px; }
.CurTreatment .bd { padding: 0 5%; }
.CurTreatment p { color: #cfdbed; }

.forMS { padding: 100px 0 140px; }
.forMS h3 { line-height: 1.33333; margin-right: 40%; margin-bottom: 30px; }
.forMS .bd p { color: #cfdbed; line-height: 1.66667; text-align: left!important;}
.forMS .tuwen { margin-top: 40px; margin-bottom: 120px; }
.forMS .tuwen .img { float: left; width: 45.3125%; }
.forMS .tuwen .img img { width: 100%; }
.forMS .tuwen .txt { float: right; width: 50%; }
.forMS .ft ul li { margin-bottom: 30px; }
.forMS .ft ul li:last-child { margin-bottom: 0; }
.forMS .ft ul li a { text-decoration: underline; color: #6c7da5; line-height: 1.66667; }
.forMS .ft ul li a:hover { color: #008aff; }

@media only screen and (max-width: 1024px) { 
.page-Sclerosis .text { padding-top: 40px; }
  .CurTreatment { padding: 90px 0 100px; } 
  }
@media only screen and (max-width: 768px) { 
.page-Sclerosis .text { width: 60%; }
  .CurTreatment .bd { padding: 0; }
  .forMS .tuwen { margin-bottom: 60px; }
  .forMS .tuwen .img { width: 80%; float: none; margin: 0 auto 20px; }
  .forMS .tuwen .img img { max-width: 100%; }
  .forMS .tuwen .txt { width: 100%; float: none; } 
}
@media only screen and (max-width: 600px) { 
.CurTreatment{text-align: left!important;}
.forMS h3{margin-right: 0%;}
}
@media only screen and (max-width: 500px) { .page-Sclerosis .text { width: 100%; }
  .forMS .tuwen .img { width: 100%; } }
.Overview { position: relative; }
.Overview .tips { color: #cfdbed; position: absolute; right: 20px; top: 25px; font-size: 14px; }
.Overview .echart { height: 640px; }

@media only screen and (max-width: 768px) { .Overview .echart { height: 440px; } }
@media only screen and (max-width: 560px) { 
  .Overview { margin-top: 50px; }
  .Overview .echart { height: 340px; }
  .Overview .tips { top: -25px; } }
/* page-Publications */
.page-Publications { background-position: center 10%; }

.Publications h3 { line-height: 1.33333; }
.Publications .hd { margin-top: 30px; margin-bottom: 220px; }
.Publications .hd .text { width: 50%; float: left; margin-top: 20px; }
.Publications .hd .text p { color: #cfdbed; line-height: 1.66667; }
.Publications .number { float: right; width: 50%; position: relative; height: 600px; }
.Publications .number li { text-align: center; position: absolute; }
.Publications .number li h1 { font-size: 66px; line-height: 1; margin-bottom: 10px; }
.Publications .number li .inn { border-radius: 50%; border: 1px solid rgba(108, 125, 165, 0.5); display: table; position: relative; transform: translateZ(0); }
.Publications .number li .inn .wp-1 { display: block; width: 110.0%; height: 110.0%; left: 10%; bottom: 10%; border-radius: 50%; background: #0268cf; opacity: .15; position: absolute; z-index: -1; transition: all .6s; transform: scale(0); opacity: 0; visibility: hidden; transition-delay: .1s; }
.Publications .number li .inn .wp-2 { display: block; width: 110.0%; height: 110.0%; right: 10%; top: 0; border-radius: 50%; background: #0268cf; opacity: .15; position: absolute; z-index: -2; transition: all .6s; transform: scale(0); opacity: 0; visibility: hidden; transition-delay: .2s; }
.Publications .number li .inn .wp-3 { display: block; width: 100%; height: 115.0%; left: 10%; top: 0; border-radius: 50%; background: #0268cf; opacity: .15; position: absolute; z-index: -2; transition: all .6s; transform: scale(0); opacity: 0; visibility: hidden; transition-delay: .3s; }
.Publications .number li .inn .tt { display: table-cell; vertical-align: middle; width: 100%; height: 100%; position: relative; transform: translateZ(0); transition: all .5s; border-radius: 50%; }
.Publications .number li .inn .tt p { line-height: 1.33333; color: #cfdbed; }
.Publications .number li .inn:hover .wp-1 { transform: scale(1); opacity: .15; visibility: visible; }
.Publications .number li .inn:hover .wp-2 { transform: scale(1); opacity: .15; visibility: visible; }
.Publications .number li .inn:hover .wp-3 { transform: scale(1); opacity: .15; visibility: visible; }
.Publications .number li .inn:hover .tt { background-image: linear-gradient(135deg, #16b6da, #0268cf); }
.Publications .number li:first-child { left: 16.5625%; top: 0; }
.Publications .number li:first-child .inn { width: 290px; height: 290px; }
.Publications .number li:nth-child(2) { left: 12.5%; bottom: 7.33333%; }
.Publications .number li:nth-child(2) .inn { width: 200px; height: 200px; }
.Publications .number li:nth-child(3) { right: 2.1875%; bottom: 18%; }
.Publications .number li:nth-child(3) h1 { font-size: 120px; }
.Publications .number li:nth-child(3) .inn { width: 250px; height: 250px; }
.Publications .number li:nth-child(3) .inn p { padding: 0 10%; }
.Publications .bd h3 { margin: 0 20%; text-align: center; margin-bottom: 70px; }

.swiper-publication { overflow: hidden; margin: 0 2%; }
.swiper-publication .swiper-slide .img { border: 4px solid #cfdbed; opacity: .5; margin-bottom: 20px; height: 23.4375vw; position: relative; overflow: hidden; }
.swiper-publication .swiper-slide .img img { width: 100%; height: 100%; object-fit: cover; transition: all .5s; }
.swiper-publication .swiper-slide p { color: #cfdbed; font-weight: bold; line-height: 1.33333; }
.swiper-publication .swiper-slide-next .img { opacity: 1; }
.swiper-publication .swiper-slide-prev .img { opacity: 1; }
.swiper-publication .swiper-slide-active .img { opacity: 1; }
.swiper-publication .prevnext { margin-top: 65px; text-align: center; padding-bottom: 10px; }
.swiper-publication .prevnext a { display: inline-block; width: 80px; height: 80px; border-radius: 50%; margin: 0 24px; border: 1px solid #6c7da5; position: relative; }
.swiper-publication .prevnext a:before { content: ''; display: block; width: 21px; height: 18px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.swiper-publication .prevnext a:after { content: ''; display: block; width: 125%; height: 125%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; border: 1px dashed #6c7da5; opacity: 0; visibility: hidden; transition: all .5s; }
.swiper-publication .prevnext .swiper-prev:before { background: url(../img/arrow_prev.png.html) no-repeat; }
.swiper-publication .prevnext .swiper-next:before { background: url(../img/arrow_next.png.html) no-repeat; }
.swiper-publication .prevnext a:hover { background-image: linear-gradient(90deg, #15afff, #1075fe); border-color: transparent; }
.swiper-publication .prevnext a:hover.swiper-prev:before { background: url(../img/arrow_prev_hover.png.html) no-repeat; }
.swiper-publication .prevnext a:hover.swiper-next:before { background: url(../img/arrow_next_hover.png.html) no-repeat; }
.swiper-publication .prevnext a:hover:after { opacity: 1; visibility: visible; animation: rotate360  8s linear  infinite; }

@keyframes rotate360 { 0% { transform: translate(-50%, -50%) rotate(0); }
  100% { transform: translate(-50%, -50%) rotate(360deg); } }
@media only screen and (max-width: 1440px) { .Publications .hd { margin-bottom: 180px; }
  .Publications .number { height: 500px; }
  .Publications .number li:first-child .inn { width: 250px; height: 250px; }
  .Publications .number li:nth-child(2) .inn { width: 180px; height: 180px; }
  .Publications .number li:nth-child(3) .inn { width: 190px; height: 190px; }
  .Publications .number li h1 { font-size: 56px; }
  .Publications .number li:nth-child(3) h1 { font-size: 100px; } }
@media only screen and (max-width: 1024px) { .Publications .hd { margin-bottom: 100px; }
  .Publications .bd h3 { margin-bottom: 40px; }
  .swiper-publication .swiper-slide .img { height: 36vw; }
  .swiper-publication .prevnext { margin-top: 35px; }
  .swiper-publication .prevnext a { width: 60px; height: 60px; }
  .Publications .number li:first-child .inn { width: 220px; height: 220px; }
  .Publications .number li:nth-child(2) .inn { width: 150px; height: 150px; }
  .Publications .number li:nth-child(3) .inn { width: 160px; height: 160px; }
  .Publications .number li h1 { font-size: 46px; }
  .Publications .number li:nth-child(3) h1 { font-size: 80px; } }
@media only screen and (max-width: 768px) { .swiper-publication .swiper-slide .img { height: 56vw; }
  .Publications .hd .text { width: 100%; margin-bottom: 30px; float: none; padding-top: 0; }
  .Publications .number { width: 70%; margin: 0 auto; float: none; height: 400px; }
  .Publications .number li h1 { font-size: 36px; }
  .Publications .number li:nth-child(3) h1 { font-size: 60px; }
  .Publications .bd h3 { margin: 0 0 30px; }
  .swiper-publication .prevnext a { margin: 0 10px; }
  .Publications .hd { margin-bottom: 70px; }
  .swiper-publication { margin: 0 20px; } }
@media only screen and (max-width: 500px) { .page-Publications { background-position: center 60%; }
  .swiper-publication .swiper-slide .img { height: 120vw; }
  .Publications .number { width: 100%; }
  .Publications .number li:first-child .inn { width: 180px; height: 180px; }
  .Publications .number li:nth-child(2) { left: 0; } }
.page-T-MSC { background-position: center bottom; }
.page-T-MSC .text { margin-bottom: 145px; }
.page-T-MSC .text p { text-align: center; line-height: 1.66667; color: #cfdbed; }
.page-T-MSC .zuhe { width: 810px; margin: 0 auto; position: relative; transform: translateZ(0); }
.page-T-MSC .zuhe:before { content: ''; display: block; width: 70%; height: 140%; background: url(../img/quanquan.png.html) 0 0/100% auto no-repeat; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; }
.page-T-MSC .zuhe ul li { float: left; width: 256px; margin-right: 10px; }
.page-T-MSC .zuhe ul li:last-child { margin-right: 0; }
.page-T-MSC .zuhe ul li .img { height: 256px; border-radius: 50%; border: 4px solid #cfdbed; overflow: hidden; }
.page-T-MSC .zuhe ul li .img img { width: 100%; height: 100%; object-fit: cover; transition: all .5s; }
.page-T-MSC .zuhe ul li p { font-weight: bold; line-height: 1.33333; text-align: center; margin-top: 20px; }
.page-T-MSC .zuhe ul li:hover .img img { transform: scale(1.05); }

.cheifofficer { background-color: #334057; padding: 140px 0; }
.cheifofficer .title { margin-bottom: 60px; }
.cheifofficer .title h3 { line-height: 1.33333; }
.cheifofficer .img { width: 41.17188%; float: left; }
.cheifofficer .img img { width: 100%; }
.cheifofficer .text { width: 47.42188%; float: right; margin-top: 20px; }
.cheifofficer .text p { line-height: 1.66667; color: #cfdbed; }

.Ground-Science { background: url(../img/bg_technology02.jpg.html) right center/cover no-repeat; padding: 120px 0 130px; }
.Ground-Science .text { width: 50%; }
.Ground-Science h3 { margin-bottom: 30px; line-height: 1.33333; }
.Ground-Science p { line-height: 1.66667; color: #cfdbed; }

.teamcells { /* background: url(../img/bg_technology03.jpg.html) center center /cover no-repeat; */ padding: 110px 0 140px; }
.teamcells .title { text-align: center; }
.teamcells .title h3 { line-height: 1.33333; margin: 0 20% 30px; }
.teamcells .title p { line-height: 1.66667; color: #cfdbed; }
.teamcells .tips { color: #cfdbed; line-height: 1.71429; width: 42.1875%; position: relative; font-weight: bold; }
.teamcells .tips span { position: absolute; left: 0; top: 0; font-weight: bold; color: #cfdbed; }
.teamcells .tips p { margin-left: 44px; font-weight: bold; color: #cfdbed; }

.bg-cel { background: url(../img/bg_technology03_02.png.html) center center/100% auto no-repeat; overflow: hidden; }

.swiper-teamcells { margin: 60px 5% 0; cursor: e-resize; }
.swiper-teamcells .swiper-slide { width: auto; position: relative; }
.swiper-teamcells .swiper-slide .line { position: absolute; left: 8px; top: 0; width: 1px; height: 100%; border-left: 1px dashed #6c7da5; }
.swiper-teamcells .swiper-slide .dot { display: block; width: 15px; height: 15px; background: url(../img/dot.png.html) 0 0/cover no-repeat; position: absolute; left: -8px; top: auto; bottom: -15px; transition: all .5s; }
.swiper-teamcells .swiper-slide .txt { position: relative; padding-left: 28px; width: 234px; }
.swiper-teamcells .swiper-slide .txt h4 { color: #cfdbed; line-height: 1.5; margin-bottom: 14px; }
.swiper-teamcells .swiper-slide .txt p { color: #6c7da5; line-height: 1.42857; }
.swiper-teamcells .swiper-slide:nth-child(2n) .txt { margin-top: 165px; }
.swiper-teamcells .swiper-slide:nth-child(2n) .dot { top: -15px; }
.swiper-teamcells .swiper-slide:first-child .txt { padding-bottom: 68px; }
.swiper-teamcells .swiper-slide:nth-child(2) .txt { padding-top: 116px; margin-top: 205px; }
.swiper-teamcells .swiper-slide:nth-child(3) .txt { padding-bottom: 88px; }
.swiper-teamcells .swiper-slide:nth-child(4) .txt { padding-top: 172px; margin-top: 222px; }
.swiper-teamcells .swiper-slide:nth-child(5) .txt { padding-bottom: 114px; margin-top: 140px; }
.swiper-teamcells .swiper-slide:nth-child(6) .txt { width: 304px; padding-top: 116px; margin-top: 404px; }
.swiper-teamcells .swiper-slide:nth-child(7) .txt { padding-bottom: 90px; margin-top: 170px; width: 295px; }
.swiper-teamcells .swiper-slide:hover .dot { transform: scale(1.1); }

.Clinical { background: url(../img/bg_technology04.jpg.html) right center/cover no-repeat; padding: 160px 0 170px; margin-bottom: 145px; text-align: center; }
.Clinical h3 { line-height: 1.33333; margin: 0 0 30px; }
.Clinical p { line-height: 1.66667; color: #cfdbed; width: 69.53125%; margin: 0 auto; }

@media only screen and (max-width: 1440px) { .page-T-MSC .zuhe { text-align: center; }
  .page-T-MSC .zuhe ul { vertical-align: top; }
  .page-T-MSC .zuhe ul li { float: none; display: inline-block; width: 200px; vertical-align: top; }
  .page-T-MSC .zuhe ul li .img { width: 200px; height: 200px; }
  .swiper-teamcells .swiper-slide .txt { width: 160px; }
  .swiper-teamcells .swiper-slide:nth-child(6) .txt { width: 200px; }
  .swiper-teamcells .swiper-slide:nth-child(7) .txt { width: 200px; }
  .swiper-teamcells .swiper-slide .txt { margin-top: 20px; }
  .swiper-teamcells .swiper-slide:nth-child(2) .txt { margin-top: 250px; }
  .swiper-teamcells .swiper-slide:nth-child(3) .txt { margin-top: 40px; }
  .swiper-teamcells .swiper-slide:nth-child(4) .txt { margin-top: 290px; }
  .swiper-teamcells .swiper-slide:nth-child(7) .txt { margin-top: 140px; } }
@media only screen and (max-width: 1024px) { .page-T-MSC .text { margin-bottom: 80px; }.teamcells .title h3{margin:0px;}
  .page-T-MSC .zuhe:before { width: 50%; }
  .page-T-MSC .zuhe ul li { width: 160px; }
  .page-T-MSC .zuhe ul li .img { width: 160px; height: 160px; }
  .swiper-teamcells .swiper-slide .txt { width: auto !important; }
  .bg-cel { background-position: center 40%; }
  .Ground-Science { padding: 70px 0 90px; background-position: center center; }
  .teamcells { padding: 60px 0 70px; }
  .Clinical { padding: 80px 0 85px; margin-bottom: 80px; }
  .cheifofficer { padding: 70px 0; }
  .page-T-MSC .zuhe { width: 100%; } }
@media only screen and (max-width: 768px) { .teamcells .tips { width: 100%; }
  .cheifofficer .img { width: 80%; float: none; margin: 0 auto; }
  .cheifofficer .text { float: none; width: 100%; }
  .Ground-Science .text { width: 100%; }
  .Ground-Science{background-position: 35% 0!important;}
  .bg-cel { background-size: 200% auto; background-position: center 50%; }
  .swiper-teamcells .swiper-slide:first-child .txt { padding-bottom: 20px; }
  .swiper-teamcells .swiper-slide:nth-child(2) .txt { margin-top: 200px; }
  .swiper-teamcells .swiper-slide:nth-child(3) .txt { margin-top: 0; }
  .swiper-teamcells .swiper-slide:nth-child(5) .txt { margin-top: 0; }
  .swiper-teamcells .swiper-slide:nth-child(4) .txt { margin-top: 200px; }
  .swiper-teamcells .swiper-slide:nth-child(6) .txt { margin-top: 200px; }
  .swiper-teamcells .swiper-slide:nth-child(7) .txt { margin-top: 0; }
  .page-T-MSC .zuhe ul li { width: 90px; }
  .page-T-MSC .zuhe ul li .img { width: 90px; height: 90px; } }


.page-Sclerosis .text{float: inherit;width: auto;}
.page-Sclerosis .right{float: right;height: 0px;padding-bottom: 50%;width: 48%;background: transparent;}
footer nav ul li{width:13%; }
footer nav ul li:nth-child(1){width:11%;}
footer nav ul li > a{display: block;}
.about-vsm{padding: 13vw 0 5.05208vw;}
.focus-news .img a{display: block;height: 0px;padding-bottom: 56%;overflow: hidden;}
@media only screen and (min-width: 1950px){
.page-Sclerosis .right{padding-bottom: 65%;}
}
@media only screen and (max-width: 1024px){
  .Leadership .nv-menu a{width: 20%;font-size: 12px;}
}
@media only screen and (max-width: 768px){
  .Leadership .nv-menu a{width: 100%;font-size: 16px;}
}
@media only screen and (max-width: 1700px){
  .page-Sclerosis .right{padding-bottom: 40%;}
}
@media only screen and (max-width: 1500px){
  .CurTreatment{    padding: 70px 0;}
  .page-Sclerosis .right{padding-bottom: 30%;}
}
@media only screen and (max-width: 767px){
  .page-Sclerosis .right{display: none;}
  .airticle-content video{width: 100%!important;}
}