#bannner1{
	width: 100%;
	height: 100%;
}
.start{
	background: url(../img/bgstart.jpg) no-repeat center;
}
.start3{
    position: absolute;
    top: 2.5rem;
    width: 4.4rem;
    left: 5.8rem;
}
.swiper-slide-active .start3{
	-webkit-animation: fadeIn 2s 0.5s both;
}
.start1{
	position: absolute;
    width: 1.25rem;
    top: 7rem;
    left: 52%;
}
.swiper-slide-active .start1{
	-webkit-animation: fadeInRight 2s 1s both;
}

.start2{
    position: absolute;
    width: 1.35rem;
    top: 9rem;
    left: 40%;
}
.swiper-slide-active .start2{
	-webkit-animation: fadeInRight 2s 2s both;
}


.title{
	position: absolute;
	width: 1.3rem;
	left: 1rem;
	top: 1rem;
}

/*太平鼓*/
.page1{
	background: url(../img/bg1.jpg) no-repeat center;
}
.chui{
    position: absolute;
    width: 3rem;
    left: 3.5rem;
    top: 5.5rem;
}
.gu{
    position: absolute;
    width: 5rem;
    top: 3rem;
    left: 9rem;
}
.p14{
	position: absolute;
	width: 13.6rem;
	left: 0.9rem;
	top: 14rem;
}
.p11{
    position: absolute;
    width: 7rem;
    top: 14rem;
    left: 6.3rem;
}
.swiper-slide-active .p11{
	-webkit-animation: tada 1.2s 0.5s infinite;
}
.p12{
	position: absolute;
	width: 2.35rem;
	left: 9.2rem;
	top: 18rem;
}
.swiper-slide-active .p12{
	-webkit-animation: tada 1.3s 1s 3 both;
}
.p13{
	position: absolute;
    width: 2.65rem;
    left: 10.7rem;
    top: 19.5rem;
}
.swiper-slide-active .p13{
	-webkit-animation: tada 1.3s 1.5s 3 both;
}
.p15{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	opacity: 0;
}
.active .p15{
	-webkit-animation: fadeIn 1s 0.8s both;
}
.active .chui{
	-webkit-animation: chui 1.2s linear both;
	-webkit-transform-origin: 0% 100%;
}
@-webkit-keyframes chui{
	from{
		-webkit-transform: translateX(0) rotateZ(0);
	}
	30%{
		-webkit-transform: translateX(2rem) rotateZ(15deg);
	}
	to{
		-webkit-transform: translateX(-8rem) rotateZ(-15deg);
	}
}
.active .gu{
	-webkit-animation: gu 1.2s linear both;
	-webkit-transform-origin: 100% 100%;
}
@-webkit-keyframes gu{
	from{
		-webkit-transform: translateX(0) rotateZ(0);
	}
	30%{
		-webkit-transform: translateX(-1.5rem) rotateZ(-15deg);
	}
	to{
		-webkit-transform: translateX(8rem) rotateZ(15deg);
	}
}
.hand1{
	position: absolute;
	width: 1.8rem;
	left: 9rem;
	top: 8rem;
	pointer-events: none;
	-webkit-animation: hand1 1.5s linear infinite;
}
@-webkit-keyframes hand1{
	from{
		-webkit-transform: translate(0,0);
	}
	50%{
		-webkit-transform: translate(0.5rem,-0.5rem);
	}
	to{
		-webkit-transform: translate(0,0);
	}
}
.active .hand1{
	display: none;
}


/*幡会*/
.page2,.page21{
	background: url(../img/bg21.jpg) no-repeat center;
	background-size: 100% 100%;
}
.page21{
	-webkit-transform-origin: 50% 100%;
	-webkit-animation: page21 3s  linear both;
}
@-webkit-keyframes page21{
	from{
		-webkit-transform: scale(1);
	}
	to{
		-webkit-transform: scale(1.1);
	}
}

