@charset "utf-8";
/* CSS Document */
.location{ display:block; margin:15px 0;}
.location span{ padding:0 5px;}
.location a:hover{ color:#1961e6;}

/* about */
.ban-about1{ background:url(../images/about/ban-about1.jpg) no-repeat;}
.ban-about2{ background:url(../images/about/ban-about2.jpg) no-repeat;}
.ban-about3{ background:url(../images/about/ban-about3.jpg) no-repeat;}

.piclist{display:block;}
.piclist ul li{display:block; float:left; margin-right:55px; margin-bottom:30px; text-align:center}
.piclist ul li .img{ display:block; padding:18px; border:1px #ccc solid; text-align:center}
.piclist ul li span{ display:block; margin:10px 0;font-size:16px; color:#2a2a2c;}
ul.img-h390 img{ width:288px; height:390px}
ul.img-h204 img{ width:288px; height:204px}
ul.img-h204 .img .img-render{
	height:204px;
  }


.icon-fj{ position:absolute; top:-50px; left:400px; background:url(../images/about/icon-feiji.png) no-repeat; width:195px; height:95px;}
.about-1{ display:block; padding:50px 0;min-height:573px; background:url(../images/about/a-1.jpg) #f5f5f5 center center no-repeat; text-align:center}
.about-2{ position:relative;display:block;min-height:573px; background:url(../images/about/bg-1.jpg) center center no-repeat; text-align:center}
.about-3{display:block;min-height:640px; background:url(../images/about/img-01.jpg) center center no-repeat;}
.about-3-txt{ display:block; margin-left:220px; padding-top:150px;}
.about-4{position:relative;height:380px; background:url(../images/about/img-02.jpg) center center no-repeat;}
.about-4-txt{ display:block; width:540px;margin-left:430px; padding-top:80px;}
.about-5{ height:600px; background:url(../images/about/img-03.jpg) 200px center no-repeat;}
.about-5-txt{ display:block;margin-left:750px; padding-top:200px;}
.about-6{ position:relative; text-align:center}
.about-6-1{ display:block; margin:40px auto;width:930px; height:450px; background:url(../images/about/img-05.jpg) top center no-repeat;}
.about-7{ display:block; padding-bottom:100px;background:url(../images/about/img-06.jpg) top center no-repeat; text-align:center}
.about-7 a.btn-a{ display:inline-block; margin-top:30px;color:#FFF;height:35px; line-height:35px; border-color:#FFF}

.about-8{ position:relative;background:url(../images/about/img-07.jpg) top center no-repeat; display:block; height:768px;}
.about-8 a.btn-a1{ position:absolute; bottom:120px; left:410px;}
.a-form{ display:block; width:620px; margin:0 auto;}
.a-form input[type='text']{ display:block; width:98%; padding:1%;font-size:16px; color:#FFF;background:rgba(255, 255, 255,.1); border:0; box-shadow:0 1px 10px rgba(0,0,0,.5);height:30px; line-height:30px;}
.a-form label{ display:block;margin-top:15px; margin-bottom:5px;}
.a-form textarea{width:98%; padding:1%; font-size:16px; color:#FFF;background:rgba(255, 255, 255,.1); border:0; box-shadow:0 1px 10px rgba(0,0,0,.5);height:150px;}
.a-form #submit{ margin-top:40px; display:inline-block;background: rgba(25, 97, 230, .4); padding:10px 60px; color:#fff; border:1px #ccc solid; font-size:24px; cursor:pointer}


.about-2 > div.sub-mouse{opacity:0;transition:opacity 1s;}
.about-2 > div.sub-mouse.show{opacity:1; }
#s2{
	animation-duration: 1s;    /*//动画持续时间*/
    animation-delay: .5s;    /*/动画延迟时间*/
    /*animation-iteration-count: 2;    //动画执行次数*/
}
#s3{
    animation-delay: 1s;    /*/动画延迟时间*/
    /*animation-iteration-count: 2;    //动画执行次数*/
}
#s4{
    animation-delay: 1.5s;    /*/动画延迟时间*/
    /*animation-iteration-count: 2;    //动画执行次数*/
}
#s5{
    animation-delay: 2s;    /*/动画延迟时间*/
    /*animation-iteration-count: 2;    //动画执行次数*/
}
#s6{
    animation-delay: 2.5s;    /*/动画延迟时间*/
    /*animation-iteration-count: 2;    //动画执行次数*/
}
#s7{
    animation-delay: 3s;    /*/动画延迟时间*/
    /*animation-iteration-count: 2;    //动画执行次数*/
}
#s8{
    animation-delay: 3.5s;    /*/动画延迟时间*/
    /*animation-iteration-count: 2;    //动画执行次数*/
}


#certify {
	position: relative;
	width: 1200px;
	margin:30px auto 0 auto;
}

#certify .swiper-container {
	padding-bottom: 60px;
}

#certify  .swiper-slide {
	padding-top:10px;
	width: 320px;
	height: 405px;
	box-shadow: 0 8px 30px #ddd;
	background: #fff;
}
#certify  .swiper-slide .imgs2{
	display:block;
	width:100%;
	text-align:center;
	background: #fff;
}
#certify  .swiper-slide img{
	display:block;
}
#certify  .swiper-slide p {
	line-height:60px;
	padding-top:10px;
	text-align: center;
	color: #636363;
	font-size: 1.1em;
	margin: 0;
	
}

#certify .swiper-pagination {
	width: 100%;
	bottom: -20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin:0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

#certify .swiper-button-prev {
	left: 30px;
	width: 45px;
	height: 45px;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

#certify .swiper-button-prev:hover {
	background-position: 0 -46px;
	background-size: 100%
}

#certify .swiper-button-next {
	right: 30px;
	width: 45px;
	height: 45px;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 -93px;
	background-size: 100%;
}

#certify .swiper-button-next:hover {
	background-position: 0 -139px;
	background-size: 100%
}

