.fountainTextG {
    color: #000000;
    font-family: Arial;
    font-size: 40px;
    text-decoration: none;
    font-weight: bold;
    font-style: normal;
    float: left;
    -moz-animation-name: bounce_fountainTextG;
    -moz-animation-duration: 1.82s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-transform: scale(.5);
    -webkit-animation-name: bounce_fountainTextG;
    -webkit-animation-duration: 1.82s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-transform: scale(.5);
    -ms-animation-name: bounce_fountainTextG;
    -ms-animation-duration: 1.82s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: normal;
    -ms-transform: scale(.5);
    -o-animation-name: bounce_fountainTextG;
    -o-animation-duration: 1.82s;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: normal;
    -o-transform: scale(.5);
    animation-name: bounce_fountainTextG;
    animation-duration: 1.82s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    transform: scale(.5);
}

#fountainTextG_1 {
    -moz-animation-delay: 0.52s;
    -webkit-animation-delay: 0.52s;
    -ms-animation-delay: 0.52s;
    -o-animation-delay: 0.52s;
    animation-delay: 0.52s;
}

#fountainTextG_2 {
    -moz-animation-delay: 0.65s;
    -webkit-animation-delay: 0.65s;
    -ms-animation-delay: 0.65s;
    -o-animation-delay: 0.65s;
    animation-delay: 0.65s;
}

#fountainTextG_3 {
    -moz-animation-delay: 0.78s;
    -webkit-animation-delay: 0.78s;
    -ms-animation-delay: 0.78s;
    -o-animation-delay: 0.78s;
    animation-delay: 0.78s;
}

#fountainTextG_4 {
    -moz-animation-delay: 0.91s;
    -webkit-animation-delay: 0.91s;
    -ms-animation-delay: 0.91s;
    -o-animation-delay: 0.91s;
    animation-delay: 0.91s;
}

#fountainTextG_5 {
    -moz-animation-delay: 1.04s;
    -webkit-animation-delay: 1.04s;
    -ms-animation-delay: 1.04s;
    -o-animation-delay: 1.04s;
    animation-delay: 1.04s;
}

#fountainTextG_6 {
    -moz-animation-delay: 1.17s;
    -webkit-animation-delay: 1.17s;
    -ms-animation-delay: 1.17s;
    -o-animation-delay: 1.17s;
    animation-delay: 1.17s;
}

#fountainTextG_7 {
    -moz-animation-delay: 1.3s;
    -webkit-animation-delay: 1.3s;
    -ms-animation-delay: 1.3s;
    -o-animation-delay: 1.3s;
    animation-delay: 1.3s;
}

#fountainTextG_8 {
    -moz-animation-delay: 1.43s;
    -webkit-animation-delay: 1.43s;
    -ms-animation-delay: 1.43s;
    -o-animation-delay: 1.43s;
    animation-delay: 1.43s;
}

#fountainTextG_9 {
    -moz-animation-delay: 1.56s;
    -webkit-animation-delay: 1.56s;
    -ms-animation-delay: 1.56s;
    -o-animation-delay: 1.56s;
    animation-delay: 1.56s;
}

#fountainTextG_10 {
    -moz-animation-delay: 1.69s;
    -webkit-animation-delay: 1.69s;
    -ms-animation-delay: 1.69s;
    -o-animation-delay: 1.69s;
    animation-delay: 1.69s;
}

@-moz-keyframes bounce_fountainTextG {
    0% {
        -moz-transform: scale(1);
        color: #000000;
    }

    100% {
        -moz-transform: scale(.5);
        color: #FFFFFF;
    }

}

@-webkit-keyframes bounce_fountainTextG {
    0% {
        -webkit-transform: scale(1);
        color: #000000;
    }

    100% {
        -webkit-transform: scale(.5);
        color: #FFFFFF;
    }

}

@-ms-keyframes bounce_fountainTextG {
    0% {
        -ms-transform: scale(1);
        color: #000000;
    }

    100% {
        -ms-transform: scale(.5);
        color: #FFFFFF;
    }

}



@keyframes bounce_fountainTextG {
    0% {
        transform: scale(1);
        color: #000000;
    }

    100% {
        transform: scale(.5);
        color: #FFFFFF;
    }
}

.swiper-container {
    width: 750px;
    height: 1340px;
    overflow: hidden;
}

/*page1*/
.swiper-slide1 {
    background: transparent url("/88904/images/H5/czwscl/sybg.png") no-repeat top;
    background-size: 100% 100%;
}

.swiper-slide1 .logo {
    position: absolute;
    top: 81px;
    left: 50%;
    margin-left: -155px;
}

.swiper-slide1 .title {
    position: absolute;
    top: 208px;
    left: 50%;
    margin-left: -299.5px;
}

.swiper-slide1 .p13 {
    position: absolute;
    top: 444px;
    left: 50%;
    margin-left: -292px;
}

.swiper-slide2,
.swiper-slide3,
.swiper-slide4,
.swiper-slide5,
.swiper-slide6,
.swiper-slide7,
.swiper-slide8,
.swiper-slide9
{
    background: url("/88904/images/H5/czwscl/pagebg.png") no-repeat center top;
    background-size: 100% 100%;
}
/*page2*/

