/* 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;
}


.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;
}


/*音乐控件*/
#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 {
	position: absolute;
	top: 0;
	left: 0;
	width: 750px;
	height: 100%;
	overflow: hidden;
	z-index: 10;
	background: url(../images/lobg.gif) no-repeat center top;
	background-size: cover;
}

.loading video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* 📌 自动裁切，填满屏幕 */
	object-position: center;
	/* 居中显示 */
}


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

.pro {
	background: #fff 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: #fff;
	z-index: 12;
}

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


.start {
	position: absolute;
	background: url(../images/start.png) no-repeat center top;
	width: 341px;
	height: 98px;
	left: 50%;
	top: 80%;
	margin-left: -170.5px;
	animation: pulse 2s infinite linear;
	display: none;
	z-index: 99;
}

.tit1 {
	position: absolute;
	background: url(../images/tit1.png) no-repeat center top;
	width: 569px;
	height: 346px;
	left: 50%;
	margin-left: -284.5px;
	top: 3%;
	animation: fadeInDown 2s ease-in-out forwards;
}

.guodu1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 750px;
	height: 100%;
	overflow: hidden;
	z-index: 10;
	display: none;
}

.guodu1 video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* 📌 自动裁切，填满屏幕 */
	object-position: center;
	/* 居中显示 */
}

.tit2 {
	position: absolute;
	background: url(../images/tit1.png) no-repeat center top;
	width: 569px;
	height: 346px;
	left: 50%;
	margin-left: -284.5px;
	top: 3%;
}


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

.main video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* 📌 自动裁切，填满屏幕 */
	object-position: center;
	/* 居中显示 */
}

.mainbg {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;
	left: 0;
	top: 0;
	z-index: 10;
	display: none;
}

.daoyu {
	position: absolute;
	background: url(../images/daoyu.png) no-repeat center top;
	width: 635px;
	height: 1040px;
	left: 50%;
	margin-left: -317.5px;
	top: 5%;
	z-index: 80;
	animation: bounceInDown 1s ease-in-out forwards;
	display: none;
}

.page1 {
	position: absolute;
	background: url(../images/p1.png) no-repeat center top;
	width: 750px;
	height: 2924px;
	left: 0;
	top: 0;
	overflow-y: scroll;
	z-index: 50;
	display: none;
}

.page2 {
	position: absolute;
	background: url(../images/p2.png) no-repeat center top;
	width: 750px;
	height: 2926px;
	left: 0;
	top: 0;
	overflow-y: scroll;
	z-index: 50;
	display: none;
}

.page3 {
	position: absolute;
	background: url(../images/p3.png) no-repeat center top;
	width: 750px;
	height: 2164px;
	left: 0;
	top: 0;
	overflow-y: scroll;
	z-index: 50;
	display: none;
}

.page4 {
	position: absolute;
	background: url(../images/p4.png) no-repeat center top;
	width: 750px;
	height: 2164px;
	left: 0;
	top: 0;
	overflow-y: scroll;
	z-index: 50;
	display: none;
}

.page5 {
	position: absolute;
	background: url(../images/p5.png) no-repeat center top;
	width: 750px;
	height: 3054px;
	left: 0;
	top: 0;
	overflow-y: scroll;
	z-index: 50;
	display: none;
}

.page6 {
	position: absolute;
	background: url(../images/p6.png) no-repeat center top;
	width: 750px;
	height: 2575px;
	left: 0;
	top: 0;
	overflow-y: scroll;
	z-index: 50;
	display: none;
}

.page7 {
	position: absolute;
	background: url(../images/p7.png) no-repeat center top;
	width: 750px;
	height: 3124px;
	left: 0;
	top: 0;
	overflow-y: scroll;
	z-index: 50;
	display: none;
}

.page8 {
	position: absolute;
	background: url(../images/p8.png) no-repeat center top;
	width: 750px;
	height: 2388px;
	left: 0;
	top: 0;
	overflow-y: scroll;
	z-index: 50;
	display: none;
}

.page9 {
	position: absolute;
	background: url(../images/p9.png) no-repeat center top;
	width: 750px;
	height: 2926px;
	left: 0;
	top: 0;
	overflow-y: scroll;
	z-index: 50;
	display: none;
}

.back {
	position: absolute;
	background: url(../images/back.png) no-repeat center top;
	width: 195px;
	height: 62px;
	left: 50px;
	bottom: 100px;
	z-index: 99;
	animation: pulse 2s infinite linear;
}

.prev {
	position: absolute;
	background: url(../images/prev.png) no-repeat center top;
	width: 195px;
	height: 62px;
	left: 50%;
	margin-left: -97.5px;
	bottom: 100px;
	z-index: 99;
	animation: pulse 2s infinite linear;
}


.next {
	position: absolute;
	background: url(../images/next.png) no-repeat center top;
	width: 195px;
	height: 62px;
	right: 50px;
	bottom: 100px;
	z-index: 99;
	animation: pulse 2s infinite linear;
}

