.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: 640px;
    height: 1249px;
    overflow: hidden;
}

/*page1*/
.swiper-slide1 {
    background: transparent url("../../images/H5/kjgh/abg.jpg") no-repeat center top;
    background-size: 100% 100%;
}

.swiper-slide1 .icon {
    position: absolute;
    top: 75px;
    left: 50%;
    margin-left: -125.5px;
}

.swiper-slide1 .cstu {
    position: absolute;
    top: 198px;
    left: 50%;
    margin-left: -306.5px;
}

.swiper-slide1 .page1mobile {
    position: absolute;
    top: 804px;
    left: 50%;
    margin-left: -133px;
}
.swiper-slide2,
.swiper-slide3,
.swiper-slide4,
.swiper-slide5,
.swiper-slide6,
.swiper-slide7,
.swiper-slide8,
.swiper-slide9,
.swiper-slide10,
.swiper-slide11,
.swiper-slide12,
.swiper-slide13,
.swiper-slide14{
    background: url("../../images/H5/kjgh/bbg.png") no-repeat center top;
    background-size: 100% 100%;
}

.swiper-slide5{
    background: url("../../images/H5/kjgh/5bg.jpg") no-repeat center top;
    background-size: 100% 100%;
}

.swiper-slide6{
    background: url("../../images/H5/kjgh/6bg.jpg") no-repeat center top;
    background-size: 100% 100%;
}

.swiper-slide9{
    background: url("../../images/H5/kjgh/9bg.jpg") no-repeat center top;
    background-size: 100% 100%;
}

/*page2*/
.swiper-slide2 .page2mobile_pic {
    /* width: 555px; */
    position: absolute;
    top: 74px;
    left: 50%;
    margin-left: -243.5px;
}
.swiper-slide2 .page2_1,
.swiper-slide2 .page2_2,
.swiper-slide2 .page2_3,
.swiper-slide2 .page2_4,
.swiper-slide2 .page2_5{
    position: absolute;
    left: 79px;
}
.swiper-slide2 .page2_1 {
    top: 283px;
}
.swiper-slide2 .page2_2 {
    top: 570px;
}
.swiper-slide2 .page2_3 {
    top: 839px;
}
.swiper-slide2 .page2_4 {
    top: 616px;
}
.swiper-slide2 .page2_5 {
    top: 731px;
}
.swiper-slide2 .page2_6 {
    position: absolute;
    top: 993px;
    left: 20px;
}
.swiper-slide2 .page2_7{
    position: absolute;
    left: 543px;
    top: 1153px;
}
/* 3 */

