{"id":1849,"date":"2025-11-24T17:57:49","date_gmt":"2025-11-24T09:57:49","guid":{"rendered":"https:\/\/www.dakingsrapid.com\/?page_id=1849"},"modified":"2026-03-20T05:42:45","modified_gmt":"2026-03-20T09:42:45","slug":"automation","status":"publish","type":"page","link":"https:\/\/www.dakingsrapid.com\/en_us\/automation\/","title":{"rendered":"Automation"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t
\n\t\t
\n\t\t
\n\t\t
\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Rapid Prototyping and On-Demand Production for<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Aerospace Industry Title Preview<\/title>\r\n <style>\r\n \/* \u57fa\u790e\u6a23\u5f0f\u91cd\u7f6e *\/\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n background-color: #ffffff;\r\n }\r\n\r\n \/* \u6a19\u984c\u7d44\u4ef6\u5bb9\u5668 *\/\r\n .dakingsrapid-industry-container {\r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n \/* \u6975\u81f4\u58d3\u7e2e\u4e0a\u4e0b\u9593\u8ddd *\/\r\n padding: 2px 20px; \r\n overflow: hidden;\r\n display: flex;\r\n justify-content: flex-start;\r\n }\r\n\r\n .dakingsrapid-title-wrapper {\r\n display: inline-flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n position: relative;\r\n }\r\n\r\n \/* \u7d71\u4e00\u6587\u5b57\u6a23\u5f0f *\/\r\n .dakingsrapid-title-main,\r\n .dakingsrapid-title-sub {\r\n font-size: 30px; \r\n font-weight: 700;\r\n \/* \u6587\u5b57\u8272\u865f\u4fee\u6539\u70ba #009FB2 *\/\r\n color: #009FB2;\r\n margin: 0;\r\n line-height: 1.05;\r\n letter-spacing: -0.02em;\r\n opacity: 0;\r\n transform: translateY(-5px);\r\n will-change: transform, opacity;\r\n }\r\n\r\n \/* \u4e3b\u6a19\u984c\u52d5\u756b *\/\r\n .dakingsrapid-title-main {\r\n animation: dkr-slideIn 0.5s ease-out 0.1s forwards;\r\n }\r\n\r\n \/* \u526f\u6a19\u984c\u5bb9\u5668 *\/\r\n .dakingsrapid-sub-row {\r\n display: flex;\r\n align-items: center;\r\n margin-top: 2px;\r\n opacity: 0;\r\n transform: translateY(-5px);\r\n animation: dkr-slideIn 0.5s ease-out 0.2s forwards;\r\n }\r\n\r\n \/* \u5be6\u9ad4\u6a6b\u7dda\u6a19\u7c64 *\/\r\n .dakingsrapid-line {\r\n display: block;\r\n width: 35px;\r\n height: 3px;\r\n \/* \u6a6b\u7dda\u8272\u865f\u4fee\u6539\u70ba #16325A *\/\r\n background-color: #16325A;\r\n margin-right: 12px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .dakingsrapid-title-sub {\r\n opacity: 1;\r\n transform: none;\r\n animation: none;\r\n }\r\n\r\n \/* \u9032\u5834\u52d5\u756b\u5b9a\u7fa9 *\/\r\n @keyframes dkr-slideIn {\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n \/* \u97ff\u61c9\u5f0f\u9069\u914d\uff1a\u5e73\u677f *\/\r\n @media (max-width: 768px) {\r\n .dakingsrapid-industry-container {\r\n padding: 2px 15px;\r\n }\r\n .dakingsrapid-title-main, \r\n .dakingsrapid-title-sub { \r\n font-size: 24px; \r\n }\r\n .dakingsrapid-line {\r\n width: 30px;\r\n height: 2px;\r\n margin-right: 10px;\r\n }\r\n }\r\n\r\n \/* \u97ff\u61c9\u5f0f\u9069\u914d\uff1a\u624b\u6a5f *\/\r\n @media (max-width: 480px) {\r\n .dakingsrapid-industry-container {\r\n padding: 1px 10px;\r\n }\r\n .dakingsrapid-title-main, \r\n .dakingsrapid-title-sub { \r\n font-size: 18px; \r\n }\r\n .dakingsrapid-line {\r\n width: 25px;\r\n margin-right: 8px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"dakingsrapid-industry-container\">\r\n <div class=\"dakingsrapid-title-wrapper\">\r\n <!-- \u4e3b\u6a19\u984c (\u8272\u865f #009FB2) -->\r\n <h2 class=\"dakingsrapid-title-main\">Automation <\/h2>\r\n \r\n <!-- \u526f\u6a19\u984c\u884c -->\r\n <div class=\"dakingsrapid-sub-row\">\r\n <!-- \u5be6\u9ad4\u6a6b\u7dda (\u8272\u865f #16325A) -->\r\n <span class=\"dakingsrapid-line\"><\/span>\r\n <!-- \u526f\u6a19\u984c\u6587\u5b57 (\u8272\u865f #009FB2) -->\r\n <h2 class=\"dakingsrapid-title-sub\">Industry<\/h2>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0f9f50d elementor-widget elementor-widget-text-editor\" data-id=\"0f9f50d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\t\t<p>Obtain high-quality manufacturing services for your custom automated production parts<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fac4ad6 elementor-widget elementor-widget-html\" data-id=\"fac4ad6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t<!-- \u2705\u3010\u6975\u81f4\u7dca\u6e4a\u7248\u3011Elementor \/ WordPress \u53ef\u76f4\u63a5\u8907\u88fd\u4f7f\u7528 -->\r\n\r\n<style>\r\n\/* ===== \u6838\u5fc3\u8b8a\u91cf ===== *\/\r\n:root {\r\n --wp-color-a: #22445D; \/* \u6309\u9215\u4e3b\u8272\u8abf *\/\r\n --wp-overlay: rgba(0, 0, 0, 0.75); \/* \u906e\u7f69\u5c64\u984f\u8272 *\/\r\n}\r\n\r\n\/* ===== \u6309\u9215\u5340\u57df\u4f48\u5c40 ===== *\/\r\n.wp-buttons-wrapper {\r\n display: flex !important;\r\n flex-direction: row !important;\r\n justify-content: center !important; \r\n align-items: center !important;\r\n width: 100% !important;\r\n max-width: 100% !important;\r\n margin: 10px auto !important; \/* \u2705 \u5df2\u7e2e\u5c0f\uff1a\u6309\u9215\u4e0a\u4e0b\u5916\u90e8\u9593\u8ddd (\u539f\u70ba 20px) *\/\r\n box-sizing: border-box !important;\r\n}\r\n\r\n\/* ===== \u6309\u9215\u6a23\u5f0f ===== *\/\r\n.wp-popup-trigger-btn {\r\n border: none !important;\r\n padding: 16px 38px !important; \/* \u2705 \u5fae\u8abf\uff1a\u7a0d\u5fae\u7e2e\u6e1b\u9ad8\u5ea6 *\/\r\n font-size: 18px !important;\r\n font-weight: 700 !important;\r\n color: #fff !important;\r\n border-radius: 50px !important;\r\n cursor: pointer !important;\r\n display: inline-flex !important;\r\n justify-content: center !important;\r\n align-items: center !important;\r\n gap: 8px !important;\r\n white-space: nowrap !important;\r\n box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3) !important;\r\n transition: all 0.3s ease !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 0.5px !important;\r\n min-width: 220px !important;\r\n}\r\n\r\n.wp-btn-style-a {\r\n background: linear-gradient(135deg, #22445D 0%, #2c5675 100%) !important;\r\n}\r\n\r\n.wp-popup-trigger-btn:hover {\r\n transform: translateY(-3px) !important;\r\n box-shadow: 0 12px 30px -5px rgba(0, 0, 0, 0.4) !important;\r\n}\r\n\r\n\/* ===== \u5f48\u7a97\u906e\u7f69\u5c64 ===== *\/\r\n.wp-custom-modal-overlay {\r\n position: fixed !important;\r\n inset: 0 !important;\r\n background: var(--wp-overlay) !important;\r\n display: flex !important;\r\n justify-content: center !important;\r\n align-items: center !important;\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n z-index: 999999 !important;\r\n padding: 10px !important; \/* \u624b\u6a5f\u7aef\u5916\u908a\u8ddd\u7e2e\u5c0f *\/\r\n transition: opacity 0.3s ease, visibility 0.3s ease !important;\r\n backdrop-filter: blur(4px) !important;\r\n}\r\n\r\n.wp-custom-modal-overlay.is-visible {\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n}\r\n\r\n\/* ===== \u5f48\u7a97\u5bb9\u5668 ===== *\/\r\n.wp-custom-modal-container {\r\n background: #fff !important;\r\n width: 100% !important;\r\n max-width: 550px !important;\r\n border-radius: 12px !important;\r\n padding: 8px 15px !important; \/* \u2705 \u5df2\u7e2e\u5c0f\uff1a\u4e0a\u4e0b 8px, \u5de6\u53f3 15px (\u6975\u81f4\u7dca\u6e4a) *\/\r\n box-sizing: border-box !important;\r\n position: relative !important;\r\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;\r\n transform: scale(0.95);\r\n transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;\r\n max-height: 95vh !important;\r\n overflow-y: auto !important;\r\n}\r\n\r\n.wp-custom-modal-overlay.is-visible .wp-custom-modal-container {\r\n transform: scale(1);\r\n}\r\n\r\n\/* \u5167\u5bb9\u5340\u57df\u5f37\u5236\u7e2e\u6e1b\u9593\u9694 *\/\r\n.wp-modal-content {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n}\r\n\r\n\/* \u9802\u90e8 X \u95dc\u9589\u6309\u9215 *\/\r\n.wp-custom-modal-close-icon {\r\n position: absolute !important;\r\n top: 4px !important; \/* \u2705 \u66f4\u8cbc\u8fd1\u908a\u7de3 *\/\r\n right: 4px !important; \/* \u2705 \u66f4\u8cbc\u8fd1\u908a\u7de3 *\/\r\n width: 28px !important;\r\n height: 28px !important;\r\n border-radius: 50% !important;\r\n background: rgba(240, 240, 240, 0.8) !important;\r\n color: #555 !important;\r\n border: none !important;\r\n cursor: pointer !important;\r\n display: flex !important;\r\n justify-content: center !important;\r\n align-items: center !important;\r\n font-size: 18px !important;\r\n line-height: 1 !important;\r\n transition: all 0.2s !important;\r\n z-index: 99 !important;\r\n}\r\n.wp-custom-modal-close-icon:hover {\r\n background: #e0e0e0 !important;\r\n color: #000 !important;\r\n}\r\n\r\n\/* ===== \u79fb\u52d5\u7aef\u9069\u914d ===== *\/\r\n@media(max-width: 768px) {\r\n .wp-popup-trigger-btn {\r\n width: 100% !important;\r\n padding: 15px 0 !important;\r\n }\r\n .wp-custom-modal-container {\r\n padding: 5px 12px !important; \/* \u624b\u6a5f\u7aef\u518d\u7e2e\u5c0f *\/\r\n }\r\n}\r\n<\/style>\r\n\r\n<!-- \u6309\u9215\u5340\u57df -->\r\n<div class=\"wp-buttons-wrapper\">\r\n <button class=\"wp-popup-trigger-btn wp-btn-style-a\" data-target=\"m1\">\r\n START FREEQUOTE\r\n <\/button>\r\n<\/div>\r\n\r\n<!-- \u5f48\u7a97\u5340\u57df -->\r\n<div class=\"wp-custom-modal-overlay\" id=\"m1\">\r\n <div class=\"wp-custom-modal-container\">\r\n <button class=\"wp-custom-modal-close-icon wp-close-trigger\" aria-label=\"Close\">\u00d7<\/button>\r\n <div class=\"wp-modal-content\">\r\n <div class='fluentform ff-default fluentform_wrapper_5 ffs_default_wrap'><form data-form_id=\"5\" id=\"fluentform_5\" class=\"frm-fluent-form fluent_form_5 ff-el-form-top ff_form_instance_5_1 ff-form-loading ffs_default\" data-form_instance=\"ff_form_instance_5_1\" method=\"POST\" ><fieldset style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">\u7b2c\u4e00\u9875<\/legend><input type='hidden' name='__fluent_form_embded_post_id' value='1849' \/><input type=\"hidden\" id=\"_fluentform_5_fluentformnonce\" name=\"_fluentform_5_fluentformnonce\" value=\"3e777d3787\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en_us\/wp-json\/wp\/v2\/pages\/1849\" \/><div data-type=\"name-element\" data-name=\"names\" class=\" ff-field_container ff-name-field-wrapper\" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group ff-el-form-top'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_5_names_first_name_' id='label_ff_5_names_first_name_' >First Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[first_name]\" id=\"ff_5_names_first_name_\" class=\"ff-el-form-control\" placeholder=\"Enter Your First Name\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><div class='ff-t-cell '><div class='ff-el-group ff-el-form-top'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_5_names_last_name_' id='label_ff_5_names_last_name_' >Last Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[last_name]\" id=\"ff_5_names_last_name_\" class=\"ff-el-form-control\" placeholder=\"Enter Your Last Name\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_5_email' id='label_ff_5_email' aria-label=\"Email\">Email<\/label><\/div><div class='ff-el-input--content'><input type=\"email\" name=\"email\" id=\"ff_5_email\" class=\"ff-el-form-control\" data-name=\"email\" aria-invalid=\"false\" aria-required=true><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_5_message' id='label_ff_5_message' aria-label=\"Please fill in your requirements, we will contact you within 24 hours\">Please fill in your requirements, we will contact you within 24 hours<\/label><\/div><div class='ff-el-input--content'><textarea aria-required=\"true\" aria-labelledby=\"label_ff_5_message\" name=\"message\" id=\"ff_5_message\" class=\"ff-el-form-control\" placeholder=\"Describe your current issues\/needs\" rows=\"4\" cols=\"2\" data-name=\"message\" ><\/textarea><\/div><\/div><div class='ff-el-group ff-dropzone'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_5_file-upload_1_1' id='label_ff_5_file-upload_1_1' aria-label=\"File upload\">File upload<\/label><\/div><div class='ff-el-input--content'><label for='ff_5_file-upload_1_1' class='ff_file_upload_holder'><span class='ff_upload_btn ff-btn' tabindex='0'>Select Upload file (privacy guaranteed)<\/span> <input type=\"file\" name=\"file-upload_1\" id=\"ff_5_file-upload_1_1\" class=\"ff-el-form-control ff-screen-reader-element\" data-name=\"file-upload_1\" multiple=\"1\" aria-invalid='false' aria-required=false><\/label><\/div><\/div><div class='ff-el-group ff-custom_html' tabindex='-1' data-name=\"custom_html-5_1\" ><p><span style=\"color: #ff0000\">Upload your 2D\/3D drawings (STEP, STP, STL, IGES, DWG, DXF, etc.).<\/span><br \/><span style=\"color: #ff0000\">For large files, please compress them into a .zip or .7z archive.<\/span><\/p><\/div><div class='ff-el-group ' ><div class='ff-el-input--content'><div data-fluent_id='5' name='h-captcha-response'><div\n\t\tdata-sitekey='f08cb5c4-2bbe-4300-b6d8-b4fc14cc4c54'\n\t\tid='fluentform-hcaptcha-5-1'\n\t\tclass='ff-el-hcaptcha h-captcha'><\/div><\/div><\/div><\/div><div class='ff-el-group ff-text-center ff_submit_btn_wrapper'><button type=\"submit\" class=\"ff-btn ff-btn-submit ff-btn-lg ff_btn_style\" aria-label=\"Submit Form\">Submit Form<\/button><\/div><\/fieldset><\/form><div id='fluentform_5_errors' class='ff-errors-in-stack ff_form_instance_5_1 ff-form-loading_errors ff_form_instance_5_1_errors'><\/div><\/div> <script type=\"text\/javascript\">\n window.fluent_form_ff_form_instance_5_1 = {\"id\":\"5\",\"ajaxUrl\":\"https:\\\/\\\/www.dakingsrapid.com\\\/wp-admin\\\/admin-ajax.php\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"asteriskPlacement\":\"asterisk-right\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_5_1\",\"form_id_selector\":\"fluentform_5\",\"rules\":{\"names[first_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"names[middle_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"names[last_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"email\":{\"required\":{\"value\":true,\"message\":\"Email field is required\",\"global\":false,\"global_message\":\"This field is required\"},\"email\":{\"value\":true,\"message\":\"This field must contain a valid email\",\"global\":true,\"global_message\":\"This field must contain a valid email\"}},\"message\":{\"required\":{\"value\":true,\"message\":\"Message field is required\",\"global\":false,\"global_message\":\"This field is required\"}},\"file-upload_1\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true},\"max_file_size\":{\"value\":209715200,\"_valueFrom\":\"MB\",\"message\":\"Validation fails for maximum file size\",\"global_message\":\"Validation fails for maximum file size\",\"global\":true},\"max_file_count\":{\"value\":\"10\",\"message\":\"Validation fails for maximum file count\",\"global_message\":\"Validation fails for maximum file count\",\"global\":true},\"allowed_file_types\":{\"value\":[\"jpg|jpeg|gif|png|bmp\",\"mp3|wav|ogg|oga|wma|mka|m4a|ra|mid|midi|mpga\",\"avi|divx|flv|mov|ogv|mkv|mp4|m4v|divx|mpg|mpeg|mpe|video\\\/quicktime|qt\",\"pdf\",\"doc|ppt|pps|xls|mdb|docx|xlsx|pptx|odt|odp|ods|odg|odc|odb|odf|rtf|txt\",\"zip|gz|gzip|rar|7z\",\"exe\",\"csv\"],\"message\":\"Invalid file type\",\"global_message\":\"Invalid file type\",\"global\":true}}},\"debounce_time\":300};\n <\/script>\n \r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n \/\/ \u6253\u958b\u5f48\u7a97\r\n document.querySelectorAll('.wp-popup-trigger-btn').forEach(btn => {\r\n btn.addEventListener('click', function(e) {\r\n e.preventDefault(); \r\n const targetId = this.dataset.target;\r\n const modal = document.getElementById(targetId);\r\n if(modal) {\r\n modal.classList.add('is-visible');\r\n document.body.style.overflow = 'hidden'; \r\n }\r\n });\r\n });\r\n\r\n \/\/ \u95dc\u9589\u908f\u8f2f\r\n function closeModal(modal) {\r\n if(!modal) return;\r\n modal.classList.remove('is-visible');\r\n document.body.style.overflow = ''; \r\n }\r\n\r\n document.querySelectorAll('.wp-close-trigger').forEach(btn => {\r\n btn.addEventListener('click', function() {\r\n closeModal(this.closest('.wp-custom-modal-overlay'));\r\n });\r\n });\r\n\r\n document.querySelectorAll('.wp-custom-modal-overlay').forEach(overlay => {\r\n overlay.addEventListener('click', function(e) {\r\n if (e.target === this) closeModal(this);\r\n });\r\n });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-77530ff e-con-full e-flex e-con e-parent\" data-id=\"77530ff\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b10308 elementor-widget elementor-widget-html\" data-id=\"7b10308\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"zh-CN\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>WordPress \u52a8\u6001\u4fe1\u4efb\u6761\u5e45<\/title>\r\n<style>\r\n \/* =========== WordPress \u9002\u914d CSS =========== *\/\r\n\r\n :root {\r\n --icon-color: #0097A7; \/* \u56fe\u6807\u989c\u8272\uff1a#0097A7 *\/\r\n --text-color: #000000; \/* \u6587\u5b57\u989c\u8272\uff1a\u9ed1\u8272 *\/\r\n }\r\n\r\n \/* \u5bb9\u5668\u6837\u5f0f *\/\r\n .trust-bar-container {\r\n width: 100%;\r\n position: relative;\r\n overflow: hidden;\r\n \/* \u6838\u5fc3\u8981\u6c42\uff1a\u80cc\u666f\u5b8c\u5168\u900f\u660e\uff0c\u65e0\u4efb\u4f55\u5e95\u8272 *\/\r\n background: transparent;\r\n \/* \u53ea\u4fdd\u7559\u5c11\u91cf\u4e0a\u4e0b\u95f4\u8ddd\uff0c\u8ba9\u5b83\u81ea\u7136\u878d\u5165\u9875\u9762 *\/\r\n padding: 20px 0;\r\n box-sizing: border-box;\r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\r\n }\r\n\r\n \/* \u5f39\u6027\u5e03\u5c40\u5bb9\u5668 - \u7535\u8111\u7aef *\/\r\n .trust-bar-grid {\r\n display: flex;\r\n flex-wrap: nowrap; \r\n justify-content: space-between; \/* \u9879\u76ee\u4e24\u7aef\u5bf9\u9f50\uff0c\u81ea\u52a8\u5206\u914d\u95f4\u8ddd *\/\r\n align-items: flex-start; \/* \u9876\u90e8\u5bf9\u9f50 *\/\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n gap: 20px; \/* 5\u4e2a\u9879\u76ee\uff0c\u95f4\u8ddd\u4fdd\u6301\u9002\u4e2d *\/\r\n }\r\n\r\n \/* \u5355\u4e2a\u9879\u76ee\u6837\u5f0f *\/\r\n .trust-item {\r\n flex: 1; \r\n display: flex;\r\n flex-direction: row;\r\n align-items: center; \/* \u56fe\u6807\u548c\u7b2c\u4e00\u884c\u6587\u5b57\u5c45\u4e2d\u5bf9\u9f50 *\/\r\n justify-content: center; \r\n padding: 5px; \/* \u7d27\u51d1\u5185\u8fb9\u8ddd *\/\r\n border-radius: 8px;\r\n white-space: normal; \/* \u5141\u8bb8\u6587\u5b57\u81ea\u7136\u6362\u884c *\/\r\n \r\n \/* \u7eaf CSS \u52a8\u753b\u8bbe\u7f6e\uff1a\u4e0a\u6d6e\u6de1\u5165 *\/\r\n animation: fadeUp 0.8s ease-out both;\r\n }\r\n\r\n \/* \u9f20\u6807\u60ac\u505c\u6548\u679c - \u6781\u81f4\u7b80\u7ea6\u7248 *\/\r\n .trust-item:hover {\r\n background-color: transparent; \/* \u60ac\u505c\u4e5f\u4e0d\u663e\u793a\u80cc\u666f\u8272 *\/\r\n transform: translateY(-5px); \/* \u4ec5\u4fdd\u7559\u4e0a\u6d6e\u52a8\u6548 *\/\r\n }\r\n\r\n \/* \u56fe\u6807\u5bb9\u5668 *\/\r\n .trust-icon {\r\n flex-shrink: 0;\r\n width: 26px; \/* \u4fdd\u6301\u7cbe\u81f4\u5c3a\u5bf8 *\/\r\n height: 26px;\r\n margin-right: 12px;\r\n color: var(--icon-color);\r\n transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n }\r\n\r\n \/* \u60ac\u505c\u65f6\u56fe\u6807\u7684\u52a8\u6001\u6548\u679c *\/\r\n .trust-item:hover .trust-icon {\r\n transform: rotate(15deg) scale(1.1);\r\n }\r\n\r\n \/* SVG \u56fe\u6807\u6837\u5f0f *\/\r\n .trust-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: currentColor;\r\n }\r\n\r\n \/* \u6587\u5b57\u6837\u5f0f *\/\r\n .trust-text {\r\n font-size: 13px; \/* \u5b57\u4f53\u5927\u5c0f\u9002\u914d *\/\r\n line-height: 1.4;\r\n font-weight: 600;\r\n color: var(--text-color); \/* \u9ed1\u8272\u6587\u5b57 *\/\r\n text-align: left;\r\n }\r\n\r\n \/* === \u54cd\u5e94\u5f0f\u9002\u914d === *\/\r\n\r\n \/* \u5e73\u677f\u7aef (1024px \u4ee5\u4e0b) *\/\r\n @media (max-width: 1024px) {\r\n .trust-bar-grid {\r\n flex-wrap: wrap; \r\n justify-content: center;\r\n }\r\n \r\n .trust-item {\r\n flex: 1 1 45%; \/* \u5e73\u677f\u663e\u793a\u4e24\u5217 *\/\r\n justify-content: flex-start;\r\n margin-bottom: 15px;\r\n }\r\n }\r\n\r\n \/* \u624b\u673a\u7aef (768px \u4ee5\u4e0b) *\/\r\n @media (max-width: 768px) {\r\n .trust-bar-container {\r\n padding: 10px 0;\r\n }\r\n\r\n .trust-bar-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr; \/* \u4fdd\u6301\u53cc\u5217\u5e03\u5c40 *\/\r\n gap: 8px; \/* \u4fdd\u6301\u60a8\u559c\u6b22\u7684\u7d27\u51d1\u95f4\u8ddd *\/\r\n }\r\n \r\n .trust-item {\r\n flex: unset;\r\n width: auto;\r\n justify-content: flex-start;\r\n padding: 0; \r\n align-items: flex-start; \r\n margin-bottom: 0;\r\n }\r\n\r\n .trust-icon {\r\n width: 22px; \r\n height: 22px;\r\n margin-right: 8px;\r\n margin-top: 2px; \r\n }\r\n \r\n .trust-text {\r\n font-size: 12px; \r\n }\r\n }\r\n\r\n \/* \u5c0f\u5c4f\u624b\u673a (480px \u4ee5\u4e0b) *\/\r\n @media (max-width: 480px) {\r\n .trust-bar-grid {\r\n grid-template-columns: 1fr 1fr; \/* \u4f9d\u7136\u4fdd\u6301\u53cc\u5217 *\/\r\n }\r\n }\r\n\r\n \/* \u5b9a\u4e49\u5165\u573a\u52a8\u753b *\/\r\n @keyframes fadeUp {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \r\n START: \u590d\u5236\u8fd9\u90e8\u5206 HTML \u4ee3\u7801\u5230\u60a8\u7684 WordPress \r\n-->\r\n<div class=\"trust-bar-container\" id=\"trustBar\">\r\n <div class=\"trust-bar-grid\">\r\n \r\n <!-- Item 1 -->\r\n <div class=\"trust-item\" style=\"animation-delay: 0.1s;\">\r\n <div class=\"trust-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"trust-text\">\r\n Certified CNC<br>Quality\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Item 2 -->\r\n <div class=\"trust-item\" style=\"animation-delay: 0.2s;\">\r\n <div class=\"trust-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"trust-text\">\r\n Automated 5-Axis<br>Machining\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Item 3 -->\r\n <div class=\"trust-item\" style=\"animation-delay: 0.3s;\">\r\n <div class=\"trust-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"trust-text\">\r\n Ultra-Tight<br>Tolerances\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Item 4 -->\r\n <div class=\"trust-item\" style=\"animation-delay: 0.4s;\">\r\n <div class=\"trust-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"trust-text\">\r\n Robotic Production<br>Consistency\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Item 5 -->\r\n <div class=\"trust-item\" style=\"animation-delay: 0.5s;\">\r\n <div class=\"trust-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"trust-text\">\r\n Inspection + Finishing<br>Services\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-43bc695 e-flex e-con-boxed e-con e-parent\" data-id=\"43bc695\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4103fae elementor-widget elementor-widget-html\" data-id=\"4103fae\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"zh-CN\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>DakingsRapid Automation Section - Clean Image<\/title>\r\n<style>\r\n \/* * DakingsRapid \u6837\u5f0f\u8868 \r\n * \u9002\u914d\u56fe\u7247\u5c3a\u5bf8: 1024 x 559 pixels\r\n * \u7d27\u51d1\u7248\u5e03\u5c40\uff1a\u6700\u5c0f\u5316\u95f4\u8ddd\r\n *\/\r\n \r\n :root {\r\n --dakings-primary: #009FB2; \/* \u54c1\u724c\u8272 *\/\r\n --dakings-dark: #009FB2;\r\n --dakings-gray: #666666;\r\n --dakings-light-bg: #F9FAFB;\r\n --dakings-white: #ffffff;\r\n }\r\n\r\n \/* \u57fa\u7840\u5bb9\u5668 *\/\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n background-color: #fff;\r\n }\r\n\r\n .dakings-wrapper {\r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n \/* \u6781\u5ea6\u51cf\u5c11\u4e0a\u4e0b\u5185\u8fb9\u8ddd *\/\r\n padding: 10px 20px;\r\n background-color: #fff;\r\n box-sizing: border-box;\r\n }\r\n\r\n .dakings-wrapper * {\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* \u6807\u9898\u533a\u57df *\/\r\n .dakings-header {\r\n text-align: center;\r\n \/* \u51cf\u5c11\u6807\u9898\u533a\u57df\u5e95\u90e8\u95f4\u8ddd *\/\r\n margin-bottom: 15px;\r\n max-width: 900px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .dakings-header h2 {\r\n font-size: 2.5rem;\r\n color: var(--dakings-dark);\r\n \/* \u51cf\u5c11\u4e3b\u6807\u9898\u548c\u526f\u6807\u9898\u95f4\u8ddd *\/\r\n margin-bottom: 10px;\r\n font-weight: 700;\r\n line-height: 1.2;\r\n }\r\n\r\n .dakings-header p {\r\n font-size: 1.1rem;\r\n color: var(--dakings-gray);\r\n line-height: 1.6;\r\n margin: 0;\r\n }\r\n\r\n \/* \u5185\u5bb9\u533a\u57df\u5bb9\u5668 *\/\r\n .dakings-content-box {\r\n background-color: var(--dakings-light-bg);\r\n border-radius: 16px;\r\n \/* \u51cf\u5c11\u5185\u5bb9\u6846\u5185\u90e8\u95f4\u8ddd *\/\r\n padding: 25px;\r\n display: flex;\r\n flex-wrap: wrap; \/* \u5141\u8bb8\u6362\u884c *\/\r\n align-items: center; \/* \u5782\u76f4\u5c45\u4e2d *\/\r\n justify-content: space-between;\r\n gap: 30px; \/* \u7a0d\u5fae\u51cf\u5c11\u5143\u7d20\u95f4\u9699 *\/\r\n position: relative;\r\n }\r\n\r\n \/* \u5de6\u4fa7\u5217\u8868\u533a\u57df *\/\r\n .dakings-features-list {\r\n flex: 1; \/* \u5360\u7528 1 \u4efd\u7a7a\u95f4 *\/\r\n min-width: 320px; \/* \u4fdd\u8bc1\u6587\u5b57\u533a\u57df\u6700\u5c0f\u5bbd\u5ea6 *\/\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px; \/* \u51cf\u5c11\u5361\u7247\u95f4\u8ddd *\/\r\n z-index: 2; \/* \u786e\u4fdd\u6587\u5b57\u5c42\u7ea7\u5728\u56fe\u7247\u4e4b\u4e0a\uff08\u5982\u679c\u53d1\u751f\u91cd\u53e0\uff09 *\/\r\n }\r\n\r\n \/* \u529f\u80fd\u5361\u7247\u6837\u5f0f *\/\r\n .dakings-card {\r\n background: var(--dakings-white);\r\n padding: 20px 25px; \/* \u7a0d\u5fae\u51cf\u5c11\u5361\u7247\u5185\u8fb9\u8ddd *\/\r\n border-radius: 12px;\r\n box-shadow: 0 4px 6px rgba(0,0,0,0.02);\r\n border: 1px solid transparent;\r\n border-left: 4px solid transparent;\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n position: relative;\r\n }\r\n\r\n .dakings-card:hover, .dakings-card.active {\r\n background: #fff;\r\n border-color: rgba(0, 151, 167, 0.1);\r\n border-left-color: var(--dakings-primary);\r\n box-shadow: 0 15px 30px rgba(0, 151, 167, 0.08);\r\n transform: translateX(5px);\r\n }\r\n\r\n .dakings-card h3 {\r\n color: var(--dakings-primary);\r\n margin: 0 0 6px 0;\r\n font-size: 1.3rem;\r\n font-weight: 700;\r\n }\r\n \r\n .dakings-card p {\r\n color: var(--dakings-gray);\r\n margin: 0;\r\n font-size: 0.95rem;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* \u53f3\u4fa7\u56fe\u7247\u533a\u57df *\/\r\n .dakings-image-area {\r\n flex: 1.3; \/* \u7ed9\u56fe\u7247\u533a\u57df\u7a0d\u5fae\u591a\u4e00\u70b9\u7684\u7a7a\u95f4\uff0c\u9002\u5e94\u5bbd\u56fe *\/\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n position: relative;\r\n \/* \u53d6\u6d88\u56fa\u5b9a\u9ad8\u5ea6\uff0c\u8ba9\u5185\u5bb9\u6491\u5f00\uff0c\u907f\u514d\u7559\u767d *\/\r\n min-height: auto; \r\n }\r\n\r\n .dakings-image-area img {\r\n width: 100%;\r\n \/* * \u7535\u8111\u7aef\u9650\u5236\uff1a\r\n * \u539f\u56fe\u662f1024\u5bbd\uff0c\u8fd9\u91cc\u9650\u5236\u6700\u5927\u663e\u793a\u5bbd\u5ea6\u4e3a 750px\uff0c\r\n * \u65e2\u4fdd\u8bc1\u6e05\u6670\u5ea6\uff0c\u53c8\u4e0d\u4f1a\u8ba9\u56fe\u7247\u5728\u8d85\u5927\u5c4f\u5e55\u4e0a\u663e\u5f97\u8fc7\u5927\u3002\r\n *\/\r\n max-width: 750px; \r\n \r\n \/* \u6838\u5fc3\uff1a\u4fdd\u6301\u5bbd\u9ad8\u6bd4 *\/\r\n height: auto; \r\n \r\n display: block;\r\n transition: transform 0.5s ease;\r\n object-fit: contain;\r\n \r\n \/* \u53ef\u9009\uff1a\u7ed9\u56fe\u7247\u52a0\u4e00\u70b9\u5706\u89d2\u8ba9\u5b83\u770b\u8d77\u6765\u66f4\u73b0\u4ee3 *\/\r\n border-radius: 8px; \r\n }\r\n \r\n \/* \u6d6e\u52a8\u52a8\u753b *\/\r\n @keyframes floatImg {\r\n 0% { transform: translateY(0px); }\r\n 50% { transform: translateY(-10px); }\r\n 100% { transform: translateY(0px); }\r\n }\r\n .dakings-image-area img {\r\n animation: floatImg 6s ease-in-out infinite;\r\n }\r\n\r\n \/* \u5e95\u90e8\u6309\u94ae *\/\r\n .dakings-footer {\r\n text-align: center;\r\n \/* \u51cf\u5c11\u5e95\u90e8\u533a\u57df\u4e0a\u65b9\u95f4\u8ddd *\/\r\n margin-top: 15px;\r\n }\r\n\r\n .dakings-btn {\r\n display: inline-block;\r\n background-color: var(--dakings-primary);\r\n color: white;\r\n padding: 16px 48px;\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n border-radius: 4px;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 15px rgba(0, 151, 167, 0.3);\r\n }\r\n\r\n .dakings-btn:hover {\r\n background-color: #007c8a;\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 20px rgba(0, 151, 167, 0.4);\r\n }\r\n\r\n \/* =========================================\r\n \u54cd\u5e94\u5f0f\u9002\u914d (Mobile & Tablet)\r\n ========================================= *\/\r\n @media (max-width: 900px) {\r\n .dakings-header h2 {\r\n font-size: 2rem;\r\n }\r\n\r\n .dakings-content-box {\r\n \/* \u624b\u673a\u7aef\u5e03\u5c40\uff1a\u56fe\u7247\u5728\u4e0a\uff0c\u6587\u5b57\u5728\u4e0b *\/\r\n flex-direction: column-reverse; \r\n \/* \u624b\u673a\u7aef\u4e5f\u4fdd\u6301\u7d27\u51d1 *\/\r\n padding: 20px 15px;\r\n gap: 20px;\r\n \/* \u624b\u673a\u7aef\u5bf9\u5176\u65b9\u5f0f\u6539\u4e3a\u9876\u90e8\u5bf9\u9f50 *\/\r\n align-items: stretch;\r\n }\r\n \r\n .dakings-features-list {\r\n width: 100%;\r\n min-width: auto;\r\n }\r\n\r\n .dakings-image-area {\r\n width: 100%;\r\n flex: none; \/* \u53d6\u6d88flex\u6bd4\u4f8b\uff0c\u8ba9\u5176\u81ea\u7136\u5360\u636e *\/\r\n margin-bottom: 10px;\r\n \/* \u786e\u4fdd\u5bb9\u5668\u6ca1\u6709\u591a\u4f59\u7684\u9ad8\u5ea6 *\/\r\n min-height: auto; \r\n }\r\n\r\n .dakings-image-area img {\r\n \/* \u624b\u673a\u7aef\u8ba9\u56fe\u7247\u5360\u6ee1\u5bb9\u5668\u5bbd\u5ea6 *\/\r\n max-width: 100%; \r\n margin: 0 auto;\r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"dakings-wrapper\">\r\n \r\n <!-- \u6807\u9898 -->\r\n <div class=\"dakings-header\">\r\n <h2>One Stop for Your Automation Project Needs<\/h2>\r\n <p>Automation products enhances productivity, lowers costs, and strengthens safety, precision, and eco-friendly practices to boost profits.<\/p>\r\n <\/div>\r\n\r\n <!-- \u6838\u5fc3\u5185\u5bb9 -->\r\n <div class=\"dakings-content-box\">\r\n \r\n <!-- \u5de6\u4fa7\u6587\u5b57\u5217\u8868 -->\r\n <div class=\"dakings-features-list\">\r\n \r\n <!-- \u5361\u7247 1 -->\r\n <div class=\"dakings-card\" onmouseenter=\"activatePart(1)\" onmouseleave=\"resetParts()\">\r\n <h3>Custom Precision parts<\/h3>\r\n <p>Fully custom components engineered to exact specifications. (Precision parts)<\/p>\r\n <\/div>\r\n\r\n <!-- \u5361\u7247 2 -->\r\n <div class=\"dakings-card\" onmouseenter=\"activatePart(2)\" onmouseleave=\"resetParts()\">\r\n <h3>Semi-standard parts<\/h3>\r\n <p>Standard base models with customizable adjustment to meet project-specific demands.<\/p>\r\n <\/div>\r\n\r\n <!-- \u5361\u7247 3 -->\r\n <div class=\"dakings-card\" onmouseenter=\"activatePart(3)\" onmouseleave=\"resetParts()\">\r\n <h3>Standard parts<\/h3>\r\n <p>Ready-to-use components with standard specs. (Standard parts)<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u53f3\u4fa7\u56fe\u7247 -->\r\n <div class=\"dakings-image-area\">\r\n <!-- \r\n Image Aspect Ratio: 1024 x 559 \r\n \u5df2\u9002\u914d\r\n -->\r\n <img decoding=\"async\" src=\"https:\/\/www.dakingsrapid.com\/wp-content\/uploads\/2026\/01\/13412142856463214.jpeg\" alt=\"Robotic Arm Automation\" id=\"robot-img\" loading=\"lazy\" title=\"\">\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- \u6309\u94ae -->\r\n <div class=\"dakings-footer\">\r\n <a href=\"https:\/\/www.dakingsrapid.com\/cnc-machine-tools-can-process-quotations-quickly\/\" class=\"dakings-btn\">Talk to Our Team<\/a>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n function activatePart(index) {\r\n \/\/ \u6e05\u9664\u6240\u6709\u5361\u7247\u7684\u6fc0\u6d3b\u72b6\u6001\r\n document.querySelectorAll('.dakings-card').forEach(el => el.classList.remove('active'));\r\n \r\n \/\/ \u6fc0\u6d3b\u5f53\u524d\u5361\u7247\r\n const cards = document.querySelectorAll('.dakings-card');\r\n if(cards[index-1]) cards[index-1].classList.add('active');\r\n }\r\n\r\n function resetParts() {\r\n document.querySelectorAll('.dakings-card').forEach(el => el.classList.remove('active'));\r\n }\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3d4eed5 e-flex e-con-boxed e-con e-parent\" data-id=\"3d4eed5\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b4ced9 elementor-widget elementor-widget-html\" data-id=\"0b4ced9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"zh-CN\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Stage-Specific Automation Solutions<\/title>\r\n<style>\r\n \/* * \u6838\u5fc3\u6837\u5f0f\u8868 \r\n * \u4f18\u5316\u70b9\uff1a\r\n * 1. \u9690\u85cf\u4e86\u79fb\u52a8\u7aef\u6a2a\u5411\u6eda\u52a8\u6761\uff0c\u89c6\u89c9\u66f4\u7b80\u6d01\r\n * 2. \u589e\u5f3a\u4e86\u6309\u94ae\u7684\u53ef\u70b9\u51fb\u533a\u57df\u548c\u4ea4\u4e92\u611f\r\n *\/\r\n \r\n :root {\r\n --dk-primary: #009FB2;\r\n --dk-primary-light: #E0F7FA;\r\n --dk-text-dark: #009FB2;\r\n --dk-text-gray: #666666;\r\n --dk-border: #E0E0E0;\r\n --dk-bg: #FFFFFF;\r\n }\r\n\r\n .dk-wrapper {\r\n font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 40px 20px;\r\n background: var(--dk-bg);\r\n box-sizing: border-box;\r\n }\r\n\r\n .dk-wrapper * {\r\n box-sizing: border-box;\r\n }\r\n\r\n .dk-header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .dk-title {\r\n font-size: 32px;\r\n font-weight: 700;\r\n color: var(--dk-text-dark);\r\n margin-bottom: 15px;\r\n line-height: 1.3;\r\n }\r\n\r\n .dk-subtitle {\r\n font-size: 16px;\r\n color: var(--dk-text-gray);\r\n max-width: 800px;\r\n margin: 0 auto;\r\n line-height: 1.6;\r\n }\r\n\r\n .dk-main {\r\n display: flex;\r\n gap: 40px;\r\n min-height: 600px;\r\n }\r\n\r\n \/* \u5de6\u4fa7\u65f6\u95f4\u8f74\u5bfc\u822a *\/\r\n .dk-sidebar {\r\n width: 200px;\r\n flex-shrink: 0;\r\n position: relative;\r\n padding: 20px 0;\r\n }\r\n\r\n .dk-timeline-bg {\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n bottom: 0;\r\n width: 4px;\r\n background-color: #F0F0F0;\r\n border-radius: 4px;\r\n }\r\n\r\n .dk-timeline-progress {\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n width: 4px;\r\n background-color: var(--dk-primary);\r\n border-radius: 4px;\r\n transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1), top 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n height: 33.33%; \r\n }\r\n\r\n .dk-stage-nav {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n height: 100%;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .dk-nav-item {\r\n text-align: right;\r\n padding-right: 30px;\r\n cursor: pointer;\r\n position: relative;\r\n color: #CCCCCC;\r\n font-weight: 600;\r\n font-size: 16px;\r\n transition: all 0.3s ease;\r\n height: 33.33%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-end;\r\n user-select: none; \/* \u9632\u6b62\u53cc\u51fb\u9009\u4e2d\u6587\u672c *\/\r\n -webkit-tap-highlight-color: transparent; \/* \u79fb\u9664\u79fb\u52a8\u7aef\u70b9\u51fb\u9ad8\u4eae *\/\r\n }\r\n\r\n .dk-nav-item:hover {\r\n color: #999;\r\n }\r\n\r\n .dk-nav-item.active {\r\n color: var(--dk-primary);\r\n }\r\n\r\n .dk-nav-item::after {\r\n content: '';\r\n position: absolute;\r\n right: -6px;\r\n width: 16px;\r\n height: 16px;\r\n background-color: #fff;\r\n border: 3px solid #E0E0E0;\r\n border-radius: 50%;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 0 0 2px #fff; \/* \u589e\u52a0\u4e00\u70b9\u767d\u8272\u5916\u5708\u9632\u6b62\u65ad\u88c2\u611f *\/\r\n }\r\n\r\n .dk-nav-item.active::after {\r\n border-color: var(--dk-primary);\r\n background-color: var(--dk-primary);\r\n transform: scale(1.2);\r\n box-shadow: 0 0 10px rgba(0, 151, 167, 0.3);\r\n }\r\n\r\n .dk-content-area {\r\n flex-grow: 1;\r\n position: relative;\r\n }\r\n\r\n .dk-tab-content {\r\n display: none;\r\n animation: dkFadeIn 0.5s ease forwards;\r\n }\r\n\r\n .dk-tab-content.active {\r\n display: block;\r\n }\r\n\r\n @keyframes dkFadeIn {\r\n from { opacity: 0; transform: translateY(10px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .dk-phase-tag {\r\n display: inline-block;\r\n background-color: var(--dk-primary-light);\r\n color: var(--dk-primary);\r\n padding: 8px 16px;\r\n font-weight: 700;\r\n border-radius: 4px;\r\n margin-bottom: 20px;\r\n font-size: 18px;\r\n }\r\n\r\n .dk-top-section {\r\n display: flex;\r\n gap: 30px;\r\n margin-bottom: 40px;\r\n align-items: flex-start;\r\n }\r\n\r\n .dk-desc-text {\r\n flex: 1;\r\n font-size: 16px;\r\n line-height: 1.8;\r\n color: var(--dk-text-gray);\r\n }\r\n\r\n .dk-image-box {\r\n flex: 1;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n background: #f5f5f5; \/* \u56fe\u7247\u52a0\u8f7d\u524d\u7684\u80cc\u666f\u8272 *\/\r\n }\r\n\r\n .dk-image-box img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n object-fit: cover;\r\n aspect-ratio: 16\/9; \r\n }\r\n\r\n .dk-features-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 40px;\r\n }\r\n\r\n .dk-feature-col h3 {\r\n font-size: 20px;\r\n color: var(--dk-text-dark);\r\n margin-bottom: 20px;\r\n font-weight: 700;\r\n }\r\n\r\n .dk-feature-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n .dk-feature-item {\r\n display: flex;\r\n gap: 15px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .dk-icon {\r\n width: 20px;\r\n height: 20px;\r\n background-color: var(--dk-primary);\r\n border-radius: 50%;\r\n flex-shrink: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-top: 4px;\r\n }\r\n\r\n .dk-icon svg {\r\n width: 12px;\r\n height: 12px;\r\n fill: #fff;\r\n }\r\n\r\n .dk-feature-text h4 {\r\n margin: 0 0 5px 0;\r\n font-size: 16px;\r\n color: var(--dk-text-dark);\r\n font-weight: 600;\r\n }\r\n\r\n .dk-feature-text p {\r\n margin: 0;\r\n font-size: 14px;\r\n color: var(--dk-text-gray);\r\n line-height: 1.5;\r\n }\r\n\r\n .dk-cta-btn {\r\n display: inline-block;\r\n background-color: var(--dk-primary);\r\n color: #fff;\r\n padding: 12px 30px;\r\n border-radius: 4px;\r\n text-decoration: none !important;\r\n border-bottom: none !important;\r\n box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;\r\n font-weight: 600;\r\n margin-top: 30px;\r\n transition: all 0.3s;\r\n }\r\n\r\n .dk-cta-btn:hover {\r\n background-color: #007c8a;\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important;\r\n color: #fff;\r\n }\r\n\r\n \/* ========== \u79fb\u52a8\u7aef\u9002\u914d ========== *\/\r\n @media (max-width: 768px) {\r\n .dk-wrapper {\r\n padding: 20px 15px;\r\n }\r\n\r\n .dk-main {\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .dk-sidebar {\r\n width: 100%;\r\n padding: 0;\r\n margin-bottom: 10px;\r\n border-bottom: 1px solid #f0f0f0;\r\n }\r\n\r\n .dk-timeline-bg, .dk-timeline-progress {\r\n display: none;\r\n }\r\n\r\n .dk-stage-nav {\r\n flex-direction: row;\r\n height: auto;\r\n overflow-x: auto;\r\n padding-bottom: 0;\r\n \/* \u9690\u85cf\u6eda\u52a8\u6761\u4f46\u4fdd\u7559\u6eda\u52a8\u529f\u80fd *\/\r\n scrollbar-width: none; \/* Firefox *\/\r\n -ms-overflow-style: none; \/* IE\/Edge *\/\r\n }\r\n \r\n .dk-stage-nav::-webkit-scrollbar {\r\n display: none; \/* Chrome\/Safari *\/\r\n }\r\n\r\n .dk-nav-item {\r\n padding: 12px 15px;\r\n text-align: center;\r\n flex: 0 0 auto; \/* \u9632\u6b62\u6324\u538b *\/\r\n justify-content: center;\r\n white-space: nowrap;\r\n border-bottom: 3px solid transparent;\r\n height: auto;\r\n font-size: 15px;\r\n }\r\n\r\n .dk-nav-item::after {\r\n display: none;\r\n }\r\n\r\n .dk-nav-item.active {\r\n color: var(--dk-primary);\r\n border-bottom: 3px solid var(--dk-primary);\r\n }\r\n\r\n .dk-top-section {\r\n flex-direction: column-reverse;\r\n gap: 20px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .dk-features-grid {\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n }\r\n\r\n .dk-title {\r\n font-size: 24px;\r\n }\r\n \r\n .dk-subtitle {\r\n font-size: 14px;\r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"dk-wrapper\">\r\n \r\n <div class=\"dk-header\">\r\n <h2 class=\"dk-title\">Stage-Specific Automation Solutions<\/h2>\r\n <p class=\"dk-subtitle\">\r\n Our solutions align with every project phase\u2014initial, mid, and final\u2014addressing stage-specific challenges to ensure precision parts meet your specs, quality, and budget.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"dk-main\">\r\n \r\n <!-- \u5de6\u4fa7\u5bfc\u822a -->\r\n <div class=\"dk-sidebar\">\r\n <div class=\"dk-timeline-bg\"><\/div>\r\n <div class=\"dk-timeline-progress\" id=\"dkProgressBar\"><\/div>\r\n <div class=\"dk-stage-nav\">\r\n <!-- \u6ce8\u610f\uff1a\u5c06 onclick \u51fd\u6570\u6539\u540d\uff0c\u9632\u6b62 WordPress \u63d2\u4ef6\u51b2\u7a81 -->\r\n <!-- \u6dfb\u52a0 tabindex \u548c role \u589e\u5f3a\u65e0\u969c\u788d\u8bbf\u95ee -->\r\n <div class=\"dk-nav-item active\" onclick=\"dkSwitchTab(0)\" role=\"button\" tabindex=\"0\">Initial Phase<\/div>\r\n <div class=\"dk-nav-item\" onclick=\"dkSwitchTab(1)\" role=\"button\" tabindex=\"0\">Mid-Phase<\/div>\r\n <div class=\"dk-nav-item\" onclick=\"dkSwitchTab(2)\" role=\"button\" tabindex=\"0\">Final Phase<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u53f3\u4fa7\u5185\u5bb9 -->\r\n <div class=\"dk-content-area\">\r\n \r\n <!-- Content 1: Initial Phase -->\r\n <div class=\"dk-tab-content active\" id=\"dk-content-0\">\r\n <div class=\"dk-top-section\">\r\n <div class=\"dk-desc-text\">\r\n <span class=\"dk-phase-tag\">Design and Sourcing Support<\/span>\r\n <p>In early automation projects, ambiguous designs, unclear specs, unpredictable costs and supplier doubts make it hard to control cost, timeline, and quality.<\/p>\r\n <\/div>\r\n <div class=\"dk-image-box\">\r\n <img decoding=\"async\" src=\"https:\/\/www.dakingsrapid.com\/wp-content\/uploads\/2026\/01\/13412143849413739.jpeg\" alt=\"Design Phase Engineers\" title=\"\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dk-features-grid\">\r\n <div class=\"dk-feature-col\">\r\n <h3>Expert Support<\/h3>\r\n <ul class=\"dk-feature-list\">\r\n <li class=\"dk-feature-item\">\r\n <div class=\"dk-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg><\/div>\r\n <div class=\"dk-feature-text\">\r\n <h4>DFM feedback & optimization<\/h4>\r\n <p>Expert advice for efficient, manufacturable design improvements.<\/p>\r\n <\/div>\r\n <\/li>\r\n <li class=\"dk-feature-item\">\r\n <div class=\"dk-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg><\/div>\r\n <div class=\"dk-feature-text\">\r\n <h4>Procurement list planning<\/h4>\r\n <p>Expert guidance to choose the best standard components and coordinate bulk procurement.<\/p>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"dk-feature-col\">\r\n <h3> <\/h3> \r\n <ul class=\"dk-feature-list\">\r\n <li class=\"dk-feature-item\">\r\n <div class=\"dk-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg><\/div>\r\n <div class=\"dk-feature-text\">\r\n <h4>Accurate lead time estimates<\/h4>\r\n <p>Reliable timelines with real-time updates via our online platform.<\/p>\r\n <\/div>\r\n <\/li>\r\n <li class=\"dk-feature-item\">\r\n <div class=\"dk-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg><\/div>\r\n <div class=\"dk-feature-text\">\r\n <h4>Integrated cost management<\/h4>\r\n <p>Get instant quotes and flexible pricing to validate designs early and control project costs.<\/p>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Content 2: Mid-Phase -->\r\n <div class=\"dk-tab-content\" id=\"dk-content-1\">\r\n <div class=\"dk-top-section\">\r\n <div class=\"dk-desc-text\">\r\n <span class=\"dk-phase-tag\">Design Optimization & Assembly Support<\/span>\r\n <p>In the mid stage of automation projects, extended custom part lead times, inconsistent quality risks, unplanned design changes, and hurdles threaten timelines.<\/p>\r\n <\/div>\r\n <div class=\"dk-image-box\">\r\n <img decoding=\"async\" src=\"https:\/\/www.dakingsrapid.com\/wp-content\/uploads\/2026\/01\/13412143750966428.jpeg\" alt=\"Mid Phase Factory\" title=\"\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dk-features-grid\">\r\n <div class=\"dk-feature-col\">\r\n <h3>Expert Support<\/h3>\r\n <ul class=\"dk-feature-list\">\r\n <li class=\"dk-feature-item\">\r\n <div class=\"dk-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg><\/div>\r\n <div class=\"dk-feature-text\">\r\n <h4>Real-time production tracking<\/h4>\r\n <p>Monitor order status 24\/7 via online platform or dedicated support.<\/p>\r\n <\/div>\r\n <\/li>\r\n <li class=\"dk-feature-item\">\r\n <div class=\"dk-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg><\/div>\r\n <div class=\"dk-feature-text\">\r\n <h4>Strict quality control system<\/h4>\r\n <p>Multi-step inspections ensure top quality; fast response for any issues.<\/p>\r\n <\/div>\r\n <\/li>\r\n <li class=\"dk-feature-item\">\r\n <div class=\"dk-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg><\/div>\r\n <div class=\"dk-feature-text\">\r\n <h4>Rapid design change support<\/h4>\r\n <p>Fast design updates with optimized production scheduling\u2014no extra cost, no delays.<\/p>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"dk-feature-col\">\r\n <h3>Manufacturing Capabilities<\/h3>\r\n <ul class=\"dk-feature-list\">\r\n <li class=\"dk-feature-item\">\r\n <div class=\"dk-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg><\/div>\r\n <div class=\"dk-feature-text\">\r\n <h4>Precision on-demand manufacturing<\/h4>\r\n <p>\u00b10.01mm tolerance for high-performance automation components.<\/p>\r\n <\/div>\r\n <\/li>\r\n <li class=\"dk-feature-item\">\r\n <div class=\"dk-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg><\/div>\r\n <div class=\"dk-feature-text\">\r\n <h4>Assembly support<\/h4>\r\n <p>One-stop assembly guidance, pre-assembly options, and responsive after-sales help.<\/p>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Content 3: Final Phase -->\r\n <div class=\"dk-tab-content\" id=\"dk-content-2\">\r\n <div class=\"dk-top-section\">\r\n <div class=\"dk-desc-text\">\r\n <span class=\"dk-phase-tag\">Rapid Response to Urgent Needs<\/span>\r\n <p>In the final stage, execution gaps in procurement plans and unexpected part issues during installation can delay commissioning and impact delivery schedules.<\/p>\r\n <\/div>\r\n <div class=\"dk-image-box\">\r\n <img decoding=\"async\" src=\"https:\/\/www.dakingsrapid.com\/wp-content\/uploads\/2026\/01\/13412144195722506.jpeg\" alt=\"Final Phase Laptop\" title=\"\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dk-features-grid\">\r\n <div class=\"dk-feature-col\">\r\n <h3>Expert Support<\/h3>\r\n <ul class=\"dk-feature-list\">\r\n <li class=\"dk-feature-item\">\r\n <div class=\"dk-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg><\/div>\r\n <div class=\"dk-feature-text\">\r\n <h4>Accurate procurement execution<\/h4>\r\n <p>On-time purchasing supported by tracking and quick problem-solving.<\/p>\r\n <\/div>\r\n <\/li>\r\n <li class=\"dk-feature-item\">\r\n <div class=\"dk-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg><\/div>\r\n <div class=\"dk-feature-text\">\r\n <h4>Fast replacement for missing parts<\/h4>\r\n <p>Parts quickly sourced or made within 1-3 days.<\/p>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"dk-feature-col\">\r\n <h3> <\/h3>\r\n <ul class=\"dk-feature-list\">\r\n <li class=\"dk-feature-item\">\r\n <div class=\"dk-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg><\/div>\r\n <div class=\"dk-feature-text\">\r\n <h4>Responsive issue handling<\/h4>\r\n <p>Rapid part analysis and redesign to ensure fit, reliability, and performance.<\/p>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <a href=\"\/contact\" class=\"dk-cta-btn\">Contact Our Team<\/a>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n \/\/ \u5c06\u51fd\u6570\u540d\u6539\u4e3a dkSwitchTab\uff0c\u589e\u52a0\u552f\u4e00\u6027\u524d\u7f00\uff0c\u9632\u6b62\u4e0e WordPress \u5176\u4ed6\u63d2\u4ef6\u7684 'switchTab' \u51fd\u6570\u51b2\u7a81\r\n function dkSwitchTab(index) {\r\n const navItems = document.querySelectorAll('.dk-nav-item');\r\n const contents = document.querySelectorAll('.dk-tab-content');\r\n const progressBar = document.getElementById('dkProgressBar'); \/\/ ID \u4e5f\u6539\u540d\u4e86\r\n \r\n \/\/ \u79fb\u9664 active \u7c7b\r\n navItems.forEach(item => item.classList.remove('active'));\r\n contents.forEach(content => content.classList.remove('active'));\r\n\r\n \/\/ \u6fc0\u6d3b\u5f53\u524d\u9879\r\n if(navItems[index]) navItems[index].classList.add('active');\r\n \r\n const contentToActivate = document.getElementById('dk-content-' + index);\r\n if(contentToActivate) contentToActivate.classList.add('active');\r\n\r\n \/\/ \u79fb\u52a8\u8fdb\u5ea6\u6761 (\u4ec5\u684c\u9762\u7aef)\r\n if (window.innerWidth > 768 && progressBar) {\r\n if (index === 0) {\r\n progressBar.style.top = '0';\r\n progressBar.style.height = '33.33%';\r\n } else if (index === 1) {\r\n progressBar.style.top = '33.33%';\r\n progressBar.style.height = '33.34%'; \/\/ \u7a0d\u5fae\u8865\u4e00\u70b9\u7f1d\u9699\r\n } else {\r\n progressBar.style.top = '66.67%';\r\n progressBar.style.height = '33.33%';\r\n }\r\n } \r\n }\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cffd924 e-flex e-con-boxed e-con e-parent\" data-id=\"cffd924\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2fa6f28 elementor-widget elementor-widget-html\" data-id=\"2fa6f28\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"zh-CN\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>WordPress Automation Tabs (Mobile Aesthetic)<\/title>\r\n<style>\r\n \/* * \u4f5c\u7528\u57df\u9694\u79bb\uff1a\u6240\u6709\u6837\u5f0f\u9650\u5b9a\u5728 .wp-custom-container \u5185\r\n * \u9002\u914d\u6027\uff1a100% \u54cd\u5e94\u5f0f\uff0c\u9002\u914d\u684c\u9762\u3001\u5e73\u677f\u3001\u624b\u673a\r\n *\/\r\n \r\n .wp-custom-container {\r\n font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n max-width: 1200px;\r\n margin: 50px auto; \r\n padding: 0 20px;\r\n box-sizing: border-box;\r\n color: #333;\r\n font-size: 16px;\r\n width: 100%;\r\n -webkit-font-smoothing: antialiased; \r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n \/* \u7edf\u4e00\u76d2\u6a21\u578b *\/\r\n .wp-custom-container *,\r\n .wp-custom-container *::before,\r\n .wp-custom-container *::after {\r\n box-sizing: inherit;\r\n }\r\n\r\n \/* --- \u6807\u9898\u533a\u57df --- *\/\r\n .wp-section-title {\r\n text-align: center;\r\n font-size: 32px;\r\n font-weight: 700;\r\n margin: 0 0 40px 0;\r\n color: #000;\r\n line-height: 1.3;\r\n letter-spacing: -0.5px;\r\n }\r\n\r\n \/* --- \u5bfc\u822a Tabs --- *\/\r\n .wp-tabs-nav {\r\n display: flex;\r\n justify-content: center;\r\n gap: 15px;\r\n margin-bottom: 50px;\r\n flex-wrap: wrap;\r\n padding: 0;\r\n }\r\n\r\n .wp-tab-btn {\r\n background: #fff;\r\n border: 1px solid #e0e0e0;\r\n border-radius: 50px;\r\n padding: 12px 28px;\r\n font-size: 16px;\r\n font-weight: 500;\r\n color: #666;\r\n cursor: pointer;\r\n transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n outline: none;\r\n font-family: inherit;\r\n white-space: nowrap;\r\n -webkit-appearance: none;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n\r\n \/* \u60ac\u505c\u72b6\u6001 *\/\r\n .wp-tab-btn:hover {\r\n border-color: #0097A7;\r\n color: #0097A7;\r\n background-color: #F9FCFC;\r\n box-shadow: 0 2px 8px rgba(0, 151, 167, 0.1);\r\n }\r\n\r\n \/* \u6fc0\u6d3b\u72b6\u6001 *\/\r\n .wp-tab-btn.active {\r\n background-color: #0097A7;\r\n color: #fff;\r\n border-color: #0097A7;\r\n box-shadow: 0 6px 15px rgba(0, 151, 167, 0.35);\r\n transform: translateY(-1px);\r\n }\r\n \r\n .wp-tab-btn:active {\r\n transform: scale(0.98) translateY(0);\r\n box-shadow: 0 2px 5px rgba(0, 151, 167, 0.2);\r\n }\r\n\r\n \/* --- \u5185\u5bb9\u533a\u57df --- *\/\r\n .wp-tab-content {\r\n display: none;\r\n opacity: 0;\r\n transform: translateY(15px);\r\n transition: opacity 0.5s cubic-bezier(0.25, 1, 0.5, 1), transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);\r\n width: 100%;\r\n }\r\n\r\n .wp-tab-content.active {\r\n display: flex;\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n \/* \u5185\u5bb9\u7f51\u683c *\/\r\n .wp-content-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 60px;\r\n align-items: center;\r\n width: 100%;\r\n }\r\n\r\n \/* \u5de6\u4fa7\u6587\u672c (\u684c\u9762\u7aef) *\/\r\n .wp-text-col {\r\n padding-right: 10px;\r\n }\r\n\r\n .wp-text-col h3 {\r\n font-size: 26px;\r\n margin: 0 0 25px 0;\r\n color: #111;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n }\r\n\r\n .wp-text-col p {\r\n font-size: 16px;\r\n line-height: 1.7;\r\n color: #4a4a4a;\r\n margin: 0 0 20px 0;\r\n }\r\n\r\n \/* \u7279\u6027\u5217\u8868 (Tab 2) *\/\r\n .wp-feature-list {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 12px 20px;\r\n list-style: none !important;\r\n padding: 0;\r\n margin: 25px 0 0 0;\r\n }\r\n\r\n .wp-feature-list li {\r\n position: relative;\r\n padding-left: 20px;\r\n font-size: 15px;\r\n color: #555;\r\n margin: 0;\r\n line-height: 1.5;\r\n }\r\n\r\n .wp-feature-list li::before {\r\n content: \"\u2022\";\r\n color: #0097A7;\r\n font-weight: bold;\r\n position: absolute;\r\n left: 0;\r\n font-size: 20px;\r\n line-height: 1;\r\n top: 1px;\r\n }\r\n\r\n \/* \u5c0f\u6807\u9898\u9ad8\u4eae (Tab 3) *\/\r\n .highlight-text {\r\n color: #0097A7;\r\n font-weight: 700;\r\n font-size: 14px;\r\n display: block;\r\n margin-top: 25px;\r\n margin-bottom: 8px;\r\n letter-spacing: 0.5px;\r\n text-transform: uppercase;\r\n }\r\n\r\n \/* --- \u56fe\u7247\u533a\u57df --- *\/\r\n .wp-image-col {\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n }\r\n\r\n .img-box {\r\n background-color: #E8ECF2;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n display: block;\r\n width: 100%;\r\n aspect-ratio: 1024 \/ 559; \r\n box-shadow: 0 10px 30px rgba(0,0,0,0.06);\r\n }\r\n\r\n .img-box img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);\r\n }\r\n\r\n .img-box:hover img {\r\n transform: scale(1.04);\r\n }\r\n\r\n \/* --- \u79fb\u52a8\u7aef\u9002\u914d\u4e0e\u5ba1\u7f8e\u4f18\u5316 (Max Width 768px) --- *\/\r\n @media (max-width: 768px) {\r\n .wp-custom-container {\r\n margin: 30px auto;\r\n \/* \u589e\u5927\u5de6\u53f3\u7559\u767d\uff0c\u8ba9\u7248\u5f0f\u4e0d\u5c40\u4fc3 *\/\r\n padding: 0 25px; \r\n }\r\n\r\n .wp-section-title {\r\n font-size: 24px;\r\n margin-bottom: 25px;\r\n \/* \u624b\u673a\u6807\u9898\u884c\u9ad8\u7a0d\u5927\uff0c\u907f\u514d\u62e5\u6324 *\/\r\n line-height: 1.3; \r\n }\r\n\r\n .wp-tabs-nav {\r\n flex-wrap: nowrap;\r\n justify-content: flex-start;\r\n overflow-x: auto;\r\n -webkit-overflow-scrolling: touch;\r\n padding-bottom: 10px;\r\n margin-bottom: 30px;\r\n margin-left: -25px; \/* \u62b5\u6d88\u5bb9\u5668\u5185\u8fb9\u8ddd *\/\r\n margin-right: -25px;\r\n padding-left: 25px;\r\n padding-right: 25px;\r\n scrollbar-width: none;\r\n }\r\n .wp-tabs-nav::-webkit-scrollbar {\r\n display: none;\r\n }\r\n\r\n .wp-tab-btn {\r\n flex: 0 0 auto;\r\n font-size: 14px; \/* \u6309\u94ae\u5b57\u53f7\u5fae\u8c03 *\/\r\n padding: 9px 20px;\r\n }\r\n\r\n .wp-content-grid {\r\n grid-template-columns: 1fr;\r\n gap: 25px;\r\n }\r\n\r\n \/* \u624b\u673a\u7aef\u56fe\u7247\u5728\u6587\u5b57\u4e0a\u65b9 *\/\r\n .wp-image-col {\r\n order: -1; \r\n margin-bottom: 10px;\r\n }\r\n\r\n .wp-text-col {\r\n padding-right: 0;\r\n text-align: left;\r\n }\r\n \r\n \/* \u624b\u673a\u7aef\u6587\u5b57\u5ba1\u7f8e\u6838\u5fc3 *\/\r\n .wp-text-col h3 {\r\n font-size: 22px; \/* \u5b57\u53f7\u9002\u4e2d *\/\r\n margin-bottom: 12px;\r\n line-height: 1.4; \/* \u589e\u52a0\u884c\u9ad8 *\/\r\n color: #222; \/* \u6807\u9898\u989c\u8272\u52a0\u6df1 *\/\r\n }\r\n\r\n .wp-text-col p {\r\n font-size: 15px; \/* 15px \u662f\u79fb\u52a8\u7aef\u9ec4\u91d1\u9605\u8bfb\u5b57\u53f7 *\/\r\n line-height: 1.8; \/* 1.8\u500d\u884c\u9ad8\uff0c\u589e\u52a0\u547c\u5438\u611f\uff0c\u770b\u8d77\u6765\u5f88\u9ad8\u7ea7 *\/\r\n color: #555; \/* \u67d4\u548c\u6df1\u7070 *\/\r\n margin-bottom: 20px;\r\n }\r\n\r\n \/* \u5217\u8868\u4f18\u5316 *\/\r\n .wp-feature-list {\r\n grid-template-columns: 1fr 1fr; \r\n gap: 12px 15px; \/* \u589e\u52a0\u884c\u95f4\u8ddd *\/\r\n margin-top: 20px;\r\n }\r\n \r\n .wp-feature-list li {\r\n font-size: 14px;\r\n line-height: 1.4;\r\n }\r\n \r\n \/* \u5c0f\u6807\u9898\u4f18\u5316 *\/\r\n .highlight-text {\r\n margin-top: 25px;\r\n font-size: 13px; \/* \u7a0d\u5fae\u7cbe\u81f4\u4e00\u70b9 *\/\r\n letter-spacing: 1px; \/* \u589e\u52a0\u5b57\u95f4\u8ddd *\/\r\n }\r\n \r\n @media (max-width: 360px) {\r\n .wp-feature-list {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"wp-custom-container\">\r\n <h2 class=\"wp-section-title\">Sourcing for the Automation Parts<\/h2>\r\n\r\n <!-- \u5bfc\u822a\u6309\u94ae -->\r\n <div class=\"wp-tabs-nav\">\r\n <button type=\"button\" class=\"wp-tab-btn active\" onclick=\"wpAutoOpenTab(event, 'tab1')\">Custom Precision Parts<\/button>\r\n <button type=\"button\" class=\"wp-tab-btn\" onclick=\"wpAutoOpenTab(event, 'tab2')\">Semi-standard Parts<\/button>\r\n <button type=\"button\" class=\"wp-tab-btn\" onclick=\"wpAutoOpenTab(event, 'tab3')\">Standard Parts<\/button>\r\n <\/div>\r\n\r\n <!-- TAB 1 -->\r\n <div id=\"tab1\" class=\"wp-tab-content active\">\r\n <div class=\"wp-content-grid\">\r\n <div class=\"wp-text-col\">\r\n <h3>We Manufacture Precision Parts.<\/h3>\r\n <p>We specialize in high-precision automation parts designed for tight tolerances and top performance. From EOATs and jigs to gears, shafts, and structural frames, our capabilities support \u00b1 0.01\u20140.03mm accuracy in critical alignment, handling, and assembly processes.<\/p>\r\n <p>With over 150\uff0b advanced 5-axis CNC machining centers and a team of skilled engineers, we offer both design support and precision manufacturing under one roof. Whether you're working with standard or collaborative robots, we customize components to fit your automation needs.<\/p>\r\n <p>From one-off prototypes to production runs, we're here to help you build smarter, faster, and more reliable automation systems.<\/p>\r\n <\/div>\r\n <div class=\"wp-image-col\">\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/www.dakingsrapid.com\/wp-content\/uploads\/2026\/01\/13412141292972144.jpeg\" alt=\"Precision Part\" title=\"\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- TAB 2 -->\r\n <div id=\"tab2\" class=\"wp-tab-content\">\r\n <div class=\"wp-content-grid\">\r\n <div class=\"wp-text-col\">\r\n <h3>Customization If Required.<\/h3>\r\n <p>Semi-standard components offer ready-to-ship convenience with optional adaptability. We supply base models and modify specifications (length, mounting, material, etc.) to match your project's unique needs.<\/p>\r\n \r\n <ul class=\"wp-feature-list\">\r\n <li>Linear motion components<\/li>\r\n <li>Pneumatic components<\/li>\r\n <li>Transmission parts<\/li>\r\n <li>Hydraulic components<\/li>\r\n <li>Conveyor systems<\/li>\r\n <li>Frame & enclosure parts<\/li>\r\n <li>Fasteners<\/li>\r\n <li>Motors & drives<\/li>\r\n <li>Sensors<\/li>\r\n <li>Low-voltage electricals<\/li>\r\n <li>Aluminum profiles & accessories<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"wp-image-col\">\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/www.dakingsrapid.com\/wp-content\/uploads\/2026\/01\/13412141453059881.jpeg\" alt=\"Semi-standard Modules\" title=\"\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- TAB 3 -->\r\n <div id=\"tab3\" class=\"wp-tab-content\">\r\n <div class=\"wp-content-grid\">\r\n <div class=\"wp-text-col\">\r\n <h3>We Source Standard Parts.<\/h3>\r\n <p>We streamline automation projects by procuring standard components according to your BOMs for rapid integration. From guide shafts and sensor cams to valves and pneumatic clamps, we support:<\/p>\r\n \r\n <span class=\"highlight-text\">Core Components<\/span>\r\n <p style=\"margin-top: 5px;\">Guide shafts, robot bodies, valves, linear guides, locating pins, fixtures, jigs, brackets, couplings, shafts, hinges, bushings, seals.<\/p>\r\n\r\n <span class=\"highlight-text\">Support Systems<\/span>\r\n <p style=\"margin-top: 5px;\">Pneumatic\/quick clamps, piping fittings, end-of-arm tools, pillars, bases, springs, magnetic products, nitrogen springs, dispensing accessories.<\/p>\r\n <\/div>\r\n <div class=\"wp-image-col\">\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/www.dakingsrapid.com\/wp-content\/uploads\/2026\/01\/13412141655070627.jpeg\" alt=\"Standard Parts\" title=\"\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n function wpAutoOpenTab(evt, tabName) {\r\n const tabContent = document.getElementsByClassName(\"wp-tab-content\");\r\n const tabLinks = document.getElementsByClassName(\"wp-tab-btn\");\r\n\r\n \/\/ 1. \u9690\u85cf\u6240\u6709 Tab\r\n for (let i = 0; i < tabContent.length; i++) {\r\n tabContent[i].style.display = \"none\";\r\n tabContent[i].classList.remove(\"active\");\r\n }\r\n\r\n \/\/ 2. \u79fb\u9664\u6309\u94ae\u6fc0\u6d3b\u72b6\u6001\r\n for (let i = 0; i < tabLinks.length; i++) {\r\n tabLinks[i].classList.remove(\"active\");\r\n }\r\n\r\n \/\/ 3. \u6fc0\u6d3b\u5f53\u524d Tab\r\n const currentTab = document.getElementById(tabName);\r\n if(currentTab) {\r\n currentTab.style.display = \"flex\";\r\n \/\/ \u5ef6\u65f6\u786e\u4fdd\u52a8\u753b\u751f\u6548\r\n setTimeout(() => {\r\n currentTab.classList.add(\"active\");\r\n }, 10);\r\n }\r\n\r\n \/\/ 4. \u6fc0\u6d3b\u5f53\u524d\u6309\u94ae\r\n if(evt && evt.currentTarget) {\r\n evt.currentTarget.classList.add(\"active\");\r\n }\r\n }\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-81e53f4 e-flex e-con-boxed e-con e-parent\" data-id=\"81e53f4\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd4d9da elementor-widget elementor-widget-html\" data-id=\"dd4d9da\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"zh-CN\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Manufacturing Capabilities Tab<\/title>\r\n <!-- \u5f15\u5165 Tailwind CSS -->\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <!-- \u6838\u5fc3\u6837\u5f0f\u4fdd\u5e95 (\u5373\u4f7f Tailwind \u52a0\u8f7d\u5931\u8d25\u4e5f\u80fd\u663e\u793a\u5185\u5bb9) -->\r\n <style>\r\n body {\r\n visibility: visible !important;\r\n opacity: 1 !important;\r\n }\r\n \/* Tab \u5185\u5bb9\u5207\u6362\u903b\u8f91\u4fdd\u5e95 *\/\r\n .hidden { display: none !important; }\r\n .block { display: block !important; }\r\n \r\n \/* \u6eda\u52a8\u6761\u9690\u85cf *\/\r\n .hide-scrollbar::-webkit-scrollbar { display: none; }\r\n .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }\r\n \r\n \/* \u7b80\u5355\u7684\u6de1\u5165\u52a8\u753b *\/\r\n .animate-fade-in { animation: fadeIn 0.5s ease-in-out; }\r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(10px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-white font-sans antialiased\">\r\n\r\n <!-- \u4e3b\u5bb9\u5668 -->\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12\">\r\n \r\n <!-- \u6807\u9898\u533a\u57df -->\r\n <div class=\"text-center mb-10\">\r\n <!-- \u76f4\u63a5\u4f7f\u7528 HEX \u989c\u8272\u503c\uff0c\u4e0d\u4f9d\u8d56 JS \u914d\u7f6e -->\r\n <h2 class=\"text-3xl md:text-4xl font-bold text-[#009FB2] mb-8\">Our Manufacturing Capabilities<\/h2>\r\n \r\n <!-- Tab \u5bfc\u822a -->\r\n <div class=\"inline-flex flex-wrap justify-center gap-2 sm:gap-4 bg-white p-1 rounded-full shadow-sm border border-gray-100\">\r\n <button onclick=\"switchTab('processes')\" id=\"tab-processes\" class=\"tab-btn px-6 py-2 rounded-full text-sm sm:text-base font-medium transition-all duration-300 border border-[#009FB2] bg-[#009FB2] text-white shadow-md transform scale-105\">\r\n Processes\r\n <\/button>\r\n <button onclick=\"switchTab('materials')\" id=\"tab-materials\" class=\"tab-btn px-6 py-2 rounded-full text-sm sm:text-base font-medium transition-all duration-300 border border-transparent text-gray-500 hover:text-[#009FB2] hover:bg-gray-50\">\r\n Materials\r\n <\/button>\r\n <button onclick=\"switchTab('finishes')\" id=\"tab-finishes\" class=\"tab-btn px-6 py-2 rounded-full text-sm sm:text-base font-medium transition-all duration-300 border border-transparent text-gray-500 hover:text-[#009FB2] hover:bg-gray-50\">\r\n Finishes\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u5185\u5bb9\u533a\u57df -->\r\n <div class=\"min-h-[400px] relative\">\r\n \r\n <!-- Tab 1: Processes (\u5de5\u827a) -->\r\n <div id=\"content-processes\" class=\"tab-content animate-fade-in block\">\r\n <!-- \u624b\u673a\u7aef\u906e\u7f69\u6548\u679c -->\r\n <div class=\"relative after:content-[''] after:absolute after:top-0 after:right-0 after:bottom-0 after:w-10 after:bg-gradient-to-l after:from-white after:to-transparent after:pointer-events-none sm:after:hidden\">\r\n <div class=\"flex overflow-x-auto pb-8 gap-4 snap-x snap-mandatory hide-scrollbar scroll-smooth sm:grid sm:grid-cols-2 lg:grid-cols-3 sm:gap-8 sm:overflow-visible sm:pb-0 px-1\"> \r\n \r\n <!-- Card 1 -->\r\n <div class=\"flex-none w-[80%] sm:w-auto snap-center group bg-white rounded-xl overflow-hidden shadow-[0_4px_20px_-5px_rgba(0,0,0,0.1)] hover:shadow-[0_10px_25px_-5px_rgba(0,151,167,0.2)] transition-all duration-300 border border-gray-100 active:scale-95 sm:active:scale-100\">\r\n <div class=\"aspect-[4\/3] bg-gray-50 overflow-hidden relative\">\r\n <img src=\"https:\/\/www.dakingsrapid.com\/wp-content\/uploads\/2025\/12\/DSC_3239.webp\" alt=\"CNC Machining\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-110\" title=\"\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/10 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\r\n <\/div>\r\n <div class=\"bg-white p-4 text-center border-t border-gray-100 relative z-10\">\r\n <span class=\"text-gray-800 font-bold text-base md:text-lg group-hover:text-[#009FB2] transition-colors\">CNC Machining<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 2 -->\r\n <div class=\"flex-none w-[80%] sm:w-auto snap-center group bg-white rounded-xl overflow-hidden shadow-[0_4px_20px_-5px_rgba(0,0,0,0.1)] hover:shadow-[0_10px_25px_-5px_rgba(0,151,167,0.2)] transition-all duration-300 border border-gray-100 active:scale-95 sm:active:scale-100\">\r\n <div class=\"aspect-[4\/3] bg-gray-50 overflow-hidden relative\">\r\n <img src=\"https:\/\/www.dakingsrapid.com\/wp-content\/uploads\/2025\/12\/DSC_3169.webp\" alt=\"Turning machining\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-110\" title=\"\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/10 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\r\n <\/div>\r\n <div class=\"bg-white p-4 text-center border-t border-gray-100 relative z-10\">\r\n <span class=\"text-gray-800 font-bold text-base md:text-lg group-hover:text-[#009FB2] transition-colors\">Turning machining<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 3 -->\r\n <div class=\"flex-none w-[80%] sm:w-auto snap-center group bg-white rounded-xl overflow-hidden shadow-[0_4px_20px_-5px_rgba(0,0,0,0.1)] hover:shadow-[0_10px_25px_-5px_rgba(0,151,167,0.2)] transition-all duration-300 border border-gray-100 active:scale-95 sm:active:scale-100\">\r\n <div class=\"aspect-[4\/3] bg-gray-50 overflow-hidden relative\">\r\n <img src=\"https:\/\/www.dakingsrapid.com\/wp-content\/uploads\/2025\/12\/DSC_3311.webp\" alt=\"Sheet Metal Fabrication\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-110\" title=\"\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/10 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\r\n <\/div>\r\n <div class=\"bg-white p-4 text-center border-t border-gray-100 relative z-10\">\r\n <span class=\"text-gray-800 font-bold text-base md:text-lg group-hover:text-[#009FB2] transition-colors\">sheet Metal Prototyping<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 4 -->\r\n <div class=\"flex-none w-[80%] sm:w-auto snap-center group bg-white rounded-xl overflow-hidden shadow-[0_4px_20px_-5px_rgba(0,0,0,0.1)] hover:shadow-[0_10px_25px_-5px_rgba(0,151,167,0.2)] transition-all duration-300 border border-gray-100 active:scale-95 sm:active:scale-100\">\r\n <div class=\"aspect-[4\/3] bg-gray-50 overflow-hidden relative\">\r\n <img src=\"https:\/\/www.dakingsrapid.com\/wp-content\/uploads\/2025\/11\/Advanced-Machinery-for-3D-Printing.jpg\" alt=\"3D printing\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-110\" title=\"\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/10 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\r\n <\/div>\r\n <div class=\"bg-white p-4 text-center border-t border-gray-100 relative z-10\">\r\n <span class=\"text-gray-800 font-bold text-base md:text-lg group-hover:text-[#009FB2] transition-colors\">3D printing<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 5 -->\r\n <div class=\"flex-none w-[80%] sm:w-auto snap-center group bg-white rounded-xl overflow-hidden shadow-[0_4px_20px_-5px_rgba(0,0,0,0.1)] hover:shadow-[0_10px_25px_-5px_rgba(0,151,167,0.2)] transition-all duration-300 border border-gray-100 active:scale-95 sm:active:scale-100\">\r\n <div class=\"aspect-[4\/3] bg-gray-50 overflow-hidden relative\">\r\n <img src=\"https:\/\/www.dakingsrapid.com\/wp-content\/uploads\/2025\/12\/DSC_3148.webp\" alt=\"Surface Finishing\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-110\" title=\"\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/10 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\r\n <\/div>\r\n <div class=\"bg-white p-4 text-center border-t border-gray-100 relative z-10\">\r\n <span class=\"text-gray-800 font-bold text-base md:text-lg group-hover:text-[#009FB2] transition-colors\">Surface Finishing<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 6 -->\r\n <div class=\"flex-none w-[80%] sm:w-auto snap-center group bg-white rounded-xl overflow-hidden shadow-[0_4px_20px_-5px_rgba(0,0,0,0.1)] hover:shadow-[0_10px_25px_-5px_rgba(0,151,167,0.2)] transition-all duration-300 border border-gray-100 active:scale-95 sm:active:scale-100\">\r\n <div class=\"aspect-[4\/3] bg-gray-50 overflow-hidden relative\">\r\n <img src=\"https:\/\/www.dakingsrapid.com\/wp-content\/uploads\/2025\/11\/Welding-Assembly-Service-1.jpg\" alt=\"Assembly and welding\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-110\" title=\"\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/10 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\r\n <\/div>\r\n <div class=\"bg-white p-4 text-center border-t border-gray-100 relative z-10\">\r\n <span class=\"text-gray-800 font-bold text-base md:text-lg group-hover:text-[#009FB2] transition-colors\">Assembly and welding<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u624b\u673a\u7aef\u6ed1\u52a8\u63d0\u793a -->\r\n <div class=\"flex sm:hidden justify-center items-center mt-2 space-x-2 text-gray-400 text-xs animate-pulse\">\r\n <span>Swipe to explore<\/span>\r\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Tab 2: Materials (\u6750\u6599) -->\r\n <div id=\"content-materials\" class=\"tab-content hidden\">\r\n <div class=\"text-center mb-10 text-gray-500 max-w-2xl mx-auto\">\r\n Find all the materials you need for product development across industries.\r\n <\/div>\r\n \r\n <div class=\"flex flex-col md:flex-row gap-8 md:gap-16\">\r\n <!-- Metals Column -->\r\n <div class=\"flex-1 bg-gray-50 p-6 rounded-2xl\">\r\n <h3 class=\"text-xl font-bold text-gray-900 mb-6 flex items-center\">\r\n <span class=\"w-2 h-6 bg-[#009FB2] rounded-full mr-3\"><\/span>Metals\r\n <\/h3>\r\n <div class=\"flex flex-wrap gap-2\">\r\n <span class=\"px-4 py-2 bg-white border border-gray-200 rounded-full text-sm font-medium hover:border-[#009FB2] hover:text-[#009FB2] transition-all cursor-default shadow-sm\">Aluminium<\/span>\r\n <span class=\"px-4 py-2 bg-white border border-gray-200 rounded-full text-sm font-medium hover:border-[#009FB2] hover:text-[#009FB2] transition-all cursor-default shadow-sm\">Copper<\/span>\r\n <span class=\"px-4 py-2 bg-white border border-gray-200 rounded-full text-sm font-medium hover:border-[#009FB2] hover:text-[#009FB2] transition-all cursor-default shadow-sm\">Brass<\/span>\r\n <span class=\"px-4 py-2 bg-white border border-gray-200 rounded-full text-sm font-medium hover:border-[#009FB2] hover:text-[#009FB2] transition-all cursor-default shadow-sm\">Bronze<\/span>\r\n <span class=\"px-4 py-2 bg-white border border-gray-200 rounded-full text-sm font-medium hover:border-[#009FB2] hover:text-[#009FB2] transition-all cursor-default shadow-sm\">Steel<\/span>\r\n <span class=\"px-4 py-2 bg-white border border-gray-200 rounded-full text-sm font-medium hover:border-[#009FB2] hover:text-[#009FB2] transition-all cursor-default shadow-sm\">Stainless Steel<\/span>\r\n <span class=\"px-4 py-2 bg-white border border-gray-200 rounded-full text-sm font-medium hover:border-[#009FB2] hover:text-[#009FB2] transition-all cursor-default shadow-sm\">Magnesium<\/span>\r\n <span class=\"px-4 py-2 bg-white border border-gray-200 rounded-full text-sm font-medium hover:border-[#009FB2] hover:text-[#009FB2] transition-all cursor-default shadow-sm\">Titanium<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Plastics Column -->\r\n <div class=\"flex-1 bg-gray-50 p-6 rounded-2xl\">\r\n <h3 class=\"text-xl font-bold text-gray-900 mb-6 flex items-center\">\r\n <span class=\"w-2 h-6 bg-[#009FB2] rounded-full mr-3\"><\/span>Plastics\r\n <\/h3>\r\n <div class=\"flex flex-wrap gap-2\">\r\n <span class=\"px-4 py-2 bg-white border border-gray-200 rounded-full text-sm font-medium hover:border-[#009FB2] hover:text-[#009FB2] transition-all cursor-default shadow-sm\">ABS<\/span>\r\n <span class=\"px-4 py-2 bg-white border border-gray-200 rounded-full text-sm font-medium hover:border-[#009FB2] hover:text-[#009FB2] transition-all cursor-default shadow-sm\">PC<\/span>\r\n <span class=\"px-4 py-2 bg-white border border-gray-200 rounded-full text-sm font-medium hover:border-[#009FB2] hover:text-[#009FB2] transition-all cursor-default shadow-sm\">PMMA<\/span>\r\n <span class=\"px-4 py-2 bg-white border border-gray-200 rounded-full text-sm font-medium hover:border-[#009FB2] hover:text-[#009FB2] transition-all cursor-default shadow-sm\">POM<\/span>\r\n <span class=\"px-4 py-2 bg-white border border-gray-200 rounded-full text-sm font-medium hover:border-[#009FB2] hover:text-[#009FB2] transition-all cursor-default shadow-sm\">PA<\/span>\r\n <span class=\"px-4 py-2 bg-white border border-gray-200 rounded-full text-sm font-medium hover:border-[#009FB2] hover:text-[#009FB2] transition-all cursor-default shadow-sm\">PE<\/span>\r\n <span class=\"px-4 py-2 bg-white border border-gray-200 rounded-full text-sm font-medium hover:border-[#009FB2] hover:text-[#009FB2] transition-all cursor-default shadow-sm\">PEEK<\/span>\r\n <span class=\"px-4 py-2 bg-white border border-gray-200 rounded-full text-sm font-medium hover:border-[#009FB2] hover:text-[#009FB2] transition-all cursor-default shadow-sm\">HDPE<\/span>\r\n <span class=\"px-4 py-2 bg-white border border-gray-200 rounded-full text-sm font-medium hover:border-[#009FB2] hover:text-[#009FB2] transition-all cursor-default shadow-sm\">HIPS<\/span>\r\n <span class=\"px-4 py-2 bg-white border border-gray-200 rounded-full text-sm font-medium hover:border-[#009FB2] hover:text-[#009FB2] transition-all cursor-default shadow-sm\">PVC<\/span>\r\n <span class=\"px-4 py-2 bg-white border border-gray-200 rounded-full text-sm font-medium hover:border-[#009FB2] hover:text-[#009FB2] transition-all cursor-default shadow-sm\">Teflon<\/span>\r\n <span class=\"px-4 py-2 bg-white border border-gray-200 rounded-full text-sm font-medium hover:border-[#009FB2] hover:text-[#009FB2] transition-all cursor-default shadow-sm\">Bakelite<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"text-center mt-12\">\r\n <a href=\"#\" class=\"inline-block px-10 py-3 bg-[#009FB2] text-white font-bold rounded-full shadow-lg hover:bg-[#007c8a] hover:shadow-xl hover:-translate-y-0.5 transition-all no-underline border-none\">\r\n View All Materials\r\n <\/a>\r\n <p class=\"mt-6 text-sm text-gray-500\">\r\n *Common materials are shown above. Explore our <a href=\"#\" class=\"text-[#009FB2] font-medium no-underline hover:text-[#007c8a] border-none shadow-none transition-colors\">Material Lists<\/a> for more.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Tab 3: Finishes (\u540e\u5904\u7406) -->\r\n <div id=\"content-finishes\" class=\"tab-content hidden\">\r\n <div class=\"text-center mb-8 text-gray-500 max-w-2xl mx-auto\">\r\n Customize your product's look and durability with our surface finish options.\r\n <\/div>\r\n <!-- \u5bb9\u5668\uff1a\u79fb\u52a8\u7aef\u6ed1\u52a8 -->\r\n <div class=\"relative after:content-[''] after:absolute after:top-0 after:right-0 after:bottom-0 after:w-10 after:bg-gradient-to-l after:from-white after:to-transparent after:pointer-events-none sm:after:hidden\">\r\n <div class=\"flex overflow-x-auto pb-4 gap-4 snap-x snap-mandatory hide-scrollbar md:grid md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 md:overflow-visible md:pb-0 px-1\">\r\n \r\n <!-- Finish Items -->\r\n <div class=\"group cursor-pointer flex-none w-[42%] md:w-auto snap-center\">\r\n <div class=\"relative overflow-hidden rounded-xl shadow-sm mb-3 aspect-[3\/2] bg-gray-100 group-hover:shadow-md transition-all\">\r\n <img src=\"https:\/\/www.dakingsrapid.com\/wp-content\/uploads\/2026\/01\/jimeng-2026-01-05-6517-\u4e00\u5f20\u4e13\u4e1a\u5de5\u4e1a\u4ea7\u54c1\u6444\u5f71\uff0c\u4e00\u4e2aD\u5b57\u5f62\u622a\u9762\u7684\u91d1\u5c5e\u96f6\u4ef6\uff08\u4f8b\u5982\u8f74\u886c\u6216\u7aef\u76d6\uff09\uff0c\u6e05\u6670\u5c55\u793a\u5176.jpg\" alt=\"As Machined\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" title=\"\">\r\n <\/div>\r\n <div class=\"flex items-center justify-between px-1\">\r\n <span class=\"font-bold text-gray-800 text-sm md:text-base group-hover:text-[#009FB2] transition-colors\">As Machined<\/span>\r\n <span class=\"text-[#009FB2] font-bold opacity-0 group-hover:opacity-100 transition-opacity transform translate-x-[-10px] group-hover:translate-x-0\">\u2192<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"group cursor-pointer flex-none w-[42%] md:w-auto snap-center\">\r\n <div class=\"relative overflow-hidden rounded-xl shadow-sm mb-3 aspect-[3\/2] bg-gray-100 group-hover:shadow-md transition-all\">\r\n <img src=\"https:\/\/www.dakingsrapid.com\/wp-content\/uploads\/2025\/12\/13411556758611021.webp\" alt=\"Anodizing\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" title=\"\">\r\n <\/div>\r\n <div class=\"flex items-center justify-between px-1\">\r\n <span class=\"font-bold text-gray-800 text-sm md:text-base group-hover:text-[#009FB2] transition-colors\">Anodizing<\/span>\r\n <span class=\"text-[#009FB2] font-bold opacity-0 group-hover:opacity-100 transition-opacity transform translate-x-[-10px] group-hover:translate-x-0\">\u2192<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"group cursor-pointer flex-none w-[42%] md:w-auto snap-center\">\r\n <div class=\"relative overflow-hidden rounded-xl shadow-sm mb-3 aspect-[3\/2] bg-gray-100 group-hover:shadow-md transition-all\">\r\n <img src=\"https:\/\/www.dakingsrapid.com\/wp-content\/uploads\/2026\/01\/cd2a11b4-13e8-4e32-8671-7629a5f75266.jpg\" alt=\"Brushed Finish\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" title=\"\">\r\n <\/div>\r\n <div class=\"flex items-center justify-between px-1\">\r\n <span class=\"font-bold text-gray-800 text-sm md:text-base group-hover:text-[#009FB2] transition-colors\">Brushed Finish<\/span>\r\n <span class=\"text-[#009FB2] font-bold opacity-0 group-hover:opacity-100 transition-opacity transform translate-x-[-10px] group-hover:translate-x-0\">\u2192<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"group cursor-pointer flex-none w-[42%] md:w-auto snap-center\">\r\n <div class=\"relative overflow-hidden rounded-xl shadow-sm mb-3 aspect-[3\/2] bg-gray-100 group-hover:shadow-md transition-all\">\r\n <img src=\"https:\/\/www.dakingsrapid.com\/wp-content\/uploads\/2026\/01\/jimeng-2026-01-05-4959-\u4e00\u5f20\u9ad8\u7ec6\u8282\u6750\u6599\u6444\u5f71\uff0c\u4e00\u5757\u7ecf\u8fc7\u5747\u5300\u55b7\u7802\u5904\u7406\u7684\u957f\u65b9\u5f62\u91d1\u5c5e\u677f\u3002\u8868\u9762\u5448\u73b0\u7ec6\u817b\u3001\u4e00\u81f4\u7684\u54d1\u5149.jpg\" alt=\"Sand Blasting\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" title=\"\">\r\n <\/div>\r\n <div class=\"flex items-center justify-between px-1\">\r\n <span class=\"font-bold text-gray-800 text-sm md:text-base group-hover:text-[#009FB2] transition-colors\">Sand Blasting<\/span>\r\n <span class=\"text-[#009FB2] font-bold opacity-0 group-hover:opacity-100 transition-opacity transform translate-x-[-10px] group-hover:translate-x-0\">\u2192<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"group cursor-pointer flex-none w-[42%] md:w-auto snap-center\">\r\n <div class=\"relative overflow-hidden rounded-xl shadow-sm mb-3 aspect-[3\/2] bg-gray-100 group-hover:shadow-md transition-all\">\r\n <img src=\"https:\/\/www.dakingsrapid.com\/wp-content\/uploads\/2026\/01\/jimeng-2026-01-05-7798-\u4e00\u5f20\u5de5\u4e1a\u6444\u5f71\uff0c\u4e00\u5757\u7ecf\u8fc7\u9ad8\u6e29\u70ed\u5904\u7406\u540e\u81ea\u7136\u51b7\u5374\u7684\u957f\u65b9\u5f62\u94a2\u677f\uff08\u4ee5\u5de5\u5177\u94a2\u6216\u4e0d\u9508\u94a2\u4e3a\u4f8b\uff09\u3002.jpg\" alt=\"Heat Treatment\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" title=\"\">\r\n <\/div>\r\n <div class=\"flex items-center justify-between px-1\">\r\n <span class=\"font-bold text-gray-800 text-sm md:text-base group-hover:text-[#009FB2] transition-colors\">Heat Treatment<\/span>\r\n <span class=\"text-[#009FB2] font-bold opacity-0 group-hover:opacity-100 transition-opacity transform translate-x-[-10px] group-hover:translate-x-0\">\u2192<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"group cursor-pointer flex-none w-[42%] md:w-auto snap-center\">\r\n <div class=\"relative overflow-hidden rounded-xl shadow-sm mb-3 aspect-[3\/2] bg-gray-100 group-hover:shadow-md transition-all\">\r\n <img src=\"https:\/\/www.dakingsrapid.com\/wp-content\/uploads\/2026\/01\/jimeng-2026-01-05-8014-\u4e00\u5f20\u4e13\u4e1a\u5de5\u4e1a\u4ea7\u54c1\u6444\u5f71\uff0c\u4e00\u5757\u7ecf\u8fc7\u7279\u6c1f\u9f99\uff08PTFE\uff09\u6d82\u5c42\u5904\u7406\u7684\u957f\u65b9\u5f62\u94dd\u677f\u3002\u8868\u9762\u8986\u76d6\u4e00.jpg\" alt=\"Teflon Coating\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" title=\"\">\r\n <\/div>\r\n <div class=\"flex items-center justify-between px-1\">\r\n <span class=\"font-bold text-gray-800 text-sm md:text-base group-hover:text-[#009FB2] transition-colors\">Teflon Coating<\/span>\r\n <span class=\"text-[#009FB2] font-bold opacity-0 group-hover:opacity-100 transition-opacity transform translate-x-[-10px] group-hover:translate-x-0\">\u2192<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"group cursor-pointer flex-none w-[42%] md:w-auto snap-center\">\r\n <div class=\"relative overflow-hidden rounded-xl shadow-sm mb-3 aspect-[3\/2] bg-gray-100 group-hover:shadow-md transition-all\">\r\n <img src=\"https:\/\/www.dakingsrapid.com\/wp-content\/uploads\/2026\/01\/jimeng-2026-01-05-2676-\u4e00\u5f20\u9759\u7269\u6444\u5f71\uff0c\u4e00\u5757\u7ecf\u8fc7\u9ed1\u8272\u6c27\u5316\uff08\u53d1\u9ed1\uff09\u8868\u9762\u5904\u7406\u7684\u957f\u65b9\u5f62\u94a2\u5236\u6216\u94f8\u94c1\u96f6\u4ef6\u3002\u8868\u9762\u5448\u73b0\u6df1.jpg\" alt=\"Black Oxidize\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" title=\"\">\r\n <\/div>\r\n <div class=\"flex items-center justify-between px-1\">\r\n <span class=\"font-bold text-gray-800 text-sm md:text-base group-hover:text-[#009FB2] transition-colors\">Black Oxidize<\/span>\r\n <span class=\"text-[#009FB2] font-bold opacity-0 group-hover:opacity-100 transition-opacity transform translate-x-[-10px] group-hover:translate-x-0\">\u2192<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"group cursor-pointer flex-none w-[42%] md:w-auto snap-center\">\r\n <div class=\"relative overflow-hidden rounded-xl shadow-sm mb-3 aspect-[3\/2] bg-gray-100 group-hover:shadow-md transition-all\">\r\n <img src=\"https:\/\/www.dakingsrapid.com\/wp-content\/uploads\/2026\/01\/jimeng-2026-01-05-8416-\u4e00\u5f20\u9ad8\u7ec6\u8282\u6750\u6599\u6444\u5f71\uff0c\u4e00\u5757\u7ecf\u8fc7\u5316\u5b66\u9540\u954d\u5904\u7406\u7684\u957f\u65b9\u5f62\u94a2\u5236\u8bd5\u7247\u3002\u8868\u9762\u5448\u73b0\u5747\u5300\u3001\u955c\u9762\u822c\u7684.jpg\" alt=\"Electroless Plating\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" title=\"\">\r\n <\/div>\r\n <div class=\"flex items-center justify-between px-1\">\r\n <span class=\"font-bold text-gray-800 text-sm md:text-base group-hover:text-[#009FB2] transition-colors\">Electroless Plating<\/span>\r\n <span class=\"text-[#009FB2] font-bold opacity-0 group-hover:opacity-100 transition-opacity transform translate-x-[-10px] group-hover:translate-x-0\">\u2192<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"group cursor-pointer flex-none w-[42%] md:w-auto snap-center\">\r\n <div class=\"relative overflow-hidden rounded-xl shadow-sm mb-3 aspect-[3\/2] bg-gray-100 group-hover:shadow-md transition-all\">\r\n <img src=\"https:\/\/www.dakingsrapid.com\/wp-content\/uploads\/2026\/01\/5d32e4d1-9283-4249-9ef8-fb69209f32b5.jpg\" alt=\"Electroplating\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" title=\"\">\r\n <\/div>\r\n <div class=\"flex items-center justify-between px-1\">\r\n <span class=\"font-bold text-gray-800 text-sm md:text-base group-hover:text-[#009FB2] transition-colors\">Electroplating<\/span>\r\n <span class=\"text-[#009FB2] font-bold opacity-0 group-hover:opacity-100 transition-opacity transform translate-x-[-10px] group-hover:translate-x-0\">\u2192<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"group cursor-pointer flex-none w-[42%] md:w-auto snap-center\">\r\n <div class=\"relative overflow-hidden rounded-xl shadow-sm mb-3 aspect-[3\/2] bg-gray-100 group-hover:shadow-md transition-all\">\r\n <img src=\"https:\/\/www.dakingsrapid.com\/wp-content\/uploads\/2026\/01\/jimeng-2026-01-05-4146-\u4e00\u5f20\u4ea7\u54c1\u9759\u7269\u6444\u5f71\uff0c\u4e00\u5757\u7ecf\u8fc7\u9ad8\u8d28\u91cf\u6db2\u4f53\u55b7\u6f06\u5904\u7406\u7684\u957f\u65b9\u5f62\u91d1\u5c5e\u677f\u3002\u8868\u9762\u6d82\u5c42\u4e3a\u9971\u6ee1\u3001\u5747\u5300.jpg\" alt=\"Painting\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" title=\"\">\r\n <\/div>\r\n <div class=\"flex items-center justify-between px-1\">\r\n <span class=\"font-bold text-gray-800 text-sm md:text-base group-hover:text-[#009FB2] transition-colors\">Painting<\/span>\r\n <span class=\"text-[#009FB2] font-bold opacity-0 group-hover:opacity-100 transition-opacity transform translate-x-[-10px] group-hover:translate-x-0\">\u2192<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"group cursor-pointer flex-none w-[42%] md:w-auto snap-center\">\r\n <div class=\"relative overflow-hidden rounded-xl shadow-sm mb-3 aspect-[3\/2] bg-gray-100 group-hover:shadow-md transition-all\">\r\n <img src=\"https:\/\/www.dakingsrapid.com\/wp-content\/uploads\/2026\/01\/jimeng-2026-01-05-1201-\u4e00\u5f20\u4e13\u4e1a\u4ea7\u54c1\u6444\u5f71\uff0c\u4e00\u5757\u7ecf\u8fc7\u9759\u7535\u7c89\u672b\u55b7\u6d82\u5904\u7406\u7684\u957f\u65b9\u5f62\u677f\u6750\u3002\u8868\u9762\u8986\u76d6\u7740\u4e00\u5c42\u539a\u5ea6\u5747\u5300\u3001.jpg\" alt=\"Powder Coating\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" title=\"\">\r\n <\/div>\r\n <div class=\"flex items-center justify-between px-1\">\r\n <span class=\"font-bold text-gray-800 text-sm md:text-base group-hover:text-[#009FB2] transition-colors\">Powder Coating<\/span>\r\n <span class=\"text-[#009FB2] font-bold opacity-0 group-hover:opacity-100 transition-opacity transform translate-x-[-10px] group-hover:translate-x-0\">\u2192<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"group cursor-pointer flex-none w-[42%] md:w-auto snap-center\">\r\n <div class=\"relative overflow-hidden rounded-xl shadow-sm mb-3 aspect-[3\/2] bg-gray-100 group-hover:shadow-md transition-all\">\r\n <img src=\"https:\/\/www.dakingsrapid.com\/wp-content\/uploads\/2026\/01\/jimeng-2026-01-05-2285-\u4e00\u5f20\u4e13\u4e1a\u5de5\u4e1a\u6444\u5f71\uff0c\u4e00\u5757\u7ecf\u8fc7\u9ed1\u8272\u9634\u6781\u7535\u6cf3\u6d82\u88c5\u7684\u957f\u65b9\u5f62\u91d1\u5c5e\u5de5\u4ef6\u3002\u8868\u9762\u8986\u76d6\u4e00\u5c42\u6781\u5176\u5747\u5300.jpg\" alt=\"Electrophoresis\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" title=\"\">\r\n <\/div>\r\n <div class=\"flex items-center justify-between px-1\">\r\n <span class=\"font-bold text-gray-800 text-sm md:text-base group-hover:text-[#009FB2] transition-colors\">Electrophoresis<\/span>\r\n <span class=\"text-[#009FB2] font-bold opacity-0 group-hover:opacity-100 transition-opacity transform translate-x-[-10px] group-hover:translate-x-0\">\u2192<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"group cursor-pointer flex-none w-[42%] md:w-auto snap-center\">\r\n <div class=\"relative overflow-hidden rounded-xl shadow-sm mb-3 aspect-[3\/2] bg-gray-100 group-hover:shadow-md transition-all\">\r\n <img src=\"https:\/\/www.dakingsrapid.com\/wp-content\/uploads\/2026\/01\/jimeng-2026-01-05-3445-\u4e00\u5f20\u4ea7\u54c1\u9759\u7269\u6444\u5f71\uff0c\u4e00\u5757\u7ecf\u8fc7\u6eda\u5149\uff08\u632f\u52a8\u7814\u78e8\uff09\u53bb\u6bdb\u523a\u5904\u7406\u540e\u7684\u957f\u65b9\u5f62\u5c0f\u578b\u91d1\u5c5e\u96f6\u4ef6\u3002\u6240\u6709.jpg\" alt=\"Tumbling\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" title=\"\">\r\n <\/div>\r\n <div class=\"flex items-center justify-between px-1\">\r\n <span class=\"font-bold text-gray-800 text-sm md:text-base group-hover:text-[#009FB2] transition-colors\">Tumbling<\/span>\r\n <span class=\"text-[#009FB2] font-bold opacity-0 group-hover:opacity-100 transition-opacity transform translate-x-[-10px] group-hover:translate-x-0\">\u2192<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"group cursor-pointer flex-none w-[42%] md:w-auto snap-center\">\r\n <div class=\"relative overflow-hidden rounded-xl shadow-sm mb-3 aspect-[3\/2] bg-gray-100 group-hover:shadow-md transition-all\">\r\n <img src=\"https:\/\/www.dakingsrapid.com\/wp-content\/uploads\/2026\/01\/jimeng-2026-01-05-4606-\u4e00\u5f20\u4e13\u4e1a\u6750\u6599\u7279\u5199\u6444\u5f71\uff0c\u4e00\u5757\u7ecf\u8fc7\u963f\u6d1b\u4e01\uff08\u94ec\u9178\u76d0\u8f6c\u5316\uff09\u5904\u7406\u7684\u957f\u65b9\u5f62\u94dd\u5408\u91d1\u677f\u3002\u8868\u9762\u5448\u73b0.jpg\" alt=\"Alodine\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" title=\"\">\r\n <\/div>\r\n <div class=\"flex items-center justify-between px-1\">\r\n <span class=\"font-bold text-gray-800 text-sm md:text-base group-hover:text-[#009FB2] transition-colors\">Alodine<\/span>\r\n <span class=\"text-[#009FB2] font-bold opacity-0 group-hover:opacity-100 transition-opacity transform translate-x-[-10px] group-hover:translate-x-0\">\u2192<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"group cursor-pointer flex-none w-[42%] md:w-auto snap-center\">\r\n <div class=\"relative overflow-hidden rounded-xl shadow-sm mb-3 aspect-[3\/2] bg-gray-100 group-hover:shadow-md transition-all\">\r\n <img src=\"https:\/\/www.dakingsrapid.com\/wp-content\/uploads\/2026\/01\/a060239e-44fa-4756-9049-5eac5496c93b.jpg\" alt=\"Electropolish\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" title=\"\">\r\n <\/div>\r\n <div class=\"flex items-center justify-between px-1\">\r\n <span class=\"font-bold text-gray-800 text-sm md:text-base group-hover:text-[#009FB2] transition-colors\">Electropolish<\/span>\r\n <span class=\"text-[#009FB2] font-bold opacity-0 group-hover:opacity-100 transition-opacity transform translate-x-[-10px] group-hover:translate-x-0\">\u2192<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"group cursor-pointer flex-none w-[42%] md:w-auto snap-center\">\r\n <div class=\"relative overflow-hidden rounded-xl shadow-sm mb-3 aspect-[3\/2] bg-gray-100 group-hover:shadow-md transition-all\">\r\n <img src=\"https:\/\/www.dakingsrapid.com\/wp-content\/uploads\/2026\/01\/jimeng-2026-01-05-3436-\u4e00\u5f20\u6750\u6599\u79d1\u5b66\u6444\u5f71\uff0c\u4e00\u5757\u7ecf\u8fc7\u4e0d\u9508\u94a2\u949d\u5316\u5904\u7406\u540e\u7684\u957f\u65b9\u5f62\u4e0d\u9508\u94a2\u677f\u3002\u8868\u9762\u6d01\u51c0\uff0c\u5448\u73b0\u4e0d\u9508\u94a2.jpg\" alt=\"Passivation\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" title=\"\">\r\n <\/div>\r\n <div class=\"flex items-center justify-between px-1\">\r\n <span class=\"font-bold text-gray-800 text-sm md:text-base group-hover:text-[#009FB2] transition-colors\">Passivation<\/span>\r\n <span class=\"text-[#009FB2] font-bold opacity-0 group-hover:opacity-100 transition-opacity transform translate-x-[-10px] group-hover:translate-x-0\">\u2192<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"group cursor-pointer flex-none w-[42%] md:w-auto snap-center\">\r\n <div class=\"relative overflow-hidden rounded-xl shadow-sm mb-3 aspect-[3\/2] bg-gray-100 group-hover:shadow-md transition-all\">\r\n <img src=\"https:\/\/www.dakingsrapid.com\/wp-content\/uploads\/2026\/01\/jimeng-2026-01-05-2055-\u4e00\u5f20\u6807\u51c6\u5de5\u4e1a\u68c0\u6d4b\u6444\u5f71\uff0c\u4e00\u5757\u8868\u9762\u7ecf\u8fc7SPI\uff08\u5851\u6599\u5de5\u4e1a\u534f\u4f1a\uff09\u6807\u51c6\u5904\u7406\u3001\u7528\u4e8e\u6bd4\u5bf9\u7684\u957f\u65b9.jpg\" alt=\"SPI Finish\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" title=\"\">\r\n <\/div>\r\n <div class=\"flex items-center justify-between px-1\">\r\n <span class=\"font-bold text-gray-800 text-sm md:text-base group-hover:text-[#009FB2] transition-colors\">SPI Finish<\/span>\r\n <span class=\"text-[#009FB2] font-bold opacity-0 group-hover:opacity-100 transition-opacity transform translate-x-[-10px] group-hover:translate-x-0\">\u2192<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- JavaScript \u903b\u8f91 (\u66f4\u65b0\uff1a\u4f7f\u7528\u65b0\u7684\u989c\u8272\u503c\u7c7b\u540d) -->\r\n <script>\r\n function switchTab(tabName) {\r\n \/\/ 1. \u9690\u85cf\u6240\u6709 Tab \u5185\u5bb9 (\u53ea\u6dfb\u52a0 hidden \u7c7b)\r\n const contents = document.querySelectorAll('.tab-content');\r\n contents.forEach(content => {\r\n content.classList.add('hidden');\r\n content.classList.remove('block');\r\n });\r\n\r\n \/\/ 2. \u663e\u793a\u9009\u4e2d\u7684 Tab \u5185\u5bb9 (\u79fb\u9664 hidden \u7c7b)\r\n const activeContent = document.getElementById('content-' + tabName);\r\n if (activeContent) {\r\n activeContent.classList.remove('hidden');\r\n activeContent.classList.add('block');\r\n }\r\n\r\n \/\/ 3. \u66f4\u65b0\u6309\u94ae\u6837\u5f0f\r\n const buttons = document.querySelectorAll('.tab-btn');\r\n buttons.forEach(btn => {\r\n \/\/ \u91cd\u7f6e\u6240\u6709\u6309\u94ae\u72b6\u6001 (\u4f7f\u7528 text-[#009FB2] \u548c bg-[#009FB2])\r\n btn.classList.remove('bg-[#009FB2]', 'text-white', 'shadow-md', 'scale-105', 'border-[#009FB2]');\r\n btn.classList.add('border-transparent', 'text-gray-500', 'hover:text-[#009FB2]', 'hover:bg-gray-50');\r\n });\r\n\r\n \/\/ \u8bbe\u7f6e\u5f53\u524d\u6309\u94ae\u4e3a\u9009\u4e2d\u72b6\u6001\r\n const activeBtn = document.getElementById('tab-' + tabName);\r\n if (activeBtn) {\r\n activeBtn.classList.remove('border-transparent', 'text-gray-500', 'hover:text-[#009FB2]', 'hover:bg-gray-50');\r\n activeBtn.classList.add('bg-[#009FB2]', 'text-white', 'shadow-md', 'scale-105', 'border-[#009FB2]');\r\n }\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6b74d3c e-con-full e-flex e-con e-parent\" data-id=\"6b74d3c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5090554 elementor-widget elementor-widget-html\" data-id=\"5090554\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Quality Inspection Standards<\/title>\r\n <style>\r\n \/* ---- \u5168\u5c40\u91cd\u7f6e (\u4ec5\u7528\u4e8e\u672c\u6f14\u793a\u6587\u4ef6\uff0c\u7ec4\u4ef6\u5316\u65f6\u53ef\u79fb\u9664) ---- *\/\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n background: #fff;\r\n \/* \u4f7f\u7528\u7cfb\u7edf\u9ed8\u8ba4\u5b57\u4f53\u6808\uff0c\u9ad8\u6548\u4e14\u52a0\u8f7d\u5feb *\/\r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n }\r\n\r\n \/* ---- \u7ec4\u4ef6\u5bb9\u5668 ---- *\/\r\n .qc-wrapper {\r\n max-width: 1200px;\r\n \/* \u7f29\u5c0f\u4e0a\u4e0b\u8fb9\u8ddd\uff1a\u4ece40px\u51cf\u4e3a20px\uff0c\u5de6\u53f3\u4fdd\u6301\u81ea\u9002\u5e94 *\/\r\n margin: 20px auto; \r\n padding: 0 15px; \/* \u589e\u52a0\u5de6\u53f3\u5185\u8fb9\u8ddd\u9632\u6b62\u8d34\u8fb9 *\/\r\n text-align: center;\r\n box-sizing: border-box; \/* \u786e\u4fdd\u5bbd\u5ea6\u8ba1\u7b97\u5305\u542bpadding *\/\r\n animation: fadeIn 0.8s ease-out;\r\n }\r\n\r\n \/* \u786e\u4fdd\u7ec4\u4ef6\u5185\u6240\u6709\u5143\u7d20\u4f7f\u7528\u6807\u51c6\u76d2\u6a21\u578b *\/\r\n .qc-wrapper * {\r\n box-sizing: border-box;\r\n }\r\n\r\n .qc-title {\r\n font-size: 24px; \/* \u7a0d\u5fae\u8c03\u5c0f\u5b57\u4f53\u9002\u914d\u79fb\u52a8\u7aef *\/\r\n font-weight: 700;\r\n color: #333;\r\n \/* \u7f29\u5c0f\u6807\u9898\u4e0b\u8fb9\u8ddd\uff1a\u4ece50px\u51cf\u4e3a30px *\/\r\n margin-bottom: 30px; \r\n }\r\n\r\n \/* ---- \u6b65\u9aa4\u5bb9\u5668 ---- *\/\r\n .qc-steps {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n position: relative;\r\n \/* \u79fb\u9664\u5185\u8fb9\u8ddd\uff0c\u4f9d\u9760\u5bb9\u5668padding *\/\r\n margin-top: 10px; \r\n }\r\n\r\n \/* ---- \u52a8\u753b\u6a2a\u7ebf ---- *\/\r\n .qc-line {\r\n position: absolute;\r\n top: 20px; \/* \u5bf9\u9f50\u56fe\u6807\u4e2d\u5fc3 *\/\r\n left: 0;\r\n width: 100%;\r\n height: 2px;\r\n background: #e0e6ed; \/* \u66f4\u67d4\u548c\u7684\u5e95\u8272 *\/\r\n z-index: 0; \/* \u786e\u4fdd\u5728\u56fe\u6807\u4e0b\u65b9 *\/\r\n overflow: hidden;\r\n }\r\n\r\n .qc-line::after {\r\n content: \"\";\r\n position: absolute;\r\n height: 100%;\r\n width: 100%;\r\n background: #005bbb;\r\n left: -100%;\r\n animation: drawLine 1.5s ease-out forwards;\r\n }\r\n\r\n \/* ---- \u5355\u4e2a\u6b65\u9aa4\u9879 ---- *\/\r\n .qc-item {\r\n \/* \u7a0d\u5fae\u8c03\u6574\u5bbd\u5ea6\u4ee5\u7559\u51fa\u7a7a\u9699 *\/\r\n width: 24%; \r\n position: relative;\r\n z-index: 1; \/* \u786e\u4fdd\u5728\u6a2a\u7ebf\u4e0a\u65b9 *\/\r\n text-align: center;\r\n opacity: 0; \/* \u521d\u59cb\u9690\u85cf *\/\r\n animation: stepFloat 0.8s ease-out forwards;\r\n padding: 0 5px;\r\n }\r\n\r\n \/* \u52a8\u753b\u5ef6\u8fdf *\/\r\n .qc-item:nth-child(2) { animation-delay: 0.2s; }\r\n .qc-item:nth-child(3) { animation-delay: 0.4s; }\r\n .qc-item:nth-child(4) { animation-delay: 0.6s; }\r\n .qc-item:nth-child(5) { animation-delay: 0.8s; }\r\n\r\n \/* ---- \u56fe\u6807 ---- *\/\r\n .qc-icon {\r\n width: 40px;\r\n height: 40px;\r\n background: #002b5b;\r\n color: #fff;\r\n border-radius: 50%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 16px;\r\n font-weight: 600;\r\n \/* \u7f29\u5c0f\u56fe\u6807\u4e0b\u8fb9\u8ddd\uff1a\u4ece15px\u51cf\u4e3a12px *\/\r\n margin: 0 auto 12px; \r\n transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n \/* \u6dfb\u52a0\u767d\u8272\u8fb9\u6846\uff0c\u9632\u6b62\u6a2a\u7ebf\u7a7f\u8fc7\u65f6\u89c6\u89c9\u5e72\u6270 *\/\r\n border: 2px solid #fff; \r\n }\r\n\r\n .qc-item:hover .qc-icon {\r\n transform: scale(1.15);\r\n background: #005bbb; \/* hover\u65f6\u53d8\u4eae *\/\r\n }\r\n\r\n \/* ---- \u6587\u672c\u5185\u5bb9 ---- *\/\r\n .qc-title-sm {\r\n font-size: 16px;\r\n font-weight: 700;\r\n margin-bottom: 8px;\r\n color: #222;\r\n }\r\n\r\n .qc-text {\r\n font-size: 13px;\r\n color: #666;\r\n line-height: 1.5;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* ---- \u52a8\u753b\u5b9a\u4e49 ---- *\/\r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(10px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes drawLine {\r\n to { left: 0; }\r\n }\r\n\r\n @keyframes stepFloat {\r\n from { opacity: 0; transform: translateY(15px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n \/* ---- \u79fb\u52a8\u7aef\u9002\u914d (Max Width 768px) ---- *\/\r\n @media (max-width: 768px) {\r\n .qc-wrapper {\r\n margin: 20px auto;\r\n padding: 0 20px;\r\n }\r\n\r\n .qc-steps {\r\n flex-direction: column;\r\n gap: 25px; \/* \u7f29\u5c0f\u5782\u76f4\u95f4\u8ddd *\/\r\n }\r\n\r\n .qc-line {\r\n \/* \u79fb\u52a8\u7aef\u6539\u4e3a\u5782\u76f4\u7ebf\uff0c\u6216\u8005\u76f4\u63a5\u9690\u85cf *\/\r\n display: none; \r\n }\r\n\r\n .qc-item {\r\n width: 100%;\r\n display: flex;\r\n text-align: left;\r\n align-items: flex-start;\r\n padding: 0;\r\n }\r\n\r\n .qc-icon {\r\n margin: 0 15px 0 0; \/* \u56fe\u6807\u653e\u5728\u5de6\u4fa7 *\/\r\n flex-shrink: 0;\r\n }\r\n\r\n .qc-content-box {\r\n flex: 1;\r\n }\r\n\r\n .qc-title-sm {\r\n margin-top: 0;\r\n margin-bottom: 4px;\r\n }\r\n \r\n .qc-text {\r\n max-width: 100%; \/* \u5141\u8bb8\u6587\u5b57\u5360\u6ee1\u5269\u4f59\u5bbd\u5ea6 *\/\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"qc-wrapper\">\r\n <div class=\"qc-title\">Quality Inspection: Meeting Surgical Standards<\/div>\r\n\r\n <div class=\"qc-steps\">\r\n \r\n <!-- \u8fdb\u5ea6\u6761\u80cc\u666f\u7ebf -->\r\n <div class=\"qc-line\"><\/div>\r\n\r\n <!-- Step 1 -->\r\n <div class=\"qc-item\">\r\n <div class=\"qc-icon\">1<\/div>\r\n <!-- \u589e\u52a0\u4e00\u4e2a\u5bb9\u5668\u65b9\u4fbf\u79fb\u52a8\u7aefFlex\u5e03\u5c40 -->\r\n <div class=\"qc-content-box\">\r\n <div class=\"qc-title-sm\">Dimensional Accuracy<\/div>\r\n <div class=\"qc-text\">\r\n CMM measurements (\u00b10.001mm) for critical features (e.g., blade alignment, hole positions).\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Step 2 -->\r\n <div class=\"qc-item\">\r\n <div class=\"qc-icon\">2<\/div>\r\n <div class=\"qc-content-box\">\r\n <div class=\"qc-title-sm\">Surface Quality<\/div>\r\n <div class=\"qc-text\">\r\n 50x-100x magnification to check for burrs\/scratches; Ra testing for mirror finishes.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Step 3 -->\r\n <div class=\"qc-item\">\r\n <div class=\"qc-icon\">3<\/div>\r\n <div class=\"qc-content-box\">\r\n <div class=\"qc-title-sm\">Mechanical Testing<\/div>\r\n <div class=\"qc-text\">\r\n Blade sharpness (cutting force <5N); 10,000-cycle durability tests for forceps hinges.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Step 4 -->\r\n <div class=\"qc-item\">\r\n <div class=\"qc-icon\">4<\/div>\r\n <div class=\"qc-content-box\">\r\n <div class=\"qc-title-sm\">Compliance Checks<\/div>\r\n <div class=\"qc-text\">\r\n Material composition analysis (XRF); 96-hour salt spray testing; biocompatibility screening (USP Class VI).\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-070b930 e-con-full e-flex e-con e-parent\" data-id=\"070b930\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c24290 elementor-widget elementor-widget-html\" data-id=\"7c24290\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"zh-CN\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>CTA Section White with Modal<\/title>\r\n <style>\r\n \/* \u6ce8\u610f\uff1a\u5df2\u79fb\u9664\u5168\u5c40 body \u6837\u5f0f\u3002\r\n \u5982\u679c\u60a8\u7684\u7f51\u7ad9\u4e3b\u5bb9\u5668\u662f\u5168\u5bbd\u7684\uff0c\u8fd9\u4e2a\u6a21\u5757\u5c06\u4f1a\u81ea\u52a8\u5360\u6ee1\u5c4f\u5e55\u5bbd\u5ea6\u3002\r\n *\/\r\n\r\n .cta-section {\r\n width: 100%; \/* \u5f3a\u5236\u5360\u6ee1\u7236\u5bb9\u5668\u5bbd\u5ea6 *\/\r\n display: block; \/* \u786e\u4fdd\u8868\u73b0\u4e3a\u5757\u7ea7\u5143\u7d20 *\/\r\n background-color: #ffffff;\r\n padding: 60px 20px;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n border-bottom: 1px solid #eaeaea;\r\n box-sizing: border-box; \/* \u786e\u4fdd padding \u4e0d\u4f1a\u6491\u7834\u5e03\u5c40 *\/\r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\r\n margin: 0; \/* \u6e05\u9664\u6a21\u5757\u81ea\u8eab\u7684\u9ed8\u8ba4\u5916\u8fb9\u8ddd *\/\r\n }\r\n\r\n .cta-container {\r\n width: 100%; \/* \u5bb9\u5668\u5bbd\u5ea6\u9002\u914d *\/\r\n max-width: 1200px; \/* \u5185\u5bb9\u6700\u5927\u5bbd\u5ea6\u4fdd\u6301\u53ef\u8bfb\u6027 *\/\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .cta-title {\r\n color: #009FB2;\r\n font-size: 42px;\r\n font-weight: 700;\r\n margin: 0 0 40px;\r\n letter-spacing: 1px;\r\n opacity: 0;\r\n animation: ctaFadeIn 1s ease-out 0.2s forwards;\r\n line-height: 1.2;\r\n }\r\n\r\n .cta-buttons {\r\n display: flex;\r\n gap: 20px;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n opacity: 0;\r\n animation: ctaSlideIn 1s ease-out 0.6s forwards;\r\n }\r\n\r\n .cta-btn {\r\n padding: 16px 40px;\r\n font-size: 16px;\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 4px;\r\n transition: all 0.3s ease;\r\n letter-spacing: 1px;\r\n display: inline-block;\r\n cursor: pointer;\r\n border: 2px solid transparent;\r\n box-sizing: border-box;\r\n }\r\n\r\n .btn-primary {\r\n background-color: #009FB2;\r\n color: #ffffff;\r\n border-color: #009FB2;\r\n }\r\n\r\n .btn-primary:hover {\r\n background-color: #007a8a;\r\n border-color: #007a8a;\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px rgba(0, 159, 178, 0.3);\r\n }\r\n\r\n .btn-secondary {\r\n background-color: transparent;\r\n color: #009FB2;\r\n border-color: #009FB2;\r\n }\r\n\r\n .btn-secondary:hover {\r\n background-color: #009FB2;\r\n color: #ffffff;\r\n border-color: #009FB2;\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px rgba(0, 159, 178, 0.2);\r\n }\r\n\r\n \/* --- \u5f39\u7a97\u6837\u5f0f (\u521b\u610f\u5347\u7ea7\u7248) --- *\/\r\n .modal-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(255, 255, 255, 0.6); \/* \u6539\u4e3a\u767d\u8272\u9ad8\u4eae\u906e\u7f69\uff0c\u66f4\u663e\u5e72\u51c0 *\/\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 9999;\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: all 0.4s ease;\r\n backdrop-filter: blur(8px); \/* \u52a0\u5f3a\u6bdb\u73bb\u7483\u6548\u679c *\/\r\n }\r\n\r\n .modal-overlay.active {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n\r\n .modal-content {\r\n background: #ffffff;\r\n padding: 40px 30px; \/* \u589e\u52a0\u5782\u76f4\u7a7a\u95f4 *\/\r\n border-radius: 16px; \/* \u66f4\u5706\u6da6\u7684\u5706\u89d2 *\/\r\n width: 90%;\r\n max-width: 600px;\r\n position: relative;\r\n text-align: left;\r\n box-sizing: border-box;\r\n \r\n \/* \u521b\u610f\u70b9\uff1a\u591a\u91cd\u5f69\u8272\u9634\u5f71\uff0c\u5236\u9020\u60ac\u6d6e\u611f\u548c\u5fae\u5149\u611f *\/\r\n box-shadow: \r\n 0 20px 50px -10px rgba(0, 159, 178, 0.25), \r\n 0 0 0 1px rgba(0, 159, 178, 0.05);\r\n \r\n \/* \u52a8\u753b\uff1a\u5e26\u5f39\u6027\u7684\u5165\u573a *\/\r\n transform: translateY(30px) scale(0.95);\r\n opacity: 0;\r\n transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease;\r\n }\r\n\r\n \/* \u9876\u90e8\u6e10\u53d8\u88c5\u9970\u6761 *\/\r\n .modal-content::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 6px;\r\n background: linear-gradient(90deg, #009FB2, #4dd0e1);\r\n border-radius: 16px 16px 0 0;\r\n }\r\n\r\n .modal-overlay.active .modal-content {\r\n transform: translateY(0) scale(1);\r\n opacity: 1;\r\n }\r\n\r\n \/* \u521b\u610f\u5173\u95ed\u6309\u94ae *\/\r\n .close-modal {\r\n position: absolute;\r\n top: 15px;\r\n right: 15px;\r\n width: 32px;\r\n height: 32px;\r\n background: #f0f9fa; \/* \u6781\u6de1\u7684\u9752\u8272\u80cc\u666f *\/\r\n color: #009FB2;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 20px;\r\n cursor: pointer;\r\n transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n z-index: 10;\r\n line-height: 1;\r\n }\r\n\r\n .close-modal:hover {\r\n background: #009FB2;\r\n color: #fff;\r\n transform: rotate(90deg) scale(1.1); \/* \u65cb\u8f6c+\u653e\u5927 *\/\r\n box-shadow: 0 4px 10px rgba(0, 159, 178, 0.3);\r\n }\r\n\r\n \/* \u7b80\u7801\u5360\u4f4d\u7b26\u533a\u57df\u6837\u5f0f - \u66f4\u52a0\u6781\u7b80 *\/\r\n .shortcode-placeholder {\r\n \/* \u79fb\u9664\u80cc\u666f\u8272\uff0c\u76f4\u63a5\u5c55\u793a\u5185\u5bb9\uff0c\u6216\u8005\u4fdd\u7559\u6781\u6de1\u7684\u80cc\u666f *\/\r\n background: transparent; \r\n \/* \u5982\u679c\u8868\u5355\u81ea\u5e26\u6837\u5f0f\uff0c\u8fd9\u91cc\u5c3d\u91cf\u4e0d\u52a0\u8fb9\u6846\u5e72\u6270\uff0c\u6216\u8005\u52a0\u4e00\u4e2a\u6781\u6de1\u7684\u6307\u5f15\u7ebf *\/\r\n border: 2px dashed #d1eef2; \r\n border-radius: 8px;\r\n padding: 20px;\r\n text-align: center;\r\n color: #009FB2;\r\n font-family: monospace;\r\n font-size: 14px;\r\n word-break: break-all;\r\n margin-top: 10px; \/* \u907f\u5f00\u5173\u95ed\u6309\u94ae *\/\r\n }\r\n\r\n \/* \u52a8\u753b\u91cd\u547d\u540d\uff0c\u9632\u6b62\u51b2\u7a81 *\/\r\n @keyframes ctaFadeIn {\r\n from { opacity: 0; transform: translateY(-20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes ctaSlideIn {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n \/* \u79fb\u52a8\u7aef\u9002\u914d *\/\r\n @media (max-width: 768px) {\r\n .cta-section {\r\n padding: 40px 16px;\r\n }\r\n\r\n .cta-title {\r\n font-size: 28px;\r\n margin-bottom: 30px;\r\n line-height: 1.3;\r\n }\r\n\r\n .cta-buttons {\r\n flex-direction: column;\r\n gap: 16px;\r\n }\r\n\r\n .cta-btn {\r\n width: 100%;\r\n max-width: 300px;\r\n padding: 14px 20px;\r\n font-size: 15px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* \u5f39\u7a97\u79fb\u52a8\u7aef\u4f18\u5316\uff1a\u51cf\u5c11\u5185\u8fb9\u8ddd\uff0c\u8ba9\u8868\u5355\u5c3d\u91cf\u5bbd *\/\r\n .modal-content {\r\n padding: 30px 20px; \/* \u4fdd\u6301\u9002\u5f53\u7a7a\u95f4\u4f46\u7a0d\u5fae\u7d27\u51d1 *\/\r\n width: 92%;\r\n margin-top: 0;\r\n }\r\n \r\n .shortcode-placeholder {\r\n padding: 15px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"cta-section\">\r\n <div class=\"cta-container\">\r\n <h2 class=\"cta-title\">Ready to Build? Questions?<\/h2>\r\n <div class=\"cta-buttons\">\r\n <a href=\"javascript:void(0)\" class=\"cta-btn btn-primary open-modal-btn\">GET A QUOTE<\/a>\r\n <a href=\"javascript:void(0)\" class=\"cta-btn btn-secondary open-modal-btn\">CONTACT SALES<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \u5f39\u7a97\u7ed3\u6784 -->\r\n <div class=\"modal-overlay\" id=\"modalOverlay\">\r\n <div class=\"modal-content\">\r\n <span class=\"close-modal\" id=\"closeModal\">×<\/span>\r\n \r\n <!-- \u8fd9\u91cc\u653e\u7f6e\u7b80\u7801 -->\r\n <div class=\"shortcode-placeholder\" style=\"margin-bottom: 0;\">\r\n <div class='fluentform ff-default fluentform_wrapper_5 ffs_default_wrap'><form data-form_id=\"5\" id=\"fluentform_5\" class=\"frm-fluent-form fluent_form_5 ff-el-form-top ff_form_instance_5_2 ff-form-loading ffs_default\" data-form_instance=\"ff_form_instance_5_2\" method=\"POST\" ><fieldset style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">\u7b2c\u4e00\u9875<\/legend><input type='hidden' name='__fluent_form_embded_post_id' value='1849' \/><input type=\"hidden\" id=\"_fluentform_5_fluentformnonce\" name=\"_fluentform_5_fluentformnonce\" value=\"3e777d3787\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en_us\/wp-json\/wp\/v2\/pages\/1849\" \/><div data-type=\"name-element\" data-name=\"names\" class=\" ff-field_container ff-name-field-wrapper\" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group ff-el-form-top'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_5_2_names_first_name_' id='label_ff_5_2_names_first_name_' >First Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[first_name]\" id=\"ff_5_2_names_first_name_\" class=\"ff-el-form-control\" placeholder=\"Enter Your First Name\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><div class='ff-t-cell '><div class='ff-el-group ff-el-form-top'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_5_2_names_last_name_' id='label_ff_5_2_names_last_name_' >Last Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[last_name]\" id=\"ff_5_2_names_last_name_\" class=\"ff-el-form-control\" placeholder=\"Enter Your Last Name\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_5_2_email' id='label_ff_5_2_email' aria-label=\"Email\">Email<\/label><\/div><div class='ff-el-input--content'><input type=\"email\" name=\"email\" id=\"ff_5_2_email\" class=\"ff-el-form-control\" data-name=\"email\" aria-invalid=\"false\" aria-required=true><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_5_2_message' id='label_ff_5_2_message' aria-label=\"Please fill in your requirements, we will contact you within 24 hours\">Please fill in your requirements, we will contact you within 24 hours<\/label><\/div><div class='ff-el-input--content'><textarea aria-required=\"true\" aria-labelledby=\"label_ff_5_2_message\" name=\"message\" id=\"ff_5_2_message\" class=\"ff-el-form-control\" placeholder=\"Describe your current issues\/needs\" rows=\"4\" cols=\"2\" data-name=\"message\" ><\/textarea><\/div><\/div><div class='ff-el-group ff-dropzone'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_5_2_file-upload_1_2' id='label_ff_5_2_file-upload_1_2' aria-label=\"File upload\">File upload<\/label><\/div><div class='ff-el-input--content'><label for='ff_5_2_file-upload_1_2' class='ff_file_upload_holder'><span class='ff_upload_btn ff-btn' tabindex='0'>Select Upload file (privacy guaranteed)<\/span> <input type=\"file\" name=\"file-upload_1\" id=\"ff_5_2_file-upload_1_2\" class=\"ff-el-form-control ff-screen-reader-element\" data-name=\"file-upload_1\" multiple=\"1\" aria-invalid='false' aria-required=false><\/label><\/div><\/div><div class='ff-el-group ff-custom_html' tabindex='-1' data-name=\"custom_html-5_1\" ><p><span style=\"color: #ff0000\">Upload your 2D\/3D drawings (STEP, STP, STL, IGES, DWG, DXF, etc.).<\/span><br \/><span style=\"color: #ff0000\">For large files, please compress them into a .zip or .7z archive.<\/span><\/p><\/div><div class='ff-el-group ' ><div class='ff-el-input--content'><div data-fluent_id='5' name='h-captcha-response'><div\n\t\tdata-sitekey='f08cb5c4-2bbe-4300-b6d8-b4fc14cc4c54'\n\t\tid='fluentform-hcaptcha-5-2'\n\t\tclass='ff-el-hcaptcha h-captcha'><\/div><\/div><\/div><\/div><div class='ff-el-group ff-text-center ff_submit_btn_wrapper'><button type=\"submit\" class=\"ff-btn ff-btn-submit ff-btn-lg ff_btn_style\" aria-label=\"Submit Form\">Submit Form<\/button><\/div><\/fieldset><\/form><div id='fluentform_5_errors' class='ff-errors-in-stack ff_form_instance_5_2 ff-form-loading_errors ff_form_instance_5_2_errors'><\/div><\/div> <script type=\"text\/javascript\">\n window.fluent_form_ff_form_instance_5_2 = {\"id\":\"5\",\"ajaxUrl\":\"https:\\\/\\\/www.dakingsrapid.com\\\/wp-admin\\\/admin-ajax.php\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"asteriskPlacement\":\"asterisk-right\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_5_2\",\"form_id_selector\":\"fluentform_5\",\"rules\":{\"names[first_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"names[middle_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"names[last_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"email\":{\"required\":{\"value\":true,\"message\":\"Email field is required\",\"global\":false,\"global_message\":\"This field is required\"},\"email\":{\"value\":true,\"message\":\"This field must contain a valid email\",\"global\":true,\"global_message\":\"This field must contain a valid email\"}},\"message\":{\"required\":{\"value\":true,\"message\":\"Message field is required\",\"global\":false,\"global_message\":\"This field is required\"}},\"file-upload_1\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true},\"max_file_size\":{\"value\":209715200,\"_valueFrom\":\"MB\",\"message\":\"Validation fails for maximum file size\",\"global_message\":\"Validation fails for maximum file size\",\"global\":true},\"max_file_count\":{\"value\":\"10\",\"message\":\"Validation fails for maximum file count\",\"global_message\":\"Validation fails for maximum file count\",\"global\":true},\"allowed_file_types\":{\"value\":[\"jpg|jpeg|gif|png|bmp\",\"mp3|wav|ogg|oga|wma|mka|m4a|ra|mid|midi|mpga\",\"avi|divx|flv|mov|ogv|mkv|mp4|m4v|divx|mpg|mpeg|mpe|video\\\/quicktime|qt\",\"pdf\",\"doc|ppt|pps|xls|mdb|docx|xlsx|pptx|odt|odp|ods|odg|odc|odb|odf|rtf|txt\",\"zip|gz|gzip|rar|7z\",\"exe\",\"csv\"],\"message\":\"Invalid file type\",\"global_message\":\"Invalid file type\",\"global\":true}}},\"debounce_time\":300};\n <\/script>\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function() {\r\n \/\/ \u6eda\u52a8\u52a8\u753b\u903b\u8f91\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n \/\/ \u4ec5\u7528\u4e8e\u786e\u4fdd IntersectionObserver API \u6b63\u5e38\u52a0\u8f7d\r\n });\r\n }, { threshold: 0.2 });\r\n\r\n const animElements = document.querySelectorAll('.cta-title, .cta-buttons');\r\n if (animElements.length > 0) {\r\n animElements.forEach(el => observer.observe(el));\r\n }\r\n\r\n \/\/ \u5f39\u7a97\u903b\u8f91\r\n const modalOverlay = document.getElementById('modalOverlay');\r\n const closeModalBtn = document.getElementById('closeModal');\r\n const openModalBtns = document.querySelectorAll('.open-modal-btn');\r\n\r\n if (modalOverlay && closeModalBtn) {\r\n openModalBtns.forEach(btn => {\r\n btn.addEventListener('click', (e) => {\r\n e.preventDefault();\r\n modalOverlay.classList.add('active');\r\n });\r\n });\r\n\r\n closeModalBtn.addEventListener('click', () => {\r\n modalOverlay.classList.remove('active');\r\n });\r\n\r\n modalOverlay.addEventListener('click', (e) => {\r\n if (e.target === modalOverlay) {\r\n modalOverlay.classList.remove('active');\r\n }\r\n });\r\n }\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b06ca89 e-flex e-con-boxed e-con e-parent\" data-id=\"b06ca89\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f04b2b3 elementor-widget elementor-widget-heading\" data-id=\"f04b2b3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Automation Applications<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d3e949c elementor-widget elementor-widget-text-editor\" data-id=\"d3e949c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\t\t<p>Automation Parts for Cross-Industry Needs<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a54bdc1 e-flex e-con-boxed e-con e-parent\" data-id=\"a54bdc1\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da6a797 elementor-widget elementor-widget-html\" data-id=\"da6a797\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"zh-Hant\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>\u4ea7\u54c1\u7279\u6027\u5c55\u793a\u9009\u9879\u5361<\/title>\r\n <!-- \u5f15\u5165 Tailwind CSS -->\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <!-- \u5f15\u5165 Inter \u5b57\u9ad4 -->\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* \u50c5\u4fdd\u7559\u5fc5\u8981\u7684\u5c40\u90e8\u6a23\u5f0f\uff0c\u4e0d\u5f71\u97ff\u5168\u7ad9 *\/\r\n .tab-content {\r\n display: none; \/* \u9810\u8a2d\u96b1\u85cf *\/\r\n animation: fadeIn 0.5s ease-out;\r\n }\r\n \r\n \/* \u6de1\u5165\u52d5\u756b *\/\r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(5px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n \r\n \/* \u96b1\u85cf\u6efe\u52d5\u689d (\u91dd\u5c0d\u5c0e\u822a\u6b04) *\/\r\n .no-scrollbar::-webkit-scrollbar { display: none; }\r\n .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- \r\n WordPress \u5d4c\u5165\u5340\u584a\u958b\u59cb\r\n \u5df2\u79fb\u9664\u5168\u57df\u6a23\u5f0f\uff0c\u5b57\u9ad4\u8a2d\u5b9a\u65bc\u6700\u5916\u5c64 div\r\n -->\r\n <div class=\"w-full max-w-6xl mx-auto bg-gray-100 flex flex-col md:flex-row shadow-xl rounded-lg overflow-hidden md:min-h-[500px]\" style=\"font-family: 'Inter', sans-serif;\">\r\n \r\n <!-- 1. \u5de6\u5074\u5c0e\u822a\u6b04 -->\r\n <div class=\"w-full md:w-1\/4 bg-gradient-to-r md:bg-gradient-to-b from-[#6dd5fa] to-[#2980b9] flex flex-row md:flex-col justify-start md:justify-center overflow-x-auto md:overflow-visible no-scrollbar\">\r\n \r\n <!-- \u6309\u9215 1 (\u9810\u8a2d\u9078\u4e2d\uff1a\u80cc\u666f\u767d\u8272\uff0c\u6587\u5b57\u4e3b\u984c\u8272) -->\r\n <button onclick=\"openTab(event, 'tab-1')\" class=\"tab-btn whitespace-nowrap flex-shrink-0 w-auto md:w-full text-[#009FB2] text-sm md:text-lg font-bold py-3 px-5 md:py-4 md:px-6 text-center md:text-right hover:bg-white\/20 transition-colors bg-white\">\r\n Electronics\/3C\r\n <\/button>\r\n\r\n <!-- \u6309\u9215 2 (\u672a\u9078\u4e2d\uff1a\u6587\u5b57\u767d\u8272) -->\r\n <button onclick=\"openTab(event, 'tab-2')\" class=\"tab-btn whitespace-nowrap flex-shrink-0 w-auto md:w-full text-white text-sm md:text-lg font-bold py-3 px-5 md:py-4 md:px-6 text-center md:text-right hover:bg-white\/20 transition-colors\">\r\n Medical Automation\r\n <\/button>\r\n\r\n <!-- \u6309\u9215 3 -->\r\n <button onclick=\"openTab(event, 'tab-3')\" class=\"tab-btn whitespace-nowrap flex-shrink-0 w-auto md:w-full text-white text-sm md:text-lg font-bold py-3 px-5 md:py-4 md:px-6 text-center md:text-right hover:bg-white\/20 transition-colors\">\r\n New Energy\r\n <\/button>\r\n\r\n <!-- \u6309\u9215 4 -->\r\n <button onclick=\"openTab(event, 'tab-4')\" class=\"tab-btn whitespace-nowrap flex-shrink-0 w-auto md:w-full text-white text-sm md:text-lg font-bold py-3 px-5 md:py-4 md:px-6 text-center md:text-right hover:bg-white\/20 transition-colors\">\r\n AI & Robotics\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n <!-- 2. \u53f3\u5074\u5167\u5bb9\u5c55\u793a\u5340 -->\r\n <div class=\"w-full md:w-3\/4 relative bg-[#e5e5e5] flex flex-col md:block overflow-hidden h-auto md:h-auto min-h-[300px]\">\r\n \r\n <!-- \u5167\u5bb9 1 (\u9810\u8a2d\u986f\u793a) -->\r\n <div id=\"tab-1\" class=\"tab-content w-full h-full relative\" style=\"display: block;\">\r\n <img decoding=\"async\" src=\"https:\/\/www.dakingsrapid.com\/wp-content\/uploads\/2025\/11\/08272239-4755-41bf-aebd-4523f4332b9b.jpg\" class=\"w-full h-[250px] md:h-full object-cover object-center block\" alt=\"Engine Manifold\" title=\"\">\r\n \r\n <!-- \u6587\u5b57\u63cf\u8ff0\u6846 -->\r\n <div class=\"relative w-full bg-white md:absolute md:bottom-0 md:right-0 md:w-1\/2 md:bg-white\/95 text-gray-800 p-6 md:p-8 shadow-sm\">\r\n <p class=\"text-sm md:text-base font-medium leading-relaxed\">\r\n Non-standard fixtures and modules for assembly lines aluminum profiles with anodized finish, ensuring durability in high-frequency use.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u5167\u5bb9 2 -->\r\n <div id=\"tab-2\" class=\"tab-content w-full h-full relative\">\r\n <img decoding=\"async\" src=\"https:\/\/www.dakingsrapid.com\/wp-content\/uploads\/2025\/11\/17bc59ee-89cd-4b2c-b557-4867b46c9a9e.jpg\" class=\"w-full h-[250px] md:h-full object-cover object-center block\" alt=\"Chassis Part\" loading=\"lazy\" title=\"\">\r\n \r\n <!-- \u6587\u5b57\u63cf\u8ff0\u6846 -->\r\n <div class=\"relative w-full bg-white md:absolute md:bottom-0 md:right-0 md:w-1\/2 md:bg-white\/95 text-gray-800 p-6 md:p-8 shadow-sm\">\r\n <p class=\"text-sm md:text-base font-medium leading-relaxed\">\r\n Precision components for testing equipment (e.g. Mindray's in-vitro diagnostic modules) focused on flatness (\u22640.02mm) for stable operation.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u5167\u5bb9 3 -->\r\n <div id=\"tab-3\" class=\"tab-content w-full h-full relative\">\r\n <img decoding=\"async\" src=\"https:\/\/www.dakingsrapid.com\/wp-content\/uploads\/2025\/11\/95aa0d33-d3a2-43ea-b0fd-17142b21e645.jpg\" class=\"w-full h-[250px] md:h-full object-cover object-center block\" alt=\"Interior Part\" loading=\"lazy\" title=\"\">\r\n \r\n <!-- \u6587\u5b57\u63cf\u8ff0\u6846 -->\r\n <div class=\"relative w-full bg-white md:absolute md:bottom-0 md:right-0 md:w-1\/2 md:bg-white\/95 text-gray-800 p-6 md:p-8 shadow-sm\">\r\n <p class=\"text-sm md:text-base font-medium leading-relaxed\">\r\n Structural parts for battery production lines - steel components with powder coating to resist corrosion in factory environments.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u5167\u5bb9 4 -->\r\n <div id=\"tab-4\" class=\"tab-content w-full h-full relative\">\r\n <img decoding=\"async\" src=\"https:\/\/www.dakingsrapid.com\/wp-content\/uploads\/2025\/11\/37d1accf-8354-4868-b664-736bac81d64c.jpg\" class=\"w-full h-[250px] md:h-full object-cover object-center block\" alt=\"Electrical Part\" loading=\"lazy\" title=\"\">\r\n \r\n <!-- \u6587\u5b57\u63cf\u8ff0\u6846 -->\r\n <div class=\"relative w-full bg-white md:absolute md:bottom-0 md:right-0 md:w-1\/2 md:bg-white\/95 text-gray-800 p-6 md:p-8 shadow-sm\">\r\n <p class=\"text-sm md:text-base font-medium leading-relaxed\">\r\n Lightweight aluminum brackets for robotic arms optimized for low cost and quick turnaround (50+ varieties, 10-50 units\/batch).\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n function openTab(evt, tabName) {\r\n \/\/ 1. \u96b1\u85cf\u6240\u6709\u5167\u5bb9\r\n const tabContents = document.querySelectorAll(\".tab-content\");\r\n tabContents.forEach(content => {\r\n content.style.display = \"none\";\r\n });\r\n\r\n \/\/ 2. \u79fb\u9664\u6240\u6709\u6309\u9215\u7684\u9078\u4e2d\u6a23\u5f0f\r\n const tabBtns = document.querySelectorAll(\".tab-btn\");\r\n tabBtns.forEach(btn => {\r\n \/\/ \u91cd\u7f6e\u4e3a\u9ed8\u8ba4\u72b6\u6001\uff1a\u79fb\u9664\u767d\u8272\u80cc\u666f\u548c\u4e3b\u9898\u8272\u6587\u5b57\r\n btn.classList.remove(\"bg-white\", \"text-[#009FB2]\");\r\n \/\/ \u6062\u590d\u9ed8\u8ba4\u767d\u8272\u6587\u5b57\r\n btn.classList.add(\"text-white\");\r\n });\r\n\r\n \/\/ 3. \u986f\u793a\u76ee\u6a19\u5167\u5bb9\u4e26\u555f\u7528\u6309\u9215\u6a23\u5f0f\r\n document.getElementById(tabName).style.display = \"block\";\r\n \r\n \/\/ \u8bbe\u7f6e\u9009\u4e2d\u72b6\u6001\uff1a\u79fb\u9664\u9ed8\u8ba4\u767d\u8272\u6587\u5b57\uff0c\u6dfb\u52a0\u767d\u8272\u80cc\u666f\u548c\u4e3b\u9898\u8272\u6587\u5b57\r\n evt.currentTarget.classList.remove(\"text-white\");\r\n evt.currentTarget.classList.add(\"bg-white\", \"text-[#009FB2]\");\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-885791d e-con-full e-flex e-con e-parent\" data-id=\"885791d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71a0ea4 elementor-widget elementor-widget-html\" data-id=\"71a0ea4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"zh-Hant\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Automotive Usage Grid<\/title>\r\n <!-- \u5f15\u5165 Tailwind CSS -->\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <!-- \u5f15\u5165 Inter \u5b57\u9ad4 -->\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- \r\n \u8907\u88fd\u4ee5\u4e0b\u5340\u584a\u5230 WordPress \u7684 \"\u81ea\u8a02 HTML\" \u5340\u584a\u4e2d\r\n \u2193\u2193\u2193\u2193\u2193\u2193\u2193\u2193\u2193\u2193\u2193\u2193\u2193\u2193\u2193\u2193\u2193\u2193\u2193\u2193\u2193\u2193\u2193\u2193\u2193\u2193\u2193\u2193\u2193\u2193\u2193\u2193\u2193\u2193\u2193\u2193\u2193\u2193\u2193\u2193\r\n -->\r\n <section class=\"w-full py-16 px-4 bg-white\">\r\n <!-- \r\n max-w-full \u6216 max-w-screen-2xl: \u5141\u8a31\u5bb9\u5668\u66f4\u5bec\uff0c\u4ee5\u5bb9\u7d0d 5 \u5217\u5361\u7247 \r\n px-4 md:px-8: \u589e\u52a0\u4e00\u4e9b\u5de6\u53f3\u5167\u908a\u8ddd\r\n -->\r\n <div class=\"max-w-[1400px] mx-auto\">\r\n \r\n <!-- 1. \u4e3b\u6a19\u984c -->\r\n <h2 class=\"text-3xl md:text-4xl font-bold text-center text-gray-900 mb-12\">\r\n How Automation Engineers Use DakingsRapid Networks\r\n <\/h2>\r\n\r\n <!-- 2. \u7db2\u683c\u5bb9\u5668 -->\r\n <!-- \r\n grid-cols-1: \u624b\u6a5f\u7aef 1 \u5217\r\n md:grid-cols-3: \u5e73\u677f\u7aef 3 \u5217 (\u904e\u6e21)\r\n lg:grid-cols-5: \u96fb\u8166\u7aef 5 \u5217 (\u9019\u5c31\u662f\u60a8\u7684\u8981\u6c42\uff1a\u4e00\u884c5\u500b)\r\n gap-4: \u5361\u7247\u4e4b\u9593\u7684\u9593\u8ddd\r\n -->\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 lg:grid-cols-5 gap-4\">\r\n\r\n <!-- \u5361\u7247 1 -->\r\n <div class=\"flex items-center p-4 bg-[#f8f9fa] rounded-lg hover:shadow-md transition-shadow h-full\">\r\n <div class=\"flex-shrink-0 mr-3\">\r\n <div class=\"w-6 h-6 rounded-full bg-[#00a95c] flex items-center justify-center\">\r\n <svg class=\"w-3.5 h-3.5 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n <\/div>\r\n <\/div>\r\n <p class=\"text-gray-800 font-medium text-sm\">Clamps<\/p>\r\n <\/div>\r\n\r\n <!-- \u5361\u7247 2 -->\r\n <div class=\"flex items-center p-4 bg-[#f8f9fa] rounded-lg hover:shadow-md transition-shadow h-full\">\r\n <div class=\"flex-shrink-0 mr-3\">\r\n <div class=\"w-6 h-6 rounded-full bg-[#00a95c] flex items-center justify-center\">\r\n <svg class=\"w-3.5 h-3.5 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n <\/div>\r\n <\/div>\r\n <p class=\"text-gray-800 font-medium text-sm\">End effectors<\/p>\r\n <\/div>\r\n\r\n <!-- \u5361\u7247 3 -->\r\n <div class=\"flex items-center p-4 bg-[#f8f9fa] rounded-lg hover:shadow-md transition-shadow h-full\">\r\n <div class=\"flex-shrink-0 mr-3\">\r\n <div class=\"w-6 h-6 rounded-full bg-[#00a95c] flex items-center justify-center\">\r\n <svg class=\"w-3.5 h-3.5 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n <\/div>\r\n <\/div>\r\n <p class=\"text-gray-800 font-medium text-sm\">Casings<\/p>\r\n <\/div>\r\n\r\n <!-- \u5361\u7247 4 -->\r\n <div class=\"flex items-center p-4 bg-[#f8f9fa] rounded-lg hover:shadow-md transition-shadow h-full\">\r\n <div class=\"flex-shrink-0 mr-3\">\r\n <div class=\"w-6 h-6 rounded-full bg-[#00a95c] flex items-center justify-center\">\r\n <svg class=\"w-3.5 h-3.5 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n <\/div>\r\n <\/div>\r\n <p class=\"text-gray-800 font-medium text-sm\">Sensors<\/p>\r\n <\/div>\r\n\r\n <!-- \u5361\u7247 5 -->\r\n <div class=\"flex items-center p-4 bg-[#f8f9fa] rounded-lg hover:shadow-md transition-shadow h-full\">\r\n <div class=\"flex-shrink-0 mr-3\">\r\n <div class=\"w-6 h-6 rounded-full bg-[#00a95c] flex items-center justify-center\">\r\n <svg class=\"w-3.5 h-3.5 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n <\/div>\r\n <\/div>\r\n <p class=\"text-gray-800 font-medium text-sm\">Motors<\/p>\r\n <\/div>\r\n\r\n <!-- \u5361\u7247 6 -->\r\n <div class=\"flex items-center p-4 bg-[#f8f9fa] rounded-lg hover:shadow-md transition-shadow h-full\">\r\n <div class=\"flex-shrink-0 mr-3\">\r\n <div class=\"w-6 h-6 rounded-full bg-[#00a95c] flex items-center justify-center\">\r\n <svg class=\"w-3.5 h-3.5 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n <\/div>\r\n <\/div>\r\n <p class=\"text-gray-800 font-medium text-sm\">Tubing<\/p>\r\n <\/div>\r\n\r\n <!-- \u5361\u7247 7 -->\r\n <div class=\"flex items-center p-4 bg-[#f8f9fa] rounded-lg hover:shadow-md transition-shadow h-full\">\r\n <div class=\"flex-shrink-0 mr-3\">\r\n <div class=\"w-6 h-6 rounded-full bg-[#00a95c] flex items-center justify-center\">\r\n <svg class=\"w-3.5 h-3.5 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n <\/div>\r\n <\/div>\r\n <p class=\"text-gray-800 font-medium text-sm\">Housing & containers<\/p>\r\n <\/div>\r\n\r\n <!-- \u5361\u7247 8 -->\r\n <div class=\"flex items-center p-4 bg-[#f8f9fa] rounded-lg hover:shadow-md transition-shadow h-full\">\r\n <div class=\"flex-shrink-0 mr-3\">\r\n <div class=\"w-6 h-6 rounded-full bg-[#00a95c] flex items-center justify-center\">\r\n <svg class=\"w-3.5 h-3.5 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n <\/div>\r\n <\/div>\r\n <p class=\"text-gray-800 font-medium text-sm\">Automation parts<\/p>\r\n <\/div>\r\n\r\n <!-- \u5361\u7247 9 -->\r\n <div class=\"flex items-center p-4 bg-[#f8f9fa] rounded-lg hover:shadow-md transition-shadow h-full\">\r\n <div class=\"flex-shrink-0 mr-3\">\r\n <div class=\"w-6 h-6 rounded-full bg-[#00a95c] flex items-center justify-center\">\r\n <svg class=\"w-3.5 h-3.5 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n <\/div>\r\n <\/div>\r\n <p class=\"text-gray-800 font-medium text-sm\">Replacement parts<\/p>\r\n <\/div>\r\n\r\n <!-- \u5361\u7247 10 -->\r\n <div class=\"flex items-center p-4 bg-[#f8f9fa] rounded-lg hover:shadow-md transition-shadow h-full\">\r\n <div class=\"flex-shrink-0 mr-3\">\r\n <div class=\"w-6 h-6 rounded-full bg-[#00a95c] flex items-center justify-center\">\r\n <svg class=\"w-3.5 h-3.5 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n <\/div>\r\n <\/div>\r\n <p class=\"text-gray-800 font-medium text-sm\">Parts for<br>Assemblies<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <!-- \r\n \u2191\u2191\u2191\u2191\u2191\u2191\u2191\u2191\u2191\u2191\u2191\u2191\u2191\u2191\u2191\u2191\u2191\u2191\u2191\u2191\u2191\u2191\u2191\u2191\u2191\u2191\u2191\u2191\u2191\u2191\u2191\u2191\u2191\u2191\u2191\u2191\u2191\u2191\u2191\u2191\r\n \u8907\u88fd\u7d50\u675f\r\n -->\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2648219 e-con-full e-flex e-con e-parent\" data-id=\"2648219\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-be08b74 elementor-widget elementor-widget-html\" data-id=\"be08b74\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t<!-- \r\n \u2605 Dakingsrapid \u6848\u4f8b\u7814\u7a76\u6a21\u7d44 (\u624b\u6a5f\u7aef\u6975\u81f4\u7dca\u6e4a\u7248) \u2605\r\n - \u96fb\u8166\u7aef\uff1a\u4fdd\u6301\u8212\u9069\u7dca\u6e4a (\u5b57\u865f 14.5px)\r\n - \u624b\u6a5f\u7aef\uff1a\u9593\u8ddd\u6975\u81f4\u6536\u7dca (\u5b57\u865f 15px, \u884c\u9ad8 1.35, \u6e1b\u5c11\u7559\u767d)\r\n - \u984f\u8272\uff1a#0097A7\r\n-->\r\n\r\n<style>\r\n \/* === \u4f5c\u7528\u57df\u4fdd\u8b77 === *\/\r\n .dk-case-wrapper {\r\n font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n max-width: 1100px;\r\n margin: 30px auto;\r\n background: #fff;\r\n color: #333;\r\n line-height: 1.45; \/* \u96fb\u8166\u7aef\u9810\u8a2d\u884c\u9ad8 *\/\r\n box-sizing: border-box;\r\n }\r\n \r\n .dk-case-wrapper * {\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* === \u4f48\u5c40\u7cfb\u7d71 === *\/\r\n .dk-case-container {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 30px;\r\n align-items: flex-start;\r\n opacity: 0;\r\n animation: dkFadeInUp 0.8s ease-out forwards;\r\n }\r\n\r\n \/* === \u5de6\u5074\u5716\u7247\u5340\u57df === *\/\r\n .dk-case-image-box {\r\n flex: 1 1 350px;\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 6px;\r\n box-shadow: 0 8px 25px rgba(0,0,0,0.06);\r\n min-height: 280px; \r\n align-self: stretch;\r\n }\r\n\r\n .dk-case-image-box img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n }\r\n\r\n .dk-case-image-box:hover img {\r\n transform: scale(1.08);\r\n }\r\n\r\n \/* === \u53f3\u5074\u5167\u5bb9\u5340\u57df === *\/\r\n .dk-case-content {\r\n flex: 1.2 1 400px;\r\n padding: 5px;\r\n }\r\n\r\n \/* \u5c0f\u6a19\u7c64 *\/\r\n .dk-label {\r\n display: inline-block;\r\n font-weight: 700;\r\n font-size: 13px;\r\n color: #ff6b6b; \r\n margin-bottom: 8px;\r\n letter-spacing: 0.5px;\r\n text-transform: uppercase;\r\n }\r\n\r\n \/* \u4e3b\u6a19\u984c *\/\r\n .dk-case-content h2 {\r\n font-size: 24px;\r\n font-weight: 800;\r\n margin: 0 0 15px 0;\r\n color: #1a1a1a;\r\n line-height: 1.25;\r\n }\r\n\r\n \/* \u5c0f\u6a19\u984c *\/\r\n .dk-sub-title {\r\n font-size: 16px;\r\n font-weight: 700;\r\n color: #1a1a1a;\r\n margin: 15px 0 5px 0;\r\n display: block;\r\n }\r\n\r\n \/* \u6b63\u6587\u6bb5\u843d *\/\r\n .dk-text {\r\n font-size: 14.5px; \r\n color: #555;\r\n margin: 0 0 10px 0;\r\n text-align: justify;\r\n }\r\n\r\n \/* === \u5217\u8868 === *\/\r\n .dk-solution-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 10px 0;\r\n }\r\n\r\n .dk-solution-list li {\r\n position: relative;\r\n padding-left: 24px;\r\n margin-bottom: 6px;\r\n font-size: 14.5px; \r\n color: #444;\r\n line-height: 1.4;\r\n }\r\n\r\n .dk-solution-list li::before {\r\n content: '\u2714';\r\n position: absolute;\r\n left: 0;\r\n top: 1px;\r\n width: 16px;\r\n height: 16px;\r\n background: #0097A7;\r\n color: #fff;\r\n border-radius: 50%;\r\n text-align: center;\r\n line-height: 16px;\r\n font-size: 10px;\r\n font-weight: bold;\r\n box-shadow: 0 2px 4px rgba(0, 151, 167, 0.2);\r\n }\r\n\r\n @keyframes dkFadeInUp {\r\n from { opacity: 0; transform: translateY(15px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n \/* === \u624b\u6a5f\u7aef\u9069\u914d (\u95dc\u9375\u4fee\u6539\uff1a\u6975\u81f4\u7dca\u6e4a) === *\/\r\n @media (max-width: 768px) {\r\n .dk-case-wrapper {\r\n margin: 10px auto; \/* \u6e1b\u5c11\u5916\u90e8\u908a\u8ddd *\/\r\n padding: 0 12px;\r\n }\r\n .dk-case-container {\r\n gap: 12px; \/* \u6e1b\u5c11\u5716\u7247\u548c\u6587\u5b57\u9593\u8ddd *\/\r\n }\r\n .dk-case-image-box {\r\n min-height: 200px; \r\n max-height: 280px;\r\n margin-bottom: 5px;\r\n }\r\n \r\n \/* \u624b\u6a5f\u7aef\uff1a\u5b57\u9ad4\u9593\u8ddd\u5927\u5e45\u6536\u7dca *\/\r\n .dk-case-content h2 {\r\n font-size: 22px; \/* \u7a0d\u5fae\u7e2e\u5c0f\u6a19\u984c *\/\r\n margin-bottom: 8px; \/* \u6e1b\u5c11\u6a19\u984c\u4e0b\u65b9\u7559\u767d *\/\r\n line-height: 1.2;\r\n }\r\n .dk-sub-title {\r\n font-size: 16px; \r\n margin-top: 12px; \/* \u6e1b\u5c11\u4e0a\u65b9\u7559\u767d *\/\r\n margin-bottom: 4px;\r\n }\r\n .dk-text {\r\n font-size: 15px; \/* \u5b57\u865f\u5fae\u8abf\u5230 15px *\/\r\n line-height: 1.35; \/* \u2605 \u95dc\u9375\uff1a\u884c\u9ad8\u58d3\u4f4e\u5230 1.35 *\/\r\n margin-bottom: 8px; \/* \u6e1b\u5c11\u6bb5\u843d\u9593\u8ddd *\/\r\n }\r\n .dk-solution-list li {\r\n font-size: 15px;\r\n margin-bottom: 4px; \/* \u5217\u8868\u9593\u8ddd\u5f9e 6px \u6e1b\u81f3 4px *\/\r\n line-height: 1.35;\r\n }\r\n .dk-solution-list li::before {\r\n top: 2px;\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"dk-case-wrapper\">\r\n <div class=\"dk-case-container\">\r\n \r\n <!-- \u5de6\u5074\u5716\u7247 -->\r\n <div class=\"dk-case-image-box\">\r\n <img decoding=\"async\" src=\"https:\/\/www.dakingsrapid.com\/wp-content\/uploads\/2026\/01\/jimeng-2026-01-06-2550-\u9ad8\u79d1\u6280\u5de5\u4e1a\u673a\u68b0\u81c2\u7684\u7279\u5199\u955c\u5934\uff0c\u751f\u52a8\u7684\u9ec4\u8272\u548c\u9ed1\u8272\u914d\u8272\u65b9\u6848\uff0c\u5177\u6709\u8be6\u7ec6\u7684\u673a\u68b0\u6293\u624b\uff08\u672b\u7aef\u6267.jpg\" alt=\"Precision Manufacturing Robot Arm\" title=\"\">\r\n <\/div>\r\n\r\n <!-- \u53f3\u5074\u6587\u5b57\u5167\u5bb9 -->\r\n <div class=\"dk-case-content\">\r\n <span class=\"dk-label\">Case Study<\/span>\r\n <h2>Precision Manufacturing & Assembly for 6-Axis Robots<\/h2>\r\n\r\n <span class=\"dk-sub-title\">Challenge<\/span>\r\n <p class=\"dk-text\">\r\n A robotics company needed high-tolerance components for 6-axis robots (under 8 microns) and a streamlined assembly process to slash production time by 25%.\r\n <\/p>\r\n\r\n <span class=\"dk-sub-title\">Solution<\/span>\r\n <p class=\"dk-text\"><strong>Dakingsrapid<\/strong> delivered an end-to-end solution:<\/p>\r\n <ul class=\"dk-solution-list\">\r\n <li>Custom CNC-machined parts with 5-micron repeatability<\/li>\r\n <li>6-axis robotic cells with auto-alignment for rapid assembly<\/li>\r\n <li>Real-time CMM checks during manufacturing and assembly<\/li>\r\n <li>AI workflow optimization to eliminate bottlenecks<\/li>\r\n <\/ul>\r\n\r\n <span class=\"dk-sub-title\">Result<\/span>\r\n <p class=\"dk-text\">\r\n The integrated solution achieved 99.2% compliant parts with 7-micron assembly accuracy, cut total production time by 28%, and scaled to 5,000 units\/month within 10 weeks.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1575289 e-flex e-con-boxed e-con e-parent\" data-id=\"1575289\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e0cb168 elementor-widget elementor-widget-heading\" data-id=\"e0cb168\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">FAQs<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c98a13 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"2c98a13\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-16bd448 e-flex e-con-boxed e-con e-parent\" data-id=\"16bd448\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Rapid Prototyping and On-Demand Production for Aerospace Industry Title Preview Automation Industry Obtain high-quality manufacturing services for your custom automated […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1849","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.dakingsrapid.com\/en_us\/wp-json\/wp\/v2\/pages\/1849","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dakingsrapid.com\/en_us\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.dakingsrapid.com\/en_us\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.dakingsrapid.com\/en_us\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dakingsrapid.com\/en_us\/wp-json\/wp\/v2\/comments?post=1849"}],"version-history":[{"count":0,"href":"https:\/\/www.dakingsrapid.com\/en_us\/wp-json\/wp\/v2\/pages\/1849\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.dakingsrapid.com\/en_us\/wp-json\/wp\/v2\/media?parent=1849"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}