@charset "utf-8";
*{ margin:0; padding:0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
body,p,h1,h2,h3,h4,h5,table,ul,li,form,input{ margin:0; padding:0; color:#000; font-family:"Microsoft Yahei","微软雅黑"; line-height: 1.8; }
body,p{ font-size:14px; border:none;}
a{ font-size:14px; color:#999; text-decoration:none; border:none; padding:0; margin:0;}
table{border-collapse:collapse;}
img{ border:0; margin:0; padding:0;}
ul,li{ list-style:none; border:0; margin:0; padding:0;}
dl,dt,dd{ margin:0; padding:0; -webkit-margin-start:0;}
h1,h2,h3,h4,h5{ font-weight:normal; font-size:12px; display:block;}
b{ font-weight:normal;}
table,tr,td{ border-spacing:0;}
em,i,b{ font-style:normal;}
p{ line-height: 170%; color: #555; font-size: 14px;}
input{ border: none; background: none; }
figcaption{ display: block;}
input:focus,button:focus{ outline: none; }
::-webkit-input-placeholder { /* WebKit browsers */ font-size:14px; color: #dfdfdf; } 
::-ms-input-placeholder { /* Internet Explorer 10+ */ font-size:14px;color: #dfdfdf; } 
.fl{float:left;}
.fr{float:right;}
.clearfix{*zoom:1;} 
.clearfix:before,.clearfix:after{display:table; line-height:0; content:"";}
.clearfix:after{clear:both;}

button{ background: none; border:none;}


.wrap{ max-width: 750px; width: 100%; margin: 0 auto;}


.header{ display: flex; justify-content: space-between; padding: 0 10px; align-items: center; position: fixed; left: 0; right: 0; bottom: 0; 
top: 0; max-width: 750px; width: 100%; margin: 0 auto; height: 55px; z-index: 333; background: #fff; border-bottom: 1px solid #E0E0E0;}
.header .logo img{ height: 38px; vertical-align: middle;}
.header-right{ display: flex; align-items: center; height: 55px;}
.header-right .zoom{ height: 50px; display: flex; align-items: center; padding-right: 20px;}
.header-right .zoom img{ height: 16px; width: 16px; display: block;}
.bar-btn{ cursor: pointer; display: flex; flex-direction: column;}
.bar-btn span{ margin-bottom:6px; transition: all 0.6s; display: block; width: 30px; background: #000; height: 3px;}
.bar-btn .span2{ width: 26px; }
.bar-btn .span3{  margin-bottom: 0;}
.bar-btn.on .span1{ transform: rotate(45deg) translate(5px,6px);}
.bar-btn.on .span2{ transform: rotate(-45deg); opacity: 0;}
.bar-btn.on .span3{ transform: rotate(-45deg) translate(5px,-6px);}

.login-btn{ color: #ffffff; font-size: 13px; background: #0071ba;  display: block; border-radius: 3px; height: 30px;
line-height: 30px; padding: 0 5px;  margin: 0 15px 0 0;}

.subnav{ background: #fff; position: fixed; top: 55px; z-index: 3333; right: 0; left: 0;  bottom: 0; padding: 20px; transform: scale(1.5);
transition: all 0.6s;  visibility: hidden; opacity: 0; filter: blur(30px); max-width: 750px; width: 100%; margin: 0 auto;}
.subnav li a{ display: block; font-size: 16px; color: #333; padding: 10px 0; }
.subnav.on{ opacity: 1; visibility: visible; transform: none; filter: blur(0px);}
.subnav .div1{ display: flex; justify-content: space-between; padding-top: 30px;}
.subnav .div1 a{ display: block; border:1px solid #0071ba; color: #0071ba; font-size: 15px; border-radius: 5px;
height: 40px; line-height: 38px; width: 45%; text-align: center;}
.banner{  margin-top: 55px;}
.banner img{ display: block; max-width: 100%;}
.banner .swiper-pagination-bullet{ background: #fff; }

.index-tit{ margin-bottom: 20px;}
.index-tit h3{ color: #333333; font-size: 18px; font-weight: bold;  text-align: center; }
.index-tit h3 i{ display: block; margin: 10px auto; background: #000; width: 40px; height: 3px;}
.index-sec1{ padding: 30px 15px;}
.index-sec1 .p1{ color: #666666; font-size: 14px; line-height: 36px;}
.index-sec1 .more{ display: block;  background: #fff; font-size: 15px; color: #222; margin:20px auto 30px auto;
height: 40px; line-height: 38px; width:140px; text-align: center; border: 2px solid #222; border-radius: 30px;}
.index-sec1 ul{ display: flex; flex-wrap: wrap; margin-left: -7px; margin-right: -7px; position: relative;}
.index-sec1 ul li{ width: calc(100%/2 - 15px); margin-left: 7px; margin-right: 7px; margin-bottom: 15px;}
.index-sec1 ul li img{ display: block; width: 100%;}
.index-sec1 ul a{ position: absolute;  top: 50%; left: 50%;  transform: translate(-50%,-50%); display: block; width: 100%; }
.index-sec1 ul a img{width:29%; display: block; margin: 0 auto;}

.index-sec1 .swiper-container{ box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);	border-radius: 10px; background: #fff;
display: block;}
.index-sec1 .swiper-slide img{ display: block; width: 100%; height: auto;}
.index-sec1 .swiper-slide h3{ color: #333; font-size: 18px; font-weight: bold; margin: 10px 0; white-space: nowrap; overflow: hidden;
text-overflow: ellipsis;}
.index-sec1 .swiper-slide p{ line-height: 30px; font-size: 14px; color: #333; height: 150px; overflow: hidden;
text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5;}
.index-sec1 .swiper-slide .item-text{ padding: 15px 10px;}
.index-sec1 .swiper-pagination1 { display: flex; justify-content: center; padding: 30px 0;}
.index-sec1 .swiper-pagination-bullet{  margin: 0 5px; transition: all 0.6s;}
.index-sec1 .swiper-pagination-bullet-active{ width: 20px; border-radius: 3px; background: #2056d4;}

.index-sec2{ background: #f5f5f5;padding: 30px 15px; }
.index-sec2 .swiper-slide{ background: #fff;}
.index-sec2 .swiper-slide strong {font-family: impact;color: #d8d8d8; line-height: 40px; font-size: 24px; font-weight: normal;}
.index-sec2 .swiper-slide a{ display: block;  box-shadow: 0px 0px 10px 0px rgba(6, 0, 1, 0.06);	border-radius: 10px; transition: all 0.6s;
padding: 25px 10px 20px 10px;  width: 100%;  position: relative; overflow: hidden;}
.index-sec2 .swiper-slide a::after{ background: url(../images/index-line.png) no-repeat top right; position: absolute; content: '';
display: block; top: 0; right: 0; height: 100%; width: 100%;}
.index-sec2 .swiper-slide h3{ color: #333333; font-size: 16px; margin:5px 0 5px 0;}
.index-sec2 .swiper-slide p{  color: #666666; font-size: 14px; line-height: 24px; transition: all 1s;
 overflow: hidden; text-overflow: ellipsis; height: 24px; display: -webkit-box; -webkit-box-orient: vertical;
-webkit-line-clamp: 1;} 

.index-sec3{ padding: 35px 10px; background: url(../images/index-bg1.png) no-repeat top center; background-size: 100% auto;}
.index-sec3 img{ display: block; width: 100%; height: auto; border-radius: 15px; box-shadow: 0px 0px 5px 0px rgba(6, 0, 1, 0.2);}
.index-sec3 .swiper-slide{ padding: 0 5px;}
.index-sec3 .tab-text h3{ color: #333333; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
margin: 20px 0 10px 0;}
.index-sec3 .tab-text p{ color: #333333; font-size: 14px; line-height: 30px; position: relative; padding-left: 10px;}
.index-sec3 .tab-text p::before {content: '';display: block;position: absolute;left: 0;height: 3px;background: #333;width: 3px;border-radius: 100%;top: 12px;}
.index-sec3 .tab-text a{ display: block; 	border: solid 2px #222222; border-radius: 20px; height: 40px; width: 140px;
display: block; line-height: 38px; text-align: center; color: #222; font-size: 14px; margin-top: 20px;}
.index-sec3 .tab-text a i{ display: none; vertical-align: 1px; background: url(../images/index-arrow.png) no-repeat center;
width: 30px; height: 8px; background-size: 20px auto; } 
.index-sec3 .swiper-pagination1 { display: flex; justify-content: center; padding: 30px 0 0 0;}
.index-sec3 .swiper-pagination-bullet{  margin: 0 5px; transition: all 0.6s;}
.index-sec3 .swiper-pagination-bullet-active{ width: 30px; border-radius: 10px; background: #0071ba;}

.index-sec4{ background: #fafafa; padding: 35px 15px 20px 15px;}
.index-sec4 ul{ display: flex; flex-wrap: wrap; margin-left: -7px; margin-right: -7px; padding-top: 10px;}
.index-sec4 li{ width: calc(100%/2 - 15px); margin-left: 7px; margin-right: 7px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.1);
margin-bottom: 15px;}
.index-sec4 li img{ display: block; width: 100%; height: auto;}
.index-sec4 li .item-text{ padding: 10px;}
.index-sec4 li h3{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 16px; color: #333; margin: 5px 0;}
.index-sec4 li p{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;
line-height: 22px; height: 44px; overflow: hidden; font-size: 14px; color: #888;}

.footer{ background-color: #f2f3f6; padding: 35px 15px 15px 15px;}
.footer h3{ border:1px solid #0071ba; color: #0071ba; font-size: 16px; text-align: center; line-height: 38px;
height: 40px;}
.footer .logo img{ display: block; margin: 20px auto; height: auto; height: 40px;}
.footer .p1{ display: flex; flex-wrap: wrap; justify-content: center; margin-left: -10px; margin-right: -10px; display: none;}
.footer .p1 a{ display: block; color: #333; font-size: 14px; margin: 0 10px 10px 10px;}
.footer .code { padding: 10px; border:1px solid #E0E0E0; width: 100px; margin: 10px auto 0 auto; display: none;}
.footer .code img{ display: block; margin: 0 auto; height: 80px;}
.footer .p2{ color: #333333; font-size: 13px; text-align: center; line-height: 26px; margin-top: 20px;}

/* 脐带/胎盘干细胞 */
.neibanner{ position: relative; margin-top: 55px;}
.neibanner img{ display: block; width: 100%; object-fit: cover; margin: 0 auto;}
.neibanner .item-text{ position: absolute; top: 50%; left: 50%; padding: 0 20px; transform: translate(-50%,-50%); width: 100%;}
.neibanner .item-text h3{ color: #fff; font-size: 20px;  margin-bottom: 10px;} 
.neibanner .item-text p{ font-size: 14px; color: #fff; border-left: 2px solid #0071ba; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 5px; line-height: 14px;}

.taipan-sec1{ background: url(../images/tanpan-bg1.png) no-repeat top center; background-size: cover;
padding: 35px 15px;}
.taipan-sec1 .text1 h3{ color: #000000; font-size: 20px;}
.taipan-sec1 .text1 h4{ color: #000000; font-size: 20px; padding-left: 30px;}
.taipan-sec1 .text1 p{ color: #666; font-size: 14px; padding-left: 30px;}
.taipan-sec1 .text1 h3 i{ height: 2px; width: 20px; background: #0071ba; display: inline-block; vertical-align: middle; margin-right: 10px;}
.taipan-sec1 .text2{ box-shadow: 0px 0px 20px 0px rgba(6, 0, 1, 0.1); background: #fff; padding: 10px; margin-top: 20px;}
.taipan-sec1 .text2 p{ color: #666666; font-size: 15px; line-height: 30px;}
.taipan-sec1 .text2 p b{ color: #0071ba;}

.taipan-sec2 {padding: 35px 15px 65px 15px;}
.taipan-sec2 h3{ color: #000000; font-size: 20px; margin-bottom: 20px;}
.taipan-sec2 .p1{ font-size: 16px; color: #0071ba; margin: 0 0 10px 0; }
.taipan-sec2 .p2{ line-height: 32px; font-size: 14px; color: #666;}
.taipan-sec2 .tab-pal{ display: none;}
.taipan-sec2 .tab-pal.on{ display: block;}
.taipan-sec2 .tab-hd ul{background: url(../images/tab1.png) no-repeat top center; width: 100%; background-size: 100% auto; height: 340px; }
.taipan-sec2 img{ display: block; margin-top: 30px; height: 250px; margin: 30px auto 0 auto;}
.taipan-sec2 .swiper-slide{ background: #fff;}

.taipan-sec2 .swiper-pagination2 { display: flex; justify-content: center; padding: 30px 0 0 0; width: 100%; left: 0; right: 0;}
.taipan-sec2 .swiper-pagination-bullet{  margin: 0 5px; transition: all 0.6s;}
.taipan-sec2 .swiper-pagination-bullet-active{ width: 30px; border-radius: 10px; background: #0071ba;}
.taipan-sec3{ background:#f5f5f5 url(../images/tanpan-bg2.png) no-repeat top center; background-size: 100% auto; padding: 35px 15px;}
.taipan-sec3 h3{ color: #ffffff; font-size: 18px; font-weight: bold; margin-bottom: 30px;}
.taipan-sec3 ul{ background: #fff; box-shadow: 0px 0px 10px 0px	rgba(6, 0, 1, 0.1);	border-radius: 10px; display: flex;
 justify-content: space-around; padding: 20px 5px;}
.taipan-sec3 li img{ display: block; margin: 0 auto; height: 35px;}
.taipan-sec3 li p{ text-align: center; color: #333; font-size: 14px; margin-top: 10px;}
.taipan-sec3 li.l{ align-self: flex-end; color: #333;}
.taipan-sec3 .p1{  color: #000000; font-size: 14px; line-height: 32px; margin-top: 30px;}


.taipan-sec4{padding: 35px 5px 35px 5px;}
.taipan-sec4 .text { padding: 0 10px;}
.taipan-sec4 .text h3{ text-align: center; color: #000; font-size: 18px; margin-bottom: 10px;}
.taipan-sec4 .text p{ text-align: center; font-size: 14px; line-height: 26px; color: #000;}
.taipan-sec4 ul{ display: flex; flex-wrap: wrap; margin-left: -4px; margin-right: -4px; padding-top: 10px; margin-top: 20px;}
.taipan-sec4 li{ width: calc(100%/3 - 8px); margin-left: 4px; margin-right: 4px; background: #fff; margin-bottom: 15px;}
.taipan-sec4 li img{ display: block; width: 90px; margin: 0 auto; height: 90px; border-radius: 100%;}
.taipan-sec4 li h3{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 15px; color: #333; margin: 5px 0; text-align: center;}
.taipan-sec4 li p{ /*display: -webkit-box; height: 44px;*/-webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;
line-height: 22px;  overflow: hidden; font-size: 13px; color: #888; text-align: center;}

.taipan-sec5{ display: none; background: url(../images/tanpan-bg3.png) no-repeat top center; background-size: cover; padding: 35px 15px;}
.taipan-sec5 img{ display: block; width: 100%;}
.taipan-sec5 h3{ text-align: center; color: #ffffff; font-size: 18px; margin-bottom: 30px;}

.taipan-sec6{ padding:0 15px 35px;}
.taipan-sec6 dl{background-color: #ffffff;	box-shadow: 0px 0px 5px 0px rgba(6, 0, 1, 0.1);	border-radius: 4px;}
.taipan-sec6 h3.tit{ text-align: center; color: #000000; font-size: 18px; margin-bottom: 20px; transition: all 0.6s;}
.taipan-sec6 dl dd{ border-bottom: 1px solid #e5e5e5; cursor: pointer;}
.taipan-sec6 dl h3{ color: #000000; font-size: 15px; padding: 20px 15px;  transition: all 0.6s;}
.taipan-sec6 dl div{ display: none;}
.taipan-sec6 dl p{ color: #666666; font-size: 13px; line-height: 32px; padding: 15px;}
.taipan-sec6 dd.on h3{ color: #fff; background: #0071ba; }

/* 免疫细胞 */
.mianyi-sec1{ background: url(../images/mianyi-bg1.png) no-repeat top center; background-size:cover; padding: 35px 0px;}
.mianyi-sec1 .text{ padding: 0 15px;}
.mianyi-sec1 h3{ text-align: center; color: #0071ba; font-size: 18px; margin-bottom: 15px;}
.mianyi-sec1 .p1{ color: #333333; font-size: 14px; line-height: 35px; text-align: center;}
.mianyi-sec1 .swiper-container{ margin-top: 20px; padding-left: 15px;}
.mianyi-sec1 .swiper-slide a{ 	box-shadow: 0px 0px 5px 0px rgba(1, 1, 1, 0.1);  display: flex; background: #fff;}
.mianyi-sec1 .swiper-slide .item-img{ width: 100px; flex-shrink: 0; height: 164px;}
.mianyi-sec1 .swiper-slide img{ height: 100%; display: block; width: 100%; object-fit: cover;}
.mianyi-sec1 .swiper-slide p{ color: #333333; font-size: 14px; line-height: 24px; height: 144px; overflow: hidden;
text-overflow: ellipsis; /*display: -webkit-box;*/ -webkit-box-orient: vertical; -webkit-line-clamp:4; }
.mianyi-sec1 .swiper-slide .item-text{ padding: 10px; overflow: hidden; flex-grow: 1;}
.mianyi-sec1 .swiper-slide .item-text b{ color: #0071ba;}

.mianyi-sec2{ padding: 35px 15px;}
.mianyi-sec2 h3{ color: #333; font-size: 18px; text-align: center; margin-bottom: 20px;}
.mianyi-sec2 img{ display: block; width: 100%; height: auto; margin: 20px auto;}
.mianyi-sec2 .p1{ line-height: 32px; font-size: 14px; color: #333;}


.mianyi-sec3 { position: relative; background: url(../images/mianyi-bg2.png) no-repeat top center; background-size: 100% auto;
padding: 35px 15px 85px 15px;}
.mianyi-sec3 h2{ color: #ffffff; font-size: 20px; font-weight: bold;  margin-bottom: 20px;}
.mianyi-sec3 .div1{ display: flex;}
.mianyi-sec3 .div1 strong{ color: #ffffff; font-size:22px; font-family: impact; flex-shrink: 0; width: 40px; line-height: 1; font-weight: normal;}
.mianyi-sec3 .div1 h4{ color: #ffffff; font-size: 16px; line-height: 1;}
.mianyi-sec3 .div1 p{ color: #ffffff; font-size: 14px; margin-top: 10px; line-height: 25px; /*display: -webkit-box;*/
-webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; height: 150px;}

.mianyi-sec3 #tab2{ background-color: #ffffff;	box-shadow: 0px 0px 10px 0px rgba(6, 0, 1, 0.1); border-radius: 6px; 
display: flex;  position: absolute; bottom: -50px; left: 15px; right: 15px; flex-wrap:wrap;}
.mianyi-sec3 #tab2 a{ display: block;  flex-grow: 1; width: 50%; text-align: center; color: #333333; font-size: 15px; height: 50px; line-height: 50px; transition: all 1s; border-bottom: 1px solid #F5F5F5; border-right: 1px solid #F5F5F5; }
.mianyi-sec3 #tab2 a:nth-child(2n){ border-right: none;}
/* .mianyi-sec3 #tab2 a.active{ background: #0071ba; color: #fff;  border-color: #0071ba;} */

.mianyi-sec4 { background: url(../images/map.png) no-repeat center; background-size: 100% auto;  padding: 100px 15px 35px 15px;}
.mianyi-sec4 .sec4cont{ display: flex; justify-content: space-between; align-items: center;}
.mianyi-sec4 h2{ color: #000000; 	font-size: 18px; margin-bottom: 10px;}
.mianyi-sec4 .left{ padding-right: 10px;}
.mianyi-sec4 .left p{ 	color: #000000; font-size: 13px; line-height: 26px; position: relative; padding-left: 10px;}
.mianyi-sec4 .left p::before{ position: absolute; content: ''; display: block; background: #333; border-radius: 100%;
height: 3px; width: 3px; left:0px; top: 10px;}
.mianyi-sec4 .right img{ display: block; height: auto; width:115px;}

/* 会员中心 */
.header1{ box-shadow: 0px 0px 10px 0px rgba(6, 0, 1, 0.1);}
.huiyuan-page{ padding-top: 55px;}
.huiyuan-sec1 { padding:20px 0 35px 0;}
.huiyuan-sec1 .text{ padding: 0 15px;}
.huiyuan-sec1 .text h3{ color: #333333; font-size: 16px;}
.huiyuan-sec1 .text h3 i{ display: inline-block; width: 34px;height: 2px;background-color: #999999; vertical-align: middle;} 
.huiyuan-sec1 .text h2{ color: #333333; font-size: 20px; font-weight: bold; position: relative; display: inline-block;}
.huiyuan-sec1 .text h2 img{ position: absolute; top: -28px; right: -10px; height: 30px;}
.huiyuan-sec1 .text h2::before{ display: block; content: ''; position: absolute; bottom: 6px; background: #0071ba;
width: 100%; left: 0; right: 0; height: 4px; z-index: -1;}
.huiyuan-sec1 .tab-hd ul{ display: flex;}

.huiyuan-sec1 .ul1{ background: #0071ba; margin-top: 20px;  justify-content: space-between;}
.huiyuan-sec1 .ul1 li{ flex-grow: 1; padding: 0 5px;}
.huiyuan-sec1 .ul1 a{ display: block; text-align: center;  font-weight: bold; font-size: 16px; color: #fff; line-height: 45px;}
.huiyuan-sec1 .ul1 li.on a{ background: #0071ba;}

.huiyuan-sec1 .ul2{ background: #FAFAFA;}
.huiyuan-sec1 .ul2 li a{ line-height: 45px; color: #333; font-size: 14px;  position: relative; display: block;}
.huiyuan-sec1 .ul2 li{padding: 0 10px;}
.huiyuan-sec1 .ul2 li.on a::before{ position: absolute; content:''; display: block; left: 0; right: 0; height: 2px; bottom: 0;
background: #0071ba; width: 100%;}

.huiyuan-sec1 .tab-pal{ padding: 20px 15px 0 15px;}
.huiyuan-sec1 .tab-pal .p1{ color: #333333; line-height: 30px; font-size: 14px;}
.huiyuan-sec1 .barline{background:#f5f5f5; overflow:hidden; height: 9px; border-radius: 10px;  margin-top: 10px;}
.huiyuan-sec1 .barline div.charts{ height:9px; overflow:hidden; background:#0071ba; border-radius: 10px;  }
.huiyuan-sec1 .div2{ display: flex; justify-content: space-between; padding:20px 0 15px 0;}
.huiyuan-sec1 .div2 span{color: #0071ba; font-size: 16px; }
.huiyuan-sec1 .div2 a{ background: #0071ba; color: #fff; font-size: 14px; height: 35px; line-height:35px; text-align: center;
width: 120px; display: block;}
.huiyuan-sec1 .div2 a img{ display: inline-block; vertical-align: middle; height: 12px; margin-left: 5px;}
.huiyuan-sec1 .yeardiv{ display: flex; justify-content: space-between; padding: 10px 0 0 0;}
.huiyuan-sec1 .yeardiv span{color: #333; font-size: 14px; }

.huiyuan-sec2{ padding: 15px 15px; background: #d0ebeb;}
.huiyuan-sec2 ul{ background-color: #fff; padding: 20px;}
.huiyuan-sec2 li{ margin-bottom: 15px; }
.huiyuan-sec2 li h3 i{ display: inline-block; vertical-align: middle; background: #0071ba; height: 2px; width: 20px; margin-right: 5px;}
.huiyuan-sec2 li b{ color: #0071ba;}
.huiyuan-sec2 li h3{ font-size: 16px;}
.huiyuan-sec2 li h3 b{ font-size: 16px; display: inline-block; vertical-align: middle; margin-right: 10px; font-family: arial;}
.huiyuan-sec2 .div{ padding-left: 55px; margin-top: 10px;}
.huiyuan-sec2 .div b{ margin: 8px 0; display: block; }
.huiyuan-sec2 .div p{ color: #666666; font-size: 14px; line-height: 26px;}
.huiyuan-sec2 a{ background: #0071ba; color: #fff; font-size: 14px; height: 35px; line-height:35px; text-align: center;
width: 120px; display: block; margin: 25px 0 5px 0;}
.huiyuan-sec2 a img{ display: inline-block; vertical-align: middle; height: 12px; margin-left: 5px;}

/* 关于我们 */
.aboutpage{ padding: 35px 15px;}
.aboutpage p{ line-height: 35px; font-size: 14px; color: #333; margin: 0 0 10px 0;}
.aboutpage p.red{ color: #0071ba;}


/* 登陆 */
.loginpage{ background: url(../images/loginbg.png?v=0) no-repeat top center; background-size:cover;
height: 100vh; position: relative;  overflow: hidden;}
.loginpage ul{ position: absolute; top: 30%; background-color: #ffffff;	box-shadow: 0px 0px 15px 0px rgba(223, 75, 66, 0.2);
	border-radius: 10px; right: 15px; left: 15px; padding:30px 20px 10px 20px;}
.loginpage .li{ display: flex; background-color: #f8f8f8;border-radius: 4px; height: 45px; margin-bottom: 20px; align-items: center; padding: 0 10px; justify-content: space-between;}
.loginpage .li span{ color: #000000; font-size: 14px; display: block; flex-shrink: 0; width: 68px;}
.loginpage .li span i{ display: inline-block; vertical-align: middle; color: #0071ba;}
.loginpage .li input{ flex-grow: 1; height: 40px;}
.loginpage li label input{appearance:none;-moz-appearance:none;-webkit-appearance:none; vertical-align: middle;
  margin-right: 10px; position: relative; width: 16px;height: 16px;border-radius: 2px; border: solid 1px #aaaaaa; display: inline-block;}
.loginpage li input[type="checkbox"]::before {content: ""; position: absolute;background: #fff;  top: 0; left: 0; right: 0; bottom: 0; background-size: 30% auto; }
.loginpage li label { display: flex; align-items: center; margin:30px 0 10px 0;}
.loginpage li span{ font-size: 14px; color: #333333; line-height: 1;}
.loginpage li input[type="checkbox"]:checked{ border-color: #0071ba;}
.loginpage li input[type="checkbox"]:checked::before { background:#0071ba url(../images/dui.png) no-repeat center; }
.loginpage li a{ color: #0071ba;}
.loginpage li button {width: 100%;height: 45px;background-color: #0071ba;border-radius: 4px;color: #ffffff;font-size: 15px;cursor: pointer;outline: none; margin-top: 20px;}
.loginpage li.last a{ color: #888; display: block; text-align: center; margin:25px 0 15px 0;}
.loginpage li.last a b{ color: #0071ba;}
.loginpage li .yzm-div { display: flex; justify-content: space-between; flex-grow: 1; align-items: center;}
.loginpage li .yzm-div img{ display: block; height: 30px; }

/* 常见问题详情 */

.ques-detailpage{ padding: 35px 15px;}
.ques-detailpage .ques-tit{ border-bottom: 1px solid #E0E0E0; padding-bottom: 20px; margin-bottom: 20px;}
.ques-detailpage .ques-tit h3{ color: #333333; font-size: 16px; line-height: 30px; margin-bottom: 10px;}
.ques-detailpage .ques-tit p span{ display: inline-block; color: #888; font-size: 13px; margin-right: 10px;}
.ques-detailpage .ques-cont img{ display: block; width: 100%; margin: 10px auto;height:auto;}
.ques-detailpage .ques-cont p{ line-height: 35px; font-size: 14px; color: #333;}

.fenpian{ box-shadow: 0px 0px 5px 0px rgba(1, 1, 1, 0.1); height: 50px; align-items: center; justify-content: space-between;
display: flex; padding: 0 20px; margin: 30px 0;}
.fenpian a{ display: block; color: #666666; font-size: 14px;  text-align: center;}

.relate-news h3{ color: #333333; font-size: 16px; margin-bottom: 10px; margin-top: 15px;}
.relate-news li a{ display: flex; justify-content: space-between; align-items: center; padding: 5px 0;}
.relate-news li p{ color: #333333; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.relate-news li i{ display: block; background: url(../images/blackarrow.png) no-repeat center; background-size: 6px auto; width: 12px; height: 20px; flex-shrink: 0; margin-left: 20px;}

/* 常见问题 */

.question-page{ padding: 35px 15px;}
.question-page li{ margin-bottom: 15px;}
.question-page li img{ display: block; width: 100%}
.question-page li .item-text{ padding:10px 0 0 0;}
.question-page li .item-text h3{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #000; font-size: 15px;}
.question-page li .item-text p{ display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #888;
line-height: 20px; height: 40px; overflow: hidden; text-overflow: ellipsis; margin: 5px 0;}
.question-page li span{ color: #C8433B; font-size: 14px;}
.question-page li span i{ display:inline-block;   background: url(../images/arrowred.png) no-repeat center;
width: 30px; height: 8px; background-size: 20px auto;}


/* iPSC存储 */

.ipsc-sec1{ background: url(../images/ipsc-logo.png) no-repeat center; padding: 35px 15px;}
.ipsc-sec1 h3{ color: #000000; font-size: 18px; text-align: center;}
.ipsc-sec1 h3 i{ display: block; background: #C8433B; height: 1px; width: 35px; margin: 15px auto;}
.ipsc-sec1 p{ line-height: 35px; font-size: 14px; color: #000;}
.ipsc-sec1 img{ display: block; margin:15px auto 0 auto; width: 100%; height: auto;}

.ipsc-sec2{ background: url(../images/ispc-bg2.png) no-repeat center; background-size: cover; padding: 35px 0;}
.ipsc-sec2 .tit{ display: flex; padding: 0 15px;}
.ipsc-sec2 .tit h3{ color: #000000; font-size:18px; flex-grow: 1; white-space: nowrap;  padding-top:5px; margin-left: -15px; position: relative;
z-index: 3;}
.six-block { width: 30px; display: flex; justify-content: space-between; flex-wrap: wrap; flex-shrink: 0; height: 30px;}
.six-block div{ width: 8px; height: 8px; margin-bottom: 2px; animation: infinite 0.9s changecolor ;}
.six-block .b1{ background: #e2615a; animation-delay: 0.1s;}
.six-block .b2{ background: #e57d78; animation-delay: 0.2s;}
.six-block .b3{ background: #e89c99; animation-delay: 0.3s;}
.six-block .b4{ background: #e57d78; animation-delay: 0.4s;}
.six-block .b5{ background: #e89f9c; animation-delay: 0.5s;}
.six-block .b6{ background: #ecbbba; animation-delay: 0.6s;}
.six-block .b7{ background: #e9a19e; animation-delay: 0.7s;}
.six-block .b8{ background: #ecc1c0; animation-delay: 0.8s;}
.six-block .b9{ background: #f0dfe0; animation-delay: 0.9s;}
.ipsc-sec2 .swiper-slide{ display: block; background: #fff; box-shadow: 0px 0px 5px 0px 	rgba(1, 1, 1, 0.1); padding: 20px;}
.ipsc-sec2 .swiper-container{ padding-left: 15px; padding-top: 30px;}
.ipsc-sec2 .swiper-slide i img{ display: block; height: 20px; position: absolute; top: -10px; z-index: 3;}
.ipsc-sec2 .swiper-slide p{ font-size: 14px; line-height: 30px; color: #000; display: -webkit-box; height: 180px; overflow: hidden;
 text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 6;}

.ipsc-sec3{ background: url(../images/ipsc-bg.png) no-repeat center; background-size: cover; padding: 35px 15px;}
.ipsc-sec3 h3{ text-align: center; color: #fff; font-size: 18px; margin-bottom: 10px;}
.ipsc-sec3 p{ text-align: center; color: #fff; line-height: 30px; font-size: 14px;}

.ipsc-sec4{ padding: 35px 15px 0 15px;}
.ipsc-sec4 .title h3{ color: #000000; font-size: 18px; text-align: center;}
.ipsc-sec4 .title p{ color: #666666; font-size: 14px; line-height: 26px; text-align: center; margin-top: 10px;}  
.ipsc-sec4 ul{ margin-top: 30px;}
.ipsc-sec4 li a{ display: flex; margin-bottom: 35px; align-items: center;}
.ipsc-sec4 .tu{	box-shadow: 0px 0px 10px 0px rgba(223, 75, 66, 0.2); background: #fff; border-radius: 100%; display: flex;
align-items: center; justify-content: center; width: 60px; height: 60px; flex-shrink: 0; position: relative;}
.ipsc-sec4 .tu img{ display: block; height: 30px; }
.ipsc-sec4 .tu::before{position: absolute; content: ''; display: block; border:1px dotted #0071ba;
 height: 35px; width: 0px; top: 59px; z-index: -1;}
.ipsc-sec4 li:last-child .tu::before{ display: none;}
.ipsc-sec4 li p{ font-size: 14px; color: #000; line-height: 26px; padding: 0 0 0 10px; flex-grow: 1; 
overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

.ipsc-sec5 .tit h3{ color: #000000; font-size: 18px; text-align: center;}
.ipsc-sec5 .tit p{ color: #666666; font-size: 14px; line-height: 26px; text-align: center; margin-top: 10px;}  
.ipsc-sec5{ background: url(../images/ipscx-bg.png) no-repeat top center; background-size: cover; padding: 35px 10px;}
.ipsc-sec5 ul{ display: flex; justify-content: space-between; margin-top: 15px; margin-right: -10px; margin-left: -10px; flex-wrap: wrap;}
.ipsc-sec5 li{ width: calc(100%/2 - 20px); margin-right: 10px; margin-left: 10px; margin-bottom: 15px;}
.ipsc-sec5 .item-text h3{ color: #000000; font-size: 18px; text-align: center; margin: 15px 0 5px 0;}
.ipsc-sec5 .item-text p{ color: #000000; font-size: 14px; text-align: center; line-height: 26px;}
.ipsc-sec5 .item-img img{ display: block; border-radius: 115px; transition: all 1s; max-width: 280px;	max-height: 230px;
width: 100%; height: auto; margin: 0 auto;}
.ipsc-sec6 li:hover .item-img img{ border-radius: 120px 60px 160px 100px;}




@keyframes changecolor {	
  from {
	opacity: 1;
  }
  to {
	opacity: 0.6;
  }
}


@media (max-width:520px) {	
	
	.neibanner img{ height: 160px;}

}




@media (max-width:320px) {	
	.header .logo img{ height: 30px;}
	.loginpage ul{ padding: 10px; left: 8px; right:8px;}
	.loginpage .li{ padding: 0 5px; margin-bottom: 10px;}
	.footer .p2{ font-size: 12px;}
}

.getmorebtn{ border-radius: 5px; height: 40px; border:1px solid #0071ba; display: block; line-height: 40px; box-sizing: border-box;
text-align: center; color: #0071ba; margin: 20px auto; font-size: 15px;}

/* 预约弹出 */
.order-pop{ position: fixed; top: 50%; left: 50%; transform: translateY(-50%); background-color: #ffffff;border-radius: 20px;
padding: 0 20px 30px 20px; z-index: 33333;  margin-top: 40px; width: 90%; margin-left: -45%; display: none;}
.order-pop .tou{ color: #ffffff; 	font-size: 18px; background: url(../images/order-title.png) no-repeat center; height: 60px;
text-align: center; line-height: 46px; font-weight: bold; margin-top: -30px; background-size: 100% auto;}
.order-pop li{ padding: 10px 0 0 0;}
.order-pop li i{  color: #0071ba; font-size: 14px;}
.order-pop li span{ color: #333333; font-size: 14px; display: block; margin: 5px 0;}
.order-pop li .in{ width: 100%; height: 40px;background-color: #f2f2f4;border-radius: 4px; padding-left: 10px; line-height: 40px; display: block; border:1px solid #f2f2f4; transition: all 0.6s;}
.order-pop  ::-webkit-input-placeholder { /* WebKit browsers */ font-size: 14px; color: #bbbbbb; }  
.order-pop  ::-ms-input-placeholder { /* Internet Explorer 10+ */ font-size:14px; color: #bbbbbb; }  
.order-pop li .in:hover{ border:1px solid #0071ba}
.order-pop .div1{ display: flex; align-items: center; justify-content: space-between;}
.order-pop .div1 label{ display: flex; align-items: center; color: #666; font-size: 18px;}
.order-pop button{ width: 200px;height: 40px;background-color: #0071ba;box-shadow: 3px 4px 5px 0px rgba(223, 75, 66, 0.2);border-radius: 35px;
margin: 0 auto; color: #ffffff; font-size: 14px; display: block; margin-top: 10px; outline: none; cursor: pointer; transition: all 0.6s;}
.order-pop button:hover{ background: #c92e25;}
.order-pop .div1 label input{appearance:none;-moz-appearance:none;-webkit-appearance:none; vertical-align: middle; 
  margin-right: 10px; position: relative; width: 20px;height: 20px;border-radius: 4px; bbackground-color: #f2f2f4; display: inline-block;}
.order-pop .div1 input[type="checkbox"]::before {content: ""; position: absolute;background: #f2f2f4 url(../images/order-right.png) no-repeat center;  top: 0; left: 0; right: 0; bottom: 0;  background-size: 0 auto; border-radius: 4px; transition: all 0.6s;}
.order-pop .div1 input[type="checkbox"]:checked{ border-color: #0071ba;}
.order-pop .div1 input[type="checkbox"]:checked::before { background:#0071ba url(../images/order-right.png) no-repeat center; background-size:75% auto; }
.popmask{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.3); z-index: 3333; display: none
;}
@media (max-width:320px) {	

	.order-pop{ padding: 0 10px 30px 10px;}
	.order-pop li span{font-size: 12px;}
}




/* .chulai-tanchu{position:fixed;top:0 !important;left:0; right: 0; bottom: 0; display:none;z-index:33335; width:100%; height:100%; background:rgba(0,0,0,0.1);}
.chulai-tanchu .nihao{ position: absolute; width: 300px; left: 50%; margin-left: -150px; top: 50%; line-height: 40px; margin-top: -90px; border-radius: 10px; background: url(../images/nihao.png) center center no-repeat #fff;}
.chulai-tanchu .nihao .close{position:absolute;right: 20px; top: 10px; font-size: 30px; line-height: 30px; color: #aaa; }
.chulai-tanchu .nihao .close:hover{ color: #0071ba;}
.chulai-tanchu .nihao .ming{ width: 100%; padding: 50px 0; text-align: center; overflow: hidden; font-size: 16px;}
.chulai-tanchu .nihao .zhidaole{ background: #0071ba; text-align: center; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}
.chulai-tanchu .nihao .zhidaole .console{ color: #fff;}

 */


.Come-out{position:fixed;top:0 !important;left:0; right: 0; bottom: 0; display:none;z-index:33335; width:100%; height:100%; background:rgba(0,0,0,0.3);}
.Come-out .fenshou{ position: absolute; left: 15%; right: 15%; top: 50%; line-height: 40px; margin-top: -180px;}
.Come-out .fenshou .guanbi{position:absolute;right: 20px; top: 10px; font-size: 30px; line-height: 30px; color: #fff; }
.Come-out .fenshou .guanbi:hover{ color: #0071ba;}
.Come-out .fenshou .jiimg{ width: 100%; overflow: hidden;}
.Come-out .fenshou .jiimg img{ display: block; width: 100%;}
.Come-out .fenshou .kuangqilai{ background: #fff; width: 100%; text-align: center; padding: 20px 0 30px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; overflow: hidden; position: relative;}
.Come-out .fenshou .kuangqilai .h2{ font-size: 22px; font-weight: bold;} 
.Come-out .fenshou .kuangqilai .ming{ padding: 0 10px; text-align: center; overflow: hidden; font-size: 16px; line-height: 1.6;}
.Come-out .fenshou .kuangqilai .queding{ background: #0071ba; text-align: center; border-radius: 20px; line-height: 40px; width: 70%; margin: 0 auto; margin-top: 20px;}
.Come-out .fenshou .kuangqilai .queding .console{ color: #fff; font-size: 16px;}