@charset "utf-8";
/* ==========================================================================
   药研通 PC 站响应式补丁 v1.0
   --------------------------------------------------------------------------
   目标：视口 < 1200px 时，全站外壳（头部导航 / 内容容器 / 页脚）改为流式，
        消除横向滚动；≥ 1200px 时零改动（原 1200 固定版式完全保留）。
   原则：只改布局与字号，不动任何业务 JS、不动 1200 以上样式。
   加载位置：share/head.html 中位于 style.css 之后。
   ========================================================================== */

/* ---------- 移动导航控制器（≥1200px 时隐藏，不参与布局） ---------- */
.nav-toggle,
.nav-mask {
	display: none;
}

@media screen and (max-width: 1199px) {

	/* ======================================================================
	   1. 头部：logo 左、汉堡按钮右，导航改为右侧抽屉
	   ====================================================================== */
	.headmid {
		width: auto;
		max-width: 1200px;
		height: auto;
		min-height: 72px;
		margin: 0 auto;
		padding: 0 24px;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		align-self: stretch;
	}

	.headlogo {
		margin-top: 0;
		line-height: 0;
	}

	.headlogo img {
		max-height: 50px;
		width: auto;
	}

	/* --------------------------------------------------------------
	   导航开关：不做成裸三条线，而是「胶囊按钮 + 菜单文字」，
	   让访客一进站就能看出这里是全站导航入口。
	   -------------------------------------------------------------- */
	.nav-toggle {
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: inline-flex;
		position: absolute;
		right: 16px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		height: 38px;
		padding: 0 13px 0 11px;
		margin: 0;
		border: 1px solid #c3d6e6;
		border-radius: 19px;
		background: #f2f8fe;
		color: #052743;
		font-family: inherit;
		font-size: 14px;
		line-height: 1;
		letter-spacing: .5px;
		cursor: pointer;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-shadow: 0 1px 3px rgba(5, 39, 67, .08);
		box-shadow: 0 1px 3px rgba(5, 39, 67, .08);
		-webkit-transition: background .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
		transition: background .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
		z-index: 10002;
	}

	.nav-toggle:hover {
		background: #0383d3;
		border-color: #0383d3;
		color: #fff;
		-webkit-box-shadow: 0 3px 10px rgba(3, 131, 211, .28);
		box-shadow: 0 3px 10px rgba(3, 131, 211, .28);
	}

	.nav-toggle:focus {
		outline: 2px solid #7cc4f0;
		outline-offset: 2px;
	}

	/* 首屏播放 3 次柔和光环，提示这里可点（不影响布局，也不一直闪） */
	.nav-toggle {
		-webkit-animation: navHint 2.6s ease-in-out 3 1.2s;
		animation: navHint 2.6s ease-in-out 3 1.2s;
	}

	@-webkit-keyframes navHint {
		0%, 100% { -webkit-box-shadow: 0 1px 3px rgba(5, 39, 67, .08), 0 0 0 0 rgba(3, 131, 211, 0); }
		45% { -webkit-box-shadow: 0 1px 3px rgba(5, 39, 67, .08), 0 0 0 7px rgba(3, 131, 211, .16); }
	}

	@keyframes navHint {
		0%, 100% { box-shadow: 0 1px 3px rgba(5, 39, 67, .08), 0 0 0 0 rgba(3, 131, 211, 0); }
		45% { box-shadow: 0 1px 3px rgba(5, 39, 67, .08), 0 0 0 7px rgba(3, 131, 211, .16); }
	}

	.nav-toggle-icon {
		display: block;
		position: relative;
		width: 17px;
		height: 12px;
		margin-right: 7px;
		font-size: 0;
	}

	.nav-toggle-icon i {
		display: block;
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background: #052743;
		border-radius: 2px;
		-webkit-transition: -webkit-transform .25s ease, opacity .2s ease, background .2s ease;
		transition: transform .25s ease, opacity .2s ease, background .2s ease;
	}

	.nav-toggle-icon i:nth-child(1) { top: 0; }
	.nav-toggle-icon i:nth-child(2) { top: 5px; }
	.nav-toggle-icon i:nth-child(3) { top: 10px; }

	.nav-toggle:hover .nav-toggle-icon i {
		background: #fff;
	}

	body.nav-open .nav-toggle-icon i:nth-child(1) {
		-webkit-transform: translateY(5px) rotate(45deg);
		transform: translateY(5px) rotate(45deg);
	}

	body.nav-open .nav-toggle-icon i:nth-child(2) {
		opacity: 0;
	}

	body.nav-open .nav-toggle-icon i:nth-child(3) {
		-webkit-transform: translateY(-5px) rotate(-45deg);
		transform: translateY(-5px) rotate(-45deg);
	}

	.nav-toggle-txt {
		display: block;
		white-space: nowrap;
	}

	.nav-toggle-txt b {
		font-weight: 400;
	}

	.nav-toggle-txt .txt-close {
		display: none;
	}

	body.nav-open .nav-toggle-txt .txt-menu {
		display: none;
	}

	body.nav-open .nav-toggle-txt .txt-close {
		display: inline;
	}

	/* 遮罩 */
	.nav-mask {
		display: block;
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, .45);
		opacity: 0;
		visibility: hidden;
		-webkit-transition: opacity .25s ease, visibility .25s ease;
		transition: opacity .25s ease, visibility .25s ease;
		z-index: 10000;
	}

	body.nav-open .nav-mask {
		opacity: 1;
		visibility: visible;
	}

	/* 抽屉本体 */
	.headmid .headlist {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		width: 78vw;
		max-width: 320px;
		min-width: 240px;
		margin: 0 !important;
		padding: 68px 0 28px;
		float: none;
		display: block;
		background: #fff;
		box-sizing: border-box;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		-webkit-box-shadow: -8px 0 24px rgba(0, 0, 0, .15);
		box-shadow: -8px 0 24px rgba(0, 0, 0, .15);
		-webkit-transform: translateX(101%);
		transform: translateX(101%);
		-webkit-transition: -webkit-transform .28s ease;
		transition: transform .28s ease;
		visibility: hidden;
		z-index: 10001;
	}

	body.nav-open .headmid .headlist {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		visibility: visible;
	}

	/* 抽屉顶部的小标题：明确告诉访客这是一份全站导航 */
	body.nav-open .headmid .headlist::before {
		content: "全站导航";
		display: block;
		padding: 0 22px 12px;
		font-size: 12px;
		line-height: 1;
		letter-spacing: 3px;
		color: #9aa9b8;
	}

	.headmid .headlist li {
		display: block;
		width: 100%;
		position: static;
		border-bottom: 1px solid #f0f0f0;
	}

	.headmid .headlist li:last-child {
		border-bottom: 0;
	}

	.headmid .headlist li > a {
		display: block;
		width: 100%;
		padding: 15px 22px;
		font-size: 17px;
		line-height: 1.35;
		text-align: left;
		border-radius: 0;
		color: #052743;
		box-sizing: border-box;
	}

	.headmid .headlist li > a:hover {
		background: #eef6fd;
		color: #0383d3;
	}

	/* 二级菜单：抽屉内常显为静态列表（触摸屏无 hover） */
	.headmid .headlist li .l-item {
		display: block !important;
		position: static !important;
		left: auto !important;
		top: auto !important;
		width: 100% !important;
		min-width: 0;
		margin: 0;
		background: #f7fbff;
		border-radius: 0;
		-webkit-transform: none !important;
		transform: none !important;
		z-index: auto;
	}

	.headmid .headlist li .l-item a {
		display: block;
		width: 100%;
		padding: 11px 22px 11px 38px;
		font-size: 15px;
		line-height: 1.4;
		text-align: left;
		text-indent: 0;
		color: #4a5a6a;
		box-sizing: border-box;
	}

	.headmid .headlist li .l-item a:hover {
		background: #e6f2fc;
		color: #0383d3;
	}

	/* 「关于药研通」的子项与主链接同名，抽屉/紧凑模式下隐藏重复的第一条 */
	.headmid .headlist li[data-page="about"] .l-item a:first-child {
		display: none !important;
	}


	/* ======================================================================
	   2. 全局内容容器：1200 固定宽 -> 流式（左右各留 24px）
	   ====================================================================== */
	.cx,
	.foottop,
	.footbottom,
	.youshi-list,
	.newstitle,
	.newscon,
	.conmon,
	.hezuocon,
	.about-lx,
	.about-add,
	.han_main,
	div.han_box,
	.han_news {
		width: 100%;
		max-width: 1200px;
		padding-left: 24px;
		padding-right: 24px;
		box-sizing: border-box;
		/* 工具页的 body 是 flex column，块元素会收缩成内容宽度，必须用 100% 撑满 */
		align-self: stretch;
		min-width: 0;
	}

	/* 内层固定宽度 */
	.about-js {
		width: auto;
		max-width: 1150px;
		padding-left: 24px;
		padding-right: 24px;
		box-sizing: border-box;
	}

	.about-listcon {
		width: auto;
		max-width: 1000px;
		padding: 0;
		text-align: center;
	}

	.about-listcon li {
		margin: 24px 10px 40px;
	}

	/* 首页 banner：去掉最小宽度，改为自适应 */
	.banner {
		min-width: 0;
		overflow: hidden;
	}

	/* 搜索框 */
	.search {
		width: auto;
		max-width: 720px;
		height: auto;
		min-height: 50px;
		padding: 0 12px;
		box-sizing: border-box;
	}

	.search form {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		align-items: center;
		width: 100%;
	}

	.search input {
		-webkit-box-flex: 1;
		-webkit-flex: 1 1 auto;
		flex: 1 1 auto;
		width: auto !important;
		min-width: 0;
		height: 50px;
		margin: 0 8px 0 8px;
		font-size: 16px;
		border: 0;
		outline: none;
		background: none;
	}

	.search input.search_btn,
	.search #search_btn {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 96px;
		flex: 0 0 96px;
		width: 96px !important;
		height: 50px;
		margin: 0 0 0 4px !important;
		font-size: 17px;
		color: #fff;
	}

	.search p {
		font-size: 15px;
		padding: 10px 8px;
		line-height: 1.5;
	}

	/* 首页 banner 内的说明文字为白字放在白底上（原设计遗留，不可见），窄屏直接去掉这块空白 */
	.banner .search p {
		display: none;
	}

	/* banner 轮播背景图：保证铺满不重复 */
	.banner .swiper-slide {
		background-size: cover !important;
		background-position: center center !important;
		background-repeat: no-repeat !important;
	}

	/* 面包屑 */
	.position {
		margin: 16px 0;
	}

	/* ======================================================================
	   3. 首页板块
	   ====================================================================== */
	.advcon {
		height: auto;
		padding-bottom: 48px;
	}

	.youshi-list ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.youshi-list li {
		float: none;
		width: 50%;
		margin-bottom: 40px;
	}

	.youshi-list .youshi-list-con {
		font-size: 15px;
		margin-top: 20px;
	}

	/* 新闻三列 -> 弹性三列 */
	.newscon ul {
		width: auto;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0 -12px;
	}

	.newscon ul li {
		float: none;
		width: calc(33.3333% - 24px);
		margin: 0 12px 24px;
		box-sizing: border-box;
	}

	.newscon .newsimg {
		height: auto !important;
	}

	.newscon .newsimg img {
		width: 100%;
		height: 180px;
		object-fit: cover;
	}

	.newscon .newt,
	.newscon p,
	.newscon span {
		width: auto;
		padding-left: 12px;
		padding-right: 12px;
		box-sizing: border-box;
	}

	/* 常见问题：两列 -> 弹性两列 */
	.conmon ul {
		width: auto;
	}

	.conmon li {
		width: calc(50% - 30px);
		margin-right: 30px;
		box-sizing: border-box;
	}

	.conmon .conmon-qt,
	.conmon .conmon-ac {
		width: auto;
		max-width: calc(100% - 40px);
		box-sizing: border-box;
	}

	.conmon .conmon-qt {
		font-size: 18px;
	}

	.conmon .conmon-ac {
		height: auto;
		min-height: 130px;
	}

	.conmon .conmon-ac span {
		width: auto;
		height: auto;
		display: block;
		margin: 18px;
	}

	/* 合作客户 */
	.hezuocon {
		height: auto;
	}

	/* 板块标题图 / 客户 logo 原图大于容器时等比缩小 */
	.youshi-img img,
	.hezuocon li img {
		max-width: 100%;
		height: auto;
	}

	.hezuocon ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		align-items: center;
	}

	.hezuocon li {
		float: none;
		width: 20%;
		padding: 8px 0;
		box-sizing: border-box;
	}

	/* ======================================================================
	   4. 新闻 / 常见问题：左栏 280 + 右栏 840 -> 弹性两栏
	   ====================================================================== */
	/* 新闻 / 常见问题：左栏 280 + 右栏 840 -> 左栏定宽 + 右栏自适应
	   注意：不能用 flex，页面内 .position（面包屑）也是同级块元素，改成 flex 会被当成
	   第一个 flex item 挤占横向空间，导致左栏被推到右边。 */
	div.han_l {
		float: left;
		width: 240px;
	}

	div.han_r {
		float: none !important;
		width: auto;
		min-width: 0;
		margin-left: 240px;
		padding: 0 20px;
		box-sizing: border-box;
	}

	span.han_fr_h_con {
		font-size: 18px;
	}

	.han_frc_con_li img {
		width: 160px;
		height: 114px;
		margin-right: 20px;
	}

	.han_frc_con {
		width: calc(100% - 190px);
		box-sizing: border-box;
	}

	.han_frcc_con,
	.han_frc_con_b .han_frcc_con {
		width: 100%;
	}

	.han_frcc_title {
		font-size: 18px;
	}

	.han_frcc_con {
		font-size: 16px;
	}

	.han_news_con {
		padding: 30px 24px;
	}

	/* 新闻/FAQ「无搜索结果」提示块（模板内联 840px 定宽） */
	#search_k,
	#search_k1 {
		width: auto !important;
		max-width: 100%;
		height: auto !important;
		min-height: 200px;
		margin-top: 40px !important;
		box-sizing: border-box;
	}

	/* 图片原来是 margin-left:350px 的人工居中，窄屏改为居中 */
	#search_k img,
	#search_k1 img {
		display: block;
		margin-left: auto !important;
		margin-right: auto !important;
		max-width: 100%;
		height: auto;
	}

	p.han_frcc_title {
		width: auto !important;
	}

	/* ======================================================================
	   5. 表格：目录/产品等宽表在窄屏内部横向滚动，不撑破页面
	   ====================================================================== */
	.fzml {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.fzml table {
		min-width: 900px;
		width: 100%;
	}

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

	table tr {
		font-size: 16px;
	}

	/* ======================================================================
	   6. 页脚：菜单换行 + 电话地址 + 二维码纵向堆叠
	   ====================================================================== */
	.foottop {
		padding-top: 36px;
	}

	.footlt {
		padding: 0;
	}

	.footlist {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		height: auto;
	}

	.footlist li {
		float: none;
	}

	.footlist li a {
		display: inline-block;
		padding: 6px 14px;
		font-size: 15px;
		line-height: 1.5;
		border-right: 1px solid rgba(255, 255, 255, .45);
	}

	.footlm {
		margin-top: 22px;
		font-size: 15px;
		line-height: 1.7;
	}

	.footlm div {
		margin-bottom: 10px;
	}

	.footright {
		float: none;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		justify-content: flex-start;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-top: 26px;
	}

	.footright img {
		width: 100px;
		margin-top: 0;
	}

	.footright > div {
		margin-left: 0 !important;
		margin-right: 28px !important;
	}

	.footright div {
		font-size: 13px;
	}

	.footbottom {
		padding-top: 4px;
		padding-bottom: 16px;
	}

	.footbottom div {
		margin-top: 14px;
		margin-bottom: 10px;
		line-height: 1.7;
	}

	.footbottom div span {
		display: inline-block;
		margin-right: 18px;
		margin-left: 0;
		font-size: 13px;
	}

	/* ======================================================================
	   7. 司美格鲁肽页（sm.css 全部为设计稿固定像素，需 !important 覆盖）
	   ====================================================================== */
	.hcgy {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		flex-direction: column !important;
		padding: 32px 24px !important;
		gap: 24px;
		box-sizing: border-box;
	}

	.h-title {
		width: auto !important;
		font-size: 34px !important;
		line-height: 1.35 !important;
	}

	/* 标题下的装饰线原本靠父级 245px 限宽，父级放开后需单独限宽 */
	.h-title .line {
		max-width: 245px;
	}

	.gy-intro {
		width: auto !important;
	}

	.gy-intro p {
		font-size: 18px !important;
	}

	.gy-intro p span {
		font-size: 26px !important;
	}

	/* 三条优势：左右错位版式 -> 图片在上、文字卡片压边 */
	.ys-item {
		width: 100% !important;
		height: auto !important;
	}

	.ys-item .ys-img {
		position: static !important;
		width: 100% !important;
		height: 240px !important;
		left: auto !important;
		right: auto !important;
	}

	.ys-item .ys-img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.ys-item .ys-intro {
		position: static !important;
		right: auto !important;
		left: auto !important;
		width: 100% !important;
		height: auto !important;
		margin-top: -36px;
		padding: 22px 20px !important;
		-webkit-transform: none !important;
		transform: none !important;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		flex-direction: column;
		gap: 12px;
		box-sizing: border-box;
	}

	.ys-tit {
		width: auto !important;
		height: auto !important;
		padding: 0 !important;
		font-size: 22px !important;
		gap: 8px !important;
	}

	.ys-txt {
		width: auto !important;
		font-size: 16px !important;
		line-height: 1.75 !important;
	}

	.ys-item:nth-child(odd) .ys-intro .ys-txt {
		margin-left: 0 !important;
	}

	/* 对比表格：容器内横向滚动 */
	.table-wap {
		display: block !important;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		margin-top: 32px;
	}

	.table-wap table {
		min-width: 760px;
	}

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

	/* 技术板块：左右两栏 -> 上下堆叠 */
	.tech-item {
		height: auto !important;
		padding: 20px 0 !important;
	}

	.tech-item .t-img,
	.tech-item .t-con {
		float: none !important;
		width: 100% !important;
	}

	.t-img {
		height: auto !important;
		aspect-ratio: 543 / 300;
	}

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

	.t-con {
		height: auto !important;
		padding: 22px 0;
	}

	.t-con h2 {
		font-size: 22px;
	}

	.t-con p {
		font-size: 16px;
	}

	.sz p {
		font-size: 56px !important;
	}

	.spec {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		flex-direction: column;
		padding: 28px 16px !important;
		gap: 20px;
	}

	/* 三块特色卡片 */
	.fv-content {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 16px;
	}

	.fv-item {
		width: calc(50% - 8px) !important;
		padding: 24px 16px !important;
	}

	.fv-item-title,
	.fv-item-desc {
		width: 100% !important;
		height: auto !important;
	}

	.fv-item-title div {
		font-size: 22px;
	}

	.fv-item-desc {
		padding: 14px !important;
		font-size: 16px !important;
	}

	/* 联系卡片：固定 256px x 4 -> 弹性换行 */
	.sm-contact {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 16px;
		justify-content: center;
	}

	.sm-contact-item {
		width: auto !important;
		-webkit-box-flex: 1;
		-webkit-flex: 1 1 200px;
		flex: 1 1 200px;
		min-width: 0;
		padding: 24px 14px !important;
	}

	.c-text {
		width: 100% !important;
		height: auto !important;
		min-height: 170px;
		font-size: 18px !important;
		line-height: 1.5 !important;
	}

	.c-text img {
		width: auto !important;
		height: auto !important;
		max-width: 100%;
		max-height: 120px;
	}

	.c-tit {
		font-size: 20px !important;
	}

	.db-content {
		background-size: cover !important;
		background-position: center center !important;
	}

	.big-tit-en {
		font-size: 64px !important;
		line-height: 1.1 !important;
	}

	/* 常见问题标题行：中文标题 + 装饰线 + 大号英文并排会超出窄屏，允许换行 */
	.q-tit {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: center;
	}

	.q-tit .sm-tit-cn {
		height: auto !important;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	/* 视频等比自适应 */
	.sm-video video {
		width: 100% !important;
		max-width: 1200px;
		height: auto !important;
		max-height: 675px;
		object-fit: cover;
	}

	/* ======================================================================
	   8. 产品详情页（liuhang.css）：1200 固定 + 左内边距 110 -> 流式
	   ====================================================================== */
	.detail_content {
		width: auto !important;
		max-width: 1200px;
		margin: 0 auto;
		padding-left: 24px !important;
		padding-right: 24px;
		box-sizing: border-box;
	}

	.bimg {
		float: none !important;
		width: 100% !important;
		max-width: 422px;
		margin: 0 auto 20px !important;
		text-align: center;
	}

	#preview img.thumb {
		max-width: 100%;
		height: auto;
	}

	.prodbaseinfo_a {
		float: none !important;
		width: 100% !important;
	}

	.prodbaseinfo_a form,
	.prodbaseinfo_a label p,
	.rentlong {
		width: auto;
		float: none !important;
	}

	.countBox input {
		width: 100%;
		max-width: 200px;
		box-sizing: border-box;
	}

	/* 右侧浮动栏在窄屏会压住内容，隐藏（移动端另有入口） */
	.youce {
		display: none;
	}
}

