/* Visible motion layer for the restored Hengfeng legacy visual system. */

/* ========== Fonts · align with polyacrylamidefactory.com ========== */
.hf-legacy-site,
.hf-legacy-site body,
body.hf-legacy-site{
  font-family:'Gilroy',"Microsoft YaHei","PingFang SC",Arial,sans-serif!important;
  font-weight:500;
  color:#333;
  font-size:16px;
  background:#fff!important;
}
.hf-legacy-site .pop{
  font-family:'Poppins',"Microsoft YaHei","PingFang SC",Arial,sans-serif!important;
}
.hf-legacy-site .anton{
  font-family:'Anton',"Arial Black",Impact,sans-serif!important;
}
.hf-legacy-site .bold,
.hf-legacy-site b,
.hf-legacy-site strong{
  font-weight:700;
}
.hf-legacy-site .black{
  font-weight:900;
}
.hf-legacy-site .medium{
  font-weight:500;
}
.hf-legacy-site .regular{
  font-weight:400;
}
.hf-legacy-site .light{
  font-weight:300;
}
/* Header / nav keep Gilroy like reference */
.hf-legacy-site #header,
.hf-legacy-site #header a,
.hf-legacy-site #header .menu-item > a,
.hf-legacy-site #mobile{
  font-family:'Gilroy',"Microsoft YaHei","PingFang SC",Arial,sans-serif;
}

/* ========== Header · match polyacrylamidefactory.com ========== */
.hf-legacy-site #header{
  position:fixed!important;
  top:0;left:0;width:100%;z-index:100;
}
.hf-legacy-site #header > .nav{
  background:#fff;
  box-shadow:0 1px 0 rgba(0,0,0,.04);
  transition:box-shadow .35s ease,border-color .35s ease;
}
.hf-legacy-site #header.active > .nav{
  box-shadow:0 8px 24px rgba(15,35,55,.08);
  border-bottom:1px solid rgba(220,220,220,.55);
}
.hf-legacy-site #header > .nav .h-top{
  color:#555;font-size:14px;line-height:1.2;padding-top:14px;padding-bottom:2px;
}
.hf-legacy-site #header > .nav .h-top .phone{
  display:inline-flex;align-items:center;gap:0;color:#333;white-space:nowrap;
}
.hf-legacy-site #header > .nav .h-top .phone i{
  display:inline-flex;align-items:center;justify-content:center;
  width:30px;height:30px;border-radius:50%;border:1px solid #333;
  font-size:14px;line-height:1;color:#333;flex-shrink:0;
}
.hf-legacy-site #header > .nav .h-top .phone span{
  padding-left:10px;font-size:22px;line-height:30px;
}
.hf-legacy-site #header > .nav .h-top .phone span{white-space:nowrap}
.hf-legacy-site #header > .nav > .menu{padding:10px 0 14px}
.hf-legacy-site #header > .nav > .menu .menu-box{
  display:flex;align-items:center;justify-content:space-between;
}
.hf-legacy-site #header > .nav > .menu .menu-box .left .logo{
  display:block;width:clamp(160px,12vw,220px);
}
.hf-legacy-site #header > .nav > .menu .menu-box .left .logo img{
  width:100%;height:auto;display:block;object-fit:contain;
}
.hf-legacy-site #header > .nav > .menu .menu-box .menu_c{
  flex:1;display:flex;justify-content:center;
}
.hf-legacy-site #header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item > a{
  color:#222;font-weight:500;letter-spacing:.02em;text-transform:uppercase;
}
.hf-legacy-site #header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item:hover > a,
.hf-legacy-site #header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item.active > a{
  color:#008cd7;
}
.hf-legacy-site #header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item > a::before{
  background-color:#008cd7;bottom:0;height:2px;
}
.hf-legacy-site #header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item .sub-menu{
  min-width:220px;padding:6px 0;background:#f7f7f7;
  box-shadow:0 12px 28px rgba(0,0,0,.08);
}
.hf-legacy-site #header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item .sub-menu .menu-item a{
  font-size:15px;padding:10px 16px;color:#222;text-transform:none;
}
.hf-legacy-site #header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item .sub-menu .menu-item:hover > a{
  background:#008cd7;color:#fff;
}
.hf-legacy-site #header > .nav > .menu .menu-box .right{
  display:flex;align-items:center;padding-left:1.5vw;flex-shrink:0;
}
.hf-legacy-site #header > .nav > .menu .menu-box .right .searchBox{
  width:min(200px,14vw);height:30px;background:#eee;border-radius:15px;overflow:hidden;margin-right:4px;
}
.hf-legacy-site #header > .nav > .menu .menu-box .right .searchBox form{position:relative;width:100%;height:100%}
.hf-legacy-site #header > .nav > .menu .menu-box .right .searchBox input[type="text"]{
  width:100%;height:100%;border:0;background:transparent;padding:0 28px 0 14px;
  font-size:14px;color:#333;font-family:inherit;outline:none;
}
.hf-legacy-site #header > .nav > .menu .menu-box .right .searchBox input[type="submit"]{
  position:absolute;right:12px;top:50%;transform:translateY(-50%);
  width:13px;height:13px;border:0;cursor:pointer;
  background:url('/template/en/images/index_2.png') center/contain no-repeat;
}
.hf-legacy-site #header > .nav .lang_cont{margin-left:18px}
.hf-legacy-site #header > .nav .lang_cont .lang{
  background:#f7f7f7;border-bottom:3px solid #008cd7;min-width:120px;
}
.hf-legacy-site #header > .nav .lang_cont .lang li a:hover{
  background:#008cd7;color:#fff;
}
@media (max-width:1250px){
  .hf-legacy-site #header > .nav > .menu .menu-box .right .searchBox{display:none}
}

