html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,  tfoot, thead, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: STHeitiSC-Light;
    font: inherit;
    /* vertical-align: baseline; */
    list-style: none;
    /* color: #000 */
}
body {
    padding-top: 140px !important;
  }
ins, a {
    text-decoration: none
}
ol, ul {
    list-style: none
}
#bk_main {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    background: #fff;
    width: 100%;
  }
@media screen and (min-width:960px) {
    .isHiden {
        display: none !important
    }

    .parents {
        width:63%;
        margin: 0 auto;
        margin-top: 30px;

    }

    .parents .power_top {
        font-size: 20px;
        color: #333;
        margin: 20px 0
    }

    .parents #parentsphone {
        margin-top: 60px
    }

    .parents #parentsphone .swiper-wrapper, .parents #parentsphone .swiper-slide, .parents #parentsphone .swiper-slide img {
        width: 100%
    }

    .parents .test {
        width: 100%
    }

    .parents .test .test_content h6 {
        font-size: 36px;
        text-align: center;
        margin: 30px 0
    }

    .parents .test .test_content .test_box {
        width: 92%;
        margin: 0 auto
    }

    .parents .test .test_content .test_box p {
        text-align: center;
        font-size: 18px;
        line-height: 30px;
        font-weight: 600;
    }

    .parents .test #envirBtn {
        width: 94%;
        margin: 30px auto;
        display: flex;
        display: -webkit-flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        font-size: 20px
    }

    .parents .test #envirBtn li {
        width: 18%;
        background: #fff;
        padding: 10px 0;
        text-align: center;
        box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.19)
    }

    .parents .test #envirBtn .actLi {
        background: #c02230;
        color: #fff
    }

    .parents #envirConPic, .parents #envirConPic .swiper-wrapper, .parents #envirConPic .swiper-slide, .parents #envirConPic .swiper-slide img {
        width: 100%
    }
    .hoverable {
        position: relative;
        overflow: hidden
    }

    .anim {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 1;
        transform: translate(-50%, -50%)
    }

    .anim:before {
        position: relative;
        content: "";
        display: block;
        margin-top: 100%
    }

    .anim:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 50%
    }

    .hoverable .anim {
        animation: anim-out 1s linear infinite
    }

    .hoverable .anim:after {
        animation: anim-out-pseudo 1s linear infinite
    }

    .hoverable:hover>.anim {
        animation: anim-out .75s
    }

    .hoverable:hover>.anim:after {
        animation: anim-out-pseudo .75s
    }
    .hrefBox {
     padding-top: 30px;
        width: 63%;
        margin: 0 auto;
        display: flex;
        justify-content: center
    }

    .hrefBox a {
        display: block;
        background: #c9000b;
        width: 25%;
        margin: 0 20px;
        position: relative
    }

    .hrefBox a li {
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        padding: 10px 0
    }

    .hrefBox a li .iconTel {
        font-size: 22px;
        color: #fff
    }

    .hrefBox a li p {
        font-size: 18px;
        margin-left: 8px;
        color: #fff
    }

    .music {
        width: 100%;
        height: auto;
        position: relative
    }

    .btn_top {
        position: absolute;
        left: 19%;
        bottom: 7%
    }

    .hoverable {
        position: relative;
        overflow: hidden
    }

    .anim {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 1;
        transform: translate(-50%, -50%)
    }

    .anim:before {
        position: relative;
        content: "";
        display: block;
        margin-top: 100%
    }

    .anim:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 50%
    }

    .hoverable .anim {
        animation: anim-out 1s linear infinite
    }

    .hoverable .anim:after {
        animation: anim-out-pseudo 1s linear infinite
    }

    .hoverable:hover>.anim {
        animation: anim-out .75s
    }

    .hoverable:hover>.anim:after {
        animation: anim-out-pseudo .75s
    }

    @keyframes anim-out {
        0% {
            width: 0
        }

        100% {
            width: 100%
        }
    }

    @keyframes anim-out-pseudo {
        0% {
            background: rgba(255, 255, 255, 0.4)
        }

        100% {
            background: transparent
        }
    }

    .system {
        width: 100%;
        background: #fafafa;
        position: relative
    }



    .cont_box {
        width: 96%;
        margin: 0 auto;
        font-size: 22px
    }

    .cont_box li {
        display: none
    }

    .cont_box p {
        margin-top: 40px;
        font-size: 18px
    }

    .cont_box .cont_show {
        display: block
    }

    .tit_right {
        width: 38%
    }

    .tit_right img {
        width: 100%;
        height: auto;
        display: none
    }

    .tit_right .txt_img {
        display: block
    }

    .plate {
        width: 100%;
        background: #f5f5f5
    }

    .plate_cont {
        width: 63%;
        margin: 0 auto;
        padding-top: 50px
    }

    .caption {
        text-align: center;
        font-size: 36px;
        color: #c02230
    }

    .instructext {
        text-align: center;
        font-size: 36px;
        color: #fff
    }

    .caption_tit {
        width: 75%;
        margin: 0 auto;
        margin-top: 20px;
        font-size: 20px;
        color: #333;
        line-height: 30px;
        text-indent: 2em
    }

    
}

