*{padding: 0;margin: 0;}
        html,body{width:100%;height:100%;max-width:640px;min-width:320px;margin:0 auto;}
        body{font-family: "微软雅黑";
        background: rgba(0,0,0,0.8)}
        .swiper-container{
            width:100%;
            background:rgba(0,0,0,0.8);
            height:100%;
            overflow: hidden;
            position: relative;
        }

        .swiper-slide{
            width:100%;height:100%;
        }
        img#array {
        position: absolute;
    top: 93%;
    left: 49.2%;
    margin-left: -12.5px;
    
    background: fixed;
    z-index:999;
    -webkit-animation:start 1.5s infinite ease-in-out;
    }
    @-webkit-keyframes start{
        0%,30%{
            opacity: 0;-webkit-transform: translate(0 ,10px);
        }
        60%{
            opacity: 1;-webkit-transform: translate(0 ,0px);
        }
        100%{
            opacity: 0;-webkit-animation:translate(0 ,-8px)
        }
    }
        
/*音乐*/
.music{
    opacity: 0;
    position: absolute;
    top:49%;
    left:45%;
    -webkit-animation:fadeIn 2s linear 6s forwards;
}
.music1{
	display:none;
	position: absolute;
    right: 20px;
    top: 20px;
    z-index: 29999;
    width: 40px;
	
}
.music img{ width:25%; height:auto;}
.open{
    -webkit-animation: moveRo linear 3.5s  infinite;
    animation-delay:0;
}
.icon-music{
    width: 50px;
    height: 50px;
    background: url(yuyin.png);
    background-size: 100% 100%;
    display: block;
}
.music-span{
    position: absolute;
    top: -5px;
    left: 6px;
    width: 12px;
    height: 12px;
    background: url(yuyin.png);
    background-size: 100% 100%;
    -webkit-animation: openIconRo ease 1.2s both infinite;
    animation: openIconRo ease 1.2s both infinite;
}

@-webkit-keyframes moveRo {
    from {-webkit-transform: rotate(360deg);  }
    to { -webkit-transform: rotate(-360deg); }
}
@keyframes moveRo {
    from {  transform: rotate(-360deg)}
    to {  transform: rotate(360deg); }
}
/*小音符动画*/

@-webkit-keyframes openIconRo {
    0% { -webkit-transform: translateY(100%); opacity:0;}
    50% { -webkit-transform: translateY(0%); opacity:1;}
    100% { -webkit-transform: translateY(-100%); opacity:0;}
}
@keyframes openIconRo {
    0% { -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity:0;
    }
    50% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity:1;}
    100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity:0;}
}

.music_text{
    color: #000;
    margin-left: 5px;
    font-size: 20px;
    opacity: 0;
}
.fan{
    position: absolute;
    width: 10%;
   
    bottom: 5%;
    left: 70%;
    margin-left: -25%;
    -webkit-animation:arrowUp 1s infinite ease-in;
}

@keyframes show_hide{
    from{
        opacity: 0;
    }to{
         opacity: 1;
     }
}
@-webkit-keyframes show_hide{
    from{
        opacity: 0;
    }to{
         opacity: 1;
     }
}

.show_hide{
    animation: show_hide 1s linear infinite alternate;
    -webkit-animation: show_hide 1s linear infinite alternate;
}
.xin_info{
    opacity: 0;
}

.arrow22{
    opacity: 0;
    position: absolute;
    width: 8%;
    left:50%;
    margin-left:-26%;
    top:60%;
    -webkit-animation: arrowUp 3s infinite 2s ease-in-out;

}
.arrow222{
opacity: 0;
    position: absolute;
    width: 8%;
    left: 50%;
    margin-left: -26%;
    top: 63%;
    -webkit-animation: arrowUp 3s infinite 2s ease-in-out;
}

@-webkit-keyframes arrowUp{
0% {
    opacity: 0;
    -webkit-transform: translate(0,0px);
}
30% {
    opacity: 1;
    -webkit-transform: translate(0,20px);
}
100% {
    opacity: 1;
    -webkit-transform: translate(0,0);
}

}


