前端样式完成

about.html

@@ -41,7 +41,7 @@
 					<a href="index.html">首页</a>
 					<a href="product.html">产品中心</a>
 					<a href="case.html">解决方案</a>
-					<a href="service-yfw.html">运维服务</a>
+					<a href="service-zxfw.html">运维服务</a>
 					<a href="about.html" class="active">关于我们</a>
 				</div>
 				<div class="search">
@@ -96,7 +96,7 @@
 		
 		<!-- 大事件 -->
 		<div class="memorabilia-bg w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
-			<div class="index-title w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
+			<div class="index-title pull-title w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
 				<h2>产品中心</h2>
 				<span>科技创新<ins></ins>引领数据</span>
 			</div>
@@ -235,7 +235,7 @@
 			<div class="join-list wow fadeInLeft" data-wow-duration=".8s" data-wow-delay="0">
 				<!-- 职位列表 -->
 				<div class="join-thumbnail-bg">
-					<div class="index-title join-title w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
+					<div class="index-title pull-title join-title w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
 						<h2>加入我们</h2>
 						<span>科技创新<ins></ins>引领数据</span>
 					</div>
					<div class="join-thumbnail-swiper swiper">
						<div class="swiper-wrapper">

css/base.css

@@ -186,11 +186,13 @@ textarea:-ms-input-placeholder {
 .w1400 {
 	width: 1400px;
 	margin: auto;
+	overflow: hidden;
 }
 
 .w1280 {
 	width: 1280px;
 	margin: auto;
+	overflow: hidden;
 }
 
 /* 引入字体 */

css/style.css

@@ -183,8 +183,13 @@
 	align-items: center;
 	font-size: 26px;
 	line-height: 1.5;
+	margin-top: 2px;
 	color: #1c489d;
 }
+.index-title.pull-title span{
+	font-size: 20px;
+	margin-top: 8px;
+}
 .index-title span>ins{
 	width: 5px;
 	height: 5px;
@@ -485,6 +490,7 @@
 	height: auto;
 }
 
+/* 我们的客户 */
 .my-customer-bg{
 	padding: 65px 0 100px;
 	background-image: url(../images/customer-bg.jpg);
@@ -731,6 +737,8 @@
 }
 .characteristic-list li>span img{
 	max-height: 65px;
+	transition: all .6s;
+	transition: all .6s;
 }
 .characteristic-list li h3{
 	font-size: 22px;
@@ -742,6 +750,14 @@
 	line-height: 1.7;
 	opacity: .9;
 }
