.banner .content-tit {
  font-size: 3.667rem;
}

.banner .content-mintit {
  font-size: 1.982rem;
}

.cases-content .cases-title {
  font-size: 1.486rem;
}

.cases-content .cases-text {
  font-size: 1.090rem;
}

.cases-content .more {
  font-size: 0.991rem;
}

.banner .banner-content {
  width: 80%;
  box-sizing: border-box;
  text-align: center;
  top: 45.56%;
  left: 10%;
}

.banner .banner-content .content-tit {
  margin-bottom: 1.67%;
  color: #143D8E;
}

.relevant-cases-box .relevant-cases {
  width: 89.6%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

.relevant-cases-box .relevant-cases .relevant-cases-item {
  width: 32.32%;
  margin-bottom: 1.51%;
  position: relative;
  cursor: pointer;
}

.relevant-cases-box .relevant-cases .relevant-cases-item:hover .cases-content {
  opacity: 1;
}

.relevant-cases-box .relevant-cases .relevant-cases-item:hover .cases-content .img-box img {
  transform: scale(1.05);
}

.relevant-cases-box .relevant-cases .relevant-cases-item:hover .cases-content .more {
  transform: translateY(0);
}

.relevant-cases-box .relevant-cases .relevant-cases-item:not(:nth-child(3n)) {
  margin-right: 1.52%;
}

.relevant-cases-box .relevant-cases .relevant-cases-item .img-box {
  width: 100%;
  background-color: #EEE;
  overflow: hidden;
}

.relevant-cases-box .relevant-cases .relevant-cases-item .img-box img {
  transition: transform .8s;
}

.relevant-cases-box .relevant-cases .relevant-cases-item .cases-content {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.9);
  overflow: hidden;
  transition: opacity .8s;
}

.relevant-cases-box .relevant-cases .relevant-cases-item .cases-content .cases-title {
  width: 90%;
  position: absolute;
  top: 23.38%;
  left: 5%;
  color: #2D2D2D;
  text-align: center;
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.relevant-cases-box .relevant-cases .relevant-cases-item .cases-content .cases-text {
  width: 85.62%;
  position: absolute;
  top: 34.17%;
  left: 7.19%;
  color: #999;
  text-align: justify;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.relevant-cases-box .relevant-cases .relevant-cases-item .cases-content .more {
  width: 100%;
  padding: 4.85% 0;
  text-align: center;
  color: #FFF;
  background-color: #143D8E;
  position: absolute;
  bottom: 0;
  cursor: pointer;
  transform: translateY(100%);
  transition: transform .8s;
}