/* Mobile header · polyacrylamidefactory.com page-header01（样式在 basic.css） */
.hf-legacy-site #mobile{display:none!important}
.hf-legacy-site .page-header01{display:none}
.hf-legacy-site .mobile-menu-wrap01 .menu-item a{
  width:100%;
  color:inherit;
  text-decoration:none;
}
.hf-legacy-site .mobile-menu-wrap01 .menu-item .sub-menu,
.hf-legacy-site .mobile-menu-wrap01 .menu-item ul ul{
  display:none;
}
.hf-legacy-site .mobile-menu-wrap01 .menu-item .chev{
  color:#9aa7b2;
  font-size:14px;
  flex-shrink:0;
}
.hf-legacy-site .mobile-menu-wrap01 .mob-search-panel{
  padding:10px 14px 14px;
  border-bottom:1px solid rgba(255,255,255,.02);
}
.hf-legacy-site .mobile-menu-wrap01 .mob-search-form{
  display:flex;
  align-items:center;
  gap:0;
  position:relative;
}
.hf-legacy-site .mobile-menu-wrap01 .mob-search-form input[type="text"]{
  width:100%;
  height:42px;
  line-height:42px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:8px;
  padding:0 46px 0 14px;
  background:rgba(255,255,255,.06);
  color:#fff;
  font-size:14px;
  outline:none;
}
.hf-legacy-site .mobile-menu-wrap01 .mob-search-form input[type="text"]::placeholder{
  color:rgba(255,255,255,.45);
}
.hf-legacy-site .mobile-menu-wrap01 .mob-search-form button{
  position:absolute;
  right:0;
  top:0;
  width:42px;
  height:42px;
  border:0;
  border-radius:0 8px 8px 0;
  background:var(--color,#008cd7);
  color:#fff;
  font-size:16px;
  cursor:pointer;
}
@media (max-width:1250px){
  .hf-legacy-site #header{display:none!important}
  .hf-legacy-site .page-header01{display:flex!important}
}

/* Inner pages also need top offset under fixed header */
.hf-legacy-site .legacy-page-banner,
.hf-legacy-site .inner-banner{
  margin-top:145px;
}
@media (max-width:1250px){
  /* page-header01 为 sticky（占文档流），首页 banner 不再额外顶高 */
  .hf-legacy-site #banner{margin-top:0}
  .hf-legacy-site .legacy-page-banner,
  .hf-legacy-site .inner-banner,
  .hf-legacy-site #innerMobileBanner{margin-top:0}
}

/* Custom right scrollbar · tuned params from /web/ui/site.css */
html.has-site-scrollbar,
html.has-site-scrollbar body{
  scrollbar-width:none
}
html.has-site-scrollbar::-webkit-scrollbar,
html.has-site-scrollbar *::-webkit-scrollbar{
  width:0!important;height:0!important;display:none!important
}
.hf-legacy-site .site-scrollbar{
  position:fixed;top:0;right:0;bottom:0;width:3px;z-index:130;pointer-events:none
}
.hf-legacy-site .site-scrollbar__track{
  position:relative;width:100%;height:100%;background-color:#eee
}
.hf-legacy-site .site-scrollbar__thumb{
  position:absolute;left:0;top:0;width:100%;height:48px;background-color:#222;
  border-radius:1.5px;transform:translate3d(0,0,0);will-change:transform,height;
  pointer-events:auto;cursor:default
}
@media (max-width:820px){
  .hf-legacy-site .site-scrollbar{display:none}
}

/* Homepage #banner · match polyacrylamidefactory.com Swiper fade + copy reveal */
.hf-legacy-site #banner{
  position:relative;
  overflow:hidden;
  background:#073f65;
}
.hf-legacy-site #banner .swiper{
  width:100%;
  overflow:hidden;
}
.hf-legacy-site #banner .swiper-slide{
  position:relative;
  background:#073f65;
}
/* 勿强制 display:block，否则会盖掉 .pad-hide（移动端叠出 PC+手机两张图） */
.hf-legacy-site #banner .swiper-slide img.bg{
  width:100%;
  height:auto;
}
.hf-legacy-site #banner .swiper-slide img.pc-hide{
  width:100%;
  height:auto;
}
@media (max-width:1000px){
  .hf-legacy-site #banner .swiper-slide img.bg.pad-hide{
    display:none!important;
  }
  .hf-legacy-site #banner .swiper-slide img.pc-hide{
    display:block!important;
    width:100%;
    height:auto;
    min-height:0;
    object-fit:cover;
  }
  .hf-legacy-site #banner img.bg{
    min-height:0!important;
  }
}
.hf-legacy-site #banner .swiper-slide .container{
  z-index:5;
  pointer-events:none;
}
.hf-legacy-site #banner .swiper-slide .container .Hbtn{
  pointer-events:auto;
}
.hf-legacy-site #banner .swiper-slide .container .titl span{
  color:var(--color,#008cd7);
}
/* Text entrance · same as reference main.css + selfUse keyframes */
.hf-legacy-site #banner .swiper-slide .titl,
.hf-legacy-site #banner .swiper-slide .txt,
.hf-legacy-site #banner .swiper-slide .Hbtn{
  opacity:0;
}
.hf-legacy-site #banner .swiper-slide .hf-banner-mcopy .titl,
.hf-legacy-site #banner .swiper-slide .hf-banner-mcopy .txt,
.hf-legacy-site #banner .swiper-slide .hf-banner-mcopy .Hbtn{
  opacity:1;
  animation:none;
}
.hf-legacy-site #banner .swiper-slide.swiper-slide-active .titl{
  opacity:1;
  -webkit-animation:clipToRight 1s linear;
  animation:clipToRight 1s linear;
}
.hf-legacy-site #banner .swiper-slide.swiper-slide-active .txt{
  opacity:1;
  -webkit-animation:fadeInRightSmall 1s linear;
  animation:fadeInRightSmall 1s linear;
}
.hf-legacy-site #banner .swiper-slide.swiper-slide-active .Hbtn{
  opacity:1;
  -webkit-animation:fadeInUpSmall 1s linear;
  animation:fadeInUpSmall 1s linear;
}
.hf-legacy-site #banner .swiper-slide.swiper-slide-active .fontBg{
  -webkit-animation:fadeInUpSmall .8s linear;
  animation:fadeInUpSmall .8s linear;
}
.hf-legacy-site #banner .swiper-pagination{
  z-index:8;
}
.hf-legacy-site #banner .btn,
.hf-legacy-site #banner .icon{
  z-index:8;
}

/* Homepage .init-1 · keep template/en main.css white-mask reveal; ensure hover image scale even if Swiper omits .visible */
.hf-legacy-site #index-body .init-1 .swiper ul li .ig a.img-box{
  display:inline-block;
  position:relative;
  z-index:3;
}
.hf-legacy-site #index-body .init-1 .swiper ul li:nth-child(-n+2):hover .ig a.img-box{
  -webkit-transform:scale(1.5) translateX(50px);
  transform:scale(1.5) translateX(50px);
  z-index:3;
}
.hf-legacy-site #index-body .init-1 .swiper ul li:nth-last-child(-n+2):hover .ig a.img-box{
  -webkit-transform:scale(1.5) translateX(-50px);
  transform:scale(1.5) translateX(-50px);
  z-index:3;
}
@media (max-width:1600px){
  .hf-legacy-site #index-body .init-1 .swiper ul li:nth-child(-n+2):hover .ig a.img-box{
    -webkit-transform:scale(1.5) translateX(50px);
    transform:scale(1.5) translateX(50px);
  }
  .hf-legacy-site #index-body .init-1 .swiper ul li:nth-last-child(-n+2):hover .ig a.img-box,
  .hf-legacy-site #index-body .init-1 .swiper ul li:last-child:hover .ig a.img-box{
    -webkit-transform:scale(1.5) translateX(-50px);
    transform:scale(1.5) translateX(-50px);
  }
}
@media (max-width:1000px){
  .hf-legacy-site #index-body .init-1 .swiper ul li:nth-child(1):hover .ig a.img-box,
  .hf-legacy-site #index-body .init-1 .swiper ul li:nth-last-child(1):hover .ig a.img-box{
    -webkit-transform:scale(1.1) translateX(0);
    transform:scale(1.1) translateX(0);
  }
}

/* hf-reveal：ready 前由 layout 内联闸门压住；ready 后仅未入场节点保持入场前态 */
.hf-reveal{
  transition:opacity .8s ease,transform .8s ease;
}
html.hf-motion-ready .hf-reveal:not(.hf-in){
  opacity:.72;
  transform:translateY(24px);
}
html.hf-motion-ready .hf-reveal.hf-in{
  opacity:1;
  transform:translateY(0);
}
@media (prefers-reduced-motion:reduce){
  .hf-reveal,
  html.hf-motion-ready .hf-reveal:not(.hf-in),
  html.hf-motion-ready .hf-reveal.hf-in{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}
/* Homepage .init-2 · keep template hover/morph; fix equal 4-column tabs + visible SVG image */
.hf-legacy-site #index-body .init-2 .right ul li a svg,
.hf-legacy-site #index-body .init-2 .right ul li a svg.hf-blob-svg{
  display:block;width:100%;height:100%;overflow:visible;
}
.hf-legacy-site #index-body .init-2 .right ul li a svg .hf-blob-image{
  width:100%;height:100%;
}
.hf-legacy-site #index-body .init-2 .right ul li{
  opacity:0;
  z-index:1;
  transition:opacity .35s ease;
}
.hf-legacy-site #index-body .init-2 .right ul li:first-child,
.hf-legacy-site #index-body .init-2 .right ul li.active{
  opacity:1;z-index:2;
}
.hf-legacy-site #index-body .init-2 #tit .titl1,
.hf-legacy-site #index-body .init-2 .txtBox .txt{
  display:none;
}
.hf-legacy-site #index-body .init-2 #tit .titl1:first-child,
.hf-legacy-site #index-body .init-2 .txtBox .txt:first-child{
  display:block;
}
/* init-2 文案区：对齐仿写站 max-height:280px，改用全站 hf-local-scroll（禁用模板原生 overflow）
   固定高度避免切换 tab 时页面高度抖动，打断 SmoothScroll */
