diff --git a/src/index.html b/src/index.html
index b56d3cd..23a476d 100644
--- a/src/index.html
+++ b/src/index.html
@@ -359,9 +359,9 @@
                   <div class="purpose_tab" data-name="setfadeInUp">
                     <div class="item active">智慧灯杆</div>
                     <div class="item">车载应用</div>
-                    <div class="item">交通应用</div>
+                    <!-- <div class="item">交通应用</div> -->
                     <div class="item">商业显示</div>
-                    <div class="item">同步视频</div>
+                    <!-- <div class="item">同步视频</div> -->
                     <div class="item">二次开发</div>
                     <!-- <div class="item">智慧社区</div> -->
                     <!-- <div class="item">智慧地铁屏</div> -->
@@ -383,21 +383,21 @@
                             <img src="./static/image/banner/new_车载解决方案.png" alt="" class="img_bg bgimg" />
                           </a>
                         </div>
-                        <div class="swiper-slide">
+                        <!-- <div class="swiper-slide">
                           <a href="./solutions/car_load/car_load.html">
                             <img src="./static/image/banner/new_车载解决方案.png" alt="" class="img_bg bgimg" />
                           </a>
-                        </div>
+                        </div> -->
                         <div class="swiper-slide">
                           <a href="./solutions/commerce_display/commerce_display.html">
                             <img src="./static/image/banner/new_商显解决方案.png" alt="" class="img_bg bgimg" />
                           </a>
                         </div>
-                        <div class="swiper-slide">
+                        <!-- <div class="swiper-slide">
                           <a href="./solutions/video_process/video_process.html">
                             <img src="./static/image/banner/new_同步视频处理方案.png" alt="" class="img_bg bgimg" />
                           </a>
-                        </div>
+                        </div> -->
                         <div class="swiper-slide">
                           <a href="./solutions/second_develop/second_develop.html">
                             <img src="./static/image/banner/new_二次开发解决方案.jpg" alt="" class="img_bg bgimg" />
diff --git a/src/modules/footer.html b/src/modules/footer.html
index 6b14477..4fbf71c 100644
--- a/src/modules/footer.html
+++ b/src/modules/footer.html
@@ -58,9 +58,9 @@
             <dd>
               <a href="/solutions/lamp_pole/lamp_pole.html">智慧灯杆解决方案</a>
               <a href="/solutions/car_load/car_load.html">车载应用解决方案</a>
-              <a href="/solutions/traffic_apply/traffic_apply.html">交通应用解决方案</a>
+              <!-- <a href="/solutions/traffic_apply/traffic_apply.html">交通应用解决方案</a> -->
               <a href="/solutions/commerce_display/commerce_display.html">商业显示解决方案</a>
-              <a href="/solutions/video_process/video_process.html">同步视频解决方案</a>
+              <!-- <a href="/solutions/video_process/video_process.html">同步视频解决方案</a> -->
               <a href="/solutions/second_develop/second_develop.html">二次开发解决方案</a>
             </dd>
             <i class="iconfont iconfontdown icon_jiantou3_down"></i>
@@ -78,9 +78,9 @@
             <dd>
               <a href="">下载专区</a>
               <a href="">操作视频</a>
-              <a href="">CCE认证</a>
+              <!-- <a href="">CCE认证</a>
               <a href="">服务网络</a>
-              <a href="">投诉和建议</a>
+              <a href="">投诉和建议</a> -->
             </dd>
             <i class="iconfont iconfontdown icon_jiantou3_down"></i>
           </dl>
@@ -92,18 +92,18 @@
               <a href="">企业使命</a>
               <a href="">企业价值观</a>
               <a href="">联系我们</a>
-              <a href="">人才招聘</a>
+              <!-- <a href="">人才招聘</a> -->
             </dd>
             <i class="iconfont iconfontdown icon_jiantou3_down"></i>
           </dl>
-          <dl>
+          <!-- <dl>
             <dt>投资者关系</dt>
             <dd>
               <a href="">投资者热线</a>
               <a href="">交流平台</a>
             </dd>
             <i class="iconfont iconfontdown icon_jiantou3_down"></i>
-          </dl>
+          </dl> -->
         </div>
         <div class="ft_right fr">
           <div class="fttit">敬请关注</div>
diff --git a/src/modules/navbar.html b/src/modules/navbar.html
index 90b32b4..0a0810e 100644
--- a/src/modules/navbar.html
+++ b/src/modules/navbar.html
@@ -368,10 +368,10 @@
             <div class="container1260">
               <a href="/solutions/lamp_pole/lamp_pole.html">智慧灯杆解决方案</a>
               <a href="/solutions/car_load/car_load.html">车载应用解决方案</a>
-              <a href="/solutions/traffic_apply/traffic_apply.html">交通应用解决方案</a>
+              <!-- <a href="/solutions/traffic_apply/traffic_apply.html">交通应用解决方案</a> -->
               <a href="/solutions/commerce_display/commerce_display.html">商业显示解决方案</a>
-              <a href="/solutions/video_process/video_process.html">同步视频处理方案</a>
-              <a href="/solutions/second_develop/second_develop.html">大型表演手持led光影屏方案</a>
+              <!-- <a href="/solutions/video_process/video_process.html">同步视频处理方案</a> -->
+              <a href="/solutions/second_develop/second_develop.html">二次开发解决方案</a>
             </div>
           </div>
         </li>
@@ -392,23 +392,23 @@
             <div class="container1260">
               <a href="">下载专区</a>
               <a href="">操作视频</a>
-              <a href="">CCE认证</a>
-              <a href="">服务网络</a>
-              <a href="">投诉和建议</a>
+              <!-- <a href="">CCE认证</a> -->
+              <!-- <a href="">服务网络</a> -->
+              <!-- <a href="">投诉和建议</a> -->
             </div>
           </div>
         </li>
         <li>
-          <a href="">关于我们</a>
+          <a href="/about/index.html">关于我们</a>
           <span></span>
           <div class="sub_zinav">
             <div class="container1260">
-              <a href="">公司简介</a>
-              <a href="">企业愿景</a>
-              <a href="">企业使命</a>
-              <a href="">企业价值观</a>
-              <a href="">联系我们</a>
-              <a target="_blank" href="">人才招聘</a>
+              <a href="/about/index.html">公司简介</a>
+              <a href="/about/index.html?banner=1">企业愿景</a>
+              <a href="/about/index.html?banner=2">企业使命</a>
+              <a href="/about/index.html?banner=3">企业价值观</a>
+              <a href="/about/callme.html">联系我们</a>
+              <!-- <a href="/about/recruit.html">人才招聘</a> -->
             </div>
           </div>
         </li>
diff --git a/src/products/xixun_software/AIPS/AIPS2.0/AIPS2.0_customize.html b/src/products/xixun_software/AIPS/AIPS2.0/AIPS2.0_customize.html
index be626e2..65af9f9 100644
--- a/src/products/xixun_software/AIPS/AIPS2.0/AIPS2.0_customize.html
+++ b/src/products/xixun_software/AIPS/AIPS2.0/AIPS2.0_customize.html
@@ -73,342 +73,29 @@
       }
     }
   </script>
-<!-- <style lang="scss">
 
-  .customize1024 {
-    display: flex;
-    width: 100%;
-    background-color: #3f6183;
-    /* box-shadow: 1px 1px 3px rgb(0 0 0 / 20%); */
-}
-  .customizeRight {
-    position: relative;
-    width: 40%;
-    height: 80vh;
-  }
-
-  .customizeLeft {
-    width: 60%;
-    padding: 10px 20px;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-around;
-  }
-
-  .customizeTitle {
-    padding: 10px;
-    font-size: 18px;
-    color: #ffffff
-  }
-
-  .customizeContent {
-    width: 100%;
-    padding: 10px;
-    font-size: 14px;
-    text-align: justify;
-    text-indent: 2em;
-    color: #ffffff
-  }
-
-  .customizeForm {
-    width: 100%;
-
-  }
-
-  .contactBox {
-    width: 100%;
-    box-sizing: border-box;
-    display: flex;
-    justify-content: center;
-    align-content: flex-end;
-  }
-
-  .layui-table {
-    width: 100%;
-    margin: 0px;
-  }
-
-  .layui-table thead th,
-  .layui-table thead td {
-    text-align: center;
-  }
-
-  .layui-table thead th {
-    background-color: #4a698f;
-    font-size: 16px;
-    font-weight: 700;
-    color: #ffffff;
-  }
-
-  .form-title {
-    text-align: center;
-    font-weight: 700;
-    font-size: 15px;
-    color: #ffffff;
-  }
-
-  .form-group {
-    display: flex;
-    margin-bottom: 10px;
-  }
-
-  .form-group>label {
-    width: 100px;
-    font-size: 13px;
-    color: #ffffff;
-  }
-
-  .form-control {
-    width: 300px;
-    padding: 3px;
-    border: 1px solid #ccc;
-    border-radius: 4px;
-  }
-
-  .Btn {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background-color: #366ca7;
-    color: white;
-    border: none;
-    padding: 5px 10px;
-    border-radius: 4px;
-    cursor: pointer;
-    font-size: 15px;
-    transition: background-color 0.3s ease;
-  }
-
-  .Btn:hover {
-    background-color: #0056b3;
-  }
-
-  @media (max-width: 1024px) {
-    .customize1024 {
-      display: block;
-      padding: 5px;
-      width: 100%;
-
-    }
-    .customizeRight {
-      position: relative;
-      width: 100%;
-      height: 40vh;
-    }
-
-    .customizeLeft {
-      width: 100%;
-      padding: 10px 20px;
-    }
-
-    .customizeTitle {
-      padding: 5px;
-      font-size: 14px;
-    }
-
-    .customizeContent {
-      padding: 5px;
-      font-size: 12px;
-    }
-
-    table th,
-    table td {
-      font-size: 10px;
-    }
-    .contactBox {
-   margin-top: 20px;
-  }
-    .form-title {
-      font-size: 14px;
-    }
-
-    .form-group {
-      display: flex;
-      margin-bottom: 5px;
-    }
-
-    .form-group>label {
-      width: 80px;
-      font-size: 12px;
-    }
-
-    .form-control {
-      width: 250px;
-      padding: 1px;
-      border-radius: 4px;
-    }
-
-    .Btn {
-      padding: 3px 6px;
-      border-radius: 2px;
-      font-size: 12px;
-    }
-  }
-</style> -->
 <style lang="scss">
