@charset "utf-8";
/* CSS Document */
#fp-nav ul li a span,#fp-nav ul li a.active span{
	-webkit-animation:se 1s ease 0s infinite alternate;
	-moz-animation:se 1s linear 0s infinite alternate;
	-ms-animation:se 1s linear 0s infinite alternate;
	-o-animation:se 1s linear 0s infinite alternate;
	animation:se 1s linear 0s infinite alternate;
}
.xia{
	-webkit-animation:fu 1s ease 0s infinite alternate;
	-moz-animation:fu 1s linear 0s infinite alternate;
	-ms-animation:fu 1s linear 0s infinite alternate;
	-o-animation:fu 1s linear 0s infinite alternate;
	animation:fu 1s linear 0s infinite alternate;
}
.page1-bgl {
	-webkit-animation:pagein 3s linear 0s infinite;
	-moz-animation:pagein 3s linear 0s infinite;
	-ms-animation:pagein 3s linear 0s infinite;
	-o-animation:pagein 3s linear 0s infinite;
	animation:pagein 3s linear 0s infinite;
}
.page1-bgr {
	-webkit-animation:pagein 5s linear 0s infinite;
	-moz-animation:pagein 5s linear 0s infinite;
	-ms-animation:pagein 5s linear 0s infinite;
	-o-animation:pagein 5s linear 0s infinite;
	animation:pagein 5s linear 0s infinite;
}
.section2.active .page2-con ul li {
	-webkit-animation:in 0.5s ease 1s forwards;
	-moz-animation:in 0.5s ease 1s forwards;
	-ms-animation:in 0.5s ease 1s forwards;
	-o-animation:in 0.5s ease 1s forwards;
	animation:in 0.5s ease 1s forwards;
}
.section2.active img {
	-webkit-animation:in 0.5s ease 0.5s forwards;
	-moz-animation:in 0.5s ease 0.5s forwards;
	-ms-animation:in 0.5s ease 0.5s forwards;
	-o-animation:in 0.5s ease 0.5s forwards;
	animation:in 0.5s ease 0.5s forwards;
}
.section3.active .page3-con {
	-webkit-animation:topin 1s ease 0.5s forwards;
	-moz-animation:topin 1s ease 0.5s forwards;
	-ms-animation:topin 1s ease 0.5s forwards;
	-o-animation:topin 1s ease 0.5s forwards;
	animation:topin 1s ease 0.5s forwards;
}
.section3.active .page3-con .left {
	-webkit-animation:leftin 1s ease 1s forwards;
	-moz-animation:leftin 1s ease 1s forwards;
	-ms-animation:leftin 1s ease 1s forwards;
	-o-animation:leftin 1s ease 1s forwards;
	animation:leftin 1s ease 1s forwards;
}
.section3.active .page3-con .right {
	-webkit-animation:rightin 1s ease 1s forwards;
	-moz-animation:rightin 1s ease 1s forwards;
	-ms-animation:rightin 1s ease 1s forwards;
	-o-animation:rightin 1s ease 1s forwards;
	animation:rightin 1s ease 1s forwards;
}

