.cont_12 {
    width: 1200px;
    margin: 0 auto;
    height: 100%;
    border: 1px solid transparent;
}
.flex_start {
    display: flex;
    align-items: flex-start;
}
.flex_center {
    display: flex;
    align-items: center;
}
.flex_column {
    flex-direction: column;
}
.justify_center {
    justify-content: center;
}
.justify_between {
    justify-content: space-between;
}
.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
.back_icon {
    background-image: url(../img/index/inx_icon.png?v=2);
    background-repeat: no-repeat;
}
.btn_sm_white.border_blue {
    border-color: #00a0dc;
}
.btn_sm_white.border_blue:hover {
    border-width: 2px;
}

.suppliers_modul_1 {
    height: 400px;
    background: url('../img/background/suppliers-back-01.jpg') no-repeat center;
}
.suppliers_modul_1 h1 {
    margin: 0;
    font-size: 36px;
    font-weight: 600;
    color: #333;
}
.suppliers_modul_1 h1 + p {
    margin: 22px 0 45px;
    font-size: 18px;
}
.suppliers_modul_1 .btn {
    width: 320px;
    height: 56px;
    font-size: 18px;
}
.suppliers_modul_2 {
    height: 150px;
    background-color: #00a0dc;
    background-image: url("../img/background/suppliers-back-02.png");
    background-repeat: no-repeat;
    background-position: center;
}
.suppliers_modul_2 span {
    color: #fff;
    font-size: 50px;
    font-weight: 600;
}
.suppliers_modul_3 {
    height: 645px;
    background: #fff;
}
.suppliers_modul_3 .lt,
.suppliers_modul_3 .rt{
    width: 480px;
    height: 540px;
    text-align: center;
}
.suppliers_modul_3 .lt h2,
.suppliers_modul_3 .rt h2{
    font-size: 36px;
    margin-bottom: 30px;
}
.suppliers_modul_3 .lt .back {
    /*background: url("../img/background/suppliers-contBack-01.png?v=1") no-repeat center -14px;*/
}
.suppliers_modul_3 .rt .back {
    margin-bottom: 150px;
    /*background: url("../img/background/suppliers-contBack-02.png") no-repeat center;*/
}
.suppliers_modul_3 .back img {
    width: 100%;
}
.suppliers_modul_3 .rt .btn {
    margin: 0 auto;
    width: 320px;
    height: 56px;
    font-size: 18px;
}
.suppliers_modul_3 .line{
    position: relative;
    width: 2px;
    height: 500px;
    background: #bbbbbb;
    margin: 0 60px;
}
.suppliers_modul_3 .line:after{
    content: 'VS';
    display: block;
    width: 60px;
    height: 100px;
    line-height: 80px;
    position: absolute;
    top: calc(50% - 50px);
    left: -26px;
    background: #fff;
    color: #666;
    font-size: 40px;

}
.suppliers_modul_4 {
    height: 150px;
    background-color: #00a0dc;
    background-repeat: no-repeat;
    background-position: center;
}
.suppliers_modul_4.ali {
    background-image: url("../img/background/ali-back.png");
}
.suppliers_modul_4.cj {
    background-image: url("../img/background/cj-back.png");
}
.suppliers_modul_4 span {
    color: #fff;
    font-size: 34px;
    margin-bottom: 16px;
}
.suppliers_modul_4 .btn {
    width: 250px;
    height: 44px;
    font-size: 18px;
    font-weight: 600;
}
.suppliers_modul_5 {
    /*height: 1260px;*/
    padding: 60px 0;
    background: #fff;
}
.suppliers_modul_5 h2 ,
.suppliers_modul_6 h2 {
    font-size: 36px;
    margin: 0;
}
.suppliers_modul_5 h2 + p,
.suppliers_modul_6 h2 + p {
    font-size: 18px;
    color: #999;
    margin: 26px 0 68px;
}
.suppliers_modul_5 .info_list {
    width: 100%;
    margin-bottom: 60px;
}
.suppliers_modul_5 .btn {
    /*display: none;*/
    width: 320px;
    height: 56px;
    font-size: 18px;
}
.suppliers_modul_5 .rows {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.suppliers_modul_5 .rows + .rows {
    margin-top: 40px;
}
.suppliers_modul_5 .item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: solid 1px #e8eef2;
    padding: 0 6px;
    width: 270px;
    height: 252px;
}
.suppliers_modul_5 .item .back_icon {
    margin-bottom: 28px;
    width: 72px;
    height: 60px;
}
.rows .item .icon_1 {
    background-position: -184px -34px;
}
.rows .item .icon_2 {
    background-position: -34px -30px;
}
.rows .item .icon_3 {
    background-position: -184px -119px;
}
.rows .item .icon_4 {
    background-position: -184px -452px;
}
.rows .item .icon_5 {
    background-position: -34px -190px;
}
.rows .item .icon_6 {
    background-position: -33px -273px;
}
.rows .item .icon_7 {
    background-position: -33px -354px;
}
.rows .item .icon_8 {
    background-position: -33px -429px;
}
.rows .item .icon_9 {
    background-position: -184px -825px;
}
.rows .item .icon_10 {
    background-position: -183px -279px;
}
.rows .item .icon_11 {
    background-position: -33px -514px;
}
.rows .item .icon_12 {
    background-position: -183px -201px;
}
.suppliers_modul_5 .item .tit {
    font-size: 18px;
}
.suppliers_modul_5 .item .line {
    margin: 14px 0;
    width: 26px;
    height: 3px;
    background: #bdd3db;
    opacity: .5;
}
.suppliers_modul_5 .item .cont {
    height: 60px;
    line-height: 20px;
    font-size: 16px;
    color: #999;
    text-align: center;
}
.suppliers_modul_6 {
    height: 700px;
    background: #f4f5f7;
}
.suppliers_modul_6 .info_list{
    flex-wrap: wrap;
}
.suppliers_modul_6 .info_list .item{
    width: 500px;
    height: 196px;
    margin: 0 20px 0 20px;
    background: #fff;
}
.suppliers_modul_6 .info_list .item:nth-child(3),
.suppliers_modul_6 .info_list .item:nth-child(4) {
    margin-top: 40px;
}
.suppliers_modul_6 .info_list .item .tit {
    margin: 12px 0;
    padding: 0 12px;
    height: 40px;
}
.suppliers_modul_6 .info_list .item .tit .lt .img{
    width: 40px;
    height: 40px;
}
.suppliers_modul_6 .info_list .item .tit .img,
.suppliers_modul_6 .info_list .item .rt,
.suppliers_modul_6 .info_list .item .other_info span:after {
    background-image: url("../img/background/suppliers-facebookMsgUse.png?v=1");
    background-repeat: no-repeat;
}
.suppliers_modul_6 .info_list .tit .lt .head_1{
    background-position: -5px -143px;
}
.suppliers_modul_6 .info_list .tit .lt .head_2{
    background-position: -5px -203px;
}
.suppliers_modul_6 .info_list .tit .lt .head_3{
    background-position: -5px -263px;
}
.suppliers_modul_6 .info_list .tit .lt .head_4{
    background-position: -5px -323px;
}
.suppliers_modul_6 .info_list .tit .lt .head_5{
    background-position: -5px -383px;
}
.suppliers_modul_6 .info_list .tit .lt .head_6{
    background-position: -5px -443px;
}
.suppliers_modul_6 .info_list .tit .lt .head_7{
    background-position: -5px -503px;
}
.suppliers_modul_6 .info_list .tit .lt .head_8{
    background-position: -5px -563px;
}
.suppliers_modul_6 .info_list .item .tit .lt .user_info {
    padding-left: 10px;
}
.suppliers_modul_6 .info_list .item .tit .lt .user_info div:first-child {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #1d2129;
}
.suppliers_modul_6 .info_list .item .tit .lt .user_info div:last-child {
    font-size: 13px;
    line-height: 16px;
    color: #90949c;
}
.suppliers_modul_6 .info_list .item .tit .rt {
    width: 24px;
    height: 24px;
    background-position: -12px -7px;
}
.suppliers_modul_6 .info_list .item .cont {
    padding: 0 12px;
    height: 80px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.38;

    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
}
.suppliers_modul_6 .info_list .item .line {
    height: 1px;
    margin: 10px 12px 0;
    background: #eee;
}
.suppliers_modul_6 .info_list .item .other_info {
    height: 40px;
    padding: 0 12px;
}
.suppliers_modul_6 .info_list .item .other_info > span {
    position: relative;
    padding-left: 20px;
    height: 20px;
    line-height: 20px;
    color: #7f7f7f;
}
.suppliers_modul_6 .info_list .item .other_info > span:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 16px;
    height: 16px;
}
.suppliers_modul_6 .info_list .item .other_info > span:nth-child(1):after {
    background-position: -12px -80px;
}
.suppliers_modul_6 .info_list .item .other_info > span:nth-child(2):after {
    background-position: -12px -46px;
}
.suppliers_modul_6 .info_list .item .other_info > span:nth-child(3):after {
    background-position: -11px -110px;
}
.suppliers_modul_6 .info_list .item .other_info > span + span {
    margin-left: 20px;
}

