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;
}
#content{
	position: relative;
	height: 100%;
}
.swiper-container, .swiper-slide{
	position: relative;
	width: 100%;
	height: 100%;
}

.music_btn{
	position: absolute;
	display: block;
	width: 9%;
	left: 86%;
	top: 3%;
	z-index: 99;
 }

.music_btn span{
 	display: block;
  	width: 100%;
  	height: 100%;
 	background:url(../images/musicBtn.png) center center no-repeat;
 	background-size: 100% 100%;
}

.music_anim{
    animation: music_a 2s linear infinite;
    -webkit-animation: music_a 2s linear infinite;
}

@keyframes music_a{
	from { transform:rotateZ(0deg); }
	to { transform:rotateZ(360deg); }
}
@-webkit-keyframes music_a{
	from{ -webkit-transform:rotateZ(0deg); }
	to{ -webkit-transform:rotateZ(360deg); }
}

.page_down_box{
	position: absolute;
	background: url(../images/page_down_box.png) top center no-repeat;
	background-size: contain;
	width: 12%;
	height: 12%;
	top: 91%;
	left: 44%;
	z-index: 99;
}
.page_down{
	position: absolute;
	background: url(../images/page_down.png) top center no-repeat;
	background-size: contain;
	width: 50%;
	height: 50%;
	bottom: 13%;
	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);}
}



.page1{
	background: url(../images/page1_bg.jpg) top center no-repeat;
	background-size: 100% 100%;
}
.page1_decor1{
	width: 100%;
	height: 7%;
}
.page1_titleImg{
	background: url(../images/page1_titleImg.png) top center no-repeat;
	background-size: contain;
	width: 34%;
	height: 7%;
	margin: 0 auto;
	/*border: 1px solid red;*/
}
.page1_round_box{
	width: 85%;
	height: 9%;
	margin: 0 auto;
	margin-top: 1%;
	/*border: 1px solid red;*/
}
.page1_round{
	width: 25%;
	height: 100%;
	float: left;
}
.page1_round1{
	background: url(../images/page1_round1.png) top center no-repeat;
	background-size: contain;
}
.page1_round2{
	background: url(../images/page1_round2.png) top center no-repeat;
	background-size: contain;
}
.page1_round3{
	background: url(../images/page1_round3.png) top center no-repeat;
	background-size: contain;
}
.page1_round4{
	background: url(../images/page1_round4.png) top center no-repeat;
	background-size: contain;
}
.page1_text1Img{
	background: url(../images/page1_text1Img.png) top center no-repeat;
	background-size: contain;
	width: 70%;
	height: 8%;
	margin: 0 auto;
	margin-top: 3%;
}
.page1_tree{
	position: absolute;
	background: url(../images/page1_tree.png) top center no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 62%;
	bottom: 0;
	z-index: 1;
}
.page1_tree_textImg{
	background: url(../images/page1_tree_textImg.png) top center no-repeat;
	background-size: contain;
	width: 40%;
	height: 20%;
	margin: 0 auto;
	margin-top: 26%;
	/*border: 1px solid;*/
}
.page1_money{
	position: absolute;
	background: url(../images/page1_money.png) top center no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}
.page1_cloud{
	position: absolute;
	background: url(../images/page1_cloud.png) top center no-repeat;
	background-size: contain;
}
.page1_cloud1{
	background: url(../images/page1_cloud2.png) top center no-repeat;
	background-size: contain;
	width: 14%;
	height: 4%;
	top: 3%;
	left: 6%;
	/*animation: page1_cloud1 2s;
	-webkit-animation: page1_cloud1 2s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;*/
}
.page1_cloud2{
	width: 30%;
	height: 30%;
	top: 2%;
	left: 91%;
	/*animation: page1_cloud1 2s;
	-webkit-animation: page1_cloud1 2s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;*/
}
/*@keyframes page1_cloud1{
	0%{left: -10%;}
	100%{left: 6%;}
}
@-webkit-keyframes page1_cloud1{
	0%{left: -10%;}
	100%{left: 6%;}
}*/
.page1_cloud3{
	width: 30%;
	height: 30%;
	top: 33%;
	left: 77%;
}
.page1_cloud4{
	background: url(../images/page1_cloud2.png) top center no-repeat;
	background-size: contain;
	width: 32%;
	height: 32%;
	top: 68%;
	left: -12%;
}
.page1_cloud5{
	width: 20%;
	height: 20%;
	top: 73%;
	left: 73%;
}

