@charset "utf-8";
body{
	font-size=62.5%;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
* {font-family: "微软雅黑", arial;}
/*--section--*/
.section { position: relative; overflow:hidden; clear:both; font-weight:lighter }

/*-- Backgrounds--*/
#section1, #section2, #section3, #section4 ,#section5, #section6, #section7, #section8, #section9, #section10, #section11, #section12 ,#section13,#footer{ background-size:100% 100%; background-position:center center;}

/*--background--*/
#section1 { background-image: url(../images/bg01.jpg); }
#section2 { background-image: url(../images/bg02.jpg); }
#section3 { background-image: url(../images/bg03.jpg); }
#section4 { background-image: url(../images/bg04.jpg); }
#section5 { background-image: url(../images/bg05.jpg); }
#section6 { background-image: url(../images/bg06.jpg); }
#section7 { background-image: url(../images/bg07.jpg); }
#section8 { background-image: url(../images/bg08.jpg); }
#section9 { background-image: url(../images/bg09.jpg); }
#section10 { background-image: url(../images/bg10.jpg); }
#section11 { background-image: url(../images/bg11.jpg); }
#section12 { background-color: #2c5ec8; }
#section13 { background-image: url(../images/bg13.jpg); }

#P1,#P4,#P5,#P6,#P7,#P8,#P9,#P10,#P11,#P12{width:70%;height:auto;overflow:hidden;margin:auto; margin-top:80px;clear:both;}
#P3{
	width:1000px;height:auto;overflow:hidden;margin:auto;clear:both;
}
#P2{
	width:60%;height:auto;overflow:hidden;margin:auto;clear:both;
}
@media (min-width:1440px) {
	#P2,#P4,#P5,#P6,#P7,#P8,#P9,#P10,#P11,#P12{
		max-width:1350px;
	}
}
@media (min-width:1024px) and (max-width:1439px) {
	#P2,#P4,#P5,#P6,#P7,#P8,#P9,#P10,#P11,#P12{
		max-width:1000px;
	}
}

/*--第1屏--*/
#P1-Pic1{width:100%;height:40%;position:absolute;top:50px;left:0;opacity:0;transition:all .5s;}
	.active #P1-Pic1{opacity:1;transition-delay:0s;}
#P1-H1{width:100%;height:2em;position:absolute;top:50%;left:0;text-align:center;color:#fff;font-size:2em;opacity:0;transition:all 1s;transform:scale(0,0)}
.active #P1-H1{opacity:1;transition-delay:.5s;transform:scale(1,1)}
#P1-Text {width:100%;height:auto;position:absolute;bottom:5%;left:0;text-align:center;color:#fff;font-size:1em;line-height:2em;opacity:0;transition:all .8s;z-index:2;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform:rotateY(180deg); }
.active #P1-Text {bottom:16%;opacity:1;transition-delay:.8s; margin-top:150px;-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);-ms-transform:rotateY(0deg);}
#P1 #P1-Pic1 img ,.active #P1 #P1-Pic1 img { position:absolute; left:5%; top:0px; height:90%!important; right:5%; width:90%!important;}
/*	#P1-Text p{
		opacity: 0.6;
	}*/
	.font_12em { font-size: 1.2em; }
	.font_13em { font-size: 1.3em; }
	.font_14em { font-size: 1.4em; }
	.font_15em { font-size: 1.5em; }
	.font_18em { font-size: 1.8em; }


/*--第2屏--*/
/*--4个块--*/
#P2{width:100%;height:auto;margin:auto;clear:both;}
#P2-Pic1 {width: 100%; min-height: 400px; margin: 15% auto auto auto; position: relative; }
	#P2-Pic1 li { width: 18%; height:260px;  text-align:center; transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); z-index: 3; }
		#P2-Pic1-1 { position: absolute; top: 2%; left: -5%; opacity: 0; transition: all 1s; }
		#P2-Pic1-2 { position: absolute; top: 2%; left: -5%; opacity: 0; transition: all 1s; }
		#P2-Pic1-3 { position: absolute; top: 2%; left: 105%; opacity: 0; transition: all 1s; }
		#P2-Pic1-4 { position: absolute; top: 2%; left: 105%; opacity: 0; transition: all 1s; }
		#P2-Pic1 li img { width: 100%; }
	.active #P2-Pic1 li{opacity: 1; transition-delay: 0s; transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); }
		.active #P2-Pic1-1 { left: 2%; }
		.active #P2-Pic1-2 { left: 27%; }
		.active #P2-Pic1-3 { left: 52%; }
		.active #P2-Pic1-4 { left: 77%; }
