修复bug

src/pages/news/index.less

     .main{
         .content{
             width: calc(100% - 60px);
-            .banner_box{
-                .news_banner{
-                    width: 430px;
-                    height: 213px;
-                    .news_content{
-                        border-radius: 12px;
-                    }
-                }   
-                .news_banner2{
-                    width: 300px;
-                    img{
-                        height: 200px;
-                    }
-                    .txt1{
-                        font-size: 16px;
-                    }
-                    .txt2{
-                        font-size: 14px;
-                    }
-                    .txt3{
-                        font-size: 14px;
-                    }
-                    a{
-                        font-size: 14px;
-                        .icon{
-                            margin-top: -2px;
-                            font-size: 18px;
-                        }
-                    }
-                }
-            }
-            .tabs_box{
-                width: calc(100% - 60px);
-            }
-        }
-        .news_ul {
-            max-width: 100%;
-            width: calc(100% - 60px);
-            overflow: hidden;
-            .news_list{
-                width: calc(100% - 60px);
-                .news_li{
-                    .li_cont{
-                        width: 90%;
-                    }
-                }
-            }
-        }
-        .news_paging{}
-    }
-}
-@media screen and (min-width: 118px) and (max-width: 1400px) {
-    .main{
-        .content{
-            width: calc(100% - 60px);
+            // .banner_box{
+            //     .news_banner{
+            //         width: 430px;
+            //         height: 213px;
+            //         .news_content{
+            //             border-radius: 12px;
+            //         }
+            //     }   
+            //     .news_banner2{
+            //         width: 300px;
+            //         img{
+            //             height: 200px;
+            //         }
+            //         .txt1{
+            //             font-size: 16px;
+            //         }
+            //         .txt2{
+            //             font-size: 14px;
+            //         }
+            //         .txt3{
+            //             font-size: 14px;
+            //         }
+            //         a{
+            //             font-size: 14px;
+            //             .icon{
+            //                 margin-top: -2px;
+            //                 font-size: 18px;
+            //             }
+            //         }
+            //     }
+            // }
             .banner_box{
                 display: block;
                 margin-bottom: 15vw;
                     }
                 }
             }
+            .tabs_box{
+                width: 100%;
+                font-size: 3.75vw;
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                .tabs_li{
+                    margin-right: 0;
+                    padding-bottom: 5.625vw;
+                }
+            }
+        }
+        .news_ul {
+            max-width: 100%;
+            width: calc(100% - 60px);
+            overflow: hidden;
+            .news_list{
+                width: calc(100% - 60px);
+                .news_li{
+                    .li_cont{
+                        width: 88%;
+                    }
+                }
+            }
+        }
+        .news_paging{}
+    }
+}
+@media screen and (min-width: 1180px) and (max-width: 1400px) {
+    .main{
+        .content{
+            width: calc(100% - 60px);
             // .banner_box{
+            //     display: block;
+            //     margin-bottom: 15vw;
             //     .news_banner{
-            //         width: 630px;
-            //         height: 413px;
+            //         width: 100%;
+            //         height: auto;
+            //         margin-bottom: 8vw;
+                   
+            //         img{
+            //             width: 100%;
+            //             height: 62.75vw;
+            //             border-radius: 1.625vw;
+            //             object-fit: cover;
+            //         }
+                    
             //         .news_content{
-            //             border-radius: 12px;
+            //             padding: 3.75vw;
+            //             display: flex;
+            //             flex-wrap: wrap;
+            //             flex-direction: column-reverse;
+            //             .cont1{
+            //                 font-weight: bold;
+            //                 font-size: 3.75vw;
+            //                 color: #fff;
+            //                 display: -webkit-box;        /* 使用 Flexbox 布局 */
+            //                 -webkit-box-orient: vertical; /* 垂直方向排列 */
+            //                 -webkit-line-clamp: 2;      /* 限制显示的行数，这里是3行 */
+            //                 overflow: hidden;            /* 隐藏超出部分 */
+            //                 text-overflow: ellipsis;     /* 用省略号表示超出部分 */
+            //             }
+            //             .cont2{
+            //                 width: 100%;
+            //                 font-size: 3.375vw;
+            //                 color: #fff;
+            //                 margin-bottom: 2.5vw;
+            //             }
+            //             .cont3{
+            //                 font-size: 3.25vw;
+            //                 color: #fff;
+            //             }
             //         }
-            //     }   
+                    
+            //     }
             //     .news_banner2{
-            //         width: 300px;
+            //         width: 100%;
+            //         display: flex;
+            //         align-items: center;
+            //         justify-content: space-between;
+            //         margin-bottom: 10.75vw;
             //         img{
-            //             height: 200px;
+            //             width: 45.375vw;
+            //             height: 34vw;
+            //             margin-bottom: 0;
+            //             border-radius: 1.625vw;
+            //         }
+            //         .banner2_cont{
+            //             width: 42.5vw;
             //         }
             //         .txt1{
-            //             font-size: 16px;
+            //             width: 42.5vw;
+            //             font-size: 3.75vw;
+            //             display: -webkit-box;           /* 使用 Flexbox 布局 */
+            //             -webkit-box-orient: vertical;   /* 垂直方向排列 */
+            //             -webkit-line-clamp: 2;         /* 限制显示的行数，这里是3行 */
+            //             overflow: hidden;               /* 隐藏超出部分 */
+            //             text-overflow: ellipsis; 
+            //             line-height: 1.5;
+            //             padding-bottom: 0;
+            //             margin-bottom: 2.375vw;
+            //             border: 0;
             //         }
             //         .txt2{
-            //             font-size: 14px;
+            //             margin-bottom: 5.5vw;
+            //             font-size: 3.25vw;
+            //             color: #999999;
             //         }
             //         .txt3{
-            //             font-size: 14px;
+            //             display: none;
             //         }
             //         a{
-            //             font-size: 14px;
+            //             font-size: 3.325vw;
             //             .icon{
-            //                 margin-top: -2px;
-            //                 font-size: 18px;
+            //                 font-size: 4.325vw;
+            //                 margin-top: 0;
             //             }
             //         }
             //     }
             // }
+            .banner_box{
+                .news_banner{
+                    width: 530px;
+                    height: 363px;
+                    .news_content{
+                        border-radius: 12px;
+                    }
+                }   
+                .news_banner2{
+                    width: 300px;
+                    img{
+                        height: 180px;
+                        margin-bottom: 5px;
+                    }
+                    .txt1{
+                        font-size: 16px;
+                        margin-bottom: 5px;
+                    }
+                    .txt2{
+                        font-size: 14px;
+                        padding-top: 5px;
+                        margin-bottom: 10px;
+
+                    }
+                    .txt3{
+                        font-size: 14px;
+                    }
+                    a{
+                        font-size: 14px;
+                        .icon{
+                            margin-top: -2px;
+                            font-size: 18px;
+                        }
+                    }
+                }
+            }
             // .tabs_box{
             //     width: calc(100% - 60px);
             // }
             }
             .banner_box{
                 display: block;
-                margin-bottom: 15vw;
+                margin-bottom: 0;
                 .news_banner{
                     width: 100%;
                     height: auto;
                 display: flex;
                 align-items: center;
                 justify-content: space-between;
+                padding-top: 60px;
                 .tabs_li{
                     margin-right: 0;
                     padding-bottom: 5.625vw;

src/pages/partyBuilding/App.js

                     },
                   },
             });
-            let mySwiper2 = new Swiper('.bannerSwiper2', {
-                autoplay: true,//可选选项，自动滑动
-                // 如果需要分页器
-                pagination: {
-                    el: '.swiper-pagination',
-                },
+            // let mySwiper2 = new Swiper('.bannerSwiper2', {
+            //     autoplay: true,//可选选项，自动滑动
+            //     // 如果需要分页器
+            //     pagination: {
+            //         el: '.swiper-pagination',
+            //     },
                 
-                // 如果需要前进后退按钮
-                navigation: {
-                    nextEl: '.btn-nextB',
-                    prevEl: '.btn-prevB',
-                },
-                on:{
-                    slideChange: function(){
-                        // if(menuChange){
-                        //     if(this.activeIndex==0){
-                        //         menuType.classList.add("menuType");
-                        //     }else{
-                        //         menuType.classList.remove("menuType");
-                        //     }
-                        // }
-                    },
-                  },
-            });
+            //     // 如果需要前进后退按钮
+            //     navigation: {
+            //         nextEl: '.btn-nextB',
+            //         prevEl: '.btn-prevB',
+            //     },
+            //     on:{
+            //         slideChange: function(){
+            //             // if(menuChange){
+            //             //     if(this.activeIndex==0){
+            //             //         menuType.classList.add("menuType");
+            //             //     }else{
+            //             //         menuType.classList.remove("menuType");
+            //             //     }
+            //             // }
+            //         },
+            //       },
+            // });
             
             
             // 获取滚动条位置并更新显示

src/pages/partyBuilding/index.html

 <body>
     <%= require('../common/tpl/header.tpl') %>
         <div class="main">
-            <div class="content" >
+            <div class="content">
                 <div class="news_title wow fadeInUp">党建工作</div>
             </div>
             <div class="wow domInUp banner">
                 <div class="swiper bannerSwiper bannerSwiper1">
-                  <div class="swiper-wrapper">
-                    <div class="swiper-slide">
-                      <img
-                        class="lazy"
-                        data-src="./static/images/partyBuilding/01.png"
-                        data-srcM="./static/images/partyBuilding/01.png"
-                        alt=""
-                      />
+                    <div class="swiper-wrapper">
+                        <div class="swiper-slide">
+                            <img class="lazy" data-src="./static/images/partyBuilding/01.png"
+                                data-srcM="./static/images/partyBuilding/01.png" alt="" />
+                        </div>
                     </div>
-                  </div>
-                  <!-- 如果需要分页器 -->
-                  <div class="swiper-pagination"></div>
-                  
-                  <!-- 如果需要导航按钮 -->
-                  <div class="btn-prev btn-prevB"><span class="icon iconfont icon-jiantou"></span></div>
-                  <div class="btn-next btn-nextB"><span class="icon iconfont icon-jiantou"></span></div>
+                    <!-- 如果需要分页器 -->
+                    <div class="swiper-pagination"></div>
+
+                    <!-- 如果需要导航按钮 -->
+                    <div class="btn-prev btn-prevB"><span class="icon iconfont icon-jiantou"></span></div>
+                    <div class="btn-next btn-nextB"><span class="icon iconfont icon-jiantou"></span></div>
                 </div>
             </div>
             <div class="content content2" id="p1">
                     <div class="txt1">中泽集团36人次当选党代表、人大代表、政协委员</div>
                     <div class="txt2">2024-12-13</div>
                 </a>
-            </div> 
+            </div>
             <div style="width: 100%;display: flex;justify-content: center;padding: 30px 0 50px;">
-                    <a href="./enterprisePartyBuilding.html" class="btn newsHref">查看更多</a>
-                </div>
+                <a href="./enterprisePartyBuilding.html" class="btn newsHref">查看更多</a>
+            </div>
             <!-- <div class="news_paging">
                 <a id="previousPage" class="previousPage">
                    <span class="icon iconfont icon-jiantou"></span>
                     <div class="txt">学习文件</div>
                     <a href="https://www.12371.cn/special/dnfg/" target="_blank">查看学习文件</a>
                 </div>
-                <div class="wow domInUp banner">
-                    <div class="swiper bannerSwiper bannerSwiper2">
-                      <div class="swiper-wrapper">
-                        <div class="swiper-slide">
-                          <img
-                            class="lazy"
-                            data-src="./static/images/partyBuilding/11.png"
-                            data-srcM="./static/images/partyBuilding/11.png"
-                            alt=""
-                          />
-                        </div>
-                      </div>
-                      <!-- 如果需要分页器 -->
-                      <div class="swiper-pagination"></div>
-                      
-                      <!-- 如果需要导航按钮 -->
-                      <div class="btn-prev btn-prevB"><span class="icon iconfont icon-jiantou"></span></div>
-                      <div class="btn-next btn-nextB"><span class="icon iconfont icon-jiantou"></span></div>
-                    </div>
+                <div class="bannerSwiper2 wow domInUp">
+                    <img class="lazy" data-src="./static/images/partyBuilding/11.png"
+                        data-srcM="./static/images/partyBuilding/11.png" alt="" />
                 </div>
             </div>
         </div>

src/pages/partyBuilding/index.less

         width: 100%;
         background-color: #F6F6F6;
         padding-top: 122px;
-        padding-bottom: 130px;
+        padding-bottom: 140px;
 
         .study_head{
             width: 1498px;
         .bannerSwiper2{
             width: 1498px;
             margin: 0 auto;
+            img{
+                display: block;
+            }
         }
     }
 }