@charset "utf-8";

#news .list{margin-top: 60px;}
#news .list a{margin-bottom: 30px; display: flex; justify-content: space-between;}
#news .list .img{width: 350px; height: 142px; background: #dedede; overflow: hidden;}
#news .list .img>img{width: 100%;}
#news .list .box{width: 825px; display: flex; align-items: center; transition: all .3s; padding-right: 40px; box-sizing: border-box;}
#news .list a:hover .box{background: #ecfdfd;}
#news .list .box .date{text-align: right; padding-right: 20px; padding-left: 30px; color: #7f7f7f; transition: all .25s;}
#news .list a:hover .box .date{color: #009693;}
#news .list .box .date .day{font-size: 3.6rem;}
#news .list .box .date .ym{font-size: 1.4rem; margin-top: 5px;}
#news .list .box .line{width: 1px; height: 120px; background: #97999a;}
#news .list .box .con{padding-left: 25px;}
#news .list .box .con .title{font-size: 2rem; color: #323232; transition: all .25s;}
#news .list a:hover .box .con .title{color: #009693;}
#news .list .box .con .desc{font-size: 1.4rem; color: #323232; line-height: 1.8; margin-top: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

@media (max-width:1199px){
  #news .list{margin-top: 50px;}
  #news .list a{display: block;}
  #news .list .img{width: 100%; height: 0; padding-bottom: 40.57%;}
  #news .list .box{width: 100%; padding-right: 0; margin-top: 10px;}
  #news .list .box .date{text-align: left; padding-right: 15px; padding-left:0;}
  #news .list .box .con{padding-left: 20px; overflow: hidden;}
  #news .list .box .con .title{font-size: 1.6rem; line-height: 1.3;}
  #news .list .box .con .desc{}
}


#news-view .wrap>h1{font-size: 2.2rem; font-weight: bold; text-align: center; margin-top: 60px; line-height: 1.3;}
#news-view .wrap>.desc{color: #b8b8b8; font-size: 1.4rem; text-align: center; margin-top: 25px;}
#news-view .wrap>.con{min-height: 400px; margin-top: 35px; font-size: 1.4rem; color: #323232;}
#news-view .wrap>.con p{line-height: 2; margin-bottom: 30px;}

#news-view .next-prev{border-top: 1px solid #afafaf; margin-top: 50px; margin-bottom: 50px; padding-top: 12px;}
#news-view .next-prev a{display: block; font-size: 1.4rem; color: #323232; line-height: 26px;}
#news-view .next-prev a:hover{text-decoration: underline;}

@media (max-width:1199px){
  #news-view .part{display: none;}
  #news-view .wrap>h1{margin-top: 0; padding-top: 50px;}
}