.cxCentre {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 1200px;
    margin: 0 auto;
}

.sz-title {
    width: 100%;
    min-width: 1200px;
    margin: 45px auto;
    text-align: center;
}

.sz-btn {
    width: 100%;
    min-width: 1200px;
    margin: 40px auto;
    text-align: center;
}

.sz-btn p {
    text-align: center;
    color: #001549;
    font-size: 22px;
    margin: 10px 0;
}

.sz-btn a {
    display: inline-block;
    background: url("../image/btn-bg.png") no-repeat center;
    background-size: 100% 100%;
    padding: 20px 40px 28px 40px;
    color: #FFFFFF;
    font-size: 33px;
    text-align: center;
}

.sz-btn a:hover {
    color: #000000;
}

.sz-banner {
    overflow: hidden;
    width: 100%;
    min-width: 1200px;
    height: 884px;
    background: url("../image/banner.jpg") no-repeat center;
}

.sz-banner .banner-img {
    width: 1200px;
    text-align: center;
    margin: 130px auto 55px;
}

.sz-banner .banner-title {
    width: 1076px;
    height: 88px;
    margin: 0 auto;
    text-align: center;
    background: url("../image/banner-bg1.png") no-repeat center;
    font-size: 42px;
    color: #10308C;
    line-height: 75px;
}

.sz-banner .banner-title span {
    font-size: 48px;
    font-weight: bold;
}

/**************1 师资*/
.sz-teacher {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    min-width: 1200px;
    margin: 0 auto;

    display: none;
}

.sz-teacher .teach-du {
    width: 100%;
    min-width: 1200px;
    height: 539px;
    background: url("../image/1-bg.jpg") no-repeat center;
}

.sz-teacher .teach-du .teach-du-font {
    width: 946px;
    height: 537px;
    background: url("../image/2-duteach.png") no-repeat center;
    margin: 0 auto;
    position: relative;
}

.sz-teacher .teach-du .teach-du-font p {
    position: absolute;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.sz-teacher .teach-du .teach-du-font .teach-p1 {
    width: 260px;
    height: 130px;
    font-size: 29px;
    color: #FFCC00;
    left: 17px;
    top: 240px;
}

.sz-teacher .teach-du .teach-du-font .teach-p1 span {
    font-size: 18px;
    color: #FFFFFF;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.sz-teacher .teach-du .teach-du-font .teach-p2 {
    width: 260px;
    height: 130px;
    font-size: 29px;
    color: #FFCC00;
    right: 17px;
    top: 240px;
}

.sz-teacher .teach-du .teach-du-font .teach-p2 span {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 13px 0;
}

.sz-teacher .teach-du .teach-du-font .teach-p3 {
    width: 290px;
    height: 40px;
    font-size: 20px;
    color: #000000;
    left: 50%;
    margin-left: -150px;
    bottom: 12px;
}

.sz-teacher .teach-list {
    width: 1136px;
    margin: 55px auto;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sz-teacher .teach-list li {
    width: 228px;
    height: 255px;
    text-align: center;
}

.sz-teacher .teach-list li .teach-zhuan {
    position: relative;
    width: 224px;
    height: 224px;
    text-align: center;
}

.sz-teacher .teach-list li .teach-zhuan .teach-huan {
    position: absolute;
    left: 0;
    top: 0;
    animation: cxrotate 3s linear infinite;
}

.sz-teacher .teach-list li .teach-zhuan .teach-img {
    width: 205px;
    height: 205px;
    position: absolute;
    left: 50%;
    margin-left: -102.5px;
    top: 50%;
    margin-top: -102.5px;
}

.sz-teacher .teach-list li p {
    font-size: 18px;
    color: #001549;
    text-align: center;
    margin-top: 10px;
    font-weight: bold;
}

/************大湾区*/
.sz-dwq {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    min-width: 1200px;
    height: 800px;
    margin: 0 auto;
    background: #0247E2 url("../image/2-bg.jpg") no-repeat center bottom;
}

.sz-dwq .dwq-font {
    font-size: 25px;
    color: #FFFFFF;
    text-align: center;
    width: 1170px;
    margin: 0 auto;
    line-height: 35px;
}

.sz-dwq .dwq-float {
    width: 1050px;
    height: 271px;
    margin: -170px auto 60px auto;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 100;
}

.sz-dwq .dwq-float li {
    width: 271px;
    height: 271px;
    text-align: center;
    font-size: 21px;
    color: #FFFFFF;
    line-height: 30px;
    background: url("../image/2-huan.png") no-repeat center;
}

.sz-dwq .dwq-float li:nth-child(1) {
    animation: cxFloat 1.1s ease-in-out infinite alternate;
}

.sz-dwq .dwq-float li:nth-child(2) {
    animation: cxFloat 1.3s ease-in-out infinite alternate;
}

.sz-dwq .dwq-float li:nth-child(3) {
    animation: udFloat 1.2s ease-in-out infinite alternate;
}

.sz-dwq .dwq-float li p {
    font-size: 39px;
    color: #FFCC00;
    text-align: center;
    margin: 86px 0 12px 0;
}

@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}

.waveWrapper {
    width: 100%;
    height: 151px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    margin-top: 80px;
}

.waveWrapperInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 100%;

}

