2025年10月15日之前的封版

i18n/locales/zh-CN.json

@@ -52,8 +52,8 @@
     "gengduoxinwen": "更多新闻",
     "zygjjt": "中烟国际集团有限公司",
     "zygjjt1":"中国烟草国际有限公司",
-    "zygjjtContent": "中烟国际集团有限公司位于中国香港，是国家烟草专卖局、中国烟草总公司在境外的实体化公司，承担 “海外总部”的管理职能。其内设机构主要包括公共事务部、战略发展部、市场营销部、供应链部、生产运营部、财务部、人力资源部、信息数字化部、合规风控部、监察部等10个部门。",
-    "zygjjtContent1": "集团所属企业主要包括中烟国际（香港）有限公司、天泽烟草有限责任公司、中烟国际巴西有限公司、中烟国际（北美）股份有限公司、中烟国际阿根廷有限公司、中烟国际（中东）有限公司、中烟英美国际有限公司、中烟菲莫国际有限公司、中烟国际（香港）制造有限公司、中烟国际（澳门）制造有限公司、中烟国际（老挝）制造有限公司、中烟国际（柬埔寨）制造有限公司、中烟国际（罗马尼亚）制造有限公司、中烟国际（瑞士）有限公司、中烟国际（欧洲）有限公司等15家企业。",
+    "zygjjtContent": "中烟国际集团有限公司位于中国香港，是国家烟草专卖局、中国烟草总公司在境外的实体化公司，承担“海外总部”的管理职能。其内设机构主要包括公共事务部、战略发展部、市场营销部、供应链部、生产运营部、财务部、人力资源部、信息数字化部、合规风控部、监察部等10个部门。",
+    "zygjjtContent1": "  集团所属企业主要包括中烟香港、天泽公司、中烟巴西、中烟北美、中烟阿根廷、中烟中东、中烟英美、中烟菲莫、澳门金叶、老挝红塔、柬埔寨威灵顿、红塔瑞士、红塔瑞士罗马尼亚等企业。",
     "zygjjtContent2": "中国烟草国际有限公司位于中国北京，承担中烟国际集团有限公司的北京分部职能。其内设机构包括综合事务部、国营贸易部、财务管理部等3个部门。",
     "ywjs": "业务介绍",
     "ywjs1": "中烟国际集团有限公司主要是统一经营卷烟、烟叶、新型烟草制品、烟用丝束等烟草类产品国际业务。",
@@ -73,8 +73,8 @@
       "website": "www.ctihk.com.hk"
     },
     "tzyc":{
-      "title": "天泽烟草有限责任公司",
-      "content": "天泽烟草有限责任公司位于津巴布韦哈拉雷，主要从事烟叶采购、出口等经营业务。",
+      "title": "天泽公司",
+      "content": "天泽公司位于津巴布韦哈拉雷，主要从事烟叶采购、出口等经营业务。",
       "phone": "+263 719754365/7"
     },
     "zybx":{
@@ -113,18 +113,18 @@
       "phone": ""
     },
     "zymo":{
-      "title": "中烟国际（澳门）制造有限公司",
-      "content": "中烟国际（澳门）制造有限公司位于中国澳门，主要从事卷烟生产制造业务。",
+      "title": "澳门金叶",
+      "content": "澳门金叶位于中国澳门，主要从事卷烟生产制造业务。",
       "phone": ""
     },
     "zyls":{
-      "title": "中烟国际（老挝）制造有限公司",
-      "content": "中烟国际（老挝）制造有限公司位于老挝沙湾拿吉，主要从事卷烟生产制造业务。",
+      "title": "老挝红塔",
+      "content": "老挝红塔位于老挝沙湾拿吉，主要从事卷烟生产制造业务。",
       "phone": ""
     },
     "zyjm":{
-      "title": "中烟国际（柬埔寨）制造有限公司",
-      "content": "中烟国际（柬埔寨）制造有限公司位于柬埔寨金边，主要从事卷烟生产制造业务。",
+      "title": "柬埔寨威尼顿",
+      "content": "柬埔寨威尼顿位于柬埔寨金边，主要从事卷烟生产制造业务。",
       "phone": ""
     },
     "zylm":{
@@ -133,13 +133,13 @@
       "phone": ""      
     },
     "zysw":{
-      "title": "中烟国际（瑞士）有限公司",
-      "content": "中烟国际（瑞士）有限公司位于瑞士巴尔，主要从事卷烟等烟草类产品营销业务。",
+      "title": "红塔瑞士",
+      "content": "红塔瑞士位于瑞士巴尔，主要从事卷烟等烟草类产品营销业务。",
       "phone": ""
     },
     "zyou":{
-      "title": "中烟国际（欧洲）有限公司",
-      "content": "中烟国际（欧洲）有限公司位于瑞士巴尔，主要从事卷烟等烟草类产品营销业务。",
+      "title": "红塔瑞士罗马尼亚",
+      "content": "红塔瑞士罗马尼亚位于瑞士巴尔，主要从事卷烟等烟草类产品营销业务。",
       "phone": ""  
     }
 

src/components/common/header/Header.vue

