Browse Source

update ai-customer

SyuanYu 1 month ago
parent
commit
5d0cdcce2c
3 changed files with 217 additions and 189 deletions
  1. 169 168
      layouts/ai-customer/single.html
  2. 32 7
      static/css/custom.css
  3. 16 14
      static/css/style.css

+ 169 - 168
layouts/ai-customer/single.html

@@ -50,68 +50,69 @@
 <body>
   {{ partial "navbar.html" . }}
 
- <div class="container-fluid">
-<div class="row my-5">
-  <div class="col-md-8">
-    <section class="aicustomer-sec01">
-      <img class="img-fluid" src="/img/aicustomer/choozmoAiCustomer.webp" alt="choozmoAiCustomer">
-      <div class="aicustomer-sec01-cta-arrow  text-center">
-        <a href="#ctablock">
-          <div class="arrow-wave">
-            <span></span>
-            <span></span>
-  
-          </div>
-        </a>
-      </div>
-    </section>
-  
-    <section class="aicustomer-sec02">
-      <h2 class="aicustomer-sec02-title">
-        ChoozMo AI 客服優勢
-      </h2>
-      <img class="aicustomer-title-line" src="/img/aicustomer/aicustomer-title.png" alt="">
-      <div class="mt-4">
-        <div class="container">
-          <div class="video-box mb-5">
-            <iframe src="https://www.youtube.com/embed/fqLmn1OLH74" title="YouTube video player" frameborder="0"
-              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-              allowfullscreen></iframe>
-          </div>
-          <p>隨著人工智慧(AI)技術的快速發展,AI智能客服逐漸成為現代企業提升客戶體驗的核心工具之一。透過高度擬真的AI技術和影像識別能力,企業能夠打造出具有人格化、互動性強的客服代表,為顧客提供更加個性化和高效的服務。
-          </p>
-          <div class="d-flex justify-content-center mb-5">
-            <a href="#news-form" class="submit-btn mb-3"> 立即諮詢</a>
+  <div class="container-fluid">
+    <div class="row my-5">
+      <div class="col-lg-8">
+        <section class="aicustomer-sec01">
+          <img class="img-fluid" src="/img/aicustomer/choozmoAiCustomer.webp" alt="choozmoAiCustomer">
+          <div class="aicustomer-sec01-cta-arrow  text-center">
+            <a href="#ctablock">
+              <div class="arrow-wave">
+                <span></span>
+                <span></span>
+
+              </div>
+            </a>
           </div>
