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:url('../images/loading.jpg?1');background-size:100% 100%;z-index: 99}
.load_val{width:100%;}
.loading_line{top:45%;width:60%;height:3px;position:absolute;left:20%;background:#a10e16;}
.loading_line_blank{width:0%;height:100%;background:#fedb4c;}
a{opacity:0}

/*
扫墓样式
*/
.box{
    position: absolute;
    left:0;
    top:0;
    bottom:0;
    right: 0;
    background:url('../images/7/p9.2.1.png') no-repeat;
    background-size: 100% 100%;
    backface-visibility: hidden;
    overflow: hidden;
}
#cas{
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition:opacity .5s;
    -ms-transition:opacity .5s;
    -moz-transition:opacity .5s;
}
#bg{
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background-color: #656363;
}
.noOp{
    opacity: 0 !important;
}
/* 音乐开关*/
#switch-music{z-index:9999999;position:absolute;bottom: 5px;left: 5px; width:30px; height:30px;}
#switch-music img{max-width: 100%;}
#switch-music.show{display:block; z-index:999;}
#switch-music .tips{color: rgba(255,255,255,.75); z-index:999; top: 15px; right: 100px; width: 30px; text-align: right; opacity: 0;}
#switch-music .tips.on{opacity: 1; right: 100px; z-index:999;}
#switch-music div:nth-child(2){display:none; z-index:999;}
#switch-music.on div:nth-child(2){display:block; animation: music 1s linear infinite; -webkit-animation: music 1s linear infinite; z-index:999;}
@keyframes music{
    0%{transform: rotate(0deg)}
    100%{transform: rotate(360deg)}
}
@-webkit-keyframes music{
    0%{transform: rotate(0deg); -webkit-transform: rotate(0deg)}
    100%{transform: rotate(360deg); -webkit-transform: rotate(360deg)}
}
.pof{position: fixed; z-index:9999}
/*音乐结束*/
.swiper-container{position:absolute;width:100%;height:100%}
.swiper-slide{position:relative;overflow:hidden}
.swiper-slide *{position:absolute;opacity:0}
.bg,.bg *{opacity:1}
.layer{width:100%;height:100%;opacity:1}
.layer div{border-radius:100%}

#caca{position:fixed;width: 100%;height: 100%;top:0;left:0;background:url("../images/7/caca.png?1") no-repeat 0 0;background-size:100% 100%;display: none;z-index: 999}
#caca.ani{
    animation:2s  fadeOut_ca linear infinite;
    -webkit-animation:2s  fadeOut_ca  linear  infinite;
    -moz-animation:2s  fadeOut_ca  linear infinite;
    -o-animation:2s  fadeOut_ca  linear infinite;
}

#s0{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;background:url("../images/7/p0.0.jpg?1") no-repeat 0 0;background-size:160% 100%;}
#s0 .w0{width: 160%;height: 100%;top:0;left:0;background:url("../images/7/p0.0.jpg?1") no-repeat 0 0;background-size:100% 100%;}
#s0.ani .w0{
    animation:24s 0.5s scroll_s0 linear both infinite;
    -webkit-animation:24s 0.5s scroll_s0  linear both infinite;
    -moz-animation:24s 0.5s scroll_s0  linear both infinite;
    -o-animation:24s 0.5s scroll_s10  linear both infinite;
}
#s0 .w1{width: 100%;height: 100%;top:0%;left:0%;background:url("../images/7/p0.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}
#s0.ani .w1{
    animation:1s  fadeIn linear both ;
    -webkit-animation:1s  fadeIn  linear both ;
    -moz-animation:1s  fadeIn  linear both;
    -o-animation:1s  fadeIn  linear both;
}