.bgTop {
    z-index: 15;
    opacity: 0.5;
}

.bgMiddle {
    z-index: 10;
    opacity: 0.75;
}

.bgBottom {
    z-index: 5;
}

.wave {
    position: absolute;
    left: 0;
    width: 200%;
    height: 100%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom;
}

.waveTop {
    background-size: 50% 100px;
}

.waveAnimation .waveTop {
    animation: move-wave 5s;
    -webkit-animation: move-wave 5s;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.waveMiddle {
    background-size: 50% 120px;
}

.waveAnimation .waveMiddle {
    animation: move_wave 10s linear infinite;
}

.waveBottom {
    background-size: 50% 100px;
}

.waveAnimation .waveBottom {
    animation: move_wave 15s linear infinite;
}

/***************3 新型人才*/
.sz-duibi {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    min-width: 1200px;
    height: 1044px;
    background: #FFFFFF url("../image/3-bg.jpg") no-repeat center;
}

.sz-duibi .duibi-bg {
    width: 1200px;
    height: 590px;
    margin: 130px auto 0;
    background: url("../image/3-ren1.png") no-repeat center;
    background-size: 100%;
    position: relative;
}

.sz-duibi .duibi-bg .duibi-title {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #FFFFFF;
    font-size: 37px;
    text-align: center;
    width: 290px;
    height: 98px;
    position: absolute;
    top: -15px;
    border-radius: 10px;
    padding-top: 25px;
}

.sz-duibi .duibi-bg .duibi-title p {
    font-size: 21px;
    text-align: center;
    margin-top: 20px;
}

.sz-duibi .duibi-bg .duibi-title1 {
    left: 130px;
    background: #2B3D66;
}

.sz-duibi .duibi-bg .duibi-title2 {
    right: 130px;
    background: #0347E2;
    box-shadow: 6px 6px 0 0 #A9C0F5;
}

.sz-duibi .duibi-bg .duibi-title2 p {
    color: #FFCC00;
}

.sz-duibi .duibi-bg .duibi-ul {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 500px;
    position: relative;
    font-size: 20px;
}

.sz-duibi .duibi-bg .duibi-ul li {
    position: absolute;
    line-height: 24px;
}

.sz-duibi .duibi-bg .db-left {
    float: left;
    color: #2B3D66;
}

.sz-duibi .duibi-bg .db-left li:nth-child(1) {
    right: 85px;
    top: 124px;
}

.sz-duibi .duibi-bg .db-left li:nth-child(2) {
    right: 125px;
    top: 219px;
}

.sz-duibi .duibi-bg .db-left li:nth-child(3) {
    right: 130px;
    top: 315px;
}

.sz-duibi .duibi-bg .db-left li:nth-child(4) {
    right: 100px;
    top: 411px;
}

.sz-duibi .duibi-bg .db-right {
    float: right;
    color: #0347E2;
}

.sz-duibi .duibi-bg .db-right li:nth-child(1) {
    left: 76px;
    top: 117px;
}

.sz-duibi .duibi-bg .db-right li:nth-child(2) {
    left: 106px;
    top: 230px;
}

.sz-duibi .duibi-bg .db-right li:nth-child(3) {
    left: 100px;
    top: 300px;
}

.sz-duibi .duibi-bg .db-right li:nth-child(4) {
    left: 45px;
    top: 425px;
}

/*****************4 高精尖课程*/
.sz-course {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    min-width: 1200px;
    height: 962px;
    background: #0347E3 url("../image/4-bg.jpg") no-repeat center;
}

.sz-course .course-p {
    width: 1200px;
    text-align: center;
    color: #FFFFFF;
    font-size: 25px;
    margin: 0 auto;
}

.sz-course .course-box {
    width: 1070px;
    height: 304px;
    margin: 170px auto 140px auto;
    text-align: center;
    position: relative;
}

.sz-course .course-box img {
    position: relative;
    z-index: 2;
}

.sz-course .course-box .course-abs {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    width: 339px;
    height: 185px;
    text-align: left;
    font-size: 16px;
    color: #ffffff;
    line-height: 22px;
    padding: 20px 28px;
    position: absolute;
    z-index: 1;
}

.sz-course .course-box .course-abs p {
    font-size: 30px;
    color: #FFCC00;
    text-align: left;
    margin: 18px 0;
}

.sz-course .course-box .course-abs1 {
    left: 13px;
    top: -110px;
    background: url("../image/4-bg1.png") no-repeat center;
}

.sz-course .course-box .course-abs2 {
    right: -1px;
    top: -106px;
    background: url("../image/4-bg2.png") no-repeat center;
}

.sz-course .course-box .course-abs3 {
    left: -1px;
    top: 212px;
    background: url("../image/4-bg3.png") no-repeat center;
}

.sz-course .course-box .course-abs4 {
    right: 20px;
    top: 212px;
    background: url("../image/4-bg4.png") no-repeat center;
}

/***************5 爆款产品*/
.sz-product {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    min-width: 1200px;
    height: 1135px;
    background: #FFFFFF url("../image/5-bg.png") no-repeat center;
}

.sz-product .product-box {
    background: url("../image/5-img.png") no-repeat center;
    width: 1148px;
    height: 707px;
    margin: 60px auto;
    position: relative;
}

.sz-product .product-box .pro-img {
    position: absolute;
}

.sz-product .product-box .pro-img1 {
    left: 185px;
    top: 50px;
    animation: cxbanner 1s ease-in-out infinite alternate;
}

.sz-product .product-box .pro-img2 {
    left: 205px;
    top: 326px;
    animation: cxbanner 1.2s ease-in-out infinite alternate;
}

.sz-product .product-box .pro-img3 {
    left: 444px;
    top: 559px;
    animation: cxbanner 0.8s ease-in-out infinite alternate;
}

.sz-product .product-box .pro-img4 {
    left: 694px;
    top: 83px;
    animation: cxbanner 1.3s ease-in-out infinite alternate;
}

.sz-product .product-box .pro-img5 {
    left: 876px;
    top: 196px;
    animation: cxbanner 1s ease-in-out infinite alternate;
}

.sz-product .product-box .pro-img6 {
    right: 62px;
    bottom: 94px;
    animation: cxbanner 1.1s ease-in-out infinite alternate;
}

/****************钜惠*/
.sz-rob {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    min-width: 1200px;
    height: 461px;
    background: url("../image/6-bg.png") no-repeat center;

    display: none;
}

.sz-rob .rob-minger {
    width: 710px;
    height: 71px;
    line-height: 71px;
    /*background: url("../image/6-math-bg.png") no-repeat center right;*/
    font-style: italic;
    font-size: 43px;
    color: #FFFFFF;
    margin: 216px auto 40px;
    text-align: center;
}

.sz-rob .rob-minger a {
    float: right;
    width: 120px;
    height: 100%;
}

.sz-rob .sz-rob-btn {
    width: 100%;
    text-align: center;
    font-size: 27px;
}

.sz-rob .sz-rob-btn .rob-btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    background: url("../image/6-btn.png") no-repeat center;
    width: 324px;
    height: 64px;
    line-height: 60px;
    text-align: left;
    color: white;
    padding-left: 59px;
}

