* {
  box-sizing: border-box;
}
.skillBox .word-skill {
  padding: 0% 5% 0 5%;
}
.skillBox .word-skill .word-img {
  background: #f5f5f5;
  padding: 3.385vw 7.031vw;
}
.skillBox .word-skill .word-img ul li {
  text-align: center;
}
.skillBox .word-skill .word-img ul li:nth-child(2) {
  padding-top: 20%;
}
.skillBox .word-text {
  text-align: center;
  background: #ffff;
  padding: 3% 0;
  font-size: 18px;
}
.skillBox .word-text h5 {
  margin-bottom: 3%;
  font-size: 24px;
  font-weight: 700;
  color: #333333;
}
.skillBox .word-text .distance-left {
  margin-left: 8%;
}
.domeBox .photo-list-box .swiper-container ul li span {
  display: block;
  text-align: center;
  font-size: 18px;
  color: #333333;
  line-height: 26px;
}
.feature {
  margin-top: 5%;
  padding-top: 4%;
  position: relative;
  padding-top: 1%;
  padding-bottom: 0;
}
.feature .position {
  position: absolute;
  top: -27px;
  left: 0;
  width: 100%;
  height: 75%;
}
.feature .text-box {
  position: relative;
  z-index: 999;
  margin: 15px 0 80px 0;
}
.feature .text-box h3 {
  color: #ffff;
}
.feature .text-box h3::after {
  left: 49%;
}
.feature .row {
  margin-top: 125px;
}
.feature .row .feature-item {
  position: relative;
  z-index: 9;
  text-align: center;
}
.feature .row .feature-item .feature-text h5 {
  color: #ffff;
  font-size: 24px;
  font-weight: 700;
}
.feature .row .feature-item .feature-text p {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  color: #ffff;
  text-align: left;
  padding-left: 23%;
  margin: 7% 0;
}
.feature .row .feature-item .feature-text img {
  width: 90%;
}
.feature .left {
  margin-left: 7%;
}
.feature .right {
  margin-left: 1%;
}
.navbar-brand .imgs {
  height: 17px;
  margin: 3px 30px;
}
@media (max-width: 1024px) {
  .skillBox .text-box {
    margin-bottom: 0;
  }
  .skillBox .word-img .row {
    flex-wrap: nowrap;
    align-items: baseline;
  }
  .skillBox .word-img .row li img {
    width: 115%;
  }
  .skillBox .word-text span {
    display: block;
    text-align: left;
  }
  .skillBox .word-text .distance-left {
    margin-left: 0%;
  }
  .domeBox .text-box {
    margin: 5% 0;
  }
  .domeBox .domeBox-image li span {
    display: none;
  }
  .domeBox .domeBox-image li p {
    font-size: 20px;
  }
  .feature {
    min-width: 0;
    width: 100%;
    display: block;
  }
  .feature .position {
    display: none;
  }
  .feature .text-box {
    margin: 15px 0 30px 0;
  }
  .feature .text-box h3 {
    color: #333333;
    font-size: 24px;
  }
  .feature .text-box h3::after {
    left: 46%;
  }
  .feature .row {
    display: block;
    margin-top: 0;
  }
  .feature .row .feature-item {
    min-width: 0;
    width: 100%;
    background: url(../images/word/feature-backimg.png) no-repeat;
    background-size: 100% 100%;
    display: flex;
    margin: 0;
    padding: 3%;
    margin-top: 10px;
    align-items: center;
  }
  .feature .row .feature-item .feature-text {
    text-align: left;
  }
  .feature .row .feature-item .feature-text h5 {
    font-size: 20px;
  }
  .feature .row .feature-item .feature-text p {
    font-size: 14px;
    padding: 0;
  }
  .feature .row .feature-item img {
    display: none;
  }
  .navbar-brand .imgs {
    height: 15px;
    margin: 3px 20px;
  }
}