【无】公司网站-样式修改,了解鸿果，移动端 #3

@@ -2813,6 +2813,9 @@ blockquote:before {
 .qualification-section .team-carousel .owl-nav button.owl-prev:hover,.qualification-section .team-carousel .owl-nav button.owl-next:hover{
 .qualification-section .team-carousel .owl-nav button.owl-prev:hover,.qualification-section .team-carousel .owl-nav button.owl-next:hover{
     box-shadow:0 1px 10px 8px rgba(0, 0, 0, 0.3) ;
     box-shadow:0 1px 10px 8px rgba(0, 0, 0, 0.3) ;
 }
 }
+.owl-carousel.owl-loaded.team-carousel-sm{
+    display: none;
+}
 .wrap{
 .wrap{
     overflow: hidden;
     overflow: hidden;
     height: calc(100vh);
     height: calc(100vh);
@@ -4008,6 +4011,46 @@ blockquote:before {
     }
     }
 }
 }
 @media only screen and (max-width: 768px){
 @media only screen and (max-width: 768px){
+    .owl-carousel.owl-loaded.team-carousel-sm{
+        display: block;
+    }
+    .owl-carousel.team-carousel-sm button.owl-dot{
+        background:#f3f5f8;
+        width: 30px;
+        height: 4px;
+        border-radius: 3px;
+        margin:0 6px;
+    }
+    .owl-carousel.team-carousel-sm button.owl-dot.active{
+        background:#e43730;
+    }
+    .qualification-bg,.owl-carousel.owl-loaded.team-carousel{
+        display: none;
+    }
+    .qualification-con{
+        left:0;
+    }
+    .qualification-section .owl-carousel .owl-item img{
+        max-height: 200px;
+    }
+    .qualification-con .qualification-item .item-con{
+        border:none;
+    }
+    .qualification-con .qualification-item{
+        height: 300px;
+        padding:10px;
+        background:#f3f5f8;
+        flex-flow: column;
+        justify-content: center;
+        opacity: .6;
+    }
+    .owl-carousel.team-carousel-sm .owl-item.active.center .qualification-item{
+        opacity: 1;
+    }
+    .qualification-con .qualification-item .item-name{
+        padding-top:10px;
+        font-size: 12px;
+    }
     .about-concat{
     .about-concat{
         margin-top: 0;
         margin-top: 0;
         top:0;
         top:0;
@@ -4061,6 +4104,9 @@ blockquote:before {
     .culturalValues-container .pt-60,.partner-section{
     .culturalValues-container .pt-60,.partner-section{
         padding-top:0;
         padding-top:0;
     }
     }
+    .partner-section,.qualification-section{
+        padding-bottom: 20px;
+    }
     .about-content-intro .title-style{
     .about-content-intro .title-style{
         padding-top:30px;
         padding-top:30px;
     }
     }

@@ -7,13 +7,13 @@ export function introDatas() {
         },
         },
         {
         {
             img:'',
             img:'',
-            title:'精研“AI+大数据”软件产品线',
-            intro:'北京鸿果科技拥有自主研发力量和“政府”行业服务交付经验，率先把握“互联网+智能化AI+行业场景应用”的变革时机，充分发挥AI时代的业务大数据处理能力，运用智能化、运维大数据思维，引入AI算法+大数据+行业场景化对业务的深度应用，共同打造AI+大数据生态圈以及可落地的解决方案。'
+            title:'北京总部和西安技术中心',
+            intro:'目前在北京、西安拥有技术研发团队和服务基地，组建了专业的智能监控和软件服务团队，为公司带来专业化的研发和服务能力。'
         },
         },
         {
         {
             img:'',
             img:'',
-            title:'北京总部和西安技术中心',
-            intro:'目前在北京、西安拥有技术研发团队和服务基地，组建了专业的智能监控和软件服务团队，为公司带来专业化的研发和服务能力。'
+            title:'精研“AI+大数据”软件产品线',
+            intro:'北京鸿果科技拥有自主研发力量和“政府”行业服务交付经验，率先把握“互联网+智能化AI+行业场景应用”的变革时机，充分发挥AI时代的业务大数据处理能力，运用智能化、运维大数据思维，引入AI算法+大数据+行业场景化对业务的深度应用，共同打造AI+大数据生态圈以及可落地的解决方案。'
         },
         },
         {
         {
             img:'assets/img/about/intro-2.png',
             img:'assets/img/about/intro-2.png',
@@ -66,24 +66,28 @@ export function culturalDatas() {
 }
 }
 export function imgsDatas() {
 export function imgsDatas() {
     let res = [{
     let res = [{
-        name:'质量管理体系认证证书',
+        name:'北京市“专精特新”中小企业',
         path:'assets/img/about/certificate/1.png'
         path:'assets/img/about/certificate/1.png'
     },{
     },{
-        name:'技术服务管理体系认证证书',
+        name:'信息技术服务标准符合性证书',
         path:'assets/img/about/certificate/2.png'
         path:'assets/img/about/certificate/2.png'
     },{
     },{
-        name:'连续性管理体系认证证书',
+        name:'软件成熟度认证',
         path:'assets/img/about/certificate/3.png'
         path:'assets/img/about/certificate/3.png'
     },{
     },{
-        name:'信息安全管理体系认证证书',
+        name:'信息安全服务资质认证证书',
         path:'assets/img/about/certificate/4.png'
         path:'assets/img/about/certificate/4.png'
     },{
     },{
+        name:'信息安全管理体系认证证书',
         path:'assets/img/about/certificate/5.png'
         path:'assets/img/about/certificate/5.png'
     },{
     },{
+        name:'业务连续性管理体系认证证书',
         path:'assets/img/about/certificate/6.png'
         path:'assets/img/about/certificate/6.png'
     },{
     },{
+        name:'信息技术服务管理体系认证证书',
         path:'assets/img/about/certificate/7.png'
         path:'assets/img/about/certificate/7.png'
     },{
     },{
+        name:'质量管理体系认证证书',
         path:'assets/img/about/certificate/8.png'
         path:'assets/img/about/certificate/8.png'
     }]
     }]
     return res;
     return res;

@@ -218,7 +218,39 @@ export default {
           }
           }
         });
         });
       }
       }
