diff --git a/app.vue b/app.vue
index a3083fa..ab557d3 100644
--- a/app.vue
+++ b/app.vue
@@ -69,5 +69,11 @@ body {
   background: linear-gradient(180deg, #e52e71, #ff8a00);
 }
 
+select{
+  -webkit-appearance:none;
+  box-shadow: none;
+-moz-appearance:none;
 
+appearance:none;
+}
 </style>
diff --git a/components/AppFooter.vue b/components/AppFooter.vue
index 7c26884..91850f0 100644
--- a/components/AppFooter.vue
+++ b/components/AppFooter.vue
@@ -2,7 +2,64 @@
   <!-- PC端布局 -->
   <div class="group_30 flex-col pc-footer">
     <div class="text-wrapper_13 flex-row">
-      <span class="text_66">友情链接:</span>
+      <div class="fly1s" style="margin-top: 40px;">
+        <div style="display: flex;justify-content: space-between;align-items: center;gap: 30px;">
+          <div class="b1">中央人民政府</div>
+          <div style="display: flex;">
+            <div class="b1" style="padding: 0;">
+              <select style="width: 100%;height: 41px;padding-left:15px;">
+                <option value="1">省级共青团网站</option>
+                <option value="2">省级共青团网站</option>
+                <option value="3">省级共青团网站</option>
+                <option value="4">省级共青团网站</option>
+              </select>
+            </div>
+            <div>
+              <img :src="`/img/index/bi.png`" style="height: 45px;width: 45px;cursor: pointer;"></img>
+            </div>
+          </div>
+          <div style="display: flex;">
+            <div class="b1" style="padding: 0;">
+              <select style="width: 100%;height: 41px;padding-left:15px;">
+                <option value="1">各地共青团网站</option>
+                <option value="2">各地共青团网站</option>
+                <option value="3">各地共青团网站</option>
+                <option value="4">各地共青团网站</option>
+              </select>
+            </div>
+            <div>
+              <img :src="`/img/index/bi.png`" style="height: 45px;width: 45px;cursor: pointer;"></img>
+            </div>
+          </div>
+          <div style="display: flex;">
+            <div class="b1" style="padding: 0;">
+              <select style="width: 100%;height: 41px;padding-left:15px;">
+                <option value="1">其他</option>
+                <option value="2">其他</option>
+                <option value="3">其他</option>
+                <option value="4">其他</option>
+              </select>
+            </div>
+            <div>
+              <img :src="`/img/index/bi.png`" style="height: 45px;width: 45px;cursor: pointer;"></img>
+            </div>
+          </div>
+          <div style="display: flex;">
+            <div class="b1" style="padding: 0;">
+              <select style="width: 100%;height: 41px;padding-left:15px;">
+                <option value="1">办公入口</option>
+                <option value="2">办公入口</option>
+                <option value="3">办公入口</option>
+                <option value="4">办公入口</option>
+              </select>
+            </div>
+            <div>
+              <img :src="`/img/index/bi.png`" style="height: 45px;width: 45px;cursor: pointer;"></img>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- <span class="text_66">友情链接:</span>
       <NuxtLink to="https://www.gov.cn/" target="_blank">
         <span class="text_67">中央人民政府门户网站</span>
       </NuxtLink>
@@ -17,7 +74,7 @@
       </NuxtLink>
       <NuxtLink to="https://www.ly.gov.cn/" target="_blank">
         <span class="text_67">洛阳市人民政府网站</span>
-      </NuxtLink>
+      </NuxtLink> -->
     </div>
     <div class="group_31 flex-col"></div>
     <div class="group_32 flex-row justify-between">
@@ -34,31 +91,26 @@
         </span>
       </div>
       <div class="flex-row align-center text-center">
-        <img class="image_29" referrerpolicy="no-referrer"
-        :src="`/img/index/dzjg.png`" />
+        <img class="image_29" referrerpolicy="no-referrer" :src="`/img/index/dzjg.png`" />
         <div class="ml-[20px]">
-          <img class="image_30" referrerpolicy="no-referrer"
-        :src="`/img/wxcode.jpg`" />
+          <img class="image_30" referrerpolicy="no-referrer" :src="`/img/wxcode.jpg`" />
           <p class="mt-[10px]">官方微信</p>
         </div>
         <div class="ml-[20px]">
-          <img class="image_30" referrerpolicy="no-referrer"
-        :src="`/img/dycode.jpg`" />
-        <p class="mt-[10px]">官方抖音</p>
+          <img class="image_30" referrerpolicy="no-referrer" :src="`/img/dycode.jpg`" />
+          <p class="mt-[10px]">官方抖音</p>
         </div>
-      <div class="ml-[20px]">
-        <img class="image_30" referrerpolicy="no-referrer"
-        :src="`/img/wbcode.jpg`" />
-        <p class="mt-[10px]">官方微博</p>
-      </div>
-      
-      <div class="ml-[20px]">
-        <img class="image_30" referrerpolicy="no-referrer"
-        :src="`/img/bilicode.jpg`" />
-        <p class="mt-[10px]">bilibili官方账号</p>
-      </div>
-        
-      
+        <div class="ml-[20px]">
+          <img class="image_30" referrerpolicy="no-referrer" :src="`/img/wbcode.jpg`" />
+          <p class="mt-[10px]">官方微博</p>
+        </div>
+
+        <div class="ml-[20px]">
+          <img class="image_30" referrerpolicy="no-referrer" :src="`/img/bilicode.jpg`" />
+          <p class="mt-[10px]">bilibili官方账号</p>
+        </div>
+
+
       </div>
     </div>
   </div>
@@ -84,13 +136,14 @@
     <div class="mobile-social flex-row">
       <img class="mobile-social-icon" referrerpolicy="no-referrer" :src="`/img/dycode.png`" />
       <img class="mobile-social-icon" referrerpolicy="no-referrer" :src="`/img/wbcode.png`" />
-      <img class="mobile-social-icon" referrerpolicy="no-referrer" :src="`/img/wxcode.png`"  />
-      <img class="mobile-social-icon" referrerpolicy="no-referrer" :src="`/img/bilicode.png`"  />
+      <img class="mobile-social-icon" referrerpolicy="no-referrer" :src="`/img/wxcode.png`" />
+      <img class="mobile-social-icon" referrerpolicy="no-referrer" :src="`/img/bilicode.png`" />
     </div>
   </div>
 </template>
 
 <script lang="ts" setup>
+const selectValue = ref(false);
 </script>
 
 <style lang="scss" scoped>
@@ -160,4 +213,16 @@
     height: 150px;
   }
 }
+
+.b1 {
+  padding-left: 15px;
+  font-size: 18px;
+  color: #323232;
+  height: 45px;
+  line-height: 45px;
+  width: 200px;
+  background: #FFFFFF;
+  border: 1px solid #EEEEEE;
+  cursor: pointer;
+}
 </style>
diff --git a/components/AppHeader.vue b/components/AppHeader.vue
index 4451671..dfdf50d 100644
--- a/components/AppHeader.vue
+++ b/components/AppHeader.vue
@@ -19,20 +19,35 @@
             </div>
             <div class="pc-nav-item" @click="gotoList(4)">
                 <img :src="crrent==4?'/img/index/message1.png':'/img/index/message.png'" alt=""></img>
-                <span :class="['span',{'active': crrent==4}]">信息公开</span>
+                <span :class="['span',{'active': crrent==4}]">青春洛阳</span>
                 <img v-if="crrent==4" src="/img/index/arrow.png" alt="" style="width: 9px;height: 12px;margin-left: 10px;">
             </div>
             <div class="pc-nav-item" @click="gotoList(5)">
-                <img :src="crrent==5?'/img/index/baike1.png':'/img/index/baike.png'" alt=""></img>
-                <span :class="['span',{'active': crrent==5}]">团务百科</span>
+                <img :src="crrent==5?'/img/index/ly1.png':'/img/index/ly.png'" alt=""></img>
+                <span :class="['span',{'active': crrent==5}]">服务青年</span>
                 <img v-if="crrent==5" src="/img/index/arrow.png" alt="" style="width: 9px;height: 12px;margin-left: 10px;">
             </div>
