.n1,.n2,.n3,.n4,.n4,.n5,.n6,.n7 {
	width: 100%;
	height: 100%;
	position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}
.n1{
	background: url(../img/n1/bgcn1.jpg);
	background-size: 100% 100%;
	/*display: none;*/
}
.n2{
	background: url(../img/n2/bgcn2.jpg);
	background-size: 100% 100%;
	display: none;
}
.n3{
	background: url(../img/n3/bgcn3.jpg);
	background-size: 100% 100%;
	display: none;
}
.n4{
	background: url(../img/n4/bgcn4.jpg);
	background-size: 100% 100%;
	display: none;
}
.n5{
	background: url(../img/n5/bgcn5.jpg);
	background-size: 100% 100%;
	display: none;
}
.n6{
	background: url(../img/n6/n6-1.gif);
	background-size: 100% 100%;
	display: none;
}
.n7{
	display: none;
}

.fanhui{
    position: absolute;
    width: 1.6rem;
    right: 0.2rem;
    top: 0.3rem;
}
.bk{
    width: 7.8rem;
}


/*第一页*/
.n1-1{
    position: absolute;
    width: 13rem;
    /* left: 2rem; */
    /* top: 20rem; */
    bottom: -5.9%;
    right: -1rem;
}
.n1-2{
	position: absolute;
    width: 5.7rem;
    left: 7.3rem;
    top: 9%;
}
.n1-3{
    position: absolute;
    width: 13.7rem;
    left: 2.5rem;
	 top: 50%;
}
.n1-4{
    position: absolute;
    width: 10rem;
    left: 0rem;
    top: 8%;
}
.n1-5{
    position: absolute;
    width: 14rem;
    left: 1.2rem;
    top: 46%;
	-webkit-animation: hh1 2s 2s both infinite linear;
}
@-webkit-keyframes hh1{
	0%{
		opacity: 1;
		-webkit-transform:scale(1)  ;
	}
	25%{
		opacity: 0.6;
		-webkit-transform:scale(0.9)  ;
	}
	50%{
		opacity: 1;
		-webkit-transform:scale(1)  ;
	}
	75%{
		opacity: 0.8;
		-webkit-transform:scale(0.9)  ;
	}
	100%{
		opacity: 1;
		-webkit-transform:scale(1)  ;
	}
}
.n1-t1{
    position: absolute;
    width: 1rem;
    left: 0.9rem;
    top: 45%;
    /* bottom: -0.9rem; */
    /* right: -1rem; */
}
.n1-t2{
    position: absolute;
    width: 2.3rem;
    left: 0.9rem;
    top: 61.3%;
}
.n1-t3{
    position: absolute;
    width: 1rem;
    left: 0.9rem;
    top: 88%;
}
.n1-w{
    position: absolute;
    width: 7rem;
    left: 8.1rem;
    top: 21%;
}
.bk1{
    position: absolute;
    left: 7.7rem;
    top: 19%;
}

/*第二页*/
.n2-1{
    position: absolute;
    width: 6.5rem;
    /* left: 2rem; */
    /* top: 20rem; */
    /* top: 20rem; */
    bottom: 16.3rem;
    right: 0.2rem;
}   
.n2-12{
    position: absolute;
    width: 6.5rem;
    /* left: 2rem; */
    /* top: 20rem; */
    bottom: 16.4rem;
    right: -2.4rem;
}  
.n2-2{
    position: absolute;
    width: 15.7rem;
    left: 3.3rem;
    bottom: -4.2rem;
}
.n2-3{
    position: absolute;
    width: 7.5rem;
    left: 9rem;
bottom: -1rem;
}
.n2-32{
    position: absolute;
    width: 7.5rem;
    left: 8.5rem;
    bottom: 11.2rem;
}
.n2-33{
    position: absolute;
    width: 7.5rem;
    left: 11.3rem;
    bottom: 11rem;
}
.n2-34{
    position: absolute;
    width: 7.5rem;
    left: -2rem;
    bottom: 7.2rem;
}
.n2-35{
    position: absolute;
    width: 7.5rem;
    left: 1.8rem;
    bottom: 6.6rem;
}
.n2-36{
    position: absolute;
    width: 7.5rem;
    left: 5.4rem;
    bottom: 6.1rem;
}
.n2-37{
    position: absolute;
    width: 7.5rem;
    left: 9.8rem;
    bottom: 5.6rem;
}
.n2-38{
    position: absolute;
    width: 7.5rem;
    left: 3.4rem;
    bottom: 2.7rem;
}
.n2-39{
    position: absolute;
    width: 7.5rem;
    left: 0.8rem;
    bottom: -1rem;
}
.n2-310{
    position: absolute;
    width: 7.5rem;
    left: 5rem;
    bottom: -1rem;
}
.n2-311{
    position: absolute;
    width: 7.5rem;
    left: -1.2rem;
bottom: 2.9rem;
}

