Merge branch 'master-500-dev-lushangqing' into 'master-500-dev'

【无】公司网站-样式修改,首页图片，移动端 #2



See merge request !1054

@@ -2417,9 +2417,17 @@ blockquote:before {
     z-index: -1;
     z-index: -1;
     background: url('../img/index/step-route.jpg');
     background: url('../img/index/step-route.jpg');
     background-size: cover;
     background-size: cover;
+    display: none;
+}
+.route-section{
+    /*height: calc(100vh);*/
+    position: relative;
+}
+.route-con,.step-route-bg-sm{
+    display: none;
 }
 }
 .route-title{
 .route-title{
-    color:#ffffff;
+    /*color:#ffffff;*/
 }
 }
 .step-route-item{
 .step-route-item{
     font-size: 18px;
     font-size: 18px;
@@ -2586,6 +2594,9 @@ blockquote:before {
     background-repeat: no-repeat;
     background-repeat: no-repeat;
     background-position: center;
     background-position: center;
 }
 }
+.culturalValues-bg-sm{
+    display: none;
+}
 .all-height{
 .all-height{
     height:calc(100vh);
     height:calc(100vh);
 }
 }
@@ -2881,9 +2892,22 @@ blockquote:before {
     align-items: center;
     align-items: center;
 }
 }
 /*lsq 加入我们样式调整*/
 /*lsq 加入我们样式调整*/
-.title-style.color-white,.title-intro.color-white{
+.title-style.color-white{
     color:#fff;
     color:#fff;
 }
 }
+.about-content-intro{
+    display: none;
+}
+.about-intro-title{
+    font-weight: bold;
+}
+.about-intro{
+    tab-index: 36px;
+}
+.about-intro .about-intro-img{
+    text-align: center;
+}
+
 .concat-concat .title-style{
 .concat-concat .title-style{
     font-size:42px;
     font-size:42px;
 }
 }
