-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
432 lines (424 loc) · 14.6 KB
/
Copy pathindex.html
File metadata and controls
432 lines (424 loc) · 14.6 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
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>后青春 | POST-SPRING</title>
<link href="css/reset.css" rel="stylesheet">
<link href="css/base.css" rel="stylesheet">
<link href="css/index.css" rel="stylesheet">
<link href="plugin/swiper-2.7.6/idangerous.swiper.css" rel="stylesheet">
<link rel="icon" href="http://zimeitisucai.oss-cn-beijing.aliyuncs.com/resource/HYouthWebsite/img/title.ico" type="image/x-icon" >
</head>
<body>
<!--header start-->
<nav>
<!--<div class="header ">
<div class="clearfix">
<a href="index.html"><div class="logo fl"></div></a>
<ul class="fl clearfix">
<li class="on"><a href="index.html">首页</a></li>
<li ><a href="">案例展示</a></li>
<li ><a href="">新闻中心</a></li>
<li ><a href="">关于我们</a></li>
</ul>
</div>
</div>-->
</nav>
<!--header end-->
<!--banner start-->
<div class="banner">
<div class="swiper-container" id="swiper1">
<div class="swiper-wrapper">
<div class="swiper-slide slide1"><a href="case-pro.html?id=maoding_1"></a></div>
<div class="swiper-slide slide2"><a href="case-pro.html?id=fengmi_2"></a></div>
<div class="swiper-slide slide3"><a href="case-pro.html?id=longmao_4"></a></div>
</div>
<div class="pagination"></div>
</div>
</div>
<!--banner end-->
<!--content start-->
<div class="content">
<div class="part1">
<div class="f30 headline">设计项目</div>
<div class="two clearfix auto">
<a href="case.html?tab=0"><div class="fl">
<i></i>
<p class="f26 pt50">产品创意设计</p>
<div class="f22">Products and equipment design</div>
</div></a>
<a href="case.html?tab=1"><div class="fr">
<i></i>
<p class="f26 pt50">工业产品装备防护设计</p>
<div class="f22">Products appearance design</div>
</div></a>
</div>
<div class="product">
<div class="pr1 fl">
<div class="left1 clearfix">
<div class="left1_l fl dhover">
<a href="case-pro.html?id=tom_9">
<div class="con">
<div class="p">
<p class="f30">汤姆逊电子管音响</p>
<p class="f24">外观设计</p>
</div>
</div>
</a>
</div>
<div class="left1_r fr dhover">
<a href="case-pro.html?id=ifi_8">
<div class="con">
<div class="p">
<p class="f30">I-FI智能热点</p>
<p class="f24">外观设计</p>
</div>
</div>
</a>
</div>
</div>
<div class="left2 clearfix">
<div class="left2_l fl dhover">
<a href="case-pro.html?id=zipai_7">
<div class="con">
<div class="p">
<p class="f30">Dooraa自拍神器</p>
<p class="f24">外观设计</p>
</div>
</div>
</a>
</div>
<div class="left2_r fr dhover">
<a href="case-pro.html?id=cuijian_3">
<div class="con">
<div class="p">
<p class="f30">崔建手机</p>
<p class="f24">外观设计</p>
</div>
</div>
</a>
</div>
</div>
<div class="left3 dhover">
<a href="case-pro.html?id=fengmi_2">
<div class="con">
<div class="p">
<p class="f30">哈米固态蜂蜜</p>
<p class="f24">外观设计</p>
</div>
</div>
</a>
</div>
</div>
<div class="pr2 fl">
<div class="mid1 dhover">
<a href="case-pro.html?id=dayinxiang_5">
<div class="con">
<div class="p">
<p class="f30">汤姆逊层云音响</p>
<p class="f24">外观设计</p>
</div>
</div>
</a>
</div>
<div class="mid2 dhover">
<a href="case-pro.html?id=maoding_1">
<div class="con">
<div class="p">
<p class="f30">无声派对耳机</p>
<p class="f24">外观设计</p>
</div>
</div>
</a>
</div>
</div>
<div class="pr3 fr">
<div class="right1 dhover">
<a href="case-pro.html?id=longmao_4">
<div class="con">
<div class="p">
<p class="f30">龙猫充电宝</p>
<p class="f24">外观设计</p>
</div>
</div>
</a>
</div>
<div class="right2 dhover">
<a href="case-pro.html?id=mochun_6">
<div class="con">
<div class="p">
<p class="f30">@魔唇棒棒糖</p>
<p class="f24">外观设计</p>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="part2">
<div class="headline f26 more"><a href="case.html"><div class="icon">MORE</div></a> </div>
<div class="headline f30">获得荣誉</div>
<div class="iconswiper auto">
<div class="swiper-container" id="swiper2">
<div class="swiper-wrapper">
<div class="swiper-slide slide1">
<p class="f26 mt370">中国创新设计红星奖获奖证书</p>
</div>
<div class="swiper-slide slide2">
<p class="f26 mt370">中国工业设计十佳大奖</p>
</div>
<div class="swiper-slide slide3">
<p class="f26 mt370">“包豪斯奖”国际设计大赛</p>
</div>
</div>
<!--<div class="pagination"></div>-->
</div>
<div class="prev arrow"></div>
<div class="next arrow"></div>
</div>
<div class="f20 words">设计在本质上是设计人们的生活方式，改变人们的行为方式，因此，一方面接近人们所需，了解或者设计了消费市场；<br />
另一方面，又能把需求反映给技术上的创新，使得设计能够贴近需求并且转发为产品满足需要。<br />
此次后青春团队的百奥奇产品设计为技术找到同社会生活结合的契合点，最大限度的服务于人们。</div>
</div>
<div class="part3">
<div class="news">
<div class="left clearfix">
<div class="left_l dhover fl">
<div>
<div class="newsword">新闻中心</div>
<div class="newsCenter">News Center</div>
</div>
</div>
<div class="left_r dhover fr">
<a href="news.html?id=news20160822">
<div class="con">
<div class="p">
<div class="data">08-22</div>
<div class="year">2016</div>
<div class="det">后青春讲座：“设计+”创新创业培训</div>
<div class="desc">2016年8月19日，大连后青春工业设计有限公司<br/>举办了一场讲座活动，讲座过程中，资深工业设<br/>计师徐德鑫向大家阐述了最新的设计理念以及设<br/>计创新能够为企业带来什么。</div>
</div>
</div>
</a>
</div>
</div>
<div class="right dhover">
<a href="news.html?id=news20160819">
<div class="con">
<div class="p none">
<div class="data">08-19</div>
<div class="year">2016</div>
<div class="det">关于举办工业设计前沿理论研究与专业...</div>
<div class="desc">关于举办工业设计前沿理论研究与专业技术升级<br>培训高级研修班的通知</div>
</div>
</div>
</a>
</div>
</div>
<div class="news news2">
<div class="left mleft clearfix">
<div class="left_l dhover fl">
<a href="news.html?id=news20151214">
<div class="con">
<div class="p">
<div class="data">12-14</div>
<div class="year">2015</div>
<div class="det">热烈庆祝后青春王峰博士获得2015年度中...</div>
<div class="desc">近日，第十届中国工业设计周暨第九届中国（深<br>圳）国际工业设计周正式开幕，2015“中国工业<br>设计十佳大奖”评选活动也正式揭晓，其中五大<br>奖项分别包括：2015年度“中国工业设计十佳...</div>
</div>
</div>
</a>
</div>
<div class="left_r dhover fr">
<a href="news.html?id=news20151203">
<div class="con">
<div class="p">
<div class="data">12-03</div>
<div class="year">2015</div>
<div class="det">第二届“江淮杯”工业设计大赛成功举行...</div>
<div class="desc">由安徽后青春工业设计研究院协办的第二届'江淮<br>杯'工业设计大赛的成功举行，继续延续去年首届<br>大赛开创的良好局面，进一步在全省营造关注工<br>业设计、参与工业设计、支持工业设计的创新...</div>
</div>
</div>
</a>
</div>
</div>
<div class="right mright dhover">
<a href="news.html?id=news20160530">
<div class="con">
<div class="p none">
<div class="data">05-30</div>
<div class="year">2016</div>
<div class="det">【后青春讲堂】工业设计如何提升产品...</div>
<div class="desc">2016年5月20日下午2时，大连后青春工业设计有<br>限公司在高新园区创业E港举办了工业设计讲座<br>，设计师王忠贺为大家介绍了工业设计如何提升<br>产品附加值的秘密，整个讲座持续了一个多小…</div>
</div>
</div>
</a>
</div>
</div>
<div class="news news3">
<div class="left clearfix">
<div class="left_l dhover fl">
<a href="news.html?id=news20151201">
<div class="con">
<div class="p">
<div class="data">12-01</div>
<div class="year">2015</div>
<div class="det">安徽后青春工业设计研究院承办，第六届...</div>
<div class="desc">由安徽省政府、国家外国专家局主办，安徽省外<br>专局、蚌埠市外专局、安徽后青春工业设计研究<br>院共同承办的第六届外国专家江淮行工业设计专<br>题活动昨日落下帷幕。</div>
</div>
</div>
</a>
</div>
<div class="left_r dhover fr">
<a href="news.html?id=news20151113">
<div class="con">
<div class="p">
<div class="data">11-13</div>
<div class="year">2015</div>
<div class="det">机械与设计的完美结合：2015红星奖设计...</div>
<div class="desc">2015年的中国设计红星奖已经选拔结束，而我们<br>的机床外观防护设计作品顺利获奖，将机械与美<br>学完美结合。</div>
</div>
</div>
</a>
</div>
</div>
<div class="right dhover">
<a href="news.html?id=news20150916">
<div class="con">
<div class="p none">
<div class="data">09-16</div>
<div class="year">2015</div>
<div class="det">大连市2015年度专业技术人员高级研修班...</div>
<div class="desc">大连市2015年度专业技术人员高级研修班现已开<br>课啦，今天的内容是陈磊老师讲述alias产品建模<br>理论。</div>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="more f26 headline">
<a href="news_list.html"><div class="icon">MORE</div></a>
</div>
<div class="part4">
<div class="in">
<div class="auto">
<div class="headline f30">后青春简介</div>
<div class="desc f20">青春期的不羁、奔放、反叛、不确定，在给设计产业带来激情的同时，也可能带来伤害，比如浅薄、浮躁、雷同、形式大于内容。</div>
<div class="more4">
<a href="aboutus.html" ><div class="icon f26">MORE</div></a>
</div>
</div>
</div>
</div>
</div>
<!--content end-->
<!--pubpart start-->
<div class="pubpart">
<!--<div class="in">
<div class="auto clearfix">
<div class="t fr">
<div class="unit">
<p class="p">沈阳公司：</p>
<div class="word">沈阳市青年大街23号希望大厦12F，后青春工业设计公司<br />
电话：400-820-8989</div>
</div>
<div class="unit">
<p class="p">大连公司：</p>
<div class="word">大连高新科技产业园区腾飞产业园二期<br />
地下一层#-01-01室<br />
电话：400-820-8989</div>
</div>
<div class="unit">
<p class="p">蚌埠公司：</p>
<div class="word">蚌埠市解放路590号蚌埠人才市场5楼<br />
电话：400-820-8989</div>
</div>
<div class="icon">
<i class="icon1"></i>
<i class="icon2"></i>
<i class="icon3"></i>
</div>
</div>
</div>
</div>-->
</div>
<!--pubpart end-->
<!--footer start-->
<footer>
<!--<div class="footer">
<div class="auto pt50 clearfix">
<div class="fl clearfix">
<div class="col fl">
<h4>明星产品</h4>
<ul>
<li><a href="">@魔唇棒棒糖</a></li>
<li><a href="">龙猫充电宝</a></li>
<li><a href="">汤姆逊电子管音响</a></li>
<li><a href="">i-fi智能热点</a></li>
</ul>
</div>
<div class="col fl">
<h4> </h4>
<ul>
<li><a href="">STAB ME 头戴式蓝牙耳机</a></li>
<li><a href="">哈米固态蜂蜜</a></li>
<li><a href="">汤姆逊风云系列音响</a></li>
<li><a href="">崔健手机</a></li>
</ul>
</div>
</div>
<div class="fr">
<div class="">
<h4>合作品牌</h4>
<img class="brand" src="http://zimeitisucai.oss-cn-beijing.aliyuncs.com/resource/HYouthWebsite/img/01index/brand.png"/>
</div>
</div>
</div>
<div class="auto end">
京ICP备11017824号-4 / 京ICP证130164号 | 北京市公安局朝阳分局备案编号:110105000501 | Copyright © 2014 后青春工业设计公司
</div>
</div>-->
</footer>
<!--footer end-->
</body>
<script src="plugin/swiper-2.7.6/idangerous.swiper.min.js"></script>
<script src="js/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/headerFooter.js" type="text/javascript" charset="utf-8"></script>
<script src="js/pubpart.js" type="text/javascript" charset="utf-8"></script>
<!--<script src="js/header.js" type="text/javascript" charset="utf-8"></script>-->
<!--<script src="js/index.js" type="text/javascript" charset="utf-8"></script>-->
<script>
$('.header li').eq(0).addClass('on');
window.onload = function() {
var mySwiper = new Swiper('#swiper1',{
loop: true,
autoplay : 5000,
pagination : '.pagination',
paginationClickable :true
});
var swiper = new Swiper('#swiper2', {
loop:true,
//autoplay : 1000,
});
$('.iconswiper ').on('click','.prev',function(){
swiper.swipePrev();
});
$('.iconswiper').on('click','.next',function(){
swiper.swipeNext();
});
}
function getScrollTop(){
var scrollTop=0;
if(document.documentElement&&document.documentElement.scrollTop)
{
scrollTop=document.documentElement.scrollTop;
}
else if(document.body)
{
scrollTop=document.body.scrollTop;
}
return scrollTop;
}
</script>
</html>