/* 广西屿通商贸有限公司 - 精密机床 - 基于 /31508/ 模板还原 */
* { margin:0; padding:0; box-sizing:border-box; }
html,body { -webkit-text-size-adjust:100%; }
body { font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif; color:#333; background:#f5f5f5; font-size:16px; line-height:1.6; }
a { text-decoration:none; color:inherit; }
ul,ol,dl { list-style:none; }
img { border:0; vertical-align:middle; }
em,i { font-style:normal; }
button,input,textarea { font-family:inherit; outline:none; }
.w1400 { width:1400px; max-width:94%; margin:0 auto; }
.clear { clear:both; }

/* ---- wow 动画（js-on 门控） ---- */
.wow { }
html.js-on .wow { opacity:0; transform:translateY(30px); transition:opacity .8s ease,transform .8s ease; }
html.js-on .wow.in { opacity:1; transform:none; }
html.js-on .wow.zoomIn { transform:scale(.92); }
html.js-on .wow.zoomIn.in { transform:scale(1); }

/* ---- 头部（absolute 覆盖 banner） ---- */
.site-header { position:absolute; top:0; left:0; width:100%; height:90px; z-index:99; border-bottom:1px solid rgba(255,255,255,.2); transition:all .35s ease; }
.site-header.hd-fixed { position:fixed; background:#fff; border-bottom:1px solid #e6e6e6; box-shadow:0 4px 18px rgba(0,0,0,.06); }
.topbox { height:100%; position:relative; }
.lotbox { position:absolute; inset:0; display:flex; justify-content:space-between; align-items:center; pointer-events:none; }
.lotbox > * { pointer-events:auto; }
.logo { display:flex; align-items:center; gap:12px; }
.logo-ico { width:46px; height:46px; }
.logo-txt { display:flex; flex-direction:column; }
.logo-name { font-size:26px; color:#fff; font-weight:bold; letter-spacing:2px; line-height:1.2; }
.logo-sub { font-size:12px; color:rgba(255,255,255,.75); letter-spacing:3px; margin-top:4px; }
.site-header.hd-fixed .logo-name { color:#282828; }
.site-header.hd-fixed .logo-sub { color:#999; }
.top-tel { display:flex; align-items:center; gap:10px; }
.tel-ico { width:36px; height:36px; border-radius:50%; background:#92775b; display:flex; align-items:center; justify-content:center; flex:none; }
.tel-ico svg { width:19px; height:19px; }
.tel-num { font-size:22px; color:#fff; font-weight:bold; letter-spacing:1px; }
.site-header.hd-fixed .tel-num { color:#92775b; }
.menubox { height:100%; display:flex; align-items:center; justify-content:center; }
.flexnav { display:flex; width:100%; max-width:660px; }
.flexnav li { flex:1; position:relative; }
.flexnav li:before { content:""; position:absolute; left:50%; transform:translateX(-50%); top:-28px; border:6px solid transparent; border-bottom-color:#92775b; opacity:0; transition:all .4s ease; }
.flexnav li:hover:before,.flexnav li.active:before { top:-18px; opacity:1; }
.flexnav li a { display:flex; flex-direction:column; align-items:center; justify-content:center; height:90px; font-size:17px; color:#fff; font-weight:500; transition:color .25s; }
.flexnav li a i { display:block; width:0; height:2px; background:#92775b; margin-top:6px; transition:width .35s ease; }
.flexnav li:hover>a,.flexnav li.active>a { color:#e8d9c8; font-weight:bold; }
.flexnav li:hover>a i,.flexnav li.active>a i { width:26px; }
.site-header.hd-fixed .flexnav li a { color:#333; }
.site-header.hd-fixed .flexnav li:hover>a,.site-header.hd-fixed .flexnav li.active>a { color:#92775b; }
.item-with-ul { position:absolute; top:100%; left:50%; transform:translateX(-50%); width:172px; background:#f8f8f8; border-top:3px solid #735e48; box-shadow:0 8px 18px rgba(0,0,0,.18); padding:8px 12px 16px; display:none; z-index:999; }
.flexnav li:hover .item-with-ul { display:block; }
.flexnav .item-with-ul a { display:block; height:46px; line-height:46px; color:#666; font-size:15px; text-align:center; border-bottom:1px solid #eee; position:relative; }
.flexnav .item-with-ul a:last-child { border-bottom:0; }
.flexnav .item-with-ul a em { position:absolute; left:0; bottom:0; width:0; height:1px; background:#92775b; transition:width .5s ease; }
.flexnav .item-with-ul a:hover { color:#92775b; background:#fff; }
.flexnav .item-with-ul a:hover em { width:100%; }
.menu-button { display:none; }

/* ---- 首页 banner（棕色大圆角盒） ---- */
.apple-banner { width:calc(100% - 40px); margin:20px auto; height:760px; background:#92775b; border-radius:30px 30px 0 30px; position:relative; overflow:hidden; }
.banner-swiper { position:relative; height:100%; }
.banner-wrapper { display:flex; height:100%; transition:transform .8s cubic-bezier(.65,.05,.36,1); }
.banner-slide { flex:0 0 100%; height:100%; position:relative; }
.bannerPic { width:100%; height:100%; object-fit:cover; display:block; }
.banner-slide:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(20,14,8,.35) 0%,rgba(20,14,8,.05) 40%,rgba(20,14,8,.42) 100%); }
.banner-cap { position:absolute; inset:0; z-index:2; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:#fff; }
.cap-en { font-size:20px; letter-spacing:8px; text-transform:uppercase; color:rgba(255,255,255,.72); font-family:Impact,Arial,sans-serif; }
.cap-cn { font-size:52px; font-weight:bold; letter-spacing:6px; margin:14px 0 20px; text-shadow:0 3px 14px rgba(0,0,0,.35); }
.cap-sub { font-size:18px; color:rgba(255,255,255,.85); letter-spacing:2px; }
.cap-sub:before { content:""; display:inline-block; width:56px; height:1px; background:rgba(255,255,255,.6); vertical-align:middle; margin-right:16px; }
.cap-sub:after { content:""; display:inline-block; width:56px; height:1px; background:rgba(255,255,255,.6); vertical-align:middle; margin-left:16px; }
.banner-prev,.banner-next { position:absolute; top:50%; transform:translateY(-50%); z-index:5; cursor:pointer; }
.banner-prev { left:26px; } .banner-next { right:26px; }
.banner-prev span,.banner-next span { display:flex; align-items:center; justify-content:center; width:60px; height:60px; border-radius:50%; background:rgba(0,0,0,.28); color:#fff; font-size:30px; transition:all .4s; }
.banner-prev:hover span,.banner-next:hover span { background:#92775b; }
.banner-pagi { position:absolute; z-index:5; bottom:42px; left:50%; transform:translateX(-50%); display:flex; gap:14px; }
.pagi-dot { width:15px; height:15px; border:2px solid #92775b; background:rgba(255,255,255,.35); cursor:pointer; transition:all .4s ease; }
.pagi-dot.on { background:#92775b; transform:rotate(45deg); }

/* ---- 区块标题 ---- */
.eyou_allbt { text-align:left; }
.eyou_allbt.center { text-align:center; }
.btyw { font-size:46px; line-height:1.1; color:#92775b; font-family:Impact,"Arial Black",sans-serif; text-transform:uppercase; letter-spacing:1px; }
.eyou_allbt p { font-size:24px; color:#333; font-weight:bold; display:flex; align-items:center; margin-top:6px; }
.eyou_allbt p i { display:block; width:250px; max-width:20vw; height:1px; background:#ddd; margin-left:14px; }
.eyou_allbt.center p { justify-content:center; }
.eyou_allbt.center p i { width:89px; max-width:8vw; margin:0 13px; }
.btn-more { display:flex; align-items:center; justify-content:center; gap:10px; width:158px; height:45px; border-radius:5px; color:#fff; font-size:16px; background:#92775b; background:linear-gradient(135deg,#a26e59 0%,#92775b 30%,#92775b 100%); transition:all .35s; }
.btn-more:hover { background:#735e48; box-shadow:0 6px 16px rgba(114,94,72,.45); }
.btn-more em { display:block; width:9px; height:9px; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg); }
.btn-more.center { margin:0 auto; }

/* ---- 关于我们（首页） ---- */
.eyou-about { padding:72px 0 96px; position:relative; z-index:5; background:#f5f5f5; }
.about-left { width:574px; max-width:44%; float:left; }
.about-left img { width:100%; height:400px; object-fit:cover; border-radius:14px; display:block; box-shadow:0 14px 34px rgba(114,94,72,.22); }
.about-right { float:right; width:calc(100% - 640px); }
.about-text { font-size:16px; color:#666; line-height:30px; margin-top:34px; min-height:150px; display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical; overflow:hidden; }
.about-right .btn-more { margin-top:44px; }

/* ---- 推荐产品（棕色大区块，叠上一区） ---- */
.rec-pro { width:calc(100% - 40px); margin:-40px auto 0; background:#92775b; border-radius:0 30px 30px 30px; padding:88px 0 110px; position:relative; z-index:6; }
.rec-top { display:flex; justify-content:space-between; align-items:flex-end; }
.rec-top .eyou_allbt { width:46%; }
.rec-top .btyw { color:#fff; }
.rec-top .eyou_allbt p { color:#fff; }
.rec-top .eyou_allbt p i { background:rgba(255,255,255,.35); }
.pro-cats { width:52%; display:flex; flex-wrap:wrap; justify-content:flex-end; padding-bottom:8px; }
.pro-cats a { font-size:16px; color:#fff; opacity:.72; width:50%; text-align:right; padding:4px 26px 4px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all .4s; }
.pro-cats a:before { content:""; display:inline-block; width:8px; height:8px; background:#fff; transform:rotate(45deg); opacity:.8; margin-right:10px; }
.pro-cats a:hover { opacity:1; }
.pro-swiper { position:relative; margin-top:52px; overflow:hidden; padding:6px 0 30px; }
.sw-track { display:flex; transition:transform .7s cubic-bezier(.65,.05,.36,1); }
.sw-prev,.sw-next { position:absolute; top:110px; z-index:5; width:46px; height:46px; border-radius:50%; background:rgba(255,255,255,.92); color:#92775b; display:flex; align-items:center; justify-content:center; font-size:22px; cursor:pointer; transition:all .35s; box-shadow:0 4px 14px rgba(0,0,0,.18); }
.sw-prev { left:10px; } .sw-next { right:10px; }
.sw-prev:hover,.sw-next:hover { background:#735e48; color:#fff; }
.pro-card { flex:0 0 23.5%; margin-right:2%; background:#fff; padding:20px; position:relative; border-radius:6px; }
.sw-track .pro-card:last-child { margin-right:0; }
.pro-card .pic { display:block; width:100%; height:230px; overflow:hidden; background:#fafafa; border-radius:4px; }
.pro-card .pic img { width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
.pro-card .name { display:block; font-size:19px; color:#282828; font-weight:bold; text-align:center; margin:14px 0 8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:color .4s; }
.pro-model { text-align:center; font-size:15px; color:#999; margin-bottom:38px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:flex; align-items:center; justify-content:center; gap:6px; }
.ft-ico { width:16px; height:16px; flex:none; }
.ft-ico.sm { width:13px; height:13px; }
.pro-card .more { display:flex; align-items:center; justify-content:center; gap:8px; width:134px; height:40px; background:#eee; border-radius:5px; font-size:15px; color:#666; position:absolute; left:50%; transform:translateX(-50%); bottom:-20px; transition:all .4s; }
.pro-card .more em { display:block; width:7px; height:7px; border-top:2px solid currentColor; border-right:2px solid currentColor; transform:rotate(45deg); transition:margin .4s; }
.pro-card:hover .pic img { transform:scale(1.08); }
.pro-card:hover .name { color:#92775b; }
.pro-card:hover .more { background:#735e48; color:#fff; }
.pro-card:hover .more em { margin-left:4px; }

/* ---- 产品展示（白底 4 列） ---- */
.pro-show { background:#fff; padding:56px 0 96px; position:relative; z-index:5; }
.pro-show .eyou_allbt { margin-bottom:8px; }
.pro-grid { margin-top:56px; display:flex; flex-wrap:wrap; }
.pro-grid .pro-card { flex:0 0 23.35%; margin-right:2.2%; margin-bottom:56px; border:1px solid #ddd; border-radius:6px; }
.pro-grid .pro-card:nth-child(4n) { margin-right:0; }

/* ---- 新闻中心（棕色大区块） ---- */
.news-zone { width:calc(100% - 40px); margin:-20px auto 0; background:#92775b; border-radius:30px 0 30px 30px; padding:88px 0 110px; position:relative; z-index:6; }
.news-top { display:flex; justify-content:space-between; align-items:flex-end; }
.news-top .eyou_allbt { width:46%; }
.news-top .btyw,.news-top .eyou_allbt p { color:#fff; }
.news-top .eyou_allbt p i { background:rgba(255,255,255,.35); }
.news-tabs { display:flex; gap:12px; }
.news-tabs p { width:138px; height:50px; line-height:48px; text-align:center; color:#fff; font-size:17px; border-radius:5px; border:1px solid #fff; cursor:pointer; transition:all .35s; }
.news-tabs p.on,.news-tabs p:hover { border-color:#735e48; background:#735e48; }
.news-list { margin-top:56px; display:none; }
.news-list.on { display:flex; flex-wrap:wrap; }
.news-card { flex:0 0 32%; margin-right:2%; margin-bottom:22px; background:#fff; padding:30px 32px; border-radius:6px; transition:all .4s ease; }
.news-card:nth-child(3n) { margin-right:0; }
.news-card .name { display:block; font-size:19px; color:#333; font-weight:bold; line-height:30px; height:60px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; transition:color .4s; }
.news-card .ms { font-size:14px; color:#999; line-height:24px; height:48px; margin:14px 0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.libtom { border-top:1px solid #ddd; padding-top:15px; display:flex; justify-content:space-between; align-items:center; }
.libtom time { font-size:15px; color:#999; }
.libtom .more { display:flex; align-items:center; gap:8px; font-size:15px; color:#999; transition:color .4s; }
.libtom .more em { display:block; width:7px; height:7px; border-top:2px solid currentColor; border-right:2px solid currentColor; transform:rotate(45deg); transition:margin .4s; }
.news-card:hover { box-shadow:0 10px 30px rgba(0,0,0,.28); transform:translateY(-4px); }
.news-card:hover .name { color:#92775b; }
.news-card:hover .more { color:#92775b; }
.news-card:hover .more em { margin-left:4px; }

/* ---- 合作流程 ---- */
.coop-flow { background:#fff; padding:64px 0 76px; }
.coop-flow .eyou_allbt p i { width:89px; margin:0 13px; }
.coop-list { margin-top:58px; display:flex; }
.coop-item { flex:1; margin-right:2.5%; border:1px solid #ddd; background:#fff; border-radius:5px; padding:30px 12px; text-align:center; transition:all .4s ease; }
.coop-item:last-child { margin-right:0; }
.coop-ico { width:44px; height:44px; }
.coop-item em { display:block; width:23px; height:1px; background:#ddd; margin:18px auto; }
.coop-item p { font-size:18px; color:#444; margin-bottom:14px; }
.coop-item span { font-size:20px; color:#ddd; font-weight:bold; }
.coop-item:hover { margin-top:10px; border-color:#92775b; box-shadow:0 10px 24px rgba(146,119,91,.18); }

/* ---- 联系条 ---- */
.contact-band { width:calc(100% - 40px); margin:56px auto; background:#92775b; border-radius:30px; padding:96px 0; position:relative; overflow:hidden; }
.contact-band font { position:absolute; right:12%; top:50%; transform:translateY(-50%); font-size:128px; color:rgba(255,255,255,.07); font-weight:bold; text-transform:uppercase; white-space:nowrap; pointer-events:none; }
.contact-band .w1400 { position:relative; z-index:5; display:flex; justify-content:space-between; align-items:center; }
.contact-num p { font-size:18px; color:#fff; display:flex; align-items:center; }
.contact-num p:before { content:""; display:block; width:41px; height:2px; background:#fff; margin-right:14px; }
.contact-num span { display:block; font-size:50px; color:#fff; font-weight:bold; letter-spacing:2px; margin-top:10px; }

/* ---- 页脚 ---- */
footer { background:#fff; }
.fttop { margin-top:45px; }
.ft-one { display:flex; justify-content:space-between; align-items:center; padding-bottom:28px; border-bottom:1px solid #ddd; }
.logo-foot { display:flex; align-items:center; gap:12px; }
.logo-foot .logo-ico { width:44px; height:44px; }
.logo-name2 { font-size:24px; color:#282828; font-weight:bold; letter-spacing:2px; }
.logo-sub2 { font-size:12px; color:#999; letter-spacing:3px; margin-top:4px; }
.fotvav { display:flex; }
.fotvav a { display:flex; align-items:center; font-size:19px; font-weight:bold; color:#333; margin-left:52px; transition:color .35s; }
.fotvav a:before { content:""; display:block; width:22px; height:2px; background:#92775b; margin-right:14px; }
.fotvav a:hover { color:#92775b; }
.ft-two { display:flex; margin:36px 0 25px; }
.ft-left { width:50%; display:flex; }
.fotewm { width:170px; flex:none; display:flex; gap:12px; align-items:stretch; }
.fotewm .kuang { width:122px; height:122px; border:1px solid #ddd; background:#fff; padding:6px; flex:none; }
.fotewm .kuang img { width:100%; height:100%; }
.fotewm p { font-size:13px; color:#999; letter-spacing:2px; line-height:1.3; writing-mode:vertical-lr; display:flex; align-items:center; justify-content:center; }
.ftlxfs { flex:1; padding-left:36px; }
.ftlxfs dd { display:flex; margin:6px 0 26px; }
.ftlxfs em { display:flex; align-items:center; justify-content:center; width:42px; height:44px; border-radius:5px; background:#92775b; color:#fff; font-size:19px; flex:none; margin-right:13px; }
.lxzi { font-size:14px; color:#333; padding-top:2px; }
.lxzi p { font-size:15px; color:#999; line-height:23px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.ft-right { width:50%; display:flex; }
.ft-right li { flex:1; }
.ft-right li a { display:block; text-align:right; font-size:15px; color:#999; margin-bottom:14px; padding-left:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:color .35s; }
.ft-right li a:hover { color:#92775b; }
.ft-links { background:#f8f7f7; padding:15px 27px; display:flex; align-items:center; margin-bottom:40px; }
.fl-left p { font-size:17px; font-weight:bold; display:flex; align-items:center; }
.fl-left em { display:block; width:8px; height:8px; background:#92775b; transform:rotate(45deg); margin-right:12px; }
.fl-right a { color:#666; font-size:15px; margin-left:24px; transition:color .35s; }
.fl-right a:hover { color:#92775b; }
.foot-copy { background:#92775b; }
.foot_copy_main p { text-align:center; height:64px; line-height:64px; color:rgba(255,255,255,.85); font-size:15px; }
.foot_copy_main a { color:rgba(255,255,255,.85); }
.foot_copy_main a:hover { color:#fff; }

/* ---- 右侧悬浮客服 ---- */
.kfview { width:50px; background:#fff; box-shadow:0 0 16px rgba(0,0,0,.12); border-radius:20px 0 0 20px; position:fixed; top:22%; right:0; z-index:999; }
.kfbtn { padding:12px 0 8px; text-align:center; cursor:pointer; }
.kfbtn .kfhidd { display:inline-block; width:16px; height:12px; border-top:3px solid #92775b; border-bottom:3px solid #92775b; }
.kfview .kftop { cursor:pointer; }
.kfMain ul li { position:relative; text-align:center; padding:12px 0; }
.kfMain i,.kfMain span { display:inline-block; }
.kfMain span { display:block; font-size:12px; color:#666; margin-top:4px; }
.kfico,.gzico,.topico { width:22px; height:22px; background-size:contain; background-repeat:no-repeat; background-position:center; }
.kfico { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2392775b' stroke-width='2'%3E%3Cpath d='M5 4h4l2 5-2.5 1.5a12 12 0 005 5L15 13l5 2v4a2 2 0 01-2 2A16 16 0 013 6a2 2 0 012-2z'/%3E%3C/svg%3E"); }
.gzico { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2392775b' stroke-width='2'%3E%3Crect x='4' y='4' width='16' height='16' rx='3'/%3E%3Crect x='9' y='9' width='6' height='6'/%3E%3C/svg%3E"); }
.topico { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2392775b' stroke-width='2.4'%3E%3Cpath d='M12 20V6M6 12l6-6 6 6'/%3E%3C/svg%3E"); }
.pf-tel { display:none; position:absolute; right:54px; top:6px; width:160px; background:#fff; box-shadow:0 0 14px rgba(0,0,0,.14); border-radius:8px; padding:12px; font-size:13px; color:#666; text-align:left; }
.pf-tel b { font-size:17px; color:#92775b; }
.kfview ul li:hover .pf-tel { display:block; }
.kfewm img { display:none; position:absolute; right:54px; top:0; width:110px; height:110px; background:#fff; padding:6px; box-shadow:0 0 14px rgba(0,0,0,.14); border-radius:8px; }
.kfewm:hover img { display:block; }
.img-fallback { background:linear-gradient(135deg,#92775b,#735e48); }

/* ---- 内页 banner + 面包屑 ---- */
.n-banner { width:100%; height:420px; margin-top:20px; position:relative; overflow:hidden; }
.n-banner img { width:100%; height:100%; object-fit:cover; display:block; }
.n-banner:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(20,14,8,.5),rgba(20,14,8,.25) 55%,rgba(20,14,8,.5)); }
.n-cap { position:absolute; z-index:2; left:50%; transform:translateX(-50%); bottom:86px; width:1400px; max-width:94%; }
.n-cap p { font-size:32px; color:#fff; font-weight:bold; letter-spacing:4px; }
.n-cap em { display:block; width:120px; height:1px; background:rgba(255,255,255,.4); margin-top:14px; }
.ntit { background:#fff; border-bottom:1px solid #e5e5e5; position:relative; }
.ntt { display:flex; align-items:baseline; gap:14px; height:64px; }
.ntt h1 { font-size:24px; color:#282828; font-weight:bold; letter-spacing:2px; }
.ntt i { font-size:13px; color:#bbb; text-transform:uppercase; letter-spacing:2px; }
.ntt h1:before { content:""; display:inline-block; width:8px; height:22px; background:#92775b; margin-right:12px; vertical-align:-3px; }
.weiz { position:absolute; right:0; top:0; height:64px; display:flex; align-items:center; }
.weiz a { font-size:15px; color:#666; transition:color .3s; }
.weiz a:hover { color:#92775b; }
.weiz span { color:#ccc; margin:0 10px; }

/* ---- 产品列表页 ---- */
.pro-page { background:#f8f8f8; }
.pro-main { display:flex; padding:56px 0; gap:2.6%; align-items:flex-start; }
.pro-side { width:24%; flex:none; }
.side-box { background:#fff; border-radius:6px; margin-bottom:22px; overflow:hidden; }
.side-hd { background:#92775b; padding:18px 20px; }
.side-hd p { font-size:22px; color:#fff; font-weight:bold; letter-spacing:2px; }
.side-hd span { display:block; font-size:13px; color:rgba(255,255,255,.7); text-transform:uppercase; letter-spacing:2px; margin-top:2px; }
.side-bd { padding:14px 12px; }
.side-bd li a { display:block; height:52px; line-height:52px; padding:0 18px; background:#fafafa; color:#303030; font-size:15px; margin-bottom:8px; border-radius:4px; transition:all .35s; }
.side-bd li a:before { content:""; display:inline-block; width:7px; height:7px; background:#92775b; transform:rotate(45deg); margin-right:12px; vertical-align:2px; }
.side-bd li a:hover { background:#92775b; color:#fff; }
.side-bd li a:hover:before { background:#fff; }
.side-bd.news-li a { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px; }
.pro-right { flex:1; }
.pro-right .pro-card { flex:0 0 32%; margin-right:2%; margin-bottom:56px; border:1px solid #ddd; }
.pro-right .pro-card:nth-child(3n) { margin-right:0; }

/* ---- 新闻列表页 ---- */
.news-page { background:#f9f9f9; padding:56px 0 70px; }
.nl-list { display:flex; flex-wrap:wrap; }
.nl-item { flex:0 0 32%; margin:34px 2% 26px 0; position:relative; }
.nl-item:nth-child(3n) { margin-right:0; }
.nl-text { background:#fff; padding:70px 32px 30px; border-radius:6px; position:relative; z-index:1; transition:all .45s; }
.nl-time { position:absolute; top:-25px; left:32px; padding:10px 20px; background:#8a8a8a; border-radius:4px; text-align:center; transition:background .45s; }
.nl-time span { font-size:15px; color:rgba(255,255,255,.6); display:block; }
.nl-time p { font-size:26px; color:#fff; font-weight:bold; line-height:30px; }
.nl-text .name { display:block; font-size:18px; color:#333; font-weight:bold; line-height:28px; height:56px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.nl-text > p { color:#999; font-size:14px; line-height:24px; height:72px; margin:10px 0; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.nl-text .more { display:flex; align-items:center; gap:8px; color:#999; font-size:14px; }
.nl-text .more em { width:7px; height:7px; border-top:2px solid #92775b; border-right:2px solid #92775b; transform:rotate(45deg); }
.nl-item:hover .nl-time { background:#92775b; }
.nl-item:hover .nl-text { box-shadow:0 12px 28px rgba(0,0,0,.14); }
.nl-item:hover .nl-text .name { color:#92775b; }

/* ---- 产品详情 ---- */
.pd-page { background:#f8f8f8; padding:56px 0 76px; }
.pd-main { background:#fff; border-radius:8px; padding:44px; display:flex; gap:48px; }
.pd-pic { width:446px; flex:none; }
.pd-img { width:446px; height:446px; overflow:hidden; background:#fafafa; border:1px solid #eee; border-radius:6px; }
.pd-img img { width:100%; height:100%; object-fit:cover; }
.pd-thumbs { display:flex; margin-top:14px; gap:10px; }
.pd-thumbs li { width:88px; height:88px; cursor:pointer; }
.pd-thumbs p { width:100%; height:100%; border:2px solid #ececec; border-radius:4px; overflow:hidden; }
.pd-thumbs li.on p { border-color:#92775b; }
.pd-thumbs img { width:100%; height:100%; object-fit:cover; }
.pd-info { flex:1; }
.pd-name { font-size:28px; color:#282828; font-weight:bold; line-height:1.35; }
.pd-info > em { display:block; width:66px; height:3px; background:#92775b; margin:16px 0 22px; }
.pd-desc { font-size:15px; color:#666; line-height:28px; text-indent:2em; }
.pd-table { width:100%; border-collapse:collapse; margin:26px 0 8px; }
.pd-table caption { text-align:left; font-size:18px; font-weight:bold; color:#282828; padding-bottom:12px; }
.pd-table th,.pd-table td { border:1px solid #e5e5e5; padding:10px 16px; font-size:14px; text-align:left; }
.pd-table th { background:#92775b; color:#fff; font-weight:normal; width:180px; }
.pd-params { display:flex; flex-wrap:wrap; margin:18px 0 26px; }
.pd-params li { width:50%; display:flex; align-items:center; font-size:14px; padding:7px 0; }
.pd-params i { width:6px; height:6px; background:#92775b; transform:rotate(45deg); margin-right:10px; flex:none; }
.pd-params p { color:#666; width:88px; flex:none; }
.pd-params span { color:#282828; }
.pd-feat { margin:4px 0 26px; }
.pd-feat li { display:flex; align-items:flex-start; gap:10px; font-size:15px; color:#444; line-height:26px; margin-bottom:8px; }
.pd-btn { display:inline-flex; align-items:center; gap:12px; background:linear-gradient(135deg,#a26e59,#92775b); color:#fff; border-radius:6px; padding:14px 34px; font-size:17px; transition:all .35s; }
.pd-btn:hover { background:#735e48; }
.rel-pro { margin-top:46px; background:#fff; border-radius:8px; padding:40px 44px 56px; }
.rel-pro .eyou_allbt { margin-bottom:40px; }
.rel-grid .pro-card { flex:0 0 23.5%; margin-right:2%; }
.rel-grid .pro-card:nth-child(4n) { margin-right:0; }

/* ---- 新闻详情 ---- */
.nd-page { background:#f9f9f9; padding:56px 0 76px; }
.nd-main { background:#fff; border-radius:8px; padding:48px 56px; }
.nd-title { font-size:28px; color:#282828; font-weight:bold; line-height:1.5; text-align:center; }
.nd-tips { display:flex; justify-content:center; gap:26px; border-bottom:1px solid #eee; padding:18px 0 22px; margin-bottom:30px; }
.nd-tips li { font-size:14px; color:#999; }
.nd-tips span { color:#92775b; }
.nd-con { font-size:16px; color:#444; line-height:32px; }
.nd-con p { margin-bottom:20px; text-align:justify; }
.nd-con img { display:block; width:74%; margin:26px auto; border-radius:8px; }
.nd-pn { border-top:1px solid #eee; margin-top:34px; padding-top:24px; display:flex; align-items:center; gap:14px; }
.nd-pn i { width:8px; height:8px; background:#92775b; transform:rotate(45deg); flex:none; }
.nd-pn li { font-size:15px; color:#666; line-height:30px; }
.nd-pn a { color:#92775b; }
.nd-pn a:hover { text-decoration:underline; }

/* ---- 关于我们页 ---- */
.ab-page { background:#fff; padding:64px 0 80px; }
.ab-tit { text-align:center; font-size:30px; color:#282828; font-weight:bold; letter-spacing:3px; margin-bottom:8px; }
.ab-tit:before { content:""; display:inline-block; width:89px; height:1px; background:#ddd; vertical-align:middle; margin-right:20px; }
.ab-tit:after { content:""; display:inline-block; width:89px; height:1px; background:#ddd; vertical-align:middle; margin-left:20px; }
.ab-en { text-align:center; font-size:14px; color:#bbb; text-transform:uppercase; letter-spacing:4px; margin-bottom:44px; }
.ab-text { font-size:16px; color:#555; line-height:32px; text-align:justify; }
.ab-text p { margin-bottom:18px; text-indent:2em; }
.ab-stats { display:flex; margin:52px 0 10px; }
.ab-stats li { flex:1; text-align:center; padding:26px 10px; background:#f8f6f3; border-radius:8px; margin-right:2%; border:1px solid #eee7df; }
.ab-stats li:last-child { margin-right:0; }
.ab-stats span { display:block; font-size:40px; color:#92775b; font-family:Impact,Arial,sans-serif; }
.ab-stats span b { font-size:20px; margin-left:2px; }
.ab-stats p { font-size:14px; color:#888; margin-top:8px; }
.ab-tl { margin-top:46px; }
.ab-timeline { margin-top:44px; border-left:2px solid #e4d9cd; padding-left:0; }
.ab-timeline li { position:relative; padding:0 0 34px 40px; }
.ab-timeline li:before { content:""; position:absolute; left:-8px; top:6px; width:14px; height:14px; border-radius:50%; background:#92775b; box-shadow:0 0 0 4px #f0e9e1; }
.tl-time { font-size:20px; color:#92775b; font-weight:bold; font-family:Impact,Arial,sans-serif; letter-spacing:1px; }
.tl-body b { display:block; font-size:17px; color:#282828; margin:6px 0 4px; }
.tl-body p { font-size:14px; color:#888; line-height:24px; max-width:760px; }
.ab-culture { margin-top:48px; }
.ab-culture ul { display:flex; margin-top:40px; }
.ab-culture li { flex:1; margin-right:2.2%; background:#f8f6f3; border-top:3px solid #92775b; border-radius:0 0 8px 8px; padding:34px 26px; transition:all .4s; }
.ab-culture li:last-child { margin-right:0; }
.ab-culture li:hover { background:#92775b; }
.ab-culture svg { width:42px; height:42px; }
.ab-culture p { font-size:19px; color:#282828; font-weight:bold; margin:16px 0 8px; }
.ab-culture span { font-size:14px; color:#888; line-height:24px; display:block; }
.ab-culture li:hover p { color:#fff; }
.ab-culture li:hover span { color:rgba(255,255,255,.8); }
.ab-team { margin-top:48px; }
.ab-team ul { display:flex; margin-top:40px; }
.ab-team li { flex:1; margin-right:2.2%; text-align:center; }
.ab-team li:last-child { margin-right:0; }
.ab-team img { width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:8px; margin-bottom:14px; }
.t-name { font-size:18px; color:#282828; font-weight:bold; }
.t-job { font-size:13px; color:#999; letter-spacing:2px; margin-top:6px; }

/* ---- 联系我们页 ---- */
.ct-page { background:#f8f8f8; padding:56px 0 80px; }
.ct-info { background:#fff; border-radius:8px; padding:44px; display:flex; gap:50px; align-items:flex-start; }
.ct-qr { width:170px; flex:none; text-align:center; }
.ct-qr img { width:150px; height:150px; border:1px solid #eee; padding:8px; border-radius:8px; }
.ct-qr p { font-size:14px; color:#999; margin-top:12px; }
.ct-list { flex:1; }
.ct-list li { display:flex; align-items:flex-start; gap:18px; padding:16px 0; border-bottom:1px dashed #eae4dc; }
.ct-list li:last-child { border-bottom:0; }
.ct-list i { width:46px; height:46px; border-radius:50%; background:#92775b; color:#fff; display:flex; align-items:center; justify-content:center; font-size:20px; flex:none; font-style:normal; }
.ct-list span { font-size:15px; color:#999; }
.ct-list p { font-size:18px; color:#282828; font-weight:bold; margin-top:4px; }
.ct-form { background:#fff; border-radius:8px; padding:44px; margin-top:26px; }
.ct-form h2 { font-size:22px; color:#282828; margin-bottom:6px; }
.ct-form .ct-en { font-size:13px; color:#bbb; letter-spacing:3px; text-transform:uppercase; margin-bottom:30px; }
.f-grid { display:flex; flex-wrap:wrap; gap:22px; }
.f-row { flex:1 1 30%; display:flex; flex-direction:column; }
.f-row.full { flex-basis:100%; }
.f-row label { font-size:14px; color:#666; margin-bottom:8px; }
.f-row label b { color:#c0392b; margin-right:4px; }
.f-row input,.f-row textarea { border:1px solid #ddd; border-radius:5px; padding:12px 14px; font-size:15px; color:#333; background:#fafafa; transition:all .3s; }
.f-row input:focus,.f-row textarea:focus { border-color:#92775b; background:#fff; }
.f-row textarea { min-height:130px; resize:vertical; }
.f-sub { margin-top:26px; }

/* ============ 响应式（媒体查询统一置尾） ============ */
@media (max-width:1440px) {
  .w1400 { width:94%; }
  .apple-banner { height:660px; }
  .cap-cn { font-size:46px; }
  .btyw { font-size:40px; }
}
@media (max-width:1200px) {
  .apple-banner { height:560px; }
  .flexnav li a { font-size:16px; }
  .logo-name { font-size:22px; }
  .tel-num { font-size:19px; }
  .pd-main { flex-direction:column; }
  .pd-pic { width:100%; }
  .pd-img { width:100%; height:auto; aspect-ratio:1/1; }
}
@media (max-width:1024px) {
  .apple-banner { height:500px; border-radius:20px 20px 0 20px; }
  .cap-cn { font-size:36px; letter-spacing:4px; }
  .cap-en { font-size:15px; }
  .cap-sub { font-size:14px; }
  .about-left { float:none; width:100%; max-width:100%; }
  .about-right { float:none; width:100%; margin-top:36px; }
  .pro-grid .pro-card { flex:0 0 48.5%; margin-right:3%; }
  .pro-grid .pro-card:nth-child(4n) { margin-right:3%; }
  .pro-grid .pro-card:nth-child(2n) { margin-right:0; }
  .sw-track .pro-card { flex:0 0 48.5%; margin-right:3%; }
  .sw-track .pro-card:last-child { margin-right:0; }
  .sw-prev,.sw-next { top:150px; }
  .news-card { flex:0 0 49%; }
  .news-card:nth-child(3n) { margin-right:2%; }
  .news-card:nth-child(2n) { margin-right:0; }
  .coop-list { flex-wrap:wrap; }
  .coop-item { flex:0 0 23.5%; margin-right:2%; margin-bottom:18px; }
  .coop-item:last-child { margin-right:0; }
  .contact-band font { font-size:70px; }
  .contact-num span { font-size:34px; }
  .ft-two { flex-direction:column; gap:26px; }
  .ft-left,.ft-right { width:100%; }
  .pro-main { flex-direction:column; }
  .pro-side { width:100%; }
  .pro-right .pro-card { flex:0 0 48.5%; margin-right:3%; }
  .pro-right .pro-card:nth-child(3n) { margin-right:3%; }
  .pro-right .pro-card:nth-child(2n) { margin-right:0; }
  .nl-item { flex:0 0 49%; }
  .nl-item:nth-child(3n) { margin-right:2%; }
  .nl-item:nth-child(2n) { margin-right:0; }
  .nd-main { padding:34px 28px; }
  .ab-culture ul,.ab-team ul { flex-wrap:wrap; }
  .ab-culture li { flex:0 0 48.9%; margin-bottom:18px; }
  .ab-team li { flex:0 0 48.9%; margin-bottom:18px; }
  .ab-stats { flex-wrap:wrap; }
  .ab-stats li { flex:0 0 48.9%; margin-bottom:14px; }
  .ct-info { flex-direction:column; }
  .rel-grid .pro-card { flex:0 0 48.5%; margin-right:3%; }
  .rel-grid .pro-card:nth-child(4n) { margin-right:3%; }
  .rel-grid .pro-card:nth-child(2n) { margin-right:0; }
}
@media (max-width:768px) {
  .site-header { height:70px; }
  .lotbox { position:static; }
  .topbox { display:block; }
  .lotbox { display:flex; }
  .logo-name { font-size:19px; }
  .logo-sub { display:none; }
  .tel-num { display:none; }
  .menu-button { display:block; width:56px; height:70px; float:right; position:relative; cursor:pointer; }
  .menu-button::after { content:""; position:absolute; right:16px; top:26px; width:24px; height:6px; border-top:2px solid #fff; border-bottom:2px solid #fff; }
  .menu-button::before { content:""; position:absolute; right:16px; top:39px; height:3px; width:24px; border-bottom:2px solid #fff; }
  .site-header.hd-fixed .menu-button::after { border-color:#666; }
  .site-header.hd-fixed .menu-button::before { border-color:#666; }
  .menubox { display:block; height:auto; }
  .flexnav { display:block; position:fixed; left:0; top:70px; width:100%; background:#fff; height:0; overflow:hidden; transition:height .3s ease; z-index:99; box-shadow:0 8px 18px rgba(0,0,0,.1); }
  .flexnav.open { height:auto; }
  .flexnav li { width:90%; margin:0 auto; border-bottom:1px solid #ededed; }
  .flexnav li a { height:56px; line-height:56px; display:block; text-align:center; padding:0; color:#555 !important; font-weight:bold; font-size:16px; }
  .flexnav li a i { display:none; }
  .flexnav li:before,.flexnav li:hover:before { display:none; }
  .item-with-ul { display:block; position:static; width:100%; transform:none; box-shadow:none; border-top:0; background:#f7f7f7; padding:4px 0; }
  .flexnav .item-with-ul a { border-bottom:1px solid #efefef; height:46px; line-height:46px; color:#666; }
  .flexnav .item-with-ul a em { display:none; }
  .apple-banner { height:400px; margin:12px auto; }
  .cap-cn { font-size:26px; }
  .cap-sub { font-size:12px; }
  .cap-sub:before,.cap-sub:after { width:26px; margin:0 8px; }
  .banner-prev span,.banner-next span { width:40px; height:40px; font-size:22px; }
  .rec-pro { padding:56px 0 80px; border-radius:0 20px 20px 20px; }
  .rec-top { flex-direction:column; align-items:center; }
  .rec-top .eyou_allbt { width:100%; text-align:center; }
  .rec-top .eyou_allbt p { justify-content:center; }
  .pro-cats { width:100%; justify-content:center; margin-top:20px; }
  .pro-cats a { width:50%; text-align:center; padding:4px 8px; }
  .news-zone { padding:56px 0 80px; border-radius:20px 0 20px 20px; }
  .news-top { flex-direction:column; align-items:center; }
  .news-top .eyou_allbt { width:100%; text-align:center; }
  .news-top .eyou_allbt p { justify-content:center; }
  .news-tabs { margin-top:18px; }
  .news-tabs p { width:112px; height:42px; line-height:40px; font-size:15px; }
  .contact-band { padding:56px 0; border-radius:20px; }
  .contact-band font { display:none; }
  .contact-band .w1400 { flex-direction:column; align-items:flex-start; gap:22px; }
  .contact-num span { font-size:30px; }
  .ft-one { flex-direction:column; gap:18px; align-items:flex-start; }
  .fotvav { flex-direction:column; }
  .fotvav a { margin-left:0; margin-top:10px; }
  .ft-left { flex-direction:column; }
  .fotewm { width:auto; gap:14px; }
  .fotewm p { writing-mode:horizontal-tb; }
  .ftlxfs { padding-left:0; margin-top:18px; }
  .ft-right li a { text-align:left; padding-left:0; }
  .ft-links { flex-direction:column; gap:8px; }
  .fl-right { display:flex; flex-wrap:wrap; }
  .fl-right a { margin:0 16px 0 0; }
  .n-banner { height:280px; margin-top:0; }
  .n-cap { bottom:56px; }
  .n-cap p { font-size:24px; }
  .ntt h1 { font-size:19px; }
  .ntt i { display:none; }
  .weiz { position:static; height:auto; padding:8px 0 12px; justify-content:flex-start; }
  .ntit .w1400 { height:auto; padding:14px 0 0; }
  .pro-grid .pro-card,.pro-right .pro-card,.sw-track .pro-card,.rel-grid .pro-card { flex:0 0 100%; margin-right:0; }
  .news-card,.nl-item { flex:0 0 100%; margin-right:0; }
  .coop-item { flex:0 0 48%; }
  .pd-main { padding:22px; }
  .nd-main { padding:24px 18px; }
  .ab-team li { flex:0 0 48.9%; }
  .ct-info,.ct-form { padding:24px; }
  .f-row { flex-basis:100%; }
  .kfview { display:none; }
  .foot_copy_main p { font-size:13px; line-height:22px; height:auto; padding:12px 0; }
}