body, html, .main-wrapper { margin: 0; padding: 0; min-height: 100vh; font-family: 'Microsoft YaHei', Arial, sans-serif; background: #fff; /* 中间部分背景颜色 */}
      .main-header { box-shadow: 0 2px 8px #0001; display: flex; flex-direction: column; align-items: stretch; padding: 0; }
      .logo-title { display: flex; align-items: center; padding: 8px 32px 8px 32px; background: #F67106; }
	  .logo-title {
		  position: fixed; /* 固定定位 */
		  top: 0; /* 固定在页面顶部 */
		  width: 100%; /* 宽度与页面一致 */
		  z-index: 1000; /* 确保在其他内容之上 */
		  height: 70px; /* 增加高度 */
		  padding: 1px 32px; /* 调整内边距 */
		  display: flex;
		  align-items: center; /* 垂直居中对齐 */
		  justify-content: flex-start; /* 水平起始对齐 */
		  /*background: #c30d23;*/ /* 背景颜色 */
          background: #F67106;
		}
		


      .site-logo { width: 56px; height: 56px; border-radius: 12px; background: #F67106; object-fit: cover; margin-right: 16px; }
      .site-title { display: flex; flex-direction: column; }
      .site-cn { font-size: 1.3rem; font-weight: bold; letter-spacing: 2px; color: #fff; }
      .site-en { font-size: 0.9rem; color: #fff; margin-top: 2px; }
      .main-nav { background: #fff; display: flex; align-items: center; min-height: 56px; box-shadow: 0 2px 8px #0001; padding: 0 32px; }
	  
		.main-nav {
		  position: fixed; /* 固定定位 */
		  top: 70px; /* 更新top值，假设`.logo-title`高度为64px */
		  width: 100%; /* 宽度与页面一致 */
		  z-index: 1000; /* 确保在其他内容之上 */
		  background: #fff; /* 背景颜色 */
		  min-height: 56px; /* 最小高度 */
		  display: flex;
		  align-items: center; /* 垂直居中对齐 */
		  padding: 0 32px; /* 内边距 */
		  box-sizing: border-box; /* 确保内边距不会增加总宽度 */
		}
      .nav-list { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; flex: 1; align-items: center; }
      .nav-item { position: relative; padding: 0 14px; cursor: pointer; font-size: 0.75rem; color: #222; height: 56px; display: flex; align-items: center; font-weight: 500; transition: background 0.2s; }
      .nav-item:hover > .nav-submenu { display: block; }
      .nav-item:hover { background: #f5f5f5; }

      .nav-submenu { display: none; position: absolute; left: 0; top: 100%; background: #fff; color: #a00; min-width: 120px; box-shadow: 0 2px 8px #0002; z-index: 10; border-radius: 0 0 8px 8px; }
      .nav-submenu > li { padding: 10px 18px; white-space: nowrap; color: #222; font-size: 0.95em; }
      .nav-submenu > li:hover { background: #f5f5f5; }
	  .nav-submenu a {
		  color: #222; /* 设置链接的字体颜色为原来的颜色 */
		  text-decoration: none; /* 去除下划线 */
		  display: block; /* 使链接块级显示，方便设置内边距 */
		  padding: 0px 0px; /* 设置内边距 */
		  white-space: nowrap; /* 防止文字换行 */
		}

		.nav-submenu a:hover {
		  background: #f5f5f5; /* 鼠标悬停时的背景颜色 */
		  color: #222; /* 鼠标悬停时的字体颜色 */
		}
      .contact-btn { background: #F67106; color: #222; border: none; border-radius: 0; padding: 0 14px; font-size: 0.75rem; font-weight: 500; height: 56px; margin: 0; cursor: pointer; transition: background 0.2s; display: flex; align-items: center; box-shadow: none; border-left: 1px solid #eee; }
      .contact-btn:hover { background: #f5f5f5; color: #F67106; }
      .main-content { padding: 0; }
	  .main-content {
		padding-top: 140px; /* 更新padding-top值，假设`.logo-title`高度为64px，`.main-nav`高度为56px */
		padding-bottom: 0; /* 确保底部没有多余的空间 */
		margin-bottom: 0; /* 确保底部没有多余的边距 */
		
		}
    iframe {
      width: 100%;
	  /* height:300px;  */
      display: block; /* 确保没有额外的边距 */
    }

      .hero-section { display: flex; flex-direction: row; align-items: center; justify-content: center; background: #fff; margin: 32px auto 0 auto; border-radius: 16px; box-shadow: 0 2px 16px #0001; max-width: 900px; min-height: 220px; }
      .hero-img { width: 220px; height: 220px; object-fit: cover; border-radius: 16px 0 0 16px; background: #eee; }
      .hero-text { flex: 1; padding: 32px; display: flex; flex-direction: column; align-items: flex-start; }
      .hero-text h1 { font-size: 2rem; color: #F67106; margin-bottom: 18px; }
      /* .main-footer { background: #fafbfc; color: #222; padding: 32px 0 0 0; margin-top: 48px; height:300px;}*/
	  .main-footer { background: #fafbfc; color: #222; padding: 32px 0 0 0;}
	  
      .footer-nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 32px; padding: 0 32px; background: #fafbfc; }
      /* .footer-col { min-width: 120px; margin-bottom: 16px; }*/
	  .footer-col { min-width: 120px; }
      /* .footer-title { font-weight: bold; margin-bottom: 8px; font-size: 0.75rem; color: #222; }*/
	  .footer-title { font-weight: bold; font-size: 0.75rem; color: #222; }
      .footer-list { list-style: none; padding: 0; margin: 0; }
      /* .footer-list > li { font-size: 0.75rem; color: #222; margin-bottom: 4px; }*/
	  .footer-list > li { font-size: 0.75rem; color: #222;}
      .footer-list > li > ul { margin-left: 12px; }
      /* .footer-bottom { text-align: center; color: #888; font-size: 0.75rem; border-top: none; padding: 16px 0 8px 0; margin-top: 16px; background: #fafbfc; }*/
	  .footer-bottom { text-align: center; color: #888; font-size: 0.75rem; border-top: none; padding: 16px 0 8px 0; background: #fafbfc; }
      .footer-en { margin-left: 12px; color: #888; font-size: 0.75rem; }
	  
	  
	  
      @media (max-width: 800px) {
        .logo-title, .footer-nav { flex-direction: column; align-items: flex-start; padding: 12px; }
        .main-nav { flex-direction: column; padding: 0 8px; }
        .nav-list { flex-direction: column; padding: 0; }
        .hero-section { flex-direction: column; max-width: 98vw; }
        .hero-img { width: 100%; height: 160px; border-radius: 16px 16px 0 0; }
        .hero-text { padding: 18px; align-items: center; }
        .contact-btn { width: 100%; }
      }
      @media (max-width: 500px) {
        .logo-title { padding: 8px 8px 4px 8px; }
        .main-footer { padding: 18px 0 0 0; }
        .footer-nav { gap: 12px; padding: 0 8px; }

      }
      /* 添加的CSS代码 */
      .top-banner-img {
        display: block; /* 使图片成为块级元素 */
        margin: 0 auto; /* 水平居中对齐 */
        max-width: 100%; /* 确保图片不会超出其容器的宽度 */
        height: auto; /* 保持图片的宽高比例 */
        width: auto; /* 保持图片的原始宽度 */
      }
	  .section-title {
		text-align: center; /* 水平居中对齐 */
		font-size: 32px; /* 设置字体大小为32号 */
		margin: 0; /* 可选：移除默认的外边距 */
	}
	.service-grid {
  display: grid;
  grid-template-columns: repeat(2, 0.66fr); /* 每列宽度为原来的三分之二 */
  grid-gap: 16px; /* 间距 */
  margin: 16px 0; /* 上下外边距 */
  width: 66%; /* 容器宽度为原来的三分之二 */
  margin-left: auto; /* 水平居中 */
  margin-right: auto; /* 水平居中 */
}

.service-card {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 16px;
  text-decoration: none;
  color: #222;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: box-shadow 0.3s ease;
}

.service-card:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.service-icon {
  font-size: 2rem;
  margin-bottom: 8px;
}

.service-title {
  font-size: 1rem;
  font-weight: bold;
  text-align: left;
  margin-bottom: 8px;
}

.service-desc {
  font-size: 0.6rem;
  text-align: left;
  margin-bottom: 16px;
}
.blank-space {
  height: 1em; /* 每个空白行的高度 */
  margin: 0.5em 0; /* 每个空白行的上下外边距 */
}

    /*
      社区风采.
    */

    /*
      活动公告.
    */
.notice-section {
  display: flex; /* 使用flex布局 */
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
  width: 100%; /* 宽度为100% */
  max-width: 600px; /* 最大宽度为800px */
  margin: 20px auto; /* 上下20px，左右自动 */
  padding: 0 20px; /* 左右内边距 */
}

.section-container {
  display: flex; /* 使用flex布局 */
  align-items: center; /* 垂直方向上居中对齐 */
  width: 100%; /* 宽度为100% */
}

.section-content {
  flex: 2; /* 左侧内容占1份 */
  text-align: left; /* 文字左对齐 */
  padding-right: 40px; /* 右侧内边距 */
}

.section-title {
  font-size: 24px; /* 标题字体大小 */
  margin-bottom: 10px; /* 标题与按钮之间的间距 */
}

 .contact-btn {
  display: flex; /* 使用flex布局 */
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
  width: 100px;
  height: 10px;
  margin: 0 auto; /* 按钮居中 */
  padding: 10px; /* 内边距 */
  background-color: #F67106; /* 按钮背景颜色 */
  color: white; /* 按钮文字颜色 */
  text-decoration: none; /* 去除下划线 */
  border-radius: 20px; /* 按钮圆角 */
  font-size: 18px; /* 按钮字体大小 */
  margin-bottom: 20px; /* 按钮与列表之间的间距 */
}

.contact-btndh {
 background: #eee;
 color: #222; /* 设置链接的字体颜色为原来的颜色 */
  text-decoration: none; /* 去除下划线 */
  border: none;
  border-radius: 0;
  padding: 0 14px; /* 减小内边距 */
  font-size: 0.75rem;
  font-weight: 500;
  height: 56px;
  margin: 0;
  cursor: pointer;
  transition: background 0.2s, color 0.2s; /* 添加颜色过渡效果 */
  display: flex;
  align-items: center;
  box-shadow: none;
  border-left: 1px solid #eee;
  white-space: nowrap; /* 防止文字换行 */
  overflow: hidden; /* 隐藏超出部分 */
  text-overflow: ellipsis; /* 显示省略号 */
}
.contact-btndh a {
  text-decoration: none; /* 去除下划线 */
  color: inherit; /* 继承按钮的字体颜色 */
  display: block; /* 使链接块级显示 */
}
.contact-btndh:hover {
  background: #fff; /* 鼠标悬停时背景颜色为白色 */
  color: #F67106; /* 鼠标悬停时文字颜色为红色 */
}




.section-list {
  flex: 3; /* 右侧内容占3份 */
  text-align: left; /* 文字左对齐 */
  padding-left: 20px; /* 增大左侧内边距，以匹配.section-content的右边距 */
}

.notice-list {
  list-style-type: none; /* 去除列表项前的标记 */
  padding: 0; /* 去除内边距 */
  margin: 0; /* 去除外边距 */
}

.notice-list li {
  margin-bottom: 20px; /* 列表项之间的间距 */
  font-size: 16px; /* 列表项字体大小 */
}





/*
      政策快讯.
	  
    */

.policy-section {
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
  flex-direction: column; /* 子元素垂直排列 */
  margin: 20px 0; /* 上下外边距 */
}

.policy-table {
  width: 100%; /* 表格宽度为100% */
  max-width: 800px; /* 最大宽度为800px */
  border-collapse: collapse; /* 折叠边框 */
  border: 1px solid #ddd; /* 边框颜色和粗细 */
  border-radius: 8px; /* 圆角边框 */
  margin: 0 auto; /* 左右自动外边距 */
}

.policy-table tbody tr {
  background-color: #fff; /* 行背景颜色 */
}

.policy-table td {
  border: 1px solid #ddd; /* 单元格边框颜色和粗细 */
  padding: 8px; /* 单元格内边距 */
  text-align: center; /* 文本居中 */
}

.policy-table a {
  text-decoration: none; /* 去除链接下划线 */
  color: #222; /* 链接颜色 */
}


/*
      横幅.
    */
.enjoy-section {
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
  flex-direction: column; /* 子元素垂直排列 */
  margin: 20px 0; /* 上下外边距 */
}

.joy-banner {
  display: flex; /* 使用flex布局 */
  justify-content: space-between; /* 子元素两端对齐 */
  align-items: center; /* 垂直居中 */
  background-color: #F67106; /* 背景颜色 */
  color: white; /* 文字颜色 */
  padding: 20px; /* 内边距 */
  border-radius: 20px; /* 圆角边框 */
  width: 100%; /* 宽度为100% */
  max-width: 600px; /* 最大宽度为600px */
  margin: 0 auto; /* 上下0外边距，左右自动外边距 */
}

.enjoy-text {
  font-size: 24px; /* 字体大小 */
}

.joy-contact-btn {
  background-color: white; /* 背景颜色 */
  color: #414141; /* 文字颜色 */
  padding: 10px 20px; /* 内边距 */
  border-radius: 15px; /* 圆角边框 */
  text-decoration: none; /* 去除下划线 */
  font-size: 16px; /* 字体大小 */
}


/*
      下方导航栏的字体恢复.
    */

.footer-list > li > a {
  text-decoration: none; /* 移除下划线 */
  color: #222; /* 设置链接颜色为原来的颜色 */
}

.footer-list > li > a:hover {
  color: #F67106; /* 悬停时的链接颜色 */
}

.main-footer .footer-list > li > a {
  text-decoration: none !important; /* 移除下划线 */
  color: #222 !important; /* 设置链接颜色为原来的颜色 */
}

.main-footer .footer-list > li > a:hover {
  color: #F67106 !important; /* 悬停时的链接颜色 */
}




/*其他页*/



/* 修改导航栏的“公司简介”背景颜色和文字颜色 */
.nav-item-act {
  background-color: #eee; 
  color: #222; 
  font-size: 0.75rem; /* 保持与其他导航项一致的字体大小 */
  height: 56px; /* 保持与其他导航项一致的高度 */
  display: flex;
  align-items: center;
  padding: 0 14px;
}

/* 修改导航栏的“公司简介”悬停背景颜色和文字颜色 */
.nav-item-act:hover {
  background: #f5f5f5; /* 悬停时背景颜色 */
  color: #F67106; /* 悬停时文字颜色 */
}

/* 修改导航栏的子菜单显示 */
.nav-item-act:hover > .nav-submenu {
  display: block;
}

.nav-item-act a {
  text-decoration: none !important; /* 去除下划线 */
  color: #222 !important; /* 设置链接颜色为灰色 */
}

.nav-item a {
  text-decoration: none !important; /* 去除下划线 */
  color: #222 !important; /* 设置链接颜色为灰色 */
}

/* 
      中间区域.
    */
/* 添加隐藏表格的样式 */
.hidden-table {
  width: 100%;
  border-collapse: collapse;
}

.hidden-table td {
  border: none;
  padding: 0;
}

 .content-container {
  display: flex;
  width: 100%;
  padding: 20px;
  background: #fff;
}

 /*附页左侧竖边*/
.sidebar-column {
  width: 134px;
  background: #FB9B4B;
  color: #fff;
  padding: 20px;
  height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  box-sizing: border-box;
}



.sidebar-nav {
  list-style: none;
  padding: 10px 0 0 0;
  margin: 0;
  text-align: center;
}

.sidebar-nav li {
  margin-bottom: 10px;
}

.sidebar-link {
  color: #fff;
  text-decoration: none;
  font-size: 0.75rem;
  display: block;
  padding: 5px 0;
  text-align: center;
}

.sidebar-link:hover {
  background: #f5f5f5;
  color: #414141;
}

.content-column {
  flex: 1;
  padding: 20px;
  background: #fff;

}

.content-section {
  display: none;
  width: 1000px;
}

#aa { /* 默认显示第一个内容 */
  display: block;
}




/*
      中间右侧图片显示.
    */