{"id":685,"date":"2026-03-03T01:10:37","date_gmt":"2026-03-03T01:10:37","guid":{"rendered":"https:\/\/curetecglobal.com\/about\/"},"modified":"2026-07-13T01:55:58","modified_gmt":"2026-07-13T01:55:58","slug":"%e5%85%b3%e4%ba%8e","status":"publish","type":"page","link":"https:\/\/curetecglobal.com\/zh\/about\/","title":{"rendered":"\u5173\u4e8e"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Helping Producers Achieve Faster Strength Gain, Lower Energy Costs, and Consistent Quality<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

Smart Concrete Curing Solutions for Precast Concrete Manufacturers<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Curetec is more than an equipment supplier – we are your trusted <\/span>curing process partner<\/span><\/strong>. From mix adaptation and system deployment to localized support, we empower your journey toward high – quality, sustainable production.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\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

\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n CURETEC GLOBAL | \u54c1\u724c\u65f6\u95f4\u8f74<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Raleway:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* ========== \u5168\u5c40\u6837\u5f0f\u91cd\u7f6e\u4e0e\u5b57\u4f53\u7edf\u4e00 ========== *\/\r\n #curetecTimeline {\r\n display: grid;\r\n grid-template-columns: 1fr 2fr;\r\n gap: 0;\r\n width: 100%;\r\n background:\r\n radial-gradient(ellipse at 50% 92%, rgba(0, 114, 206, 0.06) 0%, transparent 60%),\r\n linear-gradient(to bottom,\r\n rgba(2, 13, 37, 0.88) 0%,\r\n rgba(2, 13, 37, 0.78) 28%,\r\n rgba(2, 13, 37, 0.58) 50%,\r\n rgba(2, 13, 37, 0.32) 70%,\r\n rgba(2, 13, 37, 0.12) 86%,\r\n rgba(2, 13, 37, 0.03) 95%,\r\n transparent 100%);\r\n border: none;\r\n border-radius: 0;\r\n box-shadow: none;\r\n overflow: visible;\r\n position: relative;\r\n font-family: 'Raleway', sans-serif;\r\n color: #e8ecf1;\r\n margin: 0;\r\n padding-bottom: 55px;\r\n }\r\n\r\n #curetecTimeline,\r\n #curetecTimeline * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* ========== \u5de6\u4fa7\u54c1\u724c\u9762\u677f ========== *\/\r\n #curetecTimeline .brand-panel {\r\n padding: 40px 32px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n background: rgba(2, 13, 37, 0.75);\r\n border-right: 1px solid rgba(31, 52, 77, 0.7);\r\n position: relative;\r\n z-index: 1;\r\n backdrop-filter: blur(2px);\r\n -webkit-backdrop-filter: blur(2px);\r\n }\r\n #curetecTimeline .brand-badge {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: clamp(9px, 0.85vw, 11px);\r\n letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n color: #1a8fe3;\r\n margin-bottom: 28px;\r\n font-weight: 600;\r\n }\r\n #curetecTimeline .brand-badge::before {\r\n content: '';\r\n width: 20px;\r\n height: 1px;\r\n background: #0072ce;\r\n opacity: 0.7;\r\n }\r\n #curetecTimeline .brand-badge::after {\r\n content: '';\r\n width: 6px;\r\n height: 6px;\r\n background: #0072ce;\r\n }\r\n #curetecTimeline .brand-title {\r\n font-size: clamp(30px, 4.5vw, 48px);\r\n font-weight: 800;\r\n letter-spacing: 0.03em;\r\n line-height: 1.05;\r\n color: #ffffff;\r\n margin: 0 0 6px 0;\r\n }\r\n #curetecTimeline .brand-subtitle {\r\n font-size: clamp(11px, 1.1vw, 14px);\r\n font-weight: 500;\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n color: #1a8fe3;\r\n margin: 0 0 24px 0;\r\n line-height: 1.4;\r\n }\r\n #curetecTimeline .brand-desc {\r\n font-size: clamp(13px, 1.1vw, 15px);\r\n font-weight: 400;\r\n line-height: 1.7;\r\n color: #b0c4d8;\r\n max-width: 500px;\r\n }\r\n #curetecTimeline .brand-desc .highlight {\r\n color: #ffffff;\r\n font-weight: 600;\r\n }\r\n #curetecTimeline .brand-footer {\r\n margin-top: auto;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: clamp(8px, 0.75vw, 10px);\r\n font-weight: 500;\r\n letter-spacing: 0.25em;\r\n color: #6b8099;\r\n text-transform: uppercase;\r\n padding-top: 24px;\r\n }\r\n #curetecTimeline .brand-footer::after {\r\n content: '';\r\n flex: 1;\r\n height: 1px;\r\n background: rgba(31, 52, 77, 0.7);\r\n }\r\n\r\n \/* ========== \u53f3\u4fa7\u65f6\u95f4\u8f74\u9762\u677f ========== *\/\r\n #curetecTimeline .timeline-panel {\r\n padding: 36px 32px 20px 24px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0;\r\n position: relative;\r\n background: rgba(2, 13, 37, 0.55);\r\n z-index: 1;\r\n backdrop-filter: blur(1px);\r\n -webkit-backdrop-filter: blur(1px);\r\n }\r\n #curetecTimeline .phase-row {\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: space-between;\r\n width: 100%;\r\n padding: 0 4px 12px 4px;\r\n margin-bottom: 2px;\r\n border-bottom: 1px solid rgba(0, 114, 206, 0.12);\r\n }\r\n #curetecTimeline .phase-label {\r\n font-size: clamp(8px, 0.85vw, 11px);\r\n font-weight: 600;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n color: #6b8099;\r\n text-align: center;\r\n white-space: nowrap;\r\n transition: color 0.25s;\r\n flex: 1;\r\n min-width: 0;\r\n padding-bottom: 6px;\r\n }\r\n #curetecTimeline .phase-label.active {\r\n color: #ffffff;\r\n }\r\n #curetecTimeline .phase-label.span-two {\r\n flex: 1.3;\r\n }\r\n\r\n #curetecTimeline .track-container {\r\n position: relative;\r\n width: 100%;\r\n padding: 0 4px;\r\n margin: 8px 0 12px 0;\r\n }\r\n #curetecTimeline .timeline-rail {\r\n position: relative;\r\n width: 100%;\r\n height: 56px;\r\n cursor: pointer;\r\n }\r\n #curetecTimeline .timeline-rail::before {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 0;\r\n right: 0;\r\n height: 2px;\r\n background: rgba(0, 114, 206, 0.35);\r\n transform: translateY(-50%);\r\n }\r\n #curetecTimeline .tick-layer {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n pointer-events: none;\r\n z-index: 1;\r\n }\r\n #curetecTimeline .tick-mark {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 1px;\r\n background: rgba(0, 114, 206, 0.2);\r\n transition: background 0.2s;\r\n }\r\n #curetecTimeline .tick-mark.major {\r\n height: 26px;\r\n background: rgba(0, 114, 206, 0.35);\r\n width: 1.5px;\r\n }\r\n #curetecTimeline .tick-mark.minor {\r\n height: 14px;\r\n background: rgba(0, 114, 206, 0.2);\r\n }\r\n #curetecTimeline .tick-mark.micro {\r\n height: 6px;\r\n background: rgba(0, 114, 206, 0.08);\r\n width: 0.5px;\r\n }\r\n #curetecTimeline .tick-mark.active-major {\r\n background: #1a8fe3;\r\n width: 2px;\r\n height: 28px;\r\n z-index: 3;\r\n }\r\n\r\n #curetecTimeline .node-dot {\r\n position: absolute;\r\n top: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 10px;\r\n height: 10px;\r\n background: rgba(2, 13, 37, 0.85);\r\n border: 2px solid rgba(0, 114, 206, 0.35);\r\n cursor: pointer;\r\n z-index: 4;\r\n transition: all 0.2s ease;\r\n border-radius: 0;\r\n }\r\n #curetecTimeline .node-dot:hover {\r\n border-color: #1a8fe3;\r\n width: 12px;\r\n height: 12px;\r\n }\r\n #curetecTimeline .node-dot.selected {\r\n width: 14px;\r\n height: 14px;\r\n background: #ffffff;\r\n border-color: #1a8fe3;\r\n border-width: 2.5px;\r\n box-shadow: 0 0 0 4px rgba(0, 114, 206, 0.15);\r\n z-index: 5;\r\n }\r\n #curetecTimeline .node-dot.current-year-dot {\r\n border-color: #1a8fe3;\r\n background: rgba(0, 114, 206, 0.15);\r\n }\r\n\r\n #curetecTimeline .year-tag {\r\n position: absolute;\r\n top: calc(50% - 26px);\r\n transform: translateX(-50%);\r\n font-size: clamp(8px, 0.8vw, 10px);\r\n font-weight: 700;\r\n letter-spacing: 0.05em;\r\n color: #6b8099;\r\n pointer-events: none;\r\n z-index: 2;\r\n transition: color 0.25s;\r\n white-space: nowrap;\r\n }\r\n #curetecTimeline .year-tag.selected-year {\r\n color: #ffffff;\r\n font-size: clamp(8px, 0.85vw, 11px);\r\n }\r\n\r\n #curetecTimeline .future-indicator {\r\n position: absolute;\r\n top: 50%;\r\n right: -6px;\r\n transform: translateY(-50%);\r\n display: flex;\r\n align-items: center;\r\n gap: 4px;\r\n z-index: 3;\r\n pointer-events: none;\r\n padding-left: 6px;\r\n }\r\n #curetecTimeline .future-arrow {\r\n font-size: 14px;\r\n font-weight: 700;\r\n color: #1a8fe3;\r\n opacity: 0.8;\r\n }\r\n #curetecTimeline .future-squares {\r\n display: flex;\r\n gap: 3px;\r\n }\r\n #curetecTimeline .future-square {\r\n width: 6px;\r\n height: 6px;\r\n border: 1px solid rgba(0, 114, 206, 0.5);\r\n background: rgba(0, 114, 206, 0.08);\r\n }\r\n\r\n #curetecTimeline .now-badge {\r\n position: absolute;\r\n top: calc(100% + 6px);\r\n left: 0;\r\n transform: translateX(-50%);\r\n font-size: clamp(7px, 0.7vw, 9px);\r\n font-weight: 700;\r\n letter-spacing: 0.12em;\r\n color: #ffffff;\r\n background: #0072ce;\r\n padding: 6px 3px;\r\n white-space: nowrap;\r\n z-index: 5;\r\n pointer-events: none;\r\n opacity: 0.5;\r\n transition: opacity 0.3s;\r\n writing-mode: vertical-rl;\r\n text-orientation: upright;\r\n line-height: 1;\r\n }\r\n #curetecTimeline .now-badge.active-now {\r\n opacity: 1;\r\n }\r\n\r\n \/* ========== \u5de5\u5177\u63d0\u793a\u5361\u7247 ========== *\/\r\n #curetecTimeline .tooltip-card {\r\n position: absolute;\r\n top: calc(100% + 24px);\r\n left: 0;\r\n transform: translateX(-50%);\r\n background: rgba(6, 26, 58, 0.95);\r\n border: 1px solid rgba(31, 52, 77, 0.8);\r\n width: clamp(180px, 18vw, 260px);\r\n z-index: 20;\r\n pointer-events: none;\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: opacity 0.25s, visibility 0.25s;\r\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);\r\n display: flex;\r\n flex-direction: column;\r\n backdrop-filter: blur(6px);\r\n -webkit-backdrop-filter: blur(6px);\r\n }\r\n #curetecTimeline .tooltip-card::after {\r\n content: '';\r\n position: absolute;\r\n top: -6px;\r\n left: 50%;\r\n transform: translateX(-50%) rotate(225deg);\r\n width: 10px;\r\n height: 10px;\r\n background: rgba(6, 26, 58, 0.95);\r\n border-right: 1px solid rgba(31, 52, 77, 0.8);\r\n border-bottom: 1px solid rgba(31, 52, 77, 0.8);\r\n }\r\n #curetecTimeline .tooltip-card.visible {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n #curetecTimeline .tooltip-img {\r\n width: 100%;\r\n height: clamp(60px, 8vw, 100px);\r\n background: rgba(1, 11, 24, 0.8);\r\n border-bottom: 1px solid rgba(31, 52, 77, 0.6);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n }\r\n #curetecTimeline .tooltip-img img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n #curetecTimeline .tooltip-img svg {\r\n width: 60%;\r\n height: auto;\r\n opacity: 0.8;\r\n }\r\n #curetecTimeline .tooltip-text {\r\n padding: clamp(8px, 1.2vw, 16px) clamp(10px, 1.5vw, 20px);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n }\r\n #curetecTimeline .tooltip-text .year-badge {\r\n font-size: clamp(8px, 0.75vw, 10px);\r\n font-weight: 700;\r\n letter-spacing: 0.12em;\r\n color: #1a8fe3;\r\n background: rgba(0, 114, 206, 0.1);\r\n padding: 2px 8px;\r\n width: fit-content;\r\n text-transform: uppercase;\r\n }\r\n #curetecTimeline .tooltip-text h3 {\r\n font-size: clamp(14px, 1.3vw, 18px);\r\n font-weight: 700;\r\n color: #ffffff;\r\n margin: 0;\r\n letter-spacing: 0.02em;\r\n line-height: 1.3;\r\n }\r\n #curetecTimeline .tooltip-text p {\r\n font-size: clamp(11px, 0.9vw, 13px);\r\n font-weight: 400;\r\n line-height: 1.5;\r\n color: #b0c4d8;\r\n margin: 0;\r\n }\r\n\r\n \/* ========== \u79fb\u52a8\u7aef\u54cd\u5e94\u5f0f ========== *\/\r\n @media (max-width: 850px) {\r\n #curetecTimeline {\r\n grid-template-columns: 1fr;\r\n grid-template-rows: auto auto;\r\n padding-bottom: 35px;\r\n background:\r\n radial-gradient(ellipse at 50% 94%, rgba(0, 114, 206, 0.05) 0%, transparent 60%),\r\n linear-gradient(to bottom,\r\n rgba(2, 13, 37, 0.85) 0%,\r\n rgba(2, 13, 37, 0.72) 35%,\r\n rgba(2, 13, 37, 0.5) 58%,\r\n rgba(2, 13, 37, 0.25) 76%,\r\n rgba(2, 13, 37, 0.08) 90%,\r\n transparent 100%);\r\n }\r\n #curetecTimeline .brand-panel {\r\n border-right: none;\r\n border-bottom: 1px solid rgba(31, 52, 77, 0.7);\r\n padding: 28px 24px;\r\n text-align: center;\r\n align-items: center;\r\n background: rgba(2, 13, 37, 0.78);\r\n }\r\n #curetecTimeline .brand-desc {\r\n max-width: 100%;\r\n text-align: center;\r\n }\r\n #curetecTimeline .brand-subtitle {\r\n font-size: 10px;\r\n letter-spacing: 0.08em;\r\n }\r\n #curetecTimeline .timeline-panel {\r\n padding: 20px 16px 24px 16px;\r\n background: rgba(2, 13, 37, 0.5);\r\n }\r\n #curetecTimeline .tooltip-card {\r\n width: 200px;\r\n top: calc(100% + 18px);\r\n }\r\n #curetecTimeline .tooltip-img {\r\n height: 80px;\r\n }\r\n #curetecTimeline .now-badge {\r\n top: calc(100% + 4px);\r\n font-size: 7px;\r\n padding: 4px 2px;\r\n }\r\n #curetecTimeline .phase-row {\r\n overflow-x: auto;\r\n gap: 4px;\r\n justify-content: flex-start;\r\n -webkit-overflow-scrolling: touch;\r\n scrollbar-width: none;\r\n }\r\n #curetecTimeline .phase-row::-webkit-scrollbar {\r\n display: none;\r\n }\r\n #curetecTimeline .phase-label {\r\n font-size: 8px;\r\n flex: 0 0 auto;\r\n padding: 0 5px;\r\n }\r\n #curetecTimeline .year-tag {\r\n font-size: 7px;\r\n }\r\n #curetecTimeline .year-tag.selected-year {\r\n font-size: 8px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div id=\"curetecTimeline\">\r\n <div class=\"brand-panel\">\r\n <div class=\"brand-badge\">EST. 2010  \u00b7  VREES, EMSLAND<\/div>\r\n <h2 class=\"brand-title\">CURETEC<span style=\"color:#0072ce;\"> GLOBAL<\/span><\/h2>\r\n <p class=\"brand-subtitle\">The Science of Perfect Concrete, Delivered Everywhere on Earth.<\/p>\r\n <p class=\"brand-desc\">\r\n From Vrees<span style=\"color:#0072ce;\">.<\/span> Emsland<span style=\"color:#0072ce;\">.<\/span> Germany\r\n to\r\n <span class=\"highlight\">1,000+ systems<\/span> across\r\n <span class=\"highlight\">50+ countries<\/span> on six continents<span style=\"color:#0072ce;\">.<\/span>\r\n we engineer the conditions in which great concrete is made<span style=\"color:#0072ce;\">.<\/span>\r\n precisely controlling\r\n <span class=\"highlight\">humidity<\/span><span style=\"color:#0072ce;\">,<\/span>\r\n <span class=\"highlight\">temperature<\/span> and\r\n <span class=\"highlight\">airflow<\/span> for stronger<span style=\"color:#0072ce;\">,<\/span>\r\n more consistent<span style=\"color:#0072ce;\">,<\/span> energy-efficient concrete \u2014 regardless of climate or scale<span>.<\/span>\r\n <\/p>\r\n <div class=\"brand-footer\">Since 2010<\/div>\r\n <\/div>\r\n\r\n <div class=\"timeline-panel\">\r\n <div class=\"phase-row\" id=\"curetecPhaseRow\">\r\n <span class=\"phase-label active\" data-phase=\"0\">Founding<\/span>\r\n <span class=\"phase-label\" data-phase=\"1\">Core R&D<\/span>\r\n <span class=\"phase-label\" data-phase=\"2\">Shanghai<\/span>\r\n <span class=\"phase-label\" data-phase=\"3\">Global<\/span>\r\n <span class=\"phase-label\" data-phase=\"4\">Expansion<\/span>\r\n <span class=\"phase-label\" data-phase=\"5\">Leadership<\/span>\r\n <span class=\"phase-label span-two\" data-phase=\"6\">Beyond<\/span>\r\n <\/div>\r\n\r\n <div class=\"track-container\">\r\n <div class=\"timeline-rail\" id=\"curetecRail\">\r\n <div class=\"tick-layer\" id=\"curetecTickLayer\"><\/div>\r\n <div id=\"curetecNodesContainer\"><\/div>\r\n <div id=\"curetecYearTagsContainer\"><\/div>\r\n <div class=\"future-indicator\">\r\n <span class=\"future-arrow\">\u25b6<\/span>\r\n <span class=\"future-squares\">\r\n <span class=\"future-square\"><\/span>\r\n <span class=\"future-square\"><\/span>\r\n <span class=\"future-square\"><\/span>\r\n <\/span>\r\n <\/div>\r\n <span class=\"now-badge\" id=\"curetecNowBadge\">NOW<\/span>\r\n <\/div>\r\n <div class=\"tooltip-card\" id=\"curetecTooltipCard\">\r\n <div class=\"tooltip-img\" id=\"curetecTooltipImg\"><\/div>\r\n <div class=\"tooltip-text\" id=\"curetecTooltipText\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function() {\r\n const root = document.getElementById('curetecTimeline');\r\n if (!root) return;\r\n\r\n const baseNodes = [{\r\n id: 0,\r\n year: '2010',\r\n fullYear: 2010,\r\n phaseIdx: 0,\r\n title: 'Founded in Vrees, Emsland',\r\n desc: 'Founded on a single conviction: the quality of concrete is determined by the environment in which it cures.',\r\n pos: 0,\r\n imageUrl: 'https:\/\/curetecglobal.com\/wp-content\/uploads\/2026\/06\/about-10-1.jpg'\r\n }, {\r\n id: 1,\r\n year: '2015',\r\n fullYear: 2015,\r\n phaseIdx: 1,\r\n title: 'Core Technology Developed',\r\n desc: 'Developed proprietary humidity control, temperature regulation and precision air-circulation systems \u2014 the foundation of every Curetec Global installation.',\r\n pos: 22,\r\n imageUrl: 'https:\/\/curetecglobal.com\/wp-content\/uploads\/2026\/06\/about-15.jpg'\r\n }, {\r\n id: 2,\r\n year: '2020',\r\n fullYear: 2020,\r\n phaseIdx: 2,\r\n title: 'Shanghai Hub Established',\r\n desc: 'Asia-Pacific regional hub launched in Shanghai, bringing German engineering precision to local markets with competitive investment levels and shorter lead times.',\r\n pos: 42,\r\n imageUrl: 'https:\/\/curetecglobal.com\/wp-content\/uploads\/2026\/06\/about-20.jpg'\r\n }, {\r\n id: 3,\r\n year: '2024',\r\n fullYear: 2024,\r\n phaseIdx: 3,\r\n title: '1,000+ Systems Worldwide',\r\n desc: 'Over 1,000 curing system solutions commissioned across 50+ countries on six continents \u2014 the benchmark for controlled concrete curing.',\r\n pos: 64,\r\n imageUrl: 'https:\/\/curetecglobal.com\/wp-content\/uploads\/2026\/06\/about-25.jpg'\r\n }, {\r\n id: 4,\r\n year: '2025',\r\n fullYear: 2025,\r\n phaseIdx: 4,\r\n title: 'New State-of-the-Art Factory',\r\n desc: 'Relocated to a larger, state-of-the-art production facility \u2014 boosting manufacturing efficiency, expanding output capacity, and strengthening the global supply chain for faster delivery worldwide.',\r\n pos: 82,\r\n imageUrl: 'https:\/\/curetecglobal.com\/wp-content\/uploads\/2026\/07\/about-25-3.jpg'\r\n }, {\r\n id: 5,\r\n year: '2026',\r\n fullYear: 2026,\r\n phaseIdx: 5,\r\n title: 'Global Leader in Smart Curing',\r\n desc: 'The global benchmark for controlled concrete curing \u2014 German engineering, made where it\\'s needed. Your trusted partner on every continent.',\r\n pos: 100,\r\n imageUrl: 'https:\/\/curetecglobal.com\/wp-content\/uploads\/2026\/07\/about-26-1.jpg'\r\n }];\r\n\r\n const currentYear = new Date().getFullYear();\r\n let nodes = [...baseNodes];\r\n let NOW_INDEX = baseNodes.length - 1;\r\n\r\n if (currentYear > 2026) {\r\n nodes[5].pos = 90;\r\n const fullYearStr = String(currentYear);\r\n nodes.push({\r\n id: nodes.length,\r\n year: fullYearStr,\r\n fullYear: currentYear,\r\n phaseIdx: 6,\r\n title: 'Present Day',\r\n desc: 'Continuing to lead the science of perfect concrete \u2014 engineered for stability, delivered everywhere on Earth.',\r\n pos: 100\r\n });\r\n NOW_INDEX = nodes.length - 1;\r\n }\r\n\r\n let currentIndex = 0;\r\n let isTransitioning = false;\r\n let autoPlayTimer = null;\r\n const AUTO_PLAY_INTERVAL = 3500;\r\n\r\n const rail = root.querySelector('#curetecRail');\r\n const tickLayer = root.querySelector('#curetecTickLayer');\r\n const nodesContainer = root.querySelector('#curetecNodesContainer');\r\n const yearTagsContainer = root.querySelector('#curetecYearTagsContainer');\r\n const tooltipCard = root.querySelector('#curetecTooltipCard');\r\n const tooltipImg = root.querySelector('#curetecTooltipImg');\r\n const tooltipText = root.querySelector('#curetecTooltipText');\r\n const nowBadge = root.querySelector('#curetecNowBadge');\r\n const phaseLabels = root.querySelectorAll('.phase-label');\r\n\r\n function positionNowBadge() {\r\n if (!rail || !nowBadge) return;\r\n const railRect = rail.getBoundingClientRect();\r\n const nowNode = nodes[NOW_INDEX];\r\n const leftPx = (nowNode.pos \/ 100) * railRect.width;\r\n nowBadge.style.left = leftPx + 'px';\r\n }\r\n\r\n function buildTicks() {\r\n if (!tickLayer) return;\r\n tickLayer.innerHTML = '';\r\n const total = 200;\r\n for (let i = 0; i <= total; i++) {\r\n const tick = document.createElement('div');\r\n tick.className = 'tick-mark';\r\n const pct = (i \/ total) * 100;\r\n tick.style.left = pct + '%';\r\n const isMajor = nodes.some(n => Math.abs(n.pos - pct) < 0.4);\r\n if (isMajor) tick.classList.add('major');\r\n else if (i % 10 === 0) tick.classList.add('minor');\r\n else if (i % 3 === 0) tick.classList.add('micro');\r\n else {\r\n tick.style.height = '3px';\r\n tick.style.background = 'rgba(0,114,206,0.05)';\r\n tick.style.width = '0.5px';\r\n }\r\n tickLayer.appendChild(tick);\r\n }\r\n }\r\n\r\n function buildNodesAndYears() {\r\n if (!nodesContainer || !yearTagsContainer) return;\r\n nodesContainer.innerHTML = '';\r\n yearTagsContainer.innerHTML = '';\r\n nodes.forEach((node, idx) => {\r\n const dot = document.createElement('div');\r\n dot.className = 'node-dot';\r\n if (idx === 0) dot.classList.add('selected');\r\n if (idx === NOW_INDEX && currentYear >= 2026) dot.classList.add('current-year-dot');\r\n dot.style.left = node.pos + '%';\r\n dot.setAttribute('data-index', idx);\r\n dot.addEventListener('click', (e) => {\r\n e.stopPropagation();\r\n goToNode(idx);\r\n });\r\n nodesContainer.appendChild(dot);\r\n\r\n const tag = document.createElement('span');\r\n tag.className = 'year-tag';\r\n if (idx === 0) tag.classList.add('selected-year');\r\n tag.style.left = node.pos + '%';\r\n tag.textContent = node.year;\r\n yearTagsContainer.appendChild(tag);\r\n });\r\n }\r\n\r\n function updateTooltip(node) {\r\n if (!tooltipImg || !tooltipText || !tooltipCard || !rail) return;\r\n\r\n if (node.imageUrl) {\r\n tooltipImg.innerHTML = `<img decoding=\"async\" src=\"${node.imageUrl}\" alt=\"${node.title}\" \/>`;\r\n } else {\r\n tooltipImg.innerHTML = `\r\n <svg viewBox=\"0 0 120 64\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <circle cx=\"60\" cy=\"28\" r=\"22\" fill=\"none\" stroke=\"#0072ce\" stroke-width=\"1.4\" opacity=\"0.75\"\/>\r\n <circle cx=\"60\" cy=\"28\" r=\"14\" fill=\"none\" stroke=\"#0072ce\" stroke-width=\"0.7\" opacity=\"0.45\"\/>\r\n <circle cx=\"60\" cy=\"28\" r=\"4\" fill=\"#0072ce\" opacity=\"0.85\"\/>\r\n <line x1=\"60\" y1=\"6\" x2=\"60\" y2=\"18\" stroke=\"#0072ce\" stroke-width=\"1\" opacity=\"0.6\"\/>\r\n <line x1=\"60\" y1=\"38\" x2=\"60\" y2=\"50\" stroke=\"#0072ce\" stroke-width=\"1\" opacity=\"0.6\"\/>\r\n <line x1=\"38\" y1=\"28\" x2=\"50\" y2=\"28\" stroke=\"#0072ce\" stroke-width=\"1\" opacity=\"0.6\"\/>\r\n <line x1=\"70\" y1=\"28\" x2=\"82\" y2=\"28\" stroke=\"#0072ce\" stroke-width=\"1\" opacity=\"0.6\"\/>\r\n <rect x=\"88\" y=\"10\" width=\"24\" height=\"36\" fill=\"none\" stroke=\"#0072ce\" stroke-width=\"1.1\" opacity=\"0.55\" rx=\"2\"\/>\r\n <rect x=\"94\" y=\"16\" width=\"12\" height=\"24\" fill=\"none\" stroke=\"#0072ce\" stroke-width=\"0.7\" opacity=\"0.35\" rx=\"1\"\/>\r\n <line x1=\"82\" y1=\"22\" x2=\"88\" y2=\"22\" stroke=\"#0072ce\" stroke-width=\"0.6\" opacity=\"0.5\"\/>\r\n <line x1=\"82\" y1=\"28\" x2=\"88\" y2=\"28\" stroke=\"#0072ce\" stroke-width=\"0.6\" opacity=\"0.5\"\/>\r\n <line x1=\"82\" y1=\"34\" x2=\"88\" y2=\"34\" stroke=\"#0072ce\" stroke-width=\"0.6\" opacity=\"0.5\"\/>\r\n <\/svg>\r\n `;\r\n }\r\n\r\n tooltipText.innerHTML = `\r\n <span class=\"year-badge\">${node.fullYear}<\/span>\r\n <h3>${node.title}<\/h3>\r\n <p>${node.desc}<\/p>\r\n `;\r\n\r\n const railRect = rail.getBoundingClientRect();\r\n const nodeLeftPx = (node.pos \/ 100) * railRect.width;\r\n const cardWidth = tooltipCard.offsetWidth || 240;\r\n let leftOffset = nodeLeftPx;\r\n if (leftOffset + cardWidth \/ 2 > railRect.width - 10) leftOffset = railRect.width - cardWidth \/ 2 - 10;\r\n if (leftOffset - cardWidth \/ 2 < 10) leftOffset = cardWidth \/ 2 + 10;\r\n tooltipCard.style.left = leftOffset + 'px';\r\n }\r\n\r\n function goToNode(index) {\r\n if (index === currentIndex || isTransitioning || index < 0 || index >= nodes.length) return;\r\n isTransitioning = true;\r\n const nextNode = nodes[index];\r\n\r\n const allDots = nodesContainer.querySelectorAll('.node-dot');\r\n allDots.forEach((d, i) => d.classList.toggle('selected', i === index));\r\n const allTags = yearTagsContainer.querySelectorAll('.year-tag');\r\n allTags.forEach((t, i) => t.classList.toggle('selected-year', i === index));\r\n const majorTicks = tickLayer.querySelectorAll('.tick-mark.major');\r\n majorTicks.forEach(t => t.classList.remove('active-major'));\r\n majorTicks.forEach(t => {\r\n if (Math.abs(parseFloat(t.style.left) - nextNode.pos) < 0.5) t.classList.add(\r\n 'active-major');\r\n });\r\n\r\n phaseLabels.forEach((label, i) => label.classList.toggle('active', i === nextNode.phaseIdx));\r\n nowBadge.classList.toggle('active-now', index === NOW_INDEX);\r\n\r\n tooltipCard.classList.remove('visible');\r\n setTimeout(() => {\r\n updateTooltip(nextNode);\r\n tooltipCard.classList.add('visible');\r\n currentIndex = index;\r\n isTransitioning = false;\r\n }, 180);\r\n\r\n resetAutoPlay();\r\n }\r\n\r\n function autoPlayNext() {\r\n if (isTransitioning) return;\r\n const nextIndex = (currentIndex + 1) % nodes.length;\r\n goToNode(nextIndex);\r\n }\r\n\r\n function startAutoPlay() {\r\n if (autoPlayTimer) clearInterval(autoPlayTimer);\r\n autoPlayTimer = setInterval(autoPlayNext, AUTO_PLAY_INTERVAL);\r\n }\r\n\r\n function resetAutoPlay() {\r\n if (autoPlayTimer) {\r\n clearInterval(autoPlayTimer);\r\n autoPlayTimer = setInterval(autoPlayNext, AUTO_PLAY_INTERVAL);\r\n }\r\n }\r\n\r\n rail.addEventListener('click', (e) => {\r\n if (e.target.classList.contains('node-dot') || isTransitioning) return;\r\n const rect = rail.getBoundingClientRect();\r\n const clickX = e.clientX - rect.left;\r\n const pct = (clickX \/ rect.width) * 100;\r\n let closest = 0,\r\n minDist = Infinity;\r\n nodes.forEach((n, idx) => {\r\n const d = Math.abs(n.pos - pct);\r\n if (d < minDist) {\r\n minDist = d;\r\n closest = idx;\r\n }\r\n });\r\n if (minDist < 8) goToNode(closest);\r\n });\r\n\r\n document.addEventListener('keydown', function handleKey(e) {\r\n if (!root.contains(document.activeElement)) return;\r\n if (e.key === 'ArrowLeft' && currentIndex > 0 && !isTransitioning) {\r\n e.preventDefault();\r\n goToNode(currentIndex - 1);\r\n } else if (e.key === 'ArrowRight' && currentIndex < nodes.length - 1 && !isTransitioning) {\r\n e.preventDefault();\r\n goToNode(currentIndex + 1);\r\n }\r\n });\r\n\r\n window.addEventListener('resize', () => {\r\n positionNowBadge();\r\n if (tooltipCard.classList.contains('visible')) updateTooltip(nodes[currentIndex]);\r\n });\r\n\r\n function init() {\r\n buildTicks();\r\n buildNodesAndYears();\r\n positionNowBadge();\r\n updateTooltip(nodes[0]);\r\n tooltipCard.classList.add('visible');\r\n nowBadge.classList.remove('active-now');\r\n startAutoPlay();\r\n }\r\n\r\n init();\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>\n\t\t<div class=\"elementor-element elementor-element-28fc11a e-flex e-con-boxed e-con e-parent\" data-id=\"28fc11a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-346b9cb e-con-full e-flex e-con e-child\" data-id=\"346b9cb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0d3640 elementor-widget elementor-widget-html\" data-id=\"b0d3640\" 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, user-scalable=yes\">\r\n <title>CURETEC GLOBAL | \u6781\u7b80\u76f4\u89c2\u6807\u8bed<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Raleway:wght@200;300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n #curetecSlogan {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 100%;\r\n height: auto;\r\n min-height: clamp(80px, 9vw, 140px);\r\n padding: clamp(16px, 2.5vw, 36px) clamp(16px, 3vw, 48px);\r\n position: relative;\r\n font-family: 'Raleway', sans-serif;\r\n color: #ffffff;\r\n background: transparent;\r\n box-sizing: border-box;\r\n overflow: visible;\r\n \/* \u4fee\u590d\u5c42\u53e0\u987a\u5e8f\uff1a\u786e\u4fdd\u4e0d\u906e\u6321\u4e0a\u65b9\u52a8\u6001\u5143\u7d20 *\/\r\n z-index: 0;\r\n }\r\n #curetecSlogan,\r\n #curetecSlogan * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n #curetecSlogan .slogan-row {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: clamp(20px, 3vw, 48px);\r\n width: 100%;\r\n flex-wrap: wrap;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* ========== \u5de6\u4fa7\u7ec4\u5408 ========== *\/\r\n #curetecSlogan .left-section {\r\n display: flex;\r\n align-items: center;\r\n gap: clamp(14px, 2vw, 28px);\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ========== \u6781\u7b80\u9759\u6001\u6570\u5b57\u5c55\u793a ========== *\/\r\n #curetecSlogan .number-display {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n cursor: pointer;\r\n user-select: none;\r\n -webkit-tap-highlight-color: transparent;\r\n position: relative;\r\n }\r\n #curetecSlogan .number-row {\r\n display: flex;\r\n align-items: baseline;\r\n gap: 4px;\r\n }\r\n #curetecSlogan .number-big {\r\n font-size: clamp(20px, 2.6vw, 36px);\r\n font-weight: 200;\r\n letter-spacing: 0.03em;\r\n color: #ffffff;\r\n line-height: 1;\r\n transition: opacity 0.2s ease;\r\n }\r\n #curetecSlogan .number-big.switching {\r\n opacity: 0.15;\r\n }\r\n #curetecSlogan .number-unit {\r\n font-size: clamp(5px, 0.6vw, 8px);\r\n font-weight: 500;\r\n letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n color: rgba(255, 255, 255, 0.3);\r\n transition: color 0.4s ease;\r\n }\r\n #curetecSlogan .number-unit.active-unit {\r\n color: rgba(255, 255, 255, 0.6);\r\n }\r\n\r\n \/* \u5e95\u90e8\u6781\u7ec6\u6307\u793a\u7ebf *\/\r\n #curetecSlogan .indicator-line {\r\n width: 100%;\r\n height: 1px;\r\n background: rgba(255, 255, 255, 0.08);\r\n margin-top: 6px;\r\n transition: background 0.5s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n #curetecSlogan .indicator-line::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n height: 100%;\r\n width: 40%;\r\n background: rgba(255, 255, 255, 0.3);\r\n transition: transform 0.5s ease;\r\n transform: translateX(0);\r\n }\r\n #curetecSlogan .indicator-line.shifted::after {\r\n transform: translateX(150%);\r\n }\r\n\r\n \/* \u7ec6\u7ebf\u5206\u9694 *\/\r\n #curetecSlogan .separator {\r\n width: 1px;\r\n height: clamp(28px, 4.5vw, 52px);\r\n background: rgba(255, 255, 255, 0.08);\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ========== \u53f3\u4fa7\u6587\u5b57\u533a ========== *\/\r\n #curetecSlogan .text-group {\r\n display: flex;\r\n align-items: baseline;\r\n flex-wrap: wrap;\r\n gap: 8px 14px;\r\n flex: 1 1 auto;\r\n justify-content: flex-end;\r\n min-width: 0;\r\n animation: textBreathe 8s ease-in-out infinite;\r\n }\r\n @keyframes textBreathe {\r\n 0%,\r\n 100% {\r\n transform: translateY(0);\r\n }\r\n 50% {\r\n transform: translateY(-1.5px);\r\n }\r\n }\r\n #curetecSlogan .brand-tag {\r\n font-size: clamp(7px, 0.7vw, 9px);\r\n font-weight: 500;\r\n letter-spacing: 0.22em;\r\n text-transform: uppercase;\r\n color: rgba(255, 255, 255, 0.2);\r\n white-space: nowrap;\r\n animation: subtleFadeIn 1s ease forwards;\r\n opacity: 0;\r\n animation-delay: 0.1s;\r\n }\r\n @keyframes subtleFadeIn {\r\n from {\r\n opacity: 0;\r\n letter-spacing: 0.28em;\r\n }\r\n to {\r\n opacity: 1;\r\n letter-spacing: 0.22em;\r\n }\r\n }\r\n #curetecSlogan .main-slogan {\r\n font-size: clamp(13px, 1.4vw, 18px);\r\n font-weight: 300;\r\n letter-spacing: 0.02em;\r\n color: rgba(255, 255, 255, 0.8);\r\n line-height: 1.4;\r\n text-align: right;\r\n margin: 0;\r\n animation: subtleFadeIn 1.2s ease forwards;\r\n opacity: 0;\r\n animation-delay: 0.3s;\r\n }\r\n #curetecSlogan .hl-num {\r\n font-weight: 500;\r\n position: relative;\r\n display: inline-block;\r\n transition: color 0.5s ease;\r\n }\r\n #curetecSlogan .hl-num::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -1px;\r\n left: 0;\r\n width: 100%;\r\n height: 1px;\r\n background: #ffffff;\r\n transform: scaleX(0);\r\n transform-origin: right center;\r\n transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.4s ease;\r\n opacity: 0;\r\n }\r\n #curetecSlogan .hl-24 {\r\n color: #ffffff;\r\n }\r\n #curetecSlogan .hl-24::after {\r\n transform: scaleX(1);\r\n transform-origin: left center;\r\n opacity: 0.5;\r\n }\r\n #curetecSlogan .hl-100 {\r\n color: rgba(255, 255, 255, 0.4);\r\n }\r\n #curetecSlogan .hl-100::after {\r\n transform: scaleX(0);\r\n transform-origin: right center;\r\n opacity: 0;\r\n }\r\n #curetecSlogan .hl-24.dim {\r\n color: rgba(255, 255, 255, 0.3);\r\n }\r\n #curetecSlogan .hl-24.dim::after {\r\n transform: scaleX(0);\r\n transform-origin: right center;\r\n opacity: 0;\r\n }\r\n #curetecSlogan .hl-100.bright {\r\n color: #ffffff;\r\n }\r\n #curetecSlogan .hl-100.bright::after {\r\n transform: scaleX(1);\r\n transform-origin: left center;\r\n opacity: 0.5;\r\n }\r\n\r\n \/* ========== \u54cd\u5e94\u5f0f ========== *\/\r\n @media (max-width: 768px) {\r\n #curetecSlogan {\r\n min-height: clamp(60px, 11vw, 90px);\r\n padding: clamp(10px, 2vw, 16px) clamp(12px, 2.5vw, 20px);\r\n }\r\n #curetecSlogan .slogan-row {\r\n justify-content: center;\r\n gap: 12px;\r\n }\r\n #curetecSlogan .left-section {\r\n gap: 8px;\r\n }\r\n #curetecSlogan .number-big {\r\n font-size: 18px;\r\n }\r\n #curetecSlogan .number-unit {\r\n font-size: 5px;\r\n }\r\n #curetecSlogan .separator {\r\n height: 16px;\r\n }\r\n #curetecSlogan .text-group {\r\n justify-content: center;\r\n text-align: center;\r\n }\r\n #curetecSlogan .main-slogan {\r\n font-size: 11px;\r\n text-align: center;\r\n }\r\n #curetecSlogan .brand-tag {\r\n font-size: 6px;\r\n }\r\n }\r\n @media (max-width: 480px) {\r\n #curetecSlogan {\r\n min-height: clamp(48px, 13vw, 68px);\r\n padding: 8px 10px;\r\n }\r\n #curetecSlogan .slogan-row {\r\n gap: 8px;\r\n }\r\n #curetecSlogan .number-big {\r\n font-size: 16px;\r\n }\r\n #curetecSlogan .number-unit {\r\n font-size: 4px;\r\n letter-spacing: 0.12em;\r\n }\r\n #curetecSlogan .separator {\r\n height: 12px;\r\n }\r\n #curetecSlogan .main-slogan {\r\n font-size: 10px;\r\n }\r\n #curetecSlogan .brand-tag {\r\n font-size: 5px;\r\n letter-spacing: 0.1em;\r\n }\r\n #curetecSlogan .hl-num::after {\r\n bottom: -1px;\r\n height: 0.5px;\r\n }\r\n #curetecSlogan .indicator-line {\r\n margin-top: 4px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div id=\"curetecSlogan\">\r\n <div class=\"slogan-row\">\r\n <div class=\"left-section\">\r\n <div class=\"number-display\" id=\"curetecDisplay\" tabindex=\"0\" aria-label=\"\u5207\u636224\u5c0f\u65f6\u4e0e100\u5e74\">\r\n <div class=\"number-row\">\r\n <span class=\"number-big\" id=\"curetecNumber\">24<\/span>\r\n <\/div>\r\n <span class=\"number-unit active-unit\" id=\"curetecUnit\">HOURS<\/span>\r\n <div class=\"indicator-line\" id=\"curetecIndicator\"><\/div>\r\n <\/div>\r\n <span class=\"separator\"><\/span>\r\n <\/div>\r\n <div class=\"text-group\">\r\n <span class=\"brand-tag\">CURETEC GLOBAL<\/span>\r\n <p class=\"main-slogan\">\r\n The first <span class=\"hl-num hl-24\" id=\"curetecHl24\">24 hours<\/span> decide over the next <span class=\"hl-num hl-100\" id=\"curetecHl100\">100 years<\/span><span style=\"color:rgba(255,255,255,0.25);\">.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function() {\r\n const container = document.getElementById('curetecSlogan');\r\n if (!container) return;\r\n const display = container.querySelector('#curetecDisplay');\r\n const numberEl = container.querySelector('#curetecNumber');\r\n const unitEl = container.querySelector('#curetecUnit');\r\n const indicator = container.querySelector('#curetecIndicator');\r\n const hl24 = container.querySelector('#curetecHl24');\r\n const hl100 = container.querySelector('#curetecHl100');\r\n\r\n let showing24 = true;\r\n let isAnimating = false;\r\n const INTERVAL = 4000;\r\n let timer = null;\r\n\r\n function switchState() {\r\n if (isAnimating) return;\r\n isAnimating = true;\r\n\r\n numberEl.classList.add('switching');\r\n unitEl.classList.remove('active-unit');\r\n\r\n if (showing24) {\r\n hl24.classList.add('dim');\r\n hl100.classList.add('bright');\r\n } else {\r\n hl24.classList.remove('dim');\r\n hl100.classList.remove('bright');\r\n }\r\n\r\n indicator.classList.add('shifted');\r\n\r\n setTimeout(() => {\r\n numberEl.textContent = showing24 ? '100' : '24';\r\n unitEl.textContent = showing24 ? 'YEARS' : 'HOURS';\r\n numberEl.classList.remove('switching');\r\n unitEl.classList.add('active-unit');\r\n indicator.classList.remove('shifted');\r\n showing24 = !showing24;\r\n isAnimating = false;\r\n }, 280);\r\n }\r\n\r\n function startTimer() {\r\n if (timer) clearInterval(timer);\r\n timer = setInterval(() => { if (!isAnimating) switchState(); }, INTERVAL);\r\n }\r\n\r\n display.addEventListener('click', () => {\r\n if (timer) clearInterval(timer);\r\n switchState();\r\n startTimer();\r\n });\r\n document.addEventListener('keydown', (e) => {\r\n if (e.key === ' ' && document.activeElement === display) {\r\n e.preventDefault();\r\n if (timer) clearInterval(timer);\r\n switchState();\r\n startTimer();\r\n }\r\n });\r\n\r\n function init() {\r\n hl24.classList.remove('dim');\r\n hl100.classList.remove('bright');\r\n indicator.classList.remove('shifted');\r\n startTimer();\r\n }\r\n init();\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d3d2400 e-con-full e-flex e-con e-parent\" data-id=\"d3d2400\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-f20157c e-con-full e-flex e-con e-child\" data-id=\"f20157c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0944b38 elementor-widget elementor-widget-html\" data-id=\"0944b38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n #curetecStats {\r\n width: 100%;\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 0; \/* \u5173\u952e\uff1a\u7f1d\u9699\u5f52\u96f6\uff0c\u7ebf\u6761\u7d27\u8d34 *\/\r\n background: transparent;\r\n border: none;\r\n font-family: 'Raleway', sans-serif;\r\n color: #ffffff;\r\n margin: 0;\r\n padding: 0;\r\n overflow: hidden;\r\n box-sizing: border-box;\r\n border-radius: 0;\r\n \/* \u5bb9\u5668\u5de6\u53f3\u8d34\u8fb9\u7ebf\u6761 *\/\r\n border-left: 1px solid rgba(255, 255, 255, 0.25);\r\n border-right: 1px solid rgba(255, 255, 255, 0.25);\r\n transition: border-color 0.4s ease 0.5s;\r\n }\r\n\r\n \/* \u53ef\u9009\uff1a\u5bb9\u5668\u7ebf\u6761\u5728\u6574\u4f53\u5165\u573a\u65f6\u53d8\u4eae\uff08\u901a\u8fc7\u7b2c\u4e00\u4e2a\u5361\u7247\u89e6\u53d1\u65f6\u5e26\u52a8\uff09 *\/\r\n #curetecStats.has-visible-item {\r\n border-color: rgba(255, 255, 255, 0.55);\r\n }\r\n\r\n #curetecStats .stat-item {\r\n background: transparent;\r\n padding: clamp(28px, 4vw, 40px) clamp(20px, 3vw, 32px);\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n align-items: flex-end;\r\n position: relative;\r\n overflow: hidden;\r\n min-height: 170px;\r\n opacity: 0;\r\n transform: translateY(24px);\r\n transition: opacity 0.55s ease, transform 0.55s ease, border-color 0.4s ease 0.5s;\r\n box-sizing: border-box;\r\n \/* \u4e2d\u95f4\u5206\u5272\u7ebf\uff1a\u53f3\u8fb9\u6846 *\/\r\n border-right: 1px solid rgba(255, 255, 255, 0.25);\r\n }\r\n\r\n \/* \u5165\u573a\u6fc0\u6d3b\u540e\u8fb9\u6846\u53d8\u4eae *\/\r\n #curetecStats .stat-item.animate-in {\r\n opacity: 1;\r\n transform: translateY(0);\r\n border-right-color: rgba(255, 255, 255, 0.55);\r\n }\r\n\r\n \/* \u5de6\u4e0a\u89d2\u77ed\u6a2a\u7ebf\u4fdd\u6301 *\/\r\n #curetecStats .stat-item::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 0;\r\n height: 2px;\r\n background: #ffffff;\r\n transition: width 0.6s ease 0.3s;\r\n }\r\n\r\n #curetecStats .stat-item.animate-in::after {\r\n width: 16px;\r\n }\r\n\r\n \/* \u79fb\u9664\u539f\u6709\u5de6\u53f3\u7ad6\u7ebf\uff08\u4e0d\u518d\u9700\u8981\uff09 *\/\r\n #curetecStats .stat-item .vert-line {\r\n display: none;\r\n }\r\n\r\n \/* \u6bcf\u884c\u6700\u540e\u4e00\u4e2a\u5361\u7247\u53d6\u6d88\u53f3\u8fb9\u6846\uff08\u907f\u514d\u4e0e\u5bb9\u5668\u53f3\u8fb9\u6846\u91cd\u53e0\uff09 *\/\r\n @media (min-width: 801px) {\r\n #curetecStats .stat-item:nth-child(4n) {\r\n border-right: none;\r\n }\r\n }\r\n @media (max-width: 800px) and (min-width: 501px) {\r\n #curetecStats .stat-item:nth-child(2n) {\r\n border-right: none;\r\n }\r\n }\r\n @media (max-width: 500px) {\r\n #curetecStats .stat-item {\r\n border-right: none;\r\n }\r\n }\r\n\r\n \/* \u6570\u5b57\u6837\u5f0f *\/\r\n #curetecStats .stat-number {\r\n font-size: clamp(40px, 5vw, 56px);\r\n font-weight: 800;\r\n letter-spacing: -0.02em;\r\n line-height: 1;\r\n color: #ffffff;\r\n margin: 0;\r\n white-space: nowrap;\r\n text-align: right;\r\n position: relative;\r\n z-index: 1;\r\n display: flex;\r\n align-items: baseline;\r\n gap: 2px;\r\n }\r\n\r\n #curetecStats .stat-number .highlight {\r\n color: #ffffff;\r\n display: inline-block;\r\n font-weight: 800;\r\n }\r\n\r\n #curetecStats .stat-item.animate-in .stat-number .highlight {\r\n animation: curetecStatsHighlightPulse 1.2s ease 0.5s;\r\n }\r\n\r\n @keyframes curetecStatsHighlightPulse {\r\n 0% { text-shadow: 0 0 0 rgba(255, 255, 255, 0); }\r\n 35% { text-shadow: 0 0 24px rgba(255, 255, 255, 0.7); }\r\n 100% { text-shadow: 0 0 0 rgba(255, 255, 255, 0); }\r\n }\r\n\r\n #curetecStats .stat-number .suffix {\r\n font-size: 0.7em;\r\n font-weight: 600;\r\n color: rgba(255, 255, 255, 0.7);\r\n margin-left: 2px;\r\n }\r\n\r\n \/* \u63cf\u8ff0\u6587\u5b57 *\/\r\n #curetecStats .stat-desc {\r\n font-size: clamp(12px, 1.1vw, 15px);\r\n font-weight: 500;\r\n color: rgba(255, 255, 255, 0.85);\r\n letter-spacing: 0.05em;\r\n line-height: 1.4;\r\n margin: 0;\r\n text-transform: uppercase;\r\n text-align: right;\r\n opacity: 0;\r\n transform: translateY(6px);\r\n transition: opacity 0.5s ease 0.6s, transform 0.5s ease 0.6s;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n #curetecStats .stat-item.animate-in .stat-desc {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n \/* \u9519\u843d\u52a8\u753b\u5ef6\u8fdf *\/\r\n #curetecStats .stat-item:nth-child(1) { transition-delay: 0.05s; }\r\n #curetecStats .stat-item:nth-child(2) { transition-delay: 0.15s; }\r\n #curetecStats .stat-item:nth-child(3) { transition-delay: 0.25s; }\r\n #curetecStats .stat-item:nth-child(4) { transition-delay: 0.35s; }\r\n\r\n \/* \u54cd\u5e94\u5f0f *\/\r\n @media (max-width: 800px) {\r\n #curetecStats {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n #curetecStats .stat-item {\r\n min-height: 150px;\r\n padding: clamp(24px, 3vw, 32px) clamp(16px, 2vw, 24px);\r\n }\r\n #curetecStats .stat-number {\r\n font-size: clamp(32px, 6vw, 48px);\r\n }\r\n }\r\n @media (max-width: 500px) {\r\n #curetecStats {\r\n grid-template-columns: 1fr;\r\n }\r\n #curetecStats .stat-item {\r\n min-height: 130px;\r\n }\r\n #curetecStats .stat-number {\r\n font-size: clamp(36px, 10vw, 56px);\r\n }\r\n }\r\n<\/style>\r\n\r\n<div id=\"curetecStats\">\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">\r\n <span class=\"highlight\">1,000<\/span><span class=\"suffix\">+<\/span>\r\n <\/div>\r\n <p class=\"stat-desc\">Curing systems commissioned<\/p>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">\r\n <span class=\"highlight\">50<\/span><span class=\"suffix\">+<\/span>\r\n <\/div>\r\n <p class=\"stat-desc\">Countries of operation<\/p>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">\r\n <span class=\"highlight\">20<\/span><span class=\"suffix\">+<\/span>\r\n <\/div>\r\n <p class=\"stat-desc\">Years of specialisation<\/p>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">\r\n <span class=\"highlight\">3<\/span><span class=\"suffix\"> <\/span>\r\n <\/div>\r\n <p class=\"stat-desc\">Active continental hubs<\/p>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n (function () {\r\n var statsContainer = document.getElementById('curetecStats');\r\n if (!statsContainer) return;\r\n\r\n var observer = new IntersectionObserver(\r\n function (entries) {\r\n entries.forEach(function (entry) {\r\n if (entry.isIntersecting) {\r\n var statItem = entry.target;\r\n statItem.classList.add('animate-in');\r\n \/\/ \u5f53\u7b2c\u4e00\u4e2a\u5361\u7247\u51fa\u73b0\u65f6\uff0c\u8ba9\u5bb9\u5668\u8fb9\u6846\u53d8\u4eae\r\n if (!statsContainer.classList.contains('has-visible-item')) {\r\n statsContainer.classList.add('has-visible-item');\r\n }\r\n observer.unobserve(statItem);\r\n }\r\n });\r\n },\r\n { threshold: 0.3 }\r\n );\r\n\r\n var statItems = statsContainer.querySelectorAll('.stat-item');\r\n for (var i = 0; i < statItems.length; i++) {\r\n observer.observe(statItems[i]);\r\n }\r\n })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6656e5f e-flex e-con-boxed e-con e-parent\" data-id=\"6656e5f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"gradient"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-c08d841 e-con-full e-flex e-con e-child\" data-id=\"c08d841\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e68f943 elementor-widget elementor-widget-html\" data-id=\"e68f943\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* ========== Who We Are \u900f\u660e\u6a21\u5757 \u2013 \u5de6\u53f3\u8d34\u8fb9\u88c5\u9970\u7ebf\u6761 ========== *\/\r\n #curetecWhoWeAre {\r\n width: 100%;\r\n font-family: 'Raleway', sans-serif;\r\n color: #ffffff;\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n position: relative;\r\n overflow: hidden;\r\n background: transparent;\r\n border: none;\r\n }\r\n\r\n \/* ========== \u80cc\u666f\u5c42\uff08\u5355\u5f20\u56fe\u7247\uff0c\u5de6\u4fa7\u663e\u793a\uff0c\u5411\u53f3\u6e10\u53d8\uff09 ========== *\/\r\n #curetecWhoWeAre .wwa-slideshow {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 0;\r\n pointer-events: none;\r\n \/* \u56fe\u7247\u4ece\u5de6\u5411\u53f3\u6e10\u53d8\u6d88\u5931 *\/\r\n -webkit-mask-image: linear-gradient(to right, black 0%, black 35%, transparent 65%);\r\n mask-image: linear-gradient(to right, black 0%, black 35%, transparent 65%);\r\n }\r\n\r\n #curetecWhoWeAre .wwa-slide {\r\n position: absolute;\r\n inset: 0;\r\n background-size: cover;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n \/* \u53ea\u4e00\u5f20\u56fe\u7247\uff0c\u59cb\u7ec8\u53ef\u89c1\uff0c\u4e0d\u9700\u8981 opacity \u8fc7\u6e21 *\/\r\n opacity: 1;\r\n }\r\n\r\n \/* ========== \u6df1\u8272\u906e\u7f69\u5c42 \u2013 \u786e\u4fdd\u767d\u8272\u6587\u5b57\u53ef\u8bfb ========== *\/\r\n #curetecWhoWeAre .wwa-overlay {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 1;\r\n background: rgba(0, 0, 0, 0.52);\r\n pointer-events: none;\r\n }\r\n\r\n \/* \u5de6\u4fa7\u8d34\u8fb9\u76f4\u7ebf *\/\r\n #curetecWhoWeAre::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n bottom: 0;\r\n width: 1px;\r\n background: rgba(255, 255, 255, 0.25);\r\n transition: background 0.4s ease;\r\n z-index: 2;\r\n pointer-events: none;\r\n }\r\n\r\n \/* \u53f3\u4fa7\u8d34\u8fb9\u76f4\u7ebf *\/\r\n #curetecWhoWeAre::after {\r\n content: '';\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n bottom: 0;\r\n width: 1px;\r\n background: rgba(255, 255, 255, 0.25);\r\n transition: background 0.4s ease;\r\n z-index: 2;\r\n pointer-events: none;\r\n }\r\n\r\n \/* \u5165\u573a\u6fc0\u6d3b\u540e\u76f4\u7ebf\u53d8\u4eae *\/\r\n #curetecWhoWeAre.animate-in::before,\r\n #curetecWhoWeAre.animate-in::after {\r\n background: rgba(255, 255, 255, 0.55);\r\n }\r\n\r\n #curetecWhoWeAre,\r\n #curetecWhoWeAre * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n border-radius: 0 !important;\r\n }\r\n\r\n #curetecWhoWeAre .wwa-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 2fr;\r\n gap: clamp(24px, 4vw, 64px);\r\n width: 100%;\r\n padding: clamp(32px, 5vw, 80px) clamp(16px, 5vw, 60px);\r\n position: relative;\r\n z-index: 3;\r\n }\r\n\r\n \/* ========== \u5de6\u680f \u2013 \u6807\u9898 ========== *\/\r\n #curetecWhoWeAre .wwa-left {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-start;\r\n position: relative;\r\n }\r\n\r\n #curetecWhoWeAre .wwa-title {\r\n font-size: 34px;\r\n font-weight: 800;\r\n letter-spacing: 0.03em;\r\n line-height: 1.05;\r\n color: #ffffff;\r\n text-shadow: 0 4px 12px rgba(0, 0, 0, 0.35), 0 2px 4px rgba(0, 0, 0, 0.4);\r\n margin: 0 0 20px 0;\r\n }\r\n #curetecWhoWeAre .wwa-title .accent-dot {\r\n color: #ffffff;\r\n text-shadow: 0 4px 12px rgba(0, 0, 0, 0.35), 0 2px 4px rgba(0, 0, 0, 0.4);\r\n }\r\n\r\n #curetecWhoWeAre .wwa-accent-line {\r\n width: 32px;\r\n height: 3px;\r\n background: #ffffff;\r\n opacity: 0.9;\r\n margin-top: 4px;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n \/* ========== \u53f3\u680f \u2013 \u5185\u5bb9 ========== *\/\r\n #curetecWhoWeAre .wwa-right {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 22px;\r\n }\r\n\r\n #curetecWhoWeAre .wwa-paragraph {\r\n font-size: 16px;\r\n font-weight: 400;\r\n line-height: 1.75;\r\n color: #ffffff;\r\n text-shadow: 0 2px 6px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.35);\r\n letter-spacing: 0.01em;\r\n position: relative;\r\n padding: 14px 18px 14px clamp(16px, 2vw, 28px);\r\n border-left: 1px solid rgba(255, 255, 255, 0.3);\r\n background: rgba(255, 255, 255, 0.05);\r\n transition: background 0.45s ease, border-left-color 0.35s ease;\r\n }\r\n #curetecWhoWeAre .wwa-paragraph:hover {\r\n background: rgba(255, 255, 255, 0.1);\r\n border-left-color: #ffffff;\r\n }\r\n\r\n #curetecWhoWeAre .wwa-paragraph .highlight {\r\n color: #ffffff;\r\n font-weight: 700;\r\n text-shadow: 0 3px 8px rgba(0, 0, 0, 0.4), 0 1px 3px rgba(0, 0, 0, 0.45);\r\n }\r\n\r\n #curetecWhoWeAre .wwa-paragraph .accent {\r\n color: #ffffff;\r\n font-weight: 600;\r\n text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.35);\r\n }\r\n\r\n \/* ========== \u5165\u573a\u52a8\u753b ========== *\/\r\n #curetecWhoWeAre .wwa-left,\r\n #curetecWhoWeAre .wwa-right {\r\n opacity: 0;\r\n transform: translateY(24px);\r\n transition: opacity 0.6s ease, transform 0.6s ease;\r\n }\r\n #curetecWhoWeAre .wwa-left {\r\n transition-delay: 0.1s;\r\n }\r\n #curetecWhoWeAre .wwa-right {\r\n transition-delay: 0.25s;\r\n }\r\n #curetecWhoWeAre.animate-in .wwa-left,\r\n #curetecWhoWeAre.animate-in .wwa-right {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n \/* ========== \u54cd\u5e94\u5f0f ========== *\/\r\n @media (max-width: 850px) {\r\n #curetecWhoWeAre .wwa-inner {\r\n grid-template-columns: 1fr;\r\n gap: 28px;\r\n padding: 40px 24px 48px 24px;\r\n }\r\n #curetecWhoWeAre .wwa-left {\r\n text-align: center;\r\n align-items: center;\r\n }\r\n #curetecWhoWeAre .wwa-title {\r\n font-size: 28px;\r\n }\r\n #curetecWhoWeAre .wwa-paragraph {\r\n font-size: 16px;\r\n padding: 12px 16px 12px clamp(14px, 2vw, 24px);\r\n }\r\n }\r\n @media (max-width: 500px) {\r\n #curetecWhoWeAre .wwa-inner {\r\n padding: 32px 16px 40px 16px;\r\n gap: 20px;\r\n }\r\n #curetecWhoWeAre .wwa-title {\r\n font-size: 24px;\r\n }\r\n #curetecWhoWeAre .wwa-paragraph {\r\n font-size: 15px;\r\n line-height: 1.65;\r\n padding: 10px 14px 10px clamp(12px, 2vw, 20px);\r\n }\r\n }\r\n<\/style>\r\n\r\n<div id=\"curetecWhoWeAre\">\r\n <!-- \u80cc\u666f\u56fe\u7247\uff1a\u4ec5\u5de6\u4fa7\u53ef\u89c1\uff0c\u5411\u53f3\u6e10\u9690 -->\r\n <div class=\"wwa-slideshow\">\r\n <div class=\"wwa-slide\" style=\"background-image: url('https:\/\/curetecglobal.com\/wp-content\/uploads\/2026\/07\/B1-\u62f7\u8d1d.jpg');\"><\/div>\r\n <\/div>\r\n\r\n <!-- \u6df1\u8272\u906e\u7f69\uff08\u5168\u5c40\uff09 -->\r\n <div class=\"wwa-overlay\"><\/div>\r\n\r\n <!-- \u4e3b\u8981\u5185\u5bb9 -->\r\n <div class=\"wwa-inner\">\r\n <div class=\"wwa-left\">\r\n <h2 class=\"wwa-title\">Who We Are<span class=\"accent-dot\">.<\/span><\/h2>\r\n <div class=\"wwa-accent-line\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"wwa-right\">\r\n <p class=\"wwa-paragraph\">\r\n Curetec Global was founded on a single conviction: that the quality of concrete is determined not just by its\r\n mix-design, but by the\r\n <span class=\"highlight\">environment in which it cures<\/span>. Temperature swings, uncontrolled humidity and poor\r\n air circulation produce micro-cracks, inconsistent strength and surface defects that compromise even the\r\n best-designed mixes.\r\n <span class=\"highlight\">We exist to eliminate those variables.<\/span>\r\n <\/p>\r\n <p class=\"wwa-paragraph\">\r\n Our engineering teams develop fully integrated curing systems that bring together\r\n <span class=\"accent\">humidity control<\/span>,\r\n <span class=\"accent\">thermal management<\/span> and\r\n <span class=\"accent\">precision air circulation<\/span> \u2014 unified through\r\n <span class=\"highlight\">proprietary software<\/span> that monitors, adjusts and optimises every parameter in real\r\n time. The result is concrete that meets specification consistently, with less waste, less energy, and fewer\r\n surprises.\r\n <\/p>\r\n <p class=\"wwa-paragraph\">\r\n Today, Curetec Global technology cures precast concrete elements of all kinds:\r\n <span class=\"accent\">bridge beams and girders<\/span>,\r\n <span class=\"accent\">railway sleepers<\/span>,\r\n <span class=\"accent\">paving stones and slabs<\/span>,\r\n <span class=\"accent\">concrete pipes<\/span>,\r\n <span class=\"accent\">tunnel segments<\/span>, and\r\n <span class=\"accent\">high-specification architectural panels<\/span>.\r\n Our systems operate in climates ranging from\r\n <span class=\"highlight\">sub-zero Scandinavia<\/span> to the\r\n <span class=\"highlight\">desert environments of the Middle East<\/span> and the\r\n <span class=\"highlight\">tropical conditions of Southeast Asia<\/span>.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n (function () {\r\n var wwaContainer = document.getElementById('curetecWhoWeAre');\r\n if (!wwaContainer) return;\r\n\r\n \/\/ \u5165\u573a\u52a8\u753b\r\n var observer = new IntersectionObserver(\r\n function (entries) {\r\n entries.forEach(function (entry) {\r\n if (entry.isIntersecting) {\r\n wwaContainer.classList.add('animate-in');\r\n observer.unobserve(wwaContainer);\r\n }\r\n });\r\n },\r\n { threshold: 0.25 }\r\n );\r\n observer.observe(wwaContainer);\r\n\r\n \/\/ \u80cc\u666f\u8f6e\u64ad\uff08\u5f53\u524d\u53ea\u6709\u4e00\u5f20\u56fe\u7247\uff0c\u65e0\u9700\u81ea\u52a8\u5207\u6362\uff0c\u4f46\u4fdd\u7559\u7ed3\u6784\u4ee5\u4fbf\u540e\u7eed\u6dfb\u52a0\uff09\r\n var slides = wwaContainer.querySelectorAll('.wwa-slide');\r\n \/\/ \u5982\u679c\u591a\u4e8e\u4e00\u5f20\u56fe\u7247\u5219\u542f\u52a8\u8f6e\u64ad\uff0c\u5426\u5219\u9759\u6001\u663e\u793a\r\n if (slides.length > 1) {\r\n var currentIndex = 0;\r\n var totalSlides = slides.length;\r\n var intervalTime = 5000;\r\n var slideInterval;\r\n\r\n function goToSlide(index) {\r\n for (var i = 0; i < totalSlides; i++) {\r\n slides[i].style.opacity = '0';\r\n }\r\n slides[index].style.opacity = '1';\r\n currentIndex = index;\r\n }\r\n\r\n function nextSlide() {\r\n var nextIndex = (currentIndex + 1) % totalSlides;\r\n goToSlide(nextIndex);\r\n }\r\n\r\n function startSlideshow() {\r\n stopSlideshow();\r\n slideInterval = setInterval(nextSlide, intervalTime);\r\n }\r\n\r\n function stopSlideshow() {\r\n if (slideInterval) {\r\n clearInterval(slideInterval);\r\n slideInterval = null;\r\n }\r\n }\r\n\r\n document.addEventListener('visibilitychange', function () {\r\n if (document.hidden) {\r\n stopSlideshow();\r\n } else {\r\n startSlideshow();\r\n }\r\n });\r\n\r\n startSlideshow();\r\n\r\n var visibilityObserver = new IntersectionObserver(\r\n function (entries) {\r\n entries.forEach(function (entry) {\r\n if (entry.isIntersecting) {\r\n if (!slideInterval) startSlideshow();\r\n } else {\r\n stopSlideshow();\r\n }\r\n });\r\n },\r\n { threshold: 0.05 }\r\n );\r\n visibilityObserver.observe(wwaContainer);\r\n }\r\n \/\/ \u5355\u5f20\u56fe\u7247\u65e0\u9700\u989d\u5916\u64cd\u4f5c\r\n })();\r\n<\/script>\t\t\t\t<\/div>\n\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-483b28e e-flex e-con-boxed e-con e-parent\" data-id=\"483b28e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8cf18b1 e-con-full e-flex e-con e-child\" data-id=\"8cf18b1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-8007d66 e-con-full e-flex e-con e-child\" data-id=\"8007d66\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e1f0f18 e-con-full e-flex e-con e-child\" data-id=\"e1f0f18\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0c440f3 e-con-full e-flex e-con e-child\" data-id=\"0c440f3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-05627c3 elementor-widget elementor-widget-heading\" data-id=\"05627c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Our Global Presence<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76ba113 elementor-widget elementor-widget-heading\" data-id=\"76ba113\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Curetec Global operates through two established entities and a growing network of strategic partnerships spanning every major construction market.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-066637e e-con-full e-flex e-con e-child\" data-id=\"066637e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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-eb1b094 e-con-full e-flex e-con e-parent\" data-id=\"eb1b094\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"gradient"}\">\n\t\t<div class=\"elementor-element elementor-element-f05a94c e-con-full e-flex e-con e-child\" data-id=\"f05a94c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-be1efcb elementor-widget elementor-widget-html\" data-id=\"be1efcb\" 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>Curetec Global \u00b7 \u900f\u660e\u5168\u5bbd\u6781\u7b80<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Raleway:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n background: transparent;\r\n font-family: 'Raleway', sans-serif;\r\n }\r\n\r\n #curetecGlobal {\r\n width: 100%; \/* \u786e\u4fdd\u5360\u6ee1\u5bb9\u5668\u5bbd\u5ea6 *\/\r\n max-width: 100%; \/* \u9632\u6b62\u4efb\u4f55\u5916\u90e8\u7ea6\u675f *\/\r\n background: transparent;\r\n border: none;\r\n color: #1a1a1a;\r\n margin: 0; \/* \u6d88\u9664\u5916\u8fb9\u8ddd\uff0c\u5de6\u53f3\u7d27\u8d34\u8fb9\u7f18 *\/\r\n padding: clamp(24px, 4vw, 40px) 0; \/* \u5de6\u53f3\u5185\u8fb9\u8ddd\u8bbe\u4e3a0\uff0c\u7531\u5361\u7247\u81ea\u8eabpadding\u63a7\u5236\uff0c\u5b9e\u73b0\u5b8c\u5168\u8d34\u8fb9 *\/\r\n box-sizing: border-box;\r\n overflow: hidden;\r\n }\r\n\r\n \/* \u5361\u7247\u7f51\u683c *\/\r\n #curetecGlobal .global-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 0;\r\n position: relative;\r\n margin: 0; \/* \u7f51\u683c\u65e0\u989d\u5916\u5916\u8fb9\u8ddd *\/\r\n }\r\n\r\n \/* \u6c34\u5e73\u8fde\u63a5\u7ebf *\/\r\n #curetecGlobal .global-grid::before {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 8%;\r\n right: 8%;\r\n height: 1px;\r\n background: rgba(0, 0, 0, 0.04);\r\n z-index: 0;\r\n pointer-events: none;\r\n }\r\n\r\n #curetecGlobal .global-card {\r\n background: #ffffff;\r\n \/* \u5de6\u53f3padding\u4fdd\u6301\u5185\u90e8\u8212\u9002\u95f4\u8ddd\uff0c\u5361\u7247\u4e4b\u95f4\u65e0gap\u4f46\u901a\u8fc7\u8fb9\u6846\u5206\u9694 *\/\r\n padding: clamp(20px, 2.5vw, 32px) clamp(16px, 2vw, 24px);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n position: relative;\r\n transition: all 0.35s cubic-bezier(0.2, 0.0, 0, 1.0); \/* \u66f4\u6d41\u7545\u7684\u8fc7\u6e21 *\/\r\n opacity: 0;\r\n transform: translateY(20px) scale(0.98); \/* \u521d\u59cb\u7a0d\u7f29\u5c0f\uff0c\u5165\u573a\u66f4\u6709\u7acb\u4f53\u611f *\/\r\n border-right: 1px solid #eeeff1;\r\n }\r\n\r\n #curetecGlobal .global-card:last-child {\r\n border-right: none;\r\n }\r\n\r\n \/* \u5165\u573a\u52a8\u753b\u6fc0\u6d3b\u72b6\u6001 *\/\r\n #curetecGlobal .global-card.animate-in {\r\n opacity: 1;\r\n transform: translateY(0) scale(1);\r\n }\r\n\r\n \/* \u60ac\u505c\u7acb\u4f53\u6548\u679c\u5f3a\u5316 *\/\r\n #curetecGlobal .global-card:hover {\r\n background: #fdfdff;\r\n transform: translateY(-6px) scale(1.02); \/* \u6d6e\u8d77 + \u8f7b\u5fae\u653e\u5927\uff0c\u7acb\u4f53\u611f\u660e\u663e *\/\r\n box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08),\r\n 0 4px 10px rgba(0, 0, 0, 0.04),\r\n 0 1px 4px rgba(0, 0, 0, 0.02);\r\n border-right-color: transparent;\r\n z-index: 2;\r\n transition: all 0.35s cubic-bezier(0.2, 0.0, 0, 1.0);\r\n }\r\n\r\n #curetecGlobal .global-card:last-child:hover {\r\n border-right-color: transparent;\r\n }\r\n\r\n \/* \u9876\u90e8\u88c5\u9970\u7ebf *\/\r\n #curetecGlobal .global-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 12px;\r\n right: 12px;\r\n height: 1px;\r\n background: rgba(0, 102, 180, 0.06);\r\n transition: background 0.35s ease, height 0.35s ease;\r\n }\r\n\r\n #curetecGlobal .global-card:hover::before {\r\n background: rgba(0, 102, 180, 0.22);\r\n height: 2px; \/* \u60ac\u505c\u65f6\u7ebf\u6761\u7a0d\u53d8\u7c97\uff0c\u589e\u52a0\u5c42\u6b21 *\/\r\n }\r\n\r\n \/* --- \u5b57\u4f53\u5927\u5c0f\u8c03\u6574 --- *\/\r\n \/* \u6807\u9898\uff1a\u5730\u70b9\u540d\u79f0 20px *\/\r\n #curetecGlobal .global-card .card-location {\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: #111111;\r\n letter-spacing: 0.01em;\r\n }\r\n\r\n \/* \u6700\u5c0f\u5b57\u4f53\uff1a\u4ee3\u7801\u3001\u5b9e\u4f53\u3001\u72b6\u6001\u6807\u7b7e 12px *\/\r\n #curetecGlobal .global-card .card-code {\r\n font-size: 12px;\r\n font-weight: 700;\r\n color: #0066b4;\r\n letter-spacing: 0.06em;\r\n position: relative;\r\n padding-bottom: 4px;\r\n }\r\n\r\n #curetecGlobal .global-card .card-entity {\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: #7a8a9a;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n border-left: 2px solid rgba(0, 102, 180, 0.2);\r\n padding-left: 10px;\r\n transition: border-color 0.3s ease;\r\n }\r\n\r\n #curetecGlobal .global-card .card-status {\r\n font-size: 12px;\r\n font-weight: 700;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n padding: 4px 10px;\r\n width: fit-content;\r\n border: 1px solid;\r\n border-radius: 3px;\r\n position: relative;\r\n margin-left: 14px;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n \/* \u6b63\u6587\u63cf\u8ff0 16px *\/\r\n #curetecGlobal .global-card .card-desc {\r\n font-size: 16px;\r\n line-height: 1.7;\r\n color: #5a6570;\r\n flex: 1;\r\n }\r\n\r\n #curetecGlobal .global-card .card-desc strong {\r\n color: #111111;\r\n font-weight: 600;\r\n display: block;\r\n margin-bottom: 4px;\r\n font-size: 16px; \/* \u6b63\u6587\u4e2d\u7684\u52a0\u7c97\u6807\u7b7e\u4e5f\u4fdd\u630116px *\/\r\n letter-spacing: 0.01em;\r\n }\r\n\r\n \/* \u5176\u4ed6\u7ec6\u8282\u4fdd\u6301\u4e0d\u53d8\uff0c\u786e\u4fdd\u6700\u5c0f\u5b57\u4f53\u4e3a12px *\/\r\n #curetecGlobal .global-card .card-code::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 1.5px;\r\n background: #0066b4;\r\n border-radius: 1px;\r\n transition: width 0.3s ease;\r\n }\r\n\r\n #curetecGlobal .global-card:hover .card-code::after {\r\n width: 120%;\r\n }\r\n\r\n #curetecGlobal .global-card:hover .card-entity {\r\n border-left-color: rgba(0, 102, 180, 0.45);\r\n }\r\n\r\n \/* \u72b6\u6001\u6807\u7b7e\u5de6\u4fa7\u5c0f\u70b9 *\/\r\n #curetecGlobal .global-card .card-status::before {\r\n content: '';\r\n position: absolute;\r\n left: -14px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 4px;\r\n height: 4px;\r\n border-radius: 50%;\r\n background: currentColor;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n #curetecGlobal .global-card:hover .card-status::before {\r\n transform: translateY(-50%) scale(1.3);\r\n }\r\n\r\n #curetecGlobal .global-card .card-status.operational {\r\n color: #1e7a4c;\r\n border-color: rgba(30, 122, 76, 0.3);\r\n background: rgba(30, 122, 76, 0.04);\r\n }\r\n\r\n #curetecGlobal .global-card .card-status.planned {\r\n color: #b8781a;\r\n border-color: rgba(184, 120, 26, 0.3);\r\n background: rgba(184, 120, 26, 0.04);\r\n }\r\n\r\n \/* \u9519\u843d\u5165\u573a\u52a8\u753b\u5ef6\u8fdf\uff0c\u7acb\u4f53\u611f\u4ece\u4e0d\u540c\u65f6\u95f4\u5347\u8d77 *\/\r\n #curetecGlobal .global-card:nth-child(1) { transition-delay: 0.05s; }\r\n #curetecGlobal .global-card:nth-child(2) { transition-delay: 0.15s; }\r\n #curetecGlobal .global-card:nth-child(3) { transition-delay: 0.25s; }\r\n #curetecGlobal .global-card:nth-child(4) { transition-delay: 0.35s; }\r\n\r\n \/* \u54cd\u5e94\u5f0f *\/\r\n @media (max-width: 900px) {\r\n #curetecGlobal .global-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n #curetecGlobal .global-card:nth-child(2) {\r\n border-right: none;\r\n }\r\n #curetecGlobal .global-grid::before {\r\n display: none;\r\n }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n #curetecGlobal .global-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n #curetecGlobal .global-card {\r\n border-right: none;\r\n border-bottom: 1px solid #eeeff1;\r\n }\r\n #curetecGlobal .global-card:last-child {\r\n border-bottom: none;\r\n }\r\n #curetecGlobal .global-card:hover {\r\n transform: translateY(-4px) scale(1.01); \/* \u79fb\u52a8\u7aef\u9002\u5f53\u51cf\u5c0f\u5e45\u5ea6 *\/\r\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div id=\"curetecGlobal\">\r\n <div class=\"global-grid\">\r\n <!-- \u5fb7\u56fd -->\r\n <div class=\"global-card\">\r\n <div class=\"card-header\">\r\n <span class=\"card-code\">DE<\/span>\r\n <span class=\"card-location\">Germany<\/span>\r\n <\/div>\r\n <div class=\"card-entity\">Curetec Global Germany<\/div>\r\n <div class=\"card-status operational\">Operational<\/div>\r\n <p class=\"card-desc\">\r\n <strong>Global headquarters \u00b7 Vrees, Emsland<\/strong>\r\n Founded in 2010 as the originating entity and technology centre. Our German engineering team developed the proprietary systems that underpin every Curetec installation worldwide.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- \u4e2d\u56fd -->\r\n <div class=\"global-card\">\r\n <div class=\"card-header\">\r\n <span class=\"card-code\">CN<\/span>\r\n <span class=\"card-location\">China<\/span>\r\n <\/div>\r\n <div class=\"card-entity\">Curetec Global Shanghai<\/div>\r\n <div class=\"card-status operational\">Operational<\/div>\r\n <p class=\"card-desc\">\r\n <strong>Asia-Pacific regional hub \u00b7 Shanghai<\/strong>\r\n Established in early 2020 to serve the Chinese domestic market and the broader Asia-Pacific region. Core technology adapted to regional production norms.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- \u5370\u5ea6 -->\r\n <div class=\"global-card\">\r\n <div class=\"card-header\">\r\n <span class=\"card-code\">IN<\/span>\r\n <span class=\"card-location\">India<\/span>\r\n <\/div>\r\n <div class=\"card-entity\">Apollo Inffratech \u2014 Partnership<\/div>\r\n <div class=\"card-status planned\">Manufacturing planned<\/div>\r\n <p class=\"card-desc\">\r\n <strong>Manufacturing alliance \u00b7 India<\/strong>\r\n Strategic cooperation with Apollo Inffratech to establish local manufacturing capability, bringing German-engineered curing technology to one of the world's fastest-growing markets.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- \u5168\u7403\u7f51\u7edc -->\r\n <div class=\"global-card\">\r\n <div class=\"card-header\">\r\n <span class=\"card-code\">GL<\/span>\r\n <span class=\"card-location\">Global Network<\/span>\r\n <\/div>\r\n <div class=\"card-entity\">Authorised Partners Worldwide<\/div>\r\n <div class=\"card-status operational\">50+ countries<\/div>\r\n <p class=\"card-desc\">\r\n <strong>All major markets worldwide<\/strong>\r\n Curetec Global operates through a carefully selected network of authorised partners across Europe, the Middle East, Africa, the Americas and Asia.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function() {\r\n const container = document.getElementById('curetecGlobal');\r\n if (!container) return;\r\n\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('animate-in');\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.2 });\r\n\r\n container.querySelectorAll('.global-card').forEach(card => observer.observe(card));\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>\n\t\t<div class=\"elementor-element elementor-element-4b96eed e-flex e-con-boxed e-con e-parent\" data-id=\"4b96eed\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-19c53ad e-con-full e-flex e-con e-child\" data-id=\"19c53ad\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed12977 elementor-widget elementor-widget-html\" data-id=\"ed12977\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* ========== Why Choose Us \u2013 #0072ce \u80cc\u666f \u00b7 \u95f4\u8ddd\u4f18\u5316 ========== *\/\r\n #curetecWhyChoose {\r\n width: 100%;\r\n font-family: 'Raleway', sans-serif;\r\n color: #ffffff;\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n position: relative;\r\n overflow: hidden;\r\n background: transparent;\r\n border: none;\r\n }\r\n\r\n #curetecWhyChoose::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n bottom: 0;\r\n width: 1px;\r\n background: rgba(255, 255, 255, 0.25);\r\n transition: background 0.4s ease;\r\n z-index: 2;\r\n pointer-events: none;\r\n }\r\n\r\n #curetecWhyChoose::after {\r\n content: '';\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n bottom: 0;\r\n width: 1px;\r\n background: rgba(255, 255, 255, 0.25);\r\n transition: background 0.4s ease;\r\n z-index: 2;\r\n pointer-events: none;\r\n }\r\n\r\n #curetecWhyChoose.animate-in::before,\r\n #curetecWhyChoose.animate-in::after {\r\n background: rgba(255, 255, 255, 0.55);\r\n }\r\n\r\n #curetecWhyChoose,\r\n #curetecWhyChoose * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n border-radius: 0 !important;\r\n }\r\n\r\n #curetecWhyChoose .wwc-inner {\r\n width: 100%;\r\n padding: clamp(40px, 5vw, 80px) clamp(16px, 5vw, 60px);\r\n }\r\n\r\n \/* ========== \u6807\u9898\u533a\u57df ========== *\/\r\n #curetecWhyChoose .wwc-header {\r\n margin-bottom: clamp(32px, 4vw, 56px);\r\n }\r\n\r\n #curetecWhyChoose .wwc-title {\r\n font-size: clamp(24px, 4vw, 34px);\r\n font-weight: 800;\r\n letter-spacing: 0.03em;\r\n line-height: 1.15;\r\n color: #ffffff;\r\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.25), 0 1px 3px rgba(0, 0, 0, 0.35);\r\n margin: 0 0 16px 0;\r\n }\r\n\r\n #curetecWhyChoose .wwc-title .accent-dot {\r\n color: #ffffff;\r\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);\r\n }\r\n\r\n #curetecWhyChoose .wwc-accent-line {\r\n width: 32px;\r\n height: 3px;\r\n background: #ffffff;\r\n opacity: 0.7;\r\n margin-top: 4px;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n \/* ========== \u5361\u7247\u7f51\u683c \u2013 3\u5217 ========== *\/\r\n #curetecWhyChoose .wwc-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: clamp(20px, 2.5vw, 36px);\r\n width: 100%;\r\n }\r\n\r\n \/* \u5355\u4e2a\u5361\u7247 \u2013 \u6838\u5fc3\u4fee\u590d\uff1aborder-left \u59cb\u7ec8\u4fdd\u6301 3px \u5bbd\u5ea6\uff0c\u4ec5\u989c\u8272\u53d8\u5316\uff0c\u675c\u7edd\u5185\u5bb9\u91cd\u6392 *\/\r\n #curetecWhyChoose .wwc-card {\r\n position: relative;\r\n padding: clamp(20px, 2.5vw, 32px) clamp(18px, 2.5vw, 32px) clamp(20px, 2.5vw, 32px) clamp(20px, 2.5vw, 36px);\r\n \/* \u5173\u952e\uff1a\u9ed8\u8ba4\u5c31\u662f 3px \u5bbd\uff0c\u534a\u900f\u660e\u767d\u8272\uff0c\u60ac\u6d6e\u53ea\u6539\u989c\u8272\u4e0d\u6539\u5bbd\u5ea6 *\/\r\n border-left: 3px solid rgba(255, 255, 255, 0.35);\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);\r\n background: rgba(2, 13, 37, 0.2);\r\n opacity: 0;\r\n transform: translateY(20px) translateZ(0);\r\n \/* GPU \u5408\u6210\u5c42\u52a0\u901f *\/\r\n will-change: transform, box-shadow, border-left-color, background;\r\n backface-visibility: hidden;\r\n -webkit-backface-visibility: hidden;\r\n \/* \u9650\u5236\u5e03\u5c40\u91cd\u7b97\u8303\u56f4\uff0c\u63d0\u5347\u6027\u80fd *\/\r\n contain: layout style paint;\r\n transition:\r\n opacity 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94),\r\n transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94),\r\n border-left-color 0.25s ease,\r\n box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1),\r\n background 0.3s ease;\r\n }\r\n\r\n \/* \u60ac\u505c\u6fc0\u6d3b \u2013 \u4ec5\u6539\u53d8\u989c\u8272\u548c\u9634\u5f71\uff0c\u5bbd\u5ea6\u4e0d\u53d8 *\/\r\n #curetecWhyChoose .wwc-card:hover {\r\n border-left-color: #ffffff;\r\n \/* \u4e0d\u518d\u6539\u53d8 border-left-width *\/\r\n box-shadow: 0 12px 36px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.08) inset;\r\n background: rgba(2, 13, 37, 0.45);\r\n transform: translateY(-4px) translateZ(0);\r\n }\r\n\r\n \/* \u5165\u573a\u52a8\u753b *\/\r\n #curetecWhyChoose.animate-in .wwc-card {\r\n opacity: 1;\r\n transform: translateY(0) translateZ(0);\r\n }\r\n\r\n #curetecWhyChoose.animate-in .wwc-card:nth-child(1) {\r\n transition-delay: 0.1s;\r\n }\r\n #curetecWhyChoose.animate-in .wwc-card:nth-child(2) {\r\n transition-delay: 0.18s;\r\n }\r\n #curetecWhyChoose.animate-in .wwc-card:nth-child(3) {\r\n transition-delay: 0.26s;\r\n }\r\n #curetecWhyChoose.animate-in .wwc-card:nth-child(4) {\r\n transition-delay: 0.34s;\r\n }\r\n #curetecWhyChoose.animate-in .wwc-card:nth-child(5) {\r\n transition-delay: 0.42s;\r\n }\r\n #curetecWhyChoose.animate-in .wwc-card:nth-child(6) {\r\n transition-delay: 0.5s;\r\n }\r\n\r\n \/* \u8109\u51b2\u52a8\u753b \u2013 \u4f7f\u7528 opacity \u5fae\u8c03\u4ee3\u66ff box-shadow \u5927\u5e45\u53d8\u5316\uff0c\u51cf\u8f7b GPU \u8d1f\u62c5 *\/\r\n @keyframes activatePulse {\r\n 0% {\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);\r\n }\r\n 40% {\r\n box-shadow: 0 0 18px rgba(255, 255, 255, 0.14), 0 4px 14px rgba(0, 0, 0, 0.2);\r\n }\r\n 100% {\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);\r\n }\r\n }\r\n\r\n #curetecWhyChoose.animate-in .wwc-card {\r\n animation: activatePulse 0.7s ease forwards;\r\n }\r\n #curetecWhyChoose.animate-in .wwc-card:nth-child(1) {\r\n animation-delay: 0.55s;\r\n }\r\n #curetecWhyChoose.animate-in .wwc-card:nth-child(2) {\r\n animation-delay: 0.62s;\r\n }\r\n #curetecWhyChoose.animate-in .wwc-card:nth-child(3) {\r\n animation-delay: 0.69s;\r\n }\r\n #curetecWhyChoose.animate-in .wwc-card:nth-child(4) {\r\n animation-delay: 0.76s;\r\n }\r\n #curetecWhyChoose.animate-in .wwc-card:nth-child(5) {\r\n animation-delay: 0.83s;\r\n }\r\n #curetecWhyChoose.animate-in .wwc-card:nth-child(6) {\r\n animation-delay: 0.9s;\r\n }\r\n\r\n \/* \u5361\u7247\u6807\u9898 *\/\r\n #curetecWhyChoose .wwc-card-title {\r\n font-size: clamp(15px, 1.3vw, 18px);\r\n font-weight: 700;\r\n color: #ffffff;\r\n letter-spacing: 0.02em;\r\n line-height: 1.3;\r\n margin-bottom: 10px;\r\n text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);\r\n \/* \u9632\u6b62\u6807\u9898\u6362\u884c *\/\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n }\r\n\r\n \/* \u5361\u7247\u63cf\u8ff0 *\/\r\n #curetecWhyChoose .wwc-card-desc {\r\n font-size: 16px;\r\n font-weight: 400;\r\n line-height: 1.6;\r\n color: rgba(255, 255, 255, 0.85);\r\n letter-spacing: 0.01em;\r\n }\r\n\r\n \/* ========== \u54cd\u5e94\u5f0f ========== *\/\r\n @media (max-width: 900px) {\r\n #curetecWhyChoose .wwc-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n #curetecWhyChoose .wwc-card {\r\n padding: clamp(16px, 2vw, 24px) clamp(14px, 2vw, 24px) clamp(16px, 2vw, 24px) clamp(18px, 2.5vw, 28px);\r\n }\r\n #curetecWhyChoose .wwc-card-desc {\r\n font-size: 15px;\r\n }\r\n #curetecWhyChoose .wwc-title {\r\n font-size: 28px;\r\n }\r\n #curetecWhyChoose .wwc-card-title {\r\n white-space: normal;\r\n \/* \u5c0f\u5c4f\u5141\u8bb8\u6362\u884c *\/\r\n }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n #curetecWhyChoose .wwc-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n #curetecWhyChoose .wwc-title {\r\n font-size: 24px;\r\n }\r\n #curetecWhyChoose .wwc-card {\r\n padding: 16px 16px 16px 20px;\r\n }\r\n #curetecWhyChoose .wwc-card-title {\r\n font-size: 16px;\r\n white-space: normal;\r\n }\r\n #curetecWhyChoose .wwc-card-desc {\r\n font-size: 14px;\r\n }\r\n #curetecWhyChoose .wwc-inner {\r\n padding: 32px 16px 40px 16px;\r\n }\r\n #curetecWhyChoose .wwc-card:hover {\r\n transform: translateY(-2px) translateZ(0);\r\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);\r\n }\r\n }\r\n<\/style>\r\n\r\n<div id=\"curetecWhyChoose\">\r\n <div class=\"wwc-inner\">\r\n <div class=\"wwc-header\">\r\n <h2 class=\"wwc-title\">Why Choose Curetec Global<span class=\"accent-dot\">?<\/span><\/h2>\r\n <div class=\"wwc-accent-line\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"wwc-grid\">\r\n <div class=\"wwc-card\">\r\n <h3 class=\"wwc-card-title\">Proven expertise<\/h3>\r\n <p class=\"wwc-card-desc\">More than 15 years of exclusive focus on concrete curing technology, with over 1,000 system installations providing unmatched real-world knowledge.<\/p>\r\n <\/div>\r\n <div class=\"wwc-card\">\r\n <h3 class=\"wwc-card-title\">End-to-end delivery<\/h3>\r\n <p class=\"wwc-card-desc\">From initial concept and feasibility through design, supply, installation, commissioning and long-term service \u2014 Curetec Global manages the entire process.<\/p>\r\n <\/div>\r\n <div class=\"wwc-card\">\r\n <h3 class=\"wwc-card-title\">Tailored solutions<\/h3>\r\n <p class=\"wwc-card-desc\">No two production environments are identical. Every Curetec Global system is engineered to the specific requirements of the client's product range, facility layout and climatic conditions.<\/p>\r\n <\/div>\r\n <div class=\"wwc-card\">\r\n <h3 class=\"wwc-card-title\">Global support<\/h3>\r\n <p class=\"wwc-card-desc\">With hubs in Germany and Shanghai, a manufacturing partnership in India, and authorised partners across 50+ countries, our support network is always close at hand.<\/p>\r\n <\/div>\r\n <div class=\"wwc-card\">\r\n <h3 class=\"wwc-card-title\">Energy efficiency<\/h3>\r\n <p class=\"wwc-card-desc\">Our systems are designed to minimise energy consumption without compromising curing quality, helping clients reduce operating costs and meet sustainability targets.<\/p>\r\n <\/div>\r\n <div class=\"wwc-card\">\r\n <h3 class=\"wwc-card-title\">Quality assurance<\/h3>\r\n <p class=\"wwc-card-desc\">All systems are built and maintained to German quality standards, regardless of where they are produced or installed.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n (function() {\r\n var container = document.getElementById('curetecWhyChoose');\r\n if (!container) return;\r\n\r\n var observer = new IntersectionObserver(\r\n function(entries) {\r\n entries.forEach(function(entry) {\r\n if (entry.isIntersecting) {\r\n container.classList.add('animate-in');\r\n observer.unobserve(container);\r\n }\r\n });\r\n }, { threshold: 0.15 }\r\n );\r\n\r\n observer.observe(container);\r\n })();\r\n<\/script>\t\t\t\t<\/div>\n\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>Helping Producers Achieve Faster Strength Gain, Lower Energy Costs, and Consistent Quality Smart Concrete Curing Solutions for Precast Concrete Manufacturers Curetec is more than an equipment supplier – we are your trusted curing process partner. From mix adaptation and system deployment to localized support, we empower your journey toward high – quality, sustainable production. CURETEC […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-685","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/curetecglobal.com\/zh\/wp-json\/wp\/v2\/pages\/685","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/curetecglobal.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/curetecglobal.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/curetecglobal.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/curetecglobal.com\/zh\/wp-json\/wp\/v2\/comments?post=685"}],"version-history":[{"count":0,"href":"https:\/\/curetecglobal.com\/zh\/wp-json\/wp\/v2\/pages\/685\/revisions"}],"wp:attachment":[{"href":"https:\/\/curetecglobal.com\/zh\/wp-json\/wp\/v2\/media?parent=685"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}