.section-banner{
	background-image: url(../img/product-1.jpg);

}
.section-banner .banner-title h3{
	color: #FFFFFF;
}
.section-banner .banner-title span{
	width: 60px;
	background: #FFFFFF;
}


.cantainer{
	width: 100%;
	background: #FFFFFF;
}

.cantainer .section2 {
	text-align: center;
	padding-bottom: 30px;
}
.cantainer .section2 .section-title{
	text-align: center;
}
.cantainer .section2 .section-title h4{
	font-size: 34px;
	color: #333333;
	padding-top: 55px;
	font-weight: 300;
}
.cantainer .section2 .section-title span{
	width: 50px;
	height: 2px;
	background: #FF6600;
	display: inline-block;
	margin-top: 8px;
	margin-bottom: 40px;
}
.cantainer .section2 ul{
	width: 1280px;
	margin: 0 auto;
	overflow: hidden;
}
.cantainer .section2 ul li{
	width: 415px;
	float: left;
	text-align: left;
}
.cantainer .section2 ul li:nth-child(3n+1),
.cantainer .section2 ul li:nth-child(3n+2){
	margin-right: 17px;
}
.cantainer .section2 ul li .pro-img{
	width: 415px;
	height: 281px;
	overflow: hidden;
}
.cantainer .section2 ul li img{
	display: block;
	transition: all 1s;
}
.cantainer .section2 ul li .pro-img:hover img{
	transform: scale(1.1);
}
.cantainer .section2 ul li span{
	font-size: 26px;
	color: #666666;
	display: block;
	letter-spacing: 2px;
	margin-top: 35px;
}
.cantainer .section2 ul li span:after{
	width: 60px;
	height: 1px;
	display: block;
	content: "";
	background: #ed6d00;
	margin-top: 20px;
}
.cantainer .section2 ul li p{
	font-size: 14px;
	color: #999;
	line-height: 25px;
	height: 50px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 60px;
}
.cantainer .section2 .btn{
	display: inline-block;
	width: 240px;
	height: 40px;
	margin: 0 auto;
	line-height: 40px;
	text-align: center;
	color: #ff7907;
	border: 1px #ff7907 solid;
	margin-bottom: 112px;
	cursor: pointer;
	transition: all .3s;
}
.cantainer .section2 .btn:hover{
	background: #ff7907;
	color: #FFFFFF;
}



@media only screen and (max-width:1380px) {
	.cantainer .section2 ul{
		width: 1100px;
	}
	.cantainer .section2 ul li{
		width: 360px;
	}
	.cantainer .section2 ul li:nth-child(3n+1),
	.cantainer .section2 ul li:nth-child(3n+2){
		margin-right: 10px;
	}
	.cantainer .section2 ul li .pro-img{
		width: 360px;
		height: 240px;
	}
}

@media only screen and (max-width:1199px) {
	.cantainer .section2 ul{
		width: 940px;
	}
	.cantainer .section2 ul li{
		width: 305px;
		height: 410px;
	}
	.cantainer .section2 ul li:nth-child(3n+1),
	.cantainer .section2 ul li:nth-child(3n+2){
		margin-right: 7px;
	}
	.cantainer .section2 ul li .pro-img{
		width: 305px;
		height: 203px;
	}
}

@media only screen and (max-width:991px) {
	.cantainer .section2 .section-title h4{
		padding-top: 30px;
	}
	.cantainer .section2 ul{
		width: 100%;
		padding: 0 15px;
	}
	.cantainer .section2 ul li{
		width: 32%;
		height: 370px;
	}
	.cantainer .section2 ul li:nth-child(3n+1),
	.cantainer .section2 ul li:nth-child(3n+2){
		margin-right: 1.5%;
	}
	.cantainer .section2 ul li .pro-img{
		width: 100%;
		height: auto;
	}
	.cantainer .section2 ul li span{
		font-size: 24px;
	}
	.cantainer .section2 ul li p{
		margin-bottom: 30px;
	}

}

@media only screen and (max-width:767px) {
	.cantainer .section2 ul li{
		width: 100%;
		height: auto;
	}
	.cantainer .section2 ul li span{
		margin-top: 15px;
	}
	.cantainer .section2 ul li span:after{
		margin-top: 10px;
	}
	.cantainer .section2 ul li p{
		margin-top: 10px;
	}
	.cantainer .section2 .btn {
		margin-bottom: 60px;
	}
}