body dl dd div p {
    margin: 0;
    padding: 0;
    font-family: "'Microsoft YaHei'";
}

body {
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    position: absolute;
    overflow: hidden;
}

ul li {
    list-style-type: none;
}

a {
    text-decoration: none;
    opacity: 0;
}

a:link {
    color: #000;
}

a:visited {
    color: #000;
}

.music_blk {
    z-index: 100;
    position: fixed;
    top: 5px;
    right: 5px;
}

.music {
    display: block;
    width: 30px;
    height: 25px;
    background: url('../images/music_off.png?1') no-repeat;
    background-size: 100% 100%;
}

.loading {
/*    display: none;*/
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url('../images/loading.jpg?1');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.loadImg{
    position: absolute;
    width: 100%;
    height: 30%;
    left: 0%;
    top: 25%;
    background-image: url('../images/p0.gif?1');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.loadText{
    position: absolute;
    color:#25306e;
    left: 41%;
    top: 57%;
    font-size:22px;
}
.body {
    width: 100%;
    height: 100%;
    position: absolute;
}
.swiper-container {
    position: absolute;
    width: 100%;
    height: 100%
}

.swiper-wrapper {
    height: 100%;
}

.swiper-slide {
    position: relative;
    overflow: hidden
}

.swiper-slide * {
    position: absolute;
    opacity: 0
}

#s0 {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    background: url('../images/p0.jpg?5') no-repeat 0 0;
    background-size: 100% 100%;
    -webkit-overflow-scrolling: touch;
}

#s0 .w0 {
    position: absolute;
    width: 100%;
    height: 34%;
    top: 55.2%;
    left: 0%;
    background: url('../images/p0.gif?1') no-repeat 0 0;
    background-size: 100% 100%;
}

#s0 .w1 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    background: url('../images/p0.1.png') no-repeat 0 0;
    background-size: 100% 100%;
}
.swiperRight {
    animation: swiperRight 1s ease infinite;
    -moz-animation: swiperRight 1s ease infinite;
    -webkit-animation: swiperRight 1s ease infinite;
    -o-animation: swiperRight 1s ease infinite
}
#s11 {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    background: url('../images/p1.jpg?1') no-repeat 0 0;
    background-size: 100% 100%;
}

#s11 .w0 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    background: url('../images/p1.1.png?1') no-repeat 0 0;
    background-size: 100% 100%;
}


#s11 .w2 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    background: url('../images/p1.3.png?1') no-repeat 0 0;
    background-size: 100% 100%;
}


#s11 .w6 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    background: url('../images/p1.7.png?1') no-repeat 0 0;
    background-size: 100% 100%;
}

#s11 .w8 {
    position: absolute;
    width: 42%;
    height: 10%;
    top: 78%;
    left: 29%;
}

#s11.ani .w0 {
    animation: fadeInDown 1s .5s ease both;
    -moz-animation: fadeInDown 1s .5s ease both;
    -webkit-animation: fadeInDown 1s .5s ease both;
    -o-animation: fadeInDown 1s .5s ease both
}


#s11.ani .w2 {
    animation: fadeInRight 1s 1.5s ease both;
    -moz-animation: fadeInRight 1s 1.5s ease both;
    -webkit-animation: fadeInRight 1s 1.5s ease both;
    -o-animation: fadeInRight 1s 1.5s ease both
}

#s11.ani .w6 {
    animation: fadeIn 1s 2.5s ease both;
    -moz-animation: fadeIn 1s 2.5s ease both;
    -webkit-animation: fadeIn 1s 2.5s ease both;
    -o-animation: fadeIn 1s 2.5s ease both
}


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

#s1 .w8 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    background: url('../images/p2.1.png?1') no-repeat 0 0;
    background-size: 100% 100%;
}