.sz-rob .sz-rob-btn .rob-btn:hover {
    color: #000000;
}

/****************免费试学*/
.sz-tryLearn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    min-width: 1200px;
    height: 928px;
    background: #FFFFFF url("../image/7-bg.jpg") no-repeat center;
    margin-bottom: 50px;
}

.sz-tryLearn .tryLearn-jt {
    width: 993px;
    height: 108px;
    background: url("../image/7-jt-bg.png") no-repeat center;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: #001549;
}

.sz-tryLearn .tryLearn-jt li {
    line-height: 30px;
    font-size: 23px;
}

.sz-tryLearn .tryLearn-huan {
    width: 1018px;
    height: 323px;
    background: url("../image/7-img.png") no-repeat center;
    margin: 70px auto;
    position: relative;
}

.sz-tryLearn .tryLearn-huan .tryLearn-img {
    width: 357px;
    height: 357px;
    position: absolute;
    left: 50%;
    margin-left: -177.5px;
    top: 50%;
    margin-top: -171.5px;
}

.sz-tryLearn .tryLearn-huan .tryLearn-img img {
    animation: cxrotate 3s linear infinite;
}

.sz-tryLearn .tryLearn-huan .try-p {
    position: absolute;
    font-size: 30px;
    color: #ffffff;
    font-weight: bold;
}

