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

/*PUBLIC*/
/*frame自适应*/
@media (max-width: 1200px) {
    .container,
    .container_1200{
        width: 100%;
    }
    .container {
        padding-right: 10px;
        padding-left: 10px;
    }
    .row {
        margin-right: -10px;
        margin-left: -10px;
    }
}
@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, .col_md_13, .col_md_14, .col_md_15, .col_md_16, .col_md_17, .col_md_18, .col_md_19, .col_md_20, .col_md_21, .col_md_22, .col_md_23, .col_md_24{
        float: left;
    }

    .col_md_24 {
        width: 100%;
    }
    .col_md_23 {
        width: 95.83333333%;
    }
    .col_md_22 {
        width: 91.66666667%;
    }
    .col_md_21 {
        width: 87.5%;
    }
    .col_md_20 {
        width: 83.33333333%;
    }
    .col_md_19 {
        width: 79.16666667%;
    }
    .col_md_18 {
        width: 75%;
    }
    .col_md_17 {
        width: 70.83333333%;
    }
    .col_md_16 {
        width: 66.66666667%;
    }
    .col_md_15 {
        width: 62.5%;
    }
    .col_md_14 {
        width: 58.33333333%;
    }
    .col_md_13 {
        width: 54.16666667%;
    }
    .col_md_12 {
        width: 50%;
    }
    .col_md_11 {
        width: 45.83333333%;
    }
    .col_md_10 {
        width: 41.66666667%;
    }
    .col_md_9 {
        width: 37.5%;
    }
    .col_md_8 {
        width: 33.33333333%;
    }
    .col_md_7 {
        width: 29.16666667%;
    }
    .col_md_6 {
        width: 25%;
    }
    .col_md_5 {
        width: 20.83333333%;
    }
    .col_md_4 {
        width: 16.66666667%;
    }
    .col_md_3 {
        width: 12.5%;
    }
    .col_md_2 {
        width: 8.33333333%;
    }
    .col_md_1 {
        width: 4.16666667%;
    }

    /*列排序*/
    .col_md_pull_24 {
        right: 100%;
    }
    .col_md_pull_23 {
        width: 95.83333333%;
    }
    .col_md_pull_22 {
        right: 91.66666667%;
    }
    .col_md_pull_21 {
        right: 87.5%;
    }
    .col_md_pull_20 {
        right: 83.33333333%;
    }
    .col_md_pull_19 {
        right: 79.16666667%;
    }
    .col_md_pull_18 {
        right: 75%;
    }
    .col_md_pull_17 {
        right: 70.83333333%;
    }
    .col_md_pull_16 {
        right: 66.66666667%;
    }
    .col_md_pull_15 {
        right: 62.5%;
    }
    .col_md_pull_14 {
        right: 58.33333333%;
    }
    .col_md_pull_13 {
        right: 54.16666667%;
    }
    .col_md_pull_12 {
        right: 50%;
    }
    .col_md_pull_11 {
        right: 45.83333333%;
    }
    .col_md_pull_10 {
        right: 41.66666667%;
    }
    .col_md_pull_9 {
        right: 37.5%;
    }
    .col_md_pull_8 {
        right: 33.33333333%;
    }
    .col_md_pull_7 {
        right: 29.16666667%;
    }
    .col_md_pull_6 {
        right: 25%;
    }
    .col_md_pull_5 {
        right: 20.83333333%;
    }
    .col_md_pull_4 {
        right: 16.66666667%;
    }
    .col_md_pull_3 {
        right: 12.5%;
    }
    .col_md_pull_2 {
        right: 8.33333333%;
    }
    .col_md_pull_1 {
        right: 4.16666667%;
    }
    .col_md_pull_0 {
        right: auto;
    }

    .col_md_push_24 {
        left: 100%;
    }
    .col_md_push_23 {
        left: 95.83333333%;
    }
    .col_md_push_22 {
        left: 91.66666667%;
    }
    .col_md_push_21 {
        left: 87.5%;
    }
    .col_md_push_20 {
        left: 83.33333333%;
    }
    .col_md_push_19 {
        left: 79.16666667%;
    }
    .col_md_push_18 {
        left: 75%;
    }
    .col_md_push_17 {
        left: 70.83333333%;
    }
    .col_md_push_16 {
        left: 66.66666667%;
    }
    .col_md_push_15 {
        left: 62.5%;
    }
    .col_md_push_14 {
        left: 58.33333333%;
    }
    .col_md_push_13 {
        left: 54.16666667%;
    }
    .col_md_push_12 {
        left: 50%;
    }
    .col_md_push_11 {
        left: 45.83333333%;
    }
    .col_md_push_10 {
        left: 41.66666667%;
    }
    .col_md_push_9 {
        left: 37.5%;
    }
    .col_md_push_8 {
        left: 33.33333333%;
    }
    .col_md_push_7 {
        left: 29.16666667%;
    }
    .col_md_push_6 {
        left: 25%;
    }
    .col_md_push_5 {
        left: 20.83333333%;
    }
    .col_md_push_4 {
        left: 16.66666667%;
    }
    .col_md_push_3 {
        left: 12.5%;
    }
    .col_md_push_2 {
        left: 8.33333333%;
    }
    .col_md_push_1 {
        left: 4.16666667%;
    }
    .col_md_push_0 {
        left: auto;
    }

    .col_md_offset_24 {
        margin-left: 100%;
    }
    .col_md_offset_23 {
        margin-left: 95.83333333%;
    }
    .col_md_offset_22 {
        margin-left: 91.66666667%;
    }
    .col_md_offset_21 {
        margin-left: 87.5%;
    }
    .col_md_offset_20 {
        margin-left: 83.33333333%;
    }
    .col_md_offset_19 {
        margin-left: 79.16666667%;
    }
    .col_md_offset_18 {
        margin-left: 75%;
    }
    .col_md_offset_17 {
        margin-left: 70.83333333%;
    }
    .col_md_offset_16 {
        margin-left: 66.66666667%;
    }
    .col_md_offset_15 {
        margin-left: 62.5%;
    }
    .col_md_offset_14 {
        margin-left: 58.33333333%;
    }
    .col_md_offset_13 {
        margin-left: 54.16666667%;
    }
    .col_md_offset_12 {
        margin-left: 50%;
    }
    .col_md_offset_11 {
        margin-left: 45.83333333%;
    }
    .col_md_offset_10 {
        margin-left: 41.66666667%;
    }
    .col_md_offset_9 {
        margin-left: 37.5%;
    }
    .col_md_offset_8 {
        margin-left: 33.33333333%;
    }
    .col_md_offset_7 {
        margin-left: 29.16666667%;
    }
    .col_md_offset_6 {
        margin-left: 25%;
    }
    .col_md_offset_5 {
        margin-left: 20.83333333%;
    }
    .col_md_offset_4 {
        margin-left: 16.66666667%;
    }
    .col_md_offset_3 {
        margin-left: 12.5%;
    }
    .col_md_offset_2 {
        margin-left: 8.33333333%;
    }
    .col_md_offset_1 {
        margin-left: 4.16666667%;
    }

}
@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, .col_sm_13, .col_sm_14, .col_sm_15, .col_sm_16, .col_sm_17, .col_sm_18, .col_sm_19, .col_sm_20, .col_sm_21, .col_sm_22, .col_sm_23, .col_sm_24{
        float: left;
    }

    .col_sm_24 {
        width: 100%;
    }
    .col_sm_23 {
        width: 95.83333333%;
    }
    .col_sm_22 {
        width: 91.66666667%;
    }
    .col_sm_21 {
        width: 87.5%;
    }
    .col_sm_20 {
        width: 83.33333333%;
    }
    .col_sm_19 {
        width: 79.16666667%;
    }
    .col_sm_18 {
        width: 75%;
    }
    .col_sm_17 {
        width: 70.83333333%;
    }
    .col_sm_16 {
        width: 66.66666667%;
    }
    .col_sm_15 {
        width: 62.5%;
    }
    .col_sm_14 {
        width: 58.33333333%;
    }
    .col_sm_13 {
        width: 54.16666667%;
    }
    .col_sm_12 {
        width: 50%;
    }
    .col_sm_11 {
        width: 45.83333333%;
    }
    .col_sm_10 {
        width: 41.66666667%;
    }
    .col_sm_9 {
        width: 37.5%;
    }
    .col_sm_8 {
        width: 33.33333333%;
    }
    .col_sm_7 {
        width: 29.16666667%;
    }
    .col_sm_6 {
        width: 25%;
    }
    .col_sm_5 {
        width: 20.83333333%;
    }
    .col_sm_4 {
        width: 16.66666667%;
    }
    .col_sm_3 {
        width: 12.5%;
    }
    .col_sm_2 {
        width: 8.33333333%;
    }
    .col_sm_1 {
        width: 4.16666667%;
    }

    /*列排序*/
    .col_sm_pull_24 {
        right: 100%;
    }
    .col_sm_pull_23 {
        width: 95.83333333%;
    }
    .col_sm_pull_22 {
        right: 91.66666667%;
    }
    .col_sm_pull_21 {
        right: 87.5%;
    }

    .col_sm_pull_20 {
        right: 83.33333333%;
    }
    .col_sm_pull_19 {
        right: 79.16666667%;
    }
    .col_sm_pull_18 {
        right: 75%;
    }
    .col_sm_pull_17 {
        right: 70.83333333%;
    }
    .col_sm_pull_16 {
        right: 66.66666667%;
    }
    .col_sm_pull_15 {
        right: 62.5%;
    }
    .col_sm_pull_14 {
        right: 58.33333333%;
    }
    .col_sm_pull_13 {
        right: 54.16666667%;
    }
    .col_sm_pull_12 {
        right: 50%;
    }
    .col_sm_pull_11 {
        right: 45.83333333%;
    }
    .col_sm_pull_10 {
        right: 41.66666667%;
    }
    .col_sm_pull_9 {
        right: 37.5%;
    }
    .col_sm_pull_8 {
        right: 33.33333333%;
    }
    .col_sm_pull_7 {
        right: 29.16666667%;
    }
    .col_sm_pull_6 {
        right: 25%;
    }
    .col_sm_pull_5 {
        right: 20.83333333%;
    }
    .col_sm_pull_4 {
        right: 16.66666667%;
    }
    .col_sm_pull_3 {
        right: 12.5%;
    }
    .col_sm_pull_2 {
        right: 8.33333333%;
    }
    .col_sm_pull_1 {
        right: 4.16666667%;
    }
    .col_sm_pull_0 {
        right: auto;
    }

    .col_sm_push_24 {
        left: 100%;
    }
    .col_sm_push_23 {
        left: 95.83333333%;
    }
    .col_sm_push_22 {
        left: 91.66666667%;
    }
    .col_sm_push_21 {
        left: 87.5%;
    }
    .col_sm_push_20 {
        left: 83.33333333%;
    }
    .col_sm_push_19 {
        left: 79.16666667%;
    }
    .col_sm_push_18 {
        left: 75%;
    }
    .col_sm_push_17 {
        left: 70.83333333%;
    }
    .col_sm_push_16 {
        left: 66.66666667%;
    }
    .col_sm_push_15 {
        left: 62.5%;
    }
    .col_sm_push_14 {
        left: 58.33333333%;
    }
    .col_sm_push_13 {
        left: 54.16666667%;
    }
    .col_sm_push_12 {
        left: 50%;
    }
    .col_sm_push_11 {
        left: 45.83333333%;
    }
    .col_sm_push_10 {
        left: 41.66666667%;
    }
    .col_sm_push_9 {
        left: 37.5%;
    }
    .col_sm_push_8 {
        left: 33.33333333%;
    }
    .col_sm_push_7 {
        left: 29.16666667%;
    }
    .col_sm_push_6 {
        left: 25%;
    }
    .col_sm_push_5 {
        left: 20.83333333%;
    }
    .col_sm_push_4 {
        left: 16.66666667%;
    }
    .col_sm_push_3 {
        left: 12.5%;
    }
    .col_sm_push_2 {
        left: 8.33333333%;
    }
    .col_sm_push_1 {
        left: 4.16666667%;
    }
    .col_sm_push_0 {
        left: auto;
    }

    .col_sm_offset_24 {
        margin-left: 100%;
    }
    .col_sm_offset_23 {
        margin-left: 95.83333333%;
    }
    .col_sm_offset_22 {
        margin-left: 91.66666667%;
    }
    .col_sm_offset_21 {
        margin-left: 87.5%;
    }
    .col_sm_offset_20 {
        margin-left: 83.33333333%;
    }
    .col_sm_offset_19 {
        margin-left: 79.16666667%;
    }
    .col_sm_offset_18 {
        margin-left: 75%;
    }
    .col_sm_offset_17 {
        margin-left: 70.83333333%;
    }
    .col_sm_offset_16 {
        margin-left: 66.66666667%;
    }
    .col_sm_offset_15 {
        margin-left: 62.5%;
    }
    .col_sm_offset_14 {
        margin-left: 58.33333333%;
    }
    .col_sm_offset_13 {
        margin-left: 54.16666667%;
    }
    .col_sm_offset_12 {
        margin-left: 50%;
    }
    .col_sm_offset_11 {
        margin-left: 45.83333333%;
    }
    .col_sm_offset_10 {
        margin-left: 41.66666667%;
    }
    .col_sm_offset_9 {
        margin-left: 37.5%;
    }
    .col_sm_offset_8 {
        margin-left: 33.33333333%;
    }
    .col_sm_offset_7 {
        margin-left: 29.16666667%;
    }
    .col_sm_offset_6 {
        margin-left: 25%;
    }
    .col_sm_offset_5 {
        margin-left: 20.83333333%;
    }
    .col_sm_offset_4 {
        margin-left: 16.66666667%;
    }
    .col_sm_offset_3 {
        margin-left: 12.5%;
    }
    .col_sm_offset_2 {
        margin-left: 8.33333333%;
    }
    .col_sm_offset_1 {
        margin-left: 4.16666667%;
    }
}
@media (max-width: 767px) {
    .col_xs_1, .col_xs_2, .col_xs_3, .col_xs_4, .col_xs_5, .col_xs_6, .col_xs_7, .col_xs_8, .col_xs_9, .col_xs_10, .col_xs_11, .col_xs_12, .col_xs_13, .col_xs_14, .col_xs_15, .col_xs_16, .col_xs_17, .col_xs_18, .col_xs_19, .col_xs_20, .col_xs_21, .col_xs_22, .col_xs_23, .col_xs_24{
        float: left;
    }

    .col_xs_24 {
        width: 100%;
    }
    .col_xs_23 {
        width: 95.83333333%;
    }
    .col_xs_22 {
        width: 91.66666667%;
    }
    .col_xs_21 {
        width: 87.5%;
    }
    .col_xs_20 {
        width: 83.33333333%;
    }
    .col_xs_19 {
        width: 79.16666667%;
    }
    .col_xs_18 {
        width: 75%;
    }
    .col_xs_17 {
        width: 70.83333333%;
    }
    .col_xs_16 {
        width: 66.66666667%;
    }
    .col_xs_15 {
        width: 62.5%;
    }
    .col_xs_14 {
        width: 58.33333333%;
    }
    .col_xs_13 {
        width: 54.16666667%;
    }
    .col_xs_12 {
        width: 50%;
    }
    .col_xs_11 {
        width: 45.83333333%;
    }
    .col_xs_10 {
        width: 41.66666667%;
    }
    .col_xs_9 {
        width: 37.5%;
    }
    .col_xs_8 {
        width: 33.33333333%;
    }
    .col_xs_7 {
        width: 29.16666667%;
    }
    .col_xs_6 {
        width: 25%;
    }
    .col_xs_5 {
        width: 20.83333333%;
    }
    .col_xs_4 {
        width: 16.66666667%;
    }
    .col_xs_3 {
        width: 12.5%;
    }
    .col_xs_2 {
        width: 8.33333333%;
    }
    .col_xs_1 {
        width: 4.16666667%;
    }

    /*列排序*/
    .col_xs_pull_24 {
        right: 100%;
    }
    .col_xs_pull_23 {
        width: 95.83333333%;
    }
    .col_xs_pull_22 {
        right: 91.66666667%;
    }
    .col_xs_pull_21 {
        right: 87.5%;
    }
    .col_xs_pull_20 {
        right: 83.33333333%;
    }
    .col_xs_pull_19 {
        right: 79.16666667%;
    }
    .col_xs_pull_18 {
        right: 75%;
    }
    .col_xs_pull_17 {
        right: 70.83333333%;
    }
    .col_xs_pull_16 {
        right: 66.66666667%;
    }
    .col_xs_pull_15 {
        right: 62.5%;
    }
    .col_xs_pull_14 {
        right: 58.33333333%;
    }
    .col_xs_pull_13 {
        right: 54.16666667%;
    }
    .col_xs_pull_12 {
        right: 50%;
    }
    .col_xs_pull_11 {
        right: 45.83333333%;
    }
    .col_xs_pull_10 {
        right: 41.66666667%;
    }
    .col_xs_pull_9 {
        right: 37.5%;
    }
    .col_xs_pull_8 {
        right: 33.33333333%;
    }
    .col_xs_pull_7 {
        right: 29.16666667%;
    }
    .col_xs_pull_6 {
        right: 25%;
    }
    .col_xs_pull_5 {
        right: 20.83333333%;
    }
    .col_xs_pull_4 {
        right: 16.66666667%;
    }
    .col_xs_pull_3 {
        right: 12.5%;
    }
    .col_xs_pull_2 {
        right: 8.33333333%;
    }
    .col_xs_pull_1 {
        right: 4.16666667%;
    }
    .col_xs_pull_0 {
        right: auto;
    }

    .col_xs_push_24 {
        left: 100%;
    }
    .col_xs_push_23 {
        left: 95.83333333%;
    }
    .col_xs_push_22 {
        left: 91.66666667%;
    }
    .col_xs_push_21 {
        left: 87.5%;
    }
    .col_xs_push_20 {
        left: 83.33333333%;
    }
    .col_xs_push_19 {
        left: 79.16666667%;
    }
    .col_xs_push_18 {
        left: 75%;
    }
    .col_xs_push_17 {
        left: 70.83333333%;
    }
    .col_xs_push_16 {
        left: 66.66666667%;
    }
    .col_xs_push_15 {
        left: 62.5%;
    }
    .col_xs_push_14 {
        left: 58.33333333%;
    }
    .col_xs_push_13 {
        left: 54.16666667%;
    }
    .col_xs_push_12 {
        left: 50%;
    }
    .col_xs_push_11 {
        left: 45.83333333%;
    }
    .col_xs_push_10 {
        left: 41.66666667%;
    }
    .col_xs_push_9 {
        left: 37.5%;
    }
    .col_xs_push_8 {
        left: 33.33333333%;
    }
    .col_xs_push_7 {
        left: 29.16666667%;
    }
    .col_xs_push_6 {
        left: 25%;
    }
    .col_xs_push_5 {
        left: 20.83333333%;
    }
    .col_xs_push_4 {
        left: 16.66666667%;
    }
    .col_xs_push_3 {
        left: 12.5%;
    }
    .col_xs_push_2 {
        left: 8.33333333%;
    }
    .col_xs_push_1 {
        left: 4.16666667%;
    }
    .col_xs_push_0 {
        left: auto;
    }

    .col_xs_offset_24 {
        margin-left: 100%;
    }
    .col_xs_offset_23 {
        margin-left: 95.83333333%;
    }
    .col_xs_offset_22 {
        margin-left: 91.66666667%;
    }
    .col_xs_offset_21 {
        margin-left: 87.5%;
    }
    .col_xs_offset_20 {
        margin-left: 83.33333333%;
    }
    .col_xs_offset_19 {
        margin-left: 79.16666667%;
    }
    .col_xs_offset_18 {
        margin-left: 75%;
    }
    .col_xs_offset_17 {
        margin-left: 70.83333333%;
    }
    .col_xs_offset_16 {
        margin-left: 66.66666667%;
    }
    .col_xs_offset_15 {
        margin-left: 62.5%;
    }
    .col_xs_offset_14 {
        margin-left: 58.33333333%;
    }
    .col_xs_offset_13 {
        margin-left: 54.16666667%;
    }
    .col_xs_offset_12 {
        margin-left: 50%;
    }
    .col_xs_offset_11 {
        margin-left: 45.83333333%;
    }
    .col_xs_offset_10 {
        margin-left: 41.66666667%;
    }
    .col_xs_offset_9 {
        margin-left: 37.5%;
    }
    .col_xs_offset_8 {
        margin-left: 33.33333333%;
    }
    .col_xs_offset_7 {
        margin-left: 29.16666667%;
    }
    .col_xs_offset_6 {
        margin-left: 25%;
    }
    .col_xs_offset_5 {
        margin-left: 20.83333333%;
    }
    .col_xs_offset_4 {
        margin-left: 16.66666667%;
    }
    .col_xs_offset_3 {
        margin-left: 12.5%;
    }
    .col_xs_offset_2 {
        margin-left: 8.33333333%;
    }
    .col_xs_offset_1 {
        margin-left: 4.16666667%;
    }

}
/*样式*/
@media (max-width: 1200px) {
    /*移动端隐藏模块*/
    .header,
    .m_hide {
        display: none;
    }
    .banner_full {
        height: 60%;
    }
    /*移动端头部*/
    .m_header {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #fff;
        border-bottom: 1px solid #f0f0f0;
        z-index: 99997;
    }
    .m_header {
        height: 70px;
    }
    .logo_box {
        display:inline;
        display:inline-block;
        display:-moz-inline-stack;
        height: 60px;
        line-height: 0;
        font-size: 0;
        margin: 5px 0 0 5px;
        zoom:1;
    }

    /*手机X*/
.nav_toggle {
        color: #fff;
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
        transform-origin: 50% 50%;
        position: absolute;
        top: 50%;
        right: 8px;
        margin-top: -13px;
        z-index: 999;
    }
    .nav_toggle {
        cursor: pointer;
        padding: 10px 35px 16px 0px;
    }
    .nav_toggle span,
    .nav_toggle span:before,
    .nav_toggle span:after {
        cursor: pointer;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        -o-border-radius: 2px;
        height: 5px;
        width: 35px;
        background: #d10f0f;
        position: absolute;
        display: block;
        content: '';
    }
.nav_toggle span:before {top: -10px;}
.nav_toggle span:after {bottom: -10px;}
.nav_toggle span,
    .nav_toggle span:before,
    .nav_toggle span:after {
        transition: all 500ms ease-in-out;
        -webkit-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
    }
    .nav_toggle.active span {
        background-color: transparent;
    }
    .nav_toggle.active span:before,
    .nav_toggle.active span:after {
        top: 0;
    }
    .nav_toggle.active span:before {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
    }
    .nav_toggle.active span:after {
        transform: translateY(-10px) rotate(-45deg);
        -webkit-transform: translateY(-10px) rotate(-45deg);
        -ms-transform: translateY(-10px) rotate(-45deg);
        top: 10px;
    }

/*移动端导航normal*/
.m_header .m_nav {
        display: none;
        position: fixed;
        top: 60px;
        left: 0;
        bottom: 0;
        width:100%;
        background:#fff;
        z-index: 2;
        overflow:auto;
    }
.m_header .m_nav_list a{
        display: block;
        width: 100%;
        padding: 0 20px;
        line-height:40px;
        text-align:left;
        font-size:15px;
        color: #333;
}
    .m_header .m_nav_list > li {
        border-bottom: 1px solid #f0f0f0;
        transition: transform .5s ease;
        transform: matrix(1,-1,0,1,200,100);
    }
    .m_header .m_nav_list > li > a {
        opacity: 0;
    }
    .m_header .m_nav_list .dropdown .dropdown_menu{
        height: 0;
        overflow: hidden;
    }
    .m_header .m_nav_list .dropdown .dropdown_menu.on{
        height: auto;
    }
    .m_header .m_nav_list .dropdown_menu > li {
        padding-left: 10px;
        border-top: 1px solid #f0f0f0;
        background: #f5f5f5;
    }


    /*移动端导航fixed*/
.m_nav_fixed {
        display: block;
        position: fixed;
        top: 10px;
        left: 10px;
        right: 10px;
        max-width: 300px;
        float: left;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px;
        -webkit-perspective-origin: 50% 200%;
        -moz-perspective-origin: 50% 200%;
        perspective-origin: 50% 200%;
}

.m_nav_fixed:first-child {
        margin-right: 100px;
    }

    .m_nav_fixed button {
        background: #ccc;
        border: none;
        width: 48px;
        height: 45px;
        text-indent: -9999px;
        overflow: hidden;
        position: relative;
        cursor: pointer;
        outline: none;
    }

    .m_nav_fixed button:hover,
    .m_nav_fixed button.nav_btn_active,
    .m_nav_fixed ul {
        background: #aaa;
    }

.m_nav_fixed button:after {
        content: '';
        position: absolute;
        width: 68%;
        height: 5px;
        background: #fff;
        top: 10px;
        left: 16%;
        box-shadow: 0 10px 0 #fff, 0 20px 0 #fff;
}

    .m_nav_fixed ul {
        padding: 0;
        list-style: none;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .m_nav_fixed li {
        position: relative;
    }

    .m_nav_fixed li a {
        display: block;
        position: relative;
        padding: 15px 20px;
        font-size: 16px;
        line-height: 20px;
        font-weight: 300;
        color: #fff;
        outline: none;
    }

    .no-touch .m_nav_fixed li a:hover {
        background: rgba(255,248,213,0.1);
    }

    .m_nav_fixed li.nav_back > a {
        padding-left: 30px;
        background: rgba(0,0,0,0.1);
    }

    .m_nav_fixed li.nav_back:after,
    .m_nav_fixed li > a:not(:only-child):after {
        position: absolute;
        top: 0;
        line-height: 50px;
        speak: none;
        -webkit-font-smoothing: antialiased;
        content: ">";
        color: #fff;
        transform: scaley(1.5);
        -webkit-transform: scaley(1.5);    /* Safari 和 Chrome */
        -o-transform: scaley(1.5);    /* Opera */
        -moz-transform: scaley(1.5);    /* Firefox */
    }

    .m_nav_fixed li.nav_back:after {
        left: 10px;
        top: 3px;
        color: rgba(212,204,198,0.8);
        -webkit-transform: rotate(180deg) scaley(1.5);
        -moz-transform: rotate(180deg) scaley(1.5);
        transform: rotate(180deg) scaley(1.5);
    }

    .m_nav_fixed li > a:after {
        right: 10px;
        color: rgba(0,0,0,0.15);
    }

    .m_nav_fixed .m_nav_list {
        margin: 5px 0 0 0;
        position: absolute;
        width: 100%;
        opacity: 0;
        pointer-events: none;
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .m_nav_fixed .m_nav_list.m_nav_toggle {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .m_nav_fixed .m_nav_list.nav_open {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transform: translateY(0px);
    }

    .m_nav_fixed li .m_nav_sub {
        display: none;
    }

    .m_nav_list.m_subview li,
    .m_nav_list.m_subview li.m_subview_open > a,
    .m_nav_list.m_subview li.m_subview > a {
        display: none;
    }

    .m_nav_list.m_subview li.m_subview,
    .m_nav_list.m_subview li.m_subview .m_nav_sub,
    .m_nav_list.m_subview li.m_subview_open,
    .m_nav_list.m_subview li.m_subview_open > .m_nav_sub,
    .m_nav_list.m_subview li.m_subview_open > .m_nav_sub > li {
        display: block;
    }

    .m_nav_fixed > .m_nav_sub {
        position: absolute;
        width: 100%;
        top: 50px;
        left: 0;
        margin: 0;
    }

    /* Animation 移动端二级移入移除动画 */
    .m_nav_list.nav_animate_out_1 {
        -webkit-animation: MenuAnimOut1 0.4s;
        -moz-animation: MenuAnimOut1 0.4s;
        animation: MenuAnimOut1 0.4s;
    }

    .m_nav_list.nav_animate_out_2 {
        -webkit-animation: MenuAnimOut2 0.3s ease-in-out;
        -moz-animation: MenuAnimOut2 0.3s ease-in-out;
        animation: MenuAnimOut2 0.3s ease-in-out;
    }

    .m_nav_list.nav_animate_out_3 {
        -webkit-animation: MenuAnimOut3 0.4s ease;
        -moz-animation: MenuAnimOut3 0.4s ease;
        animation: MenuAnimOut3 0.4s ease;
    }

    .m_nav_list.nav_animate_out_4 {
        -webkit-animation: MenuAnimOut4 0.4s ease;
        -moz-animation: MenuAnimOut4 0.4s ease;
        animation: MenuAnimOut4 0.4s ease;
    }

    .m_nav_list.nav_animate_out_5 {
        -webkit-animation: MenuAnimOut5 0.4s ease;
        -moz-animation: MenuAnimOut5 0.4s ease;
        animation: MenuAnimOut5 0.4s ease;
    }

    @-webkit-keyframes MenuAnimOut1 {
        50% {
            -webkit-transform: translateZ(-250px) rotateY(30deg);
        }
        75% {
            -webkit-transform: translateZ(-372.5px) rotateY(15deg);
            opacity: .5;
        }
        100% {
            -webkit-transform: translateZ(-500px) rotateY(0deg);
            opacity: 0;
        }
    }

    @-webkit-keyframes MenuAnimOut2 {
        100% {
            -webkit-transform: translateX(-100%);
            opacity: 0;
        }
    }

    @-webkit-keyframes MenuAnimOut3 {
        100% {
            -webkit-transform: translateZ(300px);
            opacity: 0;
        }
    }

    @-webkit-keyframes MenuAnimOut4 {
        100% {
            -webkit-transform: translateZ(-300px);
            opacity: 0;
        }
    }

    @-webkit-keyframes MenuAnimOut5 {
        100% {
            -webkit-transform: translateY(40%);
            opacity: 0;
        }
    }

    @-moz-keyframes MenuAnimOut1 {
        50% {
            -moz-transform: translateZ(-250px) rotateY(30deg);
        }
        75% {
            -moz-transform: translateZ(-372.5px) rotateY(15deg);
            opacity: .5;
        }
        100% {
            -moz-transform: translateZ(-500px) rotateY(0deg);
            opacity: 0;
        }
    }

    @-moz-keyframes MenuAnimOut2 {
        100% {
            -moz-transform: translateX(-100%);
            opacity: 0;
        }
    }

    @-moz-keyframes MenuAnimOut3 {
        100% {
            -moz-transform: translateZ(300px);
            opacity: 0;
        }
    }

    @-moz-keyframes MenuAnimOut4 {
        100% {
            -moz-transform: translateZ(-300px);
            opacity: 0;
        }
    }

    @-moz-keyframes MenuAnimOut5 {
        100% {
            -moz-transform: translateY(40%);
            opacity: 0;
        }
    }

    @keyframes MenuAnimOut1 {
        50% {
            transform: translateZ(-250px) rotateY(30deg);
        }
        75% {
            transform: translateZ(-372.5px) rotateY(15deg);
            opacity: .5;
        }
        100% {
            transform: translateZ(-500px) rotateY(0deg);
            opacity: 0;
        }
    }

    @keyframes MenuAnimOut2 {
        100% {
            transform: translateX(-100%);
            opacity: 0;
        }
    }

    @keyframes MenuAnimOut3 {
        100% {
            transform: translateZ(300px);
            opacity: 0;
        }
    }

    @keyframes MenuAnimOut4 {
        100% {
            transform: translateZ(-300px);
            opacity: 0;
        }
    }

    @keyframes MenuAnimOut5 {
        100% {
            transform: translateY(40%);
            opacity: 0;
        }
    }

    .m_nav_list.nav_animate_in_1 {
        -webkit-animation: MenuAnimIn1 0.3s;
        -moz-animation: MenuAnimIn1 0.3s;
        animation: MenuAnimIn1 0.3s;
    }

    .m_nav_list.nav_animate_in_2 {
        -webkit-animation: MenuAnimIn2 0.3s ease-in-out;
        -moz-animation: MenuAnimIn2 0.3s ease-in-out;
        animation: MenuAnimIn2 0.3s ease-in-out;
    }

    .m_nav_list.nav_animate_in_3 {
        -webkit-animation: MenuAnimIn3 0.4s ease;
        -moz-animation: MenuAnimIn3 0.4s ease;
        animation: MenuAnimIn3 0.4s ease;
    }

    .m_nav_list.nav_animate_in_4 {
        -webkit-animation: MenuAnimIn4 0.4s ease;
        -moz-animation: MenuAnimIn4 0.4s ease;
        animation: MenuAnimIn4 0.4s ease;
    }

    .m_nav_list.nav_animate_in_5 {
        -webkit-animation: MenuAnimIn5 0.4s ease;
        -moz-animation: MenuAnimIn5 0.4s ease;
        animation: MenuAnimIn5 0.4s ease;
    }

    @-webkit-keyframes MenuAnimIn1 {
        0% {
            -webkit-transform: translateZ(-500px) rotateY(0deg);
            opacity: 0;
        }
        20% {
            -webkit-transform: translateZ(-250px) rotateY(30deg);
            opacity: 0.5;
        }
        100% {
            -webkit-transform: translateZ(0px) rotateY(0deg);
            opacity: 1;
        }
    }

    @-webkit-keyframes MenuAnimIn2 {
        0% {
            -webkit-transform: translateX(-100%);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateX(0px);
            opacity: 1;
        }
    }

    @-webkit-keyframes MenuAnimIn3 {
        0% {
            -webkit-transform: translateZ(300px);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateZ(0px);
            opacity: 1;
        }
    }

    @-webkit-keyframes MenuAnimIn4 {
        0% {
            -webkit-transform: translateZ(-300px);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateZ(0px);
            opacity: 1;
        }
    }

    @-webkit-keyframes MenuAnimIn5 {
        0% {
            -webkit-transform: translateY(40%);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateY(0);
            opacity: 1;
        }
    }

    @-moz-keyframes MenuAnimIn1 {
        0% {
            -moz-transform: translateZ(-500px) rotateY(0deg);
            opacity: 0;
        }
        20% {
            -moz-transform: translateZ(-250px) rotateY(30deg);
            opacity: 0.5;
        }
        100% {
            -moz-transform: translateZ(0px) rotateY(0deg);
            opacity: 1;
        }
    }

    @-moz-keyframes MenuAnimIn2 {
        0% {
            -moz-transform: translateX(-100%);
            opacity: 0;
        }
        100% {
            -moz-transform: translateX(0px);
            opacity: 1;
        }
    }

    @-moz-keyframes MenuAnimIn3 {
        0% {
            -moz-transform: translateZ(300px);
            opacity: 0;
        }
        100% {
            -moz-transform: translateZ(0px);
            opacity: 1;
        }
    }

    @-moz-keyframes MenuAnimIn4 {
        0% {
            -moz-transform: translateZ(-300px);
            opacity: 0;
        }
        100% {
            -moz-transform: translateZ(0px);
            opacity: 1;
        }
    }

    @-moz-keyframes MenuAnimIn5 {
        0% {
            -moz-transform: translateY(40%);
            opacity: 0;
        }
        100% {
            -moz-transform: translateY(0);
            opacity: 1;
        }
    }

    @keyframes MenuAnimIn1 {
        0% {
            transform: translateZ(-500px) rotateY(0deg);
            opacity: 0;
        }
        20% {
            transform: translateZ(-250px) rotateY(30deg);
            opacity: 0.5;
        }
        100% {
            transform: translateZ(0px) rotateY(0deg);
            opacity: 1;
        }
    }

    @keyframes MenuAnimIn2 {
        0% {
            transform: translateX(-100%);
            opacity: 0;
        }
        100% {
            transform: translateX(0px);
            opacity: 1;
        }
    }

    @keyframes MenuAnimIn3 {
        0% {
            transform: translateZ(300px);
            opacity: 0;
        }
        100% {
            transform: translateZ(0px);
            opacity: 1;
        }
    }

    @keyframes MenuAnimIn4 {
        0% {
            transform: translateZ(-300px);
            opacity: 0;
        }
        100% {
            transform: translateZ(0px);
            opacity: 1;
        }
    }

    @keyframes MenuAnimIn5 {
        0% {
            transform: translateY(40%);
            opacity: 0;
        }
        100% {
            transform: translateY(0);
            opacity: 1;
        }
    }

    .m_nav_fixed > .m_nav_sub.nav_animate_in_1 {
        -webkit-animation: SubMenuAnimIn1 0.4s ease;
        -moz-animation: SubMenuAnimIn1 0.4s ease;
        animation: SubMenuAnimIn1 0.4s ease;
    }

    .m_nav_fixed > .m_nav_sub.nav_animate_in_2 {
        -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
        -moz-animation: SubMenuAnimIn2 0.3s ease-in-out;
        animation: SubMenuAnimIn2 0.3s ease-in-out;
    }

    .m_nav_fixed > .m_nav_sub.nav_animate_in_3 {
        -webkit-animation: SubMenuAnimIn3 0.4s ease;
        -moz-animation: SubMenuAnimIn3 0.4s ease;
        animation: SubMenuAnimIn3 0.4s ease;
    }

    .m_nav_fixed > .m_nav_sub.nav_animate_in_4 {
        -webkit-animation: SubMenuAnimIn4 0.4s ease;
        -moz-animation: SubMenuAnimIn4 0.4s ease;
        animation: SubMenuAnimIn4 0.4s ease;
    }

    .m_nav_fixed > .m_nav_sub.nav_animate_in_5 {
        -webkit-animation: SubMenuAnimIn5 0.4s ease;
        -moz-animation: SubMenuAnimIn5 0.4s ease;
        animation: SubMenuAnimIn5 0.4s ease;
    }

    @-webkit-keyframes SubMenuAnimIn1 {
        0% {
            -webkit-transform: translateX(50%);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateX(0px);
            opacity: 1;
        }
    }

    @-webkit-keyframes SubMenuAnimIn2 {
        0% {
            -webkit-transform: translateX(100%);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateX(0px);
            opacity: 1;
        }
    }

    @-webkit-keyframes SubMenuAnimIn3 {
        0% {
            -webkit-transform: translateZ(-300px);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateZ(0px);
            opacity: 1;
        }
    }

    @-webkit-keyframes SubMenuAnimIn4 {
        0% {
            -webkit-transform: translateZ(300px);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateZ(0px);
            opacity: 1;
        }
    }

    @-webkit-keyframes SubMenuAnimIn5 {
        0% {
            -webkit-transform: translateZ(-200px);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateZ(0);
            opacity: 1;
        }
    }

    @-moz-keyframes SubMenuAnimIn1 {
        0% {
            -moz-transform: translateX(50%);
            opacity: 0;
        }
        100% {
            -moz-transform: translateX(0px);
            opacity: 1;
        }
    }

    @-moz-keyframes SubMenuAnimIn2 {
        0% {
            -moz-transform: translateX(100%);
            opacity: 0;
        }
        100% {
            -moz-transform: translateX(0px);
            opacity: 1;
        }
    }

    @-moz-keyframes SubMenuAnimIn3 {
        0% {
            -moz-transform: translateZ(-300px);
            opacity: 0;
        }
        100% {
            -moz-transform: translateZ(0px);
            opacity: 1;
        }
    }

    @-moz-keyframes SubMenuAnimIn4 {
        0% {
            -moz-transform: translateZ(300px);
            opacity: 0;
        }
        100% {
            -moz-transform: translateZ(0px);
            opacity: 1;
        }
    }

    @-moz-keyframes SubMenuAnimIn5 {
        0% {
            -moz-transform: translateZ(-200px);
            opacity: 0;
        }
        100% {
            -moz-transform: translateZ(0);
            opacity: 1;
        }
    }

    @keyframes SubMenuAnimIn1 {
        0% {
            transform: translateX(50%);
            opacity: 0;
        }
        100% {
            transform: translateX(0px);
            opacity: 1;
        }
    }

    @keyframes SubMenuAnimIn2 {
        0% {
            transform: translateX(100%);
            opacity: 0;
        }
        100% {
            transform: translateX(0px);
            opacity: 1;
        }
    }

    @keyframes SubMenuAnimIn3 {
        0% {
            transform: translateZ(-300px);
            opacity: 0;
        }
        100% {
            transform: translateZ(0px);
            opacity: 1;
        }
    }

    @keyframes SubMenuAnimIn4 {
        0% {
            transform: translateZ(300px);
            opacity: 0;
        }
        100% {
            transform: translateZ(0px);
            opacity: 1;
        }
    }

    @keyframes SubMenuAnimIn5 {
        0% {
            transform: translateZ(-200px);
            opacity: 0;
        }
        100% {
            transform: translateZ(0);
            opacity: 1;
        }
    }

    .m_nav_fixed > .m_nav_sub.nav_animate_out_1 {
        -webkit-animation: SubMenuAnimOut1 0.4s ease;
        -moz-animation: SubMenuAnimOut1 0.4s ease;
        animation: SubMenuAnimOut1 0.4s ease;
    }

    .m_nav_fixed > .m_nav_sub.nav_animate_out_2 {
        -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
        -moz-animation: SubMenuAnimOut2 0.3s ease-in-out;
        animation: SubMenuAnimOut2 0.3s ease-in-out;
    }

    .m_nav_fixed > .m_nav_sub.nav_animate_out_3 {
        -webkit-animation: SubMenuAnimOut3 0.4s ease;
        -moz-animation: SubMenuAnimOut3 0.4s ease;
        animation: SubMenuAnimOut3 0.4s ease;
    }

    .m_nav_fixed > .m_nav_sub.nav_animate_out_4 {
        -webkit-animation: SubMenuAnimOut4 0.4s ease;
        -moz-animation: SubMenuAnimOut4 0.4s ease;
        animation: SubMenuAnimOut4 0.4s ease;
    }

    .m_nav_fixed > .m_nav_sub.nav_animate_out_5 {
        -webkit-animation: SubMenuAnimOut5 0.4s ease;
        -moz-animation: SubMenuAnimOut5 0.4s ease;
        animation: SubMenuAnimOut5 0.4s ease;
    }

    @-webkit-keyframes SubMenuAnimOut1 {
        0% {
            -webkit-transform: translateX(0%);
            opacity: 1;
        }
        100% {
            -webkit-transform: translateX(50%);
            opacity: 0;
        }
    }


    @-webkit-keyframes SubMenuAnimOut2 {
        0% {
            -webkit-transform: translateX(0%);
            opacity: 1;
        }
        100% {
            -webkit-transform: translateX(100%);
            opacity: 0;
        }
    }

    @-webkit-keyframes SubMenuAnimOut3 {
        0% {
            -webkit-transform: translateZ(0px);
            opacity: 1;
        }
        100% {
            -webkit-transform: translateZ(-300px);
            opacity: 0;
        }
    }

    @-webkit-keyframes SubMenuAnimOut4 {
        0% {
            -webkit-transform: translateZ(0px);
            opacity: 1;
        }
        100% {
            -webkit-transform: translateZ(300px);
            opacity: 0;
        }
    }

    @-webkit-keyframes SubMenuAnimOut5 {
        0% {
            -webkit-transform: translateZ(0);
            opacity: 1;
        }
        100% {
            -webkit-transform: translateZ(-200px);
            opacity: 0;
        }
    }

    @-moz-keyframes SubMenuAnimOut1 {
        0% {
            -moz-transform: translateX(0%);
            opacity: 1;
        }
        100% {
            -moz-transform: translateX(50%);
            opacity: 0;
        }
    }

    @-moz-keyframes SubMenuAnimOut2 {
        0% {
            -moz-transform: translateX(0%);
            opacity: 1;
        }
        100% {
            -moz-transform: translateX(100%);
            opacity: 0;
        }
    }

    @-moz-keyframes SubMenuAnimOut3 {
        0% {
            -moz-transform: translateZ(0px);
            opacity: 1;
        }
        100% {
            -moz-transform: translateZ(-300px);
            opacity: 0;
        }
    }

    @-moz-keyframes SubMenuAnimOut4 {
        0% {
            -moz-transform: translateZ(0px);
            opacity: 1;
        }
        100% {
            -moz-transform: translateZ(300px);
            opacity: 0;
        }
    }

    @-moz-keyframes SubMenuAnimOut5 {
        0% {
            -moz-transform: translateZ(0);
            opacity: 1;
        }
        100% {
            -moz-transform: translateZ(-200px);
            opacity: 0;
        }
    }

    @keyframes SubMenuAnimOut1 {
        0% {
            transform: translateX(0%);
            opacity: 1;
        }
        100% {
            transform: translateX(50%);
            opacity: 0;
        }
    }

    @keyframes SubMenuAnimOut2 {
        0% {
            transform: translateX(0%);
            opacity: 1;
        }
        100% {
            transform: translateX(100%);
            opacity: 0;
        }
    }

    @keyframes SubMenuAnimOut3 {
        0% {
            transform: translateZ(0px);
            opacity: 1;
        }
        100% {
            transform: translateZ(-300px);
            opacity: 0;
        }
    }

    @keyframes SubMenuAnimOut4 {
        0% {
            transform: translateZ(0px);
            opacity: 1;
        }
        100% {
            transform: translateZ(300px);
            opacity: 0;
        }
    }

    @keyframes SubMenuAnimOut5 {
        0% {
            transform: translateZ(0);
            opacity: 1;
        }
        100% {
            transform: translateZ(-200px);
            opacity: 0;
        }
    }

    /* No JS Fallback */
    .no-js .m_nav_fixed .m_nav_list {
        position: relative;
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
    }

    .no-js .m_nav_fixed li .m_nav_sub {
        display: block;
    }

    .no-js .m_nav_fixed li.nav_back {
        display: none;
    }

    .no-js .m_nav_fixed li > a:not(:only-child) {
        background: rgba(0,0,0,0.1);
    }

    .no-js .m_nav_fixed li > a:not(:only-child):after {
        content: '';
    }

}
/*PUBLIC*/






@media (max-width: 1200px) {
    .header{
        display: none;
    }
    .m_hd{
        display: block;
        /*   width: 1200px;
           overflow: hidden;*/
    }
    .container{
        width: 100%;
    }
    body{
        padding-top: 60px;
    }
    .logo_m img{
        height: 40px;
    }
    .ind3 .sort{
        margin: 30px 0 0 0;
    }
    .ind3 .sort .h_box{
        display: none;
    }
    .ind3 .sort .img_box:hover .h_box{
        display: none;
    }
    .act_det_cru.is_stuck{
        top: 60px !important;
    }
    #newBridge .nb-icon-wrap .nb-icon-wrap-base,
    #newBridge .nb-icon-wrap-0,
    #newBridge .nb-invite-wrap-0{
        height: 0;
        width: 0;
        display: none !important;
    }
    .ind_Pre_act{
        padding-bottom: 30px;
    }
    .ind_Pre_act .slick-dots li button {
        width: 10px;
        height: 10px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background: #cccccc;
    }
    .ind_Pre_act .slick-dots li.slick-active button {
        width: 10px;
        height: 10px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background: #000;
    }
    .ind_Pre_act  .slick-dots {
        bottom: 0;
        text-align: center;
        width: 100%;
    }
    .ind_Pre_act .slick-dots li {
        display: inline-block;
        *display: inline;
        *zoom: 1;
    }
    .ind2 .ind_l a{
        padding-top: 46%;
    }
    .ind6 .quality .base p{
        font-size: 10px;
    }
}
@media (max-width: 1024px) {
    .Soft_top_con{
        width: 80%;
    }
    .A_lup_txt{
        padding-left: 10px;
    }
    .consult .cons_s{
        display: none;
    }
    .footer .ft_t dl{
        margin-right: 30px;
    }
    .ind4 .slider_box .xian{
        width: 80%;
        margin-left: 10%;
    }
    .ind1 .promise .pms p{
        /*display: none;*/
    }
    .ind1 .promise{
        padding-top: 24px;
    }
    .ind1 .promise .pms h4{
        line-height: 1.4;
        font-size: 14px;
    }
    .ind2 .form1 .info input,
    .submit_a input{
        width: 100%;
    }
    .ind2 .form1{
        padding: 5%;
    }
    .ind2 .sign{
        margin-bottom: 15px;
        padding-right: 5%;
    }
    .ind2 .ind_r{
        width: 99%;
    }
    .ind2 .form1 .sign_b{
        display: block;
        width: 86%;
    }
    .ind5 .designer .out{
        position: inherit;
        margin: 0;
    }
    .ind5 .designer li{
        margin-bottom: 0px;
    }
    .ind5 .designer li img{
        height: 150px;
    }
    .ind5 .designer{
        margin-bottom: 30px;
    }

    .banner .n_banner.activity{
        padding-top: 16%;
    }
    .activity_Crumbs ul li,
    .activity_Crumbs ul li a{
        padding: 20px 0;
    }
    .bespeak_news,
    .bespeak_bt,
    .active_form .sign,
    #act_form{
        width: 100%;
    }
    #act_form{
        padding: 15px 25px 0;
    }
    .bespeak_myscroll li{
        padding: 0 15px;
    }
    .capital h3{
        font-size: 48px;
        padding: 0 10px;
    }
    .capital h4{
        font-size: 40px;
        padding: 0 10px;
    }
    .capital_ul li p span{
        font-size: 38px;
    }
    .capital_ul li p{
        font-size: 24px;
    }
    .bank a{
        width: 450px;
        height: 80px;
        line-height: 80px;
        font-size: 36px;
    }
    .Promise_box ul li .txt{
        width: 82%;
    }
    .Promise_box ul li{
        height: auto;
    }
    .Pro_sale_list .sale_list .img a.See,
    .Pro_sale_list .sale_list .img a.sale_Eject_click{
        opacity: 1;
    }
    .Tech_nav .container,
    .Tech_con .container,
    .Tech_PK .container,
    .Tech_slick_box .container,
    .certificate_list_box .container,
    .Witness_box .container{
        width: 100%;
        padding-right: 10px;
        padding-left: 10px;
    }
    .Tech_nav .row,
    .Tech_con .row,
    .Tech_PK .row,
    .Tech_slick_box .row,
    .certificate_list_box .row,
    .Witness_box .row{
        margin-right: -10px;
        margin-left: -10px;
    }
    .Tech_nav .col_lg_6,
    .Tech_con .col_lg_6,
    .Tech_PK .col_lg_12,
    .Tech_slick_box .col_lg_24,
    .certificate_list_box .col_lg_1_5,
    .Witness_box .col_lg_8{
        padding-right: 10px;
        padding-left: 10px;
    }
    .Tech_slick .slick_list{
        margin: 0 5px;
    }
    .Tech_slick .slick-prev{
        left: -10px;
    }
    .Tech_slick .slick-next{
        right: -10px;
    }
    .Three_Real .col_lg_16,
    .Three_Real .col_lg_8{
        width: 100%;
    }
    .Real_click_box{
        overflow: hidden;
        margin-top: 20px;
    }
    .Real_click_box ul{
        overflow: hidden;
    }
    .Real_click_box li{
        width: 20%;
        float: left;
        padding: 10px;
        border-bottom: 0;
    }
    .Crumbs h3{
        padding-left: 15px;
    }
    .screen dl{
        height: auto;
        overflow: hidden;
    }
    .sample_box .txt .t_img{
        display: none;
    }
    .sample_box .txt .t_txt{
        width: 100%;
    }
    .Entity_Design,.Entity_slick_box{
        padding: 0;
    }
    .Entity_Design .img a{
        margin: 20px 5px 0;
    }
    .Entity_Design{
        margin-bottom: 15px;
    }
    #act_form i{
        font-size: 12px;
        width: 25%;
    }
    .Entity_template_box #act_form .info{
        width: 72%;
    }
    .Pro_sale_box{
        /*padding: 0 10px;*/
    }
    .analysis_asle .analysis_box{
        padding: 0 10px;
    }
    .About_lup{
        padding-left: 10px;
        padding-right: 10px;
    }
    .A_lup_list{
        display: none;
    }
    .A_lup_txt p{
        color: #333333;
    }
    .lup_list{
        padding: 25px 10px;
    }
    .recommend .recommend_box{
        padding: 0 10px;
    }
    .name_list{
        position: initial;
        left: auto;
        width: 100%;
        height: auto;
    }
    .name_b{
        width: 11.11%;
        height: auto;
        float: left;
        text-align: center;
    }
    .name_b.child_btn{
        padding: 12px 8px;
    }
    .Philosophy{
        padding: 60px 10px 40px;
    }
    .Philosophy_con{
        width: 100%;
        height: auto;
        margin-top: 20px;
    }
    .Philosophy_con .Ph{
        position: initial;
        width: 20%;
        float: left;
        padding: 20px 0;
        text-align: center;
    }
    .Philosophy_con .Ph span{
        color: #ffffff;
    }
    .Research_brief{
        padding: 0 10px 70px;
    }
    .history_card{
        width: 100%;
        height: auto;
        background: none;
        text-align: center;
    }
    .history_card i{
        margin-left: 0;
    }
    .Brand_history_slick{
        width: 100%;
    }
    .Brand_history_slick,
    .Brand_history_box{
        height: auto;
    }
    .Brand_history_box{
        padding-bottom: 30px;
    }
    .Top_team_slick{
        margin: auto;
        float:none
    }
    .team_slick_num span, .team_slick_num span i{
        display: none;
    }
    .Top_team_page{
        padding-bottom: 50px;
    }
    .Top_team_slick .slick-dots{
        width: 100%;
        bottom: 20px;
        left: 0;
        height: 3px;
        bottom: -30px;
    }
    .Top_team_slick .slick-dots li,
    .Top_team_slick .slick-dots li.slick-active button{
        height: 3px;
    }
    .Research_map_box{
        padding: 0 10px;
    }
    .Research_service_box{
        padding-bottom: 95px;
    }
    .Research_service .Rs{
        position: initial;
        width: 16.6%;
        margin-bottom: 15px;
        text-align: center;
        float: left;
    }
    .Research_service img{
        display: none;
    }
    .Research_service .Rs img{
        display: block;
    }
    .Research_service{
        padding-top: 0;
    }
    .Brand_history_slick h3{
        font-size: 150px;
        text-align: left;
        padding-left: 80px;
    }
    .appreciate_list .img{
        width: 40%;
    }
    .appreciate_list .list_con{
        width: 60%;
    }
    .screen_box,
    .Recruit_bt,
    .Store_address_box{
        padding: 0 10px;
    }
    .Store_address_box .Research_map_bt{
        margin-top: 0;
    }
    .about_brief{
        padding-left: 10px;
        padding-right: 10px;
    }
    .pace_con .pace_txt{
        position: initial;
        width: 50%;
        float: left;
        padding: 0 10px;
    }
    .pace_con .pace_txt:last-child{
        width: 100%;
    }
    .pace_box{
        padding-bottom: 0;
    }
    .pace_con img{
        display: none;
    }
    .Culture_bot_list{
        padding-right: 10px;
    }
    .Honor_list_box{
        padding: 0;
    }
    .Honor_list_box ul{
        height: auto;
        padding-bottom: 50px;
    }
    .Honor_ul li{
        width: 48%;
        margin-left: 15px;
    }
    .News_box #act_form .info{
        width: 72%;
    }
    .Witness_list .bottom{
        padding: 10px;
    }
    .Witness_list .top ul li{
        line-height: 1.6;
    }
    .Witness_list{
        margin-top: 20px;
    }
    .act_det_l{
        width: 70%;
        padding-right: 15px;
    }
    .act_det_r{
        width: 30%;
    }
    .active_form .sign h3{
        font-size: 16px;
    }
    .active_form .sign h3 i{
        font-size: 22px;
    }
    .act_det_top .active_form{
        width: 100%;
        margin: auto;
    }
    .act_det_top .active_form #act_form{
        padding: 15px 10px 0;
    }
    .act_det_top .active_form #act_form i{
        text-align: right;
    }
    .activity_details_box .act_det_share{
        display: none;
    }
    .act_det_ul{
        width: 50%;
    }
    .act_det_ul li:last-child{
        display: none;
    }
    .History_box{
        padding-right: 10px;
        padding-left: 10px;
    }
    .guarantee_list .txt{
        padding: 10px 5px;
    }
    .guarantee_list .txt{
        height: 85px;
    }
    #backtop{
        bottom: 270px;
        right: 5%;
    }
    .Entity_template_box .active_form{
        padding-left: 0;
    }
    #act_form .info #verifyImg1{
        width: 80px;
    }

    .m_region_box{
        position: absolute;
        right: 60px;
        top: 34%;
    }
    .m_region_box i{
        padding: 5px 15px;
        border: 1px solid #cdcdcd;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    .m_region_address{
        position: fixed;
        width: 100%;
        height: 100%;
        top: 59px;
        padding: 0;
        border-left: none;
        border-right: none;
    }
    .m_region_address li{
        width: 100%;
        border-bottom: 1px solid #dddddd;
    }
    .m_region_address li a{
        display: block;
    }
    .page{
        display: none;
    }
    .m-page{
        display: block;
    }
}
@media (max-width: 992px) {
    .consult{
        display: none;
    }
    .ind7 .video_box video{
        width: 100%;
    }
    .ind1 .promise .pms p{
        display: none;
    }
    .ind1 .promise{
        padding-top: 26px;
    }
    .ind1 .promise .pms h4{
        line-height: 1.8;
    }
    .ind2 .form1 .sign_b{
        display: block;
    }
    .ind3 .case ul li{
        padding: 0 10px;
    }
    .ind_t h3{
        margin: 25px auto 0;
    }
    .ind6 .quality li{
        width: 33.333%;
        margin-bottom: 10px;
    }
    .ind6 .quality .base{
        padding: 15px 0 3px 0;
    }
    .ind6 .quality .base_d,.ind6 .quality .base_d:hover .img_box{
        height: 226px;
    }

    .footer .ft_t{
        display: none;
    }
    .footer .link{
        display: none;
    }
    .footer .ft_d .icp{
        width: 100%;
        text-align: center;
    }
    .recommend .recommend_slick .recommend_item{
        background-size: contain;
        background-color: #fff;
    }
    .recommend .recommend_dis .row {
        height: 300px;
        overflow: auto;
    }
	
.sp_main ul li{width:150px;height:220px;margin:15px 10px 0px 10px;}
.ys_img{width:100px;height:100px;}
.ys_img img{width:100px;height:100px;}
.ys_feature{font-size:14px;}
.ys_name{font-size:14px;}
.sp_main ul li a{width:100px;margin:5px auto 0px;height:30px;line-height:30px;font-size:14px;border-radius:3px;}

}
@media (max-width: 768px) {
.i-t1{margin-bottom: 10px;}
.hot-news{display: none;}
    .A_lup_img,
    .A_lup_txt{
        width: 100%;
    }
    .A_lup_txt{
        padding-left: 0;
    }
	.Soft_top_txt{
		overflow:hidden; 
		text-overflow:ellipsis;
		display:-webkit-box; 
		-webkit-box-orient:vertical;
		-webkit-line-clamp:8; 
	}
	.about_brief_txt{
		overflow:hidden; 
		text-overflow:ellipsis;
		display:-webkit-box; 
		-webkit-box-orient:vertical;
		-webkit-line-clamp:15; 
	}
    .A_lup_img{
        padding: 0;
        background: none;
    }
    .A_lup_img img{
        clear: both;
        display: block;
        margin: auto;
    }
    .banner_m{
        padding-top: 45%;
    }
    .ind2 .ind_l, .ind2 .ind_r,.ind7 .knowledge_l, .ind7 .ind_ab{
        height: auto;
        margin-bottom: 40px;
    }
    /*.ind7 .knowledge_l{
    }*/
    .ind2 .ind_r{
        width: 100%;
    }
    .recruit_Eject{
        width: 90%;
        height: 60%;
        margin: auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }
    .activity_list .txt .t_l,
    .activity_list .txt .t_r,
    .activity_list .txt .t_r a,
    .activity_list .txt .t_r.act_over a{
        width: 100%;
    }
    .activity_list .txt .t_r,
    .activity_list .txt .t_r a,
    .activity_list .txt .t_r.act_over a{
        text-align: center;
        height: auto;
    }
    .activity_list .txt .t_r a,
    .activity_list .txt .t_r.act_over a{
        padding: 12px 0;
    }
    .activity_list .txt .t_r{
        margin-top: 15px;
    }
    .act_det_l{
        width: 100%;
        height: auto;
        padding-right: 0;
        padding-bottom: 15px;
    }
    .act_det_ul{
        width: 60%;
    }
    .act_det_ul li{
        margin: 15px 10px;
    }
    .act_det_data{
        width: 26%;
    }
    .act_det_r{
        width: 50%;
        float: none;
        margin: auto;
        overflow: hidden;
    }
    #act_form i{
        text-align: right;
    }
    .act_det_share,
    .act_det_bt{
        display: none;
    }
    .bespeak_news{
        display: none;
    }
    .Coupon_slick{
        padding-bottom: 0;
    }
    .Coupon{
        height: auto;
    }
    .capital h3,
    .capital_ul li p span{
        font-size: 30px;
    }
    .capital_ul li p{
        font-size: 20px;
    }
    .capital h4{
        font-size: 24px;
    }
    .capital_ul li img{
        width: 50%;
    }
    .bank a{
        width: auto;
        height: auto;
        padding: 0 50px;
        font-size: 30px;
    }
    .capital_Eject{
        width: 90%;
        height: 80%;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
    }
    .capital_info label{
        display: block;
        width: 100%;
        text-align: left;
    }
    .capital_info input,
    .capital_info.capital_textarea textarea{
        width: 100%;
    }
    .capital_info.capital_address select{
        width: 48%;
    }
    .capital_info img{
        top: 41px;
    }
    .capital_info.capital_sub{
        margin-top: 55px;
    }
    .capital_info .tips{
        top: 30px;
    }
    .Promise_box{
        padding: 80px 10px 40px;
    }
    .Promise_box ul li{
        width: 100%;
    }
    .Promise_box ul li .img{
        width: 11%;
    }
    .Promise_box ul li .txt{
        padding-right: 0;
        width: 88%;
    }
    .Tech_nav .txt{
        height: 185px;
    }
    .Tech_S_poa{
        display: none;
    }
    .Team .sale_list .img img{
        height: auto;
    }
    .active_form{
        display: none;
    }
    .E_desig_box{
        width: 100%;
        float: left;
        padding-top: 20px;
    }
    .E_desig_box .E_desig{
        width: 50%;
        float: left;
    }
    .E_desig_list img{
        width: 100%;
        height: auto;
    }
    .Real_click_box li h4{
        font-size: 12px;
    }
    .Entity_Design,
    .Entity_template_box .active_form{
        width: 50%;
        float: left;
    }
    .Entity_template_box .active_form{
        padding-left: 10px;
        display: block;
    }
    #act_form .info #verifyImg1{
        width: 100px;
    }
    .Entity_Design .sale_det_share{
        display: none;
    }
    .Entity_Design .img h3,
    .Entity_Design .img span{
        float: left;
        width: 100%;
        height: 40px;
        line-height: 40px;
        padding: 0;
    }
    .Entity_Design .img a{
        margin-top: 0;
    }
    .Entity_Design .img{
        padding-bottom: 19px;
    }
    .Entity_template_box #act_form{
        height: auto;
        padding-bottom: 20px;
    }
    .Entity_template_box #act_form > div{
        margin: 10px 0;
        overflow: hidden;
    }
    .Entity_template_box #act_form .act_sub input{
        margin-top: 5px;
    }
    .analysis_right{
        display: none;
    }
    .analysis_left{
        margin-right: 0;
    }
    .analysis_list_l{
        width: 100%;
    }
    .analysis_list .Echat{
        float: right;
        width: 50%;
        margin-top: 0;
        margin-top: -60px;
    }
    .analysis_list .Echat ul{
        padding-right: 40px;
    }
    .analysis_list .Echat li{
        width: 60px;
        float: right;
    }
    .analysis_list .txt a.look_map{
        display: block;
        margin-left: 0;
        margin-top: 5px;
    }
    .act_det_top .active_form{
        display: block;
        width: auto;
    }
    .analysis_det_bt .sale_det_share{
        display: none;
    }
    .recommend_ul li{
        width: 33.33%;
        margin: 0;
    }
    .banner .n_banner.activity,
    .History_banner{
        padding-top: 24%;
    }
    .Famous_design_list{
        height: 300px;
    }
    .Tailor_ul li{
        width: 16.6%;
        float: left;
    }
    .Tailor_ul{
        width: 100%;
    }
    .Tailor_ul ul{
        overflow: hidden;
    }
    .Industrial_wz h4{
        font-size: 20px;
        padding-top: 10px;
    }
    .Research_map .address_info{
        height: auto;
        overflow: hidden;
        margin-bottom: 15px;
    }
    .Research_map .address_info h6{
        display: block;
        font-size: 16px;
        color: #666666;
        font-weight: normal;
        line-height: 40px;
        border: 1px solid #dddddd;
        padding-left: 10px;
    }