.page2{
	background: url(../images/page2_bg.jpg) top center no-repeat;
	background-size: 100% 100%;
}
.page1_decor2{
	width: 100%;
	height: 7%;
}
.page2_titleImg1_box{
	position: relative;
	width: 85%;
	height: 14%;
	margin: 0 auto;
	/*margin-top: 10%;*/
	/*border: 1px solid;*/
}
.page2_titleImg1_round{
	position: absolute;
	background: url(../images/page2_titleImg1_round.png) top center no-repeat;
	background-size: contain;
	width: 21%;
	height: 65%;
	/*border: 1px solid;*/
}
.page2_titleImg1_text1{
	position: absolute;
	background: url(../images/page2_titleImg1_text1.png) top center no-repeat;
	background-size: contain;
	width: 70%;
	height: 55%;
	left: 22%;
	/*border: 1px solid;*/
}
.page2_titleImg1_text2{
	position: absolute;
	background: url(../images/page2_titleImg1_text2.png) top center no-repeat;
	background-size: contain;
	width: 78%;
	height:30%;
	top: 62%;
	left: 22%;
	/*border: 1px solid;*/
}

.page2_titleImg2_box{
	position: relative;
	width: 85%;
	height: 14%;
	margin: 0 auto;
	margin-top: 3%;
	/*border: 1px solid;*/
}
.page2_titleImg2_round{
	position: absolute;
	background: url(../images/page2_titleImg2_round.png) top center no-repeat;
	background-size: contain;
	width: 21%;
	height: 65%;
	/*border: 1px solid;*/
}
.page2_titleImg2_text1{
	position: absolute;
	background: url(../images/page2_titleImg2_text1.png) top center no-repeat;
	background-size: contain;
	width: 70%;
	height: 55%;
	left: 22%;
	/*border: 1px solid;*/
}
.page2_titleImg2_text2{
	position: absolute;
	background: url(../images/page2_titleImg2_text2.png) top center no-repeat;
	background-size: contain;
	width: 78%;
	height:30%;
	top: 62%;
	left: 22%;
	/*border: 1px solid;*/
}

.page3{
	background: url(../images/page3.jpg) top center no-repeat;
	background-size: 100% 100%;
}
.page3_logo{
	position: absolute;
	background: url(../images/page3_logo.png) top center no-repeat;
	background-size: contain;
	width: 50%;
	height:6%;
	top: 3.5%;
	left: 5%;
}
.page3_logo2{
	position: absolute;
	background: url(../images/page3_logo2.png) top center no-repeat;
	background-size: contain;
	width: 18%;
	height: 18%;
	top: 11.5%;
	left: 18%;
}
.page1_decor3{
	width: 100%;
	height: 23%;
}
.page3_tree_textImg{
	background: url(../images/page1_tree_textImg.png) top center no-repeat;
	background-size: contain;
	width: 46%;
	height: 15%;
	margin: 0 auto;
	/*margin-top: 36.5%;*/
	/*border: 1px solid;*/
}
.page3_textImg1{
	position: absolute;
	background: url(../images/page3_textImg1.png) top center no-repeat;
	background-size: contain;
	width: 76%;
	height: 10%;
	top: 76%;
	left: 12%;
}
.page3_textImg2{
	position: absolute;
	background: url(../images/page3_textImg2.png) top center no-repeat;
	background-size: contain;
	width: 76%;
	height: 10%;
	top: 82.5%;
	left: 12%;
}

