.otherBannerSlide p:nth-of-type(1) {
  font-size: 50px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 5px; }

body {
  background: #f4f4f4; }

.articleContent ul li {
  margin-bottom: 50px; }
  .articleContent ul li:last-child {
    margin-bottom: 0; }
  .articleContent ul li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .articleContent ul li a:hover > .img img {
      -webkit-transform: scale(1.1);
          -ms-transform: scale(1.1);
              transform: scale(1.1); }
    .articleContent ul li a .img {
      overflow: hidden; }
      .articleContent ul li a .img img {
        -webkit-transition: 0.5s ease all;
        transition: 0.5s ease all; }
    .articleContent ul li a:hover .text::after {
      width: 100%; }
    .articleContent ul li a .text {
      position: relative;
      -webkit-transition: 0.5s ease all;
      transition: 0.5s ease all;
      background: white;
      background: #2f5f90;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      min-width: 0;
      padding-left: 40px;
      padding-right: 40px; }
      .articleContent ul li a .text::after {
        position: absolute;
        bottom: 0;
        background: #fff;
        -webkit-transition: 0.5s ease all;
        transition: 0.5s ease all;
        content: '';
        left: 0;
        width: 0;
        height: 4px; }
      .articleContent ul li a .text .title {
        font-size: 18px;
        font-weight: bold;
        color: #ffffff;
        margin-bottom: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .articleContent ul li a .text .other {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        font-size: 14px;
        color: #fff;
        margin-bottom: 20px; }
        .articleContent ul li a .text .other span {
          margin-left: 10px; }
      .articleContent ul li a .text .desc {
        font-size: 14px;
        color: #fff;
        line-height: 1.8;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-top: 40px; }

@media (max-width: 1599px) {
  .articleContent ul li a .text .desc {
    margin-top: 20px; }
  .articleContent ul li a .text .other {
    margin-bottom: 0; } }

@media (max-width: 991px) {
  .articleContent ul li a > .img {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .articleContent ul li {
    margin-bottom: 20px; } }

@media (max-width: 767px) {
  .articleContent ul li a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 500px;
    margin: 0 auto; }
  .articleContent ul li a .text {
    padding: 40px; } }

@media (max-width: 575px) {
  .articleContent ul li a {
    width: 100%; }
  .articleContent ul li a .text {
    padding: 20px; }
  .articleContent ul li a .text .title {
    font-size: 16px; }
  .otherBannerSlide p:nth-of-type(1) {
    font-size: 29px; }
  .otherBannerSlide p img {
    width: 200px; }
  .articleContent ul li a .img img {
    width: 100%; } }