@charset "utf-8";
html,body,dl,dt,dd,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
*,*::before,*::after{ box-sizing: border-box; }
html,body{
	width: 100%;
	position: relative;
	/* 原为 min-width:1024px —— 它会把手机也锁在桌面宽度上，H5 适配必须去掉 */
	font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"SimSun" !important;
	-webkit-text-size-adjust: 100%;  /* iOS 横竖屏切换时不准放大字号 */
}
em,i{
	font-style: normal;
}
a{
	text-decoration: none;
}
li{ list-style: none outside none;}
img{ max-width: 100%; height: auto; display: block; }

.body_content{
	width: 80%;
	margin: 0 auto;
}
.banner {
	width: 100%;
	overflow: hidden;
}
.banner img{
	width: 100%;
	height: auto;
}
.about_us{
	font-size: 16px;
}
/* 原为 height/line-height:100px —— 定高在窄屏会把标题挤坏，改用上下留白撑开 */
.title{
	padding: 40px 0;
	text-align: center;
	font-weight: bold;
	letter-spacing: 3px;
	font-size: 24px;
}
.about_content{
	width: 100%;
}

.about_content p{
	text-indent: 2em;
	line-height: 200%;
}

.product{
	margin-top: 20px;
}
/* 原为 float 布局 + <ul> 里的 .clear 占位（div 不能是 ul 的直接子元素）；换成 flex 自动换行 */
.product ul{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.product ul li{
	width: 25%;
	text-align: center;
	margin-top: 20px;
}
.product ul li img{
	width: 100px;
	height: auto;
	margin: 0 auto;
}
/* 原为 height/line-height:60px —— 同理改为留白撑开 */
.product ul li p{
	margin-top: 12px;
	letter-spacing: 3px;
}
.footer{
	width: 100%;
	text-align: center;
	font-size: 12px;
	line-height: 40px;
	margin-top: 60px;
	color: #999999;
}

/* ===================== H5（窄屏）适配 ===================== */
/* 768px 覆盖手机竖屏与大部分横屏；只调布局数值，不动结构与文案 */
@media (max-width: 768px) {
	.body_content{
		width: 92%;
	}
	.title{
		padding: 24px 0;
		font-size: 20px;
		letter-spacing: 2px;
	}
	.about_us{
		font-size: 14px;
	}
	.about_content p{
		line-height: 180%;
	}
	/* 产品九宫格：桌面 4 列 → 手机 2 列，图标同步缩小 */
	.product ul li{
		width: 50%;
		margin-top: 16px;
	}
	.product ul li img{
		width: 64px;
	}
	.product ul li p{
		margin-top: 8px;
		font-size: 14px;
		letter-spacing: 1px;
	}
	/* 版权行含备案号，窄屏必然折行，改为自适应高度 */
	.footer{
		margin-top: 32px;
		line-height: 1.8;
		padding: 0 12px 16px;
	}
}