.section4.active li:nth-child(1) {
	-webkit-animation:in 0.5s ease 0.5s forwards;
	-moz-animation:in 0.5s ease 0.5s forwards;
	-ms-animation:in 0.5s ease 0.5s forwards;
	-o-animation:in 0.5s ease 0.5s forwards;
	animation:in 0.5s ease 0.5s forwards;
}
.section4.active li:nth-child(2) {
	-webkit-animation:in 0.5s ease 1s forwards;
	-moz-animation:in 0.5s ease 1s forwards;
	-ms-animation:in 0.5s ease 1s forwards;
	-o-animation:in 0.5s ease 1s forwards;
	animation:in 0.5s ease 1s forwards;
}
.section4.active li:nth-child(3) {
	-webkit-animation:in 0.5s ease 1.5s forwards;
	-moz-animation:in 0.5s ease 1.5s forwards;
	-ms-animation:in 0.5s ease 1.5s forwards;
	-o-animation:in 0.5s ease 1.5s forwards;
	animation:in 0.5s ease 1.5s forwards;
}
.section4.active li:nth-child(4) {
	-webkit-animation:in 0.5s ease 2s forwards;
	-moz-animation:in 0.5s ease 2s forwards;
	-ms-animation:in 0.5s ease 2s forwards;
	-o-animation:in 0.5s ease 2s forwards;
	animation:in 0.5s ease 2s forwards;
}
.section4.active li:nth-child(5) {
	-webkit-animation:in 0.5s ease 2.5s forwards;
	-ms-animation:in 0.5s ease 2.5s forwards;
	-moz-animation:in 0.5s ease 2.5s forwards;
	-o-animation:in 0.5s ease 2.5s forwards;
	animation:in 0.5s ease 2.5s forwards;
}

.section6.active ul.big {
	-webkit-animation:in 1s ease 0.5s forwards;
	-moz-animation:in 1s ease 0.5s forwards;
	-ms-animation:in 1s ease 0.5s forwards;
	-o-animation:in 1s ease 0.5s forwards;
	animation:in 1s ease 0.5s forwards;
}
.section7.active .page7-con,.section7.active .chaxun {
	-webkit-animation:in 0.5s ease 0.5s forwards;
	-moz-animation:in 0.5s ease 0.5s forwards;
	-ms-animation:in 0.5s ease 0.5s forwards;
	-o-animation:in 0.5s ease 0.5s forwards;
	animation:in 0.5s ease 0.5s forwards;
}

.section8.active .page8-con {
	-webkit-animation:in 1s ease 0.5s forwards;
	-moz-animation:in 1s ease 0.5s forwards;
	-ms-animation:in 1s ease 0.5s forwards;
	-o-animation:in 1s ease 0.5s forwards;
	animation:in 1s ease 0.5s forwards;
}



@-webkit-keyframes pagein{
	from{
		opacity: 0;
		top: 800px;
		transform:scale(1);
	}
	to{
		opacity: 1;
		top: 0;
		transform:scale(2);
	}
}
@-moz-keyframes pagein{
	from{
		opacity: 0;
		top: 800px;
		transform:scale(1);
	}
	to{
		opacity: 1;
		top: 0;
		transform:scale(2);
	}
}
@-ms-keyframes pagein{
	from{
		opacity: 0;
		top: 800px;
		transform:scale(1);
	}
	to{
		opacity: 1;
		top: 0;
		transform:scale(2);
	}
}
@-o-keyframes pagein{
	from{
		opacity: 0;
		top: 800px;
		transform:scale(1);
	}
	to{
		opacity: 1;
		top: 0;
		transform:scale(2);
	}
}
@-webkit-keyframes in{
	from{
		transform:scale(0);
		opacity: 0;
	}
	to{
		transform:scale(1);
		opacity: 1;
	}
}
@-moz-keyframes in{
	from{
		transform:scale(0);
		opacity: 0;
	}
	to{
		transform:scale(1);
		opacity: 1;
	}
}
@-ms-keyframes in{
	from{
		transform:scale(0);
		opacity: 0;
	}
	to{
		transform:scale(1);
		opacity: 1;
	}
}
@-o-keyframes in{
	from{
		transform:scale(0);
		opacity: 0;
	}
	to{
		transform:scale(1);
		opacity: 1;
	}
}



