* {
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
}

input[type=number] {
	-moz-appearance: textfield;
}

ul,
li {
	list-style: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.hidden {
	display: none!important;
}

.align {
	text-align: center;
}

.no_auto {
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.no_auto .co_tips {
	position: absolute;
	overflow: hidden;
}

html,
body {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.banner {
	width: 100%;
	height: 100%;
	position: relative;
}

.page1 {
	width: 100%;
	height: 100%;
	background: url(../images/p1.jpg) no-repeat center;
	background-size: 100% 100%;
	position: relative;
}

.logo {
	display: block;
	width: 3.84375rem;
	height: 2.8125rem;
	position: absolute;
	top: .5rem;
	left: 0.3125rem;
}

.t1 {
	display: block;
	width: 100%;
	height: 1.25rem;
	margin-top: 9.125rem;
}

.t2 {
	display: block;
	width: 19.5625rem;
	height: 11.34375rem;
	background:url(../images/t2.png) no-repeat center;
	background-size:100% 100%;
	margin: -.5rem auto 0;
	position: relative;
	z-index: 2;
	/*animation: 1s ease 0s infinite normal both running puffOut;*/
	/*-webkit-animation: 1s ease 0s infinite normal both running puffOut;*/
}
.light4{
	display: block;
	width:13.34375rem;
	height:5.5625rem;
	position:absolute;
	left:3.9rem;
	top:.1rem;
	animation: imgShake 3s linear infinite;
	-webkit-animation: imgShake 3s linear infinite;
}
.light5{
	display: block;
	width:15.46875rem;
	height:5.5625rem;
	position:absolute;
	left: 2.9rem;
    top: 1.2rem;
    animation: imgShake 2s linear infinite;
	-webkit-animation: imgShake 2s linear infinite;
}
.light6{
	display: block;
	width:15.46875rem;
	height:6.15625rem;
	position:absolute;
	left: 1.5rem;
    top: 3.1rem;
    animation: imgShake 2s linear infinite;
	-webkit-animation: imgShake 2s linear infinite;
}
.light7{
	display: block;
	width:11.5rem;
	height:5.5625rem;
	position:absolute;
	left: 3.8rem;
    top: 5.9rem;
    animation: imgShake 2.5s linear infinite;
	-webkit-animation: imgShake 2.5s linear infinite;
}
.blogo {
	display: block;
	width: 11.59375rem;
	height: 3.09375rem;
	position: relative;
	margin: 0.875rem auto 0;
	z-index: 1;
}

@-webkit-keyframes puffOut {
	0% {
		opacity: 1;
		-webkit-transform-origin: 50% 50%;
		-webkit-transform: scale(1)
	}
	to {
		opacity: 0;
		-webkit-transform-origin: 50% 50%;
		-webkit-transform: scale(2)
	}
}

@keyframes puffOut {
	0% {
		opacity: 1;
		transform-origin: 50% 50%;
		transform: scale(1)
	}
	to {
		opacity: 0;
		transform-origin: 50% 50%;
		transform: scale(2)
	}
}

.t3 {
	display: block;
	width: 18.96875rem;
	height: 5.5625rem;
	margin: -3.3rem auto 0;
}

.t4 {
	display: block;
	width: 100%;
	height: 5.5625rem;
	margin: -1rem auto 0;
}
.title7{
	display: block;
	width:16.0625rem;
	height:3.0625rem;
	margin:1.1875rem auto 0;
	position:relative;
	z-index:1;
}
.page10 .xian{
	bottom:10rem;
}
.title8{
	display: block;
	width:100%;
	height:1.25rem;
	margin:1.125rem auto 0;
	position:relative;
	z-index:1;
}
.img5{
	display: block;
	width:13.8125rem;
	height:19.4375rem;
	margin:0.5625rem auto 0;
	position:relative;
	z-index:1;
}
.f_logo{
	display: block;
	width:4.40625rem;
	height:3.21875rem;
	margin:1rem auto 0;
	position:relative;
	z-index:1;
}
.img6{
	width:18.125rem;
	height:24.90625rem;
	background:url(../images/last.png) no-repeat center;
	background-size:100% 100%;
	position:relative;
	margin:1.75rem auto 0;
}
.img7{
	width:18.125rem;
	height:24.90625rem;
	background:url(../images/txt6.png?111) no-repeat center;
	background-size:100% 100%;
	position:relative;
	margin:1.75rem auto 0;
}
.s_logo{
	display: block;
	width:4.15625rem;
	height:3.03125rem;
	position:absolute;
	left:50%;
	margin-left:-2.078125rem;
	bottom:0.4375rem
}
.page2,
.page3,
.page4,
.page5,
.page6,
.page7,
.page8,
.page9,
.page10,
.page11 {
	width: 100%;
	height: 100%;
	background: url(../images/p2.jpg) no-repeat center;
	background-size: 100% 100%;
	position: relative;
}

.page11 .p4 {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	animation: end infinite 1s;
	-webkit-animation: end infinite 1s;
}

@-webkit-keyframes end {
	0%,
	30% {
		opacity: 0;
		-webkit-transform: translate(0, 10px) rotate(180deg);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate(0, 0) rotate(180deg);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, -8px) rotate(180deg);
	}
}

@-moz-keyframes end {
	0%,
	30% {
		opacity: 0;
		-webkit-transform: translate(0, 10px) rotate(180deg);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate(0, 0) rotate(180deg);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, -8px) rotate(180deg);
	}
}

@keyframes end {
	0%,
	30% {
		opacity: 0;
		-webkit-transform: translate(0, 10px) rotate(180deg);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate(0, 0) rotate(180deg);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, -8px) rotate(180deg);
	}
}

