diff --git a/about/about02.html b/about/about02.html
index a165464..18a1991 100644
--- a/about/about02.html
+++ b/about/about02.html
@@ -102,16 +102,26 @@
           <h2 class="wow fadeInDown">董事长致辞</h2>
           <h2 class="wow fadeInDown">CHAIRMAN'S SPEECH</h2>
         </div>
-        <div class="col-xs-12 col-sm-12 col-md-12 wrap"> 
-            <img class="part-img" src="../images/董事长致辞@2x.png">
+        <div class="col-xs-12 col-sm-12 col-md-12 wrap" id="wrap"> 
+            
         </div>
       </div>
     </div>    
   </div>
 
-
-
   <div id="footer"></div>  
+  <script>
+    var content;
+    if(detectMobile()){
+      $('#wrap').empty();
+      content = "<img class='part-img' src='../images/董事长致辞_mobile.png'>";
+      $('#wrap').append(content);
+    }else{
+      $('#wrap').empty();
+      content = "<img class='part-img' src='../images/董事长致辞@2x.png'>";
+      $('#wrap').append(content);
+    }
 
+  </script>
 </body>
 </html>
diff --git a/about/about03.html b/about/about03.html
index d9a93da..e14ab40 100644
--- a/about/about03.html
+++ b/about/about03.html
@@ -158,7 +158,7 @@
                             <div class="e-img-r"><img alt="" src="../images/section4-hover02.png"></div>
                         </div>
                         <div class="imgcontainer transition-3">
-                            <img src="../images/服务保障@2x.png">
+                            <img src="../images/yaosu3.png">
                         </div>
                         <div class="contentText transition-3">
                             <div class="contenttitle">服务保障</div>
@@ -175,7 +175,7 @@
                             <div class="e-img-r"><img alt="" src="../images/section4-hover02.png"></div>
                         </div>
                         <div class="imgcontainer transition-3">
-                            <img src="../images/yaosu3.png">
+                            <img src="../images/zhengfu.png">
                         </div>
                         <div class="contentText transition-3">
                             <div class="contenttitle">政府引导</div>
@@ -192,7 +192,7 @@
                             <div class="e-img-r"><img alt="" src="../images/section4-hover02.png"></div>
                         </div>
                         <div class="imgcontainer transition-3">
-                            <img src="../images/yaosu4.png">
+                            <img src="../images/chanye.png">
                         </div>
                         <div class="contentText transition-3">
                             <div class="contenttitle">产业背景</div>
diff --git a/css/style.css b/css/style.css
index af8f0ad..71bcb7e 100644
--- a/css/style.css
+++ b/css/style.css
@@ -695,7 +695,7 @@ box-shadow: 4px 4px 10px #f9f9f9;}
 
 .about_61 .wrap ul{ padding: 0; }
 
-.about_61 .wrap li{ font-size: 16px; font-weight: bold; padding: 0;margin: 20 100 20 0;line-height: 36px;}
+.about_61 .wrap li{ font-size: 16px; padding: 0;margin: 20 100 20 0;line-height: 36px;}
 
 .about_61 .wrap .left{ padding: 0 20px 0 100px; margin: 0 0 50px 0; }
 
