.service-part{
  padding: 1.0667rem 0;
  position: relative;
}
.dw{
  position: absolute;
  top: -200px;
}
.service-part-inner{
  margin: 0 auto;
  width: 10rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.service-title-area{
  display: flex;
  align-items: center;
}
.service-title{
  display: flex;
  align-items: center;
  padding-top: 40px;
  color: #0e101a;
}

.s-title{
  font-family: textbold;
  text-align: left;
  font-size: .5333rem;
  color: #0e101a;
  margin-left: .0667rem;
}
.service-item:nth-child(1) .s-title{
  width: 4.5rem;
}
.service-item:nth-child(2) .s-title{
  width: 7.2rem;
}
.service-item:nth-child(3) .s-title{
  width: 6rem;
}
.service-item:nth-child(4) .s-title{
  width: 4rem;
}
.s-icon{
  width: .9333rem;
  height: .9333rem;
}
.service-info{
  padding: 0 .3333rem;
  box-sizing: border-box;
  width: 10rem;
}
.si-item{
  font-size: .3733rem;
  line-height: .4rem;
  color: #0e101a;
}
.si-item > p{
  font-size: .3733rem;
  line-height: .4rem;
  margin-top: .4667rem;
  color: #0e101a;
}
.design-gif{
  width: 9.0667rem;
  margin-top: .4667rem;
}
.si-imgs{
  display: flex;
  margin-top: 40px;
}
.si-imgs{
  display: flex;
  flex-wrap: wrap;
}
.si-img{
  height: 2.5333rem;
  margin-top: .5333rem;
  margin-left: .2667rem;
}
.si-img:nth-child(2n+1){
  margin-left: 0;
}
.part-bg{
  background-repeat:  no-repeat;
  background-position: center;
  background-size: cover;
}
.capacity-part * {
  color: #ffffff;
}
