@charset "UTF-8";

.news-area {position: relative; margin: 0 auto; padding-top: 64px; background: url(/archive/assets/img/news/bg-news.jpg) top center no-repeat; background-size: cover; min-height: 1000px;}

  .news-list{
    margin: 0 auto;
    padding: 40px 0;
    width: 900px;
    font-size: 16px;
  }
    .news-list li{
      position: relative;
      margin: 0 0 40px;
      height: 164px;
    }
    .news-list li .news-more{
      position: absolute;
      bottom: 0; right: 40px;
    }
    .news-list li div{
      display: inline-block;
      vertical-align:top;
    }
    .news-list .news-thumb-area{
      position: relative;
      width: 164px;
      height: 164px;
      background-position: center top;
      background-size: cover;
    }
    .news-text-area{
      margin-left: 16px;
      width: 700px;
    }
    .news-wide{
      margin: 40px auto;
    }
      .news-text-area .date{
        margin: 4px 0 16px;
        font-size: 12px;
        color: #000;
      }
      .news-text-area .title{
        margin-bottom: 16px;
      }
      .news-text-area .text a{
        display: block;
        color: #fff;
        text-decoration: none;
        font-size: 14px;
        line-height: 1.4rem;
        height: 40px;
        overflow: hidden;
      }
      .new .news-thumb-area::after {
        content: url("/archive/assets/img/news/icon-new.png"); position: absolute; top: -12px; left: -8px; display: block; z-index: 3;}

.news-nav { margin: 0 auto; padding-bottom: 32px; text-align: center;}
.prev, .next{
  margin: 8px;
  display: inline-block;
  width: 35px;
  height: 35px;
  text-indent: -9999px;
  vertical-align:top;
}
  .prev { background: url(/archive/assets/img/common/icon-arrow-l.png) top center no-repeat; }
  .next { background: url(/archive/assets/img/common/icon-arrow-r.png) top center no-repeat; }