.replay {
	position: absolute;
	background: url(../images/replay.png) no-repeat center top;
	width: 195px;
	height: 62px;
	left: 50%;
	margin-left: -97.5px;
	bottom: 100px;
	z-index: 99;
	animation: pulse 2s infinite linear;
}

.sharebtn {
	position: absolute;
	background: url(../images/sharebtn.png) no-repeat center top;
	width: 195px;
	height: 62px;
	right: 50px;
	bottom: 100px;
	z-index: 99;
	animation: pulse 2s infinite linear;
}

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

.tit3 {
	position: absolute;
	width: 750px;
	height: 250px;
	overflow: hidden;
	z-index: 20;
	left: 0;
	top: 5%;
}

.swiper {
	position: absolute;
	width: 750px;
	height: 100%;
	top: 20%;
	z-index: 90;
	display: none;
}

.swiper2 {
	position: absolute;
	width: 750px;
	height: 100%;
	top: 20%;
	z-index: 90;
	display: none;
}


.swtit1 {
	position: absolute;
	background: url(../images/swtit1.png) no-repeat center top;
	width: 682px;
	height: 245px;
	left: 50%;
	margin-left: -341px;
	top: -200px;
	z-index: 20;
}

.swtit2 {
	position: absolute;
	background: url(../images/swtit2.png) no-repeat center top;
	width: 682px;
	height: 245px;
	left: 50%;
	margin-left: -341px;
	top: -200px;
	z-index: 20;
}

.swtit3 {
	position: absolute;
	background: url(../images/swtit3.png) no-repeat center top;
	width: 682px;
	height: 245px;
	left: 50%;
	margin-left: -341px;
	top: -200px;
	z-index: 20;
}

.swtit4 {
	position: absolute;
	background: url(../images/swtit4.png) no-repeat center top;
	width: 682px;
	height: 245px;
	left: 50%;
	margin-left: -341px;
	top: -200px;
	z-index: 20;
}


.swtit5 {
	position: absolute;
	background: url(../images/swtit5.png) no-repeat center top;
	width: 682px;
	height: 245px;
	left: 50%;
	margin-left: -341px;
	top: -200px;
	z-index: 20;
}


.swtit6 {
	position: absolute;
	background: url(../images/swtit6.png) no-repeat center top;
	width: 647px;
	height: 241px;
	left: 50%;
	margin-left: -323.5px;
	top: -200px;
	z-index: 20;
}

.swtit7 {
	position: absolute;
	background: url(../images/swtit7.png) no-repeat center top;
	width: 647px;
	height: 241px;
	left: 50%;
	margin-left: -323.5px;
	top: -200px;
	z-index: 20;
}


.swtit8 {
	position: absolute;
	background: url(../images/swtit8.png) no-repeat center top;
	width: 647px;
	height: 241px;
	left: 50%;
	margin-left: -323.5px;
	top: -200px;
	z-index: 20;
}

.swtit9 {
	position: absolute;
	background: url(../images/swtit9.png) no-repeat center top;
	width: 647px;
	height: 241px;
	left: 50%;
	margin-left: -323.5px;
	top: -200px;
	z-index: 20;
}




.sw1 {
	position: absolute;
	width: 750px;
	height: 750px;
	background: url('../images/sw1_0.png') no-repeat center center;
	animation: playSw1 2s infinite linear;
	z-index: 90;
}

@keyframes playSw1 {
	0% {
		background: url('../images/sw1_0.png') no-repeat center center;
	}

	3.45% {
		background: url('../images/sw1_1.png') no-repeat center center;
	}

	6.90% {
		background: url('../images/sw1_2.png') no-repeat center center;
	}

	10.34% {
		background: url('../images/sw1_3.png') no-repeat center center;
	}

	13.79% {
		background: url('../images/sw1_4.png') no-repeat center center;
	}

	17.24% {
		background: url('../images/sw1_5.png') no-repeat center center;
	}

	20.68% {
		background: url('../images/sw1_6.png') no-repeat center center;
	}

	24.13% {
		background: url('../images/sw1_7.png') no-repeat center center;
	}

	27.58% {
		background: url('../images/sw1_8.png') no-repeat center center;
	}

	31.03% {
		background: url('../images/sw1_9.png') no-repeat center center;
	}

	34.48% {
		background: url('../images/sw1_10.png') no-repeat center center;
	}

	37.93% {
		background: url('../images/sw1_11.png') no-repeat center center;
	}

	41.37% {
		background: url('../images/sw1_12.png') no-repeat center center;
	}

	44.82% {
		background: url('../images/sw1_13.png') no-repeat center center;
	}

	48.27% {
		background: url('../images/sw1_14.png') no-repeat center center;
	}

	51.72% {
		background: url('../images/sw1_15.png') no-repeat center center;
	}

	55.17% {
		background: url('../images/sw1_16.png') no-repeat center center;
	}

	58.62% {
		background: url('../images/sw1_17.png') no-repeat center center;
	}

	62.06% {
		background: url('../images/sw1_18.png') no-repeat center center;
	}

	65.51% {
		background: url('../images/sw1_19.png') no-repeat center center;
	}

	68.96% {
		background: url('../images/sw1_20.png') no-repeat center center;
	}

	72.41% {
		background: url('../images/sw1_21.png') no-repeat center center;
	}

	75.86% {
		background: url('../images/sw1_22.png') no-repeat center center;
	}

	79.31% {
		background: url('../images/sw1_23.png') no-repeat center center;
	}

	82.75% {
		background: url('../images/sw1_24.png') no-repeat center center;
	}

	86.20% {
		background: url('../images/sw1_25.png') no-repeat center center;
	}

	89.65% {
		background: url('../images/sw1_26.png') no-repeat center center;
	}

	93.10% {
		background: url('../images/sw1_27.png') no-repeat center center;
	}

	96.55% {
		background: url('../images/sw1_28.png') no-repeat center center;
	}

	100% {
		background: url('../images/sw1_29.png') no-repeat center center;
	}
}

