.main{padding-top:80px;padding-bottom:60px;}

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

.news-top{margin:50px 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.news-top .left{width:575px;position:relative;overflow:hidden;}
.news-top .left .pic{width:100%;}
.news-top .left h5{margin:15px 0 0;font-size:20px;color:#222;text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.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;}
.news-top .left .t em{font-size:13px;color:#999;display:inline-block;}
.news-top .left .t .more{display:inline-block;color:var(--color-primary);font-size:13px;}
.news-top .left .t .more:hover{color:#0A8511;}

.news-top ul{width:570px;border-top:2px solid #F1F1F1;}
.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;}
.news-top ul li .pic{width:180px;margin-right:12px;}
.news-top ul li .t{-webkit-flex:1;flex:1;margin-left:25px;}
.news-top ul li .t h5{font-size:17px;color:#222;text-transform:capitalize;}
.news-top ul li .t em{margin:15px 0 0;font-size:13px;color:#999;display:block;}
.news-top ul li .t .more{margin:15px 0 0;display:block;color:var(--color-primary);font-size:13px;}
.news-top ul li .t .more:hover{color:#0A8511;}

.newslist{margin:30px 0 0;border-top:2px solid #99B6A4;}
.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;}
.newslist .tit h4{font-size:21px;color:var(--color-primary);}
.newslist .tit p{}
.newslist .tit p a{width:39px;height:39px;line-height:39px;display:inline-block;background:var(--color-second);border-radius:50%;text-align:center;}
.newslist .tit p a:last-child{margin-left:12px;}
.newslist .tit p a i{font-size:20px;color:#fff;}
.newslist .tit p a:hover{background:var(--color-primary);}

.newslist ul{margin:0 0 0 -2%;min-height:400px}
.newslist ul li{float:left;width:31.33333%;overflow:hidden;margin:0 0 30px 2%;}
.newslist ul li .pic{width:100%;display:block;}
.newslist ul li .pic img{width:100%;}
.newslist ul li h5{margin:15px 0 0;font-size:18px;color:#222;text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.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;}
.newslist ul li .t em{font-size:13px;color:#999;display:inline-block;}
.newslist ul li .t .more{display:inline-block;color:var(--color-primary);font-size:13px;}
.newslist ul li .t .more:hover{color:#0A8511;}

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

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

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

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

@media screen and (max-width:480px) {
  .news-top ul li .pic{width:120px;}
  .news-top ul li .t .more{display:none;}

  .newslist ul{margin:0;}
  .newslist ul li{width:100%;margin:0 0 20px;}
}