monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 鲁尚清
Commit 32c63cbd7cb1289c58dce894f473470274bd72c5 1 parent d0dd128d

【无】公司网站-图片更改及样式修改 #1

Inline Side-by-side
Showing 32 changed files with 112 additions and 39 deletions
@@ -3293,16 +3293,32 @@ blockquote:before { @@ -3293,16 +3293,32 @@ blockquote:before {
3293 } 3293 }
3294 .funcIntro-span{ 3294 .funcIntro-span{
3295 min-height: 82px; 3295 min-height: 82px;
  3296 + padding-top:30px;
3296 } 3297 }
3297 .func-bottom-intro{ 3298 .func-bottom-intro{
3298 font-size: 16px; 3299 font-size: 16px;
3299 color:#ffffff; 3300 color:#ffffff;
3300 font-family: 'PingFang-SC-medium'; 3301 font-family: 'PingFang-SC-medium';
3301 padding:40px; 3302 padding:40px;
  3303 +
  3304 +}
  3305 +.func-bottom-con{
3302 display: flex; 3306 display: flex;
3303 - align-items: center; 3307 + align-items: flex-start;
3304 justify-content: center; 3308 justify-content: center;
3305 } 3309 }
  3310 +.func-symbol{
  3311 + font-size: 100px;
  3312 + display: flex;
  3313 + align-items: flex-start;
  3314 + font-family: 'MI_LANTING_REGULAR';
  3315 + line-height: 80px;
  3316 +
  3317 +}
  3318 +.func-bottom-con-right{
  3319 + justify-content: flex-end;
  3320 +}
  3321 +