-          <h3 id="一建生成AI客服"><strong> 一鍵生成AI客服</strong></h3>
-          <img class="img-fluid" src="/img/aicustomer/webv1.webp" alt="">
-          <p>
-            一鍵生成AI客服,支持手機、平板、Kiosk、電腦等多種裝置,實現無縫跨平台體驗。數字人虛擬形象,精準對嘴互動,提供多語言服務,讓顧客享受真實流暢的對話體驗。專屬後台管理系統,簡單自訂客服流程,快速響應顧客需求,有效提升客戶滿意度及品牌形象,幫助企業更高效地運營與拓展。
-          </p>
-          <h3 id="高度擬真Ai技術"><strong> 高度擬真AI客服技術</strong></h3>
-          <p>AI智能影像客服的核心技術基於Generative
-            AI(生成式人工智慧)和深度學習模型,能夠生成具備擬真外觀與語言的客服人物。這些虛擬客服不僅能夠模擬真人的面部表情、肢體動作,還能進行流暢的語音對話,讓客戶在互動中有更真實、更具情感的體驗。無論是基本的查詢、複雜的問題解答,還是情感交互,AI客服都能靈活應對,並提升整體的客戶滿意度。
-          </p>
-          <h3 id="語言多樣性"><strong> 語言多樣性與市場拓展</strong></h3>
-          <p>
-            自家訓練的語言模型(LLM)支持超過20種語言,涵蓋全球多個市場的語言需求,從英語、中文、西班牙語到日語、韓語等,無論在哪個語言區域,企業都能提供無縫的客服體驗。這樣的語言多樣性不僅能夠打破語言障礙,還能幫助企業進一步拓展國際市場,實現全球化業務的快速推廣。
-          </p>
-  
-          <h3 id="語言多樣性"><strong>24/7 全天候服務</strong></h3>
-          <p>
-            AI智能影像客服最大的一個優勢在於其無需休息的特性。它能夠實現24小時全天候服務,即使在高峰期或非工作時間,依然能快速回應顧客的查詢和需求。無論是跨時區的用戶,還是緊急的技術支持需求,都可以即時處理,進一步提升了顧客的滿意度與忠誠度,從而促進企業與客戶之間長期穩定的關係。
-          </p>
-          <img class="img-fluid mb-5" src="/img/aicustomer/aicustomer.webp" alt="">
-          <h3 id="語言多樣性"><strong>ChooZmo AI智能客服應用實例</strong></h3>
-          <img class="img-fluid" src="/img/aicustomer/2024meettaipei.webp" alt="">
-          <p> ▲ 2024 Meet Taipei 創新創業嘉年華開幕式展現出數位時代專屬AI主播魏時黛參與互動</p>
-          <img class="img-fluid mb-3" src="/img/aicustomer/aicustomer3.webp" alt="">
-          <p> ▲ 零售場域導入AI客服,提供中英日韓多語言服務,機場專櫃整合引導,提升顧客互動體驗。</p>
-          <img class="img-fluid mb-3" src="/img/aicustomer/aicustomer4.webp" alt="">
-  
-          <p> ▲ 日照中心導入台語AI客服,提供親切流暢的語音互動,提升顧客服務體驗。</p>
-          
-          <!-- <div id="news-form" class="news-form mt-0">
+        </section>
+
+        <section class="aicustomer-sec02">
+          <h2 class="aicustomer-sec02-title">
+            ChoozMo AI 客服優勢
+          </h2>
+          <img class="aicustomer-title-line" src="/img/aicustomer/aicustomer-title.png" alt="">
+          <div class="mt-4">
+            <div class="container">
+              <div class="video-box mb-5">
+                <iframe src="https://www.youtube.com/embed/fqLmn1OLH74" title="YouTube video player" frameborder="0"
+                  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                  allowfullscreen></iframe>
+              </div>
+              <p>
+                隨著人工智慧(AI)技術的快速發展,AI智能客服逐漸成為現代企業提升客戶體驗的核心工具之一。透過高度擬真的AI技術和影像識別能力,企業能夠打造出具有人格化、互動性強的客服代表,為顧客提供更加個性化和高效的服務。
+              </p>
+              <div class="d-flex d-lg-none justify-content-center mb-5">
+                <a href="#form" class="submit-btn mb-3"> 立即諮詢</a>
+              </div>
+              <h3 id="一建生成AI客服"><strong> 一鍵生成AI客服</strong></h3>
+              <img class="img-fluid" src="/img/aicustomer/webv1.webp" alt="">
+              <p>
+                一鍵生成AI客服,支持手機、平板、Kiosk、電腦等多種裝置,實現無縫跨平台體驗。數字人虛擬形象,精準對嘴互動,提供多語言服務,讓顧客享受真實流暢的對話體驗。專屬後台管理系統,簡單自訂客服流程,快速響應顧客需求,有效提升客戶滿意度及品牌形象,幫助企業更高效地運營與拓展。
+              </p>
+              <h3 id="高度擬真Ai技術"><strong> 高度擬真AI客服技術</strong></h3>
+              <p>AI智能影像客服的核心技術基於Generative
+                AI(生成式人工智慧)和深度學習模型,能夠生成具備擬真外觀與語言的客服人物。這些虛擬客服不僅能夠模擬真人的面部表情、肢體動作,還能進行流暢的語音對話,讓客戶在互動中有更真實、更具情感的體驗。無論是基本的查詢、複雜的問題解答,還是情感交互,AI客服都能靈活應對,並提升整體的客戶滿意度。
+              </p>
+              <h3 id="語言多樣性"><strong> 語言多樣性與市場拓展</strong></h3>
+              <p>
+                自家訓練的語言模型(LLM)支持超過20種語言,涵蓋全球多個市場的語言需求,從英語、中文、西班牙語到日語、韓語等,無論在哪個語言區域,企業都能提供無縫的客服體驗。這樣的語言多樣性不僅能夠打破語言障礙,還能幫助企業進一步拓展國際市場,實現全球化業務的快速推廣。
+              </p>
+
+              <h3 id="語言多樣性"><strong>24/7 全天候服務</strong></h3>
+              <p>
+                AI智能影像客服最大的一個優勢在於其無需休息的特性。它能夠實現24小時全天候服務,即使在高峰期或非工作時間,依然能快速回應顧客的查詢和需求。無論是跨時區的用戶,還是緊急的技術支持需求,都可以即時處理,進一步提升了顧客的滿意度與忠誠度,從而促進企業與客戶之間長期穩定的關係。
+              </p>
+              <img class="img-fluid mb-5" src="/img/aicustomer/aicustomer.webp" alt="">
+              <h3 id="語言多樣性"><strong>ChooZmo AI智能客服應用實例</strong></h3>
+              <img class="img-fluid" src="/img/aicustomer/2024meettaipei.webp" alt="">
+              <p> ▲ 2024 Meet Taipei 創新創業嘉年華開幕式展現出數位時代專屬AI主播魏時黛參與互動</p>
+              <img class="img-fluid mb-3" src="/img/aicustomer/aicustomer3.webp" alt="">
+              <p> ▲ 零售場域導入AI客服,提供中英日韓多語言服務,機場專櫃整合引導,提升顧客互動體驗。</p>
+              <img class="img-fluid mb-3" src="/img/aicustomer/aicustomer4.webp" alt="">
+
+              <p> ▲ 日照中心導入台語AI客服,提供親切流暢的語音互動,提升顧客服務體驗。</p>
+
+              <!-- <div id="news-form" class="news-form mt-0">
             <div class="text-center title">
               <h4>線上諮詢</h4>
               <p>與我們合作,馬上展開全新的創作里程碑</p>
