@CHARSET "UTF-8";
/* ============================================================
   响应式适配层（加载顺序在 pboot.css 之后，仅做覆盖，不影响桌面样式）
   断点：≤1240 平板横屏；≤900 平板/大手机；≤640 手机
   ============================================================ */

/* ---------- 全局：禁止横向滚动 ----------
   桌面端 1900px 宽的轮播大图（.banner）与广告横幅（.hengtu）以居中负边距铺出视口，
   宽屏下会把 document 撑出横向滚动条（如 1440 视口时 doc=1670）；统一裁切掉即可，
   视觉效果不变（本来就是居中裁切的设计）。 */
html,body{overflow-x:hidden;}

/* ---------- 汉堡按钮（桌面隐藏；注意：本基础规则必须放在媒体查询之前，
   否则同优先级下会按源码顺序覆盖 ≤900 内的 display:flex）
   旧版是白底灰框 + 三根蓝细线，观感陈旧；改为与站点品牌一致的
   蓝色渐变圆角块 + 白色圆角线条 + 柔和投影，按下微缩、展开时变叉 ---------- */
.m_btn{display:none;position:absolute;right:15px;top:22px;width:36px;height:32px;
	cursor:pointer;z-index:999;box-sizing:border-box;
	flex-direction:column;align-items:center;justify-content:center;gap:4px;
	border:none;border-radius:10px;
	background:linear-gradient(135deg,#0880c8 0%,#00a8e6 100%);
	box-shadow:0 4px 12px rgba(8,120,190,.26),inset 0 1px 0 rgba(255,255,255,.28);
	transition:box-shadow .25s ease,transform .12s ease;}
.m_btn span{display:block;width:17px;height:2px;border-radius:2px;background:#fff;
	transition:transform .28s ease,opacity .2s ease,width .28s ease;}
.m_btn:hover{box-shadow:0 6px 16px rgba(8,120,190,.34),inset 0 1px 0 rgba(255,255,255,.34);}
.m_btn:active{transform:scale(.94);}
/* 展开态：上/下两条线合成叉，中间一条淡出收窄
   （位移 = 线条中心距/2 = (gap4+线高2)*2/2 = 6px，改 gap 或线高需同步重算） */
body.m-open .m_btn span:nth-child(1){transform:translateY(6px) rotate(45deg);}
body.m-open .m_btn span:nth-child(2){opacity:0;width:0;}
body.m-open .m_btn span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}

/* ---------- ≤1240：容器由定宽转为流式 ---------- */
@media (max-width:1240px){
	/* 关键：解除 pboot.css 对 html/body 的 min-width:1200 限制，
	   否则窄屏下布局仍被撑到 1200px，媒体查询全部白做 */
	html,body{min-width:0;}
	#header,#container,.container,.dao,.nb_in,.search_wrap,
	.topLink,.copy,.f_link{width:auto;box-sizing:border-box;}
	#container,.container,.dao,.nb_in,.search_wrap{margin-left:15px;margin-right:15px;}
	.copy,.f_link{margin-left:15px;margin-right:15px;}

	/* --- 901-1240 头部：flex 布局，logo 列拉伸到整个头部高度（右侧竖杠贯穿到导航底部），
	       logo 在自身列内水平+垂直居中；topLink 占满剩余空间。
	       二级下拉 .sec1 的定位锚点见文件末尾补丁段（.nav .sec1{top:100%}） --- */
	#header{display:flex;align-items:stretch;}
	.logo{float:none;width:380px;box-sizing:border-box;margin:0;height:auto;
		padding-top:18px;padding-bottom:18px;}
	.logo .logo_mark{height:46px;}
	.logo .logo_name{font-size:28px;margin-left:10px;}
	.topLink{float:none;width:auto !important;flex:1 1 auto;box-sizing:border-box;min-width:0;}
	#menu .nav > li > a{font-size:14px;}
	/* 二级下拉内容面板：原站固定 1200px 居中，窄屏放不下会顶出视口；
	   改为 901-1240 内 90% 限宽居中，链接组与品牌图整体居中
	   （旧版这里的 .word padding-top:30px / .img padding-top:26px 对齐补丁已删——
	     面板改紧凑卡后由 flex 垂直居中接管；保留它们会让默认朝向比翻转朝向
	     高 22px，出现"不同栏目弹出的二级菜单高度不一致"） */
	.nav .sec{width:90%;left:5%;margin-left:0;}

	/* --- 901-1240 内页两栏：.right 基础宽 960px 在流式容器里放不下会整列掉到侧栏下方，
	       改为 225px + 自适应宽度并排 --- */
	.left{width:225px;box-sizing:border-box;}
	.right{width:calc(100% - 249px);box-sizing:border-box;}
	/* 首页横幅：轮播子项是绝对定位，容器不能 height:auto（会塌陷为 0），
	   改为按图片自身比例（750×400 = 53.333vw）流式缩放，图内文字完整不裁切；
	   901-1900 区间显示的是 gid3（1200×480），由文件末尾「比例流式」段覆盖为 40vw */
	.banner,.hengtu{width:100%;left:0;margin-left:0;overflow:hidden;}
	.banner{height:53.333vw;}
	.banner ul.bb li img{width:100%;height:53.333vw;object-fit:cover;object-position:center;}
	.hengtu{height:auto;}
	/* 图片带内联 width，必须 !important 才能盖过（≤900 已如此，平板区间同样需要） */
	.hengtu img{width:100% !important;height:auto !important;}
	/* 公司简介大图 about_img.png 内联 width:639px，平板区间不覆盖会撑出横向滚动 */
	.about1 img{width:100% !important;height:auto !important;}
	/* 公司简介 + 大图整块居中（桌面是 float:left + 定宽 390px，必须一并清掉） */
	.about{float:none;width:auto;max-width:880px;margin:0 auto;box-sizing:border-box;}
	.about1{float:none;width:auto;max-width:880px;margin:20px auto 0;box-sizing:border-box;}
	/* 内容区留白：.container/#container 在 ≤1240 已统一 15px 边距，
	   内部板块不再叠加 15px（否则公司简介 15 / 其他板块 30 左缘不齐） */
	.cp .slideTxtBox{margin:0;}
	.news .slideTxtBox{margin:60px 0 0;}
	.case{margin:0;}
	.news_company{margin-left:0;}
	.contact{margin-right:0;}
	/* 产品/案例滚动：格子随容器三等分铺满（去掉右侧留白）。
	   main.css 的 li{margin:0 8px} 有左右距残留，此处整体重置为仅右距 24px，
	   (100%-48px)/3 × 3 + 24×2 = 容器宽，首尾对齐不溢出 */
	.picScroll-left .bd ul li{width:calc((100% - 48px)/3);margin:0 24px 0 0;box-sizing:border-box;}
	.picScroll-left .bd ul li .pic,
	.picScroll-left .bd ul li .pic img{width:100%;height:auto;}
	.picScroll-left .bd ul li .pic img{width:100% !important;height:auto !important;}
	/* 案例图统一 4:3 裁切：图框去掉 main.css 固定 373px 高，
	   后台图片比例不一时行内高度一致，不再高低不齐/底部留白
	   （≤640 的 1:1 规则在本文件后面单独覆盖） */
	.picScroll-left .bd ul li .pic{height:auto;}
	.case .picScroll-left .bd ul li .pic img{width:100% !important;
		height:auto !important;aspect-ratio:4/3;object-fit:cover;}
}

