/* 顶部横幅 */
.service-banner {
  background-image: url('../img/pc/product-banner.png');
  background-size: cover;
  background-position: center;
  min-height: 500px;
  display: flex;
  align-items: center;
}

.service-banner .container {
  color: #fff;
}

.service-banner .container p {
  width: 50%;
  font-size: 18px;
  margin-top: 1.5rem;
}

/* 服务列表 */
.service-wrap {
  padding-top: 6rem;
  padding-bottom: 6rem;
  min-height: 600px;
}

.service-wrap h2 {
  margin-bottom: 4rem;
}

.service-wrap .service-item {
  height: 268px;
}

@media screen and (max-width: 768px) {
  .service-banner {
    background-image: url('../img/h5/product-banner.png');
    min-height: 400px;
    padding-top: 48px;
  }

  .service-banner .container p {
    width: auto;
  }

  .service-wrap {
    padding-top: var(--gap);
    padding-bottom: var(--gap);
  }

  .service-wrap .service-item {
    height: 200px;
  }
  
  .service-list.grid-3 {
    grid-template-columns: repeat(1, 1fr);
  }
}