@charset "UTF-8";

/* ========== 响应式：平板 / PC ========== */
.pcNav {
	display: none;
}

.indexProGrid {
	display: block;
}

.serviceSlideInner:after {
	content: '';
	display: block;
	clear: both;
}

/* 手机端：加盟表单仍在轮播下方 */
.indexServiceRow {
	display: block;
}

/* 平板：内容限宽，仍用汉堡菜单 */
@media screen and (min-width: 768px) {
	html {
		font-size: 15px !important;
	}

	.navBox {
		max-width: 960px;
		margin: 0 auto;
		padding: 0 20px;
	}

	.logo {
		width: 11rem;
		max-width: 200px;
	}

	.indexBusiness,
	.indexCompany,
	.indexNews,
	.indexJoin,
	.indexTit,
	.serviceBox,
	.aboutList,
	.newsCategory,
	.newsCon,
	.productList,
	.productCon,
	.msgForm,
	.leader,
	.cupboard,
	.screen_1,
	.jt2,
	.contactInfo,
	.aboutInfo,
	.processapp,
	.conditapp,
	.advanapp,
	.joinareaapp,
	.guide,
	.mapBox {
		max-width: 960px;
		margin-left: auto;
		margin-right: auto;
	}

	.newsCon {
		max-width: 960px;
		padding: 28px 32px 24px;
		background-color: #fff;
		box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05);
		box-sizing: border-box;
	}

	.newsCon .content {
		padding: 20px 4px 28px;
		line-height: 2.2;
	}

	.newsCon .content p {
		margin: 0 0 1.2em;
		line-height: 2.2;
	}

	.banner.swiper-container,
	.bigImg {
		max-width: 100%;
	}

	.Businessmenu li a img {
		width: 56px;
	}

	.productList ul li {
		width: 32%;
		margin-right: 2%;
	}
	.productList ul li:nth-child(3n) {
		margin-right: 0;
	}
	.productList ul li.fr {
		float: left;
	}

	.hotNews,
	.indexnewsList li {
		height: auto;
		min-height: 9.3rem;
		overflow: hidden;
	}

	.yuyue_kuang input {
		max-width: 360px;
	}
}