/*--底部的装饰图片--*/
#P2-Pic2 { width:100%; padding-top: 50px; left:0; height:202px; position:absolute; opacity: 0; transition: all 1s; z-index: 2; text-align:center;}
.active #P2-Pic2 {bottom:0px; *bottom: 2%; opacity: 1; transition-delay: .7s; }

/*--第3屏--*/
#P3-Text {width:960px;min-height:28em;margin:6% auto 0 auto;}
#P3-Text li{width:31.33%;margin:0.25em 0.5em 1.25em 0.5em;text-align:center;line-height:4em;border-top:solid 1px rgba(255,255,255,.2);opacity:0;transform:scale(2,2);-webkit-transform:scale(2,2);-moz-transform:scale(2,2);-o-transform:scale(2,2);-ms-transform:scale(2,2);background:rgba(255,255,255,0.2);-webkit-box-shadow: 0 15px 24px rgba(11,12,12,.2);-moz-box-shadow: 0 15px 24px rgba(11,12,12,.2);box-shadow: 0 15px 24px rgba(11,12,12,.2);color:#fff;font-size:1.2em;float:left;overflow:hidden;}
	#P3-T1{transition:all .2s;}
	#P3-T2{transition:all .2s;}
	#P3-T3{transition:all .2s;}
	#P3-T4{transition:all .2s;}
	#P3-T5{transition:all .2s;}
	#P3-T6{transition:all .2s;}
	#P3-T7{transition:all .2s;}
	#P3-T8{transition:all .2s;}
	#P3-T9{transition:all .2s;}
	#P3-T10{transition:all .2s;width:98%;clear:both;}
	.active #P3-Text li{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);opacity:1;}
	.active #P3-T1{transition-delay:0s;-ms-transition-delay:0s;-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;}
	.active #P3-T2{transition-delay:.1s;-ms-transition-delay:0.1s;-webkit-transition-delay:0.1s;-moz-transition-delay:0.1s;-o-transition-delay:0.1s;}
	.active #P3-T3{transition-delay:.2s;-ms-transition-delay:0.2s;-webkit-transition-delay:0.2s;-moz-transition-delay:0.2s;-o-transition-delay:0.2s;}
	.active #P3-T4{transition-delay:.3s;-ms-transition-delay:0.3s;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;}
	.active #P3-T5{transition-delay:.4s;-ms-transition-delay:0.4s;-webkit-transition-delay:0.4s;-moz-transition-delay:0.4s;-o-transition-delay:0.4s;}
	.active #P3-T6{transition-delay:.5s;-ms-transition-delay:0.5s;-webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;}
	.active #P3-T7{transition-delay:.6s;-ms-transition-delay:0.6s;-webkit-transition-delay:0.6s;-moz-transition-delay:0.6s;-o-transition-delay:0.6s;}
	.active #P3-T8{transition-delay:.7s;-ms-transition-delay:0.7s;-webkit-transition-delay:0.7s;-moz-transition-delay:0.7s;-o-transition-delay:0.7s;}
	.active #P3-T9{transition-delay:.8s;-ms-transition-delay:0.8s;-webkit-transition-delay:0.8s;-moz-transition-delay:0.8s;-o-transition-delay:0.8s;}
	.active #P3-T10{transition-delay:.9s;-ms-transition-delay:0.9s;-webkit-transition-delay:0.9s;-moz-transition-delay:0.9s;-o-transition-delay:0.9s;}
	
