/* ===== HEADER & NAVIGATION CSS ===== */
/* ACB Group Custom Header - Unified across all pages */
/* Uses #layout-header prefix for high specificity to override pintuer.css */

:root {
    --header-top-height: 140px;     /* 紫色顶部高度（固定） */
    --header-head-height: 50px;     /* 白色导航高度（固定） */
    --header-total-height: 190px;   /* 总高度 = top + head */
}
/* Global scrollbar */
::-webkit-scrollbar-track{background-color:#fff}
::-webkit-scrollbar{width:10px;height:5px}
::-webkit-scrollbar-thumb{background-color:#231e46}

/* Header base */
#layout-header {position:relative;top:0;left:0;width:100%;z-index:999;background:#fff;box-shadow:0 0 12px #0000001F}
.head_content {position:relative;z-index:999;width:100%;flex-shrink:0}


/* Top bar */
#layout-header .top {background:#231e46;height:140px;min-height:140px;max-height:140px;display:flex;align-items:flex-end;position:relative;top:0;left:0;width:100%;z-index:3;box-sizing:border-box;padding:0 0 16px 0}
#layout-header .top .container {margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px;max-width:96%;width:100%;box-sizing:border-box;display:flex;align-items:flex-end;height:100%}
#layout-header .top_wrapper {display:flex;align-items:flex-end;justify-content:space-between;gap:0;height:100%;width:100%}
#layout-header .top_left_group {display:flex;align-items:flex-end;gap:20px}
#layout-header .top_right_group {display:flex;align-items:center;gap:10px}
#layout-header .top_link {color:#fff;padding-left:15px;margin-left:15px;border-left:1px solid #fff;line-height:1;text-transform:uppercase;font-size:15px;font-family:'Onest',sans-serif;font-weight:400;}
#layout-header .top_link:hover {color:#fff;opacity:.5;}
#layout-header .top_phone {display:flex;align-items:center;color:#fff;gap:9px;font-weight:500;letter-spacing:.06em;font-size:15px;font-family:'Onest',sans-serif;}
#layout-header .top_phone:hover {color:#fff}
#layout-header .top_phone span {position:relative}
#layout-header .top_phone span:before {position:absolute;content:"";left:0;bottom:0;height:1px;width:0;background:#fff;transition:.5s}
#layout-header .top_phone:hover span:before {width:100%}

/* Language switcher */
#layout-header .lang {display:flex;align-items:center;gap:0;flex-shrink:0;margin-left:0}
#layout-header .lang_item {color:#FFFFFF;font-family:'Onest',sans-serif;font-size:15px;font-weight:300;text-transform:uppercase;text-decoration:none;transition:color .3s;cursor:pointer;margin-right:5px;margin-left:5px}
#layout-header .lang_item:hover {color:#FFFFFF;text-decoration:underline}
#layout-header .lang_item.lang_active {font-weight:300;text-decoration:underline}
/* #layout-header .top .top_wrapper .lang span{line-height:initial !important;font: inherit !important;font-size: 16px !important;} */
/*#layout-header .lang_item:not(:last-child)::after {content:"/";padding:0 5px;font-weight:300;text-decoration:none;color:#FFFFFF;cursor:default}*/

/* Search - removed */

/* Social */
#layout-header .social {display:flex;gap:5px;margin-left:25px}
#layout-header .social a {width:28px;height:28px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;}

/* Buttons */
#layout-header .bt {font-weight:700;display:table;text-align:center;line-height:1;text-transform:uppercase;border:1px solid;padding:18px 65px;transition:.5s;cursor:pointer;border-radius:5px;box-shadow:2px 4px 7px #2c2c2c5c;font-family:'Onest',sans-serif;text-decoration:none;}
#layout-header .bt:hover {box-shadow:3px 0px 7px #2c2c2c30;}
#layout-header .bt.white_bt {background-color:#FFFFFF;border-color:#FFFFFF;color:#231e46}
#layout-header .bt.white_bt:hover {background:transparent;border-color:#FFFFFF;color:#FFFFFF;}
#layout-header .top .bt {margin-left:25px;font-size:14px;padding:7px 30px}

/* Head (menu only) */
#layout-header .head {padding:0;height:50px;min-height:50px;max-height:50px;flex-shrink:0}
#layout-header .head .container {margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px;max-width:98%;width:100%;box-sizing:border-box;height:100%}
#layout-header .head_wrapper {display:flex;align-items:center;height:100%;min-height:100%;max-height:100%;padding:0;width:100%}
/* 始终显示滚动条，避免首页/内页切换时视口宽度变化引起跳动 */
html {overflow-y:scroll}
#layout-header .logo {display:block;text-decoration:none;flex-shrink:0;filter:brightness(0) invert(1)}
#layout-header .logo img {display:block;height:auto;}

/* Mobile menu toggle */
#layout-header .openMenu {display:none;cursor:pointer;}
#layout-header .hamburger {padding:0;display:flex}
#layout-header .mm-wrapper_opened .hamburger--spin .hamburger-inner {transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}
#layout-header .mm-wrapper_opened .hamburger--spin .hamburger-inner:before {top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}
#layout-header .mm-wrapper_opened .hamburger--spin .hamburger-inner:after {bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}

/* ===== SUBMENU / MEGA MENU ===== */
#layout-header .submenu {position:absolute;top:100%;left:0;width:auto;z-index:1;display:none;overflow:visible}


#layout-header .menu_tab {background:#FFFFFF0A;color:#fff;font-size:18px;padding:15px 20px 15px 34px;min-height:70px;display:flex;align-items:center;justify-content:space-between;transition:.5s;cursor:pointer;font-family:'Onest',sans-serif;text-decoration:none;}
#layout-header .menu_tab + .menu_tab {margin-top:18px}
#layout-header .menu_tab.white {background:#FFFFFFB2;color:#231e46}
#layout-header .menu_tab.white svg * {stroke:#231e46}
#layout-header .menu_tab:hover svg * {stroke:#fff}
#layout-header .menu_content {display:none}
#layout-header .menu_content_flex {display:flex;gap:66px}

/* Category menu */
#layout-header .kat_menu {list-style:none;padding-left:0;margin-bottom:0}
#layout-header .kat_menu li {font-size:18px;line-height:1.1}
#layout-header .kat_menu li a {color:#fff;display:flex;align-items:center;padding:18px 0;gap:10px;cursor:pointer;text-decoration:none;font-family:'Onest',sans-serif;}
#layout-header .kat_menu li:not(:last-child) {border-bottom:1px solid #3A4F9A}
#layout-header .kat_menu li a svg {margin-left:auto}
#layout-header .kat_menu a.active,
#layout-header .kat_menu li:hover a {opacity:.5}
#layout-header .kat_menu_icon {width:32px;display:flex;height:40px;min-width:32px}
#layout-header .kat_menu_icon img {max-width:100%;max-height:100%}
#layout-header .kat_menu li.padleft {padding-left:25px;font-size:16px}
#layout-header .kat_menu li.padleft a {padding:13px 0}

/* Three-column menu */
#layout-header .menu_col {overflow-y:auto;max-height:500px}
#layout-header .menu_col_l2,
#layout-header .menu_col_l3,
#layout-header .menu_col_products {border-right:1px solid #3A4F9A;padding-right:20px}
#layout-header .menu_col .kat_menu {width:100%}
#layout-header .menu_col .kat_menu li a {padding:14px 0;font-size:16px}
#layout-header .menu_col .l2_link.active,
#layout-header .menu_col .l3_link.active {opacity:.5}

/* Product cards in menu */
#layout-header .menu_col_prod .menu_prods {max-height:430px;overflow-y:auto}
#layout-header .menu_col_prod .menu_prod {padding:8px 20px;min-height:70px}
#layout-header .menu_col_prod .menu_prod+.menu_prod {margin-top:8px}
#layout-header .menu_col_prod .menu_prod_img {width:80px;height:55px}
#layout-header .menu_col_prod .menu_prod_name {font-size:14px}
#layout-header .menu_prod {display:flex;align-items:center;gap:20px;padding:10px 35px;background:#FFFFFF1A;min-height:100px;text-decoration:none;}
#layout-header .menu_prod + .menu_prod {margin-top:12px}
#layout-header .menu_prod_img {width:103px;height:70px;display:flex;align-items:center;justify-content:center}
#layout-header .menu_prod_img img {max-width:100%;max-height:100%;object-fit:contain}
#layout-header .menu_prod_name {color:#fff;line-height:1.2;font-family:'Onest',sans-serif;}
#layout-header .menu_prods {margin-bottom:25px}
#layout-header .menu_prods .menu_prod:nth-child(1),
#layout-header .menu_prods .menu_prod:nth-child(2),
#layout-header .menu_prods .menu_prod:nth-child(3) {display:flex}
#layout-header .prod_tab {display:none}
#layout-header .brands_prods .menu_prod {display:flex}
#layout-header .brands_prods .menu_prods {max-height:330px;overflow:auto}

/* 默认隐藏所有产品行和详情 */
.new-prod-row,.new-prod-detail{display:none}
/* 显示状态（通过JS添加active类） */
.new-prod-row.active{display:flex !important}
.new-prod-detail.active{display:block !important}
#layout-header .menu_col_detail {background:#fff;padding:20px;border-radius:0 8px 8px 0;overflow-y:auto;max-height:500px}
#layout-header .menu_col_detail .prod_detail {display:none}
#layout-header .menu_col_detail .prod_detail_img {text-align:center;margin-bottom:12px;min-height:100px;display:flex;align-items:center;justify-content:center}
#layout-header .menu_col_detail .prod_detail_img img {max-height:130px;max-width:100%;object-fit:contain}
#layout-header .menu_col_detail .prod_detail_title {font-size:16px;font-weight:700;color:#151515;margin-bottom:3px;line-height:1.3}
#layout-header .menu_col_detail .prod_detail_spec {font-size:12px;color:#666;line-height:1.6;margin-bottom:10px;max-height:120px;overflow-y:auto}
#layout-header .menu_col_detail .prod_detail_spec table {width:100%;border-collapse:collapse}
#layout-header .menu_col_detail .prod_detail_spec td {padding:4px 0;border-bottom:1px solid #eee;font-size:12px}
#layout-header .menu_col_detail .prod_detail_spec td:first-child {color:#999;width:40%}
#layout-header .menu_col_detail .prod_detail_desc {font-size:12px;color:#888;line-height:1.5;margin-bottom:12px}
#layout-header .menu_col_detail .prod_detail_btns {display:flex;gap:8px;flex-wrap:wrap}
#layout-header .menu_col_detail .prod_detail_btns .bt {padding:8px 16px;font-size:12px;border-radius:4px}
#layout-header .menu_col_detail .prod_detail_btns .blue_bt {background:#231e46;color:#fff;border:1px solid #231e46}
#layout-header .menu_col_detail .prod_detail_btns .white_bt {background:#fff;color:#231e46;border:1px solid #231e46}
#layout-header .menu_col_detail .prod_detail_btns .white_bt:hover {background:#231e46;color:#fff}

/* Product list in middle column */
#layout-header .menu_col_products .product_link {position:relative}
#layout-header .menu_col_products .product_link.active {opacity:.5}
#layout-header .menu_col_products .product_link.active:before {content:'';position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:3px;height:20px;background:#f4c430}

/* ===== SUBMEGA MENU ===== */

#layout-header .submenu.show .submega {display:flex}
/* 左列：二级栏目 150px */
#layout-header .submega-cats {width:150px;background:#231e46;flex-shrink:0;overflow-y:auto;max-height:500px}
#layout-header .submega-cat {padding:14px 16px;color:#fff;cursor:pointer;font-size:14px;border-bottom:1px solid rgba(255,255,255,.1);transition:.25s;line-height:1.3}
#layout-header .submega-cat:hover,#layout-header .submega-cat.active {background:#f4c430;color:#231e46}
/* 中列：产品列表 150px（默认隐藏） */
#layout-header .submega-prods {display:none;width:150px;background:#f0f0f0;flex-shrink:0;overflow-y:auto;max-height:500px;flex-direction:column}
#layout-header .submega-prods.show {display:flex}
#layout-header .submega-prod {display:none;padding:12px 16px;cursor:pointer;font-size:13px;color:#555;border-bottom:1px solid #ddd;transition:.2s}
#layout-header .submega-prod.active {display:block}
#layout-header .submega-prod:hover,#layout-header .submega-prod.active {background:#fff;color:#231e46}
#layout-header .submega-prod-name {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
/* 详情数据区隐藏 */
#layout-header .submega-details {display:none}
#layout-header .submega-detail {padding:0}
#layout-header .submega-detail-img {text-align:center;margin-bottom:14px}
#layout-header .submega-detail-img img {max-height:150px;max-width:100%;object-fit:contain}
#layout-header .submega-detail h3 {font-size:17px;font-weight:700;color:#151515;margin-bottom:6px}
#layout-header .submega-detail-spec {font-size:12px;color:#666;line-height:1.7;margin-bottom:10px;max-height:120px;overflow-y:auto}
#layout-header .submega-detail-spec td {padding:3px 0;border-bottom:1px solid #eee;font-size:12px}
#layout-header .submega-detail-spec td:first-child {color:#999;width:40%}
#layout-header .submega-detail-desc {font-size:12px;color:#888;line-height:1.5;margin-bottom:14px}
#layout-header .submega-detail-btns {display:flex;gap:10px;flex-wrap:wrap}
#layout-header .submega-detail-btns .bt {padding:10px 22px;font-size:13px;border-radius:4px;cursor:pointer}
#layout-header .submega-detail-btns .blue_bt {background:#231e46;color:#fff;border:1px solid #231e46}
#layout-header .submega-detail-btns .blue_bt:hover {background:#fff;color:#231e46}
#layout-header .submega-detail-btns .white_bt {background:#fff;color:#231e46;border:1px solid #231e46}
#layout-header .submega-detail-btns .white_bt:hover {background:#231e46;color:#fff}
/* 右列：详情面板（默认隐藏） */
#layout-header .submega-panel {display:none;flex:1;padding:24px;background:#fff;overflow-y:auto;max-height:500px;min-width:0}
#layout-header .submega-panel.show {display:block}

@media (max-width:1100px) {
  #layout-header .submega {flex-direction:column;min-height:auto}
  #layout-header .submega-cats {width:100%;display:flex;overflow-x:auto;max-height:none}
  #layout-header .submega-cat {white-space:nowrap;flex:1;text-align:center;border-bottom:none;border-right:1px solid rgba(255,255,255,.1)}
  #layout-header .submega-prods {width:100%;max-height:180px;flex-direction:row;flex-wrap:wrap}
  #layout-header .submega-prods.show {display:flex}
  #layout-header .submega-prod {flex:1;min-width:100px;text-align:center}
  #layout-header .submega-panel {padding:16px}
}
.submega { display:flex; min-height:380px; background:#fff; overflow:hidden }
/* 左列：二级栏目 150px */
.submega-cats { width:150px; background:#231e46; flex-shrink:0; overflow-y:auto; max-height:500px }
.submega-cat { padding:14px 16px; color:#fff; cursor:pointer; font-size:14px; border-bottom:1px solid rgba(255,255,255,.1); transition:.25s; line-height:1.3 }
.submega-cat:hover,.submega-cat.active { background:#f4c430; color:#231e46 }
/* 中列：产品列表 150px */
.submega-prods { display:flex; flex-direction:column; width:150px; background:#f0f0f0; flex-shrink:0; overflow-y:auto; max-height:500px }
.submega-prod { display:none; padding:12px 16px; cursor:pointer; font-size:13px; color:#555; border-bottom:1px solid #ddd; transition:.2s }
.submega-prod.active { display:block }
.submega-prod:hover,.submega-prod.active { background:#fff; color:#231e46 }
.submega-prod-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block }
/* 详情数据区隐藏 */
.submega-details { display:none }
.submega-detail { padding:0 }
.submega-detail-img { text-align:center; margin-bottom:14px }
.submega-detail-img img { max-height:150px; max-width:100%; object-fit:contain }
.submega-detail h3 { font-size:17px; font-weight:700; color:#151515; margin-bottom:6px }
.submega-detail-spec { font-size:12px; color:#666; line-height:1.7; margin-bottom:10px; max-height:120px; overflow-y:auto }
.submega-detail-spec td { padding:3px 0; border-bottom:1px solid #eee; font-size:12px }
.submega-detail-spec td:first-child { color:#999; width:40% }
.submega-detail-desc { font-size:12px; color:#888; line-height:1.5; margin-bottom:14px }
.submega-detail-btns { display:flex; gap:10px; flex-wrap:wrap }
.submega-detail-btns .bt { padding:10px 22px; font-size:13px; border-radius:4px; cursor:pointer }
.submega-detail-btns .blue_bt { background:#231e46; color:#fff; border:1px solid #231e46 }
.submega-detail-btns .blue_bt:hover { background:#fff; color:#231e46 }
.submega-detail-btns .white_bt { background:#fff; color:#231e46; border:1px solid #231e46 }
.submega-detail-btns .white_bt:hover { background:#231e46; color:#fff }
/* 右列：详情面板 */
.submega-panel { flex:1; padding:24px; background:#fff; overflow-y:auto; max-height:500px; min-width:0 }
.submega-panel .submega-detail { display:block }
@media (max-width:1100px) {
  .submega { flex-direction:column; min-height:auto }
  .submega-cats { width:100%; display:flex; overflow-x:auto; max-height:none }
  .submega-cat { white-space:nowrap; flex:1; text-align:center; border-bottom:none; border-right:1px solid rgba(255,255,255,.1) }
  .submega-prods { width:100%; max-height:180px; flex-direction:row; flex-wrap:wrap }
  .submega-prod { flex:1; min-width:100px; text-align:center }
  .submega-panel { padding:16px }
}

/* ===== 旧MEGA MENU样式已删除 ===== */
.new-mega {display:flex;min-height:400px;background:#fff;border-radius:8px;overflow:hidden}
.new-cats {width:220px;background:#231e46;flex-shrink:0;overflow-y:auto;max-height:500px}
.new-cat-item {padding:14px 20px;color:#fff;cursor:pointer;font-size:15px;border-bottom:1px solid rgba(255,255,255,0.1);transition:all 0.3s;display:flex;align-items:center;justify-content:space-between;line-height:1.3}
.new-cat-item:hover, .new-cat-item.active {background:#f4c430;color:#231e46}
.new-cat-item svg {flex-shrink:0;margin-left:8px}

.new-prod-area {flex:1;display:flex;flex-direction:column;overflow:hidden}
.new-prod-list {width:100%;background:#f0f0f0;max-height:200px;overflow-y:auto;display:flex;flex-wrap:wrap;border-bottom:1px solid #ddd}
.new-prod-row {flex:1;min-width:120px;padding:10px 16px;background:#e5e5e5;border-right:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;cursor:pointer;font-size:13px;color:#555;display:flex;align-items:center;justify-content:space-between;transition:all 0.2s}
.new-prod-row:hover, .new-prod-row.active {background:#fff;color:#231e46}
.new-prod-row svg {flex-shrink:0;margin-left:6px}

.new-prod-detail-panel {flex:1;padding:24px;background:#fff;overflow-y:auto;position:relative}
.new-prod-detail {display:none}
.new-prod-detail-img {text-align:center;margin-bottom:16px;min-height:120px;display:flex;align-items:center;justify-content:center}
.new-prod-detail-img img {max-height:160px;max-width:100%;object-fit:contain}
.new-prod-detail-title {font-size:18px;font-weight:700;color:#151515;margin-bottom:8px;line-height:1.3}
.new-prod-detail-spec {font-size:13px;color:#666;line-height:1.8;margin-bottom:12px;max-height:120px;overflow-y:auto}
.new-prod-detail-spec table {width:100%;border-collapse:collapse}
.new-prod-detail-spec td {padding:4px 0;border-bottom:1px solid #eee;font-size:12px}
.new-prod-detail-spec td:first-child {color:#999;width:40%}
.new-prod-detail-desc {font-size:13px;color:#888;line-height:1.6;margin-bottom:16px}
.new-prod-detail-btns {display:flex;gap:10px;flex-wrap:wrap}
.new-prod-detail-btns .bt {padding:10px 24px;font-size:13px;border-radius:4px;cursor:pointer}
.new-prod-detail-btns .blue_bt {background:#231e46;color:#fff;border:1px solid #231e46;text-decoration:none;display:inline-block}
.new-prod-detail-btns .blue_bt:hover {background:#fff;color:#231e46}
.new-prod-detail-btns .white_bt {background:#fff;color:#231e46;border:1px solid #231e46}
.new-prod-detail-btns .white_bt:hover {background:#231e46;color:#fff}

@media (max-width:1200px) {
  .new-mega {flex-direction:column}
  .new-cats {width:100%;display:flex;overflow-x:auto;max-height:none}
  .new-cat-item {white-space:nowrap;flex:1;text-align:center;border-bottom:none;border-right:1px solid rgba(255,255,255,0.1)}
  .new-prod-list {max-height:180px}
  .new-prod-row {min-width:100px}
  .new-prod-detail-panel {padding:16px}
}

/* ===== 保留原有样式不变 ===== */

/* ===== 三层品牌导航 (nav-main) - 基于 nav.htm ===== */
#layout-header .nav-main {list-style:none;padding-left:0;margin-bottom:0;display:flex;height:100%}
#layout-header .nav-main > li {position:relative;padding:0 18px;height:100%;display:flex;align-items:center;font-size:18px;font-weight:600;color:#151515;cursor:pointer;user-select:none;font-family:'Onest',sans-serif;text-transform:uppercase;white-space:nowrap;margin-top:0}
#layout-header .nav-main > li.active {color:#fff;background:#231e46}
#layout-header .nav-main > li > a {border:none;padding:0;color:inherit;text-decoration:none;display:inline-flex;align-items:center;height:100%}
#layout-header .nav-main > li.active > a {color:#fff;background:#231e46}
/* 导航箭头 */
#layout-header .nav-main > li.nav-item::after {content:'';display:inline-block;width:0;height:0;margin-left:6px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #151515;transition:transform .3s;vertical-align:middle}
#layout-header .nav-main > li.nav-item.active::after {transform:rotate(180deg);border-top-color:#fff}
#layout-header .sub-level2 > li > a,
#layout-header .sub-level3 > li > a {border:none;padding:0;color:inherit;text-decoration:none;display:block;background:transparent}
#layout-header .sub-level2 > li > a:hover,
#layout-header .sub-level3 > li > a:hover {background:transparent}

/* ===== 二级下拉菜单 sub-level2 ===== */
#layout-header .sub-level2 {position:absolute;top:calc(100% + 0px);left:0;background:#2c3154;min-width:160px;display:none;z-index:99;list-style:none;padding:0;margin:0;border-radius:0;border-top:0px solid #fff!important}
#layout-header .sub-level2.show {display:block}
#layout-header .sub-level2 > li {padding:12px 20px;color:#fff;font-size:15px;position:relative;white-space:nowrap;cursor:pointer;transition:background .2s;border-bottom:1px solid #fff;margin-top:0}
#layout-header .sub-level2 > li:first-child {border-top:0px solid #fff}
#layout-header .sub-level2 > li > a {color:#fff;text-decoration:none;display:block}
#layout-header .sub-level2 > li:hover {background:#404678}
#layout-header .sub-level2 > li.active-yellow {background:#f7c020;color:#000}
#layout-header .sub-level2 > li.active-yellow > a {color:#000}

/* ===== 三级机型列表 sub-level3 ===== */
#layout-header .sub-level3 {position:absolute;top:0;left:100%;background:#2c3154;min-width:150px;display:none;list-style:none;padding:0;margin:0;border-radius:0;z-index:100}
#layout-header .sub-level3.show {display:block}
#layout-header .sub-level3 > li {padding:12px 20px;font-size:15px;color:#fff;position:relative;cursor:pointer;transition:background .2s;margin-top:0;white-space:nowrap;border-bottom:1px solid #fff}
#layout-header .sub-level3 > li:first-child {border-top:1px solid #fff}
#layout-header .sub-level3 > li > a {color:#fff;text-decoration:none;display:block}
#layout-header .sub-level3 > li:hover {background:#404678}
#layout-header .sub-level3 > li.active-yellow {background:#f7c020;color:#000}
#layout-header .sub-level3 > li.active-yellow > a {color:#000}

/* ===== 四级产品列表 sub-level4 ===== */
#layout-header .sub-level4 {position:absolute;top:0;left:100%;background:#f5f5f5;min-width:160px;display:none;list-style:none;padding:0;margin:0;border-radius:0 6px 6px 0;z-index:101}
#layout-header .sub-level4.show {display:block}
#layout-header .sub-level4 > li {padding:10px 16px;font-size:14px;color:#333;position:relative;cursor:pointer;transition:background .2s;margin-top:0;white-space:nowrap}
#layout-header .sub-level4 > li:hover {background:#e8e8e8}
#layout-header .sub-level4 > li.active-yellow {background:#f7c020}

/* ===== 产品详情卡片 product-card ===== */
#layout-header .product-card {position:absolute;top:0;left:100%;width:420px;max-width:90vw;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,0.15);padding:16px;display:none;border-radius:8px;z-index:101;box-sizing:border-box}
#layout-header .product-card.show {display:block}
#layout-header .product-card img {width:100%;height:220px;object-fit:contain;margin-bottom:10px}
#layout-header .product-card h3 {text-align:center;font-size:18px;color:#2c3154;margin-bottom:6px;word-wrap:break-word;word-break:normal;white-space:normal}
#layout-header .product-card h4 {text-align:center;font-size:16px;margin-bottom:10px;word-break:break-all;overflow-wrap:anywhere}
#layout-header .product-card .param {font-size:12px;line-height:1.6;color:#444;margin-bottom:12px;max-height:160px;overflow-y:auto;overflow-x:hidden;word-break:break-all;overflow-wrap:anywhere}
#layout-header .product-card .param * {max-width:100%!important;word-break:break-all;overflow-wrap:anywhere}
#layout-header .product-card .desc-text {font-size:12px;color:#666;line-height:1.5;margin-bottom:12px;word-wrap:break-word;word-break:normal;white-space:normal}
#layout-header .product-card .product-params {margin-bottom:14px;max-height:120px;overflow-y:auto}
#layout-header .product-card .product-param-item {font-size:12px;color:#444;line-height:1.7;word-wrap:break-word;word-break:normal;white-space:normal;text-align:center;padding:2px 0}

#layout-header .product-card .pp-name {font-weight:600;color:#2c3154}
#layout-header .product-card .pp-val {color:#555}
/* 栏目缩略图背景图标：悬停产品时显示在 level3-item 右侧 */
#layout-header .sub-level3 > li.level3-item:has(> .card-bg-icon) {padding-right:60px}
#layout-header .level3-item > .card-bg-icon {position:absolute;top:50%;right:16px;transform:translateY(-50%);width:30px;height:30px;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;z-index:102}
#layout-header .level3-item:hover > .card-bg-icon {opacity:1;visibility:visible}
#layout-header .product-card .btn-group {display:flex;gap:10px;justify-content:center}
#layout-header .product-card .btn {padding:8px 22px;border-radius:4px;border:none;cursor:pointer;font-size:13px;text-decoration:none;display:inline-block;text-align:center}
#layout-header .product-card .btn-detail {background:#2c3154;color:#fff}
#layout-header .product-card .btn-detail:hover {background:#404678;color:#fff}
#layout-header .product-card .btn-price {border:1px solid #2c3154;color:#2c3154;background:#fff}
#layout-header .product-card .btn-price:hover {background:#2c3154;color:#fff}

#layout-header .hidden_menu {display:none!important}

@media screen and (min-width: 1201px) {
#layout-header .openMenu {display:none}
}

/* ===== TABLET / MOBILE MENU (max-width:1200px) ===== */
@media screen and (max-width: 1200px) {
#layout-header .head .nav-main {display:none}
#layout-header .head .nav-main.active {display:flex;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background:#fff;z-index:100;box-shadow:0 4px 12px rgba(0,0,0,0.1);padding:10px 0}
#layout-header .head .nav-main.active > li {padding:12px 20px;border-bottom:1px solid #eee}
#layout-header .head .nav-main.active .sub-level2,
#layout-header .head .nav-main.active .sub-level3,
#layout-header .head .nav-main.active .sub-level4,
#layout-header .head .nav-main.active .product-card {position:static;width:100%;box-shadow:none;border-radius:0;margin:0;display:none}
#layout-header .head .nav-main.active .sub-level2.show,
#layout-header .head .nav-main.active .sub-level3.show,
#layout-header .head .nav-main.active .sub-level4.show,
#layout-header .head .nav-main.active .product-card.show {display:block;padding-left:16px}
#layout-header .head .nav-main.active .card-bg-icon {display:none}
#layout-header .top_phone span {display:none;}
#layout-header .top .social {position:fixed;flex-direction:column;gap:10px;bottom:100px;right:15px;z-index:1;margin-left:0}
#layout-header .top .social a {width:50px;height:50px;background:#231e46}
#layout-header .top .social a svg {width:25px;height:auto}
#layout-header .top .social a svg [fill="#231e46"] {fill:#fff}
#layout-header .top .social a svg [stroke="#231e46"] {stroke:#fff}
#layout-header .hamburger {padding:0;display:flex}
#layout-header .openMenu {margin-left:40px;display:block;}
#layout-header .hamburger-inner,
#layout-header .hamburger-inner:after,
#layout-header .hamburger-inner:before {border-radius:0;background:#231e46;height:3px}
#layout-header .head .container,
#layout-header .top .container {width:auto;padding:0;margin:0}
#layout-header {display:flex !important;flex-direction:row-reverse;align-items:center;padding:15px}
#layout-header .logo {display:block;filter:none;margin-right:0}
#layout-header .top {height:auto;background:transparent;width:auto;flex:1;}
#layout-header .top_wrapper {justify-content:space-between;height:auto;align-items:center}
#layout-header .top_left_group {align-items:center}
#layout-header .top_right_group {align-items:center}
#layout-header .head {padding:0;margin-right:0}
#layout-header .top .bt {background:#231e46;color:#fff;border-color:#231e46}
#layout-header .lang_item {color:#231e46}
#layout-header .lang_item.lang_active {color:#231e46;font-weight:300}
#layout-header .lang_item:not(:last-child)::after {content:"/";padding:0 5px;font-weight:300;text-decoration:none;color:#231e46;cursor:default}
#layout-header .head {margin-right:auto}
#layout-header .parent_link .mm-btn_next {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border:none}
#layout-header .parent_link {position:relative}
#layout-header .top_link {display:none;}
#layout-header .top_phone svg * {fill:#231e46;}
#layout-header .top_phone span {display:none}
}

/* ===== TABLET (max-width:992px) ===== */
@media screen and (max-width: 992px) {
#layout-header .top .bt {padding:7px 15px}
#layout-header .openMenu {margin-left:25px}
#layout-header .lang {margin-left:0}
}

/* ===== MOBILE (max-width:768px) ===== */
@media screen and (max-width: 768px) {
#layout-header .top .bt {display:none}
#layout-header .logo img {height:40px}
#layout-header .hamburger-box {width:30px;height:20px}
#layout-header .hamburger-inner,
#layout-header .hamburger-inner:after,
#layout-header .hamburger-inner:before {width:30px;height:2px}
#layout-header .hamburger-inner:before {top:-8px}
#layout-header .hamburger-inner:after {bottom:-8px}
#layout-header .lang_item {font-size:15px}
#layout-header .openMenu {margin-left:25px}
#layout-header .lang {margin-left:0}
}