@charset "utf-8";
/* 移动端覆盖层：只在窄屏生效，桌面端样式一律不在此文件外改动。
   依赖 mobile.js 注入 .mnav-btn / .mpanel / .mb-tel，并给 .banner 打类型标记。 */

.mnav-btn,
.mpanel,
.mb-tel,
.mfoot-nav,
.mfoot-copy,
.mtrack-tit {
	display: none;
}

@media screen and (max-width: 991px) {
	.w,
	.w100,
	.content,
	.case,
	.news,
	.contact,
	.about,
	.case_nei,
	.ban_in {
		width: auto;
		min-width: 0;
		padding-left: 14px;
		padding-right: 14px;
	}

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

	/* ---------- 头部：白底一行（logo + 电话 + 汉堡），导航条收进浮层 ---------- */
	.header {
		position: sticky;
	}

	.topBar {
		display: none;
	}

	.nav_bg {
		display: none;
	}

	.header > .w {
		position: relative;
		display: flex;
		align-items: center;
		padding-top: 6px;
		padding-bottom: 6px;
	}

	.header .logo {
		float: none;
		width: auto;
		height: auto;
		margin: 0;
	}

	.header .logo img {
		height: 44px;
		width: auto;
	}

	/* 手机版头部不放电话号码，底部已有「拨打电话」操作条 */
	.header .telphone {
		display: none;
	}

	.mnav-btn {
		display: block;
		position: relative;
		flex: 0 0 auto;
		box-sizing: border-box;
		width: 40px;
		height: 40px;
		margin-left: auto;
		padding: 0;
		background: #fff;
		border: 1px solid #e9ecf3;
		border-radius: 8px;
		box-shadow: 0 10px 24px rgba(14, 35, 45, 0.12);
		cursor: pointer;
	}

	/* 尺寸照参考站：三条 16x2 圆头线，间距 6px，距外框左 12 / 上 13-19-25 */
	.mnav-btn span {
		display: block;
		position: absolute;
		left: 11px;
		width: 16px;
		height: 2px;
		margin: 0;
		background: #153087;
		border-radius: 999px;
	}

	.mnav-btn span:nth-child(1) {
		top: 12px;
	}

	.mnav-btn span:nth-child(2) {
		top: 18px;
	}

	.mnav-btn span:nth-child(3) {
		top: 24px;
	}

	body.mnav-open .mnav-btn span:nth-child(1) {
		top: 18px;
		transform: rotate(45deg);
	}

	body.mnav-open .mnav-btn span:nth-child(2) {
		opacity: 0;
	}

	body.mnav-open .mnav-btn span:nth-child(3) {
		top: 18px;
		transform: rotate(-45deg);
	}

	/* 导航浮层 */
	.mpanel {
		display: none;
		position: absolute;
		top: 100%;
		right: 14px;
		z-index: 99;
		width: 258px;
		max-width: calc(100vw - 28px);
		padding: 8px;
		background: #fff;
		border-radius: 8px;
		box-shadow: 0 18px 42px rgba(14, 35, 45, 0.24);
		text-align: left;
	}

	body.mnav-open .mpanel {
		display: block;
	}

	.mpanel a {
		display: flex;
		align-items: center;
		height: 38px;
		padding: 0 10px;
		border-radius: 6px;
		font-size: 15px;
		font-weight: 700;
		color: #153087;
		background: #fff;
	}

	.mpanel a:hover,
	.mpanel a:active {
		color: #153087;
		background: #eef2fb;
	}

	.mpanel a.mon {
		color: #153087;
		background: #eef2fb;
		box-shadow: inset 3px 0 0 #f6c500;
	}

	/* ---------- banner ---------- */
	.banner {
		position: relative;
		margin-top: 0;
	}

	.banner.m-banner-slide {
		height: auto;
	}

	.fullSlide,
	.fullSlide .bd li,
	.fullSlide .bd li a {
		height: 170px;
	}

	.fullSlide .bd li {
		background-position: left center !important;
		background-size: cover !important;
	}

	.banner.m-banner-inner {
		height: 112px;
		background-size: cover;
		background-position: center;
		margin-bottom: 14px;
	}

	.ban_in {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: auto;
		padding: 0 14px;
	}

	.ban_in_left {
		position: static;
		display: inline-block;
		width: auto;
		height: auto;
		padding: 4px 12px;
		margin: 0;
	}

	.ban_in_lh1 {
		margin: 0;
		font-size: 17px;
	}

	.ban_in_lh2 {
		margin: 0;
		font-size: 12px;
	}

	.ban_in_rig {
		position: static;
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
		margin: 8px 0;
	}

	.ban_in_rig li {
		float: none;
		height: 32px;
	}

	.ban_in_rig li a {
		padding: 0 12px;
		line-height: 32px;
		font-size: 13px;
	}

	/* ---------- 首页查件卡片：标签 / 标题 / 多行输入 / 实心按钮 / 文字链接 ---------- */
	.enter {
		height: auto;
		padding: 12px 14px 14px;
		background: #f2f4f8;
	}

	.enter .w {
		display: block;
		padding: 14px 12px 12px;
		background: #fff;
		border-radius: 10px;
		box-shadow: 0 4px 14px rgba(14, 35, 45, 0.08);
	}

	.enter .sw {
		float: none !important;
		width: auto;
		height: auto;
		border-left: 0;
		padding: 0;
		text-align: left;
	}

	.sw:hover {
		background: none;
	}

	.enter i {
		display: inline-block;
		margin: 0;
		color: #153087;
		vertical-align: -3px;
	}

	.enter .sp {
		display: inline;
		margin-top: 0;
		font-size: 14px;
		font-weight: 700;
		color: #153087;
		vertical-align: 2px;
	}

	.mtrack-tit {
		display: block;
		margin-bottom: 2px;
		font-size: 12px;
		letter-spacing: 1px;
		color: #8a94a6;
	}

	.track-button a {
		display: block;
		line-height: 30px;
	}

	.track-button i {
		display: none;
	}

	.track-button .sp {
		font-size: 20px;
		vertical-align: 0;
	}

	.trackform,
	.loginform,
	.searchform,
	.tijiform,
	.priceform {
		float: none !important;
		width: 100% !important;
		height: auto;
		padding-right: 0;
		margin: 12px 0 0;
	}

	.trackformBox,
	form#searchform {
		display: block;
		margin: 0;
		height: auto;
	}

	.trackformBox input.billstxt,
	.trackformBox textarea.billstxt,
	#orderNos {
		display: block;
		box-sizing: border-box;
		width: 100% !important;
		height: auto !important;
		min-height: 82px;
		margin: 0;
		padding: 10px 12px !important;
		text-indent: 0 !important;
		border: 1px solid #dcdfe6;
		border-radius: 8px;
		background: #fbfcfe;
		font-size: 15px;
		line-height: 1.5 !important;
		resize: none;
	}

	.trackformBox .sbtn,
	.trackformBox input#search-submit,
	.trackformBox input#track-submit {
		display: block;
		box-sizing: border-box;
		width: 100%;
		height: 46px;
		margin-top: 10px;
		border: 0;
		border-radius: 8px;
		background: #f6c500;
		font-size: 16px;
		font-weight: 700;
		color: #153087;
	}

	/* 手机版报价/登录入口放在导航菜单中，此处隐藏 */
	.quote-button,
	.login-button {
		display: none;
	}

	.pricebox {
		display: block;
		height: auto;
		padding: 6px 0;
	}

	.pricebox_r {
		width: auto;
	}

	/* ---------- 首页各版块 ---------- */
	.fuwu {
		padding-bottom: 10px;
	}

	.index_box_tit {
		height: auto;
		padding-top: 20px;
	}

	.index_box_tit h1 {
		font-size: 21px;
		line-height: 28px;
	}

	.index_box_tit h2 {
		font-size: 11px;
		line-height: 22px;
		word-break: break-word;
	}

	.icon-box-list {
		margin-bottom: 20px;
	}

	.icon-box-list .icon-box-item,
	.icon-box-list .icon-box-item + .icon-box-item {
		float: left;
		clear: none;
		box-sizing: border-box;
		width: calc(50% - 6px);
		margin: 0 6px 10px 0;
		padding: 8px 8px 16px;
		border: 0;
		border-radius: 8px;
		box-shadow: 0 4px 14px rgba(14, 35, 45, 0.08);
	}

	.icon-box-list .icon-box-item:nth-child(2n) {
		width: calc(50% - 5px);
		margin-right: 0;
	}

	.icon-box-list .icon-box-item .icon-img {
		border-radius: 6px;
	}

	.icon-box-list .icon-box-item .icon-title {
		font-size: 15px;
	}

	#fwysM {
		padding-top: 10px;
	}

	.about_in {
		width: auto;
		margin-bottom: 14px;
	}

	.about_img {
		float: none;
		width: auto;
		height: auto;
		margin: 12px 0;
	}

	.about_in_rig {
		float: none;
		width: auto;
		margin-top: 0;
	}

	.about_in_rig > a {
		margin: 14px auto 10px;
	}

	.about_in_p {
		line-height: 1.75;
	}

	.new-box {
		padding: 10px 0;
	}

	.new-box .n_content {
		margin-left: 0;
	}

	.new-item {
		float: none;
		width: auto;
		margin: 0 0 14px;
		padding: 8px 10px 12px;
		border-radius: 10px;
		box-shadow: 0 4px 14px rgba(14, 35, 45, 0.08);
	}

	.new-item img {
		width: 100%;
		height: auto;
		border-radius: 6px;
	}

	.xwzx_C ul li a {
		width: auto;
	}

	#wlfwC {
		padding-bottom: 10px;
	}

	#wlfwM1 {
		margin-left: 0;
		padding-top: 10px;
	}

	#wlfwM1 ul {
		overflow: hidden;
	}

	#wlfwM1 li {
		float: left;
		box-sizing: border-box;
		width: 33.33%;
		height: auto;
		margin-left: 0;
		padding: 0 8px 12px;
	}

	#wlfwM1 li img {
		width: 100%;
		height: auto;
		object-fit: contain;
	}

	/* ---------- 页脚：窄屏按分组重排 ---------- */
	.f_bg {
		margin-top: 12px;
		padding-bottom: 62px;
	}

	.f_bg .w {
		padding-left: 18px;
		padding-right: 18px;
	}

	.f_con {
		text-align: left;
		padding-bottom: 10px;
	}

	.f_img {
		float: left;
		width: auto;
		margin: 0;
		padding: 18px 0 0;
	}

	.f_qrcode {
		float: right;
		width: auto;
		margin: 0;
		padding: 18px 0 0;
		text-align: right;
	}

	.f_qrcode img {
		width: 84px;
		height: 84px;
		border-width: 2px;
	}

	.f_qrcode p {
		font-size: 12px;
		line-height: 24px;
		text-align: center;
	}

	.f_p {
		clear: both;
		width: auto;
		margin: 6px 0 0;
		padding: 0;
	}

	.f_p p {
		line-height: 26px;
		word-break: break-word;
	}

	.mfoot-nav {
		display: block;
		clear: both;
	}

	.mfoot-tit {
		margin: 18px 0 6px;
		font-size: 13px;
		letter-spacing: 1px;
		color: #9fb0dd;
	}

	.mfoot-nav ul {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 2px 14px;
	}

	.mfoot-nav li a {
		display: block;
		line-height: 32px;
		font-size: 14px;
		color: #dfdfdf;
	}

	.mfoot-nav li a:hover {
		color: #f6c500;
	}

	.f_yq {
		clear: both;
		width: auto;
		margin: 0;
		padding: 0;
	}

	.yq_top {
		padding: 0;
	}

	.yq_con {
		padding: 0;
	}

	.yq_con a {
		padding: 0;
	}

	.mfoot-copy {
		display: block;
		clear: both;
		margin-top: 16px;
		padding: 12px 0 6px;
		border-top: 1px solid rgba(255, 255, 255, 0.15);
		font-size: 12px;
		color: #9fb0dd;
	}

	.mfoot-copy p {
		line-height: 22px;
	}

	.mfoot-copy a {
		color: #9fb0dd;
	}

	.mfoot-copy a:hover {
		color: #f6c500;
	}

	/* ---------- 内页 ---------- */
	.con_h1 {
		margin: 6px 0 10px;
		font-size: 18px;
	}

	.content p,
	.about p {
		line-height: 1.75;
		text-indent: 2em;
		overflow-wrap: break-word;
		word-break: break-word;
	}

	.content dl {
		margin-left: 0;
	}

	/* 段落首行缩进会把整幅插图挤出屏幕，改成块级居中 */
	.about p img,
	.content p img {
		display: block;
		margin: 10px auto;
	}

	/* mobile.js 给宽表格套的横向滚动容器 */
	.mscroll {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.case_in {
		float: none;
		width: auto;
		margin: 10px 0;
		margin-right: 0;
		padding: 8px;
		border-radius: 8px;
		box-shadow: 0 4px 14px rgba(14, 35, 45, 0.08);
	}

	.case_in_img {
		height: 190px;
		border-radius: 6px;
	}

	.case_in_th1 {
		font-size: 16px;
	}

	.case_in_th2 {
		width: auto;
	}

	#newlist .img {
		float: none;
		display: block;
		width: 100%;
		height: auto;
		margin: 0 0 8px;
	}

	#newlist .text {
		float: none;
		width: auto;
		margin-left: 0;
	}

	#newlist .text h2 {
		font-size: 16px;
	}

	.contact img {
		margin-left: 0;
	}

	#uptext .biaoti {
		font-size: 16px;
	}

	/* 报价弹窗：只保证不溢出 */
	.Pricemodal-header h2 {
		font-size: 18px;
	}

	.Pricemodal-body {
		padding: 12px;
	}

	/* ---------- 悬浮客服 → 底部操作条 ---------- */
	.kefu,
	.kefu_o {
		display: none !important;
	}

	.mb-tel {
		display: flex;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 98;
		height: 50px;
		background: #153087;
		box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.18);
	}

	.mb-tel a {
		flex: 1;
		display: block;
		line-height: 50px;
		text-align: center;
		font-size: 16px;
		color: #fff;
	}

	.mb-tel a + a {
		border-left: 1px solid rgba(255, 255, 255, 0.25);
	}

	.mb-tel a i {
		margin-right: 6px;
		color: #f6c500;
	}
}

@media screen and (max-width: 767px) {
	.fullSlide,
	.fullSlide .bd li,
	.fullSlide .bd li a {
		height: 150px;
	}
}