:root{
  --primary:#002a55;
  --primary-d:#001d3d;
  --primary-l:#e8edf5;
  --accent:#d4792a;
  --text:#333;
  --text-mid:#555;
  --text-light:#888;
  --text-faint:#666;
  --bg:#fff;
  --bg-alt:#f4f6f9;
  --border:#e2e6ed;
  --radius:4px;
  --shadow:0 2px 10px rgba(0,0,0,.06);
  --shadow-h:0 8px 25px rgba(0,0,0,.1);
  --font:'Inter',-apple-system,sans-serif;
  --header-h:80px;
  --container:1200px;
}
body{font-family:var(--font);color:var(--text);background:var(--bg);font-size:14px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--primary);text-decoration:none}
a:hover{color:#004b8a}
img{max-width:100%;display:block}
.container{max-width:var(--container);margin:0 auto;padding:0 20px}
.mt{text-align:center;margin-top:36px}

/* ============ HEADER (EXACT MATCH) ============ */
.daohang-index{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:var(--primary-d);
  height:var(--header-h);
  box-shadow:0 2px 15px rgba(0,0,0,.25);
}
.daohang-index .container{
  display:flex;align-items:center;justify-content:space-between;
  height:var(--header-h);
}
.logo{flex-shrink:0;display:flex;align-items:center;}
.logo img{height:38px;width:auto;}

.m-hdflex{display:flex;align-items:center;}
.m-hdnav{display:flex;list-style:none;margin:0;padding:0;}
.m-hdnav>li{position:relative;}
.m-hdnav>li>a{
  display:flex;align-items:center;gap:2px;
  padding:0 18px;height:var(--header-h);
  color:rgba(255,255,255,.78);
  font-size:14px;font-weight:450;
  text-decoration:none;transition:.15s;
  position:relative;
}
.m-hdnav>li>a:hover,.m-hdnav>li.xuanzhong>a{color:#fff;background:rgba(255,255,255,.05);}
/* Hover underline effect via <span> */
.m-hdnav>li>a span{
  position:absolute;bottom:0;left:50%;transform:translateX(-50%);
  width:0;height:2px;background:var(--accent);
  transition:width .2s;border-radius:2px;
}
.m-hdnav>li>a:hover span,.m-hdnav>li.xuanzhong>a span{width:60%;}

/* Product dropdown */
.m-hdnav .erjicd{
  position:absolute;top:100%;left:0;min-width:200px;
  background:#fff;border-radius:0 0 6px 6px;
  box-shadow:var(--shadow-h);padding:8px 0;
  opacity:0;visibility:hidden;transform:translateY(6px);
  transition:.2s;z-index:100;
}
.m-hdnav>li:hover>.erjicd{opacity:1;visibility:visible;transform:translateY(0);}
.m-hdnav .erjicd li{position:relative;list-style:none;}
.m-hdnav .erjicd>li>a{
  display:flex;align-items:center;gap:4px;
  padding:8px 20px;color:var(--text);font-size:13px;font-weight:400;
  text-decoration:none;transition:.1s;
}
.m-hdnav .erjicd>li>a:hover{background:var(--primary-l);color:var(--primary);}
.m-hdnav .erjicd .rright{color:var(--accent);font-size:10px;}

/* Sub sub menu */
.m-hdnav .erjicd ul{
  position:absolute;top:0;left:100%;min-width:190px;
  background:#fff;border-radius:6px;box-shadow:var(--shadow-h);
  padding:6px 0;opacity:0;visibility:hidden;transform:translateX(6px);
  transition:.2s;
}
.m-hdnav .erjicd li:hover>ul{opacity:1;visibility:visible;transform:translateX(0);}
.m-hdnav .erjicd ul li a{
  display:flex;align-items:center;gap:4px;
  padding:7px 18px;color:var(--text);font-size:13px;text-decoration:none;
}
.m-hdnav .erjicd ul li a:hover{background:var(--primary-l);color:var(--primary);}

/* Search */
.sousou-index{position:relative;margin-left:12px;}
.sousou-index .fdj{
  color:rgba(255,255,255,.6);font-size:18px;cursor:pointer;
  padding:6px 8px;border-radius:4px;display:block;
}
.sousou-index .fdj:hover{color:#fff;background:rgba(255,255,255,.08);}
.sssou-fdj{
  display:none;position:absolute;top:100%;right:0;z-index:100;
  background:#fff;border-radius:4px;box-shadow:var(--shadow-h);
  padding:12px;width:260px;margin-top:8px;
}
.sssou-fdj.show{display:block}
.sssou-fdj form p{display:flex;border:1px solid var(--border);border-radius:4px;overflow:hidden;}
.sssou-fdj input[type="text"]{
  flex:1;padding:8px 12px;border:none;font-size:14px;font-family:var(--font);outline:none;
}
.sssou-fdj input[type="submit"]{
  padding:8px 14px;background:var(--primary);color:#fff;border:none;cursor:pointer;
}

/* Language */
.language{position:relative;margin-left:6px;}
.lanBtn{
  color:rgba(255,255,255,.6);font-size:13px;font-weight:500;
  padding:6px 10px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:3px;
}
.lanBtn:hover{color:#fff;background:rgba(255,255,255,.08);}
.language ul{
  display:none;position:absolute;top:100%;right:0;z-index:100;
  background:#fff;border-radius:4px;box-shadow:var(--shadow-h);
  padding:6px 0;min-width:120px;
}
.language ul.show{display:block}
.language ul li{list-style:none;}
.language ul a{
  display:block;padding:7px 16px;color:var(--text);font-size:13px;
  text-decoration:none;transition:.1s;
}
.language ul a:hover{background:var(--primary-l);color:var(--primary);}

/* ============ BANNER ============ */
.bannerlbt{overflow:hidden;margin-top:var(--header-h);}
.slideshow{position:relative;padding-top:46.8229%;overflow:hidden;}
.slider{position:absolute;left:0;top:0;width:100%;height:100%;}
.slider .item{width:100%;height:100%;position:relative;}
.slider .item a{display:block;width:100%;height:100%;}
.slider .item a span{
  display:block;width:100%;height:100%;
  position:relative;background:var(--primary-d);
}
.slider .item img{
  position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;
  opacity:.6;
}
/* Slider overlay content - decorative */
.slider .item::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(0,29,61,.6) 0%,transparent 80%);
}
/* Banner text (custom addition for actual content) */
.banner-text{
  position:absolute;left:5%;top:50%;transform:translateY(-50%);
  z-index:10;max-width:500px;
}
.banner-text h2{color:#fff;font-size:1.8rem;font-weight:700;line-height:1.25;margin-bottom:12px;}
.banner-text p{color:rgba(255,255,255,.72);font-size:14px;margin-bottom:24px;line-height:1.6;}
.banner-text .btn{
  display:inline-flex;align-items:center;gap:6px;
  padding:10px 26px;border-radius:4px;
  border:2px solid rgba(255,255,255,.4);color:#fff;
  font-size:14px;font-weight:500;text-decoration:none;
}
.banner-text .btn:hover{background:#fff;color:var(--primary) !important;border-color:#fff;}

/* ============ SECTIONS ============ */
.w1200{max-width:1200px;margin:0 auto;padding:0 20px;}
.section{padding:60px 0;}
.section.alt{background:var(--bg-alt);}

/* --- Product Categories Section --- */
.gategory-index-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;}
.gategory-index-title-left-title h2{font-size:20px;font-weight:600;color:var(--primary);}
.gategory-index-title-right h1{font-size:14px;font-weight:400;color:var(--text-faint);line-height:22px;}
.gategory-index-title-right p{font-size:13px;color:var(--text-light);margin-top:2px;}
.hengxian{display:block;width:40px;height:3px;background:var(--accent);margin-top:8px;border-radius:2px;}

.gategory-index-mid{display:flex;gap:16px;flex-wrap:wrap;}
.gategory-index-kuang{flex:1;min-width:180px;border:1px solid var(--border);border-radius:6px;overflow:hidden;transition:.25s;}
.gategory-index-kuang:hover{box-shadow:var(--shadow-h);transform:translateY(-4px);}
.gategory-index-kuang a{display:block;text-decoration:none;color:var(--text);}
.gategory-index-kuang img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;}
.gategory-index-kuang span{
  display:block;padding:12px 14px;font-size:14px;font-weight:500;text-align:center;
  border-top:1px solid var(--border);
}

/* --- CIMC Welcome Section --- */
.cimc{padding:80px 0;background-size:cover;background-position:center;position:relative;}
.cimc::before{content:'';position:absolute;inset:0;background:rgba(0,29,61,.65);}
.cimc-mid{position:relative;z-index:2;max-width:700px;margin:0 auto;text-align:center;padding:0 20px;}
.cimc-mid-title{display:block;font-size:14px;color:rgba(255,255,255,.6);letter-spacing:2px;text-transform:uppercase;margin-bottom:6px;}
.cimc-mid-title h1{display:inline;font-size:28px;font-weight:700;color:#fff;margin:0;}
.hengxian.white{background:var(--accent);margin:14px auto;width:50px;}
.cimc-mid-neirong{display:block;color:rgba(255,255,255,.72);font-size:14px;line-height:1.7;max-width:580px;margin:0 auto 24px;}
.learnmore{
  display:inline-flex;align-items:center;gap:4px;
  padding:10px 28px;border:2px solid rgba(255,255,255,.4);border-radius:4px;
  color:#fff;font-size:14px;font-weight:500;text-decoration:none;transition:.2s;
}
.learnmore:hover{background:#fff;color:var(--primary) !important;border-color:#fff;}

/* --- Industry Chain / Brand sections (alternating) --- */
.industry-index{display:flex;align-items:center;gap:40px;margin-bottom:40px;}
.industry-index:last-child{margin-bottom:0;}
.industry-index-right{flex:0 0 55%;}
.industry-index-right img{width:100%;border-radius:6px;display:block;}
.industry-index-left{flex:1;padding:20px 0;}
.industry-index-left-mid{max-width:380px;}
.industry-index-left-mid .gongc{position:absolute;right:20px;bottom:20px;font-size:80px;color:var(--primary-l);opacity:.3;}
.industry-index-left-title h2{font-size:20px;font-weight:600;color:var(--primary);}
.industry-index-left-neirong{display:block;color:var(--text-mid);font-size:14px;line-height:1.7;margin:16px 0 20px;}

/* --- Latest News --- */
.latest-index{display:flex;gap:30px;}
.latest-index-left{flex:0 0 35%;}
.latest-index-left .gongc{position:absolute;right:20px;bottom:20px;font-size:80px;color:var(--primary-l);opacity:.3;}
.latest-index-right{flex:1;display:flex;gap:20px;}
.latest-index-right-kuang{flex:1;background:#fff;border:1px solid var(--border);border-radius:6px;overflow:hidden;transition:.25s;}
.latest-index-right-kuang:hover{box-shadow:var(--shadow-h);transform:translateY(-3px);}
.news-card-img{aspect-ratio:16/9;overflow:hidden;}
.news-card-img img{width:100%;height:100%;object-fit:cover;}
.latest-index-right-right{padding:14px 16px;}
.latest-index-right-right p{font-size:12px;color:var(--text-light);margin-bottom:6px;}
.latest-index-right-right-title{display:block;font-size:14px;font-weight:600;color:var(--text);margin-bottom:8px;text-decoration:none;line-height:1.4;}
.latest-index-right-right-title:hover{color:var(--primary);}
.latest-index-right-right-neirong{display:block;font-size:13px;color:var(--text-mid);line-height:1.55;text-decoration:none;}

/* ============ FOOTER (EXACT MATCH) ============ */
.footer-index{background:var(--primary-d);padding:50px 0 0;}
.footer-index-kuang{display:grid;grid-template-columns:1.3fr 1.3fr 1.8fr 1.5fr;gap:40px;}
.footer-index-kuang-one{color:rgba(255,255,255,.7);}
.footer-index-kuang-one>p:first-child{color:#fff;font-size:14px;font-weight:600;margin-bottom:12px;letter-spacing:.5px;}
.hengxian-footer{display:block;width:30px;height:2px;background:var(--accent);margin-bottom:16px;border-radius:2px;}
.footer-index-kuang-one ul{list-style:none;}
.footer-index-kuang-one li{margin-bottom:7px;font-size:13px;}
.footer-index-kuang-one a{color:rgba(255,255,255,.55);text-decoration:none;}
.footer-index-kuang-one a:hover{color:var(--accent);}

/* Footer Form */
.footer-form p{margin-bottom:8px;}
.footer-form p a{display:flex;align-items:center;gap:6px;color:rgba(255,255,255,.55);}
.footer-form input[type="text"],.footer-form input[type="email"],.footer-form textarea{
  width:100%;padding:8px 12px;border:1px solid rgba(255,255,255,.12);border-radius:4px;
  background:rgba(255,255,255,.06);color:#fff;font-size:13px;font-family:var(--font);
  outline:none;transition:.2s;
}
.footer-form input::placeholder,.footer-form textarea::placeholder{color:rgba(255,255,255,.3);}
.footer-form input:focus,.footer-form textarea:focus{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.08);}
.footer-form textarea{resize:vertical;min-height:60px;}
.caprcha-input{width:100px!important;display:inline-block!important;}
.submiit{
  background:var(--primary);color:#fff;border:none;
  padding:9px 22px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;display:inline-block;
}
.submiit:hover{background:var(--primary);}
.verify_img{vertical-align:middle;cursor:pointer;margin-left:6px;display:inline-block!important;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding:16px 0;margin-top:30px;text-align:center;font-size:12px;color:rgba(255,255,255,.3);}

/* Contact Info in Footer */
.four-kuang{display:flex;gap:10px;margin-bottom:16px;font-size:13px;}
.four-kuang-left{color:rgba(255,255,255,.5);min-width:80px;}
.four-kuang-left i{margin-right:6px;}
.four-kuang-right a{display:block;color:var(--accent);}
.four-kuang-right a:hover{color:#e88935;}

/* Social icons */
        <!-- Social Icons (CIMC ENRIC style) -->
        <div class="tubiao" style="margin-top:16px;">
          <a class="tubiaoicon" href="https://twitter.com/CimcEnric" target="_blank" rel="nofollow"><span style="display:inline-block;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.15);color:rgba(255,255,255,.5);text-align:center;line-height:20px;font-size:12px;">X</span></a>
          <a class="tubiaoicon" href="https://www.linkedin.com/company/cimcenricenergyequipment/" target="_blank" rel="nofollow"><span style="display:inline-block;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.15);color:rgba(255,255,255,.5);text-align:center;line-height:20px;font-size:12px;">in</span></a>
          <a class="tubiaoicon" href="https://www.facebook.com/CIMC-Enric-Energy-Equipment-Co-Ltd-100537309451026" target="_blank" rel="nofollow"><span style="display:inline-block;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.15);color:rgba(255,255,255,.5);text-align:center;line-height:20px;font-size:12px;">f</span></a>
          <a class="tubiaoicon" href="https://www.instagram.com/cimcenricenergyequipment/" target="_blank" rel="nofollow"><span style="display:inline-block;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.15);color:rgba(255,255,255,.5);text-align:center;line-height:20px;font-size:12px;">&#9679;</span></a>
          <a class="tubiaoicon" href="https://www.youtube.com/channel/UCZYk8q-6fGVZj_OA9srVhmQ" target="_blank" rel="nofollow"><span style="display:inline-block;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.15);color:rgba(255,255,255,.5);text-align:center;line-height:20px;font-size:12px;">&#9654;</span></a>
        </div>
      </div>

      <div class="language">
        <div class="lanBtn">EN &#9662;</div>
        <ul><li><a href="#">&#1055;&#1088;&#1091;&#1089;&#1089;&#1082;&#1080;&#1081;</a></li><li><a href="#">Espa&ntilde;ol</a></li></ul>
      </div>
    </div>
  </div>
</div>

<!-- ===== BANNER SLIDER ===== -->
<div class="bannerlbt">
  <div class="slideshow">
    <div class="slider">
      <div class="item">
        <a href="#">
          <span>
            <img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 900'><rect width='1920' height='900' fill='%23002a55'/><circle cx='300' cy='500' r='200' fill='%23003d6a' opacity='.6'/><circle cx='1500' cy='300' r='300' fill='%23004b8a' opacity='.4'/></svg>" alt="">
          </span>
        </a>
        <div class="banner-text">
          <h2>Professional Cryogenic Storage Solutions</h2>
          <p>Reliable tanks, dewars, and storage systems for LNG, CNG, LPG, Industrial Gas, and Hydrogen applications</p>
          <a href="#" class="btn">View Products +</a>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- ===== PRODUCT CATEGORIES ===== -->
<div class="w1200" style="padding-top:50px;padding-bottom:50px;">
  <div class="gategory-index">
    <div class="gategory-index-title">
      <div>
        <a class="gategory-index-title-left-title" href="#"><h2>CGT CRYOGENIC CATEGORY</h2></a>
        <a class="hengxian"></a>
      </div>
      <div class="gategory-index-title-right">
        <h1>Leading Cryogenic Storage and Transportation Equipment Manufacturer</h1>
        <p>CGT Cryogenic Make Energy Cleaner, Make Life Better!</p>
      </div>
    </div>
    <div class="gategory-index-mid">
      <div class="gategory-index-kuang">
        <a href="#">
          <div style="background:var(--bg-alt);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;font-size:48px;color:var(--text-light);">&#9881;</div>
          <span>LNG Products</span>
        </a>
      </div>
      <div class="gategory-index-kuang">
        <a href="#">
          <div style="background:var(--bg-alt);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;font-size:48px;color:var(--text-light);">&#9881;</div>
          <span>CNG Products</span>
        </a>
      </div>
      <div class="gategory-index-kuang">
        <a href="#">
          <div style="background:var(--bg-alt);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;font-size:48px;color:var(--text-light);">&#9881;</div>
          <span>LPG Products</span>
        </a>
      </div>
      <div class="gategory-index-kuang">
        <a href="#">
          <div style="background:var(--bg-alt);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;font-size:48px;color:var(--text-light);">&#9881;</div>
          <span>Industrial Gas &amp; Specialty Gas</span>
        </a>
      </div>
      <div class="gategory-index-kuang">
        <a href="#">
          <div style="background:var(--bg-alt);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;font-size:48px;color:var(--text-light);">&#9881;</div>
          <span>Hydrogen &amp; Helium Products</span>
        </a>
      </div>
    </div>
  </div>
</div>

<!-- ===== WELCOME / ABOUT ===== -->
<div class="cimc" style="background-image:linear-gradient(135deg,#001d3d,#003d6a);">
  <div class="cimc-mid">
    <span class="cimc-mid-title">WELCOME TO <h1>CGT CRYOGENIC</h1></span>
    <a class="hengxian white"></a>
    <a class="cimc-mid-neirong" href="#">CGT Cryogenic is a leading manufacturer of cryogenic storage equipment, established in 1990. Specializing in LNG, CNG, LPG, industrial gas, and hydrogen storage solutions serving 40+ countries worldwide.</a>
    <a href="#" class="learnmore">Learn More</a>
  </div>
</div>

<!-- ===== INDUSTRY CHAIN ===== -->
<div class="w1200" style="padding:50px 0;">
  <div class="industry-index">
    <div class="industry-index-right">
      <div style="background:var(--bg-alt);border-radius:6px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;font-size:64px;color:var(--text-light);">&#9881;</div>
    </div>
    <div class="industry-index-left">
      <div class="industry-index-left-mid" style="position:relative;">
        <a href="#" class="industry-index-left-title"><h2>INDUSTRY CHAIN</h2></a>
        <a class="hengxian"></a>
        <a href="#" class="industry-index-left-neirong">CGT Cryogenic's business covers upstream, midstream and downstream of clean energy industrial chain.</a>
        <a href="#" class="learnmore" style="color:var(--primary);border-color:var(--primary);">Start Visiting</a>
      </div>
    </div>
  </div>
</div>

<!-- ===== LATEST NEWS ===== -->
<div class="section alt">
  <div class="w1200">
    <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;">
      <div>
        <a href="#" class="industry-index-left-title"><h2 style="font-size:20px;font-weight:600;color:var(--primary);">LATEST NEWS</h2></a>
        <a class="hengxian"></a>
        <p style="color:var(--text-mid);font-size:14px;margin-top:10px;">Company updates and industry insights</p>
      </div>
      <a href="#" style="color:var(--text-light);font-size:13px;">View More +</a>
    </div>
    <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:24px;">
      <div class="latest-index-right-kuang">
        <div class="news-card-img" style="background:var(--bg-alt);display:flex;align-items:center;justify-content:center;font-size:32px;color:#ccc;">&#128196;</div>
        <div class="latest-index-right-right">
          <p>May 12, 2026</p>
          <a href="#" class="latest-index-right-right-title">CGT Showcases Clean Energy Solutions at International Exhibition</a>
          <a href="#" class="latest-index-right-right-neirong">CGT Cryogenic featured its latest LNG, CNG and hydrogen storage solutions at the exhibition.</a>
        </div>
      </div>
      <div class="latest-index-right-kuang">
        <div class="news-card-img" style="background:var(--bg-alt);display:flex;align-items:center;justify-content:center;font-size:32px;color:#ccc;">&#128196;</div>
        <div class="latest-index-right-right">
          <p>Apr 28, 2026</p>
          <a href="#" class="latest-index-right-right-title">ISO 9001:2023 Recertification Achieved</a>
          <a href="#" class="latest-index-right-right-neirong">Successful recertification under the latest ISO quality management standards.</a>
        </div>
      </div>
      <div class="latest-index-right-kuang">
        <div class="news-card-img" style="background:var(--bg-alt);display:flex;align-items:center;justify-content:center;font-size:32px;color:#ccc;">&#128196;</div>
        <div class="latest-index-right-right">
          <p>Mar 15, 2026</p>
          <a href="#" class="latest-index-right-right-title">Expanding Presence in Southeast Asian Markets</a>
          <a href="#" class="latest-index-right-right-neirong">New distribution partnerships across Vietnam, Thailand, and Indonesia.</a>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- ===== FOOTER (Exact Match) ===== -->
<div class="footer-index">
  <div class="w1200">
    <div class="footer-index-kuang">
      <!-- Col 1: Navigation -->
      <div class="footer-index-kuang-one z"><p>Navigation</p><a class="hengxian-footer"></a>
        <ul>
          <li><a href="#">Home</a></li>
          <li><a href="#">Products</a></li>
          <li><a href="#">About CGT</a></li>
          <li><a href="#">Resources</a></li>
          <li><a href="#">News</a></li>
          <li><a href="#">Contact CGT</a></li>
        </ul>
      </div>
      <!-- Col 2: Products -->
      <div class="footer-index-kuang-one zz"><p>Products</p><a class="hengxian-footer"></a>
        <ul>
          <li><a href="#">LNG Products</a></li>
          <li><a href="#">CNG Products</a></li>
          <li><a href="#">LPG Products</a></li>
          <li><a href="#">Industrial Gas &amp; Specialty Gas</a></li>
          <li><a href="#">Hydrogen &amp; Helium Products</a></li>
        </ul>
      </div>
      <!-- Col 3: Get In Touch (form) -->
      <div class="footer-index-kuang-one zzz"><p>Get In Touch</p><a class="hengxian-footer"></a>
        <form class="footer-form">
          <p><a><input type="text" placeholder="Your Full Name"></a></p>
          <p><a><input type="email" placeholder="E-mail Address"></a></p>
          <p><a><input type="text" placeholder="Country"></a></p>
          <p><a><input type="text" placeholder="Tel."></a></p>
          <p><a><input type="text" placeholder="Company Name"></a></p>
          <p><a><input type="text" placeholder="Company website"></a></p>
          <p><a><textarea placeholder="Your Message"></textarea></a></p>
          <p>
            <a><input class="caprcha-input" type="text" placeholder="CAPTCHA"></a>
            <span style="display:inline-block;background:var(--primary);color:#fff;padding:9px 14px;border-radius:4px;font-size:12px;vertical-align:middle;">4A8B</span>
            <input class="submiit" type="submit" value="Submit" style="margin-left:4px;">
          </p>
        </form>
      </div>
      <!-- Col 4: Contact -->
      <div class="footer-index-kuang-one zzzz"><p>Contact CGT</p><a class="hengxian-footer"></a>
        <div class="four-kuang"><div class="four-kuang-left"><i>&#9993;</i>Email:</div><div class="four-kuang-right"><a href="#">sales@cgtcryogenic.com</a></div></div>
        <div class="four-kuang"><div class="four-kuang-left"><i>&#9742;</i>Phone:</div><div class="four-kuang-right"><span style="color:rgba(255,255,255,.55);">+86 21 6888 8888</span></div></div>
        <div class="four-kuang"><div class="four-kuang-left"><i>&#9906;</i>Address:</div><div class="four-kuang-right"><span style="color:rgba(255,255,255,.55);">No. 1688, Zhangheng Rd, Shanghai</span></div></div>
        <!-- Social Icons (CIMC ENRIC style) -->
        <div class="tubiao" style="margin-top:16px;">
          <a class="tubiaoicon" href="https://twitter.com/CimcEnric" target="_blank" rel="nofollow"><span style="display:inline-block;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.15);color:rgba(255,255,255,.5);text-align:center;line-height:20px;font-size:12px;">X</span></a>
          <a class="tubiaoicon" href="https://www.linkedin.com/company/cimcenricenergyequipment/" target="_blank" rel="nofollow"><span style="display:inline-block;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.15);color:rgba(255,255,255,.5);text-align:center;line-height:20px;font-size:12px;">in</span></a>
          <a class="tubiaoicon" href="https://www.facebook.com/CIMC-Enric-Energy-Equipment-Co-Ltd-100537309451026" target="_blank" rel="nofollow"><span style="display:inline-block;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.15);color:rgba(255,255,255,.5);text-align:center;line-height:20px;font-size:12px;">f</span></a>
          <a class="tubiaoicon" href="https://www.instagram.com/cimcenricenergyequipment/" target="_blank" rel="nofollow"><span style="display:inline-block;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.15);color:rgba(255,255,255,.5);text-align:center;line-height:20px;font-size:12px;">&#9679;</span></a>
          <a class="tubiaoicon" href="https://www.youtube.com/channel/UCZYk8q-6fGVZj_OA9srVhmQ" target="_blank" rel="nofollow"><span style="display:inline-block;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.15);color:rgba(255,255,255,.5);text-align:center;line-height:20px;font-size:12px;">&#9654;</span></a>
        </div>
      </div>
    </div>
  </div>
  <div class="footer-bottom">&#169; 2026 CGT Cryogenic Equipment Co., Ltd. All rights reserved.</div>
</div>

<!-- Back to top -->
<div class="backup"><a href="#">&#8593;</a></div>

</body>

/* === WordPress Overrides === */
.container{max-width:var(--container);margin:0 auto;padding:0 20px;}
.daohang-index .container{display:flex;align-items:center;justify-content:space-between;height:var(--header-h);}
.page-section{padding:40px 0;margin-top:var(--header-h);}
.page-title{font-size:1.3rem;font-weight:600;margin-bottom:24px;}
.page-content{color:var(--text-mid);line-height:1.8;}
.page-content p{margin-bottom:14px;}
.post-item{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border);}
.post-item h2{font-size:1.05rem;}
.post-excerpt{color:var(--text-mid);font-size:14px;margin-top:6px;}
.wp-post-image{width:100%;height:100%;object-fit:cover;}
.aligncenter{text-align:center;}

/* Footer Grid (WordPress) */
.footer-grid{display:grid;grid-template-columns:1.3fr 1.3fr 1.8fr 1.5fr;gap:40px;}
.footer-col{color:rgba(255,255,255,.7);}
.footer-col>p:first-child{color:#fff;font-size:14px;font-weight:600;margin-bottom:12px;letter-spacing:.5px;}
.footer-links{list-style:none;}
.footer-links li{margin-bottom:7px;font-size:13px;}
.footer-links a{color:rgba(255,255,255,.55);text-decoration:none;}
.footer-links a:hover{color:var(--accent);}

/* Contact rows in footer */
.contact-row{display:flex;gap:8px;margin-bottom:10px;font-size:13px;color:rgba(255,255,255,.55);}
.contact-row .cl{color:rgba(255,255,255,.35);min-width:55px;flex-shrink:0;}

/* Social Icons */
.tubiao{display:flex;gap:8px;flex-wrap:wrap;}
.tubiaoicon{transition:.2s;display:inline-block;text-decoration:none;}
.sicon{display:inline-flex;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.08);color:rgba(255,255,255,.5);align-items:center;justify-content:center;font-size:13px;font-weight:600;transition:.2s;}
.tubiaoicon:hover .sicon{background:var(--accent)!important;color:#fff!important;}

/* Category filter (products archive) */
.cat-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px;}
.cat-filter a{padding:8px 18px;border:1px solid var(--border);border-radius:20px;font-size:13px;color:var(--text-mid);text-decoration:none;transition:.15s;}
.cat-filter a:hover,.cat-filter a.active{background:var(--primary);color:#fff;border-color:var(--primary);}

/* Pagination */
.pagination{text-align:center;margin-top:36px;}
.pagination a,.pagination span{display:inline-block;padding:8px 14px;margin:0 2px;border:1px solid var(--border);border-radius:4px;font-size:14px;}
.pagination span.current{background:var(--primary);color:#fff;border-color:var(--primary);}
.pagination a:hover{border-color:var(--primary);color:var(--primary);}

/* Product detail */
.product-detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:40px;}
.pd-gallery{background:var(--bg-alt);border-radius:6px;overflow:hidden;}
.pd-gallery img{width:100%;}
.pd-placeholder{padding:40px;text-align:center;}
.pd-info h1{font-size:1.3rem;margin:10px 0 16px;}
.pd-desc{color:var(--text-mid);line-height:1.7;margin-bottom:24px;}
.pd-section{margin-top:36px;}
.pd-section h3{margin-bottom:16px;font-size:1.1rem;padding-bottom:8px;border-bottom:2px solid var(--primary);display:inline-block;}
.specs-table{width:100%;border-collapse:collapse;font-size:14px;}
.specs-table td{padding:10px 14px;border-bottom:1px solid var(--border);}
.specs-table td:first-child{font-weight:500;color:var(--text-mid);width:30%;background:var(--bg-alt);}
.features-list{list-style:none;}
.features-list li{padding:8px 0 8px 22px;position:relative;border-bottom:1px solid var(--border);font-size:14px;}
.features-list li::before{content:'';position:absolute;left:2px;top:15px;width:8px;height:8px;background:var(--primary);border-radius:50%;}

/* Timeline (About page) */
.timeline{max-width:600px;margin:0 auto;}
.tl-item{display:flex;gap:24px;margin-bottom:24px;}
.tl-year{flex-shrink:0;background:var(--primary);color:#fff;border-radius:4px;padding:8px 14px;font-weight:600;font-size:14px;min-width:80px;text-align:center;}
.tl-item h4{margin-bottom:4px;}
.tl-item p{color:var(--text-mid);font-size:13px;}
.cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;}
.cert-item{background:var(--bg-alt);border:1px solid var(--border);border-radius:4px;padding:20px;text-align:center;font-weight:500;font-size:14px;}

/* Contact layout */
.contact-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;}
.contact-card{background:var(--primary-d);color:#fff;border-radius:6px;padding:30px;}
.contact-card h3{color:#fff;font-size:1.1rem;margin-bottom:20px;}
.contact-info-row{display:flex;gap:10px;margin-bottom:14px;font-size:14px;}
.ci-label{font-weight:500;color:rgba(255,255,255,.5);min-width:80px;flex-shrink:0;}

/* --- Responsive --- */
@media(max-width:1024px){
  .footer-grid{grid-template-columns:1fr 1fr;}
  .gategory-index-title{flex-direction:column;align-items:flex-start;gap:10px;}
}
@media(max-width:768px){
  .m-hdnav{display:none;}
  .sousou-index,.language{display:none;}
  .gategory-index-kuang{min-width:140px;flex:1 0 calc(50% - 8px);}
  .footer-grid{grid-template-columns:1fr;gap:28px;}
  .product-detail-layout{grid-template-columns:1fr;}
  .contact-layout{grid-template-columns:1fr;}
  .cert-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:480px){
  .gategory-index-kuang{flex:1 0 100%;}
  .cert-grid{grid-template-columns:1fr;}
}

/* Homepage extras */
.w1200{max-width:1200px;margin:0 auto;padding:0 20px;}
.section-title{text-align:center;margin-bottom:30px;}
.section-title h2{font-size:1.35rem;font-weight:600;display:inline-block;padding-bottom:10px;border-bottom:2px solid var(--primary);color:var(--text);}
.section-title p{color:var(--text-mid);font-size:13px;margin-top:8px;}
.section.alt{background:var(--bg-alt);}
.banner-text{position:absolute;left:5%;top:50%;transform:translateY(-50%);z-index:10;max-width:500px;}
.banner-text h2{color:#fff;font-size:1.8rem;font-weight:700;line-height:1.25;margin-bottom:12px;}
.banner-text p{color:rgba(255,255,255,.72);font-size:14px;margin-bottom:24px;line-height:1.6;}
.banner-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 26px;border-radius:4px;border:2px solid rgba(255,255,255,.4);color:#fff;font-size:14px;font-weight:500;text-decoration:none;}
.banner-btn:hover{background:#fff;color:var(--primary)!important;border-color:#fff;}
.cat-img-placeholder{background:var(--bg-alt);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;font-size:48px;color:var(--text-light);}
.ind-img-placeholder{background:var(--bg-alt);border-radius:6px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;font-size:64px;color:var(--text-light);}
.news-grid-home{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
@media(max-width:768px){.banner-text h2{font-size:1.3rem;}.banner-text p{font-size:13px;}.news-grid-home{grid-template-columns:1fr;}.ind-img-placeholder{aspect-ratio:4/3;}}

/* Footer form */
.daohang-index .container{display:flex;align-items:center;justify-content:space-between;height:var(--header-h);}
.ff-row{margin-bottom:8px;}
.ff-row input,.ff-row textarea{width:100%;padding:8px 12px;border:1px solid rgba(255,255,255,.12);border-radius:4px;background:rgba(255,255,255,.06);color:#fff;font-size:13px;font-family:var(--font);outline:none;transition:.2s;}
.ff-row input::placeholder,.ff-row textarea::placeholder{color:rgba(255,255,255,.3);}
.ff-row input:focus,.ff-row textarea:focus{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.08);}
.ff-row textarea{resize:vertical;min-height:55px;}
.submiit{background:var(--primary);color:#fff;border:none;padding:9px 22px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;}
.submiit:hover{background:var(--primary);}