.swiper-slide3 .page3_1,
.swiper-slide3 .page3_2,
.swiper-slide3 .page3_3,
.swiper-slide3 .page3_4,
.swiper-slide3 .page3_5,
.swiper-slide3 .page3_6,
.swiper-slide3 .page3_7,
.swiper-slide3 .page3_8{
    position: absolute;
}
.swiper-slide3 .page3_1{
    top: 74px;
    left: 50%;
    margin-left: -243.5px;
}
.swiper-slide3 .page3_2{
    top: 289px;
    left: 83px;
}
.swiper-slide3 .page3_3{
    top: 507px;
    left: 92px;
}
.swiper-slide3 .page3_4{
    top: 709px;
    left: 76px;
}
.swiper-slide3 .page3_5{
    top: 905px;
    left: 92px;
}
.swiper-slide3 .page3_6{
    top: 795px;
    left: 127px;
}
.swiper-slide3 .page3_7{
    top: 996px;
    left: 386px;
}
.swiper-slide3 .page3_8{
    top: 1153px;
    left: 543px;
}
/* 4 */
.swiper-slide4 .page4_1,
.swiper-slide4 .page4_2,
.swiper-slide4 .page4_3,
.swiper-slide4 .page4_4,
.swiper-slide4 .page4_5,
.swiper-slide4 .page4_6,
.swiper-slide4 .page4_7{
    position: absolute;
}
.swiper-slide4 .page4_1{
    top: 74px;
    left: 50%;
    margin-left: -253px;
}
.swiper-slide4 .page4_2{
    top: 271px;
    left: 50%;
    margin-left: -120.5px;
}
.swiper-slide4 .page4_3{
    top: 324px;
    left: 67px;
}
.swiper-slide4 .page4_4{
    top: 524px;
    left: 50%;
    margin-left: -120.5px;
}
.swiper-slide4 .page4_5{
    top: 580px;
    left: 80px;
}
.swiper-slide4 .page4_6{
    top: 738px;
    left: 80px;
}
.swiper-slide4 .page4_7{
    top: 942px;
    left: 286px;
}
/* 5 */
.swiper-slide5 .page5_1,
.swiper-slide5 .page5_2,
.swiper-slide5 .page5_3,
.swiper-slide5 .page5_4,
.swiper-slide5 .page5_5,
.swiper-slide5 .page5_6,
.swiper-slide5 .page5_7,
.swiper-slide5 .page5_8{
    position: absolute;
}
.swiper-slide5 .page5_1{
    top: 75px;
    left: 50%;
    margin-left: -217px;
}
.swiper-slide5 .page5_2{
    top: 313px;
    left: 50%;
    margin-left: -253.5px;
}
.swiper-slide5 .page5_3{
    top: 490px;
    left: 75px;
    /* width: 346px; */
}
.swiper-slide5 .page5_4{
    top: 598px;
    left: 75px;
}
.swiper-slide5 .page5_5{
    top: 733px;
    left: 50%;
    margin-left: -120.5px;
}
.swiper-slide5 .page5_6{
    top: 828px;
    left: 50%;
    margin-left: -178.5px;
}
.swiper-slide5 .page5_7{
    top: 895px;
    left: 422px;
}
.swiper-slide5 .page5_8{
    top: 1153px;
    left: 543px;
}
/* 6 */
.swiper-slide6 .page6_1,
.swiper-slide6 .page6_2,
.swiper-slide6 .page6_3,
.swiper-slide6 .page6_4,
.swiper-slide6 .page6_5,
.swiper-slide6 .page6_6,
.swiper-slide6 .page6_7{
    position: absolute;
}
.swiper-slide6 .page6_1{
    top: 74px;
    left: 50%;
    margin-left: -268px;
}
.swiper-slide6 .page6_2{
    top: 282px;
    left: 50%;
    margin-left: -120.5px;
}
.swiper-slide6 .page6_3{
    top: 380px;
    left: 98px;
    /* max-width: 533px; */
}
.swiper-slide6 .page6_4{
    top: 527px;
    left: 160px;
}
.swiper-slide6 .page6_5{
    top: 627px;
    left: 63px;
}
.swiper-slide6 .page6_6{
    top: 823px;
    left: 329px;
}
.swiper-slide6 .page6_7{
    top: 1153px;
    left: 543px;
}
/* 7 */
.swiper-slide7 .page7_1,
.swiper-slide7 .page7_2,
.swiper-slide7 .page7_3,
.swiper-slide7 .page7_4,
.swiper-slide7 .page7_5,
.swiper-slide7 .page7_6,
.swiper-slide7 .page7_7{
    position: absolute;
}
.swiper-slide7 .page7_1{
    top: 73px;
    left: 50%;
    margin-left: -271px;
}
.swiper-slide7 .page7_2{
    top: 265px;
    left: 108px;
}
.swiper-slide7 .page7_3{
    top: 433px;
    left: 108px;
}
.swiper-slide7 .page7_4{
    top: 574px;
    left: 108px;
}
.swiper-slide7 .page7_5{
    top: 719px;
    left: 108px;
}
.swiper-slide7 .page7_6{
    top: 857px;
    left: 108px;
}
.swiper-slide7 .page7_7{
    top: 949px;
    left: 355px;
}
/* 8 */
.swiper-slide8 .page8_1,
.swiper-slide8 .page8_2,
.swiper-slide8 .page8_3,
.swiper-slide8 .page8_4,
.swiper-slide8 .page8_5,
.swiper-slide8 .page8_6,
.swiper-slide8 .page8_7,
.swiper-slide8 .page8_8,
.swiper-slide8 .page8_9,
.swiper-slide8 .page8_10,
.swiper-slide8 .page8_11{
    position: absolute;
}
.swiper-slide8 .page8_1{
    top: 72px;
    left: 50%;
    margin-left: -223px;
}
.swiper-slide8 .page8_2{
    top: 269px;
    left: 50%;
    margin-left: -120.5px;
}
.swiper-slide8 .page8_3{
    top: 345px;
    left: 137px;
}
.swiper-slide8 .page8_4{
    top: 477px;
    left: 50%;
    margin-left: -120.5px;
}
.swiper-slide8 .page8_5{
    top: 553px;
    left: 168px;
}
.swiper-slide8 .page8_6{
    top: 651px;
    left: 50%;
    margin-left: -120.5px;
}
.swiper-slide8 .page8_7{
    top: 747px;
    left: 61px;
}
.swiper-slide8 .page8_8{
    top: 716px;
    left: 337px;
}
.swiper-slide8 .page8_9{
    top: 946px;
    left: 58px;
}
.swiper-slide8 .page8_10{
    top: 940px;
    left: 319px;
}
.swiper-slide8 .page8_11{
    top: 213px;
    left: 455px;
}
/* 9 */
.swiper-slide9 .page9_1,
.swiper-slide9 .page9_2,
.swiper-slide9 .page9_3,
.swiper-slide9 .page9_4{
    position: absolute;
}
.swiper-slide9 .page9_1{
    top: 337px;
    left: 50%;
    margin-left: -268px;
}
.swiper-slide9 .page9_2{
    top: 532px;
    left: 50%;
    margin-left: -92.5px;
    width: 185px;
}
.swiper-slide9 .page9_3{
    top: 751px;
    left: 50%;
    margin-left: -107.5px;
}
.swiper-slide9 .page9_4{
    top: 1186px;
    left: 50%;
    margin-left: -152px;
}
/* 10 */
.swiper-slide10 .page10_1,
.swiper-slide10 .page10_2,
.swiper-slide10 .page10_3{
    position: absolute;
}
.swiper-slide10 .page10_1{
    top: 95px;
    left: 34px;
}
.swiper-slide10 .page10_2{
    top: 240px;
    left: 42px;
    max-width: 570px;
}
.swiper-slide10 .page10_3{
    top: 740px;
    left: 120px;
    width: 375px;
}
/* 11 */
.swiper-slide11 .page11_1,
.swiper-slide11 .page11_2,
.swiper-slide11 .page11_3{
    position: absolute;
}
.swiper-slide11 .page11_1{
    top: 95px;
    left: 34px;
}
.swiper-slide11 .page11_2{
    top: 285px;
    left: 130px;
    max-width: 570px;
}
.swiper-slide11 .page11_3{
    top: 686px;
    left: 77px;
    width: 500px;
}
/* 12 */
.swiper-slide12 .page12_1,
.swiper-slide12 .page12_2,
.swiper-slide12 .page12_3,
.swiper-slide12 .page12_4{
    position: absolute;
}
.swiper-slide12 .page12_1{
    top: 95px;
    left: 138px;
}
.swiper-slide12 .page12_2{
    top: 228px;
    left: 40px;
    max-width: 570px;
}
.swiper-slide12 .page12_3{
    top: 531px;
    left: 190px;
    width: 255px;
}
.swiper-slide12 .page12_4{
    top: 783px;
    left: 40px;
    max-width: 570px;
}
/* 13 */
.swiper-slide13 .page13_1,
.swiper-slide13 .page13_2,
.swiper-slide13 .page13_3,
.swiper-slide13 .page13_4,
.swiper-slide13 .page13_5,
.swiper-slide13 .page13_6{
    position: absolute;
}
.swiper-slide13 .page13_1{
    top: 95px;
    left: 77px;
}
.swiper-slide13 .page13_2{
    top: 228px;
    left: 170px;
    max-width: 570px;
}
.swiper-slide13 .page13_3{
    top: 355px;
    left: 38px;
    max-width: 570px;
}
.swiper-slide13 .page13_4{
    top: 490px;
    left: 38px;
    max-width: 570px;
}
.swiper-slide13 .page13_5{
    top: 650px;
    left: 38px;
    max-width: 570px;
}
.swiper-slide13 .page13_6{
    top: 783px;
    left: 137px;
    max-width: 570px;
}
/* 14 */
.swiper-slide14 .page14_1,
.swiper-slide14 .page14_2,
.swiper-slide14 .page14_3,
.swiper-slide14 .page14_4,
.swiper-slide14 .page14_5,
.swiper-slide14 .page14_6,
.swiper-slide14 .page14_7{
    position: absolute;
}
.swiper-slide14 .page14_1{
    top: 95px;
    left: 77px;
}
.swiper-slide14 .page14_2{
    top: 228px;
    left: 170px;
    max-width: 570px;
}
.swiper-slide14 .page14_3{
    top: 355px;
    left: 38px;
    max-width: 570px;
}
.swiper-slide14 .page14_4{
    top: 490px;
    left: 38px;
    max-width: 570px;
}
.swiper-slide14 .page14_5{
    top: 626px;
    left: 38px;
    max-width: 570px;
}
.swiper-slide14 .page14_6{
    top: 792px;
    left: 38px;
    max-width: 570px;
}
.swiper-slide14 .page14_7{
    top: 930px;
    left: 38px;
    max-width: 570px;
}
.bottom {
    position: fixed;
    bottom: 0px;
    margin-left: -72px;
    left: 50%;
    z-index: 2015;
}