.page4{
	background: url(../images/page4.jpg) top center no-repeat;
	background-size: 100% 100%;
}
.page4_img1{
	position: absolute;
	background: url(../images/page4_img1.png) top center no-repeat;
	background-size: contain;
	width: 24%;
	height: 20%;
	top: 25%;
	left: 39%;
}
.page4_img2{
	position: absolute;
	background: url(../images/page4_img2.png) top center no-repeat;
	background-size: contain;
	width: 24%;
	height: 20%;
	top: 42%;
	left: 26%;
}
.page4_img3{
	position: absolute;
	background: url(../images/page4_img3.png) top center no-repeat;
	background-size: contain;
	width: 24%;
	height: 20%;
	top: 38%;
	left: 60%;
}
.page4_textImg1{
	position: absolute;
	background: url(../images/page4_textImg1.png) top center no-repeat;
	background-size: contain;
	width: 76%;
	height: 10%;
	top: 78%;
	left: 12%;
}
.page4_textImg2{
	position: absolute;
	background: url(../images/page4_textImg2.png) top center no-repeat;
	background-size: contain;
	width: 76%;
	height: 10%;
	top: 85%;
	left: 12%;
}

.page5{
	background: url(../images/page5.jpg) top center no-repeat;
	background-size: 100% 100%;
}
.page5_img1{
	position: absolute;
	background: url(../images/page5_img1.png) top center no-repeat;
	background-size: contain;
	width: 24%;
	height: 20%;
	top: 27%;
	left: 39%;
}
.page5_img2{
	position: absolute;
	background: url(../images/page5_img2.png) top center no-repeat;
	background-size: contain;
	width: 24%;
	height: 20%;
	top: 41%;
	left: 26%;
}
.page5_img3{
	position: absolute;
	background: url(../images/page5_img3.png) top center no-repeat;
	background-size: contain;
	width: 24%;
	height: 20%;
	top: 38%;
	left: 59%;
}

.page6{
	background: url(../images/page6.jpg) top center no-repeat;
	background-size: 100% 100%;
}
.page1_decor6{
	width: 100%;
	height: 5%;
}
.page6_tree_textImg{
	background: url(../images/page1_tree_textImg.png) top center no-repeat;
	background-size: contain;
	width: 40%;
	height: 15%;
	margin: 0 auto;
	/*margin-top: 8%;*/
	/*border: 1px solid;*/
}
.page6_textImg1{
	position: absolute;
	background: url(../images/page6_textImg1.png) top center no-repeat;
	background-size: contain;
	width: 76%;
	height: 10%;
	top: 51%;
	left: 12%;
}
.page6_textImg2{
	position: absolute;
	background: url(../images/page6_textImg2.png) top center no-repeat;
	background-size: contain;
	width: 76%;
	height: 5%;
	top: 59%;
	left: 12%;
}
.page6_textImg3_box{
	position: relative;
	width: 90%;
	height: 20%;
	top: 48%;
	margin-left: 10%;
	/*border: 1px solid;*/
}
.page6_textImg3_text{
	width: 40%;
	height: 38%;
	float: left;
	/*border: 1px solid;*/
}
.page6_textImg3_text1{
	background: url(../images/page6_textImg3_text1.png) top center no-repeat;
	background-size: contain;
}
.page6_textImg3_text2{
	background: url(../images/page6_textImg3_text2.png) top center no-repeat;
	background-size: contain;
	width: 29%;
	margin-left: 7%;
}
.page6_textImg3_text3{
	background: url(../images/page6_textImg3_text3.png) top center no-repeat;
	background-size: contain;
	width: 37%;
	height: 48%;
}
.page6_textImg3_text4{
	background: url(../images/page6_textImg3_text4.png) top center no-repeat;
	background-size: contain;
	width: 47%;
	margin-left: 10%;
}
.page6_textImg4{
	position: absolute;
	background: url(../images/page6_textImg4.png) top center no-repeat;
	background-size: contain;
	width: 30%;
	height: 3%;
	top: 84%;
	left: 61%;
	/*border: 1px solid;*/
}