/*--第4屏--*/
#P4-Title{width:100%;height:4em;font-size:2.5em;line-height:5em;text-align:left;color:#3a4caa;transform:scale(0,0);opacity:0;transition:all 2s;margin-left: 20%;
	-ms-transform:scale(0,0);
	-webkit-transform:scale(0,0);
	-moz-transform:scale(0,0);
	-o-transform:scale(0,0);
}
.active #P4-Title{opacity:1;transform:scale(1,1);transition-delay:0s;
	-ms-transition-delay:0s;-ms-transform:scale(1,1);
	-webkit-transition-delay:0s;-webkit-transform:scale(1,1);
	-moz-transition-delay:0s;-moz-transform:scale(1,1);
	-o-transition-delay:0s;-o-transform:scale(1,1);
}
#P4-Title img{position:relative;top:12px;margin-right:20px;}
	.active .BigRed{color:#ea1e63;font-size:1.2em;}
#P4-Pic{width:100%;min-height:500px;float:left;/*margin-top:-50px;*/text-align:center;transition:all .7s;
	position: relative;
	opacity:0;transform:translate(-50px,100px);
	-ms-transform:translate(-50px,100px);
	-webkit-transform:translate(-50px,100px);
	-moz-transform:translate(-50px,100px);
	-o-transform:translate(-50px,100px);
}
#P4-Pic .maxBook{width:66%;float: left;}
.active #P4-Pic{transition-delay:.8s;opacity:1;transform:translate(0,0);
	-ms-transition-delay:0.8s;-ms-transform:translate(0,0);
	-webkit-transition-delay:0.8s;-webkit-transform:translate(0,0);
	-moz-transition-delay:0.8s;-moz-transform:translate(0,0);
	-o-transition-delay:0.8s;-o-transform:translate(0,0);
}
#P4-Text{width:33%;min-height:600px;text-align:left;margin-top:30px;transition:all .8s;opacity:0;font-size:1.25em;line-height:2em;color:#4762b9;
	position: absolute;
	left: 63%;
	top: 0;
	transform:translate(50px,0);transform:scale(0,0);
	-ms-transform:translate(50px,0);-ms-transform: scale(0,0);
	-webkit-transform:translate(50px,0);-webkit-transform: scale(0,0);
	-moz-transform:translate(50px,0);-moz-transform: scale(0,0);
	-o-transform:translate(50px,0); -o-transform:scale(0,0);
}
.active #P4-Text{transition-delay:1.1s;opacity:1;transform:translate(0,0) scale(1,1);
	-ms-transform:translate(0,0); -ms-transform:scale(1,1);
	-webkit-transform:translate(0,0); -webkit-transform:scale(1,1);
	-moz-transform:translate(0,0); -moz-transform:scale(1,1);
	-o-transform:translate(0,0); -o-transform:scale(1,1);
}
.active #P4-Text img{position:relative;top:0px;}
#P4-Text .msty_fk_b  a { left:0px; margin-left:40px; }

/*--第5屏--*/
#P5-Title{margin:8% 0 20px 0px;transform:scale(0,0);transition:all 1s;}
.active #P5-Title{transform:scale(1,1);transition-delay:0s;}
#P5-Title img{width:75%;}
#P5-Text{width:30%;float:left;margin-top:20px;margin-left:5%;font-size:1.25em;line-height:2em;color:#fff;transition:all .7s;opacity:0;transform:scale(0.5,0.5);
	-ms-transform:scale(0.5,0.5);
	-webkit-transform:scale(0.5,0.5);
	-moz-transform:scale(0.5,0.5);
	-o-transform:scale(0.5,0.5);
}
.active #P5-Text{transition-delay:.5s;opacity:1;transform:scale(1,1);
	-ms-transition-delay:0.5s;-ms-transform:scale(1,1);
	-webkit-transition-delay:0.5s;-webkit-transform:scale(1,1);
	-moz-transition-delay:0.5s;-moz-transform:scale(1,1);
	-o-transition-delay:0.5s;-o-transform:scale(1,1);
}
#P5-Text img{position:relative;top:5px;}
#P5-Pic{width:65%;float:right;position:relative;margin-top:-40px;opacity:0;transition:all .5s;transform:translateX(100px);transform:scale(0.5,0.5);
	-ms-transform:translateX(100px); -ms-transform:scale(0.5,0.5);
	-webkit-transform:translateX(100px); -webkit-transform:scale(0.5,0.5);
	-moz-transform:translateX(100px); -moz-transform:scale(0.5,0.5);
	-o-transform:translateX(100px); -o-transform:scale(0.5,0.5);
}
.active #P5-Pic{transition-delay:.8s;opacity:1;transform:translateX(0);transform:scale(1,1);
	-ms-transform:translateX(0); -ms-transform:scale(1,1);
	-webkit-transform:translateX(0); -webkit-transform:scale(1,1);
	-moz-transform:translateX(0); -moz-transform:scale(1,1);
	-o-transform:translateX(0); -o-transform:scale(1,1);
}
#P5-Pic img{width:100%;float:right;}
#P5-Text .msty_fk_b  a { left:0px; margin-left:40px; }

