/* 基础样式重置*/
*{margin: 0;padding: 0;box-sizing: border-box;cursor: pointer;}
:root{
    --primary-color: #c8102e;
    --text-dark: #333;
    --text-light: #666;
    --text-lighter: #999;
    --bg-white: #ffffff;
    --bg-light: #f8f9fa;
    --border-color: #e5e5e5;
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --animation-ease: cubic-bezier(0.16, 1, 0.3, 1); /* 更自然的缓动函数 */
    --animation-duration: 1s;
    --animation-delay-step: 0.05s; /* 渐进式延迟 */
}
.dflex{display: flex;justify-content: space-between;}
.w400{width:380px;}
html{scroll-behavior: smooth;background-color: #ffffff;}
body{font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;color: var(--text-dark);line-height: 1.6;overflow-x: hidden;background-color: #ffffff;}
.container{max-width: 1200px;margin: 0 auto;padding: 0 20px;}
/* 导航栏*/.header{position: fixed;top: 0;left: 0;right: 0;background: rgba(255, 255, 255, 0.95);backdrop-filter: blur(10px);box-shadow: 0 2px 20px rgba(0, 0, 0, 0.05);z-index: 1000;transition: var(--transition);}
/* 有图片背景的页面，导航栏默认透明*/.header.transparent{background: rgba(255, 255, 255, 0) !important;backdrop-filter: blur(0) !important;box-shadow: none !important;}
/* 透明状态下所有导航链接文字为白色*/
/* .header.transparent .nav-link,
.header.transparent .nav-link:hover,
.header.transparent .nav-link.active{color: #ffffff !important;} */
.header.transparent .nav-link::after{background: #ffffff !important;}
.header.transparent .nav-link:hover::after,
.header.transparent .nav-link.active::after{background: #ffffff !important;}
/* 透明状态下菜单按钮为白色*/.header.transparent .nav-menu-btn span{background: #ffffff !important;}
.header.transparent .nav-menu-btn:hover span{background: #ffffff !important;}
a,a:link,a:visited,a:hover,a:active{text-decoration: none;}
/* 透明状态下语言选择器为白色*/
/* .header.transparent .lang-dropdown{background: rgba(255, 255, 255, 0.2) !important;border-color: rgba(255, 255, 255, 0.3) !important;color: #ffffff !important;}
.header.transparent .lang-dropdown:hover{background: rgba(255, 255, 255, 0.3) !important;border-color: rgba(255, 255, 255, 0.5) !important;color: #ffffff !important;} */
/* 导航列表中的语言选择器*/.nav-list .lang-selector-item .lang-dropdown{font-size: 15px;padding: 8px 12px;}
.header.transparent .lang-dropdown option{background: var(--text-dark);color: #ffffff;}
/* 关于页面透明状态下文字为黑色*/.header-about.transparent .nav-link,
.header-about.transparent .nav-link:hover,
.header-about.transparent .nav-link.active{color: var(--text-dark) !important;}
.header-about.transparent .nav-link::after{background: var(--primary-color) !important;}
.header-about.transparent .nav-link:hover::after,
.header-about.transparent .nav-link.active::after{background: var(--primary-color) !important;}
.header-about.transparent .nav-menu-btn span{background: var(--text-dark) !important;}
.header-about.transparent .nav-menu-btn:hover span{background: var(--primary-color) !important;}
.header-about.transparent .lang-dropdown{background: var(--bg-white) !important;border-color: var(--border-color) !important;color: var(--text-dark) !important;}
.header-about.transparent .lang-dropdown:hover{background: var(--bg-white) !important;border-color: var(--primary-color) !important;color: var(--text-dark) !important;}
/* 滚动后显示白色背景*/.header.scrolled{background: rgba(255, 255, 255, 0.98);backdrop-filter: blur(10px);box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);}
.header.scrolled .nav-link{color: var(--text-dark);}
.header.scrolled .nav-menu-btn span{background: var(--text-dark);}
.header.scrolled .lang-dropdown{background: var(--bg-white);border-color: var(--border-color);color: var(--text-dark);}
.header.scrolled .logo img{filter: none;}
.header:hover{box-shadow: 0 4px 30px rgba(0, 0, 0, 0.08);}
.nav-wrapper{display: flex;align-items: center;justify-content: space-between;padding: 15px 0;height: 80px;}
.logo a{display: inline-block;}
.logo img{height: 50px;width: auto;transition: var(--transition);}
.logo:hover img{transform: scale(1.05);}
.nav-list{display: flex;list-style: none;gap: 35px;align-items: center;}
.nav-list .lang-selector-item{margin: 0;padding: 0;}
.nav-list .lang-selector-item .lang-selector{margin: 0;}
.nav-link{color: var(--text-dark);text-decoration: none;font-size: 15px;font-weight: 500;position: relative;padding: 8px 0;transition: var(--transition);}
.nav-link::after{content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background: var(--primary-color);transition: var(--transition);}
.nav-link:hover,
.nav-link.active{color: var(--primary-color);}
.nav-link:hover::after,
.nav-link.active::after{width: 100%;}
.nav-actions{display: flex;align-items: center;gap: 15px;}
.nav-menu-btn{background: none;border: none;cursor: pointer;color: var(--text-dark);padding: 8px;display: none;align-items: center;justify-content: center;transition: var(--transition);}
.nav-menu-btn{flex-direction: column;gap: 5px;}
.nav-menu-btn span{width: 24px;height: 2px;background: var(--text-dark);transition: var(--transition);display: block;}
.nav-menu-btn:hover span{background: var(--primary-color);}
.nav-menu-btn:hover span{background: var(--primary-color);}
.nav-menu-btn.active span:nth-child(1){transform: rotate(45deg) translate(8px, 8px);}
.nav-menu-btn.active span:nth-child(2){opacity: 0;}
.nav-menu-btn.active span:nth-child(3){transform: rotate(-45deg) translate(2px, -2px);}
.lang-dropdown{border: 1px solid var(--border-color);padding: 8px 12px;border-radius: 4px;background: var(--bg-white);color: var(--text-dark);font-size: 14px;cursor: pointer;transition: var(--transition);outline: none;}
.lang-dropdown:hover{border-color: var(--primary-color);}
/* 语言切换按钮样式 */
.lang-toggle-button{width: 41px;height: 41px;font-size: 14px;font-weight: 500;line-height: 41px;border: 1px solid var(--border-color);border-radius: 50%;text-align: center;color: var(--text-dark);background-color: var(--bg-white);cursor: pointer;transition: var(--transition);outline: none;display: flex;align-items: center;justify-content: center;}
.lang-toggle-button:hover{border-color: var(--primary-color);color: var(--primary-color);background-color: var(--bg-white);transform: scale(1.05);}
/* 隐藏 translate.js 的元素 */
#translate{display: none !important;}
/* Hero区域*/.hero{position: relative;width: 100%;height: 100vh;min-height: 600px;display: flex;align-items: center;justify-content: center;overflow: hidden;margin-top: 0;padding-top: 80px;}
.hero-background{position: absolute;top: -80px;left: 0;width: 100%;height: calc(100% + 80px);z-index: 1;}
.hero-background img{width: 100%;height: 100%;object-fit: cover;animation: zoomIn 20s ease-in-out infinite alternate;}
/* 轮播图样式*/.hero-slider{position: relative;overflow: hidden;}
.hero-slider-container{position: relative;width: 100%;height: 100%;}
.hero-slide{position: absolute;top: -80px;left: 0;width: 100%;height: calc(100% + 80px);opacity: 0;transition: opacity 1s ease-in-out;z-index: 1;}
.hero-slide.active{opacity: 1;z-index: 2;}
.hero-slide img{width: 100%;height: 100%;object-fit: cover;display: block;}
.hero-slide .hero-overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);z-index: 1;}
/* 轮播指示器*/.hero-slider-dots{position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);display: flex;gap: 10px;z-index: 10;}
.hero-slider-dots .dot{width: 12px;height: 12px;border-radius: 50%;background: rgba(255, 255, 255, 0.5);cursor: pointer;transition: all 0.3s ease;border: 2px solid rgba(255, 255, 255, 0.8);}
.hero-slider-dots .dot.active{background: var(--primary-color);border-color: var(--primary-color);transform: scale(1.2);}
.hero-slider-dots .dot:hover{background: rgba(255, 255, 255, 0.8);}
/* 左右箭头*/.hero-slider-prev,
.hero-slider-next{position: absolute;top: 50%;transform: translateY(-50%);background: rgba(255, 255, 255, 0.2);border: none;color: #ffffff;font-size: 40px;width: 50px;height: 50px;border-radius: 50%;cursor: pointer;z-index: 10;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;backdrop-filter: blur(5px);}
.hero-slider-prev{left: 30px;}
.hero-slider-next{right: 30px;}
.hero-slider-prev:hover,
.hero-slider-next:hover{background: rgba(255, 255, 255, 0.4);transform: translateY(-50%) scale(1.1);}
@keyframes zoomIn{0%{transform: scale(1);}
100%{transform: scale(1.1);}}
.hero-overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);z-index: 2;}
/* 轮播中的hero-content - 优先级更高，确保定位不被覆盖*/.hero-slide .hero-content{position: absolute !important;top: 50% !important;left: 50% !important;transform: translate(-50%, -50%) !important;z-index: 2;width: 100%;max-width: 1200px;padding: 0 20px;text-align: center;color: #f0f0f0;animation: heroFadeIn 1s ease-out;}
/* 确保WOW.js动画不会覆盖hero-content的定位*/.hero-slide .hero-content.wow,
.hero-slide .hero-content.wow.animated{transform: translate(-50%, -50%) !important;}
/* 通用hero-content样式 - 仅用于非轮播场景*/.hero-content{position: relative;z-index: 3;text-align: center;color: #f0f0f0;max-width: 900px;padding: 0 20px;animation: fadeInUp 1s ease-out;}
/* 改进的动画效果 - 参考biomedart.cn风格，更自然流畅 */
/* 使用更柔和的缓动函数和更小的位移 */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 30px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -30px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-30px, 0, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(30px, 0, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

/* 为WOW.js添加对应的动画类 */
.fadeInUp {
    animation-name: fadeInUp;
}

.fadeInDown {
    animation-name: fadeInDown;
}

.fadeInLeft {
    animation-name: fadeInLeft;
}

.fadeInRight {
    animation-name: fadeInRight;
}

.fadeInScale {
    animation-name: fadeInScale;
}

.slideInUp {
    animation-name: slideInUp;
}

.slideInLeft {
    animation-name: slideInLeft;
}

.slideInRight {
    animation-name: slideInRight;
}

.productFadeIn {
    animation-name: productFadeIn;
}

@keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(0.96) translate3d(0, 0, 0);
    }
    to {
        opacity: 1;
        transform: scale(1) translate3d(0, 0, 0);
    }
}

@keyframes heroFadeIn {
    from {
        opacity: 0;
        transform: translate3d(0, 15px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

/* 更流畅的缓动动画 - 使用硬件加速 */
@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 40px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translate3d(-40px, 0, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translate3d(40px, 0, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

/* 产品卡片动画 - 更自然的缩放效果 */
@keyframes productFadeIn {
    from {
        opacity: 0;
        transform: translate3d(0, 20px, 0) scale(0.97);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

/* 数字计数动画 */
@keyframes countUp {
    from {
        opacity: 0;
        transform: translate3d(0, 20px, 0) scale(0.8);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

/* WOW.js动画优化 - 更流畅自然的动画效果，参考biomedart.cn */
.wow {
    visibility: hidden;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); /* 更自然的缓动 */
}

.wow.animated {
    visibility: visible;
}

/* 优化动画性能 */
.wow,
.wow.animated {
    will-change: transform, opacity;
    backface-visibility: hidden;
    perspective: 1000px;
    transform-style: preserve-3d;
}

/* WOW.js会自动处理data-wow-delay属性，这里不需要额外设置 */

/* 统计数字动画样式 */
.stat-number {
    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.stat-item.wow.animated .stat-number {
    animation: countUp 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* 更平滑的hover过渡效果 */
.featured-product-item,
.product-item,
.product-card {
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

/* 图片加载时的淡入效果 */
img {
    opacity: 0;
    transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

img.loaded {
    opacity: 1;
}

/* 页面加载时的整体淡入 */
body.loading {
    opacity: 0;
}

body.loaded {
    opacity: 1;
    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.hero-title{font-size: 48px;font-weight: 300;letter-spacing: 2px;margin-bottom: 30px;line-height: 1.2;text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);}
.hero-subtitle{font-size: 16px;line-height: 1.8;margin-bottom: 15px;opacity: 0.95;}
.hero-subtitle-chinese{font-size: 15px;line-height: 1.8;opacity: 0.9;}
/* 产品中心*/.products{padding: 100px 0;background: var(--bg-white);}
.section-title{font-size: 42px;font-weight: 300;text-align: center;margin-bottom: 30px;color: var(--text-dark);letter-spacing: 1px;}
.section-subtitle{text-align: center;color: var(--text-light);font-size: 16px;line-height: 1.8;margin-bottom: 60px;max-width: 900px;margin-left: auto;margin-right: auto;}
/* 顶部大产品展示*/.featured-products{display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;margin-bottom: 60px;}
.featured-product-item{text-align: center;position: relative;transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);width: 100%;}
.featured-product-item:hover{transform: translateY(-10px);}
.featured-product-image-wrapper{border-radius: 12px;margin-bottom: 25px;overflow: hidden;position: relative;transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);display: flex;align-items: center;justify-content: center;}
@keyframes float{0%, 100%{transform: translate(0, 0) rotate(0deg);}
50%{transform: translate(-20px, -20px) rotate(180deg);}}
.featured-product-item:hover .featured-product-image-wrapper{box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);transform: scale(1.02);}
.featured-product-image{width: 100%;height: auto;transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);position: relative;z-index: 2;display: block;object-fit: contain;}
.featured-product-item:hover .featured-product-image{transform: scale(1.06);}
.featured-product-name{font-size: 18px;color: var(--text-dark);font-weight: 600;transition: var(--transition);}
.featured-product-item:hover .featured-product-name{color: var(--primary-color);}
/* 特性展示包装器（带背景图）*/.features-wrapper{position: relative;margin: 60px 0;padding: 80px 40px;overflow: hidden;border-radius: 12px;width:100%;min-height:689px;}
.features-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;overflow: hidden;}
.features-bg img{width: 100%;height: 100%;object-fit: cover;transform: scale(1.05);transition: var(--transition);}
.products-grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: 40px;margin-top: 80px;}
.product-item{text-align: center;transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);cursor: pointer;}
.product-item:hover{transform: translateY(-10px);}
.product-image-wrapper{border-radius: 8px;padding: 25px 20px;margin-bottom: 15px;overflow: hidden;transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);position: relative;min-height: 200px;display: flex;align-items: center;justify-content: center;}
.product-item:hover .product-image-wrapper{box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);background: #fff;transform: scale(1.02);}
.product-image{width: 100%;height: auto;transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);}
.product-item:hover .product-image{transform: scale(1.08);}
.product-name{font-size: 15px;color: var(--text-dark);font-weight: 500;transition: var(--transition);}
.product-item:hover .product-name{color: var(--primary-color);}
/* 特性展示*/.features{display: flex;position: absolute;bottom:0;left:0;z-index: 2;width:100%;}
.feature-item{flex:1;text-align: center;margin: 8px;transition: var(--transition);position: relative;z-index: 2;background: rgba(255, 255, 255, 0.95);border-radius: 8px;}
.feature-item:hover{transform: translateY(-8px);background: rgba(255, 255, 255, 1);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);}
.feature-icon{display: inline-block;transition: var(--transition);line-height: 1;}
.feature-icon img{width: 80px;height: 80px;object-fit: contain;display: block;}
.feature-item .dflex{align-items: center;justify-content: center;}
.feature-title{font-size: 24px;font-weight: 600;color: var(--text-dark);}
.feature-desc{font-size: 16px;color: var(--text-light);line-height: 1.6;padding-bottom: 20px;}
/* 公司信息*/.about{padding: 100px 0;}
.about-content{display: grid;grid-template-columns: 1fr 1fr;gap: 60px;align-items: center;}
.about-image{position: relative;overflow: hidden;border-radius: 8px;box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.about-image:hover{transform: scale(1.03);box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);}
.about-image img{width: 100%;height: auto;display: block;transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.about-image:hover img{transform: scale(1.08);}
.about-desc{font-size: 20px;font-weight: 900;line-height: 2;color: var(--text-dark);margin-bottom: 40px;}
.about-content .certifications{display: flex;}
.about-content .cert-item{flex:1;display: flex;align-items: center;flex-direction: column;}
.about-descp{font-size: 14px;color:#666666;margin-bottom: 40px;}
.about-content .cert-item img{width: 60px;height: 60px;object-fit: contain;flex-shrink: 0;}
.about-content .cert-item span{font-size: 14px;width:70%;color: var(--text-dark);line-height: 1.5;text-align: center;}
/* CTA区域*/.cta{padding: 100px 0;background: var(--bg-white);text-align: center;}
.cta-title{font-size: 42px;font-weight: 300;margin-bottom: 20px;color: var(--text-dark);letter-spacing: 1px;}
.cta-subtitle{font-size: 18px;color: var(--text-light);margin-bottom: 40px;}
.cta-button{background: var(--text-dark);color: var(--bg-white);border: none;padding: 16px 40px;font-size: 16px;transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);font-weight: 500;border-radius: 4px;cursor: pointer;transition: var(--transition);display: inline-flex;align-items: center;gap: 10px;letter-spacing: 1px;}
.cta-button:hover{background: var(--primary-color);transform: translateY(-5px);box-shadow: 0 12px 35px rgba(200, 16, 46, 0.4);}
.cta-button .arrow{transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);display: inline-block;}
.cta-button:hover .arrow{transform: translateX(8px);}
/* 页脚*/.footer{background: #f5f5f5;color: var(--text-dark);padding: 60px 0 20px;}
.footer-content{display: grid;grid-template-columns: 1.5fr 2fr 1.5fr;gap: 60px;padding-bottom: 40px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.footer-logo{display: none;}
.footer-nav{display: flex;flex-direction: column;gap: 12px;}
.footer-nav-list{list-style: none;display: flex;flex-direction: row;gap: 20px;padding: 0;margin: 0;flex-wrap: wrap;}
.footer-nav-list a{color: var(--text-dark);text-decoration: none;font-size: 14px;transition: var(--transition);display: inline-block;}
.footer-nav-list a:hover{color: var(--primary-color);transform: translateX(5px);}
.footer-apps{display: flex;flex-direction: column;align-items: center;gap: 20px;padding: 0;border: none;border-radius: 0;background: transparent;}
.footer-apps-title{font-size: 16px;font-weight: 600;color: var(--text-dark);margin-bottom: 10px;}
.footer-apps-grid{display: flex;gap: 20px;align-items: center;justify-content: center;}
.footer-app-item{display: flex;flex-direction: column;align-items: center;gap: 8px;text-decoration: none;transition: var(--transition);position: relative;}
.footer-app-item:hover{transform: translateY(-3px);}
.footer-app-item:hover .qrcode-popup{opacity: 1;visibility: visible;transform: translateX(-50%) translateY(0);}
.footer-app-icon{width: 50px;height: 50px;object-fit: contain;display: block;}
.footer-app-name{font-size: 12px;color: var(--text-dark);text-align: center;}
.footer-info{display: flex;flex-direction: column;gap: 10px;text-align: right;}
.footer-info p{margin: 0;font-size: 14px;line-height: 1.8;color: var(--text-dark);}
.footer-info strong{color: var(--text-dark);font-weight: 500;}
.footer-info p:first-child{font-size: 16px;}
.footer-phone{font-size: 24px !important;font-weight: 600;color: var(--text-dark);margin-bottom: 5px;}
.footer-social{display: flex;gap: 10px;align-items: center;justify-content: flex-start;margin-top: 10px;}
.social-item{position: relative;}
.social-link{display: inline-block;transition: var(--transition);opacity: 0.8;}
.social-link:hover{opacity: 1;transform: translateY(-3px);}
.social-link img{width: 24px;height: 24px;}
.qrcode-popup{position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%) translateY(-10px);background: var(--bg-white);padding: 15px;border-radius: 8px;box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);opacity: 0;visibility: hidden;transition: var(--transition);z-index: 1000;margin-bottom: 10px;min-width: 150px;text-align: center;}
.qrcode-popup::after{content: '';position: absolute;top: 100%;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid var(--bg-white);}
.qrcode-popup img{width: 150px;height: 150px;display: block;margin: 0 auto 8px;border-radius: 4px;}
.qrcode-popup p{margin: 0;font-size: 12px;color: var(--text-dark);}
.social-item:hover .qrcode-popup{opacity: 1;visibility: visible;transform: translateX(-50%) translateY(0);}
.footer-copyright{text-align: center;padding-top: 20px;font-size: 13px;color: var(--text-light);}
/* 响应式设计*/@media (max-width: 968px){.features{display: block;}
.nav-list{gap: 20px;}
.nav-link{font-size: 14px;}
.hero-title{font-size: 36px;}
.about-content{grid-template-columns: 1fr;}
.footer-content{grid-template-columns: 1fr;gap: 30px;}
.footer-apps{margin: 20px 0;}
.footer-info{text-align: left !important;}
.certifications{grid-template-columns: 1fr;}
.featured-products{grid-template-columns: 1fr;gap: 30px;}
.features{grid-template-columns: repeat(2, 1fr);gap: 30px;}
.features-wrapper{padding: 60px 0;}
.products-grid{grid-template-columns: repeat(3, 1fr);gap: 30px;}}
@media (max-width: 768px){
/* 移动端导航栏始终白色背景，不透明 */
.header,
.header.transparent,
.header.scrolled {
    background: rgba(255, 255, 255, 1) !important;
    backdrop-filter: blur(10px) !important;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1) !important;
}

/* 移动端导航链接始终为深色 */
.header.transparent .nav-link,
.header.transparent .nav-link:hover,
.header.transparent .nav-link.active {
    color: var(--text-dark) !important;
}

.header.transparent .nav-link::after,
.header.transparent .nav-link:hover::after,
.header.transparent .nav-link.active::after {
    background: var(--primary-color) !important;
}

/* 移动端菜单按钮始终为深色 */
.header.transparent .nav-menu-btn span {
    background: var(--text-dark) !important;
}

.header.transparent .nav-menu-btn:hover span {
    background: var(--primary-color) !important;
}

/* 移动端语言选择器始终为白色背景 */
.header.transparent .lang-dropdown {
    background: var(--bg-white) !important;
    border-color: var(--border-color) !important;
    color: var(--text-dark) !important;
}

.header.transparent .lang-dropdown:hover {
    background: var(--bg-white) !important;
    border-color: var(--primary-color) !important;
    color: var(--text-dark) !important;
}

.nav-wrapper{flex-wrap: wrap;height: auto;padding: 15px 0;}
.nav{order: 3;width: 100%;margin-top: 15px;}
.nav-list{flex-wrap: wrap;justify-content: center;gap: 15px;}
.hero{min-height: 500px;margin-top: 0;padding-top: 80px;}
/* 移动端hero-slide从导航栏下方开始 */
.hero-slide {
    top: 0 !important;
    height: 100% !important;
}
/* 移动端services-banner在导航栏下方 */
.services-banner {
    margin-top: 80px !important;
}
/* 移动端about-page在导航栏下方 */
.about-page {
    padding-top: 180px !important;
}
.hero-title{font-size: 28px;}
.hero-subtitle, .hero-subtitle-chinese{font-size: 14px;}
.hero-slider-prev, .hero-slider-next{width: 40px;height: 40px;font-size: 30px;}
.hero-slider-prev{left: 15px;}
.hero-slider-next{right: 15px;}
.hero-slider-dots{bottom: 20px;}
.hero-slider-dots .dot{width: 10px;height: 10px;}
.section-title{font-size: 32px;}
.featured-products{grid-template-columns: 1fr;}
.features-wrapper{padding: 50px 0;margin: 40px 0;}
.features{grid-template-columns: 1fr;gap: 25px;}
.products-grid{grid-template-columns: repeat(2, 1fr);gap: 25px;}
.product-image-wrapper{min-height: 180px;padding: 20px 15px;}
.product-image{max-width: 120px;}
.cta-title{font-size: 32px;}
.footer-content{grid-template-columns: 1fr;gap: 30px;}
.footer-apps{margin: 20px 0;}
.footer-info{text-align: left !important;}
.footer-apps-grid{flex-wrap: wrap;justify-content: center;}}
/* 滚动动画*/@keyframes fadeIn{from{opacity: 0;}
to{opacity: 1;}}
.fade-in{animation: fadeIn 0.6s ease-out;}
/* ========== 关于页面样式 ==========*/.about-page{padding: 200px 0 100px;margin-top: 0;background: #eef7fc url(img/about53.png) no-repeat right bottom;position: relative;min-height: 100vh;background-size: contain;}
.about-page-title{font-size: 48px;font-weight: 300;text-align: center;margin-bottom: 60px;color: var(--text-dark);letter-spacing: 2px;z-index: 10;}
.about-intro-content{align-items: flex-start;margin-bottom: 100px;z-index: 10;}
.about-intro-text{display: flex;flex-direction: column;gap: 30px;}
.about-intro-desc{font-size: 16px;line-height: 2;color: var(--text-dark);}
.about-stats{margin-top: 20px;display: flex;}
.stat-item{text-align: center;padding: 30px 20px;transition: var(--transition);}
.stat-item:hover{transform: translateY(-5px);text-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);}
.stat-number{font-size: 42px;font-weight: 700;color: var(--primary-color);margin-bottom: 10px;line-height: 1;}
.stat-label{font-size: 14px;color: var(--text-light);line-height: 1.5;}
.about-intro-image{position: absolute;bottom:0;right:0;border-radius: 12px;overflow: hidden;transition: var(--transition);z-index: 0;}
.about-intro-image img{width: 100%;height: auto;display: block;}
/* 企业文化*/.company-culture{position: relative;background: var(--bg-light);min-height: 350px;overflow: hidden;}
.company-culture .container{position: relative;}
.culture-map-bg{position: relative;width: 100%;height: 100%;min-height: 350px;}
.culture-map-image{width: 100%;height: auto;min-height: 350px;object-fit: cover;display: block;}
/* 地图标记*/.map-marker{position: absolute;z-index: 10;}
.map-marker-china{top: 60%;left: 75%;}
.map-marker-canada{top: 25%;left: 15%;}
.marker-pin{width: 30px;height: 30px;background: var(--primary-color);border-radius: 50% 50% 50% 0;transform: rotate(-45deg);position: relative;margin: 0 auto;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);}
.marker-pin::after{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(45deg);width: 12px;height: 12px;background: #ffffff;border-radius: 50%;}
.marker-label{margin-top: 10px;text-align: center;background: rgba(255, 255, 255, 0.95);padding: 5px 10px;border-radius: 4px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);}
.marker-text-zh{margin: 0;font-size: 14px;font-weight: 600;color: var(--text-dark);line-height: 1.4;}
.marker-text-en{margin: 0;font-size: 12px;color: var(--text-light);line-height: 1.4;}
/* 企业文化文本框 - 右下角*/.culture-text-box{position: absolute;bottom: 100px;right: 50px;width: 600px;padding: 40px;z-index: 20;}
.culture-box-title{font-size: 32px;font-weight: 700;text-align: center;margin-bottom: 30px;color: var(--text-dark);}
.culture-box-items{display: flex;flex-direction: column;gap: 20px;}
/* 前两个部分并列的容器*/.culture-box-items-top{display: flex;justify-content: space-between;gap: 20px;}
/* 前两个部分并列，每个都有红色边框*/.culture-box-item{padding: 20px;}
.culture-box-item:nth-child(1),
.culture-box-item:nth-child(2){width: 48%;float: left;}
/* 第三个部分单独一行，也有红色边框*/.culture-box-itemw100{clear:both;width: 96%;padding:20px;}
.culture-box-item-title{font-size: 20px;font-weight: 700;margin-bottom: 12px;color: var(--text-dark);}
.culture-box-item-desc{font-size: 14px;line-height: 1.8;color: var(--text-dark);margin: 5px 0;}
/* 生产改善人类健康的营养补充剂产品*/.nutrition-section{padding: 100px 0;background: var(--bg-white);}
.nutrition-content{display: grid;grid-template-columns: 1fr 1fr;gap: 60px;align-items: center;margin-bottom: 60px;}
.nutrition-text{display: flex;flex-direction: column;gap: 40px;}
.nutrition-item{padding: 30px;background: var(--bg-light);border-radius: 8px;transition: var(--transition);border-left: 4px solid var(--primary-color);}
.nutrition-item:hover{transform: translateX(10px);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);background: var(--bg-white);}
.nutrition-title{font-size: 20px;font-weight: 600;margin-bottom: 15px;color: var(--text-dark);}
.nutrition-desc{font-size: 15px;line-height: 1.8;color: var(--text-light);}
.nutrition-image{position: relative;border-radius: 12px;overflow: hidden;box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);transition: var(--transition);}
.nutrition-image:hover{transform: scale(1.02);box-shadow: 0 15px 50px rgba(0, 0, 0, 0.15);}
.nutrition-image img{width: 100%;height: auto;display: block;}
.nutrition-certs{display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 25px;padding-top: 40px;border-top: 1px solid var(--border-color);}
.nutrition-cert-item{display: flex;align-items: center;gap: 15px;padding: 20px;background: var(--bg-light);border-radius: 8px;transition: var(--transition);}
.nutrition-cert-item:hover{transform: translateY(-5px);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);background: var(--bg-white);}
.nutrition-cert-item img{width: 60px;height: 60px;object-fit: contain;flex-shrink: 0;}
.nutrition-cert-item span{font-size: 14px;color: var(--text-dark);line-height: 1.5;font-weight: 500;}
/* 内部强大 外部无敌*/.strength-section{position: relative;width: 100%;height: 600px;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.strength-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.strength-bg img{width: 100%;height: 100%;object-fit: cover;animation: zoomIn 0.5s ease-in-out;}
.strength-overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);z-index: 2;}
.strength-content{position: relative;z-index: 3;text-align: center;color: #ffffff;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.strength-title{font-size: 56px;font-weight: 300;letter-spacing: 3px;margin-bottom: 40px;text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);}
.strength-play-btn{width: 80px;height: 80px;border-radius: 50%;background: rgba(255, 255, 255, 0.9);border: none;cursor: pointer;display: flex;align-items: center;justify-content: center;color: var(--primary-color);transition: var(--transition);box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);}
.strength-play-btn:hover{transform: scale(1.1);background: rgba(255, 255, 255, 1);box-shadow: 0 6px 30px rgba(0, 0, 0, 0.4);}
.strength-play-btn svg{width: 40px;height: 40px;margin-left: 4px;}
/* 视频播放模态框*/.video-modal{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 10000;align-items: center;justify-content: center;}
.video-modal.active{display: flex;}
.video-modal-overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);backdrop-filter: blur(5px);}
.video-modal-content{position: relative;z-index: 10001;width: 90%;max-width: 1200px;background: #000;border-radius: 8px;overflow: hidden;box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);}
.video-modal-content video{width: 100%;height: auto;display: block;}
.video-modal-close{position: absolute;top: -40px;right: 0;background: rgba(255, 255, 255, 0.9);border: none;width: 40px;height: 40px;border-radius: 50%;font-size: 24px;color: var(--text-dark);cursor: pointer;display: flex;align-items: center;justify-content: center;transition: var(--transition);z-index: 10002;}
.video-modal-close:hover{background: rgba(255, 255, 255, 1);transform: scale(1.1);}
/* 认证标志区域*/.certifications-section{padding: 100px 0;background: var(--bg-white);}
.certifications-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 30px;}
.cert-item-large{display: flex;flex-direction: column;align-items: center;gap: 20px;padding: 30px 20px;background: var(--bg-light);border-radius: 8px;text-align: center;transition: var(--transition);}
.cert-item-large:hover{transform: translateY(-8px);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);background: var(--bg-white);}
.cert-item-large img{width: 80px;height: 80px;object-fit: contain;flex-shrink: 0;}
.cert-item-large span{font-size: 14px;color: var(--text-dark);line-height: 1.6;font-weight: 500;}
/* 关于页面响应式*/@media (max-width: 968px){.nav-menu-btn{display: flex;}
.culture-box-items   .dflex{display: block;}
.lang-selector{display: none;}
.nav{position: fixed;top: 80px;left: -100%;width: 100%;background: var(--bg-white);box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);transition: left 0.3s ease;z-index: 999;max-height: calc(100vh - 80px);overflow-y: auto;}
.nav.active{left: 0;}
.nav-list{flex-direction: column;padding: 20px;gap: 0;}
.nav-list li{width: 100%;border-bottom: 1px solid var(--border-color);}
.nav-list li:last-child{border-bottom: none;}
.nav-link{display: block;padding: 15px 0;width: 100%;}
.nav-actions{gap: 10px;}
.nav-wrapper > .lang-selector{display: none;}
.lang-selector-mobile{display: none;}
.nav .lang-selector-mobile{display: block;padding: 20px;border-top: 1px solid var(--border-color);}
.nav .lang-selector-mobile select{width: 100%;padding: 12px;}
.about-page-title{font-size: 36px;}
.about-intro-content{grid-template-columns: 1fr;gap: 40px;}
.about-stats{grid-template-columns: repeat(2, 1fr);gap: 20px;}
.company-culture{min-height: 500px;padding: 60px 0;position: relative;}
.culture-map-bg{min-height: 500px;}
.culture-map-image{min-height: 500px;}
.culture-text-box{position: relative;bottom: auto;right: auto;width: 90%;max-width: 100%;margin: 40px auto 0;padding: 30px 20px;}
.culture-box-title{font-size: 28px;margin-bottom: 25px;}
.culture-box-item-title{font-size: 18px;}
.culture-box-item-desc{font-size: 13px;}
.map-marker-china{top: 55%;left: 70%;}
.map-marker-canada{top: 20%;left: 10%;}
.marker-pin{width: 25px;height: 25px;}
.marker-pin::after{width: 10px;height: 10px;}
.marker-text-zh{font-size: 12px;}
.marker-text-en{font-size: 11px;}
.certifications-grid{grid-template-columns: repeat(2, 1fr);}
.nutrition-content{grid-template-columns: 1fr;gap: 40px;}
.nutrition-certs{grid-template-columns: repeat(2, 1fr);}
.strength-title{font-size: 42px;}}
@media (max-width: 768px){.about-page{padding: 100px 0 80px;}
.culture-box-items   .dflex{display: block;}
.about-page-title{font-size: 32px;margin-bottom: 40px;}
.company-culture{min-height: 400px;padding: 40px 0;}
.culture-map-bg{min-height: 400px;}
.culture-map-image{min-height: 400px;}
.culture-text-box{width: 95%;padding: 25px 15px;margin: 30px auto 0;}
.culture-box-title{font-size: 24px;margin-bottom: 20px;}
.culture-box-items-top{flex-direction: column;gap: 15px;}
.culture-box-item:nth-child(1), .culture-box-item:nth-child(2){width: 100%;flex: 0 0 100%;}
.culture-box-item{padding: 15px;}
.culture-box-item-title{font-size: 16px;margin-bottom: 10px;}
.culture-box-item-desc{font-size: 12px;line-height: 1.6;}
.map-marker-china{top: 50%;left: 65%;}
.map-marker-canada{top: 15%;left: 5%;}
.marker-pin{width: 20px;height: 20px;}
.marker-pin::after{width: 8px;height: 8px;}
.marker-label{padding: 4px 8px;}
.marker-text-zh{font-size: 11px;}
.marker-text-en{font-size: 10px;}
.about-stats{grid-template-columns: 1fr;}
.stat-number{font-size: 36px;}
.certifications-grid{grid-template-columns: 1fr;}
.culture-item{padding: 20px;}
.nutrition-content{grid-template-columns: 1fr;}
.nutrition-item{padding: 20px;}
.nutrition-certs{grid-template-columns: 1fr;}
.strength-section{height: 400px;}
.strength-title{font-size: 32px;margin-bottom: 30px;}
.strength-play-btn{width: 60px;height: 60px;}
.strength-play-btn svg{width: 30px;height: 30px;}
.video-modal-content{width: 95%;max-width: 100%;}
.video-modal-close{top: -35px;width: 35px;height: 35px;font-size: 20px;}}
/* ========== 产品页面样式 ==========*/
.products-page{padding: 120px 0 100px;margin-top: 80px;background: var(--bg-white);min-height: calc(100vh - 80px);}
.products-page-title{font-size: 42px;font-weight: 600;text-align: left;margin-bottom: 60px;color: var(--text-dark);letter-spacing: 1px;}
.products-page-content{display: grid;grid-template-columns: 280px 1fr;gap: 40px;align-items: start;}
/* 左侧边栏*/.products-sidebar{position: sticky;top: 100px;background: var(--bg-light);border-radius: 8px;padding: 30px;height: fit-content;}
.sidebar-search{display: flex;gap: 0;margin-bottom: 40px;justify-content: center;width: 100%;}
.search-input{flex: 1;padding: 12px 15px;border: 1px solid var(--border-color);border-right: none;border-radius: 4px 0 0 4px;font-size: 14px;outline: none;transition: var(--transition);}
.search-input:focus{border-color: var(--primary-color);}
.search-btn{padding: 12px 15px;background: var(--text-dark);border: 1px solid var(--text-dark);border-radius: 0 4px 4px 0;color: var(--bg-white);cursor: pointer;transition: var(--transition);display: flex;align-items: center;justify-content: center;}
.search-btn:hover{background: var(--primary-color);border-color: var(--primary-color);}
.sidebar-categories{margin-top: 30px;}
.categories-title{font-size: 18px;font-weight: 600;margin-bottom: 20px;color: var(--text-dark);}
.categories-list{list-style: none;padding: 0;margin: 0;}
.categories-list li{margin-bottom: 12px;}
.category-link{display: flex;justify-content: space-between;align-items: center;color: var(--text-dark);text-decoration: none;font-size: 14px;padding: 8px 0;transition: var(--transition);border-bottom: 1px solid transparent;}
.category-link:hover{color: var(--primary-color);border-bottom-color: var(--primary-color);}
.category-link span{color: var(--text-light);font-size: 13px;}
.category-link:hover span{color: var(--primary-color);}
/* 右侧产品网格*/
.products-main{width: 100%;}
.products-grid-page{display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;margin-bottom: 40px;}
.product-card{background: var(--bg-white);border: 1px solid var(--border-color);border-radius: 0;padding: 0 0 20px;transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);text-align: center;display: block;text-decoration: none;color: inherit; overflow: hidden;}
.product-card:hover{transform: translateY(-5px);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);}
.product-card-image{width: 100%;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;background: transparent;border-radius: 0;overflow: visible;}
.product-card-image img{max-width: 90%;max-height: 100%;object-fit: contain;transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); padding-top:15px;}
.product-card:hover .product-card-image img{transform: scale(1.05);}
.product-card-name{font-size: 20px;font-weight: 700;color: var(--text-dark);margin-bottom: 12px;line-height: 1.4;padding:0 10px;}
.product-card-desc{font-size: 13px;color: var(--text-light);line-height: 1.8;text-align: left;margin: 0; padding:10px 20px;}
.products-results{text-align: center;padding: 20px 0;color: var(--text-light);font-size: 14px;}
/* 产品页面响应式*/
@media (max-width: 968px){.products-page-content{grid-template-columns: 250px 1fr;gap: 30px;}
.products-grid-page{grid-template-columns: repeat(2, 1fr);gap: 25px;}
.products-page-title{font-size: 36px;}}
@media (max-width: 768px){.products-page{padding: 100px 0 80px;}
.products-page-title{font-size: 28px;margin-bottom: 40px;}
.products-page-content{grid-template-columns: 1fr;gap: 30px;}
.products-sidebar{position: relative;top: 0;order: 2;}
.products-main{order: 1;}
.sidebar-search{justify-content: center;max-width: 100%;}
.search-input{max-width: 300px;}
.products-grid-page{grid-template-columns: repeat(2, 1fr);gap: 20px;}
.product-card-image{height: 200px;}
.product-card-name{font-size: 16px;}
.product-card-desc{font-size: 12px;}}
@media (max-width: 480px){.products-grid-page{grid-template-columns: 1fr;}}
/* ========== 产品详情页面样式 ==========*/.product-detail-page{padding: 120px 0 80px;margin-top: 80px;background: var(--bg-white);}
.breadcrumbs{margin-bottom: 30px;font-size: 14px;color: var(--text-light);}
.breadcrumbs a{color: var(--text-light);text-decoration: none;transition: var(--transition);}
.breadcrumbs a:hover{color: var(--primary-color);}
.breadcrumbs span{color: var(--text-dark);}
.product-detail-main{display: grid;grid-template-columns: 1fr 1fr;gap: 60px;margin-bottom: 60px;}
.product-detail-images{position: sticky;top: 100px;}
.product-main-image{background: var(--bg-light);border-radius: 8px;display: flex;align-items: center;justify-content: center;}
.product-main-image img{max-width: 100%;height: auto;}
.product-detail-info{display: flex;flex-direction: column;gap: 25px;}
.product-detail-title{font-size: 36px;font-weight: 600;color: var(--text-dark);line-height: 1.2;}
.product-rating{display: flex;align-items: center;gap: 10px;font-size: 14px;color: var(--text-light);}
.rating-stars{color: #fbbf24;font-size: 18px;}
.product-description{font-size: 15px;line-height: 1.8;color: var(--text-dark);}
.buy-button{padding: 0 40px; height:50px; line-height:50px; background: var(--text-dark);color: var(--bg-white);border: none;border-radius: 25px;transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);font-size: 16px;font-weight: 500;cursor: pointer;display: inline-flex;align-items: center;gap: 10px;transition: var(--transition);}
.buy-button:hover{background: var(--primary-color);transform: translateY(-4px);box-shadow: 0 10px 30px rgba(200, 16, 46, 0.4);}
.product-detail-tabs{border-top: none;padding-top: 0;}
.tabs-nav{display: flex;gap: 30px;border-bottom: 2px solid var(--border-color);margin-bottom: 30px;}
.tab-btn{padding: 15px 0;background: none;border: none;font-size: 16px;font-weight: 500;color: var(--text-light);cursor: pointer;border-bottom: 2px solid transparent;margin-bottom: -2px;transition: var(--transition);}
.tab-btn.active{color: var(--primary-color);border-bottom-color: var(--primary-color);}
.tab-pane{display: none;font-size: 15px;line-height: 1.8;color: var(--text-dark);}
.tab-pane.active{display: block;}
.tab-pane h3{font-size: 20px;font-weight: 600;margin: 30px 0 15px;color: var(--text-dark);}
.tab-pane h3:first-child{margin-top: 0;}
.tab-pane ol,
.tab-pane ul{margin: 15px 0;padding-left: 25px;}
.tab-pane li{margin-bottom: 10px;}
/* 更多产品*/
.more-products{padding: 80px 0;background: var(--bg-light);}
.more-products-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 40px;}
.more-products-header h2{font-size: 32px;font-weight: 600;color: var(--text-dark);}
.view-all-btn{color: var(--text-dark);text-decoration: none;font-weight: 500;transition: var(--transition);}
.view-all-btn:hover{color: var(--primary-color);}
.more-products-grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;}
.more-product-item{background: var(--bg-white);border-radius: 8px;padding: 20px;text-align: center;transition: var(--transition); text-decoration: none;}
.more-product-item:hover{transform: translateY(-5px);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);}
.more-product-image{display: flex;align-items: center;justify-content: center;margin-bottom: 15px;border-radius: 6px;}
.more-product-image img{max-width: 100%;max-height: 100%;object-fit: contain;}
.more-product-item h3{font-size: 16px;font-weight: 600;margin-bottom: 10px;color: var(--text-dark);text-decoration: none;}
.more-product-item p{font-size: 12px;color: var(--text-light);line-height: 1.5;text-decoration: none;}
/* 产品详情页响应式*/
@media (max-width: 968px){.product-detail-main{gap: 40px;}
.more-products-grid{grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 768px){.product-detail-page{padding: 100px 0 60px;}
.product-detail-main{grid-template-columns: 1fr;gap: 40px;}
.product-detail-images{position: relative;top: 0;}
.product-detail-title{font-size: 28px;}
.more-products-grid{grid-template-columns: repeat(2, 1fr);gap: 20px;}}
@media (max-width: 480px){.more-products-grid{grid-template-columns: 1fr;}}
/* ========== 服务页面样式 ==========*/
.services-page{margin-top: 0;background-color: #ffffff;background: #ffffff;}
.services-banner{position: relative;width: 100%;overflow: hidden;margin-top: 0;display: flex;align-items: center;justify-content: center;}
.services-banner-image{width: 100%;height: auto;display: block;object-fit: cover;}
.services-banner-overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.services-banner .container{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 2;width: 100%;max-width: 1200px;padding: 0 20px;}
.banner-content{display: grid;grid-template-columns: 1fr;gap: 60px;align-items: center;position: relative;z-index: 2;}
.banner-text{color: #ffffff;}
.banner-title{font-size: 60px;font-weight: 700;margin-bottom: 20px;text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);}
.banner-subtitle{font-size: 24px;margin-bottom: 10px;font-weight: 400;}
.banner-products{position: relative;display: flex;align-items: center;justify-content: center;}
.banner-product-main{max-width: 300px;height: auto;filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.2));position: relative;z-index: 2;}
.banner-product-secondary{max-width: 200px;height: auto;position: absolute;right: -50px;top: 50%;transform: translateY(-50%);opacity: 0.7;filter: drop-shadow(0 8px 20px rgba(0, 0, 0, 0.15));}
.services-certifications{padding: 80px 0;text-align: center;}
.services-description{padding: 80px 0;display: grid;grid-template-columns: 1fr 1fr;gap: 60px;align-items: center;}
.description-text h2{font-size: 36px;font-weight: 700;margin-bottom: 15px;color: var(--text-dark);}
.description-text h3{font-size: 24px;font-weight: 600;margin-bottom: 30px;color: var(--text-light);}
.description-text p{font-size: 16px;line-height: 2;color: var(--text-dark);}
.description-visual{position: relative;width: 100%;display: flex;justify-content: space-between;}
.w100{width:100%;}
.w50{width:49%;}
.wleft50{width:49%;display: flex;flex-direction: column;align-items: flex-end;}
.mt10{margin-top:10px;}
.rit50{width:50%;}
.desc-cert{width:49%;display: flex;flex-direction: column;align-items: center;justify-content: center;min-height:100px;}
.desc-cert p{font-size:10px;padding-top:10px;}
.services-features-grid{padding: 80px 0;display: grid;grid-template-columns: repeat(2, 1fr);gap: 40px;}
.services-page .feature-item{background: #F8F8F8;border-radius: 8px;padding: 80px 30px;text-align: center;transition: var(--transition);}
.services-page .feature-item:hover{transform: translateY(-5px);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);border-color: var(--primary-color);}
.services-page .feature-icon-img{width: 80px;height: 80px;object-fit: contain;margin-bottom: 20px;display: block;margin-left: auto;margin-right: auto;}
.services-page .feature-item h3{font-size: 36px;font-weight: 600;margin-bottom: 10px;color: var(--text-dark);}
.feature-item p{font-size: 18px;color: var(--text-light);line-height: 1.6;margin: 0;}
.services-achievements{padding: 80px 0;display: grid;grid-template-columns: 1fr 1fr;gap: 60px;align-items: center;position: relative; min-height:760px;}
.achievements-content{z-index:999;}
.achievements-content h2{font-size: 32px;font-weight: 700;margin-bottom: 30px;color: var(--text-dark);z-index: 999999999;}
.achievements-list{list-style: none;padding: 0;margin: 0 0 40px;}
.achievements-list li{padding: 3px 0;padding-left: 25px;position: relative;font-size: 16px;color: var(--text-dark);line-height: 1.6;}
.achievements-list li::before{content: '•';position: absolute;left: 0;color: var(--primary-color);font-size: 24px;line-height: 1;}
.achievements-logos{display: flex;}
.achievement-logo{display: flex;flex-direction: column;align-items: center;gap: 10px;margin: 20px;text-align: center;}
.achievement-logo img{width: 60px;height: 60px;object-fit: contain;}
.achievement-logo span{font-size: 13px;color: var(--text-dark);line-height: 1.4;}
.documents-display{width:60%;position:absolute;right:0;bottom:0;min-height:720px; z-index:0;}
.document-stand{perspective: 1000px;}
.document-paper{background: rgba(255, 255, 255, 0.95);padding: 20px 15px;border-radius: 4px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);transform: rotateY(-5deg);transition: var(--transition);width: 120px;border: 1px solid var(--border-color);}
.document-stand:nth-child(2) .document-paper{transform: rotateY(0deg);}
.document-stand:nth-child(3) .document-paper{transform: rotateY(5deg);}
.document-stand:hover .document-paper{transform: rotateY(0deg) translateY(-10px);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);}
.document-paper h4{font-size: 12px;font-weight: 600;margin-bottom: 8px;color: var(--text-dark);}
.document-paper p{font-size: 10px;color: var(--text-light);}
/* 服务页面响应式*/@media (max-width: 968px){.banner-content{grid-template-columns: 1fr;gap: 40px;}
.services-description{grid-template-columns: 1fr; padding:0; padding-top:80px; gap:0;}
.description-visual{height: 400px;min-height: 400px;margin-bottom: 40px;}
.services-features-grid{grid-template-columns: 1fr;gap: 30px;}
.services-achievements{position: relative;}}
@media (max-width: 768px)
{.banner-title{font-size: 24px;}
.banner-text .dflex{justify-content: flex-start;}
.documents-display{display: none;}
.banner-subtitle{font-size: 14px;}
.description-visual{height: 350px;min-height: 350px;}
.desc-img-main{max-height: 200px;}
.desc-img-1, .desc-img-2{max-height: 100px;}
.desc-img-product{width: 150px;}
.desc-cert-1, .desc-cert-2, .desc-cert-3{padding: 8px 12px;}
.desc-cert-1 img, .desc-cert-2 img, .desc-cert-3 img{height: 40px;}
.desc-cert-1 p, .desc-cert-2 p, .desc-cert-3 p{font-size: 12px;}
.services-features-grid{grid-template-columns: 1fr;gap: 25px;}
.cert-grid{grid-template-columns: 1fr;gap: 20px;}
.description-text h2{font-size: 28px;}
.description-text h3{font-size: 20px;}
.achievements-logos{grid-template-columns: 1fr;}}
/* ========== 联系我们页面样式 ==========*/
.contact-page{padding: 120px 0 80px;margin-top: 80px;background: var(--bg-white);}
.contact-header{display: grid;grid-template-columns: 2fr 1fr;gap: 60px;align-items: center;margin-bottom: 80px;}
.contact-title{font-size: 42px;font-weight: 700;color: var(--text-dark);line-height: 1.3;}
.contact-title .highlight-text{position: relative;display: inline-block;z-index: 1;}
.contact-title .highlight-text::after{content: '';position: absolute;left: -30px;top: 10px;transform: translateY(-50%) rotate(-20deg);width: 100px;height: 40px;background: #f6d0d1;border-radius: 50%;z-index: -1;opacity: 0.6;}
.contact-qrcodes{display: flex;gap: 20px;justify-content: flex-end;}
.qrcode-item{flex: 0 0 auto;}
.qrcode-box{width: 150px;height: 150px;background: var(--bg-light);border: 1px solid var(--border-color);border-radius: 8px;display: flex;align-items: center;justify-content: center;padding: 15px;}
.qrcode-placeholder{width: 100%;height: 100%;object-fit: contain;}
.contact-info-grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;margin-bottom: 80px;}
.contact-info-item{display: flex;align-items:flex-start;gap: 20px;padding: 30px 20px;background: var(--bg-light);border-radius: 8px;transition: var(--transition);border: none;}
.contact-info-item:hover{transform: translateY(-5px);box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);background: var(--bg-white);}
.contact-icon{flex-shrink: 0;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;color: var(--primary-color);}
.contact-icon svg{width: 24px;height: 24px;}
.contact-text{flex: 1;text-align: left;}
.contact-info-item h3{font-size: 14px;font-weight: 500;margin-bottom: 8px;color: #999;}
.contact-info-item p{font-size: 14px;color: var(--text-dark);line-height: 1.6;margin: 0;}
/* 在线商店区域 */
.online-stores-section{margin-bottom: 80px;}
.online-stores-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;}
.online-store-item{display: block;padding: 40px 30px;background: var(--bg-light);border: none;border-radius: 8px;text-align: center;text-decoration: none;transition: var(--transition);cursor: pointer;}
.online-store-item:hover{transform: translateY(-5px);box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);background: var(--bg-white);}
.online-store-item h3{font-size: 20px;font-weight: 600;color: var(--text-dark);margin-bottom: 15px;line-height: 1.4;}
.store-click-hint{font-size: 14px;color: var(--text-dark);margin-top: 10px;transition: var(--transition);}
.store-click-hint-red{color: var(--primary-color);}
.online-store-item:hover .store-click-hint{color: var(--primary-color);}
.contact-map{margin-top: 60px;}
.map-container{width: 100%;border-radius: 8px;overflow: hidden;box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);background: var(--bg-light);min-height: 600px;}
.map-container iframe{display: block;width: 100%;height: 600px;}
.baidu_map{width: 100%;height: 600px;border-radius: 8px;}
/* 联系我们页面响应式*/@media (max-width: 968px){.contact-header{grid-template-columns: 1fr;gap: 40px;}
.contact-title{font-size: 36px;}
.contact-qrcodes{justify-content: center;}
.contact-info-grid{grid-template-columns: repeat(2, 1fr);gap: 25px;}
.online-stores-grid{grid-template-columns: repeat(2, 1fr);gap: 20px;}}
@media (max-width: 768px){.contact-page{padding: 100px 0 60px;}
.contact-title{font-size: 28px;}
.contact-info-grid{grid-template-columns: 1fr;gap: 20px;}
.online-stores-grid{grid-template-columns: 1fr;gap: 20px;}
.online-store-item{padding: 30px 20px;}
.online-store-item h3{font-size: 18px;}
.qrcode-box{width: 120px;height: 120px;}
.map-container, .map-container iframe, .baidu_map{height: 400px;min-height: 400px;}}