@charset "utf-8";

/* CSS Document */

/*banner开始*/

.banner {

	width: 100%;

	overflow: hidden;

	height: 550px;

	position: relative;

}

.banner .pic {

	position: absolute;

	margin-left: -960px;

	left: 50%;

}

.banner .prev,
.banner .next {

	position: absolute;

	left: 3%;

	top: 50%;

	margin-top: -25px;

	display: block;

	width: 32px;

	height: 40px;

	background: url(../img/slider-arrow.png) -110px 5px no-repeat;

	filter: alpha(opacity=50);

	opacity: 0.5;

}

.banner .next {

	left: auto;

	right: 3%;

	background-position: 8px 5px;

}

.banner .prev:hover,
.banner .next:hover {

	filter: alpha(opacity=100);

	opacity: 1;

}

.banner .prevStop {

	display: none;

}

.banner .nextStop {

	display: none;

}

/*热销产品*/

.hotpro {

	margin-top: 30px;

}

.hotpro h2 {

	max-width: 1200px;

	text-align: center;

	font-size: 30px;

	color: #222;

	margin-bottom: 30px;

	position: relative;

}

.hotpro h2 a {

	font-size: 24px;

	color: #222;

	position: absolute;

	right: 0;

}

.hotpro h2 a em {

	width: 40px;

	height: 40px;

	vertical-align: bottom;

	display: inline-block;

	background: url(../img/icon.png) 13px -66px no-repeat;

}

.hotpro h2 a:hover {

	color: #e60717;

}

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

.hotpro ul li {
	width: 24%;
}

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

.hotpro ul li:last-child:nth-child(4n-1) {
	margin-right: calc(24% + 4%/3);
}

.hotpro ul li:last-child:nth-child(4n-2) {
	margin-right: calc(48% + 8%/3);
}

.hotpro ul li>div {

	margin-bottom: 40px;

	overflow: hidden;

}

.hotpro ul li div p {

	text-align: center;

	font-size: 20px;

	line-height: 60px;

}

.hotpro ul li div span,
.hotpro ul li div em {
	padding: 10px;
	display: block;

	text-align: center;

	border: 1px solid #333;

}

.view-price {
	display: flex;
	justify-content: space-around;
}

.hotpro ul li div span {}

.hotpro ul li div em {}

.hotpro ul li div span:hover,
.hotpro ul li div em:hover {

	border: 1px solid #e60717;

}

/*关于我们*/

.about {

	width: 100%;

	margin-bottom: 30px;

}

.about h2 {

	font-size: 30px;

	text-align: center;

	margin-bottom: 30px;

}

.about h2 a {

	color: #222;

}

.about .about-banner {


	background: url(../img/about.jpg) center no-repeat;

	background-size: cover;

	padding: 50px 0;

}

.about .about-banner p {

	width: 700px;

	color: #fff;

	font-size: 16px;

	line-height: 1.8;

	text-indent: 2em;

	margin-left: auto;

}

.about .about-banner p a {

	color: #e60717;

	font-weight: 700;

	text-decoration: underline;

}

/*新闻资讯*/
.info_news_contact {
	display: flex;
	justify-content: space-between;
}

.info,
.news,
.contact {

	width: 32%;

}

.info h2,
.news h2,
.contact h2 {

	font-size: 30px;

	padding-left: 50px;

	margin-bottom: 10px;

}

.info h2 a,
.news h2 a,
.contact h2 a {

	color: #222;

}

.info h2 {

	background: url(../img/icon.png) 0 -132px no-repeat;

}

.news h2 {

	background: url(../img/icon.png) 0 -194px no-repeat;

}

.contact h2 {

	padding-left: 40px;

	background: url(../img/icon.png) 0 -262px no-repeat;

}

.info p,
.news p {

	height: 33px;

	line-height: 33px;

	border-bottom: 1px dashed #aaa;

	display: flex;

	justify-content: space-between;

}

.info p a,
.news p a {

	padding-left: 20px;

	background: url(../img/icon.png) 0 -315px no-repeat;

}

.info p a:hover,
.news p a:hover {

	margin-left: 10px;

}

.info p span,
.news p span {

	float: right;

}

.news {}

.contact p {

	line-height: 2.2;

}

@media screen and (max-width:1080px) {
	.hotpro ul li {
		width: 32%;
	}

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

	.info_news_contact {
		flex-wrap: wrap;
	}

	.info,
	.news,
	.contact {
		width: 100%;
	}
}


@media screen and (max-width:768px) {
	.hotpro ul li {
		width: 49%;
	}



	.about .about-banner p {
		max-width: 100%;
		margin-left: 0;
		width: 100%;
		padding: 50px 15px;
	}
}


@media screen and (max-width:400px) {

	.info p a,
	.news p a {
		width: 74%;
		overflow: hidden;

		white-space: nowrap;

		text-overflow: ellipsis;

		-o-text-overflow: ellipsis;
	}
}