.chui2{
	position: absolute;
	width: 3.625rem;
	left: 3.5rem;
	top: 8rem;
}
.active .chui2{
	-webkit-animation: chui2 1s linear both;
}
@-webkit-keyframes chui2{
	from{
		-webkit-transform: translate(0,0) rotateZ(0);
	}
	50%{
		-webkit-transform: translate(3rem,2rem) rotateZ(10deg);
	}
	to{
		-webkit-transform: translate(0,0) rotateZ(0);
	}
}
.gu2{
	position: absolute;
	width: 6.5rem;
	top: 6.5rem;
	left: 8rem;
}
.active .gu2{
	-webkit-animation: gu2 0.5s 0.5s linear both;
	-webkit-transform-origin: 30% 0%;
}
@-webkit-keyframes gu2{
	from{
		-webkit-transform: rotateZ(0);
	}
	50%{
		-webkit-transform: rotateZ(-15deg);
	}
	to{
		-webkit-transform: rotateZ(0);
	}
}
.hand2{
	position: absolute;
	width: 1.8rem;
    left: 8rem;
    top: 13rem;
	pointer-events: none;
	-webkit-animation: hand1 1.5s linear infinite;
}
.active .hand2{
	display: none;
}
.fanhui{
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	display: block;
}
.page22{
	background: url(../img/bg22.jpg) no-repeat center;
	background-size: 100% 100%;
}
.df{
	position: absolute;
	width: 100%;
	left: 0;
	top: -2.2rem;
}
.p21{
    position: absolute;
    width: 14.175rem;
    left: 1.5rem;
    top: 13.4rem;
}
.swiper-slide-active .p21{
	-webkit-animation: tada 1.2s 0.5s infinite;
}
.p22{
	position: absolute;
	width: 11.125rem;
	left: 2rem;
	top: 17.8rem;
	/*-webkit-animation: tada 1.2s 0.4s 3 both;*/
}
.active.page22{
	display: block;
	-webkit-animation: fadeIn 1s linear both;
}
.p23{
    position: absolute;
    width: 11.223rem;
    left: 4rem;
    top: 19rem;
    /*-webkit-animation: tada 1.2s 0.4s 3 both;*/
}
.p24{
    position: absolute;
    width: 2rem;
    left: 12rem;
    top: 20rem;
     -webkit-animation: fadeIn 1s 1s both,tada 1s 2s 3 both;
}
.p25{
	position: absolute;
	left: 6rem;
	width: 1.375rem;
	top: 22rem;
	 -webkit-animation: fadeIn 1s 1s both,tada 1s 2s 3 both;
}


/*唱戏*/
.page3{
	background: url(../img/bg31.jpg) no-repeat;
	background-size: 100% 100%;
}
.p31{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}
.p32{
	position: absolute;
	width: 11.425rem;
	left: 2rem;
	top: 14rem;
}
.swiper-slide-active .p32{
	-webkit-animation: tada 1.2s 0.8s 3 both;
}
.p33{
    position: absolute;
    width: 10.1rem;
    left: 2.5rem;
    top: 17.3rem;
}
.swiper-slide-active .p33{
	/*-webkit-animation: tada 1.2s 1s 3 both;*/
}
.p34{
    position: absolute;
    width: 9rem;
    left: 4.1rem;
    top: 20.7rem;
}
.swiper-slide-active .p34{
	/*-webkit-animation: tada 1.2s 1.5s 3 both;*/
}
.p35{
    position: absolute;
    width: 1.66rem;
    left: 3.8rem;
    top: 16.7rem;
    
}
.swiper-slide-active .p35{
	-webkit-animation: fadeIn 1s 2s both,tada 1.2s 2s infinite;
}
.p36{
    position: absolute;
    width: 1.7rem;
    left: 12rem;
    top: 18.7rem;
}
.swiper-slide-active .p36{
	-webkit-animation: fadeIn 1s 2s both,tada 1.2s 2s infinite;
}
.p37{
    position: absolute;
    width: 1.85rem;
    left: 2.2rem;
    top: 20.9rem;
}

