.contact-header {
  padding: 20px 0;
  border-bottom: 1px solid #eee;
}

.contact-title {
  font-size: 16px;
  color: #333;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 14px;

}

.title-de {
  font-size: 32px;
  font-weight: 700;
}

.phone-number {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  gap: 10px;
}

.phone-label {
  margin-top: 40px;
  font-size: 14px;
  color: #666;
  font-weight: 700;
}

.phone-value {
  font-size: 36px;
  font-weight: bold;
  color: #333;
  font-weight: 700;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  grid-gap: 15px;
}

.phone-icon {
  color: #333;
  font-size: 20px;
}

/*  */
/*  */
/*  */


/* 公司标题样式 */
.company-title {
  width: 85%;
  color: #003686;
  margin-bottom: 30px;
  position: relative;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  border-bottom: 2px solid #D9D9D9;
  padding-bottom: 18px;

}

.company-title::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 20%;
  height: 2px;
  background: #003686;
}

/* 左侧信息样式 */
.company-content {
  margin-top: 40px;
  margin-bottom: 70px;
}

.info-section {
  margin-bottom: 40px;
}

.info-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}

.imgForShow {
  width: 60px;
  height: 60px;
  margin-right: 10px;
  color: #003686;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(0, 54, 134, 0.28);
}

.imgForShow img {
  width: 50%;
  height: 50%;
  transition: transform 1s;

}

.W85 {
  width: 85%;
  margin-top: 33px;
}

.imgForShow:hover img {
  transform: rotateY(360deg);
}

.info-content {
  color: #333;
  font-size: 14px;
}

.adress-info-item {
  width: 85%;
  padding-bottom: 18px;

  border-bottom: 2px solid #D9D9D9;

}

.info-label {
  color: #666;
  font-size: 14px;
  margin-bottom: 8px;
}

.adress-info {
  color: #464646;
  font-family: "Microsoft YaHei";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  /* 100% */
}

/* 社交媒体样式 */
.social-title {
  font-size: 14px;
  color: #666;
  margin-bottom: 15px;
}

.social-links {
  display: flex;
  /* gap: 15px; */
}

.social-icon {
  width: 54px;
  height: 54px;
  /* border: 1px solid #C3C3C3; */
  display: flex;
  align-items: center;
  justify-content: center;
}

.social-icon i {
  font-size: 16px;
  color: #666;
}

/* 表单样式 */
.contact-form {
  margin-top: 10px;
}

/* 输入框基础样式 */
.form-control {
  min-height: 59px;
  border: none;
  border-radius: 4px;
  background: #f5f5f5;
  padding: 0 15px;
  font-size: 14px;
  color: #333;
  margin-bottom: 20px;
  transition: all 0.3s ease;
}

/* 输入框焦点样式 */
.form-control:focus {
  background: #f0f0f0;
  box-shadow: none;
  outline: none;
}

textarea.form-control {
  min-height: 120px;
  padding: 15px;
  resize: none;
}

.form-control::placeholder {
  color: #626262;
  font-size: 16px;
  letter-spacing: 3.2px;
}

/* 验证码区域 */
.verification-input-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.verification-area {
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
  margin-top: 20px;
}

