/* 全局基础样式 */
body {
  font-family: Roboto, HarmonyOSSans, Microsoft Yahei, Arial, sans-serif;
  color: #333;
  font-size: 18px;
  line-height: 28px;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  background-color: #E8EFFF;
}

/* 核心颜色 */
.fc-primary-pale  { color: #ebf5ff; }
.fc-primary-light { color: #CEE0FF; }
.fc-primary       { color: #0052d9; }
.fc-primary-dark  { color: #161e30; }

.bg-primary-pale  { background-color: #E8EFFF; }
.bg-primary-light { background-color: #CEE0FF; }
.bg-primary       { background-color: #0052d9; }
.bg-primary-dark  { background-color: #161e30; }
.bg-gradient-gray { background: linear-gradient(180deg, #e5e6eb 0%, #EBEBEB 100%); }

.tit{font-family: SourceHanSerifCN-Bold;}
.empty-tip {text-align: center;color: #666;}/* 空数据/加载失败提示样式 */	
h2{position:relative; font-family: SourceHanSerifCN-Bold; background: url(../img/bgtit1.png) no-repeat center;}
h2::before{content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:200px; height:1px;background:var(--before-color, #DDDDDD);}
h2::after{content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:70px;height:3px;background:var(--after-color, #ff6600);}
	
a:hover {color: #0052d9;font-weight: bold;transition: color 0.2s ease;}			
a.link-dark-bg {color:#CEE0FF;}
a.link-dark-bg:hover{color:#ebf5ff;}
.link-dark-bg a{color:#CEE0FF;}
.link-dark-bg a:hover{color:#ebf5ff;}

.img-radius img { border-radius: 8px; }

.layui-layer-iframe,
.layui-layer-iframe .layui-layer-content iframe,
.layui-layer-iframe .layui-icon { border-radius: 10px; }


	/* 次导航 */
	.nav-sub {position: fixed; top: 0 ; left: 0; right: 0; z-index: 999;}	
	.nav-sub-blue {height: 30px; background: #0052d9; color: #fff; font-size: 13px; line-height: 30px;}
	.nav-sub-blue .layui-container {display: flex; justify-content: flex-end; gap: 25px;}
	.nav-sub-blue a { color: #fff; text-decoration: none; }
					
	.nav-sub-white {background: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); padding: 15px 0;}
	.nav-sub-white img { height: 45px;width: auto;transition: all 0.3s ease;}
	.nav-sub-white .layui-nav {background: transparent; padding: 0; border-radius: 2px;}
	.nav-sub-white .layui-nav li a{color: #0052d9; font-size: 18px; font-weight: bold;}
	.nav-sub-white .layui-nav li a:hover{color: #FF7A45;}
	
	.nav-sub-white .layui-container { display: flex; align-items: center; justify-content: space-between; }
	.nav-sub-white .layui-nav .layui-nav-item {line-height: 40px;}
	.nav-sub-white .layui-nav .layui-nav-more {right:7px; font-size: 8px;}
		
	.nav-sub-white .layui-nav .layui-this:after,
	.nav-sub-white .layui-nav-bar {height: 2px; background-color: #FF7A45;}

	.nav-sub-white .layui-nav-child {padding: 8px 0; border: 0; border-radius: 10px; line-height: 1.75; top:60px;}
	.nav-sub-white .layui-nav-child a{color: #0052d9; font-weight: normal !important;}
	.nav-sub-white .layui-nav-child a:hover{color: #ffffff !important; background-color: #0052d9;}

	/* 移动端按钮 */
	.nav-mob-btn { background: none; color: #0052d9; border: none; font-size: 26px; transition: color 0.3s; cursor: pointer; }	
	.nav-mob-btn i { font-family: layui-icon !important; font-style: normal; font-size: 45px; }
	
	/* 弹层z-index 值 */
	.layui-layer { z-index: 888 !important;}
	.layui-layer-shade{ z-index: 777 !important;}
	/* .layui-layer-setwin .layui-layer-close2 { position: absolute; right: 0; top: 0; color: #fff; background-color: #FE8B18; padding: 0; border: 3px solid; width: 40px; height: 40px; line-height: 35px; font-size: 25px; font-weight: bolder; border-radius: 50%; margin-left: 0; }*/
	
	/*按钮宽度*/
	.layui-layer-btn{
		background-color: #ffffff;;
	}
	.layui-layer-btn a{
		width: 80%;
		margin: 0;
		background-color:#EEEEEE ;
		border:1px #EEEEEE solid !important;
		color:#666666;
		font-weight: bold;
		height: 25px;
	}
		
	/* 移动端侧边菜单 */
	.mob-nav-box {color: #fff; background-color: #0052d9; z-index: 9999 !important;}
	.mob-nav-box h3 { text-align: left; padding-bottom: 15px; border-bottom: 2px solid rgba(255,255,250.2); margin-bottom: 15px; }
	.mob-nav-box .layui-collapse{border-width: 0 !important;}




 /* 二级栏目列表容器样式 */
.secondCata {
	list-style: none; /* 去掉默认列表圆点 */
	width: 100%; /* 与一级栏目宽度保持一致 */
	margin-bottom: 20px; /* 多个二级列表之间的间距 */
}

/* 二级栏目列表项核心样式 - 科技简约蓝色系 */
.secondCata li {
	/* 基础尺寸与排版（保留原有适配逻辑） */
	height: 50px; 
	line-height: 50px; 
	font-size: 20px; 
	text-align: center; 
	padding: 0 20px; 
	/* 科技感浅蓝渐变：浅灰蓝→淡天蓝，更贴合科技简约 */
	background: linear-gradient(135deg, #f0f7ff, #e6f0ff);
	border: 1px solid #b3d1ff; /* 浅蓝边框，弱化存在感 */
	transition: all 0.3s ease;
	cursor: pointer; 
}
/* 文字主色：科技蓝，沉稳不刺眼 */
.secondCata li a{ color: #0066cc;}

/* 鼠标经过时的样式：加深蓝色渐变，增强交互 */
.secondCata li:hover {
	font-weight: bold;
	/* hover渐变：浅天蓝→淡青蓝，轻微加深 */
	background: linear-gradient(135deg, #e6f0ff, #d1e4ff);
	border-color: #80b3ff; /* 边框同步加深 */
	transform: scale(1.02); 
	box-shadow: 0 4px 8px rgba(128, 179, 255, 0.2);/* 低饱和度阴影，更简约 */
}
.secondCata li a:hover{ color: #0066cc;}

/* 二级栏目选中状态样式 - 科技蓝主视觉 */
.secondCata li.secondCata-active {
	font-weight: bold;
	/* 选中渐变：中蓝→深海蓝，科技感突出 */
	background: linear-gradient(135deg, #1a8cff, #0052d9);
	border-color: #0059b3; /* 深海蓝边框，强化选中感 */
	transform: scale(1.02);
	box-shadow: 0 4px 8px rgba(0, 89, 179, 0.3);/* 深色阴影，提升层次 */
}	
.secondCata li.secondCata-active a {color: #ffffff;font-weight: bold;}


#container-list .single-page {
	line-height: 40px;
}

#container-list .single-page img{
	border-radius: 10px;
	width: 80%;
	margin-top: 20px;
	margin-bottom: 20px;
}


.img-list{
	background-color: #ebf5ff; 
}

.img-list:hover{
	background-color: #0052d9; 
	color:#ffffff;
}






/* 响应式导航尺寸（完全保留所有分辨率适配） */
	@media (max-width: 3840px) {
	  .nav-sub-white img {height: 50px !important;}
	  .nav-sub-white .layui-nav li a{font-size: 20px !important;}
	}
	@media (max-width: 1920px) {
	  .nav-sub-white img {height: 47px !important;}
	  .nav-sub-white .layui-nav li a{font-size: 18px !important;}
	}
	@media (max-width: 1600px) {
	  .nav-sub-white img {height: 43px !important;}
	  .nav-sub-white .layui-nav li a{font-size: 16px !important;}
	}
	@media (max-width: 1440px) {
	  .nav-sub-white img {height: 43px !important;}
	  .nav-sub-white .layui-nav li a{font-size: 16px !important;}
	}
	@media (max-width: 1366px) {
	  .nav-sub-white img {height: 40px !important;}
	  .nav-sub-white .layui-nav li a{font-size: 14px !important;}
	}
	@media (max-width: 1280px) {
	  .nav-sub-white img {height: 35px !important;}
	  .nav-sub-white .layui-nav li a{font-size: 14px !important;}
	}
	@media (max-width: 1170px) {
	  .nav-sub-white img {height: 32px !important;}
	  .nav-sub-white .layui-nav li a{font-size: 12px !important;}	   
	}
	@media (max-width: 1045px) {
	  .nav-sub-white img {height: 30px !important;}
	  .nav-sub-white .layui-nav li a{font-size: 12px !important;} 
	}
	@media (max-width: 991px) {
	.nav-sub-white img {height: 40px !important;}
	
	.banner-title{margin-top: 75px;font-size: 23px;line-height: 120px;}
		
	.container-box{margin-left: 0;}
	
	
	
	
	 
	 .layui-layer-iframe,
	 .layui-layer-iframe .layui-layer-content iframe,
	 .layui-layer-iframe .layui-icon {border-radius: 0;}
	 
	}