/* 本地仿站修复：横幅与全局图片（原图 1920×550） */
.flickerplate,
.flicker-example.flickerplate {
	--banner-aspect: 1920 / 550;
	--banner-height: clamp(200px, 28.65vw, 550px);
	position: relative;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	background: #e6e6e6;
	aspect-ratio: var(--banner-aspect);
	height: auto;
	min-height: var(--banner-height);
	max-height: 550px;
}

.flickerplate ul.flicks {
	width: 100% !important;
	left: 0 !important;
	transform: none !important;
	-webkit-transform: none !important;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	height: 100%;
	min-height: inherit;
}

.flickerplate ul.flicks > li {
	width: 100% !important;
	float: none !important;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: none !important;
	height: 100%;
	min-height: inherit;
}

.flickerplate ul.flicks > li.banner-active {
	display: block;
	z-index: 1;
}

.flickerplate ul.flicks > li .banner-slide-img,
.flickerplate ul.flicks > li img {
	width: 100%;
	max-width: 100%;
	height: 100%;
	min-height: inherit;
	aspect-ratio: var(--banner-aspect);
	object-fit: cover;
	object-position: center center;
	display: block;
	vertical-align: top;
}

.flickerplate ul.flicks > li .flick-inner,
.flickerplate ul.flicks > li .flick-content {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	min-height: inherit !important;
	padding: 0 !important;
}

.flickerplate ul.flicks > li .flick-inner img,
.flickerplate ul.flicks > li .flick-content img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	aspect-ratio: var(--banner-aspect);
}

.flickerplate .banner-dots {
	position: absolute;
	bottom: 18px;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 20;
}

.flickerplate .banner-dots span {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.5);
	cursor: pointer;
}

.flickerplate .banner-dots span.active {
	background: #1e5aa1;
}

.flickerplate .banner-arrow {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	width: 44px;
	height: 50px;
	z-index: 20;
	cursor: pointer;
	background: rgba(0, 0, 0, 0.25) center center no-repeat;
	background-size: 12px auto;
}

.flickerplate .banner-arrow.prev {
	left: 10px;
	background-image: url(../images/arrow-left-light.png);
}

.flickerplate .banner-arrow.next {
	right: 10px;
	background-image: url(../images/arrow-right-light.png);
}

.h_youshi_in ul li .icon span {
	min-height: 80px;
	min-width: 80px;
}

.h_products .pro_img img,
.con_img_about img,
.ny_banner .slideshow {
	background-color: #f0f0f0;
}

.pro_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* 平板/手机：横幅完整显示（不裁切左右） */
@media screen and (max-width: 992px) {
	.flickerplate,
	.flicker-example.flickerplate {
		--banner-aspect: 1920 / 550;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		aspect-ratio: var(--banner-aspect);
		overflow: hidden;
		background: #e8f4fc;
	}

	.flickerplate ul.flicks {
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		left: 0 !important;
		transform: none !important;
		-webkit-transform: none !important;
		position: relative !important;
	}

	.flickerplate ul.flicks > li {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		bottom: auto !important;
		float: none !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		display: none !important;
	}

	.flickerplate ul.flicks > li.banner-active {
		display: block !important;
	}

	.flickerplate .banner-img-wrap {
		display: block;
		width: 100%;
		line-height: 0;
		font-size: 0;
	}

	.flickerplate .banner-img-wrap img,
	.flickerplate ul.flicks > li .banner-slide-img,
	.flickerplate ul.flicks > li > img {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		aspect-ratio: var(--banner-aspect);
		object-fit: contain !important;
		object-position: center center !important;
		display: block !important;
		vertical-align: top;
	}

	.flickerplate ul.flicks > li .flick-inner,
	.flickerplate ul.flicks > li .flick-content {
		height: auto !important;
		min-height: 0 !important;
		width: 100% !important;
		display: block !important;
		padding: 0 !important;
	}

	.flickerplate ul.flicks > li .flick-inner img,
	.flickerplate ul.flicks > li .flick-content img {
		width: 100% !important;
		height: auto !important;
		object-fit: contain !important;
	}
}

/* 手机：在完整显示基础上尽量加高（按屏宽比例，不裁切） */
@media screen and (max-width: 768px) {
	body {
		overflow-x: hidden;
	}

	.flickerplate,
	.flicker-example.flickerplate {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		/* 屏宽 × 原图比例，保证整张图可见且尽量大 */
		min-height: calc(100vw * 550 / 1920);
	}

	.flickerplate .banner-img-wrap {
		min-height: calc(100vw * 550 / 1920);
	}

	.flickerplate .banner-img-wrap img,
	.flickerplate ul.flicks > li img {
		min-height: calc(100vw * 550 / 1920);
	}
}

@media screen and (max-width: 480px) {
	.flickerplate,
	.flicker-example.flickerplate {
		min-height: calc(100vw * 550 / 1920);
	}

	.flickerplate .banner-arrow {
		width: 36px;
		height: 42px;
		margin-top: -21px;
		background-size: 10px auto;
	}

	.flickerplate .banner-arrow.prev {
		left: 6px;
	}

	.flickerplate .banner-arrow.next {
		right: 6px;
	}

	.flickerplate .banner-dots {
		bottom: 12px;
	}
}

/* 内页顶部横幅自适应 */
.ny_banner .slideshow {
	background-size: cover !important;
	background-position: center center !important;
}

@media screen and (max-width: 768px) {
	.ny_banner .slideshow {
		min-height: clamp(200px, 38vh, 320px) !important;
		height: clamp(200px, 38vh, 320px) !important;
		width: 100vw;
		max-width: 100vw;
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
	}
}

@media screen and (max-width: 480px) {
	.ny_banner .slideshow {
		min-height: clamp(180px, 42vh, 280px) !important;
		height: clamp(180px, 42vh, 280px) !important;
	}
}