.details-kv {
  background: url(../images/methodology/kv-methodology.jpg) center center no-repeat;
  background-size: cover;
}
.ability {
  background: url(../images/methodology/ability-bg.jpg) center center no-repeat;
  background-size: cover;
  padding-bottom: 60px;
}
.ability .ability-m {
  display: none;
  width: 100%;
}
.ability h3 {
  font-size: 28px;
  text-align: center;
  font-weight: 700;
  padding: 20px 0 45px;
}
.ability .ability-box {
  display: flex;
  justify-content: center;
  padding-bottom: 60px;
  flex-wrap: wrap;
  position: relative;
}
.ability .ability-box h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  position: absolute;
  text-align: center;
}
.ability .ability-box h4 span {
  display: block;
}
.ability .ability-box h4.t1 {
  top: 12.5%;
  left: 21.5%;
}
.ability .ability-box h4.t2 {
  top: 40%;
  left: 19.5%;
}
.ability .ability-box h4.t3 {
  bottom: 24%;
  left: 18.5%;
}
.ability .ability-box h4.t4 {
  top: 8%;
  left: 55%;
}
.ability .ability-box h4.t5 {
  top: 35%;
  left: 55%;
}
.ability .ability-box h4.t6 {
  bottom: 29%;
  left: 55%;
}
.ability .ability-box p {
  position: absolute;
  left: 55%;
  text-align: left;
  line-height: 1.2;
}
.ability .ability-box p.l1 {
  top: 16%;
}
.ability .ability-box p.l2 {
  top: 43%;
}
.ability .ability-box p.l3 {
  bottom: 18%;
}
.ability p {
  font-size: 16px;
  line-height: 1.6;
  text-align: center;
}
.ability p span {
  display: block;
}
.model {
  background: url(../images/methodology/model-bg.jpg) center center no-repeat;
  background-size: cover;
  position: relative;
  padding-bottom: 30px;
}
.model .model-m {
  display: none;
  width: 100%;
}
.model p.message {
  font-size: 16px;
  line-height: 1.4;
  text-align: center;
  padding-top: 50px;
}
.model p.message span {
  display: block;
}
.model .model-box {
  display: flex;
  justify-content: center;
  padding-top: 10px;
}
.model .model-box .model-list {
  display: inline-block;
  position: relative;
}
.model .model-box .model-list .suggust {
  background: #e5f8f8;
  position: absolute;
  left: 3%;
  top: 8%;
  font-size: 16px;
  border-radius: 40px;
  border: 1px solid #00b7e0;
  padding: 15px 40px 15px 100px;
  line-height: 1.4;
  font-weight: 700;
}
.model .model-box .model-list .suggust::before {
  content: "建议";
  width: 76px;
  height: 76px;
  line-height: 76px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  border-radius: 50%;
  border: 1px solid #00b6e0;
  position: absolute;
  top: -1px;
  left: -1px;
  background: #89def1;
}
.model .model-box .model-list h3 {
  font-size: 20px;
  font-weight: 700;
  position: absolute;
}
.model .model-box .model-list h3.t1 {
  left: 13%;
  bottom: 31%;
}
.model .model-box .model-list h3.t2 {
  left: 32%;
  bottom: 43.5%;
}
.model .model-box .model-list h3.t3 {
  left: 47.5%;
  top: 37%;
}
.model .model-box .model-list h3.t4 {
  right: 30.3%;
  top: 18%;
}
.model .model-box .model-list h3.t5 {
  right: 15%;
  top: -5%;
}
.model .model-box .model-list .model-list {
  position: absolute;
}
.model .model-box .model-list .model-list li {
  font-size: 15px;
  padding-left: 20px;
  position: relative;
  line-height: 1.4;
}
.model .model-box .model-list .model-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 8px;
  height: 7px;
}
.model .model-box .model-list .model-list li span {
  display: block;
}
.model .model-box .model-list .model-list.l1 {
  bottom: 3%;
  left: 7%;
}
.model .model-box .model-list .model-list.l1 li::before {
  background: #a7cdf8;
}
.model .model-box .model-list .model-list.l2 {
  bottom: 8%;
  left: 29%;
}
.model .model-box .model-list .model-list.l2 li::before {
  background: #f1b000;
}
.model .model-box .model-list .model-list.l3 {
  bottom: 16%;
  left: 46%;
}
.model .model-box .model-list .model-list.l3 li::before {
  background: #88cbac;
}
.model .model-box .model-list .model-list.l4 {
  bottom: 16%;
  right: 23%;
}
.model .model-box .model-list .model-list.l4 li::before {
  background: #00b7e0;
}
.model .model-box .model-list .model-list.l5 {
  bottom: 33%;
  right: 6%;
}
.model .model-box .model-list .model-list.l5 li::before {
  background: #f50100;
}
.model .model-box .model-list p {
  font-size: 22px;
  color: #7f7f7f;
}
.model .model-box .model-list p.coor-x {
  position: absolute;
  top: 30%;
  left: -40px;
}
.model .model-box .model-list p.coor-y {
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 1250px) {
  .ability .ability-box img {
    width: 100%;
  }
  .ability .ability-box h4 {
    font-size: 18px;
  }
  .ability .ability-box h4.t1 {
    left: 17%;
  }
  .ability .ability-box h4.t2 {
    left: 15%;
  }
  .ability .ability-box h4.t3 {
    left: 14%;
  }
  .ability p {
    font-size: 14px;
  }
  .model p.message {
    font-size: 14px;
  }
}
@media (max-width: 992px) {
  .details-kv {
    background: url(../images/methodology/kv-methodology-m.jpg) center center no-repeat;
    background-size: cover;
  }
  .ability {
    background: url(../images/methodology/ability-bg-m.jpg) center center no-repeat;
    background-size: cover;
    padding-bottom: 8vw;
  }
  .ability .ability-m {
    display: block;
    margin-bottom: 8vw;
  }
  .ability h3 {
    font-size: 3.46vw;
    padding: 2.66vw 0 6vw;
  }
  .ability .ability-box {
    display: none;
  }
  .ability p {
    text-align: left;
    font-size: 3.2vw;
  }
  .ability p span {
    display: inline;
  }
  .model {
    background: url(../images/methodology/model-bg-m.jpg) center center no-repeat;
    background-size: cover;
    padding-bottom: 8vw;
  }
  .model .model-m {
    display: block;
  }
  .model .model-box {
    display: none;
  }
  .model p.message {
    text-align: left;
    padding-top: 4vw;
    font-size: 3.2vw;
  }
  .model p.message span {
    display: inline;
  }
}