/*--第6屏--*/
#P6{min-height:660px;position:relative;top:50%;margin-top:-250px;}
#P6-Text{width:42%;max-width:550px;min-height:395px;margin-top:4em;float:left;color:#fff;text-align:center;line-height:2em;font-size:1em;transition:all 1s;transform:scale(0,0);opacity:0;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform:rotateY(180deg);}
.active #P6-Text{transition-delay:0s;transform:scale(1,1);opacity:1;-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);-ms-transform:rotateY(0deg);}
#P6-Text H1{color:#7effe2;font-size:2.5em;font-weight:lighter;margin:10px 0px 15px 0px;}
#P6-Text p{
	opacity: 0.7;
}
#P6-Pic{width:58%;max-width:800px;float:right;overflow:hidden;transition:all 1s;opacity:0;
	transform-origin: 50% 100% 0px;transform:scale(0.1,0.1);
	-ms-transform:scale(0.1,0.1);-ms-transform-origin:50% 100% 0px;
	-webkit-transform:scale(0.1,0.1);-webkit-transform-origin:50% 100% 0px;
	-moz-transform:scale(0.1,0.1);-moz-transform-origin:50% 100% 0px;
	-o-transform:scale(0.1,0.1);-o-transform-origin:50% 100% 0px;

}
.active #P6-Pic{transition-delay:.5s;opacity:1;transform:scale(1,1);
	-ms-transition-delay:0.5s;-ms-transform:scale(1,1);
	-webkit-transition-delay:0.5s;-webkit-transform:scale(1,1);
	-moz-transition-delay:0.5s;-moz-transform:scale(1,1);
	-o-transition-delay:0.5s;-o-transform:scale(1,1);
}
#P6-HomePage{width:100%;max-width:800px;z-index:2;}
#P6-HomePage img{width:100%;vertical-align:middle;}


/*--第7屏--*/
#P7-Title{ text-align: left;width:15em;height:2em;margin:8% auto 50px 30%;font-size:1.5em;color:#fff;transition:all 1s;transform:scale(0,0);opacity:0;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform:rotateY(180deg);}
.active #P7-Title{transition-delay:0s;transform:scale(1,1);transition-delay:0s;transform:scale(1,1);opacity:1;-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);-ms-transform:rotateY(0deg);}
#P7-Title h1{font-weight:lighter;;width:15em;}
#P7-Text{
	/*width:45%;*/
	height:400px;
	float:right;
	color:#fff;
	line-height:1.8em;
	font-size:1em;
	text-align:left;
	z-index:2;
	position:absolute; 
	left:65%;
	top: 40%;
	transition:all 1s;
	transform:scale(0,0);
	opacity:0;
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
	-o-transform:rotateY(180deg);
	-ms-transform:rotateY(180deg);
}

.active #P7-Text{transition-delay:0s;transform:scale(1,1);transition-delay:0s;transform:scale(1,1);opacity:1;-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);-ms-transform:rotateY(0deg);}

