/**
 * 原 template/elec_2023_led/common/header.htm 中内联的 <style> 块，原样抽出。
 * 这段样式参与导航与移动端布局，去掉会走形，故独立成文件加载。
 *
 * 迁移后对本文件做过两处改动（都标了注释）：
 *   1. 删掉 .nav_slide 那组规则 —— 原站的横向二级导航条已改为悬停下拉面板；
 *   2. 把只认 #mn_N9f19 一条的展开触发，改成所有一级项通用的悬停触发。
 */
body { min-width: 0 !important}
.topbox_one.displaynone { margin: 0 0 143px 0}
.topbox_one.displaynone #elecom_nav { z-index: 100 !important}
.topbox_one.displaynone .up[data-v-f3a4122a] { z-index: 100 !important}
.bottom_box { padding: 20px 0 0 20px}
.bottom_box a { float: left; display: block; height: 38px; line-height: 38px; padding: 0 10px; margin: 0 10px 0 0; text-align: center; font-size: 14px; color: #FFFFFF; border-radius: 6px; background: #2631A4}
.bottom_box a:last-child { margin: 0}
.up[data-v-f3a4122a] {
	position: relative;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    padding-right: 60px;
    background-color: #e4ebf2;
    border-bottom: 1px solid #fff;
    border-bottom: 1px solid hsla(0,0%,100%,.2);
	z-index: 999
}
.up[data-v-f3a4122a], .up a[data-v-f3a4122a], .up > span[data-v-f3a4122a] {
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
}
.up[data-v-f3a4122a], .up a[data-v-f3a4122a], .up > span[data-v-f3a4122a] {
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
}
/* 「经营品牌：」这个标签也要吃进链接规则。
   原站这里是个 href="#" 的 <a>，天然被 .up a 命中，拿到 line-height:54px、
   14px 字号、灰色，与后面的品牌名同一条基线；迁移时换成了 <span>
   （去掉死链，见 header.php），span 匹配不到 .up a，就只剩 body 的
   line-height:2 和 16px 字号 —— 文字整体偏高、偏大。
   把 span 并进选择器即可，不另写一套值；首页的白色变体（home-index.css）也自动跟上。 */
.up a[data-v-f3a4122a], .up > span[data-v-f3a4122a] {
    font-size: 14px;
    color: grey;
    line-height: 54px;
    float: left;
    margin-left: 25px;
}
.head-down[data-v-f3a4122a] {
    position: relative;
    white-space: nowrap;
}
.head-down .til[data-v-f3a4122a] {
    display: flex;
}
.head-down .ul[data-v-f3a4122a] {
    position: absolute;
    top: 100%;
    left: 15px;
    width: 160px;
    background: #e4ebf2;
    max-height: 240px;
    overflow: auto;
    z-index: 99;
    border-radius: 0 0 8px 8px;
}
.head-down .ul .li[data-v-f3a4122a] {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #e6e6e6;
    font-size: 14px;
    color: grey;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    transition: all .4s;
}
.up .header-telephone[data-v-f3a4122a] {
    padding-left: 24px;
    background: url(../style/header-telephone.png) no-repeat 0;
    font-size: 14px;
    color: #525252;
    line-height: 54px;
    margin-left: 55px;
}
.up .header-telephone em[data-v-f3a4122a] {
    font-size: 18px;
    color: #ff8a00;
    letter-spacing: -1px;
    margin-left: 10px;
    position: relative;
    top: 1px;
}
.logo a { display: block; width: 328px; height: 50px; background: url(../style/logo.png) no-repeat 0 0}
#elecom_nav.navfixed { position: fixed; top: 0; z-index: 999; box-shadow: 0 2px 24px hsla(0,0%,76.1%,.3); background: #FFFFFF !important}
#scbar_btn:before { display: none}
#scbar_type { border: 0}
#scbar_btn { margin: 0; text-indent: 9999px; border: 0; box-shadow: none}
#scbar_btn.pn strong { line-height: 200px}
.pg a, .pg strong, .pgb a, .pg label { border-color: #EEEEEE}
.pg strong { background: #EFF8FD}

/* 原站这里还有一组 .nav_slide .h_pop 规则（横向二级导航条，高 70px、浅灰底）。
   那一条已经随 .nav_slide 标记一起删掉，改由下面的 .h_pop2 下拉面板承担。 */

.menu { overflow: visible !important}
.menu ul li { position: relative}
/* 面板背景：全透明（2026-10-15 按你拍板的最终效果）。白字直接浮在
   横幅/大图上，两栏间只留一条半透明白线。原站的 ::before 通栏色带
   已删，面板不再画任何背景。

   z-index 必须给：面板是 position:absolute 但没写 z-index（auto），
   内页横幅 .page-ban（position:relative、在 DOM 里靠后）绘制时会压在
   同层的面板之上（文字因 .li_box 的 z-index:300 不受影响，但整块面板
   的排布层级会乱）。给面板本体 300，与 .li_box 一致。

   吸顶兜底见下方 #elecom_nav.navfixed 那条：往下滚动导航变白底后，
   面板会落在白色内容上，全透明+白字会看不见，所以吸顶态自动换成
   半透明深蓝底。 */
.h_pop2 { display: none; position: absolute; left: 0; top: 87px; width: auto !important; padding: 0 20px; background: none; box-shadow: none !important; border-radius: 0; z-index: 300}
/* 吸顶（导航变白底）时：白字落在白内容上不可读，面板自动改为
   半透明深蓝底 + 毛玻璃。0.62 压白底与白字对比 5.0:1，达 AA。
   不支持毛玻璃的浏览器退化为半透明实底，可读性不受影响。
   注：这一条是「滚动状态」的兜底，所有页面通用（内页滚下去也一样）。
   2026-10-15 首页原本还有一条 body.home 例外（首页大图是浅色调，
   全透明白字会没进背景），按你要求已去掉 —— 首页现在与内页一致，
   顶部悬停同样是全透明。首页大图若压住文字，换一张深色的即可。 */
#elecom_nav.navfixed .h_pop2, #elecom_nav.navfixed .menu .sub-menu { background: rgba(5, 24, 60, .62); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px)}

/* 展开触发。原站由 Discuz 的 showMenu() 内联脚本负责，迁移时脚本没带过来，
   只剩上面那条原本的 #mn_N9f19:hover（产品中心）——而产品中心当时并没有面板内容，
   于是四个真有二级菜单的栏目（工程案例 / 解决方案 / 服务支持 / 关于我们）
   连同「网站首页」一起，面板永远展不开，页面上只剩那条横向的 .nav_slide 二级条。
   现在按原站结构改成通用规则：一级项悬停即展开它自己的 .h_pop2。
   一级项 li 高 87px，面板 top 也是 87px，两者严丝合缝，鼠标下移不会掉出悬停区。 */
.menu > ul > li:hover > .h_pop2 { display: block}

/* 面板一律左对齐到一级项左边缘，与其余四项一致。只有最后一项「关于我们」
   贴着版心右缘，在 1366 / 1440 / 1600 这类宽度下左对齐会把面板顶出视口
   （站点外层对横向溢出是裁剪不是滚动，会切掉右列文字），所以这里先落一条
   右对齐当兜底。theme.js 会在悬停时按实际视口宽度重算：放得下就改回左对齐，
   放不下才用下面这个值。即下面这条只在 JS 未执行时生效。 */
.menu > ul > li:last-child > .h_pop2 { left: auto; right: 0}

/* 后台「外观 → 菜单」指派了主导航时，走 WordPress 标准标记：
   ul > li.menu-item > a + ul.sub-menu。这里给它一套最小的下拉样式，
   不自定义 Walker、也不去复刻原站的 li_box 结构。
   几个 !important 是为了压过一级导航的 .menu ul li a 与 .menu ul li.a a ——
   它们的优先级比这里高（多一个 li 元素），不加重不了。 */
.menu .sub-menu { display: none; position: absolute; left: 0; top: 87px; min-width: 180px; padding: 20px; margin: 0; background: none; list-style: none; z-index: 300}
.menu li:hover > .sub-menu { display: block}
.menu > ul > li:last-child > .sub-menu { left: auto; right: 0}
.menu .sub-menu li { float: none; display: block; width: auto; height: auto; line-height: 20px; text-align: left}
.menu .sub-menu li a { height: auto !important; line-height: 20px !important; margin: 0 0 10px 0 !important; padding: 0; border: 0; font-size: 14px; font-weight: 500; color: rgba(255, 255, 255, .82) !important}
.menu .sub-menu li a:hover { color: #fff !important}
.menu .sub-menu li:last-child a { margin-bottom: 0 !important}
/* 原站这条是 5000px 宽的通栏色带（见上方 .h_pop2 的注释），已删，
   背景改由 .h_pop2 自己承担，宽度即面板宽度。 */
.h_pop2 li { float: left; background: none !important; position: relative; z-index: 300}
.h_pop2 li a { float: left; min-width: 0; display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: rgba(255, 255, 255, .85);
	height: 70px;
    line-height: 70px;
	padding: 0;
    margin-right: 38px;
	font-weight: bold;
	background: none !important}
.h_pop2 li a:hover { background: none !important}
.frame, .frame-tab { margin: 0; border: 0; background: none}
.temp { margin: 0}
.block {
    margin: 0;
}
.a_h { display: none}
.a_mu { display: none}
img, svg { vertical-align: middle}
.mus_box { display: none}
#nv_search .sttl { padding: 5px 0; border: 0; background: none}
.pg_viewthread .aimg_tip { display: none !important}
#scform_srchtxt { width: 100%; border: 0; box-sizing: border-box}
#scform_submit { background: none}
#scform_submit:before { display: none}
#scform_tb .a { color: #05A2DE}
#scform_tb li { display: none}
.tdats .tfx { width: 300px !important}
.tdats .tb { width: 430px; margin-bottom: 0}
.tscr { width: 430px}
.tdats .tfxf { width: 730px !important}
.notice_pm { margin-top: 8px !important}
.notice_all { margin-top: 8px !important}
.pbg { height: 10px}
#nv_group .tb .a a, #nv_group .tb .current a { border: 0 !important; background: none !important}
#nv_group .tb a { background: none !important}
#create_group_btn { background: #05A2DE}
.pob em a:before { display: none}
.forumrefresh { display: none}
.pg_viewthread #spanButtonPlaceholder { width: 32px !important; height: 20px !important; margin: 9px 0 0 0; background: url('../style/sEditor.gif') no-repeat -292px 0 !important}
.li_box .item[data-v-f3a4122a] {
	float: left;
    display: inline-block;
    vertical-align: top;
    margin-right: 80px;
}
.sub_box a[data-v-f3a4122a] {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: grey;
    line-height: 70px;
    margin-right: 38px;
}
/* 面板宽度。原站写死 380px（各栏内容固定，怎么放都不会超）。
   现在背景色画在面板上，宽度就等于面板宽度，所以不能再写死：
   写死会在内容只有 200 多像素时，右边空出一条一两百像素的灰底，
   看着就是「背景比菜单宽一截」。
   改成按内容撑开：多长算多长，跟里面的链接一样宽。
   再配一条「最后一栏不留右间距」（见下面的 .item:last-child），
   否则最后那个 80px 的栏间距也会被算进面板宽度里。 */
.li_box { display: flow-root; position: relative; width: max-content; z-index: 300}
.li_box .item[data-v-f3a4122a]:last-child { margin-right: 0}
.li_box a[data-v-f3a4122a] {
	height: auto !important;
	margin: 0;
	border: 0 !important;
	color: #fff !important;
	/* 全透明面板的白字浮在浅色大图上时靠这层极淡的字影保住可读，
	   压在深色横幅上基本看不出来。 */
	text-shadow: 0 1px 3px rgba(0, 0, 0, .45);
    float: none;
	text-align: left
}
.li_box .a_box[data-v-f3a4122a] {
    position: relative;
    font-size: 0;
    overflow: visible;
    white-space: nowrap;
    max-height: 182px;
}
.li_box .a_box .it[data-v-f3a4122a] {
    display: inline-block;
    vertical-align: top;
}
.li_box .a_box a[data-v-f3a4122a] {
    display: block;
    font-size: 14px;
    font-weight: 500;
	height: 20px !important;
    line-height: 20px;
	margin: 0 0 10px 0;
	border: 0 !important;
    color: rgba(255, 255, 255, .82) !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .45)
}
/* 悬停加下划线。!important 是必须的：上面 .li_box a 那条带 !important，
   不加的话这行压不过它，链接颜色会跟列标题一样白、失去层次。 */
.li_box .a_box a[data-v-f3a4122a]:hover {
    color: #fff !important;
    text-decoration: underline
}
.li_box .item:first-child .a_box a[data-v-f3a4122a] {
    margin-right: 0;
}
.li_box .item:last-child .a_box[data-v-f3a4122a]:before {
    content: "";
    position: absolute;
    top: 3px;
    bottom: 13px;
    width: 0;
    border-left: 1px solid rgba(255, 255, 255, .28);
    left: -40px;
}
#mn_portal .h_pop2 a:hover { color: #fff !important}
#kioNav[data-v-0635d2c4] {
	display: none !important;
    width: 100%;
    height: 60px;
    background: url(../style/kioNav-bg.jpg) no-repeat 50%;
    background-size: cover;
    position: fixed;
    bottom: 0;
    left: 0;
    border-top: 1px solid #d3dae0;
    padding: 0 20px;
	box-sizing: border-box;
    animation: all .4s;
    -webkit-animation: all .4s;
	z-index: 9999
}
#kioNav .item[data-v-0635d2c4] {
    position: relative;
    text-align: center;
    padding-top: 12px;
	float: left;
	width: 25%
}
#kioNav .item .it[data-v-0635d2c4] {
    height: 22px;
}
#kioNav .item .it img[data-v-0635d2c4] {
	display: block;
    max-width: 100%;
    height: 22px;
    margin: auto;
}
#kioNav .item .p[data-v-0635d2c4] {
    font-size: 14px;
    color: grey;
    line-height: 23px;
}
.header .logo{padding: 18px 0; margin: 0; width: 100px !important; overflow: hidden}
.login comiis_mobreg_box .rfm .px { width: 70% !important}