@@ -202,8 +203,8 @@
               </div>
             </form>
           </div> -->
-        </div>
-        <!-- <div class="aicustomer-sec02-1 row">
+            </div>
+            <!-- <div class="aicustomer-sec02-1 row">
           <div class="col-lg-3">
             <img class="img-fluid" src="/img/aicustomer/aicustomer1.png" alt="">
             <p>以Generative AI技術為核心,客製化專屬AI客服人物,為客戶提供多元服務,提高整體客戶體驗。
@@ -220,124 +221,124 @@
             <p>提供24小時即時支援,無需休息或輪班,因此可以快速回應客戶查詢和需求,提高滿意度和忠誠度。</p>
           </div>
         </div> -->
-      </div>
-    </section>
-  
-    <section class="aicustomer-faq">
-      <h2>
-        ChoozMo AI 客服常見問題
-      </h2>
-      <img class="aicustomer-title-line" src="/img/aicustomer/aicustomer-title.png" alt="">
-      <div class="row">
-        <div class="col-lg-8">
-          <div class="accordion solution-accordion pb-1" id="accordionExample">
-            <div class="accordion-item">
-              <h2 class="accordion-header" id="heading_1">
-                <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse_1"
-                  aria-expanded="true" aria-controls="collapse_1">
-                  1. 與真人客服相比,AI智慧客服有哪些優勢?
-                </button>
-              </h2>
-              <div id="collapse_1" class="accordion-collapse collapse show" aria-labelledby="heading_1"
-                data-bs-parent="#accordionExample">
-                <div class="accordion-body">
-                  AI客服可以全天候提供幫助,無需休息或輪班、也能支援翻譯(中英日韓)等。
-                  <br><br>
-  
+          </div>
+        </section>
+
+        <section class="aicustomer-faq">
+          <h2>
+            ChoozMo AI 客服常見問題
+          </h2>
+          <img class="aicustomer-title-line" src="/img/aicustomer/aicustomer-title.png" alt="">
+          <div class="row">
+            <div class="col-lg-8">
+              <div class="accordion solution-accordion pb-1" id="accordionExample">
+                <div class="accordion-item">
+                  <h2 class="accordion-header" id="heading_1">
+                    <button class="accordion-button" type="button" data-bs-toggle="collapse"
+                      data-bs-target="#collapse_1" aria-expanded="true" aria-controls="collapse_1">
+                      1. 與真人客服相比,AI智慧客服有哪些優勢?
+                    </button>
+                  </h2>
+                  <div id="collapse_1" class="accordion-collapse collapse show" aria-labelledby="heading_1"
+                    data-bs-parent="#accordionExample">
+                    <div class="accordion-body">
+                      AI客服可以全天候提供幫助,無需休息或輪班、也能支援翻譯(中英日韓)等。
+                      <br><br>
+
+                    </div>
+                  </div>
                 </div>
