/* ========== 扩大服务页面内容区域 ========== */

.services-page .container {
    max-width: 1800px;
    width: 95%;
}

.services-page .col-lg-50 {
    width: 100%;
    float: none;
}

/* ========== 表格区域更宽 ========== */

#service-table {
    width: 100%;
}

.table-fixed {
    table-layout: fixed !important;
    width: 100% !important;
}

/* ========== 列宽重新分配，利用右侧空白 ========== */

.table-fixed th.width-service-name,
.table-fixed td.width-service-name {
    width: 16%;
}

.table-fixed th.nowrap,
.table-fixed td.nowrap {
    width: 10%;
}

.table-fixed th.service-description__th {
    width: 26%;
}

/* ========== 描述内容允许完整换行，不截断 ========== */

.service-description,
.service-description__th {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    text-align: left;
    vertical-align: top;
    max-height: none;
    overflow: visible;
}

/* ========== 底部说明区域也加宽 ========== */

.services-text-block {
    max-width: 1600px;
    width: 95%;
    margin: 20px auto;
}

.services-text-block .well {
    width: 100%;
    padding: 20px;
}

/* ========== 图片说明区域防止被截断 ========== */

.service-description img,
.services-text-block img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
}
