鑱旂郴鎴戜滑 - 蹇犳垚鏄剧ず | 鑾峰彇浜у搧鎶ヤ环涓庢妧鏈敮鎸?/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; } .contact-section { padding: 60px 20px; } .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; } .contact-info h3 { color: var(--dark); margin-bottom: 1.5rem; font-size: 24px; } .contact-item { display: flex; gap: 1rem; margin-bottom: 2rem; } .contact-icon { font-size: 28px; width: 50px; text-align: center; } .contact-detail h4 { color: var(--dark); margin-bottom: 0.3rem; font-size: 16px; } .contact-detail p { color: #666; } .map-placeholder { background: var(--light); height: 300px; display: flex; align-items: center; justify-content: center; color: #999; border-radius: 10px; } .contact-form { background: var(--light); padding: 2rem; border-radius: 10px; } .contact-form h3 { color: var(--dark); margin-bottom: 1.5rem; font-size: 24px; } .form-group { margin-bottom: 1.5rem; } .form-group label { display: block; margin-bottom: 0.5rem; color: var(--dark); font-weight: 500; } .form-group input, .form-group textarea, .form-group select { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 5px; font-size: 14px; font-family: inherit; } .form-group textarea { height: 120px; resize: vertical; } .form-group input:focus, .form-group textarea:focus, .form-group select:focus { outline: none; border-color: var(--primary); } .btn-submit { background: var(--accent); color: white; border: none; padding: 12px 30px; border-radius: 5px; font-size: 16px; font-weight: bold; cursor: pointer; width: 100%; transition: background 0.3s; } .btn-submit:hover { background: #e55a00; } @media (max-width: 768px) { .contact-grid { grid-template-columns: 1fr; } } </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">搴旂敤棰嗗煙</a> <a href="news.html">鏂伴椈璧勮</a> <a href="contact.html" class="active">鑱旂郴鎴戜滑</a> </nav> <a href="contact.html" class="btn-quote">绔嬪嵆璇环</a> </div> </header>  <section class="page-header"> <h1>鑱旂郴鎴戜滑</h1> <p>鑾峰彇浜у搧鎶ヤ环涓庢妧鏈敮鎸?/p> </section>  <section class="contact-section"> <div class="container"> <div class="contact-grid">  <div class="contact-info"> <h3>鑱旂郴鏂瑰紡</h3> <div class="contact-item"> <div class="contact-icon">馃摫</div> <div class="contact-detail"> <h4>鐢佃瘽鍜ㄨ</h4> <p>鏇惧畤搴?15920688552</p> <p>宸ヤ綔鏃堕棿锛氬懆涓€鑷冲懆浜?9:00-18:00</p> </div> </div> <div class="contact-item"> <div class="contact-icon">馃摟</div> <div class="contact-detail"> <h4>閭欢鍜ㄨ</h4> <p>info@zc-touch.com</p> <p>24 灏忔椂鍐呭洖澶?/p> </div> </div> <div class="contact-item"> <div class="contact-icon">馃搷</div> <div class="contact-detail"> <h4>鍏徃鍦板潃</h4> <p>骞夸笢鐪佹繁鍦冲競鍏夋槑鍖烘柊婀栬閬撴柊缇岀ぞ鍖哄厜渚ㄥ寳璺?115 鍙?/p> <p>纭呰胺楂樼宸ヤ笟鍥?B 鏍?201</p> </div> </div> <div class="contact-item"> <div class="contact-icon">馃彮</div> <div class="contact-detail"> <h4>鐢熶骇鍩哄湴</h4> <p>鍘傛埧闈㈢Н锛?500+ 骞虫柟绫?/p> <p>鏈堜骇鑳斤細80000+ 鐗?/p> </div> </div> <div class="map-placeholder">鍦板浘浣嶇疆</div> </div>  <div class="contact-form"> <h3>鍦ㄧ嚎鐣欒█</h3> <form> <div class="form-group"> <label for="name">濮撳悕 *</label> <input type="text" id="name" name="name" required placeholder="璇疯緭鍏ユ偍鐨勫鍚?> </div> <div class="form-group"> <label for="company">鍏徃</label> <input type="text" id="company" name="company" placeholder="璇疯緭鍏ュ叕鍙稿悕绉?> </div> <div class="form-group"> <label for="phone">鐢佃瘽 *</label> <input type="tel" id="phone" name="phone" required placeholder="璇疯緭鍏ヨ仈绯荤數璇?> </div> <div class="form-group"> <label for="email">閭</label> <input type="email" id="email" name="email" placeholder="璇疯緭鍏ラ偖绠卞湴鍧€"> </div> <div class="form-group"> <label for="product">鎰忓悜浜у搧</label> <select id="product" name="product"> <option value="">璇烽€夋嫨浜у搧绫诲瀷</option> <option value="capacitive">鐢靛瑙︽懜灞?/option> <option value="resistive">鐢甸樆瑙︽懜灞?/option> <option value="infrared">绾㈠瑙︽懜灞?/option> <option value="lamination">鍏ㄨ创鍚堟湇鍔?/option> <option value="other">鍏朵粬</option> </select> </div> <div class="form-group"> <label for="message">闇€姹傛弿杩?*</label> <textarea id="message" name="message" required placeholder="璇锋弿杩版偍鐨勪骇鍝侀渶姹傦紙灏哄銆佹暟閲忋€佸簲鐢ㄥ満鏅瓑锛?></textarea> </div> <button type="submit" class="btn-submit">鎻愪氦鐣欒█</button> </form> </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>馃搷骞夸笢鐪佹繁鍦冲競鍏夋槑鍖烘柊婀栬閬撴柊缇岀ぞ鍖哄厜渚ㄥ寳璺?115 鍙风璋烽珮绉戝伐涓氬洯 B 鏍?201</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>