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: 90%;
    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;  transform: translate3d(0, -40%, 0);}
    100% {opacity: 0; transform: translate3d(0, -70%, 0);}
}
@-webkit-keyframes up {
    0% {opacity: 0;}
    50% {opacity: 1; -webkit-transform: translate3d(0, -40%, 0); }
    100% {opacity: 0; -webkit-transform: translate3d(0, -70%, 0); }
}
.swiper-container,
.swiper-container2,
.swiper-wrapper,
.swiper-slide{
    position: relative;
    width: 100%;
    height: 100%;
}
.swiper-slide{
    overflow: hidden;
}
.swiper-slide div{
    position: absolute;
}
.jcontent{
    width: 100%;
    height: 100%;
    position: absolute;
}
.page1{
    background: url(../images/page_bg1.png) top center no-repeat;
    background-size: auto 100%;
}
.page2,
.page3,
.page4,
.page5,
.page6,
.page7{
    background: url(../images/page_bg2.png) top center no-repeat;
    background-size: auto 100%;
}
.logo{
    background: url(../images/logo.png) top center no-repeat;
    background-size: contain;
    width: 45%;
    height: 5%;
    top: 4%;
    left: 6%;
}

.page5_logo1{
    background: url(../images/page5_logo1.png) top center no-repeat;
    background-size: contain;
    width: 28%;
    height: 28%;
    top: 41%;
    left: 30%;
}

.page6_logo1{
    background: url(../images/page6_logo1.png) top center no-repeat;
    background-size: contain;
    width: 30%;
    height: 41%;
    top: 33%;
    left: 30%;
}

