/* responsive.css — jq-juquan 聚全科技响应式样式 juquankeji.com
 * @owner 佛山市聚全网络科技有限公司
 * @mark jq | juquan | juquankeji
 */
/* 响应式扩展：桌面端 >=769px 保持 style.css 原有 width960/width1200 布局 */

/* ===== 移动导航 / 底栏：桌面端完全隐藏 ===== */
#jq-mobile-menu,
#jq-mobile-tabbar,
.jq-banner-mobile-cap,
#jq-mobile-banner,
.jq-mobile-stats,
.jq-m-svc-ico,
.jq-m-case-head,
.jq-m-case-meta,
.jq-m-case-gap {
	display: none !important;
}

/* ===== 移动导航 / 底栏：基础组件样式（仅移动端启用） ===== */
@media (max-width: 768px) {
	#jq-mobile-menu {
		display: flex !important;
		flex-direction: column;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 10050;
		background: #111;
		color: #fff;
		transform: translateX(100%);
		visibility: hidden;
		transition: transform 0.3s ease, visibility 0.3s ease;
		overflow: hidden;
	}
	body.jq-mobile-menu-open #jq-mobile-menu {
		transform: translateX(0);
		visibility: visible;
	}
	body.jq-mobile-menu-open {
		overflow: hidden;
	}

	.jq-mobile-menu-head {
		flex: 0 0 auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 56px;
		padding: 0 15px;
		background: #fff;
		border-bottom: 1px solid #eee;
	}
	.jq-mobile-menu-logo img {
		display: block;
		width: 155px !important;
		height: auto !important;
	}
	.jq-mobile-menu-close {
		width: 40px;
		height: 40px;
		padding: 0;
		border: 0;
		background: transparent;
		font-size: 32px;
		line-height: 1;
		color: #333;
		cursor: pointer;
	}

	.jq-mobile-menu-body {
		flex: 1 1 auto;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		padding: 0 0 10px;
	}
	.jq-mobile-menu-group {
		border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	}
	.jq-mobile-menu-title {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		padding: 14px 18px;
		border: 0;
		background: transparent;
		color: #fff;
		font-size: 16px;
		text-align: left;
		cursor: pointer;
	}
	.jq-mobile-menu-arrow {
		display: inline-block;
		width: 8px;
		height: 8px;
		margin-left: 8px;
		border-right: 2px solid rgba(255, 255, 255, 0.6);
		border-bottom: 2px solid rgba(255, 255, 255, 0.6);
		transform: rotate(45deg);
		transition: transform 0.25s ease;
	}
	.jq-mobile-menu-group.is-open .jq-mobile-menu-arrow {
		transform: rotate(-135deg);
		margin-top: 4px;
	}
	.jq-mobile-menu-panel {
		display: none;
		padding: 0 12px 14px;
	}
	.jq-mobile-menu-group.is-open .jq-mobile-menu-panel {
		display: block;
	}
	.jq-mobile-menu-panel a {
		display: inline-block;
		width: 33.33%;
		padding: 8px 4px;
		box-sizing: border-box;
		color: rgba(255, 255, 255, 0.75);
		font-size: 13px;
		line-height: 1.4;
		text-align: center;
		vertical-align: top;
	}
	.jq-mobile-menu-panel a:hover,
	.jq-mobile-menu-panel a:active {
		color: #0076db;
	}
	.jq-mobile-menu-quick {
		display: flex;
		padding: 12px 15px 0;
		gap: 10px;
	}
	.jq-mobile-menu-quick a {
		flex: 1;
		display: block;
		padding: 10px 0;
		border: 1px solid rgba(255, 255, 255, 0.25);
		border-radius: 2px;
		color: #fff;
		font-size: 14px;
		text-align: center;
	}

	.jq-mobile-menu-foot {
		flex: 0 0 auto;
		padding: 18px 15px 24px;
		text-align: center;
		border-top: 1px solid rgba(255, 255, 255, 0.08);
	}
	.jq-mobile-menu-slogan {
		margin: 0 0 8px;
		color: rgba(255, 255, 255, 0.65);
		font-size: 14px;
	}
	.jq-mobile-menu-tel {
		display: block;
		color: #fff;
		font-size: 26px;
		font-weight: bold;
		letter-spacing: 1px;
	}

	/* 底部 Tab 栏 */
	#jq-mobile-tabbar {
		display: flex !important;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 10040;
		height: 52px;
		padding-bottom: env(safe-area-inset-bottom, 0);
		background: #fff;
		border-top: 1px solid #e5e5e5;
		box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.06);
	}
	body.jq-has-mobile-chrome {
		padding-bottom: 52px;
	}
	body.jq-has-mobile-chrome .qqico {
		display: none !important;
	}
	.jq-mobile-tabbar .jq-tab-item {
		flex: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 4px 0;
		color: #666;
		font-size: 11px;
		line-height: 1.2;
		text-decoration: none;
	}
	.jq-mobile-tabbar .jq-tab-item.is-active {
		color: #222;
	}
	.jq-tab-ico {
		display: block;
		width: 22px;
		height: 22px;
		margin-bottom: 2px;
		font-family: remixicon, "Noto Sans SC", sans-serif;
		font-style: normal;
		font-size: 20px;
		line-height: 22px;
		text-align: center;
	}
	.jq-tab-ico-home:before { content: "\ee2b"; }
	.jq-tab-ico-cases:before { content: "\ecec"; }
	.jq-tab-ico-about:before { content: "\eb09"; }
	.jq-tab-ico-contact:before { content: "\ebd2"; }
}

