@charset "utf-8";

/* CSS Document */

/*产品中心*/

.pronav {

	max-width: 900px;

	margin: 0 auto;



}

.pronav ul {
	display: flex;

	justify-content: space-between;
}

.pronav li {

	float: left;

	width: 32%;

	text-align: center;

}

.pronav li p {

	text-align: center;

	font-size: 22px;

}

.pronav li p.curr {

	color: #e60717;

}

.pronav li img {
	max-width: 100%;
}

/*产品中心展示*/

.show {

	margin-top: 40px;

}

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

.show ul li {

	width: 24%;

	margin-bottom: 40px;

}

.show ul li img {
	max-width: 100%;
	width: 100%;
}

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

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


.show ul li a {

	display: block;

	position: relative;

	color: #fff;

}

.show ul li a p {

	width: 100%;

	height: 40px;

	line-height: 40px;

	font-size: 18px;

	text-align: center;

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

	position: absolute;

	bottom: 0;

}

.show ul li div span,
.show ul li div em {

	/* width: 98px; */

	/* height: 38px; */

	/* line-height: 38px; */

	display: block;

	text-align: center;

	border: 1px solid #333;
	padding: 10px;
	margin: 0 10px;

}

.show ul li div {

	margin-top: 20px;
	display: flex;
	justify-content: center;

}

.show ul li div a {

	color: #333;

}


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

	border: 1px solid #e60717;

}

.show ul li div a:hover {

	color: #e60717;

}

/*产品详情页*/

.main {

	margin-top: 30px;

}

.main .img {

	width: 48%;

}

.main .img img {
	max-width: 100%;
}

.main .proname {

	width: 50%;

	position: relative;

}

.main .proname h3 {

	font-size: 36px;

	font-weight: normal;

	color: #222;

	margin-bottom: 36px;

}

.main .proname h3 em {

	font-size: 22px;

	color: #666;

	display: block;

}

.main .proname p {

	font-size: 16px;

	text-align: left;

	line-height: 2;

}

.main .proname div {

	width: 100%;

	display: flex;
	justify-content: center;
	flex-wrap: wrap;

}

.main .proname div a {
	margin: 15px;
}

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

.main .proname span {


	height: 60px;

	line-height: 60px;

	display: block;

	font-size: 22px;

	color: #fff;

	padding-left: 80px;

	border-radius: 10px;

}

.main .proname span.fl {

	background: #e60717 url(../img/product/detail/proicon.png) 30px 12px no-repeat;

}

.main .proname span.fr {

	background: #222 url(../img/product/detail/proicon.png) 30px -54px no-repeat;

}

/*留言*/

.liuyan {

	max-width: 1200px;

	padding-top: 30px;

	overflow: hidden;

}

.liuyan h3 {

	font-size: 22px;

	font-weight: normal;

	height: 38px;

	line-height: 38px;

	padding-left: 20px;

	border-bottom: 1px solid #dbdbdb;

	position: relative;

}

.liuyan h3 i {

	position: absolute;

	top: 6px;

	left: 0;

	width: 4px;

	height: 26px;

	display: block;

	background-color: #e60717;

}

.liuyan .fl-add {
	display: flex;
	justify-content: space-between;
}

.liuyan .fl {

	width: 74%;

}

.liuyan .fl .fl-fr {
	display: flex;
	justify-content: space-between;
}

.liuyan .fl p {

	font-size: 16px;

	color: #666;

	margin: 20px 0;

	text-indent: 2em;

	line-height: 1.6;

}

.liuyan .fl .fl p,
.liuyan .fl .fr p,
.liuyan .fl .bm p {

	font-size: 18px;

	color: #333;

	text-indent: 0;

	margin-bottom: 10px;

}

.liuyan .fl .fl,
.liuyan .fl .fr {

	width: 48%;

}

.liuyan .fl .fl input,
.liuyan .fl .fr input {

	width: 100%;

	height: 50px;

	border: 1px solid #999;

	box-sizing: border-box;

	outline: none;

	font-size: 16px;

	font-family: "Micsoft YaHei", "微软雅黑";

	padding-left: 50px;

	color: #333;

	background: url(../img/product/detail/proicon.png) 16px -121px no-repeat;

}

.liuyan .fl .fr input {

	background: url(../img/product/detail/proicon.png) 16px -177px no-repeat;

}

.liuyan .fl .bm {

	width: 100%;

	overflow: hidden;

}

.liuyan .fl .bm textarea {

	width: 100%;

	height: 200px;

	border: 1px solid #999;

	box-sizing: border-box;

	resize: none;

	outline: none;

	color: #333;

	font-size: 16px;

	font-family: "Micsoft YaHei", "微软雅黑";

	padding: 20px 0 0 50px;

	background: url(../img/product/detail/proicon.png) 16px -231px no-repeat;

}

