@charset "utf-8";
/*YUI 2: Reset CSS Start*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; vertical-align: top; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
ol:after, ul:after, li:after, #head:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }
ol, ul { list-style: none; zoom: 1; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6, strong, b { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
/*YUI 2: Reset CSS End*/
html, body { overflow-x: hidden; }
body { font-family: Microsoft Yahei,Helvetica Neue, Helvetica, Arial; line-height: 1.25rem; min-width: 320px; margin: 0 auto; background: #f2f2f2; }
a { color: #333; text-decoration: none; }
a:hover { }
/*自适应*/
html { font-size: 125%; /* 20*16=125% min-font-size:12px bug*/ }
a { color: #333; text-decoration: none; }
a:hover { }
/* 页眉 */
#wrap,.wrapper { width:100%; margin: 0 auto; background: #fff; }
#head { position:relative; height: 1.2rem; padding: 0.65rem 0; text-align: center; border-bottom:solid 1px #e5e5e5; background: #fff; }
#head img.logo { height: 2.3rem; text-align: center; padding: 0.1rem 0; }
#head a.logo { position:absolute; top:0; left:0; display: block; padding: 0.65rem; }
#head a.menu-btn { position:absolute; top:0.2rem; right:0; display: block; padding: 0.65rem; }
#head a.logo img { width: auto; height: 1.4rem; text-align: center; }
#head a.menu-btn img { width: auto; height: 1.2rem; text-align: center; }
#head h1{ position:absolute; width:100%; bottom:0.4rem; font-size:0.8rem;}
/*menu菜单*/
.menu { display:none; position: absolute; top:0; right:0.2rem; z-index: 9998; width: 5.4rem; margin-top:2.5rem; padding-top:0.2rem;}
.menu div { color: #555; font-size: 0.6rem; line-height: 2rem; text-align: center; }
.menu ul{text-align:right;}
.menu ul > li{ position:relative; margin-bottom:0.2rem;background-image: -webkit-linear-gradient(-90deg, #fff, #cbcbcb); border-radius:0.25rem;width:5rem;}
.menu li a { display: block;color: #019c94; font-size:12px; line-height:28px;text-align:center;white-space: nowrap;position:relative;}
.menu li a.arrow:before{content: '';position:absolute;width:0;height:0;border-width:4px 7px;border-style:dashed solid dashed dashed;border-color:transparent #009e96 transparent transparent;left:3px;top:0;bottom:0;margin:auto 0 auto -5px;}
.menu li a.arrow{text-indent:6px;}
.menu li strong a { color: #ccc; font-size: 0.9px; font-weight: bold; }
.menu li a:hover { background-color: #fff; border-radius:0.25rem;}
.menu p { position: absolute; left: 0; bottom: 2.5rem; width: 100%; height: 2rem; text-align: center; }
.menu p a { display: block; height: 2rem; color: #999; line-height: 2rem; border-radius:0.25rem; }
.menu p a:hover { color: #999; background-color: #000; }
.snbg { display: none; position: fixed; top: 2.5rem; left: 0; background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; z-index: 9997; }
.menu .subnav{ display:none; position:absolute; top:0; left:-6.5rem;}
.menu .subnav a{ width:6.2rem; margin-bottom:0.2rem;padding:0; border-radius:0.25rem;background-image: -webkit-linear-gradient(-90deg, #fff, #cbcbcb);}
@media screen and (max-width: 340px){
	.menu{width:4.9rem;}
	.menu ul > li{width:4.5rem;}
	.menu .subnav{ display:none; position:absolute; top:0; left:-5.2rem;}
	.menu .subnav a{ width:5rem;font-size:11px;overflow:hidden;}
	.menu li a.arrow:before{border-width:4px 5px;left:2px;}
	.menu li a.arrow{text-indent:6px;}
}
@media screen and (min-width: 760px){
	.menu{width:8rem;}
	.menu ul > li{width:8rem;}
	.menu li a {font-size:14px; line-height:36px;}
	.menu .subnav{left:-8.2rem;}
	.menu .subnav a{ width:8rem;}
	.menu li a.arrow:before{border-width:5px 9px;left:7px;}
	.menu li a.arrow{text-indent:6px;}
}
/*首页内容*/
/*focus*/
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* Fix of Webkit flickering */ z-index: 1; }
.swiper-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px, 0, 0); transition-timing-function: ease; }
.swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }
.swiper-slide { float: left; }
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal { -ms-touch-action: pan-y; }
.swiper-wp8-vertical { -ms-touch-action: pan-x; }
/*begin*/
.index-banner { position: relative; }
.content-slide { padding: 20px; color: #fff; }
.swiper-slide img { width: 100%; }
/*.title { font-size: 25px; margin-bottom: 10px; }*/
.pagination { position: absolute; left: 0; bottom: 5px; text-align: center; width: 100%; z-index: 999; }
.swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #000; margin: 0 2px; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; }
.swiper-active-switch { background: #fff; filter: alpha(opacity=100); opacity: 1; }
/**/
.cc img{ width:100%;}
/*简介*/
.home .intro{ border:solid 1px #e5e5e5; border-width:1px 0; padding:1.5rem 0 1rem;text-align:justify;}
.home .intro h3{ color:#fff; font-size:0.9rem; line-height:1.8rem; text-align:center; padding-bottom:0rem; background:#8fc31f;}
.home .intro h3 strong{ display:block; color:#157eb2; font-size:1rem; line-height:1rem; padding-bottom:0.25rem;}
.home .intro h3 span{ display:block; color:#999; font-size:1rem; font-weight:100; line-height:1rem;}
.home .intro p{ color:#444; font-size:0.65rem; line-height:1rem; padding:1rem;text-align: justify;}
.home .intro p.pic{ padding:0;}
.home .intro p.pic img{ width:100%;}
.home .intro .more { text-align:center;}
.home .intro .more a { display: inline-block; width: 6rem; height: 1.7rem; color: #fff; font-size: 0.7rem; line-height: 1.7rem; text-align: center; background: #3d4550; background-image: -webkit-linear-gradient(-90deg, #13b5b1, #004c87); border-radius:1.7rem}
/**/
#gb h3{ color:#fff; font-size:0.9rem; line-height:1.8rem; text-align:center; margin-bottom:1rem; background:#8fc31f;}
#gb ul{ display:flex; flex-wrap:nowrap; background:#eee;}
#gb li{ width:33.333%; text-align:center;}
#gb li a{ display:block; padding:2rem 0;}
#gb li.b2 { background:#c7e18f;}
#gb li .pic{ width:30%; margin:0 auto; padding-bottom:0.5rem;}
#gb li .pic img{ width:100%;}
#gb li h4{ font-size:0.7rem;color:#001015;}
/**/
#hb .txt{ padding:0.5rem 0;}
#hb .txt p{ color:#444; font-size:0.65rem; line-height:1rem; padding:1rem;text-align: justify;}
#hb .pic img{ width:100%;}
/*集团业务板块*/
#butten{}
#butten ul{ display:flex; flex-wrap:wrap; padding:2rem 1rem 0;}
#butten li{ width:50%; text-align:center; padding:0 0 2rem;}
#butten li img{ width:70%;}
/*video*/	
.video-line{position:relative;margin-bottom:1rem;height:0;padding:62.66667% 0 0 0;box-shadow:0px 1.8px 3.5px 0px rgba(0, 0, 0, 0.6);background:#222;}
.video-line .video{ width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0;}
.video-line .video-player{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background-color:rgba(0,0,0,.7);width:48px;height:48px;line-height:48px;border-radius:48px;z-index: 9999;}
.video-line .video-player:before{content:' ';height:0;width:0;font-size:0;line-height:0;border-width:12px 16px;border-style:dashed dashed dashed solid;border-color:transparent transparent transparent #fff;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto 0 auto 18px;}
/*news*/
.news-list h3{ color:#fff; font-size:0.9rem; line-height:1.8rem; text-align:center; margin-bottom:0.5rem; background:#8fc31f;}
.news-list ul{ padding:0 0 1rem;}
.news-list li{ padding:1rem;} 
.news-list li a{display:flex;flex-wrap:nowrap;}
.news-list li .pic {width:100px; margin-right:0.5rem;}
.news-list li .pic img{ width:100px; border:solid 1px #a0a0a0;box-sizing: border-box;height:100px;}
.news-list li .txt{flex: 1;overflow:hidden;}
.news-list li .txt .date{color:#535353; font-size:0.6rem; line-height:0.8rem; padding-bottom:0.2rem;}
.news-list li .txt .tit{height:0.8rem;font-size:0.8rem;margin-bottom: 0.5rem;overflow:hidden;line-height: 1em;white-space: nowrap;text-overflow:ellipsis;}
.news-list li .txt .desc{/* height:54px; */color:#808080; font-size:12px; line-height:18px; overflow:hidden;text-align: justify;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;text-overflow:ellipsis;}
.news-content{width:90%;margin:0 auto;}
.news-content .title{text-align:center;font-size:20px;line-height:1.6em;margin-bottom:10px;margin-top:24px;}
.news-content .headline{font-size:20px;color:#000;line-height:1.6em;margin-top:20px;margin-bottom:25px;text-align: justify;}
.news-content .headline .date{float:right;font-size:12px;color:#959595;padding-left:22px;background:url(../images/icon_21.png) left center no-repeat;}
.news-content .meta{font-size:12px;text-align: center;color:#999;border-bottom:1px solid #ccc;padding-bottom:5px;margin-bottom:20px;}
.news-content .meta span{margin:0 5px;}
.news-content .meta span.date{padding-left:22px; margin-right:25px; background:url(../images/icon_21.png) left center no-repeat;}
.news-content .meta span.visits{padding-left:22px; background:url(../images/icon_22.png) left center no-repeat;}
.news-content .video-box{text-align:center;width:100%;overflow:hidden;}
.news-content .video-box *{width:100%;height:auto;}
.news-content .artice-txt{font-size:14px;color:#333;text-align: justify;margin-bottom:20px;padding-bottom:20px;padding-top:20px;}
.news-content .artice-txt *{font-size:14px !important;white-space: pre-wrap;text-align: justify;max-width:100%;}
.news-content .artice-txt img{display:block;margin:0 auto;width:100%;height:auto;}
.news-content .prev-back{font-size:14px;margin:20px auto;border-top:1px solid #ccc;padding-top:20px;}
.news-content .prev-back .go-back{display: block;color: #666;text-align: center;width:50%;margin:0 auto;}
/*页脚*/
.footer{ padding-bottom:1rem; background:#434343;}
.footer .ontop{ text-align:center; padding:1rem 0;}
.footer .ontop img{ width:1.5rem;}
.footer .finfo{text-align: center;}
.footer .pic{width: 6.4rem;padding:0.3rem 0.8rem 0 0.8rem;margin: 0px auto 20px auto;}
.footer .pic img{ width:100%;}
.footer .txt{ color:#fff; font-size:0.55rem;}
.footer .txt a{color:#fff;text-decoration:underline;margin:1em 2em 1em 0;display:inline-block;}
/*内页通栏*/
.banner img{ width:100%;}
/*分类1*/
.sort{position:relative;z-index:999;}
.sort ul{ display:flex; flex-wrap:wrap; justify-content:center; padding:0 1rem; margin:1rem 0 0.5rem;}
.sort li{ width:50%; text-align:center; margin:0 0 8px 0;}
.sort li a{ display:inline-block; width:75%; height:2rem; font-size:0.8rem; line-height:2rem; text-align:center; background:#ccc;background-image: -webkit-linear-gradient(-90deg, #fdfdfd, #d8d8d8); border-radius:0.25rem;}
.sort li a{ color:#009e96;}
.sort li a.cur{ color:#8fc31f;}
.s1 ul{ justify-content:flex-start; padding:0 1rem;}
.s1 li{ width:33.333%;}
.s1 li a{width:90%;}
/*分类2*/
.sort2 ul{ display:flex; flex-wrap:wrap; justify-content:center;padding:15px 20px 0 20px;margin-bottom:20px;}
.sort2 li{ width:50%; text-align:center;}
.sort2 li a{ display:inline-block;height:1.5rem; font-size:14px; line-height:1.4rem; text-align:center; margin:0 auto;width:73%;}
.sort2 li a{ color:#333; text-decoration:underline;}
.sort2 li a.cur{ text-decoration:none;padding: 1px;box-sizing:border-box;border-radius: 100px;background-clip: content-box,padding-box;transition: filter .5s ease;background-image: linear-gradient(#fff,#fff),linear-gradient(to bottom right,  #14b4b2, #004b85);}
/*分类3*/
.sort3 {display:flex;padding:14px 20px 12px;height:32px;line-height:32px;text-align:center;}
.sort3 a{display:block;color:#000000; font-size:0.6rem;padding:0 20px;white-space: nowrap;flex:1;text-decoration:underline;}
.sort3 a.cur{ color:#009e96;/*#8fc31f;*/}
.storage1 .sort3 a.cur{color: #8fc31f;}
.sub-nav{display:flex;flex-wrap:wrap;justify-content:space-between;text-align:center;}
.sub-nav li{width:auto;padding:0 1px 0 0;box-sizing:border-box;}
.sub-nav.col3 li{width: 25%;/*width:33.33334%;*/}
.sub-nav li:nth-child(3n){padding:0;}
.sub-nav li a{display:block; width:100%; height:2rem; font-size:12px; line-height:2rem;margin:0;background:#ccc;background-image: -webkit-linear-gradient(-90deg, #fdfdfd, #d8d8d8); border-radius:0.15rem;color:#000;/*#009e96;*/}
.sub-nav li a.current{color:#009e96;/*#8fc31f;*/}
.storage1 .sub-nav li a.current{color:#97c735;}

/*资讯列表*/
.newslist ul{ display:flex; flex-wrap:wrap; padding:0 1rem;}
.newslist li{ width:45%; margin:0 10% 1.5rem 0;}
.newslist li:nth-child(2n){margin-right:0;}
.newslist li img{ width:100%;}
.newslist li .txt{ padding:0.5rem 0 0;}
.newslist li h4{ font-size:0.7rem;height:2em;line-height:2em;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.newslist li .pic{width:100%;height:0;position:relative;padding-top:64.85623%;overflow:hidden;}
.newslist li .pic img{position:absolute;width:100%;height:100%;top:0;bottom:0;right:0;left:0;}
.newslist li .date{color:#959595;  font-size:0.6rem;padding-left:1.2em;background-image: url(../images/icon_21.png);background-repeat:no-repeat;background-position: left center;background-size:10px;}
.newslist li .desc{color:#959595; font-size:0.6rem; line-height:1.6em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow:ellipsis;text-align: justify;}
/*视频列表*/
.videolist{width:76%;margin:0 auto;padding:20px 0 40px;}
.videolist li{width:100%;overflow: hidden;margin-bottom:20px;}
.videolist li .pic{position:relative;width:100%;height:0;padding:56.38596% 0 0 0;overflow:hidden;background:#efefef;}
.videolist li .pic img{position: absolute;left:0;right:0;height:auto;width:100%;top:0;bottom:0;margin:auto 0;}
.videolist li .tit{font-weight:bold;font-size: 16px;margin:15px 0 8px 0;}
.videolist li p{font-size:12px;color: #959595;line-height: 1.8em;}
.videolist li .desc{/*height:3.6em;*/overflow:hidden;margin-bottom:5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;text-align: justify;}
.videolist li p .date{ padding-left:22px; margin-right:25px; background:url(../images/icon_21.png) left center no-repeat;}
.videolist li p .visits{ padding-left:22px; background:url(../images/icon_22.png) left center no-repeat;}
/*科研团队*/
.ceo h3{ color:#fff; font-size:0.9rem; line-height:1.8rem; text-align:center; margin-bottom:1rem; background:#8fc31f;}
.ceo .pic img{ width:100%;}
.ceo h4{ font-size:0.8rem; font-weight:bold; padding-bottom:0.5rem;}
.ceo .txt{ font-size:0.7rem; padding:1rem 1rem 0;}
.ceo .txt p{ margin-bottom:1rem;text-align: justify;word-break: break-all;}
.ceo .txt.tc p{text-align: center;}
.ceo .txt img{ width:100%;}
.ceo .honor{ text-align:center; padding-top:1rem;}
.ceo .honor p{ margin-bottom:0;}
.ceo .honor p img{ padding:0.5rem 0;}
.ceo .book{ text-align:center; padding:1rem 0;}
.ceo .book h4{ padding-bottom:1rem;}
.ceo .txt ul{margin-bottom:40px;}
.ceo .txt ul li:before{content:'';display:inline-block;vertical-align:2px;width:8px;height:8px;border-radius:50%;background:#009e96;margin-right:10px;}
.teamlist h3{ color:#fff; font-size:0.9rem; line-height:1.8rem; text-align:center; margin-bottom:1rem; background:#8fc31f;}
.teamlist hr{border:0;height:1px;background:#000000;width:100%;}
.teamlist ul{padding:40px 0;}
.teamlist li{padding:0 0 0 76px;position:relative;width:63.73333%;margin:0 auto 35px;}
.teamlist li .pic{position:absolute;left:0;right:0; width:52px;height:52px;box-shadow:0.2rem 0 0.2rem rgba(0,0,0,.4);border-radius: 52px;}
.teamlist li .pic img{ width:100%; }
.teamlist li .txt{ font-size:0.6rem; line-height:0.8rem;text-align: justify;word-break: break-all;}
.teamlist li .txt h4{ font-size:0.8rem; font-weight:bold; padding-bottom:0.5rem;}
.teamlist li .txt h4 a{ color:#009e96;}
/*集团简介*/
.about-artice{ padding-bottom:2rem;}
.about-artice h3{ color:#fff; font-size:0.9rem; line-height:1.8rem; text-align:center; margin-bottom:1rem; background:#8fc31f;}
.about-artice .content { font-size:0.7rem;}
.about-artice p{ padding:0 1rem 1rem;text-transform: uppercase;text-align:justify;}
.about-artice strong{ color:#009e96;}
.about-artice .pic{ padding:0 0 1rem;}
.about-artice .pic img{ width:100%; }
.about-artice .pic img.a1{display:block;width:60.4%;margin:0 auto;}
/*汉氏愿景*/
.vision{ padding-bottom:2rem; background:url(../images/vision-bg.jpg) center 10px no-repeat; background-size:100% auto;margin-top:40px;}
.vision li{ padding-bottom:40px;}
.vision h4{ width:139px; height:139px; color:#fff; font-size:0.8rem; font-weight:bold; text-align:center; line-height:139px; margin:0 36px; background:url(../images/vision-bg1.png) center center no-repeat;}
.vision .v1 h4{ background:url(../images/vision-bg1-1.png) center center no-repeat; background-size:cover;}
.vision .v2{ text-align:right;}
.vision .v2 h4{ display:inline-block; background:url(../images/vision-bg2-1.png) center center no-repeat;background-size:cover;}
.vision .v3 h4{ width:179px; height:179px; line-height:179px;background:url(../images/vision-bg3-1.png) center center no-repeat;background-size:cover;margin-left: 12px;}
.vision .cont{ position:relative; margin:-36px 1.5rem 0; padding:1rem; background:rgba(255,255,255,0.85);border-radius:0.25rem;box-shadow: 0.682px 0.731px 3px 0px rgba(35, 35, 35, 0.4);}
.vision .cont b{ position:absolute; left:80px; top:-10px; display:block; width:10px; height:10px; background:url(../images/icon_arrow2.png) left top no-repeat; background-size:cover;}
.vision .v2 .cont{margin-top:-26px;}
.vision .v2 .cont b{ left:auto; right:95px;}
.vision .v3 .cont{margin-top:-46px;}
.vision .v3 .cont b{ left:89px;}
.vision .cont p{ font-size:0.7rem;}
.vision .cont p strong{ color:#009e96;font-size:0.8rem;}

/* 汉氏荣耀 */
.honor-list{display: flex;flex-wrap: wrap;text-align:center;justify-content: center;padding:20px 0 40px 0;}
.honor-list .item{box-shadow: 0px 4px 5px 0px rgba(35, 24, 21, 0.24);width:145px;height: 0;margin:0 30px 20px 0;padding-top:45%;position:relative;overflow:hidden;}
.honor-list .item:nth-child(2n){margin-right:0;}
.honor-list .item:last-child{margin-right:0;}
.honor-list .item .inbox{position:absolute;width:100%;height:100%;top:0;bottom:0;right:0;left:0;}
.honor-list .item .pic{position:relative;width:100%;border:10px #eee solid;border-top-width:14px;border-bottom-width:14px;box-sizing:border-box;height:0;padding-top:90px;overflow:hidden;}
.honor-list .item .pic img{position: absolute;width:100%;height:auto;min-height:75px;top:0;left:0;right:0;margin:auto;}
.honor-list .item p{font-size:.5rem;line-height:1.4em;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow:ellipsis;padding:10px 10px 0;}
.popup-wrapper{display:none;position:fixed;z-index: 999;top:0;bottom:0;height:100%;width:100%;left:0;right:0;background:rgba(0,0,0,.3);}
.popup-wrapper .popup{width:90%;background:#fff;height:80%;border-radius:10px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;overflow:hidden;}
.popup-wrapper .popup img{display: block;width:100%;height:auto;}
@media screen and (max-width:340px){
.honor-list .item{margin-right:15px;padding-top:52%;width:130px;}
}
/* 联系我们 */
.contact{display:flex;padding:20px 45px 45px;justify-content: space-between;flex-wrap: wrap;}
.contact dl{width:100%;}
.contact dl dt{color:#009e96;font-size:15px;line-height:2em;margin-bottom:5px;}
.contact dl dd{font-size:12px;color:#313131;line-height:2em;padding-bottom:4em;}

/*cdmo技术服务*/
.cdmo img{ width:100%;}
.cdmo .t1{ font-size:1rem; line-height:2rem; text-align:center; padding-bottom:0.5rem;}
.cdmo .t1 strong{ font-size:2rem; font-weight:bold;}
.cdmo .t2{ text-align:center; padding-bottom:1rem;}
.cdmo .t2 img{ width:28%;}
.cdmo .t3{ font-size:0.7rem; line-height:0.9rem; font-weight:bold; text-align:center; padding-bottom:1.5rem;}
.cdmo .t4{ font-size:0.6rem; line-height:1rem; padding:0 1rem 1.5rem;}
.cdmo .about{ font-size:0.7rem; padding:0 1rem;}
.cdmo .about h4{color:#808080;font-size: 15px;font-weight:bold;text-align:center;margin-top:28px;margin-bottom:20px;}
.cdmo .about p{ margin-bottom:1rem;text-align: justify;}
.cdmo .about p strong{ color:#009e96;}
.cdmo .service{ padding:0 1.5rem 2rem; background:url(../images/cdmo-1.jpg) right center no-repeat; background-size:100% auto;}
.cdmo .service h4{ font-size:0.8rem; font-weight:bold; text-align:center; padding-bottom:1rem;}
.cdmo .service .list{ font-size:0.7rem; line-height:1.2rem;}
.cdmo .service .list li{ color:#434343; padding-left:0.8rem; background:url(../images/icon_c1.png) left center no-repeat; background-size:auto 0.4rem;}
.cdmo .plan{ padding:0 1rem 2rem;}
.cdmo .plan li{ color:#fff; font-size:0.7rem; line-height:1.5rem; text-align:center; margin-bottom:0.35rem; background-image: -webkit-linear-gradient(-90deg, #13b5b1, #004a86); border-radius:1rem;}
.cdmo .c1{ padding-bottom:2rem;}
.cdmo .c1 .pic{ padding:0 0 1rem;}
.cdmo .ses{ padding:1.8rem 0; margin-top:1rem; background-image: -webkit-linear-gradient(-90deg, #13b5b1, #004a86);}
.cdmo .ses .txt{ color:#fff; font-size:0.8rem; font-weight:bold; text-align:center; padding-bottom:2rem;}
.cdmo .c2{ padding:0 0 1rem;}
.cdmo .c2 .pic{ padding-bottom:1rem;}
.cdmo .c3{ padding:0 0 1.5rem;}
.cdmo .c4{ padding:0 0 1.5rem;}
.cdmo .c5{ padding:0 0 1.5rem;}
.cdmo .c6{ margin-bottom:2rem;}
.cdmo .c6 .team{ padding:.8rem 1rem 1rem 1.1rem; background:url(../images/cdmo-10.jpg) no-repeat; background-size:cover;}
.cdmo .c6 .team li{ color:#000; font-size:0.7rem; line-height:1.5rem; padding-left:0.8rem; background:url(../images/icon_c1.png) left center no-repeat; background-size:auto 0.4rem;}
.cdmo .c1 .t3{ font-weight:normal;}
.cdmo .c5 .t3{ padding-bottom:0.5rem;}
/* 汉氏研究院 */
.hbsci{}
.hbsci-1{padding:0 4.66667%;}
.hbsci-1 img{display: block;width:100%;}
.hbsci-1 h4{font-size:18px;color: #000000;text-align: left;font-weight:bold;margin-bottom:5px;}
.hbsci-1 p{font-size: 12px;color: rgb(34, 24, 21);line-height: 1.8;text-align: justify;}
.hbsci-1 .desc{color: #727171;font-size: 12px;line-height:20px;letter-spacing:-1px;margin-bottom:24px;}
.hbsci-2 img{display: block;width:100%;}
.hbsci-3 img{display: block;width:100%;}
.hbsci-3 li p{margin-left:22%;font-size:12px;padding-right:20px;text-align: justify;line-height:1.6667em;margin-bottom:40px;}
/* 汉氏医药biomed */
.biomed{}
.cellvalley-nav-line{display:flex;flex-wrap: nowrap;justify-content: space-between;text-align: center;padding:0 30px;margin-top:15px;}
.cellvalley-nav-line a{display: block;font-size:12px;text-align:center;height:30px;line-height:30px;flex:1;text-decoration: underline;color:#000}
.cellvalley-nav-line a.current{color:#8fc31f;}
.biomed h1{font-size:15px;color:#0ba39b;/*#808080*/font-weight: bold;padding:30px 0 18px 0;text-align:center;}
.biomed > p{font-size:12px;line-height:1.5em;margin:0 15px;text-align: justify;}
.biomed > p b{font-weight: bold;}
.biomed .txt-items{margin:0 15px;padding-top:30px;}
.biomed .txt-items li{border:1px solid #434343;margin-bottom:20px;font-size:12px;text-align: center;line-height:2em;padding:8px 0;}
.biomed .txt-items li span{color:#009e96;font-weight: bold;}
.biomed .txt-items li b{display: block;font-weight: bold;}
.biomed .pic-items{background:#eeeeee;width:100%;padding:4px 15px 4px;box-sizing:border-box;margin-top:30px;margin-bottom:28px;}
.biomed .pic-items ul{display: flex;flex-wrap: nowrap;}
.biomed .pic-items li{width:26.08696%;margin-right:10.1449%;overflow:hidden;box-shadow: 1px 1px 4px rgba(0,0,0,.32);}
.biomed .pic-items li:last-child{margin-right:0;}
.biomed .pic-items li img{display: block;width:100%;height: auto;}
.biomed > p.mt40{margin-top:40px;}
.biomed > img{display: block;width:100%;height: auto;}
.biomed .qrcode{text-align:center;font-size:12px;padding:50px 0;}
.biomed .qrcode img{display: block;width:30.66667%;margin:0 auto;margin-bottom:10px;}
/*医疗大健康*/
.healthy{ padding-bottom:2rem;padding-top:2.5rem}
.healthy img{ width:100%;}
.healthy .txt{ padding:1rem;}
.healthy h4{ color:#009e96; font-size:0.8rem; font-weight:bold; padding-bottom:0.5rem;}
.healthy p{ font-size:0.7rem; margin-bottom:0.5rem;text-align:justify;}
.healthy .about{ padding:0 1rem 1rem;}
.healthy .about h4{ /*color:#808080;*/ text-align:center;color: #009e96;font-size:15px;}
.healthy .h1{ background:#fff;}
.healthy .block-gray{background:#f1f1f1;}
.healthy .link-line{text-align:center;margin:0;}
.healthy .link-line.mt20{margin-top:20px;}
.healthy .link-line.mb20{margin-bottom:20px;}
.healthy .link-line a{font-size:12px;color:#009e96;border-left: 1px solid #000;padding:0 5px;}
.healthy .link-line a:first-child{border-left: 0;}
.healthy .healthy-8{margin-bottom:45px;}
.healthy .healthy-9{padding-top:25px;}
.healthy .healthy-12{margin-bottom:50px;}
/* 生命之旅 */
.journeyoflife{padding-top:27px;}
.journeyoflife > img{display: block;width:100%;}
/*mcc*/
.mcc .title {padding-top:10px;}
.mcc .title img{display: block;margin:0 auto;height:auto;}
.mcc .title .title_1{width:84.66667%;margin-top:17px;}
.mcc .title .title_2{width:30.8%;margin-top: 15px;margin-bottom:30px;}
.mcc .title .title_3{width:26.53334%;margin-bottom:24px;margin-top:24px;}
.mcc .title .title_4{width:52.93334%;margin-bottom:15px;margin-top:11px;}
.mcc .title .title_5{width:72%;margin-top:20px;margin-bottom:15px;}
.mcc .title .title_6{width:71.2%;}
.mcc .txt{text-align: center;font-size:12px;color:#434343;padding:0 18px;margin-top:10px;margin-bottom:20px;}
.mcc .m2{background:#f7f7f7;padding-bottom:21px;}
.mcc .m2 li{border-radius: 7px;background-color: rgb(255, 255, 255);box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.06);width: 92%;height: 0;padding-top:38.66667%;margin:0 auto 14px;overflow:hidden;position:relative;}
.mcc .m2 li .inbox{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;display: flex;}
.mcc .m2 li .txt{width:190px;margin:0 18px 0 0;text-align:justify;font-size:0.5rem;line-height:1.5em;padding:30px 0 0 0;}
.mcc .m2 li .pic{width:135px;text-align: center;font-size:12px;font-weight: bold;color:#000;}
.mcc .m2 li .pic .mcc_1{display: block;width:48px;margin:36px auto 10px auto;}
.mcc .m2 li .pic .mcc_2{display: block;width:48px;margin:36px auto 10px auto;}
.mcc .m2 li .pic .mcc_3{display: block;width:46px;margin:36px auto 12px auto;}
.mcc .m2 li:nth-child(2) .txt{padding:26px 0 0 21px;margin-right:0;}
.mcc .m2 li:nth-child(3) .txt{padding:52px 0 0 0;}
.mcc .m3{padding-bottom:30px;}
.mcc .m3 img{display: block;width:100%;}
.mcc .m3 .mcc_p2{margin-top:25px;}
.mcc .m3 p{padding:0 15px;text-align:justify;text-indent:2em;font-size:12px;color:#434343;line-height:1.5em;}
.mcc .m4{background:#f7f7f7;padding-bottom:54px;}
.mcc .m4 p{color:#535353;}
.mcc .m4 img{width:92.66667%;display: block;height:auto;margin:24px auto 0 auto;}
/* IMCELL */
.imcell .block-header{text-align:center;padding-top:32px;font-size:17px;color:#434343;font-weight: bold;margin-bottom:27px;}
.imcell .block-header span{display: block;font-weight:normal;color:#a0a0a0;font-size:11px;}
.imcell > p{font-size:.5rem;line-height:1.8em;color:#a0a0a0;padding:0 14px;letter-spacing:1px;text-align: justify;margin-bottom: 1.8em;}
.imcell .video-line{position:relative;width:92%;margin:30px auto 40px auto;height:0;padding-top:54.666667%;}
.imcell .video-line .video-box{position:absolute;width:100%;height:100%;left:0;right:0;top:0;bottom:0;}
.imcell .video-line .video-box .play-btn{position:absolute;width:100%;height:100%;left:0;right:0;top:0;bottom:0;background:url(../images/video_cover.png) 0 0 no-repeat;background-size:100%;z-index:1;}
.imcell-product{background:#f7f7f7;padding:38px 13px 40px 13px;}
.imcell .imcell-product .block-header{color:#535353;font-size:18px;padding-top:0;}
.imcell .imcell-product .block-header span{border-top:1px solid #a0a0a0;width:100px;margin:0 auto;color:#535353;}
.imcell-product .imcell-tab{margin-top:35px;display: flex;align-items:center;flex-flow: nowrap;margin-bottom:17px;}
.imcell-product .imcell-tab li{flex:1;width:70px;height:50px;border:1px solid #b2b2b2;position:relative;margin-bottom:7px;margin-right:23px;box-sizing:border-box;}
.imcell-product .imcell-tab li:last-child{margin-right:0;}
.imcell-product .imcell-tab li .mask{position:absolute;left:0;top:0;width:100%;height:100%;background:#000000;opacity:0.3;z-index:3;}
.imcell-product .imcell-tab li.current .mask{display: none;}
.imcell-product .imcell-tab li.current:after{content:'';position:absolute;right:0;left:0;margin:0 auto;bottom:-8px;height:0px;width:0px;border-width:4px;border-style:solid;border-color:#fff transparent transparent transparent;}
.imcell-product .imcell-tab li.current:before{content:'';position:absolute;right:0;left:0;margin:0 auto;bottom:-11px;height:0px;width:0px;border-width:5px;border-style:solid;border-color:#b2b2b2 transparent transparent transparent;}
.imcell-product .imcell-tab li img{display: block;width:68px;height:48px;}
.imcell-product .imcell-swiper .pic{width:100%;overflow:hidden;}
.imcell-product .imcell-swiper .pic img{width:100%;height:auto;transition: all .5s ease;}
.imcell-product .imcell-swiper .pic:hover img{transform: scale(1.2);-ms-transform: scale(1.2);}
.imcell-product .imcell-swiper .txt{margin-bottom:40px;margin-top:15px;padding:0 2px;}
.imcell-product .imcell-swiper .txt h3{font-weight:bold;font-size:14px;line-height:1em;color:#000;padding-bottom:6px;border-bottom:1px solid #535353;}
.imcell-product .imcell-swiper .txt h3 span{font-size:11px;margin-left:8px;font-weight:normal;}
.imcell-product .imcell-swiper .txt p{font-size:12px;line-height:1.8em;margin-top:14px;overflow:hidden;text-align:justify;color:#535353;}
.imcell-product .imcell-swiper .swiper-pagination{top:140px;bottom:auto;}
.imcell-product .imcell-swiper .swiper-pagination .swiper-pagination-bullet{background:rgba(0,0,0,0.3);width:8px;height:8px;border-radius:8px;opacity:1;}
.imcell-product .imcell-swiper .swiper-pagination .swiper-pagination-bullet-active{background:rgba(0,0,0,.6);}
.cell-valley{padding:0 0 50px 0;}
.cell-valley .nav-line{position: relative;width:100%;height:0;padding-top:32.26667%;display: flex;margin-top:5px;}
.cell-valley .nav-line .a1{position: absolute;width:33.33334%;height:100%;left: 0px;top:0;bottom:0;overflow:hidden;box-sizing: border-box;text-align: center;
	background-image: -moz-linear-gradient( 90deg, rgb(11,17,19) 0%, rgb(64,174,187) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(11,17,19) 0%, rgb(64,174,187) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(11,17,19) 0%, rgb(64,174,187) 100%);}
/*.cell-valley .nav-line .a1 img{position:absolute;width:23px;height:auto;top:29px;left:28px;}*/
.cell-valley .nav-line .a2{position: absolute;width:33.33334%;height:100%;right: 0px;top:0;bottom:0;left:33.33334%;overflow:hidden;box-sizing: border-box;text-align: center;
	background-image: -moz-linear-gradient( 90deg, rgb(12,19,20) 0%, rgb(66,196,143) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(12,19,20) 0%, rgb(66,196,143) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(12,19,20) 0%, rgb(66,196,143) 100%);}
/*.cell-valley .nav-line .a2 img{position:absolute;width:20px;height:auto;top:30px;left:28px;}*/
.cell-valley .nav-line .a3{position: absolute;width:33.33334%;height:100%;right: 0px;top:0;bottom:0;left:auto;overflow:hidden;box-sizing: border-box;text-align: center;
	background-image: -moz-linear-gradient( 90deg, rgb(12,19,20) 0%, rgb(54,118,155) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(12,19,20) 0%, rgb(54,118,155) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(12,19,20) 0%, rgb(54,118,155) 100%);}
.cell-valley .nav-line p{padding:32px 0 0 0;text-indent: 0;color:#fff;font-size:10px;font-weight:bold;line-height:1.38889em;margin-bottom:10px;white-space:nowrap;text-align:center;}
.cell-valley .nav-line a{display:inline-block;color:#fff;font-weight:normal;font-size: 8px;padding:0 20px;height:20px;border-radius:20px;border:1px solid #fff;line-height:20px;vertical-align: top;}
@media screen and (min-width:400px){
	/*.cell-valley .nav-line .a1,.cell-valley .nav-line .a2{padding-left:70px;}
	.cell-valley .nav-line .a1 img{width:28px;height:auto;top:30px;left:25px;}
	.cell-valley .nav-line .a2 img{width:26px;height:auto;top:30px;left:25px;}*/
	.cell-valley .nav-line p{padding:25px 0 0 0;font-size:12px;margin-bottom:12px;}
	.cell-valley .nav-line a{font-size:10px;}
}
@media screen and (max-width:340px){
	/*.cell-valley .nav-line .a1,.cell-valley .nav-line .a2{padding-left:53px;}
	.cell-valley .nav-line .a1 img{width:28px;height:auto;top:20px;left:15px;}
	.cell-valley .nav-line .a2 img{width:26px;height:auto;top:18px;left:15px;}*/
	.cell-valley .nav-line p{padding:18px 0 0 0;font-size:10px;margin-bottom:8px;}
	.cell-valley .nav-line a{font-size:8px;}
}
.cell-valley h1{font-weight: bold;font-size: 12px;color:#009e96;/*#959595*/text-align: center;padding:27px 0 24px 0;line-height:1em;}
.cell-valley h2{font-weight: bold;font-size: 15px;color:#a0a0a0;padding:12px 0 20px 0;line-height:1em;text-align: center;}
.cell-valley h3{font-size: 14px;color: rgb(0, 158, 150);line-height: 1.479;text-align: center;padding:40px 0 15px 0;}
.cell-valley img{display:block;width:100%;height:auto;}
.cell-valley img.c3{margin-top:20px;margin-bottom:25px;}
.cell-valley img.c4{margin-top:20px;margin-bottom:25px;}
.cell-valley p{padding:0 16px;font-size:11px;color:#000;text-align:justify;margin-bottom:5px;text-indent:2em;}
/*围产期干细胞存储*/
#cell-1 img{ width:100%;}
#cell-1 .about{ padding-bottom:1rem;}
#cell-1 .about .pic{ padding-bottom:1rem;}
#cell-1 .about .txt{ color:#fff; font-size:0.8rem; padding:1rem; background:#eb6877;text-align:justify;}
#cell-1 .about .txt p{text-align: justify;}
#cell-1 .about strong{ font-weight:bold;}
#cell-1 .a1{ padding:1rem;}
#cell-1 .a1 .pic{ padding-bottom:1rem;}
#cell-1 .a2{ padding:1rem 0; background:#fce8eb;}
#cell-1 .a2 h3{display:flex; flex-wrap:nowrap;font-size:0.7rem; font-weight:bold; line-height:1.5rem; padding:0 1rem 0.5rem;justify-content: space-between;}
#cell-1 .a2 h3 strong{ width:34%; color:#ec7381; font-weight:bold;white-space: nowrap;}
#cell-1 .a2 h3 p{width:66%;display:flex; flex-wrap:nowrap; justify-content:flex-end;text-align:right;}
#cell-1 .a2 h3 p span{display:inline-block;vertical-align:middle; line-height:1rem;height:1rem; color:#eb6877; font-size:0.5rem; font-weight:normal; text-align:center; border:solid 1px #f5b3bb; padding:0 0.5rem;margin:5px 0 5px 0.25rem;border-radius:1rem; background:#fff;width:75px;white-space: nowrap;box-sizing: border-box;}
#cell-1 .a2 p.keys span{ padding:0 0.05rem}
#cell-1 .a2 .txt{ font-size:0.6rem; line-height:2em; padding:0 1rem 1rem;text-align: justify;}
#cell-1 .a2 .txt strong{ font-weight:bold;}
#cell-1 .bg{ padding:1rem 0; background:#fff;}
#cell-1 .cc{ font-size:0.7rem; text-align:center; padding:1.5rem 0 0rem;}
#cell-1 .cc .txt{ padding:0 1rem;}
#cell-1 .cc .txt strong{ font-weight:bold;}
#cell-1 .cc .pic{ padding:1rem 0;}
#cell-1 .cc .list{ padding:1rem 1rem 0;}
#cell-1 .cc .list li{ font-size:0.6rem; line-height:1rem; padding:0.5rem 1.5rem; border:solid 1px #434343; margin-bottom:0.5rem;}
#cell-1 .cc .list li strong{ color:#009e99;font-weight:bold;}
#cell-1 .cc .list li b{ font-weight:bold;}
#cell-1 .process{ text-align:center; padding:1rem 0;}
#cell-1 .process h3{color:#009e99; padding-bottom:1rem;}
@media screen and (max-width:340px){
	#cell-1 .a2 h3 p{flex-wrap:wrap;}
	#cell-1 .a2 h3 p span{padding:0;width:65px;}
}
/*围产期干细胞 - 免疫细胞存储*/
.cell-2{/* border-top:solid 1px #262626;*/}
.cell-2 .info{ padding:0 15px 1rem 15px;}
.cell-2 .info h4{ color:#eb6877; font-size:15px; font-weight:bold;border-bottom:1px solid #eb6877;text-align:center;height:36px;line-height:36px;margin-bottom:10px;}
.cell-2 .info p{ font-size:12px;text-align: justify;color:#333;line-height:1.5em;}
.cell-2 .info p strong{ color:#ec6941;}
.cell-2 .info p.c-box{padding:12px;border:1px solid #eb6877;border-radius: 10px;}
.cell-2 .pic img{display: block;width:100%;height: auto;}
.cell-2 .gray-line{background:#f7f7f7;padding:20px 0;margin-bottom:20px;}
.cell-2 .title{text-align: center;color:#eb6877;font-size:15px;line-height:34px;font-weight:bold;padding:10px 0;}
.cell-2 .gray-line ul{display: flex;flex-wrap: wrap;margin:0 15px;justify-content: space-between;}
.cell-2 .gray-line ul li{width:48%;text-align: center;background:#fff;border-radius:5px;margin:0 0 12px 0;}
.cell-2 .gray-line ul:after{display: none;}
.cell-2 .gray-line ul li span{display: block;color:#eb6877;font-size:15px;font-weight: bold;border-bottom:1px solid #f7f7f7;height:35px;line-height:35px;}
.cell-2 .gray-line ul li p{font-size: 12px;line-height:1.5em;margin:0 8px;text-align: justify;height:145px;padding-top:10px;}
.cell-2 .gray-line .tbox{border:1px solid #eee;border-radius:6px;margin:21px 15px;background:#fff;padding:10px 16px;}
.cell-2 .gray-line .tbox span{color:#eb6877;display: block;font-size:15px;text-align: center;margin:10px 0;}
.cell-2 .gray-line .tbox p{font-size:12px;line-height:1.5em;text-align: justify;margin-bottom:10px;}
.cell-2 .hb{ height:8rem; line-height:8rem; text-align:center; background:url(../images/cell2-1.jpg) center no-repeat; background-size:cover;color:#165069;text-transform: uppercase;}
.cell-2 .process{padding:.5rem 1rem 1.5rem 1rem;}
.cell-2 .process p.c-box{margin-bottom:20px;}
/*.cell-2 .process h4{ color:#009e96; font-weight:bold; font-size:0.8rem; padding-bottom:1.5rem;}*/
.cell-2 .process .list ul{ display:flex; flex-wrap:wrap; justify-content:space-between;margin-top:10px;}
.cell-2 .process .list li{ width:50%; font-size:0.6rem; line-height:1rem; text-align:center; padding-bottom:1rem;}
.cell-2 .process .list li p{ padding:0 1rem;text-align:center;color: #000;}
.cell-2 .process .list li p span{font-size:14px;display: block;margin-bottom:5px;}
.cell-2 .process .list li img{ width:2.5rem;}
/*基因检测*/
#cell-3{border-top:solid 1px #262626;margin-top:15px;}
#cell-3 .about { font-size:0.7rem;}
#cell-3 .about h3{ font-size:0.8rem; font-weight:bold; text-align:center; padding:1rem 0 0.5rem;}
#cell-3 .txt{  padding:0 1rem;text-align: justify;}
#cell-3 .pic{ padding:1rem 0;}
#cell-3 .pic img{ width:100%;}
#cell-3 .tp{ padding:1rem 0;}
#cell-3 .tp h3{ font-size:0.7rem; font-weight:bold; text-align:center; padding-bottom:1rem;}
#cell-3 .tp li{position:relative; color:#595959; line-height:1rem; font-size:0.6rem; padding:0 0 1rem 2.5rem;}
#cell-3 .tp li strong{ display:block; color:#000; font-weight:bold; padding-bottom:0.25rem;}
#cell-3 .tp .ico{position:absolute; width:2rem;left:1rem;top:.2rem;}
#cell-3 .tp .ico img{ width:100%;}
/*发展历程*/
.history{ padding:3rem 0 0; margin-top:-65px; background:#fff;}
.history h6{ color:#333; font-size:0.8rem; text-align:center; font-weight:bold;} 
.history h5{ color:#808080; font-size:0.6rem; font-weight:normal; text-align:center; padding-bottom:1.5rem; }
.history ul{ position:relative; padding:0 0 0;/* background:url(../images/icon_15.gif) center 1rem repeat-y;*/margin-top: -1rem;}
.history ul:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:#a0a0a0;width:1px;height:100%;margin:1rem auto 0 auto;}
.history p.start{ position:absolute; left:50%; top:0; width:15px; height:15px; margin-left:-7px; background:url(../images/icon_16.png) no-repeat;}
.history li{ position:relative; width:50%; padding:0 0  0 0;}
.history li .ico{ position:absolute; width:2rem; height:2rem;}
.history li .ico b{ display:block; width:2rem; height:2rem; background:url(../images/icon_17.png) center center no-repeat; background-size:auto 2rem;}
.history li.h1{}
.history li.h2{ margin:0 0 0 50%;}
.history li.h1 .ico{ top:1rem; right:-0.95rem;}
.history li.h2 .ico{ top:1rem; left:-1rem;}
.history li.h1 .ico b{ top:2rem; right:-1rem;background:url(../images/icon_17.png) center center no-repeat;background-size:auto 2rem;}
.history li.h2 .ico b{ top:2rem; left:-1rem;background:url(../images/icon_18.png) center center no-repeat;background-size:auto 2rem;}
.history .img-year{ text-align:right; padding-bottom:10px;}
.history .img{ display:inline-block; height:2rem;}
.history .img img{ height:2rem;}
.history .year{ display:inline-block; width:3rem; height:2rem; vertical-align:top; padding-right:1rem;}
.history .txt{ color:#000; font-size:0.6rem; line-height:1rem; text-align:justify; padding:0 1rem;}
.history li.h2 .more{ text-align:right;}
.history li.h2 .txt{padding-left:1rem;}
.history li.h2 .img-year{ text-align:left; padding-left:1rem;}
.history li.h2 .year{ margin:0; padding:0;}
.history .h2007{ background:url(../images/2007.png) left bottom no-repeat; background-size:auto 2rem;}
.history .h2008{ background:url(../images/2008.png) left bottom no-repeat; background-size:auto 2rem;}
.history .h2009{ background:url(../images/2009.png) left bottom no-repeat; background-size:auto 2rem;}
.history .h2010{ background:url(../images/2010.png) left bottom no-repeat; background-size:auto 2rem;}
.history .h2011{ background:url(../images/2011.png) left bottom no-repeat; background-size:auto 2rem;}
.history .h2012{ background:url(../images/2012.png) left bottom no-repeat; background-size:auto 2rem;}
.history .h2013{ background:url(../images/2013.png) left bottom no-repeat; background-size:auto 2rem;}
.history .h2014{ background:url(../images/2014.png) left bottom no-repeat; background-size:auto 2rem;}
.history .h2015{ background:url(../images/2015.png) left bottom no-repeat; background-size:auto 2rem;}
.history .h2016{ background:url(../images/2016.png) left bottom no-repeat; background-size:auto 2rem;}
.history .h2017{ background:url(../images/2017.png) left bottom no-repeat; background-size:auto 2rem;}
.history .h2018{ background:url(../images/2018.png) left bottom no-repeat; background-size:auto 2rem;}
.history .h2019{ background:url(../images/2019.png) left bottom no-repeat; background-size:auto 2rem;}
.history .h2020{ background:url(../images/2020.png) left bottom no-repeat; background-size:auto 2rem;}
.history p.future_top{left:50%; top:0; width:100%; height:8rem; background:url(../images/future_top.png) center top no-repeat; background-size:auto 8rem;}
.history p.future{ left:50%; top:0; width:8px; height:8px;border-radius:8px;border:1px solid #a0a0a0;display: block;margin:1rem auto 48px auto;}
/* 投資者關係 */
.invest h1{font-size:12px;color:#000;font-weight:bold;text-align: center;}
.invest h1 span{color:#a0a0a0;font-weight: normal;display: block;}
.invest h2{height:40px;line-height:40px;border-bottom:1px solid #000;width:92%;margin:0 auto;font-size:15px;}
.invest .c-box{width:92%;margin:0 auto;display: flex;padding-top:30px;padding-bottom:35px;}
.invest .c-box .txt,.invest .c-box .pic{flex:1;}
.invest .c-box .txt{font-size:12px;line-height:1.75em;}
.invest .c-box .pic img{display: block;width:100%;}
.invest > img{display: block;width:100%;}
/* 合作伙伴 */
.partner {}
.title-line{color: #fff;font-size:16px;line-height: 1.6rem;height: 1.6rem;text-align: center;margin-bottom: 1rem;background: #8fc31f;font-weight: bold;}
.partner p{text-align: center;color:#000;font-size:12px;margin:40px 15px 32px 15px;}
.partner .pic{text-align: center;padding: 0 15px;}
.partner > img{display:block;width:100%;}
.partner > img.p1{margin-bottom:60px;}
.partner > img.p2{display: block;width:78.133334%;margin:26px auto 30px;}
.certification img{display: block;}
.certification .p1{width:74.4%;margin:36px auto 30px;}
.certification .p2{width:74.4%;margin:0 auto 30px;}
.certification .p3{width:90.66667%;margin:0 auto 40px;}
.certification .p4{width:87.33334%;margin:30px auto 85px;}
.page-navi{width:92%;text-align:center;display: flex;flex-wrap:nowrap;justify-content:center;/*border-radius:4px;*/margin:0 auto;}
.page-navi a{height:36px;line-height:36px;text-align:center;font-size:12px;color:#666;padding:0 10px;white-space: nowrap;flex:1;border-top:1px solid #60C0BC;border-bottom:1px solid #60C0BC;margin:25px 0 50px;}
.page-navi a:first-child{border-left:1px solid #60C0BC;border-top-left-radius:4px;border-bottom-left-radius:4px;}
.page-navi a:last-child{border-right:1px solid #60C0BC;border-top-right-radius:4px;border-bottom-right-radius:4px;}
.page-navi a.cur{background:#60C0BC;color:#fff;}
/*加入我们*/
.join-nav{padding-top:10px;display: flex;text-align:center;}
.join-nav a{display: block;flex:1;border-radius: 4px;height:36px;line-height:28px;border-left:1px solid #fff;color:#009e96;font-size:14px;
	background-image: -moz-linear-gradient( 90deg, rgb(215,215,215) 0%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(215,215,215) 0%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(215,215,215) 0%, rgb(255,255,255) 100%);
}
.join-nav a:first-child{border-left:0;}
.join-nav a.current{color:#8fc31f;}
.jobs_wrap{padding:0 15px;}
.jobs_wrap .title{padding:20px 0;font-size:12px;color:#a0a0a0;line-height:18px;}
.jobs_wrap .title span{display:block;font-weight: bold;color:#000000;}
.jobs_list{font-size:12px;color:#535353;width:100%;text-align: center;margin-bottom:25px;}
.jobs_list th{font-size:12px;color:#009e96;text-align: center;text-indent:1em;height:32px;line-height:32px;border-bottom:1px solid #a0a0a0;background:#fff;white-space: nowrap;}
.jobs_list td{height:32px;line-height:32px;border-bottom:1px solid #a0a0a0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.jobs_list tr:nth-child(odd){background:#eee;}
.jobs_list a{font-size:12px;color:#535353;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.jobs_detail dt{color:#fff;font-size:14px;background:#009e96;height:32px;line-height:32px;padding:0 15px;font-weight:bold;}
.jobs_detail dt span{font-size:11px;float:right;font-weight:normal;}
.jobs_detail .tags{padding:0 25px;display: flex;justify-content: space-between;line-height:36px;border-bottom:1px solid #a0a0a0;flex-wrap: wrap;}
.jobs_detail .tags span{display: block;white-space: nowrap;font-size:12px;color:#535353;}
.jobs_detail .cont{padding:25px 15px;font-size:12px;color:#535353;}
.jobs_detail .cont strong,.jobs_detail .cont b{font-weight: bold;}
.fixedbar{position:fixed;right:10px;bottom:10%;width:10%;/*8.53334%*/height:0;padding-top:10%;/*8.53334%;*/animation: all 5s;z-index: 999999999;}
.fixedbar .i{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background:url(../images/fixed_btn.png) center no-repeat;background-size:100%;margin:auto;box-shadow: 1.7px 1.8px 3.5px 0px rgba(0, 0, 0, 0.3);border-radius:36px;}
.fixedbar .fixedbox .close{display: none;}
.fixedbar.show{width:100%;height:100%;top:0;bottom:0;right:0;left:0;background:rgba(0,0,0,0.3);overflow:hidden;}
.fixedbar.show .fixedbox{width:65.33334%;height:0;/*280px;*/background:#fff;border-radius:6px;margin:20px auto;position:absolute;bottom:20%;left:0;right:0;padding-top:75.2%;box-shadow: 2px 3px 8px 0px rgba(0, 0, 0, 0.2);}
.fixedbar.show .fixedbox .i{width:40px;height:40px;background-size:40px;bottom:auto;margin:-20px auto 0;box-shadow: none;z-index:999;}
.fixedbar.show .fixedbox .close{display:block;font-size:24px;color:#a0a0a0;background:#fff;width:27px;height:27px;border-radius:27px;position:absolute;bottom:-46px;text-align:center;line-height:24px;left:0;right:0;margin:0 auto;font-style:normal;box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.28);}
.fixedbar .fixed-swiper{display: none;}
.fixedbar.show .fixed-swiper{display: block;width:100%;height:100%;margin:0 auto;border-radius:10px;position:absolute;top:0;left:0;right:0;bottom:0;}
.fixedbar.show .fixed-swiper .swiper-slide{padding-top:20px;}
.fixedbar.show .fixed-swiper .hotline{padding-top:25px;}
.fixedbar .fixed-swiper .qrcode{display: block;width:62%;margin:auto;padding-top:12.44%;}
.fixedbar .fixed-swiper .swiper-slide span{display:block;color:#a0a0a0;text-align:center;font-size:12px;margin-top: 6px;}
.fixedbar .fixed-swiper .swiper-slide p{text-align:center;background-color: rgb(238, 238, 238);padding:8px 14px;height:23px;width:75.9674%;margin:0 auto;border-radius:5px;}
.fixedbar .fixed-swiper .swiper-slide p a{font-size:12px;color:#fff;background:#8fc31f;width:100%;display: block;height:100%;line-height:23px;border-radius:5px;white-space:nowrap;}
.fixedbar .fixed-swiper .swiper-slide p img{display: inline-block;width:15px;height:auto;vertical-align: middle;margin-right:6px;}
.fixedbar .fixed-swiper .pagination{bottom:10px;}
.fixedbar .fixed-swiper .swiper-pagination-bullet{background:#c9c9c9;border:1px solid #c9c9c9;opacity:1;width:8px;height:8px;box-sizing:border-box;}
.fixedbar .fixed-swiper .swiper-pagination-bullet-active{background:#fff;}
@media screen and (max-width:340px){
	.fixedbar.show .fixed-swiper .hotline{padding-top:20px;}
	.fixedbar .fixed-swiper .swiper-slide span{margin-top:2px;}
	.fixedbar .fixed-swiper .pagination{bottom:0;}
}
@media screen and (min-width:400px){
	.fixedbar.show .fixed-swiper .hotline{padding-top:30px;}
	.fixedbar .fixed-swiper .swiper-slide span{margin-top:8px;line-height:28px;}
}
@media screen and (min-width:440px) and (max-width:600px){
	.fixedbar{width:50px;height:50px;}
	.fixedbar .i{width:50px;height:50px;background-size:50px;}
	.fixedbar.show .fixedbox .i{width:50px;height:50px;background-size:50px;margin-top:-22px;}
	.fixedbar.show .fixedbox .close{font-size:32px;width:40px;height:40px;border-radius:40px;bottom:-74px;line-height:35px;}
	.fixedbar.show .fixed-swiper .hotline{padding-top:40px;}
	.fixedbar .fixed-swiper .swiper-slide span{margin-top:12px;line-height:32px;font-size:14px;}
	.fixedbar .fixed-swiper .swiper-slide p{padding:10px 20px;height:32px;}
	.fixedbar .fixed-swiper .swiper-slide p a{height:32px;line-height:32px;font-size:14px;}
	.fixedbar .fixed-swiper .swiper-slide p img{width:18px;}
	.fixedbar .fixed-swiper .qrcode{padding-top:14.44%;}
}
.appointment_box{background:rgba(0,0,0,.3);z-index: 999999999;display:none;position:fixed;width:100%;height:100%;top:0;bottom:0;left:0;right:0;}
.appointment_box.show{display: block;}
.appointment_box .inbox{border-radius: 21px;left:0;right:0;top:0;bottom:0;margin:auto;position: absolute;width:90%;height: 338px;padding:0 9%;box-sizing:border-box;
  background-image: -moz-linear-gradient( 90deg, rgb(0,73,134) 0%, rgb(19,181,177) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(0,73,134) 0%, rgb(19,181,177) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(0,73,134) 0%, rgb(19,181,177) 100%);
}
.appointment_box .inbox h6{color:#fff;text-align: center;font-size:18px;font-weight:normal;line-height:1em;padding:23px 0 0 0;border-bottom:1px solid #fff;}
.appointment_box .inbox h6 p{font-size:14px;margin:10px 0 17px 0;}
.appointment_box .form_box{padding-top:7px;}
.appointment_box .form_line{border-radius: 2px;width: 100%;background-color: rgb(255, 255, 255);margin-top:10px;line-height:33px;display: flex;flex-wrap:nowrap;overflow:hidden;}
.appointment_box .form_line label{font-size: 14px;color: rgb(160, 160, 160);padding-left:16px;vertical-align:top;white-space:nowrap;}
.appointment_box .form_line input{display: inline-block;vertical-align: top;width:75%;height:32px;border:0;outline:none;}
.appointment_box .form_line textarea{display: inline-block;vertical-align: top;width:75%;border:0;height:60px;line-height:20px;outline:none;padding-top:8px;}
.appointment_box .btn_line{text-align:center;padding-top:25px;}
.appointment_box .btn_line .subbtn{border-radius: 15px;background-color: rgb(0, 183, 238);width: 95px;height: 30px;border:0;color:#fff;font-size: 14px;outline:none;cursor: pointer;}
.appointment_box .close{font-size:24px;color:#fff;background:rgb(3,3,3);width:24px;height:24px;border-radius:24px;position:absolute;bottom:-46px;font-weight: lighter;text-align:center;line-height:20px;left:0;right:0;margin:0 auto;opacity:0.8;font-style:normal;}
.consultant{padding:0 26px;}
.consultant h1{font-size:12px;color:#000;font-weight:bold;line-height:1em;margin:37px 0;text-align:center;}
.consultant h1 span{display:block;color:#a0a0a0;font-weight:normal;margin-top:15px;}
.consultant .form_wrap{margin:0 auto 50px auto;}
.consultant .form_item{margin-bottom:23px;display:flex;flex-wrap:nowrap;}
.consultant .form_item label{display: inline-block;line-height:35px;width:5em;text-align:left;font-size:12px;color:#000;white-space:nowrap;}
.consultant .form_item input{height:35px;border:1px solid #bfbfbf;line-height:35px;font-size:14px;text-indent:.5em;box-sizing:border-box;flex:1;}
.consultant .form_item .reloadverify{background:#ececec;height:35px;margin-top:-10px;}
.consultant .form_item .verifyimg{height:35px;display: block;width:auto;}
.consultant .form_item .submit-btn{display: block;height:30px;line-height:30px;text-align:center;margin:0 auto;border-radius:30px;border:0;color:#ffffff;font-size:12px;padding:0 33px;
  background-image: -moz-linear-gradient( 90deg, rgb(0,73,134) 0%, rgb(19,181,177) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(0,73,134) 0%, rgb(19,181,177) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(0,73,134) 0%, rgb(19,181,177) 100%);overflow: visible;outline:none;}
.consultant .staff_info{margin:0 auto 50px auto;}
.consultant .staff_info .avatar{display: block;width:50%;margin:0 auto 20px auto;}
.consultant .staff_info .info_txt{padding:0px 10px;font-size:14px;line-height: 32px;text-align: center;}
@media screen and (min-width: 760px){
#news ul{ padding:0 0 1rem;}
#news li{ padding:1.2rem;} 
#news li a{ display:flex; flex-wrap:nowrap;}
#news li .pic { width:8rem; padding-right:1rem;}
#news li .pic img{ width:100%; border:solid 1px #a0a0a0;}
#news li .txt .date{ color:#535353; font-size:0.7rem; line-height:1rem; padding-bottom:0.5rem;}
#news li .txt .tit{ height:0.8rem; font-size:0.8rem; font-weight:bold; padding-bottom:0.7rem; overflow:hidden;}
#news li .txt .desc{ height:2.7rem; color:#808080; font-size:0.6rem; line-height:0.9rem; overflow:hidden;}

#butten ul{ display:flex; flex-wrap:wrap; padding:2rem 1rem 0;}
#butten li{ width:25%; text-align:center; padding:0 0 2rem;}
#butten li img{ width:70%;}

/*分类1*/
.sort ul{ margin:1.5rem 0 0.5rem;}
.sort li{ width:20%;}
.sort li a{ width:75%; height:2rem; font-size:0.7rem; line-height:2rem; margin:0 auto;}
.s1 ul{ justify-content:flex-start; padding:0 0.8rem;}
.s1 li{ width:33.333%;}
.s1 li a{width:92%; margin:0 0 1rem;}
.s2 li{ width:20%;}
.s2 li a{width:92%; margin:0 0 1rem;}
/*分类2*/
.sort2 ul{ padding-bottom:0.5rem;}
.sort2 li{ width:20%;}
.sort2 li a{ width:6.5rem; height:1.8rem; font-size:0.7rem; line-height:1.6rem; margin:0 auto; }
/*分类3*/
.sort3 { justify-content:center; padding:0 1rem 1rem;margin-top:1rem;}
.sort3 a{ width:25%; font-size:0.65rem;}
.mcc .title{padding-top:20px;}
.mcc .txt{font-size:20px;line-height:1.6em;padding: 0 36px;margin-top: 20px;margin-bottom: 40px;}
.mcc .m2{background:#f7f7f7;padding-bottom:21px;}
.mcc .m2 li{border-radius: 14px;padding-top:38.66667%;margin:0 auto 28px;}
.mcc .m2 li .txt{width:380px;margin:0 36px 0 0;font-size:1rem;padding:60px 0 0 0;}
.mcc .m2 li .pic{width:270px;font-size:24px;}
.mcc .m2 li .pic .mcc_1{display: block;width:96px;margin:72px auto 20px auto;}
.mcc .m2 li .pic .mcc_2{display: block;width:96px;margin:72px auto 20px auto;}
.mcc .m2 li .pic .mcc_3{display: block;width:92px;margin:72px auto 24px auto;}
.mcc .m2 li:nth-child(2) .txt{padding:62px 0 0 42px;margin-right:0;}
.mcc .m2 li:nth-child(3) .txt{padding:102px 0 0 0;}
.mcc .m3 p{font-size:20px;}
#cell-1 .a2 h3 p span{font-size:0.6rem; padding:0 1rem;line-height:1.2rem;width: auto;height:1.2rem;}
#cell-1 .a2 p.keys span{ padding:0 1rem;line-height:1.2rem;width: auto;height:1.2rem;}
#cell-1 .a2 h3{ font-size:1.2rem;}
#cell-1 .a2 .txt{font-size:1rem;}
#cell-1 .cc .txt{font-size:.9rem;}
#cell-1 .cc .list li{font-size:0.7rem;}
.cell-2 .process .list li{ width:23%; font-size:0.6rem; line-height:1rem; padding-bottom:1rem;}
.cell-2 .process .list li p{ padding:0;}
.cell-2 .process .list li img{ width:5rem;}
.cell-2 .info h4{font-size:30px;height:72px;line-height:72px;margin-bottom:20px;}
.cell-2 .info p{ font-size:24px;}
.cell-2 .gray-line .tbox span{font-size:30px;margin:20px 0;}
.cell-2 .gray-line .tbox p{font-size:24px;margin-bottom:20px;}
.cell-2 .title{font-size:30px;line-height:68px;padding:20px 0;}
.cell-2 .gray-line ul li span{font-size:30px;height:70px;line-height:70px;}
.cell-2 .gray-line ul li p{font-size:24px;padding-top:20px;height:290px;margin:0 16px;}
.cell-2 .process .list li p span{font-size:28px;margin-bottom:10px;}
#cell-3 .tp{ padding:1rem 0;}
#cell-3 .tp ul{ display:flex; flex-wrap:wrap; padding:0 1rem}
#cell-3 .tp li{ width:50%; padding:0 0 1rem;}
.imcell .block-header{font-size:30px;padding-top:64px;margin-bottom:54px;line-height:1.25em}
.imcell .block-header span{font-size:21px;}
.imcell .imcell-product .block-header{font-size:36px;}
.imcell .imcell-product .block-header span{width:180px;}
.imcell > p{font-size:1rem;padding:0 28px;}
.imcell-product .imcell-tab li{height:120px;}
.imcell-product .imcell-tab li img{width:100%;height:118px;}
.imcell-product .imcell-swiper .txt {margin-bottom: 60px;margin-top: 30px;padding: 0 4px;}
.imcell-product .imcell-swiper .txt h3{font-size:24px;line-height:2em;padding-bottom:12px;}
.imcell-product .imcell-swiper .txt h3 span{font-size:20px;}
.imcell-product .imcell-swiper .txt p{font-size:20px;}
/* 汉氏荣耀 */
.honor-list .item{padding-top:170px;}
.honor-list .item:nth-child(2n){margin-right:30px;}
.honor-list .item:nth-child(4n){margin-right:0;}
.contact dl{width:48%;}
/*.cell-valley .nav-line .a1,.cell-valley .nav-line .a2{padding-left:127px;}
.cell-valley .nav-line .a1 img{width:46px;height:auto;top:58px;left:57px;}
.cell-valley .nav-line .a2 img{width:39px;height:auto;top:60px;left:61px;}*/
.cell-valley .nav-line p{padding:50px 0 0 0;font-size:18px;margin-bottom:30px;line-height:30px;}
.cell-valley .nav-line a{font-size:14px;height:34px;line-height:34px;border-radius:34px;padding:0 40px;}
.cell-valley h1{font-size:20px;line-height:1.2em}
.cell-valley h2{font-size:20px;}
.cell-valley p{font-size:14px;}
.invest h1{font-size:24px;line-height:1.8em;}
.invest h2{font-size:20px;line-height:50px;height:50px;}
.invest .c-box{margin: 0 30px 0 auto;display: block;padding-top:30px;padding-bottom:35px;width: 44%;}
.invest .c-box .txt{font-size:20px;line-height:1.5em;margin-bottom:20px;}
.invest > img{margin-top: -335px}
.newslist ul{padding:0 2rem;}
.page-navi{width:92%;text-align:center;display: flex;flex-wrap:wrap;justify-content:space-between;}
.page-navi a{height:36px;line-height:36px;border:1px solid #eee;margin:20px 5px 50px 5px;border-radius:4px;text-align:center;font-size:12px;color:#666;padding:0 10px;white-space: nowrap;}
.page-navi a:first-child,.page-navi a:last-child{border-color:#eee}
.page-navi a.cur{background:#60C0BC;color:#fff;border-color:#60C0BC;}
/*.fixedbar{width:60px;height:60px;}
.fixedbar .i{display: block;width:60px;height:60px;background:url(../images/fixed_btn.png) center no-repeat;background-size:60px;margin:auto;box-shadow: 1.7px 1.8px 3.5px 0px rgba(0, 0, 0, 0.3);border-radius:36px;}*/
.fixedbar.show .fixedbox .i{width:60px;height:60px;border-radius:60px;background-size:60px;margin-top:-30px;}
.fixedbar.show .fixedbox .close{height:54px;line-height:54px;width:54px;bottom:-86px;font-size:42px;line-height:48px;}
.fixedbar .fixed-swiper .swiper-slide span{font-size:24px;margin-top: 12px;line-height: 2.2em;}
.fixedbar .fixed-swiper .swiper-slide p{padding:16px 28px;height:46px;border-radius:10px;}
.fixedbar .fixed-swiper .swiper-slide p a{font-size:24px;line-height:46px;border-radius:10px;}
.fixedbar .fixed-swiper .swiper-slide p img{width:30px;margin-right:12px;}
}
/* 汉氏联合微信公众号菜单页面 */
.wx-body{background:#fff;}
.wx-wrapper{max-width:480px;margin:0 auto;}
.wx-wrapper > img{display: block;width:100%;height:auto;}

#newBridge{
	display: none !important;
}
.font-base {
	font-size: 14px;
}img {
	display: block;
}
div {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.video {
	width: 100vw;
}

.flex-col-center {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.colon-icon {
	width: 24px;
	height: 18px;
	margin-top: 40px;
}

.text-primary {
	color: #F78CA2;
}

.mt-10 {
	margin-top: 10px;
}

.mt-30 {
	margin-top: 30px;
}

.mt-40 {
	margin-top: 40px;
}

.line-h-22 {
	line-height: 20px;
}

.text-center {
	text-align: center;
}

.line-icon {
	width: 68px;
	height: 2px;
	margin-top: 30px;
}

.title {
	font-size: 18px;
	margin-top: 30px;
}

.hotline {
	font-weight: bold;
	font-size: 30px;
	color: #F78CA2;
	line-height: 37px;
	margin-top: 8px;
}

.hotline-title {
	font-size: 18px;
	margin-top: 8px;
}

.bg-1 {
	background: linear-gradient(180deg, #FCFCFC 0%, #F7F7F7 100%);
}

.pb-40 {
	padding-bottom: 40px;
}

.font-20 {
	font-size: 20px;
}

.superiority {
	padding: 40px 12px;
}

.banner {
	width: 100%;
	margin-top: 30px;
}

.superiority-menu {
	display: flex;
	flex-direction: row;
	margin-top: 20px;
}

.menu-item {
	width: 54px;
	height: 54px;
	background: linear-gradient(180deg, rgba(255, 207, 213, 0.21) 0%, #F78CA2 100%);
	opacity: 0.7;
	border-radius: 54px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.menu-item img {
	width: 25px;
	height: 25px;
}
.active div {
	background: #F78CA2 !important;
	opacity: 1 !important;
}

.active span {
	font-weight: bold !important;
}

.font-sm {
	font-size: 12px;
}

.font-bold {
	font-weight: bold;
}

.flex-1 {
	flex: 1;
}

.menu-icon {
	width: 25px;
	height: 25px;
}

.crowd {
	background: #f7f7f7;
	padding: 40px 12px;
}

.crowd-img {
	width: 100%;
}

.relative {
	position: relative;
}

.crowd-menu {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
	padding: 0 10px;
}

.crowd-menu-row {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top: 16px;
}

.text-white {
	color: #ffffff;
}

.crowd-icon-warp {
	width: 54px;
	height: 54px;
	border-radius: 8px;
	border: 1px solid #FFFFFF;
	display: flex;
	justify-content: center;
	align-items: center;
}

.selected div {
	background: rgba(255, 255, 255, 0.3) !important;
}

.selected span {
	font-weight: bold !important;
}

.mt-5 {
	margin-top: 5px;
}

.crowd-icon {
	width: 23px;
	height: 23px;
}

.ml-16 {
	margin-left: 16px;
}

.service-mode {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding-top: 40px;
}

.baby-img {
	width: 202px;
	height: 244px;
	position: absolute;
	left: 24px;
	bottom: 26px;
}

.round-img {
	width: 240px;
	height: 240px;
}

.mt-60 {
	margin-top: 60px;
}

.service-icon-warp {
	width: 30px;
	height: 30px;
	background: linear-gradient(180deg, rgba(247, 140, 162, 0.21) 0%, #FF7084 100%);
	border-radius: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.2s ease;
}

.service-icon {
	width: 17px;
	height: 17px;
	transition: all 0.2s ease;
}

.absolute {
	position: absolute;
}

.flex-col-right {
	display: flex;
	flex-direction: column;
	align-items: end;
}

.flex-col-left {
	display: flex;
	flex-direction: column;
	align-items: start;
}

.mt-8 {
	margin-top: 8px;
}

.onChange div {
	width: 41px !important;
	height: 41px !important;
	background: #F78CA2 !important;
	border-radius: 41px !important;
}

.onChange img {
	width: 24px !important;
	height: 24px !important;
}

.onChange span {
	opacity: 1 !important;
	font-weight: bold !important;
}

.nowrap {
	white-space: nowrap
}

.round-warp {
	width: 240px;
	height: 240px;
	border-radius: 240px;
	position: absolute;
	left: 0;
	top: 0;
	transform: rotate(0deg);
	transition: transform 0.3s ease;
}

.dot {
	width: 17px;
	height: 17px;
	background: #FFFFFF;
	border: 3px solid #F78CA2;
	border-radius: 17px;
	bottom: -10px;
	left: 112px;
	position: absolute;
}

.partner-warp {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	padding-top: 40px;
}

.step,
.step-bg,
.step-content {
	width: 68px;
	height: 68px;
	border-radius: 10px;
}

.step-bg,
.step-content {
	position: absolute;
	left: 0;
	top: 0;
}

.step-bg {
	background: linear-gradient(180deg, rgba(255, 207, 213, 0.21) 0%, #F78CA2 100%);
	opacity: 0.2;

}

.step-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.dot-icon {
	width: 10px;
	height: 10px;
	position: absolute;
	top: 29px;
	right: -5px;
}

.font-xl {
	font-size: 24px;
}

.arrow-right-icon {
	width: 18px;
	height: 10px;
	position: relative;
	z-index: 2;
}

.flex-row-cneter {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.step-line {
	width: 26px;
	height: 1px;
	background: #FCDBE3;
	position: absolute;
}

.flex-row-right {
	display: flex;
	flex-direction: row;
	justify-content: right;
}

.arrow-down {
	width: 68px;
	height: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.arrow-down-icon {
	width: 10px;
	height: 18px;
	position: relative;
	z-index: 2;
}

.arrow-down-line {
	width: 1px;
	height: 26px;
	background: #FCDBE3;
	position: absolute;
	top: 0;
	left: 34px;
}

.step-dot {
	box-sizing: border-box;
	width: 10px;
	height: 10px;
	background: #F78CA2;
	border: 1px solid #FFFFFF;
	border-radius: 10px;
	position: absolute;
	top: 29px;
	right: -5px;
}

.step-arrow {
	width: 26px;
	height: 68px;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.flex-row {
	display: flex;
	flex-direction: row;
}

.add-icon {
	position: absolute;
	top: -10px
}

.mt-20 {
	margin-top: 20px;
}

.bottom-warp {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding-top: 10px;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.opacity-30 {
	opacity: 0.3;
}
.font-14 {
	font-size: 14px;
}