{"id":36,"date":"2026-07-29T06:14:11","date_gmt":"2026-07-29T14:14:11","guid":{"rendered":"https:\/\/zhejiang-bayi-space-advanced-mat-eeab4.ingress-daribow.ewp.live\/?page_id=36"},"modified":"2026-08-09T20:29:55","modified_gmt":"2026-08-10T04:29:55","slug":"product_service","status":"publish","type":"page","link":"https:\/\/hangzhoubiopak.com\/en\/product_service\/","title":{"rendered":"Products and Services"},"content":{"rendered":"<div class=\"wp-block-columns alignfull has-text-color has-link-color wp-elements-1 is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\" style=\"color:#1f78bf;font-style:normal;font-weight:100;letter-spacing:1.5px\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50px\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><form role=\"search\" method=\"get\" action=\"https:\/\/hangzhoubiopak.com\/en\/\" class=\"wp-block-search__button-outside wp-block-search__text-button wp-block-search\" data-trp-original-action=\"https:\/\/hangzhoubiopak.com\/en\/\" ><label class=\"wp-block-search__label screen-reader-text\" for=\"wp-block-search__input-1\"  style=\"font-size: 15px;letter-spacing: 1.5px\">\u641c\u7d22<\/label><div class=\"wp-block-search__inside-wrapper\"  style=\"width: 594px\"><input class=\"wp-block-search__input\" id=\"wp-block-search__input-1\" placeholder=\"\u8f93\u5165\u4ea7\u54c1\u540d\u79f0\u6216CAS\u53f7\uff0c\u76f4\u8fbe\u76f8\u5173\u9875\u9762\" value=\"\" type=\"search\" name=\"s\" required style=\"font-size: 15px;letter-spacing: 1.5px\"\/><button aria-label=\"\u641c\u7d22\" class=\"wp-block-search__button has-background has-accent-background-color wp-element-button\" type=\"submit\"  style=\"font-size: 15px;letter-spacing: 1.5px\">\u641c\u7d22<\/button><\/div><input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form><\/div>\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n<style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: \"Microsoft YaHei\", \"PingFang SC\", sans-serif;\n            background: linear-gradient(180deg, #f0f7ff 0%, #e6f0fa 50%, #f5f9ff 100%);\n            min-height: 100vh;\n            padding: 50px 20px;\n        }\n\n        .container {\n            max-width: 1400px;\n            margin: 0 auto;\n        }\n\n        \/* ========== TAB \u6807\u7b7e\u5bfc\u822a ========== *\/\n        .tab-nav {\n            display: flex;\n            justify-content: left;\n            gap: 0;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .tab-item {\n            position: relative;\n            padding: 18px 45px;\n            cursor: pointer;\n            background: linear-gradient(135deg, #ffffff 0%, #f5faff 100%);\n            border: 1px solid rgba(24, 144, 255, 0.15);\n            box-shadow: 0 4px 15px rgba(24, 144, 255, 0.08);\n            transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n            overflow: hidden;\n            flex: 0 0 auto;\n        }\n\n        .tab-item:first-child {\n            border-radius: 12px 0 0 12px;\n            border-right: none;\n        }\n\n        .tab-item:last-child {\n            border-radius: 0 12px 12px 0;\n        }\n\n        .tab-item:not(:first-child):not(:last-child) {\n            border-right: none;\n        }\n\n        .tab-item::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 3px;\n            background: linear-gradient(90deg, #1890ff, #00d4ff);\n            transform: scaleX(0);\n            transform-origin: center;\n            transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n        }\n\n        .tab-item:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 8px 25px rgba(24, 144, 255, 0.15);\n            border-color: rgba(24, 144, 255, 0.3);\n        }\n\n        .tab-item:hover::before {\n            transform: scaleX(1);\n        }\n\n        .tab-item.active {\n            background: linear-gradient(135deg, #1890ff 0%, #0066cc 100%);\n            border-color: #1890ff;\n            box-shadow: 0 8px 30px rgba(24, 144, 255, 0.35);\n            transform: translateY(-2px);\n        }\n\n        .tab-item.active::before {\n            transform: scaleX(1);\n            background: linear-gradient(90deg, #ffd700, #ffaa00);\n            height: 4px;\n        }\n\n        .tab-item.active:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 12px 35px rgba(24, 144, 255, 0.45);\n        }\n\n        .tab-title {\n            font-size: 20px;\n            font-weight: 700;\n            color: #0a3d7a;\n            letter-spacing: 2px;\n            transition: all 0.3s ease;\n            position: relative;\n            z-index: 1;\n            text-align: center;\n        }\n\n        .tab-item.active .tab-title {\n            color: #ffffff;\n        }\n\n        .tab-subtitle {\n            font-size: 12px;\n            color: #6688aa;\n            margin-top: 4px;\n            letter-spacing: 1px;\n            transition: all 0.3s ease;\n            position: relative;\n            z-index: 1;\n            text-align: center;\n        }\n\n        .tab-item.active .tab-subtitle {\n            color: rgba(255, 255, 255, 0.8);\n        }\n\n        \/* Tab \u5e95\u90e8\u6307\u793a\u6761 *\/\n        .tab-indicator {\n            position: absolute;\n            bottom: -8px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 0;\n            height: 0;\n            border-left: 8px solid transparent;\n            border-right: 8px solid transparent;\n            border-top: 8px solid #1890ff;\n            opacity: 0;\n            transition: all 0.3s ease;\n        }\n\n        .tab-item.active .tab-indicator {\n            opacity: 1;\n        }\n\n        \/* ========== TAB \u5185\u5bb9\u533a\u57df ========== *\/\n        .tab-panel {\n            display: none;\n            opacity: 0;\n            transform: translateY(20px);\n            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n        }\n\n        .tab-panel.active {\n            display: block;\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .tab-panel.fade-in {\n            animation: fadeInUp 0.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n        }\n\n        @keyframes fadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        \/* ========== \u4ea7\u54c1\u4e2d\u5fc3 - \u4ea7\u54c1\u5361\u7247\u7f51\u683c ========== *\/\n        .product-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 30px;\n            margin-bottom: 20px;\n        }\n\n        .product-card {\n            position: relative;\n            height: 340px;\n            border-radius: 16px;\n            overflow: hidden;\n            cursor: pointer;\n            box-shadow: 0 8px 30px rgba(24, 144, 255, 0.15);\n            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n            background: #ffffff;\n            border: 1px solid rgba(24, 144, 255, 0.1);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background-size: cover;\n            background-position: center;\n            transition: transform 0.6s ease;\n            z-index: 1;\n            opacity: 0.25;\n        }\n\n        .product-card::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(240, 248, 255, 0.9) 100%);\n            z-index: 2;\n            transition: background 0.4s ease;\n        }\n\n        \/* DIV1 \u663e\u793a\u6750\u6599 *\/\n        .card-1::before {\n            background-image: url('https:\/\/images.unsplash.com\/photo-1518770660439-4636190af475?w=800&q=80');\n        }\n\n        \/* DIV2 \u7535\u5b50\u5316\u5b66\u54c1 *\/\n        .card-2::before {\n            background-image: url('https:\/\/images.unsplash.com\/photo-1519389950473-47ba0277781c?w=800&q=80');\n        }\n\n        \/* DIV3 \u533b\u836f\/\u519c\u836f\u4e2d\u95f4\u4f53 *\/\n        .card-3::before {\n            background-image: url('https:\/\/images.unsplash.com\/photo-1532187863486-abf9dbad1b69?w=800&q=80');\n        }\n\n        \/* DIV4 \u7535\u81f4\u8c03\u5149\/PLDC *\/\n        .card-4::before {\n            background-image: url('https:\/\/images.unsplash.com\/photo-1504384308090-c894fdcc538d?w=800&q=80');\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 20px 50px rgba(24, 144, 255, 0.25);\n            border-color: rgba(24, 144, 255, 0.4);\n        }\n\n        .product-card:hover::before {\n            transform: scale(1.1);\n            opacity: 0.35;\n        }\n\n        .product-card:hover::after {\n            background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(230, 245, 255, 0.95) 100%);\n        }\n\n        .card-content {\n            position: relative;\n            z-index: 3;\n            height: 100%;\n            padding: 45px 40px;\n            display: flex;\n            flex-direction: column;\n        }\n\n        .product-card h2 {\n            color: #0a3d7a;\n            font-size: 30px;\n            font-weight: 700;\n            margin-bottom: 25px;\n            letter-spacing: 2px;\n            position: relative;\n            padding-bottom: 15px;\n        }\n\n        .product-card h2::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #1890ff, #00d4ff);\n            transition: width 0.4s ease;\n            border-radius: 2px;\n        }\n\n        .product-card:hover h2::after {\n            width: 120px;\n        }\n\n        .product-list {\n            list-style: none;\n            flex: 1;\n        }\n\n        .product-list li {\n            color: #335577;\n            font-size: 17px;\n            line-height: 2.3;\n            padding-left: 22px;\n            position: relative;\n            transform: translateX(0);\n            transition: all 0.3s ease;\n            font-weight: 500;\n        }\n\n        .product-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 8px;\n            height: 8px;\n            border-radius: 50%;\n            background: linear-gradient(135deg, #1890ff, #00d4ff);\n            box-shadow: 0 0 8px rgba(24, 144, 255, 0.5);\n            transition: all 0.3s ease;\n        }\n\n        .product-card:hover .product-list li {\n            transform: translateX(10px);\n            color: #0a3d7a;\n        }\n\n        .product-card:hover .product-list li::before {\n            background: linear-gradient(135deg, #ff9500, #ffcc00);\n            box-shadow: 0 0 12px rgba(255, 150, 0, 0.6);\n            width: 10px;\n            height: 10px;\n        }\n\n        .product-list li:nth-child(1) { transition-delay: 0.05s; }\n        .product-list li:nth-child(2) { transition-delay: 0.1s; }\n        .product-list li:nth-child(3) { transition-delay: 0.15s; }\n        .product-list li:nth-child(4) { transition-delay: 0.2s; }\n\n        .card-glow {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            border-radius: 16px;\n            border: 2px solid transparent;\n            z-index: 4;\n            pointer-events: none;\n            transition: all 0.4s ease;\n        }\n\n        .product-card:hover .card-glow {\n            border-color: rgba(24, 144, 255, 0.3);\n            box-shadow: inset 0 0 40px rgba(24, 144, 255, 0.08);\n        }\n\n        .corner-decoration {\n            position: absolute;\n            width: 36px;\n            height: 36px;\n            border: 3px solid #1890ff;\n            z-index: 4;\n            transition: all 0.4s ease;\n            opacity: 0;\n        }\n\n        .corner-tl {\n            top: 18px;\n            left: 18px;\n            border-right: none;\n            border-bottom: none;\n            border-radius: 8px 0 0 0;\n        }\n\n        .corner-br {\n            bottom: 18px;\n            right: 18px;\n            border-left: none;\n            border-top: none;\n            border-radius: 0 0 8px 0;\n        }\n\n        .product-card:hover .corner-decoration {\n            opacity: 1;\n            width: 48px;\n            height: 48px;\n            border-color: #ff9500;\n        }\n\n        .more-tag {\n            color: #1890ff;\n            font-size: 15px;\n            font-weight: 600;\n            margin-top: auto;\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            opacity: 0;\n            transform: translateX(-10px);\n            transition: all 0.4s ease;\n        }\n\n        .product-card:hover .more-tag {\n            opacity: 1;\n            transform: translateX(0);\n            color: #ff9500;\n        }\n\n        .more-tag::after {\n            content: '\u2192';\n            transition: transform 0.3s ease;\n            font-size: 16px;\n        }\n\n        .product-card:hover .more-tag::after {\n            transform: translateX(8px);\n        }\n\n        \/* \u7c92\u5b50\u6548\u679c\u5bb9\u5668 *\/\n        .particles {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            overflow: hidden;\n            z-index: 2;\n            pointer-events: none;\n        }\n\n        .particle {\n            position: absolute;\n            width: 5px;\n            height: 5px;\n            background: rgba(24, 144, 255, 0.5);\n            border-radius: 50%;\n            animation: float 3s infinite ease-in-out;\n        }\n\n        @keyframes float {\n            0%, 100% {\n                transform: translateY(0) scale(1);\n                opacity: 0.5;\n            }\n            50% {\n                transform: translateY(-25px) scale(1.3);\n                opacity: 1;\n            }\n        }\n\n        \/* ========== \u64c5\u957f\u53cd\u5e94 - \u5361\u7247\u7f51\u683c ========== *\/\n        .reaction-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 25px;\n            margin-bottom: 50px;\n        }\n\n        .reaction-card {\n            position: relative;\n            border-radius: 14px;\n            background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);\n            box-shadow: 0 6px 24px rgba(24, 144, 255, 0.12);\n            border: 1px solid rgba(24, 144, 255, 0.1);\n            overflow: hidden;\n            transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);\n            cursor: pointer;\n        }\n\n        .reaction-card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 18px 50px rgba(24, 144, 255, 0.22);\n            border-color: rgba(24, 144, 255, 0.35);\n        }\n\n        .reaction-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 3px;\n            background: linear-gradient(90deg, #1890ff, #00d4ff);\n            transform: scaleX(0);\n            transform-origin: left;\n            transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n            z-index: 10;\n        }\n\n        .reaction-card:hover::before {\n            transform: scaleX(1);\n        }\n\n        .card-inner {\n            display: flex;\n            flex-direction: column;\n            height: 100%;\n            min-height: 220px;\n        }\n\n        .card-text {\n            padding: 22px 25px 15px;\n            position: relative;\n            z-index: 1;\n        }\n\n        .card-number {\n            position: absolute;\n            top: 15px;\n            right: 20px;\n            font-size: 36px;\n            font-weight: 800;\n            color: rgba(24, 144, 255, 0.08);\n            line-height: 1;\n            transition: all 0.4s ease;\n        }\n\n        .reaction-card:hover .card-number {\n            color: rgba(24, 144, 255, 0.15);\n            transform: scale(1.15);\n        }\n\n        .card-text h3 {\n            color: #0a3d7a;\n            font-size: 18px;\n            font-weight: 700;\n            line-height: 1.4;\n            margin-bottom: 6px;\n            position: relative;\n            padding-right: 40px;\n        }\n\n        .card-text .name-en {\n            color: #6688aa;\n            font-size: 12px;\n            font-weight: 500;\n            letter-spacing: 0.3px;\n            font-style: italic;\n            line-height: 1.4;\n        }\n\n        .card-image {\n            flex: 1;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 10px 25px 22px;\n            position: relative;\n            z-index: 1;\n        }\n\n        .card-image img {\n            max-width: 100%;\n            max-height: 140px;\n            object-fit: contain;\n            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n            filter: drop-shadow(0 2px 8px rgba(24, 144, 255, 0.1));\n        }\n\n        .reaction-card:hover .card-image img {\n            transform: scale(1.08);\n            filter: drop-shadow(0 4px 15px rgba(24, 144, 255, 0.2));\n        }\n\n        .corner-deco {\n            position: absolute;\n            width: 20px;\n            height: 20px;\n            border: 2px solid #1890ff;\n            opacity: 0;\n            transition: all 0.4s ease;\n            z-index: 2;\n        }\n\n        .corner-tl-reaction {\n            top: 10px;\n            left: 10px;\n            border-right: none;\n            border-bottom: none;\n            border-radius: 4px 0 0 0;\n        }\n\n        .corner-br-reaction {\n            bottom: 10px;\n            right: 10px;\n            border-left: none;\n            border-top: none;\n            border-radius: 0 0 4px 0;\n        }\n\n        .reaction-card:hover .corner-deco {\n            opacity: 1;\n            width: 28px;\n            height: 28px;\n            border-color: #ff9500;\n        }\n\n        \/* ========== \u5e95\u90e8\u6280\u672f\u5e73\u53f0 \/ \u4e1a\u52a1\u627f\u63a5 \u901a\u7528\u6df1\u84dd\u533a\u57df ========== *\/\n        .tech-section {\n            position: relative;\n            border-radius: 16px;\n            overflow: hidden;\n            background: linear-gradient(135deg, #0a3d7a 0%, #1565c0 50%, #0d47a1 100%);\n            box-shadow: 0 10px 40px rgba(10, 61, 122, 0.3);\n            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n        }\n\n        .tech-section:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 18px 55px rgba(10, 61, 122, 0.4);\n        }\n\n        .tech-content {\n            position: relative;\n            z-index: 1;\n            padding: 50px 50px;\n        }\n\n        .tech-intro {\n            color: rgba(255, 255, 255, 0.9);\n            font-size: 16px;\n            line-height: 2;\n            margin-bottom: 35px;\n        }\n\n        .tech-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 30px 50px;\n        }\n\n        .tech-item {\n            position: relative;\n            padding-left: 25px;\n            transition: all 0.4s ease;\n        }\n\n        .tech-item::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 8px;\n            width: 10px;\n            height: 10px;\n            border-radius: 50%;\n            background: linear-gradient(135deg, #ffd700, #ffaa00);\n            box-shadow: 0 0 12px rgba(255, 215, 0, 0.5);\n            transition: all 0.4s ease;\n        }\n\n        .tech-item:hover {\n            transform: translateX(8px);\n        }\n\n        .tech-item:hover::before {\n            transform: scale(1.3);\n            box-shadow: 0 0 20px rgba(255, 215, 0, 0.7);\n        }\n\n        .tech-item h2 {\n            color: #ffffff;\n            font-size: 20px;\n            font-weight: 700;\n            margin-bottom: 10px;\n            letter-spacing: 1px;\n        }\n\n        .tech-item p {\n            color: rgba(255, 255, 255, 0.75);\n            font-size: 14px;\n            line-height: 1.9;\n        }\n\n        \/* ========== CMO\/CDMO - DIV1 \u4e3b\u533a\u57df ========== *\/\n        .section-1 {\n            display: flex;\n            gap: 25px;\n            height: 520px;\n            margin-bottom: 30px;\n        }\n\n        .card-main {\n            flex: 0 0 40%;\n            position: relative;\n            border-radius: 16px;\n            overflow: hidden;\n            background: linear-gradient(135deg, #ffffff 0%, #f0f8ff 100%);\n            box-shadow: 0 8px 30px rgba(24, 144, 255, 0.15);\n            border: 1px solid rgba(24, 144, 255, 0.15);\n            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n            cursor: pointer;\n        }\n\n        .card-main:hover {\n            transform: translateY(-6px);\n            box-shadow: 0 18px 50px rgba(24, 144, 255, 0.25);\n            border-color: rgba(24, 144, 255, 0.35);\n        }\n\n        .cards-right {\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            gap: 20px;\n        }\n\n        .card-small {\n            flex: 1;\n            position: relative;\n            border-radius: 14px;\n            overflow: hidden;\n            background: linear-gradient(135deg, #ffffff 0%, #f5faff 100%);\n            box-shadow: 0 6px 24px rgba(24, 144, 255, 0.12);\n            border: 1px solid rgba(24, 144, 255, 0.1);\n            transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n            cursor: pointer;\n        }\n\n        .card-small::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 5px;\n            height: 100%;\n            background: linear-gradient(180deg, #1890ff, #00d4ff);\n            transition: width 0.4s ease;\n        }\n\n        .card-small:hover {\n            transform: translateX(8px);\n            box-shadow: 0 12px 36px rgba(24, 144, 255, 0.2);\n            border-color: rgba(24, 144, 255, 0.25);\n        }\n\n        .card-small:hover::before {\n            width: 8px;\n        }\n\n        .card-content-cdmo {\n            position: relative;\n            z-index: 1;\n            padding: 35px 35px;\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n        }\n\n        .card-small .card-content-cdmo {\n            padding: 25px 30px 25px 35px;\n        }\n\n        .card-main h2 {\n            color: #0a3d7a;\n            font-size: 26px;\n            font-weight: 700;\n            margin-bottom: 20px;\n            letter-spacing: 2px;\n            position: relative;\n            padding-bottom: 15px;\n        }\n\n        .card-small h2 {\n            color: #0a3d7a;\n            font-size: 20px;\n            font-weight: 700;\n            margin-bottom: 12px;\n            letter-spacing: 1px;\n            position: relative;\n            padding-bottom: 10px;\n        }\n\n        .card-main h2::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #1890ff, #00d4ff);\n            border-radius: 2px;\n            transition: width 0.4s ease;\n        }\n\n        .card-small h2::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 40px;\n            height: 2px;\n            background: linear-gradient(90deg, #1890ff, #00d4ff);\n            border-radius: 1px;\n            transition: width 0.4s ease;\n        }\n\n        .card-main:hover h2::after {\n            width: 100px;\n        }\n\n        .card-small:hover h2::after {\n            width: 70px;\n        }\n\n        .card-main .desc {\n            color: #446688;\n            font-size: 15px;\n            line-height: 1.9;\n            margin-bottom: 18px;\n        }\n\n        .card-small .desc {\n            color: #557799;\n            font-size: 14px;\n            line-height: 1.8;\n            flex: 1;\n        }\n\n        .feature-list {\n            list-style: none;\n            flex: 1;\n        }\n\n        .card-main .feature-list li {\n            color: #335577;\n            font-size: 15px;\n            line-height: 2.2;\n            padding-left: 24px;\n            position: relative;\n            font-weight: 500;\n            transition: all 0.3s ease;\n        }\n\n        .card-small .feature-list li {\n            color: #446688;\n            font-size: 14px;\n            line-height: 2;\n            padding-left: 20px;\n            position: relative;\n            transition: all 0.3s ease;\n        }\n\n        .feature-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 8px;\n            height: 8px;\n            border-radius: 50%;\n            background: linear-gradient(135deg, #1890ff, #00d4ff);\n            box-shadow: 0 0 8px rgba(24, 144, 255, 0.4);\n            transition: all 0.3s ease;\n        }\n\n        .card-main:hover .feature-list li {\n            transform: translateX(6px);\n            color: #0a3d7a;\n        }\n\n        .card-small:hover .feature-list li {\n            transform: translateX(6px);\n            color: #0a3d7a;\n        }\n\n        .card-main:hover .feature-list li::before {\n            background: linear-gradient(135deg, #ff9500, #ffcc00);\n            box-shadow: 0 0 12px rgba(255, 150, 0, 0.5);\n        }\n\n        .card-small:hover .feature-list li::before {\n            background: linear-gradient(135deg, #ff9500, #ffcc00);\n            box-shadow: 0 0 10px rgba(255, 150, 0, 0.5);\n        }\n\n        .card-icon {\n            position: absolute;\n            right: 30px;\n            top: 30px;\n            width: 50px;\n            height: 50px;\n            border-radius: 12px;\n            background: linear-gradient(135deg, rgba(24, 144, 255, 0.1), rgba(0, 212, 255, 0.1));\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 24px;\n            transition: all 0.4s ease;\n            z-index: 2;\n        }\n\n        .card-small .card-icon {\n            width: 40px;\n            height: 40px;\n            right: 25px;\n            top: 22px;\n            font-size: 20px;\n            border-radius: 10px;\n        }\n\n        .card-main:hover .card-icon {\n            background: linear-gradient(135deg, #1890ff, #00d4ff);\n            transform: scale(1.1) rotate(5deg);\n        }\n\n        .card-small:hover .card-icon {\n            background: linear-gradient(135deg, #1890ff, #00d4ff);\n            transform: scale(1.1) rotate(5deg);\n        }\n\n        \/* ========== CMO\/CDMO - DIV2 \u5e95\u90e8\u533a\u57df ========== *\/\n        .section-2 {\n            position: relative;\n            border-radius: 16px;\n            overflow: hidden;\n            background: linear-gradient(135deg, #0a3d7a 0%, #1565c0 50%, #0d47a1 100%);\n            box-shadow: 0 10px 40px rgba(10, 61, 122, 0.3);\n            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n        }\n\n        .section-2:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 18px 55px rgba(10, 61, 122, 0.4);\n        }\n\n        .section-2-content {\n            position: relative;\n            z-index: 1;\n            padding: 50px 50px;\n        }\n\n        .section-2 h2 {\n            color: #ffffff;\n            font-size: 28px;\n            font-weight: 700;\n            margin-bottom: 25px;\n            letter-spacing: 3px;\n            position: relative;\n            padding-bottom: 15px;\n        }\n\n        .section-2 h2::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, #ffd700, #ffaa00);\n            border-radius: 2px;\n            transition: width 0.5s ease;\n        }\n\n        .section-2:hover h2::after {\n            width: 140px;\n        }\n\n        .section-2 .intro {\n            color: rgba(255, 255, 255, 0.9);\n            font-size: 16px;\n            line-height: 2;\n            margin-bottom: 20px;\n        }\n\n        .section-2 .industry {\n            color: rgba(255, 255, 255, 0.85);\n            font-size: 15px;\n            line-height: 1.9;\n            margin-bottom: 25px;\n        }\n\n        .section-2 .industry strong {\n            color: #ffd700;\n            font-weight: 600;\n        }\n\n        .contact-box {\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            padding: 14px 28px;\n            background: rgba(255, 255, 255, 0.1);\n            border: 1px solid rgba(255, 215, 0, 0.4);\n            border-radius: 30px;\n            backdrop-filter: blur(10px);\n            transition: all 0.4s ease;\n        }\n\n        .section-2:hover .contact-box {\n            background: rgba(255, 215, 0, 0.15);\n            border-color: #ffd700;\n            transform: scale(1.02);\n        }\n\n        .contact-box .phone-icon {\n            font-size: 20px;\n        }\n\n        .contact-box .phone-label {\n            color: rgba(255, 255, 255, 0.7);\n            font-size: 13px;\n        }\n\n        .contact-box .phone-number {\n            color: #ffd700;\n            font-size: 18px;\n            font-weight: 700;\n            letter-spacing: 2px;\n        }\n\n        .data-highlights {\n            display: flex;\n            gap: 50px;\n            margin: 25px 0;\n        }\n\n        .data-item {\n            text-align: left;\n        }\n\n        .data-item .number {\n            color: #ffd700;\n            font-size: 32px;\n            font-weight: 700;\n            line-height: 1;\n            margin-bottom: 8px;\n            text-shadow: 0 2px 10px rgba(255, 215, 0, 0.3);\n        }\n\n        .data-item .label {\n            color: rgba(255, 255, 255, 0.7);\n            font-size: 13px;\n            letter-spacing: 1px;\n        }\n\n        \/* ========== FTE\/FFS \u5b9a\u5236\u7814\u53d1 ========== *\/\n        .fte-hero {\n            text-align: center;\n            margin-bottom: 45px;\n            padding: 50px 40px;\n            background: linear-gradient(135deg, #ffffff 0%, #f0f8ff 100%);\n            border-radius: 16px;\n            border: 1px solid rgba(24, 144, 255, 0.1);\n            box-shadow: 0 8px 30px rgba(24, 144, 255, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .fte-hero::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 4px;\n            background: linear-gradient(90deg, #1890ff, #00d4ff, #ffd700);\n        }\n\n        .fte-hero h1 {\n            font-size: 32px;\n            font-weight: 700;\n            color: #0a3d7a;\n            margin-bottom: 12px;\n            letter-spacing: 2px;\n        }\n\n        .fte-hero .subtitle-en {\n            font-size: 14px;\n            color: #6688aa;\n            letter-spacing: 3px;\n            margin-bottom: 25px;\n            font-style: italic;\n        }\n\n        .fte-hero .intro {\n            font-size: 16px;\n            color: #446688;\n            line-height: 2;\n            max-width: 900px;\n            margin: 0 auto;\n            text-align: justify;\n        }\n\n        .fte-hero .highlight {\n            color: #1890ff;\n            font-weight: 600;\n        }\n\n        \/* \u4e24\u79cd\u6a21\u5f0f\u5361\u7247 *\/\n        .mode-section {\n            margin-bottom: 45px;\n        }\n\n        .mode-section-title {\n            text-align: center;\n            font-size: 24px;\n            font-weight: 700;\n            color: #0a3d7a;\n            margin-bottom: 30px;\n            letter-spacing: 2px;\n            position: relative;\n            display: inline-block;\n            left: 50%;\n            transform: translateX(-50%);\n        }\n\n        .mode-section-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #1890ff, #00d4ff);\n            border-radius: 2px;\n        }\n\n        .mode-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 30px;\n        }\n\n        .mode-card {\n            position: relative;\n            border-radius: 16px;\n            background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);\n            box-shadow: 0 8px 30px rgba(24, 144, 255, 0.12);\n            border: 1px solid rgba(24, 144, 255, 0.15);\n            padding: 40px 35px;\n            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n            overflow: hidden;\n        }\n\n        .mode-card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 20px 50px rgba(24, 144, 255, 0.2);\n            border-color: rgba(24, 144, 255, 0.35);\n        }\n\n        .mode-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 5px;\n            background: linear-gradient(90deg, #1890ff, #00d4ff);\n            transform: scaleX(0);\n            transform-origin: left;\n            transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n        }\n\n        .mode-card:hover::before {\n            transform: scaleX(1);\n        }\n\n        .mode-card.fte::before {\n            background: linear-gradient(90deg, #1890ff, #00d4ff);\n        }\n\n        .mode-card.ffs::before {\n            background: linear-gradient(90deg, #ff9500, #ffd700);\n        }\n\n        .mode-badge {\n            display: inline-block;\n            padding: 6px 18px;\n            border-radius: 20px;\n            font-size: 13px;\n            font-weight: 700;\n            letter-spacing: 1px;\n            margin-bottom: 18px;\n        }\n\n        .fte .mode-badge {\n            background: linear-gradient(135deg, rgba(24, 144, 255, 0.1), rgba(0, 212, 255, 0.1));\n            color: #1890ff;\n            border: 1px solid rgba(24, 144, 255, 0.3);\n        }\n\n        .ffs .mode-badge {\n            background: linear-gradient(135deg, rgba(255, 149, 0, 0.1), rgba(255, 215, 0, 0.1));\n            color: #ff9500;\n            border: 1px solid rgba(255, 149, 0, 0.3);\n        }\n\n        .mode-card h3 {\n            font-size: 24px;\n            font-weight: 700;\n            color: #0a3d7a;\n            margin-bottom: 8px;\n            letter-spacing: 1px;\n        }\n\n        .mode-card .mode-en {\n            font-size: 13px;\n            color: #8899aa;\n            margin-bottom: 20px;\n            font-style: italic;\n        }\n\n        .mode-card .mode-desc {\n            font-size: 15px;\n            color: #446688;\n            line-height: 1.9;\n            margin-bottom: 20px;\n        }\n\n        .mode-features {\n            list-style: none;\n        }\n\n        .mode-features li {\n            font-size: 14px;\n            color: #335577;\n            line-height: 2;\n            padding-left: 22px;\n            position: relative;\n            transition: all 0.3s ease;\n        }\n\n        .mode-features li::before {\n            content: '\u2713';\n            position: absolute;\n            left: 0;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 16px;\n            height: 16px;\n            border-radius: 50%;\n            background: linear-gradient(135deg, #1890ff, #00d4ff);\n            color: white;\n            font-size: 10px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: bold;\n        }\n\n        .ffs .mode-features li::before {\n            background: linear-gradient(135deg, #ff9500, #ffd700);\n        }\n\n        .mode-card:hover .mode-features li {\n            transform: translateX(5px);\n        }\n\n        .mode-switch-note {\n            text-align: center;\n            margin-top: 25px;\n            padding: 15px 25px;\n            background: linear-gradient(135deg, rgba(24, 144, 255, 0.05), rgba(255, 215, 0, 0.05));\n            border-radius: 10px;\n            border: 1px dashed rgba(24, 144, 255, 0.3);\n            font-size: 14px;\n            color: #446688;\n        }\n\n        .mode-switch-note strong {\n            color: #1890ff;\n        }\n\n        \/* \u786c\u6838\u5bb6\u5e95\u533a\u57df *\/\n        .strength-section {\n            margin-bottom: 45px;\n        }\n\n        .strength-intro {\n            background: linear-gradient(135deg, #ffffff 0%, #f5faff 100%);\n            border-radius: 16px;\n            padding: 40px 45px;\n            margin-bottom: 30px;\n            border: 1px solid rgba(24, 144, 255, 0.1);\n            box-shadow: 0 6px 25px rgba(24, 144, 255, 0.08);\n        }\n\n        .strength-intro h3 {\n            font-size: 22px;\n            font-weight: 700;\n            color: #0a3d7a;\n            margin-bottom: 15px;\n            letter-spacing: 1px;\n        }\n\n        .strength-intro p {\n            font-size: 15px;\n            color: #446688;\n            line-height: 2;\n        }\n\n        .domain-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 25px;\n        }\n\n        .domain-card {\n            position: relative;\n            border-radius: 14px;\n            background: white;\n            padding: 30px 30px;\n            border-left: 5px solid #1890ff;\n            box-shadow: 0 4px 20px rgba(24, 144, 255, 0.1);\n            transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n        }\n\n        .domain-card:hover {\n            transform: translateX(8px);\n            box-shadow: 0 10px 35px rgba(24, 144, 255, 0.18);\n        }\n\n        .domain-card.medical {\n            border-left-color: #28a745;\n        }\n\n        .domain-card.semiconductor {\n            border-left-color: #ff9500;\n        }\n\n        .domain-card h4 {\n            font-size: 19px;\n            font-weight: 700;\n            color: #0a3d7a;\n            margin-bottom: 12px;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        .domain-card h4 .icon {\n            font-size: 22px;\n        }\n\n        .domain-card p {\n            font-size: 14px;\n            color: #557799;\n            line-height: 1.9;\n        }\n\n        \/* \u670d\u52a1\u8303\u7574\u533a\u57df *\/\n        .service-section {\n            margin-bottom: 45px;\n        }\n\n        .service-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 25px;\n        }\n\n        .service-card {\n            position: relative;\n            border-radius: 14px;\n            background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);\n            padding: 30px 28px;\n            border: 1px solid rgba(24, 144, 255, 0.12);\n            box-shadow: 0 5px 20px rgba(24, 144, 255, 0.08);\n            transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n            overflow: hidden;\n        }\n\n        .service-card:hover {\n            transform: translateY(-6px);\n            box-shadow: 0 15px 40px rgba(24, 144, 255, 0.18);\n            border-color: rgba(24, 144, 255, 0.3);\n        }\n\n        .service-card-icon {\n            width: 50px;\n            height: 50px;\n            border-radius: 12px;\n            background: linear-gradient(135deg, rgba(24, 144, 255, 0.1), rgba(0, 212, 255, 0.1));\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 26px;\n            margin-bottom: 18px;\n            transition: all 0.4s ease;\n        }\n\n        .service-card:hover .service-card-icon {\n            background: linear-gradient(135deg, #1890ff, #00d4ff);\n            transform: scale(1.1) rotate(-5deg);\n        }\n\n        .service-card h4 {\n            font-size: 18px;\n            font-weight: 700;\n            color: #0a3d7a;\n            margin-bottom: 10px;\n        }\n\n        .service-card p {\n            font-size: 14px;\n            color: #557799;\n            line-height: 1.8;\n        }\n\n        \/* \u5408\u4f5c\u4ef7\u503c\u533a\u57df *\/\n        .value-section {\n            margin-bottom: 45px;\n        }\n\n        .value-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 25px;\n        }\n\n        .value-card {\n            position: relative;\n            border-radius: 16px;\n            background: white;\n            padding: 35px 28px;\n            text-align: center;\n            border: 1px solid rgba(24, 144, 255, 0.1);\n            box-shadow: 0 6px 25px rgba(24, 144, 255, 0.08);\n            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n            overflow: hidden;\n        }\n\n        .value-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 20px 50px rgba(24, 144, 255, 0.2);\n        }\n\n        .value-card::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            height: 4px;\n            background: linear-gradient(90deg, #1890ff, #00d4ff);\n            transform: scaleX(0);\n            transition: transform 0.4s ease;\n        }\n\n        .value-card:hover::after {\n            transform: scaleX(1);\n        }\n\n        .value-number {\n            font-size: 42px;\n            font-weight: 800;\n            color: rgba(24, 144, 255, 0.1);\n            line-height: 1;\n            margin-bottom: 15px;\n            transition: all 0.4s ease;\n        }\n\n        .value-card:hover .value-number {\n            color: rgba(24, 144, 255, 0.2);\n            transform: scale(1.1);\n        }\n\n        .value-card h4 {\n            font-size: 18px;\n            font-weight: 700;\n            color: #0a3d7a;\n            margin-bottom: 12px;\n        }\n\n        .value-card p {\n            font-size: 14px;\n            color: #557799;\n            line-height: 1.8;\n        }\n\n        \/* FTE\u5e95\u90e8\u8054\u7cfb\u533a\u57df *\/\n        .fte-contact-section {\n            position: relative;\n            border-radius: 16px;\n            overflow: hidden;\n            background: linear-gradient(135deg, #0a3d7a 0%, #1565c0 50%, #0d47a1 100%);\n            box-shadow: 0 10px 40px rgba(10, 61, 122, 0.3);\n            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n        }\n\n        .fte-contact-section:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 18px 55px rgba(10, 61, 122, 0.4);\n        }\n\n        .fte-contact-content {\n            position: relative;\n            z-index: 1;\n            padding: 50px 50px;\n            text-align: center;\n        }\n\n        .fte-contact-content h2 {\n            color: #ffffff;\n            font-size: 26px;\n            font-weight: 700;\n            margin-bottom: 20px;\n            letter-spacing: 2px;\n        }\n\n        .fte-contact-content .contact-intro {\n            color: rgba(255, 255, 255, 0.85);\n            font-size: 15px;\n            line-height: 1.9;\n            margin-bottom: 30px;\n            max-width: 800px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .fte-contact-box {\n            display: inline-flex;\n            align-items: center;\n            gap: 15px;\n            padding: 18px 40px;\n            background: rgba(255, 255, 255, 0.1);\n            border: 1px solid rgba(255, 215, 0, 0.5);\n            border-radius: 40px;\n            backdrop-filter: blur(10px);\n            transition: all 0.4s ease;\n        }\n\n        .fte-contact-section:hover .fte-contact-box {\n            background: rgba(255, 215, 0, 0.15);\n            border-color: #ffd700;\n            transform: scale(1.05);\n        }\n\n        .fte-contact-box .phone-icon {\n            font-size: 28px;\n        }\n\n        .fte-contact-box .phone-label {\n            color: rgba(255, 255, 255, 0.7);\n            font-size: 13px;\n            text-align: left;\n        }\n\n        .fte-contact-box .phone-number {\n            color: #ffd700;\n            font-size: 22px;\n            font-weight: 700;\n            letter-spacing: 2px;\n        }\n\n        \/* ========== \u54cd\u5e94\u5f0f ========== *\/\n        @media (max-width: 1024px) {\n            .reaction-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n            .product-grid {\n                grid-template-columns: 1fr;\n            }\n            .section-1 {\n                flex-direction: column;\n                height: auto;\n            }\n            .card-main {\n                flex: none;\n                min-height: 320px;\n            }\n            .cards-right {\n                flex-direction: row;\n            }\n            .card-small {\n                flex: 1;\n            }\n            .mode-grid {\n                grid-template-columns: 1fr;\n            }\n            .domain-grid {\n                grid-template-columns: 1fr;\n            }\n            .service-grid {\n                grid-template-columns: 1fr;\n            }\n            .value-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        @media (max-width: 768px) {\n            .tab-nav {\n                flex-direction: column;\n                gap: 10px;\n            }\n            .tab-item:first-child,\n            .tab-item:last-child,\n            .tab-item:not(:first-child):not(:last-child) {\n                border-radius: 12px;\n                border-right: 1px solid rgba(24, 144, 255, 0.15);\n            }\n            .reaction-grid {\n                grid-template-columns: 1fr;\n            }\n            .tech-grid {\n                grid-template-columns: 1fr;\n            }\n            .cards-right {\n                flex-direction: column;\n            }\n            .data-highlights {\n                gap: 30px;\n                flex-wrap: wrap;\n            }\n            .value-grid {\n                grid-template-columns: 1fr;\n            }\n            .fte-hero {\n                padding: 30px 20px;\n            }\n            .fte-hero h1 {\n                font-size: 24px;\n            }\n            .strength-intro {\n                padding: 25px 20px;\n            }\n            .fte-contact-content {\n                padding: 30px 20px;\n            }\n        }\n<\/style>\n\n<div class=\"container\">\n        <!-- TAB \u5bfc\u822a -->\n        <div class=\"tab-nav\">\n            <div class=\"tab-item\" data-tab=\"product\">\n                <div class=\"tab-title\">\u4ea7\u54c1\u4e2d\u5fc3<\/div>\n                <div class=\"tab-subtitle\">Product Center<\/div>\n                <div class=\"tab-indicator\"><\/div>\n            <\/div>\n            <div class=\"tab-item active\" data-tab=\"reaction\">\n                <div class=\"tab-title\">\u64c5\u957f\u53cd\u5e94<\/div>\n                <div class=\"tab-subtitle\">CMO \/ CDMO Reaction Capabilities<\/div>\n                <div class=\"tab-indicator\"><\/div>\n            <\/div>\n            <div class=\"tab-item\" data-tab=\"cdmo\">\n                <div class=\"tab-title\">CMO\/CDMO \u5b9a\u5236\u751f\u4ea7<\/div>\n                <div class=\"tab-subtitle\">Customer Manufacturing &amp; <\/div>\n                <div class=\"tab-indicator\"><\/div>\n            <\/div>\n\n\n<div class=\"tab-item\" data-tab=\"fte\">\n                <div class=\"tab-title\">FTE\/FFS \u670d\u52a1\u6a21\u5f0f<\/div>\n                <div class=\"tab-subtitle\">FTE \/ FFS Custom R&amp;D Service<\/div>\n                <div class=\"tab-indicator\"><\/div>\n            <\/div>\n\n\n\n\n        <\/div>\n\n\n\n\n\n        <!-- TAB \u5185\u5bb9\u533a\u57df -->\n        <div class=\"tab-content-wrapper\">\n            <!-- TAB1: \u4ea7\u54c1\u4e2d\u5fc3 -->\n            <div class=\"tab-panel\" id=\"tab-product\">\n                <div class=\"product-grid\">\n                    <!-- DIV1 \u663e\u793a\u6750\u6599 -->\n                    <div class=\"product-card card-1\">\n                        <div class=\"particles\" id=\"productParticles1\"><\/div>\n                        <div class=\"corner-decoration corner-tl\"><\/div>\n                        <div class=\"corner-decoration corner-br\"><\/div>\n                        <div class=\"card-glow\"><\/div>\n                        <div class=\"card-content\">\n                            <h2>\u663e\u793a\u6750\u6599<\/h2>\n                            <ul class=\"product-list\">\n                                <li>\u6db2\u6676\u5355\u6676&amp;\u4e2d\u95f4\u4f53<\/li>\n                                <li>OLED materials &amp; intermediates<\/li>\n                                <li>\u6c18\u4ee3\u6750\u6599 ...<\/li>\n                            <\/ul>\n                            <span class=\"more-tag\">\u67e5\u770b\u66f4\u591a<\/span>\n                        <\/div>\n                    <\/div>\n\n  <!-- DIV2 \u7535\u5b50\u5316\u5b66\u54c1 -->\n                    <div class=\"product-card card-2\">\n                        <div class=\"particles\" id=\"productParticles2\"><\/div>\n                        <div class=\"corner-decoration corner-tl\"><\/div>\n                        <div class=\"corner-decoration corner-br\"><\/div>\n                        <div class=\"card-glow\"><\/div>\n                        <div class=\"card-content\">\n                            <h2>electronic chemicals<\/h2>\n                            <ul class=\"product-list\">\n                                <li>\u5149\u654f\u805a\u9170\u4e9a\u80fa\uff08PSPI\uff09<\/li>\n                                <li>Krf\u5149\u523b\u80f6\u6811\u8102<\/li>\n                                <li>\u5355\u4f53\u5149\u9178...<\/li>\n                            <\/ul>\n                            <span class=\"more-tag\"><a href=\"https:\/\/hangzhoubiopak.com\/en\/electronic-chemical-krf-photoresist-resin\/\">\u67e5\u770b\u66f4\u591a<\/a><\/span>\n                        <\/div>\n                    <\/div>                    <!-- DIV3 \u533b\u836f\/\u519c\u836f \u4e2d\u95f4\u4f53 -->\n                    <div class=\"product-card card-3\">\n                        <div class=\"particles\" id=\"productParticles3\"><\/div>\n                        <div class=\"corner-decoration corner-tl\"><\/div>\n                        <div class=\"corner-decoration corner-br\"><\/div>\n                        <div class=\"card-glow\"><\/div>\n                        <div class=\"card-content\">\n                            <h2>\u533b\u836f\/\u519c\u836f \u4e2d\u95f4\u4f53<\/h2>\n                            <ul class=\"product-list\">\n                                <li>organoboronic acids\/esters<\/li>\n                                <li>\u533b\u836f\u4e2d\u95f4\u4f53<\/li>\n                                <li>\u519c\u836f\/\u519c\u836f\u4e2d\u95f4\u4f53...<\/li>\n                            <\/ul>\n                            <span class=\"more-tag\">\u67e5\u770b\u66f4\u591a<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <!-- DIV4 \u7535\u81f4\u8c03\u5149 -->\n                    <div class=\"product-card card-4\">\n                        <div class=\"particles\" id=\"productParticles4\"><\/div>\n                        <div class=\"corner-decoration corner-tl\"><\/div>\n                        <div class=\"corner-decoration corner-br\"><\/div>\n                        <div class=\"card-glow\"><\/div>\n                        <div class=\"card-content\">\n                            <h2>\u805a\u5408\u7269\u5206\u6563\u6db2\u6676PLDC<\/h2>\n                            <ul class=\"product-list\">\n                                <li>\u7535\u81f4\u8c03\u5149\u3001\u53d8\u8272<\/li>\n                                <li>\u53ef\u805a\u5408\u6db2\u6676\u6750\u6599\u53ca\u4e2d\u95f4\u4f53\uff08RM\uff09<\/li>\n                                <li>\u6db2\u6676\u624b\u6027\u5242\uff08Dopant)...<\/li>\n                            <\/ul>\n                            <span class=\"more-tag\">\u67e5\u770b\u66f4\u591a<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n  <!-- TAB2: \u64c5\u957f\u53cd\u5e94 -->\n            <div class=\"tab-panel active\" id=\"tab-reaction\">\n                <!-- \u53cd\u5e94\u5361\u7247\u7f51\u683c -->\n                <div class=\"reaction-grid\" id=\"reactionGrid\">\n                    <!-- 15\u4e2a\u53cd\u5e94\u5361\u7247 -->\n                    <div class=\"reaction-card\">\n                        <div class=\"particles\" data-count=\"6\"><\/div>\n                        <div class=\"corner-deco corner-tl-reaction\"><\/div>\n                        <div class=\"corner-deco corner-br-reaction\"><\/div>\n                        <div class=\"card-inner\">\n                            <div class=\"card-text\">\n                                <span class=\"card-number\">01<\/span>\n                                <h3>\u683c\u5f0f\u53cd\u5e94+\u787c\u9178\u916f\u5316<\/h3>\n                                <p class=\"name-en\">Grignard Reaction \u2013 Borylation<\/p>\n                            <\/div>\n                            <div class=\"card-image\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/image1.png\" alt=\"\u683c\u5f0f\u53cd\u5e94+\u787c\u9178\u916f\u5316\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"reaction-card\">\n                        <div class=\"particles\" data-count=\"6\"><\/div>\n                        <div class=\"corner-deco corner-tl-reaction\"><\/div>\n                        <div class=\"corner-deco corner-br-reaction\"><\/div>\n                        <div class=\"card-inner\">\n                            <div class=\"card-text\">\n                                <span class=\"card-number\">02<\/span>\n                                <h3>\u683c\u5f0f\u53cd\u5e94+\u52a0\u6210<\/h3>\n                                <p class=\"name-en\">Grignard Reaction \u2013 Addition<\/p>\n                            <\/div>\n                            <div class=\"card-image\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/image5.png\" alt=\"\u683c\u5f0f\u53cd\u5e94+\u52a0\u6210\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"reaction-card\">\n                        <div class=\"particles\" data-count=\"6\"><\/div>\n                        <div class=\"corner-deco corner-tl-reaction\"><\/div>\n                        <div class=\"corner-deco corner-br-reaction\"><\/div>\n                        <div class=\"card-inner\">\n                            <div class=\"card-text\">\n                                <span class=\"card-number\">03<\/span>\n                                <h3>\u683c\u5f0f\u53cd\u5e94+\u5076\u8054<\/h3>\n                                <p class=\"name-en\">Grignard Reaction \u2013 Coupling<\/p>\n                            <\/div>\n                            <div class=\"card-image\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/image8.png\" alt=\"\u683c\u5f0f\u53cd\u5e94+\u5076\u8054\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"reaction-card\">\n                        <div class=\"particles\" data-count=\"6\"><\/div>\n                        <div class=\"corner-deco corner-tl-reaction\"><\/div>\n                        <div class=\"corner-deco corner-br-reaction\"><\/div>\n                        <div class=\"card-inner\">\n                            <div class=\"card-text\">\n                                <span class=\"card-number\">04<\/span>\n                                <h3>\u8d85\u4f4e\u6e29\u9502\u5316<\/h3>\n                                <p class=\"name-en\">Ultra-low Temperature Lithiation<\/p>\n                            <\/div>\n                            <div class=\"card-image\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/image6.png\" alt=\"\u8d85\u4f4e\u6e29\u9502\u5316\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"reaction-card\">\n                        <div class=\"particles\" data-count=\"6\"><\/div>\n                        <div class=\"corner-deco corner-tl-reaction\"><\/div>\n                        <div class=\"corner-deco corner-br-reaction\"><\/div>\n                        <div class=\"card-inner\">\n                            <div class=\"card-text\">\n                                <span class=\"card-number\">05<\/span>\n                                <h3>\u9502\u5364\u4ea4\u6362+\u787c\u9178\u916f\u5316<\/h3>\n                                <p class=\"name-en\">Lithium-Halogen Exchange &amp; Boronic Acid<\/p>\n                            <\/div>\n                            <div class=\"card-image\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/image3.png\" alt=\"\u9502\u5364\u4ea4\u6362+\u787c\u9178\u916f\u5316\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"reaction-card\">\n                        <div class=\"particles\" data-count=\"6\"><\/div>\n                        <div class=\"corner-deco corner-tl-reaction\"><\/div>\n                        <div class=\"corner-deco corner-br-reaction\"><\/div>\n                        <div class=\"card-inner\">\n                            <div class=\"card-text\">\n                                <span class=\"card-number\">06<\/span>\n                                <h3>\u94c3\u6728\uff0d\u5bab\u6d66\u4ea4\u53c9\u5076\u8054\u53cd\u5e94<\/h3>\n                                <p class=\"name-en\">Suzuki-Miyaura Cross-Coupling Reaction<\/p>\n                            <\/div>\n                            <div class=\"card-image\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/image7.png\" alt=\"\u94c3\u6728\uff0d\u5bab\u6d66\u4ea4\u53c9\u5076\u8054\u53cd\u5e94\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"reaction-card\">\n                        <div class=\"particles\" data-count=\"6\"><\/div>\n                        <div class=\"corner-deco corner-tl-reaction\"><\/div>\n                        <div class=\"corner-deco corner-br-reaction\"><\/div>\n                        <div class=\"card-inner\">\n                            <div class=\"card-text\">\n                                <span class=\"card-number\">07<\/span>\n                                <h3>Buchwald-Hartwig \u5076\u8054\u53cd\u5e94<\/h3>\n                                <p class=\"name-en\">Buchwald-Hartwig Coupling Reaction<\/p>\n                            <\/div>\n                            <div class=\"card-image\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/Buchwald-Hartwig.png\" alt=\"Buchwald-Hartwig\u5076\u8054\u53cd\u5e94\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"reaction-card\">\n                        <div class=\"particles\" data-count=\"6\"><\/div>\n                        <div class=\"corner-deco corner-tl-reaction\"><\/div>\n                        <div class=\"corner-deco corner-br-reaction\"><\/div>\n                        <div class=\"card-inner\">\n                            <div class=\"card-text\">\n                                <span class=\"card-number\">08<\/span>\n                                <h3>\u6d88\u9664\u53cd\u5e94<\/h3>\n                                <p class=\"name-en\">Elimination Reaction<\/p>\n                            <\/div>\n                            <div class=\"card-image\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/image2.png\" alt=\"\u6d88\u9664\u53cd\u5e94\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"reaction-card\">\n                        <div class=\"particles\" data-count=\"6\"><\/div>\n                        <div class=\"corner-deco corner-tl-reaction\"><\/div>\n                        <div class=\"corner-deco corner-br-reaction\"><\/div>\n                        <div class=\"card-inner\">\n                            <div class=\"card-text\">\n                                <span class=\"card-number\">09<\/span>\n                                <h3>\u52a0\u6c22\u53cd\u5e94<\/h3>\n                                <p class=\"name-en\">Hydrogenation Reaction<\/p>\n                            <\/div>\n                            <div class=\"card-image\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/image10.png\" alt=\"\u52a0\u6c22\u53cd\u5e94\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"reaction-card\">\n                        <div class=\"particles\" data-count=\"6\"><\/div>\n                        <div class=\"corner-deco corner-tl-reaction\"><\/div>\n                        <div class=\"corner-deco corner-br-reaction\"><\/div>\n                        <div class=\"card-inner\">\n                            <div class=\"card-text\">\n                                <span class=\"card-number\">10<\/span>\n                                <h3>\u7ef4\u8482\u5e0c\u53cd\u5e94<\/h3>\n                                <p class=\"name-en\">Wittig Reaction<\/p>\n                            <\/div>\n                            <div class=\"card-image\">\n                                <img decoding=\"async\" src=\"https:\/\/hangzhoubiopak.com\/wp-content\/uploads\/2026\/08\/wittig-reaction.png\" alt=\"\u7ef4\u8482\u5e0c\u53cd\u5e94, Wittig\u53cd\u5e94\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"reaction-card\">\n                        <div class=\"particles\" data-count=\"6\"><\/div>\n                        <div class=\"corner-deco corner-tl-reaction\"><\/div>\n                        <div class=\"corner-deco corner-br-reaction\"><\/div>\n                        <div class=\"card-inner\">\n                            <div class=\"card-text\">\n                                <span class=\"card-number\">11<\/span>\n                                <h3>\u6c27\u5316\u53cd\u5e94<\/h3>\n                                <p class=\"name-en\">Oxidization Reaction<\/p>\n                            <\/div>\n                            <div class=\"card-image\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/image12.png\" alt=\"\u6c27\u5316\u53cd\u5e94\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"reaction-card\">\n                        <div class=\"particles\" data-count=\"6\"><\/div>\n                        <div class=\"corner-deco corner-tl-reaction\"><\/div>\n                        <div class=\"corner-deco corner-br-reaction\"><\/div>\n                        <div class=\"card-inner\">\n                            <div class=\"card-text\">\n                                <span class=\"card-number\">12<\/span>\n                                <h3>\u4e4c\u5c14\u66fc\u5076\u8054\u53cd\u5e94<\/h3>\n                                <p class=\"name-en\">Ullmann Reaction<\/p>\n                            <\/div>\n                            <div class=\"card-image\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/image9.png\" alt=\"\u4e4c\u5c14\u66fc\u5076\u8054\u53cd\u5e94\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"reaction-card\">\n                        <div class=\"particles\" data-count=\"6\"><\/div>\n                        <div class=\"corner-deco corner-tl-reaction\"><\/div>\n                        <div class=\"corner-deco corner-br-reaction\"><\/div>\n                        <div class=\"card-inner\">\n                            <div class=\"card-text\">\n                                <span class=\"card-number\">13<\/span>\n                                <h3>\u9ec4\u9e23\u9f99\u8fd8\u539f\u53cd\u5e94<\/h3>\n                                <p class=\"name-en\">Wolff-Kishner Reaction<\/p>\n                            <\/div>\n                            <div class=\"card-image\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/image13.png\" alt=\"\u9ec4\u9e23\u9f99\u8fd8\u539f\u53cd\u5e94\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"reaction-card\">\n                        <div class=\"particles\" data-count=\"6\"><\/div>\n                        <div class=\"corner-deco corner-tl-reaction\"><\/div>\n                        <div class=\"corner-deco corner-br-reaction\"><\/div>\n                        <div class=\"card-inner\">\n                            <div class=\"card-text\">\n                                <span class=\"card-number\">14<\/span>\n                                <h3>\u91cd\u6392\u53cd\u5e94<\/h3>\n                                <p class=\"name-en\">Claisen-Ireland Rearrangement<\/p>\n                            <\/div>\n                            <div class=\"card-image\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/image14.png\" alt=\"\u91cd\u6392\u53cd\u5e94\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"reaction-card\">\n                        <div class=\"particles\" data-count=\"6\"><\/div>\n                        <div class=\"corner-deco corner-tl-reaction\"><\/div>\n                        <div class=\"corner-deco corner-br-reaction\"><\/div>\n                        <div class=\"card-inner\">\n                            <div class=\"card-text\">\n                                <span class=\"card-number\">15<\/span>\n                                <h3>\u6c18\u4ee3\u53cd\u5e94<\/h3>\n                                <p class=\"name-en\">Deuterium Quenching<\/p>\n                            <\/div>\n                            <div class=\"card-image\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/image15.png\" alt=\"\u6c18\u4ee3\u53cd\u5e94\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>                <!-- \u6280\u672f\u5e73\u53f0\u533a\u57df -->\n                <div class=\"tech-section\">\n                    <div class=\"tech-content\">\n                        <p class=\"tech-intro\">\u6211\u4eec\u7684\u6280\u672f\u5e73\u53f0\u517c\u5bb9\u5e76\u652f\u6301\u4e00\u7cfb\u5217\u91cd\u8981\u7684\u6709\u673a\u8f6c\u5316\u53cd\u5e94\uff0c\u6db5\u76d6\u4ece\u57fa\u7840\u5b98\u80fd\u56e2\u4fee\u9970\u5230\u590d\u6742\u5206\u5b50\u6784\u5efa\u3001\u518d\u5230\u9ad8\u5206\u5b50\u805a\u5408\u7684\u5168\u94fe\u6761\u80fd\u529b\uff1a<\/p>\n                        \n                        <div class=\"tech-grid\">\n                            <div class=\"tech-item\">\n                                <h2>\u5b98\u80fd\u56e2\u8f6c\u5316\u4e0e\u5364\u4ee3\u4fee\u9970<\/h2>\n                                <p>\u6db5\u76d6\u76f4\u63a5\u6c2f\u5316\u3001\u6eb4\u5316\u3001\u7898\u4ee3\u7b49\u591a\u79cd\u5364\u5316\u7b56\u7565\uff0c\u53ef\u9ad8\u6548\u5236\u5907\u4eb2\u7535\u6027\u5408\u6210\u780c\u5757\u3002<\/p>\n                            <\/div>\n                            <div class=\"tech-item\">\n                                <h2>\u5206\u5b50\u9aa8\u67b6\u7684\u6784\u5efa\u4e0e\u5b98\u80fd\u56e2\u8f6c\u5316<\/h2>\n                                <p>\u5305\u62ec\u73af\u5316\u6784\u5efa\u3001\u916f\u5316\u3001\u6c34\u89e3\u7b49\u7ecf\u5178\u53cd\u5e94\uff0c\u7528\u4e8e\u642d\u5efa\u6838\u5fc3\u9aa8\u67b6\u53ca\u540e\u671f\u5b98\u80fd\u56e2\u4fee\u9970\u3002<\/p>\n                            <\/div>\n                            <div class=\"tech-item\">\n                                <h2>\u9ad8\u5206\u5b50\u5408\u6210\u4e0e\u805a\u5408\u7269\u5de5\u7a0b<\/h2>\n                                <p>\u652f\u6301\u7f29\u5408\u805a\u5408\u3001\u81ea\u7531\u57fa\u5171\u805a\u53ca\u805a\u5408\u7269\u63a5\u679d\u6539\u6027\uff0c\u5b9e\u73b0\u5b9a\u5236\u5316\u9ad8\u5206\u5b50\u6750\u6599\u5236\u5907\uff08\u5149\u523b\u80f6\u65b9\u5411\uff09\u3002<\/p>\n                            <\/div>\n                            <div class=\"tech-item\">\n                                <h2>\u7279\u79cd\u805a\u5408\u6280\u672f<\/h2>\n                                <p>\u5177\u5907\u9634\u79bb\u5b50\u805a\u5408\u7b49\u6d3b\u6027\/\u53ef\u63a7\u805a\u5408\u80fd\u529b\uff0c\u9002\u7528\u4e8e\u7a84\u5206\u5e03\u3001\u5d4c\u6bb5\u5171\u805a\u7269\u7b49\u9ad8\u7aef\u7ed3\u6784\u7684\u7cbe\u51c6\u5408\u6210\uff08\u5149\u523b\u80f6\u65b9\u5411\uff09\u3002<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- TAB3: CMO\/CDMO \u5b9a\u5236\u751f\u4ea7 -->\n            <div class=\"tab-panel\" id=\"tab-cdmo\">\n                <!-- DIV1 \u4e3b\u533a\u57df -->\n                <div class=\"section-1\">\n                    <!-- \u5de6\u4fa7\u5927\u5361\u7247 -->\n                    <div class=\"card-main\">\n                        <div class=\"card-icon\">\u2697\ufe0f<\/div>\n                        <div class=\"card-content-cdmo\">\n                            <h2>\u7cbe\u5236\u7eaf\u5316\u591a\u529f\u80fd\u8f66\u95f4<\/h2>\n                            <p class=\"desc\">\u65e9\u5148\u5728\u663e\u793a\u6750\u6599\uff08\u6db2\u6676\u3001OLED\u6750\u6599\uff09\u79ef\u7d2f\u4e86\u7535\u5b50\u5316\u5b66\u54c1\u7ea7\u5904\u7406\u548c\u5206\u6790\u6280\u672f\uff0c\u5316\u5b66\u5de5\u7a0b\u914d\u5957\u65b9\u9762\u6ee1\u8db3\uff1a<\/p>\n                            <ul class=\"feature-list\">\n                                <li>\u8403\u53d6<\/li><li>\u7cbe\u998f<\/li>\n\t\t\t\t<li>\u91cd\u7ed3\u6676<\/li>\n                                <li>\u91d1\u5c5e\u75d5\u91cf\u5904\u7406<\/li>\n                                <li>\u67f1\u5c42\u6790 \/ \u8272\u8c31\u5206\u79bb<\/li>\n                                <li>\u77ed\u7a0b\u5206\u5b50\u84b8\u998f<\/li>\n                            <\/ul>\n                            <p class=\"desc\" style=\"margin-top: 15px; margin-bottom: 0;\">\u6ee1\u8db3\u6742\u8d28\u63a7\u5236\u3001\u6210\u672c\u8981\u6c42\u7684\u540c\u65f6\uff0c\u8fd8\u5728\u6742\u8d28\u6765\u6e90\u3001\u7ed3\u6784\u9274\u5b9a\u3001\u5f62\u6210\u673a\u7406\u65b9\u9762\u6709\u6df1\u5ea6\u7814\u7a76<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- \u53f3\u4fa7\u4e09\u5361\u7247 -->\n                    <div class=\"cards-right\">\n                        <div class=\"card-small\">\n                            <div class=\"card-icon\">\u2744\ufe0f<\/div>\n                            <div class=\"card-content-cdmo\">\n                                <h2>\u8d85\u4f4e\u6e29\u53cd\u5e94<\/h2>\n                                <p class=\"desc\">\u5efa\u6709\u591a\u6761\u5927\u5c0f\u89c4\u6a21\u4e0d\u4e00\u7684\u8d85\u4f4e\u6e29\u53cd\u5e94\u88c5\u7f6e\uff1a<br>\u652f\u6301\u2460\u4f4e\u6e29 -78\u2103\uff0c\u2461\u6df1\u51b7\u53cd\u5e94\u6700\u4f4e -150\u2103<br>\u9502\u5316\u53cd\u5e94, \u62d4\u6c22(\u53bb\u8d28\u5b50\u5316)\uff0c\u9502\u5364\u4ea4\u6362, \u6b63\u4e01\u57fa\u9502\u4eb2\u6838\u52a0\u6210\u7b49<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"card-small\">\n                            <div class=\"card-icon\">\ud83e\uddea<\/div>\n                            <div class=\"card-content-cdmo\">\n                                <h2>\u52a0\u6c22\u53cd\u5e94 &amp; \u91d1\u5c5e\u50ac\u5316<\/h2>\n                                <ul class=\"feature-list\">\n                                    <li>\u652f\u6301\u6c14\u3001\u6db2\u3001\u56fa\u4e09\u76f8\u53cd\u5e94<\/li>\n                                    <li>\u652f\u6301\u5e38\u89c4\u52a0\u6c22\u7c7b\u3001\u6c22\u89e3\u8131\u4fdd\u62a4\u57fa\u7b49<\/li>\n                                    <li>\u50ac\u5316\u6280\u672f\u4e0e\u50ac\u5316\u5242\u7b5b\u9009<\/li>\n                                    <li>G43\u5747\u76f8\u5076\u8054\u3001\u94af\u50ac\u5316\u652f\u6301<\/li>\n                                <\/ul>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"card-small\">\n                            <div class=\"card-icon\">\ud83d\udd2c<\/div>\n                            <div class=\"card-content-cdmo\">\n                                <h2>\u8fde\u7eed\u6d41\u3001\u5fae\u901a\u9053\u53cd\u5e94<\/h2>\n                                <p class=\"desc\">\u516b\u4ebf\u65f6\u7a7a\u5f15\u8fdb\u4e86\u8fde\u7eed\u6d41\u3001\u5fae\u901a\u9053\u53cd\u5e94\u6280\u672f\uff0c\u5bf9\u4f20\u8d28\u3001\u4f20\u70ed\u8981\u6c42\u9ad8\u3001\u7269\u6599\u7c98\u5ea6\u9002\u5408\u7684\u53cd\u5e94\u4f18\u5148\u5c1d\u8bd5\uff0c\u79ef\u7d2f\u4e86\u4e30\u5bcc\u7ecf\u9a8c\uff0c\u4e3a\u4ea7\u54c1\u5feb\u901f\u653e\u5927\u3001\u751f\u4ea7\u65e0\u7f1d\u8854\u63a5\u63d0\u4f9b\u4fdd\u969c\uff0c\u5e76\u6709\u6210\u529f\u6848\u4f8b\u3002<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- DIV2 \u5e95\u90e8\u533a\u57df -->\n                <div class=\"section-2\">\n                    <div class=\"section-2-content\">\n                        <h2>CDMO\/CMO \u4e1a\u52a1\u627f\u63a5<\/h2>\n                        \n                        <div class=\"data-highlights\">\n                            <div class=\"data-item\">\n                                <div class=\"number\">268\u4ea9<\/div>\n                                <div class=\"label\">\u6d59\u6c5f\u57fa\u5730<\/div>\n                            <\/div>\n                            <div class=\"data-item\">\n                                <div class=\"number\">50-5000L<\/div>\n                                <div class=\"label\">\u53cd\u5e94\u91dc\u68af\u6b21\u914d\u7f6e<\/div>\n                            <\/div>\n                            <div class=\"data-item\">\n                                <div class=\"number\">\u6570\u5341\u6761<\/div>\n                                <div class=\"label\">\u4e13\u4e1a\u5316\u4ea7\u7ebf<\/div>\n                            <\/div>\n                        <\/div>\n\n                        <p class=\"intro\">\u6570\u5341\u6761\u4ea7\u7ebf\u3001\u6309\u591a\u4e2a\u5206\u533a\u529f\u80fd\u914d\u7f6e\uff0c\u5168\u56fd\u6d59\u6c5f\u57fa\u5730268\u4ea9\u3001\u6cb3\u5317\u57fa\u5730213\u4ea9\uff0c\u53cd\u5e94\u91dc\u4ece\u6700\u5c0f\u768450L\uff0c\u68af\u6b21\u8fc7\u6e21\u5230\u6700\u5927\u67095000L\u7684\u4e3b\u53cd\u5e94\u91dc\uff0c\u4e0d\u7ba1\u662f\u5171\u7ebf\u751f\u4ea7\u4ea6\u6216\u4e13\u7ebf\u751f\u4ea7\uff0c\u90fd\u80fd\u627e\u5230\u5b8c\u7f8e\u7684\u89e3\u51b3\u65b9\u6848\u3002<\/p>\n                        \n                        <p class=\"industry\"><strong>\u884c\u4e1a\u8986\u76d6\uff1a<\/strong>\u7535\u5b50\u5316\u5b66\u54c1\uff08\u6db2\u6676\u3001OLED\u3001\u5149\u523b\u80f6\uff09\u3001\u533b\u836f\u3001\u519c\u836f\u53ca\u4e2d\u95f4\u4f53\u4e1a\u52a1<\/p>\n\n                        <div class=\"contact-box\">\n                            <span class=\"phone-icon\">\ud83d\udcde<\/span>\n                            <div>\n                                <div class=\"phone-label\">\u670d\u52a1\u4e13\u7ebf\u7535\u8bdd<\/div>\n                                <div class=\"phone-number\">138 5858 7756<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n\n            <!-- TAB4: FTE\/FFS \u5b9a\u5236\u7814\u53d1 -->\n            <div class=\"tab-panel\" id=\"tab-fte\">\n                <!-- \u9876\u90e8\u6807\u9898\u533a -->\n                <div class=\"fte-hero\">\n                    <h1>FTE \/ FFS \u5b9a\u5236\u7814\u53d1\u751f\u4ea7\u670d\u52a1<\/h1>\n                    <div class=\"subtitle-en\">Full-Time Equivalent &amp; Fee-for-Service<\/div>\n                    <p class=\"intro\">\n                        \u516b\u4ebf\u65f6\u7a7a\u63a8\u51fa<span class=\"highlight\">FTE\/FFS\u5b9a\u5236\u7814\u53d1\u751f\u4ea7\u670d\u52a1<\/span>\uff0c\u4ee5\u6709\u673a\u5408\u6210\u786c\u5b9e\u529b\u8d4b\u80fd\u533b\u836f\u4e0e\u6750\u6599\u521b\u65b0\u3002\n                        \u5728CDMO\/CRO\u884c\u4e1a\uff0cFTE\uff08\u5168\u65f6\u5f53\u91cf\u670d\u52a1\uff09\u4e0eFFS\uff08\u6309\u670d\u52a1\u6210\u679c\u4ed8\u8d39\uff09\u662f\u4e24\u79cd\u4e3b\u6d41\u7684\u5408\u4f5c\u6a21\u5f0f\u3002\u6d59\u6c5f\u516b\u4ebf\u65f6\u7a7a\u5148\u8fdb\u6750\u6599\u6709\u9650\u516c\u53f8\n                        \u7684FTE\u4e0eFFS\u5b9a\u5236\u7814\u53d1\u751f\u4ea7\u670d\u52a1\uff0c\u4f9d\u6258\u516c\u53f8\u5728\u6709\u673a\u5408\u6210\u9886\u57df\u8fd1\u4e8c\u5341\u5e74\u7684\u6df1\u539a\u79ef\u7d2f\uff0c\u4e3a\u533b\u836f\u3001\u534a\u5bfc\u4f53\u3001\u663e\u793a\u6750\u6599\u7b49\u9886\u57df\u7684\u5ba2\u6237\n                        \u63d0\u4f9b\u4ece\u65e9\u671f\u7814\u53d1\u5230\u5546\u4e1a\u5316\u751f\u4ea7\u7684\u5168\u94fe\u6761\u6280\u672f\u652f\u6301\u3002\n                    <\/p>\n                <\/div>\n\n                <!-- \u4e24\u79cd\u6a21\u5f0f -->\n                <div class=\"mode-section\">\n                    <h2 class=\"mode-section-title\">\u4e24\u79cd\u6a21\u5f0f\uff0c\u7075\u6d3b\u5339\u914d\u5ba2\u6237\u9700\u6c42<\/h2>\n                    <div class=\"mode-grid\">\n                        <!-- FTE\u6a21\u5f0f -->\n                        <div class=\"mode-card fte\">\n                            <span class=\"mode-badge\">FTE \u6a21\u5f0f<\/span>\n                            <h3>\u5168\u65f6\u5f53\u91cf\u670d\u52a1<\/h3>\n                            <div class=\"mode-en\">Full-Time Equivalent<\/div>\n                            <p class=\"mode-desc\">\n                                \u6309\"\u4eba\"\u548c\"\u65f6\u95f4\"\u8ba1\u8d39\u3002\u5ba2\u6237\u4e3a\u516b\u4ebf\u65f6\u7a7a\u6307\u6d3e\u7684\u4e13\u804c\u7814\u53d1\u56e2\u961f\u5728\u67d0\u6bb5\u65f6\u95f4\u5185\u7684\u5168\u90e8\u6216\u90e8\u5206\u5de5\u4f5c\u65f6\u95f4\u4e70\u5355\u3002\n                                \u8be5\u6a21\u5f0f\u9002\u7528\u4e8e\u65e9\u671f\u3001\u63a2\u7d22\u6027\u5f3a\u7684\u7814\u53d1\u9879\u76ee\u3002\n                            <\/p>\n                            <ul class=\"mode-features\">\n                                <li>\u9879\u76ee\u8303\u56f4\u548c\u7ed3\u679c\u96be\u4ee5\u7cbe\u786e\u9884\u4f30\u65f6\uff0c\u65e0\u9700\u4e3a\u4e0d\u786e\u5b9a\u6027\u627f\u62c5\u989d\u5916\u98ce\u9669<\/li>\n                                <li>\u6839\u636e\u9879\u76ee\u9700\u6c42\u914d\u7f6e\u4e13\u5c5e\u7814\u53d1\u56e2\u961f<\/li>\n                                <li>\u6309\u6708\u7ed3\u7b97\uff0c\u786e\u4fdd\u7814\u53d1\u8d44\u6e90\u9ad8\u6548\u6295\u5165<\/li>\n                                <li>\u7075\u6d3b\u8c03\u6574\u7814\u53d1\u65b9\u5411\u548c\u4f18\u5148\u7ea7<\/li>\n                                <li>\u9002\u5408\u65e9\u671f\u63a2\u7d22\u6027\u3001\u521b\u65b0\u6027\u5f3a\u7684\u9879\u76ee<\/li>\n                            <\/ul>\n                        <\/div>\n\n                        <!-- FFS\u6a21\u5f0f -->\n                        <div class=\"mode-card ffs\">\n                            <span class=\"mode-badge\">FFS \u6a21\u5f0f<\/span>\n                            <h3>\u6309\u670d\u52a1\u6210\u679c\u4ed8\u8d39<\/h3>\n                            <div class=\"mode-en\">Fee-for-Service<\/div>\n                            <p class=\"mode-desc\">\n                                \u6309\"\u4ea4\u4ed8\u6210\u679c\"\u8ba1\u8d39\u3002\u5ba2\u6237\u53ea\u9700\u4e3a\u6700\u7ec8\u4ea4\u4ed8\u7684\u5316\u5408\u7269\u3001\u6280\u672f\u62a5\u544a\u6216\u5de5\u827a\u65b9\u6848\u4ed8\u8d39\u3002\n                                \u8be5\u6a21\u5f0f\u9002\u7528\u4e8e\u76ee\u6807\u660e\u786e\u3001\u65b9\u6848\u6e05\u6670\u7684\u7814\u53d1\u6216\u751f\u4ea7\u9879\u76ee\u3002\n                            <\/p>\n                            <ul class=\"mode-features\">\n                                <li>\u98ce\u9669\u4e3b\u8981\u7531\u670d\u52a1\u5546\u627f\u62c5\uff0c\u5ba2\u6237\u6309\u6210\u679c\u9a8c\u6536\u4ed8\u8d39<\/li>\n                                <li>\u6309\u91cc\u7a0b\u7891\u6216\u6700\u7ec8\u6210\u679c\u7ed3\u7b97<\/li>\n                                <li>\u76ee\u6807\u660e\u786e\uff0c\u4ea4\u4ed8\u7269\u6e05\u6670\u53ef\u8861\u91cf<\/li>\n                                <li>\u9002\u5408\u5de5\u827a\u786e\u5b9a\u3001\u76ee\u6807\u660e\u786e\u7684\u9879\u76ee<\/li>\n                                <li>\u6210\u672c\u53ef\u63a7\uff0c\u9884\u7b97\u66f4\u6613\u89c4\u5212<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                    <div class=\"mode-switch-note\">\n                        <strong>\u7075\u6d3b\u5207\u6362\uff1a<\/strong>\u4e24\u79cd\u6a21\u5f0f\u65e2\u53ef\u72ec\u7acb\u4f7f\u7528\uff0c\u4e5f\u53ef\u6839\u636e\u9879\u76ee\u8fdb\u5c55\u7075\u6d3b\u5207\u6362\u2014\u2014\u4ece\u65e9\u671f\u63a2\u7d22\u9636\u6bb5\u7684FTE\u6a21\u5f0f\uff0c\n                        \u5e73\u6ed1\u8fc7\u6e21\u5230\u5de5\u827a\u786e\u5b9a\u540e\u7684FFS\u6a21\u5f0f\uff0c\u4e3a\u5ba2\u6237\u63d0\u4f9b\u5168\u5468\u671f\u7684\u7075\u6d3b\u9009\u62e9\u3002\n                    <\/div>\n                <\/div>\n\n                <!-- \u786c\u6838\u5bb6\u5e95 -->\n                <div class=\"strength-section\">\n                    <h2 class=\"mode-section-title\">\u786c\u6838\u5bb6\u5e95\uff1a\u6709\u673a\u5408\u6210\u80fd\u529b\u662f\u6700\u5927\u5e95\u6c14<\/h2>\n                    <div class=\"strength-intro\">\n                        <h3>\u4e8c\u5341\u5e74\u6df1\u8015\uff0c\u6709\u673a\u5408\u6210\u786c\u5b9e\u529b<\/h3>\n                        <p>\n                            \u516b\u4ebf\u65f6\u7a7a\u63a8\u51faFTE\/FFS\u670d\u52a1\u7684\u5e95\u6c14\uff0c\u6765\u81ea\u516c\u53f8\u5728\u6709\u673a\u5408\u6210\u9886\u57df\u8fd1\u4e8c\u5341\u5e74\u7684\u6df1\u8015\u3002\u516c\u53f8\u6210\u7acb\u4e8e2004\u5e74\uff0c2020\u5e74\u767b\u9646\u79d1\u521b\u677f\uff0c\n                            \u662f\u4e00\u5bb6\u4e13\u4e1a\u4ece\u4e8b\u663e\u793a\u6750\u6599\u3001\u534a\u5bfc\u4f53\u6750\u6599\u3001\u533b\u836f\u6750\u6599\u7814\u53d1\u3001\u751f\u4ea7\u548c\u9500\u552e\u7684\u9ad8\u65b0\u6280\u672f\u4f01\u4e1a\u3002\u516c\u53f8\u6bcf\u5e74\u5f00\u53d1\u4e0a\u767e\u79cd\u65b0\u7684\u5316\u5408\u7269\u7ed3\u6784\uff0c\n                            \u8fd9\u80cc\u540e\u662f\u4e00\u652f\u5f3a\u5927\u7684\u7814\u53d1\u56e2\u961f\uff0c\u5728\u590d\u6742\u6709\u673a\u5408\u6210\u8def\u7ebf\u7684\u8bbe\u8ba1\u4e0e\u4f18\u5316\u4e0a\u79ef\u7d2f\u4e86\u4e30\u5bcc\u7684\u5b9e\u6218\u7ecf\u9a8c\u3002\n                        <\/p>\n                    <\/div>\n                    <div class=\"domain-grid\">\n                        <div class=\"domain-card medical\">\n                            <h4><span class=\"icon\">\ud83d\udc8a<\/span>\u533b\u836f\u9886\u57df<\/h4>\n                            <p>\n                                \u805a\u7126\u5fc3\u8111\u8840\u7ba1\u3001\u4ee3\u8c22\u75be\u75c5\u3001\u6297\u611f\u67d3\u7c7b\u9ad8\u7aef\u4e2d\u95f4\u4f53\uff0c\u533b\u836f\u4e2d\u95f4\u4f53\u56e2\u961f\u8fd0\u4f5c\u6210\u719f\uff0c\n                                \u4e0e\u56fd\u5185\u4e3b\u6d41\u836f\u5382\u5efa\u7acb\u4e86\u6218\u7565\u5408\u4f5c\u5173\u7cfb\u3002\u516c\u53f8\u533b\u836f\u4e1a\u52a1\u53ef\u6839\u636e\u5ba2\u6237\u9700\u6c42\u8fdb\u884c\u5b9a\u5236\u5316\u751f\u4ea7\uff0c\n                                \u4ece\u5b9e\u9a8c\u5ba4\u5c0f\u8bd5\u5230\u89c4\u6a21\u5316\u751f\u4ea7\uff0c\u9879\u76ee\u4ea7\u80fd\u50a8\u5907\u5145\u8db3\uff0c\u80fd\u591f\u5feb\u901f\u54cd\u5e94\u5ba2\u6237\u7684\u591a\u5143\u5316\u9700\u6c42\u3002\n                            <\/p>\n                        <\/div>\n                        <div class=\"domain-card semiconductor\">\n                            <h4><span class=\"icon\">\ud83d\udd2c<\/span>\u534a\u5bfc\u4f53\u6750\u6599\u9886\u57df<\/h4>\n                            <p>\n                                \u5728\u6d59\u6c5f\u4e0a\u865e\u5efa\u6210\u4e86\u56fd\u5185\u9996\u6761\u767e\u5428\u7ea7KrF\u5149\u523b\u80f6\u6811\u8102\u9ad8\u81ea\u52a8\u5316\u67d4\u6027\/\u91cf\u4ea7\u53cc\u4ea7\u7ebf\u3002\n                                \u516c\u53f8\u5df2\u5177\u5907KrF\u5149\u523b\u80f6\u7528\u6811\u8102\u5168\u7cfb\u5217\u7684\u7814\u53d1\u751f\u4ea7\u80fd\u529b\uff0c\u4e0e\u591a\u5bb6\u5934\u90e8\u5149\u523b\u80f6\u5382\u5bb6\u5408\u4f5c\u5f00\u53d1\u591a\u6b3e\u9ad8\u6027\u80fd\u6811\u8102\u3002\n                                \u4ece\u767e\u516c\u65a4\u7ea7\u9a8c\u8bc1\u5230\u767e\u5428\u7ea7\u91cf\u4ea7\uff0c\u5b9a\u5236\u5316\u5408\u4f5c\u7ecf\u9a8c\u5df2\u5f97\u5230\u5145\u5206\u9a8c\u8bc1\u3002\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- \u670d\u52a1\u8303\u7574 -->\n                <div class=\"service-section\">\n                    <h2 class=\"mode-section-title\">\u670d\u52a1\u8303\u7574\uff1a\u8986\u76d6\u533b\u836f\u4e0e\u9ad8\u7aef\u6750\u6599\u5168\u94fe\u6761<\/h2>\n                    <div class=\"service-grid\">\n                        <div class=\"service-card\">\n                            <div class=\"service-card-icon\">\ud83d\udc8a<\/div>\n                            <h4>\u533b\u836f\u4e2d\u95f4\u4f53\u4e0e\u539f\u6599\u836f<\/h4>\n                            <p>\u4ece\u9ad8\u7ea7\u533b\u836f\u4e2d\u95f4\u4f53\u5230\u539f\u6599\u836f\u7684\u5b9a\u5236\u7814\u53d1\u3001\u5de5\u827a\u5f00\u53d1\u4e0e\u751f\u4ea7\u3002\u516c\u53f8\u6301\u7eed\u8fdb\u884c\u5de5\u827a\u5f00\u53d1\u53ca\u8d28\u91cf\u7814\u7a76\uff0c\u4ea7\u54c1\u5df2\u987a\u5229\u51fa\u8d27\uff0c\u8ba2\u5355\u5728\u624b\uff0c\u4ea4\u4ed8\u80fd\u529b\u7ecf\u5f97\u8d77\u8003\u9a8c\u3002<\/p>\n                        <\/div>\n                        <div class=\"service-card\">\n                            <div class=\"service-card-icon\">\ud83c\udfaf<\/div>\n                            <h4>\u5149\u523b\u80f6\u6811\u8102 | SPI\u6811\u8102<\/h4>\n                            <p>KrF\u5149\u523b\u80f6\u7528\u6811\u8102\u5168\u7cfb\u5217\u7684\u5b9a\u5236\u5316\u7814\u53d1\u4e0e\u751f\u4ea7\u3002\u4ece\u5355\u4f53\u5230\u805a\u5408\u7269\u5206\u5b50\u7ed3\u6784\u8bbe\u8ba1\u3001\u5408\u6210\u5de5\u827a\u63a7\u5236\u5230\u7eaf\u5316\u6280\u672f\uff0c\u5b9e\u73b0\u7cfb\u7edf\u6027\u7a81\u7834\u3002<\/p>\n                        <\/div>\n                        <div class=\"service-card\">\n                            <div class=\"service-card-icon\">\ud83d\udca1<\/div>\n                            <h4>OLED\u6750\u6599<\/h4>\n                            <p>\u4e2d\u95f4\u4f53\u4e0e\u5347\u534e\u524d\u6750\u6599\u7684\u5b9a\u5236\u5408\u6210\uff0c\u6ee1\u8db3\u663e\u793a\u6750\u6599\u9886\u57df\u5bf9\u7eaf\u5ea6\u548c\u6027\u80fd\u7684\u4e25\u82db\u8981\u6c42\u3002<\/p>\n                        <\/div>\n                        <div class=\"service-card\">\n                            <div class=\"service-card-icon\">\u2697\ufe0f<\/div>\n                            <h4>\u5176\u4ed6\u9ad8\u7aef\u7cbe\u7ec6\u5316\u5b66\u54c1<\/h4>\n                            <p>\u51ed\u501f\u5f3a\u5927\u7684\u6709\u673a\u5408\u6210\u80fd\u529b\uff0c\u627f\u63a5\u5404\u7c7b\u590d\u6742\u5316\u5408\u7269\u7684\u5b9a\u5236\u7814\u53d1\u4e0e\u751f\u4ea7\u3002<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- \u5408\u4f5c\u4ef7\u503c -->\n                <div class=\"value-section\">\n                    <h2 class=\"mode-section-title\">\u5408\u4f5c\u4ef7\u503c\uff1a\u4e3a\u4ec0\u4e48\u9009\u62e9\u516b\u4ebf\u65f6\u7a7a\uff1f<\/h2>\n                    <div class=\"value-grid\">\n                        <div class=\"value-card\">\n                            <div class=\"value-number\">01<\/div>\n                            <h4>\u7814\u53d1\u80fd\u529b\u7ecf\u5f97\u8d77\u8003\u9a8c<\/h4>\n                            <p>\u6bcf\u5e74\u4e0a\u767e\u79cd\u65b0\u5316\u5408\u7269\u7ed3\u6784\u7684\u5f00\u53d1\u80fd\u529b\uff0c\u56e2\u961f\u5728\u9762\u5bf9\u590d\u6742\u5408\u6210\u8def\u7ebf\u65f6\u5177\u5907\u5145\u8db3\u7684\u6280\u672f\u50a8\u5907\u548c\u5feb\u901f\u54cd\u5e94\u80fd\u529b\uff0c\u80fd\u591f\u4e3a\u5ba2\u6237\u63d0\u4f9b\u9ad8\u96be\u5ea6\u7684\u5b9a\u5236\u5408\u6210\u89e3\u51b3\u65b9\u6848\u3002<\/p>\n                        <\/div>\n                        <div class=\"value-card\">\n                            <div class=\"value-number\">02<\/div>\n                            <h4>\u4ea7\u4e1a\u5316\u7ecf\u9a8c\u624e\u5b9e\u53ef\u9760<\/h4>\n                            <p>\u4ece\u5b9e\u9a8c\u5ba4\u7684\u514b\u7ea7\u5408\u6210\u5230\u767e\u5428\u7ea7\u91cf\u4ea7\uff0c\u62e5\u6709\u5b8c\u6574\u7684\u4ea7\u4e1a\u5316\u7ecf\u9a8c\u3002\u5ba2\u6237\u65e0\u9700\u62c5\u5fc3\"\u7814\u53d1\u505a\u5f97\u51fa\u3001\u91cf\u4ea7\u505a\u4e0d\u4e86\"\u7684\u5c34\u5c2c\uff0c\u771f\u6b63\u5b9e\u73b0\u4ece\u7814\u53d1\u5230\u751f\u4ea7\u7684\u65e0\u7f1d\u8854\u63a5\u3002<\/p>\n                        <\/div>\n                        <div class=\"value-card\">\n                            <div class=\"value-number\">03<\/div>\n                            <h4>\u5408\u89c4\u4e0e\u8d28\u91cf\u4f53\u7cfb\u5b8c\u5584<\/h4>\n                            <p>\u4f5c\u4e3a\u79d1\u521b\u677f\u4e0a\u5e02\u4f01\u4e1a\uff0c\u5728EHS\uff08\u73af\u5883\u3001\u5065\u5eb7\u3001\u5b89\u5168\uff09\u548c\u8d28\u91cf\u4f53\u7cfb\u5efa\u8bbe\u4e0a\u6301\u7eed\u6295\u5165\uff0c\u80fd\u591f\u6ee1\u8db3\u5927\u578b\u836f\u4f01\u548c\u534a\u5bfc\u4f53\u4f01\u4e1a\u5bf9\u4f9b\u5e94\u5546\u7684\u4e25\u82db\u5ba1\u8ba1\u8981\u6c42\uff0c\u4e3a\u957f\u671f\u7a33\u5b9a\u5408\u4f5c\u4fdd\u9a7e\u62a4\u822a\u3002<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- \u5e95\u90e8\u8054\u7cfb\u533a\u57df -->\n                <div class=\"fte-contact-section\">\n                    <div class=\"fte-contact-content\">\n                        <h2>\u54a8\u8be2\u4e0e\u5408\u4f5c<\/h2>\n                        <p class=\"contact-intro\">\n                            \u516b\u4ebf\u65f6\u7a7aFTE\/FFS\u5b9a\u5236\u7814\u53d1\u751f\u4ea7\u670d\u52a1\u7684\u63a8\u51fa\uff0c\u6807\u5fd7\u7740\u516c\u53f8\u4ece\"\u5356\u4ea7\u54c1\"\u5411\"\u5356\u4ea7\u54c1+\u5356\u670d\u52a1\"\u7684\u6218\u7565\u5347\u7ea7\u3002\n                            \u65e0\u8bba\u60a8\u5904\u4e8e\u836f\u7269\u7814\u53d1\u7684\u65e9\u671f\u63a2\u7d22\u9636\u6bb5\uff0c\u8fd8\u662f\u9700\u8981\u6210\u719f\u7684\u5de5\u827a\u653e\u5927\u4e0e\u751f\u4ea7\u670d\u52a1\uff0c\u516b\u4ebf\u65f6\u7a7a\u90fd\u51c6\u5907\u597d\u4e86\u2014\u2014\n                            \u7528\u4e8c\u5341\u5e74\u7684\u6709\u673a\u5408\u6210\u786c\u5b9e\u529b\uff0c\u4e3a\u60a8\u7684\u521b\u65b0\u4fdd\u9a7e\u62a4\u822a\u3002\n                        <\/p>\n                        <div class=\"fte-contact-box\">\n                            <span class=\"phone-icon\">\ud83d\udcde<\/span>\n                            <div>\n                                <div class=\"phone-label\">FTE\/FFS\u670d\u52a1\u4e13\u7ebf<\/div>\n                                <div class=\"phone-number\">138 5858 7756<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        \n    \n\n\n\n\n\n\n    <script>\n        \/\/ ========== TAB \u5207\u6362\u529f\u80fd ==========\n        const tabItems = document.querySelectorAll('.tab-item');\n        const tabPanels = document.querySelectorAll('.tab-panel');\n\n        function switchTab(tabName) {\n            \/\/ \u66f4\u65b0\u6807\u7b7e\u72b6\u6001\n            tabItems.forEach(item => {\n                if (item.dataset.tab === tabName) {\n                    item.classList.add('active');\n                } else {\n                    item.classList.remove('active');\n                }\n            });\n\n            \/\/ \u66f4\u65b0\u5185\u5bb9\u9762\u677f\n            tabPanels.forEach(panel => {\n                if (panel.id === 'tab-' + tabName) {\n                    panel.classList.add('active');\n                    panel.classList.add('fade-in');\n                    \n                    \/\/ \u52a8\u753b\u7ed3\u675f\u540e\u79fb\u9664fade-in\u7c7b\n                    setTimeout(() => {\n                        panel.classList.remove('fade-in');\n                    }, 500);\n\n                    \/\/ \u5207\u6362\u5230\u53cd\u5e94\u6807\u7b7e\u65f6\u91cd\u65b0\u89e6\u53d1\u52a8\u753b\n                    if (tabName === 'reaction') {\n                        animateReactionCards();\n                    }\n                    \/\/ \u5207\u6362\u5230\u4ea7\u54c1\u6807\u7b7e\u65f6\u91cd\u65b0\u89e6\u53d1\u52a8\u753b\n                    if (tabName === 'product') {\n                        animateProductCards();\n                    }\n                } else {\n                    panel.classList.remove('active');\n                }\n            });\n        }\n\n        \/\/ \u70b9\u51fb\u5207\u6362\n        tabItems.forEach(item => {\n            item.addEventListener('click', function() {\n                const tabName = this.dataset.tab;\n                switchTab(tabName);\n            });\n\n            \/\/ \u60ac\u505c\u4e5f\u5207\u6362\n            item.addEventListener('mouseenter', function() {\n                const tabName = this.dataset.tab;\n                switchTab(tabName);\n            });\n        });\n\n        \/\/ ========== \u53cd\u5e94\u5361\u7247\u9010\u9879\u5165\u573a\u52a8\u753b ==========\n        function animateReactionCards() {\n            const cards = document.querySelectorAll('#tab-reaction .reaction-card');\n            cards.forEach((card, index) => {\n                card.style.opacity = '0';\n                card.style.transform = 'translateY(30px) scale(0.95)';\n                card.style.transition = 'all 0.45s cubic-bezier(0.23, 1, 0.32, 1)';\n                \n                setTimeout(() => {\n                    card.style.opacity = '1';\n                    card.style.transform = 'translateY(0) scale(1)';\n                }, 50 + index * 60);\n            });\n        }\n\n        \/\/ ========== \u4ea7\u54c1\u5361\u7247\u9010\u9879\u5165\u573a\u52a8\u753b ==========\n        function animateProductCards() {\n            const cards = document.querySelectorAll('#tab-product .product-card');\n            cards.forEach((card, index) => {\n                card.style.opacity = '0';\n                card.style.transform = 'translateY(30px)';\n                card.style.transition = 'all 0.6s cubic-bezier(0.23, 1, 0.32, 1)';\n                \n                setTimeout(() => {\n                    card.style.opacity = '1';\n                    card.style.transform = 'translateY(0)';\n                }, 100 + index * 150);\n            });\n        }\n\n        \/\/ ========== \u7c92\u5b50\u6548\u679c\u751f\u6210 ==========\n        function createParticles() {\n            \/\/ \u4ea7\u54c1\u5361\u7247\u7c92\u5b50\n            for (let i = 1; i <= 4; i++) {\n                const container = document.getElementById('productParticles' + i);\n                if (container) {\n                    for (let j = 0; j < 15; j++) {\n                        const particle = document.createElement('div');\n                        particle.className = 'particle';\n                        particle.style.left = Math.random() * 100 + '%';\n                        particle.style.top = Math.random() * 100 + '%';\n                        particle.style.animationDelay = Math.random() * 3 + 's';\n                        particle.style.animationDuration = (2 + Math.random() * 2) + 's';\n                        particle.style.opacity = 0.3 + Math.random() * 0.5;\n                        particle.style.width = (3 + Math.random() * 4) + 'px';\n                        particle.style.height = particle.style.width;\n                        container.appendChild(particle);\n                    }\n                }\n            }\n\n            \/\/ \u53cd\u5e94\u5361\u7247\u7c92\u5b50\n            const containers = document.querySelectorAll('#tab-reaction .particles');\n            containers.forEach(container => {\n                const count = parseInt(container.dataset.count) || 6;\n                for (let i = 0; i < count; i++) {\n                    const particle = document.createElement('div');\n                    particle.className = 'particle';\n                    particle.style.left = Math.random() * 100 + '%';\n                    particle.style.top = Math.random() * 100 + '%';\n                    particle.style.animationDelay = Math.random() * 3 + 's';\n                    particle.style.animationDuration = (2.5 + Math.random() * 2) + 's';\n                    particle.style.opacity = 0.2 + Math.random() * 0.4;\n                    particle.style.width = (2 + Math.random() * 3) + 'px';\n                    particle.style.height = particle.style.width;\n                    container.appendChild(particle);\n                }\n            });\n        }\n\n        \/\/ ========== \u9f20\u6807\u8ddf\u968f\u5149\u6548 ==========\n        function initMouseGlow() {\n            \/\/ \u4ea7\u54c1\u5361\u7247\n            const productCards = document.querySelectorAll('.product-card');\n            productCards.forEach(card => {\n                card.addEventListener('mousemove', function(e) {\n                    const rect = this.getBoundingClientRect();\n                    const x = e.clientX - rect.left;\n                    const y = e.clientY - rect.top;\n                    \n                    const glow = this.querySelector('.card-glow');\n                    glow.style.background = `radial-gradient(circle at ${x}px ${y}px, rgba(24, 144, 255, 0.1) 0%, transparent 55%)`;\n                });\n\n                card.addEventListener('mouseleave', function() {\n                    const glow = this.querySelector('.card-glow');\n                    glow.style.background = 'transparent';\n                });\n            });\n\n            \/\/ \u53cd\u5e94\u5361\u7247\n            const reactionCards = document.querySelectorAll('.reaction-card');\n            reactionCards.forEach(card => {\n                card.addEventListener('mousemove', function(e) {\n                    const rect = this.getBoundingClientRect();\n                    const x = e.clientX - rect.left;\n                    const y = e.clientY - rect.top;\n                    this.style.background = `radial-gradient(circle at ${x}px ${y}px, rgba(24, 144, 255, 0.1) 0%, transparent 50%), linear-gradient(135deg, #ffffff 0%, #f8fbff 100%)`;\n                });\n\n                card.addEventListener('mouseleave', function() {\n                    this.style.background = '';\n                });\n            });\n        }\n\n        \/\/ ========== \u56fe\u7247\u52a0\u8f7d\u6de1\u5165 ==========\n        function initImageFadeIn() {\n            const images = document.querySelectorAll('.card-image img');\n            images.forEach(img => {\n                img.style.opacity = '0';\n                img.style.transition = 'opacity 0.6s ease, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), filter 0.5s ease';\n                \n                if (img.complete) {\n                    setTimeout(() => {\n                        img.style.opacity = '1';\n                    }, 300);\n                } else {\n                    img.addEventListener('load', function() {\n                        setTimeout(() => {\n                            this.style.opacity = '1';\n                        }, 200);\n                    });\n                }\n            });\n        }\n\n        \/\/ ========== \u521d\u59cb\u5316 ==========\n        window.addEventListener('load', function() {\n            createParticles();\n            initMouseGlow();\n            initImageFadeIn();\n            \n            \/\/ \u9ed8\u8ba4\u663e\u793a\u64c5\u957f\u53cd\u5e94\uff0c\u89e6\u53d1\u5165\u573a\u52a8\u753b\n            setTimeout(animateReactionCards, 200);\n        });\n    <\/script>","protected":false},"excerpt":{"rendered":"<p>\u4ea7\u54c1\u4e2d\u5fc3 Product Center \u64c5\u957f\u53cd\u5e94 CMO \/ CDMO Reaction Capabiliti &#8230; <a title=\"Products and Services\" class=\"read-more\" href=\"https:\/\/hangzhoubiopak.com\/en\/product_service\/\" aria-label=\"Read more about \u4ea7\u54c1\u4e0e\u670d\u52a1\">Read more<\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-36","page","type-page","status-publish"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u4ea7\u54c1\u4e0e\u670d\u52a1 - \u6d59\u6c5f\u516b\u4ebf\u65f6\u7a7a\u5148\u8fdb\u6750\u6599\u6709\u9650\u516c\u53f8<\/title>\n<meta name=\"description\" content=\"\u4ea7\u54c1\u4e2d\u5fc3\u5165\u53e3 | \u64c5\u957f\u53cd\u5e94 | CMO\/CDMO\u52a0\u5de5\u5b9a\u5236\u670d\u52a1\u4ecb\u7ecd\uff0c\u63d0\u4f9b\uff1a\u8d85\u4f4e\u6e29\u53cd\u5e94\uff08\u9502\u5364\u4ea4\u6362\u3001\u4e01\u57fa\u9502\u62d4\u6c22\u7b49\u6709\u673a\u9502\u53cd\u5e94\uff09\u3001\u4e4c\u5c14\u66fc\u5076\u8054 \u3001\u4eb2\u6838\u52a0\u6210\u3001Wittig\u53cd\u5e94\u3001\u52a0\u6c22\u5e94\u3001\u6c18\u4ee3\u53cd\u5e94\uff0c\u787c\u9178\u916f\u5316\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hangzhoubiopak.com\/en\/product_service\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u4ea7\u54c1\u4e0e\u670d\u52a1 - \u6d59\u6c5f\u516b\u4ebf\u65f6\u7a7a\u5148\u8fdb\u6750\u6599\u6709\u9650\u516c\u53f8\" \/>\n<meta property=\"og:description\" content=\"\u4ea7\u54c1\u4e2d\u5fc3\u5165\u53e3 | \u64c5\u957f\u53cd\u5e94 | CMO\/CDMO\u52a0\u5de5\u5b9a\u5236\u670d\u52a1\u4ecb\u7ecd\uff0c\u63d0\u4f9b\uff1a\u8d85\u4f4e\u6e29\u53cd\u5e94\uff08\u9502\u5364\u4ea4\u6362\u3001\u4e01\u57fa\u9502\u62d4\u6c22\u7b49\u6709\u673a\u9502\u53cd\u5e94\uff09\u3001\u4e4c\u5c14\u66fc\u5076\u8054 \u3001\u4eb2\u6838\u52a0\u6210\u3001Wittig\u53cd\u5e94\u3001\u52a0\u6c22\u5e94\u3001\u6c18\u4ee3\u53cd\u5e94\uff0c\u787c\u9178\u916f\u5316\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hangzhoubiopak.com\/en\/product_service\/\" \/>\n<meta property=\"og:site_name\" content=\"\u6d59\u6c5f\u516b\u4ebf\u65f6\u7a7a\u5148\u8fdb\u6750\u6599\u6709\u9650\u516c\u53f8\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-10T04:29:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hangzhoubiopak.com\/wp-content\/uploads\/2026\/08\/wittig-reaction.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hangzhoubiopak.com\\\/product_service\\\/\",\"url\":\"https:\\\/\\\/hangzhoubiopak.com\\\/product_service\\\/\",\"name\":\"\u4ea7\u54c1\u4e0e\u670d\u52a1 - \u6d59\u6c5f\u516b\u4ebf\u65f6\u7a7a\u5148\u8fdb\u6750\u6599\u6709\u9650\u516c\u53f8\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hangzhoubiopak.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/hangzhoubiopak.com\\\/product_service\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/hangzhoubiopak.com\\\/product_service\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/hangzhoubiopak.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/wittig-reaction.png\",\"datePublished\":\"2026-07-29T14:14:11+00:00\",\"dateModified\":\"2026-08-10T04:29:55+00:00\",\"description\":\"\u4ea7\u54c1\u4e2d\u5fc3\u5165\u53e3 | \u64c5\u957f\u53cd\u5e94 | CMO\\\/CDMO\u52a0\u5de5\u5b9a\u5236\u670d\u52a1\u4ecb\u7ecd\uff0c\u63d0\u4f9b\uff1a\u8d85\u4f4e\u6e29\u53cd\u5e94\uff08\u9502\u5364\u4ea4\u6362\u3001\u4e01\u57fa\u9502\u62d4\u6c22\u7b49\u6709\u673a\u9502\u53cd\u5e94\uff09\u3001\u4e4c\u5c14\u66fc\u5076\u8054 \u3001\u4eb2\u6838\u52a0\u6210\u3001Wittig\u53cd\u5e94\u3001\u52a0\u6c22\u5e94\u3001\u6c18\u4ee3\u53cd\u5e94\uff0c\u787c\u9178\u916f\u5316\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hangzhoubiopak.com\\\/product_service\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/hangzhoubiopak.com\\\/product_service\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/hangzhoubiopak.com\\\/product_service\\\/#primaryimage\",\"url\":\"https:\\\/\\\/hangzhoubiopak.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/wittig-reaction.png\",\"contentUrl\":\"https:\\\/\\\/hangzhoubiopak.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/wittig-reaction.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hangzhoubiopak.com\\\/product_service\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\\\/\\\/hangzhoubiopak.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u4ea7\u54c1\u4e0e\u670d\u52a1\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/hangzhoubiopak.com\\\/#website\",\"url\":\"https:\\\/\\\/hangzhoubiopak.com\\\/\",\"name\":\"\u6d59\u6c5f\u516b\u4ebf\u65f6\u7a7a\u5148\u8fdb\u6750\u6599\u6709\u9650\u516c\u53f8\",\"description\":\"Zhejiang Bayi Space Advanced Materials Co., Ltd\",\"publisher\":{\"@id\":\"https:\\\/\\\/hangzhoubiopak.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/hangzhoubiopak.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/hangzhoubiopak.com\\\/#organization\",\"name\":\"\u6d59\u6c5f\u516b\u4ebf\u65f6\u7a7a\u5148\u8fdb\u6750\u6599\u6709\u9650\u516c\u53f8\",\"url\":\"https:\\\/\\\/hangzhoubiopak.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/hangzhoubiopak.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/hangzhoubiopak.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/logo_small.svg\",\"contentUrl\":\"https:\\\/\\\/hangzhoubiopak.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/logo_small.svg\",\"width\":91,\"height\":94,\"caption\":\"\u6d59\u6c5f\u516b\u4ebf\u65f6\u7a7a\u5148\u8fdb\u6750\u6599\u6709\u9650\u516c\u53f8\"},\"image\":{\"@id\":\"https:\\\/\\\/hangzhoubiopak.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u4ea7\u54c1\u4e0e\u670d\u52a1 - \u6d59\u6c5f\u516b\u4ebf\u65f6\u7a7a\u5148\u8fdb\u6750\u6599\u6709\u9650\u516c\u53f8","description":"\u4ea7\u54c1\u4e2d\u5fc3\u5165\u53e3 | \u64c5\u957f\u53cd\u5e94 | CMO\/CDMO\u52a0\u5de5\u5b9a\u5236\u670d\u52a1\u4ecb\u7ecd\uff0c\u63d0\u4f9b\uff1a\u8d85\u4f4e\u6e29\u53cd\u5e94\uff08\u9502\u5364\u4ea4\u6362\u3001\u4e01\u57fa\u9502\u62d4\u6c22\u7b49\u6709\u673a\u9502\u53cd\u5e94\uff09\u3001\u4e4c\u5c14\u66fc\u5076\u8054 \u3001\u4eb2\u6838\u52a0\u6210\u3001Wittig\u53cd\u5e94\u3001\u52a0\u6c22\u5e94\u3001\u6c18\u4ee3\u53cd\u5e94\uff0c\u787c\u9178\u916f\u5316","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hangzhoubiopak.com\/en\/product_service\/","og_locale":"en_US","og_type":"article","og_title":"\u4ea7\u54c1\u4e0e\u670d\u52a1 - \u6d59\u6c5f\u516b\u4ebf\u65f6\u7a7a\u5148\u8fdb\u6750\u6599\u6709\u9650\u516c\u53f8","og_description":"\u4ea7\u54c1\u4e2d\u5fc3\u5165\u53e3 | \u64c5\u957f\u53cd\u5e94 | CMO\/CDMO\u52a0\u5de5\u5b9a\u5236\u670d\u52a1\u4ecb\u7ecd\uff0c\u63d0\u4f9b\uff1a\u8d85\u4f4e\u6e29\u53cd\u5e94\uff08\u9502\u5364\u4ea4\u6362\u3001\u4e01\u57fa\u9502\u62d4\u6c22\u7b49\u6709\u673a\u9502\u53cd\u5e94\uff09\u3001\u4e4c\u5c14\u66fc\u5076\u8054 \u3001\u4eb2\u6838\u52a0\u6210\u3001Wittig\u53cd\u5e94\u3001\u52a0\u6c22\u5e94\u3001\u6c18\u4ee3\u53cd\u5e94\uff0c\u787c\u9178\u916f\u5316","og_url":"https:\/\/hangzhoubiopak.com\/en\/product_service\/","og_site_name":"\u6d59\u6c5f\u516b\u4ebf\u65f6\u7a7a\u5148\u8fdb\u6750\u6599\u6709\u9650\u516c\u53f8","article_modified_time":"2026-08-10T04:29:55+00:00","og_image":[{"url":"https:\/\/hangzhoubiopak.com\/wp-content\/uploads\/2026\/08\/wittig-reaction.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hangzhoubiopak.com\/product_service\/","url":"https:\/\/hangzhoubiopak.com\/product_service\/","name":"\u4ea7\u54c1\u4e0e\u670d\u52a1 - \u6d59\u6c5f\u516b\u4ebf\u65f6\u7a7a\u5148\u8fdb\u6750\u6599\u6709\u9650\u516c\u53f8","isPartOf":{"@id":"https:\/\/hangzhoubiopak.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hangzhoubiopak.com\/product_service\/#primaryimage"},"image":{"@id":"https:\/\/hangzhoubiopak.com\/product_service\/#primaryimage"},"thumbnailUrl":"https:\/\/hangzhoubiopak.com\/wp-content\/uploads\/2026\/08\/wittig-reaction.png","datePublished":"2026-07-29T14:14:11+00:00","dateModified":"2026-08-10T04:29:55+00:00","description":"\u4ea7\u54c1\u4e2d\u5fc3\u5165\u53e3 | \u64c5\u957f\u53cd\u5e94 | CMO\/CDMO\u52a0\u5de5\u5b9a\u5236\u670d\u52a1\u4ecb\u7ecd\uff0c\u63d0\u4f9b\uff1a\u8d85\u4f4e\u6e29\u53cd\u5e94\uff08\u9502\u5364\u4ea4\u6362\u3001\u4e01\u57fa\u9502\u62d4\u6c22\u7b49\u6709\u673a\u9502\u53cd\u5e94\uff09\u3001\u4e4c\u5c14\u66fc\u5076\u8054 \u3001\u4eb2\u6838\u52a0\u6210\u3001Wittig\u53cd\u5e94\u3001\u52a0\u6c22\u5e94\u3001\u6c18\u4ee3\u53cd\u5e94\uff0c\u787c\u9178\u916f\u5316","breadcrumb":{"@id":"https:\/\/hangzhoubiopak.com\/product_service\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hangzhoubiopak.com\/product_service\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hangzhoubiopak.com\/product_service\/#primaryimage","url":"https:\/\/hangzhoubiopak.com\/wp-content\/uploads\/2026\/08\/wittig-reaction.png","contentUrl":"https:\/\/hangzhoubiopak.com\/wp-content\/uploads\/2026\/08\/wittig-reaction.png"},{"@type":"BreadcrumbList","@id":"https:\/\/hangzhoubiopak.com\/product_service\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/hangzhoubiopak.com\/"},{"@type":"ListItem","position":2,"name":"\u4ea7\u54c1\u4e0e\u670d\u52a1"}]},{"@type":"WebSite","@id":"https:\/\/hangzhoubiopak.com\/#website","url":"https:\/\/hangzhoubiopak.com\/","name":"Zhejiang Bayi Space Advanced Materials Co., Ltd","description":"Zhejiang Bayi Space Advanced Materials Co., Ltd","publisher":{"@id":"https:\/\/hangzhoubiopak.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hangzhoubiopak.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/hangzhoubiopak.com\/#organization","name":"Zhejiang Bayi Space Advanced Materials Co., Ltd","url":"https:\/\/hangzhoubiopak.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hangzhoubiopak.com\/#\/schema\/logo\/image\/","url":"https:\/\/hangzhoubiopak.com\/wp-content\/uploads\/2026\/08\/logo_small.svg","contentUrl":"https:\/\/hangzhoubiopak.com\/wp-content\/uploads\/2026\/08\/logo_small.svg","width":91,"height":94,"caption":"\u6d59\u6c5f\u516b\u4ebf\u65f6\u7a7a\u5148\u8fdb\u6750\u6599\u6709\u9650\u516c\u53f8"},"image":{"@id":"https:\/\/hangzhoubiopak.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/hangzhoubiopak.com\/en\/wp-json\/wp\/v2\/pages\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hangzhoubiopak.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hangzhoubiopak.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hangzhoubiopak.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hangzhoubiopak.com\/en\/wp-json\/wp\/v2\/comments?post=36"}],"version-history":[{"count":6,"href":"https:\/\/hangzhoubiopak.com\/en\/wp-json\/wp\/v2\/pages\/36\/revisions"}],"predecessor-version":[{"id":757,"href":"https:\/\/hangzhoubiopak.com\/en\/wp-json\/wp\/v2\/pages\/36\/revisions\/757"}],"wp:attachment":[{"href":"https:\/\/hangzhoubiopak.com\/en\/wp-json\/wp\/v2\/media?parent=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}