响应式调整

about/index.html

@@ -82,27 +82,30 @@
         <!--====== HEADER START ======-->
         <header class="header-absolute sticky-header">
             <div class="custom-container-one">
-                <div class="mainmenu-area container d-flex align-items-center justify-content-center">
+                <div class="mainmenu-area  d-flex align-items-center justify-content-center">
                     <div class="logo">
                         <a href="/index.html"><img src="../assets/img/logo-white.png" alt="uskylogo"></a>
                     </div>
                     <div class="d-flex align-items-center ">
                         <nav class="main-menu">
-                           
+
                             <div class="menu-items">
-                                <ul v-if="columnList" >
-                                    <li  v-for="item in columnList" :key="item.id"  :class="
-                                    currentPath==item.sname? 'active':''" >
+                                <ul v-if="columnList">
+                                    <li v-for="item in columnList" :key="item.id" :class="
+                                    currentPath==item.sname? 'active':''">
                                         <a :href="`${item.sname}?id=${item.id}&isUrlId=0`">{{item.categoryName}}</a>
-                                        <ul class="submenu" >
-                                            <li v-if="item.children" v-for="aa in item.children" :key="aa.id"><a :href="`${item.sname}?id=${aa.id}&isUrlId=1`"> <span style="font-weight:bold;margin-right:10px">·</span>   {{aa.sname}}</a></li>
+                                        <ul class="submenu">
+                                            <li v-if="item.children" v-for="aa in item.children" :key="aa.id"><a
+                                                    :href="`${item.sname}?id=${aa.id}&isUrlId=1`"> <span
+                                                        style="font-weight:bold;margin-right:10px">·</span>
+                                                    {{aa.sname}}</a></li>
                                         </ul>
                                     </li>
-                                  
+
                                 </ul>
                             </div>
                         </nav>
-                        <div class="apply-expre" v-if="columnList.length>0" @click="centerDialogVisible=true" >申请体验</div>
+                        <div class="apply-expre" v-if="columnList.length>0" @click="centerDialogVisible=true">申请体验</div>
                     </div>
                 </div>
                 <div>
@@ -122,27 +125,40 @@
             <section class="about-introduce-section course-section pt-40 pb-60 about-sec"  v-for="(arr,index) in articalArray" :style="{background:(index % 2 == 1?'#F4F8FD':'#fff')}">
                 <div :id="arr.sortindex"  class="pointOffset" >0</div>
                 <div class="container">
-                    <ul  class="aboutTyes" v-if="index==0" >
-                        <li v-for="item in articalArray" :key="item.id"><a :href="`#${item.lmtitle}`">{{item.title}}</a></li>
-    
-                    </ul>
-                    <div class="section-title text-center both-border pb-20">
-                        <span class="title-tag">{{arr.title}}</span>
-                    </div>
+                    <div class="row">
+                        <div class="col-md-2 col-sm-12 text-center">
+                            <ul  class="aboutTyes" v-if="index==0" >
+                                <li v-for="item in articalArray" :key="item.id"><a :href="`#${item.lmtitle}`">{{item.title}}</a></li>
+            
+                            </ul>
 
-                    <!-- 图文混排 -->
-                    <div class="row" v-if="arr.image"  :style="{padding:(index % 2 == 1?'40px 25px':' 40px 25px')}"   style="background-color: #ffff;    box-shadow: 0px 10px 20px 10px rgb(179 202 216 / 20%)">
-                        <div class="col-md-7 pr-40 aboutImg ">
-                            <img :src="arr.image" alt="">
-                        </div>
-                        <div class="col-md-5"  v-html="arr.content">
                         </div>