#s1 .w0 {
    position: absolute;
    width: 22%;
    height: 14%;
    top: 11%;
    left: 9%;
}
#s1 .w0_jy {
    position: absolute;
    width: 24%;
    height: 17.8%;
    top: 9%;
    left: 9%;
    background: url('../images/jy.gif?1') no-repeat 0 0;
    background-size: 100% 100%;
}
#s1 .w1 {
    position: absolute;
    width: 22%;
    height: 14%;
    top: 11%;
    left: 39%;
}
#s1 .w1_hb{
    position: absolute;
    width: 23.5%;
    height: 16.6%;
    top: 9%;
    left: 39%;
    background: url('../images/hb.gif?1') no-repeat 0 0;
    background-size: 100% 100%;
}
#s1 .w2 {
    position: absolute;
    width: 22%;
    height: 14%;
    top: 11%;
    left: 70%;
}
#s1 .w2_yliao{
    position: absolute;
    width: 24%;
    height: 16.8%;
    top: 11%;
    left: 70%;
    background: url('../images/yliao.gif?1') no-repeat 0 0;
    background-size: 100% 100%;
}
#s1 .w3 {
    position: absolute;
    width: 22%;
    height: 14%;
    top: 36%;
    left: 11%;
}
#s1 .w3_ylao{
    position: absolute;
    width: 24%;
    height: 17.6%;
    top: 34%;
    left: 9%;
    background: url('../images/ylao.gif?1') no-repeat 0 0;
    background-size: 100% 100%;
}
#s1 .w4 {
    position: absolute;
    width: 22%;
    height: 14%;
    top: 36%;
    left: 39%;
}
#s1 .w4_fp{
    position: absolute;
    width: 24%;
    height: 17.4%;
    top: 33%;
    left: 39%;
    background: url('../images/fp.gif?1') no-repeat 0 0;
    background-size: 100% 100%;
}
#s1 .w5 {
    position: absolute;
    width: 22%;
    height: 14%;
    top: 81%;
    left: 10%;
}
#s1 .w6 {
    position: absolute;
    width: 22%;
    height: 14%;
    top: 81%;
    left: 39%;
}

#s1 .w7 {
    position: absolute;
    width: 22%;
    height: 14%;
    top: 81%;
    left: 68%;
}
#s1 .w10 {
    position: absolute;
    width: 22%;
    height: 14%;
    top: 36%;
    left: 70%;
}
#s1 .w10_hj{
    position: absolute;
    width: 24%;
    height: 17.4%;
    top: 34%;
    left: 69%;
    background: url('../images/hj.gif?1') no-repeat 0 0;
    background-size: 100% 100%;
}
#s1.ani .w8 {
    animation: fadeInRight 1s .5s ease both;
    -moz-animation: fadeInRight 1s .5s ease both;
    -webkit-animation: fadeInRight 1s .5s ease both;
    -o-animation: fadeInRight 1s .5s ease both
}


#s2 {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    overflow: scroll;
}

#s2 .w0 {
    opacity: 1;
    position: absolute;
    width: 100%;
    height: 170%;
    top: 0%;
    left: 0%;
    background: url('../images/1.jpg?1') no-repeat 0 0;
    background-size: 100% 100%;
}

#s2 .w1 {
    opacity: 1;
    position: fixed;
    width: 10%;
    height: 7%;
    top: 0%;
    left: 0%;
    background: url('../images/p5.png?1') no-repeat 0 0;
    background-size: 100% 100%;
}

#s2 .w2 {
    opacity: 0;
    position: fixed;
    width: 6%;
    height: 15%;
    top: 22%;
    right: 0;
    background: url('../images/arrow.png?1') no-repeat 0 0;
    background-size: 100% 100%;
}
.hand{
    opacity: 0;
    position: fixed;
    width: 19%;
    height: 12%;
    top: 2%;
    left: 3%;
    background: url('../images/hand.png?1') no-repeat 0 0;
    background-size: 100% 100%;
    animation: hand_flash 1.5s 2s linear 3;
    -webkit-animation: hand_flash 1.5s 2s linear 3;
}
@keyframes hand_flash{
    0%{
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}
@-webkit-keyframes hand_flash{
    0%{
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}

#s2.ani .w2 {
    animation: up 2s 1.5s ease infinite;
    -moz-animation: up 2s 1.5s ease infinite;
    -webkit-animation: up 2s 1.5s ease infinite;
    -o-animation: up 2s 1.5s ease infinite
}

#s3 {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    overflow: scroll;
}

#s3 .w0 {
    opacity: 1;
    position: absolute;
    width: 100%;
    height: 175%;
    top: 0%;
    left: 0%;
    background: url('../images/2.jpg?1') no-repeat 0 0;
    background-size: 100% 100%;
}

#s3 .w1 {
    opacity: 1;
    position: fixed;
    width: 10%;
    height: 7%;
    top: 0%;
    left: 0%;
    background: url('../images/p5.png?1') no-repeat 0 0;
    background-size: 100% 100%;
}

#s3 .w2 {
    opacity: 0;
    position: fixed;
    width: 6%;
    height: 15%;
    top: 22%;
    right: 0;
    background: url('../images/arrow.png?1') no-repeat 0 0;
    background-size: 100% 100%;
}