.n2-4{
    position: absolute;
    width: 15rem;
    left: 1.4rem;
    bottom: 8.5rem;
}
.n2-t1{
    position: absolute;
    width: 2.2rem;
    left: 1.2rem;
    top: 1rem;
    /* bottom: -0.9rem; */
    /* right: -1rem; */
}
.n2-t2{
    position: absolute;
    width: 2.6rem;
    left: 0.6rem;
    top: 4rem;
}
.n2-w{
    position: absolute;
    width: 7rem;
    left: 1.2rem;
    bottom: 3rem;
}
.bk2{
    position: absolute;
    left: 0.8rem;
    bottom: 2.4rem;
}
.n2-5ly1{
	position: absolute;
	left: 0rem;
	top: 0rem;
	display: none;
	-webkit-animation: yy1 1s 1s both infinite linear;
}
@-webkit-keyframes yy1{
	0%{
		opacity: 1;
		/*-webkit-transform:scale(1);*/
	}
	25%{
		opacity: 0.8;
		/*-webkit-transform:scale(0.8)*/  
	}
	50%{
		opacity: 0.2;
		/*-webkit-transform:scale(1)  ;*/
	}
	75%{
		opacity: 0.8;
		/*-webkit-transform:scale(0.8)  ;*/
	}
	100%{
		opacity: 1;
		/*-webkit-transform:scale(1)  ;*/
	}
}
.n2-5ly2{
	position: absolute;
	left: 0rem;
	top: 0rem;
	display: none;
	-webkit-animation: yy2 2s 1s both infinite linear;
}
@-webkit-keyframes yy2{
	0%{
		opacity: 1;
		/*-webkit-transform:scale(1)  ;*/
	}
	25%{
		opacity: 0.6;
		/*-webkit-transform:scale(0.9)  ;*/
	}
	50%{
		opacity: 0.3;
		/*-webkit-transform:scale(1)  ;*/
	}
	75%{
		opacity: 0.6;
		/*-webkit-transform:scale(0.9)  ;*/
	}
	100%{
		opacity: 1;
		/*-webkit-transform:scale(1)  ;*/
	}
}
/*第三页*/
.n3-1{
    position: absolute;
    width: 7.5rem;
    /* left: 2rem; */
    /* top: 20rem; */
    bottom: 0rem;
    right: 10.7rem;
}
.n3-2{
position: absolute;
    width: 5.5rem;
    left: 10.1rem;
    bottom: 6.2rem;
}
.n3-3{
    position: absolute;
    width: 8rem;
    left: -1.6rem;
    bottom: 7.5rem;
}
.n3-s1{
position: absolute;
    width: 17.8rem;
    bottom: -0.7rem;
    right: -1rem;
        pointer-events: none;
}
.n3-s2{
position: absolute;
    width: 15rem;
    left: 0.1rem;
bottom: 1.4rem;
    pointer-events: none;
}
.n3-s3{
    position: absolute;
    width: 16.2rem;
    left: -0.1rem;
	bottom: -0.4rem;
	    pointer-events: none;
}
.n3-4{
    position: absolute;
    width: 14.6rem;
    left: -1.9rem;
    bottom: -6.6rem;
        pointer-events: none;
}
.n3-5{
position: absolute;
    width: 13rem;
    left: 2.4rem;
    bottom: 2.9rem;
}
.n3-6{
    position: absolute;
    width: 9rem;
    left: 1rem;
    bottom: 3.1rem;
}
.n3-t1{
    position: absolute;
    width: 1rem;
    left: 14.2rem;
    /* top: 13.2rem; */
    /* bottom: -0.9rem; */
    bottom: 10.3rem;
    /* right: -1rem; */
}
.n3-t2{
    position: absolute;
    width: 2.8rem;
    left: 12.1rem;
    /* top: 14.6rem; */
    bottom: 6.8rem;
}
.n3-t3{
    position: absolute;
    width: 1rem;
    left: 13.7rem;
    /* top: 18.3rem; */
    bottom: 2rem;
}
.n3-w{
    position: absolute;
    width: 7rem;
    left: 8.1rem;
    top: 4.1rem;
}
.bk3{
position: absolute;
    left: 7.7rem;
    top: 3.5rem;
}
.n3-y1{
	position: absolute;
	/*width: 6rem;*/
	left: 0rem;
	top: 0rem;
	pointer-events: none;
}