.hf-legacy-site #index-body .init-2 .left .txtBox{
  min-height:280px;
}
.hf-legacy-site #index-body .init-2 .left .txtBox .txt{
  max-height:none!important;
  overflow:visible!important;
}
.hf-legacy-site #index-body .init-2 .left .txtBox .hf-local-scroll{
  max-width:780px;
  height:280px;
}
.hf-legacy-site #index-body .init-2 .left .txtBox .hf-local-scroll__viewport{
  max-height:var(--hf-local-scroll-max-height,280px)!important;
  height:100%;
}
.hf-legacy-site #index-body .init-2 .bot ul.lists{
  display:flex!important;
  align-items:stretch;
  justify-content:space-between;
  flex-wrap:nowrap;
  width:100%;
}
.hf-legacy-site #index-body .init-2 .bot ul.lists > li{
  flex:1 1 0;
  width:25%;
  max-width:25%;
  padding-left:0!important;
  padding-right:0!important;
  box-sizing:border-box;
  cursor:pointer;
}
.hf-legacy-site #index-body .init-2 .bot ul.lists > li .list{
  width:100%;
  height:100%;
}
.hf-legacy-site #index-body .init-2 .bot ul.lists > li .list .txt{
  padding:0 10px;
  word-break:break-word;
}
@media (max-width:1000px){
  .hf-legacy-site #index-body .init-2 .bot ul.lists{
    flex-wrap:wrap;
  }
  .hf-legacy-site #index-body .init-2 .bot ul.lists > li{
    flex:1 1 50%;
    width:50%;
    max-width:50%;
  }
}
@media (max-width:500px){
  .hf-legacy-site #index-body .init-2 .bot ul.lists > li{
    flex:1 1 100%;
    width:100%;
    max-width:100%;
  }
}

/* Homepage .init-3 · play video popup + number-Plus count-up via hwaq.js */
.hf-legacy-site #index-body .init-3 .left .play-btn{
  cursor:pointer;z-index:3;
}
.hf-legacy-site #index-body .init-3 .left .img2 img{
  display:block;margin-left:auto;width:73.5%;
}
.hf-legacy-site #index-body .init-3 .bot ul.number-Plus .list{
  cursor:default;
}
.hf-legacy-site #index-body .init-4{
  position:relative;
  background-image:url('/template/en/images/init-4Bg.jpg');
  background-repeat:repeat;
  background-size:auto;
}
.hf-legacy-site #index-body .init-4 .titlBox{
  letter-spacing:.02em;
}
.hf-legacy-site #index-body .init-4 .content .swiper ul li .icon img{
  width:100%;
  height:auto;
  display:block;
  transition:transform .55s cubic-bezier(.22,.61,.36,1);
}
.hf-legacy-site #index-body .init-4 .content .swiper ul li:hover .icon img{
  transform:translateY(-6px) scale(1.06);
}
.hf-legacy-site #index-body .init-4 .content .swiper ul li .textBox .titl{
  transition:color .35s ease;
}
.hf-legacy-site #index-body .init-4 .bot .swiper ul li a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:70px;
}
.hf-legacy-site #index-body .init-4 .bot .swiper ul li img{
  max-width:100%;
  max-height:70px;
  width:auto;
  height:auto;
  object-fit:contain;
  filter:none;
  opacity:1;
  transition:transform .45s ease;
}
@keyframes hfIndustrialBg{from{background-position:45% 50%}to{background-position:55% 50%}}
/* Footer tech support · Beishu */
.hf-legacy-site #footer .copyright .hf-tech-support{
  margin:0 5px;
  color:#eaeaea;
  white-space:nowrap;
}

/* Floating right toolbar · right_nav_list */
.hf-legacy-site .right_nav_list{
  z-index:110;
}
.hf-legacy-site .right_nav_list ul li .text a{
  color:inherit;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  text-decoration:none;
}
.hf-legacy-site .right_nav_list ul li .text .iconfont{
  font-size:1em;
  line-height:1;
  color:#fff;
}
.hf-legacy-site .right_nav_list ul li:hover .text .iconfont{
  color:#fff;
}
.hf-legacy-site #pups_from_s{
  display:none;
}
.hf-legacy-site #pups_from_s .hf-form-flash{
  margin-top:48px;
  margin-bottom:12px;
}

