diff --git a/app/components/news/body/FireNews/Hotline.tsx b/app/components/news/body/FireNews/Hotline.tsx
index 8c1e2ff..220905c 100644
--- a/app/components/news/body/FireNews/Hotline.tsx
+++ b/app/components/news/body/FireNews/Hotline.tsx
@@ -8,7 +8,10 @@ export function Hotline() {
         <div className="relative left-0 top-0 w-full h-full">
 			{/* 轮播背景图 */}
 			<div className="w-full absolute"  style={{clipPath: 'polygon(0 0, calc(100% - 150px)-0.9%, calc(100% - 30px) 100%, 0 100%)',}}>
-				<CarouselDemo />
+				<CarouselDemo 
+						paginationPosition="left"
+						paginationStyle="dot"
+				/>
 			</div>
 			<div className='top-0 right-0 bg-white h-full'></div>
 		</div>
diff --git a/app/components/news/body/FireNews/ImportantNews.tsx b/app/components/news/body/FireNews/ImportantNews.tsx
index 9feff88..ae2d2d7 100644
--- a/app/components/news/body/FireNews/ImportantNews.tsx
+++ b/app/components/news/body/FireNews/ImportantNews.tsx
@@ -7,7 +7,10 @@ export function ImportantNews() {
     <div className="relative w-5/6 h-225 mx-auto overflow-hidden ">
         {/* 轮播背景图 - 确保有明确尺寸 */}
         <div className="absolute top-0 left-0 w-full h-225">
-            <CarouselDemo />
+            <CarouselDemo 
+                paginationPosition="left"
+                paginationStyle="dot"
+            />
         </div>
         
         {/* 固定的烽火要闻 */}
diff --git a/app/components/news/body/FireNews/LectureHall.tsx b/app/components/news/body/FireNews/LectureHall.tsx
index 5c530d8..437bc68 100644
--- a/app/components/news/body/FireNews/LectureHall.tsx
+++ b/app/components/news/body/FireNews/LectureHall.tsx
@@ -8,7 +8,10 @@ export function LectureHall() {
         <div className="relative left-0 top-0 w-full h-full">
 			{/* 轮播背景图 */}
 			<div className="w-full absolute"  style={{clipPath: 'polygon(0 0, calc(100% - 150px)-0.9%, calc(100% - 30px) 100%, 0 100%)',}}>
-				<CarouselDemo />
+				<CarouselDemo 
+						paginationPosition="left"
+						paginationStyle="dot"
+				/>
 			</div>
 			<div className='top-0 right-0 bg-white h-full'></div>
 		</div>
diff --git a/app/components/news/body/FireNews/MicroVision.tsx b/app/components/news/body/FireNews/MicroVision.tsx
index debd79b..2c78de9 100644
--- a/app/components/news/body/FireNews/MicroVision.tsx
+++ b/app/components/news/body/FireNews/MicroVision.tsx
@@ -31,7 +31,10 @@ export function MicroVision() {
         <div className="relative w-full h-full">
 			{/* 轮播背景图 */}
 			<div className="w-full absolute" style={{clipPath: 'polygon(150px 0, 100% 0, calc(100% - 0px) 100%, 30px 100%)'}} >
-				<CarouselDemo />
+				<CarouselDemo 
+						paginationPosition="right"
+						paginationStyle="dot"
+				/>
 			</div>
 			<div className='w-full bg-white h-full'></div>
 		</div>
diff --git a/app/components/news/body/ImageGridSection.tsx b/app/components/news/body/ImageGridSection.tsx
index 6ba4265..a3f8d51 100644
--- a/app/components/news/body/ImageGridSection.tsx
+++ b/app/components/news/body/ImageGridSection.tsx
@@ -38,7 +38,10 @@ const LearnPage = () => {
 
                         {/* 上右：轮播图 */}
                         <div className="col-span-2 row-span-1 rounded-lg shadow-sm overflow-hidden">
-                            <CarouselDemo />
+                            <CarouselDemo 
+                                paginationPosition="right"
+                                paginationStyle="bar"
+                            />
                         </div>
 
                         {/* 下三图 */}
diff --git a/app/routes/news.tsx b/app/routes/news.tsx
index 88ec529..c5de7be 100755
--- a/app/routes/news.tsx
+++ b/app/routes/news.tsx
@@ -13,6 +13,8 @@ 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 { CarouselDemo } from "@/components/Carousel";
+
 
 export function meta( ) {
   return [
@@ -40,7 +42,6 @@ export default function Home() {
         <AutoCarouselDemo />
         <CultureBgPage />
         <Integrated />
-        <CarouselDemo />
       </div>
       <Footer />
     </div>