@charset "utf-8";
/* ==========================================================================
   中国煤炭地质总局地球物理勘探研究院 官网前台主题
   设计来源：Figma 文件「中国煤炭」节点 67:231（1..首页，1920×4052）
   尺寸基准：1920 画布；1rem = 100px（根字号由 /js/FontSize.js 控制）
   内容区宽度：13.04rem（1304px，左右各 308px）
   适配：>1024px 按 1920 基准缩放；<=1024px 按 750 基准缩放 + 流式重排
   ========================================================================== */

:root {
	--cgc-blue: #165298;
	--cgc-blue-nav: #4e8dd8;
	--cgc-blue-deep: #005395;
	--cgc-blue-link: #1961a5;
	--cgc-line: #c3daf6;
	--cgc-border: #dedede;
	--cgc-gray: #a2a2a2;
	--cgc-gray-light: #acacac;
	--cgc-main: 13.04rem;
	--cgc-radius: 0.1rem;
	--cgc-radius-sm: 0.06rem;
}

body {
	background: #fff;
	color: #333;
	font-family: "Source Han Sans CN", "Microsoft YaHei", Arial, sans-serif;
}

.main {
	position: relative;
	width: var(--cgc-main);
	margin: 0 auto;
}

.f-bold,
h1, h2, h3 {
	font-family: 'CN-Bold', "Source Han Sans CN", "Microsoft YaHei", Arial, sans-serif;
	font-weight: normal;
}

/* common.css 里 a 被强制成 width/height:100%，会把同一行的相邻元素挤变形，
   这里只放开尺寸，如确需撑满的链接在各自组件里单独设置 */
a {
	color: inherit;
	text-decoration: none;
	width: auto;
	height: auto;
}
li { list-style: none; }
input, button { font-family: inherit; outline: none; }

/* 图标（设计稿导出资源） ---------------------------------------------- */
[class^="ico-"], [class*=" ico-"] {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.ico-biz { background-image: url('../img/cgc/ic-biz.svg'); }
.ico-party { background-image: url('../img/cgc/ic-party.svg'); }
.ico-culture { background-image: url('../img/cgc/ic-culture.svg'); }
.ico-tech { background-image: url('../img/cgc/ic-tech.svg'); }
.ico-special { background-image: url('../img/cgc/ic-special.svg'); }
.ico-friend { background-image: url('../img/cgc/ic-friend.svg'); }
.ico-news { background-image: url('../img/cgc/ic-news.svg'); }
.ico-notice { background-image: url('../img/cgc/ic-notice.svg'); }
.ico-notice-tab { background-image: url('../img/cgc/ic-notice-tab.svg'); }
.ico-more { background-image: url('../img/cgc/ic-more.svg'); }
.ico-drop { background-image: url('../img/cgc/ic-dropdown.svg'); }
.ico-arr-l { background-image: url('../img/cgc/ic-arrow-left.svg'); }
.ico-arr-r { background-image: url('../img/cgc/ic-arrow-right.svg'); }
.ico-circle { background-image: url('../img/cgc/circle.svg'); }
.ico-home { background-image: url('../img/cgc/ic-home.svg'); }
.ico-about { background-image: url('../img/cgc/ic-about.svg'); }
/* 素材实为 SVG（原文件名误用 .png 后缀，浏览器按 PNG 解码失败导致图标不显示） */
.ico-org { background-image: url('../img/cgc/ic-org.svg'); }
.ico-leader { background-image: url('../img/cgc/ic-leader.svg'); }
.ico-expert { background-image: url('../img/cgc/ic-expert.svg'); }
.ico-culture-inner { background-image: url('../img/cgc/ic-culture-inner.svg'); }
.ico-cert { background-image: url('../img/cgc/ic-cert.svg'); }
.ico-honour { background-image: url('../img/cgc/ic-honour.svg'); }
.ico-news-page { background-image: url('../img/cgc/ic-news-page.svg'); }
.ico-notice-page { background-image: url('../img/cgc/ic-notice-page.svg'); }
.ico-news-prev { background-image: url('../img/cgc/news-prev.svg'); }
.ico-news-next { background-image: url('../img/cgc/news-next.svg'); }
.ico-culture-prev { background-image: url('../img/cgc/culture-prev.svg'); }
.ico-culture-next { background-image: url('../img/cgc/culture-next.svg'); }

/* ==========================================================================
   头部（Figma：顶部 0 - 180）
   ========================================================================== */
.site-hd { position: relative; background: #fff; }

.site-hd .hd-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 1.2rem;
	overflow: hidden;
}
.site-hd .hd-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.2;
}