.sz-tryLearn .tryLearn-huan .try-p1 {
    left: 33px;
    top: 33px;
}

.sz-tryLearn .tryLearn-huan .try-p2 {
    left: 66px;
    bottom: 40px;
}

.sz-tryLearn .tryLearn-huan .try-p3 {
    right: 36px;
    top: 33px;
}

.sz-tryLearn .tryLearn-huan .try-p4 {
    right: 108px;
    bottom: 40px;
}

/*2022-3-17 新加文章板块*/
.nj-article {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    background: url("../image/nj-wz-bg.jpg") no-repeat top center;
    height: 757px;
    overflow: hidden;
}

.nj-article .nj-article-title {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    width: 1200px;
    margin: 40px auto 50px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #ffffff;
}

.nj-article .nj-article-title h2 {
    font-size: 30px;
    font-weight: bold;
}

.nj-article .nj-article-title a {
    display: inline-block;
    width: 105px;
    height: 35px;
    line-height: 35px;
    color: #ffffff;
    background: rgba(88, 94, 112, 0.5);
    border-radius: 25px;
    font-size: 16px;
    text-align: center;
}

.nj-article .nj-article-title a span {
    color: #FA6233;
}

.nj-article .nj-article-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.nj-article .nj-article-left {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 870px;
    height: 555px;
    background: #252A3C;
    padding: 30px 25px;
    border-radius: 10px;
    float: left;
}

.nj-article .nj-article-left .nj-article-left-list {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 145px;
    overflow: hidden;
    margin-bottom: 30px;
}

.nj-article .nj-article-left .nj-article-left-list .nj-article-left-img {
    width: 218px;
    height: 145px;
    float: left;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 20px;
}

.nj-article .nj-article-left .nj-article-left-list .nj-article-left-img img {
    width: 218px;
    height: 145px;
    border-radius: 10px;
}

.nj-article .nj-article-left .nj-article-left-list .nj-article-left-txt {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 580px;
    height: 145px;
    float: left;
    text-align: left;
}

.nj-article .nj-article-left .nj-article-left-list .nj-article-left-txt .nj-left-title {
    display: block;
    color: #ffffff;
    font-size: 18px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nj-article .nj-article-left .nj-article-left-list .nj-article-left-txt .nj-left-title:hover {
    color: #FA6233;
}

.nj-article .nj-article-left .nj-article-left-list .nj-article-left-txt .nj-left-p {
    font-size: 16px;
    line-height: 30px;
    color: #B8BABC;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    margin-top: 15px;
    margin-bottom: 20px;
}

.nj-article .nj-article-left .nj-article-left-list .nj-article-left-txt .nj-left-time {
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
    color: #B8BABC;
}

.nj-article .nj-article-left .nj-article-left-list .nj-article-left-txt .nj-left-time a {
    display: inline-block;
    float: right;
    color: #FA6233;
}

.nj-article .nj-article-right {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 320px;
    height: 555px;
    border-radius: 10px;
    background: #252A3C;
    padding: 0 16px;
    overflow: hidden;
    float: right;
}

.nj-article .nj-article-right .nj-article-right-a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    color: #ffffff;
    position: relative;
    font-size: 16px;
    line-height: 24px;
    padding-left: 15px;
    margin-top: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nj-article .nj-article-right .nj-article-right-a:before {
    content: "";
    font-weight: bold;
    background: #FA6233;
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    left: 0;
    top: 50%;
    margin-top: -2px;
}

.nj-article .nj-article-right .nj-article-right-a:hover {
    color: #FA6233;
}






/*动画效果编写*/
@keyframes udFloat {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        transform: translate3d(0, 10px, 0)
    }
}

