#jssor_1 {
  position:relative;
  margin: 0 auto;
  top:0;
  left:0;
  width:980px;
  overflow:hidden;
  visibility:hidden;
}

/*jssor slider loading skin spin css*/
.jssorl-009-spin {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  text-align:center;
  background-color:rgba(0,0,0,0.7);
}

.jssorl-009-spin img {
  animation-name: jssorl-009-spin;
  animation-duration: 5.6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  margin-top:-19px;
  position:relative;
  top:50%;
  width:38px;
  height:38px;
}

@keyframes jssorl-009-spin {
  from { 
    transform: rotate(0deg); 
  }
  to { 
    transform: rotate(360deg); 
  }
}

/*jssor slider bullet skin 053 css*/
.jssorb053 .i {
  position:absolute;
  cursor:pointer;
}
.jssorb053 .i .b {
  fill:#fff;
  fill-opacity:0.5;
}
.jssorb053 .i:hover .b {
  fill-opacity:.7;
}
.jssorb053 .iav .b {
  fill-opacity: 1;
}
.jssorb053 .i.idn {
  opacity:.3;
}

/****************************************
* Bullet Navigation
****************************************/

.jssora093 {
  display:block;
  position:absolute;
  cursor:pointer;
}
.jssora093 .c {
  fill:none;
  stroke:#fff;
  stroke-width:400;
  stroke-miterlimit:10;
}
.jssora093 .a {
  fill:none;
  stroke:#fff;
  stroke-width:400;
  stroke-miterlimit:10;
}
.jssora093:hover {
  opacity:.8;
}
.jssora093.jssora093dn {
  opacity:.6;
}
.jssora093.jssora093ds {
  opacity:.3;
  pointer-events:none;
}

#slides {
  cursor:default;
  position:relative;
  top:0px;
  left:0px;
  width:980px;
  overflow:hidden;
}

#slides img {
  width: 100%
}

@media screen and (min-width: 760px) {
  #jssor_1, #slides {
    height:100%;
  }
}

@media screen and (max-width: 760px) {
  #jssor_1, #slides {
    height:100%;
  }
}