* {
				margin: 0;
				padding: 0;
				box-sizing: border-box;
			}

			p {
				font-size: 18px;
			}

			li {
				font-size: 16px;
			}

			/* 粒子背景容器 */
			#particle-canvas {
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				z-index: 1;
				pointer-events: none;
				opacity: 0.8;
			}

			/* 滚动渐入动画基类 */
			.scroll-animate {
				opacity: 0;
				transform: translateY(50px);
				transition: opacity 0.8s ease, transform 0.8s ease;
			}

			.scroll-animate.active {
				opacity: 1;
				transform: translateY(0);
			}
			.mt-3{
			    color: #fff !important;
			}
			.btn-primary-custom{
			     color: #fff !important;
			}

			/* 打字机动画样式 */
			.typing-container {
				overflow: hidden;
				white-space: nowrap;
				animation: typing 3.5s steps(40, end), blink-caret 0.75s step-end infinite;
				margin-bottom: 20px;
			}

			@keyframes typing {
				from {
					width: 0
				}

				to {
					width: 100%
				}
			}

			@keyframes blink-caret {

				from,
				to {
					border-color: transparent
				}

				50% {
					border-color: var(--primary-light);
				}
			}
			.navbar-logo img {
			    height: 40px; /* 根据设计调整高度 */
 			   width: auto;
			    display: block;
			}

			/* Common Section Style */
			section {
				padding: 60px 0;
				width: 100%; 
				background: var(--white-color);
				position: relative;
				z-index: 2;
				/* 确保内容在粒子背景上方 */
			}

			/* 科技感模块标题优化（移除伪元素下划线） */
			.section-title {
				font-size: 46px;
				font-weight: 700;
				color:#0ABAB5;
				margin-bottom: 40px;
				text-align: center;
				padding-bottom: 15px;
			}

			/* 强化科技感按钮 */
			.btn-primary-custom {
				background: var(--tech-gradient);
				color: var(--white-color);
				border: none;
				padding: 10px 25px;
				border-radius: 5px;
				font-weight: 500;
				transition: all 0.3s ease;
				box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
				position: relative;
				overflow: hidden;
			}

			.btn-primary-custom::before {
				content: "";
				position: absolute;
				top: 0;
				left: -100%;
				width: 100%;
				height: 100%;
				background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
				transition: left 0.6s ease;
			}

			.btn-primary-custom:hover {
				background: linear-gradient(90deg, var(--primary-dark), var(--primary-light));
				color: var(--white-color);
				transform: translateY(-2px);
				box-shadow: var(--glow-shadow);
			}

			.btn-primary-custom:hover::before {
				left: 100%;
			}

			/* 按钮点击反馈动画 */
			.btn-primary-custom:active {
				transform: translateY(0);
				box-shadow: 0 2px 4px rgba(12, 174, 165, 0.3);
			}

		 
				/* Module 1: Navbar - 科技感优化 + 悬浮下拉框（移除所有伪元素） */
