.header{
	height: 80px;line-height: 80px;box-shadow: 0 0px 9px #979696;position: relative;z-index: 2;
	padding: 0 2%;
}
.header-top{
	position: relative;z-index: 3;
}
.logo{
	max-width: 70%;
}
.nav {
	transition: top 2s;position: relative;top: 50px;
}
.nav{line-height: 1.2;display: table;height: 80px;text-align: center;}
.nav .nav-i{
	display: table-cell;vertical-align: middle;
	color: #5e5e5e;font-size: 1.4rem;padding:0 30px;

}
.nav .nav-i .en{font-size: 1.2rem;}
.nav .nav-i.on{
	color:#fff;background: #2f9eec;
}
.nav-icon,.sm-nav{
	display: none;
}
.sm-nav{
	position: fixed;left: 0;top: 60px;right: 0;bottom: 0;text-align: center;z-index: 10;background: rgba(0,0,0,.5);	
}
.sm-nav .nav-i{
	display: block;
	width: 100%;height: 5rem;line-height: 5rem;
	color: #fff;font-size: 2rem;	
}
.banner,.banner-s,.banner-m,.in-banner{
	position: relative;z-index: 1;overflow-y: hidden;width: 100%;
}

h1 .cn{
	font-size: 3rem;color: #328eec;
}
h1 .en{
	font-size: 1.6rem;color: #c0c1c1;
}
.page-middle{
	
}
/*公司简介*/
.profile{
	position: relative;
	padding:3% 5%;
	background: #fff;
	color: #737373;
}
.profile-t{
	margin-bottom:5%;
}
.profile-t .en{
	line-height: 1.5;
}
.profile-t .text{
	padding: 10% 0;line-height: 1.8;font-size: 1.4rem;width: 90%;
}
.profile-v {
	overflow: hidden;
}
.profile-v .text{
	height: 4rem;background: #328eec;text-indent: 1rem;line-height: 4rem;color: #fff;
}

/*三个局部*/
.other{
	padding:0 5%;padding-top: 4%;color: #666666;background: #f2f2f2;
}
.other .item{
	background: #fff;
	width: 86%;margin: 0 auto;
	margin-bottom: 5%;
	padding-bottom:90%;height: 0;overflow: hidden;
}
@media only screen and (max-width: 640px) {
	.other .item{
		background: #fff;
		width: 86%;float: none!important;margin: 0 auto;
		margin-bottom: 5%;
		padding-bottom: 2rem;height: auto;overflow: hidden;
	}
}
@media (min-width: 640px) and (max-width:840px) {
	.other .item{
		background: #fff;
		width: 86%;float: none!important;margin: 0 auto;
		margin-bottom: 5%;
		padding-bottom: 2rem;height: auto;overflow: hidden;
	}
}
.other .img img{
	width: 100%;
}
.xbcc{
	margin: 0 auto;padding-bottom:11%;
}
.zxzx{
	margin-left: 15%;
}
@media (min-width: 640px) and (max-width:840px) {
	.zxzx{
		margin-left: 0 auto;
	}
}
.page-middle .item .text{
	width: 90%;
	margin: 0 auto;
}
.page-middle .item .fenge{
	margin: 4% 0;border-bottom: 2px #328eec solid;width: 6%;
}
.page-middle .item h2{
	font-size:1.8rem;color: #000;
	margin-bottom: 6%;
}
.ptjs .description{
	line-height: 2;font-size: 1.4rem;
}
.xbcc .li-c{
	width: 46%;margin: 2%;float: left;margin-bottom: 2%;
}
.zxzx .li-c{
	color: #666666;font-size: 1.3rem;height: 3rem;line-height:3rem;text-indent: 13px;overflow: hidden;
	background: url(../img/dotted.jpg) no-repeat left center;
}
.zxzx .title{
	float: left;width: 70%;
}
.zxzx .time{
	float: right;display: block;color: #aeadad;background: url(../img/search.png) no-repeat left center;height: 2.5rem;line-height: 2.5rem;
	text-indent: 15px;
}
/*底部footer*/
footer{
	background: #393939;color: #9d9fa2;font-size: 1.2rem;
}
.footer-wrap{
	width: 95%;max-width: 1750px;margin: 0 auto;
}

.footer-wrap .item{
	line-height: 2.5;
	padding: 2% 2% 3% 0;
}

.footer-wrap .item h1{
	color: #fff;font-size: 1.8rem;
}