#s1{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;background:url("../images/7/p1.0.jpg?1") no-repeat 0 0;background-size:243% 100%;}
#s1 .w0{width: 243%;height: 100%;top:0;left:0;background:url("../images/7/p1.0.jpg?1") no-repeat 0 0;background-size:100% 100%;}
#s1.ani .w0{
    animation:30s 0.5s scroll_s0 linear both infinite;
    -webkit-animation:30s 0.5s scroll_s0  linear both infinite;
    -moz-animation:30s 0.5s scroll_s0  linear both infinite;
    -o-animation:30s 0.5s scroll_s10  linear both infinite;
}
#s1 .w1{width: 100%;height: 100%;top:0%;left:0%;background:url("../images/7/p1.1.png?1") no-repeat 0 0;background-size:100% 100%;}
#s1.ani .w1{
    animation:1s 0.5s fadeIn linear both ;
    -webkit-animation:1s 0.5s fadeIn  linear both ;
    -moz-animation:1s 0.5s fadeIn  linear both;
    -o-animation:1s 0.5s fadeIn  linear both;
}

#s2{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;background:url("../images/7/p2.0.jpg?1") no-repeat 0 0;background-size:300% 100%;}
#s2 .w0{width: 300%;height: 100%;top:0%;left:0%;background:url("../images/7/p2.0.jpg?1") no-repeat 0 0;background-size:100% 100%;}
#s2.ani .w0{
    animation:40s 1s scroll_s1 linear both infinite;
    -webkit-animation:40s 1s scroll_s1 linear both infinite;
    -moz-animation:40s 1s scroll_s1 linear both infinite;
    -o-animation:40s 1s scroll_s1 linear both infinite;
}
#s2 .w1{width: 100%;height: 100%;top:0%;left:0%;background:url("../images/7/p2.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}
#s2.ani .w1{
    animation:1s 0s fadeIn linear both ;
    -webkit-animation:1s 0s fadeIn  linear both ;
    -moz-animation:1s 0s fadeIn  linear both;
    -o-animation:1s 0s fadeIn  linear both;
}

#s3{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;background:url("../images/7/p3.0.jpg?1") no-repeat 0 0;background-size:237% 100%;}
#s3 .w0{width: 237%;height: 100%;top:0%;left:0%;background:url("../images/7/p3.0.jpg?1") no-repeat 0 0;background-size:100% 100%;}
#s3.ani .w0{
    animation:40s 1s scroll_s3 linear both infinite;
    -webkit-animation:40s 1s scroll_s3  linear both infinite;
    -moz-animation:40s 1s scroll_s3  linear both infinite;
    -o-animation:40s 1s scroll_s3  linear both infinite;
}
#s3 .w1{width: 100%;height: 100%;top:0%;left:0%;background:url("../images/7/p3.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}
#s3.ani .w1{
    animation:1s 0s fadeIn linear both ;
    -webkit-animation:1s 0s fadeIn  linear both ;
    -moz-animation:1s 0s fadeIn  linear both ;
    -o-animation:1s 0s fadeIn  linear both ;
}


#s4{width: 100%;height: 100%;margin: 0 auto;background:url("../images/7/p4.0.jpg?1") no-repeat 0 0;background-size:100% 100%;}
#s4 .w0{width: 100%;height: 100%;top:0;left:0;position: absolute;opacity: 1}
/*#s4.ani .w0{*/
    /*animation:8s 0s fadeInOut linear both ;*/
    /*-webkit-animation:8s 0s fadeInOut  linear both ;*/
    /*-moz-animation:8s 0s fadeInOut  linear both ;*/
    /*-o-animation:8s 0s fadeInOut  linear both;*/
/*}*/
.s4_bg{width: 100%;height: 100%;top:0;left:0;background:url("../images/7/p4.1.png?1") no-repeat 0 0;background-size:100% 100%;position: relative;opacity: 1  }
#s4 .w0 .click1{position: absolute;top:58%;left:8%;width: 25%;height:18%;}
#s4 .w0 .click2{position: absolute;top:58%;left:37%;width: 25%;height:18%;}
#s4 .w0 .click3{position: absolute;top:58%;left:67%;width: 25%;height:18%;}
#s4 .w0 .click4{position: absolute;top:77%;left:8%;width: 25%;height:18%;}
#s4 .w0 .click5{position: absolute;top:77%;left:37%;width: 25%;height:18%;}
#s4 .w0 .click6{position: absolute;top:77%;left:67%;width: 25%;height:18%;}

