html,body,div,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;
}
*{
    margin:0;
    padding:0;
}
.abso div{
    position: absolute;

}
div{
    display: block;
}
.swiper-container,.swiper-container .swiper-wrapper,.swiper-container .swiper-slide{
    width:100%;
    height:100%;
    position: relative;
}
.swiper-container .swiper-slide{
    position: relative;
    width: 100%;
    height: 100%;
    overflow:hidden;
}
.jcontent{
    position: relative;
    width: 100%;
    height: 100%;
}
.music_btn{
    position: absolute;
    display: block;
    width: 8%;
    height: 5%;
    right: 4.5%;
    top: 2%;
    z-index: 999;
 }
.music{
    display: block;
    width: 100%;
    height: 100%;
    background:url(../images/music.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;
    width: 20%;
    height: 10%;
    bottom: 2%;
    left: 40%;
    z-index:999;
    background:url(../images/next_bg.png) center no-repeat;
    background-size:contain;
}
.page_down{
    position: absolute;
    background: url(../images/next.png) top center no-repeat;
    background-size: 20%;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    animation: up 1.8s ease infinite;
    -webkit-animation: up 1.8s 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, 40%, 0);
        transform: translate3d(0, 40%, 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, 40%, 0);
        transform: translate3d(0, 40%, 0);
        }
}
.logo{
    position: absolute;
    background: url(../images/logo.png) left center no-repeat;
    background-size: contain;
    width: 32%;
    height: 10%;
    left: 4%;
    top: 0%;
    z-index:999;
}




.p1{
    position: absolute;
    background: url(../images/p1_bg.jpg) top center no-repeat;
    background-size: 100% 100%;
}
.p1_title{
    position: absolute;
    background: url(../images/p1_title.png) top center no-repeat;
    background-size: contain;
    width: 72%;
    height: 11%;
    left:15%;
    top:12%;
}
.p1_txt1{
    position: absolute;
    background: url(../images/p1_txt1.png) top center no-repeat;
    background-size: contain;
    width: 15%;
    height: 24%;
    left:12%;
    top:26%;
}
.p1_txt2{
    position: absolute;
    background: url(../images/p1_txt2.png) top center no-repeat;
    background-size: contain;
    width: 15%;
    height: 23%;
    left:22%;
    top:26%;
}
.logo1{
    position: absolute;
    background: url(../images/logo1.png) top center no-repeat;
    background-size: contain;
    width: 6%;
    height: 9%;
    left:16%;
    top:52%;
}
.p1_decor1{
    position: absolute;
    background: url(../images/p1_decor1.png) right center no-repeat;
    background-size: contain;
    width: 64%;
    height: 59%;
    left:36%;
    top:34.5%;
}
.p1_decor2{
    position: absolute;
    background: url(../images/p1_decor2.png) top center no-repeat;
    background-size: contain;
    width: 30%;
    height: 8%;
    left:11%;
    top:78%;
}



.p2{
    position: absolute;
    background: url(../images/p1_bg.jpg) top center no-repeat;
    background-size: 100% 100%;
}
.p2_title{
    position: absolute;
    background: url(../images/p2_title.png) top center no-repeat;
    background-size: contain;
    width: 71%;
    height: 11%;
    left:11%;
    top:15%;
}
.p2_pic1{
    position: absolute;
    background: url(../images/p2_pic1.png) top center no-repeat;
    background-size: contain;
    width: 41%;
    height: 23%;
    left:17%;
    top:33%;
    z-index:2;
}
.p2_pic2{
    position: absolute;
    background: url(../images/p2_pic2.png) top center no-repeat;
    background-size: contain;
    width: 41%;
    height: 24%;
    left:28%;
    top:50%;
    z-index:3;
}