+.characteristic-list li:hover>span img{
+	transform: rotateY(360deg);
+	transition: all .6s;
+}
+.characteristic-list li:hover h3{
+	color: #1c489d;
+	transition: all .6s;
+}
 
 /* 场景 */
 .product-scene-bg{
@@ -763,6 +779,8 @@
 	line-height: 52px;
 	background-color: #f2f2f2;
 	color: #262626;
+	cursor: pointer;
+	transition: all .6s;
 }
 .scene-list li h3>ins{
 	display: block;
@@ -795,9 +813,11 @@
 .product-scene-txt .img img{
 	width: 100%;
 }
-.scene-list li.active h3{
+.scene-list li.active h3,
+.scene-list li:hover h3{
 	background-color: #1c489d;
 	color: #FFFFFF;
+	transition: aall .6s;
 }
 .scene-list li.active ins{
 	-webkit-filter: invert(100%) grayscale(100%) brightness(1000%);
@@ -808,6 +828,14 @@
 	transform: rotateX(180deg);
 	transition: all .6s;
 }
+.scene-list li:hover ins{
+	-webkit-filter: invert(100%) grayscale(100%) brightness(1000%);
+	-moz-filter: invert(100%) grayscale(100%) brightness(1000%);
+	-ms-filter: invert(100%) grayscale(100%) brightness(1000%);
+	-o-filter: invert(100%) grayscale(100%) brightness(1000%);
+	filter: invert(100%) grayscale(100%) brightness(1000%); 
+	transition: all .6s;
+}
 .product-scene-txt.cur{
 	display: flex;
 	justify-content: space-between;
@@ -1024,6 +1052,11 @@
 .memorabilia-img img{
 	width: 100%;
 	min-height: 250px;
+	transition: all .6s;
+}
+.memorabilia-swiper .swiper-slide:hover .memorabilia-img img{
+	transform: scale(1.2);
+	transition: all .6s;
 }
 .memorabilia-txt{
 	width: 60%;
@@ -1287,19 +1320,295 @@
 	min-height: 342px;
 	transition: all .6s;
 }
-.yfw-img:hover img{
+.yfw-list li:hover .yfw-img img{
 	transform: scale(1.2);
 	transition: all .6s;
 }
 
+/* 运维服务 */
+.ywfw-content-bg{
+	padding: 40px 0 20px;
+}
+.ywfw-item{
+	display: flex;
+	justify-content: space-between;
+	flex-wrap: wrap;
+	margin-top: 40px;
+}
+.ywfw-item li{
+	display: flex;
+	align-items: center;
+	width: 50%;
+	height: 50px;
+	background-color: #f1f1f1;
+	margin-top: 2px;
+	font-size: 16px;
+	font-weight: bold;
+	color: #262626;
+	cursor: pointer;
+	transition: all .6s;
+}
+.ywfw-item li.active,
+.ywfw-item li:hover{
+	background-color: #00a0e9;
+	color: #FFFFFF;
+	transition: all .6s;
+}
+.ywfw-item li>span{
+	width: 38px;
+	line-height: 50px;
+	margin-right: 15px;
+	background-color: #1c489d;
+	font-size: 18px;
+	font-weight: bold;
+	color: #FFFFFF;
+	text-align: center;
+}
+.ywfw-list{
+	margin-top: 5px;
+}
+.ywfw-list li{
+	display: none;
+	width: 100%;
+	padding: 25px;
+	background-color: #d9f1fc;
+	
+}
+.ywfw-list li.cur{
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+.ywfw-list .txt{
+	width: 65%;
+	padding-left: 25px;
+	font-size: 15px;
+	line-height: 1.9;
+	color: #262626;
+	text-align: justify;
+}
+.ywfw-list .img{
+	width: 33%;
+	height: 216px;
+	overflow: hidden;
+}
+.ywfw-list .img>img{
+	width: 100%;
+	min-height: 216px;
+	overflow: hidden;
+	transition: all .6s;
+}
+.ywfw-list .img:hover>img{
+	transform: scale(1.2);
+	transition: all .6s;
+}
 
+/* 运维团队 */
+.team-bg{
+	padding: 40px 0 70px;
+}
+.team{
+	display: flex;
+	justify-content: space-between;
+	flex-wrap: wrap;
+	margin-top: 36px;
+}
+.team li{
+	width: 49%;
+	padding: 40px;
+	background-color: #f1f1f1;
+	color: #262626;
+	text-align: center;
+}
+.team li img{
+	height: 62px;
+	margin: 0 auto;
+	transition: all .6s;
+}
+.team li h3{
+	font-size: 20px;
+	line-height: 1.5;
+	margin: 16px 0 12px;
+	transition: all .6s;
+}
+.team li p{
+	font-size: 14px;
+	line-height: 2;
+}
+.team li:hover img{
+	transform: rotateY(360deg);
+	transition: all .6s;
+}
+.team li:hover h3{
+	color: #1c489d;
+	transition: all .6s;
+}
+/* SLA保障 */
+.guarantee-bg{
+	padding: 50px 0 80px;
+	background-image: url(../images/guarantee-bg.jpg);
+	background-size: cover;
+}
+.guarantee-bg .index-title h2{
+	color: #FFFFFF;
+}
+.guarantee{
+	margin-top: 25px;
+}
+.guarantee li{
+	display: flex;
+	justify-content: space-between;
+	width: 100%;
+	height: 52px;
+	margin-top: 2px;
+	font-size: 16px;
+	color: #262626;
+	line-height: 52px;
+	text-align: center;
+	font-weight: bold;
+}
+.guarantee li>span{
+	width: 25%;
+	margin-left: 2px;
+	background-color: #FFFFFF;
+	
+}
+.guarantee li>span:first-child{
+	margin-left: 0;
+}
+.guarantee li:first-child{
+	margin-top: 0;
+	margin-bottom: 3px;
+	font-size: 14px;
+}
 
+/* 服务能力 */
+.ability-bg{
+	padding: 50px 0;
+}
+.ability{
+	margin-top: 20px;
+	padding-bottom: 50px;
+	font-size: 16px;
+	line-height: 1.7;
+	font-weight: bold;
+	color: #1c489d;
+	text-align: center;
+	border-bottom: 1px solid #e5e5e5;
+}
+/* 咨询服务 */
+.zxfw-bg{
+	padding: 40px 0 70px;
+}
+.zxfw-list{
+	display: flex;
+	align-items: center;
+	margin-top: 35px;
+}
+.zxfw-list li{
+	width: 24.8%;
+	height: 345px;
+	margin-right: 20px;
+	border-radius: 4px;
+	overflow: hidden;
+	position: relative;
+}
+.zxfw-list li:nth-of-type(4n){
+	margin-right: 0;
+}
+.zxfw-list li>img{
+	width: 100%;
+	min-height: 345px;
+	transition: all .6s;
+}
+.zxfw-txt{
+	width: 100%;
+	position: absolute;
+	left: 0;
+	top: 50%;
+	transform: translateY(-50%);
+}
+.zxfw-txt>span{
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	width: 106px;
+	height: 121px;
+	margin: 0 auto 20px;
+	background-image: url(../images/icon-dbx.png);
+	background-repeat: no-repeat;
+	background-size: 106px 121px;
+}
+.zxfw-txt>span img{
+	max-width: 90%;
+	transition: all .6s;
+}
+.zxfw-txt h3{
+	font-size: 20px;
+	line-height: 1.5;
+	text-align: center;
+	color: #FFFFFF;
+}
+.zxfw-list li:hover>img{
+	transform: scale(1.2);
+	transition: all .6s;
+}
+.zxfw-list li:hover .zxfw-txt>span img{
+	transform: rotateY(360deg);
+	transition: all .6s;
+}
 
+/* 创造价值 */
+.create-bg{
+	padding: 50px 0 60px;
+	background-image: url(../images/create-bg.jpg);
+	background-size: cover;
+}
+.create-list{
+	display: flex;
+	justify-content: space-between;
+	margin-top: 40px;
+}
 
-
+.create-list li span{
-
+	display: block;
-
+	width: 72px;
-
+	height: 72px;
+	margin: 0 auto 20px;
+	overflow: hidden;
+}
+.create-list li span img:nth-of-type(1){
+	height: 72px;
+	opacity: 1;
+	transition: all .6s;
+}
+.create-list li span img:nth-of-type(2){
+	height: 72px;
+	opacity: 0;
+	transition: all .6s;
+}
+.create-list li h3{
+	font-size: 18px;
+	color: #262626;
+	line-height: 1.5;
+	text-align: center;
+	transition: all .6s;
+}
+.create-list li:hover span img:nth-of-type(1){
+	margin-top: -72px;
+	opacity: 0;
+	transform: rotateY(360deg);
+	transition: all .6s;
+}
+.create-list li:hover span img:nth-of-type(2){
+	opacity: 1;
+	transform: rotateY(360deg);
+	transition: all .6s;
+}
+.create-list li:hover h3{
+	color: #00a0e9;
+	transition: all .6s;
+}
 
 
 

index.html

@@ -41,7 +41,7 @@
 					<a href="index.html" class="active">首页</a>
 					<a href="product.html">产品中心</a>
 					<a href="case.html">解决方案</a>
-					<a href="service-yfw.html">运维服务</a>
+					<a href="service-zxfw.html">运维服务</a>
 					<a href="about.html">关于我们</a>
 				</div>
 				<div class="search">

js/javascript.js

@@ -65,7 +65,7 @@ jQuery(function($){
 	
 	// 案例滚动
 	var productCaseSwiper = new Swiper('.product-case-swiper',{
-		loop:true,//开启循环播放
+		loop:false,//开启循环播放
 		autoplay: {//开启自动播放
 			delay:3000,
 		},
@@ -180,6 +180,22 @@ jQuery(function($){
 		}
 	})
 	
+	// 运维服务内容切换
+	$(".ywfw-item>li").eq(0).addClass("active");
+	$(".ywfw-list>li").eq(0).addClass("cur");
+	$('.ywfw-item>li').click(function(){
+		$(".ywfw-item>li").eq($(this).index()).addClass("active").siblings().removeClass('active');
+		$(".ywfw-list>li").eq($(this).index()).addClass("cur").siblings().removeClass('cur');
+	});
+	
+	
+	
+	
+	
+	
+	
+	
+	
 	
 	
 	

product.html

@@ -41,7 +41,7 @@
 					<a href="index.html">首页</a>
 					<a href="product.html" class="active">产品中心</a>
 					<a href="case.html">解决方案</a>
-					<a href="service-yfw.html">运维服务</a>
+					<a href="service-zxfw.html">运维服务</a>
 					<a href="about.html">关于我们</a>
 				</div>
 				<div class="search">

service-yfw.html

@@ -41,7 +41,7 @@
 					<a href="index.html">首页</a>
 					<a href="product.html">产品中心</a>
 					<a href="case.html">解决方案</a>
-					<a href="service-yfw.html" class="active">运维服务</a>
+					<a href="service-zxfw.html" class="active">运维服务</a>
 					<a href="about.html">关于我们</a>
 				</div>
 				<div class="search">

service-ywfw.html

@@ -41,7 +41,7 @@
 					<a href="index.html">首页</a>
 					<a href="product.html">产品中心</a>
 					<a href="case.html">解决方案</a>
-					<a href="service-yfw.html" class="active">运维服务</a>
+					<a href="service-zxfw.html" class="active">运维服务</a>
 					<a href="about.html">关于我们</a>
 				</div>
 				<div class="search">
@@ -81,7 +81,7 @@
 		</div>
 		<!-- 服务内容 -->
 		<div class="ywfw-content-bg w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
-			<div class="index-title w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
+			<div class="index-title pull-title w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
 				<h2>服务内容</h2>
 				<span>专业团队，打造一家运维服务</span>
 			</div>
@@ -135,36 +135,229 @@
 					<p>运维监控：zabblx、NetData、Pinpolnt</p>
 				</li>
 			</ul>
-			<ul class="ywfw-list">
+			<ul class="ywfw-list w1280 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
 				<li>
-					<div class="txt">
+					<div class="txt wow fadeInLeft" data-wow-duration=".8s" data-wow-delay="0">
-						
+						<p>
+							上海六卫网络科技有限公司是一家聚焦于大数据解决方案、大数据基础实施、大数据软件工具以及人工智能领域，主要向保险行业、商业银行、农商行、农村信用社、证券行业、基金行业提供一站式实时数据解决方案咨询服务、方案落地以及金融行业开源软件运维服务。另外为制造业用户提供数字孪生与数据仓库的落地服务。<br />
+							<br />
+							上提供一站式实时数据解决方案咨询服务、方案落地以及金融行业开源软件运维服务。另外为制造业用户提供数字孪生与数据仓库的落地服务。
+						</p>
 					</div>
-					<div class="img">
+					<div class="img wow fadeInRight" data-wow-duration=".8s" data-wow-delay="0">
-						
+						<img src="images/service-list.jpg" alt="">
+					</div>
+				</li>
+				<li>
+					<div class="txt wow fadeInLeft" data-wow-duration=".8s" data-wow-delay="0">
+						<p>
+							上海六卫网络科技有限公司是一家聚焦于大数据解决方案、大数据基础实施、大数据软件工具以及人工智能领域，主要向保险行业、商业银行、农商行、农村信用社、证券行业、基金行业提供一站式实时数据解决方案咨询服务、方案落地以及金融行业开源软件运维服务。另外为制造业用户提供数字孪生与数据仓库的落地服务。<br />
+							<br />
+							上提供一站式实时数据解决方案咨询服务、方案落地以及金融行业开源软件运维服务。另外为制造业用户提供数字孪生与数据仓库的落地服务。
+						</p>
+					</div>
+					<div class="img wow fadeInRight" data-wow-duration=".8s" data-wow-delay="0">
+						<img src="images/service-list.jpg" alt="">
+					</div>
+				</li>
+				<li>
+					<div class="txt wow fadeInLeft" data-wow-duration=".8s" data-wow-delay="0">
+						<p>
+							上海六卫网络科技有限公司是一家聚焦于大数据解决方案、大数据基础实施、大数据软件工具以及人工智能领域，主要向保险行业、商业银行、农商行、农村信用社、证券行业、基金行业提供一站式实时数据解决方案咨询服务、方案落地以及金融行业开源软件运维服务。另外为制造业用户提供数字孪生与数据仓库的落地服务。<br />
+							<br />
+							上提供一站式实时数据解决方案咨询服务、方案落地以及金融行业开源软件运维服务。另外为制造业用户提供数字孪生与数据仓库的落地服务。
+						</p>
+					</div>
+					<div class="img wow fadeInRight" data-wow-duration=".8s" data-wow-delay="0">
+						<img src="images/service-list.jpg" alt="">
+					</div>
+				</li>
+				<li>
+					<div class="txt wow fadeInLeft" data-wow-duration=".8s" data-wow-delay="0">
+						<p>
+							上海六卫网络科技有限公司是一家聚焦于大数据解决方案、大数据基础实施、大数据软件工具以及人工智能领域，主要向保险行业、商业银行、农商行、农村信用社、证券行业、基金行业提供一站式实时数据解决方案咨询服务、方案落地以及金融行业开源软件运维服务。另外为制造业用户提供数字孪生与数据仓库的落地服务。<br />
+							<br />
+							上提供一站式实时数据解决方案咨询服务、方案落地以及金融行业开源软件运维服务。另外为制造业用户提供数字孪生与数据仓库的落地服务。
+						</p>
+					</div>
+					<div class="img wow fadeInRight" data-wow-duration=".8s" data-wow-delay="0">
+						<img src="images/service-list.jpg" alt="">
+					</div>
+				</li>
+				<li>
+					<div class="txt wow fadeInLeft" data-wow-duration=".8s" data-wow-delay="0">
+						<p>
+							上海六卫网络科技有限公司是一家聚焦于大数据解决方案、大数据基础实施、大数据软件工具以及人工智能领域，主要向保险行业、商业银行、农商行、农村信用社、证券行业、基金行业提供一站式实时数据解决方案咨询服务、方案落地以及金融行业开源软件运维服务。另外为制造业用户提供数字孪生与数据仓库的落地服务。<br />
+							<br />
+							上提供一站式实时数据解决方案咨询服务、方案落地以及金融行业开源软件运维服务。另外为制造业用户提供数字孪生与数据仓库的落地服务。
+						</p>
+					</div>
+					<div class="img wow fadeInRight" data-wow-duration=".8s" data-wow-delay="0">
+						<img src="images/service-list.jpg" alt="">
+					</div>
+				</li>
+				<li>
+					<div class="txt wow fadeInLeft" data-wow-duration=".8s" data-wow-delay="0">
+						<p>
+							上海六卫网络科技有限公司是一家聚焦于大数据解决方案、大数据基础实施、大数据软件工具以及人工智能领域，主要向保险行业、商业银行、农商行、农村信用社、证券行业、基金行业提供一站式实时数据解决方案咨询服务、方案落地以及金融行业开源软件运维服务。另外为制造业用户提供数字孪生与数据仓库的落地服务。<br />
+							<br />
+							上提供一站式实时数据解决方案咨询服务、方案落地以及金融行业开源软件运维服务。另外为制造业用户提供数字孪生与数据仓库的落地服务。
+						</p>
+					</div>
+					<div class="img wow fadeInRight" data-wow-duration=".8s" data-wow-delay="0">
+						<img src="images/service-list.jpg" alt="">
+					</div>
+				</li>
+				<li>
+					<div class="txt wow fadeInLeft" data-wow-duration=".8s" data-wow-delay="0">
+						<p>
+							上海六卫网络科技有限公司是一家聚焦于大数据解决方案、大数据基础实施、大数据软件工具以及人工智能领域，主要向保险行业、商业银行、农商行、农村信用社、证券行业、基金行业提供一站式实时数据解决方案咨询服务、方案落地以及金融行业开源软件运维服务。另外为制造业用户提供数字孪生与数据仓库的落地服务。<br />
+							<br />
+							上提供一站式实时数据解决方案咨询服务、方案落地以及金融行业开源软件运维服务。另外为制造业用户提供数字孪生与数据仓库的落地服务。
+						</p>
+					</div>
+					<div class="img wow fadeInRight" data-wow-duration=".8s" data-wow-delay="0">
+						<img src="images/service-list.jpg" alt="">
+					</div>
+				</li>
+				<li>
+					<div class="txt wow fadeInLeft" data-wow-duration=".8s" data-wow-delay="0">
+						<p>
+							上海六卫网络科技有限公司是一家聚焦于大数据解决方案、大数据基础实施、大数据软件工具以及人工智能领域，主要向保险行业、商业银行、农商行、农村信用社、证券行业、基金行业提供一站式实时数据解决方案咨询服务、方案落地以及金融行业开源软件运维服务。另外为制造业用户提供数字孪生与数据仓库的落地服务。<br />
+							<br />
+							上提供一站式实时数据解决方案咨询服务、方案落地以及金融行业开源软件运维服务。另外为制造业用户提供数字孪生与数据仓库的落地服务。
+						</p>
+					</div>
+					<div class="img wow fadeInRight" data-wow-duration=".8s" data-wow-delay="0">
+						<img src="images/service-list.jpg" alt="">
+					</div>
+				</li>
+				<li>
+					<div class="txt wow fadeInLeft" data-wow-duration=".8s" data-wow-delay="0">
+						<p>
+							上海六卫网络科技有限公司是一家聚焦于大数据解决方案、大数据基础实施、大数据软件工具以及人工智能领域，主要向保险行业、商业银行、农商行、农村信用社、证券行业、基金行业提供一站式实时数据解决方案咨询服务、方案落地以及金融行业开源软件运维服务。另外为制造业用户提供数字孪生与数据仓库的落地服务。<br />
+							<br />
+							上提供一站式实时数据解决方案咨询服务、方案落地以及金融行业开源软件运维服务。另外为制造业用户提供数字孪生与数据仓库的落地服务。
+						</p>
+					</div>
+					<div class="img wow fadeInRight" data-wow-duration=".8s" data-wow-delay="0">
+						<img src="images/service-list.jpg" alt="">
+					</div>
+				</li>
+				<li>
+					<div class="txt wow fadeInLeft" data-wow-duration=".8s" data-wow-delay="0">
+						<p>
+							上海六卫网络科技有限公司是一家聚焦于大数据解决方案、大数据基础实施、大数据软件工具以及人工智能领域，主要向保险行业、商业银行、农商行、农村信用社、证券行业、基金行业提供一站式实时数据解决方案咨询服务、方案落地以及金融行业开源软件运维服务。另外为制造业用户提供数字孪生与数据仓库的落地服务。<br />
+							<br />
+							上提供一站式实时数据解决方案咨询服务、方案落地以及金融行业开源软件运维服务。另外为制造业用户提供数字孪生与数据仓库的落地服务。
+						</p>
+					</div>
+					<div class="img wow fadeInRight" data-wow-duration=".8s" data-wow-delay="0">
+						<img src="images/service-list.jpg" alt="">
+					</div>
+				</li>
+				<li>
+					<div class="txt wow fadeInLeft" data-wow-duration=".8s" data-wow-delay="0">
+						<p>
+							上海六卫网络科技有限公司是一家聚焦于大数据解决方案、大数据基础实施、大数据软件工具以及人工智能领域，主要向保险行业、商业银行、农商行、农村信用社、证券行业、基金行业提供一站式实时数据解决方案咨询服务、方案落地以及金融行业开源软件运维服务。另外为制造业用户提供数字孪生与数据仓库的落地服务。<br />
+							<br />
+							上提供一站式实时数据解决方案咨询服务、方案落地以及金融行业开源软件运维服务。另外为制造业用户提供数字孪生与数据仓库的落地服务。
+						</p>
+					</div>
+					<div class="img wow fadeInRight" data-wow-duration=".8s" data-wow-delay="0">
+						<img src="images/service-list.jpg" alt="">
+					</div>
+				</li>
+				<li>
+					<div class="txt wow fadeInLeft" data-wow-duration=".8s" data-wow-delay="0">
+						<p>
+							上海六卫网络科技有限公司是一家聚焦于大数据解决方案、大数据基础实施、大数据软件工具以及人工智能领域，主要向保险行业、商业银行、农商行、农村信用社、证券行业、基金行业提供一站式实时数据解决方案咨询服务、方案落地以及金融行业开源软件运维服务。另外为制造业用户提供数字孪生与数据仓库的落地服务。<br />
+							<br />
+							上提供一站式实时数据解决方案咨询服务、方案落地以及金融行业开源软件运维服务。另外为制造业用户提供数字孪生与数据仓库的落地服务。
+						</p>
+					</div>
+					<div class="img wow fadeInRight" data-wow-duration=".8s" data-wow-delay="0">
+						<img src="images/service-list.jpg" alt="">
 					</div>
 				</li>
 			</ul>
 		</div>
 		
 		<!-- 服务团队 -->
-		<div class="">
+		<div class="team-bg w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
-			
+			<div class="index-title pull-title w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
+				<h2>服务团队</h2>
+				<span>专业团队，打造一家运维服务</span>
+			</div>
+			<ul class="team w1280 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
+				<li>
+					<img src="images/team-01.png" alt="运维团队">
+					<h3>运维团队</h3>
+					<p class="clips2">超过十年以上经验的IT行业运维专家，拥有各类IT资质认证; <br />混合架构下运维服务的响应与跟踪、技术架构的改进及优化。</p>
+				</li>
+				<li>
+					<img src="images/team-02.png" alt="专业的运维工具">
+					<h3>专业的运维工具</h3>
+					<p class="clips2">融合多种运维管理工具及系统、可快速定位、诊断故障问题。 </p>
+				</li>
+			</ul>
 		</div>
 		
 		<!-- SLA保障 -->
-		<div class="">
+		<div class="guarantee-bg w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
-			
+			<div class="index-title pull-title w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
+				<h2>SLA保障</h2>
+				<span>专业团队，打造一家运维服务</span>
+			</div>
+			<ul class="guarantee w1280 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
+				<li>
+					<span>重要等级</span>
+					<span>描述</span>
+					<span>时间定义</span>
+					<span>相应时间</span>
+				</li>
+				<li>
+					<span>Ⅰ</span>
+					<span>重大</span>
+					<span>Ⅲ</span>
+					<span>＜5min</span>
+				</li>
+				<li>
+					<span>Ⅱ</span>
+					<span>严重</span>
+					<span>严重</span>
+					<span>＜30min</span>
+				</li>
+				<li>
+					<span>Ⅲ</span>
+					<span>一般</span>
+					<span>一般</span>
+					<span>＜1h</span>
+				</li>
+				<li>
+					<span>Ⅳ</span>
+					<span>轻微</span>
+					<span>轻微</span>
+					<span>＜4h</span>
+				</li>
+			</ul>
 		</div>
 		
 		<!-- 服务能力 -->
-		<div class="">
+		<div class="ability-bg w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
-			
+			<div class="index-title pull-title w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
+				<h2>服务能力</h2>
+			</div>
+			<div class="ability w1280 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
+				<p>
+					提供7*24小时的专业工程师在线支持服务，可做到快速回复和响应;<br />
					成为六卫客户后，将分配一名专属的工程师给您，可全面了解您的应用环境和具体问题所在，确保提供您精准的问题处理措施;<br />
					提供专业的指导和最佳实践过程，确保您的运维过程可控、有效。
+				</p>
+			</div>
 		</div>
 		
 		<!-- 客户和合作伙伴 -->
 		<div class="my-customer-bg w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
-			<div class="index-title w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
+			<div class="index-title pull-title w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
 				<h2>客户和合作伙伴</h2>
 				<span>专业团队，打造一家运维服务</span>
 			</div>

service-zxfw.html

@@ -41,7 +41,7 @@
 					<a href="index.html">首页</a>
 					<a href="product.html">产品中心</a>
 					<a href="case.html">解决方案</a>
-					<a href="service-yfw.html" class="active">运维服务</a>
+					<a href="service-zxfw.html" class="active">运维服务</a>
 					<a href="about.html">关于我们</a>
 				</div>
 				<div class="search">
@@ -79,49 +79,98 @@
 				</div>
 			</div>
 		</div>
-		<!-- 服务列表 -->
+		<!-- 咨询服务内容 -->
-		<ul class="yfw-list w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
+		<div class="zxfw-bg w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
-			<li>
+			<div class="index-title pull-title w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
-				<div class="yfw-section w1280 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
+				<h2>咨询服务内容</h2>
-					<div class="yfw-img wow fadeInRight" data-wow-duration=".8s" data-wow-delay="0"><img src="images/service-list-01.jpg" alt="数据库云迁移服务"></div>
+				<span>专业团队，打造一家运维服务</span>
-					<div class="yfw-txt wow fadeInLeft" data-wow-duration=".8s" data-wow-delay="0">
+			</div>
-						<strong>云服务</strong>
+			<ul class="zxfw-list w1280 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
-						<h3>数据库云迁移服务</h3>
+				<li class="wow fadeInLeft" data-wow-duration=".8s" data-wow-delay="0">
-						<p>
+					<img src="images/zxfw-list-01.jpg" alt="产品咨询">
-							我们是一家聚焦于大数据解决方案、大数据基础实施、大数据软件工具以及人工智能领域，主要向保险行业、商业银行、农商行、农村信用社、证券行业、基金行业提供一站式实时数据解决方案咨询服务、方案落地以及金融行业开源软件运维服务。另外为制造业用户提供数字孪生与数据仓库的落地服务。<br />
+					<div class="zxfw-txt">
-							同时面向政府行业提供智慧城市、智慧医疗的相关解决方案并参与其中。
+						<span><img src="images/zxfw-01.png" alt="产品咨询"></span>
-						</p>
+						<h3>产品咨询</h3>
 					</div>
-				</div>
+				</li>
-			</li>
+				<li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
-			<li>
+					<img src="images/zxfw-list-02.jpg" alt="解决方案咨询">
-				<div class="yfw-section w1280 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
+					<div class="zxfw-txt">
-					<div class="yfw-img wow fadeInLeft" data-wow-duration=".8s" data-wow-delay="0"><img src="images/service-list-02.jpg" alt="数据库云上运维服务"></div>
+						<span><img src="images/zxfw-02.png" alt="解决方案咨询"></span>
-					<div class="yfw-txt wow fadeInright" data-wow-duration=".8s" data-wow-delay="0">
+						<h3>解决方案咨询</h3>
-						<strong>云服务</strong>
-						<h3>数据库云上运维服务</h3>
-						<p>
-							我们是一家聚焦于大数据解决方案、大数据基础实施、大数据软件工具以及人工智能领域，主要向保险行业、商业银行、农商行、农村信用社、证券行业、基金行业提供一站式实时数据解决方案咨询服务、方案落地以及金融行业开源软件运维服务。另外为制造业用户提供数字孪生与数据仓库的落地服务。<br />
-							同时面向政府行业提供智慧城市、智慧医疗的相关解决方案并参与其中。
-						</p>
 					</div>
-				</div>
+				</li>
-			</li>
+				<li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
-			<li>
+					<img src="images/zxfw-list-03.jpg" alt="云服务咨询">
-				<div class="yfw-section w1280 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
+					<div class="zxfw-txt">
-					<div class="yfw-img wow fadeInRight" data-wow-duration=".8s" data-wow-delay="0"><img src="images/service-list-03.jpg" alt="中间件上云服务"></div>
+						<span><img src="images/zxfw-03.png" alt="云服务咨询"></span>
-					<div class="yfw-txt wow fadeInLeft" data-wow-duration=".8s" data-wow-delay="0">
+						<h3>云服务咨询</h3>
-						<strong>云服务</strong>
-						<h3>中间件上云服务</h3>
-						<p>
-							我们是一家聚焦于大数据解决方案、大数据基础实施、大数据软件工具以及人工智能领域，主要向保险行业、商业银行、农商行、农村信用社、证券行业、基金行业提供一站式实时数据解决方案咨询服务、方案落地以及金融行业开源软件运维服务。另外为制造业用户提供数字孪生与数据仓库的落地服务。<br />
-							同时面向政府行业提供智慧城市、智慧医疗的相关解决方案并参与其中。
-						</p>
 					</div>
-				</div>
+				</li>
-			</li>
+				<li class="wow fadeInRight" data-wow-duration=".8s" data-wow-delay="0">
-		</ul>
+					<img src="images/zxfw-list-04.jpg" alt="开源软件运维咨询">
+					<div class="zxfw-txt">
+						<span><img src="images/zxfw-04.png" alt="开源软件运维咨询"></span>
+						<h3>开源软件运维咨询</h3>
+					</div>
+				</li>
+			</ul>
+		</div>
 		
+		<!-- 咨询服务为用户创造价值 -->
+		<div class="create-bg">
+			<div class="index-title pull-title w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
+				<h2>咨询服务为用户创造价值</h2>
+				<span>专业团队，打造一家运维服务</span>
+			</div>
+			<ul class="create-list w1280 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
+				<li class="wow fadeInLeft" data-wow-duration=".8s" data-wow-delay="0">
+					<span>
+						<img src="images/create01.png" alt="降低业务风险">
+						<img src="images/create-01.png" alt="降低业务风险">
+					</span>
+					<h3>降低业务风险</h3>
+				</li>
+				<li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
+					<span>
+						<img src="images/create02.png" alt="成本控制">
+						<img src="images/create-02.png" alt="成本控制">
+					</span>
+					<h3>成本控制</h3>
+				</li>
+				<li class="wow fadeInRight" data-wow-duration=".8s" data-wow-delay="0">
+					<span>
+						<img src="images/create03.png" alt="汇聚专家力量">
+						<img src="images/create-03.png" alt="汇聚专家力量">
+					</span>
+					<h3>汇聚专家力量<br />帮助用户解决难点/攻坚问题</h3>
+				</li>
+			</ul>
+		</div>
+		
+		<!-- 客户和合作伙伴 -->
+		<div class="my-customer-bg w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
+			<div class="index-title pull-title w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
+				<h2>客户和合作伙伴</h2>
+				<span>专业团队，打造一家运维服务</span>
+			</div>
+			<ul class="my-customer w1280 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
+				<li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0"><a href=""><img src="images/customer-01.png" alt=""></a></li>
+				<li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0"><a href=""><img src="images/customer-02.png" alt=""></a></li>
+				<li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0"><a href=""><img src="images/customer-03.png" alt=""></a></li>
+				<li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0"><a href=""><img src="images/customer-04.png" alt=""></a></li>
+				<li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0"><a href=""><img src="images/customer-05.png" alt=""></a></li>
+				<li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0"><a href=""><img src="images/customer-06.png" alt=""></a></li>
+				<li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0"><a href=""><img src="images/customer-07.png" alt=""></a></li>
+				<li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0"><a href=""><img src="images/customer-08.png" alt=""></a></li>
+				<li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0"><a href=""><img src="images/customer-09.png" alt=""></a></li>
+				<li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0"><a href=""><img src="images/customer-10.png" alt=""></a></li>
+				<li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0"><a href=""><img src="images/customer-11.png" alt=""></a></li>
+				<li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0"><a href=""><img src="images/customer-12.png" alt=""></a></li>
+				<li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0"><a href=""><img src="images/customer-13.png" alt=""></a></li>
+				<li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0"><a href=""><img src="images/customer-14.png" alt=""></a></li>
+			</ul>
+		</div>
 		
 		<!-- 尾部 -->
 		<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">