@charset "utf-8";
/* CSS Document */


/* === 原有 === */
.footer {
  position: relative;
  /* 原来固定 height 会挡内容，这里改为 min-height 更稳妥 */
  min-height: 220px;                    /* 可按视觉再微调 */
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/footer.jpg");
}
.footer .content{
  position: relative;                   /* 作为 ::before 的定位容器 */
  margin: 0 auto;
  width: 1200px;
}
.footer .content .cp {
  padding-top: 8px;
  text-align: center;
  opacity: 0.61;
  color: #ececec;
  font-size: 20px;
  line-height: 36px;
  font-weight: lighter;
  position: relative;
  z-index: 1;                           /* 始终在二维码之上 */
}

/* === 左侧二维码：保持不变但降低层级并固定在左侧 === */
.footer .content:before {
  content: "";
  position: absolute;
  z-index: 0;                 /* 保证不会遮住文字 */
  top: 50%;                   /* 先放在容器垂直中点 */
  left: 0;                    /* 靠左对齐 */
  transform: translateY(-50%);/* 再向上偏移半个自身高度，真正垂直居中 */
  width: 200px;
  height: 100px;
  background: url(../images/ewmtwo.jpg) center center / cover no-repeat; 
}

/* === 新增：联系方式区域 === */
.footer .contacts-wrap{
  padding-top: 18px;
  position: relative;
  z-index: 1;                           /* 在二维码之上显示 */
  /* 只给“联系方式行”让出二维码空间，不影响下方版权的居中 */
  padding-left: 220px;                  /* 为 200px 的二维码 + 左右余量让出空间 */
}

/* 两个联系方式同一行显示并中间竖线分隔 */
.footer .contacts{
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 40px;                            /* 竖线两侧的水平间距 */
  color: #ececec;
  opacity: 0.9;
}
.footer .contact{
  max-width: 480px;
  font-size: 16px;
  line-height: 1.7;
}
.footer .contact .ttl{
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 6px;
  opacity: 0.95;
}
.footer .contact .addr,
.footer .contact .tel{
  white-space: normal;
}

/* 中间竖线分隔符 */
.footer .sep{
  width: 1px;
  background: rgba(236,236,236,0.45);
  align-self: stretch;
}

/* 可选：小屏兜底（不影响你 PC 布局） */
@media (max-width: 992px){
  .footer .contacts-wrap{ padding-left: 0; }
  .footer .contacts{ flex-direction: column; gap: 12px; }
  .footer .sep{ display: none; }
}

.footer .contact .email{
  margin-top: 2px;
  font-size: 16px;
  line-height: 1.7;
}
.footer .contact .email a{
  color: #ececec;
  text-decoration: none;
  border-bottom: 1px dotted rgba(236,236,236,0.6);
}
.footer .contact .email a:hover{
  opacity: 0.95;
  border-bottom-style: solid;
}