/* ============================================

   龙辉起重官网 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; }

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 #F37021;

}

.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.nav-last { margin-left: auto; }

.main-nav a.nav-item.nav-last + a.nav-item.nav-last { margin-left: 0; }

.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 a.current { color: #333; font-weight: 500; }

.breadcrumb a.current:hover { color: #F37021; 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: 13px;

    margin: 10px 0;

}

.product-card {

    width: calc(25% - 10px);

    padding: 2px 2px 0;

    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: auto;

    aspect-ratio: 1 / 1;

    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 { overflow-x: auto; -webkit-overflow-scrolling: touch; }

    .main-nav .wrapper { flex-wrap: nowrap; height: auto; min-width: max-content; }

    .main-nav a.nav-item { padding: 0 14px; height: 42px; line-height: 42px; font-size: 14px; white-space: nowrap; }

    .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: auto; aspect-ratio: 1 / 1; }

    .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:-50%;width:50%;min-width:150px;max-width:380px;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;}

}



/* ============================================

   V2.3 精致化优化 - 借鉴现代SaaS设计

   暖白背景 + 大圆角卡片 + 精致阴影 + 舒适间距

   ============================================ */



/* 整体背景改为暖白色 */

body {

    background: #faf8f5;

}



/* 内容区域白色背景 */

.main-body, .content-box, .sidebar-box {

    background: #fff;

}



/* 产品卡片精致化 */

.product-card {

    border-radius: 12px;

    border: 1px solid #f0ebe4;

    box-shadow: 0 2px 8px rgba(0,0,0,0.04);

    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

}

.product-card:hover {

    border-color: #F37021;

    box-shadow: 0 8px 24px rgba(243,112,33,0.18);

    transform: translateY(-4px);

}