.page7_logo1{
    background: url(../images/page7_logo1.png) top center no-repeat;
    background-size: contain;
    width: 36%;
    height: 50%;
    top: 48%;
    left: 33%;
}
.page1_decor1{
    background: url(../images/page1_decor1.png) top center no-repeat;
    background-size: contain;
    width: 80%;
    height: 35%;
    top: 12%;
    left: 10%;
}
.flower_border{
    width: 11%;
    height: 10%;
    top: 11%;
    left: 17%;
}
.flower,
.p2_flower{
    background: url(../images/flower.png) top center no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
.top_7{
    top: 7%;
}
.logo_flower{
    background: url(../images/flower2.png) top center no-repeat;
    background-size: contain;
    width: 100%;
    height: 31%;
    top: 48%;
    left: 0%;
    z-index: 999;
}
.logo_flower2{
    background: url(../images/flower3.png) top center no-repeat;
    background-size: contain;
    width: 10%;
    height: 10%;
    top: 85%;
    left: 35.5%;
}
.page1_decor2{
    background: url(../images/page1_decor2.png) top center no-repeat;
    background-size: cover;
    width: 17%;
    height: 12%;
    top: 10%;
    right: 16%;
}
.page1_tree_box{
    width: 100%;
    height: 12%;
    top: 39.3%;
    left: 0.75vh;
}
.tree{
    position: static!important;
    background: url(../images/page1_decor3.png) top center no-repeat;
    background-size: auto 100%;
    width: 12.5%;
    height: 100%;
    float: left;
}
.page1_decor4{
    background: url(../images/page1_decor4.png) top center no-repeat;
    background-size: contain;
    width: 30vh;
    height: 50%;
    top: 32%;
    left: -10vh;
    z-index: 2;
}
.page1_decor5{
    background: url(../images/page1_decor5.png) top center no-repeat;
    background-size: contain;
    width: 30vh;
    height: 50%;
    top: 32%;
    right: -10vh;
    z-index: 2;
}
.green_ground{
    position: absolute;
    width: 100%;
    height: 49%;
    bottom: 0;
    background: #73982a;
}
.page1_decor6{
    background: url(../images/page1_decor6.png) top center no-repeat;
    background-size: contain;
    width: 100%;
    height: 56%;
    bottom: -1.5%;
    z-index: 3;
}
.page1_decor7{
    background: url(../images/page1_decor7.png) top center no-repeat;
    background-size: contain;
    width: 60%;
    height: 6%;
    top: 33%;
    left: 20%;
}
.heart_border{
    width: 100%;
    height: 42%;
    top: -5%;
    right: -27.5%;
}
.heart,
.p2_heart{
    background: url(../images/heart.png) top center no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
.heart_po{
    top: 76.5%;
    right: 25%;
}
.page2_decor1{
    background: url(../images/page2_decor1.png) top center no-repeat;
    background-size: contain;
    width: 50%;
    height: 14%;
    top: 12%;
    left: 25%;
}
.page2_decor2{
    background: url(../images/page2_decor2.png) top center no-repeat;
    background-size: contain;
    width: 62%;
    height: 5.2%;
    top: 22.3%;
    left: 19%;
}
.page2_decor3{
    background: url(../images/page2_decor3.png) top center no-repeat;
    background-size: contain;
    width: 20%;
    height: 15%;
    top: 28%;
    left: 10%;
}
.page2_decor4{
    background: url(../images/page2_decor4.png) top center no-repeat;
    background-size: contain;
    width: 13%;
    height: 16%;
    top: 44%;
    right: 71%;
}
.page2_decor5{
    background: url(../images/page2_decor5.png) top center no-repeat;
    background-size: contain;
    width: 12%;
    height: 10%;
    top: 70.2%;
    left: 9%;
}
.page2_decor6{
    background: url(../images/page2_decor6.png) top center no-repeat;
    background-size: contain;
    width: 8%;
    height: 7%;
    top: 75.5%;
    right: 77%;
}
.page2_decor7{
    background: url(../images/page2_decor7.png) top center no-repeat;
    background-size: contain;
    width: 8%;
    height: 5%;
    top: 16.5%;
    right: 13%;
}
.page2_decor8{
    background: url(../images/page2_decor8.png) top center no-repeat;
    background-size: contain;
    width: 10%;
    height: 7%;
    top: 30.5%;
    left: 82%;
}
.page2_decor9{
    background: url(../images/page2_decor9.png) top center no-repeat;
    background-size: contain;
    width: 14%;
    height: 7%;
    top: 47.5%;
    left: 73%;
}
.page2_decor10{
    background: url(../images/page2_decor10.png) top center no-repeat;
    background-size: contain;
    width: 8%;
    height: 3%;
    top: 74.5%;
    left: 81%;
}
.page2_decor11{
    background: url(../images/page2_decor13.png) top center no-repeat;
    background-size: contain;
    width: 100%;
    height: 45%;
    top: 73.5%;
    left: 0%;
}
.page3_decor1{
    background: url(../images/page3_decor1.png) top center no-repeat;
    background-size: contain;
    width: 100%;
    height: 13.5%;
    top: 12%;
}
.page3_decor2{
    background: url(../images/page3_decor2.png) top center no-repeat;
    background-size: contain;
    width: 13%;
    height: 8%;
    top: 21%;
    right: 8%;
}
.page3_decor3{
    background: url(../images/page3_decor3.png) top center no-repeat;
    background-size: contain;
    width: 100%;
    height: 8.2%;
    top: 27.3%;
}
.page3_decor4{
    background: url(../images/page3_decor4.png) top center no-repeat;
    background-size: contain;
    width: 18%;
    height: 11%;
    top: 40%;
    left: 5%;
}
.page3_decor5{
    background: url(../images/page3_decor5.png) top center no-repeat;
    background-size: contain;
    width: 12%;
    height: 8%;
    top: 37.5%;
    left: 52%;
}
.page3_decor6{
    background: url(../images/page3_decor6.png) top center no-repeat;
    background-size: contain;
    width: 40%;
    height: 60%;
    bottom: 2.3%;
    left: 23%;
}
.page3_decor7{
    background: url(../images/page3_decor7.png) top center no-repeat;
    background-size: contain;
    width:  75%;
    height: 60%;
    top: 31%;
    right: -14%;
}
.page3_decor8{
    background: url(../images/page3_decor8.png) top center no-repeat;
    background-size: contain;
    width:  12%;
    height: 7%;
    top: 69%;
    left: 3%;
}
.page3_decor9{
    background: url(../images/page3_decor9.png) top center no-repeat;
    background-size: contain;
    width:  15.4%;
    height: 15%;
    top: 79%;
    right: 7%;
}
.page4_decor1{
    background: url(../images/page4_decor1.png) top center no-repeat;
    background-size: contain;
    width: 100%;
    height: 13.5%;
    top: 12%;
}
.page4_decor2{
    background: url(../images/page4_decor2.png) top center no-repeat;
    background-size: contain;
    width: 100%;
    height: 5.3%;
    top: 27%;
}
.page4_decor3{
    background: url(../images/page4_decor3.png) top center no-repeat;
    background-size: contain;
    width: 30%;
    height: 15%;
    top: 35%;
    left: 12%;
}
.page4_decor4{
    background: url(../images/page4_decor4.png) top center no-repeat;
    background-size: contain;
    width: 66%;
    height: 38%;
    top: 54%;
    left: 3%;
}
.page4_decor5{
    background: url(../images/page4_decor5.png) top center no-repeat;
    background-size: contain;
    width: 23%;
    height: 6%;
    top: 46.5%;
    left: 39%;
}
.page4_decor6{
    background: url(../images/page4_decor6.png) top center no-repeat;
    background-size: contain;
    width: 42%;
    height: 30%;
    top: 28.3%;
    left: 61%;
}
.page4_decor7{
    background: url(../images/page4_decor7.png) top center no-repeat;
    background-size: contain;
    width: 47%;
    height: 28%;
    top: 64.5%;
    right: 0;
}
/*.page4_decor8{
    background: url(../images/page4_decor8.png) top center no-repeat;
    background-size: cover;
    width: 18%;
    height: 15%;
    top: 63.5%;
    left: 11%;
}
.page4_decor9{
    background: url(../images/page4_decor9.png) top center no-repeat;
    background-size: contain;
    width: 24%;
    height: 10%;
    top: 77%;
    right: 4%;
}
.p4_logo_flower2{
    background: url(../images/flower3.png) top center no-repeat;
    background-size: contain;
    width: 10%;
    height: 10%;
    top: 23.5%;
    left: 3%;
}*/
.page5_decor1{
    background: url(../images/page5_decor1.png) top center no-repeat;
    background-size: contain;
    width: 100%;
    height: 13.5%;
    top: 12%;
}
.page5_decor2{
    background: url(../images/page5_decor2.png) top center no-repeat;
    background-size: contain;
    width: 68%;
    height: 9%;
    top: 27%;
    left: 18%;
}
.page5_decor3{
    background: url(../images/page5_decor3.png) top center no-repeat;
    background-size: contain;
    width: 17vh;
    height: 20%;
    top: 44%;
    left: -3vh;
}
.page5_decor4{
    background: url(../images/page5_decor4.png) top center no-repeat;
    background-size: contain;
    width: 28vh;
    height: 22%;
    top: 37%;
    right: -4vh;
}
.page5_decor5{
    background: url(../images/page5_decor5.png) top center no-repeat;
    background-size: contain;
    width: 15vh;
    height: 20%;
    bottom: 0;
    left: 2vh;
}
.page5_decor6{
    background: url(../images/page5_decor6.png) top center no-repeat;
    background-size: contain;
    width: 16.8vh;
    height: 19%;
    bottom: 0;
    right: 0;
}

@-webkit-keyframes page5_decor13_border{
    0%{-webkit-transform: rotate(0deg);}
    30%{-webkit-transform: rotate(-8deg);}
    48%{-webkit-transform: rotate(10deg);}
    62%{-webkit-transform: rotate(0deg);}
    76%{-webkit-transform: rotate(10deg);}
    100%{-webkit-transform: rotate(0deg);}
}
@keyframes page5_decor13_border{
    0%{transform: rotate(0deg);}
    30%{transform: rotate(-8deg);}
    48%{transform: rotate(10deg);}
    62%{transform: rotate(0deg);}
    76%{transform: rotate(10deg);}
    100%{transform: rotate(0deg);}
}
.page5_decor13_border{
    width: 100%;
    height: 54%;
    bottom: -2%;
    left: 2.5%;
    transform-origin: 45% 100%;
    -webkit-transform-origin: 45% 100%;
    -webkit-animation-name:page5_decor13_border;
    animation-name:page5_decor13_border;
    /*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;
}
.page5_decor13{
    background: url(../images/page5_decor13.png) top center no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
.page5_decor7{
    background: url(../images/page5_decor7.png) top center no-repeat;
    background-size: contain;
    width: 4%;
    height: 4%;
    top: 34%;
    left: 22%;
}
.page5_decor8{
    background: url(../images/page5_decor8.png) top center no-repeat;
    background-size: contain;
    width: 3.8%;
    height: 3.8%;
    top: 40%;
    left: 51%;
}
.page5_decor9{
    background: url(../images/page5_decor9.png) top center no-repeat;
    background-size: contain;
    width: 7%;
    height: 7%;
    top: 65%;
    left: 7%;
}
.page5_decor10{
    background: url(../images/page5_decor10.png) top center no-repeat;
    background-size: contain;
    width: 7.3%;
    height: 7%;
    top: 64%;
    right: 7%;
}
.page5_decor11{
    background: url(../images/page5_decor11.png) top center no-repeat;
    background-size: contain;
    width: 4.2%;
    height: 4%;
    top: 77.5%;
    left: 57%;
    z-index: 2;
}
.page5_decor12{
    background: url(../images/page5_decor12.png) top center no-repeat;
    background-size: contain;
    width: 3.6%;
    height: 3.6%;
    top: 88%;
    left: 62%;
}
.page6_decor1{
    background: url(../images/page6_decor1.png) top center no-repeat;
    background-size: contain;
    width: 100%;
    height: 13.5%;
    top: 12%;
}
.page6_decor2{
    background: url(../images/page6_decor2.png) top center no-repeat;
    background-size: contain;
    width: 100%;
    height: 17%;
    top: 27%;
}
.page6_decor3{
    background: url(../images/page6_decor3.png) top center no-repeat;
    background-size: contain;
    width: 140%;
    height: 53%;
    bottom: 0;
    left: -20%;
}
.page6_decor4{
    background: url(../images/page6_decor4.png) top center no-repeat;
    background-size: contain;
    width: 80%;
    height: 37%;
    top: 47.6%;
    left: 20%;
}
.page6_decor5{
    background: url(../images/page6_decor5.png) top center no-repeat;
    background-size: contain;
    width: 70%;
    height: 26%;
    top: 62.8%;
    left: -3%;
}
.page7_decor1{
    background: url(../images/page7_decor1.png) top center no-repeat;
    background-size: contain;
    width: 100%;
    height: 13.5%;
    top: 8.5%;
}
.page7_decor2{
    background: url(../images/page7_decor2.png) top center no-repeat;
    background-size: contain;
    width: 78%;
    height: 10%;
    top: 23.5%;
    left: 11%;
}
.page7_decor3{
    width: 42%;
    height: 27%;
    top: 29.5%;
    left: 29%;
}
.page7_decor3 img{
    width: 100%;
/*  height: 100%;*/
}
.page7_decor7{
    background: url(../images/page7_decor7.png) top center no-repeat;
    background-size: contain;
    width: 60%;
    height: 27%;
    top: 57.5%;
    left: 20.5%;
}
.erweima_1,
.erweima_2{
    width: 46%;
    height: 100%;
}
.erweima_1{
    left: 0;
}
.erweima_2{
    right: 0;
}
.page7_decor4{
    background: url(../images/page7_decor4.png) top center no-repeat;
    background-size: contain;
    width: 100%;
    height: 5%;
    top: 79.5%;
}
.page7_decor5_border{
    width: 72%;
    height: 7%;
    top: 86%;
    left: 14%;
}
.page7_decor5{
    background: url(../images/page7_decor5.png) top center no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
.page7_decor6_border{
    width: 25%;
    height: 20%;
    bottom: -8%;
    right: -3%;
}
.page7_decor6{
    background: url(../images/page10_decor6.png) top center no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
@keyframes p7_6amin{
    0%{transform: scale(1);}
    50%{transform: scale(1.2);}
    100%{transform: scale(1);}
}
@-webkit-keyframes p7_6amin{
    0%{-webkit-transform: scale(1);}
    50%{-webkit-transform: scale(1.2);}
    100%{-webkit-transform: scale(1);}
}
.p7_6amin{
    animation: p7_6amin 3s linear infinite;
    -webkit-animation: p7_6amin 3s linear infinite;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}
.black_bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 9;
    display: none;
}
.erwei_img{
    position: absolute;
    display: block;
    width: 60%;
    height: 38%;
    top: 30%;
    left: 20%;
    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%;
}

/*————————————————————————————————————*/

.page10_decor1{
    background: url(../images/page10_decor1.png) top center no-repeat;
    background-size: contain;
    width: 100%;
    height: 8.2%;
}
.page10_decor2{
    background: url(../images/page10_decor2.png) top center no-repeat;
    background-size: contain;
    width: 100%;
    height: 46%;
    top: 12%;
}
.page10_decor3{
    background: url(../images/page10_decor3.png) top center no-repeat;
    background-size: contain;
    width: 74%;
    height: 35%;
    top: 42%;
    left: 12%;
}
.page10_decor4{
    background: url(../images/page10_decor4.png) top center no-repeat;
    background-size: contain;
    width: 74%;
    height: 7%;
    top: 73.5%;
    left: 12%;
}
.page10_decor5{
    background: url(../images/page10_decor5.png) top center no-repeat;
    background-size: contain;
    width: 74%;
    height: 7%;
    top: 82%;
    left: 12%;
}
@keyframes choose_anim{
    15%{transform:translate3d(0,-8.5vh,0);}
    25%{transform:translate3d(0,-8.5vh,0) scale(0.9);}
    36%{transform:translate3d(0,-8.5vh,0) scale(1);}
    50%{transform:translate3d(0,-8.5vh,0) scale(1);}
    65%{transform:translate3d(0,0,0);}
    75%{transform:translate3d(0,0,0) scale(0.9);}
    86%{transform:translate3d(0,0,0) scale(1);}
    100%{transform:translate3d(0,0,0) scale(1);}
}
@-webkit-keyframes choose_anim{
    15%{-webkit-transform:translate3d(0,-8.5vh,0);}
    25%{-webkit-transform:translate3d(0,-8.5vh,0) scale(0.9);}
    36%{-webkit-transform:translate3d(0,-8.5vh,0) scale(1);}
    50%{-webkit-transform:translate3d(0,-8.5vh,0) scale(1);}
    65%{-webkit-transform:translate3d(0,0,0);}
    75%{-webkit-transform:translate3d(0,0,0) scale(0.9);}
    86%{-webkit-transform:translate3d(0,0,0) scale(1);}
    100%{-webkit-transform:translate3d(0,0,0) scale(1);}
}
.page10_decor6{
    background: url(../images/page10_decor6.png) top center no-repeat;
    background-size: contain;
    width: 30%;
    height: 24%;
    bottom: -9%;
    right: 0;
    animation: choose_anim 7s linear infinite;
    -webkit-animation: choose_anim 7s  linear infinite;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}

.p10_flower{
    background: url(../images/flower3.png) top center no-repeat;
    background-size: contain;
    width: 10%;
    height: 8%;
    top: 59%;
    left: 3%;
}
.flower_border2{
    width: 11%;
    height: 10%;
    top: 8.5%;
    left: 14%;
    z-index: 2;
}
.main_bg{
    background: url(../images/main_bg.png) top center no-repeat;
    background-size: contain;
    width: 98%;
    height: 60%;
    top: 30.5%;
    left: 2.5%;
}
.page11_decor1{
    background: url(../images/page11_decor1.png) top center no-repeat;
    background-size: contain;
    width: 100%;
    height: 11.5%;
    top: 11%;
}
.page11_decor2{
    background: url(../images/page11_decor2.png) top center no-repeat;
    background-size: contain;
    width: 100%;
    height: 4.5%;
    top: 24.5%;
}
.page11_decor3{
    background: url(../images/page11_decor3.png) top center no-repeat;
    background-size: contain;
    width: 36.5%;
    height: 50%;
    top: 37%;
    left: 15.8%;
    z-index: 2;
}
.shadow2_p11{
    background: url(../images/shadow1.png) top center no-repeat;
    background-size: contain;
    width: 48%;
    height: 2%;
    top: 68.25%;
    left: 10%;
    z-index: 2;
}
.page11_decor4{
    background: url(../images/page11_decor4.png) top center no-repeat;
    background-size: contain;
    width: 48%;
    height: 10%;
    top: 69.8%;
    left: 10%;
    z-index: 2;
    transform-origin: 50% -10%;
}
.page11_decor5{
    background: url(../images/page11_decor5.png) top center no-repeat;
    background-size: contain;
    width: 36.5%;
    height: 50%;
    top: 31%;
    left: 47%;
}
.p11_flower{
    background: url(../images/flower3.png) top center no-repeat;
    background-size: contain;
    width: 9%;
    height: 8%;
    top: 59%;
    left: 3%;
}
.fl_po1{
    top: 86%;
    left: 75%;
}
.flb_po1{
    top: 3.8%;
}
.page12_decor1{
    background: url(../images/page12_decor1.png) top center no-repeat;
    background-size: contain;
    width: 100%;
    height: 11%;
    top: 11%;
}
.mb_po1{
    width: 110%;
    height: 70%;
    top: 27%;
}
.page12_decor2{
    background: url(../images/page12_decor2.png) top center no-repeat;
    background-size: contain;
    width: 100%;
    height: 55.8%;
    top: 28.3%;
}
.shadow2{
    background: url(../images/shadow2.png) top center no-repeat;
    background-size: 100% 100%;
    width: 15.5%;
    height: 3.5%;
    top: 45.8%;
    left: 45.2%;
    transform-origin: 0% 53%;
}
.page12_decor3{
    background: url(../images/page12_decor3.png) top center no-repeat;
    background-size: contain;
    width: 19.4%;
    height: 5.5%;
    top: 45.6%;
    /*left: 56.5%;*/
    left: 59%;
    transform-origin: -80% 45%;
}
.page12_decor4{
    background: url(../images/page12_decor4.png) top center no-repeat;
    background-size: contain;
    width: 5%;
    height: 5%;
    top: 73.8%;
    left: 63.5%;
    transform-origin: 0% 30%;
}
.page12_decor5{
    background: url(../images/page12_decor5.png) top center no-repeat;
    background-size: contain;
    width: 4%;
    height: 5%;
    top: 73.9%;
    left: 66.5%;
    transform-origin: -50% 30%;
}
.mb_po2{
    width: 110%;
    height: 70%;
    top: 25.4%;
    left: -3.5%;
}
.page13_decor1{
    background: url(../images/page13_decor1.png) top center no-repeat;
    background-size: contain;
    width: 100%;
    height: 10%;
    top: 9.5%;
}
.flb_po2{
    top:  7.6%;
    left: 5%;
}
.page13_decor2{
    background: url(../images/page13_decor2.png) top center no-repeat;
    background-size: contain;
    width: 100%;
    height: 55.8%;
    top: 28.3%;
}
.shadow1{
    background: url(../images/shadow1.png) top center no-repeat;
    background-size: contain;
    width: 53.6%;
    height: 6%;
    top: 55%;
    left: 23.3%;
    transform-origin: 50% 0%;
}
.page13_decor3{
    background: url(../images/page13_decor3.png) top center no-repeat;
    background-size: contain;
    width: 54%;
    height: 6%;
    top: 56.4%;
    left: 23%;
    transform-origin: 50% -10%;
}
.fl_po2{
    top: 90%;
    left: 7%;
}
.top33{
    top: 33%!important;
}
@keyframes bubble_anim{
    0%{transform: translateY(0);}
    50%{transform: translateY(-10%);}
    100%{transform: translateY(0);}
}
@-webkit-keyframes bubble_anim{
    0%{-webkit-transform: translateY(0);}
    50%{-webkit-transform: translateY(-10%);}
    100%{-webkit-transform: translateY(0);}
}
.bubble{
    background: url(../images/bubble.png) top center no-repeat;
    background-size: contain;
    width: 30%;
    height: 23%;
    top: 63%;
    right: 4%;
    animation: bubble_anim 2.6s infinite ease-in-out;
    animation-direction: alternate;
    -webkit-animation: bubble_anim 2.6s infinite ease-in-out;
    -webkit-animation-direction: alternate;
}
.page13_decor4{
    background: url(../images/page13_decor4.png) top center no-repeat;
    background-size: contain;
    width: 70%;
    height: 60%;
    top: 19%;
    left: 15%;
}
.page14_decor1{
    background: url(../images/page14_decor1.png) top center no-repeat;
    background-size: contain;
    width: 100%;
    height: 10.5%;
    top: 9%;
}
.page14_decor2{
    background: url(../images/page14_decor2.png) top center no-repeat;
    background-size: contain;
    width: 100%;
    height: 55.8%;
    top: 28.3%;
}
.sd_po14{
    top: 51.4%;
}
.page14_decor3{
    background: url(../images/page14_decor3.png) top center no-repeat;
    background-size: contain;
    width: 54%;
    height: 6%;
    top: 52.8%;
    left: 23%;
    transform-origin: 50% -10%;
}
.page14_decor4{
    background: url(../images/page14_decor4.png) top center no-repeat;
    background-size: contain;
    width: 23%;
    height: 18%;
    top: 42%;
    left: 62%;
}
.page14_decor5{
    background: url(../images/page14_decor5.png) top center no-repeat;
    background-size: contain;
    width: 70%;
    height: 60%;
    top: 19%;
    left: 15%;
}
.fl_po14{
    top: 88%;
    left: 16%;
}
.mb_po14{
    width: 110%;
    height: 70%;
    top: 24%;
    left: -5%;
}
.page15_decor1{
    background: url(../images/page15_decor1.png) top center no-repeat;
    background-size: contain;
    width: 100%;
    height: 6%;
    top: 10%;
}
.page15_decor2{
    background: url(../images/page15_decor2.png) top center no-repeat;
    background-size: contain;
    width: 100%;
    height: 4.5%;
    top: 17%;
}
.flb_po15{
    top: 7.6%;
    left: 17%;
}
.page15_decor3{
    background: url(../images/page15_decor3.png) top center no-repeat;
    background-size: contain;
    width: 100%;
    height: 55.8%;
    top: 28.3%;
}
.page15_decor4{
    background: url(../images/page15_decor4.png) top center no-repeat;
    background-size: contain;
    width: 64%;
    height: 60%;
    top: 25%;
    left: 18%;
}
.page16_decor1{
    background: url(../images/page16_decor1.png) top center no-repeat;
    background-size: contain;
    width: 100%;
    height: 6%;
    top: 10%;
}
.page16_decor2{
    background: url(../images/page16_decor2.png) top center no-repeat;
    background-size: contain;
    width: 100%;
    height: 4.5%;
    top: 17%;
}
.mb_po16{
    width: 110%;
    height: 70%;
    top: 25%;
    left: 0;
}
.fl_po16{
    top: 90%;
    left: 76%;
}
.page16_decor3{
    background: url(../images/page16_decor3.png) top center no-repeat;
    background-size: contain;
    width: 100%;
    height: 47%;
    top: 33.5%;
    left: -14%;
    z-index: 2;
}
.page16_decor4{
    background: url(../images/page16_decor4.png) top center no-repeat;
    background-size: contain;
    width: 100%;
    height: 47%;
    top: 26.5%;
    left: 13%;
    z-index: 1;
}
.page16_num_box{
    width: 12%;
    height: 2.4%;
    top: 35%;
    left: 57%;
    z-index: 2;
}
.page16_num_box div{
    position: static;
    width: 20%;
    height: 100%;
    float: left;
}
.page16_num_box .num1{
    background: url(../images/num9.png) top center no-repeat;
    background-size: contain;
}
.page16_num_box .num2{
    background: url(../images/num5.png) top center no-repeat;
    background-size: contain;
}
.page16_num_box .num3{
    background: url(../images/num3.png) top center no-repeat;
    background-size: contain;
}
.page16_num_box .num4{
    background: url(../images/num5.png) top center no-repeat;
    background-size: contain;
}
.page16_num_box .num5{
    background: url(../images/num9.png) top center no-repeat;
    background-size: contain;
}