/* ============================================================
   haijia.org 响应式重构样式表 v3  (移动优先, 保留原风格)
   取代 Blueprint(screen.css)。品牌: #006ABB / #6D98C5 / #222 / #CCC
   ============================================================ */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html,body{overflow-x:hidden;max-width:100%}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.6;color:#222;background:#fff}
img{max-width:100%;height:auto;border:0;vertical-align:middle}
a{color:#222;text-decoration:none}
a:hover{color:#006ABB;text-decoration:none}
table{border-collapse:collapse}

.container{width:100%;max-width:1180px;margin:0 auto;padding:0 12px;font-size:1rem}
.container p{text-indent:0;margin:.5em 0}
.container .center{text-align:center}
.container .bold{font-weight:bold}
.container .red,.container p.red a{color:#e60012}

/* ---------- 头部 ---------- */
.header{padding:6px 0}
.header>div:first-child{text-align:center;font-size:.95rem;color:#006ABB;padding:6px 0}
.header>div:first-child b{color:#e60012;font-size:1.2rem;letter-spacing:.5px}
/* 头图按容器宽度铺满(950x230 比例) */
.logo{width:100%;aspect-ratio:950/230;height:auto;margin:6px 0;background:url("/static/images/haijia_logo_2020.jpg") center/contain no-repeat}

/* ---------- 导航: 移动端汉堡 ---------- */
.nav{background:#006ABB;border-radius:6px;overflow:hidden}
.nav-toggle{position:absolute;left:-9999px}
.nav-toggle-btn{display:block;color:#fff;font-weight:700;padding:13px 16px;cursor:pointer;user-select:none}
.nav-toggle-btn::before{content:"\2630  "}
.nav ul{list-style:none;margin:0;padding:0;max-height:0;overflow:hidden;transition:max-height .25s ease}
.nav-toggle:checked ~ ul{max-height:460px}
.nav li{margin:0;border-top:1px solid rgba(255,255,255,.18)}
.nav li a,.nav li a:visited{display:block;color:#fff;font-weight:700;padding:14px 18px;background:transparent;text-align:left}
.nav li a:hover{background:rgba(255,255,255,.14);color:#fff}

/* ---------- 正文栅格 ---------- */
.content{padding:6px 0}
.location{font-size:.9rem;color:#666;padding:8px 2px;line-height:1.9}
.location h1{display:inline;font-size:1em;font-weight:normal}

.latest,.price,.announcement,.news,.baike,.ping,.lastest-all,.show{margin:0 0 14px}
.span-12,.span-24{width:100%}

/* 覆盖 index.css 的固定高度/宽度(它们在 responsive 之后加载) */
.latest .borders,.news .borders,.baike .borders,.announcement .borders,.ping .borders,.lastest-all .borders,.shuttlebus .borders,.zhongguancun .borders{height:auto !important;padding:12px 14px}
.price table{height:auto !important}
.shuttlebus .left,.shuttlebus .right,.zhongguancun .left,.zhongguancun .right{width:auto !important;float:none !important}

.borders{border:1px solid #e3e3e3;border-radius:8px}
.borders h2,.price h2{font-size:1.05rem;font-weight:700;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid #e3e3e3;color:#006ABB}
.price h2{border-bottom:1px solid #e3e3e3}
.borders ul,.latest ul,.news ul,.baike ul,.ping ul,.announcement ul,.lastest-all ul{list-style:none;margin:0;padding:0}
.latest li,.news li,.baike li,.announcement li,.ping li,.lastest-all li,.shuttlebus li{line-height:1.9;padding:3px 0;border-bottom:1px dashed #eee}
.latest li:last-child,.news li:last-child,.baike li:last-child,.announcement li:last-child,.ping li:last-child{border-bottom:0}
.latest li a,.news li a,.baike li a,.announcement li a{display:block}
.right{float:right;color:#999;font-size:.85em;font-weight:normal;margin-left:8px}
.ad{margin-top:10px}
.ad img{width:100%;height:auto;border-radius:8px}

/* ---------- 侧栏(内容页常用电话等): 修复溢出 ---------- */
.right_sidebar{width:100% !important;float:none !important}
.right_sidebar h2,.right_sidebar h3,.right_sidebar .contact h2,.right_sidebar .advantage h2{padding-left:0 !important;text-align:left !important;font-size:1.05rem;font-weight:700;color:#006ABB;border-bottom:1px solid #e3e3e3;margin:0 0 10px;padding-bottom:8px}
.right_sidebar ul{list-style:none;padding-left:0 !important;margin:0}
.right_sidebar li{padding-left:0 !important;line-height:1.9;border-bottom:1px dashed #eee}
.right_sidebar .borders,.right_sidebar{border:1px solid #e3e3e3;border-radius:8px;padding:12px 14px;background:#fff}

/* 价格表 */
.price table{width:100%;font-size:.9rem}
.price table th,.price table td{border:1px solid #e3e3e3;padding:8px 6px;text-align:center}
.price table th{background:#f3f7fb;color:#006ABB}

/* 图片展示区 */
.show{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.show img{width:100%;height:auto;border-radius:8px;display:block}

/* 表单/文章通用 */
.content form input[type=text],.content form input[type=email],.content form input[type=tel],.content form input[type=password],.content form select,.content form textarea{width:100%;max-width:420px;padding:9px 10px;border:1px solid #ccc;border-radius:6px;font-size:1rem}
.content form input[type=submit]{padding:11px 22px;background:#006ABB;color:#fff;border:0;border-radius:6px;font-size:1rem;cursor:pointer}
.article-content img{height:auto}

/* ---------- 页脚 ---------- */
.footer{border-top:1px solid #e3e3e3;margin-top:8px;padding:14px 0 34px;text-align:center;font-size:.9rem;color:#555}
.footer .link{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 10px;margin-bottom:8px}
.footer .link span{font-weight:700}
.footer .link ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 12px;margin:0;padding:0}
.footer a{color:#006ABB}
.bottom_nav p{margin:.4em 0;text-align:center;line-height:1.9}

/* ============================================================
   桌面端 (>=768px): 两栏栅格 + 原导航外观
   ============================================================ */
@media (min-width:768px){
  .container{padding:0 20px}
  .header>div:first-child{text-align:left;font-size:1rem}
  .nav{background:url("/static/images/deepblue.jpg") center/cover no-repeat;border-radius:0;overflow:visible}
  .nav-toggle-btn{display:none}
  .nav ul{max-height:none;display:flex;overflow:visible}
  .nav li{border-top:0;margin:0}
  .nav li:first-child{margin-left:16px}
  .nav li a,.nav li a:visited{background:#fff;color:#006ABB;padding:8px 18px;margin:6px 0 6px 10px;text-align:center}
  .nav li a:hover{background:#6D98C5;color:#fff}

  .content{display:flex;flex-wrap:wrap;gap:0 24px;align-items:flex-start}
  .location{flex:0 0 100%}
  .span-12{flex:0 0 calc(50% - 12px)}
  .span-24{flex:0 0 100%}
  .show{grid-template-columns:repeat(4,1fr)}
  .latest,.price,.announcement,.news,.baike,.lastest-all{margin-bottom:20px}
}

/* 窄屏: 宽表格横向滚动 */
@media (max-width:767px){
  .content table{display:block;overflow-x:auto;white-space:nowrap;max-width:100%}
  .price table th,.price table td{white-space:nowrap}
}