.page7{
	background: url(../images/page7.jpg) top center no-repeat;
	background-size: 100% 100%;
}
.page7_portrait{
	position: absolute;
	background: url(../images/page7_portrait.png) top center no-repeat;
	background-size: contain;
	width: 19%;
	height: 20%;
	top: 11%;
	left: 6%;
}
.page7_title_text{
	position: absolute;
	background: url(../images/page7_title_text.png) top center no-repeat;
	background-size: contain;
	width: 66%;
	height: 15%;
	top: 12%;
	left: 28%;
	/*border: 1px solid;*/
}
.page7_img{
	position: relative;
	background: url(../images/page7_img.png) top center no-repeat;
	background-size: cover;
	width: 85%;
	height: 34%;
	top: 31%;
	margin: 0 auto;
	/*border: 1px solid;*/
}
.page7_child{
	position: absolute;
	background: url(../images/page7_child.png) top center no-repeat;
	background-size: contain;
	width: 15%;
	height: 42%;
	top: 50%;
	left: 5.5%;
	/*border: 1px solid;*/
}
.page7_img1{
	position: absolute;
	background: url(../images/page7_img1.png) top center no-repeat;
	background-size: 100% 100%;
	width: 18.6%;
	/*height: 52%;*/
	height: 0;
	bottom: 5%;
	left: 28.8%;
	/*transform-origin:50% 100%;*/
	/*border: 1px solid red;*/
}
.page7_img2{
	position: absolute;
	background: url(../images/page7_img2.png) top center no-repeat;
	background-size: 100% 100%;
	width: 20.4%;
	/*height: 85%;*/
	height: 0;
	bottom: 5%;
	left: 61.3%;
	/*border: 1px solid red;*/
}
.page7_img3{
	position: absolute;
	background: url(../images/page7_img3.png) top center no-repeat;
	background-size: 100% 100%;
	width: 16%;
	/*height: 42%;*/
	height: 0;
	bottom: 6%;
	left: 82%;
	/*border: 1px solid red;*/
}
.page7_ageImg{
	position: absolute;
	background: url(../images/page7_ageImg.png) top center no-repeat;
	background-size: contain;
	width: 86%;
	height: 2%;
	top: 66.5%;
	left: 7%;
}

.page8{
	background: url(../images/page8.jpg) top center no-repeat;
	background-size: 100% 100%;
}
.page8_title_text{
	position: relative;
	background: url(../images/page8_title_text.png) top center no-repeat;
	background-size: contain;
	width: 80%;
	height: 38%;
	margin: 0 auto;
	top: 13%;
}
.page8_portrait{
	position: absolute;
	background: url(../images/page8_portrait.png) top center no-repeat;
	background-size: contain;
	width: 23.7%;
	height: 40%;
	top: -4.5%;
	left: -4%;
	/*border: 1px solid;*/
}
.page8_img{
	position: relative;
	background: url(../images/page8_img.png) top center no-repeat;
	background-size: contain;
	width: 85%;
	height: 26%;
	top: 2%;
	margin: 0 auto;
	/*border: 1px solid;*/
}
.page8_img1{
	position: absolute;
	background: url(../images/page8_img1.png) top center no-repeat;
	background-size: 100% 100%;
	width: 31.4%;
	/*height: 53%;*/
	height: 0;
	bottom: 10%;
	/*border: 1px solid;*/
}
.page8_img2{
	position: absolute;
	background: url(../images/page8_img2.png) top center no-repeat;
	background-size: contain;
	width: 32%;
	height: 20%;
	top: 39%;
	left: 37%;
	/*border: 1px solid;*/
}
.page8_img3{
	position: absolute;
	background: url(../images/page8_img3.png) top center no-repeat;
	background-size: 100% 100%;
	width: 32%;
	/*height: 105%;*/
	height: 0;
	bottom: 11%;
	left: 68%;
	/*border: 1px solid;*/
}
.page8_ageImg{
	position: relative;
	background: url(../images/page8_ageImg.png) top center no-repeat;
	background-size: contain;
	width: 85%;
	height: 2%;
	margin: 0 auto;
	top: 2.5%;
}
.page8_btn{
	position: relative;
	background: url(../images/page8_btn.png) top center no-repeat;
	background-size: contain;
	width: 49%;
	height: 8%;
	margin: 0 auto;
	margin-top: 62%;
}
.page8_arrow{
	position: absolute;
	background: url(../images/page8_arrow.png) top center no-repeat;
	background-size: contain;
	width: 10%;
	height: 22%;
	top: 45%;
	left: 100%;
	/*border: 1px solid;*/
}