/* ==========================================================================
   XINHUA · Contact Page  (联系我们页专属样式)
   --------------------------------------------------------------------------
   目录 / CONTENTS
   01  Location 地图位置（container 内圆角矩形 iframe）
   02  Responsive 响应式
   --------------------------------------------------------------------------
   约定：banner / breadcrumb / 询盘表单 / 按钮 / 表单控件一律复用 style.css，
   本文件只写联系页独有的版式。后续内页按同样方式建 xxx.css。
   ========================================================================== */

/* ==========================================================================
   01  Location 地图位置
   ========================================================================== */
.location__map {
  border-radius: var(--r-lg);
  overflow: hidden;
  line-height: 0;
  background: var(--c-green-100);
  box-shadow: var(--shadow-md);
}

.location__map iframe {
  display: block;
  width: 100%;
  height: 460px;
  border: 0;
}

/* ==========================================================================
   02  Responsive 响应式
   ========================================================================== */
@media (max-width: 767.98px) {
  .location__map iframe {
    height: 340px;
  }
}