.mkBox1 {
    padding: 100px 0 300px 0;
    background-image: url(../img/Investor/bg_img.webp);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.mkBoxi_t {
    color: #222;
}

.tab_t {
    display: inline-block;
    border-radius: 40px;
    color: #222;
    background: #fff;
    padding: 11px 0;
    min-width: 200px;
    text-align: center;
    margin-right: 20px;
    cursor: pointer;
}

.mkBox1_tab {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.c_active {
    background-color: #164F8F;
    color: #fff;

}



.swiper_but {
    position: absolute;
    top: 47%;
    transform: translateY(-50%);
    width: 40px;
    cursor: pointer;
    z-index: 100;
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sh_prev {
    left: -100px;
    top: 60%;
}

.sh_next {
    left: -100px;
    top: 70%;
}

.sh_prev1 {
    left: -100px;
    top: 60%;
}

.sh_next1 {
    left: -100px;
    top: 70%;
}

.swiper {
    overflow: hidden;
}

.swiper1 {
    overflow: hidden;
}

.swiper_but svg {
    margin: 0;
    width: 100%;
    height: auto;
    fill: #164F8F;
    width: 14px;

}

.swiper_but:hover svg {
    fill: #fff;
}

.swiper_but:hover {
    background-color: var(--yx_Color);
}

.swiper-pagination {
    text-align: left;
    color: #999;
    top: 50px;
    font-size: 16px;
    left: 0;
    width: auto;
}

.swiper-pagination1 {
    position: absolute;
    text-align: left;
    color: #999;
    top: 50px;
    font-size: 16px;
    left: 0;
    width: auto;
}


.swiper-pagination-current {
    color: #164F8F;
    font-size: 24px;
}

.box_m {
    color: #222;
    text-align: center;
    margin-bottom: 25px;
    line-height: 1.5;
    min-height: 3em;   /* 预留两行高度，避免「2024年半年度报告摘要」等长标题换行导致下方图片错位 */
}

.sw_line {
    height: 2px;
    width: 100%;
    background-color: #fff;
    margin-bottom: 85px;
    margin-top: 85px;
    width: 87.5%;
}

.mkBox1_sp {
    width: 87.5%;
    margin-left: 12.5%;
}

.box_item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    /* 原 max-width: 280px 是固定像素：卡片宽度一旦 >280px（浏览器缩小 / 宽屏），
       图片就封顶在 280px 且靠左，而标题是居中的 → 两者错位（实测最大 60px）。
       改为百分比后图片始终与卡片同宽，自然与居中的标题对齐（与 ≤768px 断点一致）。 */
    max-width: 100%;
}

.box_image {
    transition: all .3s;
    overflow: hidden;
    cursor: pointer;
}

.box_image:hover img {
    transform: scale(1.05);
}

.baogao {
    position: relative;
}



@media screen and (max-width: 1600px) {
    .mkBox1_sp {
        width: 87.5%;
        margin-left: 10.5%;
    }
}
@media screen and (max-width: 1600px) {
    .mkBox1{
        padding: 80px 0;
    }
}


@media screen and (max-width: 768px) {


    
    .mkBox1_tab {
        flex-direction: column;
    }

    .mkBox_tab {
        display: flex;
        margin-top: 15px;
    }

    .tab_t {
        min-width: 150px;
    }

    .mkBox1 {
        padding: 50px 0 50px;
    }

    .box_item img {
        max-width: 100%;
    }

    .mkBox1_sp {
        width: 90%;
        margin: 0 auto;
    }

    .sw_line {
        margin: 45px 0;
    }
    .sh_prev{
        left: -15px;
    }
    .sh_next{
        left: 89%;
        top: 60%;
    }
    .sh_prev1{
        left: -15px;
    }
    .sh_next1{
        left: 89%;
        top: 60%;
    }

    .box_image{
        width: 80%;
        margin: 0 auto;
    }
}
/* ===== 投资者关系 - Tab Bar（参照 Intelligent manufacturing） ===== */
.tab_bar {
    background: #D0CFCF;
    height: 60px;
    display: flex;
    align-items: center;
}
.tab_bar .w1440 {
    display: flex;
    align-items: center;
    gap: 4px;
}
.tab_item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 60px;
    font-size: 18px;
    color: #444140;
    cursor: pointer;
    transition: all 0.3s;
}
.tab_item.active {
    background: #164F8F;
    color: #fff;
}
.tab_item:hover:not(.active) {
    color: #164F8F;
}

/* 修复：投资者关系页在 rest.css(:focus{outline:none}) 之后加载了 Bootstrap，
   Bootstrap 的 a:focus 会重新给链接加焦点轮廓，点击投资者保护区卡片/分页等 <a>
   时出现黑框。这里复位全页链接焦点轮廓，与全站“无焦点框”设计意图一致。
   仅作用于加载了本 CSS 的页面（投资者关系页等），不影响其它页。 */
a:focus,
a:active {
    outline: none !important;
}

/* ===== 投资者保护 - 设计稿还原（分组 18.psd） ===== */
.inv_protect {
    padding: 60px 0 80px;
}
.inv_list {
    display: grid;
    grid-template-columns: repeat(3, 323px);
    justify-content: center;
    gap: 24px;
}
.inv_card {
    width: 323px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.06);
}
.inv_card_img { width: 100%; }
.inv_card_img img { width: 100%; display: block; }
.inv_card a { display: block; text-decoration: none; } /* 明细链接：填满卡片 */
.inv_card_body { padding: 20px 25px 25px; }
.inv_card_t {
    font-size: 24px;
    color: #212121;
    font-weight: 500;
    margin-bottom: 12px;
    line-height: 1.4;
}
.inv_card_m {
    font-size: 16px;
    color: #878787;
    line-height: 1.8;
}