.footer-wrap .item-3{
	text-align: center;display: inline-block;vertical-align: middle;text-align: center;padding: 10% 0;
}
.footer-wrap .item-3 img{
	max-width: 50%;
}
.copyright{
	border-top: 1px #4E4C4C solid;padding: 1% 0;
}

/*关于我们*/
section{
	padding:4% 5%;font-size: 1.4rem;color: #777;transition: all 1s;position:relative;
}
.banner .cover,.in-banner .cover{
	position: absolute;z-index: 3;;width: 50%;left: 0;top: 0;bottom: 0;
	background: rgba(96,162,225,0.8);
}
.banner .cover .text,.in-banner .cover .text{
	position: absolute;top:50%;left:10%;width: 80%;transform: translateY(-50%);line-height: 1.5;
	font-size: 3.6rem;color: #fff;word-break: keep-all;
}
.banner .cover .text em,.in-banner .cover .text em{
	font-size:2.5rem;
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
	.banner .cover .text,.in-banner .cover .text{
		font-size: 2.5rem;
	}
	.banner .cover .text em,.in-banner .cover .text em{
		font-size: 1.8rem;
	}
}
@media only screen and (min-width: 100px) and (max-width: 768px) {
	.banner .cover .text,.in-banner .cover .text{
		font-size: 2rem;
	}
	.banner .cover .text em,.in-banner .cover .text em{
		font-size: 1.6rem;
	}
}
.h1-2 .cn{
	color: #019ddd;font-size: 4rem;
}
.h1-2 .en{
	color: #cfcfcf;font-size: 3rem;
}
.h1-3 .cn{
	color: #019ddd;font-size: 3.5rem;
}
.h1-3 .en{
	color: #cfcfcf;font-size: 2rem;
}

.about .fenge{
	width: 10%;border-bottom: 3px #019ddd solid;margin: 2rem 0;
}
.about .C{
	line-height: 1.8;font-size: 1.4rem;
}
.about .text{
	width: 90%;
}
.about .text,.about .img{
	margin-bottom: 3rem;
}
.team{
	background: #6999c7;padding: 4% 0;	
}
.team-box{
	max-width: 1750px;width: 98%;margin: 0 auto;
}
.team .h1-3{
	padding-bottom: 1rem;
}
.team .h1-3 .cn{
	color: #fff;font-size: 3.5rem;
}
.team .h1-3 .en{
	color: #9dc7ef;font-size: 2.5rem;
}
.team .c-box{
	padding: 4rem 0;margin-top: 4rem;
	
}
.team-tw{
	margin: 10px 0;cursor: pointer;
}
.team-tw:hover .tw-wrap{
	box-shadow: 0 0 10px #666;
}
.team-tw .tw-wrap{
	margin: 0 10px;
	background: #fff;
}
.team-tw .t{
	height: 350px;
	line-height: 350px;text-align: center;
	overflow: hidden;
}
.team-tw .t:hover img{
	animation: scaled 1s;
}
@keyframes scaled{
	from{transform: scale(1);}
	to{transform: scale(1.1);}
}
.team-tw .w{
	background: #476f96;color: #fff;height: 108px;padding:15px;
	overflow: hidden;
	/*background: url(../img/1.png) no-repeat #476f96 center center;*/
}
.team-tw .w-title{
	text-align: center;font-size: 2rem;padding: 1.5rem 0;
}
.team-tw .w-info{
	font-size: 1.4rem;;text-align: left;
}

.team .box-i{
	max-width: 1300px;margin: 0 auto;height: 260px;margin-bottom: 2rem;
	background: url(../img/line3.png) no-repeat center center;
	transition: all 1s,width 1s;
}
.team .box-i.on,.team .box-i:hover{
	background: #029DDF;max-width:90%;padding:0 5%;
}
.team .box-i.on .c-name,.team .box-i:hover .c-name{
	display: inline-block;
}
.team .box-i.on .pic,.team .box-i:hover .pic{
	text-align: left;background: url(../img/line4.png)  no-repeat 100% center;
	}
