.service-sect .index_more4 {
  position: relative;
  margin: 30px auto 0;
  display: block;
  font-size: 15px;
  width: 210px;
  height: 40px;
  line-height: 40px;
  transition: all 0.3s ease;
  color: #fff;
  text-align: center;
  background: #004c84;
  letter-spacing: 2px;
  transition: all 0.3s ease;
  overflow: hidden;
}
.service-sect .index_more4 a {
  position: relative;
  display: block;
  z-index: 5;
  font-size: 0;
  width: 210px;
  height: 40px;
}
.service-sect .index_more4 a span {
  font-size: 15px;
  display: block;
}
.service-sect .index_more4:after {
  content: "";
  background: #f7b777;
  background: -moz-linear-gradient(left, #f7b777 0%, #e70012 100%);
  background: -webkit-linear-gradient(left, #f7b777 0%, #e70012 100%);
  background: linear-gradient(to left, #f7b777 0%, #e70012 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7B777', endColorstr='#E70012',GradientType=1 );
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: all 0.3s ease;
}
.service-sect .index_more4:hover:after {
  opacity: 1;
}
.service-sect .index_more2,
.service-sect .index_more3 {
  display: none;
}

.s_layout .s_list {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

@media screen and (max-width: 1000px) {
  .service-box {
    padding: 50px 10px;
  }
}