/*mixin*/
#bd .solutions-list {
  overflow: hidden;
  padding: 20px 0 40px; }
  #bd .solutions-list .category-title {
    margin: 0 auto 20px;
    width: 80%;
    text-align: center;
    font-size: 16px;
    line-height: 2;
    color: #666; }
  #bd .solutions-list .category-list {
    margin-top: -20px;
    margin-left: -20px; }
    #bd .solutions-list .category-list .item {
      float: left;
      width: 33.3%;
      margin-top: 20px; }
      #bd .solutions-list .category-list .item .link {
        display: block;
        padding-top: 50%;
        margin-left: 20px;
        position: relative;
        color: #fff; }
      #bd .solutions-list .category-list .item .pic {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%; }
      #bd .solutions-list .category-list .item .mask,
      #bd .solutions-list .category-list .item .mask .bg {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%; }
      #bd .solutions-list .category-list .item .mask .bg {
        height: 100%;
        background-color: #000;
        opacity: .7;
        filter: alpha(opacity=70); }
      #bd .solutions-list .category-list .item .mask .info {
        position: relative;
        display: block;
        padding: 5px 10px;
        line-height: 2em; }
        #bd .solutions-list .category-list .item .mask .info .cate {
          font-size: 16px; }