.banner {
	overflow: hidden;
	position: relative;
	color: white;
}

.banner .banner_bg {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.banner .banner_txt {
	position: absolute;
	left: 50%;
	top: 60%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	letter-spacing: 3px;
}

.banner .banner_txt>* {
	opacity: 0;
	-webkit-transform: translateY(25px);
	-ms-transform: translateY(25px);
	transform: translateY(25px);
	-webkit-transition: all 1s;
	transition: all 1s;
}

.banner .banner_txt>*:nth-child(1) {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.banner .banner_txt>*:nth-child(2) {
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}

.banner .banner_txt>*:nth-child(3) {
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
}

.banner video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.banner .phone_play {
	display: none;
}

.banner .swiper-slide {
	height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.banner .swiper-slide-active .banner_txt>* {
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

.banner .banner_sub {
	font-weight: bold;
	margin-bottom: 15px;
	width: 20%;
	line-height: 1;
}

.banner .banner_tit {
	font-weight: bold;
}

.banner .banner_point {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 1440px;
	position: absolute;
	z-index: 2;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 80px;
}

.banner .banner_point span {
	width: 80px;
	height: 4px;
	background: white;
	margin-right: 10px;
	border-radius: 0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 1;
}

.banner .banner_point span:last-child {
	margin-right: 0;
}

.banner .banner_point span::after {
	content: "";
	display: block;
	width: 0;
	height: 100%;
	background: #fff;
}

.banner .banner_point .swiper-pagination-bullet {
	width: 42px;
	height: 4px;
	border: 1px solid rgba(255, 255, 255, .5) !important;
	background: transparent !important;
}

.banner .banner_point .swiper-pagination-bullet-active::after {
	width: 100%;
}

.banner .banner_point .swiper-pagination-bullet-active {
	background: #FFF !important;
	background-color: #FFF !important;
	border: #FFF !important;
}


.mkBox2 {

	position: relative;
}

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


.mkBox2 .mk2_center {
	position: absolute;
	bottom: 95px;
	/* 真居中：left/right:0 铺满 + 内部 justify-content:center，
	   不再用固定左偏移(left:15%/8%)，也不用 transform
	   （transform 会被 wow 的 fadeInUp 动画覆盖，导致居中失效） */
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	padding: 0 50px;
	/* 盒子铺满全宽后仅内部内容可交互，避免遮挡地图点位的 hover */
	pointer-events: none;
}

.mkBox2 .mk2_center > * {
	pointer-events: auto;
}

.mkBox2 .mk2_center ul {
	background-color: #fff;
	border-radius: 6px;
	display: flex;
}

.mkBox2 .mk2_center ul li {
	position: relative;
	padding: 18px 40px;
}

.mkBox2 .mk2_center ul li::after {
	content: '';
	position: absolute;
	right: 0;
	top: 40%;
	width: 2px;
	height: 30px;
	background-color: rgb(238, 238, 238);
}

.mk2_num {
	color: rgb(27, 98, 179);
	font-weight: bold;
	line-height: 1;
}

/* 数据区数字后缀（亿+ / 亿 / +）小号字，参考设计稿 */
.mk2_num_unit {
	font-size: 0.42em;
}

.mk2_ms {
	color: rgb(119, 119, 119);
	margin-top: 8px;
}

.icon_bg {
	border: 1px solid #fff;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, .5);
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.icon {
	display: block;
	z-index: 9;
}

.jump_btn {
	cursor: pointer;
	background-image: url('../img/Index/btn_bgimg.png');
	background-color: rgb(27, 98, 179);
	background-size: 120% 150%;
	background-position: center;
	border-radius: 6px;
	display: flex;
	width: 278px;
	height: 110px;
	justify-content: center;
	align-items: center;
	margin-left: 10px;
}

.jump_btn:hover .icon_bg {
	transform: translateX(10px);
}

.jump_btn .icon_bg {
	transition: all .3s;
}

.btn_t {
	color: #fff;
	margin-right: 50px;
}

/* 地图点位层：铺满背景图所在的 .mkBox2 盒子
   （原来 width 为 0、top:0/bottom:-200px，导致子元素百分比无处可解析、只能写死 px） */
.mk2_icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.map_text {
	color: #222;
}

.map_dian span {
	width: 14px;
	height: 14px;
	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: 50px;
	min-width: 160px;
	margin-right: 50px;
	justify-content: center;
	transition: all .3s;
}

.mk2_icon .map_nei .map_text {
	transition: all .3s;
}

.mk2_icon .map_nei:hover .map_text {
	transform: translateX(10px);
}

.map_nei img {
	margin-right: 10px;
}

.mk2_icon ul li {
	display: flex;
	align-items: center;
	position: absolute !important;
	cursor: pointer;
	text-align: center;
	z-index: 10;
}

.mk2_icon ul li:nth-child(3) {
	flex-direction: row-reverse;
}

.mk2_icon ul li:nth-child(4) {
	flex-direction: row-reverse;
}

.mk2_icon ul li:nth-child(5) {
	flex-direction: row-reverse;
}

.mk2_icon ul li:nth-child(6) {
	flex-direction: row-reverse;
}

/* 地图点位：left/top 一律用「相对背景图盒子（.mkBox2，≈16:9）」的百分比。
   这样窗口宽度变化时，点位与背景图上的位置保持相对不变。
   下面的百分比 = 1920 视口下实测的「点位相对图片盒子」位置；
   原来 left 写 px（如 280px）会随窗口变窄而跑偏（实测最多偏 16%），故改为百分比。 */
.dian1 {
	left: 12.4672%;
	top: 71.1986%;
}

.dian2 {
	left: 26.9029%;
	top: 39.1586%;
}

.dian3 {
	left: 31.8898%;
	top: 20.1721%;
}

.dian4 {
	left: 47.1654%;
	top: 14.2388%;
	flex-direction: row !important;
}

.dian5 {
	left: 62.0735%;
	top: 23.7329%;
}

.dian6 {
	left: 70.9974%;
	top: 49.8381%;
}

.dian7 {
	left: 45.8005%;
	top: 71.1986%;
}

.mk3_t {
	color: #fff;
}

.mk3_m {
	color: #fff;
}

.mk3_tab {
	margin-top: 65px;
}

.mk3_tab_title {
	color: #fff;
	white-space: nowrap;
}

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

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

.mk3_tab ul li {
	background: transparent;
	border-radius: 30px;
	border: 1px solid rgba(255, 255, 255, .5);
	display: flex;
	align-items: center;
	min-width: 200px;
	margin: 0 15px;
	padding: 6px 24px;
	text-align: center;
	cursor: pointer;
	position: relative; /* 给下方 a::after 提供定位参照（放大点击区用） */
}

/* 链接只包住标题文字，这里让点击区铺满整个按钮（含左侧图标），
   否则点在图标上不会跳转、但鼠标却是 pointer */
.mk3_tab ul li a::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.mk3_tab ul {
	display: flex;
	justify-content: center;

}

.mk3_tab ul li img {
	width: 40px;
	height: 40px;
	margin-right: 30px;
}

.mk3_tab ul li:nth-child(3) img {
	margin-right: 20px;
}

.mk3_tab ul li:nth-child(4) img {
	margin-right: 20px;
}

.mk3_tab .tab_click .mk3_tab_title {
	transition: all .3s;
}

.mk3_tab .tab_click:hover .mk3_tab_title {
	transform: translateX(10px);
}

.mkBox3 {
	background-image: url(../img/Index/7.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.mk3_content {
	padding: 0 17%;
}

.mk3_gallery {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0;
	width: 100%;
}

.mk3_gallery img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

.mk3_title {
	display: flex;
	justify-content: space-between;
}

.mk3_t {
	margin-right: 70px;
	min-width: 170px;
}

.mk3_m {
	line-height: 32px;
	margin-top: 10px;
}

.mk3_tab_list {
	padding: 75px 0 90px 0;
	background-image: url(../img/Index/7.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.mk3_tab_banner {
	display: flex;
	flex-wrap: wrap;
}

.mk3_image {
	flex: 0 0 33.3%;
}

.mk3_tab_banne .tab_img {
	flex: 0 0 33.3%;
}

.tab_active {
	background-color: #fff !important;
}

.tab_click .i2 {
	display: none;
}

.tab_active .i1 {
	display: none;
}

.tab_active .i2 {
	display: block;
}

.tab_active .mk3_tab_title {
	color: rgb(27, 98, 179);
}



.mkBox4 {
	padding: 95px 0 120px 0;
	/* background-image: url(../img/Index/mk4_bgimg.png); */
	background-size: 100% 100%;
	background-repeat: no-repeat;
	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;
}

.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;
}

.mk4_icon_list 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 新增） */
	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);                     /* 只放大一点点：10px → 11.5px */
	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;
}


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

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

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

.li4 {
	left: 49.5%;
	top: 29%;
}

.li5 {
	left: 49%;
	top: 38%;
}

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

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

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

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

.li10 {
	left: 80%;
	top: 46%;
}

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

/* 北美-右侧 */
.li12 { 
	left: 26%;
	top: 38%;
}

/* 东欧-挪威 */
.li13 {
	left: 50%;
	top: 32%;
}

/* 印度 - 西北 */
.li14 {
	left: 67.3%;
	top: 50%;
}

/* 中亚 - 正中心 */
.li15 {
	left: 69%;
	top: 40%;
}


/* 新疆 */
.li16 {
	left: 73%;
	top: 44%;
}


/* 北京 */
.li17 {
	left: 79%;
	top: 39%;
}


/* 长春 */
.li18 {
	left: 81.5%;
	top: 36.5%;
}




.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);
}


.mkBox5 {
	padding: 120px 0 160px 0;
	background-image: url(../img/Index/mk5_bgimg.webp);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.mk5_btn {
	color: #222;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 10px 25px 0px rgba(10, 36, 66, 0.1);
	padding: 11px 45px;
	border-radius: 30px;
	min-width: 180px;
	text-align: center;
	cursor: pointer;
}

.mk5_btn .qqq {
	transition: all .3s;
}

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

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

.mk5_title {
	color: #222;
}

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

.mk5_t {
	color: #222;
	padding: 0 40px;
	margin-top: 40px;
	min-height: 72px;
}

.mk5_m {
	padding: 0 40px;
	color: rgb(153, 153, 153);
	margin-top: 25px;
	min-height: 72px;
}

.mk5_time {
	color: rgb(153, 153, 153);
}

.mk5_jump {
	display: flex;
	align-items: center;
	padding: 0 40px;
	/* 卡片删除摘要后内容变短：用 auto 把「日期 + 箭头」行压到卡片底部，四条卡片对齐 */
	margin-top: auto;
	padding-top: 60px;
	padding-bottom: 30px;
	justify-content: space-between;
}

.mk5_item_btn {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	background-color: #fff;
	justify-content: center;
	border: 1px solid rgba(0, 0, 0, .3);
	cursor: pointer;
}

.mk5_item_btn:hover {
	background-color: rgb(27, 98, 179) !important;
}

.mk5_item_btn svg {
	margin: 0;
	width: 100%;
	height: auto;
	width: 14px;

}

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

.mkBox5 .box_item {
	background-color: #fff;
	box-shadow: 0px 5px 49px 0px rgba(174, 174, 174, 0.19);
	/* ↓↓↓ 首页新闻卡片高度（唯一控制参数，改这个数值即可）↓↓↓
	   卡片内容自然高度实测：1920屏 512~548px / 1440屏 504~522px / 1200屏 513~540px
	   取值略高于最高的一条，既能把四条卡片拉齐，又不会在底部留大片空白
	   （原值 625px 是配着已删除的摘要段调的，故需下调） */
	min-height: 550px;
	/* 纵向弹性布局，配合 .mk5_jump 的 margin-top:auto 实现底部对齐 */
	display: flex;
	flex-direction: column;
}

.mkBox5 .box_item .box_image {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
}

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

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

.mkBox5 .box_item:hover .mk5_t {
	color: rgb(27, 98, 179);
}

.mkBox5 .box_item img {
	width: 100%;
	height: 100%;
	min-height: 260px;
}



.baogao {
	margin-top: 70px;
	width: 87.5%;
	margin-left: 12.5%;
}

.swiper {
	overflow: hidden;
}

.swiper-scrollbar-horizontal {
	position: absolute;
	left: 0;
	bottom: -85px;
	z-index: 50;
	height: 10px;
	width: 100%;
	background-color: #fff;
	max-width: 1440px;

}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	min-width: 253px;
	position: relative;
	background: rgb(27, 79, 143);
	border-radius: 10px;
	left: 0;
	top: 0;
}

@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 only screen and (max-width: 1800px) {
	.mkBox2 .mk2_center {
		bottom: 30px
	}

	.mkBox2 .mk2_center ul li {
		padding: 18px 35px;
	}






}



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

	.banner .banner_point {
		width: 80%;
		bottom: 60px;
	}

	.banner .banner_honor {
		margin-top: 6.25%;
	}

	.baogao {
		width: 90%;
		margin-left: 10%;
	}

	.swiper-scrollbar-horizontal {
		width: 80%;
	}

	.mkBox2 .mk2_center {
		bottom: 30px
	}

	.mkBox2 .mk2_center ul li {
		padding: 18px 35px;
	}






}

@media only screen and (max-width: 1440px) {
	.mkBox2 .mk2_center ul li {
		padding: 15px 23px;
	}

	.mk3_content {
		padding: 0 8%;
	}
}






@media only screen and (max-width: 1200px) {
	.banner .banner_point {
		width: 90%;
	}
}

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


	.banner {
		height: 55vh;
	}
	.banner .banner_point {
		width: 90%;
	}
	.mk3_content{
		padding: 0;
	}






}

@media screen and (max-width: 768px) {
	
	.baogao {
		width: 90%;
		margin-left: 5%;
	}

	.swiper-scrollbar-horizontal {
		width: 90%;
	}

	.banner {
		margin-top: 56px;
		/* height: 45vh; */
		height: 100%;
		width: 100%;
	}

	.banner .banner_honor {
		display: none;
	}

	.banner .swiper-slide {
		height: 300px;
	}

	.banner .banner_bg {
		height: 100%;
		width: auto;
	}

	.banner .banner_point {
		bottom: 20px;
		justify-content: center;
	}

	.banner .banner_point span {
		width: 40px;
	}

	.banner .banner_sub {
		font-size: 16px;
	}

	.banner .banner_tit {
		font-size: 22px;
	}

	.syBox1 {
		height: auto;
		padding: 50px 0;
	}

	.syBox1_link {
		width: 150px;
		height: 36px;
		margin-top: 25px;
	}

	.syBox2 .w1440 {
		justify-content: center;
	}

	.syBox2_li {
		width: 85%;
		margin: 15px 0;
	}

	.syBox2_li img {
		max-width: 10%;
	}

	.syBox2_li:nth-child(2) .fnt_24 {
		margin-left: 17px;
	}

	.syBox2_li .fnt_24 {
		font-size: 16px;
	}

	.business {
		padding-top: 40px;
		padding-bottom: 30px;
	}

	.business .bus_btm {
		display: block;
	}

	.business .bus_l {
		width: 10px;
	}

	.business .bus_r {
		width: 10px;
	}

	.business .bus_img {
		height: 83px;
	}

	.business .bus_flx {
		padding: 0;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.business .bus_btm .bus_img {
		height: 80px;
		flex: 1;
		margin-bottom: 15px;
	}

	.business .bus_info {
		font-size: 14px;
		width: 14px;
		margin: 8px auto 0;
		top: 0;
	}

	.business .bus_icon {
		height: 14px;
	}

	.business .bus_icon img {
		max-width: 30px;
		max-height: 100%;
	}

	.business .bus_tit {
		font-size: 14px;
		margin-top: 10px;
	}

	.business .top_sunshine {
		top: -3px;
	}

	.business .btm_sunshine {
		bottom: -6px;
	}

	.business .guang {
		top: 43%;
		width: 100%;
	}

	.business .guang1 {
		top: 43%;
		width: 100%;
	}

	.syBox4 {
		padding: 40px 0 10px;
	}

	.syBox4_imgBox {
		margin-top: 25px;
	}

	.textBox_li {
		width: 115px;
	}

	.textBox_li:not(:last-child) {
		margin-right: 15px;
	}

	.syBox4_textBox {
		margin-top: 20px;
		width: 95%;
		white-space: nowrap;
		overflow: auto;
		justify-content: flex-start;
	}

	.syBox5_li {
		width: 75%;
		margin-bottom: 20px;
	}

	.syBox5_con_text {
		justify-content: center;
	}

	.common_title {
		font-size: 16px;
	}

	.common_sum {
		margin-top: 10px;
	}

	.syBox5_li img {
		max-width: 25px;
	}

	.syBox5_li .fnt_24 {
		font-size: 16px;
	}

	.syBox6 {
		padding: 30px 0;

	}

	.syBox6 .swiper-container {
		width: 90%;
		margin: 0 auto;
	}

	.syBox6_img {
		width: 100%;
		overflow: hidden;
	}

	.environment_txt {
		width: 100%;
		text-align: center;
		margin-top: 15px;
	}

	.environment .env_point {
		position: unset;
		width: 100%;
		text-align: center;
		margin-top: 20px;
	}

	.environment .env_point span {
		width: 40px;
	}

	.syBox7 {
		padding: 40px 0;
	}

	.news .news_flx .common_title {
		width: 100%;
		text-align: left;
	}

	.news .news_flx a {
		width: 150px;
		height: 36px;
		margin-top: 25px;
	}

	.news .news_sw {
		margin: 25px auto 0;
	}

	.news .news_txt {
		padding: 25px 20px;
	}

	.news .news_time {
		margin-top: 15px;
	}

	.mk2_icon ul {
		display: none;
	}

	.mk2_center {
		width: 100%;
		display: flex;
		flex-direction: column;
		left: 0;
	}

	.mk2_center ul {
		display: flex;
		flex-direction: column;
	}

	.jump_btn {
		/* padding: 10px 20px; */
		margin-top: 10px;
		margin-left: 0;
		padding: 10px 20px;
	}

	.mkBox2 .mk2_center {
		left: 0;
	}

	.mk2_bgimg {
		min-height: 400px;
	}


	.mk3_title {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}

	.mk3_tab {
		margin-top: 30px;
	}

	.mk3_tab ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.mk3_tab ul li {
		margin: 0;
		flex: 0 0 48%;
		min-width: 100px;
		padding: 8px 10px;
		margin-bottom: 10px;


	}

	.mk3_tab_list {
		padding: 30px 0 45px 0;
	}


	.mkBox4 {
		padding: 40px 0 60px 0;
	}

	.mk4_text {
		padding: 0 5%;
	}

	.li_active .li_hover {
		display: none;
	}

	.btn_jump {
		margin-top: 10px;
	}


	.mkBox5 {
		padding: 60px 0 80px 0;
	}

	.swiper-scrollbar-horizontal {
		bottom: -40px;
	}

	.baogao {
		margin-top: 35px;
	}

	.mk5_jump {
		margin-top: 20px;
	}

	.mkBox5 .box_item {
		min-height: 100%;
	}

	.mk5_t {
		padding: 0 20px;
	}

	.mk5_m {
		padding: 0 20px;
	}

	.mk5_jump {
		padding: 0 20px;
	}

	.swiper-scrollbar-drag {
		min-width: 30%;
	}

	.mkBox2 .mk2_center ul{
		flex-direction: row;
		flex-wrap: wrap;
	}
	.mkBox2 .mk2_center{
		padding:0 10px;
	}
	.mkBox2 .mk2_center ul li{
		flex: 0 0 49%;
		padding: 10px 20px;
	}
	.jump_btn{
		width: 50%;
	}
	.mk2_center{
		align-items: center;
	}
	.btn_t{
		margin-right: 20px;
		white-space: nowrap;
	}

	.mkBox2 .mk2_center ul li:nth-child(2n):after{
		content: none;
	}
	.icon_bg{
		width: 32px;
		height: 32px;
	}
}

/* =========================================================
   首页底部导航栏（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）。
	   white-space: nowrap —— 文字一律不折行（空间不足时先收窄列间距，最后整块隐藏） */
	.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);
	}

/* ---------------------------------------------------------
   底部导航响应式：① 先压缩列间距 → ② 再收窄两侧留白 → ③ 极限时只留图标
   说明：8 列文字总宽约 500px（不折行时），右侧图标区约 460px（含留白），
        估算「1100px 前后」就是压无可压的点，届时隐藏导航只留图标。
   --------------------------------------------------------- */
@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）—— 对齐 Partner.html（2026-10-09）
   规则取自 css/Partner.css，**全部限定在 .mkBox4 作用域内**，
   不影响本站其它用到 .baogao / .box_item 的区块（如“新闻中心”轮播）。
   1) .mkBox4 .baogao —— logo 轮播容器。裸 .baogao 是给“新闻中心”用的
      （width:87.5% + margin-left:12.5%），会把这个全宽 logo 条挤偏，故在此覆盖回来。
   2) .swiper_hz / .box_item / .box_image —— 31 个客户 logo 无缝轮播。
   3) .mkBox4 .liX —— 合作伙伴地图点位（取值与 Partner.css 完全一致）。
   ========================================================= */

