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

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

.cma-content p {
  font-size: 1.486rem;
}

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

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

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

.cma-box .cma .cma-item {
  width: 32.2%;
  margin-bottom: 2.32%;
}

.cma-box .cma .cma-item:hover .cma-content {
  background-color: #143D8E;
  border-color: #143D8E;
  color: #FFF;
}

.cma-box .cma .cma-item:not(:nth-child(3n)) {
  margin-right: 1.7%;
}

.cma-box .cma .cma-item .img-box {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #979797;
  margin-bottom: 1.8%;
  position: relative;
  padding-bottom: 74%;
  cursor: pointer;
}

.cma-box .cma .cma-item .img-box img {
  position: absolute;
  width: 79.24%;
  top: 50%;
  left: 10.38%;
  transform: translateY(-50%);
}

.cma-box .cma .cma-item .cma-content {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  padding-bottom: 21.84%;
  border: 1px solid #979797;
  cursor: pointer;
}

.cma-box .cma .cma-item .cma-content p {
  width: 90%;
  position: absolute;
  top: 50%;
  left: 5%;
  text-align: center;
  transform: translateY(-50%);
}