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