.ma{
	margin-top:2%;
	
}

.layer{
	width:100%;
	float:left;
	
	
}

#video {
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    position: absolute;
    z-index: -2;
}


#video2 {
	width:70%;margin-top:3%;
    /*min-height: 100%;
    min-width: 100%;
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    z-index: 100;
	*/
}



.layer-1{
	height:1000px;
	background:#EDEDED;
	position:relative;
}
.layer-1-img{
	position:absolute;
	bottom:0;
}


.layer-1-title{
	width:50%;
	float:left;
	margin-top:30%;
	margin-left:50%;
}

.layer-1-title-big{
	font-size:40px;
	line-height: 50px;
	color:#4a4a4a;
}
.layer-1-title-small{
	font-size:25px;
	margin-top:1%;
	line-height:30px;
	color:#4a4a4a;
}

.layer-1-title-buynow{
	margin-top:10%;
	width:133px;
	background:#0194e9;
	color:#fff;
	text-align:center;
	padding-top:2%;
	padding-bottom:2%;
	padding-left:3%;
	padding-right:3%;
	border-radius:5px;
	cursor:pointer;
	
}

.layer-1-2-img{
	width:auto;
	position:absolute;
	bottom:5%;
	text-align:center;
	left:50%;
	-webkit-animation:down 1s infinite linear ;
}


