.tp_bgpic {
	width: 100%;
	height: 560px;
	background-image: url(/asset/img/aboutBan.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-idnex: 1;
}

.pro_ico {
	width: 200px;
	height: 200px;
	background-color: #f7f9fa;
}

.pro_ic {
	width: 100%;
	height: 100%;
}

.product_list {
	margin-top: 60px;
	display: grid;
	grid-template-columns: 25% 25% 25% 25%;
}

.out_pro {
	display: flex;
}

.flex-end {
	justify-content: flex-end;
}

.sin_product {
	background-color: #FFFFFF;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-box-shadow: 0 4px 8px 6px rgba(7, 17, 27, 0.06);
	box-shadow: 0 4px 8px 6px rgba(7, 17, 27, 0.06);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.sin_product:hover {
	cursor: pointer;
	-webkit-box-shadow: 0 4px 12px 12px rgba(7, 17, 27, 0.15);
	box-shadow: 0 4px 12px 12px rgba(7, 17, 27, 0.15);
	transition: all .3s ease;
}

.in_pro_ca {
	margin: 20px;
}

.mid_content {
	padding: 60px 0px 100px 0px;
}

.pro_text {
	font-family: "NotoSansHans-Regular";
	font-size: 32px;
	color: #333333;
}

.pro_textline {
	width: 50px;
	height: 5px;
	margin: 30px 0px 0px 0px;
	background-color: #c4102a;
}

.pro_name {
	display: flex;
	justify-content: center;
	margin-top: 20px;
	font-family: "NotoSansHans-Bold";
	font-size: 16px;
	color: #333333;
}