king
2019-08-20 739f6c1df160c616ea07f307648d4da5a5540d2f
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
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
<template>
  <div id="main">
    <div id="anchor"></div>
    <div class="banner m_hide">
      <img src="../../img/aboutText.png" alt="">
    </div>
    <div class="banner2 p_hide" style="margin-top: 1.14rem;">
      <img src="../../img/guanyu2.jpg" alt="">
    </div>
    <div class="wrapper introduction">
      <div class="content_title fadeInUp zoomIn animated"><span>企业简介</span></div>
      <div class="content">
        <p>北京明科普华信息技术有限公司是企业供应链管理执行系统软件产品及应用集成解决方案的领导厂商。公司专注于基于互联网技术、自动识别技术的供应链管理执行系统的产品研发和系统集成。致力于把基于先进信息技术的最佳管理方案与业务实践经验普及到客户的管理与业务创新活动中,并全面提供具有自主知识产权的软件产品、服务及解决方案。让企业业务更加高效,获得业务信息更加准确,反应更加迅速,效益更加显著。</p>
        <div class="content_img"><img src="../../img/about_icon.png" alt=""></div>
      </div>
      <div class="content">
        <div>
          <p>明科核心团队及技术力量,是国内软件研发应用领域的先驱者,掌握了相关应用的核心技术,目前明科软件系统已被广泛应用于企业的ERP应用、GSP质量管理规范应用、仓储管理、配送管理、生产管理、包装赋码、销售管理、服务管理、产品追溯、质量追溯、固定资产管理、档案管理等各个环节,为企业提供了供应链执行管理、仓库管理、生产管理、分销管理等全方位软件产品及解决方案</p>
          <p style="margin-top: 0.2rem;">明科2006年成立,总部位于北京,并在沈阳、西安、武汉、成都、上海等地设立服务机构,拥有覆盖全国的销售、服务网络</p>
          <p style="margin-top: 0.2rem;">2016年,明科10周年之际,明科世纪成立,专注于电商领域,旨在销售端与客户实现共赢</p>
          <p style="margin-top: 0.2rem;">明科以引领企业新思维、提升企业源动力、帮助客户成功为使命,以创造客户满意来赢得客户的忠诚,与客户共成长。致力于成为全球领先的管理软件及解决方案提供商</p>    
        </div>
        <div><img src="../../img/about_info.jpg" alt=""></div>
      </div>
      <div class="three">
        <div class="content_title fadeInUp zoomIn animated"><span>3大优势</span></div>
        <div class="content">
          <ul class="goods_ul">
            <li>
              <div><h3><img src="../../img/chan1.png" alt=""></h3></div>
              <h2>产品优势</h2>
              <p>国内首推的平台化开发,使项目开发效率提升30%,产品性能稳定、易变更</p>
            </li>
            <li>
              <div><h3><img src="../../img/chan2.png" alt=""></h3></div>
              <h2>资讯优势</h2>
              <p>明科拥有众多行业内资深顾问,为广大用户提供业务流程合理化咨询,保障使用者能以最优化方式完成工作</p>
            </li>
            <li>
              <div><h3><img src="../../img/chan3.png" alt=""></h3></div>
              <h2>资源优势</h2>
              <p>明科的实施合作伙伴、设备硬件合作伙伴、ERP合作伙伴众多,能够为客户提供立体化的整体解决方案</p>
            </li>
          </ul>
        </div>
      </div>
      <div class="content_title"><span>发展历程</span></div>
    </div>
    <div class="content">
      <img src="../../img/fazhan.jpg" alt="" class="m_hide">
      <img src="../../img/m_fan.jpg" alt="" class="p_hide" style="margin: 0.3rem 0;">
    </div>
    <div class="wrapper">
      <div class="content_title fadeInUp zoomIn animated"><span>企业愿景</span></div>
      <div class="content vision">
        <p>成为中国信息化价值传递的倡导者,致力于通过信息化手段推动供给侧改革,帮助企业完成中国智造升级。</p>
        <div class="contentimg"><img src="../../img/feiji.jpg" alt=""></div>
      </div>
      <div id="anchor-1"></div>
      <div class="content_title fadeInUp zoomIn animated"><span>企业文化</span></div>
      <div class="enterprise">
        <ul class="culture_ul">
          <li>
            <div><h3><img src="../../img/zhuanye.png" alt=""></h3></div>
            <h2 style="margin: 0.2rem 0 0.1rem;font-weight: bold;"><a>专业</a></h2>
            <p>大事业</p>
            <p>明科希望每一位员工都能够通过这个平台实现自己的事业梦想</p>
          </li>
          <li>
            <div><h3><img src="../../img/jiazhi.png" alt=""></h3></div>
            <h2 style="margin: 0.2rem 0 0.1rem;font-weight: bold;"><a>价值</a></h2>
            <p>大家庭</p>
            <p>所有员工共同组成的一个大家庭大家都像兄弟姐们一样亲密无间</p>
          </li>
          <li>
            <div><h3><img src="../../img/fenxiang.png" alt=""></h3></div>
            <h2 style="margin: 0.2rem 0 0.1rem;font-weight: bold;"><a>分享</a></h2>
            <p>大学校</p>
            <p>明科是所学习工作技能的大学校也是学习生活技能的大学校</p>
          </li>
        </ul>
      </div>
      <div style="clear: both;"></div>
      <div class="wrapper">
        <div class="content_title fadeInUp zoomIn animated"><span>团队建设</span></div>
        <div class="content teamBuilding">
          <h2><span>快乐出游,快乐团建</span></h2>
          <ul class="teamBuilding_ul">
            <li>
              <h3><img src="../../img/img.jpg" alt=""></h3> 
              <p>每年1月年会,各地同事齐聚北京,温泉滑雪是对辛苦一年的明科团队最好的奖励</p>
            </li>
            <li>
              <h3><img src="../../img/tuan2.jpg" alt=""></h3> 
              <p>每个星期天下午2-4点,旧宫第一中心小学,一项属于男人、属于团队、属于亦搏的运动</p>
            </li>
            <li>
              <h3><img src="../../img/tuan3.jpg" alt=""></h3> 
              <p>每次有大片上映都有家属票哦,感谢超棒的HR</p>
            </li>
            <li>
              <h3><img src="../../img/tuan4.jpg" alt=""></h3> 
              <p>南方的小伙伴羡慕吧!</p>
            </li>
          </ul>
          <h2 style="margin-top: 0.6rem;"><span>公司活动,爱心公益</span></h2>
          <ul class="teamBuilding_ul">
            <li>
              <h3><img src="../../img/tuan5.jpg" alt=""></h3> 
              <p>明科一直鼓励员工承担社会责任关爱留守儿童,关爱失独老人,公益足球下乡等都有明科人的身影</p>
            </li>
            <li>
              <h3><img src="../../img/tuan6.jpg" alt=""></h3> 
              <p>明科是所大学校,不单学习工作技能,还会培养一个人品格、心智</p>
            </li>
            <li>
              <h3><img src="../../img/tuan7.jpg" alt=""></h3> 
              <p>明科的成功是所有明科人努力的结果,每一个团队齐心协力完成的项目都是件精美的艺术品</p>
            </li>
            <li>
              <h3><img src="../../img/tuan8.jpg" alt=""></h3> 
              <p>大家一起做公益</p>
            </li>
          </ul>
        </div>
        <!-- 移动端样式 -->
        <div class="three_box p_hide">
          <div><img src="../../img/dui1.jpg" alt=""></div>
          <div><img src="../../img/dui2.jpg" alt=""></div>
          <div><img src="../../img/dui3.jpg" alt=""></div>
        </div>
        <div class="three_box p_hide">
          <div><img src="../../img/dui4.jpg" alt=""></div>
          <div><img src="../../img/dui5.jpg" alt=""></div>
          <div><img src="../../img/dui6.jpg" alt=""></div>
        </div>
      </div>
 
      <div id="anchor-2"></div>
      <div class="wrapper">
        <div class="content_title fadeInUp zoomIn animated" style="margin-bottom: 0.8rem;"><span>荣誉资质</span></div>
        <div class="m_bakcg">
          <div class="content honor">
            <ul class="honor_ul">
              <li class="h33">
                <h3><img src="../../img/zheng1.jpg" alt="" @mouseover="img_index = 1" @mouseout="img_index = 0" class="animated" :class="img_index == 1 ? 'tada' : ''"></h3>
                <span>高新技术企业</span>
              </li>
              <li>
                <h3 class="h33"><img src="../../img/zheng2.jpg" alt="" @mouseover="img_index = 2" @mouseout="img_index = 0" class="animated" :class="img_index == 2 ? 'tada' : ''"></h3>
                <span>软件企业认证</span>
              </li>
              <li>
                <h3 class="h33"><img src="../../img/zheng3.jpg" alt="" @mouseover="img_index = 3" @mouseout="img_index = 0" class="animated" :class="img_index == 3 ? 'tada' : ''"></h3>
                <span>软件产品认证</span>
              </li>
              <li>
                <h3 class="h33"><img src="../../img/zheng6.jpg" alt="" @mouseover="img_index = 4" @mouseout="img_index = 0" class="animated" :class="img_index == 4 ? 'tada' : ''"></h3>
                <span>霍尼韦尔合作伙伴</span>
              </li>
              <li>
                <h3 class="h33"><img src="../../img/zheng5.jpg" alt="" @mouseover="img_index = 5" @mouseout="img_index = 0" class="animated" :class="img_index == 5 ? 'tada' : ''"></h3>
                <span>优秀企业</span>
              </li>
              <li>
                <h3 class="h33"><img src="../../img/zheng9.jpg" alt="" @mouseover="img_index = 6" @mouseout="img_index = 0" class="animated" :class="img_index == 6 ? 'tada' : ''"></h3>
                <span>摩托罗拉合作伙伴</span>
              </li>
              <li>
                <h3 class="h33"><img src="../../img/zheng7.jpg" alt="" @mouseover="img_index = 7" @mouseout="img_index = 0" class="animated" :class="img_index == 7 ? 'tada' : ''"></h3>
                <span>Intermec合作伙伴</span>
              </li>
              <li>
                <h3 class="h33"><img src="../../img/zheng4.jpg" alt="" @mouseover="img_index = 8" @mouseout="img_index = 0" class="animated" :class="img_index == 8 ? 'tada' : ''"></h3>
                <span>优秀解决方案奖</span>
              </li>
              <li>
                <h3 class="h33"><img src="../../img/zheng8.jpg" alt="" @mouseover="img_index = 9" @mouseout="img_index = 0" class="animated" :class="img_index == 9 ? 'tada' : ''"></h3>
                <span>斑马合作伙伴</span>
              </li>
              <li>
                <h3 class="h33"><img src="../../img/zheng10.jpg" alt="" @mouseover="img_index = 10" @mouseout="img_index = 0" class="animated" :class="img_index == 10 ? 'tada' : ''"></h3>
                <span>仓库管理系统著作权</span>
              </li>
              <li>
                <h3 class="h33"><img src="../../img/zheng10.jpg" alt="" @mouseover="img_index = 11" @mouseout="img_index = 0" class="animated" :class="img_index == 11 ? 'tada' : ''"></h3>
                <span>制造执行系统著作权</span>
              </li>
              <li>
                <h3 class="h33"><img src="../../img/zheng10.jpg" alt="" @mouseover="img_index = 12" @mouseout="img_index = 0" class="animated" :class="img_index == 12 ? 'tada' : ''"></h3>
                <span>质量追溯系统著作权</span>
              </li>
              <li>
                <h3 class="h33"><img src="../../img/zheng10.jpg" alt="" @mouseover="img_index = 13" @mouseout="img_index = 0" class="animated" :class="img_index == 13 ? 'tada' : ''"></h3>
                <span>物流配送管理系统著作权</span>
              </li>
              <li>
                <h3 class="h33"><img src="../../img/zheng10.jpg" alt="" @mouseover="img_index = 14" @mouseout="img_index = 0" class="animated" :class="img_index == 14 ? 'tada' : ''"></h3>
                <span>经销商管理平台著作权</span>
              </li>
              <li>
                <h3 class="h33"><img src="../../img/zheng10.jpg" alt="" @mouseover="img_index = 15" @mouseout="img_index = 0" class="animated" :class="img_index == 15 ? 'tada' : ''"></h3>
                <span>生产线赋码系统著作权</span>
              </li>
              <li>
                <h3 class="h33"><img src="../../img/zheng11.jpg" alt="" @mouseover="img_index = 16" @mouseout="img_index = 0" class="animated" :class="img_index == 16 ? 'tada' : ''"></h3>
                <span>企业资源计划著作权</span>
              </li>
              <li>
                <h3 class="h33"><img src="../../img/zheng11.jpg" alt="" @mouseover="img_index = 17" @mouseout="img_index = 0" class="animated" :class="img_index == 17 ? 'tada' : ''"></h3>
                <span>商城系统著作权</span>
              </li>
              <li>
                <h3 class="h33"><img src="../../img/zheng11.jpg" alt="" @mouseover="img_index = 18" @mouseout="img_index = 0" class="animated" :class="img_index == 18 ? 'tada' : ''"></h3>
                <span>订单管理系统著作权</span>
              </li>
              <li>
                <h3 class="h33"><img src="../../img/zheng11.jpg" alt="" @mouseover="img_index = 19" @mouseout="img_index = 0" class="animated" :class="img_index == 19 ? 'tada' : ''"></h3>
                <span>客户关系管理系统著作权</span>
              </li>
            </ul>
          </div>
        </div>
 
        <div id="anchor-3"></div>
        <div class="content_title fadeInUp zoomIn animated"><span>联系明科</span></div>
        <div class="content contact">
          <ul class="contact_ul">
            <li style="flex: none;padding-right: 1.2rem;">
              <h3 class="p_txt"><img src="../../img/lian1.png" alt="" class="m_img" style="margin: -0.08rem 0.15rem 0 0;"><span>商务合作</span></h3>
              <p class="p_txt p_txt2" style="margin-top: 0.4rem;">service@minkesoft.com</p>
              <p class="p_txt p_txt2">www.minkesoft.com</p>
              <p class="p_txt p_txt2">400-189-1819</p>
            </li>
            <li class="p_li">
              <h3 class="p_txt"><img src="../../img/lian2.png" alt="" class="m_img" style="margin: -0.08rem 0.15rem 0 0;"><span>明科总部</span></h3>
              <p class="p_txt2" style="margin-top: 0.4rem;">北京市朝阳区建国路88号SOHO现代城2号楼29层</p>
            </li>
            <li class="p_li2">
              <h3 class="p_txt "><img src="../../img/lian2.png" alt="" class="m_img" style="margin: -0.08rem 0.15rem 0 0;"><span>明科分部</span></h3>
              <p class="p_txt2" style="margin-top: 0.4rem;">北京:通州区新华北街156号保利大都汇6-808</p>
              <p class="p_txt2">上海:闸北共和新路3088弄祥腾财富广场</p>
              <p class="p_txt2">武汉:汉阳区鹦鹉大道46号长江广场</p>
              <p class="p_txt2">成都:科园二路10号航利中心</p>
              <p class="p_txt2">西安:高新区科技路火炬大厦</p>
              <p class="p_txt2">沈阳:铁西区兴华街沈辽路万达广场C座</p>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</template>
 