/* 分页 */
.inv_pager {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
    gap: 6px;
}
.inv_pager a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    padding: 0 20px;
    min-width: 48px;
    background: #fff;
    color: #999999;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s;
}
.inv_pager a:hover { color: #164F8F; }
.inv_pager a.cur {
    background: #164F8F;
    color: #fff;
}
.inv_pager span {
    color: #666666;
    font-size: 18px;
    padding: 0 5px;
}

@media screen and (max-width: 1024px) {
    .inv_list { grid-template-columns: repeat(2, 1fr); }
    .inv_card { width: 100%; }
}
@media screen and (max-width: 768px) {
    .inv_list { grid-template-columns: 1fr; }
    .inv_card { width: 100%; }
    .inv_pager { flex-wrap: wrap; }
}
/* ===== 交流互动 - 设计稿还原（画板 1.psd） ===== */
.jh_wrap {
    padding: 50px 60px 60px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.12);
    margin: 100px auto 80px;
}

/* 标题区 */
.jh_title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    margin-bottom: 50px;
}
.jh_line {
    width: 507px;
    height: 74px;
    border-top: 8px solid #E7EDF3;
    border-bottom: 8px solid #E7EDF3;
}
.jh_title_txt { text-align: center; }
.jh_t {
    font-size: 34px;
    color: #154E8E;
    font-weight: 600;
}
.jh_sub {
    font-size: 20px;
    color: #999999;
    margin-top: 10px;
}

/* FAQ 问答 */
.jh_faq { max-width: 1440px; }
.jh_item {
    padding: 20px 0;
    border-bottom: 1px solid #E5E5E5;
}
.jh_item:last-child { border-bottom: none; }
.jh_q, .jh_a {
    display: flex;
    align-items: flex-start;
    margin-bottom: 12px;
}
.jh_q:last-child, .jh_a:last-child { margin-bottom: 0; }
.jh_qa {
    width: 36px;
    height: 31px;
    background: #164F8F;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 18px;
    flex-shrink: 0;
    line-height: 1;
}
.jh_q_t {
    font-size: 20px;
    color: #525252;
    line-height: 1.6;
}
.jh_a_t {
    font-size: 20px;
    color: #929292;
    line-height: 1.8;
}

