{"id":2285,"date":"2025-07-10T15:52:11","date_gmt":"2025-07-10T15:52:11","guid":{"rendered":"https:\/\/misrubber.com\/?page_id=2285"},"modified":"2025-07-19T16:10:23","modified_gmt":"2025-07-19T16:10:23","slug":"material","status":"publish","type":"page","link":"https:\/\/misrubber.com\/ru\/material\/","title":{"rendered":"\u041c\u0430\u0442\u0435\u0440\u0438\u0430\u043b"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2285\" class=\"elementor elementor-2285\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56d121b e-con-full e-flex e-con e-parent\" data-id=\"56d121b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1fde19f elementor-widget elementor-widget-html\" data-id=\"1fde19f\" data-element_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    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=no\"\/>\r\n    <title>Rubber Property Comparison Table<\/title>\r\n    <meta name=\"description\" content=\"Interactive rubber property table with mobile-friendly sliding and dropdown filtering.\"\/>\r\n    <style>\r\n        \/* \u5168\u5c40\u6837\u5f0f\u91cd\u7f6e *\/\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n        body {\r\n            font-family: Arial, sans-serif;\r\n            background: #fff; \/* \u7eaf\u767d\u8272\u80cc\u666f *\/\r\n            color: #000; \/* \u7eaf\u9ed1\u8272\u5b57\u4f53 *\/\r\n            padding: 15px;\r\n        }\r\n        \/* \u6807\u9898\u6837\u5f0f *\/\r\n        .filter-title {\r\n            font-size: 18px;\r\n            font-weight: 600;\r\n            margin-bottom: 10px;\r\n            color: #000; \/* \u7eaf\u9ed1\u8272\u5b57\u4f53 *\/\r\n        }\r\n        \/* \u7b5b\u9009\u533a\u6837\u5f0f *\/\r\n        .filter-section {\r\n            background: #fff; \/* \u7eaf\u767d\u8272\u80cc\u666f *\/\r\n            padding: 15px;\r\n            margin-bottom: 15px;\r\n            border-radius: 8px;\r\n            box-shadow: 0 2px 5px rgba(0,0,0,0.1); \/* \u9ed1\u8272\u9634\u5f71 *\/\r\n        }\r\n        \/* \u81ea\u5b9a\u4e49\u4e0b\u62c9\u83dc\u5355 *\/\r\n        .custom-select {\r\n            position: relative;\r\n            width: 100%;\r\n        }\r\n        .select-header {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            width: 100%;\r\n            padding: 10px;\r\n            border: 1px solid #ddd; \/* \u6d45\u7070\u8272\u8fb9\u6846 *\/\r\n            border-radius: 4px;\r\n            font-size: 14px;\r\n            color: #000; \/* \u7eaf\u9ed1\u8272\u5b57\u4f53 *\/\r\n            background-color: #fff; \/* \u7eaf\u767d\u8272\u80cc\u666f *\/\r\n            cursor: pointer;\r\n        }\r\n        .select-header::after {\r\n            content: '\u25bc';\r\n            margin-left: 10px;\r\n            font-size: 12px;\r\n        }\r\n        .select-options {\r\n            position: absolute;\r\n            top: 100%;\r\n            left: 0;\r\n            right: 0;\r\n            margin-top: 2px;\r\n            border: 1px solid #ddd; \/* \u6d45\u7070\u8272\u8fb9\u6846 *\/\r\n            border-radius: 4px;\r\n            background-color: #fff; \/* \u7eaf\u767d\u8272\u80cc\u666f *\/\r\n            box-shadow: 0 2px 5px rgba(0,0,0,0.1); \/* \u9ed1\u8272\u9634\u5f71 *\/\r\n            z-index: 10;\r\n            max-height: 200px;\r\n            overflow-y: auto;\r\n            display: none;\r\n        }\r\n        .select-options.visible {\r\n            display: block;\r\n        }\r\n        .select-option {\r\n            padding: 10px;\r\n            cursor: pointer;\r\n            transition: background-color 0.2s;\r\n        }\r\n        .select-option:hover {\r\n            background-color: #f5f5f5; \/* \u6d45\u7070\u8272\u80cc\u666f *\/\r\n        }\r\n        .select-option.selected {\r\n            background-color: #e6e6e6; \/* \u4e2d\u7070\u8272\u80cc\u666f *\/\r\n        }\r\n        \/* \u8868\u683c\u5bb9\u5668\uff1a\u652f\u6301\u6a2a\u5411\u6ed1\u52a8 *\/\r\n        .table-container {\r\n            overflow-x: auto;\r\n            -webkit-overflow-scrolling: touch; \/* iOS\u6ed1\u52a8\u4f18\u5316 *\/\r\n            background: #fff; \/* \u7eaf\u767d\u8272\u80cc\u666f *\/\r\n            border-radius: 8px;\r\n            box-shadow: 0 2px 5px rgba(0,0,0,0.1); \/* \u9ed1\u8272\u9634\u5f71 *\/\r\n        }\r\n        \/* \u8868\u683c\u6837\u5f0f *\/\r\n        table {\r\n            width: 100%;\r\n            min-width: 1200px; \/* \u4fdd\u8bc1PC\u7aef\u8868\u683c\u5b8c\u6574\u6027 *\/\r\n            border-collapse: collapse;\r\n        }\r\n        th, td {\r\n            border: 1px solid #eee; \/* \u6781\u6d45\u7070\u8272\u8fb9\u6846 *\/\r\n            padding: 6px 8px;\r\n            text-align: center;\r\n            font-size: 14px;\r\n            white-space: nowrap; \/* \u7981\u6b62\u5185\u5bb9\u6362\u884c\uff0c\u4fdd\u6301\u5217\u7ed3\u6784 *\/\r\n            color: #000; \/* \u7eaf\u9ed1\u8272\u5b57\u4f53 *\/\r\n        }\r\n        th {\r\n            background: #fff; \/* \u7eaf\u767d\u8272\u80cc\u666f *\/\r\n            font-weight: 600;\r\n        }\r\n        tbody tr:nth-child(even) {\r\n            background: #f9f9f9; \/* \u6781\u6d45\u7070\u8272\u80cc\u666f *\/\r\n        }\r\n        \/* \u56fa\u5b9a\u9996\u5217\uff08\u6027\u80fd\u9879\uff09 *\/\r\n        .sticky-col {\r\n            position: sticky;\r\n            left: 0;\r\n            background: #fff; \/* \u7eaf\u767d\u8272\u80cc\u666f *\/\r\n            z-index: 1; \/* \u907f\u514d\u88ab\u5176\u4ed6\u5217\u8986\u76d6 *\/\r\n            min-width: 120px;  \/* \u8c03\u6574\u6700\u5c0f\u5bbd\u5ea6 *\/\r\n        }\r\n        \/* \u5217\u8c03\u6574\u624b\u67c4 *\/\r\n        .resize-handle {\r\n            position: absolute;\r\n            top: 0;\r\n            right: 0;\r\n            width: 5px;\r\n            height: 100%;\r\n            background-color: #ddd; \/* \u6d45\u7070\u8272 *\/\r\n            cursor: col-resize;\r\n        }\r\n        .resize-handle:hover,\r\n        .resizing .resize-handle {\r\n            background-color: #000; \/* \u7eaf\u9ed1\u8272 *\/\r\n        }\r\n        \/* \u624b\u673a\u7aef\u9002\u914d *\/\r\n        @media (max-width: 480px) {\r\n            th, td {\r\n                font-size: 12px;\r\n                padding: 4px 6px;\r\n            }\r\n            .select-header {\r\n                font-size: 12px;\r\n            }\r\n            .select-option {\r\n                font-size: 12px;\r\n            }\r\n            .filter-title {\r\n                font-size: 16px;\r\n            }\r\n            .sticky-col {\r\n                min-width: 100px;  \/* \u624b\u673a\u7aef\u8fdb\u4e00\u6b65\u7f29\u5c0f *\/\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <!-- \u7b5b\u9009\u533a\uff1a\u81ea\u5b9a\u4e49\u4e0b\u62c9\u9009\u62e9 -->\r\n    <div class=\"filter-section\">\r\n        <div class=\"filter-title\">Select material<\/div>\r\n        <div class=\"custom-select\">\r\n            <div class=\"select-header\" id=\"selectHeader\">\r\n                <span id=\"selectedText\">Select All<\/span>\r\n            <\/div>\r\n            <div class=\"select-options\" id=\"selectOptions\">\r\n                <div class=\"select-option\" data-value=\"all\" data-selected=\"true\">Select All<\/div>\r\n                <div class=\"select-option\" data-value=\"NR\">NR (Natural Rubber)<\/div>\r\n                <div class=\"select-option\" data-value=\"IR\">IR (Isoprene Rubber)<\/div>\r\n                <div class=\"select-option\" data-value=\"BR\">BR (Butadiene Rubber)<\/div>\r\n                <div class=\"select-option\" data-value=\"SBR\">SBR (Styrene-Butadiene Rubber)<\/div>\r\n                <div class=\"select-option\" data-value=\"IIR\">IIR (Butyl Rubber)<\/div>\r\n                <div class=\"select-option\" data-value=\"EPM\">EPM\/EPDM<\/div>\r\n                <div class=\"select-option\" data-value=\"EVA\">EVA<\/div>\r\n                <div class=\"select-option\" data-value=\"CR\">CR (Chloroprene Rubber)<\/div>\r\n                <div class=\"select-option\" data-value=\"CSM\">CSM (Chlorosulfonated PE)<\/div>\r\n                <div class=\"select-option\" data-value=\"CPE\">CPE (Chlorinated PE)<\/div>\r\n                <div class=\"select-option\" data-value=\"ECO\">ECO (Epichlorohydrin Rubber)<\/div>\r\n                <div class=\"select-option\" data-value=\"NBR\">NBR (Nitrile Butadiene Rubber)<\/div>\r\n                <div class=\"select-option\" data-value=\"HNBR\">HNBR (Hydrogenated NBR)<\/div>\r\n                <div class=\"select-option\" data-value=\"ACM\">ACM (Acrylic Ester Rubber)<\/div>\r\n                <div class=\"select-option\" data-value=\"PU\">PU (Polyurethane Rubber)<\/div>\r\n                <div class=\"select-option\" data-value=\"T\">T (Polysulfide Rubber)<\/div>\r\n                <div class=\"select-option\" data-value=\"SI\">SI (Silicone Rubber)<\/div>\r\n                <div class=\"select-option\" data-value=\"FKM\">FKM (Fluoroelastomer)<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u8868\u683c\u5bb9\u5668 -->\r\n    <div class=\"table-container\">\r\n        <table>\r\n            <thead>\r\n                <tr>\r\n                    <th class=\"sticky-col\" id=\"propertyHeader\">\r\n                        <div class=\"resize-handle\" id=\"resizeHandle\"><\/div>\r\n                        \u0421\u0432\u043e\u0439\u0441\u0442\u0432\u043e\r\n                    <\/th>\r\n                    <th>NR<\/th><th>IR<\/th><th>BR<\/th><th>SBR<\/th><th>IIR<\/th><th>EPM\/EPDM<\/th><th>EVA<\/th><th>CR<\/th><th>CSM<\/th><th>CPE<\/th><th>ECO<\/th><th>NBR<\/th><th>HNBR<\/th><th>ACM<\/th><th>PU<\/th><th>T<\/th><th>SI<\/th><th>FKM<\/th>\r\n                <\/tr>\r\n            <\/thead>\r\n            <tbody>\r\n                <!-- Specific Gravity -->\r\n                <tr>\r\n                    <td class=\"sticky-col\">\u0423\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u0432\u0435\u0441<\/td>\r\n                    <td>0.91~0.93<\/td><td>0.92~0.93<\/td><td>0.91~0.94<\/td><td>0.93~0.94<br>(1.33~1.34)<\/td><td>0.91~0.93<br>(0.98~1.09)<\/td><td>0.86~0.87<\/td><td>0.98~0.99<\/td><td>1.15~1.25<\/td><td>1.11~1.18<\/td><td>1.10~1.20<\/td><td>1.27~1.36<\/td><td>1.01~1.21<\/td><td>0.96<\/td><td>1.09~1.10<\/td><td>1.00~1.30<\/td><td>1.34~1.41<\/td><td>0.95~0.98<\/td><td>1.80~1.82<\/td>\r\n                <\/tr>\r\n                <!-- Refractive Index -->\r\n                <tr>\r\n                    <td class=\"sticky-col\">\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u044c \u043f\u0440\u0435\u043b\u043e\u043c\u043b\u0435\u043d\u0438\u044f<\/td>\r\n                    <td>1.59<\/td><td>~<\/td><td>~<\/td><td>~<\/td><td>~<\/td><td>~<\/td><td>~<\/td><td>1.53~1.56<\/td><td>~<\/td><td>~<\/td><td>~<\/td><td>1.56<\/td><td>~<\/td><td>~<\/td><td>~<\/td><td>~<\/td><td>~<\/td><td>~<\/td>\r\n                <\/tr>\r\n                <!-- \u5176\u4f59\u884c\u6570\u636e\u4fdd\u6301\u5b8c\u6574 -->\r\n                <!-- Mooney Viscosity (ML1+4) -->\r\n                <tr>\r\n                    <td class=\"sticky-col\">Mooney Viscosity (ML1+4)<\/td>\r\n                    <td>79~81<\/td><td>79~83.5<\/td><td>8.4~8.6<\/td><td>8.4~8.6<\/td><td>77~80.6<\/td><td>79~80<\/td><td>~<\/td><td>8.85<\/td><td>8.1~9.3<\/td><td>~<\/td><td>~<\/td><td>9.64<\/td><td>~<\/td><td>~<\/td><td>10<\/td><td>~<\/td><td>7.3<\/td><td>~<\/td>\r\n                <\/tr>\r\n                <!-- \u5176\u4ed6\u884c... -->\r\n                <!-- \u4e3a\u8282\u7701\u7a7a\u95f4\uff0c\u6b64\u5904\u7701\u7565\u5176\u4f59\u6570\u636e\u884c\uff0c\u4f46\u5b9e\u9645\u4f7f\u7528\u65f6\u5e94\u5305\u542b\u5b8c\u6574\u6570\u636e -->\r\n            <\/tbody>\r\n        <\/table>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ \u6a61\u80f6\u5217\u7d22\u5f15\u6620\u5c04\uff08\u9996\u5217\u4e3a1\uff0c\u6a61\u80f6\u4ece\u7b2c2\u5217\u5f00\u59cb\uff09\r\n        const rubberColumnMap = {\r\n            \"NR\": 2,   \"IR\": 3,   \"BR\": 4,   \"SBR\": 5,  \"IIR\": 6, \r\n            \"EPM\": 7,  \"EVA\": 8,  \"CR\": 9,   \"CSM\": 10, \"CPE\": 11, \r\n            \"ECO\": 12, \"NBR\": 13, \"HNBR\": 14,\"ACM\": 15, \"PU\": 16, \r\n            \"T\": 17,   \"SI\": 18,  \"FKM\": 19\r\n        };\r\n\r\n        const table = document.querySelector('table');\r\n        const selectHeader = document.getElementById('selectHeader');\r\n        const selectOptions = document.getElementById('selectOptions');\r\n        const selectedText = document.getElementById('selectedText');\r\n        let isSelectOpen = false;\r\n\r\n        \/\/ \u5217\u5bbd\u8c03\u6574\u76f8\u5173\r\n        const propertyHeader = document.getElementById('propertyHeader');\r\n        const resizeHandle = document.getElementById('resizeHandle');\r\n        let isResizing = false;\r\n        let startX, startWidth;\r\n\r\n        \/\/ \u5217\u5bbd\u8c03\u6574\u4e8b\u4ef6\u76d1\u542c\r\n        resizeHandle.addEventListener('mousedown', initResize);\r\n        document.addEventListener('mousemove', resize);\r\n        document.addEventListener('mouseup', stopResize);\r\n\r\n        function initResize(e) {\r\n            isResizing = true;\r\n            startX = e.pageX;\r\n            startWidth = propertyHeader.offsetWidth;\r\n            document.body.classList.add('resizing');\r\n        }\r\n\r\n        function resize(e) {\r\n            if (!isResizing) return;\r\n            \r\n            const width = startWidth + (e.pageX - startX);\r\n            if (width >= 120) { \/\/ \u6700\u5c0f\u5bbd\u5ea6\u9650\u5236\r\n                propertyHeader.style.width = `${width}px`;\r\n                propertyHeader.style.minWidth = `${width}px`;\r\n                \r\n                \/\/ \u66f4\u65b0\u6240\u6709Property\u5217\u5355\u5143\u683c\u7684\u5bbd\u5ea6\r\n                document.querySelectorAll('.sticky-col').forEach(cell => {\r\n                    cell.style.width = `${width}px`;\r\n                    cell.style.minWidth = `${width}px`;\r\n                });\r\n            }\r\n        }\r\n\r\n        function stopResize() {\r\n            isResizing = false;\r\n            document.body.classList.remove('resizing');\r\n        }\r\n\r\n        \/\/ \u5207\u6362\u4e0b\u62c9\u83dc\u5355\u663e\u793a\u72b6\u6001\r\n        selectHeader.addEventListener('click', () => {\r\n            isSelectOpen = !isSelectOpen;\r\n            selectOptions.classList.toggle('visible', isSelectOpen);\r\n        });\r\n\r\n        \/\/ \u70b9\u51fb\u9875\u9762\u5176\u4ed6\u533a\u57df\u5173\u95ed\u4e0b\u62c9\u83dc\u5355\r\n        document.addEventListener('click', (e) => {\r\n            if (!selectHeader.contains(e.target) && !selectOptions.contains(e.target)) {\r\n                isSelectOpen = false;\r\n                selectOptions.classList.remove('visible');\r\n            }\r\n        });\r\n\r\n        \/\/ \u5904\u7406\u9009\u9879\u70b9\u51fb\r\n        document.querySelectorAll('.select-option').forEach(option => {\r\n            option.addEventListener('click', (e) => {\r\n                const value = option.getAttribute('data-value');\r\n                const isSelected = option.getAttribute('data-selected') === 'true';\r\n                \r\n                \/\/ \u963b\u6b62\u4e8b\u4ef6\u5192\u6ce1\u5230document\r\n                e.stopPropagation();\r\n                \r\n                \/\/ \u5904\u7406Select All\u9009\u9879\r\n                if (value === 'all') {\r\n                    const isSelectAll = !isSelected;\r\n                    \r\n                    \/\/ \u66f4\u65b0\u6240\u6709\u9009\u9879\u72b6\u6001\r\n                    document.querySelectorAll('.select-option').forEach(opt => {\r\n                        opt.setAttribute('data-selected', isSelectAll);\r\n                        opt.classList.toggle('selected', isSelectAll);\r\n                    });\r\n                    \r\n                    \/\/ \u66f4\u65b0\u663e\u793a\u6587\u672c\r\n                    selectedText.textContent = isSelectAll ? 'Select All' : 'None selected';\r\n                    \r\n                    \/\/ \u5e94\u7528\u7b5b\u9009\r\n                    updateTable(isSelectAll ? Object.keys(rubberColumnMap) : []);\r\n                } else {\r\n                    \/\/ \u5904\u7406\u5355\u4e2a\u9009\u9879\r\n                    option.setAttribute('data-selected', !isSelected);\r\n                    option.classList.toggle('selected', !isSelected);\r\n                    \r\n                    \/\/ \u66f4\u65b0Select All\u72b6\u6001\r\n                    const allOptions = document.querySelectorAll('.select-option:not([data-value=\"all\"])');\r\n                    const allSelected = Array.from(allOptions).every(opt => \r\n                        opt.getAttribute('data-selected') === 'true'\r\n                    );\r\n                    \r\n                    const selectAllOption = document.querySelector('.select-option[data-value=\"all\"]');\r\n                    selectAllOption.setAttribute('data-selected', allSelected);\r\n                    selectAllOption.classList.toggle('selected', allSelected);\r\n                    \r\n                    \/\/ \u66f4\u65b0\u663e\u793a\u6587\u672c\r\n                    updateSelectedText();\r\n                    \r\n                    \/\/ \u5e94\u7528\u7b5b\u9009\r\n                    const selectedValues = Array.from(allOptions)\r\n                        .filter(opt => opt.getAttribute('data-selected') === 'true')\r\n                        .map(opt => opt.getAttribute('data-value'));\r\n                    \r\n                    updateTable(selectedValues);\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ \u66f4\u65b0\u9009\u4e2d\u72b6\u6001\u663e\u793a\u6587\u672c\r\n        function updateSelectedText() {\r\n            const selectedOptions = document.querySelectorAll('.select-option[data-selected=\"true\"]:not([data-value=\"all\"])');\r\n            \r\n            if (selectedOptions.length === 0) {\r\n                selectedText.textContent = 'None selected';\r\n            } else if (selectedOptions.length <= 3) {\r\n                selectedText.textContent = Array.from(selectedOptions)\r\n                    .map(opt => opt.textContent.split(' ')[0])\r\n                    .join(', ');\r\n            } else {\r\n                selectedText.textContent = `${selectedOptions.length} materials selected`;\r\n            }\r\n        }\r\n\r\n        \/\/ \u66f4\u65b0\u8868\u683c\u663e\u793a\r\n        function updateTable(selectedValues) {\r\n            \/\/ \u5148\u9690\u85cf\u6240\u6709\u6a61\u80f6\u5217\r\n            Object.values(rubberColumnMap).forEach(colIndex => {\r\n                table.querySelectorAll(`th:nth-child(${colIndex}), td:nth-child(${colIndex})`)\r\n                    .forEach(elem => elem.style.display = 'none');\r\n            });\r\n\r\n            \/\/ \u663e\u793a\u9009\u4e2d\u7684\u6a61\u80f6\u5217\r\n            selectedValues.forEach(val => {\r\n                if (rubberColumnMap[val]) {\r\n                    const colIndex = rubberColumnMap[val];\r\n                    table.querySelectorAll(`th:nth-child(${colIndex}), td:nth-child(${colIndex})`)\r\n                        .forEach(elem => elem.style.display = '');\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ \u521d\u59cb\u52a0\u8f7d\uff1a\u9ed8\u8ba4\u5168\u9009\r\n        window.addEventListener('load', () => {\r\n            updateTable(Object.keys(rubberColumnMap));\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eafc781 elementor-widget elementor-widget-html\" data-id=\"eafc781\" data-element_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    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <meta name=\"description\" content=\"Special rubber compounds including FKM, FFKM, HNBR, with properties like temperature resistance, oil resistance from ROLF\u753b\u518c\uff08\u4fee\u8ba2\u7248\uff09-\u9884\u89c82023-5-2.pdf.\">\r\n    <meta name=\"keywords\" content=\"ROLF rubber, FKM, FFKM, HNBR, rubber properties, special rubber compounds\">\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n        }\r\n        body {\r\n            background-color: #f5f7fa;\r\n            color: #2c3e50;\r\n            line-height: 1.6;\r\n        }\r\n        .container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 30px 20px;\r\n        }\r\n        .tree-wrapper {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 20px;\r\n            margin-top: 20px;\r\n        }\r\n        .material-group {\r\n            background: white;\r\n            border-radius: 8px;\r\n            overflow: hidden;\r\n            box-shadow: 0 3px 12px rgba(0,0,0,0.07);\r\n            transition: transform 0.3s ease;\r\n            transform-style: preserve-3d;\r\n        }\r\n        .material-group:hover {\r\n            transform: translateY(-3px) rotateX(1deg);\r\n        }\r\n        .group-title {\r\n            padding: 15px 20px;\r\n            background: #3498db;\r\n            color: white;\r\n            font-size: 1.2rem;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n        }\r\n        .group-title i {\r\n            transition: transform 0.3s ease;\r\n        }\r\n        .group-content {\r\n            padding: 0 20px;\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.5s ease, padding 0.5s ease;\r\n        }\r\n        .group-content.active {\r\n            padding: 20px;\r\n            max-height: 1000px;\r\n        }\r\n        .feature-item {\r\n            margin-bottom: 15px;\r\n            padding-left: 10px;\r\n            border-left: 3px solid #2ecc71;\r\n        }\r\n        .feature-item h3 {\r\n            font-size: 1rem;\r\n            color: #2c3e50;\r\n            margin-bottom: 5px;\r\n        }\r\n        .feature-item p {\r\n            color: #666;\r\n            font-size: 0.95rem;\r\n        }\r\n        .param-table {\r\n            width: 100%;\r\n            border-collapse: collapse;\r\n            margin: 15px 0;\r\n            font-size: 0.9rem;\r\n        }\r\n        .param-table th, .param-table td {\r\n            border: 1px solid #eee;\r\n            padding: 8px 12px;\r\n            text-align: left;\r\n        }\r\n        .param-table th {\r\n            background: #f1f5f9;\r\n            color: #34495e;\r\n        }\r\n        @media (max-width: 768px) {\r\n            .param-table {\r\n                font-size: 0.85rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"container\">\r\n        <div class=\"tree-wrapper\">\r\n            <!-- Fluoroelastomer (FKM) -->\r\n            <div class=\"material-group\">\r\n                <div class=\"group-title\">\r\n                    \u0424\u0442\u043e\u0440oelastomer (FKM)\r\n                    <i class=\"arrow\">+<\/i>\r\n                <\/div>\r\n                <div class=\"group-content\">\r\n                    <div class=\"feature-item\">\r\n                        <h3>\u041e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a\u0438<\/h3>\r\n                        <p>\u041e\u0442\u043b\u0438\u0447\u043d\u0430\u044f \u0441\u0442\u043e\u0439\u043a\u043e\u0441\u0442\u044c \u043a \u0432\u044b\u0441\u043e\u043a\u0438\u043c \u0442\u0435\u043c\u043f\u0435\u0440\u0430\u0442\u0443\u0440\u0430\u043c, \u043e\u0437\u043e\u043d\u0443, \u043e\u043a\u0438\u0441\u043b\u0435\u043d\u0438\u044e, \u043c\u0438\u043d\u0435\u0440\u0430\u043b\u044c\u043d\u044b\u043c \u043c\u0430\u0441\u043b\u0430\u043c, \u0442\u043e\u043f\u043b\u0438\u0432\u0443 \u0438 \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u043c \u043e\u0440\u0433\u0430\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u043c \u0440\u0430\u0441\u0442\u0432\u043e\u0440\u0438\u0442\u0435\u043b\u044f\u043c. \u0422\u0438\u043f\u044b \u0434\u043b\u044f \u043d\u0438\u0437\u043a\u0438\u0445 \u0442\u0435\u043c\u043f\u0435\u0440\u0430\u0442\u0443\u0440 \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442 \u0432 \u0434\u0438\u0430\u043f\u0430\u0437\u043e\u043d\u0435 \u043e\u0442 -45\u2103 \u0434\u043e 275\u2103, \u043f\u0440\u0438 \u043a\u0440\u0430\u0442\u043a\u043e\u0441\u0440\u043e\u0447\u043d\u043e\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0438 \u2014 \u0434\u043e 300\u2103.<\/p>\r\n                    <\/div>\r\n                    <div class=\"feature-item\">\r\n                        <h3>\u041f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u044d\u043a\u0441\u043f\u043b\u0443\u0430\u0442\u0430\u0446\u0438\u0438<\/h3>\r\n                        <table class=\"param-table\">\r\n                            <tr>\r\n                                <th>\u041f\u0443\u043d\u043a\u0442<\/th>\r\n                                <th>\u0421\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f<\/th>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>\u0421\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u0435 \u0444\u0442\u043e\u0440\u0430<\/td>\r\n                                <td>66%~70% (general type 66%, high fluorine type 70%) <\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>\u0422\u0432\u0435\u0440\u0434\u043e\u0441\u0442\u044c<\/td>\r\n                                <td>60~90 Shore A <\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>Compression Set<\/td>\r\n                                <td>\u226425% (200\u2103\u00d724H) <\/td>\r\n                            <\/tr>\r\n                        <\/table>\r\n                    <\/div>\r\n                    <div class=\"feature-item\">\r\n                        <h3>\u0422\u0438\u043f\u0438\u0447\u043d\u044b\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f<\/h3>\r\n                        <p>\u0423\u043f\u043b\u043e\u0442\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0441\u043e\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u044f \u0430\u0432\u0442\u043e\u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 \u0434\u0432\u0438\u0433\u0430\u0442\u0435\u043b\u0435\u0439, \u0443\u043f\u043b\u043e\u0442\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0441\u043e\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u044f \u0445\u0438\u043c\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u044f, \u0430\u044d\u0440\u043e\u043a\u043e\u0441\u043c\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Perfluoroelastomer (FFKM) -->\r\n            <div class=\"material-group\">\r\n                <div class=\"group-title\">\r\n                    \u041f\u0435\u0440\u0444\u0442\u043e\u0440oelastomer (FFKM)\r\n                    <i class=\"arrow\">+<\/i>\r\n                <\/div>\r\n                <div class=\"group-content\">\r\n                    <div class=\"feature-item\">\r\n                        <h3>\u041e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a\u0438<\/h3>\r\n                        <p>\u0420\u0435\u0437\u0438\u043d\u0430 \u0441 \u043d\u0430\u0438\u0431\u043e\u043b\u044c\u0448\u0438\u043c \u0441\u043e\u043f\u0440\u043e\u0442\u0438\u0432\u043b\u0435\u043d\u0438\u0435\u043c \u043a \u0432\u044b\u0441\u043e\u043a\u0438\u043c \u0442\u0435\u043c\u043f\u0435\u0440\u0430\u0442\u0443\u0440\u0430\u043c, \u0441 \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0444\u0442\u043e\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043e\u0439 \u0438 \u043e\u0442\u043b\u0438\u0447\u043d\u043e\u0439 \u0445\u0438\u043c\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0441\u0442\u043e\u0439\u043a\u043e\u0441\u0442\u044c\u044e. \u0422\u0435\u043c\u043f\u0435\u0440\u0430\u0442\u0443\u0440\u0430 \u044d\u043a\u0441\u043f\u043b\u0443\u0430\u0442\u0430\u0446\u0438\u0438: -10\u2103 \u0434\u043e 315\u2103.<\/p>\r\n                    <\/div>\r\n                    <div class=\"feature-item\">\r\n                        <h3>\u041f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u044d\u043a\u0441\u043f\u043b\u0443\u0430\u0442\u0430\u0446\u0438\u0438<\/h3>\r\n                        <table class=\"param-table\">\r\n                            <tr>\r\n                                <th>\u041f\u0443\u043d\u043a\u0442<\/th>\r\n                                <th>\u0421\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f<\/th>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>\u0421\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u0435 \u0444\u0442\u043e\u0440\u0430<\/td>\r\n                                <td>72%~73% <\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>\u0422\u0432\u0435\u0440\u0434\u043e\u0441\u0442\u044c<\/td>\r\n                                <td>70~90 Shore A <\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>\u041f\u0440\u043e\u0434\u043e\u043b\u044c\u043d\u0430\u044f \u043f\u0440\u043e\u0447\u043d\u043e\u0441\u0442\u044c<\/td>\r\n                                <td>16~21 MPa <\/td>\r\n                            <\/tr>\r\n                        <\/table>\r\n                    <\/div>\r\n                    <div class=\"feature-item\">\r\n                        <h3>\u0422\u0438\u043f\u0438\u0447\u043d\u044b\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f<\/h3>\r\n                        <p>\u041f\u043e\u043b\u0443\u043f\u0440\u043e\u0432\u043e\u0434\u043d\u0438\u043a\u043e\u0432\u043e\u0435 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435, \u0444\u0430\u0440\u043c\u0430\u0446\u0435\u0432\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0443\u043f\u043b\u043e\u0442\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0438\u0437\u0434\u0435\u043b\u0438\u044f, \u044d\u043a\u0441\u0442\u0440\u0435\u043c\u0430\u043b\u044c\u043d\u044b\u0435 \u0445\u0438\u043c\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0441\u0440\u0435\u0434\u044b.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Hydrogenated Nitrile Butadiene Rubber (HNBR) -->\r\n            <div class=\"material-group\">\r\n                <div class=\"group-title\">\r\n                    \u0413\u0438\u0434\u0440\u043e\u0433\u0435\u043d\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u043d\u0438\u0442\u0440\u0438\u043b\u043e\u0432\u044b\u0439 \u0431\u0443\u0442\u0430\u0434\u0438\u0435\u043d\u043e\u0432\u044b\u0439 \u043a\u0430\u0443\u0447\u0443\u043a (HNBR)\r\n                    <i class=\"arrow\">+<\/i>\r\n                <\/div>\r\n                <div class=\"group-content\">\r\n                    <div class=\"feature-item\">\r\n                        <h3>\u041e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a\u0438<\/h3>\r\n                        <p>\u041e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0441\u0442\u043e\u0439\u043a\u043e\u0441\u0442\u044c \u043a \u043c\u0430\u0441\u043b\u0430\u043c \u0438 \u0443\u043b\u0443\u0447\u0448\u0430\u0435\u0442 \u0441\u0442\u043e\u0439\u043a\u043e\u0441\u0442\u044c \u043a \u0442\u0435\u043f\u043b\u0443 \u0438 \u043e\u0437\u043e\u043d\u0443 \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u0433\u0438\u0434\u0440\u043e\u0433\u0435\u043d\u0438\u0437\u0430\u0446\u0438\u0438. \u0422\u0435\u043c\u043f\u0435\u0440\u0430\u0442\u0443\u0440\u0430 \u044d\u043a\u0441\u043f\u043b\u0443\u0430\u0442\u0430\u0446\u0438\u0438: -40\u2103 \u0434\u043e 160\u2103 (\u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u0444\u043e\u0440\u043c\u0443\u043b\u0438\u0440\u043e\u0432\u043a\u0438 \u0434\u043e 160\u2103).<\/p>\r\n                    <\/div>\r\n                    <div class=\"feature-item\">\r\n                        <h3>\u041f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u044d\u043a\u0441\u043f\u043b\u0443\u0430\u0442\u0430\u0446\u0438\u0438<\/h3>\r\n                        <table class=\"param-table\">\r\n                            <tr>\r\n                                <th>\u041f\u0443\u043d\u043a\u0442<\/th>\r\n                                <th>\u0421\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f<\/th>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>\u0421\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u0435 \u0430\u043a\u0440\u0438\u043b\u043e\u043d\u0438\u0442\u0440\u0438\u043b\u0430<\/td>\r\n                                <td>30%~50% <\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>\u0422\u0432\u0435\u0440\u0434\u043e\u0441\u0442\u044c<\/td>\r\n                                <td>40~90 Shore A <\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>\u0414\u043b\u0438\u043d\u043d\u0430\u0446\u0438\u044f \u043f\u0440\u0438 \u0440\u0430\u0437\u0440\u044b\u0432\u0435<\/td>\r\n                                <td>150%~650% <\/td>\r\n                            <\/tr>\r\n                        <\/table>\r\n                    <\/div>\r\n                    <div class=\"feature-item\">\r\n                        <h3>\u0422\u0438\u043f\u0438\u0447\u043d\u044b\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f<\/h3>\r\n                        <p>\u0423\u043f\u043b\u043e\u0442\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0438\u0437\u0434\u0435\u043b\u0438\u044f \u0442\u0440\u0430\u043d\u0441\u043c\u0438\u0441\u0441\u0438\u0439 \u0430\u0432\u0442\u043e\u043c\u043e\u0431\u0438\u043b\u0435\u0439, \u0443\u043f\u043b\u043e\u0442\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043a\u043e\u043b\u044c\u0446\u0430 \u0434\u043b\u044f \u043c\u043e\u0442\u043e\u0440\u043d\u043e\u0433\u043e \u043c\u0430\u0441\u043b\u0430, \u043a\u043e\u043c\u043f\u0440\u0435\u0441\u0441\u043e\u0440\u044b \u043a\u043e\u043d\u0434\u0438\u0446\u0438\u043e\u043d\u0435\u0440\u043e\u0432.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Ethylene Acrylate Rubber (AEM) -->\r\n            <div class=\"material-group\">\r\n                <div class=\"group-title\">\r\n                    \u042d\u0442\u0438\u043b\u0435\u043d\u0430\u043a\u0440\u0438\u043b\u0430\u0442\u043d\u044b\u0439 \u043a\u0430\u0443\u0447\u0443\u043a (AEM)\r\n                    <i class=\"arrow\">+<\/i>\r\n                <\/div>\r\n                <div class=\"group-content\">\r\n                    <div class=\"feature-item\">\r\n                        <h3>\u041e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a\u0438<\/h3>\r\n                        <p>\u041e\u0442\u043b\u0438\u0447\u043d\u0430\u044f \u043d\u0438\u0437\u043a\u0430\u044f \u043a\u043e\u043c\u043f\u0440\u0435\u0441\u0441\u0438\u043e\u043d\u043d\u0430\u044f \u0434\u0435\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f, \u0432\u044b\u0441\u043e\u043a\u0430\u044f \u0442\u0435\u0440\u043c\u043e\u0441\u0442\u043e\u0439\u043a\u043e\u0441\u0442\u044c (-40\u2103 \u0434\u043e 175\u2103; \u0441\u0435\u0440\u0438\u044f VMX5000 \u0434\u043e 190\u2103), \u0445\u043e\u0440\u043e\u0448\u0430\u044f \u0441\u0442\u043e\u0439\u043a\u043e\u0441\u0442\u044c \u043a \u043f\u043e\u0433\u043e\u0434\u043d\u044b\u043c \u0443\u0441\u043b\u043e\u0432\u0438\u044f\u043c.<\/p>\r\n                    <\/div>\r\n                    <div class=\"feature-item\">\r\n                        <h3>\u041f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u044d\u043a\u0441\u043f\u043b\u0443\u0430\u0442\u0430\u0446\u0438\u0438<\/h3>\r\n                        <table class=\"param-table\">\r\n                            <tr>\r\n                                <th>\u041f\u0443\u043d\u043a\u0442<\/th>\r\n                                <th>\u0421\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f<\/th>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>\u0423\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u0432\u0435\u0441<\/td>\r\n                                <td>1.16~1.35 <\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>\u0422\u0432\u0435\u0440\u0434\u043e\u0441\u0442\u044c<\/td>\r\n                                <td>50~90 Shore A <\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>\u0421\u0442\u043e\u0439\u043a\u043e\u0441\u0442\u044c \u043a \u043c\u0430\u0441\u043b\u0443<\/td>\r\n                                <td>\u0425\u043e\u0440\u043e\u0448\u0438\u0439 (\u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u0441\u0442\u043e\u0439\u043a\u0438\u0439 \u043a \u0430\u0432\u0442\u043e\u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u043c \u0436\u0438\u0434\u043a\u043e\u0441\u0442\u044f\u043c) <\/td>\r\n                            <\/tr>\r\n                        <\/table>\r\n                    <\/div>\r\n                    <div class=\"feature-item\">\r\n                        <h3>\u0422\u0438\u043f\u0438\u0447\u043d\u044b\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f<\/h3>\r\n                        <p>\u0410\u0432\u0442\u043e\u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0435 \u0443\u043f\u043b\u043e\u0442\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0438\u0437\u0434\u0435\u043b\u0438\u044f, \u0430\u043c\u043e\u0440\u0442\u0438\u0437\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Fluorosilicone Rubber (FVMQ) -->\r\n            <div class=\"material-group\">\r\n                <div class=\"group-title\">\r\n                    \u0424\u0442\u043e\u0440\u0441\u0438\u043b\u0438\u043a\u043e\u043d\u043e\u0432\u044b\u0439 \u043a\u0430\u0443\u0447\u0443\u043a (FVMQ)\r\n                    <i class=\"arrow\">+<\/i>\r\n                <\/div>\r\n                <div class=\"group-content\">\r\n                    <div class=\"feature-item\">\r\n                        <h3>\u041e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a\u0438<\/h3>\r\n                        <p>\u041a\u043e\u043c\u0431\u0438\u043d\u0438\u0440\u0443\u0435\u0442 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430 \u0441\u0438\u043b\u0438\u043a\u043e\u043d\u0430 \u0438 \u0444\u0442\u043e\u0440\u043a\u0430\u0443\u0447\u0443\u043a\u043e\u0432; \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043e\u0442 -65\u2103 \u0434\u043e 200\u2103 (250\u2103 \u0432 \u043a\u0440\u0430\u0442\u043a\u043e\u0441\u0440\u043e\u0447\u043d\u043e\u043c \u0440\u0435\u0436\u0438\u043c\u0435). \u0421\u0442\u043e\u0439\u043a\u0438\u0439 \u043a \u0442\u043e\u043f\u043b\u0438\u0432\u0443, \u043c\u0430\u0441\u043b\u0430\u043c \u0438 \u0445\u0438\u043c\u0438\u0447\u0435\u0441\u043a\u0438\u043c \u0432\u0435\u0449\u0435\u0441\u0442\u0432\u0430\u043c.<\/p>\r\n                    <\/div>\r\n                    <div class=\"feature-item\">\r\n                        <h3>\u041f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u044d\u043a\u0441\u043f\u043b\u0443\u0430\u0442\u0430\u0446\u0438\u0438<\/h3>\r\n                        <table class=\"param-table\">\r\n                            <tr>\r\n                                <th>\u041f\u0443\u043d\u043a\u0442<\/th>\r\n                                <th>\u0421\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f<\/th>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>\u0414\u0438\u0430\u043f\u0430\u0437\u043e\u043d \u0442\u0435\u043c\u043f\u0435\u0440\u0430\u0442\u0443\u0440<\/td>\r\n                                <td>-65\u2103~250\u2103 (short-term) <\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>\u0422\u0432\u0435\u0440\u0434\u043e\u0441\u0442\u044c<\/td>\r\n                                <td>50~90 Shore A <\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>Compression Set<\/td>\r\n                                <td>\u041d\u0438\u0437\u043a\u0430\u044f [\u0434\u0435\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f] \u0438 \u0445\u043e\u0440\u043e\u0448\u0430\u044f \u0432\u0443\u043b\u043a\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u043e\u043d\u043d\u0430\u044f \u0432\u043e\u0441\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043c\u043e\u0441\u0442\u044c <\/td>\r\n                            <\/tr>\r\n                        <\/table>\r\n                    <\/div>\r\n                    <div class=\"feature-item\">\r\n                        <h3>\u0422\u0438\u043f\u0438\u0447\u043d\u044b\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f<\/h3>\r\n                        <p>Aerospace seals, automotive rings, medical devices .<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        document.querySelectorAll('.group-title').forEach(title => {\r\n            title.addEventListener('click', () => {\r\n                const content = title.nextElementSibling;\r\n                const arrow = title.querySelector('.arrow');\r\n                \r\n                content.classList.toggle('active');\r\n                arrow.textContent = content.classList.contains('active') ? '-' : '+';\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Rubber Property Comparison Table Select material Select All Select All NR (Natural Rubber) IR (Isoprene Rubber) BR (Butadiene&#8230;<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2285","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/misrubber.com\/ru\/wp-json\/wp\/v2\/pages\/2285","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/misrubber.com\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/misrubber.com\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/misrubber.com\/ru\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/misrubber.com\/ru\/wp-json\/wp\/v2\/comments?post=2285"}],"version-history":[{"count":9,"href":"https:\/\/misrubber.com\/ru\/wp-json\/wp\/v2\/pages\/2285\/revisions"}],"predecessor-version":[{"id":2296,"href":"https:\/\/misrubber.com\/ru\/wp-json\/wp\/v2\/pages\/2285\/revisions\/2296"}],"wp:attachment":[{"href":"https:\/\/misrubber.com\/ru\/wp-json\/wp\/v2\/media?parent=2285"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}