:root{
  --gold:#B8952A;--gold-lt:#D4AF5A;--gold-pale:#F5EDD8;
  --dark:#181818;--char:#2A2A2A;--smoke:#3D3D3D;
  --mid:#6B6B6B;--silver:#A0A0A0;
  --bg:#F8F5F1;--white:#FFFFFF;--border:#E5DDD0;
}
*{
  margin:0;padding:0;
box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  font-family:'Mulish',sans-serif;
  background:var(--bg);
  color:var(--dark);
  line-height:1.65;
  }

/* ── TOP BAR ── */
.tbar{
  background:var(--dark);color:rgba(255,255,255,.6);
  font-size:16px;letter-spacing:.3px;
  padding:10px 56px;
  display:flex;justify-content:space-between;align-items:center;
  position:sticky;top:0;z-index:999;
}

.tbar a{
  color:var(--gold-lt);
  text-decoration:none;
  }

.tbar-l,.tbar-r{
  display:flex;
  align-items:center;
  gap:24px;
  }

.tbar-cta{
  background:var(--gold);
  color:#fff;
  border:none;
  padding:18px 18px;
  border-radius:2px;
  font:600 18px/1 'Mulish',sans-serif;
  letter-spacing:1.2px;
  text-transform:uppercase;
  cursor:pointer;
  transition:background .2s;
}

.tbar-cta:hover{background:#9E7D1E;}

/* ── BANNER ── */
.banner{
  position:relative;
  min-height:76vh;
  display:flex;
  align-items:center;
  overflow:hidden;
}

.bb{
  position:absolute;
  inset:0;z-index:0;
  background:
    linear-gradient(110deg,rgba(24,24,24,.88) 0%,rgba(24,24,24,.62) 50%,rgba(24,24,24,.25) 100%),
    url('/fuxing-tex/2026/04/29/xizhuangbanner.jpg?w=1800&q=80') center/cover no-repeat;
}

.bb::after{
  content:'';position:absolute;inset:0;
  background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(255,255,255,.01) 3px,rgba(255,255,255,.01) 4px),
             repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(255,255,255,.01) 3px,rgba(255,255,255,.01) 4px);
}
.banner-in{
  position:relative;
  z-index:1;
  max-width:1440px;
  margin:0 auto;
  padding:64px 56px 88px;
  width:100%;
  display:grid;
  grid-template-columns:1fr 400px;
  gap:52px;
  align-items:center;
}

.brow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:11px;
  letter-spacing:3px;
  text-transform:uppercase;
  color:var(--gold-lt);
  margin-bottom:18px;
}

.brow::before{
  content:'';
display:block;
width:26px;
height:1px;
background:var(--gold-lt);
}

.bh1{
  font-family:'Playfair Display',serif;
  font-size:clamp(36px,4.8vw,60px);
  font-weight:700;
  line-height:1.07;
  color:#fff;
  margin-bottom:18px;
}

.bh1 em{
  font-style:italic;
  color:var(--gold-lt);
  }
.blead{
  font-size:16px;
  color:aliceblue;
  line-height:1.82;
  max-width:583px;
  margin-bottom:28px;
  font-weight:300;
}
.bmeta{
  display:flex;
gap:30px;
}
.bm .n{
  font-family:'Playfair Display',serif;
  font-size:27px;
  font-weight:700;
  color:var(--gold-lt);
  line-height:1;
}
.bm .l{
  font-size:14px;
  color:rgba(255,255,255,.48);
  letter-spacing:.6px;
  margin-top:3px;
  }

/* form card */
.fc{
  background:rgba(255,255,255,.97);border-radius:2px;
  padding:30px 26px;box-shadow:0 28px 72px rgba(0,0,0,.38);
}
.fc h4{
  font-family: 'Playfair Display',serif;
    font-size: 30px;
    font-weight: 800;
    color: var(--dark);
    margin-bottom: 5px;
    }
