/*pge*/
.newslst{ display: flex; flex-wrap: wrap; align-items: stretch;   justify-content: space-between;  }
 .newslst:after{ content:""; width:30%;}
.newslst .item{ width: 30%; margin-bottom: 8%;}
.newslst .item h2.news-tit{ font-size: 18px; height: 50px; line-height: 25px; overflow: hidden; margin-bottom: 2%;}
.newslst .item .fnt { white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; margin-bottom: 12%; }
.newslst .item .date{  padding-bottom: 8%; }
.newslst .item .time{color: #989898;}
.newslst .item .date .mdnm{ margin-left: 15px; color: #333; font-weight: bold;}
.newslst .item a{ display: block; border-right: 1px solid #e8e8e8; }
.newslst .item .pdg{ padding-right: 5%;}
.newslst .item .mr{ padding:8%  3% 0; position: relative;  border-top: 1px solid #e8e8e8;}
.newslst .item .mr .iconfont{ position: absolute; right: 5%; font-size: 20px;}
.newslst .item a:hover .fnt { color: #333;}
.newslst .item a:hover .date .time{ color: #989898;}
.newslst .item a .mr .iconfont{right: 5%; transition: all 0.3s;}
.newslst .item a:hover .mr .iconfont{right: 3%;}
.srchtit{ margin-bottom: 2%;}
.srchtit h2{ font-size: 28px; margin-bottom: 10px;} 
@media screen and (max-width: 1440px) {
.srchtit h2{ font-size:24px;}
}
@media screen and (max-width: 1280px) {
.srchtit h2{ font-size:22px;}
}
@media screen and (max-width: 1100px) {
.srchtit h2{ font-size:18px;}
}

@media screen and (max-width:900px) {
.newslst .item h2.news-tit{font-size: 16px;}
}
@media screen and (max-width:768px) {
.newslst .item{ width: 48%; margin-bottom: 8%;}
.newslst:after{ width: 48%;}
.srchtit { margin-bottom: 4%;}
}

@media screen and (max-width:600px) {
   .newslst{ display: block;}
   .newslst .item{ width: 100%; max-width: 100%; margin-bottom: 10%;}
   .newslst:after{ display: none;}
   .newslst .item a{ border-right: 0;}
   .newslst .item .fnt{ margin-bottom: 5%;}
   .newslst .item .date{ padding-bottom: 5%;}
   .newslst .item .mr{ padding: 4%  3% 0 0;}
   }