* {
            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;
        }
		 /* ========== 婊??ㄥ????ogo?峰? ========== */
       
        .logo-img-white {
            display: block;
            
            transition: opacity 0.3s ease;
        }
        .logo-img-dark {
            display: none;
            
            transition: opacity 0.3s ease;
        }
        /* 婊??ㄥ?????㈡?剧ず娣辫??ogo锛??????借??ogo */
        .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: cover;
            max-height: 420px;
        }
        /* ?煎??х???锛?灏??㈡??８ <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-cover img,
            .news-detail > p:has(> img:only-child) img {
                max-height: 240px;
            }
            .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);
  }
}
/* 骞虫??68px浠ュ??锛?2涓 */
@media (max-width: 768px) {
  .img-card1 {
    width: calc(50% - 10px);
  }
}
/* ????80px浠ュ??锛?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/?虹??pc.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涓???″???洪??????僵锛?????over */
       .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;
        }

        /* ========== 绉诲?ㄧ?????锛?灞?骞???68px ========== */
        @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%;
            }
         
            /*娴?绋??＄??????????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;
            }
        }