/* 问题反馈表单 */
.jh_form {
    margin-top: 60px;
    max-width: 1440px;
}
.jh_form_head { display: flex; align-items: center; margin-bottom: 40px; }
.jh_form_title {
    font-size: 30px;
    color: #1D212A;
    font-weight: 600;
}
.jh_form_line {
    flex: 1;
    height: 8px;
    background: #E7EDF3;
    margin-left: 20px;
}
.jh_field { margin-bottom: 25px; }
.jh_field label {
    display: block;
    font-size: 18px;
    color: #525252;
    margin-bottom: 10px;
}
.jh_field input,
.jh_field textarea {
    width: 100%;
    height: 65px;
    border: 1px solid #E0E6EE;
    background: #fff;
    padding: 0 20px;
    font-size: 16px;
    color: #A5A5A5;
    outline: none;
    box-sizing: border-box;
}
.jh_field textarea {
    height: 193px;
    padding: 15px 20px;
    resize: none;
    line-height: 1.6;
}
.jh_field input:focus,
.jh_field textarea:focus {
    border-color: #164F8F;
    color: #333;
}
.jh_btns {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    margin-top: 35px;
}
.jh_btns button {
    width: 160px;
    height: 48px;
    border: none;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s;
}
.jh_btn_submit {
    background: #164F8F;
    color: #fff;
}
.jh_btn_submit:hover { background: #123d6e; }
.jh_btn_cancel {
    background: #E7EDF3;
    color: #154E8E;
}
.jh_btn_cancel:hover { background: #d5dee9; }

@media screen and (max-width: 1440px) {
    .jh_line { width: 30%; }
}
@media screen and (max-width: 768px) {
    .jh_line { display: none; }
    .jh_q_t, .jh_a_t { font-size: 16px; }
    .jh_btns { justify-content: center; }
}

/* =========================================================
   首页底部导航栏（footer）定制样式
	   说明：index.css 仅首页加载，以下规则用于覆盖 style.css 中
	        共享的 footer 默认样式，避免内联 style 散落在 HTML 中。
	   微调提示：带「微调」注释的属性可直接改值。
	   ========================================================= */

	/* 底部整体背景（深蓝） */
	.footer {
		background: #02192F !important;
	}

	/* 顶部纵向排列：Logo → 短横线 → 导航 */
	.footer .footer_top {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	/* Logo 位置：向下 / 向右（微调改 margin-top / margin-left） */
	.footer_logo {
		margin-top: 40px;
		margin-left: 120px;
	}

	/* Logo 下方短横线：宽 90%，左右各留 5%（微调改 width / margin） */
	.footer_top > .footer_line {
		width: 90%;
		height: 1px;
		background: #33495e;
		opacity: 1;
		margin: 24px 5% 34px;
	}

	/* 导航 + 右侧图标整行：**不换行** —— 否则窄屏时右侧图标会掉到下一行 */
	.footer .footer_row {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: flex-start;
		width: 100%;
	}

	/* 左侧导航整列右移（微调改 margin-left）。
	   核心：width:auto + flex:1 1 auto —— 导航不再固定 75% 宽，而是占满
	   「整行 − 右侧图标区」的剩余空间；列间距由 space-between 分配余量得到，
	   因此**视口变窄时先压缩的是列间距，而不是把文字挤到折行**。 */
	.footer .footer_nav {
		margin-left: 40px;
		width: auto;
		flex: 1 1 auto;
		flex-wrap: nowrap;
	}

	/* 导航列：宽度 = 内容宽度，禁止被压缩（列被压窄就会导致文字折行） */
	.footer .footer_nav_col {
		flex: 0 0 auto;
	}

	/* 导航与右侧图标之间的旧分隔线：隐藏 */
	.footer .footer_row > .footer_line {
		display: none;
	}

	/* 右侧图标整体左移（微调改 margin-right） */
	.footer .footer_center {
		margin-right: 130px;
	}

	/* 导航文字：偏暗白、非加粗（微调改 color 透明度 0.78） */
	.footer .footer_nav_col a {
		color: rgba(255, 255, 255, 0.78) !important;
		font-weight: normal !important;
		white-space: nowrap;
	}

	/* 灰色版权条：整屏宽、去白线、与上方接壤（微调改 margin-top） */
	.footer .footer_btm {
		background: #1C3044 !important;
		position: static;
		border-top: none;
		width: 100%;
		padding: 22px 0 20px;
		margin-top: 60px;
	}

	/* 版权文字颜色 */
	.footer .footer_btm_left {
		color: rgb(170, 170, 170);
	}

/* ---------------------------------------------------------
   底部导航响应式：① 先压缩列间距 → ② 再收窄两侧留白 → ③ 极限时只留图标
   --------------------------------------------------------- */
@media only screen and (max-width: 1600px) {
	.footer .footer_nav {
		padding: 0 60px;
	}

	.footer .footer_nav_col a {
		padding: 0 14px;
	}

	.footer .footer_center {
		margin-right: 80px;
	}
}

@media only screen and (max-width: 1440px) {
	.footer .footer_nav {
		padding: 0 40px;
	}

	.footer .footer_nav_col a {
		padding: 0 10px;
	}

	.footer .footer_center {
		margin-right: 50px;
	}
}

@media only screen and (max-width: 1280px) {
	.footer .footer_nav {
		padding: 0 20px;
	}

	.footer .footer_nav_col a {
		padding: 0 6px;
	}

	.footer .footer_center {
		margin-right: 30px;
	}
}

/* 压到极限（列间距已收无可收）→ 隐藏导航文字，只保留图标；
   此时 Logo（上方大图标）与图标区一并**水平居中** */
@media only screen and (max-width: 1120px) {
	.footer .footer_nav {
		display: none;
	}

	/* 纵向排版方向上的水平居中（首页 footer_top 是 column） */
	.footer .footer_top {
		align-items: center;
	}

	/* 去掉 Logo 的左侧偏移与右侧内边距，使其真正居中 */
	.footer_logo {
		margin-left: 0;
		padding-right: 0;
	}

	/* 整行只剩图标区 → 居中（并清掉原本贴右/贴左的 margin / padding） */
	.footer .footer_row {
		justify-content: center;
	}

	.footer .footer_center {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
	}
}

/* =====================================================================
   「定期公告」tab1 —— 卡片作为 swiper-slide，由 Swiper 控制每屏数量+拖拽 2026-09-22
   背景：原结构为 <a><div class="swiper-slide">…</div></a>，Swiper 4 只认
        .swiper-wrapper 的直接子元素为 slide，因此 slidesPerView 从未生效，
        且此前为"等宽"加的 flex:1 1 0 会把所有卡片压进同一行。
   现改为 <a class="swiper-slide">…</a>（<a> 即 slide），Swiper 才能正常设宽：
        桌面每屏约 5.x 张、可左右拖拽/箭头翻页，不再堆一行。
   说明：当前 10 张 slide，仍 < loop 所需的 2×slidesPerView(≈10.8)，故 JS 中
        loop 已关；autoplay 也关，改为纯手动拖拽。滚动条不显示。
   ===================================================================== */
/* 隐藏轮播自带的滚动条（用户要求纯拖拽，不需要滚动条） */
.baogao .swiper-scrollbar {
    display: none;
}
/* 卡片即 <a> 时，去掉链接默认下划线/颜色，确保整卡可点 */
.baogao .swiper-slide {
    text-decoration: none;
    color: inherit;
}

/* =====================================================================
   投资者保护「文档详情页」InvProtectDetailNN.html 专用
   —— 底部留白就在这里调（下面这个 padding-bottom）
   .mkBox1 全站默认下内边距是 80px；25px 太挤、50px 偏少，这里取 70px。
   想再窄/再宽，直接改这两个数值即可：桌面 70px / 手机 40px。
   仅作用于带 .inv_doc 标记类的页面，不影响其它页面。
   ===================================================================== */
.inv_doc {
    padding-bottom: 70px;
    /* 投资者保护「文档详情页」专用背景（bg_img1.png 转成的 webp）
       覆盖前面 .mkBox1 的 img/Investor/bg_img.webp；缩放/不重复沿用 .mkBox1 的设置 */
    background-image: url(../img/Investor/bg_img1.webp);
}

/* 文档详情页主体内容限宽：.mkBox1 是满宽背景，内部 .w1440 未定义 max-width，
   导致标题/正文/图片在超宽屏下铺满整行。这里把 .report_detail 收进一个
   居中容器，左右留出空白；仅在带 .inv_doc 的投资者保护详情页生效，
   不影响其它新闻/报告详情页。桌面限宽 1000px，窄屏(<1040)改为撑满并留 20px 边。 */
.inv_doc .report_detail {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 20px;
}

@media screen and (max-width: 768px) {
    .inv_doc {
        padding-bottom: 40px;
    }
}

/* =====================================================================
   「投资者保护」tab —— 复刻 NewList「行业动态」列表 + 真分页（每页 10 条）
   背景：画板 8.psd（该 PSD 仅含本模块的浅色风机底图，图层「蒙版分组」）
   列表/分页样式与 NewList.css 的 #tab2 .hd_* / .p_page 体系完全一致。
   ===================================================================== */
#tab_投资者保护 {
    background: url(../img/Investor/inv-protect-bg.png) no-repeat;
    background-size: 100% 100%;
    padding: 80px 0 100px;
}

#tab_投资者保护 .hd_card {
    background: #fff;
    padding: 19px 74px 40px;
    /* 19 + 10 行 × 119 + 40：固定 10 行的最小高度，保证翻页时卡片不跳高 */
    min-height: 1249px;
    box-sizing: border-box;
}

#tab_投资者保护 .hd_list {
    display: block;
}

