style:法律法规

@@ -268,7 +268,7 @@
                     </li>
                     </li>
                     <li>
                     <li>
                         <a>查看全部</a>
                         <a>查看全部</a>
-                        <img src="/staticImages/more.png" />
+                        <img src="/staticImages/more.png" alt="查看全部" />
                     </li>
                     </li>
                 </ul>
                 </ul>
                 <ul>
                 <ul>
@@ -302,6 +302,47 @@
                     </li>
                     </li>
                 </ul>
                 </ul>
             </div>
             </div>
+            <div class="policies-regulations">
+                <ul class="policies-regulations-title">
+                    <li class="item-title regulations-active">
+                        <img src="/staticImages/home-flfg.png" />
+                        法律法规
+                    </li>
+                    <li class="item-title">
+                        相应政策
+                    </li>
+                    <li>
+                        <a href="">查看更多</a>
+                        <img src="/staticImages/more.png" alt="查看全部">
+                    </li>
+                </ul>
+                <ul>
+                    <li>
+                        <a href="">创新技术体系 引领事业发展历史事实预计 </a>
+                        <span>2020-12-12</span>
+                    </li>
+                </ul>
+            </div>
+            <div class="interaction">
+                <div class="interaction-title">
+                    <img src="/staticImages/home-zmhd.png" />
+                    政民互动
+                </div>
+                <ul>
+                    <li>
+                        <img src="/staticImages/zxly.png" />
+                        在线留言
+                    </li>
+                    <li>
+                        <img src="/staticImages/zxpj.png" />
+                        在线评价
+                    </li>
+                    <li>
+                        <img src="/staticImages/zxhd.png" />
+                        在线互动
+                    </li>
+                </ul>
+            </div>
         </div>
         </div>
         <!-- 友情链接 -->
         <!-- 友情链接 -->
         <div class="c_five Links">
         <div class="c_five Links">

@@ -555,6 +555,8 @@ div.c_five ul li a img {
 }
 }
 .public-announcement {
 .public-announcement {
     width: 390px;
     width: 390px;
+    float: left;
+    margin-right: 39px;
 }
 }
 .public-announcement ul:nth-of-type(1) {
 .public-announcement ul:nth-of-type(1) {
     padding-bottom: 10px;
     padding-bottom: 10px;
@@ -625,3 +627,126 @@ div.c_five ul li a img {
     left: 2px;
     left: 2px;
     top: 20px;
     top: 20px;
 }
 }
+.policies-regulations {
+    float: left;
+    width: 390px;
+    margin-top: 3px;
+}
+.policies-regulations ul:nth-of-type(1){
+    padding-bottom: 10px;
+    border-bottom: 1px solid #EAEAEA;
+}
+.policies-regulations ul:nth-of-type(1) li{
+    display: inline-block;
+    cursor: pointer;
+}
+.policies-regulations ul:nth-of-type(1) li:nth-of-type(1) {
+    font-size: 22px;
+    color: #4A4A4A;
+    margin-right: 25px;
+    position: relative;
+}
+.policies-regulations ul:nth-of-type(1) li:nth-of-type(1) img {
+    width: 25px;
+    height: 25px;
+    position: relative;
+    top: 4px;
+    right: 2px;
+}
+.policies-regulations ul:nth-of-type(1) li:nth-of-type(2) {
+    font-size: 22px;
+    color: #4A4A4A;
+    position: relative;
+}
+.policies-regulations ul:nth-of-type(1) li:nth-of-type(3) {
+    float: right;
+    position: relative;
+    top: 3px;
+}
+.policies-regulations ul:nth-of-type(1) li:nth-of-type(3) a {
+    color: #9B9B9B;
+    font-size: 16px;
+}
+.policies-regulations ul:nth-of-type(1) li:nth-of-type(3) img {
+    width: 6px;
+    height: 12px;
+}
+.regulations-active {
+    font-size: 24px!important;
+    font-weight: 700;
+}
+.regulations-active::after  {
+    position: absolute;
+    width: 100%;
+    height: 1px;
+    background-color: #006CFF;
+    content: "";
+    bottom: -11px;
+    left: 0;
+}
+.policies-regulations {
+    margin-right: 30px;
+}
+.policies-regulations ul:nth-of-type(2) {
+    margin-top: 5px;
+}
+.policies-regulations ul:nth-of-type(2) li {
+    line-height: 45px;
+}
+.policies-regulations ul:nth-of-type(2) li a{
+    display: inline-block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    width: 289px;
+    text-align: left;
+    position: relative;
+    padding-left: 10px;
+    line-height: 45px;
+}
+.policies-regulations ul:nth-of-type(2) li a::before {
+    position: absolute;
+    width: 4px;
+    height: 4px;
+    border-radius: 4px;
+    background-color: #4a4a4a;
+    content: "";
+    left: 2px;
+    top: 20px;
+}
+.policies-regulations ul:nth-of-type(2) li span {
+    font-size: 16px;
+    color: #9B9B9B;
+    float: right;
+}
+.interaction {
+    float: left;
+    margin-top: 3px;
+    width: 351px;
+}
+.interaction .interaction-title{
+    padding-bottom: 10px;
+    border-bottom: 1px solid #EAEAEA;
+    color: #4A4A4A;
+    font-size: 24px;
+    font-weight: 700;
+}
+.interaction .interaction-title img {
+    width: 24px;
+    height: 23px;
+    position: relative;
+    top: 2px;
+}
+.interaction ul li {
+    border-bottom: 1px solid #EAEAEA;
+    color: #31394C;
+    font-size: 18px;
+    text-align: center;
+    padding: 10px 0 40px 0;
+}
+.interaction ul li img {
+    width: 54px;
+    height: 54px;
+    position: relative;
+    top: 20px;
+}
\ No newline at end of file

@@ -85,6 +85,11 @@ function initData() {
             window.open(getSearchUrl(urlId), '_self')
             window.open(getSearchUrl(urlId), '_self')
         }
         }
     })
     })
+    // 政策法规
+    $('.policies-regulations-title .item-title').click(function () {
+        $('.policies-regulations-title .item-title').removeClass('regulations-active');
+        $(this).addClass('regulations-active');
+    })
 }
 }
 function getSearchUrl(level) {
 function getSearchUrl(level) {
     const resultMap = {
     const resultMap = {