.kelin-news-list.main{padding-top:80px;padding-bottom:60px;margin-top:100px;}

.kelin-news-list .news-tit{text-align:center;position:relative;}
.kelin-news-list .news-tit h1{width:100px;line-height:39px;background:#fff;border:2px solid var(--color-second);display:inline-block;font-size:15px;color:var(--color-primary);position:relative;z-index:20;}
.kelin-news-list .news-tit::after{content:'';width:100%;height:2px;background:var(--color-second);position:absolute;left:0;right:0;top:calc(50% - 1px);}

.kelin-news-list .news-top{margin:50px 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.kelin-news-list .news-top .left{width:575px;position:relative;overflow:hidden;margin-right: 20px;}
.kelin-news-list .news-top .left .pic{width:100%;}
.kelin-news-list .news-top .left h5{margin:15px 0 0;font-size:20px;color:#222;text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.kelin-news-list .news-top .left .t{margin:15px 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}
.kelin-news-list .news-top .left .t em{font-size:13px;color:#999;display:inline-block;}
.kelin-news-list .news-top .left .t .more{display:inline-block;color:var(--color-primary);font-size:13px;}
.kelin-news-list .news-top .left .t .more:hover{color:rgba(218,37,28,.8);}

.kelin-news-list .news-top ul{border-top:2px solid #F1F1F1;flex: 1;}
.kelin-news-list .news-top ul li{padding:30px 0;border-bottom:2px solid #F1F1F1;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}
.kelin-news-list .news-top ul li h5 {flex:1;}
.kelin-news-list .news-top ul li .pic{max-width: 132px;margin-right:12px;flex-shrink: 0;}
.kelin-news-list .news-top ul li .pic img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
}
.kelin-news-list .news-top ul li h5 a {
  color: #000;
}
.kelin-news-list .news-top ul li h5 a:hover {
color:  var(--color-primary)
}
.kelin-news-list .news-top ul li .t{margin-left:25px;flex-shrink: 0;}
.kelin-news-list .news-top ul li .t h5{font-size:17px;color:#222;text-transform:capitalize;}
.kelin-news-list .news-top ul li .t em{margin:15px 0 0;font-size:13px;color:#999;display:block;}
.kelin-news-list .news-top ul li .t .more{margin:15px 0 0;display:block;color:var(--color-primary);font-size:13px;}
.kelin-news-list .news-top ul li .t .more:hover{color:rgba(218,37,28,.8);}

.kelin-news-list .newslist{margin:30px 0 0;border-top: 2px solid rgba(218,37,28,.8);}
.kelin-news-list .newslist .tit{padding:25px 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}
.kelin-news-list .newslist .tit h4{font-size:21px;color:var(--color-primary);}
.kelin-news-list .newslist .tit p{}
.kelin-news-list .newslist .tit p a{width:39px;height:39px;line-height:39px;display:inline-block;background:var(--color-second);border-radius:50%;text-align:center;}
.kelin-news-list .newslist .tit p a:last-child{margin-left:12px;}
.kelin-news-list .newslist .tit p a i{font-size:20px;color:#fff;}
.kelin-news-list .newslist .tit p a:hover{background:var(--color-primary);}

.kelin-news-list .newslist ul{margin:0 0 0 -2%;}
.kelin-news-list .newslist ul li{float:left;width:31.33333%;overflow:hidden;margin:0 0 30px 2%;}
.kelin-news-list .newslist ul li .pic{width:100%;display:block;}
.kelin-news-list .newslist ul li .pic img{width:100%;aspect-ratio: 4/3;object-fit: cover;}
.kelin-news-list .newslist ul li h5{margin:15px 0 0;font-size:18px;color:#222;text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.kelin-news-list .newslist ul li .t{margin:15px 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}
.kelin-news-list .newslist ul li .t em{font-size:13px;color:#999;display:inline-block;}
.kelin-news-list .newslist ul li .t .more{display:inline-block;color:var(--color-primary);font-size:13px;}
.kelin-news-list .newslist ul li .t .more:hover{color:rgba(218,37,28,.8);}

@media screen and (max-width:768px) {
  .kelin-news-list.main{padding-top:25px;padding-bottom:30px;}

  .kelin-news-list .news-top{margin:20px 0 0;-webkit-flex-direction:column;flex-direction:column;}
  .kelin-news-list .news-top .left{width:100%;}
  .kelin-news-list .news-top .left h5{margin:15px 0 0;font-size:17px;}
  .kelin-news-list .news-top ul{width:100%;margin-top:20px;}
  .kelin-news-list .news-top ul li{padding:25px 0; display: flex;
        flex-direction: column;}
        .kelin-news-list .news-top ul li .pic{
          width: 100% !important;
        }
  .kelin-news-list .news-top ul li .t{margin-left:15px;}
  .kelin-news-list .news-top ul li .t h5{font-size:16px;}

  .kelin-news-list .newslist .tit{padding:20px 0;}
  .kelin-news-list .newslist .tit h4{font-size:18px;}
  .kelin-news-list .newslist .tit p a{width:30px;height:30px;line-height:30px;}
  .kelin-news-list .newslist .tit p a:last-child{margin-left:5px;}
  .kelin-news-list .newslist .tit p a i{font-size:17px;}

  .kelin-news-list .newslist ul{margin:0 0 0 -2%;}
  .kelin-news-list .newslist ul li{width:48%;margin:0 0 20px 2%;}
  .kelin-news-list .newslist ul li h5{font-size:16px;}
  .kelin-news-list.main{
    margin-top: 0;
  }
}

@media screen and (max-width:480px) {
  .kelin-news-list .news-top ul li .pic{width:120px;}
  .kelin-news-list .news-top ul li .t .more{display:none;}
.kelin-news-list .newslist ul li .t {
  display: block!important;
}
  .kelin-news-list .newslist ul{margin:0;}
  .kelin-news-list .newslist ul li{width:100%;margin:0 0 20px;}
}