@charset "utf-8";
#header .menu ul li.home a .current {
    filter: alpha(opacity=60);
    opacity: 0.6;
    width: 10px;
    margin-left: -5px;
}

/*index*/		
.section-wrap {
	width: 100%;
	height: 100%;
	overflow: visible;
	transition: transform 1s cubic-bezier(0.86, 0, 0.03, 1);
	-webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.03, 1);
}
	.section-wrap .section {
		position: relative;
		width: 100%;
		height: 100%;
		overflow: hidden;
		background-position: center center;
		background-repeat: no-repeat;
	}
		.section-wrap .section .title {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			color: #fff;
			font-size: 2.4em;
			text-align: center;
		}
			/*.section-wrap .section .title p {
				padding: 0 4%;
				opacity: 0
			}*/		
		.section-wrap .section .mask {
		    width: 100%;
		    height: 100%;
		    left: 0;
		    top: 0;
		    position: absolute;
		    z-index: 1;
     	    background:url(../img/lattice.png) repeat;
		}
		.section-wrap .section .text{
			width: 800px;
			height: 211px;
			text-align: center;
			position: fixed; z-index: 3;
			left: 50%;top: 50%;
			margin-left: -400px;margin-top: -105px;
		}
			.section-wrap .section .text i{
				display: block;
				font-size: 30px;
			    line-height: 50px;
			    font-style: normal;
			    text-transform: uppercase;
			    letter-spacing: 3px;
			    font-family: codel, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
			    font-weight: 100;
			    margin-bottom: 20px;
			}
			.section-wrap .section .text b{
				display: block;
				font-size: 46px;
				word-spacing: 30px;
			    font-weight: normal;
			    line-height: 80px;
			    
			}
.section-wrap .section-1 {}
.section-wrap .section-2 {}
.section-wrap .section-3 {}
.section-wrap .section-4 {}
.section-wrap .section-5 {}
.section-wrap .section-6 {}

.put-section-0 {
	transform: translateY(0);
	-webkit-transform: translateY(0);
}
.put-section-1 {
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
}
.put-section-2 {
	transform: translateY(-200%);
	-webkit-transform: translateY(-200%);
}
.put-section-3 {
	transform: translateY(-300%);
	-webkit-transform: translateY(-300%);
}
.put-section-4 {
	transform: translateY(-400%);
	-webkit-transform: translateY(-400%);
}
.put-section-5 {
	transform: translateY(-500%);
	-webkit-transform: translateY(-500%);
}

.section-btn {
	width: 21px;
	height: 165px;
	position: fixed;
	left: 5%;
	top: 50%;
	margin-top: -83px;
}
	.section-btn li {
		width: 21px;
		height: 21px;
		cursor: pointer;
		text-indent: -9999px;
		margin: 6px 0;
		text-align: center;
		color: #fff;
		cursor: pointer;
		background: url(../img/iconScoll.png) no-repeat left top;
	}
	.section-btn li.on {
		background: url(../img/iconScoll.png) no-repeat left bottom;
	}

.arrow {
	opacity: 1;
	animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite;
	-webkit-animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left: -30px;
	width: 60px;
	height: 60px;
	cursor: pointer;
	overflow: hidden;
}
.arrow:hover {
	animation-play-state: paused;
	-webkit-animation-play-state: paused;
}

@keyframes arrow {
	%0,
	%100 {
		bottom: 10px;
		opacity: 1;
	}
	50% {
		bottom: 50px;
		opacity: .5
	}
}
@-webkit-keyframes arrow {
	%0,
	%100 {
		bottom: 10px;
		opacity: 1;
	}
	50% {
		bottom: 50px;
		opacity: .5
	}
}


