﻿@charset "utf-8";
/*去除默认属性*/
body, ul, dl, dd, dt, ol, li, p, h1, h2, h3, h4, h5, h6, textarea, form, select, fieldset, table, td, div, input {
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: none
}
h1, h2, h3, h4, h5, h6 {
	font-size: 12px;
	font-weight: normal
}
body>div {
	margin: 0 auto
}
div {
	text-align: left
}
a img {
	border: 0
}
body {
	color: #333;
	text-align: center;
	font: 12px "微软雅黑";
	background:#2b3236;
}
ul, ol, li {
	list-style-type: none;
	vertical-align: 0
}
a {
	outline-style: none;
	color: #535353;
	text-decoration: none
}
a:hover {
	color: #D40000;
	text-decoration: none
}
.clear {
	height: 0;
	overflow: hidden;
	clear: both
}
/* 效果CSS开始 */
/*#wrap {
	min-height: 100%;
	height: 100%;
	min-width: 594px;
	overflow: hidden;
}*/
#wrap {
	width:594px;
	height:900px;
	position:relative;
	overflow:hidden;
}
#imgs {
	position: relative;
	width: 594px;
	height: 900px;
	margin: 0 auto;
	overflow: hidden;
/*top:50px;*/
	z-index: 1;
	background: url(images/loading.gif) no-repeat center center;
}
#imgs.visible {
	overflow: visible;
}
#imgs div {
	overflow: hidden;
}
#imgs img {
	width: 100%;
	height: 100%;
	display: block;
}
#tssel {
	position: absolute;
	top: 730px;
	left: 50%;
	z-index: 10;
	width: 160px;
	margin-left: -80px;
}
#navs {
	z-index: 10;
	position: absolute;
	left: 50%;
	top: 225px;
	margin-left: 180px;
	width: 4px;
}
#navs a {
	overflow: hidden;
	display: block;
	width: 2px;
	height: 20px;
	border: 1px solid #fff;
	margin: 0 0 4px;
	transition: background 600ms ease;
}
#navs .active {
	background: #fff;
}



.body-bg {
	position:absolute; 
	z-index:1;
}