/* Footer · match polyacrylamidefactory.com */
/* Product list hover overlay must be clipped to the product image, not .cateitem */
.hf-legacy-site .product-yd-page .productlist .item .img-box{
  position:relative;
  overflow:hidden;
}
.hf-legacy-site .product-yd-page .productlist .item .img-box .link{
  position:absolute;
  top:-100%;
  left:0;
  width:100%;
  height:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  background:rgba(0,0,0,.3);
  transition:.3s all;
  z-index:2;
}
.hf-legacy-site .product-yd-page .productlist li:hover .item .img-box .link{
  top:0;
}
.hf-legacy-site .product-yd-page .productlist .item .img-box .link img{
  width:30px;
  height:30px;
  max-width:30px;
  display:block;
}
.hf-legacy-site .download-page .grid-box{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:40px;
  margin:0;
  padding:0;
  list-style:none;
}
.hf-legacy-site .download-page .grid-box .column{
  /* width:min(100%,720px); */
  width:100%;
}
.hf-legacy-site .download-page .img-box{
  position:relative;
  overflow:hidden;
  border-radius:8px;
}
.hf-legacy-site .download-page .img-box>a{
  display:block;
}
.hf-legacy-site .download-page .img-box img{
  display:block;
  width:100%;
  height:auto;
}
.hf-legacy-site .download-page .tit a{
  color:#fefefe;
}
.hf-legacy-site .download-page .Hbtn{
  background:var(--color,#008cd7);
  color:#fff;
  min-width:280px;
}
.hf-legacy-site .gallery-page .content ul.flex-4{
  display:flex;
  flex-wrap:wrap;
  margin:-10px;
  list-style:none;
  padding:0;
}
.hf-legacy-site .gallery-page .content ul.flex-4 > .column{
  width:25%;
  padding:10px;
  box-sizing:border-box;
}
.hf-legacy-site .gallery-page .content ul.flex-4 .img-box{
  display:block;
  overflow:hidden;
  border-radius:20px;
  cursor:zoom-in;
}
.hf-legacy-site .gallery-page .content ul.flex-4 .img-box img{
  width:90%;
  margin:0 auto;
  display:block;
  transition:transform .45s ease;
}
.hf-legacy-site .gallery-page .content ul.flex-4 .img-box:hover img{
  transform:scale(1.04);
}
.hf-legacy-site .gallery-page .gp1{
  color:#222;
  transition:color .3s ease;
}
.hf-legacy-site .gallery-page .gp1:hover{
  color:var(--color,#008cd7);
}
.hf-legacy-site .gallery-page .m-page,
.hf-legacy-site .faq-page .m-page,
.hf-legacy-site .download-page .m-page{
  text-align:center;
  margin-top:60px;
}
.hf-legacy-site .inner-page .m-page .wp-pagenavi{
  display:inline-flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:5px;
}
.hf-legacy-site .inner-page .m-page .wp-pagenavi a,
.hf-legacy-site .inner-page .m-page .wp-pagenavi span{
  width:40px;
  height:40px;
  border-radius:50%;
  background:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:.5s;
  font-size:20px;
  font-weight:700;
  line-height:1;
  border:1px solid #999;
  color:#333;
  margin:0;
  padding:0;
  box-sizing:border-box;
  text-decoration:none;
}
.hf-legacy-site .inner-page .m-page .wp-pagenavi a.prev,
.hf-legacy-site .inner-page .m-page .wp-pagenavi a.first{
  margin-right:15px;
}
.hf-legacy-site .inner-page .m-page .wp-pagenavi a.next,
.hf-legacy-site .inner-page .m-page .wp-pagenavi a.end{
  margin-left:15px;
}
.hf-legacy-site .inner-page .m-page .wp-pagenavi a.first + a.prev,
.hf-legacy-site .inner-page .m-page .wp-pagenavi a.next + a.end{
  margin-left:5px;
  margin-right:0;
}
.hf-legacy-site .inner-page .m-page .wp-pagenavi a.first + a.prev{
  margin-right:15px;
}
.hf-legacy-site .inner-page .m-page .wp-pagenavi a:hover,
.hf-legacy-site .inner-page .m-page .wp-pagenavi span.current{
  background:var(--color,#008cd7);
  color:#fff;
  border-color:var(--color,#008cd7);
}
.hf-legacy-site .faq-page .list ul{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:30px;
}
.hf-legacy-site .faq-page .list ul li{
  background:#f6f7f9;
  border-radius:5px;
  cursor:pointer;
}
.hf-legacy-site .faq-page .list ul li .text.hide{
  display:none;
}
.hf-legacy-site .faq-page .list ul li .h6{
  cursor:pointer;
}
.hf-legacy-site .faq-page .list ul li i{
  transition:transform .3s ease;
}
.hf-legacy-site .faq-page .list ul li.active i{
  transform:rotate(180deg);
}
@media (max-width:1000px){
  .hf-legacy-site .gallery-page .content ul.flex-4 > .column{width:33.33%}
}
@media (max-width:700px){
  .hf-legacy-site .gallery-page .content ul.flex-4 > .column{width:50%}
  .hf-legacy-site .faq-page .list ul li{padding-left:24px!important;padding-right:24px!important}
}
@media (max-width:500px){
  .hf-legacy-site .gallery-page .content ul.flex-4 > .column{width:100%;padding:10px 0}
}
.hf-legacy-site #footer .fTop .item1 .txt a{
  color:#fff;
  text-decoration:underline;
  text-underline-offset:3px;
  transition:opacity .35s ease;
}
.hf-legacy-site #footer .fTop .item1 .txt a:hover{opacity:.78}
.hf-legacy-site #footer .fTop .item1 .share li{
  transition:background-color .5s ease,transform .35s ease;
}
.hf-legacy-site #footer .fTop .item1 .share li a{
  display:flex;
  width:100%;
  height:100%;
  align-items:center;
  justify-content:center;
}
.hf-legacy-site #footer .fTop .item1 .share li:hover{transform:translateY(-3px)}
.hf-legacy-site #footer .fTop .item p.link a span{
  transition:width .5s ease;
}
.hf-legacy-site #footer .fTop .item4 .text .txt a{
  color:inherit;
  transition:opacity .35s ease;
}
.hf-legacy-site #footer .fTop .item4 .text .txt a:hover{opacity:.8}
.hf-legacy-site #footer .copyright .container a.foorhf{
  color:#eaeaea;
  transition:color .35s ease;
}
.hf-legacy-site #footer .copyright .container a.foorhf:hover{color:#fff}
.hf-legacy-site #index-body .init-5 .titleBox::before{
  pointer-events:none;
  z-index:0;
}
.hf-legacy-site #index-body .init-5 .titleBox .titl,
.hf-legacy-site #index-body .init-5 .titleBox .Hbtn{
  position:relative;
  z-index:1;
}
/*
  Latest Updates 等标题的 clipToRight：
  - 禁用 selfUse 进页即播
  - 等 WOW .animated 后再播自定义关键帧
  - 播完由 JS 加 .hf-clip-done，彻底去掉 clip-path，避免标题消失
*/
@-webkit-keyframes hfClipToRight{
  from{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}
  to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}
}
@keyframes hfClipToRight{
  from{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}
  to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}
}
.hf-legacy-site .wow.clipToRight{
  -webkit-animation:none!important;
  animation:none!important;
}
.hf-legacy-site .wow.clipToRight:not(.animated):not(.hf-clip-done){
  -webkit-clip-path:inset(0 100% 0 0);
  clip-path:inset(0 100% 0 0);
}
.hf-legacy-site .wow.clipToRight.animated:not(.hf-clip-done){
  -webkit-animation:hfClipToRight 1.5s linear forwards!important;
  animation:hfClipToRight 1.5s linear forwards!important;
}
.hf-legacy-site .wow.clipToRight.hf-clip-done{
  -webkit-animation:none!important;
  animation:none!important;
  -webkit-clip-path:none!important;
  clip-path:none!important;
}
@media (prefers-reduced-motion:reduce){
  .hf-legacy-site .wow.clipToRight,
  .hf-legacy-site .wow.clipToRight:not(.animated):not(.hf-clip-done),
  .hf-legacy-site .wow.clipToRight.animated:not(.hf-clip-done),
  .hf-legacy-site .wow.clipToRight.hf-clip-done{
    -webkit-animation:none!important;
    animation:none!important;
    -webkit-clip-path:none!important;
    clip-path:none!important;
  }
}
.hf-legacy-site #index-body .init-5 .left .swiper ul li{
  cursor:pointer;
}
.hf-legacy-site #index-body .init-5 .left .swiper ul li .textBox .titl{
  display:block;
  color:#222;
  transition:color .5s ease;
}
.hf-legacy-site #index-body .init-5 .left .swiper ul li:hover .textBox .titl{
  color:#fff;
}
.hf-legacy-site #index-body .init-5 .right .swiper-slide a{
  display:block;
}
.hf-legacy-site #index-body .init-5 .right .swiper-slide img{
  display:block;
  width:100%;
  height:auto;
  border-radius:10px;
  object-fit:cover;
}
.hf-home-factory,.hf-home-certificates,.hf-home-faq{padding:110px 0;background:#fff}
.hf-home-certificates{background:#f2f6f8}
.hf-section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:52px}
.hf-section-head span,.hf-home-inquiry span{color:#079bd3;font-size:16px;font-weight:700;letter-spacing:.12em}
.hf-section-head h2{font-size:52px;line-height:1.1;margin:12px 0 0}
.hf-section-head>a{color:#079bd3;font-weight:700;border-bottom:1px solid #079bd3;padding-bottom:7px}
.hf-factory-stage{display:grid;grid-template-columns:1.6fr 1fr .72fr;grid-template-rows:230px 230px;gap:20px}
.hf-factory-main{grid-row:1/3;position:relative;overflow:hidden}
.hf-factory-main>img,.hf-factory-side>img{width:100%;height:100%;object-fit:cover;transition:transform 1s ease}
.hf-factory-main:hover>img,.hf-factory-side:hover>img{transform:scale(1.06)}
.hf-factory-stamp{position:absolute;left:28px;bottom:28px;width:145px;height:145px;border-radius:50%;background:#079bd3;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 12px 35px rgba(7,155,211,.35)}
.hf-factory-stamp strong{font-size:46px;line-height:1}.hf-factory-stamp span{font-size:13px;margin-top:7px}
.hf-factory-side{grid-row:1/3;position:relative;overflow:hidden}
.hf-play{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px;border-radius:50%;background:#fff;color:#079bd3;display:grid;place-items:center;font-size:25px;box-shadow:0 0 0 12px rgba(255,255,255,.25);animation:hfPulse 2s infinite}
@keyframes hfPulse{50%{box-shadow:0 0 0 22px rgba(255,255,255,0)}}
.hf-capacity-card{background:#073f65;color:#fff;padding:30px;display:flex;flex-direction:column;justify-content:center;transition:.45s}
.hf-capacity-card:nth-child(4){background:#079bd3}.hf-capacity-card:hover{transform:translateX(-9px)}
.hf-capacity-card span{font-size:14px;letter-spacing:.12em}.hf-capacity-card strong{font-size:44px;margin:10px 0}.hf-capacity-card em{font-style:normal;opacity:.75}
.hf-cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.hf-cert-card{display:grid;grid-template-columns:42% 1fr;align-items:center;background:#fff;min-height:270px;padding:24px;box-shadow:0 12px 40px rgba(4,61,83,.08);transition:.5s}
.hf-cert-card:hover{transform:translateY(-10px);box-shadow:0 25px 55px rgba(4,61,83,.16)}
.hf-cert-card img{width:100%;height:220px;object-fit:contain}.hf-cert-card div{padding-left:25px}.hf-cert-card small{color:#079bd3;font-weight:700}.hf-cert-card h3{font-size:27px;margin:12px 0}
/* .hf-faq-list{border-top:1px solid #dbe3e6} */
.hf-faq-list details{border-bottom:1px solid #dbe3e6;padding:0 6px}
.hf-faq-list summary{list-style:none;cursor:pointer;font-size:22px;font-weight:700;padding:28px 0;display:flex;justify-content:space-between}
.hf-faq-list summary::-webkit-details-marker{display:none}.hf-faq-list summary i{font-style:normal;color:#079bd3;font-size:30px;transition:.35s}
.hf-faq-list details[open] summary i{transform:rotate(45deg)}.hf-faq-list details>div{padding:0 70px 28px 0;color:#64747a;font-size:17px;line-height:1.8}
.hf-home-inquiry{padding:80px 0;background:#073f65 url('/template/en/images/footerBg.jpg') center/cover;color:#fff}
.hf-home-inquiry .container{display:flex;align-items:center;justify-content:space-between}.hf-home-inquiry h2{font-size:46px;margin:12px 0}.hf-home-inquiry p{font-size:18px;opacity:.78}
.hf-home-inquiry a{background:#079bd3;color:#fff;padding:23px 32px;font-weight:700;min-width:210px;display:flex;justify-content:space-between;transition:.4s}.hf-home-inquiry a:hover{background:#fff;color:#073f65;transform:translateY(-6px)}
.hf-legacy-site .legacy-card,.hf-legacy-site .geo-card{
    transition:transform .45s cubic-bezier(.22,.61,.36,1),box-shadow .45s ease
}
.hf-legacy-site .legacy-card:hover,.hf-legacy-site .geo-card:hover{
    transform:translateY(-12px);box-shadow:0 24px 55px rgba(4,65,93,.2)
}
.hf-legacy-site .legacy-card img,.hf-legacy-site .geo-card img{transition:transform .7s ease}
.hf-legacy-site .legacy-card:hover img,.hf-legacy-site .geo-card:hover img{transform:scale(1.09)}

/* Category page · product cards + honor + feedback */
.hf-legacy-site .product-page .product-right{max-width:100%}
/*
  link-icon.svg 现为深色描边，对齐 main.css 预期：
  - 白底圆：深色图标（invert 0）
  - 悬停品牌色圆：白色图标（invert 1）
  选择器需压过 main.css：.product-page .pro-box .product-right ul li .img-box .icon a img
*/
.hf-legacy-site .product-page .pro-box .product-right ul li.product_box .img-box .icon a img{
  width:30px!important;
  height:30px!important;
  max-width:30px!important;
  -webkit-filter:none!important;
  filter:none!important;
  transition:filter .5s ease,-webkit-filter .5s ease;
}
.hf-legacy-site .product-page .pro-box .product-right ul li.product_box .img-box .icon a:hover img,
.hf-legacy-site .product-page .pro-box .product-right ul li.product_box .img-box .icon a.active img{
  -webkit-filter:invert(1)!important;
  filter:invert(1)!important;
}
/* 产品首页深色蒙层上的链接图标仍需白色 */
.hf-legacy-site .product-yd-page .productlist .item .img-box .link img{
  -webkit-filter:brightness(0) invert(1)!important;
  filter:brightness(0) invert(1)!important;
}
.hf-legacy-site .product-page .Auxil-catdes{line-height:1.8;color:#666}
.hf-legacy-site .product-page .Auxil-catdes .title{color:#222}
.hf-legacy-site #inquiry-feedback{
  scroll-margin-top:90px;
}
.hf-legacy-site .hf-form-flash{
  margin:0 0 18px;padding:14px 18px;border-radius:6px;font-size:16px;line-height:1.5;font-weight:600;
  border:1px solid transparent;
}
.hf-legacy-site .hf-form-flash.is-ok{background:#e8f7ee;color:#1b7a3d;border-color:#b7e2c5}
.hf-legacy-site .hf-form-flash.is-err{background:#fdecea;color:#a12828;border-color:#f0b4b0}
.hf-legacy-site .hf-inquiry-toast{
  position:fixed;left:50%;top:88px;transform:translateX(-50%) translateY(-8px);
  z-index:1200;max-width:min(520px,92vw);padding:14px 20px;border-radius:8px;
  font-size:16px;font-weight:600;line-height:1.45;box-shadow:0 12px 32px rgba(0,0,0,.18);
  opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;
}
.hf-legacy-site .hf-inquiry-toast.is-show{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}
.hf-legacy-site .hf-inquiry-toast.is-ok{background:#1b7a3d;color:#fff}
.hf-legacy-site .hf-inquiry-toast.is-err{background:#a12828;color:#fff}
@media (max-width:1250px){
  .hf-legacy-site #inquiry-feedback{scroll-margin-top:72px}
  .hf-legacy-site .hf-inquiry-toast{top:72px}
}
.hf-legacy-site .seoPublic .Auxil-honor .list ul.hf-honor-slick:not(.slick-initialized){
  display:flex;flex-wrap:wrap;
}
.hf-legacy-site .seoPublic .Auxil-honor .list ul.hf-honor-slick:not(.slick-initialized) > li{
  width:25%;box-sizing:border-box;
}
/* 应用领域顶部分类：Slick 初始化前保持四列横排，避免先竖排再变横排 */
.hf-legacy-site .sa-nav ul.slick:not(.slick-initialized){
  display:flex!important;
  flex-wrap:nowrap;
  align-items:stretch;
  margin-left:-15px;
  margin-right:-15px;
}
.hf-legacy-site .sa-nav ul.slick:not(.slick-initialized) > li{
  width:25%!important;
  flex:0 0 25%;
  max-width:25%;
  box-sizing:border-box;
  padding:0 15px;
}
/* 初始化后交给 Slick，清掉预布局干扰 */
.hf-legacy-site .sa-nav ul.slick.slick-initialized{
  display:block!important;
  margin-left:0;
  margin-right:0;
}
.hf-legacy-site .sa-nav ul.slick.slick-initialized > .slick-list{
  margin:0;
}
@media(max-width:900px){
  .hf-legacy-site .sa-nav ul.slick:not(.slick-initialized){
    flex-wrap:wrap;
  }
  .hf-legacy-site .sa-nav ul.slick:not(.slick-initialized) > li{
    width:50%!important;
    flex-basis:50%;
    max-width:50%;
  }
}
.hf-legacy-site .seoPublic .Auxil-honor .list ul.hf-honor-slick img{
  display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;background:#fff;
}
.hf-legacy-site .seoPublic .seoIndustry .text a,
.hf-legacy-site .seoPublic .seoIndustry .hf-local-scroll__viewport.text a{color:var(--color,#079bd3)}
/* =============================================================================
   全站局部滚动条组件 .hf-local-scroll（与右侧全局条同款：3px / #eee / #222，无上下按钮）
   Blade 用法与动态初始化说明见：
     resources/views/front/geo/partials/shared-local-scroll.blade.php
   动态插入后调用：
     window.hfInitLocalScrollbars()
   ============================================================================= */
.hf-legacy-site .hf-local-scroll{
  position:relative;
}
.hf-legacy-site .hf-local-scroll__viewport{
  /* hidden：避免 SmoothScroll 把本节点当成滚轮目标并缓存，移出后仍滚局部 */
  overflow:hidden!important;
  max-height:var(--hf-local-scroll-max-height,400px)!important;
  padding-right:10px;
  word-break:break-word;
  scrollbar-width:none!important;
}
.hf-legacy-site .seoPublic .seoIndustry .hf-local-scroll__viewport.text{
  line-height:30px!important;
}
html.has-site-scrollbar .hf-legacy-site .hf-local-scroll__viewport::-webkit-scrollbar,
.hf-legacy-site .hf-local-scroll__viewport::-webkit-scrollbar{
  width:0!important;height:0!important;display:none!important;
}
.hf-legacy-site .hf-local-scroll__bar{
  position:absolute;
  top:0;right:0;bottom:0;
  width:3px;
  pointer-events:none;
  opacity:0;
  transition:opacity .2s ease;
}
.hf-legacy-site .hf-local-scroll.is-scrollable .hf-local-scroll__bar{
  opacity:1;
}
.hf-legacy-site .hf-local-scroll__track{
  position:relative;
  width:100%;
  height:100%;
  background:#eee;
  border-radius:1.5px;
}
.hf-legacy-site .hf-local-scroll__thumb{
  position:absolute;
  left:0;top:0;
  width:100%;
  height:48px;
  background:#222;
  border-radius:1.5px;
  transform:translate3d(0,0,0);
  will-change:transform,height;
  pointer-events:auto;
  cursor:default;
  display:block;
}
/* 应用领域页描述区：覆盖旧站 .con 的原生滚动，改用 hf-local-scroll */
.hf-legacy-site .cus-page .cus-4 .content .right .text .hf-local-scroll{
  margin:var(--px38,38px) 0;
}
.hf-legacy-site .cus-page .cus-4 .content .right .text .hf-local-scroll__viewport.con{
  max-height:var(--hf-local-scroll-max-height,90px)!important;
  overflow:hidden!important;
  margin:0;
  color:#4B4B4B;
  line-height:30px;
  padding-right:10px;
}
/* 产品详情摘要：覆盖旧站 .max-h 原生滚动 */
.hf-legacy-site .prodet-page .prodet-right .box .right .hf-local-scroll{
  margin:20px 0;
}
.hf-legacy-site .prodet-page .prodet-right .box .right .hf-local-scroll__viewport.det.max-h{
  max-height:var(--hf-local-scroll-max-height,360px)!important;
  overflow:hidden!important;
  margin:0!important;
}
.hf-legacy-site .seoPublic #index-body .init-3.Auxil-about{
  padding-top:40px;padding-bottom:40px;
}
.hf-legacy-site .seoPublic #index-body .init-5{
  padding-bottom:60px;
}

/* Application case detail: video play overlay on left image */
.hf-legacy-site .cus-page .cus-4 .content .left .img-box .play-btn{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:3.25em;
  height:3.25em;
  border-radius:50%;
  background-color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  z-index:3;
  box-shadow:0 6px 18px rgba(0,0,0,.18);
}
.hf-legacy-site .cus-page .cus-4 .content .left .img-box .play-btn i{
  color:var(--color,#008cd7);
  font-size:1.1em;
  line-height:1;
  margin-left:2px;
}

/* News detail · content / prev-next polish */
.hf-legacy-site .newdet-page .sideRight .content img{
  max-width:100%;
  height:auto;
}
.hf-legacy-site .newdet-page .sideRight .content table{
  width:100%;
  border-collapse:collapse;
  margin:20px 0;
}
.hf-legacy-site .newdet-page .sideRight .content table th,
.hf-legacy-site .newdet-page .sideRight .content table td{
  border:1px solid #ddd;
  padding:10px 12px;
  vertical-align:top;
}
/* 上一篇/下一篇：悬停品牌色底 + 白字；固定行高保证文字垂直居中 */
.hf-legacy-site .seoPublic .Auxil-through{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:12px;
  padding:15px 0;
}
.hf-legacy-site .seoPublic .Auxil-through br{display:none}
.hf-legacy-site .seoPublic .Auxil-through a{
  display:inline-flex;
  align-items:center;
  box-sizing:border-box;
  min-height:44px;
  height:auto;
  line-height:1.4;
  padding:10px 25px;
  font-size:14px;
  color:#333!important;
  border:1px solid #eee;
  background:#f8f8f8;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
  max-width:100%;
  transition:background .35s ease,color .35s ease,border-color .35s ease;
}
.hf-legacy-site .seoPublic .Auxil-through a:hover{
  background:var(--color,#008cd7)!important;
  border-color:var(--color,#008cd7);
  color:#fff!important;
}
.hf-legacy-site .newdet-page .sideLeft .back{
  cursor:pointer;
}

@media(max-width:900px){
    .hf-section-head,.hf-home-inquiry .container{align-items:flex-start;flex-direction:column;gap:25px}
    .hf-section-head h2,.hf-home-inquiry h2{font-size:36px}
    .hf-factory-stage,.hf-cert-grid{grid-template-columns:1fr;display:grid}
    .hf-factory-main,.hf-factory-side{grid-row:auto;height:320px}
    .hf-cert-card{grid-template-columns:1fr}
    .hf-legacy-site .seoPublic .Auxil-honor .list ul.hf-honor-slick:not(.slick-initialized) > li{width:50%}
}

/* ========== Responsive · mobile banner / nav / page reflow ========== */

/* Screen-reader only */
.hf-legacy-site .sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

/* Kill horizontal overflow globally on small screens */
.hf-legacy-site{
  overflow-x:clip;
}
.hf-legacy-site img,
.hf-legacy-site video,
.hf-legacy-site iframe,
.hf-legacy-site table{
  max-width:100%;
}
.hf-legacy-site .container,
.hf-legacy-site .ui.container{
  max-width:100%;
  box-sizing:border-box;
}

/* Mobile inner banner · override [hidden] UA stylesheet */
.hf-legacy-site #innerMobileBanner{
  display:none;
}
@media (min-width:1251px){
  .hf-legacy-site #innerMobileBanner,
  .hf-legacy-site #innerMobileBanner[hidden]{
    display:none!important;
  }
}
@media (max-width:1250px){
  .hf-legacy-site #innerMobileBanner,
  .hf-legacy-site #innerMobileBanner[hidden]{
    display:block!important;
  }
  .hf-legacy-site #innerMobileBanner ~ .inner-banner,
  .hf-legacy-site .inner-banner{
    display:none!important;
  }
  .hf-legacy-site #innerMobileBanner .banner2{
    padding-top:70px;
    padding-bottom:28px;
    background-image:linear-gradient(-160deg,var(--color,#008cd7),rgba(0,0,0,.05));
    color:#fff;
  }
  .hf-legacy-site #innerMobileBanner .banner2 .text p{
    font-weight:700;
    font-size:clamp(22px,5vw,30px);
    line-height:1.3;
    margin:0;
    word-break:break-word;
  }
  .hf-legacy-site #innerMobileBanner .banner2 .mbx{
    margin:28px auto 0;
    max-width:98%;
  }
  .hf-legacy-site #innerMobileBanner .banner2 .mbx .cont{
    border-radius:10px;
    box-shadow:0 0 10px rgba(0,0,0,.2);
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
    padding:10px 14px;
    font-size:14px;
    line-height:1.8;
    word-break:break-word;
  }
  .hf-legacy-site #innerMobileBanner .banner2 .mbx .cont a{
    color:inherit;
    text-decoration:none;
  }
  .hf-legacy-site #innerMobileBanner .banner2 .mbx .cont a:hover{
    color:#fff;
    text-decoration:underline;
  }
}

/* Homepage · compact banner copy on small screens */
.hf-legacy-site #banner .hf-banner-mcopy{
  display:none;
}
@media (max-width:1000px){
  .hf-legacy-site #banner .hf-banner-mcopy{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-end;
    position:absolute;
    left:0;right:0;bottom:0;top:0;
    z-index:3;
    padding:24px 20px 72px;
    background:linear-gradient(180deg,rgba(7,63,101,0) 35%,rgba(7,63,101,.72) 100%);
    color:#fff;
    pointer-events:none;
  }
  .hf-legacy-site #banner .hf-banner-mcopy .titl{
    font-size:clamp(20px,5.2vw,28px);
    line-height:1.25;
    max-width:18em;
    text-shadow:0 1px 8px rgba(0,0,0,.25);
  }
  .hf-legacy-site #banner .hf-banner-mcopy .titl span{
    color:#7ec8f0;
  }
  .hf-legacy-site #banner .hf-banner-mcopy .txt{
    margin:10px 0 16px;
    font-size:14px;
    line-height:1.45;
    max-width:28em;
    opacity:.92;
  }
  .hf-legacy-site #banner .hf-banner-mcopy .Hbtn{
    pointer-events:auto;
    background:#008cd7;
    color:#fff;
    border-radius:4px;
    width:auto;
  }
  .hf-legacy-site #banner .hf-banner-mcopy .Hbtn img{
    width:14px;height:auto;filter:brightness(0) invert(1);
  }
  /* init-1 保持参考站固定高度（main.css：≤1000 → 600px），勿改 auto */
  .hf-legacy-site #index-body .init-2 .left,
  .hf-legacy-site #index-body .init-2 .right{
    width:100%!important;
    margin-left:0!important;
    margin-top:20px;
  }
  .hf-legacy-site #index-body .init-2 .left .txtBox{
    min-height:0;
  }
  .hf-legacy-site #index-body .init-2 .left .txtBox .hf-local-scroll{
    height:220px;
  }
  .hf-legacy-site #index-body .init-2 .left .txtBox .hf-local-scroll__viewport{
    max-height:220px!important;
  }
  .hf-legacy-site #index-body .init-3 .left,
  .hf-legacy-site #index-body .init-3 .right{
    width:100%!important;
  }
  .hf-legacy-site #index-body .init-3 .left .info{
    width:auto!important;
  }
  .hf-legacy-site #index-body .init-5 .left,
  .hf-legacy-site #index-body .init-5 .right{
    width:100%!important;
  }
  .hf-legacy-site #index-body .init-5 .right{
    margin-top:20px;
    padding-left:0!important;
  }
  .hf-legacy-site #index-body .init-5 .titleBox{
    padding-top:80px!important;
    padding-bottom:40px!important;
    flex-wrap:wrap;
    gap:20px;
  }
  .hf-legacy-site #index-body .init-5 .titleBox .titl{
    font-size:clamp(28px,8vw,48px);
  }
  .hf-legacy-site #index-body .init-4 .titlBox{
    font-size:clamp(28px,8vw,48px);
    padding-top:90px!important;
    padding-bottom:80px!important;
  }
}

