.out {
    width: 1000px;
    height: 200px;
    position: relative;
    top: 150px;
  }
  .out .inner {
    width: 100%;
    height: 100%;
  }
  .out .inner .img {
    width: 409.5px;
    height: 364px;
    position: absolute;
    transition: 0.3s;
  }
  .out .inner .img img {
    width: 100%;
    height: 100%;
  }
  .out .arrow {
    font-size: 32px;
  }
  .out .arrow i {
    position: absolute;
    color: #fff;
    z-index: 9999;
    cursor: pointer;
    top: 84px;
  }
  .out .arrow .left {
    left: 0;
  }
  .out .arrow .right {
    left: 780px;
  }
  .out .button {
    width: 175px;
    height: 15px;
    position: absolute;
    z-index: 9999;
    left: 50%;
    transform: translateX(-50%);
  }
  .out .button p {
    width: 15px;
    height: 15px;
    float: left;
    margin: 0 5px;
    cursor: pointer;
    background-color: silver;
  }
  .out .button p:first-child {
    background-color: #1486bb;
  }
  .out #last {
    transform: translateX(-60px);
    z-index: 9;
    opacity: 1;
  }
  .out #first {
    transform: translateX(450px) scale(1.1);
    z-index: 99;
    opacity: 1;
  }
  .out #second {
    transform: translateX(960px);
    z-index: 9;
    opacity: 1;
  }
  .out #left {
    transform: translateX(-60px);
    z-index: 1;
    opacity: 0;
  }
  .out #right {
    transform: translateX(580px);
    z-index: 1;
    opacity: 0;
  }
  


  .dzgj .row img:hover{
    
    transition-property:all;
    transition-duration: 1s;
    transform: scale(1.5) !important;
  }

  .dzgj .columns img:hover{
    
    transition-property:all;
    transition-duration: 1s;
    transform: scale(1.2) !important;
  }
  @media all and (-moz-min-device-pixel-ratio: 1.09) and (-moz-max-device-pixel-ratio: 1.18),
  (-webkit-min-device-pixel-ratio: 1.09) and (-webkit-max-device-pixel-ratio: 1.18),
  (min-resolution: 1.09dppx) and (max-resolution: 1.18dppx) {
  :root {
    font-size: 14px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.19) and (-moz-max-device-pixel-ratio: 1.28),
  (-webkit-min-device-pixel-ratio: 1.19) and (-webkit-max-device-pixel-ratio: 1.28),
  (min-resolution: 1.19dppx) and (max-resolution: 1.28dppx) {
  :root {
    font-size: 13px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.29) and (-moz-max-device-pixel-ratio: 1.4),
  (-webkit-min-device-pixel-ratio: 1.29) and (-webkit-max-device-pixel-ratio: 1.4),
  (min-resolution: 1.29dppx) and (max-resolution: 1.4dppx) {
  :root {
    font-size: 12px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6),
  (-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6),
  (min-resolution: 1.41dppx) and (max-resolution: 1.6dppx) {
  :root {
    font-size: 10px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.61) and (-moz-max-device-pixel-ratio: 1.8),
  (-webkit-min-device-pixel-ratio: 1.61) and (-webkit-max-device-pixel-ratio: 1.8),
  (min-resolution: 1.61dppx) and (max-resolution: 1.8dppx) {
  :root {
    font-size: 9px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.81) and (-moz-max-device-pixel-ratio: 2.1),
  (-webkit-min-device-pixel-ratio: 1.81) and (-webkit-max-device-pixel-ratio: 2.1),
  (min-resolution: 1.81dppx) and (max-resolution: 2.1dppx) {
  :root {
    font-size: 8px;
  }
}