.section1 {
  padding: 86px 0 40px;
  background: url('https://keshunfile.e-dou.com.cn/keshunWeb2024/keshunCN/PC/images/product/bg1-1.png?x-oss-process=image/format,webp') no-repeat center center;
  background-size: cover;
}
.section1 .box .title .img {
  display: block;
  width: 27.6875rem;
}
.section1 .box .intro,
.section1 .box .system {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 80%;
  margin: 0 auto;
}
.section1 .box .intro {
  margin-top: 89px;
}
.section1 .box .intro .head .img {
  display: block;
  width: 12.625rem;
}
.section1 .box .intro .text {
  margin-top: 70px;
  font-size: 14px;
  color: #0062B1;
  line-height: 29px;
}
.section1 .box .system {
  margin-top: 146px;
}
.section1 .box .system .head .img {
  display: block;
  width: 15.4375rem;
}
.section1 .box .system .list {
  width: 100%;
  margin-top: 56px;
  display: flex;
  justify-content: space-around;
}
.section1 .box .system .list .item {
  cursor: pointer;
  font-size: 16px;
  color: #373737;
  line-height: 30px;
}
.section1 .box .system .list .item.active {
  color: #0062B1;
  position: relative;
}
.section1 .box .system .list .item.active::after {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background-color: #0979C5;
  position: absolute;
  bottom: -10px;
}
.section1 .box .system .tags {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 62px;
  padding-top: 45px;
  border-top: 1px solid #E5E5E5;
}
.section1 .box .system .tags .item {
  display: flex;
  align-items: center;
  margin: 0 25px;
  cursor: pointer;
  margin-bottom: 1rem;
  padding-left: 25px;
  background: url('/images/product/arrow.svg') no-repeat left center;
  color: #C5C5C5;
  line-height: 30px;
  font-size: 14px;
}
.section1 .box .system .tags .item.active {
  background: url('/images/product/arrow-check.svg') no-repeat left center;
}
.section1 .box .system .tags .item.active a {
  color: #0979c5;
}
.section2 {
  padding: 85px 0 71px;
  background-color: #DFF1FF;
}
.section2 .box .list-product {
  display: flex;
  flex-wrap: wrap;
}
.section2 .box .list-product .item {
  width: 23%;
  padding: 16px;
  flex: 1 1 23%;
  background-color: #ffffff;
  margin: 8px 1%;
  max-width: 23%;
}
.section2 .box .list-product .item .pic {
  display: flex;
  justify-content: center;
}
.section2 .box .list-product .item .pic .img {
  display: block;
  width: 100%;
  object-fit: contain;
}
.section2 .box .list-product .item .text {
  margin-top: 10%;
  font-size: 14px;
  color: #373737;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.section2 .box .list-product-noContent {
  text-align: center;
  font-size: 16px;
  letter-spacing: 2px;
}
.section2 .box .page-box {
  display: flex;
  justify-content: center;
  align-items: center;
}
.section2 .box .page-box .left .img,
.section2 .box .page-box .right .img {
  display: block;
  width: 40px;
  height: 40px;
}
.section2 .box .page-box .page {
  display: flex;
  align-items: center;
}
.section2 .box .page-box .page .item {
  background-color: #fff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.section2 .box .page-box .page .item:nth-child(1) {
  margin-left: 16px;
}
.section2 .box .page-box .page .item:nth-child(n+2) {
  margin: 0 16px;
}