{"id":81,"date":"2026-04-05T09:09:49","date_gmt":"2026-04-05T01:09:49","guid":{"rendered":"https:\/\/hossoni-ess.com\/?page_id=81"},"modified":"2026-05-08T13:25:55","modified_gmt":"2026-05-08T05:25:55","slug":"about-us","status":"publish","type":"page","link":"https:\/\/hossoni-ess.com\/ar\/about-us\/","title":{"rendered":"\u0646\u0628\u0630\u0629 \u0639\u0646 \u0647\u0648\u0646\u063a \u0628\u0627\u0648"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"81\" class=\"elementor elementor-81\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49a027f e-con-full e-flex e-con e-parent\" data-id=\"49a027f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0332521 elementor-widget elementor-widget-html\" data-id=\"0332521\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\/* ========== \u6838\u5fc3\uff1a\u56fa\u5b9a\u9ad8\u5ea61300px \u9996\u5c4f\u677f\u5757 ========== *\/\r        .about-hero-section {\r            position: relative;\r            width: 100%;\r            height: 1300px; \/* \u56fa\u5b9a\u6b7b\u9ad8\u5ea6\uff0c\u4e0b\u65b9\u53ef\u653e\u5176\u4ed6\u5185\u5bb9 *\/\r            overflow: hidden;\r        }\r        \/* \u80cc\u666f\u56fe - \u56fa\u5b9a\u5728\u9996\u5c4f\u5185 *\/\r        .about-hero-bg {\r            position: absolute;\r            top: 0;\r            left: 0;\r            width: 100%;\r            height: 100%;\r            background-image: url('https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/04\/\u5382\u533a\u56fe\u7247-scaled.jpg');\r            background-size: cover;\r            background-position: center;\r            z-index: 1;\r            filter: blur(0px);\r            transition: filter 0.3s ease;\r        }\r        \/* \u6e10\u53d8\u906e\u7f69 *\/\r        .about-hero-mask {\r            position: absolute;\r            top: 0;\r            left: 0;\r            width: 100%;\r            height: 100%;\r            background: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.6));\r            z-index: 2;\r            opacity: 0;\r            transition: opacity 0.3s ease;\r        }\r        \/* \u6587\u5b57\u5185\u5bb9 - \u6700\u9ad8\u5c42\u7ea7 *\/\r        .about-hero-content {\r            position: absolute;\r            top: 0;\r            left: 0;\r            width: 100%;\r            height: 100%;\r            z-index: 999;\r            opacity: 0;\r            transition: opacity 0.5s ease;\r            padding: 80px 6%;\r        }\r        \/* \u5de6\u4e0a\u89d2\u5927\u6807\u9898 *\/\r        .about-hero-title {\r            position: absolute;\r            top: 80px;\r            left: 6%;\r            font-size: 78px;\r            font-weight: 700;\r            color: #ffffff;\r            letter-spacing: 3px;\r        }\r        \/* \u5c45\u4e2d\u4ecb\u7ecd\u6587\u5b57 *\/\r        .about-hero-text {\r            position: absolute;\r            top: 50%;\r            left: 50%;\r            transform: translate(-50%, -50%);\r            font-size: 24px;\r            line-height: 2;\r            color: #ffffff;\r            max-width: 1100px;\r            text-align: center;\r            padding: 0 20px;\r        }\r        \/* ========== \u79fb\u52a8\u7aef\u9002\u914d ========== *\/\r        @media (max-width: 768px) {\r            .about-hero-title { font-size: 42px; top: 60px; left: 5%; }\r            .about-hero-text { font-size: 18px; width: 90%; }\r        }\r        @media (max-width: 480px) {\r            .about-hero-title { font-size: 36px; }\r            .about-hero-text { font-size: 16px; }\r        }\r        \/* ========== \u53d1\u5c55\u5386\u7a0b\u677f\u5757 ========== *\/\r        .about-timeline-section {\r            width: 100%;\r            min-height: 1050px;\r            background: #f8f8f8;\r            padding: 80px 5% 330px;\r            position: relative;\r            overflow: hidden;\r        }\r        \/* \u53d1\u5c55\u5386\u7a0b\u6807\u9898 *\/\r        .about-timeline-title {\r            font-size: 36px;\r            color: #333;\r            text-align: center;\r            margin-bottom: 100px;\r            font-weight: 500;\r        }\r        \/* \u5e74\u4efd\u5185\u5bb9\u5c55\u793a\u533a - \u5bbd\u5ea6\u63a7\u5236\u57281200px *\/\r        .about-timeline-content {\r            display: flex;\r            align-items: center;\r            justify-content: space-between;\r            max-width: 1200px;\r            width: 100%;\r            margin: 0 auto;\r            position: relative;\r            min-height: 400px;\r        }\r        \/* \u5e74\u4efd\u6587\u5b57\u533a\u57df\uff08\u56fa\u5b9a\u4f4d\u7f6e\uff09 *\/\r        .about-year-info {\r            flex: 1;\r            padding-right: 50px;\r        }\r        \/* \u5927\u53f7\u5e74\u4efd\uff08\u56fa\u5b9a\u663e\u793a\u4f4d\u7f6e\uff09 *\/\r        .about-big-year {\r            font-size: 120px;\r            color: #0066cc;\r            font-weight: 700;\r            line-height: 1;\r            margin-bottom: 20px;\r        }\r        \/* \u5e74\u4efd\u63cf\u8ff0\u6587\u5b57 - \u5b57\u4f53\u653e\u5927 *\/\r        .about-year-desc {\r            font-size: 20px;\r            color: #666;\r            line-height: 1.8;\r            max-width: 400px;\r            font-weight: 400;\r        }\r        \/* \u5e74\u4efd\u56fe\u7247\u533a\u57df *\/\r        .about-year-image {\r            flex: 1;\r            display: flex;\r            justify-content: center;\r            align-items: center;\r        }\r        .about-year-image img {\r            max-width: 100%;\r            max-height: 350px;\r            border: 1px solid #eee;\r            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r        }\r        \/* ========== \u65f6\u95f4\u8f74\u6837\u5f0f ========== *\/\r        .about-timeline-axis {\r            max-width: 1200px;\r            width: 100%;\r            margin: 120px auto 0;\r            position: relative;\r            height: 60px;\r            padding: 0 50px; \/* \u6309\u94ae\u4e0e\u5e74\u4efd\u95f4\u8ddd50px *\/\r        }\r        \/* \u65f6\u95f4\u8f74\u7ebf\u6761 - \u9002\u914d\u5185\u8fb9\u8ddd *\/\r        .about-axis-line {\r            position: absolute;\r            top: 50%;\r            left: 50px;\r            right: 50px;\r            height: 2px;\r            background: #ddd;\r            transform: translateY(-50%);\r        }\r        \/* \u5e74\u4efd\u6eda\u52a8\u5bb9\u5668 *\/\r        .about-year-scroll {\r            position: absolute;\r            top: 50%;\r            left: 50px;\r            right: 50px;\r            transform: translateY(-50%);\r            display: flex;\r            align-items: center;\r            height: 40px;\r            overflow: hidden; \/* \u53ea\u663e\u793a\u53ef\u89c6\u533a\u57df\u5e74\u4efd *\/\r        }\r        \/* \u5e74\u4efd\u5217\u8868 *\/\r        .about-year-list {\r            display: flex;\r            align-items: center;\r            gap: 60px; \/* \u653e\u5927\u5e74\u4efd\u95f4\u8ddd *\/\r            transition: transform 0.3s ease;\r            height: 100%;\r            padding: 0;\r            margin: 0;\r            min-width: fit-content;\r        }\r        \/* \u5355\u4e2a\u5e74\u4efd\u8282\u70b9 - \u56fa\u5b9a\u5927\u5c0f *\/\r        .about-year-item {\r            width: 50px;\r            height: 100%;\r            display: flex;\r            flex-direction: column;\r            align-items: center;\r            justify-content: center;\r            cursor: pointer;\r            position: relative;\r            flex-shrink: 0;\r        }\r        \/* \u5e74\u4efd\u6570\u5b57 - \u52a0\u7c97 *\/\r        .about-year-num {\r            font-size: 16px;\r            color: #999;\r            margin-bottom: 5px;\r            transition: color 0.3s ease;\r            text-align: center;\r            font-weight: 600;\r        }\r        \/* \u5e74\u4efd\u5706\u70b9 *\/\r        .about-year-dot {\r            width: 8px;\r            height: 8px;\r            border-radius: 50%;\r            background: #ddd;\r            transition: background 0.3s ease, width 0.3s ease, height 0.3s ease;\r        }\r        \/* \u6fc0\u6d3b\u7684\u5e74\u4efd\u6837\u5f0f *\/\r        .about-year-item.active .about-year-num {\r            color: #0066cc;\r            font-weight: 700;\r        }\r        .about-year-item.active .about-year-dot {\r            width: 12px;\r            height: 12px;\r            background: #0066cc;\r        }\r        \/* \u5de6\u53f3\u5207\u6362\u6309\u94ae *\/\r        .about-timeline-btn {\r            position: absolute;\r            top: 50%;\r            width: 40px;\r            height: 40px;\r            border-radius: 50%;\r            background: #0066cc;\r            color: white;\r            border: none;\r            cursor: pointer;\r            display: flex;\r            align-items: center;\r            justify-content: center;\r            font-size: 20px;\r            transform: translateY(-50%);\r            z-index: 10;\r            transition: background 0.3s ease;\r        }\r        .about-timeline-btn:hover {\r            background: #0052aa;\r        }\r        \/* \u6309\u94ae\u4f4d\u7f6e *\/\r        .about-prev-btn {\r            left: 0;\r        }\r        .about-next-btn {\r            right: 0;\r        }\r        \/* \u79fb\u52a8\u7aef\u9002\u914d *\/\r        @media (max-width: 768px) {\r            .about-timeline-section {\r                min-height: 900px;\r                padding: 60px 5% 200px;\r            }\r            .about-timeline-content {\r                flex-direction: column;\r                width: 90%;\r            }\r            .about-year-info {\r                padding-right: 0;\r                margin-bottom: 30px;\r                text-align: center;\r            }\r            .about-big-year {\r                font-size: 80px;\r            }\r            .about-year-desc {\r                font-size: 18px;\r            }\r            .about-timeline-axis {\r                width: 90%;\r                margin: 80px auto 0;\r                padding: 0 30px;\r            }\r            .about-axis-line {\r                left: 30px;\r                right: 30px;\r            }\r            .about-year-scroll {\r                left: 30px;\r                right: 30px;\r            }\r            .about-year-item {\r                width: 30px;\r            }\r            .about-year-num {\r                font-size: 14px;\r                font-weight: 600;\r            }\r            .about-year-list {\r                gap: 30px; \/* \u79fb\u52a8\u7aef\u5e74\u4efd\u95f4\u8ddd *\/\r            }\r            .about-prev-btn {\r                left: 0;\r            }\r            .about-next-btn {\r                right: 0;\r            }\r        }\r    \r\r        \/* ===== Elementor \u81ea\u9002\u5e94\u4fee\u590d\uff1a\u4e0d\u6539\u539f\u8bbe\u8ba1\uff0c\u4ec5\u9632\u6b62\u56fa\u5b9a\u5c3a\u5bf8\u6491\u7834\u4e0d\u540c\u7ec8\u7aef ===== *\/\/* ===== Elementor \u81ea\u9002\u5e94\u4fee\u590d\uff1a\u5173\u4e8e\u6211\u4eec\u6a21\u5757 ===== *\/.about-hero-section {\r            height: clamp(760px, 67.7vw, 1300px);\r        }\r        .about-hero-content {\r            max-width: min(1100px, 100%);\r            padding-left: clamp(20px, 5vw, 80px);\r            padding-right: clamp(20px, 5vw, 80px);\r        }\r        .about-hero-title {\r            font-size: clamp(42px, 6.25vw, 120px);\r        }\r        .about-timeline-section {\r            min-height: auto;\r            padding-top: clamp(50px, 4.17vw, 80px);\r            padding-bottom: clamp(90px, 17.19vw, 330px);\r            overflow-x: hidden;\r        }\r        .timeline-container,\r        .year-nav {\r            max-width: min(1200px, 100%);\r        }\r        .about-timeline-content {\r            gap: clamp(24px, 5vw, 60px);\r        }\r        .about-big-year {\r            font-size: clamp(68px, 6.25vw, 120px);\r        }\r        .about-year-image img {\r            max-width: 100%;\r            height: auto;\r        }\r        @media (max-width: 900px) {\r            .about-timeline-content {\r                flex-direction: column;\r                min-height: auto;\r            }\r            .year-text {\r                max-width: 100%;\r            }\r        }\r    \r\r        \/* ===== \u6700\u7ec8\u5f3a\u5236\u81ea\u9002\u5e94\u8986\u76d6\uff1a\u5173\u4e8e\u6211\u4eec\u6a21\u5757 ===== *\/\r        .about-hero-section {\r            height: clamp(760px, 67.7vw, 1300px) !important;\r        }\r        .about-hero-title {\r            font-size: clamp(42px, 6.25vw, 120px) !important;\r        }\r        .about-timeline-section {\r            min-height: auto !important;\r            padding-top: clamp(50px, 4.17vw, 80px) !important;\r            padding-bottom: clamp(90px, 17.19vw, 330px) !important;\r        }\r        .about-big-year {\r            font-size: clamp(68px, 6.25vw, 120px) !important;\r        }\r        @media (max-width: 900px) {\r            .about-timeline-content {\r                flex-direction: column !important;\r                min-height: auto !important;\r            }\r        }\r        \/* ===== \u6700\u7ec8\u5f3a\u5236\u81ea\u9002\u5e94\u8986\u76d6\u7ed3\u675f ===== *\/\r    \r\r        \/* ===== \u5173\u4e8e\u6211\u4eec\u6a21\u5757\u9694\u79bb\u4fee\u590d\uff1a\u907f\u514d\u5f71\u54cd\u5bfc\u822a\u548c\u5176\u5b83 Elementor \u6a21\u5757 ===== *\/\r        .about-hero-section,\r        .about-hero-section *,\r        .about-timeline-section,\r        .about-timeline-section * {\r            box-sizing: border-box !important;\r            font-family: \"PingFang SC\", \"Microsoft YaHei\", sans-serif !important;\r        }\r        .about-hero-section img,\r        .about-timeline-section img,\r        .about-hero-section video,\r        .about-timeline-section video,\r        .about-hero-section iframe,\r        .about-timeline-section iframe {\r            max-width: 100% !important;\r        }\r        .about-hero-section {\r            width: 100% !important;\r            max-width: 100% !important;\r            overflow: hidden !important;\r        }\r        .about-timeline-section {\r            width: 100% !important;\r            max-width: 100% !important;\r            overflow-x: hidden !important;\r        }\r        \/* ===== \u5173\u4e8e\u6211\u4eec\u6a21\u5757\u9694\u79bb\u4fee\u590d\u7ed3\u675f ===== *\/\r    <\/style>\r<!-- ========== \u56fa\u5b9a1300px \u8d70\u8fdb\u9e3f\u5b9d\u9996\u5c4f\u677f\u5757 ========== -->\r    <div class=\"about-hero-section\">\r        <div class=\"about-hero-bg\" id=\"heroBg\"><\/div>\r        <div class=\"about-hero-mask\" id=\"heroMask\"><\/div>\r        <div class=\"about-hero-content\" id=\"heroContent\">\r            <h1 class=\"about-hero-title\">\u4f01\u4e1a\u7b80\u4ecb<\/h1>\r            <p class=\"about-hero-text\">\u9e3f\u5b9d\u65b0\u80fd\u6e90\u662f\u4e00\u5bb6\u4e13\u6ce8\u4e8e\u5149\u4f0f\u50a8\u80fd\u4e0e\u7535\u529b\u7535\u5b50\u9886\u57df\u7684\u521b\u65b0\u578b\u4f01\u4e1a\uff0c\u81f4\u529b\u4e8e\u4e3a\u5168\u7403\u5ba2\u6237\u63d0\u4f9b\u5b89\u5168\u3001\u7a33\u5b9a\u3001\u9ad8\u6548\u7684\u80fd\u6e90\u4ea7\u54c1\u4e0e\u89e3\u51b3\u65b9\u6848\u3002\u4f9d\u6258\u5728\u9006\u53d8\u5668\u3001\u50a8\u80fd\u7cfb\u7edf\u53ca\u80fd\u6e90\u7ba1\u7406\u65b9\u9762\u7684\u6301\u7eed\u7814\u53d1\u4e0e\u6280\u672f\u79ef\u7d2f\uff0c\u6211\u4eec\u4e0d\u65ad\u63a8\u52a8\u5bb6\u5ead\u3001\u5de5\u5546\u4e1a\u53ca\u79bb\u7f51\u573a\u666f\u7684\u7eff\u8272\u80fd\u6e90\u5e94\u7528\u843d\u5730\uff0c\u4ee5\u66f4\u53ef\u9760\u7684\u4ea7\u54c1\u3001\u66f4\u4e13\u4e1a\u7684\u670d\u52a1\uff0c\u52a9\u529b\u5ba2\u6237\u5b9e\u73b0\u80fd\u6e90\u72ec\u7acb\u4e0e\u53ef\u6301\u7eed\u53d1\u5c55\u3002<\/p>\r        <\/div>\r    <\/div>\r    <!-- ========== \u53d1\u5c55\u5386\u7a0b\u677f\u5757 ========== -->\r    <div class=\"about-timeline-section\">\r        <h2 class=\"about-timeline-title\">\u53d1\u5c55\u5386\u7a0b<\/h2>\r        \r        <!-- \u5e74\u4efd\u5185\u5bb9\u5c55\u793a\u533a -->\r        <div class=\"about-timeline-content\">\r            <div class=\"about-year-info\">\r                <div class=\"about-big-year\" id=\"currentYear\">2024<\/div>\r                <div class=\"about-year-desc\" id=\"currentDesc\">\u516c\u53f8\u518d\u6b21\u8363\u4e2d\u56fd\u7535\u6e90\u5b66\u4f1a\u5e38\u52a1\u7406\u4e8b\u5355\u4f4d<\/div>\r            <\/div>\r            <div class=\"about-year-image\">\r                <img decoding=\"async\" decoding=async data-opt-id=491627834  id=\"currentImage\" src=\"https:\/\/picsum.photos\/id\/126\/500\/300\" alt=\"2024\u5e74\u53d1\u5c55\u5386\u7a0b\">\r            <\/div>\r        <\/div>\r        <!-- \u5e74\u4efd\u65f6\u95f4\u8f74 -->\r        <div class=\"about-timeline-axis\">\r            <!-- \u5de6\u53f3\u5207\u6362\u6309\u94ae -->\r            <button class=\"about-timeline-btn about-prev-btn\" id=\"prevBtn\">\u25c0<\/button>\r            <button class=\"about-timeline-btn about-next-btn\" id=\"nextBtn\">\u25b6<\/button>\r            \r            <!-- \u65f6\u95f4\u8f74\u7ebf\u6761 -->\r            <div class=\"about-axis-line\"><\/div>\r            \r            <!-- \u5e74\u4efd\u6eda\u52a8\u5bb9\u5668 -->\r            <div class=\"about-year-scroll\" id=\"yearScroll\">\r                <div class=\"about-year-list\" id=\"yearList\">\r                    <!-- \u5e74\u4efd\u8282\u70b9\u4f1a\u901a\u8fc7JS\u52a8\u6001\u751f\u6210\uff082024-1999 \u5de6\u5927\u53f3\u5c0f\uff09 -->\r                <\/div>\r            <\/div>\r        <\/div>\r    <\/div>\r    <script>\r        \/\/ ========== \u9996\u5c4f\u6eda\u52a8\u6548\u679c ==========\r        window.addEventListener('scroll', function() {\r            const scrollTop = window.pageYOffset || document.documentElement.scrollTop;\r            const bg = document.getElementById('heroBg');\r            const mask = document.getElementById('heroMask');\r            const content = document.getElementById('heroContent');\r            if (scrollTop > 0) {\r                bg.style.filter = 'blur(18px)';\r                mask.style.opacity = '1';\r                content.style.opacity = '1';\r            } else {\r                bg.style.filter = 'blur(0px)';\r                mask.style.opacity = '0';\r                content.style.opacity = '0';\r            }\r        });\r\r        \/\/ ========== \u6838\u5fc3\u4fee\u6539\uff1a\u5e74\u4efd\u5012\u5e8f\u6392\u5217\uff082024\u5728\u5de6\uff0c1999\u5728\u53f3\uff09 ==========\r        \/\/ 1. \u5e74\u4efd\u6570\u636e\uff1a\u5df2\u8c03\u6574\u4e3a\u964d\u5e8f\u6392\u5217\uff08\u6700\u65b02024\u5728\u524d\uff0c\u6700\u80011999\u5728\u540e\uff09\r        const timelineData = [\r            { year: 2024, desc: \"\u516c\u53f8\u518d\u6b21\u8363\u4e2d\u56fd\u7535\u6e90\u5b66\u4f1a\u5e38\u52a1\u7406\u4e8b\u5355\u4f4d\", img: \"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/04\/2024.png\" },\r            { year: 2022, desc: \"\u516c\u53f8\u518d\u6b21\u8363\u4e2d\u56fd\u7535\u6e90\u5b66\u4f1a\u5e38\u52a1\u7406\u4e8b\u5355\u4f4d\", img: \"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/04\/2022.png\" },\r            { year: 2021, desc: \"\u516c\u53f8\u201c\u96c6\u4e2d\u7535\u6e90\u201d\u7cfb\u5217\u4ea7\u54c1\u83b7\u5f974\u9879\u5b9e\u7528\u65b0\u578b\u4e13\u5229\u53ca5\u9879\u5916\u89c2\u8bbe\u8ba1\u4e13\u5229\", img: \"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/04\/2021.png\" },\r            { year: 2020, desc: \"\u516c\u53f8\u7a33\u538b\u5668\u518d\u6b21\u83b7\u5f9710\u4f59\u9879\u5b9e\u7528\u65b0\u578b\u4e13\u5229\", img: \"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/04\/2020.png\" },\r            { year: 2019, desc: \"\u516c\u53f8\u8363\u83b7\u4e50\u6e05\u5e02\u201c\u660e\u661f\u4f01\u4e1a\u201d\u9e3f\u5b9d\u516c\u53f8\u88ab\u7701\u79d1\u6280\u5385\u8bc4\u5b9a\u4e3a\u56fd\u5bb6\u7ea7\u201c\u9ad8\u65b0\u6280\u672f\u4f01\u4e1a\u201d\", img: \"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/04\/2019.png\" },\r            { year: 2018, desc: \"\u516c\u53f8\u8363\u83b7\u4e50\u6e05\u5e02\u7231\u5fc3\u5355\u4f4d\", img: \"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/04\/2018.png\" },\r            { year: 2017, desc: \"\u201c\u9e3f\u5b9d\u201d\u5546\u6807\u88ab\u6d59\u6c5f\u7701\u5de5\u5546\u5c40\u5ef6\u7eed\u8ba4\u5b9a\u4e3a\u201c\u6d59\u6c5f\u7701\u8457\u540d\u5546\u6807\u201d\u201c\u9e3f\u5b9d\u201d\u724c\u8c03\u538b\u5668\u518d\u6b21\u590d\u8bc4\u8ba4\u5b9a\u4e3a\u4e50\u6e05\u5e02\u540d\u724c\u4ea7\u54c1\u516c\u53f8\u88ab\u8bc4\u4e3a\u67f3\u5e02\u9547\u51fa\u53e3\u521b\u6c47\u5341\u5f3a\u4f01\u4e1a\u201c\u9e3f\u5b9d\u201d\u724c\u7a33\u538b\u5668\u8363\u83b72017\u5e74\u5ea6\u4e2d\u56fd\u7a33\u538b\u5668\u5341\u5927\u54c1\u724c\u516c\u53f8\u88ab\u8bc4\u4e3a\u6d59\u6c5f\u7701A\u7ea7\u201c\u5b88\u5408\u540c\u91cd\u4fe1\u7528\u201d\u4f01\u4e1a\", img: \"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/04\/2017.png\" },\r            { year: 2016, desc: \"\u516c\u53f8\u88ab\u8bc4\u4e3a\u4e50\u6e05\u5e02\u767e\u5f3a\u4f01\u4e1a\u516c\u53f8\u88ab\u8bc4\u4e3a\u4e50\u6e05\u5e02\u5e73\u5b89\u793a\u8303\u4f01\u4e1a\u516c\u53f8\u88ab\u8bc4\u4e3a\u67f3\u5e02\u9547\u5b89\u4e94\u5341\u5f3a\u4f01\u4e1a\", img: \"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/04\/2016.png\" },\r            { year: 2015, desc: \"\u9e3f\u5b9d\u516c\u53f8\u8bc4\u4e3a\u5b89\u5168\u751f\u4ea7\u6807\u51c6\u5316\u4e09\u7ea7\u4f01\u4e1a(\u673a\u68b0)\u201c\u9e3f\u5b9d\u201d\u724c\u5145\u7535\u3001\u9006\u53d8\u5668\u590d\u8bc4\u4e3a\u6e29\u5dde\u540d\u724c\u4ea7\u54c1\", img: \"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/04\/2015.png\" },\r            { year: 2014, desc: \"\u9e3f\u5b9d\u201d\u724c\u5546\u6807\u518d\u6b21\u88ab\u5ef6\u7eed\u786e\u8ba4\u4e3a\u201c\u6d59\u6c5f\u7701\u8457\u540d\u5546\u6807\u201d\u516c\u53f8\u8425\u9500\u4e8b\u4e1a\u90e8\u83b7\u5f97\u6e29\u5dde\u5e02\u201c\u5dfe\u5e3c\u6587\u660e\u5c97\u201d\u8363\u8a89\u79f0\u53f7\u9e3f\u5b9d\u603b\u90e8\u6574\u4f53\u642c\u8fc1\u81f3\u8c61\u9633\u79d1\u6280\u56ed\u201c\u9e3f\u5b9d\u201d\u724c\u5546\u6807\u518d\u6b21\u88ab\u8bc4\u4e3a\u201c\u6d59\u6c5f\u51fa\u53e3\u540d\u724c\", img: \"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/04\/2014.png\" },\r            { year: 2013, desc: \"\u201c\u9e3f\u5b9d\u201d\u724c\u5145\u7535\u9006\u53d8\u5668\u518d\u6b21\u8363\u83b7\u201c\u6e29\u5dde\u540d\u724c\u4ea7\u54c1\u201d\", img: \"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/04\/2013.png\" },\r            { year: 2012, desc: \"\u9e3f\u5b9d\u516c\u53f8\u83b7\u8bc4\u201c\u6148\u5584\u5de5\u4f5c\u5148\u8fdb\u5355\u4f4d\u201d\u83b7\u5f97\u4e86\u7531\u6d59\u6c5f\u7701\u56fd\u5bb6\u7a0e\u52a1\u5c40\u3001\u6d59\u6c5f\u7701\u5730\u65b9\u7a0e\u52a1\u5c40\u6388\u4e88\u7684\u300a\u7eb3\u7a0e\u4fe1\u7528\u7b49\u7ea7\u8bc1\u4e66\u300b\u901a\u8fc7 ISO9001-2008\u3001ISO14001-2004\u3001OHSAS18001 \u4e09\u5408\u4e00\u7ba1\u7406\u4f53\u7cfb\u5ba1\u6838\", img: \"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/04\/2012.png\" },\r            { year: 2011, desc: \"\u9e3f\u5b9d\u516c\u53f8\u7ecf\u4e2d\u56fd\u7535\u6e90\u5b66\u4f1a\u5ba1\u6838\u6279\u51c6\u4e3a\u4e2d\u56fd\u7535\u6e90\u5b66\u4f1a\u5e38\u52a1\u7406\u4e8b\u5355\u4f4d \u4e0a\u6d77\u9e3f\u5b9d\u751f\u4ea7\u57fa\u5730\u4e54\u8fc1\u81f3\u4e0a\u6d77\u5e02\u5609\u5b9a\u5de5\u4e1a\u533a(\u56fd\u5bb6\u7ea7\u9ad8\u79d1\u6280\u6838\u5fc3\u533a\u6c47\u65fa\u4e1c\u8def888\u53f7\u9e3f\u5b9d\u516c\u53f8\u5728\u4e0a\u6d77\u6210\u52d2\u5730\u627f\u529e\u4e86 \u4e2d\u56fd\u7535\u6e90\u5b66\u4f1a\u7b2c\u5341\u4e5d\u5c4a\u5b66\u672f\u5e74\u4f1a\u66a8\u9996\u5c4a\u4e2d\u56fd\u7535\u6e90\u5b66\u4f1a\u79d1\u5b66\u6280\u672f\u5956\u9881\u5956\u4eea\u5f0f\u201d\u201c\u9e3f\u5b9d\u201d\u724c\u7a33\u538b\u7535\u6e90\u88ab\u8bc4\u4e3a\u201c\u6d59\u6c5f\u7701\u51fa\u53e3\u540d\u724c\u4ea7\u54c1\", img: \"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/04\/2011.png\" },\r            { year: 2009, desc: \"\u201c\u9e3f\u5b9d\u201d\u724c\u5546\u6807\u88ab\u8ba4\u5b9a\u4e3a\u201c\u4e2d\u56fd\u9a70\u540d\u5546\u6807\u201d\u201c\u9e3f\u5b9d\u201d\u724c\u592a\u9633\u80fd\u5e76\u7f51\u9006\u53d8\u5668\u5217\u5165\u7701\u91cd\u5927\u79d1\u6280\u4e13\u9879\u201c\u9e3f\u5b9d\u201d\u724c\u7b49\u79bb\u5b50\u673a\u5217\u5165\u56fd\u5bb6\u77e5\u8bc6\u4ea7\u6743\u53d1\u660e\u4e13\u5229\", img: \"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/04\/2009.png\" },\r            { year: 2008, desc: \"\u9e3f\u5b9d\u516c\u53f8\u88ab\u8bc4\u4e3a\u201c\u5b88\u5408\u540c\u91cd\u4fe1\u7528\u5355\u4f4d\u201d\", img: \"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/04\/2008.png\" },\r            { year: 2006, desc: \"\u201c\u9e3f\u5b9d\u201d\u724cUPS\u4e0d\u95f4\u65ad\u7535\u6e90\u88ab\u56fd\u5bb6\u8d28\u68c0\u603b\u5c40\u8bc4\u5b9a\u4e3a\u201c\u514d\u68c0\u4ea7\u201d\", img: \"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/04\/2007.png\" },\r            { year: 2005, desc: \"\u201c\u9e3f\u5b9d\u201d\u724c\u5fae\u7535\u8111\u667a\u80fd\u578b\u5145\u7535\u5668\u5217\u5165\u56fd\u5bb6\u7ea7\u201c\u706b\u70ac\u8ba1\u5212\u201d\u9879\u76ee\uff0c\u83b7\u5e02\u79d1\u5b66\u6280\u672f\u8fdb\u6b65\u5956\u88ab\u79d1\u6280\u90e8\u8bc4\u5b9a\u4e3a\u56fd\u5bb6\u7ea7\u201c\u9ad8\u65b0\u6280\u672f\u4f01\u4e1a;\u201c\u9e3f\u5b9d\u201d\u724c\u7a33\u538b\u7535\u6e90\u88ab\u7701\u540d\u724c\u63a8\u8fdb\u59d4\u5458\u4f1a\u8ba4\u5b9a\u4e3a\u201c\u6d59\u6c5f\u540d\u724c\u201d\u4ea7\u54c1\u9e3f\u5b9d\u7535\u6e90\u7814\u7a76\u6240\u88ab\u8ba4\u5b9a\u4e3a\u201c\u7701\u7ea7\u9ad8\u65b0\u6280\u672f\u7814\u7a76\u5f00\u53d1\u4e2d\u5fc3\u201d\u201c\u9e3f\u5b9d\u201d\u724c\u5fae\u7535\u8111\u667a\u80fd\u578b\u5145\u7535\u5668\u8363\u83b7\u6e29\u5dde\u5e02\u79d1\u6280\u8fdb\u6b65\u5956\", img: \"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/04\/2005.png\" },\r            { year: 2004, desc: \"\u201c\u9e3f\u5b9d\u201d\u5546\u6807\u88ab\u6d59\u6c5f\u7701\u5de5\u5546\u5c40\u8ba4\u5b9a\u4e3a\u201c\u6d59\u6c5f\u7701\u8457\u540d\u5546\u6807\u201d\u201c\u9e3f\u5b9d\u201d\u724c\u7a33\u538b\u7535\u6e90\u88ab\u6e29\u5dde\u5e02\u4eba\u6c11\u653f\u5e9c\u8ba4\u5b9a\u4e3a\u201c\u6e29\u5dde\u540d\u724c\u201d\u4ea7\u54c1\", img: \"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/04\/2004.png\" },\r            { year: 2003, desc: \"\u667a\u80fd\u578bUPS\u3001\u5fae\u7535\u8111\u65e0\u89e6\u70b9\u8865\u507f\u5f0f\u7535\u529b\u7a33\u538b\u5668\u5217\u5165\u56fd\u5bb6\u7ea7\u201c\u706b\u70ac\u8ba1\u5212\u201d\u9879\u76ee\u88ab\u7701\u6599\u5b66\u6280\u672f\u5385\u8bc4\u5b9a\u4e3a\u7701\u7ea7\u201c\u9ad8\u65b0\u6280\u672f\u4f01\u4e1a\u201d\", img: \"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/04\/2003.png\" },\r            { year: 2002, desc: \"\u201c\u9e3f\u5b9d\u201d\u5546\u6807\u88ab\u6e29\u5dde\u5e02\u4eba\u6c11\u653f\u5e9c\u8ba4\u5b9a\u4e3a\u201c\u6e29\u5dde\u77e5\u540d\u5546\u6807\u201d\", img: \"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/04\/2002.png\" },\r            { year: 2001, desc: \"\u83b7\u79d1\u6280\u90e8\u6280\u672f\u521b\u65b0\u57fa\u91d1\u5956\", img: \"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/04\/2001.png\" },\r            { year: 2000, desc: \"\u6210\u7acb\u201c\u4e0a\u6d77\u9e3f\u5b9d\u4f01\u4e1a\u53d1\u5c55\u6709\u9650\u516c\u53f8\u201d\", img: \"https:\/\/picsum.photos\/id\/104\/500\/300\" },\r            { year: 1999, desc: \"\u901a\u8fc7ISO14001\u73af\u5883\u7ba1\u7406\u4f53\u7cfb\u8ba4\u8bc1\", img: \"https:\/\/picsum.photos\/id\/103\/500\/300\" },\r            { year: 1997, desc: \"\u7ecf\u56fd\u5bb6\u5de5\u5546\u603b\u5c40\u6838\u51c6\u664b\u5347\u4e3a\u5168\u56fd\u6027\u65e0\u533a\u57df\u80a1\u4efd\u4f01\u4e1a\u3002\u901a\u8fc7ISO9001\u8d28\u91cf\u7ba1\u7406\u4f53\u7cfb\u8ba4\u8bc1\", img: \"https:\/\/picsum.photos\/id\/102\/500\/300\" },\r            { year: 1996, desc: \"\u6210\u7acb\u201c\u6d59\u6c5f\u9e3f\u5b9d\u7535\u6c14\u80a1\u4efd\u6709\u9650\u516c\u53f8\u201d\", img: \"https:\/\/picsum.photos\/id\/101\/500\/300\" }\r        ];\r\r        \/\/ 2. \u521d\u59cb\u5316\u53d8\u91cf\uff1a\u9ed8\u8ba4\u9009\u4e2d\u6700\u5de6\u4fa7\u76842024\u5e74\uff08\u6570\u7ec4\u7b2c0\u4f4d\uff09\r        const yearList = document.getElementById('yearList');\r        const yearScroll = document.getElementById('yearScroll');\r        const currentYearEle = document.getElementById('currentYear');\r        const currentDesc = document.getElementById('currentDesc');\r        const currentImage = document.getElementById('currentImage');\r        const prevBtn = document.getElementById('prevBtn');\r        const nextBtn = document.getElementById('nextBtn');\r        \r        let currentIndex = 0; \/\/ 2024\u5e74\u5728\u6570\u7ec4\u7b2c0\u4f4d\uff0c\u9ed8\u8ba4\u9009\u4e2d\r        let scrollPosition = 0;\r\r        \/\/ 3. \u751f\u6210\u5e74\u4efd\u8282\u70b9\uff082024\u5728\u6700\u5de6\uff0c1999\u5728\u6700\u53f3\uff09\r        function renderYearNodes() {\r            yearList.innerHTML = '';\r            timelineData.forEach((item, index) => {\r                const yearItem = document.createElement('div');\r                yearItem.className = `about-year-item ${index === currentIndex ? 'active' : ''}`;\r                yearItem.dataset.index = index;\r                \r                yearItem.innerHTML = `\r                    <div class=\"about-year-num\">${item.year}<\/div>\r                    <div class=\"about-year-dot\"><\/div>\r                `;\r                \r                \/\/ \u70b9\u51fb\u5e74\u4efd\u5207\u6362\r                yearItem.addEventListener('click', () => {\r                    currentIndex = index;\r                    updateTimeline();\r                    scrollToActiveYear();\r                });\r                \r                yearList.appendChild(yearItem);\r            });\r        }\r\r        \/\/ 4. \u66f4\u65b0\u65f6\u95f4\u8f74\u663e\u793a\uff08\u5e74\u4efd\u4e0e\u5185\u5bb9\u4e00\u4e00\u5bf9\u5e94\uff09\r        function updateTimeline() {\r            \/\/ \u66f4\u65b0\u5185\u5bb9\u533a\r            const data = timelineData[currentIndex];\r            currentYearEle.textContent = data.year;\r            currentDesc.textContent = data.desc;\r            currentImage.src = data.img;\r            currentImage.alt = `${data.year}\u5e74\u53d1\u5c55\u5386\u7a0b`;\r            \/\/ \u66f4\u65b0\u5e74\u4efd\u6fc0\u6d3b\u72b6\u6001\r            document.querySelectorAll('.about-year-item').forEach((item, index) => {\r                item.classList.toggle('active', index === currentIndex);\r            });\r        }\r\r        \/\/ 5. \u6eda\u52a8\u5230\u6fc0\u6d3b\u5e74\u4efd\uff0c\u786e\u4fdd2024\u5e74\u9ed8\u8ba4\u5728\u6700\u5de6\u4fa7\u663e\u793a\r        function scrollToActiveYear() {\r            const activeItem = document.querySelector('.about-year-item.active');\r            if (activeItem) {\r                const itemWidth = activeItem.offsetWidth;\r                const gap = parseInt(getComputedStyle(yearList).gap) || 0;\r                const scrollContainerWidth = yearScroll.offsetWidth;\r                \r                \/\/ \u8ba1\u7b97\u504f\u79fb\u91cf\uff1a\u521d\u59cb\u5316\u65f62024\u5e74\u5728\u6700\u5de6\uff0c\u540e\u7eed\u9009\u4e2d\u5e74\u4efd\u5c45\u4e2d\r                if (currentIndex === 0) {\r                    scrollPosition = 0; \/\/ 2024\u5e74\u56fa\u5b9a\u5728\u6700\u5de6\r                } else {\r                    scrollPosition = (itemWidth + gap) * currentIndex - (scrollContainerWidth \/ 2) + (itemWidth \/ 2);\r                }\r                \r                \/\/ \u8fb9\u754c\u63a7\u5236\r                const maxScroll = yearList.offsetWidth - scrollContainerWidth;\r                scrollPosition = Math.max(0, Math.min(scrollPosition, maxScroll));\r                \r                \/\/ \u5e94\u7528\u6eda\u52a8\r                yearList.style.transform = `translateX(-${scrollPosition}px)`;\r            }\r        }\r\r        \/\/ 6. \u5de6\u53f3\u5207\u6362\u6309\u94ae\u4e8b\u4ef6\r        \/\/ \u5de6\u6309\u94ae\uff1a\u5207\u6362\u5230\u66f4\u65b0\u7684\u5e74\u4efd\uff08\u5f80\u5de6\uff09\r        prevBtn.addEventListener('click', () => {\r            if (currentIndex > 0) {\r                currentIndex--;\r                updateTimeline();\r                scrollToActiveYear();\r            }\r        });\r        \/\/ \u53f3\u6309\u94ae\uff1a\u5207\u6362\u5230\u66f4\u65e9\u7684\u5e74\u4efd\uff08\u5f80\u53f3\uff09\r        nextBtn.addEventListener('click', () => {\r            if (currentIndex < timelineData.length - 1) {\r                currentIndex++;\r                updateTimeline();\r                scrollToActiveYear();\r            }\r        });\r\r        \/\/ 7. \u9875\u9762\u521d\u59cb\u5316\r        renderYearNodes();\r        updateTimeline();\r        scrollToActiveYear(); \/\/ \u521d\u59cb\u5316\u6eda\u52a8\u5230\u6700\u5de6\u4fa72024\u5e74\r\r        \/\/ 8. \u7a97\u53e3\u5927\u5c0f\u53d8\u5316\u65f6\u91cd\u65b0\u9002\u914d\r        window.addEventListener('resize', () => {\r            renderYearNodes();\r            updateTimeline();\r            scrollToActiveYear();\r        });\r        \/\/ \u5173\u4e8e\u6211\u4eec\uff1a\u53ea\u9690\u85cf\u53f3\u4fa7\u5e26 TOP \u7684\u56fa\u5b9a\u5c0f\u5de5\u5177\u6761\uff0c\u4e0d\u5904\u7406\u5bfc\u822a\u548c\u9875\u9762\u5185\u90e8\u6a21\u5757\r        (function hideAboutTopFloatingBar() {\r            function findFixedAncestor(el) {\r                let node = el;\r                while (node && node !== document.body && node !== document.documentElement) {\r                    const cs = window.getComputedStyle(node);\r                    const rect = node.getBoundingClientRect();\r                    const vw = window.innerWidth || document.documentElement.clientWidth;\r                    const isRightTool = rect.right >= vw - 140 && rect.top > 100 && rect.width <= 140 && rect.height <= 420;\r                    if ((cs.position === 'fixed' || cs.position === 'sticky') && isRightTool) return node;\r                    node = node.parentElement;\r                }\r                return null;\r            }\r\r            function run() {\r                const nodes = Array.from(document.querySelectorAll('body *')).filter(function(el) {\r                    return (el.textContent || '').trim() === 'TOP';\r                });\r                nodes.forEach(function(topNode) {\r                    if (topNode.closest('header, nav, .elementor-location-header, .elementor-nav-menu, .main-header, .site-header, .about-hero-section, .about-timeline-section')) return;\r                    const bar = findFixedAncestor(topNode);\r                    if (bar) {\r                        bar.style.setProperty('display', 'none', 'important');\r                        bar.style.setProperty('visibility', 'hidden', 'important');\r                        bar.style.setProperty('pointer-events', 'none', 'important');\r                    }\r                });\r            }\r\r            run();\r            window.addEventListener('load', run);\r            setTimeout(run, 300);\r            setTimeout(run, 1000);\r        })();\r    <\/script>\r<!-- \u5df2\u4fee\u6539\uff1a\u5173\u4e8e\u6211\u4eec Elementor \u5b89\u5168\u7247\u6bb5\u3002\u5df2\u6062\u590d\u65f6\u95f4\u7ebf\u548c\u9875\u9762\u5185\u90e8\u60ac\u6d6e\u6587\u5b57\uff1b\u4fdd\u7559\u81ea\u9002\u5e94\uff1b\u4ec5\u6309 TOP \u7cbe\u786e\u9690\u85cf\u53f3\u4fa7\u56db\u4e2a\u5c0f\u6302\u4ef6\uff1b\u79fb\u9664 html\/head\/body \u5916\u5c42\uff0c\u907f\u514d\u5f71\u54cd WP \u5bfc\u822a\u548c\u5de8\u578b\u5bfc\u822a\u3002 -->\r\r\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-29cc2f6 e-flex e-con-boxed e-con e-parent\" data-id=\"29cc2f6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-554ea90 elementor-widget elementor-widget-html\" data-id=\"554ea90\" 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>\u9e3f\u5b9d\u8363\u8a89<\/title>\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n            font-family: \"PingFang SC\", \"Microsoft YaHei\", sans-serif;\r\n        }\r\n        html, body {\r\n            width: 100%;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* \u8363\u8a89\u677f\u5757\u6574\u4f53\u5bb9\u5668 - \u5bbd\u5ea6100% *\/\r\n        .honor-section {\r\n            width: 100%;\r\n            position: relative;\r\n            background-color: #f5f5f5; \/* \u5339\u914d\u539f\u56fe\u6d45\u7070\u767d\u80cc\u666f *\/\r\n            min-height: 1080px; \/* \u9884\u7559\u53f0\u9636\u9519\u4f4d\u7a7a\u95f4 *\/\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* \u5de6\u4fa7\u84dd\u8272\u533a\u5757 - \u9ad8\u5ea61000px\uff0c\u5e95\u90e8\u53f0\u9636\u9519\u4f4d *\/\r\n        .honor-left {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 46%;\r\n            height: 1000px;\r\n            \/* \u5982\u9700\u66ff\u6362\u4e3a\u5de6\u4fa7\u80cc\u666f\u56fe\uff0c\u53d6\u6d88\u4e0b\u9762\u6ce8\u91ca\uff0c\u66ff\u6362url\u5373\u53ef *\/\r\n            \/* background: url('\u4f60\u7684\u5de6\u4fa7\u80cc\u666f\u56fe\u94fe\u63a5') no-repeat center;\r\n            background-size: cover; *\/\r\n            background-color: #1c54a6; \/* \u5339\u914d\u539f\u56fe\u6df1\u84dd\u8272 *\/\r\n            z-index: 2;\r\n        }\r\n\r\n        \/* \u5de6\u4fa7\u6587\u5b57\u5185\u5bb9 - 1:1\u8fd8\u539f\u4f4d\u7f6e\u548c\u6837\u5f0f *\/\r\n        .honor-content {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 100%;\r\n            padding: 180px 12% 80px 18%;\r\n            z-index: 3;\r\n            color: #ffffff;\r\n        }\r\n\r\n        \/* \u5927\u6807\u9898\u6837\u5f0f *\/\r\n        .honor-title {\r\n            font-size: 42px;\r\n            font-weight: 700;\r\n            letter-spacing: 2px;\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        \/* \u6807\u9898\u4e0b\u5212\u7ebf *\/\r\n        .title-line {\r\n            width: 60px;\r\n            height: 2px;\r\n            background-color: #ffffff;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        \/* \u8363\u8a89\u5217\u8868 *\/\r\n        .honor-list {\r\n            list-style: none;\r\n            font-size: 16px;\r\n            line-height: 2.4;\r\n            font-weight: 400;\r\n        }\r\n\r\n        \/* \u5e95\u90e8\u534a\u900f\u660e\u6c34\u5370logo *\/\r\n        .watermark-logo {\r\n            position: absolute;\r\n            bottom: 40px;\r\n            right: 40px;\r\n            width: 320px;\r\n            height: auto;\r\n            opacity: 0.1;\r\n            z-index: 1;\r\n            \/* \u66ff\u6362\u4e3a\u4f60\u7684\u6c34\u5370logo\u94fe\u63a5 *\/\r\n            src: url('\u4f60\u7684\u6c34\u5370logo\u94fe\u63a5');\r\n        }\r\n\r\n        \/* \u53f3\u4fa7\u5956\u676f\u56fe\u7247\u533a\u5757 - \u9ad8\u5ea61000px\uff0c\u548c\u5de6\u4fa7\u9519\u4f4d\u5f62\u6210\u53f0\u9636 *\/\r\n        .honor-right {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 42%; \/* \u5de6\u8fb9\u7f18\u548c\u5de6\u4fa7\u84dd\u8272\u5757\u91cd\u53e0\uff0c\u8fd8\u539f\u9519\u843d\u611f *\/\r\n            width: 58%;\r\n            height: 1000px;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* \u53f3\u4fa7\u5956\u676f\u56fe\u7247 *\/\r\n        .honor-img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            object-position: center;\r\n            \/* \u66ff\u6362\u4e3a\u4f60\u7684\u5956\u676f\u56fe\u7247\u94fe\u63a5 *\/\r\n            src: url('\u4f60\u7684\u5956\u676f\u56fe\u7247\u94fe\u63a5');\r\n        }\r\n\r\n        \/* \u53f3\u4fa7\u60ac\u6d6e\u6309\u94ae\u7ec4\uff08\u548c\u539f\u56fe\u4e00\u81f4\uff0c\u4e0d\u9700\u8981\u53ef\u76f4\u63a5\u5220\u9664\uff09 *\/\r\n        .float-btns {\r\n            position: fixed;\r\n            right: 20px;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            z-index: 999;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 2px;\r\n        }\r\n\r\n        .float-btn {\r\n            width: 48px;\r\n            height: 48px;\r\n            background-color: #1c54a6;\r\n            border: none;\r\n            color: #ffffff;\r\n            font-size: 20px;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: background-color 0.3s ease;\r\n        }\r\n\r\n        .float-btn:first-child {\r\n            border-radius: 4px 4px 0 0;\r\n        }\r\n\r\n        .float-btn:last-child {\r\n            border-radius: 0 0 4px 4px;\r\n        }\r\n\r\n        .float-btn:hover {\r\n            background-color: #164588;\r\n        }\r\n\r\n        \/* \u79fb\u52a8\u7aef\u9002\u914d *\/\r\n        @media (max-width: 768px) {\r\n            .honor-section {\r\n                min-height: auto;\r\n            }\r\n            .honor-left {\r\n                position: relative;\r\n                width: 100%;\r\n                height: auto;\r\n                padding: 80px 5%;\r\n            }\r\n            .honor-content {\r\n                padding: 0;\r\n            }\r\n            .honor-title {\r\n                font-size: 32px;\r\n            }\r\n            .watermark-logo {\r\n                width: 200px;\r\n                bottom: 20px;\r\n                right: 20px;\r\n            }\r\n            .honor-right {\r\n                position: relative;\r\n                width: 100%;\r\n                height: 500px;\r\n                left: 0;\r\n            }\r\n            .float-btns {\r\n                display: none;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <!-- \u9e3f\u5b9d\u8363\u8a89\u4e3b\u4f53\u677f\u5757 -->\r\n    <section class=\"honor-section\">\r\n        <!-- \u5de6\u4fa7\u84dd\u8272+\u6587\u5b57\u533a\u5757 -->\r\n        <div class=\"honor-left\">\r\n            <div class=\"honor-content\">\r\n                <h2 class=\"honor-title\">\u9e3f\u5b9d\u8363\u8a89<\/h2>\r\n                <div class=\"title-line\"><\/div>\r\n                <ul class=\"honor-list\">\r\n                    <li>\u56fd\u5bb6\u7ea7\u9ad8\u65b0\u6280\u672f\u4f01\u4e1a<\/li>\r\n                    <li>\u4e2d\u56fd\u7535\u6e90\u5b66\u4f1a\u7406\u4e8b\u5355\u4f4d<\/li>\r\n                    <li>\u56fd\u5bb6\u7ea7\u201c\u706b\u70ac\u8ba1\u5212\u201d\u9879\u76ee<\/li>\r\n                    <li>\u6d59\u6c5f\u540d\u724c\u4ea7\u54c1<\/li>\r\n                    <li>\u6d59\u6c5f\u51fa\u53e3\u540d\u724c<\/li>\r\n                    <li>......<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n            <!-- \u5e95\u90e8\u6c34\u5370logo -->\r\n            <img decoding=\"async\" decoding=async data-opt-id=759095514  class=\"watermark-logo\" src=\"https:\/\/picsum.photos\/id\/100\/600\/400\" alt=\"\u9e3f\u5b9d\u6c34\u5370logo\">\r\n        <\/div>\r\n\r\n        <!-- \u53f3\u4fa7\u5956\u676f\u56fe\u7247\u533a\u5757 -->\r\n        <div class=\"honor-right\">\r\n            <img decoding=\"async\" decoding=async data-opt-id=2026097269  class=\"honor-img\" src=\"https:\/\/picsum.photos\/id\/1068\/1200\/1000\" alt=\"\u9e3f\u5b9d\u8363\u8a89\u5956\u676f\">\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u53f3\u4fa7\u60ac\u6d6e\u6309\u94ae\u7ec4\uff08\u4e0d\u9700\u8981\u53ef\u76f4\u63a5\u5220\u9664\u6574\u6bb5\uff09 -->\r\n    <div class=\"float-btns\">\r\n        <button class=\"float-btn\">\ud83d\udcde<\/button>\r\n        <button class=\"float-btn\">\u229e<\/button>\r\n        <button class=\"float-btn\">\ud83d\udcac<\/button>\r\n        <button class=\"float-btn\">TOP<\/button>\r\n    <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-595c4a4b e-flex e-con-boxed e-con e-parent\" data-id=\"595c4a4b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t\t\t\n\t\t\t<img decoding=async data-opt-id=198725560  data-opt-src=\"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/05\/96.png\"  class=\"e-image-base e-7d1be7fd-f2dfb44\" \n\t\t\t\t\tdata-interaction-id=\"7d1be7fd\" \n\t\t \n\t\t \n\t\t\t\t\t\t\t\t\tid=\"1569\"\n\t\t\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/05\/96.png\"\n\t\t\t\t\t\t\t\t\t\t\t\twidth=\"2172\"\n\t\t\t\t\t\t\t\t\t\t\t\theight=\"724\"\n\t\t\t\t\t\t\t\t\t\t\t\told-srcset=\"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:1920\/h:640\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/05\/96.png 2172w, https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:300\/h:100\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/05\/96.png 300w, https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:1024\/h:341\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/05\/96.png 1024w, https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:768\/h:256\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/05\/96.png 768w, https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:1536\/h:512\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/05\/96.png 1536w, https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:1920\/h:640\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/05\/96.png 2048w, https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:18\/h:6\/q:mauto\/f:best\/dpr:2\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/05\/96.png 18w\"\n\t\t\t\t\t\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\/>\n\t\t\t\t\t<div class=\"elementor-element elementor-element-18a1da71 elementor-align-center elementor-widget__width-inherit elementor-absolute elementor-widget elementor-widget-button\" data-id=\"18a1da71\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/\u8054\u7cfb\u6211\u4eec-2\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u8054\u7cfb\u6211\u4eec<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u4f01\u4e1a\u7b80\u4ecb \u9e3f\u5b9d\u65b0\u80fd\u6e90\u662f\u4e00\u5bb6\u4e13\u6ce8\u4e8e\u5149\u4f0f\u50a8\u80fd\u4e0e\u7535\u529b\u7535\u5b50\u9886\u57df\u7684\u521b\u65b0\u578b\u4f01\u4e1a\uff0c\u81f4\u529b\u4e8e\u4e3a\u5168\u7403\u5ba2\u6237\u63d0\u4f9b\u5b89\u5168\u3001\u7a33\u5b9a\u3001\u9ad8\u6548\u7684\u80fd\u6e90 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-81","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hossoni-ess.com\/ar\/wp-json\/wp\/v2\/pages\/81","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hossoni-ess.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hossoni-ess.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hossoni-ess.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hossoni-ess.com\/ar\/wp-json\/wp\/v2\/comments?post=81"}],"version-history":[{"count":49,"href":"https:\/\/hossoni-ess.com\/ar\/wp-json\/wp\/v2\/pages\/81\/revisions"}],"predecessor-version":[{"id":1650,"href":"https:\/\/hossoni-ess.com\/ar\/wp-json\/wp\/v2\/pages\/81\/revisions\/1650"}],"wp:attachment":[{"href":"https:\/\/hossoni-ess.com\/ar\/wp-json\/wp\/v2\/media?parent=81"}],"curies":[{"name":"\u062f\u0628\u0644\u064a\u0648 \u0628\u064a","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}