.banImg {
    width: 100%;
    height: 100%;
}

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

.box_item img {
    /* background-color: #fff; */
    border-radius: 10px;
    /* padding: 50px; */
    cursor: pointer;
}

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

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

.swiper {
    overflow: hidden;
}

.bg_img2 {
    width: 100%;
    height: 100%;
}

.lkjBox1 {
    background-color: rgb(223, 232, 243);
    padding: 120px 0 150px 0;
}

.baogao {
    background-image: url(../img/Partner/bg_img1.webp);
    background-size: 100% 680%;
    background-repeat: no-repeat;
    margin-top: 50px;
}

.lk_earth {
    margin-top: 100px;
    position: relative;
}

.map_dian span {
    width: 10px;
    height: 10px;
    background: rgb(27, 98, 179);
    border-radius: 50%;
    position: relative;
    display: block;
}

.map_dian {
    position: absolute;
    cursor: pointer;
    text-align: center;
    z-index: 10;
}

.map_dian span:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: rgba(27, 98, 179, .2);
    border-radius: 100%;
    animation: inner-ripple 3500ms linear infinite;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.map_dian span:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: rgba(27, 98, 179, .2);
    border-radius: 100%;
    animation: inner-ripple 4500ms linear infinite;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.map_nei {
    background-color: #fff;
    border-radius: 30px;
    padding: 9px 20px;
    display: flex;
    align-items: center;
    margin-left: 30px;
    min-width: 160px;
    margin-right: 30px;
    justify-content: center;
}

.lk_map li {
    position: absolute;
    cursor: pointer;
}

.li_hover {
    position: relative;
    background-color: rgb(255, 255, 255);
    box-shadow: 7.071px 7.071px 40px 0px rgba(10, 36, 66, 0.2);
    position: absolute;
    z-index: 60;
    left: -110px;
    display: none;
    color: #222;
    line-height: 32px;
    width: 100%;
    display: none;
    top: -133px;
}

.li_active .li_hover {
    display: block;
}

.lk_map ul li:hover .li_hover {
    display: block;
}

/* .li_hover img{
	width: 100%;
	height: 100%;
	object-fit: contain;
} */

.li_hover::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #fff;
    border-bottom: 10px solid transparent;
    /* 涓夎褰㈤鑹 */
    /* 璋冩暣浣嶇疆 */
    bottom: -27%;
	left: -5px;
    transform: translateX(550%);
    /* 灞呬腑涓夎褰 */
}

.mk4_icon_list .map_dian span {
    width: 10px;
    height: 10px;
    background: rgb(27, 98, 179);
    border-radius: 50%;
    position: relative;
    display: block;
    /* 榧犳爣鎮仠鐗规晥鐢ㄧ殑杩囨浮锛?026-10-09 鏂板锛屼笌 index.html 鍚堜綔浼欎即鍖轰繚鎸佷竴鑷达級 */
    transition: transform .25s ease, background-color .25s ease, box-shadow .25s ease;
    will-change: transform;
}

/* 榧犳爣绉诲埌鍦板浘鐐逛笂锛氬渾鐐硅交寰斁澶 + 缁嗙櫧浜竟 + 娣¤摑鍏夋檿锛堜繚鎸佽摑蹇冿紝骞呭害寰堝厠鍒讹級
   鈥斺€ scale 鏀惧ぇ鍚庯紝span 鑷甫鐨勪袱涓稛婕?:before/:after)浼氫竴璧峰彉澶э紝鏁堟灉鏇存槑鏄 */
.mk4_icon_list li:hover .map_dian span,
.mk4_icon_list .map_dian:hover span {
    transform: scale(1.15);
    background-color: rgb(27, 98, 179);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .9),
                0 0 9px 2px rgba(27, 98, 179, .45);
}

.postion {
    position: relative;
}

.swiper_hz .swiper-wrapper {
	-webkit-transition-timing-function: linear !important;
	-moz-transition-timing-function: linear !important;
	-ms-transition-timing-function: linear !important;
	-o-transition-timing-function: linear !important;
	transition-timing-function: linear !important;
}

.swiper_hz .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
}

@keyframes inner-ripple {
    0% {
        transform: translate(-50%, -50%) scale(1);
        filter: alpha(opacity=50);
        opacity: 0.8
    }

    30% {
        transform: translate(-50%, -50%) scale(1.5);
        filter: alpha(opacity=50);
        opacity: 0.5
    }

    100% {
        transform: translate(-50%, -50%) scale(2.5);
        filter: alpha(opacity=0);
        opacity: 0
    }
}

@media screen and (max-width: 1600px) {
    .box_item img {
        /* background-color: #fff; */
        border-radius: 10px;
        /* padding: 50px; */
        width: 160px;
    }

}

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

    .box_item img {
        /* background-color: #fff; */
        border-radius: 10px;
        /* padding: 50px; */
        width: 120px;
    }
   

}

@media screen and (max-width: 768px) {
    .box_item img{
        width: 85px;
    }
    .lkjBox1 {
        background-color: rgb(223, 232, 243);
        padding: 50px 0 50px 0;
    }

    .li_hover img {
        width: 160px;
    }

    .li_hover {
        left: -77px;
        top: -77px;
    }

    .li_hover::before {
        left: -40px;
    }

    .baogao{
        margin-top: 30px;
    }
    .lk_earth{
        margin-top: 50px;
    }

}