/****************************第一屏*****************************/
.one .one-1 {
	position:absolute; 
	z-index:2; 
	width:100%; 
	height:100%;
}
.one .one-2 {
	position:absolute; 
	z-index:3; 
	max-width:150px; 
	max-height:120px;
}
.one .one-3 {
	position:absolute; 
	z-index:4; 
	top:8%; 
	left:25%; 
	max-width:305px; 
	max-height:305px;
}
.one .one-4 {
	position:absolute; 
	z-index:5; 
	top:45%; 
	right:30%; 
	max-width:100px; 
	max-height:270px; 
	opacity:0;
}
.one .one-5 {
	position:absolute; 
	z-index:6; 
	top:52%; 
	right:50%; 
	max-width:150px; 
	max-height:80px; 
	opacity:0;
}
.one .one-6 {
	position:absolute; 
	z-index:7; 
	top:65%; 
	right:48%; 
	max-width:70px; 
	max-height:160px; 
	opacity:0;
}
.one .one-7 {
	position:absolute; 
	z-index:8; 
	top:75%; 
	right:25%; 
	max-width:100px; 
	max-height:55px;
	opacity:0;
}
.one .one-8 {
	position:absolute; 
	z-index:9; 
	top:86%; 
	display:block; 
	width:100%; 
	font-size:30px; 
	color:#f2cb63; 
	text-align:center;
}
/****************************第二屏*****************************/
.two .two-1 {
	position:absolute; 
	z-index:99; 
	max-width:414px; 
	max-height:128px; 
	left:15%; 
	top:0;
}
.two .two-2 {
	position:absolute; 
	z-index:1; 
	max-width:414px; 
	max-height:692px; 
	left:15%; 
	top:13%;
}
.two .two-3 {
	position:absolute; 
	z-index:2; 
	max-width:88px; 
	max-height:395px; 
	left:43%; 
	top:28%;
}
.two .two-4 {
	position:absolute; 
	z-index:3; 
	max-width:366px; 
	max-height:366px; 
	left:19.5%; 
	top:1%;
}
.two .two-5 {
	position:absolute; 
	z-index:4; 
	max-width:75px; 
	max-height:66px; 
	left:44%; 
	top:17%;
}
.two .two-6 {
	position:absolute; 
	z-index:5; 
	max-width:33px; 
	max-height:70px; 
	left:47%; 
	top:73%;
}
/****************************第三屏*****************************/
.three .three-1 {
	position:absolute; 
	left:64%; 
	top:10%; 
	z-index:2; 
	max-width:50px; 
	max-height:760px;
}
.three .three-1 p,.three-2 p,.three-3 p {
	font-size:30px; 
	color:#b53f2f;  
	line-height:1;
}
.three .three-2 {
	position:absolute; 
	left:56%; 
	top:10%; 
	z-index:2; 
	max-width:50px; 
	max-height:760px;
}
.three .three-3 {
	position:absolute; 
	left:48%; 
	top:10%; 
	z-index:2; 
	max-width:50px; 
	max-height:760px;
}
.three .three-4 {
	position:absolute; 
	z-index:3; 
	max-width:228px; 
	max-height:438px; 
	left:6%; 
	top:35%;
}
.three .three-5 {
	position:absolute; 
	z-index:2; 
	max-width:130px; 
	max-height:58px; 
	left:2%; 
	top:63%;
}
.three .three-6 {
	position:absolute; 
	z-index:4; 
	max-width:56px; 
	max-height:80px; 
	left:34%; 
	top:68%;
}
.three .three-7 {
	position:absolute; 
	z-index:4; 
	max-width:158px; 
	max-height:370px; 
	right:3%; 
	top:0%;
}
.three .three-8 {
	position:absolute;
	z-index:5;
	max-width:140px;
	max-height:150px;
	left:2%;
	bottom:2%;
}
/****************************第四屏*****************************/
.four .four-1 {
	position:absolute; 
	z-index:1; 
	max-width:335px; 
	max-height:480px; 
	right:0; 
	top:1%;
}
.four .four-2 {
	position:absolute; 
	z-index:2; 
	/*max-width:240px; 
	max-height:548px;*/
	max-width:220px;
	max-height:528px; 
	left:2%; 
	top:21%;
}
.four .four-3 {
	position:absolute; 
	z-index:3; 
	max-width:75px; 
	max-height:150px; 
	left:30%; 
	top:80%;
}
.four .four-4 {
	position:absolute; 
	left:47%; 
	top:55%; 
	z-index:4; 
	max-width:300px; 
	max-height:370px;
}
.four .four-4 span {
	font-size:26px; 
	color:#b53f2f;  
	line-height:1.5;
}
.four .four-5 {
	position:absolute;
	z-index:5;
	max-width:140px;
	max-height:150px;
	left:2%;
	bottom:2%;
}
/****************************第五屏*****************************/
.five .five-1 {
	position:absolute; 
	z-index:1; 
	max-width:520px; 
	max-height:372px; 
	left:6%; 
	top:-10%;
}
.five .five-2 {
	position:absolute; 
	left:12%; 
	top:38%; 
	z-index:4; 
	max-width:480px; 
	max-height:166px;
}
.five .five-2 span {
	font-size:26px; 
	color:#b53f2f;  
	line-height:1.5
}
.five .five-3 {
	position:absolute; 
	z-index:2; 
	max-width:538px; 
	max-height:355px; 
	left:4%; 
	bottom:2%;
}
/****************************固定层*****************************/
.audio_div {
	background:url(../images/kgon.png) no-repeat center bottom;
	background-size:cover;
	position:absolute;
	z-index:999999;
	top:1%;
	right:3%;
	width:40px;
	height:40px;
	-webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    -webkit-animation:play 3s linear infinite;
    -moz-animation:play 3s linear infinite;
    animation:play 3s linear infinite;
}
.arrow {
	position:absolute;
	z-index:999999;
	bottom:3%;
	left:50%;
	margin:0 0 0 -27px;
	width:54px;
	height:38px;
    -webkit-animation:ar 1s linear infinite;
    -moz-animation:ar 1s linear infinite;
    animation:ar 1s linear infinite;
}
.prompt {
	position:absolute;
	top:45%;
	left:50%;
	margin:0 0 0 330px;
	width:280px;
}
.prompt img {
	display:block;
	margin:0 auto;
}




