.xlxq_top1{
	padding-top:clamp(40px,4.167vw,80px);
	padding-bottom:clamp(40px,6vw,115px);
	background: url("../images/xiliexiangqing_top1_bg.png") no-repeat center bottom;
	background-size: 100%;
}

.xlxq_top1_p1{
	display: flex;
	justify-content: space-between;
}

.xlxq_top1_p1_left{
	width: 50%;
	flex-shrink: 0;
}

.xlxq_top1_p1_right{
	width: 44.8%;
	flex-shrink: 0;
}

.xlxq_top1_p1_r{
	width: 44.8%;
	
}
.xlxq_top1_p1_left_t1{
	margin-bottom: clamp(14px, 1.4583vw, 28px);
}

.xlxq_top1_p2{
	padding-top:clamp(40px,4.167vw,80px);
	padding-bottom:clamp(40px,4.167vw,80px);
	background: #f2f6f9;
}

.xlxq_top1_p2_con{
	padding-top:clamp(30px,3.125vw,60px);
	display: flex;
	flex-wrap: wrap;
	
}

.qingbao_item{
	width: 22.9%;
	position: relative;
	margin-right:2.8%;

}
.qingbao_item:nth-of-type(4n){
	margin-right:0;

}


.ibanner_txt_t1 {
	font-size: 48px;
}
.qingbao_item .mask{
	width: 100%;
	height: 100%;
	left:0;
	top:0%;
	position: absolute;
	z-index: 2;
	background-image: linear-gradient(to bottom,rgba(0,94,174,0),rgba(0,94,174,0),rgba(0,94,174,0),rgba(0,94,174,0),rgba(0,94,174,0.7));
}
.qingbao_item_txt{
	width: 100%;
	height: 100%;
	left:0;
	top:0%;
	position: absolute;
	z-index: 3;
	padding-left:clamp(10px,1.1458vw,22px);
	padding-right:clamp(10px,1.1458vw,22px);
	padding-bottom:clamp(6px,0.625vw,12px);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.qingbao_item_txt_t1{
	margin-bottom: clamp(7px,0.729vw,14px);
}


.qingbao_item.active .mask{
	background-image: linear-gradient(to bottom,rgba(0,94,174,0.7),rgba(0,94,174,0.7));
}

.xlxq_top1_p3{
	padding-top:clamp(40px,4.167vw,80px);
	padding-bottom:clamp(20px,2.08vw,40px);
}

.xlxq_top1_p3_nr{
	padding-top:clamp(30px,3.125vw,60px);
	display: flex;
	flex-wrap: wrap;
}

.xlxq_top1_p3_nr_item{
	border:1px solid #dae5ed;
	width: 31%;
	margin-bottom: 3.5%;
	margin-right:3.5%;
	position: relative;
}
.xlxq_top1_p3_nr_item:nth-of-type(3n){
	margin-right:0;
}


.xlxq_top1_p3_nr_item_img{
	padding-top:100%;
	position: relative;
}

.xlxq_top1_p3_nr_item_img_inner{
	height: 78.4%;
	width: 65%;
	z-index: 1;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
}

body.pro-shuizhi .xlxq_top1_p3_nr_item_img_inner{
	width: 50%;
}

body.pro-shuizhi .xlxq_top1_p3_nr_item_img_inner--tcmia{
	width: 65%;
}

body.pro-shuizhi .title-dot-en{
	font-family: Arial, Helvetica, "Segoe UI", sans-serif;
}

body.pro-shuizhi .xlxq_top1_p4 .w_19{
	max-width: 1320px;
}

body.pro-shuizhi .xlxq_top1_p4_con{
	align-items: stretch;
}

body.pro-shuizhi .xlxq_top1_p4_con_left{
	width: 54%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background: #fff;
	aspect-ratio: 1920 / 1441;
	min-height: 100%;
}

body.pro-shuizhi .xlxq_top1_p4_con_left img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	display: block;
}

