Custom Industrial Distribution Box Solution<\/title>\r\n\r\n\r\n <style>\r\n :root {\r\n --primary: #0f4c81;\r\n --primary-dark: #0a3a63;\r\n --accent: #f59e0b;\r\n --whatsapp: #25d366;\r\n --whatsapp-hover: #1ebe57;\r\n --bg: #f3f4f6;\r\n --card-bg: #ffffff;\r\n --border: #e5e7eb;\r\n --text-main: #111827;\r\n --text-sub: #6b7280;\r\n --radius: 12px;\r\n --shadow-sm: 0 2px 4px rgba(0,0,0,0.06);\r\n --shadow-md: 0 8px 24px rgba(0,0,0,0.08);\r\n --header-height: 68px;\r\n }\r\n\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n body {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n background: var(--bg);\r\n color: var(--text-main);\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n text-rendering: optimizeLegibility;\r\n font-size: 18px;\r\n }\r\n\r\n \/* \u2705 \u5bb9\u5668\u5bbd\u5ea6\u4e0e\u95f4\u8ddd *\/\r\n .main-container {\r\n max-width: 1440px;\r\n margin: 2.5rem auto;\r\n padding: 0 2rem;\r\n display: grid;\r\n grid-template-columns: 1fr 480px;\r\n gap: 2.5rem;\r\n align-items: start;\r\n }\r\n\r\n \/* ========== Left Configuration Panel ========== *\/\r\n .config-panel {\r\n background: var(--card-bg);\r\n border-radius: var(--radius);\r\n border: 1px solid var(--border);\r\n overflow: hidden;\r\n box-shadow: var(--shadow-sm);\r\n }\r\n .panel-header {\r\n background: #f9fafb;\r\n padding: 1.5rem 2rem;\r\n border-bottom: 1px solid var(--border);\r\n font-weight: 700;\r\n font-size: 1.35rem;\r\n color: var(--primary);\r\n letter-spacing: -0.01em;\r\n }\r\n .panel-body { padding: 2.25rem; }\r\n .form-section { margin-bottom: 2.5rem; }\r\n .form-section:last-child { margin-bottom: 0; }\r\n .section-title {\r\n font-size: 0.95rem;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n color: var(--text-sub);\r\n margin-bottom: 1.1rem;\r\n border-left: 4px solid var(--accent);\r\n padding-left: 0.75rem;\r\n letter-spacing: 0.06em;\r\n }\r\n .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }\r\n .form-group { display: flex; flex-direction: column; gap: 0.5rem; }\r\n .form-group.full { grid-column: 1 \/ -1; }\r\n\r\n label {\r\n font-size: 1rem;\r\n font-weight: 600;\r\n color: var(--text-main);\r\n letter-spacing: 0.01em;\r\n }\r\n\r\n select, input[type=\"number\"], input[type=\"text\"] {\r\n padding: 0.85rem 1rem;\r\n border: 1px solid var(--border);\r\n border-radius: 10px;\r\n font-size: 1.05rem;\r\n font-family: inherit;\r\n outline: none;\r\n background: #fff;\r\n color: var(--text-main);\r\n transition: border-color 0.2s, box-shadow 0.2s;\r\n }\r\n select:focus, input:focus {\r\n border-color: var(--primary);\r\n box-shadow: 0 0 0 4px rgba(15,76,129,0.12);\r\n }\r\n select {\r\n appearance: none;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='14' height='14' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'\/%3E%3C\/svg%3E\");\r\n background-repeat: no-repeat;\r\n background-position: right 1rem center;\r\n padding-right: 2.5rem;\r\n cursor: pointer;\r\n }\r\n input[type=\"number\"]::-webkit-outer-spin-button,\r\n input[type=\"number\"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }\r\n input[type=\"number\"] { -moz-appearance: textfield; }\r\n\r\n .checkbox-group { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 0.4rem; }\r\n .checkbox-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n font-size: 0.95rem;\r\n font-weight: 500;\r\n cursor: pointer;\r\n padding: 0.55rem 1rem;\r\n border: 1px solid var(--border);\r\n border-radius: 24px;\r\n transition: all 0.2s;\r\n user-select: none;\r\n color: var(--text-sub);\r\n }\r\n .checkbox-item:has(input:checked) {\r\n background: var(--primary);\r\n color: #fff;\r\n border-color: var(--primary);\r\n font-weight: 600;\r\n }\r\n .checkbox-item input { display: none; }\r\n\r\n \/* ========== Right Preview & Contact ========== *\/\r\n .preview-card {\r\n background: var(--card-bg);\r\n border-radius: var(--radius);\r\n border: 1px solid var(--border);\r\n position: sticky;\r\n top: 28px; \/* \u539f\u4e3a calc(var(--header-height) + 28px)\uff0c\u5220\u9664 header \u540e\u6539\u4e3a 28px *\/\r\n overflow: hidden;\r\n box-shadow: var(--shadow-sm);\r\n }\r\n .preview-area {\r\n background: linear-gradient(135deg, #eef2f7 0%, #dde3ed 100%);\r\n padding: 2rem;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.25rem;\r\n }\r\n .product-image {\r\n width: 100%;\r\n height: 340px;\r\n object-fit: cover;\r\n border-radius: 10px;\r\n border: 1px solid var(--border);\r\n background: #fff;\r\n display: block;\r\n }\r\n .spec-tags { display: flex; flex-wrap: wrap; gap: 0.5rem; }\r\n .spec-tag {\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n padding: 0.3rem 0.7rem;\r\n border-radius: 6px;\r\n background: rgba(15,76,129,0.08);\r\n color: var(--primary);\r\n letter-spacing: 0.01em;\r\n }\r\n\r\n .contact-area { padding: 2rem; display: flex; flex-direction: column; gap: 1rem; }\r\n .contact-title {\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n color: var(--text-sub);\r\n margin-bottom: 0.2rem;\r\n letter-spacing: 0.01em;\r\n }\r\n\r\n .btn {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.6rem;\r\n padding: 1.1rem;\r\n border-radius: 10px;\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n font-family: inherit;\r\n text-decoration: none;\r\n transition: all 0.2s;\r\n border: none;\r\n cursor: pointer;\r\n width: 100%;\r\n letter-spacing: 0.01em;\r\n }\r\n .btn-whatsapp { background: var(--whatsapp); color: #fff; }\r\n .btn-whatsapp:hover {\r\n background: var(--whatsapp-hover);\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 18px rgba(37,211,102,0.35);\r\n }\r\n .btn-contact { background: var(--primary); color: #fff; }\r\n .btn-contact:hover {\r\n background: var(--primary-dark);\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 18px rgba(15,76,129,0.35);\r\n }\r\n .btn svg { width: 24px; height: 24px; fill: currentColor; flex-shrink: 0; }\r\n\r\n .note {\r\n font-size: 0.85rem;\r\n color: var(--text-sub);\r\n text-align: center;\r\n margin-top: 0.3rem;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* \u2705 \u79fb\u52a8\u7aef\u9002\u914d *\/\r\n @media (max-width: 1000px) {\r\n .main-container {\r\n grid-template-columns: 1fr;\r\n padding: 0 1.25rem;\r\n margin: 1.5rem auto;\r\n }\r\n .preview-card { position: static; }\r\n .form-grid { grid-template-columns: 1fr; }\r\n .product-image { height: 280px; }\r\n }\r\n\r\n @media (max-width: 560px) {\r\n body { font-size: 16px; }\r\n .panel-body { padding: 1.5rem; }\r\n .panel-header { padding: 1.25rem 1.5rem; font-size: 1.15rem; }\r\n .preview-area, .contact-area { padding: 1.5rem; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"main-container\">\r\n \r\n <div class=\"config-panel\">\r\n <div class=\"panel-header\">\ud83d\udccb Distribution Box Customization<\/div>\r\n <div class=\"panel-body\">\r\n <div class=\"form-section\">\r\n <div class=\"section-title\">Basic Specifications<\/div>\r\n <div class=\"form-grid\">\r\n <div class=\"form-group\">\r\n <label for=\"boxType\">Box Type<\/label>\r\n <select id=\"boxType\">\r\n <option value=\"lighting\">Lighting Distribution Box (PZ30)<\/option>\r\n <option value=\"power\">Power Distribution Box (XL-21)<\/option>\r\n <option value=\"distribution\">Low-Voltage Cabinet (GGD)<\/option>\r\n <option value=\"control\">Control Box (JK)<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"material\">Enclosure Material<\/label>\r\n <select id=\"material\">\r\n <option value=\"coldRolled\">Cold-Rolled Steel (SPCC)<\/option>\r\n <option value=\"stainless\">Stainless Steel 304<\/option>\r\n <option value=\"galvanized\">Galvanized Steel<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"ipRating\">Protection Rating<\/label>\r\n <select id=\"ipRating\">\r\n <option value=\"IP30\">IP30 Indoor Standard<\/option>\r\n <option value=\"IP44\">IP44 Splash-Proof<\/option>\r\n <option value=\"IP54\">IP54 Dust & Water Resistant<\/option>\r\n <option value=\"IP65\">IP65 Fully Sealed<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"thickness\">Plate Thickness<\/label>\r\n <select id=\"thickness\">\r\n <option value=\"1.0\">1.0mm Standard<\/option>\r\n <option value=\"1.2\">1.2mm Reinforced<\/option>\r\n <option value=\"1.5\">1.5mm Industrial Grade<\/option>\r\n <option value=\"2.0\">2.0mm Heavy Duty<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-section\">\r\n <div class=\"section-title\">Electrical Parameters<\/div>\r\n <div class=\"form-grid\">\r\n <div class=\"form-group\">\r\n <label for=\"ratedVoltage\">Rated Voltage<\/label>\r\n <select id=\"ratedVoltage\">\r\n <option value=\"220\">AC 220V \/ 110V Single-Phase<\/option>\r\n <option value=\"380\" selected>AC 380V Three-Phase<\/option>\r\n <option value=\"660\">AC 660V Industrial<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"ratedCurrent\">Main Switch Rated Current (A)<\/label>\r\n <select id=\"ratedCurrent\">\r\n <option value=\"63\">63A<\/option>\r\n <option value=\"100\">100A<\/option>\r\n <option value=\"160\">160A<\/option>\r\n <option value=\"250\">250A<\/option>\r\n <option value=\"400\">400A<\/option>\r\n <option value=\"630\">630A<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"circuits\">Number of Outgoing Circuits<\/label>\r\n <input type=\"number\" id=\"circuits\" min=\"2\" max=\"48\" value=\"12\" step=\"1\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"busbar\">Busbar Specification<\/label>\r\n <select id=\"busbar\">\r\n <option value=\"standard\">Standard Copper Busbar<\/option>\r\n <option value=\"tinned\">Tin-Plated Copper Busbar<\/option>\r\n <option value=\"silver\">Silver-Plated Copper Busbar<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-section\">\r\n <div class=\"section-title\">Additional Features & Accessories<\/div>\r\n <div class=\"checkbox-group\">\r\n <label class=\"checkbox-item\"><input type=\"checkbox\" value=\"Surge Protector (SPD)\"> Surge Protector (SPD)<\/label>\r\n <label class=\"checkbox-item\"><input type=\"checkbox\" value=\"RCD Main Switch\"> RCD Main Switch<\/label>\r\n <label class=\"checkbox-item\"><input type=\"checkbox\" value=\"Smart Meter Module\"> Smart Meter Module<\/label>\r\n <label class=\"checkbox-item\"><input type=\"checkbox\" value=\"Temp & Humidity Controller\"> Temp & Humidity Controller<\/label>\r\n <label class=\"checkbox-item\"><input type=\"checkbox\" value=\"ATS Dual Power Switch\"> ATS Dual Power Switch<\/label>\r\n <label class=\"checkbox-item\"><input type=\"checkbox\" value=\"Observation Window\"> Observation Window<\/label>\r\n <label class=\"checkbox-item\"><input type=\"checkbox\" value=\"Cooling Fan\"> Cooling Fan<\/label>\r\n <label class=\"checkbox-item\"><input type=\"checkbox\" value=\"Custom Nameplate Engraving\"> Custom Nameplate Engraving<\/label>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-section\">\r\n <div class=\"section-title\">Special Requirements<\/div>\r\n <div class=\"form-group full\">\r\n <label for=\"remarks\">Dimensions \/ Cutouts \/ Other Notes<\/label>\r\n <input type=\"text\" id=\"remarks\" placeholder=\"e.g. Non-standard size 500\u00d7400\u00d7200, bottom cutout \u03c632\u00d74...\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"preview-card\">\r\n <div class=\"preview-area\">\r\n <img decoding=\"async\" class=\"product-image\" id=\"productImage\"\r\n src=\"https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/09\/20230909000712631279.jpg\"\r\n alt=\"Distribution Box Product Image\"\r\n loading=\"lazy\"\r\n onerror=\"this.style.background='#eef2f7';this.style.objectFit='none';\">\r\n <div class=\"spec-tags\" id=\"specTags\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-area\">\r\n <div class=\"contact-title\">Get Custom Solution & Quotation<\/div>\r\n\r\n <a href=\"https:\/\/wa.me\/8615825688933?text=Hello,%20I%20need%20to%20customize%20a%20distribution%20box.\"\r\n class=\"btn btn-whatsapp\" target=\"_blank\" rel=\"noopener\" id=\"whatsappBtn\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n Chat on WhatsApp\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.montoli99.com\/?frequently-asked-que=message\"\r\n class=\"btn btn-contact\" target=\"_blank\" rel=\"noopener\" id=\"contactBtn\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\r\n Send Inquiry via Website\r\n <\/a>\r\n\r\n <div class=\"note\">Engineers respond within 1 business day<br>Non-standard drawing customization supported<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n const TYPE_NAMES = {\r\n lighting: 'Lighting Dist. Box',\r\n power: 'Power Dist. Box',\r\n distribution: 'LV Cabinet',\r\n control: 'Control Box'\r\n };\r\n const MAT_NAMES = {\r\n coldRolled: 'Cold-Rolled Steel',\r\n stainless: 'SS304',\r\n galvanized: 'Galvanized Steel'\r\n };\r\n\r\n \/\/ \u26a0\ufe0f \u6240\u6709\u7c7b\u578b\u5171\u7528\u540c\u4e00\u5f20\u5360\u4f4d\u56fe\uff0c\u5982\u9700\u533a\u5206\u8bf7\u66ff\u6362\u4e3a\u5404\u81ea\u56fe\u7247 URL\r\n const PRODUCT_IMAGES = {\r\n lighting: 'https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/09\/20230909000712631279.jpg',\r\n power: 'https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/09\/20230909000712631279.jpg',\r\n distribution: 'https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/09\/20230909000712631279.jpg',\r\n control: 'https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/09\/20230909000712631279.jpg'\r\n };\r\n\r\n const els = {\r\n boxType: document.getElementById('boxType'),\r\n material: document.getElementById('material'),\r\n ipRating: document.getElementById('ipRating'),\r\n thickness: document.getElementById('thickness'),\r\n ratedVoltage: document.getElementById('ratedVoltage'),\r\n ratedCurrent: document.getElementById('ratedCurrent'),\r\n circuits: document.getElementById('circuits'),\r\n busbar: document.getElementById('busbar'),\r\n remarks: document.getElementById('remarks'),\r\n checkboxes: document.querySelectorAll('.checkbox-item input'),\r\n productImage: document.getElementById('productImage'),\r\n specTags: document.getElementById('specTags'),\r\n whatsappBtn: document.getElementById('whatsappBtn')\r\n };\r\n\r\n function getConfigSummary() {\r\n const type = els.boxType.value;\r\n const mat = els.material.value;\r\n const ip = els.ipRating.value;\r\n const voltage = els.ratedVoltage.value;\r\n const current = els.ratedCurrent.value;\r\n const circuits = Math.max(2, Math.min(48, parseInt(els.circuits.value, 10) || 2));\r\n const busbarText = els.busbar.options[els.busbar.selectedIndex].text;\r\n const addons = [...els.checkboxes].filter(c => c.checked).map(c => c.value);\r\n const remarks = els.remarks.value.trim();\r\n\r\n return {\r\n tags: [\r\n TYPE_NAMES[type],\r\n MAT_NAMES[mat],\r\n ip,\r\n `AC${voltage}V`,\r\n `${current}A`,\r\n `${circuits} Circuits`\r\n ],\r\n text: `Distribution Box Custom Inquiry\\nType: ${TYPE_NAMES[type]}\\nMaterial: ${MAT_NAMES[mat]} ${els.thickness.value}mm\\nProtection: ${ip}\\nVoltage: AC${voltage}V\\nMain Switch: ${current}A\\nCircuits: ${circuits}\\nBusbar: ${busbarText}${addons.length ? '\\nAccessories: ' + addons.join(', ') : ''}${remarks ? '\\nRemarks: ' + remarks : ''}`\r\n };\r\n }\r\n\r\n function update() {\r\n const config = getConfigSummary();\r\n els.productImage.src = PRODUCT_IMAGES[els.boxType.value] || PRODUCT_IMAGES.lighting;\r\n els.specTags.innerHTML = config.tags\r\n .map(t => `<span class=\"spec-tag\">${t}<\/span>`)\r\n .join('');\r\n const waBase = els.whatsappBtn.href.split('?text=')[0];\r\n els.whatsappBtn.href = `${waBase}?text=${encodeURIComponent(config.text)}`;\r\n }\r\n\r\n \/\/ \u76d1\u542c\u4e0b\u62c9\u4e0e\u8f93\u5165\r\n [els.boxType, els.material, els.ipRating, els.thickness,\r\n els.ratedVoltage, els.ratedCurrent, els.busbar]\r\n .forEach(el => el.addEventListener('change', update));\r\n\r\n [els.circuits, els.remarks]\r\n .forEach(el => el.addEventListener('input', update));\r\n\r\n els.checkboxes.forEach(cb => cb.addEventListener('change', update));\r\n\r\n \/\/ \u2705 \u5931\u7126\u65f6\u4fee\u6b63 circuit \u6570\u503c\u8303\u56f4\r\n els.circuits.addEventListener('blur', () => {\r\n const v = Math.max(2, Math.min(48, parseInt(els.circuits.value, 10) || 2));\r\n els.circuits.value = v;\r\n update();\r\n });\r\n\r\n update();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ac77ef6 e-flex e-con-boxed e-con e-parent\" data-id=\"ac77ef6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-02db774 elementor-widget elementor-widget-html\" data-id=\"02db774\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<style>\r\n \/* \u5bb9\u5668\u6837\u5f0f\uff0c\u5305\u542b\u9876\u90e8\u7684\u7ea2\u7ebf *\/\r\n .product-header {\r\n width: 300px; \/* \u6839\u636e\u9700\u6c42\u8c03\u6574\u5bbd\u5ea6 *\/\r\n border-top: 2px solid #c0392b; \/* \u9876\u90e8\u7684\u7ea2\u8272\u7c97\u7ebf *\/\r\n padding-top: 15px; \/* \u7ea2\u7ebf\u548c\u6587\u5b57\u4e4b\u95f4\u7684\u95f4\u8ddd *\/\r\n }\r\n\r\n \/* \u6587\u5b57\u6837\u5f0f *\/\r\n .product-header h2 {\r\n font-family: Arial, Helvetica, sans-serif;\r\n color: #c0392b; \/* \u6587\u5b57\u7684\u989c\u8272\uff08\u7ea2\u8272\uff09 *\/\r\n font-size: 32px; \/* \u6587\u5b57\u7684\u5927\u5c0f *\/\r\n font-weight: bold; \/* \u7c97\u4f53 *\/\r\n margin: 0; \/* \u79fb\u9664\u9ed8\u8ba4\u7684\u5916\u8fb9\u8ddd *\/\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"product-header\">\r\n <h2>Product Details<\/h2>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d5eebe9 e-flex e-con-boxed e-con e-parent\" data-id=\"d5eebe9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b3c482 elementor-widget elementor-widget-html\" data-id=\"3b3c482\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"zh-CN\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>\u56fe\u7247\u5361\u7247\u5899<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n min-height: 100vh;\r\n background: linear-gradient(135deg, #1a1a2e, #16213e, #0f3460);\r\n font-family: \"Microsoft YaHei\", sans-serif;\r\n padding: 40px 20px;\r\n color: #fff;\r\n }\r\n\r\n \/* \u5361\u7247\u7f51\u683c *\/\r\n .grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 36px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* ===== \u56fe\u7247\u5361\u7247\uff08\u9759\u6001\uff0c\u4e0d\u53ef\u70b9\u51fb\uff09===== *\/\r\n .card {\r\n display: block;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n background: rgba(255, 255, 255, 0.05);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);\r\n \/* \u79fb\u9664\u4e86 cursor: pointer; \u56e0\u4e3a\u4e0d\u518d\u662f\u94fe\u63a5 *\/\r\n }\r\n\r\n \/* \u56fe\u7247\u533a\u57df *\/\r\n .card .img-box {\r\n width: 100%;\r\n height: 260px;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n\r\n .card .img-box img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n \/* ===== \u5e73\u677f\u7aef\u9002\u914d (769px - 1024px) ===== *\/\r\n @media (max-width: 1024px) {\r\n .grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 28px;\r\n }\r\n\r\n .card .img-box {\r\n height: 230px;\r\n }\r\n\r\n .card {\r\n box-shadow: 0 6px 24px rgba(0, 0, 0, 0.3);\r\n }\r\n }\r\n\r\n \/* ===== \u624b\u673a\u7aef\u9002\u914d (\u2264768px) ===== *\/\r\n @media (max-width: 768px) {\r\n body {\r\n padding: 24px 16px;\r\n }\r\n\r\n .grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n\r\n .card .img-box {\r\n height: 210px;\r\n }\r\n\r\n .card {\r\n border-radius: 12px;\r\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);\r\n }\r\n }\r\n\r\n \/* ===== \u5c0f\u5c4f\u624b\u673a\u9002\u914d (\u2264480px) ===== *\/\r\n @media (max-width: 480px) {\r\n .card .img-box {\r\n height: 180px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"grid\">\r\n\r\n <div class=\"card\">\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/09\/20230909000712631265.jpg\" alt=\"\u5c55\u793a\u56fe 1\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/09\/20230909000712631264.jpg\" alt=\"\u5c55\u793a\u56fe 2\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/09\/20230909000712631269.jpg\" alt=\"\u5c55\u793a\u56fe 3\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/09\/20230909000712631268.jpg\" alt=\"\u5c55\u793a\u56fe 4\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/09\/20230909000712631267.jpg\" alt=\"\u5c55\u793a\u56fe 5\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/09\/20230909000712631266.jpg\" alt=\"\u5c55\u793a\u56fe 6\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/09\/20230909000712631263-2.jpg\" alt=\"\u5c55\u793a\u56fe 7\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"card\">\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/09\/20230909000712631289.jpg\" alt=\"\u5c55\u793a\u56fe 8\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"card\">\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/09\/202309090007126312989.jpg\" alt=\"\u5c55\u793a\u56fe 9\">\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Custom Industrial Distribution Box Solution \ud83d\udccb Distribution Box Customization Basic Specifications Box Type…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":7,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\r\n<title>Service Support - montoli<\/title>\r\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/www.montoli99.com\/?page_id=15\" \/>\r\n<meta property=\"og:locale\" content=\"en_US\" \/>\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"Service Support - montoli\" \/>\r\n<meta property=\"og:description\" content=\"Custom Industrial Distribution Box Solution \ud83d\udccb Distribution Box Customization Basic Specifications Box Type…\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/www.montoli99.com\/?page_id=15\" \/>\r\n<meta property=\"og:site_name\" content=\"montoli\" \/>\r\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/profile.php?id=61590495013067\" \/>\r\n<meta property=\"article:modified_time\" content=\"2026-09-15T18:06:17+00:00\" \/>\r\n<meta property=\"og:image\" content=\"https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/09\/20230909000712631279.jpg\" \/>\r\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n<meta name=\"twitter:site\" content=\"@wpy8610\" \/>\r\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\r\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.montoli99.com\\\/?page_id=15\",\"url\":\"https:\\\/\\\/www.montoli99.com\\\/?page_id=15\",\"name\":\"Service Support - montoli\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.montoli99.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.montoli99.com\\\/?page_id=15#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.montoli99.com\\\/?page_id=15#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.montoli99.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/20230909000712631279.jpg\",\"datePublished\":\"2026-07-24T13:37:43+00:00\",\"dateModified\":\"2026-09-15T18:06:17+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.montoli99.com\\\/?page_id=15#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.montoli99.com\\\/?page_id=15\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.montoli99.com\\\/?page_id=15#primaryimage\",\"url\":\"https:\\\/\\\/www.montoli99.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/20230909000712631279.jpg\",\"contentUrl\":\"https:\\\/\\\/www.montoli99.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/20230909000712631279.jpg\",\"width\":2048,\"height\":2048},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.montoli99.com\\\/?page_id=15#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\\\/\\\/www.montoli99.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Service Support\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.montoli99.com\\\/#website\",\"url\":\"https:\\\/\\\/www.montoli99.com\\\/\",\"name\":\"montoli\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.montoli99.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.montoli99.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.montoli99.com\\\/#organization\",\"name\":\"montoli\",\"url\":\"https:\\\/\\\/www.montoli99.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.montoli99.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.montoli99.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/fY1bruxMy.jpeg\",\"contentUrl\":\"https:\\\/\\\/www.montoli99.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/fY1bruxMy.jpeg\",\"width\":900,\"height\":290,\"caption\":\"montoli\"},\"image\":{\"@id\":\"https:\\\/\\\/www.montoli99.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/profile.php?id=61590495013067\",\"https:\\\/\\\/x.com\\\/wpy8610\"]}]}<\/script>\r\n","yoast_head_json":{"title":"Service Support - montoli","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.montoli99.com\/?page_id=15","og_locale":"en_US","og_type":"article","og_title":"Service Support - montoli","og_description":"Custom Industrial Distribution Box Solution \ud83d\udccb Distribution Box Customization Basic Specifications Box Type…","og_url":"https:\/\/www.montoli99.com\/?page_id=15","og_site_name":"montoli","article_publisher":"https:\/\/www.facebook.com\/profile.php?id=61590495013067","article_modified_time":"2026-09-15T18:06:17+00:00","og_image":[{"url":"https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/09\/20230909000712631279.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@wpy8610","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.montoli99.com\/?page_id=15","url":"https:\/\/www.montoli99.com\/?page_id=15","name":"Service Support - montoli","isPartOf":{"@id":"https:\/\/www.montoli99.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.montoli99.com\/?page_id=15#primaryimage"},"image":{"@id":"https:\/\/www.montoli99.com\/?page_id=15#primaryimage"},"thumbnailUrl":"https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/09\/20230909000712631279.jpg","datePublished":"2026-07-24T13:37:43+00:00","dateModified":"2026-09-15T18:06:17+00:00","breadcrumb":{"@id":"https:\/\/www.montoli99.com\/?page_id=15#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.montoli99.com\/?page_id=15"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.montoli99.com\/?page_id=15#primaryimage","url":"https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/09\/20230909000712631279.jpg","contentUrl":"https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/09\/20230909000712631279.jpg","width":2048,"height":2048},{"@type":"BreadcrumbList","@id":"https:\/\/www.montoli99.com\/?page_id=15#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.montoli99.com\/"},{"@type":"ListItem","position":2,"name":"Service Support"}]},{"@type":"WebSite","@id":"https:\/\/www.montoli99.com\/#website","url":"https:\/\/www.montoli99.com\/","name":"montoli","description":"","publisher":{"@id":"https:\/\/www.montoli99.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.montoli99.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.montoli99.com\/#organization","name":"montoli","url":"https:\/\/www.montoli99.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.montoli99.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/07\/fY1bruxMy.jpeg","contentUrl":"https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/07\/fY1bruxMy.jpeg","width":900,"height":290,"caption":"montoli"},"image":{"@id":"https:\/\/www.montoli99.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/profile.php?id=61590495013067","https:\/\/x.com\/wpy8610"]}]}},"_links":{"self":[{"href":"https:\/\/www.montoli99.com\/index.php?rest_route=\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.montoli99.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.montoli99.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.montoli99.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.montoli99.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15"}],"version-history":[{"count":25,"href":"https:\/\/www.montoli99.com\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":3342,"href":"https:\/\/www.montoli99.com\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions\/3342"}],"wp:attachment":[{"href":"https:\/\/www.montoli99.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \r\n Custom Industrial Distribution Box Solution<\/title>\r\n\r\n\r\n <style>\r\n :root {\r\n --primary: #0f4c81;\r\n --primary-dark: #0a3a63;\r\n --accent: #f59e0b;\r\n --whatsapp: #25d366;\r\n --whatsapp-hover: #1ebe57;\r\n --bg: #f3f4f6;\r\n --card-bg: #ffffff;\r\n --border: #e5e7eb;\r\n --text-main: #111827;\r\n --text-sub: #6b7280;\r\n --radius: 12px;\r\n --shadow-sm: 0 2px 4px rgba(0,0,0,0.06);\r\n --shadow-md: 0 8px 24px rgba(0,0,0,0.08);\r\n --header-height: 68px;\r\n }\r\n\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n body {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n background: var(--bg);\r\n color: var(--text-main);\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n text-rendering: optimizeLegibility;\r\n font-size: 18px;\r\n }\r\n\r\n \/* \u2705 \u5bb9\u5668\u5bbd\u5ea6\u4e0e\u95f4\u8ddd *\/\r\n .main-container {\r\n max-width: 1440px;\r\n margin: 2.5rem auto;\r\n padding: 0 2rem;\r\n display: grid;\r\n grid-template-columns: 1fr 480px;\r\n gap: 2.5rem;\r\n align-items: start;\r\n }\r\n\r\n \/* ========== Left Configuration Panel ========== *\/\r\n .config-panel {\r\n background: var(--card-bg);\r\n border-radius: var(--radius);\r\n border: 1px solid var(--border);\r\n overflow: hidden;\r\n box-shadow: var(--shadow-sm);\r\n }\r\n .panel-header {\r\n background: #f9fafb;\r\n padding: 1.5rem 2rem;\r\n border-bottom: 1px solid var(--border);\r\n font-weight: 700;\r\n font-size: 1.35rem;\r\n color: var(--primary);\r\n letter-spacing: -0.01em;\r\n }\r\n .panel-body { padding: 2.25rem; }\r\n .form-section { margin-bottom: 2.5rem; }\r\n .form-section:last-child { margin-bottom: 0; }\r\n .section-title {\r\n font-size: 0.95rem;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n color: var(--text-sub);\r\n margin-bottom: 1.1rem;\r\n border-left: 4px solid var(--accent);\r\n padding-left: 0.75rem;\r\n letter-spacing: 0.06em;\r\n }\r\n .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }\r\n .form-group { display: flex; flex-direction: column; gap: 0.5rem; }\r\n .form-group.full { grid-column: 1 \/ -1; }\r\n\r\n label {\r\n font-size: 1rem;\r\n font-weight: 600;\r\n color: var(--text-main);\r\n letter-spacing: 0.01em;\r\n }\r\n\r\n select, input[type=\"number\"], input[type=\"text\"] {\r\n padding: 0.85rem 1rem;\r\n border: 1px solid var(--border);\r\n border-radius: 10px;\r\n font-size: 1.05rem;\r\n font-family: inherit;\r\n outline: none;\r\n background: #fff;\r\n color: var(--text-main);\r\n transition: border-color 0.2s, box-shadow 0.2s;\r\n }\r\n select:focus, input:focus {\r\n border-color: var(--primary);\r\n box-shadow: 0 0 0 4px rgba(15,76,129,0.12);\r\n }\r\n select {\r\n appearance: none;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='14' height='14' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'\/%3E%3C\/svg%3E\");\r\n background-repeat: no-repeat;\r\n background-position: right 1rem center;\r\n padding-right: 2.5rem;\r\n cursor: pointer;\r\n }\r\n input[type=\"number\"]::-webkit-outer-spin-button,\r\n input[type=\"number\"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }\r\n input[type=\"number\"] { -moz-appearance: textfield; }\r\n\r\n .checkbox-group { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 0.4rem; }\r\n .checkbox-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n font-size: 0.95rem;\r\n font-weight: 500;\r\n cursor: pointer;\r\n padding: 0.55rem 1rem;\r\n border: 1px solid var(--border);\r\n border-radius: 24px;\r\n transition: all 0.2s;\r\n user-select: none;\r\n color: var(--text-sub);\r\n }\r\n .checkbox-item:has(input:checked) {\r\n background: var(--primary);\r\n color: #fff;\r\n border-color: var(--primary);\r\n font-weight: 600;\r\n }\r\n .checkbox-item input { display: none; }\r\n\r\n \/* ========== Right Preview & Contact ========== *\/\r\n .preview-card {\r\n background: var(--card-bg);\r\n border-radius: var(--radius);\r\n border: 1px solid var(--border);\r\n position: sticky;\r\n top: 28px; \/* \u539f\u4e3a calc(var(--header-height) + 28px)\uff0c\u5220\u9664 header \u540e\u6539\u4e3a 28px *\/\r\n overflow: hidden;\r\n box-shadow: var(--shadow-sm);\r\n }\r\n .preview-area {\r\n background: linear-gradient(135deg, #eef2f7 0%, #dde3ed 100%);\r\n padding: 2rem;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.25rem;\r\n }\r\n .product-image {\r\n width: 100%;\r\n height: 340px;\r\n object-fit: cover;\r\n border-radius: 10px;\r\n border: 1px solid var(--border);\r\n background: #fff;\r\n display: block;\r\n }\r\n .spec-tags { display: flex; flex-wrap: wrap; gap: 0.5rem; }\r\n .spec-tag {\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n padding: 0.3rem 0.7rem;\r\n border-radius: 6px;\r\n background: rgba(15,76,129,0.08);\r\n color: var(--primary);\r\n letter-spacing: 0.01em;\r\n }\r\n\r\n .contact-area { padding: 2rem; display: flex; flex-direction: column; gap: 1rem; }\r\n .contact-title {\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n color: var(--text-sub);\r\n margin-bottom: 0.2rem;\r\n letter-spacing: 0.01em;\r\n }\r\n\r\n .btn {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.6rem;\r\n padding: 1.1rem;\r\n border-radius: 10px;\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n font-family: inherit;\r\n text-decoration: none;\r\n transition: all 0.2s;\r\n border: none;\r\n cursor: pointer;\r\n width: 100%;\r\n letter-spacing: 0.01em;\r\n }\r\n .btn-whatsapp { background: var(--whatsapp); color: #fff; }\r\n .btn-whatsapp:hover {\r\n background: var(--whatsapp-hover);\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 18px rgba(37,211,102,0.35);\r\n }\r\n .btn-contact { background: var(--primary); color: #fff; }\r\n .btn-contact:hover {\r\n background: var(--primary-dark);\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 18px rgba(15,76,129,0.35);\r\n }\r\n .btn svg { width: 24px; height: 24px; fill: currentColor; flex-shrink: 0; }\r\n\r\n .note {\r\n font-size: 0.85rem;\r\n color: var(--text-sub);\r\n text-align: center;\r\n margin-top: 0.3rem;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* \u2705 \u79fb\u52a8\u7aef\u9002\u914d *\/\r\n @media (max-width: 1000px) {\r\n .main-container {\r\n grid-template-columns: 1fr;\r\n padding: 0 1.25rem;\r\n margin: 1.5rem auto;\r\n }\r\n .preview-card { position: static; }\r\n .form-grid { grid-template-columns: 1fr; }\r\n .product-image { height: 280px; }\r\n }\r\n\r\n @media (max-width: 560px) {\r\n body { font-size: 16px; }\r\n .panel-body { padding: 1.5rem; }\r\n .panel-header { padding: 1.25rem 1.5rem; font-size: 1.15rem; }\r\n .preview-area, .contact-area { padding: 1.5rem; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"main-container\">\r\n \r\n <div class=\"config-panel\">\r\n <div class=\"panel-header\">\ud83d\udccb Distribution Box Customization<\/div>\r\n <div class=\"panel-body\">\r\n <div class=\"form-section\">\r\n <div class=\"section-title\">Basic Specifications<\/div>\r\n <div class=\"form-grid\">\r\n <div class=\"form-group\">\r\n <label for=\"boxType\">Box Type<\/label>\r\n <select id=\"boxType\">\r\n <option value=\"lighting\">Lighting Distribution Box (PZ30)<\/option>\r\n <option value=\"power\">Power Distribution Box (XL-21)<\/option>\r\n <option value=\"distribution\">Low-Voltage Cabinet (GGD)<\/option>\r\n <option value=\"control\">Control Box (JK)<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"material\">Enclosure Material<\/label>\r\n <select id=\"material\">\r\n <option value=\"coldRolled\">Cold-Rolled Steel (SPCC)<\/option>\r\n <option value=\"stainless\">Stainless Steel 304<\/option>\r\n <option value=\"galvanized\">Galvanized Steel<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"ipRating\">Protection Rating<\/label>\r\n <select id=\"ipRating\">\r\n <option value=\"IP30\">IP30 Indoor Standard<\/option>\r\n <option value=\"IP44\">IP44 Splash-Proof<\/option>\r\n <option value=\"IP54\">IP54 Dust & Water Resistant<\/option>\r\n <option value=\"IP65\">IP65 Fully Sealed<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"thickness\">Plate Thickness<\/label>\r\n <select id=\"thickness\">\r\n <option value=\"1.0\">1.0mm Standard<\/option>\r\n <option value=\"1.2\">1.2mm Reinforced<\/option>\r\n <option value=\"1.5\">1.5mm Industrial Grade<\/option>\r\n <option value=\"2.0\">2.0mm Heavy Duty<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-section\">\r\n <div class=\"section-title\">Electrical Parameters<\/div>\r\n <div class=\"form-grid\">\r\n <div class=\"form-group\">\r\n <label for=\"ratedVoltage\">Rated Voltage<\/label>\r\n <select id=\"ratedVoltage\">\r\n <option value=\"220\">AC 220V \/ 110V Single-Phase<\/option>\r\n <option value=\"380\" selected>AC 380V Three-Phase<\/option>\r\n <option value=\"660\">AC 660V Industrial<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"ratedCurrent\">Main Switch Rated Current (A)<\/label>\r\n <select id=\"ratedCurrent\">\r\n <option value=\"63\">63A<\/option>\r\n <option value=\"100\">100A<\/option>\r\n <option value=\"160\">160A<\/option>\r\n <option value=\"250\">250A<\/option>\r\n <option value=\"400\">400A<\/option>\r\n <option value=\"630\">630A<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"circuits\">Number of Outgoing Circuits<\/label>\r\n <input type=\"number\" id=\"circuits\" min=\"2\" max=\"48\" value=\"12\" step=\"1\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"busbar\">Busbar Specification<\/label>\r\n <select id=\"busbar\">\r\n <option value=\"standard\">Standard Copper Busbar<\/option>\r\n <option value=\"tinned\">Tin-Plated Copper Busbar<\/option>\r\n <option value=\"silver\">Silver-Plated Copper Busbar<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-section\">\r\n <div class=\"section-title\">Additional Features & Accessories<\/div>\r\n <div class=\"checkbox-group\">\r\n <label class=\"checkbox-item\"><input type=\"checkbox\" value=\"Surge Protector (SPD)\"> Surge Protector (SPD)<\/label>\r\n <label class=\"checkbox-item\"><input type=\"checkbox\" value=\"RCD Main Switch\"> RCD Main Switch<\/label>\r\n <label class=\"checkbox-item\"><input type=\"checkbox\" value=\"Smart Meter Module\"> Smart Meter Module<\/label>\r\n <label class=\"checkbox-item\"><input type=\"checkbox\" value=\"Temp & Humidity Controller\"> Temp & Humidity Controller<\/label>\r\n <label class=\"checkbox-item\"><input type=\"checkbox\" value=\"ATS Dual Power Switch\"> ATS Dual Power Switch<\/label>\r\n <label class=\"checkbox-item\"><input type=\"checkbox\" value=\"Observation Window\"> Observation Window<\/label>\r\n <label class=\"checkbox-item\"><input type=\"checkbox\" value=\"Cooling Fan\"> Cooling Fan<\/label>\r\n <label class=\"checkbox-item\"><input type=\"checkbox\" value=\"Custom Nameplate Engraving\"> Custom Nameplate Engraving<\/label>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-section\">\r\n <div class=\"section-title\">Special Requirements<\/div>\r\n <div class=\"form-group full\">\r\n <label for=\"remarks\">Dimensions \/ Cutouts \/ Other Notes<\/label>\r\n <input type=\"text\" id=\"remarks\" placeholder=\"e.g. Non-standard size 500\u00d7400\u00d7200, bottom cutout \u03c632\u00d74...\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"preview-card\">\r\n <div class=\"preview-area\">\r\n <img decoding=\"async\" class=\"product-image\" id=\"productImage\"\r\n src=\"https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/09\/20230909000712631279.jpg\"\r\n alt=\"Distribution Box Product Image\"\r\n loading=\"lazy\"\r\n onerror=\"this.style.background='#eef2f7';this.style.objectFit='none';\">\r\n <div class=\"spec-tags\" id=\"specTags\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-area\">\r\n <div class=\"contact-title\">Get Custom Solution & Quotation<\/div>\r\n\r\n <a href=\"https:\/\/wa.me\/8615825688933?text=Hello,%20I%20need%20to%20customize%20a%20distribution%20box.\"\r\n class=\"btn btn-whatsapp\" target=\"_blank\" rel=\"noopener\" id=\"whatsappBtn\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n Chat on WhatsApp\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.montoli99.com\/?frequently-asked-que=message\"\r\n class=\"btn btn-contact\" target=\"_blank\" rel=\"noopener\" id=\"contactBtn\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\r\n Send Inquiry via Website\r\n <\/a>\r\n\r\n <div class=\"note\">Engineers respond within 1 business day<br>Non-standard drawing customization supported<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n const TYPE_NAMES = {\r\n lighting: 'Lighting Dist. Box',\r\n power: 'Power Dist. Box',\r\n distribution: 'LV Cabinet',\r\n control: 'Control Box'\r\n };\r\n const MAT_NAMES = {\r\n coldRolled: 'Cold-Rolled Steel',\r\n stainless: 'SS304',\r\n galvanized: 'Galvanized Steel'\r\n };\r\n\r\n \/\/ \u26a0\ufe0f \u6240\u6709\u7c7b\u578b\u5171\u7528\u540c\u4e00\u5f20\u5360\u4f4d\u56fe\uff0c\u5982\u9700\u533a\u5206\u8bf7\u66ff\u6362\u4e3a\u5404\u81ea\u56fe\u7247 URL\r\n const PRODUCT_IMAGES = {\r\n lighting: 'https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/09\/20230909000712631279.jpg',\r\n power: 'https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/09\/20230909000712631279.jpg',\r\n distribution: 'https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/09\/20230909000712631279.jpg',\r\n control: 'https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/09\/20230909000712631279.jpg'\r\n };\r\n\r\n const els = {\r\n boxType: document.getElementById('boxType'),\r\n material: document.getElementById('material'),\r\n ipRating: document.getElementById('ipRating'),\r\n thickness: document.getElementById('thickness'),\r\n ratedVoltage: document.getElementById('ratedVoltage'),\r\n ratedCurrent: document.getElementById('ratedCurrent'),\r\n circuits: document.getElementById('circuits'),\r\n busbar: document.getElementById('busbar'),\r\n remarks: document.getElementById('remarks'),\r\n checkboxes: document.querySelectorAll('.checkbox-item input'),\r\n productImage: document.getElementById('productImage'),\r\n specTags: document.getElementById('specTags'),\r\n whatsappBtn: document.getElementById('whatsappBtn')\r\n };\r\n\r\n function getConfigSummary() {\r\n const type = els.boxType.value;\r\n const mat = els.material.value;\r\n const ip = els.ipRating.value;\r\n const voltage = els.ratedVoltage.value;\r\n const current = els.ratedCurrent.value;\r\n const circuits = Math.max(2, Math.min(48, parseInt(els.circuits.value, 10) || 2));\r\n const busbarText = els.busbar.options[els.busbar.selectedIndex].text;\r\n const addons = [...els.checkboxes].filter(c => c.checked).map(c => c.value);\r\n const remarks = els.remarks.value.trim();\r\n\r\n return {\r\n tags: [\r\n TYPE_NAMES[type],\r\n MAT_NAMES[mat],\r\n ip,\r\n `AC${voltage}V`,\r\n `${current}A`,\r\n `${circuits} Circuits`\r\n ],\r\n text: `Distribution Box Custom Inquiry\\nType: ${TYPE_NAMES[type]}\\nMaterial: ${MAT_NAMES[mat]} ${els.thickness.value}mm\\nProtection: ${ip}\\nVoltage: AC${voltage}V\\nMain Switch: ${current}A\\nCircuits: ${circuits}\\nBusbar: ${busbarText}${addons.length ? '\\nAccessories: ' + addons.join(', ') : ''}${remarks ? '\\nRemarks: ' + remarks : ''}`\r\n };\r\n }\r\n\r\n function update() {\r\n const config = getConfigSummary();\r\n els.productImage.src = PRODUCT_IMAGES[els.boxType.value] || PRODUCT_IMAGES.lighting;\r\n els.specTags.innerHTML = config.tags\r\n .map(t => `<span class=\"spec-tag\">${t}<\/span>`)\r\n .join('');\r\n const waBase = els.whatsappBtn.href.split('?text=')[0];\r\n els.whatsappBtn.href = `${waBase}?text=${encodeURIComponent(config.text)}`;\r\n }\r\n\r\n \/\/ \u76d1\u542c\u4e0b\u62c9\u4e0e\u8f93\u5165\r\n [els.boxType, els.material, els.ipRating, els.thickness,\r\n els.ratedVoltage, els.ratedCurrent, els.busbar]\r\n .forEach(el => el.addEventListener('change', update));\r\n\r\n [els.circuits, els.remarks]\r\n .forEach(el => el.addEventListener('input', update));\r\n\r\n els.checkboxes.forEach(cb => cb.addEventListener('change', update));\r\n\r\n \/\/ \u2705 \u5931\u7126\u65f6\u4fee\u6b63 circuit \u6570\u503c\u8303\u56f4\r\n els.circuits.addEventListener('blur', () => {\r\n const v = Math.max(2, Math.min(48, parseInt(els.circuits.value, 10) || 2));\r\n els.circuits.value = v;\r\n update();\r\n });\r\n\r\n update();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ac77ef6 e-flex e-con-boxed e-con e-parent\" data-id=\"ac77ef6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-02db774 elementor-widget elementor-widget-html\" data-id=\"02db774\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<style>\r\n \/* \u5bb9\u5668\u6837\u5f0f\uff0c\u5305\u542b\u9876\u90e8\u7684\u7ea2\u7ebf *\/\r\n .product-header {\r\n width: 300px; \/* \u6839\u636e\u9700\u6c42\u8c03\u6574\u5bbd\u5ea6 *\/\r\n border-top: 2px solid #c0392b; \/* \u9876\u90e8\u7684\u7ea2\u8272\u7c97\u7ebf *\/\r\n padding-top: 15px; \/* \u7ea2\u7ebf\u548c\u6587\u5b57\u4e4b\u95f4\u7684\u95f4\u8ddd *\/\r\n }\r\n\r\n \/* \u6587\u5b57\u6837\u5f0f *\/\r\n .product-header h2 {\r\n font-family: Arial, Helvetica, sans-serif;\r\n color: #c0392b; \/* \u6587\u5b57\u7684\u989c\u8272\uff08\u7ea2\u8272\uff09 *\/\r\n font-size: 32px; \/* \u6587\u5b57\u7684\u5927\u5c0f *\/\r\n font-weight: bold; \/* \u7c97\u4f53 *\/\r\n margin: 0; \/* \u79fb\u9664\u9ed8\u8ba4\u7684\u5916\u8fb9\u8ddd *\/\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"product-header\">\r\n <h2>Product Details<\/h2>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d5eebe9 e-flex e-con-boxed e-con e-parent\" data-id=\"d5eebe9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b3c482 elementor-widget elementor-widget-html\" data-id=\"3b3c482\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"zh-CN\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>\u56fe\u7247\u5361\u7247\u5899<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n min-height: 100vh;\r\n background: linear-gradient(135deg, #1a1a2e, #16213e, #0f3460);\r\n font-family: \"Microsoft YaHei\", sans-serif;\r\n padding: 40px 20px;\r\n color: #fff;\r\n }\r\n\r\n \/* \u5361\u7247\u7f51\u683c *\/\r\n .grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 36px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* ===== \u56fe\u7247\u5361\u7247\uff08\u9759\u6001\uff0c\u4e0d\u53ef\u70b9\u51fb\uff09===== *\/\r\n .card {\r\n display: block;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n background: rgba(255, 255, 255, 0.05);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);\r\n \/* \u79fb\u9664\u4e86 cursor: pointer; \u56e0\u4e3a\u4e0d\u518d\u662f\u94fe\u63a5 *\/\r\n }\r\n\r\n \/* \u56fe\u7247\u533a\u57df *\/\r\n .card .img-box {\r\n width: 100%;\r\n height: 260px;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n\r\n .card .img-box img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n \/* ===== \u5e73\u677f\u7aef\u9002\u914d (769px - 1024px) ===== *\/\r\n @media (max-width: 1024px) {\r\n .grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 28px;\r\n }\r\n\r\n .card .img-box {\r\n height: 230px;\r\n }\r\n\r\n .card {\r\n box-shadow: 0 6px 24px rgba(0, 0, 0, 0.3);\r\n }\r\n }\r\n\r\n \/* ===== \u624b\u673a\u7aef\u9002\u914d (\u2264768px) ===== *\/\r\n @media (max-width: 768px) {\r\n body {\r\n padding: 24px 16px;\r\n }\r\n\r\n .grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n\r\n .card .img-box {\r\n height: 210px;\r\n }\r\n\r\n .card {\r\n border-radius: 12px;\r\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);\r\n }\r\n }\r\n\r\n \/* ===== \u5c0f\u5c4f\u624b\u673a\u9002\u914d (\u2264480px) ===== *\/\r\n @media (max-width: 480px) {\r\n .card .img-box {\r\n height: 180px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"grid\">\r\n\r\n <div class=\"card\">\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/09\/20230909000712631265.jpg\" alt=\"\u5c55\u793a\u56fe 1\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/09\/20230909000712631264.jpg\" alt=\"\u5c55\u793a\u56fe 2\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/09\/20230909000712631269.jpg\" alt=\"\u5c55\u793a\u56fe 3\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/09\/20230909000712631268.jpg\" alt=\"\u5c55\u793a\u56fe 4\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/09\/20230909000712631267.jpg\" alt=\"\u5c55\u793a\u56fe 5\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/09\/20230909000712631266.jpg\" alt=\"\u5c55\u793a\u56fe 6\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/09\/20230909000712631263-2.jpg\" alt=\"\u5c55\u793a\u56fe 7\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"card\">\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/09\/20230909000712631289.jpg\" alt=\"\u5c55\u793a\u56fe 8\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"card\">\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/09\/202309090007126312989.jpg\" alt=\"\u5c55\u793a\u56fe 9\">\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Custom Industrial Distribution Box Solution \ud83d\udccb Distribution Box Customization Basic Specifications Box Type…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":7,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\r\n<title>Service Support - montoli<\/title>\r\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/www.montoli99.com\/?page_id=15\" \/>\r\n<meta property=\"og:locale\" content=\"en_US\" \/>\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"Service Support - montoli\" \/>\r\n<meta property=\"og:description\" content=\"Custom Industrial Distribution Box Solution \ud83d\udccb Distribution Box Customization Basic Specifications Box Type…\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/www.montoli99.com\/?page_id=15\" \/>\r\n<meta property=\"og:site_name\" content=\"montoli\" \/>\r\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/profile.php?id=61590495013067\" \/>\r\n<meta property=\"article:modified_time\" content=\"2026-09-15T18:06:17+00:00\" \/>\r\n<meta property=\"og:image\" content=\"https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/09\/20230909000712631279.jpg\" \/>\r\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n<meta name=\"twitter:site\" content=\"@wpy8610\" \/>\r\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\r\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.montoli99.com\\\/?page_id=15\",\"url\":\"https:\\\/\\\/www.montoli99.com\\\/?page_id=15\",\"name\":\"Service Support - montoli\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.montoli99.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.montoli99.com\\\/?page_id=15#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.montoli99.com\\\/?page_id=15#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.montoli99.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/20230909000712631279.jpg\",\"datePublished\":\"2026-07-24T13:37:43+00:00\",\"dateModified\":\"2026-09-15T18:06:17+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.montoli99.com\\\/?page_id=15#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.montoli99.com\\\/?page_id=15\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.montoli99.com\\\/?page_id=15#primaryimage\",\"url\":\"https:\\\/\\\/www.montoli99.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/20230909000712631279.jpg\",\"contentUrl\":\"https:\\\/\\\/www.montoli99.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/20230909000712631279.jpg\",\"width\":2048,\"height\":2048},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.montoli99.com\\\/?page_id=15#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\\\/\\\/www.montoli99.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Service Support\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.montoli99.com\\\/#website\",\"url\":\"https:\\\/\\\/www.montoli99.com\\\/\",\"name\":\"montoli\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.montoli99.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.montoli99.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.montoli99.com\\\/#organization\",\"name\":\"montoli\",\"url\":\"https:\\\/\\\/www.montoli99.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.montoli99.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.montoli99.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/fY1bruxMy.jpeg\",\"contentUrl\":\"https:\\\/\\\/www.montoli99.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/fY1bruxMy.jpeg\",\"width\":900,\"height\":290,\"caption\":\"montoli\"},\"image\":{\"@id\":\"https:\\\/\\\/www.montoli99.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/profile.php?id=61590495013067\",\"https:\\\/\\\/x.com\\\/wpy8610\"]}]}<\/script>\r\n","yoast_head_json":{"title":"Service Support - montoli","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.montoli99.com\/?page_id=15","og_locale":"en_US","og_type":"article","og_title":"Service Support - montoli","og_description":"Custom Industrial Distribution Box Solution \ud83d\udccb Distribution Box Customization Basic Specifications Box Type…","og_url":"https:\/\/www.montoli99.com\/?page_id=15","og_site_name":"montoli","article_publisher":"https:\/\/www.facebook.com\/profile.php?id=61590495013067","article_modified_time":"2026-09-15T18:06:17+00:00","og_image":[{"url":"https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/09\/20230909000712631279.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@wpy8610","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.montoli99.com\/?page_id=15","url":"https:\/\/www.montoli99.com\/?page_id=15","name":"Service Support - montoli","isPartOf":{"@id":"https:\/\/www.montoli99.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.montoli99.com\/?page_id=15#primaryimage"},"image":{"@id":"https:\/\/www.montoli99.com\/?page_id=15#primaryimage"},"thumbnailUrl":"https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/09\/20230909000712631279.jpg","datePublished":"2026-07-24T13:37:43+00:00","dateModified":"2026-09-15T18:06:17+00:00","breadcrumb":{"@id":"https:\/\/www.montoli99.com\/?page_id=15#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.montoli99.com\/?page_id=15"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.montoli99.com\/?page_id=15#primaryimage","url":"https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/09\/20230909000712631279.jpg","contentUrl":"https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/09\/20230909000712631279.jpg","width":2048,"height":2048},{"@type":"BreadcrumbList","@id":"https:\/\/www.montoli99.com\/?page_id=15#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.montoli99.com\/"},{"@type":"ListItem","position":2,"name":"Service Support"}]},{"@type":"WebSite","@id":"https:\/\/www.montoli99.com\/#website","url":"https:\/\/www.montoli99.com\/","name":"montoli","description":"","publisher":{"@id":"https:\/\/www.montoli99.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.montoli99.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.montoli99.com\/#organization","name":"montoli","url":"https:\/\/www.montoli99.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.montoli99.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/07\/fY1bruxMy.jpeg","contentUrl":"https:\/\/www.montoli99.com\/wp-content\/uploads\/2026\/07\/fY1bruxMy.jpeg","width":900,"height":290,"caption":"montoli"},"image":{"@id":"https:\/\/www.montoli99.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/profile.php?id=61590495013067","https:\/\/x.com\/wpy8610"]}]}},"_links":{"self":[{"href":"https:\/\/www.montoli99.com\/index.php?rest_route=\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.montoli99.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.montoli99.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.montoli99.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.montoli99.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15"}],"version-history":[{"count":25,"href":"https:\/\/www.montoli99.com\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":3342,"href":"https:\/\/www.montoli99.com\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions\/3342"}],"wp:attachment":[{"href":"https:\/\/www.montoli99.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}