11e2e0b8 by 焦小希
2 parents 9a711201 df525a74
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
26 box-sizing: border-box; 26 box-sizing: border-box;
27 } 27 }
28 .navigation_crumbs .layui-breadcrumb a:hover { 28 .navigation_crumbs .layui-breadcrumb a:hover {
29 color: #f46143!important; 29 color: #0091FF!important;
30 } 30 }
31 /* -------------------------头部start----------------------------------- */ 31 /* -------------------------头部start----------------------------------- */
32 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 32 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
...@@ -39,14 +39,23 @@ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockq ...@@ -39,14 +39,23 @@ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockq
39 background: transparent; 39 background: transparent;
40 font-family: Arial; 40 font-family: Arial;
41 } 41 }
42 42 .layui-nav .layui-nav-item a:hover, .layui-nav .layui-this a {
43 font-weight: 600;
44 background-color: #0091FF;
45 }
46 .layui-nav .layui-this:after {
47 display: none;
48 }
49 .layui-nav-bar {
50 display: none;
51 }
43 div a { 52 div a {
44 color: #000000; 53 color: #4A4A4A;
45 text-decoration: none; 54 text-decoration: none;
46 } 55 }
47 56
48 div.subject h2 a:hover { 57 div.subject h2 a:hover {
49 color: #f46143; 58 color: #0091FF;
50 } 59 }
51 .layui-nav-item a{ 60 .layui-nav-item a{
52 font-size: 16px; 61 font-size: 16px;
...@@ -95,7 +104,7 @@ div.top-logo .login { ...@@ -95,7 +104,7 @@ div.top-logo .login {
95 margin-top: 8px; 104 margin-top: 8px;
96 } 105 }
97 div.top-logo .login a:hover { 106 div.top-logo .login a:hover {
98 color: #f46143; 107 color: #0091FF;
99 } 108 }
100 div.top-logo .top_logo_search i { 109 div.top-logo .top_logo_search i {
101 position: absolute; 110 position: absolute;
...@@ -120,25 +129,21 @@ div.navigation { ...@@ -120,25 +129,21 @@ div.navigation {
120 text-align: center; 129 text-align: center;
121 } 130 }
122 .navigation .layui-nav-item { 131 .navigation .layui-nav-item {
123 width: 130px; 132 width: 168px;
124 position: relative; 133 position: relative;
125 margin: 0 22px; 134 border: 1px solid rgba(255,255,255, 0.2);
135 margin-left: -1px;
126 } 136 }
127 .layui-bg-blue { 137 .layui-bg-blue {
128 background-color: #006CFF!important; 138 background-color: #006CFF!important;
129 } 139 }
130 140
131 .layui-nav-item:not(:first-child)::before {
132 content: '';
133 position: absolute;
134 height: 22px;
135 border-left: 1px solid #ccc;
136 top: 21px;
137 left: -22px;
138 }
139 .layui-nav-item a{ 141 .layui-nav-item a{
140 font-size: 16px; 142 font-size: 16px;
141 } 143 }
144 .layui-nav .layui-nav-more {
145 right: 31px;
146 }
142 147
143 /* -----------------底部start----------------------------- */ 148 /* -----------------底部start----------------------------- */
144 div.footer { 149 div.footer {
...@@ -170,7 +175,7 @@ div.footer .system_service ul li a{ ...@@ -170,7 +175,7 @@ div.footer .system_service ul li a{
170 color: #DEDEDE; 175 color: #DEDEDE;
171 } 176 }
172 div.footer .system_service ul li a:hover { 177 div.footer .system_service ul li a:hover {
173 color: #f46143; 178 color: #0091FF;
174 } 179 }
175 .footer .subject { 180 .footer .subject {
176 width: 1200px; 181 width: 1200px;
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 .contentBox { 5 .contentBox {
6 width: 1200px; 6 width: 1200px;
7 margin: 0 auto; 7 margin: 0 auto;
8 padding-bottom: 50px; 8 padding-bottom: 40px;
9 } 9 }
10 div.banner, div.c_one, div.c_two, div.c_three, div.c_four, div.c_five, div.footer { 10 div.banner, div.c_one, div.c_two, div.c_three, div.c_four, div.c_five, div.footer {
11 width: 100%; 11 width: 100%;
...@@ -44,35 +44,46 @@ div.banner .banner_title li { ...@@ -44,35 +44,46 @@ div.banner .banner_title li {
44 background-color: #ffffff; 44 background-color: #ffffff;
45 float: left; 45 float: left;
46 margin: auto 25px; 46 margin: auto 25px;
47 border-radius: 18px; 47 border-radius: 8px;
48 line-height: 650%; 48 line-height: 650%;
49 box-sizing: border-box;
50 }
51 div.banner .banner_title li a {
52 display: block;
53 line-height: 100px;
54 font-size: 20px;
55 }
56 div.banner .banner_title li a img {
57 width: 23px;
58 height: 24px;
59 position: relative;
60 top: 6px;
61 margin-right: 3px;
49 } 62 }
50 63
51 div.banner ul li a { 64 div.banner ul li a {
52 font-size: 32px; 65 color: #4A4A4A;
53 background: #ffffff url('./../staticImages/b_s_1.jpg') no-repeat left center;
54 padding-left: 42px;
55 letter-spacing: 2px;
56 color: #000000;
57 cursor: pointer; 66 cursor: pointer;
58 } 67 }
59 68
60 /* ---------------法律法规 start----------------------- */ 69 /* ---------------法律法规 start----------------------- */
61 .laws_regulations { 70 .laws_regulations {
62 width: 1200px; 71 width: 1220px;
63 margin: 0 auto; 72 margin: 0 auto;
64 padding: 50px 0; 73 padding: 40px 0;
65 overflow: hidden; 74 overflow: hidden;
66 } 75 }
67 .laws_regulations .regulations, .policy { 76 .laws_regulations .regulations, .policy {
68 border-radius: 2px; 77 width: 50%;
69 width: 48%; 78 }
79 .laws_regulations .regulations_content, .policy_content {
70 height: 370px; 80 height: 370px;
81 border-radius: 2px;
71 border: 1px solid #DEDEDE; 82 border: 1px solid #DEDEDE;
83 margin: 0 10px;
72 } 84 }
73 .laws_regulations .policy{ 85 .laws_regulations .policy{
74 float: right; 86 float: right;
75 padding-right: 5px;
76 } 87 }
77 88
78 .laws_regulations .regulations{ 89 .laws_regulations .regulations{
...@@ -92,6 +103,8 @@ div.banner ul li a { ...@@ -92,6 +103,8 @@ div.banner ul li a {
92 float: left; 103 float: left;
93 height: 37px; 104 height: 37px;
94 border-bottom: 2px solid #006CFF; 105 border-bottom: 2px solid #006CFF;
106 position: relative;
107 top: 1px;
95 } 108 }
96 .laws_regulations .title h2 a p .icon { 109 .laws_regulations .title h2 a p .icon {
97 width: 22px; 110 width: 22px;
...@@ -111,7 +124,7 @@ div.banner ul li a { ...@@ -111,7 +124,7 @@ div.banner ul li a {
111 color: #9B9B9B; 124 color: #9B9B9B;
112 } 125 }
113 .laws_regulations .title h2 i:hover { 126 .laws_regulations .title h2 i:hover {
114 color: #f46143; 127 color: #0091FF;
115 } 128 }
116 .laws_regulations .laws_list { 129 .laws_regulations .laws_list {
117 padding: 0 21px; 130 padding: 0 21px;
...@@ -127,10 +140,10 @@ div.banner ul li a { ...@@ -127,10 +140,10 @@ div.banner ul li a {
127 text-overflow:ellipsis;/*设置超出部分显示...*/ 140 text-overflow:ellipsis;/*设置超出部分显示...*/
128 -o-text-overflow:ellipsis; 141 -o-text-overflow:ellipsis;
129 overflow: hidden; 142 overflow: hidden;
130 width: 380px; 143 width: 90%;
131 } 144 }
132 .laws_regulations .laws_list li a:hover { 145 .laws_regulations .laws_list li a:hover {
133 color: #f46143; 146 color: #0091FF;
134 } 147 }
135 .laws_regulations .laws_list li:not(:last-child) { 148 .laws_regulations .laws_list li:not(:last-child) {
136 border-bottom: 1px dotted #DEDEDE; 149 border-bottom: 1px dotted #DEDEDE;
...@@ -180,7 +193,7 @@ div.banner ul li a { ...@@ -180,7 +193,7 @@ div.banner ul li a {
180 border-bottom: 1px dotted #DEDEDE; 193 border-bottom: 1px dotted #DEDEDE;
181 } 194 }
182 .common_question .list_content dd a:hover { 195 .common_question .list_content dd a:hover {
183 color: #f46143; 196 color: #0091FF;
184 } 197 }
185 .common_question .list_content dd a:first-child { 198 .common_question .list_content dd a:first-child {
186 float: left; 199 float: left;
...@@ -234,7 +247,7 @@ div.banner ul li a { ...@@ -234,7 +247,7 @@ div.banner ul li a {
234 color: #9B9B9B; 247 color: #9B9B9B;
235 } 248 }
236 .common_question .title h2 i:hover { 249 .common_question .title h2 i:hover {
237 color: #f46143; 250 color: #0091FF;
238 } 251 }
239 .common_question .list_content_right { 252 .common_question .list_content_right {
240 text-align: center; 253 text-align: center;
...@@ -278,7 +291,7 @@ div.banner ul li a { ...@@ -278,7 +291,7 @@ div.banner ul li a {
278 cursor: pointer; 291 cursor: pointer;
279 } 292 }
280 .common_question .list_content_right dd a p:hover { 293 .common_question .list_content_right dd a p:hover {
281 color: #f46143; 294 color: #0091FF;
282 } 295 }
283 /* -----------------end---------------------------- */ 296 /* -----------------end---------------------------- */
284 div.c_one { 297 div.c_one {
...@@ -335,7 +348,7 @@ div.c_one h2 i { ...@@ -335,7 +348,7 @@ div.c_one h2 i {
335 } 348 }
336 349
337 div.c_one h2 a:hover i { 350 div.c_one h2 a:hover i {
338 color: #f46143; 351 color: #0091FF;
339 352
340 } 353 }
341 354
...@@ -355,8 +368,10 @@ div.c_one ul { ...@@ -355,8 +368,10 @@ div.c_one ul {
355 368
356 /*<li><a href=""><i>最新</i>创新技术体系 引领事业发展<span>2020-06-19</span></a></li>*/ 369 /*<li><a href=""><i>最新</i>创新技术体系 引领事业发展<span>2020-06-19</span></a></li>*/
357 div.c_one ul li { 370 div.c_one ul li {
371 line-height: 276%;
372 }
373 div.c_one ul li:not(:last-child) {
358 border-bottom: 2px dashed #f3f3f3; 374 border-bottom: 2px dashed #f3f3f3;
359 line-height: 260%;
360 } 375 }
361 376
362 div.c_one ul li a { 377 div.c_one ul li a {
...@@ -366,7 +381,7 @@ div.c_one ul li a { ...@@ -366,7 +381,7 @@ div.c_one ul li a {
366 text-align: left; 381 text-align: left;
367 } 382 }
368 div.c_one ul li a:hover { 383 div.c_one ul li a:hover {
369 color: #f46143; 384 color: #0091FF;
370 } 385 }
371 386
372 div.c_one ul li a span { 387 div.c_one ul li a span {
...@@ -375,18 +390,20 @@ div.c_one ul li a span { ...@@ -375,18 +390,20 @@ div.c_one ul li a span {
375 } 390 }
376 391
377 div.c_one ul li a:hover span { 392 div.c_one ul li a:hover span {
378 color: #f46143; 393 color: #0091FF;
379 } 394 }
380 395
381 div.c_one ul li a i { 396 div.c_one ul li a i {
382 float: left; 397 float: left;
383 color: #f46143; 398 color: #FA6400;
384 font-style: normal; 399 font-style: normal;
385 border: 1px solid #f46143; 400 border: 1px solid #FA6400;
386 line-height: 120%; 401 line-height: 120%;
387 margin: 9px 2px auto auto; 402 margin: 11px 7px auto auto;
388 font-size: 10px; 403 font-size: 10px;
389 border-radius: 2px; 404 border-radius: 2px;
405 line-height: 14px;
406 display: inline-block;
390 } 407 }
391 408
392 div.c_one .news ul { 409 div.c_one .news ul {
...@@ -401,7 +418,7 @@ div.c_one .news ul { ...@@ -401,7 +418,7 @@ div.c_one .news ul {
401 height: 39px; 418 height: 39px;
402 border-bottom: 2px solid #006CFF; 419 border-bottom: 2px solid #006CFF;
403 position: relative; 420 position: relative;
404 top: 1px; 421 top: 2px;
405 } 422 }
406 .news_title_content .news_title span { 423 .news_title_content .news_title span {
407 float: left; 424 float: left;
...@@ -409,6 +426,7 @@ div.c_one .news ul { ...@@ -409,6 +426,7 @@ div.c_one .news ul {
409 font-size: 20px; 426 font-size: 20px;
410 margin-top: -3px; 427 margin-top: -3px;
411 font-weight: 600; 428 font-weight: 600;
429 color: #4A4A4A;
412 } 430 }
413 .news_title_content .news_title .icon { 431 .news_title_content .news_title .icon {
414 width: 22px; 432 width: 22px;
...@@ -418,13 +436,14 @@ div.c_one .news ul { ...@@ -418,13 +436,14 @@ div.c_one .news ul {
418 436
419 437
420 div.c_two { 438 div.c_two {
421 background-color: #fafafa; 439 background: #F6F9FB;
422 } 440 }
423 441
424 442
425 div.c_two div:first-child { 443 div.c_two div:first-child {
426 width: 1200px; 444 width: 1220px;
427 height: 400px; 445 height: 425px;
446 padding-bottom: 20px;
428 } 447 }
429 448
430 div.c_two h2 { 449 div.c_two h2 {
...@@ -445,12 +464,21 @@ div.c_two ul { ...@@ -445,12 +464,21 @@ div.c_two ul {
445 464
446 div.c_two ul li { 465 div.c_two ul li {
447 float: left; 466 float: left;
448 width: 16.5%; 467 width: 25%;
449 overflow: hidden; 468 overflow: hidden;
450 margin-left: 2.88%; 469 }
451 padding: 40px 34px; 470 div.c_two ul li a {
452 border: 1px solid #E6E6E6; 471 box-sizing: border-box;
472 display: block;
453 background: #ffffff; 473 background: #ffffff;
474 padding: 50px 36px;
475 box-sizing: border-box;
476 border: 1px solid #E6E6E6;
477 margin: 0 10px;
478 }
479 div.c_two ul li img {
480 width: 70px;
481 height: 70px;
454 } 482 }
455 483
456 div.c_two ul li:first-child { 484 div.c_two ul li:first-child {
...@@ -458,20 +486,22 @@ div.c_two ul li:first-child { ...@@ -458,20 +486,22 @@ div.c_two ul li:first-child {
458 } 486 }
459 487
460 div.c_two ul li h6 { 488 div.c_two ul li h6 {
461 margin-top: 25px; 489 margin-top: 20px;
462 font-size: 16px; 490 font-size: 18px;
491 color: #4A4A4A;
463 letter-spacing: 2px; 492 letter-spacing: 2px;
464 } 493 }
465 494
466 div.c_two ul li p { 495 div.c_two ul li p {
467 margin-top: 20px; 496 margin-top: 20px;
468 font-size: 14px; 497 font-size: 14px;
498 color: #9B9B9B;
499 line-height: 21px;
469 cursor: pointer; 500 cursor: pointer;
470 line-height: 26px;
471 } 501 }
472 502
473 div.c_two ul li p:hover { 503 div.c_two ul li p:hover {
474 color: #f46143; 504 color: #0091FF;
475 } 505 }
476 506
477 div.c_three { 507 div.c_three {
......