/*box model;
*/



.common-pro ul li,.bd ul li {
  float: left; }
  
.transition {
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s; }
  
.mt50 {
  margin-top: 50px !important; }
  .common-pro {
  width: 1230px;
  overflow: hidden; }
  .common-pro ul li {
    width: 385px;
    height: 300px;
    margin-right: 21px;
    margin-bottom: 21px;
    position: relative;
    overflow: hidden; }
    .common-pro ul li a span {
      position: absolute;
      line-height: 30px;
      bottom: -270px;
      height: 300px;
      left: 0;
      width: 100%;
      color: #ffffff;
      background: url(../image/imgbg1.png);
      text-align: center; }
    .common-pro ul li a p {
      text-align: center;
      height: 170px;
      width: 100%;
      padding-top: 100px;
      color: #ffffff;
      font-size: 24px; }
      .common-pro ul li a p cite {
        display: block;
        font-style: normal;
        color: #ffffff;
        font-size: 30px;
        text-align: center; }
    .common-pro ul li:hover a span {
      background: url(../image/imgbg3.png);
      bottom: 0;
      color: #ffffff; }