.cert-wrap{
  display:flex;
  flex-wrap:wrap;
  gap:24px;
  max-width:1920px;
  margin:0 auto;
}
.cert-wrap{
  display:flex;
  flex-wrap:wrap;
  gap:24px;
  max-width:1920px;
  margin:0 auto;
}

.cert-item{
  width: calc((100% - 48px)/3);
  display:flex;
  flex-direction:column;
}

.cert-pic{
  width:100%;
  height:280px;
  background:#F5F5F5;
  border:1px solid transparent;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:15px;
  box-sizing:border-box;
}

.cert-pic img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  display:block;
}

.cert-name{
  width:100%;
  background:#00416a;
  color:#ffffff;
  text-align:center;
  padding:14px 8px;
  font-family:微软雅黑;
  font-size:15px;
  line-height:1.5;
  transition:0.3s all ease;
  box-sizing:border-box;
}

/* 只让底部文字框鼠标经过时变化 */
.cert-item:hover .cert-name {
  background: #ffffff;
  color: #00416a;
  border: 1px solid #00416a;
}

/* 移动端：一行2个 */
@media screen and (max-width:768px){
  .cert-item{
    width: calc((100% - 24px)/2);
  }

  .cert-pic{
    height:220px;
  }
}