/*banner-pc*/
.banner-pc{
	width: 100%;
	height: 100%;
	overflow: hidden;
}       
	.banner-pc .index{
		width: 100%;
		height: 100%;
		padding-top: 60px;
		overflow: hidden;
		margin: 0 auto;
	}
		.Switch {
			width:100%; 
			height: 1080px; 
			position: relative;
		}
			.Switch ul.Switch-index{
				position: relative; 
				width: 1920px; 
				height: 1080px; 
				left: 50%;
				margin-left: -960px; 
				background: #000;
			}
				.Switch ul.Switch-index li img{
					display: block;
					width: 100%;
				}
				.Switch ul.Switch-index li video{
					width: 100%;
					display: block;
					opacity: 0.7;
				}
			/*数字按钮样式*/
			.Switch .numqq {
				width: 135px; height: 5px; overflow:hidden; 
				position: absolute; bottom:300px; left: 50%; margin-left: -67.5px; zoom:1; z-index:3; }
				.Switch .numqq li {
					width: 35px; 
					height: 5px;
					cursor:pointer; 
					float: left;
					text-indent: -99999px;
					background: #fff; 
					margin: 0 5px; 
				}
				.Switch .numqq li.on{background: #386aed;}
			/*上一个 下一个*/
			.Switch .prev,
			.Switch .next {
				display: block; width: 45px; height: 100px; top: 50%;margin-top: -50px;position: fixed; z-index: 999;}
			.Switch .prev {left:0;background: url(../img/banner_btn.png) no-repeat left center;}		
			.Switch .next {right:0;background: url(../img/banner_btn.png) no-repeat right center}
			
			
			
			
/*product*/
#product{
	width: 100%;
	height: 100%;
	overflow: hidden;
	/*background: url(../img/pro_bg_left.png) left top no-repeat,url(../img/pro_bg_right.png) right bottom no-repeat;
	background-color: #f7f7f7;*/
	background: url(../img/pro_bg.jpg) no-repeat;
	background-size: auto;	
}
	#product .titleTop{
		position: relative;
		text-align: center;
		color: #fff;
		margin-top: 5%;
	}
		#product .titleTop h1{
			color: #e7e8ea;
			font-size: 80px;
			line-height: 80px;
			font-family:Gotham;
			font-weight: 100;
			position: relative;
			z-index: 1;
			
			opacity: 0;
		}
		.put-section-1 #product .titleTop h1 {
			opacity: 0.8;
			transition-duration: 3s;
    		transition-delay: 0.3s;
		}
		#product .titleTop h2{
			color: #000;
			font-size: 35px;
			line-height: 35px;
			font-weight: 400;
			position: relative;
			top: 75px;
			z-index: 2;
			opacity: 0;
		}
		.put-section-1 #product .titleTop h2 {
			opacity: 1;
			transition-duration: 3s;
    		transition-delay: 0.5s;
		}
		#product .titleTop span{
			width: 30px;
			height: 2px;
			background: #386aed;
			display: block;
			margin:18px auto;
		}
		#product .titleTop p{
			color: #666;
			font-size: 20px;
			text-align: center;
			opacity: 0;
		}
		.put-section-1 #product .titleTop p {
			opacity: 1;
			transition-duration: 3s;
    		transition-delay: 0.8s;
		}
	#product .productCon .conBox{
		width: 1230px;
		margin:50px auto 0;
		height: auto;
		position: relative;
		z-index: 2;
	}
		#product .productCon .conBox .LeftBotton {
			cursor: pointer;
			position: absolute;
			left:-35px; top: 175px; z-index: 9999;
			height: 72px;
			width: 68px;
			background: url(../img/pro_btn-left.png) no-repeat;
			background-size: 100%;
		}		
		#product .productCon .conBox .RightBotton {
			cursor: pointer;
			position: absolute;
			right:-35px; top: 175px; z-index: 9999;
			height: 72px;
			width: 68px;
			background: url(../img/pro_btn-right.png) no-repeat;
			background-size: 100%;
		}		
		#product .productCon .conBox .Cont {
			width: 1230px;
			overflow: hidden;
			float: left;
			height: 410px;
		}		
		#product .productCon .conBox .ScrCont {
			width: 10000000px;
		}		
		#product .productCon .conBox #List1,
		#product .productCon .conBox #List2 {
			float: left;
		}		
		#product .productCon .conBox ul{
			margin-top: 45px;
		}
			#product .productCon .conBox ul li{
				width:282px;
				height:320px;
				border:0px solid #ddd;
				background: #fff;
				border-top:0;
				margin:0 35px 0 0;
				float:left;
				text-align:center;
				position:relative;
				transition:all 400ms ease 0s;
			}
				#product .productCon .conBox ul li span{
					display:block;
					width:280px;
					height:164px;
					background:url(../img/pro_product-01.jpg) no-repeat;
				}
					#product .productCon .conBox ul li span.icon-product-02{
						background:url(../img/pro_product-02.jpg) no-repeat;
					}
					#product .productCon .conBox ul li span.icon-product-03{
						background:url(../img/pro_product-03.jpg) no-repeat;
					}
					#product .productCon .conBox ul li span.icon-product-04{
						background:url(../img/pro_product-04.jpg) no-repeat;
					}
					#product .productCon .conBox ul li span.icon-product-05{
						background:url(../img/pro_product-05.jpg) no-repeat;
					}
					#product .productCon .conBox ul li span.icon-product-06{
						background:url(../img/pro_product-06.jpg) no-repeat;
					}
				#product .productCon .conBox ul li b{
					width:74px;
					height:74px;				
					-moz-border-radius:50%;
					-webkit-border-radius:50%;
					border-radius:50%;				
					position:absolute;
					top:127px;
					left:50%;
					margin-left: -37px;				
					-moz-box-shadow:0px 8px 5px #f0fafc;
					-webkit-box-shadow:0px 8px 5px #f0fafc;
					box-shadow:0px 8px 5px #f0fafc;				
					z-index:100;
				}
				#product .productCon .conBox ul li p a{
					position:relative;
					display:block;
					box-sizing:border-box;
					border:1px solid #fff;
					width:122px;
					height: 34px;
					line-height: 34px;
					padding: 0 30px;
					margin:35px auto;
					color:#fff;
					-moz-box-shadow:1px 1px 5px #ccc;
					-webkit-box-shadow:1px 1px 5px #ccc;
					box-shadow:1px 1px 5px #ccc;
					overflow:hidden;
				}
					#product .productCon .conBox ul li p a .txt{
						position:absolute;
						font-style:normal;
						display:block;
						z-index:2; top: 5px;
					}
					#product .productCon .conBox ul li p a .after{
						position: absolute;
						z-index:1;
					    width: 260%;
					    height: 0;
					    top: 50%;
					    left: 50%;
					    background: #fff;
					    opacity: 0;
					    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
					    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
					    transform: translateX(-50%) translateY(-50%) rotate(45deg);
					    -webkit-transition: all 300ms;
					    transition: all 300ms;
					}
					#product .productCon .conBox ul li p a:hover .txt{
						color:#386aed;
					}
				#product .productCon .conBox ul li b.icon-pro-01{
					background:#fff url(../img/pro_icon.png) no-repeat 0 0;
				}
				#product .productCon .conBox ul li b.icon-pro-02{
					background:#fff url(../img/pro_icon.png) no-repeat -74px 0;
				}
				#product .productCon .conBox ul li b.icon-pro-03{
					background:#fff url(../img/pro_icon.png) no-repeat -148px 0;
				}
				#product .productCon .conBox ul li b.icon-pro-04{
					background:#fff url(../img/pro_icon.png) no-repeat -222px 0;
				}
				#product .productCon .conBox ul li h3{
					margin-top:70px;
					font-size:18px;
					font-weight:400;
					color:#333;
				}
				#product .productCon .conBox ul li h4{
					margin-top:10px;
					color:#666;
					/*font-style:italic;*/
					font-weight:400;
				}
				#product .productCon .conBox ul li p{
					display:none;
				}				
				#product .productCon .conBox ul li:hover{
					cursor: pointer;
					height:410px;
					border:0;
					margin-top:-45px;
					background:#386aed;
					color:#fff;
					padding-top:50px;
					box-shadow:0 5px 10px 0px rgba(0,0,0,0.05);
				}
					#product .productCon .conBox ul li:hover span{
						display:none;
					}
					#product .productCon .conBox ul li:hover b{
						-moz-box-shadow:0 0 0 #fff;
						-webkit-box-shadow:0 0 0 #fff;
						box-shadow:0 0 0 #fff;
						top:32px;
					}
					#product .productCon .conBox ul li:hover p{
						display:block;
						/*font-style:italic;*/
					}
					#product .productCon .conBox ul li:hover h3{
						color:#fff;
					}
					#product .productCon .conBox ul li:hover h4{
						display:none;
					}
					#product .productCon .conBox ul li h4.en{
						display:none;
					}
					#product .productCon .conBox ul li:hover h4.en{
						display:block;
						margin-top:0;
						margin-bottom:20px;
						font-size:16px;
						color:#fff;
						font-style:normal;
					}
					#product .productCon .conBox ul li p a:hover .after{
						height: 360%;
						opacity: 1;
					}
					


