.w1600 {
    width: 1600px;
    margin: 0 auto;
}

@media (max-width: 1600px) {
    .w1600 {
        width: 100%;
        padding: 0 2.395833333333335%;
    }
}

.w1720 {
    width: 1720px;
    margin: 0 auto;
}

@media (max-width: 1720px) {
    .w1720 {
        width: 100%;
        padding: 0 2.395833333333335%;
    }
}

.w5c_01_bg {}

.w5c_01 {}

.w5c_01 .w1c_title {
    width: 75%;
    margin: 0 auto;
}

.w5c_01 .w1c_p_list {
    font-size: .36rem;
    line-height: .72rem;
    color: #666;
}

.w5c_01_list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 1rem 0 2.4rem;
}

.w5c_01_item {
    flex-basis: 25%;
    padding: .8rem .6rem;
}

.w5c_01_item img {
    width: 4rem;
    margin-bottom: .6rem;
}

.w5c_01_text {
    display: block;
    font-size: .48rem;
    line-height: .8rem;
    color: #333;
    text-align: center;
}

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

@media (max-width: 768px) {
    .w5c_01_item {
        flex-basis: 50%;
    }
}
@media (max-width: 576px) {
    .w5c_01_text {
        font-size: 16px;
        line-height: 22px;
    }
    .w5c_01 .w1c_p_list {
        height: auto;
        font-size: 13px;
        line-height: 18px;
    }
}

.w5c_02_list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.w5c_02_item {
    position: relative;
    flex-basis: 31.25%;
    margin: 0 1.04166666666667%;
}

.w5c_02_item>img {
    width: 100%;
}

.w5c_02_inner {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    padding: 0 12.5%;
    color: #fff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.w5c_02_inner img {
    width: 2rem;
    min-width: 60px;
    margin-bottom: .5rem;
}

.w5c_02_tt {
    height: .64rem;
    margin-bottom: .5rem;
    font-size: .48rem;
    line-height: .64rem;
    text-align: center;
    overflow: hidden;
}

.w5c_02_tt span {
    color: #F73E2A;
    margin-right: .2rem;
}

.w5c_02_p {
    height: 2.88rem;
    font-size: .36rem;
    line-height: .72rem;
    overflow: hidden;
}

.w5c_02_p span {
    display: block;
}

@media (max-width: 1200px) {
    .w5c_02_item {
        flex-basis: 47.91666666666666%;
        margin-bottom: .4rem;
    }
}

@media (max-width: 768px) {
    .w5c_02_item {
        flex-basis: 97.91666666666666%;
    }

    .w5c_02_item {
        flex-basis: 97.91666666666666%;
    }
}
@media (max-width: 576px) {
    .w5c_02_tt {
        height: auto;
        font-size: 16px;
        line-height: 22px;
    }
    .w5c_02_p {
        height: auto;
        font-size: 13px;
        line-height: 18px;
    }
}

.w5c_03_bg {
    background: url(../images/w5c_03_bg.jpg) no-repeat center top;
    background-size: cover;
}

.w5c_03 .w1c_title {
    float: right;
    width: 70.34883720930233%;
    margin-bottom: 3.3rem;
    text-align: right;
}

.w5c_03 .w1c_p_list {
    padding-top: .5rem;
    font-size: .48rem;
    line-height: .72rem;
    color: #333;
}

.w5c_03_text {
    float: left;
    width: 83.43023255813953%;
    padding-bottom: 1.1rem;
}

.w5c_03_text .w1c_zh {
    display: inline-block;
    margin-bottom: .3rem;
    line-height: 1.24rem;
    border-bottom: .08rem solid #000;
}

.w5c_03_sub {
    display: block;
    margin-bottom: .4rem;
    font-size: .6rem;
    line-height: .8rem;
    color: #333;
}

.w5c_03_p {
    font-size: .32rem;
    line-height: .72rem;
    color: #666;
}

@media (max-width: 768px) {
    .w5c_03 .w1c_title {
        float: none;
        width: 100%;
        margin-bottom: 2rem;
        text-align: left;
    }

    .w5c_03_text {
        float: none;
        width: 100%;
        padding-bottom: 1.1rem;
    }
}
@media (max-width: 576px) {
    .w5c_03_sub {
        font-size: 16px;
        line-height: 22px;
    }
    .w5c_03 .w1c_p_list,
    .w5c_03_p {
        font-size: 13px;
        line-height: 18px;
    }
}

.w5c_04 {
    padding: 0 .4rem;
}

.w5c_04_t {
    padding-top: 2rem;
    font-size: .28rem;
    line-height: .68rem;
    color: #333;
    text-align: center;
    letter-spacing: 10px;
}

.w5c_04_t img {
    width: 5.6rem;
    min-width: 215px;
}

.w5c_04_t span {
    margin-right: -10px;
}

.w5c_04_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 1.7rem 0 3rem;
}

.w5c_04_item {
    position: relative;
    flex-basis: 45.19230769230769%;
    margin-bottom: 1.1rem;
    padding-left: 2.8rem;
    box-shadow: .1rem .1rem .2rem #c6c6c6;
}

.w5c_04_number {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.8rem;
    height: 100%;
    border-radius: .1rem;
}

.w5c_04_number img {
    width: 1.2rem;
}

.w5c_04_c1 .w5c_04_number {
    background-color: #F73E2A;
}

.w5c_04_c2 .w5c_04_number {
    background-color: #313131;
}

.w5c_04_c3 .w5c_04_number {
    background-color: #707070;
}

.w5c_04_c4 .w5c_04_number {
    background-color: #BFBFBF;
}

.w5c_04_text {
    padding: .2rem 5.67375886524823% .3rem 7.80141843971631%;
}

.w5c_04_tt {
    height: .72rem;
    margin-bottom: .12rem;
    font-size: .48rem;
    line-height: .72rem;
    color: #333;
    overflow: hidden;
}

.w5c_04_tp {
    height: 1.44rem;
    font-size: .32rem;
    line-height: .48rem;
    color: #666;
    overflow: hidden;
}

@media (max-width: 992px) {
    .w5c_04_item {
        flex-basis: 100%;
    }

    .w5c_04_tt {
        height: auto;
    }

    .w5c_04_tp {
        height: auto;
    }
}

@media (max-width: 576px) {
    .w5c_04_t {
        font-size: 14px;
        line-height: 19px;
        letter-spacing: .1rem;
    }

    .w5c_04_t span {
        margin-right: 0;
    }

    .w5c_04_item {
        flex-basis: 100%;
        margin-bottom: 1.1rem;
        padding-left: 2.8rem;
        box-shadow: .1rem .1rem .2rem #c6c6c6;
    }

    .w5c_04_tt {
        height: auto;
        font-size: 16px;
        line-height: 24px;
    }

    .w5c_04_tp {
        font-size: 13px;
        line-height: 18px;
    }
}