*{
	padding: 0;
	margin: 0;
	list-style:none;
	text-decoration: none;
}
.section:nth-of-type(1){
	background-image: url(../images/1.jpg);
}
.section:nth-of-type(2){
	background-image: url(../images/2.jpg);
}
.section:nth-of-type(3){
	background-image: url(../images/3.jpg);
}
.section:nth-of-type(4){
	background-image: url(../images/4.jpg);
}
#fp-nav ul li .fp-tooltip{
	color: #4EBFFC;
}
#top{
	width: 100%;
	height: 50px;
	background: #168BD8;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.container{
	width: 1000px;
	height: 100%;
	margin: 0 auto;
	position: relative;
	/*border: 1px solid #000;*/
}
.bigyun{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/8.png);
	animation: yun 10s linear infinite;
}


@keyframes yun{
	from{
		background-position: 0 0;
	}
	to{
		background-position: -2000px 0;
	}
}

.feiji{
	position: absolute;
	left: 350px;
	top: 100px;
	z-index: 2;
	animation: feiji 1s linear infinite 0s alternate;
}
@keyframes feiji{
	from{
		transform: translateY(0px);
	}
	to{
		transform: translateY(30px);
	}
}
.yq{
	position: absolute;
	left: 50px;
	top: 100px;
}
.zhao{
	width: 100%;
	height: 130px;
	position: absolute;
	bottom: 0px;
	left: 0%;
	background: rgba(0,0,0,0.2);
	z-index: 9999;
}
.shi1{
	position: absolute;
	bottom: 5px;
	left: 0%;
}
.shi2{
	position: absolute;
	bottom: 90px;
	left: 25%;
}
.shi3{
	position: absolute;
	bottom: 64px;
	left: 50%;
}
.shi4{
	position: absolute;
	bottom: 2px;
	right: 10%;
}
.shi5{
	width: 100%;
	height: 160px;
	position: absolute;
	bottom: 0px;
	right: 0%;
	z-index: 999;
}
.shi6{
	position: absolute;
	bottom: 100px;
	left: 120px;
	z-index: 998;
}
.shi7{
	position: absolute;
	top: 100px;
	left: 350px;
	z-index: 0;
}
.jiantou{
	position: absolute;
	bottom: 80px;
	left: 50%;
	margin-left: -15px;
	animation:jiantou 2s ease infinite 0s alternate;
	z-index: 99999999;
}
@keyframes jiantou{
	from{
		transform: translateY(0px);
		opacity: 0;
	}
	to{
		transform: translateY(30px);
		opacity: 0.5;
	}
}
.tounao{
	position: absolute;
	right: 0;
	top: 50px;
	z-index: 10;
	transform: translate(30px);
	transition: all 1s;
	opacity: 0;
}

.lingxian{
	position: absolute;
	left: 100px;
	top: 100px;
	transform: translate(-80px);
	transition: all 1s;
	opacity: 0;
}

#active .tounao{
	opacity: 1;
	transform: translate(-10px);
}
#active .lingxian{
	transform: translate(-10px);
	opacity: 1;
	animation:lef 2s ease infinite 2s;
}
@keyframes lef{
	0%{
		transform: rotateY(0deg);
	}
	40%{
		transform: rotateY(0deg);
	}
	100%{
		transform: rotateY(360deg);
	}
}
.zi2{
	position: absolute;
	top: 120px;
	left: 200px;
	color: #FFF;
	font-size: 12px;
	transform: translate(-30px);
	transition: all 1s;
	opacity: 0;
	font-size: 35px;
}
.zi21{
	width: 310px;
	height: 100px;
	font-size: 20px;
	position: absolute;
	top: 200px;
	left: 200px;
	color: #FFF;
	transform: translate(-30px);
	transition: all 1s;
	color: #FFF;
	opacity: 0;
}
#active .zi2{
	transform: translateX(-10px);
	opacity: 1;
}
#active .zi21{
	transform: translateX(-10px);
	opacity: 1;
}