@media (max-width: 800px) {
.wp { width: 100%}
.section1 { width: 92%; margin: 0 auto}
.footer-up { padding: 50px 0 100px 0 !important}
#kioNav[data-v-0635d2c4] { display: block !important}
.page-ban .img[data-v-dabc661e] { height: 220px !important}
.page-ban .slogan .cn[data-v-dabc661e] { font-size: 26px !important}
.page-ban .slogan .en[data-v-dabc661e] { font-size: 18px !important}
#thread_types li { margin-right: 12px !important; font-size: 12px !important}
.cit-tit { margin-bottom: 20px !important}
.cit-tit h1 { font-size: 22px !important}
.cit-tit h2 { font-size: 18px !important}
.product-up .p p { font-size: 14px !important}
#pt .z em:nth-last-child(2) { display: none}
#thread_types li:last-child { margin-right: 0 !important}
#pt .z a:last-child { display: none}
.auto { width: 94% !important}
.up { display: none !important}
.logo a { height: 36px !important; background-size: auto 100% !important}
.m_menu { width: 22px !important; height: 30px !important; margin: 28px 0 0 0 !important; top: 0 !important}
.m_menu em { display: block; float: left; width: 100%; height: 2px; margin: 0 0 5px 0; background: #2631A4}
.menu { display: none}
.elecom_searchbox {}
.home-top { display: none}
.footer-down { display: none}
.footer-nav { display: none}
.footer-box .infomation[data-v-2533cfe2] { width: 100%; float: none; text-align: center}
.footer-box .infomation p[data-v-2533cfe2] { text-align: center !important}
.footer-up .list[data-v-2533cfe2] { display: inline-block !important; text-align: center}
.footer-up .list .li[data-v-2533cfe2] { display: inline-block; margin: 0 4px !important}
.footer-up .img[data-v-2533cfe2] { width: 88px !important; height: 88px !important}
#fwin_login.fwinmask { top: 78px !important; left: 3% !important; margin: 0 !important}
.flb { padding: 20px !important}
#fwin_login.fwinmask { width: 94% !important; background: #FFFFFF}
#fwin_content_login { width: 100% !important}
.fwin .rfm, .nfl .f_c .rfm, .rfm .px1 { width: 100% !important; box-sizing: border-box}
#fwin_login.fwinmask table { width: 100% !important}
.flbc { right: 20px !important; top: 20px !important}
.login_pn { height: 36px !important; line-height: 36px !important; margin: 0 !important; font-size: 15px !important}
.member_boxx1 { margin: 20px 0 !important}
.rfm table { width: 100% !important}
.rfm { width: 100% !important}
.rfm th { width: 30% !important}
.rfm .px { width: 60% !important}
.fwin .rfm .px { width: 60% !important; height: 23px; line-height: 23px; box-sizing: border-box}
.tipcol {!important}
.kmdtm .tipcol { display: block !important}
.pg_logging #ct { width: 94% !important}
.pg_register #ct { width: 94% !important}
.t_l, .t_c, .t_r, .m_l, .m_r, .b_l, .b_c, .b_r { display: none}
#fwin_login.fwinmask { box-shadow: 0 3px 6px rgba(0,0,0,0.1)}

.pg_post .simpleedt .bar { height: auto; background: none; border: 0}
.pg_post .edt .bar { height: auto; background: none; border: 0}
.pg_post .edt .btn { width: 100%}
.pg_post .edt .bbar { height: 44px}
.pg_post #ct { padding: 0 3%}
.pg_post #pt { margin: 10px 3%}
.pg_post #e_fullswitcher { display: none}
.pg_post #e_simple { display: none}

#e_sml_menu.sllt { max-width: 94% !important; left: 3% !important}
.pg_post .p_pof { width: 94% !important; left: 3% !important; box-sizing: border-box}
.pg_post .fwinmask { width: 94% !important; left: 3% !important}
#fwin_nav.fwinmask { width: 94% !important; left: 3% !important}
#fwin_nav.fwinmask table { width: 100% !important}
#fwin_nav.fwinmask .pbl { width: 100%; border-right: 1px solid #CCCCCC}
#fwin_nav.fwinmask .pbl li { width: calc(33% - 12px) !important; height: auto !important; min-height: 280px !important}
#fwin_nav.fwinmask .pbl li:last-child { width: calc(34% - 10px) !important; border-right: 0 !important}

.numboxx { padding: 20px !important}
ul.pf_l { padding: 0 !important}
.pf_l li { width: 50% !important}
.mus_box { display: none}
.pg_post #ct.ct2_a { box-sizing: border-box; padding: 20px !important; border-radius: 3px; background: #FFFFFF !important}
#editorbox { padding: 0 !important}
#e_controls .y { display: none}
.edt .btn { float: none !important; border: 0 !important}
.simpleedt .bar, .simpleedt .b1r, .simpleedt .b2r { height: auto !important}
#postbox input { width: auto !important}
.edt .bbar { height: auto !important}

.header1 .menuphone { width: 70% !important; right: -70% !important}
.header1 .menuphone { background: #E4EBF2 !important}
.header1 .menuphone ul li { border: 0 !important}
.header1 .menuphone ul li a { font-size: 16px !important; color: #5b6d80 !important}
.header1 .menuphone ul li a:hover { color: #5b6d80 !important}
#nv_search .wp { width: 100%}
.elecom_searchbox { margin: 26px 50px 0 0}
.s_icon { background-image: url(../style/search2.png)}
.elecom_search .wp { width: 100% !important}
.elecom_search { width: 94% !important; left: 3% !important; padding: 50px 20px !important; margin: 0 !important; box-sizing: border-box}
#scbar { width: 100% !important}
.scbar_txt_td { width: calc(100% - 100px) !important; margin: 0 !important}
#scbar_txt { width: 100% !important}
#scbar table { width: 100%}
#scform { width: 100%}
#td_srchtxt { width: calc(100% - 100px)}
#td_srchbtn { width: 100px}
#scform_srchtxt { width: 100%}
#scform_tb .y { display: none}
#scform h1 { display: none}

.ct2_a, .ct3_a { border: 0 !important}
.appl { display: none !important}
.ct2_a .mn {
    margin-right: 0 !important;
    width: 100% !important;
    padding: 20px !important;
    box-sizing: border-box !important;
}
.pg_spacecp #pt { width: 94%; margin: 0 auto !important}

.comiis_sms_title_zkwdlp { width: 100% !important}
.comiis_sms_title_zkwdlp ul { margin-left: 0 !important}
#layer_reginfo_bs img { margin-bottom: 10px}
#nv_home .nts { padding-left: 0 !important}
.pg_tag .tl td { display: none}
}