@charset "utf-8";


.wrap {
    display: flex;
    align-items: center;
    height: 500px;
    overflow: hidden;
    padding: 0;
    margin: 0;
  }

.slider2 {
    display: flex;
    padding: 0;
    margin: 0;
    animation: loop-slide 25s infinite linear 1s both;
  }

  .wrap:hover .slider2{
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
  }

  @keyframes loop-slide {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-100%);
    }
  }

.service1 {
    width: 650px;
    height: 450px;
    box-sizing: border-box;
    list-style: none;
    padding: 0;
    margin: 0;
    transition: all 0.2s;
  }

  .service1 p{
    margin: 0.2em; 
    padding: 0;
  }

  .service1 h2{
    text-align: center;
    margin: 0.2em;
    font-size: 20px !important;
  }

  .service1:nth-child(1) {
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
    border-radius: 8px;
  }
  .service1:nth-child(2) {
    background-color: orange;
  }
  .service1:nth-child(3) {
    background-color: blue;
  }
  .service1:nth-child(4) {
    background-color: green;
  }
 
  .service1:hover {
    transform: translateY(-10px);
    border-radius: 0 5%;
    box-shadow: 0 3px 10px 0 #333;
    opacity: 0.8;
    cursor: pointer;
  }
  


  @keyframes slidy {
    0% { left: 0%; }
    20% { left: 0%; }
    25% { left: -100%; }
    45% { left: -100%; }
    50% { left: -200%; }
    70% { left: -200%; }
    75% { left: -300%; }
    95% { left: -300%; }
    100% { left: -400%; }
    }
    
    
    div#slider2 { overflow: hidden; box-shadow: 0 1px 4px rgba(0, 0, 0, .3);}
    div#slider2 figure img { width: 20%;hight:auto; float: left; }
    div#slider2 figure { 
      position: relative;
      width: 500%;
      margin: 0;
      left: 0;
      text-align: left;
      font-size: 0;
      animation: 30s slidy infinite; 
      
    }
    
    .slider2:hover {
        transform: translateY(-10px);
        border-radius: 0 5%;
        box-shadow: 0 3px 10px 0 #333;
        opacity: 0.8;
        cursor: pointer;
        
      }