/* reset v2.0 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

body {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* reset v2.0 */



/*main*/
html {
	height: 100%;
	width: 100%;
}

body {
	position: relative;
	height: 100%;
	width: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	touch-action: none;

	-webkit-touch-callout: none;
	/*系统默认菜单被禁用*/

	-webkit-user-select: none;
	/*webkit浏览器*/

	-khtml-user-select: none;
	/*早起浏览器*/

	-moz-user-select: none;
	/*火狐浏览器*/

	-ms-user-select: none;
	/*IE浏览器*/

	user-select: none;
	/*用户是否能够选中文本*/

}

canvas {
	display: block;
	width: 100%;
}

a:focus,
input:focus,
p:focus,
div:focus {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-user-modify: read-write-plaintext-only;
}


.h5web {
	width: 750px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 11;
	overflow-x: hidden;
}


.pcweb {
	width: 750px
		/* 750/16 */
	;
	height: 1334px
		/* 1334/16 */
	;
	z-index: 11;
	position: absolute;
	left: 50%;
	margin-left: -375px;
	top: 0;
	transform: scale(1);
	transform-origin: top;
	overflow-x: hidden;
}


/*音乐控件*/
#music {
	width: 80px;
	height: 80px;
	position: fixed;
	top: 1%;
	right: 1%;
	z-index: 9999;
}

#control {
	width: 44px;
	height: 44px;
	margin: 18px 18px;
	background: url(../images/music-off.png) no-repeat;
	background-size: 100% 100%;
}

#control-after {
	width: 80px;
	height: 80px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/music-on.gif) no-repeat;
	background-size: 100% 100%;
}

.picZhuan {
	transform-origin: 50% 50%;
	animation: zhuan 4s infinite linear;
	-webkit-animation: zhuan 4s infinite linear;
}

