-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
261 lines (261 loc) · 10.7 KB
/
index.html
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
<!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">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/base/common.css">
<link rel="stylesheet" href="css/index.css">
<title>首页</title>
</head>
<body>
<div class="wrap">
<!--头部引入-->
<iframe src="head.html" frameborder="0" width="100%" height="120px"></iframe>
<!--banner轮播-->
<div class="bannerBox">
<div id="slideBox" class="slideBox">
<div class="hd">
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<div class="bd">
<ul>
<li>
<a href="javascript:void(0)" target="_blank">
<!-- <img src="img/banner.png" alt=""> -->
</a>
</li>
<li>
<a href="javascript:void(0)" target="_blank">
<!-- <img src="img/banner.png" alt=""> -->
</a>
</li>
<li>
<a href="javascript:void(0)" target="_blank">
<!-- <img src="img/banner.png" alt=""> -->
</a>
</li>
</ul>
</div>
</div>
</div>
<!--banner轮播-->
<div class="TitBox TitBox_1">
<p class="tit_Index">
<span>新闻中心</span>
<br>
<b class="TitBoxLine"></b>
</p>
</div>
<div class="cont_news">
<ul class="newList">
<li>
<img src="img/newLbg.png" class="BgTit" alt="">
<div class="newCont">
<p class="tit_Index">
<span>幼儿园里的"跳蚤市场"</span>
<br>
<b class="TitBoxLine"></b>
</p>
<p class="newList_cont">
近日，浙江省杭州市浙江大学幼儿园
西溪分园举办了一场绿色淘宝
“跳蚤市场”活动。孩子们和家长
把家中闲置的书籍、玩具
拿到“跳蚤市场”上进行售卖和交换
</p>
<b class="B_line"></b>
</div>
</li>
<li>
<img src="img/newLbg.png" class="BgTit" alt="">
<div class="newCont">
<p class="tit_Index">
<span>增殖放流 修复生态</span>
<br>
<b class="TitBoxLine"></b>
</p>
<p class="newList_cont">
6月5日，江西都昌县人民法院联合
渔政、水警多家单位组织开展非法
捕捞案件的增殖放流执行活动，将近
10万尾鱼苗放流鄱阳湖之中，用于
修复人为破坏的水产资源，增加当地
水域的鱼类群体数量，维护生态平衡
</p>
<b class="B_line"></b>
</div>
</li>
<li>
<img src="img/newLbg.png" class="BgTit" alt="">
<div class="newCont">
<p class="tit_Index">
<span>千人骑行倡导绿色出行</span>
<br>
<b class="TitBoxLine"></b>
</p>
<p class="newList_cont">
6月5日，是世界环境日，内蒙古
呼和浩特市上千名环保志愿者参加
“绿色出行·从我做起”自行车骑行
活动，倡导低碳绿色出行
</p>
<b class="B_line"></b>
</div>
</li>
<li>
<img src="img/newLbg.png" class="BgTit" alt="">
<div class="newCont">
<p class="tit_Index">
<span>人人都是行动者</span>
<br>
<b class="TitBoxLine"></b>
</p>
<p class="newList_cont">
6月5日，是世界环境日，四川省
眉山市东坡城市湿地公园在蓝天
白云下处处绿意盎然，美不胜收
</p>
<b class="B_line"></b>
</div>
</li>
</ul>
<div class="BtnBox">
<a href="javascript:" class="moreBtn">了解更多</a>
</div>
</div>
<div class="TitBox TitBox_2">
<p class="tit_Index">
<span>公司简介</span>
<br>
<b class="TitBoxLine"></b>
</p>
</div>
<!--video-->
<div class="VideoBox">
<video id="video_0" preload="metadata" src="http://jq22.qiniudn.com/www.jq22.commi4.webm" autoplay controls></video>
</div>
<!--video End-->
<div class="TitBox TitBox_3">
<p class="tit_Index">
<span>全球节能环保制作专家</span>
<br>
<b class="TitBoxLine"></b>
</p>
</div>
<div class="hb_cont">
<p>
AA市AA节能科技有限公司是集一批海外归国人员共同创建的新技术企业。这些研发人员结合目前中国国内实际用电情况，
大量几区国际较先进的电子控制技术及电磁转换节能技术，引进国际前沿节能理念，开发出具有自主知识产权的新一代节能产品-HWT系列节点产品，
该系列部分产品可采用大功率整体节电方式。
为用户进行整体节点改造，在节点行业具有**技术领先优势。
</p>
<p>
通过数年的艰苦创业，培养和引进一批高素质高新技术人才，致力研发与创新矿井玻璃钢井筒装备、环保水处理事业、以及煤矿所需保温钢管。
公司集科技、设计、制造、安装和售后服务为一体，面向国内外市场；坚持
“信誉是生命，质量是根本”为精英宗旨。
</p>
<div class="BtnBox">
<a href="javascript:" class="moreBtn">了解更多</a>
</div>
</div>
<!--科技环保-->
<div class="Kjhb">
<div class="conts">
<h1>科技环保 服务之最</h1>
<p>专业\便捷\安全并驾齐驱·口碑是云青堂的立身之本</p>
<ul>
<li>
<dl>
<dt>
<img src="/img/kj_icon_03.png" alt="">
</dt>
<dd>
服务人员严格筛选、择优
录取；系统培训、专业工具、
标准化流程
</dd>
</dl>
</li>
<li>
<dl>
<dt>
<img src="/img/kj_icon_05.png" alt="">
</dt>
<dd>
服务人员严格筛选、择优
录取；系统培训、专业工具、
标准化流程
</dd>
</dl>
</li>
<li>
<dl>
<dt>
<img src="/img/kj_icon_07.png" alt="">
</dt>
<dd>
服务人员严格筛选、择优
录取；系统培训、专业工具、
标准化流程
</dd>
</dl>
</li>
</ul>
</div>
</div>
<div class="TitBox TitBox_4">
<p class="tit_Index">
<span>主营业务</span>
<br>
<b class="TitBoxLine"></b>
</p>
</div>
<div class="conts zyyw">
<img src="/img/ywbj.png" alt="">
</div>
<div class="TitBox TitBox_5">
<p class="tit_Index">
<span>成功案例</span>
<br>
<b class="TitBoxLine"></b>
</p>
</div>
<div class="conts cgal">
<ul>
<li>
<a href="javascript:">
<img src="/img/cgalIcon_03.png" alt="">
</a>
</li>
<li>
<a href="javascript:">
<img src="/img/cgalIcon_05.png" alt="">
</a>
</li>
<li>
<a href="javascript:">
<img src="/img/cgalIcon_07.png" alt="">
</a>
</li>
</ul>
<div class="BtnBox">
<a href="javascript:" class="moreBtn">了解更多</a>
</div>
</div>
<!--尾部引入-->
<iframe src="footer.html" class="iframe_footer" frameborder="0" width="100%" height="445px"></iframe>
</div>
</body>
<script src="js/common/jquery-2.1.1.js"></script>
<script src="js/common/jquery.superslide.2.1.1.js"></script>
<script>
//轮播
$(".slideBox").slide({ mainCell: ".bd ul", effect: "leftLoop", autoPlay: true });
</script>
</html>