@media (min-width:320px) and (max-width:360px) {
	body {
		overflow: hidden;
		background:none;
	}
	#wrap {
		width:100%;
		height:100%;
		position:relative;
		overflow:hidden;
	}
	#imgs {
		position: relative;
		width: 100%;
		height: 100%;
		margin: 0 auto;
		overflow: hidden;
	/*top:50px;*/
		z-index: 1;
		background: url(images/loading.gif) no-repeat center center;
	}
	#imgs.visible {
		overflow: visible;
	}
	#imgs div {
		overflow: hidden;
	}
	#imgs img {
		width: 100%;
		height: 100%;
		display: block;
	}
	/****************************第一屏*****************************/
	.one .one-2 {
		position:absolute; 
		z-index:3; 
		max-width:110px; 
		max-height:80px;
	}
	.one .one-3 {
		position:absolute; 
		z-index:4; 
		top:7%; 
		left:50%;
		margin:0 0 0 -65px; 
		max-width:130px; 
		max-height:130px;
	}
	.one .one-4 {
		position:absolute; 
		z-index:5; 
		top:33%; 
		left:50%; 
		margin:0 0 0 5px;
		max-width:50px; 
		max-height:180px; 
		opacity:0;
	}
	.one .one-5 {
		position:absolute; 
		z-index:6; 
		top:42%; 
		left:50%; 
		margin:0 0 0 -130px;
		max-width:130px; 
		max-height:70px; 
		opacity:0;
	}
	.one .one-6 {
		position:absolute; 
		z-index:7; 
		top:55%; 
		left:50%; 
		margin:0 0 0 -50px;
		max-width:40px; 
		max-height:110px; 
		opacity:0;
	}
	.one .one-7 {
		position:absolute; 
		z-index:8; 
		top:70%; 
		left:50%; 
		margin:0 0 0 15px;
		max-width:85px; 
		max-height:45px;
		opacity:0;
	}
	.one .one-8 {
		position:absolute; 
		z-index:9; 
		top:83%; 
		display:block; 
		width:100%; 
		font-size:22px; 
		color:#f2cb63; 
		text-align:center;
	}
	/****************************第二屏*****************************/
	.two .two-1 {
		position:absolute; 
		z-index:99; 
		max-width:300px; 
		max-height:80px; 
		margin:0 0 0 -150px;
		left:50%; 
		top:-3%;
	}
	.two .two-2 {
		position:absolute; 
		z-index:1; 
		max-width:300px; 
		max-height:450px; 
		margin:0 0 0 -150px;
		left:50%; 
		top:9%;
	}
	.two .two-3 {
		position:absolute; 
		z-index:2; 
		max-width:50px; 
		max-height:240px; 
		margin:0 0 0 -25px;
		left:50%; 
		top:31%;
	}
	.two .two-4 {
		position:absolute; 
		z-index:3; 
		max-width:200px; 
		max-height:200px; 
		margin:0 0 0 -100px;
		left:50%; 
		top:3%;
	}
	.two .two-5 {
		position:absolute; 
		z-index:4; 
		max-width:35px; 
		max-height:35px;
		margin:0 0 0 -17px; 
		left:50%; 
		top:19%;
	}
	.two .two-6 {
		position:absolute; 
		z-index:5; 
		max-width:15px; 
		max-height:40px; 
		margin:0 0 0 -7.5px;
		left:50%; 
		top:81%;
	}
	/****************************第三屏*****************************/
	.three .three-1 {
		position:absolute; 
		left:50%; 
		top:4%; 
		margin:0 0 0 55px;
		z-index:2; 
		max-width:50px; 
		max-height:760px;
	}
	.three .three-1 p,.three-2 p,.three-3 p {
		font-size:18px; 
		color:#b53f2f;  
		line-height:1;
	}
	.three .three-2 {
		position:absolute; 
		left:50%; 
		top:4%;
		margin:0 0 0 20px; 
		z-index:2; 
		max-width:50px; 
		max-height:760px;
	}
	.three .three-3 {
		position:absolute; 
		left:50%; 
		top:4%; 
		margin:0 0 0 -15px;
		z-index:2; 
		max-width:50px; 
		max-height:760px;
	}
	.three .three-4 {
		position:absolute; 
		z-index:3; 
		max-width:115px; 
		max-height:270px; 
		left:2%; 
		top:20%;
	}
	.three .three-5 {
		position:absolute; 
		z-index:2; 
		max-width:55px; 
		max-height:30px; 
		left:2%; 
		top:53%;
	}
	.three .three-6 {
		position:absolute; 
		z-index:4; 
		max-width:35px; 
		max-height:60px; 
		left:29%; 
		top:56%;
	}
	.three .three-7 {
		position:absolute; 
		z-index:4; 
		max-width:90px; 
		max-height:220px; 
		right:1%; 
		top:0%;
	}
	.three .three-8 {
		position:absolute;
		z-index:5;
		max-width:100px;
		max-height:120px;
		left:2%;
		bottom:2%;
	}
	/****************************第四屏*****************************/
	.four .four-1 {
		position:absolute; 
		z-index:1; 
		max-width:190px; 
		max-height:280px; 
		right:0; 
		top:1%;
	}
	.four .four-2 {
		position:absolute; 
		z-index:2; 
		/*max-width:240px; 
		max-height:548px;*/
		max-width:120px;
		max-height:320px; 
		left:2%; 
		top:9%;
	}
	.four .four-3 {
		position:absolute; 
		z-index:3; 
		max-width:25px; 
		max-height:70px; 
		left:35%; 
		top:80%;
	}
	.four .four-4 {
		position:absolute; 
		left:47%; 
		top:58%; 
		z-index:4; 
		max-width:330px; 
		max-height:370px;
	}
	.four .four-4 span {
		font-size:14px; 
		color:#b53f2f;  
		line-height:1.35;
	}
	.four .four-5 {
		position:absolute;
		z-index:5;
		max-width:100px;
		max-height:120px;
		left:2%;
		bottom:2%;
	}
	/****************************第五屏*****************************/
	.five .five-1 {
		position:absolute; 
		z-index:1; 
		max-width:300px; 
		max-height:220px; 
		margin:0 0 0 -150px;
		left:50%; 
		top:-15%;
	}
	.five .five-2 {
		position:absolute; 
		left:50%; 
		top:32%; 
		z-index:4; 
		margin:0 0 0 -140px;
		max-width:280px; 
		max-height:166px;
	}
	.five .five-2 span {
		font-size:16px; 
		color:#b53f2f;  
		line-height:1.5
	}
	.five .five-3 {
		position:absolute; 
		z-index:2; 
		max-width:310px; 
		max-height:230px; 
		margin:0 0 0 -155px;
		left:50%; 
		bottom:2%;
	}
	/****************************固定层*****************************/
	.audio_div {
		background:url(../images/kgon.png) no-repeat center bottom;
		background-size:cover;
		position:absolute;
		z-index:999999;
		top:1%;
		right:3%;
		width:40px;
		height:40px;
		-webkit-transform:translate3d(0,0,0);
	    -moz-transform:translate3d(0,0,0);
	    transform:translate3d(0,0,0);
	    -webkit-animation:play 3s linear infinite;
	    -moz-animation:play 3s linear infinite;
	    animation:play 3s linear infinite;
	}
	.arrow {
		position:absolute;
		z-index:999999;
		bottom:3%;
		left:50%;
		margin:0 0 0 -27px;
		width:54px;
		height:38px;
	    -webkit-animation:ar 1s linear infinite;
	    -moz-animation:ar 1s linear infinite;
	    animation:ar 1s linear infinite;
	}
	.prompt {
		display:none;
	}
}




