@charset "utf-8";
.service-list {
  margin-top: 40px;
  display: flex;
}
.service-list .item1 {
  width: 38.67%;
}
.service-list .item2, .service-list .item3 {
  width: 30.625%;
}
.service-list .service-item .item-con {
  height: 267px;
  line-height: 1.7;
}
.service-list .item1 .item-con {
  background-color: #bd8554;
}
.service-list .item2 .item-con {
  background-color: #2ea7e0;
}
.service-list .item2 .item-con+.item-con {
  background-color: #f5f6f7;
}
.service-list .item3 .item-con {
  background-color: #66cccc;
}
.service-list .item3 .item-con+.item-con {
  background-color: #c1a481;
}
.service-list .item-img {
  width: 100%;
  height: 267px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f6f7;
}
.service-list .item-img img {
  width: 57%;
}
.service-list .item-con {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.service-list .item-con .img {
  width: 96px;
  height: 96px;
}
.service-list .item-con .img img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.service-list .item-con h3 {
  font-size: 20px;
  color: #fff;
  line-height: 1;
  margin: 15px 0 5px;
}
.service-list .item-con h4 {
  color: #fff;
}
.service-list .item2 .item-con+.item-con h3, .service-list .item2 .item-con+.item-con h4 {
  color: #999;
}