/*第四页*/

.n4-1{
    position: absolute;
    width: 3.7rem;
    /* left: 2rem; */
    top: 0.1rem;
    /* bottom: -0.5rem; */
    right: 6.2rem;
}
.n4-2{
    position: absolute;
    width: 7.5rem;
    left: 4.6rem;
    top: 1.2rem;
}
.n4-3{
    position: absolute;
    width: 4rem;
    left: 3.7rem;
    top: 2.9rem;
}
.n4-4{
    position: absolute;
    width: 4.9rem;
    left: 10.7rem;
	top: 2.9rem;
}
.n4-5{
    position: absolute;
    width: 10rem;
    left: 3.5rem;
    bottom: 15rem;
}
.n4-6{
    position: absolute;
    width: 4.8rem;
    left: 6.4rem;
    top: 10.6rem;
}
.n4-7{
    position: absolute;
    width: 2.7rem;
    left: 4.3rem;
    bottom: 0.2rem;
}
.n4-8{
    position: absolute;
    width: 5.3rem;
    left: 8rem;
    bottom: 7.2rem;
}
.n4-9{
    position: absolute;
    width: 3.4rem;
    left: 6rem;
    bottom: 1rem;
}
.n4-10{
    position: absolute;
    width: 6.7rem;
    left: -0.8rem;
    bottom: 6.5rem;
}
.n4-t1{
    position: absolute;
    width: 2.3rem;
    left: 13.1rem;
    top: 3rem;
    /* bottom: -0.9rem; */
    /* right: -1rem; */
}
.n4-t2{
position: absolute;
    width: 2.3rem;
    left: 12.6rem;
    top: 6rem;
}

.n4-w{
    position: absolute;
    width: 7rem;
    left: 0.7rem;
    top: 7.5rem;
}
.bk4{
    position: absolute;
    left: 0.4rem;
    top: 6.9rem;
}
/*第五页*/
.n5-shi{
    position: absolute;
    width: 6.1rem;
    left: 0rem;
    bottom: 6.3rem;
    /* top: 11.9rem; */
}
.n5-1{
    position: absolute;
    width: 12.7rem;
    left: -4.9rem;
    /* top: 17.1rem; */
    bottom: -0.5rem;
    /* right: 10.2rem; */
}
.n5-2{
    position: absolute;
    width: 4.1rem;
    left: 6rem;
    /* top: 16.8rem; */
    bottom: 0rem;
}
.n5-3{
position: absolute;
    width: 9.2rem;
    /* left: 3.7rem; */
    /* top: 2.9rem; */
    bottom: -0.1rem;
    right: -1rem;
}
.n5-4{
    position: absolute;
    width: 3.3rem;
    left: 2.3rem;
    /* top: 9.3rem; */
    bottom: 11.1rem;
}
.n5-5{
    position: absolute;
    width: 5rem;
    left: -1.5rem;
    /* top: 9.9rem; */
    bottom: 11.6rem;
}
.n5-6{
    position: absolute;
    width: 5rem;
    left: 3.5rem;
    /* top: 10.9rem; */
    bottom: 9.6rem;
}
.n5-7{
    position: absolute;
    width: 4.6rem;
    left: 3.7rem;
    /* top: 13.4rem; */
    bottom: 7.2rem;
}
.n5-8{
    position: absolute;
    width: 7.5rem;
    left: 6.4rem;
    /* top: 9.8rem; */
    bottom: 10.7rem;
}
.n5-t1{
    position: absolute;
    width: 2.3rem;
    left: 0.8rem;
    top: 0.6rem;
    /* bottom: -0.9rem; */
    /* right: -1rem; */
}
.n5-t2{
    position: absolute;
    width: 2.3rem;
    left: 0.7rem;
    top: 6.6rem;
}