@media (max-width:700px){
  .hf-legacy-site #banner .hf-banner-mcopy{
    padding:18px 16px 64px;
  }
  .hf-legacy-site #banner .swiper-pagination{
    bottom:18px!important;
  }
  .hf-legacy-site #footer .fTop,
  .hf-legacy-site #footer .item{
    width:100%;
  }
  .hf-legacy-site .font-64,
  .hf-legacy-site .font-45,
  .hf-legacy-site .font-36{
    word-break:break-word;
  }
}

@media (max-width:500px){
  .hf-legacy-site #banner .hf-banner-mcopy .titl{
    font-size:20px;
  }
  .hf-legacy-site #innerMobileBanner .banner2 .text p{
    font-size:22px;
  }
}

/* News tabs · keep category switch on small screens (legacy knowledge + new index) */
.hf-legacy-site .news-page .hf-news-tab-select{
  display:none;
  margin-bottom:8px;
}
.hf-legacy-site .news-page .hf-news-tab-select select{
  width:100%;
  max-width:100%;
  height:44px;
  padding:0 14px;
  border:1px solid #dcdcdc;
  border-radius:6px;
  background:#fff;
  font-size:15px;
  color:#222;
  appearance:auto;
}
@media (max-width:700px){
  .hf-legacy-site .news-page .news-tab{
    display:block!important;
    padding-bottom:20px!important;
  }
  .hf-legacy-site .news-page .hf-news-tab-list{
    display:none!important;
  }
  .hf-legacy-site .news-page .hf-news-tab-select{
    display:block;
  }
  .hf-legacy-site .news-page .news-list ul.grid-2{
    grid-template-columns:1fr!important;
  }
  .hf-legacy-site .news-page .news-list ul li .text .tit{
    font-size:clamp(18px,5vw,24px)!important;
    height:auto!important;
    line-height:1.35;
  }
  /* News index · Minyinaero tabs → select */
  .hf-legacy-site.hf-theme-industrial .hf-news-tabs{
    display:none!important;
  }
  .hf-legacy-site.hf-theme-industrial .hf-news-tabs__select{
    display:block!important;
  }
}

