/* ============================================================
   飞利迅官网 · 全局移动端适配（mobile.css）
   说明：不改动原 index.css / puduct-service.css / page.css，
   仅在窄屏下覆盖布局，保证桌面端 1:1 效果不受影响。
   ============================================================ */

/* ---------- 平板及以下：容器与固定宽度通用收窄 ---------- */
@media screen and (max-width: 992px) {
	.layui-container {
		width: 100% !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
		box-sizing: border-box;
	}
	img {
		max-width: 100%;
	}
	/* 产品/方案页固定 1200px 的主体 */
	.product-service-main,
	.product-sovit2d-main {
		position: static !important;
		width: 100% !important;
	}
	.index-tab-top,
	.index-foot .index-foot-ct {
		width: 100% !important;
	}
	/* 图文左右分栏 → 上下堆叠 */
	.solution-content .solution-padding {
		flex-direction: column;
	}
	.solution-content .solution-padding .tab-ul {
		width: 100% !important;
	}
	.solution-content .solution-padding .tab-img {
		width: 100% !important;
	}
	.index-tab-top .tab-ct .tab-ul,
	.index-tab-top .tab-ct .tab-img {
		width: 100% !important;
		float: none !important;
		display: block !important;
	}
	.solution-content .tab-ul .title {
		margin-bottom: 20px !important;
	}
	.solution-content .solution-padding {
		padding: 25px 0 !important;
	}
}

