#content .news_list{
    padding:10px 0;
    display: flex;
    flex-wrap: wrap;
}
#content .news{
    width: calc(33.3% - 12px);
    position:relative;
    margin:5px 6px;
    background:#fff;
    border-radius: 5px;
    box-shadow: 0 0 8px 1px #aaaaaa;
    overflow: hidden;
}
#content .news-cover-wrapper {
    height: 250px;
    overflow: hidden;
}

#content .news-cover {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    transition: .3s ease-in-out;
}

#content .news a {
    display:block;
    height: 100%;
    text-decoration:none;
}
#content .news a .date, #content .left_part .date {
    display: inline-block;
    background:url("/website/static/images/date_b.png") 0 0 no-repeat;
    width:44px;
    height:33px;
    text-align:center;
    margin:5px 0 0 10px;
    color:#8e7c4a;
    font-size:20px;
    padding-top:9px;
    font-weight:bold;
    line-height:11px;
    font-family:"Arial";
}
#content .left_part h2.title {
    color: #40322d;
    font-size: 20px;
    font-weight: 700;
    margin: 13px 10px;
    display: inline-block;
}
#content .left_part h3 {
    font-size: 18px;
    margin-top: 10px;
}
#content .left_part .date span {
    font-size: 14px;
    font-weight: normal;
}
#content .news .news-content {
    padding: 10px;
}
#content .news a .title{
    font-size:16px;
    font-weight: bold;
    display:inline-block;
    color:#937762;
    margin:7px 0;
    height: 44px;
}
#content .news a .new_date {
    color: #8e7c4a;
    font-size: 14px;
}
#content .news a .sub-title{
    font-size:14px;
    height: 20px;
    margin:5px 0;
    color:#888888;
}
#content .news a .more-link{
    position:absolute;
    right:5px;
    bottom:5px;
    font-size:14px;
    color:#603917;
    padding-left:25px;
    background:url(/website/static/images/more_icon.png) left center no-repeat;
}

@media screen and (max-width: 767px) {
    #content .news {
        width: calc(50% - 12px);
    }
}

@media screen and (min-width: 641px) {
    #content .news-cover:hover {
        transform: scale(1.1);
    }
}

@media screen and (max-width: 600px) {
    #content .news {
        width: 100%;
        max-width: 300px;
        margin: 5px auto;
    }
}

#content .news a .title, #news_tab .subnavBlock .subnav ul li a .title {
    height: 44px;
}