@charset "utf-8";

/***************************************************************************
*
* INDEX STYLE
*
***************************************************************************/

.area{
	margin-bottom: 78px;
}
.area .areaTitle{
	margin-bottom: 43px;
}

#content{
	padding-top: 80px;
}

.areaProduct .inner{
	background: #d6e2ef;
	padding-bottom: 68px;
	margin-bottom: 80px;
}
.areaProduct .areaTitle{
	margin-bottom: 45px;
}

.areaProduct .productPhoto{
	margin-bottom: 78px;
}

.areaProduct .listPoint{
	width: 916px;
	margin: 0 auto;


}
.areaProduct .listPoint li{
	display: table;
	margin-bottom: 25px;
	min-height: 64px;
	width: 100%;

}
.areaProduct .listPoint li:last-child{
	margin-bottom: 0;
}
.areaProduct .listPoint li .point{
	width: 200px;
	font-size: 16px;
	/*font-weight: bold;*/
	color: #fff;
	text-align: center;
	background: url(../images/product/point-bg.jpg) no-repeat;
	background-size: 100% 100%;
	display: table-cell;
	vertical-align: middle;
	letter-spacing: 1.5px;
}
.areaProduct .listPoint li .point .pointNum{
	font-size: 24px;
}

.areaProduct .listPoint li .text{
	background: #fff;
	display: block;
	width: calc(100% - 202px);
	font-size: 16px;
	padding-left: 48px;
	display: table-cell;
	vertical-align: middle;
	letter-spacing: 1px;
    padding: 5px 10px 5px 48px;
}
/*areaMachining*/
.areaMachining{
	padding: 80px 0;
	background: url(../images/product/area-machining-bg.png) no-repeat;
	background-size: 100% 100%;
}
.areaMachining .inner{
	background: #d6e2ef;
	padding-top: 80px;
	padding-bottom: 65px;
}
.areaMachining .areaTitle{
	margin-bottom: 53px;
}

.areaMachining .listMachin{
	width: 920px;
	margin: 0 auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.areaMachining .listMachin li{
	width: 296px;
	margin: 0 15px 15px 0;
}
.areaMachining .listMachin li:nth-child(3n){
	margin-right: 0;
}



.areaMachining .listMachin li img{
	width: 100%;
}


@media(max-width: 768px){
	#content{
		padding-top: 30px;
	}
	.area {
		width: 92%;
		margin: 0 auto 20px;
	}
	.area .areaTitle{
		margin-bottom: 15px;
	}
	.areaProduct{
		width: 92%;
		margin: 0 auto;
	}
	.areaProduct .inner{
		padding: 0;
		margin-bottom: 23px;
	}
	.areaProduct .areaTitle{
		margin-bottom: 20px;
	}
	.areaProduct .productPhoto{
		margin-bottom: 30px;
	}
	.areaProduct .listPoint{
		width: 93%;
		padding-bottom: 12px;
	}
	.areaMachining .listMachin{
		width: 92.5%;
	}
	.areaProduct .listPoint li{
		display: block;
		height: auto;
		margin-bottom: 12px;
	}
	.areaProduct .listPoint li .text{
		display: block;
	    padding-left: 0;
	    width: 100%;
	    letter-spacing: 0;
	    padding: 12px 10px;
	    text-align: justify;
	}
	.areaProduct .listPoint li .point{
		width: 100%;
		display: block;
		padding: 4.5px 0;
	}
	/*areaMachining*/
	.areaMachining{
		padding: 25px 15px;
	}
	.areaMachining .inner{
		padding: 30px 0 0 0;
	}
	.areaMachining .areaTitle{
		margin-bottom: 20px;
	}
	.areaMachining .areaTitle .en{
		max-width: 86%;
	}
	.areaMachining .listMachin li{
		width: 48.7%;
		margin-right: 2.5%;
		margin-bottom: 2.5%;
	}

	.areaMachining .listMachin li:nth-child(3n){
		margin-right: 2.5%;
	}
	.areaMachining .listMachin li:nth-child(2n){
		margin-right: 0;
	}

}