.news {
  padding: 93px 0 130px 0; }
  .news .wrap {
    width: 1480px;
    margin: auto; }
    .news .wrap .item {
      display: flex;
      height: 454px; }
      .news .wrap .item:not(:last-child) {
        margin: 0 0 80px; }
      .news .wrap .item .img {
        width: 520px;
        height: 100%;
        overflow: hidden; }
        .news .wrap .item .img img {
          width: 100%;
          height: 100%;
          transition: 1s; }
      .news .wrap .item .content {
        flex: 1;
        height: 100%;
        background: #2C2C2C;
        padding: 80px 99px 50px 99px;
        position: relative; }
        .news .wrap .item .content:after {
          content: "";
          position: absolute;
          height: 2px;
          width: 100%;
          background: #DD562E;
          bottom: 0;
          left: 0;
          transform: scaleX(0);
          transform-origin: left;
          transition: 0.6s cubic-bezier(0.76, 0, 0.24, 1); }
        .news .wrap .item .content .time p {
          font-weight: 400;
          font-size: 16px;
          color: #888888;
          transition: .6s ease; }
        .news .wrap .item .content .time .year {
          font-weight: 500;
          font-size: 48px;
          color: #888888;
          transition: .6s ease;
          line-height: 36px;
          margin: 8px 0 0 0; }
        .news .wrap .item .content .color {
          font-weight: 400;
          font-size: 24px;
          color: #FFFFFF;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          margin: 41px 0 50px 0;
          transition: .6s ease; }
        .news .wrap .item .content .text {
          font-weight: 400;
          font-size: 16px;
          color: #888888;
          line-height: 32px;
          transition: .6s ease; }
      .news .wrap .item:hover .img img {
        transform: scale(1.04); }
      .news .wrap .item:hover .content:after {
        transform: scaleX(1); }
      .news .wrap .item:hover .content .color {
        color: #DD562E; }
      .news .wrap .item:hover .content .time p, .news .wrap .item:hover .content .time .year {
        color: #DD562E; }
      .news .wrap .item:hover .content .text {
        color: #FFFFFF; }

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