Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
6208707d by 任超
Options

style:css

1 parent 86db72c3
Inline Side-by-side
Showing 3 changed files with 4 additions and 618 deletions
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 <head> 5 <head>
6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
7 <title>网上“一窗办事”登记系统</title> 7 <title>网上“一窗办事”登记系统</title>
8 <link type="text/css" rel="stylesheet" href="./staticCss/global.css" /> 8 <link type="text/css" rel="stylesheet" href="./staticCss/pageHome.css" />
9 <script type="text/javascript" src="./staticJs/head.js"></script> 9 <script type="text/javascript" src="./staticJs/head.js"></script>
10 </head> 10 </head>
11 11
...@@ -66,9 +66,9 @@ ...@@ -66,9 +66,9 @@
66 <li> 66 <li>
67 <a href="" title="创新技术体系 引领事业发展"> 67 <a href="" title="创新技术体系 引领事业发展">
68 <div class="news_item"> 68 <div class="news_item">
69 <svg class="icon svg-icon" aria-hidden="true"> 69 <!-- <svg class="icon svg-icon" aria-hidden="true">
70 <use xlink:href="#iconzuixin"></use> 70 <use xlink:href="#iconzuixin"></use>
71 </svg> 71 </svg> -->
72 创新技术体系 引领事业发展引领事业发展引领事业发展引领事业发展 72 创新技术体系 引领事业发展引领事业发展引领事业发展引领事业发展
73 </div> 73 </div>
74 <span>2020-06-19</span> 74 <span>2020-06-19</span>
......
1
2 .clearfix {
3 overflow: auto;
4 }
5 .contentBox {
6 width: 1200px;
7 margin: 0 auto;
8 padding-bottom: 40px;
9 }
10 div.banner, div.c_one, div.c_two, div.c_three, div.c_four, div.c_five, div.footer {
11 width: 100%;
12 text-align: center;
13 }
14
15
16
17 div.banner {
18 height: 500px;
19 position: relative;
20 }
21
22 .banner .swiper_img {
23 width: 100%;
24 height: 100%;
25 }
26
27 .banner .banner_title {
28 position: absolute;
29 left: 0;
30 right: 0;
31 bottom: 50px;
32 margin: auto;
33 }
34
35 div.banner .banner_title {
36 list-style: none;
37 width: 1240px;
38 display: inline-block;
39 margin-top: 350px;
40 }
41
42 div.banner .banner_title li {
43 width: 260px;
44 height: 100px;
45 background-color: #ffffff;
46 float: left;
47 margin: auto 25px;
48 border-radius: 8px;
49 line-height: 650%;
50 box-sizing: border-box;
51 }
52 div.banner .banner_title li a {
53 display: block;
54 line-height: 100px;
55 font-size: 20px;
56 }
57 div.banner .banner_title li a img {
58 width: 23px;
59 height: 24px;
60 position: relative;
61 top: 6px;
62 margin-right: 3px;
63 }
64
65 div.banner ul li a {
66 color: #4A4A4A;
67 cursor: pointer;
68 }
69
70 /* ---------------法律法规 start----------------------- */
71 .laws_regulations {
72 width: 1220px;
73 margin: 0 auto;
74 padding: 40px 0;
75 overflow: hidden;
76 }
77 .laws_regulations .regulations, .policy {
78 width: 50%;
79 }
80 .laws_regulations .regulations_content, .policy_content {
81 height: 370px;
82 border-radius: 2px;
83 border: 1px solid #DEDEDE;
84 margin: 0 10px;
85 }
86 .laws_regulations .policy{
87 float: right;
88 }
89
90 .laws_regulations .regulations{
91 float: left;
92 }
93 .laws_regulations .title h2 a{
94 display: block;
95 padding: 20px;
96 height: 60px;
97 box-sizing: border-box;
98 border-bottom: 1px solid #DEDEDE;
99 width: 100%;
100 }
101 .laws_regulations .title h2 a p{
102 font-weight: 600;
103 color: #4A4A4A;
104 float: left;
105 height: 37px;
106 border-bottom: 2px solid #006CFF;
107 position: relative;
108 top: 1px;
109 }
110 .laws_regulations .title h2 a p .icon {
111 width: 22px;
112 height: 21px;
113 }
114 .laws_regulations .title h2 a p span {
115 position: relative;
116 font-size: 20px;
117 top: -3px;
118 margin-left: 3px;
119 }
120
121 .laws_regulations .title h2 i{
122 font-style: normal;
123 float: right;
124 font-size: 14px;
125 color: #9B9B9B;
126 }
127 .laws_regulations .title h2 i:hover {
128 color: #0091FF;
129 }
130 .laws_regulations .laws_list {
131 padding: 0 21px;
132 }
133 .laws_regulations .laws_list li{
134 height: 50px;
135 line-height: 50px;
136 padding-left: 3px;
137 }
138 .laws_regulations .laws_list li a{
139 display: block;
140 white-space:nowrap; /*文本不换行*/
141 text-overflow:ellipsis;/*设置超出部分显示...*/
142 -o-text-overflow:ellipsis;
143 overflow: hidden;
144 width: 90%;
145 }
146 .laws_regulations .laws_list li a:hover {
147 color: #0091FF;
148 }
149 .laws_regulations .laws_list li:not(:last-child) {
150 border-bottom: 1px dashed #DEDEDE;
151 }
152 /* ---------------end----------------------- */
153
154 /* ---------------好差评start---------------------------- */
155 .Good_bad_reviews {
156 width: 100%;
157 height: 180px;
158 }
159 .Good_bad_reviews img {
160 width: 100%;
161 height: 100%;
162 }
163
164 /* ------------------end----------- */
165 /* -------------常见问题start--------------------- */
166 .common_question {
167 padding: 40px;
168 background: #F6F9FB;
169 }
170 .common_question .subject_con {
171 width: 1200px;
172 margin: 0 auto;
173 overflow: hidden;
174 }
175 .common_question .subject, .interact{
176 border-radius: 2px;
177 width: 49%;
178 border: 1px solid #E7ECEF;
179 background-color: #ffffff;
180 }
181 .common_question .list_content , .list_content_right{
182 padding: 10px 20px 20px 20px;
183 box-sizing: border-box;
184 }
185 .common_question .list_content dd {
186 height: 50px;
187 line-height: 50px;
188 }
189 .common_question .list_content dd a{
190 display: inline-block;
191 width: 40%;
192 height: 50px;
193 line-height: 50px;
194 border-bottom: 1px dashed #DEDEDE;
195 }
196 .common_question .list_content dd a .icon {
197 width: 20px;
198 height: 20px;
199 position: relative;
200 top: 5px;
201 margin-right: 5px;
202 }
203 .common_question .list_content dd a:hover {
204 color: #0091FF;
205 }
206 .common_question .list_content dd a:first-child {
207 float: left;
208 }
209 .common_question .list_content dd a:last-child {
210 float: right;
211 }
212 .common_question .list_content dd:last-child a{
213 border: none;
214 }
215 .common_question .subject {
216 float: left;
217 }
218 .common_question .interact {
219 float: right;
220 }
221
222 .common_question .title h2 a{
223 display: block;
224 padding: 20px;
225 box-sizing: border-box;
226 height: 60px;
227 box-sizing: border-box;
228 border-bottom: 1px solid #E6E6E6;
229 width: 100%;
230 }
231 .common_question .title h2 a p{
232 font-weight: 600;
233 color: #4A4A4A;
234 float: left;
235 height: 37px;
236 border-bottom: 2px solid #006CFF;
237 position: relative;
238 top: 1px;
239 }
240 .common_question .title h2 a p .icon {
241 width: 22px;
242 height: 21px;
243 float: left;
244 }
245 .common_question .title h2 a p span {
246 position: relative;
247 font-size: 20px;
248 margin-left: 5px;
249 float: left;
250 top: -4px;
251 }
252
253 .common_question .title h2 i{
254 font-style: normal;
255 float: right;
256 font-size: 14px;
257 color: #9B9B9B;
258 }
259 .common_question .title h2 i:hover {
260 color: #0091FF;
261 }
262 .common_question .list_content_right {
263 text-align: center;
264 padding-bottom: 8px;
265 box-sizing: border-box;
266 overflow: hidden;
267 }
268 .common_question .list_content_right dd{
269 width: 49%;
270 float: left;
271 height: 130px;
272 text-align: center;
273 }
274 .common_question .list_content_right dd {
275 border-right: 1px dashed #DEDEDE;
276 border-bottom: 1px dashed #DEDEDE;
277 }
278 .common_question .list_content_right dd:nth-of-type(n+3) {
279 border-bottom: none;
280 }
281 .common_question .list_content_right dd:nth-child(even){
282 border-right: none;
283 }
284 .common_question .list_content_right dd a {
285 display: block;
286 position: relative;
287 top:50%;
288 height: 70px;
289 transform:translateY(-50%);
290 }
291 .common_question .list_content_right dd a img{
292 width: 70px;
293 height: 70px;
294 display: inline-block;
295 }
296 .common_question .list_content_right dd a p{
297 display: inline-block;
298 position: relative;
299 left: 6px;
300 top: -28px;
301 cursor: pointer;
302 }
303 .common_question .list_content_right dd a p:hover {
304 color: #0091FF;
305 }
306 /* -----------------end---------------------------- */
307 /* div.c_one div:first-child {
308 width: 1200px;
309 height: 430px;
310 text-align: left;
311 } */
312
313 div.c_one div:first-child .news, div.c_one div:first-child .notice {
314 margin-top: 40px;
315 height: 332px;
316 border: #DEDEDE 1px solid;
317 padding: 0 15px 0 15px;
318 }
319
320 div.c_one div:first-child .news {
321 width: 62.6%;
322 float: left;
323 }
324
325 div.c_one div:first-child .notice {
326 width: 30%;
327 float: right;
328 }
329 .notice_list li a .icon{
330 float: right;
331 height: 25px;
332 width: 11%;
333 margin-top: 5px;
334 }
335
336 /*<h2><a href=""><span>新闻动态</span><i>查看全部</i></a></h2>*/
337 div.c_one h2 {
338 float: left;
339 width: 100%;
340 padding: 20px 0 0 0;
341 border-bottom: 1px solid #DEDEDE;
342 }
343
344 div.c_one h2 a {
345 float: left;
346 width: 100%;
347 }
348
349
350 div.c_one h2 i {
351 float: right;
352 font-size: 14px;
353 font-style: normal;
354 color: #9d9d9d;
355 }
356
357 div.c_one h2 a:hover i {
358 color: #0091FF;
359
360 }
361
362 div.c_one .news .news-img {
363 margin-top: 20px;
364 float: left;
365 width: 350px;
366 height: 237px;
367 }
368 div.c_one .news .news-img img {
369 height: 100%;
370 width: 100%;
371 }
372
373 div.c_one ul {
374 width: 100%;
375 float: left;
376 margin-top: 10px;
377 list-style: none;
378 font-size: 14px;
379 letter-spacing: 1px;
380 }
381
382 /*<li><a href=""><i>最新</i>创新技术体系 引领事业发展<span>2020-06-19</span></a></li>*/
383 div.c_one ul li {
384 line-height: 42px;
385 }
386 div.c_one ul li:not(:last-child) {
387 border-bottom: 1px dashed #DEDEDE;
388 }
389
390 div.c_one #ulNews li a{
391 width: 100%;
392 display: block;
393 text-align: left;
394 }
395
396 div.c_one #ulNews .news_item{
397 display: inline-block;
398 white-space:nowrap;
399 overflow:hidden;
400 text-overflow:ellipsis;
401 width: 72%;
402 font-size: 14px;
403 }
404 div.c_one .news_item .icon {
405 float: left;
406 height: 29px;
407 width: 16%;
408 margin-top: 7.5px;
409 margin-right: 7px;
410 margin-left: -3px;
411 }
412 div.c_one ul li a:hover {
413 color: #0091FF;
414 }
415 div.c_one ul li a span {
416 float: right;
417 color: #9b9b9b;
418 }
419
420 div.c_one ul li a:hover span {
421 color: #0091FF;
422 }
423
424 div.c_one ul li a i {
425 float: left;
426 color: #FA6400;
427 font-style: normal;
428 border: 1px solid #FA6400;
429 line-height: 120%;
430 margin: 11px 7px auto auto;
431 font-size: 10px;
432 border-radius: 2px;
433 line-height: 14px;
434 display: inline-block;
435 }
436
437 div.c_one .news ul {
438 float: right;
439 width: 51%;
440 }
441 .news_title_content:hover span{
442 color: #4A4A4A;
443 }
444 .news_title_content .news_title{
445 float: left;
446 height: 39px;
447 border-bottom: 2px solid #006CFF;
448 position: relative;
449 top: 2px;
450 }
451 .news_title_content .news_title span {
452 float: left;
453 margin-left: 6px;
454 font-size: 20px;
455 margin-top: -3px;
456 font-weight: 600;
457 color: #4A4A4A;
458 }
459 .news_title_content .news_title .icon {
460 width: 22px;
461 height: 21px;
462 float: left;
463 }
464
465
466 div.c_two {
467 background: #F6F9FB;
468 }
469
470
471 div.c_two div:first-child {
472 width: 1220px;
473 height: 425px;
474 padding-bottom: 20px;
475 }
476
477 div.c_two h2 {
478 float: left;
479 margin-top: 40px;
480 background-color: #fafafa;
481 width: 100%;
482 font-size: 26px;
483 font-weight: 600;
484 letter-spacing: 2px;
485 background-color: #fcf8f8;
486 }
487
488 div.c_two ul {
489 float: left;
490 margin-top: 28px;
491 list-style: none;
492 }
493
494 div.c_two ul li {
495 float: left;
496 width: 25%;
497 overflow: hidden;
498 }
499 div.c_two ul li a {
500 box-sizing: border-box;
501 display: block;
502 background: #ffffff;
503 padding: 50px 36px;
504 box-sizing: border-box;
505 border: 1px solid #E7ECEF;
506 margin: 0 10px;
507 }
508 div.c_two ul li img {
509 width: 70px;
510 height: 70px;
511 }
512
513 div.c_two ul li:first-child {
514 margin-left: 0;
515 }
516
517 div.c_two ul li h6 {
518 margin-top: 20px;
519 font-size: 18px;
520 color: #4A4A4A;
521 letter-spacing: 2px;
522 }
523
524 div.c_two ul li p {
525 margin-top: 20px;
526 font-size: 14px;
527 color: #9B9B9B;
528 line-height: 21px;
529 cursor: pointer;
530 }
531
532 div.c_two ul li p:hover {
533 color: #0091FF;
534 }
535
536 div.c_three {
537 width: 100%;
538 background: #F6F9FB;
539 }
540
541 div.c_three div:first-child {
542 width: 1200px;
543 height: 360px;
544 }
545 div.c_three .c_t_banner{
546 float: left;
547 display: block;
548 margin-top: 38px;
549 width: 100%;
550 text-align: center;
551 }
552
553 div.c_three div dl{
554 text-align: left;
555 float: left;
556 margin-top: 30px;
557 width: 45%;
558 border: 2px solid #e3e3e3;
559 padding: 20px;
560 }div.c_three div dl.interact{
561 float: right;
562 }
563 div.c_three div dl dt{
564 width: 100%;
565 }div.c_three div dl dd{
566 float: left;
567 width: 50%;
568 }
569
570 div.c_four div:first-child {
571 width: 1200px;
572 height: 240px;
573 }
574 /* -----------------友情链接-------------------------- */
575 div.c_five h2 {
576 text-align: center;
577 font-size: 26px;
578 font-weight: 600;
579 margin-bottom: 30px;
580 }
581 div.c_five h2 a {
582 font-size: 24px;
583 }
584 div.c_five div:first-child {
585 width: 1200px;
586 padding: 40px 0 20px 0;
587 }
588 div.c_five ul {
589 width: 100%;
590 height: auto;
591 overflow: hidden;
592 }
593 div.c_five ul li{
594 float: left;
595 width: 25%;
596 padding-right: 20px;
597 box-sizing: border-box;
598 margin-bottom: 20px;
599 }
600 div.c_five ul li:nth-child(4n+4) {
601 padding-right: 0;
602 }
603 div.c_five ul li a {
604 display: block;
605 height: 60px;
606 border-radius: 1px;
607 border: 1px solid #DEDEDE;
608 box-sizing: border-box;
609 width: 100%;
610 box-sizing: border-box;
611 }
612 div.c_five ul li a img {
613 height: 100%;
614 }
...\ No newline at end of file ...\ No newline at end of file
...@@ -404,7 +404,7 @@ div.c_one #ulNews .news_item{ ...@@ -404,7 +404,7 @@ div.c_one #ulNews .news_item{
404 div.c_one .news_item .icon { 404 div.c_one .news_item .icon {
405 float: left; 405 float: left;
406 height: 29px; 406 height: 29px;
407 width: 14%; 407 width: 14%!important;
408 margin-top: 7.5px; 408 margin-top: 7.5px;
409 margin-right: 7px; 409 margin-right: 7px;
410 margin-left: -3px; 410 margin-left: -3px;
......