.divclass {
    position:relative;
    margin:0 auto;
    top:0px;
    left:0px;
    width:1400px;
    height:510px;
    overflow:hidden;
    visibility:hidden;
}

.loadingclass {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    text-align:center;
    background-color:rgba(0,0,0,0.7);
}

.imgclass {
    margin-top:-19px;
    position:relative;
    top:50%;
    width:38px;
    height:38px;
}

.slidesclass
{
    cursor:default;
    position:relative;
    top:0px;
    left:0px;
    width:1400px;
    height:510px;
    overflow:hidden;
}

.navigatorclass
{
    position:absolute;bottom:12px;right:12px;
}

.prototypeclass
{
    width:16px;height:16px;
}

.svgclass
{
    position:absolute;top:0;left:0;width:100%;height:100%;
}

.arrowleftclass
{
    width:50px;height:50px;top:0px;left:30px;
}

.arrowrightclass
{
    width:50px;height:50px;top:0px;right:30px;
}

.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 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;}

/*jssor slider arrow skin 093 css*/
.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;}