Merge branch 'master' of http://yun.pashanhoo.com:9090/renchao/portalStaticPage
Showing
12 changed files
with
88 additions
and
53 deletions
| ... | @@ -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 { | ... | ... |
staticImages/bg.png
0 → 100644
1.6 MB
staticImages/dacx.png
0 → 100644
5.9 KB
staticImages/htbacx.png
0 → 100644
5.63 KB
staticImages/jdcx.png
0 → 100644
4.75 KB
staticImages/ywcx.png
0 → 100644
4.67 KB
staticImages/yycx.png
0 → 100644
5.87 KB
staticImages/zscx.png
0 → 100644
6.78 KB
staticImages/zshy.png
0 → 100644
5.68 KB
staticImages/zxyy.png
0 → 100644
5.15 KB
This diff is collapsed.
Click to expand it.
-
Please register or sign in to post a comment