|
@@ -4,12 +4,12 @@
|
4
|
4
|
<div class="title">
|
5
|
5
|
<!-- <div class="cover-bg">
|
6
|
6
|
<img src="../../../assets/image/program/bannerbg.png" alt>
|
7
|
|
- </div> -->
|
|
7
|
+ </div>-->
|
8
|
8
|
<div>
|
9
|
9
|
<p class="tit">{{title}}</p>
|
10
|
|
- <p class="label">{{desc}}</p>
|
11
|
|
- <p class="label">{{desc2}}</p>
|
12
|
|
- <p class="desc">{{engdesc}}</p>
|
|
10
|
+ <p class="label">{{desc}}</p>
|
|
11
|
+ <p class="label">{{desc2}}</p>
|
|
12
|
+ <p class="desc">{{engdesc}}</p>
|
13
|
13
|
</div>
|
14
|
14
|
</div>
|
15
|
15
|
<div class="solution-main">
|
|
@@ -22,7 +22,7 @@
|
22
|
22
|
<div class="main-box">
|
23
|
23
|
<p class="con-tit">痛点描述</p>
|
24
|
24
|
<span class="con-desc">Existing problem</span>
|
25
|
|
- <div class="img-box">
|
|
25
|
+ <div class="img-box" style="width: 1203px;">
|
26
|
26
|
<div class="discribe_box">
|
27
|
27
|
<div class="dis_box_img">
|
28
|
28
|
<img src="../../../assets/image/wisdom/wisdom01.jpg" alt>
|
|
@@ -55,7 +55,6 @@
|
55
|
55
|
<p class="dis_p1">客户归属、划分不清</p>
|
56
|
56
|
</div>
|
57
|
57
|
</div>
|
58
|
|
-
|
59
|
58
|
</div>
|
60
|
59
|
</div>
|
61
|
60
|
<div class="programme-box">
|
|
@@ -100,7 +99,7 @@
|
100
|
99
|
<span class="con-desc">Successful cases</span>
|
101
|
100
|
<div class="best-con">
|
102
|
101
|
<div class="logo">
|
103
|
|
- <img src="../../../assets/image/logoicon/Bitmap.png" alt style="height:40px">
|
|
102
|
+ <img src="../../../assets/image/logoicon/Bitmap.png" alt style="height: 40px;width:136px">
|
104
|
103
|
<span>智慧大屏机</span>
|
105
|
104
|
</div>
|
106
|
105
|
<div class="logo">
|
|
@@ -186,8 +185,6 @@
|
186
|
185
|
<p class="con-tit" style="width:60px;">超脑</p>
|
187
|
186
|
<p class="con-desc">Super brain</p>
|
188
|
187
|
<div class="page-box">
|
189
|
|
-
|
190
|
|
-
|
191
|
188
|
<img class="super-img" src="../../../assets/image/program/community/Resource02.png" alt>
|
192
|
189
|
<div class="super-con super-one">
|
193
|
190
|
<img class="img-up" src="../../../assets/image/program/community/group03.png" alt>
|
|
@@ -257,7 +254,7 @@
|
257
|
254
|
<div class="label-con" :class="bgHover==1?'hover-div':''" @mouseenter="divHover(1)" @mouseleave="leaveHover(1)">
|
258
|
255
|
<div class="label-img">
|
259
|
256
|
<img v-if="bgHover==1" src="../../../assets/image/program/order/team1.png" alt>
|
260
|
|
- <img v-if="bgHover!=1" src="../../../assets/image/program/order/team.png" alt>
|
|
257
|
+ <img v-if="bgHover!=1" src="../../../assets/image/program/order/team.png" alt>
|
261
|
258
|
</div>
|
262
|
259
|
<p class="label-tit">专业开发团队</p>
|
263
|
260
|
<p class="label-desc">团队拥有丰富实战经验,千万金额成功项目,实力不容小觑</p>
|
|
@@ -265,7 +262,7 @@
|
265
|
262
|
<div class="label-con" :class="bgHover==2?'hover-div':''" @mouseenter="divHover(2)" @mouseleave="leaveHover(2)">
|
266
|
263
|
<div class="label-img">
|
267
|
264
|
<img v-if="bgHover==2" src="../../../assets/image/program/order/cost1.png" alt>
|
268
|
|
- <img v-else src="../../../assets/image/program/order/cost.png" alt>
|
|
265
|
+ <img v-else src="../../../assets/image/program/order/cost.png" alt>
|
269
|
266
|
</div>
|
270
|
267
|
<p class="label-tit">开发费用透明</p>
|
271
|
268
|
<p class="label-desc">消除行业壁垒,信息不对称问题,价格透明,比肩行业水平</p>
|
|
@@ -273,15 +270,15 @@
|
273
|
270
|
<div class="label-con" :class="bgHover==3?'hover-div':''" @mouseenter="divHover(3)" @mouseleave="leaveHover(3)">
|
274
|
271
|
<div class="label-img">
|
275
|
272
|
<img v-if="bgHover==3" src="../../../assets/image/program/order/time1.png" alt>
|
276
|
|
- <img v-else src="../../../assets/image/program/order/time.png" alt>
|
|
273
|
+ <img v-else src="../../../assets/image/program/order/time.png" alt>
|
277
|
274
|
</div>
|
278
|
275
|
<p class="label-tit">高质按时交付</p>
|
279
|
276
|
<p class="label-desc">不随意拖延开发工期,保证高质量按时交付成品</p>
|
280
|
277
|
</div>
|
281
|
|
- <div class="label-con" :class="bgHover==4?'hover-div':''" @mouseenter="divHover(4)" @mouseleave="leaveHover(4)">
|
|
278
|
+ <div class="label-con" :class="bgHover==4?'hover-div':''" @mouseenter="divHover(4)" @mouseleave="leaveHover(4)">
|
282
|
279
|
<div class="label-img">
|
283
|
280
|
<img v-if="bgHover==4" src="../../../assets/image/program/order/Operation.png" alt>
|
284
|
|
- <img v-else src="../../../assets/image/program/order/Operation1.png" alt>
|
|
281
|
+ <img v-else src="../../../assets/image/program/order/Operation1.png" alt>
|
285
|
282
|
</div>
|
286
|
283
|
<p class="label-tit">持续运营支持</p>
|
287
|
284
|
<p class="label-desc">按需提供软件上线后运营支持,修复漏洞服务</p>
|
|
@@ -289,7 +286,7 @@
|
289
|
286
|
<div class="label-con" :class="bgHover==5?'hover-div':''" @mouseenter="divHover(5)" @mouseleave="leaveHover(5)">
|
290
|
287
|
<div class="label-img">
|
291
|
288
|
<img v-if="bgHover==5" src="../../../assets/image/program/order/afterSale1.png" alt>
|
292
|
|
- <img v-else src="../../../assets/image/program/order/afterSale.png" alt>
|
|
289
|
+ <img v-else src="../../../assets/image/program/order/afterSale.png" alt>
|
293
|
290
|
</div>
|
294
|
291
|
<p class="label-tit">售后服务周到</p>
|
295
|
292
|
<p class="label-desc">秉承顾客至上理念,全方位跟进需求,专业解答您的所有疑惑</p>
|
|
@@ -300,7 +297,7 @@
|
300
|
297
|
<p class="con-tit">业务范围</p>
|
301
|
298
|
<span class="con-desc">The business scope</span>
|
302
|
299
|
<div class="business-box">
|
303
|
|
- <div class="business-con" >
|
|
300
|
+ <div class="business-con">
|
304
|
301
|
<img src="../../../assets/image/program/order/web.png" alt>
|
305
|
302
|
<p class="business-tit">web应用程序</p>
|
306
|
303
|
<p class="business-desc">基于互联网,浏览器端的应用程序</p>
|
|
@@ -376,8 +373,8 @@ export default {
|
376
|
373
|
desc2: "",
|
377
|
374
|
engdesc: "Intelligent face risk control system",
|
378
|
375
|
colorHover: 2,
|
379
|
|
- bgHover: 3,
|
380
|
|
-
|
|
376
|
+ bgHover: 0,
|
|
377
|
+
|
381
|
378
|
};
|
382
|
379
|
},
|
383
|
380
|
methods: {
|
|
@@ -400,13 +397,13 @@ export default {
|
400
|
397
|
this.engdesc = "Intelligent face risk control system";
|
401
|
398
|
}
|
402
|
399
|
},
|
403
|
|
- leaveHover(index){
|
|
400
|
+ leaveHover (index) {
|
404
|
401
|
this.bgHover != index;
|
405
|
402
|
this.bgHover = '';
|
406
|
403
|
},
|
407
|
404
|
spanHover (index) {
|
408
|
405
|
this.colorHover = index;
|
409
|
|
-
|
|
406
|
+
|
410
|
407
|
},
|
411
|
408
|
divHover (index) {
|
412
|
409
|
this.bgHover = index;
|
|
@@ -424,7 +421,8 @@ export default {
|
424
|
421
|
width: 100%;
|
425
|
422
|
min-width: 1260px;
|
426
|
423
|
height: 90%;
|
427
|
|
- background: url('../../../assets/image/program/bannerbg.png') no-repeat center;
|
|
424
|
+ background: url("../../../assets/image/program/bannerbg.png") no-repeat
|
|
425
|
+ center;
|
428
|
426
|
background-size: 100% 100%;
|
429
|
427
|
// border-radius: 0 0 200% 200%;
|
430
|
428
|
opacity: 1 !important;
|
|
@@ -476,8 +474,6 @@ export default {
|
476
|
474
|
background-color: red;
|
477
|
475
|
}
|
478
|
476
|
}
|
479
|
|
- .solution .solution-main .tab-bar {
|
480
|
|
- }
|
481
|
477
|
|
482
|
478
|
.solution-main {
|
483
|
479
|
width: 100%;
|
|
@@ -515,8 +511,7 @@ export default {
|
515
|
511
|
.el-tabs__item.is-active {
|
516
|
512
|
color: #4e84ff;
|
517
|
513
|
}
|
518
|
|
-
|
519
|
|
-
|
|
514
|
+
|
520
|
515
|
.el-tabs__item {
|
521
|
516
|
height: 100px;
|
522
|
517
|
width: 250px;
|
|
@@ -553,15 +548,15 @@ export default {
|
553
|
548
|
}
|
554
|
549
|
.img-box {
|
555
|
550
|
margin: 20px auto 0 auto;
|
556
|
|
- width:1260px;
|
|
551
|
+ width: 1026px;
|
557
|
552
|
display: flex;
|
558
|
553
|
justify-content: space-between;
|
559
|
554
|
.img-con {
|
560
|
555
|
width: 288px;
|
561
|
|
- height: 250px;
|
562
|
|
- border-radius: 6px;
|
563
|
|
- background-color: rgb(243, 240, 240);
|
564
|
|
- margin: 0 5px;
|
|
556
|
+ height: 252px;
|
|
557
|
+ box-shadow: 0px 1px 14px 0px rgba(65, 101, 242, 0.2);
|
|
558
|
+ border-radius: 10px;
|
|
559
|
+ background-color: #fff;
|
565
|
560
|
display: inline-block;
|
566
|
561
|
line-height: 50px;
|
567
|
562
|
color: #808080;
|
|
@@ -578,8 +573,8 @@ export default {
|
578
|
573
|
.label-con {
|
579
|
574
|
width: 230px;
|
580
|
575
|
height: 160px;
|
581
|
|
- box-shadow:0px 1px 14px 0px rgba(65,101,242,0.2);
|
582
|
|
- border-radius:10px;
|
|
576
|
+ box-shadow: 0px 1px 14px 0px rgba(65, 101, 242, 0.2);
|
|
577
|
+ border-radius: 10px;
|
583
|
578
|
display: inline-block;
|
584
|
579
|
border-radius: 5px;
|
585
|
580
|
background-color: #fff;
|
|
@@ -610,7 +605,7 @@ export default {
|
610
|
605
|
line-height: 20px;
|
611
|
606
|
}
|
612
|
607
|
}
|
613
|
|
- .label-con:hover{
|
|
608
|
+ .label-con:hover {
|
614
|
609
|
background-color: #4e84ff;
|
615
|
610
|
.label-tit {
|
616
|
611
|
color: #fff;
|
|
@@ -661,30 +656,28 @@ export default {
|
661
|
656
|
font-size: 13px;
|
662
|
657
|
color: #444;
|
663
|
658
|
line-height: 20px;
|
664
|
|
- width: 130px;
|
|
659
|
+ width: 135px;
|
665
|
660
|
margin: 0 auto;
|
666
|
661
|
}
|
667
|
662
|
}
|
668
|
|
- .business-con:hover{
|
669
|
|
- box-shadow:0px 1px 14px 0px rgba(65,101,242,0.2);
|
670
|
|
- border-radius:10px;
|
|
663
|
+ .business-con:hover {
|
|
664
|
+ box-shadow: 0px 1px 14px 0px rgba(65, 101, 242, 0.2);
|
|
665
|
+ border-radius: 10px;
|
671
|
666
|
}
|
672
|
|
-
|
673
|
667
|
}
|
674
|
668
|
.cases-box {
|
675
|
669
|
margin: 40px auto;
|
676
|
670
|
width: 1050px;
|
677
|
671
|
height: 30px;
|
678
|
|
- .cases-con:hover{
|
679
|
|
- box-shadow:0px 1px 14px 0px rgba(65,101,242,0.2);
|
680
|
|
- border-radius:10px;
|
681
|
|
- }
|
|
672
|
+
|
682
|
673
|
.cases-con {
|
683
|
674
|
width: 190px;
|
684
|
675
|
height: 186px;
|
685
|
676
|
border-radius: 6px;
|
686
|
677
|
margin: 0 10px;
|
687
|
|
-
|
|
678
|
+ background-color: #fff;
|
|
679
|
+ box-shadow: 0px 1px 14px 0px rgba(65, 101, 242, 0.2);
|
|
680
|
+ border-radius: 10px;
|
688
|
681
|
font-size: 18px;
|
689
|
682
|
color: #000;
|
690
|
683
|
float: left;
|
|
@@ -821,7 +814,7 @@ export default {
|
821
|
814
|
color: #4e84ff;
|
822
|
815
|
}
|
823
|
816
|
.best-con {
|
824
|
|
- width: 1260px;
|
|
817
|
+ width: 945px;
|
825
|
818
|
height: 240px;
|
826
|
819
|
margin: 60px auto 0 auto;
|
827
|
820
|
display: flex;
|
|
@@ -835,10 +828,10 @@ export default {
|
835
|
828
|
padding: 0 20px;
|
836
|
829
|
width: 255px;
|
837
|
830
|
height: 140px;
|
838
|
|
- box-shadow: 0px 0px 5px 0 #4171f2;
|
|
831
|
+ box-shadow: 0px 1px 14px 0px rgba(65, 101, 242, 0.2);
|
839
|
832
|
border-radius: 10px;
|
840
|
833
|
img {
|
841
|
|
- height: 80px;
|
|
834
|
+ width: 80px;
|
842
|
835
|
}
|
843
|
836
|
span {
|
844
|
837
|
// margin-left:
|
|
@@ -849,7 +842,7 @@ export default {
|
849
|
842
|
}
|
850
|
843
|
.second-box {
|
851
|
844
|
background: url("../../../assets/image/bg.png") no-repeat 0 100%;
|
852
|
|
-
|
|
845
|
+
|
853
|
846
|
width: 100%;
|
854
|
847
|
}
|
855
|
848
|
.community-box {
|
|
@@ -927,11 +920,15 @@ export default {
|
927
|
920
|
color: #4e84ff;
|
928
|
921
|
}
|
929
|
922
|
.page-box {
|
930
|
|
- width:1225px;
|
931
|
|
-height:563px;
|
932
|
|
-background:rgba(255,255,255,1);
|
933
|
|
-box-shadow:0px 1px 14px 0px rgba(65,101,242,0.2);
|
934
|
|
- padding: 26px 0;
|
|
923
|
+ width: 1216px;
|
|
924
|
+ height: 483px;
|
|
925
|
+ background: rgba(255, 255, 255, 1);
|
|
926
|
+ border-radius: 7px;
|
|
927
|
+ box-shadow: 0px 1px 14px 0px rgba(65, 101, 242, 0.2);
|
|
928
|
+ // padding: 26px 0;
|
|
929
|
+ display: flex;
|
|
930
|
+ align-items: center;
|
|
931
|
+ justify-content: center;
|
935
|
932
|
margin: 40px auto;
|
936
|
933
|
.smart-img {
|
937
|
934
|
width: 928px;
|
|
@@ -953,7 +950,7 @@ box-shadow:0px 1px 14px 0px rgba(65,101,242,0.2);
|
953
|
950
|
position: relative;
|
954
|
951
|
padding: 20px;
|
955
|
952
|
margin: 40px auto 20px auto;
|
956
|
|
-
|
|
953
|
+
|
957
|
954
|
.super-img {
|
958
|
955
|
height: 512px;
|
959
|
956
|
}
|