@charset "utf-8";

/* CSS Document */

/*公司动态*/

.company h3 {

	height: 40px;

	font-weight: normal;

	font-size: 18px;

	border-bottom: 2px solid #666;

	box-sizing: border-box;

	margin-top: 40px;

}

.company h3 span {

	width: 160px;

	height: 40px;

	float: left;

	background-color: #e60717;

	text-align: center;

	line-height: 40px;

	color: #fff;

}

.company h3 em {

	float: right;

	line-height: 40px;

}

.company ul li {

	margin-top: 30px;

	padding: 20px 40px;

	border-top: 1px dashed #333;

	border-bottom: 1px dashed#333;

	box-sizing: border-box;

	overflow: hidden;

}

.company ul li h4 {
	display: flex;
	justify-content: space-between;
}

.company ul li:first-child {
	display: flex;
	justify-content: space-between;
}

.company ul li .img {

	width: 25%;

	min-width: 180px;

}

.company ul li .img img {
	max-width: 100%;
	height: auto;
}

.company ul li .con {

	width: 73%;

	overflow: hidden;

	margin-left: 20px;

}

.company ul li .con h4 a {

	font-size: 18px;

	font-weight: normal;

	color: #e60717;

}

.company ul li .con h4 a i {

	float: right;

	width: 25px;

	height: 25px;

	background: url(../img/company/com.png) 0px 0px no-repeat;

}

.company ul li .con .con-date {

	padding-left: 30px;

	margin-top: 20px;

	color: #333;

	background: url(../img/company/com.png) 0px -53px no-repeat;

}

.company ul li .con p {

	margin-top: 16px;

	color: #666;

	line-height: 1.8;

}

.company ul li h4 a {

	font-size: 18px;

	font-weight: normal;

	color: #e60717;

}

.company ul li h4 a i {

	margin-left: 30px;

	margin-bottom: -5px;

	width: 25px;

	height: 25px;

	display: inline-block;

	background: url(../img/company/com.png) 0px 0px no-repeat;

}

.company ul li h4 em {

	float: right;

	font-weight: normal;

	padding-left: 30px;

	background: url(../img/company/com.png) 0px -53px no-repeat;

}

.company ul li p {

	margin-top: 20px;

	color: #666;

	line-height: 1.8;

	text-indent: 2em;

}

.company .page {

	text-align: center;

	margin-top: 40px;

	margin-bottom: 50px;

}

.company .page a {

	padding: 4px 10px;

}

.company .page li {

	float: center;

	display: inline;



}



/*通用详情模板*/

.company img {
	max-width: 100%;
	height: auto;
}

.company h2 {

	font-size: 26px;

	font-weight: normal;

	color: #333;

	padding-bottom: 8px;

	border-bottom: 1px solid #dbdbdb;

	position: relative;

	margin-bottom: 50px;

}

.company h2 span {

	font-size: 14px;

	color: #666;

}

.company p {

	overflow: hidden;

	line-height: 1.8;



	margin-bottom: 20px;

}

.company p img {

	margin: 0 auto;

	display: block;

	text-indent: 0;

}

.company p strong {

	display: block;

}



.company p:last-child em {

	float: right;

}

/*磨粉专题*/
.mofen_hotpro {
	display: flex;
	justify-content: space-between;
}

.mofen {

	width: 70%;

}

.mofen ul li {

	padding-left: 20px;

	height: 40px;

	line-height: 40px;

	border-bottom: 1px dashed #999;

}

.mofen ul li em {

	float: right;

}

.mofen .page {

	text-align: center;

	margin-top: 30px;

}

.mofen .page a {

	padding: 4px 10px;

}

.mofen .page li {

	display: inline;

}

.hotpro {

	width: 27%;

}

.hotpro h3 {

	font-size: 20px;

	font-weight: normal;

	padding-left: 30px;

	background: url(../img/company/com.png) 0px -103px no-repeat;

}

.hotpro ul li {

	width: 100%;

	/* height: 240px; */

	margin-top: 30px;

	position: relative;

}

.hotpro ul li img {
	width: 100%;
	height: auto;
}

.hotpro ul li p {

	text-align: center;

	width: 100%;

	height: 36px;

	line-height: 36px;

	font-size: 16px;

	background-color: rgba(0, 0, 0, 0.6);

	position: absolute;

	bottom: 0;

}

.hotpro ul li p a {

	color: #fff;

	display: block;

}

.hotpro ul li p a:hover {

	color: #e60717;

}

/*生产线现场*/

.line ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.line ul li {

	width: 32%;

	margin-bottom: 30px;

}

.line ul li img {
	width: 100%;
}

.line ul li:last-child:nth-child(3n-1) {

	margin-right: calc(32% + 4%/2);

}

.line ul li p {

	text-align: center;

	font-size: 16px;

	line-height: 2;

}

@media screen and (max-width:1080px) {
	.mofen_hotpro {
		flex-wrap: wrap;
	}

	.mofen,
	.hotpro {
		width: 100%;
	}

	.hotpro ul {
		display: flex;
		justify-content: space-between;
	}

	.hotpro ul li {
		width: 32%;
	}
}

@media screen and (max-width:768px) {
	.company ul li:first-child {
		flex-wrap: wrap;
		justify-content: center;
	}

	.company ul li {
		padding: 20px;
	}

	.company ul li .img,
	.company ul li .con {
		width: 100%;
		text-align: center;
	}

	.company ul li .con {
		margin-top: 15px;
	}

	.company ul li h4 {
		justify-content: center;
		flex-wrap: wrap;
	}

	.company ul li h4 em {
		margin-top: 20px;
	}

	.hotpro_ul {
		overflow: scroll;
		white-space: nowrap;
	}

	.hotpro ul {
		display: block;
	}

	.hotpro ul li {
		display: inline-block;
		min-width: 285px;
	}

	.line ul li {
		width: 49%;
	}
}