.section {
  padding: 80px 0 40px; }
  .section .wrap .title {
    font-family: 'Handel Gothic BT';
    font-weight: 400;
    font-size: 36px;
    color: #004178;
    text-transform: uppercase;
    margin-bottom: 34px; }
  .section .wrap .news_swiper .swiper-pagination {
    display: flex;
    align-items: center;
    left: 818px;
    bottom: 80px;
    gap: 0 8px; }
    .section .wrap .news_swiper .swiper-pagination .swiper-pagination-bullet {
      width: 25px;
      height: 4px;
      background: #D9DBE3;
      border-radius: 2px;
      opacity: 1;
      margin: 0;
      transition: 0.6s;
      position: relative; }
      .section .wrap .news_swiper .swiper-pagination .swiper-pagination-bullet:after {
        content: "";
        height: 4px;
        background: #004178;
        width: 0%;
        border-radius: 2px;
        transform-origin: left;
        position: absolute;
        top: 0;
        left: 0; }
      .section .wrap .news_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 63px; }
      .section .wrap .news_swiper .swiper-pagination .swiper-pagination-bullet.on:after {
        animation: afterAnimate 5s linear forwards; }
  .section .wrap .news_swiper .swiper-slide .slide_box {
    display: flex;
    padding: 20px;
    background: #F3F4F8;
    border-radius: 4px; }
    .section .wrap .news_swiper .swiper-slide .slide_box .l {
      width: 740px;
      height: 460px;
      border-radius: 4px;
      overflow: hidden; }
      .section .wrap .news_swiper .swiper-slide .slide_box .l img {
        display: block;
        width: 100%;
        height: 100%;
        transition: 3s; }
    .section .wrap .news_swiper .swiper-slide .slide_box .r {
      width: 700px;
      padding: 52px 33px 0 53px; }
      .section .wrap .news_swiper .swiper-slide .slide_box .r .time {
        font-weight: 400;
        font-size: 16px;
        color: #004178; }
      .section .wrap .news_swiper .swiper-slide .slide_box .r .news_title {
        font-family: 'Handel Gothic BT';
        font-weight: 400;
        font-size: 24px;
        color: #004178;
        line-height: 34px;
        text-transform: uppercase;
        margin: 30px 0;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden; }
      .section .wrap .news_swiper .swiper-slide .slide_box .r .text {
        font-weight: 400;
        font-size: 16px;
        color: #004178;
        line-height: 24px;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-bottom: 30px; }
      .section .wrap .news_swiper .swiper-slide .slide_box .r .more {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 140px;
        height: 34px;
        background: #004178;
        border-radius: 20px 20px 20px 20px;
        gap: 0 8px; }
        .section .wrap .news_swiper .swiper-slide .slide_box .r .more p {
          font-weight: 400;
          font-size: 16px;
          color: #FFFFFF; }
        .section .wrap .news_swiper .swiper-slide .slide_box .r .more img {
          display: block;
          width: 10px;
          filter: brightness(0) invert(1); }
    .section .wrap .news_swiper .swiper-slide .slide_box:hover .l img {
      transform: scale(1.1); }
  .section .wrap .list {
    border-top: 1px solid #D9DBE3;
    margin: 60px 0 0;
    padding: 56px 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 61px 35px; }
    .section .wrap .list .item {
      display: block;
      width: 470px; }
      .section .wrap .list .item .item_box {
        width: 100%;
        background: #F3F4F8;
        border-radius: 4px;
        overflow: hidden;
        transition: 0.6s; }
        .section .wrap .list .item .item_box .img {
          width: 100%;
          height: 320px;
          border-radius: 4px;
          overflow: hidden; }
          .section .wrap .list .item .item_box .img img {
            display: block;
            width: 100%;
            height: 100%;
            transition: 3s; }
        .section .wrap .list .item .item_box .item_text {
          padding: 40px 45px 40px;
          transition: 0.6s; }
          .section .wrap .list .item .item_box .item_text .item_title {
            font-family: 'Handel Gothic BT';
            font-weight: 400;
            font-size: 20px;
            color: #004178;
            line-height: 30px;
            text-transform: uppercase;
            -webkit-line-clamp: 2;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden; }
          .section .wrap .list .item .item_box .item_text .item_content {
            margin: 22px 0 32px;
            font-weight: 400;
            font-size: 16px;
            color: #004178;
            line-height: 24px; }
          .section .wrap .list .item .item_box .item_text .item_bottom {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 30px 0 0;
            border-top: 1px solid #D8DBE3; }
            .section .wrap .list .item .item_box .item_text .item_bottom .time {
              font-weight: 400;
              font-size: 16px;
              color: #004178; }
            .section .wrap .list .item .item_box .item_text .item_bottom .more {
              display: flex;
              align-items: center;
              gap: 0 13px;
              position: relative; }
              .section .wrap .list .item .item_box .item_text .item_bottom .more:after {
                content: "";
                width: 100%;
                height: 1px;
                background: #004178;
                position: absolute;
                left: 0;
                bottom: -2px;
                transform: scaleX(0);
                transform-origin: left;
                transition: 0.6s; }
              .section .wrap .list .item .item_box .item_text .item_bottom .more img {
                display: block;
                width: 5px; }
              .section .wrap .list .item .item_box .item_text .item_bottom .more p {
                font-weight: 400;
                font-size: 16px;
                color: #004178; }
              .section .wrap .list .item .item_box .item_text .item_bottom .more:hover:after {
                transform: scaleX(1); }
        .section .wrap .list .item .item_box:hover {
          background: #004178; }
          .section .wrap .list .item .item_box:hover .item_text {
            filter: brightness(0) invert(1); }
          .section .wrap .list .item .item_box:hover .img img {
            transform: scale(1.1); }

.page {
  margin: 68px 0 0; }

.download_nav {
  border-bottom: 1px solid #BFCCD5;
  position: sticky;
  position: -webkit-sticky;
  top: 60px;
  background: #FFFFFF;
  z-index: 99; }
  .download_nav .wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 5px; }
    .download_nav .wrap .item {
      display: block;
      line-height: 50px;
      padding: 0 35px;
      font-weight: 400;
      font-size: 16px;
      color: #004178;
      transition: 0.6s;
      cursor: pointer; }
      .download_nav .wrap .item:hover, .download_nav .wrap .item.on {
        background: #004178;
        color: #FFFFFF; }

@keyframes afterAnimate {
  100% {
    width: 100%; } }

/*# sourceMappingURL=news.css.map */