.slideBg1 {
    background:url(http://sike.news.cn/hot/h5/161226xqx/i/1.jpg);
    background-size: cover
}

.slideBg2 {
    background:url(http://sike.news.cn/hot/h5/161226xqx/i/2.jpg);
    background-size: cover
}

.slideBg3 {
    background:url(http://sike.news.cn/hot/h5/161226xqx/i/3.jpg);
    background-size: cover
}
.slideBg4 {
    background:url(http://sike.news.cn/hot/h5/161226xqx/i/4.jpg);
    background-size: cover
}
.slideBg5 {
    background:url(http://sike.news.cn/hot/h5/161226xqx/i/5.jpg);
    background-size: cover
}
.slideBg6 {
    background:url(http://sike.news.cn/hot/h5/161226xqx/i/6.jpg);
    background-size: cover
}
.slideBg7 {
    background:url(http://sike.news.cn/hot/h5/161226xqx/i/7.jpg);
    background-size: cover
}
.slideBg8 {
    background:url(http://sike.news.cn/hot/h5/161226xqx/i/8.jpg);
    background-size: cover
}
.slideBg9 {
    background:url(http://sike.news.cn/hot/h5/161226xqx/i/9.jpg);
    background-size: cover
}
.slideBg10 {
    background:url(http://sike.news.cn/hot/h5/161226xqx/i/10.jpg);
    background-size: cover
}
.slideBg11 {
    background:url(http://sike.news.cn/hot/h5/161226xqx/i/11.jpg);
    background-size: cover
}
.slideBg12 {
    background:url(http://sike.news.cn/hot/h5/161226xqx/i/bg.jpg);
    background-size: cover
}





.img2-1{
    position: absolute;
    width: 50%;
   
    top: 68%;
    left: 50%;
    margin-left: -25%;
     -webkit-animation: fadeInUp 2s ease 0s 1 both;
    
   

}
.img2-2{
    position: absolute;
    width: 6%;
    top:30%;
    left:9%;
     -webkit-animation: fadeInLeft 2s ease 2s 1 both;
 
    
}
.img3-1{
    position: absolute;
    width: 50%;
    width: 50%;
    top: 66%;
    left: 50%;
    margin-left: -23%;
     -webkit-animation: fadeInUp 2s ease 0s 1 both;

}
.img3-2{
    position: absolute;
    width: 6%;
    top:30%;
    left:9%;
     -webkit-animation: fadeInLeft 2s ease 2s 1 both;
}
.img4-1{
    position: absolute;
    width: 50%;
    top: 13%;
    left: 50%;
    margin-left: -3%;
   -webkit-animation: fadeInDown 2s ease 0s 1 both;
}
.img4-2{
    position: absolute;
    width: 6%;
    top:30%;
    left:9%;
     -webkit-animation: fadeInLeft 2s ease 2s 1 both;
}
.img5-1{
    position: absolute;
    width: 50%;
        top: 22%;
    left: 50%;
    margin-left: -10%;
     -webkit-animation: fadeInDown 2s ease 0s 1 both;

}
.img5-2{
    position: absolute;
    width: 6%;
    top:30%;
    left:9%;
     -webkit-animation: fadeInLeft 2s ease 2s 1 both;
}

.img6-1{
    position: absolute;
    width: 50%;
    top:9%;
    left: 50%;
    margin-left: -30%;
 -webkit-animation: fadeInDown 2s ease 0s 1 both;
}
.img6-2{
    position: absolute;
    width: 6%;
    top:30%;
    left:9%;
     -webkit-animation: fadeInLeft 2s ease 2s 1 both;
}

.img7-1{
    position: absolute;
    width: 50%;
    top:70%;
    left: 50%;
    margin-left: -12%;
    -webkit-animation: fadeInUp 2s ease 0s 1 both;

}
.img7-2{
    position: absolute;
    width: 6%;
    top:30%;
    left:9%;
     -webkit-animation: fadeInLeft 2s ease 2s 1 both;
}

.img8-1{
    position: absolute;
    width: 50%;
    top:21%;
    left: 50%;
    margin-left: -12%;
     -webkit-animation: fadeInDown 2s ease 0s 1 both;

}
.img8-2{
    position: absolute;
    width: 6%;
    top:30%;
    left:9%;
     -webkit-animation: fadeInLeft 2s ease 2s 1 both;
}

.img9-1{
    position: absolute;
    width: 50%;
    top:60%;
    left: 50%;
    margin-left: -12%;
     -webkit-animation: fadeInUp 2s ease 0s 1 both;

}
.img9-2{
    position: absolute;
    width: 6%;
    top:30%;
    left:9%;
    -webkit-animation: fadeInLeft 2s ease 2s 1 both;
}

.img10-1{
    position: absolute;
    width: 50%;
    top: 65%;
    left: 50%;
    margin-left: -10%;
     -webkit-animation: fadeInUp 2s ease 0s 1 both;
     z-index: 100;
}
.img10-2{
    position: absolute;
    width: 6%;
    top:30%;
    left:9%;
    -webkit-animation: fadeInLeft 2s ease 2s 1 both;
}
.img10_1{
    position: absolute;
    width: 24%;
    top: 59%;
    left: 50%;
    margin-left: -5%;
   /* -webkit-animation-name: pulse;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-name: pulse;
    animation-duration: 1s;
   animation-timing-function: linear;
    animation-iteration-count: infinite;*/

}

.img7_1{
    position: absolute;
    width: 19%;
    top: 42%;
    left: 50%;
    margin-left: 24%;
    -webkit-animation-name: pulse;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-name: pulse;
    animation-duration: 1s;
   animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.img9_1{
    position: absolute;
    width: 12%;
    top: 40%;
    left: 50%;
    margin-left: -5%;
     -webkit-animation: fadeIn 2s ease 0s 1 both;
}

.img11_1{
   position: absolute;
    width: 19%;
    top: 54%;
    left: 50%;
    margin-left: 24%;
    -webkit-animation-name: pulse;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-name: pulse;
    animation-duration: 1s;
   animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.img10_2{
    position: absolute;
   width: 20%;
    top: 33%;
    left: 50%;
    margin-left: 11%;
    -webkit-animation-name: handyin;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-iteration-count: infinite;
    animation-name: handyin;
    animation-duration: 2s;
   animation-timing-function: ease-in;
    animation-iteration-count: infinite;

}

.img11-1{
    position: absolute;
    width: 50%;
    top: 22%;
    left: 50%;
    margin-left: -10%;
     -webkit-animation: fadeInDown 2s ease 0s 1 both;

}


.img6_1{
    position: absolute;
    width: 40%;
    top: 29%;
    left: 50%;
    margin-left: -21%;
     -webkit-animation: fadeInRight 2s ease 1s 1 both;

}
.img11-2{
    position: absolute;
    width: 6%;
    top:30%;
    left:9%;
     -webkit-animation: fadeInLeft 2s ease 2s 1 both;
}

.img12-1{
    position: absolute;
    width:34%;
    top: 6%;
    left: 50%;
    margin-left: -12%;
     -webkit-animation: fadeInRight 2s ease 0s 1 both;

}
.img12-3{
    position: absolute;
    width: 12%;
    top:22%;
    left:15%;
     -webkit-animation: fadeInDown 2s ease 2s 1 both;
}
.img12-2{
    position: absolute;
    width: 12%;
    bottom:22%;
    left:15%;
     -webkit-animation: fadeInUp 2s ease 2s 1 both;
}
.img13-1{
    position: absolute;
    width: 24%;
    top:30%;
    left:50%;
    margin-left: -12%;
     -webkit-animation: bounceIn 2s ease 0s 1 both;
}



.img3_1{
    position: absolute;
    width: 60%;
    top: 15%;
    right: 5%;
    -webkit-animation: cloud_three 15s linear infinite;
}

@-webkit-keyframes cloud_three {
  0% {
    top: 15%;
    right: 5%;
  }
  20%{
    top: 8%;
    right: 3%;
  }
  50%{
    top: 5%;
    right: 8%;
  }
  80%{
    top: 12%;
    right: 4%;
  }
  100% {
    top: 15%
    right: 5%;
  }
}

.img5_1{
    position: absolute;
    width: 65%;
    top:42%;
    left:22%;
    -webkit-animation-name: wobble-o;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

.img8_1{
    position: absolute;
    width: 38%;
    top:44%;
    left:35%;
    -webkit-animation-name: zoomIn;
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}



.leftimg{
    
    position: absolute;
    width: 36%;
    top: 30%;
    left: 50%;
    margin-left: -10%;
     -webkit-animation: bounceIn 2s ease 0s 1 forwards;


}

@-webkit-keyframes bounceIno {
   0% {
        opacity: 0;
        -webkit-transform: scale(.3);
      }
      
      50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
      }
      
      70% {
        -webkit-transform: scale(.9);
      }
      
      100% {
        -webkit-transform: scale(1);
       
      }
}



.rightimg{
    position: absolute;
    width: 27%;
    top: 30%;
    left: 50%;
    margin-left: -4%;
    opacity: 0;
 
   /*-webkit-animation: bounceInp 4s ease 4s 1 backwards;*/
}

.rightimg2{
    position: absolute;
    width: 27%;
    top: 28%;
    left: 50%;
    margin-left: -4%;
    opacity: 0;
 
   -webkit-animation: bounceIn 2s ease 0s 1 forwards;
}
.bounceInp{
    -webkit-animation: bounceInp 4s ease 0s 1 forwards;
    opacity: 1
}

@-webkit-keyframes bounceInp {
   0% {
        opacity: 0;
        -webkit-transform: scale(.3);
      }
      
      50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
      }
      
      70% {
        -webkit-transform: scale(.9);
        opacity: 1;
      }
      
      100% {
        -webkit-transform: scale(1);
        opacity: 1;
       
      }
}

.sharebg{
    position: absolute;
    width: 100%;
    height:100%;
    background: rgba(0,0,0,0.7);
    z-index: 100;
    display: none
}

#video{
    position: absolute;
    width: 50px;
    height:50px;
    right:0;
    top:0;
}



.key1{
    position: absolute;
    width: 6%;
    left: 50%;
    margin-left: 13%;
    top: 33%;
    display: none;
    /*-webkit-animation: fadeIn 1s infinite 1s ease-in-out;*/


}

.key1ani{
    -webkit-animation: fadeIn 1s infinite 1s ease-in-out;
}

.key2{
    position: absolute;
   width: 7%;
    left: 50%;
    margin-left: 5%;
    top: 31%;
    display: none ;
    /*-webkit-animation: fadeIn 1s infinite 2s ease-in-out;*/

}

.key2ani{
    -webkit-animation: fadeIn 1s infinite 2s ease-in-out;
}

.key3{
    position: absolute;
    width: 8%;
    left: 50%;
    margin-left: -2%;
    top: 34%;
    display: none;
    /*-webkit-animation: fadeIn 1s infinite 5s ease-in-out;
*/
}

.key3ani{
    -webkit-animation: fadeIn 1s infinite 5s ease-in-out;
}


#loading{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background:url(bg.jpg)  center center no-repeat;
    background-size:100% 100%;
    z-index: 100

}

.loading1{
    position: absolute;
    width: 80%;
    top:38%;
    left:50%;
    margin-left:-40%;
    -webkit-animation: fadeIn 2s ease 3s 1 both;
}

.loading2{
    opacity: 0;
    position: absolute;
    width:81%;
    top:7%;
    left:10%;
    -webkit-animation: fadeInDownoo 2s ease 1s  forwards;
}

.loading3{
    opacity: 0;
    position: absolute;
    width: ;
    top:16%;
    left:15%;
    -webkit-animation: fadeIn 2s ease 2s  forwards;
}

.loading4{
    opacity: 0;
    position: absolute;
    width: ;
    top:18%;
    left:34%;
    -webkit-animation: fadeInDownoo 2s ease 3s  forwards;
}

.loading5{
    opacity: 0;
    position: absolute;
    width: ;
    top:24%;
    left:41%;
    -webkit-animation: fadeInDownoo 2s ease 4s  forwards;
}

.loading6{
    opacity: 0;
    position: absolute;
    width: ;
    top:29%;
    left:31%;
    -webkit-animation: fadeInDownoo 2s ease 5s  forwards;
}

.loading7{
    opacity: 0;
    position: absolute;
    width: ;
    top:34%;
    left:30%;
    -webkit-animation: fadeInDownoo 2s ease 6s  forwards;
}

.loading8{
    opacity: 0;
    position: absolute;
    width: 100%;
    top:37%;
    left:0%;
    -webkit-animation: fadeIn 2s ease 7s  forwards;
    z-index: 110
}

.z1{
    opacity: 0;
    position: absolute;
    width: 80%;
    top: 62%;
    left: 51%;
    margin-left: -40%;
    -webkit-animation: fadeInDowno 3s ease 0s forwards;
}

.p1_loading1{
    position: absolute;
    width: 80%;
    top:5.5%;
    left:50%;
    margin-left:-40%;
    -webkit-animation: fadeIn 1s ease 0s 1 both;
}

.p1_loading2{
    position: absolute;
    width: 80%;
    top:5.5%;
    left:50%;
    margin-left:-40%;
    -webkit-animation: fadeIn 7s ease 4s 1 both;
}

.p1_loading3{
    opacity: 0;
    position: absolute;
    width: ;
    top:62%;
    left:20%;
    -webkit-animation: fadeInDownoo 2s ease 2.5s  forwards;
}

.p1_loading4{
    opacity: 0;
    position: absolute;
    width: ;
    top:67%;
    left:20%;
    -webkit-animation: fadeInDownoo 2s ease 3.5s  forwards;
}

.p1_loading5{
    opacity: 0;
    position: absolute;
    width: ;
    top:72.5%;
    left:20%;
    -webkit-animation: fadeInDownoo 2s ease 4.5s  forwards;
}

.p1_loading6{
    opacity: 0;
    position: absolute;
    width: ;
    top:76.5%;
    left:20%;
    -webkit-animation: fadeInDownoo 2s ease 5.5s  forwards;
}

.p1_loading7{
    opacity: 0;
    position: absolute;
    width: ;
    top:81%;
    left:20%;
    -webkit-animation: fadeIn 2s ease 6.5s  forwards;
}

.p1_loading8{
    opacity: 0;
    position: absolute;
    width: ;
    top:85%;
    left:20%;
    -webkit-animation: fadeIn 2s ease 7.5s  forwards;
}

.z2{
    opacity: 0;
    position: absolute;
    width: 80%;
    top: 20%;
    left: 51%;
    margin-left: -40%;
    -webkit-animation: fadeInDowno 3s ease 0s forwards;
}
.p2_loading1{
    position: absolute;
    width: 80%;
    bottom:5%;
    left:50%;
    margin-left:-40%;
    -webkit-animation: fadeIn 1s ease 0s 1 both;
}

.p2_loading2{
    position: absolute;
    width: 80%;
    bottom:5%;
    left:50%;
    margin-left:-40%;
    -webkit-animation: fadeIn 6s ease 4s 1 both;
}

.p2_loading3{
    opacity: 0;
    position: absolute;
    width: ;
    top:7%;
    left:20%;
    -webkit-animation: fadeInDownoo 2s ease 2.5s  forwards;
}

.p2_loading4{
    opacity: 0;
    position: absolute;
    width: ;
    top:13%;
    left:20%;
    -webkit-animation: fadeInDownoo 2s ease 3.5s  forwards;
}

.p2_loading5{
    opacity: 0;
    position: absolute;
    width:;
    top:19%;
    left:20%;
    -webkit-animation: fadeInDownoo 2s ease 4.5s  forwards;
}

.p2_loading6{
    opacity: 0;
    position: absolute;
    width: %;
    top:24%;
    left:20%;
    -webkit-animation: fadeIn 2s ease 5.5s  forwards;
}

.p2_loading7{
    opacity: 0;
    position: absolute;
    width: %;
    top:29%;
    left:20%;
    -webkit-animation: fadeIn 2s ease 6.5s  forwards;
}

.z3{
    opacity: 0;
    position: absolute;
    width: 80%;
    top: 60%;
    left: 51%;
    margin-left: -40%;
    -webkit-animation: fadeInDowno 3s ease 0s forwards;
}
.ym_z1{
    opacity: 0;
    position: absolute;
    width: ;
    top:65%;
    left:30%;
    -webkit-animation: fadeInDownoo 2s ease 2.5s  forwards;
}

.ym_z2{
    opacity: 0;
    position: absolute;
    width: ;
    top:70%;
    left:18.5%;
    -webkit-animation: fadeInDownoo 2s ease 3.5s  forwards;
}

.ym_z3{
    opacity: 0;
    position: absolute;
    width: ;
    top:75%;
    left:11%;
    -webkit-animation: fadeInDownoo 2s ease 4.5s  forwards;
}

.ym_end{
    opacity: 0;
    position: absolute;
    width: ;
    top:83%;
    left:30%;
    -webkit-animation: fadeIn 2s ease 5.5s  forwards;
}

.p3_loading1{
    position: absolute;
    width: 80%;
    top:5.5%;
    left:50%;
    margin-left:-40%;
    -webkit-animation: fadeIn 1s ease 0s 1 both;
}

.p3_loading2{
    position: absolute;
    width: 80%;
    top:5.5%;
    left:50%;
    margin-left:-40%;
    -webkit-animation: fadeIn 6s ease 4s 1 both;
}

.p3_loading3{
    opacity: 0;
    position: absolute;
    width: ;
    top:59%;
    left:20%;
    -webkit-animation: fadeInDownoo 2s ease 2.5s  forwards;
}

.p3_loading4{
    opacity: 0;
    position: absolute;
    width: ;
    top:64%;
    left:20%;
    -webkit-animation: fadeInDownoo 2s ease 3.5s  forwards;
}

.p3_loading5{
    opacity: 0;
    position: absolute;
    width: ;
    top:69%;
    left:20%;
    -webkit-animation: fadeInDownoo 2s ease 4.5s  forwards;
}

.p3_loading6{
    opacity: 0;
    position: absolute;
    width: ;
    top:74%;
    left:20%;
    -webkit-animation: fadeIn 2s ease 5.5s  forwards;
}
.p3_loading7{
    opacity: 0;
    position: absolute;
    width: ;
    top:79%;
    left:20%;
    -webkit-animation: fadeIn 2s ease 6.5s  forwards;
}
.p3_loading8{
    opacity: 0;
    position: absolute;
    width: ;
    top:84%;
    left:20%;
    -webkit-animation: fadeIn 2s ease 7.5s  forwards;
}
.z4{
    opacity: 0;
    position: absolute;
    width: 80%;
    top: 20%;
    left: 51%;
    margin-left: -40%;
    -webkit-animation: fadeInDowno 3s ease 0s forwards;
}
.p4_loading1{
    position: absolute;
    width: 80%;
    bottom:5%;
    left:50%;
    margin-left:-40%;
    -webkit-animation: fadeIn 4s ease 0s 1 both;
}

.p4_loading2{
    position: absolute;
    width: 80%;
    bottom:5%;
    left:50%;
    margin-left:-40%;
    -webkit-animation: fadeIn 7s ease 4s 1 both;
}

.p4_loading3{
    opacity: 0;
    position: absolute;
    width: ;
    top:13%;
    left:20%;
    -webkit-animation: fadeInDownoo 2s ease 2.5s  forwards;
}

.p4_loading4{
    opacity: 0;
    position: absolute;
    width: ;
    top:18%;
    left:20%;
    -webkit-animation: fadeInDownoo 2s ease 3.5s  forwards;
}

.p4_loading5{
    opacity: 0;
    position: absolute;
    width: ;
    top:23%;
    left:20%;
    -webkit-animation: fadeInDownoo 2s ease 4.5s  forwards;
}

.p4_loading6{
    opacity: 0;
    position: absolute;
    width: ;
    top:23%;
    left:20%;
    -webkit-animation: fadeInDownoo 2s ease 5.5s  forwards;
}

.p4_loading7{
    opacity: 0;
    position: absolute;
    width: ;
    top:28%;
    left:20%;
    -webkit-animation: fadeIn 2s ease 6.5s  forwards;
}

.p4_loading8{
    opacity: 0;
    position: absolute;
    width: ;
    top:34%;
    left:20%;
    -webkit-animation: fadeIn 2s ease 7.5s  forwards;
}
.z5{
    opacity: 0;
    position: absolute;
    width: 80%;
    top: 65%;
    left: 50%;
    margin-left: -40%;
    -webkit-animation: fadeInDowno 3s ease 0s forwards;
}
.p5_loading1{
    position: absolute;
    width: 80%;
    top:5.5%;
    left:50%;
    margin-left:-40%;
    -webkit-animation: fadeIn 1s ease 0s 1 both;
}

.p5_loading2{
    position: absolute;
    width: 80%;
    top:5.5%;
    left:50%;
    margin-left:-40%;
    -webkit-animation: fadeIn 6s ease 4s 1 both;
}

.p5_loading3{
    opacity: 0;
    position: absolute;
    width: ;
    bottom:36%;
    left:20%;
    -webkit-animation: fadeInDownoo 2s ease 2.5s  forwards;
}

.p5_loading4{
    opacity: 0;
    position: absolute;
    width: ;
    bottom:31%;
    left:20%;
    -webkit-animation: fadeInDownoo 2s ease 3.5s  forwards;
}

.p5_loading5{
    opacity: 0;
    position: absolute;
    width: ;
    bottom:26%;
    left:20%;
    -webkit-animation: fadeInDownoo 2s ease 4.5s  forwards;
}

.p5_loading6{
    opacity: 0;
    position: absolute;
    width: ;
    bottom:22%;
    left:20%;
    -webkit-animation: fadeIn 2s ease 5.5s  forwards;
}

.p5_loading7{
    opacity: 0;
    position: absolute;
    width: ;
    bottom:17%;
    left:20%;
    -webkit-animation: fadeIn 2s ease 6.5s  forwards;
}

.p5_loading8{
    opacity: 0;
    position: absolute;
    width: ;
    bottom:12%;
    left:20%;
    -webkit-animation: fadeIn 2s ease 7.5s  forwards;
}
.z6{
    opacity: 0;
    position: absolute;
    width: 80%;
    top: 20%;
    left: 50%;
    margin-left: -40%;
    -webkit-animation: fadeInDowno 3s ease 0s forwards;
}
.p6_loading1{
    position: absolute;
    width: 80%;
    bottom:5%;
    left:50%;
    margin-left:-40%;
    -webkit-animation: fadeIn 1s ease 0s 1 both;
}

.p6_loading2{
    position: absolute;
    width: 80%;
    bottom:5%;
    left:50%;
    margin-left:-40%;
    -webkit-animation: fadeIn 7s ease 4s 1 both;
}

.p6_loading3{
    opacity: 0;
    position: absolute;
    width: ;
    top:12%;
    left:20%;
    -webkit-animation: fadeInDownoo 2s ease 2.5s  forwards;
}

.p6_loading4{
    opacity: 0;
    position: absolute;
    width: ;
    top:17%;
    left:20%;
    -webkit-animation: fadeInDownoo 2s ease 3.5s  forwards;
}

.p6_loading5{
    opacity: 0;
    position: absolute;
    width: ;
    top:22%;
    left:20%;
    -webkit-animation: fadeInDownoo 2s ease 4.5s  forwards;
}

.p6_loading6{
    opacity: 0;
    position: absolute;
    width: ;
    top:26%;
    left:20%;
    -webkit-animation: fadeInDownoo 2s ease 5.5s  forwards;
}
.p6_loading7{
    opacity: 0;
    position: absolute;
    width: ;
    top:30.5%;
    left:20%;
    -webkit-animation: fadeIn 2s ease 6.5s  forwards;
}

.p6_loading8{
    opacity: 0;
    position: absolute;
    width: ;
    top:35%;
    left:20%;
    -webkit-animation: fadeIn 2s ease 7.5s  forwards;
}
.z7{
    opacity: 0;
    position: absolute;
    width: 80%;
    top: 65%;
    left: 50%;
    margin-left: -40%;
    -webkit-animation: fadeInDowno 3s ease 0s forwards;
}

.p7_loading1{
    position: absolute;
    width: 80%;
    top:5.5%;
    left:50%;
    margin-left:-40%;
    -webkit-animation: fadeIn 1s ease 0s 1 both;
}

.p7_loading2{
    position: absolute;
    width: 80%;
    top:5.5%;
    left:50%;
    margin-left:-40%;
    -webkit-animation: fadeIn 7s ease 4s 1 both;
}

.p7_loading3{
    opacity: 0;
    position: absolute;
    width: ;
    top:62%;
    left:18%;
    -webkit-animation: fadeInDownoo 2s ease 2.5s  forwards;
}

.p7_loading4{
    opacity: 0;
    position: absolute;
    width: ;
    top:68%;
    left:17.5%;
    -webkit-animation: fadeInDownoo 2s ease 3.5s  forwards;
}

.p7_loading5{
    opacity: 0;
    position: absolute;
    width: ;
    top:74.5%;
    left:16%;
    -webkit-animation: fadeInDownoo 2s ease 4.5s  forwards;
}

.p7_loading6{
    opacity: 0;
    position: absolute;
    width: ;
    top:84%;
    left:11%;
    -webkit-animation: fadeInDownoo 2s ease 5.5s  forwards;
}

.p7_loading7{
    opacity: 0;
    position: absolute;
    width: ;
    top:80%;
    left:30%;
    -webkit-animation: fadeIn 2s ease 6s  forwards;
}
.hmh_z1{
    opacity: 0;
    position: absolute;
    width: ;
    bottom:34%;
    left:25.5%;
    -webkit-animation: fadeInDownoo 2s ease 2.5s  forwards;
}

.hmh_z2{
    opacity: 0;
    position: absolute;
    width: ;
    bottom:28%;
    left:25%;
    -webkit-animation: fadeInDownoo 2s ease 3.5s  forwards;
}

.hmh_z3{
    opacity: 0;
    position: absolute;
    width: ;
    bottom:22%;
    left:20%;
    -webkit-animation: fadeInDownoo 2s ease 4.5s  forwards;
}

.hmh_z4{
    opacity: 0;
    position: absolute;
    width: ;
    bottom:12%;
    left:28%;
    -webkit-animation: fadeIn 2s ease 5.5s  forwards;
}
.blqh{
    opacity: 0;
    position: absolute;
    width: 80%;
    top: 72%;
    left: 50%;
    margin-left: -40%;
    -webkit-animation: fadeInDowno 3s ease 0s forwards;
}
.blqh_loading1{
    position: absolute;
    width: 80%;
    top:5.5%;
    left:50%;
    margin-left:-40%;
    -webkit-animation: fadeIn 1s ease 0s 1 both;
}

.blqh_loading2{
    position: absolute;
    width: 80%;
    top:5.5%;
    left:50%;
    margin-left:-40%;
    -webkit-animation: fadeIn 6s ease 4s 1 both;
}

.blqh_z1{
    opacity: 0;
    position: absolute;
    width: ;
    bottom:25%;
    left:30%;
    -webkit-animation: fadeInDownoo 2s ease 2.5s  forwards;
}

.blqh_z2{
    opacity: 0;
    position: absolute;
    width: ;
    bottom:20%;
    left:33%;
    -webkit-animation: fadeInDownoo 2s ease 3.5s  forwards;
}

.blqh_z3{
    opacity: 0;
    position: absolute;
    width: ;
    bottom:15%;
    left:35%;
    -webkit-animation: fadeInDownoo 2s ease 4.5s  forwards;
}

.blqh_z4{
    opacity: 0;
    position: absolute;
    width: ;
    bottom:5%;
    left:30%;
    -webkit-animation: fadeIn 2s ease 5.5s  forwards;
}
.p8_loading1{
    position: absolute;
    top:8%;
    left:-25%;
    -webkit-animation: fadeInRightBig 5s linear 0s backwards;
	animation-iteration-count:infinite;
}

.p8_loading2{
    position: absolute;
    top:14%;
    left:-25%;
    -webkit-animation: fadeInRightBig 5s linear 1s backwards;
	animation-iteration-count:infinite;
}

.p8_loading3{
    opacity: 0;
    position: absolute;
    width: ;
    top:20%;
    left:-25%;
    -webkit-animation: fadeInRightBig 5s linear 2s backwards;
	animation-iteration-count:infinite;
}

.p8_loading4{
    opacity: 0;
    position: absolute;
    width: ;
    top:14%;
    left:-25%;
    -webkit-animation: fadeInRightBig 5s linear 4s backwards;
	animation-iteration-count:infinite;
}

.p8_loading5{
    opacity: 0;
    position: absolute;
    width: ;
    top:30%;
    left:-25%;
    -webkit-animation: fadeInRightBig 5s linear 5s backwards;
	animation-iteration-count:infinite;
}

.p8_loading6{
    opacity: 0;
    position: absolute;
    width: ;
    top:8%;
    left:-25%;
    -webkit-animation: fadeInRightBig 5s linear 7s backwards;
	animation-iteration-count:infinite;
}

.p8_loading7{
    opacity: 0;
    position: absolute;
    width: ;
    top:23%;
    left:-25%;
    -webkit-animation: fadeInRightBig 5s linear 4s backwards;
	animation-iteration-count:infinite;
}

.p8_loading10{
    position: absolute;
    top:35%;
    left:-25%;
    -webkit-animation: fadeInRightBig 5s linear 0.5s backwards;
	animation-iteration-count:infinite;
}

.p8_loading11{
    position: absolute;
    top:30%;
    left:-25%;
    -webkit-animation: fadeInRightBig 5s linear 1.5s backwards;
	animation-iteration-count:infinite;
}

.p8_loading12{
    opacity: 0;
    position: absolute;
    width: ;
    top:15%;
    left:-25%;
    -webkit-animation: fadeInRightBig 5s linear 2.5s backwards;
	animation-iteration-count:infinite;
}

.p8_loading13{
    opacity: 0;
    position: absolute;
    width: ;
    top:10%;
    left:-25%;
    -webkit-animation: fadeInRightBig 5s linear 3.5s backwards;
	animation-iteration-count:infinite;
}

.p8_loading14{
    opacity: 0;
    position: absolute;
    width: ;
    top:22%;
    left:-25%;
    -webkit-animation: fadeInRightBig 5s linear 4.5s backwards;
	animation-iteration-count:infinite;
}

.p8_loading15{
    opacity: 0;
    position: absolute;
    width: ;
    top:29%;
    left:-25%;
    -webkit-animation: fadeInRightBig 5s linear 6s backwards;
	animation-iteration-count:infinite;
}

.p8_loading16{
    opacity: 0;
    position: absolute;
    width: ;
    top:30%;
    left:-25%;
    -webkit-animation: fadeInRightBig 5s linear 8.5s backwards;
	animation-iteration-count:infinite;
}
.p8_loading17{
    opacity: 0;
    position: absolute;
    width: ;
    top:20%;
    left:-25%;
    -webkit-animation: fadeInRightBig 5s linear 6.5s backwards;
	animation-iteration-count:infinite;
}
.p8_loading18{
    opacity: 0;
    position: absolute;
    width: ;
    top:10%;
    left:-25%;
    -webkit-animation: fadeInRightBig 5s linear 5.5s backwards;
	animation-iteration-count:infinite;
}
.p8_loading19{
    opacity: 0;
    position: absolute;
    width: ;
    top:15%;
    left:-25%;
    -webkit-animation: fadeInRightBig 5s linear 4.5s backwards;
	animation-iteration-count:infinite;
}
.p8_loading20{
    opacity: 0;
    position: absolute;
    width: ;
    top:20%;
    left:-25%;
    -webkit-animation: fadeInRightBig 5s linear 3.5s backwards;
	animation-iteration-count:infinite;
}
.p8_loading21{
    opacity: 0;
    position: absolute;
    width: ;
    top:28%;
    left:-25%;
    -webkit-animation: fadeInRightBig 5s linear 2.5s backwards;
	animation-iteration-count:infinite;
}
.p8_loading22{
    opacity: 0;
    position: absolute;
    width: ;
    top:10%;
    left:-25%;
    -webkit-animation: fadeInRightBig 5s linear 1s backwards;
	animation-iteration-count:infinite;
}
.p8_loading23{
    opacity: 0;
    position: absolute;
    width: ;
    top:25%;
    left:-25%;
    -webkit-animation: fadeInRightBig 5s linear 0.5s backwards;
	animation-iteration-count:infinite;
}
/*——————————————*/
.p8_loading8{
    opacity: 0;
    position: absolute;
    width: ;
    top:43%;
    left:20%;
    -webkit-animation: fadeIn 2s ease 0.5s  forwards;
}

.p8_loading9{
    opacity: 0;
    position: absolute;
    width: ;
    top:60%;
    left:20%;
    -webkit-animation: fadeIn 2s ease 1s  forwards;
}

.img1_1{
    opacity: 0;
    position: absolute;
    width: ;
    top:12%;
    left:20%;
    -webkit-animation: fadeInDownoo 2s ease 0.5s  forwards;
}

.img1_2{
    opacity: 0;
    position: absolute;
    width: ;
    top:19%;
    left:20%;
    -webkit-animation: fadeInDownoo 2s ease 1.5s  forwards;
}
.img1_3{
	opacity: 0;
    position: absolute;
    width: ;
    top:26%;
    left:20%;
    -webkit-animation: fadeInDownoo 2s ease 2.5s  forwards;
}
.img1_4{
	opacity: 0;
    position: absolute;
    width: ;
    top:32%;
    left:20%;
    -webkit-animation: fadeInDownoo 2s ease 3.5s  forwards;
}
.img1_5{
	opacity: 0;
    position: absolute;
    width: ;
    top:38%;
    left:20%;
    -webkit-animation:fadeInDownoo 2s ease 4.5s  forwards;
}
.img1_6{
	opacity: 0;
    position: absolute;
    width: ;
    top:55%;
    left:27%;
    -webkit-animation: fadeIn 2s ease 5.5s  forwards;
}
.img1_7{
	opacity: 0;
    position: absolute;
    width: ;
    bottom:18%;
    left:16%;
    -webkit-animation: fadeIn 2s ease 5.5s  forwards;
}
@-webkit-keyframes fadeInDowno {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  50%{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }

  to {
    opacity: 0;
    -webkit-transform: none;
    transform: none;
  }
}


@-webkit-keyframes fadeInDownoo {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  50%{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rotateIno {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 0;
  }
}