.banner{
	float:left;
	width:100%;
	height:300px;
	overflow:hidden;
	position:absolute;
	top:0px;
	z-index:-100;
}

.banner img{
	float:left;
	width:100%;
	height:300px;
}

@font-face {
/* font-test*/
	font-family: tonjay;
	src:local("Microsoft YaHei");
}

.product_text{
	width:1060px;
	height:auto;
	float:left;
	margin:0 auto;
	left:0px;
	right:0px;
	position:absolute;
	margin-top:80px;
}

.producttype{
	width:100%;
	height:60px;
	float:left;
}

.producttype img{
	display:block;
	width:55px;
	height:55px;
	float:left;
}

.productinfo{
	width:400px;
	height:55px;
	float:left;
	margin-left:10px;
	margin-top:-6px;
}

.producttype span{
	display:block;
	float:left;
	width:100%;
	height:35px;
	color:#fff;
	font-size:26px;
	font-weight:bold;
}

.producttype font{
	display:block;
	float:left;
	width:100%;
	height:25px;
	color:#fff;
	font-size:22px;
	font-weight:bold;
}

.productcate1{
	width:100%;
	height:auto;
	float:left;
	color:#fff;
	font-size:70px;
	font-weight:bold;
}

.productcate2{
	width:100%;
	height:auto;
	float:left;
	color:#fff;
	font-size:30px;
}

.main{
	width:1060px;
	height:auto;
	margin:0 auto;
	left:0px;
	right:0px;
	margin-top:243px;
	padding-top:30px;
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:20px;
}

.main img{
	width:100%;
	height:100%;
	float:left;
	display:block;
}

.item{
	width:auto;
	height:auto;
	float:none;
	margin:0;
}
.item:nth-child(4n) {
    margin-right: 0;
}
.item span{
	width:100%;
	height:30px;
	float:left;
	text-align:center;
	background:#000;
	display:block;
	color:#fff;
	line-height:30px;
	font-size:20px;
}

.item a{
	width:100%;
	height:auto;
	aspect-ratio:10 / 7;
	float:none;
	display:block;
}

.item a img{
	width:100%;
	height:100%;
	float:none;
	display:block;
	overflow:hidden;
	object-fit:cover;
}

@media (max-width: 1199px) {
	.product_text,
	.main {
		width: calc(100% - 48px);
		max-width: 1060px;
	}
}

@media (max-width: 1023px) {
	.banner {
		position: relative;
		z-index: 0;
		top: auto;
		height: 360px;
	}

	.banner > img {
		height: 100%;
		object-fit: cover;
	}

	.product_text {
		top: 50%;
		margin-top: 0;
		transform: translateY(-42%);
	}

	.productcate1 {
		font-size: clamp(42px, 8vw, 64px);
	}

	.productcate2 {
		font-size: clamp(20px, 4vw, 28px);
	}

	.main {
		margin-top: 0;
		padding: 32px 0 48px;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 18px;
	}

	.item span {
		height: auto;
		min-height: 42px;
		padding: 7px 8px;
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 20px;
		font-size: 16px;
	}
}

@media (max-width: 767px) {
	.banner {
		height: 300px;
	}

	.product_text,
	.main {
		width: calc(100% - 32px);
	}

	.producttype {
		height: auto;
		display: flex;
		align-items: center;
	}

	.producttype img {
		width: 42px;
		height: 42px;
		float: none;
		object-fit: contain;
	}

	.productinfo {
		width: auto;
		height: auto;
		float: none;
		margin: 0 0 0 12px;
	}

	.producttype span,
	.producttype font {
		width: auto;
		height: auto;
		float: none;
	}

	.producttype span {
		font-size: 20px;
		line-height: 26px;
	}

	.producttype font {
		font-size: 14px;
		line-height: 20px;
	}

	.productcate1 {
		margin-top: 24px;
		font-size: clamp(34px, 11vw, 48px);
		line-height: 1.15;
	}

	.productcate2 {
		margin-top: 8px;
		font-size: 17px;
		line-height: 1.4;
	}

	.main {
		padding: 20px 0 36px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}

	.item span {
		min-height: 40px;
		padding: 6px;
		font-size: 14px;
	}
}

@media (max-width: 380px) {
	.main {
		grid-template-columns: 1fr;
	}
}