{"id":66,"date":"2026-06-25T08:55:10","date_gmt":"2026-06-25T08:55:10","guid":{"rendered":"https:\/\/jinlongdtf.com\/?st-import=5703b44157b42b600703943e40791d1a"},"modified":"2026-07-18T09:20:45","modified_gmt":"2026-07-18T09:20:45","slug":"uber","status":"publish","type":"page","link":"https:\/\/jinlongdtf.com\/de\/about\/","title":{"rendered":"\u00dcber"},"content":{"rendered":"\n<style id=\"jl-about-visual-system\">\n:root {\r\n      --jl-blue: #0b55ad;\r\n      --jl-blue-bright: #176df3;\r\n      --jl-blue-soft: #edf5ff;\r\n      --jl-dark: #0c1b33;\r\n      --jl-ink: #171d2a;\r\n      --jl-muted: #4d5664;\r\n      --jl-soft: #5c6878;\r\n      --jl-line: #dbe5f0;\r\n      --jl-line-soft: rgba(13, 64, 123, 0.18);\r\n      --jl-page: #f6f8fb;\r\n      --jl-card: #ffffff;\r\n      --jl-font: Inter, Montserrat, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\r\n      --jl-max: 1400px;\r\n      --jl-section-pad-x: 48px;\r\n    }\r\n\r\n    * { box-sizing: border-box; }\r\n\r\n    html { scroll-behavior: smooth; }\r\n\r\n    body {\r\n      margin: 0;\r\n      background: var(--jl-page);\r\n      color: var(--jl-ink);\r\n      font-family: var(--jl-font);\r\n      line-height: 1.5;\r\n      -webkit-font-smoothing: antialiased;\r\n    }\r\n\r\n    img { max-width: 100%; display: block; }\r\n\r\n    a { color: inherit; }\r\n\r\n    .preview-shell { min-height: 100vh; }\r\n\r\n    .jl-eyebrow {\r\n      margin: 0 0 16px;\r\n      color: var(--jl-blue);\r\n      font-size: 13px;\r\n      font-weight: 800;\r\n      letter-spacing: 0.08em;\r\n      line-height: 1.2;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .jl-eyebrow::after {\r\n      content: \"\";\r\n      display: block;\r\n      width: 48px;\r\n      height: 3px;\r\n      margin-top: 12px;\r\n      background: var(--jl-blue);\r\n    }\r\n\r\n    \/* =========================================================\r\n       MODULE 1 \u2014 HERO\r\n       ========================================================= *\/\r\n    .about-hero {\r\n      position: relative;\r\n      width: 100%;\r\n      max-width: 1920px;\r\n      min-height: 0;\r\n      margin: 0 auto;\r\n      overflow: hidden;\r\n      background: #eef3f8;\r\n      line-height: 0;\r\n    }\r\n\r\n    .about-hero__banner {\r\n      position: relative;\r\n      display: block;\r\n      width: 100%;\r\n      max-width: 1920px;\r\n      height: auto;\r\n      margin: 0 auto;\r\n      object-fit: contain;\r\n      object-position: center center;\r\n    }\r\n\r\n    .about-hero__mobile-copy { display: none; }\r\n\r\n    \/* =========================================================\r\n       MODULE 2 \u2014 WHO WE ARE\r\n       ========================================================= *\/\r\n    .about-who {\r\n      position: relative;\r\n      overflow: hidden;\r\n      background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);\r\n    }\r\n\r\n    .about-who__inner {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 0.96fr) minmax(0, 1.04fr);\r\n      gap: 42px 58px;\r\n      align-items: end;\r\n      width: min(calc(100% - 72px), 1320px);\r\n      margin: 0 auto;\r\n      padding: 82px 0 92px;\r\n    }\r\n\r\n    .about-who h2 {\r\n      max-width: 690px;\r\n      margin: 0;\r\n      color: #101827;\r\n      font-size: clamp(40px, 3.75vw, 61px);\r\n      font-weight: 800;\r\n      line-height: 0.98;\r\n      letter-spacing: 0;\r\n    }\r\n\r\n    .about-who h2 span { color: var(--jl-blue); }\r\n\r\n    .about-who__lead {\r\n      max-width: 610px;\r\n      margin: 24px 0 0;\r\n      color: #3f4b5d;\r\n      font-size: 18px;\r\n      line-height: 1.68;\r\n    }\r\n\r\n    .about-who__body {\r\n      max-width: 600px;\r\n      margin-top: 22px;\r\n      padding-left: 22px;\r\n      color: #566174;\r\n      font-size: 16px;\r\n      line-height: 1.72;\r\n      border-left: 3px solid var(--jl-blue);\r\n    }\r\n\r\n    .about-who__proof {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      grid-column: 1 \/ -1;\r\n      gap: 18px;\r\n      margin-top: 4px;\r\n    }\r\n\r\n    .about-who__proof-item {\r\n      min-height: 188px;\r\n      padding: 26px 26px 24px;\r\n      background: #fff;\r\n      border: 1px solid #dbe5f0;\r\n      box-shadow: 0 18px 44px rgba(18, 43, 74, 0.06);\r\n    }\r\n\r\n    .about-who__proof-item em {\r\n      display: block;\r\n      margin-bottom: 22px;\r\n      color: var(--jl-blue);\r\n      font-size: 13px;\r\n      font-style: normal;\r\n      font-weight: 800;\r\n      letter-spacing: 0.08em;\r\n    }\r\n\r\n    .about-who__proof-item strong {\r\n      display: block;\r\n      color: #0a4fa3;\r\n      font-size: 22px;\r\n      font-weight: 800;\r\n      line-height: 1.15;\r\n    }\r\n\r\n    .about-who__proof-item span {\r\n      display: block;\r\n      margin-top: 14px;\r\n      color: #5c6878;\r\n      font-size: 15px;\r\n      line-height: 1.56;\r\n    }\r\n\r\n    .about-who__media {\r\n      position: relative;\r\n      min-height: 480px;\r\n    }\r\n\r\n    .about-who__photo {\r\n      position: absolute;\r\n      inset: 0;\r\n      overflow: hidden;\r\n      background: #e7eef6;\r\n      margin: 0;\r\n    }\r\n\r\n    .about-who__photo img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      object-position: center center;\r\n    }\r\n\r\n    .about-who__caption {\r\n      position: absolute;\r\n      left: -72px;\r\n      right: auto;\r\n      bottom: 34px;\r\n      display: grid;\r\n      gap: 6px;\r\n      width: min(440px, calc(100% - 36px));\r\n      padding: 20px 22px;\r\n      background: rgba(255, 255, 255, 0.94);\r\n      box-shadow: 0 18px 46px rgba(17, 39, 70, 0.16);\r\n      backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .about-who__caption strong {\r\n      color: #0f1a2d;\r\n      font-size: 17px;\r\n      line-height: 1.25;\r\n    }\r\n\r\n    .about-who__caption span {\r\n      color: #536070;\r\n      font-size: 13px;\r\n      line-height: 1.45;\r\n    }\r\n\r\n    \/* =========================================================\r\n       MODULE 3 \u2014 HORIZONTAL TIMELINE\r\n       Natural height (not fullscreen). No tall pin spacer.\r\n       When the block is mid-viewport, wheel \u2192 horizontal;\r\n       at ends, wheel returns to normal page scroll.\r\n       ========================================================= *\/\r\n    .about-timeline-pin {\r\n      position: relative;\r\n      \/* wrapper only \u2014 height follows content, never forced tall *\/\r\n      height: auto;\r\n      min-height: 0;\r\n    }\r\n\r\n    .about-timeline {\r\n      --tl-card-w: 300px;\r\n      --tl-gap: 48px;\r\n      --tl-img-h: 180px;\r\n      --tl-rail-y: calc(var(--tl-img-h) + 28px);\r\n      position: relative;\r\n      z-index: 1;\r\n      height: auto;\r\n      display: block;\r\n      isolation: isolate;\r\n      background:\r\n        radial-gradient(ellipse 80% 55% at 50% 0%, rgba(11, 85, 173, 0.08), transparent 62%),\r\n        linear-gradient(180deg, #f7faff 0%, #ffffff 42%, #f6f8fb 100%);\r\n      \/* overflow visible so sticky\/clip bugs never blank the page;\r\n         scroller handles its own overflow-x *\/\r\n      overflow: visible;\r\n      transition: box-shadow 0.25s ease;\r\n    }\r\n\r\n    .about-timeline.is-active {\r\n      box-shadow:\r\n        0 12px 40px rgba(18, 43, 74, 0.08),\r\n        inset 0 0 0 2px rgba(11, 85, 173, 0.12);\r\n    }\r\n\r\n    .about-timeline__head {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: min(calc(100% - 72px), 900px);\r\n      margin: 0 auto;\r\n      padding: 64px 0 24px;\r\n      text-align: center;\r\n    }\r\n\r\n    .about-timeline__head .jl-eyebrow { display: inline-block; }\r\n\r\n    .about-timeline__head .jl-eyebrow::after {\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n    }\r\n\r\n    .about-timeline__head h2 {\r\n      margin: 0;\r\n      color: var(--jl-dark);\r\n      font-size: clamp(28px, 3.2vw, 44px);\r\n      font-weight: 800;\r\n      line-height: 1.12;\r\n      letter-spacing: -0.02em;\r\n    }\r\n\r\n    .about-timeline__head h2 span { color: var(--jl-blue); }\r\n\r\n    .about-timeline__lead {\r\n      max-width: 640px;\r\n      margin: 14px auto 0;\r\n      color: var(--jl-muted);\r\n      font-size: 16px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .about-timeline__meta {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 12px 20px;\r\n      margin-top: 18px;\r\n    }\r\n\r\n    .about-timeline__hint {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      padding: 8px 14px;\r\n      color: var(--jl-blue);\r\n      background: rgba(11, 85, 173, 0.08);\r\n      border: 1px solid rgba(11, 85, 173, 0.14);\r\n      font-size: 13px;\r\n      font-weight: 700;\r\n    }\r\n\r\n    .about-timeline__hint svg {\r\n      width: 18px;\r\n      height: 18px;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .about-timeline__progress {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      min-width: min(280px, 70vw);\r\n      color: var(--jl-soft);\r\n      font-size: 12px;\r\n      font-weight: 700;\r\n      letter-spacing: 0.04em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .about-timeline__progress-track {\r\n      position: relative;\r\n      flex: 1;\r\n      height: 3px;\r\n      overflow: hidden;\r\n      background: rgba(11, 85, 173, 0.12);\r\n    }\r\n\r\n    .about-timeline__progress-bar {\r\n      display: block;\r\n      height: 100%;\r\n      width: 0%;\r\n      background: linear-gradient(90deg, var(--jl-blue), var(--jl-blue-bright));\r\n    }\r\n\r\n    .about-timeline__scroller {\r\n      position: relative;\r\n      z-index: 1;\r\n      overflow-x: auto;\r\n      overflow-y: hidden;\r\n      overscroll-behavior-x: contain;\r\n      -webkit-overflow-scrolling: touch;\r\n      scrollbar-width: none;\r\n      padding: 8px 0 56px;\r\n      outline: none;\r\n    }\r\n\r\n    .about-timeline__scroller::-webkit-scrollbar { display: none; }\r\n\r\n    .about-timeline__track {\r\n      position: relative;\r\n      display: flex;\r\n      align-items: stretch;\r\n      gap: var(--tl-gap);\r\n      width: max-content;\r\n      margin: 0;\r\n      \/* First card starts at page left (not viewport center); right keeps small end inset *\/\r\n      padding: 4px 40px 0 24px;\r\n      list-style: none;\r\n    }\r\n\r\n    .about-timeline__track::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 24px;\r\n      right: 40px;\r\n      top: var(--tl-rail-y);\r\n      height: 3px;\r\n      background: linear-gradient(\r\n        90deg,\r\n        rgba(11, 85, 173, 0.12) 0%,\r\n        var(--jl-blue) 8%,\r\n        var(--jl-blue) 92%,\r\n        rgba(11, 85, 173, 0.12) 100%\r\n      );\r\n      border-radius: 999px;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .about-timeline__item {\r\n      position: relative;\r\n      flex: 0 0 var(--tl-card-w);\r\n      width: var(--tl-card-w);\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .about-timeline__media {\r\n      position: relative;\r\n      z-index: 1;\r\n      width: 100%;\r\n      height: var(--tl-img-h);\r\n      margin: 0;\r\n      overflow: hidden;\r\n      background: #e7eef6;\r\n      border: 1px solid var(--jl-line);\r\n      box-shadow: 0 14px 34px rgba(18, 43, 74, 0.1);\r\n    }\r\n\r\n    .about-timeline__media img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      object-position: center center;\r\n      transition: transform 0.45s ease;\r\n    }\r\n\r\n    .about-timeline__item:hover .about-timeline__media img {\r\n      transform: scale(1.05);\r\n    }\r\n\r\n    .about-timeline__media figcaption {\r\n      position: absolute;\r\n      left: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      padding: 18px 12px 10px;\r\n      color: #fff;\r\n      font-size: 11px;\r\n      font-weight: 700;\r\n      letter-spacing: 0.06em;\r\n      text-transform: uppercase;\r\n      background: linear-gradient(180deg, transparent, rgba(8, 20, 40, 0.72));\r\n    }\r\n\r\n    .about-timeline__node {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      height: 52px;\r\n    }\r\n\r\n    .about-timeline__dot {\r\n      width: 18px;\r\n      height: 18px;\r\n      border-radius: 50%;\r\n      background: #fff;\r\n      border: 4px solid var(--jl-blue);\r\n      box-shadow: 0 0 0 6px rgba(11, 85, 173, 0.12);\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .about-timeline__item--now .about-timeline__dot {\r\n      background: var(--jl-blue);\r\n      border-color: var(--jl-blue);\r\n      box-shadow:\r\n        0 0 0 6px rgba(11, 85, 173, 0.18),\r\n        0 0 0 14px rgba(11, 85, 173, 0.08);\r\n      animation: jl-pulse 2.4s ease-out infinite;\r\n    }\r\n\r\n    @keyframes jl-pulse {\r\n      0% { box-shadow: 0 0 0 6px rgba(11, 85, 173, 0.18), 0 0 0 14px rgba(11, 85, 173, 0.08); }\r\n      70% { box-shadow: 0 0 0 10px rgba(11, 85, 173, 0.08), 0 0 0 22px rgba(11, 85, 173, 0); }\r\n      100% { box-shadow: 0 0 0 6px rgba(11, 85, 173, 0.18), 0 0 0 14px rgba(11, 85, 173, 0); }\r\n    }\r\n\r\n    .about-timeline__card {\r\n      flex: 1;\r\n      padding: 4px 4px 0;\r\n      text-align: center;\r\n    }\r\n\r\n    .about-timeline__year {\r\n      display: block;\r\n      margin: 0 0 6px;\r\n      color: var(--jl-blue);\r\n      font-size: 28px;\r\n      font-weight: 800;\r\n      line-height: 1;\r\n      letter-spacing: -0.03em;\r\n      font-variant-numeric: tabular-nums;\r\n    }\r\n\r\n    .about-timeline__title {\r\n      margin: 0;\r\n      color: var(--jl-dark);\r\n      font-size: 16px;\r\n      font-weight: 800;\r\n      line-height: 1.3;\r\n    }\r\n\r\n    .about-timeline__desc {\r\n      margin: 8px 0 0;\r\n      color: var(--jl-soft);\r\n      font-size: 13px;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    .about-timeline__tag {\r\n      display: inline-block;\r\n      margin-top: 10px;\r\n      padding: 4px 9px;\r\n      color: var(--jl-blue);\r\n      background: var(--jl-blue-soft);\r\n      font-size: 11px;\r\n      font-weight: 800;\r\n      letter-spacing: 0.04em;\r\n    }\r\n\r\n    .about-timeline__item--now .about-timeline__media {\r\n      border-color: rgba(11, 85, 173, 0.35);\r\n      box-shadow: 0 18px 40px rgba(11, 85, 173, 0.16);\r\n    }\r\n\r\n    .about-timeline__edge {\r\n      position: absolute;\r\n      top: 120px;\r\n      bottom: 48px;\r\n      width: 64px;\r\n      z-index: 3;\r\n      pointer-events: none;\r\n      opacity: 0;\r\n      transition: opacity 0.2s ease;\r\n    }\r\n\r\n    .about-timeline__edge--left {\r\n      left: 0;\r\n      background: linear-gradient(90deg, #f7faff 12%, transparent);\r\n    }\r\n\r\n    .about-timeline__edge--right {\r\n      right: 0;\r\n      background: linear-gradient(270deg, #f6f8fb 12%, transparent);\r\n    }\r\n\r\n    .about-timeline[data-at-start=\"false\"] .about-timeline__edge--left,\r\n    .about-timeline[data-at-end=\"false\"] .about-timeline__edge--right {\r\n      opacity: 1;\r\n    }\r\n\r\n    \/* =========================================================\r\n       MODULE 4 \u2014 CAPACITY STRIP\r\n       ========================================================= *\/\r\n    .about-stats {\r\n      background: var(--jl-dark);\r\n      color: #fff;\r\n    }\r\n\r\n    .about-stats__inner {\r\n      display: grid;\r\n      grid-template-columns: repeat(5, minmax(0, 1fr));\r\n      gap: 0;\r\n      width: min(calc(100% - 48px), var(--jl-max));\r\n      margin: 0 auto;\r\n      padding: 42px 0;\r\n    }\r\n\r\n    .about-stats__item {\r\n      padding: 12px 20px;\r\n      text-align: center;\r\n      border-right: 1px solid rgba(255, 255, 255, 0.1);\r\n    }\r\n\r\n    .about-stats__item:last-child { border-right: 0; }\r\n\r\n    .about-stats__item strong {\r\n      display: block;\r\n      color: #8ec5ff;\r\n      font-size: clamp(22px, 2.2vw, 30px);\r\n      font-weight: 800;\r\n      line-height: 1.1;\r\n      letter-spacing: -0.02em;\r\n    }\r\n\r\n    .about-stats__item span {\r\n      display: block;\r\n      margin-top: 8px;\r\n      color: rgba(255, 255, 255, 0.72);\r\n      font-size: 13px;\r\n      font-weight: 600;\r\n      line-height: 1.35;\r\n    }\r\n\r\n    \/* =========================================================\r\n       MODULE 5 \u2014 QUALITY & COMPLIANCE\r\n       Distinctive \"trade dossier\" layout for export buyers\r\n       ========================================================= *\/\r\n    .about-quality {\r\n      --qc-navy: #0a1628;\r\n      --qc-ink: #101d36;\r\n      --qc-blue: #0b55ad;\r\n      --qc-bright: #176df3;\r\n      --qc-paper: #f7f4ee;\r\n      --qc-line: rgba(16, 29, 54, 0.12);\r\n      position: relative;\r\n      isolation: isolate;\r\n      overflow: hidden;\r\n      background:\r\n        radial-gradient(ellipse 70% 60% at 100% 0%, rgba(23, 109, 243, 0.08), transparent 55%),\r\n        linear-gradient(180deg, #f4f7fb 0%, #eef3f9 100%);\r\n      color: var(--qc-ink);\r\n    }\r\n\r\n    \/* faint dossier grid *\/\r\n    .about-quality::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      background-image:\r\n        linear-gradient(rgba(11, 85, 173, 0.035) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(11, 85, 173, 0.035) 1px, transparent 1px);\r\n      background-size: 36px 36px;\r\n      mask-image: linear-gradient(180deg, #000 0%, #000 70%, transparent 100%);\r\n      pointer-events: none;\r\n      z-index: 0;\r\n    }\r\n\r\n    .about-quality__inner {\r\n      position: relative;\r\n      z-index: 1;\r\n      width: min(calc(100% - 72px), 1320px);\r\n      margin: 0 auto;\r\n      padding: 64px 0 72px;\r\n    }\r\n\r\n    .about-quality__top {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1.15fr) minmax(260px, 0.7fr);\r\n      gap: 24px 40px;\r\n      align-items: end;\r\n      margin-bottom: 28px;\r\n    }\r\n\r\n    .about-quality__head .jl-eyebrow { margin-bottom: 14px; }\r\n\r\n    .about-quality h2 {\r\n      margin: 0;\r\n      max-width: 22ch;\r\n      color: var(--qc-ink);\r\n      font-size: clamp(28px, 3vw, 40px);\r\n      font-weight: 800;\r\n      line-height: 1.1;\r\n      letter-spacing: -0.02em;\r\n    }\r\n\r\n    .about-quality h2 span { color: var(--qc-blue); }\r\n\r\n    .about-quality__lead {\r\n      max-width: 52ch;\r\n      margin: 12px 0 0;\r\n      color: #4d5a6d;\r\n      font-size: 15px;\r\n      line-height: 1.55;\r\n    }\r\n\r\n    \/* right-side \"dossier stamp\" panel *\/\r\n    .about-quality__stamp {\r\n      position: relative;\r\n      padding: 20px 22px 18px;\r\n      background: var(--qc-navy);\r\n      color: #fff;\r\n      box-shadow: 0 24px 50px rgba(10, 22, 40, 0.22);\r\n      overflow: hidden;\r\n    }\r\n\r\n    .about-quality__stamp::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -40px;\r\n      top: -40px;\r\n      width: 140px;\r\n      height: 140px;\r\n      border: 2px dashed rgba(142, 197, 255, 0.35);\r\n      border-radius: 50%;\r\n      transform: rotate(12deg);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .about-quality__stamp::after {\r\n      content: \"EXPORT\\A READY\";\r\n      white-space: pre;\r\n      position: absolute;\r\n      right: 18px;\r\n      top: 22px;\r\n      width: 72px;\r\n      height: 72px;\r\n      display: grid;\r\n      place-items: center;\r\n      border: 2px solid rgba(142, 197, 255, 0.55);\r\n      border-radius: 50%;\r\n      color: #8ec5ff;\r\n      font-size: 10px;\r\n      font-weight: 800;\r\n      letter-spacing: 0.08em;\r\n      line-height: 1.2;\r\n      text-align: center;\r\n      transform: rotate(8deg);\r\n      opacity: 0.9;\r\n    }\r\n\r\n    .about-quality__stamp-kicker {\r\n      margin: 0 0 10px;\r\n      color: #8ec5ff;\r\n      font-size: 12px;\r\n      font-weight: 800;\r\n      letter-spacing: 0.14em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .about-quality__stamp p {\r\n      margin: 0;\r\n      max-width: 32ch;\r\n      color: rgba(255, 255, 255, 0.86);\r\n      font-size: 13px;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    .about-quality__stamp strong {\r\n      display: block;\r\n      margin-top: 16px;\r\n      color: #fff;\r\n      font-size: 13px;\r\n      font-weight: 700;\r\n      letter-spacing: 0.04em;\r\n    }\r\n\r\n    \/* dossier cards *\/\r\n    .about-quality__grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(6, minmax(0, 1fr));\r\n      gap: 16px;\r\n      overflow: visible;\r\n    }\r\n\r\n    .about-quality__card {\r\n      position: relative;\r\n      grid-column: span 2;\r\n      min-height: 0;\r\n      height: 100%;\r\n      padding: 20px 18px 16px;\r\n      background: #fff;\r\n      border: 1px solid var(--qc-line);\r\n      box-shadow: 0 14px 36px rgba(18, 43, 74, 0.06);\r\n      overflow: hidden;\r\n      transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;\r\n    }\r\n\r\n    .about-quality__card:hover {\r\n      transform: translateY(-4px);\r\n      border-color: rgba(11, 85, 173, 0.28);\r\n      box-shadow: 0 22px 48px rgba(18, 43, 74, 0.12);\r\n    }\r\n\r\n    \/* paper corner fold *\/\r\n    .about-quality__card::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      width: 0;\r\n      height: 0;\r\n      border-style: solid;\r\n      border-width: 0 28px 28px 0;\r\n      border-color: transparent #e8eef6 transparent transparent;\r\n    }\r\n\r\n    .about-quality__card::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      width: 0;\r\n      height: 0;\r\n      border-style: solid;\r\n      border-width: 0 28px 28px 0;\r\n      border-color: transparent transparent rgba(11, 85, 173, 0.08) transparent;\r\n      transform: translate(-1px, 1px);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .about-quality__card--wide {\r\n      grid-column: span 3;\r\n    }\r\n\r\n    \/* Top row (OEKO \/ SGS): left text + right certificate *\/\r\n    .about-quality__card--wide.about-quality__card--with-cert {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1fr) minmax(132px, 38%);\r\n      gap: 14px 18px;\r\n      align-items: stretch;\r\n    }\r\n\r\n    .about-quality__card--wide.about-quality__card--with-cert .about-quality__body {\r\n      min-width: 0;\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .about-quality__card--wide.about-quality__card--with-cert .about-quality__cert {\r\n      align-self: stretch;\r\n      height: 100%;\r\n      display: flex;\r\n      flex-direction: column;\r\n      margin-top: 0;\r\n    }\r\n\r\n    .about-quality__card--wide.about-quality__card--with-cert .about-quality__cert-frame {\r\n      flex: 1 1 auto;\r\n      height: auto;\r\n      min-height: 168px;\r\n    }\r\n\r\n    \/* Bottom row (MSDS \/ Intertek \/ Transport): text above, cert below *\/\r\n    .about-quality__card--third.about-quality__card--with-cert {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 12px;\r\n      align-items: stretch;\r\n    }\r\n\r\n    .about-quality__card--third.about-quality__card--with-cert .about-quality__body {\r\n      min-width: 0;\r\n      flex: 1 1 auto;\r\n    }\r\n\r\n    .about-quality__card--third.about-quality__card--with-cert .about-quality__cert {\r\n      margin-top: auto;\r\n    }\r\n\r\n    .about-quality__card--with-cert h3 {\r\n      margin: 0 0 8px;\r\n      font-size: 18px;\r\n      line-height: 1.2;\r\n    }\r\n\r\n    .about-quality__card--with-cert p {\r\n      margin: 0;\r\n      font-size: 13px;\r\n      line-height: 1.45;\r\n      display: -webkit-box;\r\n      -webkit-line-clamp: 3;\r\n      -webkit-box-orient: vertical;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .about-quality__card--with-cert .about-quality__meta {\r\n      margin-top: 10px;\r\n    }\r\n\r\n    .about-quality__cert {\r\n      position: relative;\r\n      flex: 0 0 auto;\r\n      width: 100%;\r\n      margin: 0;\r\n      padding: 0;\r\n      border: 0;\r\n      background: transparent;\r\n      text-align: left;\r\n      font: inherit;\r\n      color: inherit;\r\n      cursor: zoom-in;\r\n    }\r\n\r\n    .about-quality__cert-frame {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      height: 140px;\r\n      padding: 8px;\r\n      background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);\r\n      border: 1px solid rgba(16, 29, 54, 0.12);\r\n      box-shadow: 0 8px 18px rgba(18, 43, 74, 0.08);\r\n      transition: border-color 0.2s ease, box-shadow 0.2s ease;\r\n    }\r\n\r\n    .about-quality__cert:hover .about-quality__cert-frame,\r\n    .about-quality__cert:focus-visible .about-quality__cert-frame {\r\n      border-color: rgba(11, 85, 173, 0.35);\r\n      box-shadow: 0 12px 26px rgba(18, 43, 74, 0.12);\r\n    }\r\n\r\n    .about-quality__cert:focus-visible {\r\n      outline: 2px solid var(--qc-bright, #176df3);\r\n      outline-offset: 3px;\r\n    }\r\n\r\n    .about-quality__cert img {\r\n      display: block;\r\n      width: 100%;\r\n      height: 100%;\r\n      max-height: 132px;\r\n      object-fit: contain;\r\n      object-position: center center;\r\n      background: #fff;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .about-quality__cert-caption {\r\n      display: block;\r\n      margin-top: 6px;\r\n      color: #5c6878;\r\n      font-size: 10px;\r\n      font-weight: 700;\r\n      letter-spacing: 0.06em;\r\n      text-align: center;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    \/* Fullscreen certificate lightbox \u2014 always under body (see JS) *\/\r\n    .about-lightbox {\r\n      position: fixed !important;\r\n      inset: 0 !important;\r\n      z-index: 2147483000 !important;\r\n      display: none;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 28px;\r\n      box-sizing: border-box;\r\n      background: rgba(8, 14, 28, 0.9);\r\n      -webkit-backdrop-filter: blur(6px);\r\n      backdrop-filter: blur(6px);\r\n      opacity: 0;\r\n      visibility: hidden;\r\n      pointer-events: none;\r\n      transition: opacity 0.22s ease, visibility 0.22s ease;\r\n      -webkit-tap-highlight-color: transparent;\r\n    }\r\n\r\n    .about-lightbox[hidden] {\r\n      display: none !important;\r\n    }\r\n\r\n    .about-lightbox.is-open {\r\n      display: flex !important;\r\n      opacity: 1;\r\n      visibility: visible;\r\n      pointer-events: auto;\r\n    }\r\n\r\n    .about-lightbox__dialog {\r\n      position: relative;\r\n      z-index: 1;\r\n      width: auto;\r\n      max-width: min(920px, 100%);\r\n      max-height: min(92vh, 100%);\r\n      margin: 0;\r\n      padding: 14px;\r\n      background: #fff;\r\n      box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45);\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .about-lightbox__dialog img {\r\n      display: block;\r\n      width: auto;\r\n      height: auto;\r\n      max-width: min(860px, calc(100vw - 80px));\r\n      max-height: calc(92vh - 48px);\r\n      object-fit: contain;\r\n      background: #fff;\r\n      -webkit-user-select: none;\r\n      user-select: none;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .about-lightbox__close {\r\n      position: fixed;\r\n      top: max(10px, env(safe-area-inset-top, 0px));\r\n      right: max(10px, env(safe-area-inset-right, 0px));\r\n      z-index: 2147483001;\r\n      display: grid;\r\n      place-items: center;\r\n      width: 48px;\r\n      height: 48px;\r\n      padding: 0;\r\n      border: 0;\r\n      border-radius: 50%;\r\n      color: #fff;\r\n      background: rgba(8, 14, 28, 0.82);\r\n      font-size: 28px;\r\n      font-weight: 400;\r\n      line-height: 1;\r\n      cursor: pointer;\r\n      touch-action: manipulation;\r\n      transition: background 0.2s ease, transform 0.2s ease;\r\n    }\r\n\r\n    .about-lightbox__close:hover,\r\n    .about-lightbox__close:focus-visible {\r\n      background: #0b55ad;\r\n      outline: none;\r\n      transform: scale(1.05);\r\n    }\r\n\r\n    body.about-lightbox-open {\r\n      overflow: hidden !important;\r\n      touch-action: none;\r\n    }\r\n\r\n    .about-quality__cert {\r\n      touch-action: manipulation;\r\n      -webkit-tap-highlight-color: rgba(11, 85, 173, 0.15);\r\n    }\r\n\r\n    @media (max-width: 720px) {\r\n      .about-quality__card--wide.about-quality__card--with-cert {\r\n        grid-template-columns: 1fr;\r\n        gap: 12px;\r\n      }\r\n\r\n      .about-quality__card--wide.about-quality__card--with-cert .about-quality__cert-frame {\r\n        min-height: 0;\r\n        height: 140px;\r\n      }\r\n\r\n      .about-quality__cert-frame {\r\n        height: 132px;\r\n      }\r\n\r\n      .about-lightbox {\r\n        padding: 12px;\r\n        align-items: center;\r\n      }\r\n\r\n      .about-lightbox__dialog {\r\n        width: 100%;\r\n        max-width: 100%;\r\n        max-height: min(88dvh, 100%);\r\n        padding: 10px;\r\n      }\r\n\r\n      .about-lightbox__dialog img {\r\n        width: 100%;\r\n        max-width: 100%;\r\n        max-height: calc(88dvh - 40px);\r\n        height: auto;\r\n      }\r\n\r\n      .about-lightbox__close {\r\n        top: max(8px, env(safe-area-inset-top, 0px));\r\n        right: max(8px, env(safe-area-inset-right, 0px));\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .about-lightbox {\r\n        transition: none;\r\n      }\r\n    }\r\n\r\n\r\n    .about-quality__card--third {\r\n      grid-column: span 2;\r\n    }\r\n\r\n    .about-quality__card--third h3 {\r\n      font-size: 16px;\r\n    }\r\n\r\n    .about-quality__seal {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    .about-quality__mark {\r\n      position: relative;\r\n      flex: 0 0 44px;\r\n      width: 44px;\r\n      height: 44px;\r\n      display: grid;\r\n      place-items: center;\r\n      border-radius: 50%;\r\n      color: #fff;\r\n      font-size: 9px;\r\n      font-weight: 800;\r\n      letter-spacing: 0.02em;\r\n      text-align: center;\r\n      line-height: 1.05;\r\n      box-shadow: 0 8px 20px rgba(11, 85, 173, 0.22);\r\n    }\r\n\r\n    .about-quality__mark--oeko {\r\n      background: conic-gradient(from 210deg, #0b55ad, #176df3, #0a3d7a, #0b55ad);\r\n    }\r\n    .about-quality__mark--sgs {\r\n      background: conic-gradient(from 200deg, #0c4a6e, #0284c7, #0369a1, #0c4a6e);\r\n      font-size: 14px;\r\n      letter-spacing: 0.06em;\r\n    }\r\n    .about-quality__mark--msds {\r\n      background: conic-gradient(from 120deg, #0d4a2f, #1a9b63, #0b3d28, #0d4a2f);\r\n    }\r\n    .about-quality__mark--intertek {\r\n      background: conic-gradient(from 40deg, #5a2d0c, #d97706, #7c3a0d, #5a2d0c);\r\n      font-size: 9px;\r\n    }\r\n    .about-quality__mark--transport {\r\n      background: conic-gradient(from 300deg, #1e293b, #475569, #0f172a, #1e293b);\r\n      font-size: 10px;\r\n    }\r\n\r\n    .about-quality__doc-type {\r\n      display: inline-block;\r\n      padding: 4px 8px;\r\n      color: var(--qc-blue);\r\n      background: rgba(11, 85, 173, 0.08);\r\n      border: 1px solid rgba(11, 85, 173, 0.12);\r\n      font-size: 10px;\r\n      font-weight: 800;\r\n      letter-spacing: 0.08em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .about-quality__card h3 {\r\n      margin: 0 0 8px;\r\n      color: var(--qc-ink);\r\n      font-size: 18px;\r\n      font-weight: 800;\r\n      line-height: 1.2;\r\n    }\r\n\r\n    .about-quality__card p {\r\n      margin: 0;\r\n      color: #566174;\r\n      font-size: 13px;\r\n      line-height: 1.45;\r\n    }\r\n\r\n    .about-quality__meta {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 6px;\r\n      margin-top: 10px;\r\n    }\r\n\r\n    .about-quality__chip {\r\n      padding: 5px 10px;\r\n      color: #3d4b5f;\r\n      background: var(--qc-paper);\r\n      border: 1px solid rgba(16, 29, 54, 0.08);\r\n      font-size: 11px;\r\n      font-weight: 700;\r\n    }\r\n\r\n    .about-quality__foot {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 14px 24px;\r\n      margin-top: 20px;\r\n      padding: 16px 20px;\r\n      background: rgba(255, 255, 255, 0.72);\r\n      border: 1px solid var(--qc-line);\r\n      backdrop-filter: blur(8px);\r\n    }\r\n\r\n    .about-quality__foot p {\r\n      margin: 0;\r\n      max-width: 62ch;\r\n      color: #4d5a6d;\r\n      font-size: 14px;\r\n      line-height: 1.55;\r\n    }\r\n\r\n    .about-quality__foot a {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      min-height: 46px;\r\n      padding: 0 20px;\r\n      color: #fff;\r\n      background: var(--qc-bright);\r\n      border: 2px solid var(--qc-bright);\r\n      font-size: 14px;\r\n      font-weight: 800;\r\n      text-decoration: none;\r\n      white-space: nowrap;\r\n      transition: background 0.2s ease, border-color 0.2s ease;\r\n    }\r\n\r\n    .about-quality__foot a:hover {\r\n      background: var(--qc-blue);\r\n      border-color: var(--qc-blue);\r\n    }\r\n\r\n    @media (max-width: 980px) {\r\n      .about-quality__top {\r\n        grid-template-columns: 1fr;\r\n        gap: 24px;\r\n      }\r\n\r\n      .about-quality__grid {\r\n        grid-template-columns: 1fr 1fr;\r\n      }\r\n\r\n      .about-quality__card,\r\n      .about-quality__card--wide,\r\n      .about-quality__card--third {\r\n        grid-column: span 1;\r\n      }\r\n\r\n      .about-quality__inner {\r\n        width: min(calc(100% - 40px), 720px);\r\n        padding: 64px 0 72px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 640px) {\r\n      .about-quality__grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .about-quality__inner {\r\n        width: calc(100% - 28px);\r\n        padding: 52px 0 60px;\r\n      }\r\n\r\n      .about-quality h2 {\r\n        max-width: none;\r\n        font-size: 30px;\r\n      }\r\n\r\n      .about-quality__stamp::after {\r\n        width: 64px;\r\n        height: 64px;\r\n        font-size: 9px;\r\n      }\r\n\r\n      .about-quality__foot {\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n        padding: 18px;\r\n      }\r\n\r\n      .about-quality__foot a {\r\n        width: 100%;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .about-quality__card { transition: none; }\r\n    }\r\n\r\n    \/* =========================================================\r\n       MODULE 6 \u2014 JINLONG GLOBAL SERVICE\r\n       Horizontal process cards: 6 total, 4 visible, bottom nav\r\n       Image on top, text below (case-style white cards)\r\n       ========================================================= *\/\r\n    .about-service {\r\n      --svc-blue: #2f85ff;\r\n      --svc-blue-deep: #0b55ad;\r\n      --svc-ink: #101828;\r\n      --svc-muted: #667085;\r\n      --svc-soft: #f4f7fc;\r\n      --svc-line: #e6edf6;\r\n      --svc-ring: #d7e8ff;\r\n      position: relative;\r\n      isolation: isolate;\r\n      overflow: hidden;\r\n      scroll-margin-top: 86px;\r\n      background: linear-gradient(180deg, #f7f9fc 0%, #ffffff 42%, #f7f9fc 100%);\r\n      color: var(--svc-ink);\r\n    }\r\n\r\n    .about-service__inner {\r\n      \/* full-bleed section content *\/\r\n      width: 100%;\r\n      max-width: none;\r\n      margin: 0;\r\n      padding: 80px 0 88px;\r\n    }\r\n\r\n    .about-service__head {\r\n      width: min(calc(100% - 48px), 1400px);\r\n      max-width: 1400px;\r\n      margin: 0 auto 40px;\r\n    }\r\n\r\n    .about-service__eyebrow {\r\n      margin: 0 0 12px;\r\n      color: var(--svc-blue-deep);\r\n      font-size: 12px;\r\n      font-weight: 800;\r\n      letter-spacing: 0.16em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .about-service__eyebrow::after {\r\n      content: \"\";\r\n      display: block;\r\n      width: 48px;\r\n      height: 3px;\r\n      margin-top: 12px;\r\n      background: var(--svc-blue-deep);\r\n    }\r\n\r\n    .about-service__head h2 {\r\n      margin: 0;\r\n      color: var(--svc-ink);\r\n      font-size: clamp(30px, 3.2vw, 42px);\r\n      font-weight: 800;\r\n      line-height: 1.12;\r\n      letter-spacing: -0.02em;\r\n    }\r\n\r\n    .about-service__lead {\r\n      margin: 14px 0 0;\r\n      max-width: 56ch;\r\n      color: var(--svc-muted);\r\n      font-size: 16px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .about-service__board {\r\n      position: relative;\r\n      overflow: hidden;\r\n      width: 100%;\r\n    }\r\n\r\n    .about-service__viewport {\r\n      overflow: hidden;\r\n      width: 100%;\r\n      padding: 0 clamp(16px, 3vw, 48px);\r\n      box-sizing: border-box;\r\n      container-type: inline-size;\r\n      container-name: service-viewport;\r\n    }\r\n\r\n    .about-service__track {\r\n      display: flex;\r\n      gap: 20px;\r\n      width: max-content;\r\n      list-style: none;\r\n      margin: 0;\r\n      padding: 8px 0 12px;\r\n      transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);\r\n      will-change: transform;\r\n    }\r\n\r\n    .about-service__step {\r\n      \/* 4 visible: (100% - 3 gaps) \/ 4 ; gap = 20px *\/\r\n      flex: 0 0 calc((100cqi - 60px) \/ 4);\r\n      width: calc((100cqi - 60px) \/ 4);\r\n      min-width: 0;\r\n      margin: 0;\r\n      list-style: none;\r\n    }\r\n\r\n    .about-service__card {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: stretch;\r\n      height: 100%;\r\n      min-height: 0;\r\n      padding: 0;\r\n      overflow: hidden;\r\n      background: #fff;\r\n      border: 1px solid var(--svc-line);\r\n      border-radius: 8px;\r\n      box-shadow: 0 14px 36px rgba(16, 24, 40, 0.06);\r\n      text-align: left;\r\n      transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;\r\n    }\r\n\r\n    .about-service__card:hover {\r\n      transform: translateY(-4px);\r\n      border-color: rgba(47, 133, 255, 0.35);\r\n      box-shadow: 0 20px 48px rgba(16, 24, 40, 0.1);\r\n    }\r\n\r\n    \/* top landscape image \u2014 same width on every card *\/\r\n    .about-service__media {\r\n      position: relative;\r\n      width: 100%;\r\n      aspect-ratio: 16 \/ 10;\r\n      margin: 0;\r\n      overflow: hidden;\r\n      border-radius: 0;\r\n      background: var(--svc-soft);\r\n      border: 0;\r\n      box-shadow: none;\r\n      flex: 0 0 auto;\r\n    }\r\n\r\n    .about-service__media img {\r\n      display: block;\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      object-position: center center;\r\n    }\r\n\r\n    .about-service__num {\r\n      display: block;\r\n      margin: 0 0 8px;\r\n      color: var(--svc-blue);\r\n      font-size: 13px;\r\n      font-weight: 800;\r\n      letter-spacing: 0.12em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .about-service__card h3 {\r\n      margin: 0 0 10px;\r\n      padding: 0;\r\n      color: var(--svc-ink);\r\n      font-size: 17px;\r\n      font-weight: 800;\r\n      line-height: 1.25;\r\n    }\r\n\r\n    .about-service__card p {\r\n      margin: 0;\r\n      color: var(--svc-muted);\r\n      font-size: 13px;\r\n      line-height: 1.55;\r\n    }\r\n\r\n    .about-service__card .about-service__num,\r\n    .about-service__card h3,\r\n    .about-service__card p {\r\n      padding-left: 18px;\r\n      padding-right: 18px;\r\n    }\r\n\r\n    .about-service__card .about-service__num {\r\n      margin-top: 16px;\r\n    }\r\n\r\n    .about-service__card p {\r\n      padding-bottom: 20px;\r\n    }\r\n\r\n    .about-service__card p strong {\r\n      color: var(--svc-ink);\r\n      font-weight: 800;\r\n    }\r\n\r\n    \/* bottom switcher \u2014 arrows + plain dots (no numbers) *\/\r\n    .about-service__nav {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 16px;\r\n      width: min(calc(100% - 48px), 1400px);\r\n      margin: 28px auto 0;\r\n      padding-top: 8px;\r\n    }\r\n\r\n    .about-service__pager {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n    }\r\n\r\n    .about-service__btn {\r\n      display: inline-grid;\r\n      place-items: center;\r\n      width: 40px;\r\n      height: 40px;\r\n      padding: 0;\r\n      border: 1px solid var(--svc-line);\r\n      border-radius: 50%;\r\n      background: #fff;\r\n      color: var(--svc-blue-deep);\r\n      font-size: 18px;\r\n      font-weight: 700;\r\n      line-height: 1;\r\n      cursor: pointer;\r\n      transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;\r\n    }\r\n\r\n    .about-service__btn:hover:not(:disabled),\r\n    .about-service__btn:focus-visible {\r\n      background: var(--svc-blue-deep);\r\n      border-color: var(--svc-blue-deep);\r\n      color: #fff;\r\n      outline: none;\r\n    }\r\n\r\n    .about-service__btn:disabled {\r\n      opacity: 0.35;\r\n      cursor: not-allowed;\r\n    }\r\n\r\n    .about-service__dots {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      margin: 0 4px;\r\n    }\r\n\r\n    .about-service__dot {\r\n      display: inline-block;\r\n      width: 10px;\r\n      height: 10px;\r\n      min-width: 10px;\r\n      padding: 0;\r\n      border: 0;\r\n      border-radius: 50%;\r\n      background: #c9d5e6;\r\n      color: transparent;\r\n      font-size: 0;\r\n      line-height: 0;\r\n      cursor: pointer;\r\n      transition: background 0.2s ease, transform 0.2s ease;\r\n    }\r\n\r\n    .about-service__dot:hover,\r\n    .about-service__dot:focus-visible {\r\n      background: rgba(11, 85, 173, 0.45);\r\n      outline: none;\r\n      transform: scale(1.12);\r\n    }\r\n\r\n    .about-service__dot.is-active {\r\n      background: var(--svc-blue-deep);\r\n      transform: scale(1.15);\r\n    }\r\n\r\n    .about-service__cta {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      min-height: 44px;\r\n      padding: 0 18px;\r\n      border: 1px solid var(--svc-blue-deep);\r\n      border-radius: 999px;\r\n      background: #fff;\r\n      color: var(--svc-blue-deep);\r\n      font-size: 14px;\r\n      font-weight: 800;\r\n      text-decoration: none;\r\n      transition: background 0.2s ease, color 0.2s ease;\r\n    }\r\n\r\n    .about-service__cta:hover {\r\n      background: var(--svc-blue-deep);\r\n      color: #fff;\r\n    }\r\n\r\n\r\n    @media (max-width: 1100px) {\r\n      .about-service__step {\r\n        flex-basis: calc((100cqi - 40px) \/ 3);\r\n        width: calc((100cqi - 40px) \/ 3);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n      .about-service__inner {\r\n        padding: 64px 0 72px;\r\n      }\r\n\r\n      .about-service__step {\r\n        flex-basis: calc((100cqi - 20px) \/ 2);\r\n        width: calc((100cqi - 20px) \/ 2);\r\n      }\r\n\r\n      .about-service__media {\r\n        aspect-ratio: 16 \/ 10;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 640px) {\r\n      .about-service__inner {\r\n        padding: 52px 0 60px;\r\n      }\r\n\r\n      .about-service__head {\r\n        width: calc(100% - 28px);\r\n      }\r\n\r\n      .about-service__step {\r\n        flex-basis: 100cqi;\r\n        width: 100cqi;\r\n      }\r\n\r\n      .about-service__nav {\r\n        width: calc(100% - 28px);\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n      }\r\n\r\n      .about-service__pager {\r\n        justify-content: center;\r\n      }\r\n\r\n      .about-service__cta {\r\n        justify-content: center;\r\n      }\r\n\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .about-service__track {\r\n        transition: none;\r\n      }\r\n\r\n      .about-service__card {\r\n        transition: none;\r\n      }\r\n\r\n      .about-service__card:hover {\r\n        transform: none;\r\n      }\r\n    }\r\n\r\n    \/* =========================================================\r\n       MODULE 7 \u2014 CTA\r\n       ========================================================= *\/\r\n    .about-cta {\r\n      background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);\r\n    }\r\n\r\n    .about-cta__inner {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);\r\n      gap: 40px 56px;\r\n      align-items: center;\r\n      width: min(calc(100% - 72px), 1200px);\r\n      margin: 0 auto;\r\n      padding: 72px 0 88px;\r\n    }\r\n\r\n    .about-cta h2 {\r\n      margin: 0;\r\n      color: var(--jl-dark);\r\n      font-size: clamp(28px, 3vw, 40px);\r\n      font-weight: 800;\r\n      line-height: 1.12;\r\n    }\r\n\r\n    .about-cta__lead {\r\n      margin: 16px 0 0;\r\n      max-width: 520px;\r\n      color: var(--jl-muted);\r\n      font-size: 16px;\r\n      line-height: 1.65;\r\n    }\r\n\r\n    .about-cta__actions {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 12px;\r\n      margin-top: 28px;\r\n    }\r\n\r\n    .about-cta__btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      min-height: 50px;\r\n      padding: 0 24px;\r\n      border-radius: 4px;\r\n      font-size: 15px;\r\n      font-weight: 800;\r\n      text-decoration: none;\r\n      transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;\r\n    }\r\n\r\n    .about-cta__btn--primary {\r\n      color: #fff;\r\n      background: var(--jl-blue-bright);\r\n      border: 2px solid var(--jl-blue-bright);\r\n    }\r\n\r\n    .about-cta__btn--primary:hover {\r\n      background: #0b55ad;\r\n      border-color: #0b55ad;\r\n    }\r\n\r\n    .about-cta__btn--ghost {\r\n      color: var(--jl-blue);\r\n      background: #fff;\r\n      border: 2px solid var(--jl-blue);\r\n    }\r\n\r\n    .about-cta__btn--ghost:hover {\r\n      background: var(--jl-blue-soft);\r\n    }\r\n\r\n    .about-cta__panel {\r\n      padding: 28px 30px;\r\n      background: #fff;\r\n      border: 1px solid var(--jl-line);\r\n      box-shadow: 0 18px 44px rgba(18, 43, 74, 0.07);\r\n    }\r\n\r\n    .about-cta__panel h3 {\r\n      margin: 0 0 16px;\r\n      color: var(--jl-dark);\r\n      font-size: 18px;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .about-cta__list {\r\n      margin: 0;\r\n      padding: 0;\r\n      list-style: none;\r\n    }\r\n\r\n    .about-cta__list li {\r\n      position: relative;\r\n      padding: 10px 0 10px 28px;\r\n      color: var(--jl-soft);\r\n      font-size: 15px;\r\n      line-height: 1.5;\r\n      border-bottom: 1px solid #eef2f7;\r\n    }\r\n\r\n    .about-cta__list li:last-child { border-bottom: 0; }\r\n\r\n    .about-cta__list li::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 0;\r\n      top: 16px;\r\n      width: 12px;\r\n      height: 12px;\r\n      border-radius: 50%;\r\n      background: var(--jl-blue-soft);\r\n      border: 3px solid var(--jl-blue);\r\n    }\r\n\r\n    \/* ---------- Responsive ---------- *\/\r\n    @media (min-width: 1280px) {\r\n      .about-hero {\r\n        min-height: 0;\r\n        aspect-ratio: auto;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 980px) {\r\n      .about-timeline {\r\n        --tl-card-w: 270px;\r\n        --tl-gap: 36px;\r\n        --tl-img-h: 160px;\r\n      }\r\n\r\n      .about-timeline__head { padding-top: 48px; }\r\n\r\n      .about-stats__inner {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        gap: 8px 0;\r\n        padding: 28px 0;\r\n      }\r\n\r\n      .about-stats__item {\r\n        border-right: 0;\r\n        border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n        padding: 16px 12px;\r\n      }\r\n\r\n      .about-stats__item:nth-child(odd) {\r\n        border-right: 1px solid rgba(255, 255, 255, 0.1);\r\n      }\r\n\r\n      .about-stats__item:nth-last-child(-n + 2) { border-bottom: 0; }\r\n\r\n      .about-stats__item:last-child {\r\n        grid-column: 1 \/ -1;\r\n        border-right: 0;\r\n        border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n        border-bottom: 0;\r\n      }\r\n\r\n      .about-cta__inner {\r\n        grid-template-columns: 1fr;\r\n        width: min(calc(100% - 40px), 680px);\r\n        padding: 56px 0 64px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n      .about-hero { min-height: 0; }\r\n\r\n      .about-hero__banner {\r\n        object-position: 61% center;\r\n        filter: saturate(0.98) contrast(1.02);\r\n      }\r\n\r\n      .about-hero::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: 1;\r\n        background:\r\n          linear-gradient(90deg, rgba(247, 250, 253, 0.98) 0%, rgba(247, 250, 253, 0.94) 54%, rgba(247, 250, 253, 0.55) 100%),\r\n          linear-gradient(180deg, rgba(247, 250, 253, 0.12) 0%, rgba(247, 250, 253, 0.86) 68%, rgba(247, 250, 253, 0.98) 100%);\r\n      }\r\n\r\n      .about-hero__mobile-copy {\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: 2;\r\n        display: flex;\r\n        min-height: 0;\r\n        height: 100%;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        max-width: 520px;\r\n        padding: 44px 28px;\r\n        box-sizing: border-box;\r\n      }\r\n\r\n      .about-hero__eyebrow {\r\n        margin: 0 0 14px;\r\n        color: #153b68;\r\n        font-size: 12px;\r\n        font-weight: 700;\r\n        letter-spacing: 0.02em;\r\n        text-transform: uppercase;\r\n      }\r\n\r\n      .about-hero__eyebrow::after {\r\n        content: \"\";\r\n        display: block;\r\n        width: 42px;\r\n        height: 3px;\r\n        margin-top: 10px;\r\n        background: var(--jl-blue);\r\n      }\r\n\r\n      .about-hero__title {\r\n        margin: 0;\r\n        font-size: clamp(46px, 15vw, 84px);\r\n        font-weight: 800;\r\n        line-height: 0.95;\r\n        letter-spacing: 0;\r\n      }\r\n\r\n      .about-hero__title span { color: var(--jl-blue); }\r\n\r\n      .about-hero__subtitle {\r\n        margin: 14px 0 0;\r\n        max-width: 470px;\r\n        color: #1f2733;\r\n        font-size: 24px;\r\n        font-weight: 500;\r\n        line-height: 1.22;\r\n      }\r\n\r\n      .about-hero__desc {\r\n        margin: 16px 0 0;\r\n        max-width: 430px;\r\n        color: var(--jl-muted);\r\n        font-size: 15px;\r\n        line-height: 1.55;\r\n      }\r\n\r\n      .about-hero__proof {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 14px;\r\n        max-width: 390px;\r\n        margin-top: 30px;\r\n      }\r\n\r\n      .about-hero__proof-item {\r\n        padding: 12px 0;\r\n        border-top: 1px solid var(--jl-line-soft);\r\n      }\r\n\r\n      .about-hero__proof-item strong {\r\n        display: block;\r\n        color: var(--jl-blue);\r\n        font-size: 28px;\r\n        line-height: 1;\r\n      }\r\n\r\n      .about-hero__proof-item span {\r\n        display: block;\r\n        margin-top: 6px;\r\n        color: #1e2632;\r\n        font-size: 12px;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n      }\r\n\r\n      .about-who__inner {\r\n        grid-template-columns: 1fr;\r\n        gap: 34px;\r\n        width: min(calc(100% - 36px), 680px);\r\n        padding: 56px 0 62px;\r\n      }\r\n\r\n      .about-who h2 {\r\n        font-size: 34px;\r\n        line-height: 1.05;\r\n      }\r\n\r\n      .about-who__lead {\r\n        font-size: 16px;\r\n        line-height: 1.6;\r\n      }\r\n\r\n      .about-who__media {\r\n        min-height: 430px;\r\n        order: 2;\r\n      }\r\n\r\n      .about-who__proof {\r\n        grid-template-columns: 1fr;\r\n        order: 3;\r\n        margin-top: 0;\r\n      }\r\n\r\n      .about-who__proof-item { min-height: auto; }\r\n\r\n      .about-who__caption {\r\n        left: 18px;\r\n        right: 18px;\r\n        bottom: 18px;\r\n        width: auto;\r\n      }\r\n\r\n      .about-timeline__head {\r\n        width: min(calc(100% - 36px), 680px);\r\n        padding-top: 40px;\r\n      }\r\n\r\n      .about-timeline__desc { display: none; }\r\n    }\r\n\r\n    @media (max-width: 520px) {\r\n      .about-hero { min-height: 0; }\r\n\r\n      .about-hero__banner { object-position: 64% center; }\r\n\r\n      .about-hero__mobile-copy {\r\n        min-height: 0;\r\n        height: 100%;\r\n        padding: 36px 22px 46px;\r\n      }\r\n\r\n      .about-hero__subtitle { font-size: 20px; }\r\n\r\n      .about-who__inner {\r\n        width: calc(100% - 32px);\r\n        padding: 48px 0 54px;\r\n      }\r\n\r\n      .about-who h2 { font-size: 30px; }\r\n\r\n      .about-who__body { font-size: 15px; }\r\n\r\n      .about-who__media { min-height: 360px; }\r\n\r\n      .about-who__caption {\r\n        left: 16px;\r\n        right: 16px;\r\n        bottom: 16px;\r\n      }\r\n\r\n      .about-timeline {\r\n        --tl-card-w: 240px;\r\n        --tl-gap: 24px;\r\n        --tl-img-h: 140px;\r\n      }\r\n\r\n      .about-timeline__head {\r\n        width: calc(100% - 28px);\r\n        padding-top: 36px;\r\n        text-align: left;\r\n      }\r\n\r\n      .about-timeline__lead { font-size: 14px; }\r\n\r\n      .about-timeline__head .jl-eyebrow::after { margin-left: 0; }\r\n\r\n      .about-timeline__lead { margin-left: 0; }\r\n\r\n      .about-timeline__head h2 { font-size: 28px; }\r\n\r\n      .about-timeline__meta { justify-content: flex-start; }\r\n\r\n      .about-timeline__year { font-size: 26px; }\r\n\r\n      .about-timeline__title { font-size: 15px; }\r\n\r\n      .about-timeline__desc { font-size: 13px; }\r\n\r\n      .about-stats__inner {\r\n        grid-template-columns: 1fr;\r\n        width: calc(100% - 24px);\r\n      }\r\n\r\n      .about-stats__item,\r\n      .about-stats__item:nth-child(odd),\r\n      .about-stats__item:last-child {\r\n        border-right: 0;\r\n        border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n        grid-column: auto;\r\n        border-top: 0;\r\n      }\r\n\r\n      .about-stats__item:last-child { border-bottom: 0; }\r\n\r\n      .about-cta__inner {\r\n        width: calc(100% - 28px);\r\n        padding: 48px 0 56px;\r\n      }\r\n\r\n      .about-cta__actions { flex-direction: column; }\r\n\r\n      .about-cta__btn { width: 100%; }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      html { scroll-behavior: auto; }\r\n      .about-timeline__item--now .about-timeline__dot { animation: none; }\r\n      .about-timeline__media img { transition: none; }\r\n    }\r\n  \r\n    .about-timeline__nav {\r\n      display: flex;\r\n      justify-content: center;\r\n      gap: 10px;\r\n      margin-top: 18px;\r\n    }\r\n    .about-timeline__nav-btn {\r\n      display: inline-grid;\r\n      place-items: center;\r\n      width: 40px;\r\n      height: 40px;\r\n      padding: 0;\r\n      border: 1px solid rgba(11, 85, 173, 0.25);\r\n      background: #fff;\r\n      color: var(--jl-blue, #0b55ad);\r\n      font-size: 22px;\r\n      font-weight: 700;\r\n      line-height: 1;\r\n      cursor: pointer;\r\n      transition: background .2s ease, color .2s ease, border-color .2s ease;\r\n    }\r\n    .about-timeline__nav-btn:hover:not(:disabled) {\r\n      background: var(--jl-blue, #0b55ad);\r\n      border-color: var(--jl-blue, #0b55ad);\r\n      color: #fff;\r\n    }\r\n    .about-timeline__nav-btn:disabled {\r\n      opacity: .35;\r\n      cursor: not-allowed;\r\n    }\r\n    .about-timeline__scroller {\r\n      overflow-x: auto !important;\r\n      overflow-y: hidden !important;\r\n      touch-action: pan-x;\r\n    }\r\n\r\n  \r\n    \/* JL-FULLBLEED-HERO-TIMELINE *\/\r\n    \/* Hero: landscape banner follows page width, hard-cap 1920px, centered *\/\r\n    .about-hero {\r\n      width: min(100%, 1920px) !important;\r\n      max-width: 1920px !important;\r\n      position: relative;\r\n      left: auto;\r\n      right: auto;\r\n      transform: none;\r\n      margin-left: auto !important;\r\n      margin-right: auto !important;\r\n      box-sizing: border-box;\r\n      min-height: 0;\r\n      overflow: hidden;\r\n      background: #eef3f8;\r\n    }\r\n    .about-hero__banner {\r\n      display: block !important;\r\n      width: 100% !important;\r\n      max-width: 1920px !important;\r\n      height: auto !important;\r\n      margin: 0 auto !important;\r\n      object-fit: contain !important;\r\n      object-position: center center !important;\r\n    }\r\n    \/* Timeline stays viewport full-bleed *\/\r\n    .about-timeline-pin,\r\n    .about-timeline {\r\n      width: 100vw !important;\r\n      max-width: 100vw !important;\r\n      position: relative;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      margin-left: 0 !important;\r\n      margin-right: 0 !important;\r\n      box-sizing: border-box;\r\n    }\r\n    .about-timeline__scroller {\r\n      width: 100% !important;\r\n      max-width: none !important;\r\n    }\r\n    \/* WP theme wrappers \u2014 hero capped; timeline full-bleed *\/\r\n    .entry-content > .about-hero,\r\n    .entry-content .about-hero,\r\n    .ast-container .about-hero {\r\n      width: min(100%, 1920px) !important;\r\n      max-width: 1920px !important;\r\n      left: auto !important;\r\n      transform: none !important;\r\n      margin-left: auto !important;\r\n      margin-right: auto !important;\r\n    }\r\n    .entry-content > .about-timeline-pin,\r\n    .entry-content .about-timeline-pin,\r\n    .ast-container .about-timeline-pin {\r\n      width: 100vw !important;\r\n      max-width: 100vw !important;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n    }\r\n\r\n  \r\n    \/* about-hero__mobile-copy-full-image-fix *\/\r\n    @media (max-width: 900px) {\r\n      .about-hero {\r\n        min-height: 0 !important;\r\n      }\r\n      .about-hero__banner {\r\n        position: relative !important;\r\n        inset: auto !important;\r\n        width: 100% !important;\r\n        max-width: 1920px !important;\r\n        height: auto !important;\r\n        object-fit: contain !important;\r\n        object-position: center center !important;\r\n      }\r\n      .about-hero__mobile-copy {\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: 2;\r\n        display: flex;\r\n        min-height: 0 !important;\r\n        height: 100%;\r\n        box-sizing: border-box;\r\n      }\r\n    }\r\n    @media (max-width: 520px) {\r\n      .about-hero {\r\n        min-height: 0 !important;\r\n      }\r\n      .about-hero__mobile-copy {\r\n        min-height: 0 !important;\r\n        height: 100%;\r\n      }\r\n    }\n<\/style>\n\n\n\n<section id=\"about-hero\" class=\"about-hero\" aria-label=\"About Jinlong DTF hero banner\">\r\n      <img loading=\"lazy\" decoding=\"async\"\r\n        class=\"about-hero__banner\"\r\n        src=\"https:\/\/jinlongdtf.com\/wp-content\/uploads\/2026\/07\/about-hero-banner.webp\"\r\n        alt=\"DTF materials factory banner with Hunan Jinlong production workshop, factory buildings, TPU powder and DTF film rolls\"\r\n        width=\"2048\"\r\n        height=\"768\"\r\n      >\r\n      <div class=\"about-hero__mobile-copy\" aria-hidden=\"true\">\r\n        <p class=\"about-hero__eyebrow\">Hunan Jinlong New Material Technology Co., Ltd.<\/p>\r\n        <h1 class=\"about-hero__title\"><span>DTF<\/span> Materials<\/h1>\r\n        <p class=\"about-hero__subtitle\">Stable Quality. Factory Direct. Global Supply.<\/p>\r\n        <p class=\"about-hero__desc\">Professional manufacturer of DTF transfer film, TPU hot melt powder and DTF ink. High stability, strong transfer and consistent performance for your business.<\/p>\r\n        <div class=\"about-hero__proof\" aria-label=\"Jinlong DTF proof points\">\r\n          <div class=\"about-hero__proof-item\"><strong>20+<\/strong><span>Years Experience<\/span><\/div>\r\n          <div class=\"about-hero__proof-item\"><strong>200+<\/strong><span>Regions Served<\/span><\/div>\r\n          <div class=\"about-hero__proof-item\"><strong>5000+<\/strong><span>Global Partners<\/span><\/div>\r\n          <div class=\"about-hero__proof-item\"><strong>Factory<\/strong><span>Direct Supply<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\n\n\n\n<section id=\"about-who\" class=\"about-who\" aria-labelledby=\"about-who-title\">\r\n      <div class=\"about-who__inner\">\r\n        <div class=\"about-who__copy\">\r\n          <p class=\"jl-eyebrow\">Who We Are<\/p>\r\n          <h2 id=\"about-who-title\">We are not a trading company. <span>We are a factory-backed DTF materials supplier.<\/span><\/h2>\r\n          <p class=\"about-who__lead\">Jinlong DTF is operated by Jinlong Group to present DTF transfer film, TPU hot melt powder, DTF ink and matched sample solutions for global buyers.<\/p>\r\n          <p class=\"about-who__body\">Our advantage comes from material manufacturing experience: coating, adhesive chemistry, TPU powder behavior and print-transfer testing are treated as one connected system, not separate products.<\/p>\r\n        <\/div>\r\n        <div class=\"about-who__media\" aria-label=\"Hunan Jinlong production base\">\r\n          <figure class=\"about-who__photo\">\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jinlongdtf.com\/wp-content\/uploads\/2026\/07\/about-who-we-are-factory.webp\" alt=\"Hunan Jinlong production base main building\" width=\"900\" height=\"700\">\r\n          <\/figure>\r\n          <div class=\"about-who__caption\">\r\n            <strong>Hunan Jinlong Production Base<\/strong>\r\n            <span>Manufacturing foundation for DTF transfer film, TPU powder and related material systems.<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"about-who__proof\" aria-label=\"Who We Are proof points\">\r\n          <div class=\"about-who__proof-item\">\r\n            <em>01<\/em>\r\n            <strong>Material Origin<\/strong>\r\n            <span>Built from adhesive, coating and TPU powder-processing know-how.<\/span>\r\n          <\/div>\r\n          <div class=\"about-who__proof-item\">\r\n            <em>02<\/em>\r\n            <strong>DTF System Thinking<\/strong>\r\n            <span>Film, powder and ink are developed and tested as connected transfer materials.<\/span>\r\n          <\/div>\r\n          <div class=\"about-who__proof-item\">\r\n            <em>03<\/em>\r\n            <strong>Buyer Workflow<\/strong>\r\n            <span>Samples, matching advice and export supply help buyers move from test to bulk orders.<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\n\n\n\n<div class=\"about-timeline-pin\" id=\"about-timeline-pin\">\r\n    <section\r\n      id=\"about-timeline\"\r\n      class=\"about-timeline\"\r\n      aria-labelledby=\"about-timeline-title\"\r\n      data-at-start=\"true\"\r\n      data-at-end=\"false\"\r\n      data-active=\"false\"\r\n    >\r\n      <header class=\"about-timeline__head\">\r\n        <p class=\"jl-eyebrow\">Our Journey<\/p>\r\n        <h2 id=\"about-timeline-title\">From Adhesion Experts to <span>DTF Manufacturing<\/span><\/h2>\r\n        <p class=\"about-timeline__lead\">\r\n          Two decades of material chemistry and manufacturing \u2014 from hot melt adhesives to factory-backed DTF film, powder and ink for global print production.\r\n        <\/p>\r\n        <div class=\"about-timeline__meta\">\r\n          <p class=\"about-timeline__hint\" id=\"timeline-hint\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n              <path d=\"M4 12h14M12 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n            Scroll to mid-screen \u00b7 then keep scrolling \u2192\r\n          <\/p>\r\n          <div class=\"about-timeline__progress\" aria-hidden=\"true\">\r\n            <span>Start<\/span>\r\n            <span class=\"about-timeline__progress-track\">\r\n              <span class=\"about-timeline__progress-bar\" id=\"timeline-progress\"><\/span>\r\n            <\/span>\r\n            <span>Now<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/header>\r\n\r\n      <div class=\"about-timeline__edge about-timeline__edge--left\" aria-hidden=\"true\"><\/div>\r\n      <div class=\"about-timeline__edge about-timeline__edge--right\" aria-hidden=\"true\"><\/div>\r\n\r\n      <div\r\n        class=\"about-timeline__scroller\"\r\n        id=\"timeline-scroller\"\r\n        tabindex=\"0\"\r\n        role=\"region\"\r\n        aria-label=\"Company history timeline. When this section is in the middle of the screen, continue scrolling to move through years.\"\r\n      >\r\n        <ol class=\"about-timeline__track\">\r\n          <!-- 2004 -->\r\n          <li class=\"about-timeline__item\">\r\n            <figure class=\"about-timeline__media\">\r\n              <img decoding=\"async\" src=\"https:\/\/jinlongdtf.com\/wp-content\/uploads\/2026\/07\/about-timeline-2004.webp\" alt=\"Jinlong old factory \u2014 material foundations since 2004\" width=\"640\" height=\"400\" loading=\"lazy\">\r\n              <figcaption>2004 \u00b7 Old factory<\/figcaption>\r\n            <\/figure>\r\n            <div class=\"about-timeline__node\" aria-hidden=\"true\"><span class=\"about-timeline__dot\"><\/span><\/div>\r\n            <div class=\"about-timeline__card\">\r\n              <time class=\"about-timeline__year\" datetime=\"2004\">2004<\/time>\r\n              <h3 class=\"about-timeline__title\">Hot Melt Adhesive &amp; Material Foundations<\/h3>\r\n              <p class=\"about-timeline__desc\">\r\n                Jinlong Hot Melt Adhesive Co., Ltd. established in Humen, Guangdong \u2014 hot melt adhesives, granules, release PET films and related materials.\r\n              <\/p>\r\n              <span class=\"about-timeline__tag\">Hot melt &amp; materials<\/span>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <!-- 2016 -->\r\n          <li class=\"about-timeline__item\">\r\n            <figure class=\"about-timeline__media\">\r\n              <img decoding=\"async\" src=\"https:\/\/jinlongdtf.com\/wp-content\/uploads\/2026\/07\/about-timeline-2016.webp\" alt=\"Jinlong hot melt powder production line packaging\" width=\"640\" height=\"400\" loading=\"lazy\">\r\n              <figcaption>2016 \u00b7 Powder line<\/figcaption>\r\n            <\/figure>\r\n            <div class=\"about-timeline__node\" aria-hidden=\"true\"><span class=\"about-timeline__dot\"><\/span><\/div>\r\n            <div class=\"about-timeline__card\">\r\n              <time class=\"about-timeline__year\" datetime=\"2016\">2016<\/time>\r\n              <h3 class=\"about-timeline__title\">Powder Production Line Breakthrough<\/h3>\r\n              <p class=\"about-timeline__desc\">\r\n                Fully automatic powder grinding lines delivered successful mass production of hot melt adhesive powder \u2014 the base for later TPU systems.\r\n              <\/p>\r\n              <span class=\"about-timeline__tag\">Powder line breakthrough<\/span>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <!-- 2020 -->\r\n          <li class=\"about-timeline__item\">\r\n            <figure class=\"about-timeline__media\">\r\n              <img decoding=\"async\" src=\"https:\/\/jinlongdtf.com\/wp-content\/uploads\/2026\/07\/about-timeline-2020.webp\" alt=\"Hunan Jinlong New Materials production base\" width=\"640\" height=\"400\" loading=\"lazy\">\r\n              <figcaption>Hunan base<\/figcaption>\r\n            <\/figure>\r\n            <div class=\"about-timeline__node\" aria-hidden=\"true\"><span class=\"about-timeline__dot\"><\/span><\/div>\r\n            <div class=\"about-timeline__card\">\r\n              <time class=\"about-timeline__year\" datetime=\"2020\">2020<\/time>\r\n              <h3 class=\"about-timeline__title\">Hunan New Materials Base \u00b7 Entered DTF<\/h3>\r\n              <p class=\"about-timeline__desc\">\r\n                Hunan Jinlong New Material Technology in Changde (20,000 m\u00b2). Coating and adhesive expertise moved into DTF transfer films and powder.\r\n              <\/p>\r\n              <span class=\"about-timeline__tag\">Hunan base \u00b7 DTF entry<\/span>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <!-- 2022 -->\r\n          <li class=\"about-timeline__item\">\r\n            <figure class=\"about-timeline__media\">\r\n              <img decoding=\"async\" src=\"https:\/\/jinlongdtf.com\/wp-content\/uploads\/2026\/07\/about-timeline-2022.webp\" alt=\"Direct foreign trade export \u2014 finished goods ready for shipment\" width=\"640\" height=\"400\" loading=\"lazy\">\r\n              <figcaption>2022 \u00b7 Export shipping<\/figcaption>\r\n            <\/figure>\r\n            <div class=\"about-timeline__node\" aria-hidden=\"true\"><span class=\"about-timeline__dot\"><\/span><\/div>\r\n            <div class=\"about-timeline__card\">\r\n              <time class=\"about-timeline__year\" datetime=\"2022\">2022<\/time>\r\n              <h3 class=\"about-timeline__title\">Direct Foreign Trade Export<\/h3>\r\n              <p class=\"about-timeline__desc\">\r\n                Began exporting DTF consumables directly to international buyers \u2014 stable overseas supply for film, powder and ink.\r\n              <\/p>\r\n              <span class=\"about-timeline__tag\">Direct export trade<\/span>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <!-- 2025 -->\r\n          <li class=\"about-timeline__item\">\r\n            <figure class=\"about-timeline__media\">\r\n              <img decoding=\"async\" src=\"https:\/\/jinlongdtf.com\/wp-content\/uploads\/2026\/07\/about-timeline-2025.webp\" alt=\"Dongguan Jinlong office serving global customers\" width=\"640\" height=\"400\" loading=\"lazy\">\r\n              <figcaption>Dongguan hub<\/figcaption>\r\n            <\/figure>\r\n            <div class=\"about-timeline__node\" aria-hidden=\"true\"><span class=\"about-timeline__dot\"><\/span><\/div>\r\n            <div class=\"about-timeline__card\">\r\n              <time class=\"about-timeline__year\" datetime=\"2025\">2025<\/time>\r\n              <h3 class=\"about-timeline__title\">Dongguan Export Hub \u00b7 One-Stop Solutions<\/h3>\r\n              <p class=\"about-timeline__desc\">\r\n                Export outpost in Dongguan. Dongguan Jinlong serves global customers with one-stop digital printing solutions.\r\n              <\/p>\r\n              <span class=\"about-timeline__tag\">Dongguan \u00b7 one-stop solutions<\/span>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <!-- 2026.01 -->\r\n          <li class=\"about-timeline__item\">\r\n            <figure class=\"about-timeline__media\">\r\n              <img decoding=\"async\" src=\"https:\/\/jinlongdtf.com\/wp-content\/uploads\/2026\/07\/about-timeline-2026-01.webp\" alt=\"Jinlong US overseas warehouse network layout\" width=\"640\" height=\"400\" loading=\"lazy\">\r\n              <figcaption>2026.01 \u00b7 U.S. four warehouses<\/figcaption>\r\n            <\/figure>\r\n            <div class=\"about-timeline__node\" aria-hidden=\"true\"><span class=\"about-timeline__dot\"><\/span><\/div>\r\n            <div class=\"about-timeline__card\">\r\n              <time class=\"about-timeline__year\" datetime=\"2026-01\">2026.01<\/time>\r\n              <h3 class=\"about-timeline__title\">U.S. Network: Four Overseas Warehouses<\/h3>\r\n              <p class=\"about-timeline__desc\">\r\n                Layout of four overseas warehouses across the United States \u2014 faster local stock and delivery for North American buyers.\r\n              <\/p>\r\n              <span class=\"about-timeline__tag\">Four U.S. warehouses<\/span>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <!-- 2026.04 -->\r\n          <li class=\"about-timeline__item about-timeline__item--now\">\r\n            <figure class=\"about-timeline__media\">\r\n              <img decoding=\"async\" src=\"https:\/\/jinlongdtf.com\/wp-content\/uploads\/2026\/07\/about-timeline-2026-04.webp\" alt=\"Jinlong Indonesia overseas warehouse\" width=\"640\" height=\"400\" loading=\"lazy\">\r\n              <figcaption>2026.04 \u00b7 Indonesia warehouse<\/figcaption>\r\n            <\/figure>\r\n            <div class=\"about-timeline__node\" aria-hidden=\"true\"><span class=\"about-timeline__dot\"><\/span><\/div>\r\n            <div class=\"about-timeline__card\">\r\n              <time class=\"about-timeline__year\" datetime=\"2026-04\">2026.04<\/time>\r\n              <h3 class=\"about-timeline__title\">Indonesia Overseas Warehouse<\/h3>\r\n              <p class=\"about-timeline__desc\">\r\n                Opened an overseas warehouse in Indonesia to support Southeast Asian customers with nearer stock and shorter lead times.\r\n              <\/p>\r\n              <span class=\"about-timeline__tag\">Indonesia overseas warehouse<\/span>\r\n            <\/div>\r\n          <\/li>\r\n        <\/ol>\r\n      <\/div>\r\n    <\/section>\r\n    <\/div>\n\n\n\n<section id=\"about-stats\" class=\"about-stats\" aria-label=\"Jinlong manufacturing capacity\">\r\n      <div class=\"about-stats__inner\">\r\n        <div class=\"about-stats__item\">\r\n          <strong>Since 2004<\/strong>\r\n          <span>Material &amp; coating experience<\/span>\r\n        <\/div>\r\n        <div class=\"about-stats__item\">\r\n          <strong>20,000 m\u00b2<\/strong>\r\n          <span>Factory workshop area<\/span>\r\n        <\/div>\r\n        <div class=\"about-stats__item\">\r\n          <strong>4,000 rolls\/day<\/strong>\r\n          <span>DTF film capacity<\/span>\r\n        <\/div>\r\n        <div class=\"about-stats__item\">\r\n          <strong>10 tons\/day<\/strong>\r\n          <span>TPU powder capacity<\/span>\r\n        <\/div>\r\n        <div class=\"about-stats__item\">\r\n          <strong>8 tons\/day<\/strong>\r\n          <span>DTF ink capacity<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\n\n\n\n<section id=\"about-quality\" class=\"about-quality\" aria-labelledby=\"about-quality-title\">\r\n      <div class=\"about-quality__inner\">\r\n        <div class=\"about-quality__top\">\r\n          <header class=\"about-quality__head\">\r\n            <p class=\"jl-eyebrow\">Quality &amp; Compliance<\/p>\r\n            <h2 id=\"about-quality-title\">Proof that helps you <span>sell and ship DTF materials<\/span><\/h2>\r\n            <p class=\"about-quality__lead\">\r\n              Brand buyers and importers ask for documents, not slogans. Our DTF film, TPU powder and ink lines ship with OEKO-TEX\u00ae, SGS, Intertek, MSDS\/SDS and transport safety files you can pass to customers, warehouses and freight teams.\r\n            <\/p>\r\n          <\/header>\r\n\r\n          <aside class=\"about-quality__stamp\" aria-label=\"Export documentation promise\">\r\n            <p class=\"about-quality__stamp-kicker\">From production to packing<\/p>\r\n            <p>Material control and export packing feed the same compliance pack used by distributors and print shops in daily trade.<\/p>\r\n            <strong>OEKO-TEX \u00b7 SGS \u00b7 Intertek \u00b7 MSDS \u00b7 Transport<\/strong>\r\n          <\/aside>\r\n        <\/div>\r\n\r\n        <div class=\"about-quality__grid\" role=\"list\">\r\n          <!-- OEKO-TEX -->\r\n          <article class=\"about-quality__card about-quality__card--wide about-quality__card--with-cert\" role=\"listitem\">\r\n            <div class=\"about-quality__body\">\r\n              <div class=\"about-quality__seal\">\r\n                <div class=\"about-quality__mark about-quality__mark--oeko\" aria-hidden=\"true\">OEKO<br>TEX<\/div>\r\n                <span class=\"about-quality__doc-type\">Textile safety<\/span>\r\n              <\/div>\r\n              <h3>OEKO-TEX\u00ae Standard 100<\/h3>\r\n              <p>\r\n                Textile safety proof for apparel DTF work \u2014 share with brand buyers when transfers go on garments.\r\n              <\/p>\r\n              <div class=\"about-quality__meta\">\r\n                <span class=\"about-quality__chip\">Apparel brands<\/span>\r\n                <span class=\"about-quality__chip\">Buyer checks<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <button\r\n              type=\"button\"\r\n              class=\"about-quality__cert\"\r\n              data-lightbox-src=\"https:\/\/jinlongdtf.com\/wp-content\/uploads\/2026\/07\/about-compliance-oeko-tex.webp\"\r\n              data-lightbox-alt=\"OEKO-TEX Standard 100 certificate for Hunan Jinlong New Material Technology Co., Ltd. DTF materials\"\r\n              aria-label=\"Open OEKO-TEX Standard 100 certificate fullscreen\"\r\n            >\r\n              <span class=\"about-quality__cert-frame\">\r\n                <img decoding=\"async\"\r\n                  src=\"https:\/\/jinlongdtf.com\/wp-content\/uploads\/2026\/07\/about-compliance-oeko-tex.webp\"\r\n                  alt=\"OEKO-TEX Standard 100 certificate issued for Hunan Jinlong New Material Technology Co., Ltd. DTF transfer materials\"\r\n                  width=\"480\"\r\n                  height=\"680\"\r\n                  loading=\"lazy\"\r\n                >\r\n              <\/span>\r\n              <span class=\"about-quality__cert-caption\">Click to enlarge<\/span>\r\n            <\/button>\r\n          <\/article>\r\n\r\n\r\n          <!-- SGS -->\r\n          <article class=\"about-quality__card about-quality__card--wide about-quality__card--with-cert\" role=\"listitem\">\r\n            <div class=\"about-quality__body\">\r\n              <div class=\"about-quality__seal\">\r\n                <div class=\"about-quality__mark about-quality__mark--sgs\" aria-hidden=\"true\">SGS<\/div>\r\n                <span class=\"about-quality__doc-type\">Third-party verification<\/span>\r\n              <\/div>\r\n              <h3>SGS Certification<\/h3>\r\n              <p>\r\n                Third-party quality evidence for quotations and vendor packs before bulk film, powder or ink orders.\r\n              <\/p>\r\n              <div class=\"about-quality__meta\">\r\n                <span class=\"about-quality__chip\">Vendor packs<\/span>\r\n                <span class=\"about-quality__chip\">Import checks<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <button\r\n              type=\"button\"\r\n              class=\"about-quality__cert\"\r\n              data-lightbox-src=\"https:\/\/jinlongdtf.com\/wp-content\/uploads\/2026\/07\/about-compliance-sgs.webp\"\r\n              data-lightbox-alt=\"SGS certificate for Jinlong DTF transfer film, powder and ink materials\"\r\n              aria-label=\"Open SGS certificate fullscreen\"\r\n            >\r\n              <span class=\"about-quality__cert-frame\">\r\n                <img decoding=\"async\"\r\n                  src=\"https:\/\/jinlongdtf.com\/wp-content\/uploads\/2026\/07\/about-compliance-sgs.webp\"\r\n                  alt=\"SGS third-party certificate for Jinlong DTF consumables manufacturing quality\"\r\n                  width=\"480\"\r\n                  height=\"680\"\r\n                  loading=\"lazy\"\r\n                >\r\n              <\/span>\r\n              <span class=\"about-quality__cert-caption\">Click to enlarge<\/span>\r\n            <\/button>\r\n          <\/article>\r\n\r\n          <!-- MSDS -->\r\n          <article class=\"about-quality__card about-quality__card--third about-quality__card--with-cert\" role=\"listitem\">\r\n            <div class=\"about-quality__body\">\r\n              <div class=\"about-quality__seal\">\r\n                <div class=\"about-quality__mark about-quality__mark--msds\" aria-hidden=\"true\">MSDS<\/div>\r\n                <span class=\"about-quality__doc-type\">Chemical safety<\/span>\r\n              <\/div>\r\n              <h3>MSDS \/ SDS<\/h3>\r\n              <p>\r\n                Handling and storage data for DTF ink and powder \u2014 ready for warehouse and print-floor EHS teams.\r\n              <\/p>\r\n              <div class=\"about-quality__meta\">\r\n                <span class=\"about-quality__chip\">Warehouse<\/span>\r\n                <span class=\"about-quality__chip\">Print floor<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <button\r\n              type=\"button\"\r\n              class=\"about-quality__cert\"\r\n              data-lightbox-src=\"https:\/\/jinlongdtf.com\/wp-content\/uploads\/2026\/07\/about-compliance-msds.webp\"\r\n              data-lightbox-alt=\"MSDS SDS safety data document for Jinlong DTF ink powder and film materials\"\r\n              aria-label=\"Open MSDS certificate fullscreen\"\r\n            >\r\n              <span class=\"about-quality__cert-frame\">\r\n                <img decoding=\"async\"\r\n                  src=\"https:\/\/jinlongdtf.com\/wp-content\/uploads\/2026\/07\/about-compliance-msds.webp\"\r\n                  alt=\"MSDS SDS safety data sheet document for Jinlong DTF consumables\"\r\n                  width=\"480\"\r\n                  height=\"680\"\r\n                  loading=\"lazy\"\r\n                >\r\n              <\/span>\r\n              <span class=\"about-quality__cert-caption\">Click to enlarge<\/span>\r\n            <\/button>\r\n          <\/article>\r\n\r\n          <!-- Intertek -->\r\n          <article class=\"about-quality__card about-quality__card--third about-quality__card--with-cert\" role=\"listitem\">\r\n            <div class=\"about-quality__body\">\r\n              <div class=\"about-quality__seal\">\r\n                <div class=\"about-quality__mark about-quality__mark--intertek\" aria-hidden=\"true\">INTER<br>TEK<\/div>\r\n                <span class=\"about-quality__doc-type\">Lab report<\/span>\r\n              <\/div>\r\n              <h3>Intertek Testing<\/h3>\r\n              <p>\r\n                Independent lab results for brand audits and tender packs \u2014 stronger than internal QC claims alone.\r\n              <\/p>\r\n              <div class=\"about-quality__meta\">\r\n                <span class=\"about-quality__chip\">Lab proof<\/span>\r\n                <span class=\"about-quality__chip\">Audits<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <button\r\n              type=\"button\"\r\n              class=\"about-quality__cert\"\r\n              data-lightbox-src=\"https:\/\/jinlongdtf.com\/wp-content\/uploads\/2026\/07\/about-compliance-intertek.webp\"\r\n              data-lightbox-alt=\"Intertek laboratory test certificate for Jinlong DTF materials\"\r\n              aria-label=\"Open Intertek certificate fullscreen\"\r\n            >\r\n              <span class=\"about-quality__cert-frame\">\r\n                <img decoding=\"async\"\r\n                  src=\"https:\/\/jinlongdtf.com\/wp-content\/uploads\/2026\/07\/about-compliance-intertek.webp\"\r\n                  alt=\"Intertek third-party laboratory certificate for Jinlong DTF transfer materials\"\r\n                  width=\"480\"\r\n                  height=\"680\"\r\n                  loading=\"lazy\"\r\n                >\r\n              <\/span>\r\n              <span class=\"about-quality__cert-caption\">Click to enlarge<\/span>\r\n            <\/button>\r\n          <\/article>\r\n\r\n          <!-- Transport safety -->\r\n          <article class=\"about-quality__card about-quality__card--third about-quality__card--with-cert\" role=\"listitem\">\r\n            <div class=\"about-quality__body\">\r\n              <div class=\"about-quality__seal\">\r\n                <div class=\"about-quality__mark about-quality__mark--transport\" aria-hidden=\"true\">SHIP<br>SAFE<\/div>\r\n                <span class=\"about-quality__doc-type\">Export logistics<\/span>\r\n              <\/div>\r\n              <h3>Transport Safety<\/h3>\r\n              <p>\r\n                Shipping ID files for international DTF freight \u2014 fewer delays with forwarders and customs brokers.\r\n              <\/p>\r\n              <div class=\"about-quality__meta\">\r\n                <span class=\"about-quality__chip\">Freight<\/span>\r\n                <span class=\"about-quality__chip\">Export<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <button\r\n              type=\"button\"\r\n              class=\"about-quality__cert\"\r\n              data-lightbox-src=\"https:\/\/jinlongdtf.com\/wp-content\/uploads\/2026\/07\/about-compliance-transport-safety.webp\"\r\n              data-lightbox-alt=\"Transport safety identification report for Jinlong DTF export shipments\"\r\n              aria-label=\"Open Transport safety certificate fullscreen\"\r\n            >\r\n              <span class=\"about-quality__cert-frame\">\r\n                <img decoding=\"async\"\r\n                  src=\"https:\/\/jinlongdtf.com\/wp-content\/uploads\/2026\/07\/about-compliance-transport-safety.webp\"\r\n                  alt=\"Transport safety identification certificate for international shipping of Jinlong DTF materials\"\r\n                  width=\"480\"\r\n                  height=\"680\"\r\n                  loading=\"lazy\"\r\n                >\r\n              <\/span>\r\n              <span class=\"about-quality__cert-caption\">Click to enlarge<\/span>\r\n            <\/button>\r\n          <\/article>\r\n        <\/div>\r\n\r\n        <div class=\"about-quality__foot\">\r\n          <p>\r\n            Need files for a brand audit, new market or bulk order? Request a compliance pack with your sample or PO \u2014 matched to the DTF film, powder and ink you buy.\r\n          <\/p>\r\n          <a href=\"https:\/\/jinlongdtf.com\/#jl-sample-cta\">Request compliance pack<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\n\n\n\n<section id=\"about-service\" class=\"about-service\" aria-labelledby=\"about-service-title\">\r\n      <div class=\"about-service__inner\">\r\n        <header class=\"about-service__head\">\r\n          <p class=\"about-service__eyebrow\">Our Services<\/p>\r\n          <h2 id=\"about-service-title\">Jinlong Global Service<\/h2>\r\n          <p class=\"about-service__lead\">\r\n            A clear 6-step export workflow \u2014 from first inquiry and product matching to samples, stock prep, packing proof and shipment.\r\n          <\/p>\r\n        <\/header>\r\n\r\n        <div class=\"about-service__board\" data-service-carousel>\r\n          <div class=\"about-service__viewport\">\r\n            <ol class=\"about-service__track\" id=\"service-track\" aria-label=\"Jinlong global service process\">\r\n              <li class=\"about-service__step\" data-step=\"1\">\r\n                <article class=\"about-service__card\">\r\n                  <figure class=\"about-service__media\">\r\n                    <img decoding=\"async\" src=\"https:\/\/jinlongdtf.com\/wp-content\/uploads\/2026\/07\/about-service-01-customer-service.webp\" alt=\"Customer service response after DTF inquiry\" width=\"320\" height=\"320\" loading=\"lazy\">\r\n                  <\/figure>\r\n                  <span class=\"about-service__num\">01<\/span>\r\n                  <h3>Proactive response<\/h3>\r\n                  <p>After inquiry, we <strong>contact you promptly<\/strong> to confirm needs and start matching.<\/p>\r\n                <\/article>\r\n              <\/li>\r\n              <li class=\"about-service__step\" data-step=\"2\">\r\n                <article class=\"about-service__card\">\r\n                  <figure class=\"about-service__media\">\r\n                    <img decoding=\"async\" src=\"https:\/\/jinlongdtf.com\/wp-content\/uploads\/2026\/07\/about-service-02-print-match.webp\" alt=\"Matched DTF film and powder print result\" width=\"320\" height=\"320\" loading=\"lazy\">\r\n                  <\/figure>\r\n                  <span class=\"about-service__num\">02<\/span>\r\n                  <h3>Match film &amp; powder<\/h3>\r\n                  <p>Confirm <strong>printer type<\/strong> and <strong>temperature\/humidity<\/strong>, then match mesh and film.<\/p>\r\n                <\/article>\r\n              <\/li>\r\n              <li class=\"about-service__step\" data-step=\"3\">\r\n                <article class=\"about-service__card\">\r\n                  <figure class=\"about-service__media\">\r\n                    <img decoding=\"async\" src=\"https:\/\/jinlongdtf.com\/wp-content\/uploads\/2026\/07\/about-service-03-overseas-warehouse.webp\" alt=\"Overseas warehouse sample shipping\" width=\"320\" height=\"320\" loading=\"lazy\">\r\n                  <\/figure>\r\n                  <span class=\"about-service__num\">03<\/span>\r\n                  <h3>Nearby warehouse samples<\/h3>\r\n                  <p>Samples from nearby stock \u2014 <strong>US 2\u20133 days<\/strong>, <strong>other regions 3\u20137 days<\/strong>.<\/p>\r\n                <\/article>\r\n              <\/li>\r\n              <li class=\"about-service__step\" data-step=\"4\">\r\n                <article class=\"about-service__card\">\r\n                  <figure class=\"about-service__media\">\r\n                    <img decoding=\"async\" src=\"https:\/\/jinlongdtf.com\/wp-content\/uploads\/2026\/07\/about-service-04-export-experience.webp\" alt=\"Order quantity guidance for export buyers\" width=\"320\" height=\"320\" loading=\"lazy\">\r\n                  <\/figure>\r\n                  <span class=\"about-service__num\">04<\/span>\r\n                  <h3>Order quantity guidance<\/h3>\r\n                  <p>Recommended quantities. A <strong>partial deposit<\/strong> can start stock preparation.<\/p>\r\n                <\/article>\r\n              <\/li>\r\n              <li class=\"about-service__step\" data-step=\"5\">\r\n                <article class=\"about-service__card\">\r\n                  <figure class=\"about-service__media\">\r\n                    <img decoding=\"async\" src=\"https:\/\/jinlongdtf.com\/wp-content\/uploads\/2026\/07\/about-service-05-pallet-packing.webp\" alt=\"Pallet packing photos for export review\" width=\"320\" height=\"320\" loading=\"lazy\">\r\n                  <\/figure>\r\n                  <span class=\"about-service__num\">05<\/span>\r\n                  <h3>Pallet data &amp; photos<\/h3>\r\n                  <p>When ready, we send <strong>pallet details and packing photos<\/strong> before shipment.<\/p>\r\n                <\/article>\r\n              <\/li>\r\n              <li class=\"about-service__step\" data-step=\"6\">\r\n                <article class=\"about-service__card\">\r\n                  <figure class=\"about-service__media\">\r\n                    <img decoding=\"async\" src=\"https:\/\/jinlongdtf.com\/wp-content\/uploads\/2026\/07\/about-service-06-shipping.webp\" alt=\"Balance payment and international shipping\" width=\"320\" height=\"320\" loading=\"lazy\">\r\n                  <\/figure>\r\n                  <span class=\"about-service__num\">06<\/span>\r\n                  <h3>Balance &amp; shipping<\/h3>\r\n                  <p>After the <strong>balance is paid<\/strong>, shipment starts under your trade terms.<\/p>\r\n                <\/article>\r\n              <\/li>\r\n            <\/ol>\r\n          <\/div>\r\n\r\n          <div class=\"about-service__nav\" aria-label=\"Service process navigation\">\r\n            <div class=\"about-service__pager\">\r\n              <button type=\"button\" class=\"about-service__btn\" id=\"service-prev\" aria-label=\"Previous service cards\">\u2039<\/button>\r\n              <div class=\"about-service__dots\" id=\"service-dots\" role=\"tablist\" aria-label=\"Jump to page\"><\/div>\r\n              <button type=\"button\" class=\"about-service__btn\" id=\"service-next\" aria-label=\"Next service cards\">\u203a<\/button>\r\n            <\/div>\r\n            <a class=\"about-service__cta\" href=\"https:\/\/jinlongdtf.com\/#jl-sample-cta\">See the process \u2192<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\n\n\n\n<section id=\"about-cta\" class=\"about-cta\" aria-labelledby=\"about-cta-title\">\r\n      <div class=\"about-cta__inner\">\r\n        <div>\r\n          <p class=\"jl-eyebrow\">Work With Jinlong<\/p>\r\n          <h2 id=\"about-cta-title\">Ready to test factory-backed DTF materials?<\/h2>\r\n          <p class=\"about-cta__lead\">\r\n            Request samples of transfer film, TPU powder and ink \u2014 or talk with Dongguan Jinlong about matched supply for your print shop, decorator or distribution market.\r\n          <\/p>\r\n          <div class=\"about-cta__actions\">\r\n            <a class=\"about-cta__btn about-cta__btn--primary\" href=\"https:\/\/jinlongdtf.com\/#jl-sample-cta\">Request DTF Samples<\/a>\r\n            <a class=\"about-cta__btn about-cta__btn--ghost\" href=\"https:\/\/jinlongdtf.com\/\">Back to Home<\/a>\r\n          <\/div>\r\n        <\/div>\r\n        <aside class=\"about-cta__panel\" aria-label=\"What you get\">\r\n          <h3>What global buyers get<\/h3>\r\n          <ul class=\"about-cta__list\">\r\n            <li>Factory-direct film, powder &amp; ink<\/li>\r\n            <li>Sample kits for production testing<\/li>\r\n            <li>Batch consistency for bulk supply<\/li>\r\n            <li>Export packing &amp; overseas warehouse support<\/li>\r\n            <li>One-stop matching from Dongguan hub<\/li>\r\n          <\/ul>\r\n        <\/aside>\r\n      <\/div>\r\n    <\/section>\n\n\n\n<div\r\n    class=\"about-lightbox\"\r\n    id=\"about-lightbox\"\r\n    hidden\r\n    aria-hidden=\"true\"\r\n  >\r\n    <button type=\"button\" class=\"about-lightbox__close\" id=\"about-lightbox-close\" aria-label=\"Close certificate preview\">\u00d7<\/button>\r\n    <figure class=\"about-lightbox__dialog\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Certificate preview\" id=\"about-lightbox-dialog\">\r\n      <img decoding=\"async\" id=\"about-lightbox-img\" src=\"\" alt=\"\">\r\n    <\/figure>\r\n  <\/div>\n\n\n\n<script>\n(function () {\r\n  function boot() {\r\n    var pin = document.getElementById(\"about-timeline-pin\");\r\n    var section = document.getElementById(\"about-timeline\");\r\n    var scroller = document.getElementById(\"timeline-scroller\");\r\n    var progressBar = document.getElementById(\"timeline-progress\");\r\n    var hint = document.getElementById(\"timeline-hint\");\r\n    if (!section || !scroller) return;\r\n\r\n    var EDGE = 4;\r\n\r\n    scroller.style.overflowX = \"auto\";\r\n    scroller.style.overflowY = \"hidden\";\r\n\r\n    function maxScroll() {\r\n      return Math.max(0, scroller.scrollWidth - scroller.clientWidth);\r\n    }\r\n\r\n    function clamp(n, a, b) {\r\n      return Math.min(b, Math.max(a, n));\r\n    }\r\n\r\n    function setHint(mode) {\r\n      if (!hint) return;\r\n      var arrowRight =\r\n        '<svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M4 12h14M12 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>';\r\n      var arrowDown =\r\n        '<svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M12 4v14M6 12l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>';\r\n      var arrows =\r\n        '<svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M4 12h16M8 8l-4 4 4 4M16 8l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>';\r\n      if (mode === \"end\") {\r\n        hint.innerHTML = arrowDown + \"End \u00b7 keep scrolling the page\";\r\n      } else if (mode === \"active\") {\r\n        hint.innerHTML = arrows + \"Scroll on the track to move \u2192\";\r\n      } else {\r\n        hint.innerHTML = arrowRight + \"Scroll on the track to explore\";\r\n      }\r\n    }\r\n\r\n    \/** Only the horizontal track \/ cards \/ nav \u2014 not the whole section title *\/\r\n    function isOverTrack(target) {\r\n      if (!target || !target.closest) return false;\r\n      return !!target.closest(\r\n        \"#timeline-scroller, .about-timeline__scroller, .about-timeline__track, .about-timeline__item, .about-timeline__nav, .about-timeline__nav-btn\"\r\n      );\r\n    }\r\n\r\n    function updateChrome() {\r\n      var max = maxScroll();\r\n      var left = scroller.scrollLeft;\r\n      var atStart = left <= EDGE;\r\n      var atEnd = max <= EDGE || left >= max - EDGE;\r\n      var ratio = max <= EDGE ? 0 : clamp(left \/ max, 0, 1);\r\n\r\n      section.setAttribute(\"data-at-start\", atStart ? \"true\" : \"false\");\r\n      section.setAttribute(\"data-at-end\", atEnd ? \"true\" : \"false\");\r\n      section.classList.toggle(\"is-active\", max > EDGE);\r\n\r\n      if (progressBar) progressBar.style.width = (ratio * 100).toFixed(1) + \"%\";\r\n\r\n      var prev = document.getElementById(\"timeline-prev\");\r\n      var next = document.getElementById(\"timeline-next\");\r\n      if (prev) prev.disabled = atStart || max <= EDGE;\r\n      if (next) next.disabled = atEnd || max <= EDGE;\r\n\r\n      if (max <= EDGE) setHint(\"approach\");\r\n      else if (atEnd) setHint(\"end\");\r\n      else setHint(\"active\");\r\n    }\r\n\r\n    function applyDelta(delta) {\r\n      var max = maxScroll();\r\n      if (max <= EDGE) return false;\r\n      var before = scroller.scrollLeft;\r\n      var nextPos = clamp(before + delta, 0, max);\r\n      if (Math.abs(nextPos - before) < 0.5) return false;\r\n      scroller.scrollLeft = nextPos;\r\n      updateChrome();\r\n      return true;\r\n    }\r\n\r\n    function normalizeWheelDelta(e) {\r\n      var dx = e.deltaX || 0;\r\n      var dy = e.deltaY || 0;\r\n      \/\/ Without Shift, map vertical intent to horizontal on the track\r\n      var delta = Math.abs(dx) > Math.abs(dy) ? dx : dy;\r\n      if (e.deltaMode === 1) delta *= 16;\r\n      if (e.deltaMode === 2) delta *= scroller.clientWidth * 0.75;\r\n      if (delta !== 0 && Math.abs(delta) < 8) delta = delta < 0 ? -20 : 20;\r\n      return delta * 1.25;\r\n    }\r\n\r\n    function onWheel(e) {\r\n      \/\/ Critical: ignore wheel over title \/ empty page areas so vertical page scroll works\r\n      if (!isOverTrack(e.target)) return;\r\n\r\n      var max = maxScroll();\r\n      if (max <= EDGE) return;\r\n\r\n      var delta = normalizeWheelDelta(e);\r\n      if (!delta) return;\r\n\r\n      var before = scroller.scrollLeft;\r\n      var nextPos = clamp(before + delta, 0, max);\r\n\r\n      \/\/ If horizontal can't move further, do NOT preventDefault \u2014 page scrolls vertically\r\n      if (Math.abs(nextPos - before) < 0.5) {\r\n        updateChrome();\r\n        return;\r\n      }\r\n\r\n      e.preventDefault();\r\n      scroller.scrollLeft = nextPos;\r\n      updateChrome();\r\n    }\r\n\r\n    \/\/ One capture listener only (avoid double-binding host+window both preventing)\r\n    window.addEventListener(\"wheel\", onWheel, { passive: false, capture: true });\r\n\r\n    if (!document.getElementById(\"timeline-prev\")) {\r\n      var nav = document.createElement(\"div\");\r\n      nav.className = \"about-timeline__nav\";\r\n      nav.innerHTML =\r\n        '<button type=\"button\" class=\"about-timeline__nav-btn\" id=\"timeline-prev\" aria-label=\"Previous timeline\">\u2039<\/button>' +\r\n        '<button type=\"button\" class=\"about-timeline__nav-btn\" id=\"timeline-next\" aria-label=\"Next timeline\">\u203a<\/button>';\r\n      var head = section.querySelector(\".about-timeline__head\") || section;\r\n      head.appendChild(nav);\r\n    }\r\n\r\n    var prevBtn = document.getElementById(\"timeline-prev\");\r\n    var nextBtn = document.getElementById(\"timeline-next\");\r\n    if (prevBtn) {\r\n      prevBtn.addEventListener(\"click\", function () {\r\n        applyDelta(-Math.round(scroller.clientWidth * 0.7));\r\n      });\r\n    }\r\n    if (nextBtn) {\r\n      nextBtn.addEventListener(\"click\", function () {\r\n        applyDelta(Math.round(scroller.clientWidth * 0.7));\r\n      });\r\n    }\r\n\r\n    scroller.addEventListener(\"scroll\", updateChrome, { passive: true });\r\n    window.addEventListener(\"resize\", updateChrome);\r\n    scroller.querySelectorAll(\"img\").forEach(function (img) {\r\n      if (!img.complete) img.addEventListener(\"load\", updateChrome);\r\n    });\r\n    window.setTimeout(updateChrome, 50);\r\n    window.setTimeout(updateChrome, 400);\r\n    updateChrome();\r\n  }\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", boot);\r\n  } else {\r\n    boot();\r\n  }\r\n})();\n<\/script>\n\n<script>\n(function () {\r\n      \/\/ Certificate lightbox \u2014 create markup if rebuild omitted it; always mount on body\r\n      \/\/ so position:fixed works on mobile (WP\/Astra transforms break fixed inside content).\r\n      function ensureLightbox() {\r\n        var lb = document.getElementById(\"about-lightbox\");\r\n        if (!lb) {\r\n          lb = document.createElement(\"div\");\r\n          lb.className = \"about-lightbox\";\r\n          lb.id = \"about-lightbox\";\r\n          lb.setAttribute(\"hidden\", \"\");\r\n          lb.setAttribute(\"aria-hidden\", \"true\");\r\n          lb.innerHTML =\r\n            '<button type=\"button\" class=\"about-lightbox__close\" id=\"about-lightbox-close\" aria-label=\"Close certificate preview\">\u00d7<\/button>' +\r\n            '<figure class=\"about-lightbox__dialog\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Certificate preview\" id=\"about-lightbox-dialog\">' +\r\n            '<img decoding=\"async\" id=\"about-lightbox-img\" src=\"\" alt=\"\">' +\r\n            \"<\/figure>\";\r\n        }\r\n        if (lb.parentNode !== document.body) {\r\n          document.body.appendChild(lb);\r\n        }\r\n        return lb;\r\n      }\r\n\r\n      var lb = ensureLightbox();\r\n      var img = document.getElementById(\"about-lightbox-img\");\r\n      var closeBtn = document.getElementById(\"about-lightbox-close\");\r\n      var dialog = document.getElementById(\"about-lightbox-dialog\");\r\n      if (!lb || !img || !closeBtn) return;\r\n\r\n      var lastFocus = null;\r\n      var bound = false;\r\n\r\n      function openLightbox(src, alt) {\r\n        if (!src) return;\r\n        \/\/ re-ensure body mount each open (theme may move nodes)\r\n        lb = ensureLightbox();\r\n        img = document.getElementById(\"about-lightbox-img\") || img;\r\n        closeBtn = document.getElementById(\"about-lightbox-close\") || closeBtn;\r\n        dialog = document.getElementById(\"about-lightbox-dialog\") || dialog;\r\n\r\n        lastFocus = document.activeElement;\r\n        img.removeAttribute(\"src\");\r\n        img.src = src;\r\n        img.alt = alt || \"Certificate\";\r\n        lb.hidden = false;\r\n        lb.removeAttribute(\"hidden\");\r\n        lb.setAttribute(\"aria-hidden\", \"false\");\r\n        void lb.offsetWidth;\r\n        lb.classList.add(\"is-open\");\r\n        document.documentElement.classList.add(\"about-lightbox-open\");\r\n        document.body.classList.add(\"about-lightbox-open\");\r\n        try {\r\n          closeBtn.focus({ preventScroll: true });\r\n        } catch (err) {\r\n          closeBtn.focus();\r\n        }\r\n      }\r\n\r\n      function closeLightbox() {\r\n        lb.classList.remove(\"is-open\");\r\n        document.documentElement.classList.remove(\"about-lightbox-open\");\r\n        document.body.classList.remove(\"about-lightbox-open\");\r\n        lb.setAttribute(\"aria-hidden\", \"true\");\r\n        window.setTimeout(function () {\r\n          if (!lb.classList.contains(\"is-open\")) {\r\n            lb.hidden = true;\r\n            lb.setAttribute(\"hidden\", \"\");\r\n            img.removeAttribute(\"src\");\r\n            img.alt = \"\";\r\n          }\r\n        }, 220);\r\n        if (lastFocus && typeof lastFocus.focus === \"function\") {\r\n          try {\r\n            lastFocus.focus({ preventScroll: true });\r\n          } catch (err) {\r\n            lastFocus.focus();\r\n          }\r\n        }\r\n      }\r\n\r\n      function onCertActivate(e) {\r\n        var btn = e.target && e.target.closest ? e.target.closest(\"[data-lightbox-src]\") : null;\r\n        if (!btn) return;\r\n        e.preventDefault();\r\n        e.stopPropagation();\r\n        openLightbox(btn.getAttribute(\"data-lightbox-src\"), btn.getAttribute(\"data-lightbox-alt\"));\r\n      }\r\n\r\n      \/\/ Event delegation: works for touch + late-bound WP content\r\n      if (!bound) {\r\n        bound = true;\r\n        document.addEventListener(\"click\", onCertActivate, true);\r\n        document.addEventListener(\r\n          \"touchend\",\r\n          function (e) {\r\n            var btn = e.target && e.target.closest ? e.target.closest(\"[data-lightbox-src]\") : null;\r\n            if (!btn) return;\r\n            \/\/ Prefer click for accessibility; on iOS some buttons only get touch\r\n            \/\/ If click will also fire, prevent double-open with a short lock\r\n            if (btn.getAttribute(\"data-lb-touch\") === \"1\") return;\r\n            btn.setAttribute(\"data-lb-touch\", \"1\");\r\n            window.setTimeout(function () {\r\n              btn.removeAttribute(\"data-lb-touch\");\r\n            }, 400);\r\n            onCertActivate(e);\r\n          },\r\n          { passive: false, capture: true }\r\n        );\r\n      }\r\n\r\n      closeBtn.addEventListener(\"click\", function (e) {\r\n        e.preventDefault();\r\n        e.stopPropagation();\r\n        closeLightbox();\r\n      });\r\n\r\n      lb.addEventListener(\"click\", function (e) {\r\n        if (e.target === lb) closeLightbox();\r\n      });\r\n\r\n      if (dialog) {\r\n        dialog.addEventListener(\"click\", function (e) {\r\n          e.stopPropagation();\r\n        });\r\n      }\r\n\r\n      document.addEventListener(\"keydown\", function (e) {\r\n        if (!lb.classList.contains(\"is-open\")) return;\r\n        if (e.key === \"Escape\" || e.key === \"Esc\") {\r\n          e.preventDefault();\r\n          closeLightbox();\r\n        }\r\n      });\r\n    })();\n<\/script>\n\n<script>\n\/* Global Service: show 4 cards, jump with bottom controls *\/\r\n    (function () {\r\n      var root = document.querySelector(\"[data-service-carousel]\");\r\n      var track = document.getElementById(\"service-track\");\r\n      var prev = document.getElementById(\"service-prev\");\r\n      var next = document.getElementById(\"service-next\");\r\n      var dotsWrap = document.getElementById(\"service-dots\");\r\n      if (!root || !track || !prev || !next || !dotsWrap) return;\r\n\r\n      var steps = Array.prototype.slice.call(track.querySelectorAll(\".about-service__step\"));\r\n      var total = steps.length;\r\n      var index = 0;\r\n      var visible = 4;\r\n\r\n      function getVisible() {\r\n        var w = window.innerWidth || document.documentElement.clientWidth || 1200;\r\n        if (w <= 640) return 1;\r\n        if (w <= 900) return 2;\r\n        if (w <= 1100) return 3;\r\n        return 4;\r\n      }\r\n\r\n      function maxIndex() {\r\n        return Math.max(0, total - visible);\r\n      }\r\n\r\n      function pageCount() {\r\n        return maxIndex() + 1;\r\n      }\r\n\r\n      function renderDots() {\r\n        var pages = pageCount();\r\n        dotsWrap.innerHTML = \"\";\r\n        for (var i = 0; i < pages; i++) {\r\n          var b = document.createElement(\"button\");\r\n          b.type = \"button\";\r\n          b.className = \"about-service__dot\" + (i === index ? \" is-active\" : \"\");\r\n          b.setAttribute(\"aria-label\", \"Go to page \" + (i + 1));\r\n          b.setAttribute(\"aria-current\", i === index ? \"true\" : \"false\");\r\n          b.setAttribute(\"title\", \"Page \" + (i + 1));\r\n          (function (page) {\r\n            b.addEventListener(\"click\", function () { goTo(page); });\r\n          })(i);\r\n          dotsWrap.appendChild(b);\r\n        }\r\n      }\r\n\r\n      function update() {\r\n        visible = getVisible();\r\n        if (index > maxIndex()) index = maxIndex();\r\n\r\n        var gap = 20;\r\n        var stepW = steps[0] ? steps[0].getBoundingClientRect().width : 0;\r\n        var offset = index * (stepW + gap);\r\n        track.style.transform = \"translate3d(\" + (-offset) + \"px, 0, 0)\";\r\n\r\n        prev.disabled = index <= 0;\r\n        next.disabled = index >= maxIndex();\r\n        renderDots();\r\n      }\r\n\r\n      function goTo(i) {\r\n        index = Math.max(0, Math.min(maxIndex(), i));\r\n        update();\r\n      }\r\n\r\n      prev.addEventListener(\"click\", function () { goTo(index - 1); });\r\n      next.addEventListener(\"click\", function () { goTo(index + 1); });\r\n\r\n      var resizeTimer = 0;\r\n      window.addEventListener(\"resize\", function () {\r\n        window.clearTimeout(resizeTimer);\r\n        resizeTimer = window.setTimeout(update, 80);\r\n      });\r\n\r\n      \/\/ images can change measured width\r\n      track.querySelectorAll(\"img\").forEach(function (img) {\r\n        if (!img.complete) img.addEventListener(\"load\", update);\r\n      });\r\n\r\n      update();\r\n    })();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Hunan Jinlong New Material Technology Co., Ltd. DTF Materials Stable Quality. Factory Direct. Global Supply. Professional manufacturer of DTF transfer film, TPU hot melt powder and DTF ink. High stability, strong transfer and consistent performance for your business. 20+Years Experience 200+Regions Served 5000+Global Partners FactoryDirect Supply Who We Are We are not a trading company. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"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":""},"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-66","page","type-page","status-publish","hentry"],"acf":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"Jinlong","author_link":"https:\/\/jinlongdtf.com\/de\/author\/jinlong\/"},"uagb_comment_info":0,"uagb_excerpt":"Hunan Jinlong New Material Technology Co., Ltd. DTF Materials Stable Quality. Factory Direct. Global Supply. Professional manufacturer of DTF transfer film, TPU hot melt powder and DTF ink. High stability, strong transfer and consistent performance for your business. 20+Years Experience 200+Regions Served 5000+Global Partners FactoryDirect Supply Who We Are We are not a trading company.&hellip;","_links":{"self":[{"href":"https:\/\/jinlongdtf.com\/de\/wp-json\/wp\/v2\/pages\/66","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jinlongdtf.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jinlongdtf.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jinlongdtf.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jinlongdtf.com\/de\/wp-json\/wp\/v2\/comments?post=66"}],"version-history":[{"count":19,"href":"https:\/\/jinlongdtf.com\/de\/wp-json\/wp\/v2\/pages\/66\/revisions"}],"predecessor-version":[{"id":1785,"href":"https:\/\/jinlongdtf.com\/de\/wp-json\/wp\/v2\/pages\/66\/revisions\/1785"}],"wp:attachment":[{"href":"https:\/\/jinlongdtf.com\/de\/wp-json\/wp\/v2\/media?parent=66"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}