/* 导航 */
.news-nav {
  display: none;
  gap: 5vw;
  padding: 5vw 5vw 0px 5vw;
}
.news-nav .news-nav-item {
  cursor: pointer;
  font-size: 0.83vw;
  padding: 0px 5vw;
  height: 2.6vw;
  line-height: 2.6vw;
  background-color: #e1e1e1;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  font-size: calc(0.83vw * 4);
  height: calc(2.6vw * 4);
  line-height: calc(2.6vw * 4);
}
.news-nav .news-nav-item:hover,
.news-nav .news-nav-item.active {
  color: #fff;
  background-color: #ce2222;
}

/* 设计团队 */
.desigen {
  padding: 4vw 13vw;
}
.desigen .desigen-tit {
  font-size: 1.56vw;
  text-align: center;
}
.desigen .desigen-desc {
  font-size: 0.94vw;
  color: #999;
  text-align: center;
  margin-top: 0.5vw;
}
.desigen .desigen-inner {
  color: #fff;
  height: 28.91vw;
  background-image: url(../img/design/desigen-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: 1.4vw;
  padding-top: 1.4vw;
}
.desigen .desigen-list {
  display: flex;
  margin-top: 5vw;
}
.desigen .desigen-item {
  height: 8.8vw;
  padding: 0 3.6vw;
  flex: 1;
  position: relative;
  cursor: pointer;
}
.desigen .desigen-item::before {
  content: "";
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  height: 5.21vw;
  border-right: 1px solid #969395;
}
.desigen .desigen-item-info {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  transition: all 0.3s ease-in-out;
  padding: 0 3.6vw;
}
.desigen .desigen-item-info > img {
  display: inline-block;
  width: 2.4vw;
  height: 2.4vw;
}
.desigen .desigen-item-info > h3 {
  font-size: 0.83vw;
  margin-top: 0.25vw;
}
.desigen .desigen-item-info > h6 {
  font-size: 0.83vw;
  font-weight: normal;
  margin-top: 0.5vw;
}
.desigen .desigen-item-desc {
  opacity: 0;
  position: absolute;
  padding: 0 3.6vw;
  height: 3vw;
  left: 0px;
  bottom: -3vw;
  transition: all 0.3s ease-in-out;
  font-size: 0.83vw;
}
.desigen .desigen-list .desigen-item:hover .desigen-item-info {
  left: 0;
  top: 0;
  transform: translate(-0%, -0%);
  text-align: left;
}
.desigen .desigen-list .desigen-item:hover .desigen-item-desc {
  opacity: 1;
  bottom: 0px;
}

/* 服务优势 */
.advantage {
  padding: 3vw 13vw;
  background-color: #f9f9f9;
}
.advantage .advantage-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.56vw;
}
.advantage .advantage-item {
  height: 11.15vw;
  padding: 0 3.22vw;
  background-color: #ffffff;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.advantage .advantage-item > dt {
  font-size: 1.04vw;
  font-weight: bold;
  transition: color 0.3s ease-in-out;
}
.advantage .advantage-item > dd {
  font-size: 0.73vw;
  color: #666666;
  margin-top: 1.2vw;
  transition: color 0.3s ease-in-out;
}
.advantage .advantage-item:hover {
  background-color: #7a5e54;
  color: #fff;
}
.advantage .advantage-item:hover dd {
  color: #fff;
}

/* 效果图 */
.effect {
  background-color: #ffffff;
}
.effect .effect-tit {
  font-size: 1.56vw;
  padding: 4vw 0px 2vw;
  text-align: center;
}
.effect .effect-list {
  display: flex;
  justify-content: space-between;
}
.effect .effect-item {
  width: 49.53vw;
  height: 30.21vw;
  background-color: #cccccc;
  position: relative;
}
.effect .effect-item > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.effect .effect-item > span {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 2vw;
  font-size: 1.04vw;
  color: #fff;
}

/* 设计流程 */
.process {
  padding: 4vw 13vw;
}
.process .process-tit {
  font-size: 1.56vw;
  text-align: center;
}
.process .process-desc {
  font-size: 0.94vw;
  color: #999;
  text-align: center;
  margin-top: 0.5vw;
}
.process .process-img {
  width: 100%;
  margin-top: 3vw;
}

/* 规范施工 */
.standard {
  padding: 7vw 13vw 8vw;
  background-image: url(../img/design/standard-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.standard .standard-tit {
  font-size: 1.56vw;
  text-align: center;
  color: #fff;
}
.standard .standard-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.88vw;
  margin-top: 2.4vw;
  opacity: 0.9;
}
.standard .standard-list dl {
  padding: 3vw;
  background-color: #ffffff;
}
.standard .standard-list dt {
  font-size: 1.04vw;
  font-weight: bold;
}
.standard .standard-list dd {
  font-size: 0.73vw;
  color: #666666;
  margin-top: 1.2vw;
  line-height: 1.04vw;
}

/* 设计团队 */
.team {
  padding: 4vw 13vw;
}
.team .team-tit {
  font-size: 1.56vw;
  text-align: center;
  margin-bottom: 1vw;
}
.team .team-inner {
  width: 100%;
  height: 30.26vw;
  background-color: #ebf0f4;
  overflow: hidden;
}
.team .team-swiper {
  width: 100%;
  height: 100%;
  position: relative;
  --swiper-pagination-color: #ce2222;
}
.team .team-swiper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 1000px */
@media screen and (max-width: 1000px) {
  /* 导航 */
  .news-nav {
    display: flex;
  }
  
  /* 设计团队 */
  .desigen {
    padding: 4vw 0px;
  }
  .desigen .desigen-tit {
    font-size: calc(1.56vw * 4);
    text-align: center;
  }
  .desigen .desigen-desc {
    font-size: calc(0.94vw * 4);
    margin-top: calc(0.5vw * 4);
  }

  /* 服务优势 */
  .advantage {
    padding: 4vw 5vw;
  }
  .advantage .advantage-list {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 5vw;
  }
  .advantage .advantage-item {
    height: calc(11.15vw * 2);
    padding: 0 calc(3.22vw * 2);
  }
  .advantage .advantage-item > dt {
    font-size: calc(1.04vw * 4);
  }
  .advantage .advantage-item > dd {
    font-size: calc(0.73vw * 4);
  }

  /* 效果图 */
  .effect {
    background-color: #ffffff;
  }
  .effect .effect-tit {
    font-size: calc(1.56vw * 2);
  }

  /* 设计流程 */
  .process {
    padding: 4vw 5vw;
  }
  .process .process-tit {
    font-size: calc(1.56vw * 4);
  }
  .process .process-desc {
    font-size: calc(0.94vw * 4);
    margin-top: calc(0.5vw * 4);
  }
  .process .process-img {
    margin-top: calc(3vw * 2);
  }

  /* 规范施工 */
  .standard {
    padding: 7vw 5vw 8vw;
  }
  .standard .standard-tit {
    font-size: calc(1.56vw * 4);
  }
  .standard .standard-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(1.88vw * 1);
    margin-top: calc(2.4vw * 2);
    opacity: 0.9;
  }
  .standard .standard-list dt {
    font-size: calc(1.04vw * 4);
  }
  .standard .standard-list dd {
    font-size: calc(0.73vw * 4);
    line-height: calc(1.04vw * 4);
  }

  /* 设计团队 */
  .team {
    padding: 4vw 5vw;
  }
  .team .team-tit {
    font-size: calc(1.56vw * 4);
    margin-bottom: calc(1vw * 4);
  }
  .team .team-inner {
    height: calc(30.26vw * 2);
  }
}