.swiper-slide-active .p37{
	-webkit-animation: fadeIn 1s 2s both,tada 1.2s 2s infinite;
}


/*上香*/
.page4{
	background: url(../img/bg41.jpg) no-repeat;
	background-size: 100% 100%;
}
.p41{
	position: absolute;
	width: 12rem;
	left: 2rem;
	top: 7rem;
}
.yan1{
    position: absolute;
    width: 16rem;
    left: 0rem;
    top: 0rem;
}
.page42{
	background: url(../img/bg42.jpg) no-repeat;
	background-size: 100% 100%;
	-webkit-transform-origin: 50% 30%;
}
.swiper-slide-active .page42{
	-webkit-animation: fadeIn 2s 2s both,big 5s 3s linear both;	
}
@-webkit-keyframes big{
	from{
		-webkit-transform: scale(1);
	}
	to{
		-webkit-transform: scale(1.5);
	}
}
.page43{
	background: url(../img/bg43.jpg) no-repeat;
	background-size: 100% 100%;
}
.page43::before{
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url(../img/bg43.jpg) no-repeat;
	background-size: 100%;
}
.sx{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.swiper-slide-active .page43{
	-webkit-animation: fadeIn 2s 8s both;	
}
.p43{
	position: absolute;
	width: 11.5rem;
	left: 2rem;
	top: 16rem;
	
}
.swiper-slide-active .p43{
	-webkit-animation: bounceIn 1s 9.5s both;
}
.p44{
	position: absolute;
	width: 11rem;
	left: 1.5rem;
	top: 19.2rem;
}
.swiper-slide-active .p44{
	-webkit-animation: bounceInRight 1s 9.9s both;
}
.p45{
	position: absolute;
	width: 13.15rem;
	left: 1.5rem;
	top: 21.7rem;
	
}
.swiper-slide-active .p45{
	-webkit-animation: bounceInRight 1s 10.3s both;
}
.p46{
	position: absolute;
	width: 0.275rem;
	left: 7.7rem;
	top: 16rem;
	
}
.swiper-slide-active .p46{
	-webkit-animation: fadeIn 1s 11s both,tada 1.2s 11s linear 3;
}
.p47{
    position: absolute;
    width: 1.9rem;
    left: 3.6rem;
    top: 18rem;
    
}
.swiper-slide-active .p47{
	-webkit-animation: fadeIn 1s 11s both,tada 1.2s 11s linear 3;
}
.p48{
    position: absolute;
    width: 3.525rem;
    left: 11.5rem;
    top: 18.7rem;
}
.swiper-slide-active .p48{
	-webkit-animation: fadeIn 1s 11s both,tada 1.2s 11s linear 3;
}

.page5{
	background: url(../img/bg51.jpg) no-repeat;
	background-size: 100% 100%;
}
.p52{
    position: absolute;
    width: 10rem;
    left: 4rem;
    top: 5.5rem;
}
.p51{
    position: absolute;
    width: 7.4rem;
    left: 0;
    top: 9.2rem;
}
.page52{
	background: url(../img/bg52.jpg) no-repeat;
	background-size: 100% 100%;
}
.swiper-slide-active .page52{
	-webkit-animation: fadeIn 2s 3s linear both;
}

.page53{
	background: url(../img/bg53.jpg) no-repeat;
	background-size: 100% 100%;
	opacity: 0;
	
}
.swiper-slide-active .page53{
	-webkit-animation: fadeIn 4s 6s linear both;
}

.fire{
	position: absolute;
	bottom: 0;
	width: 16rem;
	left: 0;
	-webkit-animation: fire 2s linear infinite;
	-webkit-transform-origin: 50% 100%;
}
@-webkit-keyframes fire{
	from{
		opacity: 1;
		-webkit-transform: scaleY(1.2);
	}
	50%{
		opacity: 0.5;
		-webkit-transform: scaleY(0.8);
	}
	to{
		opacity: 1;
		-webkit-transform: scaleY(1.2);
	}
}
.page54{
	background: url(../img/bg54.jpg) no-repeat;
	background-size: 100% 100%;
}
.swiper-slide-active .page54{
	-webkit-animation: fadeIn 1s 10.5s both;
}
.p53{
    position: absolute;
    width: 12rem;
    left: 2.5rem;
    top: 4rem;
}
.guang{
	position: absolute;
	width: 4rem;
	left: 9rem;
	top: 1.9rem;
	-webkit-animation: guang 8s linear infinite;
	-webkit-transform-origin: 60% 60%;
}
@-webkit-keyframes guang{
	from{
		-webkit-transform: rotateZ(0);
	}
	to{
		-webkit-transform: rotateZ(360deg);
	}
}
.p54{
	position: absolute;
	width: 11.5rem;
	left: 2.2rem;
	top: 14rem;
}
.swiper-slide-active .p54{
	-webkit-animation: bounceIn  0.8s 10.5s both;
}
.p55{
    position: absolute;
    width: 10.8rem;
    left: 3.7rem;
    top: 17rem;
}
.swiper-slide-active .p55{
	/*-webkit-animation: bounceIn  0.8s 11s both;*/
}
.p56{
	position: absolute;
	width: 10.5rem;
	left: 1.6rem;
	top: 20.2rem;
}
.swiper-slide-active .p56{
	-webkit-animation: tada  0.8s 11.5s 3 both;
}
.p57{
	position: absolute;
	width: 2.852rem;
	left: 1rem;
	top: 16.2rem;
}
.swiper-slide-active .p57{
	-webkit-animation: fadeIn 1s 12s both;/*tada 1.2s 12s 3 both,*/
}
.p58{
    position: absolute;
    width: 3.675rem;
    left: 10.7rem;
    top: 20rem;
}
.swiper-slide-active .p58{
	-webkit-animation: fadeIn 1s 12s both;/*tada 1.2s 12s 3 both,*/
}



.page6{
	background: url(../img/bg21.jpg) no-repeat;
	background-size: 100% 100%;	
}
.yantai{
	position: absolute;
    width: 10rem;
    left: 2.5rem;
    top: 5.5rem;
}
.mo{
    position: absolute;
    width: 0.8rem;
    left: 7.2rem;
    top: 8rem;
}
.swiper-slide-active .mo{
    -webkit-animation: mo 1s 0.5s linear both;
}
@-webkit-keyframes mo{
	from{
		opacity: 1;
		-webkit-transform: translateY(-10rem);
	}
	90%{
		opacity: 1;
	}
	to{
		opacity: 0;
		-webkit-transform: translateY(0rem);
	}
}
.p61{
	position: absolute;
    width: 12.7rem;
    height: 4.225rem;
    left: 1.8rem;
    top: 11.6rem;
	background: url(../img/p61.png) no-repeat;
	background-size: auto 100%;
}
.swiper-slide-active .p61{
	-webkit-animation: p61 1.5s 1.5s linear both;
}
@-webkit-keyframes p61{
	from{
		width: 0;
	}
	to{
		width: 12.7rem;
	}
}
.p62{
    position: absolute;
    width: 14.475rem;
    height: 3.225rem;
    left: 0.8rem;
    top: 15.6rem;
	background: url(../img/p62.png) no-repeat;
	background-size: auto 100%;
}
.swiper-slide-active .p62{
	-webkit-animation: p62 1.5s 3.5s linear both;
}
@-webkit-keyframes p62{
	from{
		width: 0;
	}
	to{
		width: 14.475rem;
	}
}
.p63{
    position: absolute;
    width: 10rem;
    height: 1.5rem;
    left: 1.8rem;
    top: 17.5rem;
	background: url(../img/p63.png) no-repeat;
	background-size: auto 100%;
}
.swiper-slide-active .p63{
	-webkit-animation: p63 1.5s 5.5s linear both;
}
@-webkit-keyframes p63{
	from{
		width: 0;
	}
	to{
		width: 10rem;
	}
}
.p64{
    position: absolute;
    width: 7.175rem;
    height: 1.425rem;
    left: 3rem;
    top: 19.4rem;
    background: url(../img/p64.png) no-repeat;
    background-size: auto 100%;
}
.swiper-slide-active .p64{
	-webkit-animation: p64 1.5s 7.5s linear both;
}
@-webkit-keyframes p64{
	from{
		width: 0;
	}
	to{
		width: 7.175rem;
	}
}
.p65{
    position: absolute;
    width: 10rem;
    height: 1.775rem;
    left: 4rem;
    top: 20.7rem;
    background: url(../img/p65.png) no-repeat;
    background-size: auto 100%;
}
.swiper-slide-active .p65{
	-webkit-animation: p65 1.5s 9.5s linear both;
}
@-webkit-keyframes p65{
	from{
		width: 0;
	}
	to{
		width: 10rem;
	}
}
.pen1,.pen2,.pen3,.pen4,.pen5{
	-webkit-animation: pen 1s linear infinite;
}
@-webkit-keyframes pen{
	from{
		-webkit-transform: translateY(0) rotateZ(0deg);
	}
	50%{
		-webkit-transform: translateY(30px) rotateZ(10deg);
	}
	to{
		-webkit-transform: translateY(0) rotateZ(0deg);
	}
}
.pen1 .pen{
    position: absolute;
    width: 7rem;
    left: 2rem;
    top: 5rem;
}
.swiper-slide-active .pen1 .pen{
	-webkit-animation: pen1 1.5s 1.5s linear both;
}
@-webkit-keyframes pen1{
	from{
		opacity: 0;
		-webkit-transform: translateX(0);
	}
	15%{
		opacity: 1;
	}
	85%{
		opacity: 1;
	}
	to{
		opacity: 0;
		-webkit-transform: translateX(12.7rem);
	}
}
.pen2 .pen{
    position: absolute;
    width: 7rem;
    left: 1rem;
    top: 7.5rem;
}
.swiper-slide-active .pen2 .pen{
	-webkit-animation: pen2 1.5s 3.5s linear both;
}
@-webkit-keyframes pen2{
	from{
		opacity: 0;
		-webkit-transform: translateX(0);
	}
	15%{
		opacity: 1;
	}
	85%{
		opacity: 1;
	}
	to{
		opacity: 0;
		-webkit-transform: translateX(14.5rem);
	}
}
.pen3 .pen{
    position: absolute;
    width: 7rem;
    left: 1.8rem;
    top: 10rem;
}
.swiper-slide-active .pen3 .pen{
	-webkit-animation: pen3 1.5s 5.5s linear both;
}
@-webkit-keyframes pen3{
	from{
		opacity: 0;
		-webkit-transform: translateX(0);
	}
	15%{
		opacity: 1;
	}
	85%{
		opacity: 1;
	}
	to{
		opacity: 0;
		-webkit-transform: translateX(10rem);
	}
}
.pen4 .pen{
    position: absolute;
    width: 7rem;
    left: 3rem;
    top: 11.5rem;
}
.swiper-slide-active .pen4 .pen{
	-webkit-animation: pen4 1.5s 7.5s linear both;
}
@-webkit-keyframes pen4{
	from{
		opacity: 0;
		-webkit-transform: translateX(0);
	}
	15%{
		opacity: 1;
	}
	85%{
		opacity: 1;
	}
	to{
		opacity: 0;
		-webkit-transform: translateX(7.2rem);
	}
}
.pen5 .pen{
    position: absolute;
    width: 7rem;
    left: 6rem;
    top: 12.5rem;
}
.swiper-slide-active .pen5 .pen{
	-webkit-animation: pen5 1.5s 9.5s linear both;
}
@-webkit-keyframes pen5{
	from{
		opacity: 0;
		-webkit-transform: translateX(0);
	}
	15%{
		opacity: 1;
	}
	85%{
		opacity: 1;
	}
	to{
		opacity: 0;
		-webkit-transform: translateX(10rem);
	}
}
.p66{
    position: absolute;
    width: 2.5rem;
    left: 0.6rem;
    top: 19rem;
}
.swiper-slide-active .p66{
	-webkit-animation: fadeIn 1s 10s both;
}
.p67{
	position: absolute;
    width: 4.7rem;
    top: 18.4rem;
    left: 11rem;
}
.swiper-slide-active .p67{
	-webkit-animation: fadeIn 1s 11s both;
}

/*777*/
.page7{
	background: url(../img/bg77.jpg) no-repeat;
	background-size: 100% 100%;
}
.page71{
	background: url(../img/bg71.png) no-repeat;
	background-size: 100%;
}
.p73{
	position: absolute;
	width: 16rem;
	left: 0;
	top: 6.08rem;
}
.p71{
	position: absolute;
	width: 8.25rem;
	left: 2rem;
	top: 20.5rem;
}
.swiper-slide-active .p71{
	-webkit-animation: fadeInRight 1s 1s both;
}
.p72{
	position: absolute;
	width: 8.6rem;
	right: 2rem;
	top: 22rem;
}
.swiper-slide-active .p72{
	-webkit-animation: fadeInLeft 1s 1s both;
}

/*88888888*/
.page8{
	background: #000;
}
.p81{
	margin: 3rem auto 0;
	width: 8.775rem;
}
.swiper-slide-active .p81{
	-webkit-animation: fadeIn 1.5s 0.5s both;
}
.p82{
	width: 13.575rem;
	margin: 1.5rem auto;
	-webkit-animation: sb 2s linear infinite;
}
.p82 img{
	float: left;
	width: 33.3%;
	
}
@-webkit-keyframes sb{
	from{
		opacity: 1;
	}
	50%{
		opacity: 0.6;
	}
	to{
		opacity: 1;
	}
}
.swiper-slide-active .p8_01{
	-webkit-animation: bounceInUp 0.8s 2s both;
}
.swiper-slide-active .p8_02{
	-webkit-animation: bounceInUp 0.8s 2.2s both;
}
.swiper-slide-active .p8_03{
	-webkit-animation: bounceInUp 0.8s 2.4s both;
}
.swiper-slide-active .p8_04{
	-webkit-animation: bounceInUp 0.8s 2.6s both;
}
.swiper-slide-active .p8_05{
	-webkit-animation: bounceInUp 0.8s 2.8s both;
}
.swiper-slide-active .p8_06{
	-webkit-animation: bounceInUp 0.8s 3s both;
}

/*end*/
.page9{
	background: url(../img/bgstart.jpg) no-repeat;
	background-size: 100% 100%;
}
.p91{
	margin: 4rem auto 0;
	width: 12rem;
}
.swiper-slide-active .p91{
	-webkit-animation: fadeIn 2s 0.5s both;
}
.p92{
	margin: 1.6rem auto 0;
	width: 11rem;
}
.swiper-slide-active .p92{
	-webkit-animation: fadeIn 2s 1.5s both;
}
.p93{
	margin: 1rem auto 0;
	width: 6rem;
}
.swiper-slide-active .p93{
	-webkit-animation: fadeIn 2s 2.5s both;
}

.swiper-slide::after{
	content: '';
    display: block;
    width: 3rem;
    height: 1rem;
    position: absolute;
    left: 6.5rem;
    bottom: 0.5rem;
    background: url(../img/down.png) no-repeat;
    background-size: 100% 100%;
    -webkit-animation: op2 3s linear infinite;
    opacity: 0;
}
.end::after{
	display: none;
}
@-webkit-keyframes op2{
	from{
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	50%{
		opacity: 0.2;
		-webkit-transform: translateY(30px);
	}
	to{
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}



/*920*/
.p18{
    position: absolute;
    width: 4.2rem;
    left: 1.5rem;
    top: 15.52rem;
}
.swiper-slide-active .p18 {
    -webkit-animation: tada 1.2s 0.5s infinite;
}
.p19{
    position: absolute;
    width: 5.1rem;
    left: 2.7rem;
    top: 17.8rem;
}
.swiper-slide-active .p19 {
    -webkit-animation: tada 1.2s 0.8s infinite;
}
.p16{
    position: absolute;
    width: 4.3rem;
    left: 1.2rem;
    top: 21rem;
}
.swiper-slide-active .p16 {
    -webkit-animation: tada 1.2s 1.1s infinite;
}
.p17{
    position: absolute;
    width: 2.5rem;
    left: 9.2rem;
    top: 22rem;
}
.swiper-slide-active .p17 {
    -webkit-animation: tada 1.2s 1.4s infinite;
}

.p26{
    position: absolute;
    width: 4.8rem;
    left: 3.6rem;
    top: 18.2rem;
    -webkit-animation: tada 1.2s 0.4s infinite;
}
.p27{
    position: absolute;
    width: 3.825rem;
    left: 2rem;
    top: 20.5rem;
    -webkit-animation: tada 1.2s 0.8s infinite;
}
.p28{
    position: absolute;
    width: 2.225rem;
    left: 11rem;
    top: 21rem;
    -webkit-animation: tada 1.2s 1.2s infinite;
}
.p29{
    position: absolute;
    width: 3rem;
    left: 6.4rem;
    top: 19.7rem;
    -webkit-animation: tada 1.2s 1.6s infinite;
}
.p291{
    position: absolute;
    width: 3.65rem;
    left: 11.4rem;
    top: 19rem;
    -webkit-animation: tada 1.2s 2s infinite;
}
.p292{
    position: absolute;
    width: 4.1rem;
    left: 5.9rem;
    top: 23.1rem;
    -webkit-animation: tada 1.2s 1.5s infinite;
}
.p293{
    position: absolute;
    width: 4.15rem;
    left: 11rem;
    top: 22.4rem;
    -webkit-animation: tada 1.2s 0.8s infinite;
}



.p38{
	position: absolute;
	width: 2.175rem;
	left: 6rem;
	top: 17.8rem;
}
.swiper-slide-active .p38 {
    -webkit-animation: tada 1.2s 0.4s infinite;
}
.p39{
    position: absolute;
    width: 4.2rem;
    left: 7.9rem;
    top: 19.3rem;
}
.swiper-slide-active .p39 {
    -webkit-animation: tada 1.2s 0.6s infinite;
}
.p391{
    position: absolute;
    width: 4rem;
    left: 4rem;
    top: 20.8rem;
}
.swiper-slide-active .p391 {
    -webkit-animation: tada 1.2s 0.8s infinite;
}
.p392{
	position: absolute;
	width: 3.25rem;
	left: 9rem;
	top: 20.7rem;
}
.swiper-slide-active .p392 {
    -webkit-animation: tada 1.2s 1s infinite;
}
.p393{
    position: absolute;
    width: 2.5rem;
    left: 4.4rem;
    top: 22.3rem;
}
.swiper-slide-active .p393 {
    -webkit-animation: tada 1.2s 1.2s infinite;
}
.p394{
	position: absolute;
	width: 4rem;
	left: 9.2rem;
	top: 22.5rem;
}
.swiper-slide-active .p394 {
    -webkit-animation: tada 1.2s 1.4s infinite;
}

.p59{
    position: absolute;
    width: 4.75rem;
    left: 3.8rem;
    top: 17.2rem;
}
.swiper-slide-active .p59{
	-webkit-animation: tada  1.2s 11.5s infinite;
}
.p591{
    position: absolute;
    width: 3.25rem;
    left: 9.6rem;
    top: 17rem;
}
.swiper-slide-active .p591{
	-webkit-animation: tada  1.2s 11.6s infinite;
}
.p592{
    position: absolute;
    width: 2rem;
    left: 4.4rem;
    top: 19rem;
}
.swiper-slide-active .p592{
	-webkit-animation: tada  1.2s 11.7s infinite;
}
.p593{
    position: absolute;
    width: 2.625rem;
    left: 11.8rem;
    top: 18.95rem;
}
.swiper-slide-active .p593{
	-webkit-animation: tada  1.2s 11.8s infinite;
}
.p594{
    position: absolute;
    width: 4rem;
    left: 2.3rem;
    top: 20.7rem;
}
.swiper-slide-active .p594{
	-webkit-animation: tada  1.2s 11.9s infinite;
}
.p595{
    position: absolute;
    width: 3.9rem;
    left: 6.7rem;
    top: 20.4rem;
}
.swiper-slide-active .p595{
	-webkit-animation: tada  1.2s 12s infinite;
}
.p596{
    position: absolute;
    width: 4.65rem;
    left: 7.5rem;
    top: 22rem;
}
.swiper-slide-active .p596{
	-webkit-animation: tada  1.2s 12.1s infinite;
}

.bird1{
	position: absolute;
    width: 5rem;
    left: 10rem;
    top: 9.5rem;
    -webkit-animation: bird1 5s linear infinite;
}
@-webkit-keyframes bird1{
	from{
		opacity: 0;
		
		-webkit-transform: scale(1.1) translate(0.8rem,-0.8rem);
	}
	15%{
		opacity: 1;
	}
	85%{
		opacity: 1;
	}
	to{
		opacity: 0;
		-webkit-transform:scale(1) translate(0,0);
	}
}


/*921*/
.yan2{
    position: absolute;
    width: 6rem;
    left: 4.6rem;
    top: 0rem;
}
.yan3{
	position: absolute;
    width: 6rem;
    left: 1.3rem;
    top: 5rem;
    opacity: 0.6;    
}
.yan4{
    position: absolute;
    width: 6rem;
    left: 4.5rem;
    top: 4.5rem;
    opacity: 0.5;
}
.yan5{
    position: absolute;
    width: 6rem;
    left: 7.6rem;
    top: 4.5rem;
    opacity: 0.6;
}
.mo3{
    position: absolute;
    width: 5rem;
    top: 5.7rem;
    left: 4.1rem;
    
}
.swiper-slide-active .mo3{
	-webkit-animation: mo3 0.35s 1.5s linear both;
}
@-webkit-keyframes mo3{
	from{
		opacity: 0;
		-webkit-transform: scale(0.5);
	}
	50%{
		opacity: 1;
	}
	to{
		-webkit-transform: scale(1);
		opacity: 0.8;
	}
}
.moc{
    position: absolute;
    width: 5.2rem;
    left: 4rem;
    top: 6.4rem;
    
}

.swiper-slide-active .moc{
	-webkit-animation: fadeIn 2s 1.5s linear both;
}

.p8box{
	background: url(../img/bg51.jpg) no-repeat;
	background-size: 100% 100%;
	z-index: 1;
}
.p8b{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	display: none;
}
.p8back{
    position: absolute;
    width: 2.2rem;
    top: 21.6rem;
    left: 4.5rem;
}
.hrrr{
    position: absolute;
    width: 1.2rem;
    top: 16rem;
    left: 5rem;
    pointer-events: none;
    display: none;
}
.swiper-slide-active .hrrr{
    -webkit-animation: fadeIn 1s 2s both, hrrr 2s linear infinite;
}
@-webkit-keyframes hrrr{
	from{
		-webkit-transform: translate(0,0);
	}
	50%{
		-webkit-transform: translate(-0.5rem,-0.5rem);
	}
	to{
		-webkit-transform: translate(0,0);
	}
}
.bbb{
    position: absolute;
    width: 16rem;
    height: 2rem;
    line-height: 2rem;
    color: #fff;
    top: 21.5rem;
    text-align: center;
}