styel:首页

@@ -304,11 +304,11 @@
             </div>
             <div class="policies-regulations">
                 <ul class="policies-regulations-title">
-                    <li class="item-title regulations-active">
+                    <li class="item-title regulations-active" data-id="1">
                         <img src="/staticImages/home-flfg.png" />
                         法律法规
                     </li>
-                    <li class="item-title">
+                    <li class="item-title" data-id="2">
                         相应政策
                     </li>
                     <li>
@@ -316,12 +316,18 @@
                         <img src="/staticImages/more.png" alt="查看全部">
                     </li>
                 </ul>
-                <ul>
+                <ul class="laws-regulations item-policies">
                     <li>
                         <a href="">创新技术体系 引领事业发展历史事实预计 </a>
                         <span>2020-12-12</span>
                     </li>
                 </ul>
+                <ul class="corresponding-policies item-policies">
+                    <li>
+                        <a href="">1创新技术体系 引领事业发展历史事实预计 </a>
+                        <span>2020-12-12</span>
+                    </li>
+                </ul>
             </div>
             <div class="interaction">
                 <div class="interaction-title">

@@ -687,13 +687,13 @@ div.c_five ul li a img {
 .policies-regulations {
     margin-right: 30px;
 }
-.policies-regulations ul:nth-of-type(2) {
+.policies-regulations .item-policies {
     margin-top: 5px;
 }
-.policies-regulations ul:nth-of-type(2) li {
+.policies-regulations .item-policies li {
     line-height: 45px;
 }
-.policies-regulations ul:nth-of-type(2) li a{
+.policies-regulations .item-policies li a{
     display: inline-block;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -704,7 +704,7 @@ div.c_five ul li a img {
     padding-left: 10px;
     line-height: 45px;
 }
-.policies-regulations ul:nth-of-type(2) li a::before {
+.policies-regulations .item-policies li a::before {
     position: absolute;
     width: 4px;
     height: 4px;
@@ -714,11 +714,14 @@ div.c_five ul li a img {
     left: 2px;
     top: 20px;
 }
-.policies-regulations ul:nth-of-type(2) li span {
+.policies-regulations .item-policies li span {
     font-size: 16px;
     color: #9B9B9B;
     float: right;
 }
+.corresponding-policies {
+    display: none;
+}
 .interaction {
     float: left;
     margin-top: 3px;

@@ -87,8 +87,15 @@ function initData() {
     })
     // 政策法规
     $('.policies-regulations-title .item-title').click(function () {
+        let index =  $(this).attr('data-id');
         $('.policies-regulations-title .item-title').removeClass('regulations-active');
         $(this).addClass('regulations-active');
+        $('.item-policies').hide();
+        if (index =='2') {
+            $('.corresponding-policies').show();
+        }else {
+            $('.laws-regulations').show(); 
+        }
     })
 }
 function getSearchUrl(level) {