#s3.ani .w2 {
    animation: up 2s 1.5s ease infinite;
    -moz-animation: up 2s 1.5s ease infinite;
    -webkit-animation: up 2s 1.5s ease infinite;
    -o-animation: up 2s 1.5s ease infinite
}

#s4 {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    overflow: scroll;
}

#s4 .w0 {
    opacity: 1;
    position: absolute;
    width: 100%;
    height: 180%;
    top: 0%;
    left: 0%;
    background: url('../images/3.jpg?1') no-repeat 0 0;
    background-size: 100% 100%;
}

#s4 .w1 {
    opacity: 1;
    position: fixed;
    width: 10%;
    height: 7%;
    top: 0%;
    left: 0%;
    background: url('../images/p5.png?1') no-repeat 0 0;
    background-size: 100% 100%;
}

#s4 .w2 {
    opacity: 0;
    position: fixed;
    width: 6%;
    height: 15%;
    top: 22%;
    right: 0;
    background: url('../images/arrow.png?1') no-repeat 0 0;
    background-size: 100% 100%;
}

#s4.ani .w2 {
    animation: up 2s 1.5s ease infinite;
    -moz-animation: up 2s 1.5s ease infinite;
    -webkit-animation: up 2s 1.5s ease infinite;
    -o-animation: up 2s 1.5s ease infinite
}

#s5 {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    overflow: scroll;
}

#s5 .w0 {
    opacity: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    background: url('../images/4.jpg?1') no-repeat 0 0;
    background-size: 100% 100%;
}

#s5 .w1 {
    opacity: 1;
    position: fixed;
    width: 10%;
    height: 7%;
    top: 0%;
    left: 0%;
    background: url('../images/p5.png?1') no-repeat 0 0;
    background-size: 100% 100%;
}

#s6 {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    overflow: scroll;
}

#s6 .w0 {
    opacity: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    background: url('../images/5.jpg?1') no-repeat 0 0;
    background-size: 100% 100%;
}

#s6 .w1 {
    opacity: 1;
    position: fixed;
    width: 10%;
    height: 7%;
    top: 0%;
    left: 0%;
    background: url('../images/p5.png?1') no-repeat 0 0;
    background-size: 100% 100%;
}

#s10 {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    overflow: scroll;
}

#s10 .w0 {
    opacity: 1;
    position: absolute;
    width: 100%;
    height: 123%;
    top: 0%;
    left: 0%;
    background: url('../images/6.jpg?1') no-repeat 0 0;
    background-size: 100% 100%;
}

#s10 .w1 {
    opacity: 1;
    position: fixed;
    width: 10%;
    height: 7%;
    top: 0%;
    left: 0%;
    background: url('../images/p5.png?1') no-repeat 0 0;
    background-size: 100% 100%;
}

#s10 .w2 {
    opacity: 0;
    position: fixed;
    width: 6%;
    height: 15%;
    top: 22%;
    right: 0;
    background: url('../images/arrow.png?1') no-repeat 0 0;
    background-size: 100% 100%;
}

#s10.ani .w2 {
    animation: up 2s 1.5s ease infinite;
    -moz-animation: up 2s 1.5s ease infinite;
    -webkit-animation: up 2s 1.5s ease infinite;
    -o-animation: up 2s 1.5s ease infinite
}
#s7 {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    background: url('../images/p1.jpg?1') no-repeat 0 0;
    background-size: 100% 100%;
}

#s7 .w0 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    background: url('../images/p3.1.png?1') no-repeat 0 0;
    background-size: 100% 100%;
}

#s7 .w1 {
    opacity: 1;
    position: fixed;
    width: 10%;
    height: 7%;
    top: 0%;
    left: 0%;
    background: url('../images/p5.png?1') no-repeat 0 0;
    background-size: 100% 100%;
}

#s7.ani .w0 {
    animation: fadeInDown 1s .5s ease both;
    -moz-animation: fadeInDown 1s .5s ease both;
    -webkit-animation: fadeInDown 1s .5s ease both;
    -o-animation: fadeInDown 1s .5s ease both
}


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

#s8 .w0 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    background: url('../images/p4.1.png?1') no-repeat 0 0;
    background-size: 100% 100%;
}

#s8 .w2 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    background: url('../images/p4.2.png?1') no-repeat 0 0;
    background-size: 100% 100%;
}

#s8 .w3 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    background: url('../images/p4.3.png?1') no-repeat 0 0;
    background-size: 100% 100%;
}

#s8 .w1 {
    position: fixed;
    width: 10%;
    height: 7%;
    top: 0%;
    left: 0%;
    background: url('../images/p5.png?1') no-repeat 0 0;
    background-size: 100% 100%;
}

