.service{
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px
      }
      .service-first{
        padding: 30px 0;
      }
      
      .nopadding{
        padding: 0 !important;
      }
      .nopadding a img{
        width: 100%
      }
      .nomargin{
        margin: 0 !important;
      }
      .paddingleftright100{
        padding: 0 100px !important;
      }
      .example{
        background:url('../images/ljpd/project/aeweuu-r.png');
        padding: 20px 0 50px 0;
      }

      .com-title{margin-bottom: 0 !important}
      .title-last{margin-bottom: 50px !important;}
      
       @media screen and (min-width: 320px) and (max-width: 414px) {
        .paddingleftright100{
          padding: 0 15px !important;
        }
      }
  @media screen and (min-width: 998px){
    .srvive-img-left{
      float: left;
      width: 40%;
    }
    .srvive-img-right{
      float: left;
      width: 60%;
    }
  }
    @media screen and (min-width: 415px) {
      .service-big-img a{
         overflow:hidden;
         display:block
      }
      .service-big-img img{  
        cursor: pointer;  
        transition: all 0.6s;
      }  
      .service-big-img div img:hover{  
        transform: scale(1.2);
      }
      .service-big-case a{
        overflow:hidden;
         display:block
      }
      .service-big-case img{  
        cursor: pointer;  
        transition: all 0.6s;
      }  
      .service-big-case img:hover{
        transform: scale(1.2);
      } 
    }