//定位信息
position: relative;
position: absolute;
//基本信息
float: left;
width: 208px;
height: 60px;
margin:0 auto;
padding:0 auto;
font-size: 14px;
color: #333;
background-color: #f4f4f4;
text-align: right;
background: url(../img/h02.jpg) no-repeat;
border-bottom: 1px dashed #e3e3e3;
font-weight:bold;
text-decoration:none;
//图片背景
background-image: url('/Public/data/info/2017-04-10/58eaf76bba474.jpg');
background-position:center;
background-size:cover;
//透明层
filter:alpha(opacity=50); 
-moz-opacity:0.5; 
opacity:0.5;
//div居中
margin-left: auto;
margin-right: auto;
position: absolute;
top: 50%;
left:50%;
transform:translate3d(-50%,-50%,0)
//样式图
<section class="container-fluid s-all">
<div id="s-1">
<div class="container">
<div class="row s-1">
  <div class="col-md-4 s-1-1">
     <div class="s-1-2"></div>
  </div>
  <div class="col-md-4 s-1-1">
     <div class="s-1-2"></div>
  </div>
  <div class="col-md-4 s-1-1">
     <div class="s-1-2"></div>
  </div>
  <div class="col-md-4 s-1-1">
     <div class="s-1-2"></div>
  </div>
  <div class="col-md-4 s-1-1">
     <div class="s-1-2"></div>
  </div>
  <div class="col-md-4 s-1-1">
     <div class="s-1-2"></div>
  </div>
</div>
</div>
</div>
</section>
//左右没有间隙
#s-1
{
   width:100%;
   margin-top:150px;
}
.s-1-1
{
   padding-left:0px;
   padding-right:20px;
}
.s-1-1:nth-child(3n)
{
   padding-left:20px;
   padding-right:0px;
}
.s-1-1:nth-child(3n-1)
{
   padding-left:10px;
   padding-right:10px;
}
.s-1-2
{
   width:100%;
   height:150px;
   margin-bottom:20px;
   background-color:#FF0000;
}
//左右有间隙
#s-1
{
   width:100%;
   margin-top:150px;
}
.s-1-1
{
   padding-left:10px;
   padding-right:10px;
}
.s-1-2
{
   width:100%;
   height:150px;
   margin-bottom:20px;
   background-color:#FF0000;
}