.baosidun_service_system {
  padding-top: 7rem;
  padding-bottom: 7.25rem;
}

.baosidun_service_system_title {
  text-align: center;
}

.baosidun_service_system_subTitle {
  text-align: center;
  margin-top: .625rem;
}

.baosidun_service_system_content {
  margin-top: 4.25rem;
}

.baosidun_service_system_content_wrap {
  position: relative;
}

.baosidun_service_system_prev,
.baosidun_service_system_next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.baosidun_service_system_prev {
  left: -24px;
}

.baosidun_service_system_next {
  right: -24px;
}

.baosidun_service_system_prev.swiper-button-lock,
.baosidun_service_system_next.swiper-button-lock {
  display: none !important;
}

.baosidun_service_system_swiper {
  overflow: hidden;
  width: 100%;
}

.baosidun_service_system_swiper .swiper-slide {
  height: auto;
}

.baosidun_service_system_item .item_inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 2.5rem;
  background-color: #F5F5F5;
  transition: all 0.3s ease;
  text-decoration: none;
}

.baosidun_service_system_item .item_icon {
  height: 3.375rem;
  aspect-ratio: 1/1;
  object-fit: contain;
  object-position: left center;
  transition: all 0.3s ease;
  margin-bottom: 1.5rem;
}

.baosidun_service_system_item .item_title {
  margin-bottom: 1.25rem;
  transition: all 0.3s ease;
}

.baosidun_service_system_item .item_line {
  position: relative;
  width: calc(100% + 2.5rem);
  height: 1px;
  background: linear-gradient(90deg, #CCC 0%, rgba(204, 204, 204, 0.00) 100%);
  margin-bottom: 1.25rem;
  transition: all 0.3s ease;
}

.baosidun_service_system_item .item_line::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 60px;
  height: 5px;
  background-color: var(--color-primary, #E31818);
  transition: all 0.3s ease;
}

.baosidun_service_system_item .item_inner:hover .item_line {
  background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
}

.baosidun_service_system_item .item_inner:hover .item_line::before {
  background-color: var(--color-second);
}

.baosidun_service_system_item .item_desc {
  transition: all 0.3s ease;
  flex-grow: 1;
}

.baosidun_service_system_item .item_inner:hover {
  background-color: var(--color-primary, #E31818);
}

.baosidun_service_system_item .item_inner:hover .item_icon {
  filter: brightness(0) invert(1);
}

.baosidun_service_system_item .item_inner:hover .item_title {
  color: #fff;
}

.baosidun_service_system_item .item_inner:hover .item_desc {
  color: #fff;
}

@media screen and (max-width: 1200px) {}

@media screen and (max-width: 992px) {}

@media screen and (max-width: 768px) {
  .baosidun_service_system_prev {
    left: -12px;
  }

  .baosidun_service_system_next {
    right: -12px;
  }
}

@media screen and (max-width: 576px) {}