.qua-itro .qua-title {
  font-size: 1.189rem;
}

.qua-itro .more {
  font-size: 0.892rem;
}

.banner .banner-content {
  width: 59.6%;
  box-sizing: border-box;
  padding: 3.38% 0 4.32%;
  background-color: rgba(20, 61, 142, 0.4);
  color: #FFF;
  text-align: center;
  top: 42.7%;
  left: 20.2%;
}

.banner .banner-content .content-tit {
  margin-bottom: 2.97%;
}

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

.qualifications-box .qualifications .qualifications-item {
  width: 23.83%;
  box-sizing: border-box;
  padding-bottom: 28.95%;
  margin-bottom: 1.51%;
  border: 1px solid #999;
  position: relative;
  overflow: hidden;
}

.qualifications-box .qualifications .qualifications-item:hover img {
  -webkit-filter: drop-shadow(0px 0px 20px rgba(20, 61, 142, 0.2));
  filter: drop-shadow(0px 0px 20px rgba(20, 61, 142, 0.2));
  transform: scale(1.05);
}

.qualifications-box .qualifications .qualifications-item:hover .qua-itro .more {
  background-color: #143d8e;
  color: #FFF;
}

.qualifications-box .qualifications .qualifications-item:not(:nth-child(4n)) {
  margin-right: calc(4.28% / 3);
}

.qualifications-box .qualifications .qualifications-item .img-box {
  width: 46.34%;
  position: absolute;
  top: 12.65%;
  left: 26.83%;
}

.qualifications-box .qualifications .qualifications-item .img-box img {
  transition: all .5s;
}

.qualifications-box .qualifications .qualifications-item .qua-itro {
  width: 75.6%;
  border-top: 2px solid #999;
  position: absolute;
  top: 62.85%;
  left: 12.2%;
  text-align: center;
}

.qualifications-box .qualifications .qualifications-item .qua-itro .qua-title {
  color: #333;
  font-weight: 700;
  margin-top: 12.87%;
}

.qualifications-box .qualifications .qualifications-item .qua-itro .more {
  width: 66.45%;
  padding: 4.37% 0;
  margin: 7.09% auto 0;
  border-radius: 585px;
  background-color: #EEE;
  color: #999;
  cursor: pointer;
}