:root{
    --primary:#FC6930;--primary2:#FF3F00;--green:#4cb654;--primary-dark:#e55a1f;--text-dark:#222222;--text-body:#374054;--bg-light:#F3F4FB;--bg-footer:#374054;--white:#FFFFFF;--border:#e8e8e8;--border-light:#f0f0f8;--content-width:14.4rem;--transition:.3s ease;--radius:.12rem;--radius-big:.2rem;--radius-sm:.1rem;}
*,::after,::before{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Microsoft YaHei','PingFang SC',sans-serif;color:var(--text-body);font-size:16px;line-height:1.6;overflow-x:hidden}
a{text-decoration:none;color:inherit}
ul{list-style:none}
img{max-width:100%;display:block}
.container{max-width:var(--content-width);width:100%;margin:0 auto}
.site-header{background:var(--white);box-shadow:0 2px 8px rgba(0,0,0,.08);position:sticky;top:0;z-index:1000}
.header-logo-bar{}
.header-logo-bar .container{height:1.2rem;display:flex;align-items:center;justify-content:space-between;}
.header-logo{flex-shrink:0}
.header-logo a{display:flex;align-items:center;gap:10px;text-decoration:none}
.header-logo img{width:3.07rem;height:.66rem;}
.header-logo .logo-text{display:flex;flex-direction:column}
.header-logo .logo-text .logo-name{font-size:22px;font-weight:700;color:var(--primary);letter-spacing:2px}
.header-logo .logo-text .logo-en{font-size:11px;color:#888;letter-spacing:1px}
.header-search{width:3.8rem;display:block;}
.header-search form{display:flex;height:.5rem;border:2px solid var(--primary2);border-radius:10px;overflow:hidden;width:100%}
.header-search input{flex:1;min-width:0;padding:0;border:none;outline:0;font-size:.16rem;padding-left:.32rem;padding-right:.15rem;color:#535455}
.header-search input::placeholder{color:#808181}
.header-search button[type=submit]{background:var(--primary2);border:none;padding:0 20px;cursor:pointer;color:var(--white);font-size:18px;flex-shrink:0;background-image:url(/style/images/icon_fabgdjing.webp);background-repeat:no-repeat;background-size:.24rem;background-position:center center;width:.78rem}
.header-search button:hover{background-color:var(--primary-dark)}
.header-search .search-keywords{width:100%;line-height:1;margin-top:.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;color:#535455;gap:8px;}
.header-search .search-keywords a{font-size:12px;color:#acacad;;}
.header-search .search-keywords a:hover{color:var(--primary)}
.search-toggle-btn{display:none;background:0 0;border:none;color:var(--primary);font-size:20px;cursor:pointer;padding:8px}
.header-contacts{display:flex;gap:30px;flex-shrink:0}
.header-contact-item{display:flex;align-items:center;gap:10px}
.header-contact-item .contact-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:18px;flex-shrink:0;background-image:url(/style/images/icon_dianhua@2x.webp);background-repeat:no-repeat;background-size:100% 100%}
.header-contact-item .contact-info{display:flex;flex-direction:column}
.header-contact-item .contact-label{font-size:14px;color:#222;line-height:1;padding-left:3px}
.header-contact-item .contact-number{font-size:.24rem;color:var(--primary2);white-space:nowrap;line-height:1;padding-top:5px; font-family: 'MiSans', sans-serif;
    font-weight: 600; }
.site-nav{background:var(--primary);height:.5rem;position:relative}
.site-nav .container{height:100%;display:flex;align-items:center}
.nav-categories{width:1.66rem;height:.5rem;flex-shrink:0;position:relative;z-index:600}
.nav-categories .cat-toggle{height:100%;display:flex;align-items:center;padding:0 .2rem;color:var(--white);cursor:pointer;font-size:.16rem;font-weight:500;user-select:none}
.cat-toggle .cat-toggle-icon{font-size:18px}
.cat-toggle .cat-toggle-arrow{font-size:11px;margin-left:5px}
.cat-dropdown{position:absolute;top:.5rem;left:0;width:380px;background:var(--white);box-shadow:4px 8px 20px rgba(0,0,0,.15);z-index:500;display:none;border-top:.02rem solid var(--primary)}
.nav-categories:hover .cat-dropdown{display:flex}
.cat-level1{width:2rem;flex-shrink:0}
.cat-level1>li{position:relative;}
.cat-level1>li>a{display:flex;align-items:center;justify-content:space-between;width:100%;height:.36rem;font-size:.14rem;color:#222222;transition:background var(--transition),color var(--transition);padding-left:.28rem;padding-right:.26rem;}
.cat-level1>li.active>a,.cat-level1>li:hover>a{background:#fc6930;color:var(--white)}
.cat-level1>li>a:hover .fa-chevron-right,.cat-level1>li.active>a .fa-chevron-right{color:#fff}
.cat-level1>li>a .fa-chevron-right{font-size:.13rem;color:#58595a}
.cat-level2-panel{display:none;width:1.8rem;flex:1}
.cat-level2-panel.active{display:block}
.cat-level2-title{font-size:.14rem;color:#535455;}
.cat-level2{display:block;flex-wrap:wrap;}
.cat-level2 li{width:100%;}
.cat-level2 li a{display:flex;height:.36rem;align-items:center;font-size:.14rem;color:var(--text-dark);padding:0;border-radius:0;transition:all var(--transition);white-space:nowrap;width:100%;padding-left:.48rem;}
.cat-level2 li a:hover{border-color:var(--primary);color:var(--primary)}
.nav-main{display:flex;flex:1;height:100%;align-items:center;overflow:hidden}
.nav-main>li{position:relative;height:100%;flex-shrink:0}
.nav-main>li>a{display:flex;align-items:center;gap:4px;height:100%;padding:0 .35rem;color:var(--white);font-size:.16rem;white-space:nowrap;transition:background var(--transition);letter-spacing:1px}
.nav-main>li.active>a,.nav-main>li:hover>a{background-color:hsla(0,0%,100%,.2)}
.nav-dropdown{position:absolute;top:50px;left:0;min-width:140px;background:var(--white);box-shadow:2px 4px 12px rgba(0,0,0,.12);z-index:400;display:none;border-top:2px solid var(--primary)}
.nav-main>li:hover .nav-dropdown{display:block}
.nav-dropdown li a{display:block;padding:10px 16px;font-size:13px;color:var(--text-dark);border-bottom:1px solid #f5f5f5;white-space:nowrap;transition:all var(--transition)}
.nav-dropdown li:last-child a{border-bottom:none}
.nav-dropdown li a:hover{background:#fff5f0;color:var(--primary);padding-left:22px}
.nav-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:10px}
.nav-actions .nav-btn{display:flex;width:.8rem;height:.26rem;border-radius:.12rem;font-size:.12rem;color:var(--white);border:1px solid #fff;transition:all var(--transition);cursor:pointer;white-space:nowrap;align-items:center;justify-content:center;}
.nav-actions .nav-btn:hover{background:var(--white);color:var(--primary)}
.nav-actions .cart-btn{position:relative}
.nav-actions .cart-btn:hover .cart-count{background:var(--primary);color:var(--white)}
.nav-actions .cart-count{margin-left:2px;background:#fff;color:#fc6930;border-radius:50%;width:16px;height:16px;font-size:8px;display:flex;align-items:center;justify-content:center;font-family: "MiSans Regular", sans-serif;}
.nav-hamburger{display:none;background:0 0;border:none;cursor:pointer;color:var(--white);font-size:22px;margin-left:auto;padding:0 4px}
.hero-swiper-section{position:relative;overflow:hidden}
.hero-swiper{height:5rem;width:100%}
.hero-swiper .swiper-slide{position:relative;overflow:hidden}
.hero-swiper .swiper-slide img{width:100%;height:100%;object-fit:cover;transition:transform 6s ease;display:block}
.hero-swiper .swiper-slide-active img{transform:scale(1.05)}
.hero-info-card-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)!important;width:8.75rem}
.hero-info-card{background:rgba(255,255,255,.96);border-radius:.2rem;padding:.58rem;z-index:5;box-shadow:9.1px -4.1px 10px 0 rgba(138,145,158,.2);box-shadow: 9px 4px 10px 0px rgba(138,145,158, 0.2);}
.hero-info-card-box .text{font-size:.38rem;color:#222;white-space:nowrap;text-align:center;line-height:1;margin-bottom:.5rem}
.hero-stats{display:flex;justify-content:space-between}
.hero-stat-item{text-align:center;min-width:80px}
.hero-stat-item .stat-label{display:block;font-size:.2rem;margin-bottom:.26rem;color:#222;line-height:1;}
.hero-stat-item .stat-number{color:#fc6930;font-size:.4rem;font-weight:700;font-family: MiSans;background:linear-gradient(to bottom,#ff4001,#f4861e);background-clip:text;-webkit-background-clip:text;color:transparent;line-height:1.1}
.swiper-button-p-b-box{width:14.4rem;margin:0 auto;position:absolute;background:#000;z-index:9;top:50%;left:50%;transform: translate(-50%, -50%)}
.hero-swiper .swiper-button-next,.hero-swiper .swiper-button-prev{color:var(--white);width:.6rem;height:.6rem;border-radius:50%;background-color: rgba(55, 64, 84, 0.15);}
.hero-swiper .swiper-button-next{right:0;opacity:1}
.hero-swiper .swiper-button-prev{left:0;opacity:1}
.hero-swiper .swiper-button-next:hover,.hero-swiper .swiper-button-prev:hover{background-color: rgba(55, 64, 84, 0.3);}
.hero-swiper .swiper-button-next::after,.hero-swiper .swiper-button-prev::after{font-size:.3rem;font-weight:600;}
.hero-swiper .swiper-pagination-bullet-active{background:var(--primary)}
.features-section{background:var(--white);border-bottom:1px solid var(--border);height:1.6rem;display:flex;align-items:center;}
.features-section .container{}
.features-section .features-list{display:flex;width:100%;align-items:stretch}
.features-section .feature-item{display:flex;align-items:center;gap:14px;cursor:pointer;flex:1;justify-content:center;transition:background var(--transition);min-height:22px;position:relative;}
.features-section .feature-item::before{content:" ";width:1px;height:.22rem;position:absolute;background:#000;right:0;top:50%;    transform: translateY(-50%);}
.features-section .feature-item:last-child{border-right:none}
.features-section .feature-item:last-child::before{display:none;border-right:none}
.features-section .feature-icon{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.features-section .feature-item:hover .feature-icon{transform:scale(1.1)}
.features-section .feature-content{display:flex;flex-direction:column}
.features-section .feature-title{font-size:.18rem;font-weight:500;color:var(--text-dark);line-height:1}
.features-section .feature-desc{font-size:.12rem;color:#888;line-height:1;margin-top:5px;}
.hot-products-section{background:var(--bg-light);padding:.9rem 0}
.section-title{text-align:center;line-height:1;font-size:.36rem;font-weight:400;color:var(--text-dark);margin-bottom:.6rem;position:relative}
.section-title::after{content:'';display:block;width:60px;height:3px;background:var(--primary);margin:12px auto 0;border-radius:2px;display:none}
.hot-products-section .product-group{margin-bottom:.36rem}
.hot-products-section .product-group:last-child{margin-bottom:0}
.product-categories{display:flex;gap:16px;margin-bottom:16px}
.product-category-card{flex:1;height:3.62rem;border-radius:var(--radius-big);overflow:hidden;position:relative;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition)}
.product-category-card:hover{transform:translateY(-1px);box-shadow:0 12px 32px rgba(0,0,0,.1)}
.product-category-card>img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;display:block}
.product-category-card:hover>img{transform:scale(1.05)}
.product-category-overlay{position:absolute;inset:0;padding:.5rem 1rem;height:3.62rem;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(to bottom right,#f7a321,transparent);background:linear-gradient(to bottom right,#f7a321 0,#f7a321 20%,transparent 100%)}
.product-category-card-box-2 .product-category-overlay{background:linear-gradient(to bottom right,#53cccc 0,#53cccc 20%,transparent 100%)}
.product-category-card-box-3 .product-category-overlay{background:linear-gradient(to bottom right,#4e64e5 0,#4e64e5 20%,transparent 100%)}
.product-category-card-box-4 .product-category-overlay{background:linear-gradient(to bottom right,#17172a 0,#17172a 20%,transparent 100%)}
.product-category-card-box-5 .product-category-overlay{background:linear-gradient(to bottom right,#2b97fc 0,#2b97fc 20%,transparent 100%)}
.product-category-card-box-6 .product-category-overlay{background:linear-gradient(to bottom right,#4f88ec 0,#4f88ec 20%,transparent 100%)}
.cat-card-title{font-size:.3rem;font-weight:700;color:var(--white);text-shadow:0 1px 3px rgba(0,0,0,.2);margin-bottom:8px;line-height:1;}
.cat-card-desc{font-size:.14rem;color:rgba(255,255,255,.9);line-height:1;margin-top:.14rem;}
.cat-card-tags{display:flex;flex-wrap:wrap;gap:.18rem;margin-top:.22rem}
.cat-card-tags span{color:var(--white);font-size:.16rem; }
.cat-card-btn{display:flex;width:1.1rem;height:.35rem;align-items:center;justify-content:center;gap:6px;color:var(--white);border-radius:.22rem;font-size:.16rem;font-weight:500;transition:all var(--transition);pointer-events:all;border:1px solid #fff;margin-top:15px}
.cat-card-btn:hover{background:var(--primary);color:var(--white);border-color:var(--primary);}
.hot-products-section .product-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.25rem;padding:.55rem;background:#fff;border-radius:var(--radius-big)}
.hot-products-section .product-card{background:var(--white);overflow:hidden;transition:transform var(--transition),box-shadow var(--transition);cursor:pointer;border:0 solid var(--border)}
.hot-products-section .product-card:hover{transform:translateY(-2px)}
.hot-products-section .product-card .product-img-wrap:hover,.hot-products-section .product-card:hover .product-img-wrap{border:1px solid #e5e5e5}
.hot-products-section .product-img-wrap{overflow:hidden;position:relative;height:1.5rem;border:1px solid #e5e5e5}
.hot-products-section .product-card .product-img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;display:block;}
.hot-products-section .product-grid-2 .product-card .product-img,
.hot-products-section .product-grid-31 .product-card .product-img
{object-fit:contain;}
.hot-products-section .product-card:hover .product-img{transform:scale(1.05)}
.hot-products-section .product-tag{position:absolute;top:8px;left:8px;background:var(--primary);color:var(--white);font-size:10px;padding:2px 6px;border-radius:2px;z-index:1}
.hot-products-section .product-info{padding:.3rem 0 0}
.hot-products-section .product-name{font-size:.18rem;color:var(--text-dark);line-height:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.hot-products-section .product-spec{font-size:.16rem;color:#222;line-height:1;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.14rem;}
.hot-products-section .product-price{font-size:.22rem;font-weight:500;color:var(--primary);margin-top:.22rem;}
.hot-products-section .product-price-txt{font-size:18px}
.hot-products-section .product-price>span{font-size:.22rem;margin-right:2px}
.hot-products-section .product-card:hover .product-name{color:var(--primary)}
.hot-products-section .product-card:hover .product-spec{color:var(--primary)}
.promotions-section{background:var(--white);padding:.9rem 0}
.promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;}
.promo-card{border-radius:var(--radius-big);background:var(--white);overflow:hidden;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition);display:flex;flex-direction:column;box-shadow: .274rem .122rem .5rem 0px rgba(138, 145, 158, 0.2);}
.promo-card:hover{transform:translateY(-6px);box-shadow:0 14px 36px rgba(0,0,0,.14)}
.promo-img-wrap{overflow:hidden;flex-shrink:0;display:block;height:2.61rem;}
.promo-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.promo-card:hover .promo-img{transform:scale(1.05)}
.promo-body{padding:.18rem .29rem;display:flex;flex-direction:column;flex:1}
.promo-title{font-size:.18rem;color:var(--text-dark);}
.promo-title a{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}
.promo-title:hover{color:#e55a1f}
.promo-desc{font-size:13px;color:#888;line-height:1.7;margin-bottom:14px;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.promo-more{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;background:var(--primary);color:var(--white);border-radius:4px;font-size:13px;width:fit-content;transition:background var(--transition)}
.promo-more:hover{background:var(--primary-dark)}
.promo-view-more{text-align:center;margin-top:.6rem;}
.promo-view-more a{display:flex;width:2rem;height:.54rem;align-items:center;justify-content:center;color:#222;font-size:.2rem;border-radius:.27rem;border:1px solid #222;transition:all var(--transition);margin:0 auto;}
.promo-view-more a:hover{background:var(--primary);color:var(--white);border-color:var(--white)}
.promo-view-more a i{margin-left:.16rem;}
.partners-section .section-title{margin-bottom:.4rem}
.partners-section{background:var(--bg-light);padding:.9rem 0}
.partners-section .partners-tabs{display:flex;justify-content:center;gap:0;margin-bottom:36px;align-items:center}
.partners-section .partner-tab-btn{padding:10px 36px;border:1px solid var(--border);background:var(--white);color:var(--text-body);cursor:pointer;font-size:14px;transition:all var(--transition);display:inline-flex;align-items:center;gap:6px}
.partners-section .partner-tab-btn2{text-align:center;cursor:pointer;font-size:.2rem;width:1.37rem;position:relative}
.partners-section .partner-tab-btn2::after{content:" ";width:1px;height:19px;top:50%;left:-1px;background:#222;transform:translate(0,-50%);display:block;position:absolute}
.partners-section .partner-tab-btn2.first::after{display:none}
.partners-section .partner-tab-btn2.active{color:#fc6930}
.partners-section .partner-tab-btn:first-child{border-radius:4px 0 0 4px}
.partners-section .partner-tab-btn:last-child{border-radius:0 4px 4px 0}
.partners-section .partner-tab-btn:not(:first-child){border-left:none}
.partners-section .partner-tab-btn.active{background:var(--primary);color:var(--white);border-color:var(--primary);position:relative;z-index:1}
.partners-section .partner-tab-btn:hover:not(.active){background:#fff0eb;color:var(--primary);border-color:var(--primary)}
.partners-section .partners-panel{display:none}
.partners-section .partners-panel.active{display:block}
.partners-section .partners-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.22rem}
.partners-section .partner-item{background:var(--white);border-radius:.12rem;padding:.22rem .16rem;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}
.partners-section .partner-item:hover{transform:translateY(-4px);box-shadow: .0914rem .0407rem .3rem 0rem rgba(138, 145, 158, 0.15);}
.partners-section .partner-item img{width:1.4rem;height:1.4rem;object-fit:contain;border-radius:50%;padding:.04rem;transition:transform var(--transition)}
.partners-section .partner-item:hover img{transform:scale(1.05)}
.partners-section .partner-name{font-size:.16rem;color:var(--text-body);text-align:center}
.partners-section .partner-item:hover .partner-name{color:var(--primary);}
.partners-section .partners-grid-168 .partner-item{position:relative;padding:0;gap:0;overflow:hidden}
.partners-section .partners-grid-168 .partner-item img{width:100%;height:100%;object-fit:cover;border-radius:0;padding:0}
.partners-section .partners-grid-168 .partner-item .partner-name{position:absolute;bottom:0;left:0;display:block;width:100%;background:none;color:#fff;text-align:center;padding:8px 0}
.site-footer{background:var(--bg-footer);color:#8e96a1}
.footer-main{padding:.68rem 0 0;border-bottom:1px solid rgba(255,255,255,.1)}
.footer-main .container{display:flex;gap:50px;align-items:flex-start;justify-content:space-between}
.footer-brand{min-width:0}
.footer-logo-row{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.footer-logo-row img{width:3.1rem;height:.64rem;margin-left:.1rem;}
.footer-logo-text{display:flex;flex-direction:column}
.footer-logo-text .logo-name{font-size:20px;font-weight:700;color:var(--white)}
.footer-logo-text .logo-en{font-size:11px;color:rgba(255,255,255,.55)}
.footer-brand-content{display:flex;align-items:flex-start;gap:.3rem;margin-top:.28rem}
.footer-qrcodes{display:flex;gap:.15rem;flex-wrap:wrap}
.footer-qr-item{display:flex;flex-direction:column;align-items:center;gap:4px}
.footer-qr-item img{width:1.52rem;height:1.52rem;border-radius:.06rem;background:var(--white);padding:.04rem}
.footer-qr-item span{font-size:.16rem;margin-top:.15rem;display:block;line-height:1;}
.footer-contact-list .email-info{font-weight:400;font-size:.18rem;color:#8e96a1;line-height:1.8}
.footer-contact-list .email-content{font-family:MiSans,Arial;font-weight:500;font-size:.25rem;color:#fff;line-height:1.2;margin-top:4px}
.footer-contact-list ul{margin-top:17px}
.footer-contact-list li{display:flex;align-items:center;margin-top:5px}
.footer-contact-list li .icon{width:20px;height:20px;margin-right:.12rem;fill:currentColor;overflow:hidden}
.footer-contact-list li .hotline-text{font-weight:400;font-size:.18rem;color:#8e96a1;margin-right:.2rem}
.footer-contact-list li .hotline-phone{font-family:MiSans,Arial;font-weight:500;font-size:.21rem;color:#fff}
.footer-nav-area{flex:1;display:flex;gap:1rem;justify-content:flex-end;flex-wrap:wrap;min-width:0;text-align:left}
.footer-nav-col{display:flex;flex-direction:column;}
.footer-nav-title{font-size:.2rem;font-weight:400;color:var(--white);padding-bottom:.3rem;line-height:1;display:block;white-space:nowrap}
.footer-nav-col a{font-size:.16rem;color:#8e96a1;transition:color var(--transition);white-space:nowrap;margin-bottom:.2rem;display:block;line-height:1;}
.footer-nav-col a:hover{color:var(--primary)}
.footer-address{font-size:.16rem;color:#fff;padding:.18rem 0;}
.footer-bottom{padding:.18rem 0}
.footer-bottom .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.footer-links-label{font-size:.16rem;color:#78818d}
.footer-links a{font-size:.16rem;color:#78818d;transition:color var(--transition)}
.footer-links a:hover{color:var(--primary)}
.footer-icp{font-size:.16rem;color:#78818d;display:flex}
.footer-icp a{color:#78818d;transition:color var(--transition);display:flex;align-items:center}
.footer-icp a img{margin-right:3px;width:.15rem}
.footer-icp a:hover{color:var(--white)}

@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes fadeInLeft{from{opacity:0;transform:translateX(-30px)}
to{opacity:1;transform:translateX(0)}
}
@keyframes fadeInRight{from{opacity:0;transform:translateX(30px)}
to{opacity:1;transform:translateX(0)}
}
@keyframes zoomIn{from{opacity:0;transform:scale(.9)}
to{opacity:1;transform:scale(1)}
}
.animate-fadeInUp{animation:fadeInUp .8s ease both}
.animate-fadeInLeft{animation:fadeInLeft .8s ease both}
.animate-fadeInRight{animation:fadeInRight .8s ease both}
.animate-zoomIn{animation:zoomIn .8s ease both}
.scroll-reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}
.scroll-reveal.visible{opacity:1;transform:translateY(0)}


html {
  font-size: clamp(76.04px, 100vw / 19.2, 100px);
  font-size: 100px;
}
body {
  font-size: 0.33rem;
}
.hidden{display:none!important;}
body{background:#f3f4fb;}
/* ========== 面包屑导航模块 ========== */
.breadcrumb-nav{background:#fff;}
.breadcrumb-nav-1{background:#fafafc;}
.breadcrumb-nav-2{background:#fafafc;}
.breadcrumb-nav-6{background:#fafafc;}
.breadcrumb-nav .breadcrumb-wrap{display:flex;align-items:center;height:.4rem;gap:6px;font-size:.14rem;color:#222}
.breadcrumb-nav .breadcrumb-icon{color:var(--primary);font-size:12px}
.breadcrumb-nav a{cursor:pointer;transition:color var(--transition)}
.breadcrumb-nav a:hover{color:var(--primary)}
.breadcrumb-nav a.this{color:var(--primary);font-weight:500}
.breadcrumb-nav .breadcrumb-separator{color:#999;font-size:11px}

/* ============ 顶部分类标签导航模块 ============ */
.cat-tabs-nav{background:var(--white);padding:.6rem 0 .3rem;border-bottom:1px solid var(--border-light)}
.cat-tabs-wrap{display:flex;gap:.2rem;flex-wrap:wrap;}
.cat-tab{display:inline-flex;align-items:center;padding:.18rem .26rem;line-height:1;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--white);color:var(--text-body);font-size:.18rem;cursor:pointer;transition:all var(--transition);white-space:nowrap}
.cat-tab:hover{border-color:var(--primary);color:var(--primary)}
.cat-tab.active{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:600}

/* ============ 搜索区域模块 ============ */
.pro-search-section{background:var(--bg-gray);padding:.6rem 0 .4rem}
.pro-search-section .search-wrap{position:relative;width:4.92rem}
.pro-search-section .search-input{width:100%;padding-left:.3rem ;height:.6rem;overflow:hidden;border:1px solid #fff;font-size:.16rem;outline:none;transition:all var(--transition); background:var(--white);border-radius:var(--radius);}
.pro-search-section .search-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(252,105,48,.1)}
.pro-search-section .search-input::placeholder{color:#7e7e7e}
.pro-search-section .search-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:.9rem;height:.6rem;border:none;border-radius:var(--radius-sm);background:none;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;background-size:.27rem;background-repeat: no-repeat;background-image:url(/style/images/search.png);background-position:center;}
.pro-search-section .search-btn img{height:.27rem;display:none;}
.pro-search-section .search-btn:hover {background-image:url(/style/images/search2.png);}

/* ============ 产品列表表格模块 ============ */
.product-table-section{overflow:hidden}
.product-table-box .thead{display:flex;align-items:center;width:100%;height:.7rem;background:#4cb654;border-radius:.2rem .2rem 0 0;padding:0 .34rem}
.product-table-box .thead .table-th{font-family:Microsoft YaHei;font-weight:700;font-size:18px;color:#fff;text-align:center;overflow:hidden}
.product-table-box .thead .table-th:first-child{width:3.56rem;padding-right:.45rem;}
.product-table-box .thead .table-th{width:1.27rem}

.product-table-box .tbody{background:#fff;border-radius:0 0 .2rem .2rem;padding:0 .34rem}
.product-table-box .table-tr{display:flex;align-items:center;min-height:1.08rem;cursor:pointer;background-image:url(/style/images/xuxian.png);background-position:bottom;background-repeat:repeat-x}
.product-table-box .table-tr:last-child{background:0 0}
.product-table-box .tbody .table-td{width:1.27rem;font-family:Microsoft YaHei;font-weight:400;font-size:.16rem;color:#3d3d3d;text-align:center;overflow:hidden}
.product-table-box .tbody .table-td:first-child{width:3.56rem;padding-right:.45rem;}
.product-table-box .tbody .plasmid-name a{display:block;font-weight:700;font-size:.2rem;text-align:left;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;word-break:break-all;word-wrap:anywhere;text-overflow:ellipsis;color:#3d3d3d}
.product-table-box .tbody .table-tr:hover .plasmid-name a,.product-table-box .tbody .table-tr:hover .table-td,.product-table-box .tbody .table-tr:hover .table-td .code-text{color:#fc6930}


.product-table-box .thead-29 .table-th:first-child,
.product-table-box .thead-30 .table-th:first-child,
.product-table-box .thead-31 .table-th:first-child,
.product-table-box .thead-32 .table-th:first-child,
.product-table-box .thead-33 .table-th:first-child{flex:none;}
.product-table-box .thead-29 .table-th,
.product-table-box .thead-30 .table-th,
.product-table-box .thead-31 .table-th,
.product-table-box .thead-32 .table-th,
.product-table-box .thead-33 .table-th{flex:1;}
.product-table-box .tbody-29 .table-td:first-child,
.product-table-box .tbody-30 .table-td:first-child,
.product-table-box .tbody-31 .table-td:first-child,
.product-table-box .tbody-32 .table-td:first-child,
.product-table-box .tbody-33 .table-td:first-child{flex:none;}
.product-table-box .tbody-29 .table-td,
.product-table-box .tbody-30 .table-td,
.product-table-box .tbody-31 .table-td,
.product-table-box .tbody-32 .table-td,
.product-table-box .tbody-33 .table-td{flex:1;}

.pro-type {
    word-break: break-word;      /* 允许在任意位置换行（中英文通用） */
    white-space: normal;         /* 允许换行，不强制在一行内 */
    line-height: 1.4;
    max-width: 200px;            /* 根据实际需求设置最大宽度，防止过宽 */
}
/* 产品货号列 */
.product-table-section .product-code{display:flex;flex-direction:column;align-items:center;gap:.12rem}
.product-table-section .code-text{}

/* 引用文献标签 */
.product-table-section .ref-tag{display:inline-flex;align-items:center;background:#4cb654;color:#ffffff;font-size:.12rem;line-height:1;padding:.06rem .1rem;border-radius:.04rem;font-weight:500;cursor:pointer;transition:all var(--transition);white-space:nowrap}
.product-img-wrap{position:relative;}
.product-img-wrap .ref-tag{display:inline-flex;align-items:center;background:#4cb654;color:#ffffff;font-size:.12rem;line-height:1;padding:.06rem .1rem;border-radius:.04rem;font-weight:500;cursor:pointer;transition:all var(--transition);white-space:nowrap;position:absolute;right:.08rem;bottom:.08rem;}

/* ============ 分页模块 ============ */
.pagination-wrap{display:flex;align-items:center;justify-content:center;gap:6px;padding:24px 0;background:var(--white)}
.pagination-wrap .page-btn{min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;color:var(--text-body);font-size:13px;cursor:pointer;transition:all var(--transition);padding:0 10px}
.pagination-wrap .page-btn:hover{border-color:var(--green);color:var(--green)}
.pagination-wrap .page-btn.active{background:var(--green);color:#fff;border-color:var(--green);font-weight:500}
.pagination-wrap .page-btn:disabled{color:#ccc;border-color:var(--border-light);cursor:not-allowed;background:#fafafa}
.pagination-wrap .page-total{font-size:13px;color:var(--text-light);margin-left:8px}

.product-page-content{background: #ffffff;padding:.6rem .42rem .42rem;margin-bottom:.4rem;border-radius:var(--radius-big);}
.product-page-content h2.product-page-btn{display: flex;}
.product-page-content h2.product-page-btn span{color:#ffffff;font-size:.2rem;font-weight:600;padding:.12rem .2rem;border-radius: var(--radius);background: var(--green);line-height:1;}
.product-page-content .product-page-show{color:var(--text-body);font-size:.16rem;line-height:2;margin-top:.3rem;}

.page-title-section{text-align:center;padding:.8rem 0 .6rem}
.main-content-article .page-title{font-size:.32rem;font-weight:500;color:var(--text-dark);line-height:1;}
.promo-section{padding:16px 0 24px}
.article-promo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.24rem}

.article-section .article-promo-card{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);transition:box-shadow var(--transition);cursor:pointer;border:1px solid var(--border-light);}
.article-section .article-promo-card:hover{box-shadow:var(--shadow-hover)}
.article-section .article-promo-card:hover .promo-img{transform:scale(1.02)}
.article-section .article-promo-card:hover .promo-text-title{color:var(--primary)}

.article-section .promo-img-wrap{width:100%;height:3.92rem;overflow:hidden;position:relative;border-radius: var(--radius);position: relative;z-index: 1;}
.article-section .promo-img{width:100%;height:100%;transition:transform var(--transition)}
.article-section .promo-text{padding:16px 30px;width:80%;background:#fff;margin:0 auto;border-radius: var(--radius);margin-top:-60px;position: relative;z-index: 2;border:1px solid #d2d2d2;}
.article-section .promo-text-title{font-size:.2rem;font-weight:600;color:var(--text-dark);margin-bottom:8px;line-height:1.5;transition:color var(--transition)}
.article-section .promo-text-desc{font-size:.16rem;color:var(--text-light);line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

.main-content{background:#f3f4fb;padding:.6rem   0}
.main-content-product-show{padding-top:0px;}
.main-content-fengcai-show{padding-top:0px;}
.main-content-search{padding-top:0px;}
.search-results{padding-top:0px;}
.main-content .main-wrap{display:flex;gap:.5rem;align-items:flex-start}
.main-content-article{padding-top:0;}
.content-right{flex:1;min-width:0;}
.filter-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem;gap:.16rem}
.filter-bar .filter-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.filter-tab{display:flex;align-items:center;gap:8px;width:.6rem;height:.3rem;border:1px solid #7e7e7e;border-radius:.06rem;justify-content:center;color:#7e7e7e;font-size:.14rem;cursor:pointer;transition:all var(--transition)}
.filter-tab .sort-icons{display:flex;flex-direction:column;gap:2px;line-height:1}
.filter-tab .sort-icons>span{display:block}
.filter-tab .sort-icons i{font-size:10px;transition:color .2s;color:#7e7e7e;display:block;line-height:1;height:8px}
.filter-tab .sort-icons i.sort-down{margin-top:-3px}
.filter-tab.active{border-color:var(--primary);color:var(--primary)}
.filter-tab.active .sort-up.active-arrow{color:var(--primary)}
.filter-tab.active .sort-down.active-arrow{color:var(--primary)}
.filter-bar .filter-search{position:relative;flex-shrink:0}
.filter-bar .filter-search-input{font-size:.16rem;outline:0;transition:border-color var(--transition) display: flex;justify-content:space-between;align-items:center;width:3.56rem;height:.5rem;background:#fff;border-radius:.1rem;padding:0 .32rem 0 .36rem;border:none;outline:0;vertical-align:top}
.filter-bar .sort-icon-up,.sort-icon-down{font-size:12px;transition:all .2s}
.filter-bar .filter-tab.active{border-color:var(--primary);color:var(--primary)}
.filter-tab.active .sort-icon-down,.filter-tab.active .sort-icon-up{color:var(--primary)}
.filter-bar input::placeholder{color:#7e7e7e}
.filter-bar .filter-search-input:focus{border-color:var(--primary)}
.filter-bar .filter-search-input::placeholder{color:#aaa}
.filter-bar .filter-search-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);background:0 0;border:none;color:#999;cursor:pointer;width:.8rem;height:.5rem;display:flex;align-items:center;justify-content:center;font-size:18px;background-size:.22rem;background-repeat:no-repeat;background-image:url(/style/images/search.png);background-position:center}
.filter-bar .filter-search-btn:hover{background-image:url(/style/images/search2.png)}
.filter-bar .filter-search-btn img{height:.22rem;display:none}
.filter-bar .filter-search-btn:hover{color:var(--primary)}
.main-content .product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.16rem}
.main-content .product-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.04);transition:box-shadow var(--transition),transform var(--transition);cursor:pointer}

.main-content .product-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.1);transform:translateY(-2px)}
.main-content .product-card:hover .product-title{color:var(--primary)}
.main-content .product-card:hover .product-code{color:var(--primary)}
.main-content .product-card:hover .product-img{transform:scale(1.08)}
.main-content .product-card .product-img-wrap{position:relative;width:100%;height:1.94rem;overflow:hidden;background:#f0f0f0}
.main-content .product-card .product-img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition)}
.main-content .product-card .product-img-watermark{position:absolute;bottom:6px;left:6px;font-size:11px;color:rgba(255,255,255,.8);text-shadow:0 1px 2px rgba(0,0,0,.5);pointer-events:none}
.main-content .product-card .product-img-tag{position:absolute;top:8px;right:8px;background:#52c41a;color:#fff;font-size:11px;padding:3px 8px;border-radius:4px;pointer-events:none}
.main-content .product-card .product-info{padding:.16rem .22rem .24rem}
.main-content .product-card .product-title{font-size:.16rem;font-weight:600;color:var(--text-dark);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--transition);min-height:3em}
.main-content .product-card .product-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}
.main-content .product-card .product-tag{font-size:11px;color:var(--primary);background:#fff5f2;padding:2px 6px;border-radius:3px}
.main-content .product-card .product-code{    font-weight: 400;
    font-size: .14rem;
    color: #3d3d3d;
    margin-top: .1rem;line-height:1;}
.main-content .product-card .product-price-row{display:flex;align-items:baseline;justify-content:space-between;justify-content: space-between;
    align-items: center;
line-height:1;
    margin-top: .18rem;}
.main-content .product-card .product-price-now{font-size:.22rem;font-weight:700;color: #fc6930;}
.main-content .product-card .product-price-now .price-symbol{font-size:.14rem;margin-right:.05rem}
.main-content .product-card .product-price-original{font-weight: 400;
    font-size: .14rem;
    color: rgba(61,61,61,.5);
    line-height: 1;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;}
.tob-pages{display:flex;align-items:center;justify-content:center;margin-top:.6rem;font-size:.16rem;}
.tob-pages .page-total{font-size:.14rem;margin-left:.1rem;}
.tob-pages a,.tob-pages .hell{min-width:.36rem;padding:0px .11rem;height:.36rem;display:flex;align-items:center;justify-content:center;border:.01rem solid #3d3d3d;border-radius:.05rem;background:none;color:#3d3d3d;font-size:.16rem;cursor:pointer;transition:all var(--transition);margin-right:.1rem;}
.tob-pages .hell{margin-right:.1rem;}
.tob-pages a:hover{border-color:var(--primary);color:var(--primary)}
.tob-pages a.active{background:var(--primary);color:#fff;border-color:var(--primary)}
.tob-pages a i{font-size:10px}

.features-section{border-bottom:0px;}
/* ============ 文章详情模块 ============ */
.article-section{padding:0 0 .6rem;}
.article-show-content{background:#fff;padding:.6rem;margin-top:.6rem;border-radius:.2rem;}
.article-wrap{margin:0 auto}

/* 文章标题 */
.article-title{text-align:center;font-size:.28rem;line-height:1;font-weight:500;color:var(--text-dark);margin-bottom:.42rem;}

/* 元信息 */
.article-meta{display:flex;align-items:center;justify-content:right;gap:.3rem;font-size:.14rem;color:#888888;padding-bottom:.14rem;border-bottom:1px solid var(--border-light)}
.article-meta-item{display:flex;align-items:center;gap:6px}
.article-meta-item i{font-size:13px}
.share-show{cursor:pointer;}
/* 文章简介 */
.article-summary{font-size:.16rem;color:var(--text-body);line-height:2;padding-bottom:.3rem;text-align:justify;padding-top:.2rem;}
.article-summary img {vertical-align: top;max-width:100%}
/* 活动大图 */
.article-banner{width:100%;border-radius:var(--radius);overflow:hidden;margin-bottom:32px}
.article-banner img{width:100%;height:auto;display:block}

/* ============ 上下篇导航模块 ============ */
.article-nav{display:flex;align-items:center;justify-content:space-between;padding:.26rem 0;border-top:.01rem solid #ededed;border-bottom:.01rem solid #ededed;line-height:1;margin-bottom:.16rem;}

/* 上一篇 */
.nav-prev,.nav-next{font-size:.18rem;color:#222222;cursor:pointer;transition:all var(--transition)}
.nav-prev span,.nav-next span{color:#222222}
/* 交互：鼠标滑过+点击变橙色字 */
.nav-prev:hover a,.nav-next:hover a{color:var(--primary)}

/* ============ 返回列表按钮模块 ============ */
.back-to-list-wrap{display:flex;justify-content:flex-end}
.back-to-list-btn{display:flex;align-items:center;width:1.48rem;height:.48rem;gap:.08rem;border:none;border-radius:.1rem;font-size:.18rem;color:var(--text-body);cursor:pointer;transition:all var(--transition);background:#ededed;justify-content:center;}
/* 交互：鼠标滑过+点击变橙底白字 */
.back-to-list-btn:hover{background:var(--primary);color:#ffffff;border:none;font-weight:500;}
.back-to-list-btn:hover i{color:#fff}
.back-to-list-btn i{font-size:11px;transition:color var(--transition)}

/*细胞列表*/
.sidebar-left{width:3.1rem;flex-shrink:0;background:#fff;border-radius:.1rem;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.04);padding:.32rem .22rem}
.sidebar-left .sidebar-header{display:flex;align-items:center;justify-content:center}
.sidebar-left .sidebar-header-title{position:relative;font-weight:700;font-size:.2rem;color:#222;text-align:center}
.sidebar-left .sidebar-header-title img{position:absolute;z-index:0;left:-35px;width:.49rem;height:.36rem;top:50%;transform:translate(0,-50%)}
.sidebar-left .sidebar-header-title span{position:relative;z-index:1}
.category-list{display:flex;align-items:center;flex-direction:column;margin-top:.38rem}
.category-list .category-item{width:100%}
.category-list .category-item:last-child{border-bottom:none}
.category-item .category-parent{display:flex;justify-content:space-between;align-items:center;padding:.16rem .38rem .16rem .5rem;font-family:Microsoft YaHei;font-weight:400;font-size:.18rem;color:#222;border-top:.01rem solid #e3e3e3;border-bottom:0;cursor:pointer}
.category-item .category-parent.active{border-bottom:1px solid #e3e3e3}
.category-item .icon{width:19px;height:19px;border-radius:50%;border:1px solid #414141;display:flex;align-items:center;justify-content:center}
.category-item .icon img.icon-img{width:11px;height:7px}
.category-item .icon{width:19px;height:19px;border-radius:50%;border:1px solid #414141;display:flex;align-items:center;justify-content:center}
.category-item .icon .icon-img{width:11px;height:7px;display:block;transition:transform .25s ease;transform:rotate(-90deg)}
.category-parent.active .icon .icon-img{transform:rotate(0)}
.category-parent:hover .icon{background:#fc6930;border-color:#fc6930}
.category-parent:hover .icon .icon-img{filter:brightness(0) invert(1)}
.category-parent.active:hover .icon{background:#fc6930;border-color:#fc6930}


.category-item .category-parent-icon{color:#999;font-size:.12rem;transition:all var(--transition)}
.category-item .category-children{padding: .3rem 0 .3rem .5rem;}
.category-item .category-child{display:flex;align-items:center;cursor:pointer;transition:all var(--transition);position:relative;    display: flex;align-items: center;font-weight: 400;font-size: .16rem;color: #3d3d3d;margin-bottom: .2rem;cursor: pointer;line-height:1;}
.category-item .category-child:last-child{margin-bottom:0;}
.category-item .category-child a{display:flex;align-items:center;color:#3d3d3d;}
.category-item .category-child a:hover,.category-item .category-child.active a{color:var(--primary);}
.category-item .category-child a i{width: 8px;height: 8px;margin-right: 10px;border-radius: 50%;
border: 1px solid #3D3D3D;opacity: 0.8;}
.category-item .category-child.active,.category-item .category-child:hover{color:var(--primary)}
.category-item .category-child.active i, .category-item .category-child:hover i{border-color:var(--primary);
}
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;appearance: none;
}
.header-search input{background:#fff;}

.page-show-list{flex:1;min-width:0;background:var(--white);border-radius:var(--radius-big);padding:.6rem .6rem .6rem;width:100%;}
.page-show-list .article-title{text-align:center;font-size:.24rem;font-weight:500;color:var(--text-dark);padding-bottom:.4rem;line-height:1;margin-bottom:0;}
.page-show-list .article-meta{}
.page-show-list .article-meta-item{display:flex;align-items:center;gap:.12rem}
.page-show-list .article-meta-item img{}
.page-show-list .article-meta-item i{font-size:13px}
.page-show-list .rich-body{font-size:.16rem;color:var(--text-body);line-height:2;text-align:justify;padding-top:.18rem;}
.page-show-list .rich-body p{}
.page-show-list .rich-body p:last-child{}
.page-show-list .article-nav{border-bottom:0;margin-bottom:0;padding-bottom:0;margin-top:.3rem;padding-top:.3rem;}
.page-show-list .nav-prev,.page-show-list .nav-next{font-size:.18rem;color:#222222;cursor:pointer;transition:all var(--transition)}
.page-show-list .nav-prev span,.nav-next span{}
.page-show-list .nav-prev:hover,.nav-next:hover{color:var(--primary)}
.page-show-list .nav-prev:hover span,.nav-next:hover span{color:var(--primary)}

/*产品页面*/
.product-head{background:var(--white);padding:.3rem 0 .6rem}
.product-head-wrap{display:flex;gap:.8rem}

.product-head .gallery-left{width:6.74rem;}

.product-head .gallery-main{position:relative;width:100%;height:5.05rem;overflow:hidden;cursor:crosshair;border:1px solid var(--border-light);}
.product-head .swiper-main{width:100%;height:100%}
.product-head .swiper-main .swiper-slide{display:flex;align-items:center;justify-content:center}
.product-head .gallery-main-img{width:100%;height:100%;object-fit:contain;transition:transform .4s ease}
.product-head .gallery-main:hover .gallery-main-img{transform:scale(1.05)}
.product-head .gallery-watermark{position:absolute;bottom:10px;left:10px;font-size:12px;color:rgba(255,255,255,.7);text-shadow:0 1px 3px rgba(0,0,0,.5);pointer-events:none;z-index:5}
/* --- 右侧：产品信息顶部栏（文献数 + 复制按钮） --- */
.product-head .info-top-bar{display:flex;align-items:center;gap:.1rem;padding-top:.15rem;margin-bottom:.28rem;padding-bottom:.15rem;border-bottom:1px solid #d3d3d3;}
.product-head .info-top-ref{background:var(--green);color:#fff;font-size:12px;padding:4px 12px;border-radius:.06rem;font-weight:500}
.product-head .info-top-copy{background:var(--green);color:#fff;border:1px solid var(--green);font-size:12px;padding:4px 12px;border-radius:.06rem;font-weight:500;cursor:pointer;transition:all var(--transition);display:inline-flex;align-items:center;gap:5px;display: flex;align-items: center;}
.product-head .info-top-copy:hover{opacity: .85;}
.product-head .info-top-copy i{font-size:11px}

/* 缩略图区域 - 5个可见，左右圆形按钮绝对定位 */
.product-head .gallery-thumbs-wrap{position:relative;margin-top:10px;}
.product-head .swiper-thumbs{width:100%}
.product-head .swiper-thumbs .swiper-slide{cursor:pointer;width:20%;margin-right:10px;}
.product-head .gallery-thumb{width:100%;aspect-ratio:1/1;overflow:hidden;transition:all var(--transition);height:.95rem}
.product-head .gallery-thumb img{width:100%;height:100%;display:block;object-fit:contain;}
.product-head .swiper-thumbs .swiper-slide-thumb-active .gallery-thumb{}
.product-head .gallery-thumb:hover{border-color:var(--primary)}

.product-head .swiper-thumbs .swiper-slide {border:.01rem solid var(--border-light);overflow:hidden;}
.product-head .swiper-thumbs .swiper-slide.swiper-slide-thumb-active{border-color:var(--primary);}

/* 缩略图左右圆形按钮 - 绝对定位不占空间 */
.product-head .thumb-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:rgba(252,105,48,.35);border:none;color:#fff;font-size:14px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}
.product-head .thumb-nav-btn:hover{background:rgba(252,105,48,.8)}
.product-head .thumb-nav-btn.swiper-button-disabled{opacity:.3;cursor:not-allowed}
.product-head .thumb-prev{left:8px}
.product-head .thumb-next{right:8px}

/* --- 右侧：产品信息 --- */
.product-head .info-right{flex:1;min-width:0}
.product-head .product-title-main{font-size:.28rem;finfo-row nt-weight:700;color:var(--text-dark);line-height:1.4;margin-bottom:.3rem;padding-bottom:.28rem;border-bottom:1px solid #d3d3d3}
.product-head .product-subtitle{font-size:15px;color:var(--text-body);margin-bottom:18px}

/* 产品信息行 */
.product-head .info-row{display:flex;align-items:self-start;margin-bottom:.15rem;line-height:1.5;font-weight: 400;font-size: .16rem;color: #222;}
.product-head .info-label{min-width:.85rem;margin-right:.05rem;flex-shrink:0;display: flex;align-items: center;}
.product-head .info-value{}
.product-head .info-value-line-40{}
/* 规格选择区域 */
.product-head .spec-select-wrap{display:flex;flex-direction:column;gap:.1rem;flex-wrap: wrap;}
.product-head .spec-option{display:flex;align-items:center;min-width:3rem;height:.4rem;padding:0 .2rem;border:1px solid #d6d6d6;border-radius:.06rem;cursor:pointer;transition:all var(--transition);font-size:.16rem;color:var(--text-dark);background:var(--white);width:fit-content;user-select:none}
/* 交互：鼠标滑过+点击，边框变橙，文字变橙 */
.product-head .spec-option:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}
.product-head .spec-option.active{border-color:var(--primary);color:var(--primary);background:var(--primary-light);font-weight:500}

/* 价格区域 */
.product-head .price-row{display:flex;align-items:center;margin-bottom:.3rem;line-height:1;}
.product-head .price-promo{font-weight:400;color:#222;}
#promoPrice,.price-symbol{font-size:.28rem;font-weight:600;line-height:1;color:#fc6930}
.product-head .price-promo .price-symbol{font-size:.28rem;margin-right:2px;color:#fc6930;font-weight:600}
.product-head .price-market{font-size:.16rem;text-decoration:line-through;color: #999999;margin-left:.7rem;}
/* 按钮区域 */
.product-head .btn-group{display:flex;gap:.14rem;align-items:center;flex-wrap:wrap;padding-top:0;}
/* 交互：鼠标滑过+点击：橙底白字+白图标 */
.product-head .btn-orange-outline{    display: flex;
    align-items: center;
    padding: 0 .14rem;
    height:.4rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: .16rem;
    color: #222;
    border-radius: .06rem;
    border: .01rem solid #3c3c3c;
    margin-right: .14rem;

    cursor: pointer;background:none;outline: none;}
.product-head .btn-orange-outline:hover{background:var(--primary);color:#fff;border-color:var(--primary);}
.product-head .btn-orange-outline:hover img{filter: brightness(0) invert(1);}
.product-head .btn-orange-outline.active{background:var(--primary);color:#fff;border-color:var(--primary);}
.product-head .btn-orange-outline img{max-height:.2rem;margin-right:.1rem;}

/* 提示信息 */
.product-head .info-note{font-size:12px;color:var(--text-light);margin-top:16px;padding-top:14px;border-top:1px dashed var(--border-light);line-height:1.8}
.product-head .info-note p{margin-bottom:4px}
.product-head .info-note .note-red{color:var(--primary);font-weight:500}

/* ============ 标签导航模块（吸顶） ============ */
.tab-sticky{background:#fafafc;height:.73rem;}
.tab-sticky .tab-nav{display:flex;gap:.48rem;height:.73rem;align-items:center;}
.tab-sticky .tab-item{font-size:.2rem;line-height:.73rem;color:#222;cursor:pointer;transition:all var(--transition);font-weight:600;position:relative;user-select:none;position:relative;}
.tab-sticky .tab-item:hover{color:var(--primary)}
.tab-sticky .tab-item:hover{color:var(--primary)}
.tab-sticky .tab-item.active{color:var(--primary);border-bottom-color:var(--primary)}
.tab-sticky .tab-item.active::after{content:" ";height:.05rem;width:100%;background:var(--primary);position: absolute;left:0;bottom:-.03rem;}
/* ============ 内容区块通用 ============ */
.product-show-box .section-block{background:var(--white);padding:.6rem;border-radius:var(--radius-big);box-shadow:var(--shadow)}
.product-show-box .pro-section-title{font-size:.2rem;font-weight:600;color:#222;margin-bottom:.3rem;padding-bottom:.15rem;border-bottom:.01rem solid #d3d3d3;position:relative;display: flex;}
.product-show-box .pro-section-title span{display:flex;height: 100%;position: relative;line-height: 1;}
.product-show-box .pro-section-title span::after{content:" ";height:0;width:100%;background:var(--primary);position: absolute;left:0;bottom:-.16rem;height:.01rem;}
.product-show-box .section-block-item2{margin-top:.55rem;}
/* ============ 产品概述模块 ============ */
.product-show-box{padding-top:.6rem;}
.product-show-box .overview-section{}
.product-show-box .overview-text{color:#222;font-size:.16rem;line-height:2}
.product-show-box .overview-text h2{font-size:.18rem;font-weight:600;}
.product-show-box .overview-text ol{padding-left:20px;margin-bottom:12px}
.product-show-box .overview-text ol li{list-style:decimal;margin-bottom:4px;line-height:1.8}
.product-show-box .overview-text img{max-width:100%;max-width:5.5rem;height:auto!important;display:initial;cursor:pointer;}

.product-show-box .overview-text table a{color:var(--primary);}
.product-show-box .overview-text table {border-bottom:1px solid #d3d3d3;border-right:1px solid #d3d3d3;}
.product-show-box .overview-text table td,
.product-show-box .overview-text table th{border-top:1px solid #d3d3d3;border-left:1px solid #d3d3d3;padding:.15rem .24rem;}


/* ============ 引用文献模块 ============ */

/* ============ 相关产品推荐模块 ============ */
.product-show-box .recommend-section{padding-bottom:0;padding:0;background:none;margin:0;margin-top:.5rem;}
.product-show-box .recommend-section .pro-section-title{padding-bottom:0;margin-bottom:.4rem;border-bottom:1px solid #d3d3d3;}
.product-show-box .recommend-section .pro-section-title span{padding-bottom:.3rem;font-size:.3rem;}
.product-show-box .recommend-section .pro-section-title span::after{bottom:-1px;}
.product-show-box .recommend-section .recommend-swiper{position:relative;padding:0 .4rem}
.product-show-box .recommend-section .recommend-swiper .swiper-slide{width:20%;}

/* Swiper 导航按钮 */
.product-show-box .recommend-section .swiper-nav-btn{position:absolute;top:40%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background:rgba(55,64,84,.15);border:none;color:#fff;font-size:18px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all var(--transition);}
.product-show-box .recommend-section .swiper-nav-btn:hover{background:rgba(55,64,84,.3)}
/* #374054 透明度15% → 30% */
.product-show-box .recommend-section .swiper-nav-btn.swiper-button-disabled{opacity:.3;cursor:not-allowed}
.product-show-box .recommend-section .swiper-prev{left:-14px}
.product-show-box .recommend-section .swiper-next{right:-14px}

/* 推荐产品卡片 */
.product-show-box .recommend-section .rec-card{background:var(--white);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border-light);transition:all var(--transition);cursor:pointer}
.product-show-box .recommend-section .rec-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}
.product-show-box .recommend-section .rec-card:hover .rec-title{color:var(--primary)}
.product-show-box .recommend-section .rec-img-wrap{width:100%;height:1.92rem;overflow:hidden;background:#fff}
.product-show-box .recommend-section .rec-img{width:100%;height:100%;object-fit:contain;transition:transform var(--transition)}
.product-show-box .recommend-section .rec-card:hover .rec-img{transform:scale(1.05)}
.product-show-box .recommend-section .rec-info{padding:.12rem .22rem .22rem}
.product-show-box .recommend-section .rec-title{font-size:.16rem;font-weight:600;color:#3d3d3d;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:6px;transition:color var(--transition);min-height: calc(1.5 * 2 * .16rem);}
.product-show-box .recommend-section .rec-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}
.product-show-box .recommend-section .rec-tag{font-size:11px;color:var(--primary);background:var(--primary-light);padding:2px 6px;border-radius:3px}
.product-show-box .recommend-section .rec-code{font-size:.14rem;color:#3d3d3d;margin-top:.1rem;line-height:1}
.recommend-section .rec-price-row{display:flex;align-items:baseline;justify-content:space-between;margin-top:.18rem;}
.product-show-box .recommend-section .rec-price-row-no{opacity:0;}
.product-show-box .recommend-section .rec-price-now{font-size:.22rem;font-weight:700;color:var(--primary2);font-family: Arial, Helvetica, sans-serif;}
.product-show-box .recommend-section .rec-price-now .price-s{font-size:.14rem;margin-right:.04rem}
.product-show-box .recommend-section .rec-price-orig{font-size:.14rem;color:#bbb;text-decoration:line-through}

.references-section{display:flex;    flex-direction: column;gap:.2rem;}
.references-section-item{border:1px solid #d3d3d3;border-radius:.1rem;padding:.28rem .4rem;}
.references-section-item:hover{box-shadow: -.02rem .05rem .15rem 0px rgba(138, 145, 158, 0.15);}
.references-section-item .re-title{font-size:.22rem;color:#222222}
.references-section-item .re-title a{display:block;line-height:1.6;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;white-space: normal;word-break: break-all;word-wrap: anywhere;text-overflow: ellipsis;font-weight:600}
.references-section-item .re-title a:hover{color:var(--primary);}
.references-section-item .re-list{margin-top:.18rem;line-height:1;font-size:.16rem;color:#3d3d3d;}
.references-section-item .re-list.re-author{margin-top:.2rem;}
.references-section-item .re-list span{margin-right:.15rem;font-weight:600;}
.references-section-item .re-if-box{line-height:1;display:flex;margin-top:.2rem;}
.references-section-item span.re-if {display:inline-flex;font-size:.16rem;color:#fff;background:#4cb654;padding:.08rem .24rem;border-radius:.06rem;}
.product-info-right-2 .spec-select-wrap{flex-direction:row;gap:.35rem}
.product-info-right-2 .spec-select-wrap .spec-option{min-width:inherit;height:inherit;border:0;padding:0;}

/* ============ 文献分页 ============ */
.literature-pagination{display:flex;justify-content:center;align-items:center;gap:.08rem;margin-top:.3rem;flex-wrap:wrap}
.literature-pagination .page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:.36rem;height:.36rem;padding:0 .08rem;border:.01rem solid #d3d3d3;border-radius:.04rem;background:#fff;color:#333;font-size:.14rem;cursor:pointer;transition:all var(--transition);user-select:none}
.literature-pagination .page-btn:hover{border-color:var(--primary);color:var(--primary)}
.literature-pagination .page-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;cursor:default}
.literature-pagination .page-btn.disabled{opacity:.35;cursor:not-allowed;pointer-events:none}

.prodetail-content-table{margin-top:.2rem;width:100%;border:.01rem solid #dfdfdf;margin-bottom:.2rem;}
.prodetail-content-table thead th{background:#5c5c5c;color:#fff;border:.01rem solid #9d9d9d;font-weight:600;line-height:.4rem;text-align:center;font-family:Times New Roman,Helvetica,Arial,sans-serif;padding:0;}
.prodetail-content-table tbody{background:#e4e4e4}
.prodetail-content-table tbody td{border:.01rem solid #9d9d9d;line-height:.2rem;color:#000;font-family:Times New Roman,Helvetica,Arial,sans-serif;padding:.05rem}

table.product-content-table{width:100%;border-collapse: collapse;}
table.product-content-table td{ border: .01rem solid #d3d3d3;}
.product-content-table td:nth-child(1),
.product-content-table td:nth-child(3) {background:#fbfbfb;width:1.5rem;text-align: center;}
.product-content-table {width: 100%;table-layout: fixed;border-collapse: collapse;}
.product-content-table td:nth-child(1),
.product-content-table td:nth-child(3) {
    width: 1.5rem;background: #fbfbfb;text-align: center;white-space: nowrap;vertical-align: middle;}
.product-content-table td:nth-child(2),
.product-content-table td:nth-child(4) {
    width: calc((100% - 2.4rem) / 2);word-break: break-word;}
    
/*文献列表*/
.wenxian-banner{width:100%;height:3.6rem;position:relative}
.wenxian-banner .wenxian-banner-bg{position:absolute;right:0;top:0;width:100%;height:100%;object-fit:cover}
.wenxian-banner .page-banner-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;height:100%}
.wenxian-filter-bar{display:flex;justify-content:center;padding-top:.9rem}
.wenxian-filter-bar .wenxian-filter-search{position:relative;flex-shrink:0}
.wenxian-filter-bar .wenxian-filter-search-input{font-size:.16rem;outline:0;transition:border-color var(--transition) display: flex;justify-content:space-between;align-items:center;width:4.88rem;height:.54rem;background:#fff;border-radius:.1rem;padding:0 .32rem 0 .36rem;border:none;outline:0;vertical-align:top}
.wenxian-filter-bar .wenxian-filter-search-input::placeholder{color:#aaa}
.wenxian-filter-bar .wenxian-filter-search-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);background:0 0;border:none;color:#999;cursor:pointer;width:.8rem;height:.5rem;display:flex;align-items:center;justify-content:center;font-size:18px;background-size:.22rem;background-repeat:no-repeat;background-image:url(/style/images/search.png);background-position:center}
.wenxian-filter-bar .wenxian-filter-search-btn:hover{background-image:url(/style/images/search2.png)}
.wenxian-filter-bar .wenxian-filter-search-btn img{height:.22rem;display:none}
.wenxian-filter-bar .wenxian-filter-search-btn:hover{color:var(--primary)}
.wenxian-desc{font-size:.16rem;line-height:2;color:#fff;z-index:2;position:relative;max-width:11rem;margin:.22rem auto 0}
.wenxian-filter-panel{background:var(--white);padding:.1rem .43rem;border:1px solid var(--border-light);border-radius:var(--radius-big);margin-bottom:.4rem;margin-top:.4rem}
.wenxian-filter-row{display:flex;align-items:flex-start;padding:.4rem 0;background-image:url(/style/images/xuxian.png);background-position:bottom;background-repeat:repeat-x}
.wenxian-filter-row:last-child{border-bottom:none;background:0 0}
.wenxian-filter-label{display:flex;align-items:center;padding:0;background:#4cb654;color:#fff;font-size:.14rem;font-weight:500;border-radius:.06rem;white-space:nowrap;margin-right:.22rem;flex-shrink:0;width:.84rem;height:.3rem;margin2-top:.08rem;justify-content:center;line-height:1}
.wenxian-filter-options{display:flex;flex-wrap:wrap;gap:0 .18rem;flex:1;min-width:0;align-items:center}
.wenxian-filter-tag{display:flex;padding:0 0;font-size:.14rem;height:.3rem;align-items:center;color:var(--text-body);cursor:pointer;transition:all var(--transition);border:1px solid transparent;white-space:nowrap;line-height:1}
.wenxian-filter-tag:hover{color:var(--primary)}
.wenxian-filter-tag.active{color:var(--primary);border-color:transparent;background:0 0;font-weight:500}
.wenxian-list-box{margin-bottom:.6rem}
.wenxian-list{display:flex;flex-wrap:wrap;justify-content:left;gap:.2rem}
.wenxian-list .wenxian-card{display:flex;flex-direction:column;background-color:#fff;border-radius:var(--radius-big);padding:.36rem .4rem;width:calc(50% - .1rem)}
.wenxian-list .wenxian-card:hover{box-shadow:-.04rem .09rem .3rem 0 rgba(138,145,158,.18)}
.wenxian-list .wenxian-title a{font-size:.2rem;font-weight:600;color:#1a202c;line-height:1.5;word-break:break-word;text-align:left;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;word-break:break-all;word-wrap:anywhere;text-overflow:ellipsis}
.wenxian-list .wenxian-title a:hover{color:var(--primary)}
.wenxian-list .wenxian-badge{display:inline-block;background-color:#4cb654;color:#fff;font-size:.16rem;font-weight:500;padding:.08rem .24rem;border-radius:.06rem;margin-top:.22rem;width:fit-content;min-width:1.08rem;line-height:1}
.wenxian-list .wenxian-info-row{display:flex;font-size:.16rem;line-height:2;color:#333;margin-top:.04rem}
.wenxian-list .wenxian-label{font-weight:700;color:#000;white-space:nowrap;margin:0;margin-right:.1rem}
.wenxian-list .wenxian-info-row-author{margin-top:.16rem}
.wenxian-list .wenxian-info-content{word-break:break-all}
.tob-pages{padding-bottom:.6rem}

/*关于我们*/
/* ============ Banner横幅模块 ============ */
.page-banner-about{position:relative;width:100%;height:3.6rem;overflow:hidden;background:linear-gradient(135deg,#1a2a3a 0%,#0d1b2a 50%,#1a2a3a 100%)}
.page-banner-about .page-banner-bg{position:absolute;right:0;top:0;width:100%;height:100%;object-fit:cover;opacity:.85}
.page-banner-about .page-banner-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;height:100%;padding-left:40px}
.page-banner-about .page-banner-text{font-size:.26rem;font-weight:500;color:var(--white);line-height:1.4;margin-bottom:.24rem;max-width:5rem;text-shadow:0 2px 8px rgba(0,0,0,.3)}
.page-banner-about .page-banner-btn{display:inline-flex;align-items:center;gap:.06rem;padding:.11rem .16rem;line-height:1;color:#fff;font-size:.16rem;font-weight:500;border-radius:.22rem;width:fit-content;cursor:pointer;border:none;transition: all var(--transition);background:none;border:.01rem solid #fff;}
.page-banner-about .page-banner-btn:hover{background:var(--primary);border-color:var(--primary);}
.page-banner-about .page-banner-btn i{font-size:.12rem}

.sub-nav-section{background:var(--white);padding:16px 0;border-bottom:1px solid var(--border-light)}
.sub-nav-wrap{display:flex;gap:8px}
.sub-nav-item{display:inline-flex;align-items:center;padding:8px 20px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;color:var(--text-body);cursor:pointer;transition:all var(--transition);background:var(--white)}
.sub-nav-item:hover{border-color:var(--primary);color:var(--primary)}
.sub-nav-item.active{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:600}

/* ============ 公司介绍模块 ============ */
.intro-section{background:linear-gradient(180deg,#f0f7f0 0%,var(--white) 100%);padding:.82rem 0 .8rem;background:var(--white);background-image:url(/style/images/about-bg.jpg);background-repeat: no-repeat;background-size: cover;}
.intro-section .intro-wrap{}
/* 标题区 */
.intro-section .intro-title{text-align:center;margin-bottom:.3rem;line-height:1;}
.intro-section .intro-title-text{display:inline-block;font-size:.32rem;font-weight:500;color:var(--text-dark);position:relative}
.intro-section .intro-title-text::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:40px;height:3px;background:var(--primary);border-radius:2px;display:none;}

/* 正文 */
.intro-section .intro-body{color:var(--text-body);font-size:.16rem;line-height:2.2;margin-bottom:.36rem;text-align:justify}
.intro-section .intro-body p{}
.intro-section .intro-body img{max-width:100%;}
.intro-section .intro-body p:last-child{margin-bottom:0}

/* 数据展示栏 */
.intro-stats{display:flex;justify-content:center;gap:0;overflow:hidden;background:linear-gradient(90deg,#FC6930 0%,#FF8C5A 100%);font-family:"MiSans";}
.intro-stats .stat-item{display:flex;align-items:center;justify-content:center;flex:1;text-align:center;height:1.51rem;color:#fff;position:relative;    flex-direction: column;}
.intro-stats .stat-item:not(:last-child)::after{content:'';position:absolute;right:0;top:20%;bottom:20%;width:1px;background:rgba(255,255,255,.3);display:none;}
.intro-stats .stat-number{font-size:.55rem;height:.55rem;font-weight:600;line-height:1;display:flex;align-items:flex-start;justify-content:center;gap:.18rem;position: relative;}
.intro-stats .stat-number .stat-icon-plus{font-size:.2rem;position: absolute;right: 0;top:0}
.intro-stats .stat-number.stat-number3 .stat-icon-plus{font-size:.2rem;position: absolute;right: -.3rem;top:0}
.intro-stats .stat-number.stat-number4 .stat-icon-plus{font-size:.2rem;position: absolute;right: -.3rem;top:0}
.intro-stats .stat-number.stat-number4 .stat-unit{font-size:.4rem;}

.intro-stats .stat-number .stat-suffix{font-size:14px;font-weight:400;margin-top:6px;opacity:.9;}
.intro-stats .stat-number .stat-plus{font-size:20px;font-weight:500;margin-top:2px}
.intro-stats .stat-sublabel-box{position: relative;display:flex;    align-items: end;line-height:1}
.intro-stats .stat-sublabel{font-size:.14rem;color:rgba(255,255,255,.9);line-height:1.8;}
.intro-stats .stat-label{font-size:.14rem;margin-top:.16rem;opacity:1;letter-spacing:.01rem;line-height:1;font-style: oblique;}

.intro-stats .stat-item1{background: #FCB295;}
.intro-stats .stat-item2{background: #FC9C77;}
.intro-stats .stat-item3{background: #FF804F;}
.intro-stats .stat-item4{background: #FC6930;}

/* ============ 联系我们模块 ============ */
.contact-section{background:var(--bg-gray);padding:.6rem 0}
.contact-section .contact-card{background:var(--white);border-radius:var(--radius-big);padding:.8rem .44rem  .8rem;box-shadow:var(--shadow)}
.contact-section .contact-title{text-align:center;font-size:.32rem;font-weight:500;color:var(--text-dark);margin-bottom:.64rem;line-height:1;}

/* 三列布局：上图标下内容 */
.contact-columns{display:flex;justify-content:center;gap:0}
.contact-columns .contact-col{flex:1;display:flex;flex-direction:column;align-items:center;padding:0 .51rem}
/* 列间分隔线 */
/* 图标 */
.contact-columns .contact-col-icon-wrap-box{text-align: center;padding-bottom:.3rem;margin-bottom:.3rem;border-bottom:.01rem solid #ececec;width:100%;}
.contact-columns .contact-col .contact-col-icon-wrap{width:.45rem;height:.35rem;display:flex;align-items:center;  margin: 0 auto;transition:all var(--transition);justify-content: center;}
.contact-columns .contact-col .contact-col-icon-wrap img{width:100%;}
.contact-columns .contact-col .contact-col-text{font-size:.18rem;color:#3d3d3d;display: block;width:100%;margin-top:.12rem;}
/* 交互：变橙色线框+橙色图标+橙色文字 */

/* 二维码 */
.contact-columns .contact-qr{width:2.6rem;height:2.6rem;border-radius:var(--radius-sm);overflow:hidden;border:.01rem solid #ececec;flex-shrink:0}
.contact-columns .contact-qr img{width:100%;height:100%;object-fit:cover}

/* 电话号码区域 */
.contact-columns .contact-phone-wrap{display:flex;flex-direction:column;align-items:center;gap:.2rem}
.contact-columns .contact-phone-label{font-size:.18rem;color:var(--text-light);line-height:1;}
.contact-columns .contact-phone-number{font-size:.3rem;font-weight:600;color:var(--primary);letter-spacing:1px;font-family:"MiSans";line-height:1;}
.contact-columns .contact-online-btn{display:flex;width:1.64rem;height:.36rem;align-items:center;gap:.1rem;border:.01rem solid #d2d2d2;color:#3d3d3d;border-radius:.08rem;font-size:.16rem;cursor:pointer;background:#fff;transition:all var(--transition);margin-top:.2rem;justify-content:center;}
.contact-columns .contact-online-btn img{ width:.18rem;}
.contact-columns .contact-online-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);}
.contact-columns .contact-online-btn:hover img{filter: brightness(0) invert(1);}

/* ============ 地理位置模块 ============ */
.location-section{padding-top:.8rem;}
.location-section .location-card{background:#fcfcfd;padding-left:1.15rem;}
.location-section .location-title{text-align:left;font-size:.28rem;font-weight:500;color:#3d3d3d;padding-bottom:.28rem;border-bottom:1px solid #ececec;line-height:1;padding-top:.64rem;}
.location-section .location-content{display:flex;gap:.82rem;flex-wrap:wrap}
.location-section .location-info{width:3.52rem;}
.location-section .location-company{font-size:.2rem;font-weight:500;color:#3d3d3d;line-height:1;margin-top:.36rem;}
.location-section .location-en{font-size:.13rem;color:#3d3d3d;margin-top:.12rem;line-height:1;}
.location-section .location-item{margin-top:.5rem;font-size:.18rem;color:#3d3d3d;}
.location-section .location-item .location-label1{white-space:nowrap;font-weight:500;line-height:1;display:flex;align-items:center;}
.location-section .location-item .location-label1 img{height:.21rem;margin-right:.11rem;}
.location-section .location-item .location-label2{white-space:nowrap;font-weight:500;font-size:.16rem;line-height:1;margin-top:.14rem}
/* 补充位置信息 */
.location-section .location-extra-map{flex:1;background:#cfcfcf;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--text-light);font-size:13px;border:1px solid var(--border-light);height:5.1rem}
.location-section .location-extra-map #mapDiv{width:100%;height:100%;}
/* ============ 服务承诺模块 ============ */
.promise-section{background:var(--white);padding:.8rem 0 .8rem}
.promise-section .promise-title{text-align:center;font-size: .32rem;font-weight:500;color:var(--text-dark);margin-bottom:.6rem;line-height:1;}
.promise-section .promise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}
.promise-section .promise-item{display:flex;flex-direction:column;align-items:center;gap:.24rem}
.promise-section .promise-icon-wrap{width:.58rem;height:.5rem;display:flex;align-items:center;justify-content:center;font-size:.24rem;color:#4cb654;font-weight:500;transition:all var(--transition);background-image: url(/style/images/duobianxing.webp);background-size: cover;background-repeat: no-repeat;font-family:"MiSans";}
.promise-section .promise-item:hover .promise-icon-wrap{}
.promise-section .promise-text{font-size:.2rem;color:#333333;font-weight:500;line-height:1;}

/*风采*/
.main-content-fengcai-show .showcase-hero{text-align:center}
.main-content-fengcai-show .showcase-grid{display:grid;gap:.24rem}
.main-content-fengcai-show .showcase-img-wrap{border-radius:var(--radius);overflow:hidden;cursor:pointer;position:relative}
.main-content-fengcai-show .showcase-img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition)}
.main-content-fengcai-show .showcase-img-wrap:hover .showcase-img{transform:scale(1.02)}
.main-content-fengcai-show .showcase-img-wrap:hover{box-shadow:var(--shadow-hover)}
.main-content-fengcai-show .grid-research-2x2{grid-template-columns:1fr 1fr;grid-template-columns:repeat(2,1fr)}
.main-content-fengcai-show .grid-research-2x2 .showcase-img-wrap{height:4.4rem}
.main-content-fengcai-show .showcase-grid.grid-quality-3x2{gap:.23rem}
.main-content-fengcai-show .grid-quality-3x2{grid-template-columns:repeat(3,1fr)}
.main-content-fengcai-show .grid-quality-3x2 .showcase-img-wrap{height:3.04rem}
.main-content-fengcai-show .grid-lab-mixed{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:.23rem}
.main-content-fengcai-show .grid-lab-mixed .showcase-img-wrap{height:3.05rem}
.main-content-fengcai-show .grid-lab-mixed .lab-img-large{grid-row:span 2;aspect-ratio:auto;height:6.33rem}
.main-content-fengcai-show .grid-lab-mixed .lab-img-large img{height:100%}
.main-content-fengcai-show .dream-title-section{text-align:center}
.main-content-fengcai-show .dream-title{font-size:22px;font-weight:600;color:var(--text-dark)}
.main-content-fengcai-show .fullscreen-swiper-section{position:relative}
.main-content-fengcai-show .fullscreen-swiper{width:100%;height:7.2rem;overflow:hidden}
.main-content-fengcai-show .fullscreen-swiper .swiper-slide{width:14.4rem;height:7.2rem;opacity:1;transition:opacity var(--transition),transform var(--transition);overflow:hidden;border-radius:var(--radius-big)}
.main-content-fengcai-show .fullscreen-swiper .swiper-slide img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-lg)}
.main-content-fengcai-show .fullscreen-swiper .swiper-slide-active{opacity:1;transform:scale(1)}
.main-content-fengcai-show .dream-title,
.main-content-fengcai-show .showcase-hero-title,
.main-content-fengcai-show .showcase-title{font-size:.32rem;font-weight:500;padding:.8rem 0 .6rem;line-height:1;color:var(--text-dark);text-align:center}
.main-content-fengcai-show .fullscreen-swiper-section .custom-swiper-next,
.main-content-fengcai-show .fullscreen-swiper-section .custom-swiper-prev{position:absolute;top:50%;transform:translateY(-50%);width:.56rem;height:.56rem;border-radius:50%;background-color:rgba(255,255,255,.2);color:#fff;text-align:center;display:flex;align-items:center;justify-content:center;font-size:.28rem;font-weight:300;cursor:pointer;user-select:none;z-index:20;transition:all .3s ease}
.main-content-fengcai-show .fullscreen-swiper-section .custom-swiper-next img,
.main-content-fengcai-show .fullscreen-swiper-section .custom-swiper-prev img{height:.28rem}
.main-content-fengcai-show .fullscreen-swiper-section .custom-swiper-prev img{transform:rotate(180deg)}
.main-content-fengcai-show .fullscreen-swiper-section .custom-swiper-prev{left:calc(50% - 5.6rem)}
.main-content-fengcai-show .fullscreen-swiper-section .custom-swiper-next{right:calc(50% - 6.8rem)}
.main-content-fengcai-show .fullscreen-swiper-section .custom-swiper-next:hover,
.main-content-fengcai-show .fullscreen-swiper-section .custom-swiper-prev:hover{background-color:rgba(255,255,255,.5)}
#fullscreenSwiper .swiper-slide img{transition: transform 6s ease;}
#fullscreenSwiper .swiper-slide-active img {
    transform: scale(1.05);
}

/*单页*/
.page-page .page-title{background:var(--bg-gray);text-align:center;padding:.8rem 0 .6rem}
.page-page .page-title h1{font-size:.36rem;font-weight:600;color:var(--text-dark);line-height:1;}
.page-page .rich-content-wrap{background:var(--bg-gray);padding-bottom:.6rem;}
.page-page .rich-content{background:var(--white);border-radius:8px;box-shadow:var(--shadow);padding:.6rem;margin:0 auto}
.page-page .rich-content h2{font-size:.2rem;font-weight:600;color:var(--text-dark);padding-left:18px;margin:14px 0 14px;line-height:1;position:relative;}
.page-page .rich-content h2::after{content:" ";width:.05rem;height:.2rem;background:var(--primary);position:absolute;left:0;top:50%;transform:translateY(-50%);}
.page-page .rich-content h2:first-child{margin-top:0}
.page-page hr{width:100%;height:.01rem;background:#ededed;margin:.3rem 0}
.page-page .rich-content p{font-size:.16rem;color:var(--text-body);line-height:2.2;margin-bottom:0;text-align:justify}
.page-page .rich-content p:last-child{margin-bottom:0}
.page-page .rich-content p.indent{padding-left:.24rem}
.page-page .rich-content ol{list-style:none;padding:0;margin:0 0 12px}
.page-page .rich-content ol li{font-size:.16rem;color:var(--text-body);line-height:2.2;margin-bottom:2px;position:relative;padding-left:0}
.page-page .rich-content ul{list-style:disc;padding-left:24px;margin:0 0 12px}
.page-page .rich-content ul li{font-size:.16rem;color:var(--text-body);line-height:2.2;margin-bottom:2px}
.page-page .rich-content b,.rich-content strong{font-weight:600;color:var(--text-dark)}
.page-page .rich-content a{color:var(--primary);text-decoration:none}
.page-page .rich-content a:hover{text-decoration:underline}
.page-page .float-consult{position:fixed;right:20px;bottom:80px;z-index:1000}
.page-page .consult-btn{width:56px;height:56px;border-radius:50%;background:var(--primary);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(252,105,48,.4);cursor:pointer;transition:all var(--transition);border:none;color:#fff}
.page-page .consult-btn:hover{background:var(--primary-dark);transform:scale(1.05)}
.page-page .consult-btn i{font-size:22px;margin-bottom:2px}
.page-page .consult-btn span{font-size:10px;line-height:1}

/* ============ 筛选面板模块（翻页时固定定位） ============ */
.filter-panel{background:var(--white);padding:.1rem .43rem;border:1px solid var(--border-light);border-radius:var(--radius-big);margin-bottom:.4rem;}
.filter-panel .filter-row{display:flex;align-items:flex-start;padding:.4rem 0;background-image:url(/style/images/xuxian.png);background-position:bottom;background-repeat:repeat-x;}
.filter-panel .filter-row:last-child{border-bottom:none;background:none;}
.filter-panel .filter-label{display:flex;align-items:center;padding:0;background:#4cb654;color:#fff;font-size:.14rem;font-weight:500;border-radius:.15rem;white-space:nowrap;margin-right:.22rem;flex-shrink:0;width:.84rem;height:.3rem;margin2-top:.08rem;justify-content:center;line-height:1;}
.filter-panel .filter-options{display:flex;flex-wrap:wrap;gap:0 .18rem;flex:1;min-width:0;align-items:center;}
.filter-panel .filter-tag{display:flex;padding:0px 0;font-size:.14rem;height:.3rem;align-items:center;color:var(--text-body);cursor:pointer;transition:all var(--transition);border:1px solid transparent;white-space:nowrap;line-height:1;}
.filter-panel .filter-tag:hover{color:var(--primary)}
.filter-panel .filter-tag.active{color:var(--primary);border-color:transparent;background:transparent;font-weight:500}
.float-consult{position:fixed;right:20px;bottom:80px;z-index:1000}
.consult-btn{width:56px;height:56px;border-radius:50%;background:var(--primary);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(252,105,48,.4);cursor:pointer;transition:all var(--transition);border:none;color:#fff}
.consult-btn:hover{background:var(--primary-dark);transform:scale(1.05)}
.consult-btn i{font-size:22px;margin-bottom:2px}
.consult-btn span{font-size:10px;line-height:1}

/*底部客服*/
.cs-widget-container{position:fixed;right:20px;bottom:50px;z-index:9999;display:flex;align-items:flex-start;gap:12px}
.cs-qr-col{display:flex;flex-direction:column;position:absolute;left:-290px;top:-97px;width:110px;height:240px;background:#fff;box-shadow:2px 5px 10px 1px rgba(138,145,158,.3);border-radius:10px;padding:0 10px;display:none;}
.cs-qr-card{display:flex;flex-direction:column;align-items:center;border-bottom:1px solid #e8e8e8;padding-bottom:10px;padding-top:10px;margin-bottom:8px}
.cs-qr-card span{display:block;line-height:1;font-size:12px;color:#222}
.cs-qr-card:last-child{border-bottom:0;padding-bottom:0;padding-top:0}
.cs-info-card{display:flex;flex-direction:column;align-items:center;position:absolute;top:-80px;left:-170px;width:151px;height:202px;background-color:#fff;background-image:url(/style/images/kefu_bg.webp);background-size:cover;background-repeat:no-repeat;border-radius:10px;padding:26px 13px 13px;display:none;}
.cs-info-card .close{display:block;width:12px;height:2px;background:#8e96a1;cursor:pointer;position:absolute;right:11px;top:12px;z-index:5;}
.cs-info-title{font-size:14px;color:#222;margin:0;font-weight:500;line-height:1}
.cs-info-phone{font-size:16px;font-family:MiSans;font-weight:600;color:#fc6930;margin:10px 0 14px 0;line-height:1}
.cs-action-list{width:100%;display:flex;flex-direction:column;gap:6px}
.cs-action-btn{width:126px;height:32px;line-height:34px;background:#fff;border-radius:17px;font-family:Microsoft YaHei;font-weight:400;font-size:16px;color:#222;display:flex;align-items:center;padding-left:16px}
.cs-action-btn:hover{background:#fc6930;color:#fff;border:none}
.cs-action-btn i{display:block;width:24px;height:20px;margin-right:9px;background-repeat:no-repeat;background-size:cover}
.cs-action-btn i.zxkf{background-image:url(/style/images/505-2.webp)}
.cs-action-btn i.wxzx{background-image:url(/style/images/18.webp)}
.cs-action-btn i.cart{background-image:url(/style/images/503-2.webp)}
.cs-action-btn:hover i.zxkf{background-image:url(/style/images/505.webp)}
.cs-action-btn:hover i.wxzx{background-image:url(/style/images/18.webp)}
.cs-action-btn:hover i.cart{background-image:url(/style/images/503.webp)}
.cs-action-btn.cs-btn-highlight{background:#fc6930;color:#fff;border:none}
.cs-action-btn.cs-btn-highlight:hover{background:#fc6930}
.cs-toggle-btn{position:fixed;right:100px;bottom:15%;width:68px;height:69px;background:linear-gradient(0deg,#f4861e,#fd4c05);box-shadow:0 5px 10px 1px rgba(138,145,158,.3);border-radius:10px;z-index:99;border:none}
.cs-toggle-btn .consult-info{position:relative;display:flex;flex-direction:column;align-items:center;line-height:1}
.cs-toggle-btn .consult-info span{font-family:Microsoft YaHei;font-weight:400;font-size:12px;color:#fff;display:block;margin-top:6px;line-height:1}

/*分享弹窗*/
.share-mask{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9999;align-items:center;justify-content:center}
.share-mask.active{display:flex}
.share-dialog{width:420px;max-width:92vw;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.2)}
.share-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid #eee;font-size:16px;color:#333}
.share-dialog-close{cursor:pointer;font-size:24px;line-height:1;color:#999;user-select:none}
.share-dialog-close:hover{color:#333}
.share-dialog-body{padding:20px}
.share-list{display:flex;justify-content:space-around;flex-wrap:wrap;gap:10px}
.share-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#666;font-size:13px;gap:6px;cursor:pointer}
.share-item:hover{color:#e4393c}
.share-icon-bg{width:48px;height:48px;border-radius:50%;background:#f5f5f5;display:flex;align-items:center;justify-content:center;transition:background .2s;font-size:22px}
.share-item:hover .share-icon-bg{background:#feecec}
.share-wechat-qr{display:none;text-align:center;margin-top:18px;padding-top:15px;border-top:1px dashed #eee}
.share-wechat-qr p{font-size:13px;color:#999;margin-bottom:10px}
.share-qrcode-box{display:inline-block;padding:10px;background:#fff;border:1px solid #eee;border-radius:4px}
.share-qrcode-box canvas,.share-qrcode-box img{display:block;width:160px;height:160px;display:inline-block;}