+            <div class="pc-nav-item" @click="gotoList(6)">
+                <img :src="crrent==6?'/img/index/message1.png':'/img/index/message.png'" alt=""></img>
+                <span :class="['span',{'active': crrent==6}]">信息公开</span>
+                <img v-if="crrent==6" src="/img/index/arrow.png" alt="" style="width: 9px;height: 12px;margin-left: 10px;">
+            </div>
+            <div class="pc-nav-item" @click="gotoList(7)">
+                <img :src="crrent==7?'/img/index/tt1.png':'/img/index/tt.png'" alt=""></img>
+                <span :class="['span',{'active': crrent==7}]">团团留言板</span>
+                <img v-if="crrent==7" src="/img/index/arrow.png" alt="" style="width: 9px;height: 12px;margin-left: 10px;">
+            </div>
+            <!-- <div class="pc-nav-item" @click="gotoList(8)">
+                <img :src="crrent==8?'/img/index/gx1.png':'/img/index/gx.png'" alt=""></img>
+                <span :class="['span',{'active': crrent==8}]">团关系转接</span>
+                <img v-if="crrent==8" src="/img/index/arrow.png" alt="" style="width: 9px;height: 12px;margin-left: 10px;">
+            </div> -->
         </div>
         <div class="line_h"></div>
-        <div class="goback" @click="goBack">返回首页</div>
+        <!-- <div class="goback" @click="goBack">返回首页</div> -->
         <div style="margin-top: 50px;margin-left: 40px;">
             <div class="box_1" id='assist-open'>无障碍阅读</div>
-            <div class="box_2" @click="openOldMode">{{ isOld ? '退出适老模式' : '进入适老模式' }}</div>
+            <!-- <div class="box_2" @click="openOldMode">{{ isOld ? '退出适老模式' : '进入适老模式' }}</div> -->
         </div>
     </div>
 </template>