/*About*/
#about{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	background: url(../img/about-bg.jpg) no-repeat center center;
	background-size:cover;
	padding-top:5%;
	padding-bottom: 60px;
}

	#about .titleTop{
		position: relative;
		text-align: center;
	}
		#about .titleTop h1{
			color: #ecedf0;
			font-size: 80px;
			line-height: 80px;
			font-family:Gotham;
			font-weight: 100;
			position: relative;
			z-index: 1;
			opacity: 0;
		}
		.put-section-2 #about .titleTop h1 {
			opacity: 0.4;
			transition-duration: 3s;
    		transition-delay: 0.3s;
		}
		#about .titleTop h2{
			color: #fff;
			font-size: 35px;
			line-height: 35px;
			font-weight: 100;
			position: relative;
			top: 75px;
			z-index: 2;
			opacity: 0;
		}
		.put-section-2 #about .titleTop h2 {
			opacity: 1;
			transition-duration: 3s;
    		transition-delay: 0.5s;
		}
		#about .titleTop span{
			width: 30px;
			height: 2px;
			background: #386aed;
			display: block;
			margin:18px auto;
		}
		#about .titleTop p{
			color: #fff;
			font-size: 20px;
			text-align: center;
			opacity: 0;
		}
		.put-section-2 #about .titleTop p {
			opacity: 1;
			transition-duration: 3s;
    		transition-delay: 0.8s;
		}
	#about .aboutBox{
		width: 1230px;
		margin: 60px auto 0;
	}
		#about .aboutBox ul{
			width: 900px;
			overflow: hidden;
			display: block;
			margin: 0 auto;
		}
		#about .aboutBox ul li{
			width: 33.3333333%;
			overflow: hidden;
			float: left;
		}
			#about .aboutBox ul li a{
				display: block;
				width: 90%;
				overflow: hidden;
				margin: 0 auto;
				padding: 40px 0;
				background: url(../img/aboutLi.png) repeat;
			}
				#about .aboutBox ul li a p{
					text-align: center;
					color: #fff;
					font-size: 15px;
					line-height: 45px;
				}
				#about .aboutBox ul li a b{
					display: block;
					text-align: center;
					color: #386aed;
					font-size: 40px;
				}
		#about .aboutBox p.txt{
			width: 870px;
			margin: 30px auto 0;
			text-align: left;
			color: #fff;
			font-size: 16px;
			line-height: 30px;
		}
				



