@charset "utf-8";
/* 1. 全局基础：1rem = 100px（750 设计稿），随屏宽等比缩放，元素铺满屏幕 */
html { font-size: calc(100vw / 7.5); }
html, body { width: 100%; margin: 0; overflow-x: hidden; text-align: left; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
body { font-family: "PingFang SC", "Microsoft YaHei", Arial, sans-serif; font-size: 0.26rem; line-height: 1.6; color: #333; background: #fff; }
img { max-width: 100%; height: auto; border: 0; vertical-align: middle; }
a, a:hover { color: #333; text-decoration: none; }
ul, li, h2, h3 { margin: 0; padding: 0; list-style: none; }
.module { min-height: 0 !important; }
/* 2. 容器与栅格 */
.part { width: 100%; box-sizing: border-box; padding: 0 0.24rem; margin: 0 auto; position: relative; }
.part.div_flex { display: block; }
.box-w890, .box-w1000, .box-w440, .box-w400, .box-w550, .box-w380 { display: block !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }
.box-w440, .box-w550, .box-w380 { margin-top: 0.45rem !important; }
.part.m_t_45 { margin-top: 0.5rem; }
.m_t_30 { margin-top: 0.24rem; }
/* 3. 头部横幅 + 搜索 + 导航 */
.div_top { background: #0a4fd6 url(https://www.hnpiyao.cn/images/top_banner.jpg) center top no-repeat; background-size: 190%; min-height: 0; padding: 0; }
.div_top .part { padding: 2.2rem 0.24rem 0; }
.div_search { display: flex; align-items: center; justify-content: center; width: 100%; }
.div_search .div_input { flex: 1; width: auto; height: 0.76rem; line-height: 0.76rem; box-sizing: border-box; padding: 0 0.24rem; font-size: 0.26rem; color: #333; background: #fff; border: 0; border-radius: 0.12rem 0 0 0.12rem; outline: none; -webkit-appearance: none; }
.div_search input[type="image"] { flex: 0 0 auto; width: auto; height: 0.76rem; border-radius: 0 0.12rem 0.12rem 0; }
.div_nav { margin-top: 0.24rem !important; }
.div_nav ul { width: 100%; height: auto; display: flex; background: #0648d2; border-radius: 0.12rem 0.12rem 0 0; overflow: hidden; }
.div_nav ul li { flex: 1; width: auto; height: 0.88rem; display: flex; align-items: center; justify-content: center; text-align: center; white-space: nowrap; }
.div_nav ul li a { font-size: 0.24rem; color: #fff; }
.div_nav ul li.active, .div_nav ul li:hover { background: #1179ea; border-radius: 0; }
/* 4. 轮播图 */
.div_swiper_hot { width: 100%; height: auto; margin: 0; overflow: hidden; position: relative; border-radius: 0.12rem; }
.div_swiper_hot .swiper-slide { position: relative; display: block; text-align: center; background: #fff; }
.div_swiper_hot .swiper-slide img { display: block; width: 100%; height: auto; }
.div_swiper_hot .swiper-button-prev, .div_swiper_hot .swiper-button-next { display: none; }
.div_swiper_hot .swiper-slide h3 { position: absolute; left: 0; bottom: 0; width: 100%; height: 0.72rem; background: rgba(0, 0, 0, .5); }
.div_swiper_hot .swiper-slide h3 a { float: none; width: 100%; height: 0.72rem; display: flex; align-items: center; justify-content: center; font-size: 0.26rem; color: #fff; overflow: hidden; }
.div_swiper_hot .swiper-pagination { width: 100%; left: 0 !important; right: 0 !important; bottom: 0.14rem !important; }
.div_swiper_hot .swiper-pagination .swiper-pagination-bullet { width: 0.14rem; height: 0.14rem; margin: 0 0.06rem !important; }
/* 5. 栏目标题 */
.div_hotTitle { position: relative; width: 100%; height: auto; line-height: 1.3; font-size: 0.32rem; font-weight: bold; color: #005cbf; padding-left: 0.2rem; margin-bottom: 0.1rem; }
.div_hotTitle:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -0.17rem; width: 0.08rem; height: 0.34rem; background: #005cbf; border-radius: 4px; }
.div_list_title { position: relative; display: flex; align-items: flex-end; justify-content: space-between; height: auto; border-bottom: 2px solid #e6e6e6; }
.div_list_title h3 { float: none; position: relative; height: auto; font-size: 0.32rem; line-height: 1.3; color: #005cbf; border-right: 0; padding-bottom: 0.14rem; }
.div_list_title h3:after { border-bottom: 4px solid #005cbf; }
.div_list_title a { float: none; margin-right: 0; font-size: 0.24rem; line-height: 1; color: #005cbf; padding-bottom: 0.18rem; }
/* 6. 文字列表 */
.div_ul_list { width: 100%; font-size: 0.26rem; line-height: 2; padding-top: 0.06rem; }
.div_ul_list li { position: relative; display: block; width: 100%; box-sizing: border-box; padding: 0.12rem 0 0.12rem 0.26rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px dashed #e8e8e8; }
.div_ul_list li:last-child { border-bottom: 0; }
.div_ul_list li:before { content: ""; position: absolute; left: 4px; top: 50%; margin-top: -5px; width: 0.1rem; height: 0.1rem; background: #0648d2; border-radius: 50%; }
/* 7. 带图列表（权威发布） */
.div_channel_list { float: none; width: 100%; min-height: 0; overflow: visible; padding-top: 4px; }
.div_channel_list li { display: flex; align-items: flex-start; margin-top: 0.3rem; padding-bottom: 0.26rem; border-bottom: 2px dashed #e8e8e8; }
.div_channel_list li:last-child { border-bottom: 0; padding-bottom: 0; }
.div_channel_list li img { flex: 0 0 auto; width: 2.6rem; height: 1.56rem; margin-right: 0.2rem; object-fit: cover; border-radius: 0.08rem; }
.div_channel_list li div { position: relative; flex: 1; min-width: 0; }
.div_channel_list li div h3 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: auto; max-height: 1rem; font-size: 0.28rem; line-height: 1.7; overflow: hidden; }
.div_channel_list li div i { position: static; display: block; margin-top: 0.14rem; }
.div_channel_list li div i a { font-size: 0.24rem; color: #d52e2e; }
/* 8. 纯标题列表（工作动态 / 法律法规） */
.div_dt_list { width: 100%; min-height: 0; margin-top: 0; padding-top: 0.08rem; }
.div_dt_list li { position: relative; font-size: 0.26rem; line-height: 1.6; padding: 0.16rem 0 0.16rem 0.26rem; border-bottom: 1px dashed #e8e8e8; }
.div_dt_list li:last-child { border-bottom: 0; }
.div_dt_list li:before { content: ""; position: absolute; left: 4px; top: 50%; margin-top: -5px; width: 0.1rem; height: 0.1rem; background: #0648d2; border-radius: 50%; }
.div_dt_list li a { display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
/* 9. 图片列表与图标区 */
.ul_img_list { min-height: 0; padding-top: 0.2rem; }
.ul_img_list li { display: block; margin-bottom: 0.2rem; }
.ul_img_list li:last-child { margin-bottom: 0; }
.ul_img_list li img { display: block; width: 100%; height: auto; border-radius: 0.08rem; }
.div_op_list { display: flex; flex-wrap: wrap; justify-content: space-between; }
.div_op_list li { width: 48.5%; margin: 0 0 0.2rem 0 !important; }
.div_op_list li img { display: block; width: 100%; height: auto; border-radius: 0.08rem; }
/* 10. 矩阵媒体号 */
.div_channel_list_site { width: 100%; min-height: 0; overflow: visible; padding-top: 0.2rem; display: flex; flex-wrap: wrap; justify-content: space-between; }
.div_channel_list_site a { float: none; width: 32%; height: auto; margin: 0 0 0.24rem 0; margin-right: 0; text-align: center; }
.div_channel_list_site a img { width: 100%; height: auto; }
/* 11. 友情链接 / 选项卡 */
.linkSelect { justify-content: flex-start; height: auto; border-bottom: 2px solid #ccc; }
.linkSelect li { width: auto; padding: 0 0.3rem; height: 0.76rem; display: flex; align-items: center; font-size: 0.28rem; color: #333; font-weight: bold; }
.linkSelect li.on { color: #005cbf; }
.linkSelect li.on:after { top: auto; bottom: 0; left: 0; width: 100%; border-bottom: 4px solid #005cbf; }
.div_file, .div_yqlj { margin: 0.16rem 0 0; }
.div_file a, .div_yqlj a { display: inline-block; font-size: 0.24rem; line-height: 2; margin: 0 0.24rem 0 0; color: #969696; }
/* 12. 底部 */
.footer { background: #f7f7f7; margin-top: 0.5rem; padding: 0.36rem 0.24rem calc(0.36rem + env(safe-area-inset-bottom)); font-size: 0.22rem; line-height: 1.8; color: #666; }
.footer .content { text-align: center; margin: 0 auto; }
/* 13. 铺满屏幕兜底（清除桌面端固定宽度残留） */
html, body { zoom: 1 !important; }
.part, .module, .div_top, .div_search, .div_nav ul, .div_swiper_hot, .div_link_select, .linkSelect, .div_file, .div_yqlj, .footer, .footer .content, .div_hotTitle, .div_list_title, .div_ul_list, .ul_img_list, .div_dt_list, .div_channel_list, .div_channel_list_site, .div_op_list { width: 100% !important; }
.div_top, .div_swiper_hot, .module { height: auto !important; min-height: 0 !important; }
.div_swiper_hot .swiper-slide img, .ul_img_list li img, .div_op_list li img, .div_channel_list_site a img { width: 100% !important; height: auto !important; }
.div_channel_list li img { width: 2.6rem !important; height: 1.56rem !important; }
.div_op_list li { width: 48.5% !important; }
.div_channel_list_site a { width: 32% !important; }
.div_nav ul li { flex: 1 !important; width: auto !important; }
.div_search .div_input { width: auto !important; flex: 1 !important; }
/* 14. PC/大屏：回归 750 设计稿定宽居中，避免等比放大失真、避免桌面端 index.css 固定宽度生效 */
@media screen and (min-width: 751px) {
	html { font-size: 100px; }
	body { width: 750px !important; max-width: 100%; margin: 0 auto; box-shadow: 0 0 20px rgba(0, 0, 0, .06); }
}