.slider{ position:relative; }
.overflow{ width: 100%; overflow: hidden; }
.slide-scroll .list{ width: 20%; float: left; }

.slider .controls label{ cursor:pointer; display: none; text-indent:-999999px; z-index:100; width:26px; position:absolute; height:36px; line-height:36px; left:0; bottom:46%; top:50%; margin-top: -18px; }
.slider .controls .active label:hover { background: #000; border-color: #000 !important; }
.slider .controls label:hover { opacity: 0.8; }
.slider .active { margin-top:10px; text-align: center; width:100%; text-align:center; }
.slider .active label { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; width: 10px; height: 10px; background: #666; cursor:pointer; }


 .controls, .slide-scroll, .active, .active label{
/*	-webkit-transform: translateZ(0);*/
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}


.slide-scroll .inner { width: 500%;
  -webkit-transform: translateZ(0);
  -webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
  -moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
     -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
        transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);

  -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
  -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
        transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}


.scroll .overflow{ width: auto; }
.scroll .item{ float: left; width:24.6%; }
.scroll .item a{ background-color: #fff; display: block; color: #555; font-size: 14px; text-align: center; margin:0 10px;  }
.scroll .item a:hover{ color: #000; }
.scroll .item i{ font-style: normal; display: inline-block; }
.scroll .item h5{ margin:10px 0; font-size: 12px; color:#504d92; font-weight: normal; text-align: left; text-transform: uppercase; height:70px }
.scroll .item p{ margin: 2px 0 0; font-size: 16px; font-weight: bold; float: left; color: #504d92; }
.scroll .item span{ font-size: 10px; float: right; font-weight: normal; padding:6px 10px; background-color: #0f8fd1; color:#fff; font-weight: bold; text-transform: uppercase; display: inline-block; }
.scroll .item span:hover{ background-color: #1f78ab; }


.scroll .item .imgBox{ height:120px; font-size:0; position:relative; display:block; }
.scroll .item .imgBox img {
  bottom:0;
  height:auto;
  left:0;
  margin:auto;
  max-height:90%;
  max-width:90%;
  position:absolute;
  right:0;
  top:0;
  width:auto;
}


/*Main Slider*/
#main-slider1:checked ~ .slide-scroll .inner { margin-left:0; }
#main-slider2:checked ~ .slide-scroll .inner { margin-left:-100%; }
#main-slider3:checked ~ .slide-scroll .inner { margin-left:-200%; }
#main-slider4:checked ~ .slide-scroll .inner { margin-left:-300%; }
#main-slider5:checked ~ .slide-scroll .inner { margin-left:-400%; }



.main-slider .active{ position: absolute; bottom: 15px; }
.main-slider .active label{ width: 10px; height: 10px; line-height: 10px; border-radius: 10px; background-color: #666; }

#main-slider1:checked ~ .active label:nth-child(1),
#main-slider2:checked ~ .active label:nth-child(2),
#main-slider3:checked ~ .active label:nth-child(3) {
  background: #02334f;


}

.main-slider .controls label{ width:30px; height:30px; line-height: 30px; margin-top: -15px; left:1px; background: url(../images/arw-slider.gif) 0 bottom no-repeat; }

#main-slider1:checked ~ .controls label:nth-child(2), 
#main-slider2:checked ~ .controls label:nth-child(3), 
#main-slider3:checked ~ .controls label:nth-child(1){
  background-position: right bottom;
  display: block;
  left:auto;
  right:1px;
}


#main-slider1:checked ~ .controls label:nth-child(3),
#main-slider2:checked ~ .controls label:nth-child(1),
#main-slider3:checked ~ .controls label:nth-child(2){
  display: block;
}


.main-slider img{ width: 100%; }

.naslide{ margin-bottom:15px; margin-top: 7.5px; }
.naslide .slide-scroll{ border:1px solid #ddd; border-top:0; padding: 15px 45px; }
.naslide .block-title *{ font-weight: bold; }



#naslide1:checked ~ .slide-scroll .inner { margin-left:0; }
#naslide2:checked ~ .slide-scroll .inner { margin-left:-100%; }
#naslide3:checked ~ .slide-scroll .inner { margin-left:-200%; }


.naslide .controls label{ width:28px; height:30px; line-height: 30px; margin-top: -15px; left:15px; background: url(../images/arw-scroll.png) 0 bottom no-repeat; }

#naslide1:checked ~ .controls label:nth-child(2), 
#naslide2:checked ~ .controls label:nth-child(3), 
#naslide3:checked ~ .controls label:nth-child(1){
  background-position: right bottom;
  display: block;
  left:auto;
  right:15px;
}


#naslide1:checked ~ .controls label:nth-child(3),
#naslide2:checked ~ .controls label:nth-child(1),
#naslide3:checked ~ .controls label:nth-child(2){
  display: block;
}


.naslide .active{ margin:12px 0; display: none; }
.naslide .active label{ width: 10px; height: 10px; line-height: 10px; border-radius: 10px; background-color: #666; }

#naslide1:checked ~ .active label:nth-child(1),
#naslide2:checked ~ .active label:nth-child(2),
#naslide3:checked ~ .active label:nth-child(3) {
  background: #02334f;


}





.rScroll .overflow{ width:auto; overflow: hidden; height:757px; position: relative; }
.rScroll .slide-scroll .inner { width: 100%; }

.ess-colRight .block-title{ padding-right:10px!important; }
.ess-colRight .block-title span{ font-size: 12px; }

.rScroll .slide-scroll{ padding:60px 0; }

.rScroll .list{ width: 128px; height:757px;}
.rScroll .item{ margin-bottom: 15px; padding: 0 15px; }
.rScroll .item a{ background-color: #fff; display: block; color: #555; text-align: center; }
.rScroll .item i{ font-style: normal; }
.rScroll .item h5{ margin:10px 0; font-weight: normal; height: 40px; overflow: hidden; font-size: 10px; text-transform: uppercase; color: #02334f; font-size: 11px; }
.rScroll .item p{ margin: 2px 0 0; font-size: 16px; font-weight: bold; color: #1f78ab; }

.rScroll .item span{ display: none; }

.rScroll .item div{ height:100px; font-size:0; position:relative; display:block; border: 1px solid #ddd; padding: 10px; }
.rScroll .item div img{
  bottom:0;
  height:auto;
  left:0;
  margin:auto;
  max-height:80%;
  max-width:80%;
  position:absolute;
  right:0;
  top:0;
  width:auto;
}

#naslide1:checked ~ .slide-scroll .inner { margin-left:0; }
#naslide2:checked ~ .slide-scroll .inner { margin-left:-695px; }
#naslide3:checked ~ .slide-scroll .inner { margin-left:-1380px; }

.rScroll .controls label{ width:30px; height:30px; line-height: 30px; left:50%; margin: 0; margin-left: -15px; top:15px; background: url(../images/arw-vert.png) no-repeat; }

#naslide1:checked ~ .controls label:nth-child(2), 
#naslide2:checked ~ .controls label:nth-child(3), 
#naslide3:checked ~ .controls label:nth-child(1){
  display: block;
}

#naslide1:checked ~ .controls label:nth-child(3),
#naslide2:checked ~ .controls label:nth-child(1),
#naslide3:checked ~ .controls label:nth-child(2){
  background-position: 0 bottom;
  display: block;
  top: auto;
  bottom: 46%;
}



.lScroll .overflow{ width:auto; overflow: hidden; height:600px; position: relative; }

.lScroll.pad{ border:1px solid #e6e6e6; }


.lScroll .slide-scroll .inner { width: 100%; }

.ess-colRight .block-title{ padding-right:10px!important; }
.ess-colRight .block-title span{ font-size: 12px; }

.lScroll .slide-scroll{ padding:60px 0; background:#eef6ff }

.lScroll .list{ width:198px; height:600px;}
.lScroll .item{ margin-bottom: 15px; padding: 0 15px; }
.lScroll .item a{ display: block; color: #555; text-align: center; }
.lScroll .item i{ font-style: normal; display: inline-block; }
.lScroll .item h5{ margin:10px 0; font-weight: normal; height: 40px; overflow: hidden; font-size: 10px; text-transform: uppercase; color: #0f8fd1; font-size: 11px; text-align:left }
.lScroll .item p{ margin: 2px 0 0; font-size: 16px; font-weight: bold; float: left; color: #504d92; }
.lScroll .item span{ font-size: 10px; float: right; font-weight: normal; padding:6px 10px; background-color:#0f8fd1; color:#fff; font-weight: bold; text-transform: uppercase; }
.lScroll .item span:hover{ background-color: #9b74bb; }
.lScroll .item h5:hover{color: #9b74bb;}

.lScroll .item div{ height:100px; font-size:0; position:relative; display:block; border: 1px solid #ddd; padding: 10px;  background-color: #fff;}
.lScroll .item div img{
  bottom:0;
  height:auto;
  left:0;
  margin:auto;
  max-height:80%;
  max-width:80%;
  position:absolute;
  right:0;
  top:0;
  width:auto;
}

#fislide1:checked ~ .slide-scroll .inner { margin-top:0; }
#fislide2:checked ~ .slide-scroll .inner { margin-top:-598px; }
#fislide3:checked ~ .slide-scroll .inner { margin-top:-1170px; }

.lScroll .controls label{ width:32px; height:28px; line-height: 30px; left:50%; margin: 0; margin-left: -15px; top:15px; background: url(../images/arw-vert.png) no-repeat; }

#fislide1:checked ~ .controls label:nth-child(2), 
#fislide2:checked ~ .controls label:nth-child(3), 
#fislide3:checked ~ .controls label:nth-child(1){
  display: block;
}

#fislide1:checked ~ .controls label:nth-child(3),
#fislide2:checked ~ .controls label:nth-child(1),
#fislide3:checked ~ .controls label:nth-child(2){
  background-position: 0 bottom;
  display: block;
  top: auto;
  bottom: 14px;
}