.n5-w{
    position: absolute;
    left: 5.9rem;
    top: 2.2rem;
    width: 9.8rem;
}
.bk5{
    position: absolute;
    left: 6.9rem;
    top: 2.2rem;
    width: 8.8rem;
    display: none;
}

.n5-g1{
	position: absolute;
	left: 0;
	top: 0;
	    pointer-events: none;
	-webkit-animation: gg1 8s 0.3s both infinite linear;
	/*display: none;*/
}
@-webkit-keyframes gg1{
	0%{
		opacity: 1;
		-webkit-transform:scale(1)  ;
	}
	25%{
		opacity: 0.6;
		-webkit-transform:scale(0.9)  ;
	}
	50%{
		opacity: 1;
		-webkit-transform:scale(1)  ;
	}
	75%{
		opacity: 0.8;
		-webkit-transform:scale(0.9)  ;
	}
	100%{
		opacity: 1;
		-webkit-transform:scale(1)  ;
	}
}
.n5-g2{
	position: absolute;
	left: 0;
	top: 0;
	    pointer-events: none;
	-webkit-animation: gg2 6s 1s both infinite linear;
	
	/*display: none;*/
}
@-webkit-keyframes gg2{
	0%{
		opacity: 0;
		/*-webkit-transform:scale(1);*/
	}
	25%{
		opacity: 0.6;
		/*-webkit-transform:scale(0.8)*/  
	}
	50%{
		opacity: 0;
		/*-webkit-transform:scale(1)  ;*/
	}
	75%{
		opacity: 0.8;
		/*-webkit-transform:scale(0.8)  ;*/
	}
	100%{
		opacity: 0;
		/*-webkit-transform:scale(1)  ;*/
	}
}
/*第六页*/
.n6-t1{
    position: absolute;
    width: 2.3rem;
    left: 0.8rem;
    top: 0.6rem;
    /* bottom: -0.9rem; */
    /* right: -1rem; */
}
.n6-t2{
    position: absolute;
    width: 2.3rem;
    left: 0.7rem;
    top: 6.6rem;
}

