style:法律法规
Showing
5 changed files
with
172 additions
and
1 deletions
| ... | @@ -268,7 +268,7 @@ | ... | @@ -268,7 +268,7 @@ |
| 268 | </li> | 268 | </li> |
| 269 | <li> | 269 | <li> |
| 270 | <a>查看全部</a> | 270 | <a>查看全部</a> |
| 271 | <img src="/staticImages/more.png" /> | 271 | <img src="/staticImages/more.png" alt="查看全部" /> |
| 272 | </li> | 272 | </li> |
| 273 | </ul> | 273 | </ul> |
| 274 | <ul> | 274 | <ul> |
| ... | @@ -302,6 +302,47 @@ | ... | @@ -302,6 +302,47 @@ |
| 302 | </li> | 302 | </li> |
| 303 | </ul> | 303 | </ul> |
| 304 | </div> | 304 | </div> |
| 305 | <div class="policies-regulations"> | ||
| 306 | <ul class="policies-regulations-title"> | ||
| 307 | <li class="item-title regulations-active"> | ||
| 308 | <img src="/staticImages/home-flfg.png" /> | ||
| 309 | 法律法规 | ||
| 310 | </li> | ||
| 311 | <li class="item-title"> | ||
| 312 | 相应政策 | ||
| 313 | </li> | ||
| 314 | <li> | ||
| 315 | <a href="">查看更多</a> | ||
| 316 | <img src="/staticImages/more.png" alt="查看全部"> | ||
| 317 | </li> | ||
| 318 | </ul> | ||
| 319 | <ul> | ||
| 320 | <li> | ||
| 321 | <a href="">创新技术体系 引领事业发展历史事实预计 </a> | ||
| 322 | <span>2020-12-12</span> | ||
| 323 | </li> | ||
| 324 | </ul> | ||
| 325 | </div> | ||
| 326 | <div class="interaction"> | ||
| 327 | <div class="interaction-title"> | ||
| 328 | <img src="/staticImages/home-zmhd.png" /> | ||
| 329 | 政民互动 | ||
| 330 | </div> | ||
| 331 | <ul> | ||
| 332 | <li> | ||
| 333 | <img src="/staticImages/zxly.png" /> | ||
| 334 | 在线留言 | ||
| 335 | </li> | ||
| 336 | <li> | ||
| 337 | <img src="/staticImages/zxpj.png" /> | ||
| 338 | 在线评价 | ||
| 339 | </li> | ||
| 340 | <li> | ||
| 341 | <img src="/staticImages/zxhd.png" /> | ||
| 342 | 在线互动 | ||
| 343 | </li> | ||
| 344 | </ul> | ||
| 345 | </div> | ||
| 305 | </div> | 346 | </div> |
| 306 | <!-- 友情链接 --> | 347 | <!-- 友情链接 --> |
| 307 | <div class="c_five Links"> | 348 | <div class="c_five Links"> | ... | ... |
| ... | @@ -555,6 +555,8 @@ div.c_five ul li a img { | ... | @@ -555,6 +555,8 @@ div.c_five ul li a img { |
| 555 | } | 555 | } |
| 556 | .public-announcement { | 556 | .public-announcement { |
| 557 | width: 390px; | 557 | width: 390px; |
| 558 | float: left; | ||
| 559 | margin-right: 39px; | ||
| 558 | } | 560 | } |
| 559 | .public-announcement ul:nth-of-type(1) { | 561 | .public-announcement ul:nth-of-type(1) { |
| 560 | padding-bottom: 10px; | 562 | padding-bottom: 10px; |
| ... | @@ -624,4 +626,127 @@ div.c_five ul li a img { | ... | @@ -624,4 +626,127 @@ div.c_five ul li a img { |
| 624 | content: ""; | 626 | content: ""; |
| 625 | left: 2px; | 627 | left: 2px; |
| 626 | top: 20px; | 628 | top: 20px; |
| 629 | } | ||
| 630 | .policies-regulations { | ||
| 631 | float: left; | ||
| 632 | width: 390px; | ||
| 633 | margin-top: 3px; | ||
| 634 | } | ||
| 635 | .policies-regulations ul:nth-of-type(1){ | ||
| 636 | padding-bottom: 10px; | ||
| 637 | border-bottom: 1px solid #EAEAEA; | ||
| 638 | } | ||
| 639 | .policies-regulations ul:nth-of-type(1) li{ | ||
| 640 | display: inline-block; | ||
| 641 | cursor: pointer; | ||
| 642 | } | ||
| 643 | .policies-regulations ul:nth-of-type(1) li:nth-of-type(1) { | ||
| 644 | font-size: 22px; | ||
| 645 | color: #4A4A4A; | ||
| 646 | margin-right: 25px; | ||
| 647 | position: relative; | ||
| 648 | } | ||
| 649 | .policies-regulations ul:nth-of-type(1) li:nth-of-type(1) img { | ||
| 650 | width: 25px; | ||
| 651 | height: 25px; | ||
| 652 | position: relative; | ||
| 653 | top: 4px; | ||
| 654 | right: 2px; | ||
| 655 | } | ||
| 656 | .policies-regulations ul:nth-of-type(1) li:nth-of-type(2) { | ||
| 657 | font-size: 22px; | ||
| 658 | color: #4A4A4A; | ||
| 659 | position: relative; | ||
| 660 | } | ||
| 661 | .policies-regulations ul:nth-of-type(1) li:nth-of-type(3) { | ||
| 662 | float: right; | ||
| 663 | position: relative; | ||
| 664 | top: 3px; | ||
| 665 | } | ||
| 666 | .policies-regulations ul:nth-of-type(1) li:nth-of-type(3) a { | ||
| 667 | color: #9B9B9B; | ||
| 668 | font-size: 16px; | ||
| 669 | } | ||
| 670 | .policies-regulations ul:nth-of-type(1) li:nth-of-type(3) img { | ||
| 671 | width: 6px; | ||
| 672 | height: 12px; | ||
| 673 | } | ||
| 674 | .regulations-active { | ||
| 675 | font-size: 24px!important; | ||
| 676 | font-weight: 700; | ||
| 677 | } | ||
| 678 | .regulations-active::after { | ||
| 679 | position: absolute; | ||
| 680 | width: 100%; | ||
| 681 | height: 1px; | ||
| 682 | background-color: #006CFF; | ||
| 683 | content: ""; | ||
| 684 | bottom: -11px; | ||
| 685 | left: 0; | ||
| 686 | } | ||
| 687 | .policies-regulations { | ||
| 688 | margin-right: 30px; | ||
| 689 | } | ||
| 690 | .policies-regulations ul:nth-of-type(2) { | ||
| 691 | margin-top: 5px; | ||
| 692 | } | ||
| 693 | .policies-regulations ul:nth-of-type(2) li { | ||
| 694 | line-height: 45px; | ||
| 695 | } | ||
| 696 | .policies-regulations ul:nth-of-type(2) li a{ | ||
| 697 | display: inline-block; | ||
| 698 | overflow: hidden; | ||
| 699 | text-overflow: ellipsis; | ||
| 700 | white-space: nowrap; | ||
| 701 | width: 289px; | ||
| 702 | text-align: left; | ||
| 703 | position: relative; | ||
| 704 | padding-left: 10px; | ||
| 705 | line-height: 45px; | ||
| 706 | } | ||
| 707 | .policies-regulations ul:nth-of-type(2) li a::before { | ||
| 708 | position: absolute; | ||
| 709 | width: 4px; | ||
| 710 | height: 4px; | ||
| 711 | border-radius: 4px; | ||
| 712 | background-color: #4a4a4a; | ||
| 713 | content: ""; | ||
| 714 | left: 2px; | ||
| 715 | top: 20px; | ||
| 716 | } | ||
| 717 | .policies-regulations ul:nth-of-type(2) li span { | ||
| 718 | font-size: 16px; | ||
| 719 | color: #9B9B9B; | ||
| 720 | float: right; | ||
| 721 | } | ||
| 722 | .interaction { | ||
| 723 | float: left; | ||
| 724 | margin-top: 3px; | ||
| 725 | width: 351px; | ||
| 726 | } | ||
| 727 | .interaction .interaction-title{ | ||
| 728 | padding-bottom: 10px; | ||
| 729 | border-bottom: 1px solid #EAEAEA; | ||
| 730 | color: #4A4A4A; | ||
| 731 | font-size: 24px; | ||
| 732 | font-weight: 700; | ||
| 733 | } | ||
| 734 | .interaction .interaction-title img { | ||
| 735 | width: 24px; | ||
| 736 | height: 23px; | ||
| 737 | position: relative; | ||
| 738 | top: 2px; | ||
| 739 | } | ||
| 740 | .interaction ul li { | ||
| 741 | border-bottom: 1px solid #EAEAEA; | ||
| 742 | color: #31394C; | ||
| 743 | font-size: 18px; | ||
| 744 | text-align: center; | ||
| 745 | padding: 10px 0 40px 0; | ||
| 746 | } | ||
| 747 | .interaction ul li img { | ||
| 748 | width: 54px; | ||
| 749 | height: 54px; | ||
| 750 | position: relative; | ||
| 751 | top: 20px; | ||
| 627 | } | 752 | } |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
staticImages/home-flfg.png
0 → 100644
2.36 KB
staticImages/home-zmhd.png
0 → 100644
1.53 KB
| ... | @@ -85,6 +85,11 @@ function initData() { | ... | @@ -85,6 +85,11 @@ function initData() { |
| 85 | window.open(getSearchUrl(urlId), '_self') | 85 | window.open(getSearchUrl(urlId), '_self') |
| 86 | } | 86 | } |
| 87 | }) | 87 | }) |
| 88 | // 政策法规 | ||
| 89 | $('.policies-regulations-title .item-title').click(function () { | ||
| 90 | $('.policies-regulations-title .item-title').removeClass('regulations-active'); | ||
| 91 | $(this).addClass('regulations-active'); | ||
| 92 | }) | ||
| 88 | } | 93 | } |
| 89 | function getSearchUrl(level) { | 94 | function getSearchUrl(level) { |
| 90 | const resultMap = { | 95 | const resultMap = { | ... | ... |
-
Please register or sign in to post a comment