【无】公司网站-样式修改，移动端 #1

@@ -3390,6 +3390,7 @@ blockquote:before {
     display: flex;
     align-items: center;
     justify-content: space-between;
+    flex-wrap: wrap;
 }
 .lifeCycle-item:nth-child(2){
     padding: 30px;
@@ -3600,8 +3601,17 @@ blockquote:before {
 .home-bg-3{
     background: url(../img/index/3.png);
 }
+.hzlc-sm{
+    display: none;
+}
 /*992以下的一些样式*/
 @media only screen and (max-width: 991px){
+    .hzlc-sm{
+        display: block;
+    }
+    .hzlc{
+        display: none;
+    }
     .recruit-Hot-lg{
         display:none;
     }
@@ -3644,6 +3654,13 @@ blockquote:before {
     }
     .func-bottom-intro{
         padding:0 15px;
+        flex:1;
+    }
+    .func-l-p.func-bottom-intro{
+        padding: 0;
+    }
+    .func-l-1{
+        flex:inherit;
     }
     .funcIntro-span{
         padding-right:20px;
@@ -3666,7 +3683,8 @@ blockquote:before {
         padding:15px;
     }
     .func-symbol{
-        font-size: 70px;
+        font-size: 50px;
+        line-height: 20px;
     }
     .count-text{
         /*原48px*/
@@ -3736,7 +3754,8 @@ blockquote:before {
     }
     .func-top-item{
         max-width: 50%;
-        padding:0 5px;
+        padding:3px 5px;
+        text-align: center;
     }
     .func-top{
         flex:1;
@@ -3760,7 +3779,7 @@ blockquote:before {
         max-width: 33.3%;
     }
     .dataAbility-col{
-        max-width: 50%;
+        /*max-width: 50%;*/
     }
     .maintenance-title{
         padding-top:20px;
@@ -3771,12 +3790,123 @@ blockquote:before {
     .know-intro-bg{
         background-image: url("../img/about/know-intro-img-sm.png");
     }
+    .partner-img-bg{
+        background-image: url("../img/about/partner-bg-img-sm.png");
+
+    }
+    .culturalValues-bg{
+        background-image: url("../img/about/cultural-img-sm.png");
+    }
+    .about-concat-bg{
+        background-image: url("../img/about/about-concat-bg-sm.png");
+
+    }
+    .dataAbility-bg{
+        /*background-image: url("../img/serviceSecond/Aview/ability-bg-sm.png");*/
+        background-image: none;
+    }
+    .dataAbility-bg-logo{
+        display: none;
+    }
+    .info-characterP .info-characterP-bg{
+        /*background-image:url("../img/serviceSecond/Aview/characterP-bg-sm.png");*/
+        background-image:none;
+        background-color:#ffffff;
+        border-radius: 3px;
+    }
+    .info-characterP:hover .info-characterP-bg{
+        /*background-image:url("../img/serviceSecond/Aview/characterP-bg-active-sm.png");*/
+        background-image:none;
+        background-color:#1E9FFF;
+        border-radius: 3px;
+    }
+    .about-section .container{
+        flex:1;
+    }
     .about-content-intro .title-style{
         padding-top:30px;
     }
     .home-bg-1{
         background: url(../img/index/1-sm.png);
     }
+    .func-bottom{
+        margin:0;
+    }
+    .func-bg{
+        display: none;
+    }
+    .func-bg-1{
+        background-image: url("../img/serviceSecond/cmdb/func-1-sm.png");
+        background-size: cover;
+        background-repeat: no-repeat;
+        flex-flow: column;
+    }
+    .func-bg-2{
+        background-image: url("../img/serviceSecond/cmdb/func-2-sm.png");
+        background-size: cover;
+        background-repeat: no-repeat;
+        flex-flow: column;
+    }
+    .func-bg-3{
+        background-image: url("../img/serviceSecond/cmdb/func-3-sm.png");
+        background-size: cover;
+        background-repeat: no-repeat;
+        flex-flow: column;
+    }
+    .func-bg-4{
+        background-image: url("../img/serviceSecond/cmdb/func-4-sm.png");
+        background-size: cover;
+        background-repeat: no-repeat;
+        flex-flow: column;
+    }
+    .func-bg-5{
+        background-image: url("../img/serviceSecond/cmdb/func-5-sm.png");
+        background-size: cover;
+        background-repeat: no-repeat;
+        flex-flow: column;
+    }
+    .func-bottom-title{
+        flex:1;
+    }
+    .funcIntro-span{
+        padding-top:5px;
+    }
+    .dataAbility-bg-logo img{
+        max-width: 60px;
+    }
+    .logo-title{
+        display: none;
+    }
+    .dataAbility-col:nth-child(3) .dataAbility-item .dataAbility-item-intro-item:first-child{
+        max-width: 100%;
+    }
+    .dataAbility-col:nth-child(2n) .dataAbility-item{
+        margin-left:0;
+    }
+    .dataAbility-item{
+        padding: 15px;
+        background: #1E9FFF;
+        margin: 8px 0;
+        border-radius: 3px;
+    }
+    .dataAbility-con{
+        margin-top:20px;
+    }
+    .info-container-ability{
+        padding-top:20px;
+    }
+    .info-container-ability.all-height{
+        height:calc(100vh + 60px);
+    }
+    .info-container-system,.info-container-service{
+        margin-bottom: 20px;
+    }
+    .dataAbility-item-intro-item{
+        min-height: auto;
+    }
+    .dataAbility-item-intro{
+        padding-top:10px;
+    }
 }
 @media only screen and (max-width: 767px){
     .info-character.info-characterP{
@@ -3809,4 +3939,17 @@ blockquote:before {
     .row-bottom{
         /*display: none;*/
     }
+    .lifeCycle-item:nth-child(2) .lifeCycle-intro-item{
+        width:50%;
+    }
+    .hero-section{
+        padding-top:70px;
+    }
+    .main-header{
+        top:0;
+    }
+    .header-inner{
+        padding:0!important;
+    }
+
 }
\ No newline at end of file

@@ -720,27 +720,32 @@ export function cmdb() {
                     {
                         title:'数据模型管理',
                         introduction:'提供配置类别、配置项模型和配置关系的自定义。提供图形化界面定义CMDB的数据结构，包括CI类型、每个CI类型包含的属性、对应的CI状态取值、允许的关系类型、CI实例唯一性判断规则，定义每个CI属性字段的数据类型、合法性校验规则、数据调和规则。',
-                        img:'assets/img/serviceSecond/cmdb/func-1.png'
+                        img:'assets/img/serviceSecond/cmdb/func-1.png',
+                        imgSm:'assets/img/serviceSecond/cmdb/func-1.png'
                     },
                     {
                         title:'配置数据收集',
                         introduction:'提供企业级配置自动化发现模块，实现对IT环境中各类环境设施、IT基础架构、应用系统和业务服务信息的收集。 ',
-                        img:'assets/img/serviceSecond/cmdb/func-2.png'
+                        img:'assets/img/serviceSecond/cmdb/func-2.png',
+                        imgSm:'assets/img/serviceSecond/cmdb/func-2-sm.png'
                     },
                     {
                         title:'配置数据管理',
                         introduction:'采用非结构化数据库技术，完成对海量CMDB信息的管理，包括维护模型、配置项、关系映射的版本，对采集获取的管理对象数据进行模型化和实例化，并将配置项实例映射到应用服务和业务服务。',
-                        img:'assets/img/serviceSecond/cmdb/func-3.png'
+                        img:'assets/img/serviceSecond/cmdb/func-3.png',
+                        imgSm:'assets/img/serviceSecond/cmdb/func-3-sm.png'
                     },
                     {
                         title:'数据消费服务',
                         introduction:'提供可视化拓扑展现、报表、访问权限控制等功能。同时为外部运维场景消费CMDB中存储的各类资源配置数据提供标准Restful API接口。',
-                        img:'assets/img/serviceSecond/cmdb/func-4.png'
+                        img:'assets/img/serviceSecond/cmdb/func-4.png',
+                        imgSm:'assets/img/serviceSecond/cmdb/func-4-sm.png'
                     },
                     {
                         title:'关系可视化展现',
                         introduction:'提供从应用视角、网络环境视角、业务逻辑视角等可视化展现IT设备之间、IT设备和业务之间、业务和业务之间的关联关系，使IT管理人员对信息的理解和应用关联一目了然。',
-                        img:'assets/img/serviceSecond/cmdb/func-5.png'
+                        img:'assets/img/serviceSecond/cmdb/func-5.png',
+                        imgSm:'assets/img/serviceSecond/cmdb/func-5-sm.png'
                     }
                 ],
                 type:'func'

@@ -103,7 +103,7 @@ router.beforeEach(async (to, from, next) => {
     $('html, body').animate({
         scrollTop: 0
     }, 100);
-
+    $('.collapse').removeClass('show');
     next();
 })
 

@@ -191,7 +191,8 @@
                     </div>
                 </div>
                 <div class="about-process pt-60">
-                    <img src="assets/img/about/hzlc.png">
+                    <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">

@@ -64,9 +64,9 @@
           {{itemF.title}}
         </div>
       </div>
-      <div class="func-bottom row pt-30">
+      <div :class="'func-bottom row pt-30 func-bg-'+(funcActive+1)">
         <div class="col-lg-6 func-bottom-title"><span></span><span>{{funcTitle}}</span></div>
-        <div :class="['col-lg-6', 'func-bottom-intro','flex-column-center',{'func-l-p':funcActive==1}]">
+        <div :class="['col-lg-6', 'func-bottom-intro','flex-column-center',{'func-l-p':funcActive==1,'func-l-1':funcActive==0}]">
           <div class="func-bottom-con ">
             <span class="func-symbol">“</span>
             <span class="funcIntro-span">{{funcIntro}}</span>