@charset "utf-8";
/* 北京旦皖科技软件开发网 - 全站共享样式（基于参考站 red 主题还原） */

/* ===== 全局重置 ===== */
*{ box-sizing:border-box;}
body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div { border:0 none; margin:0; padding:0; font-weight:normal; font-family:"Microsoft YaHei","微软雅黑",Helvetica,Arial,sans-serif; font-size:14px; color:#555;}
header,footer, section, details, aside, menu, nav, article, hgroup, figure, figcaption, time { display:block; margin:0; padding:0;}
ul,ol,li{ list-style-type:none;}
select,input,img{ vertical-align:top; outline:none;}
a img{ border:0;}
em,i{ font-style:normal;}
a{ color:#7f7f7f; text-decoration:none; transition:color .3s;}
a:hover{ color:#ff9300; text-decoration:none;}
a,a:active,a:focus { outline:none;}
textarea { resize:none;}
table { border-collapse:collapse; border-spacing:0;}
h2, h3, h4, h5, h6{ font-size:14px; font-weight:bold;}
.clearfix:before,.clearfix:after{ content:"";display:table;}
.clearfix:after{ clear:both;}
.clearfix{*zoom:1;}
img{ display:block; max-width:100%;}

/* ===== 顶部信息栏 ===== */
.top-box{ width:100%; position:relative; border-bottom:1px solid #f0f0f0;}
.top-j{ width:100%; max-width:1200px; height:120px; overflow:hidden; margin:0 auto; padding:0 15px;}
.logo-box{ width:50%; height:120px; float:left; display:flex; align-items:center;}
.logo-box a{ display:flex; align-items:center; text-decoration:none;}
.logo-svg{ width:60px; height:60px; flex-shrink:0; margin-right:14px;}
.logo-text{ line-height:1.2;}
.logo-text .lt-cn{ font-size:26px; font-weight:bold; color:#ae2900; letter-spacing:1px;}
.logo-text .lt-en{ font-size:13px; color:#ff9300; letter-spacing:2px; margin-top:4px; font-family:Arial;}
.t-ico{ width:50%; height:120px; float:left; display:flex; align-items:center; justify-content:flex-end;}
.ico-dh{ text-align:right; padding-right:8px;}
.ico-dh p{ font-size:13px; color:#999;}
.ico-dh .dh-num{ font-size:24px; color:#ae2900; font-weight:bold; font-family:Arial; letter-spacing:1px;}
.ico-u{ margin-left:24px; display:flex; align-items:center; border-left:1px solid #e5e5e5; padding-left:24px;}
.ico-u li{ margin:0 0 0 18px; cursor:pointer;}
.ico-u li a{ color:#888; font-size:13px;}
.ico-u li a:hover{ color:#ff9300;}

/* ===== 导航 ===== */
.menu-box{ width:100%; height:48px; background:#ae2900; border-bottom:3px solid #8f2100; position:relative; z-index:99;}
.nav{ width:100%; max-width:1200px; height:48px; line-height:48px; margin:0 auto; padding:0 15px;}
.nav a{ color:#fff;}
.nav .nLi{ float:left; position:relative;}
.nav .nLi h3{ text-align:center;}
.nav .nLi h3 a{ display:block; padding:0 26px; font-size:16px; transition:background .3s;}
.nav .nLi h3 a:hover,.nav .nLi h3 a.cur{ background:#ff9300;}
.nav .on h3 a{ background:#ff9300;}
.nav .sub{ display:none; width:170px; left:0; top:48px; position:absolute; text-align:center; line-height:44px; background:#ae2900; z-index:100; box-shadow:0 4px 10px rgba(0,0,0,.15);}
.nav .sub li{ zoom:1; border-top:1px solid #8f2100;}
.nav .sub li:first-child{ border-top:0;}
.nav .sub a{ display:block; padding:0 10px;}
.nav .sub a:hover{ background:#ff9300; color:#fff;}

/* 移动端汉堡按钮 */
.menu-toggle{ display:none; width:48px; height:48px; background:transparent; border:0; cursor:pointer; position:absolute; right:0; top:0;}
.menu-toggle i,.menu-toggle i:before,.menu-toggle i:after{ content:""; display:block; width:24px; height:3px; background:#fff; margin:auto; position:relative; transition:.3s;}
.menu-toggle i:before{ position:absolute; top:-8px; left:0;}
.menu-toggle i:after{ position:absolute; top:8px; left:0;}
.menu-toggle.open i{ background:transparent;}
.menu-toggle.open i:before{ top:0; transform:rotate(45deg);}
.menu-toggle.open i:after{ top:0; transform:rotate(-45deg);}

/* ===== Banner 轮播 ===== */
.banner-box{ width:100%; max-width:1920px; margin:0 auto; height:460px; position:relative; overflow:hidden;}
.banner-box .banner{ position:relative; z-index:0;}
.banner-box .banner ul{ width:100%; position:relative;}
.banner-box .banner li{ width:100%; height:460px; background-size:cover; background-position:center center; background-repeat:no-repeat; position:relative;}
.banner-box .banner li .banner-mask{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(143,33,0,.25);}
.banner-box .banner li .banner-txt{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:90%; max-width:900px; text-align:center; color:#fff; z-index:2;}
.banner-box .banner li .banner-txt .bt-main{ font-size:42px; font-weight:bold; letter-spacing:3px; text-shadow:0 2px 8px rgba(0,0,0,.4); margin-bottom:16px;}
.banner-box .banner li .banner-txt .bt-sub{ font-size:18px; letter-spacing:2px; text-shadow:0 1px 4px rgba(0,0,0,.4); opacity:.95;}
.banner-box .banner li .banner-txt .bt-btn{ display:inline-block; margin-top:26px; padding:11px 38px; background:#ff9300; color:#fff; font-size:15px; border-radius:2px; letter-spacing:1px; transition:.3s;}
.banner-box .banner li .banner-txt .bt-btn:hover{ background:#ffba14; color:#fff;}
.banner-box .dn{ width:100%; position:absolute; z-index:3; bottom:20px; left:0; text-align:center;}
.banner-box .dn ul li{ cursor:pointer; display:inline-block; width:12px; height:12px; margin:0 5px; background:rgba(255,255,255,.6); border-radius:50%; overflow:hidden; transition:.3s;}
.banner-box .dn ul .on{ background:#ff9300; width:30px; border-radius:6px;}

/* ===== 公告 + 搜索 ===== */
.search-box{ width:100%; max-width:1200px; height:46px; padding:0 15px; overflow:hidden; border-bottom:1px solid #efefef; margin:24px auto 0 auto; display:flex; align-items:center; justify-content:space-between;}
.ss-l{ flex:1; height:46px; line-height:46px; overflow:hidden; color:#7f7f7f; font-size:14px; white-space:nowrap; text-overflow:ellipsis;}
.ss-l h3{ float:left; color:#ae2900; font-weight:bold; margin-right:8px;}
.ss-r{ position:relative; overflow:hidden; flex-shrink:0;}
.ss-r input{ width:240px; background:#f5f5f5; height:34px; border:1px solid #ececec; padding:0 10px; border-radius:2px 0 0 2px;}
.ss-r input:focus{ border-color:#ff9300;}
.ss-r .go{ position:absolute; display:block; top:6px; right:0; width:40px; height:34px; cursor:pointer; border:0; background:#ae2900 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'><path d='M15.5 14h-.79l-.28-.27a6.5 6.5 0 1 0-.7.7l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0A4.5 4.5 0 1 1 14 9.5 4.5 4.5 0 0 1 9.5 14z'/></svg>") center/16px no-repeat; border-radius:0 2px 2px 0;}

/* ===== 产品中心 ===== */
.cp-box{ width:100%; max-width:1200px; overflow:hidden; margin:50px auto 0 auto; padding:0 15px;}
.cp-tit{ height:48px; line-height:48px; text-align:center; font-size:30px; font-weight:bold; color:#333; overflow:hidden; position:relative;}
.cp-tit span{ font-size:30px; color:#e0c8c0; margin:0 10px 0 0; font-family:Arial; font-weight:bold;}
.fl-box{ width:230px; margin:24px 20px 0 0; overflow:hidden; float:left;}
.fl-tit{ height:90px; font-size:24px; line-height:30px; text-align:center; background:#ff9300; padding:15px 0 0 0; color:#fff;}
.fl-tit p{ font-size:13px; letter-spacing:2px; opacity:.9; font-family:Arial;}
.fl-con{ width:100%; position:relative; border:2px solid #ff9300; border-top:0; padding:10px 0;}
.fl-con li{ width:90%; line-height:42px; text-align:center; margin:8px auto 0 auto; overflow:hidden;}
.fl-con li a{ width:100%; display:block; color:#333; background:#ececec; transition:.3s;}
.fl-con li a:hover{ color:#fff; background:#ae2900;}
.fl-con li a.cur{ color:#fff; background:#ae2900;}
.cp-more{ width:90%; line-height:42px; text-align:center; margin:10px auto 0 auto;}
.cp-more a{ width:100%; display:block; color:#fff; background:#ae2900; transition:.3s;}
.cp-more a:hover{ background:#ff9300;}
.cp-con{ overflow:hidden; margin:24px 0 0 0;}
.cp-con ul{ display:flex; flex-wrap:wrap;}
.cp-con li{ width:calc((100% - 60px)/4); margin:0 20px 20px 0; padding:5px; border:1px solid #ececec; overflow:hidden; transition:.3s;}
.cp-con li:hover{ border-color:#ff9300; box-shadow:0 4px 14px rgba(174,41,0,.12);}
.cp-con li .c-tu{ width:100%; height:180px; overflow:hidden;}
.cp-con li .c-tu img{ width:100%; height:100%; object-fit:cover; transition:transform .4s ease;}
.cp-con li .c-tu a:hover img{ transform:scale(1.06);}
.cp-con li .c-tit{ height:42px; line-height:42px; text-align:center; margin:6px 0 0 0;}
.cp-con li .c-tit a{ color:#333; background:#ececec; display:block; transition:.3s;}
.cp-con li .c-tit a:hover{ color:#fff; background:#ae2900;}

/* ===== 关于我们 + 新闻动态 ===== */
.usne-box{ width:100%; max-width:1200px; overflow:hidden; margin:50px auto 0 auto; padding:0 15px; display:flex; flex-wrap:wrap;}
.us-box{ width:63%; margin:0 20px 0 0; overflow:hidden; display:flex; align-items:flex-start;}
.us-tu{ width:40%; overflow:hidden; flex-shrink:0;}
.us-tu img{ width:100%; height:320px; object-fit:cover;}
.us-con{ flex:1; color:#7f7f7f; margin:0 0 0 24px; overflow:hidden;}
.us-tit{ position:relative; padding:0 0 12px 16px; margin-bottom:6px; border-bottom:1px solid #eee;}
.us-tit:before{ content:""; position:absolute; left:0; top:4px; width:5px; height:22px; background:#ff9300;}
.us-tit p{ color:#333; font-size:22px; font-weight:bold; line-height:1.2;}
.us-tit em{ color:#bbb; font-size:13px; letter-spacing:2px; font-family:Arial;}
.us-wz{ margin:18px 0; line-height:30px; overflow:hidden;}
.us-more{ width:96px; height:34px; line-height:34px; text-align:center;}
.us-more a{ width:96px; height:34px; color:#fff; background:#ae2900; display:block; transition:.3s;}
.us-more a:hover{ background:#ff9300;}
.ne-box{ width:34%; overflow:hidden;}
.ne-box .hd{ width:100%; height:42px; border:2px solid #ae2900;}
.ne-box .hd ul{ display:flex; align-items:stretch; height:38px;}
.ne-box .hd li{ flex:1; line-height:38px; text-align:center; cursor:pointer; border-right:2px solid #ae2900; color:#666; transition:.3s;}
.ne-box .hd li:last-of-type{ border-right:2px solid #ae2900;}
.ne-box .hd li.on{ color:#fff; background:#ae2900;}
.ne-box .hd span{ width:80px; line-height:38px; text-align:center; flex-shrink:0;}
.ne-box .hd span a{ color:#999; font-size:13px;}
.ne-box .bd{ padding:6px 0 0 0;}
.ne-box .bd ul{ display:none;}
.ne-box .bd ul:first-child{ display:block;}
.ne-box .bd li{ height:42px; line-height:42px; border-bottom:1px dashed #ddd; padding:0 0 0 16px; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ne-box .bd li:before{ content:""; position:absolute; left:0; top:50%; width:5px; height:5px; background:#ff9300; transform:translateY(-50%);}
.ne-box .bd li span{ float:right; color:#999; font-size:12px;}
.ne-box .bd li a{ color:#555;}

/* ===== 联系我们区 ===== */
.lx-box{ width:100%; max-width:1200px; height:240px; margin:50px auto 0 auto; padding:0 15px; display:flex;}
.lx-l{ width:46%; height:240px; overflow:hidden;}
.lx-l img{ width:100%; height:240px; object-fit:cover;}
.lx-r{ width:54%; height:240px; position:relative; background:linear-gradient(135deg,#ae2900,#8f2100); overflow:hidden;}
.lx-r .kf{ position:absolute; top:-30px; right:10px; width:130px; height:130px; opacity:.12;}
.lx-ico{ position:absolute; top:36px; left:46px; color:#fff;}
.lx-ico span{ font-size:30px; font-weight:bold; font-family:Arial; letter-spacing:1px;}
.lx-ico p{ font-size:13px; opacity:.85; margin-bottom:6px; letter-spacing:1px;}
.lx-wz{ position:absolute; top:92px; left:46px; color:#fff; line-height:26px; font-size:13px; opacity:.95;}
.lx-an{ position:absolute; left:46px; bottom:30px;}
.lx-an a{ width:120px; height:36px; line-height:36px; text-align:center; display:block; color:#fff; background:#ff9300; transition:.3s;}
.lx-an a:hover{ background:#ffba14;}

/* ===== 成功案例（跑马灯） ===== */
.al-box{ width:100%; max-width:1200px; overflow:hidden; margin:50px auto 0 auto; padding:0 15px;}
.al-tit{ height:48px; line-height:48px; text-align:center; font-size:30px; font-weight:bold; color:#333;}
.al-tit span{ font-size:30px; color:#e0c8c0; margin:0 10px 0 0; font-family:Arial;}
.al-con{ width:100%; height:200px; overflow:hidden; margin:24px 0 0 0; position:relative; display:flex; align-items:center;}
.al-con .next,.al-con .prev{ width:40px; height:60px; margin:0 10px; overflow:hidden; cursor:pointer; flex-shrink:0; position:relative;}
.al-con .next:after{ content:""; position:absolute; top:50%; left:50%; width:18px; height:18px; border-top:3px solid #ae2900; border-left:3px solid #ae2900; transform:translate(-30%,-50%) rotate(-45deg);}
.al-con .prev:after{ content:""; position:absolute; top:50%; left:50%; width:18px; height:18px; border-top:3px solid #ae2900; border-right:3px solid #ae2900; transform:translate(-70%,-50%) rotate(45deg);}
.al-con .bd{ flex:1; height:200px; overflow:hidden;}
.al-con .bd ul{ display:flex; width:max-content;}
.al-con li{ width:220px; margin:0 14px; padding:5px; border:1px solid #ececec; overflow:hidden; flex-shrink:0; transition:.3s;}
.al-con li:hover{ border-color:#ff9300; box-shadow:0 4px 14px rgba(174,41,0,.12);}
.al-con li .c-tu{ width:100%; height:144px; overflow:hidden;}
.al-con li .c-tu img{ width:100%; height:100%; object-fit:cover; transition:transform .4s;}
.al-con li:hover .c-tu img{ transform:scale(1.06);}
.al-con li .c-tit{ height:36px; line-height:36px; text-align:center; margin:6px 0 0 0;}
.al-con li .c-tit a{ color:#333; background:#ececec; display:block; transition:.3s;}
.al-con li .c-tit a:hover{ color:#fff; background:#ae2900;}

/* ===== 页脚 ===== */
.foot-box{ width:100%; margin:50px 0 0 0;}
.link-box{ width:100%; background:#8f2100;}
.link-con{ width:100%; max-width:1200px; height:44px; line-height:44px; margin:0 auto; padding:0 15px;}
.link-con h3{ color:#fff; float:left; margin-right:10px;}
.link-con a{ color:#f0d8d0; margin:0 14px 0 0; float:left; font-size:13px;}
.link-con a:hover{ color:#ff9300;}
.foot-con{ width:100%; background:#ae2900;}
.foot-cc{ width:100%; max-width:1200px; min-height:230px; overflow:hidden; margin:0 auto; padding:0 15px; display:flex; align-items:flex-start;}
.foot-l{ flex:1; padding:30px 40px 0 0;}
.foot-menu{ background:#8f2100; margin-bottom:18px;}
.foot-menu-con{ overflow:hidden;}
.foot-menu-con ul{ display:flex; flex-wrap:wrap; justify-content:center;}
.foot-menu-con li{ line-height:44px; text-align:center; padding:0 4px;}
.foot-menu-con li a{ color:#fff; height:44px; display:block; padding:0 16px; font-size:14px;}
.foot-menu-con li a:hover{ color:#ff9300;}
.foot-wz{ color:#fff; line-height:28px; overflow:hidden; font-size:13px; opacity:.95;}
.foot-wz a{ color:#fff;}
.foot-r{ width:160px; flex-shrink:0; margin:24px 0; text-align:center; border-left:1px solid rgba(255,255,255,.2); padding-left:20px;}
.foot-r p{ color:#fff; margin:0 0 12px 0; font-size:13px;}
.foot-r img{ width:97px; height:97px; display:block; margin:0 auto; background:#fff; padding:4px;}

/* ===== 右侧悬浮导航 ===== */
.fixed-right-nav{ position:fixed; z-index:200; right:15px; bottom:80px; width:56px; text-align:center; opacity:.95;}
.fixed-right-nav a{ display:block; height:56px; border-radius:3px; margin-bottom:3px; background:rgba(143,33,0,.85); overflow:hidden; color:#fff; position:relative; transition:.3s; cursor:pointer;}
.fixed-right-nav a:hover{ background:#ff9300;}
.fixed-right-nav a span{ display:block; font-size:12px; line-height:1.2; padding:8px 4px 0; opacity:0; transition:.3s;}
.fixed-right-nav a:hover span{ opacity:1;}
.fixed-right-nav .backtop{ display:none;}
.fixed-right-nav .backtop.show{ display:block;}
.fixed-right-nav .backtop:before{ content:"↑"; display:block; font-size:24px; line-height:56px; color:#fff;}
.fixed-right-nav .msg:before{ content:"💬"; display:block; font-size:22px; line-height:56px;}
.fixed-right-nav .decora:before{ content:"✎"; display:block; font-size:22px; line-height:56px;}
.fixed-right-nav .qrcode:before{ content:"▦"; display:block; font-size:24px; line-height:56px;}
.fixed-right-nav .qrcodePic{ position:absolute; bottom:0; right:62px; width:130px; height:130px; background:#fff; padding:6px; visibility:hidden; transform:scale(0); transform-origin:right bottom; transition:all ease .3s;}
.fixed-right-nav .qrcodePic img{ width:100%; height:100%;}
.fixed-right-nav .qrcode:hover .qrcodePic{ visibility:visible; transform:scale(1);}

/* ===== 内页 Banner + 面包屑 ===== */
.n-banner{ width:100%; height:300px; background-size:cover; background-position:center center; background-repeat:no-repeat; position:relative;}
.n-banner .nb-mask{ position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(135deg,rgba(143,33,0,.78),rgba(174,41,0,.55));}
.n-banner .nb-txt{ position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; max-width:1200px; margin:0 auto; padding:0 15px; color:#fff; text-align:left; left:50%; transform:translate(-50%,-50%);}
.n-banner .nb-txt .nbt-main{ font-size:34px; font-weight:bold; letter-spacing:2px;}
.n-banner .nb-txt .nbt-sub{ font-size:14px; letter-spacing:3px; opacity:.9; margin-top:8px; font-family:Arial;}
.ntit{ background:#f7f4f2; border-bottom:2px solid #ff9300;}
.ntt{ width:100%; max-width:1200px; margin:0 auto; padding:0 15px; height:60px; display:flex; align-items:center; justify-content:space-between;}
.ntt h1{ font-size:22px; color:#333; font-weight:bold; line-height:1.2;}
.ntt h1 i{ display:block; font-size:12px; color:#bbb; letter-spacing:2px; margin-top:4px; font-family:Arial; font-weight:normal;}
.ntt .weiz{ font-size:13px; color:#999;}
.ntt .weiz a{ color:#999;}
.ntt .weiz a:hover{ color:#ff9300;}
.ntt .weiz .gt{ margin:0 6px; color:#ccc;}

/* ===== 内页主体 ===== */
.n-box{ width:100%; max-width:1200px; overflow:hidden; margin:30px auto 0 auto; padding:0 15px; display:flex; align-items:flex-start;}
.n-l{ width:230px; margin:0 20px 0 0; flex-shrink:0;}
.n-r{ flex:1; min-width:0; overflow:hidden;}
.l-b{ overflow:hidden; margin-bottom:20px;}
.lb-tit{ height:50px; line-height:50px; text-align:center; color:#fff; background:#ff9300; font-size:18px; font-weight:bold;}
.er-fl{ border:1px solid #e8e8e8; border-top:0; padding:10px;}
.er-fl li{ height:42px; line-height:42px; text-align:center; background:#f5f5f5; margin:0 0 8px 0;}
.er-fl li a{ display:block; color:#555; transition:.3s;}
.er-fl li a:hover,.er-fl li a.cur{ color:#fff; background:#ae2900;}
.n-lx{ height:auto; min-height:280px; position:relative; overflow:hidden; background:linear-gradient(135deg,#ae2900,#8f2100); padding:0 0 20px 0;}
.n-lx-ico{ position:relative; top:0; left:0; width:100%; padding:24px 20px 0; color:#fff;}
.n-lx-ico p{ font-size:13px; opacity:.85; letter-spacing:1px;}
.n-lx-ico .nm{ font-size:22px; font-weight:bold; font-family:Arial; margin-top:4px;}
.n-lx-wz{ width:auto; padding:18px 20px 0; color:#fff; line-height:26px; font-size:13px; opacity:.95;}
.n-lx-an{ padding:18px 20px 0;}
.n-lx-an a{ display:block; width:100%; height:38px; line-height:38px; text-align:center; color:#fff; background:#ff9300; transition:.3s;}
.n-lx-an a:hover{ background:#ffba14;}

/* 内页右侧内容通用 */
.n-cont{ line-height:30px; background:#fafafa; padding:24px; color:#555; font-size:14px;}
.n-cont p{ margin-bottom:14px;}
.n-cont img{ display:block; margin:18px auto; max-width:100%; height:auto;}
.n-cont h2{ font-size:20px; color:#ae2900; font-weight:bold; margin:20px 0 10px; padding-left:12px; border-left:4px solid #ff9300;}
.con_title{ text-align:center; font-size:24px; color:#333; font-weight:bold; margin:6px 0 4px;}
.author{ text-align:center; font-size:13px; color:#999; border-bottom:1px dashed #c8c8c8; height:34px; line-height:34px; margin:6px 0 16px 0;}
.n-zb{ height:42px; line-height:42px; border-bottom:1px solid #e0e0e0; overflow:hidden; color:#666; margin-bottom:16px;}
.n-zb a{ color:#888;}
.n-zb a:hover{ color:#ff9300;}
.fy{ margin:24px 0 0 0; border-top:1px dashed #c8c8c8; padding:12px 0 0 0; line-height:30px;}
.fy li{ margin-bottom:6px;}
.fy li a{ color:#555;}

/* 内页产品网格 */
.n-tu ul{ display:flex; flex-wrap:wrap;}
.n-tu li{ width:calc((100% - 60px)/4); margin:0 20px 20px 0; padding:5px; border:1px solid #ececec; overflow:hidden; transition:.3s;}
.n-tu li:hover{ border-color:#ff9300; box-shadow:0 4px 14px rgba(174,41,0,.12);}
.n-tu li .c-tu{ width:100%; height:150px; overflow:hidden;}
.n-tu li .c-tu img{ width:100%; height:100%; object-fit:cover; transition:transform .4s;}
.n-tu li:hover .c-tu img{ transform:scale(1.06);}
.n-tu li .c-tit{ height:38px; line-height:38px; text-align:center; margin:6px 0 0 0;}
.n-tu li .c-tit a{ color:#333; background:#ececec; display:block; transition:.3s;}
.n-tu li .c-tit a:hover{ color:#fff; background:#ae2900;}

/* 新闻列表区 */
.news-list ul{ display:flex; flex-direction:column;}
.news-list li{ display:flex; align-items:center; padding:18px 0; border-bottom:1px dashed #e0e0e0; transition:.3s;}
.news-list li:hover{ background:#fff; padding-left:8px;}
.news-list li .nl-tu{ width:200px; height:130px; overflow:hidden; flex-shrink:0; margin-right:20px;}
.news-list li .nl-tu img{ width:100%; height:100%; object-fit:cover; transition:transform .4s;}
.news-list li:hover .nl-tu img{ transform:scale(1.06);}
.news-list li .nl-con{ flex:1; min-width:0;}
.news-list li .nl-con .nl-tt{ font-size:17px; color:#333; font-weight:bold; margin-bottom:8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news-list li .nl-con .nl-tt a{ color:#333;}
.news-list li .nl-con .nl-tt a:hover{ color:#ff9300;}
.news-list li .nl-con .nl-date{ font-size:13px; color:#ff9300; margin-bottom:8px;}
.news-list li .nl-con .nl-desc{ font-size:13px; color:#888; line-height:22px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}

/* 翻页 */
.pageListNav{ margin:24px auto 0 auto; text-align:center;}
.pageListNav a,.pageListNav span{ display:inline-block; padding:0 14px; height:38px; line-height:38px; color:#858585; margin:0 4px 0 0; border:1px solid #d6d6d6; border-radius:3px; background:#fff;}
.pageListNav a:hover{ color:#fff; background:#ae2900; border-color:#ae2900;}
.pageListNav .cur{ color:#fff; background:#ae2900; border-color:#ae2900;}

/* ===== 留言/联系表单 ===== */
.lyb-box{ background:#f5f5f5; padding:24px; margin:20px 0 0 0;}
.lyb-box h3{ font-size:18px; color:#ae2900; font-weight:bold; margin-bottom:16px; padding-left:10px; border-left:4px solid #ff9300;}
.contact-form .f-row{ margin-bottom:14px;}
.contact-form label{ display:block; font-size:13px; color:#666; margin-bottom:6px;}
.contact-form label em{ color:#ff9300; font-style:normal; margin-left:3px;}
.oinput1,.oinput2{ border:1px solid #ddd; height:38px; line-height:38px; width:100%; color:#444; background:#fff; padding:0 12px; border-radius:2px;}
.oinput1:focus,.oinput2:focus,.textarea1:focus{ border-color:#ff9300; outline:none;}
.textarea1{ border:1px solid #ddd; color:#444; background:#fff; font-size:14px; width:100%; height:120px; padding:10px 12px; border-radius:2px;}
.f-submit{ display:inline-block; padding:0 36px; height:42px; line-height:42px; background:#ae2900; color:#fff; border:0; cursor:pointer; font-size:15px; border-radius:2px; transition:.3s;}
.f-submit:hover{ background:#ff9300;}
.contact-info{ margin-bottom:20px;}
.contact-info ul{ display:flex; flex-wrap:wrap; gap:16px;}
.contact-info li{ flex:1; min-width:220px; background:#fff; border:1px solid #ececec; border-top:3px solid #ff9300; padding:20px; display:flex; align-items:center; transition:.3s;}
.contact-info li:hover{ box-shadow:0 4px 14px rgba(174,41,0,.1);}
.contact-info li .ci-ico{ width:44px; height:44px; flex-shrink:0; margin-right:14px; background:#fdeee0; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:22px; color:#ae2900;}
.contact-info li .ci-txt p{ font-size:13px; color:#999;}
.contact-info li .ci-txt strong{ font-size:16px; color:#333; font-weight:bold; display:block; margin-top:2px;}

/* ===== 关于我们内页扩展（发展历程/企业文化/团队） ===== */
.about-intro{ background:#fafafa; padding:24px; line-height:30px; color:#555;}
.about-intro p{ margin-bottom:14px;}

.timeline{ position:relative; padding:20px 0 10px 40px; margin:20px 0;}
.timeline:before{ content:""; position:absolute; left:8px; top:0; bottom:0; width:2px; background:#ff9300;}
.timeline li{ position:relative; padding:0 0 26px 24px;}
.timeline li:before{ content:""; position:absolute; left:-38px; top:4px; width:14px; height:14px; background:#fff; border:3px solid #ae2900; border-radius:50%;}
.timeline li .tl-year{ font-size:18px; color:#ae2900; font-weight:bold; font-family:Arial;}
.timeline li .tl-event{ font-size:14px; color:#666; margin-top:4px;}

.culture{ display:flex; flex-wrap:wrap; gap:18px; margin:18px 0;}
.culture-card{ flex:1; min-width:220px; background:#fff; border:1px solid #ececec; padding:24px; text-align:center; transition:.3s;}
.culture-card:hover{ border-color:#ff9300; transform:translateY(-4px); box-shadow:0 6px 18px rgba(174,41,0,.1);}
.culture-card .cc-ico{ width:60px; height:60px; margin:0 auto 14px; background:linear-gradient(135deg,#ae2900,#ff9300); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:28px; color:#fff;}
.culture-card h4{ font-size:18px; color:#333; font-weight:bold; margin-bottom:10px;}
.culture-card p{ font-size:13px; color:#888; line-height:22px;}

.team{ display:flex; flex-wrap:wrap; gap:18px; margin:18px 0;}
.team-card{ width:calc((100% - 36px)/3); text-align:center; background:#fff; border:1px solid #ececec; padding:20px; transition:.3s;}
.team-card:hover{ border-color:#ff9300; transform:translateY(-4px); box-shadow:0 6px 18px rgba(174,41,0,.1);}
.team-card .tc-avatar{ width:110px; height:110px; border-radius:50%; overflow:hidden; margin:0 auto 14px; border:3px solid #fdeee0;}
.team-card .tc-avatar img{ width:100%; height:100%; object-fit:cover;}
.team-card h4{ font-size:17px; color:#333; font-weight:bold;}
.team-card .tc-pos{ font-size:13px; color:#ff9300; margin-top:4px;}

/* ===== 产品详情扩展 ===== */
.pd-box{ display:flex; flex-wrap:wrap; gap:24px; background:#fafafa; padding:24px; margin-bottom:20px;}
.pd-img{ width:38%; flex-shrink:0; border:1px solid #ececec; overflow:hidden;}
.pd-img img{ width:100%; height:auto; object-fit:cover;}
.pd-info{ flex:1; min-width:0;}
.pd-info h2{ font-size:24px; color:#333; font-weight:bold; border:0; padding:0; margin:0 0 14px 0;}
.pd-info .pd-desc{ font-size:14px; color:#666; line-height:28px; margin-bottom:18px;}
.pd-info .pd-btn{ display:inline-block; padding:10px 30px; background:#ff9300; color:#fff; border-radius:2px; transition:.3s;}
.pd-info .pd-btn:hover{ background:#ae2900;}
.pd-table{ width:100%; border-collapse:collapse; margin:14px 0;}
.pd-table th,.pd-table td{ border:1px solid #e8e8e8; padding:10px 14px; font-size:14px; text-align:left;}
.pd-table th{ background:#ae2900; color:#fff; font-weight:bold; width:32%;}
.pd-table td{ color:#555;}
.pd-features{ margin:18px 0;}
.pd-features ul{ display:flex; flex-wrap:wrap; gap:14px;}
.pd-features li{ width:calc((100% - 14px)/2); display:flex; align-items:flex-start; padding:14px; background:#fafafa; border-left:3px solid #ff9300;}
.pd-features li .pf-ico{ width:34px; height:34px; flex-shrink:0; margin-right:12px; background:#fdeee0; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:18px; color:#ae2900;}
.pd-features li .pf-txt strong{ display:block; color:#333; font-size:15px; margin-bottom:4px;}
.pd-features li .pf-txt span{ font-size:13px; color:#888; line-height:20px;}

/* 图片兜底 */
.img-fallback{ background:linear-gradient(135deg,#ae2900,#ff9300); display:flex; align-items:center; justify-content:center; width:100%; height:100%; min-height:160px; color:#fff; font-size:13px; text-align:center; padding:10px;}

/* 滚动淡入动画 */
.fade-in{ opacity:0; transform:translateY(30px); transition:opacity .8s ease,transform .8s ease;}
.fade-in.visible{ opacity:1; transform:translateY(0);}

/* ===== 响应式：平板 ===== */
@media(max-width:1024px){
  .banner-box{ height:360px;}
  .banner-box .banner li{ height:360px;}
  .banner-box .banner li .banner-txt .bt-main{ font-size:32px;}
  .n-banner{ height:240px;}
  .cp-con li{ width:calc((100% - 40px)/3);}
  .al-con .bd{ display:none;}
  .foot-menu-con li{ padding:0 6px;}
  .foot-menu-con li a{ padding:0 10px; font-size:13px;}
  .team-card{ width:calc((100% - 18px)/2);}
}

/* ===== 响应式：手机 ===== */
@media(max-width:768px){
  body{ font-size:13px;}
  .top-j{ height:auto; padding:12px 15px;}
  .logo-box{ width:100%; height:auto; float:none;}
  .logo-svg{ width:46px; height:46px;}
  .logo-text .lt-cn{ font-size:20px;}
  .t-ico{ width:100%; float:none; height:auto; justify-content:flex-start; margin-top:10px; padding-bottom:4px;}
  .ico-dh{ text-align:left; padding-right:0;}
  .ico-dh .dh-num{ font-size:18px;}
  .ico-u{ margin-left:0; padding-left:0; border-left:0; margin-left:0;}
  .ico-u li{ margin-left:14px; margin-right:0;}
  .ico-u li:first-child{ margin-left:0;}
  .menu-toggle{ display:block;}
  .nav{ height:auto; max-height:0; overflow:hidden; transition:max-height .4s ease; padding:0;}
  .nav.open{ max-height:560px;}
  .nav .nLi{ float:none; width:100%; border-top:1px solid rgba(255,255,255,.15);}
  .nav .nLi h3 a{ padding:0 20px; text-align:left;}
  .nav .sub{ position:static; width:100%; display:none; box-shadow:none;}
  .nav .sub.open{ display:block;}
  .banner-box{ height:240px;}
  .banner-box .banner li{ height:240px;}
  .banner-box .banner li .banner-txt .bt-main{ font-size:22px; letter-spacing:1px;}
  .banner-box .banner li .banner-txt .bt-sub{ font-size:13px;}
  .banner-box .banner li .banner-txt .bt-btn{ padding:8px 24px; font-size:13px;}
  .search-box{ flex-direction:column; height:auto; align-items:flex-start; padding:12px 15px;}
  .ss-l{ width:100%; height:auto; line-height:24px; margin-bottom:8px;}
  .ss-r{ width:100%;}
  .ss-r input{ width:100%;}
  .cp-box,.usne-box,.lx-box,.al-box{ margin-top:30px;}
  .fl-box{ width:100%; float:none; margin:24px 0 0 0;}
  .cp-con li{ width:calc((100% - 20px)/2); margin:0 10px 10px 0;}
  .us-box{ width:100%; flex-direction:column; margin:0 0 24px 0;}
  .us-tu{ width:100%;}
  .us-tu img{ height:200px;}
  .ne-box{ width:100%;}
  .lx-box{ height:auto; flex-direction:column;}
  .lx-l{ width:100%; height:auto;}
  .lx-l img{ height:180px;}
  .lx-r{ width:100%; height:240px;}
  .al-con{ height:auto;}
  .al-con .next,.al-con .prev{ display:none;}
  .al-con .bd{ display:block; flex:1; height:auto; overflow:hidden;}
  .al-con .bd ul{ flex-wrap:wrap; width:100%;}
  .al-con li{ width:calc((100% - 28px)/2);}
  .foot-cc{ flex-direction:column;}
  .foot-l{ padding:20px 0 0 0;}
  .foot-menu-con li{ width:33.3%;}
  .foot-menu-con li a{ padding:0; font-size:13px;}
  .foot-r{ width:100%; border-left:0; border-top:1px solid rgba(255,255,255,.2); padding:20px 0;}
  .n-banner{ height:180px;}
  .n-banner .nb-txt .nbt-main{ font-size:24px;}
  .ntt{ flex-direction:column; align-items:flex-start; height:auto; padding:12px 15px;}
  .ntt h1{ font-size:18px;}
  .ntt .weiz{ margin-top:6px; font-size:12px;}
  .n-box{ flex-direction:column;}
  .n-l{ width:100%; margin:0 0 24px 0;}
  .n-tu li{ width:calc((100% - 20px)/2);}
  .news-list li{ flex-direction:column; align-items:flex-start;}
  .news-list li .nl-tu{ width:100%; height:160px; margin:0 0 12px 0;}
  .pd-box{ flex-direction:column;}
  .pd-img{ width:100%;}
  .pd-features li,.culture-card,.team-card{ width:100%;}
  .contact-info ul{ flex-direction:column;}
  .fixed-right-nav{ width:46px;}
  .fixed-right-nav a{ height:46px;}
  .fixed-right-nav .msg:before,.fixed-right-nav .decora:before,.fixed-right-nav .qrcode:before,.fixed-right-nav .backtop:before{ line-height:46px;}
}