.team .box-i.on .pic.fr,.team .box-i:hover .pic.fr{
	text-align: right;background: url(../img/line4.png)  no-repeat 10px center;
}
.team .text{
	height:220px;padding-top: 40px;width: 40%;background: #fff;color: #666;
	padding-left:2rem;
}
.team .pic{
	text-align: center;width: 50%;padding: 10px 0;transition: width 1s;
}
.team .name{
	font-size: 1.6rem;color: #555;margin-bottom: 2rem;
}
.team .description{
	font-size: 1.4rem;color: #666;line-height: 1.5;
}
.team .c-name{
	display: none;color: #fff;font-size: 1.4rem;
}
.team .c-box-2{
	display: none;
}
.team .gallery-top .swiper-slide{
	padding: 5rem 0;
}
.team .gallery-top .slide-name{
	text-align: center;font-size: 1.8rem;color: #007AFF;padding-bottom: 2rem;
}
.team .gallery-top .slide-c{
	max-width: 650px;padding:0 5%;line-height: 2;color: #0F0F0F;line-height: 1.5;font-size: 1.4rem;
}
@media only screen and (max-width:960px ) {
	.about .text{
		width: 100%;
	}
}
@media only screen and (max-width:1200px ) {
	.team .c-box{
		display: none;
	}
	.team .c-box-2{
		display: block;
	}
}
.kx{	
	padding:4% 0;margin: 0 auto;background: #d4d9df;
}
.kx .h1-3 .en{	
	color: #afadad;
}
.kx .c-box{
	max-width: 1300px;margin: 0 auto;margin-top: 4rem;
}
.kx .name{
	color: #8c8c8e;font-size: 1.6rem;line-height: 3.5;
	background:url(../img/100.png) no-repeat  #f2f2f2 20px center;
	text-indent: 6rem;border-bottom: 1px #ddd solid;
	cursor: pointer;
}
.kx .name.on{
	background:url(../img/101.png) no-repeat  #f2f2f2 20px center;
}
.kx .C{
	display: none;
	padding: 2rem 4rem;padding-bottom: 4rem;background: #eff1f3;color: #5f5e5e;font-size: 1.4rem;
	line-height: 1.6;border-bottom: 1px #ddd solid;
}
.person-info-wrap{
	width: 98%;max-width: 1730px;overflow: hidden;margin: 3% auto;
	background: #fff;z-index: 12;
}
.frame-menu{
	padding-top:15px;	
}
.frame-menu a{
	display: inline-block;width: 30px;margin: 0 5px;height: 30px;background: #9D9D9D;text-align: center;line-height: 30px;color: #fff;font-size: 2rem;
}
.frame-menu a:hover{
	background: #63a5ef;
}
.frame-top{
	margin-bottom: 3rem;float: left;padding-right: 3rem;
}
.frame-top span{
	margin-left: 20%;font-size: 2rem;display: none;
}
.frame-middle{
	margin-top: 4rem;margin-bottom: 4rem;
	font-size: 1.2rem;line-height: 1.6;
}
.frame-middle p{
	clear: none!important;
}
/*细胞存储*/
.h1-1 .en{
	color: #27a5df;font-size: 4rem;line-height: 1.2;margin-bottom: 1rem;
}
.h1-1 .cn{
	color: #5b5c5c;font-size: 3rem;line-height: 1.2;
}
.xb-left{
	width: 17%;float: left;position: relative;transition: top 1s;top: 0;
}
.xb-right{
	width: 70%;float: right;
}
.xb-left li{
	padding: 2rem 0;
}
.xb .li-c{
	width: 140px;height: 140px;border-radius: 70px;background: #019DDD;border:1px #fff solid;
}
.xb .li-a{
	display: block;width: 129px;height: 129px;border-radius: 65px;border: 1px #ddd solid;
	margin: 5px 0 0 5px;
	color: #ffffff;font-size: 1.4rem;line-height: 129px;text-align: center;
}
.c-1{
	padding: 2.5rem 0;
	color: #5d5d5d;font-size: 1.5rem;line-height: 1.8;
}
.return{
	display: none;background: #63a5ef;width: 10rem;height:4rem;border-radius: 0.5rem;color: #fff;line-height:4rem;text-align: center;font-size: 1.6rem;
	margin-bottom: 2rem;
}
@media only screen and (max-width:1200px) {
	.xb-left{
	width: 140px;margin: 0 auto;
	}
}
@media only screen and (max-width:640px ) {
	.xb-left{
	width: 140px;margin: 0 auto;float: none;
	}
	.xb-right{
		display: none;
	}
	.in-xb .xb-left{
	display: none;
	}
	.in-xb .xb-right{
		width: 92%;display: block;
	}
	.return{
		display: block;
	}
}
/*合作*/
section.friend{
	padding-top: 7rem;
}
.friend .box-i{
	padding: 2rem 0;margin-bottom: 2rem;
	border-top: 1px #ddd solid;
}
.friend .box-i:first-child{
	border-top:none
}
.friend .box-i .pic{
	margin-bottom: 3rem;
}
.friend .box-i h1{
	font-size: 1.6rem;color: #328eec;
	margin-bottom: 2rem;
	text-align: left;
}
.friend .box-i .c{
	line-height: 1.4;color: #717171;font-size: 1.4rem;
	margin-bottom: 3rem;
}
.friend .text{
	width: 90%;
}
.friend .text>a{
	position: relative;transition: margin-left 0.5s;
}
.friend .text>a:hover{
	margin-left: 30px;
}
@media only screen and (max-width: 960px) {
	.friend .text{
		width: 100%;
	}
}
/*社会招聘*/
section.zp{
	padding: 0;
}
.zp .main-box{
	padding: 4% 5%;
}
.zp h1 .en{
	color: #27a5df;font-size: 4rem;padding: 1rem 0;
}
.zp h1 .cn{
	color: #5b5c5c;font-size: 3rem;
}
.zp .li-c.on .zp-i,.zp .li-c:hover .zp-i{
	color: #4cace1;
}
.zp-i-box{
	border-bottom: 1px #ddd solid;width: 90%;
}
.zp-i{
	width: 30%;float: left;height: 6rem;line-height: 7rem;
	cursor: pointer;
}
.zp h3{
	padding: 0;margin: 0;
}
.zp .minor{
	background: #f2f2f2;
}
.zp .minor-box{
	padding: 4% 5%;
}
.zp .minor-wrap{
	display: none;
}
.zp .minor-wrap .minor{
	padding: 5%;height: auto!important;
}
.zp .description{
	color: #7d7d7e;font-size: 1.4rem;line-height: 1.5;
}
.zp .li-c .minor{
	display: none;
}
.zp h3{
	color: #4cace1;font-size: 2.5rem;font-weight: 100;
}
.zp .time{
	background: url(../img/time.png) no-repeat left center;padding: 2rem 0;
	text-indent: 20px;
}
@media only screen and (max-width:1200px) {
	.zp .minor-wrap{
		display: block;border-bottom: 1px #ddd solid;
	}
	.zp .minor-wrap .description{
		padding-bottom: 2rem;
	}
	.zp .zp-i{
		width: auto;margin-right: 2rem;
	}
	.zp>.minor{
		display: none;
	}
}
/*联系我们*/
.contact{
	width: 100%;padding:0 ;
}
.contact h1{
	color: #4aa0f8;font-size: 4.8rem;
	padding-top:4.6rem;text-align: center;
}
.contact>p{
	color: #5b5c5c;font-size: 3.2rem;
	padding-top:2.6rem;text-align: center;padding-bottom: 5rem;
}
.contact .map,.contact .map-box{
	height: 50rem;position: relative;
}
.contact .contact-box{
	position: absolute;top: 0;bottom: 0;right: 0;
	background: rgba(0,0,0,.3);
}
.contact-box .c-box{
	position: absolute;top: 50%;width: 100%;padding: 2rem 0;
	transform: translateY(-50%);
}
.contact .text,.contact .pic{
	padding:0 5%;
}
.contact .text>p{
	font-size: 1.8rem;color: #fff;
	line-height: 1.5;margin-bottom: 2rem;padding: 1.5rem 0;padding-left: 5.5rem;
}
.contact .phone{
	background: url(../img/phone.png) no-repeat left center;
}
.contact .email{
	background: url(../img/email.png) no-repeat left center;
}
.contact .position{
	background: url(../img/position.png) no-repeat left center;
}
.contact-box .pic{
	text-align: center;
}
@media only screen and (min-width: 100px) and (max-width: 640px) {
	.contact .phone,.contact .email,.contact .position{
		background-size: 15% auto;
	}
}
/*新闻列表*/
.news .box-i{
	padding: 3%;
}
.news .text{
	background: #edeeee;padding: 3%;
}
.news .box-i:hover .text{
	background: #328eec;color: #fff;
}
.news .box-i:hover .text h1{
	color: #fff;
}
.news .pic img{
	width: 100%;
}
.news h1{
	color: #363636;font-size: 1.8rem;padding:1rem 0;
	text-align: left;
}
.news .description{
	font-size: 1.4rem;line-height: 1.5;
	margin-bottom: 2rem;
}
.page{
	padding-top: 4%;
	text-align: center;
}
.page a{
	text-align: center;display: inline-block;
	width: 4rem;height: 4rem;line-height: 4rem;
	background: #dddede;
}
.page a:hover,.page a.on{
	color: #fff;background: #007AFF;
}
/*新闻详情*/
.swiper-container-nav{
	padding:0 5%;
	overflow: hidden;
	box-shadow: 1px 5px 5px #ddd;
}
.swiper-container-nav .swiper-slide{
	width: auto!important;
	font-size: 1.4rem;color: #222;
	margin-right:2rem ;
}
.swiper-container-nav .swiper-slide a{
	display: block;padding: 2rem 0;border-bottom: 2px #fff solid;
}
.swiper-container-nav .swiper-slide.on a{
	border-bottom: 2px #019ddd solid;
}
.in-news{
	max-width: 1200px;margin: 0 auto;padding:3rem 5%;
}
.in-news .return-a{
	display: block;float: right;width: 100%;height:40px;line-height:40px;text-align: center;
	font-size: 1.2rem;color: #007AFF;background: #fff;
	border: 1px #0275D8 solid;border-radius: 5px;
}
.in-news .return-a:hover{
	color: #fff;background: #007AFF;
}
.in-news h1{
	padding-top: 3rem;padding-bottom: 2rem;
	color: #373737;font-size: 1.8rem;
	text-align: center;
	line-height: 1.5;
}
.in-news .time{
	padding-bottom: 2rem;
	text-align: center;
}
.in-news .news-top{
	border-bottom: 1px #ddd solid;
}
.in-news .c{
	line-height: 2;padding-top: 2rem;
	font-size: 1.4rem;
	margin-bottom: 2rem;
}
.in-news .fenge{
	border-bottom: 1px #ddd dashed;margin: 0.5rem;
}
.in-news .pr-a:hover{
	color: #007AFF;
}
.banner-s{
	display: none;
}
.banner-m{
	display: none;
}
.banner{
	display: block;
}
@media only screen and (max-width: 970px) {
	.header{
		height: 60px;line-height: 60px;position: fixed;top: 0;left: 0;right: 0;z-index: 5;
		background: #fff;
	}
	.nav{
		display: none;
	}
	.nav-icon{
		display: block;
	}
	.page-top{
		padding-top: 60px;
	}
	.in-banner  .cover .text{
		font-size: 2.5rem;
	}
	section{
		padding:8% 5%;
	}
	.banner-m{
		display: block;
	}
	.banner{
		display: none;
	}
}
@media only screen and (max-width: 640px) {
	.header{
		height: 45px;line-height: 45px;
	}
	.profile{
	width:90%;
	}
	.page-top{
		padding-top: 45px;
	}
	.sm-nav{
		top: 45px;
	}
	.in-banner  .cover .text{
		font-size: 1.5rem;
	}
	.page-middle .item{
		margin: 0 auto;width: 100%;margin-bottom: 10%;
	}
	section{
		padding:10% 5%;
	}
	.banner-s{
		display: block;
	}
	.banner-m{
		display: none;
	}
	.banner{
		display: none;
	}
	h1 .cn,.h1-3 .cn,.h1-2 .cn,.contact h1,.contact>p,.zp h1 .cn,.zp h1 .en,.h1-1 .cn{font-size: 2rem;}
	.h1-1 .en,.h1-2 .en{font-size: 2rem;}
	.about .fenge{margin: 1rem 0;}
	.team .h1-3 .cn{font-size: 2rem;}
	.team .h1-3 .en{font-size: 2rem;}
	.contact h1{font-size: 2.5rem;}
	.zp h3{
		font-size: 2rem;
	}
	.showbox h1{
		font-size: 2rem!important;line-height: 1.5!important;
	}
}
.showbox {
	line-height: 1.6;color: #515151;font-size: 1.5rem;max-width: 1200px;margin: 0 auto;
}
.showbox img{
	height: auto!important;
}
.showbox h1{
	font-size: 2.5rem;color: #63a5ef;padding: 1rem;
}
.draw{
	animation: draw 1s infinite;position: absolute;left: 0;right: 0;text-align: center;height: 30px;z-index: 11;
}
@keyframes draw{
	0% {
		bottom: 30px;
	}
	50%{
		bottom: 10px;
	}
	100%{
		bottom: 30px;
	}
}
@media only screen and (min-width: 100px) and (max-width: 768px) {
	.draw{display: none;}
}