【无】公司网站-样式修改 #3

@@ -3572,8 +3572,32 @@ blockquote:before {
         padding-top:10px;
     }
 }
+.recruit-Hot-xl{
+    display:none;
+    margin-bottom: 20px;
+}
+
 /*992以下的一些样式*/
 @media only screen and (max-width: 991px){
+    .recruit-Hot-lg{
+        display:none;
+    }
+    .recruit-Hot-xl{
+        display:block;
+    }
+    .w-70{
+        width: calc(100%) !important;
+    }
+    .m-1em{
+        display: flex;
+        flex-wrap: wrap;
+    }
+    .m-1em li{
+        margin-right:10px;
+    }
+    .hot-recruit-box .hotList>a{
+        text-decoration: underline;
+    }
     .home-banner-section{
         padding-top: 0;
     }
@@ -3596,7 +3620,10 @@ blockquote:before {
         padding:50px;
     }
     .func-bottom-intro{
-        padding:0;
+        padding:0 15px;
+    }
+    .funcIntro-span{
+        padding-right:20px;
     }
     .app-bg,.alarm-system{
         margin-bottom: 20px;
@@ -3607,4 +3634,99 @@ blockquote:before {
     .concat-concat{
         padding:20px;
     }
+    .principle-item{
+        padding:15px;
+    }
+    .owl-item-content{
+        width:100%;
+        left:0;
+        padding:15px;
+    }
+    .func-symbol{
+        font-size: 70px;
+    }
+    .count-text{
+        /*原48px*/
+        font-size: 30px;
+    }
+    .success-box i{
+        /*原40px*/
+        font-size:26px;
+        margin-right:0;
+    }
+    .app-advantage-style{
+        padding-top:30px;
+    }
+    .maintenance-advantage-num{
+        font-size: 60px;
+        padding:30px 0;
+    }
+    .info-character.col-md-3{
+        max-width:25%;
+    }
+    .row-top{
+        flex:1;
+        padding:15px;
+    }
+    .value-char{
+        flex-flow: column;
+        align-items: flex-start;
+    }
+
+    .font-size-42,.title-style-top,.page-title,.concat-concat .title-style{
+        /*原42px*/
+        font-size: 28px;
+    }
+    .title-style,.product-title,.func-bottom-title{
+        /*原36px*/
+        font-size: 26px;
+    }
+    .info-title{
+        /*原30px*/
+        font-size: 24px;
+    }
+    .principle-item-title,.compatible-item .title-style,.concat-title,.intro-title{
+        /*原28px*/
+        font-size: 22px;
+    }
+    .concat-btn,.font-size-24,.cloud-c-title,.app-title,.advantage-title-Aview{
+        /*原24px*/
+        font-size: 20px;
+    }
+    .title-intro-top,.product-intro-li,.count-wrap p,.func-top-item,.info-container h4,.con-title-21{
+        /*原21px*/
+        font-size: 18px;
+    }
+    .title-intro,.product-intro,.concat-intro,.list-style-li,.func-bottom-intro,.info-app-intro,.advantage-intro-Aview{
+        /*原18px*/ /*原16px*/
+        font-size: 14px;
+    }
+    .pd-40{
+        padding:10px;
+    }
+    .func-bottom-title{
+        flex-flow: column;
+    }
+    .func-top-item{
+        max-width: 33.3%;
+        padding:0 5px;
+    }
+    .func-top{
+        flex:1;
+        margin: 0;
+    }
+    .num-icon{
+        width:20px;
+        height:20px;
+    }
+    .wrap section.pt-135{
+        padding-top:20px;
+    }
+    .flaticon-section .col-md-6{
+        max-width: 50%;
+        padding:30px 0 0;
+    }
+    .video-section{
+        padding-top:50px;
+    }
 }

@@ -196,7 +196,7 @@
         </div>
         <!--Copyright-->
         <div class="footer-bottom">
-            <div class="copyright">北京鸿果秋实科技有限公司@2016-2022.com版权所有
+            <div class="copyright">北京鸿果秋实科技有限公司
                 <a class="copyright-a" href="https://beian.miit.gov.cn/">
                     京ICP备16044493号-1
                 </a>

@@ -72,7 +72,7 @@
                 <img src="assets/img/shapes/shape1.png" alt="Shape">
             </div>
         </section>
-        <section class="success-section pt-135 pb-20">
+        <section class="success-section flaticon-section pt-135 pb-20">
             <div class="container">
                 <div class="row">
                     <div class="col-lg-3 col-md-6">

@@ -101,7 +101,7 @@
             </div>
         </div>
         <div class="row pt-60  pb-30 kpi-row" v-if="item.dataKpi && item.dataKpi.length>0">
-            <div class="col-2 kpi-item" v-for="itemK in item.dataKpi">
+            <div class="col-md-2 kpi-item" v-for="itemK in item.dataKpi">
                 <div class="kpi-con">{{itemK}}</div>
             </div>
         </div>

@@ -13,7 +13,20 @@
     </div>
     <div class="container clearfix recruit-container"  >
 <!--        <div style="margin: 0 auto;" class="clearfix">-->
-            <div :class="['mr-10', 'bg-white border',  'p-10', {'recruit-width':recruitHot.data && recruitHot.data.length<=1,'w-70 float-left':recruitHot.data && recruitHot.data.length>1}]">
+        <div class="bg-white border p-10 recruit-Hot-xl" v-if="recruitHot.data && recruitHot.data.length>1">
+            <div class="hot-recruit-box">
+                <div class="header">
+                    <i></i>
+                    <span class="font-size-18">{{recruitHot.head}}</span>
+                </div>
+                <ul class="m-1em">
+                    <li class="mt-25 hotList" v-for="(item,index) in recruitHot.data">
+                        <router-link :to=`/concat/recruit/${item.url}`>{{item.text}}</router-link>
+                    </li>
+                </ul>
+            </div>
+        </div>
+        <div :class="['mr-10', 'bg-white border',  'p-10', {'recruit-width':recruitHot.data && recruitHot.data.length<=1,'w-70 float-left':recruitHot.data && recruitHot.data.length>1}]">
                 <div class="recruit-box">
                     <div class="header">
                         <i></i>
@@ -50,7 +63,7 @@
 <!--                    <span class="btn btn-danger mt-25 mb-25 ml-15 d-inline-block min-width-100">现在申请</span>-->
                 </div>
             </div>
-            <div class="bg-white border float-left p-10 w-30" v-if="recruitHot.data && recruitHot.data.length>1">
+            <div class="bg-white border float-left p-10 w-30 recruit-Hot-lg" v-if="recruitHot.data && recruitHot.data.length>1">
                 <div class="hot-recruit-box">
                     <div class="header">
                         <i></i>