\u8010\u5019\u94a2\u677f\u505a\u9508\u6559\u7a0b-\u52a0\u901f\/\u81ea\u7136\u505a\u9508\u65b9\u6cd5-\u505a\u9508\u5242\u914d\u65b9-\u5c71\u4e1c\u534e\u5efa\u661f\u91d1\u5c5e\u5236\u54c1<\/title>\n <meta name=\"keywords\" content=\"\u8010\u5019\u94a2\u677f\u505a\u9508\u6559\u7a0b,\u8010\u5019\u94a2\u52a0\u901f\u505a\u9508\u6cd5,\u81ea\u7136\u505a\u9508\u5de5\u827a,\u505a\u9508\u5242\u7528\u91cf,\u55b7\u7802\u629b\u4e38\u9884\u5904\u7406-\u5c71\u4e1c\u534e\u5efa\u661f\u91d1\u5c5e\u5236\u54c1\">\n <meta name=\"description\" content=\"\u5c71\u4e1c\u534e\u5efa\u661f\u63d0\u4f9b\u4e13\u4e1a\u8010\u5019\u94a2\u677f\u505a\u9508\u6559\u7a0b\uff0c\u52a0\u901f\u505a\u9508\u3001\u81ea\u7136\u505a\u9508\uff0c\u505a\u9508\u5242\u914d\u65b9\u4e0e\u5de5\u827a\u6307\u5bfc\u3002\">\n <meta name=\"author\" content=\"\u5c71\u4e1c\u534e\u5efa\u661f\u91d1\u5c5e\u5236\u54c1\u6709\u9650\u516c\u53f8\">\n \n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/font-awesome@4.7.0\/css\/font-awesome.min.css\" rel=\"stylesheet\">\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n primary: '#1d1d1f',\n secondary: '#86868b',\n accent: '#0071e3',\n weathering: '#a17a50',\n weatheringLight: '#f5f0eb',\n },\n fontFamily: {\n sans: ['SF Pro Display', 'Helvetica Neue', 'Arial', 'sans-serif'],\n }\n }\n }\n }\n <\/script>\n <style type=\"text\/tailwindcss\">\n \/* ========== VIVO\/\u4f4e\u7248\u672cWebView\u6392\u7248\u4fee\u590d \u6838\u5fc3 ========== *\/\n * {\n writing-mode: horizontal-tb !important;\n -webkit-writing-mode: horizontal-tb !important;\n text-orientation: mixed !important;\n -webkit-text-orientation: mixed !important;\n }\n \/* \u53ea\u7ed9\u7eaf\u6587\u672c\u5143\u7d20\u5f00\u542f\u786c\u4ef6\u52a0\u901f\uff0c\u6392\u9664div\u907f\u514d\u5f71\u54cd\u5e95\u90e8\u5bfc\u822afixed\u5b9a\u4f4d *\/\n p, h1, h2, h3, h4, h5, h6, span, a, button {\n transform: translateZ(0);\n -webkit-transform: translateZ(0);\n }\n\n @layer utilities {\n .content-auto { content-visibility: auto; }\n .text-balance { text-wrap: balance; }\n .text-collapse {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n transition: all 0.3s ease;\n }\n .text-expand {\n -webkit-line-clamp: unset;\n overflow: visible;\n }\n }\n body { \n -webkit-font-smoothing: antialiased; \n padding-bottom: 85px; \n }\n html { scroll-behavior: smooth; }\n .scale-hover { transition: transform 0.3s ease, box-shadow 0.3s ease; }\n .scale-hover:hover { transform: translateY(-5px); }\n .play-button { \n width: 80px; \n height: 80px; \n border-radius: 50%; \n background-color: rgba(0, 113, 227, 0.8); \n display: flex; \n align-items: center; \n justify-content: center; \n position: absolute; \n z-index: 10; \n transform: translate(-50%, -50%); \n cursor: pointer;\n }\n .video-container img { opacity: 0.8; }\n \n header {\n background: white;\n box-shadow: 0 2px 4px rgba(0,0,0,0.05);\n width: 100%;\n z-index: 50;\n }\n \n .app-bottom-nav {\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 9999;\n background: #fff;\n box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);\n }\n .nav-btn {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 6px 0;\n color: #000;\n }\n .nav-btn.active, .nav-btn:hover {\n color: #333;\n }\n .nav-btn i {\n font-size: 18px;\n margin-bottom: 3px;\n }\n .nav-btn span {\n font-size: 12px;\n }\n @media (max-width: 767px) {\n #toggleTutorial1 i, #toggleTutorial2 i, #toggleTutorial3 i {\n display: none !important;\n }\n }\n \/* \u4fee\u590d\u6d4f\u89c8\u5668\u4e0d\u663e\u793a\u8fdb\u5ea6\u6761\uff1a\u5f3a\u5236\u89c6\u9891\u63a7\u4ef6\u663e\u793a *\/\n .video-modal {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n background: #000;\n z-index: 9999;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n box-sizing: border-box;\n }\n .video-modal-close {\n position: absolute;\n top: 20px;\n right: 20px;\n width: 44px;\n height: 44px;\n background: rgba(255,255,255,0.3);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #fff;\n font-size: 22px;\n cursor: pointer;\n z-index: 99999;\n }\n \/* \u5173\u952e\uff1a\u5f3a\u5236\u6d4f\u89c8\u5668\u6e32\u67d3\u8fdb\u5ea6\u6761\u3001\u5168\u5c4f\u7b49\u63a7\u4ef6 *\/\n .video-modal-video {\n width: 100%;\n height: 100%;\n object-fit: contain;\n background: #000;\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n }\n \/* \u5b89\u5353\u7aef\u539f\u6709\u6837\u5f0f\uff08\u5b8c\u5168\u4e0d\u52a8\uff09 *\/\n .android-video::-webkit-media-controls-timeline {\n margin-top: 0 !important;\n top: 0 !important;\n position: relative !important;\n z-index: 999 !important;\n height: 15px !important;\n padding: 0 10px !important;\n }\n .android-video::-webkit-media-controls {\n position: relative !important;\n padding-bottom: 40px !important;\n bottom: 0 !important;\n margin-bottom: 30px !important;\n }\n .android-video::-webkit-media-controls-enclosure {\n width: 100% !important;\n height: auto !important;\n max-height: 80px !important;\n overflow: visible !important;\n }\n \/* \u65b0\u589e\uff1a\u9e3f\u84996.0+\u4e13\u5c5e\u9002\u914d\u6837\u5f0f\uff08\u5355\u72ec\u751f\u6548\uff0c\u4e0d\u5f71\u54cd\u5b89\u5353\/\u82f9\u679c\uff09 *\/\n .harmony-video::-webkit-media-controls-timeline {\n transform: translateY(-20px) !important;\n position: relative !important;\n z-index: 999 !important;\n height: 15px !important;\n padding: 0 10px !important;\n }\n .harmony-video::-webkit-media-controls {\n position: relative !important;\n padding-bottom: 40px !important;\n bottom: 0 !important;\n margin-bottom: 30px !important;\n }\n .harmony-video::-webkit-media-controls-enclosure {\n width: 100% !important;\n height: auto !important;\n max-height: 80px !important;\n overflow: visible !important;\n }\n <\/style>\n<\/head>\n<body class=\"bg-white text-primary font-sans\">\n<header id=\"topHeader\">\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex justify-between items-center py-4\">\n <a href=\"\/\" class=\"flex items-center gap-2\">\n <span class=\"text-accent text-2xl font-bold\">\u534e\u5efa\u8010\u5019<\/span>\n <span class=\"hidden sm:inline-block text-sm text-gray-500\">\u5c71\u4e1c\u534e\u5efa\u661f\u91d1\u5c5e\u5236\u54c1<\/span>\n <\/a>\n \n <nav class=\"hidden md:flex items-center gap-8\">\n <a href=\"https:\/\/nhgbjgw.com\/\" class=\"text-gray-600 hover:text-accent transition-colors\">\n \u8010\u5019\u94a2\u677f\u4ef7\u683c\n <\/a>\n <a href=\"#\" class=\"text-accent font-medium border-b-2 border-accent pb-1\">\n \u505a\u9508\u6559\u7a0b\n <\/a>\n <a href=\"https:\/\/nhgbjgw.com\/index.php\/products-en\/\" class=\"text-gray-600 hover:text-accent transition-colors\">\n \u4ea7\u54c1\u4e2d\u5fc3\n <\/a>\n <a href=\"https:\/\/nhgbjgw.com\/index.php\/469-2\/\" class=\"text-gray-600 hover:text-accent transition-colors\">\n \u516c\u53f8\u7b80\u4ecb\n <\/a>\n <\/nav>\n \n <div class=\"flex items-center gap-3\">\n <button id=\"menuBtn\" class=\"md:hidden text-accent text-xl\">\n <i class=\"fa fa-bars\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <div id=\"mobileMenu\" class=\"hidden md:hidden bg-white border-t border-gray-100\">\n <div class=\"container mx-auto px-4 py-3 flex flex-col gap-3\">\n <a href=\"https:\/\/nhgbjgw.com\/\" class=\"text-gray-600 hover:text-accent py-2\">\n \u8010\u5019\u94a2\u677f\u4ef7\u683c\n <\/a>\n <a href=\"#\" class=\"text-accent font-medium py-2\">\n \u505a\u9508\u6559\u7a0b\n <\/a>\n <a href=\"https:\/\/nhgbjgw.com\/index.php\/products-en\/\" class=\"text-gray-600 hover:text-accent py-2\">\n \u4ea7\u54c1\u4e2d\u5fc3\n <\/a>\n <a href=\"https:\/\/nhgbjgw.com\/index.php\/469-2\/\" class=\"text-gray-600 hover:text-accent py-2\">\n \u516c\u53f8\u7b80\u4ecb\n <\/a>\n <\/div>\n <\/div>\n<\/header>\n<section class=\"pt-12 pb-0 px-3 sm:px-6 lg:px-8 max-w-7xl mx-auto\">\n <div class=\"text-center\">\n <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-bold mb-6 text-balance\">\n \u94c1\u9508\u6f06<span class=\"text-weathering\">\u65bd\u5de5\u6559\u7a0b<\/span>\n <\/h1>\n <p class=\"text-xl text-secondary max-w-3xl mx-auto mb-10 text-balance\">\n \u94c1\u9508\u6f06\u4f7f\u7528\u6559\u7a0b\uff1a1\u53f7\u89c6\u9891<br>\n \u94c1\u9508\u4e2d\u6f06\u9632\u75d5\u8ff9\uff1a2\u53f7\u89c6\u9891<br>\n \u6591\u70b9\u9508\u5236\u4f5c\u6559\u7a0b\uff1a3\u53f7\u89c6\u9891<br>\n \uff01\u94c1\u9508\u6f06\u5e38\u89c1\u95ee\u7b54\u4e0b\u62c9\u5230\u5e95\u90e8\uff01<br>\n \u6301\u7eed\u66f4\u65b0\u4e2d\n <\/p>\n <\/div>\n<\/section>\n<section class=\"py-16 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto bg-gray-50 rounded-2xl mb-20\">\n <div class=\"grid md:grid-cols-1 gap-10\">\n \n <div class=\"bg-white p-6 rounded-xl shadow-sm scale-hover\">\n <div class=\"flex flex-col lg:flex-row items-center gap-8\">\n <a \n href=\"javascript:void(0)\" \n onclick=\"playVideo('https:\/\/nhgbjgw.com\/videos\/tiexiuqok.mp4 ')\" \n class=\"w-full lg:w-2\/3 aspect-w-16 aspect-h-9 bg-weatheringLight rounded-lg relative overflow-hidden video-container block\"\n >\n <img decoding=\"async\" src=\"https:\/\/nhgbjgw.com\/images\/2345.jpg?v=2\" \n alt=\"\u94c1\u9508\u6f06\u4f7f\u7528\u6559\u7a0b\" \n loading=\"lazy\"\n class=\"w-full h-full object-cover\">\n <div class=\"play-button absolute top-1\/2 left-1\/2\"><i class=\"fa fa-play text-3xl text-white\"><\/i><\/div>\n <p class=\"absolute bottom-4 right-4 text-white bg-black\/50 px-3 py-1 rounded-md text-sm\">\n \u6559\u7a0b\u89c6\u9891\uff1a\u94c1\u9508\u6f06\u4f7f\u7528\u6559\u7a0b\n <\/p>\n <\/a>\n <div class=\"w-full lg:w-1\/3 flex flex-col justify-center gap-4\">\n <h3 class=\"text-2xl font-medium text-primary\">\n \u94c1\u9508\u6f06\u4f7f\u7528\u6559\u7a0b\uff1a1\u53f7\u89c6\u9891\n <\/h3>\n <div class=\"text-gray-600\" id=\"tutorial1Text\">\n <div class=\"text-collapse\">\n <p class=\"mb-2\"><strong>\u9002\u5408\u6750\u6599<\/strong>\uff1a\u6c34\u6ce5\u5899\u3001\u77f3\u818f\u677f\u3001\u6728\u5934\u3001\u94a2\u6750\u3001\u73bb\u7483\u7b49\u3002<\/p>\n <p class=\"mb-2\"><strong>\u6240\u9700\u6750\u6599<\/strong>\uff1a\u94c1\u9508\u6f06\u3001\u8f8a\u7b52\uff08\u5927\u9762\u79ef\u6539\u7528\u5927\u6eda\u7b52\uff09\u3002<\/p>\n <p class=\"mb-2\"><strong>\u6b65\u9aa4\u62c6\u89e3<\/strong>\uff1a\n<br>\u7b2c\u4e00\u6b65\uff1a\u6eda\u6d82\u5e95\u6f06\uff0c\u7b49\u5f85\u5e72\u900f\u6eda\u6d82\u5e95\u6f062\u904d\u3002\n<br>\u7b2c\u4e8c\u6b65\uff1a\u6eda\u6d82\u4e2d\u6f06\uff0c\u7b49\u5f85\u5e72\u900f\u3002\n<br>\u7b2c\u4e09\u6b65\uff1a\u6eda\u6d82\u9762\u6f06\u65bd\u5de5\u5b8c\u6210\u3002<\/p>\n <\/div>\n <button id=\"toggleTutorial1\" class=\"mt-2 text-accent font-medium flex items-center hover:underline\">\n \u67e5\u770b\u66f4\u591a\n <i class=\"fa fa-chevron-down ml-1 transition-transform\"><\/i>\n <\/button>\n <\/div>\n <a href=\"tel:18263583333\" class=\"w-full bg-accent text-white py-3 rounded-lg text-center font-medium\">\n <i class=\"fa fa-shopping-cart mr-1\"><\/i> \u6280\u672f\u54a8\u8be2\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-white p-6 rounded-xl shadow-sm scale-hover\">\n <div class=\"flex flex-col lg:flex-row items-center gap-8\">\n <a \n href=\"javascript:void(0)\" \n onclick=\"playVideo('https:\/\/nhgbjgw.com\/videos\/zhongqiok.mp4 ')\" \n class=\"w-full lg:w-2\/3 aspect-w-16 aspect-h-9 bg-weatheringLight rounded-lg relative overflow-hidden video-container block\"\n >\n <img decoding=\"async\" src=\"https:\/\/nhgbjgw.com\/images\/2345.jpg\" \n alt=\"\u8010\u5019\u94a2\u677f\u81ea\u7136\u505a\u9508\u6548\u679c\" \n loading=\"lazy\"\n class=\"w-full h-full object-cover\">\n <div class=\"play-button absolute top-1\/2 left-1\/2\"><i class=\"fa fa-play text-3xl text-white\"><\/i><\/div>\n <p class=\"absolute bottom-4 right-4 text-white bg-black\/50 px-3 py-1 rounded-md text-sm\">\n \u6559\u7a0b\u89c6\u9891\uff1a\u94c1\u9508\u4e2d\u6f06\u4f7f\u7528\u6280\u5de7\n <\/p>\n <\/a>\n <div class=\"w-full lg:w-1\/3 flex flex-col justify-center gap-4\">\n <h3 class=\"text-2xl font-medium text-primary\">\n \u94c1\u9508\u4e2d\u6f06\u9632\u75d5\u8ff9\uff1a2\u53f7\u89c6\u9891\n <\/h3>\n <div class=\"text-gray-600\" id=\"tutorial2Text\">\n <div class=\"text-collapse\">\n <p class=\"mb-2\"><strong>\u9002\u5408\u6750\u6599<\/strong>\uff1a\u6c34\u6ce5\u5899\u3001\u77f3\u818f\u677f\u3001\u6728\u5934\u3001\u94a2\u6750\u3001\u73bb\u7483\u7b49\u3002<\/p>\n <p class=\"mb-2\"><strong>\u6240\u9700\u6750\u6599<\/strong>\uff1a\u94c1\u9508\u6f06\u3001\u8f8a\u7b52\uff08\u5927\u9762\u79ef\u6539\u7528\u5927\u6eda\u7b52\uff09\u3002<\/p>\n <p class=\"mb-2\"><strong>\u6b65\u9aa4\u62c6\u89e3<\/strong>\uff1a\n<br>\u7b2c\u4e00\u6b65\uff1a\u6eda\u6d82\u5e95\u6f06\uff0c\u7b49\u5f85\u5e72\u900f\u6eda\u6d82\u5e95\u6f062\u904d\u3002\n<br>\u7b2c\u4e8c\u6b65\uff1a\u6eda\u6d82\u4e2d\u6f06\uff0c\u7b49\u5f85\u5e72\u900f\u3002\n<br>\u7b2c\u4e09\u6b65\uff1a\u6eda\u6d82\u9762\u6f06\u65bd\u5de5\u5b8c\u6210\u3002<\/p>\n <\/div>\n <button id=\"toggleTutorial2\" class=\"mt-2 text-accent font-medium flex items-center hover:underline\">\n \u67e5\u770b\u66f4\u591a\n <i class=\"fa fa-chevron-down ml-1 transition-transform\"><\/i>\n <\/button>\n <\/div>\n <a href=\"tel:18263583333\" class=\"w-full bg-accent text-white py-3 rounded-lg text-center font-medium\">\n <i class=\"fa fa-shopping-cart mr-1\"><\/i> \u6280\u672f\u54a8\u8be2\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-white p-6 rounded-xl shadow-sm scale-hover\">\n <div class=\"flex flex-col lg:flex-row items-center gap-8\">\n <a \n href=\"javascript:void(0)\" \n onclick=\"playVideo('https:\/\/nhgbjgw.com\/videos\/bandianok.mp4')\" \n class=\"w-full lg:w-2\/3 aspect-w-16 aspect-h-9 bg-weatheringLight rounded-lg relative overflow-hidden video-container block\"\n >\n <img decoding=\"async\" src=\"https:\/\/nhgbjgw.com\/images\/2345.jpg\" \n alt=\"DIY\u505a\u9508\u5b9e\u64cd\u6559\u7a0b\" \n loading=\"lazy\"\n class=\"w-full h-full object-cover\">\n <div class=\"play-button absolute top-1\/2 left-1\/2\"><i class=\"fa fa-play text-3xl text-white\"><\/i><\/div>\n <p class=\"absolute bottom-4 right-4 text-white bg-black\/50 px-3 py-1 rounded-md text-sm\">\n \u6559\u7a0b\u89c6\u9891\uff1a\u6591\u70b9\u9508\u5b9e\u64cd\u6559\u7a0b\n <\/p>\n <\/a>\n <div class=\"w-full lg:w-1\/3 flex flex-col justify-center gap-4\">\n <h3 class=\"text-2xl font-medium text-primary\">\n \u6591\u70b9\u9508\u5236\u4f5c\u6559\u7a0b\uff1a3\u53f7\u89c6\u9891\n <\/h3>\n <div class=\"text-gray-600\" id=\"tutorial3Text\">\n <div class=\"text-collapse\">\n <p class=\"mb-2\"><strong>\u9002\u5408\u6750\u6599<\/strong>\uff1a\u6c34\u6ce5\u5899\u3001\u77f3\u818f\u677f\u3001\u6728\u5934\u3001\u94a2\u6750\u3001\u73bb\u7483\u7b49\u3002<\/p>\n <p class=\"mb-2\"><strong>\u6240\u9700\u6750\u6599<\/strong>\uff1a\u94c1\u9508\u6f06\u3001\u6d77\u7ef5\u3002<\/p>\n <p class=\"mb-2\"><strong>\u6b65\u9aa4\u62c6\u89e3<\/strong>\uff1a\n<br>\u7b2c\u4e00\u6b65\uff1a\u6eda\u6d82\u5e95\u6f06\uff0c\u7b49\u5f85\u5e72\u900f\u6eda\u6d82\u5e95\u6f062\u904d\u3002\n<br>\u7b2c\u4e8c\u6b65\uff1a\u62cd\u6d82\u4e2d\u6f06\uff0c\u7b49\u5f85\u5e72\u900f\u3002\n<br>\u7b2c\u4e09\u6b65\uff1a\u6eda\u6d82\u9762\u6f06\u65bd\u5de5\u5b8c\u6210\u3002<\/p>\n <\/div>\n <button id=\"toggleTutorial3\" class=\"mt-2 text-accent font-medium flex items-center hover:underline\">\n \u67e5\u770b\u66f4\u591a\n <i class=\"fa fa-chevron-down ml-1 transition-transform\"><\/i>\n <\/button>\n <\/div>\n <a href=\"tel:18263583333\" class=\"w-full bg-accent text-white py-3 rounded-lg text-center font-medium\">\n <i class=\"fa fa-shopping-cart mr-1\"><\/i> \u6280\u672f\u54a8\u8be2\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n<section class=\"py-12 px-4 sm:px-6 lg:px-8 max-w-5xl mx-auto bg-gray-50 rounded-2xl mb-20\">\n \n <div class=\"mb-8 text-center\">\n <a href=\"https:\/\/nhgbjgw.com\/index.php\/422-2\/\" class=\"inline-block bg-weathering text-white px-8 py-4 rounded-xl text-lg font-medium scale-hover\">\n <i class=\"fa fa-play-circle mr-2\"><\/i>\n \u751f\u9508\u836f\u6c34\u89c6\u9891\u6559\u7a0b\n <\/a>\n <\/div>\n <h2 class=\"text-2xl font-bold mb-8 text-center\">\n \u4e0a\u95e8\u65bd\u5de5\u4eba\u5458\n <\/h2>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6\">\n <a href=\"tel:18265556545\" class=\"bg-white p-6 rounded-lg shadow-sm text-center scale-hover\">\n <i class=\"fa fa-user-circle text-4xl text-weathering mb-3\"><\/i>\n <h3 class=\"font-medium text-lg mb-2\">\n \u4e8e\u5e08\u5085 – \u5c71\u4e1c\n <\/h3>\n <button class=\"w-full bg-accent text-white py-3 rounded-lg font-medium\">\n <i class=\"fa fa-phone mr-1\"><\/i> \n \u7acb\u5373\u8054\u7cfb\n <\/button>\n <\/a>\n <a href=\"tel:15763532773\" class=\"bg-white p-6 rounded-lg shadow-sm text-center scale-hover\">\n <i class=\"fa fa-user-circle text-4xl text-weathering mb-3\"><\/i>\n <h3 class=\"font-medium text-lg mb-2\">\n \u90ed\u5e08\u5085 – \u5929\u6d25\n <\/h3>\n <button class=\"w-full bg-accent text-white py-3 rounded-lg font-medium\">\n <i class=\"fa fa-phone mr-1\"><\/i> \n \u7acb\u5373\u8054\u7cfb\n <\/button>\n <\/a>\n <a href=\"tel:18654952684\" class=\"bg-white p-6 rounded-lg shadow-sm text-center scale-hover\">\n <i class=\"fa fa-user-circle text-4xl text-weathering mb-3\"><\/i>\n <h3 class=\"font-medium text-lg mb-2\">\n \u674e\u5e08\u5085 – \u5168\u56fd\n <\/h3>\n <button class=\"w-full bg-accent text-white py-3 rounded-lg font-medium\">\n <i class=\"fa fa-phone mr-1\"><\/i> \n \u7acb\u5373\u8054\u7cfb\n <\/button>\n <\/a>\n <a href=\"tel:15166548090\" class=\"bg-white p-6 rounded-lg shadow-sm text-center scale-hover\">\n <i class=\"fa fa-user-circle text-4xl text-weathering mb-3\"><\/i>\n <h3 class=\"font-medium text-lg mb-2\">\n \u5218\u5e08\u5085\n <\/h3>\n <button class=\"w-full bg-accent text-white py-3 rounded-lg font-medium\">\n <i class=\"fa fa-phone mr-1\"><\/i> \n \u7acb\u5373\u8054\u7cfb\n <\/button>\n <\/a>\n <\/div>\n<\/section>\n<section id=\"faq\" class=\"py-15 px-4 sm:px-6 lg:px-8 max-w-5xl mx-auto bg-gray-50 rounded-2xl mb-20\">\n <h2 class=\"text-2xl font-bold mb-8 text-center\">\n \u505a\u9508\u5de5\u827a\u5e38\u89c1\u95ee\u9898\n <\/h2>\n <div class=\"space-y-4\">\n <div class=\"bg-white p-4 rounded-lg shadow-sm\">\n <p class=\"font-medium\"><i class=\"fa fa-question-circle text-weathering mr-2\"><\/i>\n \u95ee\uff1a\u94c1\u9508\u6f06\u4e00\u516c\u65a4\u53ef\u4ee5\u505a\u591a\u5c11\u5e73\u65b9\uff1f\n <\/p>\n <p class=\"text-secondary mt-2\">\n \u7b54\uff1a\u4e00\u516c\u65a4\u5957\u88c5\u53ef\u4ee5\u505a10\u5e73\u65b9\u5de6\u53f3\u3002\n <\/p>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm\">\n <p class=\"font-medium\"><i class=\"fa fa-question-circle text-weathering mr-2\"><\/i>\n \u95ee\uff1a\u4e2d\u6d82\u6eda\u6d82\u4ee5\u540e\u6709\u75d5\u8ff9\u600e\u4e48\u64cd\u4f5c\uff1f\n <\/p>\n <p class=\"text-secondary mt-2\">\n \u7b54\uff1a\u7b2c\u4e00\u4e2a\u65b9\u6848\u662f\u4e2d\u6d82\u52a0\u6c34\u4f7f\u7528\uff0c\u53ef\u4ee5\u6709\u6548\u907f\u514d\u75d5\u8ff9\uff0c\u5982\u679c\u989c\u8272\u53d8\u6d45\u53ef\u4ee5\u6eda\u6d822\u904d\u3002<br>\u7b2c\u4e8c\u4e2a\u65b9\u6cd5\u662f\u6eda\u6d82\u4e2d\u6f06\u5927\u9762\u79ef\u65f6\u5019\u53ef\u4ee5\u51c6\u59072\u4e2a\u6eda\u7b52\uff0c\u7b2c\u4e00\u4e2a\u6eda\u7b52\u6cbe\u6599\u76f4\u63a5\u524d\u9762\u6eda\u6d82\uff0c\u4e0d\u8981\u4f7f\u52b2\u6309\u538b\uff0c\u540e\u9762\u63a5\u7740\u7528\u5e72\u51c0\u6eda\u6d82\u6765\u6536\u4e00\u904d\uff0c\u53c2\u8003\u7b2c\u4e8c\u4e2a\u89c6\u9891\u3002\n <\/p>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm\">\n <p class=\"font-medium\"><i class=\"fa fa-question-circle text-weathering mr-2\"><\/i>\n \u95ee\uff1a\u4e3a\u4ec0\u4e48\u6211\u505a\u7684\u94c1\u9508\u548c\u56fe\u7247\u4e0d\u4e00\u6837\uff1f\n <\/p>\n <p class=\"text-secondary mt-2\">\n \u7b54\uff1a\u56e0\u4e3a\u94c1\u9508\u6f06\u672c\u8eab\u5c5e\u4e8e\u827a\u672f\u6d82\u6599\uff0c\u5728\u64cd\u4f5c\u8fc7\u7a0b\u4e2d\u5e95\u6f06\u4e2d\u6f06\u5237\u6d82\u7684\u539a\u548c\u8584\u6548\u679c\u4e0d\u4e00\u6837\uff0c\u5e76\u4e14\u4f7f\u7528\u7684\u5de5\u5177\u4e0d\u540c\u6548\u679c\u4e5f\u4e0d\u4e00\u6837\uff0c\u4f5c\u4e1a\u524d\u53ef\u4ee5\u7528\u6d77\u7ef5\uff0c\u6eda\u7b52\uff0c\u5237\u5b50\u5206\u522b\u6d4b\u8bd5\uff0c\u559c\u6b22\u4ec0\u4e48\u6548\u679c\u5c31\u5927\u80c6\u53bb\u64cd\u4f5c\uff0c\u72ec\u4e00\u65e0\u4e8c\u624d\u662f\u94c1\u9508\u6f06\u72ec\u7279\u7684\u9b45\u529b\n <\/p>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm\">\n <p class=\"font-medium\"><i class=\"fa fa-question-circle text-weathering mr-2\"><\/i>\n \u95ee\uff1a\u94c1\u9508\u6f06\u5bf9\u6e29\u5ea6\u6709\u8981\u6c42\u5417\uff1f\n <\/p>\n <p class=\"text-secondary mt-2\">\n \u7b54\uff1a\u662f\u7684\uff0c\u5efa\u8bae5-25\u5ea6\u8fdb\u884c\u65bd\u5de5\u907f\u514d\u70c8\u65e5\u4e0b\u4f5c\u4e1a\uff0c\u6bcf\u9053\u5de5\u5e8f\u95f4\u96943-5\u5c0f\u65f6\uff0c\u5e76\u4e143\u5929\u5185\u4e0d\u8981\u6dcb\u96e8\u6548\u679c\u66f4\u4f73\u3002\n <\/p>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm\">\n <p class=\"font-medium\"><i class=\"fa fa-question-circle text-weathering mr-2\"><\/i>\n \u95ee\uff1a\u94c1\u9508\u6f06\u505a\u65e7\u4ec0\u4e48\u6750\u6599\u53ef\u4ee5\u4f7f\u7528\uff1f\n <\/p>\n <p class=\"text-secondary mt-2\">\n \u7b54\uff1a\u53ea\u8981\u5e95\u6750\u7262\u56fa\u94c1\u9508\u6f06\u662f\u4e0d\u6311\u6750\u8d28\u7684\u3002\uff08\u8bd5\u9a8c\u7ed3\u679c\u94c1\u9508\u4e0d\u6253\u78e8\u76f4\u63a5\u6eda\u6d82\u76ee\u524d\u5df2\u7ecf3\u5e74\u6ca1\u6709\u4efb\u4f55\u8131\u6f06\u73b0\u8c61\uff09\n <\/p>\n <\/div>\n <\/div>\n<\/section>\n<footer>\n <div class=\"border-t border-gray-700 mt-8 pt-8 text-center text-gray-400 text-sm\">\u00a9 2026 \u8010\u5019\u94a2\u677f\u4ef7\u683c\u7f51 \u7248\u6743\u6240\u6709<\/div>\n<\/footer>\n<div class=\"app-bottom-nav\">\n <div class=\"flex justify-around items-center h-16\">\n <a href=\"https:\/\/nhgbjgw.com\/\" class=\"nav-btn w-1\/4\">\n <i class=\"fa fa-home\"><\/i>\n <span>\u9996\u9875\u67e5\u4ef7<\/span>\n <\/a>\n <a href=\"#\" class=\"nav-btn w-1\/4 active\">\n <i class=\"fa fa-book\"><\/i>\n <span>\u505a\u9508\u6559\u7a0b<\/span>\n <\/a>\n <a href=\"https:\/\/nhgbjgw.com\/index.php\/products-en\/\" class=\"nav-btn w-1\/4\">\n <i class=\"fa fa-th\"><\/i>\n <span>\u4ea7\u54c1\u4e2d\u5fc3<\/span>\n <\/a>\n <a href=\"https:\/\/nhgbjgw.com\/index.php\/469-2\/\" class=\"nav-btn w-1\/4\">\n <i class=\"fa fa-building\"><\/i>\n <span>\u516c\u53f8\u7b80\u4ecb<\/span>\n <\/a>\n <\/div>\n<\/div>\n<script>\n \/\/ \u79fb\u52a8\u7aef\u83dc\u5355\n const menuBtn = document.getElementById('menuBtn');\n const mobileMenu = document.getElementById('mobileMenu');\n menuBtn.addEventListener('click', () => {\n mobileMenu.classList.toggle('hidden');\n });\n \/\/ \u6298\u53e0\u5c55\u5f00\u4ea4\u4e92\n function setupToggle(toggleId) {\n const toggle = document.getElementById(toggleId);\n const text = toggle.previousElementSibling;\n toggle.addEventListener('click', () => {\n text.classList.toggle('text-collapse');\n text.classList.toggle('text-expand');\n const icon = toggle.querySelector('i');\n if (text.classList.contains('text-expand')) {\n toggle.firstChild.textContent = '\u6536\u8d77\u5185\u5bb9';\n toggle.appendChild(icon);\n icon.classList.add('rotate-180');\n } else {\n toggle.firstChild.textContent = '\u67e5\u770b\u66f4\u591a';\n toggle.appendChild(icon);\n icon.classList.remove('rotate-180');\n }\n });\n }\n setupToggle('toggleTutorial1');\n setupToggle('toggleTutorial2');\n setupToggle('toggleTutorial3');\n \/\/ \u68c0\u6d4b\u662f\u5426\u4e3a\u82f9\u679c(iOS)\u8bbe\u5907\n function isIOS() {\n return \/iPad|iPhone|iPod\/.test(navigator.userAgent) && !window.MSStream;\n }\n \/\/ \u68c0\u6d4b\u662f\u5426\u4e3a\u5b89\u5353\u8bbe\u5907\n function isAndroid() {\n return \/Android\/i.test(navigator.userAgent) && !\/HarmonyOS\/.test(navigator.userAgent);\n }\n \/\/ \u68c0\u6d4b\u9e3f\u8499\u7cfb\u7edf + \u5224\u65ad6.0\u4ee5\u4e0a\u7248\u672c\n function isHarmonyOS() {\n return \/HarmonyOS\/i.test(navigator.userAgent);\n }\n function getHarmonyVersion() {\n const match = navigator.userAgent.match(\/HarmonyOS\\s*([\\d.]+)\/i);\n return match ? parseFloat(match[1]) : 0;\n }\n \/\/ \u89c6\u9891\u64ad\u653e\u903b\u8f91\uff1aiOS\/\u5b89\u5353\/\u9e3f\u84996.0+ \u4e09\u5957\u9002\u914d\n function playVideo(videoUrl) {\n \/\/ iOS\u8bbe\u5907\uff1a\u8df3\u8f6c\u65b0\u9875\u9762\u64ad\u653e\n if (isIOS()) {\n window.open(videoUrl, '_blank');\n return;\n }\n \/\/ \u6e05\u9664\u65e7\u5f39\u7a97\n const oldModal = document.querySelector('.video-modal');\n if (oldModal) oldModal.remove();\n const modal = document.createElement('div');\n modal.className = 'video-modal';\n const closeBtn = document.createElement('div');\n closeBtn.className = 'video-modal-close';\n closeBtn.innerHTML = '<i class=\"fa fa-times\"><\/i>';\n closeBtn.onclick = () => {\n modal.remove();\n const video = modal.querySelector('video');\n if (video) video.pause();\n };\n const video = document.createElement('video');\n video.className = 'video-modal-video';\n \n \/\/ \u7cfb\u7edf\u5206\u7c7b\u52a0\u4e13\u5c5e\u6837\u5f0f\n const isHarmony = isHarmonyOS();\n const harmonyVer = getHarmonyVersion();\n if (isAndroid()) {\n video.classList.add('android-video');\n }\n if (isHarmony && harmonyVer >= 6.0) {\n video.classList.add('harmony-video');\n }\n video.controls = true;\n video.playsInline = true;\n video.preload = 'auto';\n video.setAttribute('controlsList', 'nodownload');\n video.oncontextmenu = (e) => {\n e.preventDefault();\n return false;\n };\n modal.appendChild(closeBtn);\n modal.appendChild(video);\n document.body.appendChild(modal);\n video.src = videoUrl;\n setTimeout(() => {\n video.play().catch(err => {\n console.log('\u89c6\u9891\u64ad\u653e\u89e6\u53d1:', err);\n });\n }, 100);\n modal.onclick = (e) => {\n if (e.target === modal) {\n modal.remove();\n video.pause();\n }\n };\n }\n<\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u8010\u5019\u94a2\u677f\u505a\u9508\u6559\u7a0b-\u52a0\u901f\/\u81ea\u7136\u505a\u9508\u65b9\u6cd5-\u505a\u9508\u5242\u914d\u65b9-\u5c71\u4e1c\u534e\u5efa\u661f\u91d1\u5c5e\u5236\u54c1 \u534e\u5efa\u8010\u5019 \u5c71\u4e1c\u534e\u5efa\u661f\u91d1\u5c5e\u5236\u54c1 \u8010\u5019\u94a2\u677f\u4ef7 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":329,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"wp-custom-template-17","meta":{"footnotes":""},"class_list":["post-1037","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nhgbjgw.com\/index.php\/wp-json\/wp\/v2\/pages\/1037","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nhgbjgw.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nhgbjgw.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nhgbjgw.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nhgbjgw.com\/index.php\/wp-json\/wp\/v2\/comments?post=1037"}],"version-history":[{"count":6,"href":"https:\/\/nhgbjgw.com\/index.php\/wp-json\/wp\/v2\/pages\/1037\/revisions"}],"predecessor-version":[{"id":1170,"href":"https:\/\/nhgbjgw.com\/index.php\/wp-json\/wp\/v2\/pages\/1037\/revisions\/1170"}],"up":[{"embeddable":true,"href":"https:\/\/nhgbjgw.com\/index.php\/wp-json\/wp\/v2\/pages\/329"}],"wp:attachment":[{"href":"https:\/\/nhgbjgw.com\/index.php\/wp-json\/wp\/v2\/media?parent=1037"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1037,"date":"2026-05-22T17:11:04","date_gmt":"2026-05-22T09:11:04","guid":{"rendered":"https:\/\/nhgbjgw.com\/?page_id=1037"},"modified":"2026-10-03T16:03:12","modified_gmt":"2026-10-03T08:03:12","slug":"%e9%93%81%e9%94%88%e6%bc%86%e6%95%99%e7%a8%8b","status":"publish","type":"page","link":"https:\/\/nhgbjgw.com\/index.php\/%e9%a6%96%e9%a1%b5\/%e9%93%81%e9%94%88%e6%bc%86%e6%95%99%e7%a8%8b\/","title":{"rendered":"\u94c1\u9508\u6f06\u65bd\u5de5\u6559\u7a0b_\u4eff\u751f\u9508\u6548\u679c_\u5404\u79cd\u6750\u8d28\u901a\u7528 – \u534e\u5efa\u8010\u5019"},"content":{"rendered":"\n\n\n\n \n \n \u8010\u5019\u94a2\u677f\u505a\u9508\u6559\u7a0b-\u52a0\u901f\/\u81ea\u7136\u505a\u9508\u65b9\u6cd5-\u505a\u9508\u5242\u914d\u65b9-\u5c71\u4e1c\u534e\u5efa\u661f\u91d1\u5c5e\u5236\u54c1<\/title>\n <meta name=\"keywords\" content=\"\u8010\u5019\u94a2\u677f\u505a\u9508\u6559\u7a0b,\u8010\u5019\u94a2\u52a0\u901f\u505a\u9508\u6cd5,\u81ea\u7136\u505a\u9508\u5de5\u827a,\u505a\u9508\u5242\u7528\u91cf,\u55b7\u7802\u629b\u4e38\u9884\u5904\u7406-\u5c71\u4e1c\u534e\u5efa\u661f\u91d1\u5c5e\u5236\u54c1\">\n <meta name=\"description\" content=\"\u5c71\u4e1c\u534e\u5efa\u661f\u63d0\u4f9b\u4e13\u4e1a\u8010\u5019\u94a2\u677f\u505a\u9508\u6559\u7a0b\uff0c\u52a0\u901f\u505a\u9508\u3001\u81ea\u7136\u505a\u9508\uff0c\u505a\u9508\u5242\u914d\u65b9\u4e0e\u5de5\u827a\u6307\u5bfc\u3002\">\n <meta name=\"author\" content=\"\u5c71\u4e1c\u534e\u5efa\u661f\u91d1\u5c5e\u5236\u54c1\u6709\u9650\u516c\u53f8\">\n \n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/font-awesome@4.7.0\/css\/font-awesome.min.css\" rel=\"stylesheet\">\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n primary: '#1d1d1f',\n secondary: '#86868b',\n accent: '#0071e3',\n weathering: '#a17a50',\n weatheringLight: '#f5f0eb',\n },\n fontFamily: {\n sans: ['SF Pro Display', 'Helvetica Neue', 'Arial', 'sans-serif'],\n }\n }\n }\n }\n <\/script>\n <style type=\"text\/tailwindcss\">\n \/* ========== VIVO\/\u4f4e\u7248\u672cWebView\u6392\u7248\u4fee\u590d \u6838\u5fc3 ========== *\/\n * {\n writing-mode: horizontal-tb !important;\n -webkit-writing-mode: horizontal-tb !important;\n text-orientation: mixed !important;\n -webkit-text-orientation: mixed !important;\n }\n \/* \u53ea\u7ed9\u7eaf\u6587\u672c\u5143\u7d20\u5f00\u542f\u786c\u4ef6\u52a0\u901f\uff0c\u6392\u9664div\u907f\u514d\u5f71\u54cd\u5e95\u90e8\u5bfc\u822afixed\u5b9a\u4f4d *\/\n p, h1, h2, h3, h4, h5, h6, span, a, button {\n transform: translateZ(0);\n -webkit-transform: translateZ(0);\n }\n\n @layer utilities {\n .content-auto { content-visibility: auto; }\n .text-balance { text-wrap: balance; }\n .text-collapse {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n transition: all 0.3s ease;\n }\n .text-expand {\n -webkit-line-clamp: unset;\n overflow: visible;\n }\n }\n body { \n -webkit-font-smoothing: antialiased; \n padding-bottom: 85px; \n }\n html { scroll-behavior: smooth; }\n .scale-hover { transition: transform 0.3s ease, box-shadow 0.3s ease; }\n .scale-hover:hover { transform: translateY(-5px); }\n .play-button { \n width: 80px; \n height: 80px; \n border-radius: 50%; \n background-color: rgba(0, 113, 227, 0.8); \n display: flex; \n align-items: center; \n justify-content: center; \n position: absolute; \n z-index: 10; \n transform: translate(-50%, -50%); \n cursor: pointer;\n }\n .video-container img { opacity: 0.8; }\n \n header {\n background: white;\n box-shadow: 0 2px 4px rgba(0,0,0,0.05);\n width: 100%;\n z-index: 50;\n }\n \n .app-bottom-nav {\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 9999;\n background: #fff;\n box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);\n }\n .nav-btn {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 6px 0;\n color: #000;\n }\n .nav-btn.active, .nav-btn:hover {\n color: #333;\n }\n .nav-btn i {\n font-size: 18px;\n margin-bottom: 3px;\n }\n .nav-btn span {\n font-size: 12px;\n }\n @media (max-width: 767px) {\n #toggleTutorial1 i, #toggleTutorial2 i, #toggleTutorial3 i {\n display: none !important;\n }\n }\n \/* \u4fee\u590d\u6d4f\u89c8\u5668\u4e0d\u663e\u793a\u8fdb\u5ea6\u6761\uff1a\u5f3a\u5236\u89c6\u9891\u63a7\u4ef6\u663e\u793a *\/\n .video-modal {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n background: #000;\n z-index: 9999;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n box-sizing: border-box;\n }\n .video-modal-close {\n position: absolute;\n top: 20px;\n right: 20px;\n width: 44px;\n height: 44px;\n background: rgba(255,255,255,0.3);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #fff;\n font-size: 22px;\n cursor: pointer;\n z-index: 99999;\n }\n \/* \u5173\u952e\uff1a\u5f3a\u5236\u6d4f\u89c8\u5668\u6e32\u67d3\u8fdb\u5ea6\u6761\u3001\u5168\u5c4f\u7b49\u63a7\u4ef6 *\/\n .video-modal-video {\n width: 100%;\n height: 100%;\n object-fit: contain;\n background: #000;\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n }\n \/* \u5b89\u5353\u7aef\u539f\u6709\u6837\u5f0f\uff08\u5b8c\u5168\u4e0d\u52a8\uff09 *\/\n .android-video::-webkit-media-controls-timeline {\n margin-top: 0 !important;\n top: 0 !important;\n position: relative !important;\n z-index: 999 !important;\n height: 15px !important;\n padding: 0 10px !important;\n }\n .android-video::-webkit-media-controls {\n position: relative !important;\n padding-bottom: 40px !important;\n bottom: 0 !important;\n margin-bottom: 30px !important;\n }\n .android-video::-webkit-media-controls-enclosure {\n width: 100% !important;\n height: auto !important;\n max-height: 80px !important;\n overflow: visible !important;\n }\n \/* \u65b0\u589e\uff1a\u9e3f\u84996.0+\u4e13\u5c5e\u9002\u914d\u6837\u5f0f\uff08\u5355\u72ec\u751f\u6548\uff0c\u4e0d\u5f71\u54cd\u5b89\u5353\/\u82f9\u679c\uff09 *\/\n .harmony-video::-webkit-media-controls-timeline {\n transform: translateY(-20px) !important;\n position: relative !important;\n z-index: 999 !important;\n height: 15px !important;\n padding: 0 10px !important;\n }\n .harmony-video::-webkit-media-controls {\n position: relative !important;\n padding-bottom: 40px !important;\n bottom: 0 !important;\n margin-bottom: 30px !important;\n }\n .harmony-video::-webkit-media-controls-enclosure {\n width: 100% !important;\n height: auto !important;\n max-height: 80px !important;\n overflow: visible !important;\n }\n <\/style>\n<\/head>\n<body class=\"bg-white text-primary font-sans\">\n<header id=\"topHeader\">\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex justify-between items-center py-4\">\n <a href=\"\/\" class=\"flex items-center gap-2\">\n <span class=\"text-accent text-2xl font-bold\">\u534e\u5efa\u8010\u5019<\/span>\n <span class=\"hidden sm:inline-block text-sm text-gray-500\">\u5c71\u4e1c\u534e\u5efa\u661f\u91d1\u5c5e\u5236\u54c1<\/span>\n <\/a>\n \n <nav class=\"hidden md:flex items-center gap-8\">\n <a href=\"https:\/\/nhgbjgw.com\/\" class=\"text-gray-600 hover:text-accent transition-colors\">\n \u8010\u5019\u94a2\u677f\u4ef7\u683c\n <\/a>\n <a href=\"#\" class=\"text-accent font-medium border-b-2 border-accent pb-1\">\n \u505a\u9508\u6559\u7a0b\n <\/a>\n <a href=\"https:\/\/nhgbjgw.com\/index.php\/products-en\/\" class=\"text-gray-600 hover:text-accent transition-colors\">\n \u4ea7\u54c1\u4e2d\u5fc3\n <\/a>\n <a href=\"https:\/\/nhgbjgw.com\/index.php\/469-2\/\" class=\"text-gray-600 hover:text-accent transition-colors\">\n \u516c\u53f8\u7b80\u4ecb\n <\/a>\n <\/nav>\n \n <div class=\"flex items-center gap-3\">\n <button id=\"menuBtn\" class=\"md:hidden text-accent text-xl\">\n <i class=\"fa fa-bars\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <div id=\"mobileMenu\" class=\"hidden md:hidden bg-white border-t border-gray-100\">\n <div class=\"container mx-auto px-4 py-3 flex flex-col gap-3\">\n <a href=\"https:\/\/nhgbjgw.com\/\" class=\"text-gray-600 hover:text-accent py-2\">\n \u8010\u5019\u94a2\u677f\u4ef7\u683c\n <\/a>\n <a href=\"#\" class=\"text-accent font-medium py-2\">\n \u505a\u9508\u6559\u7a0b\n <\/a>\n <a href=\"https:\/\/nhgbjgw.com\/index.php\/products-en\/\" class=\"text-gray-600 hover:text-accent py-2\">\n \u4ea7\u54c1\u4e2d\u5fc3\n <\/a>\n <a href=\"https:\/\/nhgbjgw.com\/index.php\/469-2\/\" class=\"text-gray-600 hover:text-accent py-2\">\n \u516c\u53f8\u7b80\u4ecb\n <\/a>\n <\/div>\n <\/div>\n<\/header>\n<section class=\"pt-12 pb-0 px-3 sm:px-6 lg:px-8 max-w-7xl mx-auto\">\n <div class=\"text-center\">\n <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-bold mb-6 text-balance\">\n \u94c1\u9508\u6f06<span class=\"text-weathering\">\u65bd\u5de5\u6559\u7a0b<\/span>\n <\/h1>\n <p class=\"text-xl text-secondary max-w-3xl mx-auto mb-10 text-balance\">\n \u94c1\u9508\u6f06\u4f7f\u7528\u6559\u7a0b\uff1a1\u53f7\u89c6\u9891<br>\n \u94c1\u9508\u4e2d\u6f06\u9632\u75d5\u8ff9\uff1a2\u53f7\u89c6\u9891<br>\n \u6591\u70b9\u9508\u5236\u4f5c\u6559\u7a0b\uff1a3\u53f7\u89c6\u9891<br>\n \uff01\u94c1\u9508\u6f06\u5e38\u89c1\u95ee\u7b54\u4e0b\u62c9\u5230\u5e95\u90e8\uff01<br>\n \u6301\u7eed\u66f4\u65b0\u4e2d\n <\/p>\n <\/div>\n<\/section>\n<section class=\"py-16 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto bg-gray-50 rounded-2xl mb-20\">\n <div class=\"grid md:grid-cols-1 gap-10\">\n \n <div class=\"bg-white p-6 rounded-xl shadow-sm scale-hover\">\n <div class=\"flex flex-col lg:flex-row items-center gap-8\">\n <a \n href=\"javascript:void(0)\" \n onclick=\"playVideo('https:\/\/nhgbjgw.com\/videos\/tiexiuqok.mp4 ')\" \n class=\"w-full lg:w-2\/3 aspect-w-16 aspect-h-9 bg-weatheringLight rounded-lg relative overflow-hidden video-container block\"\n >\n <img decoding=\"async\" src=\"https:\/\/nhgbjgw.com\/images\/2345.jpg?v=2\" \n alt=\"\u94c1\u9508\u6f06\u4f7f\u7528\u6559\u7a0b\" \n loading=\"lazy\"\n class=\"w-full h-full object-cover\">\n <div class=\"play-button absolute top-1\/2 left-1\/2\"><i class=\"fa fa-play text-3xl text-white\"><\/i><\/div>\n <p class=\"absolute bottom-4 right-4 text-white bg-black\/50 px-3 py-1 rounded-md text-sm\">\n \u6559\u7a0b\u89c6\u9891\uff1a\u94c1\u9508\u6f06\u4f7f\u7528\u6559\u7a0b\n <\/p>\n <\/a>\n <div class=\"w-full lg:w-1\/3 flex flex-col justify-center gap-4\">\n <h3 class=\"text-2xl font-medium text-primary\">\n \u94c1\u9508\u6f06\u4f7f\u7528\u6559\u7a0b\uff1a1\u53f7\u89c6\u9891\n <\/h3>\n <div class=\"text-gray-600\" id=\"tutorial1Text\">\n <div class=\"text-collapse\">\n <p class=\"mb-2\"><strong>\u9002\u5408\u6750\u6599<\/strong>\uff1a\u6c34\u6ce5\u5899\u3001\u77f3\u818f\u677f\u3001\u6728\u5934\u3001\u94a2\u6750\u3001\u73bb\u7483\u7b49\u3002<\/p>\n <p class=\"mb-2\"><strong>\u6240\u9700\u6750\u6599<\/strong>\uff1a\u94c1\u9508\u6f06\u3001\u8f8a\u7b52\uff08\u5927\u9762\u79ef\u6539\u7528\u5927\u6eda\u7b52\uff09\u3002<\/p>\n <p class=\"mb-2\"><strong>\u6b65\u9aa4\u62c6\u89e3<\/strong>\uff1a\n<br>\u7b2c\u4e00\u6b65\uff1a\u6eda\u6d82\u5e95\u6f06\uff0c\u7b49\u5f85\u5e72\u900f\u6eda\u6d82\u5e95\u6f062\u904d\u3002\n<br>\u7b2c\u4e8c\u6b65\uff1a\u6eda\u6d82\u4e2d\u6f06\uff0c\u7b49\u5f85\u5e72\u900f\u3002\n<br>\u7b2c\u4e09\u6b65\uff1a\u6eda\u6d82\u9762\u6f06\u65bd\u5de5\u5b8c\u6210\u3002<\/p>\n <\/div>\n <button id=\"toggleTutorial1\" class=\"mt-2 text-accent font-medium flex items-center hover:underline\">\n \u67e5\u770b\u66f4\u591a\n <i class=\"fa fa-chevron-down ml-1 transition-transform\"><\/i>\n <\/button>\n <\/div>\n <a href=\"tel:18263583333\" class=\"w-full bg-accent text-white py-3 rounded-lg text-center font-medium\">\n <i class=\"fa fa-shopping-cart mr-1\"><\/i> \u6280\u672f\u54a8\u8be2\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-white p-6 rounded-xl shadow-sm scale-hover\">\n <div class=\"flex flex-col lg:flex-row items-center gap-8\">\n <a \n href=\"javascript:void(0)\" \n onclick=\"playVideo('https:\/\/nhgbjgw.com\/videos\/zhongqiok.mp4 ')\" \n class=\"w-full lg:w-2\/3 aspect-w-16 aspect-h-9 bg-weatheringLight rounded-lg relative overflow-hidden video-container block\"\n >\n <img decoding=\"async\" src=\"https:\/\/nhgbjgw.com\/images\/2345.jpg\" \n alt=\"\u8010\u5019\u94a2\u677f\u81ea\u7136\u505a\u9508\u6548\u679c\" \n loading=\"lazy\"\n class=\"w-full h-full object-cover\">\n <div class=\"play-button absolute top-1\/2 left-1\/2\"><i class=\"fa fa-play text-3xl text-white\"><\/i><\/div>\n <p class=\"absolute bottom-4 right-4 text-white bg-black\/50 px-3 py-1 rounded-md text-sm\">\n \u6559\u7a0b\u89c6\u9891\uff1a\u94c1\u9508\u4e2d\u6f06\u4f7f\u7528\u6280\u5de7\n <\/p>\n <\/a>\n <div class=\"w-full lg:w-1\/3 flex flex-col justify-center gap-4\">\n <h3 class=\"text-2xl font-medium text-primary\">\n \u94c1\u9508\u4e2d\u6f06\u9632\u75d5\u8ff9\uff1a2\u53f7\u89c6\u9891\n <\/h3>\n <div class=\"text-gray-600\" id=\"tutorial2Text\">\n <div class=\"text-collapse\">\n <p class=\"mb-2\"><strong>\u9002\u5408\u6750\u6599<\/strong>\uff1a\u6c34\u6ce5\u5899\u3001\u77f3\u818f\u677f\u3001\u6728\u5934\u3001\u94a2\u6750\u3001\u73bb\u7483\u7b49\u3002<\/p>\n <p class=\"mb-2\"><strong>\u6240\u9700\u6750\u6599<\/strong>\uff1a\u94c1\u9508\u6f06\u3001\u8f8a\u7b52\uff08\u5927\u9762\u79ef\u6539\u7528\u5927\u6eda\u7b52\uff09\u3002<\/p>\n <p class=\"mb-2\"><strong>\u6b65\u9aa4\u62c6\u89e3<\/strong>\uff1a\n<br>\u7b2c\u4e00\u6b65\uff1a\u6eda\u6d82\u5e95\u6f06\uff0c\u7b49\u5f85\u5e72\u900f\u6eda\u6d82\u5e95\u6f062\u904d\u3002\n<br>\u7b2c\u4e8c\u6b65\uff1a\u6eda\u6d82\u4e2d\u6f06\uff0c\u7b49\u5f85\u5e72\u900f\u3002\n<br>\u7b2c\u4e09\u6b65\uff1a\u6eda\u6d82\u9762\u6f06\u65bd\u5de5\u5b8c\u6210\u3002<\/p>\n <\/div>\n <button id=\"toggleTutorial2\" class=\"mt-2 text-accent font-medium flex items-center hover:underline\">\n \u67e5\u770b\u66f4\u591a\n <i class=\"fa fa-chevron-down ml-1 transition-transform\"><\/i>\n <\/button>\n <\/div>\n <a href=\"tel:18263583333\" class=\"w-full bg-accent text-white py-3 rounded-lg text-center font-medium\">\n <i class=\"fa fa-shopping-cart mr-1\"><\/i> \u6280\u672f\u54a8\u8be2\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-white p-6 rounded-xl shadow-sm scale-hover\">\n <div class=\"flex flex-col lg:flex-row items-center gap-8\">\n <a \n href=\"javascript:void(0)\" \n onclick=\"playVideo('https:\/\/nhgbjgw.com\/videos\/bandianok.mp4')\" \n class=\"w-full lg:w-2\/3 aspect-w-16 aspect-h-9 bg-weatheringLight rounded-lg relative overflow-hidden video-container block\"\n >\n <img decoding=\"async\" src=\"https:\/\/nhgbjgw.com\/images\/2345.jpg\" \n alt=\"DIY\u505a\u9508\u5b9e\u64cd\u6559\u7a0b\" \n loading=\"lazy\"\n class=\"w-full h-full object-cover\">\n <div class=\"play-button absolute top-1\/2 left-1\/2\"><i class=\"fa fa-play text-3xl text-white\"><\/i><\/div>\n <p class=\"absolute bottom-4 right-4 text-white bg-black\/50 px-3 py-1 rounded-md text-sm\">\n \u6559\u7a0b\u89c6\u9891\uff1a\u6591\u70b9\u9508\u5b9e\u64cd\u6559\u7a0b\n <\/p>\n <\/a>\n <div class=\"w-full lg:w-1\/3 flex flex-col justify-center gap-4\">\n <h3 class=\"text-2xl font-medium text-primary\">\n \u6591\u70b9\u9508\u5236\u4f5c\u6559\u7a0b\uff1a3\u53f7\u89c6\u9891\n <\/h3>\n <div class=\"text-gray-600\" id=\"tutorial3Text\">\n <div class=\"text-collapse\">\n <p class=\"mb-2\"><strong>\u9002\u5408\u6750\u6599<\/strong>\uff1a\u6c34\u6ce5\u5899\u3001\u77f3\u818f\u677f\u3001\u6728\u5934\u3001\u94a2\u6750\u3001\u73bb\u7483\u7b49\u3002<\/p>\n <p class=\"mb-2\"><strong>\u6240\u9700\u6750\u6599<\/strong>\uff1a\u94c1\u9508\u6f06\u3001\u6d77\u7ef5\u3002<\/p>\n <p class=\"mb-2\"><strong>\u6b65\u9aa4\u62c6\u89e3<\/strong>\uff1a\n<br>\u7b2c\u4e00\u6b65\uff1a\u6eda\u6d82\u5e95\u6f06\uff0c\u7b49\u5f85\u5e72\u900f\u6eda\u6d82\u5e95\u6f062\u904d\u3002\n<br>\u7b2c\u4e8c\u6b65\uff1a\u62cd\u6d82\u4e2d\u6f06\uff0c\u7b49\u5f85\u5e72\u900f\u3002\n<br>\u7b2c\u4e09\u6b65\uff1a\u6eda\u6d82\u9762\u6f06\u65bd\u5de5\u5b8c\u6210\u3002<\/p>\n <\/div>\n <button id=\"toggleTutorial3\" class=\"mt-2 text-accent font-medium flex items-center hover:underline\">\n \u67e5\u770b\u66f4\u591a\n <i class=\"fa fa-chevron-down ml-1 transition-transform\"><\/i>\n <\/button>\n <\/div>\n <a href=\"tel:18263583333\" class=\"w-full bg-accent text-white py-3 rounded-lg text-center font-medium\">\n <i class=\"fa fa-shopping-cart mr-1\"><\/i> \u6280\u672f\u54a8\u8be2\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n<section class=\"py-12 px-4 sm:px-6 lg:px-8 max-w-5xl mx-auto bg-gray-50 rounded-2xl mb-20\">\n \n <div class=\"mb-8 text-center\">\n <a href=\"https:\/\/nhgbjgw.com\/index.php\/422-2\/\" class=\"inline-block bg-weathering text-white px-8 py-4 rounded-xl text-lg font-medium scale-hover\">\n <i class=\"fa fa-play-circle mr-2\"><\/i>\n \u751f\u9508\u836f\u6c34\u89c6\u9891\u6559\u7a0b\n <\/a>\n <\/div>\n <h2 class=\"text-2xl font-bold mb-8 text-center\">\n \u4e0a\u95e8\u65bd\u5de5\u4eba\u5458\n <\/h2>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6\">\n <a href=\"tel:18265556545\" class=\"bg-white p-6 rounded-lg shadow-sm text-center scale-hover\">\n <i class=\"fa fa-user-circle text-4xl text-weathering mb-3\"><\/i>\n <h3 class=\"font-medium text-lg mb-2\">\n \u4e8e\u5e08\u5085 – \u5c71\u4e1c\n <\/h3>\n <button class=\"w-full bg-accent text-white py-3 rounded-lg font-medium\">\n <i class=\"fa fa-phone mr-1\"><\/i> \n \u7acb\u5373\u8054\u7cfb\n <\/button>\n <\/a>\n <a href=\"tel:15763532773\" class=\"bg-white p-6 rounded-lg shadow-sm text-center scale-hover\">\n <i class=\"fa fa-user-circle text-4xl text-weathering mb-3\"><\/i>\n <h3 class=\"font-medium text-lg mb-2\">\n \u90ed\u5e08\u5085 – \u5929\u6d25\n <\/h3>\n <button class=\"w-full bg-accent text-white py-3 rounded-lg font-medium\">\n <i class=\"fa fa-phone mr-1\"><\/i> \n \u7acb\u5373\u8054\u7cfb\n <\/button>\n <\/a>\n <a href=\"tel:18654952684\" class=\"bg-white p-6 rounded-lg shadow-sm text-center scale-hover\">\n <i class=\"fa fa-user-circle text-4xl text-weathering mb-3\"><\/i>\n <h3 class=\"font-medium text-lg mb-2\">\n \u674e\u5e08\u5085 – \u5168\u56fd\n <\/h3>\n <button class=\"w-full bg-accent text-white py-3 rounded-lg font-medium\">\n <i class=\"fa fa-phone mr-1\"><\/i> \n \u7acb\u5373\u8054\u7cfb\n <\/button>\n <\/a>\n <a href=\"tel:15166548090\" class=\"bg-white p-6 rounded-lg shadow-sm text-center scale-hover\">\n <i class=\"fa fa-user-circle text-4xl text-weathering mb-3\"><\/i>\n <h3 class=\"font-medium text-lg mb-2\">\n \u5218\u5e08\u5085\n <\/h3>\n <button class=\"w-full bg-accent text-white py-3 rounded-lg font-medium\">\n <i class=\"fa fa-phone mr-1\"><\/i> \n \u7acb\u5373\u8054\u7cfb\n <\/button>\n <\/a>\n <\/div>\n<\/section>\n<section id=\"faq\" class=\"py-15 px-4 sm:px-6 lg:px-8 max-w-5xl mx-auto bg-gray-50 rounded-2xl mb-20\">\n <h2 class=\"text-2xl font-bold mb-8 text-center\">\n \u505a\u9508\u5de5\u827a\u5e38\u89c1\u95ee\u9898\n <\/h2>\n <div class=\"space-y-4\">\n <div class=\"bg-white p-4 rounded-lg shadow-sm\">\n <p class=\"font-medium\"><i class=\"fa fa-question-circle text-weathering mr-2\"><\/i>\n \u95ee\uff1a\u94c1\u9508\u6f06\u4e00\u516c\u65a4\u53ef\u4ee5\u505a\u591a\u5c11\u5e73\u65b9\uff1f\n <\/p>\n <p class=\"text-secondary mt-2\">\n \u7b54\uff1a\u4e00\u516c\u65a4\u5957\u88c5\u53ef\u4ee5\u505a10\u5e73\u65b9\u5de6\u53f3\u3002\n <\/p>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm\">\n <p class=\"font-medium\"><i class=\"fa fa-question-circle text-weathering mr-2\"><\/i>\n \u95ee\uff1a\u4e2d\u6d82\u6eda\u6d82\u4ee5\u540e\u6709\u75d5\u8ff9\u600e\u4e48\u64cd\u4f5c\uff1f\n <\/p>\n <p class=\"text-secondary mt-2\">\n \u7b54\uff1a\u7b2c\u4e00\u4e2a\u65b9\u6848\u662f\u4e2d\u6d82\u52a0\u6c34\u4f7f\u7528\uff0c\u53ef\u4ee5\u6709\u6548\u907f\u514d\u75d5\u8ff9\uff0c\u5982\u679c\u989c\u8272\u53d8\u6d45\u53ef\u4ee5\u6eda\u6d822\u904d\u3002<br>\u7b2c\u4e8c\u4e2a\u65b9\u6cd5\u662f\u6eda\u6d82\u4e2d\u6f06\u5927\u9762\u79ef\u65f6\u5019\u53ef\u4ee5\u51c6\u59072\u4e2a\u6eda\u7b52\uff0c\u7b2c\u4e00\u4e2a\u6eda\u7b52\u6cbe\u6599\u76f4\u63a5\u524d\u9762\u6eda\u6d82\uff0c\u4e0d\u8981\u4f7f\u52b2\u6309\u538b\uff0c\u540e\u9762\u63a5\u7740\u7528\u5e72\u51c0\u6eda\u6d82\u6765\u6536\u4e00\u904d\uff0c\u53c2\u8003\u7b2c\u4e8c\u4e2a\u89c6\u9891\u3002\n <\/p>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm\">\n <p class=\"font-medium\"><i class=\"fa fa-question-circle text-weathering mr-2\"><\/i>\n \u95ee\uff1a\u4e3a\u4ec0\u4e48\u6211\u505a\u7684\u94c1\u9508\u548c\u56fe\u7247\u4e0d\u4e00\u6837\uff1f\n <\/p>\n <p class=\"text-secondary mt-2\">\n \u7b54\uff1a\u56e0\u4e3a\u94c1\u9508\u6f06\u672c\u8eab\u5c5e\u4e8e\u827a\u672f\u6d82\u6599\uff0c\u5728\u64cd\u4f5c\u8fc7\u7a0b\u4e2d\u5e95\u6f06\u4e2d\u6f06\u5237\u6d82\u7684\u539a\u548c\u8584\u6548\u679c\u4e0d\u4e00\u6837\uff0c\u5e76\u4e14\u4f7f\u7528\u7684\u5de5\u5177\u4e0d\u540c\u6548\u679c\u4e5f\u4e0d\u4e00\u6837\uff0c\u4f5c\u4e1a\u524d\u53ef\u4ee5\u7528\u6d77\u7ef5\uff0c\u6eda\u7b52\uff0c\u5237\u5b50\u5206\u522b\u6d4b\u8bd5\uff0c\u559c\u6b22\u4ec0\u4e48\u6548\u679c\u5c31\u5927\u80c6\u53bb\u64cd\u4f5c\uff0c\u72ec\u4e00\u65e0\u4e8c\u624d\u662f\u94c1\u9508\u6f06\u72ec\u7279\u7684\u9b45\u529b\n <\/p>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm\">\n <p class=\"font-medium\"><i class=\"fa fa-question-circle text-weathering mr-2\"><\/i>\n \u95ee\uff1a\u94c1\u9508\u6f06\u5bf9\u6e29\u5ea6\u6709\u8981\u6c42\u5417\uff1f\n <\/p>\n <p class=\"text-secondary mt-2\">\n \u7b54\uff1a\u662f\u7684\uff0c\u5efa\u8bae5-25\u5ea6\u8fdb\u884c\u65bd\u5de5\u907f\u514d\u70c8\u65e5\u4e0b\u4f5c\u4e1a\uff0c\u6bcf\u9053\u5de5\u5e8f\u95f4\u96943-5\u5c0f\u65f6\uff0c\u5e76\u4e143\u5929\u5185\u4e0d\u8981\u6dcb\u96e8\u6548\u679c\u66f4\u4f73\u3002\n <\/p>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm\">\n <p class=\"font-medium\"><i class=\"fa fa-question-circle text-weathering mr-2\"><\/i>\n \u95ee\uff1a\u94c1\u9508\u6f06\u505a\u65e7\u4ec0\u4e48\u6750\u6599\u53ef\u4ee5\u4f7f\u7528\uff1f\n <\/p>\n <p class=\"text-secondary mt-2\">\n \u7b54\uff1a\u53ea\u8981\u5e95\u6750\u7262\u56fa\u94c1\u9508\u6f06\u662f\u4e0d\u6311\u6750\u8d28\u7684\u3002\uff08\u8bd5\u9a8c\u7ed3\u679c\u94c1\u9508\u4e0d\u6253\u78e8\u76f4\u63a5\u6eda\u6d82\u76ee\u524d\u5df2\u7ecf3\u5e74\u6ca1\u6709\u4efb\u4f55\u8131\u6f06\u73b0\u8c61\uff09\n <\/p>\n <\/div>\n <\/div>\n<\/section>\n<footer>\n <div class=\"border-t border-gray-700 mt-8 pt-8 text-center text-gray-400 text-sm\">\u00a9 2026 \u8010\u5019\u94a2\u677f\u4ef7\u683c\u7f51 \u7248\u6743\u6240\u6709<\/div>\n<\/footer>\n<div class=\"app-bottom-nav\">\n <div class=\"flex justify-around items-center h-16\">\n <a href=\"https:\/\/nhgbjgw.com\/\" class=\"nav-btn w-1\/4\">\n <i class=\"fa fa-home\"><\/i>\n <span>\u9996\u9875\u67e5\u4ef7<\/span>\n <\/a>\n <a href=\"#\" class=\"nav-btn w-1\/4 active\">\n <i class=\"fa fa-book\"><\/i>\n <span>\u505a\u9508\u6559\u7a0b<\/span>\n <\/a>\n <a href=\"https:\/\/nhgbjgw.com\/index.php\/products-en\/\" class=\"nav-btn w-1\/4\">\n <i class=\"fa fa-th\"><\/i>\n <span>\u4ea7\u54c1\u4e2d\u5fc3<\/span>\n <\/a>\n <a href=\"https:\/\/nhgbjgw.com\/index.php\/469-2\/\" class=\"nav-btn w-1\/4\">\n <i class=\"fa fa-building\"><\/i>\n <span>\u516c\u53f8\u7b80\u4ecb<\/span>\n <\/a>\n <\/div>\n<\/div>\n<script>\n \/\/ \u79fb\u52a8\u7aef\u83dc\u5355\n const menuBtn = document.getElementById('menuBtn');\n const mobileMenu = document.getElementById('mobileMenu');\n menuBtn.addEventListener('click', () => {\n mobileMenu.classList.toggle('hidden');\n });\n \/\/ \u6298\u53e0\u5c55\u5f00\u4ea4\u4e92\n function setupToggle(toggleId) {\n const toggle = document.getElementById(toggleId);\n const text = toggle.previousElementSibling;\n toggle.addEventListener('click', () => {\n text.classList.toggle('text-collapse');\n text.classList.toggle('text-expand');\n const icon = toggle.querySelector('i');\n if (text.classList.contains('text-expand')) {\n toggle.firstChild.textContent = '\u6536\u8d77\u5185\u5bb9';\n toggle.appendChild(icon);\n icon.classList.add('rotate-180');\n } else {\n toggle.firstChild.textContent = '\u67e5\u770b\u66f4\u591a';\n toggle.appendChild(icon);\n icon.classList.remove('rotate-180');\n }\n });\n }\n setupToggle('toggleTutorial1');\n setupToggle('toggleTutorial2');\n setupToggle('toggleTutorial3');\n \/\/ \u68c0\u6d4b\u662f\u5426\u4e3a\u82f9\u679c(iOS)\u8bbe\u5907\n function isIOS() {\n return \/iPad|iPhone|iPod\/.test(navigator.userAgent) && !window.MSStream;\n }\n \/\/ \u68c0\u6d4b\u662f\u5426\u4e3a\u5b89\u5353\u8bbe\u5907\n function isAndroid() {\n return \/Android\/i.test(navigator.userAgent) && !\/HarmonyOS\/.test(navigator.userAgent);\n }\n \/\/ \u68c0\u6d4b\u9e3f\u8499\u7cfb\u7edf + \u5224\u65ad6.0\u4ee5\u4e0a\u7248\u672c\n function isHarmonyOS() {\n return \/HarmonyOS\/i.test(navigator.userAgent);\n }\n function getHarmonyVersion() {\n const match = navigator.userAgent.match(\/HarmonyOS\\s*([\\d.]+)\/i);\n return match ? parseFloat(match[1]) : 0;\n }\n \/\/ \u89c6\u9891\u64ad\u653e\u903b\u8f91\uff1aiOS\/\u5b89\u5353\/\u9e3f\u84996.0+ \u4e09\u5957\u9002\u914d\n function playVideo(videoUrl) {\n \/\/ iOS\u8bbe\u5907\uff1a\u8df3\u8f6c\u65b0\u9875\u9762\u64ad\u653e\n if (isIOS()) {\n window.open(videoUrl, '_blank');\n return;\n }\n \/\/ \u6e05\u9664\u65e7\u5f39\u7a97\n const oldModal = document.querySelector('.video-modal');\n if (oldModal) oldModal.remove();\n const modal = document.createElement('div');\n modal.className = 'video-modal';\n const closeBtn = document.createElement('div');\n closeBtn.className = 'video-modal-close';\n closeBtn.innerHTML = '<i class=\"fa fa-times\"><\/i>';\n closeBtn.onclick = () => {\n modal.remove();\n const video = modal.querySelector('video');\n if (video) video.pause();\n };\n const video = document.createElement('video');\n video.className = 'video-modal-video';\n \n \/\/ \u7cfb\u7edf\u5206\u7c7b\u52a0\u4e13\u5c5e\u6837\u5f0f\n const isHarmony = isHarmonyOS();\n const harmonyVer = getHarmonyVersion();\n if (isAndroid()) {\n video.classList.add('android-video');\n }\n if (isHarmony && harmonyVer >= 6.0) {\n video.classList.add('harmony-video');\n }\n video.controls = true;\n video.playsInline = true;\n video.preload = 'auto';\n video.setAttribute('controlsList', 'nodownload');\n video.oncontextmenu = (e) => {\n e.preventDefault();\n return false;\n };\n modal.appendChild(closeBtn);\n modal.appendChild(video);\n document.body.appendChild(modal);\n video.src = videoUrl;\n setTimeout(() => {\n video.play().catch(err => {\n console.log('\u89c6\u9891\u64ad\u653e\u89e6\u53d1:', err);\n });\n }, 100);\n modal.onclick = (e) => {\n if (e.target === modal) {\n modal.remove();\n video.pause();\n }\n };\n }\n<\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u8010\u5019\u94a2\u677f\u505a\u9508\u6559\u7a0b-\u52a0\u901f\/\u81ea\u7136\u505a\u9508\u65b9\u6cd5-\u505a\u9508\u5242\u914d\u65b9-\u5c71\u4e1c\u534e\u5efa\u661f\u91d1\u5c5e\u5236\u54c1 \u534e\u5efa\u8010\u5019 \u5c71\u4e1c\u534e\u5efa\u661f\u91d1\u5c5e\u5236\u54c1 \u8010\u5019\u94a2\u677f\u4ef7 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":329,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"wp-custom-template-17","meta":{"footnotes":""},"class_list":["post-1037","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nhgbjgw.com\/index.php\/wp-json\/wp\/v2\/pages\/1037","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nhgbjgw.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nhgbjgw.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nhgbjgw.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nhgbjgw.com\/index.php\/wp-json\/wp\/v2\/comments?post=1037"}],"version-history":[{"count":6,"href":"https:\/\/nhgbjgw.com\/index.php\/wp-json\/wp\/v2\/pages\/1037\/revisions"}],"predecessor-version":[{"id":1170,"href":"https:\/\/nhgbjgw.com\/index.php\/wp-json\/wp\/v2\/pages\/1037\/revisions\/1170"}],"up":[{"embeddable":true,"href":"https:\/\/nhgbjgw.com\/index.php\/wp-json\/wp\/v2\/pages\/329"}],"wp:attachment":[{"href":"https:\/\/nhgbjgw.com\/index.php\/wp-json\/wp\/v2\/media?parent=1037"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}