.indexcard_img{background-color: #fff; width: 180px;height: 180px;margin: 0 auto; border-radius: 50%;text-align: center; line-height: 180px;overflow: hidden;box-shadow: 3px 3px 15px rgba(0,0,0,0.1);transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;}
.indexcard_img img{width: 50%;vertical-align: middle;}
.indexcard_box h3{ word-wrap: break-word;word-break: break-all; font-size: 16px;color: #000;font-weight: bold;text-align: center;margin: 15px auto;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;overflow: hidden;}
.indexcard_box p{font-size: 14px;color: #666;text-align: center;word-wrap: break-word;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}
.indexcard{background-color: #F4F8F7;padding: 0 0 40px 0;}
.indexcardflex{margin-top: -70px;position: relative;
/*z-index: 99;*/
    
    z-index: 1;
}
.indexcard_li:nth-child(1),.indexcard_li:nth-child(4){margin-top: -80px;}
.indexcard_li:hover .indexcard_img{transform: rotateY(180deg);background-color: #ddd4f6;}

@media (max-width:576px){
    
  .indexcard_li:nth-child(1), .indexcard_li:nth-child(4){margin-top: 0;}
  .indexcardflex{margin-top: 0;}
  .indexcard{padding: 20px 0;}
  .indexcard_img{width: 70px;height: 70px;line-height: 70px;}
  .indexcard_li {margin-bottom: 15px;}
}


@media (min-width:576px) and (max-width:768px) {
      .indexcard_li:nth-child(1), .indexcard_li:nth-child(4){margin-top: 0;}
  .indexcardflex{margin-top: 0;}
  .indexcard{padding: 20px 0;}
  .indexcard_img{width: 70px;height: 70px;line-height: 70px;}
  .indexcard_li {margin-bottom: 15px;}
}


@media (min-width:768px) and (max-width:992px) {
    
  .indexcard_li:nth-child(1), .indexcard_li:nth-child(4){margin-top: 0;}
  .indexcardflex{margin-top: 0;}
  .indexcard{padding: 20px 0;}
  .indexcard_img{width: 70px;height: 70px;line-height: 70px;}
  .indexcard_li {margin-bottom: 15px;}
}



@media (min-width:992px) and (max-width:1199px) {
    
      .indexcard_li:nth-child(1), .indexcard_li:nth-child(4){margin-top: 0;}
  .indexcardflex{margin-top: 0;}
  .indexcard{padding: 20px 0;}
  .indexcard_img{width: 70px;height: 70px;line-height: 70px;}
  .indexcard_li {margin-bottom: 15px;}
    
}