/*新增*/


.service_detail .box6{border-top: 1px solid #ebebeb}
.service_detail .box6 .tit1{text-align: center}
.service_detail .box6 .tit1::after{margin:calc(15 / 16 * 1em) auto 0 }

.service_detail .box6 .box6_list .item{float: left;width: 13.4287%;margin-right: 1%;border: 1px solid #ddd;padding:calc(30 / 16 * 1em) calc(24 / 16 * 1em);display: flex;justify-content: space-between}
.service_detail .box6 .box6_list .item:nth-child(7n){margin-right: 0}
.service_detail .box6 .box6_list .item .txt{flex: 1 1 auto;width: 86%}
.service_detail .box6 .box6_list .item .txt .icon{max-width:calc(50 / 16 * 1em);max-height: calc(50 / 16 * 1em);margin-bottom:calc(30 / 16 * 1em);transition: .3s all  }
.service_detail .box6 .box6_list .item .txt .box6_list_tit{font-size:calc(22 / 16 * 1em);color: #333;  }
.service_detail .box6 .box6_list .item .num{flex: 0 0 auto;width: 14%;color: #9fc33d;position: relative;text-align: center;}
.service_detail .box6 .box6_list .item .num::after{content: '';position: absolute;width: 1px;height: 70%;background: #ddd;left: 50%;bottom: 0;}

.service_detail .box6 .box6_list .item:hover .txt .icon{animation: icon-bounce 0.5s alternate;}


@-webkit-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-moz-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-o-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
}
}  





.service_detail .box6 .box6_list .item .txt .icon img {
  height: 50px;
}
@media(max-width:768px){
  .service_detail .box6 .box6_list .item .txt .icon img {
      height: 40px;
  }
  .service_detail .box6 .box6_list .item{
      width: 32.33%;
  }
}
@media(max-width:640px){
  .service_detail .box6 .box6_list .item .txt .icon img {
      height: 30px;
  }
  .service_detail .box6 .box6_list .item{
      width: 49%;
  }
}