.sw2 {
	position: absolute;
	width: 750px;
	height: 750px;
	background: url('../images/sw2_0.png') no-repeat center center;
	animation: playSw2 2s infinite linear;
	z-index: 90;
}

@keyframes playSw2 {
	0% {
		background: url('../images/sw2_0.png') no-repeat center center;
	}

	3.45% {
		background: url('../images/sw2_1.png') no-repeat center center;
	}

	6.90% {
		background: url('../images/sw2_2.png') no-repeat center center;
	}

	10.34% {
		background: url('../images/sw2_3.png') no-repeat center center;
	}

	13.79% {
		background: url('../images/sw2_4.png') no-repeat center center;
	}

	17.24% {
		background: url('../images/sw2_5.png') no-repeat center center;
	}

	20.68% {
		background: url('../images/sw2_6.png') no-repeat center center;
	}

	24.13% {
		background: url('../images/sw2_7.png') no-repeat center center;
	}

	27.58% {
		background: url('../images/sw2_8.png') no-repeat center center;
	}

	31.03% {
		background: url('../images/sw2_9.png') no-repeat center center;
	}

	34.48% {
		background: url('../images/sw2_10.png') no-repeat center center;
	}

	37.93% {
		background: url('../images/sw2_11.png') no-repeat center center;
	}

	41.37% {
		background: url('../images/sw2_12.png') no-repeat center center;
	}

	44.82% {
		background: url('../images/sw2_13.png') no-repeat center center;
	}

	48.27% {
		background: url('../images/sw2_14.png') no-repeat center center;
	}

	51.72% {
		background: url('../images/sw2_15.png') no-repeat center center;
	}

	55.17% {
		background: url('../images/sw2_16.png') no-repeat center center;
	}

	58.62% {
		background: url('../images/sw2_17.png') no-repeat center center;
	}

	62.06% {
		background: url('../images/sw2_18.png') no-repeat center center;
	}

	65.51% {
		background: url('../images/sw2_19.png') no-repeat center center;
	}

	68.96% {
		background: url('../images/sw2_20.png') no-repeat center center;
	}

	72.41% {
		background: url('../images/sw2_21.png') no-repeat center center;
	}

	75.86% {
		background: url('../images/sw2_22.png') no-repeat center center;
	}

	79.31% {
		background: url('../images/sw2_23.png') no-repeat center center;
	}

	82.75% {
		background: url('../images/sw2_24.png') no-repeat center center;
	}

	86.20% {
		background: url('../images/sw2_25.png') no-repeat center center;
	}

	89.65% {
		background: url('../images/sw2_26.png') no-repeat center center;
	}

	93.10% {
		background: url('../images/sw2_27.png') no-repeat center center;
	}

	96.55% {
		background: url('../images/sw2_28.png') no-repeat center center;
	}

	100% {
		background: url('../images/sw2_29.png') no-repeat center center;
	}
}


.sw3 {
	position: absolute;
	width: 750px;
	height: 750px;
	background: url('../images/sw3_1.png') no-repeat center center;
	animation: playSw3 2s linear infinite;
	z-index: 90;
}




