.bigimg{
    width: 100%;
    display: block;
}
.main{
    width: 100%;
    overflow-x: hidden;
}
.panel .content{
    position: relative;
} 
.panel-1 .flex{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.panel-1 .flex .li{ 
    text-align: center;
}
.panel-1 .flex .li img{
    width: 5rem;
    display: block;
    margin: 0 auto;
}
.panel-1 .flex .li:hover img{
    -webkit-animation: tay 2s infinite linear;
    -moz-animation: tay 2s infinite linear;
    -ms-animation: tay 2s infinite linear;
    -o-animation: tay 2s infinite linear;
    animation: tay 2s infinite linear;
}

@keyframes tay {
    0% {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
    25% {
      -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
      -o-transform: translateY(-10px);
      transform: translateY(-10px);
    }
    50% {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
    75% {
      -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
      -o-transform: translateY(10px);
      transform: translateY(10px);
    }
    100% {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
  }
.panel-1 .flex .li h4{
    font-size: 0.8rem; 
font-weight: bold;
color: #0C1A4B;
line-height: 1.2rem;
margin: 1.5rem 0 0;
}