.row {
    margin-right: -10px;
    margin-left: -10px;
    *margin-right: 0px;
    *margin-left: 0px;
}

.col_xs_1,
.col_sm_1,
.col_md_1,
.col_lg_1,
.col_xs_2,
.col_sm_2,
.col_md_2,
.col_lg_2,
.col_xs_3,
.col_sm_3,
.col_md_3,
.col_lg_3,
.col_xs_4,
.col_sm_4,
.col_md_4,
.col_lg_4,
.col_xs_5,
.col_sm_5,
.col_md_5,
.col_lg_5,
.col_xs_6,
.col_sm_6,
.col_md_6,
.col_lg_6,
.col_xs_7,
.col_sm_7,
.col_md_7,
.col_lg_7,
.col_xs_8,
.col_sm_8,
.col_md_8,
.col_lg_8,
.col_xs_9,
.col_sm_9,
.col_md_9,
.col_lg_9,
.col_xs_10,
.col_sm_10,
.col_md_10,
.col_lg_10,
.col_xs_11,
.col_sm_11,
.col_md_11,
.col_lg_11,
.col_xs_12,
.col_sm_12,
.col_md_12,
.col_lg_12,
.col_xs_13,
.col_sm_13,
.col_md_13,
.col_lg_13,
.col_xs_14,
.col_sm_14,
.col_md_14,
.col_lg_14,
.col_xs_15,
.col_sm_15,
.col_md_15,
.col_lg_15,
.col_xs_16,
.col_sm_16,
.col_md_16,
.col_lg_16,
.col_xs_17,
.col_sm_17,
.col_md_17,
.col_lg_17,
.col_xs_18,
.col_sm_18,
.col_md_18,
.col_lg_18,
.col_xs_19,
.col_sm_19,
.col_md_19,
.col_lg_19,
.col_xs_20,
.col_sm_20,
.col_md_20,
.col_lg_20,
.col_xs_21,
.col_sm_21,
.col_md_21,
.col_lg_21,
.col_xs_22,
.col_sm_22,
.col_md_22,
.col_lg_22,
.col_xs_23,
.col_sm_23,
.col_md_23,
.col_lg_23,
.col_xs_24,
.col_sm_24,
.col_md_24,
.col_lg_24,
.col_lg_1_5,
.col_lg_1_9,
.col_lg_1_10,
.col_lg_1_7 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    *padding-right: 0px;
    *padding-left: 0px;
}

.col_lg_12 {
    width: 50%;
}

.col_lg_4 {
    width: 33.3333333%
}

.col_lg_1,
.col_lg_2,
.col_lg_3,
.col_lg_4,
.col_lg_5,
.col_lg_6,
.col_lg_7,
.col_lg_8,
.col_lg_9,
.col_lg_10,
.col_lg_11,
.col_lg_12,
.col_lg_13,
.col_lg_14,
.col_lg_15,
.col_lg_16,
.col_lg_17,
.col_lg_18,
.col_lg_19,
.col_lg_20,
.col_lg_21,
.col_lg_22,
.col_lg_23,
.col_lg_24,
.col_lg_1_5,
.col_lg_1_9,
.col_lg_1_10,
.col_lg_1_7 {
    float: left;
}

em,
i,
b {
    font-weight: normal;
    font-style: normal;
}

.btn {
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 6px 25px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    background-color: #ccc;
    color: #fff;
    font-family: "微软雅黑", "Arial";
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.tit {
    text-align: center;
    font-size: 38px;
    padding: 10px 0 30px 0;
    color: #555
}

.tit.tit_left {
    text-align: left
}

.tit .tit_small {
    font-size: 24px;
    line-height: 2;
    color: #777;
    text-align: left;
}

.tit .tit_small span {
    display: inline-block;
    margin: 0 15px;
    vertical-align: middle;
    font-size: 14px
}

.tit .tit_small .line_in {
    display: inline-block;
    width: 38px;
    height: 3px;
    background: #0068b7
}

.tit .tit_small.wh .line {
    background: #fff
}

.tit .tit_small.wh span {
    color: #fff
}

.tit .tit_small.wh .line_in {
    background: #fff
}

.tit.wh {
    color: #fff
}

.tit_in {
    text-align: center;
    font-size: 32px;
    color: #333;
    padding-bottom: 30px
}

.tit_in.tit_in_wh {
    color: #fff
}

.tit_in .tit_small {
    font-size: 16px;
    margin-top: 5px;
    color: #888
}

.tit_in .tit_small span {
    color: #888;
    display: inline-block;
    margin: 0 15px;
    vertical-align: middle;
    font-size: 16px
}

.index_block {
    background: #fff;
    padding: 100px 0 40px 0
}

.index_block .block_box {
    font-size: 0;
    line-height: 0;
    margin-left: -20px;
    margin-right: -20px
}

.index_block .block_box .col_lg_12 {
    float: none;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    padding-left: 20px;
    padding-right: 20px
}

.index_block .block_box .item {
    margin-bottom: 5%;
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s
}

.index_block .block_box .item .img_box {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s
}

.index_block .block_box .item:hover {
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.8)
}