/* ==========================================================================
   1200 ~ 1319px：产品详情页 .detail_content 是 1200 定宽 + 左内边距 110px，
   实际占 1310px，在该区间仍会把页面顶出 110px 横向滚动（原有问题）。
   用断点单独兜住，≥1320px 保持原样。
   ========================================================================== */
@media screen and (min-width: 1200px) and (max-width: 1319px) {
	.detail_content {
		width: calc(100% - 48px);
		max-width: 1200px;
		margin: 0 auto;
		padding-left: 0 !important;
		box-sizing: border-box;
	}
}

/* ==========================================================================
   ≤ 991px：平板竖屏，进一步压缩
   ========================================================================== */
@media screen and (max-width: 991px) {

	.newscon ul li {
		width: calc(50% - 24px);
	}

	.conmon li {
		width: 100%;
		margin-right: 0;
	}

	.conmon .conmon-qt,
	.conmon .conmon-ac {
		max-width: calc(100% - 40px);
	}

	.youshi-list li {
		width: 50%;
	}

	.hezuocon li {
		width: 25%;
	}

	.footright {
		margin-top: 20px;
	}

	.han_frc_con_li img {
		width: 140px;
		height: 100px;
		margin-right: 16px;
	}

	.han_frc_con {
		width: calc(100% - 160px);
	}
}