#s4 .w1{width: 100%;height: 100%;top:0;left:0;z-index:2;opacity: 1;display: none}
#s4 .w1 .person1{width: 100%;height: 100%;top:0;left:0;background:url("../images/7/p4.2.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1;display: none}
#s4 .w1 .person2{width: 100%;height: 100%;top:0;left:0;background:url("../images/7/p4.2.2.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1;display: none}
#s4 .w1 .person3{width: 100%;height: 100%;top:0;left:0;background:url("../images/7/p4.2.3.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1;display: none}
#s4 .w1 .person4{width: 100%;height: 100%;top:0;left:0;background:url("../images/7/p4.2.4.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1;display: none}
#s4 .w1 .person5{width: 100%;height: 100%;top:0;left:0;background:url("../images/7/p4.2.5.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1;display: none}
#s4 .w1 .person6{width: 100%;height: 100%;top:0;left:0;background:url("../images/7/p4.2.6.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1;display: none}
/*#s4 .w1{width: 100%;height: 100%;top:0%;left:0%;background:url("../images/7/p4.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}*/

.s4_hand{position: absolute;top:70%;left:20%;width: 15%;height: 8%;opacity: 1;background:url("../images/7/s4_hand.png?1") no-repeat 0 0;background-size:100% 100%;}
#s4.ani .s4_hand{
    animation:1.5s 0.5s fadeOut_ca linear both infinite;
    -webkit-animation:1.5s 0.5s fadeOut_ca  linear both infinite;
    -moz-animation:1.5s 0.5s fadeOut_ca  linear both infinite;
    -o-animation:1.5s 0.5s fadeOut_ca  linear both infinite;
}





#s5{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;background:url("../images/7/p5.0.jpg?1") no-repeat 0 0;background-size:100% 100%;}
#s5 .w0{width: 100%;height: 100%;position:absolute;background:url("../images/7/p5.1.png?1") no-repeat 0 0;background-size:145% 100%;opacity: 1}
#s5 .w00{width: 145%;height: 100%;top:0%;left:0%;background:url("../images/7/p5.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}
#s5.ani .w00{
    animation:20s 0s scroll_s5 linear both infinite;
    -webkit-animation:20s 0s scroll_s5  linear both infinite;
    -moz-animation:20s 0s scroll_s5  linear both infinite;
    -o-animation:20s 0s scroll_s5  linear both infinite;
}

#s6{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;background:url("../images/7/p6.0.jpg?1") no-repeat 0 0;background-size:100% 100%;}
#s6 .w0{width: 100%;height: 100%;position:absolute;background:url("../images/7/p6.1.png?1") no-repeat 0 0;background-size:227% 100%;opacity: 1}
#s6 .w00{width: 227%;height: 100%;top:0%;left:-127%;background:url("../images/7/p6.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}
#s6.ani .w00{
    animation:30s 0s scroll_s6 linear both infinite;
    -webkit-animation:30s 0s scroll_s6  linear both infinite;
    -moz-animation:30s 0s scroll_s6  linear both infinite;
    -o-animation:30s 0s scroll_s6  linear both infinite;
}

#s7{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;background:url("../images/7/p7.0.jpg?1") no-repeat 0 0;background-size:100% 100%;}
#s7 .w0{width: 100%;height: 100%;top:0%;left:0%;background:url("../images/7/p7.1.png?1") no-repeat 0 0;background-size:100% 100%;}
#s7.ani .w0{
    animation:1s 0.5s fadeIn linear both ;
    -webkit-animation:1s 0.5s fadeIn  linear both ;
    -moz-animation:1s 0.5s fadeIn  linear both ;
    -o-animation:1s 0.5s fadeIn  linear both ;
}
#s7 .w1{width: 100%;height: 100%;top:0%;left:0%;background:url("../images/7/p7.2.png?1") no-repeat 0 0;background-size:100% 100%;}
#s7.ani .w1{
    animation:1s 2s fadeIn linear both ;
    -webkit-animation:1s 2s fadeIn  linear both ;
    -moz-animation:1s 2s fadeIn  linear both;
    -o-animation:1s 2s fadeIn  linear both ;
}

