/* CSS Document */

.banner{ position:relative;}

.bannerTitle{ position:absolute; left:50%;top:86px;}

.banner h2{

	position:relative;

	left:-50%;

	height:78px;

	line-height:78px;

	color:#FFF;

	font-size:30px;

	text-align:center;

	border-top:2px solid #FFF;

	border-bottom:2px solid #FFF;

	}

.plpr10{ padding:0 10px;}

.banner h2 span{ font-size:26px;}

.book{ margin-top:50px; overflow:hidden; *position:relative;}

.book li{

	display:none;

	position:relative;

	float:left;

	width:100%;

	margin-right:-100%;

	}

.book li.cur{ display:block;}

.txtContainer{

	padding:50px 40px;

	width:470px;

	height:292px;

	background-image: -moz-linear-gradient(left top, #2db2a6, #278bf2);

	background-image:-o-linear-gradient(left top, #2db2a6, #278bf2);

	background-image:-webkit-linear-gradient(left top, #2db2a6, #278bf2);

	background-image:linear-gradient(left top, #2db2a6, #278bf2);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2db2a6', endColorstr='#278bf2', GradientType='1');

	color:#FFF;

	}

.txtContainer h3{ font-size:30px;}

.txtContainer h4{ font-size:23px;}

.txtContainer p{ font-size:12px; line-height:25px;}

.txtContainer .line{ background:#FFF;}

.pnBtn{ position:absolute; left:50%; margin-left:-44px; bottom:0; z-index:9;}

.pnBtn a{

	float:left;

	display:block;

	width:44px;

	height:39px;

	background-image:url(../Image/pnbtn.jpg);

	}

.next{ background-position: right 0;}

.bggray2{ background:#f7f7f7;}

.timeAxis{ position:relative; height:260px; overflow: hidden; margin-top:65px; background:url(../Image/timeAxisbg.jpg) repeat-x 0 57px;}

.timeAxis img{ position:relative; height:210px;}

.tips{ position:absolute; bottom:0; background:url(../Image/tips.png); width:95px; height:44px; left:50%; margin-left:-47px;}

.timeAxis li{

	float:left;

	margin:0 21px;

	width:140px;

	height:175px;

	background:url(../Image/timer.jpg) no-repeat center 0;

	overflow:hidden; *position:relative;

	}

.timeAxis p{ font-size:14px; color:#606060;}

.dragme{ position:relative; cursor:move;}

.year{ padding:50px 0 70px; text-align:center;}

.team{color:#373f4a;}

.team .line{ margin:18px auto;}

.teamListIndex li{background:url(../Image/indexbtn2.jpg) no-repeat 0 bottom;}

.teamList{ overflow:hidden; *position:relative;}

.teamList li{ width:1132.5px;}

.teamList a{ color:#FFF;}

.teamList .relative{ float:left; margin-right:32.5px;}

.teamList a div{ margin:35px; text-align:left; display:none; overflow:hidden; *position:relative;}

.teamList a h4{ font-size:21px;}

.teamList a p{ font-size:12px;}

.teamList .line{ background:#FFF; margin:18px 0;}

/**/

.listStyle1{ width:1117.5px;}

.listStyle1 li{

	float:left;

	margin:0 8.75px;

	width:355px;

	}

.listStyle1 .title{

	padding:18px 24px;

	background:#2889ef;

	color:#FFF;

	border-bottom:4px solid #044b95;

	}

.listStyle1 .txt{

	padding:25px 30px;

	font-size:12px;

	color:#5b5b5b;

	background:#f6f6fe;

	line-height:25px;

	}

.bt1sgray{ border-top:1px solid #e4e4e4;}

.contact li{

	height:500px;

	border-radius:10px;

	overflow:hidden; *position:relative;

	}

.linear{

	background-image: -moz-linear-gradient(left top, #2db2a6, #278bf2);

	background-image:-o-linear-gradient(left top, #2db2a6, #278bf2);

	background-image:-webkit-linear-gradient(left top, #2db2a6, #278bf2);

	background-image:linear-gradient(left top, #2db2a6, #278bf2);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2db2a6', endColorstr='#278bf2', GradientType='1');

	}

.contact1,.contact2,.contact3{height:100%;}

.contact1{

	padding:35px;

	color:#FFF;

	}

.contact1 h3{ font-size:24px; text-align:center;}	

.mb15{ margin-bottom:15px;}

.ug{

	padding-bottom:169px;

	background:url(../Image/uglyGhost.png) no-repeat center 42px;

	}

.bglight{ background:#f6f6fe;}

.contact2{ color:#5a5d6a; text-align:center;}

.cblue{ color:#447ab2;}

.contact2 img{ margin:30px 0 15px;}

.contact3{ padding-top:30px;}

.textBox,.textarea{

	display:block;

	padding:0 18px;

	margin:0 auto 25px;

	border:1px solid #c6d3e7;

	width:238px;

	line-height:40px;

	color:#7d7f8a;

	font-size:13px;

	border-radius:3px;

	}

.textBox{height:40px;}

.textarea{ min-width:238px; max-width:238px; height:150px; max-height:150px; min-height:150px;}

.submit{

	display:block;

	margin:0 auto;

	background:#278bf2;

	height:60px;

	width:157px;

	border:none;

	border-radius:5px;

	font-size:20px;

	color:#FFF;

	cursor:pointer;

	}

.submit:hover,.trendListContainer a:hover{ opacity:.9;}

.services{ width:1125px;}

.services a{

	display:block;

	margin-right:25px;

	float:left;

	padding-top:210px;

	width:200px;

	height:67px;

	background-image:url(../Image/servicesico.jpg);

	font-size:16px;

	color:#313131;

	text-align:center;

	transition-duration: .3s;

	-moz-transition-duration: .3s;

	-webkit-transition-duration: .3s ; 

	-o-transition-duration: .3s;

	}

.services a.cur{ color:#FFF;}

.s3{ background-position:-200px 0;}

.s4{ background-position:-400px 0;}

.s2{ background-position:-600px 0;}

.s5{ background-position:-800px 0;}

.s1.cur{ background-position:0 bottom;}

.s3.cur{ background-position:-200px bottom;}

.s4.cur{ background-position:-400px bottom;}

.s2.cur{ background-position:-600px bottom;}

.s5.cur{ background-position:-800px bottom;}

.servicesContainer{

	position:relative;

	padding:25px;

	background:#f4f4f4;

	}

.servicesContainer ul{ position:relative; width:555px; }

.servicesContainer li{height:286px;}

.servicesContainer p{ line-height:30px; color:#595959; font-size:14px;}

.funContainer{ width:610px; height:285px; overflow:hidden; *position:relative;}

.myScroll{ height:100%; width:4px; background:#e2e2e2;}

.myScrollBar{ position:relative; height:20%; background:#288CEE; cursor:pointer;}

.corner{

	position:absolute;

	top:-18px;

	left:91px;

	line-height:0;

	width:0;

	height:0;

	border-width:9px;

	border-color: transparent transparent #f4f4f4 transparent;

	border-style:solid;

	z-index:999;

	}

.pt100pb50{ padding:100px 0 50px;}

.trendNavPositon{  position:absolute; top:35px;/*left:50%;*/text-align:center;width:100%;}

.trendNav2{ position:relative; /*left:-50%;*/height:20px;}

.trendNav2 a{ padding:0 10px; font-size:14px; color:#444; line-height:20px;}

.trendNav2 a.cur{color:#278bed;}

.casesList{ width:1146px;}

.casesList li{ position:relative; float:left; width:335px; margin:0 47px 50px 0;}

.casesList h5{ margin-top:5px; color:#242424; font-size:16px; overflow:hidden; *position:relative; line-height:40px; height:40px; width:100%;}

.casesList p,.casesInfo{ color:#a6a6a6; font-size:12px; line-height:20px;}

.date2{

	padding-left:23px;

	background:url(../Image/caseico.jpg) no-repeat 0 0;

	}

.viewNum{

	padding-left:55px;

	background:url(../Image/caseico.jpg) no-repeat 30px bottom;

	}

.otherLinks{ position:absolute; right:-44px; top:297px;}

.otherLinks a{

	display:block;

	float:left;

	width:44px;

	height:39px;

	background-image:url(../Image/otherLinksBtn.jpg);

	}

.bpr0{ background-position:right 0;}

.otherLinks a:hover{ opacity:.9;}

.pages{margin:0 auto;text-align:center;width:100%;}

.pages a,.pages .cnme{

	margin:0 3px;

	padding:0 14px;

	height:37px;

	line-height:37px;

	display:inline-block;

	background:#e8e8e8;

	font-size:12px;

	color:#666;

	}

.pages .prevPage{ padding:0 14px 0 0;}

.pages .prevPage div{

	position:relative;

	top:9px;

	padding:0;

	margin:0;

	line-height:0;

	height:0;

	width:0;

	font-size:0;

	border-width:10px;

	border-style:solid;

	border-color:#e8e8e8 #FFF #e8e8e8 #e8e8e8;

	}

.pages input{ width:30px;}

.pages a:hover,.pages a.cur{ color:#FFF; background:#3985bb;}

.pages a:hover div{border-color:#3985bb #FFF #3985bb #3985bb;}

.siteMap{ height:57px; line-height:57px; border-bottom:1px solid #eaeaea;}

.siteMap a{ color:#242424;}

.siteMap a:hover{ text-decoration:underline;}

.siteMap .fl{ font-size:15px;}

.siteMap .fr{ font-size:12px;}

.w506{ width:506px;}

.casePhotoList{ height:285px; overflow:hidden; *position:relative;}

.trendPhotoList{ height:285px;}

.casePhotoList li{ float:left; margin-right:-100%; display:none;width:506px; height:285px;}

.casePhotoList li.cur{ display:block;}

.casePhotoList li.animating{ z-index:9; position:relative;}

.casePhotoList img{ width:506px; height:285px;}

.minPhoto{ margin-top:6px;}

.minPhoto a{ float:left; display:block; height:62px; width:18.5px; background-image:url(../Image/casePhotoBtn.jpg);background-position:0 center}

.trendPhotoList img{ width:506px; height:285px;}

.minImgContainer{ float:left;width:464px; overflow:hidden; *position:relative;}

.minImg{ position:relative; left:0; overflow:hidden; height:62px;}

.minImg li{ margin:0 2.5px; float:left;width:111px; height:62px; overflow:hidden; *position:relative; cursor:pointer;}

.minImg img{width:111px; height:62px;}

.minPhoto .prev{ margin-right:2.5px;}

.minPhoto .next{ margin-left:2.5px; background-position:right center;}

.trendListContainer a{ position:absolute; bottom:0; display:block; width:44px; height:39px; background:url(../Image/pnbtn.jpg); z-index:9999;}

.trendListContainer .prev{ right:44px;}

.trendListContainer .next{ right:0; background-position:right 0;}

.w550{ width:550px;}

.caseTxt h3{ margin-bottom:15px; font-size:24px; color:#242424;}

.scrollBox{ *position:relative; margin-top:15px; height:272px; overflow:hidden; }

.pStyle{ position:relative;width:515px;}

.pStyle p{

	margin-bottom:30px;

	font-size:12px; 

	line-height:30px;

	color:#5e5e5e;

	}

.trendContainer{ margin-bottom:60px;}

.trendContainer .pnBtn{ left:0;}

.industrialList{ margin-top:40px; width:1140px;}

.industrialList li{

	float:left;

	width:530px;

	margin-right:40px;

	margin-bottom:35px;

	}

.industrialList .videoLink .fr{ width:410px;}

.industrialList a{ display:block; padding-top:15px; height:95px; overflow:hidden;}

.industrialList .date{ margin:0;}

.industrialList .tit{ padding:0;}

.link{ padding-left:25px;}

.link a{ color:#2889ef;}

.scrollBox2{ height:272px;}

.scrollBox2.ljnews{height:205px;}

.others{

	padding:30px 0;

	border-top:1px solid #e4e4e4;

	}

.others a{ font-size:12px; color:#5e5e5e; line-height:30px;}

.link a:hover,.others a:hover{ text-decoration:underline;}

.share2{ position:absolute; bottom:50px; left:550px; color:#7e7e7e; font-size:12px;}

.share2 a{

	margin-left:15px;

	display:block;

	float:left;

	width:25px;

	height:24px;

	background-image:url(../Image/share2ico.jpg);

	}

.share2 div{ line-height:24px;}

.s22{ background-position:-41px 0;}

.s23{ background-position:-78px 0;}

.s24{ background-position:right 0;}

.s21:hover{ background-position:0 bottom;}

.s22:hover{ background-position:-41px bottom;}

.s23:hover{ background-position:-78px bottom;}

.s24:hover{ background-position:right bottom;}