/* ============================================================
   zyt-theme.css v2 - minimal brushed-metal design system
   美观 · 大方 · 简约 · 金属感
   Load AFTER templets/bluesite/images/style.css
   ------------------------------------------------------------
   tokens
     page bg      #f5f6f8        surface      #ffffff
     hairline     #e5e8ec        metal edge   #d6dae0
     heading      #2c3440        body text    #5b6572   muted #98a1ad
     accent       #f5872a (hover / small marks only)
     dark steel   #3a414b -> #2b313a (footer / bands)
     radius 12px  shadow 0 10px 30px rgba(44,52,64,.06)
   ============================================================ */

/* ---------- 1. base ---------- */
body { -webkit-font-smoothing: antialiased; }
.home-page { background: #f5f6f8; color: #5b6572; }
.home-page a { transition: color .2s ease; }
.home-page a:hover { color: #f5872a; }

/* ---------- 2. header (light metal) ---------- */
.topbg1 {
    background: linear-gradient(180deg, #ffffff 0%, #f3f5f7 100%);
    border-bottom: 1px solid #e5e8ec;
}
.hander { height: 88px; }
.hander .logo-box {
    float: left;
    background: #fff;
    border: 1px solid #e5e8ec;
    border-radius: 10px;
    padding: 8px 18px;
    margin-top: 14px;
    box-shadow: 0 10px 30px rgba(44, 52, 64, .06);
}
.hander .logo-box img { display: block; height: 48px !important; width: auto !important; }
.hander .hotline { padding-top: 20px; }
.hander .hotline img { border-radius: 10px; box-shadow: 0 10px 24px rgba(44, 52, 64, .12); }

/* ---------- 3. nav (brushed steel bar) ---------- */
.menu {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 999;
    height: 56px;
    background: linear-gradient(180deg, #fbfcfd 0%, #eef0f3 47%, #e4e7eb 53%, #f0f2f5 100%);
    border-top: 1px solid rgba(255, 255, 255, .9);
    border-bottom: 2px solid #f5872a;
    box-shadow: 0 6px 18px rgba(44, 52, 64, .10);
}
#nav { height: 56px; line-height: 56px; font-size: 16px; }
#nav > ul { height: 56px; }
#nav ul li { min-width: 150px; }
#nav ul li a {
    line-height: 56px;
    color: #3d454f;
    font-weight: 600;
    letter-spacing: 1px;
    transition: color .2s ease, background .2s ease, box-shadow .2s ease;
}
#nav ul li a:hover,
#nav ul li:hover > a {
    color: #f5872a;
    background: linear-gradient(180deg, rgba(255, 255, 255, .7), rgba(245, 135, 42, .06));
    box-shadow: inset 0 -3px 0 #f5872a;
}
#nav ul li ul {
    height: auto;               /* dropdown fix: never clip */
    background: #fff;
    border: 1px solid #e5e8ec;
    border-top: none;
    border-radius: 0 0 12px 12px;
    box-shadow: 0 16px 36px rgba(44, 52, 64, .16);
    overflow: hidden;
    min-width: 160px;
}
#nav ul li:hover ul { top: 56px; min-width: 160px; }
#nav ul li:hover ul li a {
    background: #fff;
    color: #4a525d;
    width: 160px;
    line-height: 44px;
    font-weight: normal;
    border-bottom: 1px solid #f0f2f5;
    box-shadow: none;
    transition: all .2s ease;
}
#nav ul li:hover ul li a:hover { background: #f5872a; color: #fff; }
.borderleft { background-color: transparent; }