/*news*/
#news{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #f7f7f7 url(../img/news_bg_left.png) no-repeat left bottom;
	padding-top:5%;
	padding-bottom: 60px;
	position: relative;
}
#news .bg{
	background: url(../img/news_bg_right.png) no-repeat right 100px;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
	#news .titleTop{
		position: relative;
		text-align: center;
	}
		#news .titleTop h1{
			color: #ecedf0;
			font-size: 80px;
			line-height: 80px;
			font-family:Gotham;
			font-weight: 100;
			position: relative;
			z-index: 1;
			opacity: 0;
		}
		.put-section-3 #news .titleTop h1 {
			opacity: 0.8;
			transition-duration: 3s;
    		transition-delay: 0.3s;
		}
		#news .titleTop h2{
			color: #333;
			font-size: 35px;
			line-height: 35px;
			font-weight: 100;
			position: relative;
			top: 75px;
			z-index: 2;
			opacity: 0;
		}
		.put-section-3 #news .titleTop h2 {
			opacity: 1;
			transition-duration: 3s;
    		transition-delay: 0.5s;
		}
		#news .titleTop span{
			width: 30px;
			height: 2px;
			background: #386aed;
			display: block;
			margin:18px auto;
		}
		#news .titleTop p{
			color: #666;
			font-size: 20px;
			text-align: center;
			opacity: 0;
		}
		.put-section-3 #news .titleTop p {
			opacity: 1;
			transition-duration: 3s;
    		transition-delay: 0.8s;
		}
		
		
		
	#news .newsBox{
		width: 1230px;
		margin: 0 auto;
	}
		#news .newsBox .tempWrap{
			width:1230px
			overflow:hidden; 
			position:relative; 
		}
		#news .newsBox .tempWrap ul.newsCon{
			width: 3690px; 
			left: -2460px; 
			position: relative; 
			overflow: hidden; 
			padding: 0px; 
			margin: 0px;
		}		
			#news .newsBox .tempWrap ul.newsCon li{
				padding:40px 0 100px 0;
				margin:0 -15px;
				float: left; 
				width: 1260px;
			}
				#news .newsBox .tempWrap ul.newsCon li .conBox{
					display: block;
					position: relative;
					float: left;
					width: 360px;
					height: 395px;
					margin:0 30px;
					background: #fff;
				    -webkit-transition: all 300ms;
				    transition: all 300ms;
				}
				#news .newsBox .tempWrap ul.newsCon li .conBox:hover{
					-moz-box-shadow:0px 0px 25px rgba(0,0,0,0.2);               /* For Firefox3.6+ */
					-webkit-box-shadow:0px 0px 25px rgba(0,0,0,0.2);            /* For Chrome5+, Safari5+ */
					box-shadow:0px 0px 25px rgba(0,0,0,0.2);                    /* For Latest Opera */		
				}
					#news .newsBox .tempWrap ul.newsCon li .conBox .pic{
						overflow: hidden;
						height: 200px;
					}
						#news .newsBox .tempWrap ul.newsCon li .conBox .pic img{
						    -webkit-transition: all 300ms;
						    transition: all 300ms;
						}		
						#news .newsBox .conBox:hover .pic img{
							-moz-transform:scale(1.05,1.05);
							-webkit-transform:scale(1.05,1.05);
							transform:scale(1.05,1.05);
						}
					#news .newsBox .tempWrap ul.newsCon li .conBox .time{
						margin:20px 0 0 20px;
						font-style: italic;
						color: #888;
						text-align: left;
					}		
					#news .newsBox .tempWrap ul.newsCon li .conBox h5{
						text-align: left;
						font-size: 16px;
						color: #333;
						font-weight: normal;
						margin:20px;
					}
					#news .newsBox .tempWrap ul.newsCon li .conBox a{
						display: block;
						left: 0;
						bottom: 0;
						font-style: normal;
					}
						#news .newsBox .tempWrap ul.newsCon li .conBox a b{
							font-weight: normal;
							position: absolute;
							display: block;
							left: 20px;
							bottom: 30px;
							color: #666;
							font-style: italic;
						}
					#news .newsBox .tempWrap ul.newsCon li .conBox .icon-time{
						width: 14px;
						height: 14px;
						display: inline-block;
						background: url(../img/iconTime.png) no-repeat left center;
						position: relative;
						top: 1px;
						left: 0;
						bottom: auto;
						margin-right: 5px;
						font-size: 13px;
					}					
	#news .newsBox a.prev{
		top: 250px;
		left: -40px;
	}
	#news .newsBox a.next{
		top: 250px;
		right: -40px;
	}
	#news .newsBox:hover .prev,#news .newsBox:hover .next{
		display: block;
	}