@-webkit-keyframes down {
    0%{
        -webkit-transform: translateY(10px);
		opacity:1;
    }
    50%{
        -webkit-transform: translateY(20px);  
        opacity:0.5;
    }
    100%{
       -webkit-transform: translateY(30px); 
		opacity:0;	   
    }

}
 

 
 
 @media (max-width:1200px){
	
	.layer-1{
		height:auto;
		background:#EDEDED;
		position:relative;
	}
	.layer-1-img{
		width:50%; margin-left:25%; margin-top:15%;
		position:relative;
		bottom:0;z-index:1;
	}


	.layer-1-title{
		width:60%;
		float:left;
		margin-top:5%;
		margin-left:20%;text-align:left;z-index:200;
	}

	.layer-1-title-big{
		font-size:24px;
		text-align:left;z-index:200;
		color:#4a4a4a;
	}
	.layer-1-title-small{
		font-size:16px;
		margin-top:1%;
		line-height:30px;
		color:#4a4a4a;z-index:200;
	}

	.layer-1-title-buynow{
		margin-bottom:10%;
		margin-top:5%;
		width:134px;
		background:#0194e9;
		color:#fff;
		margin-left:0%;
		text-align:center;
		padding-top:2%;
		padding-bottom:2%;
		padding-left:3%;
		padding-right:3%;
		border-radius:5px;
		cursor:pointer;
		
	}

	.layer-1-2-img{
		width:auto;
		position:relative;
		bottom:5%;
		text-align:center;
		left:50%;display:none;
		-webkit-animation:down 1s infinite linear ;
	}


 
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
.layer-2{
	height:auto;
	background:url('//publicfiles.xiaoyi.com/yi_files/Yi4Kplus/layer-2-1.png') no-repeat;
	background-position: center;
	position:relative;
	height:1020px;
	z-index:1;
}

.layer-2-img{
	width:100%;
	max-height:1020px;
	z-index:1;
}

.layer-2-2{
	width:60%;
	margin-top:250px;
	margin-left:20%;
	position:absolute;
	height:500px;
	z-index:3;
	opacity:0;
	z-index:2;
}

.layer-2-3{
	font-size:40px;
	width:100%;
	text-align:center;
	color:#fff;
	z-index:3;
}
.layer-2-4{
	
	font-size:18px;
	width:70%;
	margin-left:15%;
	text-align:center;
	color:#fff;
	margin-top:20px;
	line-height:30px;
	
	
}
.layer-2-5{
	margin-top:10%;
	width:100%;
	text-align:center;
	
}

.images{cursor:pointer;}




 
 @media (max-width:1200px){


	.layer-2{
		height:auto;
		background:url('//publicfiles.xiaoyi.com/yi_files/Yi4Kplus/layer-2-1.png') no-repeat;
		background-position: center;
		position:relative;
		height:620px;
		z-index:1;
	}

	.layer-2-img{
		width:100%;
		max-height:1020px;
		z-index:1;
	}

	.layer-2-2{
		width:80%;
		margin-top:10%;
		margin-left:10%;
		position:absolute;
		height:500px;
		z-index:3;
		opacity:0;
		z-index:2;
	}

	.layer-2-3{
		font-size:24px;
		width:100%;
		margin-left:0%;
		text-align:center;
		color:#fff;
		z-index:3;
	}
	.layer-2-4{
		
		font-size:18px;
		width:100%;
		margin-left:0%;
		text-align:center;
		color:#fff;
		margin-top:20px;
		line-height:30px;
	}
	.layer-2-5{
		margin-top:10%;
		width:100%;
		text-align:center;
		
	}
	
	.layer-2-5 img{width:100%;}
 
 }












.layer-3{
	overflow: hidden;
	height:auto;
	background-position: center;
	position:relative;
	height:1020px;
	z-index:1;
}

.layer-3-2{
	width:60%;
	margin-top:250px;
	margin-left:20%;
	position:absolute;
	height:500px;
	z-index:2;opacity:0;
	
}
.layer-3-3{
	font-size:40px;
	width:100%;
	 margin-top:1%;
	text-align:center;
	color:#fff;
	z-index:3;
}

.layer-3-4{
	font-size:18px;
	width:60%;
	margin-left:20%;
	text-align:center;
	color:#fff;
	margin-top:20px;
	line-height:30px;
	
}

.layer-3-5{
	margin-top:3%;
	width:100%;
	text-align:center;
	
}
.layer-3-6{
	margin-top:0%;
	width:100%;
	text-align:center;
	
}
.layer-3-8{
	
	float: left;
    width: 100%;
    margin-top: 1%;
    text-align: center;
    position: absolute;
    bottom: 18%;
	
	
}

.layer-3-8 a{text-decoration:none;font-size:16px; color:#fff;font-weight:bold}
.layer-3-8 a：hover{text-decoration:none;font-size:16px; color:#fff;font-weight:bold}


 @media (max-width:1200px){

	.layer-3{
		height:auto;
		background:url('//publicfiles.xiaoyi.com/yi_files/Yi4Kplus/layer-3-1.png') no-repeat;
		background-position: center;
		position:relative;
		height:620px;
		z-index:1;
	}

	.layer-3-2{
		width:80%;
		margin-top:7%;
		margin-left:10%;
		position:absolute;
		height:500px;
		z-index:2;opacity:0;
		
	}
	.layer-3-3{
		font-size:24px;
		width:100%;
		 margin-top:1%;
		text-align:center;
		
		color:#fff;
		z-index:3;
	}

	.layer-3-4{
		font-size:16px;
		width:80%;
		margin-left:10%;
		text-align:center;
		color:#fff;
		margin-top:20px;
		line-height:30px;
		
	}

	.layer-3-5{
		margin-top:3%;
		width:100%;
		text-align:center;
		
	}
	.layer-3-6{
		margin-top:0%;
		width:100%;
		text-align:center;
		
	}

 }













.layer-4-2{
	width:60%;
	margin-top:250px;
	margin-left:20%;
	position:absolute;
	height:500px;
	z-index:2;opacity:0;
	
}
.layer-4-3{
	font-size:40px;
	width:100%;
	 margin-top:1%;
	text-align:center;
	color:#fff;
}

.layer-4-4{
	font-size:18px;
	width:60%;
	margin-left:20%;
	text-align:center;
	
	color:#fff;
	margin-top:20px;
	line-height:30px;
}

.layer-4-5{
	margin-top:3%;
	width:100%;
	text-align:center;
	
}
.layer-4-6{
	margin-top:0%;
	width:100%;
	text-align:center;
	
}














.layer-4{
	height:auto;
	background:url('//publicfiles.xiaoyi.com/yi_files/Yi4Kplus/layer-4-1-1_1.png') no-repeat;
	background-position: center;
	position:relative;
	height:1020px;
	z-index:1;
}


.layer-4-7{width:40%; margin-left:30%;float:left;margin-top:5%;}
.layer-4-7-1{width:40%; margin-left:30%;float:left; margin-top:1%;}
.layer-4-8{color:#fff;font-size:18px;width:10%;float:left;}
.layer-4-9{background:#50e386;float:left;width:40%;height:3px; margin-top:8px;opacity:0}
.layer-4-10{background:#757575;float:left;width:20%;height:3px; margin-top:8px;opacity:0}
.layer-4-11{background:#757575;float:left;width:16%;height:3px; margin-top:8px;opacity:0}


.layer-4-9-1{background:#50e386;float:left;width:40%;height:3px; margin-top:8px;opacity:0}
.layer-4-10-1{background:#757575;float:left;width:20%;height:3px; margin-top:8px;opacity:0}
.layer-4-11-1{background:#757575;float:left;width:16%;height:3px; margin-top:8px;opacity:0}




@media (max-width:960px){

	.layer-4-2{
		width:80%;
		margin-top:7%;
		margin-left:10%;
		position:absolute;
		height:500px;
		z-index:2;opacity:0;
		
	}
	.layer-4-3{
		font-size:24px;
		width:100%;
		 margin-top:1%;
		text-align:center;
		
		color:#fff;
	}

	.layer-4-4{
		font-size:16px;
		width:80%;
		margin-left:10%;
		text-align:center;
		
		color:#fff;
		margin-top:20px;
		line-height:30px;
	}

	.layer-4-5{
		margin-top:3%;
		width:100%;
		text-align:center;
		
	}
	.layer-4-5 img{width:100%;}
	.layer-4-6{
		margin-top:0%;
		width:100%;
		text-align:center;
		
	}
	
	
	
	.layer-4{
		height:auto;
		background:url('//publicfiles.xiaoyi.com/yi_files/Yi4Kplus/layer-4-1-1.png') no-repeat;
		background-position: center;
		position:relative;
		height:620px;
		z-index:1;
	}


	.layer-4-7{width:40%; margin-left:30%;float:left;margin-top:5%;}
	.layer-4-7-1{width:40%; margin-left:30%;float:left; margin-top:1%;}
	.layer-4-8{color:#fff;font-size:16px;width:18%;float:left;}
	.layer-4-9{background:#50e386;float:left; margin-left:15%;width:40%;height:3px; margin-top:8px;opacity:0}
	.layer-4-10{background:#757575;float:left;margin-left:15%;width:20%;height:3px; margin-top:8px;opacity:0}
	.layer-4-11{background:#757575;float:left;margin-left:15%;width:16%;height:3px; margin-top:8px;opacity:0}


	.layer-4-9-1{background:#50e386;float:left;width:40%;height:3px; margin-top:8px;opacity:0}
	.layer-4-10-1{background:#757575;float:left;width:20%;height:3px; margin-top:8px;opacity:0}
	.layer-4-11-1{background:#757575;float:left;width:16%;height:3px; margin-top:8px;opacity:0}


	
}






.layer-5{
	height:auto;
	background:url('//publicfiles.xiaoyi.com/yi_files/Yi4Kplus/layer-5-1-new1.png') no-repeat;
	background-position: center;
	position:relative;
	height:1020px;
	z-index:1;
}


.layer-5-2{
	width:100%;
	height:600px;
	z-index:3;
	margin-top:15%;z-index:2;
}

.layer-5-3{
	width:50%;
	text-align:left;
	float:left;
	height:600px;
	color:#fff;
}


.layer-5-4{
	
font-size:40px;
color:#fff;
height:200px;
	opacity:0;
}
.layer-5-4 div{

	margin-top:5%;
}
.layer-5-7{
padding-top:10px;
font-size:18px;line-height:30px;
color:#fff;
height:200px;
	opacity:0;
}

.layer-5-6{
width:100%;float:left;
padding-top:10px;
font-size:18px;line-height:30px;
color:#fff;curosr: pointer
}
.layer-5-5{
	font-size: 18px;
    width: 80%;
    color: #fff;
    margin-top: 20px;
    line-height: 30px;
}
.layer-5-5 img{
	width:80%;
	float:left;
	margin-top:8%;
	cursor:pointer;
}



@media (max-width:960px){



	.layer-5{
		height:auto;
		background:url('//publicfiles.xiaoyi.com/yi_files/Yi4Kplus/layer-5-1.png') no-repeat;
		background-position: center;
		position:relative;
		height:620px;
		z-index:1;
	}


	.layer-5-2{
		width:80%;
		margin-left:10%;
		height:600px;
		z-index:3;
		margin-top:15%;z-index:2;
	}

	.layer-5-3{
		width:50%;
		text-align:left;
		float:left;
		height:600px;
		color:#fff;
	}


	.layer-5-4{
		
	font-size:24px;
	
	color:#fff;
	height:300px;
		opacity:0;
	}
	.layer-5-4 div{

		margin-top:5%;
	}
	.layer-5-7{
	padding-top:10px;
	font-size:16px;line-height:30px;
	color:#fff;
	height:300px;
		opacity:0;
	}

	.layer-5-6{
	width:100%;float:left;
	padding-top:10px;
	font-size:18px;line-height:30px;
	color:#fff;
		
	}

	.layer-5-5 img{
		width:80%;
		float:left;
		margin-top:8%;
	}




}













.layer-6{
	height:auto;
	background:url('//publicfiles.xiaoyi.com/yi_files/Yi4Kplus/layer-6-1.png') no-repeat;
	background-position: center;
	position:relative;
	height:1020px;
	z-index:1;
}
.layer-6-2{
	width:100%;
	float:left;
	margin-top:10%;z-index:2;
}

.layer-6-3{
	font-size:40px;
	width:100%;
	text-align:center;
	color:#fff;opacity:0;
	
}
.layer-6-4{
	margin-top:3%;
	font-size:18px;
	width:62%;
	margin-left:19%;
	text-align:center;
	color:#fff;
	line-height:30px;opacity:0;
}

.layer-6-5,.layer-6-6,.layer-6-7{
		width:100%;float:left;text-align:center;
}
.layer-6-5 img{ width:25%; margin-top:5%;}
.layer-6-6 img{ width:80%;margin-top:3%;margin-bottom:3%;}
.layer-6-7 img{width:60%;margin-top:0%;}

@media (min-width:650px) and (max-width:960px){

	.layer-6{
		height:auto;
		background:url('//publicfiles.xiaoyi.com/yi_files/Yi4Kplus/layer-6-1.png') no-repeat;
		background-position: center;
		position:relative;
		height:800px;
		z-index:1;
	}



}

@media (max-width:650px){
		
		
	.layer-6{
		height:auto;
		background:url('//publicfiles.xiaoyi.com/yi_files/Yi4Kplus/layer-6-1.png') no-repeat;
		background-position: center;
		position:relative;
		height:620px;
		z-index:1;
	}
	.layer-6-2{
		width:100%;
		float:left;
		margin-top:10%;z-index:2;
	}

	.layer-6-3{
		font-size:24px;
		width:100%;
		text-align:center;
		color:#fff;opacity:0;
		
	}
	.layer-6-4{
		margin-top:3%;
		font-size:16px;
		width:70%;
		margin-left:auto;
		margin-right: auto;
		text-align:center;
		color:#fff;
		line-height:30px;opacity:0;
	}

	.layer-6-5,.layer-6-6,.layer-6-7{
			width:100%;float:left;text-align:center;
	}
	.layer-6-5 img{ width:25%; margin-top:5%;}
	.layer-6-6 img{ width:80%;margin-top:3%;margin-bottom:3%;}
	.layer-6-7 img{width:80%;margin-top:3%;}

	
		
		
		
		
		
		
		

}


.layer-7{
	height:auto;
	background:url('//publicfiles.xiaoyi.com/yi_files/Yi4Kplus/layer-7-1.png') no-repeat;
	background-position: center;
	position:relative;
	height:800px;
	z-index:1;
}

.layer-7-2{
	width:100%;
	float:left;
	margin-top:12%;
	height:500px;z-index:2;
	
}

.layer-7-3{
	width:50%;
	float:left;
	
}
.layer-7-3 img{
	width:80%;
}

.layer-7-4{
	font-size:40px;
	width:100%;
	text-align:left;
	color:#fff;
	margin-top:20%;opacity:0;
}


.layer-7-5{
	margin-top:3%;
	font-size:18px;
	width:85%;
	text-align:left;
	color:#fff;
	line-height:30px;opacity:0;
}

@media (min-width: 630px) and (max-width:1200px ) {
	.layer-7{
		height:auto;
		background:url('//publicfiles.xiaoyi.com/yi_files/Yi4Kplus/layer-7-1.png') no-repeat;
		background-position: center;
		position:relative;
		height:782px;
		z-index:1;
	}
	.layer-7-3{
		width:100%;
		float:left;

	}

	.layer-7-3 img{
		width:50%; margin-left:25%;
	}

	.layer-7-4{
		font-size:24px; padding-left:4%;padding-right:4%;
		width:100%;
		text-align:center;
		color:#fff;
		margin-top:10%;opacity:0;
	}


	.layer-7-5{
		margin-top:3%;
		font-size:16px;padding-left:4%;padding-right:4%;
		width:100%;
		text-align:center;
		color:#fff;
		line-height:30px;opacity:0;
	}
}

@media (max-width:630px){


	
	.layer-7{
		height:auto;
		background:url('//publicfiles.xiaoyi.com/yi_files/Yi4Kplus/layer-7-1.png') no-repeat;
		background-position: center;
		position:relative;
		height:571px;
		z-index:1;
	}

	.layer-7-2{
		width:100%;
		float:left;
		margin-top:12%;
		height:500px;z-index:2;
		
	}

	.layer-7-3{
		width:100%;
		float:left;
		
	}
	.layer-7-3 img{
		width:50%; margin-left:25%;
	}

	.layer-7-4{
		font-size:24px; padding-left:4%;padding-right:4%;
		width:100%;
		text-align:center;
		color:#fff;
		margin-top:10%;opacity:0;
	}


	.layer-7-5{
		margin-top:3%;
		font-size:16px;padding-left:4%;padding-right:4%;
		width:100%;
		text-align:center;
		color:#fff;
		line-height:30px;opacity:0;
	}



}










.layer-8{

	height:auto;
	background:#151515;
	background-position: center;
	position:relative;
	height:1020px;
z-index:1;
}

.layer-8-img{position:absolute;width:40%;right:0;top:0}







.layer-8-2{
	width:50%; margin-left:10%;
	height:600px;z-index:2;
}
.layer-8-3{
	font-size:40px;
	width:100%;
	text-align:left;
	color:#fff;
	margin-top:20%;
}
.layer-8-4{
	margin-top:3%;
	font-size:18px;
	width:95%;
	text-align:left;
	color:#fff;
	line-height:30px;
}
.layer-8-5{
 margin-top:10%;
}
.layer-8-5 img{
	width:60%;
}


.layer-8-6{
	font-size:24px;
	width:100%;
	text-align:left;
	color:#fff;
	margin-top:10%;
}
.layer-8-7{
	margin-top:3%;
	font-size:18px;
	width:80%;
	text-align:left;
	color:#fff;
	line-height:30px;
}
.layer-8-8{ margin-top:10%;}

.layer-8-8-1{float:left;width:100%; margin-top:0%;}
.layer-8-8-2{float:left;width:100%; margin-top:5%;}
.layer-8-8-3{float:left;width:100%; margin-top:5%;}

.layer-8-8-1-1{float:left;color:#fff; margin-top:4%;font-size:16px; position:absolute; margin-top:-0.5%;}



@media (min-width: 630px) and (max-width:1200px ){

	.layer-8{


		background:#151515;
		background-position: center;
		position:relative;
		height:953px;
		z-index:1;
	}



}



@media (max-width:630px){


	.layer-8{


		background:#151515;
		background-position: center;
		position:relative;
		height:824px;
		z-index:1;
	}

	.layer-8-img{position:absolute;width:20%;right:0;top:0}







	.layer-8-2{
		width:80%; margin-left:10%;
		height:600px;z-index:2;
	}
	.layer-8-3{
		font-size:24px;
		width:100%;
		text-align:left;
		color:#fff;
		margin-top:20%;
	}
	.layer-8-4{
		margin-top:3%;
		font-size:16px;
		width:95%;
		text-align:left;
		color:#fff;
		line-height:30px;
	}
	.layer-8-5{
	 margin-top:10%;
	}
	.layer-8-5 img{
		width:50%;
	}


	.layer-8-6{
		font-size:16px;
		width:100%;
		text-align:left;
		color:#fff;
		margin-top:5%;
	}
	.layer-8-7{
		margin-top:3%;
		font-size:16px;
		width:80%;
		text-align:left;
		color:#fff;
		line-height:30px;
	}
	.layer-8-8{ margin-top:5%;}

	.layer-8-8-1{float:left;width:100%; margin-top:5%;}
	.layer-8-8-2{float:left;width:100%; margin-top:5%;}
	.layer-8-8-3{float:left;width:100%; margin-top:5%;}

	.layer-8-8-1-1{float:left;color:#fff; margin-top:4%;font-size:16px; position:absolute; margin-top:-2%;}









}













.layer-9{

	height:auto;
	background:#fdfdfd;
	background-position: center;
	position:relative;
	height:600px;
z-index:1;

}


.layer-9-2{
	width:100%;
	height:400px;
	 margin-top:5%;z-index:2;
	}
.layer-9-3{
	width:60%;
	height:400px;
	float:left;
	}
.layer-9-3 img{
 width:80%;
}	
	
.layer-9-4{
	width:40%;
	height:400px;
	float:left;
	}

.layer-9-5{
	margin-top:10%;
	color:#4a4a4a;width:100%;
	font-size:40px;
	float:left;
}

.layer-9-6{
	margin-top:10%;width:95%;
	font-size:18px;
	color:#4a4a4a;
	line-height:30px;float:left;
}

.layer-9-7{
	margin-top:10%;
	width:100%;float:left;
}


@media (max-width:630px){

	.layer-9{
		height:800px ;
	}
}



@media (min-width: 630px) and (max-width:960px ){

	.layer-9{
		height:980px ;
	}



}
@media (max-width:960px){

	
		.layer-9{

			background:#fdfdfd;
			background-position: center;
			position:relative;
			z-index:1;

		}


		.layer-9-2{
			width:100%;
			height:200px;
			 margin-top:5%;z-index:2;
			}
		.layer-9-3{
			width:100%;
			height:auto;
			float:left;
			}
		.layer-9-3 img{
		 width:50%; margin-left:25%;
		}	
			
		.layer-9-4{
			width:80%;
			height:300px;
			float:left;
			margin-left:10%;
			}

		.layer-9-5{
			margin-top:10%;
			color:#4a4a4a;width:100%;
			font-size:24px;
			float:left;
		}

		.layer-9-6{
			margin-top:10%;width:100%;
			font-size:18px;
			color:#4a4a4a;
			line-height:30px;float:left;
		}

		.layer-9-7{
			margin-bottom: 2%;
			width:100%;
			float:left;
			text-align: center;
		}

}









.layer-10{
	background:url('//publicfiles.xiaoyi.com/yi_files/Yi4Kplus/layer-10-1.png') no-repeat;
	background-position: center;
	position:relative;
	height:1020px;
	z-index:1;
}

.layer-10-2{
	width:38%;
	 margin-left:70%;
	float:left;
	margin-top:10%;
	height:800px;z-index:2;
}

.layer-10-3{
	width:100%;
	text-align:left;float:left;
	 margin-top:15%;
}

.layer-10-4{
	font-size:40px;
	width:100%;
	text-align:left;float:left;
	color:#fff;
	margin-top:10%;
	
}


.layer-10-5{
	margin-top:10%;
	font-size:18px;
	width:100%;
	text-align:left;float:left;
	color:#fff;
	line-height:30px;
}


.layer-10-6{
	margin-top:10%;
	float:left;
}

.layer-10-6 img{ width:80%;}

@media (max-width:630px ){


	.layer-10{
		background:url('//publicfiles.xiaoyi.com/yi_files/Yi4Kplus/layer-10-1.png') no-repeat;
		background-position: center;
		position:relative;
		height:733px;
		z-index:1;
	}


}


@media (min-width: 630px) and (max-width:960px ){

	.layer-10{
		background:url('//publicfiles.xiaoyi.com/yi_files/Yi4Kplus/layer-10-1.png') no-repeat;
		background-position: center;
		position:relative;
		height:1020px;
		z-index:1;
	}



}



@media (max-width:960px){
	
	.layer-10{
		background:url('//publicfiles.xiaoyi.com/yi_files/Yi4Kplus/layer-10-1.png') no-repeat;
		background-position: center;
		position:relative;
		z-index:1;
	}

	.layer-10-2{
		width:100%;
		 margin-left:0%;
		float:left;
		margin-top:5%;
		height:600px;z-index:2;
	}

	.layer-10-3{
		width:100%;
		text-align:center;float:left;
		 margin-top:15%;
	}

	.layer-10-4{
		font-size:24px;
		width:100%;
		text-align:center;float:left;
		color:#fff;
		margin-top:3%;
		
	}


	.layer-10-5{
		margin-top:3%;
		font-size:16px;
		width:100%;
		text-align:center;float:left;
		color:#fff;
		line-height:30px;
	}


	.layer-10-6{
		margin-top:10%;
		width:100%;
		float:left;text-align:center;
	}

	.layer-10-6 img{ width:60%;}

	
}



.layer-11{
	height:auto;
	background:url('//publicfiles.xiaoyi.com/yi_files/Yi4Kplus/layer-11-1.jpg') no-repeat;
	background-position: center;
	position:relative;
	height:600px;
	z-index:1;
}

.layer-11-2{
	width:100%;
	float:left;
	margin-top:7%;
	height:auto;z-index:2;
}
.layer-11-3{
	width:60%;
	float:left;
	height:auto;
}
.layer-11-3  img{width:100%;}


.layer-11-4{
	width:40%;
	float:left;
	height:auto;
}

.layer-11-5{
	margin-top:10%;
	color:#4a4a4a;width:100%;
	font-size:40px;
	float:left;
}

.layer-11-6{
	margin-top:10%;width:100%;
	font-size:18px;
	color:#4a4a4a;
	line-height:30px;float:left;
}



@media (max-width:960px){

		.layer-11{
			height:auto;
			background:#fff;
			background-position: center;
			position:relative;
			height:auto;
			z-index:1;
		}

		.layer-11-2{
			width:100%;
			float:left;
			margin-top:0%;
			height:auto;z-index:2;
		}
		.layer-11-3{
			width:100%;
			float:left;
			height:auto;
		}
		.layer-11-3  img{width:50%; margin-left:25%;}


		.layer-11-4{
			width:80%; margin-left:10%;
			float:left;
			height:auto;
		}

		.layer-11-5{
			margin-top:5%;
			color:#4a4a4a;width:100%;
			font-size:24px;
			float:left;
		}

		.layer-11-6{
			margin-top:3%;width:100%;
			font-size:18px;
			color:#4a4a4a;
			line-height:30px;float:left;
		}



}


.layer-12{
	height:auto;
	background:#F2F2F2;
	background-position: center;
	position:relative;
	height:auto;
	z-index:1;
}

.layer-12-2{
	width:80%;
	margin-left:10%;
	float:left;
	margin-top:10%;
	height:auto;z-index:2;
}

.layer-12-3{
	width:100%;
	float:left;
	margin-top:0%;
	height:auto;
}

.layer-12-4{
	width:50%;
	float:left;
	height:auto;margin-bottom:5%;
}
.layer-12-4 img{ width:80%; }

.layer-12-5{
	margin-top:15%;
	color:#4a4a4a;width:100%;
	font-size:40px;
	float:left;
}
.layer-12-6{
	margin-top:10%;width:80%;
	font-size:18px;
	color:#4a4a4a;
	line-height:30px;float:left;

}





@media (max-width:960px){
	.layer-12{
		height:auto;
		background:#F2F2F2;
		background-position: center;
		position:relative;
		height:auto;
		z-index:1;
	}

	.layer-12-2{
		width:80%;
		margin-left:10%;
		float:left;
		margin-top:10%;
		height:auto;z-index:2;
	}

	.layer-12-3{
		width:100%;
		float:left;
		margin-top:0%;
		height:auto;
	}

	.layer-12-4{
		width:50%;
		float:left;
		height:auto;margin-bottom:5%;
	}
	.layer-12-4 img{ width:80%; padding-top:40%; }

	.layer-12-5{
		margin-top:15%;
		color:#4a4a4a;width:100%;
		font-size:24px;
		float:left;
	}
	.layer-12-6{
		margin-top:10%;width:80%;
		font-size:18px;
		color:#4a4a4a;
		line-height:30px;float:left;

	}



}


























.layer-13{
	height:auto;
	background:#000;
	background-position: center;
	position:relative;
	height:1120px;
z-index:1000;
}

.layer-13-2{
	width:80%;
	margin-left:10%;
	float:left;
	margin-top:5%;
	height:auto;z-index:2;
}
#exporevideo{
		width:30%;
		left:0;bottom:0;z-index:100;
	}
	
	
	
	
.layer-13-3{
	margin-top:2%;
	color:#fff;width:100%;
	font-size:40px; text-align:center;
	float:left;z-index:1000;
}

.layer-13-4{
	margin-top:2%;width:60%; margin-left:20%;
	font-size:18px;
	color:#fff; text-align:center;
	line-height:30px;float:left;z-index:1000;
}
.layer-13-5{
width:100%; text-align:center;
float:left;margin-top:5%;z-index:100;
}





@media (max-width:960px){
	
		
	.layer-13{
		height:auto;
		background:#141414;
		background-position: center;
		position:relative;
		height:auto;
		z-index:1;
	}

	.layer-13-2{
		width:80%;
		margin-left:10%;
		float:left;
		margin-top:10%;
		height:auto;z-index:2;
	}

	.layer-13-3{
		margin-top:2%;
		color:#fff;width:100%;
		font-size:24px; text-align:center;
		float:left;
	}

	.layer-13-4{
		margin-top:2%;width:60%; margin-left:20%;
		font-size:16px;
		color:#fff; text-align:center;
		line-height:30px;float:left;
	}
	.layer-13-5{
		width:100%; text-align:center;
		float:left;margin-top:5%;
	}
	.layer-13-5 img{ width:60%; margin-left:0%;}
	
}







.layer-14{
	height:auto;
	background:url('//publicfiles.xiaoyi.com/yi_files/Yi4Kplus/layer-14-1-1.png') no-repeat;
	background-position: center;
	position:relative;
	height:1020px;
z-index:1;
}

.layer-14-2{
	width:80%;
	margin-left:10%;
	float:left;
	margin-top:10%;
	height:auto;z-index:2;
}

.layer-14-3{
	margin-top:5%;
	color:#4a4a4a;width:100%;
	font-size:40px;text-align:center;
	float:left;

}

.layer-14-4{
	margin-top:3%;
	color:#4a4a4a;width:70%; margin-left:15%;
	font-size:18px;text-align:center;float:left;

}

.layer-14-5{
width:100%;margin-top:2%;
text-align:center;float:left;
}

.layer-14-6{
width:100%;text-align:center;z-index:1;

}


.layer-14-6 img{ margin-top:4%;}





@media (max-width:960px){

	.layer-14{
		height:auto;
		background:url('//publicfiles.xiaoyi.com/yi_files/Yi4Kplus/layer-14-1-1.png') no-repeat;
		background-position: center;
		position:relative;
		height:1020px;
	z-index:1;
	}

	.layer-14-2{
		width:80%;
		margin-left:10%;
		float:left;
		margin-top:10%;
		height:auto;z-index:2;
	}

	.layer-14-3{
		margin-top:5%;
		color:#4a4a4a;width:100%;
		font-size:24px;text-align:center;
		float:left;

	}

	.layer-14-4{
		margin-top:3%;
		color:#4a4a4a;width:60%; margin-left:20%;
		font-size:18px;text-align:center;float:left;

	}

	.layer-14-5{
	width:100%;margin-top:2%;
	text-align:center;float:left;
	}

	.layer-14-6{
	width:100%;text-align:center;z-index:1;

	}


	.layer-14-6 img{ margin-top:4%;}





}









.up{
	-webkit-animation:up 2s 1 linear ;
}
.up_ni{
	-webkit-animation:up_ni 2s 1 linear ;
}
/*动效*/
@-webkit-keyframes up {
    0%{
        -webkit-transform: translateY(60px);
		opacity:0;
    }
    50%{
        -webkit-transform: translateY(30px);  
        opacity:0.5;
    }
    100%{
       -webkit-transform: translateY(0px); 
		opacity:1;	   
    }

}

@-webkit-keyframes up_ni {
    0%{
        -webkit-transform: translateY(0px);
		opacity:1;
    }
    50%{
        -webkit-transform: translateY(30px);  
        opacity:0.5;
    }
    100%{
       -webkit-transform: translateY(60px); 
		opacity:0;	   
    }

}








.layer-15{

	height:auto;
	background:#fdfdfd;
	background-position: center;
	position:relative;
	height:600px;
z-index:2;

}


.layer-15-2{
	width:100%;
	height:400px;
	 margin-top:13%;
	}
.layer-15-3{
	width:60%;
	height:400px;
	float:left;

	}
.layer-15-3 img{
 width:80%;
}	
	
.layer-15-4{
	width:40%;
	float:left;
	}

.layer-15-5{
	margin-top:10%;
	color:#4a4a4a;width:100%;
	font-size:40px;float:left;
}

.layer-15-6{
	margin-top:3%;width:80%;
	font-size:18px;
	color:#4a4a4a;
	line-height:30px;float:left;
}

.layer-15-7{
	margin-top:10%;
	width:100%;float:left;
}
.layer-15-8{
	margin-top:1%;
	width:100%;float:left;
}


@media (max-width:960px){
		
		
	.layer-15{

		height:auto;
		background:#fdfdfd;
		background-position: center;
		position:relative;
		height:auto;
		z-index:2;

	}


	.layer-15-2{
		width:100%;
		height:auto;
		 margin-top:13%;
		}
	.layer-15-3{
		width:100%;
		float:left; text-align:center;
		height:auto;
		}
	.layer-15-3 img{
		width:80%;
	}	
		
	.layer-15-4{
		width:80%;text-align:left;margin-left:10%;
		float:left;
		}

	.layer-15-5{
		margin-top:10%;
		color:#4a4a4a;width:100%;
		font-size:24px;
		float:left;
	}

	.layer-15-6{
		margin-top:3%;width:80%;
		font-size:18px;
		color:#4a4a4a;
		line-height:30px;float:left;
	}

	.layer-15-7{
		margin-top:10%;
		width:100%;float:left;
	}
	.layer-15-8{
		margin-top:1%;
		width:100%;float:left;
	}
		
		
		

}

.layer-16{

	height:auto;
	background:#333333;
	background-position: center;
	position:relative;
	height:300px;


}


.layer-16-2{
	width:100%;
	height:15px;
	 margin-top:5%;float:left;
}


.layer-16-3{
	width:50%;
	float:left;
	margin-left:50%;
	
	
}

.layer-16-4{
	
	margin-top:5%;
	color:#fff;width:100%;
	font-size:24px; text-align:left;
	float:left;
	
	
}

.layer-16-5{
	margin-top:2%;width:100%;
	font-size:20px;
	color:#fff; text-align:left;
	line-height:30px;float:left;	
}
.layer-16-5 a{color:#fff; text-decoration:none;}
.layer-16-5 a:hover{color:#fff; text-decoration:none;}

.layer-16-2 img{ position:absolute;bottom:0;right: 51%}



@media (max-width:960px){

	.layer-16{

		height:auto;
		background:#333333;
		background-position: center;
		position:relative;
		height:300px;


	}


	.layer-16-2{
		width:80%;
		height:15px; margin-left:10%;
		 margin-top:5%;float:left;
	}


	.layer-16-3{
		width:100%;
		float:left;
		margin-left:0%;
		
		
	}

	.layer-16-4{
		
		margin-top:5%;
		color:#fff;width:100%;
		font-size:24px; text-align:left;
		float:left;
		
		
	}

	.layer-16-5{
		margin-top:2%;width:100%;
		font-size:18px;
		color:#fff; text-align:left;
		line-height:30px;float:left;	
	}
	.layer-16-5 a{color:#fff; text-decoration:none;}
	.layer-16-5 a:hover{color:#fff; text-decoration:none;}

	.layer-16-2 img{ position:absolute;bottom:0;right:0;width:30%;}
		
	
}

.layer-2-1,.layer-4-1,.layer-3-1,.layer-5-1{
	background:#000;
	width:100%;
	position:absolute;
	height:1020px;
	z-index:2;
	opacity: 0;
	
}

 @media (max-width:1200px){
	.layer-2-1,.layer-4-1,.layer-3-1,.layer-5-1{
		background:#000;
		width:100%;
		position:absolute;
		height:620px;
		z-index:2;
		opacity: 0;
		
	}

}




.ceng{
	opacity: 0.5;
	-webkit-animation:ceng 1s 1 linear ;
}
.center{
	
	
	-webkit-animation:center 1s 1 linear ;
	-webkit-animation-delay:1s;
	-webkit-animation-fill-mode:forwards; 
}
.center2{
	
	
	-webkit-animation:center 1s 1 linear ;
	-webkit-animation-delay:1s;
	-webkit-animation-fill-mode:forwards; 
}
.center_wuyanshi{
	
	
	-webkit-animation:center 1s 1 linear ;
	-webkit-animation-fill-mode:forwards; 
}

.center5{
	
	
	-webkit-animation:center5 2s 1 linear ;
	-webkit-animation-fill-mode:forwards; 
}

.scroll-40 {
	
	-webkit-animation:scroll-40 2s 1 linear ;
	-webkit-animation-delay:2s;
	-webkit-animation-fill-mode:forwards; 
	
}


@-webkit-keyframes scroll-40 {
    0%{
        width:0%;
		opacity:0;
    }
    50%{
         width:20%;
        opacity:.5;
    }
    100%{
        width:40%;
		opacity:1;	
    }

}


.scroll-20 {
	
	-webkit-animation:scroll-20 2s 1 linear ;
	-webkit-animation-delay:2s;
	-webkit-animation-fill-mode:forwards; 
	
}


@-webkit-keyframes scroll-20 {
    0%{
        width:0%;
		opacity:0;
    }
    50%{
         width:10%;
        opacity:.5;
    }
    100%{
        width:20%;
		opacity:1;	
    }

}

.scroll-10 {
	
	-webkit-animation:scroll-10 2s 1 linear ;
	-webkit-animation-delay:2s;
	-webkit-animation-fill-mode:forwards; 
	
}


@-webkit-keyframes scroll-10 {
    0%{
        width:0%;
		opacity:0;
    }
    50%{
         width:7%;
        opacity:.5;
    }
    100%{
        width:15%;
		opacity:1;	
    }

}





@-webkit-keyframes center5 {
    0%{
        -webkit-transform: translateY(60%);
		opacity:0;
    }
    50%{
        -webkit-transform: translateY(30%);
        opacity:.5;
    }
    100%{
       -webkit-transform: translateY(0%);
		opacity:1;	
    }

}




@-webkit-keyframes ceng {
    0%{
        
		opacity:0;
    }
    50%{
        opacity:0.25;
    }
    100%{
		opacity:0.5;	
		
    }

}


@-webkit-keyframes center {
    0%{
        -webkit-transform: translateY(100%);
		opacity:0;
    }
    50%{
        -webkit-transform: translateY(50%);
        opacity:.5;
    }
    100%{
       -webkit-transform: translateY(0%);
		opacity:1;	
    }

}


.layer-33-2{
	opacity: 0.5;
	background: #000;
	padding: 10px 0;
}
.layer-55-2{
	color: #000;
}