@-ms-keyframes end {
	0%,
	30% {
		opacity: 0;
		-webkit-transform: translate(0, 10px) rotate(180deg);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate(0, 0) rotate(180deg);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, -8px) rotate(180deg);
	}
}

.page9 .title2 {
	margin-top: 1rem;
}

.txt6 {
	display: block;
	width: 18.125rem;
	height: 24.90625rem;
	margin: 0.875rem auto 0;
}
.txt7{
	width:100%;
	height:15.15625rem;
	background:url(../images/txt7.png) no-repeat center;
	background-size:100% 100%;
	position:relative;
	margin:-1.3125rem auto 0;
	z-index:1;
}
.txt7 .light1{
	top:0rem;
}
.txt7 .light2{
	bottom:.5rem;
}
.fb{
	display: block;
	width:100%;
	height:1rem;
	margin:-1.625rem auto 0;
}
.con3{
	width: 18.6875rem;
	margin: 0.375rem auto 0;
	position: relative;
	overflow: hidden;
}
.t2_banner {
	width: 16.6875rem;
	height: 9.40625rem;
	position: relative;
	overflow: hidden;
	margin: 0 auto 0;
}

.t2_banner li {
	overflow: hidden;
}

.t2_banner li img {
	display: block;
	width: 16.6875rem;
	height: 9.40625rem;
	object-fit: cover;
	vertical-align: middle;
	overflow: hidden;
}

