@charset "UTF-8";
/*盒子布局*/
/*单行省略*/
/*多行省略*/
/**
* 将px转换为rem（以2560px的屏幕为基准）
*/
.service-center-page-box section {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.service-center-page-box section .tit {
  font-size: 0.21875rem;
  font-weight: 500;
}

.service-center-page-box section .sub-tit {
  font-size: 0.10938rem;
  margin-top: 0.01953rem;
}

.service-center-page-box section .tit-intro {
  font-size: 0.07031rem;
}

.service-center-page-box .section-2 {
  margin-top: 0.70312rem;
}

.service-center-page-box .section-2 .item-list {
  width: 100%;
  margin-top: 0.3125rem;
  display: grid;
  /* 关键：每行3列，列宽自动均分（fr是网格布局的长度单位，代表剩余空间的等分） */
  grid-template-columns: repeat(3, 1fr);
  /* 固定间距：row-gap（行间距）、column-gap（列间距），也可合并为gap */
  gap: 0.03906rem;
  /* 等同于 row-gap: 20px; column-gap: 20px; */
}

.service-center-page-box .section-2 .item-list .item {
  color: #333333;
  background-color: #fafafa;
  padding: 0.23438rem 0;
  position: relative;
}

.service-center-page-box .section-2 .item-list .item::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #14c3ff;
  transition: width 0.3s ease-in-out;
}

.service-center-page-box .section-2 .item-list .item.active::after, .service-center-page-box .section-2 .item-list .item:hover::after {
  width: 100%;
}

.service-center-page-box .section-2 .item-list .item .item-icon {
  height: 0.39062rem;
}

.service-center-page-box .section-2 .item-list .item .item-tit {
  font-size: 0.10938rem;
  margin-top: 0.23438rem;
}

.service-center-page-box .section-2 .item-list .item .item-intro {
  font-size: 0.07031rem;
  color: #999999;
  margin-top: 0.03125rem;
}

.service-center-page-box .section-3 {
  margin-top: 0.70312rem;
}

.service-center-page-box .section-3 .custom-cell-list {
  margin-top: 0.3125rem;
}

.service-center-page-box .section-4 {
  margin-top: 0.70312rem;
}

.service-center-page-box .section-4 .row {
  margin-top: 0.3125rem;
}

.service-center-page-box .section-5 {
  margin: 0.70312rem 0;
}

.service-center-page-box .section-5 .contact-list {
  margin-top: 0.3125rem;
}

.service-center-page-box .section-5 .contact-list .item .item-tit {
  margin-top: 0.23438rem;
}

@media screen and (min-width: 1px) and (max-width: 800px) {
  .service-center-page-box section .tit {
    font-size: 0.61538rem;
  }
  .service-center-page-box section .sub-tit {
    font-size: 0.35897rem;
  }
  .service-center-page-box .section-2 {
    margin-top: 1.53846rem;
  }
  .service-center-page-box .section-2 .item-list {
    gap: 0.10256rem;
  }
  .service-center-page-box .section-2 .item-list .item {
    padding: 0.76923rem 0.46154rem 0.38462rem 0.46154rem;
  }
  .service-center-page-box .section-2 .item-list .item .item-icon {
    height: 0.76923rem;
  }
  .service-center-page-box .section-2 .item-list .item .item-tit {
    font-size: 0.35897rem;
    margin-top: 0.48718rem;
  }
  .service-center-page-box .section-2 .item-list .item .item-intro {
    font-size: 0.25641rem;
    margin-top: 0.15385rem;
  }
  .service-center-page-box .section-3 {
    margin-top: 1.53846rem;
  }
  .service-center-page-box .section-3 .custom-cell-list {
    margin-top: 0.76923rem;
  }
  .service-center-page-box .section-4 {
    margin-top: 1.53846rem;
  }
  .service-center-page-box .section-4 .row {
    margin-top: 0.76923rem;
  }
  .service-center-page-box .section-4 .row .item:not(:first-child) {
    margin-top: 0.10256rem;
  }
  .service-center-page-box .section-5 {
    margin-top: 1.53846rem;
  }
  .service-center-page-box .section-5 .contact-list {
    margin-top: 0.76923rem;
  }
}