#feature-template-title{
  	width:1000px;
  	margin:0 auto;
  	margin-top:36px ;
  	text-align: center;
  border-bottom:1px solid #d2d2d2 ;
  
  }
  #feature-template-title dl dd .bg-color{
  	width:166px;
  	background:#e5e5e5;
  	height:3px;
  	margin: 0 auto;
  	margin-top: 16px;
  	margin-bottom: 20px;
  }
    #feature-template-title dl dd  .bg-color b{
    	display: block;
    	margin:0 auto;
    	width:62px;
    	height:3px;
    	background: #ffa800;
    }
#feature-template-title dl{ 	
	float:left;
	width:29%;
	height:330px;
	padding-top:25px;
	border: 1px solid #e5e5e5;
	margin-bottom: 40px;
	 box-shadow: 0 0 10px #f6f6f6;
}
#feature-template-title dl:nth-child(2){
	margin:0 6%;
}
#feature-template-title dl:nth-child(5){
	margin:0 6%;
}
.feature-template-title dl dt a{ 
	display: block;	
	position: relative;
}
.feature-template-title dl dt a .img-background{
	display: none;
	position: absolute;
	left:50px;
	top:0;
	width:300px;
	height:200px;
	z-index: 3;
	opacity: 0.5;
	background:gray;
}
.feature-template-title dl dd h4{
	font-size: 20px;
	color:#333333;
 	font-weight: normal;
 	line-height: 50px;
}
.feature-template-title dl dd span{
 	display: block;
 	text-align: center;
 	padding:0 66px;
 	line-height: 24px;
 	font-size: 14px;
 	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
 }