.su-banner {
    display: flex;
    align-items: flex-end;
    width: calc(100%);
    height: 562px;
    background: url(/static/index/image/company/banner.png);
}

.su-header {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100%);
    height: 60px;
    background: #232324;
    color: #fff;
}

.su-header .btn {
    width: 415px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #A6A6A6;
    font-weight: 400;
    border-left: 1px solid #E3E3E3;
}

.active {
    background: #A5001C;
    color: #fff !important;
}

.su-header .btn:last-child {
    border-right: 1px solid #E3E3E3;
}

.su-item {
    display: flex;
    justify-content: center;
    width: calc(100%);
}

.new-detail {
    margin-top: 87px;
    width: 783px;
}

.new-detail-items {
    display: flex;
    width: 876.2px;
    height: 243.6px;
    margin-top: 13px;
    margin-bottom: 13px;
    box-shadow: 0px 0px 5px #ccc;
}

.new-detail-image img {
    width: 325px;
    height: 243.6px;
}

.new-detail-item {
    margin: 0px 32px 32px 32px;
}

.new-detail-item h2 {
    margin-top: 27px;
    color: #262626;
    font-size: 20px;
    font-weight: 400;
    line-height: 27px;
}

.desc {
    margin-top: 11px;
    font-size: 14px;
    font-weight: 300;
    color: #939597;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.detail-footer {
    margin-top: 29px;
    display: flex;
    justify-content: space-between;
}

.left {
    display: flex;
}

.times {
    font-size: 14px;
    font-family: Montserrat;
    font-weight: 300;
    color: #939597;
}

.hits {
    margin-left: 22px;
    font-weight: 300;
    font-size: 14px;
    color: #939597;
    font-family: Montserrat;
}

.tags {
    width: 41.3px 9.6px;
    border: 1px solid #ccc;
    color: #939597;
    margin: 0px 6px;
    padding: 3px 13px;
    border-radius: 5px;
}

.new-tags {
    margin-top: 99px;
    margin-left: 165px;
    width: 301px;
}

.new-tags a {
    color: #262626;
}

.new-tags-title {
    font-size: 20px;
    color: #262626;
    font-weight: 400;
}

.new-tags-detail {
    margin: 20px 0px 26px 0px;
}

.new-tags-detail-img img {
    width: 301px;
    height: 174px;
}

.new-tags-detail>.new-tags-detail-title {
    margin-top: 12px;
    font-size: 14px;
    font-weight: 200;
    color: #262626;
}

.new-tags-detail-time {
    margin-top: 12px;
    font-weight: 300;
    font-size: 11px;
    color: #939597;
}

.tagss {
    display: flex;
    flex-wrap: wrap;
}

.tagss-red {
    border: 1px solid #A1031E;
    color: #A1031E;
    padding: 7px;
    margin: 8px;
    border-radius: 10px;
}

.icon-png {
    padding-right: 8px;
    width: 18px;
    height: 18px;
}

.icon-png-yan {
    padding-right: 8px;
    width: 24px;
    height: 24px;
}

.icons {
    display: flex;
    justify-content: center;
    align-items: center;
}