#s7 .w2{width: 100%;height: 100%;top:0%;left:0%;background:url("../images/7/p7.3.png?1") no-repeat 0 0;background-size:100% 100%;}
#s7.ani .w2{
    animation:1s 3.5s fadeIn linear both ;
    -webkit-animation:1s 3.5s fadeIn  linear both ;
    -moz-animation:1s 3.5s fadeIn  linear both ;
    -o-animation:1s 3.5s fadeIn  linear both ;
}
/*中央红军结束*/
#s7 .w3{width: 100%;height: 100%;top:0%;left:0%;background:url("../images/7/p7.4.png?1") no-repeat 0 0;background-size:100% 100%;}
#s7.ani .w3{
    animation:1s 5s fadeIn linear both ;
    -webkit-animation:1s 5s fadeIn  linear both ;
    -moz-animation:1s 5s fadeIn  linear both ;
    -o-animation:1s 5s fadeIn  linear both ;
}

#s7 .w4{width: 100%;height: 100%;top:0%;left:0%;background:url("../images/7/p7.5.png?1") no-repeat 0 0;background-size:100% 100%;}
#s7.ani .w4{
    animation:1s 6s fadeIn linear both ;
    -webkit-animation:1s 6s fadeIn  linear both ;
    -moz-animation:1s 6s fadeIn  linear both;
    -o-animation:1s 6s fadeIn  linear both;
}
/*红四军结束*/
#s7 .w5{width: 100%;height: 100%;top:0%;left:0%;background:url("../images/7/p7.6.png?1") no-repeat 0 0;background-size:100% 100%;}
#s7.ani .w5{
    animation:1s 8s fadeIn linear both ;
    -webkit-animation:1s 8s fadeIn  linear both ;
    -moz-animation:1s 8s fadeIn  linear both;
    -o-animation:1s 8s fadeIn  linear both;
}
#s7 .w6{width: 100%;height: 100%;top:0%;left:0%;background:url("../images/7/p7.7.png?1") no-repeat 0 0;background-size:100% 100%;}
#s7.ani .w6{
    animation:1s 9s fadeIn linear both ;
    -webkit-animation:1s 9s fadeIn  linear both ;
    -moz-animation:1s 9s fadeIn  linear both;
    -o-animation:1s 9s fadeIn  linear both;
}
/*红二军结束*/
#s7 .w7{width: 100%;height: 100%;top:0%;left:0%;background:url("../images/7/p7.8.png?1") no-repeat 0 0;background-size:100% 100%;;}
#s7.ani .w7{
    animation:1s 11s fadeIn linear both ;
    -webkit-animation:1s 11s fadeIn  linear both ;
    -moz-animation:1s 11s fadeIn  linear both ;
    -o-animation:1s 11s fadeIn  linear both ;
}
#s7 .w8{width: 100%;height: 100%;top:0%;left:0%;background:url("../images/7/p7.9.png?1") no-repeat 0 0;background-size:100% 100%;;}
#s7.ani .w8{
    animation:1s 12s fadeIn linear both ;
    -webkit-animation:1s 12s fadeIn  linear both ;
    -moz-animation:1s 12s fadeIn  linear both ;
    -o-animation:1s 12s fadeIn  linear both ;
}
/*二十五军结束*/
/*#s7 .w9{width: 100%;height: 100%;top:0%;left:0%;background:url("../images/7/start.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1;}*/
/*#s7 .w10{width: 100%;height: 100%;top:0%;left:0%;background:url("../images/7/end.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1;}*/