/* 企业文化 */
.about-2-1{text-align:center}
.about-2-1 .bg{ background:url(../images/about/img-2-1.jpg) no-repeat; height:586px; line-height:586px;}
.about-2-1 .txt{ position:relative;background:#75a0f0; height:160px; text-align:center}
.about-2-1 .txt:after{ position:absolute; content:''; bottom:-15px; left:50%; width:30px; height:30px; background:#75a0f0;transform: rotate(45deg);}
.about-2-2{ margin-top:60px;}
.about-2-2 .img-1{ width:103%; overflow:hidden}
.about-2-2 .img-1 li{ position:relative;display:block;float:left;margin-right:20px;}
.about-2-2 .img-1 li span{ position:absolute;bottom:0; left:0; width:100%;font-size:24px; color:#FFF; background:rgba(0,0,0,.5);height:70px; line-height:70px; text-indent:50px; z-index:33}
.about-2-3{background:url(../images/about/bg-2.jpg) left top repeat-y; min-height:600px;}
.about-2-4{ position:relative;background:url(../images/about/img-2-9.jpg) top center no-repeat; min-height:716px;text-align:center}
.about-2-4 .ban_bg{left:0; width:760px;}

/* 基因测序 */
.ban-cx01{ background:url(../images/jycx/ban01.jpg) no-repeat; height:494px;}
.ban-cx02{ background:url(../images/jycx/ban02.jpg) no-repeat;}

.cx-1{ background:url(../images/jycx/img-3.jpg) #fafafa left top no-repeat; min-height:404px; font-size:16px; color:#ffffff; }
.cx-1-txt{margin:50px auto 0 100px; width:700px;}
.cx-1-txt h2{ color:#FFF;border-color:#fff; margin-bottom:10px;}
.cx-1-why{ width:460px; margin-right:100px;}
.cx-1-why h2{ color:#10ac41;border-color:#10ac41; margin-bottom:20px; margin-top:10px;}
.cx-1-why ul li{ margin-bottom:20px;color:#333333; background:url(../images/icon-li.png) left 5px no-repeat; padding-left:40px;}

.cx-2{ width:1340px; margin:90px auto 140px auto;}
.cx-2 h2{ display:block; margin-left:0px;color:#10ac41; border-bottom:3px #10ac41 solid}
.cx-2 ul{ width:1350px; height:320px;}
.cx-2 ul li{display:block;float:left;width:334px;border-right:1px #e6e6e6 solid;border-bottom:1px #e6e6e6 solid;}
.cx-2 ul li:nth-child(4),.cx-2 ul li:nth-child(8),.cx-2 ul li:nth-child(12){ border-right:0;}
.cx-2 ul li a{ position:relative;display:block; height:106px; color:#333; font-size:16px;line-height:106px; text-indent:100px;}
.cx-2 ul li i.cx-icon{ position:absolute; left:40px; top:50%; margin-top:-20px; width:44px; height:44px; background:#900}
.cx-2 ul li a:hover{ margin-left:-30px;color:#FFF; background:url(../images/jycx/icon-li-hover.png) #10ac41 270px center no-repeat; border-radius:8px;}
.cx-2 ul li i.icon-1{background:url(../images/jycx/icon-1.png) no-repeat;}
.cx-2 ul li i.icon-2{background:url(../images/jycx/icon-2.png) no-repeat;}
.cx-2 ul li i.icon-3{background:url(../images/jycx/icon-3.png) no-repeat;}
.cx-2 ul li i.icon-4{background:url(../images/jycx/icon-4.png) no-repeat;}
.cx-2 ul li i.icon-5{background:url(../images/jycx/icon-5.png) no-repeat;}
.cx-2 ul li i.icon-6{background:url(../images/jycx/icon-6.png) no-repeat;}
.cx-2 ul li i.icon-7{background:url(../images/jycx/icon-7.png) no-repeat;}
.cx-2 ul li i.icon-8{background:url(../images/jycx/icon-8.png) no-repeat;}
.cx-2 ul li i.icon-9{background:url(../images/jycx/icon-9.png) no-repeat;}
.cx-2 ul li i.icon-10{background:url(../images/jycx/icon-10.png) no-repeat;}
.cx-2 ul li i.icon-11{background:url(../images/jycx/icon-11.png) no-repeat;}
.cx-2 ul li i.icon-93{background:url(../images/jycx/icon-93.png) no-repeat;}
.cx-2 ul li i.icon-97{background:url(../images/jycx/icon-97.png) no-repeat;}
.cx-2 ul li i.icon-98{background:url(../images/jycx/icon-98.png) no-repeat;}
.cx-2 ul li i.icon-104{background:url(../images/jycx/icon-104.png) no-repeat;}
.cx-2 ul li i.icon-105{background:url(../images/jycx/icon-105.png) no-repeat;}
.cx-2 ul li i.icon-106{background:url(../images/jycx/icon-106.png) no-repeat;}
.cx-2 ul li i.icon-110{background:url(../images/jycx/icon-110.png) no-repeat;}
.cx-2 ul li a:hover i{ background-position:0 -44px;}

.cx-3{background:url(../images/jycx/cubg.png) fixed; height:862px; text-align:center}
.cx-3 h2{ margin:90px auto 60px auto; color:#10ac41}
.cx-3 ul{ width:1340px;}
.cx-3 ul li{ position:relative;display:block; float:left; margin-right:20px;width:418px; height:516px; border:1px #FFF solid; border-radius:8px;}
.cx-3 ul li .img{ position:absolute; top:0; left:0; display:block;margin:7px; width:404px; height:502px;background:#FFF;border-radius:8px; line-height:400px; z-index:1;overflow:hidden}
.cx-3 ul li .img img{ max-width:400px; max-height:500px;}
.cx-3 ul li .txt{ position:absolute; bottom:7px; left:7px; width:404px; height:100px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;color:#10ac41;z-index:2}
.cx-3 ul li .txt b{ display:block;margin-top:20px; font-size:24px;}
.cx-3 ul li .txt span{ display:none; font-size:14px; font-weight:normal;line-height:2}
.cx-3 ul li .txt span a{ display:block; color:#fff;}
.cx-3 ul li:hover .txt,.cx-3 ul li.active .txt{ height:160px; color:#FFF;background:rgba(16,172,65,.5);transition:all .4s ease 0s; cursor:pointer}
.cx-3 ul li:hover .txt b, .cx-3 ul li.active .txt b{ margin-top:20px;}
.cx-3 ul li:hover .txt span, .cx-3 ul li.active .txt span{ display:block;}
.cx-3 ul li:hover .txt span a, .cx-3 ul li.active .txt span a{ text-decoration:underline}

.procont{ display:block; position:relative; text-align:left;}
.protext{ position:absolute; right:50px; top:100px; display:block; width:660px; padding:50px 50px; height:160px; background:rgba(16,172,65,.56);border-radius:10px; color:#fff;}
.protext h4{ font-size:24px; padding-bottom:10px;}
.protext p{font-size:14px; line-height:2;}

.simg{ position:absolute; bottom:0px; left:640px;}
.simg a{ display:inline-block; position:relative; float:left; margin-right:20px; border:2px #fff solid;border-radius:5px;}
.simg a img{width:128px; height:128px;}
.simg a:hover, .simg a.cur{border:2px rgba(16,172,65,.56) solid;}

.proitem{display:none}



.cx-4{ margin-top:70px;}
.cx-4 h2{ color:#10ac41; border-color:#10ac41;}
.cx-4 .content{ height:604px; overflow:hidden}
.cx-4 .content .ul{  position:relative;width:589px; height:604px;border-left:12px #ccc solid;}
.cx-4 .content ul{}
.cx-4 .content .ul li{ position:relative;display:block; margin-bottom:1px;padding-left:30px;background:#f3f3f3; height:120px;}
.cx-4 .content .ul li:nth-child(even){ background:#ebebeb}
.cx-4 .content .ul li a{ position:absolute; top:0; left:0px; padding-left:42px; width:589px;height:120px;color:#10ac41;}
.cx-4 .content .ul li b{ display:block; margin-bottom:5px;padding-top:20px; padding-right:80px;height:58px;font-size:18px;  overflow:hidden}
.cx-4 .content .ul li:hover a,.cx-4 .content .ul li.on a{left:-12px; padding-left:52px;padding-right:80px;width:600px;background:rgba(16,172,65,.8); color:#fff;}
.cx-4 .fl{ width:899px; height:100%;}
.cx-4 .more{ display:; width:100%;height:604px;}
.cx-4 .more_cont{ float:right;padding:0 65px 0 65px;width:370px; background:rgba(16,172,65,.8); color:#FFF; font-size:16px;height:100%;}
.cx-4 .more_cont h3{ margin-top:100px;}
.cx-4 .more .more_cont p{ margin:50px 0;}
.cx-4 .more .more_cont span a{ float:right}

/* 基因测序 详细页 */
.cx-left{ position:relative;width:310px;background:#424242}
.cx-right{ margin-left:40px; width:910px; min-height:1000px;}
.leftnav{ position:relative;margin-left:0px; margin-top:0px; padding-top:30px;width:310px; background:#16943f}
.cx-left .fix{ position:fixed;top:100px; width:inherit; z-index:99}
.leftnav h2{ width:70%;font-size:24px; color:#10ac41; border-color:#10ac41;}

/*.leftnav .a{ position:fixed; top:200px; width:inherit;}*/
.leftnav ul li{position:relative;display:block; font-size:16px; height:45px; line-height:45px; text-indent:60px; }
.leftnav ul li a{position:absolute;display:block; right:0; width:250px;height:45px; color:#fff; line-height:45px; z-index:3}
.leftnav ul li i.cx-icon{ position:absolute; top:50%; left:20px; margin-top:-11px; width:22px; height:22px;}
.leftnav ul li i.icon-1{background:url(../images/jycx/icon-1.png) no-repeat; background-size:cover; background-position:0 -22px;}
.leftnav ul li i.icon-2{background:url(../images/jycx/icon-2.png) no-repeat;background-size:cover;background-position:0 -22px;}
.leftnav ul li i.icon-3{background:url(../images/jycx/icon-3.png) no-repeat;background-size:cover;background-position:0 -22px;}
.leftnav ul li i.icon-4{background:url(../images/jycx/icon-4.png) no-repeat;background-size:cover;background-position:0 -22px;}
.leftnav ul li i.icon-5{background:url(../images/jycx/icon-5.png) no-repeat;background-size:cover;background-position:0 -22px;}
.leftnav ul li i.icon-6{background:url(../images/jycx/icon-6.png) no-repeat;background-size:cover;background-position:0 -22px;}
.leftnav ul li i.icon-7{background:url(../images/jycx/icon-7.png) no-repeat;background-size:cover;background-position:0 -22px;}
.leftnav ul li i.icon-8{background:url(../images/jycx/icon-8.png) no-repeat;background-size:cover;background-position:0 -22px;}
.leftnav ul li i.icon-9{background:url(../images/jycx/icon-9.png) no-repeat;background-size:cover;background-position:0 -22px;}
.leftnav ul li i.icon-10{background:url(../images/jycx/icon-10.png) no-repeat;background-size:cover;background-position:0 -22px;}
.leftnav ul li i.icon-11{background:url(../images/jycx/icon-11.png) no-repeat;background-size:cover;background-position:0 -22px;}
.leftnav ul li i.icon-93{background:url(../images/jycx/icon-93.png) no-repeat;background-size:cover;background-position:0 -22px;}
.leftnav ul li i.icon-97{background:url(../images/jycx/icon-97.png) no-repeat;background-size:cover;background-position:0 -22px;}
.leftnav ul li i.icon-98{background:url(../images/jycx/icon-98.png) no-repeat;background-size:cover;background-position:0 -22px;}
.leftnav ul li i.icon-104{background:url(../images/jycx/icon-104.png) no-repeat;background-size:cover;background-position:0 -22px;}
.leftnav ul li i.icon-105{background:url(../images/jycx/icon-105.png) no-repeat;background-size:cover;background-position:0 -22px;}
.leftnav ul li i.icon-106{background:url(../images/jycx/icon-106.png) no-repeat;background-size:cover;background-position:0 -22px;}
.leftnav ul li i.icon-110{background:url(../images/jycx/icon-110.png) no-repeat;background-size:cover;background-position:0 -22px;}
.leftnav ul li a:hover i,.leftnav ul li.cur i{background-position:0 0px;}
.leftnav ul li:hover a,.leftnav ul li.cur a{ width:250px; height:45px;color:#333; background-color:#fff;border-top-left-radius:6px;border-bottom-left-radius:6px;}

/*.leftnav ul li:hover:after,.leftnav ul li.cur:after{position:absolute; left:-17px; top:0; content:''; width:330px; height:68px;opacity:1;background:#10ac41; border-radius:10px;z-index:1;}
*/
.cx-cont{ margin:50px auto; width:915px;}
.cx-cont h2{ color:#10ac41}
.cx-cont div.f18{ margin-top:10px; line-height:1.8}
.cx-right .ul{ margin-top:100px;background:url(../images/jycx/img-4.jpg) no-repeat; height:465px; font-size:18px; color:#fff;}
.cx-right .ul ul,.cx-right .ul h2{ margin:30px auto 0 auto; width:930px;}
.cx-right .ul h2{ margin:60px auto 0 auto; color:#fff; border-color:#fff;}
.cx-right .ul ul li{ display:block; margin-bottom:20px; padding-left:40px;background:url(../images/icon-li2.png) left 5px no-repeat; line-height:1.5;}

.cx-tab{ margin-top:50px;}
.cx-tab .tabs a{ display:block; float:left; border-left:1px #30b359 solid;border-top:1px #30b359 solid;width:236px; height:60px; font-size:24px; color:#30b359;line-height:60px; text-align:center}
.cx-tab .tabs a:last-child{border-right:1px #30b359 solid;}
.cx-tab .tabs a:hover,.cx-tab .tabs a.active{ color:#fff; background:#30b359}
#tabs-container{background:#30b359}
.cx-tab .tabs-cont{ margin:32px 12px; padding:30px 80px;background:#fff;height:300px; overflow-y:auto;overflow-x: hidden;}

.cx-tab .tabs-cont::-webkit-scrollbar { width:6px;  height: 6px; background-color: #fcfcfc;}  
.cx-tab .tabs-cont::-webkit-scrollbar-track  { border-radius:0px; background-color: #fcfcfc;}  
.cx-tab .tabs-cont::-webkit-scrollbar-thumb  {  border-radius:0px; background-color:#eee; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}

.cx-right .cx-box{}
.cx-right .cx-box h3{ padding-bottom:10px; margin-bottom:20px;color:#10ac41; border-bottom:0px #CCC solid;}
.cx-right .cx-lc{}
.cx-right .cx-lc span{ margin-left:-22px;}
.cx-right .cx-lc2 span{ margin-left:-25px;}
.cx-right .cx-lc span:first-child{ margin-left:0}

.cx-right .list-sl{ margin-top:20px; width:930px;}
.cx-right .list-sl li{ position:relative;display:block; max-width:602px; height:384px; float:left; margin-right:15px; margin-bottom:15px;padding:10px;background:#f5f5f5;}
.cx-right .list-sl li .imgdiv{ width:auto;}
.cx-right .list-sl li img{ height:312px;}
.cx-right .list-sl li span{ display:block; padding-top:15px; padding-bottom:10px;font-size:16px;}

.cx-right .list-sl li .hover{ position:absolute;left:0; top:0; width:100%; height:100%; background:rgba(245,245,245,.9); cursor:pointer;font-size:16px; opacity: 0;line-height:2;
-webkit-transition:opacity 0.2s ease;
	-moz-transition:opacity 0.2s ease;
	-o-transition:opacity 0.2s ease;
	transition:opacity 0.2s ease}
.cx-right .list-sl li .hover b{ display:block;padding:30px; font-size:18px;}
.cx-right .list-sl li .hover p{padding: 0 30px;}
.cx-right .list-sl li:hover .hover{opacity: 1;}

.cx-right .listsl{ display:block; margin-bottom:20px;}

.cx-right .list-wx li{ margin-bottom:30px;font-size:18px; line-height:1.6;}

.line{ position:relative; width:100%; height:30px;}
.line:after{ position:absolute; top:50%; left:0; content:''; border-bottom:1px #000 dashed; width:100%; height:1px; z-index:1}
.line span{ position:absolute; top:50%; left:50%; margin-top:-15px; margin-left:-80px; padding:0 20px; font-size:24px; color:#16943f; font-weight:bold; height:30px; line-height:30px; background:#FFF; z-index:222;}

.fix-menu{display:block; width:200px;}
.fix-menu ul{ position:relative;}
.fix-menu ul:after{ position:absolute; left:0; top:0; content:''; width:1px; height:100%; background:#000;}
.fix-menu ul li{ position:relative; display:block; margin-bottom:10px; padding-left:15px; font-size:14px; cursor:pointer}
.fix-menu ul li em{ position:absolute; left:-5px; top:10px; margin-top:-6px;display:inline-block;width:10px; height:10px; border:1px #000 solid; border-radius:10px; background:#fff; z-index:99}

/*.fix-menu{ position:fixed; margin-left:1300px; top:580px;display:block; width:200px;transition-property:top;transition-duration:1s;transition-delay:0s;}
.fix-menu ul{ position:relative;}
.fix-menu ul:after{ position:absolute; left:0; top:0; content:''; width:1px; height:100%; background:#000;}
.fix-menu ul li{ position:relative; display:block; margin-bottom:10px; padding-left:15px; font-size:14px; cursor:pointer}
.fix-menu ul li em{ position:absolute; left:-5px; top:10px; margin-top:-6px;display:inline-block;width:10px; height:10px; border:1px #000 solid; border-radius:10px; background:#fff; z-index:99}*/
.scroll-nav.active{ color:#16943f; }
.scroll-nav.active em{border:2px #16943f solid; left:-6px;}
.scroll-nav.z{ position:relative; display:block; padding-left:25px; font-size:12px; color:#666;cursor:pointer}
.scroll-nav.z i{ position:absolute; left:10px; top:50%; margin-top:-4px; width:6px; height:6px; border:1px #666 solid;border-radius:6px;}
.scroll-nav.z.active{color:#16943f;}
.scroll-nav.z.active i{border:1px #16943f solid;}








/* 基因测序 */
.ban-yun-h{ background:url(../images/yun/ban-yun-1.jpg) no-repeat; height:494px;}
.yun-1{background:url(../images/yun/ban-yun-2.jpg) no-repeat; height:494px;}
.yun-1 .txt{ padding-top:10px;width:600px; margin-left:80px; color:#326ad0;}
.yun-1 .txt h2{ border-bottom:1px #fff solid;}
.yun-1 .txt ul{ margin-top:20px;}
.yun-1 .txt ul li{ margin-top:30px;}

.yun-2{background:url(../images/yun/bg-2.jpg) no-repeat; height:612px;}
.yun-2 .txt{ margin-top:70px;float:right; width:580px; margin-right:60px;}
.yun-2 .txt ul li{ margin-top:30px;}

.yun-3{background:url(../images/yun/bg-3.jpg) no-repeat; height:970px;}
.yun-3 .txt{ height:375px; background:url(../images/yun/bg-3.png) center center no-repeat; text-align:center}
.yun-3 .txt h2{ padding-top:70px;}
.yun-3 .txt2{ margin-left:150px; margin-top:100px;width:540px;}

.yun-4{background:url(../images/yun/ban-yun-4.jpg) no-repeat; height:494px;}
.yun-5{background:url(../images/yun/ban-yun-5.jpg) no-repeat; height:494px;}
.yun-51{background:url(../images/yun/ban-yun-3.jpg) no-repeat; height:494px;}
.yun-6{background:url(../images/yun/ban-yun-6.jpg) no-repeat; height:494px;}
.yun-7{background:url(../images/yun/ban-yun-7.jpg) no-repeat; height:494px;}
.yun-71{background:url(../images/yun/ban-yun-9.jpg) no-repeat; height:494px;}
.yun-8{background:url(../images/yun/ban-yun-8.jpg) no-repeat; height:494px;}

.yun-li{ margin-top:60px;width:600px;}
.yun-li.fr{ margin-right:100px;text-align:left;}
.yun-li.fl{ margin-left:100px;text-align:left}
.yun-li p{ padding-top:30px; padding-bottom:50px;}
.yun-li a.btn-a1{ padding:0 40px;color:#2e67d1; border:1px #2e67d1 solid;}


.yun-9{ margin-top:70px;}
.yun-9 h2{ color:#10ac41; border-color:#10ac41;}
.yun-9 .content{ height:483px; overflow:hidden}
.yun-9 .content .ul{  position:relative;width:589px; height:484px;border-left:12px #ccc solid;}
.yun-9 .content ul{}
.yun-9 .content .ul li{ position:relative;display:block; margin-bottom:1px;padding-left:30px;background:#f3f3f3; height:120px;}
.yun-9 .content .ul li:nth-child(even){ background:#ebebeb}
.yun-9 .content .ul li a{ position:absolute; top:0; left:0px; padding-left:42px; width:589px;height:120px;color:#666;}
.yun-9 .content .ul li b{ display:block; margin-bottom:5px;padding-top:20px; padding-right:80px; margin-bottom:10px;font-size:18px; color:#1961e6; overflow:hidden}
.yun-9 .content .ul li:hover a,.yun-9 .content .ul li.on a{left:-12px; padding-left:52px;padding-right:80px;width:600px;background:rgba(95,139,217,.8); color:#fff;}
.yun-9 .content .ul li.on b{color:#fff;}
.yun-9 .fl{ width:899px; height:100%;}
.yun-9 .more{ display:; width:100%;height:484px;}
.yun-9 .more_cont{ float:right;padding:0 65px 0 65px;width:370px; background:rgba(25,97,230,.8); color:#FFF; font-size:16px;height:100%;}
.yun-9 .more_cont h3{ margin-top:100px;}
.yun-9 .more .more_cont p{ margin:50px 0;}
.yun-9 .more .more_cont span a{ float:right}


.item_2{}
.item_2 ul li{ position:relative;display:block; float:left; width:50%; height:344px;text-align:center; overflow:hidden}
.item_2 ul li img{position:absolute;top:0; left:0;z-index:1}
.item_2 ul li b{ display:block; margin:100px auto 60px auto;font-size:36px;}
.item_2 ul li span{padding:8px 50px 10px 50px;border:1px #1961e6 solid; border-radius:10px; line-height:2;transition: color 1s, border-color 1s;}
.item_2 ul li a{position:absolute;top:0; left:0; width:100%; height:100%;font-size:16px; color:#1961e6; text-align:center; z-index:10}
.item_2 ul li a:hover{background:rgba(25,97,230,.6); color:#FFF}
.item_2 ul li a:hover span{border:1px #ffffff solid; color:#FFF}

/* 私有云 */
.ban-yun01{ background:url(../images/yun/ban01.jpg) no-repeat;}
.ban-yun02{ background:url(../images/yun/ban02.jpg) no-repeat;}
.ban-yun03{ background:url(../images/yun/ban05.jpg) no-repeat;}
.ban-yun04{ background:url(../images/yun/ban04.jpg) no-repeat;}
.yun-menu{ height:480px;}
.yun-menu .fl{margin-left:100px;width:730px; height:98%;background:url(../images/yun/icon-1.png) bottom center no-repeat;text-align:center}
.yun-menu .fl h2{ margin-top:50px; margin-bottom:20px;}
.yun-menu .fl p{ line-height:2;}
.yun-menu .fr{ margin-top:0px;}
.yun-menu .fr .yun-title{ margin-top:-55px;}
.yun-menu .fr .yun-title h2{width:520px; margin:0 auto; padding-top:50px;}
.yun-menu-li ul li{ margin-bottom:1px;width:100%; height:83px; line-height:83px;}
.yun-menu-li ul li a{ display:block; font-size:24px; color:#000;line-height:83px; background:#f0f0f0; text-indent:50px;border-bottom-left-radius:8px;border-top-left-radius:8px;}
.yun-menu-li ul li a:hover, .yun-menu-li ul li.cur a{ margin-left:-10px;background:#4b88f8; color:#fff;}


.yun-2-1{ padding:100px 100px 80px 100px;}
.yun-2-1 .txt{ width:530px; margin-left:40px;}
.txt-sj{ font-size:14px; text-align:center}
.txt-sj b{font-size:48px;line-height:30px;}

.yun-2-2{ background:#eee; height:506px;}
.yun-2-2 .fr{ position:relative; height:100%; background:#6395f3; color:#FFF;}
.yun-2-2 .fr .icon{ position:absolute; bottom:-40px; right:0; background:url(../images/yun/icon-3.png) no-repeat; width:398px; height:489px;}
.yun-3-2 .fr .icon{ position:absolute; bottom:-40px; right:0; background:url(../images/yun/icon-8.png) no-repeat; width:398px; height:489px;}

.yun-2-3{ padding:110px 100px 30px 100px; background:#fcfcfc}
.yun-2-4{ height:700px;}
.yun-2-4 .fl{ background:url(../images/yun/icon-5.png) bottom center #6395f3 no-repeat;height:100%; width:750px;}
.yun-2-4 .fr{ width:650px;background:url(../images/yun/icon-6.png) 10px 270px  no-repeat;height:100%; }
.yun-2-5{ height:450px;}
.yun-2-5 .fl{ height:100%;}
.yun-2-6{ position:relative;background:url(../images/yun/bg-12.jpg) no-repeat; height:638px;}
.yun-2-6 .icon{ position:absolute; top:150px; right:100px; background:url(../images/yun/icon-7.png) no-repeat; width:625px; height:443px;}
.yun-2-7 .tit{ position:relative;margin-top:70px; margin-bottom:20px; text-align:center}
.yun-2-7 .tit:after{ position:absolute; content:''; bottom:-20px; left:50%; margin-left:-50px; width:100px;border-bottom:1px #CCC solid;}
.yun-2-7 .bg{background:url(../images/yun/img-1.jpg) no-repeat; height:610px;}
.yun-2-7 .bg ul{ height:610px;}
.yun-2-7 .bg ul li{ position:relative;float:left; width:530px; height:100%;color:#FFF; background:rgba(0,0,0,.4);}
.yun-2-7 .bg ul li:hover{background:rgba(0,0,0,.3); cursor:pointer; color:#e5e5e5;}
.yun-2-7 .bg ul li b{display:block;font-size:30px; padding-top:80px; padding-bottom:60px;}
.yun-2-7 .bg ul li p em{ display:block;margin-bottom:40px;}
.yun-2-7 .bg ul li a{ position:absolute; bottom:60px; right:160px;padding:0px 40px; color:#FFF; border-color:#FFF}

.yun-3-1 .txt{ width:480px; margin-left:80px; margin-top:180px;}
.yun-3-4{ padding:120px 0 100px 0;}
.yun-3-4 ul{ margin:80px auto 0 auto; width:1000px;}
.yun-3-4 ul li{ position:relative;float:left;width:33.333%; text-align:center; font-size:18px; color:#1961e6}
.yun-3-4 ul li em{ position:absolute;left:50%; top:-33px; margin-left:-33px; width:66px; height:66px; background:#1961e6; border-radius:100%; color:#FFF; font-size:36px; line-height:66px;}
.yun-3-4 ul li div{ margin:0 auto; padding-top:50px;width:250px; height:220px; border:1px #1961e6 solid; line-height:2.5;}
.yun-3-5 .icon{ position:absolute; top:150px; right:100px; background:url(../images/yun/icon-9.png) no-repeat; width:625px; height:443px;}
.yun-3-6 .bg ul li{ width:50%}

.yun-4-1 .fr{ width:650px;background:url(../images/yun/img-4-3.png) 10px 325px  no-repeat;height:100%; }
.yun-4-2{background:url(../images/yun/img-3.jpg) no-repeat;}
.yun-4-2 .icon{top:180px;background:url(../images/yun/img-4-4.png) no-repeat; width:663px;}
.yun-1-3{background:url(../images/yun/img-4.jpg) no-repeat; height:498px;}


/*  */
.ban-n01{ background:url(../images/news/ban01.jpg) no-repeat; height:494px;}
.ban-n011{ background:url(../images/news/ban011.jpg) no-repeat; height:380px;}
.ban-n02{background:url(../images/news/ban02.jpg) no-repeat; height:380px;}
.ban-n03{ background:url(../images/news/ban03.jpg) no-repeat; height:380px;}
.ban-news{ background:url(../images/news/ban-news.jpg) no-repeat; height:380px;}

.news-1{ position:relative;height:700px;}
.news-1 .txt{ width:85%; margin:50px 0 0 100px;}
/*.news-1 .icon{ position:absolute; bottom:0; right:200px; background:url(../images/news/icon-1-1.png) no-repeat; width:222px; height:458px;}*/
.news-2{ height:148px; background:url(../images/news/icon-1-3.png) no-repeat;}
.news-2 ul{ margin:50px auto; width:1000px;}
.news-2 ul li{ float:left; width:25%;}
.number{ color:#FFF; font-size:16px; font-weight:normal}
.number em{ float:left; margin-right:15px; margin-top:0px; padding:0;font:normal 48px Tahoma, Geneva, sans-serif; line-height:30px;}
.number em sup{ font-size:22px;}

.news-3{ margin-top:60px; margin-bottom:100px;}
.news-3 h2 a{ float:right; margin-top:20px; margin-right:50px;}
.news-box{ margin-top:20px;border-top:1px #e6e6e6 solid;border-left:1px #e6e6e6 solid;border-bottom:1px #e6e6e6 solid; height:640px; overflow-y:auto;overflow-x: hidden;}
.news-box ul li{ float:left; padding:15px 0;width:620px; font-size:16px; border-bottom:1px #e6e6e6 solid;}
.news-box ul li:nth-child(even){ float:right;}
.news-box ul li .img{width:244px; height:183px; overflow:hidden}
.news-box ul li .img img{ width:100%; height:100%;}
.news-box ul li .txt{ position:relative; padding-top:13px;width:360px; height:170px;}
.news-box ul li .txt span{ position:absolute; left:0; bottom:20px; font-size:14px; color:#ccc;}

.news-box::-webkit-scrollbar {width:5px;height:5px;}
.news-box::-webkit-scrollbar-thumb{border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background:#1961e6;}
.news-box::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background:#e6e6e6;}
.news-4{}
.news-4 .fl{ width:880px; height:100%;padding-top:50px; padding-bottom:120px;}
.news-4 .fr{ width:480px;height:100%; margin-right:100px;padding-top:50px; padding-bottom:120px;}
.news-4 .fr .txt{ position:relative;margin-top:20px;width:100%; height:569px; color:#fff; font-size:14px;}
.news-4 .fr .ban_bg_blue{ position:absolute; left:0; bottom:0; width:100%; height:250px;}
.news-4 .fr .ban_bg_blue a{ color:#FFF}
.news-4 .fr .ban_bg_blue p{ padding:20px 30px;}
.news-4 .fr .ban_bg_blue .en{ display:block; margin:10px 0 20px 0;font-size:48px; line-height:1;}

/* 焦点图 */
.focusBox { float:left; position: relative;  width:736px; height:569px; margin-top:20px; overflow: hidden; font-family:Arial; text-align: left;}
.focusBox .pic li{ position:relative;}
.focusBox .pic li a.btn-play{ position:absolute; display:block;top:50%; left:50%; margin-top:-100px; margin-left:-62px;width:124px; height:124px;background:url(../images/news/icon-play.png) no-repeat; z-index:11}
.focusBox .pic img {  width:736px; height:569px; display: block; }
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height:110px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height:110px; width:100%; overflow: hidden; }
.focusBox .txt li{ height:100px; line-height:1.5; position:absolute; bottom:-110px;}
.focusBox .txt li a{ display: block; color: white; padding: 0 20px 0 40px; font-size:24px; text-decoration: none; }
.focusBox .num { position: absolute; z-index: 3; bottom:20px; right: 20px; }
.focusBox .num li{ float: left; position: relative; width: 10px; height: 10px; line-height: 10px; overflow: hidden; text-align: center; margin-right:10px; cursor: pointer; border-radius:100%;}
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
.focusBox .num li.on a,.focusBox .num a:hover{ background:#fff;}
.focusBox .btn-page{ display:none;position:absolute; top:40%; left:0; width:100%; z-index:10;}
.focusBox .btn-page a{ display:inline-block;width:68px; height:68px; border-radius:100%;}
.focusBox .btn-page a.prev{position:absolute; left:20px;background: url(../images/icon-btn-l.png) rgba(0,0,0,.2) center 13px no-repeat;}
.focusBox .btn-page a.next{ position:absolute; right:20px;background: url(../images/icon-btn-r.png) rgba(0,0,0,.2) center 13px no-repeat;}
.focusBox:hover .btn-page{ display:block}



.news-5{}
.news-5 ul li{ display:block; width:100%; height:360px; background-size:100% 100%; color:#FFF}
.news-5 ul li .ban_bg_blue{ width:750px; background:rgba(25,97,230,.8); height:100%;}
.news-5 ul li .txt{ margin:60px 0 0 100px;width:500px;}
.news-5 ul li .txt h2{ border-color:#FFF}


/*  */
.btn-class-a{ margin:10px 0;}
.btn-class-a a{ display:inline-block; margin-right:10px; height:36px; padding:0 40px; line-height:36px; font-size:18px; border:1px #ebebeb solid; color:#1961e6; border-radius:10px;}
.btn-class-a a:hover,.btn-class-a a.cur{ background:#1961e6; color:#FFF}

.wx-list{ margin-top:30px;width:100%; overflow:hidden}
.wx-list ul{ width:1350px;}
.wx-list ul li{ position:relative;display:inline-block; margin-bottom:20px; border:1px #e6e6e6 solid; width:308px; margin-right:16px; font-size:18px; background-color:#fff;}
.wx-list ul li .img{ width:308px; height:230px; overflow:hidden}
.wx-list ul li .img img{ width:100%; height:100%;}
.wx-list ul li p{ display:block; padding:20px 10px; height:150px; overflow:hidden}
.wx-list ul li span{ display:block; padding:10px; margin-bottom:30px; height:50px;border-top:1px #e6e6e6 solid; font-size:14px; overflow:hidden}
.wx-list ul li:hover,.newslist ul li:hover a{ color:#1961e6; cursor:pointer}
.wx-list ul li a.icon-dl{ position:absolute; display:none;top:0; right:0; width:42px; height:54px; background:url(../images/news/icon-dl.jpg) no-repeat; z-index:11}
.wx-list ul li:hover a{ display:block}
.newslist ul li p{display:block;height:80px; overflow:hidden}
.newslist ul li span.time{ font-size:12px; border:0; height:20px;}

.wenxian{width:100%;}
.wenxian ul li{ display:block; margin-top:20px;border:1px solid #e5e5e5; border-radius:6px; clear:both;background-color:#fff; overflow:hidden}
.wenxian ul li .img{ display:inline-block; float:left;width:308px; height:230px;border-top-left-radius:6px;border-bottom-left-radius:6px; overflow:hidden}
.wenxian ul li .img img{ width:100%; height:100%;}
.wenxian ul li .txt{ display:inline-block; float:right; width:942px; margin-right:24px;}
.wenxian ul li .txt a{color:#333333}
.wenxian ul li .txt a:hover{color:#1961e6}
.wenxian ul li p{ display:block; margin:18px 0px 24px 0; height:100px;font-size:24px; font-family:Arial, Helvetica, sans-serif; line-height:34px;overflow:hidden}
.wenxian ul li span{ display:block; margin:0px 0px 10px 0; padding-top:10px;height:48px;border-top:1px #e6e6e6 solid;font-size:16px; overflow:hidden}

.news{ background:#FFF; margin:0 auto; width:1180px; min-height:500px; padding:50px 60px; overflow:hidden}
.news .tit{ border-bottom:1px #ccc solid;}
.news .tit b{ display:block;font-size:24px; color:#1961e6;}
.news .tit span { display:block;padding:10px 0;}
.newsCont{ padding:30px 0; font-size:16px;line-height:2;}
.newsCont p{ margin-bottom:10px;line-height:2;}

/*   通用数据库 */
.n-3-box{ margin-bottom:40px;width:100%; min-height:300px; box-shadow:0 0 15px rgba(0,0,0,.1);}
.n-3-box .tit{ position:relative;font-size:24px; color:#1961e6; border-bottom:1px #f5f5f5 solid;height:60px; line-height:60px; text-indent:60px}
.n-3-box .icon{ position:absolute; top:50%; left:10px; margin-top:-21.5px;background:url(../images/news/icon-a.png) no-repeat; width:43px; height:43px;}
.n-3-box .icon-2{ background-position:-43px;}
.n-3-box .icon-3{ background-position:-86px;}
.n-3-box .icon-4{ background-position:-129px;}
.n-3-box ul{ margin:20px auto;}
.n-3-box ul li{ display:inline-block; margin-bottom:20px;float:left; width:20%;text-align:center;}
.n-3-box ul li .img{ margin:0 auto;width:217px; height:68px; line-height:68px; text-align:center;}
.n-3-box ul li span{ display:block; margin:10px 0; font-size:18px; text-align:center;}

.n-1-1{ height:500px;}
.n-1-1 .fl{ width:750px; height:100%; text-align:right; }
.n-1-1 .fr{ width:750px; height:100%;}
.n-1-1 p{ line-height:2;}
.n-1-2 { position:relative;height:510px; background:url(../images/news/bg-1.png) bottom center no-repeat;}
.n-1-2 .icon{ position:absolute; right:300px; top:-160px; background:url(../images/news/pro.png) no-repeat; width:494px; height:667px;}
.n-1-2 .txt{ width:400px; margin-top:180px; margin-left:300px;text-align:center}
.n-1-2 .txt a{ display:inline-block;margin-top:20px;font-size:18px; text-decoration:underline}
.n-1-3{ background:url(../images/news/n-14.jpg) no-repeat; height:570px;}
.n-1-3 .w-900{ height:100%; }
.n-1-3 .w-900 p{line-height:2;}

.sub-mouse{ width:179px; height:137px; position: absolute; top:0px; left:0; margin-left:0px; cursor: pointer; z-index: 1; zoom: 1; -moz-transform: scale(1);}
.sub-mouse:after{ display: none; z-index: -1; position: absolute; content: ''; top: -30px; left: 50%; height: 53px; border-right: 1px solid #333; margin-left: -1px;}
.sub-mouse div{ display: block; position: relative;width:179px; height:137px;background:url(../images/about/icon-1.png) no-repeat; color:#1961e6; font-size:16px;
	 /*animation: ani-svg 1s linear 0s alternate infinite;
	 -webkit-animation: ani-svg 1s linear 0s alternate infinite; */
}
.sub-mouse div:hover{ color:#FFF}
.sub-mouse div h3{ display:block;font-size:16px;text-align:center; height:42px;line-height:42px;}
.sub-mouse div p{ padding:0 10px;font-size:12px; text-align:left}
.sub-mouse div p.f16{ text-align:center}
.sub-mouse i{ position: absolute; bottom: 5px; left: 50%; color: #000;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}
.sub-qi{ width:70px; height:109px; position: absolute; top:0px; left:0; margin-left:0px; cursor: pointer; z-index: 1; zoom: 1; -moz-transform: scale(1);}
.sub-qi span{ display: block; position: relative;width:100%; height:100%;background:url(../images/about/icon-qi.png) no-repeat;
	 /*animation: ani-svg 1s linear 0s alternate infinite;
	 -webkit-animation: ani-svg 1s linear 0s alternate infinite; */
}



@keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  transform: translateY(-15px);
	}
    25%{
      opacity: 0.8;
	  transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  transform: translateY(15px);
	}
}
@-webkit-keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  -webkit-transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  -webkit-transform: translateY(-15px);
	}
    25%{
      opacity: 0.8;
	  -webkit-transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  -webkit-transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  -webkit-transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  -webkit-transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  -webkit-transform: translateY(15px);
	}
}
@-moz-keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  -moz-transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  -moz-transform: translateY(-15px);
	}
    25%{
      opacity: 0.8;
	  -moz-transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  -moz-transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  -moz-transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  -moz-transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  -moz-transform: translateY(15px);
	}
}

/*  blog  */
.ban-blog{ background:url(../images/ban-blog.jpg) top center no-repeat; height:494px;}
.blog-l{ display:block; float:left; margin-left:40px; width:904px;}
.blog-r{ display:block; float:right; margin-right:40px; width:466px; overflow:hidden}
ul.blog-list li{ display:block; margin-bottom:20px; font-size:18px; color:#666666; box-shadow:0 0 5px rgba(230,230,230,.8); background-color:#FFF; height:186px; overflow:hidden}
ul.blog-list li .time{ display:block; float:left;width:84px;background:url(../images/icon-data.png) top left no-repeat; min-height:125px; color:#FFF; font-family:Arial; text-align:center}
ul.blog-list li .time span{ display:block; padding-top:25px;font-size:48px; line-height:50px;}
ul.blog-list li .text{ margin:0 20px 0 110px;}
ul.blog-list li .text h3{ display:block; margin:10px 0;font-size:24px;}
ul.blog-list li .text h3 span{ display:inline-block; margin-right:10px;padding:0 15px; background:#ff6000; font-size:16px; color:#fff; border-radius:5px;}
ul.blog-list li .text p{ margin-bottom:5px;height:70px; line-height:25px; overflow:hidden}
ul.blog-list li .label .zai{ display:inline-block; margin-right:20px;padding-left:40px;width:32px;height:32px;background:url(../images/icon-zai.png) left top no-repeat; line-height:35px; cursor:pointer}
ul.blog-list li .label .view{ display:inline-block;padding-left:40px;width:32px;height:32px;background:url(../images/icon-view.png) left center no-repeat; line-height:32px;}
ul.blog-list li .label a.more{ display:none; float:right; padding:5px 20px; font-size:14px; color:#1961e6; border:1px #1961e6 solid; border-radius:6px;}
ul.blog-list li:hover .label a.more{ display:inline-block}
ul.blog-list li:hover h3 a{ color:#457fe9;}
.blog-r .blog-class{ position:relative;display:block; padding-left:20px; padding-bottom:10px; margin-bottom:25px; border-bottom:1px #ccc solid;font-size:36px; color:#457fe9;}
.blog-r .blog-class:after{ position:absolute; content:"";left:0; top:12px; width:4px; height:36px; background:#457fe9;}

.bclass{ display:block; margin-bottom:30px;}
.bclass ul li{ position:relative;display:block; margin-bottom:20px;width:466px; height:166px; border-radius:5px; overflow:hidden}
.bclass ul li:after{ position:absolute; content:'';top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.5); z-index:10;}
.bclass ul li:hover:after{ z-index:0;}
.bclass ul li a{ position:absolute; top:0; left:0; width:100%; height:100%; font-size:36px; color:#fff; z-index:9; line-height:166px; text-indent:30px;}
.bclass ul li img{ position:absolute; left:0; top:0; z-index:1}
.keys{ display:block;}
.keys a{ display:inline-block; margin-right:20px; margin-bottom:20px;padding:5px 20px; font-size:18px; border:1px #ccc solid;}
.keys a:hover,.keys a.cur{ color:#fff; background:#457fe9;}

.loading{ display:block; background:#e5e5e5; font-size:16px; height:64px; line-height:64px; text-align:center}
.loading span{ padding-left:35px;background:url(../images/more.png) left center no-repeat;}

.blog-rr{ display:block; float:left; width:365px;background:#ffffff;}
.blog-menu{ margin-left:100px;}
.blog-rr h3{ display:block; margin-top:30px; margin-left:60px;padding-left:20px; font-size:24px; color:#666; background:url(../images/icon-al.png) left center no-repeat;}

.blog-menu ul{ margin-top:18px;width:246px;}
.blog-menu ul li{ position:relative;display:block; height:56px; margin-bottom:10px; font-size:24px;}
.blog-menu ul li a{ position:absolute; display:block; top:0; left:35px; width:100%;height:56px; line-height:56px; text-indent:35px;}
.blog-menu ul li a:after{ position:absolute; content:''; top:50%; left:20px; margin-top:-6px; width:3px; height:12px; background:#666666;}
.blog-menu ul li a:hover,.blog-menu ul li.cur a{background:#457fe9; color:#FFF; border-radius:6px;}
.blog-menu ul li a:hover:after,.blog-menu ul li.cur a:after{background:#fff;}
.blog-vl{display:block; float:left; width:1220px; background:#fff;}
.blog-vr{ position:relative;display:block; float:right; width:280px; background:#fafafa}
.blog-vr .float{ position:fixed; display:block; margin-top:0px}
.blog-box{ display:block; width:1035px; margin-left:140px; margin-right:50px;}
.blog-tit{ display:block; margin:30px 0; border-bottom:1px #ccc solid}
.blog-tit h1{ display:block; font-family:24px; color:#1961e6;}
.blog-tit span{display:block; padding:5px 0;font-size:14px; color:#666666;}
.blog-cont{ display:block; margin:30px 40px; font-size:16px; color:#2a2a2c; line-height:35px;}

.blog-vr a{ position:relative;display:block; margin-left:10px; margin-bottom:15px;width:56px; height:84px; background:#fff; border-radius:6px; text-align:center}
.blog-vr a i{ position:absolute; top:10px; left:50%; margin-left:-25px; width:50px; height:43px; background:url(../images/share.png) left top no-repeat;}
.blog-vr a span{position:absolute; bottom:8px; left:0; width:100%; text-align:center}
.blog-vr a i.i-wx{ background-position:-50px 0}
.blog-vr a i.i-qq{ background-position:-100px 0}
.blog-vr a i.i-weibo{ background-position:-150px 0}

/* 单细胞测序 */

.txt-info h4{font-size: 22px; color: #f76655;}
.txt-info p{font-size: 18px; color: #333; margin: 10px 0 0 0; line-height: 28px; letter-spacing: 1px;}
.txt-info p:nth-of-type(2){font-size: 14px;}
.title-h3{font-size: 36px; text-align: center; color: #000; margin: 50px auto 30px;}

.ban-n04{ background:url(../images/dan/ban04_1.png) no-repeat; height:563px;}
.ban_bg_red a{ color:#FFF}
.ban_bg_red .en{ display:block; margin:10px 0 20px 0;font-size:48px; line-height:1;}
.ban_bg_red{background: rgba(214,91,76,.85);}

/* 空间转录组测序 */

.ban-n05{ background:url(../images/spatial/u27.png) no-repeat; height:563px;}
.ban_bg_blue a{ color:#FFF}
.ban_bg_blue .en{ display:block; margin:10px 0 20px 0;font-size:48px; line-height:1;}
.ban_bg_blue{background-color: rgba(25, 97, 230, 0.8);}
.ban_bg_spatial{background-color: rgba(0, 170, 170, 0.8);}


.sp-1{ display:block}
.sp-1 .fl{ display:block; width:900px; height:1280px; background-color: rgba(239, 246, 245, 0.996078431372549);}
.sp-1 .fr{ display:block; width:600px;}
.sp-1 .text{ padding-left:80px; padding-right:40px;}
.sptext h2{ display:block; padding-top:60px; padding-bottom:30px; font-size:36px; color:#00AAAA;}
.sp-text{ font-size:16px; line-height:30px;color:#333;}
.sp-text ul.u-1{ list-style:inside;}
.sp-text ul.u-1 li{ list-style-type:disc; list-style:outside; padding:3px 0; margin-left:40px;}


.sp-1 .fr ul{ width:480px; margin-left:10px;}
.sp-1 .fr ul li{ position:relative; display:block; margin:20px 20px; height:120px; border-radius:10px; background:url('../images/spatial/p24.png'); background-size:cover;}
.sp-1 .fr ul li:after{ position:absolute; content:''; top:0; left:0; width:100%; height:100%;  border-radius:10px;background:rgba(0,0,0,.3); z-index:1}

.sp-1 .fr ul li:nth-child(2){background:url('../images/spatial/p25.png');}
.sp-1 .fr ul li:nth-child(3){background:url('../images/spatial/p26.png');}
.sp-1 .fr ul li:nth-child(4){background:url('../images/spatial/p27.png');}
.sp-1 .fr a{ display:block; position:absolute; top:0; left:0;padding:20px; font-size:18px; color:#fff; z-index:22}
.sp-1 .fr a:hover{ text-decoration:underline}


.sp-2{ position:relative; width:100%; height:610px; background:url('../images/spatial/u45_div.jpg') center center no-repeat; background-size:cover;}
.sp-2-h{ display:block; position:absolute; top:110px; left:50%; margin-left:-650px; width:1300px; font-size:12px; color:#AAA; z-index:22}
.sp-2:after{ position:absolute; content:''; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.3); z-index:1}
.sp-2-h span{ width:200px; display:inline-block; position:absolute;left:200px; top:0; z-index:33}


.sp-3{ display:block; position:relative; height:750px;}
.sp-13 .img{ position:absolute; top:120px; left:0px;}
.sp-13 .fr{ position:absolute; top:50px; right:100px; width:640px;}
.sp-13{ display:block; position:relative; height:600px;}
.sp-3 .img{ position:absolute; top:120px; left:0px;}
.sp-3 .fr{ position:absolute; top:50px; right:100px; width:640px;}

.sp-4{ position:relative; height:800px; background:url('../images/spatial/u13.svg') center center no-repeat; background-size:cover;}

.sp-5{ position:relative; height:1400px;}
.sp-6{ position:relative; height:824px;    background-color: rgba(0, 170, 170, 1);}
.sp-7{ position:relative; height:2300px;}
.sp-8{ position:relative; height:650px;    background-color: rgba(242, 242, 242, 1);}
.sp-8-cont{ display:block; margin:0 auto; width:1370px; height:350px; position:relative;}
.sp-8-cont .svg{ position:absolute; top:0; left:0; width:100%; height:298px; z-index:2}

.sp-9{ position:relative; height:749px; background-color: rgba(0, 170, 170, 1);}
.sp-10{ position:relative; height:2910px;}
.sp-11{ position:relative; height:1760px;}
.sp-12{ position:relative; height:1200px;background-color: rgba(242, 242, 242, 1);}



.sp-8 .progress {width: 1370px; position:absolute;top:0;left:50%; margin-left:-635px; height:298px;box-sizing: border-box;padding-left:115px; z-index:11}
.sp-8 .title {text-align: center;padding-bottom:50px;font-size:36px; color:#141414; border-bottom:0px #cccccc solid;}
.sp-8 .progress .progress-deatil img { width: 44px;height: 44px;}
.sp-8 .progress .progress-deatil {display: inline-block; margin-left: 162px;position: relative;display:none;width: 44px;overflow: visible; white-space: nowrap;font-family: SimHei;font-size: 15px;}
.sp-8 .progress .progress-deatil:first-child{margin-left: 0;}
.sp-8 .progress #progress1 {top: 190px; animation-delay: 0.5s;}
.sp-8 .progress #progress2 {top: 210px; animation-delay: 1s;}
.sp-8 .progress #progress3 {top: 200px; animation-delay: 1.5s;}
.sp-8 .progress #progress4 {top: 170px; animation-delay: 2s;}
.sp-8 .progress #progress5 {top: 160px; animation-delay: 2.5s;}
.sp-8 .progress #progress6 {top: 180px; animation-delay: 3s;}
.sp-8 .progress .show{display: inline-block;}





.dan-1{background:url(../images/dan/dan01.jpg) no-repeat; position:relative; height:266px; }
.dan-1 p{font-size: 16px; line-height: 30px; color: #333; }

.dan-2{position:relative;}
.dan-2 .dan-2-a{position:absolute;left:490px;bottom:75px;}

.dan-3{background:url(../images/dan/dan03.jpg) no-repeat; position:relative;height:800px;}
.dan-3 .p-20{font-size: 16px; text-align: center;}
.dan-3 .swiper-component { position: relative; }
.dan-3 .swiper-component .ul { position: absolute; z-index: 9; left: 540px; top: 75px; }
.dan-3 .swiper-component .ul li {font-size: 22px; color: #322e30; float: left; width: 190px; height: 54px;line-height: 54px;text-align: center;border: 1px solid #f76655;border-radius: 2px; margin-right: 20px; cursor: pointer; }
.dan-3 .swiper-active {background: #f76655; color: #fff;}
.dan-3 .swiper-active b{color: #fff;}
.dan-3 .my-swiper { width: 1400px; height: 500px; overflow: hidden;margin: 0 auto;}
.dan-3 .div-img {float:left; width:33%;}
.dan-3 .div-d0 {float:right; width:67%; margin:175px 0 0 0; background:#f76655; height:225px; border-radius: 2px; }
.dan-3 .div-d0 p {color:#fff; font-size: 16px; line-height: 26px; margin:40px 30px 0 30px; letter-spacing: 1px;}

.dan-4 {background:url(../images/dan/dan13.jpg) no-repeat;height:850px;box-sizing: border-box; padding-top: 70px;}
.dan-4 .progress {width: 1370px;background:url(../images/dan/dan14.png) no-repeat; position:relative;height:298px;margin: 0 auto;box-sizing: border-box;padding-left: 175px;}
.dan-4 .title {text-align: center;padding-bottom:50px;font-size:36px; color:#141414; border-bottom:0px #cccccc solid;}
.dan-4 .progress .progress-deatil img { width: 44px;height: 44px;}
.dan-4 .progress .progress-deatil {display: inline-block; margin-left: 162px;position: relative;display: none;width: 44px;overflow: visible; white-space: nowrap;font-family: SimHei;font-size: 15px;}
.dan-4 .progress .progress-deatil:first-child{margin-left: 0;}
.dan-4 .progress #progress1 {top: 117px; animation-delay: 0.5s;}
.dan-4 .progress #progress2 {top: 141px; animation-delay: 1s;}
.dan-4 .progress #progress3 {top: 151px; animation-delay: 1.5s;}
.dan-4 .progress #progress4 {top: 75px; animation-delay: 2s;}
.dan-4 .progress #progress5 {top: 83px; animation-delay: 2.5s;}
.dan-4 .progress #progress6 {top: 126px; animation-delay: 3s;}
.dan-4 .progress .show{display: inline-block;}

.dan-6{background:url(../images/dan/dan05.jpg) no-repeat; position:relative;overflow: hidden;background-size:cover;display:flex;}
.dan-6 .w-1300{overflow: hidden;padding:100px 0 162px;}
.dan-6 .title-h3{ color:#fff; margin: 0 auto 50px;}
.dan-6 h4{font-size: 22px; margin-bottom: 20px;}
.dan-6 p{font-size: 16px; line-height: 36px;}
.dan-6 .div-d1{ float:left; width:684px; color:#fff;}
.dan-6 .div-d2{ float:right; width: 520px; color:#fff;}

.dan-7{ position:relative; }
.dan-7 .w-1300{ margin: 20px auto 120px; overflow: hidden;}
.dan-7 .div-d1{ float:left; width:610px;}
.dan-7 .div-d2{ float:right; width:675px; margin-top: 100px;}

.dan-8 { position: relative;}
.dan-8 .div-d3{ float:left; width:50%; background:#fcdac0; height: 880px;}
.dan-8 .div-d3 i{display: block; margin: 98px 0 40px 100px;}
.dan-8 .div-d3 .txt-info{width: 568px; margin-left: 100px;}
.dan-8 .div-d4{float:right; width:50%; background:#f3f3f3; height: 880px;}
.dan-8 .div-d4 i{display: block; margin: 98px 25px 40px;}
.dan-8 .div-d4 .txt-info{width: 540px; margin-left: 80px;}

.dan-9{position: relative;}
.dan-9 .w-1300{margin: 125px auto 30px; overflow: hidden;}
.dan-9 .div-d1{float:left; width:473px;}
.dan-9 .div-d2{float:right; width:680px; margin: 130px 0 0 0; }

.dan-10{background: #f76655;display:flex;justify-content:space-around;padding-bottom:98.5px;}
.dan-10 .div-d1 .txt-info{width: 410px; margin: 75px 0 0 0;}
.dan-10 .div-d1 .txt-info h4{color: #fff;}
.dan-10 .div-d1 .txt-info p{color: #fff;}
.dan-10 .div-d2 img{height: 500px;}

.dan-11{position: relative;}
.dan-11 .div-d1{ float:left; width:41%; background:#fcdac0; height: 770px;}
.dan-11 .div-d1 i{display: block; margin: 25px 75px;}
.dan-11 .div-d1 .txt-info{width: 430px; margin-left: 100px;}
.dan-11 .div-d2{float:right; width:59%;  background:#f3f3f3; height: 770px;}
.dan-11 .div-d2 i{display: block; margin: 95px 0 60px 55px;}
.dan-11 .div-d2 .txt-info{width: 655px; margin-left: 55px;}

.dan-12{position: relative;}
.dan-12 .w-1300{margin: 0 auto 95px; overflow: hidden;}
.dan-12 .div-d1{float: left;margin: 0 0 0 135px;}
.dan-12 .div-d2{float: right; width: 424px; margin: 165px 0 0 0;}

.dan-13{position: relative;display:grid;background-color:#f3f3f3;padding:50px 60px;place-items:center;}
.dan-13 .div-d1{margin-bottom:25px;width:1225px;}

.dan-14{position: relative;}
.dan-14 .w-1300{margin: 50px auto 105px; overflow: hidden;}
.dan-14 .div-d1{float:left;margin: 0 0 0 170px;}
.dan-14 .div-d2{float:right; width:620px; margin: 130px 0 0 0; }

.dan-15{position: relative;}
.dan-15 .w-1300{display:flex;justify-content:space-around;margin:25px auto;}
.dan-15 .div-d1{margin-top:190px;width:410px;}
.dan-15 .div-d2 img{height:500px;}

.dan-16{background: #f76655;display:flex;justify-content:space-around;padding:25px 0;}
.dan-16 .div-d1 .txt-info{width: 410px; margin: 75px 0 0 0;}
.dan-16 .div-d1 .txt-info h4{color: #fff;}
.dan-16 .div-d1 .txt-info p{color: #fff;}
.dan-16 .div-d2 img{height:500px;}


.visuallzation-title {
    padding: 35px 83px;
}

.visuallzation-title-function {
    padding: 0 83px;
}

.visuallzation-title-content {
    padding: 0 83px;
    font-family: "微软雅黑", Tahoma, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 1.5;
    font-size: 18px;
}

.visuallzation-img {
    /* position: absolute; */
    /* left: 50%; */
    /* top: 50%; */
    /* transform: translateX(-50%) */
    text-align: center;
}

.visuallzation-img img {
    display: block;
    margin: 0 auto;
}

.show-singlecell {}

.show-singlecell-title {
    padding: 15px 83px 10px 83px;
    color: #1961E6;
}