/* 平板：防止横向溢出 */
@media (max-width: 1280px) {
	.head,
	.width960 .head,
	.width1200 .head,
	.services_con,
	.width960 .services_con,
	.width1200 .services_con,
	.about_list,
	.width960 .about_list,
	.width1200 .about_list,
	.news,
	.width960 .news,
	.width1200 .news,
	.contact,
	.width960 .contact,
	.width1200 .contact,
	.foot_links,
	.width960 .foot_links,
	.width1200 .foot_links,
	.foot,
	.width960 .foot,
	.width1200 .foot,
	.sub_head,
	.width960 .sub_head,
	.width1200 .sub_head,
	.sub_container,
	.width960 .sub_container,
	.width1200 .sub_container,
	.recommend_list,
	.width960 .recommend_list,
	.width1200 .recommend_list {
		width: 100% !important;
		max-width: 100%;
		box-sizing: border-box;
		padding-left: 15px;
		padding-right: 15px;
	}
}

/* 手机 / 小平板 */
@media (max-width: 768px) {
	html,
	body,
	body.width960,
	body.width1200,
	body.width-mobile {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100vw;
		overflow-x: hidden;
	}

	#index,
	.subindex,
	.index {
		width: 100% !important;
		max-width: 100%;
		overflow-x: hidden;
	}

	/* 960/1200 固定宽度区块统一拉满 */
	.head,
	.width960 .head,
	.width1200 .head,
	.width-mobile .head,
	.services_con,
	.width960 .services_con,
	.width1200 .services_con,
	.width-mobile .services_con,
	.project_pic,
	.width960 .project_pic,
	.width1200 .project_pic,
	.width-mobile .project_pic,
	.about_list,
	.width960 .about_list,
	.width1200 .about_list,
	.width-mobile .about_list,
	.about_int,
	.width960 .about_int,
	.width1200 .about_int,
	.width-mobile .about_int,
	.news,
	.width960 .news,
	.width1200 .news,
	.width-mobile .news,
	.contact,
	.width960 .contact,
	.width1200 .contact,
	.width-mobile .contact,
	.foot_links,
	.width960 .foot_links,
	.width1200 .foot_links,
	.width-mobile .foot_links,
	.foot,
	.width960 .foot,
	.width1200 .foot,
	.width-mobile .foot,
	.sub_head,
	.width960 .sub_head,
	.width1200 .sub_head,
	.width-mobile .sub_head,
	.sub_container,
	.width960 .sub_container,
	.width1200 .sub_container,
	.width-mobile .sub_container,
	.recommend_list,
	.width960 .recommend_list,
	.width1200 .recommend_list,
	.width-mobile .recommend_list,
	.sub_top,
	.width960 .sub_top,
	.width1200 .sub_top,
	.width-mobile .sub_top {
		width: 100% !important;
		max-width: 100%;
		box-sizing: border-box;
	}

	body.width960,
	body.width1200,
	body.width-mobile {
		min-width: 0;
	}

	#index,
	.subindex {
		padding-top: 56px;
	}

	img {
		max-width: 100%;
		height: auto !important;
	}

	#loading {
		display: none !important;
	}

	/* 首屏轮播：JS 未执行前也显示第一张 */
	.jq-mbanner-track > ul > li.jq-mbanner-active {
		z-index: 3;
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}

	/* 顶栏：白底 + 黑色汉堡 */
	.headbg {
		height: auto;
		min-height: 56px;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 10000;
		background: #fff !important;
		background-image: none !important;
		filter: none !important;
		border-bottom: 1px solid #eee;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
	}
	.head,
	.width960 .head,
	.width1200 .head {
		width: 100% !important;
		height: auto;
		min-height: 56px;
		padding: 10px 50px 10px 15px;
		box-sizing: border-box;
		position: relative;
	}
	h1.logo {
		position: static;
		float: left;
	}
	h1.logo img {
		width: 155px !important;
		height: auto !important;
	}
	.head_tel {
		display: none !important;
	}

	.jq-nav-toggle {
		display: block;
		position: absolute;
		top: 12px;
		right: 12px;
		width: 36px;
		height: 36px;
		padding: 0;
		border: 0;
		background: transparent;
		cursor: pointer;
		z-index: 10001;
	}
	.jq-nav-toggle span {
		display: block;
		width: 22px;
		height: 2px;
		margin: 5px auto;
		background: #333;
		border-radius: 1px;
		transition: transform 0.25s ease, opacity 0.25s ease;
	}
	body.jq-mobile-menu-open .jq-nav-toggle span:nth-child(1) {
		transform: translateY(7px) rotate(45deg);
	}
	body.jq-mobile-menu-open .jq-nav-toggle span:nth-child(2) {
		opacity: 0;
	}
	body.jq-mobile-menu-open .jq-nav-toggle span:nth-child(3) {
		transform: translateY(-7px) rotate(-45deg);
	}

	.sub_headbg {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 10000;
		background: #fff !important;
		background-image: none !important;
		border-bottom: 1px solid #eee;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
		height: auto !important;
		min-height: 56px;
	}
	.sub_head,
	.width960 .sub_head,
	.width1200 .sub_head,
	.width-mobile .sub_head {
		position: relative;
		width: 100% !important;
		height: auto !important;
		min-height: 56px;
		padding: 10px 50px 10px 15px;
		box-sizing: border-box;
	}

	.nav,
	.width960 .nav,
	.width1200 .nav,
	.width-mobile .nav {
		display: none !important;
	}

	.sub_headbtn {
		display: none !important;
	}
	.sub_search,
	.share {
		display: none !important;
	}
	.sub_head h1.logo,
	.sub_head .jq-sub-logo {
		display: block !important;
		position: static !important;
		float: left;
		margin: 0;
	}
	.sub_head h1.logo img,
	.sub_head .jq-sub-logo img {
		display: block !important;
		width: 155px !important;
		height: auto !important;
	}
	.subindex > .clear {
		display: none !important;
		height: 0 !important;
	}

	/* 手机端：隐藏 PC 轮播，使用独立 m-banner */
	.in_banner {
		display: none !important;
	}

	#jq-mobile-banner {
		display: block !important;
		position: relative;
		width: 100%;
		overflow: hidden;
		background: #111;
	}
	.jq-mbanner-track {
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 113.333%;
		overflow: hidden;
	}
	.jq-mbanner-track > ul {
		position: absolute;
		inset: 0;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.jq-mbanner-track > ul > li {
		position: absolute;
		inset: 0;
		z-index: 1;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}
	.jq-mbanner-track > ul > li.jq-mbanner-active {
		z-index: 3;
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}
	.jq-mbanner-slide {
		position: absolute;
		inset: 0;
		overflow: hidden;
		line-height: 0;
	}
	.jq-mbanner-photo {
		display: block;
		width: 100% !important;
		height: 100% !important;
		max-width: none !important;
		object-fit: cover;
		object-position: center center;
		will-change: transform, opacity;
	}
	/* 轮播图片出现动画（切换时重播） */
	.jq-mbanner-active.jq-mbanner-animate.jq-mbanner-anim-zoom .jq-mbanner-photo {
		animation: jqMbannerZoomIn 0.95s cubic-bezier(0.22, 1, 0.36, 1) forwards;
	}
	.jq-mbanner-active.jq-mbanner-animate.jq-mbanner-anim-slide-left .jq-mbanner-photo {
		animation: jqMbannerSlideLeft 0.85s cubic-bezier(0.22, 1, 0.36, 1) forwards;
	}
	.jq-mbanner-active.jq-mbanner-animate.jq-mbanner-anim-slide-up .jq-mbanner-photo {
		animation: jqMbannerSlideUp 0.85s cubic-bezier(0.22, 1, 0.36, 1) forwards;
	}
	.jq-mbanner-active.jq-mbanner-animate.jq-mbanner-anim-fade .jq-mbanner-photo {
		animation: jqMbannerFadeIn 0.8s ease forwards;
	}
	.jq-mbanner-active.jq-mbanner-animate .jq-mbanner-cap:not(.jq-mbanner-cap--annual):not(.jq-mbanner-cap--hero-left):not(.jq-mbanner-cap--brand-stack) h3 {
		animation: jqMbannerCapIn 0.65s 0.12s ease both;
	}
	.jq-mbanner-active.jq-mbanner-animate .jq-mbanner-cap:not(.jq-mbanner-cap--annual):not(.jq-mbanner-cap--hero-left):not(.jq-mbanner-cap--brand-stack) .jq-mbanner-desc {
		animation: jqMbannerCapIn 0.65s 0.26s ease both;
	}
	.jq-mbanner-active.jq-mbanner-animate .jq-mbanner-cap--annual .jq-mbanner-annual-num,
	.jq-mbanner-active.jq-mbanner-animate .jq-mbanner-cap--annual .jq-mbanner-annual-en-top {
		animation: jqMbannerCapIn 0.65s 0.08s ease both;
	}
	.jq-mbanner-active.jq-mbanner-animate .jq-mbanner-cap--annual .jq-mbanner-annual-en-sub {
		animation: jqMbannerCapIn 0.65s 0.16s ease both;
	}
	.jq-mbanner-active.jq-mbanner-animate .jq-mbanner-cap--annual .jq-mbanner-annual-title {
		animation: jqMbannerCapIn 0.65s 0.24s ease both;
	}
	.jq-mbanner-active.jq-mbanner-animate .jq-mbanner-cap--annual .jq-mbanner-annual-desc {
		animation: jqMbannerCapIn 0.65s 0.34s ease both;
	}
	.jq-mbanner-active.jq-mbanner-animate .jq-mbanner-cap--hero-left .jq-mbanner-hero-title {
		animation: jqMbannerCapIn 0.65s 0.12s ease both;
	}
	.jq-mbanner-active.jq-mbanner-animate .jq-mbanner-cap--hero-left .jq-mbanner-hero-desc {
		animation: jqMbannerCapIn 0.65s 0.26s ease both;
	}
	.jq-mbanner-active.jq-mbanner-animate .jq-mbanner-cap--brand-stack .jq-mbanner-brand-lead {
		animation: jqMbannerCapIn 0.65s 0.1s ease both;
	}
	.jq-mbanner-active.jq-mbanner-animate .jq-mbanner-cap--brand-stack .jq-mbanner-brand-title {
		animation: jqMbannerCapIn 0.65s 0.24s ease both;
	}
	@keyframes jqMbannerZoomIn {
		from { transform: scale(1.14); opacity: 0; }
		to { transform: scale(1); opacity: 1; }
	}
	@keyframes jqMbannerSlideLeft {
		from { transform: translateX(8%) scale(1.06); opacity: 0; }
		to { transform: translateX(0) scale(1); opacity: 1; }
	}
	@keyframes jqMbannerSlideUp {
		from { transform: translateY(6%) scale(1.05); opacity: 0; }
		to { transform: translateY(0) scale(1); opacity: 1; }
	}
	@keyframes jqMbannerFadeIn {
		from { opacity: 0; }
		to { opacity: 1; }
	}
	@keyframes jqMbannerCapIn {
		from { opacity: 0; transform: translateY(16px); }
		to { opacity: 1; transform: translateY(0); }
	}
	.jq-mbanner-cap {
		position: absolute;
		z-index: 2;
		left: 0;
		right: 0;
		top: 44%;
		transform: translateY(-50%);
		padding: 0 28px;
		text-align: center;
		pointer-events: none;
		line-height: normal;
	}
	.jq-mbanner-cap h3 {
		margin: 0;
		font-size: 24px;
		line-height: 1.4;
		font-weight: 700;
		color: #fff;
		letter-spacing: 0.06em;
		text-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
	}
	.jq-mbanner-desc {
		margin: 12px 0 0;
		font-size: 13px;
		line-height: 1.65;
		color: rgba(255, 255, 255, 0.92);
		text-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
	}

	/* Banner1：图二年度盘点版式（无遮罩） */
	.jq-mbanner-cap--annual {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		height: 100%;
		width: 100%;
		transform: none;
		padding: 0;
		text-align: left;
		box-sizing: border-box;
	}
	.jq-mbanner-cap-annual-top {
		position: absolute;
		left: 7%;
		top: 36%;
		right: 6%;
		display: flex;
		align-items: center;
		gap: 2.4vw;
		z-index: 1;
	}
	.jq-mbanner-annual-num {
		flex: 0 0 20vw;
		width: 20vw;
		font-size: 21.3vw;
		line-height: 0.84;
		font-weight: 700;
		color: #fff;
		letter-spacing: -0.03em;
		text-align: right;
		font-variant-numeric: tabular-nums;
	}
	/* 两位数：略缩小并收紧字距，保持与英文区的视觉平衡 */
	.jq-mbanner-annual-num--d2 {
		font-size: 17.2vw;
		letter-spacing: -0.12em;
	}
	/* 三位数及以上：继续缩小，避免挤压英文 */
	.jq-mbanner-annual-num--d3 {
		font-size: 13.8vw;
		letter-spacing: -0.08em;
	}
	.jq-mbanner-annual-en {
		flex: 1;
		min-width: 0;
		padding-top: 0;
	}
	.jq-mbanner-annual-en-top {
		margin: 0;
		font-size: 5.6vw;
		line-height: 1.12;
		font-weight: 700;
		color: #fff;
		letter-spacing: 0.01em;
		text-transform: uppercase;
	}
	.jq-mbanner-annual-en-sub {
		margin: 1.6vw 0 0;
		font-size: 2.5vw;
		line-height: 1.35;
		font-weight: 400;
		color: #fff;
		letter-spacing: 0.05em;
		text-transform: uppercase;
	}
	.jq-mbanner-annual-title {
		position: absolute;
		left: 0;
		right: 0;
		top: 54%;
		margin: 0;
		padding: 0 6%;
		font-size: 6.4vw !important;
		line-height: 1.35;
		font-weight: 700;
		color: #fff;
		letter-spacing: 0.06em;
		text-align: center;
		text-shadow: none;
		box-sizing: border-box;
		z-index: 1;
	}
	.jq-mbanner-cap--annual .jq-mbanner-annual-desc {
		position: absolute;
		left: 0;
		right: 0;
		top: 66%;
		margin: 0;
		padding: 0 7%;
		font-size: 3.2vw !important;
		line-height: 1.55;
		color: #fff;
		letter-spacing: 0.02em;
		text-align: center;
		text-shadow: none;
		box-sizing: border-box;
		z-index: 1;
	}

	/* Banner2：左对齐标题版式（无遮罩） */
	.jq-mbanner-cap--hero-left {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		height: 100%;
		width: 100%;
		transform: none;
		padding: 0;
		text-align: left;
		box-sizing: border-box;
	}
	.jq-mbanner-hero-title {
		position: absolute;
		left: 11%;
		right: 14%;
		top: 56%;
		margin: 0;
		font-size: 6.2vw !important;
		line-height: 1.38;
		font-weight: 700;
		color: #fff;
		letter-spacing: 0.04em;
		text-align: left;
		text-shadow: 0 1px 4px rgba(0, 0, 0, 0.55);
		box-sizing: border-box;
		z-index: 1;
	}
	.jq-mbanner-hero-title-em {
		font-size: 9.8vw;
		font-weight: 700;
		letter-spacing: 0.06em;
		vertical-align: baseline;
	}
	.jq-mbanner-cap--hero-left .jq-mbanner-hero-desc {
		position: absolute;
		left: 11%;
		right: 10%;
		top: 72%;
		margin: 0;
		padding-top: 1.2vw;
		font-size: 3.4vw !important;
		line-height: 1.55;
		font-weight: 400;
		color: #fff;
		letter-spacing: 0.02em;
		text-align: left;
		text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
		box-sizing: border-box;
		z-index: 1;
	}

	/* Banner3：居中叠放版式（上引导语 + 下大标题，无遮罩） */
	.jq-mbanner-cap--brand-stack {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		height: 100%;
		width: 100%;
		transform: none;
		padding: 0;
		text-align: center;
		box-sizing: border-box;
	}
	.jq-mbanner-brand-lead {
		position: absolute;
		left: 8%;
		right: 8%;
		top: 36%;
		margin: 0;
		font-size: 3.5vw !important;
		line-height: 1.65;
		font-weight: 400;
		color: rgba(255, 255, 255, 0.9);
		letter-spacing: 0.03em;
		text-align: center;
		text-shadow: 0 1px 4px rgba(0, 0, 0, 0.45);
		box-sizing: border-box;
		z-index: 1;
	}
	.jq-mbanner-brand-title {
		position: absolute;
		left: 5%;
		right: 5%;
		top: 51%;
		margin: 0;
		font-size: 6.8vw !important;
		line-height: 1.35;
		font-weight: 700;
		color: #fff;
		letter-spacing: 0.05em;
		text-align: center;
		text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
		box-sizing: border-box;
		z-index: 1;
	}
	.jq-mbanner-brand-title-em {
		font-size: 9.4vw;
		font-weight: 700;
		letter-spacing: 0.06em;
		vertical-align: baseline;
	}

	.jq-mbanner-dots {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 16px;
		z-index: 5;
		text-align: center;
		line-height: 0;
		pointer-events: none;
	}
	.jq-mbanner-dots span {
		display: inline-block;
		width: 8px;
		height: 8px;
		margin: 0 5px;
		border-radius: 50%;
		background: rgba(255, 255, 255, 0.45);
		border: 1px solid rgba(255, 255, 255, 0.7);
		cursor: pointer;
		pointer-events: auto;
		transition: all 0.25s ease;
	}
	.jq-mbanner-dots span.is-active {
		background: #f06292;
		border-color: #f06292;
		transform: scale(1.15);
	}

	/* 手机端数据条（参考图二） */
	.jq-mobile-stats {
		display: flex !important;
		align-items: stretch;
		background: #fff;
		border-bottom: 1px solid #eee;
	}
	.jq-stat-item {
		flex: 1;
		padding: 14px 6px;
		text-align: center;
		border-right: 1px solid #eee;
	}
	.jq-stat-item:last-child {
		border-right: 0;
	}
	.jq-stat-item strong {
		display: block;
		font-size: 26px;
		line-height: 1.1;
		font-weight: 700;
		color: #e53935;
	}
	.jq-stat-item strong .jq-stat-num {
		display: inline;
		font-size: inherit;
		font-weight: inherit;
		color: inherit;
		line-height: inherit;
		font-variant-numeric: tabular-nums;
	}
	.jq-stat-item strong em {
		font-style: normal;
		font-size: 14px;
		font-weight: 600;
		margin-left: 1px;
	}
	.jq-stat-item > span {
		display: block;
		margin-top: 6px;
		font-size: 11px;
		line-height: 1.4;
		color: #888;
	}

	/* 服务（参考图二：红色线性图标 + 边框网格） */
	#services {
		height: auto !important;
		padding-bottom: 0;
		background: #fff;
	}
	.services_title {
		display: none;
	}
	.services_title.jq-section-head {
		display: none;
	}
	#services_pop {
		display: none !important;
	}
	.services_con,
	.width960 .services_con,
	.width1200 .services_con {
		width: 100% !important;
		padding: 0 !important;
		margin-top: 0;
		overflow: visible;
	}
	.services_con ul,
	#services_ul {
		width: 100% !important;
		min-width: 0;
		display: flex;
		flex-wrap: wrap;
		overflow: visible;
		border-top: 1px solid #ececec;
		border-left: 1px solid #ececec;
		box-sizing: border-box;
	}
	.services_con li {
		float: none;
		width: 50% !important;
		height: auto !important;
		min-height: 132px;
		margin: 0 !important;
		padding: 22px 12px 18px;
		box-sizing: border-box;
		border-right: 1px solid #ececec;
		border-bottom: 1px solid #ececec;
		text-align: center;
		background: #fff;
		transition: background-color 0.2s ease, opacity 0.55s ease, transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
	}
	#services_ul.jq-m-svc-pending > li {
		opacity: 0;
	}
	#services_ul.jq-m-svc-pending > li:nth-child(odd) {
		transform: translateX(-32px);
	}
	#services_ul.jq-m-svc-pending > li:nth-child(even) {
		transform: translateX(32px);
	}
	#services_ul > li.jq-m-svc-in {
		opacity: 1 !important;
		transform: translateX(0) !important;
	}
	.services_con li:active {
		background: #fff8f8;
	}
	.services_con li a {
		display: block;
		width: 100% !important;
		color: inherit;
	}
	.jq-m-svc-ico {
		display: block !important;
		font-size: 36px;
		line-height: 1;
		color: #e53935;
		margin: 0 auto 12px;
		font-style: normal;
		font-weight: normal;
		-webkit-font-smoothing: antialiased;
	}
	.services_con .services_ico,
	.services_con .services_ico div {
		display: none !important;
	}
	.services_con li h3 {
		font-size: 15px;
		margin-top: 0;
		color: #222;
		font-weight: 700;
		line-height: 1.4;
		letter-spacing: 0.02em;
	}
	.services_con li h3 span {
		display: none;
	}
	.services_con li p {
		font-size: 11px;
		padding: 0 2px;
		color: #999;
		margin-top: 8px;
		line-height: 1.55;
	}

	/* 案例：图二风格两列 + 图片下标题 */
	#project {
		--jq-case-pad: 12px;
		background: #fff;
		box-sizing: border-box;
	}
	#project .projectbg {
		background: #fff !important;
		margin: 0 !important;
		padding: 0 !important;
		border: none !important;
		overflow: visible !important;
	}
	#project .projectbg > .jq-m-case-body {
		padding: 0 var(--jq-case-pad) 20px !important;
		margin: 0 !important;
		background: #fff !important;
		box-sizing: border-box;
		width: 100% !important;
	}
	.project_title {
		padding: 28px var(--jq-case-pad) 16px !important;
		text-align: left !important;
		background: #fff;
		box-sizing: border-box;
	}
	.project_title img.jq-pc-case-title-img {
		display: none !important;
	}
	.project_title .jq-pc-section-head {
		display: none !important;
	}
	.jq-m-case-head {
		display: block !important;
		padding-bottom: 0;
	}
	.jq-m-case-gap {
		display: block !important;
		height: 10px;
		background: #f5f5f5;
		width: 100%;
		margin: 0;
		border: 0;
	}
	.jq-m-case-label {
		display: block;
		font-size: 12px;
		line-height: 1;
		color: #bbb;
		letter-spacing: 0.12em;
		font-weight: 500;
	}
	.jq-m-case-head-row {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 8px;
		gap: 12px;
	}
	.jq-m-case-heading {
		margin: 0;
		font-size: 22px;
		line-height: 1.2;
		font-weight: 700;
		color: #222;
	}
	.jq-m-case-more {
		flex: 0 0 auto;
		font-size: 11px;
		line-height: 1;
		color: #aaa;
		letter-spacing: 0.04em;
		text-decoration: none;
		white-space: nowrap;
	}
	.jq-m-case-more:hover {
		color: #e53935;
	}
	.project_pic,
	.width960 .project_pic,
	.width1200 .project_pic,
	.width-mobile .project_pic {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		overflow: visible;
		margin: 16px 0 0 !important;
		padding: 0 !important;
		box-sizing: border-box;
	}
	.project_pic ul,
	.width960 .project_pic ul,
	.width1200 .project_pic ul,
	.width-mobile .project_pic ul {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		position: relative !important;
		margin: 0 !important;
		padding: 0 !important;
		list-style: none;
	}
	.project_pic li,
	.width960 .project_pic li,
	.width1200 .project_pic li,
	.width-mobile .project_pic li {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		height: auto !important;
		width: 100% !important;
		overflow: visible !important;
	}
	.project_pic li.dn {
		display: none !important;
	}
	.project_pic li:first-child {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 12px;
		row-gap: 16px;
		width: 100% !important;
	}
	.project_pic li .project_box,
	.project_box,
	.width960 .project_box,
	.width1200 .project_box,
	.width-mobile .project_box {
		float: none !important;
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		margin: 0 !important;
		box-sizing: border-box;
		border-radius: 0;
		overflow: visible;
		background: transparent;
		box-shadow: none;
		position: relative;
		color: inherit;
		text-decoration: none;
	}
	.project_img {
		width: 100%;
		aspect-ratio: 4 / 3;
		overflow: hidden;
		background: #eef1f5;
		border-radius: 4px;
	}
	.project_img img,
	.width960 .project_img img,
	.width1200 .project_img img,
	.width-mobile .project_img img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover;
	}
	.jq-m-case-meta {
		display: block !important;
		padding: 10px 2px 0;
		text-align: left;
	}
	.jq-m-case-title {
		margin: 0;
		font-size: 14px;
		line-height: 1.45;
		font-weight: 700;
		color: #222;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.jq-m-case-desc {
		margin: 5px 0 0;
		font-size: 11px;
		line-height: 1.5;
		color: #999;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.project_pop {
		display: none !important;
	}
	.project_btn {
		display: none;
	}
	.project_title_more {
		display: none;
	}

	/* 关于我们：两列图片网格 */
	#about .about_title {
		padding-top: 24px;
	}
	.about_list,
	.width960 .about_list,
	.width1200 .about_list,
	.width-mobile .about_list {
		margin-top: 16px !important;
		padding: 0 12px;
		box-sizing: border-box;
	}
	.about_list ul,
	.width960 .about_list ul,
	.width1200 .about_list ul,
	.width-mobile .about_list ul {
		width: 100% !important;
		height: auto !important;
		display: flex !important;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 12px;
	}
	.about_list li,
	.width960 .about_list li,
	.width1200 .about_list li,
	.width-mobile .about_list li {
		float: none;
		width: calc(50% - 6px) !important;
		height: auto !important;
		margin: 0 !important;
		display: block !important;
		box-sizing: border-box;
		border-radius: 10px;
		overflow: hidden;
		box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
		aspect-ratio: 16 / 10;
		background: #eef1f5;
	}
	.about_list img,
	.width960 .about_list img,
	.width1200 .about_list img,
	.width-mobile .about_list img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover;
	}
	.about_int,
	.width960 .about_int,
	.width1200 .about_int {
		width: 100% !important;
		height: auto !important;
		padding: 0 15px;
		box-sizing: border-box;
	}
	.about_pop_top,
	.about_pop_con,
	.width960 .about_pop_top,
	.width1200 .about_pop_top,
	.width960 .about_pop_con,
	.width1200 .about_pop_con {
		width: 100% !important;
		padding: 0 15px;
		box-sizing: border-box;
	}
	.about_pop_about {
		margin-left: 0;
	}
	.about_pop_aboutlogo {
		position: static;
		display: block;
		margin: 0 auto 15px;
	}
	.about_pop_job {
		width: 100%;
		float: none;
		margin-right: 0;
	}

	/* 新闻三栏（手机端 — 恢复原版单行排版） */
	.newsbg.jq-m-news {
		padding: 20px 0 10px !important;
		background: #f8f8f8 !important;
	}
	.news,
	.width960 .news,
	.width1200 .news,
	.width-mobile .news {
		width: 100% !important;
		padding: 0 15px;
		box-sizing: border-box;
	}
	.news_box,
	.news_line {
		float: none !important;
		width: 100% !important;
		height: auto !important;
		border: 0;
		margin-bottom: 0;
		overflow: visible !important;
	}
	.jq-m-news-block {
		background: transparent;
		margin-bottom: 22px;
		padding: 0;
		box-sizing: border-box;
	}
	.jq-m-news-block--seo {
		display: none !important;
		margin-bottom: 0;
	}
	.jq-m-news-head {
		line-height: 26px;
		margin-bottom: 8px;
	}
	.jq-m-news-head-link {
		font-size: 24px;
		line-height: 26px;
		color: #797979;
		text-decoration: none;
	}
	.jq-m-news-head-link span {
		font-size: 18px;
		line-height: 20px;
		color: #fda362;
	}
	.jq-m-news-list,
	.jq-m-news-list.news_list {
		margin: 0 !important;
		padding: 0;
		list-style: none;
	}
	.jq-m-news-list li,
	.jq-m-news-list.news_list li {
		display: block !important;
		width: 100% !important;
		float: none !important;
		margin: 0;
		padding: 0;
		line-height: 34px;
		color: #a3a3a3;
		overflow: hidden;
		box-sizing: border-box;
	}
	.jq-m-news-list li .jq-m-news-date,
	.jq-m-news-list.news_list li time.jq-m-news-date {
		float: right !important;
		display: inline !important;
		width: auto !important;
		margin: 0;
		padding: 0;
		font-size: 12px;
		line-height: 34px;
		color: #a3a3a3;
		font-style: normal;
	}
	.jq-m-news-list li .jq-m-news-link,
	.jq-m-news-list.news_list li a.jq-m-news-link {
		display: block !important;
		width: auto !important;
		max-width: calc(100% - 88px);
		height: 34px !important;
		margin: 0;
		padding: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 14px;
		line-height: 34px;
		color: #333;
		text-decoration: none;
	}
	.jq-m-news-list li .jq-m-news-link:active {
		color: #0076db;
	}

	/* 联系 */
	.contactbg {
		height: auto !important;
		min-height: 0 !important;
		overflow: visible !important;
		background: #222 !important;
		background-image: none !important;
		padding: 0 0 28px !important;
	}
	.contact,
	.width960 .contact,
	.width1200 .contact {
		width: 100% !important;
		padding: 0 15px;
		box-sizing: border-box;
		position: static !important;
	}
	.message {
		width: 100% !important;
		float: none !important;
		padding-top: 24px;
	}
	.message_form {
		margin-top: 12px;
	}
	.message_name,
	.message_tel {
		width: 100% !important;
		float: none !important;
		margin-bottom: 10px;
		box-sizing: border-box;
		height: 40px;
		line-height: 40px;
		border-radius: 4px;
	}
	.message_content {
		width: 100% !important;
		box-sizing: border-box;
		height: 110px;
		border-radius: 4px;
		resize: vertical;
	}
	.message_form .form-group,
	.message_form .col-sm-12 {
		width: 100% !important;
		padding: 0 !important;
		margin: 0;
	}
	.message_form #embed-captcha,
	.message_form .geetest_holder.geetest_wind {
		width: 100% !important;
		max-width: 100% !important;
	}
	.message_form #noticehide {
		height: 16px !important;
	}
	.message_form .message_btn,
	.message_form .message_btnch {
		display: block;
		margin: 8px 0 0;
	}
	.message_about {
		display: block;
		width: 100%;
		margin: 10px 0 0;
		padding: 0;
		font-size: 12px;
		line-height: 1.65;
		color: #ffd54f;
		white-space: normal;
	}
	.contact_map {
		display: none !important;
	}

	/* 页脚 */
	.foot_links,
	.foot,
	.width960 .foot_links,
	.width1200 .foot_links,
	.width960 .foot,
	.width1200 .foot {
		width: 100% !important;
		padding: 0 15px;
		box-sizing: border-box;
	}
	.foot .fl,
	.foot .fr {
		float: none !important;
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}
	.link_btn {
		position: static;
		text-align: center;
		margin-top: 15px;
	}
	.link_btn li {
		float: none;
		display: inline-block;
		margin: 5px;
	}
	.qqico {
		right: 10px;
		bottom: 10px;
	}
	.qqico img {
		width: 50px !important;
		height: auto !important;
	}

	/* 子页顶栏 */
	.sub_headbg {
		height: auto !important;
		min-height: 56px;
		background-image: none !important;
	}
	.sub_head,
	.width960 .sub_head,
	.width1200 .sub_head {
		width: 100% !important;
		height: auto !important;
		min-height: 56px;
		padding: 10px 50px 10px 15px;
		box-sizing: border-box;
	}
	.sub_headbtn {
		display: none !important;
	}
	.sub_search,
	.share {
		display: none !important;
	}

	.sub_container,
	.width960 .sub_container,
	.width1200 .sub_container {
		width: 100% !important;
		padding: 15px;
		box-sizing: border-box;
	}
	.news_top h1 {
		font-size: 20px;
		line-height: 1.4;
	}
	.jq-news-foot {
		margin-top: 24px;
		padding-top: 18px;
		border-top: 1px solid #eee;
	}
	.jq-news-pager-row {
		margin: 0 0 10px;
		font-size: 14px;
		line-height: 1.65;
		color: #333;
		word-break: break-all;
	}
	.jq-news-pager-label {
		color: #666;
	}
	.jq-news-pager-link {
		color: #333;
	}
	.jq-news-pager-none {
		color: #bbb;
	}
	.jq-news-back-btn {
		display: inline-block;
		margin-top: 4px;
		padding: 9px 20px;
		background: #555;
		color: #fff !important;
		font-size: 14px;
		border-radius: 2px;
	}
	.jq-news-recommend {
		margin-top: 22px;
		padding-top: 16px;
		border-top: 1px solid #eee;
	}
	.jq-news-recommend-title {
		margin: 0 0 12px;
		font-size: 16px;
		font-weight: 700;
		color: #222;
	}
	.jq-news-recommend-list {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.jq-news-recommend-list li {
		display: flex;
		align-items: flex-start;
		gap: 10px;
		margin: 0;
		padding: 11px 0;
		border-bottom: 1px dashed #ececec;
		font-size: 14px;
		line-height: 1.55;
	}
	.jq-news-recommend-list li:last-child {
		border-bottom: 0;
		padding-bottom: 0;
	}
	.jq-news-rec-num {
		flex: 0 0 22px;
		width: 22px;
		height: 22px;
		line-height: 22px;
		text-align: center;
		font-size: 12px;
		font-weight: 700;
		color: #888;
		background: #f3f3f3;
		border-radius: 3px;
	}
	.jq-news-rec-num.is-hot {
		color: #fff;
		background: #e53935;
	}
	.jq-news-rec-link {
		flex: 1;
		min-width: 0;
		color: #333;
	}
	.sub_container img,
	.sub_container table {
		max-width: 100% !important;
		height: auto !important;
	}

	.recommend_list,
	.width960 .recommend_list,
	.width1200 .recommend_list {
		width: 100% !important;
		padding: 0 10px;
		box-sizing: border-box;
	}
	.recommend_list ul,
	.width960 .recommend_list ul,
	.width1200 .recommend_list ul {
		width: 100% !important;
		height: auto !important;
	}
	.recommend_list li,
	.width960 .recommend_list li,
	.width1200 .recommend_list li {
		float: none;
		display: inline-block;
		width: 48% !important;
		height: auto !important;
		margin: 1%;
		vertical-align: top;
		box-sizing: border-box;
	}

	/* cases.php 案例列表（原 cssnew 已并入 cases-page.css） */
	.QuanZ_An_Box,
	.QuanZ_An_S_T {
		width: 100% !important;
		max-width: 100%;
		box-sizing: border-box;
		padding: 0 10px;
	}
	.QuanZ_An_S_T .QuanZ_An_S_xz .QuanZ_An_S_xz_h ul li,
	.QuanZ_An_S_T .QuanZ_An_S_xz .search_hy ul li,
	.QuanZ_An_S_T .QuanZ_An_S_xz .search_hy1 ul li,
	.QuanZ_An_S_T .QuanZ_An_S_xz .search_tc ul li {
		float: none;
		display: inline-block;
		margin: 3px;
	}
	.QuanZ_An_List ul li,
	.QuanZ_An_ListBox ul li {
		width: 48% !important;
		height: auto !important;
		float: left;
		margin: 1%;
		box-sizing: border-box;
	}
	.QuanZ_An_List ul li .QuanZ_An_img,
	.QuanZ_An_ListBox ul li .QuanZ_An_img {
		width: 100% !important;
		height: auto !important;
	}
	.QuanZ_An_List ul li .QuanZ_An_img img,
	.QuanZ_An_ListBox ul li .QuanZ_An_img img {
		width: 100% !important;
		height: auto !important;
	}
	.QuanZ_An_List li div,
	.newQuanZ_An_List ul li {
		width: 100% !important;
		height: auto !important;
	}
	.QuanZ_An_List li div img,
	.newQuanZ_An_List ul li img {
		width: 100% !important;
		height: auto !important;
	}
	.QuanZ_An_List li .GoSM,
	.QuanZ_An_List li .JzTc {
		width: 100% !important;
		margin-left: 0;
	}

	/* news.php 列表 */
	.sub_container .img,
	.sub_container div[style*="float:left"] {
		float: none !important;
		width: 100% !important;
		margin-bottom: 15px;
	}

	.news_con li .img {
		float: none !important;
		width: 100% !important;
		height: auto !important;
		max-height: none !important;
		margin: 0 0 12px !important;
		overflow: hidden;
	}

	.news_con li .img img.jq-news-thumb {
		display: block;
		width: 100%;
		height: auto;
		max-height: 220px;
		aspect-ratio: 16 / 10;
		object-fit: cover;
	}

	.news_con li .img img.jq-news-thumb.is-placeholder {
		width: 100% !important;
		height: auto !important;
		max-height: none !important;
		aspect-ratio: unset !important;
		object-fit: contain !important;
		padding: 32px 40px !important;
		box-sizing: border-box;
		background: #f2f3f5;
	}
}

