.article {
    padding-bottom: 0
}

.article .box {
    display: flex;
    flex-wrap: wrap
}

.article a {
    width: 30%;
    border-radius: 15px;
    margin-right: 5%;
    margin-bottom: 5%;
    overflow: hidden;
    transition: .5s
}

.article a:nth-child(3n) {
    margin-right: 0
}

.article a .img {
    transition: .3s
}

.article a .jt {
    transition: .3s
}

.article a:hover {
    box-shadow: 0 5px 10px rgba(163, 157, 157, 0.2);
    transform: translateY(-10px)
}

.article a:hover .img {
    transform: scale(1.1)
}

.article a:hover .jt {
    transform: translateX(10px)
}

.article a .main {
    padding: 60px 8% 8%;
    background: #fff;
    font-size: 18px;
    border: 1px solid #cccccc;
    border-radius: 0 0 15px 15px;
    position: relative
}

.article a .main .time {
    padding:0 calc(1px + 0.5rem);
    background: #AE745E;
    width: fit-content;
    position: absolute;
    top: 0;
    transform: translateY(-50%);
    font-size: 20px;
    color: #fff
}

.article a .main .fs {
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #AE745E;
    margin-bottom: 15px
}

.article a .main .fs img {
    margin-right: 10px
}

.article a .main .title {
    font-size: 24px;
    color: #30333b;
    margin-bottom: 40px;
    line-height: 1.5
}

.article .footer a {
    width: auto;
    margin: 0
}

.news_read {
    display: flex;
    justify-content: space-between
}

.news_read .left {
    width: 66%
}

.news_read .left .title {
    font-size: 36px;
    line-height: 51px;
    color: #af721a;
    margin-bottom: 40px;
    font-family: AkzidenzGrotesk-Super
}

.news_read .left .info {
    font-size: 16px;
    color: rgba(48, 51, 59, 0.5);
    display: flex;
    margin-bottom: 80px
}

.news_read .left .info img {
    margin-right: 9px;
    vertical-align: baseline;
    margin-bottom: 0
}

.news_read .left .info .shijian {
    margin-right: 36px
}

.news_read .left .content {
    font-size: 18px;
    line-height: 32px;
    color: #cccccc;
    font-family: PINGFANG_LIGHT
}

.news_read .left .content p {
    margin-bottom: 20px
}

.news_read .right {
    width: 25%
}

.news_read .right .pub_title {
    font-size: 24px;
    margin-bottom: 44px;
    color: rgba(48, 51, 59, 0.9)
}

.news_read .right .pub_title::after {
    display: none
}

.news_read .right .main a {
    display: block;
    padding: 45px 0;
    border-top: 1px solid #d6d6d8
}

.news_read .right .main a .title {
    font-size: 20px;
    line-height: 36px;
    color: rgba(48, 51, 59, 0.9);
    margin-bottom: 10px;
    font-family: PINGFANG_MEDIUM
}

.news_read .right .main a .time {
    color: #666666;
    font-size: 16px
}

@media screen and (max-width: 1100px){
    .article a{
        width: 100%;
    }
    .article a .main .title{
        font-size: calc(12px + 1rem);
        line-height: 1.5;
        margin-bottom: 20px;
    }
    .a_more{
        font-size: calc(10px + 1rem);
        line-height: 1.5;
    }
    .article a .main .time {
        padding: 0 calc(1px + 4.5rem);
    }
}