.cases-banner {
  position: relative;
  padding: 5% 0 10%;
  background-image: url(../image/bg-banner-e8dde05fcb.png);
  background-repeat: no-repeat;
  background-size: cover;
}

  .cases-banner h1 {
    font-size: 45px;
    font-weight: normal;
    color: #fff;
  }

  .cases-banner p {
    margin-bottom: 30px;
    font-size: 20px;
    color: #fff;
  }

  .cases-banner img {
    position: absolute;
    right: 5%;
    bottom: 70px;
    width: 48%;
  }

  .cases-banner .cases-nav {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.2);
  }

  .cases-banner .cases-nav ul li {
      float: left;
      width: 25%;
      display: inline-block;
      line-height: 70px;
      text-align: center;
    }

  .cases-banner .cases-nav ul li a {
      display: block;
      color: #fff;
      text-decoration: none
    }

  .cases-banner .cases-nav ul li a:active, .cases-banner .cases-nav ul li a:focus, .cases-banner .cases-nav ul li a:hover {
  background: rgba(255, 255, 255, 0.05);
}

  .cases-banner .cases-nav ul li a.active {
  font-weight: bold;
  background: rgba(255, 255, 255, 0.2);
}

.cases-main .section h2 {
      font-size: 40px;
      font-weight: 300;
      color: #333;
    }

.cases-main .section p {
      font-size: 20px;
      color: #515151;
    }

.cases-main .section.section-description {
    padding: 3.2% 0 10%;
    background: #eef2f6;
  }

.cases-main .section.section-description p {
      width: 68%;
      line-height: 1.8;
    }

.cases-main .section.section-description img {
      position: absolute;
      top: -25%;
      right: 0;
    }

.cases-main .section.section-description .container {
      position: relative;
      padding: 0 3.13%;
    }

.cases-main .section.section-difficulty .container {
      padding: 2.6% 4% 2.08%;
      margin-top: -8.5%;
      background: #fff;
      border: 1px solid #e0e4d9;
      border-radius: 6px;
      -webkit-box-shadow: 3px 6px 36px #e9eef1;
              box-shadow: 3px 6px 36px #e9eef1;
    }

.cases-main .section.section-difficulty .content {
      display: table;
      padding-top: 4.17%;
    }

.cases-main .section.section-difficulty .content-left, .cases-main .section.section-difficulty .content-right {
      display: table-cell;
      vertical-align: top;
    }

.cases-main .section.section-difficulty h3 {
      font-size: 25px;
      font-weight: normal;
      color: #333;
    }

.cases-main .section.section-difficulty p {
      margin-top: 10px;
      line-height: 1.6;
      font-size: 18px;
      color: #515151;
    }

.cases-main .section.section-difficulty ul {
      padding: 20px 40px;
    }

.cases-main .section.section-difficulty ul li {
        height: 135px;
      }

.cases-main .section.section-solution {
    text-align: center;
  }

.cases-main .section.section-solution img {
      width: 82%;
      margin: 5.83% 0 3.75%;
    }

.cases-main .section.section-solution ul li {
      float: left;
      width: 33%;
      display: inline-block;
      line-height: 1.8;
      font-size: 18px;
      color: #333;
    }

.cases-main .section.section-solution .container {
      padding: 4.17% 0;
    }

.cases-main .section.section-cases {
    text-align: center;
  }

.cases-main .section.section-cases img {
      margin-top: 3.33%;
    }

.cases-main .section.section-cases .container {
      padding: 2% 0 4.17%;
    }