{"id":2469,"date":"2019-06-01T08:00:00","date_gmt":"2019-06-01T00:00:00","guid":{"rendered":"https:\/\/www.jutent.com\/about\/"},"modified":"2026-04-28T14:59:21","modified_gmt":"2026-04-28T06:59:21","slug":"about","status":"publish","type":"page","link":"https:\/\/www.jutent.com\/th\/about\/","title":{"rendered":"About"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2469\" class=\"elementor elementor-2469\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-19b8c8c e-con-full e-flex e-con e-parent\" data-id=\"19b8c8c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/www.jutent.com\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/Fabric-Workshop.mp4&quot;,&quot;background_video_start&quot;:0,&quot;background_video_end&quot;:70,&quot;background_play_on_mobile&quot;:&quot;yes&quot;,&quot;background_privacy_mode&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-12f4d30 elementor-widget elementor-widget-html\" data-id=\"12f4d30\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     JUTENT ABOUT PAGE \u2014 HERO SECTION\r\n     WordPress Component: paste into Elementor HTML widget\r\n     or Gutenberg Custom HTML block (full-width).\r\n     NOTE: Requires the CSS below to be loaded on the page.\r\n     ============================================================ -->\r\n\r\n<style>\r\n\/* ===========================\r\n   VARIABLES (shared across all About sections)\r\n   =========================== *\/\r\n:root {\r\n  --jutent-blue: #0BABF6;\r\n  --jutent-dark: #0a1628;\r\n  --jutent-dark2: #212D45;\r\n  --jutent-muted: #64748b;\r\n  --jutent-bg-light: #f8fafc;\r\n  --jutent-bg-section: #f1f5f9;\r\n  --jutent-radius: 16px;\r\n  --jutent-radius-lg: 20px;\r\n  --jutent-shadow: 0 4px 24px rgba(10,22,40,0.08);\r\n  --jutent-shadow-lg: 0 8px 40px rgba(10,22,40,0.12);\r\n  --jutent-transition: 0.25s ease;\r\n}\r\n\r\n\/* ===========================\r\n   HERO SECTION\r\n   =========================== *\/\r\n#about-hero {\r\n  padding: 120px 0 100px;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n#about-hero::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -200px;\r\n  right: -200px;\r\n  width: 600px;\r\n  height: 600px;\r\n  pointer-events: none;\r\n}\r\n#about-hero::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -100px;\r\n  left: -100px;\r\n  width: 400px;\r\n  height: 400px;\r\n  pointer-events: none;\r\n}\r\n#about-hero .about-container {\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  padding: 0 48px;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 80px;\r\n  align-items: center;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n#about-hero .hero-label {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: rgba(11,171,246,0.15);\r\n  border: 1px solid rgba(11,171,246,0.3);\r\n  color: #0BABF6;\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.08em;\r\n  text-transform: uppercase;\r\n  padding: 6px 16px;\r\n  border-radius: 100px;\r\n  margin-bottom: 24px;\r\n}\r\n#about-hero h1 {\r\n  font-size: clamp(36px, 4vw, 52px);\r\n  font-weight: 800;\r\n  color: #fff;\r\n  line-height: 1.15;\r\n  letter-spacing: -1px;\r\n  margin-bottom: 20px;\r\n}\r\n#about-hero h1 span { color: #0BABF6; }\r\n#about-hero .hero-subtitle {\r\n  font-size: 18px;\r\n  color: rgba(255,255,255,0.75);\r\n  line-height: 1.65;\r\n  margin-bottom: 40px;\r\n  max-width: 480px;\r\n}\r\n#about-hero .hero-actions {\r\n  display: flex;\r\n  gap: 16px;\r\n  flex-wrap: wrap;\r\n}\r\n#about-hero .btn-primary {\r\n  background: #0BABF6;\r\n  color: #fff;\r\n  padding: 14px 32px;\r\n  border-radius: 10px;\r\n  font-weight: 700;\r\n  font-size: 16px;\r\n  text-decoration: none;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  transition: background var(--jutent-transition), transform var(--jutent-transition);\r\n}\r\n#about-hero .btn-primary:hover { background: #0990d4; transform: translateY(-2px); }\r\n#about-hero .btn-secondary {\r\n  background: transparent;\r\n  color: #fff;\r\n  padding: 14px 32px;\r\n  border-radius: 10px;\r\n  font-weight: 600;\r\n  font-size: 16px;\r\n  text-decoration: none;\r\n  border: 1.5px solid rgba(255,255,255,0.3);\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  transition: border-color var(--jutent-transition), background var(--jutent-transition);\r\n}\r\n#about-hero .btn-secondary:hover { border-color: #0BABF6; background: rgba(11,171,246,0.08); }\r\n\r\n\/* Hero image grid *\/\r\n#about-hero .hero-image-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  grid-template-rows: auto auto;\r\n  gap: 12px;\r\n}\r\n#about-hero .hero-image-grid .img-main {\r\n  grid-column: 1 \/ -1;\r\n  border-radius: var(--jutent-radius);\r\n  overflow: hidden;\r\n  height: 240px;\r\n}\r\n#about-hero .hero-image-grid .img-sub {\r\n  border-radius: var(--jutent-radius);\r\n  overflow: hidden;\r\n  height: 160px;\r\n}\r\n#about-hero .hero-image-grid img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n  transition: transform 0.4s ease;\r\n}\r\n#about-hero .hero-image-grid img:hover { transform: scale(1.04); }\r\n\r\n\/* Hero stats bar *\/\r\n#about-hero .hero-stats {\r\n  display: flex;\r\n  gap: 0;\r\n  margin-top: 48px;\r\n  background: rgba(255,255,255,0.06);\r\n  border: 1px solid rgba(255,255,255,0.1);\r\n  border-radius: 14px;\r\n  overflow: hidden;\r\n}\r\n#about-hero .hero-stats .stat-item {\r\n  flex: 1;\r\n  padding: 24px 20px;\r\n  text-align: center;\r\n  border-right: 1px solid rgba(255,255,255,0.1);\r\n}\r\n#about-hero .hero-stats .stat-item:last-child { border-right: none; }\r\n#about-hero .hero-stats .stat-number {\r\n  font-size: 32px;\r\n  font-weight: 800;\r\n  color: #0BABF6;\r\n  line-height: 1;\r\n  margin-bottom: 6px;\r\n}\r\n#about-hero .hero-stats .stat-label {\r\n  font-size: 13px;\r\n  color: rgba(255,255,255,0.6);\r\n  font-weight: 500;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n  #about-hero .about-container {\r\n    grid-template-columns: 1fr;\r\n    gap: 48px;\r\n    padding: 0 24px;\r\n  }\r\n  #about-hero { padding: 80px 0 64px; }\r\n  #about-hero .hero-image-grid { display: none; }\r\n  #about-hero .hero-stats { flex-wrap: wrap; }\r\n  #about-hero .hero-stats .stat-item { flex: 1 1 50%; border-right: none; border-bottom: 1px solid rgba(255,255,255,0.1); }\r\n}\r\n<\/style>\r\n\r\n<!-- ===========================\r\n     HERO HTML\r\n     =========================== -->\r\n<section id=\"about-hero\">\r\n  <div class=\"about-container\">\r\n    <div class=\"hero-content\">\r\n      <div class=\"hero-label\">\r\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\r\n        Guangzhou, China \u2014 Since 2016\r\n      <\/div>\r\n      <h1>The Factory Behind<br><span>Your Next Structure<\/span><\/h1>\r\n      <p class=\"hero-subtitle\">We design, manufacture, and ship tensile membrane structures directly from our 8,000 sqm factory in Guangzhou \u2014 no agents, no markups, no delays. 420+ projects delivered across 30+ countries.<\/p>\r\n      <div class=\"hero-actions\">\r\n        <a href=\"javascript:void(0);\" class=\"btn-primary inquiry-popup\">\r\n          Request a Quote\r\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n        <\/a>\r\n        <a href=\"#about-production\" class=\"btn-secondary\">\r\n          See Our Factory\r\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"16\"\/><line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- Stats Bar -->\r\n      <div class=\"hero-stats\">\r\n        <div class=\"stat-item\">\r\n          <div class=\"stat-number\">2016<\/div>\r\n          <div class=\"stat-label\">Founded<\/div>\r\n        <\/div>\r\n        <div class=\"stat-item\">\r\n          <div class=\"stat-number\">8,000<\/div>\r\n          <div class=\"stat-label\">sqm Factory<\/div>\r\n        <\/div>\r\n        <div class=\"stat-item\">\r\n          <div class=\"stat-number\">420+<\/div>\r\n          <div class=\"stat-label\">Projects Done<\/div>\r\n        <\/div>\r\n        <div class=\"stat-item\">\r\n          <div class=\"stat-number\">30+<\/div>\r\n          <div class=\"stat-label\">Countries<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Image Grid (hidden on mobile) -->\r\n    <div class=\"hero-image-grid\">\r\n      <div class=\"img-main\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.jutent.com\/wp-content\/uploads\/2026\/03\/Steel-Structure-Factory-3.jpg\" alt=\"Jutent tensile membrane factory Top-Manufacturer-in-China-scaled\" loading=\"lazy\">\r\n      <\/div>\r\n      <div class=\"img-sub\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.jutent.com\/wp-content\/uploads\/2026\/04\/Install.jpeg\" alt=\"Jutent install guidance\" loading=\"lazy\">\r\n      <\/div>\r\n      <div class=\"img-sub\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.jutent.com\/wp-content\/uploads\/2026\/04\/Shipping-scaled.jpg\" alt=\"Completed stage cover tensile structure\" loading=\"lazy\">\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2eece7c e-con-full e-flex e-con e-parent\" data-id=\"2eece7c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e047e8 elementor-widget elementor-widget-html\" data-id=\"7e047e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     JUTENT ABOUT PAGE \u2014 ALL SECTIONS (except Hero)\r\n     Sections included:\r\n       1. We Work Differently (#about-differentiators)\r\n       2. Manufacturing Excellence (#about-production)\r\n       3. Our Professional Process (#about-process)\r\n       4. The People Behind the Projects (#about-clients)\r\n       5. Global Installation Support (#about-installation)\r\n       6. Our Advanced Membrane Materials (#about-materials)\r\n       7. CTA (#about-cta)\r\n\r\n     WordPress: paste into a single Elementor HTML widget\r\n     or Gutenberg Custom HTML block (full-width).\r\n     The <style> block can alternatively go into Code Snippets.\r\n     ============================================================ -->\r\n\r\n<style>\r\n\/* ===========================\r\n   VARIABLES (shared \u2014 skip if already loaded by Hero component)\r\n   =========================== *\/\r\n:root {\r\n  --jutent-blue: #0BABF6;\r\n  --jutent-dark: #0a1628;\r\n  --jutent-dark2: #212D45;\r\n  --jutent-muted: #64748b;\r\n  --jutent-bg-light: #f8fafc;\r\n  --jutent-bg-section: #f1f5f9;\r\n  --jutent-radius: 16px;\r\n  --jutent-radius-lg: 20px;\r\n  --jutent-shadow: 0 4px 24px rgba(10,22,40,0.08);\r\n  --jutent-shadow-lg: 0 8px 40px rgba(10,22,40,0.12);\r\n  --jutent-transition: 0.25s ease;\r\n}\r\n\r\n\/* ===========================\r\n   SHARED CONTAINER\r\n   =========================== *\/\r\n.about-container {\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  padding: 0 48px;\r\n}\r\n\r\n\/* ===========================\r\n   SECTION 1: WE WORK DIFFERENTLY\r\n   =========================== *\/\r\n#about-differentiators {\r\n  padding: 96px 0;\r\n  background: #fff;\r\n}\r\n#about-differentiators .section-label {\r\n  display: inline-block;\r\n  color: #0BABF6;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n  margin-bottom: 12px;\r\n}\r\n#about-differentiators .section-title {\r\n  font-size: clamp(28px, 3vw, 40px);\r\n  font-weight: 800;\r\n  color: var(--jutent-dark);\r\n  letter-spacing: -0.5px;\r\n  margin-bottom: 12px;\r\n  line-height: 1.2;\r\n}\r\n#about-differentiators .section-intro {\r\n  font-size: 15px;\r\n  color: var(--jutent-muted);\r\n  margin-bottom: 56px;\r\n  max-width: 600px;\r\n}\r\n#about-differentiators .diff-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 28px;\r\n}\r\n#about-differentiators .diff-card {\r\n  background: var(--jutent-bg-light);\r\n  border: 1px solid #e2e8f0;\r\n  border-radius: var(--jutent-radius-lg);\r\n  padding: 36px 32px;\r\n  transition: box-shadow var(--jutent-transition), transform var(--jutent-transition), border-color var(--jutent-transition);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n#about-differentiators .diff-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0;\r\n  height: 3px;\r\n  background: #0BABF6;\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n  transition: transform 0.3s ease;\r\n}\r\n#about-differentiators .diff-card:hover {\r\n  box-shadow: var(--jutent-shadow-lg);\r\n  transform: translateY(-4px);\r\n  border-color: rgba(11,171,246,0.2);\r\n}\r\n#about-differentiators .diff-card:hover::before { transform: scaleX(1); }\r\n#about-differentiators .diff-icon {\r\n  width: 52px;\r\n  height: 52px;\r\n  background: rgba(11,171,246,0.1);\r\n  border-radius: 14px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 20px;\r\n}\r\n#about-differentiators .diff-icon svg {\r\n  width: 26px; height: 26px;\r\n  color: #0BABF6;\r\n}\r\n#about-differentiators .diff-card h3 {\r\n  font-size: 19px;\r\n  font-weight: 700;\r\n  color: var(--jutent-dark);\r\n  margin-bottom: 12px;\r\n  line-height: 1.3;\r\n}\r\n#about-differentiators .diff-card p {\r\n  font-size: 15px;\r\n  color: var(--jutent-muted);\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* ===========================\r\n   SECTION 2: MANUFACTURING EXCELLENCE\r\n   =========================== *\/\r\n#about-production {\r\n  padding: 96px 0;\r\n  background: var(--jutent-dark);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n#about-production::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0; bottom: 0;\r\n  background: url('https:\/\/www.jutent.com\/wp-content\/uploads\/2026\/04\/jutent-factory-production.jpg') center\/cover no-repeat;\r\n  opacity: 0.08;\r\n  pointer-events: none;\r\n}\r\n#about-production .about-container { position: relative; z-index: 1; }\r\n#about-production .section-label {\r\n  display: inline-block;\r\n  color: #0BABF6;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n  margin-bottom: 12px;\r\n}\r\n#about-production .section-title {\r\n  font-size: clamp(28px, 3vw, 40px);\r\n  font-weight: 800;\r\n  color: #fff;\r\n  letter-spacing: -0.5px;\r\n  margin-bottom: 12px;\r\n  line-height: 1.2;\r\n}\r\n#about-production .section-intro {\r\n  font-size: 16px;\r\n line-height: 1.5;\r\n  color: rgba(255,255,255,0.65);\r\n  margin-bottom: 56px;\r\n  max-width: 640px;\r\n}\r\n#about-production .stats-row {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 24px;\r\n  margin-bottom: 64px;\r\n}\r\n#about-production .stat-card {\r\n  background: rgba(255,255,255,0.06);\r\n  border: 1px solid rgba(255,255,255,0.1);\r\n  border-radius: var(--jutent-radius);\r\n  padding: 32px 24px;\r\n  text-align: center;\r\n  transition: background var(--jutent-transition), border-color var(--jutent-transition);\r\n}\r\n#about-production .stat-card:hover {\r\n  background: rgba(11,171,246,0.1);\r\n  border-color: rgba(11,171,246,0.3);\r\n}\r\n#about-production .stat-card .stat-number {\r\n  font-size: 48px;\r\n  font-weight: 900;\r\n  color: #0BABF6;\r\n  line-height: 1;\r\n  margin-bottom: 8px;\r\n  letter-spacing: -2px;\r\n}\r\n#about-production .stat-card .stat-label {\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.05em;\r\n  margin-bottom: 10px;\r\n}\r\n#about-production .stat-card .stat-desc {\r\n  font-size: 14px;\r\n  color: rgba(255,255,255,0.55);\r\n  line-height: 1.6;\r\n}\r\n#about-production .production-layout {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 40px;\r\n  align-items: stretch;\r\n}\r\n#about-production .production-gallery {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  grid-template-rows: 1fr auto;\r\n  gap: 12px;\r\n  height: 100%;\r\n}\r\n#about-production .production-gallery .gallery-main {\r\n  grid-column: 1 \/ -1;\r\n  border-radius: var(--jutent-radius);\r\n  overflow: hidden;\r\n  min-height: 200px;\r\n}\r\n#about-production .production-gallery .gallery-sub {\r\n  border-radius: var(--jutent-radius);\r\n  overflow: hidden;\r\n  min-height: 140px;\r\n}\r\n#about-production .production-gallery img {\r\n  width: 100%; height: 100%;\r\n  object-fit: cover; display: block;\r\n  transition: transform 0.4s ease;\r\n}\r\n#about-production .production-gallery img:hover { transform: scale(1.04); }\r\n#about-production .production-text { padding: 8px 0; }\r\n#about-production .production-text > p {\r\n  font-size: 16px;\r\n  color: rgba(255,255,255,0.75);\r\n  line-height: 1.8;\r\n  margin-bottom: 32px;\r\n}\r\n#about-production .process-steps {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 16px;\r\n}\r\n#about-production .process-step {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 16px;\r\n}\r\n#about-production .step-num {\r\n  width: 32px; height: 32px;\r\n  background: #0BABF6;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 14px;\r\n  font-weight: 800;\r\n  color: #fff;\r\n  flex-shrink: 0;\r\n  margin-top: 2px;\r\n}\r\n#about-production .step-content h4 {\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  margin-bottom: 4px;\r\n}\r\n#about-production .step-content p {\r\n  font-size: 15px;\r\n  color: rgba(255,255,255,0.55);\r\n  line-height: 1.6;\r\n  margin: 0;\r\n}\r\n\r\n\/* Workshop internal link buttons *\/\r\n#about-production .workshop-links {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n  margin-top: 28px;\r\n}\r\n#about-production .workshop-btn {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n  padding: 16px 20px;\r\n  background: rgba(255,255,255,0.06);\r\n  border: 1px solid rgba(255,255,255,0.12);\r\n  border-radius: 12px;\r\n  text-decoration: none;\r\n  transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease;\r\n}\r\n#about-production .workshop-btn:hover {\r\n  background: rgba(11,171,246,0.12);\r\n  border-color: rgba(11,171,246,0.4);\r\n  transform: translateX(4px);\r\n}\r\n#about-production .workshop-btn > svg:first-child {\r\n  width: 24px;\r\n  height: 24px;\r\n  color: #0BABF6;\r\n  flex-shrink: 0;\r\n}\r\n#about-production .workshop-btn span {\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 3px;\r\n}\r\n#about-production .workshop-btn strong {\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  line-height: 1.3;\r\n}\r\n#about-production .workshop-btn em {\r\n  font-size: 13px;\r\n  font-style: normal;\r\n  color: rgba(255,255,255,0.5);\r\n  line-height: 1.4;\r\n}\r\n#about-production .workshop-btn .arrow {\r\n  width: 18px;\r\n  height: 18px;\r\n  color: rgba(255,255,255,0.3);\r\n  flex-shrink: 0;\r\n  transition: color 0.25s ease;\r\n}\r\n#about-production .workshop-btn:hover .arrow {\r\n  color: #0BABF6;\r\n}\r\n\r\n\r\n\/* ===========================\r\n   SECTION 3: OUR PROFESSIONAL PROCESS\r\n   =========================== *\/\r\n#about-process {\r\n  padding: 96px 0;\r\n  background: var(--jutent-bg-section);\r\n}\r\n#about-process .section-label {\r\n  display: inline-block;\r\n  color: #0BABF6;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n  margin-bottom: 12px;\r\n}\r\n#about-process .section-title {\r\n  font-size: clamp(28px, 3vw, 40px);\r\n  font-weight: 800;\r\n  color: var(--jutent-dark);\r\n  letter-spacing: -0.5px;\r\n  margin-bottom: 12px;\r\n  line-height: 1.2;\r\n}\r\n#about-process .section-intro {\r\n  font-size: 17px;\r\nline-height: 1.6;\r\n  color: var(--jutent-muted);\r\n  margin-bottom: 64px;\r\n  max-width: 640px;\r\n}\r\n#about-process .process-track { position: relative; }\r\n#about-process .process-track::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 36px;\r\n  left: calc(36px \/ 2);\r\n  right: calc(36px \/ 2);\r\n  height: 2px;\r\n  background: linear-gradient(to right, #0BABF6, rgba(11,171,246,0.2));\r\n  z-index: 0;\r\n}\r\n#about-process .process-steps-row {\r\n  display: grid;\r\n  grid-template-columns: repeat(6, 1fr);\r\n  gap: 16px;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n#about-process .proc-step {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  text-align: center;\r\n}\r\n#about-process .proc-icon {\r\n  width: 72px; height: 72px;\r\n  background: #fff;\r\n  border: 2px solid #e2e8f0;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 20px;\r\n  position: relative;\r\n  transition: border-color var(--jutent-transition), box-shadow var(--jutent-transition), background var(--jutent-transition);\r\n  flex-shrink: 0;\r\n}\r\n#about-process .proc-step:hover .proc-icon {\r\n  border-color: #0BABF6;\r\n  background: rgba(11,171,246,0.06);\r\n  box-shadow: 0 0 0 6px rgba(11,171,246,0.08);\r\n}\r\n#about-process .proc-icon svg {\r\n  width: 28px; height: 28px;\r\n  color: #0BABF6;\r\n}\r\n#about-process .proc-num {\r\n  position: absolute;\r\n  top: -6px; right: -6px;\r\n  width: 22px; height: 22px;\r\n  background: #0BABF6;\r\n  border-radius: 50%;\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  color: #fff;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n#about-process .proc-step h3 {\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  color: var(--jutent-dark);\r\n  margin-bottom: 8px;\r\n  line-height: 1.3;\r\n}\r\n#about-process .proc-step p {\r\n  font-size: 13px;\r\n  color: var(--jutent-muted);\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* ===========================\r\n   SECTION 4: THE PEOPLE BEHIND THE PROJECTS (Carousel)\r\n   =========================== *\/\r\n#about-clients {\r\n  padding: 96px 0;\r\n  background: #fff;\r\n}\r\n#about-clients .section-label {\r\n  display: inline-block;\r\n  color: #0BABF6;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n  margin-bottom: 12px;\r\n}\r\n#about-clients .section-title {\r\n  font-size: clamp(28px, 3vw, 40px);\r\n  font-weight: 800;\r\n  color: var(--jutent-dark);\r\n  letter-spacing: -0.5px;\r\n  margin-bottom: 12px;\r\n  line-height: 1.2;\r\n}\r\n#about-clients .section-intro {\r\n  font-size: 16px;\r\n    line-height: 1.6;\r\n  color: var(--jutent-muted);\r\n  margin-bottom: 48px;\r\n  max-width: 600px;\r\n}\r\n#about-clients .carousel-wrap { position: relative; }\r\n#about-clients .carousel-track-outer {\r\n  overflow: hidden;\r\n  border-radius: var(--jutent-radius);\r\n}\r\n#about-clients .carousel-track {\r\n  display: flex;\r\n  gap: 16px;\r\n  transition: transform 0.45s cubic-bezier(0.4,0,0.2,1);\r\n  will-change: transform;\r\n}\r\n#about-clients .carousel-slide {\r\n  flex: 0 0 calc(25% - 12px);\r\n  border-radius: var(--jutent-radius);\r\n  overflow: hidden;\r\n  background: var(--jutent-bg-section);\r\n  aspect-ratio: 4\/3;\r\n}\r\n#about-clients .carousel-slide img {\r\n  width: 100%; height: 100%;\r\n  object-fit: cover; display: block;\r\n  transition: transform 0.4s ease;\r\n}\r\n#about-clients .carousel-slide:hover img { transform: scale(1.04); }\r\n#about-clients .carousel-btn {\r\n  position: absolute;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  width: 44px; height: 44px;\r\n  background: #fff;\r\n  border: 1.5px solid #e2e8f0;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n  z-index: 10;\r\n  transition: background var(--jutent-transition), border-color var(--jutent-transition), box-shadow var(--jutent-transition);\r\n  box-shadow: 0 2px 12px rgba(10,22,40,0.1);\r\n}\r\n#about-clients .carousel-btn:hover {\r\n  background: #0BABF6;\r\n  border-color: #0BABF6;\r\n  box-shadow: 0 4px 20px rgba(11,171,246,0.3);\r\n}\r\n#about-clients .carousel-btn:hover svg { color: #fff; }\r\n#about-clients .carousel-btn svg {\r\n  width: 20px; height: 20px;\r\n  color: var(--jutent-dark);\r\n  transition: color var(--jutent-transition);\r\n\r\n  display: block !important;\r\n\r\n  flex-shrink: 0;\r\n\r\n\r\n}\r\n#about-clients .carousel-btn.prev { left: -22px; }\r\n#about-clients .carousel-btn.next { right: -22px; }\r\n#about-clients .carousel-dots {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  margin-top: 28px;\r\n}\r\n#about-clients .carousel-dot {\r\n  width: 8px; height: 8px;\r\n  border-radius: 50%;\r\n  background: #cbd5e1;\r\n  cursor: pointer;\r\n  transition: background var(--jutent-transition), transform var(--jutent-transition);\r\n}\r\n#about-clients .carousel-dot.active {\r\n  background: #0BABF6;\r\n  transform: scale(1.3);\r\n}\r\n#about-clients .client-note {\r\n  margin-top: 48px;\r\n  text-align: center;\r\n  padding: 24px 32px;\r\n  background: var(--jutent-bg-light);\r\n  border-radius: var(--jutent-radius);\r\n  border: 1px solid #e2e8f0;\r\n}\r\n#about-clients .client-note p {\r\n  font-size: 16px;\r\n  color: var(--jutent-muted);\r\n  line-height: 1.7;\r\n}\r\n#about-clients .client-note strong { color: var(--jutent-dark); }\r\n\r\n\/* ===========================\r\n   SECTION 5: GLOBAL INSTALLATION SUPPORT\r\n   =========================== *\/\r\n#about-installation {\r\n  padding: 96px 0;\r\n  background: #fff;\r\n}\r\n#about-installation .section-label {\r\n  display: inline-block;\r\n  color: #0BABF6;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n  margin-bottom: 12px;\r\n}\r\n#about-installation .section-title {\r\n  font-size: clamp(28px, 3vw, 40px);\r\n  font-weight: 800;\r\n  color: var(--jutent-dark);\r\n  letter-spacing: -0.5px;\r\n  margin-bottom: 12px;\r\n  line-height: 1.2;\r\n}\r\n#about-installation .section-intro {\r\n  font-size: 17px;\r\n    line-height: 1.6;\r\n  color: var(--jutent-muted);\r\n  margin-bottom: 56px;\r\n  max-width: 600px;\r\n}\r\n#about-installation .install-layout {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 80px;\r\n  align-items: center;\r\n}\r\n#about-installation .install-image {\r\n  border-radius: var(--jutent-radius-lg);\r\n  overflow: hidden;\r\n  height: 480px;\r\n  position: relative;\r\n}\r\n#about-installation .install-image img {\r\n  width: 100%; height: 100%;\r\n  object-fit: cover; display: block;\r\n}\r\n#about-installation .install-image .image-badge {\r\n  position: absolute;\r\n  bottom: 24px; left: 24px;\r\n  background: rgba(10,22,40,0.85);\r\n  backdrop-filter: blur(8px);\r\n  border: 1px solid rgba(255,255,255,0.1);\r\n  border-radius: 12px;\r\n  padding: 16px 20px;\r\n  text-align: center;\r\n}\r\n#about-installation .install-image .badge-num {\r\n  font-size: 28px;\r\n  font-weight: 900;\r\n  color: #0BABF6;\r\n  line-height: 1;\r\n  margin-bottom: 4px;\r\n}\r\n#about-installation .install-image .badge-text {\r\n  font-size: 12px;\r\n  color: rgba(255,255,255,0.7);\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.05em;\r\n}\r\n#about-installation .install-tiers {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 24px;\r\n}\r\n#about-installation .tier-card {\r\n  display: flex;\r\n  gap: 20px;\r\n  align-items: flex-start;\r\n  padding: 28px;\r\n  background: var(--jutent-bg-light);\r\n  border: 1px solid #e2e8f0;\r\n  border-radius: var(--jutent-radius);\r\n  transition: box-shadow var(--jutent-transition), border-color var(--jutent-transition);\r\n}\r\n#about-installation .tier-card:hover {\r\n  box-shadow: var(--jutent-shadow);\r\n  border-color: rgba(11,171,246,0.25);\r\n}\r\n#about-installation .tier-icon {\r\n  width: 48px; height: 48px;\r\n  background: rgba(11,171,246,0.1);\r\n  border-radius: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n}\r\n#about-installation .tier-icon svg {\r\n  width: 24px; height: 24px;\r\n  color: #0BABF6;\r\n}\r\n#about-installation .tier-content h3 {\r\n  font-size: 17px;\r\n  font-weight: 700;\r\n  color: var(--jutent-dark);\r\n  margin-bottom: 8px;\r\n  line-height: 1.3;\r\n}\r\n#about-installation .tier-content p {\r\n  font-size: 15px;\r\n  color: var(--jutent-muted);\r\n  line-height: 1.7;\r\n  margin: 0;\r\n}\r\n\r\n\/* ===========================\r\n   SECTION 6: MATERIALS\r\n   =========================== *\/\r\n#about-materials {\r\n  padding: 96px 0;\r\n  background: var(--jutent-bg-section);\r\n}\r\n#about-materials .section-label {\r\n  display: inline-block;\r\n  color: #0BABF6;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n  margin-bottom: 12px;\r\n}\r\n#about-materials .section-title {\r\n  font-size: clamp(28px, 3vw, 40px);\r\n  font-weight: 800;\r\n  color: var(--jutent-dark);\r\n  letter-spacing: -0.5px;\r\n  margin-bottom: 12px;\r\n  line-height: 1.2;\r\n}\r\n#about-materials .section-intro {\r\n  font-size: 17px;\r\n    line-height: 1.6;\r\n  color: var(--jutent-muted);\r\n  margin-bottom: 56px;\r\n  max-width: 720px;\r\n}\r\n#about-materials .materials-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 28px;\r\n  margin-bottom: 40px;\r\n}\r\n#about-materials .material-card {\r\n  border-radius: var(--jutent-radius-lg);\r\n  padding: 40px 36px;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n#about-materials .material-card.featured {\r\n  background: var(--jutent-dark);\r\n  border: 1px solid rgba(11,171,246,0.3);\r\n}\r\n#about-materials .material-card.premium {\r\n  background: #1e3a5f;\r\n  border: 1px solid rgba(11,171,246,0.2);\r\n}\r\n#about-materials .material-badge {\r\n  display: inline-block;\r\n  background: #0BABF6;\r\n  color: #fff;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.05em;\r\n  text-transform: uppercase;\r\n  padding: 5px 14px;\r\n  border-radius: 100px;\r\n  margin-bottom: 20px;\r\n}\r\n#about-materials .material-card.premium .material-badge {\r\n  background: rgba(11,171,246,0.2);\r\n  color: #0BABF6;\r\n  border: 1px solid rgba(11,171,246,0.3);\r\n}\r\n#about-materials .material-name {\r\n  font-size: 26px;\r\n  font-weight: 800;\r\n  color: #fff;\r\n  margin-bottom: 24px;\r\n  line-height: 1.2;\r\n}\r\n#about-materials .material-specs {\r\n  list-style: none;\r\n  padding: 0; margin: 0 0 24px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n}\r\n#about-materials .material-specs li {\r\n  font-size: 15px;\r\n  color: rgba(255,255,255,0.75);\r\n  line-height: 1.5;\r\n  padding-left: 20px;\r\n  position: relative;\r\n}\r\n#about-materials .material-specs li::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: 0; top: 8px;\r\n  width: 6px; height: 6px;\r\n  background: #0BABF6;\r\n  border-radius: 50%;\r\n}\r\n#about-materials .material-best-for {\r\n  font-size: 14px;\r\n  color: rgba(255,255,255,0.6);\r\n  line-height: 1.7;\r\n  padding-top: 20px;\r\n  border-top: 1px solid rgba(255,255,255,0.1);\r\n}\r\n#about-materials .material-best-for strong { color: #0BABF6; }\r\n#about-materials .report-note {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 16px;\r\n  background: #fff;\r\n  border: 1px solid #e2e8f0;\r\n  border-radius: var(--jutent-radius);\r\n  padding: 24px 28px;\r\n}\r\n#about-materials .report-note svg {\r\n  width: 24px; height: 24px;\r\n  color: #0BABF6;\r\n  flex-shrink: 0;\r\n  margin-top: 2px;\r\n}\r\n#about-materials .report-note p {\r\n  font-size: 15px;\r\n  color: var(--jutent-muted);\r\n  line-height: 1.7;\r\n  margin: 0;\r\n}\r\n#about-materials .report-note strong { color: var(--jutent-dark); }\r\n\r\n\/* ===========================\r\n   SECTION 7: CTA\r\n   =========================== *\/\r\n#about-cta {\r\n  padding: 96px 0;\r\n  background: var(--jutent-dark);\r\n  text-align: center;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n#about-cta::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 50%; left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 800px; height: 400px;\r\n  background: radial-gradient(ellipse, rgba(11,171,246,0.12) 0%, transparent 70%);\r\n  pointer-events: none;\r\n}\r\n#about-cta .about-container { position: relative; z-index: 1; }\r\n#about-cta h2 {\r\n  font-size: clamp(28px, 3.5vw, 44px);\r\n  font-weight: 800;\r\n  color: #fff;\r\n  letter-spacing: -0.5px;\r\n  margin-bottom: 16px;\r\n  line-height: 1.2;\r\n}\r\n#about-cta p {\r\n  font-size: 18px;\r\n  color: rgba(255,255,255,0.65);\r\n  margin-bottom: 48px;\r\n  max-width: 560px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n  line-height: 1.65;\r\n}\r\n#about-cta .cta-actions {\r\n  display: flex;\r\n  gap: 16px;\r\n  justify-content: center;\r\n  flex-wrap: wrap;\r\n}\r\n#about-cta .btn-primary {\r\n  background: #0BABF6;\r\n  color: #fff;\r\n  padding: 16px 40px;\r\n  border-radius: 10px;\r\n  font-weight: 700;\r\n  font-size: 17px;\r\n  text-decoration: none;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  transition: background var(--jutent-transition), transform var(--jutent-transition), box-shadow var(--jutent-transition);\r\n}\r\n#about-cta .btn-primary:hover {\r\n  background: #0990d4;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 32px rgba(11,171,246,0.35);\r\n}\r\n#about-cta .btn-secondary {\r\n  background: transparent;\r\n  color: rgba(255,255,255,0.85);\r\n  padding: 16px 40px;\r\n  border-radius: 10px;\r\n  font-weight: 600;\r\n  font-size: 17px;\r\n  text-decoration: none;\r\n  border: 1.5px solid rgba(255,255,255,0.25);\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  transition: border-color var(--jutent-transition), background var(--jutent-transition);\r\n}\r\n#about-cta .btn-secondary:hover {\r\n  border-color: #0BABF6;\r\n  background: rgba(11,171,246,0.1);\r\n}\r\n\r\n\/* ===========================\r\n   RESPONSIVE\r\n   =========================== *\/\r\n@media (max-width: 1024px) {\r\n  .about-container { padding: 0 32px; }\r\n  #about-installation .install-layout { gap: 48px; }\r\n}\r\n@media (max-width: 768px) {\r\n  .about-container { padding: 0 20px; }\r\n  #about-differentiators { padding: 64px 0; }\r\n  #about-differentiators .diff-grid { grid-template-columns: 1fr; }\r\n  #about-production { padding: 64px 0; }\r\n  #about-production .stats-row { grid-template-columns: 1fr; gap: 16px; }\r\n  #about-production .production-layout { grid-template-columns: 1fr; }\r\n  #about-production .production-gallery { display: none; }\r\n  #about-process { padding: 64px 0; }\r\n  #about-process .process-steps-row { grid-template-columns: repeat(3, 1fr); gap: 24px; }\r\n  #about-process .process-track::before { display: none; }\r\n  #about-clients { padding: 64px 0; }\r\n  #about-clients .carousel-slide { flex: 0 0 calc(50% - 8px); }\r\n  #about-clients .carousel-btn.prev { left: -12px; }\r\n  #about-clients .carousel-btn.next { right: -12px; }\r\n  #about-installation { padding: 64px 0; }\r\n  #about-installation .install-layout { grid-template-columns: 1fr; gap: 40px; }\r\n  #about-installation .install-image { height: 280px; }\r\n  #about-materials { padding: 64px 0; }\r\n  #about-materials .materials-grid { grid-template-columns: 1fr; }\r\n  #about-cta { padding: 64px 0; }\r\n}\r\n@media (max-width: 480px) {\r\n  #about-process .process-steps-row { grid-template-columns: repeat(2, 1fr); }\r\n  #about-clients .carousel-slide { flex: 0 0 calc(100% - 0px); }\r\n}\r\n<\/style>\r\n\r\n\r\n<!-- ===========================\r\n     SECTION 1: WE WORK DIFFERENTLY\r\n     =========================== -->\r\n<section id=\"about-differentiators\">\r\n  <div class=\"about-container\">\r\n    <div class=\"section-label\">Why Choose Jutent<\/div>\r\n    <h2 class=\"section-title\">We Work Differently<\/h2>\r\n    <p class=\"section-intro\">Most suppliers add layers between you and the factory. We remove them entirely.<\/p>\r\n\r\n    <div class=\"diff-grid\">\r\n\r\n      <div class=\"diff-card\">\r\n        <div class=\"diff-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 7V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v2\"\/><line x1=\"12\" y1=\"12\" x2=\"12\" y2=\"16\"\/><line x1=\"10\" y1=\"14\" x2=\"14\" y2=\"14\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Direct Factory Access<\/h3>\r\n        <p>When you contact Jutent, you're talking directly to the manufacturer \u2014 not a trading company or agent. Our 8,000 sqm factory in Guangzhou handles everything in-house, from steel fabrication to membrane cutting and packaging. This means faster responses, transparent pricing, and no markup layers.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"diff-card\">\r\n        <div class=\"diff-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M2 20h20M4 20V10l8-6 8 6v10\"\/><path d=\"M10 20v-5h4v5\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>In-House Structural Engineering<\/h3>\r\n        <p>Our engineering team uses SAP2000 and Easy software to perform full structural analysis on every project \u2014 wind load, snow load, membrane tension, and steel sizing. You receive stamped drawings and load calculations, not just a product quote. This level of technical depth is rare among fabric structure suppliers.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"diff-card\">\r\n        <div class=\"diff-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Fast Turnaround, Custom Design<\/h3>\r\n        <p>We respond to RFQs within 24 hours and can produce preliminary design drawings within 3\u20135 business days. Custom shapes, non-standard spans, and complex geometries are handled by our in-house team \u2014 no outsourcing, no waiting on third-party designers. Your project timeline stays on track.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"diff-card\">\r\n        <div class=\"diff-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Comprehensive Global Support<\/h3>\r\n        <p>Benefit from our full installation support package, including detailed step-by-step manuals and real-time remote guidance via WhatsApp, WeChat, or Zoom. With 420+ projects completed across 30+ countries, we understand the challenges of overseas installation and provide reliable on-site supervision when needed.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ===========================\r\n     SECTION 2: MANUFACTURING EXCELLENCE\r\n     =========================== -->\r\n<section id=\"about-production\">\r\n  <div class=\"about-container\">\r\n    <div class=\"section-label\">Our Factory<\/div>\r\n    <h2 class=\"section-title\">Manufacturing Excellence<\/h2>\r\n    <p class=\"section-intro\">Our 8,000 sqm factory in Guangzhou houses dedicated workshops: 6,000 sqm for steel structures and 2,000 sqm for membrane fabrication \u2014 ensuring end-to-end production control.<\/p>\r\n\r\n    <div class=\"stats-row\">\r\n      <div class=\"stat-card\">\r\n        <div class=\"stat-number\">8,000<\/div>\r\n        <div class=\"stat-label\">sqm Factory<\/div>\r\n        <div class=\"stat-desc\">Dedicated workshops for steel fabrication and membrane production under one roof.<\/div>\r\n      <\/div>\r\n      <div class=\"stat-card\">\r\n        <div class=\"stat-number\">420+<\/div>\r\n        <div class=\"stat-label\">Projects Completed<\/div>\r\n        <div class=\"stat-desc\">Proven reliability across grandstands, sports courts, stage covers, walkways, and more.<\/div>\r\n      <\/div>\r\n      <div class=\"stat-card\">\r\n        <div class=\"stat-number\">30+<\/div>\r\n        <div class=\"stat-label\">Countries Served<\/div>\r\n        <div class=\"stat-desc\">Successfully delivered structures to Southeast Asia, Africa, Middle East, and beyond.<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"production-layout\">\r\n      <div class=\"production-gallery\">\r\n        <div class=\"gallery-main\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.jutent.com\/wp-content\/uploads\/2026\/04\/Packaging-scaled.jpg\" alt=\"Jutent factory steel structure production\" loading=\"lazy\">\r\n        <\/div>\r\n        <div class=\"gallery-sub\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.jutent.com\/wp-content\/uploads\/2026\/03\/Welding-1.jpg\" alt=\"Membrane cutting and fabrication\" loading=\"lazy\">\r\n        <\/div>\r\n        <div class=\"gallery-sub\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.jutent.com\/wp-content\/uploads\/2026\/04\/Quality-Control-Factory-scaled.jpg\" alt=\"Factory production and packaging process\" loading=\"lazy\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"production-text\">\r\n        <p>Our production process begins with precision CNC cutting for Q355B and Q235B steel components, followed by expert welding to meet strict structural integrity standards. Simultaneously, our membrane workshop utilizes advanced high-frequency welding for accurate and durable PVDF and PTFE fabric panel fabrication. Every stage undergoes rigorous quality control \u2014 from material inspection to final assembly checks \u2014 ensuring structures meet ISO 9001 and SGS certification standards.<\/p>\r\n\r\n        <div class=\"process-steps\">\r\n          <div class=\"process-step\">\r\n            <div class=\"step-num\">1<\/div>\r\n            <div class=\"step-content\">\r\n              <h4>Steel Fabrication<\/h4>\r\n              <p>CNC cutting, welding, and surface treatment (epoxy zinc-rich primer + fluorocarbon topcoat)<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"process-step\">\r\n            <div class=\"step-num\">2<\/div>\r\n            <div class=\"step-content\">\r\n              <h4>Membrane Cutting &amp; Welding<\/h4>\r\n              <p>High-frequency welding for PVDF\/PTFE panels; precision pattern cutting for complex geometries<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"process-step\">\r\n            <div class=\"step-num\">3<\/div>\r\n            <div class=\"step-content\">\r\n              <h4>Quality Control<\/h4>\r\n              <p>Full inspection at each stage: material certs, weld quality, dimensional accuracy, load testing<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"process-step\">\r\n            <div class=\"step-num\">4<\/div>\r\n            <div class=\"step-content\">\r\n              <h4>Packaging &amp; Shipping<\/h4>\r\n              <p>Careful packaging with numbered components, installation manuals, and hardware kits included<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <!-- Workshop internal links -->\r\n    <div class=\"workshop-links\">\r\n  <a href=\"https:\/\/www.jutent.com\/about\/steel-structure-workshop\/\" class=\"workshop-btn\">\r\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n      <path d=\"M2 20h20M4 20V10l6-6 6 6v10\"\/><rect x=\"9\" y=\"14\" width=\"6\" height=\"6\"\/>\r\n    <\/svg>\r\n    <span>\r\n      <strong>Steel Structure Workshop<\/strong>\r\n      <em>CNC cutting, welding &amp; surface treatment<\/em>\r\n    <\/span>\r\n    <svg class=\"arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n      <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/>\r\n    <\/svg>\r\n  <\/a>\r\n  <a href=\"https:\/\/www.jutent.com\/about\/membrane-fabrication-center\/\" class=\"workshop-btn\">\r\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n      <path d=\"M3 6c0 0 2-2 5-2s5 2 8 2 5-2 5-2\"\/><path d=\"M3 12c0 0 2-2 5-2s5 2 8 2 5-2 5-2\"\/><path d=\"M3 18c0 0 2-2 5-2s5 2 8 2 5-2 5-2\"\/>\r\n    <\/svg>\r\n    <span>\r\n      <strong>Membrane Fabrication Center<\/strong>\r\n      <em>High-frequency welding &amp; precision pattern cutting<\/em>\r\n    <\/span>\r\n    <svg class=\"arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n      <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/>\r\n    <\/svg>\r\n  <\/a>\r\n<\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ===========================\r\n     SECTION 3: OUR PROFESSIONAL PROCESS\r\n     =========================== -->\r\n<section id=\"about-process\">\r\n  <div class=\"about-container\">\r\n    <div class=\"section-label\">How It Works<\/div>\r\n    <h2 class=\"section-title\">Our Professional Process<\/h2>\r\n    <p class=\"section-intro\">From your first inquiry to final installation, every project follows a rigorous 6-step workflow \u2014 designed to eliminate surprises and keep your timeline on track.<\/p>\r\n\r\n    <div class=\"process-track\">\r\n      <div class=\"process-steps-row\">\r\n\r\n        <div class=\"proc-step\">\r\n          <div class=\"proc-icon\">\r\n            <div class=\"proc-num\">1<\/div>\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 00-3-3.87\"\/><path d=\"M16 3.13a4 4 0 010 7.75\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Consultation<\/h3>\r\n          <p>Site review, requirements, and budget assessment.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"proc-step\">\r\n          <div class=\"proc-icon\">\r\n            <div class=\"proc-num\">2<\/div>\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <line x1=\"18\" y1=\"2\" x2=\"22\" y2=\"6\"\/><path d=\"M7.5 20.5L19 9l-4-4L3.5 16.5 2 22z\"\/><line x1=\"15\" y1=\"6\" x2=\"18\" y2=\"9\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>3D Design<\/h3>\r\n          <p>3D renderings and layout drawings for your approval.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"proc-step\">\r\n          <div class=\"proc-icon\">\r\n            <div class=\"proc-num\">3<\/div>\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\"\/><line x1=\"8\" y1=\"6\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"10\" x2=\"16\" y2=\"10\"\/><line x1=\"8\" y1=\"14\" x2=\"12\" y2=\"14\"\/><line x1=\"8\" y1=\"18\" x2=\"10\" y2=\"18\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Engineering<\/h3>\r\n          <p>Structural analysis with wind, snow &amp; load calculations.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"proc-step\">\r\n          <div class=\"proc-icon\">\r\n            <div class=\"proc-num\">4<\/div>\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M2 20h20\"\/><path d=\"M4 20V10l6-6 6 6v10\"\/><rect x=\"9\" y=\"14\" width=\"6\" height=\"6\"\/><line x1=\"12\" y1=\"14\" x2=\"12\" y2=\"20\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Fabrication<\/h3>\r\n          <p>CNC steel cutting, welding &amp; membrane panel production.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"proc-step\">\r\n          <div class=\"proc-icon\">\r\n            <div class=\"proc-num\">5<\/div>\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\"\/><polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Logistics<\/h3>\r\n          <p>Packaged with numbered labels, manuals &amp; export docs.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"proc-step\">\r\n          <div class=\"proc-icon\">\r\n            <div class=\"proc-num\">6<\/div>\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M14.7 6.3a1 1 0 000 1.4l1.6 1.6a1 1 0 001.4 0l3.77-3.77a6 6 0 01-7.94 7.94l-6.91 6.91a2.12 2.12 0 01-3-3l6.91-6.91a6 6 0 017.94-7.94l-3.76 3.76z\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Installation<\/h3>\r\n          <p>Step-by-step manual with remote engineer support.<\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ===========================\r\n     SECTION 4: THE PEOPLE BEHIND THE PROJECTS\r\n     =========================== -->\r\n<section id=\"about-clients\">\r\n  <div class=\"about-container\">\r\n    <div class=\"section-label\">Trust &amp; Partnership<\/div>\r\n    <h2 class=\"section-title\">The People Behind the Projects<\/h2>\r\n    <p class=\"section-intro\">Over the years, we've had the privilege of meeting clients from across the globe \u2014 contractors, developers, and project owners who trusted us to deliver. These are some of those moments.<\/p>\r\n\r\n    <div class=\"carousel-wrap\">\r\n      <button class=\"carousel-btn prev\" aria-label=\"Previous\" onclick=\"clientsCarousel(-1)\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n      <\/button>\r\n\r\n      <div class=\"carousel-track-outer\">\r\n        <div class=\"carousel-track\" id=\"clientsTrack\">\r\n          <div class=\"carousel-slide\"><img decoding=\"async\" src=\"https:\/\/www.jutent.com\/wp-content\/uploads\/2026\/01\/1.jpg\" alt=\"Jutent team with overseas client\" loading=\"lazy\"><\/div>\r\n          <div class=\"carousel-slide\"><img decoding=\"async\" src=\"https:\/\/www.jutent.com\/wp-content\/uploads\/2026\/01\/2.jpg\" alt=\"Client visit to Jutent factory\" loading=\"lazy\"><\/div>\r\n          <div class=\"carousel-slide\"><img decoding=\"async\" src=\"https:\/\/www.jutent.com\/wp-content\/uploads\/2026\/01\/3.jpg\" alt=\"Jutent and client partnership photo\" loading=\"lazy\"><\/div>\r\n          <div class=\"carousel-slide\"><img decoding=\"async\" src=\"https:\/\/www.jutent.com\/wp-content\/uploads\/2026\/01\/4.jpg\" alt=\"Jutent team with international client\" loading=\"lazy\"><\/div>\r\n          <div class=\"carousel-slide\"><img decoding=\"async\" src=\"https:\/\/www.jutent.com\/wp-content\/uploads\/2026\/01\/5.jpg\" alt=\"Client meeting at Jutent\" loading=\"lazy\"><\/div>\r\n          <div class=\"carousel-slide\"><img decoding=\"async\" src=\"https:\/\/www.jutent.com\/wp-content\/uploads\/2026\/01\/6.jpg\" alt=\"Jutent client collaboration\" loading=\"lazy\"><\/div>\r\n          <div class=\"carousel-slide\"><img decoding=\"async\" src=\"https:\/\/www.jutent.com\/wp-content\/uploads\/2026\/01\/7.jpg\" alt=\"Overseas client visit to Jutent\" loading=\"lazy\"><\/div>\r\n          <div class=\"carousel-slide\"><img decoding=\"async\" src=\"https:\/\/www.jutent.com\/wp-content\/uploads\/2026\/01\/8.jpg\" alt=\"Jutent global client photo\" loading=\"lazy\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <button class=\"carousel-btn next\" aria-label=\"Next\" onclick=\"clientsCarousel(1)\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n      <\/button>\r\n\r\n      <div class=\"carousel-dots\" id=\"clientsDots\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"client-note\">\r\n      <p>From Southeast Asia to Africa, the Middle East to Latin America \u2014 <strong>our clients come from every corner of the world.<\/strong> Each project is a partnership built on trust, transparency, and a shared commitment to quality.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ===========================\r\n     SECTION 5: GLOBAL INSTALLATION SUPPORT\r\n     =========================== -->\r\n<section id=\"about-installation\">\r\n  <div class=\"about-container\">\r\n    <div class=\"section-label\">After-Sales Support<\/div>\r\n    <h2 class=\"section-title\">Global Installation Support<\/h2>\r\n    <p class=\"section-intro\">Overseas installation can be complex. Jutent ensures smooth project execution with a comprehensive support system tailored for global partners.<\/p>\r\n\r\n    <div class=\"install-layout\">\r\n      <div class=\"install-image\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.jutent.com\/wp-content\/uploads\/2026\/04\/Global-Installation-Support-scaled.jpg\" loading=\"lazy\">\r\n        <div class=\"image-badge\">\r\n          <div class=\"badge-num\">30+<\/div>\r\n          <div class=\"badge-text\">Countries Supported<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"install-tiers\">\r\n        <div class=\"tier-card\">\r\n          <div class=\"tier-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><polyline points=\"10 9 9 9 8 9\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"tier-content\">\r\n            <h3>Detailed Installation Manuals<\/h3>\r\n            <p>Every project ships with comprehensive, step-by-step installation manuals including clear diagrams, numbered component lists, and torque specifications. Your local team can follow the process independently without prior tensile structure experience.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tier-card\">\r\n          <div class=\"tier-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <polygon points=\"23 7 16 12 23 17 23 7\"\/><rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\" ry=\"2\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"tier-content\">\r\n            <h3>Remote Video Guidance<\/h3>\r\n            <p>Our engineering team provides real-time remote support via WhatsApp, WeChat, or Zoom video calls. We walk your crew through critical steps \u2014 membrane tensioning, bolt torquing, and final alignment \u2014 to ensure correct assembly from thousands of miles away.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tier-card\">\r\n          <div class=\"tier-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 9.81a19.79 19.79 0 01-3.07-8.67A2 2 0 012 1h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.09 8.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"tier-content\">\r\n            <h3>On-Site Supervision (Available)<\/h3>\r\n            <p>For large-scale or structurally complex projects, our experienced engineers can travel to your site. This hands-on supervision covers critical installation phases and ensures the structure is assembled to specification \u2014 available upon request for qualifying projects.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ===========================\r\n     SECTION 6: MATERIALS\r\n     =========================== -->\r\n<section id=\"about-materials\">\r\n  <div class=\"about-container\">\r\n    <div class=\"section-label\">Materials<\/div>\r\n    <h2 class=\"section-title\">Our Advanced Membrane Materials<\/h2>\r\n    <p class=\"section-intro\">We work exclusively with PVDF and PTFE membrane fabrics sourced from leading global manufacturers including Duken, Ferrari, Sattler, Castillo, and Hightex \u2014 selected for proven performance in demanding climates.<\/p>\r\n\r\n    <div class=\"materials-grid\">\r\n      <div class=\"material-card featured\">\r\n        <div class=\"material-badge\">Most Popular Choice<\/div>\r\n        <div class=\"material-name\">PVDF Membrane<\/div>\r\n        <ul class=\"material-specs\">\r\n          <li>Lifespan: 10\u201315 years<\/li>\r\n          <li>Composition: PVC base with PVDF fluoropolymer coating<\/li>\r\n          <li>~20% natural light transmission, 99% UV block<\/li>\r\n          <li>Available weights: 950g, 1150g, 1300g, 1400g\/sqm<\/li>\r\n          <li>Trusted brands: Duken, Ferrari, Sattler, Castillo, Hightex<\/li>\r\n        <\/ul>\r\n        <div class=\"material-best-for\">\r\n          <strong>Best for:<\/strong> Projects requiring a cost-effective yet durable solution with good long-term performance \u2014 grandstands, sports courts, walkways, and carports.\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"material-card premium\">\r\n        <div class=\"material-badge\">Premium Performance<\/div>\r\n        <div class=\"material-name\">PTFE Membrane<\/div>\r\n        <ul class=\"material-specs\">\r\n          <li>Lifespan: 25\u201330 years<\/li>\r\n          <li>Composition: Fiberglass base with PTFE fluoropolymer coating<\/li>\r\n          <li>~20% natural light transmission, 99% UV block<\/li>\r\n          <li>Inherently fire-resistant, superior self-cleaning<\/li>\r\n          <li>Extreme weather resilience \u2014 ideal for harsh climates<\/li>\r\n        <\/ul>\r\n        <div class=\"material-best-for\">\r\n          <strong>Best for:<\/strong> Landmark or high-specification projects demanding maximum longevity, fire safety, and minimal maintenance \u2014 large grandstands, permanent stage covers, transit canopies.\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"report-note\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n        <path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/>\r\n      <\/svg>\r\n      <p><strong>Supplier test reports available on request.<\/strong> We can provide original material test certificates from our membrane suppliers \u2014 including tensile strength, UV resistance, fire rating, and dimensional stability data \u2014 for your project specification or compliance requirements.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ===========================\r\n     SECTION 7: CTA\r\n     =========================== -->\r\n<section id=\"about-cta\">\r\n  <div class=\"about-container\">\r\n    <h2>Ready to Work With the Factory Directly?<\/h2>\r\n    <p>Send us your project dimensions and requirements. We'll respond within 24 hours with a preliminary design concept and indicative pricing.<\/p>\r\n    <div class=\"cta-actions\">\r\n      <a href=\"javascript:void(0);\" class=\"btn-primary inquiry-popup\">\r\n        Get a Free Quote\r\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n      <\/a>\r\n      <a href=\"https:\/\/www.jutent.com\/projects\/\" class=\"btn-secondary\">\r\n        View All Projects\r\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"\/><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ===========================\r\n     SCHEMA JSON-LD (About Page)\r\n     =========================== -->\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@graph\": [\r\n    {\r\n      \"@type\": \"Organization\",\r\n      \"@id\": \"https:\/\/www.jutent.com\/#organization\",\r\n      \"name\": \"Jutent\",\r\n      \"legalName\": \"\u5e7f\u5dde\u7396\u7279\u5e10\u7bf7\u6709\u9650\u516c\u53f8\",\r\n      \"url\": \"https:\/\/www.jutent.com\",\r\n      \"logo\": \"https:\/\/www.jutent.com\/wp-content\/uploads\/2026\/01\/Jutent-Logo.png\",\r\n      \"foundingDate\": \"2016\",\r\n      \"foundingLocation\": \"Guangzhou, China\",\r\n      \"numberOfEmployees\": {\"@type\": \"QuantitativeValue\", \"value\": \"50+\"},\r\n      \"description\": \"Jutent is a direct-factory tensile membrane structure manufacturer based in Guangzhou, China. Founded in 2016, we operate an 8,000 sqm production facility and have completed 420+ projects across 30+ countries.\",\r\n      \"address\": {\r\n        \"@type\": \"PostalAddress\",\r\n        \"addressLocality\": \"Guangzhou\",\r\n        \"addressCountry\": \"CN\"\r\n      },\r\n      \"contactPoint\": {\r\n        \"@type\": \"ContactPoint\",\r\n        \"contactType\": \"sales\",\r\n        \"availableLanguage\": [\"English\", \"Chinese\"]\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"AboutPage\",\r\n      \"@id\": \"https:\/\/www.jutent.com\/about\/\",\r\n      \"url\": \"https:\/\/www.jutent.com\/about\/\",\r\n      \"name\": \"About Jutent \u2013 Tensile Membrane Structure Manufacturer Since 2016\",\r\n      \"description\": \"Learn about Jutent's factory capabilities, production process, global project experience, and the membrane materials we work with.\",\r\n      \"isPartOf\": {\"@id\": \"https:\/\/www.jutent.com\/#website\"},\r\n      \"about\": {\"@id\": \"https:\/\/www.jutent.com\/#organization\"}\r\n    }\r\n  ]\r\n}\r\n<\/script>\r\n\r\n\r\n<!-- ===========================\r\n     CAROUSEL JS\r\n     =========================== -->\r\n<script>\r\n(function() {\r\n  var track = document.getElementById('clientsTrack');\r\n  var dotsContainer = document.getElementById('clientsDots');\r\n  if (!track) return;\r\n\r\n  var visibleCount = 4;\r\n  var totalSlides = track.querySelectorAll('.carousel-slide').length;\r\n  var totalPages = Math.ceil(totalSlides \/ visibleCount);\r\n  var currentPage = 0;\r\n\r\n  \/\/ Build dots\r\n  for (var i = 0; i < totalPages; i++) {\r\n    var dot = document.createElement('div');\r\n    dot.className = 'carousel-dot' + (i === 0 ? ' active' : '');\r\n    dot.setAttribute('data-page', i);\r\n    dot.addEventListener('click', (function(idx) {\r\n      return function() { goToPage(idx); };\r\n    })(i));\r\n    dotsContainer.appendChild(dot);\r\n  }\r\n\r\n  function getSlideWidth() {\r\n    var gap = 16;\r\n    return (track.parentElement.offsetWidth - gap * (visibleCount - 1)) \/ visibleCount;\r\n  }\r\n\r\n  function goToPage(page) {\r\n    if (page < 0) page = totalPages - 1;\r\n    if (page >= totalPages) page = 0;\r\n    currentPage = page;\r\n    var offset = page * visibleCount * (getSlideWidth() + 16);\r\n    track.style.transform = 'translateX(-' + offset + 'px)';\r\n    dotsContainer.querySelectorAll('.carousel-dot').forEach(function(d, idx) {\r\n      d.classList.toggle('active', idx === currentPage);\r\n    });\r\n  }\r\n\r\n  window.clientsCarousel = function(dir) { goToPage(currentPage + dir); };\r\n  window.addEventListener('resize', function() { goToPage(currentPage); });\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Guangzhou, China \u2014 Since 2016 The Factory BehindYour Next Structure We design, manufacture, and ship tensile membrane structures directly from our 8,000 sqm factory in Guangzhou \u2014 no agents, no markups, no delays. 420+ projects delivered across 30+ countries. Request a Quote See Our Factory 2016 Founded 8,000 sqm Factory 420+ Projects Done 30+ Countries [&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,"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":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"default","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":"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":"","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-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2469","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.jutent.com\/th\/wp-json\/wp\/v2\/pages\/2469","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jutent.com\/th\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.jutent.com\/th\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.jutent.com\/th\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jutent.com\/th\/wp-json\/wp\/v2\/comments?post=2469"}],"version-history":[{"count":0,"href":"https:\/\/www.jutent.com\/th\/wp-json\/wp\/v2\/pages\/2469\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.jutent.com\/th\/wp-json\/wp\/v2\/media?parent=2469"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}