@media screen and (max-width:960px) {
    .mshide {
        display: none !important
    }
    .parents {
        width: 100%
    }

    .parents .power_top {
        width: 90%;
        font-size: .25rem;
        margin: .2rem auto;
        text-align: center
    }

    #chatm {
        width: 96%;
        margin: 0 auto
    }

    #chatm .swiper-wrapper, #chatm .swiper-slide, #chatm .swiper-slide img {
        width: 100%;
        height: auto
    }

    .test {
        width: 100%;
        margin-top: .4rem
    }

    .test .test_content {
        width: 90%;
        margin: 0 auto
    }

    .test .test_content h6 {
        font-size: .3rem;
        text-align: center
    }

    .test .test_content .test_box {
        display: block;
        text-align: center;
        margin-top: .2rem;
        font-size: .25rem;
        text-indent: 2em
    }

    .test .test_content .test_box p {
        font-size: .2rem;
        text-align: center;
        display: inline
    }

    .test #envirBtn {
        width: 90%;
        margin: 0 auto;
        display: flex;
        display: -webkit-flex;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .test #envirBtn li {
        width: 18%;
        background: #fff;
        text-align: center;
        padding: .1rem;
        margin: .5rem 0;
        font-size: .2rem;
        box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.19)
    }

    .test #envirBtn .actLi {
        background: #c02230;
        color: #fff
    }

    .test .end_cont {
        width: 96%;
        margin: 0 auto
    }

    .test .end_cont h4 {
        text-align: center;
        font-size: .3rem
    }

    .test .end_cont div {
        font-size: .2rem;
        margin-top: .2rem;
        text-align: center
    }

    .test .end_cont div b {
        color: #c02230
    }

    .test .certificate {
        margin-top: .3rem
    }

    .test .certificate span {
        color: #c02230;
        margin-top: .2rem;
        font-size: .2rem;
        font-weight: 600;
        display: block;
        text-align: center
    }

    .test .certificate span b {
        font-size: .3rem;
        color: #c02230;
        font-style: italic
    }

    .test #envirConPic {
        width: 100%
    }

    .test #envirConPic .swiper-wrapper, .test #envirConPic .swiper-slide, .test #envirConPic .swiper-slide img {
        width: 100%;
        height: auto
    }

    #showviout {
        display: none;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.6);
        z-index: 9998
    }

    #close {
        position: absolute;
        top: 18%;
        right: 5%
    }

    #close img {
        width: .7rem;
        height: .7rem
    }

    #showvideo {
        width: 85%;
        margin: 50% auto;
        position: relative
    }

    .swiper-pagination-bullet-active {
        background: #c02230 !important
    }

    .footer a dl dd {
        color: #fff
    }

    .endyd {
        width: 100%;
        height: auto;
        margin-bottom: .4rem
    }
    .hrefBox a li {
        display: flex;
        display: -webkit-flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        padding: .2rem 0;
        position: relative;
        overflow: hidden
    }

    .hrefBox a li i {
        color: #fff;
        margin-right: .2rem
    }

    .hrefBox a li p {
        color: #fff;
        font-size: .2rem
    }

    .bg_gray {
        background: #f5f5f5
    }

    .anim {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 1;
        transform: translate(-50%, -50%)
    }

    .anim:before {
        position: relative;
        content: "";
        display: block;
        margin-top: 100%
    }

    .anim:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 50%
    }

    .hoverable .anim {
        animation: anim-out 1s linear infinite
    }

    .hoverable .anim:after {
        animation: anim-out-pseudo 1s linear infinite
    }

    .hoverable:hover>.anim {
        animation: anim-out .75s
    }

    .hoverable:hover>.anim:after {
        animation: anim-out-pseudo .75s
    }
    @keyframes anim-out {
        0% {
            width: 0
        }

        100% {
            width: 100%
        }
    }

    @keyframes anim-out-pseudo {
        0% {
            background: rgba(255, 255, 255, 0.4)
        }

        100% {
            background: transparent
        }
    }
    .hrefBox {
        width: 100%;
        display: flex;
        display: -webkit-flex;
        -webkit-justify-content: center;
        justify-content: center
    }

    .hrefBox a {
        width: 35%;
        background: #c02230;
        margin: .4rem
    }

    .hrefBox a li {
        display: flex;
        display: -webkit-flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        padding: .2rem 0;
        position: relative;
        overflow: hidden
    }

    .hrefBox a li i {
        color: #fff;
        margin-right: .2rem
    }

    .hrefBox a li p {
        color: #fff;
        font-size: .2rem
    }

    .bg_gray {
        background: #f5f5f5
    }

    .system {
        width: 100%;
        margin-top: .4rem
    }

    .system .tit_top {
        width: 80%;
        margin: 0 auto
    }

    .system .tit_top h4 {
        display: flex;
        display: -webkit-flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        font-size: .3rem;
        font-weight: 600
    }

    .system .tit_top p {
        color: #c02230;
        text-align: center;
        font-size: .28rem
    }

    .system .tit_cont {
        width: 100%
    }

    .system .tit_cont .tit_box {
        position: relative
    }

    .system .tit_cont .tit_img {
        width: 100%;
        height: auto
    }

    .system .tit_cont .tit_fold {
        width: 100%;
        height: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        animation: advanRotate 26s linear 0s infinite normal
    }

    .system .tit_cont .tit_folds {
        width: 2.68rem;
        height: 2.68rem;
        border: .05rem dashed #a933fb;
        border-radius: 50%;
        position: absolute;
        top: 31%;
        left: 48%;
        margin-left: -1.24rem;
        animation: advanRotate 26s linear 0s infinite normal
    }

    .system .tit_content {
        width: 100%;
        position: relative;
        background: #f5f5f5;
        padding-top: .4rem
    }

    .system .tit_content .tit_left {
        width: 100%
    }

    .system .tit_content .tit_left .system_cont {
        width: 80%;
        margin: 0 auto;
        display: flex;
        display: -webkit-flex;
        border-radius: .2rem;
        border: 1px solid #c02230;
        overflow: hidden
    }
    .anim {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 1;
        transform: translate(-50%, -50%)
    }

    .anim:before {
        position: relative;
        content: "";
        display: block;
        margin-top: 100%
    }

    .anim:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 50%
    }

    .hoverable .anim {
        animation: anim-out 1s linear infinite
    }

    .hoverable .anim:after {
        animation: anim-out-pseudo 1s linear infinite
    }

    .hoverable:hover>.anim {
        animation: anim-out .75s
    }

    .hoverable:hover>.anim:after {
        animation: anim-out-pseudo .75s
    }


}