:root{--primary:#0066b3;--primary-hover:#003f88;--primary-light:#2a6f97;--primary-dark:#0d5280;--primary-soft:#d0e2f2;--blue-soft:#e6f3ff;--blue-soft-light:#f4f8fc;--color-accent:#d32f2f;--color-accent-light:#fdeaea;--red:#ed2031;--success:#25d366;--warning:#ff6b00;--danger:#f64e5c;--text-main:#222;--text-dark:#1f2f44;--text-regular:#555;--text-light:#777;--text-muted:#999;--border:#e5e5e5;--border-light:#eee;--bg-light:#f8f9fa;--bg-soft:#f1f3f5;--bg-white:#fff;--font-base:1rem;--font-family:-apple-system,BlinkMacSystemFont,"Microsoft YaHei","微软雅黑","PingFang SC","Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--transition:all 0.25s ease}
body,div,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,a,form,select,input,span,ul,ol,li,figure{margin:0;padding:0;text-indent:0;font-weight:normal}
html{font-size:16px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{font-family:var(--font-family);line-height:1.6;color:var(--text-main);background-color:var(--color-bg);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.3;margin-bottom:var(--spacing-md)}
p{margin-bottom:var(--spacing-md)}
a{text-decoration:none;color:var(--color-primary);transition:var(--transition)}
a:hover{color:var(--color-primary-dark)}
img{max-width:100%;height:auto;vertical-align:middle;border:none}
strong{font-weight:normal!important}
ul,ol{list-style:none;padding-left:0;margin-bottom:var(--spacing-md)}
i{font-style:normal;padding:0 5px;font-family:Courier,monospace}
.app{display:none !important}
.pc{display:block}
.bg-primary{background-color:var(--primary) !important}
.feature-icon{font-size:2rem;color:#d32f2f}
.lead{font-size:1.125rem}
.bg-light{background-color:var(--bg-light) !important}
.white {color: #ffffff !important;}

.section-title{position:relative;text-align:center;margin:1.5rem 0}
.section-title::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#ddd;z-index:0}
.section-title h2{position:relative;z-index:1;display:inline-block;padding:0 25px;background:#fff;margin:0}
.bg-light .section-title h2{background-color:var(--bg-light)}

.btn-search{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--bg-white);border:none;transition:.25s}
.btn-search:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:var(--bg-white);transform:translateY(-1px)}
.btn-primary{background:var(--primary);border:none;border-radius:4px;font-weight:500;padding:.6rem 1.4rem;transition:.2s}
.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}
.btn-outline-primary{color:var(--primary);border-color:var(--primary);display:flex;justify-content:center;align-items:center}
.btn-outline-primary:hover{background:var(--primary);color:var(--bg-white)}
.btn-outline-white{color:var(--bg-white);border-color:var(--bg-white);display:flex;justify-content:center;align-items:center}
.btn-outline-white:hover{background:var(--bg-white);color:var(--primary)}
.btn-download{background:var(--danger);border:none;color:#fff}
.btn-download:hover{background:var(--danger);filter:brightness(0.9);color:var(--bg-white)}
.btn-danger{background:var(--danger);border:none;color:#fff}
.btn-danger:hover{background:var(--danger);filter:brightness(0.9);color:var(--bg-white)}
.btn-warning{background:var(--warning);border:none;color:var(--bg-white)}
.btn-quote{background:var(--warning);transition:.25s;color:var(--bg-white)}
.btn-quote:hover{background:var(--warning);filter:brightness(1.1);transform:translateY(-1px);color:var(--bg-white)}
.btn-outline-red{border:2px solid #d32f2f;color:#d32f2f;border-radius:40px;padding:0.5rem 1.5rem;font-weight:600;transition:0.2s}
.btn-outline-red:hover{background-color:#d32f2f;color:white;border-color:#d32f2f}
.btn-red-solid{background-color:#d32f2f;border:none;border-radius:40px;padding:0.6rem 1.8rem;font-weight:600;color:white;transition:0.2s}
.btn-red-solid:hover{background-color:#b71c1c;transform:translateY(-1px);box-shadow:0 8px 16px -4px rgba(211,47,47,0.3)}
.btn-whatsapp{background:var(--success);color:var(--bg-white)}
.btn-whatsapp:hover{background:var(--success);filter:brightness(0.9);color:var(--bg-white)}
.btn-whatsapp i{font-size:1.3rem}
.table .unit{font-size:12px}
.table .unit_block{display:block;font-size:12px}
.unit_mm::before{content:"(mm)"}
.unit_Kg::before{content:"(Kg)"}
.unit_kw::before{content:"(k/W)"}
.unit_Kn::before{content:"(kN)"}
.unit_r-min::before{content:"(r/min)"}
@media (max-width:768px){html{font-size:24px}
.pc{display:none !important}
.app{display:block}
}@media (max-width:576px){html{font-size:14px}
}
/* site header */
.jy-header{background-color:#fff;transition:all 0.3s ease}
.jy-header .navbar-nav{gap:0.25rem}
.jy-header .navbar-nav .nav-link{font-size:1rem;font-weight:500;color:#2c3e4e;padding:0.6rem 1rem;border-radius:8px;transition:all 0.25s ease;position:relative}
.jy-header .navbar-nav .nav-item.active .nav-link,.jy-header .navbar-nav .current-menu-item .nav-link{color:#fff;background-color:var(--primary);font-weight:600}
.jy-header .navbar-nav .nav-link:hover{background-color:var(--blue-soft);transform:translateY(-1px)}
.jy-header .dropdown-menu{border:none;border-radius:12px;box-shadow:0 15px 35px rgba(0,0,0,0.1);background:#ffffff;padding:0.5rem 0;margin-top:0.5rem;min-width:240px;animation:fadeInUp 0.25s ease}
@keyframes fadeInUp{from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}.jy-header .dropdown-menu .dropdown-item{padding:0.6rem 1.5rem;color:#2c3e4e;transition:all 0.2s ease}
.jy-header .dropdown-menu .dropdown-item:hover{background-color:var(--blue-soft);padding-left:1.8rem}
.jy-header .dropdown-toggle::after{transition:transform 0.3s ease;vertical-align:middle;margin-left:0.5rem}
.jy-header .dropdown.show .dropdown-toggle::after{transform:rotate(180deg)}
.jy-header .header-actions{display:flex;align-items:center;justify-content:center;margin-left:auto}
.jy-header .container{display:flex;justify-content:space-between}
.jy-header .navbar-collapse{justify-content:center}
@media (max-width:991px){.jy-header .navbar-collapse{position:absolute;top:100%;left:0;right:0;background:#ffffff;padding:1rem;border-radius:0 0 16px 16px;box-shadow:0 20px 30px rgba(0,0,0,0.1);max-height:calc(100vh - 70px);overflow-y:auto;z-index:1050}
.jy-header .navbar-nav{gap:0;width:100%}
.jy-header .navbar-nav .nav-item{width:100%;margin:0;border-bottom:1px solid rgba(0,0,0,0.05)}
.jy-header .navbar-nav .nav-item:last-child{border-bottom:none}
.jy-header .navbar-nav .nav-link{padding:0.9rem 1rem;font-size:1rem;display:flex;justify-content:space-between;align-items:center;border-radius:8px}
.jy-header .dropdown-menu{position:static !important;float:none;width:100%;background:#f8f9fa;border-radius:8px;margin-top:0;margin-bottom:0.5rem;padding:0;box-shadow:none;animation:none}
.jy-header .dropdown-menu .dropdown-item{padding:0.75rem 1rem 0.75rem 1.8rem}
.jy-header .dropdown-menu .dropdown-item:hover{padding-left:2rem}
.jy-header .dropdown-toggle::after{position:absolute;right:1rem}
.jy-header .badge-factory{display:inline-flex !important;width:auto;margin:0.75rem 1rem;justify-content:center}
.jy-header .main-navbar{width:100% !important}
.jy-header .navbar-collapse::-webkit-scrollbar{width:4px}
.jy-header .navbar-collapse::-webkit-scrollbar-track{background:#f1f1f1}
.jy-header .navbar-collapse::-webkit-scrollbar-thumb{background:var(--primary,#e63946);border-radius:4px}
}@media (min-width:992px) and (max-width:1199px){.jy-header .navbar-nav .nav-link{padding:0.5rem 0.75rem;font-size:0.9rem}
.jy-header .badge-factory{padding:0.4rem 1rem;font-size:0.8rem}
}@media (min-width:1400px){.jy-header .navbar-nav{gap:0.5rem}
.jy-header .navbar-nav .nav-link{padding:0.7rem 1.2rem;font-size:1.05rem}
}.jy-header .navbar-toggler-icon{width:24px;height:2px;background:var(--text-main);position:relative}
.jy-header .navbar-toggler-icon::before,.jy-header .navbar-toggler-icon::after{content:"";position:absolute;width:24px;height:2px;background:var(--text-main);left:0}
.jy-header .navbar-toggler-icon::before{top:-7px}
.jy-header .navbar-toggler-icon::after{top:7px}
.jy-header .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{background:transparent}
.jy-header .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before{transform:rotate(45deg);top:0}
.jy-header .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after{transform:rotate(-45deg);top:0}
.jy-header .navbar-brand .logo{height:48px}
.jy-header.scrolled{background-color:rgba(255,255,255,0.98);box-shadow:0 4px 20px rgba(0,0,0,0.08);padding-top:0.5rem;padding-bottom:0.5rem}
/* site footer */
.jy-footer a{text-decoration:none;transition:all 0.3s ease}
.jy-footer a.text-hover-white:hover{color:#fff !important;opacity:1 !important;padding-left:0.25rem}
.jy-footer__title{position:relative;padding-bottom:0.75rem}


/* page pagination */
.pagination .nav-links{width:100%}
.page-numbers{display:flex;align-items:center;justify-content:center;gap:6px;margin:2rem 0;padding:0;list-style:none}
.page-numbers li{margin:0}
.page-numbers a,.page-numbers span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;border:1px solid var(--color-border,#ddd);border-radius:4px;font-size:14px;color:var(--color-text,#333);text-decoration:none !important;transition:var(--transition,all 0.2s ease);background:#fff}
.page-numbers a:hover{border-color:var(--color-primary,#0066b3);background:var(--color-primary,#007bff);color:#fff}
.page-numbers .current{border-color:var(--color-primary,#0066b3);background:var(--color-primary,#007bff);color:#fff;font-weight:500;pointer-events:none}
.page-numbers .prev,.page-numbers .next{font-size:16px;padding:0 8px}
@media (max-width:576px){.page-numbers a,.page-numbers span{min-width:34px;height:34px;font-size:13px}
}.ellipsis{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden}
.ellipsis-rows{display:-webkit-box;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;overflow:hidden}
.mobile-float-btn{position:fixed;right:20px;display:flex;align-items:center;justify-content:center;width:60px;height:60px;color:var(--bg-white);border-radius:50%;text-align:center;line-height:60px;cursor:pointer;opacity:.8;transition:.3s}
.mobile-float-btn:hover{opacity:1}
.mobile-float-btn.hidden{display:none}
.mobile-float-btn i{font-size:32px}


/* hero section */
.hero-section{background:linear-gradient(135deg,#0a2463 0%,#1e3a8a 50%,#3e64af 100%);color:var(--bg-white);padding:30px 0;}
.hero-title{font-size:2rem;line-height:1.5}
.hero-desc{font-size:1rem;opacity:.85;margin-top:10px}
.hero-trust{font-size:.9rem;opacity:.9}
.hero-section .product-tags{display:flex;margin-top:1rem}
.hero-section .product-tags a{background-color:var(--blue-soft-light);margin-right:10px;padding:5px 10px;border-radius:5px;font-size:14px;text-decoration:none}
.hero-section .category-actions .btn{min-width:200px;font-weight:600;transition:.3s}
.hero-section .category-actions .btn:hover{transform:translateY(-2px)}
/*  */
.list-group-item.active{background-color:var(--primary);border-color:var(--primary)}
.list-group-item+.list-group-item.active{background-color:var(--primary-soft);border-color:var(--primary-soft)}
/* breadcrumb */
.jy-breadcrumb{margin-bottom:20px;background:var(--bg-light);border-bottom:1px solid var(--border);padding:10px 0;font-size:14px}
.breadcrumb{background:transparent;align-items:center;margin-bottom:0;padding:0}
.breadcrumb-item+.breadcrumb-item::before{content:"›";color:var(--text-muted);margin:0 6px}
.breadcrumb a{color:var(--text-regular);transition:.2s}
.breadcrumb a:hover{color:var(--primary)}
.breadcrumb-item.active{color:var(--text-main);font-weight:500}
.jy_sidebar .nav-wrap{border:1px solid var(--border);padding:0 10px 10px 10px;border-radius:6px;background:var(--bg-white)}
.jy_sidebar .product-category{display:flex;flex-direction:column}
.jy_sidebar a.item-1{padding:10px 12px;background:var(--bg-light);border-radius:6px;transition:all .3s;cursor:pointer;margin-top:10px}
.jy_sidebar a.item-1:hover{background:var(--blue-soft)}
.jy_sidebar a.item-1.active{background:var(--primary-light);color:var(--bg-white)}
.jy_sidebar a.item-2{display:block;padding:5px 10px 5px 10px;font-size:0.925rem;color:var(--text-regular);border-radius:4px;text-decoration:none;transition:all .2s;margin:1px 0}
.jy_sidebar a.item-2.active{background:var(--primary-soft);color:var(--bg-light);font-weight:500}