/* 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);
    }
}


.jssorb031 {position:absolute;}
.jssorb031 .i {position:absolute;cursor:pointer;}
.jssorb031 .i .b {fill:#000;fill-opacity:0.5;stroke:#fff;stroke-width:1200;stroke-miterlimit:10;stroke-opacity:0.3;}
.jssorb031 .i:hover .b {fill:#fff;fill-opacity:.7;stroke:#000;stroke-opacity:.5;}
.jssorb031 .iav .b {fill:#fff;stroke:#000;fill-opacity:1;}
.jssorb031 .i.idn {opacity:.3;}

.jssorbcover{position:relative;margin:0 auto;top:0px;left:0px;width:100% !important;height:600px !important;overflow:hidden;visibility:hidden;}
.jssorbcover_inner{cursor:default;position:relative;top:0px;left:0px;width:100% !important;height:600px !important;overflow:hidden;}

.jssornavigator{position:absolute !important; bottom:12px !important; right:12px !important;}
.jssornavigator > div{height: 30px !important; width: 3px !important; background: #fff; opacity: .5; position: static !important; margin: 5px 0; cursor: pointer;}
.jssornavigator > div.iav{opacity: 1;}