.product-card .card-img {

    height: 150px;

    background: linear-gradient(135deg, #fef9f5 0%, #fff5ed 100%);

}

.product-card .card-info {

    padding: 14px 16px;

}

.product-card .card-name {

    font-size: 14px;

    font-weight: 600;

    margin-bottom: 6px;

    transition: color 0.2s;

}

.product-card .card-desc {

    font-size: 12px;

    color: #999;

    line-height: 1.5;

}



/* 新闻列表精致化 */

.news-list li {

    padding: 14px 16px;

    border-bottom: 1px solid #f5f0eb;

    border-radius: 8px;

    margin-bottom: 4px;

    transition: all 0.2s;

    position: relative;

}

.news-list li:hover {

    background: #fef9f5;

    padding-left: 20px;

}

.news-list li::before {

    content: '';

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 3px;

    height: 0;

    background: #F37021;

    border-radius: 2px;

    transition: height 0.2s;

}

.news-list li:hover::before {

    height: 60%;

}

.news-list a {

    font-size: 14px;

    color: #444;

    transition: color 0.2s;

}

.news-list a:hover {

    color: #F37021;

}

.news-list .date {

    font-size: 12px;

    color: #bbb;

    background: #f8f5f1;

    padding: 2px 10px;

    border-radius: 10px;

}



/* 区块标题精致化 */

.section-title, .box-title {

    position: relative;

    padding-left: 14px;

    font-size: 18px;

    font-weight: 600;

    color: #333;

}

.section-title::before, .box-title::before {

    content: '';

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 4px;

    height: 18px;

    background: linear-gradient(to bottom, #F37021, #ff9a55);

    border-radius: 2px;

}

.section-title .more, .box-title .more {

    font-size: 13px;

    color: #F37021;

    font-weight: normal;

    transition: all 0.2s;

}

.section-title .more:hover, .box-title .more:hover {

    color: #D95A10;

    padding-right: 4px;

}



/* 按钮精致化 */

.btn, button[type="submit"], .btn-primary {

    border-radius: 8px;

    padding: 10px 24px;

    font-weight: 500;

    transition: all 0.2s;

    border: none;

    cursor: pointer;

}

.btn:hover, button[type="submit"]:hover {

    transform: translateY(-1px);

    box-shadow: 0 4px 12px rgba(243,112,33,0.3);

}



/* 侧边栏精致化 */

.sidebar-box {

    border-radius: 12px;

    border: 1px solid #f0ebe4;

    box-shadow: 0 2px 8px rgba(0,0,0,0.03);

    overflow: hidden;

}

.sidebar-box .box-title {

    background: linear-gradient(to right, #fef9f5, #fff);

    padding: 14px 16px;

    border-bottom: 2px solid #F37021;

}

.sidebar-menu li {

    padding: 12px 16px;

    border-bottom: 1px solid #f8f5f1;

    transition: all 0.2s;

}

.sidebar-menu li:hover {

    background: #fef9f5;

    padding-left: 20px;

}

.sidebar-menu li a {

    color: #555;

    transition: color 0.2s;

}

.sidebar-menu li:hover a {

    color: #F37021;

}

.sidebar-menu li.active {

    background: #fff5ed;

    border-left: 3px solid #F37021;

}

.sidebar-menu li.active a {

    color: #F37021;

    font-weight: 600;

}



/* 内容区域精致化 */

.content-box {

    border-radius: 12px;

    border: 1px solid #f0ebe4;

    box-shadow: 0 2px 8px rgba(0,0,0,0.03);

    padding: 24px;

}

.content-title {

    font-size: 22px;

    font-weight: 600;

    color: #333;

    padding-bottom: 16px;

    margin-bottom: 20px;

    border-bottom: 2px solid #f5f0eb;

    position: relative;

}

.content-title::after {

    content: '';

    position: absolute;

    bottom: -2px;

    left: 0;

    width: 60px;

    height: 2px;

    background: #F37021;

}

.content-meta {

    background: #faf8f5;

    padding: 12px 16px;

    border-radius: 8px;

    margin-bottom: 20px;

    font-size: 13px;

    color: #888;

}

.content-meta span {

    margin-right: 20px;

}

.content-body {

    font-size: 15px;

    line-height: 1.8;

    color: #444;

}

.content-body p {

    margin-bottom: 16px;

}

.content-body h2, .content-body h3 {

    color: #333;

    margin: 24px 0 12px;

    padding-left: 12px;

    border-left: 4px solid #F37021;

}



/* 底部精致化 */

.footer-editor {

    background: #2d2d2d;

    color: #aaa;

}

.footer-editor h4 {

    color: #fff;

    border-bottom: 2px solid #F37021;

    padding-bottom: 10px;

    margin-bottom: 16px;

}

.footer-editor a {

    color: #aaa;

    transition: color 0.2s;

}

.footer-editor a:hover {

    color: #F37021;

}

.footer-copyright {

    background: #222;

    color: #888;

    padding: 16px 0;

}



/* 主导航精致化 */

.main-nav {

    background: linear-gradient(to bottom, #3a3a3a, #2d2d2d);

    border-bottom: 3px solid #F37021;

    box-shadow: 0 2px 8px rgba(0,0,0,0.1);

}

.main-nav a.nav-item {

    border-radius: 8px 8px 0 0;

    position: relative;

}

.main-nav a.nav-item:hover,

.main-nav a.nav-item.active {

    background: #F37021;

}

.main-nav a.nav-item::after {

    content: '';

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    width: 0;

    height: 3px;

    background: #fff;

}

.main-nav a.nav-item:hover::after,

.main-nav a.nav-item.active::after {

    width: 60%;

}



/* 下拉菜单精致化 */

.main-nav .dropdown-menu {

    border-radius: 0 0 8px 8px;

    box-shadow: 0 8px 24px rgba(0,0,0,0.15);

    border: 1px solid #f0ebe4;

    border-top: 3px solid #F37021;

}

.main-nav .dropdown-menu a {

    padding: 10px 20px;

    border-bottom: 1px solid #f8f5f1;

    transition: all 0.2s;

}

.main-nav .dropdown-menu a:hover {

    background: #fef9f5;

    color: #F37021;

    padding-left: 24px;

}



/* 顶部导航精致化 */

.top-bar {

    background: linear-gradient(to bottom, #fff, #faf8f5);

    border-bottom: 1px solid #F37021;

}



/* Logo区域精致化 */

.logo-area {

    background: #fff;

    padding: 8px 0;

}

.logo-text a {

    background: linear-gradient(135deg, #F37021, #ff9a55);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

}



/* 联系信息精致化 */

.contact-info .tel-400 {

    background: linear-gradient(135deg, #F37021, #ff9a55);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

}



/* 轮播图精致化 */

.banner-carousel, .banner-cover {

    border-radius: 12px;

    overflow: hidden;

    box-shadow: 0 4px 16px rgba(0,0,0,0.08);

}

.banner-carousel .carousel-dots span {

    border-radius: 50%;

    width: 12px;

    height: 12px;

    line-height: 12px;

    font-size: 0;

    transition: all 0.3s;

}

.banner-carousel .carousel-dots span.active {

    width: 28px;

    border-radius: 6px;

}



/* 表单精致化 */

input[type="text"], input[type="password"], input[type="email"], textarea, select {

    border: 1px solid #e0d8cf;

    border-radius: 8px;

    padding: 10px 14px;

    transition: all 0.2s;

    background: #fff;

}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus, select:focus {

    border-color: #F37021;

    box-shadow: 0 0 0 3px rgba(243,112,33,0.1);

    outline: none;

}



/* 表格精致化 */

table {

    border-radius: 8px;

    overflow: hidden;

    border: 1px solid #f0ebe4;

}

table th {

    background: linear-gradient(to bottom, #fef9f5, #faf5ef);

    color: #333;

    font-weight: 600;

    padding: 12px 16px;

    border-bottom: 2px solid #F37021;

}

table td {

    padding: 12px 16px;

    border-bottom: 1px solid #f5f0eb;

}

table tr:hover td {

    background: #fef9f5;

}



/* 标签精致化 */

.tag, .badge {

    display: inline-block;

    padding: 3px 10px;

    border-radius: 10px;

    font-size: 12px;

    background: #fff5ed;

    color: #F37021;

}



/* 分隔线精致化 */

hr {

    border: none;

    height: 1px;

    background: linear-gradient(to right, transparent, #e0d8cf, transparent);

    margin: 24px 0;

}



/* 动画优化 */

* {

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



/* 滚动条精致化 */

::-webkit-scrollbar {

    width: 8px;

    height: 8px;

}

::-webkit-scrollbar-track {

    background: #f5f0eb;

}

::-webkit-scrollbar-thumb {

    background: #d4c8ba;

    border-radius: 4px;

}

::-webkit-scrollbar-thumb:hover {

    background: #F37021;

}



/* ============================================================

   龙辉官网 V2.3 - 内页标准化样式

   ============================================================ */



/* 内容盒子统一内边距 */

.content-box {

    padding: 24px;

    background: #fff;

}



/* 内容标题 */

.content-title {

    font-size: 22px;

    font-weight: bold;

    color: #222;

    margin: 0 0 20px 0;

    line-height: 1.4;

    border-bottom: 1px solid #eee;

    padding-bottom: 12px;

}



/* 内容Meta - 浅灰背景 */

.content-meta {

    background: #f7f7f7;

    border-left: 3px solid #F37021;

    padding: 10px 16px;

    margin: 0 0 16px 0;

    font-size: 13px;

    color: #666;

    line-height: 1.8;

}



.content-meta span {

    display: inline-block;

    margin-right: 20px;

}



.content-meta span:last-child {

    margin-right: 0;

}



/* 内容注释 - 浅橙背景 */

.content-annotation {

    background: #fff8f0;

    border-left: 3px solid #ff9800;

    padding: 12px 16px;

    margin: 0 0 20px 0;

    font-size: 14px;

    color: #8a5a00;

    line-height: 1.7;

}



/* 内容正文 */

.content-body {

    font-size: 15px;

    line-height: 1.8;

    color: #333;

}



.content-body p {

    margin: 0 0 16px 0;

}



.content-body img {

    max-width: 100%;

    height: auto;

}



/* 底部功能区 */

.content-footer {

    margin-top: 40px;

    padding: 25px 20px;

    border: 1px solid #e0e0e0;

    border-radius: 6px;

    background: #fafafa;

}



.content-nav {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    margin-bottom: 20px;

    padding-bottom: 15px;

    border-bottom: 1px solid #e0e0e0;

}



.content-nav a {

    color: #F37021;

    text-decoration: none;

    font-size: 14px;

    padding: 8px 12px;

    background: #fff;

    border: 1px solid #e0e0e0;

    border-radius: 4px;

    max-width: 100%;

    flex: 1 1 45%;

    overflow-wrap: break-word;

    word-break: break-all;

    white-space: normal;

}



.content-nav a:hover {

    background: #fff5f0;

    border-color: #F37021;

    text-decoration: none;

}



.content-related h4 {

    font-size: 16px;

    color: #222;

    margin: 0 0 12px 0;

    padding-left: 10px;

    border-left: 3px solid #F37021;

}



.content-related ul {

    list-style: none;

    padding: 0;

    margin: 0;

}



.content-related li {

    padding: 6px 0;

    border-bottom: 1px dashed #eee;

    font-size: 14px;

}



.content-related li a {

    color: #333;

    text-decoration: none;

}



.content-related li a:hover {

    color: #F37021;

}



.content-related-cols {

    display: flex;

    gap: 30px;

    margin-top: 4px;

}



.content-related-cols .rel-col {

    flex: 1;

    min-width: 0;

}



.content-related-cols .rel-col h4 {

    font-size: 16px;

    color: #222;

    margin: 0 0 12px 0;

    padding-left: 10px;

    border-left: 3px solid #F37021;

}



.content-related-cols .rel-col ul {

    list-style: none;

    padding: 0;

    margin: 0;

}



.content-related-cols .rel-col li {

    padding: 6px 0;

    border-bottom: 1px dashed #eee;

    font-size: 14px;

}



.content-related-cols .rel-col li a {

    color: #333;

    text-decoration: none;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.content-related-cols .rel-col li a:hover {

    color: #F37021;

}



/* 手机端单列 */

@media (max-width: 768px) {

    .content-related-cols {

        flex-direction: column;

        gap: 20px;

    }

}



/* 手机适配 */

@media (max-width: 768px) {

    .content-box {

        padding: 16px;

    }

    .content-title {

        font-size: 18px;

        margin-bottom: 14px;

    }

    .content-meta span {

        display: block;

        margin-right: 0;

    }

    .content-nav {

        flex-direction: column;

    }

    .content-nav a {

        margin-bottom: 8px;

    }

}



/* ===== 2026-10-18 修复：375px 小屏产品图被裁切（V5.5/5.6 双列规则后置覆盖了 480px 单列）===== */

@media screen and (max-width: 480px) {

    .product-card { width: 100%; }

    .product-card .card-img { height: auto; aspect-ratio: 4/3; }

    .home-cat-item { width: calc(50% - 5px); }

}

/* ===== 分类页说明块（图在前、说明独立成块） ===== */
.cat-intro {
    margin-top: 26px;
    padding: 20px 24px 16px;
    background: #fafafa;
    border: 1px solid #ececec;
    border-radius: 6px;
}
.cat-intro-title {
    font-size: 15px;
    font-weight: 700;
    color: #333;
    padding-left: 10px;
    border-left: 3px solid #F37021;
    line-height: 1.2;
    margin-bottom: 12px;
}
.cat-intro p {
    margin: 0 0 12px;
    font-size: 14px;
    line-height: 1.9;
    color: #555;
}
.cat-intro p:last-child { margin-bottom: 0; }
@media (max-width: 768px) {
    .cat-intro { padding: 14px 16px 12px; margin-top: 18px; }
    .cat-intro p { font-size: 13px; line-height: 1.8; }
}

/* ===== 主导航悬停：弧度与导航条一致（6px），保留淡入与白线拉伸动画 ===== */
.main-nav a.nav-item {
    border-radius: 6px 6px 0 0;
    transition: background-color .25s ease;
}
.main-nav a.nav-item::after {
    transition: width .3s cubic-bezier(.22,.8,.3,1);
}
/* 悬停时白线自中间向两侧拉伸到 60%（与当前页一致） */
.main-nav a.nav-item:hover::after {
    width: 60%;
}

/* 悬停/当前页橙块：向外扩 1px 同色，盖住圆角抗锯齿处的深灰细缝 */
.main-nav a.nav-item:hover,
.main-nav a.nav-item.active {
    box-shadow: 0 0 0 1px #F37021;
}


/* ===== 2026-11-06 缩略图统一（对齐淘宝首页商品卡：1:1 正方形 + 圆角） ===== */
/* 淘宝实测：卡片宽 616/1320=46.7% 屏宽，图片 1:1，圆角约 28px@3x ≈ 9px 逻辑
   这里：手机端两列、卡片宽 46.7vw、图 1:1、圆角 10px；桌面端保持 1:1、圆角 8px */
.product-card .card-img {
    height: auto;
    aspect-ratio: 1 / 1;
    border-radius: 8px 8px 0 0;
    background: #f7f7f7;
}
.product-card .card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px 8px 0 0;
    display: block;
}
.product-card { overflow: hidden; }

/* 产品详情页图库：每格也是 1:1，圆角 10px */
.gallery-item img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 10px;
    display: block;
}
.gallery-item { overflow: hidden; border-radius: 10px; }

/* 首页案例/现场缩略图：同样 1:1 + 圆角 */
.case-thumb {
    border-radius: 10px;
    overflow: hidden;
}
.case-thumb-img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}
.case-thumb-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
    display: block;
}

@media screen and (max-width: 768px) {
    /* 两列铺满，单卡约 46.7vw，和淘宝首页一致 */
    .product-card {
        width: calc(46.7vw - 4px) !important;
        border-radius: 10px;
    }
    .product-card .card-img {
        height: auto !important;
        aspect-ratio: 1 / 1;
        border-radius: 10px 10px 0 0;
    }
    .product-card .card-img img {
        border-radius: 10px 10px 0 0;
    }
    .gallery-item {
        width: 46.7vw !important;
        margin: 0 2vw 2vw 0 !important;
        border-radius: 10px;
    }
    .gallery-item img { border-radius: 10px; }

    /* 首页案例缩略图：手机上 1:1，取消固定 100px 高度 */
    .case-thumb-img {
        height: auto !important;
        aspect-ratio: 1 / 1;
    }
}

/* 2026-11-06 主导航10项适配 */
/* 新增「集装箱专用起重机」后主导航为10项，收窄字号与内边距，保证桌面端单行不折行 */
@media (min-width: 769px) {
    .main-nav a.nav-item {
        padding: 0 11px;
        font-size: 14px;
        letter-spacing: -0.2px;
        white-space: nowrap;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 44px;
        line-height: 1.2;
    }
}
@media (min-width: 769px) and (max-width: 1280px) {
    .main-nav a.nav-item { padding: 0 9px; font-size: 13px; }
}

/* 2026-11-07 主导航9项均匀分布 */
/* 「相关起重机产品」并入起重部件及附件后主导航为9项：改为整行均匀分布，项间距加大，去掉右侧硬推开的空档 */
@media (min-width: 769px) {
    .main-nav .wrapper.nav-inner {
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
    }
    .main-nav a.nav-item {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 18px;
        font-size: 14.5px;
        letter-spacing: 0;
        white-space: nowrap;
    }
}
@media (min-width: 769px) and (max-width: 1180px) {
    .main-nav a.nav-item { padding: 0 12px; font-size: 13.5px; }
}

/* 2026-11-07 主导航收紧+分组间隙 */
/* 主导航9项：各项收紧，仅在「关于龙辉」与「新闻公告」之间留出一个菜单项宽度的分组间隙 */
@media (min-width: 769px) {
    .main-nav .wrapper.nav-inner {
        justify-content: flex-start;
        flex-wrap: nowrap;
    }
    .main-nav a.nav-item {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 20px;
        font-size: 14.5px;
        letter-spacing: 0;
        white-space: nowrap;
    }
    /* 第一个「末组」项（新闻公告）前留出一项宽度的间隙，与联系我们仍紧邻 */
    .main-nav a.nav-item:not(.nav-last) + a.nav-item.nav-last {
        margin-left: 108px !important;
    }
}
@media (min-width: 769px) and (max-width: 1180px) {
    .main-nav a.nav-item { padding: 0 12px; font-size: 13.5px; }
    .main-nav a.nav-item:not(.nav-last) + a.nav-item.nav-last { margin-left: 60px !important; }
}

/* 2026-11-07 主导航两组分布 */
/* 主导航分两组：首页~新闻公告贴左，关于龙辉+联系我们贴右，中间留一道约7字宽的缝 */
@media (min-width: 769px) {
    .main-nav .wrapper.nav-inner { justify-content: flex-start; flex-wrap: nowrap; }
    .main-nav a.nav-item {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 20px;
        font-size: 14.5px;
        letter-spacing: 0;
        white-space: nowrap;
    }
    /* 右侧组第一项（关于龙辉）自动顶到右边，形成中缝 */
    .main-nav a.nav-item:not(.nav-last) + a.nav-item.nav-last { margin-left: auto !important; }
    /* 右侧组内部紧邻 */
    .main-nav a.nav-item.nav-last + a.nav-item.nav-last { margin-left: 0 !important; }
}
@media (min-width: 769px) and (max-width: 1180px) {
    .main-nav a.nav-item { padding: 0 12px; font-size: 13.5px; }
}

/* 2026-11-07 右组独立容器 */
/* 关于龙辉+联系我们 收进 nav-right-group，靠右显示，与左侧组之间留出约7字宽的中缝 */
@media (min-width: 769px) {
    .main-nav .wrapper.nav-inner { justify-content: flex-start; flex-wrap: nowrap; }
    .main-nav .nav-right-group { display: flex; align-items: center; margin-left: auto; }
    .main-nav .nav-right-group a.nav-item { margin-left: 0 !important; margin-right: 0 !important; }
}
@media (max-width: 768px) {
    .main-nav .nav-right-group { display: block; margin-left: 0; }
}

/* ===== 2026-11-07 产品详情页图库：原图等比显示，大图随内容区宽度缩、小图不放大 =====
   旧规则把 .gallery-item img 强制 1:1 + object-fit:cover，产品图被裁成小方块；
   这里取消裁切与固定比例，宽度上限为主栏宽度，高度自适应，原图清晰度不受损。 */
.product-gallery .gallery-grid {
    display: block;
}
.product-gallery .gallery-item {
    display: block;
    width: 100% !important;
    margin: 0 0 16px 0 !important;
    overflow: visible;
    border-radius: 8px;
    background: transparent;
}
.product-gallery .gallery-item img {
    width: auto;
    max-width: 100%;
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
    border-radius: 8px;
    display: block;
    margin: 0 auto;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .06);
}
@media screen and (max-width: 768px) {
    .product-gallery .gallery-item {
        width: 100% !important;
        margin: 0 0 12px 0 !important;
    }
    .product-gallery .gallery-item img {
        border-radius: 6px;
    }
}