/* News detail · stack Back + content; keep Back visible */
@media (max-width:1000px){
  .hf-legacy-site .newdet-page .sideBox{
    flex-direction:column;
  }
  .hf-legacy-site .newdet-page .sideBox .sideLeft,
  .hf-legacy-site .newdet-page .sideBox .sideRight{
    width:100%!important;
  }
  .hf-legacy-site .newdet-page .sideBox .sideLeft{
    display:block!important;
    margin-bottom:24px;
  }
  .hf-legacy-site .newdet-page .sideBox .sideLeft .back{
    display:inline-flex;
    align-items:center;
    gap:10px;
  }
  .hf-legacy-site .newdet-page .sideBox .sideLeft .back .pageBackwz{
    display:inline!important;
  }
  .hf-legacy-site .newdet-page .sideRight .Auxil-h1{
    font-size:clamp(22px,6vw,32px)!important;
    line-height:1.3;
    word-break:break-word;
  }
  .hf-legacy-site .newdet-page .sideRight .content{
    overflow-x:auto;
    word-break:break-word;
  }
  .hf-legacy-site .newdet-page .sideRight .content img,
  .hf-legacy-site .newdet-page .sideRight .content table{
    max-width:100%!important;
    height:auto!important;
  }
}

/* Products / search grid polish */
@media (max-width:1000px){
  .hf-legacy-site .product-page .pro-box .product-right{
    padding-left:0!important;
    width:100%!important;
  }
  .hf-legacy-site .product-page .pro-box .product-right ul li{
    width:50%;
  }
}
@media (max-width:500px){
  .hf-legacy-site .product-page .pro-box .product-right ul li{
    width:100%;
  }
}

