{"id":317,"date":"2026-06-04T02:09:53","date_gmt":"2026-06-04T02:09:53","guid":{"rendered":"https:\/\/tianfengbiotech.com\/?page_id=317"},"modified":"2026-06-05T01:31:36","modified_gmt":"2026-06-05T01:31:36","slug":"customer-case","status":"publish","type":"page","link":"https:\/\/tianfengbiotech.com\/index.php\/customer-case\/","title":{"rendered":"\u5ba2\u6237\u6848\u5217"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"317\" class=\"elementor elementor-317\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd6fa00 e-con-full e-flex e-con e-parent\" data-id=\"fd6fa00\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d892873 elementor-widget elementor-widget-html\" data-id=\"d892873\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .tf-cases-page {\r\n    --tf-navy: #001f36;\r\n    --tf-navy-2: #002b49;\r\n    --tf-blue: #008fe3;\r\n    --tf-bg: #f5f8fa;\r\n    --tf-card: #ffffff;\r\n    --tf-text: #12344d;\r\n    --tf-muted: #657a8a;\r\n    --tf-border: #dce8ef;\r\n    --tf-soft-blue: #eaf6fd;\r\n\r\n    position: relative;\r\n    left: 50%;\r\n    right: 50%;\r\n    width: 100vw;\r\n    max-width: 100vw;\r\n    margin-left: -50vw;\r\n    margin-right: -50vw;\r\n\r\n    overflow: hidden;\r\n    background: var(--tf-bg);\r\n    color: var(--tf-text);\r\n    font-family: \"Microsoft YaHei\", \"PingFang SC\", Arial, sans-serif;\r\n  }\r\n\r\n  .tf-cases-page * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .tf-cases-page a {\r\n    text-decoration: none;\r\n  }\r\n\r\n  .tf-cases-container {\r\n    width: min(1180px, calc(100% - 40px));\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* Banner *\/\r\n  .tf-cases-hero {\r\n    width: 100%;\r\n    height: 320px;\r\n    background: linear-gradient(135deg, #001f36 0%, #002b49 100%);\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n\r\n  .tf-cases-hero-content {\r\n    color: #ffffff;\r\n  }\r\n\r\n  .tf-cases-kicker {\r\n    position: relative;\r\n    display: inline-block;\r\n    padding-left: 40px;\r\n    margin-bottom: 10px;\r\n    color: var(--tf-blue);\r\n    font-size: 12px;\r\n    line-height: 1;\r\n    font-weight: 800;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .tf-cases-kicker::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    top: 50%;\r\n    width: 28px;\r\n    height: 1px;\r\n    background: var(--tf-blue);\r\n  }\r\n\r\n  .tf-cases-hero h1 {\r\n    margin: 0 0 12px;\r\n    color: #ffffff;\r\n    font-size: 42px;\r\n    line-height: 1.2;\r\n    font-weight: 900;\r\n    letter-spacing: -1px;\r\n  }\r\n\r\n  .tf-cases-hero p {\r\n    margin: 0;\r\n    color: rgba(255, 255, 255, .82);\r\n    font-size: 15px;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  \/* Section Head *\/\r\n  .tf-cases-section-head {\r\n    max-width: 780px;\r\n    margin: 0 auto 42px;\r\n    text-align: center;\r\n  }\r\n\r\n  .tf-cases-section-kicker {\r\n    position: relative;\r\n    display: inline-block;\r\n    padding: 0 42px;\r\n    margin-bottom: 10px;\r\n    color: var(--tf-blue);\r\n    font-size: 12px;\r\n    line-height: 1;\r\n    font-weight: 900;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .tf-cases-section-kicker::before,\r\n  .tf-cases-section-kicker::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 50%;\r\n    width: 28px;\r\n    height: 1px;\r\n    background: var(--tf-blue);\r\n  }\r\n\r\n  .tf-cases-section-kicker::before {\r\n    left: 0;\r\n  }\r\n\r\n  .tf-cases-section-kicker::after {\r\n    right: 0;\r\n  }\r\n\r\n  .tf-cases-section-title {\r\n    margin: 0;\r\n    color: var(--tf-navy);\r\n    font-size: 34px;\r\n    line-height: 1.25;\r\n    font-weight: 900;\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .tf-cases-section-desc {\r\n    margin: 14px auto 0;\r\n    color: var(--tf-muted);\r\n    font-size: 15px;\r\n    line-height: 1.85;\r\n  }\r\n\r\n  \/* Partner Logo Section *\/\r\n  .tf-partners-section {\r\n    padding: 86px 0 78px;\r\n    background: #ffffff;\r\n  }\r\n\r\n  .tf-partner-logo-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 24px;\r\n  }\r\n\r\n  .tf-partner-logo-card {\r\n    position: relative;\r\n    min-height: 230px;\r\n    padding: 34px 26px 30px;\r\n    background: #ffffff;\r\n    border: 1px solid var(--tf-border);\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n    cursor: pointer;\r\n    box-shadow: 0 16px 38px rgba(0, 43, 73, .04);\r\n    transition: all .32s ease;\r\n  }\r\n\r\n  .tf-partner-logo-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: -120%;\r\n    width: 80%;\r\n    height: 100%;\r\n    background: linear-gradient(\r\n      120deg,\r\n      transparent 0%,\r\n      rgba(0, 143, 227, .08) 45%,\r\n      rgba(255, 255, 255, .5) 50%,\r\n      rgba(0, 143, 227, .08) 55%,\r\n      transparent 100%\r\n    );\r\n    transform: skewX(-18deg);\r\n    transition: left .6s ease;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .tf-partner-logo-card::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: 12px;\r\n    border: 1px solid transparent;\r\n    transition: all .32s ease;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .tf-partner-logo-card:hover,\r\n  .tf-partner-logo-card:focus {\r\n    transform: translateY(-8px);\r\n    border-color: rgba(0, 143, 227, .42);\r\n    box-shadow: 0 24px 58px rgba(0, 43, 73, .12);\r\n    outline: none;\r\n  }\r\n\r\n  .tf-partner-logo-card:hover::before,\r\n  .tf-partner-logo-card:focus::before {\r\n    left: 140%;\r\n  }\r\n\r\n  .tf-partner-logo-card:hover::after,\r\n  .tf-partner-logo-card:focus::after {\r\n    border-color: rgba(0, 143, 227, .35);\r\n  }\r\n\r\n  .tf-partner-logo-inner {\r\n    position: relative;\r\n    z-index: 2;\r\n    height: 100%;\r\n    display: grid;\r\n    align-content: center;\r\n    justify-items: center;\r\n    text-align: center;\r\n  }\r\n\r\n  .tf-partner-logo-box {\r\n    width: 100%;\r\n    height: 120px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 22px;\r\n  }\r\n\r\n  .tf-partner-logo-box img {\r\n    display: block;\r\n    max-width: 92%;\r\n    max-height: 110px;\r\n    object-fit: contain;\r\n    filter: grayscale(100%);\r\n    opacity: .72;\r\n    transform: scale(1);\r\n    transition: all .32s ease;\r\n  }\r\n\r\n  .tf-partner-logo-card:hover .tf-partner-logo-box img,\r\n  .tf-partner-logo-card:focus .tf-partner-logo-box img {\r\n    filter: grayscale(0%);\r\n    opacity: 1;\r\n    transform: scale(1.12);\r\n  }\r\n\r\n  .tf-partner-logo-info {\r\n    transform: translateY(8px);\r\n    opacity: .78;\r\n    transition: all .32s ease;\r\n  }\r\n\r\n  .tf-partner-logo-card:hover .tf-partner-logo-info,\r\n  .tf-partner-logo-card:focus .tf-partner-logo-info {\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n  }\r\n\r\n  .tf-partner-logo-info span {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 8px;\r\n    padding: 5px 12px;\r\n    border-radius: 999px;\r\n    background: var(--tf-soft-blue);\r\n    color: var(--tf-blue);\r\n    font-size: 12px;\r\n    line-height: 1;\r\n    font-weight: 900;\r\n  }\r\n\r\n  .tf-partner-logo-info h3 {\r\n    margin: 0;\r\n    color: var(--tf-navy);\r\n    font-size: 16px;\r\n    line-height: 1.35;\r\n    font-weight: 900;\r\n  }\r\n\r\n  \/* Cases *\/\r\n  .tf-cases-main {\r\n    padding: 86px 0 150px;\r\n    background: var(--tf-bg);\r\n  }\r\n\r\n  .tf-cases-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 20px 24px;\r\n  }\r\n\r\n  .tf-case-card {\r\n    min-height: 136px;\r\n    padding: 30px 34px;\r\n    background: var(--tf-card);\r\n    border: 1px solid var(--tf-border);\r\n    border-radius: 8px;\r\n    transition: all .25s ease;\r\n  }\r\n\r\n  .tf-case-card:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 18px 42px rgba(0, 43, 73, .08);\r\n  }\r\n\r\n  .tf-case-label {\r\n    display: block;\r\n    margin-bottom: 14px;\r\n    color: var(--tf-blue);\r\n    font-size: 13px;\r\n    line-height: 1;\r\n    font-weight: 900;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .tf-case-card h2 {\r\n    margin: 0 0 12px;\r\n    color: var(--tf-navy);\r\n    font-size: 22px;\r\n    line-height: 1.35;\r\n    font-weight: 900;\r\n  }\r\n\r\n  .tf-case-card p {\r\n    margin: 0;\r\n    color: var(--tf-muted);\r\n    font-size: 14px;\r\n    line-height: 1.75;\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .tf-partner-logo-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .tf-cases-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .tf-cases-container {\r\n      width: min(100% - 28px, 1180px);\r\n    }\r\n\r\n    .tf-cases-hero {\r\n      height: 260px;\r\n    }\r\n\r\n    .tf-cases-hero h1 {\r\n      font-size: 34px;\r\n    }\r\n\r\n    .tf-partners-section {\r\n      padding: 58px 0 54px;\r\n    }\r\n\r\n    .tf-cases-main {\r\n      padding: 58px 0 90px;\r\n    }\r\n\r\n    .tf-cases-section-title {\r\n      font-size: 28px;\r\n    }\r\n\r\n    .tf-partner-logo-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 18px;\r\n    }\r\n\r\n    .tf-partner-logo-card {\r\n      min-height: 210px;\r\n      padding: 28px 20px;\r\n    }\r\n\r\n    .tf-partner-logo-box {\r\n      height: 110px;\r\n    }\r\n\r\n    .tf-partner-logo-box img {\r\n      max-height: 100px;\r\n    }\r\n\r\n    .tf-case-card {\r\n      min-height: auto;\r\n      padding: 26px 22px;\r\n    }\r\n\r\n    .tf-case-card h2 {\r\n      font-size: 20px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<main class=\"tf-cases-page\">\r\n\r\n  <!-- Banner -->\r\n  <section class=\"tf-cases-hero\">\r\n    <div class=\"tf-cases-container\">\r\n      <div class=\"tf-cases-hero-content\">\r\n        <div class=\"tf-cases-kicker\">Cases<\/div>\r\n        <h1>\u5ba2\u6237\u6848\u4f8b<\/h1>\r\n        <p>\u670d\u52a1\u5168\u7403 500+ \u77e5\u540d\u54c1\u724c\u4e0e\u4f01\u4e1a\u5ba2\u6237<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Partner Logos -->\r\n  <section class=\"tf-partners-section\">\r\n    <div class=\"tf-cases-container\">\r\n\r\n      <div class=\"tf-cases-section-head\">\r\n        <div class=\"tf-cases-section-kicker\">Partners<\/div>\r\n        <h2 class=\"tf-cases-section-title\">\u5408\u4f5c\u5ba2\u6237<\/h2>\r\n        <p class=\"tf-cases-section-desc\">\r\n          \u6211\u4eec\u957f\u671f\u4e3a\u519c\u4e1a\u3001\u5305\u88c5\u3001\u5de5\u4e1a\u9632\u62a4\u4e0e\u4ed3\u50a8\u7269\u6d41\u5ba2\u6237\u63d0\u4f9b\u7a33\u5b9a\u7684 PE \u8584\u819c\u4ea7\u54c1\u4e0e\u5b9a\u5236\u5316\u4f9b\u5e94\u670d\u52a1\u3002\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"tf-partner-logo-grid\">\r\n\r\n        <article class=\"tf-partner-logo-card\" tabindex=\"0\">\r\n          <div class=\"tf-partner-logo-inner\">\r\n            <div class=\"tf-partner-logo-box\">\r\n              <img decoding=\"async\" src=\"https:\/\/tianfengbiotech.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-5-2026-09_18_39-AM-1.png\" alt=\"Cooperative customer logo 1\">\r\n            <\/div>\r\n            <div class=\"tf-partner-logo-info\">\r\n              <span>Partner 01<\/span>\r\n              <h3>\u957f\u671f\u5408\u4f5c\u5ba2\u6237<\/h3>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"tf-partner-logo-card\" tabindex=\"0\">\r\n          <div class=\"tf-partner-logo-inner\">\r\n            <div class=\"tf-partner-logo-box\">\r\n              <img decoding=\"async\" src=\"https:\/\/tianfengbiotech.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-5-2026-09_18_40-AM-2.png\" alt=\"Cooperative customer logo 2\">\r\n            <\/div>\r\n            <div class=\"tf-partner-logo-info\">\r\n              <span>Partner 02<\/span>\r\n              <h3>\u7a33\u5b9a\u4f9b\u8d27\u5ba2\u6237<\/h3>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"tf-partner-logo-card\" tabindex=\"0\">\r\n          <div class=\"tf-partner-logo-inner\">\r\n            <div class=\"tf-partner-logo-box\">\r\n              <img decoding=\"async\" src=\"https:\/\/tianfengbiotech.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-5-2026-09_18_48-AM-3.png\" alt=\"Cooperative customer logo 3\">\r\n            <\/div>\r\n            <div class=\"tf-partner-logo-info\">\r\n              <span>Partner 03<\/span>\r\n              <h3>\u5b9a\u5236\u9879\u76ee\u5ba2\u6237<\/h3>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Cases -->\r\n  <section class=\"tf-cases-main\">\r\n    <div class=\"tf-cases-container\">\r\n\r\n      <div class=\"tf-cases-section-head\">\r\n        <div class=\"tf-cases-section-kicker\">Client Cases<\/div>\r\n        <h2 class=\"tf-cases-section-title\">\u670d\u52a1\u6848\u4f8b<\/h2>\r\n        <p class=\"tf-cases-section-desc\">\r\n          \u57fa\u4e8e\u4e0d\u540c\u5ba2\u6237\u7684\u4ea7\u54c1\u7528\u9014\u3001\u5305\u88c5\u65b9\u5f0f\u3001\u51fa\u53e3\u8981\u6c42\u548c\u91c7\u8d2d\u89c4\u6a21\uff0c\u63d0\u4f9b\u7a33\u5b9a\u7684\u8584\u819c\u4ea7\u54c1\u4f9b\u5e94\u65b9\u6848\u3002\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"tf-cases-grid\">\r\n\r\n        <article class=\"tf-case-card\">\r\n          <span class=\"tf-case-label\">Case 01<\/span>\r\n          <h2>\u5168\u7403 Top 3 \u9f99\u5934\u96c6\u56e2<\/h2>\r\n          <p>\u98df\u54c1\u5305\u88c5\u590d\u5408\u819c\u5e74\u4f9b 2000 \u5428<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"tf-case-card\">\r\n          <span class=\"tf-case-label\">Case 02<\/span>\r\n          <h2>\u56fd\u5185\u5934\u90e8\u5149\u4f0f\u4f01\u4e1a<\/h2>\r\n          <p>\u7ec4\u4ef6\u80cc\u677f\u4fdd\u62a4\u819c\u72ec\u5bb6\u4f9b\u5e94<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"tf-case-card\">\r\n          <span class=\"tf-case-label\">Case 03<\/span>\r\n          <h2>\u6b27\u6d32\u8fde\u9501\u5546\u8d85<\/h2>\r\n          <p>\u81ea\u6709\u54c1\u724c\u751f\u9c9c\u4fdd\u9c9c\u819c OEM<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"tf-case-card\">\r\n          <span class=\"tf-case-label\">Case 04<\/span>\r\n          <h2>\u4e2d\u4e1c\u519c\u4e1a\u96c6\u56e2<\/h2>\r\n          <p>20 \u4e07\u4ea9\u5927\u578b\u6e29\u5ba4\u4f9b\u819c\u65b9\u6848<\/p>\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/main>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Cases \u5ba2\u6237\u6848\u4f8b \u670d\u52a1\u5168\u7403 500+ [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-317","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tianfengbiotech.com\/index.php\/wp-json\/wp\/v2\/pages\/317","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tianfengbiotech.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tianfengbiotech.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tianfengbiotech.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tianfengbiotech.com\/index.php\/wp-json\/wp\/v2\/comments?post=317"}],"version-history":[{"count":8,"href":"https:\/\/tianfengbiotech.com\/index.php\/wp-json\/wp\/v2\/pages\/317\/revisions"}],"predecessor-version":[{"id":504,"href":"https:\/\/tianfengbiotech.com\/index.php\/wp-json\/wp\/v2\/pages\/317\/revisions\/504"}],"wp:attachment":[{"href":"https:\/\/tianfengbiotech.com\/index.php\/wp-json\/wp\/v2\/media?parent=317"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}