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

@@ -2290,7 +2290,7 @@ blockquote:before {
     height: 100%;
 }
 .tab-item-li{
-    margin-right:80px;
+    margin-right:55px;
 }
 @media (min-width: 992px){
     .intro-tab-container{
@@ -2372,6 +2372,9 @@ blockquote:before {
     .container {
         max-width: 1380px;
     }
+    .tab-item-li{
+        margin-right:80px;
+    }
 }
 .title-style-top{
     font-size: 42px;
@@ -3604,8 +3607,79 @@ blockquote:before {
 .hzlc-sm{
     display: none;
 }
+@media only screen and (max-width: 1400px){
+    .intro-tab-scroll{
+        transform: translateY(75px);
+    }
+}
+@media only screen and (max-width: 1200px){
+    .Aview .tab-item-li {
+        margin-right: 40px;
+    }
+
+    .dataAbility-con{
+        margin-top:60px;
+        flex-flow: column;
+        max-height: inherit;
+        flex:none;
+    }
+    .dataAbility-bg{
+        /*background-image: url("../img/serviceSecond/Aview/ability-bg-sm.png");*/
+        background-image: none;
+    }
+    .dataAbility-bg-logo{
+        display: none;
+    }
+    .dataAbility-col{
+        max-width: 100%;
+    }
+    .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-item-intro-item{
+        min-height: auto;
+    }
+    .dataAbility-item-intro{
+        padding-top:10px;
+    }
+    .info-characterP .info-characterP-bg{
+        background-image:none;
+        background-color:#ffffff;
+        border-radius: 3px;
+    }
+    .info-characterP:hover .info-characterP-bg{
+        background-image:none;
+        background-color:#1E9FFF;
+        border-radius: 3px;
+    }
+    .tab-item-li{
+        margin-right:25px;
+    }
+    .func-bg img{
+        height: 100%;
+    }
+    .func-bottom-con-right{
+        height: 20px;
+    }
+
+}
 /*992以下的一些样式*/
 @media only screen and (max-width: 991px){
+    .dataAbility-con{
+        margin-top:20px;
+    }
+    .tab-item-li,.Aview .tab-item-li{
+        margin-right:30px;
+    }
     .hzlc-sm{
         display: block;
     }
@@ -3652,15 +3726,27 @@ blockquote:before {
     .info-character.info-characterP{
         padding:50px;
     }
+    .func-bottom{
+        margin:0;
+        padding-top:0;
+    }
     .func-bottom-intro{
         padding:0 15px;
         flex:1;
+        /*background: #d95447;*/
+    }
+    .func-bottom-title{
+        /*flex:1;*/
+        height:50%;
     }
     .func-l-p.func-bottom-intro{
         padding: 0;
     }
+    .func-bottom-con-right{
+        height:0;
+    }
     .func-l-1{
-        flex:inherit;
+        /*flex:inherit;*/
     }
     .funcIntro-span{
         padding-right:20px;
@@ -3682,10 +3768,6 @@ blockquote:before {
         left:0;
         padding:15px;
     }
-    .func-symbol{
-        font-size: 50px;
-        line-height: 20px;
-    }
     .count-text{
         /*原48px*/
         font-size: 30px;
@@ -3801,25 +3883,7 @@ blockquote:before {
         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;
     }
@@ -3829,12 +3893,11 @@ blockquote:before {
     .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;
@@ -3865,9 +3928,11 @@ blockquote:before {
         background-repeat: no-repeat;
         flex-flow: column;
     }
-    .func-bottom-title{
-        flex:1;
+    .func-symbol{
+        font-size: 50px;
+        line-height: 20px;
     }
+
     .funcIntro-span{
         padding-top:5px;
     }
@@ -3877,21 +3942,7 @@ blockquote:before {
     .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;
     }
@@ -3901,12 +3952,6 @@ blockquote:before {
     .info-container-system,.info-container-service{
         margin-bottom: 20px;
     }
-    .dataAbility-item-intro-item{
-        min-height: auto;
-    }
-    .dataAbility-item-intro{
-        padding-top:10px;
-    }
     .height-50{
         font-size: 14px;
     }

@@ -51,7 +51,7 @@
       <img :src="item.img" alt="">
     </div>
     <div class="row mt-60 dataAbility-con" v-if="item.dataAbility && item.dataAbility.length>0">
-      <div class="col-md-6 dataAbility-col" v-for="(itemD,indexD) in item.dataAbility">
+      <div class="col-lg-6 dataAbility-col" v-for="(itemD,indexD) in item.dataAbility">
         <div class="dataAbility-item">
           <div class="dataAbility-item-title">{{itemD.title}}</div>
           <div class="dataAbility-item-intro pt-20">