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: 999;
 }
.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: 6%;
	height: 5%;
	top: 96%;
	left: 47%;
	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;
	width: 100%;
	height: 100%;
}
.page1{
	background: url(../images/page1_bg.jpg) top center no-repeat;
	background-size: auto 100%;
}
.page2{
	background: url(../images/page2_bg.jpg) top center no-repeat;
	background-size: auto 100%;
}
.page3,
.page4,
.page5{
	background: url(../images/page3_bg.jpg) top center no-repeat;
	background-size: auto 100%;
}
.page6{
	background: url(../images/page6_bg.jpg) top center no-repeat;
	background-size: auto 100%;
}
.page7,
.page8{
	background: url(../images/page7_bg.jpg) top center no-repeat;
	background-size: auto 100%;
}
.page9{
	background: url(../images/page9_bg.jpg) top center no-repeat;
	background-size: auto 100%;
}
.jcontent div{
	position: absolute;
}
@keyframes page1_decor1{
	100%{top: 2%; left: 4%; transform: scale(1);}
}
@-webkit-keyframes page1_decor1{
	100%{top: 2%; left: 4%; -webkit-transform: scale(1);}
}
.page1_ani{
	animation-name: page1_decor1;
	-webkit-animation-name: page1_decor1;	
}
.page1_decor1{
	background: url(../images/page1_decor1.png) top center no-repeat;
	background-size: contain;
	width: 45%;
	height: 25%;
	/*top: 2%;
	left: 4%;*/
	top: 46%;
	left: 115%;
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
}
.page1_decor2{
	background: url(../images/page1_decor2.png) top center no-repeat;
	background-size: contain;
	width: 73%;
	height: 66%;
	top: 25%;
	left: 15%;
}
.page2_decor1{
	background: url(../images/page2_decor1.png) top center no-repeat;
	background-size: contain;
	width: 45%;
	height: 15%;
	top: 4%;
	left: 52%;
}
.page2_decor2{
	background: url(../images/page2_decor2.png) top center no-repeat;
	background-size: contain;
	width: 100%;
	height: 10.5%;
	top: 12.5%;
}
.page2_decor3{
	background: url(../images/page2_decor3.png) top center no-repeat;
	background-size: contain;
	width: 100%;
	height: 13.5%;
	top: 32%;
}
.page2_decor4{
	background: url(../images/page2_decor4.png) top center no-repeat;
	background-size: contain;
	width: 35%;
	height: 25%;
	top: 57.8%;
	left: 9%;
}
.page2_decor5{
	background: url(../images/page2_decor5.png) top center no-repeat;
	background-size: contain;
	width: 35%;
	height: 25%;
	top: 53.8%;
	right: 9%;
}
.page2_decor6{
	background: url(../images/page2_decor6.png) top center no-repeat;
	background-size: contain;
	width: 38%;
	height: 27%;
	top: 69%;
	right: 19%;
}
.page2_decor7{
	background: url(../images/page2_decor7.png) top center no-repeat;
	background-size: contain;
	width: 22%;
	height: 8%;
	top: 52.4%;
	left: 17%;
}
.page2_decor8{
	background: url(../images/page2_decor8.png) top center no-repeat;
	background-size: contain;
	width: 18%;
	height: 12%;
	top: 49%;
	left: 52%;
}
.page2_decor9{
	background: url(../images/page2_decor9.png) top center no-repeat;
	background-size: contain;
	width: 14%;
	height: 20%;
	top: 81%;
	left: 35%;
	transform: rotate(4deg);
	-webkit-transform: rotate(4deg);
}
.title{
	background: url(../images/title.png) top center no-repeat;
	background-size: contain;
	width: 84%;
	height: 11%;
	top: 4%;
	left: 8%;
}
.page3_decor1{
	background: url(../images/page3_decor1.png) top center no-repeat;
	background-size: contain;
	width: 20%;
	height: 15%;
	top: 15%;
	left: 40%;
}
.page3_txt1{
	position: absolute;
	text-align: center;
	width: 100%;
	top: 32%;
	color: #895c23;
	font-size: 2.5vh;
}
.page3_decor2{
	background: url(../images/page3_decor2.jpg) top center no-repeat;
	background-size: contain;
	width: 84%;
	height: 7%;
	top: 36%;
	left: 8%;
}
.page3_txt2{
	position: absolute;
	text-align: center;
	width: 100%;
	top: 43.7%;
	color: #895c23;
	font-size: 2.5vh;
}
.page3_txt3{
	position: absolute;
	text-align: center;
	width: 100%;
	top: 47%;
	color: #895c23;
	font-size: 2.5vh;
}
.page3_decor3_border{
	width: 100%;
	height: 4%;
	top: 51.2%;
}
.page3_decor3{
	background: url(../images/page3_decor3.png) top center no-repeat;
	background-size: contain;
	width: 100%;
	height: 100%;
}
.page3_decor4{
	background: url(../images/page3_decor4.png) top center no-repeat;
	background-size: contain;
	width: 84%;
	height: 20%;
	top: 57.5%;
	left: 8%;
}
.page3_decor5{
	background: url(../images/page3_decor5.png) top center no-repeat;
	background-size: contain;
	width: 84%;
	height: 20%;
	top: 72%;
	left: 8%;
}
.page3_txt4{
	position: absolute;
	width: 100%;
	top: 86%;
	left: 28%;
	color: #5d371d;
	font-size: 1.4vh;
	font-weight: bold;
	letter-spacing: -0.1vh;
}
.page3_decor6{
	background: url(../images/page3_decor6.png) top center no-repeat;
	background-size: contain;
	width: 12.5%;
	height: 5%;
	top: 92.6%;
	left: 5.5%;
}
.page3_decor7{
	background: url(../images/page3_decor7.png) top center no-repeat;
	background-size: contain;
	width: 74%;
	height: 10%;
	top: 90.9%;
	left: 22%;
}
.page4_decor1{
	background: url(../images/page4_decor1.jpg) top center no-repeat;
	background-size: contain;
	width: 100%;
	height: 6.2%;
	top: 23%;
}
.page4_txt1,
.page4_txt2{
	position: absolute;
	text-align: center;
	width: 100%;
	color: #8a5d23;
	font-size: 2.1vh;
}
.page4_txt1{
	top: 32%;
}
.page4_txt2{
	top: 35%;
}
.page4_decor2{
	background: url(../images/page4_decor2.png) top center no-repeat;
	background-size: contain;
	width: 30%;
	height: 15%;
	top: 38.5%;
	left: 6%;
}
.page4_decor3{
	background: url(../images/page4_decor3.png) top center no-repeat;
	background-size: contain;
	width: 25%;
	height: 15%;
	top: 42%;
	right: 6%;
}
.page4_decor4{
	background: url(../images/page4_decor4.png) top center no-repeat;
	background-size: contain;
	width: 50%;
	height: 30%;
	top: 46.5%;
	left: 21%;
}
.page4_txt3_border{
	width: 100%;
	top: 68%;
}
.page4_txt3{
	position: absolute;
	left: 5%;
	color: #8a5d23;
	font-size: 3.7vh;
	font-weight: bold;
}
.page4_decor5{
	background: url(../images/page4_decor5.png) top center no-repeat;
	background-size: contain;
	width: 92%;
	height: 17%;
	top: 73%;
	left: 4%;
}
.page4_decor5 div{
	position: relative;
	width: 20%;
	height: 83%;
	float: left;
}
.page4_decor5_1{
	background: url(../images/page4_decor5_1.png) top center no-repeat;
	background-size: contain;
}
.page4_decor5_2{
	background: url(../images/page4_decor5_2.png) top center no-repeat;
	background-size: contain;
}
.page4_decor5_3{
	background: url(../images/page4_decor5_3.png) top center no-repeat;
	background-size: contain;
}
.page4_decor5_4{
	background: url(../images/page4_decor5_5.png) top center no-repeat;
	background-size: contain;
	height: 52%!important;
	top: 31%;
}
.page4_decor5_5{
	background: url(../images/page4_decor5_6.png) top center no-repeat;
	background-size: contain;
	height: 52%!important;
	top: 31%;
}
.page4_decor6,
.page5_decor10{
	background: url(../images/page3_decor6.png) top center no-repeat;
	background-size: contain;
	width: 12.5%;
	height: 5%;
	top: 92.6%;
	left: 5.5%;
}
.page4_decor7{
	background: url(../images/page4_decor6.png) top center no-repeat;
	background-size: contain;
	width: 68%;
	height: 10%;
	top: 90.9%;
	left: 22%;
}
.page5_decor1{
	background: url(../images/page5_decor1.jpg) top center no-repeat;
	background-size: contain;
	width: 88%;
	height: 25%;
	top: 21%;
	left: 6%;
}
.page5_txt1{
	position: absolute;
	text-align: center;
	width: 100%;
	top: 41%;
	color: #885d23;
	font-size: 2.7vh;
}
.page5_decor2_border{
	width: 100%;
	height: 4.6%;
	top: 47.5%;
}
.page5_decor2{
	background: url(../images/page5_decor2.png) top center no-repeat;
	background-size: contain;
	width: 100%;
	height: 100%;
}
.page5_decor3{
	background: url(../images/page5_decor3.png) top center no-repeat;
	background-size: contain;
	width: 92%;
	height: 35%;
	top: 54%;
	left: 4%;
}
.page5_decor4{
	background: url(../images/page5_decor4.png) top center no-repeat;
	background-size: contain;
	width: 37%;
	height: 20%;
	top: 6%;
	left: 6%;
}
.page5_decor5{
	background: url(../images/page5_decor5.png) top center no-repeat;
	background-size: contain;
	width: 20%;
	height: 90%;
	top: 3%;
	left: 40%;
}
.page5_decor6{
	background: url(../images/page5_decor6.png) top center no-repeat;
	background-size: contain;
	width: 31.3%;
	height: 40%;
	top: 6%;
	right: 9%;
}
.page5_decor7{
	background: url(../images/page5_decor7.png) top center no-repeat;
	background-size: contain;
	width: 20%;
	height: 32%;
	top: -19%;
	right: -4%;
}
.page5_decor8{
	background: url(../images/page5_decor8.png) top center no-repeat;
	background-size: contain;
	width: 42%;
	height: 45%;
	top: 38%;
	left: 2%;
}
.page5_decor9{
	background: url(../images/page5_decor9.png) top center no-repeat;
	background-size: contain;
	width: 36.5%;
	height: 35%;
	top: 54.5%;
	right: 6%;
}
.page5_decor11{
	background: url(../images/page5_decor10.png) top center no-repeat;
	background-size: contain;
	width: 74%;
	height: 10%;
	top: 90.9%;
	left: 22%;
}
.page6_decor1{
	background: url(../images/page6_decor1.png) top center no-repeat;
	background-size: contain;
	width: 76%;
	height: 25%;
	top: 10.5%;
	left: 7%;
}
.page6_decor2{
	background: url(../images/page6_decor2.png) top center no-repeat;
	background-size: contain;
	width: 66%;
	height: 22%;
	top: 32%;
	left: 14%;
}
.page6_decor3{
	background: url(../images/page6_decor3.png) top center no-repeat;
	background-size: contain;
	width: 68%;
	height: 15%;
	top: 49%;
	left: 15%;
}
.page6_decor4{
	background: url(../images/page6_decor4.png) top center no-repeat;
	background-size: contain;
	width: 62%;
	height: 15%;
	top: 61.5%;
	left: 22%;
}
.page7_decor1{
	background: url(../images/page7_decor1.png) top center no-repeat;
	background-size: contain;
	width: 100%;
	height: 15.5%;
	top: 5%;
}
.page7_decor2{
	background: url(../images/page7_decor2.png) top center no-repeat;
	background-size: contain;
	width: 42%;
	height: 25%;
	top: 28%;
	right: 5%;
	z-index: 2;
}
.page7_decor3{
	background: url(../images/page7_decor3.png) top center no-repeat;
	background-size: contain;
	width: 32%;
	height: 25%;
	top: 75%;
	right: 5%;
	z-index: 2;
}
.page7_decor4{
	background: url(../images/page7_decor4.png) top center no-repeat;
	background-size: contain;
	width: 56%;
	height: 5%;
	top: 29%;
	left: 8%;
}
.page7_decor5{
	background: url(../images/page7_decor5.png) top center no-repeat;
	background-size: contain;
	width: 38%;
	height: 25%;
	top: 36%;
	left: 8%;
}
.page7_decor6{
	background: url(../images/page7_decor6.png) top center no-repeat;
	background-size: contain;
	width: 72%;
	height: 5%;
	top: 59%;
	left: 8%;
}
.page7_decor7{
	background: url(../images/page7_decor7.png) top center no-repeat;
	background-size: contain;
	width: 58%;
	height: 15%;
	top: 66%;
	left: 8%;
}
.page7_decor8{
	background: url(../images/page7_decor8.png) top center no-repeat;
	background-size: contain;
	width: 63%;
	height: 5%;
	top: 78%;
	left: 8%;
}
.page7_decor9{
	background: url(../images/page7_decor9.png) top center no-repeat;
	background-size: contain;
	width: 40%;
	height: 5%;
	top: 85%;
	left: 8%;
}
.page8_decor1{
	background: url(../images/page8_decor1.png) top center no-repeat;
	background-size: contain;
	width: 62.5%;
	height: 5.4%;
	top: 29%;
	left: 8%;
}
.page8_decor3{
	background: url(../images/page8_decor3.png) top center no-repeat;
	background-size: contain;
	width: 61.8%;
	height: 5%;
	top: 55%;
	left: 8%;
}
.page8_decor5{
	background: url(../images/page8_decor5.png) top center no-repeat;
	background-size: contain;
	width: 72%;
	height: 5%;
	top: 76%;
	left: 8%;
}
.page8_decor2{
	background: url(../images/page8_decor2.png) top center no-repeat;
	background-size: contain;
	width: 83%;
	height: 15%;
	top: 35.5%;
	left: 8%;
}
.page8_decor4{
	background: url(../images/page8_decor4.png) top center no-repeat;
	background-size: contain;
	width: 62%;
	height: 10%;
	top: 61.5%;
	left: 8%;
}
.page8_decor6{
	background: url(../images/page8_decor6.png) top center no-repeat;
	background-size: contain;
	width: 62%;
	height: 10%;
	top: 82.5%;
	left: 8%;
}
.page8_decor7{
	background: url(../images/page8_decor7.png) top center no-repeat;
	background-size: contain;
	width: 31%;
	height: 20%;
	top: 26.7%;
	right: 4%;
}
.page8_decor8{
	background: url(../images/page8_decor8.png) top center no-repeat;
	background-size: contain;
	width: 36%;
	height: 20%;
	top: 50%;
	right: 2%;
}
.page9_decor1{
	background: url(../images/page9_decor1.jpg) top center no-repeat;
	background-size: contain;
	width: 82%;
	height: 7%;
	top: 4.5%;
	left: 7%;
}
.page9_decor2{
	background: url(../images/page9_decor2.png) top center no-repeat;
	background-size: contain;
	width: 82%;
	height: 25%;
	top: 13%;
	left: 7%;
}
.page9_bottom_box{
	position: absolute;
	width: 100%;
	height: 100%;
	top: -4%;
	left: 0;
}
.page9_decor16{
	background: url(../images/page9_decor16.png) top center no-repeat;
	background-size: 100% 100%;
	width: 88%;
	height: 50.6%;
	top: 37.3%;
	left: 8%;
}
.page9_decor3{
	background: url(../images/page9_decor3.png) top center no-repeat;
	background-size: contain;
	width: 28%;
	height: 25%;
	top: 37.3%;
	left: 3%;
	z-index: 1;
}
.page9_decor4{
	background: url(../images/page9_decor4.png) top center no-repeat;
	background-size: contain;
	width: 9.5%;
	height: 15%;
	top: 45%;
	left: 40.6%;
}
.page9_decor5{
	background: url(../images/page9_decor5.png) top center no-repeat;
	background-size: contain;
	width: 9.5%;
	height: 15%;
	top: 43.6%;
	left: 51.4%;
}
.page9_decor6{
	background: url(../images/page9_decor6.png) top center no-repeat;
	background-size: contain;
	width: 9.5%;
	height: 15%;
	top: 42%;
	left: 62%;
}
.page9_decor7_border{
	width: 23%;
	height: 20%;
	top: 33%;
	right: 1%;
}
.page9_decor7{
	background: url(../images/page9_decor7.png) top center no-repeat;
	background-size: contain;
	width: 100%;
	height: 100%;
}
.page9_decor8{
	background: url(../images/page9_decor8.png) top center no-repeat;
	background-size: 100% 100%;
	width: 78%;
	height: 15%;
	top: 46.8%;
	left: 7.9%;
	transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
	transform-origin: 0 100%;
	-webkit-transform-origin: 0 100%;
	z-index: 2;
}
.page9_decor9{
	background: url(../images/page9_decor9.png) top center no-repeat;
	background-size: contain;
	width: 95%;
	height: 30%;
	top: 61.7%;
	left: 2.9%;
	z-index: 1;
}
.page9_decor10{
	background: url(../images/page9_decor10.png) top center no-repeat;
	background-size: contain;
	width: 74%;
	height: 25%;
	top: 57.3%;
	left: 10.5%;
}
.page9_decor11_border{
	width: 17%;
	height: 12%;
	top: 65.5%;
	left: 22%;
	z-index: 1;
}
.page9_decor11{
	background: url(../images/page9_decor11.png) top center no-repeat;
	background-size: contain;
	width: 100%;
	height: 100%;
}
.page9_decor12{
	background: url(../images/page9_decor12.png) top center no-repeat;
	background-size: contain;
	width: 15.4%;
	height: 3.8%;
	top: 76.5%;
	left: 8.5%;
	z-index: 1;
}
.page9_decor13{
	background: url(../images/page9_decor13.png) top center no-repeat;
	background-size: contain;
	width: 19%;
	height: 4%;
	top: 76.5%;
	left: 40%;
	z-index: 1;
}
.page9_decor14{
	background: url(../images/page9_decor14.png) top center no-repeat;
	background-size: contain;
	width: 23%;
	height: 4%;
	top: 82.5%;
	left: 8.5%;
	z-index: 1;
}
.page9_decor15{
	background: url(../images/page9_decor15.png) top center no-repeat;
	background-size: contain;
	width: 100%;
	height: 1.6%;
	top: 89%;
	z-index: 1;
}
.page9_decor17,
.page9_decor18,
.page9_decor19,
.page9_decor20{
	background: url(../images/page9_decor17.png) top center no-repeat;
	background-size: contain;
	width: 11%;
	height: 4%;
	top: 82.5%;
	z-index: 1;
}
.page9_decor17{
	left: 32%;
}
.page9_decor18{
	left: 44%;
}
.page9_decor19{
	left: 55.5%;
}
.page9_decor20{
	left: 67%;
}
.page9_btn_border{
	width: 82%;
	height: 5vh;
	line-height: 5vh;
	bottom: 7%;
	left: 9%;
}
.page9_btn{
	text-align: center;
	width: 100%;
	height: 100;
	font-size: 2.6vh;
	font-weight: bold;
	color: #fff;
	background: #c30d23
}
@keyframes jZoom{
	0%{transform: scale(1);}
	100%{transform: scale(0.9);}
}
.jZoom{
	-webkit-animation-name:jZoom;
	animation-name:jZoom;
	animation-direction: alternate;
	-webkit-animation-direction: alternate;
	animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
}