/*jssor slider loading skin spin css*/
    .jssorl-009-spin img {
        animation-name: jssorl-009-spin;
        animation-duration: 1.6s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

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

    /*jssor slider arrow skin 106 css*/
    .jssora106 {display:block;position:absolute;cursor:pointer;}
    .jssora106 .c {fill:#fff;opacity:.3;}
    .jssora106 .a {fill:none;stroke:#000;stroke-width:350;stroke-miterlimit:10;}
    .jssora106:hover .c {opacity:.5;}
    .jssora106:hover .a {opacity:.8;}
    .jssora106.jssora106dn .c {opacity:.2;}
    .jssora106.jssora106dn .a {opacity:1;}
    .jssora106.jssora106ds {opacity:.3;pointer-events:none;}

    /*jssor slider thumbnail skin 101 css*/
    .jssort101 .p {position: absolute;top:0;left:0;box-sizing:border-box;background:#fff;}
    .jssort101 .p .cv {position:relative;top:0;left:0;width:100%;height:100%;border:2px solid #000;box-sizing:border-box;z-index:1;}
    .jssort101 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;visibility:hidden;}
    .jssort101 .p:hover .cv, .jssort101 .p.pdn .cv {border:none;border-color:transparent;}
    .jssort101 .p:hover{padding:2px;}
    .jssort101 .p:hover .cv {background-color:rgba(0,0,0,6);opacity:.35;}
    .jssort101 .p:hover.pdn{padding:0;}
    .jssort101 .p:hover.pdn .cv {border:2px solid #fff;background:none;opacity:.35;}
    .jssort101 .pav .cv {border-color:#fff;opacity:.35;}
    .jssort101 .pav .a, .jssort101 .p:hover .a {visibility:visible;}
    .jssort101 .t {position:absolute;top:0;left:0;width:100%;height:100%;border:none;opacity:.6;}
    .jssort101 .pav .t, .jssort101 .p:hover .t{opacity:1;}

.image-jssor1{
  position:relative;
  margin:0 auto;
  top:0px;
  left:-15px;
  width:970px;
  height:600px;
  overflow:hidden;
  visibility:hidden;
}
.image-loading{
  position:absolute;
  top:0px;
  left:-10px;
  width:100%;
  height:100%;
  text-align:center;
  background-color:rgba(0,0,0,0.7);
}
.image-svg{
  margin-top:-19px;
  position:relative;
  top:50%;
  width:38px;
  height:38px;
}
.image-slides{
  cursor:default;
  position:relative;
  top:0px;
  left:-10px;
  width:980px;
  height:450px;
  overflow:hidden;
}
.show-image{
  width: 980px;
  height: 450px;
  top: 0px;
  left: 0px;
  position: absolute;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
}
.show-image-details{
  left: 0px; 
  top: 354px; 
  width: 980px;
  height: 95px;
  position: absolute;
  color: rgb(252, 8, 8);
  font-size: 32px;
  line-height: 1.2;
  text-align: center;
  z-index: 1; 
  background-color:rgb(234 227 227 / 70%);
}
.show-image-details p{
  text-align: center;
  padding-top: 10px;
  text-shadow: 2px #ffff;
  font: bold 25px tahoma;
  color:rgb(11 3 130);;
}
.image-thumbnavigator{
  position:absolute;
  left:0px;
  bottom:0px;
  width:980px;
  left:-10px;
  height:120px;
  background:rgba(0,0,0,0);
}
.image-arrowleft{
  width:55px;
  height:55px;
  top:162px;
  left:10px;
}
.image-arrowleft-svg{
  position:absolute;
  top:0;
  left:-10px;
  width:100%;
  height:100%;
}
.image-arrowright{
  width:55px;
  height:55px;
  top:162px;
  right:30px;
}
.image-arrowright-svg{
  position:absolute;
  top:0;
  left:-10px;
  width:100%;
  height:100%;
}
.image-active{
  width: auto;
  height: 450px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  position: absolute;
  max-width: 10000px;
  z-index: 1;
}