/* 全局样式：给页面所有元素统一设置默认样式 */
			* {
			  margin: 0; /* 清除所有元素默认的外边距 */
			  padding: 0; /* 清除所有元素默认的内边距 */
			  box-sizing: border-box; /* 让宽高包含边框和内边距，布局更稳定 */
			  text-decoration: none; /* 去掉所有链接的下划线 */
			  color: inherit; /* 文字颜色继承父元素，不自己乱变 */
			  list-style: none; /* 去掉列表前面的小圆点 */
			  font-family: Roboto, Open Sans, sans-serif; /* 统一字体 */
			  line-height: 1.5; /* 文字行间距 1.5 倍，看着更舒服 */
			}
			
			
			
			/* 正文段落样式 */
			.txt {
			  text-indent: 2em; /* 首行缩进 2 个字符（中文段落常用） */
			  color: #333; /* 文字深灰色，不刺眼 */
			}
			
			/* 空白占位高度 */
			.height{
			  height: 20px; /* 占 20px 高度，用来做上下间距 */
			}
			
			/* 导航栏外层盒子 */
			.nav-box {
			  width: 100%; /* 宽度占满整个屏幕 */
			  background: #333; /* 背景深灰色 */
			}
			
			/* 导航栏内容区 */
			.navbar {
			  width: 1000px; /* 固定宽度 1000 像素 */
			  height: 100px; /* 高度 100 像素 */
			  margin: 0 auto; /* 水平居中 */
			  display: flex; /* 弹性布局，让子元素横着排 */
			  align-items: center; /* 垂直居中 */
			  justify-content: space-between; /* 左右两端分开：左边logo，右边菜单 */
			}
			
			/* 导航菜单容器 */
			.nav-menu {
			  display: flex; /* 菜单项横向排列 */
			  gap: 36px; /* 每个菜单之间间隔 36px */
			  font-weight: bold; /* 文字加粗 */
			}
			
			/* 导航里的链接文字 */
			.nav-menu a {
			  color: #fff; /* 白色 */
			  font-size: 18px; /* 字号 18px */
			  transition: 0.3s; /* hover 变化时 0.3秒平滑过渡 */
			}
			
			/* 鼠标放到导航链接上的效果 */
			.nav-menu a:hover {
			  opacity: 0.7; /* 半透明 */
			  color: #ff0000; /* 变成红色 */
			  transform: translateY(-2px); /* 向上轻微浮动 2px */
			}
			
			/* 页面主体内容容器 */
			.container {
			  width: 1000px; /* 宽度固定 1000px */
			  margin: 40px auto; /* 上下留 40px 间距，水平居中 */
			}
			
			.left {
			  width: 450; /* 固定宽度 */
			  padding: 20px;
			}
			
			.right {
			  flex: 1; /* 自动占满剩余空间 */
			  padding: 20px;
			}
			
			/* 板块标题（比如：新闻中心、产品展示） */
			.title {
			  font-size: 22px; /* 字号 22px */
			  margin-bottom: 16px; /* 下边距 16px */
			  padding-bottom: 8px; /* 内边距下 8px */
			  border-bottom: 1px solid #eee; /* 底部一条浅灰色横线 */
			}
			
			/* 新闻列表 */
			.news-list {
			  gap: 14px; /* 列表项之间间距 14px */
			}
			
			/* 新闻列表里的链接 */
			.news-list a {
			  color: #333; /* 深灰文字 */
			  font-size: 16px; /* 字号 16px */
			  transition: 0.3s; /* 平滑动画 */
			}
			
			/* 鼠标放新闻链接上 */
			.news-list a:hover {
			  opacity: 0.7;
			  color: #ff0000; /* 变红 */
			  transform: translateY(-2px); /* 上浮 */
			}

			/* 新闻列表每一行 */
			.news-list li {
			  height: 38px;
			  line-height: 38px;
			  display: flex;
			  justify-content: space-between;
			  border-bottom: 1px dashed #eee;
			  font-size: 16px;
			  color: #333;
			}
			
			
			/* 产品展示布局 */
			.product-list {
			  display: grid; /* 网格布局 */
			  grid-template-columns: repeat(3, 1fr); /* 一行放 3 个产品，等分宽度 */
			  gap: 20px; /* 产品之间间距 20px */
			  margin-bottom: 60px; /* 底部留 60px 空白 */
			}
			
			/* 产品图片 */
			.product-item img {
			  border: 1px solid #eee; /* 浅灰色边框 */
			  width: 80%; /* 宽度占父盒子 80% */
			  aspect-ratio: 4/3; /* 宽高比 4:3 */
			  object-fit: cover; /* 图片不变形，自动裁剪 */
			  border-radius: 4px; /* 轻微圆角 */
			  transition: 0.3s; /* 动画 */
			}
			
			/* 鼠标放产品图上 */
			.product-item img:hover {
			  transform: scale(1.05); /* 放大 1.05 倍 */
			}
			
			/* 产品名称文字 */
			.product-item p {
			  text-align: center; /* 居中 */
			  margin-top: 10px;
			  font-size: 16px;
			  transition: 0.3s;
			}
			
			/* 产品文字 hover 效果 */
			.product-item p:hover {
			  color: #ff0000; /* 变红 */
			  font-weight: bold; /* 加粗 */
			}
			

			
			/* 底部 footer 样式 */
			.footer {
			  background: #333; /* 深灰背景 */
			  padding: 30px 0; /* 上下内边距 30px */
			  margin-top: 50px; /* 上边距 50px */
			  text-align: center; /* 文字居中 */
			  color: #fff; /* 白色文字 */
			  border-top: 1px solid #ddd; /* 顶部浅灰线 */
			}
				
			/* 底部信息文字行 */
			.footer-info p {
			  margin: 8px 0; /* 上下 8px 间距 */
			  line-height: 1.6; /* 行高 1.6 */
			}