#tab_投资者保护 .hd_item {
    height: 119px;
    border-bottom: 1px solid #E5E5E5;
    box-sizing: border-box;
    cursor: pointer;
}

#tab_投资者保护 .hd_item a {
    display: block;
    padding-top: 29px;
    text-decoration: none;
}

#tab_投资者保护 .hd_title {
    font-size: 22px;
    line-height: 22px;
    color: #222;
    transition: color .3s;
}

#tab_投资者保护 .hd_item:hover .hd_title {
    color: #164F8F;
}

#tab_投资者保护 .hd_date {
    font-size: 14px;
    line-height: 14px;
    color: #888;
    margin-top: 30px;
}

#tab_投资者保护 .p_page {
    margin-top: 75px;
    display: flex;
    justify-content: center;
}

#tab_投资者保护 .p_page a {
    color: rgb(153, 153, 153);
    margin-right: 8px;
}

#tab_投资者保护 .page_num {
    display: inline-block;
    width: 45px;
    height: 42px;
    background: #fff;
    text-align: center;
    line-height: 42px;
}

#tab_投资者保护 .page_prev {
    display: inline-block;
    width: 90px;
    height: 42px;
    background: #fff;
    text-align: center;
    line-height: 42px;
}

#tab_投资者保护 .page_next {
    display: inline-block;
    width: 90px;
    height: 42px;
    background: #fff;
    text-align: center;
    line-height: 42px;
}