/*   animation: udFloat 1.1s ease-in-out infinite alternate;    */
@keyframes cxFloat {
    from {
        transform: translateY(0)
    }
    to {
        transform: translateY(10px)
    }
}

@-webkit-keyframes cxrotate {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

/*  animation: cxrotate 3s linear infinite;  */

@-webkit-keyframes cxopcity {
    0% {
        opacity: 0.1;
    }
    /*50%{ opacity: 0.6;}*/
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes cxopcity1 {
    0% {
        opacity: 1;
    }
    /*50%{ opacity: 0.6;}*/
    100% {
        opacity: 0.1;
    }
}

/*  animation: cxopcity 3s linear infinite;  */

@keyframes cxstart {
    0% {
        opacity: .7;
        transform: scale(.96);
    }
    50% {
        opacity: 1;
        transform: scale(1.03);
    }
    100% {
        opacity: .7;
        transform: scale(.96);
    }
}

/*   animation:cxstart 3s infinite  */

@-webkit-keyframes cxshan {
    0% {
        opacity: 0.2;
    }
    50% {
        opacity: 0.6;
    }
    100% {
        opacity: 1;
    }
}

/*   animation: cxshan 1.2s ease-in-out infinite alternate;   */

@-webkit-keyframes cxshan2 {
    from {
        opacity: 0.2;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes cxshan3 {
    from {
        opacity: 1;
    }
    to {
        opacity: 0.2;
    }
}

@-webkit-keyframes cxbanner {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.1);
    }
}


/*****************************/
@keyframes cBanner1 {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}


@-webkit-keyframes c-pmd1 {
    0% {
        opacity: 0.15;
    }
    20% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.4;
    }
    60% {
        opacity: 0.6;
    }
    80% {
        opacity: 0.8;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes c-pmd2 {
    0% {
        opacity: 1;
    }
    20% {
        opacity: 0.8;
    }
    40% {
        opacity: 0.6;
    }
    60% {
        opacity: 0.4;
    }
    80% {
        opacity: 0.3;
    }
    100% {
        opacity: 0.15;
    }

}

/*   animation: udFloat 1.1s ease-in-out infinite alternate;    */

@keyframes fudai {
    from {
        transform: rotate(4deg) translateX(8px);
        transform-origin: 50% 100%;
    }
    to {
        transform: rotate(-5deg) translateX(-8px);
        transform-origin: 50% 100%;
    }
}


@keyframes show-animation {
    0% {
        transform: scale(0.9);
        -moz-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        opacity: 0.2;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        transform: scale(1.1);
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        opacity: 0.2;
    }

}

@keyframes btnDj {
    0% {
        transform: scale(0.9);
        -moz-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        opacity: 1;
    }

    100% {
        transform: scale(1.1);
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        opacity: 0;
    }
}


/*练习动画效果*/
@keyframes cRotate1 {
    10%, 20% {
        -webkit-transform: rotate(-8deg);
    }
    15%, 25%, 5% {
        -webkit-transform: rotate(8deg);
    }
    0%, 100%, 30% {
        -webkit-transform: rotate(0);
    }
}

/*-webkit-animation: bmbtn 2s linear infinite;*/

/*地图闪烁*/
@keyframes mapColor1 {
    from {
        color: #195279;
    }
    to {
        color: #02EDF1;
    }
}

@keyframes mapShow1 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}