@@ -3579,14 +3603,15 @@ blockquote:before {
     background-size:cover !important;
     background-size:cover !important;
 }
 }
 .about-content-intro .title-style{
 .about-content-intro .title-style{
-    color:#e43730;
+    /*color:#e43730;*/
+    color:#333;
     padding-top:140px;
     padding-top:140px;
 }
 }
 .about-container{
 .about-container{
     height:100%;
     height:100%;
 }
 }
 .about-content .title-style{
 .about-content .title-style{
-    display: none;
+    padding-top:50px;
 }
 }
 .office-info li a{
 .office-info li a{
     color:#FFFFFF;
     color:#FFFFFF;
@@ -3594,21 +3619,7 @@ blockquote:before {
 .office-info li a:hover{
 .office-info li a:hover{
     color:#e43730;
     color:#e43730;
 }
 }
-@media (min-width: 992px){
-    .about-content .title-style{
-        padding-top:180px;
-    }
-}
-@media (min-width: 1200px){
-    .about-content .title-style{
-        padding-top:160px;
-    }
-}
-@media (min-width: 1400px){
-    .about-content .title-style{
-        padding-top:140px;
-    }
-}
+
 @media only screen and (max-width:1200px){
 @media only screen and (max-width:1200px){
     .info-character.info-characterP{
     .info-character.info-characterP{
         padding:15px;
         padding:15px;
@@ -3914,7 +3925,10 @@ blockquote:before {
 
 
     }
     }
     .culturalValues-bg{
     .culturalValues-bg{
-        background-image: url("../img/about/cultural-img-sm.png");
+        display: none;
+    }
+    .culturalValues-bg-sm{
+        display: block;
     }
     }
     .about-concat-bg{
     .about-concat-bg{
         background-image: url("../img/about/about-concat-bg-sm.png");
         background-image: url("../img/about/about-concat-bg-sm.png");
@@ -3994,6 +4008,25 @@ blockquote:before {
     }
     }
 }
 }
 @media only screen and (max-width: 768px){
 @media only screen and (max-width: 768px){
+    .about-concat{
+        margin-top: 0;
+        top:0;
+    }
+    .about-content-intro{
+        display: block;
+    }
+    .about-content-intro .mb-35{
+        margin-bottom: 20px;
+    }
+    .step-route-bg-sm{
+        display: block;
+    }
+    .step-route-bg,.know-intro-bg,.about-process-container{
+        display: none;
+    }
+    .rmb-50{
+        margin-bottom: 20px;
+    }
     .principle-con{
     .principle-con{
         align-items: flex-start;
         align-items: flex-start;
     }
     }
@@ -4006,7 +4039,9 @@ blockquote:before {
     }
     }
     .wrap section{
     .wrap section{
         height: auto;
         height: auto;
-        min-height: 500px;
+    }
+    .wrap section:nth-child(1),.wrap section:nth-child(3),.wrap section:nth-child(5){
+        min-height: 400px;
     }
     }
     .footer-widget{
     .footer-widget{
         text-align: center;
         text-align: center;
@@ -4023,11 +4058,8 @@ blockquote:before {
     .about-concat-con{
     .about-concat-con{
         padding-bottom: 20px;
         padding-bottom: 20px;
     }
     }
-    .culturalValues-container .pt-60{
-        padding-top:30px;
-    }
-    .partner-section{
-        padding-top:60px;
+    .culturalValues-container .pt-60,.partner-section{
+        padding-top:0;
     }
     }
     .about-content-intro .title-style{
     .about-content-intro .title-style{
         padding-top:30px;
         padding-top:30px;

+export function introDatas() {
+    let res = [
+        {
+            img:'assets/img/about/intro-1.jpg',
+            title:'',
+            intro:'北京鸿果科技公司于2014年成立，位于中关村核心区域，致力于提供“4S”（Software-软件，Service-服务，Solution-解决方案，Sale-销售）信息化解决方案。公司专注于软件解决方案和整体服务交付，已成为政府、央企等重要行业“IT智能监控”+“数字化业务智能监控”领域的领先者。'
+        },
+        {
+            img:'',
+            title:'精研“AI+大数据”软件产品线',
+            intro:'北京鸿果科技拥有自主研发力量和“政府”行业服务交付经验，率先把握“互联网+智能化AI+行业场景应用”的变革时机，充分发挥AI时代的业务大数据处理能力，运用智能化、运维大数据思维，引入AI算法+大数据+行业场景化对业务的深度应用，共同打造AI+大数据生态圈以及可落地的解决方案。'
+        },
+        {
+            img:'',
+            title:'北京总部和西安技术中心',
+            intro:'目前在北京、西安拥有技术研发团队和服务基地，组建了专业的智能监控和软件服务团队，为公司带来专业化的研发和服务能力。'
+        },
+        {
+            img:'assets/img/about/intro-2.png',
+            title:'专业服务与高客户满意度',
+            intro:'公司高度重视客户服务工作，以“高客户满意度”为经营宗旨，践行AI+大数据体系强落地能力，同时具备完整的一线、二线技术支持体系，可覆盖全国营销和售后服务网络，使北京鸿果科技能够为政府及更多重大行业的用户提供全方位、专业化的自研软件产品及端到端的优质服务。'
+        }
+    ]
+    return res;
+}
 export function culturalValuesDatas() {
 export function culturalValuesDatas() {
     let res = [
     let res = [
         {
         {

@@ -21,6 +21,13 @@
                         <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="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>
             </div>
 <!--            <div class="know-intro"></div>-->
 <!--            <div class="know-intro"></div>-->
@@ -64,6 +71,9 @@
                 </div>-->
                 </div>-->
             </div>
             </div>
             <div class="culturalValues-bg wow customFadeInRight delay-0-1s slow"></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">
             <div class="shape shapeAnimationOne l-10 t-0">
                 <img src="assets/img/shapes/shape3.png" alt="Shape">
                 <img src="assets/img/shapes/shape3.png" alt="Shape">

 import pageInit from "../../minixs/pageInit.js";
 import pageInit from "../../minixs/pageInit.js";
-import {culturalValuesDatas,culturalDatas,imgsDatas} from  "../../../../assets/img/data/aboutData.js";
+import {culturalValuesDatas,culturalDatas,imgsDatas,introDatas} from  "../../../../assets/img/data/aboutData.js";
 export default {
 export default {
     name: 'home',
     name: 'home',
     template: '',
     template: '',
@@ -10,7 +10,7 @@ export default {
         const {proxy} = Vue.getCurrentInstance();
         const {proxy} = Vue.getCurrentInstance();
         let culturalValuesData=Vue.ref(culturalValuesDatas());
         let culturalValuesData=Vue.ref(culturalValuesDatas());
         let culturalData=Vue.ref(culturalDatas());
         let culturalData=Vue.ref(culturalDatas());
-
+        let introData=Vue.ref(introDatas());
         var imgs = Vue.ref(imgsDatas());
         var imgs = Vue.ref(imgsDatas());
         let flag =Vue.ref(true);
         let flag =Vue.ref(true);
         let i=Vue.ref(0);
         let i=Vue.ref(0);
@@ -165,7 +165,8 @@ export default {
             startX,
             startX,
             startY,
             startY,
             endX,
             endX,
-            endY
+            endY,
+            introData
         }
         }
 
 
     }
     }

@@ -110,7 +110,7 @@
 
 
     </div>
     </div>
 </section>
 </section>
-<section class="about-section rel pt-60 pb-70">
+<section class="about-section rel pt-60">
     <div class="container">
     <div class="container">
         <div class="row align-items-center">
         <div class="row align-items-center">
             <div class="col-lg-12">
             <div class="col-lg-12">
@@ -121,7 +121,7 @@
                 </div>
                 </div>
             </div>
             </div>
         </div>
         </div>
-        <div class="color-white">
+        <div class="color-white route-con">
             <div :class="['step-route-item',{'step-route-item-active':stepActive==index}]" v-for="(item,index) in stepRoute" @mouseenter="showHover(index)" @mouseleave="hideHover">
             <div :class="['step-route-item',{'step-route-item-active':stepActive==index}]" v-for="(item,index) in stepRoute" @mouseenter="showHover(index)" @mouseleave="hideHover">
                 {{item}}
                 {{item}}
             </div>
             </div>
@@ -135,7 +135,15 @@
         <img src="assets/img/shapes/shape2.png" alt="Shape">
         <img src="assets/img/shapes/shape2.png" alt="Shape">
     </div>
     </div>
 </section>
 </section>
+<section class="about-section route-section">
+    <div class="step-route-bg">
+        <img src="assets/img/index/step-route-bg.jpg" alt="">
+    </div>
+    <div class="step-route-bg-sm">
+        <img src="assets/img/index/step-route-bg-sm.jpg" alt="">
+    </div>
 
 
+</section>
 <section class="team-section rel pt-80 pb-80">
 <section class="team-section rel pt-80 pb-80">
     <div class="container">
     <div class="container">
         <div class="mb-35 pr-65  align-items-center flex-column-center">
         <div class="mb-35 pr-65  align-items-center flex-column-center">