/* PC：横排导航 + 企业站级中间区布局 */
@media screen and (min-width: 992px) {
	html {
		font-size: 16px !important;
	}

	body {
		background-color: #f5f6f8;
	}

	header {
		height: 72px !important;
		box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
	}

	.navBox {
		max-width: 1480px;
		height: 72px;
		min-height: 72px;
		margin: 0 auto;
		padding: 0 32px;
		justify-content: flex-start;
		align-items: center;
		gap: 8px;
	}

	.logo {
		width: auto;
		max-width: 180px;
		flex: 0 0 auto;
		display: flex;
		align-items: center;
		height: 72px;
	}

	.logo a,
	.logo .ad-picture {
		display: flex;
		align-items: center;
		height: 100%;
	}

	.logo a img {
		max-height: 48px;
		width: auto;
		margin-top: 0;
	}

	.pcNav {
		display: flex;
		flex: 1 1 auto;
		min-width: 0;
		margin: 0 8px 0 24px;
		justify-content: flex-end;
		align-items: center;
	}

	.pcNav ul {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		flex-wrap: nowrap;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.pcNav li {
		flex: 0 0 auto;
	}

	.pcNav a {
		display: flex;
		align-items: center;
		padding: 0 12px;
		line-height: 72px;
		height: 72px;
		color: #fff;
		font-size: 15px;
		white-space: nowrap;
		transition: color 0.2s ease, background-color 0.2s ease;
	}

	.pcNav a:hover {
		color: #edbd2b;
		background-color: rgba(255, 255, 255, 0.06);
	}

	.headIcon {
		flex: 0 0 auto;
		display: flex;
		align-items: center;
		height: 72px;
	}

	.headIcon .menuBtn {
		display: none !important;
	}

	.headIcon .headTel {
		display: flex;
		align-items: center;
		height: 72px;
	}

	.headIcon .headTel img {
		height: 28px;
	}

	.swiper-container {
		margin-top: 72px !important;
	}

	.banner.swiper-container {
		max-width: none !important;
		width: 100%;
	}

	.banner .swiper-slide img,
	.banner .swiper-slide .ad-picture,
	.banner .swiper-slide .ad-picture img {
		width: 100%;
		max-height: 620px;
		object-fit: cover;
	}

	/* 去掉“手机壳”式窄白盒，改为全宽分区块 */
	.indexMain {
		max-width: none !important;
		width: 100%;
		margin: 0;
		background: transparent !important;
		box-shadow: none !important;
		overflow: visible;
	}

	.indexMain > div {
		width: 100%;
		box-sizing: border-box;
	}

	/* 通用内容壳 */
	.indexBusiness,
	.indexCompany,
	.indexService,
	.indexNews,
	.indexJoin {
		max-width: none !important;
		padding: 48px 0 56px;
	}

	.indexBusiness .indexTit,
	.indexCompany .indexTit,
	.indexService .indexTit,
	.indexNews .indexTit,
	.indexBusiness .Businessmenu,
	.indexCompanyWrap,
	.indexNewsWrap {
		max-width: 1480px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 40px;
		padding-right: 40px;
		box-sizing: border-box;
	}

	/* 标题区：更偏 PC 字号与间距 */
	.indexTit {
		padding: 0 32px 28px !important;
		text-align: center;
	}

	.indexTit div a {
		font-size: 28px !important;
		font-weight: 600;
		letter-spacing: 2px;
		color: #1a1a1a !important;
	}

	.indexTit p {
		font-size: 13px !important;
		letter-spacing: 3px;
		color: #a0a0a0 !important;
		margin-top: 8px;
		text-transform: uppercase;
	}

	/* —— Our Business：图标入口 —— */
	.indexBusiness {
		background: #fff;
	}

	.Businessmenu {
		display: flex !important;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 8px 32px 0 !important;
		overflow: visible !important;
		height: auto !important;
	}

	.Businessmenu li {
		float: none !important;
		flex: 1 1 0;
		width: auto !important;
		min-width: 0;
		padding: 0 6px;
		box-sizing: border-box;
	}

	.Businessmenu li a {
		display: block;
		padding: 28px 12px 24px;
		border-radius: 8px;
		background: #f7f8fa;
		transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
		font-size: 15px !important;
	}

	.Businessmenu li a:hover {
		background: #fff;
		box-shadow: 0 8px 24px rgba(23, 73, 74, 0.12);
		transform: translateY(-4px);
		color: #17494a !important;
	}

	.Businessmenu li a img {
		width: 56px !important;
		height: auto !important;
		margin-bottom: 12px;
	}

	.Businessmenu li a p {
		padding: 0 !important;
		font-size: 15px !important;
		line-height: 1.4;
	}

	/* —— 关于我们：简介 / 入口 / 产品强制同宽对齐 —— */
	.indexCompany {
		background: #f5f6f8;
		text-align: left !important;
	}

	.indexCompanyWrap {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 24px;
		box-sizing: border-box;
	}

	.indexCompany .aboutBox,
	.indexCompany .aboutList,
	.indexCompany .indexProGrid {
		max-width: 100% !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		box-sizing: border-box !important;
		align-self: stretch;
	}

	.indexCompany .aboutBox {
		display: flex !important;
		align-items: stretch;
		overflow: hidden;
		border: 0 !important;
		border-radius: 10px;
		background: #fff;
		box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);
		height: auto !important;
	}

	.indexCompany .aboutBox .awid {
		float: none !important;
		flex: 1 1 50%;
		width: 50% !important;
		max-width: 50%;
		height: 380px !important;
		box-sizing: border-box !important;
	}

	.indexCompany .aboutText {
		background: #17494a;
	}

	.indexCompany .aboutText div {
		border-right: 0 !important;
	}

	.indexCompany .aboutText a {
		color: #fff !important;
		font-size: 20px !important;
		height: auto !important;
		margin-top: -1.5rem !important;
	}

	.indexCompany .aboutText a i {
		width: 48px !important;
		height: 48px !important;
		margin-bottom: 16px !important;
		background-size: contain !important;
	}

	.indexCompany .aboutText a p {
		font-size: 20px;
	}

	.indexCompany .aboutText:hover {
		background-color: #6a8f96 !important;
	}

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

	.indexCompany .aboutList {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 20px;
		overflow: visible !important;
		height: auto !important;
		list-style: none;
	}

	.indexCompany .aboutList li,
	.indexCompany .aboutList li.i1,
	.indexCompany .aboutList li.i2,
	.indexCompany .aboutList li.i3 {
		float: none !important;
		width: auto !important;
		max-width: none !important;
		height: auto !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		position: relative;
		box-sizing: border-box !important;
	}

	.indexCompany .aboutList li a {
		padding: 36px 20px !important;
		border-radius: 8px;
		border: 1px solid #e8e8e8 !important;
		font-size: 16px !important;
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
		height: 100%;
		box-sizing: border-box;
	}

	.indexCompany .aboutList li a i {
		width: 40px !important;
		height: 36px !important;
		margin-bottom: 14px !important;
	}

	.indexCompany .aboutList .boxshadow {
		display: none !important;
	}

	.indexCompany .indexProGrid {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 20px;
	}

	.indexCompany .index_jac_pro {
		display: block !important;
		width: auto !important;
		max-width: none !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 0 0 18px !important;
		border-radius: 10px;
		overflow: hidden;
		background: #fff !important;
		box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06) !important;
		text-align: left;
		transition: transform 0.2s ease, box-shadow 0.2s ease;
		box-sizing: border-box !important;
	}

	.indexCompany .index_jac_pro:hover {
		transform: translateY(-6px);
		box-shadow: 0 12px 28px rgba(0, 0, 0, 0.1);
	}

	.indexCompany .index_jac_pro a {
		display: block;
		overflow: hidden;
	}

	.indexCompany .index_jac_pro img {
		width: 100%;
		height: 260px;
		object-fit: cover;
		display: block;
		transition: transform 0.35s ease;
	}

	.indexCompany .index_jac_pro:hover img {
		transform: scale(1.04);
	}

	.indexCompany .index_jac_pro h1 {
		padding: 16px 20px 4px !important;
		font-size: 18px !important;
		font-weight: 600;
		color: #222;
	}

	.indexCompany .index_jac_pro p {
		padding: 0 20px 8px;
		color: #999;
		font-size: 13px;
	}

	.indexCompany .index_jac_pro br {
		display: none;
	}

	/* —— 形象展示 + 加盟：左右等高，左侧大图铺满无留白 —— */
	.indexService {
		background: #f5f6f8;
		padding-top: 48px;
		padding-bottom: 56px;
	}

	.indexServiceRow {
		max-width: 1480px;
		margin: 0 auto;
		padding: 0;
		box-sizing: border-box;
		display: grid;
		grid-template-columns: 1fr 360px;
		align-items: stretch;
		gap: 0;
		background: #fff;
		border-radius: 12px;
		overflow: hidden;
		box-shadow: 0 8px 28px rgba(0, 0, 0, 0.06);
	}

	.indexService .serviceBox,
	.indexService .con {
		max-width: none !important;
		margin: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.indexService .serviceBox {
		min-width: 0;
		min-height: 440px;
		height: 100% !important;
		padding-bottom: 0 !important;
		border-radius: 0;
		overflow: hidden !important;
		box-shadow: none;
		background: #17494a;
		position: relative;
	}

	.indexService .serviceBox .swiper-wrapper {
		height: 100% !important;
	}

	.indexService .serviceBox .swiper-slide {
		overflow: hidden !important;
		background: #17494a;
		height: 100% !important;
		box-sizing: border-box;
		position: relative;
	}

	/* 大图铺满 + 左侧文字遮罩，彻底去掉底部白边 */
	.indexService .serviceSlideInner {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100% !important;
		min-height: 440px;
		overflow: hidden;
		background: #17494a;
	}

	.indexService .serviceBox .awid {
		float: none !important;
		position: absolute !important;
		height: auto !important;
	}

	.indexService .serviceBox .img.awid {
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		width: 100% !important;
		height: 100% !important;
		z-index: 1;
	}

	.indexService .serviceBox .serviceDiv.awid {
		left: 0;
		top: 0;
		bottom: 0;
		width: 42% !important;
		z-index: 3;
		background: linear-gradient(90deg, rgba(23, 73, 74, 0.96) 0%, rgba(23, 73, 74, 0.82) 55%, rgba(23, 73, 74, 0) 100%);
	}

	.indexService .serviceDiv div {
		position: absolute;
		left: 0;
		top: 50%;
		z-index: 5;
		width: 100%;
		height: auto !important;
		margin-top: 0 !important;
		transform: translateY(-50%);
		padding: 0 8% 0 10%;
		box-sizing: border-box;
	}

	.indexService .serviceDiv div a {
		font-size: 22px !important;
		padding: 0 0 12px !important;
		font-weight: 600;
		color: #fff !important;
	}

	.indexService .serviceDiv div a:hover {
		color: #edbd2b !important;
	}

	.indexService .serviceDiv div p {
		font-size: 14px !important;
		line-height: 1.9 !important;
		max-height: none !important;
		padding: 0 !important;
		color: rgba(255, 255, 255, 0.88) !important;
	}

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

	/* 分页点叠在图片底部，不占额外高度 */
	.indexService .serviceBox .swiper-pagination {
		position: absolute !important;
		left: 0;
		right: 0;
		bottom: 16px !important;
		top: auto !important;
		z-index: 6;
		padding: 0 !important;
		background: transparent !important;
		margin: 0 !important;
	}

	.indexService .serviceBox .swiper-pagination-bullet {
		background: #fff !important;
		opacity: 0.45;
		width: 8px;
		height: 8px;
	}

	.indexService .serviceBox .swiper-pagination-bullet-active {
		background: #edbd2b !important;
		opacity: 1;
	}

	.indexService .con,
	.indexService .joinFormBox {
		width: 100%;
		margin: 0 !important;
		padding: 28px 26px 30px !important;
		background: #f7f8fa;
		border-radius: 0;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		justify-content: center;
		box-shadow: none;
		border-left: 1px solid #e8eaea;
	}

	.indexService .con .jinri {
		margin-bottom: 18px !important;
		text-align: center;
	}

	.indexService .con .y_text1 {
		font-size: 20px !important;
		padding-left: 0 !important;
		color: #17494a !important;
		font-weight: 600;
	}

	.indexService .yuyue_kuang {
		margin-bottom: 12px !important;
		padding-left: 0 !important;
		font-size: 13px;
		color: #555;
		display: block;
	}

	.indexService .yuyue_kuang input,
	.indexService .yuyue_kuang textarea,
	.indexService .con input[type="text"] {
		display: block;
		width: 100% !important;
		max-width: 100%;
		height: 40px;
		margin-top: 6px;
		font-size: 14px !important;
		padding: 0 12px;
		border: 1px solid #d8d8d8;
		border-radius: 6px;
		box-sizing: border-box;
		background: #fff;
	}

	.indexService .yuyue_kuang textarea {
		height: auto;
		min-height: 90px;
		padding: 10px 12px;
		resize: vertical;
	}

	.indexService .yuyue_code {
		display: block !important;
	}

	.indexService .yuyue_code .code-row {
		display: flex;
		align-items: center;
		gap: 10px;
		margin-top: 6px;
	}

	.indexService .yuyue_code input {
		width: 140px !important;
		display: block;
		margin-top: 0;
	}

	.indexService .yuyue_code a {
		display: block;
		height: 40px;
		overflow: hidden;
		border: 1px solid #e5e5e5;
		border-radius: 4px;
		background: #fff;
	}

	.indexService .yuyue_code img {
		width: auto !important;
		max-width: 120px;
		height: 100%;
		position: static !important;
		left: auto !important;
		object-fit: contain;
	}

	.indexService .con .button {
		display: block;
		width: 100%;
		max-width: 100%;
		height: 44px;
		line-height: 44px;
		margin: 16px 0 0;
		font-size: 16px;
		border-radius: 6px;
		background: #17494a !important;
		cursor: pointer;
		transition: background 0.2s ease;
		border: 0;
		color: #fff;
	}

	.indexService .con .button:hover {
		background: #6a8f96 !important;
	}

	/* —— 新闻中心：头条与列表同宽对齐 —— */
	.indexNews {
		background: #fff;
	}

	.indexNewsWrap {
		width: 100%;
	}

	.indexNews .serviceTab {
		text-align: center;
		margin: 0 0 24px;
		padding: 0 !important;
		max-width: none;
	}

	.indexNews .serviceTab li {
		width: auto !important;
		min-width: 120px;
		margin: 0 8px 12px !important;
		border-right: 0 !important;
		line-height: 1 !important;
	}

	.indexNews .serviceTab li a {
		display: inline-block;
		padding: 10px 22px;
		font-size: 15px !important;
		border-radius: 20px;
		background: #f5f6f8;
		border: 1px solid #e5e5e5;
		color: #555 !important;
		transition: all 0.2s ease;
	}

	.indexNews .serviceTab li a:hover {
		background: #17494a;
		border-color: #17494a;
		color: #fff !important;
	}

	.indexNews .hotNews {
		display: flex;
		align-items: stretch;
		width: 100%;
		max-width: none !important;
		height: auto !important;
		min-height: 200px;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden;
		border-radius: 10px;
		background: #f8f9fa;
		box-shadow: none;
		border: 1px solid #ececec;
		box-sizing: border-box;
	}

	.indexNews .hotNews .newsImg {
		float: none !important;
		flex: 0 0 340px;
		width: 340px;
		height: auto;
		min-height: 200px;
		padding: 0 !important;
		background: #eee;
	}

	.indexNews .hotNews .newsImg img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.indexNews .hotNews .newsText {
		float: none !important;
		margin: 0 !important;
		padding: 28px 32px !important;
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-content: center;
		min-width: 0;
	}

	.indexNews .hotNews .newsText a {
		font-size: 22px !important;
		line-height: 1.45 !important;
		margin-bottom: 12px !important;
		color: #222 !important;
		font-weight: 600;
	}

	.indexNews .hotNews .newsText p {
		font-size: 14px !important;
		line-height: 1.75 !important;
		height: auto !important;
		max-height: 4.8em;
		color: #777 !important;
	}

	.indexNews .hotNews .boxshadow {
		display: none;
	}

	.indexNews .indexnewsList {
		display: block;
		width: 100%;
		max-width: none !important;
		margin: 16px 0 0 !important;
		padding: 0 !important;
		overflow: visible !important;
		height: auto !important;
		box-sizing: border-box;
	}

	.indexNews .indexnewsList li {
		float: none !important;
		display: flex;
		align-items: stretch;
		width: 100%;
		height: auto !important;
		min-height: 0;
		margin: 0 0 12px !important;
		padding: 0 !important;
		border-radius: 10px;
		background: #fff !important;
		border: 1px solid #ececec;
		box-shadow: none;
		box-sizing: border-box;
		overflow: hidden;
		transition: border-color 0.2s ease, box-shadow 0.2s ease;
	}

	.indexNews .indexnewsList li:last-child {
		margin-bottom: 0 !important;
	}

	.indexNews .indexnewsList li:hover {
		border-color: #cfd8d9;
		box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
	}

	.indexNews .indexnewsList .date {
		float: none !important;
		flex: 0 0 86px;
		width: 86px;
		margin: 0;
		border-radius: 0;
		height: auto !important;
		min-height: 78px;
		padding: 14px 8px !important;
		background: #17494a !important;
		text-align: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.indexNews .indexnewsList .date div {
		font-size: 18px !important;
		padding-top: 0 !important;
		line-height: 1.2 !important;
		color: #fff;
	}

	.indexNews .indexnewsList .date p {
		color: rgba(255, 255, 255, 0.7) !important;
		font-size: 12px !important;
		margin-top: 4px;
	}

	.indexNews .indexnewsList .newsText {
		float: none !important;
		flex: 1;
		margin: 0 !important;
		padding: 16px 22px !important;
		display: flex;
		flex-direction: column;
		justify-content: center;
		min-width: 0;
	}

	.indexNews .indexnewsList .newsText a {
		font-size: 16px !important;
		line-height: 1.45 !important;
		font-weight: 600;
		margin-bottom: 4px !important;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.indexNews .indexnewsList .newsText p {
		font-size: 13px !important;
		height: auto !important;
		max-height: 2.6em;
		line-height: 1.55 !important;
		margin-top: 0;
		color: #888;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.indexNews .indexnewsList .boxshadow {
		display: none;
	}

	/* 内页通用：灰底通栏 + 中间白卡片留白（关于我们等） */
	.main {
		margin-top: 72px;
		max-width: none;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		background: transparent;
		box-shadow: none;
	}

	.newsCon {
		max-width: 1400px;
		margin: 24px auto 48px;
		padding: 36px 48px 28px !important;
		background-color: #fff !important;
		box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
		box-sizing: border-box;
	}

	.newsCon .newsTit {
		padding: 8px 0 20px;
		margin-bottom: 4px;
	}

	.newsCon .content {
		padding: 24px 0 28px;
		color: #666;
		font-size: 15px;
		line-height: 2.2;
	}

	.newsCon .content p {
		margin: 0 0 1.2em;
		line-height: 2.2;
	}

	.newsCon .content img {
		display: block;
		max-width: 100%;
		height: auto;
		margin: 1.5rem auto;
	}

	.newsCon .back {
		display: flex;
		margin-top: 28px;
		margin-bottom: 4px;
		min-width: 152px;
		height: 44px;
		padding: 0 28px;
		font-size: 14px;
	}

	.bigImg img {
		padding-top: 72px;
	}

	/* 产品页：筛选条与产品网格同宽对齐 */
	.productPage .screen_1,
	.productPage .productList,
	.productPage .productMenu,
	.productPage .shop,
	.productPage .shopShortcut,
	.productPage .loading-wrap {
		max-width: 1400px !important;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		box-sizing: border-box;
		padding-left: 0;
		padding-right: 0;
	}

	.productPage .screen_1 {
		margin-top: 20px;
		margin-bottom: 0;
		padding: 22px 20px 16px;
		border: none;
		box-shadow: 0 2px 14px rgba(0, 0, 0, 0.05);
		background: #fff;
	}

	.productPage .product {
		max-width: none;
	}

	.productPage .productList {
		margin-top: 16px;
		padding: 0;
	}

	.productPage .productList ul,
	.productPage .productList ul.product-grid,
	.productPage #containers {
		display: flex !important;
		flex-wrap: wrap;
		margin: 0 -10px;
		height: auto !important;
		position: static !important;
		width: auto;
	}

	.productPage .productList ul li,
	.productPage .productList ul li.item,
	.productPage #containers > li {
		float: none !important;
		position: relative !important;
		top: auto !important;
		left: auto !important;
		width: 25% !important;
		padding: 0 10px;
		margin: 0 0 20px !important;
		box-sizing: border-box;
		background: transparent;
	}

	.productPage .productList ul li a {
		background: #fff;
		height: 100%;
		border: 1px solid #eee;
		border-radius: 6px;
		overflow: hidden;
		padding: 12px 12px 0;
		transition: box-shadow 0.25s ease, border-color 0.25s ease;
	}

	.productPage .productList ul li a:hover {
		border-color: #d7e0e0;
		box-shadow: 0 10px 24px rgba(23, 73, 74, 0.1);
	}

	.productPage .productList ul li .allimg img {
		filter: none !important;
	}

	.productPage .shopShortcut {
		margin-top: 28px;
		margin-bottom: 0;
		padding: 28px 20px 22px;
		border: none;
		box-shadow: 0 2px 14px rgba(0, 0, 0, 0.05);
	}

	.productPage .shopShortcutEn {
		font-size: 14px;
	}

	.productPage .shopShortcutZh {
		font-size: 22px;
	}

	.productPage .productMenu {
		margin-top: 16px;
		margin-bottom: 32px;
		background: #fff;
		box-shadow: 0 2px 14px rgba(0, 0, 0, 0.05);
	}

	.productPage .productMenu ul {
		display: flex;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.productPage .productMenu li {
		float: none;
		flex: 1;
		width: auto;
		background: transparent;
	}

	.productPage .productMenu li a {
		height: auto;
		min-height: 140px;
		padding: 36px 12px 28px;
		border-left: 1px solid #eee;
		box-sizing: border-box;
	}

	.productPage .productMenu li:first-child a {
		border-left: 0;
	}

	.productPage .productMenu li a img {
		width: 40px;
		height: auto;
	}

	.productPage .productMenu li a p {
		margin: 0;
		font-size: 15px;
	}

	.productPage .productMenu .boxshadow {
		display: none;
	}

	.productPage .productMenu {
		margin-bottom: 24px;
	}

	.productList {
		max-width: 1400px;
		margin: 0 auto;
		padding: 1.2rem 0 2rem;
		box-sizing: border-box;
	}

	.productList ul,
	.productList ul.product-grid,
	.productPage #containers,
	.productList #containers {
		display: flex !important;
		flex-wrap: wrap;
		margin: 0 -10px;
		height: auto !important;
		position: static !important;
	}

	.productList ul li,
	.productList ul li.item,
	.productPage #containers > li,
	.productList #containers > li {
		float: none !important;
		position: relative !important;
		top: auto !important;
		left: auto !important;
		width: 25% !important;
		padding: 0 10px;
		margin: 0 0 20px !important;
		box-sizing: border-box;
		background: transparent;
	}

	.productList ul li a {
		background: #fff;
		height: 100%;
		border: 1px solid #eee;
		border-radius: 6px;
		overflow: hidden;
		padding: 12px 12px 0;
		transition: box-shadow 0.25s ease, border-color 0.25s ease;
	}

	.productList ul li a:hover {
		border-color: #d7e0e0;
		box-shadow: 0 10px 24px rgba(23, 73, 74, 0.1);
	}

	.productList ul li .allimg img {
		filter: none !important;
	}

	.productList ul li.fr {
		float: none;
	}

	.productDetailPage {
		padding: 24px 0 48px;
	}

	.pdCard {
		max-width: 1400px;
		margin: 0 auto;
		padding: 0 0 40px;
		box-shadow: 0 2px 18px rgba(0, 0, 0, 0.05);
	}

	.pdHead {
		padding: 40px 48px 28px;
	}

	.pdEyebrow {
		font-size: 13px;
	}

	.pdTitle {
		font-size: 30px;
		letter-spacing: 0.12em;
	}

	.pdGallery .swiper-slide img {
		max-height: 680px;
		object-fit: contain;
		background: #fff;
	}

	.pdMeta {
		padding: 24px 48px 8px;
	}

	.pdMeta li {
		width: 25%;
		font-size: 14px;
	}

	.pdBody {
		padding: 28px 48px 12px;
		font-size: 15px;
		line-height: 2;
	}

	.pdPager {
		margin: 16px 48px 0;
		gap: 16px;
	}

	.pdPagerItem {
		padding: 18px 22px;
	}

	.pdPagerItem strong {
		font-size: 15px;
	}

	.pdActions {
		margin-top: 32px;
		gap: 16px;
	}

	.productDetailPage .newsCon {
		max-width: 1400px;
		margin: 24px auto 40px;
		padding: 36px 40px 28px !important;
	}

	.productDetailPage .productGallery {
		max-width: 920px;
		margin: 0 auto 24px;
		background: #fff;
	}

	.productDetailPage .productGallery .swiper-slide img {
		max-height: 620px;
	}

	.productDetailPage .produxctInfo {
		max-width: 920px;
		margin: 0 auto;
		text-align: center;
	}

	.productDetailPage .productDetailNav {
		max-width: 920px;
		margin: 24px auto 0;
	}

	footer.footers,
	footer {
		padding: 40px 0 0 !important;
	}

	footer .footIcon,
	footer .footTel,
	footer .copy {
		max-width: 1480px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 32px;
		padding-right: 32px;
		box-sizing: border-box;
	}

	footer .copy {
		padding-top: 20px;
		padding-bottom: 28px;
	}

	footer .footTel b,
	footer .footTel b a {
		font-size: 22px !important;
	}

	#floatmobile {
		right: 16px !important;
		bottom: 120px;
		transform: scale(0.95);
		transform-origin: right bottom;
	}

	.mainMenu {
		max-width: none;
		width: 100%;
		height: auto;
		min-height: 52px;
		margin: 0 0 0;
		display: flex;
		justify-content: center;
		align-items: center;
		background: #fff;
		border-bottom: 1px solid #eee;
		box-sizing: border-box;
	}

	.mainMenu > ul.mlk_sub,
	.mainMenu ul.fixed {
		position: static !important;
		left: auto !important;
		top: auto !important;
		width: auto !important;
		max-width: 1400px;
		margin: 0 auto !important;
		float: none !important;
		display: flex !important;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		height: auto !important;
	}

	.mainMenu .swiper-wrapper {
		display: flex !important;
		transform: none !important;
		width: auto !important;
		height: auto !important;
		align-items: center;
		justify-content: center;
	}

	.mainMenu .swiper-slide {
		width: auto !important;
		flex-shrink: 0;
	}

	.mainMenu ul li {
		float: none !important;
		width: auto !important;
		padding: 0 22px !important;
	}

	.mainMenu ul li a {
		height: 52px;
		line-height: 52px;
		font-size: 15px;
		padding: 0 6px;
	}

	.mainMenuBg {
		display: none;
	}

	.screen_1 {
		padding: 16px 24px;
	}

	.jt2 {
		max-width: 720px;
		margin: 0 auto;
		padding: 40px 24px;
	}

	.video {
		max-width: 960px;
		margin: 0 auto;
	}
}