.index-navbar {
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: linear-gradient(180deg, #ffffff 0%, #f5fefe 100%);
    box-shadow: 0 2px 15px rgba(12, 174, 165, 0.15);
    border-bottom: 1px solid rgba(12, 174, 165, 0.2);
    transition: all 0.3s ease;
}

/* 导航栏滚动后样式 */
.index-navbar.scrolled {
    background: linear-gradient(180deg, #ffffff 0%, #eaf8f7 100%);
    box-shadow: 0 4px 20px rgba(12, 174, 165, 0.2);
    padding: 5px 0;
}
.navbar-container {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}
.navbar-logo {
    font-size: 24px;
    font-weight: 700;
    background: var(--tech-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-block;
}

.navbar-logo:hover {
    text-shadow: var(--glow-shadow);
    transform: scale(1.02);
}

.navbar-logo img {
    max-height: 50px;
    transition: all 0.3s ease;
}

.index-navbar.scrolled .navbar-logo img {
    max-height: 40px;
}

.nav-link {
    font-size: 18px;
    color: var(--text-dark);
    font-weight: 900;
    margin: 0 15px;
    transition: all 0.3s ease;
    padding-bottom: 5px;
    position: relative;
}

.nav-link:hover,
.nav-link.active {
    color: var(--primary-color);
    text-shadow: 0 0 5px rgba(12, 174, 165, 0.3);
}

.nav-item .dropdown-menu {
    display: none; 
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(12, 174, 165, 0.2);
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(12, 174, 165, 0.15);
    padding: 10px 0;
    margin-top: 5px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
}

 
.nav-item:hover .dropdown-menu {
    display: block;
 
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.dropdown-item {
    font-size: 16px;
    font-weight: 500;
    color: var(--text-gray);
    padding: 10px 20px;
    transition: all 0.3s ease;
}

.dropdown-item:hover {
    background: rgba(12, 174, 165, 0.1);
    color: var(--primary-color);
    padding-left: 25px;
    text-shadow: 0 0 5px rgba(12, 174, 165, 0.2);
}

.dropdown-toggle::after {
    display: none;
  
}
 
.index-navbar .btn-light {
    background: rgba(12, 174, 165, 0.05);
    border: 1px solid rgba(12, 174, 165, 0.2);
    color: var(--text-dark);
    font-weight: 600;
    transition: all 0.3s ease;
}

.index-navbar .btn-light:hover {
    background: var(--tech-gradient);
    border-color: var(--primary-color);
    color: white;
    box-shadow: var(--glow-shadow);
}

.index-navbar .dropdown-menu-end {
    right: 0;
    left: auto;
}

			/* Module 2: Banner - 样式优化 */
			.index-banner {}

			#bannerCarousel {
				position: relative;
			}

			/* 轮播项样式 */
			.carousel-item {
				height: 80vh;
				background-size: cover;
				background-position: center;
				position: relative;
			}

			.carousel-progress {
				position: absolute;
				top: 0;
				left: 0;
				height: 4px;
				background: var(--tech-gradient);
				z-index: 10;
				animation: progressBar 5s linear infinite;
			}

			@keyframes progressBar {
				0% {
					width: 0;
				}

				100% {
					width: 100%;
				}
			}

			.banner-content {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				text-align: left;
				color: var(--white-color);
				z-index: 5;
				width: 80%;
			}

			.banner-title {
				font-size: 58px;
				font-weight: 700;
				margin-bottom: 20px;
				transform: translateY(30px);
				opacity: 0;
				animation: fadeInUp 0.8s ease forwards;
				animation-delay: 0.3s;
			}

			.banner-subtitle {
				font-size: 28px;
				margin-bottom: 30px;
				transform: translateY(30px);
				opacity: 0;
				animation: fadeInUp 0.8s ease forwards;
				animation-delay: 0.6s;
				text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
				padding-bottom: 10px;
				/* 移除::after伪元素下划线 */
			}

			.banner-btn {
				font-size: 20px;
				transform: translateY(30px);
				opacity: 0;
				animation: fadeInUp 0.8s ease forwards;
				animation-delay: 0.9s;
			}

			@keyframes fadeInUp {
				from {
					transform: translateY(30px);
					opacity: 0;
				}

				to {
					transform: translateY(0);
					opacity: 1;
				}
			}

			.carousel-overlay {
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				background-color: rgba(0, 0, 0, 0.5);
				z-index: 4;
			}

			/* 左右切换按钮样式 - 科技感优化 */
			
			
			/* banner轮播进度条样式 */
			.carousel-progress {
  			  position: absolute;
 			  bottom: 0;
   			  left: 0;
  			  height: 3px;
			  background-color: #0caea5; /* 匹配你的主题色 */
			  width: 0%;
 			  z-index: 10;
			}

			/* 进度条动画：5秒从0到100% */
			@keyframes progressBar {
			    0% { width: 0%; }
			    100% { width: 100%; }
			}

			/* 确保banner容器为相对定位，让进度条定位正确 */
			.index-banner .carousel {
			    position: relative;
			}
			.carousel-control-prev,
			.carousel-control-next {
				width: 50px;
				height: 50px;
				background-color: rgba(255, 255, 255, 0.1);
				backdrop-filter: blur(5px);
				border: 1px solid rgba(12, 174, 165, 0.3);
				border-radius: 50%;
				top: 50%;
				transform: translateY(-50%);
				margin: 0 20px;
				cursor: pointer;
				transition: all 0.3s ease;
				z-index: 20 !important;
			}

			.carousel-control-prev:hover,
			.carousel-control-next:hover {
				background-color: rgba(12, 174, 165, 0.2);
				border-color: var(--primary-color);
				box-shadow: var(--glow-shadow);
			}

			/* 底部指示器样式 - 确保可点击 */
			.carousel-indicators {
				bottom: 5%;
				z-index: 20 !important;
			}

			.carousel-indicators button {
				width: 12px;
				height: 12px;
				border-radius: 50%;
				background-color: rgba(255, 255, 255, 0.5);
				border: 1px solid transparent;
				margin: 0 5px;
				cursor: pointer;
				transition: all 0.3s ease;
			}

			.carousel-indicators button.active {
				background-color: var(--primary-color);
				transform: scale(1.2);
			}

			/* About Us Style - 轻微科技感优化 */
			.index-about {
				background-color: var(--white-color);
			}

			.module-about {
			    padding:0 10px ;
				max-width: 1600px;
				margin: 0 auto;
			}

			.about-text {
				display: flex;
				flex-direction: column;
				justify-content: space-between;
			}
			.about-subtitle{
			    font-weight: bold;
                font-size: 22px;
			    color: #0EDFD4;
			}

			.about-title {
				font-weight: bold;
                font-size: 46px;
				font-weight: 900;
				color: var(--text-dark);
				margin-bottom: 20px;
				background: var(--tech-gradient);
				-webkit-background-clip: text;
				background-clip: text;
				color: transparent;
			}

			.about-desc {
				color: var(--text-gray);
				line-height: 1.8;
				margin-bottom: 30px;
			}

			.about-icons {
				display: flex;
				gap: 30px;
				margin-top: 20px;
			}

			.about-icon-item {
				text-align: center;
			}

			.about-icon {
				width: 60px;
				height: 60px;
				background-color: rgba(12, 174, 165, 0.1);
				color: var(--primary-color);
				border-radius: 50%;
				display: flex;
				align-items: center;
				justify-content: center;
				margin: 0 auto 15px;
				font-size: 24px;
				transition: all 0.3s ease;
			}

			.about-icon:hover {
				box-shadow: var(--glow-shadow);
				transform: scale(1.1) rotate(10deg);
				background-color: rgba(12, 174, 165, 0.2);
			}

			.about-icon-text {
				font-weight: 500;
				color: var(--text-dark);
			}

			.about-img img {
				width: 100%;
				height: auto;
				border-radius: 10px;
				box-shadow: 0 5px 20px rgba(12, 174, 165, 0.1);
				transition: all 0.3s ease;
			}

			.about-img img:hover {
				box-shadow: 0 8px 30px rgba(12, 174, 165, 0.15);
				transform: scale(1.02);
			}
			
			
            /*hot product*/


		.index-hot {
            max-width: 1600px;
            margin: 0 auto;
        }
        .index-hot h1 {
            text-align: center;
            margin-bottom: 30px;
            color: #2d3748;
            font-weight: bold;
            font-size: 46px;
        }
        .goods-section {
            display: flex;
            gap: 20px;
            flex-wrap: wrap;
        }
        .feature-card {
            background-color: #0D9488;
            color: white;
            padding: 30px;
            border-radius: 8px;
            flex: 1 1 250px;
            display: flex;
            align-items: center;
            text-align: center;
            flex-wrap: wrap;
            align-content: space-around;
            justify-content: center;
        }
        .feature-card h2 {
            margin-bottom: 20px;
            font-size: 36px;
            font-weight: bold;
        }
        .feature-card img {
            width: 80%; 
        }
        .goods-carousel {
            flex: 3 1 700px;
            position: relative;
            overflow: hidden;
            cursor: grab;
        }
        .goods-carousel:active {
            cursor: grabbing;
        }
        .carousel-track {
            display: flex;
            transition: transform 0.5s ease;
            gap: 20px;
        }
        .goods-card {
            width: calc(33% - 25px);
            padding: 20px;
            background-color: white;
            border-radius: 8px;
            text-align: center;
            flex-shrink: 0;
        }
        .goods-card img {
            width: 100%; 
            margin-bottom: 16px;
        }
        .goods-card h3 {
			height: 50px;
            font-size: 24px;
            margin-bottom: 10px;
            color: #666;
        }
        .goods-card .product-desc {
			height: 80px;
            font-size: 16px;
            color: #777;
            margin-bottom: 16px;
            line-height: 1.5;
        }
        .hire-btn {
            background-color: #0d9488;
            color: white;
            border: none;
            padding: 12px 30px;
            border-radius: 4px;
            font-size: 16px;
            cursor: pointer;
            transition: background-color 0.2s;
        }
        .hire-btn:hover {
            background-color: #0b7a75;
        }
        .carousel-controls {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 20px;
            padding: 0 10px;
        }
        .carousel-indicators {
            display: flex;
            align-items: center;
            gap: 8px;
            width: 60%;
        }
        .indicator-track {
            flex: 1;
            height: 6px;
            background-color: #e2e8f0;
            border-radius: 3px;
            overflow: hidden;
        }
        .indicator-progress {
            height: 100%;
            background-color: #0d9488;
            border-radius: 3px;
            transition: width 0.5s ease;
        }
        .carousel-btn-group {
            display: flex;
            gap: 10px;
        }
        .carousel-btn {
            background-color: #f1f5f9;
            border: 1px solid #e2e8f0;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            font-size: 18px;
            color: #2d3748;
            transition: background-color 0.2s;
        }
        .carousel-btn:hover {
            background-color: #0d9488;
            color: white;
            border-color: #0d9488;
        }
        
        
        /*HOW WE WORK*/

			.index-how-we-work { 
   			    background-image: url("../image/mission.jpg");  
   			    background-size: cover;
   			    background-position: center;
  			    background-repeat: no-repeat; 
  			    position: relative;
   			    padding: 80px 20px;
   			    text-align: center;
   			    overflow: hidden;
    }
 
   			    .index-how-we-work::before {
   			      content: "";
   			      position: absolute;
   			      top: 0;
   			      left: 0;
   			      width: 100%;
   			      height: 100%; 
   			      background-color: rgba(10, 186, 181, 0.7); 
   			      z-index: 0;
   			    }
 
   			    .how-we-work-container {
   			      max-width: 800px;
   			      margin: 0 auto;
   			      position: relative;
   			      z-index: 1;  
   			    }

    /*  our mission */
      			 .mission-tag {
      			   display: inline-block;
      			   color: #ffffff; /* 白色更突出 */
      			   font-size: 14px;
     			    letter-spacing: 2px;
     			    text-transform: uppercase;
     			    margin-bottom: 15px;
     			    font-weight: 600;
     			  }

    
     			  .section-head {
                    font-weight: bold;
                    font-size: 46px;
     			    color: #ffffff; /* 白色标题更醒目 */ 
     			    margin-bottom: 25px;
    			     letter-spacing: 1px;
    			   }

     
     			  .section-desc {
     			    font-size: 16px;
     			    color: #f8f9fa; /* 浅白色文案，提升可读性 */
      			   line-height: 1.8;
     			    max-width: 700px;
    			     margin: 0 auto;
     			  }
     			  
     			  
     			  /* index-services */
     			@keyframes fadeInUp {
				from {
					opacity: 0;
					transform: translateY(20px);
				}

				to {
					opacity: 1;
					transform: translateY(0);
				}
			}


			section.index-services {
				width: 100%;
				max-width: 1600px;
				margin: 60px auto;
				padding: 0 20px;
			}


			.service-list {
				display: grid;
				grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
				gap: 25px;
				margin-bottom: 25px;
			}


			.service-list-center {
				display: grid;
				grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
				gap: 25px;
				justify-content: center;
				max-width: 1100px;
				margin: 0 auto;
			}


			.service-item {
				display: flex;
				align-items: flex-start;
				padding: 25px;
				background-color: #fff;
				border-radius: 8px;
				box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
				transition: all 0.3s ease;
				border-left: 4px solid var(--tiffany-green);

				opacity: 0;
				animation: fadeInUp 0.6s ease forwards;
			}

			.service-icon { 
				display: flex;
				align-items: center;
				justify-content: center;
				width: 80px; 
				height: 80px;
				margin-bottom: 16px; 
			}

			.service-icon .icon { 
				max-width: 100%;
				max-height: 100%;
			}


			.service-list .service-item:nth-child(1) {
				animation-delay: 0.2s;
			}

			.service-list .service-item:nth-child(2) {
				animation-delay: 0.4s;
			}

			.service-list .service-item:nth-child(3) {
				animation-delay: 0.6s;
			}

			.service-list-center .service-item:nth-child(1) {
				animation-delay: 0.8s;
			}

			.service-list-center .service-item:nth-child(2) {
				animation-delay: 1.0s;
			}


			.service-item:hover {
				transform: translateY(-5px) scale(1.02);
				box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
				background-color: var(--tiffany-light);
			}


			.service-icon {
				font-size: 40px;
				color: var(--tiffany-green);
				margin-right: 20px;
				transition: color 0.3s ease;
			}

			.service-item:hover .service-icon {
				color: #08948f;
			}


			.service-content {
				flex: 1;
			}


			.service-title {
				font-size: 28px;
				font-weight: 700;
				color: var(--text-dark);
				margin-bottom: 10px;
				text-transform: uppercase;
			}


			.service-desc {
				font-size: 18px;
				color: var(--text-gray);
				line-height: 1.6;
			}
     			  
     			  
     			  
     			  
     		/* WHAT WE DO   -  */
			.what-we-do {
    		 background: #888 url("../image/what-we-do.jpg") center/cover no-repeat;  
   			 color: #ffffff;  
   			 padding: 50px 20px;
   			 text-align: center;
   			 padding-bottom: 80px;
   			 position: relative;
   			 z-index: 1;
   			 margin-bottom: 80px;
			}

		 
			.what-we-do::before {
			    content: "";
			    position: absolute;
			    top: 0;
			    left: 0;
			    width: 100%;
			    height: 100%;
			    background-color: rgb(25 30 35 / 84%);  
			    z-index: -1; 
			}
			.what-we-do-container {
				max-width: 1200px;
				margin: 0 auto;
			}

			.section-topic {
                font-weight: bold;
                font-size: 16px;
				letter-spacing: 2px;
				opacity: 0.8;
				margin-bottom: 10px;
				color: #0ABAB5;
			}

			.section-subtitle {
                font-weight: bold;
                font-size: 46px;
				margin-bottom: 35px;
				position: relative;
			}

			.section-subtitle::after {
				content: "";
				position: absolute;
				bottom: -10px;
				left: 50%;
				transform: translateX(-50%);
				width: 50px;
				height: 2px;
				background: #0ABAB5;
			}

			.service-cards {
				display: grid;
				grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
				gap: 25px;
			}

			.service-card {
				position: relative;
				padding: 30px 20px;
				text-align: center;
				transition: all 0.3s ease;
				overflow: hidden;
			}

			.service-card::before {
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				width: 20px;
				height: 1px;
				background: transparent;
				border-top: 2px dashed #0ABAB5;
				transition: width 0.5s ease;
			}

			.service-card::after {
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				width: 1px;
				height: 20px;
				background: transparent;
				border-left: 2px dashed #0ABAB5;
				transition: height 0.5s ease;
			}

			.service-card .right-line {
				position: absolute;
				bottom: 0;
				right: 0;
				width: 20px;
				height: 1px;
				background: transparent;
				border-bottom: 2px dashed #0ABAB5;
				transition: width 0.5s ease;
			}

			.service-card .bottom-line {
				position: absolute;
				bottom: 0;
				right: 0;
				width: 1px;
				height: 20px;
				background: transparent;
				border-right: 2px dashed #0ABAB5;
				transition: height 0.5s ease;
			}

			.service-card:hover::before {
				width: 100%;
			}

			.service-card:hover::after {
				height: 100%;
			}

			.service-card:hover .right-line {
				width: 100%;
			}

			.service-card:hover .bottom-line {
				height: 100%;
			}

			.service-card:hover {
				transform: translateY(-5px);
			}

			.card-icon {
				font-size: 24px;
				color: #0ABAB5;
				margin-bottom: 20px;
			}

			.card-title {
				font-size: 24px;
				margin-bottom: 15px;
			}

			.card-desc {
				font-size: 18px;
				opacity: 0.8;
				line-height: 1.6;
			}

			/* 核心修改：给主内容区增加顶部外边距，避免向上超出 */
			.main-content {
				margin: 0 auto;
				max-width: 1400px;
				display: grid;
				grid-template-columns: 1fr;
				padding: 40px 20px;
				background: #fff;
				position: relative;
				margin-top: 20px;
				z-index: 2;
			}

			.product-section {
				width: 50%;
				position: relative;
				overflow: hidden;
				top: -120px;
			}

			.product-section::before {
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 10px;
				background: #0ABAB5;
				z-index: 5;
			}

			.product-img {
				width: 100%;
				height: auto;
				box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
				display: block;
				margin: 0;
				position: relative;

			}

			.customer-badge {
				position: absolute;
				bottom: 50px;
				left: 20px;
				background: #fff;
				padding: 30px 25px;
				box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
				display: flex;
				align-items: center;
				z-index: 10;
				gap: 20px;
			}

			.customer-badge:after {
				position: absolute;
				content: '';
				bottom: 0;
				width: 0;
				height: 0;
				left: 20%;
				border: 20px solid transparent;
				border-bottom: 0;
				margin-left: 18px;
				margin-bottom: -19px;
				border-top-color: rgba(255, 255, 255, 1);
			}

			.customer-badge i {
				color: #0ABAB5;
				font-size: 50px;
				margin-bottom: 5px;
			}

			.counter-text {
				width: 100px;
			}

			.counter-number {
				font-size: 32px;
				font-weight: bold;
				color: #333;
			}

			.customer-badge p {
				font-size: 18px;
				color: #888;
			}


			.advantage-section {
				background: #fff;
				padding: 30px;
				box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-content: center;
				position: absolute;
				right: 0px;
				top: -120px;
				width: 50%;
				z-index: 2;
				min-height: calc(100% + 40px);
				flex-wrap: wrap;
				align-content: center;
			}

			.advantage-section::before {
				content: "";
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				height: 10px;
				background: #0ABAB5;
				z-index: 5;
			}

			.advantage-title {
				font-size: 15px;
				color: #0ABAB5;
				margin-bottom: 10px;
			}

			.item-content {
				width: 500px;
				height: 120px;
			}

			.advantage-subtitle {
				font-size: 46px;
				color: #0B0C26;
				font-weight: 700;
				margin-bottom: 45px;
				position: relative;
			}

			.advantage-subtitle::after {
				content: "";
				position: absolute;
				bottom: -10px;
				left: 0;
				width: 50px;
				height: 2px;
				background:#0ABAB5;
			}

			.advantage-list {
				display: flex;
				flex-direction: column;
				gap: 25px;
			}

			.advantage-item {
				display: flex;
				gap: 15px;
			}

			 
			.item-number {
				width: 60px;
				height: 60px;
				border-radius: 50%;
				background: #0ABAB5;
				color: #fff;
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 20px;
				font-weight: 900;
				flex-shrink: 0;
			}

		 
			.certificate-icon {
				border-radius: 4px; 
				background: transparent;  
				color: #0ABAB5; 
			}

		 
			.certificate-icon i.fa-certificate {
				font-size: 32px; 
			}

			.item-title {
				font-size: 24px;
				color: #333;
				margin-bottom: 5px;
			}

			.item-desc {
				font-size: 18px;
				color: #666;
				line-height: 1.5;
			}
			
			.index-learn-more { 
				width: 100%;
				position: relative;
				overflow: hidden;
			}
 
			.learn-more-banner {
				height: 300px;
				background: url("../image/learn-more-bg.jpg") center/cover no-repeat;
				background-attachment: fixed; 
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				text-align: center;
				padding: 0 20px;
			} 

			.learn-more-banner h2 {
				font-weight: 900;
                font-size: 46px;
                color: #ffffff;
				margin-bottom: 12px;
			}

			.learn-more-banner p {
				font-size: 18px;
				color: #fff;
				margin-bottom: 20px;
				max-width: 800px;
			}

			.learn-more-btn {
				padding: 8px 20px;
				background-color: #0ABAB5; 
				color: #fff;
				border: none;
				cursor: pointer;
				font-size: 14px;
			}

 
			.learn-more-icons {
				display: flex;
				justify-content: center;
				gap: 60px;
				padding: 0 20px;
				margin-top: -50px; 
				position: relative;
				z-index: 2;
			}

			.icon-card {
				text-align: center;
				max-width: 220px;
			}

			.icon-circle {
				width: 80px;
				height: 80px;
				border-radius: 50%;
				background-color: #0ABAB5; 
				color: #fff;
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 24px;
				margin: 0 auto 15px;
			}

			.icon-card h3 {
				font-size: 18px;
				color: #222;
				margin-bottom: 8px;
			}

			.icon-card p {
				font-size: 14px;
				color: #555;
				line-height: 1.4;
			}

 
			.learn-more-gradient-bg {
				height: 200px;
				background: linear-gradient(to bottom, #ffffff, #4eacaa); 
				margin-top: -100px; 
				position: relative; 
				z-index: 1;
			}

		 
			.gradient-bg-logo {
				position: absolute;
				bottom: -20px; 
				left: 50%;
				transform: translateX(-50%); 
				width: 120px; 
				height: auto;
				z-index: 1; 
			}

			.gradient-bg-logo img {
				width: 100%;
				height: auto;
				display: block;
			}

			/* News Style - 样式优化 */
			.index-news {
				background-color: var(--white-color);
				overflow: hidden;
			}

			.news-container {
				position: relative;
				width: 100%;
				overflow: hidden;
			}

			.news-slider {
				display: flex;
				gap: 20px;
				animation: newsScroll 20s linear infinite;
			}

			@keyframes newsScroll {
				0% {
					transform: translateX(0);
				}

				100% {
					transform: translateX(-50%);
				}
			}

			.news-slider:hover {
				animation-play-state: paused;
			}

			.news-card {
				width: calc(25% - 16px);
				flex-shrink: 0;
				position: relative;
				border-radius: 10px;
				overflow: hidden;
				height: 400px;
				border: 1px solid rgba(12, 174, 165, 0.1);
				transition: all 0.3s ease;
			}

			.news-card:hover {
				transform: translateY(-8px) rotate(1deg);
				box-shadow: var(--glow-shadow);
			}

			.news-card:nth-child(odd) {
				margin-top: 15px;
			}

			.news-card:nth-child(even) {
				margin-top: 30px;
			}

			.news-img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				transition: all 0.3s ease;
			}

			.news-card:hover .news-img {
				transform: scale(1.05);
			}

			.news-overlay {
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				background-color: rgba(0, 0, 0, 0.7);
				color: var(--white-color);
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				opacity: 0;
				transition: opacity 0.5s ease;
				padding: 20px;
				text-align: center;
				backdrop-filter: blur(2px);
			}

			.news-card:hover .news-overlay {
				opacity: 1;
			}

			.news-title {
				font-size: 16px;
				font-weight: 500;
				margin-bottom: 10px;
			}

			.news-date {
				font-size: 14px;
				margin-bottom: 15px;
				opacity: 0.8;
			}

			/* Contact Style - 科技感优化 */
			.index-contact {
				background: url('https://images.unsplash.com/photo-1519501025264-65ba15a82390?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80') no-repeat center center;
				background-size: cover;
				position: relative;
				color: var(--white-color);
			}

			.contact-overlay {
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				background: linear-gradient(45deg, rgba(0, 0, 0, 0.8), rgba(12, 174, 165, 0.2));
				z-index: 1;
			}

			.contact-container {
				position: relative;
				z-index: 2;
				max-width: 800px;
				margin: 0 auto;
			}

			.contact-title {
                font-weight: bold;
                font-size: 42px;
				text-align: center;
				margin-bottom: 40px;
				text-shadow: 0 0 10px rgba(12, 174, 165, 0.5);
			}

			.contact-form {
				background-color: var(--white-color);
				padding: 40px;
				border-radius: 10px;
				color: var(--text-dark);
				box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
				border: 1px solid rgba(12, 174, 165, 0.2);
			}

			.form-label {
				font-weight: 500;
				margin-bottom: 8px;
			}

			.form-control {
				border: 1px solid #ddd;
				border-radius: 5px;
				padding: 10px 15px;
				margin-bottom: 20px;
				transition: all 0.3s ease;
			}

			.form-control:focus {
				border-color: var(--primary-color);
				box-shadow: var(--glow-shadow);
				outline: none;
				transform: translateY(-2px);
			}

			/* Footer Style - 科技感优化（移除伪元素） */
			.index-footer {
				background: linear-gradient(150deg, #3f928a 0%, #111111 100%);
				color: var(--white-color);
				padding: 60px 0 20px;
				border-top: 2px solid var(--primary-color);
				z-index: 2;
				position: relative;
			}

			.footer-row {
				display: grid;
				grid-template-columns: repeat(4, 1fr);
				gap: 40px;
				margin-bottom: 40px;
			}
             .footer-col img {
                max-width: 100%; 
                height: auto;  
                display: block;  
            }
			.footer-title {
				font-size: 18px;
				font-weight: 700;
				margin-bottom: 20px;
				padding-bottom: 10px;
				background: var(--tech-gradient);
				-webkit-background-clip: text;
				background-clip: text;
				color: transparent;
				/* 移除::after伪元素下划线 */
			}

			.quick-links {
				list-style: none;
				padding-left: 0;
			}

			.quick-links li {
				margin-bottom: 10px;
			}

			.quick-links a {
				color: #ccc;
				text-decoration: none;
				transition: all 0.3s ease;
			}

			.quick-links a:hover {
				color: var(--primary-color);
				padding-left: 5px;
				text-shadow: 0 0 5px rgba(12, 174, 165, 0.5);
			}

			.contact-info {
				list-style: none;
				padding-left: 0;
			}

			.contact-info li {
				margin-bottom: 15px;
				display: flex;
				align-items: flex-start;
			}

			.contact-info li i {
				color: var(--primary-color);
				margin-right: 10px;
				margin-top: 5px;
			}

			.social-icons {
				display: flex;
				gap: 15px;
				margin-top: 20px;
			}

			.social-icon {
				width: 40px;
				height: 40px;
				background-color: rgba(255, 255, 255, 0.1);
				color: var(--white-color);
				border-radius: 50%;
				display: flex;
				align-items: center;
				justify-content: center;
				text-decoration: none;
				transition: all 0.3s ease;
				border: 1px solid transparent;
			}

			.social-icon:hover {
				background-color: var(--primary-color);
				color: var(--white-color);
				transform: translateY(-2px) rotate(10deg);
				border-color: rgba(255, 255, 255, 0.5);
				box-shadow: var(--glow-shadow);
			}

			.copyright {
				text-align: center;
				padding-top: 20px;
				border-top: 1px solid rgba(12, 174, 165, 0.1);
				color: #ccc;
				font-size: 14px;
			}
			.index-exhibition {
            padding: 80px 0;
            background-color: var(--white-color);
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            position: relative;
        }

        /* 切换按钮容器 */
        .exhibition-nav {
            position: absolute;
            top: 60px;
            right: 5%;
            z-index: 10;
            display: flex;
            gap: 10px;
        }

        /* 切换按钮样式 */
        .nav-btn {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            border: 2px solid var(--primary-color);
            background-color: var(--white-color);
            color: var(--primary-color);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
            font-size: 1.2rem;
        }

        .nav-btn:hover {
            background-color: var(--primary-color);
            color: var(--white-color);
        }

        /* 按钮禁用样式 */
        .nav-btn.disabled {
            border-color: var(--gray-color);
            color: var(--gray-color);
            cursor: not-allowed;
            background-color: #f8f9fa;
        }

        .nav-btn.disabled:hover {
            background-color: #f8f9fa;
            color: var(--gray-color);
        }

        /* 板块标题样式 */
        .exhibition-title {
            text-align: center;
            margin-bottom: 60px;
            position: relative;
            opacity: 0;
            transform: translateY(20px);
            animation: fadeUp 1s ease forwards 0.2s;  
        }

        @keyframes fadeUp {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .exhibition-title h2 {
            font-size: 2.5rem;
            font-weight: 700;
            color: var(--primary-color);
            margin-bottom: 15px;
        }

        .exhibition-title p {
            font-size: 1.1rem;
            color: #666;
            max-width: 700px;
            margin: 0 auto;
        }

        .exhibition-title::after {
            content: "";
            display: block;
            width: 80px;
            height: 3px;
            background-color: var(--primary-color);
            margin: 20px auto 0;
            transform: scaleX(0);
            animation: scaleIn 0.8s ease forwards 0.6s;  
        }

        @keyframes scaleIn {
            to {
                transform: scaleX(1);
            }
        }

        
        .progress-container {
            width: 80%;
            height: 6px;
            background-color: var(--gray-color);
            border-radius: 3px;
            margin: 0 auto 30px;
            overflow: hidden;
        }

   
        .progress-bar {
            height: 100%;
            background-color: var(--primary-color);
            border-radius: 3px;
            width: 0%;  
            transition: width 0.4s ease;
        }

 
        .cards-wrapper {
            width: 100%;
            overflow: hidden;
            margin: 0 auto;
        }

        .cards-container {
            display: flex;
            gap: 15px;
            transition: transform var(--transition-base);
            width: fit-content;
        }

 
        .card-item {
            flex: 0 0 calc(33.33% - 10px); 
            min-width: 0;
        }

       
        .exhibition-card {
            position: relative;
            overflow: hidden;
            border-radius: 10px;
            height: 280px;  
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            transition: all var(--transition-base);
            margin-bottom: 30px;
            opacity: 0;
            transform: translateY(30px);
            animation: fadeUp 1s ease forwards;  
        }

        /* 卡片延迟动画，营造层次感 */
        .exhibition-card:nth-child(1) { animation-delay: 0.4s; }
        .exhibition-card:nth-child(2) { animation-delay: 0.6s; }
        .exhibition-card:nth-child(3) { animation-delay: 0.8s; }
        .exhibition-card:nth-child(4) { animation-delay: 1.0s; }
        .exhibition-card:nth-child(5) { animation-delay: 1.2s; }
        .exhibition-card:nth-child(6) { animation-delay: 1.4s; }

        .exhibition-card:hover {
            transform: translateY(-10px) scale(1.02);  
            box-shadow: 0 20px 40px rgba(0,0,0,0.18);
        }

 
        .exhibition-img {
            width: 100%;
            height: 100%;
            object-fit: cover; 
            transition: transform 0.8s ease;
        }

        .exhibition-card:hover .exhibition-img {
            transform: scale(1.1);  
            filter: brightness(0.9);  
        }

  
        .exhibition-overlay {
            position: absolute;
            padding: 20px;  
            color: var(--white-color);
            transition: all var(--transition-base);
            z-index: 2;
            opacity: 0;
        }

        /* 底部叠加层：适配横图高度 */
        .overlay-bottom {
            bottom: 0;
            left: 0;
            width: 100%;
            height: 80%; /* 调整高度，适配横图 */
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            background: linear-gradient(to top, rgba(12, 174, 165, 0.98), rgba(12, 174, 165, 0));
            padding-bottom: 20px; /* 减少底部内边距 */
            transform: translateY(100%); /* 初始下移隐藏 */
        }

        .exhibition-card:hover .overlay-bottom {
            opacity: 1;
            transform: translateY(0); /* hover从底部滑入 */
        }

        /* 展会信息文字：适配横图，缩小字体 */
        .exhibition-name, .exhibition-date, .exhibition-location, .exhibition-desc, .exhibition-btn {
            opacity: 0;
            transform: translateY(10px);
            transition: all 0.4s ease;
        }

        .exhibition-card:hover .exhibition-name {
            opacity: 1;
            transform: translateY(0);
            transition-delay: 0.2s;
        }

        .exhibition-card:hover .exhibition-date {
            opacity: 1;
            transform: translateY(0);
            transition-delay: 0.3s;
        }

        .exhibition-card:hover .exhibition-location {
            opacity: 1;
            transform: translateY(0);
            transition-delay: 0.4s;
        }

        .exhibition-card:hover .exhibition-desc {
            opacity: 1;
            transform: translateY(0);
            transition-delay: 0.5s;
        }

        .exhibition-card:hover .exhibition-btn {
            opacity: 1;
            transform: translateY(0);
            transition-delay: 0.6s;
        }
 
        .exhibition-name {
            font-size: 1.3rem;  
            font-weight: 600;
            margin-bottom: 5px;
        }

        .exhibition-date {
            font-size: 0.95rem;  
            margin-bottom: 8px;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .exhibition-location {
            font-size: 0.85rem;  
            margin-bottom: 10px;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .exhibition-desc {
            font-size: 0.8rem;  
            line-height: 1.5;
            opacity: 0.9;
            margin-bottom: 8px;  
        }

 
        .exhibition-btn {
            display: inline-block;
            padding: 6px 18px;  
            background-color: var(--white-color);
            color: var(--primary-color);
            border-radius: 50px;
            text-decoration: none;
            font-weight: 600;
            font-size: 0.8rem;  
            margin-top: 5px;
            border: 2px solid var(--white-color);
            transform: translateY(10px) scale(0.95);  
        }

        .exhibition-btn:hover {
            background-color: transparent;
            color: var(--white-color);
            transform: scale(1.05); 
            box-shadow: 0 5px 15px rgba(255,255,255,0.2);
        }
 
        .index-product {
            width: 100%;
            max-width: 1600px;
            margin: 40px auto;
            padding: 20px 0;
        }

 
        .product-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 15px;
        }

 
        .product-item:nth-child(4) {
            grid-column: span 1;
        }
        .product-item:nth-child(5) {
            grid-column: span 2;
        }
 
        .product-item {
            position: relative;
            height: 300px; 
            overflow: hidden;
            border-radius: 8px; 
            opacity: 0;
            transform: translateY(20px);
            animation: fadeInUp 0.8s ease forwards;
        }

        /* 每张图片不同延迟出现（0.2s/0.4s/0.6s/0.8s/1.0s） */
        .product-item:nth-child(1) { animation-delay: 0.2s; }
        .product-item:nth-child(2) { animation-delay: 0.4s; }
        .product-item:nth-child(3) { animation-delay: 0.6s; }
        .product-item:nth-child(4) { animation-delay: 0.8s; }
        .product-item:nth-child(5) { animation-delay: 1.0s; }

        /* 产品图片样式 */
        .product-img {
            width: 100%; 
            object-fit: cover; /* 保持图片比例，覆盖容器 */
            transition: transform 0.5s ease;
        }

        /* 鼠标悬停图片放大效果（可选增强） */
        .product-item:hover .product-img {
            transform: scale(1.05);
        }

        /* 中间的链接按钮  */
        .product-btn {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            padding: 12px 24px;
            background-color: rgba(0, 191, 165, 0.85); /* 半透明蒂芙尼绿 */
            color: var(--white);
            text-decoration: none;
            font-size: 18px;
            font-weight: 600;
            border-radius: 50px;
            transition: background-color 0.3s ease;
            text-align: center;
            min-width: 180px;
        }

        /* 按钮hover效果 - 替换为深蒂芙尼绿 */
        .product-btn:hover {
            background-color: var(--tiffany-green-dark);
            color: var(--white);
        }

        /* 渐入动画定义 */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        

			/* Responsive Style */
			@media (max-width: 992px) {

				.about-container,
				.team-container {
					flex-direction: column;
					gap: 40px;
				}

				.product-container {
					flex-direction: column;
				}

				.product-timeline {
					width: 100%;
					margin-bottom: 30px;
				}

				.order-cards {
					grid-template-columns: repeat(2, 1fr);
				}

				.footer-row {
					grid-template-columns: repeat(2, 1fr);
				}

				.news-card {
					width: calc(25% - 15px);
				}

				.banner-title {
					font-size: 40px;
				}
				.card-item {
                flex: 0 0 calc(50% - 7.5px); /* 平板一行2个 */
            }
            .exhibition-card {
                height: 240px;
            }
            .exhibition-name {
                font-size: 1.1rem;
            }
			}

			@media (max-width: 768px) {
			    .feature-card {
                display: none;
            }
            .goods-card {
                min-width: 100%;
            }
            .index-how-we-work {
               padding: 60px 15px;
           }
           .section-title {
              font-size: 32px;
           }
            .section-desc {
              font-size: 15px;
           }
           .carousel-indicators{
               bottom: 5%;
           }
				.order-cards {
					grid-template-columns: 1fr;
				}

				.footer-row {
					grid-template-columns: 1fr;
				}

				.news-card {
					width: calc(33.333% - 13px);
				}

				.product-grid {
                grid-template-columns: 1fr; /* 单列布局 */
            }
            /* 重置所有项的列占比 */
            .product-item:nth-child(4),
            .product-item:nth-child(5) {
                grid-column: span 1;
            }
            .product-item {
                height: 250px; /* 移动端图片高度适配 */
            }
            .product-btn {
                font-size: 16px;
                padding: 10px 20px;
            }

				.banner-title {
					font-size: 32px;
				}

				.banner-subtitle {
					font-size: 18px;
				}

				.carousel-item {
					height: 60vh;
				}

				.product-img-box {
					width: 300px;
					height: 300px;
				}
			
                .card-item {
                flex: 0 0 calc(50% - 7.5px); /* 平板一行2个 */
            }
            .exhibition-card {
                height: 240px;
            }
            .exhibition-name {
                font-size: 1.1rem;
            }
            
            
            .service-item {
					flex-direction: column;
					align-items: center;
					text-align: center;
				}

				.service-icon {
					margin-right: 0;
					margin-bottom: 15px;
				}

				.service-list-center {
					max-width: 100%;
				}
            				.main-content {
					width: 100%;
					grid-template-columns: 1fr;
					padding-top: 80px;
					margin-top: 10px;
				}

				.advantage-section {
					position: relative;
					width: 100%;
					top: 0;
					right: 0;
					min-height: auto;
					margin-top: 20px;
				}

				.section-subtitle {
					font-size: 24px;
				}

				.advantage-subtitle {
					font-size: 20px;
				}

				.what-we-do {
					padding-bottom: 50px;
					margin-bottom: 20px;
				}
 
				.product-img {
					top: 0; 
				}

				.product-section {
				    width:100%;
					padding-top: 0;
				 
				}
				.item-content{
				    width: 200px;
				}
				.item-title{
				    font-size: 16px;
				}
				.item-desc{
				    font-size: 14px;
				}

		 
				.certificate-icon {
					width: 50px;
					height: 50px;
				}

				.certificate-icon i.fa-certificate {
					font-size: 26px;
				}
				.learn-more-icons {
				flex-direction: column;
				align-items: center;
				gap: 40px;
				margin-top: -30px;
		        }

		     	.gradient-bg-logo {
				width: 80px; 
				bottom: -30px; 
		      	}
            
			}

			@media (max-width: 576px) {
			    .feature-card {
                display: none;
            }
            .goods-card {
                min-width: 100%;
            }
				.news-card {
					width: calc(100% - 10px);
				}

				.contact-form {
					padding: 20px;
				}

				.section-title {
					font-size: 26px;
				}

				.nav-link {
					font-size: 16px;
					margin: 0 8px;
				}
				.card-item {
                flex: 0 0 100%; /* 手机一行1个 */
            }
            .exhibition-nav {
                top: 20px;
                right: 20px;
            }
            .exhibition-card {
                height: 220px;
            }
            .exhibition-overlay {
                padding: 15px;
            }
            .exhibition-name {
                font-size: 1.0rem;
            }
            .progress-container {
                width: 90%;
            }
			}