index.html
12.5 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
<section class="hero-section rel rpt-150 rpb-0">
<div class="shape shapeAnimationOne l-10 t-60">
<img src="assets/img/shapes/shape1.png" alt="Shape">
</div>
<div class="shape shapeAnimationTwo l-70 t-60">
<img src="assets/img/shapes/shape2.png" alt="Shape">
</div>
<div class="shape shapeAnimationThree l-50 t-100">
<img src="assets/img/shapes/shape3.png" alt="Shape">
</div>
</section>
<div class="wrap" @Mousewheel="MousewheelFun" @touchmove="touchFun" @touchstart="touchFunStart">
<div class="wrap-container">
<section class="concat-about rel rpt-150 pb-130 rpb-0 text-left ">
</section>
<section class="about-section rel all-height">
<div class="container about-container">
<div class="about-content about-content-intro mr-20 rmr-0 rmb-50 wow customFadeInRight delay-0-2s slow">
<div class="section-title mb-35">
<span class="title-style">公司简介</span>
</div>
<!-- <div class="title-intro color-white">北京鸿果秋实科技有限公司2012年成立，定位于提供4S信息化解决方案的高科技公司：（Software-软件，Service-服务，Solution-解决方案，Sale-销售），公司专注于软件解决方案和整体服务交付领域，已陆续成为税务、社保、财政、通信运营商等行业，IT运维领域的领先者。北京鸿果科技依托“金税三期” 、“互联网+智能化AI+行业应用”的变革时机，充分运用智能化、运维大数据思维，引入AI、算法和业务深度理解，共同打造AIOps生态圈。公司基于多年政府行业的市场、销售、技术、产品经验积累，先后在多省市政府、央企承建了“综合监控管理平台（A-view V1.0）、自动化巡检平台、智能告警算法平台、数据安全运维管理平台、一体化运维大数据管理应用平台（D-viewV1.0）”等，陆续承建了浙江省、新疆、陕西、贵州、天津、吉林、辽宁、内蒙古、宁夏等税务局“金三”重大信息化项目。 目前公司拥有《国家高新企业》《中国信息安全服务集成资质》、《中国信息安全运维资质》、 《软件企业》资质、多项自主的软件著作权，评选为“优秀信息化软件企业合作伙伴”、“专精特新”企业。</div>-->
<div class="about-intro" v-for="itemI in introData">
<div class="title-intro about-intro-title pb-10 pt-10" v-if="itemI.title">{{itemI.title}}</div>
<div class="title-intro" v-if="itemI.intro">{{itemI.intro}}</div>
<div class="about-intro-img">
<img :src="itemI.img" class="pb-10 pt-10" alt="" v-if="itemI.img">
</div>
</div>
</div>
</div>
<!-- <div class="know-intro"></div>-->
<div class="know-intro-bg wow customFadeInRight delay-0-1s slow"></div>
<div class="shape shapeAnimationFour l-10 t-5">
<img src="assets/img/shapes/shape4.png" alt="Shape">
</div>
<div class="shape shapeAnimationFive r-10 t-100 zm-1">
<img src="assets/img/shapes/shape2.png" alt="Shape">
</div>
</section>
<section class="about-section rel text-center">
<div class="container about-container culturalValues-container">
<div class="row wow customFadeInRight delay-0-1s slow">
<div class="col-lg-12 col-md-12 pt-60">
<div class="title-style">鸿果文化价值观及企业目标</div>
</div>
</div>
<!-- <div class="row pt-30 wow">
<div class="col-md-6 col-lg-3 culturalValues-item" v-for="item in culturalValuesData">
<img :src="item.icon" alt="">
<div class="culturalValues-title customFadeInRight delay-0-1s slow">{{item.title}}</div>
</div>
</div>
<div class="row pt-30 mb-50">
<div :class="['col-md-4', 'cultural-item'] " v-for="(item,index) in culturalData">
<div class="cultural-item-l">
<img :src="item.bg" alt="">
<div class="cultural-contain wow customFadeInRight delay-0-1s slow">
<div class="cultural-title">{{item.title}}</div>
<div class="cultural-con">
<div class="cultural-con-item" v-for="itemI in item.introData">{{itemI}}</div>
</div>
</div>
</div>
</div>
</div>-->
</div>
<div class="culturalValues-bg wow customFadeInRight delay-0-1s slow"></div>
<div class="culturalValues-bg-sm wow customFadeInRight delay-0-1s slow">
<img src="assets/img/about/cultural-img-sm.jpg" alt="">
</div>
<div class="shape shapeAnimationOne l-10 t-0">
<img src="assets/img/shapes/shape3.png" alt="Shape">
</div>
<div class="shape shapeAnimationTwo t-100 r-5">
<img src="assets/img/shapes/shape1.png" alt="Shape">
</div>
</section>
<section class="success-section flaticon-section pt-135 pb-20">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="success-box">
<i class="flaticon-competition"></i>
<div class="count-wrap">
<span class="count-text plus" data-speed="5000" data-stop="78"></span>
<p>资质证书</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="success-box">
<i class="flaticon-happy"></i>
<div class="count-wrap">
<span class="count-text plus" data-speed="5000" data-stop="280"></span>
<p>客户数</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="success-box">
<i class="flaticon-admin"></i>
<div class="count-wrap">
<span class="count-text plus" data-speed="5000" data-stop="100"></span>
<p>团队</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="success-box">
<i class="flaticon-startup"></i>
<div class="count-wrap">
<span class="count-text plus" data-speed="5000" data-stop="320"></span>
<p>完成的项目</p>
</div>
</div>
</div>
</div>
</div>
<div class="about-video-bg small"></div>
<div class="shape shapeAnimationFour r-5 t-100">
<img src="assets/img/shapes/shape3.png" alt="Shape">
</div>
<div class="video-section rel pt-40">
<div class="container">
<div class="video-wrap">
<img src="assets/img/video-bg.png" alt="Video BG">
<a href="assets/img/about/about.mp4" class="vedio-play mfp-iframe"><i class="flaticon-play"></i></a>
</div>
</div>
<div class="shape shapeAnimationThree b-40 l-10">
<img src="assets/img/shapes/shape1.png" alt="Shape">
</div>
<div class="shape shapeAnimationFive b-5 l-5">
<img src="assets/img/shapes/shape3.png" alt="Shape">
</div>
<div class="shape left-right r-10 b-30">
<img src="assets/img/shapes/shape5.png" alt="Shape">
</div>
<div class="shape shapeAnimationOne r-10 b-0">
<img src="assets/img/shapes/shape2.png" alt="Shape">
</div>
</div>
</section>
<section class="partner-section pt-100 pb-100">
<div class="container">
<div class="row wow customFadeInRight delay-0-1s slow">
<div class="col-lg-12 col-md-12">
<div class="title-style text-align-center">合作伙伴</div>
</div>
</div>
<!--<div class="row wow customFadeInRight delay-0-1s slow">
<div :class="['partner-con', 'col-lg-3',{'partner-con-center':index==0 || index==3}]" v-for="(item,index) in 4">
<div class="partner-item" v-for="(itemC,indexC) in 4"><img :src="'assets/img/about/partner/partner-'+item+'-'+itemC+'.png'" alt=""></div>
</div>
</div>-->
</div>
<!-- <div class="partner-bg partner-bg-xs"></div>-->
<div class="partner-img-bg wow customFadeInRight delay-0-1s slow"></div>
<div class="shape shapeAnimationThree b-40 l-10">
<img src="assets/img/shapes/shape1.png" alt="Shape">
</div>
<div class="shape shapeAnimationFive b-5 l-5">
<img src="assets/img/shapes/shape3.png" alt="Shape">
</div>
</section>
<section class="team-section rel qualification-section ">
<div class="container">
<div class="team-carousel owl-carousel text-center qualification-con">
<div class="qualification-item" v-for="item in imgs">
<div class="item-con">
<img :src="item.path" alt="资质&证书">
</div>
</div>
</div>
<div class="team-carousel-sm owl-carousel text-center qualification-con owl-dots">
<div class="qualification-item" v-for="item in imgs">
<div class="item-con">
<img :src="item.path" alt="资质&证书">
</div>
<div class="item-name div-hide">
{{item.name}}
</div>
</div>
</div>
</div>
<div class="qualification-bg"></div>
<div class="shape shapeAnimationFour l-10 t-100">
<img src="assets/img/shapes/shape2.png" alt="Shape">
</div>
<div class="shape shapeAnimationThree b-30 r-10">
<img src="assets/img/shapes/shape1.png" alt="Shape">
</div>
</section>
<!--<section class="about-section rel text-center">
<div class="container about-process-container">
<div class="row wow customFadeInRight delay-0-1s slow">
<div class="col-lg-12 col-md-12">
<div class="title-style pt-20">合作流程</div>
<div class="title-intro pt-20">专业技术顾问，提供一对一服务</div>
</div>
</div>
<div class="about-process pt-60">
<img class="hzlc" src="assets/img/about/hzlc.png">
<img class="hzlc-sm" src="assets/img/about/hzlc-sm.png">
</div>
</div>
<div class="about-concat mt-10">
<div class="about-concat-title title-style">魔镜智能监控运维</div>
<div class="about-concat-con">
<div class="about-concat-btn" @click="isConcat=!isConcat">
<span v-if="!isConcat">联系咨询我们</span>
<a href="tel:010-51726651" v-if="isConcat">010-51726651</a>
</div>
</div>
<div class="about-concat-bg"></div>
</div>
</section>-->
</div>
</div>