/*    .address_info_select select{
        width: 49%;
        margin-left: 0;
        margin-right: 9px;
        margin-bottom: 13px;
    }
    .address_info_select select:last-child{
        margin: 0;
    }*/
    .Research_map .address_info .CusScroll{
        height: 300px;
        margin-top: 0;
        width: 100%;
        overflow: hidden;
        display: none;
    }
    .address_info_tab{
        margin-bottom: 10px;
    }
    .address_switch{
        height: auto;
    }
    .Research_map .address_info .address_switch_box .CusScroll{
        display: block;
        height: 220px;
        overflow-y: auto;
    }
    .Research_map .address_info li{
        height: 40px;
        line-height: 40px;
    }
    .Research_Eject{
        width: 90%;
        height: 60%;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
    }
    .Research_Eject .left{
        padding: 0 15px;
    }
    .Research_map #map{
        height: 400px;
    }
    .appreciate_list .top .left{
        width: 75%;
    }
    .appreciate_list .list_con{
        padding-left: 20px;
    }
    .All_position_screen{
        display: none;
    }
    .All_position_screen{
        position: relative;
        margin-bottom: 15px;
    }
    .All_position_screen ul{
        position: absolute;
        width: 100%;
        background: #ffffff;
        z-index: 9999;
        display: none;
    }
    .All_position_screen ul li{
        width: 100%;
    }
    .filial_list .img{
        height: auto;
    }
    .activity_Crumbs ul li{
        margin: 0 10px;
    }
    .pace_con .pace_txt{
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
    .focus_box{
        display: none;
    }
    .Top_team_slick,
    .Top_team_page .img{
        width: 100%;
        height: auto;
    }
    .Top_team_box{
        background-image: none;
    }
    .Coupon_box{
        padding-bottom: 40px;
    }
    .Entity_template_box .col_lg_18{
        border-right: 0;
    }
    .Entity_template_box{
        padding-left: 0;
        padding-right: 0;
    }
    .Entity_ul,
    .Entity_con{
        padding-right: 0;
    }
    .ind5 .designer li img{
        height: 115px;
    }
    .ind2 .form1{
        height: 410px;
    }
    .ind7{
        height: auto;
        margin-bottom: 0;
    }
    .ind_Pre_act{
        padding-bottom: 0;
    }
    .filial_list .txt{
        font-size: 14px;
        height: 40px;
        line-height: 40px;
    }
    .filial_box{
        padding: 40px 0;
    }
}
@media (max-width: 640px) {
    .ind1 .promise .pms{
        text-align: left;
        margin-left: 17%;
        width: 76%;
        padding-left: 10px;
    }
    .ind1 .promise{
        background-position:5% 50%
    }
    .ind3 .sort li{
        width: 50%;
        padding: 0 5px;
    }
    .ind3 .case ul li{
        padding: 0 10px 5px 10px;
    }
    .ind4 .lider_list li{
        width: 50%;
    }
    .ind_t h3 {
        margin: 10px auto 0;
    }
    .ind_t h3 span{
        font-size: 26px;
    }
    .ind7{
        margin: 30px 0 20px 0;
    }
    .ind7 .video_box{
        margin: 0;
        width: 100%;
    }
    .ind7 .video_box img{
        width: 100%;
    }
    .ind5 .designer li{
        display: none;
    }
    .ind5 .designer li img{
        height: 180px;
    }
    .ind5 .designer li.li_show,.ind5 .designer li.last{
        display: block;
        width: 50%;
        padding: 0 10px;
        margin: 10px 0;
    }
    .ind5 .designer li a{
        max-height: inherit;
    }
    /*  .knowledge li span.pull_right{
          display: none;
      }*/
    .footer .ft_d .icp{
        line-height: 1.4;
        padding: 8px 6px ;
        text-align: left;
    }
    .footer .ft_d .icp span{
        display: block;
    }
    .footer .ft_d .icp span#cnzz_stat_icon_1271340143{
        display: inline-block;
    }
    #backtop{
        height: 0;
        width: 0;
        overflow: hidden;
    }
    .ind1 .promise .pms p{
        display: none;
    }
    .logo_box img{
        width: 80%;
        margin-top: 4px;
    }
    .Tech_list .list_con{
        margin-bottom: 15px;
    }
    .Tech_list .list_con .txt{
        min-height: 60px
    }
    .Pro_sale_list{
        padding-left: 5px;
        padding-right: 5px;
    }
    .Pro_sale_list .col_sm_12{
        padding: 0 5px;
    }
    .Pro_sale_list .sale_list h3,
    .Pro_sale_list .sale_list h4{
        height: 36px;
        line-height: 36px;
    }
    .Pro_sale_list .sale_list .img{
        padding: 5px 5px 0;
    }
    .Pro_sale_list .sale_list .img a.sale_Eject_click{
        right: 5px;
    }
    .Pro_sale_list .sale_list .img a.See{
        left: 5px;
    }
    .Pro_sale_list .sale_list .img a.See,
    .Pro_sale_list .sale_list .img a.sale_Eject_click{
        width: 45%;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }
    .sample_box .sale_list{
        margin-bottom: 0;
    }
    .sample_box .txt .t_txt{
        text-align: center;
    }
    .sample_box .txt .t_txt span{
        padding: 0;
        display: block;
    }
    .sample_box .txt .t_txt span,
    .sample_box .txt .t_txt a{
        margin: 0;
    }
    .appreciate_list .top .right,
    .appreciate_list .bottom .txt{
        display: none;
    }
    .appreciate_list{
        width: 50%;
        float: left;
    }
    .appreciate_list .img{
        height: 110px;
    }
    .appreciate_list .bottom .bt_a{
        text-align: center;
    }
    .appreciate_list .bottom .bt_a a{
        margin-left: 0;
        margin-top: 5px;
    }
    .Soft_top_txt,
    .about_brief_txt{
        display: none;
    }
    .m_Soft_top_txt,
    .m_about_brief_txt{
        display: block;
    }
    .activity_Crumbs ul li{
        margin: 0 5px;
    }
    .activity_Crumbs ul li a{
        font-size: 12px;
    }
    .activity_Crumbs ul li, .activity_Crumbs ul li a{
        padding: 10px 0;
    }
    .about_brief{
        padding-top: 30px;
    }
    .about_brief_bt span{
        padding-bottom: 15px;
    }
    .about_brief_txt{
        padding-top: 15px;
    }
    .Chain_list .txt{
        padding-top: 15px;
    }
    .Research_map_bt h3,
    .Industrial_bt h3,
    .about_brief_bt h3{
        font-size: 26px;
    }
    .pace_box{
        padding: 40px 0;
    }
    .News_list .txt .txt_con{
        height: auto;
    }
    .Research_Eject .left{
        height: auto;
    }
    .Research_Eject .right img{
        display: none;
    }
    .Six_system{
        padding: 40px 0;
    }
    .Culture_box #ad{
        height: 130px;
        background-attachment: inherit;
    }
    .Culture_top_list h3{
        padding-bottom: 12px;
    }
    .Culture_top_list .txt_con{
        padding-top: 12px;
    }
    .Culture_top_list p,
    .Culture_bot_list .txt p{
        line-height: 1.5;
    }


