* {
		margin: 0;
		padding: 0;
		/*box-sizing: border-box;*/
		font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
	}
	
/* Chrome/Safari */
	html::-webkit-scrollbar { 
		width: 0 !important; 
		display: none; 
	} 
	
/* IE11 */
	body { 
		-ms-overflow-style: none; 
	}
	
	iframe {
		width: 100%;
		height: 960px;
		border: none;
		opacity: 0;
		transition: opacity 0.8s ease-in-out;
	}
	
	.loader {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		background: white;
		z-index: 10;
		transition: opacity 0.5s ease;
	}
	
	.spinner {
		width: 50px;
		height: 50px;
		border: 3px solid rgba(0, 0, 0, 0.1);
		border-radius: 50%;
		border-top-color: #3498db;
		animation: spin 1s linear infinite;
		margin-bottom: 10px;
	}
	
	.loader-text {
		color: #666;
		font-size: 14px;
	}
	
	@keyframes spin {
		to { transform: rotate(360deg); }
	}
	
/*	语言选择*/
	.icon-container .language {
		position: fixed;
		top: 80px;
		right: 150px;
		width: 110px;
		height: 80px;
		margin: 0 55px;
		cursor: pointer;
		box-shadow: 0 0 16px rgba(0, 0, 0, 0.5);
		border-radius: 5px;
		backdrop-filter: blur(4px);
		visibility: hidden;
	}
	
	.language div {
		height: 40px;
	}
	
	.language div > img {
		width: 30px;
		height: auto;
		font-size: 18px;
		top: 7px; 
		position: relative; 
		right: 9px;
	}
	
	.language div > a {
		font-size: 20px;
		color: #555555;
		margin: 0 15px;
		align-content: center;
		text-decoration: none;
		font-size: 18px;
		top: 5px; 
		position: relative;
	}
	
	.language div:hover span {
		color: #85c226;
	}
		
/* 滚动渐现效果相关样式 */
        .scroll-appear {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.6s ease-out, transform 0.6s ease-out;
        }
        
        .scroll-appear.visible {
            opacity: 1;
            transform: translateY(0);
        }
        
/* 为不同元素设置延迟效果 */
        .delay-1 { transition-delay: 0.2s; }
        .delay-2 { transition-delay: 0.4s; }
        .delay-3 { transition-delay: 0.6s; }
        .delay-4 { transition-delay: 0.8s; }
        .delay-5 { transition-delay: 1s; }

