/* banner */
.banner {
  height: 40vw;
  background-image: url(../img/banner.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 0 17vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.banner h3 {
  font-size: 2.71vw;
}
.banner h4 {
  font-size: 2.71vw;
  font-weight: normal;
  font-style: italic;
  color: #cc1821;
}
.banner .form {
  width: 100%;
  height: 24.53vw;
  background-color: #ffffff;
  box-shadow: 0vw 0vw 0.42vw 0vw rgba(0, 0, 0, 0.15);
  border-radius: 0.16vw;
  opacity: 0.97;
  margin-top: 1vw;
  display: flex;
  padding: 4vw;
}
.banner .form-left {
  flex: 1;
}
.banner .form-left-tip {
  font-size: 0.68vw;
  color: #afafaf;
}
.banner .form-left-title {
  font-size: 0.78vw;
  padding-bottom: 1vw;
}
.banner .form-left-title span {
  font-size: 1.15vw;
  color: #cc1821;
}
.banner .form-left .form-item {
  margin-bottom: 0.6vw;
  position: relative;
}
.banner .form-left .form-item input,
.banner .form-left .form-item select {
  width: 100%;
  height: 2.71vw;
  background-color: #e4e4e4;
  padding: 0 2vw;
  border: none;
  font-size: 0.78vw;
}
.banner .form-left .form-item-icon {
  width: 0.94vw;
  position: absolute;
  left: 0.52vw;
  top: 50%;
  transform: translateY(-50%);
}
.banner .form-center {
  width: 12.6vw;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding-top: 3.7vw;
}
.banner .form-center img {
  width: 100%;
  cursor: pointer;
}
.banner .form-center-tel {
  margin-top: 2vw;
}
.banner .form-center-tel dt {
  font-size: 0.94vw;
}
.banner .form-center-tel dd {
  font-size: 1.35vw;
  color: #cc1821;
}
.banner .form-right {
  flex: 1;
}
.banner .form-right-tip {
  font-size: 0.68vw;
  color: #afafaf;
}
.banner .form-right-title {
  font-size: 0.78vw;
  padding-bottom: 1vw;
}
.banner .form-right-title span {
  font-size: 1.15vw;
  color: #cc1821;
}
.banner .form-right-list {
  width: 17.66vw;
  height: 12.64vw;
  border-radius: 0.52vw;
  border: 1px solid #f0f0f0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  justify-content: space-evenly;
  margin-bottom: 0.6vw;
}
.banner .form-right-list li {
  font-size: 0.78vw;
  display: flex;
  align-items: center;
}
.banner .form-right-list span {
  width: 4vw;
  font-size: 1.04vw;
  color: #cc1821;
}

/* 为什么 */
.whys {
  padding: 3.75vw 19vw;
  overflow: hidden;
}
.whys .whys-title {
  font-size: 1.88vw;
  line-height: 1.88vw;
  text-align: center;
  font-weight: bold;
}
.whys .whys-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.77vw;
  margin-top: 2.71vw;
}
.whys .whys-item {
  background-color: #ffffff;
  box-shadow: 0vw 0vw 0.83vw 0vw rgba(0, 0, 0, 0.18);
  border-radius: 0.52vw;
  padding: 2.5vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  cursor: pointer;
  transition: box-shadow 0.3s ease-in-out;
}
.whys .whys-item:hover {
  box-shadow: 0vw 0vw 0.83vw 0vw rgba(240, 86, 115, 0.38);
}
.whys .whys-item-icon {
  width: 7.4vw;
}
.whys .whys-item-title {
  font-size: 1.04vw;
  font-weight: bold;
  margin-top: 1vw;
}
.whys .whys-item-desc {
  font-size: 0.83vw;
  color: #666;
  margin-top: 1vw;
}

/* 猫腻 */
.moneys {
  height: 34.74vw;
  background-image: url(../img/maoni.png);
  background-size: cover;
  background-repeat: no-repeat;
}

/* 报价单 */
.offer {
  padding: 3.75vw 13vw;
  overflow: hidden;
}
.offer .offer-title {
  font-size: 1.88vw;
  line-height: 1.88vw;
  text-align: center;
  font-weight: bold;
}
.offer .offer-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.61vw;
  margin-top: 1.71vw;
}
.offer .offer-item {
  background-color: #ffffff;
  box-shadow: 0vw 0vw 0.52vw 0vw rgba(51, 51, 51, 0.3);
  border-radius: 0.78vw;
  overflow: hidden;
}
.offer .offer-item-name {
  height: 4.22vw;
  line-height: 4.22vw;
  background-color: #cc1821;
  color: #ffffff;
  font-size: 1.35vw;
  font-weight: bold;
  text-align: center;
}
.offer .offer-item-info {
  height: 20vw;
  background-color: #ffffff;
  padding: 1.5vw 1vw 0vw 1vw;
}
.offer .offer-detail-sum {
  font-size: 0.83vw;
  font-weight: bold;
  padding-top: 0.7vw;
  text-align: center;
}
.offer .offer-detail-sum span {
  color: #cc1821;
}
.offer .offer-detail1 {
  display: flex;
  flex-wrap: wrap;
  background-color: #fdf6f6;
  padding-bottom: 1vw;
}
.offer .offer-detail1 dl {
  width: 50%;
  text-align: center;
  padding-top: 1vw;
}
.offer .offer-detail1 dt {
  font-size: 1.04vw;
  font-weight: bold;
  color: #cc1821;
}
.offer .offer-detail1 dd {
  font-size: 0.73vw;
  font-weight: bold;
}
.offer .offer-detail2 {
  display: flex;
  flex-wrap: wrap;
  background-color: #fdf6f6;
  padding-bottom: 1vw;
}
.offer .offer-detail2 li {
  font-size: 0.73vw;
  width: 50%;
  text-align: center;
  padding-top: 1vw;
  font-weight: bold;
}