.index_block .block_box .item:hover .img_box {
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1)
}

.index_block .block_box .item12 .img_box {
    padding-top: 75%;
    background-size: contain;
}

.index_block .block_box .item11 .img_box {
    padding-top: 60%
}

.index_block .block_box .txt {/* 20231010 */
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 15px 20px;
    background: #000;
    background: rgba(0, 0, 0, 0.4);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#8C000000,endColorstr=#8C000000)";
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#8C000000, endColorstr=#8C000000)
}

.index_block .block_box .txt h3 {
    color: #fff;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 900; /*20231010 +5行*/
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.index_block .block_box .txt p {
    color: #fff;
    font-size: 20px;
    line-height: 1.3
}

.index_news {
    background: #c1c1c1;
    padding: 100px 0 50px 0
}

.index_news .news_list {
    margin: 0px
}

.index_news .item {
    display: block;
    overflow: hidden;
    background-color: #f8f8f8;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s
}

.index_news .item .img_box .img {
    overflow: hidden;
    width: 100%;
    padding-top: 60%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s
}

.index_news .item .txt {
    margin-top: 20px;
    margin-bottom: 20px;
    border-left: 3px solid #999;
    padding-left: 12px
}

.index_news .item .txt h3 {
    font-size: 18px;
    color: #333;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.index_news .item .txt p {
    font-size: 14px;
    color: #999;
    margin-top: 5px
}

.index_news .item .txt .more_btn {
    float: right;
    font-size: 12px;
    margin-left: 10px;
    border-radius: 0;
    padding-left: 15px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #999 url("../images/btn_more.png") no-repeat 45px center
}

.index_news .item:hover {
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.5)
}

.index_news .item:hover .txt {
    border-color: #0068b7
}

.index_news .item:hover .txt .more_btn {
    background-color: #0068b7
}

.index_news .item:hover .img_box img {
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1)
}

.col_lg_8 {
    width: 33.33333333%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col_lg_3 {
    width: 25%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

@media screen and (max-width: 1200px) {
    .containers {
        width: 100%;
        padding-right: 10px;
        padding-left: 10px;
    }

    .index_block .block_box {
        margin-right: -10px;
        margin-left: -10px;
    }

    .container_lun {
        width: auto;
        margin-left: 10px;
        margin-right: 10px
    }

    .index_news .news_list {
        margin: 0
    }

    .index_factory .factory_box {
        margin: 0
    }

    .index_block .block_box .col_lg_12 {
        padding-left: 10px;
        padding-right: 10px
    }

    .index_block .block_box {
        margin-right: -10px;
        margin-left: -10px
    }

    .index_serve .item .txt {
        margin-right: 10px;
        margin-left: 10px
    }

    .index_news .item .txt h3 {
        font-size: 16px
    }
}

@media screen and (max-width: 767px) {
    .index_block {
        padding: 20px 0
    }

    .index_block .txt {
        padding: 10px 15px
    }

    .index_block .txt h3 {
        color: #fff;
        font-size: 22px;
        line-height: 1.3
    }

    .index_block .txt p {
        color: #fff;
        font-size: 16px;
        line-height: 1.3
    }

    .index_factory {
        padding: 20px 0 50px 0
    }

    .index_news .item .txt {
        margin-top: 10px;
        margin-top: 20px
    }

    .tit {
        font-size: 30px;
        padding: 10px 0 20px 0
    }

    .tit .tit_small {
        font-size: 16px
    }

    .tit .tit_small span {
        font-size: 14px
    }

    .tit_in {
        font-size: 28px;
        padding-bottom: 20px
    }

    .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%;
    }
}