/* multi09 手机样式：≤1000 顶部与抽屉菜单，≤768 手机排版。PC 规则不写在这里 */

.m-drawer,
.m-mask,
.m-actionbar {
	display: none;
}

/* 菜单按钮由 div 改为 button：PC 不显示，去掉按钮默认样式 */
.dhbtn {
	display: none;
	border: 0;
	padding: 0;
	cursor: pointer;
}

/* about 页证书区右侧装饰图伸出页面 15px，会出现横向滚动条；超出部分本来就在屏幕外 */
.our-value.enterprise {
	overflow: hidden;
}

/* ========== 1001–1400：只修溢出（PC 版块是按 1400 宽写死的像素，平板横屏和 1366/1280 笔记本会被撑出横向滚动） ========== */
@media screen and (max-width: 1400px) {
	.banner .banner_text_index,
	.banner_text {
		width: calc(100% - 40px);
		overflow-wrap: break-word;
	}
}

@media screen and (min-width: 1001px) and (max-width: 1400px) {
	.content-big,
	.contant-big {
		padding-left: 20px;
		padding-right: 20px;
	}

	/* 首页/分类页新闻 */
	.new-list {
		width: 100%;
	}

	.new-list-left {
		flex: 0 0 48%;
		min-width: 0;
	}

	.new-list .new-list-left .new-list-left-q {
		width: 100%;
		height: auto;
		aspect-ratio: 660 / 400;
	}

	.new-list-right {
		flex: 1;
		min-width: 0;
	}

	.new-items {
		width: auto;
	}

	.new-items .new-items-content span:last-child {
		width: auto;
		flex: 1;
		min-width: 0;
	}

	/* 这些容器是 flex 子项，默认按内容撑开，要允许收缩 */
	.content-big > .prosuct-list,
	.product-video > .contant-big {
		flex: 1;
		min-width: 0;
	}

	.about-adver .adves .adver-item {
		flex: 1;
		min-width: 0;
	}

	.about-adver .adves .adver-item .adver-item-right {
		padding-right: 10px;
		min-width: 0;
		overflow-wrap: break-word;
	}

	/* 产品分类页：三列卡片按宽度缩放 */
	.product-list-right {
		min-width: 0;
	}

	.product-list-title {
		width: auto;
	}

	.product-list-item .list-item {
		width: calc((100% - 62px) / 3);
		max-width: none;
		height: auto;
		aspect-ratio: 1 / 1;
	}

	/* 产品详情页 */
	.content-left {
		flex: 1;
		min-width: 0;
		max-width: none;
	}

	.content-right {
		flex: none;
		margin-left: 20px;
	}

	.content-left-first .onerig {
		width: 36vw;
		height: 36vw;
		max-width: 526px;
		max-height: 526px;
		margin-right: 20px;
	}

	.content-left-button {
		width: 36vw;
		max-width: 526px;
		padding: 0 10px;
	}

	.content-left-list {
		flex: 1;
		min-width: 0;
		max-width: none;
	}

	.content-left-list li {
		max-width: none;
	}

	.content-left .content-img .content-box {
		flex: 1;
		width: auto;
		height: auto;
		aspect-ratio: 361 / 221;
		margin-right: 2%;
	}

	/* 关于我们 */
	.about-info-left {
		flex: 0 0 38%;
		height: auto;
		aspect-ratio: 535 / 564;
	}

	.about-info-left img {
		width: 100%;
		height: auto;
	}

	.about-info-right {
		flex: 0 0 56%;
		width: auto;
	}

	.about-product .product-lefts {
		width: 49%;
		height: auto;
		aspect-ratio: 680 / 528;
	}

	.product-right {
		width: 49%;
	}

	.product-right .item-img {
		width: 48.5%;
		height: auto;
		aspect-ratio: 335 / 255;
		margin-right: 3%;
	}

	.product-right .item-img:nth-child(2n) {
		margin-right: 0;
	}

	.video-right {
		flex: 1;
		width: auto;
		min-width: 0;
	}

	.enterprise-swiper {
		width: 70%;
	}
}

