@charset "utf-8";

#banner{width: 100%; height: 300px; position: relative; z-index: 1; background: #eff0f2 url('../img/b-news.jpg') no-repeat center/cover;}


#news{padding: 20px 0 130px 0;}
#news .wrap>.path, #news-view .wrap>.path{padding-bottom: 60px;}
#news .wrap>.path a, #news-view .wrap>.path a{font-size: 1.4rem; position: relative; transition: all .3s; color: #aaa;}
#news .wrap>.path i, #news-view .wrap>.path i{color: #aaa; font-size: 1.2rem;}
#news .wrap>.path a:hover, #news-view .wrap>.path a:hover{color: #464646;}
#news .wrap>.path a::after, #news-view .wrap>.path a::after{content: ''; display: block; width: 0; height: 1px; background: #464646; left: 0; bottom: -1px; position: absolute; transition: all .3s;}
#news .wrap>.path a:hover::after, #news-view .wrap>.path a:hover::after{width: 100%; background: #464646;}
#news .wrap>.tit{color: #2b2b2b; font-size: 4.2rem; font-weight: 700; margin-bottom: 60px;}

#news .list{display: flex; justify-content: space-between; flex-wrap: wrap;}
#news .list>a{display: block; width: calc(50% - 40px); display: flex; justify-content: space-between; margin-bottom: 80px;}
#news .list>a .img{width: 220px; height: 165px; background: #eff0f2; overflow: hidden; position: relative;}
#news .list>a .img>div{width: 100%; height: 100%; background: no-repeat center/cover; transition: all .76s;}
#news .list>a:hover .img>div{transform: scale(1.09);}
#news .list>a .img::after{content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #fff; opacity: 0; transition: all .2s;}
#news .list>a:hover .img::after{opacity: .15;}
#news .list>a .box{width: calc(100% - 240px); padding-top: 3px;}
#news .list>a .box .date{font-size: 1.5rem; font-weight: 300; color: #2b2b2b;}
#news .list>a .box .tit{font-size: 2.6rem; line-height: 1.2; color: #0e55a4; margin-top: 15px; font-weight: bold; letter-spacing: -.01rem;}
#news .list>a:hover .box .tit{color: #279830;}
#news .list>a .box .con{color: #2b2b2b; font-size: 1.5rem; font-weight: 300; line-height: 1.6; margin-top: 15px;}


#news-view{min-height: 480px; padding: 20px 0 0 0; box-sizing: border-box;}
#news-view h1{color: #2b2b2b; font-size: 3.6rem;}
#news-view .info{margin-bottom: 40px; font-size: 1.5rem; color: #bbb;}
#news-view .con{line-height: 1.6; font-size: 1.6rem; padding-bottom: 70px;}
#news-view .con p, #news-view .con div{line-height: 1.6; font-size: 1.6rem; margin-bottom: 20px;}

#news-view .prev-next{background: #0e55a4; padding: 40px 0 43px 0;}
#news-view .prev-next .wrap{display: flex; justify-content: space-between;}
#news-view .prev-next .wrap>a{display: block; width: 45%;}
#news-view .prev-next .wrap>a:hover span{text-decoration: underline;}
#news-view .prev-next .wrap>a>span{display: inline-block; width: calc(100% - 50px); vertical-align: middle; position: relative; bottom: 2px;}
#news-view .prev-next .wrap .next{text-align: right; font-size: 1.5rem; color: #fff;}
#news-view .prev-next .wrap .next i{font-size: 1.5rem; margin-left: 5px; color: #fff;}
#news-view .prev-next .wrap .prev{font-size: 1.5rem; color: #fff;}
#news-view .prev-next .wrap .prev i{font-size: 1.5rem; margin-right: 5px; color: #fff; display: inline-block; transform: rotate(-180deg);}

@media (max-width:1440px){
  #news{padding: 20px 0 100px 0;}
  #news .wrap>.path, #news-view .wrap>.path{padding-bottom: 50px;}

  #news .wrap>.tit{font-size: 4rem;}

  #news .list>a{width: calc(50% - 30px); margin-bottom: 60px;}
  #news .list>a .img{width: 210px; height: 158px;}
  #news .list>a .box{width: calc(100% - 230px);}
  #news .list>a .box .date{font-size: 1.4rem;}
  #news .list>a .box .tit{font-size: 2.4rem;}
  #news .list>a .box .con{font-size: 1.4rem;}

  #news-view h1{font-size: 3.4rem;}
  #news-view .info{margin-bottom: 40px; font-size: 1.4rem;}
  #news-view .con{padding-bottom: 60px; font-size: 1.5rem;}
  #news-view .con p, #news-view .con div{font-size: 1.5rem;}
  #news-view .prev-next .wrap .next{font-size: 1.4rem;}
  #news-view .prev-next .wrap .prev{font-size: 1.4rem;}
}
@media (max-width:1366px){
  #news .wrap>.path a, #news-view .wrap>.path a{font-size: 1.3rem;}
  #news .wrap>.path i, #news-view .wrap>.path i{font-size: 1.2rem; transform: scale(.88); display: inline-block;}

  #news{padding: 20px 0 80px 0;}
  #news .wrap>.path, #news-view .wrap>.path{padding-bottom: 45px;}

  #news .wrap>.tit{font-size: 3.8rem;}

  #news .list>a{width: calc(50% - 26px); margin-bottom: 56px;}
  #news .list>a .img{width: 200px; height: 150px;}
  #news .list>a .box{width: calc(100% - 220px);}
  #news .list>a .box .date{font-size: 1.3rem;}
  #news .list>a .box .tit{font-size: 2.2rem;}
  #news .list>a .box .con{font-size: 1.3rem;}

  #news-view h1{font-size: 3.2rem;}
  #news-view .info{margin-bottom: 40px; font-size: 1.3rem;}
  #news-view .con{padding-bottom: 60px; font-size: 1.4rem;}
  #news-view .con p, #news-view .con div{font-size: 1.4rem;}
  #news-view .prev-next .wrap .next{font-size: 1.3rem;}
  #news-view .prev-next .wrap .prev{font-size: 1.3rem;}
}
@media (max-width:1024px){
  #news .list>a{width: calc(50% - 20px); margin-bottom: 46px;}
  #news .list>a .img{width: 180px; height: 150px;}
  #news .list>a .box{width: calc(100% - 200px);}
  #news .list>a .box .date{font-size: 1.2rem;}
  #news .list>a .box .tit{font-size: 1.7rem;}
  #news .list>a .box .con{font-size: 1.3rem;}
}
@media (max-width:1000px){
  #banner{height: 180px;}

  #news{padding: 20px 15px 50px 15px;}
  #news .wrap>.path{padding-bottom: 40px;}
  #news .wrap>.tit{font-size: 3rem; margin-bottom: 40px;}

  #news .list{display: block;}
  #news .list>a{width: 100%; margin-bottom: 50px; display: block;}
  #news .list>a .img{width: 100%; height: 200px;}
  #news .list>a .box{width: 100%; margin-top: 20px;}
  #news .list>a .box .date{font-size: 1.3rem;}
  #news .list>a .box .tit{font-size: 2rem;}

  #news-view .wrap>.path{padding-bottom: 20px;}
  #news-view{min-height: unset; padding: 20px 15px 0 15px;}
  #news-view h1{font-size: 2.6rem; line-height: 1.2;}
  #news-view .info{margin-bottom: 30px; font-size: 1.4rem;}
  #news-view .con{font-size: 1.4rem; padding-bottom: 60px;}
  #news-view .con p, #news-view .con div{font-size: 1.4rem;}

  #news-view .prev-next{display: none;}
}