@charset "UTF-8";

/* 引入阿里巴巴普惠体字体 */
@font-face {
  font-family: 'AlibabaPuHuiTi-3-75-Medium';
  src: url('../fonts/AlibabaPuHuiTi-3-75-SemiBold.woff2') format('woff2'),
       url('../fonts/AlibabaPuHuiTi-3-75-SemiBold.woff') format('woff'),
       url('../fonts/AlibabaPuHuiTi-3-75-SemiBold.otf') format('opentype');
       
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AlibabaPuHuiTi-3-55-Regular';
  src: url('../fonts/AlibabaPuHuiTi-3-55-Regular.woff2') format('woff2'),
       url('../fonts/AlibabaPuHuiTi-3-55-Regular.woff') format('woff'),
       url('../fonts/AlibabaPuHuiTi-3-55-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* 品牌愿景与价值观区域样式 */
.brand-section {
    position: relative;
    min-height: 30vh;
    padding: 150px 0;
    background-color: #efeeec;
}
.brand-section-inner {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 1s ease, transform 1s ease;
}
.brand-section.animate {
    opacity: 1;
    transform: translateY(0);
}
.brand-content {
    width: calc(100% - 300px);

    display: flex;
    gap: 90px;
    margin: 0 auto;
}
.brand-column {
    flex: 1;
    display: flex;
    flex-direction: column;
    opacity: 0;
    transform: translateY(60px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}
.brand-section.animate .left-column {
    transition-delay: 0.2s;
    opacity: 1;
    transform: translateY(0);
}
.brand-section.animate .right-column {
    transition-delay: 0.4s;
    opacity: 1;
    transform: translateY(0);
}
.brand-image {
    position: relative;
    width: 1031.25px;
    height: 773.44px;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.brand-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
    border-radius: 8px; /* 添加圆角效果 */}
.brand-image {
    position: relative;
    width: calc(100% - 300px); /* 减去左右各150像素的间距 */
    max-width: 1031.25px;
    height: 773.44px;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    margin-left: 150px; /* 左间距150像素 */
    margin-right: 150px; /* 右间距150像素 */
}

/* 让left-column和right-column中的图片100%显示 */
.left-column .brand-image,
.right-column .brand-image {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
}

.brand-img:hover {
    transform: scale(1.13);
}
/* 当鼠标经过brand-image时，同时放大mifeng-img */
.brand-column:hover .mifeng-img {
    transform: scale(1.13);
}
/* mifeng.png图标样式 */
.mifeng-overlay {
    position: absolute;
    top: 80px;
    left: calc(100% + 30px - 110px); /* 调整位置确保在图片右侧150像素间距的位置 */
    z-index: 100;
    overflow: visible;
    transform-origin: center;
}
.mifeng-img {
    width: 170px;
    height: 168px;
    object-fit: contain;
    display: block;
    max-width: none;
    image-rendering: optimizeQuality;
    transition: transform 0.3s ease;
}
.brand-text {
    margin-left: 330px;
    margin-top: 90px; /* 距离gywm4.png图片50像素 */
}
/* 品牌价值观文本区域向右移动 */
.right-column .brand-text {
    margin-left: 520px; /* 150px + 130px = 280px */
    margin-top: 140px;

    margin-bottom: 30px; /* 文字与底部图片gywm5.png的距离为30像素 */
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}
.brand-section.animate .left-column .brand-text {
    transition-delay: 0.6s;
    opacity: 1;
    transform: translateY(0);
}
.brand-section.animate .right-column .brand-text {
    transition-delay: 0.8s;
    opacity: 1;
    transform: translateY(0);
}
.brand-title {
    font-family: 'SourceHanSansCN-Normal', Arial, sans-serif;
    font-size: 25px;
    letter-spacing: 5px;
    margin-bottom: 30px;
    color: #333;
}
.brand-desc p {
    font-family: 'SourceHanSansCN-Normal', Arial, sans-serif;
    font-size: 35px;
    letter-spacing: 5px;
    line-height: 1.4;
    margin: 0;
    padding: 0;
    color: #333;
    font-weight: bold; /* 加大字重 */
}

/* 1366px至2880px分辨率下的品牌区域样式修复 */
@media (min-width: 1366px) and (max-width: 2880px) {
    .brand-content {
        width: calc(100% - 100px) !important; /* 调整容器宽度，减少左右边距 */
        gap: 30px !important; /* 减小列间距 */
    }
    
    .brand-text {
        margin-left: 0 !important; /* 移除左侧大边距 */
        margin-top: 40px !important; /* 减小顶部边距 */
        text-align: center; /* 居中对齐文本 */
    }
    
    .right-column .brand-text {
        margin-left: 0 !important; /* 移除左侧大边距 */
        margin-top: 40px !important; /* 减小顶部边距 */
        margin-bottom: 20px !important; /* 减小底部边距 */
    }
    
    .brand-title {
        font-size: 20px !important; /* 减小标题字体 */
        margin-bottom: 20px !important; /* 减小标题底部边距 */
    }
    
    .brand-desc p {
        font-size: 25px !important; /* 减小描述字体 */
        line-height: 1.2 !important; /* 调整行高 */
    }
    
    .mifeng-overlay {
        left: calc(100% - 85px) !important; /* 调整蜜蜂图标位置 */
        top: 40px !important; /* 调整蜜蜂图标垂直位置 */
    }
    
    .mifeng-img {
        width: 100px !important; /* 减小蜜蜂图标大小 */
        height: 99px !important; /* 减小蜜蜂图标大小 */
    }
    
    .brand-image {
        height: auto !important; /* 调整图片高度为自适应 */
        max-height: 400px !important; /* 设置最大高度 */
    }
    
    /* 轮播图文字向上移动 */
    .center-image.about-top-image {
        top: 80px !important; /* 上方文字再向上移动20px（原100px） */
    }
    
    .center-image.about-bottom-image {
        top: 320px !important; /* 下方文字再向上移动30px（原350px） */
    }
    
    /* 全屏背景区域文字向上移动 */
    .fullscreen-bg .text-container .text-line.text-line-1 {
        margin-top: 20px !important; /* 第一行文字再向上移动20px（原40px） */
    }
    
    .fullscreen-bg .text-container .text-line.text-line-2 {
        margin-top: 50px !important; /* 第二行文字再向上移动30px（原80px） */
    }
    
    .fullscreen-bg .text-container .text-line.text-line-3 {
        margin-top: 20px !important; /* 第三行文字再向上移动10px（原30px） */
    }
}

/* 轮播图样式 */
.banner-carousel {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.carousel-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.carousel-slides {
    position: relative;
    width: 100%;
    height: 100%;
}

.carousel-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 0;
}

.carousel-slide.active {
    opacity: 1;
    z-index: 1;
}

/* 确保文字内容始终可见，使用高z-index独立于幻灯片 */
.center-image .center-text {
    position: relative !important;
    visibility: visible !important;
    opacity: 0; /* 初始为透明，让动画能重新触发 */
    display: block !important;
    z-index: 9999 !important;
    animation: fadeInUp 1s ease forwards;
    /* 移除transform的固定设置，让动画能正常运行 */
    transition: none !important;
    transform: translateY(30px); /* 添加初始向下位移，增强动画效果 */
}

/* 确保动画关键帧正确定义 */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 加强所有文本行的可见性 */
.center-image .center-text .text-line-1,
.center-image .center-text .text-line-2,
.center-image .center-text .text-line-3,
.center-image .center-text .text-paragraph {
    position: relative !important;
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
    z-index: 9999 !important;
    color: white !important;
    transition: none !important;
}

.carousel-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-size: cover;
    background-position: center;
}

/* 轮播图容器样式 */
.about3-page .banner-carousel .carousel-slides {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* 轮播图基础样式 */
.about3-page .banner-carousel .carousel-slide {
    display: none;
}

/* 激活状态的轮播图 */
.about3-page .banner-carousel .carousel-slide.active {
    display: block;
}

/* 轮播图中的图片样式 */
.about3-page .banner-carousel .carousel-slide img {
    width: 100%;
    height: auto;
    display: block;
}

/* 叠加层 - s2.png 应用于所有轮播图 */
.about3-page .banner-carousel .carousel-slide::after {
    content: '';
    position: absolute;
    top: 80%;
    left: 58%;
    transform: translate(-50%, -50%);
    width: 30%;
    height: 30%;
    background-image: url('../images/s2.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 10;
    pointer-events: none;
}

/* 叠加层 - s3.png 应用于所有轮播图 */
.about3-page .banner-carousel .carousel-slide::before {
    content: '';
    position: absolute;
    top: 72.2%;
    left: 45%;
    transform: translate(-50%, -50%);
    width: 60%;
    height:55%;
    background-image: url('../images/s3.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 11;
    pointer-events: none;
}

/* 中心图片容器 - 默认样式（适用于xnyqc.html） */
.center-image:not(.about-top-image):not(.about-bottom-image) {
    position: absolute;
    top: 20%;
    left: 60%;
    transform: translate(-50%, -50%);
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
}

/* About2页面特定样式 - 上方图片 */
.center-image.about-top-image {
    position: absolute;
    top: 150px; /* 上方图片距离顶部100像素 */
    left: 0px;
    right: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    width: 100%;
}

/* About2页面特定样式 - 下方图片 */
.center-image.about-bottom-image {
    position: absolute;
    top: 400px; /* 下方图片距离顶部400像素，与原站一致 */
    left: 0;
    right: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    width: 100%;
}

/* 文字基础样式 */
.center-text {
    color: white !important;
    text-align: center !important;
    display: block !important;
    position: relative !important;
    z-index: 999 !important;
}

/* 文字样式已在通用选择器中设置，不再需要active状态特殊处理 */

/* 第一行文字样式 */
.carousel-slide .center-image .center-text .text-line-1,
.carousel-slide.active .center-image .center-text .text-line-1 {
    font-family: 'SourceHanSansCN-Normal', sans-serif !important;
    font-size: 36px !important;
    letter-spacing: 10px !important;
    line-height: 1.15 !important;
    margin-bottom: 10px !important;
    color: white !important;
    display: block !important;
    font-weight: bold !important;
    position: relative !important;
    z-index: 999 !important;
}

/* 第二行文字样式 */
.carousel-slide .center-image .center-text .text-line-2,
.carousel-slide.active .center-image .center-text .text-line-2 {
    font-family: 'AlibabaPuHuiTi-3-75-Medium', Arial, sans-serif !important;
    font-size: 58px !important;
    letter-spacing: 10px !important;
    line-height: 1.15 !important;
    margin-bottom: 10px !important;
    font-weight: bold !important;
    color: white !important;
    display: block !important;
    position: relative !important;
    z-index: 999 !important;
    top: 20px;
}

/* 第三行文字样式 */
.carousel-slide .center-image .center-text .text-line-3,
.carousel-slide.active .center-image .center-text .text-line-3 {
    font-family: Arial, 'SourceHanSansCN-Normal', sans-serif !important;
    font-size: 56px !important;
    letter-spacing: 10px !important;
    line-height: 1.15 !important;
    font-weight: bold !important;
    color: white !important;
    display: block !important;
    position: relative !important;
    z-index: 999 !important;
    top: 20px;
}

/* 段落文字样式 */
.carousel-slide .center-image .center-text .text-paragraph,
.carousel-slide.active .center-image .center-text .text-paragraph {
    font-family: 'AlibabaPuHuiTi-3-55-Regular', Arial, sans-serif !important;
    font-size: 20px !important;
    letter-spacing: 2px !important;
    line-height: 1.8 !important;
    font-weight: normal !important;
    color: white !important;
    text-align: center !important;
    display: block !important;
    position: relative !important;
    z-index: 999 !important;
    top: 30px;
}

/* 确保图片本身居中显示 */
.center-image img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}


/* About2页面下方图片延迟显示 */
.carousel-slide.active .center-image.about-bottom-image {
    animation-delay: 0.8s;
}

/* 新产品展示区域 */
.new-product-section {
    background-image: url('../images/banner6.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 100px 0;
}

.product-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.product-grid-item {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 300px;
}

.text-content {
    color: #333;
    padding: 40px;
}

.text-content h2 {
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.15;
    margin: 0 0 10px 0;
    color: #000;
}

.text-content .subtitle {
    font-size: 30px;
    margin: 15px 0 30px 0;
    color: #000000;
    font-family: 'SourceHanSansCN-Normal', sans-serif;
    letter-spacing: 3px;
    font-weight: 200;
    font-weight: bold;
}

.text-content .highlight-text {
    font-size: 26px;
    font-weight: bold;
    margin: 0 0 15px 0;
	 letter-spacing: 2px;
    color: #000;
        font-family: 'SourceHanSansCN-Normal', sans-serif;
}

.text-content .description {
    font-size: 17px;
    line-height: 1.8;
    color: #333;
       font-weight: 200;
    margin: 20px 0 0 0;
     letter-spacing: 2px;
     font-family: 'SourceHanSansCN-Normal', sans-serif;
}

.product-image {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* 标准认证区域 */
.standards-section {
    background-image: url('../images/d2bj5.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding:100px 0;
    position: relative;
    overflow: visible;
    height: 800px;
 
}

.standards-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
}

.standards-grid-item:first-child {
  flex: 1.5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 40px 0 20px;
  margin-top: -30px;
}

.standards-grid-item:last-child {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 40px 0 30px;
  margin-top: -30px;
}

.standards-text {
    color: white;
    width: 500px;
    max-width: 600px;
}

.din-bold-text {
    font-family: 'DIN-Bold', sans-serif;
    font-size: 46px;
    line-height: 1.4;
    margin: 0 0 20px 0;
    color: white;
}

.subtitle-text {
    font-family: 'DIN-Bold', sans-serif;
    font-size: 30px;
    margin: 0 0 30px 0;
    color: white;
    letter-spacing: 10px;
      font-weight: bolder;
}

.description-text {
  font-family: 'SourceHanSansCN-Normal', sans-serif;
  font-size: 15px;
  color: white;
  line-height: 1.8;
  margin-top: 0px;
    letter-spacing: 2px;
}

.description-text span.highlight {
      font-family: 'SourceHanSansCN-Normal', sans-serif;
  font-size: 20px;
  display: block;
  margin-bottom: 40px;
    font-weight: bolder;
}

.standards-image {
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  display: block;
  margin: 0 auto;
  position: relative;
  top: 300px;
  z-index: 10;
}

/* 中心图片样式 */
.center-img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 300px;
    opacity: 0;
    display: block;
    margin: 0 auto;
    text-align: center;
    transform: translateY(50px);
    animation: fadeInUp 1s ease forwards;
    animation-delay: 0.3s;
}

/* 从下到上渐出动画 */
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateX(0) translateY(50px);
    }
    100% {
        opacity: 1;
        transform: translateX(0) translateY(0);
    }
}

/* 全屏背景区域 */
.fullscreen-bg {
    position: relative;
    height: 100vh;
    overflow: hidden;
}

.fullscreen-bg .bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/gywm3.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}

.fullscreen-bg .text-container {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    color: white;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
    /* 确保文字容器在视口中正确显示 */
    padding: 20px;
    box-sizing: border-box;
}

/* 第一行文字 */
.text-line.text-line-1 {
    margin-top: 80px;
    font-family: Arial, 'SourceHanSansCN-Normal', sans-serif;
    font-size: 30px;
    letter-spacing: 5px;
    opacity: 1; /* 默认显示，不依赖动画 */
    color: white;
    z-index: 3;
    transition: opacity 0.8s ease, transform 0.8s ease;
}

/* 第二行文字 */
.text-line.text-line-2 {
    margin-top: 120px;
    font-family: 'AlibabaPuHuiTi-3-75-Medium', Arial, sans-serif;
    font-size: 55px;
    font-weight: normal; /* Medium字重的字体不需要额外的bold属性 */
    letter-spacing:  2px;
    opacity: 1; /* 默认显示，不依赖动画 */
    color: white;
    z-index: 3;
    transition: opacity 0.8s ease 0.3s, transform 0.8s ease 0.3s;
}

/* 第三行文字 */
.text-line.text-line-3 {
    margin-top: 50px;
    font-family: Arial, 'SourceHanSansCN-Normal', sans-serif;
    font-size: 20px;
    letter-spacing: 2px;
    line-height: 1.8;
    text-align: center;
    opacity: 1; /* 默认显示，不依赖动画 */
    color: white;
    z-index: 3;
    transition: opacity 0.8s ease 0.6s, transform 0.8s ease 0.6s;
}

/* 滚动显示动画 - 增强效果但不影响默认显示 */
.fullscreen-bg.show-content .text-line-1,
.fullscreen-bg.show-content .text-line-2,
.fullscreen-bg.show-content .text-line-3 {
    opacity: 1;
    transform: translateY(0);
    /* 添加更强的文字阴影以提高可读性 */
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8), 0 0 10px rgba(255, 255, 255, 0.3);
}

/* 当轮播图激活时显示中心图片，但不影响文字显示 */
.carousel-slide.active .center-image {
    opacity: 1 !important;
    /* 移除动画，避免影响文字显示 */
    animation: none;
}

.carousel-slide.active .center-img {
    opacity: 0;
    display: block;
    margin: 0 auto;
    text-align: center;
    animation: fadeInUp 1s ease forwards;
    animation-delay: 0.3s;
}

.carousel-controls {
    position: absolute;
    bottom: 200px;
    right: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    z-index: 2;
}

/* 竖装切换柱 */
.carousel-dots {
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: center;
    background: transparent;
    padding: 0;
    margin: 0;
}

.carousel-dot {
    width: 3px;
    height: 100px;
    background-color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: all 0.3s ease;
    outline: none;
    border: none;
    padding: 0;
    margin: 0;
    display: block;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.carousel-dot:focus {
    outline: none;
    box-shadow: none;
}

.carousel-dot.active {
    height: 100px;
    background-color: white;
}

/* 序号显示 */
.carousel-counter {
    color: white;
    font-weight: bold;
    font-family: 'DIN-Bold', sans-serif;
    position: relative;
    z-index: 3;
}

.carousel-counter .current {
    font-size: 36px;
}

.carousel-counter .total,
.carousel-counter span:nth-child(2) {
    font-size: 18px;
    opacity: 0.7;
}
/* 引入思源黑体字体 */
@font-face {
  font-family: 'SourceHanSansCN-Normal';
  src: url('../fonts/SourceHanSansCN-Normal.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

/* 引入DIN-Bold字体与DINOT-CondBold字体 */
@font-face {
  font-family: 'DIN-Bold';
  src: url('../fonts/DIN-Bold.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'DINOT-CondBold';
  src: url('../fonts/DINOT-CondBold.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
}

/* ==========================================================================
   关于我们页面 (page-about2): “这些年 我们一起走过了” 与发展历程时间轴样式
   完全对标原网站 https://www.aikalife.com/about2.html
   ========================================================================== */

/* 1. “这些年” 与 “我们一起走过了” 标题区域 */
.uc-about-2 .filter p,
body.page-about2 .uc-about-2 .filter p {
    font-family: Helvetica, Verdana, "Microsoft YaHei", "Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif !important;
    font-size: 25px !important;
    font-weight: 550 !important;
    letter-spacing: 10px !important;
    line-height: 36px !important;
    color: #333333 !important;
    text-align: center !important;
}

.uc-about-2 .filter h3,
.uc-about-2 .filter .item h3,
.uc-about-2 .filter .item:hover h3,
.uc-about-2 .filter .item.on h3,
body.page-about2 .uc-about-2 .filter h3,
body.page-about2 .uc-about-2 .filter .item h3,
body.page-about2 .uc-about-2 .filter .item:hover h3,
body.page-about2 .uc-about-2 .filter .item.on h3 {
    font-family: Helvetica, Verdana, "Microsoft YaHei", "Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif !important;
    font-size: 43px !important;
    font-weight: 550 !important;
    letter-spacing: 10px !important;
    line-height: 36px !important;
    color: #333333 !important;
    margin-top: 20px !important;
    text-align: center !important;
}

/* 2. 为uc-about-4部分设置宽度和左右间距，并确保其始终可见 */
.uc-about-4 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 10 !important;
}

.uc-about-4 .uc-content {
    width: calc(100% - 300px) !important; /* 减去左右各150像素的间距 */
    margin-left: 150px; /* 左间距150像素 */
    margin-right: 150px; /* 右间距150像素 */
    max-width: 100%;
}

/* 3. 4个年份标签切换栏 (PC端) */
@media (min-width: 769px) {
    .about-pc-version .uc-about-4 .filter .item h3,
    body.page-about2 .about-pc-version .uc-about-4 .filter .item h3 {
        font-family: "DINOT-CondBold", Arial, sans-serif !important;
        font-size: 62px !important;
        font-weight: bold !important;
        line-height: 71.3px !important;
        color: #050505 !important;
        margin-bottom: 20px !important;
        text-align: center !important;
    }

    .about-pc-version .uc-about-4 .filter .item.on h3,
    body.page-about2 .about-pc-version .uc-about-4 .filter .item.on h3 {
        color: #0855ed !important;
    }

    .about-pc-version .uc-about-4 .filter .item p,
    body.page-about2 .about-pc-version .uc-about-4 .filter .item p {
        font-family: "DIN-Bold", Arial, sans-serif !important;
        font-size: 20px !important;
        font-weight: bold !important;
        letter-spacing: 1px !important;
        line-height: 23px !important;
        color: #666666 !important;
        text-transform: uppercase !important;
        text-align: center !important;
    }

    /* 4. 点击4个年份标签后展示的历程内容 (PC端) */
    body.page-about2 .about-pc-version .filterBD .tab-con article,
    .about-pc-version .uc-about-4 .filterBD .tab-con article {
        position: relative;
    }

    body.page-about2 .about-pc-version .filterBD .tab-con article .year,
    .about-pc-version .uc-about-4 .filterBD .tab-con article .year {
        font-family: "DIN-Bold", "DIN-Regular", "DINOT-CondBold", Arial, sans-serif !important;
        font-size: 58px !important;
        font-weight: bold !important;
        line-height: 66.7px !important;
        color: #0855ed !important;
        margin-bottom: 40px !important;
        padding-left: 50px !important;
        margin-left: 100px !important;
        text-align: left !important;
    }

    body.page-about2 .about-pc-version .filterBD .tab-con article .item,
    .about-pc-version .uc-about-4 .filterBD .tab-con article .item {
        margin-left: 100px !important;
        margin-bottom: 40px !important;
        padding: 0 65px !important;
    }

    body.page-about2 .about-pc-version .filterBD .tab-con article img,
    .about-pc-version .uc-about-4 .filterBD .tab-con article img {
        margin-left: 0 !important;
        position: static !important;
        display: block;
        margin: 0 auto 40px !important;
    }

    body.page-about2 .about-pc-version .filterBD .tab-con article .item .right h3,
    .about-pc-version .uc-about-4 .filterBD .tab-con article .item .right h3 {
        font-family: Helvetica, Verdana, "Microsoft YaHei", "Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif !important;
        font-size: 24px !important;
        font-weight: bold !important;
        line-height: 40px !important;
        color: #050505 !important;
        text-align: left !important;
        margin: 0 !important;
    }

    body.page-about2 .about-pc-version .filterBD .tab-con article .item .right .con,
    .about-pc-version .uc-about-4 .filterBD .tab-con article .item .right .con {
        font-family: Helvetica, Verdana, "Microsoft YaHei", "Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif !important;
        font-size: 20px !important;
        font-weight: normal !important;
        line-height: 40px !important;
        color: #666666 !important;
        text-align: justify !important;
        margin-top: 10px !important;
    }

    body.page-about2 .about-pc-version .filterBD .tab-con article .money,
    .about-pc-version .uc-about-4 .filterBD .tab-con article .money {
        font-size: 28px !important;
        font-weight: bold !important;
        line-height: 40px !important;
    }

    body.page-about2 .about-pc-version .filterBD .tab-con article .img-txt,
    .about-pc-version .uc-about-4 .filterBD .tab-con article .img-txt {
        font-size: 24px !important;
    }
}

/* 健康理疗生态 section */
.health-section {
  background-image: url('../images/d2bj3.jpg');
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  height: 1100px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.health-content {
  width: 1250px;
  max-width: 100%;
  padding: 0 20px;
  position: relative;
  top: -80px;
}

.health-title h2 {
  font-family: 'SourceHanSansCN-Normal', sans-serif;
  font-size: 50px;
  color: #333333;
  text-align: left;
  margin: 0 0 20px 0;
  line-height: 1.2;
    font-weight: bold;
}

.health-subtitle h3 {
  font-family: 'SourceHanSansCN-Normal', sans-serif;
  font-size: 36px;
  color: #333333;
  text-align: left;
  margin: 0 0 30px 0;
  letter-spacing: 5px;
    font-weight: bold;
}

.health-description p {
  font-family: 'SourceHanSansCN-Normal', sans-serif;
  font-size: 16px;
  color: #333333;
  text-align: left;
  margin: 0 0 40px 0;
    letter-spacing: 2px;
}

.health-image {
  display: flex;
  justify-content: center;
  margin: 40px 0;
}

.health-image img {
  max-width: 100%;
  height: auto;
}

.health-products {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  gap: 28px;
}

.product-item {
  font-family: 'SourceHanSansCN-Normal', sans-serif;
  font-size: 16px;
  color: #333333;
  letter-spacing: 1px;
}

.product-item .highlight {
  font-weight: bold;
}

/* 新导航头部样式 */
.new-header {
  background-color: white;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.new-header .header-content {
  width: 1250px;
  display: flex;
  align-items: center;
}

.new-header .logo {
  margin-right: 50px;
  display: flex;
  align-items: center;
  width: auto;
  height: 50px;
  z-index: 10;
  overflow: visible;
  /* 添加边框以便调试 */
  border: 1px solid transparent;
}

.new-header .logo img {
  height: 50px;
  display: block;
  width: auto;
  object-fit: contain;
  max-width: 100%;
  z-index: 11;
  visibility: visible;
  opacity: 1;
}

.new-header .nav-menu {
  display: flex;
  align-items: center;
  flex: 1;
}

.new-header .nav-item {
  position: relative;
  margin-right: 40px;
  white-space: nowrap;
}

.new-header .nav-item:last-child {
  margin-right: 0;
}

.new-header .nav-item a {
  display: block;
  font-family: 'SourceHanSansCN-Normal', sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  text-decoration: none;
  padding: 28px 10px;
  position: relative;
  transition: color 0.3s ease;
}

.new-header .nav-item a:hover {
  color: #000dff;
}

.new-header .nav-item a::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 2px;
  background-color: #000dff;
  transition: width 0.3s ease;
}

.new-header .nav-item a:hover::after {
  width: calc(100% + 20px); /* 比文字长点 */
}

/* ==========================================================================
   Mobile Styles (Scoped to Mobile)
   ========================================================================== */
@media (max-width: 768px) {
    
    @charset "UTF-8";
    
    /* 引入阿里巴巴普惠体字体 */
    @font-face {
      font-family: 'AlibabaPuHuiTi-3-75-Medium';
      src: url('../fonts/AlibabaPuHuiTi-3-75-SemiBold.woff2') format('woff2'),
           url('../fonts/AlibabaPuHuiTi-3-75-SemiBold.woff') format('woff'),
           url('../fonts/AlibabaPuHuiTi-3-75-SemiBold.otf') format('opentype');
           
      font-weight: normal;
      font-style: normal;
    }
    
    @font-face {
      font-family: 'AlibabaPuHuiTi-3-55-Regular';
      src: url('../fonts/AlibabaPuHuiTi-3-55-Regular.woff2') format('woff2'),
           url('../fonts/AlibabaPuHuiTi-3-55-Regular.woff') format('woff'),
           url('../fonts/AlibabaPuHuiTi-3-55-Regular.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
    }
    
    /* 品牌愿景与价值观区域样式 */
    .brand-section {
        position: relative;
        min-height: 30vh;
        padding: 150px 0;
        background-color: #efeeec;
    }
    .brand-section-inner {
        position: relative;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        transform: translateY(50px);
        transition: opacity 1s ease, transform 1s ease;
    }
    .brand-section.animate {
        opacity: 1;
        transform: translateY(0);
    }
    .brand-content {
        width: calc(100% - 300px);
    
        display: flex;
        gap: 90px;
        margin: 0 auto;
    }
    .brand-column {
        flex: 1;
        display: flex;
        flex-direction: column;
        opacity: 0;
        transform: translateY(60px);
        transition: opacity 0.8s ease, transform 0.8s ease;
    }
    .brand-section.animate .left-column {
        transition-delay: 0.2s;
        opacity: 1;
        transform: translateY(0);
    }
    .brand-section.animate .right-column {
        transition-delay: 0.4s;
        opacity: 1;
        transform: translateY(0);
    }
    .brand-image {
        position: relative;
        width: 1031.25px;
        height: 773.44px;
        overflow: hidden;
        border-radius: 4px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }
    .brand-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s ease;
        border-radius: 8px; /* 添加圆角效果 */}
    .brand-image {
        position: relative;
        width: calc(100% - 300px); /* 减去左右各150像素的间距 */
        max-width: 1031.25px;
        height: 773.44px;
        overflow: hidden;
        border-radius: 4px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        margin-left: 150px; /* 左间距150像素 */
        margin-right: 150px; /* 右间距150像素 */
    }
    
    /* 让left-column和right-column中的图片100%显示 */
    .left-column .brand-image,
    .right-column .brand-image {
        width: 100%;
        max-width: none;
        margin-left: 0;
        margin-right: 0;
    }
    
    .brand-img:hover {
        transform: scale(1.13);
    }
    /* 当鼠标经过brand-image时，同时放大mifeng-img */
    .brand-column:hover .mifeng-img {
        transform: scale(1.13);
    }
    /* mifeng.png图标样式 */
    .mifeng-overlay {
        position: absolute;
        top: 80px;
        left: calc(100% + 30px - 110px); /* 调整位置确保在图片右侧150像素间距的位置 */
        z-index: 100;
        overflow: visible;
        transform-origin: center;
    }
    .mifeng-img {
        width: 170px;
        height: 168px;
        object-fit: contain;
        display: block;
        max-width: none;
        image-rendering: optimizeQuality;
        transition: transform 0.3s ease;
    }
    .brand-text {
        margin-left: 330px;
        margin-top: 90px; /* 距离gywm4.png图片50像素 */
    }
    /* 品牌价值观文本区域向右移动 */
    .right-column .brand-text {
        margin-left: 520px; /* 150px + 130px = 280px */
        margin-top: 140px;
    
        margin-bottom: 30px; /* 文字与底部图片gywm5.png的距离为30像素 */
        opacity: 0;
        transform: translateY(20px);
        transition: opacity 0.8s ease, transform 0.8s ease;
    }
    .brand-section.animate .left-column .brand-text {
        transition-delay: 0.6s;
        opacity: 1;
        transform: translateY(0);
    }
    .brand-section.animate .right-column .brand-text {
        transition-delay: 0.8s;
        opacity: 1;
        transform: translateY(0);
    }
    .brand-title {
        font-family: 'SourceHanSansCN-Normal', Arial, sans-serif;
        font-size: 25px;
        letter-spacing: 5px;
        margin-bottom: 30px;
        color: #333;
    }
    .brand-desc p {
        font-family: 'SourceHanSansCN-Normal', Arial, sans-serif;
        font-size: 35px;
        letter-spacing: 5px;
        line-height: 1.4;
        margin: 0;
        padding: 0;
        color: #333;
        font-weight: bold; /* 加大字重 */
    }
    
    /* 1366px至2880px分辨率下的品牌区域样式修复 */
    @media (min-width: 1366px) and (max-width: 2880px) {
        .brand-content {
            width: calc(100% - 100px) !important; /* 调整容器宽度，减少左右边距 */
            gap: 30px !important; /* 减小列间距 */
        }
        
        .brand-text {
            margin-left: 0 !important; /* 移除左侧大边距 */
            margin-top: 40px !important; /* 减小顶部边距 */
            text-align: center; /* 居中对齐文本 */
        }
        
        .right-column .brand-text {
            margin-left: 0 !important; /* 移除左侧大边距 */
            margin-top: 40px !important; /* 减小顶部边距 */
            margin-bottom: 20px !important; /* 减小底部边距 */
        }
        
        .brand-title {
            font-size: 20px !important; /* 减小标题字体 */
            margin-bottom: 20px !important; /* 减小标题底部边距 */
        }
        
        .brand-desc p {
            font-size: 25px !important; /* 减小描述字体 */
            line-height: 1.2 !important; /* 调整行高 */
        }
        
        .mifeng-overlay {
            left: calc(100% - 85px) !important; /* 调整蜜蜂图标位置 */
            top: 40px !important; /* 调整蜜蜂图标垂直位置 */
        }
        
        .mifeng-img {
            width: 100px !important; /* 减小蜜蜂图标大小 */
            height: 99px !important; /* 减小蜜蜂图标大小 */
        }
        
        .brand-image {
            height: auto !important; /* 调整图片高度为自适应 */
            max-height: 400px !important; /* 设置最大高度 */
        }
        
        /* 轮播图文字向上移动 */
        .center-image.about-top-image {
            top: 80px !important; /* 上方文字再向上移动20px（原100px） */
        }
        
        .center-image.about-bottom-image {
            top: 320px !important; /* 下方文字再向上移动30px（原350px） */
        }
        
        /* 全屏背景区域文字向上移动 */
        .fullscreen-bg .text-container .text-line.text-line-1 {
            margin-top: 20px !important; /* 第一行文字再向上移动20px（原40px） */
        }
        
        .fullscreen-bg .text-container .text-line.text-line-2 {
            margin-top: 50px !important; /* 第二行文字再向上移动30px（原80px） */
        }
        
        .fullscreen-bg .text-container .text-line.text-line-3 {
            margin-top: 20px !important; /* 第三行文字再向上移动10px（原30px） */
        }
    }
    
    /* 轮播图样式 */
    .banner-carousel {
        position: relative;
        width: 100%;
        height: 100vh;
        overflow: hidden;
    }
    
    .carousel-container {
        position: relative;
        width: 100%;
        height: 100%;
    }
    
    .carousel-slides {
        position: relative;
        width: 100%;
        height: 100%;
    }
    
    .carousel-slide {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 0;
    }
    
    .carousel-slide.active {
        opacity: 1;
        z-index: 1;
    }
    
    /* 确保文字内容始终可见，使用高z-index独立于幻灯片 */
    .center-image .center-text {
        position: relative !important;
        visibility: visible !important;
        opacity: 0; /* 初始为透明，让动画能重新触发 */
        display: block !important;
        z-index: 9999 !important;
        animation: fadeInUp 1s ease forwards;
        /* 移除transform的固定设置，让动画能正常运行 */
        transition: none !important;
        transform: translateY(30px); /* 添加初始向下位移，增强动画效果 */
    }
    
    /* 确保动画关键帧正确定义 */
    @keyframes fadeInUp {
        from {
            opacity: 0;
            transform: translateY(30px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    
    /* 加强所有文本行的可见性 */
    .center-image .center-text .text-line-1,
    .center-image .center-text .text-line-2,
    .center-image .center-text .text-line-3,
    .center-image .center-text .text-paragraph {
        position: relative !important;
        visibility: visible !important;
        opacity: 1 !important;
        display: block !important;
        z-index: 9999 !important;
        color: white !important;
        transition: none !important;
    }
    
    .carousel-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        background-size: cover;
        background-position: center;
    }
    
    /* 轮播图容器样式 */
    .about3-page .banner-carousel .carousel-slides {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    
    /* 轮播图基础样式 */
    .about3-page .banner-carousel .carousel-slide {
        display: none;
    }
    
    /* 激活状态的轮播图 */
    .about3-page .banner-carousel .carousel-slide.active {
        display: block;
    }
    
    /* 轮播图中的图片样式 */
    .about3-page .banner-carousel .carousel-slide img {
        width: 100%;
        height: auto;
        display: block;
    }
    
    /* 叠加层 - s2.png 应用于所有轮播图 */
    .about3-page .banner-carousel .carousel-slide::after {
        content: '';
        position: absolute;
        top: 80%;
        left: 58%;
        transform: translate(-50%, -50%);
        width: 30%;
        height: 30%;
        background-image: url('../images/s2.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        z-index: 10;
        pointer-events: none;
    }
    
    /* 叠加层 - s3.png 应用于所有轮播图 */
    .about3-page .banner-carousel .carousel-slide::before {
        content: '';
        position: absolute;
        top: 72.2%;
        left: 45%;
        transform: translate(-50%, -50%);
        width: 60%;
        height:55%;
        background-image: url('../images/s3.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        z-index: 11;
        pointer-events: none;
    }
    
    /* 中心图片容器 - 默认样式（适用于xnyqc.html） */
    .center-image:not(.about-top-image):not(.about-bottom-image) {
        position: absolute;
        top: 20%;
        left: 60%;
        transform: translate(-50%, -50%);
        z-index: 2;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
    }
    
    /* About2页面特定样式 - 上方图片 */
    .center-image.about-top-image {
        position: absolute;
        top: 150px; /* 上方图片距离顶部100像素 */
        left: 0px;
        right: 0;
        z-index: 2;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        width: 100%;
    }
    
    /* About2页面特定样式 - 下方图片 */
    .center-image.about-bottom-image {
        position: absolute;
        top:  480px; /* 下方图片距离顶部200像素，确保在gywm1a下方 */
        left: 0;
        right: 0;
        z-index: 2;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        width: 100%;
    }
    
    /* 文字基础样式 */
    .center-text {
        color: white !important;
        text-align: center !important;
        display: block !important;
        position: relative !important;
        z-index: 999 !important;
    }
    
    /* 文字样式已在通用选择器中设置，不再需要active状态特殊处理 */
    
    /* 第一行文字样式 */
    .carousel-slide .center-image .center-text .text-line-1,
    .carousel-slide.active .center-image .center-text .text-line-1 {
        font-family: 'SourceHanSansCN-Normal', sans-serif !important;
        font-size: 36px !important;
        letter-spacing: 10px !important;
        line-height: 1.15 !important;
        margin-bottom: 10px !important;
        color: white !important;
        display: block !important;
        font-weight: bold !important;
        position: relative !important;
        z-index: 999 !important;
    }
    
    /* 第二行文字样式 */
    .carousel-slide .center-image .center-text .text-line-2,
    .carousel-slide.active .center-image .center-text .text-line-2 {
        font-family: 'AlibabaPuHuiTi-3-75-Medium', Arial, sans-serif !important;
        font-size: 58px !important;
        letter-spacing: 10px !important;
        line-height: 1.15 !important;
        margin-bottom: 10px !important;
        font-weight: bold !important;
        color: white !important;
        display: block !important;
        position: relative !important;
        z-index: 999 !important;
        top: 20px;
    }
    
    /* 第三行文字样式 */
    .carousel-slide .center-image .center-text .text-line-3,
    .carousel-slide.active .center-image .center-text .text-line-3 {
        font-family: Arial, 'SourceHanSansCN-Normal', sans-serif !important;
        font-size: 56px !important;
        letter-spacing: 10px !important;
        line-height: 1.15 !important;
        font-weight: bold !important;
        color: white !important;
        display: block !important;
        position: relative !important;
        z-index: 999 !important;
        top: 20px;
    }
    
    /* 段落文字样式 */
    .carousel-slide .center-image .center-text .text-paragraph,
    .carousel-slide.active .center-image .center-text .text-paragraph {
        font-family: 'AlibabaPuHuiTi-3-55-Regular', Arial, sans-serif !important;
        font-size: 20px !important;
        letter-spacing: 2px !important;
        line-height: 1.8 !important;
        font-weight: normal !important;
        color: white !important;
        text-align: center !important;
        display: block !important;
        position: relative !important;
        z-index: 999 !important;
        top: 30px;
    }
    
    /* 确保图片本身居中显示 */
    .center-image img {
        display: block;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
    }
    
    
    /* About2页面下方图片延迟显示 */
    .carousel-slide.active .center-image.about-bottom-image {
        animation-delay: 0.8s;
    }
    
    /* 新产品展示区域 */
    .new-product-section {
        background-image: url('../images/banner6.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        padding: 100px 0;
    }
    
    .product-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        gap: 30px;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
    }
    
    .product-grid-item {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 300px;
    }
    
    .text-content {
        color: #333;
        padding: 40px;
    }
    
    .text-content h2 {
        font-size: 32px;
        font-weight: bold;
        margin: 0 0 10px 0;
        color: #000;
    }
    
    .text-content .subtitle {
        font-size: 30px;
        margin: 15px 0 30px 0;
        color: #000000;
        font-family: 'SourceHanSansCN-Normal', sans-serif;
        letter-spacing: 3px;
        font-weight: 200;
        font-weight: bold;
    }
    
    .text-content .highlight-text {
        font-size: 26px;
        font-weight: bold;
        margin: 0 0 15px 0;
    	 letter-spacing: 2px;
        color: #000;
            font-family: 'SourceHanSansCN-Normal', sans-serif;
    }
    
    .text-content .description {
        font-size: 17px;
        line-height: 1.8;
        color: #333;
           font-weight: 200;
        margin: 20px 0 0 0;
         letter-spacing: 2px;
         font-family: 'SourceHanSansCN-Normal', sans-serif;
    }
    
    .product-image {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }
    
    /* 标准认证区域 */
    .standards-section {
        background-image: url('../images/d2bj5.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        padding:100px 0;
        position: relative;
        overflow: visible;
        height: 800px;
     
    }
    
    .standards-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 50px;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
        position: relative;
    }
    
    .standards-grid-item:first-child {
      flex: 1.5;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 0 40px 0 20px;
      margin-top: -30px;
    }
    
    .standards-grid-item:last-child {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 0 40px 0 30px;
      margin-top: -30px;
    }
    
    .standards-text {
        color: white;
        width: 500px;
        max-width: 600px;
    }
    
    .din-bold-text {
        font-family: 'DIN-Bold', sans-serif;
        font-size: 46px;
        line-height: 1.4;
        margin: 0 0 20px 0;
        color: white;
    }
    
    .subtitle-text {
        font-family: 'DIN-Bold', sans-serif;
        font-size: 30px;
        margin: 0 0 30px 0;
        color: white;
        letter-spacing: 10px;
          font-weight: bolder;
    }
    
    .description-text {
      font-family: 'SourceHanSansCN-Normal', sans-serif;
      font-size: 15px;
      color: white;
      line-height: 1.8;
      margin-top: 0px;
        letter-spacing: 2px;
    }
    
    .description-text span.highlight {
          font-family: 'SourceHanSansCN-Normal', sans-serif;
      font-size: 20px;
      display: block;
      margin-bottom: 40px;
        font-weight: bolder;
    }
    
    .standards-image {
      width: auto;
      height: auto;
      max-width: none;
      max-height: none;
      display: block;
      margin: 0 auto;
      position: relative;
      top: 300px;
      z-index: 10;
    }
    
    /* 中心图片样式 */
    .center-img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 300px;
        opacity: 0;
        display: block;
        margin: 0 auto;
        text-align: center;
        transform: translateY(50px);
        animation: fadeInUp 1s ease forwards;
        animation-delay: 0.3s;
    }
    
    /* 从下到上渐出动画 */
    @keyframes fadeInUp {
        0% {
            opacity: 0;
            transform: translateX(0) translateY(50px);
        }
        100% {
            opacity: 1;
            transform: translateX(0) translateY(0);
        }
    }
    
    /* 全屏背景区域 */
    .fullscreen-bg {
        position: relative;
        height: 100vh;
        overflow: hidden;
    }
    
    .fullscreen-bg .bg-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url('../images/gywm3.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        z-index: 1;
    }
    
    .fullscreen-bg .text-container {
        position: relative;
        z-index: 2;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        color: white;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
        /* 确保文字容器在视口中正确显示 */
        padding: 20px;
        box-sizing: border-box;
    }
    
    /* 第一行文字 */
    .text-line.text-line-1 {
        margin-top: 80px;
        font-family: Arial, 'SourceHanSansCN-Normal', sans-serif;
        font-size: 30px;
        letter-spacing: 5px;
        opacity: 1; /* 默认显示，不依赖动画 */
        color: white;
        z-index: 3;
        transition: opacity 0.8s ease, transform 0.8s ease;
    }
    
    /* 第二行文字 */
    .text-line.text-line-2 {
        margin-top: 120px;
        font-family: 'AlibabaPuHuiTi-3-75-Medium', Arial, sans-serif;
        font-size: 55px;
        font-weight: normal; /* Medium字重的字体不需要额外的bold属性 */
        letter-spacing:  2px;
        opacity: 1; /* 默认显示，不依赖动画 */
        color: white;
        z-index: 3;
        transition: opacity 0.8s ease 0.3s, transform 0.8s ease 0.3s;
    }
    
    /* 第三行文字 */
    .text-line.text-line-3 {
        margin-top: 50px;
        font-family: Arial, 'SourceHanSansCN-Normal', sans-serif;
        font-size: 20px;
        letter-spacing: 2px;
        line-height: 1.8;
        text-align: center;
        opacity: 1; /* 默认显示，不依赖动画 */
        color: white;
        z-index: 3;
        transition: opacity 0.8s ease 0.6s, transform 0.8s ease 0.6s;
    }
    
    /* 滚动显示动画 - 增强效果但不影响默认显示 */
    .fullscreen-bg.show-content .text-line-1,
    .fullscreen-bg.show-content .text-line-2,
    .fullscreen-bg.show-content .text-line-3 {
        opacity: 1;
        transform: translateY(0);
        /* 添加更强的文字阴影以提高可读性 */
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8), 0 0 10px rgba(255, 255, 255, 0.3);
    }
    
    /* 当轮播图激活时显示中心图片，但不影响文字显示 */
    .carousel-slide.active .center-image {
        opacity: 1 !important;
        /* 移除动画，避免影响文字显示 */
        animation: none;
    }
    
    .carousel-slide.active .center-img {
        opacity: 0;
        display: block;
        margin: 0 auto;
        text-align: center;
        animation: fadeInUp 1s ease forwards;
        animation-delay: 0.3s;
    }
    
    .carousel-controls {
        position: absolute;
        bottom: 200px;
        right: 100px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        z-index: 2;
    }
    
    /* 竖装切换柱 */
    .carousel-dots {
        display: flex;
        flex-direction: column;
        gap: 0px;
        align-items: center;
        background: transparent;
        padding: 0;
        margin: 0;
    }
    
    .carousel-dot {
        width: 3px;
        height: 100px;
        background-color: rgba(255, 255, 255, 0.5);
        cursor: pointer;
        transition: all 0.3s ease;
        outline: none;
        border: none;
        padding: 0;
        margin: 0;
        display: block;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }
    
    .carousel-dot:focus {
        outline: none;
        box-shadow: none;
    }
    
    .carousel-dot.active {
        height: 100px;
        background-color: white;
    }
    
    /* 序号显示 */
    .carousel-counter {
        color: white;
        font-weight: bold;
        font-family: 'DIN-Bold', sans-serif;
        position: relative;
        z-index: 3;
    }
    
    .carousel-counter .current {
        font-size: 36px;
    }
    
    .carousel-counter .total,
    .carousel-counter span:nth-child(2) {
        font-size: 18px;
        opacity: 0.7;
    }
    /* 引入思源黑体字体 */
    @font-face {
      font-family: 'SourceHanSansCN-Normal';
      src: url('../fonts/SourceHanSansCN-Normal.otf') format('opentype');
      font-weight: normal;
      font-style: normal;
    }
    
    /* 引入DIN-Bold字体与DINOT-CondBold字体 */
    @font-face {
      font-family: 'DIN-Bold';
      src: url('../fonts/DIN-Bold.otf') format('opentype');
      font-weight: bold;
      font-style: normal;
    }
    @font-face {
      font-family: 'DINOT-CondBold';
      src: url('../fonts/DINOT-CondBold.otf') format('opentype');
      font-weight: bold;
      font-style: normal;
    }
    
    /* 1. “这些年” 与 “我们一起走过了” 标题区域 */
    .uc-about-2 .filter p,
    body.page-about2 .uc-about-2 .filter p {
        font-family: Helvetica, Verdana, "Microsoft YaHei", "Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif !important;
        font-size: 25px !important;
        font-weight: 550 !important;
        letter-spacing: 10px !important;
        line-height: 36px !important;
        color: #333333 !important;
        text-align: center !important;
    }

    .uc-about-2 .filter h3,
    .uc-about-2 .filter .item h3,
    .uc-about-2 .filter .item:hover h3,
    .uc-about-2 .filter .item.on h3,
    body.page-about2 .uc-about-2 .filter h3,
    body.page-about2 .uc-about-2 .filter .item h3,
    body.page-about2 .uc-about-2 .filter .item:hover h3,
    body.page-about2 .uc-about-2 .filter .item.on h3 {
        font-family: Helvetica, Verdana, "Microsoft YaHei", "Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif !important;
        font-size: 43px !important;
        font-weight: 550 !important;
        letter-spacing: 10px !important;
        line-height: 36px !important;
        color: #333333 !important;
        margin-top: 20px !important;
        text-align: center !important;
    }

    /* 2. 为uc-about-4部分设置宽度和左右间距，并确保其始终可见 */
    .uc-about-4 {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        z-index: 10 !important;
    }
    
    .uc-about-4 .uc-content {
        width: calc(100% - 300px) !important; /* 减去左右各150像素的间距 */
        margin-left: 150px; /* 左间距150像素 */
        margin-right: 150px; /* 右间距150像素 */
        max-width: 100%;
    }
    
    /* 3. 4个年份标签切换栏 (PC端) */
    .about-pc-version .uc-about-4 .filter .item h3,
    body.page-about2 .about-pc-version .uc-about-4 .filter .item h3 {
        font-family: "DINOT-CondBold", Arial, sans-serif !important;
        font-size: 62px !important;
        font-weight: bold !important;
        line-height: 71.3px !important;
        color: #050505 !important;
        margin-bottom: 20px !important;
        text-align: center !important;
    }

    .about-pc-version .uc-about-4 .filter .item.on h3,
    body.page-about2 .about-pc-version .uc-about-4 .filter .item.on h3 {
        color: #0855ed !important;
    }

    .about-pc-version .uc-about-4 .filter .item p,
    body.page-about2 .about-pc-version .uc-about-4 .filter .item p {
        font-family: "DIN-Bold", Arial, sans-serif !important;
        font-size: 20px !important;
        font-weight: bold !important;
        letter-spacing: 1px !important;
        line-height: 23px !important;
        color: #666666 !important;
        text-transform: uppercase !important;
        text-align: center !important;
    }

    /* 4. 点击4个年份标签后展示的历程内容 (PC端) */
    body.page-about2 .about-pc-version .filterBD .tab-con article,
    .about-pc-version .uc-about-4 .filterBD .tab-con article {
        position: relative;
    }
    body.page-about2 .about-pc-version .filterBD .tab-con article .year,
    .about-pc-version .uc-about-4 .filterBD .tab-con article .year {
        font-family: "DIN-Bold", "DIN-Regular", "DINOT-CondBold", Arial, sans-serif !important;
        font-size: 58px !important;
        font-weight: bold !important;
        line-height: 66.7px !important;
        color: #0855ed !important;
        margin-bottom: 40px !important;
        padding-left: 50px !important;
        margin-left: 100px !important;
        text-align: left !important;
    }
    body.page-about2 .about-pc-version .filterBD .tab-con article .item,
    .about-pc-version .uc-about-4 .filterBD .tab-con article .item {
        margin-left: 100px !important;
        margin-bottom: 40px !important;
        padding: 0 65px !important;
    }
    body.page-about2 .about-pc-version .filterBD .tab-con article img,
    .about-pc-version .uc-about-4 .filterBD .tab-con article img {
        margin-left: 0 !important;
        position: static !important;
        display: block;
        margin: 0 auto 40px !important;
    }
    body.page-about2 .about-pc-version .filterBD .tab-con article .item .right h3,
    .about-pc-version .uc-about-4 .filterBD .tab-con article .item .right h3 {
        font-family: Helvetica, Verdana, "Microsoft YaHei", "Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif !important;
        font-size: 24px !important;
        font-weight: bold !important;
        line-height: 40px !important;
        color: #050505 !important;
        text-align: left !important;
        margin: 0 !important;
    }
    body.page-about2 .about-pc-version .filterBD .tab-con article .item .right .con,
    .about-pc-version .uc-about-4 .filterBD .tab-con article .item .right .con {
        font-family: Helvetica, Verdana, "Microsoft YaHei", "Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif !important;
        font-size: 20px !important;
        font-weight: normal !important;
        line-height: 40px !important;
        color: #666666 !important;
        text-align: justify !important;
        margin-top: 10px !important;
    }
    body.page-about2 .about-pc-version .filterBD .tab-con article .money,
    .about-pc-version .uc-about-4 .filterBD .tab-con article .money {
        font-size: 28px !important;
        font-weight: bold !important;
        line-height: 40px !important;
    }
    body.page-about2 .about-pc-version .filterBD .tab-con article .img-txt,
    .about-pc-version .uc-about-4 .filterBD .tab-con article .img-txt {
        font-size: 24px !important;
    }
    
    /* 健康理疗生态 section */
    .health-section {
      background-image: url('../images/d2bj3.jpg');
      background-size: 100% 100%;
      background-position: center;
      background-repeat: no-repeat;
      height: 1100px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
    }
    
    .health-content {
      width: 1250px;
      max-width: 100%;
      padding: 0 20px;
      position: relative;
      top: -80px;
    }
    
    .health-title h2 {
      font-family: 'SourceHanSansCN-Normal', sans-serif;
      font-size: 50px;
      color: #333333;
      text-align: left;
      margin: 0 0 20px 0;
      line-height: 1.2;
        font-weight: bold;
    }
    
    .health-subtitle h3 {
      font-family: 'SourceHanSansCN-Normal', sans-serif;
      font-size: 36px;
      color: #333333;
      text-align: left;
      margin: 0 0 30px 0;
      letter-spacing: 5px;
        font-weight: bold;
    }
    
    .health-description p {
      font-family: 'SourceHanSansCN-Normal', sans-serif;
      font-size: 16px;
      color: #333333;
      text-align: left;
      margin: 0 0 40px 0;
        letter-spacing: 2px;
    }
    
    .health-image {
      display: flex;
      justify-content: center;
      margin: 40px 0;
    }
    
    .health-image img {
      max-width: 100%;
      height: auto;
    }
    
    .health-products {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 40px;
      gap: 28px;
    }
    
    .product-item {
      font-family: 'SourceHanSansCN-Normal', sans-serif;
      font-size: 16px;
      color: #333333;
      letter-spacing: 1px;
    }
    
    .product-item .highlight {
      font-weight: bold;
    }
    
    /* 新导航头部样式 */
    .new-header {
      background-color: white;
      height: 80px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 20px;
      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }
    
    .new-header .header-content {
      width: 100%;
      max-width: 1250px;
      display: flex;
      align-items: center;
    }
    
    .new-header .logo {
      margin-right: 50px;
      display: flex;
      align-items: center;
      width: auto;
      height: 50px;
      z-index: 10;
      overflow: visible;
      /* 添加边框以便调试 */
      border: 1px solid transparent;
    }
    
    .new-header .logo img {
      height: 50px;
      display: block;
      width: auto;
      object-fit: contain;
      max-width: 100%;
      z-index: 11;
      visibility: visible;
      opacity: 1;
    }
    
    .new-header .nav-menu {
      display: flex;
      align-items: center;
      flex: 1;
    }
    
    .new-header .nav-item {
      position: relative;
      margin-right: 40px;
      white-space: nowrap;
    }
    
    .new-header .nav-item:last-child {
      margin-right: 0;
    }
    
    .new-header .nav-item a {
      display: block;
      font-family: 'SourceHanSansCN-Normal', sans-serif;
      font-size: 16px;
      font-weight: bold;
      color: #333333;
      text-decoration: none;
      padding: 28px 10px;
      position: relative;
      transition: color 0.3s ease;
    }
    
    .new-header .nav-item a:hover {
      color: #000dff;
    }
    
    .new-header .nav-item a::after {
      content: '';
      position: absolute;
      bottom: -3px;
      left: 50%;
      transform: translateX(-50%);
      width: 0;
      height: 2px;
      background-color: #000dff;
      transition: width 0.3s ease;
    }
    
    .new-header .nav-item.active a::after {
      width: calc(100% + 20px); /* 比文字长点 */
    }
    
    /* ==========================================================================
       移动端响应式修正 (Mobile Responsive Fixes)
       ========================================================================== */
    @media (max-width: 768px) {
      /* 基础容器 */
      .uc-content {
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box;
      }
      
      /* 解除定高限制 */
      .uc-market-2,
      .uc-market-3,
      .uc-market-4,
      .uc-market-5,
      section[class^="uc-market-"] {
        height: auto !important;
        padding: 40px 0 !important;
      }
      
      /* 列表改为单列排版 */
      .list {
        flex-direction: column !important;
        align-items: center !important;
      }
      
      .list li, .list .item {
        width: 100% !important;
        margin-bottom: 20px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
      }
    
      /* 图片宽度自适应 */
      .img img, .feiji img {
        max-width: 100% !important;
        height: auto !important;
      }
    
      /* 调整所有标题字号 */
      .home-title h2, .title h2, h2, h3 {
        font-size: 24px !important;
        line-height: 1.4 !important;
      }
      
      /* 修复特定模块绝对定位 */
      .feiji {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        margin: 20px auto !important;
        text-align: center;
      }
    
      /* 解决顶部全屏大图（3840x2160）在手机端等比压缩的问题 */
      .banner-carousel {
        height: auto !important;
        aspect-ratio: 16 / 9;
        min-height: 0 !important;
        margin-top: var(--header-height, 80px) !important;
      }
    }
    
    /* ==========================================================================
       新能源汽车页面手机端专属修正
       ========================================================================== */
    @media screen and (max-width: 768px) {
        /* 1. new-product-section (Drive Health) */
        .new-product-section {
            padding: 50px 0 !important;
        }
        .product-grid {
            grid-template-columns: 1fr !important;
            grid-template-rows: auto !important;
            gap: 20px !important;
        }
        .product-grid-item {
            min-height: auto !important;
        }
        .text-content {
            padding: 20px !important;
        }
        .text-content h2 {
            font-size: 28px !important;
        }
        .text-content .subtitle {
            font-size: 22px !important;
            margin: 10px 0 20px 0 !important;
            letter-spacing: 1px !important;
        }
        .text-content .highlight-text {
            font-size: 22px !important;
            letter-spacing: 1px !important;
        }
        
        /* 2. standards-section (120 Automotive) */
        .standards-section {
            height: auto !important;
            padding: 50px 0 !important;
        }
        .standards-grid {
            grid-template-columns: 1fr !important;
            gap: 30px !important;
        }
        .standards-grid-item:first-child,
        .standards-grid-item:last-child {
            padding: 0 20px !important;
            margin-top: 0 !important;
        }
        .standards-text {
            width: 100% !important;
        }
        .din-bold-text {
            font-size: 32px !important;
        }
        .subtitle-text {
            font-size: 24px !important;
            letter-spacing: 0px !important;
        }
        .standards-image {
            top: 0 !important;
            margin-top: 20px !important;
            max-width: 100% !important;
        }
        
        /* 3. health-section */
        .health-section {
            height: auto !important;
            padding: 50px 0 !important;
            background-size: cover !important;
            background-position: bottom center !important;
        }
        .health-content {
            top: 0 !important;
            padding: 0 20px !important;
        }
        .health-title h2 {
            font-size: 32px !important;
        }
        .health-subtitle h3 {
            font-size: 24px !important;
            letter-spacing: 0px !important;
        }
        .health-products {
            flex-direction: column !important;
            gap: 15px !important;
            align-items: flex-start !important;
        }
    }
    /* ==========================================================================
       极简重构版 “关于我们” 页面样式 (New Minimalist About Us Styles)
       ========================================================================== */
    
    /* 1. 品牌使命 */
    .new-about-mission {
        background: linear-gradient(to bottom, #4ea3d5, #a3d4f7);
        color: #fff;
        padding: 120px 20px;
        font-family: 'Alibaba PuHuiTi R', sans-serif;
    }
    .mission-title { font-size: 40px; font-weight: normal; margin-bottom: 30px; text-shadow: 0 2px 4px rgba(0,0,0,0.2); }
    .mission-slogan { font-size: 80px; font-weight: bold; margin-bottom: 50px; text-shadow: 0 2px 8px rgba(0,0,0,0.3); }
    .mission-desc { font-size: 24px; line-height: 1.8; text-shadow: 0 2px 4px rgba(0,0,0,0.2); }
    
    /* 2. 品牌愿景 */
    .new-about-vision {
        background-color: #f0f0f0;
        padding-bottom: 80px;
        text-align: center;
    }
    .vision-image-wrapper { position: relative; display: inline-block; width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; }
    .vision-main-img { width: 100%; height: auto; border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); }
    .vision-bee-img { position: absolute; right: 0; top: 20px; width: 150px; z-index: 10; }
    .vision-text-wrapper { margin-top: 50px; }
    .vision-title { font-size: 24px; font-weight: normal; color: #333; margin-bottom: 20px; letter-spacing: 2px; }
    .vision-desc { font-size: 32px; color: #333; line-height: 1.6; }
    
    /* 3. 品牌价值观 */
    .new-about-values {
        background-color: #e8e8e8;
        padding: 80px 0;
        text-align: center;
    }
    .values-text-wrapper { margin-bottom: 50px; }
    .values-title { font-size: 24px; font-weight: normal; color: #333; margin-bottom: 20px; letter-spacing: 2px; }
    .values-desc { font-size: 32px; color: #333; line-height: 1.6; }
    .values-image-wrapper { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; }
    .values-main-img { width: 100%; height: auto; border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); }
    
    /* 移动端修正 */
    @media (max-width: 768px) {
        /* 轮播图手机端整体加高 */
        .banner-carousel {
            height: 70vh !important;
        }
    
        /* 轮播图文字上移、缩小 */
        .banner-carousel .about-top-image .center-text {
            top: 30% !important;
            transform: translateY(-50%) !important;
        }
        .banner-carousel .about-bottom-image .center-text {
            top: 65% !important;
            transform: translateY(-50%) !important;
        }
        .banner-carousel .carousel-slide .center-image .center-text .text-line-1,
        .banner-carousel .carousel-slide .center-image .center-text .text-line-2,
        .banner-carousel .carousel-slide .center-image .center-text .text-line-3 {
            font-size: 18px !important;
            line-height: 1.4 !important;
            margin-bottom: 5px !important;
            white-space: normal !important;
        }
        .banner-carousel .carousel-slide .center-image .center-text .text-paragraph {
            font-size: 12px !important;
            line-height: 1.6 !important;
            white-space: normal !important;
        }
    
        /* 新版块适配 */
        .new-about-mission { padding: 80px 20px; }
        .mission-title { font-size: 28px; margin-bottom: 20px; }
        .mission-slogan { font-size: 44px; margin-bottom: 30px; }
        .mission-desc { font-size: 16px; }
    
        .vision-bee-img { width: 80px; right: 10px; top: 10px; }
        .vision-text-wrapper { margin-top: 30px; }
        .vision-title { font-size: 18px; }
        .vision-desc { font-size: 20px; }
    
        .new-about-values { padding: 50px 0; }
        .values-text-wrapper { margin-bottom: 30px; }
        .values-title { font-size: 18px; }
        .values-desc { font-size: 20px; }
        .values-desc p { margin-bottom: 10px; white-space: normal; }
    
        /* 公司发展历程移动端适配 */
        .uc-about-4 .uc-content {
            width: 100% !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            padding: 0 15px !important;
            box-sizing: border-box;
        }
        
        .uc-about-4 .filter {
            flex-wrap: wrap !important;
            justify-content: space-between !important;
        }
        
        .uc-about-4 .filter .item {
            width: 48% !important;
            margin-bottom: 20px !important;
        }
        
        .uc-about-4 .filter .item h3 {
            font-size: 22px !important;
            font-family: "DINOT-CondBold", Arial, sans-serif !important;
            color: #050505 !important;
        }
        
        .uc-about-4 .filter .item.on h3 {
            color: #0855ed !important;
        }

        .uc-about-4 .filter .item p {
            font-family: "DIN-Bold", Arial, sans-serif !important;
        }
        
        body.page-about2 .filterBD .tab-con article .year {
            margin-left: 0 !important;
            font-family: "DIN-Bold", "DIN-Regular", "DINOT-CondBold", Arial, sans-serif !important;
            color: #0855ed !important;
        }

        body.page-about2 .filterBD .tab-con article .item {
            margin-left: 0 !important;
        }

        body.page-about2 .filterBD .tab-con article .item .right h3 {
            font-family: Helvetica, Verdana, "Microsoft YaHei", "Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif !important;
            color: #050505 !important;
        }

        body.page-about2 .filterBD .tab-con article .item .right .con {
            font-family: Helvetica, Verdana, "Microsoft YaHei", "Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif !important;
            color: #666666 !important;
        }
        
        body.page-about2 .filterBD .tab-con article img {
            width: 100% !important;
            height: auto !important;
        }
    }
    
    
    /* ==========================================================================
       双版本自适应切换逻辑
       ========================================================================== */
    @media (max-width: 768px) {
        .about-pc-version {
            display: none !important;
        }
        .about-mobile-version {
            display: block !important;
        }
    }
    
    @media (min-width: 769px) {
        .about-pc-version {
            display: block !important;
        }
        .about-mobile-version {
            display: none !important;
        }
    }
    
}

/* ==========================================================================
   双版本自适应切换逻辑
   ========================================================================== */
@media (max-width: 768px) {
    .about-pc-version {
        display: none !important;
    }
    .about-mobile-version {
        display: block !important;
    }
}

@media (min-width: 769px) {
    .about-pc-version {
        display: block !important;
    }
    .about-mobile-version {
        display: none !important;
    }
}