img {
  width: 100%;
}
body {
  background-color: #f1f1f1;
}
.designinput {
  background-color: #d0d0d0;
  margin-top: 5rem;
  padding: 6.25rem 0;
}
.designinput input {
  width: 10rem;
  height: 2.5rem;
  font-size: 1.125rem;
  text-indent: .625rem;
  border: none;
  margin-left: 1.25rem;
  color: #9c9c9c;
  box-sizing: border-box;
}
.designinput select {
  width: 10rem;
  height: 2.5rem;
  border: none;
  box-sizing: border-box;
  color: #9c9c9c;
}
.designinput #province {
  margin-left: 1.25rem;
}

.designinput .goneed {
  width: 15rem;
  height: 2.6rem;
  font-size: 1.125rem;
  text-indent: .625rem;
  border: none;
  margin-left: 1.25rem;
  color: #9c9c9c;
}
.designinput .gobutton {
  width: 15rem;
  height: 3.75rem;
  display: inline-block;
  background-color: #005947;
  color: #fff;
  font-size: 1.75rem;
  font-weight: 100;
}
.designprocess_title {
  background-color: #005947;
  height: 15rem;
  color: #fff;
  padding-top: 5rem;
  box-sizing: border-box;
}
.designprocess_title > h2:first-child {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: .625rem;
}
.designprocess_title > h2:first-child + h2 {
  font-size: 1.25rem;
  font-weight: 100;
}
.aboutprocess_content {
  padding: 2.5rem 10rem 0 10rem;
}
.aboutprocess_content h5 {
  color: #8d8d8d;
  font-size: 1.875rem;
  font-weight: 100;
  margin-bottom: .625rem;
}
.aboutprocess_content h5:first-child {
  margin-top: 4.6875rem;
}
.aboutprocess_content h5:first-child + h5 {
  font-size: 1.125rem;
}
.aboutprocess_content .line {
  width: 9.375rem;
  height: 2px;
  background-color: #7f7f7f;
  margin: 6.1875rem 5.625rem;
}
.aboutprocess_content .img {
  width: 22.5rem;
  height: 12.5rem;
  overflow: hidden;
}
.aboutprocess_content .img img {
  width: 100%;
  height: 100%;
}
.aboutlist {
  margin-top: 3.75rem;
}
.bigimg {
  margin-top: 3.75rem;
}
.applyenjoy {
  height: 28.125rem;
  background-color: #d0d0d0;
  margin-top: 6.25rem;
  padding-top: 3.75rem;
  box-sizing: border-box;
}
.applyenjoy h2 {
  font-size: 1.625rem;
  color: #005947;
  font-weight: 100;
  margin-bottom: 1.875rem;
}
.applyenjoy h2:first-child {
  font-size: 3.125rem;
  font-weight: 700;
}
.applyenjoy h2:first-child + h2{
  font-weight: 400;
}
.applyenjoy ul {
  margin-top: 5rem;
}
.applyenjoy ul li {
  float: left;
  width: 15%;
  height: 9.375rem;
  margin-right: 4.375rem;
  background: url('../assets/img/freeDesignenjoy.png') no-repeat;
}
/* .applyenjoy ul li:hover {
  background: url('../../assets/img/freeDesignenjoyh.png') no-repeat;
} */
@media screen and (min-width:1620px) {
  .applyenjoy ul li,
  .applyenjoy ul li:hover {
    background-size: 600%;
  }
  .applyenjoy ul li:first-child {
    margin-left: 155px;
  }
  .applyenjoy ul li:first-child+li,
  .applyenjoy ul li:first-child+li:hover {
    background-position: -300px 0;
  }
  .applyenjoy ul li:first-child+li+li,
  .applyenjoy ul li:first-child+li+li:hover {
    background-position: -600px 0;
  }
  .applyenjoy ul li:first-child+li+li+li,
  .applyenjoy ul li:first-child+li+li+li:hover {
    background-position: -900px 0;
  }
}
@media screen and (max-width:1620px) {
  .applyenjoy ul li,
  .applyenjoy ul li:hover {
    background-size: 500%;
  }
  .applyenjoy ul li:hover {
    background-size: 500%;
  }
  .applyenjoy ul li:first-child {
    background-position: 13px 0;
    margin-left: 120px;
  }
  .applyenjoy ul li:first-child+li,
  .applyenjoy ul li:first-child+li:hover {
    background-position: -191px 0;
  }
  .applyenjoy ul li:first-child+li+li,
  .applyenjoy ul li:first-child+li+li:hover {
    background-position: -393px 0;
  }
  .applyenjoy ul li:first-child+li+li+li,
  .applyenjoy ul li:first-child+li+li+li:hover {
    background-position: -597px 0;
  }
}
@media screen and (max-width:1024px) {
  .applyenjoy ul li,
  .applyenjoy ul li:hover {
    background-size: 500%;
  }
  .applyenjoy ul li:hover {
    background-size: 500%;
  }
  .applyenjoy ul li:first-child {
    background-position: 13px 0;
    margin-left: 120px;
  }
  .applyenjoy ul li:first-child+li,
  .applyenjoy ul li:first-child+li:hover {
    background-position: -234px 0;
  }
  .applyenjoy ul li:first-child+li+li,
  .applyenjoy ul li:first-child+li+li:hover {
    background-position: -481px 0;
  }
  .applyenjoy ul li:first-child+li+li+li,
  .applyenjoy ul li:first-child+li+li+li:hover {
    background-position: -738px 0;
  }
}

/* 设计定制---图、文字、背景 */
.a_introduce {
  position: relative;
  margin-top: 3.75rem;
  height: 28.75rem;
}
.a_introduce .a_introduce_img {
  width: 40rem;
  height: 28.125rem;
  overflow: hidden;
}
.a_introduce .a_introduce_img img {
  width: 100%;
  height: 100%;
}
.a_introduce .a_introduce_bg {
  width: 35rem;
  height: 28.125rem;
  background-color: #005947;
}
.a_introduce_text {
  width: 37.5rem;
  height: 23.75rem;
  background: rgba(255,255,255,0.8);
  behavior: url(../../css/components/pie/PIE.htc);
  -pie-background: rgba(255,255,255,0.8);
  position: absolute;
  top: 2.5rem;
  right: 2.5rem;
  text-align: right;
  padding: 2.5rem 2.5rem;
  box-sizing: border-box;
  overflow: hidden;
}
.a_introduce_text_l {
  left: 2.5rem;
  text-align: left;
}
.a_introduce_text h3 {
  font-size: 1.25rem;
  color:#909a99;
  margin-bottom: 1.25rem;
  font-weight: 100;
}
.a_introduce_text h2 {
  font-size: 3.125rem;
  color: #8a898b;
  margin-bottom: 1.875rem;
  font-weight: 700;
}
.a_introduce_text .line {
  width: 6.25rem;
  height: 1px;
  background-color: #909a99;
  display: inline-block;
  margin-bottom: 1.25rem;
}
.a_introduce_text p {
  font-size: 1.125rem;
  line-height: 2.1875rem;
  vertical-align: middle;
  color: #7F7F80;
}
.a_introduce_text div {
  margin-top: 3.75rem;
}
.a_introduce_text h4 {
  color: #909a99;
  font-size: 2.5rem;
  font-weight: 100;
  margin-bottom: 1.875rem;
}
.a_introduce_text h5 {
  font-size: 1.25rem;
  color: #909a99;
  margin-bottom: 4.5rem;
}