#s7 .w110{ width: 44.5%;height: 3.4%;top: 17.5%;left: 37.8%;background-color:#d9301d;opacity: 1}
#s7.ani .w110{
    animation:1s 4s width_w110 linear both ;
    -webkit-animation:1s 4s width_w110  linear both ;
    -moz-animation:1s 4s width_w110  linear both;
    -o-animation:1s 4s width_w110  linear both;
}
#s7 .w111{width: 51%;height:  3.3%;top:38.5%;left: 37.8%;background-color:#d9301d;opacity: 1;}
#s7.ani .w111{
    animation:1s 7s width_w111 linear both ;
    -webkit-animation:1s 7s width_w111  linear both ;
    -moz-animation:1s 7s width_w111  linear both;
    -o-animation:1s 7s width_w111  linear both;
}
#s7 .w112{width:11%;height: 3.2%;top:59.2%;left:37.8%;background-color:#d9301d;opacity:1;}
#s7.ani .w112{
    animation:0.5s 10s width_w112 linear both ;
    -webkit-animation:0.5s 10s width_w112  linear both ;
    -moz-animation:0.5s 10s width_w112  linear both ;
    -o-animation:0.5s 10s width_w112  linear both ;
}
#s7 .w113{width: 4%;height:3.2%;top:80%;left:37.8%;background-color:#d9301d;opacity:1;}
#s7.ani .w113{
    animation:0.5s 13s width_w113 linear both ;
    -webkit-animation:0.5s 13s width_w113  linear both ;
    -moz-animation:0.5s 13s width_w113  linear both ;
    -o-animation:0.5s 13s width_w113  linear both;
}

#s8{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;background:url("../images/7/p8.0.jpg?1") no-repeat 0 0;background-size:243% 100%;}
#s8 .w0{width: 243%;height: 100%;top:0;left:0;background:url("../images/7/p8.0.jpg?1") no-repeat 0 0;background-size:100% 100%;}
#s8.ani .w0{
    animation:30s 0.5s scroll_s0 linear both infinite;
    -webkit-animation:30s 0.5s scroll_s0  linear both infinite;
    -moz-animation:30s 0.5s scroll_s0  linear both infinite;
    -o-animation:30s 0.5s scroll_s10  linear both infinite;
}
#s8 .w1{width: 100%;height: 100%;top:0%;left:0%;background:url("../images/7/p8.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}
#s8.ani .w1{
    animation:1s 0.5s fadeIn linear both ;
    -webkit-animation:1s 0.5s fadeIn  linear both ;
    -moz-animation:1s 0.5s fadeIn  linear both ;
    -o-animation:1s 0.5s fadeIn  linear both ;
}

#s9{width: 100%;height: 100%;margin: 0 auto;background:url("../images/7/p9.0.jpg?1") no-repeat 0 0;background-size:100% 100%;}
#s9 .w0{width: 20.5%;height: 23%;top:2.1%;left:7%;background:url("../images/7/p9.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
#s9 .w1{width: 20.5%;height: 23%;top:2.1%;left:28.5%;background:url("../images/7/p9.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
#s9 .w2{width: 20.5%;height: 23%;top:2.1%;left:50.5%;background:url("../images/7/p9.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
#s9 .w3{width: 20.5%;height: 23%;top:2.1%;left:72%;background:url("../images/7/p9.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
#s9 .w4{width: 20.5%;height: 23%;top:25.9%;left:7%;background:url("../images/7/p9.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
#s9 .w5{width: 20.5%;height: 23%;top:25.9%;left:28.5%;background:url("../images/7/p9.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
#s9 .w6{width: 20.5%;height: 23%;top:25.9%;left:50.5%;background:url("../images/7/p9.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
#s9 .w7{width: 20.5%;height: 23%;top:25.9%;left:72%;background:url("../images/7/p9.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}

#s9 .w8{width: 20.5%;height: 23%;top:50.6%;left:7%;background:url("../images/7/p9.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
#s9 .w9{width: 20.5%;height: 23%;top:50.6%;left:28.5%;background:url("../images/7/p9.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
#s9 .w10{width: 20.5%;height: 23%;top:50.6%;left:50.5%;background:url("../images/7/p9.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
#s9 .w11{width: 20.5%;height: 23%;top:50.6%;left:72%;background:url("../images/7/p9.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}

#s9 .w12{width: 20.5%;height: 23%;top:74.7%;left:7%;background:url("../images/7/p9.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
#s9 .w13{width: 20.5%;height: 23%;top:74.7%;left:28.5%;background:url("../images/7/p9.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
#s9 .w14{width: 20.5%;height: 23%;top:74.7%;left:50.5%;background:url("../images/7/p9.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
#s9 .w15{width: 20.5%;height: 23%;top:74.7%;left:72%;background:url("../images/7/p9.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}

