style:首页新闻
Showing
3 changed files
with
1 additions
and
169 deletions
... | @@ -138,42 +138,6 @@ | ... | @@ -138,42 +138,6 @@ |
138 | </ul> | 138 | </ul> |
139 | </div> | 139 | </div> |
140 | </div> | 140 | </div> |
141 | |||
142 | <div class="c_one"> | ||
143 | <div class="contentBox"> | ||
144 | <div class="news"> | ||
145 | <h2> | ||
146 | <a href="./staticViews/xwdt.html" title="新闻动态" class="news_title_content"> | ||
147 | <div class="news_title"> | ||
148 | <svg class="icon svg-icon" aria-hidden="true"> | ||
149 | <use xlink:href="#iconxinwen"></use> | ||
150 | </svg> | ||
151 | <span>新闻动态</span> | ||
152 | </div> | ||
153 | <i>查看全部 ></i> | ||
154 | </a> | ||
155 | </h2> | ||
156 | <a class="news-img" href="" title="图片新闻地信中心开展外业安全生产监控系统培训工作"><img src="staticImages/news_demo.jpg" | ||
157 | alt="图片新闻地信中心开展外业安全生产监控系统培训工作" /></a> | ||
158 | <ul id='ulNews'></ul> | ||
159 | </div> | ||
160 | <div class="notice"> | ||
161 | <h2> | ||
162 | <a title="公示公告" href="./staticViews/gsgg.html" class="news_title_content"> | ||
163 | <div class="news_title"> | ||
164 | <svg class="icon svg-icon" aria-hidden="true"> | ||
165 | <use xlink:href="#icongonggao"></use> | ||
166 | </svg> | ||
167 | <span>公示公告</span> | ||
168 | </div> | ||
169 | <i>查看全部 ></i> | ||
170 | </a> | ||
171 | </h2> | ||
172 | <ul class="notice_list" id="ulNotice"> | ||
173 | </ul> | ||
174 | </div> | ||
175 | </div> | ||
176 | </div> | ||
177 | <div class="c_two"> | 141 | <div class="c_two"> |
178 | <div class="subject"> | 142 | <div class="subject"> |
179 | <h2><a href="" title="便民服务">便民服务</a></h2> | 143 | <h2><a href="" title="便民服务">便民服务</a></h2> | ... | ... |
... | @@ -7,7 +7,7 @@ | ... | @@ -7,7 +7,7 @@ |
7 | margin: 0 auto; | 7 | margin: 0 auto; |
8 | padding-bottom: 40px; | 8 | padding-bottom: 40px; |
9 | } | 9 | } |
10 | div.c_one, div.c_two, div.c_three, div.c_four, div.c_five, div.footer { | 10 | div.c_two, div.c_three, div.c_four, div.c_five, div.footer { |
11 | width: 100%; | 11 | width: 100%; |
12 | text-align: center; | 12 | text-align: center; |
13 | } | 13 | } |
... | @@ -267,138 +267,6 @@ div.c_one, div.c_two, div.c_three, div.c_four, div.c_five, div.footer { | ... | @@ -267,138 +267,6 @@ div.c_one, div.c_two, div.c_three, div.c_four, div.c_five, div.footer { |
267 | .common_question .list_content_right dd a p:hover { | 267 | .common_question .list_content_right dd a p:hover { |
268 | color: #0091FF; | 268 | color: #0091FF; |
269 | } | 269 | } |
270 | /* -----------------end---------------------------- */ | ||
271 | /* div.c_one div:first-child { | ||
272 | width: 1200px; | ||
273 | height: 430px; | ||
274 | text-align: left; | ||
275 | } */ | ||
276 | |||
277 | div.c_one div:first-child .news, div.c_one div:first-child .notice { | ||
278 | margin-top: 40px; | ||
279 | height: 332px; | ||
280 | border: #DEDEDE 1px solid; | ||
281 | padding: 0 15px 0 15px; | ||
282 | } | ||
283 | |||
284 | div.c_one div:first-child .news { | ||
285 | width: 62.6%; | ||
286 | float: left; | ||
287 | } | ||
288 | |||
289 | div.c_one div:first-child .notice { | ||
290 | width: 30%; | ||
291 | float: right; | ||
292 | } | ||
293 | .notice_list li a .icon{ | ||
294 | float: right; | ||
295 | height: 25px; | ||
296 | width: 11%; | ||
297 | margin-top: 8px; | ||
298 | } | ||
299 | div.c_one h2 { | ||
300 | float: left; | ||
301 | width: 100%; | ||
302 | padding: 20px 0 0 0; | ||
303 | border-bottom: 1px solid #DEDEDE; | ||
304 | } | ||
305 | |||
306 | div.c_one h2 a { | ||
307 | float: left; | ||
308 | width: 100%; | ||
309 | } | ||
310 | |||
311 | |||
312 | div.c_one h2 i { | ||
313 | float: right; | ||
314 | font-size: 14px; | ||
315 | font-style: normal; | ||
316 | color: #9d9d9d; | ||
317 | } | ||
318 | |||
319 | div.c_one h2 a:hover i { | ||
320 | color: #0091FF; | ||
321 | |||
322 | } | ||
323 | |||
324 | div.c_one .news .news-img { | ||
325 | margin-top: 20px; | ||
326 | float: left; | ||
327 | width: 350px; | ||
328 | height: 237px; | ||
329 | } | ||
330 | div.c_one .news .news-img img { | ||
331 | height: 100%; | ||
332 | width: 100%; | ||
333 | } | ||
334 | |||
335 | div.c_one ul { | ||
336 | width: 100%; | ||
337 | float: left; | ||
338 | margin-top: 10px; | ||
339 | list-style: none; | ||
340 | font-size: 14px; | ||
341 | letter-spacing: 1px; | ||
342 | } | ||
343 | |||
344 | /*<li><a href=""><i>最新</i>创新技术体系 引领事业发展<span>2020-06-19</span></a></li>*/ | ||
345 | div.c_one ul li { | ||
346 | line-height: 42px; | ||
347 | } | ||
348 | div.c_one ul li:not(:last-child) { | ||
349 | border-bottom: 1px dashed #DEDEDE; | ||
350 | } | ||
351 | |||
352 | div.c_one #ulNews li a{ | ||
353 | width: 100%; | ||
354 | display: block; | ||
355 | text-align: left; | ||
356 | } | ||
357 | |||
358 | div.c_one #ulNews .news_item{ | ||
359 | display: inline-block; | ||
360 | white-space:nowrap; | ||
361 | overflow:hidden; | ||
362 | text-overflow:ellipsis; | ||
363 | width: 75%; | ||
364 | font-size: 14px; | ||
365 | } | ||
366 | div.c_one .news_item .icon { | ||
367 | float: left; | ||
368 | height: 29px; | ||
369 | width: 14%!important; | ||
370 | margin-top: 7.5px; | ||
371 | margin-right: 7px; | ||
372 | margin-left: -3px; | ||
373 | } | ||
374 | div.c_one ul li a:hover { | ||
375 | color: #0091FF; | ||
376 | } | ||
377 | div.c_one ul li a span { | ||
378 | float: right; | ||
379 | color: #9b9b9b; | ||
380 | } | ||
381 | |||
382 | div.c_one ul li a:hover span { | ||
383 | color: #0091FF; | ||
384 | } | ||
385 | |||
386 | div.c_one ul li a i { | ||
387 | color: #FA6400; | ||
388 | font-style: normal; | ||
389 | border: 1px solid #FA6400; | ||
390 | line-height: 120%; | ||
391 | margin: 11px 7px auto auto; | ||
392 | font-size: 10px; | ||
393 | border-radius: 2px; | ||
394 | line-height: 14px; | ||
395 | display: inline-block; | ||
396 | } | ||
397 | |||
398 | div.c_one .news ul { | ||
399 | float: right; | ||
400 | width: 51%; | ||
401 | } | ||
402 | .news_title_content:hover span{ | 270 | .news_title_content:hover span{ |
403 | color: #4A4A4A; | 271 | color: #4A4A4A; |
404 | } | 272 | } | ... | ... |
-
Please register or sign in to post a comment