切换，背景、字体、图片变化

<div class="cen2_con2">
        <div class="cen2_con2_0" data="1">
            <div class="icons icon01"></div>
            <div class="con2_con2_text">挑选爱车，<br> 一分钟获得审批</div>
            <div class="icons icon011"></div>
        </div>
        <div class="cen2_con2_0" data="2">
            <div class="icons icon02" ></div>
            <div class="con2_con2_text">等待电话回访，<br>接受线下上门服务</div>
            <div class="icons icon021"></div>
        </div>
        <div class="cen2_con2_0" data="3">
            <div class="icons icon03"></div>
            <div class="con2_con2_text">线下到店提车</div>
            <div class="icons icon031"></div>
        </div>
    </div>

.icon01{background-position: 0px -160px;width:60px;height: 74px;margin-left: 60px;margin-top: 35px;margin-bottom: 25px;}
.icon02{background-position: -86px -160px;width:74px;height: 74px;margin-left: 60px;margin-top: 35px;margin-bottom: 25px;}
.icon03{background-position: -171px -160px;width:74px;height: 74px;margin-left: 60px;margin-top: 35px;margin-bottom: 25px;}
.cen2_con2_0{width: 319px;height: 355px;float:left;border-right: 1px solid #ffffff;}
.green{background-color: #99cc33;}
.cen2_con2_0.green .icon01{background-position: 0px -80px;}
.cen2_con2_0.green .icon02{background-position: -86px -80px;}
.cen2_con2_0.green .icon03{background-position: -171px -80px;}
.cen2_con2_0.green .con2_con2_text{color: #fff;
}js{
var change_c2 = function(){
  $('.cen2_con2_0').on({
    'mouseover':function(){
      $(this).addClass('green').siblings().removeClass('green');
    }
  });
  $('.cen2_con2_0').on({
    'mouseout':function(){
      $(this).removeClass('green');
    }
  });
}