@media (min-width:360px) and (max-width:375px) {
	body {
		overflow: hidden;
		background:none;
	}
	#wrap {
		width:100%;
		height:100%;
		position:relative;
		overflow:hidden;
	}
	#imgs {
		position: relative;
		width: 100%;
		height: 100%;
		margin: 0 auto;
		overflow: hidden;
	/*top:50px;*/
		z-index: 1;
		background: url(images/loading.gif) no-repeat center center;
	}
	#imgs.visible {
		overflow: visible;
	}
	#imgs div {
		overflow: hidden;
	}
	#imgs img {
		width: 100%;
		height: 100%;
		display: block;
	}
	/****************************第一屏*****************************/
	.one .one-2 {
		position:absolute; 
		z-index:3; 
		max-width:110px; 
		max-height:80px;
	}
	.one .one-3 {
		position:absolute; 
		z-index:4; 
		top:7%; 
		left:50%;
		margin:0 0 0 -65px; 
		max-width:130px; 
		max-height:130px;
	}
	.one .one-4 {
		position:absolute; 
		z-index:5; 
		top:33%; 
		left:50%; 
		margin:0 0 0 5px;
		max-width:50px; 
		max-height:180px; 
		opacity:0;
	}
	.one .one-5 {
		position:absolute; 
		z-index:6; 
		top:42%; 
		left:50%; 
		margin:0 0 0 -130px;
		max-width:130px; 
		max-height:70px; 
		opacity:0;
	}
	.one .one-6 {
		position:absolute; 
		z-index:7; 
		top:55%; 
		left:50%; 
		margin:0 0 0 -50px;
		max-width:40px; 
		max-height:110px; 
		opacity:0;
	}
	.one .one-7 {
		position:absolute; 
		z-index:8; 
		top:70%; 
		left:50%; 
		margin:0 0 0 15px;
		max-width:85px; 
		max-height:45px;
		opacity:0;
	}
	.one .one-8 {
		position:absolute; 
		z-index:9; 
		top:83%; 
		display:block; 
		width:100%; 
		font-size:22px; 
		color:#f2cb63; 
		text-align:center;
	}
	/****************************第二屏*****************************/
	.two .two-1 {
		position:absolute; 
		z-index:99; 
		max-width:300px; 
		max-height:90px; 
		margin:0 0 0 -150px;
		left:50%; 
		top:-3%;
	}
	.two .two-2 {
		position:absolute; 
		z-index:1; 
		max-width:300px; 
		max-height:490px; 
		margin:0 0 0 -150px;
		left:50%; 
		top:9%;
	}
	.two .two-3 {
		position:absolute; 
		z-index:2; 
		max-width:50px; 
		max-height:240px; 
		margin:0 0 0 -25px;
		left:50%; 
		top:31%;
	}
	.two .two-4 {
		position:absolute; 
		z-index:3; 
		max-width:200px; 
		max-height:200px; 
		margin:0 0 0 -100px;
		left:50%; 
		top:3%;
	}
	.two .two-5 {
		position:absolute; 
		z-index:4; 
		max-width:35px; 
		max-height:40px;
		margin:0 0 0 -17px; 
		left:50%; 
		top:17%;
	}
	.two .two-6 {
		position:absolute; 
		z-index:5; 
		max-width:15px; 
		max-height:40px; 
		margin:0 0 0 -7.5px;
		left:50%; 
		top:78%;
	}
	/****************************第三屏*****************************/
	.three .three-1 {
		position:absolute; 
		left:50%; 
		top:4%; 
		margin:0 0 0 55px;
		z-index:2; 
		max-width:50px; 
		max-height:760px;
	}
	.three .three-1 p,.three-2 p,.three-3 p {
		font-size:24px; 
		color:#b53f2f;  
		line-height:1;
	}
	.three .three-2 {
		position:absolute; 
		left:50%; 
		top:4%;
		margin:0 0 0 20px; 
		z-index:2; 
		max-width:50px; 
		max-height:760px;
	}
	.three .three-3 {
		position:absolute; 
		left:50%; 
		top:4%; 
		margin:0 0 0 -15px;
		z-index:2; 
		max-width:50px; 
		max-height:760px;
	}
	.three .three-4 {
		position:absolute; 
		z-index:3; 
		max-width:140px; 
		max-height:320px; 
		left:2%; 
		top:20%;
	}
	.three .three-5 {
		position:absolute; 
		z-index:2; 
		max-width:70px; 
		max-height:33px; 
		left:2%; 
		top:51%;
	}
	.three .three-6 {
		position:absolute; 
		z-index:4; 
		max-width:35px; 
		max-height:60px; 
		left:31%; 
		top:59%;
	}
	.three .three-7 {
		position:absolute; 
		z-index:4; 
		max-width:105px; 
		max-height:240px; 
		right:1%; 
		top:0%;
	}
	.three .three-8 {
		position:absolute;
		z-index:5;
		max-width:100px;
		max-height:120px;
		left:2%;
		bottom:2%;
	}
	/****************************第四屏*****************************/
	.four .four-1 {
		position:absolute; 
		z-index:1; 
		max-width:210px; 
		max-height:320px; 
		right:0; 
		top:1%;
	}
	.four .four-2 {
		position:absolute; 
		z-index:2; 
		/*max-width:240px; 
		max-height:548px;*/
		max-width:130px;
		max-height:380px; 
		left:2%; 
		top:9%;
	}
	.four .four-3 {
		position:absolute; 
		z-index:3; 
		max-width:25px; 
		max-height:70px; 
		left:35%; 
		top:80%;
	}
	.four .four-4 {
		position:absolute; 
		left:47%; 
		top:58%; 
		z-index:4; 
		max-width:330px; 
		max-height:370px;
	}
	.four .four-4 span {
		font-size:17px; 
		color:#b53f2f;  
		line-height:1.35;
	}
	.four .four-5 {
		position:absolute;
		z-index:5;
		max-width:100px;
		max-height:120px;
		left:2%;
		bottom:2%;
	}
	/****************************第五屏*****************************/
	.five .five-1 {
		position:absolute; 
		z-index:1; 
		max-width:300px; 
		max-height:220px; 
		margin:0 0 0 -150px;
		left:50%; 
		top:-7%;
	}
	.five .five-2 {
		position:absolute; 
		left:50%; 
		top:35%; 
		z-index:4; 
		margin:0 0 0 -160px;
		max-width:320px; 
		max-height:166px;
	}
	.five .five-2 span {
		font-size:18px; 
		color:#b53f2f;  
		line-height:1.5
	}
	.five .five-3 {
		position:absolute; 
		z-index:2; 
		max-width:310px; 
		max-height:230px; 
		margin:0 0 0 -155px;
		left:50%; 
		bottom:2%;
	}
	/****************************固定层*****************************/
	.audio_div {
		background:url(../images/kgon.png) no-repeat center bottom;
		background-size:cover;
		position:absolute;
		z-index:999999;
		top:1%;
		right:3%;
		width:40px;
		height:40px;
		-webkit-transform:translate3d(0,0,0);
	    -moz-transform:translate3d(0,0,0);
	    transform:translate3d(0,0,0);
	    -webkit-animation:play 3s linear infinite;
	    -moz-animation:play 3s linear infinite;
	    animation:play 3s linear infinite;
	}
	.arrow {
		position:absolute;
		z-index:999999;
		bottom:3%;
		left:50%;
		margin:0 0 0 -27px;
		width:54px;
		height:38px;
	    -webkit-animation:ar 1s linear infinite;
	    -moz-animation:ar 1s linear infinite;
	    animation:ar 1s linear infinite;
	}
	.prompt {
		display:none;
	}
}