.color_g{color:#1fffc6;}

/*--第8屏--*/
#P8-Title{ text-align: left;width:15em;height:2em;margin:5% auto 50px 66px;font-size:3em;color:#fff;text-indent:-1em;transition:all 1s;transform:scale(0,0);opacity:0;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform:rotateY(180deg);}
.active #P8-Title{transition-delay:0s;transform:scale(1,1);transition-delay:0s;transform:scale(1,1);opacity:1;-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);-ms-transform:rotateY(0deg);}
#P8-Title img{
	/*margin-left: -3%;*/
}
#P8-Pic{width:100%;min-height:500px;float:left;transition:all 1s;transform:scale(0,0);-ms-transform:scale(0,0);-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);position: relative;}
.active #P8-Pic{transition-delay:0.5s;transform:scale(1,1);
	-ms-transition-delay:0.5s;-ms-transform:scale(1,1);
	-webkit-transition-delay:0.5s;-webkit-transform:scale(1,1);
	-moz-transition-delay:0.5s;-moz-transform:scale(1,1);
	-o-transition-delay:0.5s;-o-transform:scale(1,1);
}
#P8-Pic img{width:70%;}
#P8-Text{ font-size:1.2em;line-height:2em;text-align:left;position: absolute;left: 65%; top: 10%;transition:all 1s;
	transform:scale(0,0);transform-origin:100% 0;
	-ms-transform:scale(0,0);-ms-transform-origin:100% 0;
	-webkit-transform:scale(0,0);-webkit-transform-origin:100% 0;
	-moz-transform:scale(0,0);-moz-transform-origin:100% 0;
	-o-transform:scale(0,0);-o-transform-origin:100% 0;
}
#P8-Text p{
	color:#fff;text-shadow: 2px 2px 5px rgba(0,0,0,.2);
}
.active #P8-Text{transition-delay:.7s;transform:scale(1,1);
	-ms-transition-delay:0.7s;-ms-transform:scale(1,1);
	-webkit-transition-delay:0.7s;-webkit-transform:scale(1,1);
	-moz-transition-delay:0.7s;-moz-transform:scale(1,1);
	-o-transition-delay:0.7s;-o-transform:scale(1,1);
}
.color_white{color:#fff;}

/*--第9屏--*/
#P9{padding-top:5%;}
#P9-Left{width:60%;float:left; margin-top:7%; }
	#P9-Title{margin-bottom:20px;transition:all 1s;transform:scale(0,0);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform:rotateY(180deg);}
	.active #P9-Title{transition-delay:0s;transform:scale(1,1);-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);-ms-transform:rotateY(0deg);}
	/*#P9-Title img{width:100%;}*/
	#P9-Text{margin-left:90px;line-height:2em;font-size:1.4em;color:#fff;transition:all 1s;transform:scale(0,0);transform:translateX(200px);opacity:0;text-shadow:1px 1px 3px rgba(0,0,0,0.5);
		-ms-transform:scale(0,0);-ms-transform:translateX(200px);
		-webkit-transform:scale(0,0);-webkit-transform:translateX(200px);
		-moz-transform:scale(0,0);-moz-transform:translateX(200px);
		-o-transform:scale(0,0);-o-transform:translateX(200px);
	}
	.active #P9-Text{transition-delay:.5s;transform:scale(1,1);transform:translateX(0);opacity:1;
		-ms-transition-delay:0.5s;-ms-transform:scale(1,1);
		-webkit-transition-delay:0.5s;-webkit-transform:scale(1,1);
		-moz-transition-delay:0.5s;-moz-transform:scale(1,1);
		-o-transition-delay:0.5s;-o-transform:scale(1,1);
	}
	#P9-Text p img{
		margin-right: 5px;
	}