-              </div>
-            </div>
-  
-            <div class="accordion-item">
-              <h2 class="accordion-header" id="heading_2">
-                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
-                  data-bs-target="#collapse_2" aria-expanded="true" aria-controls="collapse_2">
-                  2. AI智能客服能否與現有系統和平臺整合?
-                </button>
-              </h2>
-              <div id="collapse_2" class="accordion-collapse collapse" aria-labelledby="heading_2"
-                data-bs-parent="#accordionExample">
-                <div class="accordion-body">
-                  可以,我們的AI客服可以與現有網站、APP、各種螢幕顯示裝置(如平板、觸控螢幕、Kiosk售票機等)串接。
+
+                <div class="accordion-item">
+                  <h2 class="accordion-header" id="heading_2">
+                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
+                      data-bs-target="#collapse_2" aria-expanded="true" aria-controls="collapse_2">
+                      2. AI智能客服能否與現有系統和平臺整合?
+                    </button>
+                  </h2>
+                  <div id="collapse_2" class="accordion-collapse collapse" aria-labelledby="heading_2"
+                    data-bs-parent="#accordionExample">
+                    <div class="accordion-body">
+                      可以,我們的AI客服可以與現有網站、APP、各種螢幕顯示裝置(如平板、觸控螢幕、Kiosk售票機等)串接。
+                    </div>
+                  </div>
                 </div>
-              </div>
-            </div>
-            <div class="accordion-item">
-              <h2 class="accordion-header" id="heading_3">
-                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
-                  data-bs-target="#collapse_3" aria-expanded="true" aria-controls="collapse_3">
-                  3. AI客服系統是否支援多語言和多渠道溝通?
-                </button>
-              </h2>
-              <div id="collapse_3" class="accordion-collapse collapse" aria-labelledby="heading_3"
-                data-bs-parent="#accordionExample">
-                <div class="accordion-body">
-                  可以,目前可支援中文、英文、日文、韓文。
+                <div class="accordion-item">
+                  <h2 class="accordion-header" id="heading_3">
+                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
+                      data-bs-target="#collapse_3" aria-expanded="true" aria-controls="collapse_3">
+                      3. AI客服系統是否支援多語言和多渠道溝通?
+                    </button>
+                  </h2>
+                  <div id="collapse_3" class="accordion-collapse collapse" aria-labelledby="heading_3"
+                    data-bs-parent="#accordionExample">
+                    <div class="accordion-body">
+                      可以,目前可支援中文、英文、日文、韓文。
+                    </div>
+                  </div>
                 </div>
-              </div>
-            </div>
-            <div class="accordion-item">
-              <h2 class="accordion-header" id="heading_4">
-                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
-                  data-bs-target="#collapse_4" aria-expanded="true" aria-controls="collapse_4">
-                  4. A智能客服可以提供即時支援和回應客戶查詢嗎?
-                </button>
-              </h2>
-              <div id="collapse_4" class="accordion-collapse collapse" aria-labelledby="heading_3"
-                data-bs-parent="#accordionExample">
-                <div class="accordion-body">
-                  AI客服可以提供即時支援和回應客戶查詢,而且能夠同時處理多個查詢不受限制。
+                <div class="accordion-item">
+                  <h2 class="accordion-header" id="heading_4">
+                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
+                      data-bs-target="#collapse_4" aria-expanded="true" aria-controls="collapse_4">
+                      4. A智能客服可以提供即時支援和回應客戶查詢嗎?
+                    </button>
+                  </h2>
+                  <div id="collapse_4" class="accordion-collapse collapse" aria-labelledby="heading_3"
+                    data-bs-parent="#accordionExample">
+                    <div class="accordion-body">
+                      AI客服可以提供即時支援和回應客戶查詢,而且能夠同時處理多個查詢不受限制。
+                    </div>
+                  </div>
                 </div>