@media (max-width:414px) and (min-width:375px) {
	body {
		overflow: hidden;
		background:none;
	}
	#wrap {
		width:100%;
		height:100%;
		position:relative;
		overflow:hidden;
	}
	#imgs {
		position: relative;
		width: 100%;
		height: 100%;
		margin: 0 auto;
		overflow: hidden;
	/*top:50px;*/
		z-index: 1;
		background: url(images/loading.gif) no-repeat center center;
	}
	#imgs.visible {
		overflow: visible;
	}
	#imgs div {
		overflow: hidden;
	}
	#imgs img {
		width: 100%;
		height: 100%;
		display: block;
	}
	/****************************第一屏*****************************/
	.one .one-2 {
		position:absolute; 
		z-index:3; 
		max-width:110px; 
		max-height:80px;
	}
	.one .one-3 {
		position:absolute; 
		z-index:4; 
		top:6%; 
		left:50%;
		margin:0 0 0 -90px; 
		max-width:180px; 
		max-height:180px;
	}
	.one .one-4 {
		position:absolute; 
		z-index:5; 
		top:35%; 
		left:50%; 
		margin:0 0 0 5px;
		max-width:60px; 
		max-height:200px; 
		opacity:0;
	}
	.one .one-5 {
		position:absolute; 
		z-index:6; 
		top:42%; 
		left:50%; 
		margin:0 0 0 -130px;
		max-width:130px; 
		max-height:70px; 
		opacity:0;
	}
	.one .one-6 {
		position:absolute; 
		z-index:7; 
		top:55%; 
		left:50%; 
		margin:0 0 0 -50px;
		max-width:50px; 
		max-height:130px; 
		opacity:0;
	}
	.one .one-7 {
		position:absolute; 
		z-index:8; 
		top:70%; 
		left:50%; 
		margin:0 0 0 15px;
		max-width:85px; 
		max-height:45px;
		opacity:0;
	}
	.one .one-8 {
		position:absolute; 
		z-index:9; 
		top:80%; 
		display:block; 
		width:100%; 
		font-size:26px; 
		color:#f2cb63; 
		text-align:center;
	}
	/****************************第二屏*****************************/
	.two .two-1 {
		position:absolute; 
		z-index:99; 
		max-width:360px; 
		max-height:100px; 
		margin:0 0 0 -180px;
		left:50%; 
		top:-2%;
	}
	.two .two-2 {
		position:absolute; 
		z-index:1; 
		max-width:360px; 
		max-height:525px; 
		margin:0 0 0 -180px;
		left:50%; 
		top:9%;
	}
	.two .two-3 {
		position:absolute; 
		z-index:2; 
		max-width:50px; 
		max-height:290px; 
		margin:0 0 0 -25px;
		left:50%; 
		top:30%;
	}
	.two .two-4 {
		position:absolute; 
		z-index:3; 
		max-width:220px; 
		max-height:220px; 
		margin:0 0 0 -110px;
		left:50%; 
		top:5%;
	}
	.two .two-5 {
		position:absolute; 
		z-index:4; 
		max-width:40px; 
		max-height:40px;
		margin:0 0 0 -20px; 
		left:50%; 
		top:20%;
	}
	.two .two-6 {
		position:absolute; 
		z-index:5; 
		max-width:24px; 
		max-height:60px; 
		margin:0 0 0 -12px;
		left:50%; 
		top:79%;
	}
	/****************************第三屏*****************************/
	.three .three-1 {
		position:absolute; 
		left:50%; 
		top:4%; 
		margin:0 0 0 60px;
		z-index:2; 
		max-width:50px; 
		max-height:760px;
	}
	.three .three-1 p,.three-2 p,.three-3 p {
		font-size:24px; 
		color:#b53f2f;  
		line-height:1;
	}
	.three .three-2 {
		position:absolute; 
		left:50%; 
		top:4%;
		margin:0 0 0 25px; 
		z-index:2; 
		max-width:50px; 
		max-height:760px;
	}
	.three .three-3 {
		position:absolute; 
		left:50%; 
		top:4%; 
		margin:0 0 0 -10px;
		z-index:2; 
		max-width:50px; 
		max-height:760px;
	}
	.three .three-4 {
		position:absolute; 
		z-index:3; 
		max-width:160px; 
		max-height:340px; 
		left:2%; 
		top:20%;
	}
	.three .three-5 {
		position:absolute; 
		z-index:2; 
		max-width:75px; 
		max-height:40px; 
		left:2%; 
		top:54%;
	}
	.three .three-6 {
		position:absolute; 
		z-index:4; 
		max-width:35px; 
		max-height:58px; 
		left:33%; 
		top:58%;
	}
	.three .three-7 {
		position:absolute; 
		z-index:4; 
		max-width:110px; 
		max-height:260px; 
		right:1%; 
		top:0%;
	}
	.three .three-8 {
		position:absolute;
		z-index:5;
		max-width:100px;
		max-height:120px;
		left:2%;
		bottom:2%;
	}
	/****************************第四屏*****************************/
	.four .four-1 {
		position:absolute; 
		z-index:1; 
		max-width:200px; 
		max-height:310px; 
		right:0; 
		top:1%;
	}
	.four .four-2 {
		position:absolute; 
		z-index:2; 
		/*max-width:240px; 
		max-height:548px;*/
		max-width:160px;
		max-height:402px; 
		left:2%; 
		top:11%;
	}
	.four .four-3 {
		position:absolute; 
		z-index:3; 
		max-width:40px; 
		max-height:110px; 
		left:30%; 
		top:80%;
	}
	.four .four-4 {
		position:absolute; 
		left:47%; 
		top:55%; 
		z-index:4; 
		max-width:300px; 
		max-height:370px;
	}
	.four .four-4 span {
		font-size:18px; 
		color:#b53f2f;  
		line-height:1.44;
	}
	.four .four-5 {
		position:absolute;
		z-index:5;
		max-width:100px;
		max-height:120px;
		left:2%;
		bottom:2%;
	}
	/****************************第五屏*****************************/
	.five .five-1 {
		position:absolute; 
		z-index:1; 
		max-width:330px; 
		max-height:240px; 
		margin:0 0 0 -165px;
		left:50%; 
		top:-10%;
	}
	.five .five-2 {
		position:absolute; 
		left:50%; 
		top:35%; 
		z-index:4; 
		margin:0 0 0 -170px;
		max-width:360px; 
		max-height:166px;
	}
	.five .five-2 span {
		font-size:20px; 
		color:#b53f2f;  
		line-height:1.5
	}
	.five .five-3 {
		position:absolute; 
		z-index:2; 
		max-width:340px; 
		max-height:250px; 
		margin:0 0 0 -170px;
		left:50%; 
		bottom:2%;
	}
	/****************************固定层*****************************/
	.audio_div {
		background:url(../images/kgon.png) no-repeat center bottom;
		background-size:cover;
		position:absolute;
		z-index:999999;
		top:1%;
		right:3%;
		width:40px;
		height:40px;
		-webkit-transform:translate3d(0,0,0);
	    -moz-transform:translate3d(0,0,0);
	    transform:translate3d(0,0,0);
	    -webkit-animation:play 3s linear infinite;
	    -moz-animation:play 3s linear infinite;
	    animation:play 3s linear infinite;
	}
	.arrow {
		position:absolute;
		z-index:999999;
		bottom:3%;
		left:50%;
		margin:0 0 0 -27px;
		width:54px;
		height:38px;
	    -webkit-animation:ar 1s linear infinite;
	    -moz-animation:ar 1s linear infinite;
	    animation:ar 1s linear infinite;
	}
	.prompt {
		display:none;
	}
}
/* 效果CSS结束 */






