ff206ebb by 任超

style:首页新闻

1 parent cbaf76f5
...@@ -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 }
......

289 KB | W: | H:

348 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin