/*create by kgu, Inc.
 *kgu.less v1.0
 * Copyright 2010_2017 kgu.cn(http://kgu.cn)
*/

@media (max-width: 1200px) {
    .container {
        width: 100%;
    }
}

@media (max-width: 1200px) {
    .col_md_1, .col_md_2, .col_md_3, .col_md_4, .col_md_5, .col_md_6, .col_md_7, .col_md_8, .col_md_9, .col_md_10, .col_md_11, .col_md_12 {
        float: left;
    }
    .col_md_12 {
        width: 100%;
    }
    .col_md_11 {
        width: 91.66666667%;
    }
    .col_md_10 {
        width: 83.33333333%;
    }
    .col_md_9 {
        width: 75%;
    }
    .col_md_8 {
        width: 66.66666667%;
    }
    .col_md_7 {
        width: 58.33333333%;
    }
    .col_md_6 {
        width: 50%;
    }
    .col_md_5 {
        width: 41.66666667%;
    }
    .col_md_4 {
        width: 33.33333333%;
    }
    .col_md_3 {
        width: 25%;
    }
    .col_md_2 {
        width: 16.66666667%;
    }
    .col_md_1 {
        width: 8.33333333%;
    }
    .col_md_pull_12 {
        right: 100%;
    }
    .col_md_pull_11 {
        right: 91.66666667%;
    }
    .col_md_pull_10 {
        right: 83.33333333%;
    }
    .col_md_pull_9 {
        right: 75%;
    }
    .col_md_pull_8 {
        right: 66.66666667%;
    }
    .col_md_pull_7 {
        right: 58.33333333%;
    }
    .col_md_pull_6 {
        right: 50%;
    }
    .col_md_pull_5 {
        right: 41.66666667%;
    }
    .col_md_pull_4 {
        right: 33.33333333%;
    }
    .col_md_pull_3 {
        right: 25%;
    }
    .col_md_pull_2 {
        right: 16.66666667%;
    }
    .col_md_pull_1 {
        right: 8.33333333%;
    }
    .col_md_pull_0 {
        right: auto;
    }
    .col_md_push_12 {
        left: 100%;
    }
    .col_md_push_11 {
        left: 91.66666667%;
    }
    .col_md_push_10 {
        left: 83.33333333%;
    }
    .col_md_push_9 {
        left: 75%;
    }
    .col_md_push_8 {
        left: 66.66666667%;
    }
    .col_md_push_7 {
        left: 58.33333333%;
    }
    .col_md_push_6 {
        left: 50%;
    }
    .col_md_push_5 {
        left: 41.66666667%;
    }
    .col_md_push_4 {
        left: 33.33333333%;
    }
    .col_md_push_3 {
        left: 25%;
    }
    .col_md_push_2 {
        left: 16.66666667%;
    }
    .col_md_push_1 {
        left: 8.33333333%;
    }
    .col_md_push_0 {
        left: auto;
    }
    .col_md_offset_12 {
        margin-left: 100%;
    }
    .col_md_offset_11 {
        margin-left: 91.66666667%;
    }
    .col_md_offset_10 {
        margin-left: 83.33333333%;
    }
    .col_md_offset_9 {
        margin-left: 75%;
    }
    .col_md_offset_8 {
        margin-left: 66.66666667%;
    }
    .col_md_offset_7 {
        margin-left: 58.33333333%;
    }
    .col_md_offset_6 {
        margin-left: 50%;
    }
    .col_md_offset_5 {
        margin-left: 41.66666667%;
    }
    .col_md_offset_4 {
        margin-left: 33.33333333%;
    }
    .col_md_offset_3 {
        margin-left: 25%;
    }
    .col_md_offset_2 {
        margin-left: 16.66666667%;
    }
    .col_md_offset_1 {
        margin-left: 8.33333333%;
    }
    .col_md_offset_0 {
        margin-left: 0;
    }
}
@media (max-width: 992px) {
    .col_sm_1, .col_sm_2, .col_sm_3, .col_sm_4, .col_sm_5, .col_sm_6, .col_sm_7, .col_sm_8, .col_sm_9, .col_sm_10, .col_sm_11, .col_sm_12 {
        float: left;
    }
    .col_sm_12 {
        width: 100%;
    }
    .col_sm_11 {
        width: 91.66666667%;
    }
    .col_sm_10 {
        width: 83.33333333%;
    }
    .col_sm_9 {
        width: 75%;
    }
    .col_sm_8 {
        width: 66.66666667%;
    }
    .col_sm_7 {
        width: 58.33333333%;
    }
    .col_sm_6 {
        width: 50%;
    }
    .col_sm_5 {
        width: 41.66666667%;
    }
    .col_sm_4 {
        width: 33.33333333%;
    }
    .col_sm_3 {
        width: 25%;
    }
    .col_sm_2 {
        width: 16.66666667%;
    }
    .col_sm_1 {
        width: 8.33333333%;
    }
    .col_sm_pull_12 {
        right: 100%;
    }
    .col_sm_pull_11 {
        right: 91.66666667%;
    }
    .col_sm_pull_10 {
        right: 83.33333333%;
    }
    .col_sm_pull_9 {
        right: 75%;
    }
    .col_sm_pull_8 {
        right: 66.66666667%;
    }
    .col_sm_pull_7 {
        right: 58.33333333%;
    }
    .col_sm_pull_6 {
        right: 50%;
    }
    .col_sm_pull_5 {
        right: 41.66666667%;
    }
    .col_sm_pull_4 {
        right: 33.33333333%;
    }
    .col_sm_pull_3 {
        right: 25%;
    }
    .col_sm_pull_2 {
        right: 16.66666667%;
    }
    .col_sm_pull_1 {
        right: 8.33333333%;
    }
    .col_sm_pull_0 {
        right: auto;
    }
    .col_sm_push_12 {
        left: 100%;
    }
    .col_sm_push_11 {
        left: 91.66666667%;
    }
    .col_sm_push_10 {
        left: 83.33333333%;
    }
    .col_sm_push_9 {
        left: 75%;
    }
    .col_sm_push_8 {
        left: 66.66666667%;
    }
    .col_sm_push_7 {
        left: 58.33333333%;
    }
    .col_sm_push_6 {
        left: 50%;
    }
    .col_sm_push_5 {
        left: 41.66666667%;
    }
    .col_sm_push_4 {
        left: 33.33333333%;
    }
    .col_sm_push_3 {
        left: 25%;
    }
    .col_sm_push_2 {
        left: 16.66666667%;
    }
    .col_sm_push_1 {
        left: 8.33333333%;
    }
    .col_sm_push_0 {
        left: auto;
    }
    .col_sm_offset_12 {
        margin-left: 100%;
    }
    .col_sm_offset_11 {
        margin-left: 91.66666667%;
    }
    .col_sm_offset_10 {
        margin-left: 83.33333333%;
    }
    .col_sm_offset_9 {
        margin-left: 75%;
    }
    .col_sm_offset_8 {
        margin-left: 66.66666667%;
    }
    .col_sm_offset_7 {
        margin-left: 58.33333333%;
    }
    .col_sm_offset_6 {
        margin-left: 50%;
    }
    .col_sm_offset_5 {
        margin-left: 41.66666667%;
    }
    .col_sm_offset_4 {
        margin-left: 33.33333333%;
    }
    .col_sm_offset_3 {
        margin-left: 25%;
    }
    .col_sm_offset_2 {
        margin-left: 16.66666667%;
    }
    .col_sm_offset_1 {
        margin-left: 8.33333333%;
    }
    .col_sm_offset_0 {
        margin-left: 0;
    }
}
@media screen and (max-width: 767px) {
    .col_xs_12 {
        width: 100%;
    }
    .col_xs_11 {
        width: 91.66666667%;
    }
    .col_xs_10 {
        width: 83.33333333%;
    }
    .col_xs_9 {
        width: 75%;
    }
    .col_xs_8 {
        width: 66.66666667%;
    }
    .col_xs_7 {
        width: 58.33333333%;
    }
    .col_xs_6 {
        width: 50%;
    }
    .col_xs_5 {
        width: 41.66666667%;
    }
    .col_xs_4 {
        width: 33.33333333%;
    }
    .col_xs_3 {
        width: 25%;
    }
    .col_xs_2 {
        width: 16.66666667%;
    }
    .col_xs_1 {
        width: 8.33333333%;
    }
    .col_xs_pull_12 {
        right: 100%;
    }
    .col_xs_pull_11 {
        right: 91.66666667%;
    }
    .col_xs_pull_10 {
        right: 83.33333333%;
    }
    .col_xs_pull_9 {
        right: 75%;
    }
    .col_xs_pull_8 {
        right: 66.66666667%;
    }
    .col_xs_pull_7 {
        right: 58.33333333%;
    }
    .col_xs_pull_6 {
        right: 50%;
    }
    .col_xs_pull_5 {
        right: 41.66666667%;
    }
    .col_xs_pull_4 {
        right: 33.33333333%;
    }
    .col_xs_pull_3 {
        right: 25%;
    }
    .col_xs_pull_2 {
        right: 16.66666667%;
    }
    .col_xs_pull_1 {
        right: 8.33333333%;
    }
    .col_xs_pull_0 {
        right: auto;
    }
    .col_xs_push_12 {
        left: 100%;
    }
    .col_xs_push_11 {
        left: 91.66666667%;
    }
    .col_xs_push_10 {
        left: 83.33333333%;
    }
    .col_xs_push_9 {
        left: 75%;
    }
    .col_xs_push_8 {
        left: 66.66666667%;
    }
    .col_xs_push_7 {
        left: 58.33333333%;
    }
    .col_xs_push_6 {
        left: 50%;
    }
    .col_xs_push_5 {
        left: 41.66666667%;
    }
    .col_xs_push_4 {
        left: 33.33333333%;
    }
    .col_xs_push_3 {
        left: 25%;
    }
    .col_xs_push_2 {
        left: 16.66666667%;
    }
    .col_xs_push_1 {
        left: 8.33333333%;
    }
    .col_xs_push_0 {
        left: auto;
    }
    .col_xs_offset_12 {
        margin-left: 100%;
    }
    .col_xs_offset_11 {
        margin-left: 91.66666667%;
    }
    .col_xs_offset_10 {
        margin-left: 83.33333333%;
    }
    .col_xs_offset_9 {
        margin-left: 75%;
    }
    .col_xs_offset_8 {
        margin-left: 66.66666667%;
    }
    .col_xs_offset_7 {
        margin-left: 58.33333333%;
    }
    .col_xs_offset_6 {
        margin-left: 50%;
    }
    .col_xs_offset_5 {
        margin-left: 41.66666667%;
    }
    .col_xs_offset_4 {
        margin-left: 33.33333333%;
    }
    .col_xs_offset_3 {
        margin-left: 25%;
    }
    .col_xs_offset_2 {
        margin-left: 16.66666667%;
    }
    .col_xs_offset_1 {
        margin-left: 8.33333333%;
    }
    .col_xs_offset_0 {
        margin-left: 0;
    }
}

/*自适应*/
@media screen and (max-width: 767px) {
    .mail_box{
        display: none;
    }
    .table_responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }
    .table_responsive > .table {
        margin-bottom: 0;
    }
    .table_responsive > .table > thead > tr > th,
    .table_responsive > .table > tbody > tr > th,
    .table_responsive > .table > tfoot > tr > th,
    .table_responsive > .table > thead > tr > td,
    .table_responsive > .table > tbody > tr > td,
    .table_responsive > .table > tfoot > tr > td {
        white-space: nowrap;
    }
    .table_responsive > .table_bordered {
        border: 0;
    }
    .table_responsive > .table_bordered > thead > tr > th:first-child,
    .table_responsive > .table_bordered > tbody > tr > th:first-child,
    .table_responsive > .table_bordered > tfoot > tr > th:first-child,
    .table_responsive > .table_bordered > thead > tr > td:first-child,
    .table_responsive > .table_bordered > tbody > tr > td:first-child,
    .table_responsive > .table_bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }
    .table_responsive > .table_bordered > thead > tr > th:last-child,
    .table_responsive > .table_bordered > tbody > tr > th:last-child,
    .table_responsive > .table_bordered > tfoot > tr > th:last-child,
    .table_responsive > .table_bordered > thead > tr > td:last-child,
    .table_responsive > .table_bordered > tbody > tr > td:last-child,
    .table_responsive > .table_bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }
    .table_responsive > .table_bordered > tbody > tr:last-child > th,
    .table_responsive > .table_bordered > tfoot > tr:last-child > th,
    .table_responsive > .table_bordered > tbody > tr:last-child > td,
    .table_responsive > .table_bordered > tfoot > tr:last-child > td {
        border-bottom: 0;
    }
}


@media (max-width: 1200px) {
    .search_box,.go_top,.mail_box{
        display: none;
    }
    .logo{
        margin-left: 15px;
    }
    .banner_con .txt h3{
        margin-top: 15px;
        font-size: 32px;
    }
    .banner_resume.banner_con .txt h3{
        margin-top: 0;
    }
    .company_intro .right_col, .company_intro .left_col{
        width: 50%;
    }
    .company_intro .img_left .right_col,
    .company_intro .img_right .right_col{
        width: 50%;
    }
    .company_intro .img_left .right_col .txt{
        margin:0 20px;
    }
    .company_intro .img_right .right_col .txt{
        margin:0 20px;

    }
    .header .nav_bg{
        top: 99%;
    }
    .idea_section{
        padding-top: 55%;
        background-attachment: initial;
    }
    .banner_company .vertical_middle{
        position: static;
        margin-top: 0!important;
    }
    .contact_in .contact_con h3{
        margin-top: 10px;
        /*margin-bottom: 5px;*/
    }
    .contact_in .contact_con .img_box img{
        height: 200px;
    }
    .contact_in .contact_con .img_box{
        margin-top: 5px;
    }
    .project_con .pro_table td,
    .project_con .pro_table th {
        white-space: nowrap;
    }
}



@media (max-width: 992px) {
    .nav > li > a {
        padding: 0 15px;
    }
    .footer .pull_right{
        display: none;
    }
    .banner_con .txt{
        width: 90%;
    }
    .banner_company{
        /*padding-top: 75%;*/
    }
    .social_honor h3{
        width: 100%;
        margin: 20px 15px;
    }
    .social_honor .bg_img{
        display: none;
    }
    .social_honor{
        margin: 30px 0 40px 0;
    }
    .company_intro .right_col,
    .company_intro .left_col{
        width: 100%;
    }
    .company_intro .img_left .right_col,
    .company_intro .img_right .right_col{
        width: 100%;
        position: static;
    }
    .company_intro .img_right .left_col{
        margin-left: 0;
    }
    .company_intro .img_right .right_col .txt,
    .company_intro .img_left .right_col .txt{
        margin: 20px 20px;
    }
    .company_imgtxt .imgtxt12 .txt,
    .company_imgtxt .imgtxt12 .img_box,
    .company_imgtxt .imgtxt22 .txt,
    .company_imgtxt .imgtxt22 .img_box{
        margin-left: 0;
    }
    .company_imgtxt .imgtxt11,
    .company_imgtxt .imgtxt12{
        min-height: 670px;
    }
    .company_imgtxt .imgtxt21,
    .company_imgtxt .imgtxt22{
        min-height: 700px;

    }
    .bannerin_slick .banner_inside{
        padding-top: 70%;
    }
    .pro_head{
        margin: 0 0;
        margin-top: 10px;
    }

    .project {
        width: 770px;
        margin: auto ;
    }
    .project .project_grid{
        margin: 0;
    }
    .project .project_grid .grid_item {
        width: 33.333333%
    }
    .project .project_grid .grid_item.s21, .project .project_grid .grid_item.s22 {
        width: 66.666666%
    }
    .contact1{
        float: left;
        overflow: hidden;
        width: 50%;
    }

    .contact_in .contact_con .img_box{
        overflow: hidden;
        text-align: center;
    }
    .index.contact .footer
    {
        position: static;
    }
    .index.contact .fullpage{
        position: static;
    }
    .index.contact{
        height: auto;
        overflow: auto;
    }
    .contact_in{
        position: static;
        margin-top: 160px;
    }
    .contact_con{
        clear: both;
        overflow: hidden;
    }
    .contact_in .contact_right .img_box{
        padding-top: 80%;
        margin-top: 10px;
    }

    .idea_sh h3 p{
        font-size: 26px;
    }
    .idea_sh h3{
        padding-bottom: 15px;
    }
    .idea_section2 h3 p,
    .idea_section3 h3 p{
        font-size: 32px;
    }
    .idea_section3 h3 p{
        margin-bottom: 15px;
    }
    .idea_section2 .list_box{
        margin-bottom: 150px;
    }
    .idea_section_edu .pc_h{
        display: none;
    }
    .idea_section_edu .edu_m{
        display: block;
    }
    .idea_section_edu .edu_m h3{
        position: static;
        color: #fff;
        font-size: 36px;
        line-height: 1.3;
        text-align: left;
        font-weight: 600;
        text-align: center;
    }
    .idea_section_edu .edu_box .four > div{
        margin: 10px 0;
    }
    .idea_section_edu .edu_box .four .edu1 h4,
    .idea_section_edu .edu_box .four .edu2 h4,
    .idea_section_edu .edu_box .four .edu3 h4,
    .idea_section_edu .edu_box .four .edu4 h4{
        width: 120px;
        height: 60px;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0 ;
        margin: auto;
        text-align: center;
        line-height: 60px;
    }
    .idea_section_edu .edu_m em{
        color: #fff;
        font-size: 26px;
        display: block;
        margin-bottom: 10px;
    }
    .idea_section_edu .edu_m .ico_unity{
        color: #fff;
        font-size: 26px;
        margin-right: 15px;
    }
    .idea_section_edu .edu_box .four h4{
        font-weight: normal;
        font-size: 26px;
    }
    .idea_section_edu .edu_box .four h4{
        font-weight: normal;
    }
    .news_page .right_col .col_box{
        margin-left: 0;
    }
    .news_page .left_col .col_box{
        margin-right: 0;
    }
    .newssearch_box{
        display: none;
    }
    .news_page .news_nav{
        margin-bottom: 30px;
    }
    .news_page .news_nav .next{
        text-align: left;
    }
    .news_page .menu{
        display: none;
    }
    .news_page .news_con h3{
        font-size: 22px;
        margin: 25px 0 15px 0;
    }
    .news_page .news_con span{
        line-height: 2;
    }
    .news_page a.back {
        margin: 0 auto;
        width: 108px;
        height: 36px;
        /*padding: 4px 0;*/
        border: 1px solid #aaaaaa;
        display: block;
        text-align: center;
        color: #aaaaaa;
        -webkit-transition: .3s;
        transition: .3s;
        line-height: 36px;
        border-radius: 2px;
        margin-top: 15px;
    }
    .news_page .news_nav{
        height: auto;
    }

    .resume .resume_left .col_box,
    .project_con .left_col .col_box{
        margin-right: 0;
    }
    .resume .resume_right .col_box,
    .project_con .right_col .col_box{
        margin-left: 0;
    }
    .member_detail .info_box{
        padding-top: 150px;
        padding-left: 20px;
    }
    .member_detail .member_left  .img_box{
        text-align: center;
    }
    .company_num{
        background-position: top;
        background-size: auto;
        background-attachment: inherit;
    }
    .contact_in .contact_mleft{
        height: auto;
        width: 100%;
        background-size: 30% 90%;
    }
    .contact_in .contact_mright{
        height: auto;
        width: 100%;
        background-size: cover;
    }
    .contact_in .contact_mright .img_box{
        height: auto;
    }
    .contact_in .contact_mright .img_box {
        padding-top: 80%;
        margin-top: 10px;
    }
}



@media (max-width: 767px) {
    .project_con .col_xs_12{
        width: 100%;
    }
    .project_con .left_col,
    .project_con .right_col{
        margin:10px 0;
    }
    .banner_con h2{
        font-size: 24px;
    }
    .cur-pos,
    .page,
    .project_head .shera{
        display: none;
    }
    .m-page{
        display: block;
    }
    .banner_con{
        top:60px
    }
    .banner_company{
        /*padding-top: 90%;*/
    }
    .banner_company .vertical_middle{
        position: static;
        margin-top: 0!important;
    }
    .banner_con .txt h3{
        margin-top: 10px;
        font-size: 20px;
    }
    .banner_con .txt p{
        margin-top: 10px;
        font-size: 12px;
    }
    .banner_resume.banner_con .txt p{
        font-size: 12px;

    }
    .banner_pro{
        padding-top: 70%;
    }
    .pro_banner_con{
        bottom: 10px;
        padding:0 30px;
    }
    .pro_banner_con h2{
        font-size: 24px;
    }
    .pro_banner_con h3{
        font-size: 18px;
        margin-bottom: 5px;
    }
    .pro_banner_con p a{
        font-size: 14px;
    }
    .social_honor h3,
    .client_list h3{
        font-size: 28px;
        margin-bottom: 15px;
    }
    .client_list .container,
    .client_list .list_box{
        height: 100%;
    }
    .client_list .list_box .row{
        max-height: 400px;
        overflow: scroll;
    }
    #nav_toggle{
        display: block;
    }
    .move_line,.nav_bg{
        display: none !important;
    }
    .client_list .list_box{
        padding: 20px 20px;
    }
    .company_num h3{
        margin: 30px 0;
    }
    .company_num h4{
        line-height: 30px;
        margin-bottom: 10px;
    }
    .company_imgtxt .imgtxt11 .txt{
        margin-top: 50px;
    }
    .member_list .col_box{
        margin-bottom: 20px;
    }
    .banner_news{
        margin-top: 0;
    }
    .btn_check{
        margin-bottom: 100px;
    }
    .contact_in,.news_page{
        margin-top: 60px;
    }
    .contact_in h2{
        margin-top: 20px;
    }
    .idea_section3 .client,
    .partner{
        margin: 0 15px;
    }
    .idea_section {
        padding-top: 80%;
    }
    .idea_sh h3 p{
        font-size: 14px;
    }
    .idea_sh{
        background-size: initial;
        -webkit-background-size: initial;
        -moz-background-size: initial;
        -o-background-size: initial;
    }
    .idea_section2 h3 p,
    .idea_section3 h3 p{
        font-size: 28px;
    }
    .project_head h2{
        font-size: 24px;
    }
    .resume .resume_left h2{
        margin-bottom: 15px;
        margin-top: 20px;
    }
    .resume .resume_right .resume_class {
        display: block;
        height: 50px;
        width: 50px;
        line-height: 50px;
        font-size: 14px;
    }
    .member_detail .info_box{
        padding-top: 20px;
        padding-left: 0;
        border: none;
    }
    .member_detail{
        margin-top: 0;
        padding-top: 80px;
    }
    .member_list .col_box{
        margin-left: 0;
        margin-right: 0;
    }
    .header{
        background: #fff;
        position: fixed;
        top:0;
    }
    .nav_box{
        position:absolute ;
        top:100%;
        left:0;
        width: 100%;
        z-index: 999;
        display: none;
        background: #fff;
        -webkit-transition: background 1s;
        -moz-transition: background 1s;
        -ms-transition: background 1s;
        -o-transition: background 1s;
        transition: background 1s;

    }
    .nav_box .nav{
        max-height: 400px;
        overflow-y: scroll;
    }
    .header_index,
    .header_index .nav_box{
        background: transparent;
    }
    .header.header_visible .nav_box{
        background: #fff;
    }
    .header_index #nav_toggle span,
    .header_index #nav_toggle span:before,
    .header_index #nav_toggle span:after{
        background: #fff;
    }
    .header_index.m_hover #nav_toggle span{
        background: transparent;

    }
    .header_index.m_hover #nav_toggle span:before,
    .header_index.m_hover #nav_toggle span:after{
        background: #bf0017;
    }
    .header.m_hover .nav_box{
        background: #fff;
        -webkit-box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
        box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
    }
    .header{
        -webkit-box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
        box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
    }
    .header_index{
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .header.m_static .nav_box{
        background: #fff;
        -webkit-box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
        box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
    }
    .header.m_static .logo .logo_white {
        opacity: 0;
    }
    .header.m_static .logo .logo_color{
        display: block;
    }
    .header.m_static{
        background: #fff;
    }
    .header.m_static .nav_bg{
        background: #fff;
        border-top: 1px solid #f7f7f7;
    }
    .header.m_static .nav > li > a span{
        color: #333333;
    }
    .banner_news .banner_con{
        top:60px;
    }
    .header{
        height: 60px;
    }
    .logo {
        height: 50px;
        margin: 5px 0 5px 15px;
    }
    .nav > li{
        width: 100%;
        border-top: 1px solid #e0e0e0;
    }
    .nav > li > a {
        display: block;
        width: 100%;
        padding: 5px 17px;
    }
    .nav > li > a span{
        display: block;
        width: 100%;
        padding: 3px 0;
    }
    .nav .dropdown_menu{
        position: static;
    }
    .nav > li > ul > li{
        width:100%;
    }
    .nav > li > ul > li > a{
        display: block;
        line-height: 40px;
        text-align: center;
        text-align: left;
        padding: 0;
        padding-left: 17px;
        color: #666;
    }
    .nav > li > ul {
        white-space: normal;
    }
    .footer{
        height: auto;
        line-height: 1.8;
        padding: 10px 0;
        text-align: center;
    }
    .footer .copy_right{
        display: block;
        text-align: center;
    }
    .footer .pull_left{
        float: none;
        margin-left: 0;
        padding:0 ;
    }

    .project_head{
        margin-top: 60px;
    }
    .project {
        width: auto;
        margin: 0 ;
    }
    .project .project_grid .grid-item .grid_dis {
        height: 55px
    }

    .project .project_grid .grid-item .grid_img h4 {
        margin-bottom: 0
    }

    .project .project_grid .grid_item.s11,
    .project .project_grid .grid_item.s12,
    .project .project_grid .grid_item.s21,
    .project .project_grid .grid_item.s22 {
        width: 100%
    }

    .project .project_grid .grid_item.s11:after,
    .project .project_grid .grid_item.s12:after,
    .project .project_grid .grid_item.s21:after,
    .project .project_grid .grid_item.s22:after {
        margin-top: 100%
    }
}

@media (max-width: 540px) {
    .box_404 h2{
        font-size: 120px;
    }
    .box_404 h3{
        font-size: 17px;
    }
    .box_404 a{
        display: block;
        line-height: 2.5;
        margin: 10px auto;
    }
    .news_page .news_con .news_set,
    .news_page .news_con .news_author
    {
        display: none;
    }
    .bannerin_slick .banner_inside{
        padding-top: 95%;
    }
    .member_list .member_info p{
        font-size: 12px;
        margin-bottom: 5px;
    }
    .contact1{
        float: none;
        overflow: hidden;
        width: 100%
    }
    .banner_full .item h2{
        bottom: 115px;
        font-size: 28px;
    }
    .banner_full .slick-dots{
        bottom: 80px;
    }
    .company_imgtxt{
        display: none;
    }
    .company_imgtxt.company_imgtxt_m{
        display: block;
    }
    .banner_company{
        /*padding-top: 120%;*/
    }
    .client_list .col_xs_4,
    .partner .col_xs_4,
    .client .col_xs_4{
        width: 50%;
    }
    .company_imgtxt .imgtxt11,
    .company_imgtxt .imgtxt12,
    .company_imgtxt .imgtxt21,
    .company_imgtxt .imgtxt22,
    .company_imgtxt .imgtxt31,
    .company_imgtxt .imgtxt32,
    .company_imgtxt .imgtxt41{
        width: 100%;
        min-height: inherit;
    }
    .company_imgtxt .txt{
        margin-top: 0px !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
    .company_imgtxt .imgtxt11 .txt,
    .company_imgtxt .imgtxt11 .img_box,
    .company_imgtxt .imgtxt21 .txt,
    .company_imgtxt .imgtxt21 .img_box{
        margin-right: 0;
    }
    .company_imgtxt .imgtxt32 .txt,
    .company_imgtxt .imgtxt32 .img_box,
    .company_imgtxt .imgtxt41 .txt,
    .company_imgtxt .imgtxt41 .img_box{
        margin-left: 0;
    }
    .contact1{
        float: none;
    }
    .contact_in .contact_con .img_box{
        text-align: left;
    }
    .idea_section3 .client, .partner{
        margin: 0;
    }
    .idea_section_edu .edu_m em{
        font-size: 14px;
    }
    .idea_section_edu .edu_m .ico_unity{
        font-size: 14px;
        margin-right: 5px;
    }
    .idea_section_edu .edu_box .four h4{
        font-weight: normal;
        font-size: 16px;
    }
    .idea_section_edu .edu_m h3{
        font-size: 26px;
    }
}
@media (max-width: 400px) {
    .banner_company{
        /*padding-top: 160%;*/
    }
    .list3 .col_xs_4{
        width: 50%;
    }
}

@media (max-height: 545px) {
    .banner_company{
        /*padding-top: 90%;*/
    }
    .client_list .list_box .row{
        max-height: 200px;
        overflow: scroll;
    }
}