/* ---------- ≤900：平板/大手机，汉堡导航 ---------- */
@media (max-width:900px){
	/* 汉堡按钮（桌面隐藏，见文件开头的 .m_btn 基础样式） */
	.m_btn{display:flex;}

	/* 头部白条吸顶悬浮（≤900）：用 fixed 而非 sticky——base.css 的
	   body{overflow-x:hidden} 会把 body 变成滚动容器导致 sticky 失效。
	   fixed 脱流后由 .head 保留 56px 占位防页面跳动；
	   注意不要再给 body 加 padding-top（会与 .head 占位叠加出双倍空白）。
	   汉堡下拉面板 #menu 锚定 #header（top:100%），自动跟在白条正下方 */
	.head{height:56px;}
	#header{position:fixed;top:0;left:0;right:0;z-index:998;height:56px;
		background:#fff;box-shadow:0 2px 10px rgba(0,60,120,.08);}
	#header{width:auto;padding:0 15px;
		display:flex;align-items:center;justify-content:flex-start;}
	/* 汉堡按钮回归文档流：flex 与 logo 自动垂直居中（不再用绝对定位 top:50%，
	   旧法锚定 .head，头部比 logo 行高时按钮中心偏低）。
	   margin-left:auto 把按钮推到最右（topLink 容器仍在流内但内容已隐藏，
	   不能用 space-between，否则 logo 会被挤到中间） */
	.m_btn{position:static;margin:0 0 0 auto;order:2;/* DOM 在 logo 前，order 调到 logo 之后 */}
	.topLink{width:0;min-width:0;padding:0;margin:0;}/* 注意：#menu 嵌在 topLink 内部，不能 display:none（会连菜单面板一起藏掉）；
	   只把宽度压到 0，释放 flex 自由空间让汉堡按钮能推到最右 */
	.topLink > *{display:none;}
	.topLink .k1,.topLink .k2,#formsearch,.language-switcher,
	.topLink .clearfix{display:none;}
	.logo{float:none;width:auto;margin:0;border-right:none;padding:0;/* 垂直居中交给 #header flex，不再用上下 padding 撑高 */}
	.logo .logo_mark{height:32px;}
	.logo .logo_name{font-size:21px;margin-left:8px;}

	/* 导航：默认收起，点击汉堡展开；面板为圆角白色卡片，限高可滚动 */
	#menu{display:none;position:absolute;top:100%;left:10px;right:10px;width:auto;
		background:#fff;z-index:998;margin-top:6px;border-radius:12px;padding:4px 0 8px;
		box-shadow:0 12px 32px rgba(0,60,120,.18);
		max-height:72vh;overflow-y:auto;-webkit-overflow-scrolling:touch;}
	body.m-open #menu{display:block;}
	#menu .nav{display:block;height:auto;border-top:none;}
	#menu .nav > li{float:none;width:100%;height:auto;line-height:normal;
		border-bottom:1px solid #f1f4f7;text-align:left;}
	#menu .nav > li:last-child{border-bottom:none;}
	#menu .nav > li > a{position:relative;display:block;width:100%;height:50px;line-height:50px;
		font:500 15px/50px "微软雅黑","Microsoft YaHei",sans-serif;color:#2c3a47;
		padding:0 18px;box-sizing:border-box;transition:color .2s;}
	#menu .nav > li > a:hover{color:#0093dd;}
	/* 当前栏目/展开的父级：品牌色文字 + 左侧短竖条 */
	#menu .nav > li.on > a,#menu .nav > li.open > a{color:#0093dd;background:#f5fbff;}
	#menu .nav > li.on > a:before,#menu .nav > li.open > a:before{content:"";position:absolute;
		left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:#00a0e9;}
	/* 父级右侧细箭头，展开时上翻并变蓝 */
	#menu .nav > li.has_sub > a:after{content:"";position:absolute;right:20px;top:19px;
		width:8px;height:8px;border-right:2px solid #b7c3ce;border-bottom:2px solid #b7c3ce;
		transform:rotate(45deg);transition:transform .25s ease,top .25s ease;}
	#menu .nav > li.has_sub.open > a:after{transform:rotate(-135deg);top:23px;
		border-color:#00a0e9;}
	/* 二级：默认收起（手风琴），展开后浅灰蓝底平铺子链接；品牌广告面板隐藏 */
	#menu .nav .sec1{position:static;width:auto;height:auto !important;display:none;
		border-top:none;box-shadow:none;overflow:visible;background:#f7fafc;}
	#menu .nav > li.open .sec1{display:block;}
	#menu .nav .sec{position:static;width:auto;margin:0;display:block;height:auto;
		padding:6px 0 10px;}
	#menu .nav .sec .img{display:none;}
	#menu .nav .sec .word{display:block;float:none;width:auto;padding:0;}
	#menu .nav .sec .word a{display:block;float:none;width:auto;height:42px;line-height:42px;
		border:none;margin:0;padding:0 18px 0 34px;text-align:left;
		font-size:14px;color:#5b6772;background:none;
		white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	#menu .nav .sec .word a:last-child{border-bottom:none;}
	#menu .nav .sec .word a:before{content:"";display:inline-block;width:5px;height:5px;
		margin-right:10px;vertical-align:2px;border-radius:50%;background:#7fd0f5;
		transition:background .2s;}
	#menu .nav .sec .word a:hover{background:none;transform:none;box-shadow:none;color:#0093dd;}
	#menu .nav .sec .word a:hover:before{background:#00a0e9;}
	/* 关键：清掉桌面版二级链接右侧的 “›” 装饰箭头（含 flip 态）与悬浮位移，
	   移动端只保留圆点 + 文字，否则一行里会同时出现圆点和箭头，看着很乱 */
	#menu .nav .sec .word a:after,#menu .nav .sec1.flip .word a:after{content:none;display:none;}
	#menu .nav .sec .word a:hover:after{content:none;transform:none;}

	/* 移动端隐藏辅助小件：容器顶部的网站地图行、热门搜索行（桌面保留） */
	.k1,.hotSearch{display:none;}
	/* 卡片隐藏后，banner 到公司简介的间距单独收紧（桌面首页 5px / 内页 60px） */
	#container{margin-top:24px;}
	.banner + #container{margin-top:24px;}

	/* 迷你导航在手机端禁用（使用汉堡菜单） */
	#minihead{display:none !important;}

	/* 内页：侧栏移到正文下方（min-width:0 允许 flex 子项收缩，否则内容会把列撑出屏幕） */
	.left,.right{float:none;width:auto;min-width:0;}
	#container,.container{display:flex;flex-direction:column;}
	.left{order:2;margin:15px 15px 0;}
	.right{order:1;width:auto;padding:0 15px;box-sizing:border-box;}
	/* 二级下拉面板样式在手机端简化 */
	.nav .sec1{background:#fff;box-shadow:none;}
	.nav .sec{justify-content:flex-start;}
	.nav .sec .img{display:none;}

	/* 首页各区块单列（.container 已有 15px 边距，板块自身不再叠加） */
	.about,.about1,.about2,.menu_cate,.news_company,.contact{width:auto;float:none;margin:15px 0 0;}
	/* 公司简介区顶部留白：≤900 热门搜索行隐藏，横幅下只有 #container 的 24px，
	   about 补 15px 使「横幅→公司简介标题」≈60px，与其他板块节奏一致 */
	.about{margin-top:15px;}
	/* 「了解详情+」按钮与图片间距 = 文字与按钮间距（48px），上下居中 */
	.about1{margin-top:48px;}
	.about .content{margin-top:15px;}
	/* 区块标题不再浮动（否则右侧 tab 面板的边框盒会钻到标题底下形成重叠） */
	.ctitle{float:none;padding-top:8px;}
	/* 产品 tab：转为一行等宽 tab，清浮动并占满一行
	   （新闻中心的 tab 已是胶囊按钮，统一规则见文件末尾） */
	.cp .slideTxtBox .hd,.cp .slideTxtBox .hd2{
		float:none;clear:both;width:auto;margin:12px 0 0;}
	/* 首页产品 tab hd2：flex 等分整行——tab 数量由后台「产品展示」二级栏目决定，
	   2 个就各占 50%，后台加到 3 个也自动三等分，不会出现右侧空位
	   （旧写法 width:33.33% 是按 3 个 tab 定死的，只有 2 个时右侧留白 1/3） */
	.cp .slideTxtBox .hd2 ul{display:flex;}
	.cp .slideTxtBox .hd2 ul li{flex:1;width:auto;float:none;}
	.cp .slideTxtBox .hd ul li,.cp .slideTxtBox .hd2 ul li{height:40px;line-height:40px;}
	.news .slideTxtBox{margin:60px 18px 0;}
	.c1{padding-bottom:40px;margin-top:60px;}
	.cp .slideTxtBox .bd{margin-top:15px;}
	.hengtu{margin:60px 0;}
	.hengtu img{width:100%;height:auto;}

	/* 内页 banner 紧凑 */
	.nb_in{padding:28px 15px;}
	.nb_title{font-size:22px;}
	.nb_crumb{margin-top:10px;}

	/* 产品/案例列表：两列 */
	/* 注意：模板里图片带内联 style="width:2xxpx"，普通 CSS 盖不过内联样式，必须 !important */
	.product_list li,.tag_list_product li,.case_list li,.product_list1 li{
		width:calc(50% - 8px) !important;box-sizing:border-box;margin:0 16px 15px 0;}
	.product_list li:nth-child(2n),.tag_list_product li:nth-child(2n),
	.case_list li:nth-child(2n){margin-right:0;}
	.product_list li a.img img,.tag_list_product li a.img img,
	.case_list li a.img img,.product_list1 li a.img img{
		width:100% !important;height:auto !important;}
	.product_list li h3,.tag_list_product li h3{width:100%;}
	.product_list1 li h3{width:100%;box-sizing:border-box;}
	/* 首页产品 tab / 案例滚动 / 公司简介大图 / 广告横幅：同样覆盖内联尺寸 */
	.cp .slideTxtBox .bd ul li img{width:100% !important;height:auto !important;background:#fff;}
	.picScroll-left .bd ul li .pic img{width:100% !important;height:auto !important;}
	.about1 img{width:100% !important;height:auto !important;}
	.hengtu img{width:100% !important;height:auto !important;}
	.news_list3 li a.img,.news_list3 li a.img1{width:30%;}
	/* !important：模板 FAQ 图带内联 width:132px，普通覆盖无效 */
	.news_list3 li a.img img,.news_list3 li a.img1 img{width:100% !important;height:auto !important;}
	.news_list3 li .frr{width:66%;}

	/* 常见问题行改 flex 排版：原 float 方案里 图30%+间距+文66% 会超容器 1px 触发浮动掉落，
	   图和文字整段竖着堆（375/768 排版乱的主因）；flex 不受 1px 误差影响 */
	.news_list3 li{display:flex;align-items:flex-start;gap:12px;}
	.news_list3 li a.img,.news_list3 li a.img1{float:none;flex:0 0 33.3%;width:auto;margin:0;box-sizing:border-box;}
	.news_list3 li .frr{float:none;width:auto;flex:1 1 auto;min-width:0;}

	/* 平板/手机：隐藏侧栏"产品分类"（栏目信息与顶部导航重复，占一整屏）
	   与页脚栏目导航（保留 logo/版权/备案） */
	.left .sort_product{display:none;}
	.foot1 .dao{display:none;}

	/* 留言表单：桌面是固定宽（200/255px），窄屏铺满容器 */
	.message1 #name1,.message1 #contact1,.message1 #name,.message1 #contact,
	.message1 #content1,.message1 #content,.message1 input[type="text"],
	.message1 textarea{width:100% !important;box-sizing:border-box;}
	.message1 #content1,.message1 #content{height:96px;}
	.message1 .m_input{width:100% !important;}
	/* 验证码行：窄屏与上方输入框同宽（100%），输入框自适应、验证码图固定，保持横排不换行 */
	.message1 .code_row{width:100%;}
	.message1 .code_row #checkcode{width:auto !important;flex:1 1 140px;max-width:none;}
	.message1 .code_row .codeimg{height:36px;}

	/* 页脚口号"联合办学 校企合作"在窄屏放不下会截断，隐藏 */
	.copy .f_slogan{display:none;}

	/* 页脚 */
	.copy{flex-direction:column;align-items:flex-start;gap:12px;margin-top:0;padding:10px 15px;}
	.copy .logo1,.copy .copy1{float:none;width:auto;}
	.copyright{line-height:22px;}

	/* 页脚联系蓝块（方案A）：深蓝主题与页脚导航一体；
	   原 .logo1/.copy1 桌面版式让位给 .fc_m 联系块
	   （图标联系行 + 热线/邮箱可点 + 一键拨打/在线留言双按钮） */
	.foot{background:linear-gradient(180deg,#0c447c 0%,#185fa5 100%);padding:2px 0 16px;}
	.copy .logo1,.copy .copy1{display:none;}
	.copy{gap:0;padding:0 15px;}
	/* width:100%：.copy 为 align-items:flex-start 的纵向 flex，fc_m 不加宽度会被
	   收缩成内容宽，导致右侧留出一大条空白 */
	.fc_m{display:block;width:100%;padding:16px 0 0;}
	.fc_m .f_logo{display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 0 2px;}
	.fc_m .f_mark{height:40px;width:auto;}
	/* margin:0 清掉桌面横排遗留的 margin-left:10px（会把文字推右错位）；
	   padding-left:3px 抵消 letter-spacing 在末字后多出的 3px，使字形光学居中 */
	.fc_m .f_name{font-size:21px;font-weight:600;color:#fff;line-height:1;
		letter-spacing:3px;margin:0;padding-left:3px;}
	.fc_m .f_slogan2{font-size:11px;color:rgba(255,255,255,.65);letter-spacing:1px;}
	.fc_card{margin-top:12px;background:rgba(255,255,255,.1);border-radius:10px;
		padding:12px 14px;display:flex;flex-direction:column;gap:10px;}
	.fc_row{display:flex;align-items:flex-start;gap:10px;margin:0;}
	.fc_ico{width:26px;height:26px;border-radius:7px;background:rgba(255,255,255,.16);
		display:flex;align-items:center;justify-content:center;flex:none;margin-top:1px;}
	.fc_ico svg{width:14px;height:14px;color:#fff;}
	.fc_txt{font-size:13px;line-height:24px;color:rgba(255,255,255,.85);}
	.fc_txt a{color:#fff;font-weight:600;text-decoration:none;}
	.fc_txt em{font-style:normal;font-size:11px;color:rgba(255,255,255,.55);margin-left:8px;}
	.fc_addr{font-size:12px;line-height:20px;color:rgba(255,255,255,.85);}
	.fc_btns{display:flex;margin-top:12px;}
	.fc_btns a{flex:1;text-align:center;font-size:14px;font-weight:600;
		padding:10px 0;border-radius:8px;text-decoration:none;}
	/* .copy a / .copy a:hover（main.css）特异性更高，需以同前缀压回；
	   单按钮「在线留言」白底主样式（点击弹出微信二维码，见 comm/inquiry.html） */
	.copy a.fc_msg{background:#fff;color:#0c447c;}
	.copy .fc_m a:hover{color:rgba(255,255,255,.85);}
	.copy a.fc_msg:hover{color:#0c447c;}
	.fc_cr{font-size:11px;color:rgba(255,255,255,.6);margin:10px 0 0;text-align:center;}
	.foot1 .dao{flex-wrap:wrap;}
	.foot1 .nav1{flex:0 0 50%;box-sizing:border-box;border-right:none;
		min-height:0;padding:12px 15px;text-align:left;}
	.foot1 .nav1 .tt2{text-align:left;}
	.f_link{padding:0 15px 15px;}
}

/* ---------- ≤640：手机（杂志式编辑排版：英文小导语 + 大字标题 + 大留白 + 卡片化，蓝色体系） ---------- */
@media (max-width:640px){
	.logo .logo_mark{height:27px;}
	.logo .logo_name{font-size:18px;}
	.nb_title{font-size:20px;}

	/* --- 区块标题统一为"英文小导语 + 大字标题 + 短蓝条" --- */
	.about_title,.ctitle,.cptitle,.news1_title,.contact_title{
		float:none;width:auto;height:auto;line-height:32px;padding:0;
		font-size:23px;font-weight:700;color:#22313d;letter-spacing:1px;background:none;}
	.about_title:before,.ctitle:before,.cptitle:before,
	.news1_title:before,.contact_title:before{
		display:block;margin-bottom:6px;font:600 11px/16px Arial,sans-serif;
		letter-spacing:4px;color:#00a0e9;}
	.about_title:before{content:"ABOUTUS";}
	.ctitle:before{content:"NEWS";}
	.cptitle:before{content:"PRODUCT";}
	.news1_title:before{content:"FAQ";}
	.contact_title:before{content:"CONTACT";}
	.contact_title .en{display:none;}
	.about_title:after,.ctitle:after,.cptitle:after,.news1_title:after{
		content:"";display:block;width:34px;height:3px;border-radius:2px;
		background:#00a0e9;margin-top:10px;}

	/* --- 轮播：与上方一致按 750×400 比例流式，图内文字不裁切 --- */
	.banner{height:53.333vw;}
	.banner ul.bb li img{height:53.333vw;}

	/* --- 公司简介：引用式排版；上边距 15px 与 ≤900 段一致（合计约 60px 节奏） --- */
	.about{margin:15px 0 0;}
	.about .content{margin-top:18px;position:relative;padding-top:12px;
		font-size:14px;line-height:26px;color:#5c6b76;}
	.about .content:before{content:"\201C";position:absolute;top:-16px;left:-4px;
		font:700 64px/1 Georgia,serif;color:#00a0e9;opacity:.25;}
	.about .content a{margin-top:22px;border-color:#00a0e9;color:#00a0e9;}
	.about .content a:hover{background:#00a0e9;color:#fff;}
	.about1{margin:22px 0 0;}
	.about1 img{border-radius:10px;}

	/* --- 产品展示：弃用整片深青底，改浅灰底 + 白卡片，轻盈不压抑 --- */
	.cp{margin-top:60px;background:#f4f8fb;padding:60px 0;}
	.cp .slideTxtBox{margin:0;}
	.cpnr{float:none;margin:12px 0 0;padding:0;background:none;
		font-size:13px;line-height:20px;color:#6d8090;}
	.cpnr span{display:inline;margin-left:8px;font-size:11px;letter-spacing:0;opacity:.8;}
	.cp .slideTxtBox .hd2{margin-top:18px;border:1px solid #dfe9f0;border-radius:7px;
		overflow:hidden;background:#fff;}
	.cp .slideTxtBox .hd2 ul li{height:42px;line-height:42px;color:#54708a;}
	.cp .slideTxtBox .hd2 ul li.on{color:#fff;}
	.cp .slideTxtBox .bd{margin-top:16px;}
	/* 产品白卡片：圆角 + 柔和投影；等宽等高网格，图片统一比例（contain 不裁切设备），
	   标题固定两行高度，行行对齐 */
	.product_list li,.product_list1 li{
		background:#fff;border-radius:10px;overflow:hidden;
		box-shadow:0 5px 16px rgba(20,80,140,.09);
		width:calc(50% - 8px) !important;margin:0 16px 16px 0 !important;}
	/* 列表页（产品中心/客户案例）两列小卡片；宽度/间距与首页产品展示一致
	   （width:calc(50% - 8px) + margin-right:16px，两列+间距恰好铺满，左右对称） */
	.right .product_list li,.right .case_list li{
		width:calc(50% - 8px) !important;margin:0 16px 18px 0 !important;}
	.right .product_list li:nth-child(2n),.right .case_list li:nth-child(2n){
		margin-right:0 !important;}
	/* 手机端收窄左右留白：.right 自身 15px 内边距也去掉，每侧只留容器 15px（原为 30px） */
	.right{padding-left:0;padding-right:0;}
	.right .content{padding-left:0;padding-right:0;}
	.product_list li:nth-child(2n),.product_list1 li:nth-child(2n){
		margin-right:0 !important;}
	.product_list li a.img,.product_list1 li a.img{
		display:block;width:100%;height:0;padding-top:100%;position:relative;
		overflow:hidden;background:#fbfdff;}
	.product_list li a.img img,.product_list1 li a.img img{
		position:absolute !important;left:0;top:0;width:100% !important;
		height:100% !important;object-fit:contain;padding:6px;box-sizing:border-box;}
	.product_list li h3,.product_list1 li h3{
		height:52px;box-sizing:border-box;padding:9px 8px 0;
		font-size:13px;line-height:19px;color:#2b3a46;text-align:center;
		display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

	/* --- 新闻中心：只保留区块留白，排版统一由文件末尾的「茶盏学院」样式接管 --- */
	.news .slideTxtBox{margin:60px 0 0;}

	/* --- 客户案例：参考站「合作场地」照片墙——白卡片 + 图片在上 / 名称居中在下 + 两列平铺 ---
	   首页案例区块的横向滚动在手机端不启动（见 index.html 的 slide 初始化条件），
	   因此这里直接把它当静态网格排版，卡片行行对齐。 */
	.case{margin:60px 0 0;}
	/* display:block（不能 flex：:after 蓝条会成为最后一个 flex 项跑到"更多+"之后）；
	   "更多+"由统一标题规则绝对定位到右上角，蓝条紧跟标题文字下方 */
	.case .title{display:block;height:auto;padding:0;background:none;
		font-size:23px;font-weight:700;color:#22313d;letter-spacing:1px;}
	.case .title:before{content:"CUSTOMER CASE";width:100%;display:block;
		font:600 11px/16px Arial,sans-serif;letter-spacing:4px;color:#00a0e9;
		margin-bottom:6px;}
	.case .title a{position:static;flex:0 0 auto;width:96px;height:32px;line-height:32px;
		border-color:#00a0e9;color:#00a0e9;}
	.case .title a:hover{background:#00a0e9;color:#fff;}
	.picScroll-left .hd{display:none;}                 /* 静态网格不需要分页圆点 */
	.picScroll-left .bd{margin-top:20px;}
	.picScroll-left .bd ul li{
		float:left;display:flex;flex-direction:column;
		width:calc(50% - 6px) !important;margin:0 12px 12px 0 !important;
		background:#fff;border-radius:10px;overflow:hidden;
		box-shadow:0 2px 8px rgba(20,80,140,.1);}
	.picScroll-left .bd ul li:nth-child(2n){margin-right:0 !important;}
	/* 图片：正方形定比例 + cover，四周 6px 白边内衬 + 圆角（与产品卡片/案例列表页一致） */
	.picScroll-left .bd ul li .pic{order:1;width:100% !important;
		height:auto !important;text-align:center;background:#fff;}
	.picScroll-left .bd ul li .pic a{display:block;width:100%;height:auto;
		box-sizing:border-box;padding:6px 6px 0;}
	.picScroll-left .bd ul li .pic img{position:static !important;
		width:100% !important;height:auto !important;
		aspect-ratio:4/3;object-fit:cover;border-radius:8px;}
	/* 名称：图片下方居中一行 */
	.picScroll-left .bd ul li .titlee{order:2;height:auto;background:none;
		padding:11px 6px 13px;text-align:center;font-size:13px;
		line-height:19px;color:#22313d;}
	.picScroll-left .bd ul li .titlee:before{display:none;}
	.picScroll-left .bd ul li .titlee a{display:block;overflow:hidden;
		font-size:13px;color:#22313d;white-space:nowrap;text-overflow:ellipsis;}
	.picScroll-left .bd ul li .titlee a:hover{color:#00a0e9;}
	.picScroll-left .bd ul li .titlee span{display:none;}
	/* 案例简介：标题下两行摘要（36px=2×18px 行高，超高裁切），
	   卡片不再「全是图片」；桌面端由 pboot.css 隐藏
	   （不用 -webkit-line-clamp：旧内核下截断不稳定出现过第三行半截） */
	.picScroll-left .bd ul li .cbrief{display:block;order:3;box-sizing:content-box;
		height:36px;overflow:hidden;padding:0 12px;margin-bottom:12px;
		text-align:left;
		font:400 12px/18px "微软雅黑","Microsoft YaHei",sans-serif;color:#7a8ba0;}

	/* 案例列表页（.case_list）：结构为 .titlee.pic > a > img + h3，同样做照片墙 */
	.case_list li{background:#fff;border-radius:10px;overflow:hidden;
		box-shadow:0 2px 8px rgba(20,80,140,.1);
		width:calc(50% - 6px) !important;margin:0 12px 12px 0 !important;}
	.case_list li:nth-child(2n){margin-right:0 !important;}
	.case_list li .titlee{padding:0;background:none;height:auto;}
	.case_list li .titlee a{display:block;}
	/* 照片内嵌 6px 白边 + 1:1 正方形，卡片背景连贯 */
	.case_list li .titlee img{display:block;width:calc(100% - 12px) !important;
		height:auto !important;aspect-ratio:4/3;object-fit:cover;
		margin:6px 6px 0;border-radius:8px;}
	/* 不支持 aspect-ratio 的旧浏览器回退为自然比例，仅行高略不齐，不影响排版 */
	.case_list li h3{width:100% !important;height:auto;box-sizing:border-box;
		padding:11px 6px 13px;margin:0;background:none;font-size:13px;
		line-height:19px;color:#22313d;text-align:center;overflow:hidden;
		white-space:nowrap;text-overflow:ellipsis;}

	/* --- 常见问题：学院式"左缩略图 + 右标题摘要"行（flex 排版，见 ≤900 说明） --- */
	.news_company{margin:36px 0 0;}
	.news_list3 li{margin:0;padding:14px 0;border-bottom:1px solid #e5e5e5;
		display:flex;align-items:flex-start;gap:12px;}
	.news_list3 li a.img,.news_list3 li a.img1{float:none;flex:0 0 33.3%;width:auto;
		margin:0;box-sizing:border-box;}
	.news_list3 li a.img img,.news_list3 li a.img1 img{
		width:100% !important;height:auto !important;display:block;border-radius:6px;}
	.news_list3 li .frr{float:none;flex:1 1 auto;min-width:0;width:auto;
		background:none;padding:0;}
	.news_list3 li .frr a{font-size:15px;line-height:22px;color:#2b3a46;font-weight:600;
		display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
	.news_list3 li .frr span{margin-top:6px;color:#98a4ad;font-size:12px;
		line-height:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
		overflow:hidden;}

	/* --- 分页：窄屏改居中流式换行（原 左"共n条" + 右浮页码 在 375 下折行错乱） --- */
	.pageController{display:flex;flex-wrap:wrap;justify-content:center;
		align-items:center;gap:8px 2px;padding:14px 0;}
	.pageController .t1{float:none;width:100%;text-align:center;height:auto;line-height:20px;}
	.pageController .t2{float:none;width:auto;}
	.pageController .t2 a,.pageController .t2 span{margin:2px 3px;}

	/* --- 联系我们：蓝色横带 + 45° 斜纹纹理（纯色渐变手机端显得单调） --- */
	.contact{margin:36px 0 0;
		background:repeating-linear-gradient(45deg,rgba(255,255,255,.08) 0 9px,rgba(255,255,255,0) 9px 18px),
			linear-gradient(135deg,#00a0e9,#0876c0);
		border-radius:12px;padding:22px 16px 24px;float:none;width:auto;}
	.contact .content{padding-top:14px;}
	.contact_title{color:#fff;}
	.contact_title:before{color:rgba(255,255,255,.85);}
	.lx_img{display:none;}
	.message1 .m_input{border:none;border-radius:6px;}
	.message1 .msgbtn1{background:#fff;color:#0083cf;border-radius:6px;font-weight:700;}

	/* --- 其它 --- */
	.hengtu{display:none;}          /* 1900×187 横幅在手机宽度只剩空蓝细条 */
	.foot1 .dao{display:none;}      /* 页脚栏目菜单手机端隐藏（保留 logo/版权/备案） */
	.foot1 .nav1{flex:0 0 100%;}
}

/* ≤900 补充：长文本（地址、版权等）允许换行，避免手机端被截断
   （常见问题标题/摘要不在此列：列表标题单行省略、摘要两行省略，见文件末尾补丁段七） */
@media (max-width:900px){
	.copyright p,.left .contact li,.left .ncontact p,.about .content,.right,.content{
		white-space:normal !important;word-break:break-all;}
	#header .logo_name,.copy .f_name{white-space:nowrap;}
}

/* ============================================================
   首页新闻中心（≤1240）：参考站手机版「茶盏学院」式排版
   —— 胶囊式栏目 tab +「左图 + 右标题/摘要」图文行列表。
   >1240（桌面）不套用本段，走 main.css 原站 news_listt2 拼版
   （左日期列表 + 右侧大图，tab 为右浮描边文字按钮）。
   模板结构：ul.news_listt2 > li > .lnews(dl: dt.nimg缩略图 + dd日期 + dt.ntxt标题摘要) + .rimg
   ============================================================ */
@media (max-width:900px){
	/* 右侧大图与日期块：移动端不展示（901-1240 恢复桌面 news_listt2 拼版，见下方独立段） */
	.news .news_listt2 .rimg{display:none;}
	.news .news_listt2 dl dd{display:none;}
	/* 列表占满整行 */
	.news .news_listt2 .lnews{float:none;width:auto;margin:0;}
	.news .news_listt2 dl{display:flex;align-items:center;gap:14px;
		margin:0;padding:14px 0;border-bottom:1px solid #e4e4e4;}
	.news .news_listt2 dl:last-child{border-bottom:none;}
	/* 缩略图（桌面隐藏，≤1240 显示） */
	.news .news_listt2 dt.nimg{display:block;float:none;flex:0 0 32.6%;max-width:260px;margin:0;}
	.news .news_listt2 dt.nimg a{display:block;border-radius:8px;overflow:hidden;background:#f2f7fb;}
	.news .news_listt2 dt.nimg img{display:block;width:100% !important;height:auto !important;
		aspect-ratio:4/3;object-fit:cover;}
	/* 标题 + 摘要（标题单行省略，2026-09-22 反馈） */
	.news .news_listt2 dt.ntxt{float:none;flex:1 1 auto;min-width:0;width:auto;margin:0;}
	.news .news_listt2 dt.ntxt a{display:block;white-space:nowrap;overflow:hidden;
		text-overflow:ellipsis;
		font:600 15px/22px "微软雅黑",Arial,sans-serif;color:#2b3a46;}
	.news .news_listt2 dt.ntxt a:hover{color:#00a0e9;}
	.news .news_listt2 dt.ntxt span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
		overflow:hidden;margin-top:7px;font-size:12px;line-height:19px;color:#98a4ad;max-height:38px;}

	/* 栏目 tab：长方形圆角分段（>1240 走 main.css，已加 border-radius:7px 描边分段条）。
	   overflow:visible 复位 main.css 桌面段加的 overflow:hidden——否则会把选中态光晕阴影裁掉 */
	.news .slideTxtBox .hd{float:none;clear:both;width:auto;height:auto;
		margin:16px 0 18px;padding:0;border:none;border-radius:0;background:none;overflow:visible;}
	.news .slideTxtBox .hd ul{display:flex;height:auto;overflow:visible;font-size:14px;}
	.news .slideTxtBox .hd ul li{
		float:none;flex:1 1 0;width:auto;min-width:0;height:42px;line-height:42px;
		margin:0 8px 0 0;padding:0 8px;box-sizing:border-box;border:none;
		font:500 14px/42px "微软雅黑",Arial,sans-serif;text-align:center;
		color:#0b7ab5;background:#e8f4fc;border-radius:7px;overflow:hidden;
		white-space:nowrap;text-overflow:ellipsis;cursor:pointer;
		transition:background .25s ease,color .25s ease,box-shadow .25s ease;}
	.news .slideTxtBox .hd ul li:last-child{margin-right:0;}
	.news .slideTxtBox .hd ul li:hover{color:#fff;background:#33b7f0;}
	.news .slideTxtBox .hd ul li.on{background:#00a0e9;color:#fff;font-weight:600;
		border:none;box-shadow:0 4px 12px rgba(0,160,233,.28);}

	/* 与其他板块左缘对齐（不再居中限宽），标题与 tab 间距充足 */
	.news .slideTxtBox{margin:60px 0 0;}
}
/* 641-900 新闻图文的尺寸/字号微调统一并入文件后部「补丁段七之5」块，
   避免同断点多处覆盖互相打架（2026-09-22 整理） */

/* ============================================================
   产品 / 案例列表「网格化」重排（全尺寸统一，含 1440 桌面）
   1440 的栏目列表排版与 1024 统一（用户要求）：4 列网格 + 正方形图 +
   等高白卡片（≤900 三列 / ≤640 两列）。
   ⚠️ 不能用 display:grid：首页产品 tab 的 SuperSlide 切换时会给面板写内联
   display:block，内联样式会顶掉 CSS 的 grid，面板退化成竖排大图。
   浮动布局不受内联 display 影响。规则放在文件末尾以覆盖前面各断点的旧设置。
   注意：.relate_list（详情页相关产品）在 >1240 有独立的 5 列小图排版，
   其 width/margin 带 !important（见下方 min-width:1241 块）以压过本段。
   ============================================================ */
	.product_list,.product_list1,.tag_list_product,.case_list{
		height:auto;overflow:visible;}
	/* 4 列（23.5% + 2% 间距，每行第 4 个不留右距） */
	.product_list li,.product_list1 li,.tag_list_product li,.case_list li{
		float:left !important;width:23.5% !important;min-width:0;
		margin:0 2% 16px 0 !important;
		display:flex;flex-direction:column;background:#fff;border-radius:10px;
		overflow:hidden;box-shadow:0 5px 16px rgba(20,80,140,.09);}
	.product_list li:nth-child(4n),.product_list1 li:nth-child(4n),
	.tag_list_product li:nth-child(4n),.case_list li:nth-child(4n){
		margin-right:0 !important;}
	/* 产品图：正方形等比框 + contain（完整显示设备，不裁切），行行对齐 */
	.product_list li a.img,.product_list1 li a.img,.tag_list_product li a.img{
		display:block;width:100% !important;height:0;
		padding:0 !important;padding-top:100% !important;
		position:relative;overflow:hidden;border:none !important;background:#fbfdff;}
	.product_list li a.img img,.product_list1 li a.img img,
	.tag_list_product li a.img img{
		position:absolute !important;left:0;top:0;
		width:100% !important;height:100% !important;
		object-fit:contain;padding:8px;box-sizing:border-box;border:none !important;}
	.product_list li h3,.product_list1 li h3,.tag_list_product li h3{
		width:100% !important;box-sizing:border-box;height:52px;margin:0;
		padding:8px 8px 0;background:none;font-size:13px;line-height:19px;
		color:#2b3a46;text-align:center;overflow:hidden;display:-webkit-box;
		-webkit-line-clamp:2;-webkit-box-orient:vertical;}
	/* 案例列表页（.case_list）：结构为 .titlee.pic > a > img + h3 */
	.case_list li .titlee{padding:0;background:none;height:auto;}
	.case_list li .titlee a{display:block;}
	/* 照片内嵌 6px 白边 + 1:1 正方形，卡片背景连贯 */
	.case_list li .titlee img{display:block;width:calc(100% - 12px) !important;
		height:auto !important;aspect-ratio:4/3;object-fit:cover;
		margin:6px 6px 0;border-radius:8px;}
	.case_list li h3{width:100% !important;box-sizing:border-box;margin:0;
		padding:11px 8px;background:none;font-size:13px;line-height:19px;
		color:#2b3a46;text-align:center;white-space:nowrap;overflow:hidden;
		text-overflow:ellipsis;}
@media (max-width:900px){
	/* ≤900：3 列 */
	.product_list li,.product_list1 li,.tag_list_product li,.case_list li{
		width:32% !important;margin:0 2% 14px 0 !important;}
	.product_list li:nth-child(3n),.product_list1 li:nth-child(3n),
	.tag_list_product li:nth-child(3n),.case_list li:nth-child(3n){
		margin-right:0 !important;}
}
@media (max-width:640px){
	/* ≤640：2 列 */
	.product_list li,.product_list1 li,.tag_list_product li,.case_list li{
		width:49% !important;margin:0 2% 12px 0 !important;}
	.product_list li:nth-child(2n),.product_list1 li:nth-child(2n),
	.tag_list_product li:nth-child(2n),.case_list li:nth-child(2n){
		margin-right:0 !important;}
}

/* ============================================================
   补丁段（2026-09-18 下午反馈修复）
   1. 网格 nth-child 外边距冲突：≤1240(4n)/≤900(3n)/≤640(2n) 的清距规则
      会在窄屏同时命中同一元素（如第 4、8 项），导致"第二排图片黏在一起"；
      窄屏块先把上层清距恢复为 2%，再按本断点列数清距。
      注意顺序：4n → 3n → 2n，后写的赢（同时命中取最后）。
   ============================================================ */
@media (max-width:900px){
	.product_list li:nth-child(4n),.product_list1 li:nth-child(4n),
	.tag_list_product li:nth-child(4n),.case_list li:nth-child(4n){
		margin-right:2% !important;}
	.product_list li:nth-child(3n),.product_list1 li:nth-child(3n),
	.tag_list_product li:nth-child(3n),.case_list li:nth-child(3n){
		margin-right:0 !important;}
}
@media (max-width:640px){
	.product_list li:nth-child(4n),.product_list1 li:nth-child(4n),
	.tag_list_product li:nth-child(4n),.case_list li:nth-child(4n),
	.product_list li:nth-child(3n),.product_list1 li:nth-child(3n),
	.tag_list_product li:nth-child(3n),.case_list li:nth-child(3n){
		margin-right:2% !important;}
	.product_list li:nth-child(2n),.product_list1 li:nth-child(2n),
	.tag_list_product li:nth-child(2n),.case_list li:nth-child(2n){
		margin-right:0 !important;}
}

@media (max-width:640px){
	/* 修正：≤640 是 2 列，但上层 nth-child(3n){margin-right:2%} 会命中第 3 项（第二排左），
	   使其间距变为 2%(≈7px) 而第一排是 16px → "第二排图片挨在一起"。
	   本块置于 3n/2n 清距块之后，用 16px（与 calc(50% - 8px) 宽度正好铺满）覆盖。 */
	.right .product_list li,.right .case_list li{margin-right:16px !important;}
	.right .product_list li:nth-child(2n),.right .case_list li:nth-child(2n){margin-right:0 !important;}
}

/* ---------- 2. 幻灯片数字按钮居中（原 model.css right:49% 是近似值，宽屏下明显偏左） ---------- */
.banner .num{right:auto;left:50%;transform:translateX(-50%);width:max-content;}/* 显式宽度：绝对定位自动宽度从 left:50% 起算，窄屏(≈<336)只剩半幅装不下 7 个圆点会折行 */

/* ---------- 3. 幻灯片分组断点切换 ----------
   模板输出三组 .bb：gid=1 超大屏(>1900, 1900×551) / gid=3 横版平板+桌面(901-1900, 1200×480) /
   gid=2 手机+竖版平板(≤900, 750×400)。common.js bb1(sel) 为每组独立建 .num 按钮条
   （class 带组名），随组一起显隐。图片尺寸适配沿用上方 .banner ul.bb li img 规则。 */
.banner ul.bb-g2,.banner ul.bb-g3,
.banner ul.num-bb-g2,.banner ul.num-bb-g3{display:none;}
@media (max-width:1900px){
	.banner ul.bb-g1,.banner ul.num-bb-g1,
	.banner ul.bb-g2,.banner ul.num-bb-g2{display:none !important;}
	.banner ul.bb-g3,.banner ul.num-bb-g3{display:block !important;}
}
@media (max-width:900px){
	.banner ul.bb-g3,.banner ul.num-bb-g3{display:none !important;}
	.banner ul.bb-g2,.banner ul.num-bb-g2{display:block !important;}
}

/* ---------- 5. 相关产品按断点显示个数 ----------
   模板(product.html 相关产品段)调用 12 个(num=12，留余量；服务端已排除当前产品自己，约 11 个)，
   各断点显示个数由下方 nth-child 上限控制：>1240 显 10 / ≤1240 显 8 / ≤900 显 6 / ≤640 显 4 */
@media (max-width:1240px){
	.relate_list .product_list li:nth-child(n+9){display:none;}
}
@media (max-width:900px){
	.relate_list .product_list li:nth-child(n+7){display:none;}
}
@media (max-width:640px){
	.relate_list .product_list li:nth-child(n+5){display:none;}
}
@media (min-width:1241px){
	/* 详情页相关产品：桌面保持 5 列小图（!important 压过上方全局网格的 4 列规则） */
	.relate_list .product_list li{float:left;width:18% !important;margin:0 2% 15px 0 !important;
		box-sizing:border-box;padding-bottom:10px;}
	.relate_list .product_list li:nth-child(4n){margin-right:2% !important;}
	.relate_list .product_list li:nth-child(5n){margin-right:0 !important;}
	.relate_list .product_list li a.img{padding:0 !important;padding-top:100% !important;border:none !important;display:block;}
	.relate_list .product_list li a.img img{width:100% !important;height:100% !important;}
	.relate_list .product_list li h3{width:100%;height:auto;box-sizing:border-box;}
	/* 桌面端数量上限：隐藏第 11 个起，固定显 10（与下方小屏断点一致，避免模板多渲染的条目全露出） */
	.relate_list .product_list li:nth-child(n+11){display:none;}
}

/* ============================================================
   补丁段二（2026-09-18 晚 · 第二轮反馈）
   ============================================================ */

/* 1) 375 幻灯片铺满：li 绝对定位收缩宽度比轮播窄几像素，右侧露出底色 */
.banner ul.bb li{width:100%;}

/* 2) 二级下拉白色背景全宽、挂在头部正下方。
       锚定最外层 .head（main.css 已设 position:relative，宽度=整个视口），
       1440 桌面端背景同样左右铺满（原 .sec1 挂在 1200px 定宽 #header 下只有 1200 宽）。
       ≤900 汉堡菜单里 .sec1 为 static，此规则自动失效。 */
.nav .sec1{top:100%;}

/* 3) 桌面（>1240）：news_listt2 恢复原站拼版所需的补充规则
       —— 每条新闻自带的缩略图 dt.nimg 桌面不显示（原站列表无图），
          右侧 .rimg 图片限宽自适应 */
.news_listt2 dt.nimg{display:none;}
.news_listt2 .rimg img{width:502px;max-width:100%;height:auto;display:block;}

/* 4) 641-1240 首页客户案例：统一为与手机端同款图文卡片（图上 / 标题下 / 简介再下）。
   原桌面「灰色标题条+箭头+图」结构在 768/1024 三列下标题挤在顶、
   箭头悬空、图片贴底，观感错乱，故平板段直接复用手机卡片版式。
   ⚠️ 2026-09-21 起全宽度统一静态卡片网格（SuperSlide 轮播已彻底停用，
   JS 侧不再启动 picScroll 滚动）：≤900 两列 / ≥901 三列 */
@media (min-width:641px){
	/* 静态网格：去掉分页点与滚动视口约束，ul 变换行容器 */
	.picScroll-left{display:block;}
	.picScroll-left .hd{display:none;}
	.picScroll-left .bd{order:0;margin-top:16px;overflow:visible;height:auto !important;}
	.picScroll-left .bd ul{display:flex;flex-wrap:wrap;margin:0 -8px;
		width:auto !important;height:auto !important;
		transform:none !important;}
	.picScroll-left .bd ul li{
		box-sizing:border-box;width:calc(50% - 16px) !important;
		margin:0 8px 16px;float:none;
		display:flex;flex-direction:column;
		background:#fff;border-radius:10px;overflow:hidden;
		box-shadow:0 2px 8px rgba(20,80,140,.1);}
	.picScroll-left .bd ul li .pic{order:1;width:100% !important;height:auto !important;
		text-align:center;background:#fff;}
	.picScroll-left .bd ul li .pic a{display:block;width:100%;height:auto;
		box-sizing:border-box;padding:6px 6px 0;}
	.picScroll-left .bd ul li .pic img{position:static !important;
		width:100% !important;height:auto !important;
		aspect-ratio:4/3;object-fit:cover;border-radius:8px;}
	.picScroll-left .bd ul li .titlee{order:2;height:auto;background:none;
		padding:11px 8px 0;text-align:center;}
	.picScroll-left .bd ul li .titlee a{display:block;overflow:hidden;
		font-size:13px;color:#22313d;white-space:nowrap;text-overflow:ellipsis;}
	.picScroll-left .bd ul li .titlee a:hover{color:#00a0e9;}
	.picScroll-left .bd ul li .titlee span{display:none;}
	.picScroll-left .bd ul li .cbrief{display:block;order:3;box-sizing:content-box;
		height:36px;overflow:hidden;padding:0 12px;margin-bottom:12px;
		text-align:left;
		font:400 12px/18px "微软雅黑","Microsoft YaHei",sans-serif;color:#7a8ba0;}
}
/* ≥901：三列（含桌面 1440+） */
@media (min-width:901px){
	.picScroll-left .bd ul li{width:calc(33.333% - 16px) !important;}
}

/* 5) ≤900：内页左侧栏整体隐藏（栏目菜单/最新新闻/标签等与导航重复，
       手机/平板上正文下方不再出现对应栏目） */
@media (max-width:900px){
	.left{display:none;}
}

/* 6) ≤640：分页去掉数字页码（模板已把 {page:numbar} 包进 span.pagebar_num），
       只留 首页/上一页/下一页/尾页 一行放下 */
@media (max-width:640px){
	.pagebar .pagebar_num{display:none !important;}
	.pageController .t1 span{white-space:nowrap;}

	/* 页脚备案行：链接左右内距 20px 在 375 放不下（"XML"孤行换行），
	   手机上收窄内距并允许自然换行居中 */
	.beianfooter a{padding:0 8px;}
	.beianfooter{box-sizing:border-box;line-height:22px;padding:16px 10px 30px;}

	/* 新闻详情信息行：整段值不可拆行（原"点击：127次"被拆成两行），
	   整体居中允许按项换行 */
	.news_detail .info_title h3.title_bar{height:auto;line-height:28px;overflow:visible;}
	.news_detail .title_bar em{font-style:normal;display:inline-block;
		white-space:nowrap;margin:0 4px;}
}

/* 7)（已并入文件末尾「首页板块标题统一」段：标题不再用左侧蓝条图标，
       .ctitle 的 padding-left:30px 随之取消） */

/* 8) ≤900 首页产品展示调用 6 个（901 平板横及以上显全部 8 个）：隐藏第 7、8 个 */
@media (max-width:900px){
	.cp .slideTxtBox .bd ul.product_list1 li:nth-child(n+7){display:none;}
}

/* 9) 详情页上一篇/下一篇与下方栏目拉开距离（原来贴到下一板块背景） */
.pre_next{margin-bottom:30px;}

/* 10) ≤900 汉堡按钮垂直居中：已由补丁段「≤900 汉堡导航」的 flex 方案取代
      （#header flex + .m_btn 回归文档流），此处保留空段避免段号断档 */
/* 占位：无规则 */

/* ============================================================
   补丁段三（2026-09-18 晚 · 第三轮反馈）
   ============================================================ */

/* ---------- 1) 首页板块标题全尺寸统一 ----------
   公司简介/产品展示/新闻中心/客户案例/常见问题/联系我们 六个板块标题统一为
   「英文小导语 + 大字标题 + 短蓝条」，替代原先各不相同的背景图标拼版。
   （≤640 原有的同款规则被本段覆盖，视觉一致） */
.about_title,.ctitle,.cptitle,.news1_title,.contact_title,.case .title{
	float:none;width:auto;height:auto;min-height:0;line-height:1.25;padding:0;margin:0 0 6px;
	background:none;font:700 26px/1.3 "微软雅黑","Microsoft YaHei",Arial,sans-serif;
	color:#22313d;letter-spacing:1px;position:relative;}
.about_title:before,.ctitle:before,.cptitle:before,.news1_title:before,
.contact_title:before,.case .title:before{
	display:block;margin-bottom:6px;font:600 12px/16px Arial,sans-serif;
	letter-spacing:4px;color:#00a0e9;}
.about_title:before{content:"ABOUTUS";}
.ctitle:before{content:"NEWS";}
.cptitle:before{content:"PRODUCT";}
.case .title:before{content:"CUSTOMER CASE";}
.news1_title:before{content:"FAQ";}
.contact_title:before{content:"CONTACT";}
.about_title:after,.ctitle:after,.cptitle:after,.news1_title:after,
.contact_title:after,.case .title:after{
	content:"";display:block;width:34px;height:3px;border-radius:2px;
	background:#00a0e9;margin-top:10px;}
/* 产品展示板块已改为浅底（与整站一致），标题恢复为与其他板块统一的「深字 + 蓝条」。
   （这三行原是深色背景时代的白字反色处理；浅底上白字不可见，且本段在 main.css 之后加载、
   会把 main.css 里的深色覆盖掉——之前只改 main.css 无效就是因为它，改背景必须连这里一起改） */
.cptitle{color:#22313d;}
.cptitle:after{background:#00a0e9;}
.cptitle:before{color:#00a0e9;}
/* 联系我们标题自带的英文 span 与新导语重复，隐藏 */
.contact_title .en{display:none;}
/* 客户案例标题右侧的「更多 +」按钮贴右上角 */
.case .title a{position:absolute;right:0;top:6px;bottom:auto;}

/* ---------- 2) 常见问题图片 4:3（全尺寸） ----------
   桌面缩为 128×96（原 132×132 方图偏大）；≤900 已是百分比宽，
   由 aspect-ratio 统一裁成 4:3 */
.news_list3 li a.img img,.news_list3 li a.img1 img{aspect-ratio:4/3;object-fit:cover;}
@media (min-width:901px){
	.news_list3 li a.img1 img{width:128px !important;height:96px !important;object-fit:cover;}
}

/* ---------- 3) 1440 首页新闻中心微调（news_listt2 原样式不变，仅对齐） ----------
   右侧图片组顶部与左侧列表对齐（原 margin-top:85px 造成右低左高），
   列表行距微调 */
@media (min-width:1241px){
	.news_listt2 .rimg{margin-top:0;}
	.news .news_listt2 .lnews dl{padding:6px 0;}
	.news .news_listt2 .lnews{padding-top:4px;}
}

/* ============================================================
   补丁段四（2026-09-18 深夜 · 第五轮反馈）
   ============================================================ */

/* ---------- 1) ≤640 深色底上的标题配色修正 ----------
   联系我们是蓝色渐变底：导语/蓝条改白色（全局蓝导语在蓝底上看不见）；
   产品展示 ≤640 已改浅灰底：标题从白字改回深色、蓝条蓝导语 */
@media (max-width:640px){
	.cptitle{color:#22313d;}
	.cptitle:after{background:#00a0e9;}
	.cptitle:before{color:#00a0e9;}
	.contact_title:before{color:rgba(255,255,255,.85);}
	.contact_title:after{background:#fff;}
}

/* ---------- 2) ≤900 产品展示：描述与标题同行（小字），不再上下堆叠 ---------- */
@media (max-width:900px){
	.cp .slideTxtBox .cptitle{display:inline-block;vertical-align:middle;float:none;}
	.cp .slideTxtBox .cpnr{display:inline-block;float:none;vertical-align:middle;
		margin:0 0 0 14px;padding:0;background:none;
		font-size:12px;line-height:20px;color:#6d8090;}
	.cp .slideTxtBox .cpnr span{display:inline;margin-left:6px;font-size:11px;}
	.cp .slideTxtBox .hd2{clear:both;}
}

/* ---------- 3) 641-900 汉堡面板：右侧抽屉式（圆角卡片靠右） ---------- */
@media (min-width:641px) and (max-width:900px){
	#menu{left:auto;right:10px;width:50%;min-width:300px;
		border-radius:14px 0 0 14px;
		box-shadow:-10px 10px 24px rgba(0,60,120,.18);}
}

/* ---------- 4) 901-1240 公司简介：左右排版（左文右图，垂直居中，参考 1440） ---------- */
@media (min-width:901px) and (max-width:1240px){
	.about_wrap{display:flex;align-items:center;}
	.about_wrap .about{float:none;width:50%;max-width:none;margin:0;
		box-sizing:border-box;padding-right:24px;}
	.about_wrap .about1{float:none;width:50%;max-width:none;margin:0;box-sizing:border-box;}
	.about_wrap .about1 img{width:100% !important;height:auto !important;}
	.about_wrap + .about2{display:none;}   /* 空装饰块，两栏布局下不需要 */
}

/* ---------- 5) 901-1240 新闻中心：还原桌面 news_listt2 拼版（流式版） ---------- */
@media (min-width:901px) and (max-width:1240px){
	.news .news_listt2 .lnews{float:left;width:47%;margin:0;}
	.news .news_listt2 .rimg{float:right;width:50%;margin-top:0;}
	/* 右图三张的尺寸/比例统一由补丁段六的 grid 方案接管（一大两小全正方形） */
	.news .slideTxtBox .bd{margin-top:34px;}
	/* main.css 的 dt 定宽 385px 在 47% 列里放不下会掉行（1024 新闻乱的主因），
	   改为扣除日期块后的自适应宽；行距收紧 */
	.news .news_listt2 dl dt{width:calc(100% - 92px);}
	.news .news_listt2 dl{margin-bottom:24px;}
}

/* ---------- 6) ≥901 新闻中心：标题与栏目 tab 同行（原仅 >1240 左浮，
       1024 时标题占满整行把 tab 挤到下一行）；tab 在标题行内垂直居中；
       左列表与右图顶部对齐（main.css 的 lnews margin-top:75px 造成左低右高） ---------- */
@media (min-width:901px){
	.news .slideTxtBox .ctitle{float:left;}
	/* 标题块高 69（英文导语 22 + 中文 34 + 蓝条 13），tab 高 46：
	   margin-top 16 → tab 顶对齐标题中文字行、底不超出标题块，一行排布 */
	.news .slideTxtBox .hd{margin-top:16px;}
	.news .slideTxtBox .bd{margin-top:34px;}
	.news .news_listt2 .lnews{margin-top:0;}
}

/* ---------- 7) 详情页上下篇与页脚蓝色背景拉开（上一轮误改 .pre_next，
       详情页实际用的是 .page） ---------- */
.right .page{margin-bottom:40px;}

/* 补充：641-900 产品展示改为浅灰底（与≤640一致），同行描述文字用深色 */
@media (min-width:641px) and (max-width:900px){
	.cp .slideTxtBox .cpnr{color:#6d8090;}
	.cp .slideTxtBox .cpnr span{color:#54708a;}
}

/* 补充：≤640 隐藏"您好！欢迎给我们留言！"装饰图（pboot.css 的 .contact .lx_img
   优先级更高，需 !important；深色图在蓝色渐变底上不可读） */
@media (max-width:640px){
	.contact .lx_img{display:none !important;}
}

/* ============================================================
   补丁段五（2026-09-19 · 第六轮反馈）
   ============================================================ */

/* ---------- 1) 分页数字页码最外层边框去除 ----------
   pboot.css `.pagebar a,.pagebar span,...{border:1px solid #ddd}` 命中了
   包裹 {page:numbar} 的 span.pagebar_num，在 1/2/3 外面多出一圈框；
   页码容器本身不需要边框与内边距 */
.pagebar .pagebar_num{border:none;padding:0;margin:0;background:none;
	font-style:normal;color:inherit;line-height:inherit;}

/* ============================================================
   补丁段六（2026-09-19 · 第七轮反馈）
   ============================================================ */

/* ---------- 1) ≥901 产品展示：标题左浮，竖杠描述（cpnr）回到标题右侧同行。
   三个元素文字中心统一：tab 与「产品展示」大字中心对齐（margin-top:15px），
   cpnr 再下移 4px 使副文案块中心与 tab/大字中心一致（三中心均为同一水平线） ---------- */
@media (min-width:901px){
	.cp .slideTxtBox .cptitle{float:left;}
	.cp .slideTxtBox .cpnr{margin-top:16px;}
	/* tab 中心 = 「产品展示」大字视觉中心（Range 实测 1024/1440 差 0） */
	.cp .slideTxtBox .hd2{margin-top:15px;}
}

/* ---------- 2) ≥901 新闻中心右图：三张全部正方形，一大两小重排 ----------
   grid 两列 2:1、无缝隙（gap:0）：小图 aspect 1/1 决定行高 = 列宽，
   大图跨两行 → 高 = 2×列宽 = 自身宽，三张均为精确正方形；
   图间用 2px 白描边做视觉分隔（box-sizing 不破坏外框正方形） */
@media (min-width:901px){
	.news .news_listt2 .rimg{display:grid;grid-template-columns:2fr 1fr;}
	.news .news_listt2 .rimg a{margin:0;display:block;width:auto;float:none;
		aspect-ratio:1/1;overflow:hidden;}
	.news .news_listt2 .rimg a:nth-child(1){grid-column:1;grid-row:1/3;}
	.news .news_listt2 .rimg a img{width:100% !important;height:100% !important;
		object-fit:cover;display:block;
		border:2px solid #fff;box-sizing:border-box;background:#eef4f8;margin:0 !important;}
	/* 联系我们装饰图隐藏，表单顶与常见问题列表对齐 */
	.contact .lx_img{display:none;}
}

/* ---------- 2b) 客户案例卡片文字放大（≥901，与平板竖 16/13px 对齐） ----------
   原桌面标题仅 13px、概述 12px 偏小发虚 */
@media (min-width:901px){
	.picScroll-left .bd ul li .titlee a{font-size:16px;line-height:24px;}
	.picScroll-left .bd ul li .titlee span.sum{font-size:13px;color:#3a4a58;}
}

/* ---------- 3) 上下篇单行省略号（不换行） ---------- */
.right .page p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* ---------- 4) ≤640 产品展示描述：标题右侧两行（中文一行 + 英文一行） ---------- */
@media (max-width:640px){
	.cp .slideTxtBox .cptitle{display:inline-block;vertical-align:middle;}
	.cp .slideTxtBox .cpnr{display:inline-block;vertical-align:middle;float:none;
		box-sizing:border-box;width:calc(100% - 150px);margin:0 0 0 12px;padding:0;
		background:none;font-size:12px;line-height:18px;color:#6d8090;}
	.cp .slideTxtBox .cpnr span{display:block;margin:3px 0 0;font-size:10px;
		letter-spacing:1px;opacity:.85;}
}

/* ---------- 5) 641-900 新闻图文再协调（2026-09-22 整理） ---------- */
@media (min-width:641px) and (max-width:900px){
	/* 图 4:3、占 30%（max 240px）：1:1 在此区间过高，文字上下大片空白 */
	.news .news_listt2 dt.nimg{flex:0 0 30%;max-width:240px;align-self:flex-start;}
	.news .news_listt2 dt.nimg a{border-radius:6px;}
	.news .news_listt2 dt.nimg img{aspect-ratio:4/3;}
	/* 整行 stretch：文字块高度自动套齐缩略图高度（图不拉伸，align-self:flex-start 保 4:3） */
	.news .news_listt2 dl{align-items:stretch;}
	.news .news_listt2 dt.ntxt{display:flex;flex-direction:column;justify-content:flex-start;
		align-self:stretch;min-height:0;box-sizing:border-box;}
	/* 标题放大、允许折行（2 行）；描述 3-5 行，总高度与图一致 */
	.news .news_listt2 dt.ntxt a{flex:0 0 auto;font-size:18px;line-height:27px;
		display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
	.news .news_listt2 dt.ntxt span{flex:0 0 auto;max-height:none;font-size:14px;line-height:23px;margin-top:8px;
		display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;}
	/* 栏目 tab 胶囊：平板竖字再大一号，更醒目 */
	.news .slideTxtBox .hd ul li{font-size:16px;height:46px;line-height:46px;padding:0 14px;}

	/* ===== 首页·641-900：公司简介「了解详情+」移到配图下方 + 蓝渐变胶囊 =====
	   复用 ≤640 / ≤400 已验证的 display:contents + order 重排玩法；
	   平板竖屏同样把按钮从文字列（图上方）挪到配图之下 */
	.about_wrap{display:flex;flex-direction:column;}
	.about_wrap:after{display:none;}
	.about,.about .content{display:contents;}
	.about_title{order:1;}
	.about .content p{order:2;}
	.about1{order:3;margin-top:16px;}
	.about1 img{width:100% !important;height:auto !important;}
	.about .content a{order:4;display:inline-block;align-self:flex-start;margin-top:18px;
		padding:12px 30px;border:none;border-radius:7px;
		background:linear-gradient(135deg,#00a0e9 0%,#0876c0 100%);
		color:#fff !important;text-decoration:none;
		font:600 15px/1 "微软雅黑","Microsoft YaHei",Arial,sans-serif;letter-spacing:1px;
		box-shadow:0 4px 12px rgba(0,160,233,.28);}
	.about .content a:hover{background:linear-gradient(135deg,#1aaef5 0%,#0a83d4 100%);color:#fff;}

	/* ===== 首页·641-900：常见问题缩略图 4:3，文字两行、与图高度对齐 =====
	   flex 横向排列：左图 120px（4:3≈90px 高）居中对齐右侧两行标题 + 两行摘要 */
	.news_list3 li{display:flex;align-items:center;gap:14px;}
	.news_list3 li a.img,.news_list3 li a.img1{flex:0 0 120px;width:120px;box-sizing:border-box;margin:0;}
	.news_list3 li a.img img,.news_list3 li a.img1 img{
		width:120px !important;height:auto !important;aspect-ratio:4/3;object-fit:cover;
		display:block;border-radius:6px;}
	.news_list3 li .frr{flex:1 1 auto;min-width:0;width:auto;background:none;padding:0;}
	.news_list3 li .frr a{font-size:17px;line-height:25px;
		display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
		overflow:hidden;white-space:normal;}
	.news_list3 li .frr span{font-size:13px;line-height:22px;margin-top:8px;}

	/* ===== 详情页·641-900：产品详情左图右信息（≤900 侧栏已隐藏，.right 满宽） =====
	   桌面 model.css 是 200px 图 + 300px 信息左右排，平板竖屏直接套会偏左留白；
	   改为图占 44%（上限 320）、信息占 52%，整体居中对齐更紧凑 */
	.product_detail .img{float:left;width:44%;max-width:320px;height:auto;box-sizing:border-box;
		margin:0;padding:2px;border:1px solid #e0e1dc;}
	.product_detail .img img{width:100% !important;height:auto !important;max-width:100%;display:block;}
	.product_detail .list{float:right;width:52%;margin:0;box-sizing:border-box;padding-top:0;display:block;}

	/* ===== 首页·641-900：客户案例卡片标题与描述放大（原 13/12px 偏小、发虚） =====
	   标题 16px 允许两行、描述 14px 三行，与放大后的案例照片更协调大气 */
	.picScroll-left .bd ul li .titlee{padding:12px 12px 6px;}
	.picScroll-left .bd ul li .titlee a{font-size:16px;line-height:24px;white-space:normal;
		display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
	.picScroll-left .bd ul li .cbrief{font-size:14px;line-height:22px;height:auto;padding:0 14px;
		margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;
		overflow:hidden;}
}

/* ===== 详情页·901-1240：产品详情左图右信息 =====
   该区间 ≤900 的「侧栏隐藏」失效、.left 回归占宽使 .right 变窄，
   model.css 的 200px 图 + 300px 信息并排放不下 → 换行成上下堆叠；
   改为百分比宽度（图 44% / 信息 52%）保证并排，与 641-900、≥1241 一致 */
@media (min-width:901px) and (max-width:1240px){
	.product_detail .img{float:left;width:44%;max-width:340px;height:auto;box-sizing:border-box;
		margin:0;padding:2px;border:1px solid #e0e1dc;}
	.product_detail .img img{width:100% !important;height:auto !important;max-width:100%;display:block;}
	.product_detail .list{float:right;width:52%;margin:0;box-sizing:border-box;padding-top:0;display:block;}
}

/* ---------- 6) ≤640 产品详情：在线询价底部浮动购买条 ---------- */
@media (max-width:640px){
	.product_detail .list ul.list_p li.inquiry{position:fixed;left:0;right:0;bottom:0;
		z-index:998;margin:0;padding:0;background:#fff;
		box-shadow:0 -4px 14px rgba(0,60,120,.18);}
	.product_detail .list ul.list_p li.inquiry a{display:block;width:100%;height:50px;
		line-height:50px;text-align:center;border-radius:0;
		background:linear-gradient(135deg,#00a0e9,#0876c0);color:#fff;
		font:600 16px/50px "微软雅黑","Microsoft YaHei",sans-serif;}
	.product_detail .list ul.list_p li.inquiry a:hover{color:#fff;}
	/* 页脚版权行：默认不留大底部空隙（2026-09-22 反馈备案区留白过多）；
	   仅产品详情页（JS 检测到 .m_buybar 时 body 打 has-buybar 标）保留避让高度 */
	.copy{padding-bottom:20px;}
	body.has-buybar .copy{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px));}
}

/* ============================================================
   补丁段七（2026-09-19 · 第八轮反馈）
   ============================================================ */

/* ---------- 1) ≥901 新闻中心：栏目 tab 与内容之间留白收紧 + 标题/摘要省略 ----------
   main 系样式给 .news .slideTxtBox .bd 24px 上边距，视觉上 tab 与内容脱节，
   收紧为 8px；标题单行省略（14→15px），摘要两行省略（12→13px），行高对齐 */
@media (min-width:901px){
	.news .slideTxtBox .bd{margin-top:34px;}
	.news .news_listt2 dt.ntxt a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
		font-size:15px;line-height:26px;}
	.news .news_listt2 dt.ntxt span{display:-webkit-box;-webkit-line-clamp:2;
		-webkit-box-orient:vertical;overflow:hidden;
		font-size:13px;line-height:22px;margin-top:6px;}
}

/* ---------- 2) 常见问题列表（全尺寸）：标题单行省略、摘要两行省略 ----------
   置于文件末尾保证级联优先；摘要改为 -webkit-box 两行截断
   （模板里的内联 max-height/display 已移除，由本规则接管） */
.news_list3 li .frr a{white-space:nowrap !important;overflow:hidden;text-overflow:ellipsis;}
.news_list3 li .frr span{display:-webkit-box;-webkit-line-clamp:2;
	-webkit-box-orient:vertical;overflow:hidden;}

/* ---------- 2b) ≤900 常见问题：标题最多 2 行、超出省略号（手机/平板屏窄，单行截断浪费空间） ---------- */
@media (max-width:900px){
	.news_list3 li .frr a{white-space:normal !important;display:-webkit-box;
		-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
}

/* ---------- 3) ≤640 产品详情：主图与下方标签/分隔线对齐 ----------
   原 .img 260px 定宽左浮 + .list 340px 左浮在手机上双双溢出错位；
   改为两块均占满卡片内容宽，分隔线边缘与主图边框对齐 */
@media (max-width:640px){
	.product_detail .img{float:none;width:100%;height:auto;margin:0;}
	.product_detail .img img{max-width:100%;max-height:none;height:auto;}
	.product_detail .list{float:none;width:100%;margin:14px 0 0;padding-top:0;box-sizing:border-box;}
}

/* ---------- 4) ≤640 产品详情：底部浮动购买条（参考小米有品：首页 + 在线询价） ----------
   左侧「首页」图标小按钮 + 右侧「在线询价」大胶囊按钮；列表内的旧询价按钮
   改回普通居中胶囊（不再整条 fixed 铺满） */
.m_buybar{display:none;}
@media (max-width:900px){
	/* 浮动购买条已带在线询价/提交，列表内按钮平板竖+手机端隐藏（不再重复显示） */
	.product_detail .list ul.list_p li.inquiry{display:none;}
	/* 浮动购买条本体；env(safe-area-inset-bottom)：全面屏手机底部手势条不遮按钮 */
	.m_buybar{display:flex;align-items:center;position:fixed;left:0;right:0;bottom:0;
		z-index:998;height:calc(52px + env(safe-area-inset-bottom,0px));box-sizing:border-box;
		padding:0 12px env(safe-area-inset-bottom,0px);background:#fff;
		box-shadow:0 -4px 14px rgba(0,60,120,.18);}
	.m_buybar .home{flex:0 0 52px;display:flex;flex-direction:column;align-items:center;
		justify-content:center;color:#4a5a68;font-size:11px;line-height:1;
		text-decoration:none;}
	.m_buybar .home i{display:block;width:21px;height:21px;margin-bottom:3px;
		background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300a0e9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-8 9 8'/%3E%3Cpath d='M5 9.5V21h5v-6h4v6h5V9.5'/%3E%3C/svg%3E") no-repeat center/contain;}
	.m_buybar .inquire,.m_buybar .msg_submit{flex:1 1 auto;margin-left:10px;height:40px;border-radius:7px;
		background:linear-gradient(135deg,#00a0e9,#0876c0);color:#fff;text-align:center;
		font:600 15px/40px "微软雅黑","Microsoft YaHei",sans-serif;text-decoration:none;}
	.m_buybar .inquire:hover,.m_buybar .msg_submit:hover{color:#fff;}
	/* 页脚版权行避让浮动条：仅 has-buybar 页面（见上方 inquiry 块注释） */
	body.has-buybar .copy{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px));}
}

/* ============================================================
   搜索结果页移动端
   ============================================================ */
@media (max-width:900px){
	.search_form input{width:100%;box-sizing:border-box;height:38px;}
	.search_form button{width:100%;margin-top:10px;}
	.sitemp h2{font-size:17px;line-height:40px;margin-top:15px;}
	/* 内页列表卡片（新闻列表 / 搜索结果共用）：平板下内边距收一档 */
	.right .search_list li,.right .news_list li{padding:16px;}
}

/* ---------- 7) ≤640 列表卡片：上图下文（新闻列表 / 搜索结果共用同一版式） ---------- */
@media (max-width:640px){
	.right .search_list li,.right .news_list li{padding:12px;margin-bottom:12px;}
	.right .search_list .slimg,.right .news_list .slimg{float:none;width:100%;}
	.right .search_list .slimg img,.right .news_list .slimg img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;}
	.right .search_list .sinfo,.right .news_list .sinfo{margin-left:0;margin-top:10px;}
	.right .search_list .sinfo h3,.right .news_list .sinfo h3{font-size:16px;line-height:24px;}
	.right .search_list .sinfo p,.right .news_list .sinfo p{font-size:13px;line-height:22px;
		-webkit-line-clamp:2;}
	.right .search_list .sfoot,.right .news_list .sfoot{margin-top:10px;}
	.right .search_list .sdate,.right .news_list .sdate{line-height:30px;}
}

/* ---------- 8) 641-1240 列表卡片：标题一行省略、摘要两行（新闻列表 / 搜索结果共用） ---------- */
@media (min-width:641px) and (max-width:1240px){
	.right .search_list .sinfo h3,.right .news_list .sinfo h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	.right .search_list .sinfo p,.right .news_list .sinfo p{-webkit-line-clamp:2;}
}

/* ---------- 9) ≤640 最新留言列表收紧 ---------- */
@media (max-width:640px){
	.msg_list_title{margin:26px 0 12px;font-size:18px;line-height:26px;}
	.msg_list li{padding:12px 14px;margin-bottom:10px;}
	.msg_list .msg_ask{font-size:13px;line-height:22px;}
	.msg_list .msg_reply{font-size:12px;line-height:20px;padding:8px 12px;}
}

/* ---------- 10) 901-1900 幻灯/广告横幅按图片比例流式（图内内容不裁切） ----------
   基础样式把幻灯固定为 1900×551：gid3（1200×480）的图会被拉宽变形、两侧裁出视口，
   图内文字随之被切；广告横幅图（1900×187）同样左右溢出。改为：
   幻灯按 1200×480 比例（40vw）满宽缩放；广告横幅图满宽等比缩放。
   后台上传幻灯图按模板标注尺寸（gid1 1900×551 / gid3 1200×480 / gid2 750×400）即可完美铺满。 */
@media (min-width:901px) and (max-width:1900px){
	.banner{width:100%;left:0;margin-left:0;height:40vw;overflow:hidden;}
	.banner ul.bb li{width:100%;}
	.banner ul.bb li img{width:100%;height:40vw;object-fit:cover;object-position:center;}
	.hengtu{width:100%;left:auto;margin-left:0;height:auto;overflow:hidden;}
	.hengtu img{width:100% !important;height:auto !important;display:block;}
	.hengtu p{margin:0;}
}

/* ---------- 901-1240：压缩头部顶行，Language/搜索/热线一行放下不换行 ---------- */
/* 窄屏下 topLink 空间不足时，右浮动链最后一个（Language 按钮）会被挤到下一行、
   悬在导航条上方造成"错位"；此处收窄搜索框与电话字号保证单行排列 */
@media (min-width:901px) and (max-width:1240px){
	.language-switcher{margin:23px 8px 0 0;}
	.language-btn{padding:0 8px;}
	#formsearch{width:130px;margin-right:10px;}
	#formsearch input#keyword{width:82px;}
	.topLink .k2{margin-right:10px;}
	.topLink .k2 .tel-label{display:none;}
	.topLink .k2 .tel-icon{width:16px;height:16px;}
	.topLink .k2 .tel-num{font-size:18px;letter-spacing:0;}
}

/* 600-900 页脚联系块：2026-09-22 反馈"与手机端不一致"，
   撤销原左右分栏（grid）v2 版式，回归 ≤900 基础段的居中堆叠，
   与 ≤599 手机端统一（本段仅保留版权行左右内距微调） */
@media (min-width:600px) and (max-width:900px){
	.copy{padding:0 30px;}
}

/* ============================================================
   7) 栏目 tab 的 clearfix ::after 在 flex 下会占位
   ------------------------------------------------------------
   base.css 的 .clearfix:after（一个 visibility:hidden 的小点号）
   挂在 tab 的 ul 上。桌面端 ul 非 flex，该伪元素 height:0 不可见；
   但 ≤1240 各档把 ul 改成 display:flex 后，伪元素成为匿名 flex 子项
   （visibility:hidden 仍占位），挤出约 5px——表现为 tab 悬停/选中
   的蓝色背景到不了容器右边缘，右侧留一条白边。
   display:none 在任何布局下都彻底移除该伪元素，桌面端无副作用。
   ============================================================ */
.cp .slideTxtBox .hd ul::after,.cp .slideTxtBox .hd2 ul::after,
.news .slideTxtBox .hd ul::after{display:none;}


/* ============================================================
   8) >901 首页「常见问题+联系我们」灰底区底部留白收窄
   ------------------------------------------------------------
   main.css 的 .c1 padding-bottom:130px 是原站桌面留白，
   >900 视觉上常见问题列表下方空一大截，收窄为 60px；
   ≤900 竖向堆叠时维持原值不动。
   ============================================================ */
@media (min-width:901px){
	.c1{padding-bottom:60px;}
}


/* ============================================================
   9) 901-1240 常见问题+联系我们：定宽改流式（2026-09-22 反馈）
   ------------------------------------------------------------
   main.css 里 .news_company 定宽 545px、.contact 定宽 350px，
   901-1240 容器是流式（视口-30px 边距）。901-940 视口下容器
   仅约 871-910px，545+350=895px 放不下 → 两块重叠、常见问题
   被挤压；且 .frr 定宽 400px 与左图之间被拉开大空隙。
   改法：常见问题占满剩余宽度，联系我们保 350px；问题列表
   内部改 flex（图 96px 定宽 + 文字自适应），标题/摘要紧跟图片。
   ============================================================ */
@media (min-width:901px) and (max-width:1240px){
	.news_company{width:calc(100% - 380px);box-sizing:border-box;}
	.contact{width:350px;box-sizing:border-box;}
	.news_list3 li{display:flex;align-items:flex-start;}
	.news_list3 li a.img1{float:none;flex:0 0 128px;width:128px;box-sizing:border-box;}
	.news_list3 li .frr{float:none;flex:1 1 auto;min-width:0;width:auto;box-sizing:border-box;}
}

/* ============================================================
   10) ≤1240 滚动浮动迷你导航（minihead）流式适配（2026-09-22 反馈）
   ------------------------------------------------------------
   pboot.css 的 #minihead .mh_in 定宽 1200px，901-1240 视口
   放不下且 margin:0 auto 失效（自动边距收缩为 0）→ 整条靠左、
   右端导航项被顶出视口截断。改为流式 + 导航列自适应。
   ============================================================ */
@media (max-width:1240px){
	#minihead .mh_in{width:auto;box-sizing:border-box;margin:0 15px;}
	#minihead .mh_nav{width:auto;flex:1 1 auto;min-width:0;margin-left:24px;}
}


/* ============================================================
   11) 常见问题：图文间距与列表行距（2026-09-22 反馈）
   ------------------------------------------------------------
   901-1240 的 flex 布局图文 0 间距（贴死）；桌面 ≥1241 则相反：
   a.img1 定宽 132px 但图只有 96px（空 36px）+ .frr 定宽 400px
   右浮 → 视觉空隙约 49px，太开。统一收到约 12-14px；
   列表条目间距（model.css 的 li margin-bottom:32px +
   .frr padding-bottom:22px ≈ 54px）收小一半左右。
   ============================================================ */
@media (min-width:901px) and (max-width:1240px){
	.news_list3 li{gap:14px;}
	.news_list3 li{margin-bottom:14px;}
}
@media (min-width:1241px){
	.news_list3 li a.img1{width:128px;}
	.news_list3 li .frr{width:calc(100% - 142px);}
	.news_list3 li{margin-bottom:14px;}
}

/* ============================================================
   极窄屏（≤400，如 320/360）——本断点是 ≤640 手机版式之上的唯一差异档
   2026-09-22 反馈：超窄屏在 ≤640 版式下图文被压得太小，单独收一档：
   ① 所有网格改单列通铺 ② 字号整体降一档 ③ 隐藏次要文字（导语/简介/口号）
   ④ 头部再紧凑。同断点规则只允许出现在本块，别处不要再加。
   ============================================================ */
@media (max-width:400px){
	/* ① 列表/卡片单列：≤640 的两列在 320 屏每列仅约 145px，图与标题都被压小
	   （.right 前缀压过栏目页 `.right .product_list li` 的高特异性两列规则） */
	.right .product_list li,.right .product_list1 li,.right .tag_list_product li,
	.right .case_list li,.product_list li,.product_list1 li,.tag_list_product li,
	.case_list li,.picScroll-left .bd ul li,.relate_list .product_list li{
		width:100% !important;margin-right:0 !important;margin-left:0 !important;}
	.foot1 .nav1{flex:0 0 100%;}

	/* ② 字号整体降一档（板块标题 26→21，导语 12→11，列表与正文各降 1-2px） */
	.about_title,.ctitle,.cptitle,.news1_title,.contact_title,.case .title{
		font-size:21px;line-height:1.25;}
	.about_title:before,.ctitle:before,.cptitle:before,.news1_title:before,
	.contact_title:before,.case .title:before{font-size:11px;letter-spacing:3px;}
	.news .news_listt2 dt.ntxt a{font-size:14px;line-height:21px;}
	.news .news_listt2 dt.ntxt span{font-size:12px;line-height:19px;}
	.picScroll-left .bd ul li .titlee a,
	.case_list li h3 a{font-size:12px;}
	.news_list3 li .frr a{font-size:16px;line-height:24px;}
	.news_list3 li .frr span{font-size:12px;line-height:20px;}
	.about .content{font-size:13px;line-height:24px;}

	/* ③ 隐藏次要文字：导语/案例简介/页脚口号（见下），并在此档进一步做减法 */
	.about_title:before,.ctitle:before,.cptitle:before,.news1_title:before,
	.contact_title:before,.case .title:before{display:none;}
	.picScroll-left .bd ul li .cbrief{display:none;}
	.copy .f_slogan,.fc_m .f_slogan2{display:none;}

	/* ③b 极窄屏进一步精简（2026-09-22 追加「再简洁一档」）：
	   列表只留标题（新闻/常见问题摘要隐去）、去掉装饰性元件
	   （公司简介大引号、案例轮播圆点）、区块间距再收一档 */
	.news .news_listt2 dt.ntxt span{display:none;}
	/* 常见问题保留「答：」摘要（模板 li 内自带 问：/答： 前缀，勿再加 ::before） */
	.news_list3 li .frr span{display:block;margin-top:5px;
		font-size:12px;line-height:20px;color:#7a8ba0;}
	.about .content:before{display:none;}
	.about .content{padding-top:0;}
	.picScroll-left .hd{display:none;}
	.about,.about1,.about2,.menu_cate,.news_company,.contact{margin-top:12px;}
	.news .slideTxtBox{margin-top:44px;}
	.news .news_listt2 dl{padding:10px 0;}
	.case_list li,.picScroll-left .bd ul li{margin-bottom:10px;}

	/* ④ 头部再紧凑：白条 56→48，图标/按钮/店名同步收一档 */
	.head{height:48px;}
	#header{height:48px;padding:0 12px;}
	.logo .logo_mark{height:22px;}
	.logo .logo_name{font-size:16px;margin-left:6px;}
	.m_btn{width:32px;height:28px;gap:3px;border-radius:8px;}
	.m_btn span{width:15px;}
	/* 展开变叉位移 = (gap3 + 线高2) → ±5px，改 gap 需同步改这里 */
	body.m-open .m_btn span:nth-child(1){transform:translateY(5px) rotate(45deg);}
	body.m-open .m_btn span:nth-child(3){transform:translateY(-5px) rotate(-45deg);}

	/* ⑤ 胶囊 tab 允许换行，避免文字被裁 */
	.news .slideTxtBox .hd ul{flex-wrap:wrap;gap:6px;}
	.news .slideTxtBox .hd ul li{flex:1 1 44%;margin:0;}

	/* ⑥ 首页公司简介：「了解详情+」移到公司配图下方
	   按钮在模板里属于 .about .content（在 .about1 图片之前），改不了 DOM；
	   用 display:contents 把标题/正文/图片/按钮拉到同一层 flex，再用 order 重排。
	   （display:contents 在 iOS 11.3+/Android 5+ 支持，极窄屏场景可接受） */
	.about_wrap{display:flex;flex-direction:column;}
	/* 中和 base.css 的 .clearfix:after（visibility:hidden 小点号）；
	   该伪元素在 flex 容器下会成匿名子项，挤出约 5px 顶部空隙 */
	.about_wrap:after{display:none;}
	.about,.about .content{display:contents;}
	.about_title{order:1;}
	.about .content p{order:2;}
	.about1{order:3;margin-top:14px;}
	.about1 img{width:100% !important;height:auto !important;}
	/* 「了解详情+」换成蓝色渐变胶囊按钮（原描边文字按钮在极窄屏观感差） */
	.about .content a{order:4;align-self:flex-start;margin-top:16px;
		display:inline-block;padding:10px 20px;border-radius:7px;border:none;
		background:linear-gradient(135deg,#00a0e9 0%,#0876c0 100%);
		color:#fff !important;text-decoration:none;
		font:600 13px/1 "微软雅黑","Microsoft YaHei",Arial,sans-serif;letter-spacing:1px;
		box-shadow:0 4px 12px rgba(0,160,233,.3);}
	.about .content a:hover{background:linear-gradient(135deg,#0aaef5 0%,#0a83d4 100%);
		color:#fff !important;}

	/* ⑦ 新闻中心 / 常见问题：左图右文 → 图上文下（图 4:3） */
	.news .news_listt2 dl{flex-direction:column;align-items:stretch;gap:8px;padding:12px 0;}
	.news .news_listt2 dt.nimg{flex:none;width:100%;max-width:none;}
	.news .news_listt2 dt.nimg img{aspect-ratio:4/3;}
	.news .news_listt2 dt.ntxt{width:100%;}
	.news_list3 li{flex-direction:column;gap:8px;}
	.news_list3 li a.img,.news_list3 li a.img1{flex:none;width:100% !important;}
	.news_list3 li a.img img,.news_list3 li a.img1 img{aspect-ratio:4/3;}
	.news_list3 li .frr{width:100% !important;}

	/* ⑨ 首页产品/客户案例各只调 3 个（极窄屏一屏装得下，配图更大） */
	.cp .slideTxtBox .bd ul.product_list1 li:nth-child(n+4){display:none;}
	.case .picScroll-left .bd ul li:nth-child(n+4){display:none;}
	.case_list li:nth-child(n+4){display:none;}

	/* ⑩ 配图比例（2026-09-22 定稿）：产品正方形 1:1、客户案例 4:3
	   —— 首页与栏目页同一套比例，宽高比统一便于后台出图
	   产品卡 ≤640 用的是「a.img padding-top:100% 撑方形 + img 绝对定位」老方案，
	   aspect-ratio 对绝对定位图无效 → 这里必须连容器一起改回流式 */
	.product_list1 li a.img,.product_list li a.img{
		padding-top:0 !important;height:auto !important;}
	.product_list1 li a.img img,.product_list li a.img img{
		position:static !important;width:100% !important;height:auto !important;
		aspect-ratio:1/1;object-fit:cover;}
	.picScroll-left .bd ul li .pic img{
		position:static !important;width:100% !important;height:auto !important;
		aspect-ratio:4/3;object-fit:cover;}
	/* 案例列表图带 6px 左右外边距（见上方 .titlee img 规则），宽度必须扣掉 12px：
	   原写成 100% 会让图比卡片宽 12px，右侧被 overflow:hidden 裁掉
	   → 右角变直角、图右侧被截（即用户反馈的"左边圆弧、右边直角"） */
	.case_list li .titlee img{
		position:static !important;width:calc(100% - 12px) !important;height:auto !important;
		aspect-ratio:4/3;object-fit:cover;}

	/* ⑪ 搜索结果页：标签药丸在极窄屏占两行且信息价值低，隐藏 */
	.stags{display:none;}

	/* ⑧ 栏目页 / 详情页：字号与间距再收一档（极窄屏同屏显示更多内容） */
	.nb_title{font-size:18px;}
	.nb_crumb{font-size:12px;}
	.right .news_detail .title,.product_detail .title,
	.right .content h1,.right .content h2{font-size:19px;line-height:28px;}
	.right .content,.right .content p{font-size:13px;line-height:24px;}
	.news_detail .info_title h3.title_bar{font-size:12px;}
	.right .product_detail .list ul.list_p li{padding:10px 0;}
	.product_detail .img img{max-width:100%;height:auto;}
}
/* ↑ 补上 ≤400 块缺失的收尾大括号（2026-09-22 修复）：该块此前未闭合，
   把其后所有规则（含两个 ≤640 块）嵌进了 max-width:400 上下文，
   导致 401-640 宽度全部失效。 */

/* ============================================================
   栏目页正文字号（≤640，2026-09-22 反馈：公司介绍字太小）
   放在文件末尾：覆盖 ≤400 块里正文 13px 的精简值，手机档统一放大
   ============================================================ */
@media (max-width:640px){
	.right .content,.right .content p,.right .content li{
		font-size:15px;line-height:27px;color:#4d5c68;}
	.right .content p{margin:12px 0;}
}
/* 在线留言页（message.html，表单带 .msg_form 类）：页内「提交留言」按钮在
   平板竖+手机端隐藏，改由底部浮动条（.m_buybar.m_msgbar）提交；
   首页联系我们表单不带 .msg_form，按钮保留。桌面（>900）仍显示页内按钮 */
@media (max-width:900px){
	.msg_form .msgbtn1{display:none;}
}

/* ---------- 手机端(≤640) 首页「公司简介」了解详情：移到配图下方 + 重做按钮样式 ----------
   原 ≤640 默认是描边蓝字按钮且位于文字列（图片上方），观感差；
   用 display:contents + order 把按钮重排到配图之下，并换成蓝色渐变胶囊（与 ≤400 一致） */
@media (max-width:640px){
	.about_wrap{display:flex;flex-direction:column;}
	.about,.about .content{display:contents;}
	.about_title{order:1;}
	.about .content p{order:2;}
	.about1{order:3;margin-top:14px;}
	.about1 img{width:100% !important;height:auto !important;}
	.about .content a{order:4;display:inline-block;align-self:flex-start;margin-top:16px;
		padding:11px 28px;border:none;border-radius:7px;
		background:linear-gradient(135deg,#00a0e9 0%,#0876c0 100%);
		color:#fff !important;text-decoration:none;
		font:600 14px/1 "微软雅黑","Microsoft YaHei",Arial,sans-serif;letter-spacing:1px;
		box-shadow:0 4px 12px rgba(0,160,233,.28);}
	.about .content a:hover{background:linear-gradient(135deg,#1aaef5 0%,#0a83d4 100%);color:#fff;}
	/* 首页常见问题(news_list3)缩略图：手机端改 4:3（覆盖内联 132x88 占位与 1:1 默认） */
	.c1 .news_list3 li a.img1 img{width:100% !important;height:auto !important;
		aspect-ratio:4/3 !important;object-fit:cover !important;}
}

/* ============================================================
   补丁段八（2026-09-21 · 第九轮反馈：栏目页/详情页改造）
   ============================================================ */

/* ---------- 1) 栏目页新闻列表缩略图：统一 4:3 ----------
   pboot.css 给 .right .news_list .slimg img 定了 230×140（≈1.64），
   ≤1240 又用 flex 把 slimg 拉伸到与文字等高；这里覆盖为固定 230px 宽 + 4:3 高，
   图不再被拉变形，也和首页/案例 4:3 比例统一。
   注：≤640 由上方「列表卡片上图下文」块接管为满宽 4:3，故本组规则限定 641+，
   防止 !important 穿透破坏手机端满宽图。 */
@media (min-width:641px){
.right .news_list .slimg{width:230px;flex:0 0 230px;align-self:flex-start;height:auto;overflow:hidden;border-radius:6px;}
.right .news_list .slimg img{width:230px !important;height:auto !important;
	aspect-ratio:4/3;object-fit:cover;display:block;}

/* ---------- 2) 栏目页客户案例标题：单行省略 → 两行 ----------
   覆盖 model.css / 上方块里「white-space:nowrap;...ellipsis」的单行写法，
   改为两行省略；模板 lencn 已放宽到 24 字，长标题自然折两行对齐照片墙卡片。
   手机端（≤640）维持原单行紧凑卡片不变。 */
.case_list li h3{white-space:normal !important;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
	overflow:hidden;text-overflow:ellipsis;}

/* ---------- 3) 栏目页产品列表：图片正方形 1:1 ----------
   仅作用于栏目页 .right .product_list，不动首页 .product_list1；
   用绝对定位撑正方形框 + object-fit:cover。
   手机端（≤640/≤400）的既有图框规则优先级更高（同为 !important 但在文件更后
   的历史段落中按断点隔离），本组限定 641+ 避免穿透。 */
.right .product_list li a.img{display:block;width:100%;height:0;padding:0 !important;
	padding-top:100% !important;position:relative;overflow:hidden;border:none !important;background:#fbfdff;}
.right .product_list li a.img img{position:absolute !important;left:0;top:0;
	width:100% !important;height:100% !important;object-fit:cover;padding:8px;box-sizing:border-box;}
}

/* ---------- 补丁段十二：首页「联系我们」广告条（hengtu）品牌化改造 ----------
   原：仅一张 1900×187 裸图，桌面/平板直接 object-fit:cover，手机(≤640)隐藏；
   问题：空条“小气”，无任何号召信息。改造为「图片底 + 蓝色渐变遮罩 + 标语 + 橙色 CTA」
   的大气号召条。关键：
   ① 链接内联 <img> 的 width/height:1900/187 用 !important 覆盖，改 height:100%+cover，
      固定高度由 .hengtu-link 的 clamp() 决定，文字承载稳定，不再受图片原始比例牵制；
   ② 本段置于文件最末，源序晚于上方各 .hengtu img{height:auto!important} 规则，确保覆盖生效；
   ③ ≤640 仍由「其它」块 .hengtu{display:none} 隐藏，不受影响。 */
@media (min-width:641px){
.hengtu-link{position:relative;display:block;overflow:hidden;
	height:clamp(150px,17vw,280px);}
.hengtu-link img{width:100% !important;height:100% !important;
	object-fit:cover !important;display:block;}
.hengtu-mask{position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;
	background:linear-gradient(90deg,
		rgba(6,42,92,.9) 0%,rgba(8,72,140,.62) 44%,rgba(8,72,140,0) 100%);}
.hengtu-caption{position:absolute;left:0;top:0;right:0;bottom:0;
	display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
	max-width:780px;color:#fff;box-sizing:border-box;
	padding:0 clamp(20px,5vw,90px);text-align:left;}
.hengtu-slogan{display:block;margin:0 0 8px;font-size:clamp(18px,2vw,30px);
	line-height:1.35;font-weight:700;letter-spacing:.5px;
	text-shadow:0 2px 12px rgba(0,0,0,.35);}
.hengtu-sub{display:block;margin-bottom:16px;font-size:clamp(13px,1vw,15px);
	line-height:1.5;opacity:.92;letter-spacing:.5px;}
.hengtu-btn{display:inline-flex;align-items:center;gap:8px;
	background:linear-gradient(135deg,#ff8a1e,#ff6a00);color:#fff;
	font-style:normal;font-weight:600;font-size:clamp(14px,1.1vw,16px);
	padding:clamp(9px,.8vw,11px) clamp(20px,1.8vw,28px);border-radius:7px;
	box-shadow:0 8px 22px rgba(255,106,0,.42);transition:background .25s,transform .25s;}
.hengtu-btn i{font-style:normal;transition:transform .25s;}
.hengtu-link:hover .hengtu-btn{background:linear-gradient(135deg,#ff9b3d,#ff7d1f);}
.hengtu-link:hover .hengtu-btn i{transform:translateX(5px);}
}
/* 平板竖/横窄带：标语一行即可，副标语隐藏，留更多呼吸感 */
@media (max-width:900px){
.hengtu-sub{display:none;}
.hengtu-caption{padding:0 clamp(18px,5vw,40px);}
.hengtu-slogan{margin-bottom:12px;}
}


/* ============ 公司简介 about 响应式 ============ */
@media (max-width:900px){
  .about_hero_img{float:none;width:100%;margin:0 0 18px;}
  .about_hero_img img{max-height:340px;object-fit:cover;}
  .adv_list{flex-wrap:wrap;gap:12px;}
  .adv_list li{flex:1 1 calc(50% - 12px);}
}
@media (max-width:560px){
  .adv_list li{flex:1 1 100%;}
  .about_h2{font-size:20px;}
}


/* ===== 常见问题（FAQ）：≤640 微调 ===== */
@media (max-width:640px){
	.faq_q{padding:12px 34px 8px 12px;}
	.faq_qtxt{font-size:15px;line-height:24px;}
	.faq_tag{width:22px;height:22px;margin-right:8px;font-size:12px;line-height:22px;}
	.faq_a{padding:0 34px 12px 12px;}
	.faq_atxt{-webkit-line-clamp:3;font-size:12px;line-height:22px;}
	.faq_arrow{right:14px;top:18px;}
	.faq_list.mini .faq_q{padding:10px 30px 10px 10px;}
	.faq_detail .title .faq_tag{width:22px;height:22px;margin-right:8px;}
}


/* ===== 服务项目：≤1240 两列、≤640 一列 ===== */
@media (max-width:1240px){
	.service_list>li{flex:1 1 calc(50% - 10px);max-width:calc(50% - 10px);}
	.service_list.mini>li{flex:1 1 calc(50% - 8px);max-width:calc(50% - 8px);}
}
@media (max-width:640px){
	.service_list{gap:14px;}
	.service_list.mini{gap:12px;}
	.service_list>li,.service_list.mini>li{flex:1 1 100%;max-width:100%;}
	.service_list h3{font-size:15px;line-height:23px;}
	.service_list .stxt{padding:12px 13px 14px;}
	.service_list .smore{margin-top:10px;}
}