/* --- 全局及主题颜色定制 --- */
        :root {
            --my-blue: #008cd6;
            --my-dark-blue: #005a9e;
            --my-orange: #ff9900;
            --my-light-bg: #f8f9fa;
            --my-text-dark: #333333;
        }
        body { font-family: "Microsoft YaHei", sans-serif; color: var(--my-text-dark); overflow-x: hidden; }
        a { text-decoration: none; transition: all 0.3s; }
        
        /* --- 顶栏 --- */
        .top-bar { background-color: #f5f5f5; font-size: 12px; color: #666; border-bottom: 1px solid #e5e5e5; }
        .top-bar a { color: #666; }
        
        /* --- Logo 区域图文自适应定制 --- */
        .header-main { padding: 15px 0; }
        .logo-link { display: inline-flex; align-items: center; text-decoration: none; }
        .logo-img-wrapper { margin-right: 15px; }
        
        /* Logo图片自适应核心样式 */
        .logo-img { 
            max-height: 60px; /* 限制PC端最大高度，防止图片过大 */
            width: auto;      /* 宽度自动等比例缩放 */
            max-width: 100%;  /* 移动端下自动缩进，绝不溢出 */
            object-fit: contain;
        }
        .logo-title { font-size: 24px; font-weight: bold; color: var(--my-blue); letter-spacing: 1px; margin-bottom: 2px; }
        .logo-subtitle { font-size: 12px; color: #999; letter-spacing: 0.5px; text-transform: uppercase; margin-bottom: 0; }
        
        /* 咨询热线 */
        .hotline-text { color: #333; font-size: 14px; }
        .hotline-num { font-size: 26px; color: var(--my-blue); font-weight: bold; }

        /* --- 移动端专用样式定制 --- */
        .mobile-logo-img {
            max-height: 64px;
            width: auto;
            object-fit: contain;
        }
        .mobile-logo-title {
            font-size: 30px;
            font-weight: bold;
            color: #fff;
            margin-bottom: 0;
            line-height: 1.2;
        }
        .mobile-hotline-btn {
            color: #fff;
            font-size: 20px;
            padding: 5px 10px;
            transition: opacity 0.2s;
        }
        .mobile-hotline-btn:hover {
            color: #fff;
            opacity: 0.8;
        }

        /* --- 导航栏及下拉菜单 --- */
        .navbar-custom { background-color: var(--my-blue); padding: 0; }
        .navbar-custom .nav-link { color: #fff !important; font-size: 15px; padding: 15px 20px !important; text-align: center; }
        .navbar-custom .nav-link:hover, 
        .navbar-custom .nav-item.active .nav-link,
        .navbar-custom .dropdown-toggle.show { background-color: var(--my-dark-blue); }
        
        /* 下拉菜单定制 */
        .navbar-custom .dropdown-menu { background-color: #fff; border: 1px solid #ddd; border-radius: 0; box-shadow: 0 4px 10px rgba(0,0,0,0.1); margin-top: 0; }
        .navbar-custom .dropdown-item { font-size: 14px; color: #333; padding: 10px 20px; text-align: left; }
        .navbar-custom .dropdown-item:hover { background-color: var(--my-blue); color: #fff; }
        
        /* PC端实现鼠标滑过（Hover）自动展开下拉菜单 */
        @media (min-width: 992px) {
            .navbar-custom .dropdown:hover .dropdown-menu { display: block; }
            .navbar-custom .dropdown .dropdown-menu { display: none; }
        }

        /* --- 轮播图及文字从左到右划入动画 --- */
        .carousel-item-bg {
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            height: 450px;
            display: flex;
            align-items: center;
            color: #fff;
        }

        @keyframes slideInLeftToRight {
            0% { opacity: 0; transform: translateX(-60px); }
            100% { opacity: 1; transform: translateX(0); }
        }

        .carousel-item.active .slide-anim-1 { animation: slideInLeftToRight 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
        .carousel-item.active .slide-anim-2 { animation: slideInLeftToRight 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards; animation-delay: 0.2s; }
        .carousel-item.active .slide-anim-3 { animation: slideInLeftToRight 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards; animation-delay: 0.4s; }
        .carousel-item.active .slide-anim-4 { animation: slideInLeftToRight 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards; animation-delay: 0.6s; }

        .slide-anim-1, .slide-anim-2, .slide-anim-3, .slide-anim-4 { opacity: 0; }

        /* --- 核心标题前后横线 --- */
        .section-title-wrapper { text-align: center; margin: 50px 0 30px; position: relative; }
        .section-title-wrapper .line { height: 1px; background: #ddd; width: 40%; position: absolute; top: 50%; left: 30%; z-index: 1; }
        .section-title { font-size: 28px; font-weight: bold; color: #000; background: #fff; padding: 0 30px; position: relative; z-index: 2; display: inline-block; }
        .section-title::before, .section-title::after { content: ''; display: inline-block; width: 8px; height: 8px; border: 2px solid var(--my-blue); border-radius: 50%; margin: 0 10px; vertical-align: middle; }

        /* --- 产品展示区 --- */
        .product-tabs { border-bottom: 1px solid #eee; margin-bottom: 30px; }
        .product-tabs .nav-link { border: 1px solid #eee !important; color: #666; background: #fcfcfc; margin: 2px; font-size: 14px; border-radius: 0 !important; display: block; padding: 8px 16px; }
        .product-tabs .nav-link.active, .product-tabs .nav-link:hover { background: var(--my-blue) !important; color: #fff !important; border-color: var(--my-blue) !important; }
        
        .product-card-link { display: block; color: inherit; }
        .product-card-link:hover .product-title { color: var(--my-blue); }
        .product-card-link:hover .product-item { border-color: #ddd; box-shadow: 0 5px 15px rgba(0,0,0,0.05); }
        
        .product-item { text-align: center; margin-bottom: 30px; background: #fff; padding: 10px; border: 1px solid transparent; transition: all 0.3s; }
        .product-item img { max-width: 100%; height: 200px; object-fit: contain; }
        .product-title { font-size: 13px; color: #666; margin-top: 15px; transition: color 0.3s; }

        /* --- 6个步骤合作流程布局优化 --- */
        .process-bg { background-color: #ededed; padding: 40px 0; }
        .process-step { width: 140px; height: 140px; border-radius: 50%; border: 6px solid #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #fff; text-align: center; margin: 15px auto; box-shadow: 0 4px 10px rgba(0,0,0,0.1); transition: transform 0.8s ease-in-out; perspective: 1000px;}
        .process-step:hover { transform: rotateY(360deg); }
        
        /* 6个圆圈的独立精美配色 */
        .step-1 { background-color: #11a2df; }
        .step-2 { background-color: #f29600; }
        .step-3 { background-color: #00a0e9; }
        .step-4 { background-color: #7952b3; } /* 新加步骤：紫色系 */
        .step-5 { background-color: #1160aa; }
        .step-6 { background-color: #cc1c1d; }

        /* --- 关于我们 --- */
        .about-bg { background-color: #f7f7f7; padding: 20px 0 50px; }
        .about-img-box { background: #fff; padding: 15px; border: 1px solid #e3e3e3; }
        .about-text { font-size: 13px; line-height: 2.2; color: #666; text-align: justify; }
        .btn-more { background-color: var(--my-orange); color: #fff; border-radius: 0; padding: 6px 25px; font-size: 14px; border: none; }
        .btn-more a{color:#fff}
        .btn-more:hover { background-color: #e08600; color: #fff; }

        /* --- 新闻动态区 --- */
        .news-left-title { font-size: 15px; font-weight: bold; margin-top: 15px; }
        .news-left-desc { font-size: 13px; color: #666; line-height: 1.8; }
        .date-box { background-color: var(--my-blue); color: #fff; width: 70px; height: 70px; display: flex; flex-direction: column; justify-content: center; align-items: center; flex-shrink: 0; }
        .date-day { font-size: 24px; font-weight: bold; line-height: 1; }
        .date-year { font-size: 11px; opacity: 0.8; margin-top: 3px; }
        .news-item-title { font-size: 14px; font-weight: bold; color: var(--my-blue); }
        .news-item-desc { font-size: 12px; color: #666; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

        /* --- 常见问题区样式 --- */
        .faq-section { margin-top: 50px; margin-bottom: 60px; }
        .faq-left-title { font-size: 24px; font-weight: bold; color: #333; margin-bottom: 2px; letter-spacing: 1px; }
        .faq-left-subtitle { font-size: 15px; color: #b5b5b5; font-family: Arial, sans-serif; margin-bottom: 25px; font-weight: 500; }
        .faq-nav-buttons { display: flex; width: 120px; height: 32px; }
        .faq-btn-prev { background-color: #ff9900; color: #fff; border: none; flex: 1; display: flex; align-items: center; justify-content: center; font-size: 14px; cursor: pointer; }
        .faq-btn-next { background-color: #333333; color: #fff; border: none; flex: 1; display: flex; align-items: center; justify-content: center; font-size: 14px; cursor: pointer; }
        .faq-card { background-color: #f4f4f4; padding: 25px 22px; height: 100%; }
        .faq-row-line { display: flex; align-items: flex-start; margin-bottom: 14px; }
        .faq-row-line:last-child { margin-bottom: 0; }
        .faq-badge-q { background-color: #ff9900; color: #fff; width: 22px; height: 22px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: bold; flex-shrink: 0; margin-top: 2px; }
        .faq-badge-a { background-color: #3d3d3d; color: #fff; width: 22px; height: 22px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: bold; flex-shrink: 0; margin-top: 2px; }
        .faq-text-q { font-size: 16px; font-weight: bold; color: #333; margin-left: 12px; line-height: 1.4; margin-bottom: 0; }
         .faq-text-q a{color:#000; text-decoration:none}
        .faq-text-a { font-size: 13px; color: #666; margin-left: 12px; line-height: 1.8; text-align: justify; margin-bottom: 0; }

        /* --- 底部友情链接 --- */
        .friend-links { background-color: var(--my-blue); color: #fff; padding: 12px 0; font-size: 13px; }
        .friend-links a { color: #fff; margin-right: 15px; }
        .footer-main { background-color: #f4f4f4; padding: 40px 0 20px; font-size: 13px; color: #666; border-bottom: 5px solid var(--my-blue); }
        .footer-title { font-size: 16px; font-weight: bold; color: #333; margin-bottom: 20px; border-bottom: 1px solid #ddd; padding-bottom: 10px; }
        .footer-nav-list { list-style: none; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
        .footer-nav-list a { color: #666; }
        .footer-nav-list a:hover { color: var(--my-blue); }
        .btn-online { background-color: var(--my-blue); color:#fff; border-radius:0; font-size:13px; width:100%; padding:8px;}

        /* --- 底部留言反馈表单控件自适应 --- */
        .footer-form .form-control { border-radius: 0; font-size: 13px; border: 1px solid #ddd; background-color: #fff; }
        .footer-form .form-control:focus { box-shadow: none; border-color: var(--my-blue); }
        .btn-submit-msg { background-color: var(--my-orange); color: #fff; border: none; border-radius: 0; font-size: 13px; width: 100%; padding: 8px; font-weight: bold; transition: background 0.2s; }
        .btn-submit-msg:hover { background-color: #e08600; color: #fff; }

        /* --- 右侧固定的浮动联系栏 --- */
        .sidebar-fixed { position: fixed; right: 0; top: 60%; transform: translateY(-50%); z-index: 1000; background: #fff; border: 1px solid #ddd; border-right: none; }
        .sidebar-item { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #eee; color: #666; cursor: pointer; font-size: 20px; position: relative; transition: 0.3s; }
        .sidebar-item i{color:#ff0000}
        .sidebar-item:hover { background-color: var(--my-blue); color: #fff; }
        .sidebar-item:last-child { border-bottom: none; }
        .sidebar-popup { position: absolute; right: 58px; top: 50%; transform: translateY(-50%) translateX(10px); background: #fff; border: 1px solid #ddd; box-shadow: 0 4px 15px rgba(0,0,0,0.1); padding: 12px 15px; border-radius: 4px; white-space: nowrap; color: #333; visibility: hidden; opacity: 0; transition: all 0.3s ease; z-index: 1001; }
        .sidebar-popup::after { content: ''; position: absolute; right: -6px; top: 50%; transform: translateY(-50%) rotate(45deg); width: 10px; height: 10px; background: #fff; border-right: 1px solid #ddd; border-top: 1px solid #ddd; }
        .sidebar-item:hover .sidebar-popup { visibility: visible; opacity: 1; transform: translateY(-50%) translateX(0); }
        .popup-qrcode { padding: 8px; text-align: center; }
        .popup-qrcode img { width: 110px; height: 110px; display: block; }
        .popup-qrcode p { margin: 5px 0 0; font-size: 12px; color: #666; }
        
        /*关于我们*/
          /* 内页顶部大图 */
        .page-banner { 
            height: 250px; 
            background: url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1920&q=80') center center no-repeat; 
            background-size: cover; 
        }
        
        /* 面包屑导航 */
        .breadcrumb-wrapper { font-size: 13px; color: #666; border-bottom: 1px solid #eee; background-color: #fff; }
        .breadcrumb-wrapper a { color: #666; }
        .breadcrumb-wrapper a:hover { color: var(--my-blue); }

        /* 左侧通用区块结构 */
        .left-block { border: 1px solid #ddd; margin-bottom: 25px; }
        .left-block-title { background-color: #008cd6; color: #fff; font-size: 16px; font-weight: bold; padding: 12px 15px; margin-bottom: 0; }
        .left-block-title span { font-size: 12px; font-weight: normal; color: #aaa; margin-left: 5px; }
        
        /* 关于我们分类列表 */
        .side-menu-list { list-style: none; padding: 0; margin: 0; }
        .side-menu-list li { border-bottom: 1px solid #eee; }
        .side-menu-list li:last-child { border-bottom: none; }
        .side-menu-list a { display: flex; justify-content: space-between; align-items: center; padding: 12px 15px; color: #333; font-size: 14px; background: #fdfdfd; }
        .side-menu-list li.active a, .side-menu-list a:hover { background-color: #fff; color: var(--my-blue); font-weight: bold; }
        .side-menu-list i { color: #999; font-size: 12px; }

        /* 新闻资讯简易列表 */
        .side-news-list { list-style: none; padding: 10px 15px; margin: 0; font-size: 13px; }
        .side-news-list li { padding: 8px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border-bottom: 1px dotted #eee; }
        .side-news-list li:last-child { border-bottom: none; }
        .side-news-list a { color: #555; }
        .side-news-list a:hover { color: var(--my-blue); }
        .side-news-list span { color: #999; margin-right: 6px; font-family: sans-serif; }

        /* 热门关键词 */
        .side-tags { padding: 15px; }
        .side-tag-btn { border: 1px solid #ddd; padding: 6px 15px; color: #666; font-size: 13px; display: inline-block; background: #fff; }
        .side-tag-btn:hover { border-color: var(--my-blue); color: var(--my-blue); }

        /* 联系我们信息面板 */
        .side-contact-box { padding: 15px; font-size: 13px; color: #444; line-height: 2.2; }
        .side-contact-box strong { font-size: 15px; color: #000; display: block; margin-bottom: 10px; }

        /* 在线留言广告图 */
        .side-banner-msg { 
            background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('https://images.unsplash.com/photo-1534536281715-e28d76689b4d?auto=format&fit=crop&w=400&q=80') center center; 
            background-size: cover; 
            height: 100px; 
            display: flex; 
            align-items: center; 
            justify-content: center; 
            color: #fff; 
            font-size: 16px; 
            font-weight: bold;
            cursor: pointer;
            transition: all 0.3s;
        }
        .side-banner-msg:hover { opacity: 0.9; }

        /* 右侧核心简介排版 */
        .content-main-title { font-size: 24px; font-weight: bold; color: var(--my-blue); display: inline-block; margin-right: 10px; margin-bottom: 0; vertical-align: middle; }
        .content-subtitle-inline { font-size: 13px; color: #555; display: inline; line-height: 1.8; vertical-align: middle; }
        .content-body p { font-size: 14px; color: #444; line-height: 2.3; text-align: justify; margin-bottom: 1.5rem; text-indent: 2em; }
        
        /*在线留言*/
        
             .message-form-container {
            padding: 20px 10px;
        }
        .msg-form-group {
            display: flex;
            align-items: flex-start;
            margin-bottom: 20px;
        }
        .msg-label {
            width: 100px;
            text-align: right;
            padding-right: 15px;
            font-size: 14px;
            color: #333;
            line-height: 38px; /* 与输入框高度居中对齐 */
            flex-shrink: 0;
        }
        .msg-label .required-star {
            color: #333;
            margin-right: 3px;
        }
        .msg-input-wrapper {
            flex-grow: 1;
            max-width: 560px; /* 控制右侧表单输入框的合适宽度 */
        }
        .msg-input-wrapper .form-control {
            border: 1px solid #cccccc;
            border-radius: 4px;
            padding: 7px 12px;
            font-size: 14px;
            color: #333;
            box-shadow: none;
        }
        .msg-input-wrapper .form-control::placeholder {
            color: #a9a9a9;
        }
        .msg-input-wrapper .form-control:focus {
            border-color: #999;
        }
        .msg-input-wrapper textarea.form-control {
            resize: vertical;
            min-height: 140px;
        }
        
        /* 验证码特殊布局 */
        .captcha-img-box {
            margin-top: 8px;
            display: inline-block;
        }
        .captcha-placeholder-img {
            width: 130px;
            height: 38px;
            object-fit: cover;
            border: 1px solid #ddd;
            border-radius: 2px;
        }

        /* 按钮样式 */
        .msg-btn-group {
            padding-left: 100px; /* 与标签对齐 */
            display: flex;
            gap: 20px;
            margin-top: 5px;
        }
        .btn-submit-custom {
            background-color: #2b74b3;
            color: #fff;
            border: none;
            border-radius: 4px;
            padding: 7px 35px;
            font-size: 14px;
            transition: opacity 0.2s;
        }
        .btn-submit-custom:hover {
            opacity: 0.9;
            color: #fff;
        }
        .btn-reset-custom {
            background-color: #d25252;
            color: #fff;
            border: none;
            border-radius: 4px;
            padding: 7px 35px;
            font-size: 14px;
            transition: opacity 0.2s;
        }
        .btn-reset-custom:hover {
            opacity: 0.9;
            color: #fff;
        }

        /* 移动端响应式表单处理 */
        @media (max-width: 575.98px) {
            .msg-form-group {
                flex-direction: column;
                margin-bottom: 15px;
            }
            .msg-label {
                width: 100%;
                text-align: left;
                padding-right: 0;
                line-height: 25px;
                margin-bottom: 5px;
            }
            .msg-btn-group {
                padding-left: 0;
                justify-content: space-between;
            }
            .btn-submit-custom, .btn-reset-custom {
                flex: 1;
                text-align: center;
                padding: 8px 0;
            }
        }


/*新闻详情*/
           /* ==========================================
           3. 根据 image_cff189.png 精确还原新闻正文详情页
           ========================================== */
        .news-detail-title { font-size: 20px; font-weight: bold; color: #222; margin-top: 10px; margin-bottom: 15px; }
        .news-detail-meta { font-size: 13px; color: #999; display: flex; gap: 20px; padding-bottom: 12px; border-bottom: 1px dashed #ddd; margin-bottom: 25px; }
        .news-detail-meta i { margin-right: 4px; }
        
        .news-detail-content { font-size: 14px; color: #444; line-height: 2.1; text-align: justify; }
        .news-detail-content p { margin-bottom: 16px; }

        /* 标签和微型分享图标组 */
        .news-tab-header { border-bottom: 1px solid #ddd; display: flex; justify-content: space-between; align-items: center; margin-top: 40px; margin-bottom: 20px; padding-bottom: 0; }
        .news-tab-title { font-size: 14px; color: #000; font-weight: bold; padding: 8px 25px; margin-bottom: -1px; border-bottom: 2px solid var(--my-blue); }
        .share-icons-box { display: flex; gap: 5px; align-items: center; }
        .share-btn-box { width: 16px; height: 16px; display: inline-block; background-color: #ccc; border-radius: 2px; }

        /* 文本网址链接 */
        .news-url-text { font-size: 12px; color: #666; margin-bottom: 25px; }
        .news-url-text a { color: var(--my-blue); }

        /* 上一篇下一篇框体式 */
        .news-page-navigator { font-size: 13px; margin-bottom: 30px; }
        .news-page-item { border: 1px solid #eee; background: #fdfdfd; padding: 12px 15px; margin-bottom: 10px; color: #555; }
        .news-page-item a { color: #333; }
        .news-page-item a:hover { color: var(--my-blue); }

        /* 中部带下划线空模块骨架 */
        .news-empty-section { border: 1px solid #eee; background: #fdfdfd; margin-bottom: 20px; padding: 10px 15px; }
        .news-empty-title { font-size: 14px; color: var(--my-blue); font-weight: bold; margin-bottom: 0; text-decoration: underline; }
        
        .news-empty-section-plain { border: 1px solid #eee; background: #fdfdfd; margin-bottom: 25px; padding: 10px 15px; }
        .news-empty-title-plain { font-size: 14px; color: var(--my-blue); font-weight: bold; margin-bottom: 0; }

        /* 底部关联网格系统（2列平铺响应式） */
        .news-rel-grid { display: flex; flex-wrap: wrap; padding: 5px 0; }
        .news-rel-item { width: 50%; padding: 6px 12px; font-size: 13px; display: flex; justify-content: space-between; align-items: center; }
        .news-rel-item-left { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 75%; }
        .news-rel-item a { color: #444; }
        .news-rel-item a:hover { color: var(--my-blue); }
        .news-rel-date { color: #999; font-family: Arial; font-size: 12px; }

        @media (max-width: 767.98px) {
            .news-rel-item { width: 100%; padding: 6px 5px; }
                   .product-item img { max-width: 100%; height: auto; object-fit: contain; }
                     .product-item {text-align: center;margin-bottom: 0;background: #fff;padding: 10px; overflow:hidden; border: 1px solid transparent;transition: all 0.3s;}
        }
        
        /*新闻列表*/
        
          .news-row-item {
            border: 1px solid #eef2f5;
            background: #fff;
            padding: 24px 20px;
            margin-bottom: 20px;
            transition: all 0.3s ease;
        }
        .news-row-item:hover {
            border-color: #ddd;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
        }
        .news-header-meta {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 10px;
            margin-bottom: 15px;
        }
        .news-item-title {
            font-size: 15px;
            font-weight: bold;
            color: #333;
            margin: 0;
        }
        .news-item-title a {
            color: #333;
        }
        .news-item-title a:hover {
            color: var(--my-blue);
        }
        .news-item-date {
            font-size: 13px;
            color: #999;
            font-family: Arial, sans-serif;
        }
        .news-item-summary {
            font-size: 13px;
            color: #666;
            line-height: 1.8;
            margin-bottom: 18px;
            text-align: justify;
        }
        /* “了解详情 +” 专属按钮 */
        .btn-news-detail {
            display: inline-block;
            border: 1px solid #ddd;
            color: #666;
            font-size: 12px;
            padding: 6px 14px;
            background: #fff;
            transition: all 0.2s;
        }
        .btn-news-detail:hover {
            background-color: var(--my-blue);
            border-color: var(--my-blue);
            color: #fff;
        }

     
        
        
             /* 新闻文章简易列表 */
        .side-news-list { list-style: none; padding: 10px 15px; margin: 0; font-size: 13px; }
        .side-news-list li { padding: 8px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border-bottom: 1px dotted #eee; }
        .side-news-list li:last-child { border-bottom: none; }
        .side-news-list a { color: #555; }
        .side-news-list a:hover { color: var(--my-blue); }
        .side-news-list span { color: #999; margin-right: 6px; font-family: sans-serif; }

        /* 热门关键词与联系面板 */
        .side-tags { padding: 15px; }
        .side-tag-btn { border: 1px solid #ddd; padding: 6px 15px; color: #666; font-size: 13px; display: inline-block; background: #fff; }
        .side-tag-btn:hover { border-color: var(--my-blue); color: var(--my-blue); }
        .side-contact-box { padding: 15px; font-size: 13px; color: #444; line-height: 2.2; }
        .side-contact-box strong { font-size: 15px; color: #000; display: block; margin-bottom: 10px; }

        /* 在线留言形象块 */
        .side-banner-msg { 
            background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('https://images.unsplash.com/photo-1534536281715-e28d76689b4d?auto=format&fit=crop&w=400&q=80') center center; 
            background-size: cover; height: 100px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 16px; font-weight: bold; cursor: pointer; transition: all 0.3s;
        }

        /* 右侧 1:1 精确网格产品矩阵 */
        .product-grid-card {
            border: 1px solid #eef2f5;
            background: #fff;
            padding: 20px 15px;
            text-align: center;
            transition: all 0.3s ease;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            position: relative;
        }
        .product-grid-card:hover {
            border-color: var(--my-blue);
            box-shadow: 0 4px 15px rgba(0, 140, 214, 0.1);
        }
        .product-grid-img-wrap {
            height: 210px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 15px;
        }
        .product-grid-img-wrap img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
        }
        .product-grid-title {
            font-size: 14px;
            color: #444;
            margin-bottom: 0;
            font-weight: 500;
        }
        
        /* 还原最后排红色特殊体分类标签样式 */
        .badge-style-red {
            position: absolute;
            left: 15px;
            top: 15px;
            color: #cc0000;
            font-weight: bold;
            font-style: italic;
            font-size: 14px;
            text-decoration: underline;
        }

        /* 自定义分页组件样式（传统企业站经典扁平风） */
        .custom-pagination { display: flex; justify-content: center; list-style: none; padding: 0; margin-top: 40px; gap: 5px; }
        .custom-pagination li a { display: block; padding: 6px 14px; border: 1px solid #ddd; color: #666; font-size: 13px; background: #fff; }
        .custom-pagination li a:hover, .custom-pagination li.active a { background-color: var(--my-blue); border-color: var(--my-blue); color: #fff; }
        .custom-pagination li.disabled a { color: #ccc; background: #f9f9f9; border-color: #eee; pointer-events: none; }
        
        
        
        
           /* ==========================================
           3. 根据 image_cf8bcb.png 精确还原详情页
           ========================================== */
        /* 上部首屏参数区 */
        .detail-top-box { margin-bottom: 30px; }
        .detail-img-wrap { border: 1px solid #eee; padding: 20px; text-align: center; background: #fff; }
        .detail-img-wrap img { max-width: 100%; max-height: 320px; object-fit: contain; }
        
        .detail-info-panel { padding-left: 10px; }
        .detail-title { font-size: 22px; font-weight: bold; color: #333; margin-bottom: 25px; margin-top: 10px; }
        .detail-meta-item { font-size: 14px; color: #666; margin-bottom: 12px; }

        /* 横向选项卡标签栏 */
        .detail-tab-header { border: 1px solid #eee; background: #fdfdfd; display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; padding-right: 15px; flex-wrap: wrap; }
        .detail-tab-title { background: #fff; border-right: 1px solid #eee; padding: 12px 30px; font-size: 14px; color: #333; font-weight: bold; margin-bottom: 0; border-top: 2px solid var(--my-blue); }
        .share-icons-mock { display: flex; gap: 6px; align-items: center; }
        .share-btn-mock { width: 18px; height: 18px; display: inline-block; background-color: #ccc; border-radius: 2px; }

        /* 详情正文区域 */
        .detail-content-body { font-size: 13px; color: #444; line-height: 2; text-align: justify; }
        .detail-content-body p { margin-bottom: 15px; text-indent: 2em; }
        .detail-body-img { display: block; margin: 30px auto; max-width: 80%; height: auto; }
        
        /* 还原传统网格技术指标表格 */
        .tech-table-title { font-size: 14px; font-weight: bold; color: #000; margin: 25px 0 10px 0; }
        .tech-data-table { width: 100%; border-collapse: collapse; margin-bottom: 20px; font-size: 13px; text-align: center; }
        .tech-data-table th, .tech-data-table td { border: 1px solid #666; padding: 6px 10px; color: #333; }
        .tech-data-table th { font-weight: normal; background: #fff; }

        /* 上下一篇导航 */
        .page-link-bar { border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; padding: 15px 0; margin: 30px 0; font-size: 13px; color: #555; }
        .page-link-bar div { margin-bottom: 8px; }
        .page-link-bar div:last-child { margin-bottom: 0; }
        .page-link-bar a { color: #333; }
        .page-link-bar a:hover { color: var(--my-blue); }

        /* 相关块骨架（栏目标题） */
        .rel-section-bar { border: 1px solid #eee; background: #fdfdfd; margin-bottom: 20px; }
        .rel-section-title { font-size: 14px; color: #333; font-weight: bold; padding: 10px 15px; margin-bottom: 0; border-left: 3px solid var(--my-blue); }

        /* 相关新闻双列排版 */
        .rel-news-grid { display: flex; flex-wrap: wrap; padding: 10px 5px; }
        .rel-news-item { width: 50%; padding: 6px 10px; font-size: 13px; display: flex; justify-content: space-between; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
        .rel-news-item a { color: #444; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
        .rel-news-item a:hover { color: var(--my-blue); }
        .rel-news-date { color: #999; font-family: Arial; margin-left: 10px; }

        @media (max-width: 767.98px) {
            .rel-news-item { width: 100%; }
        }