/* ========== 抽屉菜单（≤1000px，平板和手机共用） ========== */
@media screen and (max-width: 1000px) {
	.dhbtn {
		display: block;
	}

	/* 原来的全屏下拉菜单不再使用 */
	.header .nav {
		display: none !important;
	}

	.m-drawer {
		display: flex;
		flex-direction: column;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		width: 86vw;
		max-width: 360px;
		background: #fff;
		z-index: 1001;
		transform: translateX(100%);
		visibility: hidden;
		transition: transform .3s, visibility .3s;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		line-height: normal;
		text-align: left;
	}

	body.m-drawer-open .m-drawer {
		transform: none;
		visibility: visible;
	}

	.m-mask {
		display: block;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0, 0, 0, .45);
		z-index: 1000;
		opacity: 0;
		pointer-events: none;
		transition: opacity .3s;
	}

	body.m-drawer-open .m-mask,
	body.m-sheet-open .m-mask {
		opacity: 1;
		pointer-events: auto;
	}

	body.m-drawer-open,
	body.m-sheet-open {
		overflow: hidden;
	}

	.m-drawer-head {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex: none;
		height: 56px;
		padding: 0 6px 0 16px;
		background: #286DC0;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		letter-spacing: 1px;
	}

	.m-drawer-close {
		width: 44px;
		height: 44px;
		border: 0;
		background: none;
		color: #fff;
		font-size: 32px;
		line-height: 44px;
		cursor: pointer;
	}

	.m-drawer-list {
		flex: 1;
	}

	.m-drawer-row {
		display: flex;
		align-items: stretch;
		border-bottom: 1px solid #eee;
	}

	.m-drawer-row a {
		flex: 1;
		min-width: 0;
		display: block;
		padding: 13px 16px;
		font-size: 16px;
		line-height: 22px;
		color: #333;
		overflow-wrap: break-word;
	}

	.m-drawer-toggle {
		flex: none;
		position: relative;
		width: 48px;
		border: 0;
		border-left: 1px solid #eee;
		background: none;
		cursor: pointer;
	}

	.m-drawer-toggle::before {
		content: '';
		position: absolute;
		left: 50%;
		top: 50%;
		width: 8px;
		height: 8px;
		border-right: 2px solid #286DC0;
		border-bottom: 2px solid #286DC0;
		transform: translate(-50%, -70%) rotate(45deg);
		transition: transform .2s;
	}

	.m-drawer-item.open > .m-drawer-row > .m-drawer-toggle::before {
		transform: translate(-50%, -30%) rotate(-135deg);
	}

	.m-drawer-sub {
		display: none;
		background: #f7f7f7;
	}

	.m-drawer-item.open > .m-drawer-sub {
		display: block;
	}

	.m-drawer-sub .m-drawer-row a {
		padding-left: 28px;
		font-size: 15px;
	}

	.m-drawer-sub .m-drawer-sub .m-drawer-row a {
		padding-left: 40px;
		font-size: 14px;
		color: #555;
	}

	.m-drawer-lang {
		display: flex;
		flex-wrap: wrap;
		flex: none;
		padding: 8px 10px;
		border-bottom: 1px solid #eee;
	}

	.m-drawer-lang a {
		display: flex;
		align-items: center;
		min-height: 44px;
		padding: 0 8px;
		font-size: 14px;
		color: #333;
	}

	.m-drawer-lang a.on {
		color: #286DC0;
		font-weight: bold;
	}

	.m-drawer-lang img {
		width: 20px;
		margin-right: 6px;
	}

	.m-drawer-contact {
		flex: none;
		padding: 8px 16px calc(8px + env(safe-area-inset-bottom));
		background: #286DC0;
	}

	.m-drawer-contact a {
		display: flex;
		align-items: center;
		min-height: 44px;
		color: #fff;
		font-size: 14px;
		overflow-wrap: anywhere;
	}

	.m-drawer-contact img {
		flex: none;
		width: 18px;
		height: 18px;
		object-fit: contain;
		margin-right: 8px;
	}

	/* 顶部：语言按钮加大点击区域 */
	.yzxz > a {
		min-height: 44px;
	}
}

