* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "Microsoft YaHei", sans-serif;
        }
        a {
            text-decoration: none;
            color: inherit;
        }
        ul {
            list-style: none;
        }
        img {
            max-width: 100%;
            display: block;
        }
		html{
  scroll-padding-top: 80px;
}
        /* 全局容器 */
        .container {
            width: 88%;
            margin: 0 auto;
        }
		 .container1 {
            width: 58%;
            margin: 0 auto;
			padding:50px 0 60px 0;
			margin-top:60px;
        }
		 .container2 {
            width: 58%;
            margin: 0 auto;
			padding:50px 0 0px 0;
			margin-top:50px;
        }
        /* 顶部导航 */
        .header-nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 8px 6%;
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 999;
            transition: all 0.3s ease;
			border-bottom:1px solid hsla(0, 0%, 100%, 0.2);
        }
		 .header-nav1 {
		 background-color:#FFFFFF;
		 box-shadow: 0 2px 10px rgba(0,0,0,0.08);
            
        }
        .header-nav.scroll {
            background: #ffffff;
            box-shadow: 0 2px 10px rgba(0,0,0,0.08);
        }
		
        .logo {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 22px;
            font-weight: bold;
            color: #fff;
            transition: color 0.3s;
        }
		.logo img{ width:60%;}
        .header-nav.scroll .logo {
            color: #005cbf;
        }
		 /* ========== 滚动切换Logo样式 ========== */
       
        .logo-img-white {
            display: block;
            
            transition: opacity 0.3s ease;
        }
        .logo-img-dark {
            display: none;
            
            transition: opacity 0.3s ease;
        }
        /* 滚动后切换显示深色logo，隐藏白色logo */
        .header-nav.scroll .logo-img-white {
            display: none;
        }
        .header-nav.scroll .logo-img-dark {
            display: block;
        }
        /* 一级导航父容器 */
        .nav-list > li {
            position: relative;
        }
        /* 桌面导航一级菜单 */
        .nav-list {
            display: flex;
            gap: 36px;
	
        }
        .nav-list > li > a {
            color: #fff;
            font-size: 15px;
            position: relative;
            transition: color 0.3s;
            display: flex;
            align-items: center;
            gap: 6px;
		
        }
		 .nav-list1 > li > a {
            color: #333;
            font-size: 15px;
            position: relative;
            transition: color 0.3s;
            display: flex;
            align-items: center;
            gap: 6px;
			
		
        }
		
        .header-nav.scroll .nav-list > li > a {
            color: #333;
			
        }
        .nav-list li.active > a::after {
            content: "";
            position: absolute;
            bottom: -6px;
            left: 0;
            width: 100%;
            height: 2px;
            background: #fff;
        }
        .header-nav.scroll .nav-list li.active > a::after {
            background: #005cbf;
        }
        /* 二级下拉菜单 桌面端样式 */
        .submenu {
            position: absolute;
            top: 210%;
            left: 0;
            width: 160px;
            background: #fff;
            box-shadow: 0 4px 12px rgba(0,0,0,0.12);
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease;
            z-index: 99;
			border-radius: 0 0px 10px 10px;
        }
        .nav-list > li:hover .submenu {
            max-height: 300px;
        }
        .submenu li {
            padding: 18px 20px;
            border-bottom: 1px solid #eee;
        }
        .submenu li:last-child {
            border-bottom: none;
        }
        .submenu li a {
            font-size: 14px;
            color: #333;
            transition: color 0.2s;
        }
        .submenu li a:hover {
            color: #005cbf;
        }
        /* 下拉箭头 */
        .arrow-down {
		display:none;
            font-size: 12px;
            transition: transform 0.3s;
			transform: rotate(0deg);
        }
        .nav-list > li:hover .arrow-down {
            transform: rotate(90deg);
        }
        /* 移动端汉堡按钮 默认隐藏 */
        .menu-hamburger {
            display: none;
            width: 32px;
            height: 32px;
            position: relative;
            cursor: pointer;
			margin-right:2%;
        }
        .menu-hamburger span {
            display: block;
            width: 100%;
            height: 3px;
            background: #005cbf;
            position: absolute;
            left: 0;
            transition: 0.3s;
        }
        .header-nav.scroll .menu-hamburger span {
            background: #005cbf;
        }
        .menu-hamburger span:nth-child(1) { top: 6px; }
        .menu-hamburger span:nth-child(2) { top: 14px; }
        .menu-hamburger span:nth-child(3) { top: 22px; }
        /* 汉堡激活变叉号 */
        .menu-hamburger.active span:nth-child(1) {
            transform: rotate(45deg);
            top: 14px;
        }
        .menu-hamburger.active span:nth-child(2) {
            opacity: 0;
        }
        .menu-hamburger.active span:nth-child(3) {
            transform: rotate(-45deg);
            top: 14px;
        }
        /* 首屏Banner */
        .banner {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            color: #fff;
            padding-top: 80px;
  min-height: 100vh;
  
        }
		 .banner .video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: -2;
  object-fit: cover;
  width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;
}
.overlay-color {
  position: absolute;
  inset: 0px;
  z-index: -1;
  display: block;
  transition: all 0.5s ease-in-out 0s;

  background: #121212;
  background: linear-gradient(to bottom, rgba(4,63,126,0.8), rgba(0,0,0,0));
  height:50%;
}
	
        .banner-title {
            font-size: 48px;
            margin-bottom: 10px;
            font-weight: 600;
        }
        .banner-sub {
            font-size: 18px;
            opacity: 0.9;
        }
        /* 关于我们模块 */
        .about-section {
            padding: 80px 0;
            background: linear-gradient(90deg, #ffffff 42%, rgba(255,255,255,0.1)), url("../images/aboutbg.jpg") right center/cover no-repeat;
			margin:20px 0;
		
            min-height: 680px;
            display: flex;
            align-items: center;
        }
        .about-text {
            width: 50%;
        }
        .about-tag {
            font-size: 16px;
            color: #005cbf;
            margin-bottom: 18px;
        }
        .about-h1 {
            font-size: 32px;
            color: #222;
            margin-bottom: 22px;
        }
		
        .about-desc {
            font-size: 15px;
            color: #444;
            line-height: 1.75;
            margin-bottom: 36px;
        }
        .btn-normal {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 10px 28px;
            border: 1px solid #777;
            border-radius: 20px;
            font-size: 15px;
            color: #333;
            transition: all 0.3s ease;
			background-color:#FFFFFF;
        }
        .btn-normal:hover {
            border-color: #005cbf;
            color: #005cbf;
            background: rgba(12, 50, 114, 1);
        }
		.btn-normal1 {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 10px 28px;
            border: 1px solid #777;
            border-radius: 20px;
            font-size: 15px;
            color: #005cbf;
            transition: all 0.3s ease;
			
        }
        .btn-normal1:hover {
		
            border-color: #005cbf;
            color: #fff;
            background: rgba(0, 92, 191, 1);
			
        }
		
		
		.btn-normal {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 10px 28px;
            border: 1px solid #777;
            border-radius: 20px;
            font-size: 15px;
            color: #333;
            position: relative;
            overflow: hidden;
            z-index: 1;
            transition: color 0.3s ease, border-color 0.3s ease;
        }
        /* 白色遮罩层，覆盖按钮文字 */
        .btn-normal::before {
            content: "";
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background-color: #005cbf;
            transition: left 0.4s ease;
            z-index: -1;
        }
        .btn-normal:hover {
            color: #ffffff;
            border-color: #005cbf;
			
        }
        .btn-normal:hover::before {
            left: 0;
        }
        /* 深色卡片内白色按钮适配 */
        .col-card .btn-normal {
            color: #fff;
            border-color: #fff;
        }
        .col-card .btn-normal::before {
            background-color: rgba(255,255,255,0.2);
        }
        .col-card .btn-normal:hover {
            color: #fff;
        }
		


        .about-data {
            display: flex;
            margin-top: 80px;

        }
        .data-item {
            flex: 1;
            padding-top: 40px;
            position: relative;
			padding-left:40px;
        }
        .data-item:not(:last-child)::after {
            content: "";
            position: absolute;
            right: 0;
            top: 40px;
            width: 1px;
            height: 60%;
            background: #ddd;
        }
        .data-num {
            font-size: 30px;
            color: #005cbf;
            font-weight: bold;
            margin-bottom: 10px;
        }
        .data-text {
            font-size: 14px;
            color: #555;
        }
        /* 研发创新 & 智能制造 双栏布局 */
        .two-col-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
        }
        .col-card {
            height: 440px;
            padding: 80px 300px 80px 80px;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
           color: #005cbf;
            position: relative;
		
        }
		.col-card.research {
            background: url("../images/tech-bg.jpg") center/cover no-repeat;
            overflow: hidden; /* 裁剪放大溢出的背景 */
            transition: background-size 0.8s ease;
            background-size: 100%;
        }
        .col-card.research:hover {
            background-size: 110%; /* 鼠标悬浮放大10% */
        }
       
        .col-card.made {
            background: url("../images/factory-bg.jpg") center/cover no-repeat;
			 overflow: hidden; /* 裁剪放大溢出的背景 */
            transition: background-size 0.8s ease;
            background-size: 100%;
        }
		 .col-card.made:hover {
            background-size: 110%; /* 鼠标悬浮放大10% */
        }
        .col-title {
            font-size: 30px;
            margin-bottom: 12px;
        }
        .col-sub {
            font-size: 14px;
			line-height: 24px;
            margin-bottom: 26px;
            opacity: 0.9;
        }
        .col-card .btn-normal {
            border-color: #005cbf;
            color: #005cbf;
            width: fit-content;
        }
        .col-card .btn-normal:hover {
            background: rgba(255,255,255,0.18);
        }
		 .col-card .btn-normal1 {
            border-color: #005cbf;
            color: #fff;
            width: fit-content;
			background:  #005cbf;
			
			
        }
        .col-card .btn-normal1:hover {
            background: rgba(255,255,255,1);
			color: #005cbf;
			
        }
        /* 新闻资讯模块 */
        .news-section {
            padding: 80px 0;
        }
        .section-head {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 45px;
        }
        .section-title {
            font-size: 30px;
            color: #005cbf;
        }
        .news-wrap {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 55px;
        }
		.news-leftimg{
		margin-bottom:20px;
		width:100%;
    height:390px;
    overflow: hidden; 
		}
        .news-leftimg img {
            width: 100%;
            
            object-fit: cover;
            margin-bottom: 18px;
			
    height: 390px;
    transition: transform 0.6s ease; 
	
        }
		.news-leftimg:hover img {
    transform: scale(1.1);
}
        .news-left h4 {
            font-size: 18px;
            color: #222;
            margin-bottom: 8px;
        }
        .news-left p {
            font-size: 13px;
            color: #666;
            line-height: 1.6;
        }
        .news-right-item {
            padding-bottom: 24px;
            border-bottom: 1px solid #eeeeee;
            margin-bottom: 24px;
        }
        .news-right-item:last-child {
            border-bottom: none;
            margin-bottom: 0;
            padding-bottom: 0;
        }
        .news-time {
            font-size: 13px;
            color: #888;
            margin-bottom: 8px;
        }
        .news-right-item h4 {
            font-size: 17px;
            color: #222;
            margin-bottom: 6px;
        }
        .news-right-item .desc {
            font-size: 13px;
            color: #666;
            line-height: 1.6;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        /* 社会责任 & 加入我们 底部双栏 */
        .bottom-two-col .col-card {
            height: 340px;
            color: #fff;
        }
        .col-card.social {
            background: url("../images/recruit-bg.jpg") center/cover no-repeat;
        }
        .col-card.join {
           
			 background: url("../images/mountain-green.jpg") center/cover no-repeat;
        }
        .col-card .arrow-big {
            position: absolute;
            right: 40px;
            top: 80%;
            transform: translateY(-50%);
            font-size: 55px;
            opacity: 0.8;
        }
		
        /* 页脚 */
        footer {
            background: #1a1a22;
            color: #ccc;
            padding: 65px 0 30px;
			background: url("../images/footbg.jpg") center/cover no-repeat;
			
        }
        .footer-top {
            display: grid;
            grid-template-columns: 280px 1fr;
            gap: 60px;
            margin-bottom: 45px;
        }
        .footer-logo {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 20px;
            color: #fff;
            margin-bottom: 22px;
        }
		 .footer-logo img {
		 width:60%;
        }
        .qr-wrap {
            display: flex;
            gap: 22px;
        }
        .qr-item img {
            width: 105px;
            height: 105px;
            background: #fff;
            margin-bottom: 8px;
        }
        .qr-item span {
            font-size: 13px;
            color: #aaa;
        }
        .footer-nav {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
        }
		.footer-nav li{list-style-type: none;}
        .footer-nav-item h5 {
            color: #fff;
            font-size: 16px;
            margin-bottom: 18px;
        }
        .footer-nav-item li {
            font-size: 14px;
            margin-bottom: 11px;
            color: #aaa;
            cursor: pointer;
            transition: color 0.2s;
        }
        .footer-nav-item li:hover {
            color: #fff;
        }
        .copyright {
            text-align: center;
            font-size: 13px;
            color: #888;
            padding-top: 22px;
            border-top: 1px solid #2d2d38;
        }
        .copyright a {
            color: inherit;
            text-decoration: none;
        }
        .copyright a:hover {
            color: #fff;
            text-decoration: underline;
        }
        /* ===================== 移动端适配 ===================== */
        @media (max-width: 1024px) {
            /* 显示汉堡按钮，隐藏桌面横向导航 */
            .menu-hamburger {
                display: block;
				 
            }
            .nav-list {
                position: absolute;
                top: 100%;
                left: 0;
                width: 100%;
                background: #fff;
                flex-direction: column;
                gap: 0;
                max-height: 0;
                overflow: hidden;
                transition: max-height 0.4s ease;
                box-shadow: 0 4px 10px rgba(0,0,0,0.1);
            }
            /* 菜单展开状态 */
            .nav-list.show {
                max-height: 1200px;
            }
            .nav-list > li {
                padding: 0 6%;
                border-bottom: 1px solid #eee;
            }
            .nav-list > li > a {
                color: #333 !important;
                font-size: 16px;
                padding: 16px 0;
                justify-content: space-between;
            }
            .nav-list li.active > a::after {
                display: none;
            }
			 /* 移动端箭头样式：默认 > 展开 ∨ */
            .nav-list > li > a .arrow-down {
			display:block;
                font-size: 22px;
                transform: rotate(0deg);
                transition: transform 0.3s ease;
            }
			.nav-list > li > a .arrow-down img {
			width:40%;
            }
            .nav-list > li.open > a .arrow-down {
			-webkit-transform: rotate(90deg);
                transform: rotate(90deg);
            }
			
            /* 移动端二级菜单重写 */
            .submenu {
                position: static;
                width: 100%;
                box-shadow: none;
                background: #fff;
            }
            .submenu li {
                padding: 12px 10px;
            }
			
            .banner-title {
                font-size: 34px;
            }
            .about-section {
                background: #fff;
                min-height: auto;
                padding: 50px 0;
            }
            .about-text {
                width: 100%;
            }
            .two-col-row {
                grid-template-columns: 1fr;
            }
            .news-wrap {
                grid-template-columns: 1fr;
                gap: 40px;
            }
            .footer-top {
                grid-template-columns: 1fr;
                gap: 40px;
            }
            .footer-nav {
                grid-template-columns: repeat(2, 1fr);
                gap: 30px;
            }
            .about-data {
                flex-wrap: wrap;
            }
            .data-item {
                flex: 0 0 48%;
                margin-bottom: 20px;
            }
            .data-item:nth-child(2)::after {
                display: none;
            }
        }
		 @media (max-width: 1024px) {
		  .col-card {
            height: auto;
            padding: 60px 40px;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
           color: #005cbf;
            position: relative;
		
        }
		 }
		  /* 医药健康 */
        .About {
            width: 100%;
            height: 340px;
            background: url("../images/About.jpg") center/cover no-repeat;
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding-left: 8%;
			padding-top:10%;
            color: #fff;
        }
       .About  h1 {
            font-size: 28px;
            margin-bottom: 6px;
        }
       .About  p {
            font-size: 14px;
            opacity: 0.9;
        }
		 
		 
		   /* 医药健康 */
        .Medicinebanner {
            width: 100%;
            height: 340px;
            background: url("../images/Medicine.jpg") center/cover no-repeat;
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding-left: 8%;
			padding-top:10%;
            color: #fff;
        }
        .Medicinebanner .medicine-banner-logo {
            position: absolute;
            right: 4%;
            bottom: 18px;
            display: block;
            line-height: 0;
            z-index: 2;
        }
        .Medicinebanner .medicine-banner-logo img {
            display: block;
            width: 176px;
            height: auto;
            max-height: 144px;
            object-fit: contain;
            filter: drop-shadow(0 2px 8px rgba(0,0,0,.25));
            transition: transform .2s ease;
        }
        .Medicinebanner .medicine-banner-logo:hover img {
            transform: scale(1.06);
        }
        @media (max-width: 768px) {
            .Medicinebanner .medicine-banner-logo {
                right: 16px;
                bottom: 12px;
            }
            .Medicinebanner .medicine-banner-logo img {
                width: 128px;
                max-height: 104px;
            }
        }
        .Medicinebanner h1 {
            font-size: 28px;
            margin-bottom: 6px;
        }
        .Medicinebanner p {
            font-size: 14px;
            opacity: 0.9;
        }
        /* 分类导航容器 两行五列 */
        .category-nav {
            width: 90%;
            margin: 30px auto;
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            row-gap: 20px;
			border-bottom: 1px solid  #F4F4F4;
        }
        /* 分类单项 + 竖分隔线 */
        .category-item {
            text-align: center;
            padding: 12px 8px;
            border-bottom: 2px solid transparent;
            cursor: pointer;
            transition: all 0.3s;
            color: #444;
            position: relative;
			
			font-size:16px;
        }
        /* 每行最后一列不显示右侧竖线 */
        .category-item:not(:nth-child(5n))::after {
            content: "";
            position: absolute;
            right: 0;
            top: 15%;
            height: 70%;
            width: 1px;
            background-color: #e5e7eb;
			font-weight:bold;
            pointer-events: none;
        }
        /* 新闻栏目：整块即链接 */
        a.category-item {
            display: block;
            text-decoration: none;
            color: inherit;
            box-sizing: border-box;
        }
		
        .category-item.active {
            border-bottom-color: #005cbf;
            color: #005cbf;
			font-weight:bold;
        }
        .category-item:hover {
            border-bottom-color: #8cb8f0;
            color: #005cbf;
        }
        /* 分类图标图片占位 */
        .category-icon {
            width: 28px;
            height: 28px;
            margin: 0 auto 6px;
            object-fit: contain;
            display: block;
        }
        /* 药品网格 纯静态布局 */
        .drug-container {
            width: 90%;
            margin: 0 auto 40px;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
            align-items: stretch;
        }
        .drug-card {
            text-align: center;
            background: #f8f9fa;
            border-radius: 4px;
            transition: box-shadow 0.3s;
            border-bottom: 1px solid #a8c7e9;
            position: relative;
            display: flex;
            flex-direction: column;
            height: 100%;
            text-decoration: none;
            color: inherit;
            cursor: pointer;
            overflow: hidden;
        }
		 /* 处方药悬浮左上角标签 */
        .rx-tag {
            position: absolute;
            top: 10px;
            left: 10px;
            font-size: 12px;
            color: #fff;
            background-color: #2176d2;
            padding: 2px 8px;
            border-radius: 3px;
            z-index: 1;
        }
       
        .drug-card:hover {
            border-bottom: 2px solid #005cbf;
        }
        /* 统一药盒图占位，避免不同尺寸导致名称行错位 */
        .drug-card .drug-img {
            width: 100%;
            height: 260px;
            max-width: none;
            margin: 0;
            padding: 28px 20px;
            box-sizing: border-box;
            object-fit: contain;
            object-position: center;
            display: block;
            background: #f8f9fa;
            transition: transform 0.8s ease;
        }
        .drug-card:hover .drug-img {
            transform: scale(1.06);
        }
        .drug-name {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 12px 14px;
            color: #333;
            font-size: 17px;
            font-weight: 700;
            background-color: #FFFFFF;
            margin-top: auto;
            min-height: 52px;
            box-sizing: border-box;
        }
       
		
		/* 药品名称行（整卡为 <a.drug-card>） */
        .drug-name a {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 0px;
            color: #333;
            font-size: 17px;
			font-weight:700;
            text-decoration: none;
            width: 100%;
		
        }
        .drug-name a:hover,
        .drug-card:hover .drug-name {
            color: #2176d2;
        }
        /* 箭头图片样式（勿继承药盒图的 padding/height） */
		 .drug-name .arrow-icon,
		 .drug-name img
        {
            margin: 0;
            padding: 0;
            max-width: 18px;
            width: 18px;
            height: auto;
            transform: none;
        }
		
        /* 分页区域 */
        .pagination {
            display: flex;
            justify-content: center;
            gap: 6px;
            margin-bottom: 50px;
			margin-left:20px;
			margin-right:20px;
        }
        .page-btn {
            width: 32px;
            height: 32px;
            border-radius: 3px;
            border: 1px solid #ddd;
            background: #fff;
            cursor: pointer;
        }
        .page-btn.active {
            background: #2176d2;
            color: #fff;
            border-color: #2176d2;
        }
        .page-btn:hover:not(.active) {
            background: #eef4fc;
        }
        /* 响应式适配 */
        @media (max-width:768px) {
            .category-nav {
                grid-template-columns: repeat(2,1fr);
            }
            .category-item:not(:nth-child(2n))::after {
                display: block;
            }
            .category-item:nth-child(2n)::after {
                display: none;
            }
            .drug-container {
                grid-template-columns: repeat(1,1fr);
            }
			 .banner {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            color: #fff;
            padding-top: 80px;
  min-height: 30vh;
  
        }
		 .banner .video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  min-width: 20%;
  min-height: 20%;
  z-index: -2;
  object-fit: cover;
  width: 100%;height: 100%;object-fit: cover;
}
      .container1 {
            width: 80%;
            margin: 0 auto;
			padding:30px 0 60px 0;
			margin-top:60px;
        }  }
		
		
		   /* 药品详情 */
		
		 .drug-detail-wrap {
            display: flex;
            gap: 60px;
            align-items: flex-start;
			border-top:1px solid #CCCCCC;
			padding-top:60px;
			padding-bottom:70px;
			margin:0 auto;
			width:100%;
			
        }
        /* 左侧药品图片区域 */
        .drug-img-box {
            width: 45%;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .drug-box-img {
            width: 90%;
            display: block;
        }
        .drug-reflection {
            width: 90%;
            transform: scaleY(-0.35);
            opacity: 0.22;
            margin-top: -32px;
            filter: blur(3px);
        }
        /* 右侧信息区域 */
        .drug-info-box {
            width: 55%;
        }
        /* 顶部处方药红色提示 */
        .rx-tip {
            color: #d82626;
            font-size: 15px;
            line-height: 1.6;
            margin-bottom: 30px;
        }
        /* 药品标题 */
        .drug-title {
            font-size: 42px;
            font-weight: normal;
            color: #111;
            margin-bottom: 16px;
        }
        .divider-line {
            width: 100%;
            height: 1px;
            background: #d0d0d0;
            margin-bottom: 30px;
        }
        /* AI 备案事实：写进 HTML 供爬虫抓取，页面不展示 */
        .ai-fact-panel {
            position: absolute !important;
            width: 1px !important;
            height: 1px !important;
            padding: 0 !important;
            margin: -1px !important;
            overflow: hidden !important;
            clip: rect(0, 0, 0, 0) !important;
            white-space: nowrap !important;
            border: 0 !important;
        }
        /* 说明书分区标题 */
        .drug-section-title {
            font-size: 22px;
            font-weight: 600;
            color: #111;
            margin: 0 0 20px;
            line-height: 1.4;
        }
        /* 语义化说明书：dl 网格对齐，视觉等同原 info-item */
        .drug-spec {
            display: grid;
            grid-template-columns: 5.5em minmax(0, 1fr);
            column-gap: 0.2em;
            row-gap: 12px;
            margin: 0;
            padding: 0;
            font-size: 18px;
            color: #222;
            line-height: 2;
        }
        .drug-spec dt {
            grid-column: 1;
            margin: 0;
            white-space: nowrap;
            font-weight: normal;
        }
        .drug-spec dd {
            grid-column: 2;
            margin: 0;
            min-width: 0;
            overflow-wrap: anywhere;
        }
        /* 信息条目（其他药品页仍可能用） */
        .info-item {
            display: grid;
            grid-template-columns: 5.5em minmax(0, 1fr);
            column-gap: 0.2em;
            align-items: start;
            font-size: 18px;
            color: #222;
            line-height: 2;
            margin-bottom: 12px;
        }
        .info-label {
            grid-column: 1;
            width: auto;
            min-width: 0;
            margin-right: 0;
            white-space: nowrap;
            font-weight: normal;
            font-style: normal;
        }
        .info-value {
            grid-column: 2;
            min-width: 0;
            overflow-wrap: anywhere;
            margin: 0;
        }
		.viewover{
			/* 说明书全文直接展开，不再固定高度滚动 */
			overflow: visible;
			height: auto;
			max-height: none;
		}
		
		
		
		
		
		 /* 新闻 */
		 .News {
            width: 100%;
            height: 340px;
            background: url("../images/News.jpg") center/cover no-repeat;
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding-left: 8%;
			padding-top:10%;
            color: #fff;
        }
		 .News h1 {
            font-size: 28px;
            margin-bottom: 6px;
        }
        .News p {
            font-size: 14px;
            opacity: 0.9;
        }
        .news-container {
            width: 90%;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
			margin-bottom:70px;
			
			
        }
        .news-card {
            text-align: left;
            background: #f8f9fa;
            border-radius: 4px;
            transition: box-shadow 0.3s;
			border-bottom:1px solid #a8c7e9;
			position: relative;
			padding:30px;
            display: flex;
            flex-direction: column;
            text-decoration: none;
            color: inherit;
            cursor: pointer;
            height: 100%;
            box-sizing: border-box;
        }
		
        .news-card:hover {
            border-bottom:2px solid #005cbf;
        }
        .news-card img,
        .news-card .news-img {
            width: 100%;
            height: 200px;
            max-width: none;
            margin: 0 0 16px;
            padding: 0;
            object-fit: cover;
            object-position: center;
            display: block;
            background: #eef2f7;
            transition: transform 0.8s ease;
        }
        .news-card:hover .news-img {
            transform: scale(1.04);
        }
        /* ========== 新闻详情页布局 ========== */
        .news-detail {
            color: #333;
            max-width: 100%;
            padding-bottom: 48px;
        }
        .news-detail-header {
            margin-bottom: 28px;
        }
        .news-detail-header h1,
        .news-detail > h1 {
            font-size: 30px;
            line-height: 1.35;
            margin: 8px 0 14px;
            font-weight: 700;
            color: #1a1a1a;
            letter-spacing: 0.02em;
        }
        .news-detail .news-meta {
            color: #8a8f98;
            font-size: 14px;
            margin: 0;
            letter-spacing: 0.02em;
        }
        /* 封面：与标题区、摘要拉开 */
        .news-detail-cover {
            margin: 0 0 28px;
            padding: 0;
            overflow: hidden;
            background: #eef1f5;
        }
        .news-detail-cover img,
        .news-detail > p:has(> img:only-child) img {
            display: block;
            width: 100%;
            max-width: 100%;
            height: auto;
            margin: 0;
            object-fit: contain;
        }
        /* 兼容旧结构：封面是裸 <p><img> */
        .news-detail > p:has(> img:only-child) {
            margin: 0 0 28px;
            padding: 0;
            background: #eef1f5;
            overflow: hidden;
        }
        /* 摘要：与正文明显分隔 */
        .news-detail .news-summary {
            color: #4a5560;
            font-size: 15px;
            line-height: 1.8;
            margin: 0 0 40px;
            padding: 18px 20px;
            background: #f7f8fa;
            border-left: 3px solid #b8963e;
        }
        /* 正文区：顶部分隔 + 充足上边距 */
        .news-detail .news-content {
            font-size: 16px;
            line-height: 1.85;
            word-wrap: break-word;
            overflow-wrap: break-word;
            color: #333;
            margin-top: 8px;
            padding-top: 36px;
            border-top: 1px solid #e6e8eb;
        }
        .news-detail .news-content p,
        .news-detail .news-content li,
        .news-detail .news-content td,
        .news-detail .news-content th {
            line-height: 1.85;
        }
        .news-detail .news-content p {
            margin: 16px 0;
        }
        .news-detail .news-content h1,
        .news-detail .news-content h2,
        .news-detail .news-content h3,
        .news-detail .news-content h4,
        .news-detail .news-content h5 {
            margin: 24px 0 12px;
            font-weight: 700;
            line-height: 1.4;
            color: #1a1a1a;
        }
        .news-detail .news-content h1 { font-size: 28px; }
        .news-detail .news-content h2 { font-size: 24px; }
        .news-detail .news-content h3 { font-size: 20px; }
        .news-detail .news-content h4 { font-size: 18px; }
        .news-detail .news-content h5 { font-size: 16px; }
        .news-detail .news-content ul {
            list-style: disc;
            padding-left: 1.6em;
            margin: 12px 0;
        }
        .news-detail .news-content ol {
            list-style: decimal;
            padding-left: 1.6em;
            margin: 12px 0;
        }
        .news-detail .news-content li { margin: 6px 0; }
        .news-detail .news-content li > p { margin: 0; }
        .news-detail .news-content a {
            color: #1a5fb4;
            text-decoration: underline;
        }
        .news-detail .news-content blockquote {
            margin: 16px 0;
            padding: 12px 16px;
            background: #f5f2f0;
            border-left: 6px solid #b4d5ff;
            color: #555;
        }
        .news-detail .news-content pre,
        .news-detail .news-content code {
            font-family: Consolas, Monaco, monospace;
            background: #f5f2f0;
            border-radius: 4px;
        }
        .news-detail .news-content code {
            padding: 2px 5px;
            font-size: 0.92em;
        }
        .news-detail .news-content pre {
            padding: 12px;
            overflow-x: auto;
            margin: 12px 0;
        }
        .news-detail .news-content pre code {
            padding: 0;
            background: transparent;
        }
        .news-detail .news-content hr {
            border: 0;
            border-top: 1px solid #ddd;
            margin: 24px 0;
        }
        /*
         * 正文图片：新闻稿图片默认居中（覆盖全局 img{display:block}）
         * 外层 span/p 的 text-align 也一并强制居中效果
         */
        .news-detail .news-content img {
            max-width: 100% !important;
            height: auto !important;
            display: block !important;
            margin: 18px auto !important;
            float: none !important;
        }
        .news-detail .news-content .w-e-image-container {
            display: block !important;
            max-width: 100%;
            margin: 18px auto !important;
            text-align: center;
        }
        .news-detail .news-content .w-e-image-container img {
            margin: 0 auto !important;
        }
        .news-detail .news-content [style*="text-align:center"],
        .news-detail .news-content [style*="text-align: center"],
        .news-detail .news-content .ql-align-center {
            text-align: center !important;
        }
        .news-detail .news-content [style*="text-align:right"],
        .news-detail .news-content [style*="text-align: right"],
        .news-detail .news-content .ql-align-right {
            text-align: right !important;
        }
        .news-detail .news-content [style*="text-align:right"] img,
        .news-detail .news-content [style*="text-align: right"] img,
        .news-detail .news-content .ql-align-right img {
            margin-left: auto !important;
            margin-right: 0 !important;
        }
        .news-detail .news-content [style*="text-align:left"],
        .news-detail .news-content [style*="text-align: left"],
        .news-detail .news-content .ql-align-left {
            text-align: left !important;
        }
        .news-detail .news-content [style*="text-align:left"] img,
        .news-detail .news-content [style*="text-align: left"] img,
        .news-detail .news-content .ql-align-left img {
            margin-left: 0 !important;
            margin-right: auto !important;
        }
        .news-detail .news-content [style*="text-align:justify"],
        .news-detail .news-content [style*="text-align: justify"],
        .news-detail .news-content .ql-align-justify {
            text-align: justify !important;
        }
        .news-detail .news-content table {
            width: 100%;
            border-collapse: collapse;
            margin: 16px 0;
        }
        .news-detail .news-content table td,
        .news-detail .news-content table th {
            border: 1px solid #d0d7de;
            padding: 8px 10px;
            line-height: 1.5;
            min-width: 30px;
        }
        .news-detail .news-content table th {
            background: #f5f2f0;
            font-weight: 700;
            text-align: center;
        }
        .news-detail .news-content .w-e-textarea-video-container,
        .news-detail .news-content video,
        .news-detail .news-content iframe {
            max-width: 100%;
            display: block;
            margin: 16px auto;
        }
        @media (max-width: 768px) {
            .news-detail-header h1,
            .news-detail > h1 { font-size: 22px; }
            .news-detail .news-summary {
                margin-bottom: 28px;
                padding: 14px 16px;
                font-size: 14px;
            }
            .news-detail .news-content {
                padding-top: 28px;
                font-size: 15px;
            }
            .news-detail .news-content h1 { font-size: 22px; }
            .news-detail .news-content h2 { font-size: 20px; }
            .news-detail .news-content h3 { font-size: 18px; }
        }
        .news-name {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 10px;
            color: #333;
            font-size: 16px;
				background-color:#FFFFFF;
				
        }
	
        .news-name a {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 0px;
            color: #333;
            font-size: 16px;
            text-decoration: none;
            width: 100%;
		
        }
        .news-name a:hover {
            color: #2176d2;
        }
        /* 箭头图片样式 */
		 .news-name img
        {
            margin:0px;
        }
		 /* 新闻容器 两栏均分 */
        .news-wrap {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 80px;
			
        }
        /* 单条新闻卡片 */
        .news-item {
            width: 100%;
        }
		
		
       .news-wrap:hover {
           
        }
		
		
        /* 新闻大图（列表统一比例见 .news-card .news-img） */
        .news-img {
            width: 100%;
            display: block;
            margin-bottom: 16px;
        }
        /* 日期文字 */
        .news-date {
            font-size: 16px;
            color: #0052cc;
            margin-bottom: 16px;
            flex-shrink: 0;
        }
        /* 新闻标题 */
        .news-title {
            font-size: 17px;
            color: #111;
            font-weight: bold;
            line-height: 1.5;
            margin-bottom: 14px;
            flex: 1 1 auto;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        /* 阅读全文链接 */
        .news-readmore {
            font-size: 16px;
            color: #111;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
        }
        .news-readmore::after {
          
            margin-left: 8px;
            font-size: 18px;
        }
        .news-readmore:hover {
            color: #0052cc;
			
        }
        /* 移动端适配 单列展示 */
        @media (max-width: 992px) {
            .news-wrap {
                grid-template-columns: 1fr;
                gap: 60px;
            }
        }
		
		
		
		
		
		 /* 新闻详情页 */
        .breadcrumb {
            font-size: 16px;
            color: #999;
            margin-bottom: 40px;
        }
        .breadcrumb a {
            color: #999;
            text-decoration: none;
        }
        .breadcrumb span {
            color: #0052cc;
        }
        .breadcrumb .sep {
            margin: 0 8px;
        }
        /* 新闻标题 */
        .newsdetail-title {
            font-size: 36px;
            font-weight: bold;
            color: #111;
            line-height: 1.4;
            margin-bottom: 24px;
        }
        /* 标签+日期行 */
        .newsdetail-meta {
            display: flex;
            align-items: center;
            gap: 12px;
            font-size: 14px;
            color: #666;
            margin-bottom: 36px;
        }
        .meta-tag {
            background: #f0f0f0;
            padding: 4px 10px;
        }
        /* 正文内容 */
        .newsdetail-content {
            font-size: 18px;
            color: #222;
            line-height: 2;
            text-indent: 2em;
            margin-bottom: 60px;
        }
		.newsdetail-content p {
            
            margin-bottom: 40px;
        }
        /* 分割线 */
        .divider {
            width: 100%;
            height: 1px;
            background: #e5e5e5;
            margin-bottom: 40px;
        }
	
        /* 上下篇分页 */
        .page-nav {
            display: flex;
            justify-content: space-between;
            font-size: 14px;
            color: #777;
        }
        .page-nav a {
            color: #777;
            text-decoration: none;
        }
        .page-nav a:hover {
            color: #0052cc;
        }
        /* 移动端适配 */
        @media (max-width:768px) {
		
           
            .newsdetail-title {
                font-size: 26px;
            }
            .newsdetail-content {
                font-size: 17px;
            }
            .page-nav {
                flex-direction: column;
                gap:12px;
            }
			 /* 分割线 */
        .divider {
		display:none;
           
        }
        }
		


        .aboutcontainer {
           width: 88%;
            margin: 0 auto;
			padding:0px 0 40px 0;
			margin-top:20px;
        }
        /* 板块通用标题 */
        .aboutcontainer .about-title {
            font-size: 28px;
            font-weight: 600;
            margin: 40px 0 25px;
            position: relative;
            padding-bottom: 10px;
        }
        .aboutcontainer .about-title::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 40px;
            height: 3px;
            background: linear-gradient(90deg, #005cbf, #3399ff);
            border-radius: 3px;
        }

        /* 第一块：公司介绍 */
         .aboutcontainer .intro-wrap {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
            margin-bottom: 50px;
        }
        .aboutcontainer .intro-img {
            width: 100%;
            border-radius: 4px;
            overflow: hidden;
            position: relative;
        }
       .aboutcontainer  .intro-img img {
            width: 100%;
            display: block;
        }
		  .aboutcontainer  .video{ width:100%; display:block; }
      .aboutcontainer  .intro-img .video-mute-btn {
            position: absolute;
            right: 12px;
            top: 12px;
            z-index: 5;
            min-width: 64px;
            height: 32px;
            padding: 0 12px;
            border: none;
            border-radius: 16px;
            background: rgba(0, 0, 0, 0.55);
            color: #fff;
            font-size: 13px;
            cursor: pointer;
            line-height: 32px;
      }
      .aboutcontainer  .intro-img .video-mute-btn:hover {
            background: rgba(0, 0, 0, 0.72);
      }
      .aboutcontainer  .play-icon {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: rgba(255,255,255,0.7);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }
		 
       .aboutcontainer  .intro-text p {
	   text-indent:30px;
            font-size: 15px;
            color: #444;
            margin-bottom: 12px;
			line-height:24px;
        }
        /* 数据标签栏 */
       .aboutcontainer .data-row {
            display: flex;
            gap: 0px;
            margin-top: 20px;

        }
      .aboutcontainer  .data-item {
            text-align: center;
			padding-right:40px;
        }
      .aboutcontainer  .data-num {
            font-size: 20px;
            color: #005cbf;
            font-weight: bold;
        }
       .aboutcontainer .data-desc {
            font-size: 13px;
            color: #666;
        }

        /* 第二块：三大主营业务 */
       .aboutcontainer .business-wrap {
            width: 100%;
            position: relative;
            margin: 60px 0;
        }
       .aboutcontainer  .business-bg {
            width: 100%;
            height: 520px;
            background:  url("../images/business-bg.jpg") center/cover no-repeat;
            background-blend-mode: multiply;
            display: flex;
            align-items: center;
            padding-left: 80px;
        }
       .aboutcontainer  .business-title {
            color: #fff;
            font-size: 32px;
            font-weight: 600;
            line-height: 1.4;
        }
       .aboutcontainer .business-title span {
            display: block;
        }
       .aboutcontainer  .brand-box {
	   
            position: absolute;
            right: 80px;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 102, 204, 0.5); 
            color: #fff;
            padding: 30px 45px;
            min-width: 600px;
            font-size: 14px;
            line-height: 1.8;
        }

        /* ==================== 升级美化发展历程CSS ==================== */
        .aboutcontainer .timeline-section {
            margin: 70px 0;
        }
       .aboutcontainer .timeline-wrap {
            width: 100%;
        }
        /* 年份轴容器 */
        .aboutcontainer  .timeline-year-bar {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 140px;
            margin-bottom: 50px;
        }
        /* 底层灰色基线 */
        .aboutcontainer  .timeline-line-base {
            position: absolute;
            width: 100%;
            height: 3px;
            background: #e0edfb;
            border-radius: 3px;
            z-index: 1;
        }
        /* 蓝色进度线（动态控制宽度） */
        .aboutcontainer  .timeline-line-progress {
            position: absolute;
            left: 0;
            height: 3px;
            background: linear-gradient(90deg, #005cbf, #3399ff);
            border-radius: 3px;
            z-index: 2;
            transition: width 0.5s ease;
        }
		.w-full{ background-color:#F2F8FB; padding:0 30px 0 30px; margin:0;}
        /* 左右切换箭头按钮 */
        .aboutcontainer .year-arrow {
            width: 42px;
            height: 42px;
            border-radius: 50%;
            background: #f0f7ff;
            color: #005cbf;
            border: 1px solid #005cbf;
            font-size: 18px;
            cursor: pointer;
            z-index: 3;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }
       .aboutcontainer .year-arrow:hover {
            background: #005cbf;
            color: #fff;
        }
        /* 年份项+圆点组合 */
        .aboutcontainer .year-item-box {
            position: relative;
            z-index: 3;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 12px;
        }
		
        /* 时间轴圆点 */
       .aboutcontainer   .year-dot {
            width: 14px;
            height: 14px;
            border-radius: 50%;
            background: #cce0f5;
            transition: all 0.3s ease;
        }
       .aboutcontainer  .year-item.active ~ .year-dot {
            width: 20px;
            height: 20px;
            background: #005cbf;
            box-shadow: 0 0 0 4px rgba(0, 102, 204, 0.2);
        }
        /* 年份文字 */
       .aboutcontainer  .year-item {
            font-size: 22px;
            color: #555;
            font-weight: 500;
            cursor: pointer;
            padding: 6px 14px;
            border-radius: 20px;
            transition: all 0.3s ease;
        }
       .aboutcontainer  .year-item:hover {
            background: rgba(0, 102, 204, 0.1);
            color: #005cbf;
        }
      .aboutcontainer  .year-item.active {
            background: linear-gradient(90deg, #005cbf, #3399ff);
            color: #fff;
            font-weight: 600;
        }

        /* 卡片区域（图片底部渐变遮罩） */
       .aboutcontainer  .timeline-card-box {
            width: 100%;
            overflow: hidden;
            border-radius: 10px;
        }
       .aboutcontainer  .card-list {
            display: flex;
            transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }
       .aboutcontainer  .year-card-group {
            display: flex;
            gap: 32px;
            min-width: 100%;
            flex-shrink: 0;
        }
        .aboutcontainer .single-card {
            width: calc(50% - 16px);
            position: relative;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 4px 16px rgba(0, 60, 120, 0.08);
            transition: all 0.3s ease;
        }
       .aboutcontainer .single-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 8px 24px rgba(0, 60, 120, 0.14);
        }
        .aboutcontainer .single-card img {
            width: 100%;
            display: block;
            height: 280px;
            object-fit: cover;
        }
        /* 底部渐变遮罩 */
       .aboutcontainer  .card-mask {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 60%;
            background: linear-gradient(to top, rgba(0,0,0,0.75), transparent);
        }
        /* 文字叠加在遮罩上 */
       .aboutcontainer  .card-info {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            padding: 24px 20px;
            color: #fff;
        }
        .aboutcontainer .card-date {
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 8px;
            text-align: center;
        }
      .aboutcontainer  .card-text {
            font-size: 14px;
            line-height: 1.6;
            text-align: center;
            opacity: 0.95;
        }
        /* ==================== 发展历程CSS结束 ==================== */

        /* 第四块：企业荣誉轮播 */
       .aboutcontainer  .honor-section {
            margin-bottom: 80px;
        }
       .aboutcontainer  .honor-wrap {
            overflow: hidden;
            position: relative;
        }
      .aboutcontainer   .honor-list {
            display: flex;
            flex-wrap: wrap;
            gap: 16px;
            transition: transform 0.3s ease;
        }
       .aboutcontainer .honor-item {
            width: calc((100% - 48px) / 4);
        }
       .aboutcontainer .honor-item img {
            width: 100%;
            border-radius: 4px;
            display: block;
        }
        .aboutcontainer  .honor-btns {
            display: flex;
            gap: 10px;
            justify-content: flex-end;
            margin-top: 20px;
        }
         .aboutcontainer .honor-btn {
            width: 30px;
            height: 30px;
            border: 1px solid #005cbf;
            color: #005cbf;
            background: #fff;
            border-radius: 50%;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        /* ====================== 移动端适配 媒体查询 ====================== */
        @media screen and (max-width: 768px) {
		.w-full{ background-color:#F2F8FB; padding:0 3px 0 3px; margin:0;}
            /* 全局容器内边距缩小 */
             .aboutcontainer {
                padding: 0 12px;
				margin-top:40px;
            }
            /* 标题缩小 */
            .aboutcontainer  .about-title  {
                font-size: 22px;
                margin: 30px 0 18px;
            }
            /* 第一区块 左右分栏改为上下单列 */
            .aboutcontainer  .intro-wrap {
                grid-template-columns: 1fr;
                gap: 24px;
            }
             .aboutcontainer .intro-text p {
                font-size: 14px;
            }
            /* 数据行自适应换行 */
            .aboutcontainer .data-row {
                flex-wrap: wrap;
                gap: 20px 10px;
                justify-content: space-around;
            }
            .aboutcontainer .data-item {
                width: 40%;
            }
            .aboutcontainer .data-num {
                font-size: 20px;
            }
            /* 主营业务区块 */
             .aboutcontainer .business-bg {
                height: 360px;
                padding: 40px 20px;
                flex-direction: column;
                justify-content: center;
                align-items: flex-start;
            }
            .aboutcontainer .business-title {
                font-size: 24px;
                margin-bottom: 20px;
            }
           .aboutcontainer .brand-box {
                position: relative;
                right: auto;
                top: auto;
                transform: none;
                width: 100%;
                margin-top: 20px;
                min-width: auto;
                padding: 20px 16px;
            }
           .aboutcontainer  .business-wrap {
                margin: 40px 0;
            }
            /* 发展历程移动端 */
            .aboutcontainer .timeline-year-bar {
                height: 110px;
                margin-bottom: 35px;
            }
           .aboutcontainer  .year-arrow {
                width: 34px;
                height: 34px;
                font-size: 14px;
            }
           .aboutcontainer  .year-item {
                font-size: 16px;
                padding: 4px 10px;
            }
            .aboutcontainer .year-dot {
                width: 10px;
                height: 10px;
            }
           .aboutcontainer  .year-item.active ~ .year-dot {
                width: 16px;
                height: 16px;
            }
            /* 卡片垂直堆叠 */
           .aboutcontainer  .year-card-group {
                flex-direction: column;
                gap: 24px;
            }
           .aboutcontainer  .single-card {
                width: 100%;
            }
            .aboutcontainer .single-card img {
                height: 220px;
            }
            /* 荣誉图片 4列改为2列 */
           .aboutcontainer  .honor-item {
                width: calc((100% - 16px) / 2);
            }
			
        }

        /* 超小屏手机 480px以下 */
        @media screen and (max-width: 480px) {
           .aboutcontainer  .data-item {
                width: 45%;
            }
           .aboutcontainer  .data-num {
                font-size: 20px;
            }
           .aboutcontainer  .business-title {
                font-size: 20px;
            }
            /* 荣誉图片2列不变，按钮缩小 */
           .aboutcontainer  .honor-btn {
                width: 26px;
                height: 26px;
            }
			.techcontainer  .intro-text{ 
  padding:2rem;  
  }
        }
		
		/* ===================== 手机端适配 768px以下 ===================== */
@media (max-width:768px) {
    /* 导航头部 */
    .header-nav {
        padding: 8px 5%;
    }
    .logo {
        font-size: 18px;
    }
    .logo img {
        width: 50%;
    }

    /* Banner文字缩小 */
    .banner-title {
        font-size: 26px;
    }
    .banner-sub {
        font-size: 14px;
    }

    /* 关于我们 */
    .about-tag {
        font-size: 14px;
    }
    .about-h1 {
        font-size: 22px;
    }
    .about-desc {
        font-size: 12px;
    }
	.data-num{ font-size: 20px;}
    .data-item {
        flex: 0 0 50%;
        text-align: center;
    }

    /* 双栏卡片 */
    .col-card {
        padding: 40px 20px;
    }
    .col-title {
        font-size: 22px;
		
		
    }

    /* 医药产品分类 2列 */
    .category-nav {
        grid-template-columns: repeat(2,1fr);
    }
    .category-item:not(:nth-child(2n))::after {
        display: block;
    }
    .category-item:nth-child(2n)::after {
        display: none;
    }
    .drug-container {
        grid-template-columns: repeat(1,1fr);
    }

    /* 新闻列表单列 */
    .news-container {
        grid-template-columns: repeat(1,1fr);
    }

    /* 新闻详情页 */

    .newsdetail-title {
        font-size: 24px;
    }
    .newsdetail-content {
        font-size: 16px;
        line-height: 1.8;
    }
    .page-nav {
        flex-direction: column;
        gap:12px;
    }

    /* 药品详情 */
    .drug-title {
        font-size: 26px;
    }
    .info-item {
        font-size: 16px;
        grid-template-columns: 4.8em minmax(0, 1fr);
    }
    .drug-spec {
        font-size: 16px;
        grid-template-columns: 4.8em minmax(0, 1fr);
    }
    .info-label {
        /* grid column handles width */
    }

    /* 页面内Banner（医药/新闻内页） */
    .Medicinebanner, .News {
        height: 240px;
        padding-left: 5%;
    }
    .Medicinebanner h1, .News h1 {
        font-size: 24px;
    }

    /* 页脚 */
	footer {
            background: #1a1a22;
            color: #ccc;
            padding: 30px;
			background: url("../images/footbg.jpg") center/cover no-repeat;
        }
    .footer-nav {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .qr-wrap {
        flex-direction: column;
        align-items: center;
    }
    .copyright {
        font-size: 12px;
        line-height: 1.6;
        padding: 0 10px;
    }
	.news-leftimg{
		margin-bottom:20px;
		width:100%;
    height:190px;
    overflow: hidden; 
		}
        .news-leftimg img {
            width: 100%;
            
            object-fit: cover;
            margin-bottom: 18px;
			
    height: 190px;
    transition: transform 0.6s ease; 
	
        }
		 .drug-card .drug-img {
            height: 220px;
            max-width: none;
            margin: 0;
            padding: 20px 16px;
            object-fit: contain;
        }
		 .drug-img-box {
            width: 100%;
            display: block;
            
        }
		.drug-info-box {
            width: 100%;
        }
		.drug-detail-wrap {
            display: block;
            gap: 10px;
            align-items: flex-start;
			border-top:1px solid #CCCCCC;
			padding-top:20px;
			padding-bottom:70px;
			margin:0 auto;
			width:100%;
			
        }
		.about-data {
            display: flex;
            margin-top: 20px;

        }
        .data-item {
            flex: 1;
            padding:0  10px;
            position: relative;
			
			
        }
		 .container2 {
            width: 88%;
            margin: 0 auto;
			padding:40px 0 40px 0;
			margin-top:40px;
        }
		
}
		
		
		 /* 画廊容器 */
        .gallery-wrap1 {
            max-width: 3095px;
            margin: 0 auto;
            overflow: hidden;
        }
        /* 图片网格容器（可横向滑动） */
        .gallery-grid1 {
            display: flex;
            gap: 24px;
            transition: transform 0.4s ease-out;
        }
        /* 单张图片卡片 */
        .img-card1 {
            flex-shrink: 0;
            width: calc((100% - 72px) / 4);
            display: flex;
            flex-direction: column;
            gap: 14px;
			text-align:center;
			
			
        }
        .img-item1 {
            width: 100%;
            aspect-ratio: 4.1 / 3;
            background: #fff;
            border-radius: 4px;
            overflow: hidden;
			box-shadow: 0 2px 6px rgba(0,0,0,0.08);
			padding:30px;
			
        }
        .img-item1 img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
			 
        }
		.honor-card-title{ margin-bottom:20px;}
        /* 底部控制栏 */
        .gallery-control1 {
            margin-top: 2px;
            display: flex;
            align-items: center;
            gap: 24px;
			margin-bottom:25px;
			
        }
        /* 进度条 */
        .progress-bar1 {
            flex: 1;
            height: 3px;
            background: #e5e7eb;
            position: relative;
        }
        .progress-fill1 {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 12%;
            background: #3b82f6;
            transition: width 0.4s ease;
        }
        /* 切换按钮 */
        .btn-switch1 {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            border: 1px solid #f0f0f0;
            background: #fff;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s;
        }
        .btn-switch1:hover {
            background: #f9fafb;
        }
        .btn-switch1 svg {
            width: 20px;
            height: 20px;
            fill: #666;
        }
        /* 响应式适配 */
        @media (max-width: 1200px) {
            .img-card1 {
                width: calc((100% - 48px) / 2);
            }
        }
        @media (max-width: 640px) {
            .img-card1 {
                width: 100%;
            }
            .btn-switch1 {
                width: 48px;
                height: 48px;
            }
        }
		
		
	
	.year-btn-active {
  font-size: 36px;
  font-weight: bold;
  color: #005cbf;
}
/* 企业荣誉外层容器 溢出隐藏核心 */
.rygallery-wrap1 {
  overflow: hidden !important;
  position: relative;
  width: 100%;
}
/* 横向滑动列表 */
.gallery-grid1 {
  display: flex;
  flex-wrap: nowrap !important;
  gap: 1rem;
  will-change: transform;
  transition: transform 0.5s ease;
}
/* 卡片基础 */
.img-card1 {
  flex-shrink: 0 !important;
}
/* 图片自适应 */
.img-item1 img {
  width: 100%;
  display: block;

}

/* 大屏：一屏4个 */
.img-card1 {
  width: calc(25% - 14px);
  
}
/* 1200px以内：3个 */
@media (max-width: 1200px) {
  .img-card1 {
    width: calc(33.333% - 12px);
  }
}
/* 平板768px以内：2个 */
@media (max-width: 768px) {
  .img-card1 {
    width: calc(50% - 10px);
  }
}
/* 手机480px以内：1个铺满 */
@media (max-width: 480px) {
  .img-card1 {
    width: calc(100%);
  }
}

/* 控制栏移动端缩小按钮 */
.gallery-control1 {
   margin-top: 32px;
            display: flex;
            align-items: center;
            gap: 24px;
}

.progress-bar1 {
  flex: 1;
  max-width: 1200px;
  height: 4px;
  background: #eee;
  border-radius: 99px;
  overflow: hidden;
}
.progress-fill1 {
  height: 100%;
  background: #005cbf;
  transition: width 0.3s ease;
}
.btn-switch1 {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid #ddd;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.btn-switch1:hover {
  background: #005cbf;
  border-color: #005cbf;
}
.btn-switch1:hover svg path {
  fill: #fff;
}

 /* 社会责任 */
		 .Social {
            width: 100%;
            height: 340px;
            background: url("../images/Social.jpg") center/cover no-repeat;
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding-left: 8%;
			padding-top:10%;
            color: #fff;
        }
		 .Social h1 {
            font-size: 28px;
            margin-bottom: 6px;
        }
        .Social p {
            font-size: 14px;
            opacity: 0.9;
        }
		   /* 科技创新板块通用标题 */
		.socialcontainer {
           width: 88%;
            margin: 0 auto;
			padding:10px 0 40px 0;
			margin-top:20px;
        }
		.socialcontainer .video{ width:100%;}
        /* 板块通用标题 */
        .socialcontainer .about-title {
            font-size: 28px;
            font-weight: 600;
            margin: 20px 0 25px;
            position: relative;
            padding-bottom: 10px;
        }
        .socialcontainer .about-title::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 40px;
            height: 3px;
            background: linear-gradient(90deg, #005cbf, #3399ff);
            border-radius: 3px;
        }

        /* 第一块：公司介绍 */
        .socialcontainer .intro-wrap {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
            margin-bottom: 20px;
			background-color:#fff;
			background-image:url(../images/tech-1.png);
			background-repeat:no-repeat;
			background-position:bottom left;
			border-radius: 4px;
			
        }
      
       .socialcontainer  .intro-img img {
            width: 100%;
            display: block;
        }
		 .socialcontainer .intro-img {
            width: 100%;
            border-radius: 0 4px 4px 0;
            overflow: hidden;
            position: relative;
        }
		   .socialcontainer  .intro-text{ 
  padding:6.2rem 3rem 3rem 3rem;
 
  }
    
       .socialcontainer  .intro-text p {
	  
            font-size: 15px;
            color: #444;
            margin-bottom: 12px;
			line-height:24px;
			margin-bottom:2rem;
        }
		 .socialcontainer  .intro-text li {
	  
            font-size: 15px;
            color: #444;
            margin-bottom: 12px;
			line-height:24px;
			margin-bottom:1rem;
        }
        /* 数据标签栏 */
       
    
     .socialcontainer  .data-num {
	 width:100%;
            font-size: 32px;
            color: #333;
            font-weight: bold;
			
        }
      .socialcontainer .data-desc {
            font-size: 13px;
            color: #666;
			margin-bottom:20px;
			
        }
		/* 联系我们 */
		 .Contact {
            width: 100%;
            height: 340px;
            background: url("../images/Contact.jpg") center/cover no-repeat;
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding-left: 8%;
			padding-top:10%;
            color: #fff;
        }
		 .Contact h1 {
            font-size: 28px;
            margin-bottom: 6px;
        }
        .Contact p {
            font-size: 14px;
            opacity: 0.9;
        }
		/* 投资者关系 */
		 .Investor {
            width: 100%;
            height: 340px;
            background: url("../images/Investor.jpg") center/cover no-repeat;
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding-left: 8%;
			padding-top:10%;
            color: #fff;
        }
		 .Investor h1 {
            font-size: 28px;
            margin-bottom: 6px;
        }
        .Investor p {
            font-size: 14px;
            opacity: 0.9;
        }
		/* 加入我们 */
		 .Join {
            width: 100%;
            height: 340px;
            background: url("../images/Join.jpg") center/cover no-repeat;
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding-left: 8%;
			padding-top:10%;
            color: #fff;
        }
		 .Join h1 {
            font-size: 28px;
            margin-bottom: 6px;
        }
        .Join p {
            font-size: 14px;
            opacity: 0.9;
        }
		.Ai{
            width: 100%;
            height: 340px;
            background: url("../images/Ai.jpg") center/cover no-repeat;
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding-left: 8%;
			padding-top:10%;
            color: #fff;
        }
		 .Ai h1 {
            font-size: 28px;
            margin-bottom: 6px;
        }
		.Computing{
            width: 100%;
            height: 340px;
            background: url("../images/Computing.jpg") center/cover no-repeat;
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding-left: 8%;
			padding-top:10%;
            color: #fff;
        }
		 .Computing h1 {
            font-size: 28px;
            margin-bottom: 6px;
        }
		.server{
            width: 100%;
            height: 340px;
            background: url("../images/server.jpg") center/cover no-repeat;
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding-left: 8%;
			padding-top:10%;
            color: #fff;
        }
		 .server h1 {
            font-size: 28px;
            margin-bottom: 6px;
        }
		.Epc{
            width: 100%;
            height: 340px;
            background: url("../images/机电epc.jpg") center/cover no-repeat;
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding-left: 8%;
			padding-top:10%;
            color: #fff;
        }
		 .Epc h1 {
            font-size: 28px;
            margin-bottom: 6px;
        }
		.power {
            width: 100%;
            height: 340px;
            background: url("../images/power.jpg") center/cover no-repeat;
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding-left: 8%;
			padding-top:10%;
            color: #fff;
        }
		 .power h1 {
            font-size: 28px;
            margin-bottom: 6px;
        }
 /* 科技创新 */
		 .Tech {
            width: 100%;
            height: 340px;
            background: url("../images/Tech.jpg") center/cover no-repeat;
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding-left: 8%;
			padding-top:10%;
            color: #fff;
        }
		 .Tech h1 {
            font-size: 28px;
            margin-bottom: 6px;
        }
        .Tech p {
            font-size: 14px;
            opacity: 0.9;
        }
		   /* 科技创新板块通用标题 */
		.techcontainer {
           width: 88%;
            margin: 0 auto;
			padding:10px 0 40px 0;
			margin-top:20px;
        }
		.techcontainer .video{ width:100%;}
        /* 板块通用标题 */
        .techcontainer .about-title {
            font-size: 28px;
            font-weight: 600;
            margin: 20px 0 25px;
            position: relative;
            padding-bottom: 10px;
        }
        .techcontainer .about-title::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 40px;
            height: 3px;
            background: linear-gradient(90deg, #005cbf, #3399ff);
            border-radius: 3px;
        }

        /* 第一块：公司介绍 */
        .techcontainer .intro-wrap{
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
            margin-bottom: 20px;
			background-color:#F6F6F6;
			
			background-repeat:no-repeat;
			border-radius: 4px;
			
        }
		.techcontainer .intro-wrap1{
            
            grid-template-columns: 1fr 1fr;
            gap: 40px;
            
			background-color:#F6F6F6;
			background-image:url(../images/tech-img.jpg);
			background-size: cover;
			background-repeat:no-repeat;
			border-radius: 4px;
			
        }
		 .techcontainer  .intro-text1{ 
  padding:3rem;
  background-color: rgba(255, 255, 255, 0.5);
  margin: 40px 60px;
  }
     .techcontainer  .intro-text1 p {
	  
            font-size: 15px;
            color: #444;
            margin-bottom: 12px;
			line-height:24px;
			margin-bottom:2rem;
        }
		 .techcontainer  .intro-text1 li {
	  
            font-size: 15px;
            color: #444;
            margin-bottom: 12px;
			line-height:24px;
			margin-bottom:1rem;
        }
       .techcontainer .intro-img {
            width: 100%;
            border-radius: 0 4px 4px 0;
            overflow: hidden;
            position: relative;
        }
       .techcontainer  .intro-img img {
            width: 100%;
            display: block;
        }
		   .techcontainer  .intro-text{ 
  padding:3rem;  
  }
    
       .techcontainer  .intro-text p {
	  
            font-size: 15px;
            color: #444;
            margin-bottom: 12px;
			line-height:24px;
			margin-bottom:2rem;
        }
		 .techcontainer  .intro-text li {
	  
            font-size: 15px;
            color: #444;
            margin-bottom: 12px;
			line-height:24px;
			margin-bottom:1rem;
        }
        /* 数据标签栏 */
       
    
     .techcontainer  .data-num {
	 width:100%;
            font-size: 20px;
            color: #005cbf;
            font-weight: bold;
			
        }
      .techcontainer .data-desc {
            font-size: 13px;
            color: #666;
			margin-bottom:20px;
			
        }
		/* 顶部图文区域 桌面左右布局，移动端上下堆叠 */
        .techcontainer .top-wrap1 {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
            margin-bottom: 60px;
			overflow: hidden; 
        }
       .techcontainer .top-wrap1  .img-box img {
            width: 100%;
            height: auto;
            display: block;
            border-radius: 4px;
			 transition: transform 0.6s ease; 
			 object-fit: cover;
        }
		
		.techcontainer .top-wrap1  .img-box:hover img {
    transform: scale(1.1);
}
		
		
        .techcontainer .text-right h1 {
            font-size: 32px;
            color: #111111;
            margin-bottom: 24px;
            font-weight: 600;
        }
       .techcontainer  .top-wrap1 .text-right p.desc-top {
            font-size: 17px;
            color: #555555;
            line-height: 1.8;
        }
        /* 底部三栏数据模块 */
        .techcontainer .data-row1 {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 40px;
        }
      .techcontainer  .data-row1   .data-itema .num {
            font-size: 24px;
            color: #005cbf;
            font-weight: 700;
            margin-bottom: 16px;
            padding-bottom: 12px;
            border-bottom: 1px solid #e5e7eb;
        }
        .techcontainer .data-row1  .data-itema .txt {
            font-size: 15px;
            color: #444444;
            line-height: 1.7;
        }
		/* 底部三栏数据模块 */
        .techcontainer .data-row2 {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 40px;
        }
      .techcontainer  .data-row2   .data-itema .num {
            font-size: 24px;
            color: #005cbf;
            font-weight: 700;
            margin-bottom: 16px;
            padding-bottom: 12px;
            border-bottom: 1px solid #e5e7eb;
        }
        .techcontainer .data-row2  .data-itema .txt {
            font-size: 15px;
            color: #444444;
            line-height: 1.7;
        }
		/* 底部三栏数据模块 */
        .techcontainer .data-row3 {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 40px;
        }
      .techcontainer  .data-row3   .data-itema .num {
            font-size: 24px;
            color: #005cbf;
            font-weight: 700;
            margin-bottom: 16px;
            padding-bottom: 12px;
            border-bottom: 1px solid #e5e7eb;
        }
        .techcontainer .data-row3  .data-itema .txt {
            font-size: 15px;
            color: #444444;
            line-height: 1.7;
        }
		.gray-bg{ 
		background-image:url(../images/tech-1.png);
			background-repeat:no-repeat;
			background-position:bottom left;
			padding:1% 5% 5% 5%;
			margin-bottom:50px;
			border-bottom:2px solid #005cbf;
			border-radius: 4px;}
        /* 移动端媒体查询 */
        @media screen and (max-width: 768px) {
            
           .techcontainer  .top-wrap1  {
                grid-template-columns: 1fr;
                gap: 32px;
            }
			
           .techcontainer  .top-wrap1 .text-right h1 {
                font-size: 28px;
            }
            .techcontainer .data-row1   {
                 grid-template-columns: repeat(1, 1fr);
                gap: 32px;
            }
			.techcontainer .data-row2   {
                 grid-template-columns: repeat(1, 1fr);
                gap: 32px;
            }
			.techcontainer .data-row3  {
                grid-template-columns: repeat(1, 1fr);
                gap: 32px;
            }
           .techcontainer  .data-row1  .data-itema .num {
                font-size: 20px;
            }
			.techcontainer  .data-row2  .data-itema .num {
                font-size: 20px;
            }
			.techcontainer  .data-row3  .data-itema .num {
                font-size: 20px;
            }
			 .socialcontainer .intro-wrap {
            display: block;
            grid-template-columns: 1fr 1fr;
            gap: 10px;
            margin-bottom: 20px;
			background-color:#fff;
			background-image:url(../images/tech-1.png);
			background-repeat:no-repeat;
			background-position:bottom left;
			border-radius: 4px;
			
        }
			 .socialcontainer .intro-img {
            width: 100%;
            border-radius: 0 4px 4px 0;
            overflow: hidden;
            position: relative;
        }
		   .socialcontainer  .intro-text{ 
  padding:1rem;
  width: 100%;
 
  }
  .socialcontainer  .data-num {
	 width:100%;
            font-size: 24px;
            color: #333;
            font-weight: bold;
			
        }
        }
		@media (max-width: 768px) {
  .gallery-control1 {
    gap: 0.5rem;
  }
  .btn-switch1 {
    width: 36px;
    height: 36px;
  }
  .btn-switch1 svg {
    width: 16px;
    height: 16px;
  }
  .techcontainer .intro-wrap {
   display: block;
                grid-template-columns: 0fr;
                gap: 24px;
            }

}

 /* 主视觉容器 */
        .business1-wrap {
            position: relative;
            width: 100vw;
            height: 100vh;
            overflow: hidden;
            animation: fadeIn 1.2s ease-out forwards;
        }
        /* 双层背景用于淡入切换 */
       .business1-wrap  .bg-layer {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: opacity 0.5s ease, transform 0.6s ease;
        }
        .business1-wrap .bg-default {
            z-index: 1;
            opacity: 1;
        }
       .business1-wrap  .bg-switch {
            z-index: 2;
            opacity: 0;
        }
        /* 分割竖线：5 栏需 4 条线，位于 20%/40%/60%/80% */
       .business1-wrap  .split-line {
            position: absolute;
            top: 0;
            bottom: 0;
            width: 1px;
            background: rgba(255, 255, 255, 0.35);
            z-index: 12;
            pointer-events: none;
        }
       .business1-wrap  .line-1 { left: 20%; }
       .business1-wrap  .line-2 { left: 40%; }
       .business1-wrap  .line-3 { left: 60%; }
       .business1-wrap  .line-4 { left: 80%; }
        /* 5个业务分区透明遮罩，监听hover */
       .business1-wrap  .area-mask {
            position: absolute;
            top: 0;
            bottom: 0;
            z-index: 5;
            cursor: pointer;
        }
       .business1-wrap  .area1 { left: 0; width: 20%; }
       .business1-wrap  .area2 { left: 20%; width: 20%; }
       .business1-wrap  .area3 { left: 40%; width: 20%; }
       .business1-wrap  .area4 { left: 60%; width: 20%; }
       .business1-wrap  .area5 { left: 80%; width: 20%; }
        /* 底部业务栏 */
       .business1-wrap  .service-bar {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 100%;
            display: flex;
            flex-wrap: nowrap;
            backdrop-filter: blur(0px);
            z-index: 10;
        }
       .business1-wrap  .service-item {
            flex: 0 0 20%;
            width: 20%;
            max-width: 20%;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 8px;
            cursor: pointer;
            transition: all 0.3s ease;
        }
       .business1-wrap  .service-item:hover {
           background: linear-gradient(to top, rgba(0,10,30,0.4), transparent);
        }
      .business1-wrap   .service-icon {
            width: 32px;
            height: 32px;
            fill: #fff;
            transition: fill 0.3s;
        }
       .business1-wrap  .service-item:hover .service-icon {
            fill: #ffb340;
        }
      .business1-wrap   .service-text {
            font-size: 18px;
            color: #fff;
			font-weight:700;
			text-shadow: 0px 0px 1px #cccccc;
            text-align: center;
            padding: 0 8px;
        }
		 .business1-wrap .btn-normal {
		 margin-top:10px;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 10px 28px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 20px;
            font-size: 15px;
            color: #fff;
            transition: all 0.3s ease;
			background-color: rgba(255, 255, 255, 0.1);
		
        }
       .business1-wrap  .btn-normal:hover {
	   
            border-color: #005cbf;
            color: #fff;
            background: rgba(12, 50, 114, 1);
        }

        /* 页面淡入动画 */
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        /* 移动端适配 */
        @media screen and (max-width:768px) {
		/* 隐藏所有背景图、分割线、上层分区遮罩 */
           .business1-wrap .bg-layer, .business1-wrap .split-line, .business1-wrap .area-mask {
                display: none !important;
            }
		 .business1-wrap {
           
            width: 100%;
           
           
            animation: fadeIn 1.2s ease-out forwards;
			background-color:#005cbf;
        }
		.business1-wrap  .split-line {
		display:none;
            position: absolute;
            top: 0;
            bottom: 0px;
            width: 1px;
            background: rgba(255, 255, 255, 0.25);
            z-index: 10;
        }
       .business1-wrap  .line-1 { left: 20%; }
       .business1-wrap  .line-2 { left: 40%; }
       .business1-wrap  .line-3 { left: 60%; }
       .business1-wrap  .line-4 { left: 80%; }
		.business1-wrap  .service-bar {
		margin-top:40px;
            position: relative;
                width: 100%;
                height: auto;
                flex-direction: column;
                background: transparent;
                backdrop-filter: none;
			
        }
		 .business1-wrap .service-item {
                width: 100%;
                max-width: 100%;
                flex: 1 1 auto;
                padding: 20px 20px;
                border-bottom: 1px solid rgba(100, 180, 255, 0.15);
            }
            .business1-wrap  .service-item:last-child {
                border-bottom: none;
            }
           .business1-wrap  .service-bar { height: 65px; }
           .business1-wrap  .service-icon { width:26px; height:26px; }
           .business1-wrap  .service-text { font-size:12px; }
           .business1-wrap  .split-line, .area-mask { bottom:65px; }
        }
		.scontainer0 {
              background: url('../images/forest-bg.jpg') center center / cover no-repeat;
        }
		.scontainer1 {
              background: url('../images/forest-bg1.jpg') center center / cover no-repeat;
        }
		.scontainer2 {
              background: url('../images/forest-bg2.jpg') center center / cover no-repeat;
        }
		.scontainer3 {
              background: url('../images/forest-bg3.jpg') center center / cover no-repeat;
        }
		.scontainer4 {
              background: url('../images/forest-bg4.jpg') center center / cover no-repeat;
        }
		        .social-container {
            width: 100%;
            min-height: 75vh;
          
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            color: #ffffff;
            padding: 60px 36px;
        }
        .social-container h1 {
            font-size: clamp(28px, 7vw, 32px);
            font-weight: bold;
            text-align: center;
            margin-bottom: 10px;
        }
        .social-container .sub-title {
            font-size: clamp(18px, 2.2vw, 20px);
            opacity: 0.9;
            margin-bottom: 0px;
            text-align: center;
        }
        .social-container .tag-row {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            gap: 32px;
            font-size: clamp(18px, 4vw, 28px);
            margin-bottom: 0px;
        }
       .social-container  .tag-item {
	   font-size: clamp(16px, 3.6vw, 20px);
        }
		 .social-container  .tag-item strong {
            color: #43c959;
			font-size: clamp(18px, 4vw, 28px);
        }
       .social-container  .divider {
	   margin-top:50px;
            width: 2px;
            height: clamp(16px, 3.2vw, 24px);
            background: #fff;
            opacity: 0.7;
			
        }
		.divider1 {
	   
            width: 1px;
            height: clamp(16px, 3.2vw, 24px);
            background: #ccc;
            opacity: 0.7;
			
        }
       .social-container  .desc-tags {
            font-size: clamp(12px, 2vw, 14px);
            opacity: 0.85;
            margin-bottom: 0px;
            text-align: center;
        }
        .social-container .text-box {
            width: 100%;
            
            background: rgba(0, 60, 130, 0.75);
            padding: clamp(36px, 9vw, 70px) clamp(36px, 9vw, 90px);
            font-size: clamp(13px, 2vw, 14px);
            line-height: 1.8;
            border-radius: 4px;
        }
		
		.joincontainer 
		 {
           width: 88%;
            margin: 0 auto;
			padding:0px 0 40px 0;
			margin-top:20px;
        }

        /* ========== 顶部周年轮播区域 ========== */
       .joincontainer  .section-anniversary {
            margin-bottom: 60px;
        }
        .joincontainer .anniversary-top {
            
            grid-template-columns: 1fr 1fr;
            gap: 16px;
        }
        /* 轮播容器 */
       .joincontainer  .carousel-wrap {
            position: relative;
            overflow: hidden;
            width: 100%;
            aspect-ratio: 16 / 5;
			
        }
       .joincontainer  .carousel-list {
            display: flex;
            width: 100%;
            height: 100%;
            transition: transform 0.5s ease;
        }
       .joincontainer  .carousel-item {
            width: 100%;
            flex-shrink: 0;
			
        }
       .joincontainer  .carousel-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        /* 轮播箭头 */
       .joincontainer  .carousel-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background: rgba(255,255,255,0.7);
            border: none;
            font-size: 18px;
            cursor: pointer;
            z-index: 10;
        }
        .joincontainer .carousel-prev { left: 12px; }
       .joincontainer  .carousel-next { right: 12px; }
        /* 右侧拼图区域 */
       .joincontainer  .right-grid {
            display: grid;
            grid-template-rows: 1fr 1fr;
            gap: 16px;
            height: 100%;
        }
        .joincontainer .grid-row-top {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 16px;
        }
       .joincontainer  .grid-item {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
       .joincontainer  .water-fight-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        /* ========== 通用板块标题 ========== */
       .joincontainer  .section-title {
              font-size: 28px;
            font-weight: 600;
            margin: 40px 0 25px;
            position: relative;
            padding-bottom: 10px;
			color:#333333;
        }
		  .joincontainer  .section-title::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 40px;
            height: 3px;
            background: linear-gradient(90deg, #005cbf, #3399ff);
            border-radius: 3px;
        }

        /* ========== 重大时刻关怀 可切换板块 ========== */
       .joincontainer  .section-care {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
            align-items: center;
            background: #f8f9fa;
            padding: 32px;
            margin-bottom: 60px;
        }
       .joincontainer  .care-left {
            overflow: hidden;
        }
       .joincontainer  .care-banner-box {
            width: 100%;
            transition: opacity 0.3s ease;
        }
       .joincontainer  .care-banner-box img {
            width: 100%;
            display: block;
        }
       .joincontainer  .care-right h3 {
            font-size: 32px;
            margin-bottom: 16px;
            font-weight: 600;
        }
        .joincontainer .care-right .care-text {
            color: #333;
            font-size: 14px;
            margin-bottom: 100px;
            transition: opacity 0.3s ease;
        }
       .joincontainer  .card-row {
	   
            display: flex;
            gap: 8px;
        }
       .joincontainer  .card-row .gift-card {
            height: 100px;
            cursor: pointer;
            opacity: 0.6;
            transition: all 0.2s ease;
            border: 0px solid transparent;
        }
       .joincontainer  .card-row .gift-card.active {
            opacity: 1;
            border-color: #005cbf;
        }
       .joincontainer  .card-row .gift-card:hover {
            opacity: 1;
        }

        /* ========== 多元化发展通道 ========== */
      .joincontainer   .section-development {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
            align-items: center;
			 background: #f8f9fa;
			 padding-left:40px;
        }
       .joincontainer  .dev-left h3 {
            font-size: 32px;
            margin-bottom: 16px;
            font-weight: 600;
			color:#333;
        }
       .joincontainer  .dev-left p {
            color: #555;
            font-size: 14px;
            line-height: 1.8;
        }
       .joincontainer  .dev-right-img {
            width: 100%;
            display: block;
        }
		.investor1{ 
		display: grid;
  grid-template-columns: repeat(2, 1fr); 
  gap: 10px;                             
  place-self: center;
  padding:2rem 0;
  }
 .investor1 .investor-chart {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    background: #ffffff;
    border-radius: 10px;
    padding: 45px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    text-align: center;
  }
 .investor1 .investor-chart a {
    display: flex;
    justify-content: center;
    width: 100%;
  }
 .investor1 .investor-chart img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
  }
 .investor1 .investor-chart-title {
    display: block;
    width: 100%;
    margin: 16px 0 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    text-align: center;
  }
  .investor-tabs-wrap {
    padding-top: 8px;
  }
  .investor-sse-link {
    display: block;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
  }
  .investor-sse-link:hover {
    color: inherit;
  }
  .investor-tab-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 28px;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 28px;
  }
  .investor-tab-btn {
    appearance: none;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    padding: 10px 4px 12px;
    font-size: 18px;
    font-weight: 600;
    color: #888;
    cursor: pointer;
    font-family: inherit;
  }
  .investor-tab-btn:hover {
    color: #005cbf;
  }
  .investor-tab-btn.active {
    color: #005cbf;
    border-bottom-color: #005cbf;
  }
  .investor-tab-panel[hidden] {
    display: none !important;
  }
  .investor-tab-panel .report-list {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .investor-tab-panel .report-list li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px 16px;
    padding: 14px 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: 15px;
  }
  .investor-tab-panel .report-list a {
    color: #222;
    text-decoration: none;
  }
  .investor-tab-panel .report-list a:hover {
    color: #005cbf;
  }
  .investor-tab-panel .report-date {
    color: #888;
    font-size: 14px;
    flex-shrink: 0;
  }
	  .contact1{ 
		display: grid;
  grid-template-columns: repeat(2, 1fr); 
  gap: 10px;                             
  place-self: center;
  padding:2rem 0;
  }
    /* 热线三栏容器 */
        .hotline-wrap {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 40px;
            margin-bottom: 60px;
        }
        .hotline-wrap .hotline-card {
            display: flex;
            align-items: flex-start;
            gap: 20px;
            padding-top: 16px;
        }
        .hotline-wrap .hotline-card-media {
            flex: 0 0 240px;
            width: 240px;
        }
        .hotline-wrap .hotline-card-icon {
            width: 100%;
            height: 180px;
            object-fit: cover;
            border-radius: 8px;
            display: block;
        }
        .hotline-wrap .hotline-card-body {
            flex: 1;
            min-width: 0;
        }
         .hotline-wrap .hotline-card h2 {
            font-size: 22px;
            font-weight: 600;
            margin-bottom: 16px;
			padding-bottom:10px;
			border-bottom: 1px solid #dcdcdc;
        }
        .hotline-wrap .hotline-card .title {
            font-size: 18px;
            margin-bottom: 12px;
			font-weight: 600;
        }
		.hotline-wrap .hotline-card a{
		display: flex;
align-items: center;
            font-size: 15px;
            color: #555;
            line-height: 1.8;
			margin-top:20px;
			color:#005cbf;
			font-weight:700;
        }
        .hotline-wrap .hotline-card p {
            font-size: 15px;
            color: #555;
            line-height: 1.8;
        }
        /* 反馈区域 */
        .feedback-area .feedback-area h2 {
            font-size: 24px;
            margin-bottom: 24px;
            font-weight: 500;
        }
       .feedback-area  textarea,
        input[type="text"] {
            width: 100%;
            background: #f3f3f3;
            border: none;
            padding: 16px;
            font-size: 15px;
            color: #666;
            margin-bottom: 20px;
            outline: none;
			border-radius:4px;
        }
      .feedback-area   textarea {
            height: 140px;
            resize: none;
        }
       .feedback-area  button {
            width: auto;
            min-width: 140px;
            height: 40px;
            padding: 0 22px;
            background: #005cbf;
            color: #fff;
            border: none;
            font-size: 14px;
            cursor: pointer;
			border-radius:50px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
        }
       .feedback-area  button:hover {
            background: #0069d9;
        }
       .feedback-area  button:disabled {
            opacity: 0.65;
            cursor: not-allowed;
        }
       .feedback-area .feedback-msg {
            margin-top: 12px;
            font-size: 14px;
            min-height: 1.4em;
        }

        /* ========== 移动端适配 ========== */
        @media screen and (max-width: 768px) {
		.divider1 {
		display:none;
			
        }
		 .joincontainer   .section-development {
            
            gap: 0px;
            align-items: center;
			 background: #f8f9fa;
			 padding:10px;
        }
           .joincontainer  .anniversary-top {
                grid-template-columns: 1fr;
            }
           .joincontainer  .section-care {
                grid-template-columns: 1fr;
                padding: 20px;
            }
           .joincontainer  .section-development {
                grid-template-columns: 1fr;
            }
          .joincontainer   .card-row {
                flex-wrap: wrap;
            }
           .joincontainer  .card-row .gift-card {
                height: 32px;
            }
			.joincontainer .care-right .care-text {
            color: #333;
            font-size: 14px;
            margin-bottom: 24px;
            transition: opacity 0.3s ease;
        }
			.investor1{ 
		display: grid;
  grid-template-columns: repeat(1, 1fr); 
  gap: 10px;                             
  place-self: center;
  padding:2rem 0;
  }
 .investor1 .investor-chart {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    background: #ffffff;
    border-radius: 10px;
    padding: 15px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    text-align: center;
  }
	   .hotline-wrap {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            gap: 40px;
            margin-bottom: 60px;
        }
        .hotline-wrap .hotline-card {
            gap: 16px;
        }
        .hotline-wrap .hotline-card-media {
            flex: 0 0 160px;
            width: 160px;
        }
        .hotline-wrap .hotline-card-icon {
            height: 120px;
        }
		 .social-container h1 {
            font-size: clamp(20px, 5vw, 38px);
            font-weight: bold;
            text-align: center;
            margin-bottom: 10px;
        }
		 .social-container .sub-title {
            font-size: clamp(12px, 2vw, 18px);
            opacity: 0.9;
            margin-bottom: 0px;
            text-align: center;
        }
		 .social-container .tag-row {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            gap: 12px;
            font-size: clamp(18px, 4vw, 28px);
            margin-bottom: 0px;
        }
		.social-container  .desc-tags {
            font-size: clamp(12px, 2vw, 14px);
            opacity: 0.85;
            margin-bottom: 20px;
            text-align: center;
        }
		.scontainer0 {
              background: url('../images/forest-bg.jpg') center center / cover no-repeat;
        }
		.scontainer1 {
              background: url('../images/forest-bg1.jpg') center center / cover no-repeat;
        }
		.scontainer2 {
              background: url('../images/forest-bg2.jpg') center center / cover no-repeat;
        }
		.scontainer3 {
              background: url('../images/forest-bg3.jpg') center center / cover no-repeat;
        }
		.scontainer4 {
              background: url('../images/forest-bg4.jpg') center center / cover no-repeat;
        }
		 .social-container {
            width: 100%;
            
            
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            color: #ffffff;
            padding: 20px;
        }
		 .joincontainer  .care-right h3 {
            font-size: 24px;
            margin-bottom: 16px;
            font-weight: 600;
        }
		  .joincontainer  .dev-left h3 {
            font-size: 24px;
            margin-bottom: 16px;
            font-weight: 600;
			color:#333;
        }
        }
		 .lean-operation-wrap {
            width: 100%;
			
            
            margin: 0 auto;
            position: relative;
            
        }
       .lean-operation-wrap .bg-img {
            width: 100%;
            display: block;
        }
      .lean-operation-wrap  .text-top-area {
           position: absolute;
            top: 120px;
            left: 80px;
            color: #fff;
        }
       .lean-operation-wrap .main-title {
            font-size: 32px;
            font-weight: 600;
            margin-bottom: 24px;
        }
       .lean-operation-wrap .desc-text {
            font-size: 17px;
            line-height: 1.8;
            max-width: 580px;
        }
       .lean-operation-wrap .card-container {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            display: flex;
            gap: 20px;
            padding: 0 80px 40px;
        }
       .lean-operation-wrap .lean-card {
            flex: 1;
            background-color: rgba(255, 255, 255, 0.95); 
            border-radius: 12px;
            padding: 32px 28px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.05);
        }
       .lean-operation-wrap .card-title {
            font-size: 22px;
            color: #005cbf;
            font-weight: 500;
            padding-bottom: 14px;
            border-bottom: 1px solid #e5e7eb;
            margin-bottom: 18px;
			text-align:center;
        }
       .lean-operation-wrap .card-desc {
            font-size: 17px;
            color: #444444;
            line-height: 1.7;
        }
        /* 适配移动端 */
        @media (max-width: 1024px) {
          .lean-operation-wrap  .text-top-area {
                top: 60px;
                left: 30px;
            }
           .lean-operation-wrap .main-title {
                font-size: 30px;
            }
           .lean-operation-wrap .desc-text {
                font-size: 16px;
            }
           .lean-operation-wrap .card-container {
                flex-direction: column;
                padding: 0 10px 10px;
				 position: relative;;
            }
           .lean-operation-wrap .lean-card {
                padding: 22px 20px;
            }
        }
		
		 .contacttsybcontainer {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
			margin-bottom:30px;
        }
         .contacttsybcontainer .item-card {
            background: #ffffff;
            padding: 30px 24px;
            border-radius: 8px;
            box-shadow: 0 0 12px #0000000f;
        }
        .contacttsybcontainer .item-card h3 {
            font-size: 24px;
            color: #333;
            padding-bottom:12px;
            border-bottom:1px solid #ddd;
            margin-bottom:16px;
        }
        .contacttsybcontainer .item-card p{
            font-size:15px;
            line-height:1.7;
            color:#333;
            margin-bottom:10px;
        }
        /*移动端适配*/
        @media screen and (max-width:768px){
          
           .contacttsybcontainer{
                grid-template-columns: 1fr;
                gap:20px;
				margin-bottom:10px;
            }
        }
		.aicontainer{  width: 88%;
            margin: 0 auto;
			padding:0px 0 40px 0;
			margin-top:0px;}
			
		
		.aicontainer .nav {
display:flex;
    justify-content: left;
    flex-wrap: wrap;
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
    padding-bottom: 0px;
	padding-top:5px;
	

}
.aicontainer .nav-item {
    padding: 5px 15px;
    margin: 0 5px 10px;
    cursor: pointer;
    color: var(--text-medium);
    font-size: clamp(14px, 2vw, 16px);
    position: relative;
    white-space: nowrap;
}





.aicontainer .nav-item.active {
    color: #005cbf;
    font-weight: bold;
}

.aicontainer .nav-item.active::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 0px;
    background-color: var(--primary-color);
}

.aicontainer .content1{
    display: flex;
    flex-direction: row;
	 justify-content: space-between;
    background-color: var(--bg-white);
    border-radius: 8px;
    padding: 20px;

}
.aicontainer .img-box {
    width: 50%;
    border-radius: 8px;
    overflow: hidden;
}

.aicontainer .img-box img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s;
    loading: lazy;
}