/* Product detail · CloudZoom 取景框可移动区域 */
.hf-legacy-site .prodet-page .prodet-right .box .left .bigImg{
  position:relative;
}
.hf-legacy-site .prodet-page .prodet-right .box .left .bigImg ul,
.hf-legacy-site .prodet-page .prodet-right .box .left .bigImg ul li{
  position:relative;
  margin:0;
  padding:0;
}
.hf-legacy-site .prodet-page .prodet-right .box .left .bigImg ul li img.cloudzoom{
  display:block;
  width:100%;
  height:auto;
  margin:0!important;
  max-width:100%;
  vertical-align:top;
}
.hf-legacy-site .cloudzoom-blank{
  margin:0!important;
  padding:0!important;
  border:0!important;
  box-sizing:content-box!important;
}
.hf-legacy-site .cloudzoom-lens{
  margin:0!important;
  padding:0!important;
  border:0!important;
  box-sizing:content-box!important;
  outline:2px solid #888;
  outline-offset:-2px;
}
.hf-legacy-site .cloudzoom-zoom{
  width:560px!important;
  height:560px!important;
}
@media (max-width:1250px){
  .hf-legacy-site .prodet-page .prodet-right{
    width:100%!important;
    padding-left:0!important;
  }
  .hf-legacy-site .prodet-page .prodet-right .box .left,
  .hf-legacy-site .prodet-page .prodet-right .box .right{
    width:100%!important;
    padding-left:0!important;
  }
  .hf-legacy-site .prodet-page .cloudzoom-zoom,
  .hf-legacy-site .prodet-page .cloudzoom-zoom-inside{
    display:none!important;
  }
}
@media (max-width:700px){
  .hf-legacy-site .prodet-page .prodet-right .box .right .Auxil-h1,
  .hf-legacy-site .prodet-page .product_name{
    font-size:clamp(20px,5.5vw,26px)!important;
    word-break:break-word;
  }
  .hf-legacy-site .recommended-product ul li h4,
  .hf-legacy-site .recommended-product .product_name{
    font-size:16px;
  }
}

/* Applications */
@media (max-width:1000px){
  .hf-legacy-site .cus-page .cus-4 .content ul li .left,
  .hf-legacy-site .cus-page .cus-4 .content ul li .right{
    width:100%!important;
    padding:0!important;
  }
  .hf-legacy-site .cus-page .sa-nav .sa-c{
    min-height:auto;
  }
  .hf-legacy-site .cus-page .sa-nav .sa-cp{
    font-size:15px!important;
  }
}
@media (max-width:700px){
  .hf-legacy-site .cus-page .sa-nav{
    padding:10px 0 20px;
  }
  .hf-legacy-site .cus-page .i-title{
    font-size:clamp(20px,5vw,28px)!important;
  }
}

/* Contact */
@media (max-width:1000px){
  .hf-legacy-site .contact-page .contact-1 .header{
    flex-direction:column;
    gap:16px;
  }
  .hf-legacy-site .contact-page .contact-1 .content ul.flex-3 > li,
  .hf-legacy-site .contact-page .contact-1 .content ul > li.column{
    width:100%!important;
  }
  .hf-legacy-site .contact-page form input,
  .hf-legacy-site .contact-page form textarea,
  .hf-legacy-site .contact-page form select,
  .hf-legacy-site .contact-page .form input,
  .hf-legacy-site .contact-page .form textarea{
    width:100%!important;
    max-width:100%;
    box-sizing:border-box;
  }
}
@media (max-width:700px){
  .hf-legacy-site .contact-page .contact-1,
  .hf-legacy-site .inner-page{
    padding-left:0;
    padding-right:0;
  }
  .hf-legacy-site .pt-100{
    padding-top:48px!important;
  }
  .hf-legacy-site .pb-100{
    padding-bottom:48px!important;
  }
  .hf-legacy-site .pt-80{
    padding-top:40px!important;
  }
  .hf-legacy-site .pb-80{
    padding-bottom:40px!important;
  }
}