#P9-Pic{width:40%;float:right;transition:all 1s;transform:scale(0,0);transform:translateX(-200px);opacity:0;
	margin-top: 5%;
	-ms-transform:scale(0,0);-ms-transform:translateX(-200px);
	-webkit-transform:scale(0,0);-webkit-transform:translateX(-200px);
	-moz-transform:scale(0,0);-moz-transform:translateX(-200px);
	-o-transform:scale(0,0);-o-transform:translateX(-200px);
}
.active #P9-Pic{transition-delay:.9s;transform:scale(1,1);transform:translateX(0);opacity:1;
	-ms-transform:scale(1,1);-ms-transform:translateX(0);
	-webkit-transform:scale(1,1);-webkit-transform:translateX(0);
	-moz-transform:scale(1,1);-moz-transform:translateX(0);
	-o-transform:scale(1,1);-o-transform:translateX(0);
}
#P9-Pic img{width:95%;max-width:300px;}
#P9-Text .msty_fk a { left:0px; margin-left:40px; }
/*--第10屏--*/
#P10{margin-top:10%}
#P10-Pic{width:50%;float:left;transition:all 1s;transform:scale(0,0);opacity:0;transform-origin:0 0;
	-ms-transform:scale(0,0);-ms-transform-origin:0 0;
	-webkit-transform:scale(0,0);-webkit-transform-origin:0 0;
	-moz-transform:scale(0,0);-moz-transform-origin:0 0;
	-o-transform:scale(0,0);-o-transform-origin:0 0;
}
.active #P10-Pic{transition-delay:0s;transform:scale(1,1);opacity:1;
	-ms-transform:scale(1,1);
	-webkit-transform:scale(1,1);
	-moz-transform:scale(1,1);
	-o-transform:scale(1,1);
}
#P10-Pic img{width:100%}
#P10-Text{width:50%;float:right;margin-top:30px;color:#fff;font-size:1.2em;line-height:2em; font-weight: lighter; text-align:center;transition:all 1s;transform:scale(0,0);opacity:0;transform-origin:100% 0;
	-ms-transform:scale(0,0);-ms-transform-origin:100% 0;
	-webkit-transform:scale(0,0);-webkit-transform-origin:100% 0;
	-moz-transform:scale(0,0);-moz-transform-origin:100% 0;
	-o-transform:scale(0,0);-o-transform-origin:100% 0;
}
.active #P10-Text{transition-delay:.5s;transform:scale(1,1);opacity:1;
	-ms-transition-delay:0.5s;-ms-transform:scale(1,1);
	-webkit-transition-delay:0.5s;-webkit-transform:scale(1,1);
	-moz-transition-delay:0.5s;-moz-transform:scale(1,1);
	-o-transition-delay:0.5s;-o-transform:scale(1,1);
}
#P10-Text h1{font-weight:lighter;color:#4fe6dd;font-size: 1.5em;}
.P10H1{color:#47feff}

/*--第11屏--*/
#P11{margin-top:8%;}
#P11-Title{text-align:center;transition:all 1s;transform:scale(0,0);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform:rotateY(180deg);}
.active #P11-Title{transition-delay:0s;transform:scale(1,1);-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);-ms-transform:rotateY(0deg);}
#P11-Title img{width:80%;}
#P11-Pic{width:35%;float:left;margin-right:20px;transition:all 1s;transform:scale(0,0);opacity:0;transform-origin:50% 0;
	-ms-transform:scale(0,0);-ms-transform-origin:50% 0;
	-webkit-transform:scale(0,0);-webkit-transform-origin:50% 0;
	-moz-transform:scale(0,0);-moz-transform-origin:50% 0;
	-o-transform:scale(0,0);-o-transform-origin:50% 0;
}
.active #P11-Pic{transition-delay:.5s;transform:scale(1,1);opacity:1;
	-ms-transition-delay:0.5s;-ms-transform:scale(1,1);
	-webkit-transition-delay:0.5s;-webkit-transform:scale(1,1);
	-moz-transition-delay:0.5s;-moz-transform:scale(1,1);
	-o-transition-delay:0.5s;-o-transform:scale(1,1);
}
#P11-Pic img{width:100%;}
#P11-Text{color:#fff;font-size:1.4em;line-height:2em;transition:all 1s;transform:scale(0,0);opacity:0;text-shadow:1px 1px 3px #039;
	-ms-transform:scale(0,0);
	-webkit-transform:scale(0,0);
	-moz-transform:scale(0,0);
	-o-transform:scale(0,0);
}
#P11-Text img{position:relative;top:5px;}
.active #P11-Text{transition-delay:.7s;transform:scale(1,1);opacity:1;
	-ms-transition-delay:0.7s;-ms-transform:scale(1,1);
	-webkit-transition-delay:0.7s;-webkit-transform:scale(1,1);
	-moz-transition-delay:0.7s;-moz-transform:scale(1,1);
	-o-transition-delay:0.7s;-o-transform:scale(1,1);
}

