浜у搧涓績 - 蹇犳垚鏄剧ず | 7-75 鑻卞鐢靛瑙︽懜灞?/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; } .product-detail { padding: 60px 20px; } .product-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 2rem; } .product-item { background: white; border: 1px solid #eee; border-radius: 10px; overflow: hidden; transition: box-shadow 0.3s; } .product-item:hover { box-shadow: 0 10px 30px rgba(0,0,0,0.1); } .product-img { height: 250px; background: var(--light); display: flex; align-items: center; justify-content: center; color: #999; font-size: 18px; } .product-info { padding: 2rem; } .product-info h3 { color: var(--dark); margin-bottom: 1rem; font-size: 22px; } .product-info ul { list-style: none; margin-bottom: 1.5rem; } .product-info li { padding: 0.5rem 0; border-bottom: 1px solid #eee; color: #666; } .product-info li:last-child { border-bottom: none; } .tech-specs { background: var(--light); padding: 60px 20px; } .specs-table { width: 100%; max-width: 900px; margin: 0 auto; border-collapse: collapse; } .specs-table th, .specs-table td { padding: 1rem; text-align: left; border-bottom: 1px solid #ddd; } .specs-table th { background: var(--dark); color: white; width: 30%; } .specs-table tr:hover { background: #f5f5f5; } </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" class="active">浜у搧涓績</a> <a href="applications.html">搴旂敤棰嗗煙</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>7-75 鑻卞鍏ㄥ昂瀵歌鐩栵紝婊¤冻鍚勭搴旂敤闇€姹?/p> </section>  <section class="product-detail"> <div class="container"> <div class="product-grid">  <div class="product-item"> <div class="product-img" style="background: linear-gradient(135deg, #0066CC, #003366); display: flex; align-items: center; justify-content: center; color: white; font-size: 64px;">馃摫</div> <div class="product-info"> <h3>鐢靛瑙︽懜灞?/h3> <ul> <li><strong>灏哄鑼冨洿锛?/strong>7-75 鑻卞</li> <li><strong>缁撴瀯绫诲瀷锛?/strong>GG 缁撴瀯锛堢幓鐠?- 鐜荤拑锛?/li> <li><strong>閫忓厜鐜囷細</strong>>85%</li> <li><strong>瑙︽懜鐐规暟锛?/strong>鏀寔 10 鐐硅Е鎺?/li> <li><strong>宸ヤ綔娓╁害锛?/strong>-20鈩?~ 70鈩?/li> </ul> <a href="contact.html" class="btn btn-primary">鍜ㄨ鎶ヤ环</a> </div> </div>  <div class="product-item"> <div class="product-img" style="background: linear-gradient(135deg, #0066CC, #003366); display: flex; align-items: center; justify-content: center; color: white; font-size: 64px;">馃敺</div> <div class="product-info"> <h3>GFF 缁撴瀯瑙︽懜灞?/h3> <ul> <li><strong>灏哄鑼冨洿锛?/strong>7-86 鑻卞</li> <li><strong>缁撴瀯绫诲瀷锛?/strong>GFF锛堢幓鐠?- 钖勮啘 - 钖勮啘锛?/li> <li><strong>鍘氬害锛?/strong>0.7mm 瓒呰杽璁捐</li> <li><strong>閫忓厜鐜囷細</strong>>88%</li> <li><strong>鐗圭偣锛?/strong>杞昏杽銆佹垚鏈綆銆侀€傚悎澶у昂瀵?/li> <li><strong>搴旂敤锛?/strong>鍟嗕笟鏄剧ず銆佹暀鑲蹭細璁?/li> </ul> <a href="contact.html" class="btn btn-primary">鍜ㄨ鎶ヤ环</a> </div> </div>  <div class="product-item"> <div class="product-img" style="background: linear-gradient(135deg, #0066CC, #003366); display: flex; align-items: center; justify-content: center; color: white; font-size: 64px;">馃敹</div> <div class="product-info"> <h3>PFF 缁撴瀯瑙︽懜灞?/h3> <ul> <li><strong>灏哄鑼冨洿锛?/strong>7-55 鑻卞</li> <li><strong>缁撴瀯绫诲瀷锛?/strong>PFF锛堝鑳?- 钖勮啘 - 钖勮啘锛?/li> <li><strong>鍘氬害锛?/strong>0.5mm 瓒呰杽璁捐</li> <li><strong>閫忓厜鐜囷細</strong>>86%</li> <li><strong>鐗圭偣锛?/strong>杞昏杽銆佹姉鍐插嚮銆佹垚鏈綆</li> <li><strong>搴旂敤锛?/strong>渚挎惡璁惧銆佸尰鐤椾华鍣?/li> </ul> <a href="contact.html" class="btn btn-primary">鍜ㄨ鎶ヤ环</a> </div> </div>  <div class="product-item"> <div class="product-img" style="background: linear-gradient(135deg, #0066CC, #003366); display: flex; align-items: center; justify-content: center; color: white; font-size: 64px;">鉁忥笍</div> <div class="product-info"> <h3>鐢甸樆瑙︽懜灞?/h3> <ul> <li><strong>灏哄鑼冨洿锛?/strong>5-32 鑻卞</li> <li><strong>缁撴瀯绫诲瀷锛?/strong>4 绾?5 绾跨數闃?/li> <li><strong>閫忓厜鐜囷細</strong>>80%</li> <li><strong>鍝嶅簲鏃堕棿锛?/strong><10ms</li> <li><strong>宸ヤ綔娓╁害锛?/strong>-30鈩?~ 80鈩?/li> <li><strong>鐗圭偣锛?/strong>鎴愭湰浣庛€佺簿搴﹂珮銆佹姉骞叉壈</li> </ul> <a href="contact.html" class="btn btn-primary">鍜ㄨ鎶ヤ环</a> </div> </div>  <div class="product-item"> <div class="product-img" style="background: linear-gradient(135deg, #0066CC, #003366); display: flex; align-items: center; justify-content: center; color: white; font-size: 64px;">馃摗</div> <div class="product-info"> <h3>绾㈠瑙︽懜灞?/h3> <ul> <li><strong>灏哄鑼冨洿锛?/strong>32-86 鑻卞</li> <li><strong>鍒嗚鲸鐜囷細</strong>32767脳32767</li> <li><strong>閫忓厜鐜囷細</strong>>92%</li> <li><strong>瑙︽懜瀵垮懡锛?/strong>>6000 涓囨</li> <li><strong>闃叉姢绛夌骇锛?/strong>IP65</li> <li><strong>鐗圭偣锛?/strong>澶у昂瀵搞€佽€愮敤銆佸厤鏍″噯</li> </ul> <a href="contact.html" class="btn btn-primary">鍜ㄨ鎶ヤ环</a> </div> </div>  <div class="product-item"> <div class="product-img" style="background: linear-gradient(135deg, #0066CC, #003366); display: flex; align-items: center; justify-content: center; color: white; font-size: 64px;">馃拵</div> <div class="product-info"> <h3>鍏ㄨ创鍚堟湇鍔?/h3> <ul> <li><strong>璐村悎鏂瑰紡锛?/strong>OCA 鍏夊鑳惰创鍚?/li> <li><strong>閫傜敤灏哄锛?/strong>7-75 鑻卞</li> <li><strong>鑳跺眰鍘氬害锛?/strong>0.1-0.3mm</li> <li><strong>閫忓厜鐜囨彁鍗囷細</strong>>5%</li> <li><strong>瀵规瘮搴︽彁鍗囷細</strong>>30%</li> </ul> <a href="contact.html" class="btn btn-primary">鍜ㄨ鎶ヤ环</a> </div> </div> </div> </div> </section>  <section class="tech-specs"> <div class="container"> <div class="section-header"> <h2>鎶€鏈鏍?/h2> <p class="subtitle">TECHNICAL SPECIFICATIONS</p> </div> <table class="specs-table"> <tr> <th>灏哄鑼冨洿</th> <td>7 鑻卞 - 75 鑻卞锛堢數瀹瑰睆锛? 5-32 鑻卞锛堢數闃诲睆锛? 32-86 鑻卞锛堢孩澶栧睆锛?/td> </tr> <tr> <th>鐜荤拑绫诲瀷</th> <td>閽㈠寲鐜荤拑銆佸寲瀛︾幓鐠冦€佹櫘閫氱幓鐠?/td> </tr> <tr> <th>琛ㄩ潰澶勭悊</th> <td>AG 闃茬湬鍏夈€丄R 闃插弽灏勩€丄F 闃叉寚绾?/td> </tr> <tr> <th>鎺ュ彛绫诲瀷</th> <td>USB銆両2C銆丼PI銆乁ART銆丷S232</td> </tr> <tr> <th>椹卞姩鏀寔</th> <td>Windows銆丩inux銆丄ndroid銆乮OS</td> </tr> <tr> <th>宸ヤ綔娓╁害</th> <td>-20鈩?~ 70鈩冿紙鐢靛灞忥級/ -30鈩?~ 80鈩冿紙鐢甸樆灞忥級</td> </tr> <tr> <th>瀛樺偍娓╁害</th> <td>-30鈩?~ 80鈩?/td> </tr> <tr> <th>婀垮害鑼冨洿</th> <td>10% ~ 90% RH锛堟棤鍐峰嚌锛?/td> </tr> <tr> <th>璁よ瘉鏍囧噯</th> <td>CE銆丗CC銆丷oHS銆両SO9001</td> </tr> </table> </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>