/*一屏切换*/
.coolSwitch { width: 100%; height: auto; position: relative; /*overflow:hidden;*/}
/*数字按钮样式*/
.coolSwitch .num { overflow:hidden; width: 100%; text-align: center; height: 30px; position: absolute; bottom:12px; left: 0; zoom:1; z-index:3 }
.coolSwitch .num ul{height: 5px;}
.coolSwitch .num li { width: 35px; height: 5px; margin:0 8px; background-color: #e5e7ea; line-height: 5px; overflow: hidden; text-indent: -999em; text-align: center; cursor:pointer; display: inline-block; }
.coolSwitch .num li.on { background: #788184; } /*当前项*/
/*上一个  下一个*/
.coolSwitch .prev,
.coolSwitch .next { display: block; opacity: 0.2; width: 30px; height: 60px; background: url(../img/news_btn.png) no-repeat; background-size: 190%; position: absolute; z-index: 2; top: 45%;}
.coolSwitch .prev { left: 0; }
.coolSwitch .next { right: 0; background-position: right }





/*solution*/
#solution{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	background: url(../img/solution-bg.jpg) no-repeat center center;
	background-size:cover;
}
	#solution h1{
	    font-size: 4em;
	    display: block;
	    color: #fff;
	    line-height: 80px;
	    position: absolute;
		left: 10%;
		top: 160px;
		opacity: 0; 
	}
	.put-section-4 #solution h1 {
		opacity: 1;
		transition-duration: 3s;
    	transition-delay: 0.3s;
	}
	#solution b{
		color: #fff;
	    display: block;  
	    font-size: 2.5em; 
	    font-weight: 400;
	    letter-spacing: 1px; 
	    position: absolute;
	    z-index: 2;
		left: 10%;
		top: 250px; 	
		opacity: 0; 
	}
	.put-section-4 #solution b {
		opacity: 1;
		transition-duration: 3s;
    	transition-delay: 0.8s;
	}
		
		
		
	#solution .content {
		width: 1230px;
		overflow: hidden;
		margin: 0 auto;
		position: relative;
		z-index: 2;
		height: 100%;
		top:50%;
		margin-top: -100px;
	}
		#solution .content ul{
			display: block;
			width: 100%;
			height: 410px;
			overflow: hidden;
			position: relative;
		}
			#solution .content ul li{
				width: 25%;	
				height: 410px; 	
				float: left;
				overflow: hidden;
				position: absolute;
				top: 0;
			}
				#solution .content ul li.zyi{
					left: 0;
					opacity: 0;					
				}
				.put-section-4 #solution .content ul li.zyi {
    				opacity: 1; 
			    	animation: solutionZyi 1.2s ease 0.5s both;
				}
				@keyframes solutionZyi{from {left: -75px;}to {left: 0px;}}
				@-webkit-keyframes solutionZyi{from {left: -75px;}to {left: 0px;}}
				
				#solution .content ul li.zer{
					left: 25%;
					opacity: 0;
				}
				.put-section-4 #solution .content ul li.zer {
					opacity: 1;
					transition-duration: 3s;
					transition-delay: 0.8s;
				}
				
				#solution .content ul li.yer{
					right: 25%;
					opacity: 0;
				}
				.put-section-4 #solution .content ul li.yer {
					opacity: 1;
					transition-duration: 3s;
					transition-delay: 0.8s;
				}
				
				#solution .content ul li.yyi{
					right: 0;
					opacity: 0;
				}
				.put-section-4 #solution .content ul li.yyi {
					opacity: 1;
			    	animation: solutionYyi 1.2s ease 0.5s both;
				}
				@keyframes solutionYyi{from {right: -75px;}to {right: 0px;}}
				@-webkit-keyframes solutionYyi{from {right: -75px;}to {right: 0px;}}
				
				
				#solution .content ul li a{
					display: block;
					width: 82%;
					height: 370px;
					margin: 40px auto 0;
					position: relative;
					background: rgba(0,0,0,.4);
					-webkit-transition: all 0.2s ease-in;
					transition: all 0.2s ease-in;
					box-shadow:0 0 0 0 rgba(0,0,0,0.05);
				}
				#solution .content ul li a:hover{
					margin-top: 0px;
					background: rgba(0,0,0,.8);
					box-shadow: 0 5px 20px 0 rgba(0,0,0,0.5);
				}
				#solution .content ul li a span.icon{
					display: block;
					width: 60px;
					height: 62px;
					position: absolute;
				    top: 30px; left: 25px;
					background: url(../img/sol_iconOne.png);
				}
					#solution .content ul li a span.col-1{						
						background-position: 0 0;
					}
					#solution .content ul li a span.col-2{
						background-position: -60px 0;
					}
					#solution .content ul li a span.col-3{
						background-position: -120px 0;
					}
					#solution .content ul li a span.col-4{
						background-position: -180px 0;
					}
				#solution .content ul li a h2{
					font-size: 1.4em;
				    display: block;
				    color: #fff;
				    line-height: 80px;
				    position: absolute;
				    left: 5%;top: 75px;
				}
				#solution .content ul li a i{
					display: block;
					height: 4px;
					width: 80px;
					background: #386aed;
					position: absolute;
					top: 150px; left: -30px;
				}
				#solution .content ul li a p{
					letter-spacing: 0; 
					text-align:justify;
					padding: 0 5%;
					font-size: 1em;
				    filter:alpha(opacity=85); 
				    opacity:0.85;
				    color: #fff;   
				    position: absolute;
				    top: 170px; 
				}
