.guarantee {
  padding-bottom: 4.55rem;
  background-color: #f8f8f8;
}
.guarantee .com-title {
  padding-top: 0;
}
.guarantee .guarantee-container .guarantee-item {
  width: 25%;
  height: 18.64rem;
  box-sizing: border-box;
  padding: 2.23rem 1.73rem;
  background-color: #ffffff;
  text-align: center;
  transition: all 0.3s;
}
.guarantee .guarantee-container .guarantee-item h2 {
  font-size: 0.91rem;
  font-weight: 500;
}
.guarantee .guarantee-container .guarantee-item .gua-logo {
  width: 7.27rem;
  height: 7.27rem;
  margin: 1.36rem auto 1.05rem;
  border-radius: 50%;
  box-sizing: border-box;
  background-color: #f6f3f0;
  border: solid 0.05rem #a78b6b;
}
.guarantee .guarantee-container .guarantee-item .gua-logo .logo {
  transform: translateY(-0.45rem);
}
.guarantee .guarantee-container .guarantee-item .gua-logo .logo img {
  object-fit: contain;
}
.guarantee .guarantee-container .guarantee-item .gua-logo h4 {
  font-weight: normal;
  font-size: 0.82rem;
  color: #999;
  transform: translateY(0.68rem);
}
.guarantee .guarantee-container .guarantee-item p {
  font-size: 0.73rem;
  line-height: 1.27rem;
  font-family: SourceHanSansSC-Regular;
}
.guarantee .guarantee-container .guarantee-item:hover {
  transform: translateY(-0.91rem);
  transition: all 0.3s;
  background-color: #a78b6b;
}
.guarantee .guarantee-container .guarantee-item:hover h2,
.guarantee .guarantee-container .guarantee-item:hover p {
  color: #ffffff;
}
.guarantee .guarantee-container .guarantee-item:hover .gua-logo {
  background-color: #fff;
  border: 0.05rem solid #fff;
}
.guarantee .guarantee-container .guarantee-item:hover .gua-logo h4 {
  color: #a78b6b;
}
.contact {
  margin-bottom: 4.55rem;
}
.contact .contact-info {
  width: 44.3%;
}
.contact .contact-info .contact-t {
  position: relative;
  margin-bottom: 2.27rem;
}
.contact .contact-info .contact-t::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 19.23rem;
  height: 4.32rem;
  background: url(../images/brand-info-name.png) no-repeat center;
  background-size: contain;
}
.contact .contact-info .contact-t h3 {
  font-size: 1.09rem;
  color: #a78b6b;
  margin-bottom: 0.68rem;
  font-weight: 500;
}
.contact .contact-info .contact-t p {
  font-size: 0.82rem;
  color: #a78b6b;
}
.contact .contact-info .item {
  margin-bottom: 1.36rem;
}
.contact .contact-info .item i {
  font-size: 0.82rem;
}
.contact .contact-info .item span {
  font-size: 0.82rem;
  color: #666;
  margin-left: 0.45rem;
}
.contact .contact-info .item span em {
  font-size: 0.82rem;
  font-style: normal;
}
.contact #map {
  width: 55.7%;
  height: 20.91rem;
}
.contact #map img {
  max-width: none;
  width: auto;
}
.joinUs {
  height: 30.95rem;
  background: url(../images/joinUs-bg.jpg) no-repeat center;
  background-size: cover;
}
.joinUs .com-title {
  padding-bottom: 2.73rem;
}
.joinUs .com-title .success {
  font-size: 0.91rem;
  color: #a78b6b;
  margin-top: 1.36rem;
}
.joinUs form {
  text-align: center;
}
.joinUs form .form-t .form-item {
  width: 32.1%;
}
.joinUs form .form-t .form-item input {
  width: 100%;
  height: 2.73rem;
  padding: 0 0.82rem;
  box-sizing: border-box;
  border: 0.05rem solid #666666;
  color: #666;
  font-size: 0.82rem;
}
.joinUs form .form-t .form-item input::placeholder {
  color: #666;
  font-size: 0.82rem;
}
.joinUs form .form-t .form-item input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #666;
  font-size: 0.82rem;
}
.joinUs form .form-t .form-item input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 适配火狐 */
  color: #666;
  font-size: 0.82rem;
  /* 设置opacity  解决firefox不生效问题 */
  opacity: 1;
}
.joinUs form .form-t .form-item input::-moz-placeholder {
  /* Mozilla Firefox 19+ 适配火狐 */
  color: #666;
  font-size: 0.82rem;
  opacity: 1;
}
.joinUs form .form-t .form-item input:-ms-input-placeholder {
  /* Internet Explorer 10+  适配ie*/
  color: #666;
  font-size: 0.82rem;
}
.joinUs form textarea {
  width: 100%;
  height: 4.55rem;
  padding: 0.91rem;
  box-sizing: border-box;
  border: 0.05rem solid #666666;
  resize: none;
  background-color: transparent;
  margin: 1.36rem 0 1.82rem;
  color: #666;
  font-size: 0.82rem;
  border-radius: 0;
}
.joinUs form textarea::placeholder {
  color: #666;
  font-size: 0.82rem;
}
.joinUs form textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #666;
  font-size: 0.82rem;
}
.joinUs form textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 适配火狐 */
  color: #666;
  font-size: 0.82rem;
  /* 设置opacity  解决firefox不生效问题 */
  opacity: 1;
}
.joinUs form textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ 适配火狐 */
  color: #666;
  font-size: 0.82rem;
  opacity: 1;
}
.joinUs form textarea:-ms-input-placeholder {
  /* Internet Explorer 10+  适配ie*/
  color: #666;
  font-size: 0.82rem;
}
.joinUs form button {
  width: 32.1%;
  height: 2.73rem;
  border: 0;
  background-color: #a78b6b;
  font-size: 0.82rem;
  color: #fff;
  cursor: pointer;
}
.recruit {
  margin-bottom: 3.64rem;
}
.recruit .recruit-pic {
  width: 49%;
  margin-right: 2%;
  margin-bottom: 1.36rem;
}
.recruit .recruit-pic:nth-child(2n) {
  margin-right: 0;
}
.recruit .recruit-pic .img {
  position: relative;
  padding-bottom: 50.3%;
  background-color: #f0f0f0;
}
.recruit .recruit-pic .img img {
  position: absolute;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 768px) {
  .guarantee .guarantee-container {
    flex-wrap: wrap;
  }
  .guarantee .guarantee-container .guarantee-item {
    width: 50%;
    padding: 1rem 0.5rem;
  }
  .guarantee .guarantee-container .guarantee-item .gua-logo img {
    width: 90%;
  }
  .contact .contact-container {
    flex-wrap: wrap;
  }
  .contact .contact-info {
    width: 100%;
  }
  .contact #map {
    width: 100%;
  }
  .joinUs {
    height: auto;
    padding-bottom: 4.55rem;
  }
  .joinUs form .form-t {
    flex-wrap: wrap;
  }
  .joinUs form .form-t .form-item {
    width: 49%;
    margin-bottom: 0.91rem;
  }
  .joinUs form .form-t .form-item:last-child {
    width: 100%;
  }
  .joinUs form textarea {
    margin: 0 0 0.91rem;
  }
  .joinUs form button {
    width: 100%;
  }
  .recruit .recruit-pic {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.91rem;
  }
}