body.pro-shuizhi .xlxq_top1_p4_con_right{
	width: 46%;
	padding: 2.6% 3%;
	box-sizing: border-box;
}

body.pro-shuizhi .xlxq_top1_p4_con_right .f18{
	font-size: clamp(16px, 1.2vw, 19px);
	line-height: 1.9;
}

body.pro-zidongmen .xlxq_top1_p3_nr_item_img_inner{
	width: 80%;
}

/* 自动门首页产品详情图 */
body.pro-zidongmen .xlxq_top1_p3_nr_item_img_inner--zd50{
	width: 50%;
}

/* 平移门列表图 */
body.pro-zidongmen .xlxq_top1_p3_nr_item_img_inner--zd80{
	width: 80%;
}

/* 平移门：OM-104C / OP-08C */
body.pro-zidongmen .xlxq_top1_p3_nr_item_img_inner--zd60{
	width: 60%;
}

body.pro-hanxiji .xlxq_top1_p1_right{
	width: 46%;
}

body.pro-hanxiji .xlxq_top1_p1_right img{
	display:block;
}

body.pro-hanxiji .xlxq_top1_p3_nr_item_img_inner--hanxiji{
	width: 42%;
	height: 64%;
	top: 4%;
}

body.pro-hanxiji .xlxq_top1_p3_nr_item--last{
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width:768px){
	body.pro-hanxiji .xlxq_top1_p3_nr_item--last{
		margin-left: 0;
		margin-right: 4% !important;
	}
	body.pro-hanxiji .xlxq_top1_p3_nr_item--last:nth-of-type(2n){
		margin-right: 0 !important;
	}
}

/* 咨询电话 + 特点区共用一套背景，避免两段背景线断裂 */
body.pro-hanxiji .xlxq_top1_p4--hanxiji-bottom{
	padding-top: clamp(24px,2.2vw,40px);
	padding-bottom: clamp(28px,2.8vw,48px);
}

body.pro-hanxiji .xlxq_top1_p4_con--hanxiji-contact{
	width: 100%;
	padding-top: 0;
	/* 与上方间隔同值，咨询块上下留白统一；特点区不改 */
	padding-bottom: clamp(24px,2.2vw,40px);
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}

body.pro-hanxiji .xlxq_top1_p4_con_item--contact{
	width: 100%;
	margin-bottom: 0;
	padding: clamp(20px,2vw,32px) clamp(24px,2.7vw,52px);
	box-sizing: border-box;
	background:#fff;
	box-shadow: 0 12px 30px rgba(0,0,0,.06);
}

body.pro-hanxiji .xlxq_top1_p4_con_item--contact .xlxq_top1_p4_con_item_t2{
	font-size: clamp(20px,1.7vw,30px);
	margin-bottom: 10px;
}

body.pro-hanxiji .xlxq_top1_p4_con_item--contact .xlxq_top1_p4_con_item_t1{
	font-size: clamp(24px,2vw,36px);
	color:#005eae;
}

body.pro-hanxiji .xlxq_top1_p4_con--hanxiji-feature{
	align-items: stretch;
	padding-top: 0;
	padding-bottom: 0;
	box-sizing: border-box;
}

body.pro-hanxiji .xlxq_top1_p4_con--hanxiji-feature .xlxq_top1_p4_con_left{
	width: 54%;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#fff;
}

body.pro-hanxiji .xlxq_top1_p4_con--hanxiji-feature .xlxq_top1_p4_con_left img{
	width:100%;
	height:100%;
	object-fit:contain;
}

body.pro-hanxiji .xlxq_top1_p4_con--hanxiji-feature .xlxq_top1_p4_con_right{
	width: 46%;
	padding: 2.6% 3%;
	box-sizing:border-box;
}

body.pro-hanxiji .xlxq_top1_p4_con--hanxiji-feature .xlxq_top1_p4_con_right .f18{
	font-size: clamp(16px,1.2vw,19px);
	line-height: 1.9;
}