#s8.ani .w4 {
    animation: fadeIn 1s .5s ease both;
    -moz-animation: fadeIn 1s .5s ease both;
    -webkit-animation: fadeIn 1s .5s ease both;
    -o-animation: fadeIn 1s .5s ease both
}

#s8.ani .w3 {
    animation: fadeInLeft 1s .5s ease both;
    -moz-animation: fadeInLeft 1s .5s ease both;
    -webkit-animation: fadeInLeft 1s .5s ease both;
    -o-animation: fadeInLeft 1s .5s ease both
}

#s8.ani .w0 {
    animation: fadeInDown 1s 1.5s ease both;
    -moz-animation: fadeInDown 1s 1.5s ease both;
    -webkit-animation: fadeInDown 1s 1.5s ease both;
    -o-animation: fadeInDown 1s 1.5s ease both
}

#s8.ani .w2 {
    animation: fadeIn 1s 2.5s ease both;
    -moz-animation: fadeIn 1s 2.5s ease both;
    -webkit-animation: fadeIn 1s 2.5s ease both;
    -o-animation: fadeIn 1s 2.5s ease both
}

#share {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    background: url('../images/p5.1.png?1') no-repeat 0 0;
    background-size: 100% 100%;
    z-index: 9999;
}
@keyframes fire {
    0% {
        opacity: 1;
        background-size: 100% 100%
    }
    50% {
        opacity: 1;
        background-size: 100% 95%
    }
    100% {
        opacity: 1;
        background-size: 100% 100%
    }
}

@-moz-keyframes fire {
    0% {
        opacity: 1;
        background-size: 100% 100%
    }
    50% {
        opacity: 1;
        background-size: 100% 95%
    }
    100% {
        opacity: 1;
        background-size: 100% 100%
    }
}

@-moz-keyframes fire {
    0% {
        opacity: 1;
        background-size: 100% 100%
    }
    50% {
        opacity: 1;
        background-size: 100% 95%
    }
    100% {
        opacity: 1;
        background-size: 100% 100%
    }
}

@-webkit-keyframes fire {
    0% {
        opacity: 1;
        background-size: 100% 100%
    }
    50% {
        opacity: 1;
        background-size: 100% 95%
    }
    100% {
        opacity: 1;
        background-size: 100% 100%
    }
}

