body.service-list {
  background: #d9d9d9;
}

.service-list {
  min-height: 39.1rem;
}

.service-area {
  padding-top: 6.68rem;
  padding-bottom: .6rem;
}

.service-area .sericon {
  width: 1.9rem;
  height: 1.9rem;
  border: 1px solid #4d4d4d;
  border-radius: 50%;
}

.service-area .sericon-active {
  display: none;
  width: 1.9rem;
  height: 1.9rem;
  border: 1px solid #4d4d4d;
  border-radius: 50%;
}

.service-area .service-list .service-item.on a .sericon-active {
  display: block !important;
  border-color: #fff;
}

.service-area .service-list .service-item.on a .sericon {
  display: none;
}

.service-list .service-title {
  font-size: 1.32rem;
  line-height: 1.32rem;
  color: #4d4d4d;
  /* margin-left: .625rem; */
}

.service-list .service-item .service-item-container {
  width: 12.75rem;
  height: 4rem;
  line-height: 4rem;
  border-radius: 6px;
}

.service-list .service-item .service-item-container:hover {
  background: #cdcdcd;
}

.service-list .service-item.on .service-item-container {
  background: #808080;
}

.service-list .service-item.on a .service-title {
  color: #fff;
}

.service-list .service-show {
  display: none;
  margin-left: 4.18rem;
}

.service-list .service-show.on {
  display: block;
}

.service-show .service-show-item {
  width: 50% !important;
  /* height: 21.625rem; */
  padding: 0 2.125rem;
  padding-bottom: 2.875rem;
}

.service-show .service-show-item a .case-img-wrap {
  height: 21.625rem;
  background-color: rgba(255, 255, 255, 0.7);
}

.service-show .service-show-item .service-show-title {
  /* padding: 1rem 0; */
  font-size: 1.125rem;
  color: #4d4d4d;
  line-height: 1;
  padding-top: 0.75rem;
}

.service-show.high .service-show-item {
  height: 39.1rem;
}

.serview-show-mobile {
  display: none;
}

.case-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.service-show-list-title {
  font-size: 2.25rem;
  padding-left: 2.125rem;
  margin-bottom: 1.125rem;
  color: #4d4d4d;
}

.service-show-list-title span {
  /* letter-spacing: .3rem; */
}



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

  /* .service-list .service-show{
    display: none !important;
  } */
  .service-area {
    display: block !important;
  }

  .service-list {
    min-height: unset;
    overflow-y: auto;
  }

  .service-list::-webkit-scrollbar {
    display: none;
  }

  /* .service-list .service-item .service-item-container{
    width: 100%;
    margin: 0 auto;
  } */
  .service-area {
    padding: 25px 10px 15px 10px;
    min-height: 395px;
  }

  .serview-show-mobile {
    display: none;
    margin-top: 10px;
  }

  .serview-show-mobile .show-mobile-box {
    height: 100px;
  }

  .show-mobile-box .show-mobile-title {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(0, 0, 0, .5);
    font-size: 24px;
    color: #fff;
  }

  .serview-show-mobile li {
    margin-bottom: 10px;
  }

  .service-list .service-cate-list {
    display: flex;
  }

  .service-list .service-item .service-item-container {
    width: auto;
    height: auto;
    white-space: nowrap;
    padding: 7px 10px;
  }

  .service-list .service-title {
    margin-left: 0;
    font-size: 16px;
  }

  .service-list .service-show {
    margin-left: 0;
    margin-top: 25px;
  }

  .service-show.advertise .service-show-item {
    width: 100% !important;
    padding: 0 0 20px 0;
    /* height: 60vw; */
  }

  .service-show-list-title {
    font-size: 22px;
    padding-left: 0;
    margin-bottom: 6px;
  }

  .service-show-list-title span {
    letter-spacing: 0;
  }

  .service-show .service-show-item .service-show-title {
    font-size: 14px;
  }

  .service-show .service-show-item a .case-img-wrap {
    height: 13.125rem;
  }
}