{"id":28517,"date":"2024-09-05T10:08:05","date_gmt":"2024-09-05T10:08:05","guid":{"rendered":"https:\/\/devwp02.visibleone.io\/vowp\/services\/promo-video-production\/"},"modified":"2024-12-08T02:52:15","modified_gmt":"2024-12-08T02:52:15","slug":"video-production","status":"publish","type":"page","link":"https:\/\/devwp02.visibleone.io\/vowp\/zh-hk\/services\/video-production\/","title":{"rendered":"Video Production"},"content":{"rendered":"\n<div id=\"\" class=\"VOHeroV2 module_container  pt-[43px] md:pt-[61px] xl:pt-[65px] 2xl:pt-[74px] text-primary\">\n    <div class=\" relative overflow-hidden px-4 md:px-8 lg:px-24 2xl:px-36  py-16 pb-8 xl:py-20  \">\n        <div class=\"absolute right-0 top-0\">\n            <img decoding=\"async\" width=\"100\" height=\"100\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/aboutus\/visible-one_68fd8708.svg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" class=\"w-[100px] md:w-[150px] lg:w-[180px] xl:w-[200px]\"\/>\n        <\/div>\n        <div class=\"hidden xl:block absolute right-[180px] top-[160px]\">\n            <img decoding=\"async\" width=\"350\" height=\"100\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/aboutus\/line_4aa497fd.svg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" class=\"w-[350px]\"\/>\n        <\/div>\n        <div class=\"w-full\">\n            <div class=\"w-full lg:w-[70%] xl:w-[60%] \">\n                            <div class=\"font-semibold md:w-[80%] lg:w-[90%] mt-2 fs-6xl lg:leading-tight\">\n                    <h1>\u77ed\u7247\u88fd\u4f5c<\/h1>\n                                        \n                <\/div>\n                <div class=\"my-4 md:my-8 h-2 w-16 bg-themeSecondaryDark\"><\/div>\n                <div class=\"font-light text-secondary fs-lg\">\n                    <div class=\"mt-4 md:mt-8\"><p>\u8207\u60a8\u7684\u76ee\u6a19\u53d7\u773e\u7522\u751f\u5171\u9cf4\uff0c\u4e26\u901a\u904e\u6211\u5011\u7684\u5275\u610f\u8996\u983b\u88fd\u4f5c\u7522\u751f\u66f4\u591a\u53c3\u8207\u3002 \u6211\u5011\u63d0\u4f9b\u5f9e\u6982\u5ff5\u5230\u88fd\u4f5c\u7684\u9ad8\u6548\u8996\u983b\u5167\u5bb9\u548c\u8ca0\u64d4\u5f97\u8d77\u7684\u670d\u52d9\uff0c\u5411\u60a8\u7684\u89c0\u773e\u50b3\u905e\u6b63\u78ba\u7684\u4fe1\u606f\u3002<\/p>\n<\/div>\n                                    <\/div>\n                            <\/div>\n            <button aria-label=\"go to bottom\" class=\"cursor-pointer relative z-10 float-right mt-4 arrow-button\">\n                <img decoding=\"async\" width=\"50\" height=\"66\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/aboutus\/downArrow_bc7cafe1.svg\" alt=\"go to below section\" loading=\"lazy\" class=\"w-[60%] md:w-[70%] xl:w-[80%] 2xl:w-[90%] mx-auto\"\/>\n            <\/button>\n        <\/div>\n    <\/div>\n    <\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const heroElement = document.querySelector('.VOHeroV2'); \n\n        function arrowHandler() {\n        if (heroElement) {\n            window.scrollTo(0, heroElement.scrollHeight);\n        }\n        }\n        document.querySelector('.VOHeroV2 .arrow-button').addEventListener('click', arrowHandler);\n    });\n<\/script>\n\n\n<div class=\"IntroVideo\" style=\"opacity: 1; transform: none;\">\n    <div class=\" mx-auto px-4 md:px-8 lg:px-12 xl:px-24 py-12 xl:py-32 relative \"\n        style=\"background-color: rgb(255, 255, 255);\">\n        <div class=\"absolute top-0 right-0\"><svg class=\"w-[30%] md:w-[50%] xl:w-[80%] ml-auto h-full\" width=\"574\"\n                height=\"460\" viewBox=\"0 0 574 460\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <g clip-path=\"url(#clip0_2816_32813)\">\n                    <circle opacity=\"0.15\" cx=\"287\" cy=\"173\" r=\"287\" transform=\"rotate(-90 287 173)\" fill=\"#FFAE00\">\n                    <\/circle>\n                    <path\n                        d=\"M412.995 155.642C411.87 153.693 409.378 153.025 407.429 154.15C405.48 155.275 404.813 157.767 405.939 159.716C407.064 161.666 409.556 162.334 411.505 161.209C413.453 160.084 414.121 157.592 412.995 155.642Z\"\n                        fill=\"#00DB92\"><\/path>\n                    <path\n                        d=\"M458.478 133.827C461.942 139.828 460.005 147.065 454.007 150.528C448.009 153.991 440.773 152.05 437.308 146.05C433.844 140.049 435.781 132.812 441.779 129.349C447.777 125.886 455.013 127.827 458.478 133.827ZM444.365 141.975C445.587 144.093 447.814 144.69 449.931 143.468C452.048 142.246 452.644 140.019 451.421 137.901C450.199 135.784 447.972 135.186 445.855 136.409C443.738 137.631 443.142 139.858 444.365 141.975Z\"\n                        fill=\"#F6B545\"><\/path>\n                    <path\n                        d=\"M308.062 51.9756L303.609 50.7814C301.383 50.1843 299.266 51.4066 298.67 53.6333C298.074 55.86 299.296 57.9778 301.523 58.5748L305.976 59.769L304.784 64.2224C304.187 66.4491 305.41 68.5669 307.637 69.164C309.863 69.761 311.98 68.5388 312.576 66.3121L313.768 61.8587L318.221 63.0529C320.448 63.6499 322.565 62.4277 323.161 60.201C323.459 59.0876 323.2 57.825 322.793 57.1191C322.385 56.4132 321.421 55.558 320.308 55.2594L315.855 54.0653L317.047 49.6119C317.345 48.4985 317.087 47.2359 316.679 46.53C316.272 45.824 315.307 44.9688 314.194 44.6703C311.968 44.0732 309.851 45.2955 309.255 47.5221L308.062 51.9756Z\"\n                        fill=\"#00DB92\"><\/path>\n                    <path\n                        d=\"M416.328 431.11L418.388 426.986C419.418 424.924 418.644 422.605 416.581 421.576C414.519 420.547 412.199 421.321 411.169 423.383L409.109 427.508L404.984 425.449C402.921 424.42 400.601 425.194 399.571 427.256C398.541 429.318 399.315 431.637 401.378 432.666L405.503 434.725L403.443 438.849C402.413 440.911 403.187 443.23 405.249 444.259C406.281 444.774 407.569 444.773 408.343 444.515C409.116 444.257 410.146 443.483 410.662 442.452L412.722 438.328L416.847 440.386C417.878 440.901 419.167 440.9 419.94 440.642C420.713 440.384 421.744 439.61 422.259 438.579C423.289 436.517 422.515 434.198 420.453 433.169L416.328 431.11Z\"\n                        fill=\"#00DB92\"><\/path>\n                    <path\n                        d=\"M394.076 359.148C396.327 359.148 398.152 357.324 398.152 355.074C398.152 352.824 396.327 351 394.076 351C391.825 351 390 352.824 390 355.074C390 357.324 391.825 359.148 394.076 359.148Z\"\n                        fill=\"#FFAE00\"><\/path>\n                    <path\n                        d=\"M340.076 433.148C342.327 433.148 344.152 431.324 344.152 429.074C344.152 426.824 342.327 425 340.076 425C337.825 425 336 426.824 336 429.074C336 431.324 337.825 433.148 340.076 433.148Z\"\n                        fill=\"#00DB92\"><\/path>\n                    <path\n                        d=\"M246.076 75.1481C248.327 75.1481 250.152 73.3241 250.152 71.0741C250.152 68.824 248.327 67 246.076 67C243.825 67 242 68.824 242 71.0741C242 73.3241 243.825 75.1481 246.076 75.1481Z\"\n                        fill=\"#FFAE00\"><\/path>\n                    <path\n                        d=\"M452.076 181.148C454.327 181.148 456.152 179.324 456.152 177.074C456.152 174.824 454.327 173 452.076 173C449.825 173 448 174.824 448 177.074C448 179.324 449.825 181.148 452.076 181.148Z\"\n                        fill=\"#FFAE00\"><\/path>\n                <\/g>\n                <defs>\n                    <clipPath id=\"clip0_2816_32813\">\n                        <rect width=\"574\" height=\"460\" fill=\"white\"><\/rect>\n                    <\/clipPath>\n                <\/defs>\n            <\/svg><\/div>\n        <div class=\"flex flex-col lg:flex-row justify-center xl:gap-x-4 items-start mx-auto max-w-[87.625rem]\">\n            <div class=\"w-full lg:w-[40%] 2xl:w-[28.875rem] mr-6 2xl:mr-12\">\n                <div><img decoding=\"async\" width=\"77\" height=\"9\"\n                        src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/intro-video\/IntroImage-dots_6188f505.svg\"\n                        alt=\"\" aria-hidden=\"true\" loading=\"lazy\"><\/div>\n                <h2 class=\"mt-2 md:mt-4 text-themeSecondary font-bold fs-xl\">\u5411\u5ba2\u6236\u4ecb\u7d39\u60a8\u7684\u516c\u53f8<\/h2>\n                <div class=\"text-primary font-semibold mt-2 md:mt-4 lg:leading-normal 2xl:leading-normal fs-5xl\">\n                    <h3>\u6709\u5275\u610f\u7684\u5ba3\u50b3\u77ed\u7247<\/h3>\n                <\/div>\n                <div class=\"fs-lg font-light mt-4 2xl:mt-8 text-secondary\">\n                    <p>\u6211\u5011\u70ba\u60a8\u7684\u7db2\u7ad9\u88fd\u4f5c\u6709\u8da3\u4e14\u5177\u6709\u5438\u5f15\u529b\u7684\u7cbe\u5f69\u5275\u610f\u8996\u983b\uff01<\/p>\n                <\/div>\n                            <\/div>\n            <div class=\"w-full lg:w-[55%] 3xl:w-[55%] mt-8 lg:mt-0 aspect-video\">\n                <div id=\"player-container\" data-src=\"https:\/\/www.youtube.com\/embed\/lhlWAvzKtek?autoplay=1&amp;feature=oembed\" class=\"relative w-full h-full\">\n                    <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/hqdefault.webp\" alt=\"24-hour responsive service icon in visible one\" loading=\"eager\" class=\"object-cover aspect-[16\/9] w-full xl:h-full \">\n                    <button title=\"play button\" aria-label=\"play button\" class=\"absolute block left-1\/2 top-1\/2 z-10 w-[60px] h-[40px] -translate-x-1\/2 -translate-y-1\/2\"><svg height=\"100%\" version=\"1.1\" viewBox=\"0 0 68 48\" width=\"100%\">\n                            <path d=\"M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z\" fill=\"#f00\"><\/path>\n                            <path d=\"M 45,24 27,14 27,34\" fill=\"#fff\"><\/path>\n                        <\/svg><\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- <script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        document.getElementById('player-container').addEventListener('click', function() {\n            const src = this.getAttribute('data-src');\n\n            const iframe = document.createElement('iframe');\n            iframe.setAttribute('class', 'w-full h-full max-h-full');\n            iframe.setAttribute('src', `${src}?rel=0&autoplay=1&mute=0`);\n            iframe.setAttribute('title', 'YouTube video player');\n            iframe.setAttribute('frameborder', '0');\n            iframe.setAttribute('allow', 'autoplay; fullscreen');\n            iframe.setAttribute('allowfullscreen', '');\n\n            this.innerHTML = '';\n            this.appendChild(iframe);\n        });\n    });\n<\/script> -->\n\n\n<div class=\"SeoCommitment\" style=\"opacity: 1; transform: none;\">\n    <div class=\"px-4 py-16 mx-auto text-secondary md:px-8 lg:px-16 max-w-screen-2xl\">\n        <div class=\"text-center \">\n            <div class=\"fs-5xl font-semibold text-primary\">\u5a1b\u6a02\uff0c\u4e92\u52d5\u548c\u6982\u8ff0<\/div>\n            <div class=\"mt-4 md:mt-6 lg:mt-8 mx-auto  xl:w-8\/12 fs-lg\">\u4ee5\u516c\u53f8\u696d\u52d9\uff0c\u7522\u54c1\u548c\u670d\u52d9\u88fd\u4f5c\u4f01\u696d\u63a8\u5ee3\u77ed\u7247\u662f\u500b\u5177\u6709\u5275\u610f\u7684\u89e3\u6c7a\u65b9\u6848\uff0c\u80fd\u7232\u516c\u53f8\u8207\u76ee\u6a19\u5ba2\u6236\u7fa4\u5efa\u7acb\u66f4\u6df1\u7684\u806f\u7e6b\u8207\u4e92\u52d5\u4e26\u4ee5\u6700\u76f8\u95dc\u548c\u6613\u63a5\u8fd1\u4ed6\u5011\u7684\u65b9\u5f0f\uff0c\u5411\u9867\u5ba2\u50b3\u905e\u91cd\u8981\u7684\u4fe1\u606f\u548c\u7232\u4ed6\u5011\u63d0\u4f9b\u6700\u4f73\u5275\u610f\u548c\u9069\u5408\u7684\u7db2\u7ad9\u89e3\u6c7a\u65b9\u6848\u3002<\/div>\n        <\/div>\n        <div class=\"flex flex-wrap justify-center mt-4 md:mt-8\">\n            <div class=\"text-center m-4 md:m-8 lg:m-12 2xl:m-16 w-[250px] lg:w-[270px] 2xl:w-[300px]\"><div class=\"bg-[#FBEFD5] rounded-full h-[250px] lg:h-[270px] 2xl:h-[300px]\"><img decoding=\"async\" width=\"300\" height=\"300\"\n                            src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/video-graphic01_d8b3e47f.svg\" \n                            alt=\"Person with a megaphone in a frame in visible one1\" \n                            loading=\"lazy\" \n                            class=\"block mx-auto w-full h-full object-contain object-bottom\"\n                          ><\/div><div class=\"font-semibold mt-8 fs-xl text-primary\">\n                        <p>\u5927\u5bb6\u90fd\u559c\u6b61\u8996\u983b<\/p>\n                      <\/div><div class=\"fs-lg mt-4\"><p>\u5275\u610f\u548c\u512a\u79c0\u7684\u8996\u983b\u5185\u5305\u62ec\u5927\u5bb6\u90fd\u559c\u611b\u7684\u65b0\u9bae\u6709\u8da3\u7684\u8996\u89ba\u5143\u7d20\uff0c\u9019\u7232\u5ba2\u6236\u589e\u52a0\u4e86\u7db2\u7ad9\u7684\u6d41\u91cf\u548c\u63d0\u9ad8\u9ede\u64ca\u7387\u3002<\/p>\n<\/div><\/div><div class=\"text-center m-4 md:m-8 lg:m-12 2xl:m-16 w-[250px] lg:w-[270px] 2xl:w-[300px]\"><div class=\"bg-[#FBEFD5] rounded-full h-[250px] lg:h-[270px] 2xl:h-[300px]\"><img decoding=\"async\" width=\"300\" height=\"300\"\n                            src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/video-graphic02_c12954fd.svg\" \n                            alt=\"Person interacting with a video player interface in visible one2\" \n                            loading=\"lazy\" \n                            class=\"block mx-auto w-full h-full object-contain object-bottom\"\n                          ><\/div><div class=\"font-semibold mt-8 fs-xl text-primary\">\n                        <p>\u8996\u983b\u80fd\u7232\u60a8\u89e3\u91cb \u4e00\u5207<\/p>\n                      <\/div><div class=\"fs-lg mt-4\"><p>\u5728\u8996\u983b\u5185\u4ee5\u751f\u52d5\u6709\u8da3\uff0c\u5bcc\u6709\u5275\u610f\u548c\u5a1b\u6a02\u7684\u65b9\u5f0f\u5411\u5927\u8846\u89e3\u91cb\u60a8\u516c\u53f8\u7684\u5546\u696d\u7406\u5ff5\uff0c\u8b93\u60a8\u7684\u9867\u5ba2\u53ef\u4ee5\u66f4\u597d\u5730\u4e86\u89e3\u60a8\u7684\u696d\u52d9\u3002<\/p>\n<\/div><\/div><div class=\"text-center m-4 md:m-8 lg:m-12 2xl:m-16 w-[250px] lg:w-[270px] 2xl:w-[300px]\"><div class=\"bg-[#FBEFD5] rounded-full h-[250px] lg:h-[270px] 2xl:h-[300px]\"><img decoding=\"async\" width=\"300\" height=\"300\"\n                            src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/video-graphic03_78bfcf0e.svg\" \n                            alt=\"Person working with videos, surrounded by icons in visible one3\" \n                            loading=\"lazy\" \n                            class=\"block mx-auto w-full h-full object-contain object-bottom\"\n                          ><\/div><div class=\"font-semibold mt-8 fs-xl text-primary\">\n                        <p>\u4fc3\u9032 \u8f49\u5316\u7387\u548c\u92b7\u552e\u91cf<\/p>\n                      <\/div><div class=\"fs-lg mt-4\"><p>\u63d0\u4f9b\u66f4\u591a\u516c\u53f8\u5728\u7db2\u4e0a\u7684\u53ef\u898b\u6027\u6a5f\u6703\u548c\u63d0\u9ad8\u54c1\u724c\u77e5\u540d\u5ea6\uff0c\u4ee5\u5438\u5f15\u89c0\u773e\u7684\u6ce8\u610f\uff0c\u9032\u800c\u589e\u52a0\u7db2\u7ad9\u700f\u89bd\u91cf\u548c\u4fc3\u9032\u92b7\u552e\u91cf\u3002<\/p>\n<\/div><\/div>        <\/div>\n    <\/div>\n<\/div>\n\n\n<section id=\"videosample\" class=\"VideoProductionSamples bg-[#fafafa]\">\n  <div class=\"container mx-auto px-5 lg:px-4 xl:px-5 \">\n    <div class=\"text-center max-w-3xl mx-auto\">\n      <div class=\"text-primary fs-5xl font-bold mb-4 md:mb-5 2xl:mb-9\">\n        <h2>\u8996\u983b\u6a23\u672c<\/h2>\n      <\/div>\n      <div class=\"fs-lg font-light text-grey\"><p>\u60f3\u8981\u5c0b\u627e\u4e00\u4e9b\u597d\u7684\u9748\u611f\uff1f \u9ede\u64ca\u4ee5\u4e0b\u7684\u5f71\u7247\uff0c\u67e5\u770b\u6211\u5011\u5728\u4f01\u696d\u8996\u983b\u88fd\u4f5c\u65b9\u9762\u7684\u66fe\u70ba\u9999\u6e2f\u5404\u884c\u696d\u5ba2\u6236\u88fd\u4f5c\u7684\u63a8\u5ee3\u77ed\u7247\u3002\u73fe\u5728\u5c31\u63a2\u7d22\u6211\u5011\u6700\u8fd1\u7684\u4f5c\u54c1\uff01<\/p>\n<\/div>\n    <\/div>\n    <div class=\"grid grid-cols-1 justify-between items-center lg:grid-cols-3 mt-6 md:mt-7 lg:mt-8 2xl:mt-14\">\n    <div class=\"mt-5 first:mt-0 md:mt-6 md:first:mt-0 lg:mt-0 lg:mx-2 xl:mx-3\">\n        <div class=\"iframeVideo embed-container\" style=\"display: block!important;\";>\n        <iframe title=\"video production 1\" src=\"https:\/\/player.vimeo.com\/video\/309447646?app_id=122963\" data-frameborder=\"0\" data-allowfullscreen=\"1\" data-allow=\"accelerometer;encrypted-media; gyroscope; picture-in-picture\" loading=\"lazy\" width=\"100%\" height=\"100%\" data-lf-form-tracking-inspected-laxoeakqjpo7oygd=\"true\" data-lf-yt-playback-inspected-laxoeakqjpo7oygd=\"true\" data-lf-vimeo-playback-inspected-laxoeakqjpo7oygd=\"true\"><\/iframe>\n        <\/div>\n      <\/div><div class=\"mt-5 first:mt-0 md:mt-6 md:first:mt-0 lg:mt-0 lg:mx-2 xl:mx-3\">\n        <div class=\"iframeVideo embed-container\" style=\"display: block!important;\";>\n        <iframe title=\"video production 2\" src=\"https:\/\/player.vimeo.com\/video\/309801502?app_id=122963\" data-frameborder=\"0\" data-allowfullscreen=\"1\" data-allow=\"accelerometer;encrypted-media; gyroscope; picture-in-picture\" loading=\"lazy\" width=\"100%\" height=\"100%\" data-lf-form-tracking-inspected-laxoeakqjpo7oygd=\"true\" data-lf-yt-playback-inspected-laxoeakqjpo7oygd=\"true\" data-lf-vimeo-playback-inspected-laxoeakqjpo7oygd=\"true\"><\/iframe>\n        <\/div>\n      <\/div><div class=\"mt-5 first:mt-0 md:mt-6 md:first:mt-0 lg:mt-0 lg:mx-2 xl:mx-3\">\n        <div class=\"iframeVideo embed-container\" style=\"display: block!important;\";>\n        <iframe title=\"video production 3\" src=\"https:\/\/player.vimeo.com\/video\/309808389?app_id=122963\" data-frameborder=\"0\" data-allowfullscreen=\"1\" data-allow=\"accelerometer;encrypted-media; gyroscope; picture-in-picture\" loading=\"lazy\" width=\"100%\" height=\"100%\" data-lf-form-tracking-inspected-laxoeakqjpo7oygd=\"true\" data-lf-yt-playback-inspected-laxoeakqjpo7oygd=\"true\" data-lf-vimeo-playback-inspected-laxoeakqjpo7oygd=\"true\"><\/iframe>\n        <\/div>\n      <\/div>  \n    \n    <\/div>\n  <\/div>\n<\/section>\n\n\n<div style=\"opacity: 1; transform: none;\">\n    <div class=\" bg-[#f5f5f5] relative\" id=\"why_choose_us_vo\" style=\"background-color: #FAFAFA;\">\n        <div class=\"px-4 md:px-8 py-16 text-center mx-auto\">\n            <div class=\"fs-5xl mb-4 md:mb-8 font-semibold\" style=\"color: #212121;\">\n                <h2>\u7232\u4f55\u9078\u64c7\u6211\u5011<\/h2>\n            <\/div>\n            <div class=\"w-full md:w-[95%] mx-auto fs-lg xl:max-w-[855px] text-secondary font-light\">\n                <p>\u4f5c\u70ba\u9999\u6e2f\u5c62\u7372\u6b8a\u69ae\u7684\u77ed\u7247\u88fd\u4f5c\u516c\u53f8\uff0cVisible One \u5c08\u696d\u5718\u968a\u81f4\u529b\u65bc\u901a\u904e\u5f15\u4eba\u5165\u52dd\u7684\u77ed\u7247\u5167\u5bb9\u5e6b\u52a9\u672c\u5730\u4e2d\u5c0f\u516c\u53f8\u548c\u4f01\u696d\u9054\u5230\u5438\u5f15\uff0c\u6559\u80b2\u548c\u6fc0\u52f5\u76ee\u6a19\u9867\u5ba2\u7fa4\u7684\u6700\u4f73\u6548\u679c\u3002<\/p>\n            <\/div>\n            <div class=\"flex justify-center flex-wrap mt-6 md:mt-12\">\n                <div class=\"flex-1 px-5 text-center py-8 m-4 md:m-6 min-w-[240px] max-w-[18.75rem] bg-[#fefefe]  rounded-[14%] shadow-xl hover:shadow-2xl duration-300 cursor-default xl:py-10 xl:px-7 3xl:mt-8 3xl:mx-10\">\n                    <div><img decoding=\"async\" width=\"65\" height=\"50\" alt=\"film tap icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/icon-professional-looking-video_f687689f.svg\" loading=\"lazy\" title=\"\" class=\"max-w-[139px] aspect-[139\/63] w-full  mx-auto object-contain\"><\/div><div class=\"mt-4 font-medium text-primary uppercase fs-lg\">\n                        <h3>\u5c08\u696d\u7684\u8996\u983b\u88fd\u4f5c\u670d\u52d9<\/h3>\n                    <\/div>\n                    <div class=\"mt-4 text-sm max-w-fit mx-auto text-secondary font-light\">\n                        <p>\u70ba\u5ba2\u6236\u8003\u616e\u516c\u53f8\u7684\u696d\u52d9\u548c\u54c1\u724c\u6545\u4e8b\uff0c\u76ee\u6a19\u9867\u5ba2\u7fa4\uff0c\u512a\u60e0\u6d3b\u52d5\u6d88\u606f\u548c\u5ee3\u544a\u5e73\u81fa\uff0c\u540c\u6642\u4e86\u89e3\u95dc\u65bc\u516c\u53f8\u7684\u696d\u52d9\u9700\u6c42\uff0c\u518d\u901a\u904e\u6211\u5011\u5e74\u8f15\u5718\u968a\u63d0\u4f9b\u7684\u512a\u8cea\u77ed\u7247\u88fd\u4f5c\u548c\u7de8\u8f2f\u670d\u52d9\uff0c\u4ee5\u88fd\u4f5c\u51fa\u5275\u610f\uff0c\u9ad8\u8cea\u7d20\u548c\u5c08\u696d\u7684\u8996\u983b\u5167\u5bb9\u3002<\/p>\n\n                    <\/div>\n                <\/div><div class=\"flex-1 px-5 text-center py-8 m-4 md:m-6 min-w-[240px] max-w-[18.75rem] bg-[#fefefe]  rounded-[14%] shadow-xl hover:shadow-2xl duration-300 cursor-default xl:py-10 xl:px-7 3xl:mt-8 3xl:mx-10\">\n                    <div><img decoding=\"async\" width=\"65\" height=\"50\" alt=\"lightbulb icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/icon-from-concept-to-final_17d9fe05.svg\" loading=\"lazy\" title=\"\" class=\"max-w-[139px] aspect-[139\/63] w-full  mx-auto object-contain\"><\/div><div class=\"mt-4 font-medium text-primary uppercase fs-lg\">\n                        <h3>\u5f9e\u6982\u5ff5\u8a2d\u8a08\u5230\u6700\u7d42\u8996\u983b<\/h3>\n                    <\/div>\n                    <div class=\"mt-4 text-sm max-w-fit mx-auto text-secondary font-light\">\n                        <p>\u6211\u5011\u7684\u5c08\u696d\u5ba3\u50b3\u77ed\u7247\u88fd\u4f5c\u5718\u968a\u6703\u7232\u60a8\u5728\u77ed\u7247\u88fd\u4f5c\u524d\uff0c\u7cbe\u5fc3\u548c\u7d30\u5fc3\u88fd\u5b9a\u5b8c\u6574\u8207\u7d30\u5fc3\u7684\u4ed4\u7d30\u8a08\u5283\uff0c\u4ee5\u78ba\u4fdd\u6211\u5011\u5b8c\u5168\u4e86\u89e3\u60a8\u7684\u9700\u8981\u548c\u8981\u6c42\u3002\u7136\u5f8c\u4ee5\u5c08\u696d\u7684\u5f71\u7247\u88fd\u4f5c\u8edf\u4ef6\u5275\u5efa\u77ed\u7247\uff0c\u4fdd\u8b49\u76e1\u91cf\u88fd\u4f5c\u9054\u5230\u9867\u5ba2\u6eff\u610f\u7684\u8996\u983b\u6548\u679c\u3002<\/p>\n\n                    <\/div>\n                <\/div><div class=\"flex-1 px-5 text-center py-8 m-4 md:m-6 min-w-[240px] max-w-[18.75rem] bg-[#fefefe]  rounded-[14%] shadow-xl hover:shadow-2xl duration-300 cursor-default xl:py-10 xl:px-7 3xl:mt-8 3xl:mx-10\">\n                    <div><img decoding=\"async\" width=\"65\" height=\"50\" alt=\"budget icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/icon-no-hidden-cost_5f744b6f.svg\" loading=\"lazy\" title=\"\" class=\"max-w-[139px] aspect-[139\/63] w-full  mx-auto object-contain\"><\/div><div class=\"mt-4 font-medium text-primary uppercase fs-lg\">\n                        <h3>\u7d55\u7121\u96b1\u85cf\u6536\u8cbb<\/h3>\n                    <\/div>\n                    <div class=\"mt-4 text-sm max-w-fit mx-auto text-secondary font-light\">\n                        <p>\u6211\u5011\u53ef\u4ee5\u5e6b\u52a9\u60a8\u63d0\u9ad8\u92b7\u552e\u984d\uff0c\u540c\u6642\u60a8\u4e5f\u4e0d\u9700\u82b1\u592a\u591a\u9322\u8cfc\u8cb7\u6211\u5011\u7684\u5be6\u60e0\u4e14\u7121\u9700\u984d\u5916\u8cbb\u7528\u7684\u670d\u52d9\uff0c\u6211\u5011\u80fd\u70ba\u60a8\u7684\u516c\u53f8\u88fd\u4f5c\u51fa\u5275\u610f\u4e14\u5438\u5f15\u89c0\u8846\u7684\u54c1\u724c\u63a8\u5ee3\u8996\u983b\u3002<\/p>\n\n                    <\/div>\n                <\/div><div class=\"flex-1 px-5 text-center py-8 m-4 md:m-6 min-w-[240px] max-w-[18.75rem] bg-[#fefefe]  rounded-[14%] shadow-xl hover:shadow-2xl duration-300 cursor-default xl:py-10 xl:px-7 3xl:mt-8 3xl:mx-10\">\n                    <div><img decoding=\"async\" width=\"65\" height=\"50\" alt=\"24-hour responsive service icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/support-and-maintenance_66206929.svg\" loading=\"lazy\" title=\"\" class=\"max-w-[139px] aspect-[139\/63] w-full  mx-auto object-contain\"><\/div><div class=\"mt-4 font-medium text-primary uppercase fs-lg\">\n                        <h3>\u5ba2\u6236\u652f\u6301<\/h3>\n                    <\/div>\n                    <div class=\"mt-4 text-sm max-w-fit mx-auto text-secondary font-light\">\n                        <p>\u6211\u5011\u7684\u5c08\u696d\u548c\u5353\u8d8a\u7684\u8996\u983b\u88fd\u4f5c\u5718\u968a\u7232\u6bcf\u500b\u5ba2\u6236\u63d0\u4f9b\u6301\u7e8c\u7684\u6e9d\u901a\uff0c\u4ee5\u76e1\u5fc3\u76e1\u529b\u6eff\u8db3\u60a8\u7684\u6240\u6709\u9700\u8981\u548c\u9700\u6c42\uff0c\u78ba\u4fdd\u6bcf\u500b\u9805\u76ee\u90fd\u80fd\u4f9d\u6642\u9806\u5229\u904b\u884c\u5e76\u5b8c\u6210\u3002<\/p>\n\n                    <\/div>\n                <\/div>            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<section class=\"video-production font-primary\" id=\"video_production\">\n    <div class=\"px-4 py-6 video-production-items sm:py-10 xl:py-16 2xl:py-24 md:px-8 lg:px-16 xl:px-20 2xl:px-24\">\n        <div class=\"video-production-item \" id=\"\u5c07\u60a8\u7684\u54c1\u724c\u4fe1\u606f_\u5e36\u5230\u9867\u5ba2\u7684\u751f\u6d3b\u4e2d\">\n            <div class=\"\n                  video-production-item-container  max-w-5xl xl:max-w-6xl 2xl:max-w-[88.5rem] mx-auto  flex flex-col-reverse md:flex-row md:items-center md:justify-between \n                  md:flex-row-reverse\n                \">\n                <div class=\"video-production-item-image py-4 lg:py-0  xl:max-w-md 2xl:max-w-xl md:flex-1 xl:mr-0 \n                \">\n                <img decoding=\"async\" width=\"520\" height=\"520\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/Video-img01_43a56283.webp\" alt=\"24-hour responsive service icon in visible one0\" loading=\"lazy\" title=\"\" class=\"w-auto h-auto mx-auto mix-blend-multiply\"><\/div>\n                <div class=\"video-production-item-desc mt-2 max-w-xl 2xl:max-w-[40rem] md:flex-1 md:mt-0 \n                \">\n                    <div class=\"relative\">\n                        <div class=\"\n                       inline-block\n                      font-semibold text-primary\n                      fs-5xl 2xl:leading-[1.3]\n                     \n                    \">\n                            <h2>\u5c07\u60a8\u7684\u54c1\u724c\u4fe1\u606f \u5e36\u5230\u9867\u5ba2\u7684\u751f\u6d3b\u4e2d<br><\/h2>\n                        <\/div><span class=\"\n                        block absolute -bottom-2 left-0 xl:-bottom-4\n                        bg-themeSecondary w-10 sm:w-12 lg:w-16 2xl:w-20 h-1 xl:h-2\n                      \"><\/span>\n                    <\/div>\n                    <div class=\"mt-8 font-light  text-grey fs-lg xl:mt-10 2xl:mt-16\"><p>\u7232\u5ba2\u6236\u7cbe\u5fc3\u88fd\u5b9a\u5b8c\u5584\u7684\u5ba3\u50b3\u7b56\u7565\uff0c\u88fd\u4f5c\u548c\u63d0\u4f9b\u512a\u8cea\u548c\u5177\u6709\u5438\u5f15\u529b\u7684\u77ed\u7247\u5167\u5bb9\uff0c\u70ba\u60a8\u7684\u7522\u54c1\uff0c\u670d\u52d9\u6216\u5546\u696d\u5275\u610f\u63d0\u4f9b\u66f4\u500b\u6027\u5316\u7684\u8996\u983b\uff0c\u6559\u80b2\u60a8\u7684\u9867\u5ba2\u4e26\u8207\u4ed6\u5011\u5efa\u7acb\u4fe1\u4efb\u3002<\/p>\n<\/div>\n                <\/div>\n            <\/div>\n        <\/div><div class=\"video-production-item \" id=\"\u5c08\u696d\u7684\u8996\u983b_\u88fd\u4f5c\u670d\u52d9\">\n            <div class=\"\n                  video-production-item-container  max-w-5xl xl:max-w-6xl 2xl:max-w-[88.5rem] mx-auto  flex flex-col-reverse md:flex-row md:items-center md:justify-between \n                  \n                \">\n                <div class=\"video-production-item-image py-4 lg:py-0  xl:max-w-md 2xl:max-w-xl md:flex-1 xl:mr-0 \n                md:mr-2 2xl:mr-20\">\n                <img decoding=\"async\" width=\"520\" height=\"520\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/video-img-02_c12e8d3d.webp\" alt=\"24-hour responsive service icon in visible one1\" loading=\"lazy\" title=\"\" class=\"w-auto h-auto mx-auto mix-blend-multiply\"><\/div>\n                <div class=\"video-production-item-desc mt-2 max-w-xl 2xl:max-w-[40rem] md:flex-1 md:mt-0 \n                md:ml-2\">\n                    <div class=\"relative\">\n                        <div class=\"\n                       inline-block\n                      font-semibold text-primary\n                      fs-5xl 2xl:leading-[1.3]\n                     \n                    \">\n                            <h2>\u5c08\u696d\u7684\u8996\u983b \u88fd\u4f5c\u670d\u52d9<br><\/h2>\n                        <\/div><span class=\"\n                        block absolute -bottom-2 left-0 xl:-bottom-4\n                        bg-themeSecondary w-10 sm:w-12 lg:w-16 2xl:w-20 h-1 xl:h-2\n                      \"><\/span>\n                    <\/div>\n                    <div class=\"mt-8 font-light  text-grey fs-lg xl:mt-10 2xl:mt-16\"><p>\u6211\u5011\u5353\u8d8a\u7684\u88fd\u4f5c\u5718\u968a\u53ea\u4f7f\u7528\u5148\u9032\u548c\u9ad8\u6e05\u756b\u50cf\u7684\u5c08\u696d\u76f8\u6a5f\uff0c\u5c16\u7aef\u7684\u6280\u8853\u548c\u6839\u64da\u6700\u65b0\u7684\u8da8\u52e2\uff0c\u7232\u5ba2\u6236\u76e1\u5fc3\u76e1\u529b\u6253\u9020\u7cbe\u7f8e\uff0c\u5275\u610f\u548c\u5ea6\u8eab\u5b9a\u505a\u7684\u5546\u696d\u884c\u92b7\u77ed\u7247\uff0c\u5411\u60a8\u7684\u9867\u5ba2\u50b3\u9054\u54c1\u724c\u4fe1\u606f\uff0c\u540c\u6642\u7d66\u60a8\u7684\u89c0\u773e\u7559\u4e0b\u6700\u6df1\u523b\u5370\u8c61\u3002<\/p>\n<\/div>\n                <\/div>\n            <\/div>\n        <\/div><div class=\"video-production-item \" id=\"\u5c07\u60a8\u7684\u5ba3\u50b3\u77ed\u7247\u5206\u4eab\u5230\u6642\u4e0b\u6700\u71b1\u9580\u7684\u793e\u4ea4\u7db2\u7ad9\u6e20\u9053\">\n            <div class=\"\n                  video-production-item-container  max-w-5xl xl:max-w-6xl 2xl:max-w-[88.5rem] mx-auto  flex flex-col-reverse md:flex-row md:items-center md:justify-between \n                  md:flex-row-reverse\n                \">\n                <div class=\"video-production-item-image py-4 lg:py-0  xl:max-w-md 2xl:max-w-xl md:flex-1 xl:mr-0 \n                \">\n                <img decoding=\"async\" width=\"520\" height=\"520\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/video-img-03_07c05073.webp\" alt=\"24-hour responsive service icon in visible one2\" loading=\"lazy\" title=\"\" class=\"w-auto h-auto mx-auto mix-blend-multiply\"><\/div>\n                <div class=\"video-production-item-desc mt-2 max-w-xl 2xl:max-w-[40rem] md:flex-1 md:mt-0 \n                \">\n                    <div class=\"relative\">\n                        <div class=\"\n                       inline-block\n                      font-semibold text-primary\n                      fs-5xl 2xl:leading-[1.3]\n                     \n                    \">\n                            <h2>\u5c07\u60a8\u7684\u5ba3\u50b3\u77ed\u7247\u5206\u4eab\u5230\u6642\u4e0b\u6700\u71b1\u9580\u7684\u793e\u4ea4\u7db2\u7ad9\u6e20\u9053<br><\/h2>\n                        <\/div><span class=\"\n                        block absolute -bottom-2 left-0 xl:-bottom-4\n                        bg-themeSecondary w-10 sm:w-12 lg:w-16 2xl:w-20 h-1 xl:h-2\n                      \"><\/span>\n                    <\/div>\n                    <div class=\"mt-8 font-light  text-grey fs-lg xl:mt-10 2xl:mt-16\"><p>\u53ea\u8981\u628a\u512a\u8d8a\u548c\u5275\u610f\u7684\u77ed\u7247\u653e\u7f6e\u5728\u516c\u53f8\u7684\u7db2\u7ad9\u4e0a\uff0c\u5c31\u53ef\u4ee5\u5438\u5f15\u66f4\u591a\u7684\u4eba\u700f\u89bd\u7db2\u7ad9\u4e26\u589e\u9577\u7528\u6236\u9017\u7559\u5728\u7db2\u7ad9\u7684\u6642\u9593\u3002\u540c\u6642\u4e5f\u80fd\u8b93\u4ed6\u5011\u5728\u5176\u4ed6\u793e\u4ea4\u7db2\u7ad9\u4e0a\u5206\u4eab\u60a8\u7684\u54c1\u724c\u6545\u4e8b\uff0c\u5f9e\u800c\u63d0\u9ad8\u4f01\u696d\u54c1\u724c\u77e5\u540d\u5ea6\uff0c\u9032\u800c\u63d0\u9ad8\u92b7\u552e\u984d\uff0c\u4e5f\u80fd\u964d\u4f4e\u201c\u8df3\u51fa\u7387\u201d<\/p>\n<\/div>\n                <\/div>\n            <\/div>\n        <\/div>    <\/div>\n<\/section>\n\n\n<div class=\"ThreeSixtyBanner bg-themePrimary\/10\">\n    <div class=\" flex justify-center items-center bg-no-repeat bg-contain h-32 xl:h-40 2xl:h-60 p-6 sm:p-10 bgIcon\" style=\"\">\n        <div class=\"fs-4xl text-primary text-center font-semibold font-primary sm:max-w-[80%] leading-normal sm:leading-normal xl:leading-normal\">\u900f\u904e\u5275\u610f\u548c\u512a\u8cea\u7684\u77ed\u7247\u5438\u5f15\u60a8\u7684\u9867\u5ba2<\/div>\n    <\/div>\n<\/div>\n\n\n<div class=\"VOSeoDevelopment py-12 md:py-16 xl:py-20 relative z-0 \" style=\"background-color: #ffffff;\">\n  <div class=\"max-w-screen-2xl 3xl:max-w-screen-3xl mx-auto px-4 lg:mb-20 mb-10\">\n    <div class=\"lg:max-w-[80%] mx-auto\">\n      <div class=\"head\">\n        <div class=\"fs-5xl text-primary font-semibold md:mb-10 mb-5 capitalize\">\n          <h3>\u77ed\u7247\u88fd\u4f5c \u904e\u7a0b<\/h3>\n        <\/div>\n        <div class=\"fs-lg text-secondary font-light\">\n          <p>\u6211\u5011\u512a\u79c0\u77ed\u7247\u88fd\u4f5c\u5718\u968a\u63d0\u4f9b\u7684\u8996\u983b\u88fd\u4f5c\u670d\u52d9\u662f\u901a\u904e\u7c21\u55ae\u800c\u5168\u9762\u7684\u6d41\u7a0b\u800c\u5275\u5efa\u7684\uff0c\u53ef\u6839\u64da\u60a8\u516c\u53f8\u7684\u7279\u5b9a\u9700\u6c42\u548c\u76ee\u6a19\u5ba2\u6236\u7fa4\u5ea6\u8eab\u5b9a\u505a\u88fd\u4f5c\u5275\u610f\u7684\u8a2d\u8a08\u548c\u89e3\u6c7a\u65b9\u6848\u3002<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div class=\"relative\">\n    <div class=\"absolute right-0 lg:top-1\/2 lg:-translate-y-1\/2 2xl:opacity-1 opacity-70 z-[-1]\">\n      <img decoding=\"async\" width=\"80\" height=\"80\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/ui-ux\/vo-seo\/seo-bg_6605c1be.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" class=\"w-60 lg:w-80 xl:w-auto h-auto align-middle object-cover object-center\">\n    <\/div>\n    <div class=\"max-w-screen-2xl 3xl:max-w-screen-3xl  mx-auto px-4 lg:mb-20 mb-10 relative\">\n      <div class=\"lg:max-w-[80%] mx-auto\">\n        <div class=\"xl:px-20\">\n          <div data-id=\"vo-seo-00\" class=\"lg:flex items-stretch flex-wrap !hidden vo-seo-content\">\n            <div class=\"img-holder lg:mr-20 lg:mb-0 mb-4\" style=\"opacity: 1;\">\n            <?php if($step): ?>\n              <img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/Process01-Analysis_daf420ea.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" class=\"w-32 h-auto md:w-36 lg:w-48 xl:w-auto\" title=\"\">\n              <?php endif; ?>\n            <\/div>\n            <div class=\"info-holder xl:flex-[2] flex-[3]\">\n              <div class=\" mb-5\">\n                <div class=\"flex justify-center text-primary\">\n                  <span class=\"font-normal self-center fs-2xl\">\u6b65\u9a5f<\/span>\n                  <span class=\"fs-5xl font-light\">\n                    \/\n                    <span style=\"opacity: 1;\">01<\/span>\n                  <\/span>\n                  <span class=\"font-light fs-xl text-secondary self-end\">&nbsp;of&nbsp;07<\/span>\n                <\/div>\n                <div class=\"capitalize fs-4xl text-primary font-medium pb-2\" style=\"opacity: 1;\">\n                  <div>\n                    <h4>\u5206\u6790\u60a8\u7684\u696d\u52d9\u9700\u6c42<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>\u9996\u5148\uff0c\u6211\u5011\u5c07\u6839\u64da\u60a8\u63d0\u51fa\u7684\u6642\u9593\u548c\u65e5\u671f\uff0c\u76e1\u91cf\u5b89\u6392\u8207\u60a8\u6703\u8b70\u548c\u5546\u8ac7\uff0c\u4e26\u8a73\u7d30\u8207\u60a8\u8a0e\u8ad6\u60a8\u77ed\u7247\u7684\u76ee\u6a19\uff0c\u8996\u983b\u9810\u7b97\u548c\u76ee\u6a19\u9867\u5ba2\u7fa4\u4ee5\u53ca\uff0c\u5728\u5f71\u7247\u6700\u7d42\u78ba\u5b9a\u5f8c\u60a8\u5c07\u5982\u4f55\u4f7f\u7528\u5b83\u3002 \u6211\u5011\u5c07\u7d66\u60a8\u586b\u5beb\u4e00\u5f35\u8868\u683c\u4ee5\u5411\u60a8\u6536\u96c6\u6574\u500b\u9805\u76ee\u4e2d\u6240\u9700\u8981\u7684\u8cc7\u6599\uff0c\u4e26\u6839\u64da\u60a8\u63d0\u4f9b\u7684\u4fe1\u606f\u5ea6\u8eab\u5b9a\u505a\u88fd\u4f5c\u5831\u50f9\u8a08\u5283\u66f8\u4ee5\u7b26\u5408\u60a8\u7684\u671f\u671b\u548c\u8981\u6c42\u3002\u8a08\u5283\u88cf\u5305\u62ec\u4e86\u6211\u5011\u5c0d\u60a8\u9805\u76ee\u7684\u5efa\u8b70\uff0c\u77ed\u7247\u7684\u5927\u7db1\uff0c\u9805\u76ee\u6642\u9593\u8868\uff0c\u9805\u76ee\u7684\u50f9\u9322\u548c\u88fd\u4f5c\u6240\u9700\u7684\u6642\u9593\u3002<\/p>\n\n              <\/div>\n            <\/div>\n          <\/div><div data-id=\"vo-seo-01\" class=\"lg:flex items-stretch flex-wrap !hidden vo-seo-content\">\n            <div class=\"img-holder lg:mr-20 lg:mb-0 mb-4\" style=\"opacity: 1;\">\n            <?php if($step): ?>\n              <img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/Process02-Planning_6143f969.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" class=\"w-32 h-auto md:w-36 lg:w-48 xl:w-auto\" title=\"\">\n              <?php endif; ?>\n            <\/div>\n            <div class=\"info-holder xl:flex-[2] flex-[3]\">\n              <div class=\" mb-5\">\n                <div class=\"flex justify-center text-primary\">\n                  <span class=\"font-normal self-center fs-2xl\">\u6b65\u9a5f<\/span>\n                  <span class=\"fs-5xl font-light\">\n                    \/\n                    <span style=\"opacity: 1;\">02<\/span>\n                  <\/span>\n                  <span class=\"font-light fs-xl text-secondary self-end\">&nbsp;of&nbsp;07<\/span>\n                <\/div>\n                <div class=\"capitalize fs-4xl text-primary font-medium pb-2\" style=\"opacity: 1;\">\n                  <div>\n                    <h4>\u7232\u60a8\u64ec\u5b9a\u8a08\u5283<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>\u6211\u5011\u5c08\u696d\u548c\u512a\u8d8a\u7684\u5718\u968a\u5c07\u4f7f\u7528\u5f9e\u7b2c\u4e00\u968e\u6bb5\u5411\u60a8\u6536\u96c6\u5230\u7684\u4fe1\u606f\u548c\u8cc7\u6599\uff0c\u5b8c\u6574\u5730\u7d44\u5408\u5728\u4e00\u8d77\u70ba\u60a8\u7684\u77ed\u7247\u9805\u76ee\u5ea6\u8eab\u5b9a\u505a\u88fd\u5b9a\u4ed4\u7d30\u7684\u9805\u76ee\u8a08\u5283\u3002\u9019\u500b\u8a08\u5283\u8868\u88cf\u5217\u51fa\u4e86\u60a8\u7684\u516c\u53f8\u696d\u52d9\u8cc7\u8a0a\uff0c\u9700\u6ce8\u610f\u7d30\u7bc0\uff0c\u6211\u5011\u5c0d\u8996\u983b\u5185\u5bb9\u7684\u5efa\u8b70\uff0c\u6700\u7d42\u4ea4\u4ed8\u77ed\u7247\u65e5\u671f\u4ee5\u53ca\u5be9\u6838\u548c\u78ba\u8a8d\u8996\u983b\u7684\u6642\u9593\u8868\uff0c\u8b93\u60a8\u5c0d\u9019\u500b\u9805\u76ee\u6709\u66f4\u597d\u7684\u7406\u89e3\u3002\u6240\u6709\u9019\u4e9b\u7d30\u7bc0\u5c07\u6709\u52a9\u65bc\u78ba\u4fdd\u6574\u500b\u8996\u983b\u7684\u88fd\u4f5c\u968e\u6bb5\u9806\u5229\u9032\u884c\u3002<\/p>\n\n              <\/div>\n            <\/div>\n          <\/div><div data-id=\"vo-seo-02\" class=\"lg:flex items-stretch flex-wrap !hidden vo-seo-content\">\n            <div class=\"img-holder lg:mr-20 lg:mb-0 mb-4\" style=\"opacity: 1;\">\n            <?php if($step): ?>\n              <img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/Process03-Design_a6cdacf8.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" class=\"w-32 h-auto md:w-36 lg:w-48 xl:w-auto\" title=\"\">\n              <?php endif; ?>\n            <\/div>\n            <div class=\"info-holder xl:flex-[2] flex-[3]\">\n              <div class=\" mb-5\">\n                <div class=\"flex justify-center text-primary\">\n                  <span class=\"font-normal self-center fs-2xl\">\u6b65\u9a5f<\/span>\n                  <span class=\"fs-5xl font-light\">\n                    \/\n                    <span style=\"opacity: 1;\">03<\/span>\n                  <\/span>\n                  <span class=\"font-light fs-xl text-secondary self-end\">&nbsp;of&nbsp;07<\/span>\n                <\/div>\n                <div class=\"capitalize fs-4xl text-primary font-medium pb-2\" style=\"opacity: 1;\">\n                  <div>\n                    <h4>\u5beb\u7a3f\u548c\u6545\u4e8b\u677f<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>\u5728\u9019\u500b\u968e\u6bb5\uff0c\u6211\u5011\u7684\u5c08\u696d\u5718\u968a\u5c07\u7232\u60a8\u88fd\u4f5c\u512a\u8cea\u548c\u5275\u610f\u7684\u5287\u672c\u548c\u6545\u4e8b\u677f\uff08\u4ee5\u6982\u5ff5\u7232\u4e3b\u7684\u5927\u7db1\uff09\u4f5c\u70ba\u5f71\u7247\u9805\u76ee\u7684\u6574\u9ad4\u898f\u5283\u3002 \u6211\u5011\u6703\u5728\u521d\u7a3f\u7de8\u5beb\u7232\u60a8\u7de8\u5beb\u9069\u5408\u60a8\u7684\u5275\u5efa\u6545\u4e8b\u677f\uff0c\u4e26\u6839\u64da\u60a8\u7684\u5efa\u8b70\u548c\u60f3\u6cd5\u76e1\u91cf\u5728\u7b2c\u4e8c\u500b\u7248\u672c\u4e2d\u9032\u884c\u4fee\u6539\u3002\u6301\u7e8c\u8207\u60a8\u8a0e\u8ad6\u9700\u8981\u548c\u53ef\u4ee5\u6539\u9032\u7684\u90e8\u5206\uff0c\u76f4\u5230\u77ed\u7247\u7684\u6587\u7a3f\u548c\u6545\u4e8b\u677f\u7372\u5f97\u6279\u51c6\uff0c\u6211\u5011\u624d\u6703\u9032\u5165\u4e0b\u4e00\u968e\u6bb5\u3002<\/p>\n\n              <\/div>\n            <\/div>\n          <\/div><div data-id=\"vo-seo-03\" class=\"lg:flex items-stretch flex-wrap !hidden vo-seo-content\">\n            <div class=\"img-holder lg:mr-20 lg:mb-0 mb-4\" style=\"opacity: 1;\">\n            <?php if($step): ?>\n              <img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/Process04-Development_526cfdd6.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" class=\"w-32 h-auto md:w-36 lg:w-48 xl:w-auto\" title=\"\">\n              <?php endif; ?>\n            <\/div>\n            <div class=\"info-holder xl:flex-[2] flex-[3]\">\n              <div class=\" mb-5\">\n                <div class=\"flex justify-center text-primary\">\n                  <span class=\"font-normal self-center fs-2xl\">\u6b65\u9a5f<\/span>\n                  <span class=\"fs-5xl font-light\">\n                    \/\n                    <span style=\"opacity: 1;\">04<\/span>\n                  <\/span>\n                  <span class=\"font-light fs-xl text-secondary self-end\">&nbsp;of&nbsp;07<\/span>\n                <\/div>\n                <div class=\"capitalize fs-4xl text-primary font-medium pb-2\" style=\"opacity: 1;\">\n                  <div>\n                    <h4>\u88fd\u4f5c\u77ed\u7247<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>\u4e0b\u500b\u6b65\u9a5f\u5c31\u662f\u5c07\u6240\u6709\u7684\u60f3\u6cd5\u52a0\u5165\u77ed\u7247\u4e2d\u4e86\u3002 \u6211\u5011\u7684\u5e74\u8f15\u548c\u5275\u610f\u5718\u968a\u5c07\u958b\u59cb\u7d50\u5408\u5287\u672c\u548c\u6545\u4e8b\u677f\uff0c\u4e26\u5728\u8996\u983b\u5185\u6dfb\u52a0\u4e0d\u540c\u7684\u5716\u5f62\uff0c\u7279\u5225\u7684\u52d5\u756b\u548c\u7279\u6548\uff0c\u4ee5\u7232\u60a8\u589e\u5f37\u8996\u983b\u7684\u5f71\u97ff\u529b\u3002\u6211\u5011\u7684\u5f71\u7247\u88fd\u4f5c\u5718\u968a\u6703\u5e6b\u52a9\u60a8\u9078\u64c7\u5408\u9069\u7684\u97f3\u6a02\uff0c\u4e26\u6839\u64da\u8996\u983b\u5185\u5bb9\u9032\u884c\u8072\u97f3\u6df7\u5408\u548c\u526a\u63a5\u97f3\u6a02\u3002\u78ba\u4fdd\u97f3\u6a02\u53ef\u4ee5\u5b8c\u5168\u914d\u5408\u5230\u8996\u983b\u7684\u6bcf\u500b\u5143\u7d20\u3002<\/p>\n\n              <\/div>\n            <\/div>\n          <\/div><div data-id=\"vo-seo-04\" class=\"lg:flex items-stretch flex-wrap !hidden vo-seo-content\">\n            <div class=\"img-holder lg:mr-20 lg:mb-0 mb-4\" style=\"opacity: 1;\">\n            <?php if($step): ?>\n              <img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/Process05-Site-Testing_370fc1c3.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" class=\"w-32 h-auto md:w-36 lg:w-48 xl:w-auto\" title=\"\">\n              <?php endif; ?>\n            <\/div>\n            <div class=\"info-holder xl:flex-[2] flex-[3]\">\n              <div class=\" mb-5\">\n                <div class=\"flex justify-center text-primary\">\n                  <span class=\"font-normal self-center fs-2xl\">\u6b65\u9a5f<\/span>\n                  <span class=\"fs-5xl font-light\">\n                    \/\n                    <span style=\"opacity: 1;\">05<\/span>\n                  <\/span>\n                  <span class=\"font-light fs-xl text-secondary self-end\">&nbsp;of&nbsp;07<\/span>\n                <\/div>\n                <div class=\"capitalize fs-4xl text-primary font-medium pb-2\" style=\"opacity: 1;\">\n                  <div>\n                    <h4>\u7de8\u8f2f\u77ed\u7247<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>\u5728\u77ed\u7247\u88fd\u4f5c\u968e\u6bb5\u5b8c\u6210\u5f8c\uff0c\u6211\u5011\u7684\u512a\u79c0\u6578\u4f4d\u884c\u92b7\u5718\u968a\u5c07\u958b\u59cb\u7232\u60a8\u5b8c\u5584\u63a8\u5ee3\u77ed\u7247\u7684\u6240\u6709\u7d30\u7bc0\u548c\u6d41\u7a0b\uff0c\u7d44\u7e54\u548c\u7de8\u8f2f\u5be6\u969b\u8996\u983b\uff0c\u4ee5\u78ba\u4fdd\u8996\u983b\u53ef\u4ee5\u5b8c\u6574\u548c\u6b63\u78ba\u50b3\u9054\u5ba2\u6236\u60f3\u8981\u8b93\u9867\u5ba2\u77e5\u9053\u7684\u4fe1\u606f\uff0c\u4e26\u53ef\u4ee5\u8b93\u9867\u5ba2\u7522\u751f\u60c5\u611f\u7684\u5f71\u97ff\u3002\u5728\u526a\u63a5\u597d\u5ba3\u50b3\u77ed\u7247\u5f8c\uff0c\u6700\u7d42\u6210\u54c1\u5c07\u6703\u767c\u9001\u7d66\u60a8\u89c0\u770b\u548c\u9032\u884c\u5fb9\u5e95\u6aa2\u67e5\u3002<\/p>\n\n              <\/div>\n            <\/div>\n          <\/div><div data-id=\"vo-seo-05\" class=\"lg:flex items-stretch flex-wrap !hidden vo-seo-content\">\n            <div class=\"img-holder lg:mr-20 lg:mb-0 mb-4\" style=\"opacity: 1;\">\n            <?php if($step): ?>\n              <img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/Process06-Launch_593b58b5.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" class=\"w-32 h-auto md:w-36 lg:w-48 xl:w-auto\" title=\"\">\n              <?php endif; ?>\n            <\/div>\n            <div class=\"info-holder xl:flex-[2] flex-[3]\">\n              <div class=\" mb-5\">\n                <div class=\"flex justify-center text-primary\">\n                  <span class=\"font-normal self-center fs-2xl\">\u6b65\u9a5f<\/span>\n                  <span class=\"fs-5xl font-light\">\n                    \/\n                    <span style=\"opacity: 1;\">06<\/span>\n                  <\/span>\n                  <span class=\"font-light fs-xl text-secondary self-end\">&nbsp;of&nbsp;07<\/span>\n                <\/div>\n                <div class=\"capitalize fs-4xl text-primary font-medium pb-2\" style=\"opacity: 1;\">\n                  <div>\n                    <h4>\u63d0\u4f9b\u610f\u898b\/\u6279\u51c6<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>\u63a8\u5ee3\u5f71\u7247\u7de8\u8f2f\u5b8c\u6210\u5f8c\uff0c\u6211\u5011\u6703\u5c07\u77ed\u7247\u767c\u9001\u7d66\u60a8\uff0c\u8b93\u60a8\u4ed4\u7d30\u89c0\u770b\u4e26\u544a\u8a34\u6211\u5011\u60a8\u7684\u610f\u898b\u3002 \u6211\u5011\u6703\u4ee5\u5ba2\u6236\u7232\u5148\uff0c\u76e1\u5fc3\u76e1\u529b\u70ba\u5ba2\u6236\u9032\u884c\u5e7e\u8f2a\u7684\u4fee\u6539\u3002 \u6211\u5011\u660e\u767d\u548c\u7406\u89e3\u5230\u5ba2\u6236\u5728\u8996\u983b\u88fd\u4f5c\u9805\u76ee\u65b9\u9762\u7684\u6295\u8cc7\u4e0d\u5c11\uff0c\u56e0\u6b64\u6211\u5011\u516c\u53f8\u4e5f\u5e0c\u671b\u53ef\u4ee5\u78ba\u4fdd\u6211\u5011\u505a\u5230\u5ba2\u6236\u60f3\u8981\u7684\u6548\u679c\u3002\u5047\u8a2d\u60a8\u6709\u60f3\u8981\u9032\u66f4\u6539\u7684\u90e8\u5206\uff0c\u60a8\u53ef\u4ee5\u5217\u5728\u6587\u4ef6\u88cf\u50b3\u9001\u7d66\u6211\u5011\uff0c\u6211\u5011\u6703\u7232\u60a8\u67e5\u770b\u3002<\/p>\n\n              <\/div>\n            <\/div>\n          <\/div><div data-id=\"vo-seo-06\" class=\"lg:flex items-stretch flex-wrap !hidden vo-seo-content\">\n            <div class=\"img-holder lg:mr-20 lg:mb-0 mb-4\" style=\"opacity: 1;\">\n            <?php if($step): ?>\n              <img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/Process07-SupportMaintenance_807ddebc.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" class=\"w-32 h-auto md:w-36 lg:w-48 xl:w-auto\" title=\"\">\n              <?php endif; ?>\n            <\/div>\n            <div class=\"info-holder xl:flex-[2] flex-[3]\">\n              <div class=\" mb-5\">\n                <div class=\"flex justify-center text-primary\">\n                  <span class=\"font-normal self-center fs-2xl\">\u6b65\u9a5f<\/span>\n                  <span class=\"fs-5xl font-light\">\n                    \/\n                    <span style=\"opacity: 1;\">07<\/span>\n                  <\/span>\n                  <span class=\"font-light fs-xl text-secondary self-end\">&nbsp;of&nbsp;07<\/span>\n                <\/div>\n                <div class=\"capitalize fs-4xl text-primary font-medium pb-2\" style=\"opacity: 1;\">\n                  <div>\n                    <h4>\u63d0\u4ea4\u77ed\u7247\u6700\u7d42\u6210\u54c1<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>\u77ed\u7247\u5728\u7372\u5f97\u60a8\u7684\u6700\u7d42\u78ba\u8a8d\u4e26\u7372\u5f97\u6279\u51c6\u5f8c\uff0c\u6211\u5011\u7684\u9805\u76ee\u8ca0\u8cac\u4eba\u5c07\u6703\u628a\u8996\u983b\u6700\u7d42\u6210\u54c1\u7684\u7248\u672c\u50b3\u9001\u7d66\u60a8\u3002\u5982\u679c\u5ba2\u6236\u6709\u9700\u8981\u548c\u7279\u5225\u8981\u6c42\uff0c\u6211\u5011\u9084\u53ef\u4ee5\u7232\u60a8\u88fd\u4f5c\u7279\u5b9a\u985e\u578b\u5206\u767c\u6240\u9700\u7684\u6240\u6709\u5f71\u7247\u683c\u5f0f\u683c\u5f0f\u3002\u5982\u679c\u60a8\u6709\u9700\u8981\u5728\u7db2\u7ad9\uff0cYouTube \u6216\u5176\u4ed6\u7db2\u7d61\u5e73\u81fa\u653e\u7f6e\u60a8\u7684\u63a8\u5ee3\u77ed\u7247\uff0c\u60a8\u53ea\u9700\u8207\u6211\u5011\u7684\u5718\u968a\u6e9d\u901a\u5373\u53ef\uff0c\u6211\u5011\u7684\u5353\u8d8a\u5718\u968a\u53ef\u7232\u60a8\u8655\u7406\u6240\u6709\u7de8\u78bc\u904e\u7a0b\u3002<\/p>\n\n              <\/div>\n            <\/div>\n          <\/div>        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div class=\"max-w-screen-2xl 3xl:max-w-screen-3xl mx-auto px-4\">\n    <div>\n      <div class=\"bar-holder\">\n        <div class=\"bar\" style=\"background-color: rgb(15, 57, 90);\"><\/div>\n        <div class=\"lg:mb-5 mb-2 triangle\" style=\"border-top-color: rgb(15, 57, 90); left: 131.417px;\"><\/div>\n      <\/div>\n      <div class=\"navigation\">\n        <button arial-label=\"Go to development process step 0\" data-id=\"vo-seo-00\" class=\"2xl:text-6xl xl:text-4xl lg:text-3xl md:text-2xl text-xl font-medium\" >1<\/button><button arial-label=\"Go to development process step 1\" data-id=\"vo-seo-01\" class=\"2xl:text-6xl xl:text-4xl lg:text-3xl md:text-2xl text-xl font-medium\" >2<\/button><button arial-label=\"Go to development process step 2\" data-id=\"vo-seo-02\" class=\"2xl:text-6xl xl:text-4xl lg:text-3xl md:text-2xl text-xl font-medium\" >3<\/button><button arial-label=\"Go to development process step 3\" data-id=\"vo-seo-03\" class=\"2xl:text-6xl xl:text-4xl lg:text-3xl md:text-2xl text-xl font-medium\" >4<\/button><button arial-label=\"Go to development process step 4\" data-id=\"vo-seo-04\" class=\"2xl:text-6xl xl:text-4xl lg:text-3xl md:text-2xl text-xl font-medium\" >5<\/button><button arial-label=\"Go to development process step 5\" data-id=\"vo-seo-05\" class=\"2xl:text-6xl xl:text-4xl lg:text-3xl md:text-2xl text-xl font-medium\" >6<\/button><button arial-label=\"Go to development process step 6\" data-id=\"vo-seo-06\" class=\"2xl:text-6xl xl:text-4xl lg:text-3xl md:text-2xl text-xl font-medium\" >7<\/button>      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function() {\n    const voSeoContents = document.querySelectorAll('.VOSeoDevelopment .vo-seo-content');\n    const navigationBtns = document.querySelectorAll('.VOSeoDevelopment .navigation button');\n    const triangle = document.querySelector(\".VOSeoDevelopment .triangle\");\n    const barHolder = document.querySelector(\".VOSeoDevelopment .bar-holder\");\n\n    \/\/ Loop through each tab wrapper\n    navigationBtns.forEach(navigationBtn => {\n\n      navigationBtn.addEventListener('click', function() {\n        navigationBtns.forEach(navigation => {\n          navigation.classList.remove('active');\n          navigation.style.backgroundColor = 'transparent';\n        });\n        const dataId = this.getAttribute(\"data-id\");\n        this.classList.add(\"active\");\n        this.style.backgroundColor = '#0F395A';\n        showVoSeoContent(dataId);\n\n        \/\/ Get button position relative to the bar holder\n        const buttonRect = this.getBoundingClientRect();\n        const barHolderRect = barHolder.getBoundingClientRect();\n        const triangleLeft = buttonRect.left - barHolderRect.left + buttonRect.width \/ 2;\n        triangle.style.left = `${triangleLeft}px`;\n      });\n\n      \/\/ Add mouseenter event listener\n      navigationBtn.addEventListener('mouseenter', function() {\n        const defaultActive = document.querySelector('.VOSeoDevelopment .navigation button.active');\n        if (this !== defaultActive) {\n          this.style.backgroundColor = '#0F395A';\n        }\n      });\n\n      \/\/ Add mouseleave event listener\n      navigationBtn.addEventListener('mouseleave', function() {\n        const defaultActive = document.querySelector('.VOSeoDevelopment .navigation button.active');\n        if (this !== defaultActive) {\n          this.style.backgroundColor = 'transparent';\n        }\n      });\n    });\n\n    function showVoSeoContent(dataId) {\n      voSeoContents && voSeoContents.forEach((content) => {\n          const seoContentId = content.getAttribute(\"data-id\");\n          \n          if (seoContentId.toLowerCase() === dataId.toLowerCase()) {\n              content.classList.remove(\"!hidden\");\n              content.classList.add(\"active\");\n          } else {\n            content.classList.add(\"!hidden\");\n            content.classList.remove(\"active\");\n          }\n      });\n    }\n\n    if (navigationBtns.length > 0) {\n      navigationBtns[0].click();\n    }\n\n  });\n<\/script>\n\n\n<div class=\"TabContentCollapse\" id=\"tab_content_collapse\" style=\"background-color: rgb(250, 250, 250);\">\n    <div class=\"module_container mx-auto px-4\">\n        <div class=\"fs-5xl font-semibold text-center text-primary\">\n            <h2>\u5e38\u898b\u554f\u984c<\/h2>\n        <\/div>\n        <div class=\"\">\n            <ul class=\"mx-auto max-w-[900px] mt-9 content-wrapper\">\n                <li class=\"collapse-item text-secondary\">\n                                <button aria-label=\"\u60a8\u662f\u5426\u6703\u70ba\u6211\u516c\u53f8\u61c9\u88fd\u4f5c\u7684\u8996\u983b\u985e\u578b\u63d0\u4f9b\u76f8\u95dc\u610f\u898b\uff1f\" class=\"w-full items-center text-left flex cursor-pointer collapse-header\">\n                                <h3 class=\"flex-1 fs-xl font-semibold transition-colors duration-300 text-primary header\">\u60a8\u662f\u5426\u6703\u70ba\u6211\u516c\u53f8\u61c9\u88fd\u4f5c\u7684\u8996\u983b\u985e\u578b\u63d0\u4f9b\u76f8\u95dc\u610f\u898b\uff1f<\/h3>\n                                    <span aria-hidden=\"true\" class=\"w-[25px] block\">\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" t=\"1551322312294\" viewBox=\"0 0 1024 1024\" version=\"1.1\" class=\"text-xl plusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><defs><\/defs><path d=\"M474 152m8 0l60 0q8 0 8 8l0 704q0 8-8 8l-60 0q-8 0-8-8l0-704q0-8 8-8Z\"><\/path><path d=\"M168 474m8 0l672 0q8 0 8 8l0 60q0 8-8 8l-672 0q-8 0-8-8l0-60q0-8 8-8Z\"><\/path><\/svg>\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 1024 1024\" class=\"text-xl minusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z\"><\/path>\n                                        <\/svg><\/span>\n                                <\/button>\n                                <div class=\"content active\">\n                                    <div class=\"fs-lg text-secondary font-light description\">\n                                    <p>\u662f\u7684\u3002 \u6211\u5011\u7684\u88fd\u4f5c\u5718\u968a\u53ef\u4ee5\u70ba\u60a8\u63d0\u4f9b\u514d\u8cbb\u548c\u5c08\u696d\u610f\u898b\uff0c\u4ee5\u53ca\u66f4\u597d\u5730\u4e86\u89e3\u60a8\u516c\u53f8\u696d\u52d9\u7684\u9700\u8981\u548c\u9700\u6c42\u3002\u6211\u5011\u9084\u5c07\u5411\u60a8\u89e3\u91cb\u6211\u5011\u7684\u77ed\u7247\u88fd\u4f5c\u7684\u6d41\u7a0b\uff0c\u4e26\u70ba\u60a8\u63d0\u4f9b\u6211\u5011\u5275\u5efa\u7684\u4e0d\u540c\u985e\u578b\u7684\u8996\u983b\u6a21\u677f\u4f9b\u60a8\u9078\u64c7\u3002<\/p>\n\n                                    <\/div>\n                                <\/div>\n                            <\/li><li class=\"collapse-item text-secondary\">\n                                <button aria-label=\"\u60a8\u53ef\u4ee5\u4f7f\u7528\u548c\u7de8\u8f2f\u6211\u5011\u516c\u53f8\u6216\u5176\u4ed6\u5718\u968a\u62cd\u651d\u7684\u5f71\u7247\u55ce\uff1f\" class=\"w-full items-center text-left flex cursor-pointer collapse-header\">\n                                <h3 class=\"flex-1 fs-xl font-semibold transition-colors duration-300 text-primary header\">\u60a8\u53ef\u4ee5\u4f7f\u7528\u548c\u7de8\u8f2f\u6211\u5011\u516c\u53f8\u6216\u5176\u4ed6\u5718\u968a\u62cd\u651d\u7684\u5f71\u7247\u55ce\uff1f<\/h3>\n                                    <span aria-hidden=\"true\" class=\"w-[25px] block\">\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" t=\"1551322312294\" viewBox=\"0 0 1024 1024\" version=\"1.1\" class=\"text-xl plusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><defs><\/defs><path d=\"M474 152m8 0l60 0q8 0 8 8l0 704q0 8-8 8l-60 0q-8 0-8-8l0-704q0-8 8-8Z\"><\/path><path d=\"M168 474m8 0l672 0q8 0 8 8l0 60q0 8-8 8l-672 0q-8 0-8-8l0-60q0-8 8-8Z\"><\/path><\/svg>\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 1024 1024\" class=\"text-xl minusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z\"><\/path>\n                                        <\/svg><\/span>\n                                <\/button>\n                                <div class=\"content active\">\n                                    <div class=\"fs-lg text-secondary font-light description\">\n                                    <p>\u53ef\u4ee5\u3002\u60a8\u53ea\u9700\u5411\u6211\u5011\u63d0\u4f9b\u53ef\u7de8\u8f2f\u7684\u77ed\u7247\u7d20\u6750\uff0c\u6211\u5011\u512a\u79c0\u7684\u5718\u968a\u5c31\u6703\u7232\u60a8\u9032\u884c\u7de8\u8f2f\u3002<\/p>\n\n                                    <\/div>\n                                <\/div>\n                            <\/li><li class=\"collapse-item text-secondary\">\n                                <button aria-label=\"\u60a8\u62cd\u651d\u7684\u683c\u5f0f\u662f\u4ec0\u9ebc\uff0c\u53ef\u4ee5\u63d0\u4f9b\u6700\u7d42\u8996\u983b\u6587\u4ef6\uff1f\" class=\"w-full items-center text-left flex cursor-pointer collapse-header\">\n                                <h3 class=\"flex-1 fs-xl font-semibold transition-colors duration-300 text-primary header\">\u60a8\u62cd\u651d\u7684\u683c\u5f0f\u662f\u4ec0\u9ebc\uff0c\u53ef\u4ee5\u63d0\u4f9b\u6700\u7d42\u8996\u983b\u6587\u4ef6\uff1f<\/h3>\n                                    <span aria-hidden=\"true\" class=\"w-[25px] block\">\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" t=\"1551322312294\" viewBox=\"0 0 1024 1024\" version=\"1.1\" class=\"text-xl plusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><defs><\/defs><path d=\"M474 152m8 0l60 0q8 0 8 8l0 704q0 8-8 8l-60 0q-8 0-8-8l0-704q0-8 8-8Z\"><\/path><path d=\"M168 474m8 0l672 0q8 0 8 8l0 60q0 8-8 8l-672 0q-8 0-8-8l0-60q0-8 8-8Z\"><\/path><\/svg>\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 1024 1024\" class=\"text-xl minusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z\"><\/path>\n                                        <\/svg><\/span>\n                                <\/button>\n                                <div class=\"content active\">\n                                    <div class=\"fs-lg text-secondary font-light description\">\n                                    <p>\u6211\u5011\u4f7f\u7528\u9ad8\u6e05\u54c1\u8cea\u7684\u76f8\u6a5f\u7232\u60a8\u62cd\u651d\u3002 \u6211\u5011\u4f7f\u7528\u5148\u9032\u7684\u61c9\u7528\u7a0b\u5e8f\u63d0\u4f9b MPEG4 \u683c\u5f0f\u7684\u9ad8\u8cea\u91cf\u77ed\u7247\u8996\u983b\uff0c.avi\uff0c.webm \u4ee5\u53ca\u5176\u4ed6\u9069\u5408\u60a8\u9700\u6c42\u7684\u8996\u983b\u683c\u5f0f\u3002<\/p>\n\n                                    <\/div>\n                                <\/div>\n                            <\/li><li class=\"collapse-item text-secondary\">\n                                <button aria-label=\"\u6211\u9700\u8981\u63d0\u524d\u591a\u4e45\u5411\u60a8\u7684\u5718\u968a\u9810\u8a02\u8996\u983b\u88fd\u4f5c\u7684\u9805\u76ee\u670d\u52d9\uff1f\" class=\"w-full items-center text-left flex cursor-pointer collapse-header\">\n                                <h3 class=\"flex-1 fs-xl font-semibold transition-colors duration-300 text-primary header\">\u6211\u9700\u8981\u63d0\u524d\u591a\u4e45\u5411\u60a8\u7684\u5718\u968a\u9810\u8a02\u8996\u983b\u88fd\u4f5c\u7684\u9805\u76ee\u670d\u52d9\uff1f<\/h3>\n                                    <span aria-hidden=\"true\" class=\"w-[25px] block\">\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" t=\"1551322312294\" viewBox=\"0 0 1024 1024\" version=\"1.1\" class=\"text-xl plusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><defs><\/defs><path d=\"M474 152m8 0l60 0q8 0 8 8l0 704q0 8-8 8l-60 0q-8 0-8-8l0-704q0-8 8-8Z\"><\/path><path d=\"M168 474m8 0l672 0q8 0 8 8l0 60q0 8-8 8l-672 0q-8 0-8-8l0-60q0-8 8-8Z\"><\/path><\/svg>\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 1024 1024\" class=\"text-xl minusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z\"><\/path>\n                                        <\/svg><\/span>\n                                <\/button>\n                                <div class=\"content active\">\n                                    <div class=\"fs-lg text-secondary font-light description\">\n                                    <p>\u57fa\u672c\u4e0a\uff0c\u7279\u5225\u662f\u5982\u679c\u60a8\u7684\u9805\u76ee\u5f88\u5306\u5fd9\uff0c\u5c31\u61c9\u76e1\u5feb\u5411\u6211\u5011\u9810\u8a02\u670d\u52d9\u3002\u60a8\u53ef\u4ee5\u63d0\u524d\u4e00\u5468\u7684\u6642\u9593\u9810\u8a02\uff0c\u4ee5\u4fbf\u6211\u5011\u7684\u5718\u968a\u6709\u66f4\u591a\u7684\u6642\u9593\u9032\u884c\u88fd\u4f5c\u548c\u4fee\u6539\u77ed\u7247\u3002<\/p>\n\n                                    <\/div>\n                                <\/div>\n                            <\/li><li class=\"collapse-item text-secondary\">\n                                <button aria-label=\"\u9019\u500b\u904e\u7a0b\u9700\u8981\u591a\u9577\u6642\u9593\uff1f\" class=\"w-full items-center text-left flex cursor-pointer collapse-header\">\n                                <h3 class=\"flex-1 fs-xl font-semibold transition-colors duration-300 text-primary header\">\u9019\u500b\u904e\u7a0b\u9700\u8981\u591a\u9577\u6642\u9593\uff1f<\/h3>\n                                    <span aria-hidden=\"true\" class=\"w-[25px] block\">\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" t=\"1551322312294\" viewBox=\"0 0 1024 1024\" version=\"1.1\" class=\"text-xl plusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><defs><\/defs><path d=\"M474 152m8 0l60 0q8 0 8 8l0 704q0 8-8 8l-60 0q-8 0-8-8l0-704q0-8 8-8Z\"><\/path><path d=\"M168 474m8 0l672 0q8 0 8 8l0 60q0 8-8 8l-672 0q-8 0-8-8l0-60q0-8 8-8Z\"><\/path><\/svg>\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 1024 1024\" class=\"text-xl minusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z\"><\/path>\n                                        <\/svg><\/span>\n                                <\/button>\n                                <div class=\"content active\">\n                                    <div class=\"fs-lg text-secondary font-light description\">\n                                    <p>\u88fd\u4f5c\u4e0d\u540c\u77ed\u7247\u6240\u9700\u7684\u6642\u9593\u9577\u77ed\u6703\u56e0\u4e0d\u540c\u56e0\u7d20\u800c\u6709\u6240\u4e0d\u540c\uff0c\u6211\u5011\u78ba\u5be6\u6709\u53e6\u5916\u5feb\u901f\u5b8c\u6210\u7684\u9078\u9805\uff0c\u5c31\u662f\u5982\u679c\u6709\u4e00\u500b\u5f88\u7dca\u8feb\u671f\u9650\u7684\u8a71\uff0c\u5c31\u6703\u9700\u8981\u9032\u884c\u6703\u8b70\u3002\u901a\u5e38\u60c5\u6cc1\u4e0b\uff0c\u5982\u679c\u9805\u76ee\u5306\u5fd9\u8d95\u88fd\u4f5c\uff0c\u53ef\u4ee5\u57283\u5929\u5167\u505a\u51fa\u4e00\u500b\u77ed\u8996\u983b\u3002\u4f46\u662f\u6211\u5011\u5c08\u696d\u7684\u8996\u983b\u88fd\u4f5c\u5718\u968a\u53ef\u4ee5\u57281\u5929\u5167\u5c31\u5b8c\u6210\uff0c\u53e6\u5916\u9700\u89811\u5929\u9032\u884c\u4fee\u6539\u3002 \u4e00\u65e6\u7372\u5f97\u5ba2\u6236\u7684\u6279\u51c6\uff0c\u6211\u5011\u5c07\u628a\u5b8c\u6210\u7684\u8996\u983b\u4f5c\u54c1\u50b3\u9001\u7d66\u5ba2\u6236\u3002\u5982\u679c\u60a8\u6709\u9700\u8981\uff0c\u6211\u5011\u53ef\u4ee5\u5728\u60a8\u7684\u7db2\u7ad9\u6216 YouTube \u4e0a\u50b3\u60a8\u7684\u77ed\u7247\u3002<\/p>\n\n                                    <\/div>\n                                <\/div>\n                            <\/li><li class=\"collapse-item text-secondary\">\n                                <button aria-label=\"\u60a8\u662f\u5426\u63d0\u4f9b\u591a\u7a2e\u8a9e\u8a00\u7684\u8996\u983b\u88fd\u4f5c\uff1f\" class=\"w-full items-center text-left flex cursor-pointer collapse-header\">\n                                <h3 class=\"flex-1 fs-xl font-semibold transition-colors duration-300 text-primary header\">\u60a8\u662f\u5426\u63d0\u4f9b\u591a\u7a2e\u8a9e\u8a00\u7684\u8996\u983b\u88fd\u4f5c\uff1f<\/h3>\n                                    <span aria-hidden=\"true\" class=\"w-[25px] block\">\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" t=\"1551322312294\" viewBox=\"0 0 1024 1024\" version=\"1.1\" class=\"text-xl plusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><defs><\/defs><path d=\"M474 152m8 0l60 0q8 0 8 8l0 704q0 8-8 8l-60 0q-8 0-8-8l0-704q0-8 8-8Z\"><\/path><path d=\"M168 474m8 0l672 0q8 0 8 8l0 60q0 8-8 8l-672 0q-8 0-8-8l0-60q0-8 8-8Z\"><\/path><\/svg>\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 1024 1024\" class=\"text-xl minusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z\"><\/path>\n                                        <\/svg><\/span>\n                                <\/button>\n                                <div class=\"content active\">\n                                    <div class=\"fs-lg text-secondary font-light description\">\n                                    <p>\u662f\u7684\uff0c\u4f46\u5728\u5927\u591a\u6578\u60c5\u6cc1\u4e0b\uff0c\u60a8\u9700\u8981\u5728\u9805\u76ee\u8aee\u8a62\u671f\u9593\u544a\u8a34\u6211\u5011\u7684\u9805\u76ee\u7d93\u7406\uff0c\u4ee5\u4fbf\u6211\u5011\u53ef\u4ee5\u505a\u51fa\u76f8\u61c9\u6709\u6548\u7684\u8a08\u5283\u3002 \u7576\u6211\u5011\u63d0\u4f9b\u5831\u50f9\u6642\uff0c\u6211\u5011\u901a\u5e38\u53ea\u63d0\u4f9b\u4e00\u7a2e\u8a9e\u8a00\u7684\u50f9\u683c\uff0c\u7136\u5f8c\u6709\u9700\u8981\u6642\u624d\u984d\u5916\u9644\u4e0a\u5176\u4ed6\u8a9e\u8a00\u7248\u672c\u7684\u5831\u50f9\u3002<\/p>\n\n                                    <\/div>\n                                <\/div>\n                            <\/li><li class=\"collapse-item text-secondary\">\n                                <button aria-label=\"\u5728\u6574\u500b\u9805\u76ee\u9032\u884c\u6642\uff0c\u6211\u5011\u5c07\u5982\u4f55\u6e9d\u901a\uff1f\" class=\"w-full items-center text-left flex cursor-pointer collapse-header\">\n                                <h3 class=\"flex-1 fs-xl font-semibold transition-colors duration-300 text-primary header\">\u5728\u6574\u500b\u9805\u76ee\u9032\u884c\u6642\uff0c\u6211\u5011\u5c07\u5982\u4f55\u6e9d\u901a\uff1f<\/h3>\n                                    <span aria-hidden=\"true\" class=\"w-[25px] block\">\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" t=\"1551322312294\" viewBox=\"0 0 1024 1024\" version=\"1.1\" class=\"text-xl plusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><defs><\/defs><path d=\"M474 152m8 0l60 0q8 0 8 8l0 704q0 8-8 8l-60 0q-8 0-8-8l0-704q0-8 8-8Z\"><\/path><path d=\"M168 474m8 0l672 0q8 0 8 8l0 60q0 8-8 8l-672 0q-8 0-8-8l0-60q0-8 8-8Z\"><\/path><\/svg>\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 1024 1024\" class=\"text-xl minusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z\"><\/path>\n                                        <\/svg><\/span>\n                                <\/button>\n                                <div class=\"content active\">\n                                    <div class=\"fs-lg text-secondary font-light description\">\n                                    <p>\u5728\u9805\u76ee\u9032\u884c\u6642\uff0c\u6211\u5011\u5c07\u901a\u904e\u96fb\u5b50\u90f5\u4ef6\u6216 WhatsApp \u8207\u60a8\u9032\u884c\u6e9d\u901a\u3002\u6211\u5011\u6703\u5c07\u6d41\u7a0b\u7684\u6bcf\u500b\u6b65\u9a5f\u958b\u59cb\u524d\uff0c\u8a62\u554f\u60a8\u7684\u60f3\u6cd5\u8207\u610f\u898b\u3002\u5982\u679c\u60a8\u6709\u4efb\u4f55\u8981\u66f4\u6539\u7684\u90e8\u5206\uff0c\u6211\u5011\u6703\u76f8\u61c9\u5730\u9032\u884c\u4fee\u6539\u3002 \u5728\u88fd\u4f5c\u77ed\u7247\u904e\u7a0b\u4e4b\u5f8c\uff0c\u6211\u5011\u6703\u5c07\u8996\u983b\u767c\u9001\u7d66\u60a8\u9032\u884c\u5be9\u6279\u3002<\/p>\n\n                                    <\/div>\n                                <\/div>\n                            <\/li><li class=\"collapse-item text-secondary\">\n                                <button aria-label=\"\u5982\u679c\u6211\u4e1f\u5931\u4e86\u6211\u7684\u8996\u983b\u6587\u4ef6\uff0c\u60a8\u80fd\u63d0\u4f9b\u53e6\u4e00\u4efd\u526f\u672c\u55ce\uff1f\" class=\"w-full items-center text-left flex cursor-pointer collapse-header\">\n                                <h3 class=\"flex-1 fs-xl font-semibold transition-colors duration-300 text-primary header\">\u5982\u679c\u6211\u4e1f\u5931\u4e86\u6211\u7684\u8996\u983b\u6587\u4ef6\uff0c\u60a8\u80fd\u63d0\u4f9b\u53e6\u4e00\u4efd\u526f\u672c\u55ce\uff1f<\/h3>\n                                    <span aria-hidden=\"true\" class=\"w-[25px] block\">\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" t=\"1551322312294\" viewBox=\"0 0 1024 1024\" version=\"1.1\" class=\"text-xl plusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><defs><\/defs><path d=\"M474 152m8 0l60 0q8 0 8 8l0 704q0 8-8 8l-60 0q-8 0-8-8l0-704q0-8 8-8Z\"><\/path><path d=\"M168 474m8 0l672 0q8 0 8 8l0 60q0 8-8 8l-672 0q-8 0-8-8l0-60q0-8 8-8Z\"><\/path><\/svg>\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 1024 1024\" class=\"text-xl minusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z\"><\/path>\n                                        <\/svg><\/span>\n                                <\/button>\n                                <div class=\"content active\">\n                                    <div class=\"fs-lg text-secondary font-light description\">\n                                    <p>\u7576\u7136\uff01 \u6211\u5011\u6703\u4e00\u76f4\u76e1\u91cf\u4fdd\u7559\u6240\u6709\u9805\u76ee\u7684\u5099\u4efd\uff0c\u4e26\u53ef\u4ee5\u514d\u8cbb\u63d0\u4f9b\u6587\u4ef6\u50b3\u8f38\u66ff\u63db\u670d\u52d9\u3002<\/p>\n\n                                    <\/div>\n                                <\/div>\n                            <\/li><li class=\"collapse-item text-secondary\">\n                                <button aria-label=\"\u5ba3\u50b3\u548c\u63a8\u5ee3\u7684\u8996\u983b\u88fd\u4f5c\u8cbb\u7528\u5927\u6982\u662f\u591a\u5c11\uff1f\" class=\"w-full items-center text-left flex cursor-pointer collapse-header\">\n                                <h3 class=\"flex-1 fs-xl font-semibold transition-colors duration-300 text-primary header\">\u5ba3\u50b3\u548c\u63a8\u5ee3\u7684\u8996\u983b\u88fd\u4f5c\u8cbb\u7528\u5927\u6982\u662f\u591a\u5c11\uff1f<\/h3>\n                                    <span aria-hidden=\"true\" class=\"w-[25px] block\">\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" t=\"1551322312294\" viewBox=\"0 0 1024 1024\" version=\"1.1\" class=\"text-xl plusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><defs><\/defs><path d=\"M474 152m8 0l60 0q8 0 8 8l0 704q0 8-8 8l-60 0q-8 0-8-8l0-704q0-8 8-8Z\"><\/path><path d=\"M168 474m8 0l672 0q8 0 8 8l0 60q0 8-8 8l-672 0q-8 0-8-8l0-60q0-8 8-8Z\"><\/path><\/svg>\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 1024 1024\" class=\"text-xl minusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z\"><\/path>\n                                        <\/svg><\/span>\n                                <\/button>\n                                <div class=\"content active\">\n                                    <div class=\"fs-lg text-secondary font-light description\">\n                                    <p>\u6211\u5011\u7684\u77ed\u7247\u88fd\u4f5c\u8cbb\u7528\u53d6\u6c7a\u65bc\u60a8\u516c\u53f8\u5f9e\u57fa\u672c\u8996\u983b\u5230\u9ad8\u7d1a\u8996\u983b\u7684\u8981\u6c42\u3002 \u60a8\u53ef\u4ee5\u806f\u7e6b\u6211\u5011\u7372\u53d6\u514d\u8cbb\u5831\u50f9\uff0c\u4e26\u4e86\u89e3\u66f4\u591a\u6709\u95dc\u6211\u5011\u670d\u52d9\u7684\u50f9\u683c\u7bc4\u570d\u76f8\u95dc\u4fe1\u606f\u3002<\/p>\n\n                                    <\/div>\n                                <\/div>\n                            <\/li><li class=\"collapse-item text-secondary\">\n                                <button aria-label=\"\u4ed8\u6b3e\u65b9\u5f0f\u6709\u54ea\u4e9b\uff1f\" class=\"w-full items-center text-left flex cursor-pointer collapse-header\">\n                                <h3 class=\"flex-1 fs-xl font-semibold transition-colors duration-300 text-primary header\">\u4ed8\u6b3e\u65b9\u5f0f\u6709\u54ea\u4e9b\uff1f<\/h3>\n                                    <span aria-hidden=\"true\" class=\"w-[25px] block\">\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" t=\"1551322312294\" viewBox=\"0 0 1024 1024\" version=\"1.1\" class=\"text-xl plusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><defs><\/defs><path d=\"M474 152m8 0l60 0q8 0 8 8l0 704q0 8-8 8l-60 0q-8 0-8-8l0-704q0-8 8-8Z\"><\/path><path d=\"M168 474m8 0l672 0q8 0 8 8l0 60q0 8-8 8l-672 0q-8 0-8-8l0-60q0-8 8-8Z\"><\/path><\/svg>\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 1024 1024\" class=\"text-xl minusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z\"><\/path>\n                                        <\/svg><\/span>\n                                <\/button>\n                                <div class=\"content active\">\n                                    <div class=\"fs-lg text-secondary font-light description\">\n                                    <p>\u6211\u5011\u63a5\u53d7\u73fe\u91d1\uff0c\u652f\u7968\uff0c\u9280\u884c\u8f49\u8cec\u6216\u901a\u904e PayPal \u5e73\u81fa\u7684\u4ed8\u6b3e\u3002\u4ed8\u6b3e\u8a73\u60c5\u5c07\u88ab\u8a18\u9304\u5728\u55ae\u64da\u4e0a\u3002<\/p>\n\n                                    <\/div>\n                                <\/div>\n                            <\/li>            <\/ul>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<script>\n    (function() {\n\n        const collapseHeaders = document.querySelectorAll(\".TabContentCollapse .collapse-header\");\n\n        collapseHeaders.forEach((header) => {\n            header.addEventListener(\"click\", function() {\n                const isActive = this.classList.contains('show');\n                collapseHeaders.forEach(item => {\n                    item.classList.remove('show');\n                    item.nextElementSibling.classList.remove('active');\n                    item.nextElementSibling.classList.add('unactive');\n                });\n                if (!isActive) {\n                    this.classList.add('show');\n                    this.nextElementSibling.classList.add('active');\n                    this.nextElementSibling.classList.remove('unactive');\n                }\n            });\n        });\n\n        if (collapseHeaders.length > 0) {\n            collapseHeaders[0].click();\n        }\n\n    })();\n<\/script>\n\n\n<section id=\"e750319c-4ee5-4bcb-8993-96a345d9f00a\" class=\"\n        contact-form bg-[color:var(--bg-color)] text-light relative overflow-hidden\n        StartContactForm contact_form\n      \" style=\"--bg-color: #4DD7A9;\">\n    <div class=\"sm:flex sm:items-center xl:justify-between \">\n        <div\n            class=\"absolute vertical-text text-5xl font-semibold hidden sm:block sm:flex-1 sm:basis-[15%] sm:max-w-[15%] md:basis-1\/5 xl:text-7xl 2xl:text-[7.5rem] vertical_text\">\n                            <div\n                    class=\"absolute top-0 bottom-0 left-5 h-max lg:left-20 xl:left-32 2xl:left-36 cursor-default aniBottomToTop text-custom-animation-bt\">\n                    \u8207\u6211\u5011\u4e00\u8d77\u5408\u4f5c\u9805\u76ee                <\/div>\n                                        <div\n                    class=\"absolute -top-3 left-[4.25rem] md:left-20 h-max lg:left-36 xl:left-52 2xl:-top-8 2xl:left-80 cursor-default aniTopToBottom text-custom-animation-tb\">\n                    <span class=\"opacity-30\">\u548c\u6211\u4eec\u4e00\u8d77\u8ba8\u8bba <\/span>&nbsp;\n                    <span class=\"opacity-60\">\u8054\u7edc\u6211\u4eec<\/span>\n                <\/div>\n                    <\/div>\n        <div class=\"contact-form-playpause-btn  justify-start absolute left-[14%] bottom-5 sm:flex hidden\">\n                    <button class=\"cursor-pointer pause_btn\" tabindex=\"0\" aria-label=\"animation play pause\"\n                    data-play=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_play.svg\"\n                    data-pause=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_pause.svg\"\n                    >\n                    <img loading=\"lazy\" decoding=\"async\" width=\"12\" height=\"12\" aria-label=\"pause icon\"\n                        src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_pause.svg\"\n                        alt=\"pause icon\">\n                    <\/button>\n                <\/div>\n        <div\n            class=\"contact-form__container sm:flex-1 py-16 px-5 font-primary mx-auto sm:max-w-2xl xl:max-w-4xl xl:py-32 2xl:py-36 2xl:max-w-6xl\">\n            <div\n                class=\"mx-auto contact-form__main text-center sm:flex-1 sm:basis-[85%] sm:max-w-[85%]  md:max-w-xl md:basis-4\/5 xl:max-w-2xl 2xl:max-w-5xl\">\n                <div class=\"contact-form__header  mx-auto 2xl:max-w-xl\">\n                    <div class=\"font-semibold mb-5 2xl:mb-8 fs-5xl\">\n                        <div>\u8207\u6211\u5011\u4e00\u8d77\u5408\u4f5c\u9805\u76ee<\/di>\n                        <\/div>\n                        <div class=\"font-normal fs-lg mb-6 2xl:mb-12\"><p>\u70ba\u4e86\u60a8\u7684\u7db2\u9801\u8a2d\u8a08\u9805\u76ee\uff0c\u8acb\u7acb\u5373\u806f\u7d61\u6211\u5011\u4ee5\u5b89\u6392\u6703\u9762\u3002\u6211\u5011\u5c07\u70ba\u60a8\u63d0\u4f9b\u514d\u8cbb\u5c08\u696d\u548c\u6709\u6548\u7684\u9805\u76ee\u5efa\u8b70\u3002<\/p>\n<\/div>\n                    <\/div>\n                    <div class=\"relative contact-form__body\">\n                        <div>\n                            <div id=\"hubspotForm\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"contact-form__bg absolute top-1\/2 right-0 -translate-y-1\/2\">\n            <img decoding=\"async\" width=\"257\" height=\"510\"\n                src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/projects\/StartContact-bgImg_c8261431.png\"\n                alt=\"\" aria-hidden=\"true\" loading=\"lazy\" class=\"h-auto w-24 lg:w-36 2xl:w-auto\" \/>\n        <\/div>\n<\/section>\n<style>\n\n<\/style>\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function () {\n        \/\/ Your HubSpot form details\n        const portalId = \"5194436\";\n        const formId = \"e750319c-4ee5-4bcb-8993-96a345d9f00a\";\n\n        \/\/ Function to load the HubSpot form dynamically\n        function loadHubSpotForm() {\n            const script = document.createElement('script');\n            script.src = 'https:\/\/js.hsforms.net\/forms\/v2.js'; \/\/ HubSpot's form script\n            script.onload = () => {\n                window.hbspt.forms.create({\n                    portalId: portalId,\n                    formId: formId,\n                    target: '#hubspotForm', \/\/ ID of the element where the form will be rendered\n                    css: \"\",\n\t\t\t\t\tonFormSubmitted: function ($form, data) {\n    var values = data.submissionValues || {};\n    var email = values.email || '';\n    var phone = values.phone || '';\n\n    console.log(\"HubSpot form submitted:\");\n    console.log(\"Email:\", email);\n    console.log(\"Phone:\", phone);\n\n    gtag('set', 'user_data', {\n        email: email,\n        phone_number: phone\n    });\n}\n,\n                    onFormReady: function ($form) {\n                        const targetElement = $form.find('.hs-form-field label');\n                        targetElement?.each(function (key, label) {\n                            const placeholder = label?.getAttribute('placeholder');\n                            const name = label?.closest('.hs-form-field').querySelector('select')?.getAttribute('name')?.replaceAll('_', ' ');\n                            const placeholder1 = label?.closest('.hs-form-field').querySelector('input')?.getAttribute('placeholder');\n                            label?.querySelector('span:first-child')?.setAttribute('arial-label', placeholder1)\n                            label?.setAttribute('arial-label', placeholder1);\n                            label?.closest('.hs-form-field').querySelector('input')?.setAttribute('arial-label', placeholder1?.replace('*', ''))\n                            label?.closest('.hs-form-field').querySelector('select')?.setAttribute('arial-label', name?.replaceAll('_', ' '))\n                        });\n                        const style = document.createElement('style');\n                        style.innerHTML = `\n                        .hs-error-msgs label {\n                            color: #fc010c;\n                        }\n                        .hbspt-form select,\n                        .hbspt-form select::placeholder{\n                            color: #33475b !important;\n  opacity: 1 !important;\n                        }\n                        .hbspt-form textarea::placeholder,\n.hbspt-form input::placeholder{\n  color: #33475b !important;\n  opacity: 1 !important;\n}\n.hbspt-form input{\n  background-color: #fff !important;\n}\n.hs_submit input[type=submit]{\n  background: #000 !important;\n  color:#fff !important;\n  border:1px solid #000 !important;\n}\n                        `;\n                        document.querySelector('#hubspotForm iframe').contentDocument.head.appendChild(style);\n                    }\n                });\n            };\n            document.body.appendChild(script);\n        }\n\n        loadHubSpotForm();\n        const remove_animation = () => {\n            document.querySelectorAll('.text-custom-animation-bt').forEach(function (ani) {\n                ani.classList.remove('aniBottomToTop');\n            });\n            document.querySelectorAll('.text-custom-animation-tb').forEach(function (ani) {\n                ani.classList.remove('aniTopToBottom');\n            });\n            document.querySelector('.contact-form-playpause-btn .pause_btn').classList?.remove('active');\n            document.querySelector('.contact-form-playpause-btn .play_btn').classList?.add('active');\n        }\n        const add_animation = () => {\n            const button = document.querySelector(\".contact-form-playpause-btn button\");\n            button.classList.toggle('active');\n            const play_btn = button?.getAttribute('data-play');\n            const pause_btn = button?.getAttribute('data-pause');\n            const is_active = document.querySelector(\".contact-form-playpause-btn button.active\");\n            if (!is_active) {\n                document.querySelectorAll('.text-custom-animation-bt').forEach(function (ani) {\n                    ani.classList.add('aniBottomToTop');\n                });\n                document.querySelectorAll('.text-custom-animation-tb').forEach(function (ani) {\n                    ani.classList.add('aniTopToBottom');\n                });\n                button.querySelector('img')?.setAttribute('src', pause_btn);\n            } else {\n                document.querySelectorAll('.text-custom-animation-bt').forEach(function (ani) {\n                    ani.classList.remove('aniBottomToTop');\n                });\n                document.querySelectorAll('.text-custom-animation-tb').forEach(function (ani) {\n                    ani.classList.remove('aniTopToBottom');\n                });\n                button.querySelector('img')?.setAttribute('src', play_btn);\n            }\n        }\n        document.querySelector('.contact-form-playpause-btn button')?.addEventListener('click', function () {\n            add_animation();\n\n        })\n        \n    });\n\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":27595,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-28517","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/devwp02.visibleone.io\/vowp\/zh-hk\/wp-json\/wp\/v2\/pages\/28517","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devwp02.visibleone.io\/vowp\/zh-hk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/devwp02.visibleone.io\/vowp\/zh-hk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/devwp02.visibleone.io\/vowp\/zh-hk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/devwp02.visibleone.io\/vowp\/zh-hk\/wp-json\/wp\/v2\/comments?post=28517"}],"version-history":[{"count":9,"href":"https:\/\/devwp02.visibleone.io\/vowp\/zh-hk\/wp-json\/wp\/v2\/pages\/28517\/revisions"}],"predecessor-version":[{"id":60731,"href":"https:\/\/devwp02.visibleone.io\/vowp\/zh-hk\/wp-json\/wp\/v2\/pages\/28517\/revisions\/60731"}],"up":[{"embeddable":true,"href":"https:\/\/devwp02.visibleone.io\/vowp\/zh-hk\/wp-json\/wp\/v2\/pages\/27595"}],"wp:attachment":[{"href":"https:\/\/devwp02.visibleone.io\/vowp\/zh-hk\/wp-json\/wp\/v2\/media?parent=28517"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}