@media (min-width:414px) and (max-width:540px) {
	body {
		overflow: hidden;
		background:none;
	}
	#wrap {
		width:100%;
		height:100%;
		position:relative;
		overflow:hidden;
	}
	#imgs {
		position: relative;
		width: 100%;
		height: 100%;
		margin: 0 auto;
		overflow: hidden;
	/*top:50px;*/
		z-index: 1;
		background: url(images/loading.gif) no-repeat center center;
	}
	#imgs.visible {
		overflow: visible;
	}
	#imgs div {
		overflow: hidden;
	}
	#imgs img {
		width: 100%;
		height: 100%;
		display: block;
	}
	/****************************第一屏*****************************/
	.one .one-2 {
		position:absolute; 
		z-index:3; 
		max-width:110px; 
		max-height:80px;
	}
	.one .one-3 {
		position:absolute; 
		z-index:4; 
		top:6%; 
		left:50%;
		margin:0 0 0 -90px; 
		max-width:180px; 
		max-height:180px;
	}
	.one .one-4 {
		position:absolute; 
		z-index:5; 
		top:33%; 
		left:50%; 
		margin:0 0 0 5px;
		max-width:60px; 
		max-height:200px; 
		opacity:0;
	}
	.one .one-5 {
		position:absolute; 
		z-index:6; 
		top:42%; 
		left:50%; 
		margin:0 0 0 -130px;
		max-width:130px; 
		max-height:70px; 
		opacity:0;
	}
	.one .one-6 {
		position:absolute; 
		z-index:7; 
		top:55%; 
		left:50%; 
		margin:0 0 0 -50px;
		max-width:50px; 
		max-height:130px; 
		opacity:0;
	}
	.one .one-7 {
		position:absolute; 
		z-index:8; 
		top:70%; 
		left:50%; 
		margin:0 0 0 15px;
		max-width:85px; 
		max-height:45px;
		opacity:0;
	}
	.one .one-8 {
		position:absolute; 
		z-index:9; 
		top:80%; 
		display:block; 
		width:100%; 
		font-size:26px; 
		color:#f2cb63; 
		text-align:center;
	}
	/****************************第二屏*****************************/
	.two .two-1 {
		position:absolute; 
		z-index:99; 
		max-width:360px; 
		max-height:110px; 
		margin:0 0 0 -180px;
		left:50%; 
		top:-7%;
	}
	.two .two-2 {
		position:absolute; 
		z-index:1; 
		max-width:360px; 
		max-height:600px; 
		margin:0 0 0 -180px;
		left:50%; 
		top:9%;
	}
	.two .two-3 {
		position:absolute; 
		z-index:2; 
		max-width:70px; 
		max-height:330px; 
		margin:0 0 0 -35px;
		left:50%; 
		top:27%;
	}
	.two .two-4 {
		position:absolute; 
		z-index:3; 
		max-width:250px; 
		max-height:250px; 
		margin:0 0 0 -125px;
		left:50%; 
		top:0%;
	}
	.two .two-5 {
		position:absolute; 
		z-index:4; 
		max-width:40px; 
		max-height:40px;
		margin:0 0 0 -20px; 
		left:50%; 
		top:16%;
	}
	.two .two-6 {
		position:absolute; 
		z-index:5; 
		max-width:24px; 
		max-height:60px; 
		margin:0 0 0 -12px;
		left:50%; 
		top:80%;
	}
	/****************************第三屏*****************************/
	.three .three-1 {
		position:absolute; 
		left:50%; 
		top:4%; 
		margin:0 0 0 60px;
		z-index:2; 
		max-width:50px; 
		max-height:760px;
	}
	.three .three-1 p,.three-2 p,.three-3 p {
		font-size:24px; 
		color:#b53f2f;  
		line-height:1;
	}
	.three .three-2 {
		position:absolute; 
		left:50%; 
		top:4%;
		margin:0 0 0 25px; 
		z-index:2; 
		max-width:50px; 
		max-height:760px;
	}
	.three .three-3 {
		position:absolute; 
		left:50%; 
		top:4%; 
		margin:0 0 0 -10px;
		z-index:2; 
		max-width:50px; 
		max-height:760px;
	}
	.three .three-4 {
		position:absolute; 
		z-index:3; 
		max-width:170px; 
		max-height:400px; 
		left:2%; 
		top:20%;
	}
	.three .three-5 {
		position:absolute; 
		z-index:2; 
		max-width:80px; 
		max-height:45px; 
		left:2%; 
		top:53%;
	}
	.three .three-6 {
		position:absolute; 
		z-index:4; 
		max-width:40px; 
		max-height:65px; 
		left:33%; 
		top:62%;
	}
	.three .three-7 {
		position:absolute; 
		z-index:4; 
		max-width:120px; 
		max-height:280px; 
		right:1%; 
		top:0%;
	}
	.three .three-8 {
		position:absolute;
		z-index:5;
		max-width:100px;
		max-height:120px;
		left:2%;
		bottom:2%;
	}
	/****************************第四屏*****************************/
	.four .four-1 {
		position:absolute; 
		z-index:1; 
		max-width:220px; 
		max-height:360px; 
		right:0; 
		top:1%;
	}
	.four .four-2 {
		position:absolute; 
		z-index:2; 
		/*max-width:240px; 
		max-height:548px;*/
		max-width:180px;
		max-height:470px; 
		left:2%; 
		top:11%;
	}
	.four .four-3 {
		position:absolute; 
		z-index:3; 
		max-width:40px; 
		max-height:110px; 
		left:30%; 
		top:80%;
	}
	.four .four-4 {
		position:absolute; 
		left:47%; 
		top:55%; 
		z-index:4; 
		max-width:300px; 
		max-height:370px;
	}
	.four .four-4 span {
		font-size:18px; 
		color:#b53f2f;  
		line-height:1.75;
	}
	.four .four-5 {
		position:absolute;
		z-index:5;
		max-width:100px;
		max-height:120px;
		left:2%;
		bottom:2%;
	}
	/****************************第五屏*****************************/
	.five .five-1 {
		position:absolute; 
		z-index:1; 
		max-width:330px; 
		max-height:240px; 
		margin:0 0 0 -165px;
		left:50%; 
		top:-10%;
	}
	.five .five-2 {
		position:absolute; 
		left:50%; 
		top:35%; 
		z-index:4; 
		margin:0 0 0 -160px;
		max-width:380px; 
		max-height:166px;
	}
	.five .five-2 span {
		font-size:20px; 
		color:#b53f2f;  
		line-height:1.5
	}
	.five .five-3 {
		position:absolute; 
		z-index:2; 
		max-width:340px; 
		max-height:250px; 
		margin:0 0 0 -170px;
		left:50%; 
		bottom:2%;
	}
	/****************************固定层*****************************/
	.audio_div {
		background:url(../images/kgon.png) no-repeat center bottom;
		background-size:cover;
		position:absolute;
		z-index:999999;
		top:1%;
		right:3%;
		width:40px;
		height:40px;
		-webkit-transform:translate3d(0,0,0);
	    -moz-transform:translate3d(0,0,0);
	    transform:translate3d(0,0,0);
	    -webkit-animation:play 3s linear infinite;
	    -moz-animation:play 3s linear infinite;
	    animation:play 3s linear infinite;
	}
	.arrow {
		position:absolute;
		z-index:999999;
		bottom:3%;
		left:50%;
		margin:0 0 0 -27px;
		width:54px;
		height:38px;
	    -webkit-animation:ar 1s linear infinite;
	    -moz-animation:ar 1s linear infinite;
	    animation:ar 1s linear infinite;
	}
	.prompt {
		display:none;
	}
}