@keyframes playSw3 {
	0% {
		background: url('../images/sw3_1.png') no-repeat center center;
	}

	3.45% {
		background: url('../images/sw3_2.png') no-repeat center center;
	}

	6.90% {
		background: url('../images/sw3_3.png') no-repeat center center;
	}

	10.34% {
		background: url('../images/sw3_4.png') no-repeat center center;
	}

	13.79% {
		background: url('../images/sw3_5.png') no-repeat center center;
	}

	17.24% {
		background: url('../images/sw3_6.png') no-repeat center center;
	}

	20.68% {
		background: url('../images/sw3_7.png') no-repeat center center;
	}

	24.13% {
		background: url('../images/sw3_8.png') no-repeat center center;
	}

	27.58% {
		background: url('../images/sw3_9.png') no-repeat center center;
	}

	31.03% {
		background: url('../images/sw3_10.png') no-repeat center center;
	}

	34.48% {
		background: url('../images/sw3_11.png') no-repeat center center;
	}

	37.93% {
		background: url('../images/sw3_12.png') no-repeat center center;
	}

	41.37% {
		background: url('../images/sw3_13.png') no-repeat center center;
	}

	44.82% {
		background: url('../images/sw3_14.png') no-repeat center center;
	}

	48.27% {
		background: url('../images/sw3_15.png') no-repeat center center;
	}

	51.72% {
		background: url('../images/sw3_16.png') no-repeat center center;
	}

	55.17% {
		background: url('../images/sw3_17.png') no-repeat center center;
	}

	58.62% {
		background: url('../images/sw3_18.png') no-repeat center center;
	}

	62.06% {
		background: url('../images/sw3_19.png') no-repeat center center;
	}

	65.51% {
		background: url('../images/sw3_20.png') no-repeat center center;
	}

	68.96% {
		background: url('../images/sw3_21.png') no-repeat center center;
	}

	72.41% {
		background: url('../images/sw3_22.png') no-repeat center center;
	}

	75.86% {
		background: url('../images/sw3_23.png') no-repeat center center;
	}

	79.31% {
		background: url('../images/sw3_24.png') no-repeat center center;
	}

	82.75% {
		background: url('../images/sw3_25.png') no-repeat center center;
	}

	86.20% {
		background: url('../images/sw3_26.png') no-repeat center center;
	}

	89.65% {
		background: url('../images/sw3_27.png') no-repeat center center;
	}

	93.10% {
		background: url('../images/sw3_28.png') no-repeat center center;
	}

	96.55% {
		background: url('../images/sw3_29.png') no-repeat center center;
	}

	100% {
		background: url('../images/sw3_0.png') no-repeat center center;
	}
}



.sw4 {
	position: absolute;
	width: 750px;
	height: 750px;
	background: url('../images/sw4_1.png') no-repeat center center;
	animation: playSw4 2s linear infinite;
	z-index: 90;
}



@keyframes playSw4 {
	0% {
		background: url('../images/sw4_1.png') no-repeat center center;
	}

	3.45% {
		background: url('../images/sw4_2.png') no-repeat center center;
	}

	6.90% {
		background: url('../images/sw4_3.png') no-repeat center center;
	}

	10.34% {
		background: url('../images/sw4_4.png') no-repeat center center;
	}

	13.79% {
		background: url('../images/sw4_5.png') no-repeat center center;
	}

	17.24% {
		background: url('../images/sw4_6.png') no-repeat center center;
	}

	20.68% {
		background: url('../images/sw4_7.png') no-repeat center center;
	}

	24.13% {
		background: url('../images/sw4_8.png') no-repeat center center;
	}

	27.58% {
		background: url('../images/sw4_9.png') no-repeat center center;
	}

	31.03% {
		background: url('../images/sw4_10.png') no-repeat center center;
	}

	34.48% {
		background: url('../images/sw4_11.png') no-repeat center center;
	}

	37.93% {
		background: url('../images/sw4_12.png') no-repeat center center;
	}

	41.37% {
		background: url('../images/sw4_13.png') no-repeat center center;
	}

	44.82% {
		background: url('../images/sw4_14.png') no-repeat center center;
	}

	48.27% {
		background: url('../images/sw4_15.png') no-repeat center center;
	}

	51.72% {
		background: url('../images/sw4_16.png') no-repeat center center;
	}

	55.17% {
		background: url('../images/sw4_17.png') no-repeat center center;
	}

	58.62% {
		background: url('../images/sw4_18.png') no-repeat center center;
	}

	62.06% {
		background: url('../images/sw4_19.png') no-repeat center center;
	}

	65.51% {
		background: url('../images/sw4_20.png') no-repeat center center;
	}

	68.96% {
		background: url('../images/sw4_21.png') no-repeat center center;
	}

	72.41% {
		background: url('../images/sw4_22.png') no-repeat center center;
	}

	75.86% {
		background: url('../images/sw4_23.png') no-repeat center center;
	}

	79.31% {
		background: url('../images/sw4_24.png') no-repeat center center;
	}

	82.75% {
		background: url('../images/sw4_25.png') no-repeat center center;
	}

	86.20% {
		background: url('../images/sw4_26.png') no-repeat center center;
	}

	89.65% {
		background: url('../images/sw4_27.png') no-repeat center center;
	}

	93.10% {
		background: url('../images/sw4_28.png') no-repeat center center;
	}

	96.55% {
		background: url('../images/sw4_29.png') no-repeat center center;
	}

	100% {
		background: url('../images/sw4_0.png') no-repeat center center;
	}
}