.con3 .swiper-button-next3 {
	width: 0.59375rem;
	height: 1.9375rem;
	background: url(../images/nv.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	right: 0;
	opacity: 1;
	margin-top: -0.96875rem;
	top: 50%;
}

.con3 .swiper-button-prev3 {
	width: 0.59375rem;
	height: 1.9375rem;
	background: url(../images/nv.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	opacity: 1;
	margin-top: -0.96875rem;
	top: 50%;
}
.con4{
	width: 18.6875rem;
	margin: 0.875rem auto 0;
	position: relative;
	overflow: hidden;
}
.t4_banner {
	width: 16.6875rem;
	height: 11.09375rem;
	position: relative;
	overflow: hidden;
	margin: 0 auto 0;
}

.t4_banner li {
	overflow: hidden;
}

.t4_banner li img {
	display: block;
	width: 16.6875rem;
	height: 11.09375rem;
	object-fit: cover;
	vertical-align: middle;
	overflow: hidden;
}

.con4 .swiper-button-next4 {
	width: 0.59375rem;
	height: 1.9375rem;
	background: url(../images/nv.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	right: 0;
	opacity: 1;
	margin-top: -0.96875rem;
	top: 50%;
}

.con4 .swiper-button-prev4 {
	width: 0.59375rem;
	height: 1.9375rem;
	background: url(../images/nv.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	opacity: 1;
	margin-top: -0.96875rem;
	top: 50%;
}
.p1 {
	display: block;
	width: 18.96875rem;
	height: 4.75rem;
	position: relative;
	margin: -1.75rem auto 0;
}

.p2 {
	display: block;
	width: 18.65625rem;
	height: 11.34375rem;
	margin: .5rem auto 0;
}

.p3 {
	display: block;
	width: 18.125rem;
	height: 15.59375rem;
	margin: 0.25rem auto 0;
}

.p4 {
	display: block;
	width: 1.84375rem;
	height: 0.9375rem;
	position: absolute;
	left: 50%;
	margin-left: -0.921875rem;
	bottom: 0.3125rem;
	animation: start infinite 1s ease-in-out;
	-webkit-animation: start infinite 1s ease-in-out;
}

@-webkit-keyframes start {
	0%,
	30% {
		opacity: 0;
		-webkit-transform: translate(0, -10px);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, 8px);
	}
}

@-moz-keyframes start {
	0%,
	30% {
		opacity: 0;
		-webkit-transform: translate(0, -10px);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, 8px);
	}
}

@keyframes start {
	0%,
	30% {
		opacity: 0;
		-webkit-transform: translate(0, -10px);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, 8px);
	}
}

@-ms-keyframes start {
	0%,
	30% {
		opacity: 0;
		-webkit-transform: translate(0, -10px);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, 8px);
	}
}

.page3 .p1 {
	margin-top: -1.1875rem;
}

.img1 {
	display: block;
	width: 18.03125rem;
	height: 26.59375rem;
	margin: .5rem auto 0;
}

.title1 {
	display: block;
	width: 8.65625rem;
	height: 3.28125rem;
	margin: 0.5rem auto 0;
}