@media screen and (min-width: 1280px) {
	.navBox {
		max-width: 1480px;
	}

	.newsCon {
		max-width: 1400px;
	}

	.indexBusiness .indexTit,
	.indexCompany .indexTit,
	.indexService .indexTit,
	.indexNews .indexTit,
	.indexBusiness .Businessmenu,
	.indexCompanyWrap,
	.indexServiceRow,
	.indexNewsWrap,
	footer .footIcon,
	footer .footTel,
	footer .copy {
		max-width: 1480px;
	}

	.Businessmenu li a img {
		width: 64px !important;
	}

	.indexCompany .aboutBox .awid {
		height: 400px !important;
	}

	.indexCompany .index_jac_pro img {
		height: 280px;
	}

	.indexNews .hotNews .newsImg {
		flex-basis: 420px;
		width: 420px;
		min-height: 240px;
	}

	.indexServiceRow {
		grid-template-columns: 1fr 400px;
	}

	.indexService .serviceBox {
		min-height: 480px;
	}

	/* 新闻列表：PC 隐藏 banner，左图右文列表 + 右侧分类 */
	.newsListBanner,
	.newsDetailBanner,
	.liuyanBanner,
	.contactBanner,
	.zhuanmaidianBanner,
	.zhuanmaidianDetailBanner {
		display: none !important;
	}

	.newsListPage,
	.newsDetailPage,
	.liuyanPage,
	.contactPage,
	.shopPage,
	.shopDetailPage {
		margin-top: 72px;
		background: #f5f6f8;
		padding: 36px 0 64px;
	}

	.newsListInner {
		max-width: 1280px;
		margin: 0 auto;
		padding: 0 28px;
	}

	.newsLayout {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 280px;
		gap: 24px;
		align-items: start;
	}

	.newsMain {
		padding: 8px 28px 16px;
		border-radius: 2px;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
	}

	.newsRowList,
	.newsListPage #newsListContainer {
		display: block !important;
		width: 100% !important;
		margin: 0 !important;
		flex-wrap: nowrap !important;
	}

	.newsRowList > li,
	.newsListPage #newsListContainer > li {
		display: block !important;
		float: none !important;
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	.newsRow {
		display: flex !important;
		gap: 24px;
		padding: 24px 0;
	}

	.newsRowThumb {
		flex: 0 0 220px;
		width: 220px;
		height: 150px;
	}

	.newsRowBody h3 {
		font-size: 20px;
		line-height: 1.4;
		margin-bottom: 10px;
		-webkit-line-clamp: 1;
	}

	.newsRowBody p {
		font-size: 14px;
		line-height: 1.7;
		color: #888;
		-webkit-line-clamp: 2;
		max-width: 720px;
	}

	.newsRowMeta {
		padding-top: 16px;
		gap: 18px;
		font-size: 13px;
		color: #b3b3b3;
	}

	.newsSide {
		margin-top: 0;
		position: sticky;
		top: 96px;
	}

	.newsSearch {
		margin-bottom: 16px;
		border-radius: 4px;
		background: #fff;
	}

	.newsSearch input {
		height: 44px;
		font-size: 14px;
		padding: 0 44px 0 16px;
	}

	.newsSearch button {
		width: 44px;
		height: 44px;
	}

	.newsSideBox {
		padding: 20px 18px 6px;
		background: #fff;
	}

	.newsSideBox h3 {
		font-size: 18px;
		margin-bottom: 12px;
	}

	.newsSideCats a {
		padding: 14px 4px;
		font-size: 15px;
		transition: color 0.2s ease;
	}

	.newsLoading {
		padding: 20px 0 8px;
		font-size: 14px;
	}

	.newsDetailMain {
		padding: 36px 40px 32px;
		border-radius: 2px;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
		min-width: 0;
	}

	.newsDetailHead {
		padding-bottom: 18px;
		margin-bottom: 28px;
	}

	.newsDetailHead h1 {
		font-size: 28px;
		line-height: 1.4;
		margin-bottom: 14px;
	}

	.newsDetailMeta {
		gap: 18px;
		font-size: 13px;
	}

	.newsDetailContent {
		font-size: 16px;
		line-height: 2;
	}

	.newsDetailContent p {
		margin: 0 0 1.15em;
		line-height: 2;
		text-indent: 2em;
	}

	.newsDetailContent img {
		margin: 1.4rem auto;
	}

	.newsDetailPager {
		margin-top: 36px;
		padding-top: 20px;
		grid-template-columns: 1fr 1fr;
		gap: 16px;
	}

	.newsPagerItem a,
	.newsPagerItem > span {
		padding: 14px 16px;
		transition: background 0.2s ease;
	}

	.newsPagerItem a:hover {
		background: #eef2f2;
	}

	.newsPagerNext {
		text-align: right;
	}

	.newsPagerNext strong {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.liuyanInner {
		max-width: 1280px;
		margin: 0 auto;
		padding: 0 28px;
	}

	.liuyanTabs {
		gap: 36px;
		padding: 0 0 24px;
	}

	.liuyanTabs a {
		font-size: 16px;
	}

	.liuyanCard {
		padding: 48px 72px 44px;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
	}

	.liuyanForm {
		max-width: 920px;
	}

	.liuyanRow {
		margin-bottom: 22px;
	}

	.liuyanRow label {
		flex: 0 0 96px;
		font-size: 15px;
		line-height: 42px;
	}

	.liuyanRowTop label {
		padding-top: 10px;
		line-height: 1.4;
	}

	.liuyanField input,
	.liuyanField textarea {
		font-size: 15px;
		padding: 10px 14px;
	}

	.liuyanField input {
		height: 42px;
	}

	.liuyanField textarea {
		min-height: 160px;
	}

	.liuyanCode input {
		max-width: 180px;
		height: 42px;
	}

	.liuyanCaptcha {
		height: 42px;
	}

	.liuyanActions {
		padding-left: 96px;
		gap: 12px;
		margin-top: 8px;
	}

	.liuyanSubmit,
	.liuyanReset {
		min-width: 96px;
		height: 40px;
		font-size: 15px;
	}

	.liuyanTip {
		padding-left: 96px;
		margin-top: 18px;
		font-size: 13px;
	}

	.contactInner {
		max-width: 1280px;
		margin: 0 auto;
		padding: 0 28px;
	}

	.contactPanel {
		padding: 40px 48px 36px;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
	}

	.contactIntro {
		padding: 0 0 22px;
		margin-bottom: 8px;
	}

	.contactIntro h1 {
		font-size: 28px;
		margin-bottom: 8px;
	}

	.contactIntro p {
		font-size: 14px;
	}

	.contactRow {
		gap: 28px;
		padding: 28px 4px;
	}

	.contactRowMedia {
		flex: 0 0 160px;
		width: 160px;
		height: 160px;
	}

	.contactRowBody h3 {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.contactRowText {
		font-size: 15px;
		line-height: 1.85;
		max-width: 760px;
	}

	.contactHotline {
		margin-top: 24px;
		padding: 18px 22px;
	}

	.contactHotline span {
		font-size: 14px;
	}

	.contactHotline strong {
		font-size: 24px;
	}

	.shopInner {
		max-width: 1280px;
		margin: 0 auto;
		padding: 0 28px;
	}

	.shopIntro {
		padding: 28px 32px 22px;
		border: 1px solid #e8e8e8;
		border-bottom: none;
	}

	.shopIntro h1 {
		font-size: 28px;
		margin-bottom: 6px;
	}

	.shopIntro p {
		font-size: 14px;
	}

	.shopRegionBar {
		padding: 16px 24px;
		margin-bottom: 16px;
	}

	.shopRegionBar .shopRegionLabel {
		font-size: 15px;
	}

	.shopRegionBar em {
		font-size: 13px;
		padding: 6px 14px;
	}

	.shopRows {
		padding: 8px 32px 12px;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
	}

	.shopRow {
		gap: 28px;
		padding: 28px 4px;
	}

	.shopRowMedia {
		flex: 0 0 180px;
		width: 180px;
		height: 140px;
	}

	.shopRowBody h3 {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.shopRowBody p {
		font-size: 15px;
		line-height: 1.85;
		max-width: 760px;
		-webkit-line-clamp: 2;
	}

	.shopLoading {
		padding: 24px 0 8px;
		font-size: 14px;
	}

	/* 专卖店页：避免旧 heads 空条干扰 */
	.shopPage .heads {
		display: none !important;
	}

	.shopDetailInner {
		max-width: 1100px;
		margin: 0 auto;
		padding: 0 28px;
	}

	.shopDetailMain {
		padding: 40px 48px 36px;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
	}

	.shopDetailCrumb {
		font-size: 13px;
		margin-bottom: 14px;
	}

	.shopDetailHead h1 {
		font-size: 30px;
		margin-bottom: 16px;
	}

	.shopDetailMeta {
		padding-top: 16px;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
		gap: 8px 24px;
	}

	.shopDetailMeta li {
		padding: 4px 0;
		font-size: 15px;
	}

	.shopDetailMeta li span {
		flex: 0 0 42px;
	}

	.shopDetailCover {
		margin-top: 28px;
	}

	.shopDetailContent {
		margin-top: 28px;
		padding-top: 24px;
		font-size: 16px;
		line-height: 2;
	}

	.shopDetailContent p {
		margin: 0 0 1.1em;
	}

	.shopDetailActions {
		margin-top: 32px;
		padding-top: 22px;
	}

	.shopDetailBack {
		padding: 10px 22px;
		font-size: 14px;
		transition: background 0.2s ease;
	}
}