3306 .func-bg{ 3322 .func-bg{
3307 position: absolute; 3323 position: absolute;
3308 width: 100%; 3324 width: 100%;
@@ -3324,13 +3340,7 @@ blockquote:before { @@ -3324,13 +3340,7 @@ blockquote:before {
3324 .cmdb .info-title{ 3340 .cmdb .info-title{
3325 padding-top:20px; 3341 padding-top:20px;
3326 } 3342 }
3327 -.func-symbol{  
3328 - font-size: 80px;  
3329 - height:45%;  
3330 - display: flex;  
3331 - align-items: flex-start;  
3332 - font-family: 'MI_LANTING_REGULAR';  
3333 -} 3343 +
3334 .func-l-p.func-bottom-intro{ 3344 .func-l-p.func-bottom-intro{
3335 padding-left:63px; 3345 padding-left:63px;
3336 } 3346 }
@@ -3515,6 +3525,31 @@ blockquote:before { @@ -3515,6 +3525,31 @@ blockquote:before {
3515 .shape{ 3525 .shape{
3516 display: none; 3526 display: none;
3517 } 3527 }
  3528 +.home-banner-section .owl-item{
  3529 + background-size:cover !important;
  3530 +}
  3531 +.about-content .title-style{
  3532 + color:#e43730;
  3533 + padding-top:140px;
  3534 +}
  3535 +.about-container{
  3536 + height:100%;
  3537 +}
  3538 +@media (min-width: 992px){
  3539 + .about-content .title-style{
  3540 + padding-top:180px;
  3541 + }
  3542 +}
  3543 +@media (min-width: 1200px){
  3544 + .about-content .title-style{
  3545 + padding-top:160px;
  3546 + }
  3547 +}
  3548 +@media (min-width: 1400px){
  3549 + .about-content .title-style{
  3550 + padding-top:140px;
  3551 + }
  3552 +}
3518 /*992以下的一些样式*/ 3553 /*992以下的一些样式*/
3519 @media only screen and (max-width: 991px){ 3554 @media only screen and (max-width: 991px){
3520 .home-banner-section{ 3555 .home-banner-section{
@@ -3532,4 +3567,7 @@ blockquote:before { @@ -3532,4 +3567,7 @@ blockquote:before {
3532 .cultural-item-l img{ 3567 .cultural-item-l img{
3533 max-width: 225px; 3568 max-width: 225px;
3534 } 3569 }
  3570 + .info-character-log{
  3571 + padding:0 15px;
  3572 + }
3535 } 3573 }

195 KB | W: | H:

184 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

359 KB | W: | H:

249 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

196 KB | W: | H:

194 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
@@ -2,26 +2,44 @@ export function homeDatas() { @@ -2,26 +2,44 @@ export function homeDatas() {
2 let res=[ 2 let res=[
3 { 3 {
4 title:'“魔镜智能”全面完成国产化兼容适配认证', 4 title:'“魔镜智能”全面完成国产化兼容适配认证',
5 - introduction:'鸿果科技旗下“魔镜智能”自研“A-View智能综合监控管理平台系统”完成对主流国产服务器、数据库、操作系统、中间件等兼容适配，并取得一系列兼容性认证', 5 + introduction:'鸿果科技旗下“魔镜智能”完成对主流国产服务器、数据库、操作系统、中间件等兼容适配，并取得一系列兼容性认证',
6 isService:false, 6 isService:false,
7 isConcat:false, 7 isConcat:false,
8 }, 8 },
9 { 9 {
10 title:'不仅仅是智能化运维,', 10 title:'不仅仅是智能化运维,',
11 title1:'提供一站式的IT运维管理平台', 11 title1:'提供一站式的IT运维管理平台',
12 - introduction:'基于根因分析的自动巡检程序，降低海量主机运维复杂度同时对海量主机批量执行，基于根因分析和多种高级算法，提高运维工作效率再多主机也不怕', 12 + introduction:'数据管理、分析决策、自动控制作为智能运维场景建设的根基',
13 isService:true, 13 isService:true,
14 isConcat:false, 14 isConcat:false,
15 }, 15 },
16 { 16 {
17 - title:'运维数字化道路，鸿果与你同行',  
18 - introduction:'鸿果自研的产品——数字运维中台作为智能运维各应用场景的支撑平台，提供数据治理服务、流批一体服务和AI平台服务', 17 + title:'运维数字化道路，鸿果与您同行',
  18 + introTitle:'鸿果自研的产品——魔镜智能运维',
  19 + introduction:'数据是智能运维的基石，算法是挖掘数据价值的关键，技术是实现智能运维的手段',
19 isService:true, 20 isService:true,
20 isConcat:true, 21 isConcat:true,
21 } 22 }
22 ] 23 ]
23 return res 24 return res
24 } 25 }
  26 +export function principleDatas(){
  27 + let res=[
  28 + {
  29 + title:'数据',
  30 + introduction:'以组织治理为引领'
  31 + },
  32 + {
  33 + title:'能力域',
  34 + introduction:'以能力域构建为支撑'
  35 + },
  36 + {
  37 + title:'场景化',
  38 + introduction:'以场景实现为中心'
  39 + }
  40 + ];
  41 + return res;
  42 +}
25 export function compatibleDatas(){ 43 export function compatibleDatas(){
26 let res=[ 44 let res=[
27 { 45 {
@@ -502,7 +502,7 @@ export function Aview() { @@ -502,7 +502,7 @@ export function Aview() {
502 introduction:'建立智能IT运维监控平台， 对网络、硬件、安全设备、操作系统、数据库、中间件、应用系统等资源实时监控采集，能够自动地收集信息系统中各类IT资源设备运行状态、数据库状态、中间件运行状态和网络状态等，发现各类IT资源运行过程中的异常。依据业务视角和设备视角分析发现已发生和潜在的各类资源问题，及时通知相关责任人和启动相关运维流程。', 502 introduction:'建立智能IT运维监控平台， 对网络、硬件、安全设备、操作系统、数据库、中间件、应用系统等资源实时监控采集，能够自动地收集信息系统中各类IT资源设备运行状态、数据库状态、中间件运行状态和网络状态等，发现各类IT资源运行过程中的异常。依据业务视角和设备视角分析发现已发生和潜在的各类资源问题，及时通知相关责任人和启动相关运维流程。',
503 type:'info' 503 type:'info'
504 }, 504 },
505 - { 505 + /* {
506 title:'智能运维带来的新挑战', 506 title:'智能运维带来的新挑战',
507 introduction:'', 507 introduction:'',
508 data:[ 508 data:[
@@ -523,7 +523,7 @@ export function Aview() { @@ -523,7 +523,7 @@ export function Aview() {
523 } 523 }
524 ], 524 ],
525 type:'challenge' 525 type:'challenge'
526 - }, 526 + },*/
527 { 527 {
528 title:'洞悉客户数字化运维服务需求', 528 title:'洞悉客户数字化运维服务需求',
529 introduction:'', 529 introduction:'',

53.2 KB | W: | H:

46.3 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

47 KB | W: | H:

42.6 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

87.7 KB | W: | H:

269 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

73.4 KB | W: | H:

930 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

88.6 KB | W: | H:

269 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

64.3 KB | W: | H:

212 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

61 KB | W: | H:

224 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

62.9 KB | W: | H:

1.02 MB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

58.5 KB | W: | H:

162 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

60.9 KB | W: | H:

723 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
@@ -15,13 +15,13 @@ @@ -15,13 +15,13 @@
15 </section> 15 </section>
16 16
17 <section class="about-section rel all-height"> 17 <section class="about-section rel all-height">
18 - <div class="container">  
19 - <!-- <div class="about-content mr-20 rmr-0 rmb-50 wow customFadeInRight delay-0-2s slow"> 18 + <div class="container about-container">
  19 + <div class="about-content mr-20 rmr-0 rmb-50 wow customFadeInRight delay-0-2s slow">
20 <div class="section-title mb-35"> 20 <div class="section-title mb-35">
21 <span class="title-style">公司简介</span> 21 <span class="title-style">公司简介</span>
22 </div> 22 </div>
23 - <div class="title-intro color-white">北京鸿果秋实科技有限公司2012年成立，定位于提供4S信息化解决方案的高科技公司：（Software-软件，Service-服务，Solution-解决方案，Sale-销售），公司专注于软件解决方案和整体服务交付领域，已陆续成为税务、社保、财政、通信运营商等行业，IT运维领域的领先者。北京鸿果科技依托“金税三期” 、“互联网+智能化AI+行业应用”的变革时机，充分运用智能化、运维大数据思维，引入AI、算法和业务深度理解，共同打造AIOps生态圈。公司基于多年政府行业的市场、销售、技术、产品经验积累，先后在多省市政府、央企承建了“综合监控管理平台（A-view V1.0）、自动化巡检平台、智能告警算法平台、数据安全运维管理平台、一体化运维大数据管理应用平台（D-viewV1.0）”等，陆续承建了浙江省、新疆、陕西、贵州、天津、吉林、辽宁、内蒙古、宁夏等税务局“金三”重大信息化项目。 目前公司拥有《国家高新企业》《中国信息安全服务集成资质》、《中国信息安全运维资质》、 《软件企业》资质、多项自主的软件著作权，评选为“优秀信息化软件企业合作伙伴”、“专精特新”企业。</div>  
24 - </div>--> 23 +<!-- <div class="title-intro color-white">北京鸿果秋实科技有限公司2012年成立，定位于提供4S信息化解决方案的高科技公司：（Software-软件，Service-服务，Solution-解决方案，Sale-销售），公司专注于软件解决方案和整体服务交付领域，已陆续成为税务、社保、财政、通信运营商等行业，IT运维领域的领先者。北京鸿果科技依托“金税三期” 、“互联网+智能化AI+行业应用”的变革时机，充分运用智能化、运维大数据思维，引入AI、算法和业务深度理解，共同打造AIOps生态圈。公司基于多年政府行业的市场、销售、技术、产品经验积累，先后在多省市政府、央企承建了“综合监控管理平台（A-view V1.0）、自动化巡检平台、智能告警算法平台、数据安全运维管理平台、一体化运维大数据管理应用平台（D-viewV1.0）”等，陆续承建了浙江省、新疆、陕西、贵州、天津、吉林、辽宁、内蒙古、宁夏等税务局“金三”重大信息化项目。 目前公司拥有《国家高新企业》《中国信息安全服务集成资质》、《中国信息安全运维资质》、 《软件企业》资质、多项自主的软件著作权，评选为“优秀信息化软件企业合作伙伴”、“专精特新”企业。</div>-->
  24 + </div>
25 </div> 25 </div>
26 <!-- <div class="know-intro"></div>--> 26 <!-- <div class="know-intro"></div>-->
27 <div class="know-intro-bg wow customFadeInRight delay-0-1s slow"></div> 27 <div class="know-intro-bg wow customFadeInRight delay-0-1s slow"></div>
@@ -35,13 +35,13 @@ @@ -35,13 +35,13 @@
35 </section> 35 </section>
36 36
37 <section class="about-section rel text-center"> 37 <section class="about-section rel text-center">
38 - <div class="container">  
39 - <!-- <div class="row wow customFadeInRight delay-0-1s slow"> 38 + <div class="container about-container">
  39 + <div class="row wow customFadeInRight delay-0-1s slow">
40 <div class="col-lg-12 col-md-12 pt-60"> 40 <div class="col-lg-12 col-md-12 pt-60">
41 <div class="title-style">鸿果文化价值观及企业目标</div> 41 <div class="title-style">鸿果文化价值观及企业目标</div>
42 </div> 42 </div>
43 </div> 43 </div>
44 - <div class="row pt-30 wow"> 44 + <!-- <div class="row pt-30 wow">
45 <div class="col-md-6 col-lg-3 culturalValues-item" v-for="item in culturalValuesData"> 45 <div class="col-md-6 col-lg-3 culturalValues-item" v-for="item in culturalValuesData">
46 <img :src="item.icon" alt=""> 46 <img :src="item.icon" alt="">
47 <div class="culturalValues-title customFadeInRight delay-0-1s slow">{{item.title}}</div> 47 <div class="culturalValues-title customFadeInRight delay-0-1s slow">{{item.title}}</div>
@@ -143,6 +143,11 @@ @@ -143,6 +143,11 @@
143 143
144 <section class="partner-section pt-100 pb-100"> 144 <section class="partner-section pt-100 pb-100">
145 <div class="container"> 145 <div class="container">
  146 + <div class="row wow customFadeInRight delay-0-1s slow">
  147 + <div class="col-lg-12 col-md-12">
  148 + <div class="title-style text-align-center">合作伙伴</div>
  149 + </div>
  150 + </div>
146 <!--<div class="row wow customFadeInRight delay-0-1s slow"> 151 <!--<div class="row wow customFadeInRight delay-0-1s slow">
147 <div :class="['partner-con', 'col-lg-3',{'partner-con-center':index==0 || index==3}]" v-for="(item,index) in 4"> 152 <div :class="['partner-con', 'col-lg-3',{'partner-con-center':index==0 || index==3}]" v-for="(item,index) in 4">
148 <div class="partner-item" v-for="(itemC,indexC) in 4"><img :src="'assets/img/about/partner/partner-'+item+'-'+itemC+'.png'" alt=""></div> 153 <div class="partner-item" v-for="(itemC,indexC) in 4"><img :src="'assets/img/about/partner/partner-'+item+'-'+itemC+'.png'" alt=""></div>
@@ -12,7 +12,7 @@ @@ -12,7 +12,7 @@
12 12
13 13
14 <section class="concat-concat rel rpt-150 pb-130 rpb-0 text-left "> 14 <section class="concat-concat rel rpt-150 pb-130 rpb-0 text-left ">
15 - <div class="color-white mb-2 title-style font-size-42">加入鸿果，成为你想成为的人</div> 15 + <div class="color-white mb-2 title-style font-size-42">加入鸿果，成为您想成为的人</div>
16 <div class="color-white mb-2 pt-20 font-size-24">齐心协力、积极乐观、共同发展、团队共赢！</div> 16 <div class="color-white mb-2 pt-20 font-size-24">齐心协力、积极乐观、共同发展、团队共赢！</div>
17 <div class="color-white mb-2 title-intro pt-20">具备足够的勇气及长远的眼光，大家携手一起，齐心协力，积极乐观，朝共同的目标前进实现共同发展及利益最大化</div> 17 <div class="color-white mb-2 title-intro pt-20">具备足够的勇气及长远的眼光，大家携手一起，齐心协力，积极乐观，朝共同的目标前进实现共同发展及利益最大化</div>
18 <div class="concat-btn mt-50" @click="routerPath('sale')"> 18 <div class="concat-btn mt-50" @click="routerPath('sale')">
@@ -14,12 +14,14 @@ @@ -14,12 +14,14 @@
14 <div class="owl-carousel owl-theme owl-loaded all-height"> 14 <div class="owl-carousel owl-theme owl-loaded all-height">
15 <div class="owl-stage-outer owl-height all-height"> 15 <div class="owl-stage-outer owl-height all-height">
16 <div class="owl-stage all-height"> 16 <div class="owl-stage all-height">
17 - <div :class="['owl-item', 'all-height',{'scroll-to-target':index==0,'cursor-pointer':index==0,'scroll-item':index==0}] " data-target=".team-section" v-for="(item,index) in homeData" :style="'background: url(assets/img/index/' + (index+1) + '.png);background-size:cover;'"> 17 + <div :class="['owl-item', 'all-height',{'scroll-to-target':index==0,'cursor-pointer':index==0,'scroll-item':index==0}] " data-target=".team-section" v-for="(item,index) in homeData"
  18 + :style="'background: url(assets/img/index/' + (index+1) + '.png);'">
18 <!-- <img :src="'assets/img/index/' + (index+1) + '.png'" class="d-block w-100 h-75">--> 19 <!-- <img :src="'assets/img/index/' + (index+1) + '.png'" class="d-block w-100 h-75">-->
19 <div :class="['owl-item-content']"> 20 <div :class="['owl-item-content']">
20 <div :class="['owl-item-title', 'font-size-42',{'text-align-center':index==2}]">{{item.title}}</div> 21 <div :class="['owl-item-title', 'font-size-42',{'text-align-center':index==2}]">{{item.title}}</div>
21 <div class="owl-item-title font-size-42" v-if="item.title1">{{item.title1}}</div> 22 <div class="owl-item-title font-size-42" v-if="item.title1">{{item.title1}}</div>
22 - <div :class="['owl-item-intro', 'title-intro-top', 'pt-30',{'text-align-center':index==2,'max-width-6':index!=2}]">{{item.introduction}}</div> 23 + <div class="pt-30 title-intro-top text-align-center" v-if="item.introTitle">{{item.introTitle}}</div>
  24 + <div :class="['owl-item-intro', 'title-intro-top', {'pt-10':item.introTitle,'pt-30':!item.introTitle,'text-align-center':index==2,'max-width-6':index!=2}]">{{item.introduction}}</div>
23 <div :class="['owl-item-button', 'pt-30',{'text-align-center':index==2}]" > 25 <div :class="['owl-item-button', 'pt-30',{'text-align-center':index==2}]" >
24 <span class="home-button btn-service" v-if="item.isService" @click="jumpSecond('services')">查看产品</span> 26 <span class="home-button btn-service" v-if="item.isService" @click="jumpSecond('services')">查看产品</span>
25 <span class="home-button btn-concat" v-if="item.isConcat" @click="jumpSecond('concat')">联系我们</span> 27 <span class="home-button btn-concat" v-if="item.isConcat" @click="jumpSecond('concat')">联系我们</span>
@@ -72,25 +74,25 @@ @@ -72,25 +74,25 @@
72 <div class="mb-35"> 74 <div class="mb-35">
73 <div class="title-style">魔镜智能运维建设三大原则</div> 75 <div class="title-style">魔镜智能运维建设三大原则</div>
74 </div> 76 </div>
75 - <!-- <div class="title-intro">魔镜智能能够通过海量数据处理分析能力和强大的算法支撑能力 | 协助企业灵活构建多样化智能运维场景</div>--> 77 +<!-- <div class="title-intro">魔镜智能能够通过海量数据处理分析能力和强大的算法支撑能力 | 协助企业灵活构建多样化智能运维场景</div>-->
76 </div> 78 </div>
77 </div> 79 </div>
78 </div> 80 </div>
79 <div class="row principle pt-30"> 81 <div class="row principle pt-30">
80 - <div class="col-md-4 principle-con"> 82 + <div class="col-md-4 principle-con" v-for="(itemP,indexP) in principleData">
81 <div class="principle-item"> 83 <div class="principle-item">
82 <div class="principle-item-title"> 84 <div class="principle-item-title">
83 - <span class="num-icon">1</span>  
84 - <span>数据</span> 85 + <span class="num-icon">{{indexP+1}}</span>
  86 + <span>{{itemP.title}}</span>
85 </div> 87 </div>
86 - <div class="principle-item-intro">从自身运维出发</div> 88 + <div class="principle-item-intro">{{itemP.introduction}}</div>
87 </div> 89 </div>
88 </div> 90 </div>
89 - <div class="col-md-4 principle-con"> 91 + <!--<div class="col-md-4 principle-con">
90 <div class="principle-item"> 92 <div class="principle-item">
91 <div class="principle-item-title"> 93 <div class="principle-item-title">
92 <span class="num-icon">2</span> 94 <span class="num-icon">2</span>
93 - <span>中台</span> 95 + <span>能力域</span>
94 </div> 96 </div>
95 <div class="principle-item-intro">夯实数据处理能力</div> 97 <div class="principle-item-intro">夯实数据处理能力</div>
96 </div> 98 </div>
@@ -103,7 +105,7 @@ @@ -103,7 +105,7 @@
103 </div> 105 </div>
104 <div class="principle-item-intro">循序渐进进行建设</div> 106 <div class="principle-item-intro">循序渐进进行建设</div>
105 </div> 107 </div>
106 - </div> 108 + </div>-->
107 </div> 109 </div>
108 110
109 </div> 111 </div>
1 import pageInit from "../../minixs/pageInit.js"; 1 import pageInit from "../../minixs/pageInit.js";
2 -import {homeDatas,compatibleDatas,techDatas,stepRoutes,logoDatas} from "../../../../assets/img/data/homeData.js"; 2 +import {homeDatas,compatibleDatas,techDatas,stepRoutes,logoDatas,principleDatas} from "../../../../assets/img/data/homeData.js";
3 export default { 3 export default {
4 name: 'home', 4 name: 'home',
5 template: '', 5 template: '',
@@ -12,6 +12,7 @@ export default { @@ -12,6 +12,7 @@ export default {
12 let isHover=Vue.ref(false); 12 let isHover=Vue.ref(false);
13 let techData=Vue.ref(techDatas()); 13 let techData=Vue.ref(techDatas());
14 let stepRoute=stepRoutes(); 14 let stepRoute=stepRoutes();
  15 + let principleData=principleDatas();
15 //六步路线的hover 16 //六步路线的hover
16 let stepActive=Vue.ref(0); 17 let stepActive=Vue.ref(0);
17 //六步路线hover事件 18 //六步路线hover事件
@@ -74,6 +75,7 @@ export default { @@ -74,6 +75,7 @@ export default {
74 logoData, 75 logoData,
75 compatibleData, 76 compatibleData,
76 homeData, 77 homeData,
  78 + principleData,
77 jumpSecond, 79 jumpSecond,
78 stepRoute, 80 stepRoute,
79 stepActive, 81 stepActive,
@@ -51,7 +51,7 @@ @@ -51,7 +51,7 @@
51 <img :src="item.img" alt=""> 51 <img :src="item.img" alt="">
52 </div> 52 </div>
53 <div class="row mt-60 dataAbility-con" v-if="item.dataAbility && item.dataAbility.length>0"> 53 <div class="row mt-60 dataAbility-con" v-if="item.dataAbility && item.dataAbility.length>0">
54 - <div class="col-lg-6 dataAbility-col" v-for="(itemD,indexD) in item.dataAbility"> 54 + <div class="col-md-6 dataAbility-col" v-for="(itemD,indexD) in item.dataAbility">
55 <div class="dataAbility-item"> 55 <div class="dataAbility-item">
56 <div class="dataAbility-item-title">{{itemD.title}}</div> 56 <div class="dataAbility-item-title">{{itemD.title}}</div>
57 <div class="dataAbility-item-intro pt-20"> 57 <div class="dataAbility-item-intro pt-20">
@@ -66,7 +66,15 @@ @@ -66,7 +66,15 @@
66 </div> 66 </div>
67 <div class="func-bottom row pt-30"> 67 <div class="func-bottom row pt-30">
68 <div class="col-lg-6 func-bottom-title"><span></span><span>{{funcTitle}}</span></div> 68 <div class="col-lg-6 func-bottom-title"><span></span><span>{{funcTitle}}</span></div>
69 - <div :class="['col-lg-6', 'func-bottom-intro',{'func-l-p':funcActive==1}]"><span class="func-symbol">“</span><span class="funcIntro-span">{{funcIntro}}</span></div> 69 + <div :class="['col-lg-6', 'func-bottom-intro','flex-column-center',{'func-l-p':funcActive==1}]">
  70 + <div class="func-bottom-con ">
  71 + <span class="func-symbol">“</span>
  72 + <span class="funcIntro-span">{{funcIntro}}</span>
  73 + </div>
  74 + <div class="func-bottom-con func-bottom-con-right">
  75 + <span class="func-symbol ">”</span>
  76 + </div>
  77 + </div>
70 </div> 78 </div>
71 </div> 79 </div>
72 80
@@ -65,7 +65,7 @@ @@ -65,7 +65,7 @@
65 </div> 65 </div>
66 <div class="row pt-30" v-if="item.dataFive && item.dataFive.length>0"> 66 <div class="row pt-30" v-if="item.dataFive && item.dataFive.length>0">
67 <div class="row-top row pt-50"> 67 <div class="row-top row pt-50">
68 - <div class="col-lg-3 info-character" @mouseover="showHover(indexV)" v-for="(itemV,indexV) in item.dataFive"> 68 + <div class="col-md-3 info-character info-character-log" @mouseover="showHover(indexV)" v-for="(itemV,indexV) in item.dataFive">
69 <img v-if="valueIndex!=indexV" class="" :src="itemV.icon" alt=""> 69 <img v-if="valueIndex!=indexV" class="" :src="itemV.icon" alt="">
70 <img v-if="valueIndex==indexV" class="" :src="itemV.iconA" alt=""> 70 <img v-if="valueIndex==indexV" class="" :src="itemV.iconA" alt="">
71 <div class="pt-30"> 71 <div class="pt-30">
@@ -12,9 +12,9 @@ @@ -12,9 +12,9 @@
12 12
13 13
14 <section class="concat-service rel rpt-150 pb-130 rpb-0 text-left "> 14 <section class="concat-service rel rpt-150 pb-130 rpb-0 text-left ">
15 - <div class="mb-2 title-style-top">运维数字化道路，鸿果与你同行</div>  
16 - <div class="mb-2 pt-30 title-intro-top">鸿果自研的产品--数字运维中台</div>  
17 - <div class="mb-2 title-intro-top pt-10">作为智能运维各应用场景的支撑平台，提供数据治理服务、流批一体服务和AI平台服务</div> 15 + <div class="mb-2 title-style-top">运维数字化道路，鸿果与您同行</div>
  16 + <div class="mb-2 pt-30 title-intro-top">鸿果自研的产品--魔镜智能运维</div>
  17 + <div class="mb-2 title-intro-top pt-10">数据是智能运维的基石，算法是挖掘数据价值的关键，技术是实现智能运维的手段</div>
18 </section> 18 </section>
19 19
20 20