.sp-nr{
	background: url(../img/bg2.jpg) repeat;
    background-size: 100% auto;
    padding-bottom: 80px;
}
.sp-dr{
	background: #1b1b1b;
	padding-bottom: 118px;
}
.sp-dr h1{
	color: #FFD510;
	font-size: 30px;
	font-weight: 600;
	text-align: center;
	padding: 52px 0 52px 0;
}

.sp-der{
	text-align: center;
	margin-bottom: 16px;
}
.sp-der a span {
	color: #fff;
	padding: 8px 30px;
	font-size: 18px;
	margin: 0;
	border: 1px solid rgba(0,0,0,0); 
}
.sp-der a.active span{
	border: 1px solid #ffd510; 
	color: #ffd510;
}
.sp-bg{
	background: #464646;
	padding-bottom: 15px;
}
.sp-img{
	margin: 0;
	border: none;
	position: relative;
}
.sp-img img{
	width: 100%;
	max-height: 175px;
}
.sp-ove-h{
	text-align: center;
	color: #fff;
	font-size: 16px;
	padding: 15px 35px 5px 35px;
	overflow: hidden;
    white-space: initial;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.sp-xx{
	color: #999999;
	text-align: center;
	font-size: 14px;
	line-height: 2em;
	padding: 0 15px 0px 15px;
	overflow: hidden;
    white-space: initial;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.sp-jb{
    transition: opacity 1s ease-in-out;/*可以改变时间*/
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
    margin-top: 40px;
    max-height: 280px;
    overflow: hidden;
}
.sp-jb:hover .sp-bg{
	background: #ffd510;
}
.sp-jb:hover .sp-ove-h{
	color: #464646;
}
.sp-jb:hover .sp-xx{
	color: #1b1b1b;
}
.sp-abs {
	position: absolute;
	opacity: 0;
	left: 50%;
	top: 50%;
	width: 80px;
	height: 80px;
	margin-left: -40px;
	margin-top: -34px;
}
.sp-jb:hover .sp-abs{
	opacity: 1;
	 transition: opacity 1.55s ease-in-out;/*可以改变时间*/
    -moz-transition: opacity 1.55s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
}
.sp-gray { 
	
}
.sp-jb:hover .sp-gray{
	opacity: 1;
	 -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
	 transition: opacity 1.55s ease-in-out;/*可以改变时间*/
    -moz-transition: opacity 1.55s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
}
.sp-mar{
	margin-top: 30px;
}

@media (max-width:480px ){
	.sp-der a span{
		padding: 8px 16px;
	}
	.sp-ove-h{
		padding: 15px 10px 5px 10px;
	}
	.sp-dr h1{
		padding: 20px 0 34px 0;
	}
	.sp-jb{
		    padding: 5px;
    margin: 0;
	}
	.sp-mar{
		margin-top: 0px;
	}
	.sp-der{
		margin-bottom: 20px;
	}
	.sp-dr h1{
		font-size: 16px;
	}
	.sp-der a span{
		font-size: 14px;
	}
	.sp-dr{
		padding-bottom: 30px;
	}
}