.aaa:after{ content: ''; width: 50%; height: 100%; position: absolute; top:0;
	right: 0; z-index: 0; background-color: #252525;}

.flx{ width: 100%; background-color: #e9e9e9;}
.flxin{ overflow: hidden; padding: 30px 0; font-size: 18px; line-height: 40px;}
.flxin p{ float: left; padding-left: 35px; color: #0d3c70; margin-right: 55px;}
.lx01{ background: url('../image/lx01.png') left 7px no-repeat;}
.lx02{ background: url('../image/lx02.png') left no-repeat;}
.lx03{ background: url('../image/lx03.png') left no-repeat;}

.lxin{ overflow: hidden; padding: 60px 0; font-size: 18px; line-height: 40px;}
.lxin p{ float: left; padding-left: 35px; color: #0d3c70; margin-right: 90px;}

.flxin a.lxlink{ width: 160px; height: 40px; float: right;
	 background-color: #008dc5; color: #fff;}
#map { width: 100%; height: 450px;}


.tree{ height: 30px; color: #bfbfbf; line-height: 30px; margin: 10px 0;font-size:16px;}
.tree a{ color: #666; padding: 0 5px;}
.tree a.leaf,.tree a:hover{ color: #0098d4;}

.tree2{ height: 30px; color: #3cacd9; line-height: 30px;}
.tree2 a{ color: #fff; padding: 0 10px;}
.tree2 a:hover{ text-decoration: underline;}

.main{ margin: 0 auto; width: 1200px; overflow: hidden;}
.main.search{ margin: 35px auto; min-height: 400px;}
.incate{ width: 100%; height: 120px; background-color: #015ca5;}
.incatein{ background: #015ca5 url('../image/blue.jpg') center;}
.incatein h2{ height: 40px; padding-top: 40px; font-size: 32px; color: #fff; text-align: center; line-height: 40px;}

table.xibao{ width: 100%; font-size: 12px; line-height: 24px; margin: 10px 0;}
table th{ background-color: #0b4c8b; height: 40px; text-align: center; color: #fff;}
table th,table td{ border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3;}
table td{ color: #333; background-color: #fff; padding: 10px 10px; transition: 0.3s;
  -moz-transition: 0.3s; -ms-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s;}
table tr:nth-child(even) td{ background-color: #f1f1f1;}
table tr:last-child{ border-bottom: 1px solid #e3e3e3;}

table tr:hover td{ color: #0098d4; background-color: #e3e3e3;}
table tr:hover td span{ text-decoration: underline;}
table tr:hover td a{ color: #0098d4;}

table td.cz{ text-align: center;}
table td.cz a{ display: inline-block; padding: 0 10px;}
table td.cz a.order{ color: #0098d4;}
table td.cz a.order i{ display: inline-block; width: 16px; height: 16px; margin-right: 10px;
	background: url('../image/cart.png') center no-repeat; position: relative; top:3px;}

.biaotou{ height: 50px; overflow: hidden;}
.biaotou h3{ float: left; line-height: 40px; font-size: 32px; color: #333;}



.jjcon{ padding: 30px 0 70px;}
.jjcon img{ max-width: 100%;}
.jjcon div{ font-size: 16px; color: #333; line-height: 28px;}

#vd{ margin: 30px 0; width: 100%;}


.caselist{ margin-top: 0px; width: 1260px;}
.caselist li{ float: left; margin-top: 30px; width: 360px; margin-right: 60px;}
.caselist a{ display: block; padding-bottom: 20px;}
.caselist .pic{ width: 360px; height: 225px; overflow: hidden;}
.caselist .pic img{ width: 100%; height: 100%; -webkit-transition: .6s; -moz-transition: .6s; 
	-ms-transition: .6s; -o-transition: .6s; transition: .6s;}
.caselist li:hover img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);  -o-transform: scale(1.05); transform: scale(1.05);}

.caselist h3{ width: 100%; height: 36px; overflow: hidden; margin:10px 0 20px;
	font-size: 18px; color: #333333;-webkit-transition: .6s; -moz-transition: .6s; 
	-ms-transition: .6s; -o-transition: .6s; transition: .6s;}
.caselist p.txt{ height: 40px; overflow: hidden; color: #999; font-size: 14px; line-height: 20px;}
.caselist .info{ height: 20px; color: #b5862b; font-size: 14px; line-height: 20px;}

.caselist li:hover h3{ color: #0098d4;}




.erji{ width: 100%; height: 150px; background-color: #f5f5f5;}
.erjiin{ overflow: hidden;}
.erjiin li{ float: left; width: 238px; height: 100%; text-align: center;}
.erjiin li .pic{ display: block; margin-top: 38px; height: 44px; line-height: 44px;}
.erjiin li .txt{ display: inline-block; margin: 5px auto 0; border-bottom: 3px solid #f5f5f5;
	 font-size: 20px; color: #333; line-height: 42px;}
.erjiin li:hover .txt,.erjiin li.on .txt{ border-color: #00a4e5; color: #00a4e5;}

.erjiin.about li {width: 400px;}



.lier{ width: 100%; height: 50px; background-color: #f5f5f5;}
.lierin{ overflow: hidden; text-align: center; font-size: 0; }
.lierin li{ display: inline-block; width: 128px; padding: 15px 0; position: relative;}
.lierin li a{ display: block; border-left: 1px dotted #008dc5; height: 20px; overflow: hidden;
	 font-size: 14px; color: #008dc5; line-height: 20px;}
.lierin li:first-child a{ border-left: 0 none;}
.lierin li:after{ content: ''; width: 56px; height:0; position: absolute; bottom:0; background-color: #008dc5; 
	left: 50%; z-index: 1; margin-left: -28px; -moz-transition: 0.3s; -ms-transition: 0.3s;
	 -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.lierin li.on:after,.lierin li:hover:after{ height: 3px;}


.saurus{  width: 100%; height: 120px; background: url('../image/saurus.jpg') center no-repeat; position: relative;}
#outsou{ position: absolute; top:35px; z-index: 1; right: 155px;}
.saurus input{ float: left; vertical-align: top}
.saurus .sout{ width: 550px; height: 46px; text-indent: 18px; line-height: 46px;
	 color: #999; background-color: #fff; font-size: 14px; border: 2px solid #008dc5;}
.saurus .sout:focus{ background-color: #fff;}
.saurus .soua{ width: 150px; cursor: pointer; margin-left: 10px; border: 0 none; height: 50px;
	background: #008dc5 url('../image/glass.png') 36px center no-repeat;
	text-align: center; color: #fff; font-size: 16px; line-height: 50px; font-weight: bold;}
.saurus .soua:hover{ background-color: #0c5673}



.otherout{ background-color: #f9f9f9; padding: 90px 0 80px;}
.other{ margin: 50px auto 90px; width: 1200px;}
.otherout .other{ margin: 0 auto;}
.otherout .other ul{ margin-top: 40px;}
.other h2{ height: 44px; line-height: 44px; text-align: center; font-size: 30px; color: #333;}
.other ul{ overflow: hidden; width: 100%; margin-top: 30px;}
.other ul li{ float: left; width: 25%; height: 45px; overflow: hidden; line-height: 45px; font-size: 18px;}
.other ul a{ text-indent: 20px; display: block; color: #0098d4;
	background: url('../image/kuang.png') left no-repeat;}



.atc{ padding: 20px 0 60px;}
.atc h1{ font-size: 24px; color: #333; line-height: 48px; text-align: center;}


.atc-con{ padding: 20px 0 40px; font-size: 14px; color: #999; line-height: 20px;}
.atc-con h4{ color: #000; font-size: 16px;}
.atc-con img{ max-width: 100%;}

.atc-pn{ background-color: #f1f1f1; overflow: hidden; text-align: center; font-size: 14px;}
.atc-pn a{ width: 80px; height: 40px; line-height: 40px; color: #999; overflow: hidden;}

a.atc-prev,a.atc-next{ background-color: #e3e3e3;}
a.atc-prev{ float: left;}a.atc-next{ float: right;}

.atc-pn a:hover{ color: #008dc5;}
.atc-ret:hover{ text-decoration: underline;}




/* 新闻列表 */
.newslist{ margin-top: 0px; width: 1260px;}
.newslist li{ float: left; margin-top: 30px; width: 360px; margin-right: 60px;}
.newslist a{ display: block; padding-bottom: 20px;}
.newslist .pic{ width: 360px; height: 225px; overflow: hidden;}
.newslist .pic img{ width: 100%; height: 100%; -webkit-transition: .6s; -moz-transition: .6s; 
	-ms-transition: .6s; -o-transition: .6s; transition: .6s;}
.newslist li:hover img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);  -o-transform: scale(1.05); transform: scale(1.05);}

.newslist h3{ width: 100%; height: 36px; overflow: hidden; margin:10px 0 20px;
	font-size: 18px; color: #333333;-webkit-transition: .6s; -moz-transition: .6s; 
	-ms-transition: .6s; -o-transition: .6s; transition: .6s;}
.newslist p.txt{ height: 40px; overflow: hidden; color: #999; font-size: 14px; line-height: 20px;}
.newslist .info{ height: 20px; color: #b5862b; font-size: 14px; line-height: 20px;}

.newslist li:hover h3{ color: #0098d4;}


.newslist2{ margin-top: 90px; width: 1280px;}
.newslist2 li{ float: left; margin-bottom: 34px; width: 560px; margin-right: 80px;}
.newslist2 a{ display: block;}

.newslist2 h3{ height: 30px; overflow: hidden; margin-bottom: 10px; padding-left: 20px;
	font-size: 18px; line-height: 30px; color: #333;-webkit-transition: .6s; -moz-transition: .6s; 
	-ms-transition: .6s; -o-transition: .6s; transition: .6s;
	background: url('../image/dot1.png') left no-repeat;}
.newslist2 p.txt{ height: 40px; padding-left: 20px; overflow: hidden; color: #999; font-size: 14px; line-height: 20px;}
.newslist2 .info{ color: #b5862b;}

.newslist2 li:hover h3{ color: #0098d4;}



.chennuo{ padding: 17px 0 40px; width: 1100px; margin: 0 auto;}
.chennuo dt{ margin-bottom: 5px; font-size: 18px; font-weight: bold; color: #b5862b;}
.chennuo dd{ font-size: 16px; color: #666; line-height: 28px;}



.lclist{ padding: 30px 0 35px; border-bottom: 2px solid #e3e3e3; width: 1100px; margin: 0 auto;}
.lclist li{ margin-bottom: 20px;}
.lclist li .lcin{ border: 3px solid #f1f1f1; padding: 10px 0 10px 96px; -webkit-transition: .6s; 
	-moz-transition: .6s; -ms-transition: .6s; -o-transition: .6s; transition: .6s; position: relative;}
.lclist li:hover .lcin{ border-color: #015ca5;}
.lclist li .pic{ float: left; margin-left: -90px; width: 90px; text-align: center; height: 54px; line-height: 54px;}
.lclist li h3{ color: #b5862b; font-size: 20px; line-height: 30px; font-weight: bold;}
.lclist li label{ position: absolute; width: 50px; height: 50px; left:-3px; top:-3px; z-index: 1;
	background: url('../image/sj.png') center no-repeat;
	font-size: 20px; color: #fff; font-family: 'arial'; text-indent: 10px; line-height: 30px;}
.lclist li .txt{ font-size: 14px; color: #666; line-height: 24px;}
.lclist li .txt a{ color: #00a4e5; text-decoration: underline;}




.pro{ }
.proleft{ width: 400px; float: left;}
.proright{ float: right; width: 750px; padding-bottom: 20px;}
.propic{ border: 1px solid #dcdcdc; margin-top: 5px;}
.propic img{ display: block; width: 100%;}

.probtn{ margin: 20px 0; background-color: #f1f1f1; padding: 20px;}
.probtn h3{ height: 30px; text-align: center; font-size: 14px; color: #333; line-height: 30px;}
.probtn em{ color: #ff7e00; font-size: 18px;}

.probtn div{ margin-top: 0; overflow: hidden;}
.probtn a{ float: left; width: 170px; height: 40px; line-height: 40px; font-size: 16px;
	 background-color: #0b4c8b; color: #fff;}

.probtn a span{ display: inline-block; width: 20px; height: 20px; position: relative;
	 margin-right: 15px; top:5px;}
.probtn a.fastorder{ margin-right: 20px;}
.probtn a.fastorder span{ background: url('../image/cart2.png') center no-repeat;}
.probtn a.orderlc span{ background: url('../image/catalog.png') center no-repeat;}



.proright h1{ color: #333; font-size: 30px; line-height: 30px; margin-bottom: 10px;}

.box h3{ height: 40px; background: #f1f1f1 url('../image/dao01.png') left no-repeat;
	font-size: 14px; color: #fff; font-weight: bold; text-indent: 40px; line-height: 40px;}
.boxcon{ margin-bottom: 5px; border: 2px solid #f1f1f1; border-top: 0 none; overflow: hidden;}
.box1{ padding: 10px 13px 26px; float: left; width: 570px;}
.box1:first-child{ border-right: 2px solid #f1f1f1;}

.box2{ padding: 10px 13px 26px;}
.box2.detail{ font-size: 14px; color: #333;}

.box p{ /*height: 40px;*/ padding-left: 140px; font-size: 14px; color: #333; line-height: 38px;}
.box p label{ float: left; margin-left: -140px; width: 130px; border-bottom: 2px solid #ff7e00;
	height: 38px;}
.box p span{ display: block; /*height: 38px;*/ border-bottom: 2px solid #e3e3e3; overflow: hidden;}




.fu{ position: fixed; width: 100%; height: 100%; z-index:150; top:0; left: 0; display: none;}
.fubg{ position: absolute;width: 100%;height: 100%; left:0; top:0; z-index: 1;
	background: url('../image/op0-30.png')}
.fuborder{ position: absolute; width: 370px; height: 210px; background: url('/public/images/op0-10.png');
		left:50%; margin-left: -185px; top:-50%; margin-top: -105px; z-index: 2;
		-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;}
.fuin{ position: absolute; width: 600px; height: 360px; background-color: #fff;
	left:50%; margin-left: -300px; top:-50%; margin-top: -180px; z-index: 3;
	font-family: 'Microsoft Yahei'; box-shadow: 0 0 7px 0 rgba(0,0,0,0.2);}
.fuborder,.fuin{transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s;}
.fu.on .fuin,.fu.on .fuborder{ top:50%;}

.fuin .fuh{ width: 100%; height: 60px; line-height: 60px; position: relative;
	 border-bottom: 2px solid #e3e3e3;  text-align: center; }
.fuin .fuh span{ display: inline-block; font-size: 20px; color: #008dc5; font-weight: bold;
	padding: 0 30px; background: url('../image/ding.png') left 22px no-repeat;}
.fuin .fuh a.close{ position: absolute; width: 60px; height: 60px; right: 0; z-index: 1; top:0;
	background: url('../image/cha.png') center no-repeat;}
.fuin .fuh:after{ content: ''; width: 60px; height: 2px; position: absolute; bottom: -2px;
	left: 50%; margin-left: -30px; z-index: 1; background-color: #015ca5;}

.fuin .fucon{ padding: 25px 40px 40px; overflow: hidden;}
.fuin .fucon p{ font-size: 14px; color: #333; line-height: 26px;}
.fuin .fucon p em{ color: #ff7e00;}
.fuin .fucon p span{ color: #00b2f8;}


.fuin .fubtn{ height: 40px; text-align: center; font-size: 16px; font-weight: bold;}
.fuin .fubtn input{ width: 250px; height: 40px; background-color: #bfbfbf; 
	color: #fff; line-height: 40px; float: left;}
.fuin .fubtn input.keyong{ background-color: #008dc5; margin-right: 20px;}


form#liuyan{ width: 100%; overflow: hidden; margin-top: 25px;}
.hangout{ width: 100%; height: 60px;}
.hang{ height: 30px; margin-bottom: 30px; position: relative;}
.hang span.Validform_checktip{ position:absolute; left:0; top:100%; margin-left: 0;
 	padding-left: 20px; line-height: 30px; height: 30px; background-position: left center;}
input.srk{ height: 28px; width: 150px; border: 1px solid #bfbfbf; line-height: 28px; text-indent: 10px;
	transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s;}
input.srk:focus{ border-color: #008dc5;}
input.srk.long{ width: 225px;}
#sex{  border: 1px solid #bfbfbf; margin-left: 10px; width: 120px; height: 30px; text-indent: 10px;}
input.jym{ width: 110px;}
.hqjym{ width: 100px; height: 30px; background-color: #008dc5; border: 1px solid #008dc5;
	font-size: 14px; color: #fff; line-height: 30px; }
.hqjym.grey{ background-color: #f5f5f5; cursor: auto; color: #008dc5; border-color: #bfbfbf;}




.fnewout{ width: 100%; background-color: #f5f5f5;}
.fnews{ width: 1200px; margin: 0 auto; padding: 150px 0 120px; overflow: hidden;}

#fvd{ float: left; width: 600px;}.hot{ float: left; width: 600px;}
.fnewsr{ float: right; width: 540px; margin-left: 60px;}
.fnewsr h2{ height: 40px; line-height: 40px; border-left: 5px solid #008dc5;
	padding-left: 18px; font-size: 38px; color: #333;}
.fnewsr h2 a.more{ float: right; padding-left: 20px; font-size: 14px; color: #999;
	background: url('../image/jia.png') left no-repeat;}

.fnewslist{ width: 540px; padding-top: 10px;}
.fnewslist li{ margin-top: 30px; width: 540px;}
.fnewslist a{ display: block;}

.fnewslist h3{ height: 30px; overflow: hidden; margin-bottom: 10px; padding-left: 20px;
	font-size: 18px; line-height: 30px; color: #333;-webkit-transition: .6s; -moz-transition: .6s; 
	-ms-transition: .6s; -o-transition: .6s; transition: .6s;
	background: url('../image/dot1.png') left no-repeat;}
.fnewslist p.txt{ height: 40px; padding-left: 20px; overflow: hidden; color: #999; font-size: 14px; line-height: 20px;}
.fnewslist .info{ color: #b5862b;}

.fnewslist li:hover h3{ color: #0098d4;}




.shoushuout{ width: 100%; height: 900px; background: url('../image/shoushu.jpg') center no-repeat;}
.shoushu{ overflow: hidden; position: relative;}
.shoushu dl{ width: 42%; position: absolute; z-index: 1; color: #fff;}
.shoushu dt{ height: 40px; margin-bottom: 25px; line-height: 40px; font-size: 38px;}
.shoushu dd{ font-size: 18px; line-height: 30px; word-break: normal;}
.shoushu dt a{ width: 120px; height: 40px; margin: 0 30px; display: inline-block;
	 background-color: #008dc5; font-size: 18px; color: #fff; vertical-align: top;}
.shoushu dt a:hover{ background-color: #003c66;}

.shoushu dl.ss1{ top:200px; left:0; text-align: left;}
.shoushu dl.ss3{ top:200px; right:0; text-align: right;}
.shoushu dl.ss2{ bottom:200px; right:0; text-align: right;}
.shoushu dl.ss4{ bottom:200px; left:0; text-align: left;}


.afterban{ position: absolute; width: 100%; height: 40px; overflow: hidden; z-index: 2; bottom: 0;
	background: url('../image/arrd2.png') center no-repeat;}
.afterban div{ width: 50%; height: 100%; background-color: #fff; position: absolute; top:0; z-index: 1;}
.afterban div.after1{ left:-40px;}
.afterban div.after2{ right:-40px;}






.fshebei{ width: 100%; background-color: #fff; position: relative;}
.shebeilistout{ width: 1200px; max-width: 100%; overflow: hidden; margin: 0 auto; padding: 40px 0;}
.shebeilist{ width: 480px; max-width: 50%;}
.shebeilist li{ width: 100%;}
.shebeilist a{ display: block; padding-bottom: 20px;}
.shebeilist .pic{ width: 100%; height: 0; padding-bottom: 62.5%; overflow: hidden; position: relative;}
.shebeilist .pic img{ width: 100%; height: 100%; position: absolute; top:0; left: 0;}

.shebeilist h3{ width: 100%; height: 50px; overflow: hidden; margin:25px 0 15px;
	font-size: 26px; color: #b5862b; line-height: 50px; -webkit-transition: .6s; -moz-transition: .6s; 
	-ms-transition: .6s; -o-transition: .6s; transition: .6s;}
.shebeilist p.txt{ height: 130px; overflow: hidden; color: #666; font-size: 14px; line-height: 26px;}

.shebeilist li:hover h3{ color: #0098d4;}



.shebeih{ position: absolute; width: 960px; max-width: 50%; height: 100%; z-index: 2; left: 50%; top:0;
	background: url('../image/fshebei.jpg') top no-repeat; background-size: 100% 100%;}
.shebeih.gd{ position: fixed; z-index: 9;}
.shebeih.gd2{ top:auto; bottom: 0;}
@media screen and (max-width:1200px) { .shebeih{ left:600px; max-width: none; width: 600px;}}

.shebeih h3{ font-size: 40px; color: #fff; text-align: center; line-height: 80px;
	width: 100%; height: 80px; position: absolute; left:0; bottom:50%; z-index: 1; margin-bottom: 100px;}
.shebeih h4{ font-size: 18px; color: #fff; text-align: center; line-height: 30px;
	width: 80%; position: absolute; left:10%; bottom:50%; z-index: 1; margin-bottom: -10px;}
.shebeih a.btn{ width: 120px; height: 40px; display: block; background-color: #008dc5;
	font-size: 18px; line-height: 40px; color: #fff;
	position: absolute; left:50%; top:50%; z-index: 1; margin-top: 55px; margin-left: -60px;}
.shebeih a.btn:hover{ background-color: #003c66;}

.shebeir{ position: absolute; width: 50%; height: 100%; z-index: 1; right: 0; top:0; background-color: #fff;}



.fyewu{ width: 1200px; margin: 0 auto; overflow: hidden; background-color: #fff; position: relative; padding: 60px 0 110px;}
.fyewu>h2{ height: 80px; line-height: 80px; text-align: center; font-size: 40px; color: #333; margin-bottom: 20px;}
.ywlist{ width: 100%; overflow: hidden;}
.ywlist li{ float: left; width: 390px; height: 240px; margin-left: 15px; position: relative;}
.ywlist li:first-child{ margin-left: 0;}
.ywlist li.yw1{ background: url('../image/ywbg1.jpg') center no-repeat;}
.ywlist li.yw2{ background: url('../image/ywbg2.jpg') center no-repeat;}
.ywlist li.yw3{ background: url('../image/ywbg3.jpg') center no-repeat;}
.ywlist li .ywin{ padding: 64px 20px 0; position: relative; z-index: 4; height: 86px; overflow: hidden;
	-webkit-transition: .6s; -moz-transition: .6s; -ms-transition: .6s; -o-transition: .6s; transition: .6s;}
.ywlist li .en{ font-size: 20px; color: #007fa4; line-height: 26px; text-transform: capitalize; font-weight: bold; font-family: "arial";}
.ywlist li .en img{ vertical-align: top;}
.ywlist li .cn{ font-size: 20px; color: #666; line-height: 34px; height: 34px; margin-top: 6px;}
.ywlist li .sub{ padding-top: 1px; width:100%; overflow: hidden;}
.ywlist li .sub a{ float: left; width: 112px; height: 26px; background-color: #008dc5; margin-top: 10px;
	-moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius:12px; margin-right: 10px;
	text-align: center; line-height: 26px; color: #fff; font-size: 14px; border: 1px solid #008dc5;}
.ywlist li .sub a:hover{ background-color: #fff; color: #008dc5;}

/*.ywlist li.yw2:hover .ywin{ padding: 34px 20px 30px; height: 176px;}*/

#cell1{ position: absolute; z-index: 1; top:52px; right:32px; width: 54px; height: 53px;
	background: url('../image/cell2.png') center no-repeat;
	animation:suofang 6s linear infinite;
	-moz-animation:suofang 6s linear infinite;
	-webkit-animation:suofang 6s linear infinite;
	-o-animation:suofang 6s linear infinite;}
#cell2{ position: absolute; z-index: 2; top:100px; right:40px; width: 95px; height: 95px;
	background: url('../image/cell1.png') center no-repeat;
	animation:suofang 8s linear 2s infinite;
	-moz-animation:suofang 8s linear 2s infinite;
	-webkit-animation:suofang 8s linear 2s infinite;
	-o-animation:suofang 8s linear 2s infinite;}

#tube2{ position: absolute; z-index: 1; top:50px; right:20px; width: 124px; height: 140px;
	background: url('../image/it4.png') center no-repeat;
	animation:suofang2 6s linear infinite;
	-moz-animation:suofang2 6s linear infinite;
	-webkit-animation:suofang2 6s linear infinite;
	-o-animation:suofang2 6s linear infinite;}


#tube{ position: absolute; z-index: 1; top:50px; right:55px; width: 51px; height: 151px;
	background: url('../image/tube.png') center no-repeat;}
#wavewrap{ position: absolute; z-index: 1; top:40px; left:4px; width: 43px; height: 18px; overflow: hidden;}
#wave{ position: absolute; z-index: 1; top:0; left:0; width: 243px; height: 18px;
	background: url('../image/wave.png') left center;
	animation:waver 3s linear infinite;
	-moz-animation:waver 3s linear infinite;
	-webkit-animation:waver 3s linear infinite;
	-o-animation:waver 3s linear infinite;}

#dnaout{ position: absolute; z-index: 3; top:44px; right:10px; width: 99px; height: 160px;
	overflow: hidden;}
#dnaout2{ position: absolute; z-index: 3; top:40px; right:20px; width: 98px; height: 160px;
	overflow: hidden; background: url('../image/it1.png') center no-repeat;
	animation:suofang2 8s linear 2s infinite;
	-moz-animation:suofang2 8s linear 2s infinite;
	-webkit-animation:suofang2 8s linear 2s infinite;
	-o-animation:suofang2 8s linear 2s infinite;}
#dna1{ position: absolute; z-index: 2; top:0; left:3px; width: 48px; height: 320px;
	background: url('../image/dna1.png') center no-repeat;
	animation:up 8s linear infinite;
	-moz-animation:up 8s linear infinite;
	-webkit-animation:up 8s linear infinite;
	-o-animation:up 8s linear infinite;}

#dna2{ position: absolute; z-index: 1; top:0; right:22px; width: 23px; height: 316px;
	background: url('../image/dna2.png') center no-repeat;
	animation:updown2 14s infinite;
	-moz-animation:updown2 14s infinite;
	-webkit-animation:updown2 14s infinite;
	-o-animation:updown2 14s infinite;}
#dnacover{ position: absolute; z-index: 3; top:0; right:0; width: 99px; height: 160px;
	background: url('../image/dnacover.png') center no-repeat;}

.ywlist #cell1,.ywlist #cell2,.ywlist #tube,.ywlist #dna1,.ywlist #dna2{ -webkit-transition: .6s;
	 -moz-transition: .6s; -ms-transition: .6s; -o-transition: .6s; transition: .6s;}
/*.ywlist li:hover #cell1,.ywlist li:hover #cell2,.ywlist li:hover #tube,
.ywlist li:hover #dna1,.ywlist li:hover #dna2{ opacity: 0.2; filter:alpha(opacity=20);}*/


@keyframes suofang{
	0%{transform:scale(1);}
	25%{transform:scale(1.2);}
	50%{transform:scale(1);}
	75%{transform:scale(0.8);}
	100%{transform:scale(1);}
}@-webkit-keyframes suofang{
	0%{-webkit-transform:scale(1);}
	25%{-webkit-transform:scale(1.2);}
	50%{-webkit-transform:scale(1);}
	75%{-webkit-transform:scale(0.8);}
	100%{-webkit-transform:scale(1);}
}@-moz-keyframes suofang{
	0%{-moz-transform:scale(1);}
	25%{-moz-transform:scale(1.2);}
	50%{-moz-transform:scale(1);}
	75%{-moz-transform:scale(0.8);}
	100%{-moz-transform:scale(1);}
}@-o-keyframes suofang{
	0%{-o-transform:scale(1);}
	25%{-o-transform:scale(1.2);}
	50%{-o-transform:scale(1);}
	75%{-o-transform:scale(0.8);}
	100%{-o-transform:scale(1);}
}
@keyframes suofang2{
	0%{transform:scale(1);}
	25%{transform:scale(1.1);}
	50%{transform:scale(1);}
	75%{transform:scale(0.9);}
	100%{transform:scale(1);}
}@-webkit-keyframes suofang2{
	0%{-webkit-transform:scale(1);}
	25%{-webkit-transform:scale(1.1);}
	50%{-webkit-transform:scale(1);}
	75%{-webkit-transform:scale(0.9);}
	100%{-webkit-transform:scale(1);}
}@-moz-keyframes suofang2{
	0%{-moz-transform:scale(1);}
	25%{-moz-transform:scale(1.1);}
	50%{-moz-transform:scale(1);}
	75%{-moz-transform:scale(0.9);}
	100%{-moz-transform:scale(1);}
}@-o-keyframes suofang2{
	0%{-o-transform:scale(1);}
	25%{-o-transform:scale(1.1);}
	50%{-o-transform:scale(1);}
	75%{-o-transform:scale(0.9);}
	100%{-o-transform:scale(1);}
}

@keyframes waver{
	0%{left:0;}
	100%{left:-162px;}
}@-webkit-keyframes waver{
	0%{left:0;}
	100%{left:-162px;}
}@-moz-keyframes waver{
	0%{left:0;}
	100%{left:-162px;}
}@-o-keyframes waver{
	0%{left:0;}
	100%{left:-162px;}
}


@keyframes updown2{
	0%{top:0;}
	50%{top:-158px;}
	100%{top:0;}
}@-webkit-keyframes updown2{
	0%{top:0;}
	50%{top:-158px;}
	100%{top:0;}
}@-moz-keyframes updown2{
	0%{top:0;}
	50%{top:-158px;}
	100%{top:0;}
}@-o-keyframes updown2{
	0%{top:0;}
	50%{top:-158px;}
	100%{top:0;}
}

@keyframes up{
	0%{top:0;}
	100%{top:-160px;}
}@-webkit-keyframes toup{
	0%{top:0;}
	100%{top:-160px;}
}@-moz-keyframes toup{
	0%{top:0;}
	100%{top:-160px;}
}@-o-keyframes toup{
	0%{top:0;}
	100%{top:-160px;}
}




.zjlist{ width: 100%; overflow: hidden; padding-top: 125px; padding-bottom: 30px;}
.zjlist li{ float: left; width: 25%; text-align: center; margin-bottom: 120px;}
.zjlist.sanfen li{ width: 33.3%;}
.zjlist li .pic{ display: block; height: 52px; line-height: 52px; font-size: 0;}
.zjlist li .pic img{ max-width: 100%; max-height: 100%;}
.zjlist li .txt{ width: 100%; height: 42px; border-bottom: 3px solid transparent; padding-bottom: 3px;
	 font-size: 20px; color: #333; line-height: 42px; position: relative;}
.zjlist li .txt:after{ content: ''; position: absolute; left: 50%; bottom:0; z-index: 0;
	width: 150px; height: 3px; margin-left: -75px; background-color: transparent;}
.zjlist li:hover .txt,.zjlist li.on .txt{ color: #00a4e5;}
.zjlist li:hover .txt:after,.zjlist li.on .txt:after{ background-color: #00a4e5;}
.zjlist .txt,.zjlist .txt:after{ -webkit-transition: 0.3s;
 -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
 html{ max-width: 1920px; margin: 0 auto;}

.sou2{ width: 100%; height: 40px; margin: 10px 0;}
.sou2 input.bluetxt{ position: absolute; visibility: hidden; text-indent: 10px;}
.sou2 input.bluebtn{ display: block; width: 229px; height: 40px; line-height: 40px; font-size: 14px; overflow: hidden;
 	color: #fff; margin: 0 auto; background: #2983ef url('../image/blue.png') center no-repeat;}

 	.pc{margin-left: 280px; }