/*--第12屏--*/
#P12-Title{width:100%;margin:-10px 0 0; margin-top:80px; transition:all 1s;opacity:0;}
.active #P12-Title{transition-delay:0s;opacity:1;}
#P12-Text{position:absolute; margin-top:0px;transition:all .8s;opacity:0;}
.active #P12-Text{transition-delay:.5s;opacity:1;}
#P12-Text img{width:100%;}

/*--第13屏--*/
#section13{
	padding-top: 10%;
}
#P13{text-align:center;color:#fff;font-size:1.2em;line-height:2em;transition:all 1s;opacity:0;transform:scale(0,0);transform-origin:50% 0;
	-ms-transform:scale(0,0);-ms-transform-origin:50% 0;
	-webkit-transform:scale(0,0);-webkit-transform-origin:50% 0;
	-moz-transform:scale(0,0);-moz-transform-origin:50% 0;
	-o-transform:scale(0,0);-o-transform-origin:50% 0;
}
.active #P13{transition-delay:.1s;opacity:1;transform:scale(1,1);
	-ms-transition-delay:0.1s;-ms-transform:scale(1,1);
	-webkit-transition-delay:0.1s;-webkit-transform:scale(1,1);
	-moz-transition-delay:0.1s;-moz-transform:scale(1,1);
	-o-transition-delay:0.1s;-o-transform:scale(1,1);
}

