.newswrap {
    padding-top: 60px;
    padding-bottom: 80px;
}
.newsitem {
    margin-top: 30px;
    display: flex;
    width: 100%;
    padding-bottom: 40px;
    border-bottom: 1px solid #dfdfdf;
}
.newsitem .pic {
    width: 240px;
    height: 160px;
    overflow: hidden;
}
.newsitem .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.0);
    transition: all 1.0s;
}
.newsitem .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    margin-left: 30px;
    overflow: hidden;
}
.newsitem .content h2 {
    font-size: 24px;
    color: #000;
    margin-bottom: 30px;
    overflow: hidden; /* 隐藏超出容器的内容 */  
    text-overflow: ellipsis; /* 当文本溢出容器时，用省略号表示 */  
    white-space: nowrap;
}
.newsitem .content p {
    font-size: 16px;
    line-height: 26px;
    color: #555555;
    overflow: hidden; /* 隐藏超出容器的内容 */  
    text-overflow: ellipsis; /* 当文本溢出容器时，用省略号表示 */  
    display: -webkit-box; /* 对于旧版本的WebKit浏览器（如Safari） */  
    -webkit-line-clamp: 2; /* 限制文本显示的行数 */  
    -webkit-box-orient: vertical; /* 设置文本方向为垂直 */ 
}
.newsitem .content .date {
    margin-top: 30px;
    font-size: 16px;
    line-height: 26px;
    color: #555555;
}

.newsitem:hover h2 {
    color: #007fe8;
}
.newsitem:hover .pic img {
    transform: scale(1.2);
}

/* 文章详情 */
.ui-article {
    padding-top: 60px;
    padding-bottom: 80px;
}
.ui-article h2{line-height: 40px; font-size: 25px; text-align: center;}
.ui-art-tags{ text-align: center; line-height: 35px; font-size: 13px; color: #999; border-top: solid 1px #efefef; border-bottom: solid 1px #efefef; margin: 15px auto;}
.ui-art-tags i {font-style: normal;}
.ui-art-tags span{ margin: 0 5px;}
.ui-cont{ line-height: 250%; font-size: 16px; font-family:"PingFang SC", "Microsoft YaHei","Helvetica Neue",Helvetica,"Hiragino Sans GB",Arial,sans-serif !important;}
.ui-cont p,.ui-cont div{font-family:"PingFang SC", "Microsoft YaHei","Helvetica Neue",Helvetica,"Hiragino Sans GB",Arial,sans-serif !important;line-height: 250%; font-size: 16px;}
.ui-cont img{ width: 100%;}

.article-pager{ width:100%; height:38px; margin:15px auto 15px auto; clear:both; text-align:center;}
.article-pager li{ width:128px; height:38px; border:solid 1px #efefef; text-align:center; display:inline-block; line-height:38px; box-sizing:border-box; border-radius:4px; background:#fff; margin-right:7px;}
.article-pager li a{ width:100%; height:38px; display:block; color:#333; font-size: 13px;}
.article-pager li a span{ font-size: 13px;}
.article-pager li:hover{  border:solid 1px #00911a;}
.article-pager li:hover a{ color:#00911a;}


@media only screen and (max-width: 600px) {
    .newswrap  {
        padding-top: 30px;
        padding-bottom: 40px;
    }
    .newsitem {
        padding-bottom: 20px;
    }
    .newsitem .pic  {
        width: 120px;
        height: 80px;
    }
    .newsitem .content {
        margin-left: 15px;
    }
    .newsitem .content h2 {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .newsitem .content p {
        font-size: 12px;
    }
    .newsitem .content .date {
        margin-top: 15px;
        font-size: 12px;
    }

    .ui-article {
        padding-top: 30px;
        padding-bottom: 40px;
    }
    .article-pager li{ height:38px; border:solid 1px #efefef; text-align:center;  line-height:38px; box-sizing:border-box; border-radius:4px; background:#fff;  clear: both; width:calc((100% - 30px)/3);}
    .article-pager li:nth-child(3n){ margin: 0;}


 
}