.business {
  /*列表*/
  /*效果   *****/
}
.business .list {
  /*图片*/
  /*内容*/
}
.business .list > li {
  margin-bottom: 30px;
}
.business .list .img-box {
  position: relative;
  height: 0;
  padding-bottom: 70%;
  overflow: hidden;
  font-size: 0;
}
.business .list .img-box img {
  max-width: 100%;
}
.business .list .img-box > .show-text {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.business .list .img-box > .show-text > .text {
  display: inline-block;
  padding: 0 12%;
  line-height: 40px;
  height: 40px;
  color: #fff;
  font-size: 16px;
  background: #0A60B7;
}
@media (max-width: 767px) {
  .business .list .img-box > .show-text > .text {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
  }
}
.business .list .cont-box {
  position: relative;
  padding: 34px 10px;
  text-align: center;
  border: 1px solid #E6E6E6;
  border-top: none;
  background: #fff;
}
@media (max-width: 767px) {
  .business .list .cont-box {
    padding-top: 16px;
  }
}
.business .list .cont-box > .text {
  font-size: 12px;
  line-height: 20px;
  height: 40px;
  color: #959393;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.business .list .cont-box > .sign {
  position: absolute;
  right: 15px;
  bottom: 15px;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 16px;
}
.business .img-box img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.business .show-text {
  -webkit-transform: translateY(40px);
  -moz-transform: translateY(40px);
  -ms-transform: translateY(40px);
  -o-transform: translateY(40px);
  transform: translateY(40px);
}
@media (max-width: 767px) {
  .business .show-text {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
.business .sign {
  border: 1px solid #BFC0C1;
  color: #BFC0C1;
}
.business .item-box {
  -webkit-box-shadow: 0 0 0 #fff;
  -moz-box-shadow: 0 0 0 #fff;
  box-shadow: 0 0 0 #fff;
}
.business .show-text,
.business .sign,
.business .item-box,
.business .img-box img {
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
  transition: all .6s;
}
.business .item-box:hover {
  -webkit-box-shadow: 0 2px 15px #aaa;
  -moz-box-shadow: 0 2px 15px #aaa;
  box-shadow: 0 2px 15px #aaa;
}
.business .item-box:hover .show-text {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.business .item-box:hover .sign {
  border: 1px solid #0F3587;
  color: #0F3587;
}
.business .item-box:hover .img-box img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}