{"id":1290,"date":"2026-03-29T14:47:00","date_gmt":"2026-03-29T06:47:00","guid":{"rendered":"https:\/\/qipei.vnker.com\/?page_id=1290"},"modified":"2026-03-30T15:23:27","modified_gmt":"2026-03-30T07:23:27","slug":"about-us","status":"publish","type":"page","link":"https:\/\/saijanauto.com\/zh\/about-us\/","title":{"rendered":"About Us"},"content":{"rendered":"<style>\n        :root {\n            --primary: #F7CE1A;\n            --primary-glow: rgba(247, 206, 26, 0.15);\n            --bg-main: #070708;\n            --surface: #111113;\n            --surface-hover: #161619;\n            --text-main: #ffffff;\n            --text-dim: #94a3b8;\n            --border: rgba(255, 255, 255, 0.08);\n            --grid: rgba(255, 255, 255, 0.02);\n            --transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n        }\n\n        \/* Light Mode Variables *\/\n        body.light-mode {\n            --bg-main: #f8fafc;\n            --surface: #ffffff;\n            --surface-hover: #f1f5f9;\n            --text-main: #0f172a;\n            --text-dim: #64748b;\n            --border: rgba(15, 23, 42, 0.08);\n            --grid: rgba(0, 0, 0, 0.03);\n            --primary-glow: rgba(247, 206, 26, 0.3);\n        }\n\n        * { margin: 0; padding: 0; box-sizing: border-box; }\n\n        body {\n            font-family: 'Inter', sans-serif;\n            background-color: var(--bg-main);\n            color: var(--text-main);\n            line-height: 1.7;\n            overflow-x: hidden;\n            background-image: \n                linear-gradient(var(--grid) 1px, transparent 1px),\n                linear-gradient(90deg, var(--grid) 1px, transparent 1px);\n            background-size: 60px 60px;\n            background-attachment: fixed;\n            transition: background 0.4s, color 0.4s;\n        }\n\n        \/* Custom Scrollbar *\/\n        ::-webkit-scrollbar { width: 8px; }\n        ::-webkit-scrollbar-track { background: var(--bg-main); }\n        ::-webkit-scrollbar-thumb { background: var(--border); border-radius: 4px; }\n        ::-webkit-scrollbar-thumb:hover { background: var(--primary); }\n\n        \/* --- UI Components --- *\/\n        .container { max-width: 1320px; margin: 0 auto; padding: 0 5%; }\n        .section-padding { padding: 140px 0; }\n        \n        .sec-title { margin-bottom: 70px; }\n        .sec-title span { color: var(--primary); font-size: 11px; font-weight: 800; letter-spacing: 5px; text-transform: uppercase; display: flex; align-items: center; margin-bottom: 15px; }\n        .sec-title span::before { content: \"\"; display: inline-block; width: 30px; height: 2px; background: var(--primary); margin-right: 15px; }\n        .sec-title h2 { font-size: clamp(36px, 4vw, 56px); font-weight: 900; text-transform: uppercase; letter-spacing: -1.5px; line-height: 1.1; }\n\n        .skew-btn {\n            display: inline-flex; align-items: center; justify-content: center;\n            background: transparent; border: 2px solid var(--primary); color: var(--primary);\n            padding: 18px 45px; font-size: 13px; font-weight: 900; text-transform: uppercase;\n            text-decoration: none; letter-spacing: 2px; transform: skewX(-15deg);\n            transition: var(--transition); cursor: pointer; position: relative; overflow: hidden;\n        }\n        .skew-btn span { transform: skewX(15deg); position: relative; z-index: 2; }\n        .skew-btn::before {\n            content: \"\"; position: absolute; top: 0; left: -100%; width: 100%; height: 100%;\n            background: var(--primary); transition: var(--transition); z-index: 1;\n        }\n        .skew-btn:hover::before { left: 0; }\n        .skew-btn:hover { color: #000; box-shadow: 0 15px 35px var(--primary-glow); }\n\n        \/* --- Hero Section --- *\/\n        .about-hero {\n            position: relative;\n            min-height: 80vh;\n            display: flex;\n            align-items: center;\n            padding-top: 100px;\n            border-bottom: 1px solid var(--border);\n        }\n        .hero-bg {\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n            background: radial-gradient(circle at 80% 50%, var(--primary-glow) 0%, transparent 50%);\n            z-index: -1;\n        }\n        .hero-bg-text {\n            position: absolute; font-size: 22vw; font-weight: 900; color: var(--text-main);\n            top: 50%; left: 50%; transform: translate(-50%, -50%); white-space: nowrap;\n            z-index: -2; opacity: 0.02; letter-spacing: -5px; user-select: none;\n        }\n        .about-hero h1 {\n            font-size: clamp(50px, 8vw, 100px); font-weight: 900; text-transform: uppercase;\n            line-height: 0.9; margin-bottom: 30px; letter-spacing: -3px;\n        }\n        .about-hero h1 .outline { -webkit-text-stroke: 1.5px var(--text-main); color: transparent; }\n        .about-hero p {\n            font-size: 18px; color: var(--text-dim); max-width: 650px; font-weight: 400;\n            line-height: 1.9; border-left: 2px solid var(--primary); padding-left: 25px;\n        }\n\n        \/* --- Stats Bento Box --- *\/\n        .stats-wrap { margin-top: -70px; position: relative; z-index: 10; }\n        .stats-grid {\n            display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;\n        }\n        .stat-card {\n            background: rgba(17, 17, 19, 0.7); backdrop-filter: blur(20px);\n            -webkit-backdrop-filter: blur(20px); border: 1px solid var(--border);\n            padding: 45px 35px; text-align: left; transition: var(--transition);\n            position: relative; overflow: hidden;\n        }\n        body.light-mode .stat-card { background: rgba(255, 255, 255, 0.8); }\n        .stat-card::after {\n            content: \"\"; position: absolute; bottom: 0; left: 0; width: 0; height: 3px;\n            background: var(--primary); transition: var(--transition);\n        }\n        .stat-card:hover { transform: translateY(-10px); background: var(--surface-hover); border-color: rgba(247, 206, 26, 0.3); }\n        .stat-card:hover::after { width: 100%; }\n        \n        .stat-card h3 { font-size: 56px; font-weight: 900; color: var(--text-main); line-height: 1; margin-bottom: 10px; letter-spacing: -2px;}\n        .stat-card h3 span { color: var(--primary); font-size: 30px; }\n        .stat-card p { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; color: var(--primary); margin-bottom: 15px; }\n        .stat-card .desc { font-size: 14px; color: var(--text-dim); font-weight: 400; line-height: 1.6; }\n\n        \/* --- Asymmetrical Company Profile --- *\/\n        .profile-section { position: relative; }\n        .profile-grid {\n            display: grid; grid-template-columns: 5fr 6fr; gap: 0; align-items: center; position: relative;\n        }\n        .profile-img {\n            position: relative; height: 700px; width: 100%; z-index: 1;\n        }\n        .profile-img img {\n            width: 100%; height: 100%; object-fit: cover; filter: grayscale(100%) contrast(1.2);\n            transition: var(--transition);\n        }\n        .profile-img:hover img { filter: grayscale(0) contrast(1); }\n        .profile-img::before {\n            content: \"\"; position: absolute; top: 40px; left: -40px; width: 100%; height: 100%;\n            border: 1px solid var(--border); z-index: -1;\n        }\n        \n        .profile-content {\n            background: var(--surface); padding: 80px 70px; margin-left: -80px;\n            position: relative; z-index: 2; border: 1px solid var(--border);\n            box-shadow: 0 30px 60px rgba(0,0,0,0.5);\n        }\n        body.light-mode .profile-content { box-shadow: 0 30px 60px rgba(0,0,0,0.05); }\n        .profile-content p { color: var(--text-dim); margin-bottom: 25px; font-size: 16px; line-height: 1.9; }\n        .profile-content strong { color: var(--text-main); font-weight: 700; }\n        \n        .signature { margin-top: 40px; border-top: 1px solid var(--border); padding-top: 30px; display: flex; align-items: center; justify-content: space-between;}\n        .signature-title { font-size: 11px; text-transform: uppercase; letter-spacing: 2px; color: var(--primary); font-weight: 800;}\n\n        \/* --- Tech Timeline --- *\/\n        .timeline-section { background: var(--bg-main); border-top: 1px solid var(--border); }\n        .timeline-wrap { position: relative; max-width: 900px; margin: 0 auto; padding-top: 40px;}\n        .timeline-wrap::before {\n            content: ''; position: absolute; width: 2px; top: 0; bottom: 0; left: 50%;\n            transform: translateX(-50%); background: linear-gradient(to bottom, transparent, var(--border) 10%, var(--border) 90%, transparent);\n        }\n        \n        .tl-item { display: flex; justify-content: space-between; align-items: center; margin-bottom: 80px; position: relative; }\n        .tl-item:nth-child(even) { flex-direction: row-reverse; }\n        \n        .tl-empty { width: 45%; }\n        .tl-card { width: 45%; background: var(--surface); border: 1px solid var(--border); padding: 40px; position: relative; transition: var(--transition); }\n        .tl-card:hover { border-color: var(--primary); transform: translateY(-5px); box-shadow: 0 20px 40px var(--primary-glow); }\n        \n        .tl-node {\n            position: absolute; left: 50%; transform: translate(-50%, 0);\n            width: 16px; height: 16px; background: var(--bg-main); border: 3px solid var(--primary);\n            border-radius: 50%; z-index: 2; transition: var(--transition);\n        }\n        .tl-card:hover ~ .tl-node, .tl-item:hover .tl-node { background: var(--primary); box-shadow: 0 0 20px var(--primary); }\n        \n        .tl-date { color: var(--primary); font-weight: 900; font-size: 32px; letter-spacing: -1px; margin-bottom: 10px; line-height: 1;}\n        .tl-title { font-size: 16px; font-weight: 800; text-transform: uppercase; margin-bottom: 20px; color: var(--text-main); letter-spacing: 1px;}\n        .tl-card p { color: var(--text-dim); font-size: 15px; line-height: 1.8; }\n\n        \/* --- Global Gallery --- *\/\n        .gallery-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }\n        .gallery-item { position: relative; height: 400px; overflow: hidden; border: 1px solid var(--border); cursor: crosshair;}\n        .gallery-item img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(80%) brightness(0.7); transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.8s; transform: scale(1.02); }\n        .gallery-item:hover img { filter: grayscale(0) brightness(1); transform: scale(1.08); }\n        \n        .g-overlay {\n            position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);\n            padding: 40px 30px; display: flex; flex-direction: column; justify-content: flex-end;\n            transform: translateY(20px); opacity: 0; transition: var(--transition);\n        }\n        .gallery-item:hover .g-overlay { transform: translateY(0); opacity: 1; }\n        \n        .g-overlay h4 { color: #fff; font-size: 18px; font-weight: 800; text-transform: uppercase; margin-bottom: 8px; letter-spacing: 1px;}\n        .g-overlay p { color: var(--primary); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px;}\n\n        \/* Responsive *\/\n        @media (max-width: 1024px) {\n            .profile-grid { grid-template-columns: 1fr; gap: 40px; }\n            .profile-content { margin-left: 0; padding: 50px 40px; }\n            .profile-img { height: 500px; }\n            .profile-img::before { display: none; }\n            .stats-grid { grid-template-columns: repeat(2, 1fr); }\n            .gallery-grid { grid-template-columns: repeat(2, 1fr); }\n        }\n        @media (max-width: 768px) {\n            .about-hero h1 { font-size: 48px; }\n            .stats-grid { grid-template-columns: 1fr; }\n            .timeline-wrap::before { left: 0; }\n            .tl-item, .tl-item:nth-child(even) { flex-direction: column; align-items: flex-end;}\n            .tl-card { width: calc(100% - 40px); margin-bottom: 30px;}\n            .tl-node { left: 0; transform: translate(-50%, 20px); }\n            .tl-empty { display: none; }\n            .gallery-grid { grid-template-columns: 1fr; }\n            .gallery-item { height: 300px; }\n            .g-overlay { opacity: 1; transform: translateY(0); background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent 80%);}\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- Hero Section -->\n    <header class=\"about-hero\">\n        <div class=\"hero-bg\"><\/div>\n        <div class=\"hero-bg-text\">HERITAGE<\/div>\n        <div class=\"container\">\n            <h1>PRECISION IN <br><span class=\"outline\">EVERY TURN.<\/span><\/h1>\n            <p>Rooted in the heart of China&#8217;s automotive manufacturing hub since 2008, SEALTITE\u00ae is driven by a singular mission: engineering uncompromising stability. We deliver track-proven suspension dynamics to the global aftermarket through cutting-edge automation.<\/p>\n        <\/div>\n    <\/header>\n\n    <!-- Premium Stats Bento Box -->\n    <div class=\"container stats-wrap\">\n        <div class=\"stats-grid\">\n            <div class=\"stat-card\">\n                <p>Established<\/p>\n                <h3>2008<\/h3>\n                <div class=\"desc\">Over a decade of unwavering dedication to damping technology innovation.<\/div>\n            <\/div>\n            <div class=\"stat-card\">\n                <p>Modern Facility<\/p>\n                <h3>40K<span>\u33a1<\/span><\/h3>\n                <div class=\"desc\">State-of-the-art manufacturing plant strategically built in Jiangsu in 2022.<\/div>\n            <\/div>\n            <div class=\"stat-card\">\n                <p>Annual Capacity<\/p>\n                <h3>6.0M<span>+<\/span><\/h3>\n                <div class=\"desc\">High-volume production capabilities consistently meeting global market demands.<\/div>\n            <\/div>\n            <div class=\"stat-card\">\n                <p>Manufacturing<\/p>\n                <h3>100%<\/h3>\n                <div class=\"desc\">End-to-end digital control from raw material processing to final assembly.<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Asymmetrical Company Profile -->\n    <section class=\"section-padding container\">\n        <div class=\"profile-grid\">\n            <div class=\"profile-img\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581091226825-a6a2a5aee158?auto=format&#038;fit=crop&#038;w=1000&#038;q=80\" alt=\"Advanced Assembly Line\">\n            <\/div>\n            <div class=\"profile-content\">\n                <div class=\"sec-title\" style=\"margin-bottom: 40px;\">\n                    <span>Company Profile<\/span>\n                    <h2>Redefining<br>Manufacturing<\/h2>\n                <\/div>\n                <p><strong>Jiangsu Saijan Shock Absorber Co., Ltd.<\/strong> (formerly Zhejiang Xichuang) embarked on a massive strategic expansion in 2022. Our new facility integrates world-class intelligent production machinery with rigorous quality management systems.<\/p>\n                <p>Technical prowess is the engine of our sustainable growth. Equipped with fully automated piston rod lines, advanced pipe processing, and intelligent final assembly lines, our exceptional R&#038;D team continuously pushes the boundaries of suspension technology, ensuring every SEALTITE\u00ae shock absorber exceeds global standards.<\/p>\n                \n                <div class=\"signature\">\n                    <div class=\"signature-title\">ISO 9001 \/ IATF 16949 Certified<\/div>\n                    <a href=\"#video\" class=\"skew-btn\"><span>Factory Tour<\/span><\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Blueprint Tech Timeline -->\n    <section class=\"section-padding timeline-section\">\n        <div class=\"container\">\n            <div class=\"sec-title\" style=\"text-align: center;\">\n                <span style=\"justify-content: center;\">Our Evolution<\/span>\n                <h2>The Milestones<\/h2>\n            <\/div>\n            \n            <div class=\"timeline-wrap\">\n                <!-- Node 1 -->\n                <div class=\"tl-item\">\n                    <div class=\"tl-empty\"><\/div>\n                    <div class=\"tl-node\"><\/div>\n                    <div class=\"tl-card\">\n                        <div class=\"tl-date\">2008<\/div>\n                        <div class=\"tl-title\">The Origin<\/div>\n                        <p>Founded in Wenzhou, stepping into the competitive world of automotive shock absorbers with a commitment to quality and engineering.<\/p>\n                    <\/div>\n                <\/div>\n                <!-- Node 2 -->\n                <div class=\"tl-item\">\n                    <div class=\"tl-empty\"><\/div>\n                    <div class=\"tl-node\"><\/div>\n                    <div class=\"tl-card\">\n                        <div class=\"tl-date\">2022<\/div>\n                        <div class=\"tl-title\">Strategic Expansion<\/div>\n                        <p>Established a 40-acre modern production base in Jiangsu, marking a new era of comprehensive manufacturing capabilities and scalability.<\/p>\n                    <\/div>\n                <\/div>\n                <!-- Node 3 -->\n                <div class=\"tl-item\">\n                    <div class=\"tl-empty\"><\/div>\n                    <div class=\"tl-node\"><\/div>\n                    <div class=\"tl-card\">\n                        <div class=\"tl-date\">TECH<\/div>\n                        <div class=\"tl-title\">Smart Production<\/div>\n                        <p>Achieved a 6 million annual capacity with full-chain automation, optimizing cost control while elevating product consistency and durability.<\/p>\n                    <\/div>\n                <\/div>\n                <!-- Node 4 -->\n                <div class=\"tl-item\">\n                    <div class=\"tl-empty\"><\/div>\n                    <div class=\"tl-node\"><\/div>\n                    <div class=\"tl-card\">\n                        <div class=\"tl-date\">GLOBAL<\/div>\n                        <div class=\"tl-title\">Worldwide Reach<\/div>\n                        <p>Expanded our footprint across international exhibitions like Automechanika, building robust partnerships and trust with global aftermarket clients.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Global Gallery -->\n    <section class=\"section-padding container\">\n        <div class=\"sec-title\">\n            <span>Global Presence<\/span>\n            <h2>Connecting The World<\/h2>\n        <\/div>\n        \n        <div class=\"gallery-grid\">\n            <div class=\"gallery-item\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1540575467063-178a50c2df87?auto=format&#038;fit=crop&#038;w=800&#038;q=80\" alt=\"Exhibition\">\n                <div class=\"g-overlay\">\n                    <h4>Automechanika<\/h4>\n                    <p>International Exhibitions<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"gallery-item\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551818255-e6e10975bc17?auto=format&#038;fit=crop&#038;w=800&#038;q=80\" alt=\"Global Partners\">\n                <div class=\"g-overlay\">\n                    <h4>Global Partners<\/h4>\n                    <p>Technical Exchange<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"gallery-item\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581092160562-40aa08e78837?auto=format&#038;fit=crop&#038;w=800&#038;q=80\" alt=\"Smart Assembly\">\n                <div class=\"g-overlay\">\n                    <h4>Smart Assembly<\/h4>\n                    <p>Inside The Facility<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>","protected":false},"excerpt":{"rendered":"<p>HERITAGE PRECISION IN EVERY TURN. Rooted in the heart of China&#8217;s automotive manufacturing hub since 2008, SEALTITE\u00ae is driven by a singular mission: engineering uncompromising stability. We deliver track-proven suspension dynamics to the global aftermarket through cutting-edge automation. Established 2008 Over a decade of unwavering dedication to damping technology innovation. Modern Facility 40K\u33a1 State-of-the-art manufacturing [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_angie_page":false,"footnotes":""},"class_list":["post-1290","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/saijanauto.com\/zh\/wp-json\/wp\/v2\/pages\/1290","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saijanauto.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/saijanauto.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/saijanauto.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/saijanauto.com\/zh\/wp-json\/wp\/v2\/comments?post=1290"}],"version-history":[{"count":3,"href":"https:\/\/saijanauto.com\/zh\/wp-json\/wp\/v2\/pages\/1290\/revisions"}],"predecessor-version":[{"id":1370,"href":"https:\/\/saijanauto.com\/zh\/wp-json\/wp\/v2\/pages\/1290\/revisions\/1370"}],"wp:attachment":[{"href":"https:\/\/saijanauto.com\/zh\/wp-json\/wp\/v2\/media?parent=1290"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}