feat:样式调整

css/index.css

@@ -23,7 +23,7 @@
     overflow: hidden;
     font-weight: bold;
     color: #FFFFFF;
-    letter-spacing: 8px;
+    letter-spacing: 4px;
     text-transform: uppercase;
     font-family: "Microsoft YaHei UI Light", serif;
 }
@@ -35,7 +35,7 @@
 .i_title p {
     background: url(../images/i_bg1.png) center bottom no-repeat;
     color: #FFFFFF;
-    padding-bottom: 15px;
+    padding-bottom: 8px;
 }
 
 .i_title.white p {
@@ -55,7 +55,7 @@
 
 .nproduct_list2 ul li {
     float: left;
-    width: 32.1%;
+    width: 23.7%;
     margin-left: 0.5%;
     margin-right: 1%;
     overflow: hidden;
@@ -66,7 +66,7 @@
     border-radius: 10px;
 }
 
-.nproduct_list2 ul li:nth-child(3n + 0) {
+.nproduct_list2 ul li:nth-child(4n + 0) {
     margin-right: 0;
 }
 
@@ -1332,9 +1332,9 @@
 
 /*核心技术 start*/
 .core_technology {
-    background: #000000;
+    background: linear-gradient( 90deg, rgba(227,227,227,0.24) 0%, rgba(84,81,81,0.11) 46.18%, rgba(217,212,212,0.2) 100%);    color: #FFFFFF;
-    color: #FFFFFF;
     padding: 52px 0;
+    margin-bottom: 1rem;
 }
 
 .core_technology .wrap {
@@ -1364,7 +1364,6 @@
 .service-item p{
     text-align: center;
     padding: 8px;
-    font-size: 28px;
 }
 
 .core-bg {
@@ -1380,6 +1379,7 @@
 
 .core-bg .core-item {
     display: flex;
+    align-items: center;
     margin-bottom: 40px;
 }
 .core-bg .core-item img{

index.htm

@@ -82,22 +82,22 @@
             <div class="flex-box">
                 <img src="/template/1/default/images/slzch.png" class="img_style" alt="算力资源资产化" />
                 <div>
-                    <h2 class="f36">算力资源资产化</h2>
+                    <h2 class="f36 core_technology_title">算力资源资产化</h2>
-                    <p class="f16">将异构GPU算力统一计量，封装为标准化的“算力Token”</p>
+                    <p class="f16 core_technology_sub_title">将异构GPU算力统一计量，封装为标准化的“算力Token”</p>
                 </div>
             </div>
             <div class="flex-box">
                 <img src="/template/1/default/images/zndd.png" class="img_style" alt="智能调度与交付" />
                 <div>
-                    <h2 class="f36">智能调度与交付</h2>
+                    <h2 class="f36 core_technology_title">智能调度与交付</h2>
-                    <p class="f16">动态调度Token，高效完成AI训练/推理任务</p>
+                    <p class="f16 core_technology_sub_title">动态调度Token，高效完成AI训练/推理任务</p>
                 </div>
             </div>
             <div class="flex-box">
                 <img src="/template/1/default/images/jzjs.png" class="img_style" alt="价值结算与再投资" />
                 <div>
-                    <h2 class="f36">价值结算与再投资</h2>
+                    <h2 class="f36 core_technology_title">价值结算与再投资</h2>
-                    <p class="f16">按Token消耗付费，资金反哺算力设施扩容</p>
+                    <p class="f16 core_technology_sub_title">按Token消耗付费，资金反哺算力设施扩容</p>
                 </div>
             </div>
         </div>
@@ -114,22 +114,22 @@
                 摩尔基石成立于2025年，专注于国产算力平台的研发与应用落地 ，致力于打造基于国产芯片的云边端一体、软硬件协同、训练推理融合的AI算力基础平台和“AI+”解决方案。
             </div>
           </div>
-            <div class="flex-box anim anim-1">
+            <div class="flex-box flexWarp anim anim-1">
                 <div class="service-item">
                     <img src="/template/1/default/images/service1.png" class="img_style" alt="智算中心建设运营" />
-                    <p>智算中心建设运营</p>
+                    <p class="f28">智算中心建设运营</p>
                 </div>
                 <div class="service-item">
                     <img src="/template/1/default/images/service2.png" class="img_style" alt="智能交通" />
-                    <p>智能交通</p>
+                    <p class="f28">智能交通</p>
                 </div>
                 <div class="service-item">
                     <img src="/template/1/default/images/service3.png" class="img_style" alt="智能医疗" />
-                    <p>智能医疗</p>
+                    <p class="f28">智能医疗</p>
                 </div>
                 <div class="service-item">
                     <img src="/template/1/default/images/service4.png" class="img_style" alt="智能工业" />
-                    <p>智能工业</p>
+                    <p class="f28">智能工业</p>
                 </div>
             </div>
         </div>
@@ -140,13 +140,14 @@
       <div class="wrap0">
         <div class="cloud-product">
           <div class="i_title mg_0 anim anim-1">
-            <h2 class="f41">我们的核心技术</h2>
+            <h2 class="f41">核心技术</h2>
             <p class="f24">TECHNOLOGY</p>
             <div class="cloud-product-explain">
                 顶级平台实战经验：核心成员来自运营商、大型集成商的业务与数据<br/>
                 团队，精通复杂系统的规模化运营与资源整合。
             </div>
           </div>
+            <img class="mobile_banner" src="/template/1/default/images/mobile_bg.png" alt="">
             <div class="core-bg flex-box anim anim-1">
                 <div class="core-content">
                     <div class="core-item">
@@ -233,15 +234,14 @@
         {/ms:channel}
         <div class="nproduct_list2">
           <ul>
-            {ms:arclist typeid="1666653706550321152" size=6}
+            {ms:arclist typeid="1666653706550321152" size=8}
             <li class="anim anim-1">
               <a href="{ms:global.html/}${field.link}" title="${field.title}">
                 <div class="imgs">
                   <img src="{@ms:file field.litpic/}" alt="${field.title}" />
-                  <p>&nbsp;</p>
                 </div>
                 <h2 class="f24">${field.title}</h2>
-                <p>{@ms:len field.descrip 60 /}...</p>
+                <p>{@ms:len field.descrip 60 /}</p>
               </a>
             </li>
             {/ms:arclist}
@@ -320,7 +320,7 @@
       </div>
       {/ms:channel}
       <div class="i_link anim anim-2">
-        <ul>
+        <ul class="flex-box flexWarp">
           {ms:arclist typeid="1666653706550321169" size=12}
           <li>
             <a title="${field.title}">
@@ -355,7 +355,7 @@
         itemsDesktopSmall: [979, 3],
         itemsTablet: [768, 2],
         itemsTabletSmall: false,
-        itemsMobile: [479, 2],
+        itemsMobile: [479, 1],
         navigation: true
       });