.sw5 {
	position: absolute;
	width: 750px;
	height: 750px;
	background: url('../images/sw5_1.png') no-repeat center center;
	animation: playSw5 2s linear infinite;
	z-index: 90;
}


@keyframes playSw5 {
	0% {
		background: url('../images/sw5_1.png') no-repeat center center;
	}

	3.45% {
		background: url('../images/sw5_2.png') no-repeat center center;
	}

	6.90% {
		background: url('../images/sw5_3.png') no-repeat center center;
	}

	10.34% {
		background: url('../images/sw5_4.png') no-repeat center center;
	}

	13.79% {
		background: url('../images/sw5_5.png') no-repeat center center;
	}

	17.24% {
		background: url('../images/sw5_6.png') no-repeat center center;
	}

	20.68% {
		background: url('../images/sw5_7.png') no-repeat center center;
	}

	24.13% {
		background: url('../images/sw5_8.png') no-repeat center center;
	}

	27.58% {
		background: url('../images/sw5_9.png') no-repeat center center;
	}

	31.03% {
		background: url('../images/sw5_10.png') no-repeat center center;
	}

	34.48% {
		background: url('../images/sw5_11.png') no-repeat center center;
	}

	37.93% {
		background: url('../images/sw5_12.png') no-repeat center center;
	}

	41.37% {
		background: url('../images/sw5_13.png') no-repeat center center;
	}

	44.82% {
		background: url('../images/sw5_14.png') no-repeat center center;
	}

	48.27% {
		background: url('../images/sw5_15.png') no-repeat center center;
	}

	51.72% {
		background: url('../images/sw5_16.png') no-repeat center center;
	}

	55.17% {
		background: url('../images/sw5_17.png') no-repeat center center;
	}

	58.62% {
		background: url('../images/sw5_18.png') no-repeat center center;
	}

	62.06% {
		background: url('../images/sw5_19.png') no-repeat center center;
	}

	65.51% {
		background: url('../images/sw5_20.png') no-repeat center center;
	}

	68.96% {
		background: url('../images/sw5_21.png') no-repeat center center;
	}

	72.41% {
		background: url('../images/sw5_22.png') no-repeat center center;
	}

	75.86% {
		background: url('../images/sw5_23.png') no-repeat center center;
	}

	79.31% {
		background: url('../images/sw5_24.png') no-repeat center center;
	}

	82.75% {
		background: url('../images/sw5_25.png') no-repeat center center;
	}

	86.20% {
		background: url('../images/sw5_26.png') no-repeat center center;
	}

	89.65% {
		background: url('../images/sw5_27.png') no-repeat center center;
	}

	93.10% {
		background: url('../images/sw5_28.png') no-repeat center center;
	}

	96.55% {
		background: url('../images/sw5_29.png') no-repeat center center;
	}

	100% {
		background: url('../images/sw5_0.png') no-repeat center center;
	}
}



.sw6 {
	position: absolute;
	width: 750px;
	height: 750px;
	background: url('../images/sw6_1.png') no-repeat center center;
	animation: playSw6 2s linear infinite;
	z-index: 90;
}


@keyframes playSw6 {
	0% {
		background: url('../images/sw6_1.png') no-repeat center center;
	}

	3.45% {
		background: url('../images/sw6_2.png') no-repeat center center;
	}

	6.90% {
		background: url('../images/sw6_3.png') no-repeat center center;
	}

	10.34% {
		background: url('../images/sw6_4.png') no-repeat center center;
	}

	13.79% {
		background: url('../images/sw6_5.png') no-repeat center center;
	}

	17.24% {
		background: url('../images/sw6_6.png') no-repeat center center;
	}

	20.68% {
		background: url('../images/sw6_7.png') no-repeat center center;
	}

	24.13% {
		background: url('../images/sw6_8.png') no-repeat center center;
	}

	27.58% {
		background: url('../images/sw6_9.png') no-repeat center center;
	}

	31.03% {
		background: url('../images/sw6_10.png') no-repeat center center;
	}

	34.48% {
		background: url('../images/sw6_11.png') no-repeat center center;
	}

	37.93% {
		background: url('../images/sw6_12.png') no-repeat center center;
	}

	41.37% {
		background: url('../images/sw6_13.png') no-repeat center center;
	}

	44.82% {
		background: url('../images/sw6_14.png') no-repeat center center;
	}

	48.27% {
		background: url('../images/sw6_15.png') no-repeat center center;
	}

	51.72% {
		background: url('../images/sw6_16.png') no-repeat center center;
	}

	55.17% {
		background: url('../images/sw6_17.png') no-repeat center center;
	}

	58.62% {
		background: url('../images/sw6_18.png') no-repeat center center;
	}

	62.06% {
		background: url('../images/sw6_19.png') no-repeat center center;
	}

	65.51% {
		background: url('../images/sw6_20.png') no-repeat center center;
	}

	68.96% {
		background: url('../images/sw6_21.png') no-repeat center center;
	}

	72.41% {
		background: url('../images/sw6_22.png') no-repeat center center;
	}

	75.86% {
		background: url('../images/sw6_23.png') no-repeat center center;
	}

	79.31% {
		background: url('../images/sw6_24.png') no-repeat center center;
	}

	82.75% {
		background: url('../images/sw6_25.png') no-repeat center center;
	}

	86.20% {
		background: url('../images/sw6_26.png') no-repeat center center;
	}

	89.65% {
		background: url('../images/sw6_27.png') no-repeat center center;
	}

	93.10% {
		background: url('../images/sw6_28.png') no-repeat center center;
	}

	96.55% {
		background: url('../images/sw6_29.png') no-repeat center center;
	}

	100% {
		background: url('../images/sw6_0.png') no-repeat center center;
	}
}


