/* =============================================================
   微云腾 v3 · twsc 高科技深蓝主题
   参考站点：https://www.twsc.com.cn（德明利，深蓝科技风）
   主色：深蓝 #003592 / 亮蓝 #007aff / 浅灰底 #f7f8f9 / 灰字 #666 / 白
   作用域：仅前端首页/内页区块与导航、页脚；后台 wyt-admin.css 不受影响。
   设计：以 wyt-front.css 令牌系统为底，这里重定义 :root 令牌 + 重做区块/卡片/页脚视觉。
   ============================================================= */

:root{
  --brand:#003592;          /* 主深蓝 */
  --brand-d:#002a73;        /* 更深（hover/active） */
  --brand-l:#1a5fd0;        /* 亮蓝（渐变端） */
  --accent:#007aff;         /* 点缀亮蓝 */
  --ink:#1f2733;            /* 主文字 */
  --ink-2:#3a4453;          /* 次级文字 */
  --muted:#666666;          /* 灰字 */
  --line:#e9e9e9;           /* 分割线/边框 */
  --bg:#ffffff;
  --bg-soft:#f7f8f9;        /* 浅灰底 */
  --radius:10px;
  --shadow:0 8px 24px rgba(0,53,146,.08);
  --shadow-sm:0 2px 10px rgba(0,53,146,.06);
  --max:1200px;
  --ff:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
}