/* ---- logo 轮播容器 ---- */
.mkBox4 .baogao {
	width: 100%;
	margin-left: 0;
	margin-top: 50px;
	background-image: url(../img/Partner/bg_img1.webp);
	background-size: 100% 680%;
	background-repeat: no-repeat;
}

.mkBox4 .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;
}

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

.mkBox4 .box_item img {
	border-radius: 10px;
	cursor: pointer;
}

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

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

/* ---- 合作伙伴地图点位（与 Partner.css 完全一致） ---- */
.mkBox4 .li1    { left: 14%;   top: 40%; }
.mkBox4 .li1-1  { left: 17%;   top: 49%; }
.mkBox4 .li2    { left: 32%;   top: 70%; }
.mkBox4 .li3    { left: 45%;   top: 27%; }
.mkBox4 .li4    { left: 50%;   top: 26%; }
.mkBox4 .li5    { left: 46.5%; top: 34%; }
.mkBox4 .li6    { left: 52.5%; top: 28.5%; }
.mkBox4 .li7    { left: 60%;   top: 42%; }
.mkBox4 .li8    { left: 70.8%; top: 36.5%; }
.mkBox4 .li9    { left: 74%;   top: 50%; }
.mkBox4 .li10   { left: 79.8%; top: 43%; }
.mkBox4 .li10-1 { left: 79.4%; top: 47%; }
.mkBox4 .li10-2 { left: 77.1%; top: 50.5%; }
.mkBox4 .li11   { left: 82%;   top: 77%; }
.mkBox4 .li12   { left: 24%;   top: 35%; }
.mkBox4 .li12-1 { left: 21.5%; top: 36%; }
.mkBox4 .li12-2 { left: 23%;   top: 46.5%; }
.mkBox4 .li12-3 { left: 35.5%; top: 66.5%; }
.mkBox4 .li12-4 { left: 29%;   top: 80%; }
.mkBox4 .li13   { left: 50%;   top: 32%; }
.mkBox4 .li14   { left: 66.5%; top: 50%; }
.mkBox4 .li15   { left: 72%;   top: 42%; }
.mkBox4 .li16   { left: 73%;   top: 44%; }
.mkBox4 .li17   { left: 79%;   top: 39%; }
.mkBox4 .li18   { left: 82%;   top: 40.5%; }
.mkBox4 .li18-1 { left: 85%;   top: 43%; }
.mkBox4 .liA-1  { left: 55.5%; top: 78%; }
.mkBox4 .liA-2  { left: 52%;   top: 83.5%; }
.mkBox4 .liA-3  { left: 44%;   top: 46.5%; }
.mkBox4 .liB-1  { left: 45%;   top: 40%; }
.mkBox4 .liB-2  { left: 55.7%; top: 21%; }
.mkBox4 .liB-3  { left: 58.5%; top: 30%; }
.mkBox4 .liB-4  { left: 58.5%; top: 47%; }
.mkBox4 .liB-5  { left: 61.5%; top: 49.5%; }
.mkBox4 .liC-1  { left: 75%;   top: 60.5%; }
.mkBox4 .liC-2  { left: 79.5%; top: 65.5%; }
.mkBox4 .liC-3  { left: 89%;   top: 81.5%; }
.mkBox4 .liC-4  { left: 86.7%; top: 84.3%; }

/* ---- 响应式（对齐 Partner.css 的 1600 / 1280 / 768 三个断点）---- */
@media screen and (max-width: 1600px) {
	.mkBox4 .box_item img { width: 160px; }
}

@media screen and (max-width: 1280px) {
	.mkBox4 .box_item img { width: 120px; }
}

@media screen and (max-width: 768px) {
	.mkBox4 .box_item img { width: 85px; }
	.mkBox4 .baogao { margin-top: 30px; }
	.mkBox4 .btn_jump { margin-top: 10px; }
}