/* ===== 椤堕儴 banner锛氶珮搴︽敼涓鸿窡闅忓皝闈㈠浘姣斾緥锛屽交搴曟秷闄よ鍒 =====
   灏侀潰鍥 img/Humanistic/jkBan.webp 鏄 1920脳1080锛?6:9锛夈€
   style.css 閲 #nyBan 鍥哄畾 height:100vh锛屽綋绐楀彛姣 16:9 鏇村鏃讹紙渚嬪鏈€澶у寲娴忚鍣ㄣ€
   甯﹂奔灞忥級锛?banImg 鐨 object-fit:cover 鍙兘闈犺鎺変笂涓嬮儴鍒嗘潵濉弧 鈥斺€
   瀹炴祴鍦 2.1:1 鐨勭獥鍙ｄ笅鍙樉绀轰簡鍥剧墖 84.5% 鐨勯珮搴︼紙涓婁笅鍚勮 103px锛夈€
   鏀规垚 aspect-ratio:16/9 鍚庯紝banner 楂樺害鐢辫嚜韬搴︾畻鍑猴紝姝ｅソ绛変簬鍥剧墖姣斾緥锛
     路 16:9 鐨勭獥鍙  鈫 缁撴灉涓庡師鏉ュ熀鏈竴鑷达紙鈮?00vh锛夛紝闆跺彉鍖
     路 鏇村鐨勭獥鍙    鈫 banner 姣斾竴灞忕暐楂樹竴鐐癸紙闇€杞诲井婊氬姩锛夛紝鍥剧墖 100% 涓嶈
     路 鏇撮珮鐨勭獥鍙    鈫 banner 鐣ョ煯浜庝竴灞忥紙闇插嚭涓€鐐逛笅鏂瑰唴瀹癸級锛屽悓鏍 100% 涓嶈
   鐢 aspect-ratio 鑰屼笉鏄 56.25vw锛歷w 鍚粴鍔ㄦ潯瀹藉害锛屼細澶氬嚭绾 1% 鐨勬í鍚戣鍒囥€
   鑻ヤ互鍚庢洿鎹㈠皝闈㈠浘锛堟瘮渚嬪彉浜嗭級锛岃繖閲岀殑 16/9 瑕佸悓姝ユ敼銆 */
/*@media only screen and (min-width: 1101px) {*/
/*    #nyBan {*/
/*        height: auto;*/
/*        aspect-ratio: 16 / 9;*/
/*    }*/
/*}*/