@keyframes zhuan {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes zhuan {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/*音乐控件*/


.loading {
	width: 750px;
	height: 100%;
	position: absolute;
	z-index: 99;
	overflow: hidden;
	top: 0%;
	background: url(../images/lobg.png) no-repeat center center;
	background-size: cover;
}

.loadpro {
	width: 285px;
	height: 17px;
	border: 1px solid#ad8745;
	border-radius: 10px;
	position: absolute;
	left: 50%;
	margin-left: -143px;
	top: 40%;
}

.pro {
	background: #000 repeat-x;
	border-radius: 10px;
	width: 0%;
	height: 17px;
	position: absolute;
	z-index: 10;
}

.loadimg {
	width: 750px;
	height: 100%;
	position: absolute;
	top: 0%;
	z-index: 11;
}

.loadtxt {
	position: absolute;
	font-size: 30px;
	left: 45%;
	top: 42%;
	text-align: center;
	color: #000;
	z-index: 12;
}

.loadtip {
	position: absolute;
	font-size: 30px;
	width: 370px;
	margin-left: -185px;
	left: 50%;
	top: 45%;
	text-align: center;
	color: #000;
	z-index: 12;
}

.fmpage {
	width: 750px;
	height: 100%;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	top: 0%;
	background: url(../images/fmbg.png) no-repeat center center;
	background-size: cover;
	display: none;
}

.fm1 {
	width: 616px;
	height: 388px;
	position: absolute;
	z-index: 30;
	overflow: hidden;
	left: 59px;
	top: 53px;
	background: url(../images/fm1.png) no-repeat center center;
	background-size: cover;
	animation: fadeIn 1s forwards ease-in-out;
}

.fm2 {
	width: 750px;
	height: 672px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	left: 0;
	top: 423px;
	background: url(../images/fm2.png) no-repeat center center;
	background-size: cover;
	animation: zoomIn 1s forwards ease-in-out;
}

.fm3 {
	width: 750px;
	height: 844px;
	position: absolute;
	z-index: 30;
	overflow: hidden;
	left: 0;
	top: 479px;
	background: url(../images/fm3.png) no-repeat center center;
	background-size: cover;
	animation: shakeY 30s infinite linear;
}

.fm4 {
	width: 750px;
	height: 472px;
	position: absolute;
	z-index: 10;
	overflow: hidden;
	left: 0;
	top: 0;
	background: url(../images/fm4.png) no-repeat center center;
	background-size: cover;
	animation: fadeInDown 1s forwards ease-in-out;
}

.fm5 {
	width: 750px;
	height: 520px;
	position: absolute;
	z-index: 10;
	overflow: hidden;
	left: 0;
	bottom: 0;
	background: url(../images/fm5.png) no-repeat center center;
	background-size: cover;
	animation: fadeInUp 1s forwards ease-in-out;
}

.fm6 {
	width: 692px;
	height: 670px;
	position: absolute;
	z-index: 70;
	overflow: hidden;
	left: 25px;
	top: 0;
	background: url(../images/fm6.png) no-repeat center center;
	background-size: cover;
	animation: flash 5s infinite ease-in-out;
}

.fm7 {
	width: 692px;
	height: 548px;
	position: absolute;
	z-index: 70;
	overflow: hidden;
	left: 25px;
	bottom: 0;
	background: url(../images/fm7.png) no-repeat center center;
	background-size: cover;
	animation: flash 7s infinite ease-in-out;
}



.startbtn {
	width: 234px;
	height: 74px;
	position: absolute;
	z-index: 99;
	overflow: hidden;
	left: 50%;
	margin-left: -117px;
	top: 80%;
	background: url(../images/startbtn.png) no-repeat center center;
	animation: pulse 2s infinite ease-in-out;
}


.conpage {
	width: 750px;
	height: 100%;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	top: 0%;
	background: url(../images/lobg.png) no-repeat center center;
	background-size: cover;
	display: none;
}

.con1 {
	width: 750px;
	height: 484px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	bottom: 0%;
	background: url(../images/con1.png) no-repeat center center;
	background-size: cover;
	animation: fadeIn 1s forwards ease-in-out;
}

.con2 {
	width: 750px;
	height: 346px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	top: 0%;
	background: url(../images/con2.png) no-repeat center center;
	background-size: cover;
	animation: fadeInDown 1s forwards ease-in-out;
}

.con3 {
	width: 102px;
	height: 174px;
	position: absolute;
	z-index: 30;
	overflow: hidden;
	top: 890px;
	right: 5px;
	background: url(../images/con3.png) no-repeat center center;
	animation: swing 10s infinite ease-in-out;
}

.p1btn {
	width: 686px;
	height: 170px;
	position: absolute;
	z-index: 50;
	overflow: hidden;
	left: 50%;
	margin-left: -343px;
	top: 222px;
	background: url(../images/p1btn.png) no-repeat center center;
	background-size: cover;
	display: none;
	animation: fadeInRight 1s forwards ease-in-out;
}

.p2btn {
	width: 686px;
	height: 170px;
	position: absolute;
	z-index: 50;
	overflow: hidden;
	left: 50%;
	margin-left: -343px;
	top: 405px;
	background: url(../images/p2btn.png) no-repeat center center;
	background-size: cover;
	display: none;
	animation: fadeInRight 1s forwards ease-in-out;
}

.p3btn {
	width: 686px;
	height: 170px;
	position: absolute;
	z-index: 50;
	overflow: hidden;
	left: 50%;
	margin-left: -343px;
	top: 585px;
	background: url(../images/p3btn.png) no-repeat center center;
	background-size: cover;
	display: none;
	animation: fadeInRight 1s forwards ease-in-out;
}

.p4btn {
	width: 686px;
	height: 170px;
	position: absolute;
	z-index: 50;
	overflow: hidden;
	left: 50%;
	margin-left: -343px;
	top: 761px;
	background: url(../images/p4btn.png) no-repeat center center;
	background-size: cover;
	display: none;
	animation: fadeInRight 1s forwards ease-in-out;
}

.endpage {
	width: 750px;
	height: 100%;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	top: 0%;
	background: url(../images/endbg.png) no-repeat center center;
	background-size: cover;
	display: none;
}

.end1 {
	width: 750px;
	height: 538px;
	position: absolute;
	z-index: 5;
	overflow: hidden;
	bottom: 0%;
	background: url(../images/end1.png) no-repeat center center;
	animation: fadeInUp 1s forwards ease-in-out;
}

.end2 {
	width: 750px;
	height: 306px;
	position: absolute;
	z-index: 5;
	overflow: hidden;
	top: 0%;
	background: url(../images/end2.png) no-repeat center center;
	animation: fadeInDown 1s forwards ease-in-out;
}

.end3 {
	width: 750px;
	height: 774px;
	position: absolute;
	z-index: 10;
	overflow: hidden;
	top: 427px;
	background: url(../images/end3.png) no-repeat center center;
	animation: fadeIn 1s forwards ease-in-out;
}

.end4 {
	width: 46px;
	height: 38px;
	position: absolute;
	z-index: 10;
	overflow: hidden;
	left: 50px;
	top: 404px;
	background: url(../images/end4.png) no-repeat center center;
	animation: swing 10s infinite ease-in-out;
}

.end5 {
	width: 152px;
	height: 198px;
	position: absolute;
	z-index: 10;
	overflow: hidden;
	right: 0;
	top: 375px;
	background: url(../images/end5.png) no-repeat center center;
	animation: fadeInRight 2s forwards ease-in-out;
}

.end6 {
	width: 90px;
	height: 94px;
	position: absolute;
	z-index: 10;
	overflow: hidden;
	right: 40px;
	top: 208px;
	background: url(../images/end6.png) no-repeat center center;
	animation: swing 5s infinite ease-in-out;
}

.replay {
	width: 234px;
	height: 80px;
	position: absolute;
	z-index: 60;
	overflow: hidden;
	left: 98px;
	top: 70%;
	background: url(../images/replay.png) no-repeat center center;
	animation: pulse 2s infinite ease-in-out;
}

.sharebtn {
	width: 234px;
	height: 80px;
	position: absolute;
	z-index: 60;
	overflow: hidden;
	right: 98px;
	top: 70%;
	background: url(../images/sharebtn.png) no-repeat center center;
	animation: pulse 2s infinite ease-in-out;
}

.sharetips {
	width: 750px;
	height: 100%;
	position: absolute;
	z-index: 99;
	overflow: hidden;
	top: 0%;
	background: url(../images/sharetips.png) no-repeat center center;
	background-size: 100% 100%;
	display: none;
}

.page1 {
	width: 750px;
	/* height: 12226px; */
	height: 100%;
	position: absolute;
	z-index: 30;
	overflow: hidden;
	top: 0%;
	display: none;
	overflow-y: scroll;
}

.p1bg {
	width: 750px;
	height: 15550px;
	position: absolute;
	background: url(../images/bg.png) repeat-y center top;
	z-index: 1;
}

.page1title {
	width: 686px;
	height: 160px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	left: 50%;
	margin-left: -343px;
	top: 71px;
	background: url(../images/page1title.png) no-repeat center center;
	animation: fadeInDown 1s forwards ease-in-out;
}

.p1dy {
	width: 680px;
	height: 294px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	left: 50%;
	margin-left: -340px;
	top: 280px;
	background: url(../images/p1dy.png) no-repeat center center;
	animation: fadeInDown 1s forwards ease-in-out;
}

.p1t_1 {
	width: 728px;
	height: 174px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	left: 0%;
	top: 613px;
	background: url(../images/p1t_1.png) no-repeat center center;
	animation: fadeInLeft 1s forwards ease-in-out;
}

.p1_1 {
	width: 728px;
	height: 1174px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	right: 0%;
	top: 834px;
	background: url(../images/p1_1.png) no-repeat center center;
	animation: fadeInRight 1s forwards ease-in-out;
}

.p1_2 {
	width: 728px;
	/*height: 1174px;*/
	height: 1778px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	left: 0%;
	top: 2106px;
	background: url(../images/p1_2.png) no-repeat center center;
	display: none;
}

.p1_3 {
	width: 728px;
	/*height: 734px;*/
	height: 1738px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	right: 0%;
	top: 3982px;
	background: url(../images/p1_3.png) no-repeat center center;
	display: none;
}

.p1_4 {
	width: 728px;
	/*height: 734px;*/
	height: 1780px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	left: 0%;
	top: 5750px;
	background: url(../images/p1_4.png) no-repeat center center;
	display: none;
}

.p1_1_5 {
	width: 728px;
	height: 1174px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	left: 0%;
	top: 7590px;
	background: url(../images/p1_1_5.png) no-repeat center center;
	display: none;
}

.p1t_2 {
	width: 728px;
	height: 174px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	left: 0%;
	top: 8824px;
	background: url(../images/p1t_2.png) no-repeat center center;
	display: none;
}

.p1_5 {
	width: 722px;
	height: 568px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	right: 0%;
	top: 9058px;
	background: url(../images/p1_5.png) no-repeat center center;
	display: none;
}

.p1_6 {
	width: 722px;
	height: 516px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	left: 0%;
	top: 9686px;
	background: url(../images/p1_6.png) no-repeat center center;
	display: none;
}

.p1t_3 {
	width: 728px;
	height: 174px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	left: 0%;
	top: 10262px;
	background: url(../images/p1t_3.png) no-repeat center center;
	display: none;
}

.p1_7 {
	width: 692px;
	height: 762px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	left: 35px;
	top: 10496px;
	background: url(../images/p1_7.png) no-repeat center center;
	display: none;
}

.p1_8 {
	width: 680px;
	height: 1866px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	left: 35px;
	top: 11318px;
	background: url(../images/p1_8.png) no-repeat center center;
	display: none;
}

.p1_9 {
	width: 680px;
	height: 1202px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	left: 35px;
	top: 13244px;
	background: url(../images/p1_9.png) no-repeat center center;
	display: none;
}

.p1_10 {
	width: 698px;
	height: 802px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	left: 18px;
	top: 14505px;
	background: url(../images/p1_10.png) no-repeat center center;
	display: none;
}

.back1 {
	width: 234px;
	height: 80px;
	position: absolute;
	z-index: 50;
	overflow: hidden;
	left: 97px;
	top: 15367px;
	background: url(../images/back.png) no-repeat center center;
	animation: pulse 2s infinite ease-in-out;
}

.toend1 {
	width: 234px;
	height: 80px;
	position: absolute;
	z-index: 50;
	overflow: hidden;
	right: 97px;
	top: 15367px;
	background: url(../images/toend.png) no-repeat center center;
	animation: pulse 2s infinite ease-in-out;
}



.page2 {
	width: 750px;
	height: 100%;
	position: absolute;
	z-index: 30;
	overflow: hidden;
	top: 0%;
	display: none;
	overflow-y: scroll;
}

.p2bg {
	width: 750px;
	height: 5100px;
	position: absolute;
	background: url(../images/bg.png) repeat-y center top;
	z-index: 1;
}

.page2title {
	width: 686px;
	height: 160px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	left: 50%;
	margin-left: -343px;
	top: 71px;
	background: url(../images/page2title.png) no-repeat center center;
	animation: fadeInDown 1s forwards ease-in-out;
}

.p2t_1 {
	width: 728px;
	height: 174px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	left: 0%;
	top: 324px;
	background: url(../images/p2t_1.png) no-repeat center center;
	animation: fadeInLeft 1s forwards ease-in-out;
}

.p2_1 {
	width: 648px;
	height: 858px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	right: 11px;
	top: 445px;
	background: url(../images/p2_1.png) no-repeat center center;
	animation: fadeInRight 1s forwards ease-in-out;
}

.p2_2 {
	width: 628px;
	height: 1118px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	left: 36px;
	top: 1354px;
	background: url(../images/p2_2.png) no-repeat center center;
	display: none;
}

.p2_3 {
	width: 658px;
	height: 1912px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	right: 0px;
	top: 1451px;
	background: url(../images/p2_3.png) no-repeat center center;
	display: none;
}

.p2_4 {
	width: 638px;
	height: 1052px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	left: 100px;
	top: 1300px;
	background: url(../images/p2_4.png) no-repeat center center;
	display: none;
}

.p2t_2 {
	width: 728px;
	height: 174px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	left: 0%;
	top: 2396px;
	background: url(../images/p2t_2.png) no-repeat center center;
	display: none;
}

.p2_5 {
	width: 680px;
	height: 2122px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	left: 35px;
	top: 2622px;
	background: url(../images/p2_5.png) no-repeat center center;
	display: none;
}

.back2 {
	width: 234px;
	height: 80px;
	position: absolute;
	z-index: 50;
	overflow: hidden;
	left: 97px;
	top: 4850px;
	background: url(../images/back.png) no-repeat center center;
	animation: pulse 2s infinite ease-in-out;
}

.toend2 {
	width: 234px;
	height: 80px;
	position: absolute;
	z-index: 50;
	overflow: hidden;
	right: 97px;
	top: 4850px;
	background: url(../images/toend.png) no-repeat center center;
	animation: pulse 2s infinite ease-in-out;
}


.page3 {
	width: 750px;
	/* height: 9003px; */
	height: 100%;
	position: absolute;
	z-index: 30;
	overflow: hidden;
	top: 0%;
	background: url(../images/bg.png) no-repeat center top;
	background-size: 100% 100%;
	display: none;
	overflow-y: scroll;
}


.p3bg {
	width: 750px;
	height: 9910px;
	position: absolute;
	background: url(../images/bg.png) repeat-y center top;
	z-index: 1;
}

.page3title {
	width: 686px;
	height: 160px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	left: 50%;
	margin-left: -343px;
	top: 71px;
	background: url(../images/page3title.png) no-repeat center center;
	animation: fadeInDown 1s forwards ease-in-out;
}

.p3t_1 {
	width: 728px;
	height: 174px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	left: 0%;
	top: 354px;
	background: url(../images/p3t_1.png) no-repeat center center;
	animation: fadeInLeft 1s forwards ease-in-out;
}

.p3_1 {
	width: 716px;
	height: 3521px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	left: 0;
	top: 542px;
	background: url(../images/p3_1.png) no-repeat center center;
	animation: fadeInRight 1s forwards ease-in-out;
}

.p3t_2 {
	width: 728px;
	height: 174px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	left: 11px;
	top: 4122px;
	background: url(../images/p3t_2.png) no-repeat center center;
	display: none;
}

.p3_2 {
	width: 682px;
	height: 2380px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	left: 35px;
	top: 4378px;
	background: url(../images/p3_2.png) no-repeat center center;
	display: none;
}

.p3t_3 {
	width: 728px;
	height: 174px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	left: 11px;
	top: 6611px;
	background: url(../images/p3t_3.png) no-repeat center center;
	display: none;
}

.p3_3 {
	width: 750px;
	height: 2806px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	left: 0;
	top: 6822px;
	background: url(../images/p3_3.png) no-repeat center center;
	display: none;
}


.back3 {
	width: 234px;
	height: 80px;
	position: absolute;
	z-index: 50;
	overflow: hidden;
	left: 97px;
	top: 9724px;
	background: url(../images/back.png) no-repeat center center;
	animation: pulse 2s infinite ease-in-out;
}

.toend3 {
	width: 234px;
	height: 80px;
	position: absolute;
	z-index: 50;
	overflow: hidden;
	right: 97px;
	top: 9724px;
	background: url(../images/toend.png) no-repeat center center;
	animation: pulse 2s infinite ease-in-out;
}


.page4 {
	width: 750px;
	/* height: 10793px; */
	height: 100%;
	position: absolute;
	z-index: 30;
	overflow: hidden;
	top: 0%;
	display: none;
	overflow-y: scroll;
}

.p4bg {
	width: 750px;
	height: 8510px;
	position: absolute;
	background: url(../images/bg.png) repeat-y center top;
	z-index: 1;
}


.page4title {
	width: 686px;
	height: 160px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	left: 50%;
	margin-left: -343px;
	top: 71px;
	background: url(../images/page4title.png) no-repeat center center;
	animation: fadeInDown 1s forwards ease-in-out;
}

.p4t_1 {
	width: 728px;
	height: 174px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	left: 11px;
	top: 354px;
	background: url(../images/p4t_1.png) no-repeat center center;
	animation: fadeInLeft 1s forwards ease-in-out;
}

.p4_1 {
	width: 654px;
	height: 1024px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	left: 36px;
	top: 601px;
	background: url(../images/p4_1.png) no-repeat center center;
	animation: fadeInRight 1s forwards ease-in-out;
}

.p4_2 {
	width: 668px;
	height: 636px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	right: 35px;
	top: 1726px;
	background: url(../images/p4_2.png) no-repeat center center;
	display: none;
}

.p4_3 {
	width: 654px;
	height: 726px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	left: 34px;
	top: 2453px;
	background: url(../images/p4_3.png) no-repeat center center;
	display: none;
}

/* 
.p4t_2 {
	width: 728px;
	height: 174px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	left: 11px;
	top: 3290px;
	background: url(../images/p4t_2.png) no-repeat center center;
	display: none;
} */

/* .p4_4 {
	width: 680px;
	height: 846px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	left: 35px;
	top: 3507px;
	background: url(../images/p4_4.png) no-repeat center center;
	display: none;
} */


.p4t_3 {
	width: 728px;
	height: 174px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	left: 11px;
	top: 3318px;
	background: url(../images/p4t_2.png) no-repeat center center;

}

.p4_5 {
	width: 680px;
	height: 2486px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	left: 35px;
	top: 3549px;
	background: url(../images/p4_5.png) no-repeat center center;

}

.p4t_4 {
	width: 728px;
	height: 174px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	left: 11px;
	top: 6092px;
	background: url(../images/p4t_3.png) no-repeat center center;

}

.p4_6 {
	width: 680px;
	height: 938px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	left: 35px;
	top: 6325px;
	background: url(../images/p4_6.png) no-repeat center center;

}

.p4_7 {
	width: 680px;
	height: 767px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	left: 35px;
	top: 7365px;
	background: url(../images/p4_7.png) no-repeat center center;

}

/*.p4t_5 {
	width: 728px;
	height: 174px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	left: 11px;
	top: 7861px;
	background: url(../images/p4t_5.png) no-repeat center center;

}*/

/*.p4_8 {
	width: 682px;
	height: 1000px;
	position: absolute;
	z-index: 20;
	overflow: hidden;
	left: 0;
	top: 8023px;
	background: url(../images/p4_8.png) no-repeat center center;

}
*/
.back4 {
	width: 234px;
	height: 80px;
	position: absolute;
	z-index: 50;
	overflow: hidden;
	left: 97px;
	top: 8315px;
	background: url(../images/back.png) no-repeat center center;
	animation: pulse 2s infinite ease-in-out;
}

.toend4 {
	width: 234px;
	height: 80px;
	position: absolute;
	z-index: 50;
	overflow: hidden;
	right: 97px;
	top: 8315px;
	background: url(../images/toend.png) no-repeat center center;
	animation: pulse 2s infinite ease-in-out;
}

.fadeInLeft {
	animation: fadeInLeft 1s forwards ease-in-out;
}

.fadeInRight {
	animation: fadeInRight 1s forwards ease-in-out;
}

.fadeInDown {
	animation: fadeInDown 1s forwards ease-in-out;
}

.fadeInUp {
	animation: fadeInUp 1s forwards ease-in-out;
}

.fadeOutRight {
	animation: fadeOutRight 1s forwards ease-in-out;
}

.fadeOutLeft {
	animation: fadeOutLeft 1s forwards ease-in-out;
}

.fadeOutUp {
	animation: fadeOutUp 1s forwards ease-in-out;
}

.fadeOutDown {
	animation: fadeOutDown 1s forwards ease-in-out;
}