@@ -126,7 +126,7 @@ onBeforeUnmount(() => {
 			<div class="am-navss am-navss-pills">
 				<div><router-link class="router" to="/index" @click="closeMobileMenu">{{ $t('message.t1')
 						}}</router-link></div>
-				<div><router-link class="router" to="/solution" @click="closeMobileMenu">{{ $t('message.t2')
+				<div><router-link class="router" to="/overview" @click="closeMobileMenu">{{ $t('message.t2')
 						}}</router-link></div>
 				<div><router-link class="router" to="/news" @click="closeMobileMenu">{{ $t('message.t3')
 						}}</router-link></div>
@@ -159,7 +159,7 @@ onBeforeUnmount(() => {
 			<div class="am-navss am-navss-pills">
 				<div><router-link class="router" to="/index" @click="closeMobileMenu">{{ $t('message.t1')
 						}}</router-link></div>
-				<div><router-link class="router" to="/solution" @click="closeMobileMenu">{{ $t('message.t2')
+				<div><router-link class="router" to="/overview" @click="closeMobileMenu">{{ $t('message.t2')
 						}}</router-link></div>
 				<div><router-link class="router" to="/news" @click="closeMobileMenu">{{ $t('message.t3')
 						}}</router-link></div>

src/router/index.js

@@ -27,7 +27,7 @@ const router = createRouter({
     { path: '/news', component: News },
     { path: '/news/newsId', component: NewsDetailsView },
     { path: '/about', component: AboutView },
-    { path: '/solution', component: Solution },
+    { path: '/overview', component: Solution },
     { path: '/MainBusiness', component: MainBusiness },
     { path: '/ContactInformation', component: ContactInformation },
     {path:'/JoinUs', component: JoinUs},

src/styles/main.scss

@@ -38,9 +38,8 @@ html {
     padding: 0;
  }
  .index-page {
-	@media screen and (min-width: 1024px) {
-		margin-top: 10rem;
-	}
+    margin-top: 10rem;
+
 	.index-banner {
 		@media screen and (min-width: 768px) {
 			min-height: 300px;
@@ -53,7 +52,5 @@ html {
     >div{
         height: 44.7rem;
     }
-    @media screen and (max-width: 767px) {
-		margin-top: 10rem;
-	}
+    
 }

src/views/ContactInformation.vue

@@ -12,9 +12,9 @@ const contactAddress = ref([
 onMounted(() => {
     // 在组件挂载后设置国际化文本
     contactAddress.value = [
-        { number: '+86 10 8888 7777', address: t('message.ywzx2') },
-        { number: '+86 10 8888 7777', address: t('message.ywzx1') },
-        { number: '+86 10 8888 7777', address: t('message.tousu') }
+        { number: '+852 XXXX XXXX', address: t('message.ywzx2'), email: 'xxxxx@xxxx.com' },
+        { number: '+852 XXXX XXXX', address: t('message.ywzx1'), email: 'xxxxx@xxxx.com' },
+        { number: '+852 XXXX XXXX', address: t('message.tousu'), email: 'xxxxx@xxxx.com' }
     ];
 });
 </script>
@@ -22,12 +22,12 @@ onMounted(() => {
     <div>
         <Layout>
             <div style="width: 100%;">
-              <div class="index-page">
-                  <div class="page-header-sub">
-                    <!-- <img src="../assets/images/contact.png" alt=""> -->
-                     <img src="../assets/images/lxfs.png" alt="" srcset="">
+                <div class="index-page">
+                    <div class="page-header-sub">
+                        <!-- <img src="../assets/images/contact.png" alt=""> -->
+                        <img src="../assets/images/jtgk.jpg" alt="" srcset="">
+                    </div>
                 </div>
-              </div>
                 <div class="contact-content">
                     <div>{{ $t('message.lianxi') }}</div>
                     <div>
@@ -39,7 +39,9 @@ onMounted(() => {
                         <div v-for="(item, key) in contactAddress" :key="key">
                             <img src="../assets/images/call.png" alt="" srcset="">
                             <div>{{ item.number }}</div>
+                            <div>{{ item.email }}</div>
                             <div>{{ item.address }}</div>
+
                         </div>
                     </div>
                 </div>
@@ -62,10 +64,11 @@ onMounted(() => {
         width: 60%;
         margin: 0 auto;
         text-align: center;
-        >img{
+
+        >img {
             width: 4rem;
             height: 4rem;
-            margin-top:5rem
+            margin-top: 5rem
         }
     }
 
@@ -76,6 +79,7 @@ onMounted(() => {
         font-weight: bold;
         border-bottom: 1px solid #F7B334;
     }
+
     >div:nth-child(3) {
         font-size: 1.4rem;
         color: #333;
@@ -90,35 +94,47 @@ onMounted(() => {
     justify-content: space-between;
     font-size: 1.6rem;
     color: #333;
-    margin-top:4rem!important;
+    margin-top: 4rem !important;
+
     >div {
         width: 27%;
         background-color: #eeeeee;
-        padding:3rem 1.6rem;
+        padding: 3rem 1.6rem;
+
         >img {
             width: 2.5rem;
             height: 2.5rem;
             margin-bottom: 0.5rem;
         }
+
         >div:nth-child(2) {
             font-weight: bold;
             color: #F7B334;
             font-size: 1.9rem;
-            margin-left:1%;
+            margin-left: 1%;
+        }
+         >div:nth-child(3) {
+            font-weight: bold;
+            color: #F7B334;
+            font-size: 1.3rem;
+            margin-left: 1%;
         }
-        >div:nth-child(3) {
+
+        >div:nth-child(4) {
             font-size: 1rem;
             color: #333;
-            margin-top:0.5rem;
+            margin-top: 0.5rem;
         }
     }
+
     @media screen and (max-width: 767px) {
         flex-direction: column;
         align-items: center;
+
         >div {
             width: 80%;
             margin-bottom: 2rem;
-            padding:2rem 2rem;
+            padding: 2rem 2rem;
         }
     }
 }

src/views/IndexView.vue

@@ -191,23 +191,23 @@ source3.value = 0.97;
 // const videoPlayer = ref(null);
 const newsList = ref([
 	{
-		id: 1,
-		title: '国际集团组织员工参观沙头角禁区及香港回归纪念塔活动',
-		content: '2025年6月27日，为庆祝香港回归祖国暨香港特别行政区成立二十八周年，国际集团组织全体员工赴新界沙头角禁区开展专题参观学习。队伍依次参观“沙头角之角”石碑，远眺中英街界碑及“一街两制”警戒线，随后考察沙头角口岸旅检大楼旧址，系统了解边境管理沿革与深港合作历程；',
-		date: '2025-06-27'
+		id: 2,
+		title: '国际集团组织参观纪念抗战胜利80周年展览',
+		content: '2025年8月26日下午，中烟国际集团有限公司组织全体员工前往香港会展中心，参观由香港大公文汇传媒集团主办的“为了中华民族伟大复兴——纪念中国人民抗日战争暨世界反法西斯战争胜利80周年大型巡回展览”',
+		date: '2025-08-27'
 	},
 	{
-		id: 2,
-		title: '国际集团召开2025年一季度经济运行分析会',
-		content: '4月15日，中烟国际集团有限公司召开一季度经济运行分析会，传达国家局、总公司经济运行分析会精神，分析研究国际集团一季度经济运行情况，安排部署下一步重点工作。国际集团党组书记、总经理邵岩同志指出，一季度国际',
-		date: '2025-04-15'
+		id: 9,
+		title: '国际集团开展“中企关爱进社区”义工活动',
+		content: '近日，国际集团与香港荃湾各界协会联合开展“中企关爱进社区”义工活动，向荃湾地区困难基层家庭进行探访慰问并送上冷暖风扇和空气净化一体机。 ',
+		date: '2025-08-18'
+	},
+	{
+		id: 10,
+		title: '国际集团组织员工参观香港立法会活动',
+		content: '2025年7月15日，国际集团组织员工赴香港立法会综合大楼参观，开展“爱国爱港主题教育”活动。本次活动得到了全国人大代表、香港立法会议员陈勇先生及工作人员的大力支持。',
+		date: '2025-07-18'
 	},
-	// {
-	// 	id:3,
-	// 	title: '国际集团参加香港中企协保龄球邀请赛',
-	// 	content: '为进一步加强与驻港中资企业交流，丰富员工文体生活，国际集团积极响应香港中企协的号召，组队参与3月29日在香港启德体育园举办的“‘龄’动精彩，球艺飞扬”中企保龄球邀请赛。国际集团代表队队员们全程投入，奋力拼搏',
-	// 	date: '2025-04-01 10:30:00'
-	// },
 	// {
 	// 	id:4,
 	// 	title: '国际集团举办《哪吒2》主题观影活动',
@@ -218,78 +218,78 @@ const newsList = ref([
 const groupList = ref([
 	{
 		id: 1,
-		name: '中烟国际(香港)',
+		name: '中烟香港',
 		nameEnglish: 'China Tobacco International (Hong Kong)',
 	},
 	{
 		id: 2,
-		name: '天泽烟草',
-		nameEnglish: 'Tianze Tobacco',
+		name: '天泽公司',
+		nameEnglish: 'Tianze Company',
 	},
 	{
 		id: 3,
-		name: '中烟国际巴西',
+		name: '中烟巴西',
 		nameEnglish: 'China Tobacco International Brazil',
 	},
 	{
 		id: 4,
-		name: '中烟国际(北美)',
+		name: '中烟北美',
 		nameEnglish: 'China Tobacco International (North America)',
 	},
 	{
 		id: 5,
-		name: '中烟国际阿根廷',
+		name: '中烟阿根廷',
 		nameEnglish: 'China Tobacco International Argentina',
 	},
 	{
 		id: 6,
-		name: '中烟国际(中东)',
+		name: '中烟中东',
 		nameEnglish: 'China Tobacco International (Middle East)',
 	},
 	{
 		id: 7,
-		name: '中烟英美国际',
+		name: '中烟英美',
 		nameEnglish: 'China Tobacco British American International',
 	},
 	{
 		id: 8,
-		name: '中烟菲莫国际',
+		name: '中烟菲莫',
 		nameEnglish: 'China Tobacco Philip Morris International',
 	},
-	{
-		id: 9,
-		name: '中烟国际(香港)制造',
-		nameEnglish: 'China Tobacco International (Hong Kong) Manufacturing',
-	},
+	// {
+	// 	id: 9,
+	// 	name: '中烟香港制造',
+	// 	nameEnglish: 'China Tobacco International (Hong Kong) Manufacturing',
+	// },
 	{
 		id: 10,
-		name: '中烟国际(澳门)制造',
-		nameEnglish: 'China Tobacco International (Macau) Manufacturing',
+		name: '澳门金叶',
+		nameEnglish: 'Macao Jinye',
 	},
 	{
 		id: 11,
-		name: '中烟国际(老挝)制造',
-		nameEnglish: 'China Tobacco International (Laos) Manufacturing',
+		name: '老挝红塔',
+		nameEnglish: 'Laos Hongta',
 	},
 	{
 		id: 12,
-		name: '中烟国际(柬埔寨)制造',
-		nameEnglish: 'China Tobacco International (Cambodia) Manufacturing',
-	},
-	{
-		id: 13,
-		name: '中烟国际(罗马尼亚)制造',
-		nameEnglish: 'China Tobacco International (Romania) Manufacturing',
+		name: '柬埔寨威尼顿',
+		nameEnglish: 'Cambodia Wellington',
 	},
+	// {
+	// 	id: 13,
+	// 	name: '中烟罗马尼亚制造',
+	// 	nameEnglish: 'China Tobacco International (Romania) Manufacturing',
+	// },
 	{
 		id: 14,
-		name: '中烟国际(瑞士)',
-		nameEnglish: 'China Tobacco International (Switzerland)',
+		name: '红塔瑞士',
+		nameEnglish: 'Hongta Switzerland',
 	},
 	{
 		id: 15,
-		name: '中烟国际(欧洲)',
-		nameEnglish: 'China Tobacco International (Europe)',
+		name: '红塔瑞士罗马尼亚',
+		nameEnglish: 'Hongta Switzerland Romania',
 	},
 ])
 const route = useRouter();
@@ -354,8 +354,8 @@ onBeforeUnmount(() => {
 		<div class="news-section">
 			<div class="newsTitle" v-if="isMobile">{{ $t('message.t3') }}</div>
 			<div>
-				<img src="../assets/images/newIndex/news.jpg" alt="" style="width: 100%; height: 100%;"
-					@click="goDetail(4)">
+				<img src="../assets/images/newIndex/80zhounian.jpg" alt="" style="width: 100%; height: 100%;"
+					@click="goDetail(2)">
 			</div>
 			<div class="news-content">
 				<div class="newsTitle" v-if="!isMobile">{{ $t('message.t3') }}</div>
@@ -738,7 +738,7 @@ onBeforeUnmount(() => {
 	width: 70%;
 	display: flex;
 	justify-content: space-between;
-	height: 46.6rem;
+	height: 37rem;
 	margin-top: 6rem;
 	flex: 1;
 
@@ -747,7 +747,10 @@ onBeforeUnmount(() => {
 		display: flex;
 		flex: 1;
 		margin-top: 6rem;
-		height: 46.6rem;
+		height: 37rem !important;
+		/* 增加 !important 确保优先级 */
+		max-height: 37rem;
+		/* 限制最大高度 */
 
 	}
 
@@ -782,6 +785,7 @@ onBeforeUnmount(() => {
 
 	>div:nth-child(1) {
 		width: 57%;
+
 		@media screen and (min-width: 1024px) {
 			width: 57%;
 		}
@@ -798,6 +802,7 @@ onBeforeUnmount(() => {
 
 	>div:nth-child(2) {
 		width: 38%;
+
 		@media screen and (min-width: 1024px) {
 			width: 38%;
 		}
@@ -862,17 +867,17 @@ onBeforeUnmount(() => {
 		cursor: pointer;
 		position: relative;
 		width: 100%;
-		padding-bottom: 0.9rem;
+		// padding-bottom: 0.9rem;
 		border-bottom: 1px solid #e9e9e9;
-		margin-top: 2rem;
+		margin-top: 1rem;
 		font-size: 1.6rem;
 
 		@media screen and (min-width: 1024px) {
 			position: relative;
 			width: 100%;
-			padding-bottom: 0.9rem;
+			// padding-bottom: 0.9rem;
 			border-bottom: 1px solid #e9e9e9;
-			margin-top: 2rem;
+			margin-top: 1rem;
 			font-size: 1.6rem;
 		}
 
@@ -889,12 +894,12 @@ onBeforeUnmount(() => {
 	.news-item-title {
 		color: #555;
 		font-size: 1.1rem;
-		line-height: 1.6;
-		height: 3.8rem;
+		line-height: 1.3;
+		height: 3.3rem;
 
 		@media screen and (max-width: 767px) {
 			font-size: 1.6rem;
-			height: 5.8rem;
+			height: 4.8rem;
 
 		}
 	}
@@ -904,8 +909,8 @@ onBeforeUnmount(() => {
 		// margin: 10px 0px 5px 0px;
 		// 只显示3行剩下用...代替
 		display: -webkit-box;
-		-webkit-line-clamp: 3;
-		line-clamp: 3;
+		-webkit-line-clamp: 2;
+		line-clamp: 2;
 		-webkit-box-orient: vertical;
 		overflow: hidden;
 		text-overflow: ellipsis;
@@ -921,7 +926,8 @@ onBeforeUnmount(() => {
 
 	.news-item-date {
 		font-size: 1rem;
-			color: #999;
+		color: #999;
+
 		@media screen and (min-width: 1024px) {
 			font-size: 1rem;
 			color: #999;
@@ -1009,33 +1015,57 @@ onBeforeUnmount(() => {
 	margin-top: 0.8rem;
 	display: flex;
 	flex-wrap: wrap;
-	justify-content: space-between;
+	justify-content: flex-start; /* 改为从左开始排列 */
 	text-align: center;
+	gap: 1.5rem; /* 减小间距以适应更多元素 */
 
-	@media screen and (min-width: 1024px) {
+	@media screen and (min-width: 768px) and (max-width: 1024px){
 		margin-top: 0.8rem;
 		display: flex;
 		flex-wrap: wrap;
-		justify-content: space-between;
+		justify-content: flex-start; /* 桌面端也从左开始排列 */
+		text-align: center;
+		gap: 2.2rem; /* 桌面端减小间距 */
+	}
+	@media screen and (min-width: 1024px){
+		margin-top: 0.8rem;
+		display: flex;
+		flex-wrap: wrap;
+		justify-content: flex-start; /* 桌面端也从左开始排列 */
+		text-align: center;
+		gap: 1.4rem; /* 桌面端减小间距 */
+	}
+	@media screen and (max-width: 768px) {
+		margin-top: 0.8rem;
+		display: flex;
+		flex-wrap: wrap;
+		justify-content: flex-start; /* 桌面端也从左开始排列 */
 		text-align: center;
+		gap: 0rem; /* 桌面端减小间距 */
 	}
+	
+	
 }
 
 .group-item {
-	// @media screen and (min-width: 1024px) {
-	width: 17.5%;
-	margin: 1rem 0rem;
-	padding: 0.65rem 0.4rem;
+	width: calc(18% - 0.4rem); /* 桌面端每行5个，更精确的计算 */
+	padding: 0.5rem 0.3rem; /* 减小内边距以适应更多元素 */
 	border: 1px solid #e9e9e9;
 	border-radius: 8px;
 	background-color: white;
 	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
 	color: #F7B334;
 	font-size: 1.1rem;
+	cursor: pointer;
+	transition: transform 0.2s ease;
+
+	&:hover {
+		transform: translateY(-2px);
+		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
+	}
 
 	@media screen and (max-width: 767px) {
-		width: 30%;
-		margin: 0.5rem auto;
+		// width: calc(30% - 0.5rem); /* 移动端每行3个 */
 		padding: 0.65rem 0.4rem;
 		border: 1px solid #e9e9e9;
 		border-radius: 8px;
@@ -1043,14 +1073,23 @@ onBeforeUnmount(() => {
 		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
 		color: #F7B334;
 		font-size: 1.2rem;
+		margin: 0.5rem;
+		width: 45%;
+	}
 
+	@media screen and (min-width: 768px) and (max-width: 1024px) {
+		width: calc(28% - 0.6rem); 
+		padding: 0.6rem 0.35rem;
+		font-size: 1.0rem;
+		margin:1rem;
 	}
 
 	>div:nth-child(1) {
 		margin-top: 1.3rem;
-			font-size: 1.2rem;
-			// font-weight: 550;
-			border-bottom: 3px;
+		font-size: 1.2rem;
+		// font-weight: 550;
+		border-bottom: 3px;
+
 		@media screen and (min-width: 1024px) {
 			margin-top: 1.3rem;
 			font-size: 1.2rem;

src/views/JoinUs.vue

@@ -32,7 +32,7 @@ const handleGoBack = (val) => {
                 <div class="index-page">
                     <div class="page-header-sub">
                         <!-- <img src="../assets/images/zp.png" alt=""> -->
-                         <img src="../assets/images/rczp.png" alt="" srcset="">
+                         <img src="../assets/images/jtgk.jpg" alt="" srcset="">
                     </div>
                 </div>
                 <div class="join-content" v-if="!isShowDetail">

src/views/MainBusiness.vue

@@ -9,7 +9,7 @@ import Layout from '../components/common/Layout.vue';
                 <div class="index-page" style="width: 100%">
                     <div class="page-header-sub">
                         <!-- <img src="../assets/images/business.png" alt=""> -->
-                         <img src="../assets/images/zyyw.png" alt="">
+                         <img src="../assets/images/jtgk.jpg" alt="">
                     </div>
                 </div>
                 <div class="contactContainer1">
@@ -24,7 +24,7 @@ import Layout from '../components/common/Layout.vue';
                             <div>
                                 <img src="../assets/images/call.png" alt="">
                                 <div>
-                                    +86 10 8888 7777
+                                    +852 XXXX XXXX
                                 </div>
                                 <div>
                                     <div>{{ $t('message.ywzx2') }}</div>
@@ -33,7 +33,7 @@ import Layout from '../components/common/Layout.vue';
                             <div>
                                 <img src="../assets/images/call.png" alt="">
                                 <div>
-                                    +86 10 8888 7777
+                                    +852 XXXX XXXX
                                 </div>
                                 <div>
                                     <div>{{ $t('message.ywzx1') }}</div>

src/views/SubGroup.vue

@@ -84,7 +84,7 @@ onMounted(() => {
             <div class="subGroupBox">
                 <div class="subGroupContainer">
                     <div class="page-header-sub">
-                        <img src="../assets/images/group.png" alt="">
+                        <img src="../assets/images/jtgk.jpg" alt="">
                     </div>
                     <div class="back" @click="goBack">
                         <img src="../assets/images/back.png" alt="">
@@ -111,11 +111,13 @@ onMounted(() => {
     width: 100%;
 
 }
-
+.subGroupContainer{
+    margin-top:10rem;
+}
 .subGroupContent {
     width: 100%;
     height: 44.7rem;
-    display: flex;
+    /* display: flex;  */
     margin-top: 10rem;
 
 }

src/views/components/myNavigation.vue

@@ -61,17 +61,21 @@ const handleClickOutside = (e) => {
       <div v-if="showNav" class="quick-nav-popup" ref="navPopupRef">
          <div class="guide-body">
             <div class="guide-section">
-              <h4>消费者</h4>
+              <!-- <h4>消费者</h4> -->
               <div class="guide-links">
-                <div class="guide-link" @click="navigateTo('/solution')">集团概况</div>
-                <div class="guide-link" @click="navigateTo('/ContactInformation')">联系方式</div>
+                <div class="guide-link" @click="navigateTo('/overview')">集团概况</div>
+                <!-- <div class="guide-link" @click="navigateTo('/ContactInformation')">联系方式</div> -->
+                 <div class="guide-link" @click="navigateTo('/news')">新闻动态</div>
+                <div class="guide-link" @click="navigateTo('/MainBusiness')">主营业务</div>
               </div>
             </div>
             <div class="guide-section">
-              <h4>合作者</h4>
+              <!-- <h4>合作者</h4> -->
               <div class="guide-links">
-                <div class="guide-link" @click="navigateTo('/MainBusiness')">主营业务</div>
-                <div class="guide-link" @click="navigateTo('/JoinUs')">人才招聘</div>
+                <!-- <div class="guide-link" @click="navigateTo('/MainBusiness')">主营业务</div> -->
+                  <div class="guide-link" @click="navigateTo('/JoinUs')">人才招聘</div>
+                 <div class="guide-link" @click="navigateTo('/ContactInformation')">联系方式</div> 
+               
               </div>
             </div>
           </div>
@@ -93,11 +97,11 @@ const handleClickOutside = (e) => {
   left: 50%;
   top: 100%;
   transform: translateX(-50%);
-  min-width: 22rem;
+  min-width: 25rem;
   background: #fff;
   box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.12);
   border-radius: 0.6rem;
-  padding: 1.5rem 0 1rem 0;
+  /* padding: 1.5rem 0 1rem 0; */
   display: flex;
   flex-direction: column;
   /* animation: popupIn 0.18s; */
@@ -216,6 +220,10 @@ const handleClickOutside = (e) => {
 .guide-body {
   padding: 1.5rem;
   background: linear-gradient(135deg, #fefefe 0%, #f8f9fa 100%);
+  >div:nth-child(2) {
+    border-top:0.1rem solid #F7B334;
+    padding-top:1rem;
+  }
 }
 
 .guide-section {

src/views/news.vue

@@ -5,47 +5,71 @@ import { useRouter } from 'vue-router'
 
 // 模拟新闻数据（后期可替换为接口调用）
 const list = ref([
+    {
+        id: 2,
+        date: '2025-08-27',
+        title: '国际集团组织参观纪念抗战胜利80周年展览',
+        desc: '2025年8月26日下午，中烟国际集团有限公司组织全体员工前往香港会展中心，参观由香港大公文汇传媒集团主办的“为了中华民族伟大复兴——纪念中国人民抗日战争暨世界反法西斯战争胜利80周年大型巡回展览”，展览以丰富的图片、文字、影像及展品为载体，生动呈现中国人民艰苦卓绝的抗战历程，旨在引导香港市民铭记历史、缅怀先烈、珍爱和平。通过历史资料与实物的展示，观众能够深刻感受到中华民族在民族危亡时刻不屈不挠的精神力量。',
+    },
+    {
+        id: 9,
+        date: '2025-08-18',
+        title: '国际集团开展“中企关爱进社区”义工活动',
+        desc: '近日，国际集团与香港荃湾各界协会联合开展“中企关爱进社区”义工活动，向荃湾地区困难基层家庭进行探访慰问并送上冷暖风扇和空气净化一体机。在荃湾各界协会工作人员的配合下，国际集团义工成员完成物资搬运及送递上门服务，并与基层社区居民亲切交流，了解生活困难和实际需求。荃湾各界协会负责人对国际集团长期以来对基层社区的关心支持表示衷心感谢，希望未来能与国际集团保持紧密合作，共同为香港基层居民办实事、解难题。',
+    },
+    {
+        id: 10,
+        date: '2025-07-18',
+        title: '国际集团组织员工参观香港立法会活动',
+        desc: '2025年7月15日，国际集团组织员工赴香港立法会综合大楼参观，开展“爱国爱港主题教育”活动。本次活动得到了全国人大代表、香港立法会议员陈勇先生及工作人员的大力支持。通过专业人员讲解，大家系统了解立法会的宪制职责、议事程序及“一国两制”框架下维护国家主权、服务香港民生的运作机制，加深了对香港法治建设与民主进程的认识，进一步增强了爱国爱港情怀。大家一致表示，将以此次学习为契机，把奉献精神和工匠精神融入日常工作，积极投身社会服务，为香港的繁荣稳定贡献力量。 ',
+    },
+    {
+        id: 11,
+        date: '2025-07-10',
+        title: '国际集团获得香港个人资料私隐专员公署颁发的2025私隐之友嘉许金奖',
+        desc: '2025年7月10日，在香港个人资料私隐专员公署举办的“2025私隐之友嘉许奖”颁奖典礼上，国际集团获得“2025私隐之友嘉许金奖”。香港个人资料私隐专员公署是由香港政制及内地事务局下辖的独立法定机构，负责监管香港地区网络数据安全和个人信息保护相关法律执行。其每两年举办一次“私隐之友嘉许奖”评选活动，旨在表彰在网络数据安全和个人信息保护方面工作成绩突出的在港机构。',
+    },
     {
         id: 1,
         date: '2025-06-27',
         title: '国际集团组织员工参观沙头角禁区及香港回归纪念塔活动',
-        desc: '2025年6月27日，为庆祝香港回归祖国暨香港特别行政区成立二十八周年，国际集团组织全体员工赴新界沙头角禁区开展专题参观学习。队伍依次参观“沙头角之角”石碑，远眺中英街界碑及“一街两制”警戒线，随后考察沙头角口岸旅检大楼旧址，系统了解边境管理沿革与深港合作历程；',
+        desc: '2025年6月27日，为庆祝香港回归祖国暨香港特别行政区成立二十八周年，国际集团组织全体员工赴新界沙头角禁区开展专题参观学习。队伍依次参观“沙头角之角”石碑，远眺中英街界碑及“一街两制”警戒线，随后考察沙头角口岸旅检大楼旧址，系统了解边境管理沿革与深港合作历程；其后登上高32.4米的香港回归纪念塔，重温1997年回归盛典，深刻领会“一国两制”伟大实践的历史意义和时代价值。',
     },
     {
-        id: 2,
-        date: '2025-04-15',
-        title: '国际集团召开2025年一季度经济运行分析会',
-        desc: '4月15日，中烟国际集团有限公司召开一季度经济运行分析会，传达国家局、总公司经济运行分析会精神，分析研究国际集团一季度经济运行情况，安排部署下一步重点工作',
+        id: 12,
+        date: '2025-06-05',
+        title: '国际集团组织开展《民法典》不动产专题法律培训',
+        desc: '为深入贯彻落实中央“八五”普法规划要求，扎实推进《民法典》学习宣传工作，国际集团于2025年6月5日下午组织开展了《民法典》不动产法律法规专题培训。本次培训采用线上线下相结合的方式，系统讲解民法典中与不动产相关的核心法律规定。本次培训立足法治烟草建设要求，以提升员工法治素养为核心目标，围绕2025年民法典宣传月“美好生活·民法典相伴”的主题，将民法典物权编、合同编、婚姻家庭编等核心内容与不动产交易实践深度融合。通过“以案释法”的普法方式，系统阐释不动产物权登记、居住权等法律制度，重点解析交易结构设计、违约救济等实务难点，使参训人员既掌握法律条文要义，又提升实务操作能力。  ',
     },
     {
         id: 3,
-        date: '2025-03-29',
+        date: '2025-04-01',
         title: '国际集团参加香港中企协保龄球邀请赛',
-        desc: '为进一步加强与驻港中资企业交流，丰富员工文体生活，国际集团积极响应香港中企协的号召，组队参与3月29日在香港启德体育园举办的“‘龄’动精彩，球艺飞扬”中企保龄球邀请赛。国际集团代表队队员们全程投入，奋力拼搏，经过近半天的激烈比赛，最终在79支参赛队伍中取得第34',
+        desc: '为进一步加强与驻港中资企业交流，丰富员工文体生活，国际集团积极响应香港中企协的号召，组队参与3月29日在香港启德体育园举办的“‘龄’动精彩，球艺飞扬”中企保龄球邀请赛。国际集团代表队队员们全程投入，奋力拼搏，经过近半天的激烈',
     },
     {
         id: 4,
-        date: '2025-02-16',
+        date: '2025-03-10',
         title: '国际集团举办《哪吒2》主题观影活动',
-        desc: '2025年2月26日，国际集团组织员工及家属集体观看国产动画《哪吒2》。影片以传统神话为根基，通过前沿数字技术与东方美学叙事的深度融合，以哪吒“逆天改命”的成长史诗，生动诠释了中华文明“自强不息”的精神内核。',
-    },
-    {
-        id: 5,
-        date: '2025-02-13',
-        title: '凝心聚力迎新春 砥砺奋进启新程——国际集团举行2025年春茗暨开工仪式',
-        desc: '新岁伊始，万象更新。根据上级有关文件精神指引，为传承中华传统文化，凝聚团队力量，国际集团于2月13日举行春茗暨开工仪式。',
+        desc: '2025年2月26日，国际集团组织员工及家属集体观看国产动画《哪吒2》。影片以传统神话为根基，通过前沿数字技术与东方美学叙事的深度融合，以哪吒“逆天改命”的成长史诗，生动诠释了中华文明“自强不息”的精神内核。多名员工表示，这场视听盛宴不仅让传统文化“活起来”，更让文化自信“强起来”——既为中华文明“守正创新”的基因所震撼，也为身为文化传承者深感自豪。',
     },
+    // {
+    //     id: 5,
+    //     date: '2025-02-13',
+    //     title: '凝心聚力迎新春 砥砺奋进启新程——国际集团举行2025年春茗暨开工仪式',
+    //     desc: '新岁伊始，万象更新。根据上级有关文件精神指引，为传承中华传统文化，凝聚团队力量，国际集团于2月13日举行春茗暨开工仪式。',
+    // },
     {
         id: 6,
-        date: '2025-01-21',
+        date: '2025-01-23',
         title: '国际集团开展“春节送温暖”义工活动',
-        desc: '1月21日，国际集团在香港中国企业协会的大力支持下，与荃湾各界协会、荃湾义工团和中国太平义工队联合开展“中企关爱进社区 春节送温暖”义工活动。',
+        desc: '1月21日，国际集团在香港中国企业协会的大力支持下，与荃湾各界协会、荃湾义工团和中国太平义工队联合开展“中企关爱进社区 春节送温暖”义工活动。国际集团董事长、总经理邵岩及其他领导班子成员，荃湾区议员陈晓津、华美玲，香港中国企业协会本地事务部总监许伟等嘉宾出席活动，国际集团、荃湾各界协会、荃湾义工团、中国太平义工队代表近50人参加活动，向荃湾地区困难基层家庭入户派送冷暖风扇和空气净化一体机和送上春节的美好祝愿，以实际行动履行中资企业的社会责任，传递国际集团对香港基层市民的亲切关怀。',
     },
     {
-        id: 7,
-        date: '2025-01-20',
-        title: '中烟国际集团有限公司召开2025年度工作会议传达学习2025年全国烟草工作会议精神',
-        desc: '1月20日，中烟国际集团有限公司在香港召开2025年度工作会议，认真学习贯彻2025年全国烟草工作会议精神，总结2024年工作，分析当前国际形势和内部调整，部署2025年工作任务。中烟国际集团有限公司党组书记、董事长、总经理邵岩作工作报告',
+        id: 13,
+        date: '2025-01-07',
+        title: '国际集团参加香港中企协第九届运动会勇夺佳绩',
+        desc: '近日，国际集团参加了由香港中国企业协会举办的第九届运动会，勇夺男子高管组400米季军、十人十一足项目季军和拔河项目的第五名，在60支参赛队伍中名列前茅，创历史最佳成绩。在两天的激烈比拼中，国际集团运动员们勇于拼搏、奋力争先，在竞技和趣味项目均展现更快、更高、更强、更团结的体育精神；场下啦啦队员们挥舞着彩旗和加油棒，全情投入为运动健儿加油鼓劲，呐喊助威声此起彼落，不绝于耳，充分展现国际集团员工良好的精神面貌，增加了员工之间的凝聚力和向心力。',
     },
 
 
@@ -79,7 +103,7 @@ onMounted(() => {
             <div class="index-page">
                 <div class="page-header-sub">
                     <!-- <img src="../assets/images/news.png" alt="news banner" class="responsive-img" /> -->
-                     <img src="../assets/images/xwdt.png" alt="" srcset="">
+                     <img src="../assets/images/jtgk.jpg" alt="" srcset="">
                 </div>
             </div>
 

src/views/newsDetail.vue

@@ -55,7 +55,7 @@ onMounted(() => {
                                     <br />纪念塔活动
                                 </template>
                                 <template v-else-if="id == 2">
-                                    国际集团召开2025年一季度经济运行分析会
+                                    国际集团组织参观纪念抗战胜利80周年展览
                                 </template>
                                 <template v-else-if="id == 3">
                                     国际集团参加香港中企协保龄球邀请赛
@@ -63,8 +63,11 @@ onMounted(() => {
                                 <template v-else-if="id == 4">
                                     国际集团举办《哪吒2》主题观影活动
                                 </template>
-                                <template v-else-if="id == 5">
-                                    凝心聚力迎新春 砥砺奋进启新程<br />——国际集团举行2025年春茗暨开工仪式
+                                <template v-else-if="id == 9">
+                                    国际集团开展“中企关爱进社区”义工活动
+                                </template>
+                                 <template v-else-if="id == 10">
+                                    国际集团组织员工参观香港立法会活动
                                 </template>
                                 <template v-else-if="id == 6">
                                     国际集团开展"春节送温暖"义工活动
@@ -72,17 +75,32 @@ onMounted(() => {
                                 <template v-else-if="id == 7">
                                     中烟国际集团有限公司召开<br />2025年度工作会议<br />传达学习2025年全国烟草工作会议精神
                                 </template>
+                                <template v-else-if="id == 11">
+                                    国际集团获得香港个人资料私隐专员公署颁发的2025私隐之友嘉许金奖
+                                </template>
+                                <template v-else-if="id == 12">
+                                    国际集团组织开展《民法典》不动产专题法律培训
+                                </template>
+                                <template v-else-if="id == 13">
+                                    国际集团参加香港中企协第九届运动会勇夺佳绩
+                                </template>
+                                
                             </span>
                         </slot>
                     </div>
                     <div class="detailDate">
                         <template v-if="id == 1">2025-06-27</template>
-                        <template v-else-if="id == 2">2025-04-15</template>
-                        <template v-else-if="id == 3">2025-03-29</template>
-                        <template v-else-if="id == 4">2025-02-16</template>
+                        <template v-else-if="id == 2">2025-08-27</template>
+                        <template v-else-if="id == 3">2025-04-01</template>
+                        <template v-else-if="id == 4">2025-03-10</template>
                         <template v-else-if="id == 5">2025-02-13</template>
-                        <template v-else-if="id == 6">2025-01-21</template>
+                        <template v-else-if="id == 6">2025-01-23</template>
                         <template v-else-if="id == 7">2025-01-20</template>
+                        <template v-else-if="id == 9">2025-08-18</template>
+                        <template v-else-if="id == 10">2025-07-18</template>
+                        <template v-else-if="id == 11">2025-07-10</template>
+                        <template v-else-if="id == 12">2025-06-05</template>
+                         <template v-else-if="id == 13">2025-01-07</template>
                     </div>
                     <div v-if="id == 1">
                         <div class="newspic">
@@ -96,16 +114,22 @@ onMounted(() => {
                         </div>
                     </div>
                     <div v-if="id == 2">
+                         <div class="newspic">
+                            <img src="../assets/images/newIndex/80zhounian.jpg" alt="">
+                        </div>
                         <div class="detailContent"
                             :style="{ fontSize: fontSizeMap[fontSizeLevel], lineHeight: lineHeightMap[fontSizeLevel] }">
                             <div>
-                                4月15日，中烟国际集团有限公司召开一季度经济运行分析会，传达国家局、总公司经济运行分析会精神，分析研究国际集团一季度经济运行情况，安排部署下一步重点工作。
+                                2025年8月26日下午，中烟国际集团有限公司组织全体员工前往香港会展中心，参观由香港大公文汇传媒集团主办的“为了中华民族伟大复兴——纪念中国人民抗日战争暨世界反法西斯战争胜利80周年大型巡回展览”。
                             </div>
                             <div>
-                                国际集团党组书记、总经理邵岩同志指出，一季度国际集团经济运行总体平稳，但也要清醒认识当前存在的问题和面临的严峻形势，各单位要全力以赴抓好二季度以及2025年的各项工作，"提档位、出真招、见实效"，聚焦关键目标，狠抓重点任务，确保圆满完成全年主要经济目标和重点工作任务。
+                                展览以丰富的图片、文字、影像及展品为载体，生动呈现中国人民艰苦卓绝的抗战历程，旨在引导香港市民铭记历史、缅怀先烈、珍爱和平。通过历史资料与实物的展示，观众能够深刻感受到中华民族在民族危亡时刻不屈不挠的精神力量。
                             </div>
                             <div>
-                                国际集团内设机构各部室、各所属企业主要负责人，中国烟草国际有限公司有关部室负责人参加会议。
+                                在参观过程中，我司员工认真聆听讲解、驻足观看展板与影像，深受教育与启发。大家一致表示，此次参观不仅加深了对抗战历史的认识，也进一步激发了爱国情怀与使命担当。
+                            </div>
+                            <div>
+                                我司将以此次活动为契机，弘扬伟大抗战精神，激励全体员工在本职岗位上砥砺奋进，为推动公司高质量发展与中华民族伟大复兴贡献力量。
                             </div>
                         </div>
                     </div>
@@ -205,6 +229,98 @@ onMounted(() => {
                             </div>
                         </div>
                     </div>
+                     <div v-if="id == 9">
+                         <div class="detailContent"
+                            :style="{ fontSize: fontSizeMap[fontSizeLevel], lineHeight: lineHeightMap[fontSizeLevel] }">
+                            <div>
+                               近日，国际集团与香港荃湾各界协会联合开展“中企关爱进社区”义工活动，向荃湾地区困难基层家庭进行探访慰问并送上冷暖风扇和空气净化一体机。 
+                            </div>
+                        </div>
+                        <div class="newspic">
+                            <img src="../assets/images/newsPic/guanaishequ.png" alt="">
+                        </div>
+                        <div class="detailContent"
+                            :style="{ fontSize: fontSizeMap[fontSizeLevel], lineHeight: lineHeightMap[fontSizeLevel] }">
+                            <div>
+                                在荃湾各界协会工作人员的配合下，国际集团义工成员完成物资搬运及送递上门服务，并与基层社区居民亲切交流，了解生活困难和实际需求。荃湾各界协会负责人对国际集团长期以来对基层社区的关心支持表示衷心感谢，希望未来能与国际集团保持紧密合作，共同为香港基层居民办实事、解难题。
+                            </div>
+                        </div>
+                        <div class="newspic1">
+                            <img src="../assets/images/newsPic/guanaishequ1.png" alt="">
+                        </div>
+                        <div class="detailContent"
+                            :style="{ fontSize: fontSizeMap[fontSizeLevel], lineHeight: lineHeightMap[fontSizeLevel] }">
+                            <div>
+                               近年来，国际集团积极履行驻港中资企业社会责任，始终坚持深耕香港、建设香港、服务香港。下一步，将继续深化与荃湾各界协会的交流合作，以社区关爱活动为纽带，凝聚各方力量，深入社区一线，聚焦基层需求，传递中企温度，为香港基层居民办实事、做好事，以实际行动助力香港经济发展、民生改善。
+                            </div>
+                        </div>
+                    </div>
+                     <div v-if="id == 10">
+                        <div class="newspic">
+                            <img src="../assets/images/newsPic/lifa.png" alt="">
+                        </div>
+                        <div class="detailContent"
+                            :style="{ fontSize: fontSizeMap[fontSizeLevel], lineHeight: lineHeightMap[fontSizeLevel] }">
+                            <div>
+                               2025年7月15日，国际集团组织员工赴香港立法会综合大楼参观，开展“爱国爱港主题教育”活动。本次活动得到了全国人大代表、香港立法会议员陈勇先生及工作人员的大力支持。
+                            </div>
+                            <div>
+                                通过专业人员讲解，大家系统了解立法会的宪制职责、议事程序及“一国两制”框架下维护国家主权、服务香港民生的运作机制，加深了对香港法治建设与民主进程的认识，进一步增强了爱国爱港情怀。大家一致表示，将以此次学习为契机，把奉献精神和工匠精神融入日常工作，积极投身社会服务，为香港的繁荣稳定贡献力量。 
+                            </div>
+                        </div>
+                    </div>
+                    <div v-if="id == 11">
+                        <div class="newspic" style="margin-bottom: 0.5rem;">
+                            <img src="../assets/images/newsPic/jiang.png" alt="">
+                        </div>
+                        <div style="font-size: 0.9rem; text-align: center; ">
+                            香港个人资料私隐专员公署专员钟丽玲（左一）、香港物业管理业监管局主席黄江天（右一）为中烟国际集团有限公司颁奖
+                        </div>
+                        <div class="newspic">
+                            <img src="../assets/images/newsPic/jiang1.png" alt="">
+                        </div>
+                        <div class="detailContent"
+                            :style="{ fontSize: fontSizeMap[fontSizeLevel], lineHeight: lineHeightMap[fontSizeLevel] }">
+                            <div>
+                               2025年7月10日，在香港个人资料私隐专员公署举办的“2025私隐之友嘉许奖”颁奖典礼上，国际集团获得“2025私隐之友嘉许金奖”。
+                            </div>
+                            <div>
+                                香港个人资料私隐专员公署是由香港政制及内地事务局下辖的独立法定机构，负责监管香港地区网络数据安全和个人信息保护相关法律执行。其每两年举办一次“私隐之友嘉许奖”评选活动，旨在表彰在网络数据安全和个人信息保护方面工作成绩突出的在港机构。 
+                            </div>
+                        </div>
+                    </div>
+                     <div v-if="id == 12">
+                        <div class="newspic">
+                            <img src="../assets/images/newsPic/fadian.png" alt="">
+                        </div>
+                        <div class="detailContent"
+                            :style="{ fontSize: fontSizeMap[fontSizeLevel], lineHeight: lineHeightMap[fontSizeLevel] }">
+                            <div>
+                               为深入贯彻落实中央“八五”普法规划要求，扎实推进《民法典》学习宣传工作，国际集团于2025年6月5日下午组织开展了《民法典》不动产法律法规专题培训。本次培训采用线上线下相结合的方式，系统讲解民法典中与不动产相关的核心法律规定。 
+                            </div>
+                            <div>
+                                本次培训立足法治烟草建设要求，以提升员工法治素养为核心目标，围绕2025年民法典宣传月“美好生活·民法典相伴”的主题，将民法典物权编、合同编、婚姻家庭编等核心内容与不动产交易实践深度融合。通过“以案释法”的普法方式，系统阐释不动产物权登记、居住权等法律制度，重点解析交易结构设计、违约救济等实务难点，使参训人员既掌握法律条文要义，又提升实务操作能力。 
+                            </div>
+                            <div>
+                                参训员工表示通过此次培训，既加深了对《民法典》相关规定的理解，又提升了运用法律知识防范风险的实际能力，将以此次培训为契机，持续深化对《民法典》的理解运用，将法治思维贯穿业务操作全过程，为企业法治建设贡献力量。
+                            </div>
+                        </div>
+                    </div>
+                     <div v-if="id == 13">
+                        
+                        <div class="detailContent"
+                            :style="{ fontSize: fontSizeMap[fontSizeLevel], lineHeight: lineHeightMap[fontSizeLevel] }">
+                            <div>
+                               近日，国际集团参加了由香港中国企业协会举办的第九届运动会，勇夺男子高管组400米季军、十人十一足项目季军和拔河项目的第五名，在60支参赛队伍中名列前茅，创历史最佳成绩。
+                            </div>
+                            <div>
+                                在两天的激烈比拼中，国际集团运动员们勇于拼搏、奋力争先，在竞技和趣味项目均展现更快、更高、更强、更团结的体育精神；场下啦啦队员们挥舞着彩旗和加油棒，全情投入为运动健儿加油鼓劲，呐喊助威声此起彼落，不绝于耳，充分展现国际集团员工良好的精神面貌，增加了员工之间的凝聚力和向心力。
+                            </div>
+                        </div>
+                         <div class="newspic">
+                            <img src="../assets/images/newsPic/yundonghui.png" alt="">
+                        </div>
+                    </div>
                 </div>
             </div>
         </Layout>
@@ -304,6 +420,7 @@ onMounted(() => {
     margin: 2rem auto;
     display: flex;
     justify-content: center;
+    
 
     >img {
         height: 100%;
@@ -356,7 +473,7 @@ onMounted(() => {
 .back {
     position: fixed;
     left: 16.5%;
-    top: 9.9rem;
+    top: 9.1rem;
     display: flex;
     justify-content: space-between;
     align-items: center;
@@ -375,5 +492,11 @@ onMounted(() => {
         height: 2rem;
         cursor: pointer;
     }
+    @media screen and (min-width: 768px) and (max-width: 1024px){
+		 top: 8.3rem;
+	}
+    @media screen and (max-width: 767px) {
+		top: 8rem;
+	}
 }
 </style>

tobacco/index.html

@@ -11,8 +11,8 @@
     <!-- webconfig.js 已移除，API地址直接配置在 http.js 中 -->
     <title>中烟国际集团</title>
     <link rel="stylesheet" href="//at.alicdn.com/t/font_2143783_iq6z4ey5vu.css">
-    <script type="module" crossorigin src="./assets/js/index.0215bb16.js"></script>
-    <link rel="stylesheet" href="./assets/css/index.349bc78d.css">
+    <script type="module" crossorigin src="./assets/js/index.4e898f2a.js"></script>
+    <link rel="stylesheet" href="./assets/css/index.e7867fc6.css">
   </head>
   <body>
     <div id="app"></div>