body, html {
    padding: 0;
    margin: 0;
    background-color: #000;
    background-attachment: fixed;
    -webkit-overflow-scrolling:touch !important;
}
.noplay{
    position: absolute;
    width: 20px;
    height: 20px;
    z-index: 10;
    left: 13px;
    top: 12px;
}
.swiper-container {
    width: 100%;
    margin: 0px auto;
    text-align: center;
    -webkit-overflow-scrolling:touch !important;
    overflow-y:scroll !important;
    overflow-x:hidden !important;
}
.swiper-slide {
    color:#000;
    text-align: center;
    transform:translate3d(0,0,0);
}
/*新增*/
.box1_a2{
    position: relative;
    /*left: 0%;*/
    /*top: 0%;*/

    /*left: -230px;*/
    /*top: 0px;*/
    /*transform: rotate(-80deg);*/

    /*left: -230px;*/
    left: -58%;
    top: -50px;
    transform: rotate(-64deg);

    /*-webkit-animation:skl_an 2500ms linear alternate infinite;*/
}
@-webkit-keyframes skl_an {
    100% {
        transform:rotate(0deg);
        left: 0px;
    }
}


.box1_a1{
    /*margin-top: 18%;*/
    margin-top: 36%;
    padding-bottom: 70%;
}
.box_logo{
    position: absolute;
    right: 6%;
    top: 5%;
}
.box1_a3{
    position: fixed;
    /*right: 0%;*/
    /*bottom: -15%;*/

    /*right: -255px;*/
    right: -66%;
    bottom: -125px;
    transform:rotate(-57deg);
    /*-webkit-animation:box1_a3 2500ms linear alternate infinite;*/
}
@-webkit-keyframes box1_a3 {
    100% {
        transform:rotate(0deg);
        right:0%;
    }
}


.box1_a4{
    position: fixed;
    /*left: -260px;*/
    left:-68%;
    bottom: -50px;
    transform:rotate(78deg);
    /*-webkit-animation:box1_a4 2500ms linear alternate infinite;*/
}
@-webkit-keyframes box1_a4 {
    100% {
        transform:rotate(0deg);
        left:0px;
    }
}

.box2_a3{
    margin-top: 40%;
}
.box2_a1{
    margin-top: 18%;
}
.box2_a2{
    margin-top: 10%;
}

.box3_a2{
    margin-top: 18%;
}
.box3_a3{
    margin-top: 16%;
}
.box3_a4{
    margin-top: 16%;
}
.box3_a1{
    margin-top: 10%;
}
.box4_a8{
    margin-top: 18%;
}
.box4_a2{
    margin-top: 18%;
}
.box4_a3{
    margin-top: 18%;
}
.box4_a4{
    margin-top: 18%;
}
.box4_a5{
    margin-top: 18%;
}
.box4_a6{
    margin-top: 18%;
}
.box4_a7{
    margin-top: 18%;
}
.box4_a1{
    margin-top: 10%;
}

.box5_a2{
    margin-top: 18%;
}
.box5_a3{
    margin-top: 16%;
}
.box5_a4{
    margin-top: 16%;
}
.box5_a5{
    margin-top: 16%;
}
.box5_a6{
    margin-top: 16%;
}
.box5_a7{
    margin-top: 16%;
}
.box5_a8{
    margin-top: 16%;
}
.box5_a1{
    margin-top: 10%;
}

.box6_a4{
    margin-top: 18%;
}
.box6_a2{
    margin-top: 18%;
}
.box6_a5{
    margin-top: 18%;
}
.box6_a3{
    margin-top: 18%;
}
.box6_a1{
    margin-top: 10%;
}

.box7_a15{
    margin-top: 18%;
}
.box7_a2{
    margin-top: 16%;
}
.box7_a4{
    margin-top: 16%;
}
.box7_a6{
    margin-top: 16%;
}
.box7_a8{
    margin-top: 16%;
}
.box7_a10{
    margin-top: 16%;
}
.box7_a16{
    margin-top: 18%;
}
.box7_a11{
    margin-top: 16%;
}
.box7_a12{
    margin-top: 16%;
}
.box7_a13{
    margin-top: 16%;
}
.box7_a14{
    margin-top: 10%;
}

.box8_a11{
    margin-top: 18%;
}
.box8_a2{
    margin-top: 16%;
}
.box8_a4{
    margin-top: 16%;
}
.box8_a12{
    margin-top: 18%;
}
.box8_a6{
    margin-top: 16%;
}
.box8_a8{
    margin-top: 16%;
}
.box8_a10{
    margin-top: 16%;
}
.box8_a13{
    margin-top: 10%;
}
.box9_a2{
    margin-top: 24%;
}
.box9_a1{
    margin-top: 24%;
    padding-bottom: 10%;
}

/*新增*/
#a1_3{
    position: relative;
    top: -350px;
    left: -5%;
}

#a2_1{

}
#a2_2{
    margin-top: 15%;
}
#a2_3{
    margin-top: 15px;
}

#wmss{

}
.classbox{
    margin-top: -38%;
}
#hzpp{

}
#a3_1{

}
#a3_2{
    margin-top: 15%;
}
#a3_3{
    margin-top: 12%;
}
#a4_2{
    margin-top: 12%;
}
#a4_3{
    margin-top: 20%;
}
#a4_4{
    margin-top: 35%;
}
#a4_5{
    margin-top: 35%;
}
#a4_8{
    margin-top: 20%;
}
#a4_6{
    margin-top: 35%;
}
#a4_mw2{
    margin-top: 35%;
}
#a4_mw1{
    margin-top: 5%;
}
#a4_7{
    margin-top: 35%;
}
#a4_9{

}

.abox{
    margin-top: 12%;
}

#a5_1{

}
#a5_2{

}
#a5_3{

}
#a5_4{

}
#a5_5{
    margin-top: 25%;
}
#a5_6{
    margin-top: 25%;
}
#a5_7{
    margin-top: 25%;
}
#a5_8{
    margin-top: 25%;
}
#a5_9{

}
#a7_3{
    margin-top: 25%;
}
.abox1{
    margin-top: 25%;
}

#a9_2{
    padding-bottom: 25%;
}
#down{
    position: relative;
    top: -415px;
    left: 19%;
    -webkit-animation:up 1s ease-in infinite;
}
@-webkit-keyframes up{
    0%{-webkit-transform:translateY(0);opacity:0}
    50%{-webkit-transform:translateY(-15px);opacity:1}
    100%{-webkit-transform:translateY(-30px);opacity:0}
}
.downclass{
    position: absolute;
    width: 100%;
    /*margin-top: -65%;*/
    bottom: 30%;
}
#a1_3_1{

}
#down2{
    margin-bottom: 10px;
    -webkit-animation:up 1s ease-in infinite;
}