/* 报价系统 */
.offer-system {
  padding: 3vw 13vw;
  height: 47.6vw;
  background-image: url(../img/offer-system-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.offer-system-title {
  font-size: 1.88vw;
  line-height: 1.88vw;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
  margin-top: 3vw;
}
.offer-system-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2vw;
  margin-top: 3vw;
}

/* 报价预约 */
.appointment {
  padding: 3vw 13vw;
  background-color: #f7f7f7;
}
.appointment .appointment-title {
  font-size: 1.88vw;
  line-height: 1.88vw;
  text-align: center;
  font-weight: bold;
  padding: 2vw 0px;
}
.appointment .appointment-table {
  padding: 2.25vw;
  background-color: #ffffff;
  box-shadow: 0vw 0vw 0.52vw 0vw rgba(51, 51, 51, 0.1);
}
.appointment table {
  border-collapse: collapse;
  width: 100%;
  text-align: center;
}
.appointment .appointment-table th {
  width: 20%;
  height: 2.6vw;
  line-height: 2.6vw;
  font-size: 0.83vw;
  background-color: #e3e3e3;
}
.appointment .appointment-table td {
  width: 20%;
  font-size: 0.73vw;
  height: 2.6vw;
  line-height: 2.6vw;
  font-size: 0.83vw;
  background-color: #ffffff;
}
.appointment .appointment-scroll {
  height: 26vw;
  overflow: hidden;
}

/* 免费服务 */
.service {
  padding: 3vw 13vw;
  height: 14.58vw;
  background-image: url(../img/service-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.service .service-title {
  font-size: 1.88vw;
  line-height: 1.88vw;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
}
.service .service-list {
  display: flex;
  justify-content: center;
  gap: 1.56vw;
  margin-top: 2vw;
}
.service .service-item {
  width: 14.58vw;
  height: 3.59vw;
  line-height: 3.59vw;
  text-align: center;
  background-color: #b41a24;
  font-size: 1.15vw;
  color: #ffffff;
  font-weight: normal;
}
.service .service-item.white {
  background-color: #ffffff;
  color: #b41a24;
}

/* 1000px */
@media screen and (max-width: 1000px) {
  /* banner */
  .banner {
    height: 40vw;
    padding: 0 5vw;
  }
  .banner h3 {
    font-size: calc(2.71vw * 2);
  }
  .banner h4 {
    font-size: calc(2.71vw * 2);
  }
  .banner .form {
    display: none;
  }

  /* 为什么 */
  .whys {
    padding: 5vw;
  }
  .whys .whys-title {
    font-size: calc(1.88vw * 3);
    line-height: calc(1.88vw * 3);
  }
  .whys .whys-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5vw;
    margin-top: 5vw;
  }
  .whys .whys-item-icon {
    width: calc(7.4vw * 2);
  }
  .whys .whys-item-title {
    font-size: calc(1.04vw * 4);
  }
  .whys .whys-item-desc {
    font-size: calc(0.83vw * 4);
  }

  /* 猫腻 */
  .moneys {
    height: calc(34.74vw * 1.7);
    background-position: center;
  }

  /* 报价单 */
  .offer {
    padding: 3.75vw 5vw;
  }
  .offer .offer-title {
    font-size: calc(1.88vw * 3);
    line-height: calc(1.88vw * 3);
  }
  .offer .offer-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5vw;
    margin-top: 5vw;
  }
  .offer .offer-item-name {
    height: calc(4.22vw * 2);
    line-height: calc(4.22vw * 2);
    font-size: calc(1.35vw * 3);
  }
  .offer .offer-item-info {
    height: calc(20vw * 2.7);
  }
  .offer .offer-detail-sum {
    font-size: calc(0.83vw * 3);
    padding-top: calc(0.7vw * 3);
  }
  .offer .offer-detail1 dl {
    padding-top: calc(1vw * 3);
  }
  .offer .offer-detail1 dt {
    font-size: calc(1.04vw * 3);
  }
  .offer .offer-detail1 dd {
    font-size: calc(0.73vw * 3);
  }
  .offer .offer-detail2 {
    padding-bottom: calc(1vw * 3);
  }
  .offer .offer-detail2 li {
    font-size: calc(0.73vw * 3);
    padding-top: calc(1vw * 3);
  }

  /* 报价系统 */
  .offer-system {
    padding: 3vw 5vw;
    height: auto;
  }
  .offer-system-title {
    font-size: calc(1.88vw * 3);
    line-height: calc(1.88vw * 3);
    margin-top: calc(3vw * 2);
  }
  .offer-system-list {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 5vw;
    margin-top: calc(3vw * 2);
  }

  /* 报价预约 */
  .appointment {
    padding: 3vw 5vw;
  }
  .appointment .appointment-title {
    font-size: calc(1.88vw * 3);
    line-height: calc(1.88vw * 3);
    padding: calc(2vw * 3) 0px;
  }
  .appointment .appointment-table th {
    height: calc(2.6vw * 3);
    line-height: calc(2.6vw * 3);
    font-size: calc(0.83vw * 3);
  }
  .appointment .appointment-table td {
    height: calc(2.6vw * 3);
    line-height: calc(2.6vw * 3);
    font-size: calc(0.83vw * 3);
  }
  .appointment .appointment-scroll {
    height: calc(26vw * 3);
  }

  /* 免费服务 */
  .service {
    padding: 3vw 5vw;
    height: auto;
  }
  .service .service-title {
    font-size: calc(1.88vw * 2);
    line-height: calc(1.88vw * 2);
  }
  .service .service-list {
    display: flex;
    justify-content: center;
    gap: 1.56vw;
    margin-top: 3vw;
  }
  .service .service-item {
    width: calc(14.58vw * 3);
    height: calc(3.59vw * 3);
    line-height: calc(3.59vw * 3);
    font-size: calc(1.15vw * 3);
  }
}