{"id":14,"date":"2026-07-08T16:47:45","date_gmt":"2026-07-08T08:47:45","guid":{"rendered":"http:\/\/101.37.14.164\/?page_id=14"},"modified":"2026-07-10T10:05:41","modified_gmt":"2026-07-10T02:05:41","slug":"%e5%85%b3%e4%ba%8e%e6%88%91%e4%bb%ac","status":"publish","type":"page","link":"https:\/\/shelleypen.cn\/en\/%e5%85%b3%e4%ba%8e%e6%88%91%e4%bb%ac\/","title":{"rendered":"About Us"},"content":{"rendered":"\n<style>\n\/* \u5173\u4e8e\u6211\u4eec\u9875\u9762 V3 *\/\n.about-v3 {\n    width: 100%;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n    color: #333;\n    overflow: hidden;\n}\n\n\/* ========== \u6a21\u57571\uff1aHero\u533a - \u659c\u5207\u5f0f\u5206\u5272\uff08\u6a59\u8272+\u767d\u8272+\u56fe\u7247\u94fa\u5e95\uff09 ========== *\/\n.hero-section {\n    position: relative;\n    background: #FF6B00;\n    padding: 80px 0 0;\n    overflow: hidden;\n    min-height: 500px;\n}\n\n\/* \u56fe\u7247\u5c42\uff1a\u94fa\u6ee1\u53f3\u4fa7\uff0c\u7f6e\u5e95\u663e\u793a\uff0c\u88ab\u6a59\u8272\u8986\u76d6 *\/\n.hero-image-bg {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 60%;\n    height: 100%;\n    z-index: 0;\n    overflow: hidden;\n}\n\n.hero-image-bg img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center bottom;\n    display: block;\n}\n\n\/* \u767d\u8272\u659c\u5207\u533a\u57df\uff08\u534a\u900f\u660e\uff0c\u8ba9\u56fe\u7247\u900f\u51fa\u6765\uff09 *\/\n.hero-skew {\n    position: absolute;\n    top: 0;\n    right: -5%;\n    width: 55%;\n    height: 100%;\n    background: rgba(255,255,255,0.15);\n    transform: skewX(-8deg);\n    transform-origin: top left;\n    z-index: 1;\n}\n\n\/* \u6587\u5b57\u5185\u5bb9\u5c42 *\/\n.hero-content {\n    position: relative;\n    z-index: 2;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 60px 20px 80px;\n}\n\n.hero-text h1 {\n    font-size: 42px;\n    color: #FFFFFF;\n    margin-bottom: 20px;\n    line-height: 1.3;\n    max-width: 500px;\n}\n\n.hero-text p {\n    font-size: 16px;\n    color: rgba(255,255,255,0.9);\n    line-height: 1.8;\n    margin: 0;\n    max-width: 450px;\n}\n\n\/* ========== \u72ec\u7acb\u7684\u56db\u5361\u7247\u533a\u57df\uff08\u767d\u8272\u80cc\u666f\uff09 ========== *\/\n.hero-features-section {\n    background: #FFFFFF;\n    padding: 60px 20px;\n}\n\n.hero-features {\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n.hero-features-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 20px;\n}\n\n.hero-feature-item {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 24px 20px;\n    background: #FFFFFF;\n    border-radius: 10px;\n    border: 1px solid #F0F0F0;\n    border-left: 3px solid #FF6B00;\n    box-shadow: 0 2px 12px rgba(0,0,0,0.04);\n    transition: all 0.3s ease;\n}\n\n.hero-feature-item:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 6px 20px rgba(0,0,0,0.08);\n}\n\n.hero-feature-icon {\n    width: 48px;\n    height: 48px;\n    background: #FFF5EE;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 20px;\n    flex-shrink: 0;\n    color: #FF6B00;\n}\n\n.hero-feature-text h4 {\n    font-size: 15px;\n    color: #2D2D2D;\n    margin-bottom: 4px;\n}\n\n.hero-feature-text p {\n    font-size: 12px;\n    color: #888;\n    margin: 0;\n}\n\n\/* ========== \u6a21\u57572\uff1a\u5de5\u5382\u5b9e\u62cd ========== *\/\n.factory-section {\n    padding: 80px 20px;\n    background: #FFFFFF;\n}\n\n.section-header {\n    text-align: center;\n    margin-bottom: 50px;\n}\n\n.section-header h2 {\n    font-size: 32px;\n    color: #2D2D2D;\n    margin-bottom: 15px;\n    position: relative;\n    display: inline-block;\n    padding-bottom: 15px;\n}\n\n.section-header h2::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 60px;\n    height: 3px;\n    background: #FF6B00;\n}\n\n.section-header p {\n    font-size: 16px;\n    color: #888;\n}\n\n.factory-main-img {\n    max-width: 1200px;\n    margin: 0 auto 25px;\n    height: 400px;\n    background: #F0F0F0;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #999;\n    \/* \u66ff\u6362\u56fe\u7247\uff1abackground-image: url('\u56fe\u7247\u5730\u5740'); background-size: cover; *\/\n}\n\n.factory-grid {\n    max-width: 1200px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 25px;\n}\n\n.factory-img {\n    height: 220px;\n    background: #F0F0F0;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #999;\n    font-size: 13px;\n    transition: transform 0.3s ease;\n    \/* \u66ff\u6362\u56fe\u7247\uff1abackground-image: url('\u56fe\u7247\u5730\u5740'); background-size: cover; *\/\n}\n\n.factory-img:hover {\n    transform: scale(1.02);\n}\n\n\/* ========== \u6a21\u57573\uff1a\u4ea7\u54c1\u5e94\u7528 ========== *\/\n.application-section {\n    padding: 80px 20px;\n    background: #F5F5F5;\n}\n\n.application-grid {\n    max-width: 1200px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 25px;\n}\n\n.app-card {\n    background: #FFFFFF;\n    border-radius: 12px;\n    overflow: hidden;\n    transition: all 0.3s ease;\n    border: 1px solid #f0f0f0;\n}\n\n.app-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n}\n\n.app-card-img {\n    height: 200px;\n    background: #E8E8E8;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #999;\n    font-size: 13px;\n    \/* \u66ff\u6362\u56fe\u7247\uff1abackground-image: url('\u56fe\u7247\u5730\u5740'); background-size: cover; *\/\n}\n\n.app-card-body {\n    padding: 20px;\n}\n\n.app-card-body h3 {\n    font-size: 18px;\n    color: #2D2D2D;\n    margin-bottom: 10px;\n}\n\n.app-card-body p {\n    font-size: 13px;\n    color: #888;\n    line-height: 1.6;\n}\n\n\/* ========== ODM\u6848\u4f8b\u533a\u57df ========== *\/\n.odm-section {\n    padding: 80px 20px;\n    background: #FFFFFF;\n    text-align: center;\n}\n\n.odm-text-main {\n    font-size: 28px;\n    color: #2D2D2D;\n    font-weight: 700;\n    margin-bottom: 10px;\n}\n\n.odm-text-sub {\n    font-size: 16px;\n    color: #888;\n    margin-bottom: 50px;\n}\n\n.odm-stats {\n    max-width: 900px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n}\n\n.odm-stat-item {\n    padding: 35px 20px;\n    background: #F8F8F8;\n    border-radius: 12px;\n    border-top: 4px solid #FF6B00;\n}\n\n.odm-stat-num {\n    font-size: 48px;\n    font-weight: 700;\n    color: #FF6B00;\n    margin-bottom: 10px;\n}\n\n.odm-stat-num span {\n    font-size: 24px;\n}\n\n.odm-stat-text {\n    font-size: 15px;\n    color: #555;\n    line-height: 1.6;\n}\n\n\/* ========== \u6a21\u57574\uff1a\u7814\u53d1\u5b9e\u529b ========== *\/\n.rd-section {\n    padding: 80px 20px;\n    background: #F5F5F5;\n}\n\n.rd-grid {\n    max-width: 1200px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 40px;\n}\n\n.rd-card {\n    display: grid;\n    grid-template-columns: 200px 1fr;\n    gap: 25px;\n    background: #FFFFFF;\n    padding: 30px;\n    border-radius: 12px;\n    align-items: center;\n}\n\n.rd-card-img {\n    width: 200px;\n    height: 150px;\n    background: #E8E8E8;\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #999;\n    font-size: 12px;\n    \/* \u66ff\u6362\u56fe\u7247\uff1abackground-image: url('\u56fe\u7247\u5730\u5740'); background-size: cover; *\/\n}\n\n.rd-card-text h3 {\n    font-size: 20px;\n    color: #2D2D2D;\n    margin-bottom: 12px;\n}\n\n.rd-card-text p {\n    font-size: 14px;\n    color: #666;\n    line-height: 1.8;\n}\n\n\/* ========== \u6a21\u57575\uff1a\u4e13\u5229\u5c55\u793a\uff08\u5361\u7247\u5806\u53e0\u81ea\u52a8\u8f6e\u64ad\uff09 ========== *\/\n.patent-section {\n    padding: 80px 20px 60px;\n    background: #FFFFFF;\n    overflow: hidden;\n}\n\n.patent-carousel {\n    max-width: 1000px;\n    margin: 0 auto;\n    position: relative;\n    height: 420px;\n}\n\n\/* 5\u4e2a\u56fa\u5b9a\u4f4d\u7f6e\u7684\u5361\u7247 *\/\n.patent-card {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    border-radius: 12px;\n    overflow: hidden;\n    background: #F5F5F5;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #999;\n    font-size: 13px;\n    transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    border: 3px solid #E8E8E8;\n    box-shadow: 0 4px 20px rgba(0,0,0,0.08);\n}\n\n\/* \u4f4d\u7f6e1\uff1a\u6700\u5de6\u4fa7\uff0c\u6700\u5c0f *\/\n.patent-card[data-pos=\"1\"] {\n    width: 180px;\n    height: 240px;\n    transform: translate(-50%, -50%) translateX(-320px) scale(0.8);\n    z-index: 1;\n    opacity: 0.6;\n    filter: blur(1px);\n}\n\n\/* \u4f4d\u7f6e2\uff1a\u5de6\u4fa7\uff0c\u4e2d\u7b49 *\/\n.patent-card[data-pos=\"2\"] {\n    width: 220px;\n    height: 290px;\n    transform: translate(-50%, -50%) translateX(-170px) scale(0.9);\n    z-index: 2;\n    opacity: 0.8;\n}\n\n\/* \u4f4d\u7f6e3\uff1a\u4e2d\u592e\uff0c\u6700\u5927 *\/\n.patent-card[data-pos=\"3\"] {\n    width: 260px;\n    height: 340px;\n    transform: translate(-50%, -50%) translateX(0) scale(1);\n    z-index: 3;\n    opacity: 1;\n    border-color: #FF6B00;\n    box-shadow: 0 10px 40px rgba(255,107,0,0.25);\n}\n\n\/* \u4f4d\u7f6e4\uff1a\u53f3\u4fa7\uff0c\u4e2d\u7b49 *\/\n.patent-card[data-pos=\"4\"] {\n    width: 220px;\n    height: 290px;\n    transform: translate(-50%, -50%) translateX(170px) scale(0.9);\n    z-index: 2;\n    opacity: 0.8;\n}\n\n\/* \u4f4d\u7f6e5\uff1a\u6700\u53f3\u4fa7\uff0c\u6700\u5c0f *\/\n.patent-card[data-pos=\"5\"] {\n    width: 180px;\n    height: 240px;\n    transform: translate(-50%, -50%) translateX(320px) scale(0.8);\n    z-index: 1;\n    opacity: 0.6;\n    filter: blur(1px);\n}\n\n\/* \u5361\u7247\u5185\u5bb9\u6837\u5f0f *\/\n.patent-card-inner {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 20px;\n    text-align: center;\n}\n\n.patent-card-icon {\n    font-size: 48px;\n    margin-bottom: 15px;\n}\n\n.patent-card-title {\n    font-size: 14px;\n    color: #555;\n    font-weight: 600;\n}\n\n\/* \u6307\u793a\u5668 *\/\n.patent-indicators {\n    display: flex;\n    justify-content: center;\n    gap: 10px;\n    margin-top: 30px;\n}\n\n.patent-dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    background: #E0E0E0;\n    transition: all 0.3s ease;\n}\n\n.patent-dot.active {\n    background: #FF6B00;\n    transform: scale(1.2);\n}\n\n\/* ========== \u54cd\u5e94\u5f0f\u8bbe\u8ba1 ========== *\/\n@media (max-width: 992px) {\n    .hero-content {\n        grid-template-columns: 1fr;\n    }\n    .hero-image {\n        height: 300px;\n    }\n    .hero-features-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n    .factory-grid {\n        grid-template-columns: 1fr;\n    }\n    .application-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n    .odm-stats {\n        grid-template-columns: 1fr;\n    }\n    .rd-grid {\n        grid-template-columns: 1fr;\n    }\n    .rd-card {\n        grid-template-columns: 1fr;\n    }\n    .rd-card-img {\n        width: 100%;\n    }\n    .patent-carousel {\n        height: 320px;\n    }\n    .patent-card[data-pos=\"1\"],\n    .patent-card[data-pos=\"5\"] {\n        width: 140px; height: 190px;\n        transform: translate(-50%, -50%) translateX(-220px) scale(0.75);\n    }\n    .patent-card[data-pos=\"5\"] {\n        transform: translate(-50%, -50%) translateX(220px) scale(0.75);\n    }\n    .patent-card[data-pos=\"2\"],\n    .patent-card[data-pos=\"4\"] {\n        width: 170px; height: 230px;\n        transform: translate(-50%, -50%) translateX(-120px) scale(0.85);\n    }\n    .patent-card[data-pos=\"4\"] {\n        transform: translate(-50%, -50%) translateX(120px) scale(0.85);\n    }\n    .patent-card[data-pos=\"3\"] {\n        width: 200px; height: 270px;\n    }\n}\n\n@media (max-width: 576px) {\n    .hero-text h1 { font-size: 30px; }\n    .hero-features-grid { grid-template-columns: 1fr; }\n    .factory-main-img { height: 250px; }\n    .application-grid { grid-template-columns: 1fr; }\n}\n<\/style>\n\n<div class=\"about-v3\">\n\n    <!-- ========== \u6a21\u57571\uff1aHero\u533a ========== -->\n    <section class=\"hero-section\">\n        <!-- \u56fe\u7247\u94fa\u5e95\uff1a\u66ff\u6362img\u7684src\u4e3a\u5b9e\u9645\u56fe\u7247 -->\n        <div class=\"hero-image-bg\">\n            <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='800' height='600'%3E%3Crect fill='%23ddd' width='800' height='600'\/%3E%3Ctext x='400' y='300' text-anchor='middle' fill='%23999' font-size='20'%3E%E6%9B%BF%E6%8D%A2Hero%E5%9B%BE%E7%89%87%3C\/text%3E%3C\/svg%3E\" alt=\"Hero\u80cc\u666f\">\n        <\/div>\n        <!-- \u767d\u8272\u659c\u5207\u906e\u7f69 -->\n        <div class=\"hero-skew\"><\/div>\n        <!-- \u6587\u5b57\u5185\u5bb9 -->\n        <div class=\"hero-content\">\n            <div class=\"hero-text\">\n                <h1>\u4e13\u4e1a\u624b\u5199\u7b14\u89e3\u51b3\u65b9\u6848<br>\u4f9b\u5e94\u5546\u548c\u5236\u9020\u5de5\u5382<\/h1>\n                <p>\u6211\u4eec\u662f\u4e00\u5bb6\u4e13\u6ce8\u4e8e\u667a\u80fd\u89e6\u63a7\u8bbe\u5907\u7814\u53d1\u3001\u751f\u4ea7\u548c\u9500\u552e\u7684\u9ad8\u79d1\u6280\u4f01\u4e1a\uff0c\u81f4\u529b\u4e8e\u4e3a\u5168\u7403\u7528\u6237\u63d0\u4f9b\u9ad8\u54c1\u8d28\u7684\u89e6\u63a7\u89e3\u51b3\u65b9\u6848\u3002<\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ========== \u72ec\u7acb\u56db\u5361\u7247\u533a\u57df\uff08Hero\u533a\u5916\uff09 ========== -->\n    <section class=\"hero-features-section\">\n        <div class=\"hero-features\">\n            <div class=\"hero-features-grid\">\n                <div class=\"hero-feature-item\">\n                    <div class=\"hero-feature-icon\">\ud83c\udfed<\/div>\n                    <div class=\"hero-feature-text\">\n                        <h4>\u81ea\u4e3b\u751f\u4ea7<\/h4>\n                        <p>90%\u5168\u6d41\u7a0b\u81ea\u4e3b\u751f\u4ea7\uff0c\u54c1\u8d28\u53ef\u63a7<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"hero-feature-item\">\n                    <div class=\"hero-feature-icon\">\ud83d\udd2c<\/div>\n                    <div class=\"hero-feature-text\">\n                        <h4>\u7814\u53d1\u5b9e\u529b<\/h4>\n                        <p>20\u5e74\u4ee5\u4e0a\u751f\u4ea7\u7814\u53d1\u7ecf\u9a8c<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"hero-feature-item\">\n                    <div class=\"hero-feature-icon\">\ud83e\udd1d<\/div>\n                    <div class=\"hero-feature-text\">\n                        <h4>OEM\u4ee3\u5de5<\/h4>\n                        <p>\u4e00\u7ebf\u5927\u5382\u4fe1\u8d56\u7684\u5408\u4f5c\u4f19\u4f34<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"hero-feature-item\">\n                    <div class=\"hero-feature-icon\">\ud83c\udf0d<\/div>\n                    <div class=\"hero-feature-text\">\n                        <h4>\u5168\u7403\u5e03\u5c40<\/h4>\n                        <p>\u4ea7\u54c1\u8fdc\u950030+\u56fd\u5bb6\u548c\u5730\u533a<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ========== \u6a21\u57572\uff1a\u5de5\u5382\u5b9e\u62cd ========== -->\n    <section class=\"factory-section\">\n        <div class=\"section-header\">\n            <h2>\u5de5\u5382\u5b9e\u62cd<\/h2>\n            <p>\u73b0\u4ee3\u5316\u751f\u4ea7\u57fa\u5730\uff0c\u4e25\u683c\u54c1\u8d28\u7ba1\u63a7<\/p>\n        <\/div>\n        <div class=\"factory-main-img\">\n            \ud83d\uddbc\ufe0f \u66ff\u6362\u5de5\u5382\u5168\u666f\u5927\u56fe\n        <\/div>\n        <div class=\"factory-grid\">\n            <div class=\"factory-img\">\ud83d\uddbc\ufe0f \u5382\u623f\u56fe\u72471<\/div>\n            <div class=\"factory-img\">\ud83d\uddbc\ufe0f \u5382\u623f\u56fe\u72472<\/div>\n            <div class=\"factory-img\">\ud83d\uddbc\ufe0f \u5382\u623f\u56fe\u72473<\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ========== \u6a21\u57573\uff1a\u4ea7\u54c1\u5e94\u7528 ========== -->\n    <section class=\"application-section\">\n        <div class=\"section-header\">\n            <h2>\u4ea7\u54c1\u5e94\u7528<\/h2>\n            <p>\u8986\u76d6\u6559\u80b2\u3001\u529e\u516c\u3001\u8bbe\u8ba1\u7b49\u591a\u4e2a\u9886\u57df<\/p>\n        <\/div>\n        <div class=\"application-grid\">\n            <div class=\"app-card\">\n                <div class=\"app-card-img\">\ud83d\uddbc\ufe0f \u5e94\u7528\u573a\u666f\u56fe\u7247<\/div>\n                <div class=\"app-card-body\">\n                    <h3>\u6559\u80b2\u6559\u5b66<\/h3>\n                    <p>\u9002\u7528\u4e8e\u667a\u6167\u8bfe\u5802\u3001\u5728\u7ebf\u6559\u5b66\u7b49\u573a\u666f<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"app-card\">\n                <div class=\"app-card-img\">\ud83d\uddbc\ufe0f \u5e94\u7528\u573a\u666f\u56fe\u7247<\/div>\n                <div class=\"app-card-body\">\n                    <h3>\u5546\u52a1\u529e\u516c<\/h3>\n                    <p>\u4f1a\u8bae\u6f14\u793a\u3001\u6587\u6863\u6279\u6ce8\u7684\u7406\u60f3\u5de5\u5177<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"app-card\">\n                <div class=\"app-card-img\">\ud83d\uddbc\ufe0f \u5e94\u7528\u573a\u666f\u56fe\u7247<\/div>\n                <div class=\"app-card-body\">\n                    <h3>\u6570\u5b57\u7ed8\u753b<\/h3>\n                    <p>\u4e13\u4e1a\u7ed8\u753b\u521b\u4f5c\uff0c\u538b\u611f\u7cbe\u51c6<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"app-card\">\n                <div class=\"app-card-img\">\ud83d\uddbc\ufe0f \u5e94\u7528\u573a\u666f\u56fe\u7247<\/div>\n                <div class=\"app-card-body\">\n                    <h3>\u79fb\u52a8\u529e\u516c<\/h3>\n                    <p>\u5e73\u677f\u7535\u8111\u9ad8\u6548\u8f93\u5165\u89e3\u51b3\u65b9\u6848<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"app-card\">\n                <div class=\"app-card-img\">\ud83d\uddbc\ufe0f \u5e94\u7528\u573a\u666f\u56fe\u7247<\/div>\n                <div class=\"app-card-body\">\n                    <h3>\u7b7e\u540d\u7b7e\u6279<\/h3>\n                    <p>\u7535\u5b50\u7b7e\u540d\u3001\u5408\u540c\u6279\u6ce8\u7b49\u573a\u666f<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"app-card\">\n                <div class=\"app-card-img\">\ud83d\uddbc\ufe0f \u5e94\u7528\u573a\u666f\u56fe\u7247<\/div>\n                <div class=\"app-card-body\">\n                    <h3>\u667a\u80fd\u7ec8\u7aef<\/h3>\n                    <p>POS\u673a\u3001\u81ea\u52a9\u7ec8\u7aef\u7b49\u8bbe\u5907\u914d\u5957<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ========== ODM\u6848\u4f8b\u533a\u57df ========== -->\n    <section class=\"odm-section\">\n        <div class=\"odm-text-main\">\u5168\u7403\u6210\u529f\u7684ODM\u6848\u4f8b<\/div>\n        <div class=\"odm-text-sub\">\u4e13\u4e1a\u624b\u5199\u7b14\u89e3\u51b3\u65b9\u6848\u4f9b\u5e94\u5546\u548c\u5236\u9020\u5de5\u5382<\/div>\n        <div class=\"odm-stats\">\n            <div class=\"odm-stat-item\">\n                <div class=\"odm-stat-num\">\u4e00\u7ebf<span>\u5927\u5382<\/span><\/div>\n                <div class=\"odm-stat-text\">OEM\u4ee3\u5de5\u5408\u4f5c\u4f19\u4f34<\/div>\n            <\/div>\n            <div class=\"odm-stat-item\">\n                <div class=\"odm-stat-num\">90<span>%<\/span><\/div>\n                <div class=\"odm-stat-text\">\u5168\u6d41\u7a0b\u81ea\u4e3b\u751f\u4ea7\u80fd\u529b<\/div>\n            <\/div>\n            <div class=\"odm-stat-item\">\n                <div class=\"odm-stat-num\">20<span>\u5e74+<\/span><\/div>\n                <div class=\"odm-stat-text\">\u751f\u4ea7\u7814\u53d1\u7ecf\u9a8c\u79ef\u7d2f<\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ========== \u6a21\u57574\uff1a\u7814\u53d1\u5b9e\u529b ========== -->\n    <section class=\"rd-section\">\n        <div class=\"section-header\">\n            <h2>\u7814\u53d1\u5b9e\u529b<\/h2>\n            <p>\u6301\u7eed\u521b\u65b0\uff0c\u5f15\u9886\u884c\u4e1a\u53d1\u5c55<\/p>\n        <\/div>\n        <div class=\"rd-grid\">\n            <div class=\"rd-card\">\n                <div class=\"rd-card-img\">\ud83d\uddbc\ufe0f \u7814\u53d1\u56fe\u72471<\/div>\n                <div class=\"rd-card-text\">\n                    <h3>\u4e13\u4e1a\u7814\u53d1\u56e2\u961f<\/h3>\n                    <p>\u62e5\u6709\u7ecf\u9a8c\u4e30\u5bcc\u7684\u8f6f\u786c\u4ef6\u7814\u53d1\u56e2\u961f\uff0c\u6301\u7eed\u6295\u5165\u6280\u672f\u521b\u65b0\uff0c\u4fdd\u6301\u884c\u4e1a\u9886\u5148\u5730\u4f4d\u3002<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"rd-card\">\n                <div class=\"rd-card-img\">\ud83d\uddbc\ufe0f \u7814\u53d1\u56fe\u72472<\/div>\n                <div class=\"rd-card-text\">\n                    <h3>\u5148\u8fdb\u5b9e\u9a8c\u8bbe\u5907<\/h3>\n                    <p>\u914d\u5907\u4e13\u4e1a\u68c0\u6d4b\u8bbe\u5907\u548c\u5b9e\u9a8c\u5ba4\uff0c\u786e\u4fdd\u4ea7\u54c1\u6027\u80fd\u7a33\u5b9a\u53ef\u9760\u3002<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"rd-card\">\n                <div class=\"rd-card-img\">\ud83d\uddbc\ufe0f \u7814\u53d1\u56fe\u72473<\/div>\n                <div class=\"rd-card-text\">\n                    <h3>\u6838\u5fc3\u6280\u672f\u4e13\u5229<\/h3>\n                    <p>\u7d2f\u8ba1\u83b7\u5f9720+\u9879\u4e13\u5229\u6280\u672f\uff0c\u6db5\u76d6\u89e6\u63a7\u7b97\u6cd5\u3001\u786c\u4ef6\u8bbe\u8ba1\u7b49\u6838\u5fc3\u9886\u57df\u3002<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"rd-card\">\n                <div class=\"rd-card-img\">\ud83d\uddbc\ufe0f \u7814\u53d1\u56fe\u72474<\/div>\n                <div class=\"rd-card-text\">\n                    <h3>\u5b9a\u5236\u5316\u5f00\u53d1<\/h3>\n                    <p>\u63d0\u4f9bODM\/OEM\u5b9a\u5236\u670d\u52a1\uff0c\u6839\u636e\u5ba2\u6237\u9700\u6c42\u5feb\u901f\u54cd\u5e94\u548c\u4ea4\u4ed8\u3002<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ========== \u6a21\u57575\uff1a\u4e13\u5229\u5c55\u793a\uff08\u5361\u7247\u5806\u53e0\u81ea\u52a8\u8f6e\u64ad\uff09 ========== -->\n    <section class=\"patent-section\">\n        <div class=\"section-header\">\n            <h2>\u4e13\u5229\u5c55\u793a<\/h2>\n            <p>\u6838\u5fc3\u6280\u672f\uff0c\u81ea\u4e3b\u77e5\u8bc6\u4ea7\u6743<\/p>\n        <\/div>\n        <div class=\"patent-carousel\" id=\"patentCarousel\">\n            <div class=\"patent-card\" data-pos=\"1\">\n                <div class=\"patent-card-inner\">\n                    <div class=\"patent-card-icon\">\ud83d\udcdc<\/div>\n                    <div class=\"patent-card-title\">\u4e13\u5229\u8bc1\u4e66 1<\/div>\n                <\/div>\n            <\/div>\n            <div class=\"patent-card\" data-pos=\"2\">\n                <div class=\"patent-card-inner\">\n                    <div class=\"patent-card-icon\">\ud83d\udcdc<\/div>\n                    <div class=\"patent-card-title\">\u4e13\u5229\u8bc1\u4e66 2<\/div>\n                <\/div>\n            <\/div>\n            <div class=\"patent-card\" data-pos=\"3\">\n                <div class=\"patent-card-inner\">\n                    <div class=\"patent-card-icon\">\ud83d\udcdc<\/div>\n                    <div class=\"patent-card-title\">\u4e13\u5229\u8bc1\u4e66 3<\/div>\n                <\/div>\n            <\/div>\n            <div class=\"patent-card\" data-pos=\"4\">\n                <div class=\"patent-card-inner\">\n                    <div class=\"patent-card-icon\">\ud83d\udcdc<\/div>\n                    <div class=\"patent-card-title\">\u4e13\u5229\u8bc1\u4e66 4<\/div>\n                <\/div>\n            <\/div>\n            <div class=\"patent-card\" data-pos=\"5\">\n                <div class=\"patent-card-inner\">\n                    <div class=\"patent-card-icon\">\ud83d\udcdc<\/div>\n                    <div class=\"patent-card-title\">\u4e13\u5229\u8bc1\u4e66 5<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"patent-indicators\" id=\"patentIndicators\">\n            <div class=\"patent-dot active\" data-index=\"0\"><\/div>\n            <div class=\"patent-dot\" data-index=\"1\"><\/div>\n            <div class=\"patent-dot\" data-index=\"2\"><\/div>\n            <div class=\"patent-dot\" data-index=\"3\"><\/div>\n            <div class=\"patent-dot\" data-index=\"4\"><\/div>\n        <\/div>\n    <\/section>\n\n<\/div>\n\n<!-- \u4e13\u5229\u5361\u7247\u5806\u53e0\u81ea\u52a8\u8f6e\u64ad JavaScript -->\n<script>\n(function() {\n    const carousel = document.getElementById('patentCarousel');\n    const cards = carousel.querySelectorAll('.patent-card');\n    const dots = document.querySelectorAll('.patent-dot');\n    const totalCards = cards.length;\n    \n    \/\/ \u6bcf\u5f20\u5361\u7247\u5bf9\u5e94\u7684\u56fe\u7247\u6570\u636e\uff08\u5b9e\u9645\u4f7f\u7528\u65f6\u66ff\u6362\u4e3a\u771f\u5b9e\u56fe\u7247URL\uff09\n    const patentImages = [\n        { icon: '\ud83d\udcdc', title: '\u4e13\u5229\u8bc1\u4e66 1' },\n        { icon: '\ud83d\udcdc', title: '\u4e13\u5229\u8bc1\u4e66 2' },\n        { icon: '\ud83d\udcdc', title: '\u4e13\u5229\u8bc1\u4e66 3' },\n        { icon: '\ud83d\udcdc', title: '\u4e13\u5229\u8bc1\u4e66 4' },\n        { icon: '\ud83d\udcdc', title: '\u4e13\u5229\u8bc1\u4e66 5' }\n    ];\n    \n    \/\/ \u5f53\u524d\u4e2d\u592e\u4f4d\u7f6e\uff08position 3\uff09\u663e\u793a\u7684\u56fe\u7247\u7d22\u5f15\n    let centerIndex = 0;\n    \n    \/\/ \u6839\u636e\u4e2d\u5fc3\u7d22\u5f15\uff0c\u66f4\u65b0\u6bcf\u4e2a\u4f4d\u7f6e\u663e\u793a\u54ea\u5f20\u56fe\u7247\n    function updateCards() {\n        for (let pos = 1; pos <= 5; pos++) {\n            const card = cards[pos - 1];\n            \/\/ \u8ba1\u7b97\u8be5\u4f4d\u7f6e\u5e94\u8be5\u663e\u793a\u7684\u56fe\u7247\u7d22\u5f15\n            \/\/ pos=3 \u662f\u4e2d\u5fc3\uff0cpos=2 \u662f\u4e2d\u5fc3-1\uff0cpos=1 \u662f\u4e2d\u5fc3-2\uff0cpos=4 \u662f\u4e2d\u5fc3+1\uff0cpos=5 \u662f\u4e2d\u5fc3+2\n            const offset = pos - 3;\n            const imgIndex = ((centerIndex + offset) % totalCards + totalCards) % totalCards;\n            const data = patentImages[imgIndex];\n            \n            card.querySelector('.patent-card-icon').textContent = data.icon;\n            card.querySelector('.patent-card-title').textContent = data.title;\n        }\n        \n        \/\/ \u66f4\u65b0\u6307\u793a\u5668\n        dots.forEach(function(dot, i) {\n            dot.classList.toggle('active', i === centerIndex);\n        });\n    }\n    \n    \/\/ \u81ea\u52a8\u8f6e\u64ad\uff1a\u6bcf5\u79d2\u5207\u6362\u4e00\u6b21\n    function autoRotate() {\n        centerIndex = (centerIndex + 1) % totalCards;\n        updateCards();\n    }\n    \n    \/\/ \u521d\u59cb\u5316\n    updateCards();\n    \n    \/\/ \u542f\u52a8\u81ea\u52a8\u8f6e\u64ad\n    let timer = setInterval(autoRotate, 5000);\n    \n    \/\/ \u70b9\u51fb\u6307\u793a\u5668\u8df3\u8f6c\n    dots.forEach(function(dot) {\n        dot.addEventListener('click', function() {\n            centerIndex = parseInt(dot.getAttribute('data-index'));\n            updateCards();\n            \/\/ \u91cd\u7f6e\u8ba1\u65f6\u5668\n            clearInterval(timer);\n            timer = setInterval(autoRotate, 5000);\n        });\n    });\n})();\n<\/script>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u4e13\u4e1a\u624b\u5199\u7b14\u89e3\u51b3\u65b9\u6848\u4f9b\u5e94\u5546\u548c\u5236\u9020\u5de5\u5382 \u6211\u4eec [&hellip;]<\/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":"","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-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shelleypen.cn\/en\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shelleypen.cn\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shelleypen.cn\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shelleypen.cn\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shelleypen.cn\/en\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":4,"href":"https:\/\/shelleypen.cn\/en\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":135,"href":"https:\/\/shelleypen.cn\/en\/wp-json\/wp\/v2\/pages\/14\/revisions\/135"}],"wp:attachment":[{"href":"https:\/\/shelleypen.cn\/en\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}