.mkBox1 {
    position: relative;
    background-image: url(../img/Humanistic/bg_fuzi.webp);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.mk1_tp {
    color: #222;
    text-align: center;
}

.mk1_wrap {
    padding: 100px 0 130px 0;
    position: relative;
    z-index: 9;
}

.mk1_t1 {
    margin-top: 20px;
    padding: 0 6%;
}

.mk1_con {
    /* margin: 0 -7.5px; */
    margin-top: 80px;
}

.mk1_con ul {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.mk1_con ul li {
    cursor: pointer;
    flex: 0 0 32%;
    display: flex;
    background-color: #fff;
    padding: 30px 0 30px 40px;
    margin-bottom: 15px;
    align-items: center;
}

.mk1_con_t {
    margin-left: 35px;
}

.mkBox1_img {
    position: absolute;
    left: 0;
    top: 18%;
    width: 100%;
    height: 43%;
}

.active_img {
    display: none;
    min-height: 45px;
}

.mk1_img {
    display: block;
    min-height: 45px;
}

.mk1_con ul li {
    position: relative;
}

.mk1_con ul li:hover .active_img {
    display: block;
}

.mk1_con ul li:hover .mk1_img {
    display: none;
}

.mk1_con ul li:hover {
    background-color: rgb(22, 79, 143);
}

.mk1_con ul li:hover {
    color: #fff;
}

.mk1_con ul li:hover .active_con {
    display: block;
}

.active_con {
    background-color: #fff;
    padding: 30px 35px;
    position: absolute;
    left: 0;
    top: 99px;
    z-index: 5;
    width: 100%;
    display: none;
}

.active_con img {
    width: 100%;
    height: 100%;
}

.active_con p {
    margin-top: 24px;
    line-height: 32px;
    color: #222;
    height: 90px;
    overflow-y: auto;
    overflow: auto;
    /* 纭繚鍐呭瓒呭嚭鏃舵樉绀烘粴鍔ㄦ潯 */
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
}

.mk2_tp {
    color: #fff;
    text-align: center;
}

.mk2_wrap {
    padding: 100px 0 130px 0;
    position: relative;
    z-index: 9;
}

.mkBox2 {
    position: relative;
    background-image: url(../img/Humanistic/bg_img3.webp);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.mk2_con {
    color: #fff;
}

.mk2_con ul {
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
}

.mk2_con ul li .box_img {
    overflow: hidden;
    transition: all .3s;
}

.mk2_con ul li .box_img:hover img {
    transform: scale(1.05);
}

/* =====================================================================
   涓夊垪鏄惧紡瀹氬锛?026-09-22锛
   鍘熷啓娉 li 娌℃湁瀹藉害 鈫 鍒楀鐢便€屽浘鐗囧師濮嬪昂瀵搞€嶅喅瀹氾紝鑰 img 鍙堟槸 width:100%锛
   鏋勬垚寰幆渚濊禆锛氬浘鐗囩殑銆屽唴鍦ㄥ昂瀵搞€嶄竴鍙橈紙鎹㈠浘銆佹垨鍥剧墖琚姞浜嗗甫 w 鎻忚堪绗︾殑
   srcset锛夛紝鍒楀灏辫窡鐫€鍙 鈥斺€ 鏈嶅姟鍣ㄤ笂銆屼腑闂寸殑鍥剧墖鐗瑰埆澶с€嶅氨鏄繖涓師鍥
   锛坰rcset 鐨 480w 鎻忚堪绗﹁娴忚鍣ㄦ寜 sizes=100vw 鎺ㄧ畻锛屾妸 480px 鐨勫浘褰撴垚
   1920px 鐨勫浘锛屼腑鍒椾粠 720 琚拺鍒 1063锛夈€
   杩欓噷鎸夊綋鍓嶅疄闄呯増寮忔崲绠楁垚鐧惧垎姣斿畾瀹斤紝璁╁竷灞€涓庡浘鐗囧唴鍦ㄥ昂瀵稿交搴曡В鑰︼細
     宸﹀彸鍒 341/1440 鈮 23.7%   涓垪 720/1440 = 50%
   ===================================================================== */
.mk2_con ul li {
    width: 23.7%;
}

.mk2_con ul li:nth-child(2) {
    width: 50%;
}

.mk2_con ul li img {
    width: 100%;
    display: block;
    /* max-height: 245px; */
}

.mk2_con ul li:nth-child(2) img {
    width: 100%;
    /* max-height: 565px; */
}

.mk2_t {
    margin-top: 15px;
    margin-bottom: 25px;
    text-align: center;
}

@media screen and (max-width: 1600px) {
    /* 鍘熸潵杩欓噷鎶婂浘鐗囩缉鍒 90% / 93% 鈥斺€ 閭ｆ槸涓恒€宭i 琚唴瀹规拺瀹姐€嶆墦鐨勮ˉ涓
       锛堢缉鍥剧墖 => 鍒楄窡鐫€鍙樼獎锛夈€傚垪瀹藉凡鏀逛负鐧惧垎姣斿畾瀹斤紝琛ヤ竵涓嶅啀闇€瑕侊紝
       鍘绘帀浠ュ厤鍒楀唴鐣欏嚭绌洪殭銆 */
    .mk2_t {
        width: 90%;
    }
}

@media screen and (max-width: 768px) {
    .mk1_wrap {
        padding: 50px 0 65px 0;
    }

    .mk1_t1 {
        padding: 0;
    }

    .mk1_con ul li {
        width: 100%;
        flex: 0 0 100%;
        padding: 20px;
    }

    .active_con{
        padding: 10px;
    }
    .mk1_con {
        margin-top: 30px;

    }

    .mk2_wrap {
        padding: 50px 0 65px 0;
    }

    .mk2_con ul {
        flex-direction: column;
    }

    /* 绔栨帓鍚庝笁鍒楅兘瑕侀摵婊★紝鍚﹀垯浼氱户鎵夸笂闈㈢殑 23.7% / 50% 瀹氬 */
    .mk2_con ul li,
    .mk2_con ul li:nth-child(2) {
        width: 100%;
    }

    .mk2_con ul li img {
        width: 100%;
    }

    .mk2_t {
        width: 100%;
    }

    .mk2_con ul li:nth-child(2) img {
        width: 100%;
    }
    .mk2_con ul{
        margin-top: 30px;
    }
}
/* ===== 閲戦浄绂忓埄 - 璁捐绋胯繕鍘燂紙绂忓埄.psd / 鏄庣粏 18鏍囩锛 ===== */
.mk1_con ul li.fuzi_tag {
    flex: 0 0 32%;
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 8px;
    padding: 25px 15px 25px 25px;
    margin-bottom: 20px;
    cursor: default;
    box-shadow: 0 4px 15px rgba(0,0,0,0.04);
}
.fuzi_tag_icon {
    width: 54px;
    height: 54px;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.fuzi_tag_icon img { max-width: 100%; max-height: 100%; display: block; }
.mk1_con ul li .fuzi_tag_name {
    font-size: 24px;
    color: #212121;
    margin-left: 0;
    white-space: nowrap;
}

@media screen and (max-width: 1024px) {
    .mk1_con ul li.fuzi_tag { flex: 0 0 48%; }
}
@media screen and (max-width: 768px) {
    .mk1_con ul li.fuzi_tag { flex: 0 0 100%; }
    .fuzi_tag_icon { width: 44px; height: 44px; }
    .mk1_con ul li .fuzi_tag_name { font-size: 20px; }
}

/* ===== 绉诲姩绔ˉ鍏咃紙2026-10-19锛堼====
   .mkBox1_img 鏄楗板簳绾癸紙1920脳405锛夛紝妗岄潰鐢 top:18% / height:43% 鐨勭櫨鍒嗘瘮璐村悎鍖哄潡銆
   鍖哄潡涓€鏃﹀彉楂橈紙骞虫澘/鎵嬫満鍗＄墖鎹㈣锛夛紝43% 灏辨妸 16:9 鐨勫浘绾靛悜鎷変几锛?024 涓 4.74鈫?.50锛
   鎵嬫満涓婃洿鏄媺鎴 0.36锛夈€傚垎涓ゆ。澶勭悊锛屽潎鍙涓嶆媺浼搞€ */
@media screen and (max-width: 1100px) {
    .mkBox1_img {
        object-fit: cover;
    }
}

@media screen and (max-width: 768px) {
    .mkBox1_img {
        /* 鎵嬫満涓婂尯鍧楅珮杈 2400px锛岀櫨鍒嗘瘮楂樺害宸叉棤鎰忎箟 鈫 鏀舵暃鎴愰《閮ㄤ竴鏉′笌鍥惧悓姣斾緥鐨勮楗板甫 */
        top: 0;
        height: auto;
        aspect-ratio: 1920 / 405;
    }
}