/** 移动适配 **/
@media screen and (max-width: 800px) {
    .cont_12 {
        width: 100%;
        padding: 0 10px;
    }
    .suppliers_modul_1 {
        height: 260px;
    }
    .suppliers_modul_1 h1 {
        font-size: 14px;
        text-align: center;
    }
    .suppliers_modul_1 h1 + p {
        font-size: 12px;
        text-align: center;
    }
    .suppliers_modul_1 .btn,
    .suppliers_modul_3 .rt .btn,
    .suppliers_modul_4 .btn,
    .suppliers_modul_5 .btn{
        width: 200px;
        height: 34px;
        font-size: 14px;
    }

    .suppliers_modul_2 {
        height: 80px;
    }
    .suppliers_modul_2 span {
        font-size: 18px;
    }
    .suppliers_modul_3 {
        height: auto;
    }
    .suppliers_modul_3 .cont_12 {
        flex-wrap: wrap;
    }
    .suppliers_modul_3 .lt,
    .suppliers_modul_3 .rt {
        width: 100%;
        height: 400px;
    }
    .suppliers_modul_3 .line {
        display: none;
    }
    .suppliers_modul_3 .lt h2, .suppliers_modul_3 .rt h2 {
        font-size: 18px;
    }
    .suppliers_modul_3 .lt .back {
        margin-bottom: 20px;
    }
    .suppliers_modul_3 .rt .back {
        margin-bottom: 80px;
    }
    .suppliers_modul_4 span {
        font-size: 18px;
        text-align: center;
    }
    .suppliers_modul_5 h2, .suppliers_modul_6 h2 {
        font-size: 18px;
        text-align: center;
    }
    .suppliers_modul_5 h2 + p, .suppliers_modul_6 h2 + p {
        font-size: 14px;
        text-align: center;
        margin: 26px 0;
    }
    .suppliers_modul_5 {
        height: auto;
        padding: 40px 0;
    }
    .suppliers_modul_5 .rows {
        flex-wrap: wrap;
    }
    .suppliers_modul_5 .rows + .rows {
        margin-top: 20px;
    }
    .suppliers_modul_5 .item {
        width: 100%;
    }
    .suppliers_modul_5 .item + .item {
        margin-top: 20px;
    }
    .suppliers_modul_6 {
        height: auto;
        padding: 40px 0;
    }
    .suppliers_modul_6 .info_list .item {
        width: 100%;
        height: auto;
    }
    .suppliers_modul_6 .info_list .item + .item {
        margin-top: 20px;
    }
    .suppliers_modul_6 .info_list .item .cont {
        height: auto;
        -webkit-line-clamp: initial;
    }
}