/* ============================================
   龙辉起重官网 V2.0 - 主样式表
   主色：爱马仕橙 #F37021
   架构：PHP模板 + 纯HTML + CSS + 少量JS
   ============================================ */

* { margin: 0; padding: 0; box-sizing: border-box; }
body {
    font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    font-size: 14px;
    color: #333;
    background: #fff;
    line-height: 1.6;
}
a { text-decoration: none; color: #333; transition: color 0.2s; }
a:hover { color: #F37021; }
ul, ol { list-style: none; }
img { border: none; max-width: 100%; }
.clearfix::after { content: ""; display: block; clear: both; }
.wrapper { width: 1200px; margin: 0 auto; }

/* ===== 1. 顶部导航栏 ===== */
.top-bar {
    width: 100%;
    height: 34px;
    background: linear-gradient(to bottom, #fcfcfc, #f1f1f1);
    border-bottom: 1px solid #e8e8e8;
}
.top-bar .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 34px;
    padding: 0 18px;
    box-sizing: border-box;
}
.top-bar-left { font-size: 12px; color: #888; white-space: nowrap; overflow: hidden; }
.top-bar-left a { color: #888; margin-right: 16px; }
.top-bar-left a:hover { color: #F37021; }
.top-bar-right { font-size: 12px; display: flex; align-items: center; white-space: nowrap; }
.top-bar-right .me-name { color: #888; font-size: 12px; font-weight: normal; margin-left: 2px; }
.top-bar-right a { display: inline-block; font-size: 12px; line-height: 1.6; text-decoration: none; }
/* 灰色纯文字辅助操作：强制刷新 / 管理后台（淡化，与左侧一致） */
.top-bar-right a.top-plain {
    margin-left: 14px;
    padding: 2px 2px;
    color: #888;
    background: none;
    border: 0;
}
.top-bar-right a.top-plain:hover { color: #F37021; background: none; }
/* 橙色主操作：钉钉登录 / 退出 */
.top-bar-right a.top-btn {
    margin-left: 14px;
    padding: 2px 13px;
    border: 1px solid #F37021;
    border-radius: 3px;
    color: #F37021;
}
.top-bar-right a.top-btn:hover { background: #F37021; color: #fff; }

/* ===== 2. 标志区 ===== */
.logo-area {
    width: 100%;
    height: 88px;
    display: flex;
    align-items: center;
}
.logo-area .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.logo-img { height: 60px; display: flex; align-items: center; }
.logo-img img { height: 56px; }
.logo-text { height: 60px; display: flex; align-items: center; }
.logo-text a {
    font-size: 38px;
    font-weight: bold;
    color: #F37021;
    letter-spacing: 6px;
    text-decoration: none;
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.logo-text a:hover { color: #D95A10; }
.logo-placeholder {
    background: #F37021;
    color: #fff;
    padding: 10px 28px;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 2px;
    border-radius: 3px;
}
.contact-info { text-align: right; }
.contact-info .tel-400 {
    font-size: 26px;
    color: #F37021;
    font-weight: bold;
    line-height: 1.2;
}
.contact-info .tel-office { font-size: 13px; color: #666; margin-top: 4px; }
.contact-info .address { font-size: 12px; color: #999; margin-top: 2px; }

/* ===== 3. 主导航 ===== */
.main-nav {
    width: 100%;
    background: #4a4a4a;
    border-bottom: 4px solid #F37021;
    position: relative;
    z-index: 100;
}
.main-nav .wrapper {
    display: flex;
    align-items: center;
    height: 44px;
}
.main-nav a.nav-item {
    display: inline-block;
    padding: 0 20px;
    height: 44px;
    line-height: 44px;
    color: #fff;
    font-size: 15px;
    border-radius: 6px 6px 0 0;
    position: relative;
}
.main-nav a.nav-item:hover,
.main-nav a.nav-item.active {
    background: #F37021;
    color: #fff;
}
.main-nav a.nav-item:last-child,
.main-nav a.nav-item.nav-last { margin-left: auto; }
.main-nav .dropdown { position: relative; }
.main-nav .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: -1px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-top: 3px solid #F37021;
    min-width: 180px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    z-index: 200;
}
.main-nav .dropdown:hover .dropdown-menu { display: block; }
.main-nav .dropdown-menu a {
    display: block;
    padding: 10px 16px;
    font-size: 13px;
    color: #555;
    border-bottom: 1px solid #f0f0f0;
}
.main-nav .dropdown-menu a:hover {
    background: #FFF1E8;
    color: #F37021;
    padding-left: 20px;
}

/* ===== 4. 副导航（左常用链接 / 右快捷入口） ===== */
.sub-nav {
    width: 100%;
    height: 36px;
    background: #f5f5f5;
    border-bottom: 1px solid #e8e8e8;
}
.sub-nav .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 36px;
    padding: 0 18px;
    box-sizing: border-box;
}
.sub-nav-left { display: flex; align-items: center; }
.sub-nav-left a {
    font-size: 12px;
    color: #777;
    margin-right: 18px;
}
.sub-nav-left a:hover { color: #F37021; }
.sub-nav-right { display: flex; align-items: center; }
.sub-nav-right a {
    font-size: 12px;
    color: #777;
    margin-left: 18px;
    white-space: nowrap;
}
.sub-nav-right a:hover { color: #F37021; }
.search-box {
    display: flex;
    align-items: center;
    height: 26px;
    border: 1px solid #ddd;
    border-radius: 3px;
    overflow: hidden;
    background: #fff;
}
.search-box input {
    width: 160px;
    height: 24px;
    border: none;
    outline: none;
    padding: 0 8px;
    font-size: 12px;
    color: #666;
}
.search-box button {
    height: 26px;
    padding: 0 12px;
    border: none;
    background: #F37021;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    transition: background 0.2s;
}
.search-box button:hover { background: #D95A10; }

/* ===== 5. 面包屑（左排列，右链接） ===== */
.breadcrumb-bar {
    width: 100%;
    margin: 4px 0 14px;
}
.breadcrumb-bar .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 36px;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    padding: 0 16px;
}
.breadcrumb { font-size: 12px; color: #888; }
.breadcrumb a { color: #F37021; }
.breadcrumb a:hover { text-decoration: underline; }
.breadcrumb span.sep { margin: 0 6px; color: #ccc; }
.breadcrumb-right { font-size: 12px; }
.breadcrumb-right a { color: #888; margin-left: 14px; }
.breadcrumb-right a:hover { color: #F37021; }

/* ===== 6. 宣传大图片横幅（与首页轮播图统一380px） ===== */
.banner-big {
    width: 1200px;
    height: 380px;
    margin: 0 auto 12px;
    border-radius: 4px;
    overflow: hidden;
    background: #f0f0f0;
}
.banner-big img { width: 100%; height: 100%; object-fit: cover; }
.banner-big .placeholder {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #F37021, #D95A10);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 36px;
    letter-spacing: 6px;
    font-weight: bold;
}

/* ===== 首页轮播图 ===== */
.banner {
    width: 1200px;
    height: 380px;
    margin: 0 auto 12px;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    background: #f0f0f0;
}
.banner .slide { width: 100%; height: 100%; display: none; }
.banner .slide.active { display: block; }
.banner .slide img { width: 100%; height: 100%; object-fit: cover; }
.banner .slide-placeholder {
    width: 100%; height: 100%;
    background: linear-gradient(135deg, #F37021, #D95A10);
    display: flex; align-items: center; justify-content: center;
    color: #fff; font-size: 32px; letter-spacing: 4px;
}
.banner .dots { position: absolute; bottom: 14px; right: 18px; z-index: 10; }
.banner .dots span {
    display: inline-block; width: 26px; height: 26px; line-height: 26px;
    text-align: center; background: rgba(255,255,255,0.35); color: #fff;
    margin-left: 5px; font-size: 12px; border-radius: 2px; cursor: pointer;
}
.banner .dots span.active { background: #fff; color: #F37021; font-weight: bold; }

/* ===== 7. 主体内容区 ===== */
.main-body {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    gap: 14px;
    min-height: 500px;
}
.main-body.sidebar-collapsed .content-area {
    width: 100%;
}

/* 左侧导航容器（带隐藏/显示按钮） */
.sidebar-wrapper {
    position: relative;
    width: 200px;
    flex-shrink: 0;
    transition: width 0.3s ease;
}
.sidebar-wrapper.collapsed {
    width: 0;
    overflow: hidden;
}
.sidebar-wrapper.collapsed .sidebar {
    opacity: 0;
    visibility: hidden;
}
.sidebar-toggle {
    position: absolute;
    top: 50%;
    right: -12px;
    transform: translateY(-50%);
    width: 24px;
    height: 48px;
    background: #F37021;
    color: #fff;
    border: none;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    z-index: 100;
    box-shadow: 2px 0 6px rgba(0,0,0,0.15);
    transition: all 0.3s ease;
}
.sidebar-toggle:hover {
    background: #D95A10;
    width: 28px;
}
.sidebar-wrapper.collapsed .sidebar-toggle {
    right: -28px;
    border-radius: 4px;
}
.sidebar-wrapper.collapsed .toggle-icon {
    transform: rotate(180deg);
}
.toggle-icon {
    display: inline-block;
    transition: transform 0.3s ease;
}

/* 左侧垂直导航（带下拉分级菜单） */
.sidebar { width: 200px; flex-shrink: 0; transition: opacity 0.3s ease, visibility 0.3s ease; }
.sidebar-box {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    margin-bottom: 12px;
    overflow: hidden;
}
.sidebar-title {
    padding: 10px 14px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    background: #F37021;
    border-bottom: 2px solid #D95A10;
}
.sidebar-menu li { border-bottom: 1px dotted #eee; position: relative; }
.sidebar-menu li:last-child { border-bottom: none; }
.sidebar-menu > li > a {
    display: block;
    padding: 9px 14px;
    font-size: 13px;
    color: #555;
    transition: all 0.2s;
}
.sidebar-menu > li > a:hover,
.sidebar-menu > li > a.active {
    background: #FFF1E8;
    color: #F37021;
    padding-left: 18px;
}
/* 左侧下拉子菜单 */
.sidebar-menu .submenu { display: none; background: #fafafa; }
.sidebar-menu li:hover .submenu { display: block; }
.sidebar-menu .submenu a {
    display: block;
    padding: 7px 14px 7px 28px;
    font-size: 12px;
    color: #888;
    border-bottom: 1px dotted #eee;
}
.sidebar-menu .submenu a:hover { color: #F37021; background: #FFF1E8; }

/* 右侧内容区 */
.content-area { flex: 1; min-width: 0; }
.content-box {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    padding: 20px 24px;
    margin-bottom: 12px;
}
.content-title {
    font-size: 20px;
    color: #333;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #F37021;
}
.content-meta {
    font-size: 12px;
    color: #999;
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
}
.content-meta span { margin-right: 16px; }
.content-annotation {
    background: #fffbe6;
    border: 1px solid #ffe58f;
    padding: 10px 14px;
    font-size: 12px;
    color: #8c6d1f;
    margin-bottom: 16px;
    border-radius: 3px;
    line-height: 1.8;
}
.content-body { font-size: 14px; color: #444; line-height: 2; }
.content-body p { margin-bottom: 12px; }
.content-body img { max-width: 100%; margin: 10px 0; border-radius: 3px; }
.content-body h3 {
    font-size: 16px;
    color: #F37021;
    margin: 18px 0 10px;
    padding-left: 10px;
    border-left: 4px solid #F37021;
}

/* 技术参数表 */
.param-table {
    width: 100%;
    border-collapse: collapse;
    margin: 14px 0;
    font-size: 13px;
}
.param-table th, .param-table td {
    border: 1px solid #e0e0e0;
    padding: 8px 12px;
    text-align: center;
}
.param-table th { background: #FFF1E8; color: #F37021; font-weight: bold; }
.param-table tr:nth-child(even) { background: #fafafa; }

/* ===== 大类页内部分组（锚点可定位） ===== */
.cat-group { margin: 18px 0 6px; scroll-margin-top: 12px; }
.cat-group-title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    padding: 8px 12px;
    margin: 0 0 12px;
    border-left: 4px solid #F37021;
    background: #faf7f4;
    display: flex;
    align-items: center;
    gap: 10px;
}
.cat-group-count { font-size: 12px; font-weight: normal; color: #F37021; }

/* ===== 产品图片预览导航（一级分类页用） ===== */
.product-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin: 10px 0;
}
.product-card {
    width: calc(25% - 11px);
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    overflow: hidden;
    transition: all 0.2s;
}
.product-card:hover {
    border-color: #F37021;
    box-shadow: 0 4px 12px rgba(243,112,33,0.15);
    transform: translateY(-2px);
}
.product-card .card-img {
    width: 100%;
    height: 140px;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.product-card .card-img img { width: 100%; height: 100%; object-fit: cover; }
.product-card .card-img .placeholder { color: #ccc; font-size: 12px; }

/* 产品详情页主图 */
.product-img-box {
    width: 100%;
    max-height: 420px;
    background: #f8f8f8;
    border: 1px solid #eee;
    border-radius: 4px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.product-main-img {
    width: 100%;
    max-height: 420px;
    object-fit: contain;
    display: block;
}
.product-card .card-info { padding: 10px 12px; }
.product-card .card-name {
    font-size: 13px;
    color: #333;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.product-card:hover .card-name { color: #F37021; }
.product-card .card-desc {
    font-size: 11px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 新闻列表 */
.news-list li {
    padding: 12px 0;
    border-bottom: 1px dotted #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.news-list li:last-child { border-bottom: none; }
.news-list a {
    font-size: 14px;
    color: #444;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-list a:hover { color: #F37021; }
.news-list .date { font-size: 12px; color: #999; margin-left: 16px; flex-shrink: 0; }

/* 分页 */
.pagination { text-align: center; margin: 20px 0 10px; }
.pagination a, .pagination span {
    display: inline-block;
    padding: 5px 12px;
    margin: 0 3px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    font-size: 12px;
    color: #666;
}
.pagination a:hover { border-color: #F37021; color: #F37021; }
.pagination .current { background: #F37021; border-color: #F37021; color: #fff; }

/* ===== 首页区块 ===== */
.home-section {
    width: 1200px;
    margin: 0 auto 16px;
    display: flex;
    gap: 14px;
}
.home-section .section-left {
    flex: 1;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    padding: 16px 20px;
}
.home-section .section-right {
    width: 320px;
    flex-shrink: 0;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    padding: 16px 20px;
}
.section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 2px solid #F37021;
}
.section-header h3 { font-size: 17px; color: #333; }
.section-header h3::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 16px;
    background: #F37021;
    margin-right: 8px;
    vertical-align: middle;
}
.section-header .more { font-size: 12px; color: #999; }
.section-header .more:hover { color: #F37021; }

/* 首页产品分类快捷入口（带缩略导航图） */
.home-cats { display: flex; flex-wrap: wrap; gap: 10px; }
.home-cat-item {
    width: calc(25% - 8px);
    text-align: center;
    padding: 0 0 10px;
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 4px;
    overflow: hidden;
    transition: all 0.2s;
}
.home-cat-item:hover { background: #FFF1E8; border-color: #F37021; box-shadow: 0 4px 12px rgba(243,112,33,0.15); transform: translateY(-2px); }
.home-cat-item .cat-thumb {
    width: 100%;
    height: 78px;
    overflow: hidden;
    background: #f0f0f0;
    margin-bottom: 8px;
}
.home-cat-item .cat-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.3s; }
.home-cat-item:hover .cat-thumb img { transform: scale(1.06); }
.home-cat-item .cat-name { font-size: 13px; color: #444; font-weight: bold; }
.home-cat-item:hover .cat-name { color: #F37021; }
.home-cat-item .cat-count { font-size: 11px; color: #aaa; margin-top: 4px; }

/* ===== 联系我们 ===== */
.contact-page { display: flex; gap: 20px; }
.contact-info-box { flex: 1; }
.contact-info-box .info-row {
    padding: 14px 0;
    border-bottom: 1px dotted #eee;
    display: flex;
    align-items: flex-start;
}
.contact-info-box .info-label {
    width: 100px;
    font-weight: bold;
    color: #F37021;
    flex-shrink: 0;
}
.contact-info-box .info-value { color: #555; line-height: 1.8; }
.contact-map {
    width: 400px;
    height: 300px;
    background: #f5f5f5;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #bbb;
    font-size: 13px;
    flex-shrink: 0;
}

/* ===== 8. 底部编辑区 ===== */
.footer-editor {
    width: 100%;
    background: #fafafa;
    border-top: 1px solid #e8e8e8;
    margin-top: 20px;
    padding: 28px 0 20px;
}
.footer-editor .wrapper { display: flex; gap: 30px; }
.footer-col { flex: 1; }
.footer-col h4 {
    font-size: 15px;
    color: #333;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 2px solid #F37021;
    display: inline-block;
}
.footer-col p, .footer-col a {
    font-size: 12px;
    color: #888;
    line-height: 2.2;
    display: block;
}
.footer-col a:hover { color: #F37021; }

/* ===== 9. 底部版权 ===== */
.footer-copyright {
    width: 100%;
    background: #f6f6f6;
    border-top: 1px solid #eaeaea;
    padding: 16px 0;
    text-align: center;
    font-size: 12px;
    color: #999;
    line-height: 2;
}
.footer-copyright a { color: #999; }
.footer-copyright a:hover { color: #F37021; }
.footer-copyright .version { color: #F37021; font-weight: bold; }

/* ===== 响应式适配 - 平板 ===== */
@media screen and (max-width: 1024px) {
    .wrapper { width: 100%; padding: 0 15px; }
    .main-nav .wrapper { flex-wrap: wrap; height: auto; }
    .main-nav a.nav-item { padding: 0 14px; height: 42px; line-height: 42px; font-size: 14px; }
    .banner-big { width: 100%; height: 280px; }
    .banner { width: 100%; height: 300px; }
    .home-cat-item { width: calc(33.33% - 7px); }
}

/* ===== 响应式适配 - 手机 ===== */
@media screen and (max-width: 768px) {
    * { -webkit-tap-highlight-color: transparent; }
    body { font-size: 14px; }
    .wrapper { width: 100%; padding: 0 10px; }
    
    /* 顶部导航 */
    .top-bar { height: auto; padding: 4px 0; font-size: 10px; }
    .top-bar .wrapper { flex-direction: row; flex-wrap: wrap; gap: 2px 8px; justify-content: space-between; }
    .top-bar-left, .top-bar-right { flex-wrap: wrap; gap: 6px; font-size: 10px; }
    
    /* 标志区 */
    .logo-area { height: auto; padding: 8px 0; }
    .logo-area .wrapper { flex-direction: column; gap: 6px; text-align: center; }
    .logo-text a { font-size: 26px; letter-spacing: 3px; }
    .contact-info { text-align: center; }
    .contact-info .tel-400 { font-size: 18px; }
    .contact-info .tel-office, .contact-info .address { font-size: 11px; }
    
    /* 主导航 - 横向滚动 */
    .main-nav { overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .main-nav .wrapper { flex-wrap: nowrap; height: auto; min-width: max-content; padding: 0 10px; }
    .main-nav a.nav-item { padding: 0 14px; height: 42px; line-height: 42px; font-size: 14px; white-space: nowrap; }
    .main-nav .dropdown { position: static; }
    .main-nav .dropdown-menu { display: none !important; }
    .main-nav .dropdown > a.nav-item::after { content: "" !important; }
    
    /* 副导航 - 简化 */
    .sub-nav { display: none; }
    
    /* 面包屑 */
    .breadcrumb-bar .wrapper { flex-direction: column; height: auto; padding: 8px 12px; gap: 6px; align-items: flex-start; }
    .breadcrumb-left { font-size: 12px; flex-wrap: wrap; }
    .breadcrumb-right { font-size: 11px; }
    
    /* 宣传横幅 */
    .banner-big { width: 100%; height: 150px; margin-bottom: 8px; }
    .banner-big .placeholder { font-size: 22px; letter-spacing: 3px; }
    .banner { width: 100%; height: 180px; }
    .banner-dots { bottom: 8px; right: 10px; }
    .banner-dots span { width: 22px; height: 22px; font-size: 11px; }
    
    /* 主体内容 - 上下布局 */
    .main-body { flex-direction: column; width: 100%; padding: 0 10px; gap: 10px; }
    
    /* 左侧导航 - 折叠样式 */
    .sidebar-wrapper { width: 100%; }
    .sidebar-wrapper.collapsed { width: 100%; }
    .sidebar-wrapper.collapsed .sidebar { display: none; opacity: 1; visibility: visible; }
    .sidebar-toggle { display: none; }
    .sidebar { width: 100%; }
    .sidebar-box { margin-bottom: 6px; }
    .sidebar-title { padding: 8px 12px; font-size: 13px; }
    .sidebar-menu li a { padding: 6px 12px; font-size: 12px; }
    
    /* 内容区 */
    .content-area { width: 100%; }
    .content-box { padding: 10px; border-radius: 4px; }
    .content-title { font-size: 16px; padding: 8px 0; }
    .content-meta { font-size: 10px; padding: 4px 0; flex-wrap: wrap; gap: 6px; }
    .content-annotation { font-size: 11px; padding: 6px 8px; margin: 8px 0; }
    .content-body { font-size: 13px; line-height: 1.7; }
    .content-body h3 { font-size: 14px; margin: 12px 0 6px; padding-left: 6px; }
    .content-body p { margin-bottom: 8px; }
    
    /* 产品图片占位 */
    .content-body > div[style*="height:320px"] { height: 200px !important; font-size: 13px !important; }
    
    /* 表格横向滚动 */
    .param-table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; }
    .param-table th, .param-table td { padding: 8px 10px; font-size: 12px; }
    
    /* 首页区块 */
    .home-section { flex-direction: column; width: 100%; padding: 0 10px; gap: 8px; }
    .home-section .section-left, .home-section .section-right { width: 100%; }
    .section-header { padding: 8px 10px; }
    .section-header h3 { font-size: 14px; }
    .section-header .more { font-size: 11px; }
    
    /* 首页产品分类 */
    .home-cats { gap: 6px; }
    .home-cat-item { width: calc(33.33% - 4px); padding: 8px 4px; }
    .home-cat-item .cat-name { font-size: 11px; }
    .home-cat-item .cat-count { font-size: 9px; margin-top: 2px; }
    
    /* 新闻列表 */
    .news-list li { padding: 6px 0; font-size: 12px; flex-direction: column; align-items: flex-start; gap: 2px; }
    .news-list li .date { font-size: 10px; }
    
    /* 产品卡片 */
    .product-card { width: calc(50% - 5px); }
    .product-card .card-img { height: 100px; }
    .product-card .card-img .placeholder { font-size: 11px; }
    .product-card .card-info { padding: 6px 4px; }
    .product-card .card-name { font-size: 11px; }
    .product-card .card-desc { font-size: 10px; }
    
    /* 底部编辑区 - 两列紧凑布局 */
    .footer-editor { padding: 16px 0 12px; margin-top: 10px; }
    .footer-editor .wrapper { flex-direction: row; flex-wrap: wrap; gap: 12px 20px; padding: 0 12px; }
    .footer-col { flex: 0 0 calc(50% - 10px); min-width: calc(50% - 10px); }
    .footer-col h4 { font-size: 13px; margin-bottom: 6px; padding-bottom: 4px; }
    .footer-col p, .footer-col a { font-size: 11px; line-height: 1.8; }
    .footer-qrcode { flex: 0 0 100%; text-align: center; margin-top: 8px; }
    .footer-qrcode .qr-box { width: 70px; height: 70px; margin: 0 auto 4px; font-size: 10px; }
    .footer-qrcode p { font-size: 10px; }
    
    /* 底部版权 */
    .footer-copyright { padding: 12px 10px; font-size: 11px; line-height: 1.8; }
    
    /* 联系我们页面 */
    .contact-page { flex-direction: column; gap: 15px; }
    .contact-map { width: 100%; height: 200px; }
    .contact-info-box .info-row { flex-direction: column; gap: 4px; }
    .contact-info-box .info-label { width: auto; }
    
    /* 分类页产品网格 */
    .product-grid { gap: 10px; }
}

/* ===== 响应式适配 - 小屏手机 ===== */
@media screen and (max-width: 480px) {
    .wrapper { padding: 0 8px; }
    .logo-text a { font-size: 26px; letter-spacing: 3px; }
    .contact-info .tel-400 { font-size: 20px; }
    .main-nav a.nav-item { padding: 0 12px; font-size: 13px; height: 40px; line-height: 40px; }
    .banner-big { height: 120px; }
    .banner { height: 150px; }
    .home-cat-item { width: calc(50% - 5px); }
    .product-card { width: 100%; }
    .content-box { padding: 10px; }
    .content-title { font-size: 16px; }
    .content-body { font-size: 13px; line-height: 1.7; }
    .content-body h3 { font-size: 15px; }
    .param-table th, .param-table td { padding: 6px 8px; font-size: 11px; }
    .footer-editor .wrapper { padding: 0 12px; }
    .footer-copyright { font-size: 10px; }
}

/* ============================================================
   统一模板 V5.0 追加：精简页脚 + 手机汉堡导航
   ============================================================ */
/* 顶部登录用户名（淡化，与辅助操作一致） */
.top-bar .me-name{color:#888;font-weight:normal;}

/* 精简页脚（企业理念 + 联系方式 两列），整体压低、内容不贴边 */
.footer-editor{padding:20px 0 16px;}
.footer-editor .wrapper.footer-simple{gap:48px;align-items:flex-start;padding:0 24px;box-sizing:border-box;}
.footer-about{flex:2;min-width:0;}
.footer-contact{flex:1.1;min-width:0;}
.footer-about h4,.footer-contact h4{font-size:15px;color:#333;margin:0 0 8px;padding-bottom:8px;border-bottom:2px solid #F37021;display:inline-block;}
.footer-about p{font-size:12px;color:#777;line-height:1.9;margin:4px 0;}
.footer-tags{display:flex;flex-direction:column;gap:2px;}
.footer-contact p{font-size:12px;color:#777;line-height:1.9;margin:3px 0;}
.footer-contact strong{color:#F37021;font-size:15px;}

/* 汉堡按钮：桌面隐藏 */
.main-nav .nav-toggle{display:none;}

/* 手机端：汉堡展开纵向菜单，替换原横向滚动 */
@media screen and (max-width:768px){
  .main-nav{overflow:visible;}
  .main-nav .nav-toggle{display:block;width:100%;background:#3f3f3f;color:#fff;border:0;border-bottom:1px solid #5a5a5a;padding:12px;font-size:15px;letter-spacing:2px;}
  .main-nav .wrapper.nav-inner{display:none;flex-direction:column;align-items:stretch;flex-wrap:nowrap;height:auto;min-width:0;width:100%;padding:0;}
  .main-nav .wrapper.nav-inner.open{display:flex;}
  .main-nav .nav-inner .nav-item,
  .main-nav .nav-inner .dropdown{width:100%;}
  .main-nav .nav-inner a.nav-item{height:auto;line-height:1.4;padding:11px 14px;text-align:left;border-bottom:1px solid #555;white-space:normal;font-size:14px;}
  .main-nav .nav-inner .dropdown{position:static;}
  .main-nav .nav-inner .dropdown-menu{position:static;display:block!important;box-shadow:none;background:#3d3d3d;width:100%;border:0;padding:0;}
  .main-nav .nav-inner .dropdown-menu a{display:block;padding:9px 14px 9px 28px;color:#ddd;border-bottom:1px solid #4d4d4d;white-space:normal;height:auto;line-height:1.4;font-size:13px;}
  .main-nav .nav-inner .dropdown-menu a:hover{background:#F37021;color:#fff;}
  .footer-editor .wrapper.footer-simple{flex-direction:column;gap:14px;}
  .footer-qrcode{flex:0 0 auto;margin:0 auto;}
}
/* ===== 大图横幅（渐变+文字占位，后台大图管理可配） ===== */
.banner-cover{position:relative;display:flex;align-items:center;overflow:hidden;width:100%;color:#fff;text-decoration:none;box-sizing:border-box;}
.banner-cover .banner-cover-inner{width:1200px;max-width:100%;margin:0 auto;padding:0 24px;box-sizing:border-box;}
.banner-cover .banner-title{font-size:34px;font-weight:bold;color:#fff;line-height:1.3;margin:0 0 10px;text-shadow:0 2px 8px rgba(0,0,0,.35);letter-spacing:1px;}
.banner-cover .banner-subtitle{font-size:16px;color:rgba(255,255,255,.92);line-height:1.7;margin:0;text-shadow:0 1px 4px rgba(0,0,0,.3);max-width:760px;}

/* 首页轮播 */
.banner-carousel{position:relative;overflow:hidden;width:100%;box-sizing:border-box;}
.banner-carousel .carousel-slides{position:relative;width:100%;height:100%;}
.banner-carousel .carousel-slide{position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;opacity:0;z-index:1;transition:opacity .7s ease-in-out;box-sizing:border-box;}
.banner-carousel .carousel-slide.active{opacity:1;z-index:2;}
.banner-carousel .carousel-slide .banner-cover-inner{width:1200px;max-width:100%;margin:0 auto;padding:0 24px;box-sizing:border-box;}
.banner-carousel .carousel-slide .banner-title{font-size:40px;font-weight:bold;color:#fff;line-height:1.3;margin:0 0 14px;text-shadow:0 2px 10px rgba(0,0,0,.4);letter-spacing:2px;}
.banner-carousel .carousel-slide .banner-subtitle{font-size:18px;color:rgba(255,255,255,.95);line-height:1.7;margin:0;text-shadow:0 1px 6px rgba(0,0,0,.35);max-width:820px;}
.banner-carousel .carousel-dots{position:absolute;right:28px;bottom:20px;z-index:5;}
.banner-carousel .carousel-dots span{display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;background:rgba(255,255,255,.28);color:#fff;border-radius:3px;cursor:pointer;margin-left:8px;font-size:13px;font-weight:bold;transition:all .2s;user-select:none;}
.banner-carousel .carousel-dots span:hover{background:rgba(255,255,255,.45);}
.banner-carousel .carousel-dots span.active{background:#F37021;}

/* 响应式：平板 */
@media (max-width:1024px){
  .banner-cover .banner-title{font-size:28px;}
  .banner-cover .banner-subtitle{font-size:15px;}
  .banner-carousel .carousel-slide .banner-title{font-size:32px;}
  .banner-carousel .carousel-slide .banner-subtitle{font-size:16px;}
}
/* 响应式：手机 */
@media (max-width:768px){
  .banner-cover{height:auto !important;min-height:120px;padding:28px 0;}
  .banner-cover .banner-cover-inner{padding:0 16px;}
  .banner-cover .banner-title{font-size:22px;letter-spacing:0;margin-bottom:6px;}
  .banner-cover .banner-subtitle{font-size:13px;line-height:1.6;}
  .banner-carousel{height:auto !important;min-height:200px;}
  .banner-carousel .carousel-slide{position:relative;opacity:1;display:none;padding:36px 0;}
  .banner-carousel .carousel-slide.active{display:flex;}
  .banner-carousel .carousel-slide .banner-cover-inner{padding:0 16px;}
  .banner-carousel .carousel-slide .banner-title{font-size:24px;letter-spacing:0;margin-bottom:8px;}
  .banner-carousel .carousel-slide .banner-subtitle{font-size:13px;line-height:1.6;}
  .banner-carousel .carousel-dots{right:12px;bottom:10px;}
  .banner-carousel .carousel-dots span{width:24px;height:24px;line-height:24px;font-size:12px;margin-left:4px;}
}

/* ============================================================
   V5.4 精细化：表格交互 / 平滑滚动 / 选中色 / 性能细节
   ============================================================ */
/* 技术参数表：行悬浮高亮 */
.param-table tbody tr{transition:background .15s ease;}
.param-table tbody tr:hover{background:#FFF1E8 !important;}

/* 平滑滚动（锚点跳转） */
html{scroll-behavior:smooth;}

/* 选中文字爱马仕橙 */
::selection{background:#F37021;color:#fff;}
::-moz-selection{background:#F37021;color:#fff;}

/* 内容区图片：轻阴影 */
.content-body img{box-shadow:0 2px 8px rgba(0,0,0,.08);}

/* 移动端：关闭动画省电 */
@media (max-width:768px){
  html{scroll-behavior:auto;}
  .home-cat-item:hover{transform:none;box-shadow:none;}
  .home-cat-item:hover .cat-thumb img{transform:none;}
  .product-card:hover{transform:none;}
}

/* ============================================================
   V5.5 手机端全面重做（覆盖旧响应式，末尾优先级最高）
   ============================================================ */
@media screen and (max-width:768px){
  /* 全局：底部留空给固定电话栏，禁止字体自动放大 */
  body{padding-bottom:64px;-webkit-text-size-adjust:100%;}

  /* 1. 顶部导航：紧凑单行 */
  .top-bar{height:auto;padding:5px 0;}
  .top-bar .wrapper{flex-direction:row;justify-content:space-between;padding:0 12px;height:auto;}
  .top-bar-left{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .top-bar-left a{margin-right:8px;}
  .top-bar-right{font-size:11px;white-space:nowrap;}
  .top-bar-right a{margin-left:4px;padding:2px 7px;font-size:11px;}

  /* 2. 标志区：左右排列，隐藏办公电话和地址 */
  .logo-area{padding:8px 0;height:auto;}
  .logo-area .wrapper{flex-direction:row;justify-content:space-between;align-items:center;padding:0 12px;}
  .logo-text a{font-size:24px;letter-spacing:2px;}
  .contact-info{text-align:right;min-width:0;}
  .contact-info .tel-400{font-size:17px;white-space:nowrap;}
  .contact-info .tel-office,.contact-info .address{display:none;}

  /* 3. 汉堡按钮：加粗 */
  .main-nav .nav-toggle{padding:11px 16px;font-size:15px;letter-spacing:2px;text-align:left;font-weight:bold;}

  /* 4. 副导航：搜索框全宽保留，其他隐藏 */
  .sub-nav{display:block;height:auto;padding:8px 12px;}
  .sub-nav .wrapper{height:auto;flex-direction:row;}
  .sub-nav-left{display:none;}
  .sub-nav-right{width:100%;}
  .search-box{width:100%;height:32px;}
  .search-box input{width:100%;flex:1;height:30px;font-size:13px;}
  .search-box button{height:32px;padding:0 14px;font-size:13px;}

  /* 5. 面包屑：单行简化 */
  .breadcrumb-bar{margin:8px 0;}
  .breadcrumb-bar .wrapper{padding:7px 12px;height:auto;flex-direction:row;flex-wrap:nowrap;gap:0;}
  .breadcrumb{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;}
  .breadcrumb-right{display:none;}

  /* 6. 主体：上下布局 */
  .main-body{flex-direction:column;width:100%;padding:0 10px;gap:8px;min-height:auto;}

  /* 7. 左侧导航：可折叠，标题点击展开/收起 */
  .sidebar-wrapper{width:100%;}
  .sidebar{width:100%;}
  .sidebar-box{margin-bottom:8px;}
  .sidebar-box .sidebar-title{cursor:pointer;padding:10px 14px;font-size:14px;position:relative;}
  .sidebar-box .sidebar-title::after{content:"▾";float:right;font-size:12px;opacity:.8;}
  .sidebar-box.m-collapsed .sidebar-menu{display:none;}
  .sidebar-box.m-collapsed .sidebar-title::after{content:"▸";}
  .sidebar-menu > li > a{padding:10px 14px;font-size:13px;}
  .sidebar-menu .submenu a{padding:8px 14px 8px 28px;font-size:12px;}

  /* 8. 内容区：字体加大，行距加宽 */
  .content-area{width:100%;}
  .content-box{padding:14px 14px;border-radius:4px;}
  .content-title{font-size:18px;padding:10px 0;margin-bottom:10px;}
  .content-meta{font-size:11px;padding:6px 0;flex-wrap:wrap;gap:4px 12px;}
  .content-meta span{margin-right:0;}
  .content-annotation{font-size:12px;padding:8px 10px;margin:10px 0;line-height:1.8;}
  .content-body{font-size:15px;line-height:1.9;color:#333;}
  .content-body p{margin-bottom:10px;}
  .content-body h3{font-size:16px;margin:16px 0 8px;padding-left:8px;}
  .content-body img{margin:8px 0;border-radius:4px;}

  /* 9. 技术参数表：横向滚动 */
  .param-table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;font-size:12px;}
  .param-table th,.param-table td{padding:8px 10px;font-size:12px;}

  /* 10. 首页：产品中心优先（column-reverse 让产品在上面） */
  .home-section{flex-direction:column;width:100%;padding:0 10px;gap:8px;}
  .home-section .section-left,.home-section .section-right{width:100%;padding:12px 14px;}
  .section-header{margin-bottom:10px;padding-bottom:8px;}
  .section-header h3{font-size:16px;}
  .section-header .more{font-size:12px;}

  /* 11. 首页产品分类：2列 */
  .home-cats{gap:8px;}
  .home-cat-item{width:calc(50% - 4px);padding:0 0 8px;}
  .home-cat-item .cat-thumb{height:80px;}
  .home-cat-item .cat-name{font-size:13px;padding:0 4px;}
  .home-cat-item .cat-count{font-size:10px;margin-top:2px;}

  /* 12. 产品卡片：2列 */
  .product-grid{gap:10px;}
  .product-card{width:calc(50% - 5px);}
  .product-card .card-img{height:110px;}
  .product-card .card-info{padding:8px 6px;}
  .product-card .card-name{font-size:12px;}
  .product-card .card-desc{font-size:10px;}

  /* 13. 轮播图：加高加大文字 */
  .banner-carousel{min-height:220px !important;height:220px !important;}
  .banner-carousel .carousel-slide{padding:32px 0;}
  .banner-carousel .carousel-slide .banner-cover-inner{padding:0 16px;}
  .banner-carousel .carousel-slide .banner-title{font-size:24px;letter-spacing:1px;margin-bottom:8px;}
  .banner-carousel .carousel-slide .banner-subtitle{font-size:13px;line-height:1.7;max-width:100%;}
  .banner-carousel .carousel-dots{right:12px;bottom:10px;}
  .banner-carousel .carousel-dots span{width:26px;height:26px;line-height:26px;font-size:12px;margin-left:5px;}

  /* 内页横幅 */
  .banner-cover{min-height:120px;padding:28px 0;}
  .banner-cover .banner-title{font-size:22px;margin-bottom:6px;}
  .banner-cover .banner-subtitle{font-size:13px;}

  /* 14. 新闻列表：加大 */
  .news-list li{padding:10px 0;font-size:14px;flex-direction:row;align-items:center;gap:8px;}
  .news-list a{font-size:14px;flex:1;white-space:normal;line-height:1.5;}
  .news-list .date{font-size:11px;flex-shrink:0;margin-left:8px;}

  /* 15. 底部页脚：紧凑上下排列 */
  .footer-editor{padding:16px 0 12px;margin-top:14px;}
  .footer-editor .wrapper.footer-simple{flex-direction:column;gap:16px;padding:0 14px;}
  .footer-about h4,.footer-contact h4{font-size:14px;margin-bottom:6px;padding-bottom:6px;}
  .footer-about p{font-size:12px;line-height:1.9;}
  .footer-contact p{font-size:12px;line-height:1.9;}
  .footer-contact strong{font-size:16px;}
  .footer-qrcode{flex:0 0 auto;margin:0 auto;text-align:center;}
  .footer-qrcode .qr-img{width:80px;height:80px;}
  .footer-qrcode p{font-size:11px;}

  /* 16. 底部版权：紧凑 */
  .footer-copyright{padding:12px 10px;font-size:11px;line-height:1.9;}
  .footer-copyright p{margin-bottom:2px;}

  /* 17. 联系我们页 */
  .contact-page{flex-direction:column;gap:14px;}
  .contact-map{width:100%;height:200px;}
  .contact-info-box .info-row{flex-direction:row;gap:8px;align-items:flex-start;}
  .contact-info-box .info-label{width:80px;flex-shrink:0;font-size:13px;}
  .contact-info-box .info-value{font-size:13px;line-height:1.8;}

  /* 18. 分页 */
  .pagination a,.pagination span{padding:6px 12px;font-size:12px;margin:0 2px;}

  /* 19. 固定底部电话栏（手机端显示） */
  .mobile-call-bar{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e0e0e0;padding:8px 12px;z-index:999;box-shadow:0 -2px 10px rgba(0,0,0,.1);gap:8px;}
  .mobile-call-bar a{flex:1;text-align:center;padding:11px 8px;border-radius:4px;font-size:14px;font-weight:bold;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:4px;}
  .mobile-call-bar .call-btn{background:#F37021;color:#fff;}
  .mobile-call-bar .call-btn:active{background:#D95A10;}
  .mobile-call-bar .msg-btn{background:#fff;color:#3b8132;border:1px solid #3b8132;}
  .mobile-call-bar .msg-btn:active{background:#f0f8f0;}
}

/* 桌面端隐藏固定电话栏 */
.mobile-call-bar{display:none;}

/* ============================================================
   V5.6 手机端改版：顶部简化 + 右侧抽屉 + 内页全宽 + 底部精简
   ============================================================ */
@media screen and (max-width:768px){
  /* 1. 顶部导航栏全部隐藏 */
  .top-bar{display:none !important;}

  /* 2. 标志区：只留LOGO+电话，更紧凑 */
  .logo-area{padding:10px 0;height:auto;}
  .logo-area .wrapper{flex-direction:row;justify-content:space-between;align-items:center;padding:0 14px;}
  .logo-text a{font-size:26px;letter-spacing:3px;}
  .contact-info{text-align:right;min-width:0;}
  .contact-info .tel-400{font-size:18px;white-space:nowrap;}
  .contact-info .tel-office,.contact-info .address{display:none;}

  /* 3. 副导航（含搜索框）全部隐藏 */
  .sub-nav{display:none !important;}

  /* 4. 主导航：吸附顶部 sticky */
  .main-nav{position:sticky;top:0;z-index:500;box-shadow:0 2px 6px rgba(0,0,0,.15);}
  .main-nav .nav-toggle{display:block;width:100%;background:#3f3f3f;color:#fff;border:0;padding:12px 16px;font-size:15px;letter-spacing:2px;text-align:left;font-weight:bold;}
  /* 桌面横向导航在手机端隐藏，改用右侧抽屉 */
  .main-nav .wrapper.nav-inner{display:none !important;}

  /* 5. 右侧抽屉导航 */
  .nav-drawer{display:block;position:fixed;top:0;right:-85%;width:85%;max-width:340px;height:100%;background:#fff;z-index:1001;box-shadow:-4px 0 20px rgba(0,0,0,.2);transition:right .3s ease;overflow-y:auto;-webkit-overflow-scrolling:touch;}
  .nav-drawer.open{right:0;}
  .drawer-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#F37021;color:#fff;position:sticky;top:0;z-index:1;}
  .drawer-header span{font-size:17px;font-weight:bold;letter-spacing:1px;}
  .drawer-close{background:none;border:0;color:#fff;font-size:20px;cursor:pointer;padding:4px 8px;line-height:1;}
  .drawer-body{padding:0 0 20px;}
  .drawer-group{padding:12px 0;border-bottom:1px solid #f0f0f0;}
  .drawer-group-title{padding:8px 16px;font-size:12px;color:#999;font-weight:bold;letter-spacing:1px;}
  .drawer-link{display:block;padding:11px 16px;font-size:14px;color:#444;border-bottom:1px solid #f8f8f8;text-decoration:none;}
  .drawer-link:active{background:#FFF1E8;color:#F37021;}
  .drawer-contact{padding:20px 16px;text-align:center;background:#fafafa;}
  .drawer-contact p{font-size:12px;color:#888;margin:4px 0;}
  .drawer-contact .drawer-tel{font-size:22px;color:#F37021;font-weight:bold;margin:6px 0;}

  /* 6. 遮罩层 */
  .nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000;display:none;}
  .nav-overlay.show{display:block;}

  /* 7. 内页取消左侧导航，内容全宽 */
  .sidebar-wrapper{display:none !important;}
  .main-body{flex-direction:column;width:100%;padding:0 10px;gap:0;min-height:auto;}
  .content-area{width:100%;}
  .content-box{padding:14px;border-radius:4px;margin-bottom:10px;}

  /* 8. 面包屑：简化 */
  .breadcrumb-bar{margin:8px 0;}
  .breadcrumb-bar .wrapper{padding:7px 12px;height:auto;flex-direction:row;flex-wrap:nowrap;}
  .breadcrumb{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;}
  .breadcrumb-right{display:none;}

  /* 9. 底部：只留联系方式，去掉企业理念和二维码 */
  .footer-editor{padding:14px 0 10px;margin-top:10px;}
  .footer-editor .wrapper.footer-simple{flex-direction:column;gap:0;padding:0 14px;}
  .footer-about{display:none !important;}
  .footer-qrcode{display:none !important;}
  .footer-contact{width:100%;text-align:center;padding:0;}
  .footer-contact h4{font-size:14px;margin-bottom:8px;padding-bottom:6px;display:block;text-align:center;}
  .footer-contact p{font-size:12px;line-height:2;margin:2px 0;}
  .footer-contact strong{font-size:17px;}

  /* 10. 底部版权：紧凑贴底 */
  .footer-copyright{padding:10px 10px;font-size:11px;line-height:1.8;margin-top:0;}
  .footer-copyright p{margin-bottom:2px;}

  /* 11. 固定底部电话栏（保留V5.5） */
  body{padding-bottom:64px;}
  .mobile-call-bar{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e0e0e0;padding:8px 12px;z-index:999;box-shadow:0 -2px 10px rgba(0,0,0,.1);gap:8px;}
  .mobile-call-bar a{flex:1;text-align:center;padding:11px 8px;border-radius:4px;font-size:14px;font-weight:bold;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:4px;}
  .mobile-call-bar .call-btn{background:#F37021;color:#fff;}
  .mobile-call-bar .call-btn:active{background:#D95A10;}
  .mobile-call-bar .msg-btn{background:#fff;color:#3b8132;border:1px solid #3b8132;}
  .mobile-call-bar .msg-btn:active{background:#f0f8f0;}

  /* 12. 首页：产品中心优先 */
  .home-section{flex-direction:column;width:100%;padding:0 10px;gap:8px;}
  .home-section .section-left,.home-section .section-right{width:100%;padding:12px 14px;}

  /* 13. 首页产品分类：2列卡片 */
  .home-cats{gap:8px;}
  .home-cat-item{width:calc(50% - 4px);padding:0 0 8px;}
  .home-cat-item .cat-thumb{height:80px;}
  .home-cat-item .cat-name{font-size:13px;padding:0 4px;}
  .home-cat-item .cat-count{font-size:10px;margin-top:2px;}

  /* 14. 产品卡片：2列 */
  .product-grid{gap:10px;}
  .product-card{width:calc(50% - 5px);}
  .product-card .card-img{height:110px;}
  .product-card .card-info{padding:8px 6px;}
  .product-card .card-name{font-size:12px;}
  .product-card .card-desc{font-size:10px;}

  /* 15. 手机端取消横屏大图（首页轮播+内页横幅全部隐藏） */
  .banner-carousel{display:none !important;}
  .banner-cover{display:none !important;}
  .banner-big{display:none !important;}
  .banner{display:none !important;}

  /* 16. 内容区字体 */
  .content-title{font-size:18px;padding:10px 0;margin-bottom:10px;}
  .content-meta{font-size:11px;padding:6px 0;flex-wrap:wrap;gap:4px 12px;}
  .content-annotation{font-size:12px;padding:8px 10px;margin:10px 0;line-height:1.8;}
  .content-body{font-size:15px;line-height:1.9;color:#333;}
  .content-body p{margin-bottom:10px;}
  .content-body h3{font-size:16px;margin:16px 0 8px;padding-left:8px;}
  .content-body img{margin:8px 0;border-radius:4px;}

  /* 17. 新闻列表 */
  .news-list li{padding:10px 0;font-size:14px;flex-direction:row;align-items:center;gap:8px;}
  .news-list a{font-size:14px;flex:1;white-space:normal;line-height:1.5;}
  .news-list .date{font-size:11px;flex-shrink:0;margin-left:8px;}

  /* 18. 表格横向滚动 */
  .param-table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;font-size:12px;}
  .param-table th,.param-table td{padding:8px 10px;font-size:12px;}

  /* 19. 联系我们页 */
  .contact-page{flex-direction:column;gap:14px;}
  .contact-map{width:100%;height:200px;}
  .contact-info-box .info-row{flex-direction:row;gap:8px;align-items:flex-start;}
  .contact-info-box .info-label{width:80px;flex-shrink:0;font-size:13px;}
  .contact-info-box .info-value{font-size:13px;line-height:1.8;}

  /* 20. 分页 */
  .pagination a,.pagination span{padding:6px 12px;font-size:12px;margin:0 2px;}
}

/* 桌面端：抽屉和遮罩隐藏 */
.nav-drawer{display:none;}
.nav-overlay{display:none;}

/* ============================================================
   V5.7 手机端导航重构：顶部4快捷菜单+拨号条，右侧悬浮菜单+窄抽屉
   ============================================================ */
/* 桌面端：手机专用元素隐藏 */
.m-topbar{display:none;}
.m-fab-menu{display:none;}

@media screen and (max-width:768px){
  /* 手机端：原主导航整条隐藏（含汉堡按钮），用顶部快捷导航替代 */
  .main-nav{display:none !important;}

  /* 手机顶部条：4个快捷导航，正常页面内不固定（V5.8） */
  .m-topbar{display:block;}
  /* 桌面标志区在手机端隐藏（LOGO+电话由 m-topbar 的 m-head 承担，避免重复） */
  .logo-area{display:none !important;}
  /* 手机顶部：LOGO + 400 一行，左右分布，白底 */
  .m-head{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:10px 14px;border-bottom:1px solid #eee;}
  .m-head .m-logo{font-size:22px;font-weight:bold;color:#F37021;letter-spacing:2px;text-decoration:none;line-height:1.2;}
  .m-head .m-tel{font-size:18px;font-weight:bold;color:#F37021;text-decoration:none;white-space:nowrap;}
  .m-head .m-tel:active{color:#D95A10;}
  /* 4个快捷导航均分，点击直接跳二级页 */
  .m-quicknav{display:flex;background:#4a4a4a;border-bottom:3px solid #F37021;}
  .m-quicknav a{flex:1;text-align:center;padding:12px 2px;color:#fff;font-size:14px;font-weight:bold;border-right:1px solid #5a5a5a;text-decoration:none;white-space:nowrap;}
  .m-quicknav a:last-child{border-right:0;}
  .m-quicknav a:active{background:#F37021;}
  /* 2个拨号按钮 */
  .m-contactbar{display:flex;gap:8px;padding:8px 10px;background:#fff;}
  .m-contactbar a{flex:1;text-align:center;padding:10px 4px;border-radius:4px;font-size:14px;font-weight:bold;text-decoration:none;white-space:nowrap;}
  .m-contactbar .m-call-400{background:#F37021;color:#fff;}
  .m-contactbar .m-call-400:active{background:#D95A10;}
  .m-contactbar .m-call-mobile{background:#fff;color:#3b8132;border:1px solid #3b8132;}
  .m-contactbar .m-call-mobile:active{background:#f0f8f0;}

  /* 右侧边缘悬浮菜单按钮（竖排，垂直居中） */
  .m-fab-menu{display:flex;align-items:center;justify-content:center;position:fixed;right:0;top:48%;transform:translateY(-50%);z-index:998;background:#F37021;color:#fff;border:0;border-radius:6px 0 0 6px;padding:16px 8px;font-size:15px;font-weight:bold;line-height:1.4;box-shadow:-2px 2px 10px rgba(0,0,0,.25);cursor:pointer;letter-spacing:2px;}
  .m-fab-menu:active{background:#D95A10;}

  /* 窄抽屉：约2/5屏宽，完整产品快速导航（V5.8.1修复：显式display:block覆盖桌面端none） */
  .nav-drawer{display:block !important;position:fixed;top:0;right:-42%;width:40%;min-width:150px;max-width:280px;height:100%;background:#fff;z-index:1001;box-shadow:-4px 0 20px rgba(0,0,0,.2);transition:right .3s ease;overflow-y:auto;-webkit-overflow-scrolling:touch;}
  .nav-drawer.open{right:0;display:block !important;}
  .nav-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000;}
  .nav-overlay.show{display:block;}
  .drawer-header{padding:12px 14px;}
  .drawer-header span{font-size:15px;}
  .drawer-close{font-size:18px;}
  .drawer-group{padding:8px 0;}
  .drawer-group-title{padding:8px 12px;font-size:11px;}
  .drawer-link{padding:10px 12px;font-size:13px;line-height:1.4;}
  .drawer-link.drawer-parent{font-weight:bold;color:#333;background:#f7f7f7;border-bottom:1px solid #eee;}
  .drawer-link.drawer-child{padding-left:28px;font-size:12.5px;color:#666;}
  .drawer-contact{padding:14px 12px;}
  .drawer-contact .drawer-tel{font-size:18px;}

  /* 底部固定栏：三按钮常驻（400/业务经理/菜单，V5.8） */
  body{padding-bottom:58px;}
  .mobile-call-bar{display:flex !important;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e0e0e0;padding:7px 10px;z-index:999;box-shadow:0 -2px 10px rgba(0,0,0,.1);gap:8px;}
  .mobile-call-bar a,.mobile-call-bar button{flex:1;text-align:center;padding:10px 4px;border-radius:4px;font-size:13px;font-weight:bold;text-decoration:none;border:0;cursor:pointer;white-space:nowrap;font-family:inherit;}
  .mobile-call-bar .call-btn{background:#F37021;color:#fff;}
  .mobile-call-bar .call-btn:active{background:#D95A10;}
  .mobile-call-bar .msg-btn{background:#fff;color:#3b8132;border:1px solid #3b8132;}
  .mobile-call-bar .msg-btn:active{background:#f0f8f0;}
  .mobile-call-bar .menu-btn{background:#4a4a4a;color:#fff;}
  .mobile-call-bar .menu-btn:active{background:#333;}

  /* logo区紧凑 */
  .logo-area{padding:8px 0;}
}

/* ============================================================
   V6.0 全站统一限宽：顶部导航 / 广告轮播 / 底部导航 与内容区同为1200px居中
   仅桌面端(≥1025px)限宽对齐；平板、手机保持通栏不受影响
   ============================================================ */
@media screen and (min-width:1025px){
  .top-bar,
  .logo-area,
  .main-nav,
  .sub-nav,
  .banner-carousel,
  .banner-cover,
  .footer-editor,
  .footer-copyright{
    width:1200px;
    margin-left:auto;
    margin-right:auto;
  }
  /* 去掉左右生硬竖边，改用圆角柔和端点 + 留白间隔，避免“卡壳子” */
  /* 顶部导航组：顶部条与主导航上边小圆角、副导航下圆角，整组柔和收边 */
  .top-bar{border-radius:6px 6px 0 0;}
  .main-nav{border-radius:6px 6px 0 0;}
  .sub-nav{border-radius:0 0 6px 6px;}
  /* 轮播 / 内页横幅：独立卡片，四周圆角，与导航、内容留出间隔 */
  .banner-carousel{border-radius:6px;margin:14px auto 16px;}
  .banner-cover{border-radius:6px;margin:14px auto 16px;overflow:hidden;}
  /* 底部组：编辑区上圆角、版权条下圆角 */
  .footer-editor{border-radius:6px 6px 0 0;margin-top:24px;}
  .footer-copyright{border-radius:0 0 6px 6px;}
}