.contact-banner {
  background: url('../img/contact/gongsijieshaobanner.png');
  height: 49.5625rem;
  background-size: cover;
  /* text-align: right; */
  background-position: center;
  position: relative; /* 为了添加占位符 */
  text-align: center;
}

.banner-form {
  width: 34.375rem;
height: 38.75rem;
background: linear-gradient( 180deg, rgba(254,216,183,0.34) 0%, rgba(254,216,183,0.2) 100%);
border: 0.0625rem solid #FFFFFF;
display: none;
margin: 8.0625rem 16.25rem 0 0;
padding: 2.5rem 0 0 0;

}

.banner-form h3 {
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 2rem;
  color: #FFFFFF;
  line-height: 2.8125rem;
  font-style: normal;
  text-align: center;
}

.top-form input, .top-form select {
  height: 2.625rem;
}

.heng {
  width: 30.6875rem;
height: 0.0625rem;
border: 0.125rem solid;
border-image: linear-gradient(270deg, rgba(220, 79, 91, 0), rgba(254, 216, 183, 1), rgba(183, 39, 46, 0)) 2 2;
margin: 1.25rem 1.8125rem 2.5rem 1.8125rem;
}

.submit-btn {
width: 30.625rem;
height: 3.4375rem;
background: #FED8B7;
border-radius: 0.125rem;
margin: 0.9375rem 0 0 1.8125rem;
font-family: PingFangSC, PingFang SC;
font-weight: 500;
font-size: 1.125rem;
color: #B7272E;
line-height: 3.4375rem;
text-align: center;
font-style: normal;
}

.about-us {
  text-align: center;
  padding: 3rem 18.4375rem 5.25rem 18.4375rem;
}

.about-content {
  position: relative;
  width: 83.125rem;
  height: 40.625rem;
  margin-top: 1.875rem;
}

.red-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 13.875rem;
  height: 17.9375rem;
  background: #B7272E;
  z-index: -999;
}

.yellow-box {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 22.5rem;
  height: 22.8125rem;
  background: #FED8B7;
  z-index: -999;
}

.about-text {
  display: flex;
  justify-content: space-between;
}

.about-text-left {
  width: 76.875rem;
  height: 34.5rem;
  background: #FFFFFF;
  box-shadow: 0rem 1.25rem 2.5rem 0rem rgba(183, 39, 46, 0.19);
  margin: 3.125rem 0 0 3.125rem;
  position: absolute;
  padding: 2.5rem;
}

.about-text-left h4 {

  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 3rem;
  color: #302929;
  line-height: 4.1875rem;
  text-align: left;
  font-style: normal;
}

