.cantainer{
	width: 100%;
}
.cantainer .section1{
	width: 100%;
	background: #F7F7F7;
}
.cantainer .section2{
	width: 1280px;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 40px;
}
.cantainer .section2 .title{
	text-align: center;
}
.cantainer .section2 .title h3{
	font-size: 34px;
	color: #333333;
	font-weight: 300;
	margin-top: 62px;
}
.cantainer .section2 .title span{
	width: 65px;
	height: 2px;
	display: inline-block;
	background: #00A2EA;
	margin-top: 15px;
	margin-bottom: 20px;
}
.cantainer .section2 .title p{
	font-size: 14px;
	color: #737373;
	line-height: 28px;
	margin-bottom: 10px;
	text-align: left;
}

.section3{
	width: 1280px;
	margin: 0 auto;
}
.section3>ul>li{
	width: 32%;
	float: left;
	margin-right: 2%;
	margin-bottom: 25px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.section3>ul>li:hover{ -webkit-transform:translate(0,-5px);transform:translate(0,-5px); box-shadow:0 10px 18px rgba(0,0,0,0.3); }
.section3>ul>li:nth-child(3n){
	margin-right: 0;
}
.section3 .pro-img{
	width: 100%;
	max-height: 600px;
	overflow: hidden;
	position: relative;
}
.section3 .pro-img>img{
	display: block;
	-webkit-transform:scale(1.1);transform:scale(1.1);
}
.section3 .pro-img>img:hover{
	transform: scale(1.05);
}

.section3>ul>li span{
	font-size: 18px;
    color: #666666;
    display: block;
    letter-spacing: 2px;
    margin-top: 25px;
	text-align:center;
    margin-bottom: 45px;
}
.section3>ul>li:hover span{color:#e77918;}
.section3 .btn{
	width: 240px;
	height: 40px;
	margin: 0 auto;
	display: block;
	color: #ff7907;
	text-align: center;
	line-height: 40px;
	border: 1px #ff7907 solid;
	margin-top: 45px;
	margin-bottom: 85px;
	transition:all .3s;
}
.section3 .btn:hover{
	background: #ff7907;
	color: #FFFFFF;
	cursor: pointer;
}


@media only screen and (max-width:1380px) {
	.cantainer .section1 .bred-nav{
		width: 1100px;
	}
	.cantainer .section2{
		width: 1100px;
	}
	.cantainer .section3{
		width: 1100px;
	}
	.section3 .pro-img{
		height: 239px;
	}
}

@media only screen and (max-width:1199px) {
	.cantainer .section1 .bred-nav{
		width: 940px;
	}
	.cantainer .section2{
		width: 940px;
	}
	.cantainer .section3{
		width: 940px;
	}
	.section3 .pro-img{
		height: 205px;
	}
}

@media only screen and (max-width:991px) {
	.cantainer .section1 .bred-nav{
		width: 100%;
		padding: 0 15px;
	}
	.cantainer .section2{
		width: 100%;
		padding: 0 15px;
		padding-bottom: 40px;
	}
	.cantainer .section3{
		width: 100%;
		padding: 0 15px;
	}
	.section3 .pro-img{
		height: auto;
	}
}

@media only screen and (max-width:767px) {
	.cantainer .section2 .title h3{
		font-size: 28px;
		margin-top: 25px;
	}
	.cantainer .section2 .img{
		height: 190px;
	}
	.cantainer .section2 .title span{
		margin-top: 10px;
		margin-bottom: 15px;
	}
	.cantainer .section2 ul{
		padding-bottom: 70px;
	}
	.section3>ul>li{
		width: 100%;
		margin-right: 0;
	}
	.section3 .btn{
		width: 200px;
		margin-bottom: 30px;
		margin-top: 0px;
	}
	.section3 .pro-img{
		height: auto;
	}
}