/**
 * 主题补充样式
 * 仅在参考站原始样式基础上补齐「需要 JS 交互才生效」的状态类，
 * 其余样式全部沿用参考站原版 CSS（css/*.css）。
 */

/* ---------- 导航交互状态 ---------- */

/* ---------- 导航排版：禁止折行 ----------
 * 英文导航项（About us / Contact us）较长，.p_level1Box 是 flex 容器，
 * 在 1200~1500 这类中等宽度下会被压缩，导致文字折成两行、头部变高。
 * 这里禁止折行，并按宽度收窄字号与左右间距，保证 7 项始终排成一行。
 */
#c_navigation_006-16722182525851 .e_navigationA-38 .p_level1Box {
    flex-wrap: nowrap;
}

#c_navigation_006-16722182525851 .e_navigationA-38 .p_level1Item {
    flex: 0 0 auto;
}

#c_navigation_006-16722182525851 .e_navigationA-38 .p_level1Item a {
    white-space: nowrap;
}

@media screen and (max-width: 1500px) {
    #c_navigation_006-16722182525851 .e_navigationA-38 .p_level1Item a {
        font-size: 16px;
        padding: 0 1vw;
    }
}

@media screen and (max-width: 1280px) {
    #c_navigation_006-16722182525851 .e_navigationA-38 .p_level1Item a {
        font-size: 15px;
        padding: 0 0.7vw;
    }
}

/* 桌面：鼠标悬停展开二级菜单（原站由运行时 JS 控制） */
@media screen and (min-width: 769px) {
    #c_navigation_006-16722182525851 .e_navigationA-38 .p_level1Item:hover > .p_level2Box,
    #c_navigation_006-16722182525851 .e_navigationA-38 .p_level1Item.open > .p_level2Box {
        display: block;
    }
}

/* 移动端：汉堡按钮展开整屏菜单，箭头展开二级菜单 */
@media screen and (max-width: 768px) {
    #c_navigation_006-16722182525851 .e_navigationA-38 .p_navContent.nav-open {
        display: block;
    }
    #c_navigation_006-16722182525851 .e_navigationA-38 .p_level1Item.open > .p_level2Box {
        display: block;
    }
    #c_navigation_006-16722182525851 .e_navigationA-38 .p_level1Item.open > .p_menu1Item .p_jtIcon {
        transform: rotate(-90deg);
    }
}

/* 语言下拉：复用二级菜单样式 */
#c_navigation_006-16722182525851 .e_navigationA-38 .lang_box .p_level2Item a.active,
#c_navigation_006-16722182525851 .e_navigationA-38 .lang_box .p_level2Item a.current {
    background: #008fff;
    color: #fff;
}

/* ---------- 首页：产品「更多」按钮 ---------- */
#c_static_001-1669882447121 .home_more_btn {
    text-align: center;
    margin-top: 40px;
}

#c_static_001-1669882447121 .home_more_btn .s_button2 {
    display: inline-block;
}

/* ---------- 阿拉伯语等 RTL 语言 ---------- */
html[lang="ar"] .p_level1Box,
html[lang="ar"] .p_level2Box {
    direction: rtl;
}

html[lang="ar"] .e_text-6,
html[lang="ar"] .e_text-9,
html[lang="ar"] .e_text-13,
html[lang="ar"] .e_text-17 {
    text-align: right;
}

/* ---------- 无数据占位 ---------- */
.p_list:empty::after {
    content: "";
    display: block;
    padding: 40px 0;
}

/* ---------- 分页条 ----------
 * PbootCMS 自带分页输出 .page-index/.page-num/.page-next 等类，
 * 参考站用的是 .page_a 一套（30×30 方块、当前页橙色、禁用灰色）。
 * 这里把前者映射成后者的观感，保证与原站一致。
 */
.p_page .page_con {
    display: block;
    text-align: center;
}

.p_page .page_con a,
.p_page .page_con span {
    display: inline-block;
    vertical-align: middle;
    line-height: 30px;
    height: 30px;
    min-width: 30px;
    margin: 0 3px;
    padding: 0;
    text-align: center;
    background: #f4f4f4;
    color: #666;
    text-decoration: none;
    font-size: 14px;
}

.p_page .page_con a:hover {
    background: #e6f4ff;
    color: #30a7fd;
}

/* 当前页 */
.p_page .page_con .page-num-current {
    background: #f18100;
    color: #fff;
}

/* 原站没有“共 N 条 / 首页 / 尾页”，隐藏掉 */
.p_page .page_con .page-status,
.p_page .page_con .page-index,
.p_page .page_con .page-last {
    display: none;
}

