PageSourceSearch

https://touptek-astro.com.cn/

html touptek-astro.com.cn collected 2026-10-02 06:47:36 UTC 110,768 bytes, 1,777 lines download raw bytes

1<!DOCTYPE html>
2<html lang="zh-cn">
3
4<head>
5    <meta charset="UTF-8"/>
6    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
7    <meta content="ie=edge" http-equiv="X-UA-Compatible"/>
8    <meta name="author" content="杭州图谱光电科技有限公司"/>
9
10    <title>天文相机 | 天文配件 | 天文摄影解决方案 | 图谱天文</title>
11
12    <meta name="description"
13          content="图谱天文是专业的天文成像设备提供商,致力于研发和生产高品质天文相机、导星设备及配件。我们为天文爱好者和专业天文摄影师提供创新的产品和全面的解决方案,助力探索宇宙奥秘,捕捉璀璨星空">
14    <meta name="keywords"
15          content="天文相机,天文摄影,深空相机,行星相机,导星设备,深空摄影,天文器材,天文科普,图谱天文,天文观测,天体成像,天文爱好者,专业天文设备">
16    <meta property="og:site_name" content="ToupTek图谱天文">
17    <meta property="og:title" content="天文相机 | 天文配件 | 天文摄影解决方案 | 图谱天文">
18    <meta property="og:description" content="图谱天文是专业的天文成像设备提供商,致力于研发和生产高品质天文相机、导星设备及配件。我们为天文爱好者和专业天文摄影师提供创新的产品和全面的解决方案,助力探索宇宙奥秘,捕捉璀璨星空">
19    <meta property="og:url" content="https://www.touptek-astro.com.cn/">
20    <meta property="og:type" content="website">
21        
22    <link rel="canonical" href="https://www.touptek-astro.com.cn/">
23
24
25    <!-- Favicon -->
26    <!-- 页面icon -->
27    <link href="/favicon.png" rel="icon" type="image/png">
28    <meta content="eVtDit/HrnmUKFNxo6Cz" name="bytedance-verification-code"/>
29    <meta content="M1zhD7cYFrt7CmYzwgvu" name="bytedance-verification-code"/>
30    <meta content="2f3edf5b8c656aed8b6ef834ed399818_1725583331" name="shenma-site-verification">
31    <meta content="c670dde15bd9dfd9f621867a7730000f_1725504478" name="shenma-site-verification">
32    <meta content="Dyln2Q0XC-vYlVM3zZGdwy98tRv6t0_IuRmYl-_IJwY" name="google-site-verification"/>
33    <!-- 页面icon -->
34
35                            <link rel="alternate" href="https://www.touptek-astro.com.cn/" hreflang="zh-CN">
36                        
37
38    <!-- Preload images -->
39                                        <link rel="preload" as="image" href="/assets/image/banner/home-hero-skyeye-plus-dso-cameras.webp" media="(min-width: 751px)">
40                                                <link rel="preload" as="image" href="/assets/image/banner/home-hero-skyeye-plus-dso-cameras-mo.webp" media="(max-width: 750px)">
41                        
42    <!-- CSS: Global from your theme -->
43    <!-- Latest Bootstrap min CSS -->
44    <link href="/assets/css/plugins/bootstrap.min.css" importance="high" rel="stylesheet">
45    <!-- Google Fonts -->
46
47    <link href="/assets/css/css2.min.css" rel="stylesheet">
48    <!-- Font Awesome CSS -->
49    <link href="/assets/css/font-awesome.min.css" importance="high" rel="stylesheet">
50    <!--magnific-popup Css-->
51    <link href="/assets/css/magnific-popup.min.css" rel="stylesheet">
52    <!--- owl carousel Css-->
53    <link href="/assets/css/plugins/owl.carousel.min.css" rel="stylesheet">
54    <link href="/assets/css/plugins/owl.theme.default.min.css" rel="stylesheet">
55    <!--animate Css-->
56    <link href="/assets/css/plugins/back-to-top.min.css" rel="stylesheet">
57    <link href="/assets/css/plugins/animate.min.css" rel="stylesheet">
58    <!--odometer.min Css-->
59    <link href="/assets/css/plugins/odometer.min.css" rel="stylesheet">
60    <!-- Style CSS -->
61    <link href="/assets/css/root.min.css" rel="stylesheet">
62    <link href="/assets/css/style.min.css" rel="stylesheet">
63    <!-- Counter 统计模块(中英文站统一结构) -->
64    <link href="/assets/css/counter-module.css" rel="stylesheet">
65    <link href="/assets/css/navigation-core.min.css" rel="stylesheet">
66    <link href="/assets/css/page-heading-left-align.min.css" rel="stylesheet">
67    <link href="/assets/css/product-list-card-shared.css" rel="stylesheet">
68    <link href="/assets/css/header-nav.min.css" rel="stylesheet">
69    <!-- Responsive CSS -->
70<!--    <link href="/assets/css/responsive.min.css" rel="stylesheet">-->
71
72    <!-- JSON-LD Structured Data -->
73    
73<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://www.touptek-astro.com.cn/#website","url":"https://www.touptek-astro.com.cn/","name":"图谱天文","description":"专业天文成像设备研发和生产商,提供高品质天文相机、导星设备及天文摄影解决方案。","publisher":{"@id":"https://www.touptek-astro.com.cn/#organization"},"inLanguage":"zh-CN"},{"@type":"Organization","@id":"https://www.touptek-astro.com.cn/#organization","name":"图谱天文","url":"https://www.touptek-astro.com.cn/","logo":{"@type":"ImageObject","@id":"https://www.touptek-astro.com.cn/#schemaLogoImage","url":"https://dl.touptek-astro.cn/logo.png","contentUrl":"https://dl.touptek-astro.cn/logo.png","width":1210,"height":750,"caption":"图谱天文"},"image":{"@id":"https://www.touptek-astro.com.cn/#schemaLogoImage"},"description":"专业天文成像设备研发和生产商,提供高品质天文相机、导星相机、天文配件及天文摄影解决方案","sameAs":["https://space.bilibili.com/3537104789309747","https://author.baidu.com/home?from=bjh_article&app_id=1771724022990905","https://www.douyin.com/user/MS4wLjABAAAAH6zvDuCXLCFISi81Q4YF7RN98MSh-mH4_kIL01noI6OInIz5__DafQffMi8s4r6w?vid=7400583827728387368"]}]}</script>
73
74
75
76    <!--[if lt IE 9]>
77    <!--
78        IE 兼容脚本改为本地资源:
79        1. 避免依赖外部 CDN,减少网络不可达导致的兼容问题;
80        2. 统一走 smart_asset,便于后续缓存版本管理。
81    -->
82    
82<script src="/assets/js/plugins/html5.min.js"></script>
82
83    
83<script src="/assets/js/plugins/respond.min.js"></script>
83
84    <![endif]-->
85
86    <!-- Page-level CSS (optional) -->
87                        <link rel="stylesheet"
88                  href="/assets/css/map_style.min.css">
89                    <link rel="stylesheet"
90                  href="/assets/css/home-classification-card-fix.min.css">
91                    <link rel="stylesheet"
92                  href="/assets/css/home-blog-slider-card.min.css">
93                    <link rel="stylesheet"
94                  href="/assets/css/home-ui5.min.css">
95            
96    <!-- Inline styles (for special CSS files) -->
97    </head>
98
99
100
101<body class="page-home">
102
103<!-- Page Wrapper -->
104<div class="page-wrapper" data-stellar-ratio="2" style="background-attachment: fixed;">
105
106    <!--    <div class="loader-wrapper">-->
107    <!--        <div class="loader"></div>-->
108    <!--        <div class="loder-section left-section"></div>-->
109    <!--        <div class="loder-section right-section"></div>-->
110    <!--    </div>-->
111    <!--  END PRELOADER -->
112
113    <!--  START CONTACT  -->
114    <a class="atf-progress-contact" data-bs-placement="left" data-bs-title="点击联系我们"
115       data-bs-toggle="tooltip"
116       href="https://work.weixin.qq.com/kfid/kfc03bb294689326919"
117       target="_blank"
118       rel="noopener noreferrer">
119        <i class="fa-solid fa-comments"></i>
120    </a>
121    <!--  END CONTACT  -->
122    <!-- START back-to-top -->
123    <div class="atf-progress-wrap">
124        <svg class="atf-progress-circle svg-content" height="100%" viewbox="-1 -1 102 102" width="100%">
125            <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"></path>
126        </svg>
127    </div>
128    <!-- END back-to-top-->
129
130    <!--====== Navbar Style 7 Part Start ======-->
131    <div class="atf-site-header atf-style1 atf-sticky-header">
132        <header class="menu-style-7 position-relative astro-header-shell">
133            <div class="navbar-container navbar-sidebar-7">
134
135                <!-- main navbar Start -->
136                <div class="navbar-wrapper">
137                    <div class="container-lg">
138                        <nav
139                                class="main-navbar d-lg-flex justify-content-between align-items-center"
140                        >
141                            <!-- desktop logo Start -->
142                            <div class="desktop-logo d-lg-block">
143                                <a class="atf-site-branding atf-white-logo" href="/">
144                                    <img alt="图谱天文 Logo" id="logo" loading="lazy" src="/logo.png"
145                                         title="图谱天文 Logo">
146                                </a>
147                            </div>
148                            <div class="navbar-menu-toggle d-lg-block">
149                                <button class="menu-toggle"
150                                        id="toggle-menu-6"
151                                        type="button"
152                                        aria-label="打开移动端导航菜单"
153                                        aria-controls="astro_mobile_main_menu"
154                                        aria-expanded="false">
155                                    <span class="toggle-icon"></span>
156                                    <span class="toggle-icon"></span>
157                                    <span class="toggle-icon"></span>
158                                </button>
159                            </div>
160                            <!-- navbar menu Start -->
161                            <div class="navbar-menu astro-header-nav">
162                                <ul class="main-menu" id="astro_mobile_main_menu">
163                                    <!-- 移动端抽屉头部:参考 docs/visual-spec/UI/header-nav/移动端导航/code.html 的“标题 + 圆形关闭按钮”结构 -->
164                                    <li class="navbar-close d-lg-none astro-mobile-drawer__header">
165                                        <span class="astro-mobile-drawer__title">菜单</span>
166                                        <button id="menu-close"
167                                                class="astro-mobile-drawer__close atf-mobile-close-btn"
168                                                type="button"
169                                                aria-label="关闭移动端导航">
170                                            <i class="fa-solid fa-xmark" aria-hidden="true"></i>
171                                        </button>
172                                    </li>
173                                    <!-- 移动端抽屉搜索:保持与头部搜索页一致,入口更靠近菜单操作路径 -->
174                                    <li class="d-lg-none astro-mobile-drawer__search">
175                                        <form class="astro-mobile-drawer__search-form"
176                                              action="/search/"
177                                              method="get"
178                                              role="search">
179                                            <i class="fa-solid fa-magnifying-glass astro-mobile-drawer__search-icon" aria-hidden="true"></i>
180                                            <input class="astro-mobile-drawer__search-input"
181                                                   type="text"
182                                                   name="q"
183                                                   placeholder="搜索产品、型号、分类"
184                                                   autocomplete="off"
185                                                   aria-label="搜索产品、型号、分类">
186                                        </form>
187                                    </li>
188
189                                    <!-- 产品中心导航 -->
190                                    <li class="position-static menu-item-has-children js-no-generic-toggle astro-header-nav__item astro-header-nav__item--products">
191                                        <a
192                                                class="astro-header-nav__link astro-header-nav__link--products collapsed"
193                                                href="/products"
194                                                id="header_nav_product_button"
195                                                aria-haspopup="true"
196                                                aria-expanded="false"
197                                                aria-controls="header_product_mega_menu"
198                                                data-toggle="collapse"
199                                                data-target="#menuProductMobile"
200                                        >
201                                            <span class="astro-mobile-drawer__entry">
202                                                <i class="fa-solid fa-box-open astro-mobile-drawer__entry-icon" aria-hidden="true"></i>
203                                                <span class="astro-mobile-drawer__entry-text">天文产品</span>
204                                            </span>
205                                            <i class="fa-solid fa-angle-right astro-mobile-drawer__entry-chevron" aria-hidden="true"></i>
206                                        </a>
207
208                                        <!-- 移动端子菜单 - Bootstrap collapse结构 -->
209                                        <ul class="sub-menu collapse" id="menuProductMobile">
210                                            <!-- 新增一级直达入口:用于从抽屉内直接跳转产品中心列表页。 -->
211                                            <li class="atf-mobile-product-entry-item"><a href="/products">产品中心</a></li>
212                                            <!-- 与桌面端保持一致:移动端也统一为“产品对比”入口(同一链接)。 -->
213                                            <li class="atf-mobile-product-compare-item">
214                                                <a href="/product-select">
215                                                    <!-- 移动端“产品对比”使用显式图标节点:
216                                                         1. 避免仅靠 CSS 伪元素导致读屏重复读出图标字符;
217                                                         2. 与桌面端语义保持一致,统一使用天平图标。 -->
218                                                    <i class="fa fa-balance-scale atf-mobile-product-compare-icon" aria-hidden="true"></i>
219                                                    <span>产品对比</span>
220                                                </a>
221                                            </li>
222                                                    <li class="atf-mobile-product-section">
223                                                <span class="atf-mobile-product-section__title">天文相机</span>
224                                                <ul class="atf-mobile-product-section__list">
225                                                    <li><a href="/dso-cooled-cameras">深空制冷</a></li>
226                                                    <li><a href="/SkyEye-Plus">SkyEye Plus 系列</a></li>
227                                                    <li><a href="/multi-purpose-astronomy-cameras">多功能天文相机</a></li>
228                                                    <li><a href="/planetary-cameras">G3CMOS 风冷行星</a></li>
229                                                    <li><a href="/guide-cameras">G3M 行星相机</a></li>
230                                                </ul>
231                                            </li>
232                                            <li class="atf-mobile-product-section">
233                                                <span class="atf-mobile-product-section__title">天文望远镜</span>
234                                                <ul class="atf-mobile-product-section__list">
235                                                    <li><a href="/telescopes/HOPE-D60">HOPE D60 天文望远镜</a></li>
236                                                    <li><a href="/telescopes/Guide-Scope">GS 系列导星镜</a></li>
237                                                    <li><a href="/telescopes/D60-RotaTilter">D60 像面旋倾调节器</a></li>
238                                                </ul>
239                                            </li>
240                                            <li><a href="/StellaVita">StellaVita 智能控制器</a></li>
241                                            <li class="atf-mobile-product-section">
242                                                <span class="atf-mobile-product-section__title">滤镜与滤镜轮</span>
243                                                <ul class="atf-mobile-product-section__list">
244                                                    <li><a href="/filter-wheels">滤镜与滤镜轮总览</a></li>
245                                                    <li><a href="/filter-wheels/PureSight-A1">PureSight A1 双窄带滤镜</a></li>
246                                                    <!-- 与英文站产品分组保持一致:滤镜抽屉归入“滤镜与滤镜轮”,
247                                                         移动端也同步补入口,避免桌面/移动分类不一致。 -->
248                                                    <li><a href="/accessories/filter-drawer">天文滤镜抽屉</a></li>
249                                                </ul>
250                                            </li>
251                                            <li><a href="/accessories">天文配件</a></li>
252                                        </ul>
253
254
255                                        <!-- 全屏宽度 Mega Menu -->
256                                        <div
257                                                class="astro-product-mega"
258                                                id="header_product_mega_menu"
259                                                role="dialog"
260                                                aria-label="天文产品导航"
261                                        >
262
263                                            <div class="astro-product-mega__wrapper">
264                                                <div class="astro-product-mega__content">
265
266                                                    <!-- 列一:一级分类 -->
267                                                    <div class="astro-product-mega__primary">
268                                                        <div class="astro-product-mega__primary-item active" data-category="cameras" role="button" tabindex="0">
269                                                            <span class="category-name">天文相机</span>
270                                                            <span class="category-hint">深空/行星/导星</span>
271                                                        </div>
272                                                        <div class="astro-product-mega__primary-item" data-category="telescopes" role="button" tabindex="0">
273                                                            <span class="category-name">天文望远镜</span>
274                                                            <span class="category-hint">摄星镜/导星镜/调节器</span>
275                                                        </div>
276                                                        <div class="astro-product-mega__primary-item" data-category="control" role="button" tabindex="0">
277                                                            <span class="category-name">智能控制</span>
278                                                            <span class="category-hint">自动化系统</span>
279                                                        </div>
280                                                        <div class="astro-product-mega__primary-item" data-category="filters" role="button" tabindex="0">
281                                                            <span class="category-name">滤镜与滤镜轮</span>
282                                                            <span class="category-hint">光学增强</span>
283                                                        </div>
284                                                        <div class="astro-product-mega__primary-item" data-category="accessories" role="button" tabindex="0">
285                                                            <span class="category-name">天文配件</span>
286                                                            <span class="category-hint">OAG/电调/导星镜</span>
287                                                        </div>
288                                                        <a class="astro-product-mega__compare" href="/product-select">
289                                                            <i class="fa fa-balance-scale astro-product-mega__compare-icon" aria-hidden="true"></i>
290                                                            <span>产品对比</span>
291                                                        </a>
292                                                    </div>
293
294                                                    <!-- 列二+列三:模板同款“分类详情 + 卡片网格 + 兴趣入口” -->
295                                                    <div class="astro-product-mega__detail">
296                                                        <!-- 主内容区:根据一级分类切换对应卡片面板 -->
297                                                        <div class="astro-product-mega__detail-main">
298                                                            <section class="astro-product-mega__panel active" data-parent="cameras">
299                                                                <div class="astro-product-mega__card-grid">
300                                                                    <a class="astro-product-mega__card" href="/dso-cooled-cameras">
301                                                                        <span class="astro-product-mega__card-image">
302                                                                            <!-- 使用透明底 webp,避免 png 灰底造成卡片视觉脏污。 -->
303                                                                            <img src="/assets/image/home/dso_cooled_cameras.webp" alt="深空制冷相机" loading="lazy">
304                                                                        </span>
305                                                                        <span class="astro-product-mega__card-body">
306                                                                            <span class="astro-product-mega__card-title">深空制冷相机</span>
307                                                                            <sp
307an class="astro-product-mega__card-desc">双级 TEC 制冷,适合深空长曝光与窄带拍摄。</span>
308                                                                        </span>
309                                                                    </a>
310                                                                    <a class="astro-product-mega__card" href="/SkyEye-Plus">
311                                                                        <span class="astro-product-mega__card-image">
312                                                                            <img src="/assets/image/home/skyeye-plus-dso-cameras.webp" alt="SkyEye Plus 系列深空制冷相机" loading="lazy">
313                                                                        </span>
314                                                                        <span class="astro-product-mega__card-body">
315                                                                            <span class="astro-product-mega__card-title">SkyEye Plus 系列</span>
316                                                                            <span class="astro-product-mega__card-desc">六款型号,覆盖彩色与黑白深空成像方案。</span>
317                                                                        </span>
318                                                                    </a>
319                                                                    <a class="astro-product-mega__card" href="/multi-purpose-astronomy-cameras">
320                                                                        <span class="astro-product-mega__card-image">
321                                                                            <img src="/assets/image/home/multi-purpose-astronomy-cameras.webp" alt="多功能天文相机" loading="lazy">
322                                                                        </span>
323                                                                        <span class="astro-product-mega__card-body">
324                                                                            <span class="astro-product-mega__card-title">多功能天文相机</span>
325                                                                            <span class="astro-product-mega__card-desc">一台相机覆盖深空、行星、日月、流星与银河成像。</span>
326                                                                        </span>
327                                                                    </a>
328                                                                    <a class="astro-product-mega__card" href="/planetary-cameras">
329                                                                        <span class="astro-product-mega__card-image">
330                                                                            <img src="/assets/image/home/planetary_cameras.webp" alt="行星相机" loading="lazy">
331                                                                        </span>
332                                                                        <span class="astro-product-mega__card-body">
333                                                                            <span class="astro-product-mega__card-title">行星相机</span>
334                                                                            <span class="astro-product-mega__card-desc">高速帧率与高灵敏传感器,精细记录行星细节。</span>
335                                                                        </span>
336                                                                    </a>
337                                                                    <a class="astro-product-mega__card" href="/guide-cameras">
338                                                                        <span class="astro-product-mega__card-image">
339                                                                            <img src="/assets/image/home/guide_cameras.webp" alt="导星相机" loading="lazy">
340                                                                        </span>
341                                                                        <sp
341an class="astro-product-mega__card-body">
342                                                                            <span class="astro-product-mega__card-title">导星相机</span>
343                                                                            <span class="astro-product-mega__card-desc">高灵敏导星方案,提升长曝光追踪稳定性。</span>
344                                                                        </span>
345                                                                    </a>
346                                                                </div>
347                                                                <div class="astro-product-mega__viewall-row">
348                                                                    <a class="astro-product-mega__viewall" href="/cameras">查看全部天文相机</a>
349                                                                </div>
350                                                            </section>
351
352                                                            <section class="astro-product-mega__panel" data-parent="telescopes">
353                                                                <div class="astro-product-mega__card-grid">
354                                                                    <a class="astro-product-mega__card" href="/telescopes/HOPE-D60">
355                                                                        <span class="astro-product-mega__card-image">
356                                                                            <img src="/assets/image/home/telescopes.webp" alt="HOPE D60 望远镜" loading="lazy">
357                                                                        </span>
358                                                                        <span class="astro-product-mega__card-body">
359                                                                            <span class="astro-product-mega__card-title">HOPE D60 PAPO</span>
360                                                                            <span class="astro-product-mega__card-desc">
360专业摄星镜设计,兼顾星点质量与成像稳定性。</span>
361                                                                        </span>
362                                                                    </a>
363                                                                    <a class="astro-product-mega__card" href="/telescopes/Guide-Scope">
364                                                                        <span class="astro-product-mega__card-image">
365                                                                            <img src="/assets/image/home/guide-scope.webp" alt="GS 系列导星镜" loading="lazy">
366                                                                        </span>
367                                                                        <span class="astro-product-mega__card-body">
368                                                                            <span class="astro-product-mega__card-title">GS 系列导星镜</span>
369                                                                            <span class="astro-product-mega__card-desc">高品质导星光学,提升追踪与构图稳定性。</span>
370                                                                        </span>
371                                                                    </a>
372                                                                    <a class="astro-product-mega__card" href="/telescopes/D60-RotaTilter">
373                                                                        <span class="astro-product-mega__card-image">
374                                                                            <img src="/assets/image/products/D60-RotaTilter/1.webp" alt="D60 像面旋倾调节器" loading="lazy">
375                                                                        </span>
376                                                                        <span class="astro-product-mega__card-body">
377                                                                            <span class="astro-product-mega__card-title">D60 像面旋倾调节器</span>
378                                                                            <span class="astro-product-mega__card-desc">旋转与旋倾一体调节,快速完成构图与像面校正。</span>
379                                                                        </span>
380                                                                    </a>
381                                                                </div>
382                                                                <div class="astro-product-mega__viewall-row">
383                                                                    <a class="astro-product-mega__viewall" href="/telescopes">查看全部望远镜产品</a>
384                                                                </div>
385                                                            </section>
386
387                                                            <section class="astro-product-mega__panel" data-parent="control">
388                                                                <div class="astro-product-mega__card-grid">
389                                                                    <a class="astro-product-mega__card" href="/StellaVita">
390                                                                        <span class="astro-product-mega__card-image">
391                                                                            <img src="/assets/image/home/StellaVIta.webp" alt="StellaVita 智能控制器" loading="lazy">
392                                                                        </span>
393                                                                        <span class="astro-product-mega__card-body">
394                                                                            <span class="astro-product-mega__card-title">StellaVita 控制器</span>
395                                                                            <span class="astro-product-mega__card-desc">导星、对焦、拍摄一体化自动控制平台。</span>
396                                                                        </span>
397                                                                    </a>
398                                                                </div>
399                                                                <div class="astro-product-mega__viewall-row">
400                                                                    <a class="astro-product-mega__viewall" href="/StellaVita">查看智能控制产品</a>
401                                                                </div>
402                                                            </section>
403
404                                                            <section class="astro-product-mega__panel" data-parent="filters">
405                                                                <div class="astro-product-mega__card-grid">
406                                                                    <a class="astro-product-mega__card" href="/filter-wheels/LRGB-Filters">
407                                                                        <sp
407an class="astro-product-mega__card-image">
408                                                                            <img src="/assets/image/home/filters_lrgb.webp" alt="LRGB 滤镜" loading="lazy">
409                                                                        </span>
410                                                                        <span class="astro-product-mega__card-body">
411                                                                            <span class="astro-product-mega__card-title">LRGB 滤镜组</span>
412                                                                            <span class="astro-product-mega__card-desc">高透过率配方,兼顾色彩还原与细节层次。</span>
413                                                                        </span>
414                                                                    </a>
415                                                                    <a class="astro-product-mega__card" href="/filter-wheels/SHO-Filters">
416                                                                        <span class="astro-product-mega__card-image">
417                                                                            <img src="/assets/image/home/filters_sho.webp" alt="SHO 滤镜" loading="lazy">
418                                                                        </span>
419                                                                        <span class="astro-product-mega__card-body">
420                                                                            <span class="astro-product-mega__card-title">SHO 窄带滤镜</span>
421                                                                            <span class="astro-product-mega__card-desc">面向发射星云拍摄,弱光环境下提升信噪比。</span>
422                                                                        </span>
423                                                                    </a>
424                                                                    <a class="astro-product-mega__card" href="/filter-wheels/PureSight-A1">
425                                                                        <span class="astro-product-mega__card-image">
426                                                                            <img src="/assets/image/home/puresight-a1-dual-narrowband-filters.webp" alt="PureSight A1 双窄带滤镜" loading="lazy">
427                                                                        </span>
428                                                                        <span class="astro-product-mega__card-body">
429                                                                            <span class="astro-product-mega__card-title">PureSight A1 双窄带滤镜</span>
430                                                                            <span class="astro-product-mega__card-desc">Hα 与 OIII 双窄带设计,适合光污染环境下拍摄发射星云。</span>
431                                                                        </span>
432                                                                    </a>
433                                                                    <!-- 参考英文站的 filters 面板:
434                                                                         “天文滤镜抽屉” 继续保留原详情页链接,
435                                                                         但在导航层级上归入“滤镜与滤镜轮”产品组;
436                                                                         位置放在 AFW 系列前,先展示滤镜承载链路,再展示电动滤镜轮。 -->
437                                                                    <a class="astro-product-mega__card" href="/accessories/filter-drawer">
438                                                                        <span class="astro-product-mega__card-image">
439                                                                            <img src="/assets/image/home/filter-drawer.webp" alt="天文滤镜抽屉" loading="lazy">
440                                                                        </span>
441                                                                        <sp
441an class="astro-product-mega__card-body">
442                                                                            <span class="astro-product-mega__card-title">天文滤镜抽屉</span>
443                                                                            <span class="astro-product-mega__card-desc">强磁定位与防漏光结构,兼容 2 英寸天文滤镜,方便快速切换光路。</span>
444                                                                        </span>
445                                                                    </a>
446                                                                    <a class="astro-product-mega__card" href="/filter-wheels/AFW-M">
447                                                                        <span class="astro-product-mega__card-image">
448                                                                            <img src="/assets/image/home/AFW-M.webp" alt="AFW-M 电动滤镜轮" loading="lazy">
449                                                                        </span>
450                                                                        <span class="astro-product-mega__card-body">
451                                                                            <span class="astro-product-mega__card-title">AFW-M 电动滤镜轮</span>
452                                                                            <span class="astro-product-mega__card-desc">多工位配置,兼容 1.25 英寸与 2 英寸滤镜。</span>
453                                                                        </span>
454                                                                    </a>
455                                                                    <a class="astro-product-mega__card" href="/filter-wheels/AFW-L">
456                                                                        <span class="astro-product-mega__card-image">
457                                                                            <img src="/assets/image/home/AFW-L.webp" alt="AFW-L 电动滤镜轮" loading="lazy">
458                                                                        </span>
459                                                                        <span class="astro-product-mega__card-body">
460                                                                            <span class="astro-product-mega__card-title">AFW-L 电动滤镜轮</span>
461                                                                            <span class="astro-product-mega__card-desc">大口径光路设计,适配更高规格成像系统。</span>
462                                                                        </span>
463                                                                    </a>
464                                                                </div>
465                                                                <div class="astro-product-mega__viewall-row">
466                                                                    <a class="astro-product-mega__viewall" href="/filter-wheels">查看全部滤镜与滤镜轮</a>
467                                                                </div>
468                                                            </section>
469
470                                                            <section class="astro-product-mega__panel" data-parent="accessories">
471                                                                <div class="astro-product-mega__card-grid">
472                                                                    <a class="astro-product-mega__card" href="/accessories/OAG-L">
473                                                                        <span class="astro-product-mega__card-image">
474                                                                            <img src="/assets/image/home/OAG-L.webp" alt="OAG-L 偏轴导星器" loading="lazy">
475                                                                        </span>
476                                                                        <span class="astro-product-mega__card-body">
477                                                                            <sp
477an class="astro-product-mega__card-title">OAG-L 偏轴导星器</span>
478                                                                            <span class="astro-product-mega__card-desc">紧凑结构与精准光路,适配多类深空系统。</span>
479                                                                        </span>
480                                                                    </a>
481                                                                    <a class="astro-product-mega__card" href="/accessories/OAG-X">
482                                                                        <span class="astro-product-mega__card-image">
483                                                                            <img src="/assets/image/home/OAG-X.webp" alt="OAG-X 偏轴导星器" loading="lazy">
484                                                                        </span>
485                                                                        <span class="astro-product-mega__card-body">
486                                                                            <span class="astro-product-mega__card-title">OAG-X 偏轴导星器</span>
487                                                                            <span class="astro-product-mega__card-desc">更大棱镜面积,提升导星星点获取效率。</span>
488                                                                        </span>
489                                                                    </a>
490                                                                    <a class="astro-product-mega__card" href="/accessories/AAF">
491                                                                        <span class="astro-product-mega__card-image">
492                                                                            <img src="/assets/image/home/AAF.webp" alt="AAF 电动调焦器" loading="lazy">
493                                                                        </span>
494                                                                        <span class="astro-product-mega__card-body">
495                                                                            <span class="astro-product-mega__card-title">AAF 电动调焦器</span>
496                                                                            <span class="astro-product-mega__card-desc">自动对焦与温度补偿,降低夜间操作负担。</span>
497                                                                        </span>
498                                                                    </a>
499                                                                </div>
500                                                                <div class="astro-product-mega__viewall-row">
501                                                                    <a class="astro-product-mega__viewall" href="/accessories">查看全部天文配件</a>
502                                                                </div>
503                                                            </section>
504
505                                                        </div>
506
507                                                    </div>
508                                                </div>
509                                            </div>
510                                        </div>
511                                        <div class="astro-product-mega__overlay"></div>
512                                    </li>
513
514                                    <!-- 下载中心 -->
515                                    <li class="menu-item-has-children astro-header-nav__item">
516                                        <a
517                                                class="astro-header-nav__link collapsed"
518                                                aria-controls="menuVertical8-5"
519                                                aria-expanded="false"
520                                                aria-label="Toggle navigation"
521                                                data-target="#menuVertical8-5"
522                                                data-toggle="collapse"
523                                                href="javascript:;"
524                                        >
525                                            <span class="astro-mobile-drawer__entry">
526                                                <i class="fa-solid fa-download astro-mobile-drawer__entry-icon" aria-hidden="true"></i>
527                                                <span class="astro-mobile-drawer__entry-text">下载中心</span>
528                                            </span>
529                                            <i class="fa-solid fa-angle-right astro-mobile-drawer__entry-chevron" aria-hidden="true"></i>
530                                        </a>
531                                        <!-- sub menu Start -->
532                                        <ul class="sub-menu collapse" id="menuVertical8-5">
533                                            <li><a href="/downloads">软件下载</a></li>
534                                            <li><a href="/Firmware">固件下载</a></li>
535                                            <li><a href="/manuals">产品手册</a></li>
536                                        </ul>
537                                        <!-- sub menu Ends -->
538                                    </li>
539                                    <!-- 帮助与服务 -->
540                                    <li class="menu-item-has-children astro-header-nav__item">
541                                        <a
542                                                class="astro-header-nav__link collapsed"
543                                                aria-controls="menuVertical9-6"
544                                                aria-expanded="false"
545                                                aria-label="Toggle navigation"
546                                                data-target="#menuVertical9-6"
547                                                data-toggle="collapse"
548                                                href="/service"
549                                        >
550                                            <span class="astro-mobile-drawer__entry">
551                                                <i class="fa-solid fa-headset astro-mobile-drawer__entry-icon" aria-hidden="true"></i>
552                                                <span class="astro-mobile-drawer__entry-text">帮助与服务</span>
553                                            </span>
554                                            <i class="fa-solid fa-angle-right astro-mobile-drawer__entry-chevron" aria-hidden="true"></i>
555                                        </a>
556                                        <!-- sub menu Start -->
557                                            <ul class="sub-menu collapse" id="menuVertical9-6">
558                                                <li><a href="/pre-sales">售前支持</a></li>
559                                                <li><a href="/service">售后支持</a>
560                                                </li>
561                                                <li><a href="/FAQ">常见问答</a></li>
562                                                <li><a href="/product-select">相机选购工具</a></li>
563                                            </ul>
564                                        <!-- sub menu Ends -->
565                                    </li>
566                                    <!-- 摄影作品分享 -->
567                                    <li class="menu-item-has-children astro-header-nav__item">
568                                        <a
569                                                class="astro-header-nav__link collapsed"
570                                                aria-controls="menuVertical7-5"
571                                                aria-expanded="false"
572                                                aria-label="Toggle navigation"
573                                                data-target="#menuVertical7-5"
574                                                data-toggle="collapse"
575                                                href="javascript:;"
576                                        >
577                                            <span class="astro-mobile-drawer__entry">
578                                                <i class="fa-solid fa-camera-retro astro-mobile-drawer__entry-icon" aria-hidden="true"></i>
579                                                <span class="astro-mobile-drawer__entry-text">摄影作品分享</span>
580                                            </span>
581                                            <i class="fa-solid fa-angle-right astro-mobile-drawer__entry-chevron" aria-hidden="true"></i>
582                                        </a>
583                                        <!-- sub menu Start -->
584                                        <ul class="sub-menu collapse" id="menuVertical7-5">
585                                            <li><a href="/Work-Sharing">摄影作品展</a></li>
586                                            <li><a href="/Astronomy-works">摄影作品投稿</a></li>
587                                        </ul>
588                                        <!-- sub menu Ends -->
589                                    </li>
590                                    <!-- 新闻中心(已合并为统一博客中心入口,不再显示旧分类下拉) -->
591                                    <li class="astro-header-nav__item">
592                                        <a class="astro-header-nav__link" href="/blog" id="header_nav_blog_button">
593                                            <span class="astro-mobile-drawer__entry">
594                                                <i class="fa-solid fa-newspaper astro-mobile-drawer__entry-icon" aria-hidden="true"></i>
595                                                <span class="astro-mobile-drawer__entry-text">新闻中心</span>
596                                            </span>
597                                        </a>
598                                    </li>
599                                    <!-- 关于我们 -->
600                                    <li class="menu-item-has-children astro-header-nav__item">
601                                        <a
602                                                class="astro-header-nav__link collapsed"
603                                                aria-controls="menuVertical10-8"
604                                                aria-expanded="false"
605                                                aria-label="Toggle navigation"
606                                                data-target="#menuVertical10-8"
607                                                data-toggle="collapse"
608                                                href="javascript:;"
609                                        >
610                                            <span class="astro-mobile-drawer__entry">
611                                                <i class="fa-solid fa-circle-info astro-mobile-drawer__entry-icon" aria-hidden="true"></i>
612                                                <span class="astro-mobile-drawer__entry-text">关于我们</span>
613                                            </span>
614                                            <i class="fa-solid fa-angle-right astro-mobile-drawer__entry-chevron" aria-hidden="true"></i>
615                                        </a>
616                                        <!-- sub menu Start -->
617                                        <ul class="sub-menu collapse" id="menuVertical10-8">
618                                            <li><a href="/about">关于图谱天文</a></li>
619                                            <li><a href="/contact">联系我们</a></li>
620                                        </ul>
621                                        <!-- sub menu Ends -->
622                                    </li>
623                                    <!-- 搜索表单:采用语义化类名并保留旧类名,确保新旧样式和脚本兼容 -->
624                                    <li class="nav-search-item astro-header-search astro-header-nav__item astro-header-nav__item--search">
625                                        <button class="nav-search-toggle astro-header-search__toggle"
626                                                id="nav_search_toggle"
627                                                type="button"
628                                                aria-label="打开搜索"
629                                                aria-expanded="false"
630                                                aria-controls="header_search_panel">
631                                            <i class="fa-solid fa-magnifying-glass"></i>
632                                        </button>
633                                        <!-- 搜索面板:参考 Insta360 的全宽下拉搜索体验 -->
634                                        <div class="astro-header-search__panel"
635                                             id="header_search_panel"
636                                             aria-hidden="true">
637                                            <div class="astro-header-search__panel-inner">
638                                                <form class="nav-search-form astro-header-search__form"
639                                                      id="header_search_form"
640                                                      action="/search/"
641                                                      method="get"
642                                                      role="search">
643                                                    <label class="sr-only" for="header_search_input">搜索</label>
644                                                    <div class="astro-header-search__field">
645                                                        <i class="fa-solid fa-magnifying-glass astro-header-search__field-icon"></i>
646                                                        <input class="nav-search-input astro-header-search__input"
647                                                               id="header_search_input"
648                                                               name="q"
649                                                               type="text"
650                                                               placeholder="搜索 touptek-astro.com.cn..."
651                                                               autocomplete="off">
652                                                        <button class="nav-search-submit astro-header-search__submit" type="submit">
653                                                            <span>搜索</span>
654                                                        </button>
655                                                    </div>
656                                                </form>
657                                                <div class="astro-header-search__quick" aria-label="快捷链接">
658                                                    <p class="astro-header-search__quick-title">快捷链接</p>
659                                                    <a class="astro-header-search__quick-link" href="/dso-cooled-cameras/SkyEye62AM">SkyEye62AM</a>
660                                                    <a class="astro-header-search__quick-link" href="/dso-cooled-cameras/ATR2600M">ATR2600M</a>
661                                                    <a class="astro-header-search__quick-link" href="/planetary-cameras/G3M462C">G3M462C</a>
662                                                    <a class="astro-header-search__quick-link" href="/planetary-cameras/G3M715C">G3M715C</a>
663                                                    <a class="astro-header-search__quick-link" href="/guide-cameras/GPM462M">GPM462M</a>
664                                                    <a class="astro-header-search__quick-link" href="/StellaVita">StellaVita</a>
665                                                </div>
666                                            </div>
667                                        </div>
668                                    </li>
669                                    <!-- 语言切换 -->
670                                    <li class="atf-quote astro-mobile-drawer__utility-item astro-mobile-drawer__utility-item--lang">
671                                        <a href="https://www.touptek-astro.com" target="_blank" rel="noopener noreferrer">
672                                            <i class="fa-solid fa-language"></i>
673                                            <span>EN</span>
674                                        </a>
675                                    </li>
676                                    <li class="astro-mobile-drawer__utility-item astro-mobile-drawer__utility-item--store">
677                                        <div class="atf-quote-hide astro-mobile-drawer__store-link">
678                                            <a href="https://touptek.taobao.com/" target="_blank" rel="noopener noreferrer">
679                                                <i class="fa-solid fa-bag-shopping" aria-hidden="true"></i>
680                                                <span>图谱商城</span>
681                                            </a>
682                                        </div>
683                                        <div class="atf-quote">
684                                            <a class="atf-themes-btn d-none d-lg-block"
685                                               href="https://touptek.taobao.com/"
686                                               target="_blank"
687                                               rel="noopener noreferrer">
688                                                <i class="fa-solid fa-bag-shopping"></i>
689                                                <span>图谱商城</span>
690                                            </a>
691                                        </div>
692                                    </li>
693                                </ul>
694                            </div>
695                            <!-- navbar menu Ends -->
696
697                        </nav>
698                    </div>
699                </div>
700                <!-- main navbar Ends -->
701            </div>
702            <div class="overlay-7"></div>
703        </header>
704    </div>
705    <!--====== Navbar Style 7 Part Ends ======-->
706
707<!-- 首页主内容容器:仅重排中间内容,头部导航与底部页脚仍由模板统一输出 -->
708<main class="home-ui5-page">
709  <!--
710    首页 SEO 主标题(仅语义层使用)
711    说明:
712    1. 首页此前无 h1,不利于搜索引擎和无障碍语义识别;
713    2. 使用视觉隐藏样式,避免影响现有首屏视觉与交互布局;
714    3. 文案复用页面 title,确保 SEO 主关键词与页面主题一致。
715  -->
716  <h1 class="visually-hidden" style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;">
717    天文相机 | 天文配件 | 天文摄影解决方案 | 图谱天文  </h1>
718
719  <!-- 首页首屏轮播:保留原有文案与链接,结构映射为 UI 模板风格 -->
720  <section class="home-ui5-hero-wrapper" id="home">
721    <div class="slider-active owl-carousel home-ui5-hero-slider" id="home-slider">
722
723    <!-- SkyEye Plus -->
724    <div class="home-ui5-hero-slide home-ui5-hero-slide--skyeye-plus" style="background-image: var(--home-hero-skyeye-plus-bg);">
725      <div class="home-ui5-hero-overlay">
726        <div class="container">
727          <div class="row align-items-center gy-4">
728            <div class="col-lg-6 col-12">
729              <div class="home-ui5-hero-content">
730                <h2>SkyEye Plus 深空制冷相机</h2>
731                <p>前窗扩展 · 接口拓展 · 暗角优化</p>
732                <div class="home-ui5-hero-actions">
733                  <a class="atf-themes-btn" href="/SkyEye-Plus">
734                    <span>了解详情</span>
735                  </a>
736                  <a class="atf-themes-btn" href="/contact">
737                    <span>联系我们</span>
738                  </a>
739                </div>
740              </div>
741            </div>
742          </div>
743        </div>
744      </div>
745    </div>
746
747    <!-- Banner 2: 天文望远镜 (HOPE D60) -->
748    <div class="home-ui5-hero-slide" style="background-image: var(--home-bg1);">
749      <div class="home-ui5-hero-overlay">
750        <div class="container">
751          <div class="row align-items-center gy-4">
752            <div class="col-lg-6 col-12">
753              <div class="home-ui5-hero-content">
754                <h3>PAPO 专业摄星镜</h3>
755                <h2>HOPE D60 天文望远镜</h2>
756                <p>
757                  60mm口径 280mm焦距 覆盖全画幅<br>
758                  5片式复消色差及原生平场设计 · 接近衍射极限 · 便携易用
759                </p>
760                <div class="home-ui5-hero-actions">
761                  <a class="atf-themes-btn" href="/telescopes/HOPE-D60">
762                    <span>了解详情</span>
763                  </a>
764                  <a class="atf-themes-btn" href="https://touptek.taobao.com/" target="_blank" rel="noopener noreferrer">
765                    <span>立即购买</span>
766                  </a>
767                </div>
768              </div>
769            </div>
770          </div>
771        </div>
772      </div>
773    </div>
774
775    <!-- Banner 3: StellaVita智能控制器 -->
776    <div class="home-ui5-hero-slide" style="background-image: var(--home-bg2);">
777      <div class="home-ui5-hero-overlay">
778        <div class="container">
779          <div class="row align-items-center gy-4">
780            <div class="col-lg-6 col-12">
781              <div class="home-ui5-hero-content">
782                <h3>StellaVita App 2.0焕新登场</h3>
783                <h2>新软件 新逻辑 新体验</h2>
784                <p>开放兼容多品牌、多型号天文摄影设备</p>
785                <div class="home-ui5-hero-actions">
786                  <a class="atf-themes-btn" href="/StellaVita">
787                    <span>了解详情</span>
788                  </a>
789                  <a class="atf-themes-btn" href="https://item.taobao.com/item.htm?ft=t&id=765300568044" target="_blank" rel="noopener noreferrer">
790                    <span>立即购买</span>
791                  </a>
792                </div>
793              </div>
794            </div>
795          </div>
796        </div>
797      </div>
798    </div>
799
800    <!-- Banner 4: 深空制冷相机 (ATR/SkyEye系列) -->
801    <div class="home-ui5-hero-slide" style="background-image: var(--home-bg3);">
802      <div class="home-ui5-hero-overlay">
803        <div class="container">
804          <div class="row align-items-center gy-4">
805            <div class="col-lg-6 col-12">
806              <div class="home-ui5-hero-content">
807                <h3>SkyEye/ATR系列</h3>
808                <h2>天文相机 · 深空制冷相机</h2>
809                <p>
810                  全画幅到1英寸全覆盖 · 超低噪声成像<br>
811                  部分支持-45℃制冷 · 长时间曝光稳定 · 暗弱天体拍摄利器
812                </p>
813                <div class="home-ui5-hero-actions">
814                  <a class="atf-themes-btn" href="/dso-cooled-cameras">
815                    <span>了解详情</span>
816                  </a>
817                  <a class="atf-themes-btn" href="https://touptek.taobao.com/" target="_blank" rel="noopener noreferrer">
818                    <span>立即购买</span>
819                  </a>
820                </div>
821              </div>
822            </div>
823          </div>
824        </div>
825      </div>
826    </div>
827
828    <!-- Banner 5: 行星相机 (G3CMOS/G3M系列) -->
829    <div class="home-ui5-hero-slide" style="background-image: var(--home-bg4);">
830      <div class="home-ui5-hero-overlay">
831        <div class="container">
832          <div class="row align-items-center gy-4">
833            <div class="col-lg-6 col-12">
834              <div class="home-ui5-hero-content">
835                <h3>高速行星摄影利器</h3>
836                <h2>行星相机</h2>
837                <p>
838                  4K超高清分辨率 · 高帧率 · 高灵敏度<br>
839                  超低读取噪声 · 行星细节完美呈现
840                </p>
841                <div class="home-ui5-hero-actions">
842                  <a class="atf-themes-btn" href="/planetary-cameras">
843                    <span>了解详情</span>
844                  </a>
845                  <a class="atf-themes-btn" href="https://item.taobao.com/item.htm?ft=t&id=862927609892" target="_blank" rel="noopener noreferrer">
846                    <span>立即购买</span>
847                  </a>
848                </div>
849              </div>
850            </div>
851          </div>
852        </div>
853      </div>
854    </div>
855    </div>
856    <div class="home-ui5-hero-progress">
857      <span class="is-active" data-label="SkyEye Plus 深空制冷相机" tabindex="0"></span>
858      <span data-label="HOPE D60 天文望远镜" tabindex="0"></span>
859      <span data-label="StellaVita 智能控制器" tabindex="0"></span>
860      <span data-label="SkyEye / ATR 深空制冷相机" tabindex="0"></span>
861      <span data-label="G3M / G3CMOS 行星相机" tabindex="0"></span>
862      <div class="home-ui5-hero-progress-label">SkyEye Plus 深空制冷相机</div>
863    </div>
864  </section>
865
866  <!-- 核心价值区:沿用原有文案,使用卡片化布局对齐 UI 模板 -->
867  <section class="home-ui5-values home-ui5-section">
868    <div class="container">
869      <div class="row g-4">
870        <div class="col-xl-3 col-md-6 col-12">
871          <article class="home-ui5-value-card">
872            <!-- 核心价值卡片头图:复用站内已有 CoreValues 图片并保留图标角标 -->
873            <figure class="home-ui5-value-media">
874              <img src="/assets/image/content/CoreValues_1.jpg" alt="卓越的品质与性能" loading="lazy" title="卓越的品质与性能">
875              <span class="home-ui5-value-icon" aria-hidden="true">
876                <i class="fa-solid fa-trophy"></i>
877              </span>
878            </figure>
879            <!-- 卡片正文:沿用原有文案,不做内容改写 -->
880            <div class="home-ui5-value-content">
881              <h3>卓越的品质与性能</h3>
882              <p>作为全球顶尖品牌,公司打造了独有的相机产品开发平台,可以快速为客户定制不同需求的产品并已为数千家客户提供了不同功能的相机产品以及全面的显微观测解决方案。</p>
883            </div>
884          </article>
885        </div>
886        <div class="col-xl-3 col-md-6 col-12">
887          <article class="home-ui5-value-card">
888            <!-- 核心价值卡片头图:复用站内已有 CoreValues 图片并保留图标角标 -->
889            <figure class="home-ui5-value-media">
890              <img src="/assets/image/content/CoreValues_2.jpg" alt="激发探索热情" loading="lazy" title="激发探索热情">
891              <span class="home-ui5-value-icon" aria-hidden="true">
892                <i class="fa-solid fa-globe"></i>
893              </span>
894            </figure>
895            <!-- 卡片正文:沿用原有文案,不做内容改写 -->
896            <div class="home-ui5-value-content">
897              <h3>激发探索热情</h3>
898              <p>图谱天文相信每个人都有一颗向往星空的心。公司的产品旨在唤起人们对宇宙的好奇心和探索欲望,让他们深入了解宇宙的奥秘并与之互动。图谱天文将致力于把天文摄影推向更多的用户。</p>
899            </div>
900          </article>
901        </div>
902        <div class="col-xl-3 col-md-6 col-12">
903          <article class="home-ui5-value-card">
904            <!-- 核心价值卡片头图:复用站内已有 CoreValues 图片并保留图标角标 -->
905            <figure class="home-ui5-value-media">
906              <img src="/assets/image/content/CoreValues_3.jpg" alt="优化用户体验" loading="lazy" title="优化用户体验">
907              <span class="home-ui5-value-icon" aria-hidden="true">
908                <i class="fa-solid fa-award"></i>
909              </span>
910            </figure>
911            <!-- 卡片正文:沿用原有文案,不做内容改写 -->
912            <div class="home-ui5-value-content">
913              <h3>优化用户体验</h3>
914              <p>公司建立了完善的售后服务平台,重视每位客户的需求,并努力高效地解决客户在使用公司产品过程中遇到的问题,及时为客户提供显微、天文数码成像以及机器视觉领域产品的技术支持和售后服务。</p>
915            </div>
916          </article>
917        </div>
918        <div class="col-xl-3 col-md-6 col-12">
919          <article class="home-ui5-value-card">
920            <!-- 核心价值卡片头图:复用站内已有 CoreValues 图片并保留图标角标 -->
921            <figure class="home-ui5-value-media">
922              <img src="/assets/image/content/CoreValues_4.jpg" alt="创新与持续发展" loading="lazy" title="创新与持续发展">
923              <span class="home-ui5-value-icon" aria-hidden="true">
924                <i class="fa-solid fa-microchip"></i>
925              </span>
926            </figure>
927            <!-- 卡片正文:沿用原有文案,不做内容改写 -->
928            <div class="home-ui5-value-content">
929              <h3>创新与持续发展</h3>
930              <p>图谱天文坚持不懈地研发创新,立足于让成像变得更加简单的理念,为客户提供更好的天文摄影体验。公司致力于突破技术边界,提供尖端产品,使天文摄影爱好者和专业人士能够以前所未有的清晰度和精准度捕捉宇宙之美。</p>
931            </div>
932          </article>
933        </div>
934      </div>
935    </div>
936  </section>
937
938  <!-- 关于我们:保留原始公司介绍文案与图片 -->
939  <section class="home-ui5-about home-ui5-section" id="about">
940    <div class="container">
941      <div class="row align-items-center g-4 g-lg-5">
942        <div class="col-lg-6 col-12">
943          <div class="home-ui5-heading">
944            <h2>ToupTek Astro</h2>
945          </div>
946          <div class="home-ui5-about-copy">
947            <p>
948              杭州图谱光电科技有限公司成立于2010年底,专注于工业成像相机、显微成像相机、天文成像相机的研发与销售。公司汇聚了光、机、电、计算机硬件与软件领域的顶级专家,销售的每一款产品均为自主研发。公司还为全球的顶级公司ODM、OEM各种专业相机,在相机领域取得了显著的成就,是相机行业发展的见证者、践行者与推动者。
949            </p>
950            <p>
951              作为全球顶尖品牌,公司打造了独有的相机产品研发平台,可以快速为客户定制不同需求的产品,目前已经为数千家客户提供了不同功能的相机产品以及全面的显微观测解决方案。
952            </p>
953            <p>
954              公司旗下的天文品牌拥有优秀的天文望远镜、天文成像相机和天文配件等产品线,主要包括HOPE系列天文望远镜、SkyEye/ATR系列深空制冷相机、天文智能控制器(StellaVita)、行星相机、导星相机以及用于天文摄影的配件:如导星镜、偏轴导星器(OAG)、电动滤镜轮(Filter Wheel)、电调焦、滤镜抽屉、天文滤镜等。
955            </p>
956          </div>
957        </div>
958        <div class="col-lg-6 col-12">
959          <div class="home-ui5-about-image">
960            <img src="/assets/image/blog/company1.jpg" alt="图谱光电" loading="lazy" title="图谱光电">
961          </div>
962        </div>
963      </div>
964    </div>
965  </section>
966
967  <!-- 技术能力区:保留“为什么选择图谱天文”的核心卖点 -->
968  <section class="home-ui5-tech home-ui5-section" id="feature">
969    <div class="container">
970      <div class="home-ui5-heading home-ui5-heading--center">
971        <h2>我们的产品特点</h2>
972        <p>图谱天文热忱追求创新,不断探索天文摄影解决方案的新可能性和进展。</p>
973      </div>
974      <div class="row g-4">
975        <div class="col-lg-4 col-md-6 col-12">
976          <article class="home-ui5-tech-card">
977            <img src="/assets/image/content/feature_1.jpg" alt="产品全面" loading="lazy">
978            <h3>产品全面</h3>
979            <p>图谱天文的相机产品采用高品质、高性能传感器。产品的形态亦是多种多样,为客户带来了更多的选择。图谱天文更是将传感器的性能全面释放,毫无保留的将所有特性全部开放给客户。</p>
980          </article>
981        </div>
982        <div class="col-lg-4 col-md-6 col-12">
983          <article class="home-ui5-tech-card">
984            <img src="/assets/image/content/feature_2.jpg" alt="兼容广泛" loading="lazy">
985            <h3>兼容广泛</h3>
986            <p>图谱天文的相机注重与其他品牌天文设备的兼容性,崇尚设备自由搭配的理念。公司还提供跨平台的软件开发服务(Windows、macOS、Linux、android、iOS),以满足不同用户的需求ã€
986‚</p>
987          </article>
988        </div>
989        <div class="col-lg-4 col-md-6 col-12">
990          <article class="home-ui5-tech-card">
991            <img src="/assets/image/content/feature_3.jpg" alt="服务优质" loading="lazy">
992            <h3>服务优质</h3>
993            <p>图谱天文为客户提供良好的售后支持和服务,以确保客户能够更好得使用我们的相机进行天文摄影,我们更加注重每一位客户在使用中的每一个问题以保持相机的稳定和功能完善。</p>
994          </article>
995        </div>
996      </div>
997    </div>
998  </section>
999
1000  <!-- 产品线区:保留原有产品图片、命名和跳转链接 -->
1001  <section class="home-ui5-products home-ui5-section" id="classification">
1002    <div class="container">
1003      <div class="home-ui5-heading home-ui5-heading--center">
1004        <h2>专业天文设备与解决方案</h2>
1005        <p>汇聚尖端科技,为天文爱好者和专业人士提供高性能成像设备与智能化观测方案。</p>
1006      </div>
1007      <div class="row g-4">
1008        <div class="col-lg-4 col-md-6 col-12">
1009          <article class="home-ui5-product-card">
1010            <div class="home-ui5-product-media">
1011              <img src="/assets/image/home/home-solutions/telescopes.webp" alt="HOPE望远镜" loading="lazy" title="HOPE望远镜">
1012            </div>
1013            <h3><a href="/telescopes">望远镜</a></h3>
1014            <p>高精度光学系统 • 便携设计</p>
1015            <a class="home-ui5-product-link" href="/telescopes">探索更多</a>
1016          </article>
1017        </div>
1018        <div class="col-lg-4 col-md-6 col-12">
1019          <article class="home-ui5-product-card">
1020            <div class="home-ui5-product-media">
1021              <img src="/assets/image/home/home-solutions/StellaVIta.webp" alt="StellaVita智能控制器" loading="lazy" title="StellaVita智能控制器">
1022            </div>
1023            <h3><a href="/StellaVita">智能控制器</a></h3>
1024            <p>一体化控制 • 支持多品牌、多型号天文设备</p>
1025            <a class="home-ui5-product-link" href="/StellaVita">探索更多</a>
1026          </article>
1027        </div>
1028        <div class="col-lg-4 col-md-6 col-12">
1029          <article class="home-ui5-product-card">
1030            <div class="home-ui5-product-media">
1031              <img src="/assets/image/home/home-solutions/dso_cooled_cameras.webp" alt="深空制冷相机" loading="lazy" title="深空制冷相机">
1032            </div>
1033            <h3><a href="/dso-cooled-cameras">深空制冷相机</a></h3>
1034            <p>TEC制冷技术 • 超低噪声成像 • 防结雾设计</p>
1035            <a class="home-ui5-product-link" href="/dso-cooled-cameras">探索更多</a>
1036          </article>
1037        </div>
1038        <div class="col-lg-4 col-md-6 col-12">
1039          <article class="home-ui5-product-card">
1040            <div class="home-ui5-product-media">
1041              <img src="/assets/image/home/home-solutions/G3M-GPM.webp" alt="行星与导星相机" loading="lazy" title="行星与导星相机">
1042            </div>
1043            <h3><a href="/planetary-cameras">行星与导星相机</a></h3>
1044            <p>高帧率成像 • 精准追踪 • 兼容性强</p>
1045            <a class="home-ui5-product-link" href="/planetary-cameras">探索更多</a>
1046          </article>
1047        </div>
1048        <div class="col-lg-4 col-md-6 col-12">
1049          <article class="home-ui5-product-card">
1050            <div class="home-ui5-product-media">
1051              <img src="/assets/image/home/home-solutions/filter_wheels.webp" alt="电动滤镜轮" loading="lazy" title="电动滤镜轮">
1052            </div>
1053            <h3><a href="/filter-wheels">滤镜与滤镜轮</a></h3>
1054            <p>电动切换 • 多位设计 • 精准定位</p>
1055            <a class="home-ui5-product-link" href="/filter-wheels">探索更多</a>
1056          </article>
1057        </div>
1058        <div class="col-lg-4 col-md-6 col-12">
1059          <article class="home-ui5-product-card">
1060            <div class="home-ui5-product-media">
1061              <img src="/assets/image/home/home-solutions/accessories.webp" alt="天文配件" loading="lazy" title="天文配件">
1062            </div>
1063            <h3><a href="/accessories">天文配件</a></h3>
1064            <p>
1064偏轴导星器 • 电动调焦器 • 导星镜</p>
1065            <a class="home-ui5-product-link" href="/accessories">探索更多</a>
1066          </article>
1067        </div>
1068      </div>
1069    </div>
1070  </section>
1071
1072  <!-- 目标区:保留原始目标文案,按双卡片布局重排 -->
1073  <section class="home-ui5-target home-ui5-section" id="target">
1074    <div class="container">
1075      <div class="home-ui5-heading home-ui5-heading--center">
1076        <h2>我们的目标</h2>
1077        <p>图谱天文秉承让成像更简单的理念,把天文摄影推向更广的群体。</p>
1078      </div>
1079      <div class="row g-4">
1080        <div class="col-lg-6 col-12">
1081          <article class="home-ui5-target-card">
1082            <h3>不断创新</h3>
1083            <p>图谱天文致力于不断引入新的技术和设计理念,以满足天文摄影爱好者的各类需求。公司会基于不同类型的传感器推出功能各异的相机,让用户能够捕捉到更清晰、细节丰富的天文图像。</p>
1084          </article>
1085        </div>
1086        <div class="col-lg-6 col-12">
1087          <article class="home-ui5-target-card">
1088            <h3>持续优化</h3>
1089            <p>图谱天文致力于为用户提供简单的摄影体验。图谱天文未来将围绕用户提供更加的简便的天文摄影产品,让用户摆脱复杂的设备组装、调试环节,使用户能全身心地投入到探索宇宙和星空的美妙中。</p>
1090          </article>
1091        </div>
1092      </div>
1093    </div>
1094  </section>
1095
1096  <!-- ============================================
1097       统计计数器区域 - Counter Statistics Section
1098       ============================================ -->
1099  <!-- ============================================
1100     COUNTER SECTION - 统计计数器区域
1101     说明:
1102     1. 与英文站 Astro-en 的 counter 组件结构保持一致;
1103     2. 继续复用 odometer 动画能力;
1104     3. 中文文案与统计口径保持当前中文站数据。
1105     ============================================ -->
1106<section class="tpa-counter-section" id="counter">
1107    <div class="container">
1108        <!-- 标题区域 -->
1109        <div class="tpa-counter-header">
1110            <h2 class="tpa-counter-title wow fadeIn" data-wow-delay="0.1s" data-wow-duration="1s">
1111                图谱天文 - 您值得信赖的天文摄影合作伙伴
1112            </h2>
1113            <p class="tpa-counter-subtitle wow fadeIn" data-wow-delay="0.2s" data-wow-duration="1s">
1114                深受全球天文学家与天文摄影师信赖
1115            </p>
1116        </div>
1117
1118        <!-- 统计卡片网格 -->
1119        <div class="tpa-counter-grid">
1120            <!-- 卡片1:行业深耕 -->
1121            <div class="tpa-counter-card wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="0.8s">
1122                <div class="tpa-counter-icon">
1123                    <i class="fas fa-brands fa-font-awesome-flag" aria-hidden="true"></i>
1124                </div>
1125                <div class="tpa-counter-number">
1126                    <span class="odometer" data-count="16">00</span>
1127                    <span class="tpa-counter-suffix">+</span>
1128                </div>
1129                <h3 class="tpa-counter-label">年行业深耕</h3>
1130            </div>
1131
1132            <!-- 卡片2:专利软著 -->
1133            <div class="tpa-counter-card wow fadeInUp" data-wow-delay="0.3s" data-wow-duration="0.8s">
1134                <div class="tpa-counter-icon">
1135                    <i class="fas fa-trophy" aria-hidden="true"></i>
1136                </div>
1137                <div class="tpa-counter-number">
1138                    <span class="odometer" data-count="200">00</span>
1139                    <span class="tpa-counter-suffix">+</span>
1140                </div>
1141                <h3 class="tpa-counter-label">专利、软著</h3>
1142            </div>
1143
1144            <!-- 卡片3:研发团队 -->
1145            <div class="tpa-counter-card wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="0.8s">
1146                <div class="tpa-counter-icon">
1147                    <i class="fas fa-user" aria-hidden="true"></i>
1148                </div>
1149                <div class="tpa-counter-number">
1150                    <span class="odometer" data-count="200">00</span>
1151                    <span class="tpa-counter-suffix">+</span>
1152                </div>
1153                <h3 class="tpa-counter-label">技术研发团队</h3>
1154            </div>
1155
1156            <!-- 卡片4:覆盖地区 -->
1157            <div class="tpa-counter-card wow fadeInUp" data-wow-delay="0.5s" data-wow-duration="0.8s">
1158                <div class="tpa-counter-icon">
1159                    <i class="fas fa-solid fa-earth-americas" aria-hidden="true"></i>
1160                </div>
1161                <div class="tpa-counter-number">
1162                    <span class="odometer" data-count="100">00</span>
1163                    <span class="tpa-counter-suffix">+</span>
1164                </div>
1165                <h3 class="tpa-counter-label">遍及国家、地区</h3>
1166            </div>
1167        </div>
1168    </div>
1169</section>
1170<!-- COUNTER SECTION END -->
1171
1172  <!-- 联系我们区:保留地图容器 id=allmap 以及社媒节点,保证现有 JS 正常工作 -->
1173  <section class="home-ui5-contact home-ui5-section" id="contact">
1174    <div class="container">
1175      <!-- 地图作为背景层:保留 map_style 与 #allmap,保证现有地图 JS 正常挂载 -->
1176      <div class="home-ui5-contact-stage">
1177        <div class="home-ui5-contact-map">
1178          <div class="map_style">
1179            <div class="map_style-box" id="allmap"></div>
1180          </div>
1181        </div>
1182        <!-- 中心文案卡片:叠放在地图层上方,保持可读性与交互可达 -->
1183        <div class="home-ui5-contact-overlay">
1184          <div class="home-ui5-contact-card">
1185            <h2>联系我们</h2>
1186            <p>让图谱天文助力您在星空探索的过程中更进一步。</p>
1187            <ul class="home-ui5-contact-list">
1188              <li><i class="fa fa-home" aria-hidden="true"></i> 浙江省杭州市西湖区西园五路6号奥强大厦13,14,15楼</li>
1189              <li><i class="fa fa-phone" aria-hidden="true"></i> <a href="tel:0571-86683738">0571-86683738</a></li>
1190            </ul>
1191            <div class="atf-footer-social-icon mt-3">
1192              <span class="icon">
1193                <i class="fab fa-weixin"
1194                   data-bs-html="true"
1195                   data-bs-placement="top"
1196                   data-bs-title='<img src="/assets/image/brand/wechat.jpg" alt="wechat" title="wechat" loading="lazy" />'
1197                   data-bs-toggle="tooltip"></i>
1198              </span>
1199              <span class="icon">
1200                <i class="fa fa-bag-shopping"
1201                   data-bs-html="true"
1202                   data-bs-placement="top"
1203                   data-bs-title='<img src="/assets/image/brand/taobao.png" alt="淘宝商城" title="淘宝商城" loading="lazy" />'
1204                   data-bs-toggle="tooltip"></i>
1205              </span>
1206              <span class="icon">
1207                <a href="https://space.bilibili.com/3537104789309747?spm_id_from=333.1007.0.0" target="_blank" rel="noopener noreferrer">
1208                  <i class="fab fa-bilibili"
1209                     data-bs-html="true"
1210                     data-bs-placement="bottom"
1211                     data-bs-title="bilibili"
1212                     data-bs-toggle="tooltip"></i>
1213                </a>
1214              </span>
1215              <span class="icon">
1216                <a href="https://www.xiaohongshu.com/user/profile/64b5fc4100000000110019ea?m_source=mengfanwetab" target="_blank" rel="noopener noreferrer">
1217                  <i class="fa-solid fa-book"
1218                     data-bs-html="true"
1219                     data-bs-placement="bottom"
1220                     data-bs-title="小红书"
1221                     data-bs-toggle="tooltip"></i>
1222                </a>
1223              </span>
1224            </div>
1225          </div>
1226        </div>
1227      </div>
1228    </div>
1229  </section>
1230
1231  <!-- 博客区:保留动态渲染容器 id=blog-slider,版式改为模板化深色卡片区域 -->
1232  <section class="home-ui5-blog home-ui5-section" id="blog">
1233    <div class="container">
1234      <div class="home-ui5-blog-head">
1235        <div>
1236          <h2>天文动态</h2>
1237          <p>实时更新天文星图和新品动态。</p>
1238        </div>
1239      </div>
1240      <div class="row mt-4">
1241        <div class="col-12">
1242          <div class="atf-main-testimonials atf-testimonial-slider owl-carousel owl-theme" id="blog-sl
1242ider"></div>
1243        </div>
1244      </div>
1245    </div>
1246  </section>
1247</main>
1248
1249    <!-- FOOTER SECTION START-->
1250    <footer class="atf-footer-area pt-5" id="footer"
1251            style="background-image: var(--footer-bg-img);">
1252        <div class="container">
1253            <div class="row atf-section-padding">
1254                <div class="col-lg-3 col-md-6 col-12">
1255                    <div class="atf-footer-link atf-footer-link--about">
1256                        <div class="atf-footer-box">
1257                            <h5>关于图谱光电</h5>
1258                            <p class="mt-3 pe-3">
1259                                为天文爱好者提供专业的天文相机和各类配件、软件,以满足不同的需求。
1260                            </p>
1261
1262                            <div class="atf-footer-social-icon mt-3">
1263                                <span class="icon">
1264                                    <i class="fab fa-weixin"
1265                                       data-bs-html="true"
1266                                       data-bs-placement="top"
1267                                       data-bs-title='<img src="/assets/image/brand/wechat.jpg" alt="图谱天文微信二维码" title="图谱天文微信二维码" loading="lazy" />'
1268                                       data-bs-toggle="tooltip"></i>
1269                                </span>
1270                                <span class="icon">
1271                                        <i class="fa fa-bag-shopping"
1272                                           data-bs-html="true"
1273                                           data-bs-placement="top"
1274                                           data-bs-title='<img src="/assets/image/brand/taobao.png" alt="图谱天文淘宝店铺二维码" title="图谱天文淘宝店铺二维码" loading="lazy" />'
1275                                           data-bs-toggle="tooltip"></i>
1276                                </span>
1277
1278                                <!-- B站 -->
1279                                <span class="icon">
1280                                    <a href="https://space.bilibili.com/3537104789309747?spm_id_from=333.1007.0.0" target="_blank" rel="noopener">
1281                                        <i class="fab fa-bilibili"
1282                                           data-bs-html="true"
1283                                           data-bs-placement="top"
1284                                           data-bs-title="bilibili"
1285                                           data-bs-toggle="tooltip"></i>
1286                                    </a>
1287                                </span>
1288
1289                                                            <!-- 小红书 -->
1290                                                            <span class="icon">
1291                                    <a href="https://www.xiaohongshu.com/user/profile/64b5fc4100000000110019ea?m_source=mengfanwetab" target="_blank" rel="noopener">
1292                                        <i class="fa-solid fa-book"
1293                                           data-bs-html="true"
1294                                           data-bs-placement="top"
1295                                           data-bs-title="小红书"
1296                                           data-bs-toggle="tooltip"></i>
1297                                    </a>
1298                                </span>
1299                            </div>
1300                        </div>
1301                    </div>
1302                </div>
1303                <!--- END COL -->
1304
1305
1306                <div class="col-lg-2 col-md-6 col-12">
1307                    <div class="atf-footer-link">
1308                        <h5>产品</h5>
1309                        <ul class="atf-list-menu">
1310                            <li>
1311                                <a href="/product-select">
1312                                    <i class="fas fa-angle-right me-2"></i>
1313                                    相机选型工具
1314                                </a>
1315                            </li>
1316                            <li>
1317                                <a href="/dso-cooled-cameras">
1318                                    <i class="fas fa-angle-right me-2"></i>
1319                                    深空制冷
1320                                </a>
1321                            </li>
1322                            <li>
1323                                <a href="/telescopes/HOPE-D60">
1324                                    <i class="fas fa-angle-right me-2"></i>
1325                                    HOPE D60 望远镜
1326                                </a>
1327                            </li>
1328                            <li>
1329                                <a href="/StellaVita">
1330                                    <i class="fas fa-angle-right me-2"></i>
1331                                    StellaVita 智能控制器
1332                                </a>
1333                            </li>
1334                            <li>
1335                                <a href="/planetary-cameras">
1336                                    <i class="fas fa-angle-right me-2"></i>
1337                                    行星相机
1338                                </a>
1339                            </li>
1340                            <li>
1341                                <a href="/guide-cameras">
1342                                    <i class="fas fa-angle-right me-2"></i>
1343                                    导星相机
1344                                </a>
1345                            </li>
1346                            <li>
1347                                <a href="/filter-wheels">
1348                                    <i class="fas fa-angle-right me-2"></i>
1349                                    滤镜轮/滤镜
1350                                </a>
1351                            </li>
1352                            <li>
1353                                <a href="/accessories">
1354                                    <i class="fas fa-angle-right me-2"></i>
1355                                    天文配件
1356                                </a>
1357                            </li>
1358                        </ul>
1359
1360                    </div>
1361                </div>
1362                <!--- END COL -->
1363
1364                <div class="col-lg-2 col-md-6 col-12">
1365                    <div class="atf-footer-link">
1366                        <h5>导航</h5>
1367                        <ul class="atf-list-menu">
1368                            <li>
1369                                <a href="/service">
1370                                    <i class="fas fa-angle-right me-2"></i>
1371                                    帮助中心
1372                                </a>
1373                            </li>
1374                            <li>
1375                                <a href="/downloads">
1376                                    <i class="fas fa-angle-right me-2"></i>
1377                                    软件下载
1378                                </a>
1379                            </li>
1380                            <li>
1381                                <a href="/manuals">
1382                                    <i class="fas fa-angle-right me-2"></i>
1383                                    手册下载
1384                                </a>
1385                            </li>
1386                            <li>
1387                                <a href="/Firmware">
1388                                    <i class="fas fa-angle-right me-2"></i>
1389                                    固件下载
1390                                </a>
1391                            </li>
1392                            <li>
1393                                <a href="/pre-sales">
1394                                    <i class="fas fa-angle-right me-2"></i>
1395                                    售前支持
1396                                </a>
1397                            </li>
1398                            <li>
1399                                <a href="/service">
1400                                    <i class="fas fa-angle-right me-2"></i>
1401                                    售后支持
1402                                </a>
1403                            </li>
1404                        </ul>
1405
1406                    </div>
1407                </div>
1408                <!--- END COL -->
1409                <div class="col-lg-2 col-md-6 col-12">
1410                    <div class="atf-footer-link">
1411                        <h5>图谱天文</h5>
1412                        <ul class="atf-list-menu">
1413
1414                            <li>
1415                                <a href="/about">
1416                                    <i class="fas fa-angle-right me-2"></i>
1417                                    关于我们
1418                                </a>
1419                            </li>
1420
1421                            <li>
1422                                <a href="/privacy">
1423                                    <i class="fas fa-angle-right me-2"></i>
1424                                    隐私政策
1425                                </a>
1426                            </li>
1427                            <li>
1428                                <a href="/sales_policy">
1429                                    <i class="fas fa-angle-right me-2"></i>
1430                                    售后政策
1431                                </a>
1432                            </li>
1433
1434                        </ul>
1435                    </div>
1436                </div>
1437                <!--- END COL -->
1438
1439                <div class="col-lg-3 col-md-6 col-12">
1440                    <div class="atf-footer-link">
1441                        <h5>地址</h5>
1442                        <!-- Google Map start-->
1443                        <div id="atf-map-area">
1444                            <div class="atf-contact-details">
1445                                <i class="fa fa-home"></i>
1446                                <p>浙江省杭州市西湖区西园五路6号奥强大厦13,14,15楼</p>
1447                            </div>
1448
1449                            <div class="atf-contact-details">
1450                                <i class="fa fa-phone"></i>
1451                                <p><a href="tel:0571-86683738">0571-86683738</a></p>
1452                            </div>
1453
1454                        </div>
1455                        <!-- Google Map end -->
1456                    </div>
1457                </div>
1458                <!--- END COL -->
1459            </div>
1460            <!--- END ROW -->
1461        </div>
1462        <!--- END CONTAINER -->
1463
1464        <div class="row">
1465            <div class="col-md-12">
1466                <div class="atf-footer-boottom text-center">
1467                    <p>
1468                        Copyright © 2023 - 2026 杭州图谱光电科技有限公司 版权所有 |
1469                        <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33010602013287"
1470                           target="_blank">
1471                            浙公网安备33010602013299号
1472                        </a>
1473                        |
1474                        <a href="https://beian.miit.gov.cn/" target="_blank">
1475                            浙ICP备2023020979号
1476                        </a>
1477                    </p>
1478                </div>
1479                <!--- END COL -->
1480            </div>
1481            <!--- END COL -->
1482        </div>
1483        <!--- END ROW -->
1484    </footer>
1485    <!--- END FOOTER -->
1486</div>
1487<!-- PAGE WRAPPER END-->
1488
1489
1490<!-- Latest jQuery -->
1491<script importance="high" src="/assets/js/plugins/jquery-1.12.4.min.js"></script>
1491
1492
1493<!--popper-->
1494<script src="/assets/js/popper.min.js"></script>
1494
1495<!-- Latest compiled and minified Bootstrap -->
1496<script src="/assets/js/plugins/bootstrap.min.js"></script>
1496
1497<!-- modernizer JS -->
1498<script src="/assets/js/plugins/modernizr.custom.min.js"></script>
1498
1499<!-- imagesloaded JS -->
1500<script src="/assets/js/imagesloaded.pkgd.min.js"></script>
1500
1501<!-- isotope.pkgd JS -->
1502<script src="/assets/js/plugins/isotope.pkgd.min.js"></script>
1502
1503<!-- magnific-popup js -->
1504<script src="/assets/js/jquery.magnific-popup.min.js"></script>
1504
1505<!-- owl-carousel min js  -->
1506<script src="/assets/js/plugins/owl.carousel.min.js"></script>
1506
1507<!-- tilt js -->
1508<script src="/assets/js/tilt.jquery.min.js"></script>
1508
1509<!-- Counter js -->
1510<script src="/assets/js/jquery.counterup.min.js"></script>
1510
1511<!-- waypoints js -->
1512<script src="/assets/js/plugins/waypoints.min.js"></script>
1512
1513<!-- odometer js -->
1514<script src="/assets/js/plugins/odometer.min.js"></script>
1514
1515<!-- jquery.appear js -->
1516<script src="/assets/js/plugins/jquery.appear.min.js"></script>
vendor: 1 bytes, line 1516
1516
1517<script src="/assets/js/plugins/jquery.nice-select.min.js"></script>
1517
1518<!-- easing js -->
1519<script src="/assets/js/easing.min.js"></script>
1519
1520<!-- wow js -->
1521<script src="/assets/js/back-to-top.min.js"></script>
vendor: 1 bytes, line 1521
1521
1522<script src="/assets/js/plugins/wow.min.js"></script>
1522
1523<!-- ajaxchimp js -->
1524<script src="/assets/js/plugins/ajaxchimp.min.js"></script>
1524
1525
1526<!-- Parallax.js -->
1527<!--
1527<script src="https://cdnjs.cloudflare.com/ajax/libs/parallax/3.1.0/parallax.min.js"></script>
1527-->
1528<!--
1528<script src="https://cdn.bootcdn.net/ajax/libs/stellar.js/0.6.2/jquery.stellar.min.js"></script>
1528-->
1529<!-- main js -->
1530<script src="/assets/js/main.min.js"></script>
vendor: 1 bytes, line 1530
1530
1531<script src="/assets/js/navigation-core.min.js"></script>
vendor: 1 bytes, line 1531
1531
1532<script src="/assets/js/header-nav.min.js"></script>
1532
1533<!-- Shared mobile carousel behavior for all product-card grids. -->
1534<script src="/assets/js/product-mobile-carousel.min.js"></script>
1534
1535
1536<script src="/assets/js/api.min.js"></script>
vendor: 1 bytes, line 1536
1536
1537<script src="/assets/js/blog_list.min.js"></script>
vendor: 1 bytes, line 1537
1537
1538<script src="/assets/js/main.min.js"></script>
vendor: 1 bytes, line 1538
1538
1539<script>
1540// ------------------------------
1541
1542initMap("allmap",
1543        {x: 120.068459, y: 30.314276},
1544        {x: 120.068459, y: 30.314276},
1545        '/assets/image/brand/map-logo.png'
1546    );
1547
1548$(window).resize(function () {
1549    initMap("allmap",
1550        {x: 120.068459, y: 30.314276},
1551        {x: 120.068459, y: 30.314276},
1552        '/assets/image/brand/map-logo.png'
1553    );
1554});
1555
1556/*
1557 * 首页 Banner 进度条点击跳转
1558 * 说明:
1559 * 1. 轮播由 main.min.js 初始化,这里只做点击事件绑定,不改原初始化参数。
1560 * 2. 点击当前可见 slide 中的第 N 个进度条,跳转到第 N 个 Banner。
1561 * 3. 使用事件委托,兼容 Owl 克隆节点和后续 DOM 更新。
1562 */
1563function bindHomeHeroProgressClick() {
1564    var homeHeroCarousel = $('#home-slider.home-ui5-hero-slider');
1565    var homeHeroWrapper = homeHeroCarousel.closest('.home-ui5-hero-wrapper');
1566    var progressGroup = homeHeroWrapper.find('.home-ui5-hero-progress').first();
1567
1568    if (!homeHeroCarousel.length || !homeHeroWrapper.length || !progressGroup.length) {
1569        return;
1570    }
1571
1572    /*
1573     * 指示器可访问性增强
1574     * 说明:为每个进度条节点补充 role 与 aria-label,便于键盘和读屏识别。
1575     */
1576    progressGroup.find('span').each(function () {
1577        var indicatorLabel = $(this).attr('data-label') || 'Banner';
1578        $(this).attr({
1579            role: 'button',
1580            'aria-label': '切换到' + indicatorLabel
1581        });
1582    });
1583
1584    /*
1585     * 同步进度条上方产品名
1586     * 说明:
1587     * 1. 根据目标索引读取 data-label;
1588     * 2. 同步更新唯一的 progress 文案节点;
1589     * 3. 当索引异常时回退到第 0 项,保证文案始终可见。
1590     */
1591    function syncHomeHeroProgressLabelByIndex(targetIndex) {
1592        var indicators = progressGroup.find('span');
1593        var safeIndex = targetIndex;
1594        var labelNode = progressGroup.find('.home-ui5-hero-progress-label');
1595        var labelText = '';
1596
1597        if (!indicators.length || !labelNode.length) {
1598            return;
1599        }
1600
1601        if (safeIndex < 0 || safeIndex >= indicators.length) {
1602            safeIndex = 0;
1603        }
1604
1605        labelText = indicators.eq(safeIndex).attr('data-label') || '';
1606        labelNode.text(labelText);
1607    }
1608
1609    /*
1610     * 同步指示器激活态
1611     * 说明:
1612     * 1. 每次轮播位置变化时,重置唯一 progress 的激活态;
1613     * 2. 只给当前索引对应的条目加 is-active;
1614     * 3. 通过 requestAnimationFrame 分两帧执行,确保 CSS 动画从 0 重新开始。
1615     */
1616    function syncHomeHeroProgressByIndex(activeIndex) {
1617        var indicators = progressGroup.find('span');
1618        var safeIndex = activeIndex;
1619        if (!indicators.length) {
1620            return;
1621        }
1622
1623        if (safeIndex < 0 || safeIndex >= indicators.length) {
1624            safeIndex = 0;
1625        }
1626
1627        indicators.removeClass('is-active');
1628
1629        window.requestAnimationFrame(function () {
1630            window.requestAnimationFrame(function () {
1631                var currentSpan = indicators.eq(safeIndex);
1632                if (currentSpan.length) {
1633                    currentSpan.addClass('is-active');
1634                }
1635                syncHomeHeroProgressLabelByIndex(safeIndex);
1636            });
1637        });
1638    }
1639
1640    /*
1641     * 获取当前轮播相对索引(排除克隆项)
1642     * 说明:
1643     * 1. 优先从事件对象里取 Owl 实例;
1644     * 2. 若无事件上下文,则从 data('owl.carousel') 兜底读取;
1645     * 3. 返回值始终是 0 开始的真实 banner 序号。
1646     */
1647    function getHomeHeroRelativeIndex(owlEvent) {
1648        var owlInstance = (owlEvent && owlEvent.relatedTarget) ? owlEvent.relatedTarget : homeHeroCarousel.data('owl.carousel');
1649        if (!owlInstance || typeof owlInstance.relative !== 'function' || typeof owlInstance.current !== 'function') {
1650            return -1;
1651        }
1652
1653        if (owlEvent && owlEvent.item && typeof owlEvent.item.index === 'number') {
1654            return owlInstance.relative(owlEvent.item.index);
1655        }
1656
1657        return owlInstance.relative(owlInstance.current());
1658    }
1659
1660    /*
1661     * 绑定轮播位置变化事件
1662     * 说明:
1663     * 1. initialized:初始化后立即校准一次指示器;
1664     * 2. changed:每次切换后实时同步;
1665     * 3. 使用命名空间,避免重复绑定。
1666     */
1667    homeHeroCarousel
1668        .off('.homeHeroProgressSync')
1669        .on('initialized.owl.carousel.homeHeroProgressSync changed.owl.carousel.homeHeroProgressSync', function (owlEvent) {
1670            var relativeIndex = getHomeHeroRelativeIndex(owlEvent);
1671            syncHomeHeroProgressByIndex(relativeIndex);
1672        });
1673
1674    /*
1675     * 绑定悬停与焦点文案预览
1676     * 说明:
1677     * 1. 悬停/聚焦某个指示器时,立即显示该产品名;
1678     * 2. 鼠标移出/失焦后,恢复当前 banner 对应名称。
1679     */
1680    progressGroup
1681        .off('.homeHeroProgressLabelPreview')
1682        .on('mouseenter.homeHeroProgressLabelPreview focusin.homeHeroProgressLabelPreview', 'span', function () {
1683            var previewIndex = progressGroup.find('span').index(this);
1684            /*
1685             * 进入指示器时显示产品名提示
1686             * 说明:
1687             * 1. 通过 is-previewing 控制提示显隐;
1688             * 2. 仅在用户悬停/聚焦时显示,不常驻占位。
1689             */
1690            progressGroup.addClass('is-previewing');
1691            syncHomeHeroProgressLabelByIndex(previewIndex);
1692        })
1693        .on('mouseleave.homeHeroProgressLabelPreview focusout.homeHeroProgressLabelPreview', 'span', function () {
1694            /*
1695             * 离开指示器时隐藏提示文案
1696             * 说明:
1697             * 1. 文案先回退到当前 Banner 对应名称;
1698             * 2. 再移除 is-previewing,避免标签持续显示。
1699             */
1700            syncHomeHeroProgressLabelByIndex(getHomeHeroRelativeIndex());
1701            progressGroup.removeClass('is-previewing');
1702        })
1703        .on('mouseleave.homeHeroProgressLabelPreview', function () {
1704            /*
1705             * 鼠标离开整个指示器区域时兜底隐藏
1706             * 说明:避免在快速移动或跨越间隙时出现文案残留。
1707             */
1708            syncHomeHeroProgressLabelByIndex(getHomeHeroRelativeIndex());
1709            progressGroup.removeClass('is-previewing');
1710        });
1711
1712    /*
1713     * 绑定点击切换
1714     * 说明:
1715     * 1. 点击当前可见进度条第 N 段,跳转到第 N 张;
1716     * 2. 第三个参数固定为 true,强制按“绝对项索引”切换;
1717     * 3. 避免 Owl Navigation 插件把索引当分页索引处理,从而触发 start 读取异常。
1718     */
1719    progressGroup
1720        .off('click.homeHeroProgress keydown.homeHeroProgress')
1721        .on('click.homeHeroProgress', 'span', function (event) {
1722            var indicatorIndex = progressGroup.find('span').index(this);
1723            var clickedIndicator = $(this);
1724            if (indicatorIndex < 0) {
1725                return;
1726            }
1727
1728            event.preventDefault();
1729            homeHeroCarousel.trigger('to.owl.carousel', [indicatorIndex, 350, true]);
1730
1731            /*
1732             * 点击切换后立即收起提示文案
1733             * 说明:
1734             * 1. 主动 blur 防止点击后焦点常驻在 span;
1735             * 2. 同步移除预览态,避免“文字区域难以隐藏”。
1736             */
1737            window.requestAnimationFrame(function () {
1738                clickedIndicator.blur();
1739                progressGroup.removeClass('is-previewing');
1740            });
1741        })
1742        .on('keydown.homeHeroProgress', 'span', function (event) {
1743            if (event.key !== 'Enter' && event.key !== ' ') {
1744                return;
1745            }
1746
1747            event.preventDefault();
1748            $(this).trigger('click');
1749        });
1750
1751    /*
1752     * 首次兜底同步
1753     * 说明:若轮播先于本函数初始化,手动读取一次当前索引并同步。
1754     */
1755    syncHomeHeroProgressByIndex(getHomeHeroRelativeIndex());
1756    syncHomeHeroProgressLabelByIndex(getHomeHeroRelativeIndex());
1757}
1758
1759/*
1760 * 在窗口加载完成后绑定事件
1761 * 说明:
1762 * 1. 首次绑定覆盖大多数场景。
1763 * 2. 额外延时绑定一次,确保在慢网速或脚本延迟时依然生效。
1764 */
1765$(window).on('load', function () {
1766    bindHomeHeroProgressClick();
1767    setTimeout(function () {
1768        bindHomeHeroProgressClick();
1769    }, 500);
1770});
1771
1772// ------------------------------
1773</script>
1773
1774
1775
1776</body>
1777</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.