/* 导航栏样式 - 移动端优化 */
	.navbar {
		display: flex;
		justify-content: space-between;
		align-items: center;
		/*background-color: #ffffff;*/
		background: rgba(248,249,250, var(--navbar-opacity));
		padding: 15px 5%;
		box-shadow: 0 2px 15px rgba(0,0,0,0.08);
		position: fixed;
		width: 100%;
		top: 0;
		z-index: 100;
	}

	.logo {
		display: flex;
		flex-shrink: 0;
		margin-left: 250px;
	}
	
	.logo i {
		margin-right: 8px;
		font-size: clamp(18px, 4vw, 30px);
	}

	/* 汉堡菜单按钮 */
	.menu-toggle {
		display: none;
		flex-direction: column;
		justify-content: space-around;
		width: 30px;
		height: 25px;
		background: transparent;
		/*border: none;*/
		cursor: pointer;
		padding: 0;
		z-index: 11;
	}
	
	.menu-toggle span {
		display: block;
		width: 30px;
		height: 3px;
		background-color: #4a6cf7;
		/*border-radius: 3px;*/
		transition: all 0.3s ease;
	}

	/* 菜单部分 - 响应式布局 */
	.menu-container {
		display: flex;
		align-items: center;
		flex: 1;
		/* justify-content: flex-end; */
		position: relative;
		left: 350px;
	}

	.menu {
		display: flex;
		list-style: none;
		position: relative;
		margin-right: 20px;
	}

	.menu > li {
		position: relative;
		margin: 0 10px;
		border-bottom: 2px solid transparent;
	}		

	.menu a {
		color: #555;
		text-decoration: none;
		padding: 10px 12px;
		display: block;
		transition: all 0.3s ease;
		/*border-radius: 4px;*/
		font-weight: 350;
		font-size: clamp(18px, 1.8vw, 22px);
		white-space: nowrap;
	}

	.menu a:hover {
		background-color: #ffffff00;
		color: #82be3a;
	}
	
	.menu > li:hover {
		transition: transform 0.5s ease;
		border-bottom: 2px solid #555555;
	}
	
	.menu > .active {
		border-bottom: 2px solid #555555;
	}

	/* 下拉菜单样式 */
	.dropdown-menu {
		position: absolute;
		background-color: #ffffffe6;
		min-width: 280px;
		top: 100%;
		left: -60px;
		z-index: 10;
		box-shadow: 0 0 16px rgba(0, 0, 0, 0.5);
		list-style-type: none;
		visibility: hidden;
		opacity: 0;
		transition: opacity 0.5s ease;
	}

	.dropdown-menu li {
		position: relative;
		align-content: center;
		height: 65px;
		padding: 0;
		border-bottom: 1px solid #d4dbdf;
	}

	.dropdown-menu a {
		padding: 12px 22px;
		font-size: clamp(16px, 1.5vw, 20px);
	}

	.has-dropdown:hover > .dropdown-menu {
		visibility: visible;
		opacity: 1;
		transition: opacity 0.5s ease;
	}
	
	.has-dropdown .chevronAmm {
	  transition: transform 0.3s ease; /* 平滑过渡效果 */
	  display: inline-block; /* 确保内联元素也能正确应用变换 */
	}

	.has-dropdown a:hover .chevronAmm {
	  transform: rotate(90deg);
	  transition: transform 0.3s ease;
	  outline: none; /* 移除默认的焦点轮廓，避免与旋转效果冲突 */
	}
	
	.has-submenu .chevronAmm {
	  transition: transform 0.3s ease; /* 平滑过渡效果 */
	  display: inline-block; /* 确保内联元素也能正确应用变换 */
	  float: right;
	}

	.has-submenu a:hover .chevronAmm {
	  transform: rotate(90deg);
	  transition: transform 0.3s ease;
	  outline: none; /* 移除默认的焦点轮廓，避免与旋转效果冲突 */
	}

	/* 三级菜单样式 */
	.submenu {
		position: absolute;
		left: 100%; 
		top: 0px;
		background-color: #ffffffe6;
		min-width: 280px;
		box-shadow: 0 0 16px rgba(0, 0, 0, 0.5);
		list-style-type: none;
		z-index: 20;
		visibility: hidden;
		opacity: 0;
		transition: opacity 0.5s ease;
	}
	
	.has-submenu {
		border-bottom: 1px solid #f0f5ff;
	}
	
	.has-submenu:hover > .submenu {
		visibility: visible;
		opacity: 1;
		transition: opacity 0.5s ease;
	}
	
	/* 图标样式 */
	.icon-container {
		display: flex;
		align-items: center;
		gap: 15px;
		margin-top: 22px;
		margin-left: 80px;
	}

	.nav-icon {
		color: #555;
		font-size: clamp(16px, 3.5vw, 20px);
		cursor: pointer;
		transition: all 0.3s ease;
		width: 40px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		/*border-radius: 50%;*/
		flex-shrink: 0;
	}

	.nav-icon:hover {
		background-color: #ffffff00;
		color: #82be3a;
	}

	/* 搜索功能区域 */
	.search-container {
		display: flex;
		align-items: center;
		position: relative;
	}

	.search-input {
		position: absolute;
		right: 0;
		width: 0;
		padding: 0;
		background: white;
		border: 1px solid #e0e0e0;
		border-radius: 30px;
		outline: none;
		transition: all 0.5s ease;
		z-index: 5;
		opacity: 0;
		pointer-events: none;
		font-size: clamp(14px, 3.5vw, 15px);
	}

	.search-input.active {
		width: clamp(150px, 40vw, 220px);
		padding: 10px 45px 10px 18px;
		opacity: 1;
		pointer-events: auto;
		box-shadow: 0 5px 20px rgba(0,0,0,0.08);
		right: 50px;
		top: -10px
	}

	/* 主要内容区域 - 响应式 */
	.content {
		flex: 1;
		position: relative;
		overflow: hidden;
		/*padding: 50px 5%;*/
		width: 100%;
		max-width: 1920px;
		/*height: 960px;*/
		margin: 0 auto;
	}