-
+      if ($('.team-carousel-sm').length) {
+        $('.team-carousel-sm').owlCarousel({
+          loop: true,
+          items: 2,
+          margin: 20,
+          center:true,
+          nav: false,
+          dots: true,
+          active: true,
+          dotsEach: 2,
+          smartSpeed: 1000,
+          // autoplay: 5000,
+          navText:'',
+          // navText: ['<span class="flaticon-left-arrow"></span>', '<span class="flaticon-right-arrow"></span>'],
+          /*responsive: {
+            0: {
+              items: 3,
+            },
+            575: {
+              items: 3,
+            },
+            768: {
+              items: 3,
+            },
+            992: {
+              items: 3,
+            },
+            1200: {
+              items: 3,
+            }
+          }*/
+        });
+      }
 
 
       // Scroll to a Specific Div
       // Scroll to a Specific Div
       if ($('.scroll-to-target').length) {
       if ($('.scroll-to-target').length) {

@@ -21,7 +21,7 @@
                         <span class="title-style">公司简介</span>
                         <span class="title-style">公司简介</span>
                     </div>
                     </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="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="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 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="title-intro" v-if="itemI.intro">{{itemI.intro}}</div>
                         <div class="about-intro-img">
                         <div class="about-intro-img">
@@ -183,6 +183,17 @@
                     </div>
                     </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">
+                            {{item.name}}
+                        </div>
+                    </div>
+
+                </div>
             </div>
             </div>
             <div class="qualification-bg"></div>
             <div class="qualification-bg"></div>
             <div class="shape shapeAnimationFour l-10 t-100">
             <div class="shape shapeAnimationFour l-10 t-100">