@media screen and (max-width: 1744px){
    	.dh{
	    width: 80%;
	}
}

@media screen and (max-width: 1600px) {
	.wrap {
		width: 100%;
	}
	video {
		width: 100%;
	}
	/* 轮播图响应式样式 */
	.carousel-container {
		height: 500px;
	}
	.carousel-slide img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.wrap1 {
		width: 100%;
	}
	.topnav {
		background: none;
		position: initial;
	}
	.about {
		padding: 60px 24px;
		margin-top: -120px;
		background: url(../image/aboutbg1.jpg) no-repeat;
		background-size: 100% 100%;
	}
	.news {
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
	}
	.foot {
		padding: 84px 20px;
	}
	.cpxl {
		margin-top: 76px;
		background: #f3f3f3;
	}
	.lxwm {
		width: 100%;
		padding: 0 40px;
		box-sizing: border-box;
	}
	.ndh {
		padding: 30px 20px;
	}
	.foot {
		background: url(../image/footbg.jpg) repeat-y;
	}

}

@media screen and (max-width: 1300px) {
	.aboutcon>.fl {
		width: 100%;
	}
	.aboutcon>.fr {
		width: 100%;
	}
}

@media screen and (max-width: 1024px) {
	.newscon>.fl {
		width: 100%;
	}
	.newscon>.fr {
		width: 100%;
	}
	.tp2 a {
		width: 48%;
	}
	.xwnr a {
		width: 49%;
	}
	.alnr dl {
		width: 48%;
	}
	.ndh .fl {
		width: 100%;
		text-align: center;
	}
	.ndh ul {
		width: 100%;
	}
	.ndh ul li {
		text-align: center;
	}
}

@media screen and (max-width: 998px) {
	/* 轮播图中等屏幕适配 */
	.carousel-container {
		height: 400px;
	}
	.carousel-indicators {
		bottom: 48px; /* 下移，避免过高 */
	}
	.carousel-arrow {
		width: 40px;
		height: 40px;
		font-size: 20px;
	}
	.carousel-prev {
		left: 10px;
	}
	.carousel-next {
		right: 10px;
	}
	.about {
		margin-top: 0;
		padding-top: 40px;
	}

/* 修复小屏设备上导航高度未适配导致与关于我们重叠的问题 */
@media screen and (max-width: 430px) {
	.topnav {
		height: auto; /* 自适应内容高度 */
		bottom: 0; /* 取消上移，避免压到下方区域 */
		padding-bottom: 28px; /* 给下方留出间距 */
		background-size: 100% auto; /* 背景高度自适应 */
		overflow: visible; /* 确保内部换行不被裁切 */
	}

	/* 产品分类容器在小屏下的顶部间距，避免顶到遮罩 */
	.cpxl {
		margin-top: 24px;
		display: grid; /* 强制两列网格，避免某些设备 flex 计算异常 */
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px; /* 行列间距 */
	}

	/* 若分类项换行，宽度允许更灵活以减少行数 */
	.cpxl a {
		float: none !important;
		width: auto !important;
		box-sizing: border-box;
		margin: 0; /* 由 gap 控制间距 */
	}
}

/* 平板（如 iPad Air）区间，取消 .topnav 固定高度与上移并留出间距，避免与 .about 重叠 */
@media screen and (min-width: 431px) and (max-width: 1024px) {
	.topnav {
		height: auto;
		bottom: 0;
		padding-bottom: 36px;
		background-size: 100% auto;
		overflow: visible;
	}

	.cpxl {
		margin-top: 28px;
		display: grid; /* iPad 等平板强制两列 */
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}

	.about {
		margin-top: 0;
		padding-top: 56px; /* 给关于我们额外顶部留白，确保不与上方遮罩/内容碰撞 */
	}
}
	.cpxl a {
		float: none !important;
		width: auto !important;
		box-sizing: border-box;
		margin: 0; /* 由 gap 控制 */
	}
	.case {
		background: url(../image/case.jpg) repeat-y;
	}
	.casecon dl {
		width: 48%;
	}
	.cpxq_l {
		width: 100%;
	}
	.cpxq_r {
		width: 100%;
	}
	.lw_l {
		width: 100%;
		text-align: center;
	}
	.lw_r {
		width: 100%;
	}
	.lxwm img {
		display: block;
		margin: 30px auto;
	}
	.lw_l p {
		margin-bottom: 10px;
	}
	.dh {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.dh li {
		width: 33%;
		margin-bottom: 20px;
	}
	.ndh ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.ndh ul li {
		width: 33%;
	}
	.aboutcon>.fl {
		padding-top: 36px;
	}
}

@media screen and (max-width: 942px) {
	.foot {
		background: url(../image/footbg.jpg) repeat-y;
	}
	.xwnr a {
		width: 100%;
	}
	iframe {
		margin: 20px 0;
	}
	#lef img,
	#righ img {
		display: none;
	}
	.cpxq_r h1 {
		width: 100%;
	}
	.casecon dl dd p {
		width: 100%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.alnr dd {
		width: 100%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

@media screen and (max-width: 632px) {
	/* 轮播图小屏幕适配 */
	.carousel-container {
		height: 300px;
	}
	.carousel-indicators {
		bottom: 40px; /* 下移 */
	}
	.carousel-arrow {
		width: 35px;
		height: 35px;
		font-size: 18px;
	}
	.carousel-prev {
		left: 5px;
	}
	.carousel-next {
		right: 5px;
	}
	.indicator {
		width: 10px;
		height: 10px;
	}
	.xwl {
		width: 100%;
	}
	.xwr {
		width: 100%;
	}
	.alnr dd {
		bottom: 0;
		left: 0;
		font-size: 14px;
		font-weight: 0;
	}
	.lxwm {
		margin: 0px auto 0;
	}
	.wznr {
		margin: 20px auto;
	}
	.wznr h1 {
		line-height: 44px;
		font-size: 20px;
	}
	.syy,
	.xyy {
		display: block;
		float: none;
		color: #4869c4;
	}
	.ndh {
		padding: 14px 20px;
	}
	.ndh ul li {
		line-height: 38px;
	}
	.cpxl {
		margin-top: 24px;
	}

	/* 强制背景自适应高度，避免背景图高度大于控件本身 */
	.topnav {
		height: auto !important;
		background-size: 100% auto !important;
		background-position: top center !important;
		padding-bottom: 18px;
		bottom: 0 !important;
		overflow: visible;
	}
}

@media screen and (max-width: 540px) {
	/* 轮播图超小屏幕适配 */
	.carousel-container {
		height: auto;
		aspect-ratio: 16/9;
	}
	.carousel-indicators {
		bottom: 32px; /* 下移 */
	}
	.carousel-arrow {
		width: 30px;
		height: 30px;
		font-size: 16px;
	}
	.carousel-prev {
		left: 3px;
	}
	.carousel-next {
		right: 3px;
	}
	.indicator {
		width: 8px;
		height: 8px;
	}
	.newsriht .fl span:nth-child(1) {
		font-size: 42px;
	}
}