中泽修改

src/pages/articleDetails/App.js

@@ -7,7 +7,7 @@ import {
 
 export default class App {
     constructor() {
-        let common = new Common(document.querySelector('.main'),4)   //导航菜单高亮，0是首页，后面的按顺序添加
+        let common = new Common(document.querySelector('.main'),2)   //导航菜单高亮，0是首页，后面的按顺序添加
         this.isMobile = isMobile()
         // this.tabChange()
         // 图片及视频资源懒加载。防止阻塞js执行

src/pages/articleDetails/index.html

@@ -17,7 +17,7 @@
     <%= require('../common/tpl/header.tpl') %>
         <div class="main">
             <div class="content">
-                <div class="detail_head">
+                <div class="detail_head wow fadeInUp">
                     <div class="head_left">
                         <div>发稿时间：2024-11-04 16:56:34</div>
                         <div>来源：中泽集团</div>
@@ -27,7 +27,7 @@
                         分享到：<div class="sharethis-inline-share-buttons"></div>
                     </div> -->
                 </div>
-                <div class="detail_head2">
+                <div class="detail_head2 wow fadeInUp">
                     <div class="head_left">
                         <div>发稿时间：2024-11-04 16:56:34</div>
                         <div>来源：中泽集团</div>
@@ -39,7 +39,7 @@
                         </div> -->
                     </div>
                 </div>
-                <div class="detail_title">
+                <div class="detail_title wow fadeInUp">
                     <div class="title">中泽集团总经理鞠自力出席中国炭素行业协会七届五次会员大会并作报告</div>
                 </div>
                 <!-- <div class="paragraphHeadings marginTop100">01 卡文汽车品牌使命</div> -->

src/pages/articleDetails/index.less

@@ -16,9 +16,6 @@
     margin: 0 auto;
     padding-top: 70px;
     padding-bottom: 110px;
-    p{
-        font-family: Source Han Sans CN;
-    }
     .marginTop30{
         margin-top: 30px;
     }
@@ -39,7 +36,7 @@
             display: flex;
             align-items: center;
             justify-content: space-between;
-            margin-top: 80px;
+            margin-top: 60px;
             padding-bottom: 20px;
             font-size: 18px;
             color: #231F20;
@@ -52,7 +49,6 @@
                 }
             }
             .head_right{
-                font-family: Source Han Sans CN;
                 font-size: 18px;
                 color: #231F20;
                 cursor: pointer;
@@ -73,7 +69,6 @@
             text-align: left;
             margin-top: 80px;
             .title{
-                font-family: Microsoft YaHei;
                 font-weight: bold;
                 font-size: 40px;
                 color: #333333;
@@ -81,7 +76,6 @@
                 margin-bottom: 80px;
             }
             .date{
-                font-family: Source Han Sans CN;
                 color: #333333;
                 font-size: 16px;
                 text-align: center;
@@ -89,13 +83,11 @@
            
         }
         .paragraphHeadings{
-            font-family: Source Han Sans CN;
             font-weight: bold;
             font-size: 24px;
             color: #333333;
         }
         .paragraphContext{
-            font-family: Source Han Sans CN;
             line-height: 36px;
             font-weight: 400;
             font-size: 20px;
@@ -119,6 +111,10 @@
             a{
                 margin-bottom: 40px;
                 display: block;
+                transition: all 0.2s;
+                &:hover{
+                    color: #B81C25;
+                }  
             }
         }
         
@@ -159,9 +155,7 @@ a{
             .detail_title{
                 width: 100%;
                 text-align: left;
-                margin-top: 17.625vw;
                 .title{
-                    font-family: Microsoft YaHei;
                     font-weight: bold;
                     font-size: 6vw;
                     color: #333333;
@@ -169,7 +163,6 @@ a{
                     margin-bottom: 7.5vw;
                 }
                 .date{
-                    font-family: Source Han Sans CN;
                     color: #333333;
                     font-size: 3.5vw;
                     text-align: center;
@@ -200,16 +193,15 @@ a{
                 }
             }
             .paragraphHeadings{
-                font-family: Source Han Sans CN;
                 font-weight: bold;
                 font-size: 4.5vw;
                 color: #333333;
             }
             .paragraphContext{
-                font-family: Source Han Sans CN;
-                font-size: 3.5vw;
+                font-size: 4.25vw;
                 color: #333333;
-                line-height: 7vw;
+                line-height: 7.75vw;
+                text-align: justify;
             }
             .imgBox{
                 width: 100%;
@@ -221,6 +213,7 @@ a{
             }
             .detail_footer{
                 font-size: 3.375vw;
+                margin-top:120px;
                 a{
                     width: 100%;
                     display: block;
@@ -228,7 +221,8 @@ a{
                     -webkit-box-orient: vertical; /* 垂直方向排列 */
                     -webkit-line-clamp: 1;      /* 限制显示的行数，这里是3行 */
                     overflow: hidden;            /* 隐藏超出部分 */
-                    text-overflow: ellipsis;   
+                    text-overflow: ellipsis; 
+                    margin-bottom: 5.25vw;
                 }
             }
         }

src/pages/common/tpl/footer.tpl

@@ -18,17 +18,17 @@
                 </div>
             </div>
             <div class="footerClick">
-                <a class="h7" href=""><span>产业布局</span></a>
+                <a class="h7" href="./product.html"><span>产业布局</span></a>
                 <span class="icon iconfont icon-arrow-right"></span>
-                <div class="footerShow show2"><a class="h7R" href="./productDec1.html"><span>铁合金</span></a>
-                <a class="h7R" href="./productDec2.html"><span>炭素</span></a>
-                <a class="h7R" href="./productDec3.html"><span>钼业</span></a>
-                <a class="h7R" href="./productDec4.html"><span>镍业</span></a>
-                <a class="h7R" href="./productDec5.html"><span>化工</span></a>
-                <a class="h7R" href="./productDec6.html"><span>装备制造</span></a>
-                <a class="h7R" href="./productDec7.html"><span>产业互联网</span></a>
-                <a class="h7R" href="./product.html"><span>金融</span></a>
-                <a class="h7R" href="./product.html"><span>其他</span></a></div>
+                <div class="footerShow show2"><a class="h7R" href=""><span>铁合金</span></a>
+                <a class="h7R" href=""><span>炭素</span></a>
+                <a class="h7R" href=""><span>钼业</span></a>
+                <a class="h7R" href=""><span>镍业</span></a>
+                <a class="h7R" href=""><span>化工</span></a>
+                <a class="h7R" href=""><span>装备制造</span></a>
+                <a class="h7R" href=""><span>产业互联网</span></a>
+                <a class="h7R" href=""><span>金融</span></a>
+                <a class="h7R" href=""><span>其他</span></a></div>
             </div>
             
             <div class="footerClick">
@@ -62,7 +62,7 @@
         <div class="footerCenterM">
             <a class="h7" href="">走进中泽</a>
             <div></div>
-            <a class="h7" href="./product.html">产业布局</a>
+            <a class="h7" href="">产业布局</a>
             <div></div>
             <a class="h7" href="">新闻中心</a>
             <div></div>

src/pages/common/tpl/header.tpl

@@ -50,8 +50,8 @@
                 <a href="./socialResponsibility.html">社会责任</a>
                 <div class="menuSon">
                     <div class="menuUp"></div>
-                    <a href=""><span>社会公益</span></a>
-                    <a href=""><span>绿色转型</span></a>
+                    <a href="./socialResponsibility.html"><span>社会公益</span></a>
+                    <a href="./socialResponsibility.html"><span>绿色转型</span></a>
                 </div>
             </div>
             <div class="menuOne">
@@ -126,10 +126,10 @@
                     </div>
                 </div>
                 <div>
-                    <div class="title" href="">社会责任<span class="iconfont icon-xiala"></span></div>
+                    <div class="title" href="./socialResponsibility.html">社会责任<span class="iconfont icon-xiala"></span></div>
                     <div class="menuSon">
-                        <a href=""><span>社会公益</span></a>
-                        <a href=""><span>绿色转型</span></a>
+                        <a href="./socialResponsibility.html"><span>社会公益</span></a>
+                        <a href="./socialResponsibility.html"><span>绿色转型</span></a>
                     </div>
                 </div>
                 <div>

src/pages/enterprisePartyBuilding/index.html

@@ -77,10 +77,11 @@
                    <span class="icon iconfont icon-jiantou"></span>
                 </a>
                 <div id="paging" style="display: flex;align-items: center;">
-                    <a class="pageNum">1</a>
+                    <a class="pageNum pageNumActive">1</a>
                     <a class="pageNum">2</a>
                     <a class="pageNum">3</a>
                     <a class="pageNum pageNums">...</a>
+                    <a class="pageNum">300</a>
                 </div>
                 <a id="nextPage" class="nextPage">
                     <span class="icon iconfont icon-jiantou"></span>

src/pages/enterprisePartyBuilding/index.less

@@ -23,8 +23,7 @@
             padding-top: 120px;
             margin-bottom: 80px;
             font-weight: bold;
-            font-size: 40px;
-            font-family: Microsoft YaHei;
+            font-size: 56px;
             color: #333333;
         }
        
@@ -122,16 +121,16 @@
         margin: 0 auto;
         display: flex;
         align-items: center;
-        font-family: Source Han Sans CN;
         font-size: 16px;
-        color: #000000;
+        color: #231f20;
         margin-bottom: 60px;
         .tabs_li{
-            border: 1px solid #000000;
+            border: 1px solid #231f20;
             padding: 10px 30px;
             margin-right: 20px;
             cursor: pointer;
             transition: all .2s;
+            font-family: 'MyFont1';
             span{
                 display: inline-block;
                 margin: 0 10px;
@@ -245,7 +244,6 @@
             min-width: 40px;
             height: 40px;
             line-height: 40px;
-            font-family: Source Han Sans CN;
             font-size: 18px;
             color: #000;
             transition: all 0.2s;
@@ -268,10 +266,13 @@
             margin-left: 10px;
         }
         .pageNumActive{
-            color: #041954;
+            color: #DDE2E6;
+            background: #B81C25;
+            border: 1px solid #B81C25;
+            
+
         }
         .ellipsis{
-            font-family: Source Han Sans CN;
             font-weight: bold;
             font-size: 22px;
             padding: 10px 15px;
@@ -314,7 +315,7 @@ a{
         .content2{
             padding-top: 17.5vw;
             .news_title{
-                font-size: 4.75vw;
+                font-size: 7vw;
                 padding-top: 0;
             }
         }
@@ -415,12 +416,13 @@ a{
                 padding: 1.875vw 3.75vw;
                 margin-right: 3vw;
                 margin-bottom: 4vw;
+                font-family: 'MyFont1';
                 span{
                     display: inline-block;
                     margin: 0 3px 0 8px;
                     font-weight: bold;
                 }
-                &:nth-of-type(3n){
+                &:last-child{
                     margin-right: 0;
                 }
             }

src/pages/news/index.html

@@ -16,12 +16,12 @@
     <%= require('../common/tpl/header.tpl') %>
         <div class="main">
             <div class="content">
-                <div class="news_title">
+                <div class="news_title wow fadeInUp">
                     <div class="title">新闻中心</div>
                 </div>
                 <div class="banner_box">
 
-                    <div class="news_banner">
+                    <div class="news_banner wow fadeInUp">
                         <img
                         src="./static/images/news/01.png"
                         alt=""
@@ -31,7 +31,7 @@
                             <div class="cont2">2024-08-20</div>
                         </a> 
                     </div>
-                    <div class="news_banner2">
+                    <div class="news_banner2 wow fadeInUp">
                         <img src="./static/images/news/02.png" alt="">
                         <div class="banner2_cont">
                             <div class="txt1">交通运输部、国家发展改革委联合印发
@@ -44,7 +44,7 @@
                             </a>
                         </div>
                     </div>
-                    <div class="news_banner2">
+                    <div class="news_banner2 wow fadeInUp">
                         <img src="./static/images/news/03.png" alt="">
                         <div class="banner2_cont">
                             <div class="txt1">交通运输部、国家发展改革委联合印发
@@ -58,20 +58,20 @@
                         </div>
                     </div>
                 </div>
-                <div class="tabs_box" id="point">
-                    <div class="tabs_li tabs_lis">全部</div>
-                    <div class="tabs_li">集团新闻</div>
-                    <div class="tabs_li">前沿资讯</div>
-                    <div class="tabs_li">政策引领</div>
-                    <div class="tabs_li">研发创新</div>
+                <div class="tabs_box wow fadeInUp" id="point">
+                    <a class="tabs_li tabs_lis">全部</a>
+                    <a class="tabs_li">集团新闻</a>
+                    <a class="tabs_li">前沿资讯</a>
+                    <a class="tabs_li">政策引领</a>
+                    <a class="tabs_li">研发创新</a>
                 </div>
             </div>
             <div class="news_ul">
-                <div class="news_list">
+                <div class="news_list wow fadeInUp">
                     <div class="news_li">
                         <div class="li_left">
-                            <span>19</span>
-                            <span>24-12</span>
+                            <div class="timerData">10</div>
+                            <div>24-06</div>
                         </div> 
                         <a class="li_cont" href="./articleDetails.html">
                             <div>中共中央办公厅 国务院办公厅关于推进新型城市基础设施建设打造韧性城市的意见</div>
@@ -80,9 +80,9 @@
                     </div>
                     <div class="news_li">
                         <div class="li_left">
-                            <span>09</span>
-                            <span>24-12</span>
-                        </div>
+                            <div class="timerData">10</div>
+                            <div>24-06</div>
+                        </div> 
                         <a class="li_cont" href="#">
                             <div>中共中央办公厅 国务院办公厅关于推进新型城市基础设施建设打造韧性城市的意见</div>
                             <div>为深化城市安全韧性提升行动，推进数字化、网络化、智能化新型城市基础设施建设，打造承受适应能力强、恢复速度快的韧性城市，增强城市风险防控和治理能力，经党...</div>
@@ -90,14 +90,84 @@
                     </div>
                     <div class="news_li">
                         <div class="li_left">
-                            <span>10</span>
-                            <span>24-12</span> 
-                        </div>
+                            <div class="timerData">10</div>
+                            <div>24-06</div>
+                        </div> 
                         <a class="li_cont" href="#">
                             <div>中共中央办公厅 国务院办公厅关于推进新型城市基础设施建设打造韧性城市的意见</div>
                             <div>为深化城市安全韧性提升行动，推进数字化、网络化、智能化新型城市基础设施建设，打造承受适应能力强、恢复速度快的韧性城市，增强城市风险防控和治理能力，经党...</div>
                         </a>
                     </div>
+                    <div class="news_li">
+                        <div class="li_left">
+                            <div class="timerData">10</div>
+                            <div>24-06</div>
+                        </div>  
+                        <a class="li_cont" href="./articleDetails.html">
+                            <div>中共中央办公厅 国务院办公厅关于推进新型城市基础设施建设打造韧性城市的意见</div>
+                            <div>为深化城市安全韧性提升行动，推进数字化、网络化、智能化新型城市基础设施建设，打造承受适应能力强、恢复速度快的韧性城市，增强城市风险防控和治理能力，经党...</div>
+                        </a>
+                    </div>
+                    <div class="news_li">
+                        <div class="li_left">
+                            <div class="timerData">10</div>
+                            <div>24-06</div>
+                        </div> 
+                        <a class="li_cont" href="#">
+                            <div>中共中央办公厅 国务院办公厅关于推进新型城市基础设施建设打造韧性城市的意见</div>
+                            <div>为深化城市安全韧性提升行动，推进数字化、网络化、智能化新型城市基础设施建设，打造承受适应能力强、恢复速度快的韧性城市，增强城市风险防控和治理能力，经党...</div>
+                        </a>
+                    </div>
+                    <div class="news_li">
+                        <div class="li_left">
+                            <div class="timerData">10</div>
+                            <div>24-06</div>
+                        </div> 
+                        <a class="li_cont" href="#">
+                            <div>中共中央办公厅 国务院办公厅关于推进新型城市基础设施建设打造韧性城市的意见</div>
+                            <div>为深化城市安全韧性提升行动，推进数字化、网络化、智能化新型城市基础设施建设，打造承受适应能力强、恢复速度快的韧性城市，增强城市风险防控和治理能力，经党...</div>
+                        </a>
+                    </div>
+                    <div class="news_li">
+                        <div class="li_left">
+                            <div class="timerData">10</div>
+                            <div>24-06</div>
+                        </div>  
+                        <a class="li_cont" href="./articleDetails.html">
+                            <div>中共中央办公厅 国务院办公厅关于推进新型城市基础设施建设打造韧性城市的意见</div>
+                            <div>为深化城市安全韧性提升行动，推进数字化、网络化、智能化新型城市基础设施建设，打造承受适应能力强、恢复速度快的韧性城市，增强城市风险防控和治理能力，经党...</div>
+                        </a>
+                    </div>
+                    <div class="news_li">
+                        <div class="li_left">
+                            <div class="timerData">10</div>
+                            <div>24-06</div>
+                        </div> 
+                        <a class="li_cont" href="#">
+                            <div>中共中央办公厅 国务院办公厅关于推进新型城市基础设施建设打造韧性城市的意见</div>
+                            <div>为深化城市安全韧性提升行动，推进数字化、网络化、智能化新型城市基础设施建设，打造承受适应能力强、恢复速度快的韧性城市，增强城市风险防控和治理能力，经党...</div>
+                        </a>
+                    </div>
+                    <div class="news_li">
+                        <div class="li_left">
+                            <div class="timerData">10</div>
+                            <div>24-06</div>
+                        </div> 
+                        <a class="li_cont" href="#">
+                            <div>中共中央办公厅 国务院办公厅关于推进新型城市基础设施建设打造韧性城市的意见</div>
+                            <div>为深化城市安全韧性提升行动，推进数字化、网络化、智能化新型城市基础设施建设，打造承受适应能力强、恢复速度快的韧性城市，增强城市风险防控和治理能力，经党...</div>
+                        </a>
+                    </div>
+                    <div class="news_li">
+                        <div class="li_left">
+                            <div class="timerData">10</div>
+                            <div>24-06</div>
+                        </div>  
+                        <a class="li_cont" href="./articleDetails.html">
+                            <div>中共中央办公厅 国务院办公厅关于推进新型城市基础设施建设打造韧性城市的意见</div>
+                            <div>为深化城市安全韧性提升行动，推进数字化、网络化、智能化新型城市基础设施建设，打造承受适应能力强、恢复速度快的韧性城市，增强城市风险防控和治理能力，经党...</div>
+                        </a>
+                    </div>
                 </div>
                 
             </div>
@@ -106,10 +176,11 @@
                    <span class="icon iconfont icon-jiantou"></span>
                 </a>
                 <div id="paging" style="display: flex;align-items: center;">
-                    <a class="pageNum">1</a>
+                    <a class="pageNum pageNumActive">1</a>
                     <a class="pageNum">2</a>
                     <a class="pageNum">3</a>
                     <a class="pageNum pageNums">...</a>
+                    <a class="pageNum">300</a>
                 </div>
                 <a id="nextPage" class="nextPage">
                     <span class="icon iconfont icon-jiantou"></span>

src/pages/news/index.less

@@ -25,8 +25,7 @@
 
             .title{
                 font-weight: bold;
-                font-size: 40px;
-                font-family: Microsoft YaHei;
+                font-size: 56px;
                 color: #333333;
             }
         }
@@ -80,7 +79,6 @@
                     margin-bottom: 30px;
                 }
                 .txt1{
-                    font-family: Source Han Sans CN;
                     font-weight: bold;
                     font-size: 20px;
                     color: #333333;
@@ -90,13 +88,11 @@
                     margin-bottom: 20px;
                 }
                 .txt2{
-                    font-family: Source Han Sans CN;
                     font-size: 16px;
                     color: #333333;
                     margin-bottom: 20px;
                 }
                 .txt3{
-                    font-family: Source Han Sans CN;
                     font-size: 16px;
                     color: #333333;
                     margin-bottom: 18px;
@@ -107,7 +103,6 @@
                     text-overflow: ellipsis;     /* 用省略号表示超出部分 */
                 }
                 a{
-                    font-family: Source Han Sans CN;
                     font-size: 16px;
                     color: #333333;
                     display: flex;
@@ -128,7 +123,7 @@
             width: 1300px;
             margin: 0 auto;
             font-weight: 400;
-            font-size: 24px;
+            font-size: 22px;
             display: flex;
             align-items: center;
 
@@ -136,9 +131,9 @@
                 color: #231F20;
                 margin-right: 80px;
                 cursor: pointer;
-                padding-bottom: 48px;
+                padding-bottom: 30px;
                 transition: all .2s;
-                border-bottom: 2px solid #fff;
+                border-bottom: 2px solid transparent;
                 &:hover{
                     color: #B81C25;
                 }
@@ -167,45 +162,62 @@
                 border-bottom:1px solid #DADADA;
                 transition: all .2s;
                 .li_left{
-                    width: 66px;
+                    width: 65px;
                     height: 66px;
-                    background: #F6F6F6;
+                    border-radius: 8px;
                     border: 1px solid #A7A5A5;
-                    display: flex;
-                    align-items: center;
-                    justify-content: center;
-                    flex-direction: column;
+                    text-align: center;
+                    font-size: 12px;
+                    padding: 0px 12px 0;
+                    box-sizing: border-box;
                     margin-right: 30px;
-                    transition: all .5s;
-                    border-radius: 8px;
-                    span:nth-child(1){
-                        font-family: Source Han Sans CN;
-                        font-weight: 500;
-                        font-size: 30px;
-                        color: #B81C25;
+                    .timerData{
+                      font-size: 26px;
+                      color: #b81c25;
+                      border-bottom: 1px solid #b81c25;
+                      padding-bottom: 3px;
+                      margin-bottom: 3px;
+                      line-height: 30px;
+                      padding-top: 4px;
                     }
-                    span:nth-child(2){
-                        font-family: Source Han Sans CN;
-                        font-weight: 500;
-                        font-size: 13px;
-                        color: #231F20;
-                        position: relative;
-                        &::after{
-                            content: '';
-                            position: absolute;
-                            top: -1px;
-                            left: -8%;
-                            height: 1px;
-                            width: 120%;
-                            background-color: #B81C25;
-                        }
-                    }
-                    a{
-                        cursor: pointer;
-                    }
-                }
+                  }
+                // .li_left{
+                //     width: 66px;
+                //     height: 66px;
+                //     background: #F6F6F6;
+                //     border: 1px solid #A7A5A5;
+                //     display: flex;
+                //     align-items: center;
+                //     // justify-content: center;
+                //     flex-direction: column;
+                //     margin-right: 30px;
+                //     transition: all .5s;
+                //     border-radius: 8px;
+                //     span:nth-child(1){
+                //         font-weight: 500;
+                //         font-size: 30px;
+                //         color: #B81C25;
+                //     }
+                //     span:nth-child(2){
+                //         font-weight: 500;
+                //         font-size: 13px;
+                //         color: #231F20;
+                //         position: relative;
+                //         &::after{
+                //             content: '';
+                //             position: absolute;
+                //             top: -1px;
+                //             left: -8%;
+                //             height: 1px;
+                //             width: 120%;
+                //             background-color: #B81C25;
+                //         }
+                //     }
+                //     a{
+                //         cursor: pointer;
+                //     }
+                // }
                 .li_cont{
-                    font-family: Source Han Sans CN;
                     font-weight: 400;
                     transition: all .2s;
 
@@ -242,8 +254,7 @@
             }
         }
     }
-    .btn{
-    }
+
     .news_paging{
         display: flex;
         align-items: center;
@@ -296,7 +307,6 @@
             min-width: 40px;
             height: 40px;
             line-height: 40px;
-            font-family: Source Han Sans CN;
             font-size: 18px;
             color: #000;
             transition: all 0.2s;
@@ -312,17 +322,18 @@
                 color: #fff;
             }
         }
+        .pageNumActive{
+            color: #fff;
+            background: #B81C25;
+        }
         .pageNums{
             pointer-events: none;
         }
         .pageNum+.pageNum{
             margin-left: 10px;
         }
-        .pageNumActive{
-            color: #041954;
-        }
+
         .ellipsis{
-            font-family: Source Han Sans CN;
             font-weight: bold;
             font-size: 22px;
             padding: 10px 15px;
@@ -350,15 +361,16 @@ a{
    
     .main {
         width: 100%;
-        padding-top: 3.5vw;
+        padding-top: 14.5vw;
         .content{
             width: 92vw;
             margin: 0 auto;
             .news_title{
                 display: block;
-                margin-bottom: 10.75vw;
+                margin-bottom: 12.5vw;
+                padding-top: 100px;
                 .title{
-                    font-size: 6.375vw;
+                    font-size: 8vw;
                     text-align: center;
                 }
                 .title_screen{
@@ -388,6 +400,7 @@ a{
                     width: 100%;
                     height: auto;
                     margin-bottom: 8vw;
+                   
                     img{
                         width: 100%;
                         height: 62.75vw;
@@ -397,8 +410,10 @@ a{
                     
                     .news_content{
                         padding: 3.75vw;
+                        display: flex;
+                        flex-wrap: wrap;
+                        flex-direction: column-reverse;
                         .cont1{
-                            font-family: Source Han Sans CN;
                             font-weight: bold;
                             font-size: 3.75vw;
                             color: #fff;
@@ -409,13 +424,12 @@ a{
                             text-overflow: ellipsis;     /* 用省略号表示超出部分 */
                         }
                         .cont2{
-                            font-family: Source Han Sans CN;
-                            font-size: 2.375vwvw;
+                            width: 100%;
+                            font-size: 3.375vw;
                             color: #fff;
-                            margin-top: 2.5vw;
+                            margin-bottom: 2.5vw;
                         }
                         .cont3{
-                            font-family: Source Han Sans CN;
                             font-size: 3.25vw;
                             color: #fff;
                         }
@@ -462,7 +476,7 @@ a{
                         font-size: 3.325vw;
                         .icon{
                             font-size: 4.325vw;
-                            margin-top: 3px;
+                            margin-top: 0;
                         }
                     }
                 }
@@ -470,8 +484,11 @@ a{
             .tabs_box{
                 width: 100%;
                 font-size: 3.75vw;
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
                 .tabs_li{
-                    margin-right: 4.9vw;
+                    margin-right: 0;
                     padding-bottom: 5.625vw;
                 }
             }
@@ -485,13 +502,16 @@ a{
                 padding: 0 3.75vw;
                 .news_li{
                     padding:5.625vw 0;
+                    display: flex;
+                    align-items: center;
+                    justify-content: space-between;
                     .li_left{
                         width: 16.25vw;
+                        margin-right: 0;
                     }
                     .li_cont{
                         width: 71.5vw;
                         div:nth-child(1){
-                            font-family: Source Han Sans CN;
                             font-size: 3.75vw;
                             color: #282828;
                             line-height: 7.5vw;
@@ -506,7 +526,6 @@ a{
                             height: auto;
                             overflow: unset;
                             line-height: 1.5;
-                            font-family: Source Han Sans CN;
                             font-size: 3.25vw;
                             color: #A7A5A5;
                             padding: 0;

src/pages/partyBuilding/index.html

@@ -114,7 +114,7 @@
             <div class="study_box" id="'p2">
                 <div class="study_head">
                     <div class="txt">学习文件</div>
-                    <a href="">查看学习文件</a>
+                    <a href="https://www.12371.cn/special/dnfg/" target="_blank">查看学习文件</a>
                 </div>
                 <div class="wow domInUp banner">
                     <div class="swiper bannerSwiper bannerSwiper2">

src/pages/partyBuilding/index.less

@@ -23,12 +23,17 @@
             padding-top: 120px;
             margin-bottom: 80px;
             font-weight: bold;
-            font-size: 40px;
-            font-family: Microsoft YaHei;
+            font-size: 64px;
             color: #333333;
+            font-family: 'MyFont1';
         }
        
     }
+    .content2{
+        .news_title{
+            font-size: 48px;
+        }
+    }
     .banner{
         width: 100%;
         height: 100vh;
@@ -121,16 +126,16 @@
         margin: 0 auto;
         display: flex;
         align-items: center;
-        font-family: Source Han Sans CN;
         font-size: 16px;
-        color: #000000;
+        color: #231f20;
         margin-bottom: 60px;
         .tabs_li{
-            border: 1px solid #000000;
+            border: 1px solid #231f20;
             padding: 10px 30px;
             margin-right: 20px;
             cursor: pointer;
             transition: all .2s;
+            font-family: 'MyFont1';
             span{
                 display: inline-block;
                 margin: 0 10px;
@@ -178,7 +183,7 @@
             }
             .txt1{
                 font-size: 20px;
-                color: #000000;
+                color: #231f20;
                 display: -webkit-box;        /* 使用 Flexbox 布局 */
                 -webkit-box-orient: vertical; /* 垂直方向排列 */
                 -webkit-line-clamp: 2;      /* 限制显示的行数，这里是3行 */
@@ -297,6 +302,7 @@
             margin-bottom: 81px;
             .txt{
                 font-weight: bold;
+                font-family: 'MyFont1';
                 font-size: 48px;
                 color: #231F20;
                 margin-left: 100px;
@@ -341,14 +347,14 @@ a{
             .news_title{
                 display: block;
                 margin-bottom: 10.75vw;
-                font-size: 6.375vw;
+                font-size: 7vw;
                 text-align: center;
             }
         }
         .content2{
             padding-top: 17.5vw;
             .news_title{
-                font-size: 4.75vw;
+                font-size: 6.25vw;
                 padding-top: 0;
             }
         }
@@ -449,12 +455,13 @@ a{
                 padding: 1.875vw 3.75vw;
                 margin-right: 3vw;
                 margin-bottom: 4vw;
+                font-family: 'MyFont1';
                 span{
                     display: inline-block;
                     margin: 0 3px 0 8px;
                     font-weight: bold;
                 }
-                &:nth-of-type(3n){
+                &:last-child{
                     margin-right: 0;
                 }
             }
@@ -532,7 +539,7 @@ a{
                 margin-bottom: 10.5vw;
                 .txt{
                     width: 100%;
-                    font-size: 4.75vw;
+                    font-size: 6.25vw;
                     margin-left: 0;
                     text-align: center;
                 }

src/pages/socialResponsibility/index.html

@@ -2,143 +2,220 @@
 <html lang="cn">
 
 <head>
-    <meta charset="utf-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-    <title>社会责任</title>
-    <meta name="description" content="" />
-    <meta name="Keywords" content="" />
-    <meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport" />
-    <link href="./static/css/swiper-bundle.min.css" rel="stylesheet" type="text/css" />
-    <%= require('../common/tpl/headerLink.tpl') %>
+  <meta charset="utf-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+  <title>社会责任</title>
+  <meta name="description" content="" />
+  <meta name="Keywords" content="" />
+  <meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport" />
+  <link href="./static/css/swiper-bundle.min.css" rel="stylesheet" type="text/css" />
+  <%= require('../common/tpl/headerLink.tpl') %>
 </head>
 
 <body>
-    <%= require('../common/tpl/header.tpl') %>
-        <div class="main">
-            <div class="content">
-                <div class="banner_box">
-                    <div class="news_banner">
-                        <div class="news_content">
-                            <div class="cont1">社会责任</div>
-                            <div class="cont2">
-                                中泽控股集团股份有限公司（简称中泽集团）是以投资并购和企业运营为
-                                核心业务的大型民营集团，创建于1995年，总部位于北京。
-                                中泽控股集团股份有限公司（简称中泽集团）是以投资并购和企业运营为
-                                核心业务的大型民营集团，创建于1995年，总部位于北京。
-                            </div>
-                        </div> 
-                        <img
-                            src="./static/images/index/banner1.jpg"
-                            alt=""
-                        />
-                    </div>
-                </div>
-                <div class="tabs_box" id="tab">
-                    <div class="tabs_li tabs_lis">社会公益</div>
-                    <div class="tabs_li">绿色转型</div>
+  <%= require('../common/tpl/header.tpl') %>
+    <div class="main">
+      <div class="content">
+        <div class="banner_box">
+          <div class="news_banner">
+            <div class="news_content">
+              <div class="cont1">社会责任</div>
+              <div class="cont2">
+                中泽控股集团股份有限公司（简称中泽集团）是以投资并购和企业运营为
+                核心业务的大型民营集团，创建于1995年，总部位于北京。
+                中泽控股集团股份有限公司（简称中泽集团）是以投资并购和企业运营为
+                核心业务的大型民营集团，创建于1995年，总部位于北京。
+              </div>
+            </div>
+            <img src="./static/images/partyBuilding/big.png" alt="" />
+          </div>
+        </div>
+        <div class="tabs_box" id="tab">
+          <div class="tabs_li tabs_lis">社会公益</div>
+          <div class="tabs_li">绿色转型</div>
+        </div>
+      </div>
+      <div class="news_ul">
+        <div class="news_list">
+          <div class="news_li">
+            <div class="li_left">
+              <div class="timerData">10</div>
+              <div>24-06</div>
+            </div>
+            <a class="li_cont" href="./articleDetails.html">
+              <div>中共中央办公厅 国务院办公厅关于推进新型城市基础设施建设打造韧性城市的意见</div>
+              <div>为深化城市安全韧性提升行动，推进数字化、网络化、智能化新型城市基础设施建设，打造承受适应能力强、恢复速度快的韧性城市，增强城市风险防控和治理能力，经党...</div>
+            </a>
+          </div>
+          <div class="news_li">
+            <div class="li_left">
+              <div class="timerData">10</div>
+              <div>24-06</div>
+            </div>
+            <a class="li_cont" href="./articleDetails.html">
+              <div>中共中央办公厅 国务院办公厅关于推进新型城市基础设施建设打造韧性城市的意见</div>
+              <div>为深化城市安全韧性提升行动，推进数字化、网络化、智能化新型城市基础设施建设，打造承受适应能力强、恢复速度快的韧性城市，增强城市风险防控和治理能力，经党...</div>
+            </a>
+          </div>
+          <div class="news_li">
+            <div class="li_left">
+              <div class="timerData">10</div>
+              <div>24-06</div>
+            </div>
+            <a class="li_cont" href="./articleDetails.html">
+              <div>中共中央办公厅 国务院办公厅关于推进新型城市基础设施建设打造韧性城市的意见</div>
+              <div>为深化城市安全韧性提升行动，推进数字化、网络化、智能化新型城市基础设施建设，打造承受适应能力强、恢复速度快的韧性城市，增强城市风险防控和治理能力，经党...</div>
+            </a>
+          </div>
+          <div class="news_li">
+            <div class="li_left">
+              <div class="timerData">10</div>
+              <div>24-06</div>
+            </div>
+            <a class="li_cont" href="./articleDetails.html">
+              <div>中共中央办公厅 国务院办公厅关于推进新型城市基础设施建设打造韧性城市的意见</div>
+              <div>为深化城市安全韧性提升行动，推进数字化、网络化、智能化新型城市基础设施建设，打造承受适应能力强、恢复速度快的韧性城市，增强城市风险防控和治理能力，经党...</div>
+            </a>
+          </div>
+          <div class="news_li">
+            <div class="li_left">
+              <div class="timerData">10</div>
+              <div>24-06</div>
+            </div>
+            <a class="li_cont" href="./articleDetails.html">
+              <div>中共中央办公厅 国务院办公厅关于推进新型城市基础设施建设打造韧性城市的意见</div>
+              <div>为深化城市安全韧性提升行动，推进数字化、网络化、智能化新型城市基础设施建设，打造承受适应能力强、恢复速度快的韧性城市，增强城市风险防控和治理能力，经党...</div>
+            </a>
+          </div>
+          <div class="news_li">
+            <div class="li_left">
+              <div class="timerData">10</div>
+              <div>24-06</div>
+            </div>
+            <a class="li_cont" href="./articleDetails.html">
+              <div>中共中央办公厅 国务院办公厅关于推进新型城市基础设施建设打造韧性城市的意见</div>
+              <div>为深化城市安全韧性提升行动，推进数字化、网络化、智能化新型城市基础设施建设，打造承受适应能力强、恢复速度快的韧性城市，增强城市风险防控和治理能力，经党...</div>
+            </a>
+          </div>
+          <div class="news_li">
+            <div class="li_left">
+              <div class="timerData">10</div>
+              <div>24-06</div>
+            </div>
+            <a class="li_cont" href="./articleDetails.html">
+              <div>中共中央办公厅 国务院办公厅关于推进新型城市基础设施建设打造韧性城市的意见</div>
+              <div>为深化城市安全韧性提升行动，推进数字化、网络化、智能化新型城市基础设施建设，打造承受适应能力强、恢复速度快的韧性城市，增强城市风险防控和治理能力，经党...</div>
+            </a>
+          </div>
+          <div class="news_li">
+            <div class="li_left">
+              <div class="timerData">10</div>
+              <div>24-06</div>
+            </div>
+            <a class="li_cont" href="./articleDetails.html">
+              <div>中共中央办公厅 国务院办公厅关于推进新型城市基础设施建设打造韧性城市的意见</div>
+              <div>为深化城市安全韧性提升行动，推进数字化、网络化、智能化新型城市基础设施建设，打造承受适应能力强、恢复速度快的韧性城市，增强城市风险防控和治理能力，经党...</div>
+            </a>
+          </div>
+          <div class="news_li">
+            <div class="li_left">
+              <div class="timerData">10</div>
+              <div>24-06</div>
+            </div>
+            <a class="li_cont" href="./articleDetails.html">
+              <div>中共中央办公厅 国务院办公厅关于推进新型城市基础设施建设打造韧性城市的意见</div>
+              <div>为深化城市安全韧性提升行动，推进数字化、网络化、智能化新型城市基础设施建设，打造承受适应能力强、恢复速度快的韧性城市，增强城市风险防控和治理能力，经党...</div>
+            </a>
+          </div>
+          <div class="news_li">
+            <div class="li_left">
+              <div class="timerData">10</div>
+              <div>24-06</div>
+            </div>
+            <a class="li_cont" href="./articleDetails.html">
+              <div>中共中央办公厅 国务院办公厅关于推进新型城市基础设施建设打造韧性城市的意见</div>
+              <div>为深化城市安全韧性提升行动，推进数字化、网络化、智能化新型城市基础设施建设，打造承受适应能力强、恢复速度快的韧性城市，增强城市风险防控和治理能力，经党...</div>
+            </a>
+          </div>
+        </div>
+        <div class="news_paging">
+          <a id="previousPage" class="previousPage">
+            <span class="icon iconfont icon-jiantou"></span>
+          </a>
+          <div id="paging" style="display: flex;align-items: center;">
+            <a class="pageNum pageNumActive">1</a>
+            <a class="pageNum">2</a>
+            <a class="pageNum">3</a>
+            <a class="pageNum pageNums">...</a>
+          </div>
+          <a id="nextPage" class="nextPage">
+            <span class="icon iconfont icon-jiantou"></span>
+          </a>
+        </div>
+      </div>
+      <div class="typeCon">
+        <div class="infoul">
+          <div class="infoLi">
+            <div class="liTitle">
+              <div class="h3 liTit">
+                <div class="liTitMove">
+                  <div>社会责任战略规划</div>
                 </div>
+              </div>
+              <div class="button">
+                <div class="btnjbg"></div>
+              </div>
+            </div>
+            <div class="infoSonLi">
+              <div class="text">
+                <div>《集团党建工作考核办法》中设置“社会价值”一级考核指标，细化为“社会责任认可度”二级指标，“强化社会担当”和“将社会责任融入生产经营过程”三级指标，以及 4
+                  个四级指标，督导企业形成履行社会责任特色做法、形成品牌，社会责任履行情况得到外界认可。</div>
+              </div>
             </div>
-            <div class="news_ul">
-                <div class="news_list">
-                    <div class="news_li">
-                        <div class="li_left">
-                            <span>19</span>
-                            <span>24-12</span>
-                        </div> 
-                        <a class="li_cont" href="./articleDetails.html">
-                            <div>中共中央办公厅 国务院办公厅关于推进新型城市基础设施建设打造韧性城市的意见</div>
-                            <div>为深化城市安全韧性提升行动，推进数字化、网络化、智能化新型城市基础设施建设，打造承受适应能力强、恢复速度快的韧性城市，增强城市风险防控和治理能力，经党...</div>
-                        </a>
-                    </div>
-                    <div class="news_li">
-                        <div class="li_left">
-                            <span>09</span>
-                            <span>24-12</span>
-                        </div>
-                        <a class="li_cont" href="#">
-                            <div>中共中央办公厅 国务院办公厅关于推进新型城市基础设施建设打造韧性城市的意见</div>
-                            <div>为深化城市安全韧性提升行动，推进数字化、网络化、智能化新型城市基础设施建设，打造承受适应能力强、恢复速度快的韧性城市，增强城市风险防控和治理能力，经党...</div>
-                        </a>
-                    </div>
-                    <div class="news_li">
-                        <div class="li_left">
-                            <span>10</span>
-                            <span>24-12</span> 
-                        </div>
-                        <a class="li_cont" href="#">
-                            <div>中共中央办公厅 国务院办公厅关于推进新型城市基础设施建设打造韧性城市的意见</div>
-                            <div>为深化城市安全韧性提升行动，推进数字化、网络化、智能化新型城市基础设施建设，打造承受适应能力强、恢复速度快的韧性城市，增强城市风险防控和治理能力，经党...</div>
-                        </a>
-                    </div>
+          </div>
+          <div class="infoLi">
+            <div class="liTitle">
+              <div class="h3 liTit">
+                <div class="liTitMove">
+                  <div>社会责任价值观</div>
                 </div>
-                <div class="news_paging">
-                    <a id="previousPage" class="previousPage">
-                       <span class="icon iconfont icon-jiantou"></span>
-                    </a>
-                    <div id="paging" style="display: flex;align-items: center;">
-                        <a class="pageNum">1</a>
-                        <a class="pageNum">2</a>
-                        <a class="pageNum">3</a>
-                        <a class="pageNum pageNums">...</a>
-                    </div>
-                    <a id="nextPage" class="nextPage">
-                        <span class="icon iconfont icon-jiantou"></span>
-                    </a>
+              </div>
+              <div class="button">
+                <div class="btnjbg"></div>
+              </div>
+            </div>
+            <div class="infoSonLi">
+              <div class="text">
+                <div>贯彻落实创新、协调、绿色、开放、共享的发展理念，统筹推进“五位一体”总体布局要求，强化集团及控股企业社会责任管理，促进经济、社会、环境的和谐与可持续发展。</div>
+              </div>
+            </div>
+          </div>
+          <div class="infoLi">
+            <div class="liTitle">
+              <div class="h3 liTit">
+                <div class="liTitMove">
+                  <div>制定《社会责任管理指引》</div>
                 </div>
+              </div>
+              <div class="button">
+                <div class="btnjbg"></div>
+              </div>
             </div>
-            <div class="typeCon">
-                <div class="infoul">
-                  <div class="infoLi">
-                          <div class="liTitle">
-                            <div class="h3 liTit">
-                              <div class="liTitMove">
-                                <div>社会责任战略规划</div>
-                              </div>
-                            </div>
-                            <div class="button"><div class="btnjbg"></div></div>
-                          </div>
-                          <div class="infoSonLi">
-                            <div class="text">
-                              <div>《投资集团党建工作考核办法》中设置“社会价值”一级考核指标，细化为“社会责任认可度”二级指标，“强化社会担当”和“将社会责任融入生产经营过程”三级指标，以及 4 个四级指标，督导企业形成履行社会责任特色做法、形成品牌，社会责任履行情况得到外界认可。</div>
-                            </div>
-                        </div>
-                  </div>
-                  <div class="infoLi">
-                          <div class="liTitle">
-                            <div class="h3 liTit">
-                              <div class="liTitMove">
-                                <div>社会责任价值观</div>
-                              </div>
-                            </div>
-                            <div class="button"><div class="btnjbg"></div></div>
-                          </div>
-                          <div class="infoSonLi">
-                            <div class="text">
-                              <div>贯彻落实创新、协调、绿色、开放、共享的发展理念，统筹推进“五位一体”总体布局要求，强化投资集团及控股企业社会责任管理，促进经济、社会、环境的和谐与可持续发展。</div>
-                            </div>
-                        </div>
-                  </div>
-                  <div class="infoLi">
-                          <div class="liTitle">
-                            <div class="h3 liTit">
-                              <div class="liTitMove">
-                                <div>制定《社会责任管理指引》</div>
-                              </div>
-                            </div>
-                            <div class="button"><div class="btnjbg"></div></div>
-                          </div>
-                          <div class="infoSonLi">
-                            <div class="text">
-                              <div>根据公司法等相关法律法规以及投资集团实际，参考国际国内各类标准，于 2012 年制定并印发了《社会责任管理指引》；结合十八大以来党和国家的新思想、新论断，以及省十次党代会提出的我省五年发展目标，对照《中国企业社会责任报告指南基础框架》4.0 版，于 2020 年对《社会责任管理指引》进行修订。《社会责任管理指引》明确了投资集团及控股企业对国民经济和社会发展，资源节约和环境保护，以及股东、债权人、员工、客户、合作者、政府和社区等利益相关者所应承担的经济、法律、道德与慈善等责任。 </div>
-                            </div>
-                        </div>
-                  </div>
+            <div class="infoSonLi">
+              <div class="text">
+                <div>根据公司法等相关法律法规以及集团实际，参考国际国内各类标准，于 2012
+                  年制定并印发了《社会责任管理指引》；结合十八大以来党和国家的新思想、新论断，以及省十次党代会提出的我省五年发展目标，对照《中国企业社会责任报告指南基础框架》4.0 版，于 2020
+                  年对《社会责任管理指引》进行修订。《社会责任管理指引》明确了集团及控股企业对国民经济和社会发展，资源节约和环境保护，以及股东、债权人、员工、客户、合作者、政府和社区等利益相关者所应承担的经济、法律、道德与慈善等责任。
                 </div>
+              </div>
             </div>
-           
+          </div>
         </div>
-        <%= require('../common/tpl/footer.tpl') %>
-            <%= require('../common/tpl/bottomBar.tpl') %>
+      </div>
+
+    </div>
+    <%= require('../common/tpl/footer.tpl') %>
+      <%= require('../common/tpl/bottomBar.tpl') %>
 </body>
 
 </html>

src/pages/socialResponsibility/index.less

@@ -36,7 +36,7 @@
                 .news_content{
                     width: 100%;
                     color: #231F20;
-                    padding: 190px 30px 40px;
+                    padding: 120px 30px 40px;
                     box-sizing: border-box;
                     display: flex;
                     justify-content: space-between;
@@ -45,13 +45,15 @@
                         font-size: 60px;
                         color: #231F20;
                         margin-left: 100px;
+                        font-family: 'MyFont1';
                     }
                     .cont2{
                         width: 640px;
                         font-size: 20px;
                         color: #231F20;
                         margin-right: 110px;
-                        line-height: 35px;
+                        line-height: 40px;
+                        text-align: justify;
                     }
                 }
                 
@@ -70,11 +72,27 @@
                 color: #231F20;
                 margin-right: 80px;
                 cursor: pointer;
-                padding-bottom: 48px;
+                padding-bottom: 30px;
                 transition: all .2s;
-                border-bottom: 2px solid #fff;
+                border-bottom: 2px solid transparent;
+                position: relative;
+                &::after{
+                    content: "";
+                    width: 0;
+                    height: 2px;
+                    background: #B81C25;
+                    position: absolute;
+                    left: 0;
+                    bottom: -2px;
+                    right: 0;
+                    margin: auto;
+                    transition: all .4s ease;
+                }
                 &:hover{
                     color: #B81C25;
+                    &::after{
+                        width: 100%;
+                    }
                 }
             }   
             .tabs_lis{
@@ -97,48 +115,69 @@
             .news_li{
                 display: flex;
                 align-items: center;
+                justify-content: space-between;
                 padding: 40px 0;
                 border-bottom:1px solid #DADADA;
                 transition: all .2s;
                 .li_left{
-                    width: 66px;
+                    width: 65px;
                     height: 66px;
-                    background: #F6F6F6;
-                    border: 1px solid #A7A5A5;
-                    display: flex;
-                    align-items: center;
-                    justify-content: center;
-                    flex-direction: column;
-                    margin-right: 30px;
-                    transition: all .5s;
                     border-radius: 8px;
-                    span:nth-child(1){
-                        font-family: Source Han Sans CN;
-                        font-weight: 500;
-                        font-size: 30px;
-                        color: #B81C25;
-                    }
-                    span:nth-child(2){
-                        font-family: Source Han Sans CN;
-                        font-weight: 500;
-                        font-size: 13px;
-                        color: #231F20;
-                        position: relative;
-                        &::after{
-                            content: '';
-                            position: absolute;
-                            top: -1px;
-                            left: -8%;
-                            height: 1px;
-                            width: 120%;
-                            background-color: #B81C25;
-                        }
-                    }
-                    a{
-                        cursor: pointer;
+                    border: 1px solid #A7A5A5;
+                    text-align: center;
+                    font-size: 12px;
+                    padding: 0px 12px 0;
+                    box-sizing: border-box;
+                    .timerData{
+                      font-size: 26px;
+                      color: #b81c25;
+                      border-bottom: 1px solid #b81c25;
+                      padding-bottom: 3px;
+                      margin-bottom: 3px;
+                      line-height: 30px;
+                      padding-top: 4px;
                     }
                 }
+                // .li_left{
+                //     width: 66px;
+                //     height: 66px;
+                //     background: #F6F6F6;
+                //     border: 1px solid #A7A5A5;
+                //     display: flex;
+                //     align-items: center;
+                //     justify-content: center;
+                //     flex-direction: column;
+                //     margin-right: 30px;
+                //     transition: all .5s;
+                //     border-radius: 8px;
+                //     span:nth-child(1){
+                //         font-family: Source Han Sans CN;
+                //         font-weight: 500;
+                //         font-size: 30px;
+                //         color: #B81C25;
+                //     }
+                //     span:nth-child(2){
+                //         font-family: Source Han Sans CN;
+                //         font-weight: 500;
+                //         font-size: 13px;
+                //         color: #231F20;
+                //         position: relative;
+                //         &::after{
+                //             content: '';
+                //             position: absolute;
+                //             top: -1px;
+                //             left: -8%;
+                //             height: 1px;
+                //             width: 120%;
+                //             background-color: #B81C25;
+                //         }
+                //     }
+                //     a{
+                //         cursor: pointer;
+                //     }
+                // }
                 .li_cont{
+                    width: calc(100% - 80px);
                     font-family: Source Han Sans CN;
                     font-weight: 400;
                     transition: all .2s;
@@ -160,6 +199,7 @@
                         -webkit-box-orient: vertical; /* 垂直方向排列 */
                         -webkit-line-clamp: 1;      /* 限制显示的行数，这里是3行 */
                         overflow: hidden;            /* 隐藏超出部分 */
+                        text-align: justify;
                     }
                 }
                 &:hover{
@@ -252,7 +292,10 @@
             margin-left: 10px;
         }
         .pageNumActive{
-            color: #041954;
+            color: #fff;
+            background-color: #B81C25;
+            border: 1px solid #B81C25;
+
         }
         .ellipsis{
             font-family: Source Han Sans CN;
@@ -451,17 +494,18 @@ a{
                         padding: 3.75vw;
                         flex-direction: column;
                         .cont1{
-                            font-size: 6.375vw;
+                            font-size: 8.25vw;
                             margin: 0;
                             margin-bottom: 10.625vw;
                             width: 100%;
                             text-align: center;
+                            font-family: 'MyFont1';
                         }
                         .cont2{
                             width: 100%;
-                            line-height: 24px;
+                            line-height: 7.5vw;
                         //     font-family: Source Han Sans CN;
-                            font-size: 3.75vw;
+                            font-size: 4.25vw;
                             text-align: justify;
                         //     color: #fff;
                         //     margin-top: 2.5vw;
@@ -522,6 +566,7 @@ a{
                             -webkit-box-orient: vertical; /* 垂直方向排列 */
                             -webkit-line-clamp: 2;      /* 限制显示的行数，这里是3行 */
                             overflow: hidden;     
+                            text-align: justify;
                         }
                       
                     }