*{margin: 0;padding: 0}
html,body{margin: 0 auto;width: 100%;height: 100%;top:0;bottom:0;position: absolute;}
.tips_blk{z-index:99999999999;position:absolute;left:50%;bottom:10px;width:130px;height: 20px;margin-left:-65px;text-align:center;}
.tips_blk p{z-index:99999999999;font-size:10px;color:#FFF;}
.tips_blk_hide p{z-index:99999999999;display:none;}
.loading{position:absolute;width:100%;height:100%;background-color:#000;z-index: 99}
/*.loading1{position:absolute;width:120px;height:120px;background:url('../images/img1/loading1.png');background-size:100% 100%;top:25%;left:25%;*/
    /*-webkit-animation:rotate 1.2s linear infinite;*/
    /*animation:rotate 1.2s linear infinite;*/
/*}*/
/*.loading1{position:absolute;width:100%;height:100%;background:url('../images/p0.1.png?1');background-size:100% 100%;}*/
/*.loading11{*/
    /*position:absolute;top:58%;left:33%;width: 35.26%;height:8px;background-color: white;*/
/*}*/
/*.loading11_1{*/
    /*position:absolute;top:0;left:0;width: 0;height:100%;background-color: #075481;*/
/*}*/
.loading_img{
    position: absolute;;left:0;top:30%;width: 100%;height:11.5%;
}
a{opacity:1}
/*loading*/

/*音乐*/
.music_blk{z-index:999;position:fixed;right:35px;top:10px;display: none}
.music{width:30px;height:30px;background:url('../images/music_on.png') no-repeat;background-size:100% 100%;position: absolute}
.music_on{
    -webkit-animation:rotate 1.2s linear infinite;
    animation:rotate 1.2s linear infinite;
}

.swiper-container{position:absolute;width:100%;height:100%}
.swiper-slide{position:relative;overflow:hidden}
.swiper-slide *{position:absolute;opacity:0}






.bg0{
    width: 100%;height: 100%;margin: 0 auto;overflow: hidden;position: absolute;top:0;left:0;background:url("../images/p0.jpg?1") no-repeat 0 0;background-size:100% 100%;
}
.bg0_1{
    position: absolute;top:0;left:0;
    background:url('../images/p0.1.png?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;
}
/*.bg0_2{*/
    /*position: absolute;top:0;left:0;*/
    /*background:url('../images/p0.4.png?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;*/
/*}*/

.bg0_div1{
    position: absolute;top:31%;left:34%;z-index:2;opacity: 0;
    background:url('../images/p0.4.png?1') no-repeat 0 0;background-size:100% 100%;width: 36.23%;height:19.64%;
}

.bg0.ani .bg0_div1{
    -webkit-animation: 3s div0 linear infinite;
    animation:3s div0 linear infinite;
}

.bg0_div2{
    position: absolute;top:31%;left:34%;z-index:4;opacity: 0;
    background:url('../images/p0.4.png?1') no-repeat 0 0;background-size:100% 100%;width: 36.23%;height:19.64%;
}

.bg0.ani .bg0_div2{
    -webkit-animation: 3s 1s div2 linear infinite;
    animation: 3s 1s div2 linear infinite;
}



.bg0_div3{
    position: absolute;top:31%;left:34%;z-index:6;opacity: 0;
    background:url('../images/p0.4.png?1') no-repeat 0 0;background-size:100% 100%;width: 36.23%;height:19.64%;

}
.bg0.ani .bg0_div3{
    -webkit-animation: 3s 2s div1 linear infinite;
    animation: 3s 2s div1 linear infinite;
}

.bg0_3{
    position: absolute;top:0;left:0;z-index:20;
    background:url('../images/p0.5.png?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;
}


.bg0_4{
    position: absolute;top:0;left:0;z-index:10;opacity: 0;
    background:url('../images/p0.6.png?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;
}
.bg0.ani .bg0_4{
    -webkit-animation: 1s 1s arrow linear infinite;
    animation: 1s 1s arrow linear infinite;
}









.bg1{
    width: 100%;height: 100%;margin: 0 auto;overflow: hidden;position: absolute;top:0;left:0;background-color: #000;
}
.bg1_1{
    position: absolute;top:0;left:0;opacity: 0;
    background:url('../images/p1.1.png?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;
}
.bg1_2{
    position: absolute;top:0;left:0;opacity: 0;
    background:url('../images/p1.2.png?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;
}
.bg1_3{
    position: absolute;top:0;left:0;opacity: 0;
    background:url('../images/p1.3.png?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;
}
.bg1_4{
    position: absolute;top:0;left:0;opacity: 0;
    background:url('../images/p1.4.png?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;
}
.bg1_5{
    position: absolute;top:0;left:0;opacity: 0;
    background:url('../images/p1.5.png?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;
}
.bg1_6{
    position: absolute;top:0;left:0;opacity: 0;
    background:url('../images/p1.6.png?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;
}
.bg1_7{
    position: absolute;top:0;left:0;opacity: 0;
    background:url('../images/p1.7.png?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;
}

.bg1_gif{
    position: absolute;top:54%;left:0;width: 100%;height:11.5%;opacity: 0;
}
.bg1_8{
    position: absolute;top:0;left:0;
    background:url('../images/p1.8.png?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;
}
.bg1_8_1{
    position: absolute;top:0;left:0;display:none;
    background:url('../images/p1.8-1.png?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;
}
.bg1_9{
    position: absolute;top:0;left:0;
    background:url('../images/p1.9.png?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;
}
.bg1_9_1{
    position: absolute;top:0;left:0;display:none;
    background:url('../images/p1.9-1.png?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;
}

.bg1_8_click{
    position: absolute;top:69%;left:24%;
    width: 53%;height:10%;
}
.bg1_9_click{
    position: absolute;top:81%;left:24%;
    width: 53%;height:10%;
}
.div_text_click{
    width: 32%;height:8%;position: absolute;top:50%;left:33%;
}

.bg1.ani .bg1_1{
    -webkit-animation: 0.5s 0.3s Out linear both;
    animation: 0.5s 0.3s Out linear both;
}

.bg1.ani .bg1_2,.bg1.ani .bg1_gif{
    -webkit-animation: 0.3s 0.8s Out linear both;
    animation: 0.3s 0.8s Out linear both;
}

.bg1.ani .bg1_3{
    -webkit-animation: 0.3s 1.3s Out linear both;
    animation: 0.3s 1.3s Out linear both;
}
.bg1.ani .bg1_4{
    -webkit-animation: 0.3s 1.7s Out linear both;
    animation: 0.3s 1.7s Out linear both;
}

.bg1.ani .bg1_5{
    -webkit-animation: 0.5s 2.2s Out linear both;
    animation: 0.5s 2.2s Out linear both;
}

.bg1.ani .bg1_6{
    -webkit-animation: 0.5s 3s Out linear both;
    animation: 0.5s 3s Out linear both;
}

.bg1.ani .bg1_7{
    -webkit-animation: 0.5s 3.8s Out linear both;
    animation: 0.5s 3.8s Out linear both;
}

.bg1.ani .bg1_8{
    -webkit-animation: 0.5s 4.7s Out linear both;
    animation: 0.5s 4.7s Out linear both;
}

.bg1.ani .bg1_9{
    -webkit-animation: 0.5s 4.7s Out linear both;
    animation: 0.5s 4.7s Out linear both;
}



.div_text{
    width: 100%;height: 100%;margin: 0 auto;overflow: hidden;position: absolute;top:0;left:0;background:url("../images/p8.jpg?1") no-repeat 0 0;background-size:100% 100%;
}
.div_text_1{
    width: 100%;height: 100%;margin: 0 auto;overflow: hidden;position: absolute;top:0;left:0;background:url("../images/p8.1.png?1") no-repeat 0 0;background-size:100% 100%;
}

.box_input{
    width:48.6%;height:7.7%;position: absolute;top:33.14%;left:24.96%;
}
#input1{display:inline-block;width: 100%;height:100%;position: absolute;top:0%;left:0%;outline:0;font-size: 18px;background-color: #000;color: white;text-align: center;border: none;opacity: 0}
/*input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {*/
    /*color: #fff;font-size:16px;*/
/*}*/
.div_text_word{
    color: #fff;position: absolute;top:45%;left:38%;display:none;
}





.bg2{
    width: 300%;height: 100%;margin: 0 auto;overflow: hidden;position: absolute;top:0;left:0;transition: transform 0.5s linear;
}
.bg2_1{
    width: 33.333%;height: 100%;margin: 0 auto;overflow: hidden;background:url("../images/p2.jpg?1") no-repeat 0 0;background-size:100% 100%;float: left;position: relative;
}
.bg2_1_1{
    position: absolute;top:22%;left:32%;width: 37.52%;height:25.39%;
    background:url('../images/p2.1.png?1') no-repeat 0 0;background-size:100% 100%;
}
.bg2_1_xuan{
    position: absolute;top:0;left:0;width: 100%;height:100%;display:none;
    background:url('../images/p2.1-1.png?1') no-repeat 0 0;background-size:100% 100%;
}
.bg2_1_2{
    position: absolute;top:49%;left:32%;width: 37.52%;height:25.39%;
    background:url('../images/p2.2.png?1') no-repeat 0 0;background-size:100% 100%;
}
.bg2_2_xuan{
    position: absolute;top:0;left:0;width: 100%;height:100%;display:none;
    background:url('../images/p2.2-1.png?1') no-repeat 0 0;background-size:100% 100%;
}
.bg2_gif{
    position: absolute;top:77%;left:0;width: 100%;height:7.3%;opacity: 1;
}




.bg2_2{
    width: 33.333%;height: 100%;margin: 0 auto;overflow: hidden;background:url("../images/p3.jpg?1") no-repeat 0 0;background-size:100% 100%;float: left;position: relative;
}

.man{
    width: 100%;height:100%;position: absolute;top:0;left:0
}
.man_1{
    position: absolute;left:22.5%;top:18%;width:54.26% ;height:12.88%;background:url("../images/taohuayan.png?1") no-repeat 0 0;background-size:100% 100%;
}
.man_1_1{
    position: absolute;left:0;top:0;width:100% ;height:100%;background:url("../images/taohuayan-1.png?1") no-repeat 0 0;background-size:100% 100%;display: none;
}
.man_2{
    position: absolute;left:22.5%;top:31%;width:54.26% ;height:12.88%;background:url("../images/cixing.png?1") no-repeat 0 0;background-size:100% 100%;
}
.man_2_1{
    position: absolute;left:0;top:0;width:100% ;height:100%;background:url("../images/cixing-1.png?1") no-repeat 0 0;background-size:100% 100%;display: none;
}
.man_3{
    position: absolute;left:22.5%;top:44%;width:54.26% ;height:12.88%;background:url("../images/fuji.png?1") no-repeat 0 0;background-size:100% 100%;
}
.man_3_1{
    position: absolute;left:0;top:0;width:100% ;height:100%;background:url("../images/fuji-1.png?1") no-repeat 0 0;background-size:100% 100%;display: none;
}
.man_4{
    position: absolute;left:22.5%;top:57%;width:54.26% ;height:12.88%;background:url("../images/changtui.png?1") no-repeat 0 0;background-size:100% 100%;
}
.man_4_1{
    position: absolute;left:0;top:0;width:100% ;height:100%;background:url("../images/changtui-1.png?1") no-repeat 0 0;background-size:100% 100%;display: none;
}
.man_5{
    position: absolute;left:22.5%;top:70%;width:54.26% ;height:12.88%;background:url("../images/douxiangyao.png?1") no-repeat 0 0;background-size:100% 100%;
}
.man_5_1{
    position: absolute;left:0;top:0;width:100% ;height:100%;background:url("../images/douxiangyao-1.png?1") no-repeat 0 0;background-size:100% 100%;display: none;
}
.woman{
    width: 100%;height:100%;position: absolute;top:0;left:0;
}
.woman_1{
    position: absolute;left:22.5%;top:18%;width:54.26% ;height:12.88%;background:url("../images/meilidianyan.png?1") no-repeat 0 0;background-size:100% 100%;
}
.woman_1_1{
    position: absolute;left:0;top:0;width:100% ;height:100%;background:url("../images/meilidianyan-1.png?1") no-repeat 0 0;background-size:100% 100%;display: none;
}
.woman_2{
    position: absolute;left:22.5%;top:31%;width:54.26% ;height:12.88%;background:url("../images/edanlian.png?1") no-repeat 0 0;background-size:100% 100%;
}
.woman_2_1{
    position: absolute;left:0;top:0;width:100% ;height:100%;background:url("../images/edanlian-1.png?1") no-repeat 0 0;background-size:100% 100%;display: none;
}
.woman_3{
    position: absolute;left:22.5%;top:44%;width:54.26% ;height:12.88%;background:url("../images/Shencai.png?1") no-repeat 0 0;background-size:100% 100%;
}
.woman_3_1{
    position: absolute;left:0;top:0;width:100% ;height:100%;background:url("../images/Shencai-1.png?1") no-repeat 0 0;background-size:100% 100%;display: none;
}
.woman_4{
    position: absolute;left:22.5%;top:57%;width:54.26% ;height:12.88%;background:url("../images/changtui.png?1") no-repeat 0 0;background-size:100% 100%;
}
.woman_4_1{
    position: absolute;left:0;top:0;width:100% ;height:100%;background:url("../images/changtui-1.png?1") no-repeat 0 0;background-size:100% 100%;display: none;
}
.woman_5{
    position: absolute;left:22.5%;top:70%;width:54.26% ;height:12.88%;background:url("../images/douxiangyao.png?1") no-repeat 0 0;background-size:100% 100%;
}
.woman_5_1{
    position: absolute;left:0;top:0;width:100% ;height:100%;background:url("../images/douxiangyao-1.png?1") no-repeat 0 0;background-size:100% 100%;display: none;
}
.bg2_3{
    width: 33.333%;height: 100%;margin: 0 auto;overflow: hidden;background:url("../images/p5.jpg?1") no-repeat 0 0;background-size:100% 100%;float: left;position: relative;
}

.man1{
    width: 100%;height:100%;position: absolute;top:5%;left:0
}

.man1_1{
    position: absolute;left:22.5%;top:18%;width:54.26% ;height:12.88%;background:url("../images/aojiao.png?1") no-repeat 0 0;background-size:100% 100%;
}
.man1_1_1{
    position: absolute;left:0;top:0;width:100% ;height:100%;background:url("../images/aojiao-1.png?1") no-repeat 0 0;background-size:100% 100%;display: none;
}
.man1_2{
    position: absolute;left:22.5%;top:31%;width:54.26% ;height:12.88%;background:url("../images/meng.png?1") no-repeat 0 0;background-size:100% 100%;
}
.man1_2_1{
    position: absolute;left:0;top:0;width:100% ;height:100%;background:url("../images/meng-1.png?1") no-repeat 0 0;background-size:100% 100%;display: none;
}
.man1_3{
    position: absolute;left:22.5%;top:44%;width:54.26% ;height:12.88%;background:url("../images/gaoleng.png?1") no-repeat 0 0;background-size:100% 100%;
}
.man1_3_1{
    position: absolute;left:0;top:0;width:100% ;height:100%;background:url("../images/gaoleng-1.png?1") no-repeat 0 0;background-size:100% 100%;display: none;
}
.man1_4{
    position: absolute;left:22.5%;top:57%;width:54.26% ;height:12.88%;background:url("../images/mensao.png?1") no-repeat 0 0;background-size:100% 100%;
}
.man1_4_1{
    position: absolute;left:0;top:0;width:100% ;height:100%;background:url("../images/mensao-1.png?1") no-repeat 0 0;background-size:100% 100%;display: none;
}
.tijiao{
    position: absolute;left:5%;top:11%;width:85% ;height:80%;background:url("../images/tijiao.png?1") no-repeat 0 0;background-size:100% 100%;display: none;
    -webkit-animation: 3s 0.2s shake linear both;
    animation: 3s 0.2s shake linear both;
}
.bg2_click{
    position: absolute;top:78%;left:26%;width: 48%;height:7.3%;
}


.bg2.ta .bg2_1{
    background:url("../images/p2-1.jpg?1") no-repeat 0 0;background-size:100% 100%;
}
.bg2.ta .bg2_2{
    background:url("../images/p3-1.jpg?1") no-repeat 0 0;background-size:100% 100%;
}
.bg2.ta .bg2_3{
    background:url("../images/p5-1.jpg?1") no-repeat 0 0;background-size:100% 100%;
}







.video_div{width: 100%;height: 100%;position: absolute;top:0;left:0;display: none}
#video1_1{object-fit: fill}

.video_mask{
    position: absolute;top:0;left:0;z-index:40;
    background:url('../images/video_mask.jpg?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;display: none;
}






.bg3{
    width: 100%;height: 100%;margin: 0 auto;overflow: hidden;position: absolute;top:0;left:0;background:url("../images/p6.jpg?1") no-repeat 0 0;background-size:100% 100%;
}
.bg3_bg{
    position: absolute;top:0;left:0;
    background:url('../images/p6.3.png?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;
}
.bg3_1{
    position: absolute;top:0;left:0;
    background:url('../images/p6.1.png?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;
}
/*.bg3_2{*/
    /*position: absolute;top:0;left:0;*/
    /*background:url('../images/p6.2.png?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;*/
/*}*/

.bg3.ani .bg3_bg{
    -webkit-animation: 0.6s 1.2s bounceIn cubic-bezier(0.215,0.610,0.355,1.000)  both;
    animation: 0.6s 1.2s bounceIn cubic-bezier(0.215,0.610,0.355,1.000)  both;
}



.word{
    position: absolute;top:0;left:0;
   width: 100%;height:100%;
}
.word1{
    color:#fff;font-size: 20px;position: absolute;top:22.5%;left:15%;font-family: "微软雅黑";width: 32%;height:4%;text-align: center;
}
.word2{
    color:#ff0052;font-size: 20px;position: absolute;top:31%;left:14%;font-family: "微软雅黑";width: 41%;height:5%;text-align: center;
    border: solid 1px #ff0052;
}
.word3{
    position: absolute;top:31%;left:56%;width:36%;height:5%;color:#fff;text-align: center;
}


#allmap{
    font-family: "微软雅黑";width: 72.46%;height:38%;position: absolute;top:42.06%;left:13.8%
}

.bg3_click{
    width: 51%;height:10%;position: absolute;left:23%;top:85%;
}
.fuceng{
    width: 100%;height:100%;position: absolute;top:0;left:0;display:none
}





.bg4{
    width: 100%;height: 100%;margin: 0 auto;overflow: hidden;position: absolute;top:0;left:0;background:url("../images/p7.jpg?1") no-repeat 0 0;background-size:100% 100%;
}
.bg4_1{
    position: absolute;top:0;left:0;opacity: 0;
    background:url('../images/p7.1.png?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;
}
.bg4_2{
    position: absolute;top:0;left:0;opacity: 0;
    background:url('../images/p7.2.png?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;
}

.bg4.ani .bg4_1{
    -webkit-animation: 0.5s 0.2s Out linear both;
    animation: 0.5s 0.2s Out linear both;
}

.bg4.ani .bg4_2{
    -webkit-animation: 0.5s 1s Out linear both;
    animation: 0.5s 1s Out linear both;
}

.mask{
    width: 51%;height:10%;position: absolute;left:23%;top:59%;
}



/*#s0.ani .arrow{*/
    /*-webkit-animation:1s 2.2s arrow1 linear infinite;*/
    /*animation:1s 2.2s arrow1 linear infinite ;*/
/*}*/




@-webkit-keyframes div0 {
    0% {-webkit-transform-origin:center center;-webkit-transform:scale(0.2);opacity: 0 }
    10% {-webkit-transform-origin:center center;-webkit-transform:scale(0.2);opacity: 0 }
    50%{opacity: 1}
    90% {-webkit-transform-origin:center center;-webkit-transform:scale(2.2);opacity: 0 }
    100% {-webkit-transform-origin:center center;-webkit-transform:scale(0.2);opacity: 0 }
}

@keyframes div0 {
    0% {transform-origin:center center;transform:scale(0.2);opacity: 0 }
    10% {transform-origin:center center;transform:scale(0.2);opacity: 0 }
    50% {opacity: 1 }
    90% {transform-origin:center center;transform:scale(2.2);opacity: 0 }
    100% {transform-origin:center center;transform:scale(0.2);opacity: 0 }
}

@-webkit-keyframes div1 {
    0% {-webkit-transform-origin:center center;-webkit-transform:scale(0.2);opacity: 0 }
    20% {-webkit-transform-origin:center center;-webkit-transform:scale(0.2);opacity: 0 }
    60% {opacity: 1 }
    100% {-webkit-transform-origin:center center;-webkit-transform:scale(2.2);opacity: 0 }
}
@keyframes div1 {
    0% {transform-origin:center center;transform:scale(0.2);opacity: 0 }
    20% {transform-origin:center center;transform:scale(0.2);opacity: 0 }
    60% {opacity: 1 }
    100% {transform-origin:center center;transform:scale(2.2);opacity: 0 }
}

@-webkit-keyframes div2 {
    0% {-webkit-transform-origin:center center;-webkit-transform:scale(0.2);opacity: 0 }
    40%{opacity: 1}
    80% {-webkit-transform-origin:center center;-webkit-transform:scale(2.2);opacity: 0 }
    100% {-webkit-transform-origin:center center;-webkit-transform:scale(0.2); opacity: 0}
}

@keyframes div2 {
    0% {transform-origin:center center;transform:scale(0.2);opacity: 0 }
    40%{opacity: 1}
    80% {transform-origin:center center;transform:scale(2.2);opacity: 0 }
    100% {transform-origin:center center;transform:scale(0.2); opacity: 0}
}


/*@-webkit-keyframes div1 {*/
    /*0% {-webkit-transform-origin:center center;-webkit-transform:scale(1);opacity: 1 }*/
    /*100% {-webkit-transform-origin:center center;-webkit-transform:scale(1.5); opacity: 1}*/
/*}*/

/*@keyframes div1 {*/
    /*0% {transform-origin:center center;transform:scale(1);opacity: 1}*/
    /*100% {-webkit-transform-origin:center center;-webkit-transform:scale(1.5); opacity: 1}*/
/*}*/

/*@-webkit-keyframes div2 {*/
    /*0% {-webkit-transform-origin:center center;-webkit-transform:scale(1.5);opacity: 1 }*/
    /*100% {-webkit-transform-origin:center center;-webkit-transform:scale(2.2); opacity: 0}*/
/*}*/

/*@keyframes div2 {*/
    /*0% {transform-origin:center center;transform:scale(1.5);opacity: 1}*/
    /*100% {-webkit-transform-origin:center center;-webkit-transform:scale(2.2); opacity: 0}*/
/*}*/






@-webkit-keyframes arrow {
    0% {-webkit-transform:translate3d(0,0,0);opacity: 0}
    100% {-webkit-transform:translate3d(0,-3%,0);opacity: 1}
}

@keyframes arrow {
    0% {transform:translate3d(0,0,0);opacity: 0}
    100% {transform:translate3d(0,-3%,0);opacity: 1}
}


@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    0% {transform: rotate(0)}
    100% {transform: rotate(360deg);}
}

@keyframes Out{
    0%{opacity:0}
    100%{opacity:1}
}

@-webkit-keyframes Out{
    0%{opacity: 0}
    100%{opacity:1}
}


@keyframes Out_tap{
    0%{opacity:0}
    50%{opacity:1}
    100%{opacity: 0}
}

@-webkit-keyframes Out_tap{
    0%{opacity:0}
    50%{opacity:1}
    100%{opacity:0}
}


@-webkit-keyframes s0_1 {
    0% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ;}
    100% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,-20%,0);opacity: 1 }
}

@keyframes s0_1 {
    0% { transform:translate3d(0,0,0) ;}
    100% { transform:translate3d(0,-20%,0);opacity: 1  }
}
@-webkit-keyframes spot {
    0% {-webkit-transform-origin:center center;-webkit-transform:scale(1); opacity: 1}
    50% {-webkit-transform-origin:center center;-webkit-transform:scale(1.2);opacity: 1}
    100% {-webkit-transform-origin:center center;-webkit-transform:scale(1); opacity: 1}
}

@keyframes spot {
    0% {transform-origin:center center;transform:scale(1);opacity: 1}
    50% {transform-origin:center center;transform:scale(1.2) ; opacity: 1}
    100% {-webkit-transform-origin:center center;-webkit-transform:scale(1); opacity: 1}
}


@-webkit-keyframes s00_click {
    0% {-webkit-transform-origin:center center;-webkit-transform:rotate(0deg); opacity: 1}
    45% {-webkit-transform-origin:center center;-webkit-transform:rotate(0deg); opacity: 1}
    50% {-webkit-transform-origin:center center;-webkit-transform:rotate(-10deg);opacity: 1}
    60% {-webkit-transform-origin:center center;-webkit-transform:rotate(10deg);opacity: 1}
    65% {-webkit-transform-origin:center center;-webkit-transform:rotate(0deg);opacity: 1}
    100% {-webkit-transform-origin:center center;-webkit-transform:rotate(0deg); opacity: 1}
}

@keyframes s00_click {
    0% {transform-origin:center center;transform:rotate(0deg); opacity: 1}
    45% {transform-origin:center center;transform:rotate(0deg); opacity: 1}
    50% {transform-origin:center center;transform:rotate(-10deg);opacity: 1}
    60% {transform-origin:center center;transform:rotate(10deg);opacity: 1}
    65% {transform-origin:center center;transform:rotate(0deg);opacity: 1}
    100% {transform-origin:center center;transform:rotate(0deg); opacity: 1}
}

@-webkit-keyframes Out111{
    0%{opacity: 0}
    100%{opacity:1}
}
@-o-keyframes Out111{
    0%{opacity: 0}
    100%{opacity:1}
}
@-moz-keyframes Out111{
    0%{opacity: 0}
    100%{opacity:1}
}
@keyframes Out111{
    0%{opacity: 0}
    100%{opacity:1 }
}



@keyframes Out{
    0%{opacity:0}
    100%{opacity:1}
}
@-webkit-keyframes Out{
    0%{opacity: 0}
    100%{opacity:1}
}
@keyframes Out00{
    0%{opacity:1}
    100%{opacity:1}
}
@-webkit-keyframes Out00{
    0%{opacity: 1}
    100%{opacity:1}
}

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

@keyframes s2_0 {
    0% { transform:translate3d(0,0,0) ;}
    100% { transform:translate3d(0,-100%,0);}
}

/*@-webkit-keyframes s2_1 {*/
    /*0% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}*/
    /*100% { -webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}*/
/*}*/

/*@keyframes s2_1 {*/
    /*0% { transform:translate3d(0,0,0) ;}*/
    /*100% { transform:translate3d(-100%,0,0);}*/
/*}*/

/*@-webkit-keyframes s3_1 {*/
    /*0% { -webkit-transform:translate3d(-300%,0,0);transform:translate3d(-300%,0,0) skew(-30deg);opacity: 1}*/
    /*100% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) skew(0deg);opacity: 1}*/
/*}*/

/*@keyframes s3_1 {*/
    /*0% { transform:translate3d(-300%,0,0) skew(-30deg);opacity: 1}*/
    /*100% { transform:translate3d(0,0,0) skew(0deg);opacity: 1}*/
/*}*/

/*@-webkit-keyframes s3_2 {*/
    /*0% { -webkit-transform:translate3d(300%,0,0);transform:translate3d(0,0,0) skew(30deg);opacity: 1}*/
    /*100% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) skew(0deg);opacity: 1}*/
/*}*/
/*@keyframes s3_2 {*/
    /*0% { transform:translate3d(300%,0,0) skew(30deg);opacity: 1}*/
    /*100% { transform:translate3d(0,0,0) skew(0deg);opacity: 1}*/
/*}*/

@-webkit-keyframes shake{
    0%{opacity: 0}
    20%{opacity:1}
    40%{opacity: 0}
    60%{opacity:1}
    80%{opacity:0}
    100%{opacity: 1}
}
@-o-keyframes shake{
    0%{opacity: 0}
    20%{opacity:1}
    40%{opacity: 0}
    60%{opacity:1}
    80%{opacity:0}
    100%{opacity: 1}
}
@-moz-keyframes shake{
    0%{opacity: 0}
    20%{opacity:1}
    40%{opacity: 0}
    60%{opacity:1}
    80%{opacity:0}
    100%{opacity: 1}
}

@keyframes shake{
    0%{opacity: 0}
    20%{opacity:1}
    40%{opacity: 0}
    60%{opacity:1}
    80%{opacity:0}
    100%{opacity: 1}
}
@-webkit-keyframes  bounceIn{

    0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
    20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
    40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
    60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
    80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
    100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes bounceIn{

    0%{transform:scale3d(.3,.3,.3);opacity:0;}
    20%{transform:scale3d(1.1,1.1,1.1);}
    40%{transform:scale3d(.9,.9,.9);}
    60%{transform:scale3d(1.03,1.03,1.03);opacity:1}
    80%{transform:scale3d(.97,.97,.97)}
    100%{transform:scale3d(1,1,1);opacity:1;}
}