<script>
export default {
    data() {
        return {
      img_index: 0,
      anchor: false
        }
    },
  watch: { //监听路由
    $route (to, from) {
      if (to.params.hash && to.params.hash !== 'null') {
        this.anchor = true
        this.get_anchor(to.params.hash)
      }
    }
  },
    methods: {
    //根据hash值跳转不同锚点
        get_anchor (hash) {
      if (this.anchor) {
        document.querySelector(hash).scrollIntoView(true)
      }
    }
  },
    mounted () {
    let hash = this.$route.params.hash
    if (hash && hash !== 'null') {
      this.anchor = true
      this.get_anchor(hash)
    }
    }
}
</script>
 
<style lang="less" scoped>
  @media (max-width: 750px) and (min-width: 0) {
    .p_txt2 {
      margin-left: 0.53rem;
    }
    .m_img {
      width: 0.35rem;
    }
    .m_bakcg {
      background-color: #F9F9F9;
      padding: 0.3rem 0;
    }
    .three_box {
      display: flex;
      padding: 0 0.3rem;
      div {
        flex: 1;
        padding-right: 0.15rem;
        padding-top: 0.15rem;
      }
      div:nth-child(3n) {
        padding-right: 0;
      }
    }
    .three_box:last-child {
      margin-bottom: 0.8rem;
    }
    .wrapper {
      width: 100%;
    }
    .content_title, .content, .content {
      width: 94%;
      margin: 0 auto;
    }
    .banner {
      width: 100%;
      background: url(../../img/aboutBanner.jpg) no-repeat;
      background-size: 160% auto;
      min-height: 4rem;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .content {
      padding: 0 .1rem .3rem;
      p {
        font-size: .24rem;
        font-family:PingFang-SC-Regular;
        font-weight:400;
        color:rgba(62,62,62,1);
        line-height:0.35rem;
      }
    }
    .content_title {
      margin: 0.4rem auto !important;
    }
    .content_img {
      width: 100%;
      height: 2.42rem;
      margin: .4rem 0;
      background: #F1F1F1;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .content:nth-child(3) {
      height: auto;
      p {
        font-size: 0.24rem;
        margin-bottom: .3rem; 
      }
    }
    .three {
      background: #F1F1F1;
      width: 100%;
      height: auto;
      padding-top: 0.3rem;
      margin-bottom: 0.7rem;
 
      .goods_ul {
        width: 100%;
        height: 4.8rem;
        box-sizing: border-box;
        padding: .3rem 0;
        display: flex;
        justify-content: center;
        align-items: center;
 
        li {
          flex: 1;
          padding-right: 0.3rem;
          h3 {
            text-align: center;
            img {
              width: 1.48rem;
              height: 1.52rem;
            }
          }
        }
        li:first-child {
          margin-top: -0.3rem;
        }
        li:last-child {
          padding-right: 0;
        }
        li > div {
          padding: 0 .2rem;
        }
        h2 {
          margin: 0;
          font-size: .26rem;
          font-family:PingFang-SC-Bold;
          font-weight:bold;
          margin: .2rem 0;
          text-align: center;
        }
      }
    }
    .vision {
      width: 94%;
      height: auto;
      p {
        font-size:0.28rem;
        font-family:PingFang-SC-Bold;
        font-weight:bold;
        color:rgba(0,161,225,1);
        line-height:0.43rem;
        text-align: center;
        margin-bottom: 0.46rem;
      }
      .contentimg {
        img {
          width: 100%;
          height: 100%;
        }
      }
    }
    .enterprise {
      width: 100%;
      box-sizing: border-box;
      background: #f9f9f9;
      padding: .4rem 0;
      display: flex;
      justify-content: center;
      align-items: center;
 
      .culture_ul {
        display: flex;
        height: auto;
        li {
          flex: 1;
          p {
            width: auto;
            font-size: 0.24rem;
            line-height: 0.35rem;
          }
        }
      }
      li > div {
        padding: 0 .2rem;
        h3 {
          img {
            width: 1.23rem;
          }
        }
      }
      h2 {
        margin: 0;
        font-size: .26rem;
        font-family:PingFang-SC-Bold;
        font-weight:bold;
        margin: .2rem 0;
      }
    }
    .teamBuilding {
      height: 2.6rem;
      overflow: hidden;
      h2 {
        display: none;
      }
      .teamBuilding_ul {
        width: 100%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        li {
          display: inline-block;
          width: 33%;
          padding: .1rem;
          h3 {
            width: 100%;
            height: 1.3rem;
          }
          p {
            display: none;
          }
        }
      }
    }
    .teamBuilding:nth-child(2) {
      display: none;
    }
    .honor_ul {
      width: 100%;
      height: auto;
      display: flex;
      flex-wrap: wrap;
      li {
        width: 50%;
        height: auto;
        padding: .2rem 0.1rem;
        flex-wrap: wrap;
        h3 {
          width: 100%;
          text-align: center;
        }
        span {
          display: none;
        }
      }
    }
    .contact_ul {
      width: 98%;
      height: auto;
      margin: 0 auto;
      box-shadow: 0 0 0.38rem 0 rgba(79,78,80,0.15);
      padding: .4rem;
      li {
        padding-bottom: .4rem;
        span {
          font-size: .28rem;
        }
      }
      li:last-child {
        border: none;
        margin: 0;
      }
    }
  }
  @media (min-width: 751px) {
    .hover2 {
      cursor: pointer;
      transform: scale(1.2);
      z-index: 99999;
    }
    .p_li {
      padding: 0px 1.1rem 0px 0.5rem;
      flex: none;
    }
    .p_li2 {
      padding-left: 0.4rem;
    }
    .p_txt {
      text-align: center;
    }
    .banner {
      background: url(../../img/aboutBanner.jpg) no-repeat center center;
      background-size: cover;
      min-height: 5.65rem;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .introduction {
      .content:nth-child(2) {
        display: flex;
 
        .goods_ul {
          flex: 1;
        }
        p {
          flex: 1;
          margin-right: .4rem;
          line-height: 0.25rem;
          font-size: 0.16rem;
          width: 1.7rem;
          margin: 0 auto;
        }
        .content_img {
          flex: 1;
          background: #F1F1F1;
          display: flex;
          justify-content: center;
          align-items: center;
          margin-left: 0.2rem;
        }
        h2 {
          margin: 0.2rem auto 0.1rem;
          display: inline-block;
          border-bottom: 0.02rem solid;
        }
      }
      .content:nth-child(3) {
        width: 100%;
        height: auto;
        padding: .6rem 0;
        div:first-child {
          float: right;
          p {
            line-height: 0.25rem;
            font-size: 0.16rem; 
            flex:1;
          }
        }
        div {
          width: 48%;
        }
      }
    }
    .content_title {
      margin: 1rem 0;
    }
    .vision {
      display: flex;
      p {
        padding: 0.73rem 1.2rem 0 0;
        font-size: 0.2rem;
        font-weight: bold;
        color: #00A1E1;
        flex: 1;
        line-height: 0.31rem;
      }
    }
    .content_ul {
      li > h2 {
        margin: 0.38rem 0 0.18rem;
      }
    }   
    .teamBuilding {
      h2 {
        overflow: hidden;
        span {
          font-size: 0.22rem;
          // font-family: MicrosoftYaHei;
          color:#3B3B3C;
          position: relative;
          display: block;
          width: 100%;
        }
        span::after {
          content: '';
          position: absolute;
          top:50%;
          width: 77%;
          height: 1.1px;
          background: #BFBFBF;
          right: -0.16rem;
        }
      }
      .teamBuilding_ul {
        display: flex;
        margin-top: 0.39rem;
        li {
          flex:1;
          float: left;
          text-align: center;
          h3 {
            img {
              height: 1.45rem;
              width: 94%;
              margin: 0 auto;
              display: inline-block;
            }
          }
          p {
            font-size:0.16rem;
            color:#3B3B3C;
            margin-top: 0.2rem;
            padding: 0 0.3rem;
          }
        }
      }
    }
    .contact_ul {
      display: flex;
      margin-bottom: 0.6rem;
      li {
        flex: 1;
        position: relative;
        h3 {
          i {
            height: 0.28rem;
            width: 0.28rem;
            background:chocolate;
            display: inline-block;
            vertical-align: bottom;
            margin-right: 0.15rem;
          }
          span {
            font-size: 0.24rem;
            color: #666;
          }
        }
        p {
          margin-top: 0.1rem;
          color: #3B3B3C;
          font-size:0.16rem;
          font-weight: bold;
          line-height: 0.26rem;
        }
      }
      li::before {
        content:'';
        display: inline-block;
        height: 1.19rem;
        width: 1px;
        background: #BFBFBF;
        position: absolute;
        right: 7%;
      }
      li:last-child::before {
        display: none;
      }
    }
    .goods_ul {
      li {
        float: left;
        margin: 0 3%;
        width: 27.3%;
        text-align: center;
 
        h2 {
          margin: 0.2rem 0 0.13rem;
          font-size: 0.22rem;
          color:#3A3A3C;
        }
      }
    }
 
    .wrapper .teamBuilding:last-child {
      margin-top: 0.77rem;
    }
 
    .honor_ul {
      display: flex;
      flex-wrap: wrap;
      li {
        text-align: center;
        width: 25%;
        margin-bottom: .3rem;
            
        //线上测试失效
        // &:hover .h33 { 
        //     .animated;
        //     .tada;
        // }
        span {
          display: inline-block;
          background: #F9F9F9;
          opacity: 0.56;
          width: 2rem;
          padding: 0.1rem 0;
          color: #3B3B3C;
          border: 0.01rem solid gainsboro;
        }
        h3 {
          width: 2rem;
          border: 0.02rem solid #F9F9F9;
          margin: 0 auto;
          padding: 0.1rem 0 0.06rem;
 
          img {
            height: 1.3rem;
            margin: 0 auto;
            display: inline-block; 
          }
        }
      }
    }
  }
  .culture_ul {
    height: 2.5rem;
    li {
      float: left;
      margin: 0 3%;
      width: 27.3%;
      text-align: center;
      h2 > a {
        border-bottom: 1px solid #303030;
      }
    }
    p {
      color: #3B3B3C;
      font-size: 0.18rem;
      line-height: 0.25rem;
      width: 2.52rem;
      margin: 0 auto;
    }
  }
</style>