.kefu {
  width: 100%;
  margin: 40px auto;
}

.kefu .w {
  box-shadow: 0 15px 40px rgb(0 0 0 / 15%);
  background-color: hsla(0, 0%, 100%, .02);
  border-radius: 16px;
  min-height: 120px;
  position: relative;
  padding: 20px;
  text-align: center;
  box-sizing: border-box;
}

.kefu img {
  margin-bottom: 10px;
}

.kefu span {
  display: block;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.contact {
  width: 100%;
  margin-bottom: 50px;
}

.contact .w {
  display: flex;
  justify-content: center;
}

.contact .item {
  width: 32%;
  color: #fff;
  text-align: center;
  padding: 45px 30px;
  box-sizing: border-box;
  border-radius: 3px;
  -webkit-box-shadow: 0 15px 40px rgb(0 0 0 / 15%);
  box-shadow: 0 15px 40px rgb(0 0 0 / 15%);
  background-color: hsla(0, 0%, 100%, .02);
}

.contact .item img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}

.contact .item span {
  display: block;
  color: #fff;
  font-size: 20px;
  text-align: center;
  margin: 10px 0;
}

.contact .item p {
  color: #fff;
  font-size: 20px;
  text-align: center;
}

/* 联系我们 */
.contactus {
  width: 100%;
  padding: 80px 0;
  box-sizing: border-box;
}

.contactus h3 {
  color: #fff;
  font-size: 28px;
  text-align: center;
  margin-bottom: 52px;
}

.contactus .content {
  width: 60%;
  margin: 0 auto;
}

.contactus .content .right {
  width: 100%;
}

.contactus .content .left {
  color: #fff;
}

.contactus .content .left p {
  color: #fff;
  font-size: 16px;
  line-height: 2;
  text-align: right;
}

.contactus .content .left i {
  color: #30739f;
}

.contactus .content .right p {
  color: #fff;
  font-size: 16px;
  margin-bottom: 5px;
}

.contactus .content .right input {
  width: 100%;
  height: 46px;
  color: #606266;
  padding: 0 15px;
  border-radius: 4px;
  margin-bottom: 22px;
  box-sizing: border-box;
  background-color: rgba(14, 4, 27, .24);
  border: 1px solid hsla(0, 0%, 90.2%, .24);
}

.contactus .content .right textarea {
  width: 100%;
  height: 160px;
  color: #606266;
  padding: 10px 15px;
  border-radius: 4px;
  margin-bottom: 22px;
  box-sizing: border-box;
  background-color: rgba(14, 4, 27, .24);
  border: 1px solid hsla(0, 0%, 90.2%, .24);
}

.contactus .content .right button {
  width: 160px;
  height: 55px;
  color: #fff;
  font-size: 18px;
  border-radius: 25px;
  background: linear-gradient(90deg, rgba(0, 227, 160, .8), rgba(26, 90, 176, .8));
  cursor: pointer;
}

.contactus .content .right .tip {
  color: #fff;
  font-size: 16px;
  line-height: 2;
  margin-top: 20px;
}

/* 提示框 */
.tip2 {
  display: none;
  position: fixed;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  padding: 15px;
  border-radius: 8px;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: 1px 2px 12px rgba(0, 0, 0, .4);
  z-index: 15;
}

@media screen and (max-width: 992px) {
  .kefu img {
    width: 75%;
  }
  .contact .item {
    width: 100%;
  }
  .contactus .content {
    width: 100%;
  }
  .tip2 {
    width: 80%;
  }
}