.index-paopao {
    width: 100%;
    height: 830px;
    background: url(../images/paopao.png) no-repeat 30px 228px;
}
.abc_mid_2_sp {
    width: 1200px;
    height: 830px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}
.abc_mid_2_bubble {
    width: 766px;
    height: 713px;
    overflow: hidden;
    position: absolute;
    top: 34px;
    left: 300px;
    display: none;
}
.mid2_circle1 {
    width: 300px;
    height: 300px;
    line-height: 300px;
    border-radius: 190px;
    text-align: center;
    background: rgba(94, 60, 160, 0.9);
    color: #ffffff;
    font-size: 64px;
    position: absolute;
    font-family: Arial;
    top: 331px;
    left: 245px;
    animation: bubble1 1200ms ease infinite alternate;
    z-index: 9999;
}
.mid2_circle2 {
    width: 260px;
    height: 260px;
    line-height: 260px;
    border-radius: 190px;
    text-align: center;
    background: rgba(242, 34, 154, 0.9);
    color: #ffffff;
    font-size: 50px;
    position: absolute;
    font-family: Arial;
    top: 209px;
    left: 70px;
    animation: bubble2 1200ms ease infinite alternate;
    animation-delay: 0s;
    z-index: 1000;
    animation-delay: 600ms;
}
.mid2_circle3 {
    width: 200px;
    height: 200px;
    line-height: 200px;
    border-radius: 150px;
    text-align: center;
    background: rgba(176, 202, 57, 0.9);
    color: #ffffff;
    font-size: 50px;
    position: absolute;
    font-family: Arial;
    top: 34px;
    left: 195px;
    animation: bubble2 800ms ease infinite alternate;
    animation-delay: 0s;
    z-index: 1000;
    animation-delay: 100ms;
}
.mid2_circle4 {
    width: 140px;
    height: 140px;
    line-height: 140px;
    border-radius: 100px;
    text-align: center;
    background: rgba(176, 202, 57, 0.9);
    color: #ffffff;
    font-size: 28px;
    position: absolute;
    font-family: Arial;
    top: 430px;
    left: 514px;
    animation: bubble2 900ms ease infinite alternate;
    animation-delay: 0s;
    z-index: 1000;
    animation-delay: 300ms;
}
.mid2_circle5 {
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 90px;
    text-align: center;
    background: rgba(94, 60, 160, 0.9);
    color: #ffffff;
    font-size: 28px;
    position: absolute;
    font-family: Arial;
    top: 265px;
    left: 450px;
    animation: bubble2 1100ms ease infinite alternate;
    z-index: 1000;
}
.mid2_circle6 {
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 90px;
    text-align: center;
    background: rgba(94, 60, 160, 0.9);
    color: #ffffff;
    font-size: 28px;
    position: absolute;
    font-family: Arial;
    top: 73px;
    left: 352px;
    animation: bubble1 1000ms ease infinite alternate;
    z-index: 1000;
}
.mid2_circle7 {
    width: 120px;
    height: 120px;
    line-height: 120px;
    border-radius: 90px;
    text-align: center;
    background: rgba(40, 158, 188, 0.9);
    color: #ffffff;
    font-size: 28px;
    position: absolute;
    font-family: Arial;
    top: 73px;
    left: 98px;
    animation: bubble2 600ms ease infinite alternate;
    z-index: 1000;
}
.mid2_circle8 {
    width: 160px;
    height: 160px;
    line-height: 160px;
    border-radius: 120px;
    text-align: center;
    background: rgba(94, 60, 160, 0.9);
    color: #ffffff;
    font-size: 28px;
    position: absolute;
    font-family: Arial;
    top: 137px;
    left: 8px;
    animation: bubble2 1100ms ease infinite alternate;
    z-index: 1000;
}
.mid2_circle9 {
    width: 130px;
    height: 130px;
    line-height: 130px;
    border-radius: 90px;
    text-align: center;
    background: rgba(40, 158, 188, 0.9);
    color: #ffffff;
    font-size: 38px;
    position: absolute;
    font-family: Arial;
    top: 172px;
    left: 474px;
    animation: bubble2 600ms ease infinite alternate;
    z-index: 999;
}
.mid2_circle10 {
    width: 170px;
    height: 170px;
    line-height: 170px;
    border-radius: 90px;
    text-align: center;
    background: rgba(245, 121, 37, 0.9);
    color: #ffffff;
    font-size: 28px;
    position: absolute;
    font-family: Arial;
    top: 429px;
    left: 120px;
    animation: bubble3 1600ms ease infinite alternate;
    animation-delay: 0s;
    animation-delay: 300ms;
    z-index: 999;
}
.mid2_circle11 {
    width: 120px;
    height: 120px;
    line-height: 120px;
    border-radius: 90px;
    text-align: center;
    background: rgba(40, 158, 188, 0.9);
    color: #ffffff;
    font-size: 28px;
    position: absolute;
    font-family: Arial;
    top: 462px;
    left: 36px;
    animation: bubble3 800ms ease infinite alternate;
    animation-delay: 0s;
    animation-delay: 1300ms;
    z-index: 1000;
}
.mid2_circle12 {
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 60px;
    text-align: center;
    background: rgba(242, 34, 154, 0.9);
    color: #ffffff;
    font-size: 20px;
    position: absolute;
    font-family: Arial;
    top: 245px;
    left: 580px;
    animation: bubble3 800ms ease infinite alternate;
    animation-delay: 0s;
    animation-delay: 1300ms;
    z-index: 1000;
}
.mid2_circle13 {
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 90px;
    text-align: center;
    background: rgba(94, 60, 160, 0.9);
    color: #ffffff;
    font-size: 28px;
    position: absolute;
    font-family: Arial;
    top: 202px;
    left: 633px;
    animation: bubble2 1100ms ease infinite alternate;
    z-index: 1000;
}
#p3_top_gs {
    width: 402px;
    height: 106px;
    position: absolute;
    right: -410px;
    top: 330px;
}

/* footer */
.index-box {
    position: relative;
    overflow: hidden;
}
footer {
    background-color: #282C41;
    line-height: 80px;
    color: #FFFFFF;
    font-size: 18px;
    text-align: center;
}


/* choice */

.index-box-center {
    padding: 100px 0 0;
}

.index-box-center>h2 {
    font-size: 44px;
    color: #fff;
    line-height: 1;
    text-align: center;
    font-weight: normal;
}

.bg-footer {
    background: url("../images/bottom_base.png") no-repeat top center;
    background-size: cover;
    height: 450px;
}
.index-footer {
    text-align: center;
    color: white;
}
.index-footer h3 {
    margin-top: 35px;
    font-size: 20px;
    font-weight: normal;
}
.btn-nub, .btnt-nub {
    margin-top: 50px;
    text-align: center;
}
.index-footer a {
    color: white;
}