*{box-sizing:border-box}
body{font-family:var(--ff);color:var(--ink);background:var(--bg);line-height:1.7;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
a{color:inherit;text-decoration:none}

/* ===== 顶部条 ===== */
.top_bg{background:var(--bg-soft);border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}
.top_bg .container{max-width:var(--max);margin:0 auto;padding:8px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.top_welcome{color:var(--muted)}
.top_lang .t-left a{color:var(--brand)}
.yuyan{background:var(--brand);color:#fff}

/* ===== 导航（深蓝科技风） ===== */
header.site{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:999;transition:.3s}
header.site.scrolled{box-shadow:0 6px 20px rgba(0,53,146,.08)}
header.site .nav{display:flex;align-items:center;height:72px;gap:20px}
header.site .nav .logo img{height:40px;width:auto}
header.site .nav .navbar-collapse{flex:1;display:flex;align-items:center}
header.site .nav .menu{display:flex;gap:4px;margin:0;padding:0;list-style:none;margin-left:8px}
header.site .nav .menu > li{position:relative}
header.site .nav .menu > li > a{display:block;padding:10px 16px;font-size:15px;color:var(--ink-2);font-weight:500;transition:.2s;border-radius:6px}
header.site .nav .menu > li > a:hover{color:var(--brand);background:rgba(0,53,146,.06)}
header.site .nav .menu li.dropdown > a:first-child{padding-right:4px}
header.site .nav .menu li.dropdown .dropdown-toggle{display:inline-block;padding:10px 8px;color:var(--muted);font-size:12px}
header.site .nav .menu .dropdown-menu{position:absolute;top:100%;left:0;min-width:180px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:6px 0;opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s;z-index:1000}
header.site .nav .menu li.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
header.site .nav .menu .dropdown-menu li a{display:block;padding:9px 18px;font-size:14px;color:var(--ink-2)}
header.site .nav .menu .dropdown-menu li a:hover{background:var(--bg-soft);color:var(--brand)}
header.site .nav .cta{margin-left:auto;background:var(--brand);color:#fff;padding:11px 24px;border-radius:999px;font-weight:600;font-size:15px;transition:.25s;white-space:nowrap}
header.site .nav .cta:hover{background:var(--brand-d);transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,53,146,.25)}
header.site .navbar-toggle{display:none;margin-left:auto;border:0;background:transparent;cursor:pointer}

/* ===== 通用区块标题（居中 + 深蓝 + 小装饰） ===== */
.about_head,.product_head,.case_head,.news_head,.advantage_head,.cooperation_head{text-align:center;max-width:720px;margin:0 auto 44px}
.about_head h2,.product_head h2,.case_head h2,.news_head h2,.advantage_head h2,.cooperation_head h2{
  font-size:clamp(24px,3vw,34px);color:var(--brand);font-weight:800;letter-spacing:-.01em;margin-bottom:12px;position:relative;display:inline-block}
.about_head p,.product_head p,.case_head p,.news_head p,.advantage_head p,.cooperation_head p{color:var(--muted);font-size:16px}
.product_head span{display:none}  /* 旧版两侧装饰线，统一收起 */

/* ===== 关于/公司简介 ===== */
.about_img{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.about_h3{color:var(--ink);font-size:22px;margin-bottom:14px}
.about_p{color:var(--muted);margin-bottom:18px}
.about_btn,.btn{display:inline-flex;align-items:center;gap:8px;background:var(--brand);color:#fff;padding:12px 28px;border-radius:999px;font-weight:600;transition:.25s}
.about_btn:hover,.btn:hover{background:var(--brand-d);transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,53,146,.28)}

/* ===== 产品 / 图集 网格卡片 ===== */
.product_bg,.advantage_bg,.cooperation_head{position:relative}
.product_list .pro-grid,.case_list .pro-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.pro-card{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.28s;box-shadow:var(--shadow-sm)}
.pro-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent}
.pro-card .ph{aspect-ratio:4/3;overflow:hidden;background:var(--bg-soft)}
.pro-card .ph img{width:100%;height:100%;object-fit:cover;transition:.4s}
.pro-card:hover .ph img{transform:scale(1.06)}
.pro-card .c{padding:16px 16px 18px}
.pro-card .c .t{font-size:16px;font-weight:600;color:var(--ink-2);transition:.2s}
.pro-card:hover .c .t{color:var(--brand)}

/* ===== 案例区（深蓝底 + 白卡） ===== */
.case_bg{background:linear-gradient(135deg,var(--brand),#0b1f4d);background-attachment:fixed}
.case_head h2,.case_head p{color:#fff}
.case_bg .container{position:relative;z-index:2}
.case_list .pro-card{background:#fff}
.case_list .pro-card .c .t{color:var(--ink-2)}

/* ===== 新闻 ===== */
.news_list .news{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.news .item{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.25s;box-shadow:var(--shadow-sm)}
.news .item:hover{box-shadow:var(--shadow);transform:translateY(-4px)}
.news .item .ph{aspect-ratio:16/10;overflow:hidden;background:var(--bg-soft)}
.news .item .ph img{width:100%;height:100%;object-fit:cover;transition:.4s}
.news .item:hover .ph img{transform:scale(1.06)}
.news .item .c{padding:18px}
.news .item .c h4{font-size:17px;color:var(--ink);margin-bottom:8px;font-weight:600;transition:.2s}
.news .item:hover .c h4{color:var(--brand)}
.news .item .c p{color:var(--muted);font-size:14px;line-height:1.6;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ===== 合作 / 友情链接 ===== */
.cooperation_head + *{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center}
.cooperation_head ~ * img{max-height:46px;width:auto;filter:grayscale(1);opacity:.7;transition:.25s}
.cooperation_head ~ * a:hover img{filter:none;opacity:1}

/* ===== 页脚（深蓝科技风） ===== */
footer.site{background:#0b1730;color:#c7d2e6;margin-top:60px}
footer.site .wrap{padding-top:54px;padding-bottom:24px}
footer.site .foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}
footer.site .footer_logo{height:40px;width:auto;margin-bottom:14px;filter:brightness(0) invert(1)}
footer.site .footer_logo_text{color:#9fb2dc;font-size:14px;max-width:280px}
footer.site .foot-contact h4,footer.site h4{color:#fff;font-size:15px;margin-bottom:16px}
footer.site .foot-contact p{color:#9fb2dc;font-size:14px;margin-bottom:8px}
footer.site ul{list-style:none;padding:0;margin:0}
footer.site ul li{margin-bottom:10px}
footer.site ul li a{color:#9fb2dc;font-size:14px;transition:.2s}
footer.site ul li a:hover{color:#fff}
footer.site .foot-qrcode{text-align:center}
footer.site .footer_qrcode{height:110px;width:110px;background:#fff;border-radius:10px;padding:6px;margin:0 auto 8px}
footer.site .footer_qrcode_text{color:#9fb2dc;font-size:13px}
footer.site .foot-social{display:flex;gap:10px;justify-content:center;margin-top:10px}
footer.site .foot-social img{height:22px;width:22px;opacity:.8}
footer.site .foot-bottom{margin-top:36px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);color:#8aa0c8;font-size:13px}
footer.site .wyt-support-line{margin-top:14px;color:#8aa0c8;font-size:13px;display:flex;align-items:center;gap:8px;justify-content:center}
footer.site .wyt-support-logo{height:18px;width:auto;filter:brightness(0) invert(1);opacity:.8}

/* ===== Banner / 轮播容器 ===== */
.bx-wrapper,.bxslider{margin:0;padding:0;max-width:100%}
.index-banner-wrapper{position:relative}
.index-banner-wrapper .bxslider img{width:100%;height:auto;display:block}

/* ===== 响应式 ===== */
@media(max-width:980px){
  .product_list .pro-grid,.case_list .pro-grid{grid-template-columns:repeat(2,1fr)}
  .news_list .news{grid-template-columns:repeat(2,1fr)}
  footer.site .foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  header.site .nav .navbar-toggle{display:block}
  header.site .nav .navbar-collapse{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:10px}
  header.site .nav .navbar-collapse.in,header.site .nav .navbar-collapse.show{display:flex}
  header.site .nav .menu{flex-direction:column;margin-left:0}
  header.site .nav .cta{margin:8px 16px 14px}
  .product_list .pro-grid,.case_list .pro-grid,.news_list .news{grid-template-columns:1fr}
  footer.site .foot-grid{grid-template-columns:1fr}
  .about_head,.product_head,.case_head,.news_head,.advantage_head,.cooperation_head{margin-bottom:28px}
}