.site-hd .hd-top { position: relative; height: 1.2rem; }

.site-hd .hd-logo {
	position: absolute;
	left: 0;
	top: 0.14rem;
	display: block;
	width: 5.84rem;
	height: 0.94rem;
}
.site-hd .hd-logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: left center;
}

.site-hd .hd-tools {
	position: absolute;
	right: 0;
	top: 0.41rem;
}
.site-hd .hd-search {
	display: flex;
	width: 3.48rem;
	height: 0.42rem;
	background: #fff;
	border: 1px solid var(--cgc-blue);
	border-radius: 0.04rem;
	overflow: hidden;
}
.site-hd .hd-search input {
	flex: 1;
	width: 2.8rem;
	height: 100%;
	padding: 0 0.13rem;
	border: 0;
	background: transparent;
	font-size: 0.14rem;
	color: #333;
}
.site-hd .hd-search input::placeholder { color: var(--cgc-gray-light); }
.site-hd .hd-search button {
	width: 0.68rem;
	height: 100%;
	border: 1px solid var(--cgc-blue-deep);
	background: var(--cgc-blue);
	color: #fff;
	font-size: 0.16rem;
	cursor: pointer;
}

.site-nav { height: 0.6rem; background: var(--cgc-blue); }
.site-nav .nav-in {
	display: flex;
	align-items: stretch;
	height: 100%;
	/* 用 padding-left 让首项在设计稿位置（x+60），不能用 margin-left，否则会顶掉 .main 的水平居中 */
	padding-left: 0.6rem;
}
.site-nav .nav-item {
	position: relative;
	display: flex;
	align-items: stretch;
}
.site-nav .nav-item > a {
	display: flex;
	align-items: center;
	height: 0.6rem;
	padding: 0 0.5rem;
	font-size: 0.2rem;
	color: #fff;
	white-space: nowrap;
}
/* 鼠标移入：半透明浅蓝（比选中态轻） */
.site-nav .nav-item > a:hover { background: rgba(78, 141, 216, 0.45); }
/* 当前栏目选中：实色 #4e8dd8（设计稿 Rectangle 52） */
.site-nav .nav-item.on > a { background: var(--cgc-blue-nav); }

/* 导航下拉（Figma 170:1352：宽 145、黑 70%、7 项、行高 40、蓝底选中项） */
.site-nav .nav-drop {
	position: absolute;
	left: 50%;
	top: 0.6rem;
	z-index: 30;
	display: none;
	/* 宽度自适应：按最长的一项文字撑开，短列表保持设计稿的 145 最小宽度 */
	width: auto;
	min-width: 1.45rem;
	padding: 0.13rem 0 0.09rem;
	transform: translateX(-50%);
	background: rgba(0, 0, 0, 0.7);
	border-radius: 0 0 0.06rem 0.06rem;
}
.site-nav .nav-item:hover .nav-drop { display: block; }
.site-nav .nav-drop a {
	display: block;
	height: 0.4rem;
	line-height: 0.4rem;
	/* 文字居中显示（宽度自适应后左右内边距对称） */
	padding: 0 0.2rem;
	font-size: 0.16rem;
	color: #fff;
	white-space: nowrap;
	text-align: center;
}
.site-nav .nav-drop a:hover,
.site-nav .nav-drop a.on { background: var(--cgc-blue); }

/* ==========================================================================
   通用栏目标题（Figma：栏目标题 + 24px + 下划线 + 查看更多）
   ========================================================================== */
.sec-hd {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
	height: 0.56rem;
}
.sec-hd .sec-t {
	display: flex;
	align-items: center;
	flex: none;
}
.sec-hd .sec-t i {
	flex: none;
	width: 0.28rem;
	height: 0.28rem;
	margin-right: 0.07rem;
}
.sec-hd h2 {
	font-size: 0.24rem;
	line-height: 1;
	color: var(--cgc-blue);
	white-space: nowrap;
}
.sec-hd .more {
	display: flex;
	align-items: center;
	flex: none;
	white-space: nowrap;
	font-size: 0.16rem;
	color: var(--cgc-blue);
}
.sec-hd .more i {
	width: 0.16rem;
	height: 0.16rem;
	margin-left: 0.04rem;
}
.sec-hd .more:hover { opacity: 0.8; }
/* 兜底：其它区段的链接样式不得影响标题行里的「查看更多」，始终与标题同行 */
.sec-hd a.more,
.sec-hd a.more:hover {
	width: auto;
	height: auto;
	margin: 0;
}