.layer{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 999999; background: url(../img/layer.png) repeat;}			
.layer .layerCon{width: 1200px; height:662px; overflow: hidden;position: absolute;left: 50%;top: 50%;margin-left: -600px;margin-top: -331px;z-index: 2;}
.layer .layerCon img{display: block;margin: 0 auto;max-width: 100%;}
.layer .layerCon a.close{position: absolute;right:25px;top:25px;z-index: 3;font-size: 16px; color: #000;font-weight: bolder;}
.layerTwo{display: none;}
.layerThree{display: none;}




/*开放合作样式*/
#cooperation{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: url(../img/cooperationBg.jpg) no-repeat center center;
	background-size:cover;
}
	#cooperation .conBox{
		width: 1200px;
		margin:0 auto;
		height: auto;
		position: relative;
		z-index: 2;
		padding-top:5%;
	}
		#cooperation .conBox .titleTop{
			float: left;
	    	width: 280px;
		    margin-right: 20px;
		}
			#cooperation .conBox .titleTop h1{
				color: #000;
				font-size: 30px;
				line-height: 40px;
				padding-left: 10px;
				text-align: left;
				padding-top: 40px;
				border-left: 4px solid #386aed;
				font-family:Gotham;
				font-weight: 100;
				position: relative;
				top: 75px;
				z-index: 1;
				opacity: 0;
			}
			.put-section-5 #cooperation .conBox .titleTop h1 {
				opacity: 0.8;
				transition-duration: 3s;
	    		transition-delay: 0.3s;
			}
			#cooperation .conBox .titleTop h1 span{
				color: #386aed;
				font-size: 32px;
				line-height: 40px;
				font-weight: 300;
				position: absolute;
				top: 0;
				z-index: 2;
				opacity: 0;				
			}
			.put-section-5 #cooperation .conBox .titleTop h1 span {
				opacity: 1;
				transition-duration: 3s;
	    		transition-delay: 0.5s;
			}
			#cooperation .conBox .titleTop p{
				color: #666;
				font-size: 20px;
				text-align: left;
				opacity: 0;
				font-size: 15px;
				line-height: 25px;
				margin-top: 100px;
			}
			.put-section-5 #cooperation .conBox .titleTop p {
				opacity: 1;
				transition-duration: 3s;
	    		transition-delay: 0.8s;
			}
		#cooperation .conBox .link{
			float: right;
	    	width: 900px;
		}
			#cooperation .conBox .link ul{
				display: block;
				width: 100%;
				overflow: hidden;
				margin-top: 75px;
			}
				#cooperation .conBox .link ul li{
					float: left;
					width: 16.6666666%;
					overflow: hidden;
					padding: 10px;
					box-sizing: border-box;
				}
					#cooperation .conBox .link ul li img.grey{
						display: block;
						width: 100%;
					}
					/*#cooperation .conBox .link ul li span{
						display: none;
					}
						#cooperation .conBox .link ul li span img{
							display: block;
							width: 100%;
						}*/
				/*#cooperation .conBox .link ul li:hover{
					cursor: pointer;					
				}
					#cooperation .conBox .link ul li:hover img.grey{
						display: none;					
					}
					#cooperation .conBox .link ul li:hover span{
						display: block;	
						transition-duration: 3s;
	    				transition-delay: 0.2s;				
					}*/