.n6-w{
    position: absolute;
    width: 7rem;
    left: 8.3rem;
    top: 2.7rem;
}
.bk6{
    position: absolute;
    left: 7.9rem;
    top: 2.2rem;
    width: 7.6rem;
}
/*第七页*/
.bgcn71{
    position: absolute;
    width: 16rem;
    left: 0;
    top: 0;
	-webkit-animation: b71 1.3s 3s both linear;
}
@-webkit-keyframes b71{
	from{
		opacity: 1;
	}
	to{
		opacity: 0;
	}
}
.bgcn72{
    position: absolute;
    left: 0;
    width: 16rem;
    /*height: 100%;*/
    top: 0;
	/*display: none;*/
	-webkit-animation: b72 0.8s 3.3s both linear;
	
}
@-webkit-keyframes b72{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
.n7-1{
    position: absolute;
    width: 16rem;
    left: 0rem;
    bottom: -1.5rem;
}
/*.n7-d{
	position: absolute;
	left: 0rem;
    bottom: 0.8rem;
	    pointer-events: none;
	-webkit-animation: deng7 1s 4.2s both linear;
	
}*/
.n7-dd{
    position: absolute;
    width: 16.8rem;
    height: 52%;
    left: -0.2rem;
    /* bottom: 48.9%; */
    top: -1%;
    pointer-events: none;
	-webkit-animation: deng7 3s linear infinite;
	
}
@-webkit-keyframes deng7{
	from{
		opacity: 0.2;
	}
	50%{
		opacity: 0.6;
	}
	to{
		opacity: 0.2;
	}
}
@-webkit-keyframes guang7{
	from{
		opacity: 1;
	}
	to{
		opacity: 0;
	}
}
.n7-g{
	position: absolute;
	left: 0rem;
	top: 0rem;
	    pointer-events: none;
	-webkit-animation: guang7 0.6s 2.5s both linear;
}

.n7-y{
	position: absolute;
	width: 10rem;
	right: 6rem;
	top: 8rem;
	    pointer-events: none;
	/*display: none;*/
	
}
.n7-meidui{
    position: absolute;
    width: 16rem;
    left: 0rem;
    /* top: 0rem; */
    bottom: 0rem;
        pointer-events: none;
}
.n7-t1{
    position: absolute;
    width: 2.3rem;
    left: 0.8rem;
    top: 0.6rem;
    /* bottom: -0.9rem; */
    /* right: -1rem; */
}
.n7-t2{
    position: absolute;
    width: 2.3rem;
    left: 0.7rem;
    top: 6.6rem;
}

.n7-w{
	position: absolute;
    width: 7rem;
    left: 8.3rem;
    /* top: 17.1rem; */
    bottom: 2rem;
}
.bk7{
    position: absolute;
    left: 8.1rem;
    /* top: 16.4rem; */
    bottom: 1rem;
    width: 7.3rem;
    /* width: 6.6rem; */
}
.n7-h{
    position: absolute;
    width: 40rem;
    right: 0.6rem;
    /*height: 78%;*/
     top: 3.4rem; 
    /*bottom: 7%;*/
    /* display: none; */
   -webkit-animation: huoche 8s linear both infinite;
}
@-webkit-keyframes huoche{
	from{
		-webkit-transform:translateX(-20rem) ;
	}
	to{
		-webkit-transform:translateX(40rem) ;
	}
}


.n1-t1,.n2-t1,.n3-t1,.n4-t1,.n5-t1,.n6-t1,.n7-t1{
	-webkit-animation: fadeIn 1s 0.2s linear both ;
}
.n1-t2,.n2-t2,.n3-t2,.n4-t2,.n5-t2,.n6-t2,.n7-t2{
	-webkit-animation: bounceIn 1s 1s linear both ;
	
}
.n1-t3,.n3-t3{
	-webkit-animation: fadeIn 1s 0.2s linear both ;
}
.nw,.bk{
	-webkit-animation: zoomIn 0.5s 1.8s linear both ;
}







.lm{
	position: fixed;
	left: 0;
	top: 0;
	width: 16rem;
	height: 100%;
	display: none;
	background: url(../img/bgcl.jpg);
	background-size: 100% 100%;
}
.long{
    position: absolute;
    left: -0.5rem;
    width: 16rem;
    height: 7.68rem;
    bottom: 63%;
    background: url(../img/d.png) no-repeat;
    background-size: auto 100%;
    -webkit-animation: fadeIn 2s 3s both linear,long 1.2s steps(6) infinite;
}

@-webkit-keyframes long{
	from{
		background-position-x: 0;
	}
	to{
		background-position-x: -96rem;
	}
}

.xing{
	position: absolute;
	width: 11.8rem;
	left: 2.5rem;
    bottom: 21.6rem;
	-webkit-animation: xing 2.5s 3.5s  both linear infinite;
}
@-webkit-keyframes xing{
	0%{
		opacity: 0;

	}
	25%{
		opacity: 1;
	
	}
	50%{
		opacity: 0;

	}
	75%{
		opacity: 1;

	}
	90%{
		opacity: 0;
	}
	100%{
		opacity:1;

	}
}
.yu{
	position: absolute;
    left: 6.5rem;
    bottom: 1rem;
	width: 4.4rem;
	height: 3.75rem;
	background: url(../img/fishl.gif) no-repeat;
	background-size: auto 100%; 
	
	-webkit-animation: fish1move 3s 0.3s linear both;
	/*display: none;*/
}

@-webkit-keyframes fish1{
	from{
		background-position-x: 0;
	}
	to{
		background-position-x: -17.6rem;
	}
}
@-webkit-keyframes fish1move{
	0%{
		opacity: 0;
		-webkit-transform: translateY(0rem);
	}
	15%{
		opacity: 0;
		-webkit-transform: translateY(-3rem);
	}
	15%{
		opacity: 1;
		-webkit-transform: translateY(-3rem);
	}
	90%{
		opacity: 1;
		-webkit-transform: translateY(-18rem);
	}
	100%{
		opacity:0 ;
		-webkit-transform: translateY(-20rem);
	}
}


.longmen{
	
	width: 14rem;
	position: absolute;
	left: 1rem;
	bottom: 1rem;
}
.ldi{
	
	width: 16rem;
	height:4rem ;
	position: absolute;
	left: 0;
	bottom: 0;
}




.n1,.n2,.n3,.n4,.n5,.n6,.n7,.lm{
	position: fixed;
	width: 16rem;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
}