#bb.can1{
    animation: 1s 1s fadeOut both;
    -webkit-animation: 1s 1s fadeOut both;
    -moz-animation: 1s 1s fadeOut both;
    -o-animation: 1s 1s fadeOut both ;
}

#s9 .w16{width: 100%;height: 100%;margin: 0 auto;opacity:1;display: none}
#s9 .w16_0{width: 100%;height: 100%;top:0%;left:0%;background:url("../images/7/p9.3.png?1") no-repeat 0 0;background-size:100% 100%;}
#s9 .w16_1{width: 100%;height: 100%;top:0%;left:0%;background-size:100% 100%;position: relative}
#s9 .w17{width: 100%;height: 100%;top:0;left:0;background:url("../images/7/p9.0.0.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1;z-index:100}
#s9.last1 .w16_1{
    animation: 1s 2s fadeIn both;
    -webkit-animation: 1s 2s fadeIn both;
    -moz-animation: 1s 2s fadeIn both;
    -o-animation: 1s 2s fadeIn both ;
}
#s9.last1 .w16_0{
    animation: 1s 0.5s fadeIn both;
    -webkit-animation: 1s 0.5s fadeIn both;
    -moz-animation: 1s 0.5s fadeIn both;
    -o-animation: 1s 0.5s fadeIn both ;
}

#s9 .w16_1_0{top:37%;width: 100%;opacity: 1;}
#s9 .w16_1_1{top:44%;width: 100%;opacity: 1}
#s9 .w16_1_1 p,#s9 .w16_1_0 p{font-family:微软雅黑;width: 100%;font-size: 30px;text-align: center;color:white;font-weight: 900;opacity: 1;}

.arrow{position: absolute;top:98%;left:45%;width: 10%;height: 5%;opacity: 1;background:url("../images/7/arrow.png?1") no-repeat 0 0;background-size:100% 100%;}
#s0.ani .arrow,#s1.ani .arrow,#s2.ani .arrow,#s3.ani .arrow,#s4.ani .arrow,#s5.ani .arrow,#s6.ani .arrow,#s7.ani .arrow, #s8.ani .arrow{
    animation:1s 0.5s arrow infinite both ;
    -webkit-animation:1s 0.5s arrow infinite both;
    -o-animation:1s 0.5s arrow infinite both;
    -moz-animation:1s 0.5s  arrow infinite both;
}
#s9 .w16 .click1{top:71%;left:19%;width:17%;height:16%;}
#s9 .w16 .click2{top:70%;left:61%;width:19%;height:17%;overflow: hidden}
@keyframes arrow{
    0%{top: 98%;opacity: 0}
    100%{top:90%;opacity: 1}
}
@-webkit-keyframes arrow{
    0%{top: 98%;opacity: 0}
    100%{top:90%;opacity: 1}
}
@-o-keyframes arrow{
    0%{top: 98%;opacity: 0}
    100%{top:90%;opacity: 1}
}
@-moz-keyframes arrow{
    0%{top: 98%;opacity: 0}
    100%{top:90%;opacity: 1}
}



@keyframes fadeIn {     /*逐渐显示*/
    0% {  opacity: 0;  }
    100% {  opacity: 1;  }
}
@-webkit-keyframes fadeIn {     /*逐渐显示*/
    0% {  opacity: 0;  }
    100% {  opacity: 1;  }
}
@-moz-keyframes fadeIn {     /*逐渐显示*/
    0% {  opacity: 0;  }
    100% {  opacity: 1;  }
}
@-o-keyframes fadeIn {     /*逐渐显示*/
    0% {  opacity: 0;  }
    100% {opacity: 1;}
}

@keyframes fadeOut {     /*逐渐消失*/
    0% {  opacity: 1;  }
    100% {  opacity: 0;  }
}
@-webkit-keyframes fadeOut {     /*逐渐消失*/
    0% {  opacity: 1;  }
    100% {  opacity: 0;  }
}
@-moz-keyframes fadeOut {     /*逐渐消失*/
    0% {  opacity: 1;  }
    100% {  opacity: 0;  }
}
@-o-keyframes fadeOut {     /*逐渐消失*/
    0% {  opacity: 1;  }
    100% {opacity: 0;}
}



