è¡ä¸èµè®¯ - æµåå¸å¤©æ¡¥åºååå¼éæå¡ä¸å¿?/title> <meta name="description" content="æµåå¼éè¡ä¸èµè®¯ãéå·å®é²ç§æ®ãæºè½éç»´ä¿®ç¥è¯ãå®¶ç¨é¨éå®å¨åçº§æåï¼æµåå¨åæ£è§å¼éæå¡ç§æ®å¹³å°ã?> <link rel="stylesheet" href="../styles.css"> <style> body { padding-top: 70px; } .page-hero { background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); color: white; padding: 60px 0; text-align: center; } .page-hero h1 { font-size: 2.5rem; margin-bottom: 12px; } .page-hero p { opacity: 0.8; font-size: 1.1rem; } .news-filter { background: white; padding: 20px 0; border-bottom: 1px solid #eee; position: sticky; top: 70px; z-index: 10; } .news-filter-inner { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; } .filter-tag { padding: 6px 18px; border-radius: 20px; border: 1.5px solid #e0e0e0; background: white; color: #5f6368; font-size: 0.9rem; cursor: pointer; transition: all 0.2s; } .filter-tag:hover, .filter-tag.active { background: #1a73e8; color: white; border-color: #1a73e8; } .news-section { padding: 50px 0; background: #f4f6f9; } .news-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 28px; } .news-card { background: white; border-radius: 14px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.08); transition: transform 0.2s, box-shadow 0.2s; display: flex; flex-direction: column; } .news-card:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(0,0,0,0.13); } .news-card-top { height: 140px; display: flex; align-items: center; justify-content: center; font-size: 3.5rem; position: relative; } .news-card-body { padding: 22px 24px; flex: 1; display: flex; flex-direction: column; } .news-tag { display: inline-block; padding: 3px 12px; border-radius: 12px; font-size: 0.78rem; font-weight: 600; margin-bottom: 10px; } .tag-security { background: #e8f0fe; color: #1a56db; } .tag-tech { background: #d1fae5; color: #059669; } .tag-industry { background: #fef3c7; color: #d97706; } .tag-tip { background: #fce7f3; color: #db2777; } .news-card-title { font-size: 1.08rem; font-weight: 700; color: #202124; margin-bottom: 10px; line-height: 1.5; } .news-card-excerpt { font-size: 0.88rem; color: #5f6368; line-height: 1.7; flex: 1; margin-bottom: 16px; } .news-card-footer { display: flex; align-items: center; justify-content: space-between; padding-top: 14px; border-top: 1px solid #f0f0f0; } .news-date { font-size: 0.82rem; color: #9aa0a6; } .news-read { font-size: 0.82rem; color: #1a73e8; font-weight: 600; cursor: pointer; } .news-read:hover { text-decoration: underline; } .back-link-box { text-align: center; margin-top: 40px; } .back-link { display: inline-flex; align-items: center; gap: 8px; color: #1a73e8; font-weight: 600; font-size: 1rem; } .back-link:hover { text-decoration: underline; } @media (max-width: 768px) { .news-grid { grid-template-columns: 1fr; } .news-filter { position: static; } } </style> </head> <body> <nav class="navbar"> <div class="container nav-container"> <a href="../index.html" class="logo"> <span class="logo-icon">ð</span> <span class="logo-text">å¤©æ¡¥ååå¼é?/span> </a> </div> </nav> <div class="page-hero"> <div class="container"> <h1>è¡ä¸èµè®¯</h1> <p>éå·å®å¨ç¥è¯ Â· æºè½éææ?Â· é²çæå Â· è¡ä¸å¨æ?/p> </div> </div> <div class="news-filter"> <div class="container"> <div class="news-filter-inner"> <span class="filter-tag active" onclick="filterNews('all', this)">å¨é¨èµè®¯</span> <span class="filter-tag" onclick="filterNews('security', this)">ð å®å¨åçº§</span> <span class="filter-tag" onclick="filterNews('tech', this)">ð¡ æºè½éææ?/span> <span class="filter-tag" onclick="filterNews('tip', this)">ð¡ï¸?é¿åæå</span> </div> </div> </div> <section class="news-section"> <div class="container"> <div class="news-grid" id="newsGrid">  <div class="news-card" data-category="security"> <div class="news-card-top" style="background: linear-gradient(135deg,#dbeafe,#bfdbfe);">ð</div> <div class="news-card-body"> <span class="news-tag tag-security">å®å¨åçº§</span> <div class="news-card-title">2026å¹´æµåå®¶ç¨é¨éå®å¨åçº§æ åè¯¦è§?/div> <div class="news-card-excerpt">éçæµåèæ§å°åºæ¹é æç»æ¨è¿ï¼å¤§éèå¼é²çé¨éåå¨é²æ¬è½åå¼±ãéè¯èæ§ãå®¹æææ¯æ§å¼å¯çå®å¨éæ£ã?026å¹´å®¶ç¨å®é²ä¸»æµåçº§æ¹åä¸ºï¼æ·æ±°Açº§ãBçº§éè¯ï¼ç»ä¸åçº§è¶Cçº§å¶çéè?..</div> <div class="news-card-footer"> <span class="news-date">2026-06-20</span> <span class="news-read">éè¯»å¨æ â?/span> </div> </div> </div>  <div class="news-card" data-category="tech"> <div class="news-card-top" style="background: linear-gradient(135deg,#d1fae5,#a7f3d0);">ð±</div> <div class="news-card-body"> <span class="news-tag tag-tech">æºè½éææ?/span> <div class="news-card-title">æµåæºè½éå¸¸è§æéåå¿«éè§£å³æ¹æ³?/div> <div class="news-card-excerpt">æºè½éç°å·²æä¸ºæµåå®¶åºä¸»æµå¥æ·è®¾å¤ï¼ä½æ¥å¸¸ææåºç°ï¼çµæ± èçµå¿«ãæçº¹è¯å«å¤±è´¥ãå¯ç è§¦æ§å¤±çµãé¨å¤é»å±ãéä½å¡é¡¿æä¸å¼çé®é¢ãå¤æ°ç¨æ·ç´æ¥æ¢æ°é ææµªè´¹ï¼å¶å®?0%æºè½éæéå¯ç»´ä¿®è§£å³...</div> <div class="news-card-footer"> <span class="news-date">2026-06-15</span> <span class="news-read">éè¯»å¨æ â?/span> </div> </div> </div>  <div class="news-card" data-category="security"> <div class="news-card-top" style="background: linear-gradient(135deg,#fee2e2,#fecaca);">ð</div> <div class="news-card-body"> <span class="news-tag tag-security">å®å¨åçº§</span> <div class="news-card-title">æµåæ±½è½¦é¥åä¸¢å¤±ä¸ºä»ä¹ä¸å®è¦æ¾æ£è§å¤æ¡æºæ?/div> <div class="news-card-excerpt">æµåæ¯å¹´å¤§éè½¦ä¸»å é¥åå¨ä¸¢ãé¥åéè½¦åãé¥æ§å¤±çµæ¾è·¯è¾¹å°æéé¥åï¼ææåºç°ï¼å¯ç å¤å¶ä¸è§èãè½¦è¾é²çéæ£ãåæè½¦è¾æ æ³å¹´æ£ãè¯¯éè½¦ãè¯çä¸å¹éçé®é¢ãæ£è§å¤æ¡å¼éæºææ¥æåæ³è§£ç è®¾å¤?..</div> <div class="news-card-footer"> <span class="news-date">2026-06-10</span> <span class="news-read">éè¯»å¨æ â?/span> </div> </div> </div>  <div class="news-card" data-category="security"> <div class="news-card-top" style="background: linear-gradient(135deg,#ede9fe,#ddd6fe);">ð¡ï¸?/div> <div class="news-card-body"> <span class="news-tag tag-security">å®å¨åçº§</span> <div class="news-card-title">æµåèå¼é²çé¨é¸çéä½æ¹é ä¼å?/div> <div class="news-card-excerpt">æµåå¤§éèå°åºå¥æ·é¨ä¸ºæ®éå°éä½ï¼é²æ¬æå·®ãå³é¨æ¾å¨ãå¼åä¸¥éãéç¹å°ï¼å°å·ææææ¯å¼å¯ãåçº§é¸çéä½åï¼å¤ç¹éç¹ãé²æ¬å¡æ£ãå³é¨æ´ç´§å®ãéé³æ´å¥½ãé²çççº§ç¿»å?..</div> <div class="news-card-footer"> <span class="news-date">2026-06-08</span> <span class="news-read">éè¯»å¨æ â?/span> </div> </div> </div>  <div class="news-card" data-category="tip"> <div class="news-card-top" style="background: linear-gradient(135deg,#fce7f3,#fbcfe8);">ð </div> <div class="news-card-body"> <span class="news-tag tag-tip">é¿åæå</span> <div class="news-card-title">å°åºå¥ä½å¿å¤éå·å®é²å¸¸è¯</div> <div class="news-card-excerpt">æ°æ¿å¥ä½ãç§æ¿æ¢æ¿ç¬¬ä¸ä»¶äºå¿é¡»æ¢å¨æ°éè¯ï¼é²æ¢åä»»ä½æ·ãè£ä¿®å·¥äººçåé¥åé æå®å¨éæ£ãæ£è§å®é²å»ºè®®ï¼ç§æ¿å¿æ¢éè¯ãæ°æ¿å¿åçº§Cçº§éãæºè½éå®ææ¹å¯ç ãé¿åå¼±å¯ç ...</div> <div class="news-card-footer"> <span class="news-date">2026-06-05</span> <span class="news-read">éè¯»å¨æ â?/span> </div> </div> </div>  <div class="news-card" data-category="tip"> <div class="news-card-top" style="background: linear-gradient(135deg,#fef3c7,#fde68a);">ð</div> <div class="news-card-body"> <span class="news-tag tag-tip">é¿åæå</span> <div class="news-card-title">æ·±å¤å¼éææ´ä¸ºä»ä¹ä¼åéæ©ååèåº</div> <div class="news-card-excerpt">æ·±å¤éé¨å¤ãé¥åä¸¢å¤±ãæºè½éæéæ¯æµåå±æ°é«åç´§æ¥æåµãæ·±å¤æ¥åå¢éåå·®ä¸é½ï¼å°å¢éæ®éå¤é´å ä»·ãä¸´æ¶æ¶¨ä»·ãææ¯ä¸è§èæåé¨éãæµåååæ£è§èåºï¼?4å°æ¶ç»ä¸å®ä»·ãå¤é´ä¸å ä»·...</div> <div class="news-card-footer"> <span class="news-date">2026-06-01</span> <span class="news-read">éè¯»å¨æ â?/span> </div> </div> </div>  <div class="news-card" data-category="tech"> <div class="news-card-top" style="background: linear-gradient(135deg,#e0e7ff,#c7d2fe);">ðª</div> <div class="news-card-body"> <span class="news-tag tag-tech">æºè½éææ?/span> <div class="news-card-title">åéºä¿é©æå¼éè§èä¸å®å¨æ³¨æäºé¡¹</div> <div class="news-card-excerpt">æµååéºãé¨åºãå·¥ä½å®¤ç»å¸¸åºç°ä¿é©æå¯ç éå¿ãçµæ± æ²¡çµãé¥åä¸¢å¤±ãæºæ¢°å¡æ»æ æ³å¼å¯ãæ£è§ä¿é©æå¼éä¸¥ç¦æ´åæ¬ç ¸ï¼ä¸ä¸ææ¯å¼å¯å¯æ æå¼å¯ãä¿çæä½ç»§ç»ä½¿ç?..</div> <div class="news-card-footer"> <span class="news-date">2026-05-28</span> <span class="news-read">éè¯»å¨æ â?/span> </div> </div> </div>  <div class="news-card" data-category="tip"> <div class="news-card-top" style="background: linear-gradient(135deg,#f0fdf4,#bbf7d0);">âï¸</div> <div class="news-card-body"> <span class="news-tag tag-tip">é¿åæå</span> <div class="news-card-title">å¬å£æµåé¨éå¡é¡¿æéé«ååå ä¸ä¿å»æå·?/div> <div class="news-card-excerpt">å¬å£ä½æ¸©ãå¹²ç¥ãç°å°å ç§¯ï¼ææå¯¼è´éè¯å¡é¡¿ãé¥åæä¸è¿ãåå¼¹æ¢ãé¨éæä¸å¼ãæ¥å¸¸ä¿å»æå·§ï¼ç¦æ¢æ»´é£ç¨æ²¹ï¼ä¸ç¨éå·æ¶¦æ»åæ¸çéè¯ãå®ææ£æ¥éä½èºä¸ãåé¡µä¿å?..</div> <div class="news-card-footer"> <span class="news-date">2026-05-20</span> <span class="news-read">éè¯»å¨æ â?/span> </div> </div> </div> </div> <div class="back-link-box"> <a href="../index.html" class="back-link">â?è¿åé¦é¡µ</a> </div> </div> </section> <script> function filterNews(category, el) { document.querySelectorAll('.filter-tag').forEach(t => t.classList.remove('active')); el.classList.add('active'); const cards = document.querySelectorAll('.news-card'); cards.forEach(card => { if (category === 'all' || card.dataset.category === category) { card.style.display = 'flex'; } else { card.style.display = 'none'; } }); } </script> <footer style="background:#1a1a2e;color:rgba(255,255,255,0.72);padding:36px 0;margin-top:50px;font-size:0.9rem;line-height:1.9;text-align:center;"> <div class="footer-info" style="max-width:1000px;margin:0 auto;padding:0 20px;"> <p><strong>济南市天桥区同城开锁服务中心</strong></p> <p>公安备案号：370105099</p> <p>24小时服务热线：0531-67812323 / 18660795069</p> <p>地址：山东省济南市天桥区泺口街道恒大滨河左岸临湖公馆1-1707</p> <p>服务范围：济南全市各县市区街道小区，就近派单15分钟上门</p> <p>经营范围：民用锁、汽车锁、汽车遥控、卷帘门、换锁芯、电动车摩托车锁、保险柜</p> <p>ICP备案号：<span style="color:#999">鲁ICP备2026015206号-2</span></p> <p>Copyright © 2026 济南同城开锁版权所有</p> </div> </footer> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Locksmith", "name": "济南市天桥区同城开锁服务中心", "alternateName": "济南同城开锁", "telephone": "0531-67812323", "contactPoint": { "@type": "ContactPoint", "telephone": "18660795069", "contactType": "customer service", "availableLanguage": "Chinese" }, "address": { "@type": "PostalAddress", "streetAddress": "泺口街道恒大滨河左岸临湖公馆1-1707", "addressLocality": "济南市", "addressRegion": "山东省", "postalCode": "250032", "addressDistrict": "天桥区" }, "geo": { "@type": "GeoCoordinates", "latitude": "36.7123", "longitude": "116.9987" }, "openingHours": "Mo-Su 00:00-23:59", "priceRange": "￥50-300", "areaServed": [ "山东省济南市天桥区", "山东省济南市历下区", "山东省济南市市中区", "山东省济南市槐荫区", "山东省济南市历城区", "山东省济南市长清区", "山东省济南市章丘区", "山东省济南市济阳区", "山东省济南市莱芜区", "山东省济南市钢城区", "山东省济南市平阴县", "山东省济南市商河县" ], "hasOfferCatalog": { "@type": "OfferCatalog", "name": "锁具服务", "itemListElement": [ "民用锁开锁换锁", "换锁芯升级", "汽车开锁配钥匙", "汽车遥控匹配", "卷帘门维修", "电动车摩托车锁", "保险柜开锁维修", "指纹锁安装维修" ] }, "additionalProperty": { "@type": "PropertyValue", "name": "公安备案号", "value": "370105099" } } </script> </body> </html>