{"id":3660,"date":"2026-05-11T06:15:31","date_gmt":"2026-05-11T06:15:31","guid":{"rendered":"https:\/\/haomaerprecision.com\/?page_id=3660"},"modified":"2026-05-21T09:14:03","modified_gmt":"2026-05-21T09:14:03","slug":"certifications","status":"publish","type":"page","link":"https:\/\/haomaerprecision.com\/zh\/certifications\/","title":{"rendered":"Certifications"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3660\" class=\"elementor elementor-3660\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2746f31 e-flex e-con-boxed e-con e-parent\" data-id=\"2746f31\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c5df2d elementor-widget elementor-widget-spacer\" data-id=\"4c5df2d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eeb7f7e elementor-widget elementor-widget-heading\" data-id=\"eeb7f7e\" 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\">Certifications<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-82aad9c elementor-widget elementor-widget-html\" data-id=\"82aad9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n            font-family: Tahoma, sans-serif;\r\n        }\r\n        .honors-container {\r\n            background-color: #152E62;\r\n            padding: 40px 20px;\r\n            width: 100%;\r\n        }\r\n        .cert-desc {\r\n            font-size: 16px;\r\n            color: #fff;\r\n            margin-bottom: 30px;\r\n            line-height: 1.7;\r\n            padding: 0 20px;\r\n        }\r\n        .carousel-wrapper {\r\n            position: relative;\r\n            overflow: hidden;\r\n            width: 100%;\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n        }\r\n        .honors-track {\r\n            display: flex;\r\n            gap: 20px;\r\n            padding: 0 20px;\r\n            transition: transform 0.5s ease;\r\n        }\r\n        .honor-card {\r\n            min-width: calc(25% - 15px);\r\n            background-color: #FFFFFF;\r\n            border-radius: 4px;\r\n            padding: 20px;\r\n            text-align: center;\r\n        }\r\n        .honor-card img {\r\n            width: 100%;\r\n            height: 280px;\r\n            object-fit: contain;\r\n            margin-bottom: 15px;\r\n        }\r\n        .carousel-arrow {\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            width: 40px;\r\n            height: 40px;\r\n            background-color: rgba(255,255,255,0.8);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            cursor: pointer;\r\n            z-index: 10;\r\n            color: #152E62;\r\n            font-size: 20px;\r\n            font-weight: bold;\r\n            border: none;\r\n            outline: none;\r\n        }\r\n        .arrow-left { left: 10px; }\r\n        .arrow-right { right: 10px; }\r\n        .carousel-dots {\r\n            display: flex;\r\n            gap: 8px;\r\n            justify-content: center;\r\n            margin-top: 25px;\r\n        }\r\n        .dot {\r\n            width: 8px;\r\n            height: 8px;\r\n            border-radius: 50%;\r\n            background-color: rgba(255,255,255,0.5);\r\n        }\r\n        .dot.active {\r\n            background-color: #FFFFFF;\r\n        }\r\n        @media (max-width: 768px) {\r\n            .honor-card {\r\n                min-width: calc(100% - 15px);\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"honors-container\">\r\n    <p class=\"cert-desc\">We hold authoritative certifications to ensure our products meet international quality, safety and management standards.<\/p>\r\n\r\n    <div class=\"carousel-wrapper\">\r\n        <button class=\"carousel-arrow arrow-left\" onclick=\"slidePrev()\">\u2190<\/button>\r\n        <button class=\"carousel-arrow arrow-right\" onclick=\"slideNext()\">\u2192<\/button>\r\n\r\n        <div id=\"honorsTrack\" class=\"honors-track\">\r\n            <div class=\"honor-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/haomaerprecision.com\/wp-content\/uploads\/2026\/05\/\u8bc1\u4e661.jpg\">\r\n            <\/div>\r\n            <div class=\"honor-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/haomaerprecision.com\/wp-content\/uploads\/2026\/05\/\u8bc1\u4e662.jpg\">\r\n            <\/div>\r\n            <div class=\"honor-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/haomaerprecision.com\/wp-content\/uploads\/2026\/05\/\u8bc1\u4e663.jpg\">\r\n            <\/div>\r\n            <div class=\"honor-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/haomaerprecision.com\/wp-content\/uploads\/2026\/05\/\u8bc1\u4e664.jpg\">\r\n            <\/div>\r\n\r\n            <div class=\"honor-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/haomaerprecision.com\/wp-content\/uploads\/2026\/05\/\u8bc1\u4e661.jpg\">\r\n            <\/div>\r\n            <div class=\"honor-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/haomaerprecision.com\/wp-content\/uploads\/2026\/05\/\u8bc1\u4e662.jpg\">\r\n            <\/div>\r\n            <div class=\"honor-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/haomaerprecision.com\/wp-content\/uploads\/2026\/05\/\u8bc1\u4e663.jpg\">\r\n            <\/div>\r\n            <div class=\"honor-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/haomaerprecision.com\/wp-content\/uploads\/2026\/05\/\u8bc1\u4e664.jpg\">\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"carousel-dots\">\r\n            <div class=\"dot active\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    const track = document.getElementById('honorsTrack');\r\n    let currentIndex = 0;\r\n    const cardWidth = document.querySelector('.honor-card').offsetWidth + 20;\r\n    let autoPlay;\r\n\r\n    startLoop();\r\n\r\n    function startLoop() {\r\n        autoPlay = setInterval(() => {\r\n            currentIndex += cardWidth;\r\n            if (currentIndex >= cardWidth * 4) {\r\n                currentIndex = 0;\r\n                track.style.transition = 'none';\r\n                track.style.transform = `translateX(0)`;\r\n                setTimeout(() => {\r\n                    track.style.transition = 'transform 0.5s ease';\r\n                    currentIndex += cardWidth;\r\n                    track.style.transform = `translateX(-${currentIndex}px)`;\r\n                }, 50);\r\n            } else {\r\n                track.style.transform = `translateX(-${currentIndex}px)`;\r\n            }\r\n        }, 3000);\r\n    }\r\n\r\n    function slidePrev() {\r\n        clearInterval(autoPlay);\r\n        currentIndex = Math.max(currentIndex - cardWidth, 0);\r\n        track.style.transform = `translateX(-${currentIndex}px)`;\r\n        startLoop();\r\n    }\r\n\r\n    function slideNext() {\r\n        clearInterval(autoPlay);\r\n        currentIndex += cardWidth;\r\n        if (currentIndex >= cardWidth * 4) currentIndex = 0;\r\n        track.style.transform = `translateX(-${currentIndex}px)`;\r\n        startLoop();\r\n    }\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b49670d elementor-widget elementor-widget-spacer\" data-id=\"b49670d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Certifications We hold authoritative certifications to ensure our products meet international quality, safety and management standards. \u2190 \u2192<\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_angie_page":false,"_gspb_post_css":"","footnotes":""},"class_list":["post-3660","page","type-page","status-publish","hentry"],"blocksy_meta":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/haomaerprecision.com\/zh\/wp-json\/wp\/v2\/pages\/3660","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/haomaerprecision.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/haomaerprecision.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/haomaerprecision.com\/zh\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/haomaerprecision.com\/zh\/wp-json\/wp\/v2\/comments?post=3660"}],"version-history":[{"count":11,"href":"https:\/\/haomaerprecision.com\/zh\/wp-json\/wp\/v2\/pages\/3660\/revisions"}],"predecessor-version":[{"id":4759,"href":"https:\/\/haomaerprecision.com\/zh\/wp-json\/wp\/v2\/pages\/3660\/revisions\/4759"}],"wp:attachment":[{"href":"https:\/\/haomaerprecision.com\/zh\/wp-json\/wp\/v2\/media?parent=3660"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}