/* =========================================================
   涓庨椤点€屽悎浣滀紮浼淬€嶆ā鍧楀榻愶紙.mkBox4锛  鈥斺€ 2026-09-21
   瑙勫垯鍙栬嚜 css/index.css 鐨 .mkBox4 鍖哄潡锛屾寜闇€鎼叆鏈〉銆
   娉ㄦ剰锛氫笉鑳界洿鎺ヨ鏈〉寮曞叆 index.css 鈥斺€ index.css 鐨勮８閫夋嫨鍣
   .baogao 浼氭妸鏈〉 31 涓鎴 logo 杞挱鐨勮儗鏅浘鍐叉帀銆
   ========================================================= */
.mkBox4 {
    padding: 95px 0 120px 0;
    background-color: rgb(223, 232, 243);
}

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

.mk4_text {
    color: rgb(119, 119, 119);
    text-align: center;
    padding: 0 32.5%;
    line-height: 32px;
    margin-top: 20px;
}

.mk4_bgimg {
    width: 100%;
    height: 100%;
}

.mk4_con {
    position: relative;
}

.mk4_icon_list li {
    position: absolute;
    cursor: pointer;
}

.mk4_icon_list li:hover .li_hover {
    display: block;
}

.mk4_btn {
    display: flex;
    justify-content: center;
}

.mk4_btn .btn_jump .qqq {
    transition: all .3s;
}

.mk4_btn .btn_jump:hover .qqq {
    margin-left: 10px;
}

.btn_jump {
    background-color: rgb(27, 98, 179);
    color: #fff;
    border-radius: 30px;
    padding: 10px 40px;
    margin-top: -45px;
    min-width: 180px;
    text-align: center;
    cursor: pointer;
    z-index: 9;
    box-shadow: 0px 10px 25px 0px rgba(10, 36, 66, 0.1);
}

.btn_jump:hover {
    background-color: #fff;
    color: rgb(27, 98, 179);
}

.li1 {
    left: 14%;
    top: 40%;
}

.li1-1 {
    left: 17%;
    top: 49%;
}

.li2 {
    left: 32%;
    top: 70%;
}

.li3 {
    left: 45%;
    top: 27%;
}

.li4 {
    left: 50%;
    top: 26%;
}

.li5 {
    left: 46.5%;
    top: 34%;
}

.li6 {
    left: 52.5%;
    top: 28.5%;
}

.li7 {
    left: 60%;
    top: 42%;
}

.li8 {
    left: 70.8%;
    top: 36.5%;
}

.li9 {
    left: 74%;
    top: 50%;
}

.li10 {
    left: 79.8%;
    top: 43%;
}

.li10-1 {
    left: 79.4%;
    top: 47%;
}

.li10-2 {
    left: 77.1%;
    top: 50.5%;
}

.li11 {
    left: 82%;
    top: 77%;
}

/* ---------- index 鏂板鐨勭偣浣嶏紙Partner 鍘熸潵鍙埌 li11锛 ---------- */
/* 鍖楃編-鍙充晶 */
.li12 { left: 24%; top: 35%; }

.li12-1 { left: 21.5%; top: 36%; }

.li12-2 { left: 23%; top: 46.5%; }

/*鍗楃編*/
.li12-3 { left: 35.5%; top: 66.5%; }
.li12-4 { left: 29%; top: 80%; }

/*闈炴床*/
.liA-1 { left: 55.5%; top: 78%; }
.liA-2 { left: 52%; top: 83.5%; }
.liA-3 { left: 44%; top: 46.5%; }

/*娆ф床 鏂板*/
.liB-1 { left: 45%; top: 40%; }

.liB-2 { left: 55.7%; top: 21%; }
.liB-3 { left: 58.5%; top: 30%; }
.liB-4 { left: 58.5%; top: 47%; }
.liB-5 { left: 61.5%; top: 49.5%; }

.liC-1 {left: 75%;top: 60.5%;}
.liC-2 {left: 79.5%;top: 65.5%;}

.liC-3 {left: 89%;top: 81.5%;}

.liC-4 {left: 86.7%;top: 84.3%;}

/* 涓滄-鎸▉ */
.li13 {
    left: 50%;
    top: 32%;
}

/* 鍗板害-瑗垮寳 */
.li14 { left: 66.5%; top: 50%; }

/* 涓簹-姝ｄ腑蹇 */
.li15 { left: 72%; top: 42%; }

/* 鏂扮枂锛坕ndex 閲 li16 鐨 li 琚敞閲婃帀浜嗭紝杩欓噷鍙繚鐣欒鍒欏鐢級 */
.li16 { left: 73%; top: 44%; }
/* 鍖椾含 */
.li17 { left: 79%; top: 39%; }
/* 闀挎槬 */
.li18 { left: 82%; top: 40.5%; }

.li18-1 { left: 85%; top: 43%; }

/* ---------- 绉诲姩绔鐩栵紙瀵归綈 index.css 鐨 <=768px 鍖哄潡锛 ---------- */
@media screen and (max-width: 768px) {
    .mkBox4 {
        padding: 40px 0 60px 0;
    }
    .mk4_text {
        padding: 0 5%;
    }
    .li_active .li_hover {
        display: none;
    }
    .btn_jump {
        margin-top: 10px;
    }
}
