.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{
	color: #333333;
	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{
	color: #737373;
	line-height: 28px;
	margin-bottom: 10px;
	text-align: left;
}

.ny_tit{width:100%;float:left; margin-top:20px; border-bottom:1px dashed #e6e6e6; padding-bottom:15px;}
.ny_tit li{float:left; line-height:40px; text-align:center; margin:0 10px 10px 0;box-shadow: 5px 5px 10px #aaa;}  
.ny_tit li a{float:left;padding:0 20px; color:#404040; line-height:40px; border:1px solid #e6e6e6; background:#fff;}
.ny_tit li a:hover,.ny_tit li a.on{ display:block; color:#fff; background:#e77918; border:1px solid #e77918;}
.ny_tit li.on{ padding:0 20px; display:block; color:#fff; font-weight:bold; background:#000; border:1px solid #000;}

.ny_tit2{width:100%;float:left; margin-top:10px;  border-bottom:1px dashed #e6e6e6; padding-bottom:10px;}
.ny_tit2 li{float:left; text-align:center; line-height:30px; }  
.ny_tit2 li a{float:left;padding:0 10px; color:#404040; line-height:30px;}
.ny_tit2 li a:hover,.ny_tit2 li a.on{ display:block; color:#e77918;}
.ny_tit2 li.on{ display:block; padding:0 20px; text-align:right; color:#000;}

.productList {
    width: 1200px;
    margin: 0 auto;
    padding-top: 61px;
	margin-bottom:40px;
}
.productList li {
    padding: 20px;
    background: #fff;
    display: flex;
    margin-bottom: 20px;
    padding-left: 40px;
    cursor: pointer;
    justify-content: space-between;
}
.productList li .productInfo {
    padding-top: 0;
	width:50%;
}
.productList li>div {
    position: relative;
}
.productList .title {
    color: #333;
    padding-bottom: 20px;
}
.productList .title a{ color:#333; }
.productList .title a:hover{ color:#000; }
.productList p {
    width: 100%;
    color: rgb(102, 102, 102);
    line-height: 36px;
}
.productList .btn {
    position: absolute;
    left: 0;
    bottom: 20%;
    width: 176px;
    height: 51px;
    text-align: center;
    line-height: 51px;
    cursor: pointer;
    color: #fff;
    background: #222222;
}
.productList .btn a:hover{ color:#eeeeee; }
.productList li:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
}
.productList li .img{ width: 50%; }
.productList li .img img {
    width: 80%; 
}
.productList li:last-child {
    margin-bottom: 0;
}


@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;
	}

}

@media (max-width: 768px) and (min-width: 320px){
	.cantainer .section2 .title h3{
		margin-top: 25px;
	}
	.cantainer .section2 .img{
		height: 190px;
	}
	.cantainer .section2 .title span{
		margin-top: 10px;
		margin-bottom: 15px;
	}
	.cantainer .section2 ul{
		padding-bottom: 70px;
	}

}