.sp_main ul li{width:120px;height:220px;}
.ys_img{width:90px;height:90px;}
.ys_img img{width:90px;height:90px;}
.ys_feature{font-size:14px;}
.ys_name{font-size:14px;}
.sp_main ul li a{width:90px;margin:5px auto 0px;height:30px;line-height:30px;font-size:14px;border-radius:3px;}


}
@media (max-width: 425px){
    .guarantee_list .img img{
        height: auto;
    }
    .process_list{
        margin-top: 20px;
        padding-left: 0;
        padding-right: 0;
    }
    .process_list .txt{
        height: 130px;
    }
    .guarantee_list{
        margin-top: 10px;
    }
    .process_box,
    .guarantee_box{
        padding: 40px 5px;
    }
    .guarantee_box .col_xs_12{
        padding: 0 5px;
    }
    .ind7 .knowledge li span{
        font-size: 12px;
    }
    .ind7 .knowledge li h3{
        width: 70%;
    }
    .ind1 .promise .pms{
        margin-left: 40%;
    }
    .ind1 .promise .pms{
        width: 57%;
    }
    .ind3 .sort .area span{
        font-size: 12px;
        line-height: 38px;
    }
    .ind5 .designer li{
        width: 16.666%;
    }
    .ind6 .quality .base_d .base_hide a{
        font-size: 12px;
        margin: 5px auto;
    }
    .ind6 .quality li{
        width: 50%;
    }
    .ind_t h3{
        width: 320px;
    }
    .ind4 .slider_box .nr_con .xiaoqu{
        width: 105px;
    }
    .News_list .img,
    .News_list .txt{
        width: 100%;
    }
    .News_list .txt{
        padding: 0;
        margin-top: 5px;
    }
    .News_list{
        border-bottom: 1px solid #dddddd;
    }
    .News_det_box{
        padding-left: 10px;
        padding-right: 10px;
    }
    .News_det_page .left,
    .News_det_page .right,
    .News_det_page h5 a{
        text-align: left;
        /*line-height: 1.5;*/
    }
    .Honor_ul li{
        width: 100%;
    }
    .History_list_txt{
        width: 100%;
    }
    .History_list_txt.pull_left,
    .History_list_txt.pull_right{
        text-align: left;
        padding-left: 30px;
        margin-bottom: 10px;
    }
    .History_list_txt.pull_left em {
        left: -5px;
        top: 50%;
        margin-top: -5px;
        background: url("History_r.png"/*tpa=http://www.sunrise-china.com/Public/Images/home/phpcms/zh-cn/History_r.png*/) no-repeat center;
    }
    .History_list_txt.pull_left h4 span {
        padding-left: 20px;
    }
    .History_list_txt.pull_left i,
    .History_list_txt.pull_right i{
        left: 0;
    }
    .History_list_box{
        background-position: 9px;
    }
    .Culture_top_list_box{
        padding: 30px 0;
    }
    .Culture_top_list{
        margin-bottom: 15px;
    }
    .Culture_bot_list_box{
        padding: 30px 0;
    }
    .Culture_bot_list{
        padding-right: 0;
        margin-bottom: 15px;
    }
    .filial_box{
        padding: 30px 0;
    }
    .Six_system_ul li{
        width: 33.33%;
        padding: 0 5px;
    }
    .Six_system_ul li h4{
        font-size: 14px;
    }
    .Six_system_ul li p{
        font-size: 12px;
        line-height: 1.5;
    }
    .address_info_select select{
        margin-right: 0;
    }
    .history_slick_con{
        padding: 0 20px;
    }
    .history_slick_con .left{
        width: 100%;
    }
    .history_slick_con .right{
        position: initial;
        width: 100%;
    }
    .Brand_history_slick h3{
        font-size: 80px;
    }
    .Brand_history_year_slick{
        margin-top: 20px;
    }
    .Famous_design_list .Famous1,
    .Famous_design_list .Famous2{
        width: 50%;
    }
    .Famous_design_list .Famous3,
    .Famous_design_list .Famous4{
        display: none;
    }
    .Tailor_made{
        -webkit-background-size: cover;
        background-size: cover;
    }
    .Tailor_ul li{
        width: 33.33%;
        margin-bottom: 10px;
    }
    .Tailor_ul li i{
        display: none;
    }
    .Industrial_wz{
        margin: 10px 0;
    }
    .Industrial_switch li{
        width: 50%;
    }
    .Research_service .Rs{
        width: 25%;
    }
    .Honor_box{
        padding-right: 10px;
    }
    .appreciate_list_box{
        padding-left: 10px;
        padding-right: 10px;
    }
    .appreciate_list .img,
    .appreciate_list .list_con{
        width: 100%;
        padding: 0;
    }
    .appreciate_list .top .left{
        padding-top: 15px;
    }
    .appreciate_list .top .right{
        width: 25%;
        margin-top: 15px;
    }
    .screen dt{
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #dddddd;
    }
    .screen dl{
        height: 40px;
        transition: all .3s;
    }
    .Soft_top{
        -webkit-background-size: cover;
        background-size: cover;
    }
    .A_lup_txt{
        padding: 40px 10px 0;
    }
    .lup_list{
        width: 100%;
        margin-left: 0;
        margin-bottom: 10px;
    }
    .recommend .recommend_slick,
    .recommend .recommend_dis{
        width: 100%;
    }
    .recommend .recommend_dis{
        padding-top: 20px;
    }
    .recommend .sub_tab.on,
    .recommend .sub_tab{
        height: auto;
    }
    .Philosophy_con .Ph span{
        font-size: 12px;
    }
    .Industrial_wz span{
        font-size: 12px;
    }
    .rec_style {
        display: block;
        position: absolute;
        left: 15px;
        bottom: 15px;
        height: 40px;
        line-height: 40px;
        padding: 0 30px;
        font-size: 16px;
        color: #fff;
        background: #dd0000;
        z-index: 1;
    }
    .recommend_ul,
    .recommend .sub_name{
        display: none;
    }
    .recommend .recommend_dis .txt{
        display: none;
        /*padding-top: 15px;*/
        /*padding-left: 15px;*/
        /*padding-right: 15px;*/
    }
    .recommend .recommend_dis .view_more{
        position: initial;
        width: 40%;
        float: right;
        margin: auto;
        margin-bottom: 15px;
        margin-right: 15px;
    }
    .recommend .recommend_slick .recommend_item {
        margin-top: 20px;
        padding-top: 60%;
        webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
    }
    .recommend .recommend_box,
    .recommend .recommend_tab.on{
        height: auto;
    }
    .tab_slick{
        padding-bottom: 0;
    }
    .name_slick .slick-prev, .name_slick .slick-next{
        top: 0;
        margin-top: 0;
    }
    .name_slick .slick-prev {
        background: #D9D9D9 url("Tech_arrow_l_hover.png"/*tpa=http://www.sunrise-china.com/Public/Images/home/phpcms/zh-cn/Tech_arrow_l_hover.png*/) no-repeat center;
    }
    .name_slick .slick-next {
        background: #D9D9D9 url("Tech_arrow_r_hover.png"/*tpa=http://www.sunrise-china.com/Public/Images/home/phpcms/zh-cn/Tech_arrow_r_hover.png*/) no-repeat center;
    }
    .name_b{
        height: 40px;
    }
    .name_list{
        padding: 0 30px;
    }
    .recommend .recommend_dis .txt .txt_con{
        height: auto;
    }
    .About_lup{
        padding: 40px 10px;
        background-position: left;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .Real_switch .txt{
        height: auto;
    }
    .Real_switch .txt h3{
        width: 100%;
        height: auto;
        padding: 10px 15px;
    }
    .Real_switch .txt .txt_con{
        width: 100%;
        height: auto;
        padding: 10px;
    }
    .Real_switch .txt a{
        width: 100%;
        height: auto;
        padding: 10px 15px;
        display: inline-block;
        /*display: block;*/
        position: initial;
    }
    .Real_click_box ul{
        height: 100px;
        overflow-y: auto;
    }
    .Real_click_box li{
        width: 100%;
        border-bottom: 1px dashed #eeeeee;
    }
    .Entity_ul li{
        width: 100%;
    }
    .Entity_Design, .Entity_template_box .active_form{
        width: 100%;
        padding: 0;
    }
    .Entity_template .sale_det_case{
        display: none;
    }
    .Entity_template_box .active_form{
        margin-bottom: 40px;
    }
    .analysis_list .img{
        width: 100%;
        height: auto;
    }
    .analysis_list .analysis_list_l img{
        width: 100%;
        height: auto;
    }
    .analysis_list .txt{
        width: 100%;
        padding: 0 10px;
    }
    .analysis_list .Echat{
        margin-top: 15px;
        width: 100%;
        float: left;
    }
    .analysis_det_bt h4 span.Activity_time,
    .analysis_det_bt h4 span.Activity_address{
        display: block;
        margin: 0;
    }
    .analysis_det_bt h3{
        font-size: 24px;
    }
    .act_det_l img{
        width: 100%;
        height: auto;
    }
    .act_det_r{
        width: 100%;
    }
    .act_det_ul{
        display: none;
    }
    .act_det_data{
        width: 60%;
        padding-left: 15px;
    }
    .Designer_Eject{
        width: 90%;
        height: 58%;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
    }
    .Team_det_Desig .img,
    .Team_det_Desig .txt{
        width: 100%;
        padding: 0;
    }
    .Team_det_Desig .txt{
        margin-top: 20px;
    }
    .Team_det_Desig .img img{
        width: 100%;
        height: auto;
    }
    .Hall{
        padding-top: 50px;
    }
    .Hall .hall_txt_box{
        padding: 0 15px;
    }
    .hall_tab_box .tab_sub li{
        padding: 8px 20px;
    }
    .switch_box .img{
        padding-top: 66.66%;
    }
    .switch_box .img,
    .switch_box .txt_box,
    .switch_box .txt{
        width: 100%;
        height: auto;
    }
    .switch_box.on{
        height: auto;
    }
    .switch_box .txt_box{
        padding: 15px;
    }
    .hall_tab_box{
        padding: 40px 0;
    }
    .screen dl h3{
        display: none;
    }
    .Pro_sale_Eject{
        width: 90%;
        height: 75%;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
    }
    .sale_det_con .img,
    .sale_det_con .txt{
        width: 100%;
    }
    .sale_det_con .img img{
        width: 100%;
    }
    .sale_det_con{
        padding: 0 10px;
    }
    .sale_det_con .sale_det_share{
        display: none;
    }
    .sale_det_middle .form,
    .sale_det_middle .middle_ul{
        width: 100%;
    }
    .sale_det_middle{
        height: auto;
    }
    .sale_det_middle .form h3{
        padding: 15% 5%;
    }
    .sale_det_middle .middle_ul{
        margin-top: 10px;
    }
    .sale_det_middle .middle_ul li{
        width: 100%;
        padding-left: 0;
    }
    .sale_det_con .txt{
        height: auto;
        padding-left: 10px;
        padding-right: 10px;
    }
    .sale_det_case{
        display: none;
    }
    .Tech_nav .txt{
        margin-bottom: 15px;
    }
    .Tech_con,
    .Tech_slick_box,
    .Tech_PK{
        padding: 40px 0;
    }
    .Tech_PK .tab_sub li{
        padding: 0 10px;
    }
    .Tech_box .img img{
        height: auto;
    }
    .Tech_slick .slick_list .img img{
        width: 100%;
        height: auto;
    }
    .Tech_slick .slick_list{
        height: auto;
    }
    .Tech_slick .slick_list .txt_box .txt{
        height: auto;
    }
    .act_det_place{
        display: none;
    }
    .bespeak_form{
        height: auto;
    }
    #bespeak_form{
        padding: 0 10px;
    }
    #bespeak_form .info{
        width: 100%;
        margin-left: 0;
    }
    #bespeak_form .info.textarea{
        width: 100%;
        height: 160px;
        margin-left: 0;
        margin-right: 0;
    }
    .bespeak_sub{
        width: 100%;
        margin-right: 0;
    }
    .bespeak_nav li img{
        width: 50%;
    }
    .Coupon_slick li{
        width: 50%;
        padding: 0 5px;
        margin: 5px 0;
    }
    .Coupon_Eject{
        width: 90%;
        height: 440px;
        padding: 30px 10px;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
    }
    .Coupon_inp,
    .Coupon_Eject h3{
        width: 100%;
        margin-right: 0;
    }
    #Coupon_form{
        margin-top: 10px;
        height: 350px;
        overflow-y: auto;
    }
    .Coupon_inp label{
        width: 100%;
        display: block;
    }
    .Coupon_inp input,
    .Coupon_inp.Coupon_txt textarea{
        width: 100%;
        margin: 0;
    }
    .Coupon_verify{
        width: 100%;
        height: auto;
    }
    .Coupon_verify input{
        width: 100%;
        height: 35px;
    }
    .Coupon_verify img{
        top: 58px;
        right: 0;
    }
    .Promise_box{
        padding-top: 40px;
    }
    .sale_det{
        margin-bottom: 0;
    }
    .sale_det_middle{
        border-bottom: 0;
    }
    .Entity_template_box .active_form .sign,
    .active_form .sign{
        background-size: cover;
    }
    .A_lup_list{
        padding-bottom: 110px;
    }
    .recommend{
        padding: 40px 0;
    }
    .Research_service_box{
        padding-bottom: 40px;
    }
    .Research_map_bt{
        margin-top: 40px;
    }
    .Research_map{
        margin-bottom: 40px;
    }
    .Research_Eject .Eject_box{
        height: 100%;
        overflow-y: auto;
    }
    .Research_Eject .left,
    .Research_Eject .right{
        width: 100%;
    }
    .Chain_company,
    .security_box{
        padding: 40px 0;
    }
    .Chain_company h3{
        padding-bottom: 15px;
    }
    .History_box{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .capital_Eject{
        padding: 0 20px;
    }
    .capital_Eject .capital_form{
        height: 80%;
        overflow-y: auto;
    }
    .capital_info{
        margin-top: 8px;
    }
    .capital_info.capital_address select{
        width: 100%;
    }
    .capital_verify,.capital_sub{
        width: 100%;
    }
    .capital_info.capital_sub{
        margin-top: 18px;
    }
    #capital_sub{
        width: 100%;
    }
    .Designer_form{
        height: 80%;
        overflow-y: auto;
    }
    .Designer_form.hotch_form{
        height: 60%;
        overflow-y: auto;
        padding: 10px;
    }
    .E_desig_box .E_desig{
        width: 100%;
    }
    .ind3 .sort .area span{
        width: 60%;
    }
    .ind3 .sort .area span.first{
        width: 40%;
    }
    .Soft_top{

        padding-top: 60px;
    }
    .Soft_top h3{
        font-size: 28px;
        padding: 0 10px;
    }
    .Recruit_box,
    .Store_address_box .Research_map_bt{
        padding-top: 40px;
    }
    .recruit_Eject{
        height: 40%;
    }
    .recruit_Eject i{
        top: -30px;
        right: auto;
        left: 0;
    }

}
@media (max-width: 380px) {
    .recommend .recommend_box, .recommend .recommend_tab.on{
        /*height: 410px;*/
    }
    .sale_det_middle .form h3{
        padding: 12% 7%;
    }

}
@media (max-width: 325px) {
    .recommend .recommend_box, .recommend .recommend_tab.on{
        /*height: 380px;*/
    }
}