/* 送晓传媒 全站样式 — 参考站 /10964/ (红色 #d82019 企业集团模板) */
* { margin:0; padding:0; box-sizing:border-box; }
html,body { font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif; color:#34364b; font-size:14px; line-height:1.7; background:#fff; }
a { color:#34364b; text-decoration:none; transition:color .25s; }
a:hover { color:#d82019; }
img { display:block; max-width:100%; border:0; }
ul,ol,li { list-style:none; }
.clearfix::after { content:""; display:block; clear:both; }
.wrap { width:100%; max-width:1200px; margin:0 auto; padding:0 15px; }
:root { --red:#d82019; --red2:#e31a13; --dark:#34364b; --gray2:#58596d; --txt:#4c4c4c; --mt:#929292; --bd:#e3e3eb; --bg:#f1f4f9; --bg2:#f6f6f6; }

/* 通用标记类(组合使用) */
.img-fallback {}
.share,.share-tip,.booleft,.bottomnav,.fcol,.fcol-about,.fcol-nav,.fcol-pro,.fcol-contact,.fcol-qr,
.line,.smore-wrap,.pmore,.ccnum,.habout-badge,.mask,.pf-l,.pf-r,.returnlist,.cico,.ci-card,.ci-tel,.ci-mail,.ci-addr,.ci-qr,
.t-dot,.t-year,.t-txt,.pb-tit,.pcont,.ptop,.pimg,.pinfo,.pmeta,.pdesc,.pblock,.pfeat,.pfeat i,.relate,.pdetail,
.side-contact,.sc-tel,.sc-num,.sc-addr,.mr-title,.mr-body,.nlist dl,.nlist dt,.nlist dd,
.sm,.habout-l,.habout-r,.stit-l,.hstats,.cform,.cinfo,.ci-card p {}

/* ===== 顶部 topbox > lotbox + menubox ===== */
.topbox { background:#fff; border-bottom:1px solid var(--bd); position:relative; z-index:50; }
.lotbox { max-width:1200px; margin:0 auto; padding:14px 15px; display:flex; align-items:center; justify-content:space-between; }
.logo { display:flex; align-items:center; gap:12px; }
.logo-ico { flex:0 0 auto; }
.logo-txt { display:flex; flex-direction:column; line-height:1.1; }
.logo-txt b { font-size:26px; font-weight:700; color:var(--dark); letter-spacing:1px; }
.logo-txt i { font-size:12px; color:var(--mt); letter-spacing:3px; font-style:normal; margin-top:4px; font-family:'Montserrat',Arial; }
.htop { display:flex; align-items:center; }
.htel { display:flex; flex-direction:column; align-items:flex-end; line-height:1.2; }
.htel-l { font-size:12px; color:var(--mt); }
.htel em { font-size:24px; font-weight:700; color:var(--red); font-style:normal; font-family:'Montserrat',Arial; }
.menubox { background:var(--red); }
#nav { max-width:1200px; margin:0 auto; padding:0 15px; display:flex; }
#nav li { position:relative; }
#nav .nava { display:block; padding:0 30px; line-height:54px; font-size:16px; color:#fff; font-weight:500; }
#nav .nava:hover,#nav .nava.on { background:var(--red2); }
.menu-btn { display:none; }

/* 二级下拉 */
.common-nav2 { display:none; position:absolute; left:0; top:54px; min-width:170px; z-index:60; }
.common-nav2 i { position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; border-top:2px solid var(--red); box-shadow:0 6px 16px rgba(0,0,0,.12); z-index:-1; }
.common-nav2_in { position:relative; padding:6px 0; }
.common-nav2_in div a { display:block; padding:0 18px; line-height:40px; color:var(--dark); font-size:14px; border-bottom:1px dashed var(--bd); white-space:nowrap; }
.common-nav2_in div:last-child a { border-bottom:0; }
.common-nav2_in div a:hover { color:var(--red); padding-left:24px; }
#nav li:hover .common-nav2 { display:block; }

/* ===== Banner ===== */
.banner { position:relative; overflow:hidden; background:#000; }
.banner .bd { height:560px; }
.banner .bd li { position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; transition:opacity .8s; }
.banner .bd li.on { opacity:1; }
.banner .bd li img { width:100%; height:100%; object-fit:cover; }
.slide-mask { position:absolute; inset:0; background:linear-gradient(90deg,rgba(52,54,75,.78) 0%,rgba(52,54,75,.25) 55%,rgba(0,0,0,0) 100%); }
.slide-txt { position:absolute; left:8%; top:50%; transform:translateY(-50%); color:#fff; max-width:560px; }
.slide-txt b { display:block; font-size:48px; font-weight:700; letter-spacing:2px; text-shadow:0 2px 12px rgba(0,0,0,.4); }
.slide-txt p { margin-top:18px; font-size:18px; opacity:.92; }
.banner .hd { position:absolute; left:50%; bottom:24px; transform:translateX(-50%); display:flex; gap:10px; }
.banner .hd li { width:36px; height:4px; background:rgba(255,255,255,.45); cursor:pointer; transition:all .3s; }
.banner .hd li.on { background:var(--red); width:56px; }
.banner .prev,.banner .next { display:none; }

/* ===== 通用区块/标题 ===== */
.sec { padding:70px 0; }
.stit { text-align:center; margin-bottom:42px; }
.stit h2 { font-size:32px; font-weight:700; color:var(--dark); letter-spacing:2px; }
.stit i { display:block; font-size:14px; color:var(--mt); letter-spacing:4px; font-style:normal; margin-top:8px; font-family:'Montserrat',Arial; text-transform:uppercase; }
.stit .line { display:block; width:56px; height:3px; background:var(--red); margin:16px auto 0; }
.smore { display:inline-flex; align-items:center; gap:6px; padding:10px 26px; border:1px solid var(--red); color:var(--red); font-size:14px; border-radius:2px; transition:all .3s; }
.smore:hover { background:var(--red); color:#fff; }
.smore i { display:inline-block; width:6px; height:6px; border-top:1.5px solid currentColor; border-right:1.5px solid currentColor; transform:rotate(45deg); }
.smore-wrap { text-align:center; margin-top:42px; }
.fade-in { opacity:0; transform:translateY(28px); transition:opacity .7s,transform .7s; }
.fade-in.in { opacity:1; transform:none; }

/* ===== 首页 新闻资讯 ===== */
.hnews { background:#fff; }
.hnews-list { display:flex; flex-direction:column; gap:24px; }
.hnews-item { display:flex; gap:26px; background:var(--bg); padding:20px; border-radius:4px; transition:all .3s; border:1px solid transparent; }
.hnews-item:hover { background:#fff; border-color:var(--bd); box-shadow:0 8px 24px rgba(52,54,75,.1); transform:translateY(-3px); }
.hnews-item .pic { flex:0 0 280px; height:180px; overflow:hidden; border-radius:4px; }
.hnews-item .pic img { width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.hnews-item:hover .pic img { transform:scale(1.06); }
.hnews-item .txt { flex:1; display:flex; flex-direction:column; justify-content:center; }
.hnews-item .txt h3 { font-size:20px; color:var(--dark); font-weight:600; margin-bottom:10px; transition:color .3s; }
.hnews-item:hover .txt h3 { color:var(--red); }
.hnews-item .txt .date { font-size:13px; color:var(--mt); font-family:'Montserrat',Arial; }
.hnews-item .txt p { margin-top:10px; color:#666; line-height:1.85; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }

/* ===== 首页 关于 ===== */
.habout { background:var(--bg); }
.habout .habout-l { float:left; width:46%; position:relative; }
.habout .habout-l img { width:100%; height:420px; object-fit:cover; border-radius:4px; }
.habout-badge { position:absolute; right:-26px; bottom:30px; background:var(--red); color:#fff; padding:24px 26px; text-align:center; border-radius:4px; box-shadow:0 10px 24px rgba(216,32,25,.3); }
.habout-badge b { display:block; font-size:42px; font-weight:700; font-family:'Montserrat',Arial; line-height:1; }
.habout-badge span { display:block; font-size:13px; margin-top:8px; opacity:.95; line-height:1.5; }
.habout .habout-r { float:right; width:50%; }
.habout-r p { color:#666; line-height:1.95; margin-bottom:16px; text-align:justify; }
.hstats { display:flex; flex-wrap:wrap; gap:18px 30px; margin:26px 0; }
.stat { min-width:90px; }
.stat b { font-size:34px; font-weight:700; color:var(--red); font-family:'Montserrat',Arial; }
.stat em { font-size:14px; color:var(--red); font-style:normal; }
.stat p { font-size:13px; color:var(--mt); margin:4px 0 0; }
.stit-l { text-align:left; margin-bottom:24px; }
.stit-l .line { margin-left:0; }

/* ===== 首页 产品分类 ===== */
.hcat { background:#fff; }
.hcat-list { display:flex; gap:28px; }
.cat-card { flex:1; position:relative; overflow:hidden; border-radius:4px; }
.cat-card .pic { height:340px; overflow:hidden; }
.cat-card .pic img { width:100%; height:100%; object-fit:cover; transition:transform .6s; }
.cat-card:hover .pic img { transform:scale(1.08); }
.cat-card .cap { position:absolute; left:0; bottom:0; width:100%; padding:22px; background:linear-gradient(transparent,rgba(0,0,0,.72)); color:#fff; }
.cat-card .ccnum { font-size:13px; color:rgba(255,255,255,.7); font-family:'Montserrat',Arial; }
.cat-card .cap h3 { font-size:22px; font-weight:600; margin:4px 0; }
.cat-card .cap i { font-size:12px; color:rgba(255,255,255,.8); letter-spacing:2px; font-style:normal; }

/* ===== 首页 新品/媒体资源 ===== */
.hprod { background:var(--bg); }
.hprod-grid { display:flex; flex-wrap:wrap; gap:24px; }
.prod-card { flex:0 0 calc(33.333% - 16px); background:#fff; border-radius:4px; overflow:hidden; transition:all .3s; }
.prod-card:hover { box-shadow:0 10px 28px rgba(52,54,75,.14); transform:translateY(-5px); }
.prod-card .pic { height:240px; overflow:hidden; }
.prod-card .pic img { width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.prod-card:hover .pic img { transform:scale(1.07); }
.prod-card h3 { font-size:17px; color:var(--dark); text-align:center; padding:18px 12px 6px; font-weight:600; }
.prod-card .pmore { display:block; text-align:center; color:var(--mt); font-size:13px; padding-bottom:18px; }
.prod-card:hover .pmore { color:var(--red); }

/* ===== 首页 解决方案 ===== */
.hsol { background:#fff; }
.hsol-grid { display:flex; gap:22px; }
.sol-card { flex:1; position:relative; height:300px; overflow:hidden; border-radius:4px; }
.sol-card .pic img { width:100%; height:100%; object-fit:cover; transition:transform .6s; }
.sol-card:hover .pic img { transform:scale(1.08); }
.sol-card .mask { position:absolute; inset:0; background:linear-gradient(transparent 30%,rgba(216,32,25,.85)); display:flex; flex-direction:column; justify-content:flex-end; padding:24px; color:#fff; opacity:.9; transition:opacity .3s; }
.sol-card:hover .mask { opacity:1; }
.sol-card .mask h3 { font-size:20px; font-weight:600; }
.sol-card .mask i { font-size:12px; letter-spacing:2px; font-style:normal; opacity:.9; margin-top:4px; }

/* ===== 首页 合作伙伴 ===== */
.hpart { background:var(--bg); }
.hpart-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.part-item { height:96px; display:flex; align-items:center; justify-content:center; background:#fff; border:1px solid var(--bd); border-radius:4px; font-size:18px; font-weight:600; color:var(--gray2); letter-spacing:1px; transition:all .3s; }
.part-item:hover { color:var(--red); border-color:var(--red); transform:translateY(-3px); box-shadow:0 8px 18px rgba(216,32,25,.14); }

/* ===== 友情链接 / 页脚 ===== */
.friendlink { background:var(--bg); padding:14px 0; border-top:1px solid var(--bd); color:var(--mt); font-size:13px; }
.friendlink a { color:var(--dark); margin-right:14px; opacity:.8; }
.friendlink a:hover { color:var(--red); opacity:1; }
.foot { background:#fff; border-top:3px solid var(--red); }
.fmain { max-width:1200px; margin:0 auto; padding:0 15px; }
.bottomnav { display:flex; flex-wrap:wrap; gap:6px 28px; padding:22px 0; border-bottom:1px solid var(--bd); }
.bottomnav a { color:var(--dark); font-size:14px; }
.bottomnav a:hover { color:var(--red); }
.footcols { padding:40px 0; display:flex; flex-wrap:wrap; gap:30px; }
.fcol { flex:1; min-width:150px; }
.fcol-about { flex:1.6; }
.fcol h4 { font-size:16px; color:var(--dark); margin-bottom:16px; font-weight:600; padding-left:12px; border-left:3px solid var(--red); }
.fcol p,.fcol a { color:#666; font-size:13px; line-height:2.1; }
.fcol p b { color:var(--dark); font-weight:500; }
.fcol a { display:block; }
.fcol a:hover { color:var(--red); }
.fcol-about p { line-height:1.9; }
.fcol-qr img { margin:4px 0 8px; border:6px solid #fff; box-shadow:0 0 0 1px var(--bd); }
.bootTxt { border-top:1px solid var(--bd); padding:18px 0; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; }
.booleft { color:var(--mt); font-size:12px; line-height:1.9; }
.booleft a { color:var(--mt); }
.booleft a:hover { color:var(--red); }
.share-tip { color:var(--mt); font-size:13px; }

/* ===== 浮动工具 ===== */
.c-tools { position:fixed; right:14px; top:50%; transform:translateY(-50%); z-index:80; }
.c-tools ul { display:flex; flex-direction:column; gap:2px; }
.c-tools li { width:54px; height:54px; background:var(--dark); position:relative; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.c-tools li:hover { background:var(--red); }
.c-tools li::before { content:""; width:22px; height:22px; background-size:contain; background-repeat:no-repeat; background-position:center; opacity:.95; }
.tel-ico::before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.4.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.6 21 3 13.4 3 4c0-.6.4-1 1-1h3.4c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.4 0 .8-.3 1l-2.1 2.2z'/%3E%3C/svg%3E"); }
.ewm-ico::before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M3 3h7v7H3V3zm2 2v3h3V5H5zm9-2h7v7h-7V3zm2 2v3h3V5h-3zM3 14h7v7H3v-7zm2 2v3h3v-3H5zm9-2h3v3h-3v-3zm5 0h2v2h-2v-2zm-5 5h3v2h-3v-2zm5 0h2v2h-2v-2zm0-3h2v2h-2v-2z'/%3E%3C/svg%3E"); }
.top-ico::before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M12 4l8 8h-5v8H9v-8H4l8-8z'/%3E%3C/svg%3E"); }
.c-tools li span { position:absolute; right:60px; top:0; min-width:140px; height:54px; line-height:54px; background:var(--red); color:#fff; text-align:center; font-size:13px; padding:0 14px; white-space:nowrap; opacity:0; pointer-events:none; transition:opacity .3s; }
.c-tools li:hover span { opacity:1; }
.ewmPic { position:absolute; right:60px; top:-10px; background:#fff; padding:8px; display:none; box-shadow:0 6px 18px rgba(0,0,0,.16); }
.ewm-ico:hover .ewmPic { display:block; opacity:1; }
.ewmPic img { width:120px; height:120px; }
.go_top { position:fixed; right:14px; bottom:30px; width:46px; height:46px; background:var(--dark); color:#fff; display:none; align-items:center; justify-content:center; font-size:20px; cursor:pointer; z-index:80; }
.go_top:hover { background:var(--red); }

/* ===== 内页 banner + 面包屑 ===== */
.n-banner { height:300px; background-size:cover; background-position:center; position:relative; }
.n-banner-mask { position:absolute; inset:0; background:linear-gradient(rgba(52,54,75,.55),rgba(52,54,75,.55)); }
.ntit { background:var(--bg); border-bottom:1px solid var(--bd); }
.ntit .wrap { display:flex; align-items:center; justify-content:space-between; padding:18px 15px; }
.ntt h1 { font-size:24px; color:var(--dark); font-weight:600; }
.ntt i { display:block; font-size:12px; color:var(--mt); letter-spacing:3px; font-style:normal; margin-top:4px; font-family:'Montserrat',Arial; text-transform:uppercase; }
.weiz { font-size:13px; color:var(--mt); }
.weiz a { color:var(--gray2); }
.weiz a:hover { color:var(--red); }

/* ===== 内页 主体(侧栏 + 右栏) ===== */
.mwrap { padding:40px 0 60px; }
.sidebar { float:left; width:230px; }
.sidebar > h4 { background:var(--red); color:#fff; font-size:18px; font-weight:600; padding:16px 20px; }
.sideMenu h3 a { display:block; padding:0 20px; line-height:48px; background:#fff; border:1px solid var(--bd); border-top:0; font-size:15px; color:var(--dark); transition:all .25s; }
.sideMenu h3 a:hover,.sideMenu h3 a.on { background:var(--bg); color:var(--red); padding-left:28px; border-left:3px solid var(--red); }
.side-contact { margin-top:24px; background:var(--dark); color:#fff; padding:24px 20px; }
.sc-tel { font-size:13px; opacity:.85; }
.sc-num { font-size:24px; font-weight:700; color:#fff; font-family:'Montserrat',Arial; margin:6px 0 12px; }
.sc-addr { font-size:13px; opacity:.8; line-height:1.7; }
.mainright { float:right; width:calc(100% - 260px); }
.mr-title { border-bottom:1px solid var(--bd); margin-bottom:24px; }
.mr-title h2 { display:inline-block; font-size:20px; color:var(--dark); font-weight:600; padding:0 4px 14px; border-bottom:3px solid var(--red); margin-bottom:-1px; }
.mr-body { margin-bottom:36px; }
.mr-body p { color:#666; line-height:2; margin-bottom:14px; text-align:justify; }

/* ===== 产品列表 ===== */
.photo { display:flex; flex-wrap:wrap; gap:22px; }
.photo li { flex:0 0 calc(33.333% - 15px); background:#fff; border:1px solid var(--bd); transition:all .3s; }
.photo li:hover { border-color:var(--red); box-shadow:0 10px 24px rgba(52,54,75,.12); transform:translateY(-4px); }
.photo li .pic { height:200px; overflow:hidden; }
.photo li .pic img { width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.photo li:hover .pic img { transform:scale(1.07); }
.ptext { padding:16px 16px 20px; }
.ptext h3 { font-size:16px; color:var(--dark); margin-bottom:8px; font-weight:600; transition:color .3s; }
.photo li:hover .ptext h3 { color:var(--red); }
.ptext p { color:var(--mt); font-size:13px; line-height:1.7; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-bottom:12px; }
.ptext .pmore { color:var(--red); font-size:13px; }

/* ===== 产品详情 ===== */
.ptop { margin-bottom:30px; }
.pimg { float:left; width:46%; border:1px solid var(--bd); }
.pimg img { width:100%; height:auto; }
.pinfo { float:right; width:50%; }
.pinfo h2 { font-size:26px; color:var(--dark); font-weight:600; line-height:1.4; margin-bottom:16px; }
.pmeta { color:var(--mt); font-size:13px; padding-bottom:14px; border-bottom:1px dashed var(--bd); }
.pdesc { margin:18px 0; }
.pdesc p { color:#666; line-height:1.9; }
.pblock { margin-bottom:30px; }
.pb-tit { font-size:18px; color:var(--dark); font-weight:600; padding-left:14px; border-left:4px solid var(--red); margin-bottom:18px; }
.params table { width:100%; border-collapse:collapse; }
.params td { border:1px solid var(--bd); padding:12px 16px; font-size:14px; }
.params td:first-child { background:var(--bg); color:var(--dark); width:32%; font-weight:500; }
.params td:last-child { color:#666; }
.pfeat { display:flex; flex-wrap:wrap; gap:14px; }
.pfeat li { flex:0 0 calc(33.333% - 10px); display:flex; align-items:center; gap:10px; padding:14px 16px; background:var(--bg); border-radius:4px; font-size:14px; color:var(--dark); }
.pfeat i { flex:0 0 auto; width:20px; height:20px; background:var(--red); border-radius:50%; position:relative; }
.pfeat i::after { content:""; position:absolute; left:6px; top:4px; width:5px; height:10px; border-right:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(45deg); }
.relate { margin-top:10px; }
.relate h3 { font-size:18px; color:var(--dark); font-weight:600; padding-left:14px; border-left:4px solid var(--red); margin-bottom:18px; }
.relate ul { display:flex; flex-wrap:wrap; gap:18px; }
.relate li { flex:0 0 calc(25% - 14px); }
.relate .pic { height:130px; overflow:hidden; border:1px solid var(--bd); }
.relate .pic img { width:100%; height:100%; object-fit:cover; transition:transform .4s; }
.relate li:hover .pic img { transform:scale(1.06); }
.relate h3.t { font-size:14px; color:var(--dark); margin-top:10px; padding:0; border:0; font-weight:500; }

/* ===== 新闻列表 ===== */
.nlist dl { display:flex; gap:24px; padding:24px 0; border-bottom:1px solid var(--bd); }
.nlist dl:first-child { padding-top:0; }
.nlist dt { flex:0 0 280px; }
.nlist dt a { display:block; height:180px; overflow:hidden; }
.nlist dt img { width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.nlist dl:hover dt img { transform:scale(1.06); }
.nlist dd { flex:1; display:flex; flex-direction:column; justify-content:center; }
.nlist dd h3 { font-size:19px; color:var(--dark); font-weight:600; margin-bottom:10px; transition:color .3s; }
.nlist dl:hover dd h3 { color:var(--red); }
.nlist dd .date { font-size:13px; color:var(--mt); font-family:'Montserrat',Arial; }
.nlist dd p { color:#666; line-height:1.85; margin:10px 0 16px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.smore.sm { align-self:flex-start; padding:7px 18px; font-size:13px; }

/* ===== 新闻详情 ===== */
.article h1 { font-size:26px; color:var(--dark); font-weight:600; text-align:center; line-height:1.5; margin-bottom:14px; }
.ainfo { text-align:center; color:var(--mt); font-size:13px; padding-bottom:18px; border-bottom:1px solid var(--bd); margin-bottom:24px; }
.acontent p { color:#555; line-height:2; margin-bottom:18px; text-indent:2em; text-align:justify; }
.acontent img { width:100%; max-width:760px; margin:10px auto 22px; border-radius:4px; }
.pagef { display:flex; justify-content:space-between; gap:30px; padding:24px 0; border-top:1px solid var(--bd); margin-top:10px; }
.pf-l,.pf-r { flex:1 1 0; min-width:0; }
.pf-l a,.pf-r a,.pf-l span,.pf-r span { display:block; color:var(--gray2); font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pf-r { text-align:right; }
.pagef a:hover { color:var(--red); }
.returnlist { text-align:center; }
.returnlist a { display:inline-block; padding:8px 26px; border:1px solid var(--bd); color:var(--dark); border-radius:2px; }
.returnlist a:hover { background:var(--red); color:#fff; border-color:var(--red); }

/* ===== 关于我们 ===== */
.about-intro {}
.timeline ul { position:relative; padding-left:24px; }
.timeline ul::before { content:""; position:absolute; left:5px; top:6px; bottom:6px; width:2px; background:var(--bd); }
.timeline li { position:relative; padding:0 0 26px 26px; }
.t-dot { position:absolute; left:-24px; top:6px; width:12px; height:12px; background:var(--red); border-radius:50%; box-shadow:0 0 0 4px #fff,0 0 0 5px var(--red); }
.t-year { display:block; font-size:22px; color:var(--red); font-weight:700; font-family:'Montserrat',Arial; }
.t-txt h3 { font-size:16px; color:var(--dark); font-weight:600; margin:4px 0 6px; }
.t-txt p { color:#666; line-height:1.8; }
.culture { display:flex; gap:24px; }
.cul-card { flex:1; background:var(--bg); padding:36px 26px; text-align:center; border-radius:4px; transition:all .3s; border-top:3px solid transparent; }
.cul-card:hover { background:#fff; box-shadow:0 10px 26px rgba(52,54,75,.12); border-top-color:var(--red); transform:translateY(-4px); }
.cul-card .cico { width:60px; height:60px; margin:0 auto 18px; background:var(--red); border-radius:50%; position:relative; }
.cul-card .cico::after { content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:26px; height:26px; background-size:contain; background-repeat:no-repeat; }
.cul-card h3 { font-size:18px; color:var(--dark); margin-bottom:10px; }
.cul-card p { color:#666; line-height:1.8; }
.team-grid { display:flex; flex-wrap:wrap; gap:20px; }
.team-item { flex:0 0 calc(33.333% - 14px); text-align:center; }
.team-item img { width:100%; height:240px; object-fit:cover; border-radius:4px; transition:all .3s; }
.team-item:hover img { transform:scale(1.03); box-shadow:0 10px 24px rgba(52,54,75,.16); }
.team-item h3 { font-size:18px; color:var(--dark); margin-top:14px; }
.team-item p { color:var(--mt); font-size:13px; }

/* ===== 联系我们 ===== */
.contact-wrap {}
.cinfo { display:flex; flex-wrap:wrap; gap:18px; margin-bottom:30px; }
.ci-card { flex:0 0 calc(50% - 9px); background:var(--bg); padding:24px; display:flex; align-items:center; gap:18px; border-radius:4px; }
.cico { flex:0 0 auto; width:50px; height:50px; background:var(--red); border-radius:50%; position:relative; }
.ci-card h4 { font-size:15px; color:var(--mt); font-weight:500; }
.ci-card p { font-size:17px; color:var(--dark); font-weight:600; margin-top:2px; }
.ci-card img { width:80px; height:80px; }
.cform { background:var(--bg); padding:30px; border-radius:4px; }
.cform h3 { font-size:20px; color:var(--dark); margin-bottom:20px; padding-left:12px; border-left:4px solid var(--red); }
.cform .row { margin-bottom:16px; }
.cform label { display:block; font-size:14px; color:var(--dark); margin-bottom:6px; }
.cform input,.cform textarea { width:100%; padding:11px 14px; border:1px solid var(--bd); border-radius:2px; font-size:14px; font-family:inherit; background:#fff; }
.cform input:focus,.cform textarea:focus { outline:none; border-color:var(--red); }
.cform textarea { height:110px; resize:vertical; }
.cform button { padding:12px 40px; background:var(--red); color:#fff; border:0; font-size:15px; cursor:pointer; border-radius:2px; transition:background .3s; }
.cform button:hover { background:var(--red2); }

/* ===== 响应式 ===== */
@media (max-width:1024px) {
  .wrap { padding:0 20px; }
  .habout-l,.habout-r,.pimg,.pinfo { float:none; width:100%; }
  .habout-r { margin-top:24px; }
  .pinfo { margin-top:18px; }
  .habout-badge { right:20px; }
  .mainright { width:calc(100% - 250px); }
}
@media (max-width:768px) {
  .lotbox { padding:12px 20px; }
  .logo-txt b { font-size:20px; }
  .logo-txt i { font-size:10px; }
  .htel em { font-size:16px; }
  .menu-btn { display:flex; flex-direction:column; justify-content:center; gap:5px; width:38px; height:38px; background:transparent; border:0; cursor:pointer; position:absolute; right:16px; top:14px; z-index:70; }
  .menu-btn span { display:block; width:24px; height:3px; background:#fff; margin:0 auto; transition:all .3s; }
  .menubox { position:relative; }
  #nav { display:none; position:absolute; left:0; top:0; width:100%; flex-direction:column; background:var(--red); padding:0; }
  #nav.open { display:flex; }
  #nav .nava { padding:0 24px; line-height:48px; border-bottom:1px solid rgba(255,255,255,.12); }
  .common-nav2 { position:static; }
  .common-nav2 i { display:none; }
  .common-nav2_in { padding:0 0 6px; background:var(--red2); }
  .common-nav2_in div a { color:#fff; border:0; line-height:36px; }
  .banner .bd { height:300px; }
  .slide-txt { left:6%; max-width:88%; }
  .slide-txt b { font-size:28px; }
  .slide-txt p { font-size:14px; margin-top:10px; }
  .sec { padding:44px 0; }
  .stit { margin-bottom:28px; }
  .stit h2 { font-size:24px; }
  .hnews-item { flex-direction:column; gap:14px; }
  .hnews-item .pic { flex:none; width:100%; height:200px; }
  .hcat-list { flex-direction:column; }
  .cat-card .pic { height:220px; }
  .prod-card { flex:0 0 calc(50% - 12px); }
  .hsol-grid { flex-wrap:wrap; }
  .sol-card { flex:0 0 calc(50% - 11px); height:200px; }
  .hpart-grid { grid-template-columns:repeat(2,1fr); }
  .hstats { gap:14px 22px; }
  .footcols { gap:24px; }
  .fcol { flex:0 0 calc(50% - 12px); }
  .bootTxt { flex-direction:column; }
  .c-tools { display:none; }
  .sidebar { float:none; width:100%; margin-bottom:24px; }
  .mainright { float:none; width:100%; }
  .photo li { flex:0 0 calc(50% - 11px); }
  .relate li { flex:0 0 calc(50% - 9px); }
  .culture { flex-direction:column; }
  .team-item { flex:0 0 calc(50% - 10px); }
  .ci-card { flex:0 0 100%; }
  .acontent p { text-indent:1.5em; }
}
@media (max-width:480px) {
  .prod-card,.photo li,.team-item,.sol-card { flex:0 0 100%; }
  .hpart-grid { grid-template-columns:1fr; }
  .pagef { flex-direction:column; gap:10px; }
  .pf-r { text-align:left; }
}