@keyframes swiperRight {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(-5%, 0, 0);
        transform: translate3d(-5%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes swiperRight
/* Firefox */

{
    0% {
        opacity: 1;
        -webkit-transform: translate3d(-5%, 0, 0);
        transform: translate3d(-5%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes swiperRight
/* Safari 和 Chrome */

{
    0% {
        opacity: 1;
        -webkit-transform: translate3d(-5%, 0, 0);
        transform: translate3d(-5%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes fadeInDown1 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -40%, 0);
        transform: translate3d(0, -40%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes fadeInDown1 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -40%, 0);
        transform: translate3d(0, -40%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown1 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -40%, 0);
        transform: translate3d(0, -40%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInBig {
    0% {
        opacity: 0;
        transform: scale(1);
    }
    90% {
        opacity: 1;
        transform: scale(3);
    }
    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeInBig
/* Firefox */

{
    0% {
        opacity: 0;
        transform: scale(1);
    }
    90% {
        opacity: 1;
        transform: scale(3);
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes fadeInBig
/* Safari 和 Chrome */

{
    0% {
        opacity: 0;
        transform: scale(1);
    }
    90% {
        opacity: 1;
        transform: scale(3);
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes rotateZ {
    0% {
        -webkit-transform: rotateZ(90deg);
        transform: rotateZ(90deg);
    }
    25% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0);
    }
    50% {
        -webkit-transform: rotateZ(-90deg);
        transform: rotateZ(-90deg);
    }
    100% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0);
    }
}

@keyframes rotateZ {
    0% {
        -webkit-transform: rotateZ(90deg);
        -ms-transform: rotateZ(90deg);
        transform: rotateZ(90deg);
    }
    25% {
        -webkit-transform: rotateZ(180deg);
        -ms-transform: rotateZ(180deg);
        transform: rotateZ(180deg);
    }
    50% {
        -webkit-transform: rotateZ(270deg);
        -ms-transform: rotateZ(-270deg);
        transform: rotateZ(-270deg);
    }
    100% {
        -webkit-transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        transform: rotateZ(0);
    }
}

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

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


/* 向左下 */

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

@-moz-keyframes fadeInLB {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

@keyframes fadeInUp01
/* Safari 和 Chrome */

{
    33% {
        opacity: 0;
        width: 33%;
        height: 2.5%;
        top: 27%;
        right: 35%;
    }
    66% {
        opacity: 1;
        width: 44%;
        height: 4%;
        top: 23%;
        right: 30%;
    }
    100% {
        opacity: 0.6;
        width: 33%;
        height: 2.5%;
        top: 20%;
        right: 35%;
    }
}

@-moz-keyframes fadeInUp01
/* Firefox */

{
    33% {
        opacity: 0;
        width: 33%;
        height: 2.5%;
        top: 27%;
        right: 35%;
    }
    66% {
        opacity: 1;
        width: 44%;
        height: 4%;
        top: 23%;
        right: 30%;
    }
    100% {
        opacity: 0.6;
        width: 33%;
        height: 2.5%;
        top: 20%;
        right: 35%;
    }
}

@-webkit-keyframes fadeInUp01
/* Safari 和 Chrome */

{
    33% {
        opacity: 0;
        width: 33%;
        height: 2.5%;
        top: 27%;
        right: 35%;
    }
    66% {
        opacity: 1;
        width: 44%;
        height: 4%;
        top: 23%;
        right: 30%;
    }
    100% {
        opacity: 0.6;
        width: 33%;
        height: 2.5%;
        top: 20%;
        right: 35%;
    }
}

@keyframes up
/* Safari 和 Chrome */

{
    0% {
        opacity: 1;
        top: 22%;
    }
    80% {
        opacity: 1;
        top: 21%;
    }
    100% {
        opacity: 1;
        top: 22%;
    }
}

@-moz-keyframes up
/* Firefox */

{
    0% {
        opacity: 1;
        top: 22%;
    }
    80% {
        opacity: 1;
        top: 21%;
    }
    100% {
        opacity: 1;
        top: 22%;
    }
}

@-webkit-keyframes up
/* Safari 和 Chrome */

{
    0% {
        opacity: 1;
        top: 22%;
    }
    80% {
        opacity: 1;
        top: 21%;
    }
    100% {
        opacity: 1;
        top: 22%;
    }
}

@keyframes fadeInUp03
/* Safari 和 Chrome */

{
    33% {
        opacity: 0;
        width: 33%;
        height: 2.5%;
        top: 27%;
        right: 35%;
    }
    66% {
        opacity: 1;
        width: 44%;
        height: 3.5%;
        top: 23%;
        right: 30%;
    }
    100% {
        opacity: 0.8;
        width: 33%;
        height: 2.5%;
        top: 20%;
        right: 35%;
    }
}

@-moz-keyframes fadeInUp03
/* Firefox */

{
    33% {
        opacity: 0;
        width: 33%;
        height: 2.5%;
        top: 27%;
        right: 35%;
    }
    66% {
        opacity: 1;
        width: 44%;
        height: 3.5%;
        top: 23%;
        right: 30%;
    }
    100% {
        opacity: 0.8;
        width: 33%;
        height: 2.5%;
        top: 20%;
        right: 35%;
    }
}

@-webkit-keyframes fadeInUp03
/* Safari 和 Chrome */

{
    33% {
        opacity: 0;
        width: 33%;
        height: 2.5%;
        top: 27%;
        right: 35%;
    }
    66% {
        opacity: 1;
        width: 44%;
        height: 3.5%;
        top: 23%;
        right: 30%;
    }
    100% {
        opacity: 0.8;
        width: 33%;
        height: 2.5%;
        top: 20%;
        right: 35%;
    }
}

@keyframes fadeInUp04
/* Safari 和 Chrome */

{
    33% {
        opacity: 0;
        width: 33%;
        height: 2.5%;
        top: 14%;
        right: 29%;
    }
    66% {
        opacity: 1;
        width: 40%;
        height: 4.5%;
        top: 11%;
        right: 29%;
    }
    100% {
        opacity: 0.5;
        width: 33%;
        height: 2.5%;
        top: 8%;
        right: 33%;
    }
}

@-moz-keyframes fadeInUp04
/* Firefox */

{
    33% {
        opacity: 0;
        width: 35%;
        height: 2.5%;
        top: 14%;
        right: 29%;
    }
    66% {
        opacity: 1;
        width: 40%;
        height: 4.5%;
        top: 11%;
        right: 29%;
    }
    100% {
        opacity: 0.5;
        width: 35%;
        height: 2.5%;
        top: 8%;
        right: 33%;
    }
}

@-webkit-keyframes fadeInUp04
/* Safari 和 Chrome */

{
    33% {
        opacity: 0;
        width: 35%;
        height: 2.5%;
        top: 14%;
        right: 29%;
    }
    66% {
        opacity: 1;
        width: 40%;
        height: 4.5%;
        top: 11%;
        right: 29%;
    }
    100% {
        opacity: 0.5;
        width: 35%;
        height: 2.5%;
        top: 8%;
        right: 33%;
    }
}

@keyframes fadeInUp05
/* Safari 和 Chrome */

{
    33% {
        opacity: 0;
        width: 65%;
        height: 2.5%;
        top: 16%;
        right: 16%;
    }
    66% {
        opacity: 1;
        width: 70%;
        height: 3.5%;
        top: 12%;
        right: 16%;
    }
    100% {
        opacity: 0.5;
        width: 51%;
        height: 3%;
        top: 8%;
        right: 23%;
    }
}

@-moz-keyframes fadeInUp05
/* Firefox */

{
    33% {
        opacity: 0;
        width: 65%;
        height: 2.5%;
        top: 16%;
        right: 16%;
    }
    66% {
        opacity: 1;
        width: 70%;
        height: 3.5%;
        top: 12%;
        right: 16%;
    }
    100% {
        opacity: 0.5;
        width: 51%;
        height: 3%;
        top: 8%;
        right: 23%;
    }
}

@-webkit-keyframes fadeInUp05
/* Safari 和 Chrome */

{
    33% {
        opacity: 0;
        width: 65%;
        height: 2.5%;
        top: 16%;
        right: 16%;
    }
    66% {
        opacity: 1;
        width: 70%;
        height: 3.5%;
        top: 12%;
        right: 16%;
    }
    100% {
        opacity: 0.5;
        width: 51%;
        height: 3%;
        top: 8%;
        right: 23%;
    }
}

@keyframes fadeInUp06
/* Safari 和 Chrome */

{
    33% {
        opacity: 0;
        width: 65%;
        height: 2.5%;
        top: 16%;
        right: 16%;
    }
    66% {
        opacity: 1;
        width: 68%;
        height: 3.5%;
        top: 12%;
        right: 16%;
    }
    100% {
        opacity: 0.5;
        width: 51%;
        height: 3%;
        top: 8%;
        right: 23%;
    }
}

@-moz-keyframes fadeInUp06
/* Firefox */

{
    33% {
        opacity: 0;
        width: 65%;
        height: 2.5%;
        top: 16%;
        right: 16%;
    }
    66% {
        opacity: 1;
        width: 68%;
        height: 3.5%;
        top: 12%;
        right: 16%;
    }
    100% {
        opacity: 0.5;
        width: 51%;
        height: 3%;
        top: 8%;
        right: 23%;
    }
}

@-webkit-keyframes fadeInUp06
/* Safari 和 Chrome */

{
    33% {
        opacity: 0;
        width: 65%;
        height: 2.5%;
        top: 16%;
        right: 16%;
    }
    66% {
        opacity: 1;
        width: 68%;
        height: 3.5%;
        top: 12%;
        right: 16%;
    }
    100% {
        opacity: 0.5;
        width: 51%;
        height: 3%;
        top: 8%;
        right: 23%;
    }
}

@keyframes fadeInUp07
/* Safari 和 Chrome */

{
    33% {
        opacity: 0;
        width: 65%;
        height: 2.5%;
        top: 35%;
        right: 5%;
    }
    66% {
        opacity: 1;
        width: 55%;
        height: 4%;
        top: 30%;
        right: 5%;
    }
    100% {
        opacity: 0.5;
        width: 51%;
        height: 3%;
        top: 25%;
        right: 5%;
    }
}

@-moz-keyframes fadeInUp07
/* Firefox */

{
    33% {
        opacity: 0;
        width: 65%;
        height: 2.5%;
        top: 35%;
        right: 5%;
    }
    66% {
        opacity: 1;
        width: 55%;
        height: 34%;
        top: 30%;
        right: 5%;
    }
    100% {
        opacity: 0.5;
        width: 51%;
        height: 3%;
        top: 25%;
        right: 5%;
    }
}

@-webkit-keyframes fadeInUp07
/* Safari 和 Chrome */

{
    33% {
        opacity: 0;
        width: 65%;
        height: 2.5%;
        top: 35%;
        right: 5%;
    }
    66% {
        opacity: 1;
        width: 55%;
        height: 4%;
        top: 30%;
        right: 5%;
    }
    100% {
        opacity: 0.5;
        width: 51%;
        height: 3%;
        top: 25%;
        right: 5%;
    }
}

@keyframes fadeInUp08
/* Safari 和 Chrome */

{
    33% {
        opacity: 0;
        width: 65%;
        height: 2.5%;
        top: 35%;
        right: 5%;
    }
    66% {
        opacity: 1;
        width: 68%;
        height: 4.5%;
        top: 30%;
        right: 5%;
    }
    100% {
        opacity: 0.5;
        width: 51%;
        height: 3.5%;
        top: 25%;
        right: 5%;
    }
}

@-moz-keyframes fadeInUp08
/* Firefox */

{
    33% {
        opacity: 0;
        width: 65%;
        height: 2.5%;
        top: 35%;
        right: 5%;
    }
    66% {
        opacity: 1;
        width: 68%;
        height: 4.5%;
        top: 30%;
        right: 5%;
    }
    100% {
        opacity: 0.5;
        width: 51%;
        height: 3.5%;
        top: 25%;
        right: 5%;
    }
}

@-webkit-keyframes fadeInUp08
/* Safari 和 Chrome */

{
    33% {
        opacity: 0;
        width: 65%;
        height: 2.5%;
        top: 35%;
        right: 5%;
    }
    66% {
        opacity: 1;
        width: 68%;
        height: 4.5%;
        top: 30%;
        right: 5%;
    }
    100% {
        opacity: 0.5;
        width: 51%;
        height: 3.5%;
        top: 25%;
        right: 5%;
    }
}

@keyframes fadeInUp09
/* Safari 和 Chrome */

{
    33% {
        opacity: 0;
        width: 65%;
        height: 2.5%;
        top: 35%;
        right: 5%;
    }
    66% {
        opacity: 1;
        width: 73%;
        height: 4%;
        top: 30%;
        right: 5%;
    }
    100% {
        opacity: 0.5;
        width: 55%;
        height: 3%;
        top: 25%;
        right: 5%;
    }
}

@-moz-keyframes fadeInUp09
/* Firefox */

{
    33% {
        opacity: 0;
        width: 65%;
        height: 2.5%;
        top: 35%;
        right: 5%;
    }
    66% {
        opacity: 1;
        width: 73%;
        height: 4%;
        top: 30%;
        right: 5%;
    }
    100% {
        opacity: 0.5;
        width: 55%;
        height: 3%;
        top: 25%;
        right: 5%;
    }
}

@-webkit-keyframes fadeInUp09
/* Safari 和 Chrome */

{
    33% {
        opacity: 0;
        width: 65%;
        height: 2.5%;
        top: 35%;
        right: 5%;
    }
    66% {
        opacity: 1;
        width: 73%;
        height: 4%;
        top: 30%;
        right: 5%;
    }
    100% {
        opacity: 0.5;
        width: 55%;
        height: 3%;
        top: 25%;
        right: 5%;
    }
}

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

@-moz-keyframes RightShift
/* Firefox */

{
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@-webkit-keyframes RightShift
/* Safari 和 Chrome */

{
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

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

@-moz-keyframes shengkong
/* Firefox */

{
    0% {
        -webkit-transform: none;
        transform: none
    }
    100% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@-webkit-keyframes shengkong
/* Safari 和 Chrome */

{
    0% {
        -webkit-transform: none;
        transform: none
    }
    100% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes arrow {
    0% {
        opacity: 1;
        top: 93%;
    }
    90% {
        opacity: 1;
        top: 90%;
    }
    100% {
        opacity: 1;
        top: 93%;
    }
}

@-moz-keyframes arrow
/* Firefox */

{
    0% {
        opacity: 1;
        top: 93%;
    }
    90% {
        opacity: 1;
        top: 90%;
    }
    100% {
        opacity: 1;
        top: 93%;
    }
}

@-webkit-keyframes arrow
/* Safari 和 Chrome */

{
    0% {
        opacity: 1;
        top: 93%;
    }
    90% {
        opacity: 1;
        top: 90%;
    }
    100% {
        opacity: 1;
        top: 93%;
    }
}

@keyframes train {
    0% {
        right: -405%;
    }
    100% {
        right: 0%;
    }
}

@-moz-keyframes train
/* Firefox */

{
    0% {
        right: -405%;
    }
    100% {
        right: 0%;
    }
}

@-webkit-keyframes train
/* Safari 和 Chrome */

{
    0% {
        right: -405%;
    }
    100% {
        right: 0%;
    }
}

@keyframes loop1 {
    0% {
        background-image: url('../images/p4.1.jpg')
    }
    8% {
        background-image: url('../images/p4.2.jpg')
    }
    16% {
        background-image: url('../images/p4.3.jpg')
    }
    24% {
        background-image: url('../images/p4.4.jpg')
    }
    32% {
        background-image: url('../images/p4.5.jpg')
    }
    40% {
        background-image: url('../images/p4.6.jpg')
    }
    48% {
        background-image: url('../images/p4.7.jpg')
    }
    56% {
        background-image: url('../images/p4.8.jpg')
    }
    64% {
        background-image: url('../images/p4.9.jpg')
    }
    72% {
        background-image: url('../images/p4.10.jpg')
    }
    80% {
        background-image: url('../images/p4.11.jpg')
    }
    88% {
        background-image: url('../images/p4.12.jpg')
    }
    94% {
        background-image: url('../images/p4.13.jpg')
    }
    100% {
        background-image: url('../images/p4.14.jpg')
    }
}

@-moz-keyframes loop1
/* Firefox */

{
    0% {
        background-image: url('../images/p4.1.jpg')
    }
    8% {
        background-image: url('../images/p4.2.jpg')
    }
    16% {
        background-image: url('../images/p4.3.jpg')
    }
    24% {
        background-image: url('../images/p4.4.jpg')
    }
    32% {
        background-image: url('../images/p4.5.jpg')
    }
    40% {
        background-image: url('../images/p4.6.jpg')
    }
    48% {
        background-image: url('../images/p4.7.jpg')
    }
    56% {
        background-image: url('../images/p4.8.jpg')
    }
    64% {
        background-image: url('../images/p4.9.jpg')
    }
    72% {
        background-image: url('../images/p4.10.jpg')
    }
    80% {
        background-image: url('../images/p4.11.jpg')
    }
    88% {
        background-image: url('../images/p4.12.jpg')
    }
    94% {
        background-image: url('../images/p4.13.jpg')
    }
    100% {
        background-image: url('../images/p4.14.jpg')
    }
}


}
@-webkit-keyframes loop1/* Safari 和 Chrome */
{
    0% {
        background-image: url('../images/p4.1.jpg')
    }
    
    8% {
        background-image: url('../images/p4.2.jpg')
    }
    
    16% {
        background-image: url('../images/p4.3.jpg')
    }
    
    24% {
        background-image: url('../images/p4.4.jpg')
    }
    
    32% {
        background-image: url('../images/p4.5.jpg')
    }
    
    40% {
        background-image: url('../images/p4.6.jpg')
    }
    
    48% {
        background-image: url('../images/p4.7.jpg')
    }
    
    56% {
        background-image: url('../images/p4.8.jpg')
    }
    
    64% {
        background-image: url('../images/p4.9.jpg')
    }
    
    72% {
        background-image: url('../images/p4.10.jpg')
    }
    
    80% {
        background-image: url('../images/p4.11.jpg')
    }
    
    88% {
        background-image: url('../images/p4.12.jpg')
    }
    
    94% {
        background-image: url('../images/p4.13.jpg')
    }
    
    100% {
        background-image: url('../images/p4.14.jpg')
    }
}
@keyframes loop {
    0% {
        background-image: url('../images/p0.1.png?1')
    }
    
    50% {
        background-image: url('../images/p0.2.png?1')
    }
}
@-moz-keyframes loop/* Firefox */
{
    0% {
        background-image: url('../images/p0.1.png?1')
    }
    
    50% {
        background-image: url('../images/p0.2.png?1')
    }
}
@-webkit-keyframes loop/* Safari 和 Chrome */
{
    0% {
        background-image: url('../images/p0.1.png?1')
    }
    
    50% {
        background-image: url('../images/p0.2.png?1')
    }
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    
    100% {
        opacity: 1;
    }
}
@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    
    100% {
        opacity: 1;
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@-moz-keyframes fadeInRight/* Firefox */
{
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInRight/* Safari 和 Chrome */
{
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@-moz-keyframes fadeInLeft/* Firefox */
{
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInLeft/* Safari 和 Chrome */
{
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes shan {
    0% {
        opacity: 0;
    }
    
    50% {
        opacity: 1;
    }
    
    100% {
        opacity: 0;
    }
}
@-moz-keyframes shan/* Firefox */
{
    0% {
        opacity: 0;
    }
    
    50% {
        opacity: 1;
    }
    
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes shan/* Safari ºÍ Chrome */
{
    0% {
        opacity: 0;
    }
    
    50% {
        opacity: 1;
    }
    
    100% {
        opacity: 0;
    }
}