@charset "UTF-8";

.pr-indu .banner {position: relative; opacity: 0; margin-top: 25px; /* margin-top: 63px;*/ padding-bottom: 4.6%;}

.pr-indu .banner ul {position: relative; display: inline-block; width: 100%;}
.pr-indu .banner ul:first-child {position: absolute; top:0;  overflow: hidden; white-space: nowrap;}
.pr-indu .banner.active ul:first-child {animation: rollingHorizone 40s linear infinite;}
.pr-indu .banner ul:last-child {position: absolute;}
.pr-indu .banner.active ul:last-child {animation: rollingHorizone 40s linear infinite; animation-delay: -20s;}

.pr-indu .banner:hover ul:first-child,
.pr-indu .banner:hover ul:last-child {animation-play-state: paused;}

@keyframes rollingHorizone {
  0% {transform: translateX(100%);}
  100% {transform: translateX(-100%);}
}

.pr-indu .banner li {float: left; width: 12.5%; padding-right: 20px;}
.pr-indu .banner li img {border: 1px solid #cdcdcd;}

@media (max-width: 1500px) {
  .pr-indu .banner {opacity: 1; margin-top: 15px;}
}

@media (max-width: 940px) {
  .pr-indu .banner {padding-bottom: 7.6%;}
  .pr-indu .banner ul {width: 175%;}
}

@media (max-width: 660px) {
  .pr-indu .banner {padding-bottom: 10.8%;}
  .pr-indu .banner ul {width: 280%;}
}