/* 其他测试 */
        .hero {
            text-align: center;
            padding: clamp(30px, 8vw, 60px) 20px;
            max-width: 900px;
            margin: 0 auto;
        }

        .hero h1 {
            color: #333;
            font-size: clamp(2rem, 6vw, 3.5rem);
            line-height: 1.2;
            margin-bottom: 20px;
        }
        
        .hero h1 span {
            color: #4a6cf7;
            position: relative;
        }
        
        .hero h1 span:after {
            content: "";
            position: absolute;
            bottom: clamp(5px, 1.5vw, 10px);
            left: 0;
            right: 0;
            height: clamp(8px, 2.5vw, 15px);
            background-color: rgba(74, 108, 247, 0.2);
            z-index: -1;
        }

        .hero p {
            font-size: clamp(1rem, 3.5vw, 1.25rem);
            color: #555;
            max-width: 700px;
            margin: 0 auto clamp(30px, 5vw, 40px);
        }

        .cta-button {
            display: inline-block;
            background: #4a6cf7;
            color: white;
            padding: clamp(12px, 3vw, 15px) clamp(20px, 6vw, 35px);
			/*border-radius: 30px;*/
            text-decoration: none;
            font-weight: 600;
            font-size: clamp(15px, 3.5vw, 17px);
            transition: all 0.3s ease;
            box-shadow: 0 5px 15px rgba(74, 108, 247, 0.3);
        }
        
        .cta-button:hover {
            transform: translateY(-3px);
            box-shadow: 0 7px 20px rgba(74, 108, 247, 0.4);
            background: #3a5af0;
        }

        .features {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
            gap: clamp(20px, 4vw, 40px);
            margin-top: clamp(30px, 6vw, 60px);
        }

        .feature-card {
            background: white;
            padding: clamp(20px, 4vw, 35px);
			/*border-radius: 16px;*/
            box-shadow: 0 10px 30px rgba(0,0,0,0.05);
            transition: transform 0.4s ease, box-shadow 0.4s ease;
            text-align: center;
        }

        .feature-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 40px rgba(0,0,0,0.1);
        }

        .feature-card i {
            font-size: clamp(2rem, 6vw, 3rem);
            color: #4a6cf7;
            margin-bottom: clamp(15px, 3vw, 25px);
            background-color: #f0f2ff;
            width: clamp(70px, 17vw, 90px);
            height: clamp(70px, 17vw, 90px);
            display: flex;
            align-items: center;
            justify-content: center;
			/*border-radius: 50%;*/
            margin: 0 auto clamp(15px, 3vw, 25px);
        }

        .feature-card h3 {
            margin-bottom: clamp(10px, 2vw, 15px);
            color: #333;
            font-size: clamp(1.3rem, 3.5vw, 1.8rem);
        }

        .feature-card p {
            color: #666;
            line-height: 1.7;
            font-size: clamp(0.9rem, 3.5vw, 1.05rem);
        }