.sec-line {
	position: relative;
	height: 1px;
	background: var(--cgc-line);
}
.sec-line span {
	position: absolute;
	left: 0;
	top: -0.02rem;
	width: 1.31rem;
	height: 0.03rem;
	background: var(--cgc-blue);
}

/* ==========================================================================
   通用文字列表（新闻 / 党建 / 科技 列表，行高 62px，首行 57px）
   ========================================================================== */
.tx-list { width: 100%; }
.tx-list li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 0.62rem;
	border-bottom: 1px solid #ececec;
	font-size: 0.16rem;
}
.tx-list.sm li { height: 0.57rem; }
.tx-list li:last-child { border-bottom: 0; }
.tx-list li .tt {
	flex: 1;
	min-width: 0;
	margin-right: 0.2rem;
	color: #000;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.tx-list li .tt:hover { color: var(--cgc-blue); }
.tx-list li .dt {
	color: var(--cgc-gray);
	white-space: nowrap;
}

/* ==========================================================================
   底部（Figma：节点 123:1100，蓝底 263px，向上延伸）
   ========================================================================== */
.site-ft {
	/* 内页有全屏装饰层（.page-deco / .page-deco-fade 绝对定位），
	   这里让底部位到装饰层之上，任何页面内容都不会盖住底部 */
	position: relative;
	z-index: 10;
	margin-top: 0.38rem;
	padding-top: 0.39rem;
	padding-bottom: 0.09rem;
	background: var(--cgc-blue);
	color: #fff;
}
.site-ft .main { position: relative; }
/* common.css 里的「* { color:#333 }」会直接命中每个元素（覆盖继承色），
   所以这里显式声明底部文字为白色，避免「相关链接：/友情链接」等变成黑字 */
.site-ft,
.site-ft * { color: #fff; }
/* 竖分隔线（设计稿 x=1036、y 3752..3937）：左侧联系信息与右侧相关链接/二维码分栏 */
.site-ft .ft-vline {
	position: absolute;
	left: 7.28rem;
	top: 0.14rem;
	width: 1px;
	height: 1.85rem;
	background: rgba(255, 255, 255, 0.2);
}

.site-ft .ft-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 0.44rem;
}
.site-ft .ft-contact {
	flex: none;
	white-space: nowrap;
	font-size: 0.18rem;
	color: #fff;
}
.site-ft .ft-rel { display: flex; align-items: center; }
.site-ft .ft-rel-t {
	flex: none;
	white-space: nowrap;
	font-size: 0.18rem;
	margin-right: 0.13rem;
}
.site-ft .ft-select {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex: none;
	width: 3.69rem;
	height: 0.4rem;
	padding: 0 0.12rem 0 0.25rem;
	background: var(--cgc-blue-link);
	border-radius: 0.06rem;
	font-size: 0.16rem;
	cursor: pointer;
}
.site-ft .ft-select > span { white-space: nowrap; }
/* 设计稿：下拉箭头为「向下」的折角箭头（素材本身朝右，旋转 90°） */
.site-ft .ft-select i {
	width: 0.15rem;
	height: 0.15rem;
	transform: rotate(90deg);
}
.site-ft .ft-select-list {
	position: absolute;
	left: 0;
	bottom: 0.44rem;
	display: none;
	width: 100%;
	/* 与站内主题一致：默认深蓝 #165298 + 白字，鼠标移入浅蓝 #4e8dd8 */
	background: var(--cgc-blue);
	border-radius: 0.06rem;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.18);
	box-shadow: 0 0 0.12rem rgba(0, 0, 0, 0.18);
}
/* 点击展开（不再用 hover 触发） */
.site-ft .ft-select.open .ft-select-list { display: block; }
.site-ft .ft-select.open i { transform: rotate(-90deg); }
.site-ft .ft-select-list li a {
	display: block;
	padding: 0.1rem 0.25rem;
	font-size: 0.16rem;
	color: #fff;
}
.site-ft .ft-select-list li a:hover { background: var(--cgc-blue-nav); color: #fff; }

.site-ft .ft-body {
	display: flex;
	align-items: flex-start;
	padding-top: 0.08rem;
}
.site-ft .ft-col { padding-right: 0.3rem; }
.site-ft .ft-col-bj { width: 3.51rem; }
.site-ft .ft-col h3 {
	font-size: 0.22rem;
	line-height: 0.36rem;
	color: #fff;
	margin-bottom: 0.1rem;
}
.site-ft .ft-col p {
	font-size: 0.14rem;
	line-height: 0.3rem;
	color: #fff;
}
.site-ft .ft-qr {
	margin-left: auto;
	width: 1.32rem;
	text-align: center;
}
/* 设计稿：二维码在上、关注公众号在下 */
.site-ft .ft-qr b {
	display: block;
	margin-top: 0.03rem;
	font-size: 0.16rem;
	font-weight: normal;
	line-height: 0.34rem;
	color: #fff;
}
.site-ft .ft-qr-img {
	width: 1.32rem;
	height: 1.32rem;
	margin-top: 0.12rem;
	padding: 0.03rem;
	background: #fff;
	border-radius: 0.06rem;
}
.site-ft .ft-qr-img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.site-ft .ft-line {
	height: 1px;
	margin-top: 0.26rem;
	background: rgba(255, 255, 255, 0.2);
}
.site-ft .ft-copy {
	padding-top: 0.09rem;
	font-size: 0.14rem;
	line-height: 0.36rem;
	color: #fff;
	text-align: center;
}

/* ==========================================================================
   适配：<=1024px（按 750 基准，1rem = 100 * viewport / 750）
   ========================================================================== */
@media screen and (max-width: 1024px) {
	.main {
		width: 100%;
		padding: 0 0.3rem;
	}

	/* 头部 */
	.site-hd .hd-bg { height: 1.6rem; }
	.site-hd .hd-top { height: 1.6rem; }
	.site-hd .hd-logo {
		top: 0.2rem;
		width: 5.2rem;
		height: 0.84rem;
	}
	.site-hd .hd-tools { display: none; }
	.site-nav { height: 0.8rem; overflow-x: auto; }
	.site-nav .nav-in {
		margin-left: 0;
		width: max-content;
	}
	.site-nav a {
		height: 0.8rem;
		padding: 0 0.24rem;
		font-size: 0.26rem;
	}
	.site-nav .nav-item > a {
		height: 0.8rem;
		padding: 0 0.24rem;
		font-size: 0.26rem;
	}
	.site-nav .nav-drop {
		top: 0.8rem;
		width: 2.6rem;
		margin-left: -1.3rem;
		padding: 0.16rem 0 0.12rem;
	}
	.site-nav .nav-drop a {
		height: 0.7rem;
		line-height: 0.7rem;
		padding: 0 0.16rem 0 0.5rem;
		font-size: 0.24rem;
	}

	/* 栏目标题 */
	.sec-hd { height: 0.9rem; }
	.sec-hd .sec-t i { width: 0.36rem; height: 0.36rem; margin-right: 0.1rem; }
	.sec-hd h2 { font-size: 0.34rem; }
	.sec-hd .more { font-size: 0.24rem; }
	.sec-hd .more i { width: 0.24rem; height: 0.24rem; }
	.sec-line span { width: 1.4rem; height: 0.04rem; top: -0.03rem; }

	/* 列表 */
	.tx-list li,
	.tx-list.sm li {
		height: 0.96rem;
		font-size: 0.26rem;
	}
	.tx-list li .tt { margin-right: 0.2rem; }

	/* 底部 */
	.site-ft { margin-top: 0.6rem; padding-top: 0.24rem; padding-bottom: 0.3rem; }
	.site-ft .ft-vline { display: none; }
	.site-ft .ft-top {
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		height: auto;
		padding: 0 0 0.3rem;
	}
	.site-ft .ft-contact { font-size: 0.26rem; }
	.site-ft .ft-rel { margin-top: 0.2rem; }
	.site-ft .ft-rel-t { font-size: 0.26rem; }
	.site-ft .ft-select {
		width: 4.6rem;
		height: 0.7rem;
		font-size: 0.26rem;
	}
	.site-ft .ft-body {
		flex-wrap: wrap;
		padding-top: 0.3rem;
	}
	.site-ft .ft-col-bj,
	.site-ft .ft-col { width: 100%; padding-right: 0; }
	.site-ft .ft-col { margin-bottom: 0.24rem; }
	.site-ft .ft-col h3 { font-size: 0.32rem; line-height: 0.5rem; margin-bottom: 0.06rem; }
	.site-ft .ft-col p { font-size: 0.24rem; line-height: 0.46rem; }
	.site-ft .ft-qr { margin-left: 0; width: 100%; text-align: left; }
	.site-ft .ft-qr b { font-size: 0.28rem; line-height: 0.5rem; }
	.site-ft .ft-qr-img { width: 2rem; height: 2rem; }
	.site-ft .ft-line { margin-top: 0.3rem; }
	.site-ft .ft-copy {
		padding-top: 0.16rem;
		font-size: 0.22rem;
		line-height: 0.4rem;
	}
}