/* 西安天智博商贸有限公司 - 全站样式 (基于参考站 1430 红黑工业风还原) */
@charset "utf-8";

/* ========== 设计令牌 ========== */
:root{
  --red:#c3272b;        /* 主红 */
  --red-hover:#bb262a;  /* 悬停红 */
  --red-bright:#de2c30; /* 高亮红 */
  --red-border:#ff1500; /* 红边框 */
  --dark:#1d1d1d;       /* 暗黑(导航/底纹) */
  --black:#090909;      /* 纯黑(底部导航条) */
  --gray-bg:#e6e6e6;    /* 页面灰底 */
  --text:#515d6b;       /* 正文 */
  --text-dk:#343434;    /* 卡片标题 */
  --text-lt:#787878;    /* 次要文字 */
  --yellow:#ffe207;     /* 电话黄 */
  --orange:#ea7724;     /* 分页橙 */
  --wrap:1004px;        /* 主容器宽度 */
}

/* ========== 重置 ========== */
*{box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,h1,h2,h3,h4,font{margin:0;padding:0;border:0;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;}
ul,li,dl,dt,dd,ol{display:block;list-style:none;}
img{border:0;max-width:100%;}
a{text-decoration:none;outline:0;color:var(--text);}
html{overflow-x:hidden;}
.center{text-align:center;}
.fl{float:left;}.fr{float:right;}
.clear{clear:both;height:0;overflow:hidden;}
body{color:var(--text);font-size:12px;overflow-x:hidden;background:var(--gray-bg);font-family:"Microsoft Yahei","微软雅黑",Helvetica,Arial,sans-serif;}

/* ========== 右侧浮动工具栏 ========== */
.fixed{position:fixed;width:55px;right:18px;bottom:140px;z-index:999;}
.fixed a{display:block;width:55px;height:53px;background:var(--dark);border-bottom:1px solid #333;color:#fff;text-align:center;line-height:53px;font-size:20px;transition:.25s;}
.fixed a:hover{background:var(--red-hover);}
.fixed a svg{width:24px;height:24px;vertical-align:middle;fill:#fff;}
.fixed .fixedpop{position:relative;}
.fixed .fixedpop img{position:absolute;right:64px;top:-60px;width:120px;height:120px;display:none;border:4px solid #fff;box-shadow:0 0 12px rgba(0,0,0,.3);}
.fixed .fixedpop:hover img{display:block;}

/* ========== 顶部 head (nav + headtop) ========== */
.head{width:100%;position:relative;}
/* 顶部黑导航条 */
.nav{width:100%;height:53px;background:var(--dark);border-bottom:1px solid #2a2a2a;}
.nav>ul{max-width:var(--wrap);height:53px;margin:0 auto;display:flex;justify-content:center;}
.nav>ul>li{height:53px;position:relative;z-index:9;}
.nav>ul>li>a{display:block;height:53px;padding:0 26px;font-size:15px;color:#fff;line-height:53px;text-align:center;transition:.2s;}
.nav>ul>li>a:hover,.nav>ul>li>a.cur,.nav>ul>li>a.active{background:var(--red-hover);color:#fff;}
.nav>ul>li>p{display:none;position:absolute;top:53px;left:0;min-width:160px;background:rgba(29,29,29,.96);border:1px solid var(--red);border-top:none;z-index:99;}
.nav>ul>li:hover>p{display:block;}
.nav>ul>li>p a{display:block;height:42px;line-height:42px;color:#dcdcdc;font-size:13px;text-align:center;border-bottom:1px solid #333;padding:0 14px;}
.nav>ul>li>p a:hover{background:var(--red-hover);color:#fff;}
/* 移动端汉堡按钮 */
.menubtn{display:none;width:44px;height:53px;background:none;border:none;color:#fff;font-size:26px;cursor:pointer;line-height:53px;}

/* logo + 电话条 */
.headtop{width:100%;background:linear-gradient(180deg,#262626,#1a1a1a);border-top:2px solid var(--red-border);border-bottom:2px solid var(--red-border);}
.headtop p{max-width:var(--wrap);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 0;}
.headtop .logo{display:flex;align-items:center;gap:12px;}
.headtop .logo .logo-ico{width:54px;height:54px;display:flex;align-items:center;justify-content:center;background:var(--red);border-radius:6px;box-shadow:0 2px 8px rgba(195,39,43,.4);}
.headtop .logo .logo-ico svg{width:34px;height:34px;fill:#fff;}
.headtop .logo .logo-txt b{display:block;color:#fff;font-size:24px;font-weight:bold;letter-spacing:1px;line-height:1.1;}
.headtop .logo .logo-txt i{display:block;color:var(--yellow);font-size:13px;font-style:normal;letter-spacing:3px;margin-top:4px;}
.headtop .logo .logo-txt small{display:block;color:#bbb;font-size:12px;letter-spacing:2px;margin-top:2px;}
.headtop .telbox{display:flex;align-items:center;gap:10px;color:#fff;}
.headtop .tel-ico{width:42px;height:42px;border:2px solid var(--red);border-radius:50%;display:flex;align-items:center;justify-content:center;}
.headtop .tel-ico svg{width:22px;height:22px;fill:var(--yellow);}
.headtop .telbox span{font-size:13px;line-height:1.4;}
.headtop .telbox span b{display:block;color:#ddd;}
.headtop .telbox span label{font-family:Impact,Arial,sans-serif;font-size:26px;color:var(--yellow);}

/* ========== Banner 轮播 ========== */
.banner{width:100%;position:relative;background:var(--dark);overflow:hidden;}
.nf_hp_kv{position:relative;width:100%;}
.window{position:relative;width:100%;height:480px;overflow:hidden;}
.kv_item{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;display:none;}
.kv_item:first-child{display:block;}
.kv_item .kvmask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(29,29,29,.72) 0%,rgba(29,29,29,.25) 60%,rgba(29,29,29,0) 100%);}
.kv_item .kvcon{position:relative;max-width:var(--wrap);margin:0 auto;height:100%;display:flex;flex-direction:column;justify-content:center;padding:0 30px;}
.kv-item-cap{max-width:560px;}
.kv-item-cap .kvsub{color:var(--yellow);font-size:15px;letter-spacing:3px;margin-bottom:14px;font-weight:bold;}
.kv-item-cap .kvtt{color:#fff;font-size:40px;font-weight:bold;line-height:1.25;margin-bottom:18px;text-shadow:0 2px 10px rgba(0,0,0,.5);}
.kv-item-cap .kvtxt{color:#e8e8e8;font-size:16px;line-height:1.7;margin-bottom:26px;}
.kv-item-cap .kvbtn{display:inline-block;padding:11px 34px;background:var(--red);color:#fff;font-size:15px;border-radius:3px;transition:.25s;}
.kv-item-cap .kvbtn:hover{background:var(--red-bright);transform:translateX(4px);}
.btn_prev,.btn_next{position:absolute;top:50%;transform:translateY(-50%);z-index:5;}
.btn_prev{left:20px;}.btn_next{right:20px;}
.btn_prev a,.btn_next a{display:block;width:46px;height:46px;background:rgba(29,29,29,.5);border:2px solid rgba(255,255,255,.4);color:#fff;font-size:22px;text-align:center;line-height:42px;border-radius:50%;transition:.25s;}
.btn_prev a:hover,.btn_next a:hover{background:var(--red);border-color:var(--red);}
.banner .kvdot{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:6;display:flex;gap:10px;}
.banner .kvdot span{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:.25s;}
.banner .kvdot span.on{background:var(--red);width:30px;border-radius:6px;}

/* ========== news-about 暗底双栏 ========== */
.news-about{width:100%;background:var(--dark);padding:24px 0;}
.news-about .fra{max-width:var(--wrap);margin:0 auto;display:flex;gap:18px;}
.news{flex:0 0 560px;background:#fff;display:flex;align-items:stretch;}
.icontact{flex:1;background:#fff;display:flex;align-items:stretch;}
.iname{flex:0 0 56px;background:linear-gradient(180deg,var(--red) 0%,#8e1d20 100%);color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 0;}
.iname label{display:block;font-size:20px;font-weight:bold;writing-mode:vertical-rl;letter-spacing:6px;line-height:1.3;}
.iname a{display:block;margin-top:14px;color:#fff;font-size:12px;writing-mode:vertical-rl;letter-spacing:2px;border:1px solid rgba(255,255,255,.5);padding:8px 4px;}
.iname a:hover{background:rgba(0,0,0,.2);}
.news ul{flex:1;padding:8px 16px;}
.news ul li{height:44px;border-bottom:1px dotted #cfcfcf;line-height:44px;font-size:14px;display:flex;align-items:center;justify-content:space-between;}
.news ul li:last-child{border-bottom:none;}
.news ul li a{flex:1;color:var(--text-dk);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.news ul li a:hover{color:var(--red);}
.news ul li span{width:78px;text-align:right;color:#929292;font-size:12px;flex-shrink:0;padding-left:8px;}
.icontact-con{flex:1;padding:16px 18px;line-height:1.9;color:#666;font-size:13px;overflow:hidden;}
.icontact-con h3{font-size:18px;color:var(--text-dk);margin-bottom:10px;font-weight:bold;}
.icontact-con p{margin-bottom:8px;}

/* ========== 通用区块标题条 ========== */
.product{width:100%;}
.stop{max-width:var(--wrap);margin:34px auto 0;padding:0 0 12px 0;height:30px;display:flex;align-items:flex-end;justify-content:space-between;border-bottom:2px solid #d9d9d9;position:relative;}
.stop::after{content:'';position:absolute;left:0;bottom:-2px;width:120px;height:4px;background:var(--red);}
.stop b{font-size:24px;color:var(--dark);font-weight:bold;}
.stop b em{color:var(--red);font-style:normal;}
.stop a{font-size:14px;color:#888;padding-bottom:2px;}
.stop a:hover{color:var(--red);}

/* 产品分类 pill */
.pro-class{max-width:var(--wrap);margin:20px auto 0;border-bottom:3px solid var(--red);text-align:center;font-size:14px;}
.pro-class a{display:inline-block;padding:13px 22px;color:var(--text-dk);border-bottom:3px solid transparent;margin-bottom:-3px;transition:.2s;}
.pro-class a:hover,.pro-class a.on{color:var(--red);font-weight:bold;}

/* 产品区: 左大图 + 右6小图 */
.pro{max-width:var(--wrap);margin:0 auto;padding:22px 0 0;display:flex;gap:18px;flex-wrap:wrap;}
.iproimg1{flex:0 0 323px;height:409px;overflow:hidden;position:relative;display:block;}
.iproimg1 img{width:323px;height:409px;object-fit:cover;}
.iproimg1 p{position:absolute;width:100%;color:#fff;line-height:1.6;z-index:10;bottom:0;left:0;font-size:14px;padding:14px 20px;background:linear-gradient(180deg,rgba(29,29,29,0) 0%,rgba(29,29,29,.9) 100%);}
.iproimg1 p b{display:block;line-height:30px;font-size:18px;color:var(--yellow);font-weight:bold;}
.iproimg1 p span{display:block;font-size:13px;line-height:1.6;color:#eee;}
.pro ul.case{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.pro ul.case li{position:relative;overflow:hidden;background:#fff;}
.pro ul.case li img{width:100%;height:151px;object-fit:cover;transition:.4s;}
.pro ul.case li:hover img{transform:scale(1.06);}
.pro ul.case li a.wor{display:block;width:100%;height:30px;line-height:30px;color:var(--text-dk);font-size:14px;font-weight:bold;text-align:center;padding:12px 0;}
.pro ul.case li:hover a.wor{color:var(--red);}
.casetitle{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transition:.3s;background:rgba(195,39,43,.55);}
.casetitle span.zoombut{display:inline-flex;width:46px;height:46px;border:2px solid #fff;border-radius:50%;align-items:center;justify-content:center;color:#fff;font-size:20px;}
.pro ul.case li:hover .casetitle{opacity:1;}

/* ad 横幅 */
p.ad{max-width:var(--wrap);margin:30px auto 0;}
p.ad img{width:100%;height:auto;object-fit:cover;border-radius:2px;}
.ad-link{display:block;max-width:var(--wrap);margin:30px auto 0;height:100px;background:linear-gradient(90deg,var(--dark) 0%,#3a1f20 50%,var(--red) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;font-weight:bold;letter-spacing:4px;}
.ad-link em{color:var(--yellow);font-style:normal;margin:0 8px;}

/* ========== 优惠活动 / 案例区 ========== */
.activity{width:100%;background:linear-gradient(180deg,#f5f5f5 0%,#ececec 100%);padding-bottom:40px;}
.activity .fra{max-width:var(--wrap);margin:0 auto;display:flex;gap:28px;align-items:flex-start;padding-top:8px;}
.youhui{flex:0 0 474px;width:474px;height:297px;position:relative;overflow:hidden;background:#fff;}
.youhuipic{position:relative;width:100%;height:100%;}
.youhuipic li{position:absolute;inset:0;opacity:0;transition:opacity .7s;}
.youhuipic li.on{opacity:1;}
.youhuipic li a{display:block;width:100%;height:100%;}
.youhuipic li img{width:474px;height:297px;object-fit:cover;}
.youhui .next,.youhui .prev{position:absolute;bottom:0;width:38px;height:35px;background:var(--dark);color:#fff;text-align:center;line-height:35px;font-size:18px;z-index:3;cursor:pointer;opacity:0;transition:.3s;}
.youhui .prev{right:38px;}.youhui .next{right:0;}
.youhui:hover .prev,.youhui:hover .next{opacity:.85;}
.youhui .prev:hover,.youhui .next:hover{background:var(--red-bright);}
.youhui .num{position:absolute;bottom:14px;left:14px;z-index:4;display:flex;gap:8px;}
.youhui .num li{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.7);cursor:pointer;}
.youhui .num li.on{background:var(--red);}
.actr{flex:1;padding-top:0;}
.actr .actop{display:block;margin-bottom:14px;color:#3b3b3b;}
.actr .actop b{display:block;font-size:19px;line-height:1.4;color:var(--text-dk);font-weight:bold;margin-bottom:10px;}
.actr .actop:hover b{color:var(--red);}
.actr .actop span{display:block;line-height:1.8;font-size:13px;color:#777;height:74px;overflow:hidden;}
.actr ul{border-top:1px dotted #999;}
.actr ul li{border-bottom:1px dotted #999;}
.actr ul li a{display:block;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpolygon points='0,0 10,5 0,10' fill='%23c3272b'/%3E%3C/svg%3E") left center no-repeat;line-height:40px;padding:0 0 0 22px;color:#444;font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.actr ul li a:hover{color:var(--red);}

/* ========== 设计团队 ========== */
.team{max-width:var(--wrap);margin:0 auto;padding:22px 0 0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
.team li a{display:block;width:100%;height:255px;position:relative;overflow:hidden;}
.team li a img{width:100%;height:255px;object-fit:cover;transition:.4s;}
.team li a:hover img{transform:scale(1.05);}
.team li a p{position:absolute;width:100%;color:#fff;z-index:10;bottom:0;left:0;font-size:14px;padding:12px 16px;background:linear-gradient(180deg,rgba(29,29,29,0) 0%,rgba(29,29,29,.92) 100%);transform:translateY(60%);transition:.35s;}
.team li a:hover p{transform:translateY(0);}
.team li a p b{display:block;line-height:24px;font-size:16px;color:var(--yellow);font-weight:bold;}
.team li a p span{display:block;font-size:12px;line-height:1.5;height:0;overflow:hidden;color:#eee;}
.team li a:hover p span{height:auto;padding-top:4px;}

/* ========== 优势/数据带 (首页关于数据) ========== */
.about-band{max-width:var(--wrap);margin:36px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fff;border-top:3px solid var(--red);}
.about-band .ab-item{text-align:center;padding:28px 14px;border-right:1px solid #eee;}
.about-band .ab-item:last-child{border-right:none;}
.about-band .ab-item b{display:block;font-family:Impact,Arial;font-size:38px;color:var(--red);line-height:1;}
.about-band .ab-item b em{font-style:normal;font-size:18px;color:var(--text-dk);}
.about-band .ab-item span{display:block;margin-top:10px;color:#666;font-size:14px;}

/* ========== 页脚 ========== */
.foot{width:100%;background:var(--dark);padding-top:18px;}
.footlink{max-width:var(--wrap);margin:0 auto;background:#fff;display:flex;align-items:center;min-height:95px;}
.footlink .name{flex:0 0 140px;background:var(--red);color:#fff;text-align:center;padding:18px 10px;align-self:stretch;display:flex;flex-direction:column;justify-content:center;}
.footlink .name b{font-size:20px;font-weight:bold;}
.footlink .name span{font-size:11px;letter-spacing:2px;margin-top:4px;color:#ffd;}
.linka{flex:1;color:#424242;font-size:13px;line-height:2;padding:18px 20px;word-wrap:break-word;}
.linka a{display:inline-block;margin:0 10px;color:#424242;}
.linka a:hover{color:var(--red);}
.foot-main{max-width:var(--wrap);margin:30px auto 0;display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:24px;padding-bottom:24px;}
.foot-col h4{color:#fff;font-size:15px;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid #333;}
.foot-col h4 em{font-style:normal;color:var(--red);margin-right:6px;}
.foot-col p,.foot-col a,.foot-col li{color:#a0a0a0;font-size:13px;line-height:2;}
.foot-col a:hover{color:var(--yellow);}
.foot-col .fcon-line{display:flex;gap:8px;align-items:flex-start;color:#a0a0a0;font-size:13px;line-height:1.7;margin-bottom:10px;}
.foot-col .fcon-line svg{width:16px;height:16px;fill:var(--red);flex-shrink:0;margin-top:2px;}
.foot-col .fqr{display:flex;gap:12px;margin-top:8px;}
.foot-col .fqr div{text-align:center;}
.foot-col .fqr img{width:96px;height:96px;background:#fff;padding:4px;}
.foot-col .fqr div span{display:block;color:#a0a0a0;font-size:12px;margin-top:4px;}
.foot-con{border-top:1px solid #2a2a2a;padding:16px 0;text-align:center;color:#787878;line-height:1.9;font-size:13px;}
.foot-con a{color:#999;}
.foot-con a:hover{color:var(--yellow);}

/* 底部黑导航条 */
.nav-bo{width:100%;background:var(--black);padding:14px 0;}
.nav-bo ul{max-width:var(--wrap);margin:0 auto;text-align:center;}
.nav-bo a{display:inline-block;margin:0 12px;font-size:14px;color:#a0a0a0;line-height:1.8;}
.nav-bo a:hover,.nav-bo a.cur{color:#fff;}

/* 底部固定热线条 */
.ifloat{z-index:50;width:100%;position:fixed;left:0;bottom:0;background:linear-gradient(180deg,#262626,#0e0e0e);border-top:2px solid var(--red);box-shadow:0 -2px 10px rgba(0,0,0,.3);}
.ifloat .fra1{max-width:var(--wrap);margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:80px;padding:0 20px;}
.ifloat .search{display:flex;border:1px solid var(--red);background:#fff;height:42px;}
.ifloat .search input.text{width:300px;height:42px;border:none;padding:0 14px;font-size:14px;color:#555;background:#fff;}
.ifloat .search input.button{width:58px;height:42px;background:var(--red);color:#fff;border:none;font-size:16px;cursor:pointer;font-weight:bold;}
.ifloat .foot-tel{display:flex;align-items:center;gap:10px;color:#fff;}
.ifloat .foot-tel .tel-ico{width:40px;height:40px;border:2px solid var(--red);border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.2);}
.ifloat .foot-tel .tel-ico svg{width:20px;height:20px;fill:var(--yellow);}
.ifloat .foot-tel span{font-size:13px;line-height:1.4;}
.ifloat .foot-tel span b{display:block;color:#ddd;}
.ifloat .foot-tel label{color:var(--yellow);font-size:28px;font-family:Impact;}

/* ========== 内页通用 ========== */
.n-banner{width:100%;height:300px;background-size:cover;background-position:center;position:relative;}
.n-banner .nbmask{position:absolute;inset:0;background:linear-gradient(180deg,rgba(29,29,29,.55),rgba(29,29,29,.7));}
.n-banner .nbcon{position:relative;max-width:var(--wrap);margin:0 auto;height:100%;display:flex;flex-direction:column;justify-content:center;padding:0 30px;}
.n-banner .nbcon h1{color:#fff;font-size:34px;font-weight:bold;}
.n-banner .nbcon i{color:var(--yellow);font-size:14px;font-style:normal;letter-spacing:4px;margin-top:10px;}
/* 面包屑条 */
.ntit{max-width:var(--wrap);margin:0 auto;background:#fff;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;}
.ntit .ntt{display:flex;flex-direction:column;}
.ntit .ntt h2{font-size:22px;color:var(--dark);font-weight:bold;}
.ntit .ntt i{font-size:13px;color:#aaa;font-style:normal;letter-spacing:3px;margin-top:4px;}
.ntit .weiz{font-size:13px;color:#888;}
.ntit .weiz a{color:#888;}
.ntit .weiz a:hover{color:var(--red);}
.ntit .weiz em{color:var(--red);font-style:normal;margin:0 4px;}

/* 内页主体 */
.fy{width:100%;background:#f2f2f2;padding:24px 0 50px;}
.fy .fra{max-width:var(--wrap);margin:0 auto;display:flex;gap:20px;align-items:flex-start;}
.fyLeft{flex:0 0 242px;}
.l_pro{background:#fff;}
.l_pro_t{background:var(--red);text-align:center;padding:18px 0;color:#fff;}
.l_pro_t b{display:block;font-size:22px;}
.l_pro_t span{display:block;text-transform:uppercase;font-size:14px;letter-spacing:2px;margin-top:4px;color:#fcd;}
.l_procon{padding:12px 10px;}
.proOne{margin-bottom:4px;}
.proOne a{display:block;background:#f6f6f6;padding-left:18px;color:#5a5a5a;line-height:46px;font-size:14px;border-left:3px solid transparent;transition:.2s;}
.proOne a:hover,.proOne a.on{background:#fcecec;color:var(--red);border-left-color:var(--red);font-weight:bold;}
.proTwo{padding:6px 0 0 10px;}
.proTwo li{border-bottom:1px dotted #ccc;}
.proTwo li a{font-size:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Ccircle cx='4' cy='4' r='3' fill='%23c3272b'/%3E%3C/svg%3E") 14px center no-repeat;color:#5a5a5a;line-height:42px;display:block;padding-left:30px;}
.proTwo li a:hover{color:var(--red);}
.fy_lad{background:#fff;margin-top:16px;padding:18px;}
.fy_lad h5{font-size:16px;color:var(--dark);border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:12px;}
.fy_lad .lad-line{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:#666;line-height:1.7;margin-bottom:10px;}
.fy_lad .lad-line svg{width:16px;height:16px;fill:var(--red);flex-shrink:0;margin-top:3px;}
.fy_lad .fqr img{width:130px;height:130px;background:#fff;padding:5px;border:1px solid #eee;}

.fyRight{flex:1;background:#fff;padding:0;overflow:hidden;min-width:0;}

/* 内容区 */
.padding25{padding:24px 28px;line-height:2;font-size:14px;color:#4d4d4d;min-height:560px;}
.padding25 h2,.padding25 h3{color:var(--dark);font-weight:bold;margin:18px 0 12px;}
.padding25 h2{font-size:20px;border-left:4px solid var(--red);padding-left:12px;}
.padding25 h3{font-size:17px;}
.padding25 p{margin-bottom:12px;line-height:2;}
.padding25 img{max-width:100%;height:auto;margin:10px 0;border:1px solid #eee;}
.padding25 .center img{margin:14px auto;}

/* 内页标题(面包屑) */
.title{display:none;}

/* 产品列表 */
.proul{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:24px;}
.proul li{position:relative;overflow:hidden;background:#fff;border:1px solid #eee;}
.proul li img{width:100%;height:175px;object-fit:cover;transition:.4s;}
.proul li:hover img{transform:scale(1.06);}
.proul li a.wor{display:block;height:30px;line-height:30px;color:var(--text-dk);font-size:14px;font-weight:bold;text-align:center;padding:12px 8px;}
.proul li:hover a.wor{color:var(--red);}
.proul li .casetitle1{position:absolute;left:0;top:0;width:100%;height:175px;display:flex;align-items:center;justify-content:center;opacity:0;background:rgba(195,39,43,.5);transition:.3s;}
.proul li .casetitle1 span{display:inline-flex;width:46px;height:46px;border:2px solid #fff;border-radius:50%;align-items:center;justify-content:center;color:#fff;font-size:18px;}
.proul li:hover .casetitle1{opacity:1;}

/* 产品详情 */
.pdetail{padding:24px;}
.pdetail .pd-top{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:20px;}
.pdetail .pd-img{flex:0 0 380px;}
.pdetail .pd-img img{width:380px;height:380px;object-fit:cover;border:1px solid #eee;}
.pdetail .pd-info{flex:1;min-width:260px;}
.pdetail .pd-info h2{font-size:24px;color:var(--dark);font-weight:bold;margin-bottom:14px;}
.pdetail .pd-info .pd-desc{color:#666;line-height:1.9;font-size:14px;margin-bottom:16px;}
.pdetail .pd-info .pd-price{background:#f8f8f8;border-left:3px solid var(--red);padding:12px 16px;margin-bottom:16px;font-size:14px;color:#555;}
.pdetail .pd-info .pd-btn{display:inline-block;padding:10px 28px;background:var(--red);color:#fff;font-size:15px;border-radius:3px;}
.pdetail .pd-info .pd-btn:hover{background:var(--red-bright);}
.ptable{width:100%;border-collapse:collapse;margin:14px 0;font-size:14px;}
.ptable th,.ptable td{border:1px solid #e5e5e5;padding:10px 14px;text-align:left;}
.ptable th{background:#f6f6f6;color:var(--dark);width:140px;font-weight:bold;}
.ptable td{color:#666;}
.pfeature{margin:18px 0;}
.pfeature li{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;background:#f8f8f8;border-left:3px solid var(--red);margin-bottom:8px;font-size:14px;color:#555;line-height:1.7;}
.pfeature li svg{width:20px;height:20px;fill:var(--red);flex-shrink:0;margin-top:2px;}
.prel{padding:0 24px 24px;}
.prel .prul{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:12px;}
.prel .prul li a{display:block;}
.prel .prul li img{width:100%;height:120px;object-fit:cover;}
.prel .prul li span{display:block;text-align:center;font-size:13px;padding:8px 0;color:var(--text-dk);}

/* 新闻列表 */
.newsmain{padding:20px 24px;}
.newsmain li{border-bottom:1px dotted #aaa;padding:22px 0;}
.newsmain li:first-child{padding-top:6px;}
.newsmain li a{display:flex;align-items:flex-start;gap:20px;}
.newsmain .time{flex:0 0 80px;width:80px;text-align:center;background:#f6f6f6;border:1px solid #e0e0e0;padding:8px 4px;}
.newsmain .time span{display:block;line-height:24px;font-size:12px;color:#888;border-bottom:1px solid #ddd;padding-bottom:4px;}
.newsmain .time label{display:block;line-height:36px;color:var(--red);font-weight:bold;font-size:26px;font-family:Impact,Arial;}
.newsli_r{flex:1;min-width:0;}
.newsli_rt{display:block;font-weight:bold;color:var(--text-dk);font-size:17px;margin-bottom:6px;}
.newsli_rt:hover{color:var(--red);}
.newscont{font-size:13px;line-height:1.7;color:#888;height:46px;overflow:hidden;}
.newsmain li:hover .time{background:var(--red);border-color:var(--red);}
.newsmain li:hover .time span,.newsmain li:hover .time label{color:#fff;border-color:rgba(255,255,255,.3);}

/* 新闻详情 */
.newsview{padding:24px 28px;}
.newsview .nv-head{text-align:center;border-bottom:1px solid #eee;padding-bottom:18px;margin-bottom:20px;}
.newsview .nv-head h1{font-size:24px;color:var(--dark);font-weight:bold;margin-bottom:12px;line-height:1.4;}
.newsview .nv-head .nv-meta{color:#999;font-size:13px;}
.newsview .nv-meta span{margin:0 10px;}
.newsview .nv-body{font-size:14px;line-height:2;color:#555;}
.newsview .nv-body p{margin-bottom:16px;}
.newsview .nv-body img{max-width:100%;margin:14px auto;display:block;}
.nv-pagenav{display:flex;justify-content:space-between;border-top:1px solid #eee;padding:18px 28px;font-size:14px;gap:12px;}
.nv-pagenav a{color:#666;flex:1;}
.nv-pagenav a:hover{color:var(--red);}

/* 团队列表(关于页) */
.pro_txtimg{padding:20px 24px;}
.pro_txtimg li{display:flex;gap:22px;padding:22px 0;border-bottom:1px dotted #aaa;}
.pro_li_img{flex:0 0 191px;}
.pro_li_img img{width:191px;height:255px;object-fit:cover;}
.pro_li_txt{flex:1;}
.protitle{font-size:20px;color:var(--dark);font-weight:bold;margin-bottom:6px;}
.protitle small{font-size:13px;color:#999;font-weight:normal;margin-left:8px;}
.pro_li_txt .prozhi{color:var(--red);font-size:14px;margin-bottom:10px;}
.procon{line-height:1.9;color:#777;font-size:14px;}

/* 发展历程时间轴 */
.timeline{padding:24px;margin:0 auto;}
.timeline::after{content:'';position:absolute;}
.tl-wrap{position:relative;max-width:760px;margin:0 auto;}
.tl-wrap::before{content:'';position:absolute;left:20px;top:0;bottom:0;width:3px;background:var(--red);}
.tl-item{position:relative;padding-left:54px;margin-bottom:28px;}
.tl-item::before{content:'';position:absolute;left:13px;top:4px;width:17px;height:17px;background:#fff;border:4px solid var(--red);border-radius:50%;z-index:2;}
.tl-item .tl-year{font-family:Impact,Arial;font-size:22px;color:var(--red);font-weight:bold;}
.tl-item .tl-tt{font-size:16px;color:var(--dark);font-weight:bold;margin:4px 0;}
.tl-item .tl-c{font-size:13px;color:#777;line-height:1.8;}

/* 企业文化卡 */
.culture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px 24px;}
.culture-grid .cul-card{background:#f8f8f8;border-top:3px solid var(--red);padding:24px 18px;text-align:center;}
.culture-grid .cul-card svg{width:42px;height:42px;fill:var(--red);}
.culture-grid .cul-card h4{font-size:17px;color:var(--dark);margin:12px 0 8px;}
.culture-grid .cul-card p{font-size:13px;color:#777;line-height:1.8;}

/* 团队头像(关于页 grid) */
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:20px 24px;}
.team-grid .tg-item{text-align:center;background:#fff;border:1px solid #eee;}
.team-grid .tg-item img{width:100%;height:200px;object-fit:cover;}
.team-grid .tg-item .tg-info{padding:12px;}
.team-grid .tg-item h4{font-size:16px;color:var(--dark);}
.team-grid .tg-item span{font-size:13px;color:var(--red);}

/* 关于页介绍图文 */
.about-top{display:flex;gap:24px;padding:24px;align-items:center;flex-wrap:wrap;}
.about-top img{flex:0 0 420px;width:420px;height:300px;object-fit:cover;}
.about-top .abt-txt{flex:1;min-width:240px;}
.about-top .abt-txt h2{font-size:24px;color:var(--dark);border-left:4px solid var(--red);padding-left:12px;margin-bottom:14px;}
.about-top .abt-txt p{font-size:14px;color:#666;line-height:1.9;margin-bottom:10px;}

/* 联系页 */
.contact-wrap{padding:24px;}
.contact-info{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;}
.contact-info .ci-card{background:#f8f8f8;border-top:3px solid var(--red);padding:24px 18px;text-align:center;}
.contact-info .ci-card svg{width:40px;height:40px;fill:var(--red);}
.contact-info .ci-card h4{font-size:16px;color:var(--dark);margin:10px 0 6px;}
.contact-info .ci-card p{font-size:14px;color:#666;line-height:1.6;word-break:break-all;}
.contact-form{background:#f8f8f8;padding:24px;}
.contact-form h3{font-size:18px;color:var(--dark);margin-bottom:16px;border-left:4px solid var(--red);padding-left:10px;}
.contact-form .cf-row{margin-bottom:14px;}
.contact-form label{display:block;font-size:14px;color:#555;margin-bottom:6px;}
.contact-form input,.contact-form textarea{width:100%;padding:10px 12px;border:1px solid #ddd;font-size:14px;font-family:inherit;background:#fff;}
.contact-form textarea{height:120px;resize:vertical;}
.contact-form .cf-btn{background:var(--red);color:#fff;border:none;padding:12px 36px;font-size:15px;cursor:pointer;border-radius:3px;}
.contact-form .cf-btn:hover{background:var(--red-bright);}
.contact-form .cf-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}

/* CSS 模拟地图(联系页) */
.map-box{height:300px;margin-top:20px;background:#dfe6e9;border:1px solid #ccc;position:relative;overflow:hidden;background-image:linear-gradient(#e8edef 1px,transparent 1px),linear-gradient(90deg,#e8edef 1px,transparent 1px);background-size:40px 40px;}
.map-box .road-h{position:absolute;left:0;right:0;height:14px;background:#f4d03f;}
.map-box .road-v{position:absolute;top:0;bottom:0;width:14px;background:#f4d03f;}
.map-box .block{position:absolute;background:#cdd5db;border:1px solid #b8c2c9;}
.map-box .pin{position:absolute;left:50%;top:50%;transform:translate(-50%,-100%);z-index:5;}
.map-box .pin .pin-ico{width:34px;height:34px;background:var(--red);border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(0,0,0,.3);}
.map-box .pin .pin-ico svg{width:18px;height:18px;fill:#fff;transform:rotate(45deg);}
.map-box .pin .pin-pulse{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:rgba(195,39,43,.4);animation:pinpulse 1.6s infinite;}
.map-box .pin .pin-addr{position:absolute;left:50%;top:-46px;transform:translateX(-50%);background:#fff;color:var(--dark);font-size:12px;padding:6px 10px;white-space:nowrap;border-radius:3px;box-shadow:0 2px 8px rgba(0,0,0,.15);}
@keyframes pinpulse{0%{transform:scale(.6);opacity:.8;}100%{transform:scale(2.6);opacity:0;}}

/* 分页 */
.pglist{padding:24px 0;text-align:center;}
.pglist a{display:inline-block;color:#fff;padding:0 12px;margin:0 4px;background:var(--orange);line-height:32px;height:32px;border-radius:2px;}
.pglist a:hover,.pglist a.current{background:var(--dark);}

/* 图片兜底 */
.img-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:120px;color:#fff;font-size:13px;text-align:center;padding:8px;}

/* 淡入动画 */
.fade-in{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease;}
.fade-in.in{opacity:1;transform:none;}

/* ========== 响应式 ========== */
@media (max-width:1024px){
  :root{--wrap:740px;}
  .window{height:380px;}
  .kv-item-cap .kvtt{font-size:30px;}
  .pro ul.case{grid-template-columns:repeat(2,1fr);}
  .team{grid-template-columns:repeat(3,1fr);}
  .proul{grid-template-columns:repeat(2,1fr);}
  .prel .prul{grid-template-columns:repeat(2,1fr);}
  .foot-main{grid-template-columns:1fr 1fr;}
  .about-band{grid-template-columns:repeat(2,1fr);}
  .about-band .ab-item:nth-child(2){border-right:none;}
}
@media (max-width:768px){
  :root{--wrap:100%;}
  .nav>ul{display:none;position:absolute;top:53px;left:0;right:0;flex-direction:column;background:var(--dark);height:auto;z-index:999;}
  .nav>ul.open{display:flex;}
  .nav>ul>li{width:100%;}
  .nav>ul>li>a{text-align:left;padding:0 20px;}
  .nav>ul>li>p{position:static;display:block;border:none;padding-left:24px;}
  .nav>ul>li:hover>p{display:block;}
  .menubtn{display:block;}
  .headtop p{flex-wrap:wrap;padding:12px 16px;}
  .headtop .logo .logo-txt b{font-size:19px;}
  .window{height:260px;}
  .kv-item-cap{max-width:90%;}
  .kv-item-cap .kvtt{font-size:22px;}
  .kv-item-cap .kvtxt{font-size:13px;}
  .btn_prev,.btn_next{display:none;}
  .news-about .fra{flex-direction:column;}
  .news,.icontact{flex:1 1 100%;width:100%;}
  .iproimg1{flex:1 1 100%;width:100%;height:280px;}
  .iproimg1 img{width:100%;height:280px;}
  .pro ul.case{grid-template-columns:repeat(2,1fr);gap:10px;}
  .activity .fra{flex-direction:column;}
  .youhui{flex:1 1 100%;width:100%;height:240px;}
  .youhuipic li img{width:100%;height:240px;}
  .team{grid-template-columns:repeat(2,1fr);}
  .about-band{grid-template-columns:repeat(2,1fr);}
  .footlink{flex-direction:column;}
  .footlink .name{flex:none;padding:12px;}
  .foot-main{grid-template-columns:1fr;}
  .ifloat .fra1{flex-wrap:wrap;height:auto;padding:10px 14px;gap:8px;justify-content:center;}
  .ifloat .search input.text{width:170px;}
  .fy .fra{flex-direction:column;}
  .fyLeft{flex:1 1 100%;width:100%;}
  .proul{grid-template-columns:repeat(2,1fr);padding:14px;gap:10px;}
  .pdetail .pd-top{flex-direction:column;}
  .pdetail .pd-img{flex:none;}
  .pdetail .pd-img img{width:100%;height:auto;}
  .prel .prul{grid-template-columns:repeat(2,1fr);}
  .culture-grid,.team-grid,.contact-info{grid-template-columns:1fr;}
  .pro_txtimg li{flex-direction:column;}
  .about-top{flex-direction:column;}
  .about-top img{flex:none;width:100%;height:auto;}
  .contact-form .cf-grid{grid-template-columns:1fr;}
  .newsmain li a{gap:12px;}
  .fixed{right:8px;bottom:96px;}
  .n-banner{height:200px;}
  .n-banner .nbcon h1{font-size:24px;}
}
@media (max-width:420px){
  .pro ul.case,.team,.proul{grid-template-columns:1fr;}
  .about-band{grid-template-columns:1fr;}
}