@charset "UTF-8";
/**
 * @author Aihy
 * @email 7y@l7y.ltd
 * @email 202683457@qq.com
 */
/* 横向布局 */
@keyframes img-hover {
  0% {
    background-size: cover; }
  5% {
    background-size: 100.25%; }
  10% {
    background-size: 100.5%; }
  15% {
    background-size: 100.75%; }
  20% {
    background-size: 101%; }
  25% {
    background-size: 101.25%; }
  30% {
    background-size: 101.5%; }
  35% {
    background-size: 101.75%; }
  40% {
    background-size: 102%; }
  45% {
    background-size: 102.25%; }
  50% {
    background-size: 102.5%; }
  55% {
    background-size: 102.75%; }
  60% {
    background-size: 103%; }
  65% {
    background-size: 103.25%; }
  70% {
    background-size: 103.5%; }
  75% {
    background-size: 103.75%; }
  80% {
    background-size: 104%; }
  85% {
    background-size: 104.25%; }
  90% {
    background-size: 104.5%; }
  95% {
    background-size: 104.75%; }
  100% {
    background-size: 105%; } }
@-moz-keyframes img-hover /* Firefox */ {
  0% {
    background-size: cover; }
  5% {
    background-size: 100.25%; }
  10% {
    background-size: 100.5%; }
  15% {
    background-size: 100.75%; }
  20% {
    background-size: 101%; }
  25% {
    background-size: 101.25%; }
  30% {
    background-size: 101.5%; }
  35% {
    background-size: 101.75%; }
  40% {
    background-size: 102%; }
  45% {
    background-size: 102.25%; }
  50% {
    background-size: 102.5%; }
  55% {
    background-size: 102.75%; }
  60% {
    background-size: 103%; }
  65% {
    background-size: 103.25%; }
  70% {
    background-size: 103.5%; }
  75% {
    background-size: 103.75%; }
  80% {
    background-size: 104%; }
  85% {
    background-size: 104.25%; }
  90% {
    background-size: 104.5%; }
  95% {
    background-size: 104.75%; }
  100% {
    background-size: 105%; } }
@-webkit-keyframes img-hover /* Safari 和 Chrome */ {
  0% {
    background-size: cover; }
  5% {
    background-size: 100.25%; }
  10% {
    background-size: 100.5%; }
  15% {
    background-size: 100.75%; }
  20% {
    background-size: 101%; }
  25% {
    background-size: 101.25%; }
  30% {
    background-size: 101.5%; }
  35% {
    background-size: 101.75%; }
  40% {
    background-size: 102%; }
  45% {
    background-size: 102.25%; }
  50% {
    background-size: 102.5%; }
  55% {
    background-size: 102.75%; }
  60% {
    background-size: 103%; }
  65% {
    background-size: 103.25%; }
  70% {
    background-size: 103.5%; }
  75% {
    background-size: 103.75%; }
  80% {
    background-size: 104%; }
  85% {
    background-size: 104.25%; }
  90% {
    background-size: 104.5%; }
  95% {
    background-size: 104.75%; }
  100% {
    background-size: 105%; } }
@-o-keyframes img-hover /* Opera */ {
  0% {
    background-size: cover; }
  5% {
    background-size: 100.25%; }
  10% {
    background-size: 100.5%; }
  15% {
    background-size: 100.75%; }
  20% {
    background-size: 101%; }
  25% {
    background-size: 101.25%; }
  30% {
    background-size: 101.5%; }
  35% {
    background-size: 101.75%; }
  40% {
    background-size: 102%; }
  45% {
    background-size: 102.25%; }
  50% {
    background-size: 102.5%; }
  55% {
    background-size: 102.75%; }
  60% {
    background-size: 103%; }
  65% {
    background-size: 103.25%; }
  70% {
    background-size: 103.5%; }
  75% {
    background-size: 103.75%; }
  80% {
    background-size: 104%; }
  85% {
    background-size: 104.25%; }
  90% {
    background-size: 104.5%; }
  95% {
    background-size: 104.75%; }
  100% {
    background-size: 105%; } }
