.slider {
  position: absolute; z-index:1; 
  top:30px; left:50%; margin-left:-550px;
  height: 370px;
  background:rgba(255,255,255,0.5);
  overflow: hidden;
  box-shadow:inset 15px 15px 0 #D8AE00, inset -15px -15px 0 #D8AE00;
  moz-box-shadow:inset 15px 15px 0 #D8AE00, inset -15px -15px 0 #D8AE00;
  -webkit-box-shadow:inset 15px 15px 0 #D8AE00, inset -15px -15px 0 #D8AE00;
}
.slider .pluso-wrap { position: absolute; z-index: 2; right: 6%; bottom: 12%;}
.slider .pluso-wrap span {display: block; font-weight: bold; text-align: right; padding-bottom: 5px;}
.slider .pluso-wrap .pluso {}

.slider .button {
  background: #689ee2;
  position: absolute;
  top: 155px;
  width: 50px;
  height: 50px;
  text-align: center;
  text-decoration: none;
  line-height: 50px;
  font-size: 30px;
  color: #fff;
  z-index: 2;
}
.slider .button:hover {
  color: #CFFFD0;
}
.slider .button.left {
  left: 0;
}
.slider .button.right {
  right: 0;
}
.slider .slider-contents {
  height: 370px;
  float: left;
  position: relative;
  width: 2200px;
  -webkit-transition: margin-left 1s;
  transition: margin-left 1s;
}
.slider .slider-contents .sector-sl {
  /*line-height: 370px;*/
  width: 1100px;
  height: 370px;
  display: block;
  float: left;
  color: #000;
}

.slider .slider-contents .sector-sl h3 {font-size: 3em; padding: 10% 0 1% 8%;}
.slider .slider-contents .sector-sl p {padding-left: 8%; font-size: 1.5em;}
.slider .slider-contents .sector-sl p em {color: #339966; font-style: normal;}
.slider .slider-contents .sector-sl span{
  display: block;
  padding: .8% 0 0 8%;
  color: #3068AC;
  font-size: 2.0em;
}

* {
  margin: 0;
  padding: 0;
}

.pic-wrapper {
  position: relative;
  width: 100%;
  height:430px;
  overflow:hidden;
  margin:0;
  padding:0;
}

figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity:0;
  /*animation*/
  
  animation: slideShow 24s linear infinite 0s;
  -o-animation: slideShow 24s linear infinite 0s;
  -moz-animation: slideShow 24s linear infinite 0s;
  -webkit-animation: slideShow 24s linear infinite 0s;
}



.pic-1 {
  opacity: 1;
  background: url(../images/slider/s-1.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.pic-2 {
  animation-delay: 6s;
  -o-animation-delay: 6s;
  -moz--animation-delay: 6s;
  -webkit-animation-delay: 6s;
  background: url(../images/slider/s-2.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.pic-3 {
  animation-delay: 12s;
  -o-animation-delay: 12s;
  -moz--animation-delay: 12s;
  -webkit-animation-delay: 12s;
  background: url(../images/slider/s-3.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.pic-4 {
  animation-delay: 18s;
  -o-animation-delay: 18s;
  -moz--animation-delay: 18s;
  -webkit-animation-delay: 18s;
  background: url(../images/slider/s-4.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* keyframes*/

@keyframes slideShow {
  0% {
    opacity: 0;
    transform:scale(1);
    -ms-transform:scale(1);
  }
  4% {
    opacity: 1
  }
  24% {
    opacity: 1;    
  }
  28% {
    opacity: 0;
    transform:scale(1.1);
    -ms-transform:scale(1.1);
  }
  100% {
    opacity: 0;
    transform:scale(1);
    -ms-transformm:scale(1);
  }    
}

@-o-keyframes slideShow {
 0% {
  opacity: 0;
  -o-transform:scale(1);
}
4% {
  opacity: 1
}
24% {
  opacity: 1;    
}
28% {
  opacity: 0;
  -o-transform:scale(1.1);
}
100% {
  opacity: 0;
  -o-transformm:scale(1);    
}
}

@-moz-keyframes slideShow {
 0% {
  opacity: 0;
  -moz-transform:scale(1);
}
4% {
  opacity: 1
}
24% {
  opacity: 1;    
}
28% {
  opacity: 0;
  -moz-transform:scale(1.1);
}
100% {
  opacity: 0;
  -moz-transformm:scale(1);    
}
}

@-webkit-keyframes slideShow {
  0% {
    opacity: 0;
    -webkit-transform:scale(1);
  }
  4% {
    opacity: 1
  }
  24% {
    opacity: 1;    
  }
  28% {
    opacity: 0;
    -webkit-transform:scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transformm:scale(1);    
  }
}