<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@media screen and (max-width: 750px) {
    html{font-size: 6.5vw;}
    body{font-size: .55rem;}
    p{line-height: 1.8em;}
    html .pb90{padding-bottom: 1rem !important;}
    .warp{width: calc(100% - 1rem);padding:.5rem;}
    img{width: 100%;}
    .navbtn{float:right;width:.7rem;height: 1rem;margin:.73rem 0 0;padding-top: .2rem;}
    .navbtn:after, .navbtn:before,.navbtn span{content: "";width: 100%;height: .1rem;border-radius: .1rem;margin:.1rem 0;display: block;background: #fff;}
    .mu .navbtn:after, .mu .navbtn:before,.mu .navbtn span{background: #3497df;}
    .head ul{padding:.5rem;}
    .head .logo{height: 1rem;padding:.5rem 0 0;}
    .head .nav{display: none;}
    .head .lang{height: 1rem;line-height:1rem;margin:.7rem .3rem 0;}
    .head .lang a{font-size: .4rem;line-height: 1rem;height: 1rem;}
    .searchbtn{margin-top: .73rem}
    .fixed .lang .cur{height: 1rem;}
    .fixed .navbtn:after,.fixed  .navbtn:before,.fixed .navbtn span{background: #3497df;}
    .head{width:100%;height: 2.5rem;}
    .head .warp{position: relative;height:2.5rem;width: auto;padding:0 .5rem;}
    .head .logo a{display: block;float: left;width: 3.5rem;}
    .head .w_bg{height: 100%;}
    .head .nav{position: absolute;top: 2.5rem;background: #fff;display: none;left: 0;width: 100%;padding:0;border-top: 1px solid rgba(48,140,214,.3);/*max-height: 10rem;*/overflow: auto;}
    .head .nav ul{float: none;}
    .head .nav li.active a.t{line-height: 1.6rem;height: 1.6rem;color:#8dc51c !important;}
    .head .nav li{float: none;padding:0 .5rem;height: auto;box-sizing: border-box;width: 100%;}
    .head .nav li a.t{height: 1.6rem !important;line-height: 1.6rem;color:#000 !important;}
    .head .nav li.hscont a.t:before{width: .25rem;height: .25rem;}
    .head .nav li .cont{position: static;top: 0;padding: 0 0 0 .5rem;width:auto;margin-left:0;display: none;box-shadow: none;}
    .head .nav li .cont a{text-align: left;}
	.head .so{margin-top: .85rem;}
    .banner{height: 9rem;padding-top: 2.5rem;}
    .banner h2{font-size: .7rem;font-weight: 500;}
    .banner h3{font-size: .6rem;margin: .5rem 0;}
    .banner .info{padding:1rem  1.5rem;text-shadow: 0 0 10px rgba(0,0,0,.3);}
	.banner .warp{position: relative;z-index: 9;}
    .dts .info{padding:0;font-size: .45rem;}
    .swiper-button-next, .swiper-button-prev{border:none;width: 1.2rem;height: 1.2rem;border-radius: 50%;display: block;}
    .swiper-button-next:after, .swiper-button-prev:after{font-size: 0;width: .5rem;height: .5rem;display: block;border-top: 1px solid #fff;border-right: 1px solid #fff;transform:translate(.25rem,.35rem) rotate(45deg) ;}
    .swiper-button-prev:after{transform:translate(.35rem,.25rem) rotate(-135deg);}

    .more{box-shadow: 0 .15rem .15rem 0 rgba(0,0,0,.05); width:4rem;padding:0 .2rem;border-radius: 1rem;font-size: .5rem;line-height: 1.3rem;height: 1.3rem;}
    .more span{padding:0 .3rem;display: inline-block; }

    .footer{padding:1rem 0 0;background-size: cover;}
    .f_logo{width: 5rem;padding:0 0 .5rem;}
    .f_logo img{display: block;}
    .footer ul{padding:.15rem 0 .75rem 0;float:none;}
    .footer li h2{font-size: .6rem;clear: both;margin:.5rem 0 .3rem;padding:0;}
    .footer li a{float:left;line-height: 1rem;font-size: .5rem;margin-right: .5rem;}
    .footer li{width: auto;float: none;margin:0;overflow: hidden;}
    .footer .cart{float: none;text-align: left;}
    .footer .cart div{margin: .15rem 0;}
    .footer .bto .sel{float: none;width: 100%;box-sizing: border-box;height: 1.5rem;margin-top: .5rem;}
    .footer .cart p{font-size: .3rem;margin-top: 0;}
    .footer .cart a{font-size: .5rem;}
    .footer .bto{padding:.5rem 0;font-size: .3rem;margin-top:.5rem;}
    .footer .bto p{float: none;padding:0 .5rem;line-height: 1rem;}
	.footer .sel{position: relative;margin:0 0 .5rem ;top: auto;}
	.footer .tel{position: static;}
	.footer .tel a{}
    .footer .bto .warp{padding:0;width: 100%;}
	.footer .nv{padding-bottom:0;display: flex;flex-wrap: wrap;}
	.footer .nv a{width: 30%;display: block;padding-bottom: .5rem;}
	.footer .nv a:after{display: none;}
	
	.more{width: auto;padding:0 .7rem;margin: 0;}

    .in_pro{padding:0.5rem 0 1rem;background-size:100%;margin:0 auto 0;height:auto;}
    .tit{overflow: hidden;font-size: .7rem}
    .tit span.t{float: left;font-size: 1rem;}
    .tit.w span.t{color: #fff;}
    .tit .more{float: right;margin-top: 0;}
    .in_pro .tit b{font-size:1rem;font-weight: 500; }
    .in_pro .tit b:after{display: none;}
    .in_pro .tit:after{margin-top: .5rem;}
    .in_pro .txt{width:auto;padding:0 0 2.4rem;font-size: .55rem;float: none;background-size: 100%;margin:0; }
    .in_pro .txt p{padding: .75rem 0 .5rem;height: auto;}
	.in_pro .txt a{position: static;}
    .in_pro .img{float: none;width:100%;height:auto;background-size:100%;margin-top: .5rem; }
    .in_pro .img div{width:100%;height: 9rem;background-repeat:no-repeat;background-size: cover;float: none;}
	
	.menu{display: none;}
	.inPros{display: block;}
	.inPros .item{margin:.5rem;height:auto;}
	.inPros .item .info{padding:1rem;}
	.inPros .item h2{font-size: .7rem}
    .inPros .item .po{display: none;}
	.inPros .item .po p{text-align: left;}
	.inPros .item .info .txt{transform: translateY(0);margin-top: 1rem;}
	.inPros .item .info .txt:before{height: 1px;margin-bottom: .5rem;}
	.inPros .item h2:after{display: none;}
	.inPros .item .info .more{opacity: 1;bottom:auto;left:auto;margin:0;top:0.1rem;right:.5rem;font-size: .4rem;padding:0 .75rem;width: auto;line-height: 1rem;height: auto;}
	
	.in_news{padding:1rem 0;}
	.in_news .tit{font-size: 1rem;padding-bottom: .5rem;}
	.in_news .list{display: block;}
	.in_news .list .item{width: 100%;margin-bottom: .5rem;height:auto;}
	.in_news .list .item span{width: 2rem;height: 2rem;font-size: .4rem;}
	.in_news .list .item span b{font-size: .7rem;line-height: .5rem;padding-top: .3rem;}
	.in_news .list .item h2{font-size: .65rem;padding:.5rem .5rem .25rem;}
	.in_news .list .item p{padding:0 .5rem .7rem;}
	.in_news .list .item .img{height: 8rem;}
	
	.in_news .list .item:hover{transform: translateY(0);}
	.banner-x {height: 9rem;position: relative;margin-top: 2.5rem;}
	.banner-x .warp{height:100%;display: table;box-sizing: border-box;}
	.banner-x .warp .info{display: table-cell;vertical-align: middle;text-align: center;color:#fff;text-shadow:0 0 .5rem rgba(0,0,0,.5);}
	.banner-x p{font-size: .5rem;margin: .5rem 0;}
	.banner-x h2,.banner-x h3{font-size: .8rem;}
	.banner-x .more{margin-top: .5rem;}
	.aboutnav{line-height: 2rem;}
	.aboutnav .warp{padding:0;width: 100%;}
	
	.tit4{padding: .5rem 0;}
	.tit4 b, .tit4 strong{font-size: .8rem;}
	.aboutbox1{padding:0 0 1rem ;}
	.aboutbox1 .in_pro h2{font-size: .7rem;}
	.aboutbox1 .in_pro h2 img{width: .6rem;margin-left: .5rem;}
	.aboutbox1 .txt2 .warp{padding:0 0 .5rem;}
	
	.tit5{padding:1rem 0;line-height: 1rem;}
	.tit5 b{font-size:1rem;}
	.tit5 span{font-size: .8rem;}
	
	.flex-b2{display: block;}
	.flex-b2 .item{margin:0 0 .5rem !important;}
	.teambox1{padding-bottom: .5rem;}
	.teambox1 .item{height: auto;padding:.5rem;min-height: 7rem;}
	.teambox1 .item .info{width: 100%;display: block;}
	.teambox1 .info p{width: 60%;min-height: 4rem;}
	.teambox1 .info .more{padding:0 .6rem;}
	.teambox1 .item b{font-size: .75rem;}
	.teambox1 .item em{padding:0 .5rem;font-size: .4rem;}
	.teambox1 .flex-b2.t2{margin:0;}
	.teambox1 .flex-b2.t2 .item{height: auto;width: 100%;}
	.teambox2 .list{justify-content: space-between;}
	.teambox2 .list .cum{width: calc(50% - .25rem);margin:0 0 .5rem;}
	.teambox2 .list .cum .photo{height: 4rem;}
	.teambox2 .list .cum .info{padding:.5rem;}
	.teambox2 .list .cum h4{padding-bottom: .5rem;}
	.teambox2 .list .cum h4 b{font-size: .7rem}
	.teambox2 .list .cum h4 em{font-size: .4rem;padding:0 .5rem;}
	.teambox2 .list .cum p{font-size: .55rem;}
	
	.peoplebox{width: 100%;padding:.5rem;height: auto;overflow: auto;}
	.peoplebox .p-photo{position: static;width: 6rem;margin:0 auto;height: auto;}
	.peoplebox .p-h{flex-wrap: wrap;}
	.peoplebox b{font-size: .8rem;padding-right: 1rem;background-size: .7rem;margin:0 0 .25rem;width: 100%;}
	.peoplebox span{font-size: .4rem;margin:0 .15rem;}
	.peoplebox em{font-size: .4rem;}
	.peoplebox .p-info p{width: 100%;}
	.peoplebox .p-info{margin-bottom: .5rem;}
	.peoplebox .p-s{max-height: 8rem;overflow: auto;}
	.peoplebox .p-s::-webkit-scrollbar { -webkit-appearance: none;}
	.peoplebox .p-s::-webkit-scrollbar:vertical {width: 6px;}


	.peoplebox .p-s::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;}

	.peoplebox .p-s::-webkit-scrollbar-track {
    border-radius: 10px;  
    background-color: #ffffff; }
	.aboutbox3 .lay1{padding:0;background-color: #f0f1f5;}
	.aboutbox3 .warp{display: block;}
	.aboutbox3 .warp .img{width: 100%;height: 6rem;}
	.aboutbox3 .warp .txt{width: 100%;padding-bottom: .5rem;}
	.aboutbox3 .warp .txt h3:after{margin:.25rem auto .5rem;}
	.aboutbox3 .warp .txt h3{font-size: .8rem;text-align: center;}
	.aboutbox3 .flex-b2{padding:1rem 0;}
	.aboutbox3 .flex-b2 h3{font-size: .65rem}
	.zp_top{display: none;}
	.zp_list dl{margin-bottom: .5rem;}
	.zp_list dt{padding:.5rem;flex-wrap: wrap;line-height: 2em;}
	.zp_list dt span{font-size: .55rem;flex:none;color:#666;margin-right: .5rem;}
	.zp_list dt span:nth-child(1){width: 100%;flex:none;color: #333;font-size: .7rem;margin-right: 0;}
	.zp_list dt span:nth-child(4){flex:1;}
	.zp_top i, .zp_list dt i{font-size: .5rem;height: 1rem;line-height: 1rem;}
	.zp_list h4{display: none;}
	.zp_list dd .t span:nth-child(1){display: none;}
	.zp_list dd .f2 &gt;div{font-size: .55rem}
	.scrollbar{height: auto;}
	.jobs{background: #f5f5f5 !important;}
	
	.layui-tab-title.tab{padding:1rem 0 0;flex-wrap: wrap;}
	.layui-tab-title.tab li{line-height: 1.48rem;padding:0 1rem;}
	.layui-tab-title.tab li a{font-size: .56rem;}
	.newsbox .list .cum{display: block;margin-top: .5rem;height: auto;}
	.newsbox .list .cum .img{width: 100%;height: 5rem;}
	.newsbox .list .cum .info{padding:.5rem;}
	.newsbox .list .cum h4{font-size: .65rem;}
	.newsbox .list.grid{justify-content: space-between;}
	.newsbox .list.grid .cum{width:100%;margin-left: 0 !important;margin-bottom: .5rem;}
	.pages{padding:0;}
	.pages a{width: 1.4rem;height: 1.4rem;line-height: 1.4rem;font-size: .5rem;}
	.comdindex{padding:1rem 0;}
	.tit2 {padding-top: .5rem;margin-top: 1rem;}
	.cdmotxt .tit2{margin-top: 0;}
	.tit2 b, .tit3 b{font-size: .8rem;}
	.tit2 em{font-size: .8rem;}
	.tit2 b:after{background-size: cover;width: .5rem;height: .5rem;}
	.comdindex .flex-b2 .item{width: 100%;}
	.comdindex .flex-b2{padding:1rem 0 0;}
	.flex-b2 .txt{padding:.5rem 0;min-height: auto ;}
	 .layui-tab-title{height: auto;}
	 .channeng .layui-tab-title.tab{padding: 1.1rem 0 .6rem;margin-bottom: 0;}
	.channeng .layui-tab-title.tab li{padding:0 .25rem;margin: 0 .1rem .5rem;}
	.cdmoliimg{height: auto;background-position: 100%;}
	.cdmodetail{padding:1rem 0;background-size: 100%;}
	.cnbox2 .item{width: 100%;margin:0 0 .5rem}
	.cnbox2.gy .item .img{height: 8rem;}
	.cnbox2 .info{width: 100%;box-sizing: border-box;padding:.5rem}
	.cnbox2.gy .item h2{font-size: .65rem;}
	.cnbox2.gy .item p{font-size: .55rem;color:#999;}
	.cnbox2.gy .item h2 i{display: block;width: .6rem;}
	.channeng .flex-b2{padding-bottom: 1rem;}
	.chVr{padding-bottom: .5rem;}
	.chVr  iframe{height: 8rem !important;}
	.cnbox1{display: block;margin:0;}
	.cnbox1 .item img{width: 2.5rem;}
	.cnbox1 .item{border-bottom: .25rem solid #f6f6f6;font-size: .6rem;padding:1rem 0 1rem 1rem}
	.cnbox3 .item{height: 10rem;}
	.tit4 span{font-size: .5rem;width: 100%;padding-top: .2rem;}
	.cdmo-cn .info{padding:.5rem;}
	.cdmo-cn  h2{font-size: .7rem;}
	.cdmo-cn p{color:#999;}
	.tit2 strong, .tit3 strong{font-size: .8rem;}
	.relabox .warp{padding:1rem 0}
	.relabox .tit3 i{width: .5rem;}
	.relabox .warp .tit3 .en{font-size: 1rem;}
	.relabox .warp p{font-size: .6rem;padding:.5rem 0;}
	.relabox .flex-b2{display: flex;flex-wrap:wrap;justify-content: space-between;flex-direction: row;}
	.relabox .flex-b2 .item{width: calc(50% - .25rem);flex:none;border-radius: 1rem;height: auto;padding: 1rem 0;font-size: .5rem;;}
	.relabox .flex-b2 .item strong{font-size: 1.5rem;}
	.consulting{padding:0;}
	.consulting .warp{padding:.6rem .5rem;}
	.forms{padding:0;}
	.forms .cum{width: 100%;}
	.forms .code{width: 3.5rem;}
	.contactbox .tel{padding:.5rem 0;display: block;}
	.contactbox{padding:0;text-align: center;}
	.contactbox h2{font-size:.8rem;}
	.contactbox b, .contactbox strong{font-size: 1.6rem;padding:.5rem 0}
	.contactbox span{font-size: .6rem;}
	.contactbox .r{width: 8rem;margin:0 auto;}
	.searchInfoBox h2{padding:1rem 0;font-size: .8rem;}
	.searchInfoBox .searchInp .iconfont{height:2.2rem;line-height: 2.2rem;}
	.searchInfoBox .list{background-color: transparent;padding:0;}
	.searchInfoBox .list .jg:before{padding:.5rem .5rem 0;font-size: .7rem;}
	.searchInfoBox .list .jg .item{margin:.5rem 0 ;padding:.5rem;background-color: #fff;}
	.searchInfoBox .list .jg h4{font-size: .65rem;}
	.searchInfoBox .list .jg p{padding:.25rem 0;}
	.searchInfoBox .jg.none{text-align: center;}
	
	.relabox .flex-b2 .item b{font-size: 1.2rem;}
	.relabox .flex-b2 .item strong em, .relabox .flex-b2 .item b em{font-size: .6rem;}
}
</pre></body></html>