.verification-img {
  height: 58px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.verification-img img {
  width: 100%;
  height: 100%;
}

.verification-input {
  width: 100%;
  height: 40px;
  background: #f5f5f5;
  border: none;
  border-radius: 4px;
  padding: 0 15px;
}

.verification-input::placeholder {
  color: #626262;
  font-size: 16px;
  letter-spacing: 3.2px;
}

/* 提交按钮 */
.submit-btn {
  background: #8B4513;
  color: #fff;
  border: none;
  height: 58px;
  padding: 0 30px;
  border-radius: 4px;
  font-size: 14px;
}

.submit-btn:hover {
  background: #A0522D;
}

/* 提示文字 */
.tip-text {
  color: #666;
  font-size: 16px;
  /* margin-bottom: 20px; */
  line-height: 1.5;
  min-height: 64px;
}

input {
  min-height: 59px;
}

.submit-area {
  display: flex;
  justify-content: flex-end;
  padding: 0;
  margin-right: 1rem
}

/* 下拉框样式 */
select.form-control {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L2 4h8z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 15px center;
  min-height: 59px;

}

select ::placeholder {
  color: #999;
}

.f1 {
  flex: 1
}


@media (max-width: 768px) {
  .submit-area {
    justify-content: center;
    margin-right: 0;
  }

  .submit-btn {
    width: 100%;
    margin-top: 10px;
  }

  .tip-text {
    margin-top: 50px;
  }

  .company-title {
    width: 100%;
  }

  .adress-info-item {
    width: 100%;
  }

  .W85 {
    width: 100%;
  }
}

/* 响应式调整 */
@media (max-width: 768px) {
  .verification-area {
    flex-direction: column;
  }

  .verification-input-area {
    width: 100%;
    margin-bottom: 15px;
  }

  .submit-area {
    width: 100%;
    justify-content: center;
    margin-right: 0;
  }

  .submit-btn {
    width: 100%;
    margin-top: 10px;
  }

  .form-control {
    margin-bottom: 15px;
  }

  .verification-img {
    margin-left: 0;
    margin-top: 10px;
  }
}

/* 子公司 */
.sonCard {
  background-color: rgb(247, 247, 247);
  width: 100%;
  padding: 100px 0;
}


.page-header {
  text-align: center;
  margin-bottom: 60px;
}

.page-title {
  font-size: clamp(24px, 2.5vw, 32px);
  color: #000;
  margin-bottom: 10px;
  font-weight: 700;
}

.page-subtitle {
  font-size: clamp(14px, 1.2vw, 16px);
  color: #2F2F2F;
}

.company-grid {
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px 60px;
}

.company-card {
  width: 100%;
  display: flex;
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
}

/* 修改图片区域宽度为3份 */
.card-image {
  width: 35%;
  /* 3/7 ≈ 42.85% */
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}

.card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.location-tag {
  position: absolute;
  left: 15px;
  bottom: 15px;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: clamp(12px, 1vw, 14px);
}

.location-tag img {
  width: 16px;
  height: 16px;
}

/* 修改内容区域宽度为4份 */
.card-content {
  width: 65%;
  /* 4/7 ≈ 57.15% */
  padding: clamp(20px, 2.5vw, 30px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.company-name {
  color: #003686;
  margin-bottom: 20px;
  font-weight: 500;
  font-family: "Microsoft YaHei";
  font-size: 28px;
  margin-bottom: 30px;
}

.info-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* .company-info-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;

  color: #2F2F2F;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  align-items: center;
}

.company-info-item img {
  width: 24px;
  height: 24px;
  margin-top: 3px;
  opacity: 0.6;

}

.h17 {
  height: 17px !important;
} */

/* 替换上面注释的内容 */
.info-list .table {
  width: 100%;
}

.info-list .table * {
  border: 0px solid #fff0 !important;
  margin: 0;
}

.info-list .table tr {
  display: flex;
}

.info-list .table td {
  display: flex;
  align-items: center;
  font-size: 14px;
}

.info-list .table td:first-child {
  width: 30px;
}

.info-list .table td:last-child {
  width: calc(100% - 30px);
}

@media (max-width: 1200px) {
  .company-name {
    font-size: 24px;
    margin-bottom: 30px;
  }

  .info-list .table td {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  .company-card {
    width: 100%;
  }

  .sonCard {
    padding: 60px 0;
  }

  .page-header {
    margin-bottom: 40px;
  }
}

@media (max-width: 480px) {
  .company-card {
    flex-direction: column;
  }

  .card-image {
    width: 100%;
    height: 200px;
  }

  .card-content {
    width: 100%;
    padding: 20px;
  }
}

.bgcH {
  color: #FFF;
  font-family: "Microsoft YaHei";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

.company-grid .company-card:hover {
  cursor: pointer;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  /* 阴影效果 */
  transform: translateY(-5px);
  /* 鼠标经过时容器轻微上移 */

}