-  .customize1024 {
-    display: flex;
-    width: 100%;
+  .customize {
     background-color: #3f6183;
   }
-
-  .customizeRight {
-    position: relative;
-    width: 40%;
-    height: 100%;
+  .bgImg{
+    width:18.75rem;
+     height: 18.75rem;
+     position: absolute;
+      bottom: 20%;
+       right: 5%;
   }
-
-  .customizeLeft {
-    width: 60%;
-    padding: 20px 20px;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-around;
+  .customize .content_box .layui-table thead th {
+  background-color: #4a698f;
+  color: #fff;
   }
-
-  .customizeTitle {
-    padding: 10px;
-    font-size: 18px;
-    color: #ffffff
-  }
-
-  .customizeContent {
-    width: 100%;
-    padding: 10px;
-    font-size: 14px;
-    text-align: justify;
-    text-indent: 2em;
-    color: #ffffff
-  }
-
-  .customizeForm {
-    width: 100%;
-    margin-bottom: 30px;
-
-  }
-
-  .contactBox {
-    width: 100%;
-    box-sizing: border-box;
-    display: flex;
-    justify-content: center;
-    align-content: flex-end;
-  }
-
-  .layui-table {
-    width: 100%;
-    margin: 0px;
-  }
-
-  .layui-table thead th,
-  .layui-table thead td {
-    text-align: center;
-  }
-
-  .layui-table thead th {
-    background-color: #4a698f;
-    font-size: 16px;
-    font-weight: 700;
-    color: #ffffff;
-  }
-
-  .form-title {
-    text-align: center;
-    font-weight: 700;
-    font-size: 16px;
-    color: white;
-  }
-
-  .form-group {
-    display: flex;
-    margin-bottom: 10px;
-  }
-
-  .form-group>div {
-    width: 100px;
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-    font-size: 14px;
-    font-weight: 600;
-    color: white;
-    margin-right:8px;
-  }
-  #textareaLable{
-    width: 100px;
-    display: flex;
-    align-items: flex-start;
-    justify-content: flex-end;
-    font-size: 14px
-  }
-
-  .form-group>textarea {
-    height: 100px;
-  }
-
-  .form-control {
-    width: 300px;
-    padding: 9px 12px;
-    border: 1px solid #ccc;
-    border-radius: 6px;
-  }
-
-  .Btn {
-    display: flex;
-    justify-content: center;
-    align-items: center;
+  .customize .content_box .contact .Btn{
     background-color: #366ca7;
-    color: white;
-    border: none;
-    padding: 5px 10px;
-    border-radius: 4px;
-    cursor: pointer;
-    font-size: 15px;
-    transition: background-color 0.3s ease;
   }
-
-  .Btn:hover {
+  .customize .content_box .contact .Btn:hover {
     background-color: #0056b3;
   }
 
-  @media (max-width: 1024px) {
-    .customize1024 {
-      display: block;
-      width: 100%;
-
-    }
-
-    .customizeRight {
-      position: relative;
-      width: 100%;
-      height: 60vh;
-    }
-
-    .customizeLeft {
-      width: 100%;
-      padding: 20px 20px;
-    }
-
-    .customizeTitle {
-      padding: 5px;
-      font-size: 14px;
-    }
-
-    .customizeContent {
-      padding: 5px;
-      font-size: 12px;
-    }
-  }
-  @media (max-width: 460px) {
-    .form-control {
-      width: 150px;
-      padding: 5px;
-    }
-    .form-group>label {
-     
-      font-size: 12px;
-    }
-  }
 </style>
   <body>
     <div class="header head3">#include(navbar)</div>
@@ -429,16 +116,16 @@
       </div>
       <div class="publicLink" style="background-color: #f7f8f9">
         <div class="container1260" style="padding: 20px">
-          <div class="customize1024">
-            <div class="customizeRight">
-              <div style="position: absolute; top: 5%; left: 5%; width: 60%">
-                <p class="customizeTitle">AIPS2.0通用信发平台</p>
-                <p class="customizeContent" >赋能云端，铸就专属领地——为您提供一站式云平台OEM私有化部署解决方案！依托丰富的行业运营经验和深厚的技术积淀，我们精心设计和定制符合您业务特性的车载广告与智慧物联一体化管理平台，实现全方位、精细化运营。私有化部署模式，让您的数据存储更加安全可控，运营策略更加灵活多变，助力您洞见行业先机，提升运营效能，最大化商业价值，共同塑造车载广告与智慧物联新时代！</p>
+          <div class="customize">
+            <div  class="pic_box">
+              <div style="position: absolute; top: 5%; left: 5%; width: 70%">
+                <p class="title">AIPS2.0通用信发平台</p>
+                <p class="content" >赋能云端，铸就专属领地——为您提供一站式云平台OEM私有化部署解决方案！依托丰富的行业运营经验和深厚的技术积淀，我们精心设计和定制符合您业务特性的车载广告与智慧物联一体化管理平台，实现全方位、精细化运营。私有化部署模式，让您的数据存储更加安全可控，运营策略更加灵活多变，助力您洞见行业先机，提升运营效能，最大化商业价值，共同塑造车载广告与智慧物联新时代！</p>
               </div>
               <img src="../../../../static/products/xixun_software/AIPS/3云平台.jpg" alt="" style="width: 100%; height: 100%" />
             </div>
-            <div class="customizeLeft">
-              <div class="customizeForm">
+            <div class="content_box">
+              <div class="Forms">
                 <!-- <table class="layui-table" lay-even lay-size="lg"> -->
                 <table class="layui-table" lay-even>
                   <colgroup>
@@ -488,9 +175,9 @@
                 </table>
               </div>
               
-              <div class="contactBox">
+              <div class="contact">
                 <div>
-                  <div class="form-title">联系我们的专业软件产品经理</div>
+                  <div class="title">联系我们的专业软件产品经理</div>
                   <br>
                   <form id="contactForm">
                     <div class="form-group">
diff --git a/src/products/xixun_software/AIPS/AIPS4.0/AIPS4.0_specific.html b/src/products/xixun_software/AIPS/AIPS4.0/AIPS4.0_specific.html
deleted file mode 100644
index 5dd0c87..0000000
--- a/src/products/xixun_software/AIPS/AIPS4.0/AIPS4.0_specific.html
+++ /dev/null
@@ -1,138 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-    <meta name="renderer" content="webkit" />
-    <meta name="format-detection" content="telephone=no" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
-    <meta name="format-detection" content="telephone=no" />
-    <meta name="applicable-device" content="pc,mobile" />
-    <link rel="shortcut icon" href="../../../../favicon.ico" />
-    <title>熙讯-软件服务-AIPS4.0智慧物联平台</title>
-    <meta name="keywords" content="熙讯,LED控制系统,LED控制卡,播控系统,软件服务,熙讯下载,解决方案提供商-熙讯、熙讯云科技、熙讯电子科技有限公司、熙讯官网、熙讯下载" />
-    <meta name="description" content="上海熙讯电子科技有限公司是全球户外数字传媒与LED显示控制系统解决方案服务商，致力于以互联网技术和智能系统推动行业的产业升级，为打造数字智慧城市贡献力量。10年来我们精耕于这一领域，凭借卓越的创新能力、突出的定制能力、优秀的服务能力、赢得了全球客户的信任！" />
-    <link rel="stylesheet" href="../../../../static/iconfont/iconfont.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../static/layui/css/layui.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../static/css/layout.css" />
-
-    <script type="text/javascript" src="../../../../static/js/jquery.min.js"></script>
-    <script type="text/javascript" src="../../../../static/js/BeerSlider.js"></script>
-    <meta name="Author" content="xixun" />
-  </head>
-
-  <script>
-    var type=navigator.appName;
-    if (type=="Netscape") var lang = navigator.language;
-    else var lang = navigator.userLanguage;
-    var lang = lang.substr(0,2);
-
-    //英文路径
-    var url = window.location;
-    //获取网页的来路
-
-    function getQueryString(name) {
-      const url_string = window.location.href; // window.location.href
-      const url = new URL(url_string);
-      if(url.searchParams.get(name) != null){
-        Cookie_Set('language',url.searchParams.get(name));
-      }
-    }
-    getQueryString('language');
-    console.log(!Cookie_Get('language'),lang)
-    if(!Cookie_Get('language') && lang == 'en'){
-      window.location.href = '';
-    }
-
-    function Cookie_Set(name, val) {
-      // var strsec = getsec(time);
-      var exp = new Date();
-      // exp.setTime(exp.getTime() + strsec * 1);
-      document.cookie = name + "=" + val + ";path=/";
-    }
-     function Cookie_Get(name) {
-      var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
-      if (arr = document.cookie.match(reg)) {
-          return (arr[2]);
-      } else {
-          return null;
-      }
-    }
-    function getsec(str) {
-      var str1 = str.substring(1, str.length) * 1;
-      var str2 = str.substring(0, 1);
-      if (str2 == "s") {
-          return str1 * 1000;
-      } else if (str2 == "h") {
-          return str1 * 60 * 60 * 1000;
-      } else if (str2 == "d") {
-          return str1 * 24 * 60 * 60 * 1000;
-      }
-    }
-  </script>
-
-  <body>
-    <div class="header head3">
-      #include(navbar)
-    </div>
-
-    <div class="TopicPage">
-      <!--程序注意 只要含有“publicLink”这个导航的页面，header就得添加类名“head3” -->
-
-      <div class="publicLink">
-        <div class="container1260" style="align-items: center;">
-          <h5>AIPS4.0智慧物联平台</h5>
-          <div class="right">
-            <a href="./AIPS4.0_specific.html" class="active">功能特性</a>
-            <a href="./AIPS4.0_video.html">视频</a>
-            <a href="./AIPS4.0_download.html">资料下载</a>
-            <a href="./AIPS4.0_customize.html">定制</a>
-          </div>
-        </div>
-      </div>
-      <div class="Z6TopicPage1" style="padding-top: 20px;">
-        <img src="../../../../static/products/xixun_software/AIPS/AIPS4.0/img/AIPS4.0_CN - 副本.png" alt="" style="width: 20vw;height: auto;">
-      </div>
-    </div>
-    #include(footer)
-    <div class="Topping" id="ScrollTop"><i class="layui-icon layui-icon-top"></i></div>
-  </body>
-</html>
-
-<!--百度分享脚本-->
-<script type="text/javascript" src="../../../../static/js/share.js"></script>
-<!--select模拟插件-->
-<script type="text/javascript" src="../../../../static/js/select2.min.js"></script>
-<!--省市区三级联动-->
-<script type="text/javascript" src="https://pv.sohu.com/cityjson"></script>
-<script type="text/javascript" src="../../../../static/js/jquery.citys.js"></script>
-<!--wow入场插件-->
-<script type="text/javascript" src="../../../../static/js/wow.min.js"></script>
-<!-- 数字滚动插件 -->
-<script type="text/javascript" src="../../../../static/js/jquery.counterup.min.js"></script>
-<script type="text/javascript" src="../../../../static/js/waypoints.min.js"></script>
-<!--swiper插件-->
-<script type="text/javascript" src="../../../../static/js/swiper.jquery.min.js"></script>
-<!--瀑布流插件-->
-<script src="../../../../static/js/modernizr.custom.js"></script>
-<script src="../../../../static/js/masonry.pkgd.min.js"></script>
-<script src="../../../../static/js/imagesloaded.pkgd.min.js"></script>
-<script src="../../../../static/js/classie.js"></script>
-<script src="../../../../static/js/AnimOnScroll.js"></script>
-<!--自定义脚本-->
-<script type="text/javascript" src="../../../../js/layout.js"></script>
-<script>
-  if ($(".Z6TopicPage8").length > 0) {
-    $(window).scroll(function (event) {
-      var height = $(window).height() / 2;
-      var height1 = $(window).scrollTop();
-      var height2 = $(".Z6TopicPage8").offset().top - height;
-
-      if (height1 >= height2) {
-        $(".Z6TopicPage8 .imgBox").addClass("active");
-      }
-    });
-  }
-</script>
diff --git a/src/products/xixun_software/AIPS/LEDOK IoT/LEDOK IoT_customize.html b/src/products/xixun_software/AIPS/LEDOK IoT/LEDOK IoT_customize.html
index 99a72f2..e7fb7e4 100644
--- a/src/products/xixun_software/AIPS/LEDOK IoT/LEDOK IoT_customize.html	
+++ b/src/products/xixun_software/AIPS/LEDOK IoT/LEDOK IoT_customize.html	
@@ -73,342 +73,20 @@
       }
     }
   </script>
-<!-- <style lang="scss">
-
-  .customize1024 {
-    display: flex;
-    width: 100%;
-    background-color: #3f6183;
-    /* box-shadow: 1px 1px 3px rgb(0 0 0 / 20%); */
-}
-  .customizeRight {
-    position: relative;
-    width: 40%;
-    height: 80vh;
-  }
-
-  .customizeLeft {
-    width: 60%;
-    padding: 10px 20px;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-around;
-  }
-
-  .customizeTitle {
-    padding: 10px;
-    font-size: 18px;
-    color: #ffffff
-  }
-
-  .customizeContent {
-    width: 100%;
-    padding: 10px;
-    font-size: 14px;
-    text-align: justify;
-    text-indent: 2em;
-    color: #ffffff
-  }
-
-  .customizeForm {
-    width: 100%;
-
-  }
-
-  .contactBox {
-    width: 100%;
-    box-sizing: border-box;
-    display: flex;
-    justify-content: center;
-    align-content: flex-end;
-  }
-
-  .layui-table {
-    width: 100%;
-    margin: 0px;
-  }
-
-  .layui-table thead th,
-  .layui-table thead td {
-    text-align: center;
-  }
-
-  .layui-table thead th {
-    background-color: #4a698f;
-    font-size: 16px;
-    font-weight: 700;
-    color: #ffffff;
-  }
-
-  .form-title {
-    text-align: center;
-    font-weight: 700;
-    font-size: 15px;
-    color: #ffffff;
-  }
-
-  .form-group {
-    display: flex;
-    margin-bottom: 10px;
-  }
-
-  .form-group>label {
-    width: 100px;
-    font-size: 13px;
-    color: #ffffff;
-  }
-
-  .form-control {
-    width: 300px;
-    padding: 3px;
-    border: 1px solid #ccc;
-    border-radius: 4px;
-  }
-
-  .Btn {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background-color: #366ca7;
-    color: white;
-    border: none;
-    padding: 5px 10px;
-    border-radius: 4px;
-    cursor: pointer;
-    font-size: 15px;
-    transition: background-color 0.3s ease;
-  }
-
-  .Btn:hover {
-    background-color: #0056b3;
-  }
-
-  @media (max-width: 1024px) {
-    .customize1024 {
-      display: block;
-      padding: 5px;
-      width: 100%;
-
-    }
-    .customizeRight {
-      position: relative;
-      width: 100%;
-      height: 40vh;
-    }
-
-    .customizeLeft {
-      width: 100%;
-      padding: 10px 20px;
-    }
-
-    .customizeTitle {
-      padding: 5px;
-      font-size: 14px;
-    }
-
-    .customizeContent {
-      padding: 5px;
-      font-size: 12px;
-    }
-
-    table th,
-    table td {
-      font-size: 10px;
-    }
-    .contactBox {
-   margin-top: 20px;
-  }
-    .form-title {
-      font-size: 14px;
-    }
-
-    .form-group {
-      display: flex;
-      margin-bottom: 5px;
-    }
-
-    .form-group>label {
-      width: 80px;
-      font-size: 12px;
-    }
-
-    .form-control {
-      width: 250px;
-      padding: 1px;
-      border-radius: 4px;
-    }
-
-    .Btn {
-      padding: 3px 6px;
-      border-radius: 2px;
-      font-size: 12px;
-    }
-  }
-</style> -->
 <style lang="scss">
-  .customize1024 {
-    display: flex;
-    width: 100%;
+   .customize{
     background-color: #3f6183;
   }
-
-  .customizeRight {
-    position: relative;
-    width: 40%;
-    height: 100%;
+  .customize .content_box .layui-table thead th {
+  background-color: #4a698f;
+  color: #fff;
   }
-
-  .customizeLeft {
-    width: 60%;
-    padding: 20px 20px;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-around;
-  }
-
-  .customizeTitle {
-    padding: 10px;
-    font-size: 18px;
-    color: #ffffff
-  }
-
-  .customizeContent {
-    width: 100%;
-    padding: 10px;
-    font-size: 14px;
-    text-align: justify;
-    text-indent: 2em;
-    color: #ffffff
-  }
-
-  .customizeForm {
-    width: 100%;
-    margin-bottom: 30px;
-
-  }
-
-  .contactBox {
-    width: 100%;
-    box-sizing: border-box;
-    display: flex;
-    justify-content: center;
-    align-content: flex-end;
-  }
-
-  .layui-table {
-    width: 100%;
-    margin: 0px;
-  }
-
-  .layui-table thead th,
-  .layui-table thead td {
-    text-align: center;
-  }
-
-  .layui-table thead th {
-    background-color: #4a698f;
-    font-size: 16px;
-    font-weight: 700;
-    
-  }
-
-  .form-title {
-    text-align: center;
-    font-weight: 700;
-    font-size: 16px;
-    color: white;
-  }
-
-  .form-group {
-    display: flex;
-    margin-bottom: 10px;
-  }
-
-  .form-group>div {
-    width: 100px;
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-    font-size: 14px;
-    font-weight: 600;
-    color: white;
-    margin-right:8px;
-  }
-  #textareaLable{
-    width: 100px;
-    display: flex;
-    align-items: flex-start;
-    justify-content: flex-end;
-    font-size: 14px
-  }
-
-  .form-group>textarea {
-    height: 100px;
-  }
-
-  .form-control {
-    width: 300px;
-    padding: 9px 12px;
-    border: 1px solid #ccc;
-    border-radius: 6px;
-  }
-
-  .Btn {
-    display: flex;
-    justify-content: center;
-    align-items: center;
+  .customize .content_box .contact .Btn{
     background-color: #366ca7;
-    color: white;
-    border: none;
-    padding: 5px 10px;
-    border-radius: 4px;
-    cursor: pointer;
-    font-size: 15px;
-    transition: background-color 0.3s ease;
   }
-
-  .Btn:hover {
+  .customize .content_box .contact .Btn:hover {
     background-color: #0056b3;
   }
-
-  @media (max-width: 1024px) {
-    .customize1024 {
-      display: block;
-      width: 100%;
-
-    }
-
-    .customizeRight {
-      position: relative;
-      width: 100%;
-      height: 60vh;
-    }
-
-    .customizeLeft {
-      width: 100%;
-      padding: 20px 20px;
-    }
-
-    .customizeTitle {
-      padding: 5px;
-      font-size: 14px;
-    }
-
-    .customizeContent {
-      padding: 5px;
-      font-size: 12px;
-    }
-  }
-  @media (max-width: 460px) {
-    .form-control {
-      width: 150px;
-      padding: 5px;
-    }
-    .form-group>label {
-     
-      font-size: 12px;
-    }
-  }
 </style>
   <body>
     <div class="header head3">#include(navbar)</div>
@@ -429,16 +107,16 @@
       </div>
       <div class="publicLink" style="background-color: #f7f8f9">
         <div class="container1260" style="padding: 20px">
-          <div class="customize1024">
-            <div class="customizeRight">
-              <div style="position: absolute; top: 5%; left: 5%; width: 60%">
-                <p class="customizeTitle">LEDOK IoT智慧物联平台</p>
-                <p class="customizeContent">赋能云端，铸就专属领地——为您提供一站式云平台OEM私有化部署解决方案！依托丰富的行业运营经验和深厚的技术积淀，我们精心设计和定制符合您业务特性的车载广告与智慧物联一体化管理平台，实现全方位、精细化运营。私有化部署模式，让您的数据存储更加安全可控，运营策略更加灵活多变，助力您洞见行业先机，提升运营效能，最大化商业价值，共同塑造车载广告与智慧物联新时代！</p>
+          <div class="customize">
+            <div class="pic_box">
+              <div style="position: absolute; top: 5%; left: 5%; width: 70%">
+                <p class="title">LEDOK IoT智慧物联平台</p>
+                <p class="content">赋能云端，铸就专属领地——为您提供一站式云平台OEM私有化部署解决方案！依托丰富的行业运营经验和深厚的技术积淀，我们精心设计和定制符合您业务特性的车载广告与智慧物联一体化管理平台，实现全方位、精细化运营。私有化部署模式，让您的数据存储更加安全可控，运营策略更加灵活多变，助力您洞见行业先机，提升运营效能，最大化商业价值，共同塑造车载广告与智慧物联新时代！</p>
               </div>
               <img src="../../../../static/products/xixun_software/AIPS/3云平台.jpg" alt="" style="width: 100%; height: 100%" />
             </div>
-            <div class="customizeLeft">
-              <div  class="customizeForm">
+            <div class="content_box">
+              <div  class="Forms">
                 <!-- <table class="layui-table" lay-even lay-size="lg"> -->
                 <table class="layui-table xixun_software_table" lay-even>
                   <colgroup>
@@ -488,9 +166,9 @@
                 </table>
               </div>
               
-              <div class="contactBox">
+              <div class="contact">
                 <div>
-                  <div class="form-title">联系我们的专业软件产品经理</div>
+                  <div class="title">联系我们的专业软件产品经理</div>
                   <br>
                   <form id="contactForm">
                     <div class="form-group">
diff --git a/src/products/xixun_software/AIPS/Vehicle HUB/Vehicle HUB_customize.html b/src/products/xixun_software/AIPS/Vehicle HUB/Vehicle HUB_customize.html
index 71ef803..6dd1b89 100644
--- a/src/products/xixun_software/AIPS/Vehicle HUB/Vehicle HUB_customize.html	
+++ b/src/products/xixun_software/AIPS/Vehicle HUB/Vehicle HUB_customize.html	
@@ -73,341 +73,20 @@
       }
     }
   </script>
-<!-- <style lang="scss">
-  .customize1024 {
-    display: flex;
-    width: 100%;
-    background-color: #3f6183;
-  }
-
-  .customizeRight {
-    position: relative;
-    width: 40%;
-    height: 80vh;
-  }
-
-  .customizeLeft {
-    width: 60%;
-    padding: 10px 20px;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-around;
-  }
-
-  .customizeTitle {
-    padding: 10px;
-    font-size: 18px;
-    color: #ffffff
-  }
-
-  .customizeContent {
-    width: 100%;
-    padding: 10px;
-    font-size: 14px;
-    text-align: justify;
-    text-indent: 2em;
-    color: #ffffff
-  }
-
-  .customizeForm {
-    width: 100%;
-
-  }
-
-  .contactBox {
-    width: 100%;
-    box-sizing: border-box;
-    display: flex;
-    justify-content: center;
-    align-content: flex-end;
-  }
-
-  .layui-table {
-    width: 100%;
-    margin: 0px;
-  }
-
-  .layui-table thead th,
-  .layui-table thead td {
-    text-align: center;
-  }
-
-  .layui-table thead th {
-    background-color: #4a698f;
-    font-size: 16px;
-    font-weight: 700;
-    color: #ffffff;
-  }
-
-  .form-title {
-    text-align: center;
-    font-weight: 700;
-    font-size: 15px;
-    color: #ffffff;
-  }
-
-  .form-group {
-    display: flex;
-    margin-bottom: 10px;
-  }
-
-  .form-group>label {
-    width: 100px;
-    font-size: 13px;
-    color: #ffffff;
-  }
-
-  .form-control {
-    width: 300px;
-    padding: 3px;
-    border: 1px solid #ccc;
-    border-radius: 4px;
-  }
-
-  .Btn {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background-color: #366ca7;
-    color: white;
-    border: none;
-    padding: 5px 10px;
-    border-radius: 4px;
-    cursor: pointer;
-    font-size: 15px;
-    transition: background-color 0.3s ease;
-  }
-
-  .Btn:hover {
-    background-color: #0056b3;
-  }
-
-  @media (max-width: 1024px) {
-    .customize1024 {
-      display: block;
-      padding: 5px;
-      width: 100%;
-
-    }
-    .customizeRight {
-      position: relative;
-      width: 100%;
-      height: 40vh;
-    }
-
-    .customizeLeft {
-      width: 100%;
-      padding: 10px 20px;
-    }
-
-    .customizeTitle {
-      padding: 5px;
-      font-size: 14px;
-    }
-
-    .customizeContent {
-      padding: 5px;
-      font-size: 12px;
-    }
-
-    table th,
-    table td {
-      font-size: 10px;
-    }
-    .contactBox {
-   margin-top: 20px;
-  }
-    .form-title {
-      font-size: 14px;
-    }
-
-    .form-group {
-      display: flex;
-      margin-bottom: 5px;
-    }
-
-    .form-group>label {
-      width: 80px;
-      font-size: 12px;
-    }
-
-    .form-control {
-      width: 250px;
-      padding: 1px;
-      border-radius: 4px;
-    }
-
-    .Btn {
-      padding: 3px 6px;
-      border-radius: 2px;
-      font-size: 12px;
-    }
-  }
-</style> -->
 <style lang="scss">
-  .customize1024 {
-    display: flex;
-    width: 100%;
+    .customize{
     background-color: #3f6183;
-  }
-
-  .customizeRight {
-    position: relative;
-    width: 40%;
-    height: 100%;
-  }
-
-  .customizeLeft {
-    width: 60%;
-    padding: 20px 20px;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-around;
-  }
-
-  .customizeTitle {
-    padding: 10px;
-    font-size: 18px;
-    color: #ffffff
-  }
-
-  .customizeContent {
-    width: 100%;
-    padding: 10px;
-    font-size: 14px;
-    text-align: justify;
-    text-indent: 2em;
-    color: #ffffff
-  }
-
-  .customizeForm {
-    width: 100%;
-    margin-bottom: 30px;
-
-  }
-
-  .contactBox {
-    width: 100%;
-    box-sizing: border-box;
-    display: flex;
-    justify-content: center;
-    align-content: flex-end;
-  }
-
-  .layui-table {
-    width: 100%;
-    margin: 0px;
-  }
-
-  .layui-table thead th,
-  .layui-table thead td {
-    text-align: center;
-  }
-
-  .layui-table thead th {
+    }
+   .customize .content_box .layui-table thead th {
     background-color: #4a698f;
-    font-size: 16px;
-    font-weight: 700;
-    color: #ffffff;
-  }
-
-  .form-title {
-    text-align: center;
-    font-weight: 700;
-    font-size: 16px;
-    color: white;
-  }
-
-  .form-group {
-    display: flex;
-    margin-bottom: 10px;
-  }
-
-  .form-group>div {
-    width: 100px;
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-    font-size: 14px;
-    font-weight: 600;
-    color: white;
-    margin-right:8px;
-  }
-  #textareaLable{
-    width: 100px;
-    display: flex;
-    align-items: flex-start;
-    justify-content: flex-end;
-    font-size: 14px
-  }
-
-  .form-group>textarea {
-    height: 100px;
-  }
-
-  .form-control {
-    width: 300px;
-    padding: 9px 12px;
-    border: 1px solid #ccc;
-    border-radius: 6px;
-  }
-
-  .Btn {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background-color: #366ca7;
-    color: white;
-    border: none;
-    padding: 5px 10px;
-    border-radius: 4px;
-    cursor: pointer;
-    font-size: 15px;
-    transition: background-color 0.3s ease;
-  }
-
-  .Btn:hover {
+    color: #fff;
+    }
+    .customize .content_box .contact .Btn{
+     background-color: #366ca7;
+   }
+   .customize .content_box .contact .Btn:hover {
     background-color: #0056b3;
-  }
-
-  @media (max-width: 1024px) {
-    .customize1024 {
-      display: block;
-      width: 100%;
-
-    }
-
-    .customizeRight {
-      position: relative;
-      width: 100%;
-      height: 60vh;
-    }
-
-    .customizeLeft {
-      width: 100%;
-      padding: 20px 20px;
-    }
-
-    .customizeTitle {
-      padding: 5px;
-      font-size: 14px;
-    }
-
-    .customizeContent {
-      padding: 5px;
-      font-size: 12px;
-    }
-  }
-  @media (max-width: 460px) {
-    .form-control {
-      width: 150px;
-      padding: 5px;
-    }
-    .form-group>label {
-     
-      font-size: 12px;
-    }
-  }
+   }
 </style>
   <body>
     <div class="header head3">#include(navbar)</div>
@@ -428,16 +107,16 @@
       </div>
       <div class="publicLink" style="background-color: #f7f8f9">
         <div class="container1260" style="padding: 20px;">
-          <div class="customize1024">
-            <div class="customizeRight">
-              <div style="position: absolute; top: 5%; left: 5%; width: 60%">
-                <p class="customizeTitle">Vehicle HUB车载专用平台</p>
-                <p class="customizeContent">赋能云端，铸就专属领地——为您提供一站式云平台OEM私有化部署解决方案！依托丰富的行业运营经验和深厚的技术积淀，我们精心设计和定制符合您业务特性的车载广告与智慧物联一体化管理平台，实现全方位、精细化运营。私有化部署模式，让您的数据存储更加安全可控，运营策略更加灵活多变，助力您洞见行业先机，提升运营效能，最大化商业价值，共同塑造车载广告与智慧物联新时代！</p>
+          <div class="customize">
+            <div class="pic_box">
+              <div style="position: absolute; top: 5%; left: 5%; width: 70%">
+                <p class="title">Vehicle HUB车载专用平台</p>
+                <p class="content">赋能云端，铸就专属领地——为您提供一站式云平台OEM私有化部署解决方案！依托丰富的行业运营经验和深厚的技术积淀，我们精心设计和定制符合您业务特性的车载广告与智慧物联一体化管理平台，实现全方位、精细化运营。私有化部署模式，让您的数据存储更加安全可控，运营策略更加灵活多变，助力您洞见行业先机，提升运营效能，最大化商业价值，共同塑造车载广告与智慧物联新时代！</p>
               </div>
               <img src="../../../../static/products/xixun_software/AIPS/3云平台.jpg" alt="" style="width:100%; height: 100%" />
             </div>
-            <div  class="customizeLeft">
-              <div class="customizeForm">
+            <div  class="content_box">
+              <div class="Forms">
                 <!-- <table class="layui-table" lay-even lay-size="lg"> -->
                 <table class="layui-table " lay-even>
                   <colgroup>
@@ -487,9 +166,9 @@
                 </table>
               </div>
               
-              <div class="contactBox">
+              <div class="contact">
                 <div>
-                  <div class="form-title">联系我们的专业软件产品经理</div>
+                  <div class="title">联系我们的专业软件产品经理</div>
                   <br>
                   <form id="contactForm">
                     <div class="form-group">
diff --git a/src/products/xixun_software/APP/I Led/I Led_customize.html b/src/products/xixun_software/APP/I Led/I Led_customize.html
index 543947b..9195d5b 100644
--- a/src/products/xixun_software/APP/I Led/I Led_customize.html	
+++ b/src/products/xixun_software/APP/I Led/I Led_customize.html	
@@ -11,17 +11,17 @@
   <meta name="apple-mobile-web-app-status-bar-style" content="black" />
   <meta name="format-detection" content="telephone=no" />
   <meta name="applicable-device" content="pc,mobile" />
-  <link rel="shortcut icon" href="../../../../favicon.ico" />
+  <link rel="shortcut icon" href="/favicon.ico" />
   <title>熙讯-软件服务-I Led</title>
   <meta name="keywords" content="熙讯,LED控制系统,LED控制卡,播控系统,软件服务,熙讯下载,解决方案提供商-熙讯、熙讯云科技、熙讯电子科技有限公司、熙讯官网、熙讯下载" />
   <meta name="description"
     content="上海熙讯电子科技有限公司是全球户外数字传媒与LED显示控制系统解决方案服务商，致力于以互联网技术和智能系统推动行业的产业升级，为打造数字智慧城市贡献力量。10年来我们精耕于这一领域，凭借卓越的创新能力、突出的定制能力、优秀的服务能力、赢得了全球客户的信任！" />
-  <link rel="stylesheet" href="../../../../static/iconfont/iconfont.css" />
-  <link rel="stylesheet" type="text/css" href="../../../../static/layui/css/layui.css" />
-  <link rel="stylesheet" type="text/css" href="../../../../static/css/layout.css" />
+  <link rel="stylesheet" href="/static/iconfont/iconfont.css" />
+  <link rel="stylesheet" type="text/css" href="/static/layui/css/layui.css" />
+  <link rel="stylesheet" type="text/css" href="/static/css/layout.css" />
 
-  <script type="text/javascript" src="../../../../static/js/jquery.min.js"></script>
-  <script type="text/javascript" src="../../../../static/js/BeerSlider.js"></script>
+  <script type="text/javascript" src="/static/js/jquery.min.js"></script>
+  <script type="text/javascript" src="/static/js/BeerSlider.js"></script>
   <meta name="Author" content="xixun" />
 </head>
 
@@ -83,212 +83,10 @@
     });
   });
 </script>
