diff --git a/app/components/news/footer/footer.tsx b/app/components/news/footer/footer.tsx
index 5358b64..6282f6f 100644
--- a/app/components/news/footer/footer.tsx
+++ b/app/components/news/footer/footer.tsx
@@ -1,11 +1,51 @@
-export function Footer() {
+import React from 'react';
+
+const Footer: React.FC = () => {
     return (
-        <div className='w-full h-190 bg-[#0082e9] flex items-center justify-center'
-            style={{}}
+        <div
+            className=" flex flex-col items-center justify-center relative bottom-0 overflow-y-auto overflow-x-auto left-1/2 transform -translate-x-1/2 w-[1920px] h-[758px] bg-cover bg-center"
+            style={{ backgroundImage: `url('/images/footer.png')` }}
         >
-            <div className='text-white text-2xl'>
-                春风拂面花开满园心情愉悦
+            {/* 主标题 */}
+            <div className="mb-8 mt-15">
+                <p className=" tracking-widest" style={{ fontSize: '32px', color: '#ffffff' }} >
+                    春风拂面花开满园心OO情愉悦
+                </p>
+            </div>
+
+            {/* 版权声明 */}
+            <div className="mb-8 text-center space-y-2 ">
+                <p className="text-sm opacity-80" style={{ color: '#818da3' }}>
+                    免责声明：免责条款的提出必须是明示的，不允许以默示方式作出，也不允许法官推定免责条款的存在。
+                </p>
+                <p className="text-sm opacity-80 mt-5" style={{ color: '#818da3' }}>
+                    版权所有：Copyright©2016-2019 包图网ibaotu.com 版权所有
+                </p>
+            </div>
+
+            {/* 导航链接 */}
+            <div className="flex space-x-12 mt-5">
+                <a href="#" className="hover:text-blue-300 transition-colors" style={{ color: '#818da3' }}>
+                    首页
+                </a>
+                <a href="#" className="hover:text-blue-300 transition-colors" style={{ color: '#818da3' }}>
+                    关于我们
+                </a>
+                <a href="#" className="hover:text-blue-300 transition-colors" style={{ color: '#818da3' }}>
+                    新闻中心
+                </a>
+                <a href="#" className="hover:text-blue-300 transition-colors" style={{ color: '#818da3' }}>
+                    政务公开
+                </a>
+                <a href="#" className="hover:text-blue-300 transition-colors" style={{ color: '#818da3' }}>
+                    交流互动
+                </a>
+                <a href="#" className="hover:text-blue-300 transition-colors" style={{ color: '#818da3' }}>
+                    便民服务
+                </a>
             </div>
         </div>
-    )
-}
\ No newline at end of file
+    );
+};
+
+export default Footer;
diff --git a/app/routes/news.tsx b/app/routes/news.tsx
index da46f27..d7032a4 100755
--- a/app/routes/news.tsx
+++ b/app/routes/news.tsx
@@ -12,7 +12,7 @@ import { LectureHall } from "@/components/news/body/FireNews/LectureHall";
 import { MicroVision } from "@/components/news/body/FireNews/MicroVision";
 import { Hotline } from "@/components/news/body/FireNews/Hotline";
 import { AutoCarouselDemo } from "@/components/AutoCarousel";
-import { Footer } from "@/components/news/footer/footer";
+import  Footer  from "@/components/news/footer/footer";
 import { CarouselDemo } from "@/components/Carousel";
 
 export function meta( ) {
diff --git a/public/images/footer.png b/public/images/footer.png
new file mode 100644
index 0000000..baf51db
Binary files /dev/null and b/public/images/footer.png differ