@media screen and (max-width:768px){
	body.pro-hanxiji .xlxq_top1_p4_con_item--contact .xlxq_top1_p4_con_item_t2{
		font-size: clamp(16px,4.5vw,22px);
	}
	body.pro-hanxiji .xlxq_top1_p4_con_item--contact .xlxq_top1_p4_con_item_t1{
		font-size: clamp(18px,5vw,24px);
	}
}

body.pro-ruqin .xlxq_top1_p3_nr_item_img_inner{
	width: 100%;
}

body.pro-ruqin .ruqin-top1{
	display: block;
}

body.pro-ruqin .ruqin-top1__title{
	margin-bottom: clamp(14px, 1.4583vw, 28px);
}

body.pro-ruqin .ruqin-top1__body{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

body.pro-ruqin .ruqin-top1__body .xlxq_top1_p1_left,
body.pro-ruqin .ruqin-top1__body .xlxq_top1_p1_right{
	width: 50%;
	flex-shrink: 0;
}

body.pro-ruqin .ruqin-top1__body .xlxq_top1_p1_right{
	width: 44.8%;
}

body.pro-ruqin .xlxq_top1_p1_left_t2 .ruqin-intro{
	line-height: 1.67;
}

body.pro-ruqin .ruqin-intro__block{
	margin: 0;
	padding: 0;
}

body.pro-ruqin .ruqin-intro__label{
	color: #333;
	font-weight: 700;
}

body.pro-ruqin .ruqin-intro__list{
	margin: 0;
	padding: 0 0 0 1.25em;
	list-style: disc outside;
}

body.pro-ruqin .ruqin-intro__list li{
	display: list-item;
	margin: 0;
	padding: 0;
	list-style: disc outside;
}










.xlxq_top1_p3_nr_item_txt{
	padding-top:clamp(15px,1.5625vw,30px);
	padding-bottom:clamp(15px,1.5625vw,30px);
	background: #f2f6f9;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom:0;
	left:0;
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	z-index: 2;

}

.xlxq_top1_p3_nr_item_txt b{
	width: clamp(6px, 0.46875vw, 9px);
	margin-right: clamp(6px, 0.625vw, 12px);
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
}

.pro-card-title {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	line-height: 1.35;
	min-width: 0;
	width: 100%;
}

.pro-card-title__name,
.pro-card-title__model {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

.pro-card-title__name {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	max-width: 100%;
}

.pro-card-title__model {
	font-size: 0.92em;
	margin-top: 0.15em;
}

.pro-card-title--option {
	font-size: inherit;
}

.el_productHead_hdg .pro-card-title,
.el_productHead_hdg .pro-card-title__name,
.el_productHead_hdg .pro-card-title__model {
	display: inline;
	text-align: inherit;
}

/* 产品详情蓝标签：背景随文字宽度，不铺满整行 */
.el_productHead_label {
	display: inline-block;
	width: fit-content;
	max-width: 100%;
	box-sizing: border-box;
}
.el_productHead_meta {
	flex-wrap: wrap;
}
.el_productHead_meta .el_productHead_label {
	flex: 0 0 auto;
}

.c-optionName .pro-card-title {
	text-align: center;
}

.c-optionName .pro-card-title__name {
	justify-content: flex-start;
}

.c-optionName .pro-card-title__name b {
	width: clamp(6px, 0.46875vw, 9px);
	margin-right: clamp(6px, 0.625vw, 12px);
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
}

.c-optionName .pro-card-title__name b img {
	display: block;
	width: 100%;
	height: auto;
}

.xlxq_top1_p4{
	padding-top:clamp(40px,4.167vw,80px);
	background: url("../images/ttt.jpg") no-repeat center top;
	background-size: 100%;
}
.xlxq_top1_p4_con{
	padding-top:clamp(30px,3.125vw,60px);
	padding-bottom:clamp(58px,6.04vw,116px);
	display: flex;
	justify-content: space-between;

	flex-wrap: wrap;
	
}

.xlxq_top1_p4_con_left{
	width: 46.55%;
}

.xlxq_top1_p4_con_right{
	width: 53.45%;
	padding:3.45%;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.xlxq_top1_p5{
	padding-top:clamp(40px,4.167vw,80px);
}

.xlxq_top1_p5_con{
	padding-top:clamp(30px,3.125vw,60px);
	padding-bottom:clamp(58px,6.04vw,116px);
	display: flex;
	justify-content: space-between;
	
}

.xlxq_top1_p4_con_item{
	width:31% ;
	padding-top:clamp(28px, 2.9167vw, 56px);
	padding-bottom:clamp(18px,1.875vw,36px);
	background-image: linear-gradient(to bottom,#f2f6ff,#fff);
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 4.5%;

}
a.xlxq_top1_p4_con_item,
a.xlxq_top1_p4_con_item:hover,
a.xlxq_top1_p4_con_item:focus {
	text-decoration: none;
	color: inherit;
}
a.xlxq_top1_p4_con_item:hover {
	transform: translateY(-3px);
	box-shadow: 0 6px 20px rgba(0, 74, 194, 0.12);
}
a.xlxq_top1_p4_con_item .xlxq_top1_p4_con_item_t2,
a.xlxq_top1_p4_con_item:hover .xlxq_top1_p4_con_item_t2 {
	color: #333;
}
.xlxq_top1_p4_con_item--static {
	cursor: default;
}
.xlxq_top1_p4_con_item_img{
	width: clamp(100px,8.229vw,158px);
}
.xlxq_top1_p4_con_item_t1{
	color: rgba(0,74,194,.1);
	margin-top:clamp(12px,1.1458vw,22px);
	font-size: clamp(16px, 2.2vw, 34px);
	height: auto;
	min-height: 1.15em;
	line-height: 1.15;
	text-align: center;
}

.xlxq_top1_p4_con_item_t2{
	transform: translateY(-10px);
	font-size: clamp(14px, 2vw, 32px);
	height: auto;
	min-height: 1.15em;
	line-height: 1.15;
}


@media screen and (max-width:1100px ) {
	.ibanner_txt_t1 {
		font-size: 42px;
	}
}

@media screen and (max-width:900px ) {
	.ibanner_txt_t1 {
		font-size: 36px;
	}
	/* 水质模块化区块：平板起改为上下布局，保证图完整 */
	body.pro-shuizhi .xlxq_top1_p4 .w_19{
		max-width: 100%;
	}
	body.pro-shuizhi .xlxq_top1_p4 .xlxq_top1_p4_con{
		flex-direction: column;
		align-items: stretch;
	}
	body.pro-shuizhi .xlxq_top1_p4_con_left,
	body.pro-shuizhi .xlxq_top1_p4_con_right{
		width: 100%;
	}
	body.pro-shuizhi .xlxq_top1_p4_con_left{
		aspect-ratio: auto;
		min-height: 0;
		overflow: visible;
	}
	body.pro-shuizhi .xlxq_top1_p4_con_left img{
		width: 100%;
		height: auto;
		object-fit: contain;
	}
	body.pro-shuizhi .xlxq_top1_p4_con_right{
		padding: 20px 18px;
	}
	body.pro-shuizhi .xlxq_top1_p4_con_right .f18{
		font-size: 15px;
		line-height: 1.85;
	}
}

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

	.xlxq_top1_p3_nr_item{
	
	width: 48%;
	margin-bottom: 4%;
	margin-right:4%;
}
.xlxq_top1_p3_nr_item:nth-of-type(3n){
	margin-right:4%;
}
.xlxq_top1_p3_nr_item:nth-of-type(2n){
	margin-right:0%;
}

	.xuanpei-list-wrap{
		gap: 4%;
	}
	.xuanpei-list-wrap .xuanpei-list-item{
		width: calc((100% - 4%) / 2);
	}


	.ibanner_txt_t1 {
		font-size: 30px;
	}
	.xlxq_top1_p1{
		flex-direction: column;
	}
	body.pro-ruqin .ruqin-top1__body{
		flex-direction: column;
		align-items: stretch;
	}
	body.pro-ruqin .ruqin-top1__body .xlxq_top1_p1_left,
	body.pro-ruqin .ruqin-top1__body .xlxq_top1_p1_right{
		width: 100%;
	}
	body.pro-ruqin .ruqin-top1__body .xlxq_top1_p1_right{
		margin-top: 20px;
	}
	.xlxq_top1_p1_left{
		width: 100%;
	}
	.xlxq_top1_p1_right{
		width: 100%;
		margin-top: 20px;
	}
	.qingbao_item{
		width: 48%;
		margin-right:4%;
		margin-bottom: 4%;

	}
	.qingbao_item:nth-of-type(4n){
		margin-right:4%;
		
	}
	.qingbao_item:nth-of-type(2n){
		margin-right:0;
	}
	/* 仅上方图文区竖排，不影响底部三入口 */
	.xlxq_top1_p4 .xlxq_top1_p4_con {
		flex-direction: column;
	}
	body.pro-shuizhi .xlxq_top1_p4 .w_19{
		max-width: 100%;
	}
	body.pro-shuizhi .xlxq_top1_p4_con_left,
	body.pro-shuizhi .xlxq_top1_p4_con_right{
		width: 100%;
	}
	body.pro-shuizhi .xlxq_top1_p4_con_left{
		aspect-ratio: auto;
		min-height: 0;
		overflow: visible;
	}
	body.pro-shuizhi .xlxq_top1_p4_con_left img{
		width: 100%;
		height: auto;
		object-fit: contain;
	}
	body.pro-shuizhi .xlxq_top1_p4_con_right{
		padding: 16px 14px;
	}
	body.pro-shuizhi .xlxq_top1_p4_con_right .f18{
		font-size: 14px;
		line-height: 1.8;
	}
	/* 自动门/平移门列表图：小屏仍按专用类比例 */
	body.pro-zidongmen .xlxq_top1_p3_nr_item_img_inner--zd50{
		width: 50%;
	}
	body.pro-zidongmen .xlxq_top1_p3_nr_item_img_inner--zd80{
		width: 80%;
	}
	body.pro-zidongmen .xlxq_top1_p3_nr_item_img_inner--zd60{
		width: 60%;
	}
	.xlxq_top1_p4 .xlxq_top1_p4_con_left{
		width:100%;
	}
	.xlxq_top1_p4 .xlxq_top1_p4_con_right {
		width: 100%;
	}
			
}

@media screen and (max-width:500px ) {
	.ibanner_txt_t1 {
		font-size: 24px;
	}
		
}/* hanxiji-grid-fix-20260908 */
body.pro-hanxiji .hanxiji-grid .xlxq_top1_p3_nr_item{
	width: 48.25% !important;
	margin-right: 3.5% !important;
}
body.pro-hanxiji .hanxiji-grid .xlxq_top1_p3_nr_item:nth-of-type(2n){
	margin-right: 0 !important;
}
body.pro-hanxiji .hanxiji-grid .xlxq_top1_p3_nr_item:nth-of-type(3n){
	margin-right: 3.5% !important;
}
body.pro-hanxiji .hanxiji-grid .xlxq_top1_p3_nr_item--wide{
	width: 48.25% !important;
	margin-right: 0 !important;
}
body.pro-hanxiji .hanxiji-grid .xlxq_top1_p3_nr_item--wide .xlxq_top1_p3_nr_item_img{
	padding-top: 100% !important;
}
body.pro-hanxiji .hanxiji-grid .xlxq_top1_p3_nr_item_img_inner--hanxiji-wide{
	width: 42% !important;
	height: 64% !important;
	top: 4% !important;
}
@media screen and (max-width:768px){
	body.pro-hanxiji .hanxiji-grid .xlxq_top1_p3_nr_item,
	body.pro-hanxiji .hanxiji-grid .xlxq_top1_p3_nr_item--wide{
		width: 48% !important;
	}
}
