.banner {
  height: 472px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("../image/banner1.png");
}

.container {
  background-color: #f4f4f4;
  position: relative;
  padding-bottom: 50px;
  padding-top: 380px;
}

.case-box {
  position: absolute;
  width: 1020px;
  top: -150px;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
  background-color: #fff;
  padding: 30px 0;
}

.case-box .case-item {
  float: left;
  width: calc(100% / 3);
}

.case-box .case-item img {
  display: block;
  width: 100%;
}

.case-box .case-item .case-item-text {
  height: 160px;
  padding: 20px 10px;
}

.case-box .case-item .case-item-text h4 {
  font-size: 16px;
  color: #44424a;
  font-weight: bold;
}

.case-box .case-item .case-item-text p {
  font-size: 14px;
  color: #7a7a86;
  margin-top: 10px;
}