.con {
	width: 18.6875rem;
	margin: 1rem auto 0;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.light {
	display: block;
	width: 14.71875rem;
	height: 13.96875rem;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -7.359375rem;
	animation: imgShake 1.5s linear infinite;
	-webkit-animation: imgShake 1.5s linear infinite;
}

@keyframes imgShake {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes imgShake {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.xian {
	display: block;
	width: 100%;
	height: 6.375rem;
	position: absolute;
	left: 0;
	bottom: 8rem;
	animation: imgGo 2s linear infinite;
	-webkit-animation: imgGo 2s linear infinite;
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
}

@keyframes imgGo {
	0% {
		transform: translateX(25px) scale(1.8);
		-webkit-transform: translateX(25px) scale(1.8);
	}
	50% {
		transform: translateX(0px) scale(1.8);
		-webkit-transform: translateX(0px) scale(1.8);
	}
	100% {
		transform: translateX(25px) scale(1.8);
		-webkit-transform: translateX(25px) scale(1.8);
	}
}

.t_banner {
	width: 16.40625rem;
	height: 10.28125rem;
	position: relative;
	overflow: hidden;
	margin: 0 auto 0;
	border: 0.125rem solid #ffcc00;
}

.t_banner li img {
	display: block;
	width: 16.40625rem;
	height: 10.28125rem;
}
.t_banner li:nth-child(1){
	animation: t1 2s linear infinite;
	-webkit-animation: t1 2s linear infinite;
}
@keyframes t1{
	0%{visibility: hidden;}
	100%{visibility: visible;}
}
.title_n{
	display: block;
	width:17.4375rem;
	height:3.21875rem;
	margin:0.3125rem auto 0;
	position:relative;
	z-index:1;
}
.con .swiper-button-next {
	width: 0.59375rem;
	height: 1.9375rem;
	background: url(../images/nv.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	right: 0;
	opacity: 1;
	margin-top: -0.96875rem;
}

.con .swiper-button-prev {
	width: 0.59375rem;
	height: 1.9375rem;
	background: url(../images/nv.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	opacity: 1;
	margin-top: -0.96875rem;
}

.txt1 {
	display: block;
	width: 18.125rem;
	height: 15.59375rem;
	background: url(../images/txt1.png) no-repeat center;
	background-size: 100% 100%;
	margin: 0.4375rem auto 0;
	z-index: 1;
	position: relative;
}

.light1 {
	display: block;
	width: 10.34375rem;
	height: 4.15625rem;
	position: absolute;
	left: 0;
	top: -2.4rem;
	animation: rightGo 10s linear infinite;
	-webkit-animation: rightGo 10s linear infinite;
}

@keyframes rightGo {
	0% {
		transform: translateX(0rem);
		-webkit-transform: translateX(0rem);
	}
	50% {
		transform: translateX(15rem);
		-webkit-transform: translateX(15rem);
	}
	100% {
		transform: translateX(24rem);
		-webkit-transform: translateX(24rem);
	}
}

@-webkit-keyframes rightGo {
	0% {
		transform: translateX(0rem);
		-webkit-transform: translateX(0rem);
	}
	50% {
		transform: translateX(15rem);
		-webkit-transform: translateX(15rem);
	}
	100% {
		transform: translateX(24rem);
		-webkit-transform: translateX(24rem);
	}
}
.txt8{
	width:100%;
	height:9.9375rem;
	background:url(../images/img4.png) no-repeat center;
	background-size:100% 100%;
	position:relative;
	margin:1rem auto 0;
}
.page7 .fb{
	margin-top:1.3125rem;
}
.light2 {
	display: block;
	width: 10.34375rem;
	height: 4.15625rem;
	position: absolute;
	right: 0;
	bottom: -1.7rem;
	animation: leftGo 10s linear infinite;
	-webkit-animation: leftGo 10s linear infinite;
}
@keyframes leftGo {
	0% {
		transform: translateX(0rem);
		-webkit-transform: translateX(0rem);
	}
	50% {
		transform: translateX(-15rem);
		-webkit-transform: translateX(-15rem);
	}
	100% {
		transform: translateX(-24rem);
		-webkit-transform: translateX(-24rem);
	}
}

@-webkit-keyframes leftGo {
	0% {
		transform: translateX(0rem);
		-webkit-transform: translateX(0rem);
	}
	50% {
		transform: translateX(-15rem);
		-webkit-transform: translateX(-15rem);
	}
	100% {
		transform: translateX(-24rem);
		-webkit-transform: translateX(-24rem);
	}
}
.title2 {
	display: block;
	width: 19rem;
	height: 3.21875rem;
	margin: 0.4375rem auto 0;
}

.page7 .title2 {
	margin-top: 0.875rem;
}

.page5 p,
.page6 p {
	font-size: 0.9375rem;
	color: #fff;
	text-align: center;
	margin: .1rem 0 .4rem 0;
}

.con1 {
	width: 18.6875rem;
	margin: 0.375rem auto 0;
	position: relative;
	overflow: hidden;
}

.t1_banner {
	width: 16.6875rem;
	height: 9.40625rem;
	position: relative;
	overflow: hidden;
	margin: 0 auto 0;
}

.t1_banner li {
	overflow: hidden;
}

.t1_banner li img {
	display: block;
	width: 16.6875rem;
	height: 9.40625rem;
	object-fit: cover;
	overflow: hidden;
	vertical-align: middle;
}

.con1 .swiper-button-next1 {
	width: 0.59375rem;
	height: 1.9375rem;
	background: url(../images/nv.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	right: 0;
	opacity: 1;
	margin-top: -0.96875rem;
	top: 50%;
}

.con1 .swiper-button-prev1 {
	width: 0.59375rem;
	height: 1.9375rem;
	background: url(../images/nv.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	opacity: 1;
	margin-top: -0.96875rem;
	top: 50%;
}
.title6{
	display: block;
	width:18.34375rem;
	height:3.21875rem;
	margin:1rem auto 0;
	position:relative;
	z-index:1;
}
.txt2 {
	display: block;
	width: 18.125rem;
	height: 15.59375rem;
	background:url(../images/txt2.png) no-repeat center;
	background-size:100% 100%;
	margin: 0.375rem auto 0;
	position:relative;
}

.con2 {
	width: 18.6875rem;
	margin: 0.375rem auto 0;
	position: relative;
	overflow: hidden;
}

.t3_banner {
	width: 16.6875rem;
	height: 10.40625rem;
	position: relative;
	overflow: hidden;
	margin: 0 auto 0;
}

.t3_banner li {
	overflow: hidden;
}

.t3_banner li img {
	display: block;
	width: 16.6875rem;
	height: 10.40625rem;
	object-fit: cover;
	vertical-align: middle;
	overflow: hidden;
}

.con2 .swiper-button-next2 {
	width: 0.59375rem;
	height: 1.9375rem;
	background: url(../images/nv.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	right: 0;
	opacity: 1;
	margin-top: -0.96875rem;
	top: 50%;
}

.con2 .swiper-button-prev2 {
	width: 0.59375rem;
	height: 1.9375rem;
	background: url(../images/nv.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	opacity: 1;
	margin-top: -0.96875rem;
	top: 50%;
}
.txt20{
	display: block;
	width: 18.125rem;
	height: 15.59375rem;
	background:url(../images/txt8.png?111) no-repeat center;
	background-size:100% 100%;
	margin: 0.5625rem auto 0;
	position:relative;
}
.txt3 {
	display: block;
	width: 18.125rem;
	height: 15.59375rem;
	background:url(../images/txt3.png?111) no-repeat center;
	background-size:100% 100%;
	margin: 0.5625rem auto 0;
	position:relative;
}

.txt4 {
	display: block;
	width: 18.125rem;
	height: 15.59375rem;
	margin: 0.5rem auto 0;
}

.img2 {
	display: block;
	width: 100%;
	height: 8.84375rem;
	margin: 0.6875rem auto 0;
}

.bs {
	display: block;
	width: 4.25rem;
	height: 0.75rem;
	margin: 0.3125rem auto 0;
}

.img3 {
	display: block;
	width: 16.3125rem;
	height: 10.09375rem;
	margin: 0.875rem auto 0;
}

.txt5 {
	display: block;
	width: 18.125rem;
	height: 14.28125rem;
	background:url(../images/txt5.png) no-repeat center;
	background-size:100% 100%;
	position:relative;
	margin: 0.5rem auto 0;
}
.txt5 .light1{
	top:-1.1rem;
}
.chengg {
	height: 1px;
}

.play_music {
	width: 1.75rem;
	height: 1.75rem;
	position: fixed;
	right: .2rem;
	top: .2rem;
	z-index: 20;
	overflow: hidden;
}

.play_music img {
	display: block;
	width: 100%;
	height: 100%;
}

.play_music.active img:nth-child(1) {
	display: none;
}

.play_music img:nth-child(1) {
	animation: vGo 2s linear infinite;
	-webkit-animation: vGo 2s linear infinite;
}

@keyframes vGo {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}

@-webkit-keyframes vGo {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes vGo {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}

@-ms-keyframes vGo {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}