.aicontainer .img-box:hover img {
    transform: scale(1.03);
}

.aicontainer .info {
    margin-bottom: 20px;
	width:50%;
	margin-right:20px;

}

.aicontainer .info h2 {
    color: var(--text-dark);
    margin-bottom: 20px;
    font-weight: 400;
    font-size: clamp(1.2rem, 3vw, 1.8rem);
}

.aicontainer .info p {
    color: var(--text-medium);
    line-height: 1.8;
    margin-bottom: 20px;
    font-size: clamp(13px, 2vw, 15px);

}

.aicontainer .features {
    margin-bottom: 20px;
	display:block;

}

.aicontainer .features-item {

    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
    color: var(--text-medium);
    font-size: clamp(13px, 2vw, 14px);
}
.aicontainer .features-item::before{
content:"•";
margin-right:8px;
color:#005cbf;}
.aicontainer .features-item svg {
    margin-right: 10px;
    color: var(--primary-color);
    margin-top: 3px;
    flex-shrink: 0;
}
@media (max-width: 767px) {

.aicontainer  .content {
    display: block;
	
    background-color: var(--bg-white);
    border-radius: 8px;
    padding: 20px;

}
.aicontainer  .content1 {
    display: block;
	
    background-color: var(--bg-white);
    border-radius: 8px;
    padding: 20px;

}

.aicontainer .img-box {
    width:100%;
	background-color:#999999;
    border-radius: 8px;
    overflow: hidden;
}

.aicontainer .info {
    margin-bottom: 20px;
	width:100%;
	margin-right:20px;

}
.aicontainer .mareginb{ margin-bottom:1rem; margin-top:1rem;}
.aicontainer{ width: 100%;
            margin: 0 auto;
           
			margin-bottom:10px;}

}

 .servercontainer {
            width: 88%;
            margin: 0 auto;
           
           
        }
		 .servercontainer .about-title {
            font-size: 28px;
            font-weight: 600;
            margin: 20px 0 25px;
            position: relative;
            padding-bottom: 10px;
        }
         .servercontainer .about-title::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 40px;
            height: 3px;
            background: linear-gradient(90deg, #005cbf, #3399ff);
            border-radius: 3px;
        }
       .servercontainer .product-card {
            display: flex;
            border: 1px solid #eeeeee;
            border-radius: 10px;
            overflow: hidden;
            padding: 20px;
            gap: 20px;
            background: #fff;
        }
       .servercontainer .product-img-wrap {
            width: 220px;
            flex-shrink: 0;
            display: flex;
            align-items: center;
        }
       .servercontainer .product-img-wrap img {
            width: 100%;
            object-fit: contain;
        }
      .servercontainer  .product-info{
            flex:1;
        }
      .servercontainer  .card-title-text{
            font-size:18px;
            font-weight:bold;
            color:#222222;
            line-height:1.5;
        }
      .servercontainer  .card-desc-text{
            font-size:14px;
            color:#444444;
            margin:12px 0 16px;
            line-height:1.6;
        }
      .servercontainer  .more-link{
            color:#005cbf;
            font-size:14px;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
        }
      .servercontainer  .more-link::after{
            content: "→";
            margin-left:4px;
        }
        @media screen and (max-width:768px){
            .servercontainer{
                grid-template-columns:1fr;
            }
           .servercontainer .product-card{
                flex-direction: column;
            }
           .servercontainer .product-img-wrap{
                width:100%;
            }
        }
		
		 .timeline-container {
            position: relative;
            max-width: 100%;
            overflow: hidden;
			background-image:url(../images/tech-1.png);
			background-position:top;
			background-repeat:no-repeat;
			
			padding-bottom:25px;
			padding-left:3px;
        }
        /* 翻页按钮 */
        .timeline-container .slide-buttons {
            position: absolute;
            top: 10px;
            right: 0;
            display: flex;
            gap: 12px;
            z-index: 10;
        }

		
        .timeline-container .slide-btn {
             width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid #ddd;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
        }
        .timeline-container .slide-btn:hover {
           background: #005cbf;
		   border-color: #ccc;
        }
        .timeline-container .slide-btn:disabled {
            background: #efefef;
            cursor: not-allowed;
        }
		
		.timeline-container .slide-btn:hover svg path {
  fill: #fff;
}
 .timeline-container .slide-btn svg {
            width: 20px;
            height: 20px;
            fill: #666;
        }
        .timeline-container .timeline-track-top,
        .timeline-container .timeline-track-bottom {
            display: flex;
            width: max-content;
            -webkit-transition: -webkit-transform 0.4s ease;
            transition: transform 0.4s ease;
            -webkit-will-change: -webkit-transform;
            will-change: transform;
        }
        .timeline-container .timeline-track-top{
            margin-top:60px;
        }
        /* 中间横线，独立层级，垂直居中衔接圆点 */
        .timeline-container .middle-line {
            position: relative;
            height: 1px;
            background: #ccc;
            width: 100%;
            margin: 0;
        }
        .timeline-container .timeline-track-bottom {
            margin-top: 0;
        }
        .timeline-container .timeline-item {
            width: 560px;
            position: relative;
            padding: 0 30px;
            flex-shrink: 0;
        }
		 .timeline-container .timeline-item1 {
            min-width: 280px;
            position: relative;
            padding: 0 30px;
            flex-shrink: 0;
        }
        /* 竖线基础样式 */
        .timeline-container .dot-line {
            position: absolute;
            left: 0;
            top: 0;
            width: 1px;
            background: #ccc;
            height: 100%;
        }
        /* 第一行：圆点偏移到底部外侧，浮在横线上 */
        .timeline-container .timeline-track-top .dot-line::before {
            content: "";
            width: 8px;
            height: 8px;
            background: #ccc;
            border-radius: 50%;
            position: absolute;
            left: -3px;
            bottom: -4px;
            z-index:2;
        }
        /* 第二行：圆点偏移到顶部外侧，浮在横线上 */
       .timeline-container  .timeline-track-bottom .dot-line::before {
            content: "";
            width: 8px;
            height: 8px;
            background: #ccc;
            border-radius: 50%;
            position: absolute;
            left: -3px;
            top: -4px;
            z-index:2;
        }
        .timeline-container .item-content {
            display: flex;
            align-items: flex-start;
            gap: 24px;
            padding-top: 10px;
        }
        .timeline-container .item-content img {
            width: 210px;
            height: 140px;
            object-fit: cover;
			margin-bottom:10px;
        }
        .timeline-container .text-area h3 {
            font-size: 32px;
            font-weight: bold;
            margin-bottom: 12px;
			color:#005cbf;
        }
        .timeline-container .text-area p {
            font-size: 16px;
            line-height: 1.5;
            color: #333333;
        }

        /* ========== 移动端适配：屏幕≤768px ========== */
        @media (max-width:768px) {
            /* 隐藏翻页按钮 */
			 .timeline-container {
            
			background-image:none;
			
        }
            .timeline-container .slide-buttons{
                display: none;
            }
            /* 取消横向布局，改为垂直排列 */
            .timeline-container .timeline-track-top,
            .timeline-container .timeline-track-bottom{
                display: flex;
                flex-direction: column;
                transform: none !important;
                -webkit-transform: none !important;
                margin-top:20px;
            }
            /* 取消固定宽度，宽度100% */
             .timeline-container .timeline-item {
                min-width: 100%;
                width: 100%;
                padding:20px 30px;
                flex-shrink: unset;
            }
            .timeline-container .timeline-item1 {
                display: none;
            }
            .timeline-container .item-content{
                flex-direction: column;
            }
            .timeline-container .item-content img{
               
				height: 100%;
                
            }
            .timeline-container .text-area h3{
                font-size:28px;
            }
            /* 移动端竖线圆点恢复正常位置 */
           .timeline-container  .timeline-track-top .dot-line::before {
                bottom:0;
            }
            .timeline-container .timeline-track-bottom .dot-line::before {
                top:0;
            }
        }
		
		 .comcontainer {
            width: 88%;
            margin: 0 auto;
			padding:10px 0 40px 0;
			margin-top:20px;
        }
        .comcontainer .header-wrap{
            display:flex;
            justify-content: space-between;
            align-items:center;
            margin-bottom:10px;
        }
       
	   
	   /* 顶部导航 */
       .comcontainer .tab-header {
            display: flex;
            gap: 20px;
            padding:0 40px 30px 40px;
            border-bottom: 1px solid #eee;
            flex-wrap: wrap;
			justify-content: center;
			margin-bottom:20px;
        }
       .comcontainer .tab-item {
            font-size: 16px;
            cursor: pointer;
            color: #333;
            transition: color 0.3s;
        }
       .comcontainer .tab-item.active {
            color: #005cbf;
			font-weight:700;
			border-bottom: 2px solid #005cbf;
        }
		 .comcontainer .tab-item:hover {
            color: #005cbf;
			font-weight: normal;
			border-bottom: 2px solid #005cbf;
			 border-bottom-color: #8cb8f0;
        }
	

        /* 内容区域 默认隐藏 + 过渡淡入动画 */
       .comcontainer .tab-content {
            display: none;
            opacity: 0;
            transition: opacity 0.5s ease;
        }
       .comcontainer .tab-content.show {
            display: block;
            opacity: 1;
        }
       .comcontainer .content-wrap {
            width: 100%;
            position: relative;
        }
       .comcontainer .content-wrap img {
            width: 100%;
            display: block;
        }
       .comcontainer .text-top {
            position: absolute;
            top: 80px;
            left: 50px;
            color: #fff;
        }
       .comcontainer .text-top h2 {
            font-size: 24px;
            font-weight: 600;
            margin-bottom: 10px;
        }
       .comcontainer .text-top p {
            font-size: 18px;
        }
       .comcontainer .data-footer {
            position: absolute;
	
            bottom: 0px;
            width: 100%;
            display: flex;
            justify-content: space-evenly;
            background: rgba(255, 255, 255, 0.8);
            padding: 0px 0 30px 0;
			
        }
       .comcontainer .data-item {
            text-align: center;
        }
       .comcontainer .data-num {
            font-size: 20px;
            color: #005cbf;
            font-weight: bold;
        }
       .comcontainer .data-desc {
            font-size: 16px;
            color: #333;
        }

        /* ========== 移动端适配 ========== */
        @media (max-width: 768px) {
           .comcontainer .tab-header {
                gap: 20px 30px;
                padding: 20px 16px;
            }
           .comcontainer .tab-item {
                font-size: 16px;
            }
          .comcontainer  .text-top {
                top: 30px;
                left: 20px;
            }
           .comcontainer .text-top h2 {
                font-size: 18px;
            }
           .comcontainer .text-top p {
                font-size: 14px;
            }
          .comcontainer  .data-footer {
		  position: relative;
                flex-wrap: wrap;
                padding:5px 0;
				 display: grid;
            grid-template-columns: 1fr 1fr;
				
            }
           .comcontainer .data-item {
                width: 100%;
                margin-bottom:12px;
            }
           .comcontainer .data-num {
                font-size:16px;
            }
           .comcontainer .data-desc {
                font-size:13px;
            }
			.comcontainer {
            width: 100%;
            margin: 0 auto;
			padding:10px 0 10px 0;
			margin-top:10px;
        }
        }
         /* 顶部导航 */
      
       
       .comcontainer .tab-item.active {
            color: #005cbf;
			font-weight:700;
			border-bottom: 2px solid #005cbf;
        }
		 .comcontainer .tab-item:hover {
            color: #005cbf;
			font-weight: normal;
			border-bottom: 2px solid #005cbf;
			 border-bottom-color: #8cb8f0;
        }
	

        /* 可持续发展 默认隐藏 + 过渡淡入动画 */
       .comcontainer .social-container {
            display: none;
            opacity: 0;
            transition: opacity 0.5s ease;
        }
       .comcontainer .social-container.show {
            display: block;
            opacity: 1;
        }
     

        /* 下方服务流程区域 */
        .comcontainer .bottom-wrap {
		background-image:url(../images/combg.jpg);
		background-position:bottom right;
		background-size: cover;
		background-repeat:no-repeat;
            
            padding:40px 50px;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap:30px;
            margin-top:30px;
        }
        .comcontainer .left-desc{
            display:flex;
            flex-direction:column;
            justify-content:center;
        }
       .comcontainer  .left-desc h4{
            font-size:32px;
            margin-bottom:20px;
        }
        .comcontainer .left-desc p{
            font-size:14px;
            color:#444;
            line-height:1.8;
            margin-bottom:25px;
        }
        .comcontainer .btn{
            width:210px;
            height:36px;
            
            color:#fff;
            border:none;
            border-radius:20px;
            cursor:pointer;
			margin-bottom:10px;
        }
        .comcontainer .flow-grid{
            display:grid;
            grid-template-columns: 1fr 1fr;
            gap:20px;
			
        }
		 .comcontainer .cardmargin{ margin-left:100px; }
        .comcontainer .flow-card{
		box-shadow: 0 2px 6px rgba(0,0,0,0.08);
		width:80%;
            padding:30px 30px;
			background-color:#FFFFFF;
			 border-radius:10px;
			 border-bottom:2px #005cbf solid;
        }
        .comcontainer .flow-card h5{
            font-size:16px;
            color:#0d7931;
            margin-bottom:12px;
        }
        .comcontainer .flow-card.blue h5{
            color:#005cbf;
        }
        .comcontainer .flow-card.orange h5{
            color:#e67020;
        }
        .comcontainer .flow-card ul{
            
			display: grid; /* 启用网格布局 */
grid-template-columns: 1fr 1fr; /* 两列等宽 */
gap: 5px; /* 列间距与行间距 */

        }
        .comcontainer .flow-card li{
		white-space: nowrap;
            font-size:13px;
            color:#444;
           
        }
        .comcontainer .two-col-ul{
            display: flex;
            justify-content: space-between;
			
        }
		.comcontainer .two-col-ul ul li{
		list-style: inside;
			
        }
		 .comcontainer .about-title {
            font-size: 28px;
            font-weight: 600;
            margin: 20px 0 25px;
            position: relative;
            padding-bottom: 10px;
        }
        .comcontainer .about-title::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 40px;
            height: 3px;
            background: linear-gradient(90deg, #005cbf, #3399ff);
            border-radius: 3px;
        }
		
		 /* 液冷区域 */
              .comcontainer1 {
            width: 100%;
            aspect-ratio: 20 / 7;
            position: relative;
            overflow: hidden;
            display: flex;
            align-items: center;
        }
        /* 视频背景 */
       .comcontainer1 .video-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: 1;
        }
        /* 浅色蒙版，提高文字可读性 */
       .comcontainer1 .mask-layer {
            position: absolute;
            top:0;
            left:0;
            width:100%;
            height:100%;
            background-color: rgba(255,255,255,0);
            z-index:2;
        }
       .comcontainer1 .text-container {
            position: relative;
            z-index:3;
            padding-left:4%;
            max-width:30%;
        }
       .comcontainer1 .top-desc {
            font-size:14px;
            color:#fff;
            margin-bottom:16px;
        }
       .comcontainer1 .main-title {
            font-size:32px;
            font-weight:700;
             color:#fff;
            margin-bottom:20px;
        }
       .comcontainer1 .content-text {
            font-size:14px;
             color:#fff;
            line-height:1.8;
            margin-bottom:32px;
        }
      .comcontainer1  .contact-btn {
            background-color:#005cbf;
            color:#ffffff;
            border:none;
            font-size:14px;
            padding:10px 30px;
            border-radius:999px;
            cursor: pointer;
            transition: 0.3s;
        }
       .comcontainer1 .contact-btn:hover {
            background-color:#2370dd;
        }
        /* 响应式适配 */
        @media (max-width:768px){
		/* ========== 移动端适配（768px以下） ========== */
       
		
		
		
		 .comcontainer {
            width: 88%;
            margin: 0 auto;
			padding:10px 0 40px 0;
			margin-top:20px;
        }
           .comcontainer  .header-wrap{
                flex-direction:column;
                align-items:flex-start;
                gap:15px;
            }
			 .comcontainer .cardmargin{ margin-left:0px;}
           .comcontainer  .carousel-item{
                flex-direction:column;
            }
            .comcontainer .img-area{
                width:100%;
            }
			.comcontainer .info-right{
                width:100%;
            }
         
            /*流程卡片由2列变成1列*/
            .comcontainer .flow-grid{
                grid-template-columns:1fr;
            }
			.comcontainer .bottom-wrap {
            background-color: #f3f6fc;
            padding:20px;
            display: grid;
            grid-template-columns:1fr;
            gap:0px;
           
        }
		.comcontainer1 .bottom-wrap {
            background-color: #f3f6fc;
            padding:20px;
            display: grid;
            grid-template-columns:1fr;
            gap:0px;
           
        }
		.comcontainer .flow-card ul{
           
			display: grid; /* 启用网格布局 */
grid-template-columns:1fr; /* 两列等宽 */
gap: 0px; /* 列间距与行间距 */
        }
		.comcontainer .flow-card{
		box-shadow: 0 2px 6px rgba(0,0,0,0.08);
		width:100%;
            padding:15px 10px;
			background-color:#FFFFFF;
			 border-radius:10px;
        }
		 .comcontainer1 {
            width: 100%;
            /* 维持16:9比例 */
            aspect-ratio: 4 / 3;
            position: relative;
            overflow: hidden;
            
            align-items: center;
        }
        }
		 @media (max-width:768px){
           .comcontainer1 .text-container{
                padding:0 6%;
                max-width:100%;
                text-align:center;
            }
          .comcontainer1  .top-desc{
                font-size:12px;
                margin-bottom:6px;
            }
         .comcontainer1   .main-title{
                font-size:14px;
                margin-bottom:6px;
            }
           .comcontainer1 .content-text{
                font-size:12px;
                line-height:1.3;
                margin-bottom:12px;
            }
          .comcontainer1  .contact-btn{
                font-size:11px;
                padding:6px 16px;
            }
        }