.p2_pic3{
    position: absolute;
    background: url(../images/p2_pic3.png) top center no-repeat;
    background-size: contain;
    width: 40%;
    height: 23%;
    left:41%;
    top:26%;
    z-index:1;
}
.p2_txt1{
    position: absolute;
    background: url(../images/p2_txt1.png) top center no-repeat;
    background-size: contain;
    width: 5%;
    height: 20%;
    left:12%;
    top:33%;
}
.p2_txt2{
    position: absolute;
    background: url(../images/p2_txt2.png) top center no-repeat;
    background-size: contain;
    width: 5%;
    height: 20%;
    right:14%;
    top:26%;
}
.p2_txt3{
    position: absolute;
    background: url(../images/p2_txt3.png) top center no-repeat;
    background-size: contain;
    width: 5%;
    height: 20%;
    right:25%;
    top:52%;
}
.p2_txt4{
    position: absolute;
    background: url(../images/p2_txt4.png) top center no-repeat;
    background-size: contain;
    width: 7%;
    height: 5%;
    left:10%;
    top:54%;
}
.p2_txt5{
    position: absolute;
    background: url(../images/p2_txt5.png) top center no-repeat;
    background-size: contain;
    width: 7%;
    height: 5%;
    right:13%;
    top:47%;
}
.p2_txt6{
    position: absolute;
    background: url(../images/p2_txt6.png) top center no-repeat;
    background-size: contain;
    width: 7%;
    height: 5%;
    right:24%;
    top:73%;
}
.p2_txt7{
    position: absolute;
    background: url(../images/p2_txt7.png) top center no-repeat;
    background-size: contain;
    width: 15%;
    height: 18%;
    right:39%;
    top:42%;
    z-index:4;
    opacity:0;
}
.p2_txt8{
    position: absolute;
    background: url(../images/p2_txt8.png) top center no-repeat;
    background-size: contain;
    width: 55%;
    height: 8%;
    left:22%;
    bottom:12%;
}



.p3{
    position: absolute;
    background: url(../images/p3_bg2.jpg) top center no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}
.p3_bg2{
    position: absolute;
    background: url(../images/p3_bg3.png) top center no-repeat;
    background-size: 100% auto;
    width: 100%;
    height: 80%;
    z-index: 2;
    top: 21%;
}
.p3_decor7 {
    position: absolute;
    width: 100%;
    height: 1%;
    background: #005BAC;
    bottom: 0;
    z-index: 10;
}
.p3_title{
    position: absolute;
    background: url(../images/p3_title.png) top center no-repeat;
    background-size: contain;
    width: 86%;
    height: 28%;
    left:7%;
    top:13%;
    z-index:3;
}
.p3_decor1{
    position: absolute;
    background: url(../images/p3_decor1.png) top center no-repeat;
    background-size: contain;
    width: 72%;
    height: 92%;
    left:16%;
    top:-9%;
    z-index:3;
}
.p3_decor2{
    position: absolute;
    background: url(../images/p3_decor2.png)  center no-repeat;
    background-size: contain;
    width: 50%;
    height: 26%;
    left: 27%;
    bottom: 32%;
    z-index: 4;
}
.p3_decor3{
    position: absolute;
    background: url(../images/p3_decor3.png)  center no-repeat;
    background-size: contain;
    width: 67%;
    height: 36%;
    left:16%;
    bottom:25%;
    z-index:3;
}
.p3_decor4{
    position: absolute;
    background: url(../images/p3_decor4.png) top center no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    left:-25%;
    top:11%;
    z-index:3;
}
.p3_decor5{
    position: absolute;
    background: url(../images/p3_decor5.png) top center no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    right:-25%;
    top:11%;
    z-index:3;
}
.p3_decor6{
    position: absolute;
    background: url(../images/p3_decor6.png) bottom center no-repeat;
    background-size: contain;
    width: 140%;
    height: 32%;
    right: -20%;
    bottom: -8%;
    z-index: 3;
}