-              </div>
-            </div>
-  
-            <div class="accordion-item">
-              <h2 class="accordion-header" id="heading_4">
-                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
-                  data-bs-target="#collapse_4" aria-expanded="true" aria-controls="collapse_4">
-                  5. 智能聊天機器人是什麼?
-                </button>
-              </h2>
-              <div id="collapse_4" class="accordion-collapse collapse" aria-labelledby="heading_3"
-                data-bs-parent="#accordionExample">
-                <div class="accordion-body">
-                  人工智慧 (AI) 聊天機器人是可以使用自然語言理解 (NLU)或自然語言處理 (NLP) 和機器學習 (ML)
-                  進行類似人類對話的應用程式或介面。人工智慧聊天機器人與標準聊天機器人的不同之處在於,它們利用大型語言模型 (LLM) 與傳統對話流和預先編程回應來產生對文字和語音輸入的回應。
+
+                <div class="accordion-item">
+                  <h2 class="accordion-header" id="heading_4">
+                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
+                      data-bs-target="#collapse_4" aria-expanded="true" aria-controls="collapse_4">
+                      5. 智能聊天機器人是什麼?
+                    </button>
+                  </h2>
+                  <div id="collapse_4" class="accordion-collapse collapse" aria-labelledby="heading_3"
+                    data-bs-parent="#accordionExample">
+                    <div class="accordion-body">
+                      人工智慧 (AI) 聊天機器人是可以使用自然語言理解 (NLU)或自然語言處理 (NLP) 和機器學習 (ML)
+                      進行類似人類對話的應用程式或介面。人工智慧聊天機器人與標準聊天機器人的不同之處在於,它們利用大型語言模型 (LLM) 與傳統對話流和預先編程回應來產生對文字和語音輸入的回應。
+                    </div>
+                  </div>
                 </div>
-              </div>
-            </div>
-  
-            <div class="accordion-item">
-              <h2 class="accordion-header" id="heading_5">
-                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
-                  data-bs-target="#collapse_5" aria-expanded="true" aria-controls="collapse_5">
-                  6. AI客服是否需要另外下載 APP 使用?
-                </button>
-              </h2>
-              <div id="collapse_5" class="accordion-collapse collapse" aria-labelledby="heading_3"
-                data-bs-parent="#accordionExample">
-                <div class="accordion-body">
-                  AI客服無論KIOSK或是手機皆以網頁運行,故不需要另外下載app。
+
+                <div class="accordion-item">
+                  <h2 class="accordion-header" id="heading_5">
+                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
+                      data-bs-target="#collapse_5" aria-expanded="true" aria-controls="collapse_5">
+                      6. AI客服是否需要另外下載 APP 使用?
+                    </button>
+                  </h2>
+                  <div id="collapse_5" class="accordion-collapse collapse" aria-labelledby="heading_3"
+                    data-bs-parent="#accordionExample">
+                    <div class="accordion-body">
+                      AI客服無論KIOSK或是手機皆以網頁運行,故不需要另外下載app。
+                    </div>
+                  </div>
                 </div>
+
               </div>
             </div>
-  
+            <div class="col-lg-4">
+              <img class="img-fluid" src="/img/aicustomer/aicustomerfaq.webp" alt="" style="margin-top: 30px;">
+            </div>
           </div>
-        </div>
-        <div class="col-lg-4">
-          <img class="img-fluid" src="/img/aicustomer/aicustomerfaq.webp" alt="">
-        </div>
+        </section>
       </div>
-    </section>
-  </div>
 
-  <div class="col-md-4 pe-md-5">
-    <div id="form">
-      {{ partial "form-main.html" . }}
+      <div class="col-lg-4 pe-lg-5">
+        <div id="form">
+          {{ partial "form-main.html" . }}
+        </div>
+      </div>
     </div>
   </div>
-</div>
- </div>
 
   <section id="aicustomerCta" class="sec-action pb-5">
     <div class="container-fluid">

+ 32 - 7
static/css/custom.css

@@ -785,7 +785,7 @@
   max-width: 100%;
   box-shadow: 0 11px 21px 0 rgba(194, 194, 194, 0.644);
   transition: all 0.3s;
-  margin: 1.5rem .5rem;
+  margin: 1.5rem 0.5rem;
 }
 
 #post-content img:hover {
@@ -2321,19 +2321,26 @@
 }
 .aicustomer-sec02-title {
   margin-left: 70px;
+  font-weight: bold;
+}
+@media (max-width: 991px) {
+  .aicustomer-sec02-title {
+    margin-left: 0;
+  }
 }
-
 .aicustomer-title-line {
   width: 700px;
   height: auto;
   object-fit: cover;
 }