-<!-- <style lang="scss">
-  .customize1024 {
-    display: flex;
-    width: 100%;
-    background-color: #57abff;
-  }
 
-  .customizeRight {
-    position: relative;
-    width: 40%;
-    height: 80vh;
-  }
-
-  .customizeLeft {
-    width: 60%;
-    padding: 10px 20px;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-around;
-  }
-  .bgImg{
-    width:18.75rem;
-     height: 18.75rem;
-     position: absolute;
-      bottom: 20%;
-       right: 5%;
-  }
-  .customizeRightText {
-    position: absolute;
-    top: 5%;
-    left: 5%;
-    width: 60%;
-    z-index: 999;
-  }
-
-  .customizeTitle {
-    padding: 10px;
-    font-size: 18px;
-    color: #ffffff
-  }
-
-  .customizeContent {
-    width: 100%;
-    padding: 10px;
-    font-size: 14px;
-    text-align: justify;
-    text-indent: 2em;
-    color: #ffffff
-  }
-
-  .customizeForm {
-    width: 100%;
-
-  }
-
-  .contactBox {
-    width: 100%;
-    box-sizing: border-box;
-    display: flex;
-    justify-content: center;
-    align-content: flex-end;
-  }
-
-  .layui-table {
-    width: 100%;
-    margin: 0px;
-  }
-
-  .layui-table thead th,
-  .layui-table thead td {
-    text-align: center;
-  }
-
-  .layui-table thead th {
-    background-color: #9dc9ff;
-    font-size: 16px;
-    font-weight: 700;
-  }
-
-  .form-title {
-    text-align: center;
-    font-weight: 700;
-    font-size: 15px;
-    color: #434850;
-  }
-
-  .form-group {
-    display: flex;
-    margin-bottom: 10px;
-  }
-
-  .form-group>label {
-    width: 100px;
-    font-size: 13px;
-  }
-
-  .form-control {
-    width: 300px;
-    padding: 3px;
-    border: 1px solid #ccc;
-    border-radius: 4px;
-  }
-
-  .Btn {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background-color: #007bff;
-    color: white;
-    border: none;
-    padding: 5px 10px;
-    border-radius: 4px;
-    cursor: pointer;
-    font-size: 15px;
-    transition: background-color 0.3s ease;
-  }
-
-  .Btn:hover {
-    background-color: #0056b3;
-  }
-
-  @media (max-width: 1024px) {
-    .customize1024 {
-      display: block;
-      padding: 5px;
-      width: 100%;
-
-    }
-   
-    .customizeRight {
-      position: relative;
-      width: 100%;
-      height: 40vh;
-    }
-
-    .customizeLeft {
-      width: 100%;
-      padding: 10px 20px;
-    }
-    .bgImg{
-    width:13.75rem;
-     height: 13.75rem;
-    
-  }
-    .customizeRightText {
-
-      width: 40%;
-    }
-
-    .customizeTitle {
-      padding: 5px;
-      font-size: 14px;
-    }
-
-    .customizeContent {
-      padding: 5px;
-      font-size: 12px;
-    }
-
-    table th,
-    table td {
-      font-size: 10px;
-    }
-
-    .contactBox {
-      margin-top: 20px;
-    }
-
-    .form-title {
-      font-size: 14px;
-    }
-
-    .form-group {
-      display: flex;
-      margin-bottom: 5px;
-    }
-
-    .form-group>label {
-      width: 80px;
-      font-size: 12px;
-    }
-
-    .form-control {
-      width: 250px;
-      padding: 1px;
-      border-radius: 4px;
-    }
-
-    .Btn {
-      padding: 3px 6px;
-      border-radius: 2px;
-      font-size: 12px;
-    }
-  }
-</style> -->
 <style lang="scss">
