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: 10.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;
}
.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: cover;
}
.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;
  }
}