.news-list-box{
	max-width: 1200px;
	margin: 0 auto !important;
}
.list-type{
	padding-top: 63px !important;
	padding-bottom: 23px !important;
	border-bottom: 1px solid #d2d2d2;
	overflow: hidden;
}
.list-type span{
    float: left;
    width: 140px;
    height: 36px;
    line-height: 32px;
	font-size: 16px;
	padding: 0px 10px !important;
	border: 2px solid #d2d2d2;
	color: #666;
	text-align: center;
	margin-right: 19px !important;
}
.list-type span:last-child{
    margin-right: 0px !important;
}
.list-type span.active,
.list-type span:hover{
	background: #333;
	color: #fff;
	border: 2px solid  #333;
}
/* 新闻 */
.newgoods{
	padding-top: 103px !important;
	overflow: hidden;
	padding-bottom: 80px !important;
}
.news-list{
    margin: 0px -50px !important;
    overflow: hidden;
}
.news-list .news_list{
	float: left;
    width: 33.333%;
    padding: 0px 50px !important;
    border-right: 1px solid #d2d2d2;
    margin-top: 84px !important;
}
.news-list .news_list:nth-child(1),
.news-list .news_list:nth-child(2),
.news-list .news_list:nth-child(3){
    margin-top: 0px !important;
}
.news-list .news_list:nth-child(3n+3){
    border-right: none;
}
.news-list .news_list .new-title{
	font-size: 18px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 28px;
	line-height: 28px;
}
.news-list .news_list .new-time{
	font-size: 14px;
	color: #999;
	padding: 5px 0 !important;
}
.news-list .news_list .new-content{
	font-size: 14px;
	height: 48px;
	line-height: 24px;
	color: #666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.morex{
    width: 80px;
    height: 29px;
    line-height: 25px;
    border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	font-size: 14px;
	color: #232323 !important;
	margin-top: 36px !important;
	text-align: left;
}
.morex a{
    display: block;
}
.morex:hover{
    text-align: center;
	border-top: 2px solid #232323;
	border-bottom: 2px solid #232323;
}
.list-page{
	padding: 80px 0px 0px !important;
}
.list-page .pagination{
	display: block !important;
}
.list-page li{
	border: 1px solid #ccc;
	padding: 5px 12px !important;
	display: inline-block;
	margin: 0px 3px !important;
}
.left-page{
	margin-right: 10px !important;
}
.right-page{
	margin-left: 10px !important;
}
.list-page li.active{
	background: rgb(51,51,51);
	border: 1px solid rgb(51,51,51);
	color: #fff;
}

@media (max-width: 1200px) {
	.list-type{
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

    .newgoods{
    	padding-top: 43px !important;
    	padding-bottom: 40px !important;
    }
    .news-list{
        margin: 0px 10px !important;
        overflow: hidden;
    }
    .news-list .news_list{
    	float: left;
        width: 100%;
        padding: 0px !important;
        border-right: 0px solid #d2d2d2;
        margin-top: 30px !important;
    }
    .news-list .news_list:nth-child(1),
    .news-list .news_list:nth-child(2),
    .news-list .news_list:nth-child(3){
        margin-top: 30px !important;
    }
    .news-list .news_list:nth-child(3n+3){
        border-right: none;
    }
    .news-list .news_list .new-title{
    	font-size: 18px;
    	color: #333;
    	overflow: hidden;
    	text-overflow: ellipsis;
    	white-space: nowrap;
    	height: 28px;
    	line-height: 28px;
    }
    .news-list .news_list .new-time{
    	font-size: 14px;
    	color: #999;
    	padding: 5px 0 !important;
    }
    .news-list .news_list .new-content{
    	font-size: 14px;
    	height: 48px;
    	line-height: 24px;
    	color: #666;
    	display: -webkit-box;
    	-webkit-box-orient: vertical;
    	-webkit-line-clamp: 2;
    	overflow: hidden;
    }
    .morex{
        width: 80px;
        height: 29px;
        line-height: 25px;
        border-top: 2px solid #fff;
    	border-bottom: 2px solid #fff;
    	font-size: 14px;
    	color: #232323 !important;
    	margin-top: 15px !important;
    	text-align: left;
    }
    .morex a{
        display: block;
    }
    .morex:hover{
        text-align: center;
    	border-top: 2px solid #232323;
    	border-bottom: 2px solid #232323;
    }
	.list-page{
    	padding: 40px 0px 0px !important;
    }
}

@media (max-width: 567px) {
	.list-type{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.list-type span{
	    width: 29.3333%;
	    margin: 0px 2% !important;
	    font-size: 14px;
	}
}