.sw7 {
	position: absolute;
	width: 750px;
	height: 750px;
	background: url('../images/sw7_0.png') no-repeat center center;
	animation: playSw7 2.5s steps(1) infinite;
	z-index: 90;
}

@keyframes playSw7 {
	0% {
		background: url('../images/sw7_0.png') no-repeat center center;
	}

	1.69% {
		background: url('../images/sw7_1.png') no-repeat center center;
	}

	3.39% {
		background: url('../images/sw7_2.png') no-repeat center center;
	}

	5.08% {
		background: url('../images/sw7_3.png') no-repeat center center;
	}

	6.78% {
		background: url('../images/sw7_4.png') no-repeat center center;
	}

	8.47% {
		background: url('../images/sw7_5.png') no-repeat center center;
	}

	10.17% {
		background: url('../images/sw7_6.png') no-repeat center center;
	}

	11.86% {
		background: url('../images/sw7_7.png') no-repeat center center;
	}

	13.56% {
		background: url('../images/sw7_8.png') no-repeat center center;
	}

	15.25% {
		background: url('../images/sw7_9.png') no-repeat center center;
	}

	16.95% {
		background: url('../images/sw7_10.png') no-repeat center center;
	}

	18.64% {
		background: url('../images/sw7_11.png') no-repeat center center;
	}

	20.34% {
		background: url('../images/sw7_12.png') no-repeat center center;
	}

	22.03% {
		background: url('../images/sw7_13.png') no-repeat center center;
	}

	23.73% {
		background: url('../images/sw7_14.png') no-repeat center center;
	}

	25.42% {
		background: url('../images/sw7_15.png') no-repeat center center;
	}

	27.12% {
		background: url('../images/sw7_16.png') no-repeat center center;
	}

	28.81% {
		background: url('../images/sw7_17.png') no-repeat center center;
	}

	30.51% {
		background: url('../images/sw7_18.png') no-repeat center center;
	}

	32.20% {
		background: url('../images/sw7_19.png') no-repeat center center;
	}

	33.90% {
		background: url('../images/sw7_20.png') no-repeat center center;
	}

	35.59% {
		background: url('../images/sw7_21.png') no-repeat center center;
	}

	37.29% {
		background: url('../images/sw7_22.png') no-repeat center center;
	}

	38.98% {
		background: url('../images/sw7_23.png') no-repeat center center;
	}

	40.68% {
		background: url('../images/sw7_24.png') no-repeat center center;
	}

	42.37% {
		background: url('../images/sw7_25.png') no-repeat center center;
	}

	44.07% {
		background: url('../images/sw7_26.png') no-repeat center center;
	}

	45.76% {
		background: url('../images/sw7_27.png') no-repeat center center;
	}

	47.46% {
		background: url('../images/sw7_28.png') no-repeat center center;
	}

	49.15% {
		background: url('../images/sw7_29.png') no-repeat center center;
	}

	/* ---- 倒放 ---- */

	50.85% {
		background: url('../images/sw7_28.png') no-repeat center center;
	}

	52.54% {
		background: url('../images/sw7_27.png') no-repeat center center;
	}

	54.24% {
		background: url('../images/sw7_26.png') no-repeat center center;
	}

	55.93% {
		background: url('../images/sw7_25.png') no-repeat center center;
	}

	57.63% {
		background: url('../images/sw7_24.png') no-repeat center center;
	}

	59.32% {
		background: url('../images/sw7_23.png') no-repeat center center;
	}

	61.02% {
		background: url('../images/sw7_22.png') no-repeat center center;
	}

	62.71% {
		background: url('../images/sw7_21.png') no-repeat center center;
	}

	64.41% {
		background: url('../images/sw7_20.png') no-repeat center center;
	}

	66.10% {
		background: url('../images/sw7_19.png') no-repeat center center;
	}

	67.80% {
		background: url('../images/sw7_18.png') no-repeat center center;
	}

	69.49% {
		background: url('../images/sw7_17.png') no-repeat center center;
	}

	71.19% {
		background: url('../images/sw7_16.png') no-repeat center center;
	}

	72.88% {
		background: url('../images/sw7_15.png') no-repeat center center;
	}

	74.58% {
		background: url('../images/sw7_14.png') no-repeat center center;
	}

	76.27% {
		background: url('../images/sw7_13.png') no-repeat center center;
	}

	77.97% {
		background: url('../images/sw7_12.png') no-repeat center center;
	}

	79.66% {
		background: url('../images/sw7_11.png') no-repeat center center;
	}

	81.36% {
		background: url('../images/sw7_10.png') no-repeat center center;
	}

	83.05% {
		background: url('../images/sw7_9.png') no-repeat center center;
	}

	84.75% {
		background: url('../images/sw7_8.png') no-repeat center center;
	}

	86.44% {
		background: url('../images/sw7_7.png') no-repeat center center;
	}

	88.14% {
		background: url('../images/sw7_6.png') no-repeat center center;
	}

	89.83% {
		background: url('../images/sw7_5.png') no-repeat center center;
	}

	91.53% {
		background: url('../images/sw7_4.png') no-repeat center center;
	}

	93.22% {
		background: url('../images/sw7_3.png') no-repeat center center;
	}

	94.92% {
		background: url('../images/sw7_2.png') no-repeat center center;
	}

	96.61% {
		background: url('../images/sw7_1.png') no-repeat center center;
	}

	100% {
		background: url('../images/sw7_0.png') no-repeat center center;
	}
}