@keyframes fadeOut_ca {
    0% {  opacity:0;  }
    50% {opacity: 1;}
    100% {  opacity:0;  }
}
@-webkit-keyframes fadeOut_ca {
    0% {  opacity:0;  }
    50% {opacity: 1;}
    100% {  opacity:0;  }
}
@-moz-keyframes fadeOut_ca {
    0% {  opacity:0;  }
    50% {opacity: 1;}
    100% {  opacity:0;  }
}
@-o-keyframes fadeOut_ca {
    0% {  opacity:0;  }
    50% {opacity: 1;}
    100% {  opacity:0;  }
}



@keyframes fadeInOut  /*闪动*/
{
    0%{opacity:0;}
    10%{opacity:1;}
    25%{opacity:0.1;}
    40%{opacity:1;}
    60%{opacity:0.2;}
    80%{opacity:1;}
    100%{opacity:1;}
}
@-webkit-keyframes fadeInOut  /*闪动*/
{
    0%{opacity:0;}
    10%{opacity:1;}
    25%{opacity:0.1;}
    40%{opacity:1;}
    60%{opacity:0.2;}
    80%{opacity:1;}
    100%{opacity:1;}
}
@-moz-keyframes fadeInOut  /*闪动*/
{
    0%{opacity:0;}
    10%{opacity:1;}
    25%{opacity:0.1;}
    40%{opacity:1;}
    60%{opacity:0.2;}
    80%{opacity:1;}
    100%{opacity:1;}
}
@-o-keyframes fadeInOut  /*闪动*/
{
    0%{opacity:0;}
    10%{opacity:1;}
    25%{opacity:0.1;}
    40%{opacity:1;}
    60%{opacity:0.2;}
    80%{opacity:1;}
    100%{opacity:1;}
}


@keyframes scroll_s0   /*背景图左侧移动*/
{
    0%{opacity:1;left:0;}
    50%{opacity:1;left:-60%;}
    100%{opacity:1;left:0;}
}
@-webkit-keyframes scroll_s0   /*背景图左侧移动*/
{
    0%{opacity:1;left:0;}
    50%{opacity:1;left:-60%;}
    100%{opacity:1;left:0;}
}
@-moz-keyframes scroll_s0   /*背景图左侧移动*/
{
    0%{opacity:1;left:0;}
    50%{opacity:1;left:-60%;}
    100%{opacity:1;left:0;}
}
@-o-keyframes scroll_s0   /*背景图左侧移动*/
{
    0%{opacity:1;left:0;}
    50%{opacity:1;left:-60%;}
    100%{opacity:1;left:0;}
}


@keyframes scroll_s1   /*背景图左侧移动*/
{
    0%{opacity:1;left:0;}
    50%{opacity:1;left:-143%;}
    100%{opacity:1;left:0;}
}
@-webkit-keyframes scroll_s1   /*背景图左侧移动*/
{
    0%{opacity:1;left:0;}
    50%{opacity:1;left:-143%;}
    100%{opacity:1;left:0;}
}
@-moz-keyframes scroll_s1   /*背景图左侧移动*/
{
    0%{opacity:1;left:0;}
    50%{opacity:1;left:-143%;}
    100%{opacity:1;left:0;}
}
@-o-keyframes scroll_s1   /*背景图左侧移动*/
{
    0%{opacity:1;left:0;}
    50%{opacity:1;left:-143%;}
    100%{opacity:1;left:0;}
}




@keyframes scroll_s1   /*背景图左侧移动*/
{
    0%{opacity:1;left:0;}
    50%{opacity:1;left:-200%;}
    100%{opacity:1;left:0;}
}
@-webkit-keyframes scroll_s1   /*背景图左侧移动*/
{
    0%{opacity:1;left:0;}
    50%{opacity:1;left:-200%;}
    100%{opacity:1;left:0;}
}
@-o-keyframes scroll_s1   /*背景图左侧移动*/
{
    0%{opacity:1;left:0;}
    50%{opacity:1;left:-200%;}
    100%{opacity:1;left:0;}
}
@-moz-keyframes scroll_s1   /*背景图左侧移动*/
{
    0%{opacity:1;left:0;}
    50%{opacity:1;left:-200%;}
    100%{opacity:1;left:0;}
}



