定制开发-定制模块

src/products/custom_develop/second_development/Android_SDK/Android_SDK_customize.html

@@ -76,128 +76,431 @@
   }
 
 </script>
+
+
+<style>
+  .internalRecommendedMain {
+    padding: 45px 0px;
+    min-height: -webkit-calc(100vh - 120px);
+    min-height: calc(100vh - 120px);
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    -ms-flex-align: center;
+    align-items: center;
+    background-image: url(../../../../static/products/custom_develop/second_development/Android_SDK/img/customize_bg.jpg);
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: cover;
+  }
+
+  .internalRecommendedMain .internalRecommended {
+    max-width: 1280px;
+    padding: 30px 15px 50px;
+    -webkit-border-radius: 15px;
+    border-radius: 15px;
+    margin: 0px auto;
+    background: rgba(255, 255, 255, 0.95);
+  }
+  
+  .internalRecommendedMain .internalRecommended .internalRecommendedTitle {
+    font-size: 18px;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    border-bottom: 1px solid #eaecee;
+    color: #236283;
+  }
+
+  .internalRecommendedMain .internalRecommended .internalRecommendedTitle span {
+    padding-bottom: 10px;
+    border-bottom: 2px solid #236283;
+    display: block;
+    margin-bottom: -1px;
+  }
+
+  .internalRecommendedMain .internalRecommended .inputList {
+    padding-top: 25px;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-flex-wrap: wrap;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap;
+    margin: 0px;
+  }
+
+  .internalRecommendedMain .internalRecommended .inputList .list {
+    width: 100%;
+    padding: 0px 0px 15px;
+  }
+
+  .internalRecommendedMain .internalRecommended .inputList .list p {
+    font-size: 14px;
+    color: #000000;
+    padding-bottom: 10px;
+  }
+
+  .internalRecommendedMain .internalRecommended .inputList .list p span {
+    color: #ff0000;
+  }
+
+  .internalRecommendedMain .internalRecommended .inputList .list input {
+    width: 100%;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    height: 40px;
+    padding: 0px 15px;
+    font-size: 14px;
+    background: rgba(255, 255, 255, 0.76);
+    border: 1px solid rgba(229, 231, 233, 0.76);
+  }
+
+  .internalRecommendedMain .internalRecommended .inputList .list select {
+    width: 100%;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    height: 40px;
+    padding: 0px 15px;
+    font-size: 14px;
+    background: rgba(255, 255, 255, 0.76);
+    border: 1px solid rgba(229, 231, 233, 0.76);
+  }
+
+  .internalRecommendedMain .internalRecommended .inputList .list .layui-form-select dl {
+    top: 43px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+  }
+
+  .internalRecommendedMain .internalRecommended .inputList .list .layui-form-select dl dd.layui-this {
+    background-color: #236283;
+  }
+
+  .internalRecommendedMain .internalRecommended .btns {
+    text-align: center;
+    padding-top: 20px;
+  }
+
+  .internalRecommendedMain .internalRecommended .btns input {
+    width: 100%;
+    height: 40px;
+    font-size: 14px;
+    color: #ffffff;
+    background: #236283;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+  }
+
+  .commonweb {
+    width: 100%;
+    padding: 0px 20px;
+  }
+
+  .requires {
+    margin-top: 15px;
+  }
+  .requires p {
+    font-size: 14px;
+    color: #000000;
+    padding-bottom: 10px;
+  }
+
+  .requires p span {
+    color: #ff0000;
+  }
+  .requires textarea {
+    display: block;
+    background: #fbfbfb;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    padding: 20px;
+    border: 1px solid #e5e7e9;
+  }
+  @media (min-width: 768px) {
+    .internalRecommendedMain {
+      padding: 2.188vw 0vw;
+      min-height: -webkit-calc(100vh - 10vw);
+      min-height: calc(100vh - 10vw);
+    }
+
+    .internalRecommendedMain .internalRecommended {
+      padding: 3.125vw 3.125vw 5vw;
+      -webkit-border-radius: 0.938vw;
+      border-radius: 0.938vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .internalRecommendedTitle {
+      font-size: 1.5vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .internalRecommendedTitle span {
+      padding-bottom: 0.938vw;
+      margin-bottom: -0.063vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .inputList {
+      padding-top: 2.813vw;
+      margin: 0vw -0.938vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .inputList .list {
+      width: 33.333%;
+      padding: 0vw 0.938vw 0.938vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .inputList .list p {
+      font-size: 1vw;
+      padding-bottom: 0.625vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .inputList .list input {
+      width: 100%;
+      -webkit-border-radius: 0.313vw;
+      border-radius: 0.313vw;
+      height: 3.125vw;
+      padding: 0vw 1.25vw;
+      font-size: 0.875vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .inputList .list select {
+      width: 100%;
+      -webkit-border-radius: 0.313vw;
+      border-radius: 0.313vw;
+      height: 3.125vw;
+      padding: 0vw 1.25vw;
+      font-size: 0.875vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .inputList .list .layui-form-select dl {
+      top: 3.313vw;
+      -webkit-border-radius: 0.313vw;
+      border-radius: 0.313vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .btns {
+      padding-top: 3.75vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .btns input {
+      width: 25vw;
+      height: 3.125vw;
+      font-size: 1.125vw;
+      -webkit-border-radius: 0.313vw;
+      border-radius: 0.313vw;
+    }
+
+    .commonweb {
+      padding: 0px 20px;
+    }
+
+    .commonweb {
+      margin: 0px auto;
+      max-width: 87.5vw;
+    }
+
+    .requires {
+      margin-top: 1.875vw;
+    }
+    .requires p {
+      font-size: 1vw;
+      padding-bottom: 0.625vw;
+  }
+
+    .requires textarea {
+      -webkit-border-radius: 0.313vw;
+      border-radius: 0.313vw;
+      padding: 1.875vw;
+    }
+  }
+
+
+  @media (min-width: 1200px) {
+    .internalRecommendedMain {
+      padding: 1.823vw 0vw;
+      min-height: -webkit-calc(100vh - 8.333vw);
+      min-height: calc(100vh - 8.333vw);
+    }
+
+    .internalRecommendedMain .internalRecommended {
+      padding: 2.604vw 2.604vw 4.167vw;
+      -webkit-border-radius: 0.781vw;
+      border-radius: 0.781vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .internalRecommendedTitle {
+      font-size: 1.25vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .internalRecommendedTitle span {
+      padding-bottom: 0.781vw;
+      margin-bottom: -0.052vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .inputList {
+      padding-top: 2.344vw;
+      margin: 0vw -0.781vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .inputList .list {
+      width: 33.333%;
+      padding: 0vw 0.781vw 0.781vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .inputList .list p {
+      font-size: 0.833vw;
+      padding-bottom: 0.521vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .inputList .list input {
+      width: 100%;
+      -webkit-border-radius: 0.26vw;
+      border-radius: 0.26vw;
+      height: 2.604vw;
+      padding: 0vw 1.042vw;
+      font-size: 0.729vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .inputList .list select {
+      width: 100%;
+      -webkit-border-radius: 0.26vw;
+      border-radius: 0.26vw;
+      height: 2.604vw;
+      padding: 0vw 1.042vw;
+      font-size: 0.729vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .inputList .list .layui-form-select dl {
+      top: 2.76vw;
+      -webkit-border-radius: 0.26vw;
+      border-radius: 0.26vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .btns {
+      padding-top: 3.125vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .btns input {
+      width: 20.833vw;
+      height: 2.604vw;
+      font-size: 0.938vw;
+      -webkit-border-radius: 0.26vw;
+      border-radius: 0.26vw;
+    }
+
+    .requires {
+      margin-top: 1.563vw;
+    }
+    .requires p {
+      font-size: 0.833vw;
+      padding-bottom: 0.521vw;
+  }
+    .requires textarea {
+      -webkit-border-radius: 0.26vw;
+      border-radius: 0.26vw;
+      padding: 1.563vw;
+    }
+  }
+  @media (min-width: 992px) {
+    .commonweb {
+      padding: 0px 10px;
+    }
+  }
+
+  @media (min-width: 1260px) {
+    .commonweb {
+      max-width: 83.333vw;
+    }
+  }
+
+  @media (min-width: 1920px) {
+
+    .internalRecommendedMain .internalRecommended {
+      max-width: 66.667vw;
+    }
+  }
+</style>
+
 <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>安卓SDK</h5>
         <div class="right">
           <a href="./Android_SDK_specific.html">功能特性</a>
-          <!-- <a href="./Android_SDK_video.html">视频</a> -->
           <a href="./Android_SDK_download.html">资料下载</a>
           <a href="./Android_SDK_customize.html" class="active">定制</a>
         </div>
       </div>
     </div>
+
     <div class="publicLink" style="background-color: #f7f8f9">
-      <div class="container1260" style="padding: 20px;">
+        <div class="internalRecommendedMain" style="margin: 20px 0px 0px;">
-        <div class="customize">
-          <div class="pic_box">
-            <div style="position: absolute; top: 5%; left: 5%; width: 60%">
-              <p class="title">安卓SDK</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="content_box">
-            <div class="Forms">
-              <!-- <table class="layui-table" lay-even lay-size="lg"> -->
-              <table class="layui-table " lay-even>
-                <colgroup>
-                  <!-- <col width="25%">
-                    <col width="25%">
-                    <col width="25%">
-                    <col width="25%"> -->
-                </colgroup>
-                <thead>
-                  <tr>
-                    <th colspan="4">单机版PC软件 LEDOK Express</th>
-                  </tr>
-                </thead>
-                <tbody>
-                  <tr>
-                    <td>平台支持</td>
-                    <td>WINDOWS</td>
-                    <td>MAC OS</td>
-                    <td>LINUX</td>
-                  </tr>
-                  <tr>
-                    <td>功能介绍</td>
-                    <td colspan="3">LEDOK
-                      Express是支持多平台的单机局域网软件，实现局域网自动发现设备，可进行LED模组智能设置、批量设备管理、多窗口多页面节目编排和批量内容下发，轻松管理附近的LED和LCD显示屏。</td>
-                  </tr>
-                  <tr>
-                    <td>功能定制</td>
-                    <td colspan="3">
-                      基础功能报价中包含：<br />
-                      1，自定义LOGO；<br />
-                      2，自定义软件名称，连同熙讯公开版本持续升级更新。<br />
-                      其他个性化功能按实际需求评估后单独报价<br />
-                    </td>
-                  </tr>
-                  <tr>
-                    <td>软件使用培训费用【可选】</td>
-                    <td colspan="3">
-                      ￥1,000.00<br />
-                      单次/1人/1天，异地差旅费另计<br />
-                    </td>
-                  </tr>
-                  <tr>
-                    <td>备注</td>
-                    <td colspan="3">
-                      1，所有平台和软件均为远程部署，需现场实施请提前商务沟通确认并提供相关人员的差旅和现场实施费用；<br />
-                      2，所有平台和软件只提供可运行程序或安装包，不提供源代码<br />
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
 
-            </div>
+        <div class="commonweb">
 
-            <div class="contact">
+          <div class="internalRecommended">
-              <div>
+
-                <div class="title">联系我们的专业软件产品经理</div>
+            <div class="internalRecommendedTitle"><span>联系我们的专业软件产品经理</span></div>
-                <br>
+
-                <form id="contactForm">
+            <form id="contactForm" >
-                  <div class="form-group">
+
-                    <div for="name">*姓名：</div>
+              <div class="inputList">
+
+                <div class="list">
+                  <p for="name"><span>*</span> 姓名</p>
                   <input id="name" class="form-control" name="text" aria-labelledby="phoneLabel" placeholder="请输入您的姓名"
                   required>
                 </div>
-                  <div class="form-group">
+
-                    <div for="phone">*联系电话：</div>
+                <div class="list">
+
+                  <p for="phone"><span>*</span> 联系电话</p>
+
                   <input id="phone" class="form-control" type="tel" name="tel" pattern="1[3-9]\d{9}"
                       title="请输入正确的手机号码" aria-labelledby="phoneLabel" placeholder="请输入您的联系方式" required>
                 </div>
-                  <div class="form-group">
+
-                    <div for="email">常用邮箱：</div>
+                <div class="list">
+
+                  <p for="email">常用邮箱</p>
+
                   <input id="email" class="form-control" type="email" name="email" placeholder="请输入您的邮箱地址"
                   aria-labelledby="emailLabel">
                 </div>
-                  <div class="form-group">
+
-                    <div id="textareaLable" for="requirements">*需求描述：</div>
+              </div>
-                    <textarea id="requirements" class="form-control" name="requirements"
+
+              <div class="requires">
+
+                  <p for="requirements"><span>*</span>你的需求</p>
+                  <textarea id="requirements" name="requirements" style="width: 100%;height: 100%;"
                     aria-labelledby="requirementsLabel" placeholder="请输入您的需求" required></textarea>
+              
                   </div>
-                  <div>
+                <div class="btns"><input type="submit" lay-submit="" lay-filter="Vitae" value="提交">
-                    <button type="submit" class="Btn" style="float: right;">提交</button>
                 </div>
+
             </form>
+
+
+
+          </div>
+
+        </div>
+
       </div>
 
     </div>
   </div>
-        </div>
+
-      </div>
-    </div>
-  </div>
   #include(footer)
   <div class="Topping" id="ScrollTop"><i class="layui-icon layui-icon-top"></i></div>
 </body>
@@ -248,6 +551,7 @@
       // 更新 textarea 的值
       $(this).val(cleanedInput);
     });
+    console.log('ceshi');
     $('#contactForm').on('submit', function (e) {
       e.preventDefault();
       $.ajax({
@@ -281,4 +585,5 @@
       }))
     });
   });
+
 </script>

src/products/custom_develop/second_development/Android_SDK/Android_SDK_specific.html

@@ -93,7 +93,7 @@
         </div>
       </div>
       <div class="Z6TopicPage1" style="padding-top: 20px;">
-        <img src="../../../../static/products/xixun_software/SingleMachine/LedOK_Express/img/LedOK Express.jpg" alt="" >
+        <img src="/static/products/custom_develop/second_development/Android_SDK/img/development.png" alt="" style="width: 15vw;height: auto;">
       </div>
     </div>
     #include(footer)

src/products/custom_develop/second_development/Realtime_second_develop/Realtime_customize.html

@@ -76,6 +76,353 @@
   }
 
 </script>
+<style>
+  .internalRecommendedMain {
+    padding: 45px 0px;
+    min-height: -webkit-calc(100vh - 120px);
+    min-height: calc(100vh - 120px);
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    -ms-flex-align: center;
+    align-items: center;
+    background-image: url(../../../../static/products/custom_develop/second_development/Android_SDK/img/customize_bg.jpg);
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: cover;
+  }
+
+  .internalRecommendedMain .internalRecommended {
+    max-width: 1280px;
+    padding: 30px 15px 50px;
+    -webkit-border-radius: 15px;
+    border-radius: 15px;
+    margin: 0px auto;
+    background: rgba(255, 255, 255, 0.95);
+  }
+
+  .internalRecommendedMain .internalRecommended .internalRecommendedTitle {
+    font-size: 18px;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    border-bottom: 1px solid #eaecee;
+    color: #236283;
+  }
+
+  .internalRecommendedMain .internalRecommended .internalRecommendedTitle span {
+    padding-bottom: 10px;
+    border-bottom: 2px solid #236283;
+    display: block;
+    margin-bottom: -1px;
+  }
+
+  .internalRecommendedMain .internalRecommended .inputList {
+    padding-top: 25px;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-flex-wrap: wrap;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap;
+    margin: 0px;
+  }
+
+  .internalRecommendedMain .internalRecommended .inputList .list {
+    width: 100%;
+    padding: 0px 0px 15px;
+  }
+
+  .internalRecommendedMain .internalRecommended .inputList .list p {
+    font-size: 14px;
+    color: #000000;
+    padding-bottom: 10px;
+  }
+
+  .internalRecommendedMain .internalRecommended .inputList .list p span {
+    color: #ff0000;
+  }
+
+  .internalRecommendedMain .internalRecommended .inputList .list input {
+    width: 100%;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    height: 40px;
+    padding: 0px 15px;
+    font-size: 14px;
+    background: rgba(255, 255, 255, 0.76);
+    border: 1px solid rgba(229, 231, 233, 0.76);
+  }
+
+  .internalRecommendedMain .internalRecommended .inputList .list select {
+    width: 100%;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    height: 40px;
+    padding: 0px 15px;
+    font-size: 14px;
+    background: rgba(255, 255, 255, 0.76);
+    border: 1px solid rgba(229, 231, 233, 0.76);
+  }
+
+  .internalRecommendedMain .internalRecommended .inputList .list .layui-form-select dl {
+    top: 43px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+  }
+
+  .internalRecommendedMain .internalRecommended .inputList .list .layui-form-select dl dd.layui-this {
+    background-color: #236283;
+  }
+
+  .internalRecommendedMain .internalRecommended .btns {
+    text-align: center;
+    padding-top: 20px;
+  }
+
+  .internalRecommendedMain .internalRecommended .btns input {
+    width: 100%;
+    height: 40px;
+    font-size: 14px;
+    color: #ffffff;
+    background: #236283;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+  }
+
+  .commonweb {
+    width: 100%;
+    padding: 0px 20px;
+  }
+
+  .requires {
+    margin-top: 15px;
+  }
+  .requires p {
+    font-size: 14px;
+    color: #000000;
+    padding-bottom: 10px;
+  }
+
+  .requires p span {
+    color: #ff0000;
+  }
+  .requires textarea {
+    display: block;
+    background: #fbfbfb;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    padding: 20px;
+    border: 1px solid #e5e7e9;
+  }
+  @media (min-width: 768px) {
+    .internalRecommendedMain {
+      padding: 2.188vw 0vw;
+      min-height: -webkit-calc(100vh - 10vw);
+      min-height: calc(100vh - 10vw);
+    }
+
+    .internalRecommendedMain .internalRecommended {
+      padding: 3.125vw 3.125vw 5vw;
+      -webkit-border-radius: 0.938vw;
+      border-radius: 0.938vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .internalRecommendedTitle {
+      font-size: 1.5vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .internalRecommendedTitle span {
+      padding-bottom: 0.938vw;
+      margin-bottom: -0.063vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .inputList {
+      padding-top: 2.813vw;
+      margin: 0vw -0.938vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .inputList .list {
+      width: 33.333%;
+      padding: 0vw 0.938vw 0.938vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .inputList .list p {
+      font-size: 1vw;
+      padding-bottom: 0.625vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .inputList .list input {
+      width: 100%;
+      -webkit-border-radius: 0.313vw;
+      border-radius: 0.313vw;
+      height: 3.125vw;
+      padding: 0vw 1.25vw;
+      font-size: 0.875vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .inputList .list select {
+      width: 100%;
+      -webkit-border-radius: 0.313vw;
+      border-radius: 0.313vw;
+      height: 3.125vw;
+      padding: 0vw 1.25vw;
+      font-size: 0.875vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .inputList .list .layui-form-select dl {
+      top: 3.313vw;
+      -webkit-border-radius: 0.313vw;
+      border-radius: 0.313vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .btns {
+      padding-top: 3.75vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .btns input {
+      width: 25vw;
+      height: 3.125vw;
+      font-size: 1.125vw;
+      -webkit-border-radius: 0.313vw;
+      border-radius: 0.313vw;
+    }
+
+    .commonweb {
+      padding: 0px 20px;
+    }
+
+    .commonweb {
+      margin: 0px auto;
+      max-width: 87.5vw;
+    }
+
+    .requires {
+      margin-top: 1.875vw;
+    }
+    .requires p {
+      font-size: 1vw;
+      padding-bottom: 0.625vw;
+  }
+
+    .requires textarea {
+      -webkit-border-radius: 0.313vw;
+      border-radius: 0.313vw;
+      padding: 1.875vw;
+    }
+  }
+
+
+  @media (min-width: 1200px) {
+    .internalRecommendedMain {
+      padding: 1.823vw 0vw;
+      min-height: -webkit-calc(100vh - 8.333vw);
+      min-height: calc(100vh - 8.333vw);
+    }
+
+    .internalRecommendedMain .internalRecommended {
+      padding: 2.604vw 2.604vw 4.167vw;
+      -webkit-border-radius: 0.781vw;
+      border-radius: 0.781vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .internalRecommendedTitle {
+      font-size: 1.25vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .internalRecommendedTitle span {
+      padding-bottom: 0.781vw;
+      margin-bottom: -0.052vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .inputList {
+      padding-top: 2.344vw;
+      margin: 0vw -0.781vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .inputList .list {
+      width: 33.333%;
+      padding: 0vw 0.781vw 0.781vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .inputList .list p {
+      font-size: 0.833vw;
+      padding-bottom: 0.521vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .inputList .list input {
+      width: 100%;
+      -webkit-border-radius: 0.26vw;
+      border-radius: 0.26vw;
+      height: 2.604vw;
+      padding: 0vw 1.042vw;
+      font-size: 0.729vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .inputList .list select {
+      width: 100%;
+      -webkit-border-radius: 0.26vw;
+      border-radius: 0.26vw;
+      height: 2.604vw;
+      padding: 0vw 1.042vw;
+      font-size: 0.729vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .inputList .list .layui-form-select dl {
+      top: 2.76vw;
+      -webkit-border-radius: 0.26vw;
+      border-radius: 0.26vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .btns {
+      padding-top: 3.125vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .btns input {
+      width: 20.833vw;
+      height: 2.604vw;
+      font-size: 0.938vw;
+      -webkit-border-radius: 0.26vw;
+      border-radius: 0.26vw;
+    }
+
+    .requires {
+      margin-top: 1.563vw;
+    }
+    .requires p {
+      font-size: 0.833vw;
+      padding-bottom: 0.521vw;
+  }
+    .requires textarea {
+      -webkit-border-radius: 0.26vw;
+      border-radius: 0.26vw;
+      padding: 1.563vw;
+    }
+  }
+  @media (min-width: 992px) {
+    .commonweb {
+      padding: 0px 10px;
+    }
+  }
+
+  @media (min-width: 1260px) {
+    .commonweb {
+      max-width: 83.333vw;
+    }
+  }
+
+  @media (min-width: 1920px) {
+
+    .internalRecommendedMain .internalRecommended {
+      max-width: 66.667vw;
+    }
+  }
+</style>
 <body>
   <div class="header head3">#include(navbar)</div>
 
@@ -94,108 +441,62 @@
       </div>
     </div>
     <div class="publicLink" style="background-color: #f7f8f9">
-      <div class="container1260" style="padding: 20px;">
+      <div class="internalRecommendedMain" style="margin: 20px 0px 0px;">
-        <div class="customize">
-          <div class="pic_box">
-            <div style="position: absolute; top: 5%; left: 5%; width: 60%">
-              <p class="title">Realtime二次开发</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="content_box">
-            <div class="Forms">
-              <!-- <table class="layui-table" lay-even lay-size="lg"> -->
-              <table class="layui-table " lay-even>
-                <colgroup>
-                  <!-- <col width="25%">
-                    <col width="25%">
-                    <col width="25%">
-                    <col width="25%"> -->
-                </colgroup>
-                <thead>
-                  <tr>
-                    <th colspan="4">单机版PC软件 LEDOK Express</th>
-                  </tr>
-                </thead>
-                <tbody>
-                  <tr>
-                    <td>平台支持</td>
-                    <td>WINDOWS</td>
-                    <td>MAC OS</td>
-                    <td>LINUX</td>
-                  </tr>
-                  <tr>
-                    <td>功能介绍</td>
-                    <td colspan="3">LEDOK
-                      Express是支持多平台的单机局域网软件，实现局域网自动发现设备，可进行LED模组智能设置、批量设备管理、多窗口多页面节目编排和批量内容下发，轻松管理附近的LED和LCD显示屏。</td>
-                  </tr>
-                  <tr>
-                    <td>功能定制</td>
-                    <td colspan="3">
-                      基础功能报价中包含：<br />
-                      1，自定义LOGO；<br />
-                      2，自定义软件名称，连同熙讯公开版本持续升级更新。<br />
-                      其他个性化功能按实际需求评估后单独报价<br />
-                    </td>
-                  </tr>
-                  <tr>
-                    <td>软件使用培训费用【可选】</td>
-                    <td colspan="3">
-                      ￥1,000.00<br />
-                      单次/1人/1天，异地差旅费另计<br />
-                    </td>
-                  </tr>
-                  <tr>
-                    <td>备注</td>
-                    <td colspan="3">
-                      1，所有平台和软件均为远程部署，需现场实施请提前商务沟通确认并提供相关人员的差旅和现场实施费用；<br />
-                      2，所有平台和软件只提供可运行程序或安装包，不提供源代码<br />
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
 
-            </div>
+      <div class="commonweb">
 
-            <div class="contact">
+        <div class="internalRecommended">
-              <div>
+
-                <div class="title">联系我们的专业软件产品经理</div>
+          <div class="internalRecommendedTitle"><span>联系我们的专业软件产品经理</span></div>
-                <br>
+
-                <form id="contactForm">
+          <form id="contactForm" >
-                  <div class="form-group">
+
-                    <div for="name">*姓名：</div>
+            <div class="inputList">
+
+              <div class="list">
+                <p for="name"><span>*</span> 姓名</p>
                 <input id="name" class="form-control" name="text" aria-labelledby="phoneLabel" placeholder="请输入您的姓名"
                 required>
               </div>
-                  <div class="form-group">
+
-                    <div for="phone">*联系电话：</div>
+              <div class="list">
+
+                <p for="phone"><span>*</span> 联系电话</p>
+
                 <input id="phone" class="form-control" type="tel" name="tel" pattern="1[3-9]\d{9}"
                     title="请输入正确的手机号码" aria-labelledby="phoneLabel" placeholder="请输入您的联系方式" required>
               </div>
-                  <div class="form-group">
+
-                    <div for="email">常用邮箱：</div>
+              <div class="list">
+
+                <p for="email">常用邮箱</p>
+
                 <input id="email" class="form-control" type="email" name="email" placeholder="请输入您的邮箱地址"
                 aria-labelledby="emailLabel">
               </div>
-                  <div class="form-group">
+
-                    <div id="textareaLable" for="requirements">*需求描述：</div>
+            </div>
-                    <textarea id="requirements" class="form-control" name="requirements"
+
+            <div class="requires">
+
+                <p for="requirements"><span>*</span>你的需求</p>
+                <textarea id="requirements" name="requirements" style="width: 100%;height: 100%;"
                   aria-labelledby="requirementsLabel" placeholder="请输入您的需求" required></textarea>
+            
                 </div>
-                  <div>
+              <div class="btns"><input type="submit" lay-submit="" lay-filter="Vitae" value="提交">
-                    <button type="submit" class="Btn" style="float: right;">提交</button>
               </div>
+
           </form>
+
+
+
         </div>
 
       </div>
+
     </div>
-        </div>
+
-      </div>
   </div>
   </div>
   #include(footer)

src/products/custom_develop/second_development/Realtime_second_develop/Realtime_download.html

@@ -85,7 +85,7 @@
         <h5>Realtime二次开发</h5>
         <div class="right">
           <a href="./Realtime_specific.html" >功能特性</a>
-          <a href="./Realtime_SDK_video.html">视频</a>
+          <a href="./Realtime_video.html">视频</a>
           <a href="./Realtime_download.html" class="active">资料下载</a>
           <a href="./Realtime_customize.html">定制</a>
         </div>

src/products/custom_develop/second_development/Realtime_second_develop/Realtime_specific.html

@@ -93,7 +93,7 @@
         </div>
       </div>
       <div class="Z6TopicPage1" style="padding-top: 20px;">
-        <img src="../../../../static/products/xixun_software/SingleMachine/LedOK_Express/img/LedOK Express.jpg" alt="" >
+        <img src="/static/products/custom_develop/second_development/Android_SDK/img/development.png" alt="" style="width: 15vw;height: auto;">
       </div>
     </div>
     #include(footer)

src/products/custom_develop/second_development/Web/Web_customize.html

@@ -76,6 +76,353 @@
   }
 
 </script>
+<style>
+  .internalRecommendedMain {
+    padding: 45px 0px;
+    min-height: -webkit-calc(100vh - 120px);
+    min-height: calc(100vh - 120px);
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    -ms-flex-align: center;
+    align-items: center;
+    background-image: url(../../../../static/products/custom_develop/second_development/Android_SDK/img/customize_bg.jpg);
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: cover;
+  }
+
+  .internalRecommendedMain .internalRecommended {
+    max-width: 1280px;
+    padding: 30px 15px 50px;
+    -webkit-border-radius: 15px;
+    border-radius: 15px;
+    margin: 0px auto;
+    background: rgba(255, 255, 255, 0.95);
+  }
+
+  .internalRecommendedMain .internalRecommended .internalRecommendedTitle {
+    font-size: 18px;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    border-bottom: 1px solid #eaecee;
+    color: #236283;
+  }
+
+  .internalRecommendedMain .internalRecommended .internalRecommendedTitle span {
+    padding-bottom: 10px;
+    border-bottom: 2px solid #236283;
+    display: block;
+    margin-bottom: -1px;
+  }
+
+  .internalRecommendedMain .internalRecommended .inputList {
+    padding-top: 25px;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-flex-wrap: wrap;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap;
+    margin: 0px;
+  }
+
+  .internalRecommendedMain .internalRecommended .inputList .list {
+    width: 100%;
+    padding: 0px 0px 15px;
+  }
+
+  .internalRecommendedMain .internalRecommended .inputList .list p {
+    font-size: 14px;
+    color: #000000;
+    padding-bottom: 10px;
+  }
+
+  .internalRecommendedMain .internalRecommended .inputList .list p span {
+    color: #ff0000;
+  }
+
+  .internalRecommendedMain .internalRecommended .inputList .list input {
+    width: 100%;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    height: 40px;
+    padding: 0px 15px;
+    font-size: 14px;
+    background: rgba(255, 255, 255, 0.76);
+    border: 1px solid rgba(229, 231, 233, 0.76);
+  }
+
+  .internalRecommendedMain .internalRecommended .inputList .list select {
+    width: 100%;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    height: 40px;
+    padding: 0px 15px;
+    font-size: 14px;
+    background: rgba(255, 255, 255, 0.76);
+    border: 1px solid rgba(229, 231, 233, 0.76);
+  }
+
+  .internalRecommendedMain .internalRecommended .inputList .list .layui-form-select dl {
+    top: 43px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+  }
+
+  .internalRecommendedMain .internalRecommended .inputList .list .layui-form-select dl dd.layui-this {
+    background-color: #236283;
+  }
+
+  .internalRecommendedMain .internalRecommended .btns {
+    text-align: center;
+    padding-top: 20px;
+  }
+
+  .internalRecommendedMain .internalRecommended .btns input {
+    width: 100%;
+    height: 40px;
+    font-size: 14px;
+    color: #ffffff;
+    background: #236283;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+  }
+
+  .commonweb {
+    width: 100%;
+    padding: 0px 20px;
+  }
+
+  .requires {
+    margin-top: 15px;
+  }
+  .requires p {
+    font-size: 14px;
+    color: #000000;
+    padding-bottom: 10px;
+  }
+
+  .requires p span {
+    color: #ff0000;
+  }
+  .requires textarea {
+    display: block;
+    background: #fbfbfb;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    padding: 20px;
+    border: 1px solid #e5e7e9;
+  }
+  @media (min-width: 768px) {
+    .internalRecommendedMain {
+      padding: 2.188vw 0vw;
+      min-height: -webkit-calc(100vh - 10vw);
+      min-height: calc(100vh - 10vw);
+    }
+
+    .internalRecommendedMain .internalRecommended {
+      padding: 3.125vw 3.125vw 5vw;
+      -webkit-border-radius: 0.938vw;
+      border-radius: 0.938vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .internalRecommendedTitle {
+      font-size: 1.5vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .internalRecommendedTitle span {
+      padding-bottom: 0.938vw;
+      margin-bottom: -0.063vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .inputList {
+      padding-top: 2.813vw;
+      margin: 0vw -0.938vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .inputList .list {
+      width: 33.333%;
+      padding: 0vw 0.938vw 0.938vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .inputList .list p {
+      font-size: 1vw;
+      padding-bottom: 0.625vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .inputList .list input {
+      width: 100%;
+      -webkit-border-radius: 0.313vw;
+      border-radius: 0.313vw;
+      height: 3.125vw;
+      padding: 0vw 1.25vw;
+      font-size: 0.875vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .inputList .list select {
+      width: 100%;
+      -webkit-border-radius: 0.313vw;
+      border-radius: 0.313vw;
+      height: 3.125vw;
+      padding: 0vw 1.25vw;
+      font-size: 0.875vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .inputList .list .layui-form-select dl {
+      top: 3.313vw;
+      -webkit-border-radius: 0.313vw;
+      border-radius: 0.313vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .btns {
+      padding-top: 3.75vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .btns input {
+      width: 25vw;
+      height: 3.125vw;
+      font-size: 1.125vw;
+      -webkit-border-radius: 0.313vw;
+      border-radius: 0.313vw;
+    }
+
+    .commonweb {
+      padding: 0px 20px;
+    }
+
+    .commonweb {
+      margin: 0px auto;
+      max-width: 87.5vw;
+    }
+
+    .requires {
+      margin-top: 1.875vw;
+    }
+    .requires p {
+      font-size: 1vw;
+      padding-bottom: 0.625vw;
+  }
+
+    .requires textarea {
+      -webkit-border-radius: 0.313vw;
+      border-radius: 0.313vw;
+      padding: 1.875vw;
+    }
+  }
+
+
+  @media (min-width: 1200px) {
+    .internalRecommendedMain {
+      padding: 1.823vw 0vw;
+      min-height: -webkit-calc(100vh - 8.333vw);
+      min-height: calc(100vh - 8.333vw);
+    }
+
+    .internalRecommendedMain .internalRecommended {
+      padding: 2.604vw 2.604vw 4.167vw;
+      -webkit-border-radius: 0.781vw;
+      border-radius: 0.781vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .internalRecommendedTitle {
+      font-size: 1.25vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .internalRecommendedTitle span {
+      padding-bottom: 0.781vw;
+      margin-bottom: -0.052vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .inputList {
+      padding-top: 2.344vw;
+      margin: 0vw -0.781vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .inputList .list {
+      width: 33.333%;
+      padding: 0vw 0.781vw 0.781vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .inputList .list p {
+      font-size: 0.833vw;
+      padding-bottom: 0.521vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .inputList .list input {
+      width: 100%;
+      -webkit-border-radius: 0.26vw;
+      border-radius: 0.26vw;
+      height: 2.604vw;
+      padding: 0vw 1.042vw;
+      font-size: 0.729vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .inputList .list select {
+      width: 100%;
+      -webkit-border-radius: 0.26vw;
+      border-radius: 0.26vw;
+      height: 2.604vw;
+      padding: 0vw 1.042vw;
+      font-size: 0.729vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .inputList .list .layui-form-select dl {
+      top: 2.76vw;
+      -webkit-border-radius: 0.26vw;
+      border-radius: 0.26vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .btns {
+      padding-top: 3.125vw;
+    }
+
+    .internalRecommendedMain .internalRecommended .btns input {
+      width: 20.833vw;
+      height: 2.604vw;
+      font-size: 0.938vw;
+      -webkit-border-radius: 0.26vw;
+      border-radius: 0.26vw;
+    }
+
+    .requires {
+      margin-top: 1.563vw;
+    }
+    .requires p {
+      font-size: 0.833vw;
+      padding-bottom: 0.521vw;
+  }
+    .requires textarea {
+      -webkit-border-radius: 0.26vw;
+      border-radius: 0.26vw;
+      padding: 1.563vw;
+    }
+  }
+  @media (min-width: 992px) {
+    .commonweb {
+      padding: 0px 10px;
+    }
+  }
+
+  @media (min-width: 1260px) {
+    .commonweb {
+      max-width: 83.333vw;
+    }
+  }
+
+  @media (min-width: 1920px) {
+
+    .internalRecommendedMain .internalRecommended {
+      max-width: 66.667vw;
+    }
+  }
+</style>
 <body>
   <div class="header head3">#include(navbar)</div>
 
@@ -94,108 +441,62 @@
       </div>
     </div>
     <div class="publicLink" style="background-color: #f7f8f9">
-      <div class="container1260" style="padding: 20px;">
+      <div class="internalRecommendedMain" style="margin: 20px 0px 0px;">
-        <div class="customize">
-          <div class="pic_box">
-            <div style="position: absolute; top: 5%; left: 5%; width: 60%">
-              <p class="title">项目管理后台</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="content_box">
-            <div class="Forms">
-              <!-- <table class="layui-table" lay-even lay-size="lg"> -->
-              <table class="layui-table " lay-even>
-                <colgroup>
-                  <!-- <col width="25%">
-                    <col width="25%">
-                    <col width="25%">
-                    <col width="25%"> -->
-                </colgroup>
-                <thead>
-                  <tr>
-                    <th colspan="4">单机版PC软件 LEDOK Express</th>
-                  </tr>
-                </thead>
-                <tbody>
-                  <tr>
-                    <td>平台支持</td>
-                    <td>WINDOWS</td>
-                    <td>MAC OS</td>
-                    <td>LINUX</td>
-                  </tr>
-                  <tr>
-                    <td>功能介绍</td>
-                    <td colspan="3">LEDOK
-                      Express是支持多平台的单机局域网软件，实现局域网自动发现设备，可进行LED模组智能设置、批量设备管理、多窗口多页面节目编排和批量内容下发，轻松管理附近的LED和LCD显示屏。</td>
-                  </tr>
-                  <tr>
-                    <td>功能定制</td>
-                    <td colspan="3">
-                      基础功能报价中包含：<br />
-                      1，自定义LOGO；<br />
-                      2，自定义软件名称，连同熙讯公开版本持续升级更新。<br />
-                      其他个性化功能按实际需求评估后单独报价<br />
-                    </td>
-                  </tr>
-                  <tr>
-                    <td>软件使用培训费用【可选】</td>
-                    <td colspan="3">
-                      ￥1,000.00<br />
-                      单次/1人/1天，异地差旅费另计<br />
-                    </td>
-                  </tr>
-                  <tr>
-                    <td>备注</td>
-                    <td colspan="3">
-                      1，所有平台和软件均为远程部署，需现场实施请提前商务沟通确认并提供相关人员的差旅和现场实施费用；<br />
-                      2，所有平台和软件只提供可运行程序或安装包，不提供源代码<br />
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
 
-            </div>
+      <div class="commonweb">
 
-            <div class="contact">
+        <div class="internalRecommended">
-              <div>
+
-                <div class="title">联系我们的专业软件产品经理</div>
+          <div class="internalRecommendedTitle"><span>联系我们的专业软件产品经理</span></div>
-                <br>
+
-                <form id="contactForm">
+          <form id="contactForm" >
-                  <div class="form-group">
+
-                    <div for="name">*姓名：</div>
+            <div class="inputList">
+
+              <div class="list">
+                <p for="name"><span>*</span> 姓名</p>
                 <input id="name" class="form-control" name="text" aria-labelledby="phoneLabel" placeholder="请输入您的姓名"
                 required>
               </div>
-                  <div class="form-group">
+
-                    <div for="phone">*联系电话：</div>
+              <div class="list">
+
+                <p for="phone"><span>*</span> 联系电话</p>
+
                 <input id="phone" class="form-control" type="tel" name="tel" pattern="1[3-9]\d{9}"
                     title="请输入正确的手机号码" aria-labelledby="phoneLabel" placeholder="请输入您的联系方式" required>
               </div>
-                  <div class="form-group">
+
-                    <div for="email">常用邮箱：</div>
+              <div class="list">
+
+                <p for="email">常用邮箱</p>
+
                 <input id="email" class="form-control" type="email" name="email" placeholder="请输入您的邮箱地址"
                 aria-labelledby="emailLabel">
               </div>
-                  <div class="form-group">
+
-                    <div id="textareaLable" for="requirements">*需求描述：</div>
+            </div>
-                    <textarea id="requirements" class="form-control" name="requirements"
+
+            <div class="requires">
+
+                <p for="requirements"><span>*</span>你的需求</p>
+                <textarea id="requirements" name="requirements" style="width: 100%;height: 100%;"
                   aria-labelledby="requirementsLabel" placeholder="请输入您的需求" required></textarea>
+            
                 </div>
-                  <div>
+              <div class="btns"><input type="submit" lay-submit="" lay-filter="Vitae" value="提交">
-                    <button type="submit" class="Btn" style="float: right;">提交</button>
               </div>
+
           </form>
+
+
+
         </div>
 
       </div>
+
     </div>
-        </div>
+
-      </div>
   </div>
   </div>
   #include(footer)