/* 新闻列表 */
.news li {
    position: relative;
    padding: 10px;
}
.news li img{
    width: 100%;
}

.news .new-li-title {
    display: block;
    overflow: hidden;
    font: 400 16px/30px '微软雅黑';
    color: #000; 
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news .new-li-time {
    display: block;
    font: 400 12px/16px '微软雅黑';
    color: #999999;
}

.news .new-li-content {
    display: block;
    height: 48px;
    overflow: hidden;
    padding: 0;
}

.news .new-li-content p {
    font: 400 14px/24px '微软雅黑';
    color: #747474;
    text-align: justify;
}

@media (min-width:1200px) {
   .news li {
    float: left;
    width: 33.3%;
    height: 330px;
    padding:0 5px;
    margin-bottom: 10px;
    overflow: hidden;
}

.news li a {
    position: relative;
    display: block;
}

.news li a img{
    width: 100%;
}

.news .new-li-font {
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: -156px;
    width: 100%;
    height: 200px;
    background: rgba(47, 21, 0, 0.8);
    transition: 0.6s;
}

.news .new-li-title {
    position: relative;
    color: #fff;
}

.news .new-li-title p {
    height: 48px;
    padding: 0 110px 0 15px;
    overflow: hidden;
    font: 400 18px/48px '微软雅黑';
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news .new-li-time {
    position: absolute;
    right: 15px;
    top: 0;
    font: 400 14px/48px '微软雅黑';
}

.news .new-li-content{
    height: auto;
    margin:0 15px;
    padding: 10px 0;
    border-top: 1px solid #fff;
}
.news .new-li-content p{
    font: 400 14px/24px '微软雅黑';
    color: #fff;
}

.news li:hover .new-li-font{
    bottom: 0;
    padding-top: 20px;
}
}






/* 新闻详情 */

.new-er {
    padding: 10px;
}

.new-er-title {
    position: relative;
    padding-bottom: 5px;
}

.new-er-name {
    font: bold 16px/20px 'Microsoft YaHei';
    color: #170d3d;
}

.new-er-time {
    font: 400 12px/24px 'Microsoft YaHei';
    color: #170d3d;
}

.new-er-content {
    min-height: 300px;
    padding-top: 20px;
}

.new-er-content p {
    margin-bottom: 24px;
    font: 400 14px/24px 'Microsoft Yahei';
    text-align: justify;
    /* text-indent: 2em; */
    color: #000;
}
.new-er-content p img{
    width: 100%;
}

@media (min-width:1200px) {

    .new-er {
        padding: 20px 20px 0 20px;
        margin-bottom:0;
    }
    .new-er-name {
        font: 600 18px/24px 'Microsoft YaHei';
    }
    .new-er-time {
        position: absolute;
        right: 0;
        top: 0;
        font: 400 14px/24px 'Microsoft YaHei';
    }
}