-                    </div>
-                    <!-- 只有富文本 -->
-                    <div class=""  v-else :style="{padding:(index % 2 == 1?'40px':'0 ')}"   style="background-color: #ffff;">
-                        <div class=" about-text-image"  v-html="arr.content"  >
+                        <div class="col-md-10 col-sm-12">
+                            <div class="section-title text-center both-border pb-20">
+                                <span class="title-tag">{{arr.title}}</span>
+                            </div>
+
+                             <!-- 图文混排 -->
+                            <div class="row" v-if="arr.image"  :style="{padding:(index % 2 == 1?'40px 25px':' 40px 25px')}"   style="background-color: #ffff;    box-shadow: 0px 10px 20px 10px rgb(179 202 216 / 20%)">
+                                <div class="col-md-7  pr-40 aboutImg ">
+                                    <img :src="arr.image" alt="">
+                                </div>
+                                <div class="col-md-5"  v-html="arr.content">
+                                </div>
+                            </div>
+                            <!-- 只有富文本 -->
+                            <div class=""  v-else :style="{padding:(index % 2 == 1?'40px':'0 ')}"   style="background-color: #ffff;">
+                                <div class=" about-text-image"  v-html="arr.content"  >
+                                </div>
+                            </div>
+
+                            
                         </div>
                     </div>
+                    
+                    
+
+                   
 
                     
 
@@ -219,6 +235,7 @@
     <!-- <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=iXlsFGT8ySqgKzSZtjzSvLMpF0OxuCXS&servic
 es=true"></script> -->
 
+
 </body>
 
 </html>

assets/css/style.css

@@ -766,7 +766,7 @@
             }
             .mainmenu-area  .logo{
                 position:absolute;
-                left:-60px;
+                left:10%;
             }
              .mainmenu-area  .logo img {
                 max-width: 125px;
@@ -782,10 +782,11 @@
                 /* margin-left: 60px; */
                 
             }
+            header .mainmenu-area {
+                height:77px;
+            }
             @media (min-width: 1200px) {
-                header .mainmenu-area .main-menu .menu-items  {
-                    height:77px;
-                }
+               
             }
             header .mainmenu-area .main-menu .menu-items ul:nth-child(1) {
                 display: flex;
@@ -797,27 +798,27 @@
                 position: static;
                 cursor: pointer;
             }