.about-text-left div {
  width: 3.75rem;
  height: 0.625rem;
  background: linear-gradient(270deg, #DC4F5B 0%, #B7272E 100%);
  border-radius: 0.375rem;
  margin: 3.75rem 0 1.25rem 0;
}

.about-text-left p {
  width: 44rem;

  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 1.125rem;
  color: #302929;
  line-height: 2.375rem;
  text-align: left;
  font-style: normal;
}

.about-text-right {
  position: absolute;
  width: 25rem;
  height: 25rem;
  right: 5.625rem;
  top: 7.875rem;
}

.about-text-right img {
  width: 25rem;
  height: 25rem;
}

.honor {
  text-align: center;
  padding: 3rem 0 2.8125rem 0;
  position: relative;
}

.honor-content img {
  height: 61.1875rem;
}

.vtu {
  background: url('../img/contact/sanjiao.png');
  position: absolute;
  top: 0;
  left: 33.375rem;
  height: 26.625rem;
  width: 53.25rem;
  z-index: -999;
  background-size: 100% 100%;
}

.el-message {
  min-width: 380px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 15px 15px 15px 20px;
  position: fixed;
  top: 5.625rem;
  left: 50%;
  transform: translateX(-50%);
  background-color: #f0f9eb;
  color: #67c23a;
  text-align: center;
  z-index: 9999;
  display: none;
}

.el-message-success {
  background-color: #f0f9eb;
  color: #67c23a;
}

.el-message-error {
  background-color: #fef0f0;
  color: #f56c6c;
}

.el-message-info {
  background-color: #f4f4f5;
  color: #909399;
}

.el-message-warning {
  background-color: #fdf6ec;
  color: #e6a23c;
}

.contact-text {
  /* text-align: left; */
  text-align: center;
  /* margin-left: 13.75rem; */
  margin: 0 auto;
  padding-top: 15.4375rem;
}

.contact-text h1:first-child {
  position: relative;
  font-family: FZZDHJW--GB1, sans-serif;
  font-weight: normal;
  font-size: 5rem;
  text-align: center;
  font-style: normal;
}

/* 渐变文字层 */
.contact-text h1:first-child::before {
  content: "智慧人武";
  position: absolute;
  /* left: 0; */
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  z-index: 2;
  color: transparent;
  background: linear-gradient(125.48227628471054deg, #FFE1C6 0%, #FFF9F5 34%, #FFCDA2 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

/* 阴影文字层 */
.contact-text h1:first-child::after {
  content: "智慧人武";
  position: absolute;
  /* left: 0; */
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  z-index: 1;
  color: rgba(115,10,15,0.69);
  text-shadow: 0rem 1.25rem 0.625rem rgba(115,10,15,0.69);
}

/* 隐藏原始文字 */
.contact-text h1:first-child span {
  opacity: 0;
}

/* 第二个h1 */
.contact-text h1:nth-child(2) {
  position: relative;
  font-family: FZZDHJW--GB1, sans-serif;
  font-weight: normal;
  font-size: 3rem;  /* 第二个标题字体稍小 */
  text-align: center;
  font-style: normal;
}

/* 渐变文字层 */
.contact-text h1:nth-child(2)::before {
  content: "南京青吕网络科技有限公司";
  position: absolute;
  /* left: 0; */
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  z-index: 2;
  color: transparent;
  background: linear-gradient(125.48227628471054deg, #FFE1C6 0%, #FFF9F5 34%, #FFCDA2 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

/* 阴影文字层 */
.contact-text h1:nth-child(2)::after {
  content: "南京青吕网络科技有限公司";
  position: absolute;
  /* left: 0; */
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  z-index: 1;
  color: rgba(115,10,15,0.69);
  text-shadow: 0rem 1.25rem 0.625rem rgba(115,10,15,0.69);
}

/* 隐藏原始文字 */
.contact-text h1:nth-child(2) span {
  opacity: 0;
}

.contact-text p {
  
font-family: FZZDHJW--GB1, sans-serif;
font-weight: normal;
font-size: 1.125rem;
color: #FFFFFF;
line-height: 1.375rem;
/* text-align: left; */
text-align: center;
font-style: normal;
margin-top: 1.25rem;
}

.contact-text button {
  width: 13.75rem;
height: 3.125rem;
background: linear-gradient( 142deg, rgba(255,255,255,0.48) 0%, #FFFFFF 100%);
box-shadow: 0rem 0.3125rem 0.625rem 0rem #8F2227;
border-radius: 1.5625rem;
font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 1.5rem;
color: #B7272E;
line-height: 2.0625rem;
text-align: center;
font-style: normal;
margin-top: 2.5rem;
padding: 0;
}

@media screen and (min-width: 1921px) {
  .about-us {
    padding: 3rem calc(18.4375rem + ((100vw - 1920px) * 0.5)) 5.25rem calc(18.4375rem + ((100vw - 1920px) * 0.5));
  }

  .vtu {
    left: calc(33.375rem + ((100vw - 1920px) * 0.5));
    height: 26.625rem;
    width: 53.25rem;
  }

  .contact-banner {
    height: calc(49.5625rem + ((100vw - 1920px) * 0.51));
  }

  .contact-text {
    padding-top: calc(15.4375rem + ((100vw - 1920px) * 0.25));
    /* margin-left: calc(13.75rem + ((100vw - 1920px) * 0.51)); */
  }
}