Lee
/
lwwlgw
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

前端样式完成

master
Lee-1203 2022-03-31 11:24:42 +08:00
parent 4f1decee3b
commit ed395e61ef
28 changed files with 636 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
about.html
View File

@ -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">

2
css/base.css
View File

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

321
css/style.css
View File

@ -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;
}

BIN
images/create-01.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
images/create-02.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

BIN
images/create-03.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
images/create-bg.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 86 KiB

BIN
images/create01.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
images/create02.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

BIN
images/create03.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

BIN
images/guarantee-bg.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 200 KiB

BIN
images/service-list.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 93 KiB

BIN
images/team-01.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

BIN
images/team-02.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

BIN
images/zxfw-01.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
images/zxfw-02.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
images/zxfw-03.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
images/zxfw-04.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
images/zxfw-list-01.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 80 KiB

BIN
images/zxfw-list-02.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 53 KiB

BIN
images/zxfw-list-03.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 84 KiB

BIN
images/zxfw-list-04.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 69 KiB

2
index.html
View File

@ -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">

18
js/javascript.js
View File

@ -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');
});

2
product.html
View File

@ -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">

2
service-yfw.html
View File

@ -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">

221
service-ywfw.html
View File

@ -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>

129
service-zxfw.html
View File

@ -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">
<li>
<div class="yfw-section w1280 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<div class="yfw-img wow fadeInRight" data-wow-duration=".8s" data-wow-delay="0"><img src="images/service-list-01.jpg" alt="数据库云迁移服务"></div>
<div class="yfw-txt wow fadeInLeft" data-wow-duration=".8s" data-wow-delay="0">
<strong>云服务</strong>
<h3>数据库云迁移服务</h3>
<p>
我们是一家聚焦于大数据解决方案、大数据基础实施、大数据软件工具以及人工智能领域，主要向保险行业、商业银行、农商行、农村信用社、证券行业、基金行业提供一站式实时数据解决方案咨询服务、方案落地以及金融行业开源软件运维服务。另外为制造业用户提供数字孪生与数据仓库的落地服务。<br />
同时面向政府行业提供智慧城市、智慧医疗的相关解决方案并参与其中。
</p>
<!-- 咨询服务内容 -->
<div class="zxfw-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="zxfw-list w1280 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<li class="wow fadeInLeft" data-wow-duration=".8s" data-wow-delay="0">
<img src="images/zxfw-list-01.jpg" alt="产品咨询">
<div class="zxfw-txt">
<span><img src="images/zxfw-01.png" alt="产品咨询"></span>
<h3>产品咨询</h3>
</div>
</div>
</li>
<li>
<div class="yfw-section w1280 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<div class="yfw-img wow fadeInLeft" data-wow-duration=".8s" data-wow-delay="0"><img src="images/service-list-02.jpg" alt="数据库云上运维服务"></div>
<div class="yfw-txt wow fadeInright" data-wow-duration=".8s" data-wow-delay="0">
<strong>云服务</strong>
<h3>数据库云上运维服务</h3>
<p>
我们是一家聚焦于大数据解决方案、大数据基础实施、大数据软件工具以及人工智能领域，主要向保险行业、商业银行、农商行、农村信用社、证券行业、基金行业提供一站式实时数据解决方案咨询服务、方案落地以及金融行业开源软件运维服务。另外为制造业用户提供数字孪生与数据仓库的落地服务。<br />
同时面向政府行业提供智慧城市、智慧医疗的相关解决方案并参与其中。
</p>
</li>
<li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<img src="images/zxfw-list-02.jpg" alt="解决方案咨询">
<div class="zxfw-txt">
<span><img src="images/zxfw-02.png" alt="解决方案咨询"></span>
<h3>解决方案咨询</h3>
</div>
</div>
</li>
<li>
<div class="yfw-section w1280 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<div class="yfw-img wow fadeInRight" data-wow-duration=".8s" data-wow-delay="0"><img src="images/service-list-03.jpg" alt="中间件上云服务"></div>
<div class="yfw-txt wow fadeInLeft" data-wow-duration=".8s" data-wow-delay="0">
<strong>云服务</strong>
<h3>中间件上云服务</h3>
<p>
我们是一家聚焦于大数据解决方案、大数据基础实施、大数据软件工具以及人工智能领域，主要向保险行业、商业银行、农商行、农村信用社、证券行业、基金行业提供一站式实时数据解决方案咨询服务、方案落地以及金融行业开源软件运维服务。另外为制造业用户提供数字孪生与数据仓库的落地服务。<br />
同时面向政府行业提供智慧城市、智慧医疗的相关解决方案并参与其中。
</p>
</li>
<li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<img src="images/zxfw-list-03.jpg" alt="云服务咨询">
<div class="zxfw-txt">
<span><img src="images/zxfw-03.png" alt="云服务咨询"></span>
<h3>云服务咨询</h3>
</div>
</div>
</li>
</ul>
</li>
<li class="wow fadeInRight" data-wow-duration=".8s" data-wow-delay="0">
<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">