/* ==========================================================================
   ≤ 767px：窄桌面 / 分屏窗口
   ========================================================================== */
@media screen and (max-width: 767px) {

	.cx,
	.foottop,
	.footbottom,
	.youshi-list,
	.newstitle,
	.newscon,
	.conmon,
	.hezuocon,
	.about-lx,
	.about-add,
	.han_main,
	div.han_box,
	.han_news,
	.headmid {
		padding-left: 16px;
		padding-right: 16px;
	}

	.newscon ul li {
		width: calc(100% - 24px);
	}

	.youshi-list li {
		width: 100%;
		margin-bottom: 32px;
	}

	.hezuocon li {
		width: 33.3333%;
	}

	/* 新闻/FAQ 左栏改为顶部横条 */
	div.han_l {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}

	div.han_r {
		float: none !important;
		width: 100%;
		margin-left: 0;
		padding: 0 14px;
	}

	.han_ul,
	.han_ul2 {
		display: none;
	}

	div.han_lh {
		height: 52px;
		line-height: 52px;
		cursor: pointer;
	}

	div.han_lh::after {
		content: "展开";
		float: right;
		margin-right: 16px;
		font-size: 14px;
		color: #fff;
	}

	div.han_l.han-open .han_ul {
		display: block;
	}

	.han_frc_con_li img {
		width: 100%;
		height: auto;
		max-height: 180px;
		object-fit: cover;
		margin: 0 0 12px;
	}

	.han_frc_con {
		width: 100%;
	}

	.han_frcc_con {
		padding-bottom: 8px;
	}

	.han_news_con {
		padding: 20px 16px;
	}

	.footright > div {
		margin-right: 20px !important;
	}

	.footlist li a {
		padding: 6px 10px;
		font-size: 14px;
	}

	.table-wap table {
		min-width: 620px;
	}

	.big-tit-en {
		font-size: 44px !important;
	}

	.fv-item {
		width: 100% !important;
	}

	.sm-contact-item {
		-webkit-flex: 1 1 100%;
		flex: 1 1 100%;
	}

	/* 产品页「无结果」提示块（searchlist.css 固定 716x270） */
	.jianjie_wechat {
		width: auto !important;
		max-width: 100%;
		height: auto !important;
		min-height: 180px;
	}

	.jianjie_wechat li {
		float: none !important;
		width: 100% !important;
		box-sizing: border-box;
	}

	.left_img {
		padding-top: 24px !important;
	}

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

	.right_text {
		width: 100% !important;
		padding: 20px 18px 26px !important;
	}
}

