页面修改

templates/default_v2/index.html

@@ -143,7 +143,7 @@
 			left: 0;
 			width: 100%;
 			height: 100%;
-			opacity: 0.2;
+			opacity: 0.7;
 			z-index: -1;
 			background-size: cover;
 			background-position: center;
@@ -153,24 +153,24 @@
 		.service-card {
 			transition: all 0.3s ease;
 			/* 服务card图片显示  */
-			position: relative;
+			/* position: relative;
-			z-index: 1;
+			z-index: 1; */
 		}
 
 		/* 动态样式注入 */
 		/* 服务card图片显示  */
-		.service-card::before {
+		/* .service-card::before {
 			background-image: var(--bg-image);
-		}
+		} */
 
 		.service-card:hover {
 			transform: translateY(-5px);
 			box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
 		}
 		/* 服务card图片显示  */
-		.service-card:hover::before {
+		/* .service-card:hover::before {
-			opacity: 0.35;
+			opacity: 0.7;
-		}
+		} */
 
 		.carousel {
 			position: relative;
@@ -555,113 +555,222 @@
 			</div>
 			<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
 				{dreamer-cms:list typeid="48385ou5" pagenum="1" pagesize="1" cascade="true" sortBy="show_time" sortWay="desc"}
-				<div class="service-card bg-white p-8 rounded-lg shadow-md" data-bg-image="[field:litpic/]">
+                       <!-- 全过程工程咨询 -->
-
+					   <div class="service-card bg-white p-8 rounded-lg shadow-md">
-					<div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mb-6">
+						<div class="text-center mb-6">
+							<div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
 								<i class="fas fa-project-diagram text-blue-600 text-2xl"></i>
 							</div>
-					<h3 class="text-xl font-bold mb-4"><strong>全过程工程咨询</strong></h3>
+							<h3 class="text-xl font-bold text-gray-900 mb-2">全过程工程咨询</h3>
-					<p class="text-gray-600 mb-6"><b>提供从项目前期策划到竣工验收的全过程咨询服务</b></p>
+							<p class="text-gray-600 text-center">提供从项目前期策划到竣工验收的全过程咨询服务</p>
-					<a href="/list-48385ou5/quanguocheng/1/10" class="text-blue-600 font-medium flex items-center">
+						</div>
+						<div class="relative">
+							<!-- 统一图片大小 -->
+							<img 
+								src="[field:litpic/]" 
+								alt="全过程工程咨询" 
+								class="w-full h-80 object-cover rounded-lg shadow-md"
+							>
+						</div>
+						<div class="mt-4 flex justify-end">
+							<a href="/list-48385ou5/quanguocheng/1/10" class="text-blue-600 font-medium">
 								了解更多 <i class="fas fa-arrow-right ml-2 text-sm"></i>
 							</a>
-
+						</div>
 					</div>
 				{/dreamer-cms:list}
 				{dreamer-cms:list typeid="3m1s0813" pagenum="1" pagesize="1" cascade="true" sortBy="show_time" sortWay="desc"}
-				<div class="service-card bg-white p-8 rounded-lg shadow-md" data-bg-image="[field:litpic/]">
+				  <!-- 工程咨询 -->
-					<div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mb-6">
+				  <div class="service-card bg-white p-8 rounded-lg shadow-md">
+					<div class="text-center mb-6">
+						<div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
 							<i class="fas fa-tasks text-blue-600 text-2xl"></i>
 						</div>
-					<h3 class="text-xl font-bold mb-4"><strong>项目管理服务</strong></h3>
+						<h3 class="text-xl font-bold text-gray-900 mb-2">工程咨询</h3>
-					<p class="text-gray-600 mb-6"><b>专业的项目管理团队，确保项目按计划顺利实施</b></p>
+						<p class="text-gray-600 text-center">专业的项目管理团队，确保项目按计划顺利实施</p>
-					<a href="/list-3m1s0813/gongchengzixun/1/10" class="text-blue-600 font-medium flex items-center">
+					</div>
+					<div class="relative">
+						<img 
+							src="[field:litpic/]" 
+							alt="工程咨询" 
+							class="w-full h-80 object-cover rounded-lg shadow-md"
+						>
+					</div>
+					<div class="mt-4 flex justify-end">
+						<a href="/list-3m1s0813/gongchengzixun/1/10" class="text-blue-600 font-medium">
 							了解更多 <i class="fas fa-arrow-right ml-2 text-sm"></i>
 						</a>
 					</div>
-				{/dreamer-cms:list}
-				{dreamer-cms:list typeid="0723u098" pagenum="1" pagesize="1" cascade="true" sortBy="show_time" sortWay="desc"}
-				<div class="service-card bg-white p-8 rounded-lg shadow-md" data-bg-image="[field:litpic/]">
-					<div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mb-6">
-						<i class="fas fa-calculator text-blue-600 text-2xl"></i>
-					</div>
-					<h3 class="text-xl font-bold mb-4"><strong>工程造价咨询</strong></h3>
-					<p class="text-gray-600 mb-6"><b>专业的造价控制服务，优化项目投资效益</b></p>
-					<a href="/list-0723u098/zjzx/1/10" class="text-blue-600 font-medium flex items-center">
-						了解更多 <i class="fas fa-arrow-right ml-2 text-sm"></i>
-					</a>
-				</div>
-				{/dreamer-cms:list}
-				{dreamer-cms:list typeid="5dwqhes7" pagenum="1" pagesize="1" cascade="true" sortBy="show_time" sortWay="desc"}
-				<div class="service-card bg-white p-8 rounded-lg shadow-md" data-bg-image="[field:litpic/]">
-					<div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mb-6">
-						<i class="fas fa-search text-blue-600 text-2xl"></i>
-					</div>
-					<h3 class="text-xl font-bold mb-4"><strong>BIM咨询</strong></h3>
-					<p class="text-gray-600 mb-6"><b>BIM咨询赋能，智建高效协同</b></p>
-					<a href="/list-5dwqhes7/bim/1/10" class="text-blue-600 font-medium flex items-center">
-						了解更多 <i class="fas fa-arrow-right ml-2 text-sm"></i>
-					</a>
-				</div>
-				{/dreamer-cms:list}
-				{dreamer-cms:list typeid="v35683wr" pagenum="1" pagesize="1" cascade="true" sortBy="show_time" sortWay="desc"}
-				<div class="service-card bg-white p-8 rounded-lg shadow-md" data-bg-image="[field:litpic/]">
-					<div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mb-6">
-						<i class="fas fa-file-contract text-blue-600 text-2xl"></i>
-					</div>
-					<h3 class="text-xl font-bold mb-4"><strong>工程监理服务</strong></h3>
-					<p class="text-gray-600 mb-6"><b>专业的工程监理团队，确保工程质量达标</b></p>
-					<a href="/list-v35683wr/gcjl/1/10" class="text-blue-600 font-medium flex items-center">
-						了解更多 <i class="fas fa-arrow-right ml-2 text-sm"></i>
-					</a>
-				</div>
-				{/dreamer-cms:list}
-				{dreamer-cms:list typeid="fjr7p75l" pagenum="1" pagesize="1" cascade="true" sortBy="show_time" sortWay="desc"}
-				<div class="service-card bg-white p-8 rounded-lg shadow-md" data-bg-image="[field:litpic/]">
-					<div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mb-6">
-						<i class="fas fa-solid fa-user text-blue-600 text-2xl"></i>
-					</div>
-					<h3 class="text-xl font-bold mb-4"><strong>资金申请</strong></h3>
-					<p class="text-gray-600 mb-6"><b>精准资金规划，体现服务价值</b></p>
-					<a href="/list-fjr7p75l/zjsq/1/10" class="text-blue-600 font-medium flex items-center">
-						了解更多 <i class="fas fa-arrow-right ml-2 text-sm"></i>
-					</a>
-				</div>
-				{/dreamer-cms:list}
-				{dreamer-cms:list typeid="32n9y542" pagenum="1" pagesize="1" cascade="true" sortBy="show_time" sortWay="desc"}
-				<div class="service-card bg-white p-8 rounded-lg shadow-md" data-bg-image="[field:litpic/]">
-					<div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mb-6">
-						<i class="fas fal fa-city text-blue-600 text-2xl"></i>
-					</div>
-					<h3 class="text-xl font-bold mb-4"><strong>勘察设计</strong></h3>
-					<p class="text-gray-600 mb-6"><b>精勘设计先行，赋能工程科学决策</b></p>
-					<a href="/list-32n9y542/kcsj/1/10" class="text-blue-600 font-medium flex items-center">
-						了解更多 <i class="fas fa-arrow-right ml-2 text-sm"></i>
-					</a>
 				</div>	
 				{/dreamer-cms:list}
 				{dreamer-cms:list typeid="8q398bn8" pagenum="1" pagesize="1" cascade="true" sortBy="show_time" sortWay="desc"}
-				<div class="service-card bg-white p-8 rounded-lg shadow-md" data-bg-image="[field:litpic/]">
+				<div class="service-card bg-white p-8 rounded-lg shadow-md">
-					<div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mb-6">
+					<div class="text-center mb-6">
+						<div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
 							<i class="fas fa-shield-alt text-blue-600 text-2xl"></i>
 						</div>
-					<h3 class="text-xl font-bold mb-4"><strong>安全咨询</strong></h3>
+						<h3 class="text-xl font-bold text-gray-900 mb-2">安全咨询</h3>
-					<p class="text-gray-600 mb-6"><b>专业安全咨询，护航工程零风险</b></p>
+						<p class="text-gray-600 text-center">专业安全咨询，护航工程零风险</p>
-					<a href="/list-8q398bn8/aqzx/1/10" class="text-blue-600 font-medium flex items-center">
+					</div>
+					<div class="relative">
+						<img 
+							src="[field:litpic/]" 
+							alt="安全咨询" 
+							class="w-full h-80 object-cover rounded-lg shadow-md"
+						>
+					</div>
+					<div class="mt-4 flex justify-end">
+						<a href="/list-8q398bn8/aqzx/1/10" class="text-blue-600 font-medium">
 							了解更多 <i class="fas fa-arrow-right ml-2 text-sm"></i>
 						</a>
 					</div>
+				</div>
 				{/dreamer-cms:list}
-				{dreamer-cms:list typeid="10o2ipu3" pagenum="1" pagesize="1" cascade="true" sortBy="show_time" sortWay="desc"}
+				
-				<div class="service-card bg-white p-8 rounded-lg shadow-md" data-bg-image="[field:litpic/]">
+				{dreamer-cms:list typeid="v35683wr" pagenum="1" pagesize="1" cascade="true" sortBy="show_time" sortWay="desc"}
-					<div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mb-6">
+            <!-- 造价咨询 -->
-						<i class="fas fa-desktop text-blue-600 text-2xl"></i>
+            <div class="service-card bg-white p-8 rounded-lg shadow-md">
+                <div class="text-center mb-6">
+                    <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
+                        <i class="fas fa-file-contract text-blue-600 text-2xl"></i>
                     </div>
-					<h3 class="text-xl font-bold mb-4"><strong>信息化咨询</strong></h3>
+                    <h3 class="text-xl font-bold text-gray-900 mb-2">造价咨询</h3>
-					<p class="text-gray-600 mb-6"><b>智能信息化，赋能工程高效决策</b></p>
+                    <p class="text-gray-600 text-center">专业的造价咨询服务，确保项目成本可控</p>
-					<a href="/list-10o2ipu3/xxh/1/10" class="text-blue-600 font-medium flex items-center">
+                </div>
+                <div class="relative">
+                    <img 
+                        src="[field:litpic/]" 
+                        alt="造价咨询" 
+                        class="w-full h-80 object-cover rounded-lg shadow-md"
+                    >
+                </div>
+                <div class="mt-4 flex justify-end">
+                    <a href="/list-v35683wr/gcjl/1/10" class="text-blue-600 font-medium">
                         了解更多 <i class="fas fa-arrow-right ml-2 text-sm"></i>
                     </a>
+                </div>
+            </div>
+				{/dreamer-cms:list}
+				{dreamer-cms:list typeid="0723u098" pagenum="1" pagesize="1" cascade="true" sortBy="show_time" sortWay="desc"}
+            <!-- 招标代理 -->
+            <div class="service-card bg-white p-8 rounded-lg shadow-md">
+                <div class="text-center mb-6">
+                    <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
+                        <i class="fas fa-calculator text-blue-600 text-2xl"></i>
+                    </div>
+                    <h3 class="text-xl font-bold text-gray-900 mb-2">招标代理</h3>
+                    <p class="text-gray-600 text-center">专业的造价控制服务，优化项目投资效益</p>
+                </div>
+                <div class="relative">
+                    <img 
+                        src="[field:litpic/]" 
+                        alt="招标代理" 
+                        class="w-full h-80 object-cover rounded-lg shadow-md"
+                    >
+                </div>
+                <div class="mt-4 flex justify-end">
+                    <a href="/list-0723u098/zjzx/1/10" class="text-blue-600 font-medium">
+                        了解更多 <i class="fas fa-arrow-right ml-2 text-sm"></i>
+                    </a>
+                </div>
+            </div>
+				{/dreamer-cms:list}
+
+	
+				<!-- {dreamer-cms:list typeid="fjr7p75l" pagenum="1" pagesize="1" cascade="true" sortBy="show_time" sortWay="desc"}
+				<div class="service-card bg-white p-8 rounded-lg shadow-md">
+					<div class="text-center mb-6">
+						<div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
+							<i class="fas fa-solid fa-user text-blue-600 text-2xl"></i>
+						</div>
+						<h3 class="text-xl font-bold text-gray-900 mb-2">资金申请</h3>
+						<p class="text-gray-600 text-center">精准资金规划，助力项目顺利推进</p>
+					</div>
+					<div class="relative">
+						<img 
+							src="[field:litpic/]" 
+							alt="资金申请" 
+							class="w-full h-80 object-cover rounded-lg shadow-md"
+						>
+					</div>
+					<div class="mt-4 flex justify-end">
+						<a href="/list-fjr7p75l/zjsq/1/10" class="text-blue-600 font-medium">
+							了解更多 <i class="fas fa-arrow-right ml-2 text-sm"></i>
+						</a>
+					</div>
+				</div>
+				{/dreamer-cms:list} -->
+				{dreamer-cms:list typeid="32n9y542" pagenum="1" pagesize="1" cascade="true" sortBy="show_time" sortWay="desc"}
+            <!-- 勘察设计 -->
+            <div class="service-card bg-white p-8 rounded-lg shadow-md">
+                <div class="text-center mb-6">
+                    <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
+                        <i class="fas fa-map text-blue-600 text-2xl"></i> <!-- 修正图标 -->
+                    </div>
+                    <h3 class="text-xl font-bold text-gray-900 mb-2">勘察设计</h3>
+                    <p class="text-gray-600 text-center">精勘设计先行，赋能工程科学决策</p>
+                </div>
+                <div class="relative">
+                    <img 
+                        src="[field:litpic/]" 
+                        alt="勘察设计" 
+                        class="w-full h-80 object-cover rounded-lg shadow-md"
+                    >
+                </div>
+                <div class="mt-4 flex justify-end">
+                    <a href="/list-32n9y542/kcsj/1/10" class="text-blue-600 font-medium">
+                        了解更多 <i class="fas fa-arrow-right ml-2 text-sm"></i>
+                    </a>
+                </div>
+            </div>
+				{/dreamer-cms:list}
+
+				{dreamer-cms:list typeid="10o2ipu3" pagenum="1" pagesize="1" cascade="true" sortBy="show_time" sortWay="desc"}
+            <!-- 信息化咨询 -->
+            <div class="service-card bg-white p-8 rounded-lg shadow-md">
+                <div class="text-center mb-6">
+                    <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
+                        <i class="fas fa-desktop text-blue-600 text-2xl"></i>
+                    </div>
+                    <h3 class="text-xl font-bold text-gray-900 mb-2">信息化咨询</h3>
+                    <p class="text-gray-600 text-center">智能信息化，赋能工程高效决策</p>
+                </div>
+                <div class="relative">
+                    <img 
+                        src="[field:litpic/]" 
+                        alt="信息化咨询" 
+                        class="w-full h-80 object-cover rounded-lg shadow-md"
+                    >
+                </div>
+                <div class="mt-4 flex justify-end">
+                    <a href="/list-10o2ipu3/xxh/1/10" class="text-blue-600 font-medium">
+                        了解更多 <i class="fas fa-arrow-right ml-2 text-sm"></i>
+                    </a>
+                </div>
+            </div>
+				{/dreamer-cms:list}
+				{dreamer-cms:list typeid="5dwqhes7" pagenum="1" pagesize="1" cascade="true" sortBy="show_time" sortWay="desc"}
+				<!-- 工程监理 -->
+				<div class="service-card bg-white p-8 rounded-lg shadow-md">
+					<div class="text-center mb-6">
+						<div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
+							<i class="fas fa-search text-blue-600 text-2xl"></i>
+						</div>
+						<h3 class="text-xl font-bold text-gray-900 mb-2">工程监理</h3>
+						<p class="text-gray-600 text-center">专业的工程监理团队，确保工程质量达标</p>
+					</div>
+					<div class="relative">
+						<img 
+							src="[field:litpic/]" 
+							alt="工程监理" 
+							class="w-full h-80 object-cover rounded-lg shadow-md"
+						>
+					</div>
+					<div class="mt-4 flex justify-end">
+						<a href="/list-5dwqhes7/gcjl/1/10" class="text-blue-600 font-medium">
+							了解更多 <i class="fas fa-arrow-right ml-2 text-sm"></i>
+						</a>
+					</div>
 				</div>
 					{/dreamer-cms:list}
 			</div>
@@ -692,8 +801,8 @@
 								<i class="fas fa-check text-blue-600"></i>
 							</div>
 							<div>
-								<h4 class="font-bold mb-1">20年行业经验</h4>
+								<h4 class="font-bold mb-1">企业宗旨</h4>
-								<p class="text-gray-600">深耕工程咨询行业20年，积累了丰富的项目经验</p>
+								<p class="text-gray-600">以人为本，团结协作；拼搏创新，回馈社会</p>
 							</div>
 						</div>
 						<div class="flex items-start mb-4">
@@ -701,8 +810,35 @@
 								<i class="fas fa-check text-blue-600"></i>
 							</div>
 							<div>
-								<h4 class="font-bold mb-1">300+客户信赖</h4>
+								<h4 class="font-bold mb-1">经营理念</h4>
-								<p class="text-gray-600">服务超过300家企业客户，获得一致好评</p>
+								<p class="text-gray-600">用户为先，信誉至上；高效务实，共谋发展</p>
+							</div>
+						</div>
+						<div class="flex items-start mb-4">
+							<div class="bg-blue-100 p-2 rounded-full mr-4">
+								<i class="fas fa-check text-blue-600"></i>
+							</div>
+							<div>
+								<h4 class="font-bold mb-1">企业精神</h4>
+								<p class="text-gray-600">追求卓越，成就辉煌</p>
+							</div>
+						</div>
+						<div class="flex items-start mb-4">
+							<div class="bg-blue-100 p-2 rounded-full mr-4">
+								<i class="fas fa-check text-blue-600"></i>
+							</div>
+							<div>
+								<h4 class="font-bold mb-1">企业作风</h4>
+								<p class="text-gray-600">敬业勤勉，严谨专注</p>
+							</div>
+						</div>
+						<div class="flex items-start mb-4">
+							<div class="bg-blue-100 p-2 rounded-full mr-4">
+								<i class="fas fa-check text-blue-600"></i>
+							</div>
+							<div>
+								<h4 class="font-bold mb-1">服务宗旨</h4>
+								<p class="text-gray-600">客户的需求就是我们努力的方向；客户的满意就是我们奋斗的目标</p>
 							</div>
 						</div>
 						<div class="flex items-start">
@@ -710,8 +846,8 @@
 								<i class="fas fa-check text-blue-600"></i>
 							</div>
 							<div>
-								<h4 class="font-bold mb-1">80+专业团队</h4>
+								<h4 class="font-bold mb-1">发展目标</h4>
-								<p class="text-gray-600">拥有80多名注册咨询工程师、造价工程师等专业人才</p>
+								<p class="text-gray-600">打造客户信赖的、具有专业价值的优质咨询服务机构，努力成为客户的最佳选择</p>
 							</div>
 						</div>
 					</div>