.pro-box{ padding-top: 70px; overflow: hidden; padding-bottom: 170px; background: url(../images/bg-news.png) no-repeat bottom center; -webkit-background-size: 100% auto;
background-size: 100% auto;}
.pro-box .cl-name{ font-size: 26px; color: #333; font-weight: 700; margin-bottom: 55px; padding-left: 45px; position: relative;}
.pro-box .cl-name:before{ width: 34px; height: 34px; display: inline-block;background: url(../images/icon02.png) no-repeat -39px center;content: '';position: absolute; left: 0;top: 0;}
.pro-box .pro-list,.pro-box .pro-list dl{  width: 276px; display: block; text-align: center;}
.pro-box .pro-list{ float: left; margin-left: 16px; margin-right: 24px; margin-bottom: 25px; transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s; }
.pro-box .pro-list:hover dt{   padding: 3px; box-sizing:border-box;
  background-image: -moz-linear-gradient( 0deg, rgb(107,189,89) 0%, rgb(62,156,208) 88%);
  background-image: -webkit-linear-gradient( 0deg, rgb(107,189,89) 0%, rgb(62,156,208) 88%);
  background-image: -ms-linear-gradient( 0deg, rgb(107,189,89) 0%, rgb(62,156,208) 88%);
}
.pro-box .pro-list:hover dd{ color: #0f7ac7;}
.pro-box .pro-list dl dt{ width: 276px; height: 276px; overflow: hidden;  box-sizing:border-box; transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s;  }
.pro-box .pro-list dl dt img{width: 100%; height: 100%;}
.pro-box .pro-list dl dd{ font-size: 18px; color: #333; padding-top: 18px; padding-bottom: 18px; padding-left: 10px; padding-right: 10px; width: 256px; white-space:nowrap;text-overflow:ellipsis; overflow:hidden; transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s;}

.pro-list.nml{ margin-left: 0;}
.pro-list.nmr{ margin-right: 0;}