{"id":269,"date":"2026-06-21T20:41:58","date_gmt":"2026-06-21T12:41:58","guid":{"rendered":"https:\/\/www.xlbgs.com\/?page_id=269"},"modified":"2026-06-25T23:23:39","modified_gmt":"2026-06-25T15:23:39","slug":"allproducts","status":"publish","type":"page","link":"https:\/\/www.xlbgs.com\/index.php\/allproducts\/","title":{"rendered":"\u5168\u90e8\u4ea7\u54c1"},"content":{"rendered":"\n \n \u4ea7\u54c1\u4e2d\u5fc3 \u00b7 \u65b0\u84dd\u6807\u79d1\u6280<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n <style>\n \/* ========== \u5168\u5c40\u91cd\u7f6e & \u53d8\u91cf ========== *\/\n :root {\n --primary: #2563eb;\n --primary-dark: #1d4ed8;\n --primary-light: #60a5fa;\n --secondary: #7c3aed;\n --gradient-1: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);\n --gradient-2: linear-gradient(135deg, #06b6d4 0%, #10b981 100%);\n --gradient-3: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);\n --gradient-4: linear-gradient(135deg, #ec4899 0%, #8b5cf6 100%);\n --gradient-hero: linear-gradient(135deg, #eff6ff 0%, #ede9fe 50%, #ecfdf5 100%);\n --text-primary: #0f172a;\n --text-secondary: #334155;\n --text-muted: #64748b;\n --bg-body: #f8fafc;\n --bg-card: rgba(255, 255, 255, 0.82);\n --bg-card-hover: rgba(255, 255, 255, 0.96);\n --shadow-card: 0 4px 24px rgba(0,0,0,0.04), 0 1px 4px rgba(0,0,0,0.02);\n --shadow-hover: 0 12px 48px rgba(37,99,235,0.10), 0 4px 16px rgba(0,0,0,0.04);\n --shadow-glow: 0 0 40px rgba(37,99,235,0.08);\n --radius-lg: 24px;\n --radius-md: 14px;\n --radius-sm: 10px;\n --transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n * { margin: 0; padding: 0; box-sizing: border-box; }\n body { font-family: 'Inter', 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', system-ui, sans-serif; background: var(--bg-body); color: var(--text-primary); line-height: 1.7; padding: 0; min-height: 100vh; position: relative; overflow-x: hidden; }\n\n \/* ========== \u6d6e\u52a8\u8be2\u4ef7\u6309\u94ae ========== *\/\n .float-inquiry-btn {\n position: fixed;\n top: 50%;\n right: 0;\n transform: translateY(-50%) translateX(0);\n background: var(--gradient-1);\n color: #fff;\n padding: 16px 12px;\n border-radius: 12px 0 0 12px;\n z-index: 9999;\n cursor: pointer;\n box-shadow: 0 8px 32px rgba(37,99,235,0.35);\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 4px;\n writing-mode: vertical-rl;\n letter-spacing: 2px;\n font-size: 15px;\n font-weight: 600;\n border: none;\n outline: none;\n user-select: none;\n min-width: 48px;\n animation: pulseGlow 2.5s ease-in-out infinite;\n }\n .float-inquiry-btn i {\n writing-mode: horizontal-tb;\n font-size: 20px;\n margin-bottom: 4px;\n }\n .float-inquiry-btn .badge-dot {\n position: absolute;\n top: 8px;\n right: 8px;\n width: 10px;\n height: 10px;\n background: #ef4444;\n border-radius: 50%;\n animation: pulseDot 1.8s ease-in-out infinite;\n border: 2px solid #fff;\n }\n @keyframes pulseGlow {\n 0%, 100% { box-shadow: 0 8px 32px rgba(37,99,235,0.35); }\n 50% { box-shadow: 0 8px 48px rgba(37,99,235,0.55), 0 0 60px rgba(37,99,235,0.15); }\n }\n @keyframes pulseDot {\n 0%, 100% { transform: scale(1); opacity: 1; }\n 50% { transform: scale(1.4); opacity: 0.6; }\n }\n .float-inquiry-btn:hover {\n transform: translateY(-50%) translateX(-4px);\n box-shadow: 0 12px 48px rgba(37,99,235,0.50);\n }\n\n \/* ========== \u8be2\u4ef7\u5f39\u7a97 ========== *\/\n .inquiry-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(15,23,42,0.55);\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n z-index: 99998;\n display: none;\n align-items: center;\n justify-content: center;\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n .inquiry-overlay.active {\n display: flex;\n opacity: 1;\n }\n .inquiry-modal {\n background: #ffffff;\n border-radius: 24px;\n max-width: 520px;\n width: 92%;\n padding: 40px 36px 32px;\n box-shadow: 0 40px 80px rgba(0,0,0,0.25);\n transform: scale(0.92) translateY(30px);\n transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease;\n opacity: 0;\n position: relative;\n max-height: 90vh;\n overflow-y: auto;\n }\n .inquiry-overlay.active .inquiry-modal {\n transform: scale(1) translateY(0);\n opacity: 1;\n }\n .inquiry-modal .close-btn {\n position: absolute;\n top: 16px;\n right: 20px;\n font-size: 26px;\n color: #b0c0d0;\n cursor: pointer;\n background: none;\n border: none;\n transition: color 0.2s, transform 0.3s;\n padding: 4px 8px;\n border-radius: 8px;\n }\n .inquiry-modal .close-btn:hover {\n color: #ef4444;\n transform: rotate(90deg);\n }\n .inquiry-modal .modal-title {\n font-size: 24px;\n font-weight: 700;\n color: #0f172a;\n margin-bottom: 6px;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .inquiry-modal .modal-title i {\n color: #2563eb;\n }\n .inquiry-modal .modal-sub {\n font-size: 14px;\n color: var(--text-muted);\n margin-bottom: 24px;\n border-bottom: 2px solid #f0f4f8;\n padding-bottom: 16px;\n }\n .inquiry-modal .contact-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 12px;\n }\n .inquiry-modal .contact-card {\n background: #f8faff;\n border-radius: 12px;\n padding: 16px 18px;\n border: 1px solid #edf1f7;\n transition: all 0.25s;\n display: flex;\n align-items: center;\n gap: 12px;\n }\n .inquiry-modal .contact-card:hover {\n border-color: #2563eb;\n background: #f0f6ff;\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(37,99,235,0.06);\n }\n .inquiry-modal .contact-card .icon {\n width: 40px;\n height: 40px;\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n flex-shrink: 0;\n }\n .inquiry-modal .contact-card .icon.blue { background: #e8efff; color: #2563eb; }\n .inquiry-modal .contact-card .icon.green { background: #e6f7ed; color: #10b981; }\n .inquiry-modal .contact-card .icon.purple { background: #f0ecff; color: #7c3aed; }\n .inquiry-modal .contact-card .icon.orange { background: #fef3e8; color: #f59e0b; }\n .inquiry-modal .contact-card .icon.cyan { background: #e6f9fc; color: #06b6d4; }\n .inquiry-modal .contact-card .icon.pink { background: #fce8f0; color: #ec4899; }\n .inquiry-modal .contact-card .info { display: flex; flex-direction: column; }\n .inquiry-modal .contact-card .info .label { font-size: 11px; color: #8a9bb0; font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px; }\n .inquiry-modal .contact-card .info .value { font-size: 14px; font-weight: 600; color: #0f172a; word-break: break-all; }\n .inquiry-modal .contact-card .info .value a { color: #2563eb; text-decoration: none; }\n .inquiry-modal .contact-card .info .value a:hover { text-decoration: underline; }\n .inquiry-modal .contact-card.full-width { grid-column: 1 \/ -1; }\n .inquiry-modal .footer-note-modal {\n margin-top: 20px;\n padding-top: 16px;\n border-top: 1px solid #f0f4f8;\n font-size: 13px;\n color: #8a9bb0;\n text-align: center;\n display: flex;\n justify-content: center;\n gap: 20px;\n flex-wrap: wrap;\n }\n .inquiry-modal .footer-note-modal span i { margin-right: 4px; }\n\n \/* ========== \u5de6\u4fa7\u56fa\u5b9a\u5bfc\u822a\uff08\u59cb\u7ec8\u53ef\u89c1\uff09 ========== *\/\n .product-sidebar {\n position: fixed;\n top: 50%;\n left: 20px;\n transform: translateY(-50%);\n width: 200px;\n max-height: 80vh;\n overflow-y: auto;\n background: rgba(255,255,255,0.92);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border-radius: 16px;\n border: 1px solid rgba(37,99,235,0.10);\n padding: 8px 0;\n box-shadow: 0 8px 32px rgba(0,0,0,0.08);\n z-index: 9997;\n transition: all 0.3s ease;\n }\n .product-sidebar::-webkit-scrollbar { width: 3px; }\n .product-sidebar::-webkit-scrollbar-thumb { background: #d0d8e0; border-radius: 4px; }\n .product-sidebar .sidebar-title {\n font-size: 13px;\n font-weight: 700;\n color: #1a2a42;\n padding: 12px 16px 8px;\n border-bottom: 2px solid #f0f4f8;\n margin-bottom: 4px;\n display: flex;\n align-items: center;\n gap: 8px;\n white-space: nowrap;\n }\n .product-sidebar .sidebar-title i { color: #1a6bff; font-size: 14px; }\n .product-sidebar .nav-list { list-style: none; padding: 0; margin: 0; }\n .product-sidebar .nav-list li { list-style: none; }\n .product-sidebar .nav-list .nav-link {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 8px 14px;\n color: #3a4a5a;\n font-size: 13px;\n font-weight: 500;\n text-decoration: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.2s;\n white-space: nowrap;\n margin: 0 4px;\n }\n .product-sidebar .nav-list .nav-link:hover { background: #f0f6ff; color: #1a6bff; }\n .product-sidebar .nav-list .nav-link i { width: 16px; font-size: 13px; color: #6a8aaa; }\n .product-sidebar .nav-list .nav-link .badge-count {\n margin-left: auto;\n font-size: 10px;\n background: #edf1f7;\n color: #64748b;\n padding: 0 6px;\n border-radius: 10px;\n font-weight: 500;\n min-width: 20px;\n text-align: center;\n }\n .product-sidebar .nav-list .nav-link.active {\n background: #e8efff;\n color: #1a6bff;\n font-weight: 600;\n }\n .product-sidebar .nav-list .nav-link.active i { color: #1a6bff; }\n\n \/* ===== \u4e3b\u5185\u5bb9\uff08\u5de6\u4fa7\u7559\u51fa\u5bfc\u822a\u7a7a\u95f4\uff09 ===== *\/\n .product-main {\n max-width: 1400px;\n margin: 0 auto;\n padding: 20px 30px 50px 260px;\n background: transparent;\n }\n .product-main-inner {\n background: #ffffff;\n border-radius: 16px;\n border: 1px solid #edf1f7;\n padding: 30px 36px 40px;\n box-shadow: 0 4px 20px rgba(0,0,0,0.03);\n }\n\n \/* ===== \u6807\u9898 ===== *\/\n .main-title {\n font-size: 32px;\n font-weight: 800;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 12px 18px;\n margin-bottom: 10px;\n color: var(--text-primary);\n }\n .main-title .highlight {\n background: var(--gradient-1);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n .main-title .badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n font-size: 14px;\n font-weight: 600;\n color: #fff;\n background: var(--gradient-1);\n padding: 4px 18px;\n border-radius: 30px;\n box-shadow: 0 4px 20px rgba(37,99,235,0.25);\n background-size: 200% 200%;\n animation: breatheColor 4s ease-in-out infinite;\n }\n .main-title .badge i { color: #fff; }\n\n @keyframes breatheColor {\n 0%, 100% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n }\n\n \/* ===== \u5206\u7c7b\u6807\u9898 ===== *\/\n .section-title {\n font-size: 22px;\n font-weight: 700;\n margin: 36px 0 18px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n padding-bottom: 10px;\n border-bottom: 3px solid #f0f4f8;\n color: #1a2a42;\n }\n .section-title .icon-wrap {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n border-radius: 10px;\n font-size: 18px;\n color: #fff;\n }\n .section-title .icon-wrap.c1 { background: linear-gradient(135deg, #1a6bff, #6a4aff); }\n .section-title .icon-wrap.c2 { background: linear-gradient(135deg, #f59e0b, #f97316); }\n .section-title .icon-wrap.c3 { background: linear-gradient(135deg, #10b981, #06b6d4); }\n .section-title .icon-wrap.c4 { background: linear-gradient(135deg, #8b5cf6, #a78bfa); }\n .section-title .icon-wrap.c5 { background: linear-gradient(135deg, #ef4444, #f97316); }\n .section-title .icon-wrap.c6 { background: linear-gradient(135deg, #3b82f6, #06b6d4); }\n .section-title .sub-tag {\n margin-left: auto;\n font-size: 12px;\n font-weight: 400;\n color: #8a9bb0;\n letter-spacing: 1px;\n background: #f0f4f8;\n padding: 2px 14px;\n border-radius: 20px;\n }\n .section-title .sub-tag i { color: #1a6bff; }\n\n \/* ===== \u641c\u7d22\u533a\u57df ===== *\/\n .search-area {\n background: rgba(255,255,255,0.80);\n backdrop-filter: blur(12px);\n border-radius: 16px;\n padding: 20px 28px;\n margin-bottom: 36px;\n border: 1px solid rgba(37,99,235,0.08);\n box-shadow: 0 2px 16px rgba(0,0,0,0.03);\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n }\n .search-box {\n flex: 1;\n min-width: 200px;\n display: flex;\n align-items: center;\n background: #f7f9fc;\n border-radius: 60px;\n padding: 0 18px;\n border: 2px solid transparent;\n transition: all 0.3s ease;\n position: relative;\n }\n .search-box:focus-within {\n border-color: #1a6bff;\n background: #ffffff;\n box-shadow: 0 0 0 4px rgba(26,107,255,0.08);\n }\n .search-icon { color: #8a9bb0; font-size: 16px; margin-right: 12px; transition: color 0.3s; }\n .search-box:focus-within .search-icon { color: #1a6bff; }\n .search-input {\n flex: 1;\n border: none;\n background: transparent;\n padding: 14px 0;\n font-size: 15px;\n color: #1a2a42;\n outline: none;\n font-family: inherit;\n }\n .search-input::placeholder { color: #b0c0d0; font-weight: 400; }\n .search-clear {\n background: none;\n border: none;\n color: #b0c0d0;\n font-size: 18px;\n cursor: pointer;\n padding: 4px 8px;\n border-radius: 50%;\n transition: all 0.2s;\n display: none;\n align-items: center;\n justify-content: center;\n }\n .search-clear:hover { color: #ef4444; background: rgba(239,68,68,0.08); }\n .search-stats { font-size: 14px; color: #8a9bb0; white-space: nowrap; padding: 6px 0; }\n .search-stats strong { color: #1a2a42; font-weight: 700; }\n .search-empty-state {\n text-align: center;\n padding: 50px 20px;\n background: rgba(255,255,255,0.50);\n border-radius: 16px;\n border: 2px dashed #e0e8f0;\n margin: 20px 0 40px;\n }\n\n \/* ===== \u4ea7\u54c1\u7f51\u683c ===== *\/\n .product-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\n gap: 22px;\n }\n .product-grid .product-item { max-width: 100%; justify-self: center; width: 100%; }\n .product-grid:has(.product-item:only-child) { grid-template-columns: 220px; justify-content: start; }\n .product-grid:has(.product-item:nth-child(2):last-child) { grid-template-columns: repeat(2, 220px); justify-content: start; }\n\n \/* ===== \u4ea7\u54c1\u5361\u7247 ===== *\/\n .product-item {\n background: #ffffff;\n border-radius: 14px;\n border: 1px solid #edf1f7;\n overflow: hidden;\n transition: all 0.35s cubic-bezier(0.25,0.46,0.45,0.94);\n cursor: pointer;\n position: relative;\n box-shadow: 0 2px 8px rgba(0,0,0,0.03);\n }\n .product-item:hover {\n transform: translateY(-6px);\n box-shadow: 0 16px 40px rgba(26,107,255,0.10);\n border-color: #c8d8f0;\n }\n .product-img-box {\n position: relative;\n width: 100%;\n aspect-ratio: 1 \/ 1;\n background: #f7f9fc;\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n \/* ===== \u65e0\u56fe\u7247\u5360\u4f4d\uff08\u5f69\u8272\u6e10\u53d8\u8272\u5757\uff09 ===== *\/\n .product-img-box .placeholder-icon {\n font-size: 48px;\n opacity: 0.85;\n transition: all 0.4s ease;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n color: #fff;\n width: 100%;\n height: 100%;\n justify-content: center;\n background: var(--gradient-1);\n position: relative;\n overflow: hidden;\n }\n .product-img-box .placeholder-icon::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -30%;\n width: 80%;\n height: 200%;\n background: rgba(255,255,255,0.06);\n transform: rotate(-20deg);\n pointer-events: none;\n }\n .product-img-box .placeholder-icon::after {\n content: '';\n position: absolute;\n bottom: -20%;\n left: -20%;\n width: 60%;\n height: 60%;\n border-radius: 50%;\n background: rgba(255,255,255,0.04);\n pointer-events: none;\n }\n .product-img-box .placeholder-icon i {\n font-size: 40px;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,0.10));\n position: relative;\n z-index: 1;\n }\n .product-img-box .placeholder-icon span {\n font-size: 13px;\n font-weight: 400;\n opacity: 0.75;\n position: relative;\n z-index: 1;\n }\n\n \/* \u4e0d\u540c\u5206\u7c7b\u4e0d\u540c\u914d\u8272 *\/\n .product-grid[data-sub=\"\u5149\u8c31\u5206\u6790\"] .product-item .placeholder-icon { background: linear-gradient(135deg, #2563eb, #7c3aed); }\n .product-grid[data-sub=\"\u8272\u8c31\u5206\u6790\"] .product-item .placeholder-icon { background: linear-gradient(135deg, #10b981, #06b6d4); }\n .product-grid[data-sub=\"\u70ed\u5206\u6790\"] .product-item .placeholder-icon { background: linear-gradient(135deg, #f59e0b, #f97316); }\n .product-grid[data-sub=\"\u7269\u6027\u6d4b\u8bd5\"] .product-item .placeholder-icon { background: linear-gradient(135deg, #8b5cf6, #a78bfa); }\n .product-grid[data-sub=\"\u8868\u9762\u4e0e\u9897\u7c92\u8868\u5f81\"] .product-item .placeholder-icon { background: linear-gradient(135deg, #ef4444, #f97316); }\n .product-grid[data-sub=\"\u524d\u5904\u7406\u8bbe\u5907\"] .product-item .placeholder-icon { background: linear-gradient(135deg, #06b6d4, #3b82f6); }\n .product-grid[data-sub=\"\u901a\u7528\u8bbe\u5907\"] .product-item .placeholder-icon { background: linear-gradient(135deg, #f59e0b, #ef4444); }\n .product-grid[data-sub=\"\u77f3\u5316\u4e0e\u6cb9\u54c1\u4e13\u7528\u5206\u6790\"] .product-item .placeholder-icon { background: linear-gradient(135deg, #ec4899, #8b5cf6); }\n\n .product-item:hover .product-img-box .placeholder-icon {\n transform: scale(1.04);\n opacity: 0.95;\n }\n .product-item:hover .product-img-box .placeholder-icon i {\n transform: scale(1.06) rotate(-4deg);\n }\n\n .product-img-box .img-overlay {\n position: absolute;\n inset: 0;\n background: rgba(10,26,58,0.45);\n backdrop-filter: blur(2px);\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n transition: opacity 0.35s ease;\n }\n .product-item:hover .product-img-box .img-overlay { opacity: 1; }\n .product-img-box .img-overlay .btn-primary {\n transform: translateY(10px);\n transition: transform 0.35s ease, background 0.2s;\n padding: 8px 24px;\n font-size: 13px;\n background: var(--gradient-1);\n color: #fff;\n border-radius: 60px;\n font-weight: 600;\n border: none;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n box-shadow: 0 4px 20px rgba(37,99,235,0.25);\n }\n .product-item:hover .product-img-box .img-overlay .btn-primary { transform: translateY(0); }\n\n .product-info { padding: 14px 16px 18px; text-align: center; }\n .product-name { font-size: 14px; font-weight: 500; color: #1a2a42; line-height: 1.5; min-height: 42px; display: flex; align-items: center; justify-content: center; margin-bottom: 4px; }\n .product-link { font-size: 13px; opacity: 0.7; transition: opacity 0.2s; }\n .product-item:hover .product-link { opacity: 1; }\n .product-link a { color: #1a6bff; text-decoration: none; font-weight: 500; }\n .product-link a i { transition: transform 0.25s; }\n .product-link a:hover i { transform: translateX(4px); }\n .product-img-box img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n background: #f7f9fc;\n }\n .product-item[data-images] .product-img-box::after {\n content: attr(data-images) \"\u5f20\";\n position: absolute;\n top: 8px;\n right: 8px;\n background: rgba(26,107,255,0.85);\n color: #fff;\n font-size: 10px;\n padding: 2px 8px;\n border-radius: 20px;\n font-weight: 500;\n backdrop-filter: blur(4px);\n z-index: 2;\n }\n .footer-note {\n text-align: center;\n padding: 20px 0 10px;\n color: var(--text-muted);\n font-size: 13px;\n border-top: 1px solid #edf1f7;\n margin-top: 40px;\n }\n\n \/* ===== \u54cd\u5e94\u5f0f ===== *\/\n @media (max-width: 1200px) {\n .product-sidebar { left: 12px; width: 170px; }\n .product-main { padding: 20px 16px 40px 210px; }\n .product-main-inner { padding: 20px 24px 30px; }\n }\n @media (max-width: 992px) {\n .product-sidebar { left: 10px; width: 150px; }\n .product-sidebar .nav-list .nav-link { font-size: 12px; padding: 6px 10px; }\n .product-sidebar .nav-list .nav-link .badge-count { display: none; }\n .product-main { padding: 20px 12px 30px 180px; }\n .product-main-inner { padding: 16px 18px 24px; }\n .main-title { font-size: 26px; }\n .section-title { font-size: 19px; }\n .product-grid { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 16px; }\n }\n @media (max-width: 768px) {\n .product-sidebar {\n position: fixed;\n top: auto;\n bottom: 0;\n left: 0;\n right: 0;\n transform: none;\n width: 100%;\n max-height: 56px;\n border-radius: 12px 12px 0 0;\n padding: 4px 8px;\n background: rgba(255,255,255,0.96);\n backdrop-filter: blur(16px);\n box-shadow: 0 -4px 20px rgba(0,0,0,0.08);\n overflow-y: hidden;\n z-index: 9996;\n display: flex;\n align-items: center;\n gap: 0;\n }\n .product-sidebar .sidebar-title {\n display: none;\n }\n .product-sidebar .nav-list {\n display: flex;\n flex-wrap: nowrap;\n gap: 2px;\n padding: 4px 0;\n overflow-x: auto;\n width: 100%;\n -webkit-overflow-scrolling: touch;\n }\n .product-sidebar .nav-list .nav-link {\n padding: 4px 10px;\n font-size: 11px;\n white-space: nowrap;\n flex-shrink: 0;\n border-radius: 20px;\n }\n .product-sidebar .nav-list .nav-link i { font-size: 12px; width: 14px; }\n .product-sidebar .nav-list .nav-link .badge-count { display: none; }\n .product-main { padding: 12px 12px 80px 12px; }\n .product-main-inner { padding: 14px 14px 20px; border-radius: 12px; }\n .main-title { font-size: 20px; }\n .section-title { font-size: 17px; }\n .search-area { padding: 12px 16px; flex-direction: column; align-items: stretch; }\n .search-box { padding: 0 14px; }\n .search-input { padding: 10px 0; font-size: 14px; }\n .search-stats { font-size: 13px; text-align: center; }\n .product-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; }\n .product-info { padding: 10px 8px 12px; }\n .product-name { font-size: 13px; min-height: 36px; }\n .float-inquiry-btn { padding: 12px 10px; font-size: 13px; min-width: 40px; right: 4px; }\n .float-inquiry-btn i { font-size: 16px; }\n .inquiry-modal { padding: 24px 16px 20px; }\n .inquiry-modal .contact-grid { grid-template-columns: 1fr; }\n }\n @media (max-width: 480px) {\n .product-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }\n .product-grid .product-item { max-width: 100%; }\n .product-grid:has(.product-item:only-child) { grid-template-columns: 1fr; }\n .product-grid:has(.product-item:nth-child(2):last-child) { grid-template-columns: repeat(2, 1fr); }\n .search-area { padding: 10px 12px; border-radius: 12px; }\n .search-input { font-size: 13px; padding: 8px 0; }\n .search-stats { font-size: 12px; }\n .product-item { border-radius: 10px; }\n .product-name { font-size: 12px; min-height: 32px; }\n .product-link { font-size: 12px; }\n .product-img-box .placeholder-icon i { font-size: 30px; }\n .product-img-box .placeholder-icon span { font-size: 11px; }\n .product-sidebar .nav-list .nav-link { font-size: 10px; padding: 3px 8px; }\n }\n <\/style>\n\n\n\n <!-- ===== \u5de6\u4fa7\u56fa\u5b9a\u5bfc\u822a ===== -->\n <aside class=\"product-sidebar\" id=\"productSidebar\">\n <div class=\"sidebar-title\">\n <i class=\"fas fa-bars\"><\/i> \u4ea7\u54c1\u5206\u7c7b\n <\/div>\n <ul class=\"nav-list\">\n <li><a href=\"#section-spectrum\" class=\"nav-link active\"><i class=\"fas fa-microscope\"><\/i> \u5149\u8c31\u4e0e\u8272\u8c31 <span class=\"badge-count\">9<\/span><\/a><\/li>\n <li><a href=\"#section-thermal\" class=\"nav-link\"><i class=\"fas fa-fire\"><\/i> \u70ed\u5206\u6790\u4e0e\u7269\u6027 <span class=\"badge-count\">10<\/span><\/a><\/li>\n <li><a href=\"#section-surface\" class=\"nav-link\"><i class=\"fas fa-cubes\"><\/i> \u8868\u9762\u4e0e\u9897\u7c92 <span class=\"badge-count\">2<\/span><\/a><\/li>\n <li><a href=\"#section-general\" class=\"nav-link\"><i class=\"fas fa-vial\"><\/i> \u524d\u5904\u7406\u4e0e\u901a\u7528 <span class=\"badge-count\">14<\/span><\/a><\/li>\n <li><a href=\"#section-petrochemical\" class=\"nav-link\"><i class=\"fas fa-gas-pump\"><\/i> \u77f3\u5316\u4e0e\u6cb9\u54c1 <span class=\"badge-count\">6<\/span><\/a><\/li>\n <\/ul>\n <\/aside>\n\n <!-- ===== \u4e3b\u5185\u5bb9 ===== -->\n <main class=\"product-main\" id=\"productMain\">\n <div class=\"product-main-inner\">\n\n <!-- ===== \u9875\u9762\u6807\u9898 ===== -->\n <div class=\"main-title\" style=\"margin-bottom:10px;\">\n <span class=\"highlight\">\u65b0\u84dd\u6807 \u00b7 \u4ea7\u54c1\u4e2d\u5fc3<\/span>\n <span class=\"badge\" style=\"position:static;animation:none;font-size:14px;\">\n <i class=\"fas fa-boxes\"><\/i> \u5168\u7cfb\u5217\u4eea\u5668\n <\/span>\n <\/div>\n <p style=\"text-align:center;color:var(--text-muted);font-size:15px;margin-top:-10px;margin-bottom:30px;\">\n <i class=\"fas fa-search\" style=\"margin-right:6px;\"><\/i>\u4ece\u5149\u8c31\u5206\u6790\u5230\u6cb9\u54c1\u68c0\u6d4b\uff0c\u4e3a\u60a8\u63d0\u4f9b\u5168\u9762\u7684\u5b9e\u9a8c\u5ba4\u4eea\u5668\u89e3\u51b3\u65b9\u6848\n <\/p>\n\n <!-- \u641c\u7d22\u533a\u57df -->\n <div class=\"search-area\">\n <div class=\"search-box\">\n <div class=\"search-icon\"><i class=\"fas fa-search\"><\/i><\/div>\n <input type=\"text\" id=\"productSearchInput\" class=\"search-input\" placeholder=\"\ud83d\udd0d \u8f93\u5165\u4ea7\u54c1\u540d\u79f0\u5173\u952e\u8bcd\uff0c\u5b9e\u65f6\u7b5b\u9009...\" autocomplete=\"off\">\n <button class=\"search-clear\" id=\"searchClearBtn\" style=\"display:none;\"><i class=\"fas fa-times-circle\"><\/i><\/button>\n <\/div>\n <div class=\"search-stats\">\n <span id=\"searchStatsText\">\u5171 <strong id=\"totalCount\">0<\/strong> \u6b3e\u4ea7\u54c1<\/span>\n <span id=\"searchResultText\" style=\"display:none;\">\uff0c\u7b5b\u9009\u51fa <strong id=\"resultCount\">0<\/strong> \u6b3e<\/span>\n <\/div>\n <\/div>\n\n <!-- ========================================================== -->\n <!-- \u4e00\u3001\u5149\u8c31\u4e0e\u8272\u8c31\u5206\u6790 -->\n <!-- ========================================================== -->\n <div class=\"section-title\" id=\"section-spectrum\">\n <span class=\"icon-wrap c1\"><i class=\"fas fa-microscope\"><\/i><\/span>\n \u5149\u8c31\u4e0e\u8272\u8c31\u5206\u6790\n <span class=\"sub-tag\">9 \u6b3e<\/span>\n <\/div>\n\n <div style=\"font-size:18px;font-weight:700;margin:20px 0 14px 0;border-left:4px solid #f59e0b;padding-left:14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#1a2a42;\">\n <span style=\"display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:rgba(245,158,11,0.12);color:#f59e0b;font-size:16px;\">\n <i class=\"fas fa-sun\"><\/i>\n <\/span>\n \u5149\u8c31\u5206\u6790\n <span style=\"font-size:11px;font-weight:500;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;padding:2px 12px;border-radius:20px;\">6 \u6b3e<\/span>\n <\/div>\n <div class=\"product-grid\" data-sub=\"\u5149\u8c31\u5206\u6790\">\n <!-- \u539f\u5b50\u5438\u6536\u5206\u5149\u5149\u5ea6\u8ba1 - \u65e0\u56fe\u7247 -->\n <div class=\"product-item\" data-name=\"\u539f\u5b50\u5438\u6536\u5206\u5149\u5149\u5ea6\u8ba1\" data-url=\"https:\/\/www.xlbgs.com\/index.php\/aas\/\">\n <div class=\"product-img-box\">\n <div class=\"placeholder-icon\"><i class=\"fas fa-microscope\"><\/i><span>\u56fe\u7247\u5f85\u66f4\u65b0<\/span><\/div>\n <div class=\"img-overlay\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/aas\/\" target=\"_blank\" class=\"btn-primary\"><i class=\"fas fa-eye\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div>\n <\/div>\n <div class=\"product-info\"><div class=\"product-name\">\u539f\u5b50\u5438\u6536\u5206\u5149\u5149\u5ea6\u8ba1<\/div><div class=\"product-link\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/aas\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <\/div>\n <!-- \u7d2b\u5916\u53ef\u89c1\u5206\u5149\u5149\u5ea6\u8ba1 - \u65e0\u56fe\u7247 -->\n <div class=\"product-item\" data-name=\"\u7d2b\u5916\u53ef\u89c1\u5206\u5149\u5149\u5ea6\u8ba1\" data-url=\"https:\/\/www.xlbgs.com\/index.php\/uvvis\/\">\n <div class=\"product-img-box\"><div class=\"placeholder-icon\"><i class=\"fas fa-sun\"><\/i><span>\u56fe\u7247\u5f85\u66f4\u65b0<\/span><\/div><div class=\"img-overlay\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/uvvis\/\" target=\"_blank\" class=\"btn-primary\"><i class=\"fas fa-eye\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <div class=\"product-info\"><div class=\"product-name\">\u7d2b\u5916\u53ef\u89c1\u5206\u5149\u5149\u5ea6\u8ba1<\/div><div class=\"product-link\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/uvvis\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <\/div>\n <!-- \u7ea2\u5916\u5149\u8c31\u4eea - \u65e0\u56fe\u7247 -->\n <div class=\"product-item\" data-name=\"\u7ea2\u5916\u5149\u8c31\u4eea\" data-url=\"https:\/\/www.xlbgs.com\/index.php\/ftir\/\">\n <div class=\"product-img-box\"><div class=\"placeholder-icon\"><i class=\"fas fa-wave-square\"><\/i><span>\u56fe\u7247\u5f85\u66f4\u65b0<\/span><\/div><div class=\"img-overlay\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/ftir\/\" target=\"_blank\" class=\"btn-primary\"><i class=\"fas fa-eye\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <div class=\"product-info\"><div class=\"product-name\">\u7ea2\u5916\u5149\u8c31\u4eea<\/div><div class=\"product-link\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/ftir\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <\/div>\n <!-- X\u5c04\u7ebf\u884d\u5c04\u4eea - \u67093\u5f20\u56fe\u7247 -->\n <div class=\"product-item\" data-name=\"X\u5c04\u7ebf\u884d\u5c04\u4eea\" data-url=\"https:\/\/www.xlbgs.com\/index.php\/xrd\/\">\n <div class=\"product-img-box\">\n <img decoding=\"async\" src=\"https:\/\/www.xlbgs.com\/wp-content\/uploads\/2026\/06\/xrd1-1-4-1.png\" alt=\"X\u5c04\u7ebf\u884d\u5c04\u4eea\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n <div class=\"placeholder-icon\" style=\"display:none;position:absolute;inset:0;\"><i class=\"fas fa-image\"><\/i><span>\u56fe\u7247\u52a0\u8f7d\u4e2d<\/span><\/div>\n <div class=\"img-overlay\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/xrd\/\" target=\"_blank\" class=\"btn-primary\"><i class=\"fas fa-eye\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div>\n <\/div>\n <div class=\"product-info\"><div class=\"product-name\">X\u5c04\u7ebf\u884d\u5c04\u4eea<\/div><div class=\"product-link\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/xrd\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <\/div>\n <!-- \u5c04\u7ebf\u8367\u5149\u5149\u8c31\u4eea - \u67091\u5f20\u56fe\u7247 -->\n <div class=\"product-item\" data-name=\"\u5c04\u7ebf\u8367\u5149\u5149\u8c31\u4eea\" data-url=\"https:\/\/www.xlbgs.com\/index.php\/xrf\/\">\n <div class=\"product-img-box\">\n <img decoding=\"async\" src=\"https:\/\/www.xlbgs.com\/wp-content\/uploads\/2026\/06\/xrf1-1-5-1.png\" alt=\"\u5c04\u7ebf\u8367\u5149\u5149\u8c31\u4eea\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n <div class=\"placeholder-icon\" style=\"display:none;position:absolute;inset:0;\"><i class=\"fas fa-image\"><\/i><span>\u56fe\u7247\u52a0\u8f7d\u4e2d<\/span><\/div>\n <div class=\"img-overlay\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/xrf\/\" target=\"_blank\" class=\"btn-primary\"><i class=\"fas fa-eye\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div>\n <\/div>\n <div class=\"product-info\"><div class=\"product-name\">\u5c04\u7ebf\u8367\u5149\u5149\u8c31\u4eea<\/div><div class=\"product-link\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/xrf\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <\/div>\n <!-- \u7535\u611f\u8026\u5408\u7b49\u79bb\u5b50\u4f53\u53d1\u5c04\u5149\u8c31\u4eea - \u67091\u5f20\u56fe\u7247 -->\n <div class=\"product-item\" data-name=\"\u7535\u611f\u8026\u5408\u7b49\u79bb\u5b50\u4f53\u53d1\u5c04\u5149\u8c31\u4eea\" data-url=\"https:\/\/www.xlbgs.com\/index.php\/icp-oes\/\">\n <div class=\"product-img-box\">\n <img decoding=\"async\" src=\"https:\/\/www.xlbgs.com\/wp-content\/uploads\/2026\/06\/icp-oes1-1-6-1.png\" alt=\"\u7535\u611f\u8026\u5408\u7b49\u79bb\u5b50\u4f53\u53d1\u5c04\u5149\u8c31\u4eea\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n <div class=\"placeholder-icon\" style=\"display:none;position:absolute;inset:0;\"><i class=\"fas fa-image\"><\/i><span>\u56fe\u7247\u52a0\u8f7d\u4e2d<\/span><\/div>\n <div class=\"img-overlay\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/icp-oes\/\" target=\"_blank\" class=\"btn-primary\"><i class=\"fas fa-eye\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div>\n <\/div>\n <div class=\"product-info\"><div class=\"product-name\">\u7535\u611f\u8026\u5408\u7b49\u79bb\u5b50\u4f53\u53d1\u5c04\u5149\u8c31\u4eea<\/div><div class=\"product-link\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/icp-oes\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <\/div>\n <\/div>\n\n <!-- \u8272\u8c31\u5206\u6790 -->\n <div style=\"font-size:18px;font-weight:700;margin:20px 0 14px 0;border-left:4px solid #10b981;padding-left:14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#1a2a42;\">\n <span style=\"display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:rgba(16,185,129,0.12);color:#10b981;font-size:16px;\">\n <i class=\"fas fa-chart-line\"><\/i>\n <\/span>\n \u8272\u8c31\u5206\u6790\n <span style=\"font-size:11px;font-weight:500;background:linear-gradient(135deg,#10b981,#06b6d4);color:#fff;padding:2px 12px;border-radius:20px;\">3 \u6b3e<\/span>\n <\/div>\n <div class=\"product-grid\" data-sub=\"\u8272\u8c31\u5206\u6790\">\n <!-- \u6c14\u76f8\u8272\u8c31\u4eea - \u67092\u5f20\u56fe\u7247 -->\n <div class=\"product-item\" data-name=\"\u6c14\u76f8\u8272\u8c31\u4eea\" data-url=\"https:\/\/www.xlbgs.com\/index.php\/gc\/\">\n <div class=\"product-img-box\">\n <img decoding=\"async\" src=\"https:\/\/www.xlbgs.com\/wp-content\/uploads\/2026\/06\/gc1-2-1-1.png\" alt=\"\u6c14\u76f8\u8272\u8c31\u4eea\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n <div class=\"placeholder-icon\" style=\"display:none;position:absolute;inset:0;\"><i class=\"fas fa-image\"><\/i><span>\u56fe\u7247\u52a0\u8f7d\u4e2d<\/span><\/div>\n <div class=\"img-overlay\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/gc\/\" target=\"_blank\" class=\"btn-primary\"><i class=\"fas fa-eye\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div>\n <\/div>\n <div class=\"product-info\"><div class=\"product-name\">\u6c14\u76f8\u8272\u8c31\u4eea<\/div><div class=\"product-link\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/gc\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <\/div>\n <!-- \u6db2\u76f8\u8272\u8c31\u4eea - \u65e0\u56fe\u7247 -->\n <div class=\"product-item\" data-name=\"\u6db2\u76f8\u8272\u8c31\u4eea\" data-url=\"https:\/\/www.xlbgs.com\/index.php\/lc\/\">\n <div class=\"product-img-box\"><div class=\"placeholder-icon\"><i class=\"fas fa-flask\"><\/i><span>\u56fe\u7247\u5f85\u66f4\u65b0<\/span><\/div><div class=\"img-overlay\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/lc\/\" target=\"_blank\" class=\"btn-primary\"><i class=\"fas fa-eye\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <div class=\"product-info\"><div class=\"product-name\">\u6db2\u76f8\u8272\u8c31\u4eea<\/div><div class=\"product-link\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/lc\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <\/div>\n <!-- \u79bb\u5b50\u8272\u8c31\u4eea - \u65e0\u56fe\u7247 -->\n <div class=\"product-item\" data-name=\"\u79bb\u5b50\u8272\u8c31\u4eea\" data-url=\"https:\/\/www.xlbgs.com\/index.php\/ic\/\">\n <div class=\"product-img-box\"><div class=\"placeholder-icon\"><i class=\"fas fa-water\"><\/i><span>\u56fe\u7247\u5f85\u66f4\u65b0<\/span><\/div><div class=\"img-overlay\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/ic\/\" target=\"_blank\" class=\"btn-primary\"><i class=\"fas fa-eye\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <div class=\"product-info\"><div class=\"product-name\">\u79bb\u5b50\u8272\u8c31\u4eea<\/div><div class=\"product-link\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/ic\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <\/div>\n <\/div>\n\n <!-- ========================================================== -->\n <!-- \u4e8c\u3001\u70ed\u5206\u6790\u4e0e\u7269\u6027\u6d4b\u5b9a -->\n <!-- ========================================================== -->\n <div class=\"section-title\" id=\"section-thermal\">\n <span class=\"icon-wrap c2\"><i class=\"fas fa-fire\"><\/i><\/span>\n \u70ed\u5206\u6790\u4e0e\u7269\u6027\u6d4b\u5b9a\n <span class=\"sub-tag\">10 \u6b3e<\/span>\n <\/div>\n\n <div style=\"font-size:18px;font-weight:700;margin:20px 0 14px 0;border-left:4px solid #f59e0b;padding-left:14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#1a2a42;\">\n <span style=\"display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:rgba(245,158,11,0.12);color:#f59e0b;font-size:16px;\">\n <i class=\"fas fa-thermometer-half\"><\/i>\n <\/span>\n \u70ed\u5206\u6790\n <span style=\"font-size:11px;font-weight:500;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;padding:2px 12px;border-radius:20px;\">2 \u6b3e<\/span>\n <\/div>\n <div class=\"product-grid\" data-sub=\"\u70ed\u5206\u6790\">\n <!-- \u5dee\u793a\u626b\u63cf\u91cf\u70ed\u4eea\uff08DSC\uff09- \u65e0\u56fe\u7247 -->\n <div class=\"product-item\" data-name=\"\u5dee\u793a\u626b\u63cf\u91cf\u70ed\u4eea\" data-url=\"https:\/\/www.xlbgs.com\/index.php\/dsc\/\">\n <div class=\"product-img-box\"><div class=\"placeholder-icon\"><i class=\"fas fa-chart-bar\"><\/i><span>\u56fe\u7247\u5f85\u66f4\u65b0<\/span><\/div><div class=\"img-overlay\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/dsc\/\" target=\"_blank\" class=\"btn-primary\"><i class=\"fas fa-eye\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <div class=\"product-info\"><div class=\"product-name\">\u5dee\u793a\u626b\u63cf\u91cf\u70ed\u4eea\uff08DSC\uff09<\/div><div class=\"product-link\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/dsc\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <\/div>\n <!-- \u70ed\u91cd\u5206\u6790\u4eea\uff08TGA\uff09- \u65e0\u56fe\u7247 -->\n <div class=\"product-item\" data-name=\"\u70ed\u91cd\u5206\u6790\u4eea\" data-url=\"https:\/\/www.xlbgs.com\/index.php\/tga\/\">\n <div class=\"product-img-box\"><div class=\"placeholder-icon\"><i class=\"fas fa-weight-hanging\"><\/i><span>\u56fe\u7247\u5f85\u66f4\u65b0<\/span><\/div><div class=\"img-overlay\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/tga\/\" target=\"_blank\" class=\"btn-primary\"><i class=\"fas fa-eye\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <div class=\"product-info\"><div class=\"product-name\">\u70ed\u91cd\u5206\u6790\u4eea\uff08TGA\uff09<\/div><div class=\"product-link\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/tga\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <\/div>\n <\/div>\n\n <!-- \u7269\u6027\/\u7269\u7406\u6d4b\u8bd5 -->\n <div style=\"font-size:18px;font-weight:700;margin:20px 0 14px 0;border-left:4px solid #8b5cf6;padding-left:14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#1a2a42;\">\n <span style=\"display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:rgba(139,92,246,0.12);color:#8b5cf6;font-size:16px;\">\n <i class=\"fas fa-flask\"><\/i>\n <\/span>\n \u7269\u6027 \/ \u7269\u7406\u6d4b\u8bd5\n <span style=\"font-size:11px;font-weight:500;background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;padding:2px 12px;border-radius:20px;\">8 \u6b3e<\/span>\n <\/div>\n <div class=\"product-grid\" data-sub=\"\u7269\u6027\u6d4b\u8bd5\">\n <!-- \u5168\u81ea\u52a8\u8fd0\u52a8\u7c98\u5ea6\u6d4b\u5b9a\u4eea - \u65e0\u56fe\u7247 -->\n <div class=\"product-item\" data-name=\"\u5168\u81ea\u52a8\u8fd0\u52a8\u7c98\u5ea6\u6d4b\u5b9a\u4eea\" data-url=\"https:\/\/www.xlbgs.com\/index.php\/kv\/\">\n <div class=\"product-img-box\"><div class=\"placeholder-icon\"><i class=\"fas fa-oil-can\"><\/i><span>\u56fe\u7247\u5f85\u66f4\u65b0<\/span><\/div><div class=\"img-overlay\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/kv\/\" target=\"_blank\" class=\"btn-primary\"><i class=\"fas fa-eye\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <div class=\"product-info\"><div class=\"product-name\">\u5168\u81ea\u52a8\u8fd0\u52a8\u7c98\u5ea6\u6d4b\u5b9a\u4eea<\/div><div class=\"product-link\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/kv\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <\/div>\n <!-- \u5168\u81ea\u52a8\u998f\u7a0b\u6d4b\u5b9a\u4eea - \u67091\u5f20\u56fe\u7247 -->\n <div class=\"product-item\" data-name=\"\u5168\u81ea\u52a8\u998f\u7a0b\u6d4b\u5b9a\u4eea\" data-url=\"https:\/\/www.xlbgs.com\/index.php\/dist\/\">\n <div class=\"product-img-box\">\n <img decoding=\"async\" src=\"https:\/\/www.xlbgs.com\/wp-content\/uploads\/2026\/06\/dist2-2-2-1.png\" alt=\"\u5168\u81ea\u52a8\u998f\u7a0b\u6d4b\u5b9a\u4eea\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n <div class=\"placeholder-icon\" style=\"display:none;position:absolute;inset:0;\"><i class=\"fas fa-image\"><\/i><span>\u56fe\u7247\u52a0\u8f7d\u4e2d<\/span><\/div>\n <div class=\"img-overlay\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/dist\/\" target=\"_blank\" class=\"btn-primary\"><i class=\"fas fa-eye\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div>\n <\/div>\n <div class=\"product-info\"><div class=\"product-name\">\u5168\u81ea\u52a8\u998f\u7a0b\u6d4b\u5b9a\u4eea<\/div><div class=\"product-link\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/dist\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <\/div>\n <!-- \u51dd\u70b9\u00b7\u503e\u70b9\u00b7\u51b7\u6ee4\u70b9\u6d4b\u5b9a\u4eea - \u65e0\u56fe\u7247 -->\n <div class=\"product-item\" data-name=\"\u51dd\u70b9\u503e\u70b9\u51b7\u6ee4\u70b9\u6d4b\u5b9a\u4eea\" data-url=\"https:\/\/www.xlbgs.com\/index.php\/cpfp\/\">\n <div class=\"product-img-box\"><div class=\"placeholder-icon\"><i class=\"fas fa-snowflake\"><\/i><span>\u56fe\u7247\u5f85\u66f4\u65b0<\/span><\/div><div class=\"img-overlay\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/cpfp\/\" target=\"_blank\" class=\"btn-primary\"><i class=\"fas fa-eye\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <div class=\"product-info\"><div class=\"product-name\">\u51dd\u70b9\u00b7\u503e\u70b9\u00b7\u51b7\u6ee4\u70b9\u6d4b\u5b9a\u4eea<\/div><div class=\"product-link\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/cpfp\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <\/div>\n <!-- \u5bc6\u5ea6\u6d4b\u5b9a\u4eea - \u65e0\u56fe\u7247 -->\n <div class=\"product-item\" data-name=\"\u5bc6\u5ea6\u6d4b\u5b9a\u4eea\" data-url=\"https:\/\/www.xlbgs.com\/index.php\/den\/\">\n <div class=\"product-img-box\"><div class=\"placeholder-icon\"><i class=\"fas fa-balance-scale\"><\/i><span>\u56fe\u7247\u5f85\u66f4\u65b0<\/span><\/div><div class=\"img-overlay\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/den\/\" target=\"_blank\" class=\"btn-primary\"><i class=\"fas fa-eye\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <div class=\"product-info\"><div class=\"product-name\">\u5bc6\u5ea6\u6d4b\u5b9a\u4eea<\/div><div class=\"product-link\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/den\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <\/div>\n <!-- \u6c27\u5316\u5b89\u5b9a\u6027\u6d4b\u5b9a\u4eea - \u65e0\u56fe\u7247 -->\n <div class=\"product-item\" data-name=\"\u6c27\u5316\u5b89\u5b9a\u6027\u6d4b\u5b9a\u4eea\" data-url=\"https:\/\/www.xlbgs.com\/index.php\/oxid\/\">\n <div class=\"product-img-box\"><div class=\"placeholder-icon\"><i class=\"fas fa-shield-alt\"><\/i><span>\u56fe\u7247\u5f85\u66f4\u65b0<\/span><\/div><div class=\"img-overlay\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/oxid\/\" target=\"_blank\" class=\"btn-primary\"><i class=\"fas fa-eye\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <div class=\"product-info\"><div class=\"product-name\">\u6c27\u5316\u5b89\u5b9a\u6027\u6d4b\u5b9a\u4eea<\/div><div class=\"product-link\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/oxid\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <\/div>\n <!-- \u95ea\u70b9\u6d4b\u5b9a\u4eea - \u67092\u5f20\u56fe\u7247 -->\n <div class=\"product-item\" data-name=\"\u95ea\u70b9\u6d4b\u5b9a\u4eea\" data-url=\"https:\/\/www.xlbgs.com\/index.php\/fp\/\">\n <div class=\"product-img-box\">\n <img decoding=\"async\" src=\"https:\/\/www.xlbgs.com\/wp-content\/uploads\/2026\/06\/fp2-2-6-1.jpg\" alt=\"\u95ea\u70b9\u6d4b\u5b9a\u4eea\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n <div class=\"placeholder-icon\" style=\"display:none;position:absolute;inset:0;\"><i class=\"fas fa-image\"><\/i><span>\u56fe\u7247\u52a0\u8f7d\u4e2d<\/span><\/div>\n <div class=\"img-overlay\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/fp\/\" target=\"_blank\" class=\"btn-primary\"><i class=\"fas fa-eye\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div>\n <\/div>\n <div class=\"product-info\"><div class=\"product-name\">\u95ea\u70b9\u6d4b\u5b9a\u4eea<\/div><div class=\"product-link\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/fp\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <\/div>\n <\/div>\n\n <!-- ========================================================== -->\n <!-- \u4e09\u3001\u8868\u9762\u4e0e\u9897\u7c92\u8868\u5f81 -->\n <!-- ========================================================== -->\n <div class=\"section-title\" id=\"section-surface\">\n <span class=\"icon-wrap c3\"><i class=\"fas fa-cubes\"><\/i><\/span>\n \u8868\u9762\u4e0e\u9897\u7c92\u8868\u5f81\n <span class=\"sub-tag\">2 \u6b3e<\/span>\n <\/div>\n <div class=\"product-grid\" data-sub=\"\u8868\u9762\u4e0e\u9897\u7c92\u8868\u5f81\">\n <!-- \u5168\u81ea\u52a8\u6bd4\u8868\u9762\u79ef\u53ca\u5b54\u5f84\u5206\u6790\u4eea - \u67095\u5f20\u56fe\u7247 -->\n <div class=\"product-item\" data-name=\"\u5168\u81ea\u52a8\u6bd4\u8868\u9762\u79ef\u53ca\u5b54\u5f84\u5206\u6790\u4eea\" data-url=\"https:\/\/www.xlbgs.com\/index.php\/bet\/\">\n <div class=\"product-img-box\">\n <img decoding=\"async\" src=\"https:\/\/www.xlbgs.com\/wp-content\/uploads\/2026\/06\/bet3-1-1-1.jpg\" alt=\"\u5168\u81ea\u52a8\u6bd4\u8868\u9762\u79ef\u53ca\u5b54\u5f84\u5206\u6790\u4eea\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n <div class=\"placeholder-icon\" style=\"display:none;position:absolute;inset:0;\"><i class=\"fas fa-image\"><\/i><span>\u56fe\u7247\u52a0\u8f7d\u4e2d<\/span><\/div>\n <div class=\"img-overlay\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/bet\/\" target=\"_blank\" class=\"btn-primary\"><i class=\"fas fa-eye\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div>\n <\/div>\n <div class=\"product-info\"><div class=\"product-name\">\u5168\u81ea\u52a8\u6bd4\u8868\u9762\u79ef\u53ca\u5b54\u5f84\u5206\u6790\u4eea<\/div><div class=\"product-link\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/bet\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <\/div>\n <!-- \u52a8\u6001\u9897\u7c92\u56fe\u50cf\u7c92\u5ea6\u7c92\u5f62\u5206\u6790\u4eea\uff08\u5e72\u6cd5\uff09- \u670910\u5f20\u56fe\u7247 -->\n <div class=\"product-item\" data-name=\"\u52a8\u6001\u9897\u7c92\u56fe\u50cf\u7c92\u5ea6\u7c92\u5f62\u5206\u6790\u4eea\" data-url=\"https:\/\/www.xlbgs.com\/index.php\/dia\/\">\n <div class=\"product-img-box\">\n <img decoding=\"async\" src=\"https:\/\/www.xlbgs.com\/wp-content\/uploads\/2026\/06\/dia3-1-2-1.png\" alt=\"\u52a8\u6001\u9897\u7c92\u56fe\u50cf\u7c92\u5ea6\u7c92\u5f62\u5206\u6790\u4eea\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n <div class=\"placeholder-icon\" style=\"display:none;position:absolute;inset:0;\"><i class=\"fas fa-image\"><\/i><span>\u56fe\u7247\u52a0\u8f7d\u4e2d<\/span><\/div>\n <div class=\"img-overlay\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/dia\/\" target=\"_blank\" class=\"btn-primary\"><i class=\"fas fa-eye\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div>\n <\/div>\n <div class=\"product-info\"><div class=\"product-name\">\u52a8\u6001\u9897\u7c92\u56fe\u50cf\u7c92\u5ea6\u7c92\u5f62\u5206\u6790\u4eea\uff08\u5e72\u6cd5\uff09<\/div><div class=\"product-link\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/dia\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <\/div>\n <\/div>\n\n <!-- ========================================================== -->\n <!-- \u56db\u3001\u6837\u54c1\u524d\u5904\u7406\u4e0e\u901a\u7528\u4eea\u5668 -->\n <!-- ========================================================== -->\n <div class=\"section-title\" id=\"section-general\">\n <span class=\"icon-wrap c4\"><i class=\"fas fa-vial\"><\/i><\/span>\n \u6837\u54c1\u524d\u5904\u7406\u4e0e\u901a\u7528\u4eea\u5668\n <span class=\"sub-tag\">14 \u6b3e<\/span>\n <\/div>\n\n <!-- \u524d\u5904\u7406\u8bbe\u5907 -->\n <div style=\"font-size:18px;font-weight:700;margin:20px 0 14px 0;border-left:4px solid #8b5cf6;padding-left:14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#1a2a42;\">\n <span style=\"display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:rgba(139,92,246,0.12);color:#8b5cf6;font-size:16px;\">\n <i class=\"fas fa-microscope\"><\/i>\n <\/span>\n \u524d\u5904\u7406\u8bbe\u5907\n <span style=\"font-size:11px;font-weight:500;background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;padding:2px 12px;border-radius:20px;\">4 \u6b3e<\/span>\n <\/div>\n <div class=\"product-grid\" data-sub=\"\u524d\u5904\u7406\u8bbe\u5907\">\n <!-- \u5fae\u6ce2\u6d88\u89e3\u4eea - \u65e0\u56fe\u7247 -->\n <div class=\"product-item\" data-name=\"\u5fae\u6ce2\u6d88\u89e3\u4eea\" data-url=\"https:\/\/www.xlbgs.com\/index.php\/mwd\/\">\n <div class=\"product-img-box\"><div class=\"placeholder-icon\"><i class=\"fas fa-micro\"><\/i><span>\u56fe\u7247\u5f85\u66f4\u65b0<\/span><\/div><div class=\"img-overlay\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/mwd\/\" target=\"_blank\" class=\"btn-primary\"><i class=\"fas fa-eye\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <div class=\"product-info\"><div class=\"product-name\">\u5fae\u6ce2\u6d88\u89e3\u4eea<\/div><div class=\"product-link\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/mwd\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <\/div>\n <!-- \u65cb\u8f6c\u84b8\u53d1\u4eea - \u65e0\u56fe\u7247 -->\n <div class=\"product-item\" data-name=\"\u65cb\u8f6c\u84b8\u53d1\u4eea\" data-url=\"https:\/\/www.xlbgs.com\/index.php\/rotavap\/\">\n <div class=\"product-img-box\"><div class=\"placeholder-icon\"><i class=\"fas fa-sync-alt\"><\/i><span>\u56fe\u7247\u5f85\u66f4\u65b0<\/span><\/div><div class=\"img-overlay\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/rotavap\/\" target=\"_blank\" class=\"btn-primary\"><i class=\"fas fa-eye\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <div class=\"product-info\"><div class=\"product-name\">\u65cb\u8f6c\u84b8\u53d1\u4eea<\/div><div class=\"product-link\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/rotavap\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <\/div>\n <!-- \u5747\u76f8\u53cd\u5e94\u5668 - \u67091\u5f20\u56fe\u7247 -->\n <div class=\"product-item\" data-name=\"\u5747\u76f8\u53cd\u5e94\u5668\" data-url=\"https:\/\/www.xlbgs.com\/index.php\/hr\/\">\n <div class=\"product-img-box\">\n <img decoding=\"async\" src=\"https:\/\/www.xlbgs.com\/wp-content\/uploads\/2026\/06\/hr4-1-3-1.jpg\" alt=\"\u5747\u76f8\u53cd\u5e94\u5668\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n <div class=\"placeholder-icon\" style=\"display:none;position:absolute;inset:0;\"><i class=\"fas fa-image\"><\/i><span>\u56fe\u7247\u52a0\u8f7d\u4e2d<\/span><\/div>\n <div class=\"img-overlay\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/hr\/\" target=\"_blank\" class=\"btn-primary\"><i class=\"fas fa-eye\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div>\n <\/div>\n <div class=\"product-info\"><div class=\"product-name\">\u5747\u76f8\u53cd\u5e94\u5668<\/div><div class=\"product-link\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/hr\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <\/div>\n <!-- \u7eaf\u6c34\u673a - \u65e0\u56fe\u7247 -->\n <div class=\"product-item\" data-name=\"\u7eaf\u6c34\u673a\" data-url=\"https:\/\/www.xlbgs.com\/index.php\/diw\/\">\n <div class=\"product-img-box\"><div class=\"placeholder-icon\"><i class=\"fas fa-tint\"><\/i><span>\u56fe\u7247\u5f85\u66f4\u65b0<\/span><\/div><div class=\"img-overlay\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/diw\/\" target=\"_blank\" class=\"btn-primary\"><i class=\"fas fa-eye\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <div class=\"product-info\"><div class=\"product-name\">\u7eaf\u6c34\u673a<\/div><div class=\"product-link\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/diw\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <\/div>\n <\/div>\n\n <!-- \u901a\u7528\/\u914d\u5957\u8bbe\u5907 -->\n <div style=\"font-size:18px;font-weight:700;margin:20px 0 14px 0;border-left:4px solid #f59e0b;padding-left:14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#1a2a42;\">\n <span style=\"display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:rgba(245,158,11,0.12);color:#f59e0b;font-size:16px;\">\n <i class=\"fas fa-tools\"><\/i>\n <\/span>\n \u901a\u7528 \/ \u914d\u5957\u8bbe\u5907\n <span style=\"font-size:11px;font-weight:500;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;padding:2px 12px;border-radius:20px;\">10 \u6b3e<\/span>\n <\/div>\n <div class=\"product-grid\" data-sub=\"\u901a\u7528\u8bbe\u5907\">\n <!-- \u7535\u5b50\u5929\u5e73 - \u65e0\u56fe\u7247 -->\n <div class=\"product-item\" data-name=\"\u7535\u5b50\u5929\u5e73\" data-url=\"https:\/\/www.xlbgs.com\/index.php\/balance\/\">\n <div class=\"product-img-box\"><div class=\"placeholder-icon\"><i class=\"fas fa-weight\"><\/i><span>\u56fe\u7247\u5f85\u66f4\u65b0<\/span><\/div><div class=\"img-overlay\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/balance\/\" target=\"_blank\" class=\"btn-primary\"><i class=\"fas fa-eye\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <div class=\"product-info\"><div class=\"product-name\">\u7535\u5b50\u5929\u5e73<\/div><div class=\"product-link\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/balance\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <\/div>\n <!-- \u6c34\u5206\u4eea - \u67091\u5f20\u56fe\u7247 -->\n <div class=\"product-item\" data-name=\"\u6c34\u5206\u4eea\" data-url=\"https:\/\/www.xlbgs.com\/index.php\/moist\/\">\n <div class=\"product-img-box\">\n <img decoding=\"async\" src=\"https:\/\/www.xlbgs.com\/wp-content\/uploads\/2026\/06\/moist4-2-2-1.png\" alt=\"\u6c34\u5206\u4eea\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n <div class=\"placeholder-icon\" style=\"display:none;position:absolute;inset:0;\"><i class=\"fas fa-image\"><\/i><span>\u56fe\u7247\u52a0\u8f7d\u4e2d<\/span><\/div>\n <div class=\"img-overlay\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/moist\/\" target=\"_blank\" class=\"btn-primary\"><i class=\"fas fa-eye\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div>\n <\/div>\n <div class=\"product-info\"><div class=\"product-name\">\u6c34\u5206\u4eea<\/div><div class=\"product-link\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/moist\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <\/div>\n <!-- \u7535\u4f4d\u6ef4\u5b9a\u4eea - \u65e0\u56fe\u7247 -->\n <div class=\"product-item\" data-name=\"\u7535\u4f4d\u6ef4\u5b9a\u4eea\" data-url=\"https:\/\/www.xlbgs.com\/index.php\/pt\/\">\n <div class=\"product-img-box\"><div class=\"placeholder-icon\"><i class=\"fas fa-flask\"><\/i><span>\u56fe\u7247\u5f85\u66f4\u65b0<\/span><\/div><div class=\"img-overlay\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/pt\/\" target=\"_blank\" class=\"btn-primary\"><i class=\"fas fa-eye\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <div class=\"product-info\"><div class=\"product-name\">\u7535\u4f4d\u6ef4\u5b9a\u4eea<\/div><div class=\"product-link\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/pt\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <\/div>\n <!-- \u81ea\u52a8\u7535\u4f4d\u6ef4\u5b9a\u4eea - \u67091\u5f20\u56fe\u7247 -->\n <div class=\"product-item\" data-name=\"\u81ea\u52a8\u7535\u4f4d\u6ef4\u5b9a\u4eea\" data-url=\"https:\/\/www.xlbgs.com\/index.php\/apt\/\">\n <div class=\"product-img-box\">\n <img decoding=\"async\" src=\"https:\/\/www.xlbgs.com\/wp-content\/uploads\/2026\/06\/apt4-2-4-1.png\" alt=\"\u81ea\u52a8\u7535\u4f4d\u6ef4\u5b9a\u4eea\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n <div class=\"placeholder-icon\" style=\"display:none;position:absolute;inset:0;\"><i class=\"fas fa-image\"><\/i><span>\u56fe\u7247\u52a0\u8f7d\u4e2d<\/span><\/div>\n <div class=\"img-overlay\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/apt\/\" target=\"_blank\" class=\"btn-primary\"><i class=\"fas fa-eye\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div>\n <\/div>\n <div class=\"product-info\"><div class=\"product-name\">\u81ea\u52a8\u7535\u4f4d\u6ef4\u5b9a\u4eea<\/div><div class=\"product-link\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/apt\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <\/div>\n <!-- \u6052\u6e29\u6c34\u69fd\/\u6cb9\u6d74 - \u65e0\u56fe\u7247 -->\n <div class=\"product-item\" data-name=\"\u6052\u6e29\u6c34\u69fd\u6cb9\u6d74\" data-url=\"https:\/\/www.xlbgs.com\/index.php\/bath\/\">\n <div class=\"product-img-box\"><div class=\"placeholder-icon\"><i class=\"fas fa-thermometer-half\"><\/i><span>\u56fe\u7247\u5f85\u66f4\u65b0<\/span><\/div><div class=\"img-overlay\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/bath\/\" target=\"_blank\" class=\"btn-primary\"><i class=\"fas fa-eye\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <div class=\"product-info\"><div class=\"product-name\">\u6052\u6e29\u6c34\u69fd\/\u6cb9\u6d74<\/div><div class=\"product-link\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/bath\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <\/div>\n <!-- \u5367\u5f0f\u7535\u70ed\u9f13\u98ce\u5e72\u71e5\u7bb1 - \u67091\u5f20\u56fe\u7247 -->\n <div class=\"product-item\" data-name=\"\u5367\u5f0f\u7535\u70ed\u9f13\u98ce\u5e72\u71e5\u7bb1\" data-url=\"https:\/\/www.xlbgs.com\/index.php\/hdo\/\">\n <div class=\"product-img-box\">\n <img decoding=\"async\" src=\"https:\/\/www.xlbgs.com\/wp-content\/uploads\/2026\/06\/hdo4-2-6-1.jpg\" alt=\"\u5367\u5f0f\u7535\u70ed\u9f13\u98ce\u5e72\u71e5\u7bb1\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n <div class=\"placeholder-icon\" style=\"display:none;position:absolute;inset:0;\"><i class=\"fas fa-image\"><\/i><span>\u56fe\u7247\u52a0\u8f7d\u4e2d<\/span><\/div>\n <div class=\"img-overlay\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/hdo\/\" target=\"_blank\" class=\"btn-primary\"><i class=\"fas fa-eye\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div>\n <\/div>\n <div class=\"product-info\"><div class=\"product-name\">\u5367\u5f0f\u7535\u70ed\u9f13\u98ce\u5e72\u71e5\u7bb1<\/div><div class=\"product-link\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/hdo\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <\/div>\n <!-- \u771f\u7a7a\u5e72\u71e5\u7bb1 - \u65e0\u56fe\u7247 -->\n <div class=\"product-item\" data-name=\"\u771f\u7a7a\u5e72\u71e5\u7bb1\" data-url=\"https:\/\/www.xlbgs.com\/index.php\/vdo\/\">\n <div class=\"product-img-box\"><div class=\"placeholder-icon\"><i class=\"fas fa-box-open\"><\/i><span>\u56fe\u7247\u5f85\u66f4\u65b0<\/span><\/div><div class=\"img-overlay\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/vdo\/\" target=\"_blank\" class=\"btn-primary\"><i class=\"fas fa-eye\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <div class=\"product-info\"><div class=\"product-name\">\u771f\u7a7a\u5e72\u71e5\u7bb1<\/div><div class=\"product-link\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/vdo\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <\/div>\n <!-- \u65e0\u6cb9\u9694\u819c\u771f\u7a7a\u6cf5 - \u65e0\u56fe\u7247 -->\n <div class=\"product-item\" data-name=\"\u65e0\u6cb9\u9694\u819c\u771f\u7a7a\u6cf5\" data-url=\"https:\/\/www.xlbgs.com\/index.php\/oilfreevp\/\">\n <div class=\"product-img-box\"><div class=\"placeholder-icon\"><i class=\"fas fa-wind\"><\/i><span>\u56fe\u7247\u5f85\u66f4\u65b0<\/span><\/div><div class=\"img-overlay\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/oilfreevp\/\" target=\"_blank\" class=\"btn-primary\"><i class=\"fas fa-eye\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <div class=\"product-info\"><div class=\"product-name\">\u65e0\u6cb9\u9694\u819c\u771f\u7a7a\u6cf5<\/div><div class=\"product-link\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/oilfreevp\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <\/div>\n <\/div>\n\n <!-- ========================================================== -->\n <!-- \u4e94\u3001\u77f3\u5316\u4e0e\u6cb9\u54c1\u4e13\u7528\u5206\u6790 -->\n <!-- ========================================================== -->\n <div class=\"section-title\" id=\"section-petrochemical\">\n <span class=\"icon-wrap c5\"><i class=\"fas fa-gas-pump\"><\/i><\/span>\n \u77f3\u5316\u4e0e\u6cb9\u54c1\u4e13\u7528\u5206\u6790\n <span class=\"sub-tag\">6 \u6b3e<\/span>\n <\/div>\n <div class=\"product-grid\" data-sub=\"\u77f3\u5316\u4e0e\u6cb9\u54c1\u4e13\u7528\u5206\u6790\">\n <!-- \u5168\u81ea\u52a8\u8fd0\u52a8\u7c98\u5ea6\u6d4b\u5b9a\u4eea - \u65e0\u56fe\u7247 -->\n <div class=\"product-item\" data-name=\"\u5168\u81ea\u52a8\u8fd0\u52a8\u7c98\u5ea6\u6d4b\u5b9a\u4eea\" data-url=\"https:\/\/www.xlbgs.com\/index.php\/kv\/\">\n <div class=\"product-img-box\"><div class=\"placeholder-icon\"><i class=\"fas fa-oil-can\"><\/i><span>\u56fe\u7247\u5f85\u66f4\u65b0<\/span><\/div><div class=\"img-overlay\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/kv\/\" target=\"_blank\" class=\"btn-primary\"><i class=\"fas fa-eye\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <div class=\"product-info\"><div class=\"product-name\">\u5168\u81ea\u52a8\u8fd0\u52a8\u7c98\u5ea6\u6d4b\u5b9a\u4eea<\/div><div class=\"product-link\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/kv\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <\/div>\n <!-- \u5168\u81ea\u52a8\u998f\u7a0b\u6d4b\u5b9a\u4eea - \u67091\u5f20\u56fe\u7247 -->\n <div class=\"product-item\" data-name=\"\u5168\u81ea\u52a8\u998f\u7a0b\u6d4b\u5b9a\u4eea\" data-url=\"https:\/\/www.xlbgs.com\/index.php\/dist\/\">\n <div class=\"product-img-box\">\n <img decoding=\"async\" src=\"https:\/\/www.xlbgs.com\/wp-content\/uploads\/2026\/06\/dist5-1-2-1.jpg\" alt=\"\u5168\u81ea\u52a8\u998f\u7a0b\u6d4b\u5b9a\u4eea\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n <div class=\"placeholder-icon\" style=\"display:none;position:absolute;inset:0;\"><i class=\"fas fa-image\"><\/i><span>\u56fe\u7247\u52a0\u8f7d\u4e2d<\/span><\/div>\n <div class=\"img-overlay\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/dist\/\" target=\"_blank\" class=\"btn-primary\"><i class=\"fas fa-eye\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div>\n <\/div>\n <div class=\"product-info\"><div class=\"product-name\">\u5168\u81ea\u52a8\u998f\u7a0b\u6d4b\u5b9a\u4eea<\/div><div class=\"product-link\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/dist\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <\/div>\n <!-- \u51dd\u70b9\u00b7\u503e\u70b9\u00b7\u51b7\u6ee4\u70b9\u6d4b\u5b9a\u4eea - \u65e0\u56fe\u7247 -->\n <div class=\"product-item\" data-name=\"\u51dd\u70b9\u503e\u70b9\u51b7\u6ee4\u70b9\u6d4b\u5b9a\u4eea\" data-url=\"https:\/\/www.xlbgs.com\/index.php\/cpfp\/\">\n <div class=\"product-img-box\"><div class=\"placeholder-icon\"><i class=\"fas fa-snowflake\"><\/i><span>\u56fe\u7247\u5f85\u66f4\u65b0<\/span><\/div><div class=\"img-overlay\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/cpfp\/\" target=\"_blank\" class=\"btn-primary\"><i class=\"fas fa-eye\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <div class=\"product-info\"><div class=\"product-name\">\u51dd\u70b9\u00b7\u503e\u70b9\u00b7\u51b7\u6ee4\u70b9\u6d4b\u5b9a\u4eea<\/div><div class=\"product-link\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/cpfp\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <\/div>\n <!-- \u6c27\u5316\u5b89\u5b9a\u6027\u6d4b\u5b9a\u4eea - \u65e0\u56fe\u7247 -->\n <div class=\"product-item\" data-name=\"\u6c27\u5316\u5b89\u5b9a\u6027\u6d4b\u5b9a\u4eea\" data-url=\"https:\/\/www.xlbgs.com\/index.php\/oxid\/\">\n <div class=\"product-img-box\"><div class=\"placeholder-icon\"><i class=\"fas fa-shield-alt\"><\/i><span>\u56fe\u7247\u5f85\u66f4\u65b0<\/span><\/div><div class=\"img-overlay\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/oxid\/\" target=\"_blank\" class=\"btn-primary\"><i class=\"fas fa-eye\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <div class=\"product-info\"><div class=\"product-name\">\u6c27\u5316\u5b89\u5b9a\u6027\u6d4b\u5b9a\u4eea<\/div><div class=\"product-link\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/oxid\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <\/div>\n <!-- \u95ea\u70b9\u6d4b\u5b9a\u4eea - \u67092\u5f20\u56fe\u7247 -->\n <div class=\"product-item\" data-name=\"\u95ea\u70b9\u6d4b\u5b9a\u4eea\" data-url=\"https:\/\/www.xlbgs.com\/index.php\/fp\/\">\n <div class=\"product-img-box\">\n <img decoding=\"async\" src=\"https:\/\/www.xlbgs.com\/wp-content\/uploads\/2026\/06\/fp2-2-6-1.jpg\" alt=\"\u95ea\u70b9\u6d4b\u5b9a\u4eea\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n <div class=\"placeholder-icon\" style=\"display:none;position:absolute;inset:0;\"><i class=\"fas fa-image\"><\/i><span>\u56fe\u7247\u52a0\u8f7d\u4e2d<\/span><\/div>\n <div class=\"img-overlay\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/fp\/\" target=\"_blank\" class=\"btn-primary\"><i class=\"fas fa-eye\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div>\n <\/div>\n <div class=\"product-info\"><div class=\"product-name\">\u95ea\u70b9\u6d4b\u5b9a\u4eea<\/div><div class=\"product-link\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/fp\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <\/div>\n <!-- \u5bc6\u5ea6\u6d4b\u5b9a\u4eea - \u65e0\u56fe\u7247 -->\n <div class=\"product-item\" data-name=\"\u5bc6\u5ea6\u6d4b\u5b9a\u4eea\" data-url=\"https:\/\/www.xlbgs.com\/index.php\/den\/\">\n <div class=\"product-img-box\"><div class=\"placeholder-icon\"><i class=\"fas fa-balance-scale\"><\/i><span>\u56fe\u7247\u5f85\u66f4\u65b0<\/span><\/div><div class=\"img-overlay\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/den\/\" target=\"_blank\" class=\"btn-primary\"><i class=\"fas fa-eye\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <div class=\"product-info\"><div class=\"product-name\">\u5bc6\u5ea6\u6d4b\u5b9a\u4eea<\/div><div class=\"product-link\"><a href=\"https:\/\/www.xlbgs.com\/index.php\/den\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> \u67e5\u770b\u8be6\u60c5<\/a><\/div><\/div>\n <\/div>\n <\/div>\n\n <p class=\"footer-note\">\n <i class=\"fas fa-flask\"><\/i> \u65b0\u84dd\u6807\u79d1\u6280 \u00b7 \u5b9e\u9a8c\u5ba4\u4eea\u5668\u4e13\u4e1a\u4f9b\u5e94\u5546\n <\/p>\n\n <\/div>\n <\/main>\n\n <!-- ===== \u6d6e\u52a8\u8be2\u4ef7\u6309\u94ae ===== -->\n <button class=\"float-inquiry-btn\" id=\"inquiryBtn\" aria-label=\"\u8be2\u4ef7\u54a8\u8be2\">\n <span class=\"badge-dot\"><\/span>\n <i class=\"fas fa-comment-dollar\"><\/i>\n \u7acb\u5373\u8be2\u4ef7\n <\/button>\n\n <!-- ===== \u8be2\u4ef7\u5f39\u7a97 ===== -->\n <div class=\"inquiry-overlay\" id=\"inquiryOverlay\">\n <div class=\"inquiry-modal\">\n <button class=\"close-btn\" id=\"inquiryCloseBtn\">\u00d7<\/button>\n <div class=\"modal-title\">\n <i class=\"fas fa-headset\"><\/i> \u8054\u7cfb\u6211\u4eec\n <\/div>\n <div class=\"modal-sub\">\u4e13\u4e1a\u5de5\u7a0b\u5e08\u4e3a\u60a8\u63d0\u4f9b\u4e00\u5bf9\u4e00\u4ea7\u54c1\u54a8\u8be2\u4e0e\u9009\u578b\u6307\u5bfc<\/div>\n <div class=\"contact-grid\">\n <div class=\"contact-card\">\n <div class=\"icon blue\"><i class=\"fas fa-user-circle\"><\/i><\/div>\n <div class=\"info\"><span class=\"label\">\u8054\u7cfb\u4eba<\/span><span class=\"value\">\u5f20\u5de5<\/span><\/div>\n <\/div>\n <div class=\"contact-card\">\n <div class=\"icon green\"><i class=\"fas fa-phone-alt\"><\/i><\/div>\n <div class=\"info\"><span class=\"label\">\u7535\u8bdd<\/span><span class=\"value\"><a href=\"tel:15389072441\">15389072441<\/a><\/span><\/div>\n <\/div>\n <div class=\"contact-card\">\n <div class=\"icon purple\"><i class=\"fas fa-envelope\"><\/i><\/div>\n <div class=\"info\"><span class=\"label\">\u90ae\u7bb1<\/span><span class=\"value\"><a href=\"mailto:1306636246@qq.com\">1306636246@qq.com<\/a><\/span><\/div>\n <\/div>\n <div class=\"contact-card\">\n <div class=\"icon orange\"><i class=\"fab fa-weixin\"><\/i><\/div>\n <div class=\"info\"><span class=\"label\">\u5fae\u4fe1<\/span><span class=\"value\">wxid_3lkkx0oida522<\/span><\/div>\n <\/div>\n <div class=\"contact-card full-width\">\n <div class=\"icon cyan\"><i class=\"fas fa-globe\"><\/i><\/div>\n <div class=\"info\"><span class=\"label\">\u5b98\u65b9\u7f51\u7ad9<\/span><span class=\"value\"><a href=\"https:\/\/www.xlbgs.com\" target=\"_blank\">www.xlbgs.com<\/a><\/span><\/div>\n <\/div>\n <div class=\"contact-card full-width\">\n <div class=\"icon pink\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\n <div class=\"info\"><span class=\"label\">\u516c\u53f8\u5730\u5740<\/span><span class=\"value\">\u9655\u897f\u7701\u897f\u5b89\u5e02\u9ad8\u65b0\u533a\u79d1\u6280\u4e8c\u8def65\u53f7<\/span><\/div>\n <\/div>\n <\/div>\n <div class=\"footer-note-modal\">\n <span><i class=\"fas fa-clock\"><\/i> \u5de5\u4f5c\u65e5 8:30-18:00<\/span>\n <span><i class=\"fas fa-comment-dots\"><\/i> 7\u00d712\u5c0f\u65f6\u5728\u7ebf\u54a8\u8be2<\/span>\n <span><i class=\"fas fa-shield-alt\"><\/i> \u4e13\u4e1a \u00b7 \u9ad8\u6548 \u00b7 \u53ef\u9760<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- ============================================================ -->\n <!-- \ud83d\udd25 JS\u529f\u80fd -->\n <!-- ============================================================ -->\n <script>\n (function() {\n 'use strict';\n\n \/\/ ==========================================\n \/\/ 1. \u4fa7\u680f\u5bfc\u822a\u5e73\u6ed1\u6eda\u52a8 + \u9ad8\u4eae\n \/\/ ==========================================\n var navLinks = document.querySelectorAll('.product-sidebar .nav-link');\n var sections = ['section-spectrum', 'section-thermal', 'section-surface', 'section-general', 'section-petrochemical'];\n\n function updateActiveNav() {\n var scrollY = window.pageYOffset || document.documentElement.scrollTop;\n var activeId = sections[0];\n sections.forEach(function(id) {\n var el = document.getElementById(id);\n if (el) {\n var rect = el.getBoundingClientRect();\n if (rect.top <= 120) {\n activeId = id;\n }\n }\n });\n navLinks.forEach(function(link) {\n link.classList.remove('active');\n if (link.getAttribute('href') === '#' + activeId) {\n link.classList.add('active');\n }\n });\n }\n\n navLinks.forEach(function(link) {\n link.addEventListener('click', function(e) {\n e.preventDefault();\n var targetId = this.getAttribute('href').substring(1);\n var target = document.getElementById(targetId);\n if (target) {\n var offset = 80;\n var top = target.getBoundingClientRect().top + window.pageYOffset - offset;\n window.scrollTo({ top: top, behavior: 'smooth' });\n }\n });\n });\n\n window.addEventListener('scroll', function() {\n requestAnimationFrame(updateActiveNav);\n });\n setTimeout(updateActiveNav, 300);\n\n \/\/ ==========================================\n \/\/ 2. \u4ea7\u54c1\u68c0\u7d22\uff08\u539f\u6709\u529f\u80fd\uff09\n \/\/ ==========================================\n var allItems = document.querySelectorAll('.product-item');\n var searchInput = document.getElementById('productSearchInput');\n var clearBtn = document.getElementById('searchClearBtn');\n var totalCountEl = document.getElementById('totalCount');\n var resultCountEl = document.getElementById('resultCount');\n var searchResultText = document.getElementById('searchResultText');\n var searchStatsText = document.getElementById('searchStatsText');\n\n var imageCountMap = {\n 'X\u5c04\u7ebf\u884d\u5c04\u4eea': 3,\n '\u6c14\u76f8\u8272\u8c31\u4eea': 2,\n '\u5168\u81ea\u52a8\u998f\u7a0b\u6d4b\u5b9a\u4eea': 1,\n '\u95ea\u70b9\u6d4b\u5b9a\u4eea': 2,\n '\u5168\u81ea\u52a8\u6bd4\u8868\u9762\u79ef\u53ca\u5b54\u5f84\u5206\u6790\u4eea': 5,\n '\u52a8\u6001\u9897\u7c92\u56fe\u50cf\u7c92\u5ea6\u7c92\u5f62\u5206\u6790\u4eea': 10,\n '\u5747\u76f8\u53cd\u5e94\u5668': 1,\n '\u6c34\u5206\u4eea': 1,\n '\u81ea\u52a8\u7535\u4f4d\u6ef4\u5b9a\u4eea': 1,\n '\u5367\u5f0f\u7535\u70ed\u9f13\u98ce\u5e72\u71e5\u7bb1': 1\n };\n allItems.forEach(function(item) {\n var name = item.getAttribute('data-name') || '';\n var count = 0;\n for (var key in imageCountMap) {\n if (name.indexOf(key) !== -1) {\n count = imageCountMap[key];\n break;\n }\n }\n if (count > 0) {\n item.setAttribute('data-images', count);\n }\n });\n\n function updateCounts(visibleCount) {\n var total = allItems.length;\n totalCountEl.textContent = total;\n if (visibleCount === total) {\n searchResultText.style.display = 'none';\n searchStatsText.innerHTML = '\u5171 <strong>' + total + '<\/strong> \u6b3e\u4ea7\u54c1';\n } else {\n searchResultText.style.display = 'inline';\n resultCountEl.textContent = visibleCount;\n searchStatsText.innerHTML = '\u5171 <strong>' + total + '<\/strong> \u6b3e\u4ea7\u54c1\uff0c\u7b5b\u9009\u51fa <strong>' + visibleCount + '<\/strong> \u6b3e';\n }\n }\n\n function filterProducts(keyword) {\n var trimmed = keyword.trim().toLowerCase();\n var visibleCount = 0;\n allItems.forEach(function(item) {\n var name = item.getAttribute('data-name') || '';\n var match = trimmed === '' || name.toLowerCase().indexOf(trimmed) !== -1;\n if (match) {\n item.style.display = '';\n visibleCount++;\n } else {\n item.style.display = 'none';\n }\n });\n if (trimmed !== '') {\n clearBtn.style.display = 'flex';\n } else {\n clearBtn.style.display = 'none';\n }\n updateCounts(visibleCount);\n var emptyState = document.querySelector('.search-empty-state');\n if (visibleCount === 0 && trimmed !== '') {\n if (!emptyState) {\n emptyState = document.createElement('div');\n emptyState.className = 'search-empty-state';\n emptyState.innerHTML = '<i class=\"fas fa-search\" style=\"font-size:32px;color:#d0d8e0;display:block;margin-bottom:12px;\"><\/i><p style=\"font-size:16px;color:#8a9bb0;\">\u672a\u627e\u5230\u5339\u914d\u7684\u4ea7\u54c1<\/p><p style=\"font-size:13px;color:#b0c0d0;\">\u8bf7\u5c1d\u8bd5\u5176\u4ed6\u5173\u952e\u8bcd<\/p>';\n var searchArea = document.querySelector('.search-area');\n searchArea.parentNode.insertBefore(emptyState, searchArea.nextSibling);\n }\n emptyState.style.display = 'block';\n } else {\n if (emptyState) {\n emptyState.style.display = 'none';\n }\n }\n }\n\n searchInput.addEventListener('input', function() {\n filterProducts(this.value);\n });\n clearBtn.addEventListener('click', function() {\n searchInput.value = '';\n filterProducts('');\n searchInput.focus();\n });\n totalCountEl.textContent = allItems.length;\n searchStatsText.innerHTML = '\u5171 <strong>' + allItems.length + '<\/strong> \u6b3e\u4ea7\u54c1';\n allItems.forEach(function(item) {\n item.style.display = '';\n });\n searchInput.addEventListener('keydown', function(e) {\n if (e.key === 'Escape') {\n clearBtn.click();\n }\n });\n console.log('\ud83d\udd0d \u4ea7\u54c1\u68c0\u7d22\u5df2\u542f\u52a8\uff0c\u5171 ' + allItems.length + ' \u6b3e\u4ea7\u54c1');\n\n \/\/ ==========================================\n \/\/ 3. \u8be2\u4ef7\u5f39\u7a97\n \/\/ ==========================================\n var overlay = document.getElementById('inquiryOverlay');\n var openBtn = document.getElementById('inquiryBtn');\n var closeBtn = document.getElementById('inquiryCloseBtn');\n\n function openInquiry() {\n overlay.classList.add('active');\n document.body.style.overflow = 'hidden';\n }\n\n function closeInquiry() {\n overlay.classList.remove('active');\n document.body.style.overflow = '';\n }\n\n openBtn.addEventListener('click', openInquiry);\n closeBtn.addEventListener('click', closeInquiry);\n overlay.addEventListener('click', function(e) {\n if (e.target === overlay) {\n closeInquiry();\n }\n });\n document.addEventListener('keydown', function(e) {\n if (e.key === 'Escape' && overlay.classList.contains('active')) {\n closeInquiry();\n }\n });\n })();\n <\/script>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u4ea7\u54c1\u4e2d\u5fc3 \u00b7 \u65b0\u84dd\u6807\u79d1\u6280 \u4ea7\u54c1\u5206\u7c7b \u5149\u8c31\u4e0e\u8272\u8c31 9 \u70ed\u5206\u6790\u4e0e\u7269\u6027 10 \u8868\u9762\u4e0e\u9897\u7c92 2 \u524d\u5904\u7406\u4e0e\u901a\u7528 14 \u77f3 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-269","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.xlbgs.com\/index.php\/wp-json\/wp\/v2\/pages\/269","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.xlbgs.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.xlbgs.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.xlbgs.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.xlbgs.com\/index.php\/wp-json\/wp\/v2\/comments?post=269"}],"version-history":[{"count":14,"href":"https:\/\/www.xlbgs.com\/index.php\/wp-json\/wp\/v2\/pages\/269\/revisions"}],"predecessor-version":[{"id":486,"href":"https:\/\/www.xlbgs.com\/index.php\/wp-json\/wp\/v2\/pages\/269\/revisions\/486"}],"wp:attachment":[{"href":"https:\/\/www.xlbgs.com\/index.php\/wp-json\/wp\/v2\/media?parent=269"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}