/*--Footer--*/
.footer{width:100%;padding-top:200px;background-image:url(../images/bg-footer.jpg);clear:both;text-align:center;}
.footer .linklist{width:850px;margin:50px auto 0 auto;color:#5cc6ff;font-size:1.5em;}
.footer .linklist li{width:24.9%;float:left;background:url(../images/V5.6-footer-line.png) center right no-repeat;}
.footer .linklist li a{color:#5cc6ff;}
#footer{width:100%;padding-top:20%;background-image:url(../images/bg-footer.jpg);clear:both;text-align:center;}
#footer .linklist{width:850px;margin:50px auto 0 auto;color:#5cc6ff;font-size:1.5em;}
#footer .linklist li{width:24.9%;float:left;background:url(../images/V5.6-footer-line.png) center right no-repeat;}
#footer .linklist li a{color:#5cc6ff;}
/*--返回顶部--*/
#BackToTop{width:100px;height:95px;position:fixed;right:10px;bottom:70px;z-index:9;cursor:pointer;display:none;}

/*--箭头--*/
#ArrowDown{width:50px;height:50px;background:url(../images/V5.6-Arrow.png) 0 0 no-repeat;position:fixed;bottom:10px;left:50%;z-index:9;cursor:pointer;margin-left:-25px;}
#ArrowDown:hover{background-position:0 -50px;}

/* 公共样式*/
.magin_t_30{
	margin-top: 30px;
}
.sm_circle{
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: rgba(255,255,255,.7);
	margin: 10px;
}

/*index_one_btn*/
.index_btn{ width:272px; height:58px; margin:0 auto; background:url(../images/tub.png) no-repeat; display:block; border:none; cursor:pointer;}
.index_btn:hover{ background:url(../images/tub1.png) no-repeat;}
/*马上体验*/
/*index 第一屏 button*/
.msty_fk{ width:210px; height:40px; cursor:pointer; text-align:center; line-height:40px; font-size:16px;  margin:20px auto 0; z-index:100;}
.msty_fk a{ 
	width:200px;
	height:40px;
	border:2px solid #FFF;
	border-radius:5px;
	color:#FFF;
	transition: all 0.225s ease-in-out; 
	text-align: center;  
	position: absolute;  
	left: 50%;  
	margin-left: -100px; 
	z-index: 1000; }
.msty_fk a:hover{ 
	color: #0555d0; 
	background-color: #fff; 
	text-decoration:none;
}
.msty_fk_1{ width:210px; height:40px; cursor:pointer; text-align:center; line-height:40px; font-size:16px;  margin:20px auto 0; z-index:100;}
.msty_fk_1 a{ 
	width:200px;
	height:40px;
	border:2px solid #FFF;
	border-radius:5px;
	color:#FFF;
	transition: all 0.225s ease-in-out; 
	text-align: center;  
	position: absolute;  
	left: 50%;  
	margin-left: -100px; 
	z-index: 1000; }
.msty_fk_1 a:hover{ 
	color: #0555d0; 
	background-color: #fff; 
	text-decoration:none;
}
/*index 第二屏 button*/
.msty_fk_2{ width:210px; height:40px; cursor:pointer; text-align:center; line-height:40px; font-size:16px;  margin:-130px auto 0; z-index:100;}
.msty_fk_2 a{ 
	width:200px;
	height:40px;
	border:2px solid #FFF;
	border-radius:5px;
	color:#FFF;
	transition: all 0.225s ease-in-out; 
	text-align: center;  
	position: absolute;  
	left: 50%;  
	margin-left: -100px; 
	z-index: 1000; }
.msty_fk_2 a:hover{ 
	color: #0555d0; 
	background-color: #fff; 
	text-decoration:none;
}
/*index 第七屏 button*/
.msty_fk_7{ width:210px; height:40px; cursor:pointer; text-align:center; line-height:40px; font-size:16px;  margin:24px auto 0; z-index:100;}
.msty_fk_7 a{ 
	width:200px;
	height:40px;
	border:2px solid #FFF;
	border-radius:5px;
	color:#FFF;
	transition: all 0.225s ease-in-out; 
	text-align: center;  
	position: absolute;  
	left: 50%;  
	margin-left: -100px; 
	z-index: 1000; }
.msty_fk_7 a:hover{ 
	color: #0555d0; 
	background-color: #fff; 
	text-decoration:none;
}
/*index 第11屏 button*/
.msty_fk_11{ width:210px; height:40px; cursor:pointer; text-align:center; line-height:40px; font-size:16px;  margin:20px auto 0; z-index:100;}
.msty_fk_11 a{ 
	width:200px;
	height:40px;
	border:2px solid #FFF;
	border-radius:5px;
	color:#FFF;
	transition: all 0.225s ease-in-out; 
	text-align: center;  
	position: absolute;  
	left: 70%;  
	margin-left: -300px; 
	z-index: 1000; }
.msty_fk_11 a:hover{ 
	color: #0555d0; 
	background-color: #fff; 
	text-decoration:none;
}
/*index 第13屏 button*/
.msty_fk_13{ width:210px; height:40px; cursor:pointer; text-align:center; line-height:40px; font-size:16px;  margin:180px auto 0; z-index:100;}
.msty_fk_13 a{ 
	width:200px;
	height:40px;
	border:2px solid #FFF;
	border-radius:5px;
	color:#FFF;
	transition: all 0.225s ease-in-out; 
	text-align: center;  
	position: absolute;  
	left: 50%;  
	margin-left: -100px; 
	z-index: 1000; }
.msty_fk_13 a:hover{ 
	color: #0555d0; 
	background-color: #fff; 
	text-decoration:none;
}
.msty_fk_b{ width:210px; height:40px; cursor:pointer; text-align:center; line-height:40px; font-size:16px;  margin:20px auto 0; z-index:100;}
.msty_fk_b a{ 
	width:200px;
	height:40px;
	border:2px solid #0555d0;
	border-radius:5px;
	color:#0555d0;
	transition: all 0.225s ease-in-out; 
	text-align: center;  
	position: absolute;  
	left:50%;  
	margin-left: -100px; 
	z-index: 1000;
	}
.msty_fk_b a:hover{ 
	color: #FFF; 
	background-color: #0555d0; 
	text-decoration:none;}