.p4{
    position: absolute;
    background: url(../images/p1_bg.jpg) top center no-repeat;
    background-size: 100% 100%;
}
.p4_title{
    position: absolute;
    background: url(../images/p4_title.png) top center no-repeat;
    background-size: contain;
    width: 73%;
    height: 20%;
    left:13%;
    top:11%;
}
.p4_decor2{
    position: absolute;
    background: url(../images/p4_decor2.png) top center no-repeat;
    background-size: contain;
      width: 86%;
    height: 53.44%;
    left: 8%;
    top: 30%;
}
.p4_decor1{
    position: absolute;
     background: url(../images/p4_decor1.png) top center no-repeat;
    background-size: contain;
    width: 22%;
    height: 22%;
    left: 3%;
    top: 11%;
    z-index: 3;
}
.p4_decor1_2{
    position: absolute;
    background: url(../images/p4_decor1.png) top center no-repeat;
    background-size: contain;
    right: 19%;
    top: -5%;
    z-index: 3;
    width: 22%;
    height: 22%;
}
.p4_decor1_3{
    position: absolute;
    background: url(../images/p4_decor1.png) top center no-repeat;
    background-size: contain;
     left: 26%;
    top: 60%;
    z-index: 3;
    width: 22%;
    height: 22%;
}
.p4_decor1_4{
    position: absolute;
    background: url(../images/p4_decor1.png) top center no-repeat;
    background-size: contain;
     right: -2%;
    top: 43%;
    z-index: 3;
    width: 22%;
    height: 22%;
}
.p4_txt1{
    position: absolute;
    background: url(../images/p4_txt1.png) top center no-repeat;
    background-size: contain;
    width: 17%;
    height: 10%;
    right: 21.5%;
    top: 1.5%;
    z-index: 4;
}
.p4_txt2{
    position: absolute;
    background: url(../images/p4_txt2.png) top center no-repeat;
    background-size: contain;
       width: 17%;
    height: 10%;
    left: 5.5%;
    top: 18%;
    z-index: 4;
}
.p4_txt3{
    position: absolute;
    background: url(../images/p4_txt3.png) top center no-repeat;
    background-size: contain;
    width: 17%;
    height: 10%;
    left: 28.5%;
    top: 67%;
    z-index: 3;
}
.p4_txt4{
    position: absolute;
    background: url(../images/p4_txt4.png) top center no-repeat;
    background-size: contain;
      width: 17%;
    height: 10%;
    right: 0.5%;
    top: 50%;
    z-index: 3;
}
.p4_txt5{
    position: absolute;
    background: url(../images/p4_txt5.png) top center no-repeat;
    background-size: contain;
    width: 31%;
    height: 16%;
    left:38%;
    top:35%;
    z-index:3;
}




.p5{
    position: absolute;
    background: url(../images/p1_bg.jpg) top center no-repeat;
    background-size: 100% 100%;
}
.p5_title{
    position: absolute;
    background: url(../images/p5_title.png) top center no-repeat;
    background-size: contain;
    width: 73%;
    height: 20%;
    left:13%;
    top:11%;
}
.p5_decor1{
    position: absolute;
    background: url(../images/p5_decor1.png) top center no-repeat;
    background-size: contain;
    width: 31%;
    height: 17%;
    left:7%;
    top:25%;
}
.p5_decor2{
    position: absolute;
    background: url(../images/p5_decor2.png) top center no-repeat;
    background-size: contain;
    width: 23%;
    height: 14%;
    right:17%;
    top:25%;
}
.p5_decor3{
    position: absolute;
    background: url(../images/p5_decor3.png) top center no-repeat;
    background-size: contain;
    width: 31%;
    height: 17%;
    right:7%;
    top:60%;
}
.p5_decor4{
    position: absolute;
    background: url(../images/p5_decor4.png) top center no-repeat;
    background-size: contain;
    width: 19%;
    height: 15%;
    left:18%;
    top:56%;
}
.p5_txt1{
    position: absolute;
    background: url(../images/p5_txt1.png) top center no-repeat;
    background-size: contain;
    width: 50%;
    height: 15%;
    right:4%;
    top:41%;
}
.p5_txt2{
    position: absolute;
    background: url(../images/p5_txt2.png) top center no-repeat;
    background-size: contain;
    width: 52%;
    height: 15%;
    left:3%;
    top:70%;
}






