@charset "utf-8";
/* ==========================================================================
   首页样式（Figma 节点 67:231「1..首页」，1920×4052）
   区块顺序（按设计稿 y 坐标）：
     头部 0-180 / 轮播 180-780 / 通知条 780-942 / 新闻中心 942-1344
     主营业务 1406-1995 / 党的建设 2057-2507 / 企业文化 2568-2867
     科技创新 + 专题专栏 2929-3359 / 友情链接 3422-3661 / 页脚 3699-4051
   ========================================================================== */

/* 轮播（Figma 117:289） -------------------------------------------------- */
.banner {
	position: relative;
	height: 6rem;
	overflow: hidden;
}
.banner .swiper,
.banner .swiper-slide,
.banner .swiper-slide img {
	width: 100%;
	height: 6rem;
}
.banner .swiper-slide img { object-fit: cover; }
.banner .swiper-slide { position: relative; }

/* 带主标题的轮播（Figma 84:1145 黑色 30% + 84:1152 标题 58px/78px） */
.banner .bn-mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
}
.banner .bn-title {
	position: absolute;
	left: 50%;
	top: 2.6rem;
	width: 13.54rem;
	margin-left: -6.77rem;
	font-family: 'CN-Bold', "Source Han Sans CN", "Microsoft YaHei", sans-serif;
	font-size: 0.58rem;
	line-height: 0.78rem;
	color: #fff;
	text-align: center;
}

.banner .bn-arrow {
	position: absolute;
	top: 50%;
	z-index: 5;
	width: 0.5rem;
	height: 0.5rem;
	margin-top: -0.25rem;
	cursor: pointer;
}
.banner .bn-arrow i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.banner .bn-prev { left: 0.68rem; }
.banner .bn-next { right: 0.74rem; }
/* 与「企业文化及风采展示」共用同一套圆形按钮素材 */
.banner .bn-arrow i { background-image: url('../img/cgc/culture-prev.svg'); }

/* ===== 箭头统一处理（轮播 + 企业文化） =====
   设计稿给了两个状态素材：
     culture-prev.svg = 半透明黑底圆钮（默认态）
     culture-next.svg = 蓝底白箭头（悬停态）
   两个素材的箭头本身都朝左，所以右侧按钮统一翻转 180° 使其朝右。 */
