/*
	你的代码写在这里
	style.css是style.less生成的，不要直接改动style.css的内容，不然会被style.less覆盖
*/

/* 二级页面 banner：背景图 + 文字 */
.container .page-banner {
	height: 280px;
	background-image: var(--banner-bg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.container .page-banner .page-banner__inner {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	color: #fff;
	padding: 0 20px;
}
.container .page-banner .page-banner__tit {
	margin: 0;
	padding: 0;
	font-size: 42px;
	font-weight: normal;
	line-height: 1.2;
	letter-spacing: 4px;
	color: #fff;
}
.container .page-banner .page-banner__en {
	margin: 12px 0 0;
	padding: 0;
	font-size: 18px;
	line-height: 1.4;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.92);
}
@media only screen and (max-width: 1200px) {
	.container .page-banner {
		height: 180px;
		background-image: var(--banner-bg-m, var(--banner-bg));
	}
	.container .page-banner .page-banner__tit {
		font-size: 28px;
		letter-spacing: 2px;
	}
	.container .page-banner .page-banner__en {
		font-size: 14px;
		letter-spacing: 2px;
	}
}

@media only screen and (max-width: 1440px){
.column-menu .menu{
	    margin-right: 50px;
}
}

@media only screen and (max-width: 1200px){
.column-menu .menu{
	    margin-right: 0px;
}
}


/* 产品详情页图片自适应 */
.product-page .details .tabbox img{
	max-width:100%;
}


/* 首页新闻图片 */
.main .newsbox .news li .pic{
	height:unset;
}
.main .newsbox .news li .pic img{
	margin-top:0px;
}

/* 侧边栏隐藏 */
@media only screen and (min-width: 1200px){
	.fixed-sidebar li:first-child{
		display:none;
	}
	.fixed-sidebar li:nth-child(2){
		display:none;
	}
		.fixed-sidebar li:nth-child(3){
		display:none;
	}
}

/*  产品详情文字默认大小  */
.product-page .details .tabbox{
	font-size:15px;
}

/* WhatsApp 右下角浮标 */
.whatsapp-float {
	position: fixed;
	right: 12px;
	bottom: 28%;
	z-index: 91;
	width: 56px;
	height: 56px;
	display: block;
	transition: transform 0.3s ease;
}
.whatsapp-float:hover {
	transform: scale(1.08);
}
.whatsapp-float img {
	width: 100%;
	height: 100%;
	display: block;
}
@media only screen and (max-width: 1200px) {
	.whatsapp-float {
		right: 8px;
		bottom: 72px;
		width: 50px;
		height: 50px;
	}
}

/* 英文站 footer 邮箱与地址 */
.footer .en-footer-contact {
	display: flex;
	float: left;
	flex-direction: column;
	align-items: flex-start;
	gap: 28px;
	margin-right: 36px;
}
.footer .en-footer-contact .qrcode,
.footer .en-footer-contact .en-contact-info {
	float: none;
	margin-left: 0;
}
.footer .en-footer-contact .qrcode {
	align-self: flex-start;
	width: 126px;
	text-align: center;
}
.footer .en-footer-contact .qrcode .pic {
	width: 126px;
}
.footer .en-footer-contact .qrcode .txt {
	width: 126px;
	text-align: center;
}
.footer .en-footer-contact .en-contact-info {
	display: flex;
	flex-direction: column;
	max-width: 310px;
	padding-top: 8px;
	text-align: left;
}
.footer .en-footer-contact .en-contact-info .txt {
	line-height: 22px;
	font-size: 14px;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	margin-top: 0;
	text-align: left !important;
}
.footer .en-footer-contact .en-contact-info .txt a {
	font-size: 14px;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}
.footer .en-footer-contact .footer-email,
.footer .en-footer-contact .footer-address,
.footer .en-footer-contact .footer-email a {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}
.footer .en-footer-contact .en-contact-info,
.footer .en-footer-contact .en-contact-info *,
.footer .en-footer-contact .en-contact-info a:link,
.footer .en-footer-contact .en-contact-info a:visited,
.footer .en-footer-contact .en-contact-info a:hover,
.footer .en-footer-contact .en-contact-info a:active {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	opacity: 1 !important;
	filter: none !important;
}
.footer .en-footer-contact .en-contact-info .txt span {
	display: none;
}
.footer .en-footer-contact .en-contact-info .footer-address {
	margin-top: 16px;
	line-height: 22px;
	word-break: normal;
}

/* 单页内容（如服务页）：电脑端段落间距 */
@media only screen and (min-width: 1201px) {
	.single-page .wrap {
		padding-top: 12px;
		padding-bottom: 24px;
		line-height: 2;
	}
	.single-page .wrap p {
		margin-bottom: 24px;
	}
	.single-page .wrap p:last-child {
		margin-bottom: 0;
	}
	.single-page .wrap li {
		margin-bottom: 14px;
		line-height: 1.95;
	}
}

@media only screen and (max-width: 1200px) {
	.footer .en-footer-contact {
		display: block;
		float: none;
		margin-right: 0;
	}
	.footer .en-footer-contact .en-contact-info {
		max-width: none;
		padding: 0 10px;
	}
	.footer .en-footer-contact .en-contact-info .footer-email br {
		display: block;
	}

	/* 首页栏目描述：手机端加大标题与正文间距 */
	.main .columntitle .txt {
		margin-top: 20px;
		line-height: 1.85;
		padding: 0 12px;
	}

	/* 单页内容（如服务页）：手机端段落间距加大 */
	.single-page .wrap {
		padding-top: 8px;
		padding-bottom: 8px;
		line-height: 1.9;
	}
	.single-page .wrap p {
		margin-bottom: 18px;
	}
	.single-page .wrap p:last-child {
		margin-bottom: 0;
	}
	.single-page .wrap li {
		margin-bottom: 10px;
		line-height: 1.85;
	}
}