@@ -89,7 +104,7 @@ onMounted(() => {
     z-index: 1000;
     .pc-nav {
         margin-left: 60px;
-        margin-top: 250px;
+        margin-top: 115px;
         text-align: center;
     }
     .pc-nav-item {
diff --git a/components/AppHome.vue b/components/AppHome.vue
index 98b8cfa..655a9ab 100644
--- a/components/AppHome.vue
+++ b/components/AppHome.vue
@@ -1,203 +1,306 @@
 <template>
-  <!-- PC端布局 -->
-  <div class="flex justify-between w-full h-full">
+    <!-- PC端布局 -->
+    <div class="flex justify-between w-full h-full">
 
-     
-     <!-- 右边内容栏 -->
-     <div class="rightcon" id="homeid" @scroll="hmScroll">
-        <div class="flex top_search ">
-            <div style="width: 572px;margin-left: 415px;">
-                <img :src="`/img/index/dlogo.png`" alt="" style="width: 100%;height: 100%;object-fit: cover;">
-            </div>
-            <div class="inputform">
-                <input v-model="inputSearch" class="contactInput w-full md:w-[337px]"
-							type="text" placeholder="请输入搜索关键字" />
-                <div class="search_rinput" @click="toSearch">
-                    <img src="/img/index/hmsearch.png" alt="">
+
+        <!-- 右边内容栏 -->
+        <div class="rightcon" id="homeid" @scroll="hmScroll">
+            <div class="flex top_search ">
+                <div style="width: 350px;">
+                    <img :src="`/img/index/dlogo.png`" alt="" style="width: 100%;height: 100%;object-fit: cover;">
                 </div>
+                <div class="inputform">
+                    <input v-model="inputSearch" class="contactInput w-full md:w-[337px]" type="text"
+                        placeholder="请输入搜索关键字" />
+                    <div class="search_rinput" @click="toSearch">
+                        <img src="/img/index/hmsearch.png" alt="">
+                    </div>
+                </div>
+            </div>
+
+            <div class="flex h-auto home_con">
+                <div class="fly">
+                    <div class="re_box re_box_left">
+                        <div class="swiper" style="border-radius: 12px 0  0 12px;">
+                            <swiper class="swiper_s" @swiper="onSwiperImgs" v-bind="swiperOptionsimgs">
+                                <swiper-slide v-for="(item, index) in xsImg" :key="index" @click="openUrl(item.url)">
+                                    <div class="img_tits">{{ item.title }}</div>
+                                    <img :src="item.image" style="width: 100%;height: 100%;object-fit: cover;">
+                                </swiper-slide>
+                            </swiper>
+                            <div class="swiper-pagination"></div>
+                        </div>
+                    </div>
+                </div>
+                <div class="fly1">
+                    <div class="re_box">
+                        <div class="flex justify-between align-center w-full ">
+                            <img class="re_top_img" :src="`/img/index/wzjx.png`"></img>
+                            <div class="pr-[20px] more_j" @click="toMore">
+                                <span>更多</span>
+                                <img src="/img/index/more_j.png" alt=""
+                                    style="width: 8px;height: 13px;margin-left: 10px;"></img>
+                            </div>
+                        </div>
+                        <div class="re_top_img_line"></div>
+                        <div class="re_box_item" v-for="(item, index) in zmList" :key="index" style="margin-top: 10px;"
+                            @click="openUrl(item.id)">
+                            <div class="re_title">
+                                <div class="flex align-center">
+                                    <div class="dian"></div>
+                                    <span class="one-line-ellipsis" style="width:400px;">{{ item.title }}</span>
+                                </div>
+                                <span class="one-line-ellipsis" style="color: #999999;">{{
+                                    item.release_time_text.slice(5, 10) }}</span>
+                            </div>
+
+                            <!-- <div class="slices_rol"></div> -->
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="h-auto home_con1" style="margin-top: 30px;">
+                <div class="fly1s" style="display: flex;gap: 20px;">
+                    <div style="width: 65%;background-color: #ffffff;">
+                        <div style="padding: 15px;display: flex;justify-content: space-between;align-items: center;">
+                            <div style=" overflow-x: auto; ">
+                                <div
+                                    style="display: flex;align-items: center;gap: 55px;padding-bottom: 10px;">
+                                    <div v-for="(item, index) in listType" :key="index" class="t2">
+                                        <div>{{ item.name }}</div>
+                                        <!-- <div class="t_line"></div> -->
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="pr-[20px]" style="display: flex;align-items: center;">
+                                <span style="color: #999999;">更多</span>
+                                <img src="/img/index/more_j.png" alt=""
+                                    style="width: 8px;height: 13px;margin-left: 5px;"></img>
+                            </div>
+                        </div>
+                        <div style="width: 100%;height: 1px;background-color: #EEEEEE;"></div>
+                        <div v-for="(item, index) in 7" :key="index">
+                            <div class="re_box_item" style="margin-top: 10px;">
+                                <div class="re_title">
+                                    <div class="flex align-center">
+                                        <div class="dian"></div>
+                                        <span class="one-line-ellipsis"
+                                            style="width:400px;">习近平：推进中国式现代化要继续把制造业搞好</span>
+                                    </div>
+                                    <span class="one-line-ellipsis" style="color: #999999;">06-25</span>
+                                </div>
+                            </div>
+                            <div v-if="index != 6"
+                                style="width: 95%;height: 1px;background-color: #EEEEEE;margin: 0 auto;"></div>
+                        </div>
+                    </div>
+                    <div style="width: 35%;background-color: #ffffff;">
+                        <div style="width: 100%;height: 5px;background-color: #338CDE;"></div>
+                        <div style="display: flex;justify-content: space-between;align-items: center;">
+                            <div style="display: flex;align-items: center;gap: 10px;padding: 15px;">
+                                <div>
+                                    <img src="/img/index/gg.png" alt="" style="width: 40px;"></img>
+                                </div>
+                                <div style="font-family: PingFang SC;font-weight: bold;font-size: 22px;color: #323232;">
+                                    通知公告
+                                </div>
+                            </div>
+                            <div class="pr-[20px]" style="display: flex;align-items: center;">
+                                <span style="color: #999999;">更多</span>
+                                <img src="/img/index/more_j.png" alt=""
+                                    style="width: 8px;height: 13px;margin-left: 5px;"></img>
+                            </div>
+                        </div>
+                        <div v-for="(item, index) in ptList" :key="index">
+                            <div class="re_box_item" style="margin-top: 10px;">
+                                <div class="re_title">
+                                    <div class="flex align-center">
+                                        <div class="dian"></div>
+                                        <span class="one-line-ellipsis" style="width:270px;">{{ item.title }}</span>
+                                    </div>
+                                    <span class="one-line-ellipsis" style="color: #999999;">
+                                        {{ item.release_time_text.slice(5, 10) }}
+                                    </span>
+                                </div>
+                            </div>
+                            <div v-if="index != 6"
+                                style="width: 95%;height: 1px;background-color: #EEEEEE;margin: 0 auto;"></div>
+                        </div>
+                    </div>
+                </div>
+                <div class="fly1s" style="margin-top: 40px;">
+                    <div style="display: flex;justify-content: center;align-items: center;padding-bottom: 15px;">
+                        <div>
+                            <img :src="`/img/index/r.png`" alt=""></img>
+                        </div>
+                    </div>
+                    <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-top: 20px;">
+                        <div>
+                            <img :src="`/img/code.png`" alt=""></img>
+                        </div>
+                        <div>
+                            <img :src="`/img/code.png`" alt=""></img>
+                        </div>
+                        <div>
+                            <img :src="`/img/code.png`" alt=""></img>
+                        </div>
+                        <div>
+                            <img :src="`/img/code.png`" alt=""></img>
+                        </div>
+                        <div>
+                            <img :src="`/img/code.png`" alt=""></img>
+                        </div>
+                        <div>
+                            <img :src="`/img/code.png`" alt=""></img>
+                        </div>
+                    </div>
+                </div>
+
+            </div>
+
+            <!-- <div class="h-auto home_con1">
+                <img :src="`/img/index/gwybst.png`" style="margin: 0 auto;" alt=""></img>
+                <div class="flex flex-wrap" style="margin-top: 30px;">
+                    <div class="bstbg" v-for="item, i in bstList" :key="i" @click="openUrl(item.id)">
+                        <div class="bst_con">
+                            <img :src="`/img/index/bst${i + 1}.png`" alt=""
+                                style="width: 34px;height: 34px;margin-top: 25px;margin-bottom: 15px;">
+                            <div class="bsttitle">
+                                {{ item.title }}
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div> -->
+
+            <!-- <div class="flex h-auto home_con2">
+                <div class="fly1s">
+                    <div class="re_boxs">
+                        <div class="flex justify-between align-center w-full ">
+                            <div class="flex align-center justify-start">
+                                <img class="re_top_img" :src="`/img/index/ptgg.png`"></img>
+                                <img class="re_top_img" style="padding: 20px 0;" :src="`/img/index/hlines.png`"></img>
+                            </div>
+                            <div class="pr-[20px] more_j" @click="toMore">
+                                <span>查看更多</span>
+                                <img src="/img/index/more_j.png" alt=""
+                                    style="width: 8px;height: 13px;margin-left: 10px;"></img>
+                            </div>
+                        </div>
+                        <div class="re_box_item" v-for="(item, index) in ptList" :key="index" style="margin-top: 10px;"
+                            @click="openUrl(item.id)">
+                            <div class="re_title">
+                                <div class="flex align-center">
+                                    <div class="dian"></div>
+                                    <span class="one-line-ellipsis" style="width:400px;">{{ item.title }}</span>
+                                </div>
+                                <span class="one-line-ellipsis" style="color: #999999;">{{
+                                    item.release_time_text.slice(5,10) }}</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="fly1s">
+                    <div class="re_boxs">
+                        <div class="flex justify-between align-center w-full ">
+                            <div class="flex align-center justify-start">
+                                <img class="re_top_img" :src="`/img/index/jcdt.png`"></img>
+                                <img class="re_top_img" style="padding: 20px 0;" :src="`/img/index/hlines.png`"></img>
+                            </div>
+                            <div class="pr-[20px] more_j" @click="toMore">
+                                <span>查看更多</span>
+                                <img src="/img/index/more_j.png" alt=""
+                                    style="width: 8px;height: 13px;margin-left: 10px;"></img>
+                            </div>
+                        </div>
+                        <div class="re_box_item" v-for="(item, index) in jcList" :key="index" style="margin-top: 10px;"
+                            @click="openUrl(item.id)">
+                            <div class="re_title">
+                                <div class="flex align-center">
+                                    <div class="dian"></div>
+                                    <span class="one-line-ellipsis" style="width:400px;">{{ item.title }}</span>
+                                </div>
+                                <span class="one-line-ellipsis" style="color: #999999;">{{
+                                    item.release_time_text.slice(5,10) }}</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="fly1s">
+                    <div class="re_boxs">
+                        <div class="flex justify-between align-center w-full ">
+                            <div class="flex align-center justify-start">
+                                <img class="re_top_img" :src="`/img/index/qcly.png`"></img>
+                                <img class="re_top_img" style="padding: 20px 0;" :src="`/img/index/hlines.png`"></img>
+                            </div>
+                            <div class="pr-[20px] more_j" @click="toMore">
+                                <span>查看更多</span>
+                                <img src="/img/index/more_j.png" alt=""
+                                    style="width: 8px;height: 13px;margin-left: 10px;"></img>
+                            </div>
+                        </div>
+                        <div class="re_box_item" v-for="(item, index) in qcList" :key="index" style="margin-top: 10px;"
+                            @click="openUrl(item.id)">
+                            <div class="re_title">
+                                <div class="flex align-center">
+                                    <div class="dian"></div>
+                                    <span class="one-line-ellipsis" style="width:400px;">{{ item.title }}</span>
+                                </div>
+                                <span class="one-line-ellipsis" style="color: #999999;">{{
+                                    item.release_time_text.slice(5,10) }}</span>
+                            </div>
+
+                        </div>
+                    </div>
+                </div>
+                <div class="fly1s">
+                    <div class="re_boxs">
+                        <div class="flex justify-between align-center w-full ">
+                            <div class="flex align-center justify-start">
+                                <img class="re_top_img" :src="`/img/index/mtjj.png`"></img>
+                                <img class="re_top_img" style="padding: 20px 0;" :src="`/img/index/hlines.png`"></img>
+                            </div>
+                            <div class="pr-[20px] more_j" @click="toMore">
+                                <span>查看更多</span>
+                                <img src="/img/index/more_j.png" alt=""
+                                    style="width: 8px;height: 13px;margin-left: 10px;"></img>
+                            </div>
+                        </div>
+                        <div class="re_box_item" v-for="(item, index) in mtList" :key="index" style="margin-top: 10px;"
+                            @click="openUrl(item.id)">
+                            <div class="re_title">
+                                <div class="flex align-center">
+                                    <div class="dian"></div>
+                                    <span class="one-line-ellipsis" style="width:400px;">{{ item.title }}</span>
+                                </div>
+                                <span class="one-line-ellipsis" style="color: #999999;">{{
+                                    item.release_time_text.slice(5,10) }}</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div> -->
+
+            <AppFooter></AppFooter>
+
+
+            <!-- 底部鼠标 -->
+            <div style="position: absolute;bottom: 30px;right:30px;">
+                <img :src="`/img/index/hmouse.png`" alt="">
             </div>
         </div>
-
-        <div class="flex h-auto home_con"> 
-            <div class="fly">
-                <div class="re_box" >
-                    <div class="swiper" style="border-radius: 12px 0  0 12px;">
-                        <swiper class="swiper_s" @swiper="onSwiperImgs" v-bind="swiperOptionsimgs">
-                            <swiper-slide v-for="(item,index) in xsImg" :key="index" @click="openUrl(item.url)">
-                                <div class="img_tits">{{ item.title }}</div>
-                                <img :src="item.image" style="width: 100%;height: 100%;object-fit: cover;">
-                            </swiper-slide>
-                        </swiper>
-                        <div class="swiper-pagination"></div>
-                    </div>
-                </div>
-            </div>
-            <div class="fly1">
-                <div class="re_box" style="border-width: 1px;border-style: solid; border-image: linear-gradient(270deg, #CC131A, #FFFFFF) 10 10;border-radius:0;">
-                    <div class="flex justify-between align-center w-full ">
-                        <img class="re_top_img" :src="`/img/index/wzjx.png`"></img>
-                        <div class="pr-[20px] more_j" @click="toMore">
-                            <span>查看更多</span>
-                            <img src="/img/index/more_j.png" alt="" style="width: 8px;height: 13px;margin-left: 10px;"></img>
-                        </div>
-                    </div>
-                    <div class="re_top_img_line"></div>
-                    <div class="re_box_item" v-for="(item,index) in zmList" :key="index" style="margin-top: 10px;" @click="openUrl(item.id)">
-                        <div class="re_title">
-                            <div class="flex align-center">
-                                <div class="dian"></div>
-                                <span class="one-line-ellipsis" style="width:400px;">{{ item.title }}</span>
-                            </div>
-                            <span class="one-line-ellipsis" style="color: #999999;">{{ item.release_time_text.slice(5,10) }}</span>
-                        </div>
-                        
-                        <!-- <div class="slices_rol"></div> -->
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <div class="h-auto home_con1"> 
-             <img :src="`/img/index/gwybst.png`" style="margin: 0 auto;" alt=""></img>
-             <div class="flex flex-wrap" style="margin-top: 30px;">
-                <div class="bstbg" v-for="item,i in bstList" :key="i" @click="openUrl(item.id)">
-                    <div class="bst_con" >
-                        <img :src="`/img/index/bst${i+1}.png`" alt="" style="width: 34px;height: 34px;margin-top: 25px;margin-bottom: 15px;">
-                        <div class="bsttitle">
-                            {{ item.title }}
-                        </div>
-                    </div>
-                </div>
-             </div>
-        </div>
-
-        <div class="flex h-auto home_con2">
-            <div class="fly1s">
-                <div class="re_boxs">
-                    <div class="flex justify-between align-center w-full ">
-                        <div class="flex align-center justify-start">
-                            <img class="re_top_img" :src="`/img/index/ptgg.png`"></img>
-                            <img class="re_top_img" style="padding: 20px 0;" :src="`/img/index/hlines.png`"></img>
-                        </div>
-                        <div class="pr-[20px] more_j" @click="toMore">
-                            <span>查看更多</span>
-                            <img src="/img/index/more_j.png" alt="" style="width: 8px;height: 13px;margin-left: 10px;"></img>
-                        </div>
-                    </div>
-                    <!-- <div class="re_top_img_line"></div> -->
-                    <div class="re_box_item" v-for="(item,index) in ptList" :key="index" style="margin-top: 10px;" @click="openUrl(item.id)">
-                        <div class="re_title">
-                            <div class="flex align-center">
-                                <div class="dian"></div>
-                                <span class="one-line-ellipsis" style="width:400px;">{{ item.title }}</span>
-                            </div>
-                            <span class="one-line-ellipsis" style="color: #999999;">{{ item.release_time_text.slice(5,10) }}</span>
-                        </div>
-                        
-                        <!-- <div class="slices_rol"></div> -->
-                    </div>
-                </div>
-            </div>
-            <div class="fly1s">
-                <div class="re_boxs">
-                    <div class="flex justify-between align-center w-full ">
-                        <div class="flex align-center justify-start">
-                            <img class="re_top_img" :src="`/img/index/jcdt.png`"></img>
-                            <img class="re_top_img" style="padding: 20px 0;" :src="`/img/index/hlines.png`"></img>
-                        </div>
-                        <div class="pr-[20px] more_j" @click="toMore">
-                            <span>查看更多</span>
-                            <img src="/img/index/more_j.png" alt="" style="width: 8px;height: 13px;margin-left: 10px;"></img>
-                        </div>
-                    </div>
-                    <!-- <div class="re_top_img_line"></div> -->
-                    <div class="re_box_item" v-for="(item,index) in jcList" :key="index" style="margin-top: 10px;" @click="openUrl(item.id)">
-                        <div class="re_title">
-                            <div class="flex align-center">
-                                <div class="dian"></div>
-                                <span class="one-line-ellipsis" style="width:400px;">{{ item.title }}</span>
-                            </div>
-                            <span class="one-line-ellipsis" style="color: #999999;">{{ item.release_time_text.slice(5,10) }}</span>
-                        </div>
-                        
-                        <!-- <div class="slices_rol"></div> -->
-                    </div>
-                </div>
-            </div>
-            <div class="fly1s">
-                <div class="re_boxs">
-                    <div class="flex justify-between align-center w-full ">
-                        <div class="flex align-center justify-start">
-                            <img class="re_top_img" :src="`/img/index/qcly.png`"></img>
-                            <img class="re_top_img" style="padding: 20px 0;" :src="`/img/index/hlines.png`"></img>
-                        </div>
-                        <div class="pr-[20px] more_j" @click="toMore">
-                            <span>查看更多</span>
-                            <img src="/img/index/more_j.png" alt="" style="width: 8px;height: 13px;margin-left: 10px;"></img>
-                        </div>
-                    </div>
-                    <!-- <div class="re_top_img_line"></div> -->
-                    <div class="re_box_item" v-for="(item,index) in qcList" :key="index" style="margin-top: 10px;" @click="openUrl(item.id)">
-                        <div class="re_title">
-                            <div class="flex align-center">
-                                <div class="dian"></div>
-                                <span class="one-line-ellipsis" style="width:400px;">{{ item.title }}</span>
-                            </div>
-                            <span class="one-line-ellipsis" style="color: #999999;">{{ item.release_time_text.slice(5,10) }}</span>
-                        </div>
-                        
-                        <!-- <div class="slices_rol"></div> -->
-                    </div>
-                </div>
-            </div>
-            <div class="fly1s">
-                <div class="re_boxs">
-                    <div class="flex justify-between align-center w-full ">
-                        <div class="flex align-center justify-start">
-                            <img class="re_top_img" :src="`/img/index/mtjj.png`"></img>
-                            <img class="re_top_img" style="padding: 20px 0;" :src="`/img/index/hlines.png`"></img>
-                        </div>
-                        <div class="pr-[20px] more_j" @click="toMore">
-                            <span>查看更多</span>
-                            <img src="/img/index/more_j.png" alt="" style="width: 8px;height: 13px;margin-left: 10px;"></img>
-                        </div>
-                    </div>
-                    <!-- <div class="re_top_img_line"></div> -->
-                    <div class="re_box_item" v-for="(item,index) in mtList" :key="index" style="margin-top: 10px;" @click="openUrl(item.id)">
-                        <div class="re_title">
-                            <div class="flex align-center">
-                                <div class="dian"></div>
-                                <span class="one-line-ellipsis" style="width:400px;">{{ item.title }}</span>
-                            </div>
-                            <span class="one-line-ellipsis" style="color: #999999;">{{ item.release_time_text.slice(5,10) }}</span>
-                        </div>
-                        
-                        <!-- <div class="slices_rol"></div> -->
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <AppFooter></AppFooter>
-
-        
-        <!-- 底部鼠标 -->
-        <div style="position: absolute;bottom: 30px;right:30px;">
-            <img :src="`/img/index/hmouse.png`" alt="">
-        </div>
-     </div>
-  </div>
+    </div>
 </template>
 
 <script lang="ts" setup>
 import $api from '@/service/webRequest'
-import { defineEmits} from 'vue'
+import { defineEmits } from 'vue'
 import { Swiper, SwiperSlide } from 'swiper/vue'
 import emitter from '@/plugins/emitter'
 import 'swiper/css'
 import 'swiper/css/autoplay'
 import "swiper/css/pagination";
-import { Autoplay, Navigation, Pagination, Scrollbar, A11y, EffectCoverflow, EffectFade,Mousewheel } from "swiper/modules";
+import { Autoplay, Navigation, Pagination, Scrollbar, A11y, EffectCoverflow, EffectFade, Mousewheel } from "swiper/modules";
 const inputSearch = ref('');
 
 const xsImg = ref([]);
@@ -206,34 +309,34 @@ const detailId = ref(null);
 
 const emit = defineEmits(['toSwpe'])
 const swiperOptionsimgs = {
-	autoplay: {
-		delay: 5000,
-		disableOnInteraction: false,
-	},
-	direction: 'horizontal',
-	slidesPerView: 1,
-	speed: 500,
-	// effect: 'fade',
-	loop: true,
-	modules: [Autoplay,Pagination],
-	pagination: {
-		el:'.swiper-pagination'
-	},
+    autoplay: {
+        delay: 5000,
+        disableOnInteraction: false,
+    },
+    direction: 'horizontal',
+    slidesPerView: 1,
+    speed: 500,
+    // effect: 'fade',
+    loop: true,
+    modules: [Autoplay, Pagination],
+    pagination: {
+        el: '.swiper-pagination'
+    },
 }
 const hmScroll = () => {
-    let home = document.getElementById('homeid');
-    if( home.scrollTop + home.clientHeight >= home.scrollHeight){
-        setTimeout(function() {
-            emit('toSwpe',2);
-        }, 500);
-    }
-    if (home.scrollTop == 0) {
-        setTimeout(function() {
-            emit('toSwpe',0);
-        }, 500);
-    }
+    // let home = document.getElementById('homeid');
+    // if (home.scrollTop + home.clientHeight >= home.scrollHeight) {
+    //     setTimeout(function () {
+    //         emit('toSwpe', 2);
+    //     }, 500);
+    // }
+    // if (home.scrollTop == 0) {
+    //     setTimeout(function () {
+    //         emit('toSwpe', 0);
+    //     }, 500);
+    // }
 }
-const toSearch =() => {
+const toSearch = () => {
     // emit('toSwpe',9);
     // emitter.emit('inputSea', {
     //     keywords:inputSearch.value,
@@ -243,21 +346,21 @@ const toSearch =() => {
 }
 // 查看更多
 const toMore = () => {
-    emit('toSwpe',3);
+    emit('toSwpe', 3);
 }
 const bstList = ref([
-    {title:"中国共产主义青年团的性质是什么?",id:5969},
-    {title:"中国共产主义青年团的行动指南是什么?",id:5970},
-    {title:"为什么说共青团是中国共产党的助手和后备军?",id:5971},
-    {title:"中国共产主义青年团在新时代的基本任务是什么?",id:5972},
-    {title:"怎样加入中国共产主义青年团?",id:5973},
-    {title:"团员必须履行哪些义务?",id:5974},
-    {title:"团员享有哪些权利?",id:5975},
-    {title:"团旗、团徽和团歌分别是什么?",id:5976}
+    { title: "中国共产主义青年团的性质是什么?", id: 5969 },
+    { title: "中国共产主义青年团的行动指南是什么?", id: 5970 },
+    { title: "为什么说共青团是中国共产党的助手和后备军?", id: 5971 },
+    { title: "中国共产主义青年团在新时代的基本任务是什么?", id: 5972 },
+    { title: "怎样加入中国共产主义青年团?", id: 5973 },
+    { title: "团员必须履行哪些义务?", id: 5974 },
+    { title: "团员享有哪些权利?", id: 5975 },
+    { title: "团旗、团徽和团歌分别是什么?", id: 5976 }
 ])
 
 const openUrl = (id: number) => {
-	window.open(`/info/${id}?type=1`)
+    window.open(`/info/${id}?type=1`)
 }
 //跳转详情
 // const gotoDetail = (id: number) => {
@@ -271,11 +374,11 @@ const openUrl = (id: number) => {
 // }
 let newsSwiper: any = null
 const onSwiperImgs = (swiper: any) => {
-	newsSwiper = swiper
-	// swiper.on('slideChange', () => {
-	// 	// 更新当前活动幻灯片索引
-		
-	// })
+    newsSwiper = swiper
+    // swiper.on('slideChange', () => {
+    // 	// 更新当前活动幻灯片索引
+
+    // })
 }
 //文章精选
 const zmList = ref([]);
@@ -288,9 +391,11 @@ const mtList = ref([]);
 
 //新闻分类
 const getNewstypeList = async () => {
-    let ptggid = null,jcdtid = null,qclyid = null,mtjjid = null;    // 分类id 
-	const res = await $api.get('/api/home.news/cate?home=1')
-	listType.value = res.data.data.list.map((item: any) => {
+    let ptggid = null, jcdtid = null, qclyid = null, mtjjid = null;    // 分类id 
+    const res = await $api.get('/api/home.news/cate?home=1')
+    var list = res.data.data.list;
+    listType.value = list;
+    list.map((item: any) => {
         if (item.name == '平台公告') {
             ptggid = item.id;
         }
@@ -305,34 +410,35 @@ const getNewstypeList = async () => {
             mtjjid = item.id;
         }
     });
+    console.log(listType.value);
 
     // xsId.value = listType.value[0].id;
     //逐梦新声列表 //万众瞩目列表
-	// const ress = await $api.get(`/api/home.news/index?cate_id=${xsId.value}&page=1&limit=4`)
-	// xsList.value = ress.data.data.list;
-    
+    // const ress = await $api.get(`/api/home.news/index?cate_id=${xsId.value}&page=1&limit=4`)
+    // xsList.value = ress.data.data.list;
+
     //精选文章
     const ress1 = await $api.get(`/api/home.news/index?page=1&limit=5&fine=1`)
-	zmList.value = ress1.data.data.list;
+    zmList.value = ress1.data.data.list;
 
-    //平台公告
+    // //平台公告
     const ress2 = await $api.get(`/api/home.news/index?cate_id=${ptggid}&page=1&limit=5`)
-	ptList.value = ress2.data.data.list;
-    //基层动态
-    const ress3 = await $api.get(`/api/home.news/index?cate_id=${jcdtid}&page=1&limit=5`)
-	jcList.value = ress3.data.data.list;
-    //青春洛阳
-    const ress4 = await $api.get(`/api/home.news/index?cate_id=${qclyid}&page=1&limit=5`)
-	qcList.value = ress4.data.data.list;
-    //媒体聚焦
-    const ress5 = await $api.get(`/api/home.news/index?cate_id=${mtjjid}&page=1&limit=5`)
-	mtList.value = ress5.data.data.list;
+    ptList.value = ress2.data.data.list;
+    // //基层动态
+    // const ress3 = await $api.get(`/api/home.news/index?cate_id=${jcdtid}&page=1&limit=5`)
+    // jcList.value = ress3.data.data.list;
+    // //青春洛阳
+    // const ress4 = await $api.get(`/api/home.news/index?cate_id=${qclyid}&page=1&limit=5`)
+    // qcList.value = ress4.data.data.list;
+    // //媒体聚焦
+    // const ress5 = await $api.get(`/api/home.news/index?cate_id=${mtjjid}&page=1&limit=5`)
+    // mtList.value = ress5.data.data.list;
 }
 
 //逐梦新声轮播图
 const getxsImg = async () => {
-	const res = await $api.get('/api/index/images?page=1&limit=3')
-	xsImg.value = res.data.data.list;
+    const res = await $api.get('/api/index/images?page=1&limit=3')
+    xsImg.value = res.data.data.list;
 }
 
 onMounted(() => {
@@ -348,291 +454,368 @@ onMounted(() => {
 
 /* pc端样式 */
 
-    .swiper{
+.swiper {
 
-        .swiper-pagination{
-            text-align: right;
-            padding-right: 10px;
-            bottom: 0;
-            height: 38px;
-            line-height: 38px;
-            --swiper-pagination-color: #FFCD52;/* 两种都可以 */
-        }
-        .img_tits{
-            font-family: Microsoft YaHei UI;
-            font-weight: bold;
-            font-size: 18px;
-            color: #FFFEFE;
-            position: absolute;
-            bottom: 0;
-            left: 0;
-            background: rgba(0, 0, 0, 0.44);
-            width: 100%;
-            height: 38px;
-            line-height: 38px;
-            padding-left: 10px;
-        }
-    }
-    
-  
-  
-    .rightcon{
-        width:100%;
-        height:100%;
-        background-image: url('/img/index/rightcons.png');
-        background-size: 100% 100%;
-        overflow-y: auto;
-        
-    }
-    .top_search{
-        margin-top: 50px;
-        height: 70px;
-        justify-content: space-between;
-        align-items: center;
-    }
-    .inputform {
-		position: relative;
-		width: 340px;
-        // margin-right: 319px;
-	}
-    .contactInput {
-        width: 337px;
-        height: 50px;
-        background: #FFFFFF;
-        border-radius: 8px;
-        border: 1px solid #DEE4E8;
-        padding-left: 15px;
+    .swiper-pagination {
+        text-align: right;
+        padding-right: 10px;
+        bottom: 0;
+        height: 38px;
+        line-height: 38px;
+        --swiper-pagination-color: #FFCD52;
+        /* 两种都可以 */
     }
 
-    .contactInput::placeholder {
-        color: #999999;
-    }
-
-    .contactInput:focus {
-        outline: none;
-    }
-    .search_rinput{
-        width: 68px;
-        height: 50px;
-        background: #E6E6E6;
-        border-radius: 0px 8px 8px 0px;
+    .img_tits {
+        font-family: Microsoft YaHei UI;
+        font-weight: bold;
+        font-size: 18px;
+        color: #FFFEFE;
         position: absolute;
-        top: 0;
-        right: 0;
+        bottom: 0;
+        left: 0;
+        background: rgba(0, 0, 0, 0.44);
+        width: 100%;
+        height: 38px;
+        line-height: 38px;
+        padding-left: 10px;
+    }
+}
+
+
+
+.rightcon {
+    width: 100%;
+    height: 100%;
+    background-image: url('/img/index/rightcons.png');
+    background-size: 100% 100%;
+    overflow-y: auto;
+
+}
+
+.top_search {
+    width: 1200px;
+    margin-left: 400px;
+    margin-top: 50px;
+    height: 70px;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.inputform {
+    position: relative;
+    // margin-right: 319px;
+}
+
+.contactInput {
+    width: 337px;
+    height: 50px;
+    background: #ffffff73;
+    border-radius: 8px;
+    border: 1px solid #DEE4E8;
+    padding-left: 15px;
+}
+
+.contactInput::placeholder {
+    color: #999999;
+}
+
+.contactInput:focus {
+    outline: none;
+}
+
+.search_rinput {
+    width: 68px;
+    height: 50px;
+    background: #338CDE;
+    border-radius: 0px 8px 8px 0px;
+    position: absolute;
+    top: 0;
+    right: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.home_con {
+    width: 1200px;
+    box-sizing: border-box;
+    // margin: 0 auto;
+    margin-top: 50px;
+    margin-left: 400px;
+
+    .fly {
+        width: 50%;
+
+        // padding-left: 80px;
+        .swiper_s {
+            width: 100%;
+            height: 418px;
+        }
+    }
+
+    .fly1 {
+        width: 50%;
+        // margin-left: 30px;
+    }
+
+    .re_box {
+        border-width: 1px;
+        border-style: solid;
+        border-color: transparent;
+        width: 100%;
+        height: 418px;
         display: flex;
-        justify-content: center;
-        align-items: center;
-    }
-    .home_con{
-        width: 1200px;
-        box-sizing: border-box;
-        // margin: 0 auto;
-        margin-top: 50px;
-        margin-left: 400px;
-        
-        .fly{
-            width: 50%;
-            // padding-left: 80px;
-            .swiper_s{
-                width: 100%;
-                height: 418px;
-            }
-        }
-        .fly1{
-            width: 50%;
-            // margin-left: 30px;
-        }
-        .re_box{
-                width: 100%;
-                height: 418px;
-                display: flex;
-                flex-wrap: wrap;
-                justify-content: flex-start;
-                align-content: flex-start;
-                // gap: 10px;
-                background: #FFFFFF;
-                position: relative;
-                border-radius: 12px 0 0 12px;
-                .re_top_img{
-                    padding:20px;
-                }
-                .more_j{
-                    font-family: Microsoft YaHei UI;
-                    font-weight: 400;
-                    font-size: 16px;
-                    color: #999999;
-                    display: flex;
-                    align-items: center;
-                    cursor: pointer;
-                }
-                .re_top_img_line{
-                    width: 559px;
-                    height: 2px;
-                    background: #EEEEEE;
-                    margin-left: 20px;
-                }
-                .re_box_item{
-                    width: 100%;
-                    padding:15px 20px;
-                    box-sizing: border-box;
-                    display: flex;
-                    justify-content: space-between;
-                    align-items: center;
-                    .re_title{
-                        width: 100%;
-                        font-family: Microsoft YaHei;
-                        font-weight: 400;
-                        font-size: 16px;
-                        color: #323232;
-                        display: flex;
-                        align-items: center;
-                        justify-content: space-between;
-                        cursor: pointer;
-                        .dian{
-                            width: 10px;
-                            height: 10px;
-                            background: #3B90DF;
-                            border-radius: 50%;
-                            margin-right: 15px;
-                        }
-                    }
-                    // &:hover{
-                    //     background-image: url('/img/index/listhmbg.png');
-                    //     background-size: 100% 100%;
-                    //     cursor: pointer;
-                    //     .slices_rol{
-                    //         width: 10px;
-                    //         height: 88px;
-                    //         background: #FAA828;
-                    //         position: absolute;
-                    //         right: 0;
-                    //     }
-                    // }
-                }
-            } 
-    }
-    .home_con1{
-        width: 1200px;
-        box-sizing: border-box;
-        // margin: 0 auto;
-        margin-top: 50px;
-        margin-left: 400px;
-        
-        .bstbg{
-            width: 280px;
-            height: 150px;
-            background-image: url('/img/index/bstbg.png');
-            background-size: 100% 100%;
-            background-repeat: no-repeat;
-            margin-right: 20px;
-            margin-bottom: 20px;
-            cursor: pointer;
-            .bst_con{
-                width: 100%;
-                display: flex;
-                justify-content: center;
-                align-items: center;
-                flex-direction: column;
-                .bsttitle{
-                    width: 210px;
-                    font-family: Microsoft YaHei UI;
-                    font-weight: bold;
-                    font-size: 18px;
-                    color: #FFFFFF;
-                    line-height: 26px;
-                    text-align: center;
-                }
-                &:hover{
-                    .bsttitle{
-                        color: #FFE7B8;
-                    }
-                        
-                }
-            }
-        }
-    }
-    .home_con2{
-        width: 1200px;
-        box-sizing: border-box;
-        // margin: 0 auto;
-        // margin-top: 10px;
-        margin-left: 400px;
         flex-wrap: wrap;
-        .fly1s{
-            width: 580px;
-            margin-right: 20px;
-            margin-bottom: 20px;
+        justify-content: flex-start;
+        align-content: flex-start;
+        // gap: 10px;
+        background: linear-gradient(#FFFFFF, #FFFFFF) padding-box,
+            linear-gradient(0deg, #338CDE, #ACD7FF) border-box;
+        position: relative;
+        border-radius: 0px 12px 12px 0px;
+
+        .re_top_img {
+            padding: 20px;
         }
-        .re_boxs{
+
+        .more_j {
+            font-family: Microsoft YaHei UI;
+            font-weight: 400;
+            font-size: 16px;
+            color: #999999;
+            display: flex;
+            align-items: center;
+            cursor: pointer;
+        }
+
+        .re_top_img_line {
+            width: 559px;
+            height: 2px;
+            background: #EEEEEE;
+            margin-left: 20px;
+        }
+
+    }
+
+    .re_box_left {
+        border-radius: 12px 0px 0px 12px;
+    }
+}
+
+.re_box_item {
+    width: 100%;
+    padding: 15px 20px;
+    box-sizing: border-box;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    .re_title {
+        width: 100%;
+        font-family: Microsoft YaHei;
+        font-weight: 400;
+        font-size: 16px;
+        color: #323232;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        cursor: pointer;
+
+        .dian {
+            width: 10px;
+            height: 10px;
+            background: #3B90DF;
+            border-radius: 50%;
+            margin-right: 15px;
+        }
+    }
+
+    // &:hover{
+    //     background-image: url('/img/index/listhmbg.png');
+    //     background-size: 100% 100%;
+    //     cursor: pointer;
+    //     .slices_rol{
+    //         width: 10px;
+    //         height: 88px;
+    //         background: #FAA828;
+    //         position: absolute;
+    //         right: 0;
+    //     }
+    // }
+}
+
+.home_con1 {
+    width: 1200px;
+    box-sizing: border-box;
+    // margin: 0 auto;
+    margin-top: 50px;
+    margin-left: 400px;
+
+    .bstbg {
+        width: 280px;
+        height: 150px;
+        background-image: url('/img/index/bstbg.png');
+        background-size: 100% 100%;
+        background-repeat: no-repeat;
+        margin-right: 20px;
+        margin-bottom: 20px;
+        cursor: pointer;
+
+        .bst_con {
+            width: 100%;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            flex-direction: column;
+
+            .bsttitle {
+                width: 210px;
+                font-family: Microsoft YaHei UI;
+                font-weight: bold;
+                font-size: 18px;
+                color: #FFFFFF;
+                line-height: 26px;
+                text-align: center;
+            }
+
+            &:hover {
+                .bsttitle {
+                    color: #FFE7B8;
+                }
+
+            }
+        }
+    }
+}
+
+.home_con2 {
+    width: 1200px;
+    box-sizing: border-box;
+    // margin: 0 auto;
+    // margin-top: 10px;
+    margin-left: 400px;
+    flex-wrap: wrap;
+
+    .fly1s {
+        width: 580px;
+        margin-right: 20px;
+        margin-bottom: 20px;
+    }
+
+    .re_boxs {
+        width: 100%;
+        height: 406px;
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: flex-start;
+        align-content: flex-start;
+        // gap: 10px;
+        background: #FFFFFF;
+        position: relative;
+        border-radius: 12px;
+
+        .re_top_img {
+            padding: 20px;
+        }
+
+        .more_j {
+            font-family: Microsoft YaHei UI;
+            font-weight: 400;
+            font-size: 16px;
+            color: #999999;
+            display: flex;
+            align-items: center;
+            cursor: pointer;
+        }
+
+        .re_box_item {
+            width: 100%;
+            padding: 15px 20px;
+            box-sizing: border-box;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+
+            .re_title {
                 width: 100%;
-                height: 406px;
+                font-family: Microsoft YaHei;
+                font-weight: 400;
+                font-size: 16px;
+                color: #323232;
                 display: flex;
-                flex-wrap: wrap;
-                justify-content: flex-start;
-                align-content: flex-start;
-                // gap: 10px;
-                background: #FFFFFF;
-                position: relative;
-                border-radius: 12px;
-                .re_top_img{
-                    padding:20px;
+                align-items: center;
+                justify-content: space-between;
+                cursor: pointer;
+
+                .dian {
+                    width: 10px;
+                    height: 10px;
+                    background: #3B90DF;
+                    border-radius: 50%;
+                    margin-right: 15px;
                 }
-                .more_j{
-                    font-family: Microsoft YaHei UI;
-                    font-weight: 400;
-                    font-size: 16px;
-                    color: #999999;
-                    display: flex;
-                    align-items: center;
-                    cursor: pointer;
-                }
-                
-                .re_box_item{
-                    width: 100%;
-                    padding:15px 20px;
-                    box-sizing: border-box;
-                    display: flex;
-                    justify-content: space-between;
-                    align-items: center;
-                    .re_title{
-                        width: 100%;
-                        font-family: Microsoft YaHei;
-                        font-weight: 400;
-                        font-size: 16px;
-                        color: #323232;
-                        display: flex;
-                        align-items: center;
-                        justify-content: space-between;
-                        cursor: pointer;
-                        .dian{
-                            width: 10px;
-                            height: 10px;
-                            background: #3B90DF;
-                            border-radius: 50%;
-                            margin-right: 15px;
-                        }
-                    }
-                    // &:hover{
-                    //     background-image: url('/img/index/listhmbg.png');
-                    //     background-size: 100% 100%;
-                    //     cursor: pointer;
-                    //     .slices_rol{
-                    //         width: 10px;
-                    //         height: 88px;
-                    //         background: #FAA828;
-                    //         position: absolute;
-                    //         right: 0;
-                    //     }
-                    // }
-                }
-            } 
-    }
-    @media (max-width: 1440px) {
-        .home_con2,.home_con1,.home_con{
-            width: 900px;
-        }
-        .fly1s{
-            width: 500px;
+            }
+
+            // &:hover{
+            //     background-image: url('/img/index/listhmbg.png');
+            //     background-size: 100% 100%;
+            //     cursor: pointer;
+            //     .slices_rol{
+            //         width: 10px;
+            //         height: 88px;
+            //         background: #FAA828;
+            //         position: absolute;
+            //         right: 0;
+            //     }
+            // }
         }
     }
+}
+
+@media (max-width: 1440px) {
+
+    .home_con2,
+    .home_con1,
+    .home_con {
+        width: 900px;
+    }
+
+    .fly1s {
+        width: 500px;
+    }
+}
+
+.t1 {
+    font-weight: bold;
+    font-family: PingFang SC;
+    color: #323232;
+    font-size: 22px;
+    cursor: pointer;
+    position: relative;
+}
+
+.t1:hover {
+    color: #2C8AE0;
+}
+
+.t2 {
+    font-weight: bold;
+    font-family: PingFang SC;
+    color: #2C8AE0;
+    font-size: 22px;
+    cursor: pointer;
+    position: relative;
+}
+
+.t_line {
+    width: 60%;
+    height: 5px;
+    background-color: #3E92DE;
+    margin: 0 auto;
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: -15px;
+}
 </style>
diff --git a/components/AppLuoYang.vue b/components/AppLuoYang.vue
new file mode 100644
index 0000000..e3eb9f0
--- /dev/null
+++ b/components/AppLuoYang.vue
@@ -0,0 +1,7 @@
+<template>
+    <div>
+        青春洛阳
+    </div>
+</template>
+
+
diff --git a/pages/index.vue b/pages/index.vue
index 7106d4d..290f78e 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -7,23 +7,35 @@
 			<swiper class="swiper-container h-full" @swiper="onSwiperNews" v-bind="swiperOptionsNews">
 				<swiper-slide>
 					<img :src="`/img/index/homebg.png`" style="width: 100%;height: 100%;object-fit: cover;">
-					<div style="position: absolute;bottom: 30px;right:30px;">
-						<img :src="`/img/index/hmouse.png`" alt="">
+					<div style="position: absolute;top:15%;left:0px;right: 0px;">
+						<img :src="`/img/index/dlogo1.png`" style="width: 300px;margin: 0 auto;" alt="">
+					</div>
+					<div style="position: absolute;top: 53%;left:0px;right: 0px;">
+						<img :src="`/img/index/hmouse1.png`" style="width: 180px;margin: 0 auto;" alt="">
 					</div>
 				</swiper-slide>
+
 				<!-- 首页 -->
 				<swiper-slide>
 					<AppHome @toSwpe="toswiper"></AppHome>
 				</swiper-slide>
+
 				<!-- 关于我们 -->
 				<swiper-slide>
 					<AppAbout @toSwpe="toswiper"></AppAbout>
 				</swiper-slide>
+
 				<!-- 新闻动态 -->
 				<swiper-slide>
 					<AppNews @toSwpe="toswiper"></AppNews>
 				</swiper-slide>
-				<!-- 信息公开 -->
+
+				<!-- 青春洛阳 -->
+				<swiper-slide>
+					<AppLuoYang @toSwpe="toswiper"></AppLuoYang>
+				</swiper-slide>
+
+				<!-- 服务青年 -->
 				<swiper-slide>
 					<AppMessage @toSwpe="toswiper"></AppMessage>
 				</swiper-slide>
@@ -40,9 +52,9 @@
 					<AppAboutdel></AppAboutdel>
 				</swiper-slide> -->
 				<!-- 留言板 -->
-				<!-- <swiper-slide :show="isMeassage" id="messageid">
+				<swiper-slide @toSwpe="toswiper">
 					<AppContactUs></AppContactUs>
-				</swiper-slide> -->
+				</swiper-slide>
 				<!-- 搜索详情 -->
 				<!-- <swiper-slide :show="isSearch" id="searchid">
 					<AppSearchdel @toSwpe="toswiper"></AppSearchdel>
@@ -60,7 +72,7 @@
 			</div> -->
 			<!-- 右分享 -->
 			<div v-if="swiper_exp > 0" ref="targetElement" class="flex flex-col fiximg" :style="{ right: rightValue }">
-				<img src="/img/qiqiu.png" class="qqt" @click="updateRight" alt=""></img>
+				<!-- <img src="/img/qiqiu.png" class="qqt" @click="updateRight" alt=""></img> -->
 				<div style="position: absolute;top: 200px;">
 					<div class="divcode">
 						<img class="imgs" :src="`/img/index/douyin.png`" alt="">
@@ -86,13 +98,13 @@
 							<img :src="`/img/bilicode.jpg`" alt="">
 						</p>
 					</div>
-					<div class="tuanguanxi">
+					<!-- <div class="tuanguanxi">
 						<a href="https://mp.weixin.qq.com/s/N-qAWMJNGb7WjkXp3Xqrhg" rel="nofollow" target="_blank"
 							style="display: block;"><img src="/img/tgxzj.jpg"></a>
 						<a href="http://qnyz.lyd.com.cn/" rel="nofollow" target="_blank" style="display: block;"><img
 								src="/img/qnyz.jpg"></a>
 						<img src="/img/lyb.jpg" @click="openUrl" />
-					</div>
+					</div> -->
 				</div>
 			</div>
 		</div>
@@ -103,7 +115,7 @@
 import { Swiper, SwiperSlide } from 'swiper/vue'
 import { nextTick, ref } from 'vue'
 import 'swiper/css'
-import { Autoplay, Navigation, Pagination, Scrollbar, A11y, EffectCoverflow, EffectFade, Mousewheel} from "swiper/modules";
+import { Autoplay, Navigation, Pagination, Scrollbar, A11y, EffectCoverflow, EffectFade, Mousewheel } from "swiper/modules";
 import ScrollReveal from 'scrollreveal';
 import { NNumberAnimation } from 'naive-ui'
 
@@ -144,19 +156,18 @@ const onSwiperNews = (swiper: any) => {
 		// 更新当前活动幻灯片索引
 		// isMeassage.value = false;
 		// console.log(newsSwiper);
-		// console.log(window);
 		swiper_exp.value = swiper.realIndex;
-		 if(swiper.realIndex == 1 || swiper.realIndex == 5){
+		if (swiper.realIndex == 1 || swiper.realIndex == 5) {
 			newsSwiper.mousewheel.disable();
-			newsSwiper.allowTouchMove= true;// 开启拖动 
+			newsSwiper.allowTouchMove = true;// 开启拖动 
 		}
 		// else if (swiper.realIndex == 6 || swiper.realIndex == 9 || swiper.realIndex == 7 || swiper.realIndex == 8) {
 		// 	newsSwiper.mousewheel.disable(); //禁止鼠标滑轮控制
-   		// 	newsSwiper.allowTouchMove= false;//关闭拖动
+		// 	newsSwiper.allowTouchMove= false;//关闭拖动
 		// }
 		else {
 			newsSwiper.mousewheel.enable(); //开启鼠标滑轮控制
-			newsSwiper.allowTouchMove= true;// 开启拖动 
+			newsSwiper.allowTouchMove = true;// 开启拖动 
 		}
 	})
 }
@@ -170,7 +181,7 @@ const toswiper = (index: number) => {
 	// if (index == 7) isAbout.value = true;
 	// if (index == 8) isMeassage.value = true;
 	// if (index == 9) isSearch.value = true;
-	newsSwiper.slideTo(index,1000,true)
+	newsSwiper.slideTo(index, 1000, true)
 }
 const swiper_exp = ref(0);
 
@@ -497,6 +508,8 @@ onMounted(() => {
 }
 
 .fiximg {
+    width: 80px;
+    height: 100%;
 	transition: right 0.5s ease-in-out;
 	position: fixed;
 	top: 40px;
diff --git a/public/img/code.png b/public/img/code.png
new file mode 100644
index 0000000..c068ab2
Binary files /dev/null and b/public/img/code.png differ
diff --git a/public/img/index/bi.png b/public/img/index/bi.png
new file mode 100644
index 0000000..07fdab3
Binary files /dev/null and b/public/img/index/bi.png differ
diff --git a/public/img/index/dlogo.png b/public/img/index/dlogo.png
index 2a3d5d3..033b35d 100644
Binary files a/public/img/index/dlogo.png and b/public/img/index/dlogo.png differ
diff --git a/public/img/index/dlogo1.png b/public/img/index/dlogo1.png
new file mode 100644
index 0000000..994988b
Binary files /dev/null and b/public/img/index/dlogo1.png differ
diff --git a/public/img/index/gg.png b/public/img/index/gg.png
new file mode 100644
index 0000000..b99130d
Binary files /dev/null and b/public/img/index/gg.png differ
diff --git a/public/img/index/gx.png b/public/img/index/gx.png
new file mode 100644
index 0000000..ab9157b
Binary files /dev/null and b/public/img/index/gx.png differ
diff --git a/public/img/index/gx1.png b/public/img/index/gx1.png
new file mode 100644
index 0000000..c751039
Binary files /dev/null and b/public/img/index/gx1.png differ
diff --git a/public/img/index/hmouse.png b/public/img/index/hmouse.png
index 3a472b2..ea7d406 100644
Binary files a/public/img/index/hmouse.png and b/public/img/index/hmouse.png differ
diff --git a/public/img/index/hmouse1.png b/public/img/index/hmouse1.png
new file mode 100644
index 0000000..cdfdf1c
Binary files /dev/null and b/public/img/index/hmouse1.png differ
diff --git a/public/img/index/hmsearch.png b/public/img/index/hmsearch.png
index f1454f7..4f2b3e1 100644
Binary files a/public/img/index/hmsearch.png and b/public/img/index/hmsearch.png differ
diff --git a/public/img/index/homebg.png b/public/img/index/homebg.png
index 689da58..5e8948d 100644
Binary files a/public/img/index/homebg.png and b/public/img/index/homebg.png differ
diff --git a/public/img/index/leftHead.png b/public/img/index/leftHead.png
index 98eac1f..bf7e832 100644
Binary files a/public/img/index/leftHead.png and b/public/img/index/leftHead.png differ
diff --git a/public/img/index/ly.png b/public/img/index/ly.png
new file mode 100644
index 0000000..920cf6f
Binary files /dev/null and b/public/img/index/ly.png differ
diff --git a/public/img/index/ly1.png b/public/img/index/ly1.png
new file mode 100644
index 0000000..e3b0ad1
Binary files /dev/null and b/public/img/index/ly1.png differ
diff --git a/public/img/index/r.png b/public/img/index/r.png
new file mode 100644
index 0000000..b8e1d99
Binary files /dev/null and b/public/img/index/r.png differ
diff --git a/public/img/index/rightcons.png b/public/img/index/rightcons.png
index c433dbd..976987c 100644
Binary files a/public/img/index/rightcons.png and b/public/img/index/rightcons.png differ
diff --git a/public/img/index/tt.png b/public/img/index/tt.png
new file mode 100644
index 0000000..80d5f01
Binary files /dev/null and b/public/img/index/tt.png differ
diff --git a/public/img/index/tt1.png b/public/img/index/tt1.png
new file mode 100644
index 0000000..1002240
Binary files /dev/null and b/public/img/index/tt1.png differ
diff --git a/public/img/index/wzjx.png b/public/img/index/wzjx.png
index 91407de..2f84987 100644
Binary files a/public/img/index/wzjx.png and b/public/img/index/wzjx.png differ