@media (max-width: 1200px) {
    .row {
        margin: 0;
    }
.content-box{
        position: relative;
    }
    .index-video-mobile-box{
        position: absolute;
        width: 100%;
        text-align: center;
        height: 10.971429rem;
        top: 247.314286rem;
        z-index: 999;
    }
    .index-video-mobile{
        width: 19.504762rem;
        height: 100%;
    }
    .index-serve-box {
        display: flex;
        height: 27.42924rem;
        background: #ffffff;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .index-serve {
        width: 100%;
        text-align: center;
    }

    .index-serve-title {
        font-size: 1.462893rem;
        color: #585858;
    }

    .index-serve-subhead {
        font-size: 0.853354rem;
        color: #a8a8a8;
        padding: 0.609539rem 0;
    }

    .index-serve-content {
        font-size: 0.487631rem;
        color: #808080;
        margin-top: 0.609539rem;
        line-height: 0.853354rem;
    }

    .index-serve-img-box {
        min-height: 5.333463rem;
    }

    .index-serve-img-one,
    .index-serve-img-two,
    .index-serve-img-three {
        display: none;
    }

    .index-system {
        height: 27.42924rem;
        width: 100%;
        background: #f8f8f8;
    }

    .index-system-item {
        height: 27.42924rem;
    }

    .index-system-item {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .index-serve-img {
        margin-top: 1.88957rem;
    }

    .index-more-box {
        height: 27.42924rem;
        width: 100%;
        background: #303030;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .index-more {
        width: 100%;
        text-align: center;
        color: #ffffff;
    }

    .index-more-title {
        font-size: 1.462893rem;
    }

    .index-more-subhead {
        font-size: 0.853354rem;

    }

    .index-more-item-box {
        margin-top: 1.828616rem;
        padding: 0;
    }

    .index-more-item-img {
        width: 1.219077rem;
        height: 1.219077rem;
        margin-right: 0.304769rem;
    }

    .index-more-item-one {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        padding: 0.914308rem 0;
    }

    .index-more-item-two {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 0.914308rem 0;
    }

    .index-more-item-three {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        padding: 0.914308rem 0;
    }

    .index-more-item-title {
        font-size: 0.975262rem;
        margin: 0;
    }

    .index-more-item-content {
        font-size: 0.487631rem;
        margin: 0;
    }

    .index-future {
        height: 27.42924rem;
        width: 100%;
        background: #f8f8f8;
    }

    .index-future-item {
        height: 27.42924rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .index-news-box {
        width: 100%;
        background: #ffffff;
    }

    .index-news {
        min-height: 27.42924rem;
        width: 100%;
        background: #ffffff;
        text-align: center;
        padding: 1.523847rem 0;
    }

    .index-news-item {
        margin-top: 1.219077rem;
        text-align: left;
    }

    .index-news-title {
        font-size: 0.731446rem;
        color: #808080;
    }

    .index-news-writer {
        font-size: 0.365723rem;
        color: #808080;
        margin-top: 0.304769rem;
    }

    .index-news-info {
        font-size: 0.487631rem;
        color: #808080;
        padding-right: 0.609539rem;
        margin-top: 0.609539rem;
    }

    .index-row-news {
        margin-top: 1.828616rem;
    }

    .news-more-button-box {
        margin-top: 2.133385rem;
    }

    .news-more {
        width: 6.095387rem;
        height: 1.219077rem;
        line-height: 1.219077rem;
        padding: 0;
        border-radius: 0.152385rem;
        background: rgb(57, 183, 255);
        font-size: 0.487631rem;
        color: #ffffff;
        margin: 0 auto;
        cursor: pointer;
    }

    .hide-more {
        width: 6.095387rem;
        height: 1.219077rem;
        line-height: 1.219077rem;
        padding: 0;
        border-radius: 0.152385rem;
        background: rgb(57, 183, 255);
        font-size: 0.487631rem;
        color: #ffffff;
        margin: 0 auto;
        cursor: pointer;
        display: none;
    }

    .news-more-hidden {
        display: none;
    }
}

@media (min-width: 1200px) {


    .index-serve-box {
        display: flex;
        height: 900px;
        background: #ffffff;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }


    .index-system {
        height: 900px;
        width: 100%;
        background: #f8f8f8;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }


    .index-more-box {
        height: 900px;
        width: 100%;
        background: #303030;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    

    .index-future {
        height: 900px;
        width: 100%;
        background: #f8f8f8;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .index-children{
        height: 900px;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: #303030;
    }
    .index-children-title {
    font-size: 36px;
    color: #ffffff;
    margin-bottom: 40px;
    text-align: center;
}
       .index-children video{
        width: 960px;
    }
    
    .index-question-box {
        width: 100%;
        background: #ffffff;
        position: relative;
    }

    .index-question {
        min-height: 900px;
        background: #ffffff;
        text-align: center;
        padding-bottom: 160px;
    }

    .index-question-title {
        font-size: 48px;
        color: #585858;
        margin-top: 40px;
    }

    .index-question-item-box {
        margin-top: 40px;
    }

    .index-question-item {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        text-align: left;
        font-size: 24px;
        color: #383838;
    }

    .index-answer-item {
        margin-top: 20px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        font-size: 16px;
        color: #808080;
        text-align: left;
    }
    .index-answer-item p{
        line-height: 32px;
        margin: 0;
    }
    .index-question-item-hide {
        display: none;
    }

    .question-more{
        display: flex;
        flex-direction: row;
        justify-content: center;
        width: 100%;
    }
    .s-xguide-down {
        width: 50px;
        height: 50px;
        display: inline-block;
        position: absolute;
        bottom: 60px;
        /*left: 50%;*/
        background-image: url("./../image/xia_jiantou.png");
        background-repeat: no-repeat;
        _background: none;
        _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./s_xguide_down_ie_a343e020.png", enabled=true, sizingMethod="crop");
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -o-border-radius: 50%;
        opacity: .7;
        cursor: pointer
    }

    @keyframes xguide_down {

        0%,
        100% {
            transform: scale(0.0);
            -moz-transform: scale(0.0);
            -o-transform: scale(0.0);
            -webkit-transform: scale(0.0);
            -ms-transform: scale(0.0);
            opacity: 0
        }

        50% {
            transform: scale(1.0);
            -moz-transform: scale(1.0);
            -o-transform: scale(1.0);
            -webkit-transform: scale(1.0);
            -ms-transform: scale(1.0);
            opacity: 1
        }

    }

    @-webkit-keyframes xguide_down {
        0%,
        100% {
            -webkit-transform: scale(0.0);
            -moz-transform: scale(0.0);
            -o-transform: scale(0.0);
            -ms-transform: scale(0.0);
            transform: scale(0.0);
            opacity: 0
        }

        50% {
            -webkit-transform: scale(1.0);
            -moz-transform: scale(1.0);
            -o-transform: scale(1.0);
            -ms-transform: scale(1.0);
            transform: scale(1.0);
            opacity: 1
        }

    }

    @-moz-keyframes xguide_down {

        0%,
        100% {
            -moz-transform: scale(0.0);
            -o-transform: scale(0.0);
            -webkit-transform: scale(0.0);
            -ms-transform: scale(0.0);
            transform: scale(0.0);
            opacity: 0
        }

        50% {

            -moz-transform: scale(1.0);
            -o-transform: scale(1.0);
            -webkit-transform: scale(1.0);
            -ms-transform: scale(1.0);
            transform: scale(1.0);
            opacity: 1
        }



    }

    @-o-keyframes xguide_down {
        0%,
        100% {
            -o-transform: scale(0.0);
            -moz-transform: scale(0.0);
            -webkit-transform: scale(0.0);
            -ms-transform: scale(0.0);
            transform: scale(0.0);
            opacity: 0
        }

        50% {
            -o-transform: scale(1.0);
            -moz-transform: scale(1.0);
            -webkit-transform: scale(1.0);
            -ms-transform: scale(1.0);
            transform: scale(1.0);
            opacity: 1
        }



    }

    .s-xguide-down.trans {
        -webkit-animation: xguide_down 4.0s infinite ease-in-out;
        -moz-animation: xguide_down 4.0s infinite ease-in-out;
        -o-animation: xguide_down 4.0s infinite ease-in-out;
        animation: xguide_down 4.0s infinite ease-in-out
    }

    .s-xguide-down.arrow-1 {
        animation-delay: -2.0s;
        -webkit-animation-delay: -2.0s;
        -moz-animation-delay: -2.0s;
        -o-animation-delay: -2.0s
    }

    .index-question-item-img {
        margin-right: 10px;
    }

    .index-news-box {
        width: 100%;
        background: #ffffff;
        position: relative;
    }
    .index-news-content-box{
        height: 700px;
        overflow: hidden;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .index-news-content-left-box .index-news-content{
        text-align: left;
        width: 540px;
        height: 140px;
        background-image: url("./../image/news_left_en.png");
        margin-bottom: 148px;
        background-size: 100% 100%;
    }
    .index-news-content-left-box .index-news-content:hover{
        text-align: left;
        width: 540px;
        height: 140px;
        background-image: url("./../image/news_left_hover_en.png");
        margin-bottom: 148px;
        background-size: 100% 100%;
    }
    .index-news-content-left-box .index-news-content:nth-of-type(1){
        margin-top: 22px;
    }
    .index-news-content-right-box .index-news-content{
        text-align: left;
        width: 540px;
        height: 140px;
        background-image: url("./../image/news_right_en.png");
        margin-bottom: 148px;
        background-size: 100% 100%;
    }
    .index-news-content-right-box .index-news-content:hover{
        text-align: left;
        width: 540px;
        height: 140px;
        background-image: url("./../image/news_right_hover_en.png");
        margin-bottom: 148px;
        background-size: 100% 100%;
    }
    .index-news-content-right-box .index-news-content:nth-of-type(1){
        margin-top: 165px;
    }
    .index-news {
        min-height: 900px;
        width: 1220px;
        margin: 0 auto;
        overflow: hidden;
        background: #ffffff;
        text-align: center;
        padding: 50px 0 130px 0;
    }

    .index-news-item {

        text-align: left;
    }

     .index-news-content-left-box .index-news-content .index-news-title {
        font-size: 24px;
        color: #808080;
        margin-left: 30px;
        margin-right: 50px;
        padding-bottom: 10px;
        border-bottom: 1px solid #dadada;
    }

    .index-news-content-left-box .index-news-content .index-news-writer {
        font-size: 20px;
        color: #d0d0d0;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 20px 20px 0 30px;
    }

    .index-news-content-left-box .index-news-content .index-news-info {
        font-size: 16px;
        color: #808080;
        padding-left: 30px;
        padding-right: 50px;
        margin-top: 20px;
        line-height: 22px;
    }
    .index-news-content-right-box .index-news-content .index-news-title{
        font-size: 24px;
        color: #808080;
        margin-left: 50px;
        margin-right: 30px;
        padding-bottom: 10px;
        border-bottom: 1px solid #dadada;
    }

    .index-news-content-right-box .index-news-content .index-news-writer {
        font-size: 20px;
        color: #d0d0d0;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 20px 30px 0 50px;
    }

    .index-news-content-right-box .index-news-content .index-news-info {
        font-size: 16px;
        color: #808080;
        padding-left: 50px;
        padding-right: 30px;
        margin-top: 20px;
        line-height: 22px;
    }
    .index-row-news {
        margin-top: 60px;
    }

    .news-more-button-box {
        margin-top: 70px;
    }

    .news-more {
        /*        width: 200px;
        height: 40px;*/
        /*        line-height: 40px;
        padding: 0;
        border-radius: 5px;
        background: rgb(57, 183, 255);
        font-size: 16px;
        color: #ffffff;*/
        cursor: pointer;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .news-more-img {
        margin: 0 auto;
    }

    .hide-more {
        width: 200px;
        height: 40px;
        line-height: 40px;
        padding: 0;
        border-radius: 5px;
        background: rgb(57, 183, 255);
        font-size: 16px;
        color: #ffffff;
        margin: 0 auto;
        cursor: pointer;
        display: none;
    }

    .news-more-hidden {
        display: none;
    }
}