鍏充簬鎴戜滑 - 蹇犳垚鏄剧ず | 15 骞寸數瀹硅Е鎽稿睆鍒堕€犵粡楠?/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; } .page-header p { font-size: 18px; opacity: 0.9; } .company-info { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin: 3rem 0; } .info-card { background: var(--light); padding: 2rem; border-radius: 10px; border-left: 4px solid var(--accent); } .info-card h3 { color: var(--dark); margin-bottom: 1rem; } .info-card p { color: #666; line-height: 1.8; } .timeline { max-width: 900px; margin: 4rem auto; position: relative; } .timeline::before { content: ''; position: absolute; left: 50%; transform: translateX(-50%); width: 4px; height: 100%; background: var(--primary); } .timeline-item { display: flex; justify-content: flex-end; padding-right: 50px; position: relative; margin-bottom: 3rem; width: 50%; } .timeline-item:nth-child(even) { justify-content: flex-start; padding-right: 0; padding-left: 50px; margin-left: 50%; } .timeline-content { background: white; padding: 1.5rem; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); width: 100%; } .timeline-year { font-size: 18px; color: var(--accent); font-weight: bold; margin-bottom: 0.5rem; } .timeline-item::after { content: ''; position: absolute; width: 16px; height: 16px; background: var(--accent); border-radius: 50%; top: 20px; } .timeline-item:nth-child(odd)::after { right: -8px; } .timeline-item:nth-child(even)::after { left: -8px; } .stats-section { background: var(--light); padding: 60px 20px; text-align: center; } .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2rem; max-width: 1000px; margin: 0 auto; } .stat-item .num { font-size: 48px; color: var(--accent); font-weight: bold; display: block; } .stat-item .label { font-size: 16px; color: #666; margin-top: 0.5rem; display: block; } @media (max-width: 768px) { .timeline::before { left: 20px; } .timeline-item { width: 100%; padding-left: 50px !important; padding-right: 0 !important; margin-left: 0 !important; } .timeline-item::after { left: 12px !important; } } </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" class="active">鍏充簬鎴戜滑</a> <a href="products.html">浜у搧涓績</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>15 骞翠笓娉ㄧ數瀹硅Е鎽稿睆鐮斿彂鐢熶骇</p> </section>  <section class="about"> <div class="container"> <div class="about-content"> <div class="about-text"> <h2 style="color: var(--dark); margin-bottom: 1.5rem;">鍏徃绠€浠?/h2> <p>娣卞湷蹇犳垚鏄剧ず鏈夐檺鍏徃鎴愮珛浜?2009 骞达紝鏄竴瀹朵笓娉ㄤ簬鐢靛寮忚Е鎽稿睆鐮斿彂銆佺敓浜с€侀攢鍞殑楂樼鎶€浼佷笟銆傚叕鍙稿凡娣卞害娑夎冻璇ヨ涓氫簩鍗佷綑骞达紝涓撴敞浜庝腑澶у瀷鐢靛灞忕殑鏁翠綋瑙ｅ喅鏂规锛屽彲涓轰腑銆佸ぇ鍨嬬數瀹瑰睆鎻愪緵"涓€绔欏紡"鏈嶅姟銆?/p> <p>浜у搧灏哄鑼冨洿涓?7 鑻卞鑷?75 鑻卞锛屼骇鍝佸箍娉涘簲鐢ㄤ簬锛氬伐涓氭帶鍒躲€佸晢涓氭樉绀恒€佸尰鐤椼€佹暀鑲层€佽埅绌鸿埅娴枫€侀噾铻嶃€佹埛澶栬澶囩瓑琛屼笟銆傚叡鑾峰緱鍙戞槑銆佸疄鐢ㄤ笓鍒?10 浣欓」锛岄€氳繃 ISO9001 璁よ瘉浣撶郴銆?/p> <ul class="about-features"> <li>鉁?鍥藉楂樻柊鎶€鏈紒涓?/li> <li>鉁?ISO9001 璐ㄩ噺浣撶郴璁よ瘉</li> <li>鉁?10+ 鍙戞槑涓撳埄</li> <li>鉁?瀹屾暣鐨勭爺鍙戠敓浜у洟闃?/li> </ul> </div> <div class="about-image"> <div class="placeholder-img">鍏徃褰㈣薄鍥?/div> </div> </div>  <div class="company-info"> <div class="info-card"> <h3>馃彮鐢熶骇鍩哄湴</h3> <p>鍘傛埧闈㈢Н 2500+ 骞虫柟绫筹紝鎷ユ湁瀹屾暣鐨?SMT 鐢熶骇绾裤€佹棤灏樿溅闂村拰妫€娴嬭澶囷紝鏈堜骇鑳借揪 80000 鐗囦互涓娿€?/p> </div> <div class="info-card"> <h3>馃懃涓撲笟鍥㈤槦</h3> <p>鍏徃鎷ユ湁閿€鍞€佺鐞嗐€佸伐绋嬫妧鏈€佺敓浜ф妧鏈汉鍛?40+ 浜猴紝鏍稿績鍥㈤槦鎴愬憳鎷ユ湁 10 骞翠互涓婅涓氱粡楠屻€?/p> </div> <div class="info-card"> <h3>馃敩鐮斿彂瀹炲姏</h3> <p>鑷富鐮斿彂鍥㈤槦锛屾嫢鏈?10+ 椤瑰彂鏄庝笓鍒╋紝鍙彁渚涗粠璁捐鍒扮敓浜х殑涓€绔欏紡瀹氬埗鏈嶅姟銆?/p> </div> <div class="info-card"> <h3>馃實甯傚満瑕嗙洊</h3> <p>浜у搧杩滈攢鍏ㄧ悆 5000+ 瀹㈡埛锛屾捣澶栧競鍦哄崰姣旇秴杩?60%锛屼骇鍊兼寔缁闀裤€?/p> </div> </div> </div> </section>  <section class="stats-section"> <div class="stats-grid"> <div class="stat-item"> <span class="num">2009</span> <span class="label">鎴愮珛骞翠唤</span> </div> <div class="stat-item"> <span class="num">15+</span> <span class="label">骞磋涓氱粡楠?/span> </div> <div class="stat-item"> <span class="num">10+</span> <span class="label">鍙戞槑涓撳埄</span> </div> <div class="stat-item"> <span class="num">8 涓?/span> <span class="label">鏈堜骇鑳?(鐗?</span> </div> <div class="stat-item"> <span class="num">5000+</span> <span class="label">鍏ㄧ悆瀹㈡埛</span> </div> </div> </section>  <section> <div class="container"> <div class="section-header"> <h2>鍙戝睍鍘嗙▼</h2> <p class="subtitle">DEVELOPMENT HISTORY</p> </div> <div class="timeline"> <div class="timeline-item"> <div class="timeline-content"> <div class="timeline-year">2009 骞?/div> <p>娣卞湷蹇犳垚鏄剧ず鏈夐檺鍏徃鎴愮珛锛屽紑濮嬫秹瓒宠Е鎽稿睆琛屼笟</p> </div> </div> <div class="timeline-item"> <div class="timeline-content"> <div class="timeline-year">2017-2024 骞?/div> <p>鈥?鐢靛瑙︽懜灞忓疄鐜?7-43 瀵搁噺浜у嚭璐?br>鈥?娴峰甯傚満鍑鸿揣閲忚秴杩?60%锛屼骇鍊?2000 涓?/p> </div> </div> <div class="timeline-item"> <div class="timeline-content"> <div class="timeline-year">2024-2025 骞?/div> <p>鈥?7-75 瀵稿ぇ灏哄鍏ㄥ瀷鍙风數瀹硅Е鎽稿睆浜у搧涓婄嚎<br>鈥?5-32 瀵哥數闃诲睆瀹炵幇閲忎骇<br>鈥?鍗犳嵁涓浗澶у昂瀵稿晢鏄惧睆骞曞競鍦洪噸瑕佷唤棰?/p> </div> </div> <div class="timeline-item"> <div class="timeline-content"> <div class="timeline-year">2025 骞?</div> <p>鈥?鎸佺画鎵╁紶浜ц兘锛岃鍒掍骇鑳借揪 3500 涓?骞?br>鈥?娣辫€曞叏鐞冨競鍦猴紝鏈嶅姟鏇村瀹㈡埛</p> </div> </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>