.sw8 {
	position: absolute;
	width: 750px;
	height: 750px;
	background: url('../images/sw8_0.png') no-repeat center center;
	animation: playSw8 2s steps(1) infinite alternate;
	/* 正序->倒序循环 */
	z-index: 90;
}

@keyframes playSw8 {
	0% {
		background: url('../images/sw8_0.png') no-repeat center center;
	}

	3.45% {
		background: url('../images/sw8_1.png') no-repeat center center;
	}

	6.90% {
		background: url('../images/sw8_2.png') no-repeat center center;
	}

	10.34% {
		background: url('../images/sw8_3.png') no-repeat center center;
	}

	13.79% {
		background: url('../images/sw8_4.png') no-repeat center center;
	}

	17.24% {
		background: url('../images/sw8_5.png') no-repeat center center;
	}

	20.68% {
		background: url('../images/sw8_6.png') no-repeat center center;
	}

	24.13% {
		background: url('../images/sw8_7.png') no-repeat center center;
	}

	27.58% {
		background: url('../images/sw8_8.png') no-repeat center center;
	}

	31.03% {
		background: url('../images/sw8_9.png') no-repeat center center;
	}

	34.48% {
		background: url('../images/sw8_10.png') no-repeat center center;
	}

	37.93% {
		background: url('../images/sw8_11.png') no-repeat center center;
	}

	41.37% {
		background: url('../images/sw8_12.png') no-repeat center center;
	}

	44.82% {
		background: url('../images/sw8_13.png') no-repeat center center;
	}

	48.27% {
		background: url('../images/sw8_14.png') no-repeat center center;
	}

	51.72% {
		background: url('../images/sw8_15.png') no-repeat center center;
	}

	55.17% {
		background: url('../images/sw8_16.png') no-repeat center center;
	}

	58.62% {
		background: url('../images/sw8_17.png') no-repeat center center;
	}

	62.06% {
		background: url('../images/sw8_18.png') no-repeat center center;
	}

	65.51% {
		background: url('../images/sw8_19.png') no-repeat center center;
	}

	68.96% {
		background: url('../images/sw8_20.png') no-repeat center center;
	}

	72.41% {
		background: url('../images/sw8_21.png') no-repeat center center;
	}

	75.86% {
		background: url('../images/sw8_22.png') no-repeat center center;
	}

	79.31% {
		background: url('../images/sw8_23.png') no-repeat center center;
	}

	82.75% {
		background: url('../images/sw8_24.png') no-repeat center center;
	}

	86.20% {
		background: url('../images/sw8_25.png') no-repeat center center;
	}

	89.65% {
		background: url('../images/sw8_26.png') no-repeat center center;
	}

	93.10% {
		background: url('../images/sw8_27.png') no-repeat center center;
	}

	96.55% {
		background: url('../images/sw8_28.png') no-repeat center center;
	}

	100% {
		background: url('../images/sw8_29.png') no-repeat center center;
	}
}



.sw9 {
	position: absolute;
	width: 750px;
	height: 750px;
	background: url('../images/sw9_1.png') no-repeat center center;
	animation: playSw9 2s linear infinite;
	z-index: 90;
}




