body{
	padding-top: 90px;
}
.banner{
	width: 100%;
	position: relative;
}
.banner img{
	width: 100%;
}
.row.scope{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.produce{
	margin:30px 2%;
	color: #000000;
	width: 50%;
}
.produce h3{
	width: 50px;
	border-bottom: 2px solid #000000;
	white-space:nowrap;
	line-height: 50px;
	margin-bottom: 20px; 
}
.type{
	width: 100%;
	border-bottom: 1px solid #dedede;
}
.type ul li{
	float: left;
	padding:0 8px;
	height: 36px;
	line-height: 36px;
	cursor: pointer;
}
.type ul li.pitch-on{
	color: #d5010f;
}
.type ul li:first-child{
	width: 80px;
	background-color: #d5010f;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	margin-right: 15px;
}
._main{
	width: 100%;
	
}
.list{
	margin-top: 20px;
}
.list ul li{
	float: left;
	width: 24%;
	margin-right: 4%;
	height: auto;
	margin-bottom: 15px;
	position: relative;
	cursor: pointer;
}
.list ul li p{
	width: 100%;
	background-color: rgba(0,0,0,0.3);
	color: #fff;
	font-size: 15px;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	padding:5px 0;
}
.list ul li img{
	width: 100%;
	height: auto;
}
.details_left{
	float: left;
	width: 68%;
}
.details_left h4{
	font-size: 14px;
	color: #666;
}
.details_left h4 span{
	color: #d5010f;
}
.work{
	margin-top:20px;
}
.details_right{
	float: right;
	border:1px solid #cccccc;
	width: 30%;
	margin-top: 30px;
}
.details_right h3{
	font-size: 18px;
	color: #d5010f;
	padding:15px;
}
.details_right h3 span{
	width: 3px;
	height: 20px;
	vertical-align: middle;
	background-color: #d5010f;
	margin-right: 10px;
}
.details_right ul li{
	width: 80%;
	margin-left: 10%;
	position: relative;
	margin-bottom: 15px;
}
.details_right ul li p{
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0.3);
	color: #fff;
	text-align: center;
	padding:10px 0;
	width: 100%;

}
.details_right ul li img{
	width: 100%;
	height: auto;
}
.details_img{
	width: 62%;
	float: left;
	min-width: 179px;
}
.details_img img{
	width: 100%;
}
.info{
	width: 35%;
	float: right;
	min-width: 240px;
}
.info h3{
	background-color: #f4f4f4;
	font-size: 18px;
	color: #363636;
	padding:10px 0;
	padding-left: 20px;
}
.number{
	padding:20px 10px;
	border-bottom: dotted #cfcfcf 2px;
}
.number p{
	margin-top:5px;
}
.number img{
	vertical-align: sub;
	margin-right: 5px;
}
.phone{
	padding:20px 10px;
	
}
.btn{
	width: 120px;
	height: 36px;
	margin-top: 20px;
	border-radius: 0;
	color: #fff;
	font-size: 16px;
	background-color: #d5010f;
}
.pay {
	padding:20px 10px;
}
.pay p{
	float: left;
	width: 65%;
}
.pay p span{
	width: 48%;
	margin:5px 0;
}
.pay p span img{
	margin-right: 5px;
}
.pay p:first-child{
	width: 35%;
}
.map{
	width: 100%;
	
	margin-top:30px;
}
.map h3{
	width: 100%;
	border-bottom: #cccccc solid 1px;
	text-align: left;
}
.map h3 span{
	width: 80px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	color: #fff;
	font-size: 16px;
	background-color: #d5010f;
	margin-bottom: 20px;
}
.map p{
	margin:25px auto;
	width: 80px;
	font-weight:500;
	font-size:20px;
	
	line-height: 40px;
	border-bottom: 4px solid #333;
	white-space: nowrap;
	padding-top: 20px;
}
.advantage{
	margin-top: 30px;
	text-align: center;
}
.advantage>h3{
	width: 80px;
	border-bottom: 4px solid #333;
	text-align: center;
	font-size:20px;
	margin:20px auto;
	line-height: 40px;
}
.advantage ul li{
	text-align: center;
	width: 33.33%;
	float: left;
	margin-top: 20px;
}
.advantage ul li h3{
	width:40px;
	font-size: 18px;
	text-align: center;
	border-bottom: 2px solid #333;
	margin:10px auto;
	line-height: 30px;
}
.state{
	text-align: left;
	margin-top: 30px;
}
.state h3{
	width: 80px;
	border-bottom: 4px solid #333;
	text-align: center;
	font-size:20px;
	margin:20px auto;
	line-height: 40px;
}
.state p{
	line-height: 25px;
}
.title h4{
	font-size: 14px;
	color: #666;
}
.title h4 span{
	color: #d5010f;
}
.demand{
	margin:50px 0;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-o-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-ms-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	padding:45px 0;
}
.demand h3{
	text-align: center;
	color: #d5010f;
	font-size: 18px;
	margin-bottom: 30px;

}
.input{
	width: 100%;
	text-align: center;
}
.input p{
	margin-bottom: 20px;
}
.input p input{
	width: 70%;
}
.input p select{
	width: 70%;
	border:1px solid #aaaaaa;
	height: 30px;
}
.input p a{
	display: inline-block;
	width: 148px;
	height: 36px;
	line-height: 36px;
	background-color: #d5010f;
	color: #fff;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
}
.input p textarea{
	width: 70%;
	height: 100px;
	vertical-align: text-top;
	padding:5px;
}
.input p span{
	width: 80px;
	font-size: 14px;
	text-align:right;
	margin-right:10px;
}
@media  (max-width: 600px) {
	.produce{
		margin:0 2%;
		color: #fff;
		width: 100%;
		font-size: 12px;
		text-align: center;
	}
	.produce h3{

		width: 50px;
		border:none;
		white-space:nowrap;
		line-height: 20px;
		margin:0 auto;
		font-size: 20px;
	}
	.list ul li{
		width:46%;
	}
	.phone{
		margin-top: 20px;
	}
	.info {
		width: 92%;
		float: left;
	}
	.case-list ul li{
		width:48.5%;
	}

}
@media  (min-width: 768px) {
	.list ul li{
		margin-right: 1%;
	}
	}