@layer utilities {
	.content-auto {
		content-visibility: auto;
	}
	.text-gradient {
		background-clip: text;
		-webkit-background-clip: text;
		color: transparent;
		background-image: linear-gradient(to right, #0F52BA, #00A896);
	}
	.bg-gradient-primary {
		background: linear-gradient(135deg, #0F52BA 0%, #165DFF 100%);
	}
	.bg-gradient-accent {
		background: linear-gradient(135deg, #00A896 0%, #059669 100%);
	}
	.tab-active {
		border-color: #0F52BA !important;
		color: #0F52BA !important;
		font-weight: 600 !important;
	}
	.animate-fadeIn {
		animation: fadeIn 0.5s ease-in-out;
	}
	@keyframes fadeIn {
		from { opacity: 0; transform: translateY(10px); }
		to { opacity: 1; transform: translateY(0); }
	}
	.scale-hover {
		transition: transform 0.3s ease, box-shadow 0.3s ease;
	}
	.scale-hover:hover {
		transform: translateY(-5px);
	}
}
.container{max-width:1280px}
.dropdown:hover .dropdown-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}


/* 外层容器：主边框 + 整体布局 */
    .nav-wrapper {
      border-bottom: 1px solid #E5E7EB;
      width: 100%;
	  padding:10px 0;
      background: #fff;
    }
    /* 主容器：PC端flex布局实现左右对齐，移动端纵向布局 */
    .nav-container {
      width: 100%;
      max-width: 1320px; /* PC端最大宽度 */
      margin: 0 auto;
      padding: 0 16px;
      display: flex;
      align-items: center;
      justify-content: space-between; /* PC端核心：左右两端对齐 */
    }
    /* 主标题区域：全端左对齐 */
    .nav-main-title {
      padding: 12px 0;
      font-size: 18px;
      color: #333;
      border-bottom: none; /* PC端无分隔线 */
      flex-shrink: 0; /* 防止被挤压 */
    }
    /* 二级导航容器：PC端右对齐，移动端滑动 */
    .nav-sub-wrap {
      position: relative;
      padding: 8px 0;
      flex-shrink: 0; /* PC端不收缩 */
      /* 移动端滑动核心属性 */
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
    }
    /* 隐藏滚动条（Chrome/Safari） */
    .nav-sub-wrap::-webkit-scrollbar {
      display: none;
    }
    /* 二级导航列表：PC端右对齐，移动端横向排列 */
    .nav-sub-list {
      display: flex;
      align-items: center;
      gap: 8px; /* 导航项间距 */
      white-space: nowrap; /* 禁止换行 */
      padding-bottom: 4px; /* 移动端避免滚动贴边 */
    }
    /* 二级导航项样式 */
    .nav-sub-item {
      position: relative;
      color: var(--text-normal);
      font-size: 14px;
      padding: 8px 16px;
      transition: color 0.2s ease;
      cursor: pointer;
      text-decoration: none;
    }
    /* 激活态：文字高亮 + 底部粗线 */
    .nav-sub-item.active {
      color: #2861a6;
      font-weight: 500;
    }
    .nav-sub-item.active::after {
      content: '';
      position: absolute;
      bottom: -8px; /* 移动端对齐 */
      left: 50%;
      transform: translateX(-50%);
      width: 24px;
      height: 3px;
      background-color:#2861a6;
      border-radius: 2px;
    }
    /* 悬停态：文字变色（PC端） */
    .nav-sub-item:not(.active):hover {
      color: var(--text-active);
    }

    /* ========== 响应式适配核心 ========== */
    /* 移动端（<768px）：纵向布局 + 主标题固定 + 二级滑动 */
    @media (max-width: 767px) {
      .nav-container {
        flex-direction: column; /* 纵向布局 */
        align-items: flex-start !important; /* 主标题左对齐 */
        justify-content: flex-start !important; /* 取消两端对齐 */
      }
      .nav-main-title {
        width: 100%;
        padding: 10px 0;
        font-size: 16px;
        border-bottom: 1px solid #f5f5f5; /* 移动端分隔线 */
      }
      .nav-sub-wrap {
        width: 100%; /* 占满宽度，实现滑动 */
      }
      .nav-sub-item {
        font-size: 13px;
        padding: 8px 14px;
      }
      .nav-sub-item.active::after {
        bottom: -4px; /* 移动端下划线位置微调 */
        width: 20px;
        height: 2px;
      }
    }

    /* PC端（≥768px）：二级栏目右对齐 + 下划线适配 */
    @media (min-width: 768px) {
      .nav-sub-wrap {
        overflow-x: visible !important; /* PC端取消滚动 */
        padding: 0;
      }
      .nav-sub-item {
        padding: 12px 16px;
      }
      .nav-sub-item.active::after {
        bottom: -1px; /* PC端对齐底部边框 */
      }
    }
	
	
.content_news {line-height: 1.5; font-size:1.25rem; color:#333;}
.content_news img{ max-width:100%;}
.contain .con img{max-width:100%;margin:15px 0;}
.content_news p{text-indent:2em; margin-bottom:15px;}
.content_news div{ margin:15px 0px;}
.content_news td{padding:5px;border-left: 1px solid #666; border-bottom:1px solid #666; text-align:center; }
.content_news th{padding:5px;border-left: 1px solid #666; border-bottom:1px solid #666; text-align:center; background-color:#c8daf2; }
.content_news td p,.content_news th p{ text-indent:0em; margin-bottom:0px;}
.content_news table {border-collapse:separate;border-spacing:0;width:100%; margin-bottom:18px;border-top: 1px solid #666; border-right:1px solid #666;}
.content_news a{ color:#ff0000;}
