html,body,p,ul,li,dl,dt,dd,h1,h2,h3,h4,form,input {
	margin: 0;
	padding: 0
}

html {
	-webkit-text-size-adjust: none
}

body {
	font-family: '\5fae\8f6f\96c5\9ed1','Microsoft Yahei','STHeiti SC',SimHei,Helvetica,arial,sans-serif;
	line-height: 1;
	background-color: #fff
}

ul,li {
	list-style: none
}

a {
	text-decoration: none
}

h1,h2,h3,h4,strong {
	font-weight: 700
}

img {
	display: inline-block;
	border: 0
}

:focus {
	outline: 0
}

html,body,.theme,.theme li {
	overflow: hidden;
	width: 100%;
	height: 100%
}

body {
	text-align: center;
	color: #fff
}

.theme {
	position: absolute
}

.theme li {
	position: absolute;
	display: none
}

.theme .active {
	display: block
}

.theme1 {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA5NjNjMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNmYzNmOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#0963c2),color-stop(100%,#3fc3f9));
	background-image: -moz-linear-gradient(#0963c2,#3fc3f9);
	background-image: -webkit-linear-gradient(#0963c2,#3fc3f9);
	background-image: linear-gradient(#0963c2,#3fc3f9)
}

.theme2 {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwNzQxMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZlOWU0MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#e07412),color-stop(100%,#fe9e42));
	background-image: -moz-linear-gradient(#e07412,#fe9e42);
	background-image: -webkit-linear-gradient(#e07412,#fe9e42);
	background-image: linear-gradient(#e07412,#fe9e42)
}

.theme3 {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNGQ1YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YxOWU3ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#ff4d5b),color-stop(100%,#f19e7d));
	background-image: -moz-linear-gradient(#ff4d5b,#f19e7d);
	background-image: -webkit-linear-gradient(#ff4d5b,#f19e7d);
	background-image: linear-gradient(#ff4d5b,#f19e7d)
}

.theme4 {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM4YjMyMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I0ZTY0OCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#38b321),color-stop(100%,#b4e648));
	background-image: -moz-linear-gradient(#38b321,#b4e648);
	background-image: -webkit-linear-gradient(#38b321,#b4e648);
	background-image: linear-gradient(#38b321,#b4e648)
}

.theme5 {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5MTI0YSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhhMmQ3ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#29124a),color-stop(100%,#8a2d7e));
	background-image: -moz-linear-gradient(#29124a,#8a2d7e);
	background-image: -webkit-linear-gradient(#29124a,#8a2d7e);
	background-image: linear-gradient(#29124a,#8a2d7e)
}

.section .slogan {
	margin: 80px auto 0;
	height: 80px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 50%;
	-moz-background-size: auto 100%;
	-o-background-size: auto 100%;
	-webkit-background-size: auto 100%;
	background-size: auto 100%
}

.section h2 {
	font-size: 34px;
	font-weight: 400
}

.section small {
	display: block;
	font-size: 12px
}

.section .fp-tableCell {
	vertical-align: top
}

.logo {
	position: absolute;
	left: 30px;
	top: 30px
}

.pager {
	position: absolute;
	top: 50%;
	right: 0;
	margin: -91px 20px 0 0
}

.pager li {
	margin: 22px 0;
	width: 10px;
	height: 10px;
	background-color: rgba(255,255,255,.2);
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.pager .active {
	background-color: #fff
}

.pager .launch {
	display: none;
	margin-top: -10px;
	height: 20px;
	background: url(https://6xnt.cn/box.6xnt.cn/xbox/wuxian/img/super_launch.png) no-repeat
}

.links {
	position: absolute;
	top: 48px;
	right: 48px
}

.links a {
	font-size: 14px;
	color: #fff
}

.links span {
	padding: 0 15px;
	font-size: .8em;
	filter: alpha(Opacity=40);
	opacity: .4
}
/*
.links .active {
	border-bottom: 1px solid rgba(255,255,255,.5)
}
*/

.links2 {
	position:relative;
    bottom:0;
	top: 50px;
/*	right: 50px*/
}

.links2 a {
	font-size: 14px;
	color: #fff
}

/*
.links2 span {
	padding: 0 15px;
	font-size: .8em;
	filter: alpha(Opacity=40);
	opacity: .4
}*/

/*.links2 .active {
	border-bottom: 1px solid rgba(255,255,255,.5)
}*/

.section1 {
	overflow: hidden
}

.section1.active {
	background: url(https://6xnt.cn/box.6xnt.cn/xbox/wuxian/img/s1_glow.png) 50% 100% no-repeat;
	-moz-background-size: 1200px auto;
	-o-background-size: 1200px auto;
	-webkit-background-size: 1200px auto;
	background-size: 1200px auto
}

.section1 .main {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%
}

.section1 .layout {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 200px
}

.section1 .slogan {
	margin: 0 auto;
	height: 80px;
	background: url(https://6xnt.cn/box.6xnt.cn/xbox/wuxian/img/s1_text.png) 50% 0 no-repeat;
	-moz-background-size: auto 100%;
	-o-background-size: auto 100%;
	-webkit-background-size: auto 100%;
	background-size: auto 100%
}

.section1 .btn-download {
	display: block;
	margin: 0 auto;
	margin-top: 20px;
	width: 156px;
	height: 44.2px;
	line-height: 44.2px;
	text-indent: -9999px;
	background-image: url(https://6xnt.cn/box.6xnt.cn/xbox/wuxian/img/s1_button.png);
	-moz-background-size: 100%;
	-o-background-size: 100%;
	-webkit-background-size: 100%;
	background-size: 100%
}

.section1 .android {
	background-position: 0 0
}

.section1 .iphone {
	background-position: 0 100%
}

.section1 .btn-next {
	display: block;
	margin: 0 auto;
	margin-top: 20px;
	width: 40px;
	height: 27px;
	text-indent: -9999px;
	background: url(https://6xnt.cn/box.6xnt.cn/xbox/wuxian/img/s1_next.png) 50% 50% no-repeat;
	-moz-background-size: 50% auto;
	-o-background-size: 50% auto;
	-webkit-background-size: 50% auto;
	background-size: 50% auto;
	-moz-animation: loop 1.5s infinite ease-in-out;
	-webkit-animation: loop 1.5s infinite ease-in-out;
	animation: loop 1.5s infinite ease-in-out
}

.section1 .ring {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -500px 0 0 -500px;
	width: 1000px;
	height: 1000px;
	filter: alpha(enabled=false);
	opacity: 1;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.section1 .ring {
	background: url(https://6xnt.cn/box.6xnt.cn/xbox/wuxian/img/s1_ring.png) no-repeat;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	-webkit-background-size: 100%;
	background-size: 100%;
	-moz-animation: rz360 5s infinite linear;
	-webkit-animation: rz360 5s infinite linear;
	animation: rz360 5s infinite linear
}

.section1 .light {
	position: absolute;
	right: -73px;
	top: 400px;
	width: 180px;
	height: 200px;
	background: url(https://6xnt.cn/box.6xnt.cn/xbox/wuxian/img/s1_light.png) no-repeat;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	-webkit-background-size: 100%;
	background-size: 100%
}

.section1 .v6 {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -200px;
	margin-left: -120px;
	width: 240px;
	height: 480px;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.section1 .status1,.section1 .status2 {
	-moz-transition: opacity .1s linear;
	-o-transition: opacity .1s linear;
	-webkit-transition: opacity .1s linear;
	transition: opacity .1s linear;
	position: absolute;
	width: 100%;
	height: 100%
}

.section1 .status1 {
	filter: alpha(enabled=false);
	opacity: 1
}

.section1 .status1 .x {
	position: absolute;
	width: 10px;
	height: 0;
	background-color: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-moz-transform: translate(144px,-37px) rotate(30deg);
	-ms-transform: translate(144px,-37px) rotate(30deg);
	-webkit-transform: translate(144px,-37px) rotate(30deg);
	transform: translate(144px,-37px) rotate(30deg)
}

.section1 .status1 .y,.section1 .status1 .z {
	position: absolute;
	top: 94px;
	left: 30px;
	width: 180px;
	height: 180px;
	clip: rect(0,180px,90px,0)
}

.section1 .status1 .y {
	-moz-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	-webkit-transform: rotate(210deg);
	transform: rotate(210deg)
}

.section1 .status1 .z {
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg)
}

.section1 .status1 .o,.section1 .status1 .p {
	position: absolute;
	width: 100%;
	height: 100%
}

.section1 .status1 .o {
	border: 10px solid #fff;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.section1 .status1 .p {
	clip: rect(90px,180px,180px,0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-webkit-transform: rotate(0);
	transform: rotate(0)
}

.section1 .status1 .s {
	margin: 0 auto;
	width: 180px;
	height: 180px;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NWU4ZmYiIHN0b3Atb3BhY2l0eT0iMC41Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
	background-size: 100%;
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(149,232,255,.5)));
	background-image: -moz-linear-gradient(rgba(255,255,255,0),rgba(149,232,255,.5));
	background-image: -webkit-linear-gradient(rgba(255,255,255,0),rgba(149,232,255,.5));
	background-image: linear-gradient(rgba(255,255,255,0),rgba(149,232,255,.5));
	filter: alpha(Opacity=0);
	opacity: 0;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	-moz-transform: translateY(94px);
	-ms-transform: translateY(94px);
	-webkit-transform: translateY(94px);
	transform: translateY(94px)
}

.section1 .roll {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	filter: alpha(Opacity=0);
	opacity: 0;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-moz-transform: perspective(200px) rotateX(180deg) translateZ(-120px);
	-ms-transform: perspective(200px) rotateX(180deg) translateZ(-120px);
	-webkit-transform: perspective(200px) rotateX(180deg) translateZ(-120px);
	transform: perspective(200px) rotateX(180deg) translateZ(-120px)
}

.section1 .roll li {
	position: absolute;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%
}

.section1 .roll .r1 {
	margin-left: -125px;
	margin-top: -125px;
	width: 250px;
	height: 250px;
	background-image: url(https://6xnt.cn/box.6xnt.cn/xbox/wuxian/img/s1_roll1.png);
	-moz-background-size: 100%;
	-o-background-size: 100%;
	-webkit-background-size: 100%;
	background-size: 100%;
	filter: alpha(Opacity=80);
	opacity: .8;
	-moz-animation: rz360_r1 20s infinite linear;
	-webkit-animation: rz360_r1 20s infinite linear;
	animation: rz360_r1 20s infinite linear
}

.section1 .roll .r2 {
	margin-left: -150px;
	margin-top: -150px;
	width: 300px;
	height: 300px;
	background-image: url(https://6xnt.cn/box.6xnt.cn/xbox/wuxian/img/s1_roll2.png);
	-moz-background-size: 100%;
	-o-background-size: 100%;
	-webkit-background-size: 100%;
	background-size: 100%;
	-moz-animation: rz360_r2 5s infinite linear;
	-webkit-animation: rz360_r2 5s infinite linear;
	animation: rz360_r2 5s infinite linear
}

.section1 .roll .r3 {
	border: 2px solid #fff;
	margin-left: -100px;
	margin-top: -100px;
	width: 200px;
	height: 200px;
	filter: alpha(Opacity=50);
	opacity: .5;
	-moz-transform: translateZ(96px) rotateX(20deg);
	-ms-transform: translateZ(96px) rotateX(20deg);
	-webkit-transform: translateZ(96px) rotateX(20deg);
	transform: translateZ(96px) rotateX(20deg)
}

.section1 .roll .r4 {
	border: 1px solid #fff;
	margin-left: -130px;
	margin-top: -130px;
	width: 260px;
	height: 260px;
	filter: alpha(Opacity=20);
	opacity: .2;
	-moz-transform: translateZ(-30px);
	-ms-transform: translateZ(-30px);
	-webkit-transform: translateZ(-30px);
	transform: translateZ(-30px)
}

.section1 .playing .status1,.section1 .playing .status2 {
	-moz-transition-delay: 5.5s;
	-o-transition-delay: 5.5s;
	-webkit-transition-delay: 5.5s;
	transition-delay: 5.5s
}

.section1 .playing .x {
	height: 208px;
	-moz-transition: all 1s linear;
	-o-transition: all 1s linear;
	-webkit-transition: all 1s linear;
	transition: all 1s linear
}

.section1 .playing .p {
	-moz-transition: all 1s linear 1s;
	-o-transition: all 1s linear 1s;
	-webkit-transition: all 1s linear;
	-webkit-transition-delay: 1s;
	transition: all 1s linear 1s;
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg)
}

.section1 .playing .z .p {
	-moz-transition-delay: 2s;
	-o-transition-delay: 2s;
	-webkit-transition-delay: 2s;
	transition-delay: 2s
}

.section1 .playing .s {
	-moz-transition: opacity .5s ease-in 2s;
	-o-transition: opacity .5s ease-in 2s;
	-webkit-transition: opacity .5s ease-in;
	-webkit-transition-delay: 2s;
	transition: opacity .5s ease-in 2s;
	filter: alpha(enabled=false);
	opacity: 1
}

.section1 .playing .roll {
	-moz-transition: all .5s ease-in;
	-o-transition: all .5s ease-in;
	-webkit-transition: all .5s ease-in;
	transition: all .5s ease-in;
	filter: alpha(enabled=false);
	opacity: 1;
	-moz-transform: perspective(200px) rotateX(239deg);
	-ms-transform: perspective(200px) rotateX(239deg);
	-webkit-transform: perspective(200px) rotateX(239deg);
	transform: perspective(200px) rotateX(239deg)
}

.section1 .leaving .ring {
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
	filter: alpha(Opacity=0);
	opacity: 0
}

.section2 {
	overflow: hidden
}

.section2 .main {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%
}

.section2.active {
	background: url(https://6xnt.cn/box.6xnt.cn/xbox/wuxian/img/s2_glow.png) 50% bottom no-repeat
}

.section2 .slogan {
	background-image: url(https://6xnt.cn/box.6xnt.cn/xbox/wuxian/img/s2_text.png)
}

.section2 .sky,.section2 .earth {
	position: absolute;
	left: 50%;
	top: 100%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-moz-transition: all 1s ease-in;
	-o-transition: all 1s ease-in;
	-webkit-transition: all 1s ease-in;
	transition: all 1s ease-in;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.section2 .sky {
	width: 1960px;
	height: 1960px;
	margin-left: -980px;
	margin-top: -380px;
	filter: alpha(Opacity=0);
	opacity: 0;
	-moz-transition-delay: .8s;
	-o-transition-delay: .8s;
	-webkit-transition-delay: .8s;
	transition-delay: .8s;
	-moz-transform: rotate(-90deg) scale(1.5);
	-ms-transform: rotate(-90deg) scale(1.5);
	-webkit-transform: rotate(-90deg) scale(1.5);
	transform: rotate(-90deg) scale(1.5)
}

.section2 .sky .sc1,.section2 .sky .sc2 {
	position: absolute;
	width: 100%;
	height: 100%;
	-moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.26);
	-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.26);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.26);
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.section2 .sky .sc1 {
	clip: rect(0,890px,1960px,0)
}

.section2 .sky .sc2 {
	clip: rect(0,1960px,1960px,1070px)
}

.section2 .sky .ufo {
	position: relative;
	top: -65px;
	margin: 0 auto;
	width: 250px;
	height: 230px;
	background: url(https://6xnt.cn/box.6xnt.cn/xbox/wuxian/img/s2_ufo.png) no-repeat;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	-webkit-background-size: 100%;
	background-size: 100%
}

.section2 .earth {
	margin-top: -285px;
	margin-left: -840px;
	width: 1680px;
	height: 1680px;
	background: url(https://6xnt.cn/box.6xnt.cn/xbox/wuxian/img/s2_earth.png) 50% 0 no-repeat;
	-moz-background-size: auto 158px;
	-o-background-size: auto 158px;
	-webkit-background-size: auto 158px;
	background-size: auto 158px;
	-moz-box-shadow: inset 0 0 90px 0 rgba(255,229,184,.5);
	-webkit-box-shadow: inset 0 0 90px 0 rgba(255,229,184,.5);
	box-shadow: inset 0 0 90px 0 rgba(255,229,184,.5);
	-moz-transform-origin: 50% -20px;
	-ms-transform-origin: 50% -20px;
	-webkit-transform-origin: 50% -20px;
	transform-origin: 50% -20px;
	filter: alpha(Opacity=0);
	opacity: 0;
	-moz-transition-duration: .6s;
	-o-transition-duration: .6s;
	-webkit-transition-duration: .6s;
	transition-duration: .6s;
	-moz-transform: perspective(300px) translateZ(280px);
	-ms-transform: perspective(300px) translateZ(280px);
	-webkit-transform: perspective(300px) translateZ(280px);
	transform: perspective(300px) translateZ(280px)
}

.section2 .earth .path {
	width: 100%;
	height: 100%
}

.section2 .earth .spot {
	display: none;
	position: relative;
	top: -64px;
	margin: 0 auto;
	width: 200px;
	height: 130px;
	background: url(https://6xnt.cn/box.6xnt.cn/xbox/wuxian/img/s2_spot.png) no-repeat;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	-webkit-background-size: 100%;
	background-size: 100%
}

.section2 .buildings,.section2 .light {
	filter: alpha(Opacity=0);
	opacity: 0
}

.section2 .buildings {
	position: absolute;
	left: 50%;
	top: 50px;
	margin-left: -270px;
	width: 500px;
	height: 230px;
	background: url(https://6xnt.cn/box.6xnt.cn/xbox/wuxian/img/s2_buildings.png) no-repeat;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	-webkit-background-size: 100%;
	background-size: 100%
}

.section2 .light {
	position: absolute;
	top: 0;
	bottom: 153px;
	width: 100%;
	background: url(https://6xnt.cn/box.6xnt.cn/xbox/wuxian/img/s2_light.png) 50% 100% no-repeat;
	-moz-transition-delay: 1.5s;
	-o-transition-delay: 1.5s;
	-webkit-transition-delay: 1.5s;
	transition-delay: 1.5s
}

.section2 .playing .earth {
	filter: alpha(enabled=false);
	opacity: 1;
	-moz-transform: perspective(300px) translateZ(0);
	-ms-transform: perspective(300px) translateZ(0);
	-webkit-transform: perspective(300px) translateZ(0);
	transform: perspective(300px) translateZ(0)
}

.section2 .playing .buildings,.section2 .playing .light {
	-moz-transition: opacity 1s ease-in 1s;
	-o-transition: opacity 1s ease-in 1s;
	-webkit-transition: opacity 1s ease-in;
	-webkit-transition-delay: 1s;
	transition: opacity 1s ease-in 1s;
	filter: alpha(enabled=false);
	opacity: 1
}

.section2 .playing .path {
	-moz-animation: rz60 3s infinite linear;
	-webkit-animation: rz60 3s infinite linear;
	animation: rz60 3s infinite linear
}

.section2 .playing .spot {
	display: block
}

.section2 .playing .sky {
	filter: alpha(enabled=false);
	opacity: 1;
	-moz-animation: rz60 7s 1s infinite linear;
	-webkit-animation: rz60 7s 1s infinite linear;
	animation: rz60 7s 1s infinite linear
}

.section3 .slogan {
	background-image: url(https://6xnt.cn/box.6xnt.cn/xbox/wuxian/img/s3_text.png)
}

.section3 .imgsearch {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	display: -moz-box;
	-moz-box-pack: center;
	-moz-box-align: center;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center
}

.section3 .camera {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -90px;
	margin-left: -90px;
	overflow: hidden;
	width: 180px;
	height: 180px
}

.section3 .camera:nth-child(1) {
	-moz-transform: translate(-350px,30px) scale(1);
	-ms-transform: translate(-350px,30px) scale(1);
	-webkit-transform: translate(-350px,30px) scale(1);
	transform: translate(-350px,30px) scale(1)
}

.section3 .camera:nth-child(2) {
	-moz-transform: translate(0,0) scale(1.7);
	-ms-transform: translate(0,0) scale(1.7);
	-webkit-transform: translate(0,0) scale(1.7);
	transform: translate(0,0) scale(1.7)
}

.section3 .camera:nth-child(3) {
	-moz-transform: translate(350px,30px) scale(1);
	-ms-transform: translate(350px,30px) scale(1);
	-webkit-transform: translate(350px,30px) scale(1);
	transform: translate(350px,30px) scale(1)
}

.section3 .flower,.section3 .cloth,.section3 .mushroom {
	position: absolute;
	width: 100%;
	height: 100%
}

.section3 .flower {
	background: url(https://6xnt.cn/box.6xnt.cn/xbox/wuxian/img/s3_flower.png) 50% 50% no-repeat;
	filter: alpha(Opacity=0);
	opacity: 0;
	-moz-background-size: 144px 125px;
	-o-background-size: 144px 125px;
	-webkit-background-size: 144px 125px;
	background-size: 144px 125px
}

.section3 .cloth {
	clip: rect(26px,900px,900px,0)
}

.section3 .cloth div {
	position: absolute;
	border-top: 1px solid #fff;
	width: 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-moz-box-shadow: 0 0 8px rgba(255,255,255,.11);
	-webkit-box-shadow: 0 0 8px rgba(255,255,255,.11);
	box-shadow: 0 0 8px rgba(255,255,255,.11)
}

.section3 .cloth .line1 {
	left: 138px;
	top: 85px
}

.section3 .cloth .line2 {
	left: 138px;
	top: 65px
}

.section3 .cloth .line3 {
	left: 155px;
	top: 79px
}

.section3 .cloth .line4 {
	left: 172px;
	top: 59px
}

.section3 .cloth .line5 {
	left: 135px;
	top: 27px
}

.section3 .cloth .line6 {
	clip: rect(26px,50px,50px,0);
	left: 65px;
	top: 0;
	width: 50px;
	height: 50px;
	border: 1px solid #fff;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg)
}

.section3 .cloth .line7 {
	left: 65px;
	top: 27px
}

.section3 .cloth .line8 {
	left: 45px;
	top: 27px
}

.section3 .cloth .line9 {
	left: 8px;
	top: 58px
}

.section3 .cloth .line10 {
	left: 24px;
	top: 79px
}

.section3 .cloth .line11 {
	left: 43px;
	top: 65px
}

.section3 .cloth .line12 {
	left: 38px;
	top: 148px
}

.section3 .cloth .line13 {
	left: 141px;
	top: 148px
}

.section3 .mushroom {
	background: url(https://6xnt.cn/box.6xnt.cn/xbox/wuxian/img/s3_mushroom.png) 50% 50% no-repeat;
	filter: alpha(Opacity=0);
	opacity: 0;
	-moz-background-size: 162px 126px;
	-o-background-size: 162px 126px;
	-webkit-background-size: 162px 126px;
	background-size: 162px 126px
}

.section3 .light:before {
	content: ' ';
	position: absolute;
	background-color: rgba(255,255,255,.8);
	width: 3px;
	height: 3px;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	-moz-box-shadow: 0 0 10px 4px #fff;
	-webkit-box-shadow: 0 0 10px 4px #fff;
	box-shadow: 0 0 10px 4px #fff
}

.section3 .flower.light:before {
	left: 145px;
	top: 51px
}

.section3 .cloth.light:before {
	left: 138px;
	top: 105px;
	filter: alpha(Opacity=0);
	opacity: 0
}

.section3 .mushroom.light:before {
	left: 39px;
	top: 100px
}

.section3 .scan {
	border-bottom: 2px solid #fff32e;
	height: 44px;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYjQ1YSIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYzMmUiIHN0b3Atb3BhY2l0eT0iMC40NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,rgba(255,180,90,0)),color-stop(100%,rgba(255,243,46,.45)));
	background-image: -moz-linear-gradient(rgba(255,180,90,0),rgba(255,243,46,.45));
	background-image: -webkit-linear-gradient(rgba(255,180,90,0),rgba(255,243,46,.45));
	background-image: linear-gradient(rgba(255,180,90,0),rgba(255,243,46,.45));
	-moz-transition-property: tranform;
	-o-transition-property: tranform;
	-webkit-transition-property: tranform;
	transition-property: tranform;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-transform: translateY(-45px);
	-ms-transform: translateY(-45px);
	-webkit-transform: translateY(-45px);
	transform: translateY(-45px)
}

.section3 .border li {
	position: absolute;
	left: 0;
	top: 0;
	border: 2px solid #fff;
	width: 100%;
	height: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.section3 .border .oo {
	border: 1px solid rgba(255,255,255,.14)
}

.section3 .border .lt {
	clip: rect(0,25px,25px,0)
}

.section3 .border .lb {
	clip: rect(150px,25px,180px,0)
}

.section3 .border .rt {
	clip: rect(0,180px,25px,150px)
}

.section3 .border .rb {
	clip: rect(150px,180px,180px,150px)
}

.section3 .roll {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -500px;
	margin-top: 120px;
	width: 1000px;
	height: 100px;
	background: url(https://6xnt.cn/box.6xnt.cn/xbox/wuxian/img/s3_roll.png) no-repeat;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	-webkit-background-size: 100%;
	background-size: 100%
}

.section3 .roll .path {
	width: 1000px;
	height: 1000px;
	border-radius: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -500px;
	margin-top: -510px;
	-moz-transform: rotateX(85deg);
	-ms-transform: rotateX(85deg);
	-webkit-transform: rotateX(85deg);
	transform: rotateX(85deg);
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.section3 .roll .spot {
	position: absolute;
	left: -75px;
	top: 500px;
	width: 150px;
	height: 40px;
	background: url(https://6xnt.cn/box.6xnt.cn/xbox/wuxian/img/s3_spot.png) no-repeat;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	-webkit-background-size: 100%;
	background-size: 100%;
	-moz-transform: rotateY(-85deg) rotateZ(90deg) translateY(-3px);
	-ms-transform: rotateY(-85deg) rotateZ(90deg) translateY(-3px);
	-webkit-transform: rotateY(-85deg) rotateZ(90deg) translateY(-3px);
	transform: rotateY(-85deg) rotateZ(90deg) translateY(-3px);
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.section3 .playing .path {
	-moz-animation: roll_spot 2s infinite linear;
	-webkit-animation: roll_spot 2s infinite linear;
	animation: roll_spot 2s infinite linear
}

.section3 .playing .cloth div {
	-moz-transition: width .2s linear;
	-o-transition: width .2s linear;
	-webkit-transition: width .2s linear;
	transition: width .2s linear
}

.section3 .playing .cloth .line1 {
	width: 20px;
	-moz-transform: rotate(-93deg);
	-ms-transform: rotate(-93deg);
	-webkit-transform: rotate(-93deg);
	transform: rotate(-93deg);
	-moz-transition-delay: 0;
	-o-transition-delay: 0;
	-webkit-transition-delay: 0;
	transition-delay: 0
}

.section3 .playing .cloth .line2 {
	width: 23px;
	-moz-transform: rotate(38deg);
	-ms-transform: rotate(38deg);
	-webkit-transform: rotate(38deg);
	transform: rotate(38deg);
	-moz-transition-delay: .2s;
	-o-transition-delay: .2s;
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.section3 .playing .cloth .line3 {
	width: 27px;
	-moz-transform: rotate(-51deg);
	-ms-transform: rotate(-51deg);
	-webkit-transform: rotate(-51deg);
	transform: rotate(-51deg);
	-moz-transition-delay: .4s;
	-o-transition-delay: .4s;
	-webkit-transition-delay: .4s;
	transition-delay: .4s
}

.section3 .playing .cloth .line4 {
	width: 49px;
	-moz-transform: rotate(-139deg);
	-ms-transform: rotate(-139deg);
	-webkit-transform: rotate(-139deg);
	transform: rotate(-139deg);
	-moz-transition-delay: .6s;
	-o-transition-delay: .6s;
	-webkit-transition-delay: .6s;
	transition-delay: .6s
}

.section3 .playing .cloth .line5 {
	width: 20px;
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
	-moz-transition-delay: .8s;
	-o-transition-delay: .8s;
	-webkit-transition-delay: .8s;
	transition-delay: .8s
}

.section3 .playing .cloth .line6 {
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-moz-transition-delay: 1s;
	-o-transition-delay: 1s;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}

.section3 .playing .cloth .line7 {
	width: 20px;
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
	-moz-transition-delay: 1.3s;
	-o-transition-delay: 1.3s;
	-webkit-transition-delay: 1.3s;
	transition-delay: 1.3s
}

.section3 .playing .cloth .line8 {
	width: 49px;
	-moz-transform: rotate(139deg);
	-ms-transform: rotate(139deg);
	-webkit-transform: rotate(139deg);
	transform: rotate(139deg);
	-moz-transition-delay: 1.5s;
	-o-transition-delay: 1.5s;
	-webkit-transition-delay: 1.5s;
	transition-delay: 1.5s
}

.section3 .playing .cloth .line9 {
	width: 27px;
	-moz-transform: rotate(51deg);
	-ms-transform: rotate(51deg);
	-webkit-transform: rotate(51deg);
	transform: rotate(51deg);
	-moz-transition-delay: 1.7s;
	-o-transition-delay: 1.7s;
	-webkit-transition-delay: 1.7s;
	transition-delay: 1.7s
}

.section3 .playing .cloth .line10 {
	width: 23px;
	-moz-transform: rotate(-38deg);
	-ms-transform: rotate(-38deg);
	-webkit-transform: rotate(-38deg);
	transform: rotate(-38deg);
	-moz-transition-delay: 1.9s;
	-o-transition-delay: 1.9s;
	-webkit-transition-delay: 1.9s;
	transition-delay: 1.9s
}

.section3 .playing .cloth .line11 {
	width: 84px;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-moz-transition-delay: 2.1s;
	-o-transition-delay: 2.1s;
	-webkit-transition-delay: 2.1s;
	transition-delay: 2.1s;
	-moz-transform: rotate(93deg);
	-ms-transform: rotate(93deg);
	-webkit-transform: rotate(93deg);
	transform: rotate(93deg)
}

.section3 .playing .cloth .line12 {
	width: 104px;
	-moz-transition-delay: 2.4s;
	-o-transition-delay: 2.4s;
	-webkit-transition-delay: 2.4s;
	transition-delay: 2.4s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.section3 .playing .cloth .line13 {
	width: 42px;
	-moz-transform: rotate(-93deg);
	-ms-transform: rotate(-93deg);
	-webkit-transform: rotate(-93deg);
	transform: rotate(-93deg);
	-moz-transition-delay: 2.7s;
	-o-transition-delay: 2.7s;
	-webkit-transition-delay: 2.7s;
	transition-delay: 2.7s
}

.section3 .playing .camera:nth-child(1) {
	-moz-animation: switch_1 12s 6s infinite linear;
	-webkit-animation: switch_1 12s 6s infinite linear;
	animation: switch_1 12s 6s infinite linear
}

.section3 .playing .camera:nth-child(1) .scan {
	-moz-animation: scan 12s 7s infinite linear;
	-webkit-animation: scan 12s 7s infinite linear;
	animation: scan 12s 7s infinite linear
}

.section3 .playing .camera:nth-child(2) {
	-moz-animation: switch_2 12s 6s infinite linear;
	-webkit-animation: switch_2 12s 6s infinite linear;
	animation: switch_2 12s 6s infinite linear
}

.section3 .playing .camera:nth-child(2) .scan {
	-moz-animation: scan 12s 3s infinite linear;
	-webkit-animation: scan 12s 3s infinite linear;
	animation: scan 12s 3s infinite linear
}

.section3 .playing .camera:nth-child(3) {
	-moz-animation: switch_3 12s 6s infinite linear;
	-webkit-animation: switch_3 12s 6s infinite linear;
	animation: switch_3 12s 6s infinite linear
}

.section3 .playing .camera:nth-child(3) .scan {
	-moz-animation: scan 12s 11s infinite linear;
	-webkit-animation: scan 12s 11s infinite linear;
	animation: scan 12s 11s infinite linear
}

.section3 .playing .cloth.light:before {
	-moz-transition: all .1s ease-in 3s;
	-o-transition: all .1s ease-in 3s;
	-webkit-transition: all .1s ease-in;
	-webkit-transition-delay: 3s;
	transition: all .1s ease-in 3s;
	filter: alpha(enabled=false);
	opacity: 1
}

.section3 .playing .flower,.section3 .playing .mushroom {
	-moz-transition: all 1s linear 1s;
	-o-transition: all 1s linear 1s;
	-webkit-transition: all 1s linear;
	-webkit-transition-delay: 1s;
	transition: all 1s linear 1s;
	filter: alpha(enabled=false);
	opacity: 1
}

.section4 {
	overflow: hidden
}

.section4 .main {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%
}

.section4 .slogan {
	background-image: url(https://6xnt.cn/box.6xnt.cn/xbox/wuxian/img/s4_text.png)
}

.section4 .desk {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	filter: alpha(Opacity=0);
	opacity: 0;
	-moz-transform: scale(4);
	-ms-transform: scale(4);
	-webkit-transform: scale(4);
	transform: scale(4);
	-moz-transition: all .5s ease-in;
	-o-transition: all .5s ease-in;
	-webkit-transition: all .5s ease-in;
	transition: all .5s ease-in
}

.section4 .cards {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -200px;
	margin-left: -400px;
	width: 800px;
	height: 400px;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-moz-transform: perspective(500px) rotateY(60deg);
	-ms-transform: perspective(500px) rotateY(60deg);
	-webkit-transform: perspective(500px) rotateY(60deg);
	transform: perspective(500px) rotateY(60deg)
}

.section4 .cards li {
	position: absolute;
	top: 50%;
	left: 50%;
	border: 1.5px solid #fff;
	width: 150px;
	height: 100px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I5ZTBiZCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
	background-size: 100%;
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,rgba(185,224,189,.5)),color-stop(100%,rgba(255,255,255,0)));
	background-image: -moz-linear-gradient(rgba(185,224,189,.5),rgba(255,255,255,0));
	background-image: -webkit-linear-gradient(rgba(185,224,189,.5),rgba(255,255,255,0));
	background-image: linear-gradient(rgba(185,224,189,.5),rgba(255,255,255,0))
}

.section4 .cards li:nth-child(1) {
	margin-left: -405px;
	margin-top: -112px
}

.section4 .cards li:nth-child(2) {
	margin-left: -240px;
	margin-top: -112px
}

.section4 .cards li:nth-child(3) {
	margin-left: -75px;
	margin-top: -112px
}

.section4 .cards li:nth-child(4) {
	margin-left: 90px;
	margin-top: -112px
}

.section4 .cards li:nth-child(5) {
	margin-left: 255px;
	margin-top: -112px
}

.section4 .cards li:nth-child(6) {
	margin-left: -405px;
	margin-top: 0
}

.section4 .cards li:nth-child(7) {
	margin-left: -240px;
	margin-top: 0
}

.section4 .cards li:nth-child(8) {
	margin-left: -75px;
	margin-top: 0
}

.section4 .cards li:nth-child(9) {
	margin-left: 90px;
	margin-top: 0
}

.section4 .cards li:nth-child(10) {
	margin-left: 255px;
	margin-top: 0
}

.section4 .cards li:nth-child(11) {
	margin-left: -405px;
	margin-top: 112px
}

.section4 .cards li:nth-child(12) {
	margin-left: -240px;
	margin-top: 112px
}

.section4 .cards li:nth-child(13) {
	margin-left: -75px;
	margin-top: 112px
}

.section4 .cards li:nth-child(14) {
	margin-left: 90px;
	margin-top: 112px
}

.section4 .cards li:nth-child(15) {
	margin-left: 255px;
	margin-top: 112px
}

.section4 .cards li:nth-child(1) {
	filter: alpha(enabled=false);
	opacity: 1;
	-moz-transform: translate3d(0px,0,100px) scale(1);
	-ms-transform: translate3d(0px,0,100px) scale(1);
	-webkit-transform: translate3d(0px,0,100px) scale(1);
	transform: translate3d(0px,0,100px) scale(1)
}

.section4 .cards li:nth-child(2) {
	filter: alpha(Opacity=40);
	opacity: .4;
	-moz-transform: translate3d(0px,0,-150px) scale(1);
	-ms-transform: translate3d(0px,0,-150px) scale(1);
	-webkit-transform: translate3d(0px,0,-150px) scale(1);
	transform: translate3d(0px,0,-150px) scale(1)
}

.section4 .cards li:nth-child(3) {
	filter: alpha(Opacity=40);
	opacity: .4;
	-moz-transform: translate3d(0px,0,300px) scale(1);
	-ms-transform: translate3d(0px,0,300px) scale(1);
	-webkit-transform: translate3d(0px,0,300px) scale(1);
	transform: translate3d(0px,0,300px) scale(1)
}

.section4 .cards li:nth-child(4) {
	filter: alpha(Opacity=30);
	opacity: .3;
	-moz-transform: translate3d(0px,0,-200px) scale(1);
	-ms-transform: translate3d(0px,0,-200px) scale(1);
	-webkit-transform: translate3d(0px,0,-200px) scale(1);
	transform: translate3d(0px,0,-200px) scale(1)
}

.section4 .cards li:nth-child(5) {
	filter: alpha(Opacity=80);
	opacity: .8;
	-moz-transform: translate3d(0px,0,0) scale(1);
	-ms-transform: translate3d(0px,0,0) scale(1);
	-webkit-transform: translate3d(0px,0,0) scale(1);
	transform: translate3d(0px,0,0) scale(1)
}

.section4 .cards li:nth-child(6) {
	filter: alpha(Opacity=90);
	opacity: .9;
	-moz-transform: translate3d(0px,0,-200px) scale(1);
	-ms-transform: translate3d(0px,0,-200px) scale(1);
	-webkit-transform: translate3d(0px,0,-200px) scale(1);
	transform: translate3d(0px,0,-200px) scale(1)
}

.section4 .cards li:nth-child(7) {
	filter: alpha(Opacity=90);
	opacity: .9;
	-moz-transform: translate3d(0px,0,200px) scale(1);
	-ms-transform: translate3d(0px,0,200px) scale(1);
	-webkit-transform: translate3d(0px,0,200px) scale(1);
	transform: translate3d(0px,0,200px) scale(1)
}

.section4 .cards li:nth-child(8) {
	filter: alpha(enabled=false);
	opacity: 1;
	-moz-transform: translate3d(0px,0,50px) scale(1);
	-ms-transform: translate3d(0px,0,50px) scale(1);
	-webkit-transform: translate3d(0px,0,50px) scale(1);
	transform: translate3d(0px,0,50px) scale(1)
}

.section4 .cards li:nth-child(9) {
	filter: alpha(Opacity=80);
	opacity: .8;
	-moz-transform: translate3d(0px,0,250px) scale(1);
	-ms-transform: translate3d(0px,0,250px) scale(1);
	-webkit-transform: translate3d(0px,0,250px) scale(1);
	transform: translate3d(0px,0,250px) scale(1)
}

.section4 .cards li:nth-child(10) {
	filter: alpha(Opacity=40);
	opacity: .4;
	-moz-transform: translate3d(0px,0,-100px) scale(1);
	-ms-transform: translate3d(0px,0,-100px) scale(1);
	-webkit-transform: translate3d(0px,0,-100px) scale(1);
	transform: translate3d(0px,0,-100px) scale(1)
}

.section4 .cards li:nth-child(11) {
	filter: alpha(Opacity=90);
	opacity: .9;
	-moz-transform: translate3d(0px,0,0) scale(1);
	-ms-transform: translate3d(0px,0,0) scale(1);
	-webkit-transform: translate3d(0px,0,0) scale(1);
	transform: translate3d(0px,0,0) scale(1)
}

.section4 .cards li:nth-child(12) {
	filter: alpha(Opacity=40);
	opacity: .4;
	-moz-transform: translate3d(0px,0,-100px) scale(1);
	-ms-transform: translate3d(0px,0,-100px) scale(1);
	-webkit-transform: translate3d(0px,0,-100px) scale(1);
	transform: translate3d(0px,0,-100px) scale(1)
}

.section4 .cards li:nth-child(13) {
	filter: alpha(Opacity=40);
	opacity: .4;
	-moz-transform: translate3d(0px,0,-250px) scale(1);
	-ms-transform: translate3d(0px,0,-250px) scale(1);
	-webkit-transform: translate3d(0px,0,-250px) scale(1);
	transform: translate3d(0px,0,-250px) scale(1)
}

.section4 .cards li:nth-child(14) {
	filter: alpha(Opacity=70);
	opacity: .7;
	-moz-transform: translate3d(0px,0,-50px) scale(1);
	-ms-transform: translate3d(0px,0,-50px) scale(1);
	-webkit-transform: translate3d(0px,0,-50px) scale(1);
	transform: translate3d(0px,0,-50px) scale(1)
}

.section4 .cards li:nth-child(15) {
	filter: alpha(Opacity=90);
	opacity: .9;
	-moz-transform: translate3d(0px,0,100px) scale(1);
	-ms-transform: translate3d(0px,0,100px) scale(1);
	-webkit-transform: translate3d(0px,0,100px) scale(1);
	transform: translate3d(0px,0,100px) scale(1)
}

.section4 .playing .cards {
	-moz-animation: ry360V 15s .5s infinite linear;
	-webkit-animation: ry360V 15s .5s infinite linear;
	animation: ry360V 15s .5s infinite linear
}

.section4 .playing .desk {
	filter: alpha(enabled=false);
	opacity: 1;
	-moz-transform: inherit;
	-ms-transform: inherit;
	-webkit-transform: inherit;
	transform: inherit
}

.section5.active {
	background: url(https://6xnt.cn/box.6xnt.cn/xbox/wuxian/img/s5_glow.png) 50% 100% no-repeat
}

.section5 .slogan {
	background-image: url(https://6xnt.cn/box.6xnt.cn/xbox/wuxian/img/s5_text.png)
}

.section5 .rocket {
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -69.6px;
	width: 139.2px;
	height: 216px;
	background: url(https://6xnt.cn/box.6xnt.cn/xbox/wuxian/img/s5_rocket.png) no-repeat;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	-webkit-background-size: 100%;
	background-size: 100%;
	-moz-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-moz-transition: all .5s ease-in;
	-o-transition: all .5s ease-in;
	-webkit-transition: all .5s ease-in;
	transition: all .5s ease-in
}

.section5 .flame {
	position: relative;
	top: 200px;
	margin: 0 auto;
	width: 52.8px;
	height: 216px;
	background: url(https://6xnt.cn/box.6xnt.cn/xbox/wuxian/img/s5_flame.png) no-repeat;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	-webkit-background-size: 100%;
	background-size: 100%;
	-moz-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-moz-animation: flame .2s infinite ease-in-out;
	-webkit-animation: flame .2s infinite ease-in-out;
	animation: flame .2s infinite ease-in-out
}

.section5 .smoke div {
	position: absolute;
	left: 50%;
	background: url(https://6xnt.cn/box.6xnt.cn/xbox/wuxian/img/s5_smoke.png) no-repeat;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	-webkit-background-size: 100%;
	background-size: 100%
}

.section5 .smoke1 {
	margin-top: 22px;
	margin-left: -24px;
	width: 48px;
	height: 21.6px
}

.section5 .smoke2 {
	margin-top: 70px;
	margin-left: -38.4px;
	width: 76.8px;
	height: 33.6px
}

.section5 .smoke3 {
	margin-top: 40px;
	margin-left: -54px;
	width: 108px;
	height: 45.6px
}

.section5 .smoke4 {
	visibility: hidden;
	margin-top: 90px;
	margin-left: -84px;
	width: 168px;
	height: 69.6px
}

.section5 .cloud {
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -440px;
	width: 880px;
	-moz-transition: all .5s ease-in;
	-o-transition: all .5s ease-in;
	-webkit-transition: all .5s ease-in;
	transition: all .5s ease-in;
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	-webkit-transform: scale(2);
	transform: scale(2);
	filter: alpha(Opacity=0);
	opacity: 0
}

.section5 .cloud .cloud1,.section5 .cloud .cloud2,.section5 .cloud .flip {
	width: 420px;
	height: 200px;
	background-repeat: no-repeat;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	-webkit-background-size: 100%;
	background-size: 100%;
	-moz-transition: all .5s ease-in;
	-o-transition: all .5s ease-in;
	-webkit-transition: all .5s ease-in;
	transition: all .5s ease-in
}

.section5 .cloud .cloud1 {
	position: absolute;
	top: -200px
}

.section5 .cloud .cloud1,.section5 .cloud .cloud1 .flip {
	background-image: url(https://6xnt.cn/box.6xnt.cn/xbox/wuxian/img/s5_cloud1.png)
}

.section5 .cloud .cloud2 {
	position: absolute;
	top: -200px
}

.section5 .cloud .cloud2,.section5 .cloud .cloud2 .flip {
	background-image: url(https://6xnt.cn/box.6xnt.cn/xbox/wuxian/img/s5_cloud2.png)
}

.section5 .cloud .flip {
	-moz-transform: translateX(460px) rotateY(180deg);
	-ms-transform: translateX(460px) rotateY(180deg);
	-webkit-transform: translateX(460px) rotateY(180deg);
	transform: translateX(460px) rotateY(180deg)
}

.section5 .playing .rocket {
	top: 50%;
	margin-top: -150px;
	-moz-animation: speed 1s .5s infinite linear;
	-webkit-animation: speed 1s .5s infinite linear;
	animation: speed 1s .5s infinite linear
}

.section5 .playing .smoke1,.section5 .playing .smoke2,.section5 .playing .smoke3 {
	-moz-animation: smoke 1s infinite ease-out;
	-webkit-animation: smoke 1s infinite ease-out;
	animation: smoke 1s infinite ease-out
}

.section5 .playing .smoke2 {
	-moz-animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}

.section5 .playing .smoke3 {
	-moz-animation-duration: .9s;
	-webkit-animation-duration: .9s;
	animation-duration: .9s
}

.section5 .playing .cloud {
	filter: alpha(enabled=false);
	opacity: 1;
	-moz-transform: inherit;
	-ms-transform: inherit;
	-webkit-transform: inherit;
	transform: inherit
}

.super .section5 {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1
}

.super .section5.launch {
	z-index: 999;
	-moz-transition: -moz-transform .8s ease-out .2s;
	-o-transition: -o-transform .8s ease-out .2s;
	-webkit-transition: -webkit-transform .8s ease-out;
	-webkit-transition-delay: .2s;
	transition: transform .8s ease-out .2s;
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%)
}

.super .section5.launch .smoke4 {
	visibility: visible;
	filter: alpha(Opacity=0);
	opacity: 0;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	-moz-transform: translateY(30px) scale(2);
	-ms-transform: translateY(30px) scale(2);
	-webkit-transform: translateY(30px) scale(2);
	transform: translateY(30px) scale(2)
}

@-moz-keyframes loop {
	50% {
		-moz-transform: translateY(10px);
		transform: translateY(10px)
	}
}

@-webkit-keyframes loop {
	50% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px)
	}
}

@keyframes loop {
	50% {
		-moz-transform: translateY(10px);
		-ms-transform: translateY(10px);
		-webkit-transform: translateY(10px);
		transform: translateY(10px)
	}
}

@-moz-keyframes ry360 {
	100% {
		-moz-transform: rotateY(360deg);
		transform: rotateY(360deg)
	}
}

@-webkit-keyframes ry360 {
	100% {
		-webkit-transform: rotateY(360deg);
		transform: rotateY(360deg)
	}
}

@keyframes ry360 {
	100% {
		-moz-transform: rotateY(360deg);
		-ms-transform: rotateY(360deg);
		-webkit-transform: rotateY(360deg);
		transform: rotateY(360deg)
	}
}

@-moz-keyframes ry360V {
	0% {
		-moz-transform: perspective(500px) rotateY(60deg);
		transform: perspective(500px) rotateY(60deg)
	}

	100% {
		-moz-transform: perspective(500px) rotateY(420deg);
		transform: perspective(500px) rotateY(420deg)
	}
}

@-webkit-keyframes ry360V {
	0% {
		-webkit-transform: perspective(500px) rotateY(60deg);
		transform: perspective(500px) rotateY(60deg)
	}

	100% {
		-webkit-transform: perspective(500px) rotateY(420deg);
		transform: perspective(500px) rotateY(420deg)
	}
}

@keyframes ry360V {
	0% {
		-moz-transform: perspective(500px) rotateY(60deg);
		-ms-transform: perspective(500px) rotateY(60deg);
		-webkit-transform: perspective(500px) rotateY(60deg);
		transform: perspective(500px) rotateY(60deg)
	}

	100% {
		-moz-transform: perspective(500px) rotateY(420deg);
		-ms-transform: perspective(500px) rotateY(420deg);
		-webkit-transform: perspective(500px) rotateY(420deg);
		transform: perspective(500px) rotateY(420deg)
	}
}

@-moz-keyframes rz360 {
	0% {
		-moz-transform: rotateX(180deg) rotateZ(0);
		transform: rotateX(180deg) rotateZ(0)
	}

	100% {
		-moz-transform: rotateX(180deg) rotateZ(-360deg);
		transform: rotateX(180deg) rotateZ(-360deg)
	}
}

@-webkit-keyframes rz360 {
	0% {
		-webkit-transform: rotateX(180deg) rotateZ(0);
		transform: rotateX(180deg) rotateZ(0)
	}

	100% {
		-webkit-transform: rotateX(180deg) rotateZ(-360deg);
		transform: rotateX(180deg) rotateZ(-360deg)
	}
}

@keyframes rz360 {
	0% {
		-moz-transform: rotateX(180deg) rotateZ(0);
		-ms-transform: rotateX(180deg) rotateZ(0);
		-webkit-transform: rotateX(180deg) rotateZ(0);
		transform: rotateX(180deg) rotateZ(0)
	}

	100% {
		-moz-transform: rotateX(180deg) rotateZ(-360deg);
		-ms-transform: rotateX(180deg) rotateZ(-360deg);
		-webkit-transform: rotateX(180deg) rotateZ(-360deg);
		transform: rotateX(180deg) rotateZ(-360deg)
	}
}

@-moz-keyframes rz360_r1 {
	0% {
		-moz-transform: translateZ(-30px) rotateZ(0);
		transform: translateZ(-30px) rotateZ(0)
	}

	100% {
		-moz-transform: translateZ(-30px) rotateZ(-360deg);
		transform: translateZ(-30px) rotateZ(-360deg)
	}
}

@-webkit-keyframes rz360_r1 {
	0% {
		-webkit-transform: translateZ(-30px) rotateZ(0);
		transform: translateZ(-30px) rotateZ(0)
	}

	100% {
		-webkit-transform: translateZ(-30px) rotateZ(-360deg);
		transform: translateZ(-30px) rotateZ(-360deg)
	}
}

@keyframes rz360_r1 {
	0% {
		-moz-transform: translateZ(-30px) rotateZ(0);
		-ms-transform: translateZ(-30px) rotateZ(0);
		-webkit-transform: translateZ(-30px) rotateZ(0);
		transform: translateZ(-30px) rotateZ(0)
	}

	100% {
		-moz-transform: translateZ(-30px) rotateZ(-360deg);
		-ms-transform: translateZ(-30px) rotateZ(-360deg);
		-webkit-transform: translateZ(-30px) rotateZ(-360deg);
		transform: translateZ(-30px) rotateZ(-360deg)
	}
}

@-moz-keyframes rz360_r2 {
	0% {
		-moz-transform: translateZ(-60px) rotateZ(0);
		transform: translateZ(-60px) rotateZ(0)
	}

	100% {
		-moz-transform: translateZ(-60px) rotateZ(360deg);
		transform: translateZ(-60px) rotateZ(360deg)
	}
}

@-webkit-keyframes rz360_r2 {
	0% {
		-webkit-transform: translateZ(-60px) rotateZ(0);
		transform: translateZ(-60px) rotateZ(0)
	}

	100% {
		-webkit-transform: translateZ(-60px) rotateZ(360deg);
		transform: translateZ(-60px) rotateZ(360deg)
	}
}

@keyframes rz360_r2 {
	0% {
		-moz-transform: translateZ(-60px) rotateZ(0);
		-ms-transform: translateZ(-60px) rotateZ(0);
		-webkit-transform: translateZ(-60px) rotateZ(0);
		transform: translateZ(-60px) rotateZ(0)
	}

	100% {
		-moz-transform: translateZ(-60px) rotateZ(360deg);
		-ms-transform: translateZ(-60px) rotateZ(360deg);
		-webkit-transform: translateZ(-60px) rotateZ(360deg);
		transform: translateZ(-60px) rotateZ(360deg)
	}
}

@-moz-keyframes o1 {
	50% {
		opacity: .6
	}
}

@-webkit-keyframes o1 {
	50% {
		opacity: .6
	}
}

@keyframes o1 {
	50% {
		opacity: .6
	}
}

@-moz-keyframes o2 {
	50% {
		opacity: .2
	}
}

@-webkit-keyframes o2 {
	50% {
		opacity: .2
	}
}

@keyframes o2 {
	50% {
		opacity: .2
	}
}

@-moz-keyframes o3 {
	50% {
		opacity: 1
	}
}

@-webkit-keyframes o3 {
	50% {
		opacity: 1
	}
}

@keyframes o3 {
	50% {
		opacity: 1
	}
}

@-moz-keyframes rz60 {
	0% {
		-moz-transform: rotateZ(-60deg);
		transform: rotateZ(-60deg)
	}

	100% {
		-moz-transform: rotateZ(60deg);
		transform: rotateZ(60deg)
	}
}

@-webkit-keyframes rz60 {
	0% {
		-webkit-transform: rotateZ(-60deg);
		transform: rotateZ(-60deg)
	}

	100% {
		-webkit-transform: rotateZ(60deg);
		transform: rotateZ(60deg)
	}
}

@keyframes rz60 {
	0% {
		-moz-transform: rotateZ(-60deg);
		-ms-transform: rotateZ(-60deg);
		-webkit-transform: rotateZ(-60deg);
		transform: rotateZ(-60deg)
	}

	100% {
		-moz-transform: rotateZ(60deg);
		-ms-transform: rotateZ(60deg);
		-webkit-transform: rotateZ(60deg);
		transform: rotateZ(60deg)
	}
}

@-moz-keyframes switch_1 {
	8.33% {
		-moz-transform: translate(0,0) scale(1.7);
		transform: translate(0,0) scale(1.7)
	}

	33.33% {
		-moz-transform: translate(0,0) scale(1.7);
		transform: translate(0,0) scale(1.7)
	}

	41.67% {
		-moz-transform: translate(350px,30px) scale(1);
		transform: translate(350px,30px) scale(1)
	}

	66.67% {
		-moz-transform: translate(350px,30px) scale(1);
		transform: translate(350px,30px) scale(1)
	}

	75% {
		-moz-transform: translate(-350px,30px) scale(1);
		transform: translate(-350px,30px) scale(1)
	}
}

@-webkit-keyframes switch_1 {
	8.33% {
		-webkit-transform: translate(0,0) scale(1.7);
		transform: translate(0,0) scale(1.7)
	}

	33.33% {
		-webkit-transform: translate(0,0) scale(1.7);
		transform: translate(0,0) scale(1.7)
	}

	41.67% {
		-webkit-transform: translate(350px,30px) scale(1);
		transform: translate(350px,30px) scale(1)
	}

	66.67% {
		-webkit-transform: translate(350px,30px) scale(1);
		transform: translate(350px,30px) scale(1)
	}

	75% {
		-webkit-transform: translate(-350px,30px) scale(1);
		transform: translate(-350px,30px) scale(1)
	}
}

@keyframes switch_1 {
	8.33% {
		-moz-transform: translate(0,0) scale(1.7);
		-ms-transform: translate(0,0) scale(1.7);
		-webkit-transform: translate(0,0) scale(1.7);
		transform: translate(0,0) scale(1.7)
	}

	33.33% {
		-moz-transform: translate(0,0) scale(1.7);
		-ms-transform: translate(0,0) scale(1.7);
		-webkit-transform: translate(0,0) scale(1.7);
		transform: translate(0,0) scale(1.7)
	}

	41.67% {
		-moz-transform: translate(350px,30px) scale(1);
		-ms-transform: translate(350px,30px) scale(1);
		-webkit-transform: translate(350px,30px) scale(1);
		transform: translate(350px,30px) scale(1)
	}

	66.67% {
		-moz-transform: translate(350px,30px) scale(1);
		-ms-transform: translate(350px,30px) scale(1);
		-webkit-transform: translate(350px,30px) scale(1);
		transform: translate(350px,30px) scale(1)
	}

	75% {
		-moz-transform: translate(-350px,30px) scale(1);
		-ms-transform: translate(-350px,30px) scale(1);
		-webkit-transform: translate(-350px,30px) scale(1);
		transform: translate(-350px,30px) scale(1)
	}
}

@-moz-keyframes switch_2 {
	8.33% {
		-moz-transform: translate(350px,30px) scale(1);
		transform: translate(350px,30px) scale(1)
	}

	33.33% {
		-moz-transform: translate(350px,30px) scale(1);
		transform: translate(350px,30px) scale(1)
	}

	41.67% {
		-moz-transform: translate(-350px,30px) scale(1);
		transform: translate(-350px,30px) scale(1)
	}

	66.67% {
		-moz-transform: translate(-350px,30px) scale(1);
		transform: translate(-350px,30px) scale(1)
	}

	75% {
		-moz-transform: translate(0,0) scale(1.7);
		transform: translate(0,0) scale(1.7)
	}
}

@-webkit-keyframes switch_2 {
	8.33% {
		-webkit-transform: translate(350px,30px) scale(1);
		transform: translate(350px,30px) scale(1)
	}

	33.33% {
		-webkit-transform: translate(350px,30px) scale(1);
		transform: translate(350px,30px) scale(1)
	}

	41.67% {
		-webkit-transform: translate(-350px,30px) scale(1);
		transform: translate(-350px,30px) scale(1)
	}

	66.67% {
		-webkit-transform: translate(-350px,30px) scale(1);
		transform: translate(-350px,30px) scale(1)
	}

	75% {
		-webkit-transform: translate(0,0) scale(1.7);
		transform: translate(0,0) scale(1.7)
	}
}

@keyframes switch_2 {
	8.33% {
		-moz-transform: translate(350px,30px) scale(1);
		-ms-transform: translate(350px,30px) scale(1);
		-webkit-transform: translate(350px,30px) scale(1);
		transform: translate(350px,30px) scale(1)
	}

	33.33% {
		-moz-transform: translate(350px,30px) scale(1);
		-ms-transform: translate(350px,30px) scale(1);
		-webkit-transform: translate(350px,30px) scale(1);
		transform: translate(350px,30px) scale(1)
	}

	41.67% {
		-moz-transform: translate(-350px,30px) scale(1);
		-ms-transform: translate(-350px,30px) scale(1);
		-webkit-transform: translate(-350px,30px) scale(1);
		transform: translate(-350px,30px) scale(1)
	}

	66.67% {
		-moz-transform: translate(-350px,30px) scale(1);
		-ms-transform: translate(-350px,30px) scale(1);
		-webkit-transform: translate(-350px,30px) scale(1);
		transform: translate(-350px,30px) scale(1)
	}

	75% {
		-moz-transform: translate(0,0) scale(1.7);
		-ms-transform: translate(0,0) scale(1.7);
		-webkit-transform: translate(0,0) scale(1.7);
		transform: translate(0,0) scale(1.7)
	}
}

@-moz-keyframes switch_3 {
	8.33% {
		-moz-transform: translate(-350px,30px) scale(1);
		transform: translate(-350px,30px) scale(1)
	}

	33.33% {
		-moz-transform: translate(-350px,30px) scale(1);
		transform: translate(-350px,30px) scale(1)
	}

	41.67% {
		-moz-transform: translate(0,0) scale(1.7);
		transform: translate(0,0) scale(1.7)
	}

	66.67% {
		-moz-transform: translate(0,0) scale(1.7);
		transform: translate(0,0) scale(1.7)
	}

	75% {
		-moz-transform: translate(350px,30px) scale(1);
		transform: translate(350px,30px) scale(1)
	}
}

@-webkit-keyframes switch_3 {
	8.33% {
		-webkit-transform: translate(-350px,30px) scale(1);
		transform: translate(-350px,30px) scale(1)
	}

	33.33% {
		-webkit-transform: translate(-350px,30px) scale(1);
		transform: translate(-350px,30px) scale(1)
	}

	41.67% {
		-webkit-transform: translate(0,0) scale(1.7);
		transform: translate(0,0) scale(1.7)
	}

	66.67% {
		-webkit-transform: translate(0,0) scale(1.7);
		transform: translate(0,0) scale(1.7)
	}

	75% {
		-webkit-transform: translate(350px,30px) scale(1);
		transform: translate(350px,30px) scale(1)
	}
}

@keyframes switch_3 {
	8.33% {
		-moz-transform: translate(-350px,30px) scale(1);
		-ms-transform: translate(-350px,30px) scale(1);
		-webkit-transform: translate(-350px,30px) scale(1);
		transform: translate(-350px,30px) scale(1)
	}

	33.33% {
		-moz-transform: translate(-350px,30px) scale(1);
		-ms-transform: translate(-350px,30px) scale(1);
		-webkit-transform: translate(-350px,30px) scale(1);
		transform: translate(-350px,30px) scale(1)
	}

	41.67% {
		-moz-transform: translate(0,0) scale(1.7);
		-ms-transform: translate(0,0) scale(1.7);
		-webkit-transform: translate(0,0) scale(1.7);
		transform: translate(0,0) scale(1.7)
	}

	66.67% {
		-moz-transform: translate(0,0) scale(1.7);
		-ms-transform: translate(0,0) scale(1.7);
		-webkit-transform: translate(0,0) scale(1.7);
		transform: translate(0,0) scale(1.7)
	}

	75% {
		-moz-transform: translate(350px,30px) scale(1);
		-ms-transform: translate(350px,30px) scale(1);
		-webkit-transform: translate(350px,30px) scale(1);
		transform: translate(350px,30px) scale(1)
	}
}

@-moz-keyframes scan {
	0% {
		-moz-transform: translateY(-45px);
		transform: translateY(-45px)
	}

	12% {
		-moz-transform: translateY(170px);
		transform: translateY(170px)
	}

	13% {
		-moz-transform: translateY(171px) rotateX(180deg);
		transform: translateY(171px) rotateX(180deg)
	}

	24% {
		-moz-transform: translateY(-43px) rotateX(180deg);
		transform: translateY(-43px) rotateX(180deg)
	}

	25% {
		-moz-transform: translateY(-45px);
		transform: translateY(-45px)
	}
}

@-webkit-keyframes scan {
	0% {
		-webkit-transform: translateY(-45px);
		transform: translateY(-45px)
	}

	12% {
		-webkit-transform: translateY(170px);
		transform: translateY(170px)
	}

	13% {
		-webkit-transform: translateY(171px) rotateX(180deg);
		transform: translateY(171px) rotateX(180deg)
	}

	24% {
		-webkit-transform: translateY(-43px) rotateX(180deg);
		transform: translateY(-43px) rotateX(180deg)
	}

	25% {
		-webkit-transform: translateY(-45px);
		transform: translateY(-45px)
	}
}

@keyframes scan {
	0% {
		-moz-transform: translateY(-45px);
		-ms-transform: translateY(-45px);
		-webkit-transform: translateY(-45px);
		transform: translateY(-45px)
	}

	12% {
		-moz-transform: translateY(170px);
		-ms-transform: translateY(170px);
		-webkit-transform: translateY(170px);
		transform: translateY(170px)
	}

	13% {
		-moz-transform: translateY(171px) rotateX(180deg);
		-ms-transform: translateY(171px) rotateX(180deg);
		-webkit-transform: translateY(171px) rotateX(180deg);
		transform: translateY(171px) rotateX(180deg)
	}

	24% {
		-moz-transform: translateY(-43px) rotateX(180deg);
		-ms-transform: translateY(-43px) rotateX(180deg);
		-webkit-transform: translateY(-43px) rotateX(180deg);
		transform: translateY(-43px) rotateX(180deg)
	}

	25% {
		-moz-transform: translateY(-45px);
		-ms-transform: translateY(-45px);
		-webkit-transform: translateY(-45px);
		transform: translateY(-45px)
	}
}

@-moz-keyframes flame {
	100% {
		opacity: .8;
		-moz-transform: translateY(-2px) scaleY(1.3);
		transform: translateY(-2px) scaleY(1.3)
	}
}

@-webkit-keyframes flame {
	100% {
		opacity: .8;
		-webkit-transform: translateY(-2px) scaleY(1.3);
		transform: translateY(-2px) scaleY(1.3)
	}
}

@keyframes flame {
	100% {
		opacity: .8;
		-moz-transform: translateY(-2px) scaleY(1.3);
		-ms-transform: translateY(-2px) scaleY(1.3);
		-webkit-transform: translateY(-2px) scaleY(1.3);
		transform: translateY(-2px) scaleY(1.3)
	}
}

@-moz-keyframes speed {
	10% {
		-moz-transform: translate(-2px,-3px);
		transform: translate(-2px,-3px)
	}

	25% {
		-moz-transform: translate(2px,-3px);
		transform: translate(2px,-3px)
	}

	50% {
		-moz-transform: translate(0,0);
		transform: translate(0,0)
	}

	75% {
		-moz-transform: translate(-2px,3px);
		transform: translate(-2px,3px)
	}

	90% {
		-moz-transform: translate(2px,3px);
		transform: translate(2px,3px)
	}
}

@-webkit-keyframes speed {
	10% {
		-webkit-transform: translate(-2px,-3px);
		transform: translate(-2px,-3px)
	}

	25% {
		-webkit-transform: translate(2px,-3px);
		transform: translate(2px,-3px)
	}

	50% {
		-webkit-transform: translate(0,0);
		transform: translate(0,0)
	}

	75% {
		-webkit-transform: translate(-2px,3px);
		transform: translate(-2px,3px)
	}

	90% {
		-webkit-transform: translate(2px,3px);
		transform: translate(2px,3px)
	}
}

@keyframes speed {
	10% {
		-moz-transform: translate(-2px,-3px);
		-ms-transform: translate(-2px,-3px);
		-webkit-transform: translate(-2px,-3px);
		transform: translate(-2px,-3px)
	}

	25% {
		-moz-transform: translate(2px,-3px);
		-ms-transform: translate(2px,-3px);
		-webkit-transform: translate(2px,-3px);
		transform: translate(2px,-3px)
	}

	50% {
		-moz-transform: translate(0,0);
		-ms-transform: translate(0,0);
		-webkit-transform: translate(0,0);
		transform: translate(0,0)
	}

	75% {
		-moz-transform: translate(-2px,3px);
		-ms-transform: translate(-2px,3px);
		-webkit-transform: translate(-2px,3px);
		transform: translate(-2px,3px)
	}

	90% {
		-moz-transform: translate(2px,3px);
		-ms-transform: translate(2px,3px);
		-webkit-transform: translate(2px,3px);
		transform: translate(2px,3px)
	}
}

@-moz-keyframes smoke {
	100% {
		opacity: 0;
		-moz-transform: translateY(30px) scale(2);
		transform: translateY(30px) scale(2)
	}
}

@-webkit-keyframes smoke {
	100% {
		opacity: 0;
		-webkit-transform: translateY(30px) scale(2);
		transform: translateY(30px) scale(2)
	}
}

@keyframes smoke {
	100% {
		opacity: 0;
		-moz-transform: translateY(30px) scale(2);
		-ms-transform: translateY(30px) scale(2);
		-webkit-transform: translateY(30px) scale(2);
		transform: translateY(30px) scale(2)
	}
}

@-moz-keyframes roll_spot {
	0% {
		-moz-transform: rotateX(85deg) rotateZ(0);
		transform: rotateX(85deg) rotateZ(0)
	}

	100% {
		-moz-transform: rotateX(85deg) rotateZ(-180deg);
		transform: rotateX(85deg) rotateZ(-180deg)
	}
}

@-webkit-keyframes roll_spot {
	0% {
		-webkit-transform: rotateX(85deg) rotateZ(0);
		transform: rotateX(85deg) rotateZ(0)
	}

	100% {
		-webkit-transform: rotateX(85deg) rotateZ(-180deg);
		transform: rotateX(85deg) rotateZ(-180deg)
	}
}

@keyframes roll_spot {
	0% {
		-moz-transform: rotateX(85deg) rotateZ(0);
		-ms-transform: rotateX(85deg) rotateZ(0);
		-webkit-transform: rotateX(85deg) rotateZ(0);
		transform: rotateX(85deg) rotateZ(0)
	}

	100% {
		-moz-transform: rotateX(85deg) rotateZ(-180deg);
		-ms-transform: rotateX(85deg) rotateZ(-180deg);
		-webkit-transform: rotateX(85deg) rotateZ(-180deg);
		transform: rotateX(85deg) rotateZ(-180deg)
	}
}

@media only screen and (min-width:1700px) {
	.section .main,.section .slogan {
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		-webkit-transform: scale(1.5);
		transform: scale(1.5)
	}

	.section .slogan {
		-moz-transform-origin: 50% -20%;
		-ms-transform-origin: 50% -20%;
		-webkit-transform-origin: 50% -20%;
		transform-origin: 50% -20%
	}

	.section1 .main {
		-moz-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%
	}

	.section1 .slogan {
		height: 114px;
		-moz-transform: inherit;
		-ms-transform: inherit;
		-webkit-transform: inherit;
		transform: inherit
	}

	.section1 .btn-download {
		margin-top: 40px;
		width: 240px;
		height: 68px
	}

	.section2 .main {
		-moz-transform-origin: 50% 100%;
		-ms-transform-origin: 50% 100%;
		-webkit-transform-origin: 50% 100%;
		transform-origin: 50% 100%
	}

	.section4 .main {
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}

	.section5 .main {
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		-moz-transform-origin: 50% 100%;
		-ms-transform-origin: 50% 100%;
		-webkit-transform-origin: 50% 100%;
		transform-origin: 50% 100%
	}

	.section5 .rocket {
		margin-top: 50px!important
	}

	.super .section5 {
		margin-top: -340px;
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		-webkit-transform: scale(1.5);
		transform: scale(1.5)
	}
}

@media only screen and (min-height:1200px) {
	.section .slogan {
		margin-top: 200px
	}

	.section1 {
		-moz-background-size: 140% auto!important;
		-o-background-size: 140% auto!important;
		-webkit-background-size: 140% auto!important;
		background-size: 140% auto!important
	}

	.section1 .slogan {
		margin-top: -180px
	}

	.section1 .btn-next {
		position: absolute;
		bottom: 50px;
		left: 50%;
		margin-left: -20px
	}

	.section2 {
		-moz-background-size: 140% auto!important;
		-o-background-size: 140% auto!important;
		-webkit-background-size: 140% auto!important;
		background-size: 140% auto!important
	}

	.section2 .main {
		top: -250px
	}

	.section2 .buildings {
		top: 115px;
		margin-left: -340px;
		width: 650px;
		height: 300px
	}

	.section3 .main {
		top: 50px
	}

	.section5 {
		-moz-background-size: 1950px 1200px;
		-o-background-size: 1950px 1200px;
		-webkit-background-size: 1950px 1200px;
		background-size: 1950px 1200px
	}

	.section5 .cloud {
		bottom: 50px
	}
}