-            @media (max-width: 991px) {
-                header .mainmenu-area {
-                    padding: 23px;
-                }
+           
+            header.header-two .mainmenu-area .main-menu {
+                grid-column-gap: 90px;
             }
-            
-            @media (max-width: 575px) {
-                header .mainmenu-area {
-                    background: #000;
-                    margin-top:0;
-                    padding:45px;
-                }
-                .mainmenu-area .logo{
-                    left:12px
-                }
+            header .mainmenu-area .apply-expre {
+                margin:0 0px 0 80px;
+                color:#409EFF;
+                border: 1px solid #409EFF;
+                border-radius: 17px;
+                padding:4px 20px;
+                font-size:18px;
+                cursor:pointer
             }
             
-            @media only screen and (min-width: 1200px) and (max-width: 1599px) {
+            @media only screen and (min-width: 992px) and (max-width: 1599px) {
                 header .mainmenu-area .main-menu .menu-items ul li {
                     margin-right: 15px;
                 }
+                header .mainmenu-area .apply-expre{
+                    margin-left:30px
+                }
             }
             
             @media only screen and (min-width: 992px) and (max-width: 1200px) {
@@ -832,7 +833,7 @@
             
             header .mainmenu-area .main-menu .menu-items ul li a {
                 /* line-height: 74px; */
-                padding: 25px 10px 8px;
+                padding: 10px 10px 8px;
                
                 color: #fff;
                 /* font-family: "Oswald", sans-serif; */
@@ -842,12 +843,13 @@
             }
             
             @media only screen and (min-width: 992px) and (max-width: 1199px) {
-                header .mainmenu-area .main-menu .menu-items ul li a {
-                    padding: 25px 30px;
-                }
+                
                 header .mainmenu-area .main-menu .menu-items ul li .submenu {
                     left: -34px;
                 }
+                .mainmenu-area .logo{
+                    left:5%
+                }
             }
             header .mainmenu-area .main-menu .menu-items>ul>li:hover,header .mainmenu-area .main-menu .menu-items> ul>li.active{
                 border-bottom:4px solid #639BFF
@@ -1006,7 +1008,7 @@
             
             header .mobile-menu.mean-container .mean-bar a.meanmenu-reveal {
                 margin-right: 15px;
-                margin-top: -66px;
+                margin-top: -62px;
                 border: 2px solid rgba(255, 255, 255, 0.8);
                 padding: 10px 10px;
                 width: 26px;
@@ -1018,6 +1020,25 @@
                     padding: 12px 10px;
                 }
             }
+            @media (max-width: 991px) {
+                .mainmenu-area .logo{
+                    left:12px
+                }
+            }
+            
+            @media (max-width: 575px) {
+                header .mainmenu-area {
+                    background: #000;
+                    margin-top:0;
+                    padding:45px;
+                }
+                header .mobile-menu.mean-container .mean-bar a.meanmenu-reveal{
+                    margin-top:-68px
+                }
+                .mainmenu-area .logo img{
+                    width:95px
+                }
+            }
             
             header .mobile-menu.mean-container .mean-bar a.meanmenu-reveal span {
                 background-color: rgba(255, 255, 255, 0.8);
@@ -1113,18 +1134,7 @@
             
             
             
-            header.header-two .mainmenu-area .main-menu {
-                grid-column-gap: 90px;
-            }
-            header .mainmenu-area .apply-expre {
-                margin:0 0px 0 80px;
-                color:#409EFF;
-                border: 1px solid #409EFF;
-                border-radius: 17px;
-                padding:4px 20px;
-                font-size:18px;
-                cursor:pointer
-            }
+           
 
             @media (max-width: 575px) {
                 header.header-two .mainmenu-area {
@@ -4116,7 +4126,7 @@
             }
             
             .product-grid-section ul a {
-                width: 10%;
+                /* width: 10%; */
                 height: 100%;
                 display: -ms-flexbox;
                 display: flex;
@@ -4128,9 +4138,9 @@
                 color: #2a2e78;
                 font-size: 16px;
                 font-weight: bold;
-                padding: 20px 10px !important;
+                padding: 20px 20px;
                 display: inline-block;
-                margin: 0 10px;
+                margin: 0 10px 5px;
             }
             
             .product-grid-section ul a.active,
@@ -4150,43 +4160,33 @@
                 cursor: pointer;
             }
             
-            @media (min-width: 1200px) {
-                .product-grid-section ul a {
-                    padding: 0px 18.3px;
-                }
-            }
-            
             @media (max-width: 1200px) {
-                .product-grid-section ul a {
-                    width: 14.28571428571429%;
-                }
-                .product-grid-section ul a {
-                    padding: 0px 0px;
-                }
+
                 .product-grid-section ul a {
                     text-align: center;
+                    padding: 20px 10px;
                 }
             }
             
             @media (max-width: 999px) {
                 .product-grid-section ul a {
-                    width: 24.999999%;
-                    margin-top: 2px;
+                    /* width: 24.999999%; */
+                    /* margin-top: 2px; */
                 }
                 .product-grid-section ul a {
                     padding-left: 10px;
                     padding-right: 10px;
                 }
                 .product-grid-section ul a {
-                    padding-left: 10px;
-                    padding-right: 10px;
+                
+                    padding: 13px 10px ;
                 }
             }
             
             @media (max-width: 575px) {
                 .product-grid-section ul a {
-                    width: 49.99999%;
-                    margin-top: 2px;
+                    /* width: 49.99999%;
+                    margin-top: 2px; */
                 }
             }
             
@@ -5030,12 +5030,13 @@
             ===========================*/
             .about-sec .container{
                 position: relative;
-                left: 150px;
-                max-width: 1270px;
+                /* left: 150px;
+                max-width: 1270px; */
             }     
             .about-sec .container .aboutTyes{
-                position:absolute;
-                left:-190px;
+                display:inline-block;
+                /* position:absolute;
+                left:0; */
                 box-shadow: 0px 2px 17px 4px rgba(126, 126, 126, 0.3);
             }
             .about-sec .pointOffset{
@@ -5197,12 +5198,26 @@
                 color: #2D2D2D;
             }
             
-            @media (max-width: 770px) {
+           
+            @media (max-width: 1200px) {
+                .about-sec .container .aboutTyes li a{
+                    padding:10px 13px;
+                }
                 .about-sub-company-section {
                     /* background-image: none; */
                     /* height: 100%; */
                 }
             }
+            @media (max-width: 768px) {
+                .about-sec .container .aboutTyes{
+                    margin-bottom:60px;
+                    text-align:center;
+                }
+                .about-sec .container .aboutTyes li {
+                    display:inline-block;
+                   
+                }
+            }
             
             .about-sub-company-section p {
                 font-size: 18px;
@@ -6197,13 +6212,13 @@
                 }
                 /* 导航 */
                 header .mainmenu-area {
-                    padding: 15px
+                    /* padding: 15px */
                 }
                 header .mainmenu-area .main-menu .logo img {
                     width: 80px;
                 }
                 header .mobile-menu.mean-container .mean-bar a.meanmenu-reveal {
-                    margin-top: -53px;
+                    margin-top: -64px;
                     padding: 5px 6px;
                     width: 22px;
                 }
@@ -6329,7 +6344,7 @@
             }
             
             .newItemOne .oneInnerBox .img {
-                height: 200px
+                max-height: 160px
             }
 
             

index.html

@@ -111,7 +111,7 @@
         <!--====== HEADER START ======-->
         <header class="header-absolute sticky-header">
             <div class="custom-container-one">
-                <div class="mainmenu-area container d-flex align-items-center justify-content-center">
+                <div class="mainmenu-area  d-flex align-items-center justify-content-center">
                     <div class="logo">
                         <a href="/index.html"><img src="../assets/img/logo-white.png" alt="uskylogo"></a>
                     </div>

news/index.html

@@ -79,27 +79,30 @@
         <!--====== HEADER START ======-->
         <header class="header-absolute sticky-header">
             <div class="custom-container-one">
-                <div class="mainmenu-area container d-flex align-items-center justify-content-center">
+                <div class="mainmenu-area  d-flex align-items-center justify-content-center">
                     <div class="logo">
                         <a href="/index.html"><img src="../assets/img/logo-white.png" alt="uskylogo"></a>
                     </div>
                     <div class="d-flex align-items-center ">
                         <nav class="main-menu">
-                           
+
                             <div class="menu-items">
-                                <ul v-if="columnList" >
-                                    <li  v-for="item in columnList" :key="item.id"  :class="
-                                    currentPath==item.sname? 'active':''" >
+                                <ul v-if="columnList">
+                                    <li v-for="item in columnList" :key="item.id" :class="
+                                    currentPath==item.sname? 'active':''">
                                         <a :href="`${item.sname}?id=${item.id}&isUrlId=0`">{{item.categoryName}}</a>
-                                        <ul class="submenu" >
-                                            <li v-if="item.children" v-for="aa in item.children" :key="aa.id"><a :href="`${item.sname}?id=${aa.id}&isUrlId=1`"> <span style="font-weight:bold;margin-right:10px">·</span>   {{aa.sname}}</a></li>
+                                        <ul class="submenu">
+                                            <li v-if="item.children" v-for="aa in item.children" :key="aa.id"><a
+                                                    :href="`${item.sname}?id=${aa.id}&isUrlId=1`"> <span
+                                                        style="font-weight:bold;margin-right:10px">·</span>
+                                                    {{aa.sname}}</a></li>
                                         </ul>
                                     </li>
-                                  
+
                                 </ul>
                             </div>
                         </nav>
-                        <div class="apply-expre" v-if="columnList.length>0" @click="centerDialogVisible=true" >申请体验</div>
+                        <div class="apply-expre" v-if="columnList.length>0" @click="centerDialogVisible=true">申请体验</div>
                     </div>
                 </div>
                 <div>

news/read.html

@@ -78,27 +78,30 @@
         <!--====== HEADER START ======-->
         <header class="header-absolute sticky-header">
             <div class="custom-container-one">
-                <div class="mainmenu-area container d-flex align-items-center justify-content-center">
+                <div class="mainmenu-area  d-flex align-items-center justify-content-center">
                     <div class="logo">
                         <a href="/index.html"><img src="../assets/img/logo-white.png" alt="uskylogo"></a>
                     </div>
                     <div class="d-flex align-items-center ">
                         <nav class="main-menu">
-                           
+
                             <div class="menu-items">
-                                <ul v-if="columnList" >
-                                    <li  v-for="item in columnList" :key="item.id"  :class="
-                                    currentPath==item.sname? 'active':''" >
+                                <ul v-if="columnList">
+                                    <li v-for="item in columnList" :key="item.id" :class="
+                                    currentPath==item.sname? 'active':''">
                                         <a :href="`${item.sname}?id=${item.id}&isUrlId=0`">{{item.categoryName}}</a>
-                                        <ul class="submenu" >
-                                            <li v-if="item.children" v-for="aa in item.children" :key="aa.id"><a :href="`${item.sname}?id=${aa.id}&isUrlId=1`"> <span style="font-weight:bold;margin-right:10px">·</span>   {{aa.sname}}</a></li>
+                                        <ul class="submenu">
+                                            <li v-if="item.children" v-for="aa in item.children" :key="aa.id"><a
+                                                    :href="`${item.sname}?id=${aa.id}&isUrlId=1`"> <span
+                                                        style="font-weight:bold;margin-right:10px">·</span>
+                                                    {{aa.sname}}</a></li>
                                         </ul>
                                     </li>
-                                  
+
                                 </ul>
                             </div>
                         </nav>
-                        <div class="apply-expre" v-if="columnList.length>0" @click="centerDialogVisible=true" >申请体验</div>
+                        <div class="apply-expre" v-if="columnList.length>0" @click="centerDialogVisible=true">申请体验</div>
                     </div>
                 </div>
                 <div>
@@ -136,7 +139,7 @@
                                 <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                             </div>
                         </div>
-                        <div v-if="!loading" class="read_content">
+                        <div v-if="!loading" class="read_content mb-80">
 
                             <div class="section-title text-center both-border mb-80 d-flex justify-content-between">
                                 <span class="title-tag2">新闻详情</span>
@@ -167,7 +170,7 @@
 
                         <!-- 相关新闻 start -->
                         <div>
-                            <div class="title-tag2 pt-60">相关新闻</div>
+                            <div class="title-tag2">相关新闻</div>
                             <div class="relNewBox container ">
                                 <a class="ustify-content-between d-flex relNewsList" :href="'./read.html?id='+item.categoryid+'&title='+item.title+'&isUrlId=1'" v-for="item in articalArrayRelated" :key="item.id">
                                     <div><img width="18" height="18" src="../assets/img/news/arrowT.svg"> {{item.title}} </div>

product/index.html

@@ -109,27 +109,30 @@
         <!--====== HEADER START ======-->
         <header class="header-absolute sticky-header">
             <div class="custom-container-one">
-                <div class="mainmenu-area container d-flex align-items-center justify-content-center">
+                <div class="mainmenu-area  d-flex align-items-center justify-content-center">
                     <div class="logo">
                         <a href="/index.html"><img src="../assets/img/logo-white.png" alt="uskylogo"></a>
                     </div>
                     <div class="d-flex align-items-center ">
                         <nav class="main-menu">
-                           
+
                             <div class="menu-items">
-                                <ul v-if="columnList" >
-                                    <li  v-for="item in columnList" :key="item.id"  :class="
-                                    currentPath==item.sname? 'active':''" >
+                                <ul v-if="columnList">
+                                    <li v-for="item in columnList" :key="item.id" :class="
+                                    currentPath==item.sname? 'active':''">
                                         <a :href="`${item.sname}?id=${item.id}&isUrlId=0`">{{item.categoryName}}</a>
-                                        <ul class="submenu" >
-                                            <li v-if="item.children" v-for="aa in item.children" :key="aa.id"><a :href="`${item.sname}?id=${aa.id}&isUrlId=1`"> <span style="font-weight:bold;margin-right:10px">·</span>   {{aa.sname}}</a></li>
+                                        <ul class="submenu">
+                                            <li v-if="item.children" v-for="aa in item.children" :key="aa.id"><a
+                                                    :href="`${item.sname}?id=${aa.id}&isUrlId=1`"> <span
+                                                        style="font-weight:bold;margin-right:10px">·</span>
+                                                    {{aa.sname}}</a></li>
                                         </ul>
                                     </li>
-                                  
+
                                 </ul>
                             </div>
                         </nav>
-                        <div class="apply-expre" v-if="columnList.length>0" @click="centerDialogVisible=true" >申请体验</div>
+                        <div class="apply-expre" v-if="columnList.length>0" @click="centerDialogVisible=true">申请体验</div>
                     </div>
                 </div>
                 <div>
@@ -137,7 +140,7 @@
                 </div>
             </div>
         </header>
-        <!--====== HEADER END ======-->
+        <!--====== HEADER END ======-->C
 
         <!--====== COMMON BREADCRUMB START ======-->
         <section class="common-bradcrumb-section">
@@ -161,52 +164,16 @@
                                 <a v-for="(item,i) in columnTypes" :class="item.id == requestParams.categoryid ? 'active' : ''"
                                 @click="facilityClick(i, item)">{{item.categoryName}}</a>
 
-                               
-
-
-                                <!-- <li v-for="(item,ind) in getProductType" :key="ind" @click="getList(item.id)">
-                                    <div><span>{{item.categoryName}}</span></div>
-                                </li> -->
                             </ul>
                         </div>
                     </div>
                 </div>
-                <!-- <div class="row row-tabs grid-isotope pt-30" style="min-height:400px">
-                    <div class="col-lg-4 col-sm-6 software" v-for="(list,index) in getProductList" :key="index">
-                        <div class="product-grid-box" @click="productDetails(list)">
-                            <div class="product-grid-box">
-                            <div class="product-img">
-                                <img :src="list.htmlfilepath" />
-                            </div>
-                            <div class="title">
-                                <span>{{list.title}}</span>
-                                <div>
-                                    <span>
-                                        {{list.zhaiyao}}
-                                    </span>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div> -->
-
-                <!-- <div class="row">
-                    <div class="col-md-4 newItemOne" v-for="item in articalArray" :key="item.id">
-                        <div class="oneInnerBox" @click="oneInnerBox(item)">
-                            <div class="img" v-bind:style="{backgroundImage:'url('+item.image+')'}">
-                            </div>
-                            <a class="line-two">{{item.title}}</a>
-                            <span>{{timeFormatSeconds(item.modifydate?item.modifydate:'')}}</span>
-                        </div>
-                    </div>
-                </div> -->
-
 
                 <div class="row pt-80"  >
                     <div class="col-md-4 newItemOne productItemOne"  v-for="item in articalArray" :key="item.id">
                         <div class="oneInnerBox" @click="oneInnerBox(item)">
-                            <div class="img" v-bind:style="{backgroundImage:'url('+item.image+')'}" style="background-size: cover;
-                            background-position: center center;">
+                            <div class="img">
+                                <img :src="item.image" alt="">
                             </div>
                             <a class="line-two">{{item.title}}</a>
                             <span class="line-two">{{item.zhaiyao}}</span>

product/read.html

@@ -79,27 +79,30 @@
         <!--====== HEADER START ======-->
         <header class="header-absolute sticky-header">
             <div class="custom-container-one">
-                <div class="mainmenu-area container d-flex align-items-center justify-content-center">
+                <div class="mainmenu-area  d-flex align-items-center justify-content-center">
                     <div class="logo">
                         <a href="/index.html"><img src="../assets/img/logo-white.png" alt="uskylogo"></a>
                     </div>
                     <div class="d-flex align-items-center ">
                         <nav class="main-menu">
-                           
+
                             <div class="menu-items">
-                                <ul v-if="columnList" >
-                                    <li  v-for="item in columnList" :key="item.id"  :class="
-                                    currentPath==item.sname? 'active':''" >
+                                <ul v-if="columnList">
+                                    <li v-for="item in columnList" :key="item.id" :class="
+                                    currentPath==item.sname? 'active':''">
                                         <a :href="`${item.sname}?id=${item.id}&isUrlId=0`">{{item.categoryName}}</a>
-                                        <ul class="submenu" >
-                                            <li v-if="item.children" v-for="aa in item.children" :key="aa.id"><a :href="`${item.sname}?id=${aa.id}&isUrlId=1`"> <span style="font-weight:bold;margin-right:10px">·</span>   {{aa.sname}}</a></li>
+                                        <ul class="submenu">
+                                            <li v-if="item.children" v-for="aa in item.children" :key="aa.id"><a
+                                                    :href="`${item.sname}?id=${aa.id}&isUrlId=1`"> <span
+                                                        style="font-weight:bold;margin-right:10px">·</span>
+                                                    {{aa.sname}}</a></li>
                                         </ul>
                                     </li>
-                                  
+
                                 </ul>
                             </div>
                         </nav>
-                        <div class="apply-expre" v-if="columnList.length>0" @click="centerDialogVisible=true" >申请体验</div>
+                        <div class="apply-expre" v-if="columnList.length>0" @click="centerDialogVisible=true">申请体验</div>
                     </div>
                 </div>
                 <div>
@@ -125,7 +128,7 @@
                                 <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                             </div>
                         </div>
-                        <div v-if="!loading" class="read_content">
+                        <div v-if="!loading" class="read_content mb-80">
                             <div class="section-title text-left both-border mb-80 d-flex justify-content-between">
                                 <span class="title-tag2" >产品详情</span>
                                 <a href="./index.html"><img src="../assets/img/product/close.png" alt=""></a>
@@ -153,7 +156,7 @@
 
                         <!-- 相关产品 start -->
                         <div v-if="articalArrayRelated.length>0">
-                            <div class="title-tag2 pt-60">相关产品</div>
+                            <div class="title-tag2 ">相关产品</div>
                             <div class="relNewBox container ">
 
                                 <a class="ustify-content-between d-flex relNewsList" :href="'./read.html?id='+item.categoryid+'&title='+item.title+'&isUrlId=1'" v-for="item in articalArrayRelated" :key="item.id">

solution/index.html

@@ -81,27 +81,30 @@
         <!--====== HEADER START ======-->
         <header class="header-absolute sticky-header">
             <div class="custom-container-one">
-                <div class="mainmenu-area container d-flex align-items-center justify-content-center">
+                <div class="mainmenu-area  d-flex align-items-center justify-content-center">
                     <div class="logo">
                         <a href="/index.html"><img src="../assets/img/logo-white.png" alt="uskylogo"></a>
                     </div>
                     <div class="d-flex align-items-center ">
                         <nav class="main-menu">
-                           
+
                             <div class="menu-items">
-                                <ul v-if="columnList" >
-                                    <li  v-for="item in columnList" :key="item.id"  :class="
-                                    currentPath==item.sname? 'active':''" >
+                                <ul v-if="columnList">
+                                    <li v-for="item in columnList" :key="item.id" :class="
+                                    currentPath==item.sname? 'active':''">
                                         <a :href="`${item.sname}?id=${item.id}&isUrlId=0`">{{item.categoryName}}</a>
-                                        <ul class="submenu" >
-                                            <li v-if="item.children" v-for="aa in item.children" :key="aa.id"><a :href="`${item.sname}?id=${aa.id}&isUrlId=1`"> <span style="font-weight:bold;margin-right:10px">·</span>   {{aa.sname}}</a></li>
+                                        <ul class="submenu">
+                                            <li v-if="item.children" v-for="aa in item.children" :key="aa.id"><a
+                                                    :href="`${item.sname}?id=${aa.id}&isUrlId=1`"> <span
+                                                        style="font-weight:bold;margin-right:10px">·</span>
+                                                    {{aa.sname}}</a></li>
                                         </ul>
                                     </li>
-                                  
+
                                 </ul>
                             </div>
                         </nav>
-                        <div class="apply-expre" v-if="columnList.length>0" @click="centerDialogVisible=true" >申请体验</div>
+                        <div class="apply-expre" v-if="columnList.length>0" @click="centerDialogVisible=true">申请体验</div>
                     </div>
                 </div>
                 <div>

solution/read.html

@@ -79,27 +79,30 @@
         <!--====== HEADER START ======-->
         <header class="header-absolute sticky-header">
             <div class="custom-container-one">
-                <div class="mainmenu-area container d-flex align-items-center justify-content-center">
+                <div class="mainmenu-area  d-flex align-items-center justify-content-center">
                     <div class="logo">
                         <a href="/index.html"><img src="../assets/img/logo-white.png" alt="uskylogo"></a>
                     </div>
                     <div class="d-flex align-items-center ">
                         <nav class="main-menu">
-                           
+
                             <div class="menu-items">
-                                <ul v-if="columnList" >
-                                    <li  v-for="item in columnList" :key="item.id"  :class="
-                                    currentPath==item.sname? 'active':''" >
+                                <ul v-if="columnList">
+                                    <li v-for="item in columnList" :key="item.id" :class="
+                                    currentPath==item.sname? 'active':''">
                                         <a :href="`${item.sname}?id=${item.id}&isUrlId=0`">{{item.categoryName}}</a>
-                                        <ul class="submenu" >
-                                            <li v-if="item.children" v-for="aa in item.children" :key="aa.id"><a :href="`${item.sname}?id=${aa.id}&isUrlId=1`"> <span style="font-weight:bold;margin-right:10px">·</span>   {{aa.sname}}</a></li>
+                                        <ul class="submenu">
+                                            <li v-if="item.children" v-for="aa in item.children" :key="aa.id"><a
+                                                    :href="`${item.sname}?id=${aa.id}&isUrlId=1`"> <span
+                                                        style="font-weight:bold;margin-right:10px">·</span>
+                                                    {{aa.sname}}</a></li>
                                         </ul>
                                     </li>
-                                  
+
                                 </ul>
                             </div>
                         </nav>
-                        <div class="apply-expre" v-if="columnList.length>0" @click="centerDialogVisible=true" >申请体验</div>
+                        <div class="apply-expre" v-if="columnList.length>0" @click="centerDialogVisible=true">申请体验</div>
                     </div>
                 </div>
                 <div>
@@ -125,7 +128,7 @@
                                 <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                             </div>
                         </div>
-                        <div v-if="!loading" class="read_content pb-100">
+                        <div v-if="!loading" class="read_content mb-80">
                             <div class="section-title text-center both-border mb-80 d-flex justify-content-between">
                                 <span class="title-tag2" >内容详情</span>
                                 <a href="./index.html"><img src="../assets/img/product/close.png" alt=""></a>
@@ -143,15 +146,11 @@
                         </div>
                      
 
-                        <!--  -->
-                        <div v-if="!loading" class="read-page d-flex justify-content-between">
-                            
-                           
-                        </div>
+                     
 
                         <!-- 相关推荐 start -->
                         <div v-if="articalArrayRelated.length>0">
-                            <div class="title-tag2 pt-60">相关推荐</div>
+                            <div class="title-tag2">相关推荐</div>
                             <div class="relNewBox container ">
 
                                 <a class="ustify-content-between d-flex relNewsList" :href="'./read.html?id='+item.categoryid+'&title='+item.title+'&isUrlId=1'" v-for="item in articalArrayRelated" :key="item.id">