.articleContent {
  background: url(../images/d43057d114966f04ba6da19e9b699e42.jpg) center top no-repeat; }

.otherBannerSlide {
  font-size: 48px;
  color: #fff;
  font-weight: bold; }

.articleContent ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 100px 0; }
  .articleContent ul li {
    width: 50%;
    padding-right: 25px;
    text-align: center; }
    .articleContent ul li .img img {
      width: 70px; }
    .articleContent ul li:nth-of-type(1) .parentp {
      background-image: url(../images/e1955cd3c134442302809b02d8bba7a3.jpg); }
    .articleContent ul li:nth-of-type(2) .parentp {
      background-image: url(../images/df0154db33440fd61da5abef7d4591e2.jpg); }
    .articleContent ul li .parentp {
      display: block;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center; }
    .articleContent ul li:nth-of-type(2) {
      padding-left: 25px;
      padding-right: 0; }
    .articleContent ul li .parent {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      height: 445px;
      background: rgba(0, 0, 0, 0.3);
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .articleContent ul li .img img {
      display: block;
      margin: 0 auto; }
    .articleContent ul li .title {
      font-size: 30px;
      font-weight: bold;
      color: #fff;
      margin-top: 30px;
      text-align: center; }
    .articleContent ul li .desc {
      font-size: 16px;
      color: #fff;
      text-align: center;
      margin-top: 30px; }

@media (max-width: 991px) {
  .otherBannerSlide {
    font-size: 30px; }
    .otherBannerSlide img {
      width: 400px; } }

@media (max-width: 575px) {
  .otherBannerSlide {
    font-size: 20px; }
    .otherBannerSlide img {
      width: 260px; } }

@media (max-width: 575px) {
  .articleContent ul li {
    padding-right: 5px; }
  .articleContent ul li:nth-of-type(2) {
    padding-left: 5px; }
  .articleContent ul {
    padding: 50px 0; }
  .articleContent ul li .title {
    margin-top: 10px; }
  .articleContent ul li .desc {
    margin-top: 10px; }
  .articleContent ul li .title {
    font-size: 20px; }
  .articleContent ul li .parent {
    height: auto;
    padding: 60px 0; }
  .articleContent ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
    .articleContent ul li {
      width: 100%;
      padding: 0; }
  .articleContent ul li:nth-of-type(2) {
    padding: 0; }
  .articleContent ul {
    padding: 30px 0; } }