@-webkit-keyframes topin{
	from{
		margin: -290px auto 0;
		opacity: 0;
	}
	to{
		margin: 2% auto 0;
		opacity: 1;
	}
}@-moz-keyframes topin{
	from{
		margin: -290px auto 0;
		opacity: 0;
	}
	to{
		margin: 2% auto 0;
		opacity: 1;
	}
}@-ms-keyframes topin{
	from{
		margin: -290px auto 0;
		opacity: 0;
	}
	to{
		margin: 2% auto 0;
		opacity: 1;
	}
}@-o-keyframes topin{
	from{
		margin: -290px auto 0;
		opacity: 0;
	}
	to{
		margin: 2% auto 0;
		opacity: 1;
	}
}
@-webkit-keyframes leftin{
	from{
		margin-left: -554px;
		opacity: 0;
	}
	to{
		margin-left: 2%;
		opacity: 1;
	}
}@-moz-keyframes leftin{
	from{
		margin-left: -554px;
		opacity: 0;
	}
	to{
		margin-left: 2%;
		opacity: 1;
	}
}@-ms-keyframes leftin{
	from{
		margin-left: -554px;
		opacity: 0;
	}
	to{
		margin-left: 2%;
		opacity: 1;
	}
}@-o-keyframes leftin{
	from{
		margin-left: -554px;
		opacity: 0;
	}
	to{
		margin-left: 2%;
		opacity: 1;
	}
}
@-webkit-keyframes rightin{
	from{
		margin-right: -554px;
		opacity: 0;
	}
	to{
		margin-right: 0;
		opacity: 1;
	}
}@-moz-keyframes rightin{
	from{
		margin-right: -554px;
		opacity: 0;
	}
	to{
		margin-right: 0;
		opacity: 1;
	}
}@-ms-keyframes rightin{
	from{
		margin-right: -554px;
		opacity: 0;
	}
	to{
		margin-right: 0;
		opacity: 1;
	}
}@-o-keyframes rightin{
	from{
		margin-right: -554px;
		opacity: 0;
	}
	to{
		margin-right: 0;
		opacity: 1;
	}
}
@-webkit-keyframes bottomin{
	from{
		margin-bottom: -554px;
		opacity: 0;
	}
	to{
		margin-bottom: 0;
		opacity: 1;
	}
}@-moz-keyframes bottomin{
	from{
		margin-bottom: -554px;
		opacity: 0;
	}
	to{
		margin-bottom: 0;
		opacity: 1;
	}
}@-ms-keyframes bottomin{
	from{
		margin-bottom: -554px;
		opacity: 0;
	}
	to{
		margin-bottom: 0;
		opacity: 1;
	}
}@-o-keyframes bottomin{
	from{
		margin-bottom: -554px;
		opacity: 0;
	}
	to{
		margin-bottom: 0;
		opacity: 1;
	}
}


@-webkit-keyframes fu{
	from{
		bottom: 50px;
		opacity: 0;
	}
	to{
		bottom: 80px;
		opacity: 1;
	}
}@-moz-keyframes fu{
	from{
		bottom: 50px;
		opacity: 0;
	}
	to{
		bottom: 80px;
		opacity: 1;
	}
}@-ms-keyframes fu{
	from{
		bottom: 50px;
		opacity: 0;
	}
	to{
		bottom: 80px;
		opacity: 1;
	}
}@-o-keyframes fu{
	from{
		bottom: 50px;
		opacity: 0;
	}
	to{
		bottom: 80px;
		opacity: 1;
	}
}
@-webkit-keyframes se{
	from{
		background: #fff;
		opacity: 1;
		border: 2px solid  #1598FA;
	}
	to{
		background: #1598FA;
		opacity: 0.2;
		border: 2px solid  #fff;
	}@-moz-keyframes se{
	from{
		background: #1598FA;
		opacity: 1;
	}
	to{
		background: #fff;
		opacity: 0.2;
	}@-ms-keyframes se{
	from{
		background: #1598FA;
		opacity: 1;
	}
	to{
		background: #fff;
		opacity: 0.2;
	}@-o-keyframes se{
	from{
		background: #1598FA;
		opacity: 1;
	}
	to{
		background: #fff;
		opacity: 0.2;
	}