/* 全局样式：给页面所有元素统一设置默认样式 */
			* {
			  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: 2.0; /* 文字行间距 2.0倍，看着更舒服 */
			}

			
			/* 空白占位高度 */
			.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 间距，水平居中 */
			}
			
			/* 页面主体内容区 */
			.txt2 {
			  width: 1000; /* 固定宽度 1000px 像素 */
			  padding: 10px; /* 上下内边距 10px */
			  margin-top: 10px; /* 上边距 10px */
			  border: 1px solid #eee; /* 浅灰色边框 */
			}
			

			/* 正文段落样式 */
			.text-content {
			  padding: 5px;
			  line-height: 2.0;
			  text-indent: 2em;
			  margin: 30px 0;
			  font-size: 16px;
			  color: #333;
			}



			/* 正文段落样式 */
			.text-content1 {
			 padding: 20px;
			 line-height: 2.0;        /* 行间距 2.0倍 */
			 margin-top: 30px;        /* 上方空白 30px */
			 margin-bottom: 30px;    /* 下方空白 30px */
			}

			/* 正文段落样式 */
			.text-content2 {
			 text-align: center;      /* 文字居中 */
			 line-height: 2.0;        /* 行间距 2.0倍 */
			 margin-top: 30px;        /* 上方空白 30px */
			 margin-bottom: 30px;    /* 下方空白 30px */
			}
			
			
			/* 板块标题（比如：新闻中心、产品展示） */
			.title {
			  font-size: 22px; /* 字号 22px */
			  margin-bottom: 16px; /* 下边距 16px */
			  padding-bottom: 8px; /* 内边距下 8px */
			  border-bottom: 1px solid #eee; /* 底部一条浅灰色横线 */
			}
			
			/* 段落标题（产品展示内页标题） */
			.ray-box {
			  height: 80px;                /* 高度 80px */
			  color: #333;                 /* 白色文字 */
			  font-size: 30px;              /* 字体大小 30px */
			  font-weight: bold;            /* 文字加粗 */
			  text-align: center;           /* 文字水平居中 */
			  line-height: 80px;           /* 让文字垂直居中（关键） */
			}

			/* 段落标题（产品展示内页标题） */
			.gray-box {
			  background-color: #666;        /* 灰色背景 */
			  height: 80px;                /* 高度 80px */
			  color: white;                 /* 白色文字 */
			  font-size: 30px;              /* 字体大小 30px */
			  font-weight: bold;            /* 文字加粗 */
			  text-align: center;           /* 文字水平居中 */
			  line-height: 80px;           /* 让文字垂直居中（关键） */
			}

			
			/* 新闻列表 */
			.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: 15px;
			 font-size: 16px;
			}
			
			/* 产品文字 hover 效果 */
			.product-item p:hover {
			 color: #ff0000; /* 变红 */
			}
			
			
						/* 图片容器：一行3个 + 间距20px */
						.img-box {
						  display: flex;
						  flex-wrap: wrap;
						  gap: 20px;        /* 图片之间间距 20px */
						  width: 940px;     /* 3个200px + 2个20px间距 = 刚好一行3张 */
						  margin: 20px auto;
						}
						
						/* 单个图片卡片：虚线边框 */
						.item {
						  width: 300px;
						  border: 1px dashed #666; /* 1px虚线边框 */
						  text-align: center;      /* 文字居中 */
						  box-sizing: border-box;
						}
						
						/* 图片：宽度填满 */
						.item img {
						  width: 70%;
						  align="center"
						  display: block;
						}
						
						/* 文字 */
						.text {
						  padding: 6px 0;
						}

			
			/* 底部 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 */
			}