.md-service-53 {
  padding-bottom: 10px;
}
.md-service-53 .list {
  margin-top: 100px;
}
.md-service-53 .li {
  width: calc(270 / 1170 * 100%);
  margin-right: calc(30 / 1170 * 100%);
}
.md-service-53 .li:nth-child(4n) {
  margin-right: 0;
}
.md-service-53 .li {
  margin-bottom: 30px;
}
.md-service-53 .dd {
  outline: none;
  display: block;
}
.md-service-53 .dd .img {
  padding-top: calc( 2 / 3 * 100%);
}
.md-service-53 .dd .text {
  margin-top: 10px;
  line-height: calc(28 / 16);
}
@media screen and (max-width: 767px) {
  .md-service-53 .dd .text {
    width: 100%;
    order: 2;
    margin-top: 10px;
    padding: 0;
  }
  .md-service-53 .dd .c-pic {
    width: 100%;
    order: 1;
  }
  .md-service-53 .dd .hrefs {
    margin-top: 10px;
  }
  .md-service-53 .dd .ha {
    width: 100%;
    margin-top: 20px;
  }
}