/* ---------- 手机端（<768px）---------- */
@media screen and (max-width: 767px) {

	/* ===== 导航：汉堡菜单 ===== */
	.nav {
		height: 60px !important;
		max-height: 60px !important;
		background: #fff !important;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	}
	.nav .nav-logo {
		height: 60px !important;
		line-height: 60px !important;
	}
	.nav .nav-logo img {
		height: 36px !important;
	}
	.nav .nav-list {
		height: 60px !important;
	}
	.nav .nav-list button {
		display: block !important;
		top: 15px !important;
		right: 10px !important;
		width: 30px !important;
	}
	/* 菜单默认收起，由 JS 切换 .nav-open */
	.nav .layui-nav {
		display: none;
		position: absolute;
		top: 60px;
		left: 0;
		width: 100%;
		background: #fff;
		box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
		padding: 5px 0 10px 0;
		z-index: 9999;
		max-height: 75vh;
		overflow-y: auto;
	}
	.nav.nav-open .layui-nav {
		display: block;
	}
	.nav .layui-nav .layui-nav-item {
		display: block !important;
		line-height: 48px !important;
		margin: 0 !important;
		border-bottom: 1px solid #f2f2f2;
	}
	.nav .layui-nav .layui-nav-item > a {
		color: #333 !important;
		display: block;
		padding: 0 18px;
	}
	.nav .layui-nav .layui-nav-item > a.hcolor:hover {
		color: #2db5a3 !important;
	}
	/* 下拉子菜单：手机端直接展开，点击可跳转 */
	.nav .layui-nav .layui-nav-child {
		display: block !important;
		position: static !important;
		background: #f8f8f8 !important;
		box-shadow: none !important;
		min-width: 0 !important;
		width: 100% !important;
		border: none !important;
		padding: 5px 0 10px 0 !important;
	}
	.nav .layui-nav .layui-nav-child dd {
		margin: 0 !important;
	}
	.nav .layui-nav .layui-nav-child a {
		color: #555 !important;
	}

	/* ===== Banner ===== */
	#head_banner.s2dd,
	#head_banner.s3dd,
	#head_banner.schd,
	#head_banner.s2ddjc,
	#head_banner {
		height: 300px !important;
		background-size: cover !important;
		background-position: center !important;
	}
	.banner_main {
		margin-top: 30px !important;
	}
	.banner_left {
		width: 100% !important;
		padding-top: 15px !important;
	}
	.banner_left p.title,
	.s2dd-title,
	.s2dd-title2 {
		font-size: 20px !important;
		letter-spacing: 1px !important;
		line-height: 32px !important;
	}
	.banner_left p.cp_t2,
	.s2dd-title3 {
		font-size: 12px !important;
		line-height: 22px !important;
		width: 100% !important;
	}
	/* 首页轮播 */
	#head_banner_div {
		margin-top: 0 !important;
	}

	/* ===== 字号通用收缩 ===== */
	.fs36 { font-size: 20px !important; }
	.fs40 { font-size: 22px !important; }
	.fs30 { font-size: 20px !important; }
	.fs28 { font-size: 18px !important; }
	.cp_nr1_t, .cp_nr2_t, .nr2-t,
	.solution-content .tab-ul .title,
	.index-tab-top .tab-title h1,
	.solution-content .solution-title h1 {
		font-size: 20px !important;
		line-height: 36px !important;
	}
	.content-title { font-size: 20px !important; }
	.content-title-2 { font-size: 17px !important; line-height: 32px !important; }
	.gjpt { letter-spacing: 1px !important; font-size: 18px !important; }
	.schartTy { font-size: 20px !important; }

	/* ===== 内联 flex 容器 → 纵向堆叠（方案页优势模块等） ===== */
	div[style*="display: flex"],
	div[style*="display:flex"] {
		display: block !important;
	}
	.service-content {
		flex-direction: column !important;
	}
	.service-content-left {
		text-align: center;
	}
	.service-content-right {
		padding-top: 15px !important;
	}
	.service-content-left img {
		max-width: 80%;
		height: auto;
	}

	/* ===== 子系统九宫格 → 单列 ===== */
	.solution-content .solution-ct ul li {
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		border-right: none !important;
		padding: 15px 10px !important;
	}
	/* 产品页"主要包含的子系统"卡片：手机端一行一个（优先级高于 index.css 的 50%） */
	.solution-content .solution-ct ul li.cp_nr2_li,
	.solution-content .solution-ct ul li.cp_nr2_li1 {
		width: 100% !important;
		float: none !important;
		display: flex !important;
		flex-direction: row;
		align-items: flex-start;
		box-sizing: border-box !important;
		/* 手机端弃用拉伸变形的装饰背景图，改用纯色卡片底 */
		background: #f5f8fb !important;
		border: 1px solid #e3ebf2 !important;
		border-radius: 8px !important;
		box-shadow: none !important;
		margin: 0 0 12px 0 !important;
		padding: 14px 12px !important;
	}
	/* 子系统卡片内部：图标固定宽度、文字自适应，避免底色与文字错位 */
	.solution-content .solution-ct ul li.cp_nr2_li .cp_nr2_lid1,
	.solution-content .solution-ct ul li.cp_nr2_li1 .cp_nr2_lid1 {
		width: 56px !important;
		float: none !important;
		flex: 0 0 56px;
		margin: 0 !important;
	}
	.solution-content .solution-ct ul li.cp_nr2_li .cp_nr2_lid2,
	.solution-content .solution-ct ul li.cp_nr2_li1 .cp_nr2_lid2 {
		width: auto !important;
		float: none !important;
		flex: 1 1 auto;
		margin: 0 0 0 12px !important;
	}
	/* 标题独立成行，隐藏 HTML 中的多余 <br>，间距改由 CSS 控制 */
	.solution-content .solution-ct ul li.cp_nr2_li .cp_nr2_lid2 br,
	.solution-content .solution-ct ul li.cp_nr2_li1 .cp_nr2_lid2 br {
		display: none !important;
	}
	.solution-content .solution-ct ul li.cp_nr2_li .cp_nr2_lid2 .sp-title,
	.solution-content .solution-ct ul li.cp_nr2_li1 .cp_nr2_lid2 .sp-title {
		display: block !important;
		margin-bottom: 6px !important;
	}
	.solution-content .solution-ct ul li.cp_nr2_li .solution-img,
	.solution-content .solution-ct ul li.cp_nr2_li1 .solution-img {
		width: 48px !important;
		margin: 0 !important;
	}
	.solution-content .solution-ct .solution-img {
		width: 52px !important;
		margin-bottom: 10px !important;
	}
	.solution-content .li-ct .sp-c {
		padding-left: 0 !important;
	}
	.solution-content .li-title {
		width: 46px !important;
		height: 46px !important;
		margin-right: 10px !important;
	}

	/* ===== product-service / product-sovit2d 三段式图文 ===== */
	.product-service-intergration,
	.product-service-interaction,
	.product-service-teamwork,
	.product-sovit2d-intergration,
	.product-sovit2d-interaction,
	.product-sovit2d-teamwork {
		height: auto !important;
		padding-bottom: 20px;
	}
	.product-service-intergration > h4,
	.product-service-intergration > p,
	.product-service-interaction > h4,
	.product-service-interaction > p,
	.product-service-teamwork > h4,
	.product-service-teamwork > p,
	.product-sovit2d-intergration > h4,
	.product-sovit2d-intergration > p,
	.product-sovit2d-interaction > h4,
	.product-sovit2d-interaction > p,
	.product-sovit2d-teamwork > h4,
	.product-sovit2d-teamwork > p {
		width: 100% !important;
		position: static !important;
		left: auto !important;
		top: auto !important;
	}
	.intergration-background,
	.interaction-background,
	.teamwork-background {
		position: static !important;
		width: 100% !important;
		height: 220px !important;
		background-size: contain !important;
		background-position: center !important;
		margin: 0 auto;
	}

	/* ===== 公式化流程区（图标+箭头） ===== */
	.formula-footer {
		height: auto !important;
		padding: 20px 0 30px 0;
	}
	.formula-footer .head {
		position: static !important;
		transform: none !important;
		padding-top: 10px;
	}
	.icon-container,
	.formula-span-container {
		position: static !important;
	}
	.icon {
		float: none !important;
		display: inline-block;
		width: 30% !important;
		box-sizing: border-box;
		margin: 6px 1% !important;
		padding: 60px 4px 0 4px !important;
		font-size: 13px !important;
	}
	.icon.hj-icon { margin-left: 1% !important; }
	.line,
	.arraw {
		display: none !important;
	}
	.fomula-span {
		float: none !important;
		display: block !important;
		width: 86% !important;
		margin: 0 auto 10px auto !important;
	}

	/* ===== 首页/关于/产品中心等 main-* 区块 ===== */
	.main-product .content,
	.main-service .content,
	.main-news .content {
		width: 100% !important;
		margin-left: 0 !important;
	}
	.main-service .content .content-left,
	.main-service .content .content-right,
	.main-product .content .content-left,
	.main-product .content .content-right,
	.main-product .content .content-img {
		width: 100% !important;
		float: none !important;
		display: block !important;
	}
	.main-service .content .content-left img {
		max-width: 90%;
		height: auto;
	}
	.main-about .tabIntro .content .img,
	.main-about .tabIntro .content .panel {
		width: 100% !important;
	}
	.main-about ul.aboutab li {
		font-size: 15px !important;
		padding: 0 10px !important;
		margin-left: 8px !important;
	}
	.main-product {
		padding-top: 30px !important;
	}
	.main-product p.title,
	.main-service p.title {
		font-size: 20px !important;
		line-height: 40px !important;
	}

	/* ===== 首页图表大图 ===== */
	.schartSjPt, .schartSjfa, .schartSjfa2 { font-size: 14px !important; }
	.schartTyP { font-size: 14px !important; }
	.video_div {
		width: 94vw !important;
		height: 53vw !important;
		left: 3vw !important;
		top: 12% !important;
	}

	/* ===== 页脚 ===== */
	.footer .layui-container { padding: 0 10px !important; }
	.footer-contact { padding-top: 30px !important; }
	.footer-left img { height: 30px !important; }

	/* ===== 联系页表单 ===== */
	.layui-form-item .layui-input-inline {
		width: 100% !important;
		margin: 0 !important;
	}
	.layui-form-item .layui-input,
	.layui-form-item .layui-textarea {
		width: 100% !important;
	}

	/* ============================================================
	   首页专属修复（index.html）
	   ============================================================ */

	/* --- Banner 轮播 --- */
	#head_banner_div {
		height: auto !important;
		background-attachment: scroll !important;
	}
	#chart_index_banner .layui-carousel-ind {
		top: auto !important;
		bottom: 12px !important;
	}
	.banner_main {
		width: 88% !important;
	}
	.banner_left {
		padding-top: 36px !important;
		padding-bottom: 60px !important;
		width: 100% !important;
	}
	/* 隐藏碎片化的详情行，保留标题/副标题/按钮 */
	.banner_left div.fs16[style*="flex"] {
		display: none !important;
	}
	.banner_left .s2d {
		font-size: 15px !important;
		line-height: 32px !important;
		letter-spacing: 2px !important;
		padding: 0 12px !important;
	}
	.banner_left .gjpt {
		font-size: 18px !important;
		margin: 10px 0 6px 0 !important;
	}
	.banner_left .fs24 {
		font-size: 13px !important;
		letter-spacing: 1px !important;
	}
	.banner_left > div[style*="margin-top: 40px"] {
		margin-top: 18px !important;
	}
	.banner_left > div[style*="margin-top: 40px"] a {
		margin-left: 0 !important;
		font-size: 13px !important;
	}

	/* --- 产品卡片（四列→单列） --- */
	#sovit2d_h_div .layui-row > .layui-col-sm6,
	#sovit3d_h_div .layui-row > .layui-col-sm6,
	#sovitchart_h_div .layui-row > .layui-col-sm6,
	#xj_h_div .layui-row > .layui-col-sm6,
	#speak_h_div .layui-row > .layui-col-sm6 {
		width: 100% !important;
		margin-right: 0 !important;
		margin-bottom: 18px !important;
		float: none !important;
	}
	#sovit2d_h_div .content,
	#sovit3d_h_div .content,
	#sovitchart_h_div .content,
	#xj_h_div .content,
	#speak_h_div .content {
		height: auto !important;
		padding-bottom: 15px !important;
	}
	#sovit2d_h_div .content img,
	#sovit3d_h_div .content img,
	#sovitchart_h_div .content img,
	#xj_h_div .content img,
	#speak_h_div .content img {
		width: 100% !important;
		height: auto !important;
	}
	#sovit2d_h_div .content div[style*="margin-top: -15px"],
	#sovit3d_h_div .content div[style*="margin-top: -15px"],
	#sovitchart_h_div .content div[style*="margin-top: -15px"],
	#xj_h_div .content div[style*="margin-top: -15px"],
	#speak_h_div .content div[style*="margin-top: -15px"] {
		margin-top: -8px !important;
		position: relative;
		background: #fff;
		padding: 0 12px !important;
	}

	/* --- 解决方案卡片（三列→单列） --- */
	.main-service .tab_video_div {
		width: 100% !important;
		margin-right: 0 !important;
		margin-bottom: 20px !important;
		height: auto !important;
	}
	.main-service .tab_video_div_img {
		height: 180px !important;
	}
	.main-service p.title {
		margin-top: 0 !important;
		line-height: 48px !important;
	}

	/* --- 部署方式（三栏→单列） --- */
	.type_card_div > div {
		width: 100% !important;
		margin-bottom: 15px !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.type_card_div img {
		width: 100% !important;
		height: auto !important;
	}
	.type_card_div div[style*="margin-left: 60px"] {
		margin-left: 0 !important;
	}

	/* --- 页脚（五列→两列+全宽） --- */
	.footer-contact .layui-row > div[style*="width: 100%"] > div[style*="width: 20%"] {
		width: 50% !important;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		padding-right: 8px;
		margin-bottom: 12px;
	}
	.footer-contact .layui-row > div[style*="width: 100%"] > div[style*="width: 20%"]:last-child {
		width: 100% !important;
		text-align: center !important;
	}
	.footer-contact .layui-row > div[style*="width: 100%"] > div[style*="width: 20%"] img[src*="erweima"] {
		width: 140px !important;
		height: auto !important;
	}
}

/* ---------- 极窄屏（<400px）微调 ---------- */
@media screen and (max-width: 400px) {
	.banner_left p.title,
	.s2dd-title,
	.s2dd-title2 {
		font-size: 17px !important;
	}
	.fs18 { font-size: 15px !important; }
	.fs16 { font-size: 14px !important; }
	.fs14 { font-size: 12px !important; }
}