PageSourceSearch

https://joyn.cn/edutrip

html joyn.cn collected 2026-10-03 18:19:16 UTC 156,233 bytes, 2,607 lines download raw bytes

1<!DOCTYPE html>
2
3<html lang="en">
4
5
6
7<head>
8
9    <meta charset="utf-8">
10
11    <title>线路 - 脚印</title>
12
13    <meta http-equiv="X-UA-Compatible" content="IE=edge">
14
15    <meta content="width=device-width, initial-scale=1.0" name="viewport">
16
17    <meta name="renderer" content="webkit"><!--启用360浏览器的极速模式(webkit)-->
18
19    <meta name="screen-orientation" content="portrait"><!--竖屏-->
20
21    <meta name="x5-orientation" content="portrait"><!--QQ强制竖屏-->
22
23
24
25    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
26
27    <meta content="" name="description">
28
29    <meta content="" name="author">
30
31    <!-- 开始:全局样式 -->
32
33
34
35    <!--<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700&amp;subset=all' rel='stylesheet' type='text/css'> -->
36
37    <!--link href="/static/assets/plugins/socicon/socicon.css" rel="stylesheet" type="text/css" /-->
38
39    <link rel="stylesheet" href="//www.assets.joyncdn.com/static/kjoyn/css/bootstrapV4.6.2.min.css" type="text/css">
40
41    <!-- <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
42        integrity="sha512-SfTiTlX6kk+qitfevl/7LibUOeJWlt9rbyDn92a1DqWOw9vWG2MFoays0sgObmWazO5BQPiFucnnEAjpAB+/Sw=="
43        crossorigin="anonymous" referrerpolicy="no-referrer" /> -->
44
45    <link crossorigin="anonymous"
46        integrity="sha512-QKC1UZ/ZHNgFzVKSAhV5v5j73eeL9EEN289eKAEFaAjgAiobVAnVv/AGuPbXsKl1dNoel3kNr6PYnSiTzVVBCw=="
47        href="//lib.baomitu.com/simple-line-icons/2.5.5/css/simple-line-icons.min.css" rel="stylesheet">
48
49    <link href="//www.assets.joyncdn.com/static/assets/plugins/animate/animate.min.css" rel="stylesheet"
50        type="text/css">
51
52
53    <!-- 结束:全局样式 -->
54
55    <!-- 开始:基础插件 -->
56
57    <link href="//www.assets.joyncdn.com/static/assets/plugins/revo-slider/css/settings.min.css" rel="stylesheet"
58        type="text/css">
59
60    <link href="//www.assets.joyncdn.com/static/assets/plugins/revo-slider/css/layers.min.css" rel="stylesheet"
61        type="text/css">
62
63    <link href="//www.assets.joyncdn.com/static/assets/plugins/revo-slider/css/navigation.min.css" rel="stylesheet"
64        type="text/css">
65
66
67    <link href="./asset/plugins/owl-carousel/assets/owl.carousel.min.css" rel="stylesheet" type="text/css">
68
69    <link href="./asset/plugins/owl-carousel/assets/owl.theme.default.min.css" rel="stylesheet" type="text/css">
70
71    <!-- <link href="//cdn.bootcss.com/fancybox/2.1.5/jquery.fancybox.min.css" rel="stylesheet"> -->
72
73    <link href="//www.assets.joyncdn.com/static/assets/plugins/slider-for-bootstrap/css/slider.css" rel="stylesheet"
74        type="text/css">
75
76    <!-- 结束:基础插件 -->
77
78    <!-- 开始:页面样式 -->
79
80    <link href="//www.assets.joyncdn.com/static/assets/css/default/css/plugins.min.css" rel="stylesheet"
81        type="text/css">
82
83    <link href="//www.assets.joyncdn.com/static/assets/css/default/css/components.min.css" id="style_components"
84        rel="stylesheet" type="text/css">
85
86    <link href="//www.assets.joyncdn.com/static/assets/css/default/css/default.min.css" rel="stylesheet"
87        id="style_theme" type="text/css">
88
89    <link href="//www.assets.joyncdn.com/static/assets/css/default/css/custom.css" rel="stylesheet" type="text/css">
90
91    <link href="//cdn.bootcss.com/hover.css/2.1.1/css/hover-min.css" rel="stylesheet">
92
93    <link href="//www.assets.joyncdn.com/static/kjoyn/css/base.css" rel="stylesheet" type="text/css">
94
95    <link href="//www.assets.joyncdn.com/static/kjoyn/css/itineraries.css" rel="stylesheet" type="text/css">
96    <link href="./asset/css/main.css" rel="stylesheet" type="text/css">
97    <!-- <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"> -->
98    <!-- 结束:页面样式 -->
99
100
101
102
103
104    <link rel="shortcut icon" href="//www.assets.joyncdn.com/static/assets/base/img/favicon.ico">
105
106    <style type="text/css">
107        .fancybox-margin {
108
109            margin-right: 17px;
110
111        }
112    </style>
113
114</head>
115
116
117
118<body class="c-layout-header-fixed c-layout-header-mobile-fixed c-layout-header-fullscreen c-page-on-scroll">
119
120    <header class="c-layout-header c-layout-header-default c-layout-header-dark-mobile c-header-transparent-dark"
121        data-minimize-offset="65">
122        <nav class="navbar"
123            style="background-color: white; border-bottom:1px solid #c0c0c0; box-shadow: 0 0 4px 0 rgb(116, 116, 116);">
124            <a class="navbar-brand navbar-logo" href="index.html">
125                <img src="./asset/img/logo/kjoyn-logo.png" alt="">
126            </a>
127            <ul class="nav justify-content-end navbar-menu">
128                <li class="nav-item">
129                    <a class="nav-link active" href="/"><span data-i18n="home"></span></a>
130                </li>
131                <li class="nav-item">
132                    <a class="nav-link" href="academy"><span data-i18n="academy"></span></a>
133                </li>
134                <li class="nav-item">
135                    <a class="nav-link" href="edutrip"><span data-i18n="itineraries"></span></a>
136                </li>
137                <li class="nav-item">
138                    <a class="nav-link" href="adventure"><span data-i18n="expedition"></span></a>
139                </li>
140                <li class="nav-item">
141                    <a class="nav-link" href="ourService"><span data-i18n="service"></span></a>
142                </li>
143                <li class="nav-item">
144                    <a class="nav-link" href="about"><span data-i18n="about"></span></a>
145                </li>
146                <li class="nav-item" id="languageItem"></li>
147            </ul>
148            <!-- 结束: 菜单 -->
149
150        </nav>
151    </header>
152
153    <!-- 开始:页面内容 -->
154
155
156
157
158
159    <div class="c-layout-page" style="margin-top: 60px;">
160
161        <!-- 开始:Banner -->
162        <div class="banner-image-1" style="position: relative; width: 100%; height: 350px; overflow: hidden;">
163            <img src="./asset/img/content/banners/yanxue.jpg" class="banner-image-content"
164                style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;"
165                alt="探险背景图">
166        </div>
167
168        <div class="container">
169            <div class="dropdown row" id="dropdownMenuLink-Nav-p" style="padding-top: 10px;">
170                <a class="dropdown-toggle font-weight-bold h5 offset-md" href="#" role="button"
171                    id="dropdownMenuLink-Nav" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
172                    <span data-i18n="classic_study_tour"></span>
173                </a>
174                <ul class="dropdown-menu" aria-labelledby="dropdownMenuLink-Nav">
175                    <li><a class="dropdown-item" href="#top" onclick="smoothScrollTo('top')"><span
176                                data-i18n="classic_study_tour"></span></a></li>
177                    <li class="dropdown-submenu dropright">
178                        <a class="dropdown-item dropdown-toggle" data-toggle="dropdown" href="javascript:void(0)"><span
179                                data-i18n="continent_africa"></span></a>
180                        <ul class="dropdown-menu submenuClass">
181                            <li><a class="dropdown-item" href="#egypt-section"
182                                    onclick="smoothScrollTo('egypt-section')"><span
183                                        data-i18n="country_egypt"></span></a></li>
184                        </ul>
185                    </li>
186                    <li class="dropdown-submenu dropright">
187                        <a class="dropdown-item dropdown-toggle" href="javascript:void(0)"><span
188                                data-i18n="continent_asia"></span></a>
189                        <ul class="dropdown-menu submenuClass">
190                            <li><a class="dropdown-item" href="#japan-section"
191                                    onclick="smoothScrollTo('japan-section')"><span
192                                        data-i18n="country_japan"></span></a></li>
193                        </ul>
194                    </li>
195                    <li class="dropdown-submenu dropright">
196                        <a class="dropdown-item dropdown-toggle" href="javascript:void(0)"><span
197                                data-i18n="continent_europe"></span></a>
198                        <ul class="dropdown-menu submenuClass">
199                            <li><a class="dropdown-item" href="#germany-section"
200                                    onclick="smoothScrollTo('germany-section')"><span
201                                        data-i18n="country_germany"></span></a></li>
202                            <li><a class="dropdown-item" href="#france-section"
203                                    onclick="smoothScrollTo('france-section')"><span
204                                        data-i18n="country_france"></span></a></li>
205                            <li><a class="dropdown-item" href="#spain-section"
206                                    onclick="smoothScrollTo('spain-section')"><span
207                                        data-i18n="country_spain"></span></a></li>
208                            <li><a class="dropdown-item" href="#uk-section" onclick="smoothScrollTo('uk-section')"><span
209                                        data-i18n="country_uk"></span></a></li>
210                            <li><a class="dropdown-item" href="#portugal-section"
211                                    onclick="smoothScrollTo('portugal-section')"><span
212                                        data-i18n="country_portugal"></span></a></li>
213                            <li><a class="dropdown-item" href="#benelux-section"
214                                    onclick="smoothScrollTo('benelux-section')"><span
215                                        data-i18n="country_benelux"></span></a></li>
216                            <li><a class="dropdown-item" href="#italy-section"
217                                    onclick="smoothScrollTo('italy-section')"><span
218                                        data-i18n="country_italy"></span></a></li>
219                            <li><a class="dropdown-item" href="#greece-section"
220                                    onclick="smoothScrollTo('greece-section')"><span
221                                        data-i18n="country_greece"></span></a></li>
222                        </ul>
223                    </li>
224                    <li class="dropdown-submenu dropright">
225                        <a class="dropdown-item dropdown-toggle" href="javascript:void(0)"><span
226                                data-i18n="continent_north_america"></span></a>
227                        <ul class="dropdown-menu submenuClass">
228                            <li><a class="dropdown-item" href="#usa-section"
229                                    onclick="smoothScrollTo('usa-section')"><span data-i18n="country_usa"></span></a>
230                            </li>
231                        </ul>
232                    </li>
233                </ul>
234            </div>
235        </div>
236        <!-- 开始:热门研学标题 -->
237
238        <div class="c-content-title-1">
239
240            <h3 class="c-center c-font-bold" id="inineraries-title"><span data-i18n="itineratyLine"></span></h3>
241
242        </div>
243        <!-- 结束:热门研学标题 -->
244        <div id="itinerary-body">
245            <!-- 开始:埃及模块化区域 -->
246            <div class="c-content-box c-size-sm c-bg-white" id="egypt-section">
247                <div class="container">
248                    <div class="c-content-team-1-slider">
249                        <div class="dropdown dropright row" style="padding-top: 10px;">
250                            <a class="dropdown-toggle font-weight-bold h5 col
250-sm offset-md" href="#" role="button"
251                                id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
252                                <span data-i18n="continent_africa"></span>
253                            </a>
254                        </div>
255                        <div class="row">
256                            <div class="col-sm-4 offset-md-1">
257                                <h2 class="c-font-bold"><span data-i18n="modules_title_egypt"></span></h2>
258                                <ul class="c-font-16 city-modules" id="egypt-module-list">
259                                    <li><a name="egypt-module" class="city-modules-border-bottom"
260                                            href="javascript:void(0)" onclick="switchEgyptModule(this, 0)"><span
261                                                data-i18n="module_egypt_cairo"></span></a></li>
262                                    <li><a name="egypt-module" href="javascript:void(0)"
263                                            onclick="switchEgyptModule(this, 1)"><span
264                                                data-i18n="module_egypt_luxor_core"></span></a></li>
265                                    <li><a name="egypt-module" href="javascript:void(0)"
266                                            onclick="switchEgyptModule(this, 2)"><span
267                                                data-i18n="module_egypt_luxor_aswan"></span></a></li>
268                                    <li><a name="egypt-module" href="javascript:void(0)"
269                                            onclick="switchEgyptModule(this, 3)"><span
270                                                data-i18n="module_egypt_aswan"></span></a></li>
271                                    <li><a name="egypt-module" href="javascript:void(0)"
272                                            onclick="switchEgyptModule(this, 4)"><span
273                                                data-i18n="module_egypt_alexandria"></span></a></li>
274                                    <li><a name="egypt-module" href="javascript:void(0)"
275                                            onclick="switchEgyptModule(this, 5)"><span
276                                                data-i18n="module_egypt_suez"></span></a></li>
277                                </ul>
278                            </div>
279                            <div class="col-sm-6 offset-md justify-content-md-center">
280                                <div class="row justify-content-md-center"
281                                    style="margin-top: 30px; margin-bottom: 5px;">
282                                    <div class="col-10">
283                                        <p class="c-line-height-20"
284                                            style="text-align: left; font-weight: 600; font-size: 16px; color: #333;">
285                                            <span data-i18n="itinerary_features"></span>:
286                                        </p>
287                                        <p id="egypt-module-text" class="c-line-height-30"
288                                            style="font-size: 15px; line-height: 1.7; margin: 0;">
289                                            <strong><span data-i18n="itinerary_region"></span>:</strong><span
290                                                data-i18n="text_egypt_region"></span><br />
291                                            <strong><span data-i18n="itinerary_duration"></span>:</strong><span
292                                                data-i18n="text_egypt_duration"></span><br />
293                                            <strong><span data-i18n="itinerary_goal"></span>:</strong><span
294                                                data-i18n="text_egypt_goal"></span><br />
295                                            <strong><span data-i18n="itinerary_sites"></span>:</strong><span
296                                                data-i18n="text_egypt_sites"></span>
297                                        </p>
298                                    </div>
299                                    <div class="row justify-content-md-center" style="margin-bottom: 20px;">
300                                        <div class="col-md-12 c-center yanxue-more">
301                                            <a href="javascript:void(0)" id="egypt-detail-btn"
302                                                class="btn c-theme-btn c-btn-border-2x c-btn-square"
303                                                style="padding: 10px 70px;"><span data-i18n="btn_details"></span></a>
304                                        </div>
305                                    </div>
306                                </div>
307                            </div>
308                        </div>
309                    </div>
310                </div>
311            </div>
312
313            <!-- 开始:美国模块化区域 -->
314            <div class="c-content-box c-size-sm c-bg-grey-6" id="usa-section">
315                <div class="container">
316                    <div class="c-content-team-1-slider">
317                        <div class="dropdown dropright row" style="padding-top: 10px;">
318                            <a class="dropdown-toggle font-weight-bold h5 col
318-sm offset-md" href="#" role="button"
319                                id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
320                                <span data-i18n="continent_north_america"></span>
321                            </a>
322                        </div>
323                        <div class="row">
324                            <div class="col-sm-4 offset-md-1">
325                                <h2 class="c-font-bold"><span data-i18n="modules_title_usa"></span></h2>
326                                <ul class="c-font-16 city-modules" id="usa-module-list">
327                                    <li><a name="usa-module" class="city-modules-border-bottom"
328                                            href="javascript:void(0)" onclick="switchUSAModule(this, 0)"><span
329                                                data-i18n="module_usa_new_england"></span></a></li>
330                                    <li><a name="usa-module" href="javascript:void(0)"
331                                            onclick="switchUSAModule(this, 1)"><span
332                                                data-i18n="module_usa_nyc_philly"></span></a></li>
333                                    <li><a name="usa-module" href="javascript:void(0)"
334                                            onclick="switchUSAModule(this, 2)"><span
335                                                data-i18n="module_usa_dc"></span></a></li>
336                                    <li><a name="usa-module" href="javascript:void(0)"
337                                            onclick="switchUSAModule(this, 3)"><span
338                                                data-i18n="module_usa_orlando"></span></a></li>
339                                    <li><a name="usa-module" href="javascript:void(0)"
340                                            onclick="switchUSAModule(this, 4)"><span
341                                                data-i18n="module_usa_seattle"></span></a></li>
342                                    <li><a name="usa-module" href="javascript:void(0)"
343                                            onclick="switchUSAModule(this, 5)"><span
344                                                data-i18n="module_usa_sf_valley"></span></a></li>
345                                    <li><a name="usa-module" href="javascript:void(0)"
346                                            onclick="switchUSAModule(this, 6)"><span
347                                                data-i18n="module_usa_la_sd"></span></a></li>
348                                </ul>
349                            </div>
350                            <div class="col-sm-6 offset-md justify-content-md-center">
351                                <div class="row justify-content-md-center"
352                                    style="margin-top: 30px; margin-bottom: 5px;">
353                                    <div class="col-10">
354                                        <p class="c-line-height-20"
355                                            style="text-align: left; font-weight: 600; font-size: 16px; color: #333;">
356                                            <span data-i18n="itinerary_features"></span>:
357                                        </p>
358                                        <p id="usa-module-text" class="c-line-height-30" style="margin-top: 20px;">
359                                            <strong><span data-i18n="itinerary_region"></span>:</strong><span
360                                                data-i18n="usa_module_0_region"></span><br />
361                                            <strong><span data-i18n="itinerary_duration"></span>:</strong><span
362                                                data-i18n="usa_module_0_duration"></span><br />
363                                            <strong><span data-i18n="itinerary_goal"></span>:</strong><span
364                                                data-i18n="usa_module_0_goal"></span><br />
365                                            <strong><span data-i18n="itinerary_sites"></span>:</strong><span
366                                                data-i18n="usa_module_0_sites"></span>
367                                        </p>
368                                    </div>
369                                    <div class="row justify-content-md-center" style="margin-bottom: 20px;">
370                                        <div class="col-md-12 c-center yanxue-more">
371                                            <a href="javascript:void(0)" id="usa-detail-btn"
372                                                class="btn c-theme-btn c-btn-border-2x c-btn-square"
373                                                style="padding: 10px 70px;">
374                                                <span data-i18n="btn_details"></span>
375                                            </a>
376                                        </div>
377                                    </div>
378                                </div>
379                            </div>
380                        </div>
381                    </div>
382                </div>
383            </div>
384
385            <!-- 开始:日本模块化区域 -->
386            <div class="c-content-box c-size-sm c-bg-white" id="japan-section">
387                <div class="container">
388                    <div class="c-content-team-1-slider">
389                        <div class="dropdown dropright row" style="padding-top: 10px;">
390                            <a class="dropdown-toggle font-weight-bold h5 col-sm offset-md" href="#" role="button"
391                                id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
392                                <span data-i18n="continent_asia"></span>
393                            </a>
394                        </div>
395                        <div class="row">
396                            <div class="col-sm-4 offset-md-1">
397                                <h2 class="c-font-bold"><span data-i18n="modules_title_japan"></span></h2>
398                                <ul class="c-font-16 city-modules" id="japan-module-list">
399                                    <li><a name="japan-module" class="city-modules-border-bottom"
400                                            href="javascript:void(0)" onclick="switchJapanModule(this, 0)"><span
401                                                data-i18n="module_japan_kanto"></span></a></li>
402                                    <li><a name="japan-module" href="javascript:void(0)"
403                                            onclick="switchJapanModule(this, 1)"><span
404                                                data-i18n="module_japan_kansai"></span></a></li>
405                                    <li><a name="japan-module" href="javascript:void(0)"
406                                            onclick="switchJapanModule(this, 2)"><span
407                                                data-i18n="module_japan_chugoku"></span></a></li>
408                                    <li><a name="japan-module" href="javascript:void(0)"
409                                            onclick="switchJapanModule(this, 3)"><span
410                                                data-i18n="module_japan_tohoku"></span></a></li>
411                                    <li><a name="japan-module" href="javascript:void(0)"
412                                            onclick="switchJapanModule(this, 4)"><span
413                                                data-i18n="module_japan_hokkaido"></span></a></li>
414                                    <li><a name="japan-module" href="javascript:void(0)"
415                                            onclick="switchJapanModule(this, 5)"><span
416                                                data-i18n="module_japan_okinawa"></span></a></li>
417                                    <li><a name="japan-module" href="javascript:void(0)"
418                                            onclick="switchJapanModule(this, 6)"><span
419                                                data-i18n="module_japan_nagoya"></span></a></li>
420                                    <li><a name="japan-module" href="javascript:void(0)"
421                                            onclick="switchJapanModule(this, 7)"><span
422                                                data-i18n="module_japan_kyushu"></span></a></li>
423                                </ul>
424                            </div>
425                            <div class="col-sm-6 offset-md justify-content-md-center">
426                                <div class="row justify-content-md-center"
427                                    style="margin-top: 30px; margin-bottom: 5px;">
428                                    <div class="col-10">
429                                        <p class="c-line-height-20"
430                                            style="text-align: left; font-weight: 600; font-size: 16px; color: #333;">
431                                            <span data-i18n="itinerary_features"></span>:
432                                        </p>
433                                        <p id="japan-module-text" class="c-line-height-30"
434                                            style="font-size: 15px; line-height: 1.7; margin: 0;">
435                                            <strong><span data-i18n="itinerary_region"></span>:</strong><span
436                                                data-i18n="japan_module_0_region"></span><br />
437                                            <strong><span data-i18n="itinerary_duration"></span>:</strong><span
438                                                data-i18n="japan_module_0_duration"></span><br />
439                                            <strong><span data-i18n="itinerary_goal"></span>:</strong><span
440                                                data-i18n="japan_module_0_goal"></span><br />
441                                            <strong><span data-i18n="itinerary_sites"></span>:</strong><span
442                                                data-i18n="japan_module_0_sites"></span>
443                                        </p>
444                                    </div>
445                                    <div class="row justify-content-md-center" style="margin-bottom: 20px;">
446                                        <div class="col-md-12 c-center yanxue-more">
447                                            <a href="javascript:void(0)" id="japan-detail-btn"
448                                                class="btn c-theme-btn c-btn-border-2x c-btn-square"
449                                                style="padding: 10px 70px;"><span data-i18n="btn_details"></span></a>
450                                        </div>
451                                    </div>
452                                </div>
453                            </div>
454                        </div>
455                    </div>
456                </div>
457            </div>
458
459            <!-- 开始:英国模块化区域 -->
460            <div class="c-content-box c-size-sm c-bg-grey-6" id="uk-section">
461                <div class="container">
462                    <div class="c-content-team-1-slider">
463                        <div class="dropdown dropright row" style="padding-top: 10px;">
464                            <a class="dropdown-toggle font-weight-bold h5 col-sm offset-md" href="#" role="button"
465                                id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
466                                <span data-i18n="continent_europe"></span>
467                            </a>
468                        </div>
469                        <div class="row">
470                            <div class="col-sm-4 offset-md-1">
471                                <h2 class="c-font-bold"><span data-i18n="modules_title_uk"></span></h2>
472                                <ul class="c-font-16 city-modules" id="uk-module-list">
473                                    <li><a name="uk-module" class="city-modules-border-bottom" href="javascript:void(0)"
474                                            onclick="switchUKModule(this, 0)"><span
475                                                data-i18n="module_uk_england"></span></a></li>
476                                    <li><a name="uk-module" href="javascript:void(0)"
477                                            onclick="switchUKModule(this, 1)"><span
478                                                data-i18n="module_uk_scotland"></span></a></li>
479                                    <li><a name="uk-module" href="javascript:void(0)"
480                                            onclick="switchUKModule(this, 2)"><span
481                                                data-i18n="module_uk_wales"></span></a></li>
482                                    <li><a name="uk-module" href="javascript:void(0)"
483                                            onclick="switchUKModule(this, 3)"><span data-i18n="module_uk_ni"></span></a>
484                                    </li>
485                                </ul>
486                            </div>
487                            <div class="col-sm-6 offset-md justify-content-md-center">
488                                <div class="row justify-content-md-center"
489                                    style="margin-top: 30px; margin-bottom: 5px;">
490                                    <div class="col-10">
491                                        <p class="c-line-height-20"
492                                            style="text-align: left; font-weight: 600; font-size: 16px; color: #333;">
493                                            <span data-i18n="itinerary_features"></span>:
494                                        </p>
495                                        <p id="uk-module-text" class="c-line-height-30"
496                                            style="font-size: 15px; line-height: 1.7; margin: 0;">
497                                            <strong><span data-i18n="itinerary_region"></span>:</strong><span
498                                                data-i18n="uk_module_0_region"></span><br />
499                                            <strong><span data-i18n="itinerary_duration"></span>:</strong><span
500                                                data-i18n="uk_module_0_duration"></span><br />
501                                            <strong><span data-i18n="itinerary_goal"></span>:</strong><span
502                                                data-i18n="uk_module_0_goal"></span><br />
503                                            <strong><span data-i18n="itinerary_sites"></span>:</strong><span
504                                                data-i18n="uk_module_0_sites"></span>
505                                        </p>
506                                    </div>
507                                    <div class="row justify-content-md-center" style="margin-bottom: 20px;">
508                                        <div class="col-md-12 c-center yanxue-more">
509                                            <a href="javascript:void(0)" id="uk-detail-btn"
510                                                class="btn c-theme-btn c-btn-border-2x c-btn-square"
511                                                style="padding: 10px 70px;"><span data-i18n="btn_details"></span></a>
512                                        </div>
513                                    </div>
514                                </div>
515                            </div>
516                        </div>
517                    </div>
518                </div>
519            </div>
520
521            <!-- 开始:西班牙模块化区域 -->
522            <div class="c-content-box c-size-sm c-bg-white" id="spain-section">
523                <div class="container">
524                    <div class="c-content-team-1-slider">
525                        <div class="row">
526                            <div class="col-sm-4 offset-md-1">
527                                <h2 class="c-font-bold"><span data-i18n="modules_title_spain"></span></h2>
528                                <ul class="c-font-16 city-modules" id="spain-module-list">
529                                    <li><a name="spain-module" class="city-modules-border-bottom"
530                                            href="javascript:void(0)" onclick="switchSpainModule(this, 0)"><span
531                                                data-i18n="module_spain_castile"></span></a></li>
532                                    <li><a name="spain-module" href="javascript:void(0)"
533                                            onclick="switchSpainModule(this, 1)"><span
534                                                data-i18n="module_spain_aragon"></span></a></li>
535                                    <li><a name="spain-module" href="javascript:void(0)"
536                                            onclick="switchSpainModule(this, 2)"><span
537                                                data-i18n="module_spain_navarra_basque"></span></a></li>
538                                    <li><a name="spain-module" href="javascript:void(0)"
539                                            onclick="switchSpainModule(this, 3)"><span
540                                                data-i18n="module_spain_andalusia"></span></a></li>
541                                </ul>
542                            </div>
543                            <div class="col-sm-6 offset-md justify-content-md-center">
544                                <div class="row justify-content-md-center"
545                                    style="margin-top: 30px; margin-bottom: 5px;">
546                                    <div class="col-10">
547                                        <p class="c-line-height-20"
548                                            style="text-align: left; font-weight: 600; font-size: 16px; color: #333;">
549                                            <span data-i18n="itinerary_features"></span>:
550                                        </p>
551                                        <p id="spain-module-text" class="c-line-height-30"
552                                            style="font-size: 15px; line-height: 1.7; margin: 0;">
553                                            <strong><span data-i18n="itinerary_region"></span>:</strong><span
554                                                data-i18n="spain_module_0_region"></span><br />
555                                            <strong><span data-i18n="itinerary_duration"></span>:</strong><span
556                                                data-i18n="spain_module_0_duration"></span><br />
557                                            <strong><span data-i18n="itinerary_goal"></span>:</strong><span
558                                                data-i18n="spain_module_0_goal"></span><br />
559                                            <strong><span data-i18n="itinerary_sites"></span>:</strong><span
560                                                data-i18n="spain_module_0_sites"></span>
561                                        </p>
562                                    </div>
563                                    <div class="row justify-content-md-center" style="margin-bottom: 20px;">
564                                        <div class="col-md-12 c-center yanxue-more">
565                                            <a href="javascript:void(0)" id="spain-detail-btn"
566                                                class="btn c-theme-btn c-btn-border-2x c-btn-square"
567                                                style="padding: 10px 70px;"><span data-i18n="btn_details"></span></a>
568                                        </div>
569                                    </div>
570                                </div>
571                            </div>
572                        </div>
573                    </div>
574                </div>
575            </div>
576
577            <!-- 开始:葡萄牙模块化区域 -->
578            <div class="c-content-box c-size-sm c-bg-grey-6" id="portugal-section">
579                <div class="container">
580                    <div class="c-content-team-1-slider">
581                        <div class="row">
582                            <div class="col-sm-4 offset-md-1">
583                                <h2 class="c-font-bold"><span data-i18n="modules_title_portugal"></span></h2>
584                                <ul class="c-font-16 city-modules" id="portugal-module-list">
585                                    <li><a name="portugal-module" class="city-modules-border-bottom"
586                                            href="javascript:void(0)" onclick="switchPortugalModule(this, 0)"><span
587                                                data-i18n="module_portugal_lisbon"></span></a></li>
588                                    <li><a name="portugal-module" href="javascript:void(0)"
589                                            onclick="switchPortugalModule(this, 1)"><span
590                                                data-i18n="module_portugal_sintra"></span></a></li>
591                                    <li><a name="portugal-module" href="javascript:void(0)"
592                                            onclick="switchPortugalModule(this, 2)"><span
593                                                data-i18n="module_portugal_coimbra"></span></a></li>
594                                    <li><a name="portugal-module" href="javascript:void(0)"
595                                            onclick="switchPortugalModule(this, 3)"><span
596                                                data-i18n="module_portugal_porto"></span></a></li>
597                                </ul>
598                            </div>
599                            <div class="col-sm-6 offset-md justify-content-md-center">
600                                <div class="row justify-content-md-center"
601                                    style="margin-top: 30px; margin-bottom: 5px;">
602                                    <div class="col-10">
603                                        <p class="c-line-height-20"
604                                            style="text-align: left; font-weight: 600; font-size: 16px; color: #333;">
605                                            <span data-i18n="itinerary_features"></span>:
606                                        </p>
607                                        <p id="portugal-module-text" class="c-line-height-30"
608                                            style="font-size: 15px; line-height: 1.7; margin: 0;">
609                                            <strong><span data-i18n="itinerary_region"></span>:</strong><span
610                                                data-i18n="portugal_module_0_region"></span><br />
611                                            <strong><span data-i18n="itinerary_duration"></span>:</strong><span
612                                                data-i18n="portugal_module_0_duration"></span><br />
613                                            <strong><span data-i18n="itinerary_goal"></span>:</strong><span
614                                                data-i18n="portugal_module_0_goal"></span><br />
615                                            <strong><span data-i18n="itinerary_sites"></span>:</strong><span
616                                                data-i18n="portugal_module_0_sites"></span>
617                                        </p>
618                                    </div>
619                                    <div class="row justify-content-md-center" style="margin-bottom: 20px;">
620                                        <div class="col-md-12 c-center yanxue-more">
621                                            <a href="javascript:void(0)" id="portugal-detail-btn"
622                                                class="btn c-theme-btn c-btn-border-2x c-btn-square"
623                                                style="padding: 10px 70px;"><span data-i18n="btn_details"></span></a>
624                                        </div>
625                                    </div>
626                                </div>
627                            </div>
628                        </div>
629                    </div>
630                </div>
631            </div>
632
633            <!-- 开始:法国模块化区域 -->
634            <div class="c-content-box c-size-sm c-bg-white" id="france-section">
635                <div class="container">
636                    <div class="c-content-team-1-slider">
637                        <div class="row">
638                            <div class="col-sm-4 offset-md-1">
639                                <h2 class="c-font-bold"><span data-i18n="modules_title_france"></span></h2>
640                                <ul class="c-font-16 city-modules" id="france-module-list">
641                                    <li><a name="france-module" class="city-modules-border-bottom"
642                                            href="javascript:void(0)" onclick="switchFranceModule(this, 0)"><span
643                                                data-i18n="module_france_paris"></span></a></li>
644                                    <li><a name="france-module" href="javascript:void(0)"
645                                            onclick="switchFranceModule(this, 1)"><span
646                                                data-i18n="module_france_normandy"></span></a></li>
647                                    <li><a name="france-module" href="javascript:void(0)"
648                                            onclick="switchFranceModule(this, 2)"><span
649                                                data-i18n="module_france_loire_provence"></span></a></li>
650                                    <li><a name="france-module" href="javascript:void(0)"
651                                            onclick="switchFranceModule(this, 3)"><span
652                                                data-i18n="module_france_lyon"></span></a></li>
653                                    <li><a name="france-module" href="javascript:void(0)"
654                                            onclick="switchFranceModule(this, 4)"><span
655                                                data-i18n="module_france_alsace"></span></a></li>
656                                    <li><a name="france-module" href="javascript:void(0)"
657                                            onclick="switchFranceModule(this, 5)"><span
658                                                data-i18n="module_france_toulouse"></span></a></li>
659                                    <li><a name="france-module" href="javascript:void(0)"
660                                            onclick="switchFranceModule(this, 6)"><span
661                                                data-i18n="module_france_marseille"></span></a></li>
662                                    <li><a name="france-module" href="javascript:void(0)"
663                                            onclick="switchFranceModule(this, 7)"><span
664                                                data-i18n="module_france_nice"></span></a></li>
665                                </ul>
666                            </div>
667                            <div class="col-sm-6 offset-md justify-content-md-center">
668                                <div class="row justify-content-md-center"
669                                    style="margin-top: 30px; margin-bottom: 5px;">
670                                    <div class="col-10">
671                                        <p class="c-line-height-20"
672                                            style="text-align: left; font-weight: 600; font-size: 16px; color: #333;">
673                                            <span data-i18n="itinerary_features"></span>:
674                                        </p>
675                                        <p id="france-module-text" class="c-line-height-30"
676                                            style="font-size: 15px; line-height: 1.7; margin: 0;">
677                                            <strong><span data-i18n="itinerary_region"></span>:</strong><span
678                                                data-i18n="france_module_0_region"></span><br />
679                                            <strong><span data-i18n="itinerary_duration"></span>:</strong><span
680                                                data-i18n="france_module_0_duration"></span><br />
681                                            <strong><span data-i18n="itinerary_goal"></span>:</strong><span
682                                                data-i18n="france_module_0_goal"></span><br />
683                                            <strong><span data-i18n="itinerary_sites"></span>:</strong><span
684                                                data-i18n="france_module_0_sites"></span>
685                                        </p>
686                                    </div>
687                                    <div class="row justify-content-md-center" style="margin-bottom: 20px;">
688                                        <div class="col-md-12 c-center yanxue-more">
689                                            <a href="javascript:void(0)" id="france-detail-btn"
690                                                class="btn c-theme-btn c-btn-border-2x c-btn-square"
691                                                style="padding: 10px 70px;"><span data-i18n="btn_details"></span></a>
692                                        </div>
693                                    </div>
694                                </div>
695                            </div>
696                        </div>
697                    </div>
698                </div>
699            </div>
700
701            <!-- 开始:比利时与荷兰模块化区域 -->
702            <div class="c-content-box c-size-sm c-bg-grey-6" id="benelux-section">
703                <div class="container">
704                    <div class="c-content-team-1-slider">
705                        <div class="row">
706                            <div class="col-sm-4 offset-md-1">
707                                <h2 class="c-font-bold"><span data-i18n="modules_title_benelux"></span></h2>
708                                <ul class="c-font-16 city-modules" id="benelux-module-list">
709                                    <li><a name="benelux-module" class="city-modules-border-bottom"
710                                            href="javascript:void(0)" onclick="switchBeneluxModule(this, 0)"><span
711                                                data-i18n="module_benelux_unity"></span></a></li>
712                                    <li><a name="benelux-module" href="javascript:void(0)"
713                                            onclick="switchBeneluxModule(this, 1)"><span
714                                                data-i18n="module_benelux_flemish_art"></span></a></li>
715                                    <li><a name="benelux-module" href="javascript:void(0)"
716                                            onclick="switchBeneluxModule(this, 2)"><span
717                                                data-i18n="module_benelux_dutch_golden_age"></span></a></li>
718                                    <li><a name="benelux-module" href="javascript:void(0)"
719                                            onclick="switchBeneluxModule(this, 3)"><span
720                                                data-i18n="module_benelux_pilgrims"></span></a></li>
721                                    <li><a name="benelux-module" href="javascript:void(0)"
722                                            onclick="switchBeneluxModule(this, 4)"><span
723                                                data-i18n="module_benelux_water"></span></a></li>
724                                    <li><a name="benelux-module" href="javascript:void(0)"
725                                            onclick="switchBeneluxModule(this, 5)"><span
726                                                data-i18n="module_benelux_innovation"></span></a></li>
727                                </ul>
728                            </div>
729                            <div class="col-sm-6 offset-md justify-content-md-center">
730                                <div class="row justify-content-md-center"
731                                    style="margin-top: 30px; margin-bottom: 5px;">
732                                    <div class="col-10">
733                                        <p class="c-line-height-20"
734                                            style="text-align: left; font-weight: 600; font-size: 16px; color: #333;">
735                                            <span data-i18n="itinerary_features"></span>:
736                                        </p>
737                                        <p id="benelux-module-text" class="c-line-height-30"
738                                            style="font-size: 15px; line-height: 1.7; margin: 0;">
739                                            <strong><span data-i18n="itinerary_region"></span>:</strong><span
740                                                data-i18n="benelux_module_0_region"></span><br />
741                                            <strong><span data-i18n="itinerary_duration"></span>:</strong><span
742                                                data-i18n="benelux_module_0_duration"></span><br />
743                                            <strong><span data-i18n="itinerary_goal"></span>:</strong><span
744                                                data-i18n="benelux_module_0_goal"></span><br />
745                                            <strong><span data-i18n="itinerary_sites"></span>:</strong><span
746                                                data-i18n="benelux_module_0_sites"></span>
747                                        </p>
748                                    </div>
749                                    <div class="row justify-content-md-center" style="margin-bottom: 20px;">
750                                        <div class="col-md-12 c-center yanxue-more">
751                                            <a href="javascript:void(0)" id="benelux-detail-btn"
752                                                class="btn c-theme-btn c-btn-border-2x c-btn-square"
753                                                style="padding: 10px 70px;"><span data-i18n="btn_details"></span></a>
754                                        </div>
755                                    </div>
756                                </div>
757                            </div>
758                        </div>
759                    </div>
760                </div>
761            </div>
762
763            <!-- 开始:德国模块化区域 -->
764            <div class="c-content-box c-size-sm c-bg-white" id="germany-section">
765                <div class="container">
766                    <div class="c-content-team-1-slider">
767                        <div class="row">
768                            <div class="col-sm-4 offset-md-1">
769                                <h2 class="c-font-bold"><span data-i18n="modules_title_germany"></span></h2>
770                                <ul class="c-font-16 city-modules" id="germany-module-list">
771                                    <li><a name="germany-module" class="city-modules-border-bottom"
772                                            href="javascript:void(0)" onclick="switchGermanyModule(this, 0)"><span
773                                                data-i18n="module_germany_berlin_potsdam"></span></a></li>
774                                    <li><a name="germany-module" href="javascript:void(0)"
775                                            onclick="switchGermanyModule(this, 1)"><span
776                                                data-i18n="module_germany_bavaria"></span></a></li>
777                                    <li><a name="germany-module" href="javascript:void(0)"
778                                            onclick="switchGermanyModule(this, 2)"><span
779                                                data-i18n="module_germany_stuttgart_frankfurt"></span></a></li>
780                                    <li><a name="germany-module" href="javascript:void(0)"
781                                            onclick="switchGermanyModule(this, 3)"><span
782                                                data-i18n="module_germany_heidelberg_nuremberg"></span></a></li>
783                                    <li><a name="germany-module" href="javascript:void(0)"
784                                            onclick="switchGermanyModule(this, 4)"><span
785                                                data-i18n="module_germany_dresden_cologne_hamburg"></span></a></li>
786                                </ul>
787                            </div>
788                            <div class="col-sm-6 offset-md justify-content-md-center">
789                                <div class="row justify-content-md-center"
790                                    style="margin-top: 30px; margin-bottom: 5px;">
791                                    <div class="col-10">
792                                        <p class="c-line-height-20"
793                                            style="text-align: left; font-weight: 600; font-size: 16px; color: #333;">
794                                            <span data-i18n="itinerary_features"></span>:
795                                        </p>
796                                        <p id="germany-module-text" class="c-line-height-30"
797                                            style="font-size: 15px; line-height: 1.7; margin: 0;">
798                                            <strong><span data-i18n="itinerary_region"></span>:</strong><span
799                                                data-i18n="germany_module_0_region"></span><br />
800                                            <strong><span data-i18n="itinerary_duration"></span>:</strong><span
801                                                data-i18n="germany_module_0_duration"></span><br />
802                                            <strong><span data-i18n="itinerary_goal"></span>:</strong><span
803                                                data-i18n="germany_module_0_goal"></span><br />
804                                            <strong><span data-i18n="itinerary_sites"></span>:</strong><span
805                                                data-i18n="germany_module_0_sites"></span>
806                                        </p>
807                                    </div>
808                                    <div class="row justify-content-md-center" style="margin-bottom: 20px;">
809                                        <div class="col-md-12 c-center yanxue-more">
810                                            <a href="javascript:void(0)" id="germany-detail-btn"
811                                                class="btn c-theme-btn c-btn-border-2x c-btn-square"
812                                                style="padding: 10px 70px;"><span data-i18n="btn_details"></span></a>
813                                        </div>
814                                    </div>
815                                </div>
816                            </div>
817                        </div>
818                    </div>
819                </div>
820            </div>
821
822            <!-- 开始:意大利模块化区域 -->
823            <div class="c-content-box c-size-sm c-bg-grey-6" id="italy-section">
824                <div class="container">
825                    <div class="c-content-team-1-slider">
826                        <div class="row">
827                            <div class="col-sm-4 offset-md-1">
828                                <h2 class="c-font-bold"><span data-i18n="modules_title_italy"></span></h2>
829                                <ul class="c-font-16 city-modules" id="italy-module-list">
830                                    <li><a name="italy-module" class="city-modules-border-bottom"
831                                            href="javascript:void(0)" onclick="switchItalyModule(this, 0)"><span
832                                                data-i18n="module_italy_rome_vatican"></span></a></li>
833                                    <li><a name="italy-module" href="javascript:void(0)"
834                                            onclick="switchItalyModule(this, 1)"><span
835                                                data-i18n="module_italy_naples_pompeii"></span></a></li>
836                                    <li><a name="italy-module" href="javascript:void(0)"
837                                            onclick="switchItalyModule(this, 2)"><span
838                                                data-i18n="module_italy_florence_siena_pisa"></span></a></li>
839                                    <li><a name="italy-module" href="javascript:void(0)"
840                                            onclick="switchItalyModule(this, 3)"><span
841                                                data-i18n="module_italy_assisi"></span></a></li>
842                                    <li><a name="italy-module" href="javascript:void(0)"
843                                            onclick="switchItalyModule(this, 4)"><span
844                                                data-i18n="module_italy_bologna_ferrari"></span></a></li>
845                                    <li><a name="italy-module" href="javascript:void(0)"
846                                            onclick="switchItalyModule(this, 5)"><span
847                                                data-i18n="module_italy_venice_verona"></span></a></li>
848                                    <li><a name="italy-module" href="javascript:void(0)"
849                                            onclick="switchItalyModule(this, 6)"><span
850                                                data-i18n="module_italy_milan_turin_genoa"></span></a></li>
851                                    <li><a name="italy-module" href="javascript:void(0)"
852                                            onclick="switchItalyModule(this, 7)"><span
853                                                data-i18n="module_italy_trumoli"></span></a></li>
854                                    <li><a name="italy-module" href="javascript:void(0)"
855                                            onclick="switchItalyModule(this, 8)"><span
856                                                data-i18n="module_italy_sicily"></span></a></li>
857                                </ul>
858                            </div>
859                            <div class="col-sm-6 offset-md justify-content-md-center">
860                                <div class="row justify-content-md-center"
861                                    style="margin-top: 30px; margin-bottom: 5px;">
862                                    <div class="col-10">
863                                        <p class="c-line-height-20"
864                                            style="text-align: left; font-weight: 600; font-size: 16px; color: #333;">
865                                            <span data-i18n="itinerary_features"></span>:
866                                        </p>
867                                        <p id="italy-module-text" class="c-line-height-30"
868                                            style="font-size: 15px; line-height: 1.7; margin: 0;">
869                                            <strong><span data-i18n="itinerary_region"></span>:</strong><span
870                                                data-i18n="italy_module_0_region"></span><br />
871                                            <strong><span data-i18n="itinerary_duration"></span>:</strong><span
872                                                data-i18n="italy_module_0_duration"></span><br />
873                                            <strong><span data-i18n="itinerary_goal"></span>:</strong><span
874                                                data-i18n="italy_module_0_goal"></span><br />
875                                            <strong><span data-i18n="itinerary_sites"></span>:</strong><span
876                                                data-i18n="italy_module_0_sites"></span>
877                                        </p>
878                                    </div>
879                                    <div class="row justify-content-md-center" style="margin-bottom: 20px;">
880                                        <div class="col-md-12 c-center yanxue-more">
881                                            <a href="javascript:void(0)" id="italy-detail-btn"
882                                                class="btn c-theme-btn c-btn-border-2x c-btn-square"
883                                                style="padding: 10px 70px;"><span data-i18n="btn_details"></span></a>
884                                        </div>
885                                    </div>
886                                </div>
887                            </div>
888                        </div>
889                    </div>
890                </div>
891            </div>
892
893            <!-- 开始:希腊模块化区域 -->
894            <div class="c-content-box c-size-sm c-bg-white" id="greece-section">
895                <div class="container">
896                    <div class="c-content-team-1-slider">
897                        <div class="row">
898                            <div class="col-sm-4 offset-md-1">
899                                <h2 class="c-font-bold"><span data-i18n="modules_title_greece"></span></h2>
900                                <ul class="c-font-16 city-modules" id="greece-module-list">
901                                    <li><a name="greece-module" class="city-modules-border-bottom"
902                                            href="javascript:void(0)" onclick="switchGreeceModule(this, 0)"><span
903                                                data-i18n="module_greece_athens_sounion"></span></a></li>
904                                    <li><a name="greece-module" href="javascript:void(0)"
905                                            onclick="switchGreeceModule(this, 1)"><span
906                                                data-i18n="module_greece_thessaloniki"></span></a></li>
907                                    <li><a name="greece-module" href="javascript:void(0)"
908                                            onclick="switchGreeceModule(this, 2)"><span
909                                                data-i18n="module_greece_central_meteora"></span></a></li>
910                                    <li><a name="greece-module" href="javascript:void(0)"
911                                            onclick="switchGreeceModule(this, 3)"><span
912                                                data-i18n="module_greece_peloponnese"></span></a></li>
913                                    <li><a name="greece-module" href="javascript:void(0)"
914                                            onclick="switchGreeceModule(this, 4)"><span
915                                                data-i18n="module_greece_crete"></span></a></li>
916                                    <li><a name="greece-module" href="javascript:void(0)"
917                                            onclick="switchGreeceModule(this, 5)"><span
918                                                data-i18n="module_greece_santorini"></span></a></li>
919                                </ul>
920                            </div>
921                            <div class="col-sm-6 offset-md justify-content-md-center">
922                                <div class="row justify-content-md-center"
923                                    style="margin-top: 30px; margin-bottom: 5px;">
924                                    <div class="col-10">
925                                        <p class="c-line-height-20"
926                                            style="text-align: left; font-weight: 600; font-size: 16px; color: #333;">
927                                            <span data-i18n="itinerary_features"></span>:
928                                        </p>
929                                        <p id="greece-module-text" class="c-line-height-30"
930                                            style="font-size: 15px; line-height: 1.7; margin: 0;">
931                                            <strong><span data-i18n="itinerary_region"></span>:</strong><span
932                                                data-i18n="greece_module_0_region"></span><br />
933                                            <strong><span data-i18n="itinerary_duration"></span>:</strong><span
934                                                data-i18n="greece_module_0_duration"></span><br />
935                                            <strong><span data-i18n="itinerary_goal"></span>:</strong><span
936                                                data-i18n="greece_module_0_goal"></span><br />
937                                            <strong><span data-i18n="itinerary_sites"></span>:</strong><span
938                                                data-i18n="greece_module_0_sites"></span>
939                                        </p>
940                                    </div>
941                                    <div class="row justify-content-md-center" style="margin-bottom: 20px;">
942                                        <div class="col-md-12 c-center yanxue-more">
943                                            <a href="javascript:void(0)" id="greece-detail-btn"
944                                                class="btn c-theme-btn c-btn-border-2x c-btn-square"
945                                                style="padding: 10px 70px;"><span data-i18n="btn_details"></span></a>
946                                        </div>
947                                    </div>
948                                </div>
949                            </div>
950                        </div>
951                    </div>
952                </div>
953            </div>
954        </div>
955    </div>
956
957
958
959
960    <!-- 结束:页面内容 -->
961
962    <!-- 开始:页尾 -->
963
964    <a name="footer"></a>
965    <!-- 页脚 -->
966    <footer class="c-layout-footer c-layout-footer-3 c-bg-dark">
967        <div class="c-prefooter">
968            <div class="container-fluid c-margin-t-30">
969                <div class="row">
970                    <div class="col-md-3 col-sm-12">
971                        <div class="c-container c-first">
972                            <div class="c-content-title-1">
973                                <img class="lazy"
974                                    data-src="http://www.assets.joyncdn.com/static/assets/base/img/logos/logo-zh-80.png"
975                                    alt="JOYN"
976                                    src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
977                                <p class="c-text c-font-grey-5" data-i18n="footer_slogan">梦想是一步一个脚印点燃的!</p>
978                            </div>
979                        </div>
980                    </div>
981                    <div class="col-md-2 col-sm-12">
982                        <div class="c-container">
983                            <div class="c-content-title-1">
984                                <h4 class="c-font-uppercase c-font-white" data-i18n="footer_service_academy">我们的服务</h4>
985                                <div class="c-line-left hide"></div>
986                            </div>
987                            <ul class="c-links">
988                                <li><a href="academy.html" data-i18n="footer_service_academy">脚印学院</a></li>
989                                <li><a href="itineraries.html" data-i18n="footer_service_itineraries">脚印研学</a></li>
990                                <li><a href="adventure.html" data-i18n="footer_service_expedition">脚印探险</a></li>
991                            </ul>
992                        </div>
993                    </div>
994                    <div class="col-md-2 col-sm-12">
995                        <div class="c-container">
996                            <div class="c-content-title-1">
997                                <h4 class="c-font-uppercase c-font-white" data-i18n="footer_about_join">了解与加入</h4>
998                                <div class="c-line-left hide"></div>
999                            </div>
1000                            <ul class="c-links">
1001                                <li><a href="about.html" data-i18n="footer_about"></a></li>
1002                                <li><a href="about.html" data-i18n="footer_team"></a></li>
1003                                <li><a href="about.html" data-i18n="footer_contact"></a></li>
1004                            </ul>
1005                        </div>
1006                    </div>
1007                    <div class="col-md-3 col-sm-12">
1008                        <div class="c-container">
1009                            <ul class="c-links">
1010                                <li>
1011                                    <p class="c-font-uppercase"><i
1012                                            class="fa fa-envelope-o c-font-16"></i>&nbsp;&nbsp;<span
1013                                            data-i18n="footer_email_general">[email protected]</span></p>
1014                                </li>
1015                            </ul>
1016                        </div>
1017                    </div>
1018                </div>
1019            </div>
1020        </div>
1021        <div class="c-postfooter">
1022            <div class="container-fluid">
1023                <div class="row">
1024                    <div class="col-md-12 c-col c-center">
1025                        <p class="c-copyright c-font-grey">
1026                            <a href="http://www.beian.miit.gov.cn" target="_blank"
1027                                style="color: white; line-height: 10px;" data-i18n="footer_copyright">
1028                                脚印公司 © 版权所有&nbsp;&nbsp;沪ICP备11031312号
1029                            </a>
1030                        </p>
1031                    </div>
1032                </div>
1033            </div>
1034        </div>
1035    </footer>
1036    <!-- 结束:页尾 -->
1037
1038    <!-- 开始:快速回到页首 -->
1039    <div class="c-layout-go2top" style="display: none;">
1040        <i class="icon-arrow-up"></i>
1041    </div>
1042
1043    <!-- 结束:快速回到页首 -->
1044
1045
1046
1047    <!--[if lt IE 9]>
1048
1049    <![endif]-->
1050    
1050<script src="//www.assets.joyncdn.com/static/js/jquery-3.7.1.min.js"></script>
1050
1051    
1051<script src="//cdn.staticfile.net/popper.js/1.15.0/umd/popper.min.js"></script>
1051
1052    <!-- 
1052<script src="//cdn.staticfile.net/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
1052 -->
1053    
1053<script src="./asset/plugins/bootstrap-4.6.2-dist/js/bootstrap.min.js"></script>
1053
1054    
1054<script src="./asset/js/jquery-migrate.min.js"></script>
1054
1055    
1055<script src="./asset/js/jquery.easing.min.js"></script>
1055
1056    
1056<script src="./asset/js/base.js" type="text/javascript"></script>
1056
1057    
1057<script src="./asset/js/i18next.min.js"></script>
1057
1058    
1058<script src="./asset/js/jquery-i18next.min.js"></script>
1058
1059    
1059<script src="./asset/js/i18nextHttpBackend.min.js"></script>
1059
1060
1061    
1061<script src="./asset/js/i18nextBrowserLanguageDetector.min.js"></script>
1061
1062    
1062<script src="//www.assets.joyncdn.com/static/assets/plugins/reveal-animate/wow.js" type="text/javascript"></script>
1062
1063
1064    
1064<script src="//www.assets.joyncdn.com/static/assets/css/default/js/scripts/reveal-animate/reveal-animate.js"
1065        type="text/javascript"></script>
1065
1066
1067    <!-- END: CORE PLUGINS -->
1068
1069    <!-- BEGIN: LAYOUT PLUGINS -->
1070
1071    
1071<script src="//www.assets.joyncdn.com/static/assets/plugins/revo-slider/js/jquery.themepunch.tools.min.js"
1072        type="text/javascript"></script>
1072
1073
1074    
1074<script src="//www.assets.joyncdn.com/static/assets/plugins/revo-slider/js/jquery.themepunch.revolution.min.js"
1075        type="text/javascript"></script>
1075
1076
1077    
1077<script
1078        src="//www.assets.joyncdn.com/static/assets/plugins/revo-slider/js/extensions/revolution.extension.slideanims.min.js"
1079        type="text/javascript"></script>
1079
1080
1081    
1081<script
1082        src="//www.assets.joyncdn.com/static/assets/plugins/revo-slider/js/extensions/revolution.extension.layeranimation.min.js"
1083        type="text/javascript"></script>
1083
1084
1085    
1085<script
1086        src="//www.assets.joyncdn.com/static/assets/plugins/revo-slider/js/extensions/revolution.extension.navigation.min.js"
1087        type="text/javascript"></script>
1087
1088
1089    
1089<script
1090        src="//www.assets.joyncdn.com/static/assets/plugins/revo-slider/js/extensions/revolution.extension.video.min.js"
1091        type="text/javascript"></script>
1091
1092
1093    
1093<script
1094        src="//www.assets.joyncdn.com/static/assets/plugins/revo-slider/js/extensions/revolution.extension.parallax.min.js"
1095        type="text/javascript"></script>
1095
1096
1097    
1097<script
1098        src="//www.assets.joyncdn.com/static/assets/plugins/revo-slider/js/extensions/revolution.extension.actions.min.js"
1099        type="text/javascript"></script>
1099
1100
1101
1102
1103    
1103<script src="//cdn.bootcss.com/waypoints/2.0.3/waypoints.min.js" async></script>
1103
1104
1105    
1105<script src="//www.assets.joyncdn.com/static/assets/plugins/counterup/jquery.counterup.min.js"
1106        type="text/javascript"></script>
1106
1107
1108    
1108<script src="//cdn.bootcss.com/fancybox/2.1.5/jquery.fancybox.pack.js" async></script>
1108
1109
1110    
1110<script src="//cdn.bootcss.com/jquery-smooth-scroll/2.2.0/jquery.smooth-scroll.min.js" async></script>
1110
1111
1112    
1112<script src="//www.assets.joyncdn.com/static/assets/plugins/typed/typed.min.js" type="text/javascript"></script>
1112
1113
1114    
1114<script src="//www.assets.joyncdn.com/static/assets/plugins/slider-for-bootstrap/js/bootstrap-slider.js"
1115        type="text/javascript"></script>
1115
1116
1117    
1117<script src="./asset/js/js.cookie.min.js" async></script>
1117
1118
1119    
1119<script src="//www.assets.joyncdn.com/static/js/plugins/jquery.lazy/jquery.lazy.min.js" async></script>
1119
1120
1121
1122
1123    
1123<script src="./asset/js/jquery.dotdotdot.js" async></script>
1123
1124
1125    
1125<script src="//www.assets.joyncdn.com/static/js/plugins/bigpicture/BigPicture.js" async></script>
1125
1126
1127    
1127<script src="//www.assets.joyncdn.com/static/js/plugins/timeago/timeago.js" async></script>
1127
1128
1129
1130
1131    <!-- END: LAYOUT PLUGINS -->
1132
1133    <!-- BEGIN: THEME SCRIPTS -->
1134
1135    
1135<script src="//www.assets.joyncdn.com/static/assets/base/js/components.js" type="text/javascript"></script>
1135
1136
1137    <!--
1137<script src="/static/assets/base/js/components-shop.js" type="text/javascript"></script>
1137-->
1138
1139    
1139<script src="//www.assets.joyncdn.com/static/assets/base/js/app.js" type="text/javascript"></script>
1139
1140
1141    
1141<script>
1142        // 美国模块数据与切换函数
1143        const usaModules = [
1144            {
1145                name: "新英格兰模块",
1146                imageSrc: "./asset/img/images/Map_of_USA_States_with_New_England.png",
1147                description: `<strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="usa_module_0_region"></span><br/>
1148                     <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="usa_module_0_duration"></span><br/>
1149                     <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="usa_module_0_goal"></span><br/>
1150                     <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="usa_module_0_sites"></span>`,
1151                detailUrl: "itinerary_usa_detail.html"
1152            },
1153            {
1154                name: "纽约、新泽西与费城模块",
1155                imageSrc: "./asset/img/images/Map_of_USA_States_with_New_York.png",
1156                description: `<strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="usa_module_1_region"></span><br/>
1157                     <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="usa_module_1_duration"></span><br/>
1158                     <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="usa_module_1_goal"></span><br/>
1159                     <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="usa_module_1_sites"></span>`,
1160                detailUrl: "itinerary_usa_detail.html"
1161            },
1162            {
1163                name: "首都华盛顿模块",
1164                imageSrc: "./asset/img/images/Map_of_USA_States_with_Was
1164hingtonDC.png",
1165                description: `<strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="usa_module_2_region"></span><br/>
1166                     <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="usa_module_2_duration"></span><br/>
1167                     <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="usa_module_2_goal"></span><br/>
1168                     <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="usa_module_2_sites"></span>`,
1169                detailUrl: "itinerary_usa_detail.html"
1170            },
1171            {
1172                name: "奥兰多模块",
1173                imageSrc: "./asset/img/images/Map_of_USA_States_with_Florida.png",
1174                description: `<strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="usa_module_3_region"></span><br/>
1175                     <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="usa_module_3_duration"></span><br/>
1176                     <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="usa_module_3_goal"></span><br/>
1177                     <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="usa_module_3_sites"></span>`,
1178                detailUrl: "itinerary_usa_detail.html"
1179            },
1180            {
1181                name: "西雅图模块",
1182                imageSrc: "./asset/img/images/Map_of_USA_States_with_Was
1182hington.png",
1183                description: `<strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="usa_module_4_region"></span><br/>
1184                     <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="usa_module_4_duration"></span><br/>
1185                     <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="usa_module_4_goal"></span><br/>
1186                     <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="usa_module_4_sites"></span>`,
1187                detailUrl: "itinerary_usa_detail.html"
1188            },
1189            {
1190                name: "旧金山与硅谷模块",
1191                imageSrc: "./asset/img/images/Map_of_USA_States_with_California.png",
1192                description: `<strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="usa_module_5_region"></span><br/>
1193                     <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="usa_module_5_duration"></span><br/>
1194                     <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="usa_module_5_goal"></span><br/>
1195                     <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="usa_module_5_sites"></span>`,
1196                detailUrl: "itinerary_usa_detail.html"
1197            },
1198            {
1199                name: "洛杉矶与圣地亚哥模块",
1200                imageSrc: "./asset/img/images/Map_of_USA_States_with_California.png",
1201                description: `<strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="usa_module_6_region"></span><br/>
1202                     <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="usa_module_6_duration"></span><br/>
1203                     <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="usa_module_6_goal"></span><br/>
1204                     <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="usa_module_6_sites"></span><br/>
1205                     <strong><span data-i18n="usa_module_extra_label"></span>:</strong><span data-i18n="usa_module_6_extra"></span>`,
1206                detailUrl: "itinerary_usa_detail.html"
1207            }
1208        ];
1209
1210        // 切换美国模块的主函数
1211        function switchUSAModule(element, moduleIndex) {
1212            const items = document.querySelectorAll('#usa-module-list a[name="usa-module"]');
1213            items.forEach(item => item.classList.remove('city-modules-border-bottom'));
1214            element.classList.add('city-modules-border-bottom');
1215
1216            const module = usaModules[moduleIndex];
1217
1218            const imgElement = document.getElementById('usa-module-image');
1219            if (imgElement) {
1220                imgElement.src = module.imageSrc;
1221                imgElement.alt = module.name + '示意图';
1222            }
1223
1224            const textElement = document.getElementById('usa-module-text');
1225            if (textElement) {
1226                textElement.innerHTML = module.description;
1227                if (typeof $.fn.localize === 'function') {
1228                    $(textElement).localize();
1229                }
1230            }
1231
1232            const btnElement = document.getElementById('usa-detail-btn');
1233            if (btnElement) {
1234                btnElement.href = module.detailUrl;
1235            }
1236        }
1237        // 日本模块数据与切换函数
1238        const japanModules = [
1239            {
1240                name: "关东模块",
1241                imageSrc: "./asset/img/images/japan_map_overview.jpg",
1242                description: `
1243            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="japan_module_0_region"></span><br/>
1244            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="japan_module_0_duration"></span><br/>
1245            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="japan_module_0_goal"></span><br/>
1246            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="japan_module_0_sites"></span>
1247        `,
1248                detailUrl: "itinerary_japan_detail.html"
1249            },
1250            {
1251                name: "关西模块",
1252                imageSrc: "./asset/img/images/japan_map_overview.jpg",
1253                description: `
1254            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="japan_module_1_region"></span><br/>
1255            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="japan_module_1_duration"></span><br/>
1256            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="japan_module_1_goal"></span><br/>
1257            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="japan_module_1_sites"></span>
1258        `,
1259                detailUrl: "itinerary_japan_detail.html"
1260            },
1261            {
1262                name: "中国模块",
1263                imageSrc: "./asset/img/images/japan_map_overview.jpg",
1264                description: `
1265            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="japan_module_2_region"></span><br/>
1266            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="japan_module_2_duration"></span><br/>
1267            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="japan_module_2_goal"></span><br/>
1268            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="japan_module_2_sites"></span>
1269        `,
1270                detailUrl: "itinerary_japan_detail.html"
1271            },
1272            {
1273                name: "东北模块",
1274                imageSrc: "./asset/img/images/japan_map_overview.jpg",
1275                description: `
1276            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="japan_module_3_region"></span><br/>
1277            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="japan_module_3_duration"></span><br/>
1278            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="japan_module_3_goal"></span><br/>
1279            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="japan_module_3_sites"></span>
1280        `,
1281                detailUrl: "itinerary_japan_detail.html"
1282            },
1283            {
1284                name: "北海道模块",
1285                imageSrc: "./asset/img/images/japan_map_overview.jpg",
1286                description: `
1287            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="japan_module_4_region"></span><br/>
1288            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="japan_module_4_duration"></span><br/>
1289            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="japan_module_4_goal"></span><br/>
1290            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="japan_module_4_sites"></span>
1291        `,
1292                detailUrl: "itinerary_japan_detail.html"
1293            },
1294            {
1295                name: "冲绳模块",
1296                imageSrc: "./asset/img/images/japan_map_overview.jpg",
1297                description: `
1298            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="japan_module_5_region"></span><br/>
1299            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="japan_module_5_duration"></span><br/>
1300            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="japan_module_5_goal"></span><br/>
1301            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="japan_module_5_sites"></span>
1302        `,
1303                detailUrl: "itinerary_japan_detail.html"
1304            },
1305            {
1306                name: "名古屋/丰田模块",
1307                imageSrc: "./asset/img/images/japan_map_overview.jpg",
1308                description: `
1309            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="japan_module_6_region"></span><br/>
1310            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="japan_module_6_duration"></span><br/>
1311            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="japan_module_6_goal"></span><br/>
1312            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="japan_module_6_sites"></span>
1313        `,
1314                detailUrl: "itinerary_japan_detail.html"
1315            },
1316            {
1317                name: "九州模块",
1318                imageSrc: "./asset/img/images/japan_map_overview.jpg",
1319                description: `
1320            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="japan_module_7_region"></span><br/>
1321            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="japan_module_7_duration"></span><br/>
1322            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="japan_module_7_goal"></span><br/>
1323            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="japan_module_7_sites"></span>
1324        `,
1325                detailUrl: "itinerary_japan_detail.html"
1326            }
1327        ];
1328        // 切换日本模块的主函数
1329        function switchJapanModule(element, moduleIndex) {
1330            // 1. 更新左侧列表激活状态
1331            const items = document.querySelectorAll('#japan-module-list a[name="japan-module"]');
1332            items.forEach(item => item.classList.remove('city-modules-border-bottom'));
1333            element.classList.add('city-modules-border-bottom');
1334
1335            // 2. 获取当前模块数据
1336            const module = japanModules[moduleIndex];
1337
1338            // 3. 更新右侧描述文本
1339            const textElement = document.getElementById('japan-module-text');
1340            if (textElement) {
1341                textElement.innerHTML = module.description;
1342                if (typeof $.fn.localize === 'function') {
1343                    $(textElement).localize();
1344                }
1345            }
1346
1347            // 4. 更新“了解详情”按钮链接
1348            const btnElement = document.getElementById('japan-detail-btn');
1349            if (btnElement) {
1350                btnElement.href = module.detailUrl;
1351            }
1352        }
1353        // 埃及模块数据与切换函数
1354        const egyptModules = [
1355            {
1356                name: "大开罗文明核心模块",
1357                imageSrc: "./asset/img/images/egypt_map_overview.jpg",
1358                description: `
1359            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="egypt_module_0_region"></span><br/>
1360            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="egypt_module_0_duration"></span><br/>
1361            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="egypt_module_0_goal"></span><br/>
1362            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="egypt_module_0_sites"></span>
1363        `,
1364                detailUrl: "itinerary_egypt_detail.html"
1365            },
1366            {
1367                name: "卢克索核心模块",
1368                imageSrc: "./asset/img/images/egypt_map_overview.jpg",
1369                description: `
1370            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="egypt_module_1_region"></span><br/>
1371            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="egypt_module_1_duration"></span><br/>
1372            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="egypt_module_1_goal"></span><br/>
1373            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="egypt_module_1_sites"></span>
1374        `,
1375                detailUrl: "itinerary_egypt_detail.html"
1376            },
1377            {
1378                name: "卢克索-阿斯旺沿岸模块",
1379                imageSrc: "./asset/img/images/egypt_map_overview.jpg",
1380                description: `
1381            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="egypt_module_2_region"></span><br/>
1382            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="egypt_module_2_duration"></span><br/>
1383            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="egypt_module_2_goal"></span><br/>
1384            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="egypt_module_2_sites"></span>
1385        `,
1386                detailUrl: "itinerary_egypt_detail.html"
1387            },
1388            {
1389                name: "阿斯旺与边疆模块",
1390                imageSrc: "./asset/img/images/egypt_map_overview.jpg",
1391                description: `
1392            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="egypt_module_3_region"></span><br/>
1393            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="egypt_module_3_duration"></span><br/>
1394            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="egypt_module_3_goal"></span><br/>
1395            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="egypt_module_3_sites"></span>
1396        `,
1397                detailUrl: "itinerary_egypt_detail.html"
1398            },
1399            {
1400                name: "亚历山大模块",
1401                imageSrc: "./asset/img/images/egypt_map_overview.jpg",
1402                description: `
1403            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="egypt_module_4_region"></span><br/>
1404            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="egypt_module_4_duration"></span><br/>
1405            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="egypt_module_4_goal"></span><br/>
1406            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="egypt_module_4_sites"></span>
1407        `,
1408                detailUrl: "itinerary_egypt_detail.html"
1409            },
1410            {
1411                name: "苏伊士运河模块",
1412                imageSrc: "./asset/img/images/egypt_map_overview.jpg",
1413                description: `
1414            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="egypt_module_5_region"></span><br/>
1415            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="egypt_module_5_duration"></span><br/>
1416            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="egypt_module_5_goal"></span><br/>
1417            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="egypt_module_5_sites"></span>
1418        `,
1419                detailUrl: "itinerary_egypt_detail.html"
1420            }
1421        ];
1422        function switchEgyptModule(element, moduleIndex) {
1423            // 1. 更新左侧列表激活状态
1424            const items = document.querySelectorAll('#egypt-module-list a[name="egypt-module"]');
1425            items.forEach(item => item.classList.remove('city-modules-border-bottom'));
1426            element.classList.add('city-modules-border-bottom');
1427
1428            // 2. 获取当前模块数据
1429            const module = egyptModules[moduleIndex];
1430
1431            // 3. 更新右侧描述文本
1432            const textElement = document.getElementById('egypt-module-text');
1433            if (textElement) {
1434                textElement.innerHTML = module.description;
1435                if (typeof $.fn.localize === 'function') {
1436                    $(textElement).localize();
1437                }
1438            }
1439
1440            // 4. 更新“了解详情”按钮链接
1441            const btnElement = document.getElementById('egypt-detail-btn');
1442            console.log(btnElement);
1443            if (btnElement) {
1444                btnElement.href = module.detailUrl;
1445            }
1446        }
1447        // 英国模块数据与切换函数
1448
1449        const ukModules = [
1450            {
1451                name: "英格兰模块",
1452                imageSrc: "./asset/img/images/uk_map_overview.jpg",
1453                description: `
1454            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="uk_module_0_region"></span><br/>
1455            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="uk_module_0_duration"></span><br/>
1456            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="uk_module_0_goal"></span><br/>
1457            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="uk_module_0_sites"></span>
1458        `,
1459                detailUrl: "itinerary_uk_detail.html"
1460            },
1461            {
1462                name: "苏格兰模块",
1463                imageSrc: "./asset/img/images/uk_map_overview.jpg",
1464                description: `
1465            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="uk_module_1_region"></span><br/>
1466            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="uk_module_1_duration"></span><br/>
1467            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="uk_module_1_goal"></span><br/>
1468            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="uk_module_1_sites"></span>
1469        `,
1470                detailUrl: "itinerary_uk_detail.html"
1471            },
1472            {
1473                name: "威尔士模块",
1474                imageSrc: "./asset/img/images/uk_map_overview.jpg",
1475                description: `
1476            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="uk_module_2_region"></span><br/>
1477            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="uk_module_2_duration"></span><br/>
1478            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="uk_module_2_goal"></span><br/>
1479            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="uk_module_2_sites"></span>
1480        `,
1481                detailUrl: "itinerary_uk_detail.html"
1482            },
1483            {
1484                name: "北爱尔兰模块",
1485                imageSrc: "./asset/img/images/uk_map_overview.jpg",
1486                description: `
1487            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="uk_module_3_region"></span><br/>
1488            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="uk_module_3_duration"></span><br/>
1489            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="uk_module_3_goal"></span><br/>
1490            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="uk_module_3_sites"></span>
1491        `,
1492                detailUrl: "itinerary_uk_detail.html"
1493            }
1494        ];
1495        // 西班牙模块数据与切换函数
1496        const spainModules = [
1497            {
1498                name: "卡斯蒂利亚王国模块",
1499                imageSrc: "./asset/img/images/spain_map_overview.jpg",
1500                description: `
1501            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="spain_module_0_region"></span><br/>
1502            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="spain_module_0_duration"></span><br/>
1503            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="spain_module_0_goal"></span><br/>
1504            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="spain_module_0_sites"></span>
1505        `,
1506                detailUrl: "itinerary_spain_detail.html"
1507            },
1508            {
1509                name: "阿拉贡王国模块",
1510                imageSrc: "./asset/img/images/spain_map_overview.jpg",
1511                description: `
1512            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="spain_module_1_region"></span><br/>
1513            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="spain_module_1_duration"></span><br/>
1514            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="spain_module_1_goal"></span><br/>
1515            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="spain_module_1_sites"></span>
1516        `,
1517                detailUrl: "itinerary_spain_detail.html"
1518            },
1519            {
1520                name: "纳瓦拉与巴斯克模块",
1521                imageSrc: "./asset/img/images/spain_map_overview.jpg",
1522                description: `
1523            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="spain_module_2_region"></span><br/>
1524            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="spain_module_2_duration"></span><br/>
1525            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="spain_module_2_goal"></span><br/>
1526            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="spain_module_2_sites"></span>
1527        `,
1528                detailUrl: "itinerary_spain_detail.html"
1529            },
1530            {
1531                name: "格拉纳达王国(安达卢西亚)模块",
1532                imageSrc: "./asset/img/images/spain_map_overview.jpg",
1533                description: `
1534            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="spain_module_3_region"></span><br/>
1535            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="spain_module_3_duration"></span><br/>
1536            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="spain_module_3_goal"></span><br/>
1537            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="spain_module_3_sites"></span>
1538        `,
1539                detailUrl: "itinerary_spain_detail.html"
1540            }
1541        ];
1542        // 葡萄牙模块数据与切换函数
1543        const portugalModules = [
1544            {
1545                name: "里斯本与贝伦模块",
1546                imageSrc: "./asset/img/images/portugal_map_overview.jpg",
1547                description: `
1548            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="portugal_module_0_region"></span><br/>
1549            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="portugal_module_0_duration"></span><br/>
1550            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="portugal_module_0_goal"></span><br/>
1551            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="portugal_module_0_sites"></span>
1552        `,
1553                detailUrl: "itinerary_portugal_detail.html"
1554            },
1555            {
1556                name: "辛特拉与罗卡角模块",
1557                imageSrc: "./asset/img/images/portugal_map_overview.jpg",
1558                description: `
1559            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="portugal_module_1_region"></span><br/>
1560            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="portugal_module_1_duration"></span><br/>
1561            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="portugal_module_1_goal"></span><br/>
1562            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="portugal_module_1_sites"></span>
1563        `,
1564                detailUrl: "itinerary_portugal_detail.html"
1565            },
1566            {
1567                name: "中部历史金三角模块",
1568                imageSrc: "./asset/img/images/portugal_map_overview.jpg",
1569                description: `
1570            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="portugal_module_2_region"></span><br/>
1571            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="portugal_module_2_duration"></span><br/>
1572            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="portugal_module_2_goal"></span><br/>
1573            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="portugal_module_2_sites"></span>
1574        `,
1575                detailUrl: "itinerary_portugal_detail.html"
1576            },
1577            {
1578                name: "波尔图与杜罗河谷模块",
1579                imageSrc: "./asset/img/images/portugal_map_overview.jpg",
1580                description: `
1581            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="portugal_module_3_region"></span><br/>
1582            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="portugal_module_3_duration"></span><br/>
1583            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="portugal_module_3_goal"></span><br/>
1584            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="portugal_module_3_sites"></span>
1585        `,
1586                detailUrl: "itinerary_portugal_detail.html"
1587            }
1588        ];
1589        // 法国模块数据与切换函数
1590        const franceModules = [
1591            {
1592                name: "巴黎及周边模块",
1593                imageSrc: "./asset/img/images/france_map_overview.jpg",
1594                description: `
1595            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="france_module_0_region"></span><br/>
1596            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="france_module_0_duration"></span><br/>
1597            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="france_module_0_goal"></span><br/>
1598            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="france_module_0_sites"></span>
1599        `,
1600                detailUrl: "itinerary_france_detail.html"
1601            },
1602            {
1603                name: "诺曼底模块",
1604                imageSrc: "./asset/img/images/france_map_overview.jpg",
1605                description: `
1606            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="france_module_1_region"></span><br/>
1607            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="france_module_1_duration"></span><br/>
1608            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="france_module_1_goal"></span><br/>
1609            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="france_module_1_sites"></span>
1610        `,
1611                detailUrl: "itinerary_france_detail.html"
1612            },
1613            {
1614                name: "卢瓦尔河谷与普罗旺斯艺术带模块",
1615                imageSrc: "./asset/img/images/france_map_overview.jpg",
1616                description: `
1617            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="france_module_2_region"></span><br/>
1618            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="france_module_2_duration"></span><br/>
1619            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="france_module_2_goal"></span><br/>
1620            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="france_module_2_sites"></span>
1621        `,
1622                detailUrl: "itinerary_france_detail.html"
1623            },
1624            {
1625                name: "里昂都市圈模块",
1626                imageSrc: "./asset/img/images/france_map_overview.jpg",
1627                description: `
1628            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="france_module_3_region"></span><br/>
1629            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="france_module_3_duration"></span><br/>
1630            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="france_module_3_goal"></span><br/>
1631            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="france_module_3_sites"></span>
1632        `,
1633                detailUrl: "itinerary_france_detail.html"
1634            },
1635            {
1636                name: "阿尔萨斯模块",
1637                imageSrc: "./asset/img/images/france_map_overview.jpg",
1638                description: `
1639            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="france_module_4_region"></span><br/>
1640            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="france_module_4_duration"></span><br/>
1641            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="france_module_4_goal"></span><br/>
1642            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="france_module_4_sites"></span>
1643        `,
1644                detailUrl: "itinerary_france_detail.html"
1645            },
1646            {
1647                name: "图卢兹一航空航天科技模块",
1648                imageSrc: "./asset/img/images/france_map_overview.jpg",
1649                description: `
1650            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="france_module_5_region"></span><br/>
1651            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="france_module_5_duration"></span><br/>
1652            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="france_module_5_goal"></span><br/>
1653            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="france_module_5_sites"></span>
1654        `,
1655                detailUrl: "itinerary_france_detail.html"
1656            },
1657            {
1658                name: "马赛与地中海门户模块",
1659                imageSrc: "./asset/img/images/france_map_overview.jpg",
1660                description: `
1661            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="france_module_6_region"></span><br/>
1662            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="france_module_6_duration"></span><br/>
1663            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="france_module_6_goal"></span><br/>
1664            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="france_module_6_sites"></span>
1665        `,
1666                detailUrl: "itinerary_france_detail.html"
1667            },
1668            {
1669                name: "尼斯与蔚蓝海岸模块",
1670                imageSrc: "./asset/img/images/france_map_overview.jpg",
1671                description: `
1672            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="france_module_7_region"></span><br/>
1673            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="france_module_7_duration"></span><br/>
1674            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="france_module_7_goal"></span><br/>
1675            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="france_module_7_sites"></span>
1676        `,
1677                detailUrl: "itinerary_france_detail.html"
1678            }
1679        ];
1680        // 比利时与荷兰模块数据与切换函数
1681        const beneluxModules = [
1682            {
1683                name: "低地国家统一与分裂史",
1684                imageSrc: "./asset/img/images/benelux_map_overview.jpg",
1685                description: `
1686            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="benelux_module_0_region"></span><br/>
1687            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="benelux_module_0_duration"></span><br/>
1688            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="benelux_module_0_goal"></span><br/>
1689            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="benelux_module_0_sites"></span>
1690        `,
1691                detailUrl: "itinerary_benelux_detail.html"
1692            },
1693            {
1694                name: "佛兰德艺术与中世纪瑰宝",
1695                imageSrc: "./asset/img/images/benelux_map_overview.jpg",
1696                description: `
1697            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="benelux_module_1_region"></span><br/>
1698            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="benelux_module_1_duration"></span><br/>
1699            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="benelux_module_1_goal"></span><br/>
1700            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="benelux_module_1_sites"></span>
1701        `,
1702                detailUrl: "itinerary_benelux_detail.html"
1703            },
1704            {
1705                name: "荷兰艺术黄金时代",
1706                imageSrc: "./asset/img/images/benelux_map_overview.jpg",
1707                description: `
1708            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="benelux_module_2_region"></span><br/>
1709            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="benelux_module_2_duration"></span><br/>
1710            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="benelux_module_2_goal"></span><br/>
1711            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="benelux_module_2_sites"></span>
1712        `,
1713                detailUrl: "itinerary_benelux_detail.html"
1714            },
1715            {
1716                name: "清教徒与宗教改革之路",
1717                imageSrc: "./asset/img/images/benelux_map_overview.jpg",
1718                description: `
1719            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="benelux_module_3_region"></span><br/>
1720            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="benelux_module_3_duration"></span><br/>
1721            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="benelux_module_3_goal"></span><br/>
1722            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="benelux_module_3_sites"></span>
1723        `,
1724                detailUrl: "itinerary_benelux_detail.html"
1725            },
1726            {
1727                name: "堤坝工程与水利奇迹",
1728                imageSrc: "./asset/img/images/benelux_map_overview.jpg",
1729                description: `
1730            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="benelux_module_4_region"></span><br/>
1731            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="benelux_module_4_duration"></span><br/>
1732            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="benelux_module_4_goal"></span><br/>
1733            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="benelux_module_4_sites"></span>
1734        `,
1735                detailUrl: "itinerary_benelux_detail.html"
1736            },
1737            {
1738                name: "比荷科技与创新之光",
1739                imageSrc: "./asset/img/images/benelux_map_overview.jpg",
1740                description: `
1741            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="benelux_module_5_region"></span><br/>
1742            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="benelux_module_5_duration"></span><br/>
1743            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="benelux_module_5_goal"></span><br/>
1744            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="benelux_module_5_sites"></span>
1745        `,
1746                detailUrl: "itinerary_benelux_detail.html"
1747            }
1748        ];
1749        // 德国模块数据与切换函数
1750        const germanyModules = [
1751            {
1752                name: "柏林与波茨坦:国家、冷战与思想",
1753                imageSrc: "./asset/img/images/germany_map_overview.jpg",
1754                description: `
1755            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="germany_module_0_region"></span><br/>
1756            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="germany_module_0_duration"></span><br/>
1757            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="germany_module_0_goal"></span><br/>
1758            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="germany_module_0_sites"></span>
1759        `,
1760                detailUrl: "itinerary_germany_detail.html"
1761            },
1762            {
1763                name: "巴伐利亚:王权、工业与反思",
1764                imageSrc: "./asset/img/images/germany_map_overview.jpg",
1765                description: `
1766            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="germany_module_1_region"></span><br/>
1767            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="germany_module_1_duration"></span><br/>
1768            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="germany_module_1_goal"></span><br/>
1769            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="germany_module_1_sites"></span>
1770        `,
1771                detailUrl: "itinerary_germany_detail.html"
1772            },
1773            {
1774                name: "斯图加特与法兰克福:工业工程与金融现代性",
1775                imageSrc: "./asset/img/images/germany_map_overview.jpg",
1776                description: `
1777            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="germany_module_2_region"></span><br/>
1778            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="germany_module_2_duration"></span><br/>
1779            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="germany_module_2_goal"></span><br/>
1780            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="germany_module_2_sites"></span>
1781        `,
1782                detailUrl: "itinerary_germany_detail.html"
1783            },
1784            {
1785                name: "海德堡与纽伦堡:人文主义与法律审判",
1786                imageSrc: "./asset/img/images/germany_map_overview.jpg",
1787                description: `
1788            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="germany_module_3_region"></span><br/>
1789            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="germany_module_3_duration"></span><br/>
1790            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="germany_module_3_goal"></span><br/>
1791            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="germany_module_3_sites"></span>
1792        `,
1793                detailUrl: "itinerary_germany_detail.html"
1794            },
1795            {
1796                name: "德累斯顿、科隆与汉堡:艺术、宗教与贸æ
1796˜“",
1797                imageSrc: "./asset/img/images/germany_map_overview.jpg",
1798                description: `
1799            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="germany_module_4_region"></span><br/>
1800            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="germany_module_4_duration"></span><br/>
1801            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="germany_module_4_goal"></span><br/>
1802            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="germany_module_4_sites"></span>
1803        `,
1804                detailUrl: "itinerary_germany_detail.html"
1805            }
1806        ];
1807        // 意大利模块数据与切换函数
1808        const italyModules = [
1809            {
1810                name: "罗马模块(含梵蒂冈)",
1811                imageSrc: "./asset/img/images/italy_map_overview.jpg",
1812                description: `
1813            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="italy_module_0_region"></span><br/>
1814            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="italy_module_0_duration"></span><br/>
1815            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="italy_module_0_goal"></span><br/>
1816            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="italy_module_0_sites"></span>
1817        `,
1818                detailUrl: "itinerary_italy_detail.html"
1819            },
1820            {
1821                name: "那不勒斯模块(含庞贝、赫库兰尼姆、维苏威火山)",
1822                imageSrc: "./asset/img/images/italy_map_overview.jpg",
1823                description: `
1824            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="italy_module_1_region"></span><br/>
1825            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="italy_module_1_duration"></span><br/>
1826            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="italy_module_1_goal"></span><br/>
1827            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="italy_module_1_sites"></span>
1828        `,
1829                detailUrl: "itinerary_italy_detail.html"
1830            },
1831            {
1832                name: "佛罗伦萨模块(含锡耶纳、比萨)",
1833                imageSrc: "./asset/img/images/italy_map_overview.jpg",
1834                description: `
1835            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="italy_module_2_region"></span><br/>
1836            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="italy_module_2_duration"></span><br/>
1837            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="italy_module_2_goal"></span><br/>
1838            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="italy_module_2_sites"></span>
1839        `,
1840                detailUrl: "itinerary_italy_detail.html"
1841            },
1842            {
1843                name: "阿西西模块",
1844                imageSrc: "./asset/img/images/italy_map_overview.jpg",
1845                description: `
1846            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="italy_module_3_region"></span><br/>
1847            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="italy_module_3_duration"></span><br/>
1848            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="italy_module_3_goal"></span><br/>
1849            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="italy_module_3_sites"></span>
1850        `,
1851                detailUrl: "itinerary_italy_detail.html"
1852            },
1853            {
1854                name: "博洛尼亚模块(含法拉利、兰博基尼、圣马力诺)",
1855                imageSrc: "./asset/img/images/italy_map_overview.jpg",
1856                description: `
1857            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="italy_module_4_region"></span><br/>
1858            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="italy_module_4_duration"></span><br/>
1859            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="italy_module_4_goal"></span><br/>
1860            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="italy_module_4_sites"></span>
1861        `,
1862                detailUrl: "itinerary_italy_detail.html"
1863            },
1864            {
1865                name: "威尼斯模块(含维罗纳)",
1866                imageSrc: "./asset/img/images/italy_map_overview.jpg",
1867                description: `
1868            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="italy_module_5_region"></span><br/>
1869            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="italy_module_5_duration"></span><br/>
1870            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="italy_module_5_goal"></span><br/>
1871            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="italy_module_5_sites"></span>
1872        `,
1873                detailUrl: "itinerary_italy_detail.html"
1874            },
1875            {
1876                name: "米兰-都灵-热那亚模块",
1877                imageSrc: "./asset/img/images/italy_map_overview.jpg",
1878                description: `
1879            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="italy_module_6_region"></span><br/>
1880            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="italy_module_6_duration"></span><br/>
1881            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="italy_module_6_goal"></span><br/>
1882            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="italy_module_6_sites"></span>
1883        `,
1884                detailUrl: "itinerary_italy_detail.html"
1885            },
1886            {
1887                name: "特鲁利地区模块(普利亚)",
1888                imageSrc: "./asset/img/images/italy_map_overview.jpg",
1889                description: `
1890            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="italy_module_7_region"></span><br/>
1891            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="italy_module_7_duration"></span><br/>
1892            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="italy_module_7_goal"></span><br/>
1893            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="italy_module_7_sites"></span>
1894        `,
1895                detailUrl: "itinerary_italy_detail.html"
1896            },
1897            {
1898                name: "西西里模块",
1899                imageSrc: "./asset/img/images/italy_map_overview.jpg",
1900                description: `
1901            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="italy_module_8_region"></span><br/>
1902            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="italy_module_8_duration"></span><br/>
1903            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="italy_module_8_goal"></span><br/>
1904            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="italy_module_8_sites"></span>
1905        `,
1906                detailUrl: "itinerary_italy_detail.html"
1907            }
1908        ];
1909        // 希腊模块数据与切换函数
1910        const greeceModules = [
1911            {
1912                name: "雅典与苏尼翁角模块",
1913                imageSrc: "./asset/img/images/greece_map_overview.jpg",
1914                description: `
1915            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="greece_module_0_region"></span><br/>
1916            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="greece_module_0_duration"></span><br/>
1917            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="greece_module_0_goal"></span><br/>
1918            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="greece_module_0_sites"></span>
1919        `,
1920                detailUrl: "itinerary_greece_detail.html"
1921            },
1922            {
1923                name: "塞萨洛尼基模块",
1924                imageSrc: "./asset/img/images/greece_map_overview.jpg",
1925                description: `
1926            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="greece_module_1_region"></span><br/>
1927            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="greece_module_1_duration"></span><br/>
1928            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="greece_module_1_goal"></span><br/>
1929            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="greece_module_1_sites"></span>
1930        `,
1931                detailUrl: "itinerary_greece_detail.html"
1932            },
1933            {
1934                name: "中希腊与迈泰奥拉模块",
1935                imageSrc: "./asset/img/images/greece_map_overview.jpg",
1936                description: `
1937            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="greece_module_2_region"></span><br/>
1938            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="greece_module_2_duration"></span><br/>
1939            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="greece_module_2_goal"></span><br/>
1940            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="greece_module_2_sites"></span>
1941        `,
1942                detailUrl: "itinerary_greece_detail.html"
1943            },
1944            {
1945                name: "伯罗奔尼撒半岛模块",
1946                imageSrc: "./asset/img/images/greece_map_overview.jpg",
1947                description: `
1948            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="greece_module_3_region"></span><br/>
1949            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="greece_module_3_duration"></span><br/>
1950            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="greece_module_3_goal"></span><br/>
1951            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="greece_module_3_sites"></span>
1952        `,
1953                detailUrl: "itinerary_greece_detail.html"
1954            },
1955            {
1956                name: "克里特岛模块",
1957                imageSrc: "./asset/img/images/greece_map_overview.jpg",
1958                description: `
1959            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="greece_module_4_region"></span><br/>
1960            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="greece_module_4_duration"></span><br/>
1961            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="greece_module_4_goal"></span><br/>
1962            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="greece_module_4_sites"></span>
1963        `,
1964                detailUrl: "itinerary_greece_detail.html"
1965            },
1966            {
1967                name: "圣托里尼岛模块",
1968                imageSrc: "./asset/img/images/greece_map_overview.jpg",
1969                description: `
1970            <strong><span data-i18n="itinerary_region"></span>:</strong><span data-i18n="greece_module_5_region"></span><br/>
1971            <strong><span data-i18n="itinerary_duration"></span>:</strong><span data-i18n="greece_module_5_duration"></span><br/>
1972            <strong><span data-i18n="itinerary_goal"></span>:</strong><span data-i18n="greece_module_5_goal"></span><br/>
1973            <strong><span data-i18n="itinerary_sites"></span>:</strong><span data-i18n="greece_module_5_sites"></span>
1974        `,
1975                detailUrl: "itinerary_greece_detail.html"
1976            }
1977        ];
1978        // 切换意大利模块的主函数
1979        function switchItalyModule(element, moduleIndex) {
1980            // 1. 更新左侧列表激活状态
1981            const items = document.querySelectorAll('#italy-module-list a[name="italy-module"]');
1982            items.forEach(item => item.classList.remove('city-modules-border-bottom'));
1983            element.classList.add('city-modules-border-bottom');
1984
1985            // 2. 获取当前模块数据
1986            const module = italyModules[moduleIndex];
1987
1988            // 3. 更新右侧描述文本
1989            const textElement = document.getElementById('italy-module-text');
1990            if (textElement) {
1991                textElement.innerHTML = module.description;
1992                if (typeof $.fn.localize === 'function') {
1993                    $(textElement).localize();
1994                }
1995            }
1996
1997            // 4. 更新"了解详情"按钮链接
1998            const btnElement = document.getElementById('italy-detail-btn');
1999            if (btnElement) {
2000                btnElement.href = module.detailUrl;
2001            }
2002        }
2003
2004        // 切换希腊模块的主函数
2005        function switchGreeceModule(element, moduleIndex) {
2006            // 1. 更新左侧列表激活状态
2007            const items = document.querySelectorAll('#greece-module-list a[name="greece-module"]');
2008            items.forEach(item => item.classList.remove('city-modules-border-bottom'));
2009            element.classList.add('city-modules-border-bottom');
2010
2011            // 2. 获取当前模块数据
2012            const module = greeceModules[moduleIndex];
2013
2014            // 3. 更新右侧描述文本
2015            const textElement = document.getElementById('greece-module-text');
2016            if (textElement) {
2017                textElement.innerHTML = module.description;
2018                if (typeof $.fn.localize === 'function') {
2019                    $(textElement).localize();
2020                }
2021            }
2022
2023            // 4. 更新"了解详情"按钮链接
2024            const btnElement = document.getElementById('greece-detail-btn');
2025            if (btnElement) {
2026                btnElement.href = module.detailUrl;
2027            }
2028        }
2029        // 切换德国模块的主函数
2030        function switchGermanyModule(element, moduleIndex) {
2031            // 1. 更新左侧列表激活状态
2032            const items = document.querySelectorAll('#germany-module-list a[name="germany-module"]');
2033            items.forEach(item => item.classList.remove('city-modules-border-bottom'));
2034            element.classList.add('city-modules-border-bottom');
2035
2036            // 2. 获取当前模块数据
2037            const module = germanyModules[moduleIndex];
2038
2039            // 3. 更新右侧描述文本
2040            const textElement = document.getElementById('germany-module-text');
2041            if (textElement) {
2042                textElement.innerHTML = module.description;
2043                if (typeof $.fn.localize === 'function') {
2044                    $(textElement).localize();
2045                }
2046            }
2047
2048            // 4. 更新“了解详情”按钮链接
2049            const btnElement = document.getElementById('germany-detail-btn');
2050            if (btnElement) {
2051                btnElement.href = module.detailUrl;
2052            }
2053        }
2054        function switchUKModule(element, moduleIndex) {
2055            const items = document.querySelectorAll('#uk-module-list a[name="uk-module"]');
2056            items.forEach(item => item.classList.remove('city-modules-border-bottom'));
2057            element.classList.add('city-modules-border-bottom');
2058
2059            const module = ukModules[moduleIndex];
2060            const textElement = document.getElementById('uk-module-text');
2061            if (textElement) {
2062                textElement.innerHTML = module.description;
2063                if (typeof $.fn.localize === 'function') {
2064                    $(textElement).localize();
2065                }
2066            }
2067
2068            const btnElement = document.getElementById('uk-detail-btn');
2069            if (btnElement) {
2070                btnElement.href = module.detailUrl;
2071            }
2072        }
2073
2074
2075
2076        function switchSpainModule(element, moduleIndex) {
2077            const items = document.querySelectorAll('#spain-module-list a[name="spain-module"]');
2078            items.forEach(item => item.classList.remove('city-modules-border-bottom'));
2079            element.classList.add('city-modules-border-bottom');
2080
2081            const module = spainModules[moduleIndex];
2082            const textElement = document.getElementById('spain-module-text');
2083            if (textElement) {
2084                textElement.innerHTML = module.description;
2085                if (typeof $.fn.localize === 'function') {
2086                    $(textElement).localize();
2087                }
2088            }
2089
2090            const btnElement = document.getElementById('spain-detail-btn');
2091            if (btnElement) {
2092                btnElement.href = module.detailUrl;
2093            }
2094        }
2095
2096
2097        function switchPortugalModule(element, moduleIndex) {
2098            const items = document.querySelectorAll('#portugal-module-list a[name="portugal-module"]');
2099            items.forEach(item => item.classList.remove('city-modules-border-bottom'));
2100            element.classList.add('city-modules-border-bottom');
2101
2102            const module = portugalModules[moduleIndex];
2103            const textElement = document.getElementById('portugal-module-text');
2104            if (textElement) {
2105                textElement.innerHTML = module.description;
2106                if (typeof $.fn.localize === 'function') {
2107                    $(textElement).localize();
2108                }
2109            }
2110
2111            const btnElement = document.getElementById('portugal-detail-btn');
2112            if (btnElement) {
2113                btnElement.href = module.detailUrl;
2114            }
2115        }
2116
2117
2118        function switchFranceModule(element, moduleIndex) {
2119            const items = document.querySelectorAll('#france-module-list a[name="france-module"]');
2120            items.forEach(item => item.classList.remove('city-modules-border-bottom'));
2121            element.classList.add('city-modules-border-bottom');
2122
2123            const module = franceModules[moduleIndex];
2124            const textElement = document.getElementById('france-module-text');
2125            if (textElement) {
2126                textElement.innerHTML = module.description;
2127                if (typeof $.fn.localize === 'function') {
2128                    $(textElement).localize();
2129                }
2130            }
2131
2132            const btnElement = document.getElementById('france-detail-btn');
2133            if (btnElement) {
2134                btnElement.href = module.detailUrl;
2135            }
2136        }
2137
2138
2139
2140        function switchBeneluxModule(element, moduleIndex) {
2141            const items = document.querySelectorAll('#benelux-module-list a[name="benelux-module"]');
2142            items.forEach(item => item.classList.remove('city-modules-border-bottom'));
2143            element.classList.add('city-modules-border-bottom');
2144
2145            const module = beneluxModules[moduleIndex];
2146            const textElement = document.getElementById('benelux-module-text');
2147            if (textElement) {
2148                textElement.innerHTML = module.description;
2149                if (typeof $.fn.localize === 'function') {
2150                    $(textElement).localize();
2151                }
2152            }
2153
2154            const btnElement = document.getElementById('benelux-detail-btn');
2155            if (btnElement) {
2156                btnElement.href = module.detailUrl;
2157            }
2158        }
2159    </script>
2159
2160    
2160<script>
2161        var lineNav = document.getElementById("dropdownMenuLink-Nav");
2162        var ininerariesTitle = document.getElementById("inineraries-title");
2163
2164        function clickNav(e) {
2165            lineNav.textContent = e.textContent;
2166            ininerariesTitle.textContent = e.textContent + "线路";
2167            var htmlUrl;
2168            if (e.textContent == '北美洲') {
2169                htmlUrl = 'itinerary_America.html';
2170            } else if (e.textContent == '亚洲') {
2171                htmlUrl = 'itinerary_Asia.html';
2172            } else if (e.textContent == '欧洲') {
2173                htmlUrl = 'itinerary_Europe.html';
2174            } else if (e.textContent == '南美洲') {
2175                htmlUrl = 'itinerary_South_America.html';
2176            } else if (e.textContent == '大洋洲' || e.textContent == '澳大利亚') {
2177                htmlUrl = 'itinerary_Oceania.html';
2178            } else if (e.textContent == '非洲') {
2179                htmlUrl = 'itinerary_Africa.html';
2180            } else if (e.textContent == '美国') {
2181                htmlUrl = 'itinerary_USA.html';
2182            } else if (e.textContent == '加拿大') {
2183                htmlUrl = 'itinerary_Canada.html';
2184            } else if (e.textContent == '墨西哥') {
2185                htmlUrl = 'itinerary_Mexico.html';
2186            } else if (e.textContent == '秘鲁') {
2187                htmlUrl = 'itinerary_Peru.html';
2188            } else if (e.textContent == '土耳其') {
2189                htmlUrl = 'itinerary_Turkey.html';
2190            } else if (e.textContent == '希腊') {
2191                htmlUrl = 'itinerary_Greece.html';
2192            } else if (e.textContent == '意大利') {
2193                htmlUrl = 'itinerary_Italy.html';
2194            } else if (e.textContent == '西班牙') {
2195                htmlUrl = 'itinerary_Spain.html';
2196            } else if (e.textContent == '法国') {
2197                htmlUrl = 'itinerary_Franch.html';
2198            } else if (e.textContent == '英国') {
2199                htmlUrl = 'itinerary_Britain.html';
2200            } else if (e.textContent == '韩国') {
2201                htmlUrl = 'itinerary_Korea.html';
2202            } else if (e.textContent == '日本') {
2203                htmlUrl = 'itinerary_Japan.html';
2204            } else if (e.textContent == '新加坡') {
2205                htmlUrl = 'itinerary_Singapore.html';
2206            } else if (e.textContent == '突尼斯') {
2207                htmlUrl = 'itinerary_Tunisia.html';
2208            } else if (e.textContent == '摩洛哥') {
2209                htmlUrl = 'itinerary_Morocco.html';
2210            } else if (e.textContent == '埃及') {
2211                htmlUrl = 'itinerary_Egypt.html';
2212            } else {
2213                htmlUrl = 'itinerary_global.html';
2214            }
2215            $.ajax({
2216                url: htmlUrl, // 指定HTML文件的URL
2217                dataType: 'html', // 指定数据类型为HTML
2218                type: 'GET', // 请求类型为GET
2219                success: function (data) {
2220                    // console.log(data)
2221                    // 成功获取HTML内容后的回调函数
2222                    var htmlString = $(data).text(); // 将HTML内容转换为纯文本字符串
2223                    $('#itinerary-body').html(data);
2224                },
2225                error: function (xhr, status, error) {
2226                    // 请求失败的回调函数
2227                    console.error("Error fetching HTML:", status, error);
2228                }
2229            });
2230            $(e).dropdown('hide');
2231            var submenuClass = document.getElementsByClassName("submenuClass");
2232            // $("#dropdownMenuLink-Nav").dropdown('hide');
2233            $("#dropdownMenuLink-Nav-p").on('hidden.bs.dropdown', function () {
2234                for (var ele of submenuClass) {
2235                    if (ele.classList.contains('show')) {
2236                        ele.classList.remove('show');
2237                    }
2238                }
2239            })
2240        }
2241        // 平滑滚动到指定锚点的函数
2242        function smoothScrollTo(sectionId) {
2243            if (sectionId === 'top') {
2244                // 滚动到页面顶部
2245                window.scrollTo({
2246                    top: 0,
2247                    behavior: 'smooth'
2248                });
2249            } else {
2250                const targetSection = document.getElementById(sectionId);
2251                if (targetSection) {
2252                    // 计算目标位置,减去顶部导航栏的高度
2253                    const headerHeight = 100; // 根据实际导航栏高度调整
2254                    const targetPosition = targetSection.offsetTop - headerHeight;
2255
2256                    // 平滑滚动
2257                    window.scrollTo({
2258                        top: targetPosition,
2259                        behavior: 'smooth'
2260                    });
2261                }
2262            }
2263
2264            // 关闭下拉菜单
2265            $('.dropdown-menu').removeClass('show');
2266
2267            // 关闭子菜单
2268            $('.submenuClass').removeClass('show');
2269        }
2270    </script>
2270
2271    
2271<script>
2272
2273        $(document).ready(function () {
2274            App.init();
2275            $('.lazy').lazy();
2276
2277            // 新增:初始化各模块的默认选中状态和按钮链接
2278            // 1. 初始化埃及模块(默认选中第一个)
2279            if (document.getElementById('egypt-module-list')) {
2280                const egyptDefaultItem = document.querySelector('#egypt-module-list a.city-modules-border-bottom');
2281                console.log(egyptDefaultItem);
2282                if (egyptDefaultItem) {
2283                    switchEgyptModule(egyptDefaultItem, 0); // 触发函数,更新按钮链接
2284                }
2285            }
2286
2287            // 2. 初始化美国模块(默认选中第一个)
2288            if (document.getElementById('usa-module-list')) {
2289                const usaDefaultItem = document.querySelector('#usa-module-list a.city-modules-border-bottom');
2290                if (usaDefaultItem) {
2291                    switchUSAModule(usaDefaultItem, 0); // 触发函数,更新按钮链接
2292                }
2293            }
2294
2295            // 3. 初始化日本模块(默认选中第一个)
2296            if (document.getElementById('japan-module-list')) {
2297                const japanDefaultItem = document.querySelector('#japan-module-list a.city-modules-border-bottom');
2298                if (japanDefaultItem) {
2299                    switchJapanModule(japanDefaultItem, 0); // 触发函数,更新按钮链接
2300                }
2301            }
2302
2303            // 新增:初始化英国模块(默认选中第一个)
2304            if (document.getElementById('uk-module-list')) {
2305                const ukDefaultItem = document.querySelector('#uk-module-list a.city-modules-border-bottom');
2306                if (ukDefaultItem) {
2307                    switchUKModule(ukDefaultItem, 0);
2308                }
2309            }
2310
2311            // 新增:初始化西班牙模块(默认选中第一个)
2312            if (document.getElementById('spain-module-list')) {
2313                const spainDefaultItem = document.querySelector('#spain-module-list a.city-modules-border-bottom');
2314                if (spainDefaultItem) {
2315                    switchSpainModule(spainDefaultItem, 0);
2316                }
2317            }
2318
2319            // 新增:初始化葡萄牙模块(默认选中第一个)
2320            if (document.getElementById('portugal-module-list')) {
2321                const portugalDefaultItem = document.querySelector('#portugal-module-list a.city-modules-border-bottom');
2322                if (portugalDefaultItem) {
2323                    switchPortugalModule(portugalDefaultItem, 0);
2324                }
2325            }
2326
2327            // 新增:初始化法国模块(默认选中第一个)
2328            if (document.getElementById('france-module-list')) {
2329                const franceDefaultItem = document.querySelector('#france-module-list a.city-modules-border-bottom');
2330                if (franceDefaultItem) {
2331                    switchFranceModule(franceDefaultItem, 0);
2332                }
2333            }
2334
2335            // 新增:初始化比利时与荷兰模块(默认选中第一个)
2336            if (document.getElementById('benelux-module-list')) {
2337                const beneluxDefaultItem = document.querySelector('#benelux-module-list a.city-modules-border-bottom');
2338                if (beneluxDefaultItem) {
2339                    switchBeneluxModule(beneluxDefaultItem, 0);
2340                }
2341            }
2342
2343            // 新增:初始化德国模块(默认选中第一个)
2344            if (document.getElementById('germany-module-list')) {
2345                const germanyDefaultItem = document.querySelector('#germany-module-list a.city-modules-border-bottom');
2346                if (germanyDefaultItem) {
2347                    switchGermanyModule(germanyDefaultItem, 0); // 触发函数,更新按钮链接
2348                }
2349            }
2350            // 新增:初始化意大利模块(默认选中第一个)
2351            if (document.getElementById('italy-module-list')) {
2352                const italyDefaultItem = document.querySelector('#italy-module-list a.city-modules-border-bottom');
2353                if (italyDefaultItem) {
2354                    switchItalyModule(italyDefaultItem, 0);
2355                }
2356            }
2357
2358            // 新增:初始化希腊模块(默认选中第一个)
2359            if (document.getElementById('greece-module-list')) {
2360                const greeceDefaultItem = document.querySelector('#greece-module-list a.city-modules-border-bottom');
2361                if (greeceDefaultItem) {
2362                    switchGreeceModule(greeceDefaultItem, 0);
2363                }
2364            }
2365        });
2366
2367        let items = document.getElementsByClassName("sliderNav");
2368
2369        $(function () {
2370
2371            $('.sliderNav').click(function (e) {
2372
2373                let element = $(this).context.getAttribute("data-src");
2374
2375                for (let i = 0; i < items.length; i++) {
2376
2377                    let item = items[i];
2378
2379                    let src = item.getAttribute("data-src")
2380
2381                    let a = document.getElementById(src)
2382
2383                    console.log(item)
2384
2385                    if (element == src) {
2386
2387                        item.className = "active" + " " + "sliderNav"
2388
2389                        a.hidden = false;
2390
2391                    } else {
2392
2393                        item.className = "sliderNav"
2394
2395                        a.hidden = true;
2396
2397                    }
2398
2399                }
2400
2401            });
2402
2403        });
2404
2405    </script>
2405
2406
2407    
2407<script>
2408
2409
2410
2411        // 手机模式
2412
2413        $('.c-layout-header').on('click', '.c-hor-nav-toggler', function (e) {
2414
2415            e.preventDefault();
2416
2417            e.stopPropagation();
2418
2419
2420
2421            if ($('body').hasClass("c-layout-quick-sidebar-shown ")) {
2422
2423                $('body').removeClass("c-layout-quick-sidebar-shown ");
2424
2425            } else {
2426
2427                $('body').addClass("c-layout-quick-sidebar-shown ");
2428
2429            }
2430
2431        });
2432
2433        // 点击空白处  消失
2434
2435        $(document).on('click', '.c-layout-quick-sidebar-shown', function (e) {
2436
2437            $(this).removeClass("c-layout-quick-sidebar-shown ");
2438
2439        });
2440
2441
2442
2443        $(function () {
2444
2445            // When a submenu link is clicked
2446
2447            jQuery('[data-toggle="nav-submenu"]').on('click', function (e) {
2448
2449                // Get link
2450
2451                var $link = jQuery(this);
2452
2453                console.log($link);
2454
2455                // Get link's parent
2456
2457                var $parentLi = $link.parent('li');
2458
2459                if ($parentLi.hasClass('open')) { // If submenu is open, close it..
2460
2461                    $parentLi.removeClass('open');
2462
2463                    $link.children('span').attr("class", "fa fa-plus c-padding-10");
2464
2465                } else { // .. else if submenu is closed, close all other (same level) submenus first before open it
2466
2467                    $link
2468
2469                        .closest('ul')
2470
2471                        .find('> li')
2472
2473                        .removeClass('open');
2474
2475
2476
2477                    $parentLi
2478
2479                        .addClass('open');
2480
2481
2482
2483                    $link
2484
2485                        .closest('ul')
2486
2487                        .find('> li>a>span')
2488
2489                        .attr("class", "fa fa-plus c-padding-10");
2490
2491
2492
2493                    $link.children('span').attr("class", "fa fa-minus c-padding-10");
2494
2495                }
2496
2497                return false;
2498
2499            });
2500
2501        });
2502
2503    </script>
2503
2504
2505    
2505<script>
2506
2507        $(".dotdotdot").dotdotdot({
2508
2509            height: 80,
2510
2511            truncate: "letter",
2512
2513        });
2514
2515    </script>
2515
2516    
2516<script>
2517
2518        var Language;
2519        let languageData = localStorage.getItem('web_language');
2520        var htmlString;
2521        if (languageData == null) {
2522            Language = "zh";
2523            localStorage.setItem('web_language', Language);
2524        } else {
2525            Language = languageData;
2526        }
2527        if (Language == "zh") {
2528            htmlString = `<div class="language-select-wrapper">
2529    <img class="language-icon" src="./asset/img/images/country/cn.png" id="currentIcon"/>
2530
2531    <select name="language" id="language" class="form-control" style="font-size: .875rem;">
2532        <option id="zh" value="中文" selected data-i18n="zh">中文</option>
2533        <option id="en" value="ENG" data-i18n="en">ENG</option>
2534    </select>
2535</div>`;
2536        } else if (languageData == "en") {
2537            htmlString = `<div class="language-select-wrapper">
2538    <img class="language-icon" src="./asset/img/images/country/gb.png" id="currentIcon"/>
2539    <select name="language" id="language" class="form-control" style="font-size: .875rem;">
2540        <option id="en" value="ENG" selected data-i18n="en">ENG</option>
2541        <option id="zh" value="中文" data-i18n="zh">中文</option>  
2542    </select>
2543</div>`;
2544        }
2545        // 更新图标函数
2546        function updateLanguageIcon() {
2547            const languageSelect = document.getElementById('language');
2548            const currentIcon = document.getElementById('currentIcon');
2549
2550            if (!languageSelect || !currentIcon) return;
2551
2552            const selectedOption = languageSelect.options[languageSelect.selectedIndex];
2553            const iconClass = selectedOption.getAttribute('id');
2554
2555
2556            currentIcon.src = iconClass === "zh" ? "./asset/img/images/country/cn.png" : "./asset/img/images/country/gb.png";
2557
2558        }
2559        const container = document.getElementById('languageItem');
2560        container.innerHTML = htmlString;
2561        i18nextInit(Language)
2562        function i18nextInit() {
2563            i18next
2564                .use(i18nextBrowserLanguageDetector)
2565                .use(i18nextHttpBackend)
2566                .init(
2567                    {
2568                        debug: false,
2569                        lng: Language,
2570                        fallbackLng: Language,
2571                        load: Language,
2572                        backend: {
2573                            loadPath: Language == "zh" ? 'lang/en.json' : 'lang/zh.json',
2574                        }
2575                    },
2576                    function (err, t) {
2577                        jqueryI18next.init(i18next, $, { useOptionsAttr: true });
2578                        $("body").localize();
2579                    }
2580                );
2581        }
2582
2583        $('#language').on('click', function (e) {
2584            var selectedOptionId = $(this).children("option:selected").attr("id");
2585            // 存储数据
2586            localStorage.setItem('web_language', selectedOptionId);
2587            if (selectedOptionId == "zh" || selectedOptionId == "en") {
2588                Language = selectedOptionId;
2589                updateLanguageIcon()
2590                i18next.changeLanguage(Language, (err, t) => {
2591                    i18nextInit(Language)
2592                    if (err) return console.log('something went wrong loading', err);
2593                    t('key'); // -> same as i18next.t
2594                });
2595            }
2596
2597        })
2598    </script>
2598
2599
2600
2601
2602
2603</body>
2604
2605
2606
2607</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.