-
+@media (max-width: 1200px) {
+  .aicustomer-title-line {
+    width: 600px;
+  }
+}
 @media (max-width: 767px) {
   .aicustomer-title-line {
-    width: 365px;
-    height: auto;
-    object-fit: cover;
+    width: 80vw;
   }
 }
 .aicustomer-sec02 {
@@ -2368,7 +2375,7 @@
 
 .aicustoerSec04,
 .aicustomer-faq {
-  width: 80%;
+  width: 95%;
   margin: 50px auto;
 }
 
@@ -2486,6 +2493,10 @@
   margin-top: -30px;
 }
 
+.aicustomer-faq h2 {
+  font-weight: bold;
+}
+
 .aicustomer-faq .accordion {
   margin-top: 30px;
 }
@@ -2517,11 +2528,25 @@
   top: 80px;
 }
 
+@media (max-width: 991px) {
+  #form {
+    margin-top: 0;
+  }
+}
+
 #form .news-form {
   padding: 25px 50px;
   margin-top: 0;
 }
 
+@media (max-width: 991px) {
+  #form .news-form {
+    width: 90vw;
+    padding: 25px 50px;
+    margin-top: 0;
+  }
+}
+
 #form .title {
   margin-bottom: 0;
 }

+ 16 - 14
static/css/style.css

@@ -1025,7 +1025,7 @@
   z-index: -1;
   transform: scale(1.1);
   -o-object-position: 3vw 0px;
-     object-position: 3vw 0px;
+  object-position: 3vw 0px;
 }
 #home .more-btn {
   padding: 13px 30px;
@@ -1074,8 +1074,8 @@
 }
 #home .progress-item .cont #progress-bar {
   -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
+  -moz-appearance: none;
+  appearance: none;
   width: 360px;
   color: #000;
   height: 2px;
@@ -1466,7 +1466,9 @@
 }
 
 .loaded {
-  box-shadow: 0 4px 8px 0 rgba(53, 105, 128, 0.3019607843), 0 6px 20px 0 rgba(165, 200, 213, 0.4117647059);
+  box-shadow:
+    0 4px 8px 0 rgba(53, 105, 128, 0.3019607843),
+    0 6px 20px 0 rgba(165, 200, 213, 0.4117647059);
   margin-bottom: 4rem;
 }
 
@@ -2734,7 +2736,7 @@
 .blog-traffic .img-block-img {
   width: 12%;
   -o-object-fit: contain;
-     object-fit: contain;
+  object-fit: contain;
   image-rendering: -webkit-optimize-contrast;
   position: relative;
   top: -30px;
@@ -2883,7 +2885,7 @@
 #seo-dm .point-list img {
   height: 230px;
   -o-object-fit: contain;
-     object-fit: contain;
+  object-fit: contain;
 }
 #seo-dm .point-list h4 {
   font-size: 22px;
@@ -3026,7 +3028,7 @@
   height: 205px;
   max-width: 100%;
   -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
 }
 @media (max-width: 991px) {
   #ai-video .process .main-img {
@@ -3041,7 +3043,7 @@
   margin: 0 1vw;
   max-width: 100%;
   -o-object-fit: contain;
-     object-fit: contain;
+  object-fit: contain;
 }
 @media (max-width: 991px) {
   #ai-video .process .arrow-img {
@@ -3382,7 +3384,7 @@
 #youtube-views-zh .direction-list img {
   width: 50px;
   -o-object-fit: contain;
-     object-fit: contain;
+  object-fit: contain;
   filter: invert(33%) sepia(55%) saturate(2232%) hue-rotate(357deg) brightness(102%) contrast(89%);
 }
 #youtube-views .direction-list .content > div,
@@ -4442,7 +4444,7 @@
   width: 100%;
   height: 500px;
   -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
 }
 .about-header section {
   width: 100%;
@@ -4552,7 +4554,7 @@
   width: 100%;
   height: 280px;
   -o-object-fit: contain;
-     object-fit: contain;
+  object-fit: contain;
 }
 @media (max-width: 1199px) {
   .about-content .project-item img {
@@ -4630,8 +4632,8 @@
 }
 .about-content .progress-item .cont #progress-bar {
   -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
+  -moz-appearance: none;
+  appearance: none;
   width: 520px;
   color: #000;
   height: 2px;
@@ -5284,4 +5286,4 @@
 }
 .ai-kiosk #form .form-check-input {
   margin-top: 0.3rem !important;
-}/*# sourceMappingURL=style.css.map */
+} /*# sourceMappingURL=style.css.map */