.newswrap {
    padding: 24px 0;
    background-color: #f5f5f5;
}
.newswrap .newsitem {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    background-color: #fff;
    padding: 30px;
    height: 324px;
}
.newswrap .newsitem .pic {
    width: 386px;
    height: 260px;
    align-self: center;
    overflow: hidden;
}
.newswrap .newsitem .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.newswrap .newsitem .newscont {
    flex: 1;
    margin-right: 240px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}
.newswrap .newsitem .newscont .time {
    font-size: 18px;
    color: #999999;
    line-height: 40px;
}
.newswrap .newsitem .newscont h2 {
    font-size: 26px;
    font-weight: bold;
    line-height: 40px;
    color: #1a1a1a;
}
.newswrap .newsitem .newscont p {
    flex: 1;
    margin-top: 10px;
    font-size: 18px;
    line-height: 30px;
    color: #999999;
    display: -webkit-box;  
    -webkit-line-clamp: 2;  
    -webkit-box-orient: vertical;  
    overflow: hidden;  
    text-overflow: ellipsis; 
}
.newswrap .newsitem .newscont .more {
    display: flex;
    align-items: center;
    font-size:18px;
    color: #c59e58;
    line-height: 36px;
    font-weight: bold;
}
.newswrap .newsitem .newscont .more span {
    margin-right: 10px;
}
.newswrap .newsitem .newscont .more img {
    width: 20px;
    height: 20px;
}
.newswrap .newsitem:hover h2 {
    color: #c59e58;
}

/* 超小型设备（电话，600px 及以下） */
@media only screen and (max-width: 600px) {
    .newswrap{padding: 12px 0;}
    .newswrap .newsitem{padding: 15px; height: 162px;}
    .newswrap .newsitem .newscont .time{font-size: 12px;}
    .newswrap .newsitem .newscont h2 {font-size: 14px;}
    .newswrap .newsitem .pic {width: 193px;height: 130px;}
    .newswrap .newsitem .newscont{margin-right: 10px;}
    .newswrap .newsitem .newscont .more{font-size: 12px;}
    .newswrap .newsitem .newscont .more img{width: 12px;height: 12px;}
}

/* 小型设备（纵向平板电脑和大型手机，600 像素及以上） */
@media only screen and (min-width: 600px) {
 
    .newswrap{padding: 12px 0;}
    .newswrap .newsitem{padding: 15px;height: 162px}
    .newswrap .newsitem .pic {width: 193px;height: 130px;}
    .newswrap .newsitem .newscont{margin-right: 10px;}

}
/* 大型设备（笔记本电脑/台式机，992px 及以上） */
@media only screen and (min-width: 1200px) {
    .newswrap{padding: 24px 0;}
    .newswrap .newsitem{padding: 30px; height: 324px;}
    .newswrap .newsitem .pic {width: 386px;height: 260px;}
    .newswrap .newsitem .newscont{margin-right: 240px;}
}