搴旂敤棰嗗煙 - 蹇犳垚鏄剧ず | 瑙︽懜灞忚涓氬簲鐢ㄨВ鍐虫柟妗?/title> <link rel="stylesheet" href="css/style.css"> <style> .page-header { background: linear-gradient(135deg, var(--dark), var(--primary)); color: white; padding: 80px 20px; text-align: center; } .page-header h1 { font-size: 42px; margin-bottom: 1rem; } .app-detail { padding: 60px 20px; } .app-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; } .app-item { background: white; border: 2px solid var(--light); border-radius: 10px; padding: 2rem; text-align: center; transition: all 0.3s; } .app-item:hover { border-color: var(--primary); transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0,0,0,0.1); } .app-icon { font-size: 56px; margin-bottom: 1rem; display: block; } .app-item h3 { color: var(--dark); margin-bottom: 1rem; font-size: 20px; } .app-item p { color: #666; margin-bottom: 1.5rem; line-height: 1.8; } .app-item ul { list-style: none; text-align: left; } .app-item li { padding: 0.5rem 0; border-bottom: 1px solid #eee; color: #666; font-size: 14px; } .app-item li:last-child { border-bottom: none; } .app-item li::before { content: '鉁?; color: var(--accent); margin-right: 0.5rem; font-weight: bold; } </style> </head> <body>  <div class="top-bar"> <div class="container"> <span>馃摟 info@zc-touch.com</span> <span>馃摫 15920688552</span> </div> </div>  <header class="header"> <div class="container"> <div class="logo"> <h1>蹇犳垚<span>鏄剧ず</span></h1> <p class="logo-en">ZC TOUCH DISPLAY</p> </div> <nav class="nav"> <a href="index.html">棣栭〉</a> <a href="about.html">鍏充簬鎴戜滑</a> <a href="products.html">浜у搧涓績</a> <a href="applications.html" class="active">搴旂敤棰嗗煙</a> <a href="news.html">鏂伴椈璧勮</a> <a href="contact.html">鑱旂郴鎴戜滑</a> </nav> <a href="contact.html" class="btn-quote">绔嬪嵆璇环</a> </div> </header>  <section class="page-header"> <h1>搴旂敤棰嗗煙</h1> <p>涓哄悇琛屼笟鎻愪緵涓撲笟鐨勮Е鎽告樉绀鸿В鍐虫柟妗?/p> </section>  <section class="app-detail"> <div class="container"> <div class="app-grid">  <div class="app-item"> <span class="app-icon">馃彮</span> <h3>宸ヤ笟鎺у埗</h3> <p>涓哄伐涓氳嚜鍔ㄥ寲璁惧鎻愪緵绋冲畾鍙潬鐨勮Е鎽歌В鍐虫柟妗?/p> <ul> <li>宸ユ帶闈㈡澘</li> <li>鑷姩鍖栬澶?/li> <li>鏈哄櫒浜烘帶鍒?/li> <li>浠櫒浠〃</li> <li>鐢靛姏璁惧</li> </ul> </div>  <div class="app-item"> <span class="app-icon">馃彞</span> <h3>鍖荤枟璁惧</h3> <p>绗﹀悎鍖荤枟琛屼笟鏍囧噯鐨勯珮绮惧害瑙︽懜浜у搧</p> <ul> <li>璇婃柇璁惧</li> <li>鍖荤枟褰卞儚</li> <li>鐩戞姢浠櫒</li> <li>鎵嬫湳璁惧</li> <li>搴峰璁惧</li> </ul> </div>  <div class="app-item"> <span class="app-icon">馃摵</span> <h3>鍟嗕笟鏄剧ず</h3> <p>澶у昂瀵稿晢鏄捐Е鎽稿睆锛屾彁鍗囧晢涓氬睍绀烘晥鏋?/p> <ul> <li>骞垮憡鏈?/li> <li>鏁板瓧鏍囩墝</li> <li>灞曠ず灞?/li> <li>淇℃伅浜?/li> <li>鏅鸿兘璐ф灦</li> </ul> </div>  <div class="app-item"> <span class="app-icon">馃摎</span> <h3>鏁欒偛浼氳</h3> <p>鏅鸿兘浜や簰骞虫澘锛屾彁鍗囨暀瀛︿細璁晥鐜?/p> <ul> <li>鏅鸿兘榛戞澘</li> <li>鏁欏涓€浣撴満</li> <li>浼氳骞虫澘</li> <li>鐢靛瓙鐧芥澘</li> <li>浜掑姩鎶曞奖</li> </ul> </div>  <div class="app-item"> <span class="app-icon">馃枼锔?/span> <h3>鑷姪缁堢</h3> <p>24 灏忔椂绋冲畾杩愯鐨勮嚜鍔╂湇鍔¤澶?/p> <ul> <li>ATM 缁堢</li> <li>鍞揣鏈?/li> <li>鍙栫エ鏈?/li> <li>鏌ヨ鏈?/li> <li>鍏呯數妗?/li> </ul> </div>  <div class="app-item"> <span class="app-icon">馃幃</span> <h3>娓告垙濞变箰</h3> <p>楂樼伒鏁忓害瑙︽懜锛屾彁鍗囨父鎴忎綋楠?/p> <ul> <li>娓告垙鏈?/li> <li>濞变箰璁惧</li> <li>鍗氬僵鏈?/li> <li>VR 璁惧</li> <li>浜掑姩瑁呯疆</li> </ul> </div>  <div class="app-item"> <span class="app-icon">鉁堬笍</span> <h3>鑸┖鑸ぉ</h3> <p>绗﹀悎鑸┖鏍囧噯鐨勯珮鍙潬鎬т骇鍝?/p> <ul> <li>鑸┖浠〃</li> <li>瀵艰埅璁惧</li> <li>鍦伴潰鎺у埗</li> <li>妯℃嫙璁粌</li> <li>鑸ぉ璁惧</li> </ul> </div>  <div class="app-item"> <span class="app-icon">馃彟</span> <h3>閲戣瀺璁惧</h3> <p>瀹夊叏鍙潬鐨勯噾铻嶇粓绔Е鎽告柟妗?/p> <ul> <li>POS 缁堢</li> <li>鍙栨鏈?/li> <li>瀛樻鏈?/li> <li>鑷姪鏌滃彴</li> <li>瀵嗙爜閿洏</li> </ul> </div> </div> </div> </section>  <footer class="footer"> <div class="container"> <div class="footer-grid"> <div class="footer-col"> <h3>蹇犳垚鏄剧ず</h3> <p>涓撲笟鐢靛瑙︽懜灞忓埗閫犲晢锛?-75 鑻卞澶у昂瀵哥數瀹瑰睆鏁翠綋瑙ｅ喅鏂规</p> </div> <div class="footer-col"> <h3>蹇€熼摼鎺?/h3> <ul> <li><a href="about.html">鍏充簬鎴戜滑</a></li> <li><a href="products.html">浜у搧涓績</a></li> <li><a href="applications.html">搴旂敤棰嗗煙</a></li> <li><a href="news.html">鏂伴椈璧勮</a></li> </ul> </div> <div class="footer-col"> <h3>鑱旂郴鏂瑰紡</h3> <ul> <li>馃摫 15920688552</li> <li>馃摟 info@zc-touch.com</li> <li>馃搷娣卞湷甯傚厜鏄庡尯纭呰胺楂樼 B 鏍?/li> </ul> </div> <div class="footer-col"> <h3>鍏虫敞鎴戜滑</h3> <p>鎵弿浜岀淮鐮佸叧娉ㄥ叕浼楀彿</p> <div class="qr-placeholder">浜岀淮鐮?/div> </div> </div> <div class="footer-bottom"> <p>© 2026 娣卞湷蹇犳垚鏄剧ず鏈夐檺鍏徃鐗堟潈鎵€鏈?| 绮?ICP 澶?2026029380 号 -1 鍙?/p> </div> </div> </footer> </body> </html>