/* ======================================================================
   1-B. 同行导航模式（后台可切换）
   ----------------------------------------------------------------------
   与汉堡模式二选一：导航项不收起，直接压缩成一行、靠右与 logo 同排。
   只在 992~1199px 生效；更窄（≤991px）一行放不下，自动回退汉堡抽屉。
   ====================================================================== */
@media screen and (min-width: 992px) and (max-width: 1199px) {

	/* 同行模式不显示切换按钮（仅在窄到放不下时才重新出现） */
	.nav-style-inline .nav-toggle {
		display: none;
	}

	.nav-style-inline .headmid .headlist {
		position: static;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		width: auto !important;
		max-width: none;
		min-width: 0;
		height: auto;
		margin: 0 0 0 auto !important;
		padding: 0;
		background: transparent;
		box-sizing: border-box;
		overflow: visible;
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-transform: none !important;
		transform: none !important;
		visibility: visible;
		z-index: auto;
	}

	.nav-style-inline .headmid .headlist li {
		display: block;
		position: relative;
		width: auto;
		border-bottom: 0;
		float: none;
	}

	.nav-style-inline .headmid .headlist li > a {
		display: block;
		width: auto;
		padding: 9px clamp(5px, 0.85vw, 13px);
		font-size: clamp(12.5px, 1.15vw, 16px);
		line-height: 1.3;
		white-space: nowrap;
		text-align: center;
		text-indent: 0;
		color: #052743;
		background: transparent;
		border-radius: 3px;
		box-sizing: border-box;
	}

	.nav-style-inline .headmid .headlist li > a:hover {
		color: #0383d3;
		background: #eef6fd;
	}

	/* 二级菜单回到 hover 下拉（不再是抽屉里的静态列表） */
	.nav-style-inline .headmid .headlist li .l-item {
		display: none !important;
		position: absolute !important;
		left: 50% !important;
		top: 100% !important;
		width: auto !important;
		min-width: 168px !important;
		margin: 0 !important;
		padding: 6px 0 !important;
		background: #fff !important;
		border-radius: 4px !important;
		-webkit-transform: translateX(-50%) !important;
		transform: translateX(-50%) !important;
		-webkit-box-shadow: 0 6px 18px rgba(5, 39, 67, .14) !important;
		box-shadow: 0 6px 18px rgba(5, 39, 67, .14) !important;
		z-index: 10003 !important;
	}

	.nav-style-inline .headmid .headlist li:hover .l-item {
		display: block !important;
	}

	.nav-style-inline .headmid .headlist li .l-item a {
		display: block;
		width: 100%;
		padding: 9px 18px;
		font-size: 14px;
		line-height: 1.4;
		text-align: center;
		text-indent: 0;
		white-space: nowrap;
		color: #4a5a6a;
		box-sizing: border-box;
	}

	.nav-style-inline .headmid .headlist li .l-item a:hover {
		background: #eef6fd;
		color: #0383d3;
	}

	/* 空的下拉容器（模板里被注释掉的栏目）不弹空白框 */
	.nav-style-inline .headmid .headlist li .l-item:empty {
		display: none !important;
	}

	/* 最右两项的下拉改为右对齐，避免贴边溢出 */
	.nav-style-inline .headmid .headlist li:nth-last-child(2) .l-item,
	.nav-style-inline .headmid .headlist li:last-child .l-item {
		left: auto !important;
		right: 0;
		-webkit-transform: none !important;
		transform: none !important;
	}
}