@keyframes scroll_s3   /*背景图左侧移动*/
{
    0%{opacity:1;left:0;}
    50%{opacity:1;left:-137%;}
    100%{opacity:1;left:0;}
}
@-webkit-keyframes scroll_s3   /*背景图左侧移动*/
{
    0%{opacity:1;left:0;}
    50%{opacity:1;left:-137%;}
    100%{opacity:1;left:0;}
}
@-o-keyframes scroll_s3   /*背景图左侧移动*/
{
    0%{opacity:1;left:0;}
    50%{opacity:1;left:-137%;}
    100%{opacity:1;left:0;}
}
@-moz-keyframes scroll_s3   /*背景图左侧移动*/
{
    0%{opacity:1;left:0;}
    50%{opacity:1;left:-137%;}
    100%{opacity:1;left:0;}
}

@keyframes scroll_s5   /*背景图左侧移动*/
{
    0%{opacity:1;left:0;}
    50%{opacity:1;left:-45%;}
    100%{opacity:1;left:0;}
}
@-webkit-keyframes scroll_s5   /*背景图左侧移动*/
{
    0%{opacity:1;left:0;}
    50%{opacity:1;left:-45%;}
    100%{opacity:1;left:0;}
}
@-o-keyframes scroll_s5   /*背景图左侧移动*/
{
    0%{opacity:1;left:0;}
    50%{opacity:1;left:-45%;}
    100%{opacity:1;left:0;}
}
@-moz-keyframes scroll_s5   /*背景图左侧移动*/
{
    0%{opacity:1;left:0;}
    50%{opacity:1;left:-45%;}
    100%{opacity:1;left:0;}
}

@keyframes scroll_s6   /*背景图左侧移动*/
{
    0%{opacity:1;left:-127%;}
    50%{opacity:1;left:0%;}
    100%{opacity:1;left:-127%;}
}
@-webkit-keyframes scroll_s6   /*背景图左侧移动*/
{
    0%{opacity:1;left:-127%;}
    50%{opacity:1;left:0%;}
    100%{opacity:1;left:-127%;}
}
@-moz-keyframes scroll_s6   /*背景图左侧移动*/
{
    0%{opacity:1;left:-127%;}
    50%{opacity:1;left:0%;}
    100%{opacity:1;left:-127%;}
}
@-o-keyframes scroll_s6   /*背景图左侧移动*/
{
    0%{opacity:1;left:-127%;}
    50%{opacity:1;left:0%;}
    100%{opacity:1;left:-127%;}
}


@keyframes width_w110 {     /*宽度减少*/
     100% {  width:4.5% }
 }
@-webkit-keyframes width_w110 {     /*宽度减少*/
    100% {  width:4.5% }
}
@-moz-keyframes width_w110 {     /*宽度减少*/
    100% {  width:4.5% }
}
@-o-keyframes width_w110 {     /*宽度减少*/
    100% {  width:4.5% }
}

@keyframes width_w111 {     /*宽度减少*/
    100% {  width:16.5% }
}
@-webkit-keyframes width_w111 {     /*宽度减少*/
    100% {  width:16.5% }
}
@-moz-keyframes width_w111 {     /*宽度减少*/
    100% {  width:16.5% }
}
@-o-keyframes width_w111 {     /*宽度减少*/
    100% {  width:16.5% }
}

@keyframes width_w112 {     /*宽度减少*/
    100% {  width:6% }
}
@-webkit-keyframes width_w112 {     /*宽度减少*/
    100% {  width:6% }
}
@-o-keyframes width_w112 {     /*宽度减少*/
    100% {  width:6% }
}
@-moz-keyframes width_w112 {     /*宽度减少*/
    100% {  width:6% }
}

@keyframes width_w113 {     /*宽度减少*/
    100% {  width:0.8% }
}
@-webkit-keyframes width_w113 {     /*宽度减少*/
    100% {  width:0.8% }
}
@-o-keyframes width_w113 {     /*宽度减少*/
    100% {  width:0.8% }
}
@-moz-keyframes width_w113 {     /*宽度减少*/
    100% {  width:0.8% }
}