/* ---------- 4. footer (dark graphite steel) ---------- */
.footbottom { background: linear-gradient(180deg, #414954 0%, #2b313a 100%); }
.foot16l li { color: #b6bec9; }
.foot16l li dl dt {
    display: inline-block;
    color: #fff;
    padding-bottom: 6px;
    margin-bottom: 6px;
    border-bottom: 2px solid #f5872a;
    letter-spacing: 2px;
}
.foot16l li dl dd a { color: #b6bec9; transition: color .2s ease; }
.foot16l li dl dd a:hover { color: #ffa045; }
.foot16r li span, .foot16r li .wap2017 { color: #b6bec9; }
.foot16r li img.bimg {
    background: #fff;
    padding: 6px;
    border-radius: 10px;
    box-shadow: 0 8px 20px rgba(30, 35, 42, .35);
    box-sizing: content-box;
}
.foot-b {
    border-top: 1px solid rgba(255, 255, 255, .08);
    margin-top: 16px;
    padding-top: 12px;
}
.foot-b li, .foot-b li a { color: #98a2ad; }
.foot-b li a:hover { color: #ffa045; }

/* 4.1 底部信息居中：容器加宽到 1440px 后，原 1000px 设想的左右浮动布局会向两侧拉开且版权块偏左
   → 改用 flex 居中，链接列 + 二维码列作为一个居中组，版权信息整行居中 */
.footbottom .w1000 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}
.footbottom .foot16l {
    float: none;
    width: auto;
    background: none;
    height: auto;
    display: flex;
    justify-content: center;
    padding-right: 15rem;
}
.footbottom .foot16l > ul { display: flex; flex-wrap: wrap; justify-content: center; }
.footbottom .foot16l li { float: none; }
.footbottom .foot16r {
    float: none;
    width: auto;
    height: auto;
    display: flex;
    justify-content: center;
}
.footbottom .foot16r ul { display: flex; flex-wrap: wrap; justify-content: center; }
.footbottom .foot16r li { float: none; }
.footbottom .foot-b {
    float: none;
    width: 100%;
    text-align: center;
}
.footbottom .foot-b ul { width: 100%; }
.footbottom .foot-b li { width: 100%; text-align: center; }

/* ---------- 5. section titles ---------- */
.home-page .sec-title { width: 1180px; margin: 44px auto 18px; padding: 0 0 4px; text-align: center; }
.home-page .sec-title h2 {
    display: inline-block;
    vertical-align: baseline;
    font-size: 26px;
    font-weight: bold;
    color: #2c3440;
    letter-spacing: 4px;
}
.home-page .sec-title .en {
    display: inline-block;
    vertical-align: baseline;
    margin: 0 0 0 14px;
    font-size: 14px;
    font-weight: 600;
    color: #e78a2e;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.home-page .sec-title::after {
    content: "";
    display: block;
    width: 56px;
    height: 3px;
    margin: 14px auto 0;
    border-radius: 2px;
    background: linear-gradient(90deg, #9aa3ad, #f5872a);
}
.home-page .sec-light h2 { color: #2c3440; }
.home-page .sec-light .en { color: #e78a2e; }

/* ---------- 6. hero carousel ---------- */
#flashs {
    border-radius: 0 0 16px 16px;
    box-shadow: 0 14px 30px rgba(44, 52, 64, .10);
    overflow: hidden;
}
#flashs .bgitem { background-color: #dfe3e8 !important; } /* steel fallback */
#flashs .btn {
    left: 50%;
    margin-left: -62px;
    bottom: 16px;
    padding: 6px 10px;
    background: rgba(43, 49, 58, .35);
    border-radius: 16px;
}
#flashs .btn span {
    width: 26px;
    height: 8px;
    line-height: 8px;
    margin: 0 3px;
    border-radius: 4px;
    background: rgba(255, 255, 255, .6);
    color: transparent;
    font-size: 0;
    transition: all .25s ease;
}
#flashs .btn span:hover { background: #fff; }
#flashs .btn span.on { background: #f5872a; width: 36px; }

/* ---------- 7. homepage: partners band ---------- */
.home-page #index-sot {
    position: relative;
    width: 100%;
    margin: 20px auto 0;
    padding-bottom: 24px;
    border-radius: 14px;
    border: 1px solid #e5e8ec;
    background: #fff;
    box-shadow: 0 10px 30px rgba(44, 52, 64, .06);
    overflow: hidden;
}
.home-page #index-sot::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 3px;
    background: linear-gradient(90deg, #12447f 0%, #f5872a 55%, #ffa045 100%);
    z-index: 2;
}
.home-page #index-sot .sec-title { width: auto; margin: 0 0 6px; padding-top: 22px; }
.home-page #index-sot #demo { width: 1180px !important; }
.home-page #index-sot img {
    display: block;
    border-radius: 8px;
    border: none;
    background: #fff;
    box-shadow: 0 4px 12px rgba(44, 52, 64, .08);
    transition: transform .3s ease, box-shadow .3s ease;
}
.home-page #index-sot img:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 22px rgba(245, 135, 42, .25);
}

/* ---------- 8. homepage: left product panel ---------- */
.home-page .pro-left2016 {
    background: #fff;
    border: 1px solid #e5e8ec;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(44, 52, 64, .06);
}
.home-page .pro-left-tit2016 {
    height: auto;
    line-height: 26px;
    padding: 16px 0 14px 20px;
    background: linear-gradient(180deg, #f7f8fa, #eceef2);
    border-bottom: 1px solid #e0e4e9;
    border-left: 4px solid #f5872a;
    color: #2c3440;
    box-sizing: border-box;
}
.home-page .pro-left-cen2016 { border: none; }
.home-page .proclass_list2016 .proclass_tit2016 {
    background: #fff;
    border-bottom: 1px solid #f0f2f5;
    border-radius: 6px;
    margin: 4px 8px;
    width: auto;
    padding-left: 16px;
    height: 38px;
    line-height: 38px;
    transition: all .2s ease;
}
.home-page .proclass_list2016 .proclass_tit2016 a { color: #39434f; }
.home-page .proclass_list2016 .proclass_tit2016:hover {
    background: #f5f7fa;
    box-shadow: inset 3px 0 0 #f5872a;
}
.home-page .proclass_list2016 .proclass_tit2016:hover a { color: #f5872a; }
.home-page .zhaoshang {
    border: none;
    border-radius: 12px;
    overflow: hidden;
    margin-top: 12px;
    box-shadow: 0 10px 30px rgba(44, 52, 64, .08);
}
.home-page .zhaoshang img { width: 100%; height: auto; display: block; }

/* ---------- 9. homepage: product cards ---------- */
.home-page .rig-pro {
    position: relative;
    width: auto;
    background: #fff;
    border: 1px solid #e5e8ec;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(44, 52, 64, .06);
    padding-bottom: 18px;
    box-sizing: border-box;
    overflow: hidden;
}
.home-page .rig-pro::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 3px;
    background: linear-gradient(90deg, #12447f 0%, #f5872a 55%, #ffa045 100%);
    z-index: 2;
}
.home-page .rig-pro-tithome {
    overflow: hidden;            /* contain floated title */
    width: auto;
    height: auto;
    background: none;
    padding: 22px 24px 14px;
    margin: 0 0 8px;
    border-bottom: 1px solid #f0f2f5;
    color: #2c3440;
    font-size: 22px;
    line-height: 30px;
}
.home-page .rig-pro-tithome .recommp { float: left; border-left: 4px solid #f5872a; padding-left: 12px; line-height: 1.25; }
.home-page .rig-pro-tithome .recommen { float: left; color: #c2c8d0; font-size: 13px; letter-spacing: 3px; padding: 9px 0 0 12px; }
.home-page .rig-pro-tithome span img { display: none; }
.home-page .rig-pro-tithome span a {
    position: absolute;
    right: 18px;
    top: 24px;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 32px;
    border-radius: 50%;
    background: #f5f6f8;
    border: 1px solid #e0e4e9;
    text-align: center;
    transition: all .25s ease;
}
.home-page .rig-pro-tithome span a::after { content: "\203A"; color: #f5872a; font-size: 22px; font-weight: bold; }
.home-page .rig-pro-tithome span a:hover { background: #f5872a; border-color: #f5872a; }
.home-page .rig-pro-tithome span a:hover::after { color: #fff; }
.home-page .rig-pro-cen { width: auto; overflow: visible; padding: 0 6px; }
.home-page .box {
    position: relative;
    float: left;
    width: calc(33.333% - 16px);
    margin: 8px;
    height: auto;
    padding: 10px 10px 14px;
    border-radius: 14px;
    border: 1px solid #eceef2;
    background: #fff;
    box-sizing: border-box;
    transition: transform .32s ease, box-shadow .32s ease, border-color .32s ease;
}
.home-page .box:hover {
    transform: translateY(-6px);
    border-color: #f5872a;
    box-shadow: 0 18px 34px rgba(245, 135, 42, .18);
}
.home-page .box a:first-child { display: block; overflow: hidden; border-radius: 12px; box-shadow: inset 0 0 0 1px #eceef2; }
/* 悬停“查看详情 ›”遮罩已按需求移除，图片区域样式不变 */
.home-page .box img {
    display: block;
    width: 100%;
    height: 230px;
    padding: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: linear-gradient(135deg, #f2f3f6 0%, #e3e7ec 100%);

    box-sizing: border-box;
    transition: transform .55s cubic-bezier(.2, .7, .3, 1);
}
.home-page .box a:hover img,
.home-page .box:hover img { transform: scale(1.08); border: none; box-shadow: none; }
.home-page .box p {
    width: auto;
    margin: 14px 4px 4px;
    padding: 12px 0 0;
    border-top: 1px solid #f2f4f7;
    text-align: left;
    line-height: 24px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .3px;
    color: #2c3440;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
}
.home-page .box p::before {
    content: "";
    flex: 0 0 auto;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 2px;
    background: #f5872a;
    margin-right: 8px;
}
/* 标题颜色与主题一致：常态深蓝，悬停变品牌橙；无背景变化 */
.home-page .box p a { color: #12447f; font-weight: 500; transition: color .25s ease; }
.home-page .box:hover p a,
.home-page .box p a:hover { color: #f5872a; font-weight: 500; background: none; }

/* ---------- 10. homepage: case wall ---------- */
.home-page .case-band {
    position: relative;
    background: #fff;
    border: 1px solid #e5e8ec;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(44, 52, 64, .06);
    margin-bottom: 8px;
    overflow: hidden;
}
.home-page .case-band::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 3px;
    background: linear-gradient(90deg, #12447f 0%, #f5872a 55%, #ffa045 100%);
    z-index: 2;
}
.home-page .case2017 { width: auto; overflow: hidden; padding: 4px 14px 22px; }
.home-page .box2016home {
    position: relative;
    float: left;
    width: calc(25% - 16px);
    margin: 8px;
    height: auto;
    overflow: hidden;
    border-radius: 14px;
    border: 1px solid #eceef2;
    box-shadow: 0 6px 16px rgba(44, 52, 64, .06);
    box-sizing: border-box;
    transition: transform .32s ease, box-shadow .32s ease, border-color .32s ease;
}
.home-page .box2016home:hover {
    transform: translateY(-6px);
    border-color: #f5872a;
    box-shadow: 0 18px 34px rgba(44, 52, 64, .18);
}
.home-page .box2016home a:first-child { position: relative; display: block; }
/* 悬停“案例 ›”角标已按需求移除 */
.home-page .box2016home img {
    display: block;
    width: 100%;
    height: 240px;
    padding: 0;
    border: none;
    box-shadow: none;
    background: linear-gradient(180deg, #f2f3f6 0%, #e3e7ec 100%);
    object-fit: cover;
    transition: transform .55s cubic-bezier(.2, .7, .3, 1);
}
.home-page .box2016home:hover img { transform: scale(1.05); border: none; box-shadow: none; }
.home-page .box2016home p {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    margin: 0;
    padding: 26px 12px 10px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 20px;
    background: linear-gradient(180deg, rgba(31, 36, 44, 0) 0%, rgba(31, 36, 44, .78) 100%);
}
.home-page .box2016home p a { color: #fff; font-weight: 600; }
.home-page .box2016home:hover p a { color: #ffd2a8; font-weight: 600; }

/* ---------- 11. homepage: hotline banner ---------- */
.home-page .Banner2 { height: auto; margin-top: 30px; margin-bottom: 30px;}
.home-page .Banner2 .container {
    width: 1180px;
    height: auto;
    padding: 28px 60px;
    background: linear-gradient(120deg, #3d444e 0%, #6a7480 50%, #3d444e 100%);
    border-radius: 12px;
    box-shadow: 0 12px 30px rgba(44, 52, 64, .18);
    box-sizing: border-box;
}
.home-page .Banner2 .hotline { float: none; width: 420px; margin: 0 auto; }
.home-page .Banner2 .hotline dl dd span { font-size: 15px; color: #cfd6df; letter-spacing: 2px; }
.home-page .Banner2 .hotline dl dd p { font-size: 26px; color: #fff; font-weight: bold; font-family: Arial; }
.home-page .Banner2 .hotline .zxbtn {
    background: #fff;
    color: #2c3440;
    border-radius: 21px;
    width: 136px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    box-shadow: 0 6px 16px rgba(30, 35, 42, .3);
    transition: all .25s ease;
}
.home-page .Banner2 .hotline .zxbtn:hover { background: #f5872a; color: #fff; }

/* ---------- 12. homepage: quality compare ---------- */
.home-page .Czdb { background: linear-gradient(180deg, #3a414b 0%, #2c323a 100%); padding-top: 40px; }
.home-page .cztab { border-radius: 12px 12px 0 0; overflow: hidden; }
.home-page .cztab li { color: #dfe4ea; transition: background .25s ease; }
.home-page .cztab li span { letter-spacing: 2px; }
.home-page .cztab li.li1 { background: #59636f; }
.home-page .cztab li.li2 { background: #6b7683; }
.home-page .cztab li.li3 { background: #7d8896; }
.home-page .cztab li:hover, .home-page .cztab li.on { background: #f5872a; color: #fff; }

/* ---------- 13. homepage: advantages (full-bleed tiled bands) ----------
   五大优势：每个优势一条浏览器全宽横带，背景图 cover 铺满，文字卡平铺展示 */
.home-page .Ycys {
    margin: 40px 0 10px;
    padding: 0;
    position: relative;
    overflow: hidden;
    width: 100%;
}
/* 隐藏旧背景占位 div，改用 .Text 自身 background-image，避免高度叠加 */
.home-page .Ycys .ysbg { display: none; }
/* 覆盖层拉回文档流：flex 纵向平铺 5 条横带 */
.home-page .Ycyscont {
    width: 100%;
    height: auto !important;
    margin-top: 0 !important;        /* 取消旧 -1787px（ysbg 已隐藏，无需回拉） */
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    position: relative;
    z-index: 4;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: visible;
    counter-reset: adv;
    background: transparent !important;
    box-sizing: border-box;
}
.home-page .Ycys .container {
    width: 100%;
    max-width: none;
}
/* 标题图 */
.home-page .Ycyscont .ystitle {
    flex: 0 0 auto;
    width: 100%;
    text-align: center;
    overflow: visible;
    margin-bottom: 6px;
}
.home-page .Ycyscont .ystitle img {
    display: inline-block;
    margin-top: 36px !important;
    margin-left: 0 !important;
    max-width: 90%;
    height: auto;
}
/* 五大优势横带：全宽背景图，锁定图片比例保证数字位置可预测 */
.home-page .Ycyscont .Text {
    position: static !important;
    flex: 0 0 auto;
    width: 100%;
    aspect-ratio: 1920 / 357;
    min-height: 260px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    justify-content:flex-end;
    padding: 20px 4%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
/* 每带独立主题色：驱动顶线/序号标/列表符/强调文字 */
.home-page .Ycyscont .Text1 { background-image: url("../templets/bluesite/images/ysbg_01.jpg"); --acc: #f5872a; --acc2: #ffb46b; --acc-soft: rgba(245,135,42,.14); }
.home-page .Ycyscont .Text2 { background-image: url("../templets/bluesite/images/ysbg_02.jpg"); --acc: #12447f; --acc2: #3f7fc4; --acc-soft: rgba(18,68,127,.14); }
.home-page .Ycyscont .Text3 { background-image: url("../templets/bluesite/images/ysbg_03.jpg"); --acc: #2e9e5b; --acc2: #6cc78e; --acc-soft: rgba(46,158,91,.14); }
.home-page .Ycyscont .Text4 { background-image: url("../templets/bluesite/images/ysbg_04.jpg"); --acc: #1789a8; --acc2: #52bcd8; --acc-soft: rgba(23,137,168,.14); }
.home-page .Ycyscont .Text5 { background-image: url("../templets/bluesite/images/ysbg_05.jpg"); --acc: #8a4fb0; --acc2: #bb86dc; --acc-soft: rgba(138,79,176,.14); }
/* 按底图数字定位：数字在左~26%的带（01/03/05）卡片紧跟数字右侧；
   数字在中~53%的带（02/04）卡片从右侧展开，左侧留给产品图 */
.home-page .Ycyscont .Text1,
.home-page .Ycyscont .Text3,
.home-page .Ycyscont .Text5 { padding-left: 29.5%; }
.home-page .Ycyscont .Text2,
.home-page .Ycyscont .Text4 { padding-left: 57%; }
/* 05 带右侧有服务图标（~49%），卡片收窄避让 */
.home-page .Ycyscont .Text5 > h5,
.home-page .Ycyscont .Text5 > ul { width: 20%; min-width: 280px; max-width: 380px; }
/* 标题卡（与列表卡合并为一个整体卡片的上半部分） */
.home-page .Ycyscont .Text > h5 {
    flex: 0 0 auto;
    width: 28%;
    min-width: 385px;
    max-width: 460px;
    order: 1;
    margin: 0;
    padding: 20px 22px 16px;
    background: linear-gradient(160deg, rgba(255,255,255,.92) 0%, rgba(255,255,255,.84) 100%);
    border-radius: 14px 14px 0 0;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border-top: 3px solid var(--acc, #12447f);
    color: #071d40;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: .5px;
    box-sizing: border-box;
    position: relative;
    z-index: 2;   /* 盖住 ul 顶部阴影，保证接缝无痕 */
}
/* 内容列表卡（整体卡片的下半部分） */
.home-page .Ycyscont .Text > ul {
    flex: 0 0 auto;
    width: 28%;
    min-width: 385px;
    max-width: 460px;
    order: 2;
    margin: 0;
    padding: 4px 22px 18px;
    background: linear-gradient(160deg, rgba(255,255,255,.84) 0%, rgba(255,255,255,.92) 100%);
    border-radius: 0 0 14px 14px;
    box-shadow: 0 10px 28px var(--acc-soft, rgba(44,52,64,.10));
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    overflow: visible;
    box-sizing: border-box;
    position: relative;
}
.home-page .Ycyscont .Text:hover > h5,
.home-page .Ycyscont .Text:hover > ul {
    background: rgba(255,255,255,.95);
}
.home-page .Ycyscont .Text:hover > ul {
    box-shadow: 0 16px 36px var(--acc-soft, rgba(44,52,64,.16));
}
/* 序号标记 */
.home-page .Ycyscont .Text > h5::before {
    counter-increment: adv;
    content: counter(adv, decimal-leading-zero);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -14px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    font-weight: 800;
    color: #fff;
    background: linear-gradient(135deg, var(--acc, #f5872a), var(--acc2, #ffa045));
    border-radius: 50%;
    box-shadow: 0 4px 12px var(--acc-soft, rgba(245,135,42,.4));
    font-family: Arial;
    z-index: 2;
}
.home-page .Ycyscont .Text ul li {
    color: #48515d;
    line-height: 24px;
    font-size: 13px;
    padding: 3px 0 3px 16px;
    position: relative;
    height: auto;
    background: none !important;
}
.home-page .Ycyscont .Text ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    width: 6px;
    height: 2px;
    border-radius: 1px;
    background: var(--acc, #f5872a);
}
.home-page .Ycyscont .Text ul li em {
    color: var(--acc, #12447f);
    font-style: normal;
    font-weight: 600;
}
/* 窄屏：取消比例锁定与数字定位，卡片占满整行 */
@media (max-width: 900px) {
    .home-page .Ycyscont .Text {
        aspect-ratio: auto;
        min-height: 0;
        background-size: cover;
        padding: 24px 5% 30px;
    }
    .home-page .Ycyscont .Text1,
    .home-page .Ycyscont .Text2,
    .home-page .Ycyscont .Text3,
    .home-page .Ycyscont .Text4,
    .home-page .Ycyscont .Text5 { padding-left: 5%; }
    .home-page .Ycyscont .Text > h5,
    .home-page .Ycyscont .Text > ul {
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }
}

/* ---------- 14. homepage: about us ---------- */
.home-page .aboutus-box { padding-top: 10px; }
.home-page .aboutus {
    display: flex;
    align-items: center;
    gap: 36px;
    width: 100%;
    border: 1px solid #eef0f3;
    border-radius: 12px;
    background: #fafbfc;
    box-shadow: none;
    padding: 28px;
    box-sizing: border-box;
}
.home-page .about-t {
    position: relative;
    float: none;
    flex: 0 0 auto;
    width: 380px;
    height: auto;
    background: none;
}
.home-page .about-t img {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
    padding: 0;
    box-shadow: 0 10px 24px rgba(44, 52, 64, .14);
}
.home-page .about-t::after {
    content: "";
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 100%;
    height: 100%;
    border: 2px solid #f5872a;
    border-radius: 12px;
    z-index: 0;
}
.home-page .about-text {
    float: none;
    flex: 1 1 auto;
    width: auto;
    height: auto;
    overflow: visible;
    padding: 0;
    color: #5b6572;
    font-size: 15px;
    line-height: 30px;
}
.home-page .about-text p { margin-bottom: 14px; text-indent: 2em; }
.home-page .about-text p:last-child { margin-bottom: 0; }
.home-page .about-text p:first-child {
    font-size: 16px;
    color: #2c3440;
    font-weight: 600;
    border-left: 4px solid #f5872a;
    padding-left: 14px;
    text-indent: 2em;
}
.home-page .title03 { background: none; height: auto; }
.home-page .title03 .more {
    position: relative;
    overflow: hidden;
    float: right;
    margin-top: 0px;
    padding: 0px 22px;
    background: linear-gradient(135deg, #f5872a 0%, #ffa045 100%);
    border: none;
    border-radius: 15px;
    color: #fff;
    font-size: 13px;
    letter-spacing: 2px;
    box-shadow: 0 6px 16px rgba(245, 135, 42, .3);
    transition: all .25s ease;
}
.home-page .title03 .more::after {
    content: "";
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -40%;
    width: 35%;
    background: linear-gradient(100deg, transparent, rgba(255,255,255,.55), transparent);
    transform: skewX(-20deg);
    animation: zyt-shine 3.2s ease-in-out infinite;
}
@keyframes zyt-shine {
    0%, 55% { left: -40%; }
    100%    { left: 135%; }
}
.home-page .title03 .more:hover {
    background: linear-gradient(135deg, #e78a2e 0%, #f5872a 100%);
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(245, 135, 42, .45);
}
.home-page .title03 .more:active { transform: translateY(0); }
.home-page .about-list li img {
    width: 210px;
    height: 150px;
    border: none;
    border-radius: 10px;
    padding: 0;

    box-shadow: 0 6px 14px rgba(44, 52, 64, .08);
    transition: all .3s ease;
}
.home-page .about-list li img:hover { transform: translateY(-3px); box-shadow: 0 12px 22px rgba(245, 135, 42, .2); opacity: 1; }
.home-page .about-list li span { color: #5b6572; }

/* ---------- 14.5 homepage: about us polish ---------- */
/* 面板右上角柔光装饰 */
.home-page .aboutus-box::after {
    content: "";
    position: absolute;
    right: -90px;
    top: -90px;
    width: 280px;
    height: 280px;
    background: radial-gradient(circle, rgba(245,135,42,.09) 0%, transparent 70%);
    pointer-events: none;
    z-index: 0;
}
/* 导读段：浅渐变底 + 橙色主线 */
.home-page .about-text p:first-child {
    background: linear-gradient(135deg, rgba(18,68,127,.05) 0%, rgba(245,135,42,.07) 100%);
    border-radius: 0 10px 10px 0;
    padding: 12px 16px 12px 14px;
}
/* 查看更多：悬停上浮 */
.home-page .title03 .more:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(245,135,42,.4);
}
/* 厂房图角标 */
.home-page .about-t::before {
    content: "公司实景";
    position: absolute;
    left: 14px;
    bottom: 14px;
    z-index: 2;
    padding: 4px 14px;
    font-size: 12px;
    letter-spacing: 2px;
    color: #fff;
    background: rgba(18,68,127,.82);
    border-radius: 14px;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}
/* 厂区照片轮播区：居中 + 分隔线（总宽 48+1110+48=1206，三列同行不溢出） */
.home-page .about-marquee {
    width: 1206px;
    max-width: 100%;
    height: auto;
    margin: 16px auto 0;
    padding: 18px 0 4px;
    border-top: 1px dashed #e5e8ec;
}
/* 左右箭头：flex 垂直居中于照片卡片高度（JS 固定 frameWidth=1110，保持旧浮动结构） */
.home-page .about-c {
    height: auto;
    padding: 0;   /* 去掉旧左右 5px，严格 1110 外宽 */
}
.home-page .about-left,
.home-page .about-right {
    width: 48px;
    height: 196px;   /* 与照片卡片等高：8+150+26+10+2 */
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home-page .about-left a,
.home-page .about-right a {
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background: #f2f4f7;
    border: 1px solid #e0e4e9;
    border-radius: 50%;
    transition: all .25s ease;
}
.home-page .about-left a:hover,
.home-page .about-right a:hover {
    background: #f5872a;
    border-color: #f5872a;
    box-shadow: 0 6px 14px rgba(245,135,42,.35);
    transform: scale(1.08);
}
.home-page .about-left a img,
.home-page .about-right a img {
    display: inline-block;
    vertical-align: middle;
    filter: brightness(.45) saturate(.9);
    transition: filter .25s ease;
}
.home-page .about-left a:hover img,
.home-page .about-right a:hover img { filter: brightness(10) saturate(0); }
/* 照片卡片化：白底内边距 + 标题（外宽 251px 与 JS pageWidth 一致，含 20px 间距） */
.home-page .about-list li {
    width: 251px;
    padding: 8px 19px 10px;
    margin: 0;
    background: #fff;
    border: 1px solid #eceef2;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(44,52,64,.05);
    transition: all .3s ease;
    box-sizing: border-box;
}
.home-page .about-list li:hover {
    border-color: #f5872a;
    box-shadow: 0 10px 22px rgba(245,135,42,.15);
    transform: translateY(-3px);
}
.home-page .about-list li img { box-shadow: none; }
.home-page .about-list li:hover img { transform: none; box-shadow: none; opacity: 1; }
.home-page .about-list li span {
    height: auto;
    line-height: 20px;
    padding-top: 6px;
    font-size: 13px;
    color: #5b6572;
    transition: color .25s ease;
}
.home-page .about-list li:hover span { color: #f5872a; }

/* ---------- 14.6 homepage: factory photo switcher polish ---------- */
/* 视窗两侧淡出遮罩：卡片滑出边缘时柔和消失，不再硬裁切 */
.home-page .about-c {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 46px, #000 calc(100% - 46px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 46px, #000 calc(100% - 46px), transparent 100%);
}
/* 箭头升级：白瓷圆钮 + 深蓝箭头，悬停变橙渐变反白 + 方向微动 + 光环 */
.home-page .about-left a,
.home-page .about-right a {
    position: relative;
    width: 46px;
    height: 46px;
    line-height: 44px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px;
    border: 1px solid #dfe4ea;
    border-radius: 50%;
    box-shadow: 0 6px 16px rgba(44,52,64,.12);
    transition: all .28s cubic-bezier(.2,.7,.3,1);
}
/* 空闲呼吸光环：独立伪元素扩散，柔和提示可点击（不干扰 hover 阴影） */
.home-page .about-left a::after,
.home-page .about-right a::after {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: 50%;
    pointer-events: none;
    animation: zyt-btn-ring 2.6s ease-out infinite;
}
@keyframes zyt-btn-ring {
    0%        { box-shadow: 0 0 0 0 rgba(245,135,42,.32); }
    70%, 100% { box-shadow: 0 0 0 12px rgba(245,135,42,0); }
}
/* 键盘可达性：焦点态给橙色聚焦环 */
.home-page .about-left a:focus-visible,
.home-page .about-right a:focus-visible {
    outline: none;
    border-color: #f5872a;
    box-shadow: 0 0 0 4px rgba(245,135,42,.4), 0 10px 20px rgba(245,135,42,.32);
}
@media (prefers-reduced-motion: reduce) {
    .home-page .about-left a::after,
    .home-page .about-right a::after { animation: none; }
}
/* 常态：白瓷底 + 深蓝雪佛龙 */
.home-page .about-left a {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%2312447f' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'/%3E%3C/svg%3E"),
        linear-gradient(160deg, #ffffff 0%, #eef1f5 100%);
}
.home-page .about-right a {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%2312447f' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E"),
        linear-gradient(160deg, #ffffff 0%, #eef1f5 100%);
}
/* 隐藏旧箭头图片 */
.home-page .about-left a img,
.home-page .about-right a img { display: none; }
/* 悬停：橙渐变底（不含箭头）+ 方向微动 + 外圈光环；箭头图标由 ::before 淡入浮现 */
.home-page .about-left a:hover {
    background-image: linear-gradient(135deg, #f5872a 0%, #ffa045 100%);
    border-color: #f5872a;
    transform: translateX(-3px);
    box-shadow: 0 0 0 5px rgba(245,135,42,.15), 0 10px 20px rgba(245,135,42,.35);
}
.home-page .about-right a:hover {
    background-image: linear-gradient(135deg, #f5872a 0%, #ffa045 100%);
    border-color: #f5872a;
    transform: translateX(3px);
    box-shadow: 0 0 0 5px rgba(245,135,42,.15), 0 10px 20px rgba(245,135,42,.35);
}
/* 悬停时图标淡入过渡（双层背景用伪元素叠加实现柔和切换） */
.home-page .about-left a::before,
.home-page .about-right a::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    opacity: 0;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity .25s ease;
    pointer-events: none;
}
.home-page .about-left a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='17 18 11 12 17 6'/%3E%3Cpolyline points='11 18 5 12 11 6'/%3E%3C/svg%3E");
}
.home-page .about-right a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='7 18 13 12 7 6'/%3E%3Cpolyline points='13 18 19 12 13 6'/%3E%3C/svg%3E");
}
.home-page .about-left a:hover::before,
.home-page .about-right a:hover::before { opacity: 1; }
.home-page .about-left a:active,
.home-page .about-right a:active { transform: scale(.92); }
/* 照片悬停：图内缓慢放大（圆角裁切） */
.home-page .about-list li a {
    position: relative;
    display: block;
    border-radius: 8px;
    overflow: hidden;
}
.home-page .about-list li:hover img { transform: scale(1.06); }
/* 悬停浮现放大镜遮罩：柔光暗罩 + 白瓷圆钮内橙色放大镜 */
.home-page .about-list li a::after {
    content: "";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%23f5872a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.5' y2='16.5'/%3E%3Cline x1='11' y1='8.5' x2='11' y2='13.5'/%3E%3Cline x1='8.5' y1='11' x2='13.5' y2='11'/%3E%3C/svg%3E") center / 26px 26px no-repeat,
        radial-gradient(circle at center, rgba(18,68,127,.55) 0 17px, rgba(18,68,127,.38) 17px 21px, rgba(44,52,64,.32) 21px 22px, rgba(44,52,64,.28) 22px 100%),
        rgba(18, 33, 54, .28);
    background-color: rgba(18, 33, 54, .28);
    opacity: 0;
    transition: opacity .3s ease;
}
.home-page .about-list li:hover a::after { opacity: 1; }
/* 标题短横修饰 */
.home-page .about-list li span::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 2px;
    background: #d6dae0;
    margin-right: 6px;
    vertical-align: 4px;
    transition: background .25s ease;
}
.home-page .about-list li:hover span::before { background: #f5872a; }

/* ---------- 15. homepage: news ---------- */
.home-page .new {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    width: var(--page-w);
    max-width: 96%;
    margin: 10px auto 0;
}
.home-page .new .sec-title { flex: 0 0 100%; width: 100%; margin: 0 0 4px; }
.home-page .new .clear { display: none; }
.home-page .new-left, .home-page .new-right {
    flex: 1 1 0;
    width: auto;
    float: none;
    margin-right: 0;
    position: relative;
    background: #fff;
    border: 1px solid #e5e8ec;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(44, 52, 64, .06);
    overflow: hidden;
    box-sizing: border-box;
    padding-bottom: 14px;
    transition: box-shadow .4s ease;
}
.home-page .new-left:hover, .home-page .new-right:hover {
    box-shadow: 0 16px 42px rgba(44, 52, 64, .12);
    transform: translateY(-3px);
}
.home-page .new-left::before, .home-page .new-right::before {
    content: "";
    position: absolute;
    left: 0; right: 0; top: 0;
    height: 3px;
    background: linear-gradient(90deg, #12447f 0%, #f5872a 55%, #ffa045 100%);
    z-index: 3;
}
.home-page .new-right { flex: 1 1 0; }
.home-page .new-left-tit, .home-page .new-right-tit {
    width: auto;
    height: 48px;
    line-height: 48px;
    background: none;
    border-bottom: 1px solid #e5e8ec;
    border-left: 4px solid #f5872a;
    color: #2c3440;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    padding-left: 20px;
}
.home-page .new-left-tit span, .home-page .new-right-tit span {
    display: block;
    float: right;
    height: 28px;
    margin: 10px 14px 0 0;
    padding: 0 15px;
    background: #fff;
    border: 1px solid #e5e8ec;
    border-radius: 15px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0;
    color: #8a94a0;
    box-sizing: border-box;
    transition: all .25s ease;
}
.home-page .new-left-tit span a,
.home-page .new-right-tit span a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 26px;
    color: inherit;
    white-space: nowrap;
}
.home-page .new-left-tit span a img,
.home-page .new-right-tit span a img { display: none; }
.home-page .new-left-tit span a::after,
.home-page .new-right-tit span a::after { content: "更多 ›"; }
.home-page .new-left-tit span:hover,
.home-page .new-right-tit span:hover {
    background: linear-gradient(135deg, #f5872a 0%, #ffa045 100%);
    border-color: #f5872a;
    color: #fff;
    box-shadow: 0 6px 14px rgba(245,135,42,.32);
}
/* 新闻列表项 */
.home-page .new-right-cen { width: auto; }
.home-page .new-right-cen ul { width: auto; padding: 6px 16px; }
.home-page .new-right-cen ul li {
    position: relative;
    display: flex;
    align-items: center;
    background: none; /* 清除旧模板 style.css 的灰色三角背景 80.gif，仅保留橙色 » 伪元素 */
    border-bottom: 1px dashed #eef0f3;
    line-height: 36px;
    height: auto;
    padding-left: 20px;
    transition: color .2s ease;
}
.home-page .new-right-cen ul li:last-child { border-bottom: none; }
.home-page .new-right-cen ul li:hover { background: none; }
/* 行首图标：左侧栏位，默认显示橙色双箭头 »，悬停时右滑（绝对定位不影响文本流动） */
.home-page .new-right-cen ul li::before {
    content: "\00BB"; /* » 双箭头 */
    position: absolute;
    left: 1px;
    top: 50%;
    margin-top: -10px;
    color: #f5872a;
    font-family: Arial;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    opacity: 1;
    transform: translateX(0);
    transition: transform .22s ease;
}
.home-page .new-right-cen ul li:hover::before {
    transform: translateX(3px);
}
/* 日期：靠右，去掉背景块，悬停仅变文字色 */
.home-page .new-right-cen ul li span {
    order: 2;
    flex: 0 0 auto;
    min-width: 0;
    margin-left: auto;
    padding: 0;
    background: none;
    border-radius: 0;
    color: #a6adb8;
    font-size: 12px;
    font-family: Arial;
    text-align: right;
    box-sizing: border-box;
    vertical-align: middle;
    transition: color .2s ease;
}
.home-page .new-right-cen ul li:hover span { background: none; color: #f5872a; }
/* 标题：占据左侧弹性宽度，悬停仅变文字色 */
.home-page .new-right-cen ul li a {
    order: 1;
    flex: 1 1 auto;
    min-width: 0;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    color: #48515d;
    font-size: 14px;
    transition: color .2s ease;
}
.home-page .new-right-cen ul li:hover a { color: #f5872a; }
/* 头条图片新闻 */
.home-page .szftitle a { color: #2c3440; font-weight: 600; font-size: 15px; }
.home-page .szftitle a:hover { color: #f5872a; }
.home-page .ftitle a { font-size: 15px; font-weight: 600; color: #2c3440; }
.home-page .ftitle a:hover { color: #f5872a; }
.home-page .szntread a, .home-page .ntread a {
    display: block;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}
.home-page .szntread a img, .home-page .ntread a img {
    border: none;
    box-shadow: 0 4px 12px rgba(44,52,64,.08);

    transition: transform .5s cubic-bezier(.2,.7,.3,1);
}
.home-page .szntread a:hover img, .home-page .ntread a:hover img { transform: scale(1.05); }
/* featured news blocks */
.home-page .fsz_gray20110, .home-page .f_gray20110 { width: auto; padding: 10px 16px 0; }
.home-page .fsz_gray20110 ul li, .home-page .f_gray20110 ul li { width: auto; }
.home-page .szntread { width: auto; height: auto; padding-top: 0; }
.home-page .szntread br { display: none; }
.home-page .szntread a img { width: 100%; height: 180px; display: block; float: none; margin: 0 auto; border-radius: 10px; }
.home-page .szntread p { width: auto; float: none; line-height: 22px; overflow: hidden; font-size: 13px; color: #7d8794; margin-top: 8px; }
.home-page .szftitle { display: block; padding-top: 10px; font-size: 15px; line-height: 22px; }
.home-page .szftitle a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.home-page .f_gray20110 .ftitle { display: block; order: 2; padding: 10px 0 0; font-size: 15px; line-height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.home-page .f_gray20110 .ftitle a { color: #2c3440; font-weight: 600; }
.home-page .f_gray20110 .ftitle a:hover { color: #f5872a; }
/* 技术支持头条块：大图在上→标题→摘要，与公司新闻/行业资讯布局一致 */
.home-page .f_gray20110 > ul > li { display: flex; flex-direction: column; }
.home-page .ntread { width: auto; height: auto; display: contents; }
.home-page .ntread a { order: 1; }
.home-page .ntread a img { width: 100%; height: 180px; float: none; display: block; margin: 0 auto; border-radius: 10px; object-fit: cover; box-shadow: 0 4px 12px rgba(44,52,64,.08); transition: transform .5s cubic-bezier(.2,.7,.3,1); }
.home-page .ntread p {
    order: 3;
    width: auto; height: auto; float: none; margin: 8px 0 0; padding: 0;
    line-height: 22px; font-size: 13px; color: #7d8794;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
/* 列表容器 */
.home-page .new-left .new-right-cen, .home-page .new-right .new-right-cen { padding: 6px 0 0; }
.home-page .new-left-cen ul li, .home-page .new-right-cen ul li { line-height: 36px; height: auto; }

/* ---------- 15.1 homepage: news further polish ---------- */
/* 摘要正文：两行截断，高度统一 */
.home-page .szntread p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* 列表行首图标已改由 15 节 ul li::before 统一处理 */

/* ---------- 16. homepage: friend links ---------- */
.home-page .link_bottom { background: #2b313a; color: #b6bec9; margin-top: 36px; box-shadow: inset 0 2px 0 #f5872a; }
.home-page .link_bottom li span { color: #dfe4ea; }
.home-page .link_bottom a { color: #b6bec9; margin: 0 8px; }
.home-page .link_bottom a:hover { color: #ffa045; }

/* ---------- 17. inner pages: shared polish ---------- */
body:not(.home-page) { background: #f5f6f8; color: #5b6572; -webkit-font-smoothing: antialiased; }
body:not(.home-page) a { transition: color .2s ease; }
body:not(.home-page) a:hover { color: #f5872a; }
body:not(.home-page) .zhengwen {
    background: #fff;
    border: 1px solid #e5e8ec;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(44, 52, 64, .05);
    padding: 20px 0;
    margin-top: 22px;
    margin-bottom: 22px;
    box-sizing: border-box;
}

/* ---------- 17.1 inner pages: sidebar panels ---------- */
body:not(.home-page) .pro-left,
body:not(.home-page) .pro-left2016,
body:not(.home-page) .cont-left {
    width: 100%;
    background: #fff;
    border: 1px solid #e5e8ec;
    border-radius: 12px;
    overflow: hidden;
    box-sizing: border-box;
    margin-bottom: 14px;
    box-shadow: 0 10px 30px rgba(44, 52, 64, .06);
}
body:not(.home-page) .pro-left-tit,
body:not(.home-page) .pro-left-tit2016,
body:not(.home-page) .cont-left-tit {
    width: auto;
    height: auto;
    line-height: 1.4;
    background: linear-gradient(180deg, #f7f8fa, #eceef2);
    border-bottom: 1px solid #e0e4e9;
    border-left: 4px solid #f5872a;
    color: #2c3440;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 14px 0 12px 18px;
    box-sizing: border-box;
}
body:not(.home-page) .pro-left-cen,
body:not(.home-page) .pro-left-cen2016 {
    width: auto;
    border: none;
    padding: 6px 0;
}
body:not(.home-page) .pro-left-cen ul li { line-height: 26px; height: auto; }
body:not(.home-page) .pro-left-cen ul li a {
    display: block;
    color: #48515d;
    padding: 10px 18px;
    border-bottom: 1px solid #f0f2f5;
    transition: all .2s ease;
}
body:not(.home-page) .pro-left-cen ul li:last-child a { border-bottom: none; }
body:not(.home-page) .pro-left-cen ul li a:hover {
    color: #f5872a;
    background: #f7f9fb;
    padding-left: 24px;
}
/* product category tree (product pages) */
body:not(.home-page) .proclass_list2016 { width: auto; }
body:not(.home-page) .proclass_tit2016 {
    width: auto;
    background: #fff;
    border-bottom: 1px solid #f0f2f5;
    border-radius: 8px;
    margin: 3px 8px;
    padding-left: 16px;
    height: 40px;
    line-height: 40px;
    transition: all .2s ease;
}
body:not(.home-page) .proclass_tit2016 a { color: #39434f; font-weight: 600; }
body:not(.home-page) .proclass_tit2016:hover {
    background: #f5f7fa;
    box-shadow: inset 3px 0 0 #f5872a;
}
body:not(.home-page) .proclass_tit2016:hover a { color: #f5872a; }
body:not(.home-page) .proclass_list2016 ul li a {
    display: block;
    color: #6b7480;
    padding: 8px 18px 8px 30px;
    border-bottom: 1px solid #f5f6f8;
    transition: all .2s ease;
}
body:not(.home-page) .proclass_list2016 ul li a:hover { color: #f5872a; background: #f7f9fb; }
/* 当前选中分类（由 left.ascx 脚本标 .on）：橙条 + 橙字 + 浅橙底 */
body:not(.home-page) .proclass_list2016 .proclass_tit2016.on {
    background: #f5f7fa;
    box-shadow: inset 3px 0 0 #f5872a;
}
body:not(.home-page) .proclass_list2016 .proclass_tit2016.on a { color: #f5872a; font-weight: 700; }
body:not(.home-page) .proclass_list2016 ul li a.on {
    color: #f5872a;
    font-weight: 600;
    background: linear-gradient(90deg, rgba(245,135,42,.10), rgba(245,135,42,0));
    box-shadow: inset 3px 0 0 #f5872a;
}
/* contact panel */
body:not(.home-page) .cont-left-cen { border: none; padding: 14px 16px; }
body:not(.home-page) .cont-left-cen-bg { line-height: 26px; color: #5b6572; font-size: 13px; }
body:not(.home-page) .cont-left-cen-bg b { color: #2c3440; }
body:not(.home-page) .contactbg { display: none; }
body:not(.home-page) .zhaoshang {
    width: 100%;
    border: none;
    border-radius: 12px;
    overflow: hidden;
    margin: 4px 0 14px;
    box-shadow: 0 10px 30px rgba(44, 52, 64, .08);
}
body:not(.home-page) .zhaoshang img { width: 100%; height: auto; display: block; }

/* ---------- 17.2 inner pages: breadcrumb / section title bar ---------- */
body:not(.home-page) .rig-com-tit {
    width: auto;
    height: auto;
    min-height: 48px;
    line-height: 48px;
    background: linear-gradient(180deg, #f7f8fa, #eceef2);
    border: 1px solid #e0e4e9;
    border-left: 4px solid #f5872a;
    border-radius: 10px;
    color: #2c3440;
    padding: 0 16px;
    margin-bottom: 10px;
    box-sizing: border-box;
}
body:not(.home-page) .rig-com-tit span { float: right; color: #8a94a0; font-weight: normal; font-size: 13px; }
body:not(.home-page) .rig-com-tit .sleft { float: left; color: #2c3440; font-size: 17px; font-weight: 700; letter-spacing: 1px; }
body:not(.home-page) .rig-com-tit .sright { float: right; color: #8a94a0; font-weight: normal; font-size: 13px; }
body:not(.home-page) .rig-com-tit a { color: #8a94a0; }
body:not(.home-page) .rig-com-tit a:hover { color: #f5872a; }

/* ---------- 17.3 inner pages: content typography ---------- */
body:not(.home-page) .rig-com-cen { padding: 12px 6px 6px; line-height: 28px; color: #5b6572; font-size: 14px; }
body:not(.home-page) .content,
body:not(.home-page) .contenttext,
body:not(.home-page) #onepage { color: #5b6572; line-height: 30px; font-size: 15px; }
body:not(.home-page) .contenttext img,
body:not(.home-page) .content img,
body:not(.home-page) .contenttext_overflow img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 6px 16px rgba(44, 52, 64, .10);
}
body:not(.home-page) .contitle,
body:not(.home-page) .contitle h1 { color: #2c3440; font-size: 22px; letter-spacing: 1px; }
body:not(.home-page) .rig-com-cen a { color: #48515d; }
body:not(.home-page) .pre_next { color: #8a94a0; font-size: 14px; }
body:not(.home-page) .fbold { color: #2c3440; font-size: 16px; font-weight: 700; }

/* ---------- 17.4 inner pages: product cards ---------- */
/* 容器左右内边距 = 卡片左右外边距，使两边留白与卡片间距一致 */
body:not(.home-page) .rig-pro-cen,
body:not(.home-page) .szrig-pro-cen {
    padding: 16px 16px 6px;
    box-sizing: border-box;
}
body:not(.home-page) .rig-pro-cen .box,
body:not(.home-page) .szrig-pro-cen .box {
    float: left;
    width: calc(33.333% - 32px);
    margin: 12px 16px;
    height: auto;
    padding: 12px 12px 14px;
    border: 1px solid #eceef2;
    border-radius: 12px;
    background: #fff;
    text-align: left;
    box-sizing: border-box;
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
body:not(.home-page) .rig-pro-cen .box:hover,
body:not(.home-page) .szrig-pro-cen .box:hover {
    transform: translateY(-4px);
    border-color: #f5872a;
    box-shadow: 0 14px 28px rgba(245, 135, 42, .14);
}
body:not(.home-page) .rig-pro-cen .box a:first-child,
body:not(.home-page) .szrig-pro-cen .box a:first-child { display: block; overflow: hidden; border-radius: 8px; }
/* 图片变窄：不撑满卡片，左右各留白并居中 */
body:not(.home-page) .rig-pro-cen .box img,
body:not(.home-page) .szrig-pro-cen .box img {
    display: block;
    width: calc(100% - 24px);
    margin: 0 auto;
    height: 270px;
    padding: 0;
    border: none;
    border-radius: 8px;
    background: linear-gradient(135deg, #f2f3f6 0%, #e3e7ec 100%);
    box-sizing: border-box;
    transition: transform .45s ease;
}
body:not(.home-page) .rig-pro-cen .box:hover img,
body:not(.home-page) .rig-pro-cen .box a:hover img,
body:not(.home-page) .szrig-pro-cen .box:hover img,
body:not(.home-page) .szrig-pro-cen .box a:hover img { transform: scale(1.04); border: none; box-shadow: none; }
body:not(.home-page) .rig-pro-cen .box p,
body:not(.home-page) .szrig-pro-cen .box p {
    width: auto;
    margin: 12px 0 2px;
    text-align: left;
    line-height: 24px;
    font-size: 15px;
    color: #2c3440;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
body:not(.home-page) .rig-pro-cen .box:hover a,
body:not(.home-page) .rig-pro-cen .box a:hover,
body:not(.home-page) .szrig-pro-cen .box:hover a,
body:not(.home-page) .szrig-pro-cen .box a:hover { color: #f5872a; }
/* 工程案例列表：图片宽度增大（左右仅留 12px） */
body:not(.home-page) .anli-cen .box img {
    width: calc(100% - 24px);
}

/* ---------- 17.5 inner pages: news list ---------- */
body:not(.home-page) .new2-menu { margin-top: 6px; }
body:not(.home-page) .new2-menu ul li {
    position: relative;
    border-bottom: 1px dashed #e8ebef;
    background: none; /* 去掉旧样式固定在行首的小图标背景图 */
    line-height: 42px;
    height: auto;
    padding: 0 8px 0 22px;
    transition: all .2s ease;
}
body:not(.home-page) .new2-menu ul li:hover { background: none; }
/* 行首图标：左侧栏位，默认显示橙色双箭头 »，悬停时右滑（绝对定位不影响文本流动） */
body:not(.home-page) .new2-menu ul li::before {
    content: "\00BB"; /* » 双箭头 */
    position: absolute;
    left: 2px;
    top: 50%;
    margin-top: -11px;
    color: #f5872a;
    font-family: Arial;
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    opacity: 1;
    transform: translateX(0);
    transition: transform .22s ease;
}
body:not(.home-page) .new2-menu ul li:hover::before {
    transform: translateX(3px);
}
body:not(.home-page) .new2-menu ul li a { color: #48515d; font-size: 15px; }
body:not(.home-page) .new2-menu ul li a:hover { color: #f5872a; }
body:not(.home-page) .new2-menu ul li span { color: #98a1ad !important; font-family: Arial; }

/* ---------- 17.6 inner pages: forms ---------- */
body:not(.home-page) .zhengwen input[type=text],
body:not(.home-page) .zhengwen input[type=password],
body:not(.home-page) .zhengwen textarea,
body:not(.home-page) .zhengwen select {
    border: 1px solid #d6dae0;
    border-radius: 8px;
    padding: 7px 10px;
    font-size: 14px;
    color: #2c3440;
    background: #fff;
    vertical-align: middle;
    transition: all .2s ease;
}
body:not(.home-page) .zhengwen input[type=text]:focus,
body:not(.home-page) .zhengwen textarea:focus {
    border-color: #f5872a;
    box-shadow: 0 0 0 3px rgba(245, 135, 42, .14);
    outline: none;
}
body:not(.home-page) .zhengwen input[type=submit],
body:not(.home-page) .zhengwen input[type=reset],
body:not(.home-page) .zhengwen button {
    border: none;
    border-radius: 20px;
    padding: 9px 26px;
    font-size: 14px;
    cursor: pointer;
    color: #fff;
    background: linear-gradient(135deg, #f5872a, #e78a2e);
    box-shadow: 0 6px 16px rgba(245, 135, 42, .3);
    transition: all .25s ease;
}
body:not(.home-page) .zhengwen input[type=reset] { background: linear-gradient(135deg, #9aa3ad, #6b7480); box-shadow: 0 6px 16px rgba(44, 52, 64, .2); }
body:not(.home-page) .zhengwen input[type=submit]:hover,
body:not(.home-page) .zhengwen button:hover { transform: translateY(-2px); }

/* ---------- 18. inner: sub-banners ---------- */
body:not(.home-page) [class^="cncbanner"],
body:not(.home-page) [class*=" cncbanner"] {
    border-radius: 0 0 16px 16px;
    box-shadow: 0 14px 30px rgba(44, 52, 64, .10);
    background-color: #dfe3e8;
    overflow: hidden;
}

/* ---------- 19. inner: product detail ---------- */
body:not(.home-page) .pleftz { width: 450px; height: auto; float: left; }
body:not(.home-page) .jqzoom img {
    border: 1px solid #eceef2;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(44, 52, 64, .10);
}
body:not(.home-page) #spec-list ul li img { border: 1px solid #e0e4e9; border-radius: 6px; padding: 1px; }
body:not(.home-page) #spec-list ul li img:hover { border-color: #f5872a; }
body:not(.home-page) .prightz {
    width: 360px;
    height: auto;
    float: right;
    color: #5b6572;
    padding: 16px 18px;
    border: 1px solid #eef0f3;
    border-radius: 12px;
    background: #fafbfc;
    box-sizing: border-box;
}
body:not(.home-page) .prightz b { color: #2c3440; }
body:not(.home-page) .prightz hr { border: none; border-top: 1px solid #eef0f3; margin: 12px 0; }
body:not(.home-page) .productslx { float: none; width: auto; border-bottom: none; padding-bottom: 8px; }
body:not(.home-page) .productslx li {
    height: auto;
    border-radius: 20px;
    padding: 0;
    overflow: hidden;
    box-shadow: 0 6px 16px rgba(44, 52, 64, .16);
}
body:not(.home-page) .productslx li a { display: block; line-height: 40px; font-size: 14px; }
body:not(.home-page) .proxuanxiang { width: auto; border-bottom: 2px solid #f5872a; }
body:not(.home-page) .onlvse { color: #f5872a; }
body:not(.home-page) .proinfoshow { width: auto; }
body:not(.home-page) .pre_next {
    border-top: 1px dashed #e8ebef;
    padding-top: 14px;
    line-height: 30px;
    color: #8a94a0;
}
body:not(.home-page) .pre_next a { color: #48515d; }
body:not(.home-page) .pre_next a:hover { color: #f5872a; }

/* ---------- 20. inner: news detail meta ---------- */
body:not(.home-page) .conAuthor {
    text-align: center;
    color: #98a1ad;
    font-size: 13px;
    line-height: 24px;
    padding: 6px 0 10px;
    border-bottom: 1px dashed #e8ebef;
    margin-bottom: 14px;
}

/* ---------- 21. inner: pagination ---------- */
body:not(.home-page) .page { padding: 8px 4px; }
body:not(.home-page) [id*="AspNetPager"] { border-collapse: separate; border-spacing: 5px 0; margin: 12px auto 4px; }
body:not(.home-page) [id*="AspNetPager"] td { padding: 0; }
body:not(.home-page) [id*="AspNetPager"] a {
    display: inline-block;
    min-width: 30px;
    padding: 6px 11px;
    text-align: center;
    border: 1px solid #e0e4e9;
    border-radius: 8px;
    background: #fff;
    color: #48515d;
    font-size: 13px;
    transition: all .2s ease;
}
body:not(.home-page) [id*="AspNetPager"] a:hover { background: #f5872a; border-color: #f5872a; color: #fff; }
body:not(.home-page) [id*="AspNetPager"] .current {
    display: inline-block;
    min-width: 30px;
    padding: 6px 11px;
    text-align: center;
    border-radius: 8px;
    background: #f5872a;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
}

/* ---------- 17.6 关于智一特：侧栏菜单 + 图片卡 + 富文本正文 ---------- */
/* 侧栏菜单：去掉旧 30.gif 圆点背景与新增图标，保持干净文字行 */
body:not(.home-page) .pro-left-cen ul li {
    width: auto;
    background: none;
    padding-left: 0;
}
body:not(.home-page) .pro-left-cen2016 ul li,
body:not(.home-page) .proclass_list2016 ul li,
body:not(.home-page) .proclass_list2016 .proclass_tit2016 {
    width: auto;
    background: none;
}
body:not(.home-page) .proclass_list2016 .proclass_tit2016 { padding-left: 16px; }
body:not(.home-page) .proclass_list2016 ul li a { padding-left: 28px; }
/* 悬停改为左内嵌橙条，去掉旧 padding 位移（避免文字跳动） */
body:not(.home-page) .pro-left-cen ul li a:hover { padding-left: 18px; box-shadow: inset 3px 0 0 #f5872a; }
/* 当前页高亮（由 left1.ascx 末尾脚本标 .on） */
body:not(.home-page) .pro-left-cen ul li a.on {
    color: #f5872a;
    font-weight: 600;
    background: linear-gradient(90deg, rgba(245,135,42,.08), rgba(245,135,42,0));
    box-shadow: inset 3px 0 0 #f5872a;
}
/* 联系信息面板：标签淡灰、值深字 */
body:not(.home-page) .cont-left-cen-bg { color: #48515d; }
body:not(.home-page) .cont-left-cen-bg b {
    display: block;
    margin-bottom: 6px;
    padding-bottom: 6px;
    border-bottom: 1px dashed #eceef2;
    color: #12447f;
    font-size: 14px;
}
/* 企业风采 / 合作伙伴图片卡 */
body:not(.home-page) .box2016,
body:not(.home-page) .box2017 {
    width: calc(33.333% - 16px);
    height: auto;
    margin: 8px;
    padding: 10px;
    background: #fff;
    border: 1px solid #eceef2;
    border-radius: 14px;
    box-sizing: border-box;
    box-shadow: 0 6px 16px rgba(44, 52, 64, .05);
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
body:not(.home-page) .box2016:hover,
body:not(.home-page) .box2017:hover {
    transform: translateY(-5px);
    border-color: #f5872a;
    box-shadow: 0 16px 32px rgba(44, 52, 64, .14);
}
body:not(.home-page) .box2016 a:first-child,
body:not(.home-page) .box2017 a:first-child {
    display: block;
    overflow: hidden;
    border-radius: 10px;
    background: linear-gradient(135deg, #f2f3f6 0%, #e3e7ec 100%);
}
body:not(.home-page) .box2016 img,
body:not(.home-page) .box2017 img {
    width: 100%;
    height: 150px;
    padding: 0;
    border: none;
    border-radius: 0;
    display: block;

    transition: transform .5s cubic-bezier(.2, .7, .3, 1);
}
body:not(.home-page) .box2016:hover img,
body:not(.home-page) .box2017:hover img { transform: scale(1.06); }
/* 合作伙伴（box2017）图片加高 + 完整显示 logo */
body:not(.home-page) .box2017 img {
    height: 220px;
    object-fit: contain;
    background: #fff;
}
/* 企业风采（box2016）图高与合作伙伴一致 */
body:not(.home-page) .box2016 img {
    height: 220px;
}
body:not(.home-page) .box2016 p,
body:not(.home-page) .box2017 p {
    width: auto;
    margin: 10px 2px 2px;
    line-height: 22px;
    font-size: 14px;
}
body:not(.home-page) .box2016 p a,
body:not(.home-page) .box2017 p a {
    display: block;
    color: #2c3440;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: none;
    font-weight: normal;
    transition: color .2s ease;
}
body:not(.home-page) .box2016:hover p a,
body:not(.home-page) .box2017:hover p a { color: #f5872a; }
/* 富文本正文：标题装饰线、首行缩进、图片毛边 */
body:not(.home-page) .rig-com-cen .contenttext { padding: 4px 10px 0; }
body:not(.home-page) .contenttext h1,
body:not(.home-page) .contenttext h2,
body:not(.home-page) .contenttext h3,
body:not(.home-page) .contenttext h4 {
    color: #12447f;
    font-weight: 600;
    line-height: 1.5;
    margin: 20px 0 12px;
    padding-left: 12px;
    border-left: 4px solid #f5872a;
}
body:not(.home-page) .contenttext p { text-indent: 2em; margin: 0 0 10px; }
body:not(.home-page) .contenttext table p { text-indent: 0; margin: 0; }
body:not(.home-page) .contenttext img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 14px auto;
    padding: 6px;
    background: #fff;
    border: 1px solid #eceef2;
    border-radius: 10px;
    box-shadow: 0 6px 18px rgba(44, 52, 64, .1);
    box-sizing: border-box;
}
body:not(.home-page) .contenttext table { border-collapse: collapse; width: 100%; }
body:not(.home-page) .contenttext table td,
body:not(.home-page) .contenttext table th {
    border-bottom: 1px solid #edf0f4;
    padding: 8px 10px;
    line-height: 24px;
}
body:not(.home-page) .contenttext a { color: #12447f; }
body:not(.home-page) .contenttext a:hover { color: #f5872a; }

/* ---------- 17.7 联系我们页面专项优化 ---------- */
/* 右侧主卡片：白色圆角容器 + 阴影 */
body:not(.home-page) .rig-com {
    background: #fff;
    border: 1px solid #e5e8ec;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(44, 52, 64, .06);
    overflow: hidden;
    padding-bottom: 10px;
}
body:not(.home-page) .rig-com-tit {
    border-radius: 0;
    border-left: none;
    border-top: none;
    border-right: none;
    margin-bottom: 0;
}

/* 侧栏联系面板：品牌深蓝标题 */
body:not(.home-page) .cont-left-tit {
    background: linear-gradient(135deg, #12447f 0%, #1a5a9e 100%);
    border-bottom: none;
    border-left: 4px solid #f5872a;
    color: #fff;
    font-size: 16px;
    letter-spacing: 2px;
    padding: 16px 0 14px 18px;
}

/* 联系面板内容区 */
body:not(.home-page) .cont-left-cen {
    padding: 18px 18px 14px;
    background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
}
body:not(.home-page) .cont-left-cen-bg {
    line-height: 32px;
    color: #48515d;
    font-size: 13.5px;
}
body:not(.home-page) .cont-left-cen-bg b {
    display: block;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e8ecf0;
    color: #12447f;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .5px;
}

/* 正文区域富文本间距优化 */
body:not(.home-page) .rig-com-cen {
    padding: 20px 24px 16px;
}
body:not(.home-page) .rig-com-cen .contenttext {
    padding: 6px 8px 4px;
}

/* 联系页表格增强：首列作为标签（深底色区分） */

/* 悬停不变背景，仅靠文字颜色反馈 */

/* 联系方式关键词加粗（电话 / 邮箱 / QQ 等纯文本行） */
body:not(.home-page) .contenttext strong,
body:not(.home-page) .contenttext b {
    color: #2c3440;
    font-weight: 600;
}

/* 嵌入地图或大图片居中美化 */
body:not(.home-page) .contenttext img[src*="map"],
body:not(.home-page) .contenttext iframe {
    display: block;
    margin: 16px auto;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(44, 52, 64, .12);
    max-width: 100%;
    border: 1px solid #e5e8ec;
}
body:not(.home-page) .contenttext iframe {
    width: 100%;
    min-height: 320px;
}

/* ---------- 17.8 客户留言表单优化 ---------- */
/* 外层表单表格：去除 cellspacing 残留、加行分隔 */
body:not(.home-page) .contenttext_overflow > table {
    border-spacing: 0;
    border-collapse: collapse;
    max-width: 680px;
    margin: 0 auto;
    border: none;
    border-radius: 0;
    overflow: visible;
}
/* 表单 th 为标签而非表头，覆盖 17.7 首行蓝色 */
body:not(.home-page) .contenttext_overflow > table th {
    background: none;
    color: #2c3440;
    font-weight: 600;
    font-size: 14px;
    text-align: right;
    padding: 12px 12px 12px 0;
    border: none;
    border-bottom: 1px solid #f0f2f5;
    white-space: nowrap;
    vertical-align: middle;
    width: 90px;
}
/* 表单 td 输入区间距 */
body:not(.home-page) .contenttext_overflow > table > tbody > tr > td {
    background: none;
    padding: 10px 0;
    border: none;
    border-bottom: 1px solid #f0f2f5;
    vertical-align: middle;
}
/* 最后一行（按钮行）去底线 */
body:not(.home-page) .contenttext_overflow > table > tbody > tr:last-child th,
body:not(.home-page) .contenttext_overflow > table > tbody > tr:last-child > td {
    border-bottom: none;
}
/* 首行覆盖 17.7 表格首行 td/th 深蓝背景 */
body:not(.home-page) .contenttext_overflow > table > tbody > tr:first-child th,
body:not(.home-page) .contenttext_overflow > table > tbody > tr:first-child > td {
    background: none;
    color: inherit;
    font-weight: inherit;
    border-bottom: 1px solid #f0f2f5;
}

/* 输入框全宽、加大 */
body:not(.home-page) .contenttext_overflow table input[type=text],
body:not(.home-page) .contenttext_overflow table textarea {
    width: 100%;
    max-width: 400px;
    box-sizing: border-box;
    padding: 9px 12px;
    font-size: 14px;
}
body:not(.home-page) .contenttext_overflow table textarea {
    max-width: 520px;
    min-height: 130px;
    resize: vertical;
    line-height: 1.6;
}

/* 单选按钮 */
body:not(.home-page) .contenttext_overflow table input[type=radio] {
    margin: 0 3px 0 0;
    vertical-align: middle;
    accent-color: #f5872a;
}
body:not(.home-page) .contenttext_overflow table label {
    font-size: 14px;
    color: #48515d;
    margin-right: 14px;
    vertical-align: middle;
}

/* RadioButtonList 嵌套表格去干扰样式 */
body:not(.home-page) .contenttext_overflow table table {
    display: inline-table;
    width: auto;
    margin: 0;
    border: none;
    border-radius: 0;
    border-spacing: 0;
}
body:not(.home-page) .contenttext_overflow table table td {
    border: none;
    background: none;
    padding: 0 6px 0 0;
}

/* 验证码行 */
body:not(.home-page) .contenttext_overflow table img[src*="validate"] {
    vertical-align: middle;
    height: 50px;
    border-radius: 6px;
    border: 1px solid #e0e4e9;
    margin: 0 6px;
}
body:not(.home-page) .contenttext_overflow table a[href*="change"] {
    font-size: 12px;
    color: #8a94a0;
    vertical-align: middle;
}
body:not(.home-page) .contenttext_overflow table a[href*="change"]:hover {
    color: #f5872a;
}
/* 验证码单元格内容强制一行显示 */
body:not(.home-page) .contenttext_overflow table td[valign="middle"] {
    white-space: nowrap;
}
body:not(.home-page) .contenttext_overflow table td[valign="middle"] input[type=text],
body:not(.home-page) .contenttext_overflow table td[valign="middle"] img,
body:not(.home-page) .contenttext_overflow table td[valign="middle"] a,
body:not(.home-page) .contenttext_overflow table td[valign="middle"] span {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    max-width: none;
}

/* 按钮行居中 + 加大 */
body:not(.home-page) .contenttext_overflow > table > tbody > tr:last-child > td[colspan] {
    text-align: center;
    padding-top: 22px;
}
body:not(.home-page) .contenttext_overflow table td input[type=submit],
body:not(.home-page) .contenttext_overflow table td input[type=reset],
body:not(.home-page) .contenttext_overflow table td input[type=button] {
    min-width: 130px;
    margin: 0 8px;
    padding: 10px 28px;
    font-size: 15px;
}

/* 必填星号 */
body:not(.home-page) .contenttext_overflow table font[color="red"],
body:not(.home-page) .contenttext_overflow table span[style*="Red"],
body:not(.home-page) .contenttext_overflow table span[style*="red"] {
    font-size: 12px;
    vertical-align: middle;
    margin-left: 4px;
}

/* 整体表单区域背景微调（.contenttext 包裹层） */
body:not(.home-page) .contenttext_overflow {
    padding: 16px 20px;
    background: linear-gradient(180deg, #f8fafc, #fff);
    border: 1px solid #eef0f3;
    border-radius: 12px;
}

/* ---------- 22. wider layout (single width knob) ----------
   整体显示区加宽：改 --page-w 即可统一调整（默认 1440px，窄屏按 96% 自适应） */
:root { --page-w: 1440px; }

/* 顶层居中容器 */
.inner,
.zhengwen,
.hander,
.w1000,
#nav,
.aboutus-box {
    width: var(--page-w);
    max-width: 96%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

/* 内页两栏：侧栏加宽到 280px，右栏按比例填满，消除中间留白 */
body:not(.home-page) .left {
    width: 280px;
    box-sizing: border-box;
}
body:not(.home-page) .right,
.home-page .right {
    width: calc(100% - 294px);
    max-width: none;
    box-sizing: border-box;
    padding-left: 14px;
}
body:not(.home-page) .rig-com,
.home-page .rig-com {
    width: 100%;
    padding-left: 0;
    box-sizing: border-box;
}
body:not(.home-page) .rig-pro-cen,
body:not(.home-page) .rig-com-cen,
body:not(.home-page) .tj4p {
    width: 100%;
    box-sizing: border-box;
}
/* 产品详情两栏靠拢，避免超宽后左右分离 */
body:not(.home-page) .contenttext { max-width: 100%; }
body:not(.home-page) .prightz { float: left; margin-left: 30px; }

/* 首页各分区跟随加宽 */
.home-page .sec-title {
    width: 100%;
    max-width: none;
}
.home-page .new {
    width: var(--page-w);
    max-width: 96%;
}
.home-page .Banner2 .container {
    width: 100%;
    max-width: none;
}
.home-page #index-sot {
    width: 100%;
    max-width: none;
}
.home-page #index-sot #demo { width: 100% !important; }
.home-page .aboutus-box { width: var(--page-w); max-width: 96%; }
.home-page .aboutus { width: 100%; box-sizing: border-box; }

/* ---------- 23. homepage: overall polish ---------- */

/* 页面背景：柔和渐变取代纯色 */
.home-page {
    background: linear-gradient(180deg, #f0f2f5 0%, #f7f8fa 30%, #f5f6f8 60%, #eef1f5 100%);
    min-height: 100vh;
}

/* 统一板块间距节奏 */
.home-page .blank8 { height: 36px; }
.home-page .blank5 { height: 30px; }
.home-page .blank1 { height: 24px; }

/* 装饰性分割线：在关键板块之间插入微妙渐变线条 */
.home-page .zhengwen + .zhengwen::before,
.home-page .case-band + div .Banner2::before {
    content: none; /* keep clean; handled by card spacing */
}

/* ---------- 23.1 Banner2 热线横幅升级（自洽 flex 布局，去旧浮动依赖） ---------- */
.home-page .Banner2 .container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 300px;
    padding: 40px 48px;
    /* 图片铺满 + 品牌深蓝渐变遮罩，保证文字可读 */
    background:
        /* linear-gradient(100deg, rgba(18,68,127,.82) 0%, rgba(18,68,127,.55) 45%, rgba(7,29,64,.72) 100%), */
        url(/images/adv2.jpg) no-repeat center center;
    /* background-size: cover; 
    border: none;*/
    border-radius: 16px;
    box-shadow: 0 16px 40px rgba(238, 158, 10, 0.22);
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}
.home-page .Banner2 .container::before {
    content: "";
    position: absolute;
    top: -50%;
    right: -10%;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(245,135,42,.16) 0%, transparent 70%);
    pointer-events: none;
}
/* 左右两侧对称过渡色：从红色渐变到透明，消除容器边缘与图片之间的生硬分界 */
.home-page .Banner2 .container::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(to right, rgba(245, 135, 42, .12) 0%, transparent 14%, transparent 86%, rgba(245, 135, 42, .12) 100%);
    pointer-events: none;
    z-index: 0;
    border-radius: 16px;
}
/* 热线区：清除旧 float:right / margin / 第11节居中宽度，改为弹性一行 */
.home-page .Banner2 .hotline {
    float: none;
    width: auto;
    margin: 0;
    display: flex;
    align-items: center;
    flex-direction:column;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 6px;
    left: 200px;
    bottom: 60px;
    position: relative;
    z-index: 1;
}
.home-page .Banner2 .hotline dl {
    float: none;
    display: flex;
    align-items: center;
    overflow: visible;
}
.home-page .Banner2 .hotline dl dt {
    float: none;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.14);
    border-radius: 50%;
}
.home-page .Banner2 .hotline dl dt img {
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 0;
    box-shadow: none;
}
.home-page .Banner2 .hotline dl dd {
    padding-left: 14px;
    text-align: left;
}
.home-page .Banner2 .hotline dl dd span {
    display: block;
    color: rgba(255,255,255,.82);
    font-size: 14px;
    letter-spacing: 3px;
}
.home-page .Banner2 .hotline dl dd p {
    color: #fff;
    font-size: 28px;
    line-height: 1.25;
    font-family: Arial;
    font-weight: bold;
    text-shadow: 0 2px 8px rgba(0,0,0,.18);
}
.home-page .Banner2 .hotline .zxbtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #f5872a, #ffa045);
    color: #fff;
    border-radius: 22px;
    padding: 0 26px;
    width: auto;
    height: 44px;
    line-height: 44px;
    margin: 0;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 1px;
    box-shadow: 0 8px 20px rgba(245,135,42,.35);
    transition: all .3s ease;
}
.home-page .Banner2 .hotline .zxbtn:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(245,135,42,.45);
    background: linear-gradient(135deg, #e78a2e, #f5872a);
}
/* 窄屏：热线区堆叠居中 */
@media (max-width: 720px) {
    .home-page .Banner2 .hotline { gap: 16px; }
    .home-page .Banner2 .hotline dl dd p { font-size: 22px; }
}

/* ---------- 23.2 品质对比 Czdb 升级 ---------- */
.home-page .Czdb {
    background: linear-gradient(180deg, #071d40 0%, #0f2f5e 40%, #12447f 100%);
    padding: 44px 0 40px;
    position: relative;
}
.home-page .Czdb::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 70% 50%, rgba(245,135,42,.06) 0%, transparent 60%);
    pointer-events: none;
}
.home-page .Czdb .container {
    width: var(--page-w);
    max-width: 96%;
    margin: 0 auto;
    box-sizing: border-box;
}
.home-page .cztab {
    width: 1200px;
    max-width: 96%;
    border-radius: 14px 14px 0 0;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0,0,0,.15);
}
.home-page .cztab li {
    width: 33.333%;
    box-sizing: border-box;   /* 含分隔线边框，防止总宽超出后 li3 被换行裁切 */
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 3px;
    padding: 2px 0;
    transition: all .3s ease;
}
.home-page .cztab li span { display: inline-block; }
.home-page .cztab li.li1 { background: rgba(255,255,255,.08); }
.home-page .cztab li.li2 { background: rgba(255,255,255,.12); }
.home-page .cztab li.li3 { background: rgba(255,255,255,.16); }
.home-page .cztab li:hover { background: rgba(245,135,42,.6); }
.home-page .cztab li.on {
    background: linear-gradient(135deg, #f5872a, #ffa045);
    color: #fff;
    box-shadow: 0 4px 16px rgba(245,135,42,.4);
}
.home-page .Czdb .bd {
    width: 1200px;
    max-width: 96%;
    margin: 0 auto;        /* 与标签栏无缝拼接，取消旧 50px 间距 */
    position: relative;
    overflow: visible;      /* 不裁剪左右箭头按钮 */
    border-radius: 0;
    box-shadow: none;
}
/* 轮播视窗：圆角面板化 */
.home-page .Czdb .tempWrap {
    border-radius: 0 0 14px 14px;
    border: 1px solid rgba(255,255,255,.14);
    border-top: none;
    box-shadow: 0 18px 44px rgba(0,0,0,.35);
}
.home-page .Czdb .bd img {
    display: block;
    width: 100%;
    height: auto;
}
/* 内容面板：旧 li 固定 900px，在 1200px 视窗内居中，两侧用同色底填充 */
.home-page .Czdb .Czdbcont ul {
    background: #252525;
}
.home-page .Czdb .Czdbcont ul li {
    width: 900px;
    max-width: 100%;
    margin: 0 auto;
    background: none;   /* 去掉旧 pk.png 表格底图 */
}
/* 左右箭头：主题色圆形按钮 + 白色雪线图标（覆盖旧 czprev/cznext.png） */
.home-page .Czdb .bd .btn {
    width: 46px;
    height: 46px;
    top: 50%;
    margin-top: -23px;
    border-radius: 50%;
    background-color: rgba(18,68,127,.55);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 26px;
    border: 1px solid rgba(255,255,255,.28);
    box-shadow: 0 6px 16px rgba(0,0,0,.25);
    opacity: .9;
    transition: all .25s ease;
}
.home-page .Czdb .bd .prev {
    left: -60px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'/%3E%3C/svg%3E");
}
.home-page .Czdb .bd .next {
    right: -60px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E");
}
.home-page .Czdb .bd .btn:hover {
    opacity: 1;
    background-color: #f5872a;
    border-color: #f5872a;
    box-shadow: 0 8px 20px rgba(245,135,42,.45);
    transform: scale(1.1);
}
/* 窄屏：箭头收到面板内侧 */
@media (max-width: 1340px) {
    .home-page .Czdb .bd .prev { left: 10px; }
    .home-page .Czdb .bd .next { right: 10px; }
}

/* ---------- 23.3 优势板块背景 (布局已在第13节完整定义) ---------- */
.home-page .Ycys {
    background: #fff;
}

/* ---------- 23.4 友情链接升级 ---------- */
.home-page .link_bottom {
    background: linear-gradient(180deg, #1a2332 0%, #0e1520 100%);
    padding: 18px 0;
    margin-top: 40px;
    box-shadow: none;
    border-top: 2px solid transparent;
    border-image: linear-gradient(90deg, #12447f 0%, #f5872a 50%, #12447f 100%) 1;
}
.home-page .link_bottom .w1000 {
    width: var(--page-w);
    max-width: 96%;
}
.home-page .link_bottom li span {
    color: rgba(255,255,255,.6);
    font-size: 13px;
    letter-spacing: 1px;
}
.home-page .link_bottom a {
    color: #9aa3ad;
    font-size: 13px;
    margin: 0 10px;
    padding: 3px 0;
    transition: color .2s ease;
}
.home-page .link_bottom a:hover { color: #ffa045; }

/* ---------- 23.5 全局微妙动效增强 ---------- */
.home-page .rig-pro,
.home-page .case-band,
.home-page #index-sot,
.home-page .aboutus-box,
.home-page .new > div {
    transition: box-shadow .4s ease;
}
.home-page .rig-pro:hover,
.home-page .case-band:hover,
.home-page #index-sot:hover {
    box-shadow: 0 14px 40px rgba(44,52,64,.10);
}

/* ---------- 23.6 顶部 Hero 轮播与导航衔接 ---------- */
.home-page .menu + div,
.home-page .menu + #flashs { margin-top: 0; }
.home-page #flashs {
    border-radius: 0 0 18px 18px;
    box-shadow: 0 16px 40px rgba(44,52,64,.12);
    margin-bottom: 6px;
}

/* ---------- 23.7 aboutus-box 面板增强 ---------- */
.home-page .aboutus-box {
    background: #fff;
    border: 1px solid #e5e8ec;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(44,52,64,.06);
    padding: 24px 28px 20px;
    margin-top: 10px;
    position: relative;
    overflow: hidden;
}
.home-page .aboutus-box::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 3px;
    background: linear-gradient(90deg, #12447f 0%, #f5872a 55%, #ffa045 100%);
    z-index: 2;
}
.home-page .aboutus-box .sec-title { margin: 0 0 14px; padding: 0 0 4px; }

/* ---------- 23.9 细节收尾 ---------- */
/* Czdb：左侧补一道与右侧对称的橙色光晕 */
.home-page .Czdb::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 12% 30%, rgba(63,127,196,.10) 0%, transparent 55%);
    pointer-events: none;
}
/* Czdb 标签间细分隔线 */
.home-page .cztab li.li1, .home-page .cztab li.li2 {
    border-right: 1px solid rgba(255,255,255,.12);
}
/* 五大优势标题：背后横贯装饰线 + 图片投影 */
.home-page .Ycyscont .ystitle {
    position: relative;
}
    .home-page .Ycyscont .ystitle::after {
        content: "";
        position: absolute;
        left: 6%;
        right: 6%;
        top: 50%;
        height: 1px;
        background: linear-gradient(90deg, transparent, #d7dce3 25%, #d7dce3 75%, transparent);
    }
.home-page .Ycyscont .ystitle img {
    position: relative;
    z-index: 1;
    filter: drop-shadow(0 6px 14px rgba(44,52,64,.14));
}
/* 关于我们：图片微缩放交互 */
.home-page .about-t a img {
    border-radius: 12px;
    box-shadow: 0 10px 26px rgba(44,52,64,.12);
    transition: transform .5s cubic-bezier(.2,.7,.3,1), box-shadow .5s ease;
}
.home-page .about-t a:hover img {
    transform: scale(1.03);
    box-shadow: 0 16px 34px rgba(245,135,42,.22);
}
/* 合作伙伴 logo：悬停提亮 */
.home-page #index-sot img { filter: saturate(.92); }
.home-page #index-sot img:hover { filter: saturate(1.1); }
/* 新闻面板标题栏小圆点装饰 */
.home-page .new-left-tit > a:first-child, .home-page .new-right-tit > a:first-child { position: relative; }
/* 友情链接标题前缀线 */
.home-page .link_bottom .title { letter-spacing: 2px; }
/* 首页各主面板标题栏统一过渡 */
.home-page .pro-left-tit2016, .home-page .new-left-tit, .home-page .new-right-tit {
    transition: background .35s ease;
}

/* ---------- 25. homepage: further polish ---------- */
/* 25.1 分区标题装饰：细线 + 中心圆点（替代原 56px 短条） */
.home-page .sec-title::after {
    width: 150px;
    height: 12px;
    margin: 16px auto 0;
    border-radius: 0;
    background:
        radial-gradient(circle at 50% 50%, #f5872a 0 3.5px, transparent 4px),
        radial-gradient(circle at 50% 50%, rgba(245,135,42,.28) 0 6.5px, transparent 7px),
        linear-gradient(90deg, transparent, #c9d0d9 28%, #c9d0d9 72%, transparent);
    background-repeat: no-repeat;
    background-position: center, center, center;
    background-size: 14px 14px, 14px 14px, 150px 1px;
}

/* 25.2 新闻头条图悬停遮罩已按需求移除（不再显示背景与“资讯详情”按钮） */

/* 25.3 热线按钮：缓慢光圈脉冲，引导视线 */
@keyframes zyt-pulse {
    0%   { box-shadow: 0 0 0 0 rgba(245,135,42,.45); }
    70%  { box-shadow: 0 0 0 14px rgba(245,135,42,0); }
    100% { box-shadow: 0 0 0 0 rgba(245,135,42,0); }
}
.home-page .Banner2 .hotline .zxbtn {
    animation: zyt-pulse 2.6s ease-out infinite;
}
@media (prefers-reduced-motion: reduce) {
    .home-page .Banner2 .hotline .zxbtn { animation: none; }
}

/* 25.4 工程案例标题区与卡片拉开节奏 */
.home-page .case-band .sec-title { margin-bottom: 10px; }
/* 25.5 合作伙伴面板标题下留白收紧，logo 行距均匀 */
.home-page #index-sot .sec-title { margin-bottom: 10px; }

/* ---------- 26. header / nav / footer polish ---------- */
/* 26.1 页头顶部品牌色条 */
.topbg1 { position: relative; }
.topbg1::before {
    content: "";
    position: absolute;
    left: 0; right: 0; top: 0;
    height: 4px;
    background: linear-gradient(90deg, #071d40 0%, #12447f 30%, #f5872a 70%, #ffa045 100%);
    z-index: 5;
}
/* 26.2 logo / 服务热线图：悬停微浮 */
.hander .logo-box,
.hander .hotline img {
    transition: transform .3s ease, box-shadow .3s ease;
}
.hander .logo-box:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 32px rgba(44, 52, 64, .12);
}
.hander .hotline img:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 28px rgba(245, 135, 42, .25);
}
/* 26.3 主导航：中部向两侧生长的橙色下划线（取代旧整条 inset） */
#nav > ul > li > a { position: relative; }
#nav > ul > li > a::after {
    content: "";
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 9px;
    height: 3px;
    border-radius: 2px;
    background: linear-gradient(90deg, #f5872a, #ffa045);
    transition: left .28s ease, right .28s ease;
}
#nav > ul > li:hover > a {
    color: #f5872a;
    background: linear-gradient(180deg, rgba(255,255,255,.7), rgba(245,135,42,.06));
    box-shadow: none;
}
#nav > ul > li:hover > a::after { left: 22px; right: 22px; }
/* 26.4 下拉菜单：顶部橙线 + 条目左侧生长条 */
#nav ul li ul {
    border-top: 2px solid #f5872a;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 16px 34px rgba(44, 52, 64, .16);
    padding: 6px 0;
}
#nav ul li:hover ul li a { position: relative; }
#nav ul li:hover ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    bottom: 50%;
    width: 3px;
    border-radius: 0 2px 2px 0;
    background: #f5872a;
    transition: top .22s ease, bottom .22s ease;
}
#nav ul li:hover ul li a:hover { box-shadow: none; }
#nav ul li:hover ul li a:hover::before { top: 6px; bottom: 6px; }
/* 26.5 页脚：顶部品牌渐变线 + 栏目标题短横 */
.footbottom {
    border-top: 3px solid;
    border-image: linear-gradient(90deg, #071d40, #12447f 35%, #f5872a 75%, #ffa045) 1;
}
.foot16l li dl dt { position: relative; padding-left: 14px; }
.foot16l li dl dt::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 8px;
    height: 2px;
    background: #f5872a;
}

/* ---------- 24. ux ---------- */
::selection { background: #f5872a; color: #fff; }
::-moz-selection { background: #f5872a; color: #fff; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #eef0f3; }
::-webkit-scrollbar-thumb { background: linear-gradient(#b8bfc8, #6b7480); border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: #f5872a; }
a:focus-visible, button:focus-visible { outline: 2px solid #f5872a; outline-offset: 2px; }

/* ---------- 30. 产品详情页（product_detail.aspx）专项优化 ----------
   作用域由 body.product-detail-page 限定，不影响其他内页；选择器均包含 body 元素，
   特异性不低于 body:not(.home-page) 系列规则，且在文件末尾，后定义优先。 */

/* 30.1 标题区：标题 + 品牌/型号/分类标签 */
body.product-detail-page .pd-head { padding: 24px 10px 4px; text-align: center; }
body.product-detail-page .contitle { margin: 0; font-size: 28px; line-height: 1.4; font-weight: bold; color: #12305c; letter-spacing: 1px; }
body.product-detail-page .contitle::after {
    content: "";
    display: block;
    width: 64px;
    height: 4px;
    margin: 14px auto 0;
    border-radius: 2px;
    background: linear-gradient(90deg, #12447f, #f5872a);
}
body.product-detail-page .pd-head-meta { margin-top: 14px; display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; }
body.product-detail-page .pd-tag {
    display: inline-block;
    padding: 5px 14px;
    border: 1px solid #e6eaf0;
    border-radius: 14px;
    background: #f2f5f9;
    color: #5b6572;
    font-size: 13px;
}
body.product-detail-page .pd-tag-model { border-color: #ffd9ae; background: #fff6ec; color: #c9671a; font-weight: 600; }

/* 30.2 主图 + 参数两栏：由旧浮动改为 flex 靠拢，避免加宽后左右分离 */
/* 两栏等高：stretch + 参数卡内部列布局，使左右卡片底边对齐（问题 8） */
body.product-detail-page .pd-top {
    display: flex;
    align-items: stretch;
    gap: 34px;
    max-width: 1020px;
    margin: 24px auto 0;
    padding: 0;
}
body.product-detail-page .pd-top > .clear { display: none; }
body.product-detail-page .pleftz { width: 520px; max-width: 100%; height: auto; float: none; }
body.product-detail-page .jqzoom { width: 100%; box-sizing: border-box; }
/* contain 展示完整产品（不裁切），用柔和渐变底把留白变成有意境的“展台”（问题 11） */
body.product-detail-page .jqzoom img {
    display: block;
    width: 100%;
    max-width: none;
    height: 380px;
    padding: 16px;
    border: 1px solid #e9edf3;
    border-radius: 14px;
    background: radial-gradient(120% 90% at 50% 34%, #ffffff 0%, #f3f6fb 62%, #eaeef5 100%);
    object-fit: contain;
    box-sizing: border-box;
    box-shadow: 0 10px 26px rgba(44, 52, 64, .10);
}
/* 缩略图条：放大到 70px，选中/悬停用品牌橙 */
body.product-detail-page #spec-n5 { height: auto; padding: 12px 0 0; overflow: hidden; }
body.product-detail-page #spec-list { width: 322px; height: 80px; }
body.product-detail-page #spec-list ul li { width: 76px; height: 80px; padding-top: 0; }
body.product-detail-page #spec-list ul li img {
    display: block;
    width: 70px;
    height: 70px;
    padding: 2px;
    border: 1px solid #e3e8ef;
    border-radius: 10px;
    background: #fff;
    box-sizing: border-box;
    cursor: pointer;
    transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}
body.product-detail-page #spec-list ul li img:hover,
body.product-detail-page #spec-list ul li img.pd-thumb-on {
    border-color: #f5872a;
    box-shadow: 0 6px 14px rgba(245, 135, 42, .22);
    transform: translateY(-2px);
}
/* 左右箭头：隐藏与背景图重复的内层 img，仅保留一个箭头并垂直居中 */
body.product-detail-page #spec-left img,
body.product-detail-page #spec-right img { display: none; }
body.product-detail-page #spec-left,
body.product-detail-page #spec-right { margin-top: 26px; opacity: .7; transition: opacity .2s ease; }
body.product-detail-page #spec-left:hover,
body.product-detail-page #spec-right:hover { opacity: 1; }

/* 30.3 参数卡：label/value 行式结构，代替旧 <b>+<hr>；卡内纵向布局使底边与主图列对齐 */
body.product-detail-page .prightz {
    display: flex;
    flex-direction: column;
    flex: 1 1 340px;
    width: auto;
    max-width: 420px;
    height: auto;
    float: none;
    margin-left: 0;
    padding: 20px 22px;
    border: 1px solid #e9edf3;
    border-radius: 16px;
    background: linear-gradient(180deg, #fbfcfe, #f4f7fb);
    box-shadow: 0 10px 26px rgba(44, 52, 64, .07);
    box-sizing: border-box;
}
body.product-detail-page .pd-spec { flex: 1 1 auto; }
body.product-detail-page .pd-spec-row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 11px 0;
    border-bottom: 1px dashed #e6eaf0;
    font-size: 14px;
    line-height: 24px;
}
body.product-detail-page .pd-spec-row:last-of-type { border-bottom: none; }
body.product-detail-page .pd-spec-k { flex: 0 0 auto; min-width: 68px; color: #8a94a0; font-size: 13px; }
body.product-detail-page .pd-spec-k::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 8px;
    border-radius: 50%;
    background: #f5872a;
    vertical-align: middle;
}
body.product-detail-page .pd-spec-v { flex: 1 1 auto; color: #2c3440; font-weight: 600; word-break: break-all; }
body.product-detail-page .pd-spec-v:empty::before { content: "\2014"; color: #b6bec8; font-weight: normal; }
body.product-detail-page .pd-spec-row-desc { flex-direction: column; gap: 6px; }
body.product-detail-page .pd-spec-row-desc .pd-spec-v { color: #5b6572; font-weight: normal; line-height: 26px; }

/* 30.4 行动按钮 + 客服热线图 */
body.product-detail-page .productslx {
    display: flex;
    gap: 12px;
    width: auto;
    float: none;
    padding: 16px 0 0;
    margin-top: 14px;
    border-top: 1px dashed #e6eaf0;
    border-bottom: none;
}
body.product-detail-page .pd-btn {
    position: relative;
    flex: 1 1 0;
    display: block;
    height: 44px;
    line-height: 44px;
    padding: 0 26px 0 18px;
    border-radius: 22px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    text-decoration: none;
    box-shadow: 0 8px 18px rgba(18, 68, 127, .20);
    transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
body.product-detail-page .pd-btn-buy { background: linear-gradient(135deg, #12447f, #0f6fbf); }
body.product-detail-page .pd-btn-qq { background: linear-gradient(135deg, #f5872a, #ffb257); box-shadow: 0 8px 18px rgba(245, 135, 42, .26); }
body.product-detail-page .pd-btn:hover { transform: translateY(-2px); filter: brightness(1.05); }
body.product-detail-page .pd-btn-arrow { position: absolute; right: 14px; top: 50%; margin-top: -12px; font-size: 22px; line-height: 24px; opacity: .75; transition: transform .22s ease, opacity .22s ease; }
body.product-detail-page .pd-btn:hover .pd-btn-arrow { transform: translateX(3px); opacity: 1; }
body.product-detail-page .pd-kf {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-top: 10px;
    border-radius: 12px;
    box-shadow: 0 6px 16px rgba(44, 52, 64, .10);
}

/* 30.5 产品说明面板：卡片 + Tab 头 + 富文本正文 */
body.product-detail-page .pd-info { max-width: 1020px; margin: 34px auto 0; padding: 0; line-height: 30px; }
body.product-detail-page .pd-panel {
    overflow: hidden;
    border: 1px solid #e9edf3;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 10px 26px rgba(44, 52, 64, .06);
}
body.product-detail-page .proxuanxiang {
    width: auto;
    height: auto;
    padding: 12px 18px 0;
    border-bottom: 1px solid #eef1f5;
    background: linear-gradient(180deg, #f7f9fc, #fff);
}
body.product-detail-page .proxuanxiang ul { margin: 0; padding: 0; list-style: none; }
body.product-detail-page .proxuanxiang ul li { margin: 0; display: inline-block; }
body.product-detail-page .onlvse,
body.product-detail-page .onlvse1 {
    width: auto;
    height: auto;
    float: none;
    padding: 8px 24px;
    margin: 0;
    border: none;
    border-radius: 10px 10px 0 0;
    font-size: 15px;
    cursor: default;
}
body.product-detail-page .onlvse { color: #fff; background: linear-gradient(135deg, #12447f, #0f6fbf); }
body.product-detail-page .onlvse1 { color: #8a94a0; background: #eef1f5; }
body.product-detail-page .proinfoshow { width: auto; min-height: 140px; padding: 20px 24px 26px; font-size: 15px; line-height: 30px; color: #4a5563; }
body.product-detail-page .proinfoshow > p:first-child,
body.product-detail-page .proinfoshow > *:first-child { margin-top: 0; }
body.product-detail-page .proinfoshow h2,
body.product-detail-page .proinfoshow h3,
body.product-detail-page .proinfoshow h4 { margin: 18px 0 10px; padding-left: 10px; border-left: 4px solid #f5872a; color: #12305c; font-size: 17px; line-height: 26px; }
body.product-detail-page .proinfoshow img { max-width: 100%; height: auto; border-radius: 10px; box-shadow: 0 6px 16px rgba(44, 52, 64, .10); }
body.product-detail-page .proinfoshow table { width: 100%; margin: 14px 0; border-collapse: collapse; font-size: 14px; }
body.product-detail-page .proinfoshow th,
body.product-detail-page .proinfoshow td { padding: 9px 12px; border: 1px solid #e6eaf0; color: #4a5563; text-align: left; }
body.product-detail-page .proinfoshow th { background: #f3f6fa; color: #12305c; font-weight: 600; }
body.product-detail-page .proinfoshow tr:nth-child(even) td { background: #fafbfd; }
body.product-detail-page .proinfoshow ul,
body.product-detail-page .proinfoshow ol { margin: 10px 0 10px 22px; }
body.product-detail-page .proinfoshow li { line-height: 28px; }

/* 30.6 上一个 / 下一个：并列卡片行 */
body.product-detail-page .pd-pn {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    max-width: 1020px;
    margin: 22px auto 0;
    padding: 14px 0 0;
    border-top: 1px dashed #e8ebef;
    line-height: normal;
}
body.product-detail-page .pd-pn-row {
    flex: 1 1 300px;
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 12px 16px;
    border: 1px solid #eef1f5;
    border-radius: 12px;
    background: #fafbfd;
    transition: border-color .22s ease, background .22s ease;
}
body.product-detail-page .pd-pn-row:hover { border-color: #f5872a; background: #fff6ec; }
body.product-detail-page .pd-pn-k { flex: 0 0 auto; color: #8a94a0; font-size: 13px; }
body.product-detail-page .pd-pn-row span:not(.pd-pn-k) { flex: 1 1 auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
body.product-detail-page .pd-pn-row a { color: #2c3440; font-size: 14px; }
body.product-detail-page .pd-pn-row a:hover { color: #f5872a; }

/* 30.7 分区小标题 + 推荐产品卡（与产品列表页 17.4 保持一致） */
body.product-detail-page .pd-subtitle {
    position: relative;
    max-width: 1020px;
    margin: 34px auto 0;
    padding: 0 0 12px 14px;
    border-bottom: 2px solid #eef1f5;
    color: #12305c;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
}
body.product-detail-page .pd-subtitle::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 78px;
    height: 2px;
    background: linear-gradient(90deg, #12447f, #f5872a);
}
body.product-detail-page .pd-subtitle::after {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 4px;
    height: 18px;
    border-radius: 2px;
    background: #f5872a;
}
body.product-detail-page .pd-rec { max-width: 1020px; margin: 0 auto; padding: 4px 16px 6px; box-sizing: border-box; }
body.product-detail-page .pd-rec .box {
    float: left;
    width: calc(33.333% - 32px);
    margin: 12px 16px;
    height: auto;
    padding: 12px 12px 14px;
    border: 1px solid #eceef2;
    border-radius: 12px;
    background: #fff;
    text-align: left;
    box-sizing: border-box;
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
body.product-detail-page .pd-rec .box:hover { transform: translateY(-4px); border-color: #f5872a; box-shadow: 0 14px 28px rgba(245, 135, 42, .14); }
body.product-detail-page .pd-rec .box a:first-child { display: block; overflow: hidden; border-radius: 8px; }
body.product-detail-page .pd-rec .box img {
    display: block;
    width: calc(100% - 24px);
    max-width: none;
    margin: 0 auto;
    height: 270px;
    padding: 0;
    border: none;
    border-radius: 8px;
    background: linear-gradient(135deg, #f2f3f6 0%, #e3e7ec 100%);
    box-sizing: border-box;
    transition: transform .45s ease;
}
body.product-detail-page .pd-rec .box:hover img,
body.product-detail-page .pd-rec .box a:hover img { transform: scale(1.04); border: none; box-shadow: none; }
body.product-detail-page .pd-rec .box p {
    width: auto;
    margin: 12px 0 2px;
    text-align: left;
    line-height: 24px;
    font-size: 15px;
    color: #2c3440;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
body.product-detail-page .pd-rec .box:hover a,
body.product-detail-page .pd-rec .box a:hover { color: #f5872a; }

/* 30.8 窄屏回退：两栏变上下，推荐卡每行 2 / 1 个 */
@media (max-width: 1180px) {
    body.product-detail-page .pd-top { flex-wrap: wrap; gap: 24px; }
    body.product-detail-page .prightz { max-width: none; }
    body.product-detail-page .pd-rec .box { width: calc(50% - 32px); }
}
@media (max-width: 860px) {
    body.product-detail-page .pleftz { width: 100%; }
    body.product-detail-page .jqzoom img { height: 300px; }
    body.product-detail-page .pd-rec .box { width: calc(100% - 32px); }
    body.product-detail-page .productslx { flex-wrap: wrap; }
    body.product-detail-page .pd-btn { flex: 1 1 45%; }
}