.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;   /* 棰勭暀涓よ楂樺害锛岄伩鍏嶃€?024骞村崐骞村害鎶ュ憡鎽樿銆嶇瓑闀挎爣棰樻崲琛屽鑷翠笅鏂瑰浘鐗囬敊浣 */
}

.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锛夈€
       鏀逛负鐧惧垎姣斿悗鍥剧墖濮嬬粓涓庡崱鐗囧悓瀹斤紝鑷劧涓庡眳涓殑鏍囬瀵归綈锛堜笌 鈮?68px 鏂偣涓€鑷达級銆 */
    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; }
}

/* =====================================================================
   銆屽畾鏈熷叕鍛娿€峵ab1 鈥斺€ 鍗＄墖浣滀负 swiper-slide锛岀敱 Swiper 鎺у埗姣忓睆鏁伴噺+鎷栨嫿 2026-09-22
   鑳屾櫙锛氬師缁撴瀯涓 <a><div class="swiper-slide">鈥?/div></a>锛孲wiper 4 鍙
        .swiper-wrapper 鐨勭洿鎺ュ瓙鍏冪礌涓 slide锛屽洜姝 slidesPerView 浠庢湭鐢熸晥锛
        涓旀鍓嶄负"绛夊"鍔犵殑 flex:1 1 0 浼氭妸鎵€鏈夊崱鐗囧帇杩涘悓涓€琛屻€
   鐜版敼涓 <a class="swiper-slide">鈥?/a>锛圏a> 鍗 slide锛夛紝Swiper 鎵嶈兘姝ｅ父璁惧锛
        妗岄潰姣忓睆绾 5.x 寮犮€佸彲宸﹀彸鎷栨嫿/绠ご缈婚〉锛屼笉鍐嶅爢涓€琛屻€
   璇存槑锛氬綋鍓 10 寮 slide锛屼粛 < loop 鎵€闇€鐨 2脳slidesPerView(鈮?0.8)锛屾晠 JS 涓
        loop 宸插叧锛沘utoplay 涔熷叧锛屾敼涓虹函鎵嬪姩鎷栨嫿銆傛粴鍔ㄦ潯涓嶆樉绀恒€
   ===================================================================== */
/* 闅愯棌杞挱鑷甫鐨勬粴鍔ㄦ潯锛堢敤鎴疯姹傜函鎷栨嫿锛屼笉闇€瑕佹粴鍔ㄦ潯锛 */
.baogao .swiper-scrollbar {
    display: none;
}
/* 鍗＄墖鍗 <a> 鏃讹紝鍘绘帀閾炬帴榛樿涓嬪垝绾?棰滆壊锛岀‘淇濇暣鍗″彲鐐 */
.baogao .swiper-slide {
    text-decoration: none;
    color: inherit;
}

/* =====================================================================
   鎶曡祫鑰呬繚鎶ゃ€屾枃妗ｈ鎯呴〉銆岻nvProtectDetailNN.html 涓撶敤
   鈥斺€ 搴曢儴鐣欑櫧灏卞湪杩欓噷璋冿紙涓嬮潰杩欎釜 padding-bottom锛
   .mkBox1 鍏ㄧ珯榛樿涓嬪唴杈硅窛鏄 80px锛?5px 澶尋銆?0px 鍋忓皯锛岃繖閲屽彇 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;
    }
}

/* =====================================================================
   銆屾姇璧勮€呬繚鎶ゃ€峵ab 鈥斺€ 澶嶅埢 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;
    }
}