.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;
    /* 鼠标悬停特效用的过渡（2026-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;
    }

}

/* =========================================================
   首页底部导航栏（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;
	}
}


/* =========================================================
   与首页「合作伙伴」模块对齐（.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%; }

/* 新疆（index 里 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;
    }
}