@media (max-width: 480px) {
	.recommend_list li,
	.QuanZ_An_List ul li,
	.QuanZ_An_ListBox ul li {
		width: 100% !important;
		margin: 0 0 12px !important;
		display: block !important;
	}

	h1.logo img {
		width: 130px !important;
	}
	.head_tel {
		display: none;
	}
	.message h3 {
		font-size: 22px;
	}
	.message h4 {
		font-size: 18px;
	}
}

/* 桌面端隐藏汉堡按钮 */
@media (min-width: 769px) {
	.jq-nav-toggle {
		display: none !important;
	}
	.jq-sub-logo {
		display: none !important;
	}
	.jq-m-case-body {
		background: #fff;
		width: 100%;
		padding-bottom: 20px;
		margin-top: -10px;
	}

	.jq-m-news-head .jq-m-news-head-link {
		display: inline !important;
		font-size: 24px;
		color: #797979;
		text-decoration: none;
	}
	.jq-m-news-head .jq-m-news-head-link span {
		font-size: 18px;
		color: #fda362;
		line-height: 20px;
	}
	.jq-m-news-head .jq-m-news-head-link:hover {
		color: #fda362;
	}
	.jq-m-news-block {
		background: transparent;
		padding: 0;
		margin-bottom: 0;
	}
	.jq-m-news-block--seo {
		display: block !important;
	}
	.jq-m-news-list li,
	.jq-m-news-list.news_list li {
		display: block !important;
		width: 85% !important;
		float: left !important;
		padding: 0;
		line-height: 30px;
		color: #a3a3a3;
		overflow: visible;
	}
	.jq-m-news-list li .jq-m-news-link,
	.jq-m-news-list.news_list li a.jq-m-news-link {
		display: block !important;
		width: 60% !important;
		max-width: none;
		height: 24px !important;
		line-height: 30px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		color: #333;
	}
	.jq-m-news-list li .jq-m-news-link:hover {
		color: #0076db;
	}
	.jq-m-news-list li .jq-m-news-date,
	.jq-m-news-list.news_list li time.jq-m-news-date {
		float: right !important;
		display: inline !important;
		font-size: inherit;
		line-height: 30px;
		color: #a3a3a3;
	}

	/* 新闻详情页：电脑版底部区域 */
	.jq-page-news-detail {
		padding-bottom: 56px;
	}
	.jq-page-news-detail .sub_container {
		padding-bottom: 8px;
	}
	.jq-page-news-detail .news_con {
		font-size: 15px;
		line-height: 2;
	}
	.jq-page-news-detail .jq-news-foot {
		margin-top: 36px;
		padding: 28px 32px 36px;
		border-top: 0;
		background: #fafafa;
		border: 1px solid #eee;
		border-radius: 4px;
	}
	.jq-page-news-detail .jq-news-pager-row {
		margin: 0 0 14px;
		font-size: 15px;
		line-height: 1.75;
	}
	.jq-page-news-detail .jq-news-back-btn {
		margin-top: 10px;
		padding: 9px 22px;
	}
	.jq-page-news-detail .jq-news-recommend {
		margin-top: 30px;
		padding-top: 24px;
		border-top: 1px solid #e8e8e8;
	}
	.jq-page-news-detail .jq-news-recommend-title {
		font-size: 18px;
		margin-bottom: 16px;
	}
	.jq-page-news-detail .jq-news-recommend-list {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -14px;
	}
	.jq-page-news-detail .jq-news-recommend-list li {
		width: 50%;
		box-sizing: border-box;
		padding: 12px 14px;
		border-bottom: 1px dashed #e6e6e6;
	}
	.jq-page-news-detail .jq-news-recommend-list li:nth-last-child(-n+2) {
		border-bottom: 0;
	}
	.jq-page-news-detail .jq-news-rec-link {
		font-size: 15px;
	}
}
/* @end jq-juquan-responsive | juquankeji.com | 聚全科技 */