/* 页脚样式 - 响应式设计 */
        .footer {
            background-color: #f8f9fa;
            color: #555;
            padding-top: clamp(15px, 8vw, 20px);
            box-shadow: 0 -5px 20px rgba(0,0,0,0.03);
			position: fixed;
			width: 100%;
			bottom: 33px;
			z-index: 10000;
			visibility: hidden;
			opacity: 0;
			transition: opacity 0.3s ease;
        }
		
		.show-footer {
            bottom: 33px !important;
			visibility: visible;
			opacity: 1;
			transition: opacity 0.3s ease;
        }

        .footer-content {
            max-width: 1920px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr;
            gap: clamp(30px, 6vw, 80px);
            padding: 0 5%;
        }

        @media (min-width: 992px) {
            .footer-content {
                grid-template-columns: 1fr 2fr;
            }
        }

    /* 页脚左侧区域 */
        .footer-left {
            display: flex;
            gap: clamp(15px, 4vw, 30px);
			position: relative;
			left: 20px;
        }

        .footer-logo {
            width: clamp(70px, 18vw, 90px);
            height: clamp(70px, 18vw, 90px);
            border-radius: 0px;
            background: linear-gradient(135deg, #ffffff2e, #ffffff2e);
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }
        
		/* .footer-logo i {*/
			/*background-image: url('img/aier-logo.png');*/
			/*font-size: clamp(25px, 6vw, 40px);*/
			/*color: white;*/
		/*}*/
		
		.footer-logo img {
			top: 15px;
			position: relative;
			/*background-image: url('img/airepe-logo.png');*/
        }

        .company-info {
			top: 13px;
			position: relative;
			line-height: 30px;
			/*display: flex;*/
			/*flex-direction: column;*/
			/*justify-content: center;*/
        }

        .company-info p {
			/*margin-bottom: clamp(5px, 1.5vw, 10px);*/
            font-size: clamp(14px, 3vw, 12px);
            color: #5c5c5c;
        }
        
        .company-info p:first-child {
            font-weight: 500;
            font-size: clamp(10px, 4vw, 14px);
            color: #333333cc;
			/*margin-bottom: clamp(10px, 2vw, 15px);*/
        }

    /* 页脚右侧区域 */
        .footer-right {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
            gap: clamp(15px, 3vw, 30px);
        }

        .footer-menu-section h3 {
            color: #333333cc;
            font-size: clamp(14px, 3vw, 16px);
            font-weight: 700;
            margin-bottom: clamp(6px, 3vw, 8px);
			padding-bottom: clamp(4px, 1.5vw, 5px);
            border-bottom: 1px solid #f0f5ff;

        }

        .footer-links {
            list-style: none;
        }

        .footer-links li {
            margin-bottom: clamp(6px, 2vw, 6px);
        }

        .footer-links a {
            text-decoration: none;
            color: #555555bf;
            font-size: clamp(14px, 3vw, 14px);
            transition: all 0.3s ease;
            display: inline-block;
        }

        .footer-links a:hover {
            color: #82be3a;
            transform: translateX(5px);
        }

    /* 页脚底部注册信息 */
        .footer-bottom {
            max-width: 1920px;
			/*margin: clamp(30px, 5vw, 50px) auto 0;*/
			/*padding: clamp(15px, 3vw, 25px) 5%;*/
            border-top: 1px solid #f0f5ff;
            color: #888;
            font-size: clamp(12px, 3vw, 14px);
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        
        .footer-registry {
			/*margin-top: clamp(8px, 1.5vw, 10px);*/
            width: 100%;
            text-align: center;
            font-size: clamp(11px, 2.5vw, 13px);
            padding: clamp(5px, 1.2vw, 6px);
            background-color: rgb(130, 190, 58);
			/*border-radius: 8px;*/
        }
		.footer-copyright-text {
			position: relative;
			color: #fff;
			left: 0px;
		}
		
		.footer-registry a {
			padding-right: 12px;
		}
		
		.social-links{
			float: right;
			position: relative;
			right: 95px;
			top: 5px;
		}
        
        .social-links a:hover {
            color: #4a6cf7;
            transform: translateY(-3px);
        }
        
        .copyright {
            margin-top: clamp(10px, 2vw, 15px);
        }
		
		.footer-lable {
			background-image: url('../img/footer-lable.png');
			/*position: relative;*/
			margin-top: -58px;
			margin-left: 1250px;
			width: 60px;
			height: 25px;
		}
		
/* 图标定义尺寸 */
		.fab{
		    color: #e8e8e8;
			font-size: 20px;
		}
		
	/* 下拉菜单方向图标 */
		.chevron{
			right: 15px;
			top: 18px;
			position: absolute;
		}
		
	/* 媒体查询：移动设备适配 */
		@media (max-width: 992px) {
			/* 汉堡菜单按钮 */
			.menu-toggle {
			display: flex;
		}
		
	/* 菜单容器 - 移动设备样式 */
		.menu-container {
			position: fixed;
			top: 0;
			right: -100%;
			height: 100vh;
			width: min(320px, 85%);
			background-color: white;
			box-shadow: -5px 0 25px rgba(0,0,0,0.1);
			padding: 80px 30px 30px;
			flex-direction: column;
			transition: all 0.4s ease;
			z-index: 9;
		}
		
		.menu-container.active {
			right: 0;
		}
		
		.menu {
			flex-direction: column;
			width: 100%;
			margin-right: 0;
			overflow-y: auto;
			max-height: calc(100vh - 150px);
		}
		
		/* 移除下拉菜单中的列表标记 */
		ul.menu {
		  list-style: none; /* 消除圆圈/点 */
		  padding-left: 0;  /* 消除缩进 */
		}

		/* 针对列表项额外确保 */
		ul.menu li {
		  list-style: none;
		}
		
		.menu > li {
			margin: 0 0 8px 0;
			width: 100%;
		}
		
		.menu a {
			padding: 15px 10px;
			font-size: 16px;
		}
		
		/* 下拉菜单调整 */
		.dropdown-menu {
			position: static;
			min-width: 100%;
			margin: 5px 0;
			box-shadow: none;
			/*border-radius: 8px;*/
			opacity: 0;
			transition: opacity 0.3s ease;
		}
		
		.dropdown-menu a {
			padding: 10px 15px;
		}
		
		/* 三级菜单调整 */
		.submenu {
			position: static;
			min-width: 100%;
			box-shadow: none;
			margin: 5px 0;
			opacity: 0;
			transition: opacity 0.3s ease;
		}
		
		/* 下拉箭头调整 */
		.menu a .fas {
			float: right;
			transition: transform 0.3s ease;
		}
		
		.menu li.active > a .fa-chevron-down {
			transform: rotate(180deg);
		}
		
		.menu li.active > a .fa-chevron-right {
			transform: rotate(90deg);
		}
		
		/* 图标容器 */
		.icon-container {
			margin-top: 30px;
			width: 100%;
			justify-content: center;
		}
	}

	@media (max-width: 576px) {
		.hero {
			padding: 30px 15px;
		}
		
		.footer-left {
			flex-direction: column;
			align-items: center;
			text-align: center;
		}
		
		.company-info {
			align-items: center;
		}
		
		.footer-right {
			grid-template-columns: 1fr;
		}
	}
		
/* 首页轮播图片容器 */		
		.banner h1 {
		  font-size: 42px;
		  font-family: "../fontawesome/font/Montserrat";
		  color: rgb(255, 255, 255);
		  font-weight: 500;
		  text-transform: uppercase;
		  line-height: 1;
		  -moz-transform: matrix( 1.23,0,0,1.5,0,0);
		  -webkit-transform: matrix( 1.23,0,0,1.5,0,0);
		  -ms-transform: matrix( 1.23,0,0,1.5,0,0);
		  position: absolute;
		  left: 250px;
		  top: 250px;
		  z-index: 9;
		}
		
		.banner h1 span {
			font-size: 40px;
			font-weight: 100;
		}
		
		.banner h2 {
		  font-size: 44px;
		  font-family: "../fontawesome/font/Montserrat";
		  color: rgb(133 194 38);
		  font-weight: 450;
		  text-transform: uppercase;
		  line-height: 1;
		  -moz-transform: matrix( 1.23,0,0,1.5,0,0);
		  -webkit-transform: matrix( 1.23,0,0,1.5,0,0);
		  -ms-transform: matrix( 1.23,0,0,1.5,0,0);
		  position: absolute;
		  left: 225px;
		  top: 315px;
		  z-index: 9;
		}
		.banner h3 {
		  font-size: 5px;
		  font-weight: 100;
		  font-family: "../fontawesome/font/AlibabaPuHuiTi-2-65-Medium.ttf";
		  color: rgb(255, 255, 255);
		  line-height: 1.2;
		  -moz-transform: matrix( 6,0,0,6,0,0);
		  -webkit-transform: matrix( 6,0,0,6,0,0);
		  -ms-transform: matrix( 6,0,0,6,0,0);
		  position: absolute;
		  left: 305px;
		  top: 395px;
		  z-index: 9;
		}
		
/* 首页关于我们容器 */
		.usData img{
			width: 100%;
			height: auto;
		 }
		 
		.usData button{
			top: 600px; 
			left: 120px; 
			width: 185px; 
			height: 60px;
		 }
		 
		.usData span{
			font-size: 30px;
			font-family: "../fontawesome/font/AlibabaPuHuiTi_2_65_Medium";
			color: rgb(34, 34, 34);
			line-height: 1.5;
			text-align: left;
			-moz-transform: matrix( 1.35 ,0,0,1.35 ,0,0);
			-webkit-transform: matrix(1.35 , 0, 0, 1.35 , 0, 0);
			-ms-transform: matrix( 1.35 ,0,0,1.35 ,0,0);
			position: absolute;
			left: 200px;
			top: 150px;
			/* z-index: 8; */
			letter-spacing: 0.2em;
		}
		 
		.usData h4 {
			top: 350px;
			font-size: 35px;
			font-family: "../fontawesome/font/Montserrat";
			color: rgb(130, 190, 58);
			font-weight: bold;
			line-height: 0.6;
			text-align: justifyLeft;
			-moz-transform: matrix( 1.3,0,0,1.28,0,0);
			-webkit-transform: matrix( 1.3,0,0,1.28,0,0);
			-ms-transform: matrix( 1.3,0,0,1.28,0,0);
			position: absolute;
			/* z-index: 20;*/
		}
		
		.usData h4 i {
			font-size: 20px;
			font-weight: 400;
		}
		
		.usData h4 p {
			margin-top: 5px;
			font-size: 15px;
			font-weight: 300;
			color: #222222;
			font-family: "../fontawesome/font/AlibabaPuHuiTi_2_45_Light";
			line-height: 1.7;
		}
		
/* 首页解决方案 */
		.usData h5 {
			font-size: 30px;
			font-weight: 320;
			font-family: "../fontawesome/font/AlibabaPuHuiTi_2_65_Medium";
			color: rgb(255, 255, 255);
			line-height: 1.5;
			position: absolute;
			left: 175px;
			top: 210px;
		}

/* 关于我们页面 */		
		.about {
			height: 950px;
		}
		
		.about > h1 {
			font-size: 40px;
			font-family: "../font/AlibabaPuHuiTi_2_65_Medium";
			color: rgb(8, 70, 150);
			line-height: 1.1;
			text-align: left;
			-moz-transform: matrix( 1.16,0,0,1.16,0,0);
			-webkit-transform: matrix(1.16, 0, 0, 1.16, 0, 0);
			-ms-transform: matrix( 1.16,0,0,1.16,0,0);
			position: absolute;
			left: 200px;
			top: 335px;
		}
		
		.about > span {
			font-size: 18px;
			font-family: "../fontawesome/font/AlibabaPuHuiTi_2_55_Regular";
			color: rgb(8, 70, 150);
			line-height: 1.8;
			position: absolute;
			left: 370px;
			top: 450px;
		}
		
		.vision-grid {
			display: grid;
			grid-template-columns: repeat(3, 1fr); /* 三列等分 */
			gap: 65px;
			align-items: center;
			padding: 120px;
		}
		
		.vision-grid > div {
			width: 500px;
			height: 690px;
		}
		
		.divBackground  {
			width: 500px;
			height: 258px;
			background-image: url(../img/aboutUs/visionHover.png);
			opacity: 0.6;
			visibility: hidden;
			position: absolute;
			bottom: 140px;
		}
		
		.vision-grid > div:hover .divBackground {
			visibility: visible;
			opacity: 0.6;
			transition: opacity 0.3s ease;
		}
		
		.vision-grid > div > h1:not(.active) {
			font-size: 32px;
			font-family: "../fontawesome/font/MiSans";
			color: rgb(255, 255, 255);
			line-height: 1;
			text-align: justifyLeft;
			-moz-transform: matrix( 1.2,0,0,1.2,0,0);
			-webkit-transform: matrix(1.2, 0, 0, 1.2, 0, 0);
			-ms-transform: matrix( 1.2,0,0,1.2,0,0);
			position: relative;
			top: 10%;
			left: 100px;
			transform: scale(1); /* 默认状态下不缩放 */
			transition: transform 0.3s ease-in-out; /* 平滑过渡 */
		}
		
		.vision-grid > div > h1 .active {
			transition-duration: 0.3s;
		}
		
		.vision-grid > div:hover > h1 {
			transform: scale(1.2); /* 放大 */
		}
		
		.vision-grid > div > span {
			font-size: 30px;
			font-family: "../fontawesome/font/AlibabaPuHuiTi_2_45_Light";
			color: rgb(255, 255, 255);
			line-height: 1.6;
			-moz-transform: matrix( 1.2,0,0,1.2,0,0);
			-webkit-transform: matrix(1.2, 0, 0, 1.2, 0, 0);
			-ms-transform: matrix( 1.2,0,0,1.2,0,0);
			position: relative;
			left: 125px;
			top: 500px;
			visibility: hidden;
		}
		
		.vision-grid > div:hover > span {
			visibility: visible;
			opacity: 1;
			transition: opacity 0.5s ease;
		}
		
		.about > h3 {
			font-size: 45px;
			font-weight: 400;
			font-family: "../fontawesome/font/AlibabaPuHuiTi_2_65_Medium";
			color: rgb(255, 255, 255);
			line-height: 1;
			-moz-transform: matrix( 1.16,0,0,1.16,0,0);
			-webkit-transform: matrix( 1.16,0,0,1.16,0,0);
			-ms-transform: matrix( 1.16,0,0,1.16,0,0);
			position: absolute;
			left: 866px;
			top: 130px;
		}
		
/*我们的服务页面*/
		.service {
			height: 950px;
			background-image: url('../img/service/service-backgroud.jpg');
		}
		
		.service > h1 {
			font-size: 45px;
			font-family: "../fontawesome/font/AlibabaPuHuiTi_2_65_Medium";
			color: rgb(85 85 85);
			line-height: 1.25;
			text-align: left;
			-moz-transform: matrix( 1.16,0,0,1.16,0,0);
			-webkit-transform: matrix(1.16, 0, 0, 1.16, 0, 0);
			-ms-transform: matrix( 1.16,0,0,1.16,0,0);
			position: absolute;
			left: 70px;
			top: 250px;
		}
		
		.service > h2 {
			font-size: 30px;
			font-family: "../fontawesome/font/AlibabaPuHuiTi_2_65_Medium";
			color: rgb(85 85 85);
			line-height: 1.25;
			text-align: left;
			-moz-transform: matrix( 1.16,0,0,1.16,0,0);
			-webkit-transform: matrix(1.16, 0, 0, 1.16, 0, 0);
			-ms-transform: matrix( 1.16,0,0,1.16,0,0);
			position: absolute;
			left: 50px;
			top: 350px;
		}
		
		.service > span {
			font-size: 22px;
			font-family: "../fontawesome/font/AlibabaPuHuiTi_2_45_Light";
			color: rgb(85 85 85);
			line-height: 1.8;
			text-align: justifyLeft;
			position: absolute;
			top: 400px;
			left: 48px;
			width: 500px;
			height: 140px;
			letter-spacing: 0.5px;
		}
		
		.service > div {
			position: absolute;
			top: 80px;
			width: 900px;
			height: 665px;
			transition: transform .5s ease-in-out;
			right: 500px;
		}
		
		.service-grid {
			display: grid;
			grid-template-columns: repeat(3, 1fr); /* 三列等分 */
			gap: 25px;
			align-items: center;
			padding: 120px;
		}
		
		.service-grid > div {
			width: 400px;
			height: 665px;
			transition: transform .5s ease-in-out;
		}
		
		.service > div i{
			position: absolute;
			width: 400px;
			height: 15px;
			opacity: 0;
			visibility: hidden;
		}
		.service-grid > div:hover {
			transform: scale(1.1);
		}
		
		.service-grid > div:hover i {
			visibility: visible;
			background-color: rgb(133 194 38);
			opacity: 0.8;
			transition: opacity 0.6s ease;
		}
		
		.service .grid-container {
            display: grid;
            grid-template-columns: repeat(2, 1fr);  /* 定义两列等宽 */
            grid-template-rows: auto auto;          /* 定义两行自适应高度 */
			/*gap: 10px;*/
			width: 100%;
			max-width: 1450px;
			height: 100%;
			max-height: 800px;
			/*margin: 20px auto;*/
			/*padding: 15px;*/
			top:0px;
			left: 225px;
			/*background: #f5f5f5;*/
			/*border-radius: 0px;*/
        }

        .grid-item {
			/*background: #ffffff;*/
            /*padding: 20px;*/
			/* border-radius: 0px;*/
            text-align: center;
        }
		
		.grid-item > div {
			width: 700px;
			height: 380px;
			margin: auto;
			transition: transform .5s ease-in-out;
		}
		
		.grid-item:hover > div {
			transform: scale(1.1);
		}
		
		.grid-item > div > h1 {
			font-size: 35px;
			font-weight: 400;
			font-family: "../fontawesome/font/AlibabaPuHuiTi_2_65_Medium";
			color: rgb(255, 255, 255);
			line-height: 1.4;
			text-align: left;
			transform: matrix(1.3, 0, 0, 1.3, 0, 0);
			position: relative;
			left: 150px;
			top: 300px;
			transition: transform .5s ease-in-out;
		}
		
/*留言页面*/
		.contactUs {
			height: 950px;
			background-image: url('../img/contactUs/contactUs-background.jpg');
			flex: 0 0 100%;
			position: relative;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		
		.contactUs > h1 {
			font-size: 45px;
			font-family: "../fontawesome/font/AlibabaPuHuiTi_2_65_Medium";
			font-weight: 300;
			color: rgb(255, 255, 255);
			line-height: 1;
			text-align: center;
			-moz-transform: matrix( 1.16,0,0,1.16,0,0);
			-webkit-transform: matrix(1.16, 0, 0, 1.16, 0, 0);
			-ms-transform: matrix( 1.16,0,0,1.16,0,0);
			position: absolute;
			margin-top: -300px;
		}
		
		.contactUs > span {
			font-size: 26px;
			font-family: "../fontawesome/font/AlibabaPuHuiTi_2_45_Light";
			color: rgb(255, 255, 255);
			line-height: 1.773;
			text-align: center;
			position: absolute;
			width: 1100px;
		}
		.contactUs > button {
			font-size: 26px;
			width: 150px;
			margin-top: 300px;
			font-size: 22px;
		}
		
		.messageBoard {
			transform: translate(-50%, -50%);
			border-radius: 5px;
			box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
			z-index: 1001;
			animation: fadeIn 0.4s ease;
			position: absolute;
			width: 920px;
			height: 490px;
			top: 50%;
			left: 50%;
			background-image: url('../img/contactUs/message-board.jpg');
		}
		
		.messageBoard > h1 {
			font-size: 34px;
			font-weight: 400;
			font-family: "../fontawesome/font/AlibabaPuHuiTi_2_65_Medium";
			color: rgb(34, 34, 34);
			line-height: 1.5;
			text-align: center;
			-moz-transform: matrix( 1.16,0,0,1.16,0,0);
			-webkit-transform: matrix(1.16, 0, 0, 1.16, 0, 0);
			-ms-transform: matrix( 1.16,0,0,1.16,0,0);
			position: absolute;
			padding: 40px;
		}
		
		.messageBoard > h2 {
		  font-size: 20px;
		  font-weight: 350;
		  font-family: "../font/AlibabaPuHuiTi_2_55_Regular";
		  color: rgb(34, 34, 34);
		  line-height: 2.315;
		  text-align: center;
		  -moz-transform: matrix( 1,0,0,1,0,0);
		  -webkit-transform: matrix( 1,0,0,1,0,0);
		  -ms-transform: matrix( 1,0,0,1,0,0);
		  position: absolute;
		  left: 40px;
		}
		
		.messageBoard > span {
			position: absolute;
		}
		
		.messageBoard > button {
			position: absolute;
			bottom: 50px;
			left: 700px;
			z-index: 1110;
			height: 40px;
			width: 150px;
			line-height: 40px;
		}
		
/*	解决方案样式	*/
		.solutions {
			background-image: radial-gradient(rgba(255, 255, 255, 0.9) 1px, transparent 5px),url('../img/solutions/solutions_cases_background.jpg');
			background-size: 4px 4px, cover;
			display: flex;
            height: 950px;
			gap: 20px;  
            position: relative;
            overflow: hidden;
			padding: 20px
        }
		.solutions-left {
			flex: 0.8;  
			height: 760px; /* 左边容器自适应 */
			margin-top: 130px;
			background: rgb(255 255 255 / 0%);
		}
		
		.solutions-img-item {
			background: rgb(255 255 200 / 0%);
			background-size: cover;
			transition: transform 0.4s ease; /* 过渡时间与缓动函数 */
		}
		
		.solutions-right > div {
			background: rgb(255 255 200 / 0%);
			background-size: cover;
			transition: transform 0.4s ease; /* 过渡时间与缓动函数 */
		}
		
		.solutions-img-item:hover {
			border-radius: 5px;              /* 圆角 */
			box-shadow: 0 4px 12px rgba(0,0,0,0.5); /* 阴影 */
			transform: scale(1.1); /* 悬停时放大15% */
		}
		
		.solutions-right > div:hover {
			border-radius: 5px;              /* 圆角 */
			box-shadow: 0 4px 12px rgba(0,0,0,0.5); /* 阴影 */
			transform: scale(1.1); /* 悬停时放大15% */
		}
		
		.solutions-left > h1 {
			color: #555555;
			font-size: 36px;
			font-family: "../fontawesome/font/AlibabaPuHuiTi-2-65-Medium.ttf";
			font-weight: 450;
			margin-top: 50px;
			margin-left: 50px;
			line-height: 1.5;
		}
		
		.solutions-left > h2 {
			color: #555555;
			font-size: 32px;
			font-family: "../fontawesome/font/AlibabaPuHuiTi-2-65-Medium.ttf";
			font-weight: 350;
			margin-top: 30px;
			margin-left: 50px;
			line-height: 2.5;
		}
		
		.box {
			margin-top: 20px;
			margin-left: 1.5em;     /* 整体缩进 */
			text-indent: -1.5em;    /* 首行反向缩进 */
		}
		
		.box + .box { /* 选中前一个.box后的所有.box */
			margin-top: 40px; /* 关键：固定间距 */
		}
		
		.box > h1 {
			color: #555555;
			font-size: 26px;
			font-family: "../fontawesome/font/AlibabaPuHuiTi-2-65-Medium.ttf";
			font-weight: 350;
			margin-left: 80px;
			line-height: 1.8;
		}
		
		.box > span {
			color: #555555;
			font-size: 22px;
			font-family: "../fontawesome/font/AlibabaPuHuiTi-2-65-Medium.ttf";
			font-weight: 350;
			left: 50px;
			top: 10px;
			position: relative;
			line-height: 1.5;
		}
		/*	新排版	*/
		.solutions-content {
			background-image: url('../img/solutions/solutions-background.jpg');
            /*background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);*/
			min-height: 100vh;
			display: flex;
			align-items: center;
			padding: 20px;
			/* margin-top: 115px; */
			flex-wrap: wrap;
			justify-content: space-evenly;
        }
        
        .main-container {
            display: flex;
            flex-direction: column;
            width: 100%;
            max-width: 1500px;
            height: 95vh;
            /*background-color: white;*/
            /*border-radius: 15px;*/
            /*box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);*/
            overflow: hidden;
			opacity: 1;
			margin-top: 80px;
			height: 780px;
        }
        
        .top-section {
            flex: 7;
            display: flex;
            padding: 20px;
            border-bottom: 2px solid #f0f0f0;
        }
        
        .text-description {
            flex: 1;
            padding: 25px;
            background: linear-gradient(to bottom, #f8f9fa, #eef2f6);
            border-radius: 5px;
            margin-right: 20px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            overflow-y: auto;
        }
        
        .text-description h2 {
            color: #555555;
            margin-bottom: 20px;
            padding-bottom: 12px;
			font-size: 32px;
            border-bottom: 2px solid #85c226;
			transition: all 0.3s ease;
        }
        
        .text-description p {
            color: #555555;
            line-height: 1.8;
            margin-bottom: 16px;
            font-size: 24px;
			transition: all 0.3s ease;
        }
        
        .image-display {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            /*background: linear-gradient(135deg, #eef2f3 0%, #d9e4f5 100%);*/
            border-radius: 5px;
            overflow: hidden;
            position: relative;
            box-shadow: 0 0 16px rgba(0, 0, 0, 0.5);
        }
        
        #mainImage {
            width: 100%;     /* 铺满容器宽度 */
			height: 100%;    /* 铺满容器高度 */
			object-fit: cover; /* 填充方式 */
            border-radius: 5px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            transition: all 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
        }
        
        .carousel-section {
            flex: 3;
            padding: 20px;
            /*background-color: #f8f9fa;*/
            position: relative;
			border-top: 2px solid #85c226;
        }
        
        .carousel-title {
            text-align: center;
            color: #2c3e50;
            margin-bottom: 15px;
            font-size: 1.4em;
            font-weight: 600;
			transition: all 0.3s ease;
        }
        
        .carousel-wrapper {
            position: relative;
            height: 100%;
            overflow: hidden;
        }
        
        .carousel-container {
            display: flex;
            height: 100%;
            transition: transform 0.6s ease-in-out;
            scroll-behavior: smooth;
        }
        
        .carousel-img {
            flex: 0 0 auto;
            height: 100%;
            width: auto;
            max-height: 170px;
            border-radius: 2px;
            cursor: pointer;
            object-fit: cover;
            margin: 0 8px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
            border: 2px solid transparent;
        }
        
        .carousel-img:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
        }
        
        .carousel-img.active {
                /* border: 2px solid; */
			border-color: #85c226;
			box-shadow: 0 0 0 6px rgb(133 194 38 / 30%);
        }
        
        .carousel-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 40px;
            height: 40px;
            background: rgb(133 194 38 / 60%);
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
            z-index: 10;
            transition: all 0.3s ease;
        }
        
        .carousel-btn:hover {
            background: #85c226;
            transform: translateY(-50%) scale(1.1);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
        }
        
        .carousel-btn.prev {
            left: 15px;
        }
        
        .carousel-btn.next {
            right: 15px;
        }
        
        .carousel-btn svg {
            width: 40px;
            height: 40px;
            fill: #fff;
        }