@charset "utf-8";

/* CSS Document */

/*售后服务*/

.service h3 {

	text-align: center;

	font-size: 24px;

	font-weight: normal;

	width: 160px;

	height: 50px;

	line-height: 50px;

	border: 1px solid #999;

	margin: 30px auto 20px;

}

.service p img {

	display: block;

	margin: 30px auto;

	max-width: 100%;

}

.service ul {

	padding-top: 20px;
	display: flex;
	justify-content: space-between;

}

.service ul li {

	width: 30%;

	text-align: center;

}

.service ul li:last-child {

	margin: 0;

}

.service ul li p {

	margin-top: 20px;

	line-height: 2;

}

.service ul li p strong {

	color: #e60717;

	text-decoration: underline;

}

/*联系我们*/

.contact ul {

	max-width: 960px;

	overflow: hidden;

	margin: 40px auto 0;

	display: flex;

	justify-content: space-between;

}

.contact ul li {

	float: left;

}

.contact ul li:last-child {

	padding-right: 0;

}

.contact ul li div {

	border-radius: 50%;

	background-color: #fff;

	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);

	width: 150px;

	height: 150px;

	margin: 0 auto;

	position: relative;

}

.contact ul li p {

	text-align: center;

	font-size: 16px;

	line-height: 2;

	margin-top: 20px;

}

.contact ul li div i {

	width: 80px;

	height: 80px;

	display: block;

	position: absolute;

	left: 23%;

	top: 23%;

	background: url(../img/service/contact.png) no-repeat;

}

.contact ul li .icon-phone i {

	background-position: 6px 2px;

}

.contact ul li .icon-email i {

	background-position: 6px -80px;

}

.contact ul li .icon-office i {

	background-position: 0px -159px;

}

.contact ul li .icon-address i {

	background-position: 10px -239px;

}

/*留言*/

.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: 75%;

}

.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_fr {
	display: flex;
	justify-content: space-between;
}

.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-evenly;
}

.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: 23%;

	height: auto;

	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;

}

.map {

	margin: 30px auto;

}

.map h3 {

	font-size: 22px;

	font-weight: normal;

	height: 38px;

	line-height: 38px;

	padding-left: 20px;

	position: relative;

}

.map h3 i {

	position: absolute;

	top: 6px;

	left: 0;

	width: 4px;

	height: 26px;

	display: block;

	background-color: #e60717;

}

@media (min-width:769px) and (max-width:1080px) {
	.liuyan .fl {
		width: 68%;
	}

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

@media screen and (max-width:768px) {
	.service ul {
		flex-wrap: wrap;
	}

	.service ul li {
		width: 100%;
	}

	.liuyan .fl_add {
		flex-wrap: wrap;
	}

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

	.contact ul {
		justify-content: space-evenly;
		flex-wrap: wrap;
	}

	.contact ul li {
		width: 48%;
	}

}