.swiper-slide2 .p21{
    position: absolute;
    top: 271px;
    left: 50%;
    margin-left: -328px;
}

.swiper-slide2 .p22{
    position: absolute;
    top: 306px;
    left: 50%;
    margin-left: -225px;
}

.swiper-slide2 .p23{
    position: absolute;
    top: 472px;
    left: 50%;
    margin-left: -286.5px;
}
.next{
    position: absolute;
    bottom: 38px;
    left: 50%;
    margin-left: -28.5px;
}

/* 3 */

.swiper-slide3 .p31{
    position: absolute;
    top: 271px;
    left: 50%;
    margin-left: -328px;
}

.swiper-slide3 .p32{
    position: absolute;
    top: 307px;
    left: 50%;
    margin-left: -225px;
}
.swiper-slide3 .p33{
    position: absolute;
    top: 421px;
    left: 50%;
    margin-left: -284px;
}
.swiper-slide3 .p34{
    position: absolute;
    top: 533px;
    left: 50%;
    margin-left: -305.5px;
}
.swiper-slide3 .p35{
    position: absolute;
    top: 626px;
    left: 50%;
    margin-left: -305.5px;
}
.swiper-slide3 .p36{
    position: absolute;
    top: 719px;
    left: 50%;
    margin-left: -305.5px;
}
.swiper-slide3 .p37{
    position: absolute;
    top: 842px;
    left: 50%;
    margin-left: -306.5px;
}
.swiper-slide3 .p38{
    position: absolute;
    top: 1107px;
    left: 50%;
    margin-left: -306.5px;
}
/* 4 */
.swiper-slide4 .p41{
    position: absolute;
    top: 351px;
    left: 50%;
    margin-left: -328px;
}
.swiper-slide4 .p42{
    position: absolute;
    top: 387px;
    left: 50%;
    margin-left: -178.5px;
}
.swiper-slide4 .p43{
    position: absolute;
    top: 505px;
    left: 50%;
    margin-left: -286.5px;
 }
.swiper-slide4 .p44{
    position: absolute;
    top: 644px;
    left: 50%;
    margin-left: -286.5px;
}
.swiper-slide4 .p45{
    position: absolute;
    top: 822px;
    left: 50%;
    margin-left: -286.5px;
}
/* 5 */

.swiper-slide5 .p51{
    position: absolute;
    top: 271px;
    left: 50%;
    margin-left: -328px;
}
.swiper-slide5 .p52{
    position: absolute;
    top: 293px;
    left: 50%;
    margin-left: -249.5px;
}
.swiper-slide5 .p53{
    position: absolute;
    top: 477px;
    left: 50%;
    margin-left: -305.5px;
}
.swiper-slide5 .p54{
    position: absolute;
    top: 925px;
    left: 50%;
    margin-left: -305.5px;
}

/* 6 */
.swiper-slide6 .p61{
    position: absolute;
    top: 271px;
    left: 50%;
    margin-left: -328px;
}
.swiper-slide6 .p62{
    position: absolute;
    top: 293px;
    left: 50%;
    margin-left: -202.5px;
}
.swiper-slide6 .p63{
    position: absolute;
    top: 453px;
    left: 50%;
    margin-left: -274px;
}
.swiper-slide6 .p64{
    position: absolute;
    top: 570px;
    left: 50%;
    margin-left: -312px;
}
.swiper-slide6 .p65{
    position: absolute;
    top: 705px;
    left: 50%;
    margin-left: -287px;
}
.swiper-slide6 .p66{
    position: absolute;
    top: 890px;
    left: 50%;
    margin-left: -287px;
}

/* 7 */
.swiper-slide7 .p71{
    position: absolute;
    top: 271px;
    left: 50%;
    margin-left: -328px;
}
.swiper-slide7 .p72{
    position: absolute;
    top: 305px;
    left: 50%;
    margin-left: -286.5px;
}
.swiper-slide7 .p73{
    position: absolute;
    top: 472px;
    left: 50%;
    margin-left: -286.5px;
}
/* 8 */
.swiper-slide8 .p81{
    position: absolute;
    top: 271px;
    left: 50%;
    margin-left: -328px;
}
.swiper-slide8 .p82{
    position: absolute;
    top: 305px;
    left: 50%;
    margin-left: -233px;
}
.swiper-slide8 .p83{
    position: absolute;
    top: 423px;
    left: 50%;
    margin-left: -287.5px;
}
.swiper-slide8 .p84{
    position: absolute;
    top: 648px;
    left: 50%;
    margin-left: -287.5px;
}
.swiper-slide8 .p85{
    position: absolute;
    top: 892px;
    left: 50%;
    margin-left: -287.5px;
}
/* 9 */
.swiper-slide9 .p91{
    position: absolute;
    top: 437px;
    left: 50%;
    margin-left: -327px;
}
.swiper-slide9 .p92{
    position: absolute;
    top: 472px;
    left: 50%;
    margin-left: -71px;
}
.swiper-slide9 .p93{
    position: absolute;
    top: 598px;
    left: 50%;
    margin-left: -259px;
}
.swiper-slide9 .p94{
    position: absolute;
    top: 697px;
    left: 50%;
    margin-left: -153px;
}