#tab_投资者保护 .p_page a.disabled {
    color: #cccccc;
    cursor: not-allowed;
}

#tab_投资者保护 .page_a.current {
    background-color: #164F8F;
    color: #fff !important;
}

@media screen and (max-width: 768px) {
    #tab_投资者保护 {
        padding: 40px 0 60px;
    }

    #tab_投资者保护 .hd_card {
        padding: 5px 20px 30px;
        min-height: 0;
    }

    #tab_投资者保护 .hd_item {
        height: auto;
        padding-bottom: 14px;
    }

    #tab_投资者保护 .hd_item a {
        padding-top: 16px;
    }

    #tab_投资者保护 .hd_title {
        font-size: 16px;
        line-height: 1.5;
    }

    #tab_投资者保护 .hd_date {
        font-size: 12px;
        line-height: 12px;
        margin-top: 10px;
    }

    #tab_投资者保护 .page_prev,
    #tab_投资者保护 .page_next {
        width: 55px;
        height: 32px;
        line-height: 32px;
    }

    #tab_投资者保护 .page_num {
        width: 32px;
        height: 32px;
        line-height: 32px;
    }

    #tab_投资者保护 .shouye,
    #tab_投资者保护 .weiye {
        display: none;
    }

    #tab_投资者保护 .page_con {
        display: flex;
        flex-wrap: wrap;
    }

    #tab_投资者保护 .page_con a {
        margin-bottom: 10px;
    }
}