.fc .sub{font-size:14px;color:var(--mid);margin-bottom:18px;line-height:1.6;}
.fc ul{list-style:none;}
.fc li{margin-bottom:11px;}
.fc label span{
  display:block;font-size:14px;font-weight:600;
  letter-spacing:.9px;text-transform:uppercase;color:var(--smoke);margin-bottom:4px;
}
.fc input[type=text],.fc textarea{
  width:100%;border:1px solid #DDD;border-radius:2px;
  padding:9px 11px;font-family:'Mulish',sans-serif;font-size:13px;
  color:var(--dark);background:#FAFAFA;outline:none;transition:border-color .2s;
}
.fc input[type=text]:focus,.fc textarea:focus{border-color:var(--gold);background:#fff;}
.fc textarea{height:76px;resize:vertical;}
.fc input[type=submit]{
  width:100%;background:var(--gold);color:#fff;border:none;border-radius:2px;
  padding:12px;font-family:'Mulish',sans-serif;font-size:12px;
  font-weight:600;letter-spacing:1.8px;text-transform:uppercase;
  cursor:pointer;transition:background .2s;margin-top:3px;
}
.fc input[type=submit]:hover{background:#9E7D1E;}

/* ── SECTION COMMON ── */
.sec{padding:76px 0;}
.wrap{max-width:1540px;margin:0 auto;padding:0 56px;}
.stag{
  font-size:10.5px;letter-spacing:2.8px;text-transform:uppercase;
  color:var(--gold);font-weight:600;margin-bottom:11px;
  display:flex;align-items:center;gap:9px;
}
.stag::before{content:'';display:block;width:22px;height:1px;background:var(--gold);}
.stit{
  font-family:'Playfair Display',serif;
  font-size:clamp(24px,2.6vw,38px);font-weight:900;line-height:1.13;
  color:var(--dark);margin-bottom:12px;
}
.sdiv{width:44px;height:2px;background:var(--gold);margin:14px 0;}
.slead{font-size:18px;color:var(--mid);line-height:1.82;font-weight:400;}

/* CTA buttons */
.btn{
  display:inline-flex;align-items:center;gap:7px;
  background:var(--gold);color:#fff;border:none;border-radius:2px;
  padding:12px 24px;
  font-family:'Mulish',sans-serif;font-size:12px;font-weight:600;
  letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;text-decoration:none;
  transition:background .2s,transform .15s;
}
.btn:hover{background:#9E7D1E;transform:translateY(-1px);}
.btn-ol{background:transparent;border:1.5px solid var(--gold);color:var(--gold);}
.btn-ol:hover{background:var(--gold);color:#fff;}
.btn-dk{background:var(--dark);color:#fff;}
.btn-dk:hover{background:var(--gold);}

/* ── ADVANTAGES ── */
.adv{background:var(--white);}
.adv-g{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.adv-imgcol{position:relative;}
.adv-img{
  width:100%;border-radius:2px;
  background:linear-gradient(135deg,#D8CFC4 0%,#BDB0A0 100%);
  display:flex;align-items:center;justify-content:center;
  font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--silver);
}


.adv-pts{display:flex;flex-direction:column;gap:16px;margin:26px 0 30px;}
.ap{display:flex;align-items:flex-start;}

.ap-t{font-size:18px;font-weight:600;color:var(--dark);margin-bottom:3px;}
.ap-d{
      font-size: 16px;
    color: black;
    line-height: 1.65;
    font-weight: 400;
    }
.adv-txt p{
      font-size: 16px;
    color: black;
    line-height: 1.85;
    margin-bottom: 24px;
    font-weight: 400;
    }

/* ── PRODUCTS ── */
.prods{background:var(--bg);}
.prods-hd{
  display:flex;justify-content:space-between;align-items:flex-end;
  margin-bottom:44px;padding-bottom:24px;border-bottom:1px solid var(--border);
}
/* editorial asymmetric grid */
.suit-g{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;}
.sc{
  background:var(--white);border-radius:2px;overflow:hidden;
  border:1px solid var(--border);
  transition:box-shadow .25s,transform .25s;
  display:flex;flex-direction:column;
}
.sc:hover{box-shadow:0 12px 40px rgba(0,0,0,.09);transform:translateY(-4px);}
.s8{grid-column:span 8;} .s4{grid-column:span 4;} .s6{grid-column:span 6;}
.simg{
  width:100%;background:linear-gradient(135deg,#DDD8CE 0%,#C5BAA8 100%);
  display:flex;align-items:center;justify-content:center;
  font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--silver);
  position:relative;overflow:hidden;flex-shrink:0;
}
.s8 .simg{height:255px;} .s6 .simg{height:200px;} .s4 .simg{height:200px;}
.scat{
  position:absolute;top:13px;left:13px;
  background:var(--gold);color:#fff;
  font-size:9px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;
  padding:3px 9px;border-radius:1px;
}
.sbdy{padding:18px 18px 22px;flex:1;display:flex;flex-direction:column;}
.snm{
    font-size: 18px;
    font-weight: 600;
    color: var(--dark);
    margin-bottom: 7px;
}
.stgs{display:flex;flex-wrap:wrap;gap:5px;}
.stg-i{
  font-size:14px;letter-spacing:.8px;text-transform:uppercase;
  padding:3px 8px;border:1px solid var(--border);color:var(--smoke);border-radius:1px;
}

/* ── FACTORY ── */
.fact{background:var(--char);color:#fff;position:relative;overflow:hidden;}
.fact::before{
  content:'';position:absolute;top:-80px;left:-80px;
  width:400px;height:400px;border-radius:50%;
  background:rgba(184,149,42,.05);pointer-events:none;
}
.fact-g{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;}
.fact-imgs{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.fi{
  border-radius:2px;
  background:linear-gradient(135deg,#3A3A3A 0%,#2A2A2A 100%);
  display:flex;align-items:center;justify-content:center;
  font-size:9.5px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.28);
}
.fi.t{grid-column:2/-1;}
.fact-txt .stag{color:var(--gold-lt);}
.fact-txt .stag::before{background:var(--gold-lt);}
.fact-txt .stit{color:#fff;}
.fact-txt .slead{color:#fff;}
.fact-list{list-style:none;margin-top:26px;display:flex;flex-direction:column;gap:11px;}
.fact-list li{
  display:flex;align-items:flex-start;gap:11px;
  font-size:16px;line-height:1.6;font-weight:300;
}
.fck{
  flex-shrink:0;width:19px;height:19px;background:var(--gold);border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:10px;font-weight:700;margin-top:2px;
}
.fact-nums{
  display:grid;grid-template-columns:1fr 1fr;gap:1px;
  background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden;margin-top:32px;
}
.fn{background:rgba(255,255,255,.04);padding:22px 18px;}
.fn .n{font-family:'Playfair Display',serif;font-size:32px;font-weight:700;color:var(--gold-lt);line-height:1;}
.fn .l{font-size:11px;color:rgba(255,255,255,.42);margin-top:4px;letter-spacing:.4px;}

/* ── CTA BAND ── */
.ctaband{background:linear-gradient(105deg,var(--dark) 0%,#2A2A2A 100%);padding:52px 0;}
.ctaband-in{display:flex;justify-content:space-between;align-items:center;gap:40px;}
.ctaband h3{font-family:'Playfair Display',serif;font-size:26px;font-weight:600;color:#fff;}
.ctaband h3 em{font-style:italic;color:var(--gold-lt);}
.ctaband p{
  font-size:14px;
  color:rgba(255,255,255,.52);
  margin-top:7px;
  font-weight:300;
  }
.ctaband-btns{display:flex;gap:12px;flex-shrink:0;}

/* ── CERTS ── */
.certs{background:var(--bg);}
.certs-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px;}
.cc{
  background:var(--white);border:5px solid var(--border);border-radius:2px;
  padding:24px 18px;text-align:center;
  transition:box-shadow .2s,transform .2s;
}
.cc:hover{box-shadow:0 7px 24px rgba(0,0,0,.06);transform:translateY(-2px);}
.ci{font-size:30px;margin-bottom:10px;}
.cn{
  font-family:'Playfair Display',serif;
  font-size:18px;
  font-weight:600;
  color:var(--dark);
  margin-bottom:5px;
  }
.cd{
  font-size:16px;
  color:black;
  line-height:1.65;
  font-weight:300;
  }

/* ── PROCESS ── */
.proc{background:var(--white);}
.pstrip{
  display:grid;grid-template-columns:repeat(5,1fr);
  gap:0;margin-top:48px;position:relative;
}
.pstrip::before{
  content:'';position:absolute;top:21px;left:10%;right:10%;
  height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);z-index:0;
}
.pst{text-align:center;padding:0 9px;position:relative;z-index:1;}
.pn{
  width:42px;height:42px;border-radius:50%;
  background:var(--white);border:2px solid var(--gold);
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 13px;
  font-family:'Playfair Display',serif;font-size:16px;font-weight:700;color:var(--gold);
  box-shadow:0 3px 12px rgba(184,149,42,.14);
}
.pt{font-size:18px;font-weight:600;color:var(--dark);margin-bottom:4px;}
.pd{
      font-size: 16px;
    color: black;
    line-height: 1.6;
    font-weight: 300;
    }

/* ── FAQ + FOOTER FORM ── */
.ftrwrap{background:var(--bg);}
.ftr-g{display:grid;grid-template-columns:1fr 453px;gap:68px;align-items:start;}
.faq-list{margin-top:22px;}
.faq-item{border-bottom:1px solid var(--border);}
.faq-q{
  width:100%;text-align:left;background:none;border:none;
  padding:16px 0;
  font-family:'Mulish',sans-serif;font-size:20px;font-weight:600;color:var(--dark);
  cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;
}
.faq-ico{
  flex-shrink:0;width:21px;height:21px;background:var(--border);border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--gold);
  transition:background .2s;
}
.faq-item.open .faq-ico{background:var(--gold);color:#fff;}
.faq-a {
    display: block;
    max-height: none;
    opacity: 1;
    padding: 10px 0 20px;
    color: #4a4a4a;
    font-size: 16px;
    line-height: 1.6;
}
.faq-item.open .faq-a{max-height:200px;padding-bottom:15px;}

.ffc{
  background:var(--white);border-radius:2px;border-top:3px solid var(--gold);
  padding:30px 26px;box-shadow:0 7px 32px rgba(0,0,0,.07);
  position:sticky;top:78px;
}
.ffc h4{
  font-family: 'Playfair Display',serif;
    font-size: 30px;
    font-weight: 600;
    color: var(--dark);
    margin-bottom: 5px;
    }
.ffc p{
  font-size: 14px;
    color: var(--mid);
    margin-bottom: 18px;
    line-height: 1.6;
    }
.ffc ul{list-style:none;}
.ffc li{margin-bottom:11px;}
.ffc label span{
  display:block;font-size:14px;font-weight:600;
  letter-spacing:.9px;text-transform:uppercase;color:var(--smoke);margin-bottom:4px;
}
.ffc input[type=text],.ffc textarea{
  width:100%;border:1px solid #DDD;border-radius:2px;
  padding:9px 11px;font-family:'Mulish',sans-serif;font-size:13px;
  color:var(--dark);background:#FAFAFA;outline:none;transition:border-color .2s;
}
.ffc input[type=text]:focus,.ffc textarea:focus{border-color:var(--gold);background:#fff;}
.ffc textarea{height:78px;resize:vertical;}
.ffc input[type=submit]{
  width:100%;background:var(--dark);color:#fff;border:none;border-radius:2px;
  padding:12px;font-family:'Mulish',sans-serif;font-size:12px;
  font-weight:600;letter-spacing:1.8px;text-transform:uppercase;
  cursor:pointer;transition:background .2s;
}
.ffc input[type=submit]:hover{background:var(--gold);}

/* ── SITE FOOTER ── */
.sftr{
  background:var(--dark);color:rgba(255,255,255,.38);
  padding:24px 56px;
  justify-content:space-between;
  align-items:center;
  font-size:16px;letter-spacing:.3px;
  text-align: center;
}
.sftr span{color:var(--gold-lt);}
.sftr-r{display:flex;gap:18px;}
.sftr-r a{color:rgba(255,255,255,.38);text-decoration:none;}

/* ── SCROLL REVEAL ── */
.rv{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease;}
.rv.vis{opacity:1;transform:none;}

/* ── BANNER ANIMATE ── */
@keyframes fu{from{opacity:0;transform:translateY(22px);}to{opacity:1;transform:translateY(0);}}
.brow{animation:fu .6s .08s ease both;}
.bh1{animation:fu .6s .17s ease both;}
.blead{animation:fu .6s .27s ease both;}
.bmeta{animation:fu .6s .37s ease both;}
.fc{animation:fu .6s .3s ease both;}

/* ── RESPONSIVE ── */
@media(max-width:960px){
  .tbar{padding:13px 112px;font-size:11px;}
  .tbar-l>span:first-child{display:none;}
  .banner-in{grid-template-columns:1fr;padding:56px 24px 80px;gap:36px;}
  .adv-g{grid-template-columns:1fr;gap:36px;}
  .suit-g{grid-template-columns:1fr 1fr;}
  .s8,.s4,.s6{grid-column:span 1;}
  .fact-g{grid-template-columns:1fr;gap:40px;}
  .certs-row{grid-template-columns:1fr 1fr;}
  .pstrip{grid-template-columns:1fr 1fr;gap:26px;}
  .pstrip::before{display:none;}
  .ctaband-in{flex-direction:column;text-align:center;}
  .ftr-g{grid-template-columns:1fr;gap:44px;}
  .ffc{position:static;}
  .wrap{padding:0 24px;}
}
@media(max-width:1000px){
  .tbar-r {
    display: none;
 }
 .fc {
    display: none;
 }
}
@media(max-width:600px){
  .suit-g{grid-template-columns:1fr;}
  .certs-row{grid-template-columns:1fr 1fr;}
  .sftr{flex-direction:column;gap:8px;text-align:center;padding:20px 20px;}
  .prods-hd{flex-direction:column;align-items:flex-start;gap:14px;}
}
#Pop_UpsBtn {
    background: url(/tianshancylinder/2026/04/22/youxaing1.png) no-repeat center var(--gold-lt) !important;
    right: 20px !important;
    bottom: 135px !important;
    z-index: 11111 !important;
}
#Pop_UpsBtn {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    position: fixed;
    border-radius: 100%;
    background: #6076f1;
    color: white;
    right: 2%;
    bottom: 5%;
    font-size: 24px;
    -moz-box-shadow: 0 2px 7px rgba(0,0,0,.3);
    -o-box-shadow: 0 2px 7px rgba(0,0,0,.3);
    box-shadow: 0 2px 7px rgb(0 0 0 / 30%);
    cursor: pointer;
    cursor: hand;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}


.Stick {
    position: fixed;
    right: 20px;
    bottom: 55px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--gold-lt);
    cursor: pointer;
    z-index: 11111 !important;
}
#pups_from form ul li input[type="submit"] {
    width: auto;
    padding: 6px 40px;
    display: inline-block;
    background: var(--gold-lt)!important;
    color: white;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
span.guxing img {
    filter: brightness(0) saturate(100%) invert(78%) sepia(58%) saturate(839%) hue-rotate(349deg) brightness(94%) contrast(92%);
    padding: 4px 35px;
}
.tbar-r .box {
    margin-right: 65px;
}
span.guxing {
    color: aliceblue;
    font-size: 18px;
}