.banner .bn-arrow i,
.sec-culture .cul-arrow i {
	position: relative;
	background-image: url('../img/cgc/culture-prev.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.banner .bn-next i,
.sec-culture .cul-next i { transform: rotate(180deg); }

/* 鼠标移入：换成设计稿的蓝底白箭头素材（保留翻转让右箭头朝右） */
.banner .bn-arrow:hover i,
.sec-culture .cul-arrow:hover i {
	background-image: url('../img/cgc/culture-next.svg');
}

/* 通栏通知条（Figma 67:240 / 67:262） ------------------------------------ */
.notice {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 1.62rem;
	background: linear-gradient(to top, #ffffff 2.979%, #add3ff 100%);
}
.notice h2 {
	font-size: 0.42rem;
	line-height: 1.2;
	color: var(--cgc-blue);
	text-align: center;
}

/* 新闻中心（Figma 67:279 / 67:280 / 68:620 等） ------------------------- */
.sec-news { margin-top: 0; }
.sec-news .news-in {
	display: flex;
	height: 4.02rem;
}
.sec-news .news-pic {
	position: relative;
	flex: none;
	width: 6.74rem;
	height: 4.02rem;
	border-radius: var(--cgc-radius);
	overflow: hidden;
}
.sec-news .news-pic > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.sec-news .news-pic .cap {
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	width: 100%;
	height: 0.54rem;
	padding: 0 0.3rem;
	/* 设计稿（Figma 节点 19:172）：底部标题条为水平渐变
	   左 #165298（最深） → 右 #4E8DD8（渐浅），下圆角 10px */
	background: linear-gradient(to right, #165298 0%, #4e8dd8 100%);
	font-size: 0.18rem;
	color: #fff;
}
.sec-news .news-pic .dots {
	position: absolute;
	right: 0.11rem;
	bottom: 0.2rem;
	display: flex;
	align-items: center;
}
.sec-news .news-pic .dots i {
	width: 0.09rem;
	height: 0.09rem;
	margin-left: 0.04rem;
	background: rgba(255, 255, 255, 0.55);
	border-radius: 50%;
}
.sec-news .news-pic .dots i.on { background: #fff; }
.sec-news .news-pic .np-arrow {
	position: absolute;
	top: 50%;
	width: 0.4rem;
	height: 0.4rem;
	margin-top: -0.2rem;
	cursor: pointer;
}
.sec-news .news-pic .np-prev { left: 0.15rem; }
.sec-news .news-pic .np-next { right: 0.2rem; }
/* 新闻左侧大图的左右切换按钮：与顶部轮播/企业文化共用同一套圆形素材与两态样式
   （默认=半透明黑底白箭头，鼠标移入=蓝底白箭头；素材箭头朝左，右箭头翻转 180°） */
.sec-news .news-pic .np-arrow i,
.sec-biz .biz-arrow i {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url('../img/cgc/culture-prev.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.sec-news .news-pic .np-next i,
.sec-biz .biz-arrow.biz-next i { transform: rotate(180deg); }
.sec-news .news-pic .np-arrow:hover i,
.sec-biz .biz-arrow:hover i { background-image: url('../img/cgc/culture-next.svg'); }

.sec-news .news-list {
	flex: 1;
	min-width: 0;
	padding-left: 0.56rem;
}
.sec-news .news-tabs {
	display: flex;
	align-items: center;
	height: 0.49rem;
	border-bottom: 1px solid #ececec;
}
.sec-news .news-tabs a {
	position: relative;
	display: flex;
	align-items: center;
	flex: none;
	margin-right: 0.4rem;
	font-size: 0.2rem;
	color: #000;
	white-space: nowrap;
}
.sec-news .news-tabs a:last-child { margin-right: 0; }
.sec-news .news-tabs a i {
	width: 0.24rem;
	height: 0.24rem;
	margin-right: 0.08rem;
}
.sec-news .news-tabs a.on { color: var(--cgc-blue); }
.sec-news .news-tabs a.on::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -0.03rem;
	width: 1.1rem;
	height: 0.03rem;
	background: var(--cgc-blue);
}
.sec-news .tx-list { margin-top: 0.29rem; }
/* 新闻分类面板：一次渲染四份，点击 tab 切换显示（数据筛选） */
.sec-news .news-panels ul { display: none; }
.sec-news .news-panels ul.on { display: block; }
/* 右侧列表固定高度（6 行 × 57 = 342），超出滚动 */
.sec-news .news-panels {
	height: 3.42rem;
	overflow-y: auto;
}
.sec-news .news-panels::-webkit-scrollbar { width: 0.04rem; }
.sec-news .news-panels::-webkit-scrollbar-thumb { background: #c3daf6; border-radius: 0.02rem; }
/* 当前轮播对应的列表项高亮 */
.sec-news .tx-list li.on .tt,
.sec-news .tx-list li:hover .tt { color: var(--cgc-blue); }

/* 主营业务（Figma 67:284 - 67:433） -------------------------------------- */
.sec-biz { margin-top: 0.62rem; }
.sec-biz .biz-in {
	display: flex;
	margin-top: 0.33rem;
	gap: 0.08rem;
}
.sec-biz .biz-card {
	position: relative;
	flex: none;
	height: 5rem;
	border-radius: var(--cgc-radius);
	overflow: hidden;
}
.sec-biz .biz-card.big { width: 6.68rem; }
.sec-biz .biz-card.sml { width: 2.04rem; }
.sec-biz .biz-card > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.sec-biz .biz-card .mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 3.4rem;
}
.sec-biz .biz-card.c1 .mask { background: linear-gradient(to bottom, #165298, rgba(22, 82, 152, 0)); }
.sec-biz .biz-card.c2 .mask { background: linear-gradient(to bottom, #2073e6, rgba(32, 115, 230, 0)); }
.sec-biz .biz-card.c3 .mask { background: linear-gradient(to bottom, #00a3ff, rgba(0, 163, 255, 0)); }
.sec-biz .biz-card.c4 .mask { background: linear-gradient(to bottom, #02c1d2, rgba(2, 194, 210, 0)); }
.sec-biz .biz-card h3 {
	position: absolute;
	left: 0.27rem;
	top: 0.29rem;
	right: 0.1rem;
	font-size: 0.24rem;
	line-height: 1.35;
	color: #fff;
}
/* 主营业务左右切换按钮：贴整排卡片的左右两端（与企业文化轮播一致），样式与轮播/新闻相同 */
.sec-biz .biz-in { position: relative; }
.sec-biz .biz-arrow {
	position: absolute;
	top: 50%;
	z-index: 3;
	width: 0.4rem;
	height: 0.4rem;
	margin-top: -0.2rem;
	cursor: pointer;
}
.sec-biz .biz-prev { left: 0.15rem; }
.sec-biz .biz-next { right: 0.2rem; }

/* 党的建设（Figma 220:2205 - 220:2237） --------------------------------- */
.sec-party { margin-top: 0.62rem; }
.sec-party .party-in {
	display: flex;
	height: 3.65rem;
	margin-top: 0.32rem;
}
.sec-party .party-pics {
	flex: none;
	display: grid;
	width: 6.58rem;
	grid-template-columns: 3.2rem 3.2rem;
	grid-gap: 0.17rem 0.18rem;
}
.sec-party .party-pics a {
	display: block;
	width: 3.2rem;
	height: 1.74rem;
	border-radius: var(--cgc-radius-sm);
	overflow: hidden;
}
.sec-party .party-pics img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.sec-party .party-list {
	flex: 1;
	min-width: 0;
	padding-left: 0.63rem;
}

/* 企业文化及风采展示（Figma 74:747 - 117:616） -------------------------- */
.sec-culture { margin-top: 0.61rem; }
.sec-culture .cul-in {
	position: relative;
	height: 2.1rem;
	margin-top: 0.37rem;
	/* 轮播视窗：整条卡片左右平移时，图片只允许出现在这个范围内，
	   平移过程中既不会溢出到内容区外面的左侧留白，也不会在右侧留白 */
	overflow: hidden;
}
.sec-culture .cul-cards {
	display: flex;
	gap: 0.1rem;
	height: 2.1rem;
	/* 整条 = 内容区宽度，一屏 4 张；横向平移由 JS 控制，箭头见 .cul-arrow */
	will-change: transform;
}
.sec-culture .cul-cards::-webkit-scrollbar { display: none; }
.sec-culture .cul-card {
	flex: none;
	display: block;
	/* 一屏正好 4 张（3 个间距），随内容区宽度自适应，边上不会露出半张卡片 */
	width: calc((100% - 0.1rem * 3) / 4);
	height: 2.1rem;
	border-radius: var(--cgc-radius-sm);
	overflow: hidden;
}
.sec-culture .cul-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s;
}
.sec-culture .cul-card:hover img { transform: scale(1.04); }
.sec-culture .cul-arrow {
	position: absolute;
	top: 50%;
	z-index: 3;
	width: 0.4rem;
	height: 0.4rem;
	margin-top: -0.2rem;
	cursor: pointer;
}
/* 箭头图标本身即 40×40 圆钮，撑满容器 */
.sec-culture .cul-arrow i {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.sec-culture .cul-prev { left: 0; }
.sec-culture .cul-next { right: 0; }

/* 科技创新 + 专题专栏（Figma 220:2160 - 220:2194） ---------------------- */
.sec-duo { margin-top: 0.62rem; }
.sec-duo .duo-in {
	display: flex;
	margin-top: 0.22rem;
}
.sec-duo .duo-l {
	flex: none;
	width: 6.76rem;
}
.sec-duo .duo-r {
	flex: 1;
	min-width: 0;
	padding-left: 0.48rem;
}
/* 仅作用于「专题专栏」的大图链接（专用类名），避免命中标题行里的「查看更多」 */
.sec-duo .duo-pic {
	display: block;
	width: 5.7rem;
	height: 3.23rem;
	margin-top: 0.25rem;
	border-radius: var(--cgc-radius);
	overflow: hidden;
}
.sec-duo .duo-pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s;
}
.sec-duo .duo-pic:hover img { transform: scale(1.04); }
.sec-duo .sec-hd { height: 0.51rem; }

/* 友情链接（Figma 67:288 - 269:1996） ----------------------------------- */
.sec-friend { margin-top: 0.63rem; }
.sec-friend .sec-hd { height: 0.52rem; }
.sec-friend .fr-in {
	display: flex;
	justify-content: space-between;
	margin-top: 0.39rem;
}
.sec-friend .fr-item {
	display: block;
	width: 2.01rem;
	text-align: center;
}
.sec-friend .fr-box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.01rem;
	height: 1.15rem;
	background: #fff;
	border: 1px solid var(--cgc-border);
}
.sec-friend .fr-box img {
	width: 1.74rem;
	height: 0.95rem;
	object-fit: contain;
}
.sec-friend .fr-item p {
	font-size: 0.14rem;
	line-height: 0.34rem;
	color: #000;
}

/* ==========================================================================
   适配：<=1024px（750 基准）
   ========================================================================== */
@media screen and (max-width: 1024px) {
	/* 轮播 */
	.banner,
	.banner .swiper,
	.banner .swiper-slide,
	.banner .swiper-slide img { height: 3.9rem; }
	.banner .bn-arrow { width: 0.7rem; height: 0.7rem; margin-top: -0.35rem; }
	.banner .bn-arrow i { left: 0.2rem; top: 0.2rem; width: 0.3rem; height: 0.3rem; }
	.banner .bn-prev { left: 0.2rem; }
	.banner .bn-next { right: 0.2rem; }
	.banner .bn-title {
		top: 1.2rem;
		width: 6.9rem;
		margin-left: -3.45rem;
		font-size: 0.44rem;
		line-height: 0.6rem;
	}

	/* 通知条 */
	.notice { height: 1.7rem; padding: 0 0.3rem; }
	.notice h2 { font-size: 0.34rem; }

	/* 新闻中心 */
	.sec-news .news-in { display: block; height: auto; }
	.sec-news .news-pic { width: 100%; height: 4.2rem; }
	.sec-news .news-pic .cap { height: 0.8rem; font-size: 0.26rem; }
	.sec-news .news-pic .np-arrow { width: 0.7rem; height: 0.7rem; margin-top: -0.35rem; }
	.sec-news .news-list { padding-left: 0; margin-top: 0.3rem; }
	.sec-news .news-tabs { height: 0.9rem; flex-wrap: wrap; }
	.sec-news .news-tabs a { font-size: 0.28rem; margin-right: 0.3rem; }
	.sec-news .news-tabs a i { width: 0.34rem; height: 0.34rem; margin-right: 0.1rem; }
	.sec-news .news-tabs a.on::after { width: 1.5rem; height: 0.05rem; bottom: -0.04rem; }
	.sec-news .tx-list { margin-top: 0.2rem; }

	/* 主营业务 */
	.sec-biz { margin-top: 0.7rem; }
	.sec-biz .biz-in { flex-wrap: wrap; gap: 0.16rem; margin-top: 0.3rem; }
	.sec-biz .biz-arrow { width: 0.7rem; height: 0.7rem; top: 1.6rem; margin-top: 0; }
	.sec-biz .biz-prev { left: 0.2rem; }
	.sec-biz .biz-next { left: auto; right: 0.2rem; }
	.sec-biz .biz-card.big { width: 100%; height: 3.9rem; }
	.sec-biz .biz-card.sml {
		width: calc((100% - 0.32rem) / 3);
		height: 3.2rem;
	}
	.sec-biz .biz-card .mask { height: 100%; }
	.sec-biz .biz-card h3 { left: 0.16rem; top: 0.16rem; font-size: 0.28rem; }

	/* 党的建设 */
	.sec-party { margin-top: 0.7rem; }
	.sec-party .party-in { display: block; height: auto; margin-top: 0.3rem; }
	.sec-party .party-pics {
		width: 100%;
		grid-template-columns: 1fr 1fr;
		grid-gap: 0.16rem;
	}
	.sec-party .party-pics a { width: 100%; height: 2.2rem; }
	.sec-party .party-list { padding-left: 0; margin-top: 0.3rem; }

	/* 企业文化 */
	.sec-culture { margin-top: 0.7rem; }
	.sec-culture .cul-in { height: auto; margin-top: 0.3rem; overflow: visible; }
	.sec-culture .cul-cards {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0.16rem;
		width: 100%;
		margin: 0;
		overflow: visible;
		height: auto;
	}
	.sec-culture .cul-card { width: 100%; height: 2.6rem; }
	.sec-culture .cul-arrow { width: 0.7rem; height: 0.7rem; margin-top: -0.35rem; top: auto; bottom: -1.1rem; }
	.sec-culture .cul-prev { left: 0; }
	.sec-culture .cul-next { right: 0; }

	/* 科技创新 + 专题专栏 */
	.sec-duo { margin-top: 0.7rem; }
	.sec-duo .duo-in { display: block; margin-top: 0.3rem; }
	.sec-duo .duo-l { width: 100%; }
	.sec-duo .duo-r { padding-left: 0; margin-top: 0.6rem; }
	.sec-duo .duo-pic { width: 100%; height: auto; aspect-ratio: 570 / 323; margin-top: 0.3rem; }

	/* 友情链接 */
	.sec-friend { margin-top: 0.7rem; }
	.sec-friend .fr-in {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 0.2rem;
		margin-top: 0.3rem;
	}
	.sec-friend .fr-item,
	.sec-friend .fr-box { width: 100%; }
	.sec-friend .fr-box { height: 1.5rem; }
	.sec-friend .fr-box img { width: 80%; height: 80%; }
	.sec-friend .fr-item p { font-size: 0.22rem; line-height: 0.4rem; }
}