/* 上一页 / 下一页：原站是方块内的箭头 */
.p_page .page_con .page-pre a,
.p_page .page_con .page-next a {
    font-size: 0;
}

.p_page .page_con .page-pre a::after {
    content: '‹';
    font-size: 18px;
}

.p_page .page_con .page-next a::after {
    content: '›';
    font-size: 18px;
}

/* 无链接的上一页/下一页（禁用态） */
.p_page .page_con .page-pre:not(:has(a)),
.p_page .page_con .page-next:not(:has(a)) {
    display: none;
}

/* 首页产品分类：所有轮播卡片随最长标题等高 */
#c_static_001_P_13821-1683612582912 .e_loop_F-21 .swiper-wrapper {
    align-items: stretch;
}
#c_static_001_P_13821-1683612582912 .e_loop_F-21 .swiper-slide {
    height: auto;
    align-items: stretch;
}
#c_static_001_P_13821-1683612582912 .cbox-21 {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
}
#c_static_001_P_13821-1683612582912 .cbox-21 > .e_container-22 {
    flex: 1 1 auto;
    min-width: 0;
}
#c_static_001_P_13821-1683612582912 .cbox-22-1,
#c_static_001_P_13821-1683612582912 .cbox-24-0 {
    min-width: 0;
}
#c_static_001_P_13821-1683612582912 .e_text-25,
#c_static_001_P_13821-1683612582912 .e_text-25 a {
    white-space: normal;
    overflow-wrap: anywhere;
    overflow: visible;
    text-overflow: clip;
    height: auto;
    max-height: none;
    -webkit-line-clamp: unset;
}

@media screen and (max-width: 768px) {
    #c_static_001_P_13821-1683612582912 .e_loop_F-21 .swiper-slide {
        width: 90%;
    }
}

/* 首页产品分类：轮播箭头靠近左右两侧 */
#c_static_001_P_13821-1683612582912 .e_loop_F-21 .swiper-button-prev {
    left: clamp(12px, 2vw, 32px);
    right: auto;
}
#c_static_001_P_13821-1683612582912 .e_loop_F-21 .swiper-button-next {
    right: clamp(12px, 2vw, 32px);
    left: auto;
}

/* 产品详情：介绍正文与热线分别排版 */
#c_static_001_P_4926-1672210749229 .cbox-12-1,
#c_static_001_P_4926-1672210749229 .cbox-13-0 {
    min-width: 0;
}
#c_static_001_P_4926-1672210749229 .product-detail-intro {
    font-size: 16px;
    line-height: 1.7;
    text-align: left;
    white-space: normal;
    overflow-wrap: break-word;
    height: auto;
    max-height: none;
    overflow: visible;
}
#c_static_001_P_4926-1672210749229 .product-detail-intro p {
    margin: 0;
}
#c_static_001_P_4926-1672210749229 .product-detail-hotline {
    margin: 14px 0 20px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.6;
    color: #666;
    text-align: left;
    white-space: normal;
    overflow-wrap: break-word;
}

/* 多语言使用同一页面结构，文字适应各语言字形和长度。 */
html:not([lang="en"]) body,
html:not([lang="en"]) input,
html:not([lang="en"]) textarea {
    font-family: Arial, "Segoe UI", sans-serif;
}
html:not([lang="en"]) .e_text-25,
html:not([lang="en"]) .e_text-4,
html:not([lang="en"]) .e_richText-11 {
    font-family: inherit;
}
html[lang="ar"] [class*="e_text-"],
html[lang="ar"] [class*="e_h1-"],
html[lang="ar"] [class*="e_h3-"],
html[lang="ar"] [class*="e_richText-"],
html[lang="ar"] .product-detail-hotline {
    direction: rtl;
    unicode-bidi: plaintext;
}
html[lang="ar"] .product-detail-intro {
    direction: rtl;
    text-align: right;
}
html[lang="ar"] .product-detail-hotline {
    text-align: right;
}
html[lang="ar"] a[href^="tel:"],
html[lang="ar"] a[href^="mailto:"] {
    direction: ltr;
    unicode-bidi: isolate;
    display: inline-block;
}
html:not([lang="en"]) #c_static_001_P_4926-1672210749229 .e_container-19 {
    column-gap: 8px;
    row-gap: 4px;
}
html:not([lang="en"]) #c_static_001_P_4926-1672210749229 .e_container-19 .p_item {
    align-self: flex-start;
    min-width: 0;
}