index.html
19.4 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>星域秀场</title>
<link rel="stylesheet" href="../css/header.css">
<link rel="stylesheet" href="../swiper4/swiper.min.css">
<link rel="stylesheet" href="../css/show.css">
</head>
<body>
<!--头部-->
<header></header>
<div class="show_index">
<!-- banner视频 -->
<div class="show_index_banner">
<video id="video" autoplay="autoplay" controls width="100%" height="660" src="../starImg/video.mp4"></video>
<!-- poster="../starImg/aicon_01.png" -->
<!-- <img onclick="bofang()" class="show_in_banner2" src="../starImg/aicon_30.png" alt=""> -->
</div>
<!-- main 背景 -->
<div class="show_InMain">
<!-- 明星访谈盒子 -->
<div class="show_InMain_box">
<!-- 顶部标题 -->
<div class="show_INMain_tit clearfix">
<div class="show_IN1 clearfix">
<img src="../starImg/aicon_48.png" alt="">
<p>明星<span>访谈</span></p>
<h2>Star Interview</h2>
</div>
<!-- 更多 -->
<div class="show_IN2">
<a href="show_3.html"> MORE+ </a>
</div>
</div>
<!-- 内容 -->
<div class="show_INMain_con clearfix">
<a href="mingxing_detail.html">
<img class="show_INMain_con1" src="../starImg/aicon_31.png" alt="">
<div class="show_INMain_con2 clearfix">
<img class="show_INMain_con3" src="../starImg/aicon_32.png" alt="">
<h2>胡歌</h2>
<h3>著名国际巨星 慈善家</h3>
<p>那年孩子们都上大学了，我孑然一身，几个老弟兄说出国走走看看，一个老嫂子会点外语，于是我们就自由行到了欧洲，法国，德国，意大利，几个国家转了一圈，外国的天气，气候真是清新，不去的时候不想，但是身临其境的时候就会感受到巨大的差异。巴黎车水马龙，意大利热情奔放，</p>
</div>
</a>
</div>
</div>
<!-- 星球故事盒子 -->
<div class="show_InMain_box show_InMain_box2">
<!-- 顶部标题 -->
<div class="show_INMain_tit clearfix">
<div class="show_IN1 clearfix">
<img src="../starImg/aicon_03.png" alt="">
<p>星球<span>故事</span></p>
<h2>Planet Story</h2>
</div>
<!-- 更多 -->
<div class="show_IN2">
<a href=""> MORE+ </a>
</div>
</div>
<!-- 内容 -->
<div class="show_INMain_con2_2 swiper-container2">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="show_index_con2Txt clearfix">
<!-- 左侧图片 -->
<img class="show_indexImg1" src="../starImg/aicon_21.png" alt="">
<!-- 文字 -->
<div class="show_index_con2Txt2">
链子桥于1839年开始兴建，1849年竣工，全长380米。建成时是当时世界上跨度最大的桥，桥身以锁链为骨架，桥面两侧设有人行走道，中间可通行车辆。矗立在两岸的桥头堡是两座高大雄伟的石砌凯旋门，拱门雕饰精美、缘线层叠，配以稳重的基座，颇有大气的王者之风。巨大的钢索从桥头堡引出，悬拉起舒展的桥面，勾勒出遒劲的曲线轮廓。靠近佩斯区的桥两侧有两头石狮镇守，雄狮造型刚毅雄伟，如守护神般日夜镇守着链子桥，现在已成为链子桥的象征如守护神般日夜镇守着链子桥。 在链子桥上漫步，你可以欣赏到布达和佩斯两岸的迷人风景，宁静的多瑙河，壮观华丽的匈牙利国会大厦，梦幻的渔人堡，置身其中，恍如步入凝固的历史画卷。不论春夏秋冬，这里的美景都别有一番韵味。链子桥的布达一端设有垂直缆车，和四季酒店宫殿般美轮美奂的建筑。宁静的多瑙河，壮观华丽的匈牙利国会大厦，梦幻的渔人堡，置身其中，恍如步入凝固的历史画卷。
</div>
<!-- 进度条 -->
<div class="show_index_progress">
<img src="../starImg/aicon_15.png" alt="">
</div>
</div>
</div>
<div class="swiper-slide">
<div class="show_index_con2Txt clearfix">
<!-- 左侧图片 -->
<img class="show_indexImg1" src="../starImg/aicon_21.png" alt="">
<!-- 文字 -->
<div class="show_index_con2Txt2">
链子桥于1839年开始兴建，1849年竣工，全长380米。建成时是当时世界上跨度最大的桥，桥身以锁链为骨架，桥面两侧设有人行走道，中间可通行车辆。矗立在两岸的桥头堡是两座高大雄伟的石砌凯旋门，拱门雕饰精美、缘线层叠，配以稳重的基座，颇有大气的王者之风。巨大的钢索从桥头堡引出，悬拉起舒展的桥面，勾勒出遒劲的曲线轮廓。靠近佩斯区的桥两侧有两头石狮镇守，雄狮造型刚毅雄伟，如守护神般日夜镇守着链子桥，现在已成为链子桥的象征如守护神般日夜镇守着链子桥。 在链子桥上漫步，你可以欣赏到布达和佩斯两岸的迷人风景，宁静的多瑙河，壮观华丽的匈牙利国会大厦，梦幻的渔人堡，置身其中，恍如步入凝固的历史画卷。不论春夏秋冬，这里的美景都别有一番韵味。链子桥的布达一端设有垂直缆车，和四季酒店宫殿般美轮美奂的建筑。宁静的多瑙河，壮观华丽的匈牙利国会大厦，梦幻的渔人堡，置身其中，恍如步入凝固的历史画卷。
</div>
<!-- 进度条 -->
<div class="show_index_progress">
<img src="../starImg/aicon_15.png" alt="">
</div>
</div>
</div>
</div>
<div class="show_swiper2_btn clearfix">
<div class="swiper-button-prev2"></div>
<div class="swiper-pagination">
</div>
<div class="swiper-button-next2"></div>
</div>
</div>
</div>
</div>
<!-- 星球画廊盒子 -->
<div class="show_InMain_box show_InMain_box3">
<!-- 顶部标题 -->
<div class="show_INMain_tit clearfix">
<div class="show_IN1 clearfix">
<img src="../starImg/aicon_50.png" alt="">
<p>星球<span>画廊</span></p>
<h2>Star Gallery</h2>
</div>
</div>
<!-- 内容 -->
<div class="show_INMain_con3_3 swiper-container">
<ul class="swiper-wrapper">
<li class="swiper-slide">
<img class="swiper-slide" src="../starImg/aicon_47.png" alt="">
</li>
<li class="swiper-slide">
<img class="swiper-slide" src="../starImg/aicon_47.png" alt="">
</li>
<li class="swiper-slide">
<img class="swiper-slide" src="../starImg/aicon_47.png" alt="">
</li>
<li class="swiper-slide">
<img class="swiper-slide" src="../starImg/aicon_47.png" alt="">
</li>
<li class="swiper-slide">
<img class="swiper-slide" src="../starImg/aicon_47.png" alt="">
</li>
<li class="swiper-slide">
<img class="swiper-slide" src="../starImg/aicon_47.png" alt="">
</li>
<li class="swiper-slide">
<img class="swiper-slide" src="../starImg/aicon_47.png" alt="">
</li>
</ul>
<div class="swiper-button-next">
</div>
<div class="swiper-button-prev ">
</div>
</div>
</div>
<!-- 独角快报 -->
<div class="show_InMain2">
<div class="show_InMain_box4">
<!-- 顶部标题 -->
<div class="show_INMain_tit clearfix">
<div class="show_IN1 clearfix">
<img src="../starImg/aicon_51.png" alt="" style="margin-top:5px;width: 30px;">
<p>独角<span>快报</span></p>
<h2>Planet Express</h2>
</div>
<!-- 更多 -->
<div class="show_IN2">
<a href=""> MORE+ </a>
</div>
</div>
<!-- 内容 -->
<div class="show_INMain_con4">
<ul>
<li class="clearfix">
<a href="show_4.html">
<img src="../starImg/bicon_27.png" alt="">
<div class="show_INMain_con4_txt">
<h2>这片鲜有人知的湖区，堪称芬兰的灵魂，就等你来一探究竟！</h2>
<p>一提到芬兰，脑海里总是出现绚丽的极光、快乐的圣诞老人……你以为芬兰所有的快乐和浪漫都留给了冬天？会议认为，成绩留在过去，问题面向未来。目前，中青旅处于经济下行风险期、旅游行业变革创新期、自身改革发展转型期“三期叠加”爬坡过坎的特殊关键时期。
</p>
<span>2019-01-09</span>
</div>
</a>
</li>
<li class="clearfix">
<a href="show_4.html">
<img src="../starImg/bicon_27.png" alt="">
<div class="show_INMain_con4_txt">
<h2>这片鲜有人知的湖区，堪称芬兰的灵魂，就等你来一探究竟！</h2>
<p>一提到芬兰，脑海里总是出现绚丽的极光、快乐的圣诞老人……你以为芬兰所有的快乐和浪漫都留给了冬天？会议认为，成绩留在过去，问题面向未来。目前，中青旅处于经济下行风险期、旅游行业变革创新期、自身改革发展转型期“三期叠加”爬坡过坎的特殊关键时期。
</p>
<span>2019-01-09</span>
</div>
</a>
</li>
<li class="clearfix">
<a href="show_4.html">
<img src="../starImg/bicon_27.png" alt="">
<div class="show_INMain_con4_txt">
<h2>这片鲜有人知的湖区，堪称芬兰的灵魂，就等你来一探究竟！</h2>
<p>一提到芬兰，脑海里总是出现绚丽的极光、快乐的圣诞老人……你以为芬兰所有的快乐和浪漫都留给了冬天？会议认为，成绩留在过去，问题面向未来。目前，中青旅处于经济下行风险期、旅游行业变革创新期、自身改革发展转型期“三期叠加”爬坡过坎的特殊关键时期。
</p>
<span>2019-01-09</span>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
<!-- 独角日志 -->
<div class="show_InMain_box show_InMain_box5">
<!-- 顶部标题 -->
<div class="show_INMain_tit clearfix">
<div class="show_IN1 clearfix">
<img src="../starImg/aicon_52.png" alt="" style="margin-top:3px;width: 28px;">
<p>独角<span>日志</span></p>
<h2>Neo Blog</h2>
</div>
</div>
<!-- 内容 -->
<div class="show_INMain_con5">
<ul class="clearfix">
<li>
<a href="dujiao_detail.html">
<div class="show_INMain_con5_1">
<img src="../starImg/aicon_55.png" alt="">
</div>
<div class="show_INMain_con5_2">
<h1>曼谷著名地标，必访的景点</h1>
<p>
门票一个人200泰铢，附一瓶水，人群明显较大皇宫少，为什么？明明就在隔壁。 中文说明，个人觉得，泰国受中国和印度影响很深，建筑风格上，可看出两者的融合，卧佛本身所在寺庙，内部空不是很大，观光客都在取景拍照，而换零钱投钵许愿这事，很有特色内部空不是很大，观光客都在取景拍照。
</p>
<img src="../starImg/aicon_56.png" alt="">
</div>
</a>
</li>
<li>
<div class="show_INMain_con5_1">
<img src="../starImg/aicon_55.png" alt="">
</div>
<div class="show_INMain_con5_2">
<h1>曼谷著名地标，必访的景点</h1>
<p>
门票一个人200泰铢，附一瓶水，人群明显较大皇宫少，为什么？明明就在隔壁。 中文说明，个人觉得，泰国受中国和印度影响很深，建筑风格上，可看出两者的融合，卧佛本身所在寺庙，内部空不是很大，观光客都在取景拍照，而换零钱投钵许愿这事，很有特色内部空不是很大，观光客都在取景拍照。
</p>
<img src="../starImg/aicon_56.png" alt="">
</div>
</li>
<li>
<div class="show_INMain_con5_1">
<img src="../starImg/aicon_55.png" alt="">
</div>
<div class="show_INMain_con5_2">
<h1>曼谷著名地标，必访的景点</h1>
<p>
门票一个人200泰铢，附一瓶水，人群明显较大皇宫少，为什么？明明就在隔壁。 中文说明，个人觉得，泰国受中国和印度影响很深，建筑风格上，可看出两者的融合，卧佛本身所在寺庙，内部空不是很大，观光客都在取景拍照，而换零钱投钵许愿这事，很有特色内部空不是很大，观光客都在取景拍照。
</p>
<img src="../starImg/aicon_56.png" alt="">
</div>
</li>
</ul>
</div>
</div>
<!-- 公益未来 -->
<div class="show_InMain_box show_InMain_box6">
<!-- 顶部标题 -->
<div class="show_INMain_tit clearfix">
<div class="show_IN1 clearfix">
<img src="../starImg/aicon_53.png" alt="" style="margin-top:5px;width:37px;">
<p>公益<span>未来</span></p>
<h2>Commonweal & Future</h2>
</div>
</div>
<!-- 内容 -->
<div class="show_INMain_con6">
<ul class="clearfix">
<li>
<a href="show_2.html">
<img src="../starImg/aicon_57.png" alt="">
<div class="show_INMain_con6_1">
<h1>春季无限畅游迪士尼</h1>
<p>想和家人朋友在这个缤纷春日及热情夏日随时投入神奇世界，感受无所不在的欢乐，只需带上你的春夏畅游季卡！在满园春色中感受迪士尼元素。</p>
</div>
</a>
</li>
<li>
<a href="show_2.html">
<img src="../starImg/aicon_57.png" alt="">
<div class="show_INMain_con6_1">
<h1>春季无限畅游迪士尼</h1>
<p>想和家人朋友在这个缤纷春日及热情夏日随时投入神奇世界，感受无所不在的欢乐，只需带上你的春夏畅游季卡！在满园春色中感受迪士尼元素。</p>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
<!-- 底部 -->
<footer></footer>
<script src="../js/jquery-3.2.1.min.js"></script>
<script src="../swiper4/swiper.min.js"></script>
<script>
// 头尾
$('header').load('header.html');
$('footer').load('footer.html');
// 星球画廊swiper
var swiper = new Swiper('.swiper-container', {
slidesPerView: 4,
spaceBetween: 53,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
// 星球故事swiper
var swiper = new Swiper('.swiper-container2', {
slidesPerView: 1,
spaceBetween: 30,
// loop: true,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next2',
prevEl: '.swiper-button-prev2',
},
});
// banner视频
// var video = document.getElementById("video");
// function bofang() {
// video.play();
// $('#video').attr('controls', 'controls')
// $('.show_in_banner2').hide();
// }
</script>
</body>
</html>