@keyframes playSw9 {
	0% {
		background: url('../images/sw9_1.png') no-repeat center center;
	}

	3.45% {
		background: url('../images/sw9_2.png') no-repeat center center;
	}

	6.90% {
		background: url('../images/sw9_3.png') no-repeat center center;
	}

	10.34% {
		background: url('../images/sw9_4.png') no-repeat center center;
	}

	13.79% {
		background: url('../images/sw9_5.png') no-repeat center center;
	}

	17.24% {
		background: url('../images/sw9_6.png') no-repeat center center;
	}

	20.68% {
		background: url('../images/sw9_7.png') no-repeat center center;
	}

	24.13% {
		background: url('../images/sw9_8.png') no-repeat center center;
	}

	27.58% {
		background: url('../images/sw9_9.png') no-repeat center center;
	}

	31.03% {
		background: url('../images/sw9_10.png') no-repeat center center;
	}

	34.48% {
		background: url('../images/sw9_11.png') no-repeat center center;
	}

	37.93% {
		background: url('../images/sw9_12.png') no-repeat center center;
	}

	41.37% {
		background: url('../images/sw9_13.png') no-repeat center center;
	}

	44.82% {
		background: url('../images/sw9_14.png') no-repeat center center;
	}

	48.27% {
		background: url('../images/sw9_15.png') no-repeat center center;
	}

	51.72% {
		background: url('../images/sw9_16.png') no-repeat center center;
	}

	55.17% {
		background: url('../images/sw9_17.png') no-repeat center center;
	}

	58.62% {
		background: url('../images/sw9_18.png') no-repeat center center;
	}

	62.06% {
		background: url('../images/sw9_19.png') no-repeat center center;
	}

	65.51% {
		background: url('../images/sw9_20.png') no-repeat center center;
	}

	68.96% {
		background: url('../images/sw9_21.png') no-repeat center center;
	}

	72.41% {
		background: url('../images/sw9_22.png') no-repeat center center;
	}

	75.86% {
		background: url('../images/sw9_23.png') no-repeat center center;
	}

	79.31% {
		background: url('../images/sw9_24.png') no-repeat center center;
	}

	82.75% {
		background: url('../images/sw9_25.png') no-repeat center center;
	}

	86.20% {
		background: url('../images/sw9_26.png') no-repeat center center;
	}

	89.65% {
		background: url('../images/sw9_27.png') no-repeat center center;
	}

	93.10% {
		background: url('../images/sw9_28.png') no-repeat center center;
	}

	96.55% {
		background: url('../images/sw9_29.png') no-repeat center center;
	}

	100% {
		background: url('../images/sw9_0.png') no-repeat center center;
	}
}




.tip {
	position: absolute;
	background: url(../images/tip.png) no-repeat center top;
	width: 250px;
	height: 235px;
	left: 50%;
	margin-left: -125px;
	top: 50%;
	margin-top: 200px;
	z-index: 40;
	animation: flash 2s infinite linear;
	display: none;
}


.content {
	position: absolute;
	width: 750px;
	height: 100%;
	z-index: 20;
	left: 0;
	top: 0;
	display: none;
}

.con1 {
	position: absolute;
	background: url(../images/conbg1.png) no-repeat center top;
	width: 600px;
	height: 328px;
	z-index: 50;
	left: 50%;
	margin-left: -300px;
	top: 50%;
	margin-top: -400px;
	animation: conani 3s infinite linear;
}

.con2 {
	position: absolute;
	background: url(../images/conbg1.png) no-repeat center top;
	width: 600px;
	height: 328px;
	z-index: 50;
	left: 50%;
	margin-left: -300px;
	top: 50%;
	margin-top: 0px;
	animation: conani 3s infinite linear;
}

@keyframes conani {
	0% {
		background: url(../images/conbg1.png) no-repeat center top;
	}

	33% {
		background: url(../images/conbg2.png) no-repeat center top;
	}

	66% {
		background: url(../images/conbg3.png) no-repeat center top;
	}

	100% {
		background: url(../images/conbg1.png) no-repeat center top;
	}
}

.contit1 {
	position: absolute;
	background: url(../images/contit1.png) no-repeat center top;
	width: 502px;
	height: 187px;
	z-index: 60;
	left: 50%;
	margin-left: -251px;
	top: 50%;
	margin-top: -93.5px;
}

.contit2 {
	position: absolute;
	background: url(../images/contit2.png) no-repeat center top;
	width: 505px;
	height: 187px;
	z-index: 60;
	left: 50%;
	margin-left: -252.5px;
	top: 50%;
	margin-top: -93.5px;
}



.swiper-slide {
	transform: scale(0.6);
	opacity: 0.5;
	filter: brightness(0.6);
	transition: transform 0.3s ease, opacity 0.3s ease, filter 0.3s ease;
}

.swiper-slide-active,
.swiper-slide-duplicate-active {
	transform: scale(1);
	opacity: 1;
	filter: brightness(1);
}