/* ========== 手机端（≤768px） ========== */
@media screen and (max-width: 768px) {
	/* 字号用 px：html 的 font-size 由脚本按 1920 宽缩放，手机上 rem 太小 */
	body {
		overflow-x: hidden;
		padding-bottom: calc(56px + env(safe-area-inset-bottom));
		font-size: 14px;
	}

	.wow {
		visibility: visible !important;
	}

	/* ---- 顶部 ---- */
	.header,
	.header.on {
		height: 56px;
		background: #000;
	}

	.fgt {
		height: 56px;
	}

	.logo {
		width: auto;
		max-width: 46vw;
		margin-top: 0;
		height: 56px;
		display: flex;
		align-items: center;
	}

	.logo img {
		width: auto;
		max-width: 100%;
		max-height: 36px;
	}

	.dhbtn {
		top: 8px;
		width: 40px;
		height: 40px;
		background-size: 22px;
	}

	.dhbtn.on {
		background-size: 22px;
	}

	.yzxz {
		right: 60px;
		height: 56px;
		width: auto;
	}

	.yzxz > a {
		line-height: 56px;
		font-size: 13px;
	}

	.yzxz .drop {
		left: auto;
		right: 0;
		width: 150px;
	}

	.yzxz .drop .dlink a {
		justify-content: flex-start;
		min-height: 40px;
		margin-bottom: 0;
	}

	/* ---- 底部操作条（替代右侧悬浮按钮和 Leave a message） ---- */
	.sidebtn,
	.rightfd {
		display: none !important;
	}

	.m-actionbar {
		display: flex;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 900;
		height: calc(56px + env(safe-area-inset-bottom));
		padding-bottom: env(safe-area-inset-bottom);
		background: #fff;
		box-shadow: 0 -2px 10px rgba(0, 0, 0, .12);
	}

	.m-act {
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		border: 0;
		background: #fff;
		color: #333;
		font-size: 12px;
		line-height: 16px;
		cursor: pointer;
	}

	.m-act img {
		width: 26px;
		height: 26px;
		margin-bottom: 3px;
		padding: 4px;
		border-radius: 50%;
		background: #286DC0;
		object-fit: contain;
	}

	.m-act-quote {
		flex: 1.4;
		background: #286DC0;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
	}

	/* ---- 询价表单：从底部弹出 ---- */
	.replay-box {
		left: 0;
		right: 0;
		bottom: 0;
		width: auto;
		margin: 0;
		max-height: 85vh;
		overflow-y: auto;
		z-index: 1001;
		border-radius: 16px 16px 0 0;
		padding-bottom: env(safe-area-inset-bottom);
		box-shadow: 0 -4px 20px rgba(0, 0, 0, .2);
	}

	.replay-box h2 {
		height: 56px;
		line-height: 56px;
		font-size: 18px;
		padding: 0 52px 0 16px;
		border-radius: 16px 16px 0 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.replay-box .close {
		top: 6px;
		right: 6px;
		width: 44px;
		height: 44px;
		padding: 10px;
	}

	.replay-box .replay-item {
		padding: 0 16px 16px;
	}

	.replay-box .replay-item p {
		padding: 12px 0;
		font-size: 14px;
	}

	.replay-box .replay-item input,
	.replay-box .replay-item textarea {
		height: 44px;
		padding: 0 12px;
		font-size: 16px;
		color: #333;
	}

	.replay-box .replay-item textarea {
		height: 88px;
		padding-top: 10px;
	}

	.replay-box .replay-item input::placeholder {
		padding: 0;
	}

	.replay-box button.submit {
		width: 100%;
		height: 46px;
		line-height: 46px;
		margin: 4px 0 0;
		border-radius: 23px;
		font-size: 16px;
	}

	/* ---- 内页 banner（首页 banner 是轮播，见首页部分） ---- */
	.banner > img {
		height: 180px !important;
		object-fit: cover;
	}

	.banner_text,
	.banner .banner_text {
		top: 50%;
		width: 100%;
		padding: 0 16px;
	}

	.banner .banner_text h1,
	.banner .banner_text h2,
	.banner_text h1,
	.banner_text h2 {
		margin: 0;
		font-size: 24px;
		line-height: 1.25;
		overflow-wrap: break-word;
	}

	.banner_text p {
		margin-top: 8px;
		font-size: 14px;
		line-height: 1.4;
	}

	/* ---- 面包屑：一行，过长省略 ---- */
	.crumb-content {
		padding: 0 16px;
	}

	.crumb-left,
	.crumb-left a {
		font-size: 13px;
		line-height: 44px;
		min-width: 0;
	}

	.crumb-left {
		overflow: hidden;
		white-space: nowrap;
	}

	.crumb-left a:last-child {
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	/* ---- 后台富文本（产品模块、新闻正文） ---- */
	.content-title,
	.cont-title {
		overflow-wrap: break-word;
		text-align: left;
	}

	.content-title table,
	.cont-title table {
		display: block;
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.content-title img,
	.cont-title img {
		max-width: 100%;
		height: auto !important;
	}

	.content-title iframe,
	.cont-title iframe,
	.content-title video,
	.cont-title video {
		max-width: 100%;
	}

	.content-title p,
	.cont-title p {
		text-align: left !important;
	}

	/* ---- 页脚 ---- */
	.wzbd {
		padding: 0 16px;
	}

	.wzbd_keft,
	.wzbd_right {
		float: none;
		width: 100%;
	}

	.wzbd_nr li,
	.wzbd_nr .points {
		font-size: 15px;
		line-height: 24px;
		overflow-wrap: anywhere;
	}

	.wzbd_right {
		height: auto;
		padding: 20px 16px;
		margin-top: 20px;
	}

	.wzbd_right input,
	.wzbd_right textarea {
		font-size: 16px;
	}

	.wzbd_right .btn2 {
		width: 100%;
		height: 46px;
		font-size: 16px;
	}

	.footer {
		padding: 12px 16px;
		overflow-wrap: anywhere;
	}

	.footer-item {
		flex-wrap: wrap;
		justify-content: center;
	}

	.footer-item p,
	.footer-item a {
		font-size: 13px;
		line-height: 22px;
	}

	.footer-3 {
		display: inline-block;
		min-height: 44px;
		line-height: 44px;
	}
}

/* ========== 手机端首页（≤768px） ========== */
@media screen and (max-width: 768px) {
	/* ---- banner：固定 4:3 比例，图片/视频裁切铺满，不再变形 ---- */
	.banner .ban_sw .swiper-slide img,
	.banner .ban_sw .video {
		display: block;
		width: 100%;
		height: auto;
		aspect-ratio: 4 / 3;
		object-fit: cover;
		background: #1c2433;
	}

	.banner .banner_text_index {
		left: 16px;
		right: 16px;
		width: auto;
		transform: translateY(-50%);
		text-align: left;
		pointer-events: none;
	}

	.banner .banner_text_index h1,
	.banner .banner_text_index h2 {
		height: auto;
		font-size: 24px;
		line-height: 1.3;
		overflow-wrap: break-word;
		text-shadow: 0 1px 4px rgba(0, 0, 0, .5);
	}

	.banner .banner_text_index p {
		padding-top: 8px;
		font-size: 14px;
		line-height: 1.5;
		text-shadow: 0 1px 4px rgba(0, 0, 0, .5);
	}

	.banner .banner_text_btn {
		flex-wrap: wrap;
		margin-top: 16px;
		pointer-events: auto;
	}

	.banner .banner_text_btn a {
		width: auto;
		min-width: 120px;
		height: 44px;
		line-height: 40px;
		padding: 0 16px;
		margin: 0 10px 0 0;
		font-size: 14px;
		background: rgba(0, 0, 0, .25);
	}

	.banner .banner_text_btn a.getquotation {
		background: #286DC0;
		border-color: #286DC0;
	}

	.banner .ban_sw .swiper-pagination {
		bottom: 8px;
	}

	.banner .ban_sw .swiper-pagination-bullet {
		width: 10px;
		height: 10px;
		margin: 0 6px !important;
	}

	/* ---- 产品中心：两列卡片，图片和名称常显 ---- */
	.product_index_top {
		width: auto;
		padding: 0 16px;
	}

	.product_index_top .product_title {
		margin: 32px 0 8px;
		font-size: 28px;
	}

	.product_index_top .product_name {
		font-size: 15px;
	}

	.product_index_top .product_index {
		gap: 12px;
		margin-top: 20px;
	}

	.product_index_top .product_index .product_index_item {
		width: calc(50% - 6px);
		max-width: none;
		height: auto;
		aspect-ratio: 1 / 1;
		margin: 0 !important;
		overflow: hidden;
		cursor: pointer;
	}

	.product_index_top .product_index .product_index_item .product_index_img {
		object-fit: cover;
	}

	.product_index_top .product_index .product_index_item .product_active {
		display: none !important;
	}

	.product_index_top .product_index .product_index_item .product_index_show {
		display: flex !important;
		padding: 24px 6px 10px;
		background: linear-gradient(to top, rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
	}

	.product_index_top .product_index .product_index_item .product_index_show img {
		width: 36px;
		height: 36px;
		margin-bottom: 6px;
	}

	.product_index_top .product_index .product_index_item .product_index_show p {
		font-size: 15px;
		line-height: 1.3;
		padding: 0;
		overflow-wrap: break-word;
	}

	/* ---- Vision / Mission / Values ---- */
	.imgs-list {
		height: auto;
		margin: 32px 0;
		background-size: cover;
	}

	.imgs-list .imgs-list-s {
		flex-direction: column;
		gap: 16px;
		padding: 24px 0;
	}

	.imgs-list .imgs-list-s .imgs-item {
		width: auto;
		max-width: none;
		height: auto;
		margin: 0;
		padding: 20px 16px;
	}

	.imgs-list .imgs-list-s .imgs-item .heart {
		width: 56px;
		height: 56px;
	}

	.imgs-list .imgs-list-s .imgs-item h2 {
		margin: 12px 0;
		font-size: 22px;
	}

	.imgs-list .imgs-list-s .imgs-item p {
		font-size: 14px;
		line-height: 1.6;
		overflow-wrap: break-word;
	}

	.imgs-back {
		height: auto;
		padding: 24px 16px;
		margin-bottom: 24px;
	}

	.imgs-back h2 {
		padding-bottom: 12px;
		font-size: 20px;
		overflow-wrap: break-word;
	}

	.imgs-back p {
		font-size: 14px;
		line-height: 1.7;
		overflow-wrap: break-word;
	}

	/* ---- About ---- */
	.xqjs {
		padding: 0 0 24px;
	}

	.xqjs_left,
	.xqjs_right {
		float: none;
		width: 100%;
		padding: 0;
	}

	.xqjs_left h2 {
		margin-bottom: 12px;
		padding-bottom: 0;
		font-size: 26px;
		line-height: 1.3;
	}

	.xqjs_left p,
	.douhao p {
		font-size: 15px;
		line-height: 1.7;
	}

	.xqjs_left a {
		display: inline-block;
		width: auto;
		height: 44px;
		line-height: 40px;
		padding: 0 24px;
		font-size: 15px;
	}

	.xqjs_right {
		height: auto;
		aspect-ratio: 4 / 3;
		margin-top: 20px;
		padding-top: 0;
	}

	.xqjs_right img {
		object-fit: cover;
	}

	/* ---- 生产环境/证书 tab：一行可横向滑动，图片两列 ---- */
	.nrqh {
		width: 100%;
		min-width: 0;
	}

	.nrqh_tit {
		max-width: 100%;
		overflow-x: auto;
		padding: 0;
		-webkit-overflow-scrolling: touch;
	}

	.nrqh_tit ul {
		display: flex;
		padding-right: 0;
		white-space: nowrap;
	}

	.nrqh_tit span {
		padding: 10px 14px;
		font-size: 14px;
		line-height: 24px;
	}

	.brqhnr ul {
		margin-left: -10px;
	}

	.brqhnr li {
		width: 50%;
		padding: 0 0 10px 10px;
	}

	/* ---- 服务：两列，标题常显 ---- */
	.serv {
		margin-top: 0;
	}

	.Serv_tit {
		padding: 32px 0 20px;
	}

	.Serv_tit h2 {
		margin-bottom: 8px;
		font-size: 28px;
	}

	.Serv_tit p {
		font-size: 15px;
	}

	.serv_nr {
		padding-bottom: 20px;
	}

	.serv_nr ul {
		margin-left: -10px;
	}

	.serv_nr li {
		width: 50%;
		padding: 0 0 10px 10px;
	}

	.servbox {
		opacity: 1;
		border-width: 0;
		background: linear-gradient(to top, rgba(4, 27, 77, .85), rgba(4, 27, 77, 0) 70%);
	}

	.serv_text {
		top: auto;
		bottom: 8px;
		transform: translateX(-50%);
		padding: 0 8px;
	}

	.serv_text img,
	.serv_text p {
		display: none;
	}

	.serv_text h2 {
		font-size: 15px;
		line-height: 1.3;
		white-space: normal;
	}

	.serv-bottom {
		padding: 10px 0 24px;
	}

	.serv-bottom h2 {
		padding-bottom: 16px;
		font-size: 24px;
	}

	.serv-bottom img {
		width: 100%;
	}

	/* ---- 新闻：纵向卡片 ---- */
	.hot-name {
		margin: 32px 0 8px;
		font-size: 28px;
		text-align: center;
	}

	.hot-content {
		margin-bottom: 20px;
		font-size: 15px;
		text-align: center;
	}

	.new-list {
		flex-direction: column;
		width: 100%;
		min-width: 0;
	}

	.new-list-left {
		width: 100%;
	}

	.new-list .new-list-left .new-list-left-q {
		display: block;
		width: 100%;
		height: auto;
		aspect-ratio: 660 / 400;
	}

	.new-list .new-list-left .new-list-left-q img {
		object-fit: cover;
	}

	.new-list .new-list-left p {
		height: auto;
		padding: 12px;
		overflow-wrap: break-word;
		font-size: 15px;
		line-height: 1.5;
	}

	.new-list-right {
		width: 100%;
		margin: 16px 0 0;
	}

	.new-items {
		width: auto;
		margin-bottom: 12px;
		padding-left: 0;
	}

	.new-items .new-items-title {
		padding-bottom: 6px;
		font-size: 15px;
		line-height: 1.5;
		overflow-wrap: break-word;
	}

	.new-items .new-items-content {
		flex-direction: column;
		align-items: flex-start;
		padding-bottom: 12px;
	}

	.new-items .new-items-content span:first-child {
		width: auto;
		font-size: 13px;
	}

	.new-items .new-items-content span:last-child {
		width: auto;
		height: auto;
		margin: 4px 0 0;
		font-size: 13px;
		line-height: 1.5;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
}

/* ========== 手机端产品分类页、产品详情页（≤768px） ========== */
.m-cat-toggle {
	display: none;
}

@media screen and (max-width: 768px) {
	/* ---- 分类页：顺序改为 分类按钮 → 产品列表 → 联系方式 ---- */
	.prosuct-list {
		display: flex;
		flex-direction: column;
		padding-top: 16px;
	}

	.prosuct-list .product-list-left {
		display: contents;
	}

	.m-cat-toggle {
		display: flex;
		justify-content: space-between;
		align-items: center;
		order: 0;
		width: 100%;
		height: 48px;
		padding: 0 16px;
		border: 0;
		border-radius: 6px;
		background: #286DC0;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		cursor: pointer;
	}

	.m-cat-toggle::after {
		content: '';
		width: 8px;
		height: 8px;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		transform: translateY(-3px) rotate(45deg);
		transition: transform .2s;
	}

	.m-cat-open .m-cat-toggle::after {
		transform: translateY(2px) rotate(-135deg);
	}

	.prosuct-list .product-title {
		display: none;
		order: 1;
		width: 100%;
	}

	.prosuct-list.m-cat-open .product-title {
		display: block;
	}

	.prosuct-list .product-title .name {
		display: none;
	}

	.prosuct-list .product-title ul li .product-title-li {
		height: 48px;
		font-size: 15px;
	}

	.prosuct-list .product-title ul li .product-title-li a {
		flex: 1;
		min-width: 0;
		height: 100%;
	}

	.prosuct-list .product-title ul span {
		width: auto;
		overflow-wrap: break-word;
	}

	.prosuct-list .product-title .product-item li {
		height: auto;
		min-height: 40px;
		font-size: 14px;
	}

	.prosuct-list .product-title .product-item li a {
		display: flex;
		align-items: center;
		min-height: 40px;
	}

	.prosuct-list .product-list-right {
		order: 2;
		width: 100%;
		max-width: none;
		margin: 0;
		min-width: 0;
	}

	.prosuct-list .product-contact {
		order: 3;
		width: 100%;
		margin-top: 24px;
	}

	.product-title .name,
	.product-contact .name {
		height: 48px;
		line-height: 48px;
		font-size: 18px;
	}

	.contact-us-item p {
		font-size: 14px;
		overflow-wrap: anywhere;
	}

	.product-list-title {
		width: auto;
		height: auto;
		min-height: 48px;
		padding: 8px 0;
	}

	.product-list-title .title {
		min-width: 0;
		font-size: 18px;
		line-height: 1.3;
		overflow-wrap: anywhere;
	}

	/* 产品卡片两列 */
	.product-list-item {
		gap: 12px;
	}

	/* newstyle.css 的 ≤1000 规则用了 !important 把卡片设成整行宽 */
	.product-list-item .list-item {
		width: calc(50% - 6px) !important;
		max-width: none !important;
		height: auto;
		aspect-ratio: 1 / 1;
		margin: 12px 0 0 !important;
		border-radius: 6px !important;
	}

	.list-item .list-bottom {
		height: auto;
		padding: 16px 6px 6px;
	}

	.list-item .list-bottom .points {
		padding: 0 0 4px;
		font-size: 14px;
		line-height: 1.3;
		letter-spacing: 0;
		overflow-wrap: break-word;
	}

	.list-item .list-bottom .line {
		width: 30px;
		height: 3px;
	}

	.pageBox .pageMain {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 6px;
	}

	.pageBox .pageMain a,
	.pageBox .pageMain span {
		float: none;
		width: 44px;
		height: 44px;
		line-height: 44px;
		font-size: 16px;
		border: 1px solid #AAAAAA !important;
	}

	/* 热门产品：两列小卡片 */
	.hot-product {
		margin-top: 32px;
		padding-bottom: 24px;
	}

	.hot-title {
		padding: 24px 0 8px;
		font-size: 28px;
	}

	.hot-product .swiper-slide {
		gap: 12px;
	}

	.hot-product .swiper-slide .swiper-slide-item {
		width: calc(50% - 6px);
		height: auto;
		aspect-ratio: 4 / 3;
		margin: 0 !important;
	}

	.hot-product .swiper-slide .swiper-slide-item img {
		margin-top: 0;
	}

	.hot-product .swiper-slide .swiper-slide-item .swiper-slide-block {
		top: auto;
		bottom: 0;
		width: 100%;
		height: auto;
		padding: 6px 8px;
	}

	.hot-product .swiper-slide .swiper-slide-item .swiper-slide-block span {
		padding: 0;
	}

	.hot-product .swiper-slide .swiper-slide-item .swiper-slide-block a {
		font-size: 13px;
		line-height: 1.3;
		text-align: left;
		overflow-wrap: break-word;
	}

	.hot-product .swiper-pagination {
		position: static;
		margin-top: 12px;
	}

	.swiper-pagination-bullet {
		width: 10px;
		height: 10px;
		margin: 0 6px !important;
	}

	/* ---- 新闻详情标题 ---- */
	.news-detail .news-title {
		font-size: 22px;
		line-height: 1.3;
		overflow-wrap: anywhere;
	}
}

/* ========== 手机端关于我们、联系我们（≤768px） ========== */
@media screen and (max-width: 768px) {
	/* 视频列表的左右箭头要相对轮播本身定位 */
	.culter-bottom {
		position: relative;
	}

	.about-info-right .abput-conyreny,
	.value-content {
		text-align: left;
		font-size: 15px;
		line-height: 1.7;
	}

	.about-info-right h2,
	.about-h2,
	.value-title {
		font-size: 24px;
		line-height: 1.3;
		overflow-wrap: break-word;
	}

	.about-info-right .about-title {
		padding: 20px 0 12px;
		font-size: 20px;
	}

	.about-info-right .about-info-item p {
		font-size: 14px;
		line-height: 1.6;
	}
}

/* ========== 手机端产品详情、404（≤768px） ========== */
@media screen and (max-width: 768px) {
	/* 正文在前，右侧产品目录移到正文后面 */
	.product-detail {
		flex-direction: column;
	}

	.product-detail .content-right {
		width: 100%;
		height: auto;
		margin: 32px 0 0;
	}

	/* style2.css 的 ≤1000 规则把目录整个隐藏了；PC 滚动时加的 content-right-fixed 在手机上不要 */
	.product-detail .content-right,
	.product-detail .content-right.content-right-fixed {
		position: static;
	}

	.product-detail .content-right .product-title {
		display: block;
		width: 100%;
	}

	.product-detail .content-right .product-title ul span {
		width: auto;
		flex: 1;
		min-width: 0;
	}

	.product-detail .content-right .product-title ul li .product-title-li {
		min-height: 48px;
	}

	.product-detail .content-right .product-title ul li .product-title-li a {
		display: flex;
		align-items: center;
		flex: 1;
		min-width: 0;
	}

	.product-detail .content-right .product-title .product-item li {
		height: auto;
		min-height: 40px;
	}

	.content-left-first .onerig {
		width: 100%;
		height: auto;
		aspect-ratio: 1 / 1;
		margin-right: 0;
	}

	.content-left-button {
		width: 100%;
		max-width: none;
		gap: 12px;
		padding: 0;
	}

	.content-left-button a {
		flex: 1;
		width: auto;
		height: 44px;
		line-height: 44px;
		font-size: 16px;
		text-indent: 0 !important;
		text-align: center;
		background-position: 20px center !important;
		padding: 0 12px 0 44px;
	}

	.content-left-list ul {
		height: auto;
		max-height: none;
		overflow: visible;
	}

	.content-left-list li {
		max-width: none;
		padding: 12px 14px;
	}

	.content-left .content-title h2 {
		padding: 28px 0 14px;
		font-size: 20px;
		line-height: 1.3;
	}

	.content-left .content-title p {
		font-size: 15px;
		line-height: 1.7;
	}

	.content-left .content-img {
		flex-wrap: wrap;
		gap: 10px;
	}

	.content-left .content-img .content-box {
		width: calc(50% - 5px);
		height: auto;
		aspect-ratio: 361 / 221;
		margin: 0;
	}

	/* 404 */
	.feedback-back .nones-dialog .address {
		flex-direction: column;
		align-items: center;
		gap: 8px;
	}

	.feedback-back .nones-dialog .address .item {
		margin-right: 0;
		max-width: 100%;
	}

	.feedback-back .nones-dialog .address .item a {
		font-size: 15px;
		overflow-wrap: anywhere;
	}

	.nones-dialog .bottom {
		gap: 8px;
	}

	.nones-dialog .bottom a {
		height: 44px;
		line-height: 40px;
	}
}

/* ========== 产品详情页图片区（≤1000px，和脚本里手机/平板轮播配置的分界一致） ========== */
@media screen and (max-width: 1000px) {
	/* 顺序：主图 → 缩略图横排 → Email/Contact 按钮 → 目录列表（主图和按钮所在的 div 拆开参与排序） */
	.content-left-first {
		display: flex;
		flex-direction: column;
		margin-top: 20px;
	}

	.content-left-first > .mySwiper + div {
		display: contents;
	}

	.content-left-first .onerig {
		order: 1;
		width: 100%;
		max-width: 600px;
		height: auto;
		aspect-ratio: 1 / 1;
		margin: 0 auto;
	}

	.content-left-first .mySwiper {
		order: 2;
		width: 100%;
		max-width: 600px;
		height: auto;
		margin: 8px auto 0;
		padding: 0;
	}

	/* style2.css 的 ≤1000 规则用 !important 把每张设成整行宽；这里按脚本的 slidesPerView 4.5、间距 8px 算回去 */
	.content-left-first .mySwiper .swiper-slide {
		width: calc((100% - 28px) / 4.5) !important;
		height: auto;
		aspect-ratio: 1 / 1;
	}

	.content-left-first .mySwiper .swiper-slide img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		border: 2px solid transparent;
		border-radius: 4px;
		cursor: pointer;
	}

	.content-left-first .mySwiper .swiper-slide.on img {
		border-color: #286DC0;
	}

	.content-left-first .mySwiper .swiper-button-next,
	.content-left-first .mySwiper .swiper-button-prev,
	.content-left-first .mySwiper .swiper-pagination {
		display: none;
	}

	.content-left-first .content-left-button {
		order: 3;
		width: 100%;
		max-width: 600px;
		margin: 12px auto 0;
	}

	.content-left-first .content-left-list {
		order: 4;
		width: 100%;
		max-width: none;
		margin-top: 12px;
	}
}

/* ========== 产品目录树（≤1000px）：右侧箭头给 44px 的点击区域，手指点箭头是展开/收起，不会点到链接 ========== */
@media screen and (max-width: 1000px) {
	.product-title ul li .product-title-li > img {
		flex: none;
		box-sizing: content-box;
		margin-left: 0 !important;
		padding: 17px;
		cursor: pointer;
	}

	.product-title ul li .product-title-li a {
		flex: 1;
		min-width: 0;
	}
}