/* ============================================================
   福恒生家庭医护网 - 电脑版样式 style.css
   纯静态站点 · 无任何框架依赖
   ============================================================ */
:root{
  --blue:#1e6fc9; --blue-dark:#155aa8; --blue-deep:#0f3f78;
  --ink:#333; --gray:#777; --line:#e8e8e8; --bg:#f6f8fb;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;color:var(--ink);background:#fff;font-size:15px;line-height:1.7;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
img{display:block;max-width:100%;}
.wrap{width:1200px;margin:0 auto;}
.clearfix::after{content:"";display:table;clear:both;}

/* ---------- 顶部通栏 ---------- */
.topbar{background:#f2f5f9;border-bottom:1px solid var(--line);font-size:13px;color:#888;}
.topbar .wrap{display:flex;justify-content:space-between;height:34px;align-items:center;}
.topbar .hot{color:var(--blue);font-weight:bold;}

/* ---------- 头部导航 ---------- */
.header{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.05);position:sticky;top:0;z-index:100;}
.header .wrap{display:flex;align-items:center;justify-content:space-between;height:88px;}
.logo img{height:58px;}
.nav{display:flex;}
.nav>li{position:relative;}
.nav>li>a{display:block;padding:0 26px;line-height:88px;font-size:16px;color:#333;transition:.2s;}
.nav>li>a:hover,.nav>li.active>a{color:#fff;background:var(--blue);}
.subnav{position:absolute;left:0;top:88px;background:#fff;min-width:160px;box-shadow:0 6px 16px rgba(0,0,0,.12);opacity:0;visibility:hidden;transition:.25s;z-index:99;}
.nav>li:hover .subnav{opacity:1;visibility:visible;}
.subnav a{display:block;padding:11px 20px;font-size:14px;border-bottom:1px solid #f2f2f2;}
.subnav a:hover{background:var(--bg);color:var(--blue);}

/* ---------- 轮播 ---------- */
.banner{position:relative;overflow:hidden;}
.slides{position:relative;height:560px;}
.slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .8s;}
.slide.on{opacity:1;}
.banner .dots{position:absolute;bottom:22px;left:0;right:0;text-align:center;z-index:5;}
.banner .dots i{display:inline-block;width:34px;height:4px;margin:0 6px;background:rgba(255,255,255,.5);cursor:pointer;transition:.3s;}
.banner .dots i.on{background:#fff;}
.banner .arr{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;line-height:48px;text-align:center;background:rgba(0,0,0,.25);color:#fff;font-size:24px;cursor:pointer;z-index:5;user-select:none;transition:.2s;border-radius:50%;}
.banner .arr:hover{background:var(--blue);}
.banner .prev{left:24px;} .banner .next{right:24px;}

/* ---------- 特性条 ---------- */
.features{background:linear-gradient(90deg,#1e6fc9,#3f96e8);color:#fff;}
.features .wrap{display:flex;}
.features .item{flex:1;text-align:center;padding:30px 10px;}
.features img{width:56px;height:56px;margin:0 auto 10px;filter:brightness(0) invert(1);}
.features .t{font-size:16px;}

/* ---------- 通用栏目 ---------- */
.section{padding:64px 0;}
.sec-head{text-align:center;margin-bottom:40px;}
.sec-head h2{font-size:32px;color:#222;font-weight:normal;letter-spacing:2px;}
.sec-head .dash{width:56px;height:3px;background:var(--blue);margin:14px auto 0;}

/* ---------- 产品卡片 ---------- */
.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;}
.prod-card{border:1px solid var(--line);background:#fff;transition:.25s;overflow:hidden;}
.prod-card:hover{transform:translateY(-6px);box-shadow:0 12px 26px rgba(30,111,201,.15);border-color:var(--blue);}
.prod-card .pic{height:210px;display:flex;align-items:center;justify-content:center;padding:14px;background:#fff;}
.prod-card .pic img{max-height:100%;object-fit:contain;}
.prod-card .info{padding:16px;border-top:1px solid #f1f4f8;text-align:center;}
.prod-card .name{font-size:15px;height:48px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.prod-card .more{display:inline-block;margin-top:10px;font-size:13px;color:var(--blue);border:1px solid var(--blue);padding:4px 18px;border-radius:20px;transition:.2s;}
.prod-card:hover .more{background:var(--blue);color:#fff;}
.center{text-align:center;}
.btn{display:inline-block;background:var(--blue);color:#fff;padding:12px 44px;font-size:15px;border-radius:4px;transition:.2s;border:none;cursor:pointer;}
.btn:hover{background:#155aa8;}
.btn.ghost{background:#fff;color:var(--blue);border:1px solid var(--blue);}

/* ---------- 产品/服务体系 ---------- */
.svc-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;}
.svc-card{background:var(--bg);padding:44px 40px;position:relative;overflow:hidden;}
.svc-card::before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:var(--blue);}
.svc-card h3{font-size:24px;margin-bottom:14px;}
.svc-card p{color:#666;margin-bottom:24px;}

/* ---------- 新闻 ---------- */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.news-card{border:1px solid var(--line);padding:28px 26px;transition:.25s;background:#fff;display:block;}
.news-card:hover{box-shadow:0 10px 24px rgba(0,0,0,.08);border-color:var(--blue);}
.news-card .date{color:#aaa;font-size:13px;}
.news-card h3{font-size:17px;margin:10px 0;line-height:1.5;height:52px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news-card p{color:#888;font-size:13px;height:66px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.news-card .tag{display:inline-block;margin-top:14px;font-size:12px;color:var(--blue);background:#eaf3fd;padding:3px 12px;border-radius:3px;}

/* ---------- 网上商城 ---------- */
.mall-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.mall-card{border:1px solid var(--line);display:flex;align-items:center;padding:22px;gap:20px;transition:.25s;background:#fff;}
.mall-card:hover{box-shadow:0 10px 24px rgba(0,0,0,.08);}
.mall-card img{width:120px;height:120px;object-fit:contain;border:1px solid #f0f0f0;}
.mall-card h4{font-size:17px;color:var(--blue);margin-bottom:8px;}
.mall-card li{font-size:13px;color:#777;line-height:1.9;}

/* ---------- 合作伙伴 ---------- */
.partners{background:var(--bg);}
.partner-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;}
.partner-grid .cell{background:#fff;border:1px solid #eee;height:110px;display:flex;align-items:center;justify-content:center;padding:16px;transition:.25s;}
.partner-grid .cell:hover{border-color:var(--blue);}
.partner-grid img{max-height:78px;object-fit:contain;}

/* ---------- 页脚 ---------- */
.footer-slogan{background:var(--blue);color:#fff;text-align:center;font-size:22px;letter-spacing:4px;padding:22px 0;}
.footer{background:#17304d;color:#9fb3c8;font-size:13px;}
.footer .cols{display:grid;grid-template-columns:2fr 1.2fr 1.6fr 1.6fr;gap:36px;padding:46px 0 36px;}
.footer h4{color:#fff;font-size:16px;margin-bottom:16px;font-weight:normal;}
.footer .about-txt{line-height:2;text-align:justify;}
.footer li{line-height:2.1;}
.footer li a:hover{color:#fff;}
.footer .qr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.footer .qr-grid .q{text-align:center;}
.footer .qr-grid img{width:84px;height:84px;background:#fff;padding:4px;margin:0 auto 6px;}
.copyright{border-top:1px solid rgba(255,255,255,.12);text-align:center;padding:16px 0;font-size:12px;color:#7b93ab;}

/* ---------- 内页 ---------- */
.page-banner{height:220px;background:linear-gradient(120deg,#1e6fc9,#4a9ae8);color:#fff;display:flex;align-items:center;}
.page-banner h1{font-size:30px;font-weight:normal;letter-spacing:2px;}
.crumb{padding:16px 0;border-bottom:1px solid var(--line);color:#999;font-size:13px;}
.crumb a{color:#999;} .crumb a:hover{color:var(--blue);}
.layout{display:grid;grid-template-columns:230px 1fr;gap:34px;padding:40px 0 70px;}
.side-menu{border:1px solid var(--line);}
.side-menu .hd{background:var(--blue);color:#fff;padding:13px 18px;font-size:16px;}
.side-menu a{display:block;padding:12px 18px;border-bottom:1px solid #f2f2f2;font-size:14px;}
.side-menu a.on,.side-menu a:hover{background:var(--bg);color:var(--blue);}
.rich{font-size:15px;color:#444;}
.rich p{margin:14px 0;text-align:justify;}
.rich h3{margin:26px 0 8px;font-size:19px;color:#1a1a1a;border-left:4px solid var(--blue);padding-left:12px;}
.rich ul{margin:10px 0 10px 8px;}
.rich li{margin:7px 0;padding-left:18px;position:relative;}
.rich li::before{content:"";position:absolute;left:0;top:12px;width:7px;height:7px;background:var(--blue);border-radius:50%;}
.rich strong{color:#1a1a1a;}

/* 产品列表 tabs */
.tabs{margin-bottom:28px;}
.tabs button{padding:9px 34px;margin-right:14px;background:#fff;border:1px solid var(--line);cursor:pointer;font-size:15px;border-radius:3px;}
.tabs button.on{background:var(--blue);color:#fff;border-color:var(--blue);}

/* 产品详情 */
.prod-detail{display:grid;grid-template-columns:460px 1fr;gap:44px;padding:44px 0;}
.prod-detail .pic{border:1px solid var(--line);padding:30px;display:flex;align-items:center;justify-content:center;}
.prod-detail h1{font-size:26px;font-weight:normal;line-height:1.5;}
.prod-detail .tag{color:#888;margin:14px 0 20px;padding-bottom:20px;border-bottom:1px dashed var(--line);}
.prod-detail .tel{background:var(--bg);padding:18px 22px;margin-bottom:22px;font-size:15px;}
.prod-detail .tel b{color:#d33;font-size:22px;}
.svc-list li{position:relative;padding-left:24px;margin:9px 0;color:#555;}
.svc-list li::before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:bold;}
.pn-nav{display:flex;border-top:1px solid var(--line);margin-top:40px;padding-top:22px;color:#888;font-size:14px;}
.pn-nav a{max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pn-nav a:hover{color:var(--blue);}
.pn-nav .next{margin-left:auto;text-align:right;}

/* 门店 */
.store-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;padding:40px 0 70px;}
.store-card{border:1px solid var(--line);padding:26px 28px;transition:.25s;background:#fff;}
.store-card:hover{border-color:var(--blue);box-shadow:0 10px 22px rgba(0,0,0,.07);}
.store-card h3{font-size:19px;color:var(--blue);margin-bottom:10px;}
.store-card p{color:#666;font-size:14px;margin:5px 0;}

/* 联系页 */
.contact-block{border:1px solid var(--line);padding:26px 30px;margin-bottom:22px;background:#fff;}
.contact-block h3{color:var(--blue);font-size:19px;margin-bottom:12px;}
.contact-block p{color:#555;margin:5px 0;font-size:14px;}
.contact-block b{color:#d33;}
.msg-form{background:var(--bg);padding:34px 36px;margin:30px 0 70px;}
.msg-form h3{margin-bottom:20px;font-size:20px;}
.msg-form .row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;}
.msg-form input,.msg-form textarea{width:100%;padding:12px 14px;border:1px solid #d8dee6;font-size:14px;font-family:inherit;}
.msg-form textarea{height:120px;resize:vertical;}

/* 悬浮 */
#toTop{position:fixed;right:26px;bottom:60px;width:46px;height:46px;line-height:46px;text-align:center;background:var(--blue);color:#fff;cursor:pointer;display:none;border-radius:4px;z-index:90;}
#toTop:hover{background:#155aa8;}
.float-tel{position:fixed;left:0;right:0;bottom:0;display:none;}

/* 新闻列表 */
.news-list{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;}
.art-title{font-size:26px;font-weight:normal;line-height:1.5;}