.submit-reset {
	display: flex;
	justify-content: space-around;
}

.liuyan .fl input[type=submit],
.liuyan .fl input[type=reset] {

	width: 140px;

	height: 50px;

	color: #fff;

	text-align: center;

	font-size: 18px;

	font-family: "Micsoft YaHei", "微软雅黑";

	background-color: #e60717;

	cursor: pointer;

	margin-top: 20px;

}

.liuyan .fl input[type=reset] {

	background-color: #111220;

}

.liuyan .add {

	width: 24%;

	margin-top: 20px;

	background-color: #ddd;

	padding: 10px;

}

.liuyan .add .subadd {

	width: 100%;

	height: 100%;

	padding: 20px;

	box-sizing: border-box;

	background-color: #f5f5f5;

}

.liuyan .add h4 {

	font-size: 18px;

	font-weight: normal;

	color: #333;

	margin: 20px 0 30px 0;

}

.liuyan .add p {

	line-height: 1.7;

	text-align: justify;

}

.liuyan .add p a {

	font-size: 18px;

	color: #e60717;

	text-decoration: underline;

}

/*产品简介*/
.detail_tuijian {
	display: flex;
	justify-content: space-between;
}

.detail {

	width: 74%;

	margin-top: 50px;

}

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

.detail h3 {

	font-size: 22px;

	font-weight: normal;

	height: 38px;

	line-height: 38px;

	padding-left: 20px;

	border-bottom: 1px solid #dbdbdb;

	position: relative;

}

.detail h3 i {

	position: absolute;

	top: 6px;

	left: 0;

	width: 4px;

	height: 26px;

	display: block;

	background-color: #e60717;

}

.detail p {

	font-size: 15px;

	margin: 20px 0;

	line-height: 1.6;

}

.detail p img {

	display: block;

	margin: 0 auto;

}

.detail p strong {

	display: block;

	font-size: 17px;

}

/*产品参数*/
.detail .table-scroll {
	overflow: scroll;
}

.detail .table-scroll::-webkit-scrollbar {
	display: none;
}

.detail table {

	text-align: center;

	margin: 20px auto 30px;

	border-collapse: collapse;

	color: black;

	font-size: 12px;

}

.detail table td {

	border: 1px white solid;

	text-align: center;

}

.detail table tr:nth-child(2n+1) {

	background-color: #eee;

}

.detail table .red td {

	background-color: #e70101;

	color: white;

	font-size: 14px;

	font-weight: bold;

}

.detail table .red2 {

	background-color: #e70101;

	color: white;

	font-size: 14px;

	font-weight: bold;

}

/*热门推荐*/

.tuijian {

	width: 24%;

	margin-top: 50px;

}

.tuijian h3 {

	text-align: center;

	height: 40px;

	line-height: 40px;

	font-size: 22px;

	background: #e1e1e1 url(../img/product/detail/proicon.png) 34px -462px no-repeat;

}

.tuijian img {
	width: 100%;
	height: auto;
}

.tuijian ul li {

	width: 100%;

	margin: 30px auto 0;

	position: relative;

}

.tuijian ul li p {

	width: 100%;

	position: absolute;

	bottom: 0;

	text-align: center;

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

}

.tuijian ul li p a {

	width: 100%;

	height: 34px;

	line-height: 34px;

	display: block;

	font-size: 15px;

	color: #fff;

}

.tuijian ul li p a:hover {

	color: #e60717;

}

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

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

	.img_proname {
		justify-content: center;
		flex-wrap: wrap;
	}

	.main .img,
	.main .proname {
		width: 100%;
		text-align: center;
	}

	.liuyan .fl,
	.detail {
		width: 68%;
	}

	.liuyan .add,
	.tuijian {
		width: 30%;
	}

}

@media screen and (max-width:768px) {
	.pronav {
		overflow: scroll;
		white-space: nowrap;
	}

	.pronav li {
		min-width: 200px;
	}

	.show ul li {
		width: 49%;
	}

	.show ul li:last-child:nth-child(2n-1) {
		margin-right: 0;
	}

	.liuyan .fl-add,
	.detail_tuijian {
		flex-wrap: wrap;
	}

	.liuyan .fl,
	.liuyan .add,
	.detail,
	.tuijian {
		width: 100%;
	}

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

	.tuijian ul li {
		width: 48%;
		margin: 2% auto 0;
	}
}

@media screen and (max-width:400px) {
	.show ul li {
		width: 100%;
	}

	.show ul li:last-child:nth-child(n) {
		margin-right: 0;
	}

	.liuyan .fl .fl-fr {
		flex-wrap: wrap;
	}

	.liuyan .fl .fl,
	.liuyan .fl .fr {
		width: 100%;
	}

}