html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,input,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;-webkit-background-origin:content-box;background-origin:content-box;}section,header,footer,nav{display:block;margin:0;padding:0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}img{border:0;font-size:0}a{text-decoration:none;}
.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{*zoom:1}
html{
	-webkit-text-size-adjust:none;
}
html,body{
	position: relative;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
}
body{
	text-align:justify;
	font-family:"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",arial,Helvetica,sans-serif;
}
.music_btn{
	position: absolute;
	display: block;
	width: 7%;
	height: 5%;
	right: 4.5%;
	top: 1.4%;
	z-index: 99;
 }
.music_btn span{
	display: block;
	width: 100%;
	height: 100%;
	background:url(../images/music_btn.png) center center no-repeat;
	background-size: contain;
}
.music_anim{
	animation: music_a 2s linear infinite;
	-webkit-animation: music_a 2s linear infinite;
}
@keyframes music_a{
	from { transform:rotate(0deg); }
	to { transform:rotate(360deg); }
}
@-webkit-keyframes music_a{
	from{ -webkit-transform:rotate(0deg); }
	to{ -webkit-transform:rotate(360deg); }
}
.page_downBox{
	position: absolute;
	background: url(../images/page_downBox.png) top center no-repeat;
	background-size: contain;
	width: 12%;
	height: 11%;
	top: 92%;
	left: 44%;
}
.page_down{
	position: absolute;
	background: url(../images/page_down.png) top center no-repeat;
	background-size: contain;
	width: 50%;
	height: 50%;
	top: 35%;
	left: 25%;
	animation: up 2.5s ease infinite;
	-webkit-animation: up 2.5s ease infinite;
}
@keyframes up {
	0% {opacity: 0;}
	50% {opacity: 1; -webkit-transform: translate3d(0, -40%, 0); transform: translate3d(0, -40%, 0);}
	100% {opacity: 0; -webkit-transform: translate3d(0, -80%, 0); transform: translate3d(0, -80%, 0);}
}
@-webkit-keyframes up {
	0% {opacity: 0;}
	50% {opacity: 1; -webkit-transform: translate3d(0, -40%, 0); transform: translate3d(0, -40%, 0);}
	100% {opacity: 0; -webkit-transform: translate3d(0, -80%, 0); transform: translate3d(0, -80%, 0);}
}
.swiper-container,
.swiper-wrapper,
.swiper-slide{
	position: relative;
	width: 100%;
	height: 100%;
}
.swiper-slide{
	/*overflow: hidden;*/
}
.jcontent{
	position: absolute;
}
.page1,
.page2,
.page3,
.page4,
.page5,
.page6,
.page7,
.page8{
	background: url(../images/page_bg.png) top center no-repeat;
	background-size: cover;
}
.page1_title_bg{
	position: absolute;
	width: 100%;
	height: 7.5%;
	background: #fff;
	z-index: 1;
}
.page1_decor1{
	position: absolute;
	background: url(../images/page1_decor1.png) top center no-repeat;
	background-size: contain;
	width: 100%;
	height: 7.5%;
	z-index: 2;
}
.page1_decor2,
.page1_decor3,
.page1_decor4,
.page1_decor5,
.page1_decor6{
	position: absolute;
}
.page1_decor2{
	background: url(../images/page1_decor2.png) top center no-repeat;
	background-size: contain;
	width: 100%;
	height: 16%;
	top: 13.5%;
	z-index: 1;
}
.page1_decor3{
	background: url(../images/page1_decor3.png) top center no-repeat;
	background-size: contain;
	width: 20%;
	height: 16%;
	top: 14.5%;
	left: 10%;
}
.page1_decor4{
	background: url(../images/page1_decor4.png) top center no-repeat;
	background-size: contain;
	width: 11%;
	height: 8%;
	top: 14.5%;
	left: 72%;
}
.page1_decor5{
	background: url(../images/page1_decor5.png) top center no-repeat;
	background-size: contain;
	width: 11%;
	height: 8%;
	top: 23.5%;
	left: 72.2%;
}
.page1_decor6{
	background: url(../images/page1_decor6.png) top center no-repeat;
	background-size: contain;
	width: 82%;
	height: 64%;
	top: 28%;
	left: 9%;
}
.page2 div{
	position: absolute;
}
.page2_circle1,
.page3_circle1,
.page4_circle1,
.page5_circle1{
	background: url(../images/circle1.png) top center no-repeat;
	background-size: contain;
	top: 7%;
}
.page3_circle1,
.page4_circle1{
	top: 36%;
}
.page5_circle1{
	top: 43%;
}
.page2_circle2,
.page3_circle2,
.page4_circle2,
.page5_circle2,
.page6_circle2,
.page7_circle2{
	background: url(../images/circle1.png) top center no-repeat;
	background-size: contain;
}
.page2_circle3,
.page3_circle3,
.page4_circle3{
	background: url(../images/circle2.png) top center no-repeat;
	background-size: contain;
	top: 41%;
}
.page2_decor1{
	background: url(../images/page2_decor1.png) top center no-repeat;
	background-size: contain;
	width: 42%;
	height: 15%;
	top: 6%;
	left: 29%;
}
.page2_decor2{
	background: url(../images/page2_decor2.png) top center no-repeat;
	background-size: contain;
	width: 70%;
	height: 10%;
	top: 20.1%;
	left: 15%;
}
.page2_decor3{
	background: url(../images/page2_decor3.png) top center no-repeat;
	background-size: contain;
	width: 58%;
	height: 20%;
	top: 29.5%;
	left: 21%;
}
.page2_decor4{
	background: url(../images/heart.png) top center no-repeat;
	background-size: contain;
	width: 10%;
	height: 5%;
	top: 45%;
	left: 29%;
}
.page2_decor5{
	background: url(../images/page2_decor5.png) top center no-repeat;
	background-size: contain;
	width: 13%;
	height: 10%;
	top: 49%;
	left: 68%;
}
.page2_decor6{
	background: url(../images/page2_decor6.png) top center no-repeat;
	background-size: contain;
	width: 41%;
	height: 25%;
	top: 55%;
	left: 14%;
}
.page2_decor7{
	background: url(../images/page2_decor7.png) top center no-repeat;
	background-size: contain;
	width: 40%;
	height: 35%;
	top: 42.5%;
	left: 36%;
}
.page2_decor8{
	background: url(../images/flower.png) top center no-repeat;
	background-size: contain;
	width: 11%;
	height: 10%;
	top: 74.5%;
	left: 9.5%;
}
.page2_decor9{
	background: url(../images/page2_decor9.png) top center no-repeat;
	background-size: contain;
	width: 100%;
	height: 9%;
	top: 80%;
}
.page3 div{
	position: absolute;
}
.page3_heart,
.page4_heart,
.page5_heart,
.page6_heart{
	background: url(../images/heart.png) top center no-repeat;
	background-size: contain;
	width: 10%;
	height: 6%;
	top: 3.5%;
	left: 10%;
}
.page3_decor1{
	background: url(../images/page3_decor1.png) top center no-repeat;
	background-size: contain;
	width: 100%;
	height: 12.5%;
	top: 3.7%;
}
.page3_decor2{
	background: url(../images/page3_decor2.png) top center no-repeat;
	background-size: contain;
	width: 100%;
	height: 4.5%;
	top: 18.5%;
}
.page3_decor3{
	background: url(../images/page3_decor3.png) top center no-repeat;
	background-size: contain;
	width: 100%;
	height: 16.5%;
	top: 26%;
}
.page3_decor4{
	background: url(../images/page3_decor4.png) top center no-repeat;
	background-size: contain;
	width: 100%;
	height: 35%;
	top: 46%;
	left: 2%;
}
.page3_decor5{
	background: url(../images/flower.png) top center no-repeat;
	background-size: contain;
	width: 11%;
	height: 10%;
	top: 72%;
	left: 9.5%;
}
.page3_decor6{
	background: url(../images/page3_decor6.png) top center no-repeat;
	background-size: contain;
	width: 100%;
	height: 9%;
	top: 81.6%;
}
.page3_circle4,
.page4_circle4{
	background: url(../images/circle3.png) top center no-repeat;
	background-size: contain;
	width: 20%;
	height: 15%;
	top: 68%;
	right: 7.5%;
	z-index: 1;
}
.page4 div{
	position: absolute;
}
.page4_decor1{
	background: url(../images/page4_decor1.png) top center no-repeat;
	background-size: contain;
	width: 100%;
	height: 5.5%;
	top: 3.5%;
}
.page4_decor2{
	background: url(../images/page4_decor2.png) top center no-repeat;
	background-size: contain;
	width: 100%;
	height: 11.2%;
	top: 17%;
}
.page4_decor3{
	background: url(../images/page4_decor3.png) top center no-repeat;
	background-size: contain;
	width: 68%;
	height: 48%;
	top: 30.7%;
	left: 22%;
}
.page4_decor4{
	background: url(../images/page4_decor4.png) top center no-repeat;
	background-size: contain;
	width: 100%;
	height: 9%;
	top: 81.6%;
}
.page4_decor5{
	background: url(../images/flower.png) top center no-repeat;
	background-size: contain;
	width: 11%;
	height: 10%;
	top: 72%;
	left: 9.5%;
}
.page4_decor6{
	background: url(../images/page4_decor6.png) top center no-repeat;
	background-size: contain;
	width: 100%;
	height: 4.4%;
	top: 11%;
}
.page5 div{
	position: absolute;
}
.page5_circle3{
	background: url(../images/circle2.png) top center no-repeat;
	background-size: contain;
	width: 18%;
	height: 13%;
	top: 46%;
	left: 10%;
	z-index: 1;
}
.page5_circle4{
	background: url(../images/circle4.png) top center no-repeat;
	background-size: contain;
	width: 20%;
	height: 15%;
	top: 49%;
	left: 79%;
	z-index: 1;
}
.page5_circle5{
	background: url(../images/circle5.png) top center no-repeat;
	background-size: contain;
	width: 21%;
	height: 15%;
	top: 66%;
	left: 2%;
	z-index: 1;
}
.page5_decor1{
	background: url(../images/page5_decor1.png) top center no-repeat;
	background-size: contain;
	width: 100%;
	height: 11%;
	top: 4%;
}
.page5_decor2{
	background: url(../images/page5_decor2.png) top center no-repeat;
	background-size: contain;
	width: 100%;
	height: 4.3%;
	top: 17.6%;
}
.page5_decor3{
	background: url(../images/page5_decor3.png) top center no-repeat;
	background-size: contain;
	width: 100%;
	height: 9%;
	top: 23.3%;
}
.page5_decor4{
	background: url(../images/page5_decor4.png) top center no-repeat;
	background-size: contain;
	width: 27%;
	height: 20%;
	top: 29%;
	left: 6.4%;
}
.page5_decor5{
	background: url(../images/page5_decor5.png) top center no-repeat;
	background-size: contain;
	width: 22%;
	height: 15%;
	top: 32.3%;
	left: 70%;
}
.page5_decor6{
	background: url(../images/page5_decor6.png) top center no-repeat;
	background-size: contain;
	width: 68%;
	height: 40%;
	top: 41.5%;
	left: 14.5%;
	z-index: 9;
}
.page5_decor7{
	background: url(../images/page5_decor7.png) top center no-repeat;
	background-size: contain;
	width: 19%;
	height: 15%;
	top: 57.5%;
	left: 77%;
	z-index: 1;
}
.page5_decor8{
	background: url(../images/page5_decor8.png) top center no-repeat;
	background-size: contain;
	width: 100%;
	height: 6%;
	top: 81.6%;
}
.page5_decor9{
	background: url(../images/flower.png) top center no-repeat;
	background-size: contain;
	width: 11%;
	height: 10%;
	top: 80%;
	left: 9.5%;
}
.page6 div{
	position: absolute;
}
.page6_decor1{
	background: url(../images/page6_decor1.png) top center no-repeat;
	background-size: contain;
	width: 100%;
	height: 11%;
	top: 3.5%;
}
.page6_decor2{
	background: url(../images/page6_decor2.png) top center no-repeat;
	background-size: contain;
	width: 100%;
	height: 4.6%;
	top: 16.5%;
}
.page6_decor3{
	background: url(../images/page6_decor3.png) top center no-repeat;
	background-size: contain;
	width: 100%;
	height: 9%;
	top: 23%;
}
.page6_decor4{
	background: url(../images/page6_decor4.png) top center no-repeat;
	background-size: contain;
	width: 100%;
	height: 40%;
	top: 35%;
}
.page6_decor5{
	background: url(../images/page6_decor5.png) top center no-repeat;
	background-size: contain;
	width: 100%;
	height: 9%;
	top: 81.6%;
}
.page7{
	overflow: hidden;
}
.page7_box{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 7.5%;
	left: 0;
}
.page7 div{
	position: absolute;
}
.page7_decor1{
	background: url(../images/page7_decor1.png) top center no-repeat;
	background-size: contain;
	width: 100%;
	height: 9%;
	top: 11%;
}
.page7_decor2{
	background: url(../images/page7_decor2.png) top center no-repeat;
	background-size: contain;
	width: 70%;
	height: 4.9%;
	top: 25%;
	left: 15%;
}
.page7_decor3{
	background: url(../images/page7_decor3.png) top center no-repeat;
	background-size: contain;
	width: 73%;
	height: 26%;
	top: 36%;
	left: 13.5%;
}
.page7_decor4{
	background: url(../images/page7_decor4.png) top center no-repeat;
	background-size: contain;
	width: 70%;
	height: 6%;
	top: 66%;
	left: 15%;
}
.page7_decor5{
	background: url(../images/page7_decor5.png) top center no-repeat;
	background-size: contain;
	width: 100%;
	height: 4.9%;
	top: 52.2%;
}
.page7_erwei_box2{
	top: 60%;
	left: 21%;
}
.page7_decor6,
.page7_decor7{
	width: 44%;
	height: 100%;
	float: left;
}
.page7_decor7{
	float: right;
}
.page7_decor8{
	background: url(../images/page7_decor8.png) top center no-repeat;
	background-size: contain;
	width: 100%;
	height: 1.98%;
	top: 75.5%;
}
.page7_decor9{
	background: url(../images/page7_decor9.png) top center no-repeat;
	background-size: contain;
	width: 18%;
	height: 12%;
	top: 3%;
	left: 7%;
}
.page7_decor10{
	background: url(../images/page7_decor10.png) top center no-repeat;
	background-size: contain;
	width: 5%;
	height: 4%;
	top: 60%;
	right: 9%;
}
.page7_decor11{
	background: url(../images/page7_decor10.png) top center no-repeat;
	background-size: contain;
	width: 10%;
	height: 6%;
	top: 77%;
	left: 6%;
	transform: rotate(-35deg);
	-webkit-transform: rotate(-35deg);
}
.page7_decor12{
	background: url(../images/page7_decor11.png) top center no-repeat;
	background-size: contain;
	width: 18.5%;
	height: 15%;
	top: 23%;
	right: 0.8%;
}
.erweima_box1,
.erweima_box2{
	width: 73%;
	height: 25%;
	top: 36%;
	left: 13.5%;
}
.erweima1_1_border,
.erweima1_2_border,
.erweima2_1_border,
.erweima2_2_border{
	position: absolute;
	width: 46.5%;
	height: 100%;
}
.erweima1_1_border,
.erweima2_1_border{
	left: 0;
}
.erweima1_2_border,
.erweima2_2_border{
	right: 0;
}
.black_bg{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 9;
	display: none;
}
.close{
	position: absolute;
	background: url(../images/close_btn.png) top center no-repeat;
	background-size: contain;
	width: 8%;
	height: 6%;
	top: 25%;
	left: 73.6%;
}
.erweima{
	position: absolute;
	display: block;
	width: 60%;
	height: 38%;
	top: 30%;
	left: 20%;
	display: none;
}
.page8 div{
	position: absolute;
}
.page8_decor1{
	background: url(../images/page8_decor1.png) top center no-repeat;
	background-size: contain;
	width: 100%;
	height: 9%;
	top: 11%;
}
.page8_decor2{
	background: url(../images/page8_decor2.png) top center no-repeat;
	background-size: contain;
	width: 70%;
	height: 4.9%;
	top: 25%;
	left: 15%;
}
.page8_decor3{
	background: url(../images/page8_decor3.png) top center no-repeat;
	background-size: contain;
	width: 73%;
	height: 26%;
	top: 36%;
	left: 13.5%;
}