.p6{
    position: absolute;
    background: url(../images/p1_bg.jpg)  center no-repeat;
    background-size: 100% 100%;
}
.p6_title{
    position: absolute;
    background: url(../images/p5_title.png)  center no-repeat;
    background-size: contain;
    width: 73%;
    height: 20%;
    left:13%;
    top:8%;
}
.p6_decor1{
    position: absolute;
    background: url(../images/p6_decor1.png)  center no-repeat;
    background-size: contain;
    width: 31%;
    height: 17%;
    left:7%;
    top:25%;
}
.p6_decor2{
    position: absolute;
    background: url(../images/p6_decor2.png)  center no-repeat;
    background-size: contain;
    width: 18%;
    height: 14%;
    right:17%;
    top:27%;
}
.p6_decor3{
    position: absolute;
    background: url(../images/p6_decor3.png)  center no-repeat;
    background-size: contain;
    width: 31%;
    height: 17%;
    right:7%;
    top:60%;
}
.p6_decor4{
    position: absolute;
    background: url(../images/p6_decor4.png)  center no-repeat;
    background-size: contain;
    width: 19%;
    height: 15%;
    left:18%;
    top:56%;
}
.p6_txt1{
    position: absolute;
    background: url(../images/p6_txt1.png)  center no-repeat;
    background-size: contain;
    width: 50%;
    height: 10%;
    right:4%;
    top:42%;
}
.p6_txt2{
    position: absolute;
    background: url(../images/p6_txt2.png)  center no-repeat;
    background-size: contain;
    width: 52%;
    height: 10%;
    left: 3%;
    top: 71%;
}




.swiper-container-s1,.swiper-container-s1 .swiper-wrapper,.swiper-container-s1 .swiper-slide{
    position: relative;
    height: 100%;
    width: 100%;
}
.swiper-container-s1 .swiper-slide{
    height: auto!important;
    background: url(../images/p7_bg.jpg) top center no-repeat;
    background-size: cover;
}
.swiper-container-s1 {
    overflow: hidden;
}

.p7{
    position: absolute;
    height: auto;
}
.blank{
    position: relative;
    background: url(../images/) left center no-repeat;
    background-size: contain;
    width: 39%;
    height: 4vw;
}
.music_btn7{
    position: relative;
    display: block;
    width: 18%;
    height: 8vw;
    left: 216%;
    top: 20%;
    z-index: 10;
}
.logo7{
    position: relative;
    background: url(../images/logo.png) left center no-repeat;
    background-size: contain;
    width: 39%;
    height: 15vw;
    left: 4%;
    top: -1%;
    z-index:9;
        margin: 3vw 0;
}
.p7_decor1{
    position: relative;
    background: url(../images/p7_decor1.png) top center no-repeat;
    background-size: contain;
    width: 96%;
    height: 50vw;
    left:2%;
}
.p7_decor2{
    position: relative;
    background: url(../images/p7_decor2.png) top center no-repeat;
    background-size: contain;
    width: 94%;
    height: 92vw;
    left:3%;
    margin-top: 2vw;
}
.p7_decor3{
    position: relative;
    background: url(../images/p7_decor3.png) top center no-repeat;
    background-size: contain;
    width: 94%;
    height: 72vw;
    left:3%;
    margin-top: 1vw;
}
.p7_txt1{
    position: relative;
    background: url(../images/p7_txt1.png) top center no-repeat;
    background-size: contain;
    width: 94%;
    height: 90vw;
    left:3%;
}
.p7_btn1{
    background: url(../images/p7_btn1.png) top center no-repeat;
    background-size: contain;
}
.p7_btn2{
    background: url(../images/p7_btn2.png) top center no-repeat;
    background-size: contain;
}
.p7_btn{
    position: relative;
    width: 55%;
    height: 12vw;
    margin: 0 auto;
    margin-bottom: 3vw;
}

.p7_decor4{
    position:relative;
    background:#005BAC;
    height: 1vw;
    width: 100%;
    margin-top: 12vw;
}