body {
  background: #f5f5f5; }

.hy-news {
  padding: 25px;
  margin-top: 40px;
  margin-bottom: 60px;
  background: white;
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  display: -webkit-flex;
  /* 新版本语法: Chrome 21+ */
  display: -webkit-box;
  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
  display: -moz-box;
  /* 老版本语法: Firefox (buggy) */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  display: flex;
  /* 新版本语法: Opera 12.1, Firefox 22+ */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center; }
  .hy-news .hy-l {
    width: 785px;
    margin-right: 25px; }
    .hy-news .hy-l .hy-sub-title {
      margin: 33px 0 20px;
      display: -webkit-flex;
      /* 新版本语法: Chrome 21+ */
      display: -webkit-box;
      /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
      display: -moz-box;
      /* 老版本语法: Firefox (buggy) */
      display: -ms-flexbox;
      /* 混合版本语法: IE 10 */
      display: flex;
      /* 新版本语法: Opera 12.1, Firefox 22+ */
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      justify-content: space-between;
      text-align: center;
      border-bottom: 2px solid #eee;
      padding-bottom: 5px; }
      .hy-news .hy-l .hy-sub-title .hy-name {
        position: relative;
        background-repeat: no-repeat;
        background-position: left center;
        text-align: left;
        padding-left: 35px;
        font-size: 24px;
        color: #333; }
        .hy-news .hy-l .hy-sub-title .hy-name:before {
          position: absolute;
          content: '';
          display: inline-block;
          border-bottom: 2px solid #e03636;
          width: 100%;
          bottom: -7px;
          left: 0; }
    .hy-news .hy-l .hy-banner {
      position: relative; }
      .hy-news .hy-l .hy-banner .hy-banner-img {
        display: block;
        height: 370px;
        width: 785px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        cursor: pointer; }
        .hy-news .hy-l .hy-banner .hy-banner-img .hy-banner-describe {
          background: rgba(0, 0, 0, 0.8);
          width: 100%;
          height: 50px;
          line-height: 50px;
          padding: 0 20px;
          box-sizing: border-box;
          position: absolute;
          bottom: 0;
          display: -webkit-flex;
          /* 新版本语法: Chrome 21+ */
          display: -webkit-box;
          /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
          display: -moz-box;
          /* 老版本语法: Firefox (buggy) */
          display: -ms-flexbox;
          /* 混合版本语法: IE 10 */
          display: flex;
          /* 新版本语法: Opera 12.1, Firefox 22+ */
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          justify-content: space-between;
          text-align: center; }
          .hy-news .hy-l .hy-banner .hy-banner-img .hy-banner-describe span {
            color: white;
            font-size: 18px;
            display: inline-block;
            width: 550px;
            text-align: left;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
      .hy-news .hy-l .hy-banner .hy-banner-num {
        position: absolute;
        width: calc(100% - 550px);
        bottom: 13px;
        right: 0;
        z-index: 2; }
        .hy-news .hy-l .hy-banner .hy-banner-num span {
          background: white;
          width: 14px;
          height: 14px;
          border-radius: 50%;
          margin-right: 14px;
          cursor: pointer; }
          .hy-news .hy-l .hy-banner .hy-banner-num span:last-child {
            margin-right: 0; }
          .hy-news .hy-l .hy-banner .hy-banner-num span.swiper-pagination-bullet-active {
            background: #e03636; }
      .hy-news .hy-l .hy-banner .hy-banner-operate .hy-operate-btn {
        position: absolute;
        z-index: 2;
        top: 50%;
        margin-top: -23px;
        font-size: 22px;
        width: 47px;
        height: 47px;
        line-height: 47px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.6);
        color: #646464;
        text-align: center;
        cursor: pointer; }
        .hy-news .hy-l .hy-banner .hy-banner-operate .hy-operate-btn:hover {
          background: rgba(255, 255, 255, 0.8); }
        .hy-news .hy-l .hy-banner .hy-banner-operate .hy-operate-btn i {
          display: inline-block;
          vertical-align: middle; }
      .hy-news .hy-l .hy-banner .hy-banner-operate .hy-operate-pre {
        left: 15px; }
      .hy-news .hy-l .hy-banner .hy-banner-operate .hy-operate-next {
        right: 15px; }
    .hy-news .hy-l .hy-news-hot {
      display: -webkit-flex;
      /* 新版本语法: Chrome 21+ */
      display: -webkit-box;
      /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
      display: -moz-box;
      /* 老版本语法: Firefox (buggy) */
      display: -ms-flexbox;
      /* 混合版本语法: IE 10 */
      display: flex;
      /* 新版本语法: Opera 12.1, Firefox 22+ */
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      justify-content: space-between;
      text-align: center; }
      .hy-news .hy-l .hy-news-hot .hy-item {
        width: 173px;
        transition: all .2s; }
        .hy-news .hy-l .hy-news-hot .hy-item:hover {
          box-shadow: 0 1px 7px rgba(0, 0, 0, 0.15); }
        .hy-news .hy-l .hy-news-hot .hy-item .hy-img {
          height: 80px;
          overflow: hidden;
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover; }
        .hy-news .hy-l .hy-news-hot .hy-item .hy-title {
          height: 40px;
          overflow: hidden;
          color: #333;
          padding: 3px 10px;
          text-align: left;
          border: 1px solid #eee; }
    .hy-news .hy-l .hy-news-best {
      display: -webkit-flex;
      /* 新版本语法: Chrome 21+ */
      display: -webkit-box;
      /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
      display: -moz-box;
      /* 老版本语法: Firefox (buggy) */
      display: -ms-flexbox;
      /* 混合版本语法: IE 10 */
      display: flex;
      /* 新版本语法: Opera 12.1, Firefox 22+ */
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      justify-content: space-between;
      text-align: center;
      flex-direction: column; }
      .hy-news .hy-l .hy-news-best .hy-item {
        padding: 20px 0;
        border-bottom: 1px solid #eee;
        height: 140px;
        overflow: hidden;
        cursor: pointer;
        display: -webkit-flex;
        /* 新版本语法: Chrome 21+ */
        display: -webkit-box;
        /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
        display: -moz-box;
        /* 老版本语法: Firefox (buggy) */
        display: -ms-flexbox;
        /* 混合版本语法: IE 10 */
        display: flex;
        /* 新版本语法: Opera 12.1, Firefox 22+ */
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
        text-align: center;
        justify-content: flex-start;
        transition: all .2s; }
        .hy-news .hy-l .hy-news-best .hy-item.hy-item-hide {
          display: none; }
        .hy-news .hy-l .hy-news-best .hy-item:hover {
          border-bottom: 1px solid #e03636; }
        .hy-news .hy-l .hy-news-best .hy-item:first-child {
          padding-top: 0; }
        .hy-news .hy-l .hy-news-best .hy-item .hy-img {
          background-repeat: no-repeat;
          background-size: cover;
          margin-right: 20px;
          width: 230px;
          height: 140px;
          border-radius: 10px; }
        .hy-news .hy-l .hy-news-best .hy-item .hy-info {
          text-align: left;
          width: calc(100% - 250px);
          position: relative;
          height: 115px; }
          .hy-news .hy-l .hy-news-best .hy-item .hy-info .hy-name {
            font-size: 18px;
            color: #333;
            line-height: 1.9;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
          .hy-news .hy-l .hy-news-best .hy-item .hy-info .hy-describe {
            font-size: 14px;
            color: #999;
            line-height: 1.9;
            max-height: 80px;
            overflow: hidden; }
          .hy-news .hy-l .hy-news-best .hy-item .hy-info .hy-time {
            position: absolute;
            bottom: -20px;
            left: 0;
            background: url("/Public/Home/img/sub/time.png") no-repeat left center;
            padding-left: 23px;
            color: #666;
            font-size: 14px; }
            .hy-news .hy-l .hy-news-best .hy-item .hy-info .hy-time .hy-view {
              background: url("/Public/Home/img/sub/view.png") no-repeat left center;
              padding-left: 23px;
              color: #666;
              font-size: 14px; }
          .hy-news .hy-l .hy-news-best .hy-item .hy-info .hy-view {
            position: absolute;
            bottom: -20px;
            right: 0;
            background: url("/Public/Home/img/sub/view.png") no-repeat left center;
            padding-left: 23px;
            color: #666;
            font-size: 14px; }
    .hy-news .hy-l .hy-more-btn {
      margin: 30px auto;
      display: inline-block;
      height: 45px;
      line-height: 45px;
      padding: 0 28px;
      border: 1px solid #999;
      border-radius: 25px;
      color: #999;
      cursor: pointer; }
      .hy-news .hy-l .hy-more-btn.hy-more-btn-hide {
        display: none; }
      .hy-news .hy-l .hy-more-btn:hover {
        background: #e03636;
        border: 1px solid #e03636;
        color: white; }
  .hy-news .hy-r {
    width: calc(100% - 810px); }
    .hy-news .hy-r .hy-sub-title {
      display: -webkit-flex;
      /* 新版本语法: Chrome 21+ */
      display: -webkit-box;
      /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
      display: -moz-box;
      /* 老版本语法: Firefox (buggy) */
      display: -ms-flexbox;
      /* 混合版本语法: IE 10 */
      display: flex;
      /* 新版本语法: Opera 12.1, Firefox 22+ */
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      justify-content: space-between;
      text-align: center;
      border-bottom: 2px solid #eee;
      padding-bottom: 10px; }
      .hy-news .hy-r .hy-sub-title .hy-name {
        position: relative;
        background-repeat: no-repeat;
        background-position: left center;
        text-align: left;
        padding-left: 28px;
        font-size: 20px;
        color: #333; }
        .hy-news .hy-r .hy-sub-title .hy-name:before {
          position: absolute;
          content: '';
          display: inline-block;
          border-bottom: 2px solid #e03636;
          width: 100%;
          bottom: -12px;
          left: 0; }
      .hy-news .hy-r .hy-sub-title .hy-more {
        color: #999;
        background: url("/Public/Home/img/news/more.png") no-repeat right center;
        padding-right: 20px;
        align-self: center; }
    .hy-news .hy-r .hy-news-top {
      margin: 20px 0;
      display: -webkit-flex;
      /* 新版本语法: Chrome 21+ */
      display: -webkit-box;
      /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
      display: -moz-box;
      /* 老版本语法: Firefox (buggy) */
      display: -ms-flexbox;
      /* 混合版本语法: IE 10 */
      display: flex;
      /* 新版本语法: Opera 12.1, Firefox 22+ */
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      justify-content: space-between;
      text-align: center; }
      .hy-news .hy-r .hy-news-top .hy-item {
        width: 148px; }
        .hy-news .hy-r .hy-news-top .hy-item .hy-img {
          height: 95px;
          overflow: hidden;
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover; }
        .hy-news .hy-r .hy-news-top .hy-item .hy-title {
          height: 48px;
          overflow: hidden;
          color: #333;
          padding: 9px 0;
          line-height: 1.9;
          text-align: left; }
    .hy-news .hy-r .hy-news-com {
      margin-bottom: 30px; }
      .hy-news .hy-r .hy-news-com .hy-item {
        display: block;
        height: 50px;
        line-height: 50px;
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 25px;
        border-bottom: 1px solid #eee;
        font-size: 14px;
        color: #333;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: left; }
    .hy-news .hy-r .hy-news-all .hy-item {
      display: block;
      margin: 20px 0;
      padding-bottom: 20px;
      border-bottom: 1px solid #eee; }
      .hy-news .hy-r .hy-news-all .hy-item .hy-title {
        font-size: 14px;
        color: #333;
        text-align: left;
        margin-bottom: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .hy-news .hy-r .hy-news-all .hy-item .hy-info {
        height: 52px;
        overflow: hidden;
        display: -webkit-flex;
        /* 新版本语法: Chrome 21+ */
        display: -webkit-box;
        /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
        display: -moz-box;
        /* 老版本语法: Firefox (buggy) */
        display: -ms-flexbox;
        /* 混合版本语法: IE 10 */
        display: flex;
        /* 新版本语法: Opera 12.1, Firefox 22+ */
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
        text-align: center; }
        .hy-news .hy-r .hy-news-all .hy-item .hy-info .hy-img {
          width: 75px;
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover; }
        .hy-news .hy-r .hy-news-all .hy-item .hy-info .hy-text {
          width: calc(100% - 90px);
          color: #999;
          text-align: left;
          font-size: 12px; }

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