@@ -1608,8 +1608,12 @@ footer .wrap .right select{
     .about_31 .wrap .intro p:first-child{ margin-bottom: 10px;}
     .about_31 .wrap img{height: 22vh;}
 
+    .about_51 .wrap-2 .list{ flex: 0 0 33%;}
+
     .about_61 .wrap .left{padding: 0;}
-    #map { width: 100%!important;}
+    .about_61 .wrap{ margin-top: 10px;}
+    .about_61 .wrap li{font-size: 14px;line-height: 32px;}
+    #map { width: 100%!important;height: 30vh!important;}
 
     .xietongbottom .xietongimg{ width: 80%;left: 10%;}
     .xietongContent{ width: 80%;left: 10%;}
@@ -1627,15 +1631,18 @@ footer .wrap .right select{
     .contentList>.row>*{ width: 33.3%;}
 
     /* .about_31 .title,.about_41 .title,.about_51 .title,.about_61 .title,.service_131 .title,.service_141 .title,.talent_02 .title{margin-top: 0!important;} */
-    .about_31 .title,.about_41 .title,.about_51 .title,.about_61 .title,.service_141 .title,.talent_02 .title{margin-top: 0!important;}
+    .about_31 .title,.about_41 .title,.about_51 .title,.about_61 .title,.service_141 .title,.talent_02 .title,.apply_box .title{margin-top: 0!important;}
 
     .about_51 .wrap-1 .list{ flex: 0 0 25%;}
     .about_51 .wrap-1 p{ font-size: 12px;margin: 0;}
 
-    .about_61 .wrap h2{ font-size: 20px;}
+    .about_61 .wrap h2{ font-size: 18px;margin-bottom: 10px;}
+    .about_61 .wrap .left{ margin-bottom: 10px;}
+    
     /* 业务版图 */
     .service_31 .left{ margin: 0;padding: 15px;}
-    .service_31 .right{margin: 0;}
+    .service_31 .right{margin: 0;text-align: center;}
+    .service_31 .right img{ width: 80%;}
 
     .section .electricContent img{ transform: translateX(0%)!important;}
     .zhuanbeiItem .intro p, .zhuanbeiItem .intro1 p{ font-size: 20px;font-weight: bold;}
@@ -1646,6 +1653,8 @@ footer .wrap .right select{
     .section .imgContainer img{ transform: translate(-24%,50%);width: 180%!important;height: auto;}
     /* .service_131 .container{ display: table-cell!important;vertical-align: middle!important;} */
     .shengwu img{ width: 95%;}
+    .section-mater .intro p{ font-size: 16px;}
+    .section-mater .intro{ width: 150%;}
 
     .service_132 .wrap .intro p{font-size: 18px;margin: 20px 0 10px 0;}
     .service_132 .wrap .intro ul li{font-size: 14px;line-height:22px!important;}
@@ -1655,13 +1664,18 @@ footer .wrap .right select{
 
     .page-wrap li{ margin-right: 0;}
 
+    .section-mater .intro .p{ width: 100%;}
+
     .service_141 .wrap .list{ flex: 0 0 30%;}
     .service_141 .wrap{ justify-content: flex-start;padding: 0 0 0 4vw;}
     /* 新闻 */
     .news_01 li{ flex: 0 0 98%;}
     .news_01 li .thumb{float: none;width: 100%;height: 180px;}
-    .news_11 li .time{ padding: 10px;}
-    .news_11 li .text a:first-child{ line-height: 30px;}
+    .news_11 li .time{ padding: 10px;display: flex;justify-content: center;flex-direction: column;}
+    .news_11 li .text a:first-child{ line-height: 24px;}
+    .news_11 li .time strong{ font-size: 20px;}
+    .news_11 li .time b{ font-size: 12px;}
+    .news_11 li .text{ padding: 5px 15px;}
     .news_21 ul{ flex-direction:column;}
 
     .news .search{ width: 90%!important;left: 2rem!important;top: -8rem!important;}
@@ -1669,7 +1683,7 @@ footer .wrap .right select{
 
     .news_detail .content h2,.work_detail .content h2{font-size: 20px;line-height: 32px; }
     /* 党建 */
-    .contentContainer{margin-top: 0;}
+    .work.contentContainer{margin-top: 0!important;padding-top: 0!important;}
     .details .toptitle h5 img{display: none;}
     .toptitle{ display: block;}
     .more img{ margin-left: 18%;}
@@ -1680,8 +1694,10 @@ footer .wrap .right select{
     .zhiding{top: 0;left: 0;right: auto;}
     .leftcontent>a>img{ height: 32vh!important;}
     .work .items{ height: 52vh;flex-direction:column;}
-    .work .items .left{ width: 100%; height: 28vh;}
+    .work .items .left{ width: 100%; height: 28vh;overflow: hidden;}
     .items .right{flex: 0;}
+    .items .left img{ height: auto;transform: translateY(-20%);}
+    
 
     /* 人才 */
     .talent_02 ul{padding: 0;}
@@ -1689,6 +1705,13 @@ footer .wrap .right select{
     .modal-dialog{ width: 95vw!important;}
     .service_31 .intro{ font-size: 14px;line-height: 26px;}
 
+    /* 投资申请 */
+    .apply_box .wrap .left{ font-size: 14px;line-height: 28px;}
+    .apply_box .wrap .right{ font-size: 14px;line-height: 36px;height: 36px;}
+    .apply_box .apply_select{ font-size: 14px; height: 36px;}
+    .apply_box .wrap .form-group{ margin-bottom: 15px;}
+
+
       .navbar{min-height: 50px; background-color: #404040;}
 
       .navbar-default .navbar-brand {color: #fff; font-size: 16px;}
diff --git a/images/chanye.png b/images/chanye.png
new file mode 100644
index 0000000..60c7fee
Binary files /dev/null and b/images/chanye.png differ
diff --git a/images/zhengfu.png b/images/zhengfu.png
new file mode 100644
index 0000000..63b355e
Binary files /dev/null and b/images/zhengfu.png differ
diff --git a/images/董事长致辞_mobile.png b/images/董事长致辞_mobile.png
new file mode 100644
index 0000000..7b84e37
Binary files /dev/null and b/images/董事长致辞_mobile.png differ
diff --git a/js/common.js b/js/common.js
index 11c7f4b..741d90b 100644
--- a/js/common.js
+++ b/js/common.js
@@ -131,3 +131,8 @@ $(document).ready(function(){
        var r = window.location.search.substr(1).match(reg);
        if(r!=null)return  unescape(r[2]); return null;
   }
+
+  // 判断是否是手机端打开
+  function detectMobile() {
+    return ( ( window.innerWidth <= 800 ) );
+  }
\ No newline at end of file
diff --git a/service/service12.html b/service/service12.html
index 03cfa59..5c3c8c1 100644
--- a/service/service12.html
+++ b/service/service12.html
@@ -325,7 +325,7 @@
 
 
     <!-- part4 -->
-    <div class="section4 section">
+    <div class="section4 section section-mater">
       <div class="yaosu">
         <div class="devide"></div>
         <div class="title">先进材料</div>
diff --git a/work/work.html b/work/work.html
index e2f1660..19c0b15 100644
--- a/work/work.html
+++ b/work/work.html
@@ -103,10 +103,19 @@
   <script src="../js/common.js"></script>
   <script src="../js/bootstrap.js"></script>
   <script src="../js/work.js"></script>
-
+  
   <script type="text/javascript">
-
     var pageCurrent = 1;
+    
+  if(detectMobile()){
+    $('.leftcontent').empty();
+    work_render_mobile(pageCurrent);
+  }else{
+    rec_render();
+    work_render(pageCurrent);
+  }
+
+
     // 新闻列表-党建工作-推荐
     function rec_render(){
       $.ajax({
@@ -149,8 +158,6 @@
       
     }
 
-    rec_render();
-
     // 新闻列表-党建工作
     function work_render(pageCurrent){
       console.log(pageCurrent);
@@ -237,7 +244,84 @@
       
     }
 
-    work_render(pageCurrent);
+    // 新闻列表-党建工作-手机端
+    function work_render_mobile(pageCurrent){
+      console.log(pageCurrent);
+      if (pageCurrent < 1) {
+        alert('第一页');
+      } else {
+        // 获取列表
+        $.ajax({
+            type: 'post',
+            url: 'https://suzhou.njrenzhou.cn/api.php/news/articleList',
+            data:{
+              category_id:37,
+              page:pageCurrent,
+              limit:4,
+              order:'desc',
+              sort:'publish_time',
+            },
+            dataType: 'json',
+            // async:false,
+    
+            success: function (res) { 
+                 if(res.code==200){
+                    var item = res.data.data;
+                    var html = '';
+                    var page = '';
+                    console.log(item);
+                    newsNum = res.data.total;
+                    pageNum = Math.ceil(newsNum/4);
+
+                    if (pageCurrent > pageNum) {
+                      alert('最后一页');
+                    } else {
+                      // 页面渲染
+                      $('.news_wrap').empty();
+                      $('.pageNum_wrap').empty();
+    
+                      $.each(item,function(index){
+                        var title = item[index].title;
+                        var subtitle = item[index].subtitle;
+                        var time = item[index].publish_time_text.substr(0,11);
+                        var thumb = item[index].thumb;
+                        var id = item[index].id;
+                        var flags = item[index].flags;
+
+                        
+                        html += "<div class='items'>";
+                        html += "<div class='left'><a href='detail.html?id=" + id + "' target='_blank'><img src=https://suzhou.njrenzhou.cn" + thumb + "></a></div>";
+                        html += "<div class='right'><a href='detail.html?id=" + id + "' target='_blank'>" + title + "</a><div class='time'>" + time + "</div><p>"+ subtitle + "</p></div>";
+                        html += "</div>";
+                            
+                          
+                      })
+                      $('.news_wrap').append(html);
+      
+                      // 页码渲染
+                      page += "<li><a href='javascript:void(0)' onclick=work_render_mobile(" + pageCurrent + "-1)><</a></li>";
+                      for (var index = 1; index <= pageNum; index++) {
+                        if (index == pageCurrent) {
+                          page += "<li class='active'><a href='javascript:void(0)' onclick=work_render_mobile(" + index + ")>" + index + "</a></li>";
+                        }else{
+                          page += "<li><a href='javascript:void(0)' onclick=work_render_mobile(" + index + ")>" + index + "</a></li>";
+                        }
+                      }
+                      page += "<li><a href='javascript:void(0)' onclick=work_render_mobile(" + pageCurrent + "+1)>></a></li>";
+                      $('.pageNum_wrap').append(page);
+                    }
+                      
+                 } 
+             },
+            error: function (err) { 
+                console.log(err); 
+            }
+           
+        });
+        
+      }
+      
+    }
 
   </script>