/* Container width clamp · main.css uses fixed 1730px */
@media (max-width:1760px){
  .hf-legacy-site .container,
  .hf-legacy-site .ui.container{
    width:100%!important;
    max-width:1730px;
  }
}

/* ========== Product catalog · restore polyacrylamidefactory.com/product/ look ========== */
.hf-legacy-site.hf-theme-industrial .inner-page.product-yd-page{
  background:#fff!important;
  color:#000;
  overflow:hidden;
  font-family:"Microsoft YaHei","Arial",sans-serif!important;
}
.hf-legacy-site.hf-theme-industrial .product-yd-page h3,
.hf-legacy-site.hf-theme-industrial .product-yd-page .cateitem .ui.container h3{
  font-family:"Microsoft YaHei","Arial",sans-serif!important;
}
.hf-legacy-site .product-yd-page .ui.container{
  position:relative;
  z-index:2;
  width:1730px;
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
  padding-left:15px;
  padding-right:15px;
  box-sizing:border-box;
}
.hf-legacy-site .product-yd-page .cateitem{
  padding-top:var(--px70,70px);
  padding-bottom:var(--px50,50px);
  position:relative;
}
.hf-legacy-site .product-yd-page .cateitem.bj{
  background:rgba(54,138,213,.1);
  border-radius:var(--px70,70px) 0 0 0;
}
.hf-legacy-site .product-yd-page .cateitem span.dec{
  display:inline-block;
  position:absolute;
  padding-right:var(--px30,30px);
  padding-bottom:var(--px20,20px);
  opacity:0;
  pointer-events:none;
  z-index:1;
}
.hf-legacy-site .product-yd-page .cateitem.rt span.dec{
  opacity:1;
  right:10px;
  top:-125px;
}
.hf-legacy-site .product-yd-page .cateitem.lt span.dec{
  opacity:1;
  left:0;
  top:-100px;
}
.hf-legacy-site .product-yd-page .cateitem span.dec i{
  width:13.020833vw;
  height:13.020833vw;
  display:block;
  border-radius:100%;
  background:#fff;
}
.hf-legacy-site .product-yd-page .cateitem span.dec:before{
  content:"";
  width:var(--px130,130px);
  height:var(--px130,130px);
  border-radius:100%;
  background:#368ad5;
  opacity:.2;
  position:absolute;
  bottom:0;
  right:0;
}
.hf-legacy-site .product-yd-page .cateitem .ui.container h3,
.hf-legacy-site .product-yd-page .cateitem .ui.container h3.font-32{
  margin:0;
  font-size:32px!important;
  font-weight:700;
  line-height:1.3;
  color:#000;
}
.hf-legacy-site .product-yd-page .cateitem .ui.container h3 a{
  color:inherit;
  text-decoration:none;
}
.hf-legacy-site .product-yd-page .cateitem .ui.container h3 a:hover{
  color:var(--color,#008cd7);
}
.hf-legacy-site .product-yd-page .cateitem .ui.container p,
.hf-legacy-site .product-yd-page .cateitem .ui.container p.font-16{
  margin:var(--px30,30px) 0 var(--px55,55px);
  font-size:16px!important;
  line-height:2!important;
  color:#333;
  max-width:100%;
}
.hf-legacy-site .product-yd-page .cateitem .ui.container ul.productlist{
  margin:0 -10px var(--px60,60px);
  padding:0;
  list-style:none;
}
.hf-legacy-site .product-yd-page .cateitem .ui.container ul.productlist li{
  position:relative;
  padding:0 10px;
}
.hf-legacy-site .product-yd-page .cateitem .ui.container ul.productlist li .item{
  border-radius:var(--px20,20px);
  text-align:center;
  overflow:hidden;
  background:#fff;
}
.hf-legacy-site .product-yd-page .productlist .item .img-box{
  position:relative;
  overflow:hidden;
  border-radius:var(--px20,20px);
}
.hf-legacy-site .product-yd-page .productlist .item .img-box > a:first-child img{
  display:block;
  width:100%;
  height:auto;
}
.hf-legacy-site .product-yd-page .cateitem .ui.container ul.productlist li .item h6,
.hf-legacy-site .product-yd-page .cateitem .ui.container ul.productlist li .item h6.font-18{
  margin:0;
  font-weight:700;
  font-size:18px!important;
  line-height:1.4;
  padding:10px var(--px20,20px);
  min-height:65px;
  transition:.3s all;
}
.hf-legacy-site .product-yd-page .cateitem .ui.container ul.productlist li .item h6 a{
  color:#000;
  text-decoration:none;
}
.hf-legacy-site .product-yd-page .cateitem .ui.container ul.productlist li .item h6:hover,
.hf-legacy-site .product-yd-page .cateitem .ui.container ul.productlist li .item h6 a:hover{
  color:var(--color,#008cd7);
}

/* Restore pill CTA · undo industrial sharp/uppercase button on this page */
.hf-legacy-site.hf-theme-industrial .product-yd-page .Hbtn,
.hf-legacy-site.hf-theme-industrial .product-yd-page .inner-page .Hbtn,
.hf-legacy-site .product-yd-page .Hbtn{
  display:inline-flex!important;
  align-items:center;
  justify-content:space-between;
  min-width:280px;
  background-color:var(--color,#008cd7)!important;
  border:1px solid var(--color,#008cd7)!important;
  border-radius:23px!important;
  color:#fff!important;
  text-transform:none!important;
  letter-spacing:0!important;
  font-weight:400!important;
  box-shadow:none!important;
  text-decoration:none;
}
.hf-legacy-site.hf-theme-industrial .product-yd-page .Hbtn:hover,
.hf-legacy-site .product-yd-page .Hbtn:hover{
  background-color:#fff!important;
  color:var(--color,#008cd7)!important;
}
.hf-legacy-site.hf-theme-industrial .product-yd-page .Hbtn:hover img,
.hf-legacy-site .product-yd-page .Hbtn:hover img{
  transform:rotate(25deg);
  transform-origin:center;
  filter:none;
  -webkit-filter:none;
}
.hf-legacy-site .product-yd-page .Hbtn img{
  filter:brightness(0) invert(1);
  -webkit-filter:brightness(0) invert(1);
}

@media screen and (max-width:1760px){
  .hf-legacy-site .product-yd-page .ui.container{
    width:100%;
  }
}
@media screen and (max-width:500px){
  .hf-legacy-site .product-yd-page .cateitem .ui.container p{
    display:none;
  }
  .hf-legacy-site .product-yd-page .cateitem .ui.container h3{
    margin-bottom:20px;
  }
  .hf-legacy-site .product-yd-page .Hbtn{
    min-width:0;
    width:100%;
  }
}

/* ========== Category detail · product-right + Auxil-industry ========== */
.hf-legacy-site.hf-theme-industrial .inner-page.product-page{
  background:#fff!important;
  color:#000;
  font-family:"Microsoft YaHei","Arial",sans-serif!important;
}
.hf-legacy-site .product-page .product-right{
  max-width:100%;
}
.hf-legacy-site .product-page .product-right .Auxil-h1{
  color:#000;
  font-weight:700;
  line-height:1.35;
}
.hf-legacy-site .product-page .product-right .Auxil-catdes{
  line-height:1.8;
  color:#666;
}
.hf-legacy-site .product-page .product-right .content.Auxil-catdes{
  margin-top:20px;
}
.hf-legacy-site .product-page .product-right .content.Auxil-catdes .title{
  color:#222;
  font-weight:700;
}
.hf-legacy-site .product-page .product-right .content.Auxil-catdes a{
  color:var(--color,#008cd7);
}
.hf-legacy-site .seoIndustry.Auxil-industry{
  background:#fff;
}
.hf-legacy-site .seoIndustry.Auxil-industry .title{
  font-size:clamp(22px,2.2vw,32px);
  font-weight:700;
  margin-bottom:20px;
}
.hf-legacy-site .seoIndustry.Auxil-industry .text,
.hf-legacy-site .seoIndustry.Auxil-industry .text a{
  line-height:1.8;
  color:#444;
}
.hf-legacy-site .seoIndustry.Auxil-industry .text a{
  color:var(--color,#008cd7);
}