-  .customize1024 {
-    display: flex;
-    width: 100%;
-    background-color: #57abff;
-  }
-
-  .customizeRight {
-    position: relative;
-    width: 40%;
-    height: 100%;
+ .customize{
+  background-color: #57abff;
   }
   .bgImg{
     width:18.75rem;
@@ -297,155 +95,57 @@
       bottom: 20%;
        right: 5%;
   }
-  .customizeLeft {
-    width: 60%;
-    padding: 20px 20px;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-around;
-  }
-
-  .customizeTitle {
-    padding: 10px;
-    font-size: 18px;
-    color: #ffffff
-  }
-
-  .customizeContent {
-    width: 100%;
-    padding: 10px;
-    font-size: 14px;
-    text-align: justify;
-    text-indent: 2em;
-    color: #ffffff
-  }
-
-  .customizeForm {
-    width: 100%;
-    margin-bottom: 30px;
-
-  }
-
-  .contactBox {
-    width: 100%;
-    box-sizing: border-box;
-    display: flex;
-    justify-content: center;
-    align-content: flex-end;
-  }
-
-  .layui-table {
-    width: 100%;
-    margin: 0px;
-  }
-
-  .layui-table thead th,
-  .layui-table thead td {
-    text-align: center;
-  }
-
-  .layui-table thead th {
+  .customize .content_box .layui-table thead th {
     background-color: #9dc9ff;
-    font-size: 16px;
-    font-weight: 700;
+  color: #fff;
   }
-
-  .form-title {
-    text-align: center;
-    font-weight: 700;
-    font-size: 16px;
-    color: white;
-  }
-
-  .form-group {
-    display: flex;
-    margin-bottom: 10px;
-  }
-
-  .form-group>div {
-    width: 100px;
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-    font-size: 14px;
-    font-weight: 600;
-    color: white;
-    margin-right:8px;
-  }
-  #textareaLable{
-    width: 100px;
-    display: flex;
-    align-items: flex-start;
-    justify-content: flex-end;
-    font-size: 14px
-  }
-
-  .form-group>textarea {
-    height: 100px;
-  }
-
-  .form-control {
-    width: 300px;
-    padding: 9px 12px;
-    border: 1px solid #ccc;
-    border-radius: 6px;
-  }
-
-  .Btn {
-    display: flex;
-    justify-content: center;
-    align-items: center;
+  .customize .content_box .contact .Btn{
     background-color: #007bff;
-    color: white;
-    border: none;
-    padding: 5px 10px;
-    border-radius: 4px;
-    cursor: pointer;
-    font-size: 15px;
-    transition: background-color 0.3s ease;
   }
-
-  .Btn:hover {
+  .customize .content_box .contact .Btn:hover {
     background-color: #0056b3;
   }
-
-  @media (max-width: 1024px) {
-    .customize1024 {
-      display: block;
-      width: 100%;
-
-    }
-
-    .customizeRight {
-      position: relative;
-      width: 100%;
-      height: 60vh;
-    }
-
-    .customizeLeft {
-      width: 100%;
-      padding: 20px 20px;
-    }
-
-    .customizeTitle {
-      padding: 5px;
-      font-size: 14px;
-    }
-
-    .customizeContent {
-      padding: 5px;
-      font-size: 12px;
-    }
+  @media (max-width: 992px){
+    .bgImg{
+    width:12rem;
+     height: 12rem;
+     position: absolute;
+      bottom: 20%;
+       right: 5%;
+  }
+  .customize .pic_box .title {
+    display: block;
+
+  }
+  .customize .pic_box .content {
+    display: block;
+  }
+
+  }
+  @media (max-width: 900px){
+    .bgImg{
+    width:120px;
+     height: 120px;
+     position: absolute;
+      bottom: 20%;
+       right: 5%;
+  }
+  .customize .pic_box .title {
+    display: block;
+
+  }
+  .customize .pic_box .content {
+    display: block;
+  }
+  }
+  @media (max-width: 500px){
+    .bgImg{
+    width:0px;
+     height: 0px;
+     position: absolute;
+      bottom: 20%;
+       right: 5%;
   }
-  @media (max-width: 460px) {
-    .form-control {
-      width: 150px;
-      padding: 5px;
-    }
-    .form-group>label {
-     
-      font-size: 12px;
-    }
   }
 </style>
 <body>
@@ -467,19 +167,19 @@
     </div>
     <div class="publicLink" style="background-color: #f7f8f9">
       <div class="container1260" style="padding: 20px">
-        <div class="customize1024">
-          <div class="customizeRight">
-            <div class="customizeRightText">
-              <p class="customizeTitle">I Led</p>
-              <p class="customizeContent">
+        <div class="customize">
+          <div class="pic_box">
+            <div style="position: absolute; top: 5%; left: 5%; width: 64%">
+              <p class="title">I Led</p>
+              <p class="content">
                 专注于LED显示应用行业的专业力量，我们精于定制，为您点亮无限可能。专为LED显示屏领域度身打造PC端控制软件，凭借深厚行业经验和专业技术积累，我们深谙您的独特需求，旨在以精准操控和卓越性能，引领您走向显示技术的前沿，让您在LED显示世界中游刃有余，尽享专业定制带来的无尽可能!
               </p>
             </div>
             <img src="../../../../static/products/xixun_software/APP/OphpUuHW62.png" alt="" class="bgImg"
                />
           </div>
-          <div class="customizeLeft">
-            <div class="customizeForm">
+          <div class="content_box">
+            <div class="Forms">
               <!-- <table class="layui-table" lay-even lay-size="lg"> -->
                 <table class="layui-table" lay-even>
                   <colgroup>
@@ -525,9 +225,9 @@
                 </table>
             </div>
 
-            <div class="contactBox">
+            <div class="contact">
               <div>
-                <div class="form-title">联系我们的专业软件产品经理</div>
+                <div class="title">联系我们的专业软件产品经理</div>
                 <br>
                 <form id="contactForm">
                   <div class="form-group">
diff --git a/src/products/xixun_software/APP/LEDOK Lite/LEDOK Lite_customize.html b/src/products/xixun_software/APP/LEDOK Lite/LEDOK Lite_customize.html
index 45b2846..4f83cd7 100644
--- a/src/products/xixun_software/APP/LEDOK Lite/LEDOK Lite_customize.html	
+++ b/src/products/xixun_software/APP/LEDOK Lite/LEDOK Lite_customize.html	
@@ -73,340 +73,34 @@
       }
     }
   </script>
-<!-- <style lang="scss">
-  .customize1024 {
-    display: flex;
-    width: 100%;
-    background-color: #819cb9;
-  }
 
-  .customizeRight {
-    position: relative;
-    width: 40%;
-    height: 80vh;
-  }
-
-  .customizeLeft {
-    width: 60%;
-    padding: 10px 20px;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-around;
-  }
-
-  .customizeTitle {
-    padding: 10px;
-    font-size: 18px;
-    color: #000000
-  }
-
-  .customizeContent {
-    width: 100%;
-    padding: 10px;
-    font-size: 14px;
-    text-align: justify;
-    text-indent: 2em;
-    color: #000000
-  }
-
-  .customizeForm {
-    width: 100%;
-
-  }
-
-  .contactBox {
-    width: 100%;
-    box-sizing: border-box;
-    display: flex;
-    justify-content: center;
-    align-content: flex-end;
-  }
-
-  .layui-table {
-    width: 100%;
-    margin: 0px;
-  }
-
-  .layui-table thead th,
-  .layui-table thead td {
-    text-align: center;
-  }
-
-  .layui-table thead th {
-    background-color: #97a4b5;
-    font-size: 16px;
-    font-weight: 700;
-    color:#ffffff;
-  }
-
-  .form-title {
-    text-align: center;
-    font-weight: 700;
-    font-size: 15px;
-    color: #434850;
-  }
-
-  .form-group {
-    display: flex;
-    margin-bottom: 10px;
-  }
-
-  .form-group>label {
-    width: 100px;
-    font-size: 13px;
-  }
-
-  .form-control {
-    width: 300px;
-    padding: 3px;
-    border: 1px solid #ccc;
-    border-radius: 4px;
-  }
-
-  .Btn {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background-color: #476d9f;
-    color: white;
-    border: none;
-    padding: 5px 10px;
-    border-radius: 4px;
-    cursor: pointer;
-    font-size: 15px;
-    transition: background-color 0.3s ease;
-  }
-
-  .Btn:hover {
-    background-color: #345887;
-  }
-
-  @media (max-width: 1024px) {
-    .customize1024 {
-      display: block;
-      padding: 5px;
-      width: 100%;
-
-    }
-    .customizeRight {
-      position: relative;
-      width: 100%;
-      height: 40vh;
-    }
-
-    .customizeLeft {
-      width: 100%;
-      padding: 10px 20px;
-    }
-
-    .customizeTitle {
-      padding: 5px;
-      font-size: 14px;
-    }
-
-    .customizeContent {
-      padding: 5px;
-      font-size: 12px;
-    }
-
-    table th,
-    table td {
-      font-size: 10px;
-    }
-    .contactBox {
-   margin-top: 20px;
-  }
-    .form-title {
-      font-size: 14px;
-    }
-
-    .form-group {
-      display: flex;
-      margin-bottom: 5px;
-    }
-
-    .form-group>label {
-      width: 80px;
-      font-size: 12px;
-    }
-
-    .form-control {
-      width: 250px;
-      padding: 1px;
-      border-radius: 4px;
-    }
-
-    .Btn {
-      padding: 3px 6px;
-      border-radius: 2px;
-      font-size: 12px;
-    }
-  }
-</style> -->
 <style lang="scss">
-  .customize1024 {
-    display: flex;
-    width: 100%;
+  .customize{
     background-color: #819cb9;
   }
-
-  .customizeRight {
-    position: relative;
-    width: 40%;
-    height: 100%;
-  }
-
-  .customizeLeft {
-    width: 60%;
-    padding: 20px 20px;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-around;
-  }
-
-  .customizeTitle {
-    padding: 10px;
-    font-size: 18px;
+  .customize .pic_box .title {
     color: #000000
   }
-
-  .customizeContent {
-    width: 100%;
-    padding: 10px;
-    font-size: 14px;
-    text-align: justify;
-    text-indent: 2em;
+  .customize .pic_box .content {
     color: #000000
   }
-
-  .customizeForm {
-    width: 100%;
-    margin-bottom: 30px;
-
-  }
-
-  .contactBox {
-    width: 100%;
-    box-sizing: border-box;
-    display: flex;
-    justify-content: center;
-    align-content: flex-end;
-  }
-
-  .layui-table {
-    width: 100%;
-    margin: 0px;
-  }
-
-  .layui-table thead th,
-  .layui-table thead td {
-    text-align: center;
-  }
-
-  .layui-table thead th {
+  .customize .content_box .layui-table thead th {
     background-color: #97a4b5;
-    font-size: 16px;
-    font-weight: 700;
-    color:#ffffff;
+    color: #fff;
   }
-
-  .form-title {
-    text-align: center;
-    font-weight: 700;
-    font-size: 16px;
-    color: white;
-  }
-
-  .form-group {
-    display: flex;
-    margin-bottom: 10px;
-  }
-
-  .form-group>div {
-    width: 100px;
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-    font-size: 14px;
-    font-weight: 600;
-    color: white;
-    margin-right:8px;
-  }
-  #textareaLable{
-    width: 100px;
-    display: flex;
-    align-items: flex-start;
-    justify-content: flex-end;
-    font-size: 14px
-  }
-
-  .form-group>textarea {
-    height: 100px;
-  }
-
-  .form-control {
-    width: 300px;
-    padding: 9px 12px;
-    border: 1px solid #ccc;
-    border-radius: 6px;
-  }
-
-  .Btn {
-    display: flex;
-    justify-content: center;
-    align-items: center;
+  .customize .content_box .contact .Btn{
     background-color:  #476d9f;
-    color: white;
-    border: none;
-    padding: 5px 10px;
-    border-radius: 4px;
-    cursor: pointer;
-    font-size: 15px;
-    transition: background-color 0.3s ease;
   }
-
-  .Btn:hover {
+  .customize .content_box .contact .Btn:hover {
     background-color: #345887;
   }
-
-  @media (max-width: 1024px) {
-    .customize1024 {
-      display: block;
-      width: 100%;
-
-    }
-
-    .customizeRight {
-      position: relative;
-      width: 100%;
-      height: 60vh;
-    }
-
-    .customizeLeft {
-      width: 100%;
-      padding: 20px 20px;
-    }
-
-    .customizeTitle {
-      padding: 5px;
-      font-size: 14px;
-    }
-
-    .customizeContent {
-      padding: 5px;
-      font-size: 12px;
-    }
-  }
-  @media (max-width: 460px) {
-    .form-control {
-      width: 150px;
-      padding: 5px;
-    }
-    .form-group>label {
-     
-      font-size: 12px;
-    }
-  }
+  .image::before {
+  content: "文字内容";
+  position: absolute;
+  top: 10px;
+  left: 10px;
+  z-index: 10;
+}
 </style>
   <body>
     <div class="header head3">#include(navbar)</div>
@@ -427,16 +121,16 @@
       </div>
       <div class="publicLink" style="background-color: #f7f8f9">
         <div class="container1260" style=" padding: 20px">
-          <div class="customize1024">
-            <div class="customizeRight">
-              <div style="position: absolute; top: 5%; left: 5%; width: 64%">
-                <p class="customizeTitle">LEDOK Lite</p>
-                <p class="customizeContent">【专业铸就品质，OEM定义未来——打造LED行业的专享专业级APP定制方案】为您倾力定制独一无二的手机APP OEM解决方案。APP适用LED显示通用信发领域和多个LED细分行业，比如比赛屏，魔方屏，货架屏等，采用OEM定制方式，您的APP将烙印上独特的品牌标识，享有独立知识产权，充分展现企业个性与特色。助您在瞬息万变的市场环境中稳健前行，以更强的竞争力、更高的运营效率以及更优的品牌形象引领LED行业的新潮流。</p>
+          <div class="customize">
+            <div class="pic_box">
+              <div style="position: absolute; top: 5%; left: 5%; width: 80%">
+                <p class="title">LEDOK Lite</p>
+                <p class="content">【专业铸就品质，OEM定义未来——打造LED行业的专享专业级APP定制方案】为您倾力定制独一无二的手机APP OEM解决方案。APP适用LED显示通用信发领域和多个LED细分行业，比如比赛屏，魔方屏，货架屏等，采用OEM定制方式，您的APP将烙印上独特的品牌标识，享有独立知识产权，充分展现企业个性与特色。助您在瞬息万变的市场环境中稳健前行，以更强的竞争力、更高的运营效率以及更优的品牌形象引领LED行业的新潮流。</p>
               </div>
               <img src="../../../../static/products/xixun_software/APP/2手机APP定制.jpg" alt="" style="width: 100%; height: 100%" />
             </div>
-            <div class="customizeLeft">
-              <div class="customizeForm">
+            <div class="content_box">
+              <div class="Forms">
                 <!-- <table class="layui-table" lay-even lay-size="lg"> -->
                 <table class="layui-table" lay-even>
                   <colgroup>
@@ -482,9 +176,9 @@
                 </table>
               </div>
               
-              <div class="contactBox">
+              <div class="contact">
                 <div>
-                  <div class="form-title">联系我们的专业软件产品经理</div>
+                  <div class="title">联系我们的专业软件产品经理</div>
                   <br>
                   <form id="contactForm">
                     <div class="form-group">
diff --git a/src/products/xixun_software/SingleMachine/LedOK_Express/LedOK_Express_customize.html b/src/products/xixun_software/SingleMachine/LedOK_Express/LedOK_Express_customize.html
index 670a057..2fe8a1d 100644
--- a/src/products/xixun_software/SingleMachine/LedOK_Express/LedOK_Express_customize.html
+++ b/src/products/xixun_software/SingleMachine/LedOK_Express/LedOK_Express_customize.html
@@ -76,171 +76,6 @@
   }
 
 </script>
-<style lang="scss">
-  .customize1024 {
-    display: flex;
-    width: 100%;
-    background-color: #57abff;
-  }
-
-  .customizeRight {
-    position: relative;
-    width: 40%;
-    height: 100%;
-  }
-
-  .customizeLeft {
-    width: 60%;
-    padding: 20px 20px;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-around;
-  }
-
-  .customizeTitle {
-    padding: 10px;
-    font-size: 18px;
-    color: #ffffff
-  }
-
-  .customizeContent {
-    width: 100%;
-    padding: 10px;
-    font-size: 14px;
-    text-align: justify;
-    text-indent: 2em;
-    color: #ffffff
-  }
-
-  .customizeForm {
-    width: 100%;
-    margin-bottom: 30px;
-
-  }
-
-  .contactBox {
-    width: 100%;
-    box-sizing: border-box;
-    display: flex;
-    justify-content: center;
-    align-content: flex-end;
-  }
-
-  .layui-table {
-    width: 100%;
-    margin: 0px;
-  }
-
-  .layui-table thead th,
-  .layui-table thead td {
-    text-align: center;
-  }
-
-  .layui-table thead th {
-    background-color: #9dc9ff;
-    font-size: 16px;
-    font-weight: 700;
-  }
-
-  .form-title {
-    text-align: center;
-    font-weight: 700;
-    font-size: 16px;
-    color: white;
-  }
-
-  .form-group {
-    display: flex;
-    margin-bottom: 10px;
-  }
-
-  .form-group>div {
-    width: 100px;
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-    font-size: 14px;
-    font-weight: 600;
-    color: white;
-    margin-right:8px;
-  }
-  #textareaLable{
-    width: 100px;
-    display: flex;
-    align-items: flex-start;
-    justify-content: flex-end;
-    font-size: 14px
-  }
-
-  .form-group>textarea {
-    height: 100px;
-  }
-
-  .form-control {
-    width: 300px;
-    padding: 9px 12px;
-    border: 1px solid #ccc;
-    border-radius: 6px;
-  }
-
-  .Btn {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background-color: #007bff;
-    color: white;
-    border: none;
-    padding: 5px 10px;
-    border-radius: 4px;
-    cursor: pointer;
-    font-size: 15px;
-    transition: background-color 0.3s ease;
-  }
-
-  .Btn:hover {
-    background-color: #0056b3;
-  }
-
-  @media (max-width: 1024px) {
-    .customize1024 {
-      display: block;
-      width: 100%;
-
-    }
-
-    .customizeRight {
-      position: relative;
-      width: 100%;
-      height: 60vh;
-    }
-
-    .customizeLeft {
-      width: 100%;
-      padding: 20px 20px;
-    }
-
-    .customizeTitle {
-      padding: 5px;
-      font-size: 14px;
-    }
-
-    .customizeContent {
-      padding: 5px;
-      font-size: 12px;
-    }
-  }
-  @media (max-width: 460px) {
-    .form-control {
-      width: 150px;
-      padding: 5px;
-    }
-    .form-group>label {
-     
-      font-size: 12px;
-    }
-  }
-</style>
-
 <body>
   <div class="header head3">#include(navbar)</div>
 
@@ -260,19 +95,19 @@
     </div>
     <div class="publicLink" style="background-color: #f7f8f9">
       <div class="container1260" style="padding: 20px;">
-        <div class="customize1024">
-          <div class="customizeRight">
+        <div class="customize">
+          <div class="pic_box">
             <div style="position: absolute; top: 5%; left: 5%; width: 60%">
-              <p class="customizeTitle">LedOK Express</p>
-              <p class="customizeContent">
+              <p class="title">LedOK Express</p>
+              <p class="content">
                 专注于LED显示应用行业的专业力量，我们精于定制，为您点亮无限可能。专为LED显示屏领域度身打造PC端控制软件，凭借深厚行业经验和专业技术积累，我们深谙您的独特需求，旨在以精准操控和卓越性能，引领您走向显示技术的前沿，让您在LED显示世界中游刃有余，尽享专业定制带来的无尽可能!
               </p>
             </div>
             <img src="../../../../static/products/xixun_software/SingleMachine/1单机版软件定制.jpg" alt=""
               style="width: 100%; height: 100%" />
           </div>
-          <div class="customizeLeft">
-            <div class="customizeForm">
+          <div class="content_box">
+            <div class="Forms">
               <!-- <table class="layui-table" lay-even lay-size="lg"> -->
               <table class="layui-table " lay-even>
                 <colgroup>
@@ -326,15 +161,15 @@
 
             </div>
 
-            <div class="contactBox">
+            <div class="contact">
               <div>
-                <div class="form-title">联系我们的专业软件产品经理</div>
+                <div class="title">联系我们的专业软件产品经理</div>
                 <br>
                 <form id="contactForm">
                   <div class="form-group">
                     <div for="name">*姓名：</div>
-                    <input id="name" class="form-control"  name="text" 
-                      aria-labelledby="phoneLabel" placeholder="请输入您的姓名" required>
+                    <input id="name" class="form-control" name="text" aria-labelledby="phoneLabel" placeholder="请输入您的姓名"
+                      required>
                   </div>
                   <div class="form-group">
                     <div for="phone">*联系电话：</div>
@@ -416,28 +251,28 @@
     $('#contactForm').on('submit', function (e) {
       e.preventDefault();
       $.ajax({
-            // url: 'http://192.168.1.123:8080/sys/customizedDemand/save',
-            url: 'https://www.ledokcloud.com/aips4/sys/customizedDemand/save',
-            type: 'post',
-            data: JSON.stringify({
-              name:$('#name').val(),
-              phoneNumber: $('#phone').val(),
-              email: $('#email').val(),
-              requirements: $('#requirements').val(),
-             }),
-            contentType: 'application/json',
-            dataType: 'json', 
-            success:(res) =>{
-              alert('意见提交成功！');
-              $('#name').val('');
-              $('#email').val('');
-              $('#phone').val('');
-              $('#requirements').val('');
-            },
-            error:(err)=>{
-              alert('意见提交失败！');
-            }
-        });
+        // url: 'http://192.168.1.123:8080/sys/customizedDemand/save',
+        url: 'https://www.ledokcloud.com/aips4/sys/customizedDemand/save',
+        type: 'post',
+        data: JSON.stringify({
+          name: $('#name').val(),
+          phoneNumber: $('#phone').val(),
+          email: $('#email').val(),
+          requirements: $('#requirements').val(),
+        }),
+        contentType: 'application/json',
+        dataType: 'json',
+        success: (res) => {
+          alert('意见提交成功！');
+          $('#name').val('');
+          $('#email').val('');
+          $('#phone').val('');
+          $('#requirements').val('');
+        },
+        error: (err) => {
+          alert('意见提交失败！');
+        }
+      });
       console.log('打印ceshi', JSON.stringify({
         name: $('#name').val(),
         phoneNumber: $('#phone').val(),
diff --git a/src/static/css/layout.css b/src/static/css/layout.css
index df2ab6e..8a2f033 100644
--- a/src/static/css/layout.css
+++ b/src/static/css/layout.css
@@ -711,6 +711,7 @@ input:-webkit-autofill {
 .swiper-wrapper .product-item .product_control_sys_list .see_more {
   color: #ffffff;
 }
+
 .swiper-wrapper .product-item .product_control_sys_list .see_more:hover {
   color: #007eff;
 }
@@ -724,6 +725,7 @@ input:-webkit-autofill {
 .swiper-wrapper .product-item .product_control_sys_list .product_control_sys_ul .product_control_sys_li a {
   color: #ffffff;
 }
+
 .swiper-wrapper .product-item .product_control_sys_list .product_control_sys_ul .product_control_sys_li a:hover {
   color: #007eff;
 }
@@ -20426,47 +20428,48 @@ ul {
     justify-content: space-around;
     align-items: center;
   }
+
   .plan-advantage-box {
-      flex-direction: column;
-    }
-  
-    .plan-advantage-box .plan-advantage-item {
-      width: auto;
-    }
-  
-    .layui-table[lay-size=lg] td,
-    .layui-table[lay-size=lg] th {
-      padding: 15px 10px;
-    }
-  
-    .my-table th {
-      font-size: 20px;
-    }
-  
-    .my-table td {
-      font-size: 14px;
-    }
-  
-  
-    .Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide a .text .more,
-    .banner2 {
-      height: 170px;
-    }
-  
-    .banner2 img {
-      position: absolute;
-      top: 0;
-      left: 50%;
-      -webkit-transform: translateX(-50%);
-      -ms-transform: translateX(-50%);
-      transform: translateX(-50%);
-      /* width: auto; */
-      height: 100%;
-      max-width: none;
-    }
-  
-  
-  
+    flex-direction: column;
+  }
+
+  .plan-advantage-box .plan-advantage-item {
+    width: auto;
+  }
+
+  .layui-table[lay-size=lg] td,
+  .layui-table[lay-size=lg] th {
+    padding: 15px 10px;
+  }
+
+  .my-table th {
+    font-size: 20px;
+  }
+
+  .my-table td {
+    font-size: 14px;
+  }
+
+
+  .Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide a .text .more,
+  .banner2 {
+    height: 170px;
+  }
+
+  .banner2 img {
+    position: absolute;
+    top: 0;
+    left: 50%;
+    -webkit-transform: translateX(-50%);
+    -ms-transform: translateX(-50%);
+    transform: translateX(-50%);
+    /* width: auto; */
+    height: 100%;
+    max-width: none;
+  }
+
+
+
   .publicLeft .li .ul2 .li3 {
     padding-left: 25px;
   }
@@ -21848,4 +21851,416 @@ ul {
   .investor_yj .con a .right .icon img {
     width: 100%;
   }
+}
+
+
+/* 新增 */
+.customize {
+  display: flex;
+  width: 100%;
+  background-color: #57abff;
+}
+
+.customize .pic_box {
+  position: relative;
+  width: 40%;
+  height: 100%;
+}
+
+.customize .pic_box .title {
+  padding: 10px;
+  font-size: 1vw;
+  color: #ffffff
+}
+
+.customize .pic_box .content {
+  width: 100%;
+  padding: 10px;
+  font-size: 0.8333vw;
+  text-align: justify;
+  text-indent: 2em;
+  color: #ffffff
+}
+
+.customize .content_box {
+  width: 60%;
+  padding: 20px 20px;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+}
+
+
+.customize .content_box .Forms {
+  width: 100%;
+  margin-bottom: 30px;
+
+}
+
+.customize .content_box .layui-table {
+  width: 100%;
+  margin: 0px;
+}
+
+.customize .content_box .layui-table thead th,
+.customize .content_box .layui-table thead td {
+  text-align: center;
+}
+
+.customize .content_box .layui-table thead th {
+  background-color: #9dc9ff;
+  font-size: 0.9375vw;
+  font-weight: 700;
+}
+
+.customize .content_box .layui-table tbody th,
+.customize .content_box .layui-table tbody td {
+  font-size: 0.8333vw;
+}
+
+.customize .content_box.layui-table td,
+.customize .content_box.layui-table th {
+  position: relative;
+  padding: 0.4333vw 0.8333vw;
+  min-height: 1.2vw;
+  line-height: 1.2vw;
+}
+
+.customize .content_box .contact {
+  width: 100%;
+  box-sizing: border-box;
+  display: flex;
+  justify-content: center;
+  align-content: flex-end;
+}
+
+.customize .content_box .contact .title {
+  text-align: center;
+  font-weight: 700;
+  font-size: 0.9375vw;
+  color: white;
+}
+
+.customize .content_box .contact .form-group {
+  display: flex;
+  margin-bottom: 0.6333vw;
+}
+
+.customize .content_box .contact .form-group>div {
+  width: 6.208vw;
+  padding: auto;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  font-size: 0.8333vw;
+  color: white;
+  margin-right: 0.6333vw;
+}
+
+.customize .content_box .contact .form-group #textareaLable {
+  width: 6.208vw;
+  display: flex;
+  align-items: flex-start;
+  justify-content: flex-end;
+  font-size: 0.8333vw;
+}
+
+.customize .content_box .contact .form-group>textarea {
+  height: 5.625vw;
+}
+
+.customize .content_box .contact .form-group .form-control {
+  width: 16.875vw;
+  padding: 0.388vw 0.788vw;
+  border: 1px solid #ccc;
+  border-radius: 0.4vw;
+  font-size: 0.8333vw;
+}
+
+.customize .content_box .contact .Btn {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: #007bff;
+  color: white;
+  border: none;
+  padding: 0.37vw 0.67vw;
+  border-radius: 4px;
+  cursor: pointer;
+  font-size: 0.8333vw;
+  transition: background-color 0.3s ease;
+}
+
+.customize .content_box .contact .Btn:hover {
+  background-color: #0056b3;
+}
+
+
+
+@media (max-width: 1920px) {
+  .customize .content_box {
+    padding: 1vw 2.5vw;
+  }
+
+  .customize .content_box .layui-table thead th {
+    font-size: 0.8333vw;
+    font-weight: 700;
+  }
+
+  .customize .content_box .layui-table tbody th,
+  .customize .content_box .layui-table tbody td {
+    font-size: 0.7333vw;
+  }
+
+  .customize .content_box.layui-table td,
+  .customize .content_box.layui-table th {
+    padding: 0.3333vw 0.7333vw;
+    min-height: 1vw;
+    line-height: 1vw;
+  }
+
+  .customize .content_box .contact .title {
+    font-weight: 700;
+    font-size: 0.9333vw;
+  }
+
+  .customize .content_box .contact .form-group {
+    margin-bottom: 0.6333vw;
+  }
+
+  .customize .content_box .contact .form-group>div {
+    width: 7.208vw;
+    font-size: 0.8333vw;
+    margin-right: 0.6333vw;
+  }
+
+  .customize .content_box .contact .form-group #textareaLable {
+    width: 7.208vw;
+    font-size: 0.8333vw;
+  }
+
+  .customize .content_box .contact .form-group>textarea {
+    height: 6.625vw;
+  }
+
+  .customize .content_box .contact .form-group .form-control {
+    width: 20.875vw;
+    padding: 0.398vw 0.788vw;
+    border-radius: 0.4vw;
+    font-size: 0.8333vw;
+  }
+
+  .customize .content_box .contact .Btn {
+    padding: 0.37vw 0.67vw;
+    border-radius: 3px;
+    font-size: 0.8333vw;
+
+  }
+
+}
+
+@media (max-width: 1600px) {
+  .customize .content_box {
+    padding: 1vw 2.5vw;
+  }
+
+  .customize .content_box .layui-table thead th {
+    font-size: 1.0333vw;
+    font-weight: 700;
+  }
+
+  .customize .content_box .layui-table tbody th,
+  .customize .content_box .layui-table tbody td {
+    font-size: 0.8333vw;
+  }
+
+  .customize .content_box.layui-table td,
+  .customize .content_box.layui-table th {
+    padding: 0.3333vw 0.7333vw;
+    min-height: 1vw;
+    line-height: 1vw;
+  }
+
+  .customize .content_box .contact .title {
+    font-weight: 700;
+    font-size: 1.0333vw;
+  }
+
+  .customize .content_box .contact .form-group {
+    margin-bottom: 0.6333vw;
+  }
+
+  .customize .content_box .contact .form-group>div {
+    width: 7.208vw;
+    font-size: 0.8333vw;
+    margin-right: 0.6333vw;
+  }
+
+  .customize .content_box .contact .form-group #textareaLable {
+    width: 7.208vw;
+    font-size: 0.8333vw;
+  }
+
+  .customize .content_box .contact .form-group>textarea {
+    height: 6.625vw;
+  }
+
+  .customize .content_box .contact .form-group .form-control {
+    width: 20.875vw;
+    padding: 0.398vw 0.788vw;
+    border-radius: 0.4vw;
+    font-size: 0.8333vw;
+  }
+
+  .customize .content_box .contact .Btn {
+    padding: 0.37vw 0.67vw;
+    border-radius: 3px;
+    font-size: 0.8333vw;
+
+  }
+}
+@media (max-width: 992px){
+  .customize {
+    display: block;
+    width: 100%;
+    margin: auto;
+    background-color: #57abff;
+  }
+
+  .customize .pic_box {
+    width: 100%;
+    height: 40vw;
+  }
+
+  .customize .pic_box .title {
+    display: none;
+    padding: 10px;
+    font-size: 16px;
+    color: #ffffff
+  }
+  .customize .pic_box .content {
+    display: none;
+    font-size: 14px;
+  }
+
+  .customize .content_box {
+    width: 100%;
+    padding: 20px 20px;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+  }
+
+  .customize .content_box .layui-table thead th {
+    font-size: 16px;
+    font-weight: 700;
+}
+
+  .customize .content_box .layui-table tbody td {
+    font-size: 14px;
+  }
+
+  .customize .content_box .contact .title {
+    font-weight: 700;
+    font-size: 16px;
+  }
+
+  .customize .content_box .contact .form-group {
+    margin-bottom: 6px;
+  }
+
+  .customize .content_box .contact .form-group>div {
+    width: 100px;
+    font-size: 14px;
+    margin-right: 8px;
+  }
+
+  .customize .content_box .contact .form-group #textareaLable {
+    width: 100px;
+    font-size: 14px;
+  }
+
+  .customize .content_box .contact .form-group>textarea {
+    height: 100px;
+  }
+
+  .customize .content_box .contact .form-group .form-control {
+    width: 350px;
+    padding: 5px 8px;
+    border-radius: 4px;
+    font-size: 14px
+  }
+
+  .customize .content_box .contact .Btn {
+    padding: 5px 8px;
+    border-radius: 3px;
+    font-size: 14px;
+  }
+
+}
+@media (max-width: 580px) {
+  .customize .pic_box {
+    width: 100%;
+    height: 60vw;
+  }
+
+  .customize .pic_box .title {
+    padding: 10px;
+    font-size: 14px;
+  }
+
+  .customize .pic_box .content {
+    width: 100%;
+    padding: 10px;
+    font-size: 12px;
+    text-align: justify;
+    text-indent: 2em;
+  }
+
+  .customize .content_box .layui-table thead th {
+    font-size: 16px;
+    font-weight: 700;
+  }
+
+  .customize .content_box .layui-table tbody td {
+    font-size: 14px;
+  }
+
+  .customize .content_box .contact .title {
+    font-weight: 700;
+    font-size: 16px;
+  }
+
+  .customize .content_box .contact .form-group {
+    margin-bottom: 6px;
+  }
+
+  .customize .content_box .contact .form-group>div {
+    width: 80px;
+    font-size: 14px;
+    margin-right: 8px;
+  }
+
+  .customize .content_box .contact .form-group #textareaLable {
+    width: 80px;
+    font-size: 14px;
+  }
+
+  .customize .content_box .contact .form-group>textarea {
+    height: 100px;
+  }
+
+  .customize .content_box .contact .form-group .form-control {
+    width: 200px;
+    padding: 5px 8px;
+    border-radius: 4px;
+    font-size: 14px
+  }
+
+  .customize .content_box .contact .Btn {
+    padding: 5px 8px;
+    border-radius: 3px;
+    font-size: 14px;
+  }
+
 }
\ No newline at end of file