/*slider*/
#slider1_container {position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1500px; height: 870px; overflow: hidden;}
.slider-loading {position: absolute; top: 0px; left: 0px;}
.slider-load1 {filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block;
            top: 0px; left: 0px; width: 100%; height: 100%;}
.slider-load2 {position: absolute; display: block; background: url(../img/loading.gif) no-repeat center center;
            top: 0px; left: 0px; width: 100%; height: 100%;}
.slides {cursor: move; position: absolute; left: 0px; top: 0px; width: 1500px; height: 870px; overflow: hidden;}
.slide-content {position: absolute; top: 100px; left: 100px; width: 900px; padding: 40px;
               background-color: rgba(0, 164, 255, 0.6);}
.slide-title {line-height: 60px; font-size: 50px; color: #FFFFFF; text-align: left; text-transform: uppercase;
            margin-bottom: 50px; display: inline-block; font-weight: 300;}
.slide-text {line-height: 46px; font-size: 32px; color: #FFFFFF; text-align: left;  
            margin-bottom: 80px; display: inline-block;}
.slide-btn {}
.slide-btn a {background-color: #004685; color: #fff; text-transform: uppercase; font-size: 30px; padding: 10px 30px 12px;
            -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; display: inline-block;}
.slide-btn a:hover {background-color: #888;}

/* jssor slider bullet navigator skin 21 css */
/*
.jssorb21 div           (normal)
.jssorb21 div:hover     (normal mouseover)
.jssorb21 .av           (active)
.jssorb21 .av:hover     (active mouseover)
.jssorb21 .dn           (mousedown)
*/
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av
{
    background: url(../img/b21.png) no-repeat;
    overflow:hidden;
    cursor: pointer;
}
.jssorb21 div { background-position: -5px -5px; }
.jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
.jssorb21 .av { background-position: -65px -5px; }
.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }

/* jssor slider arrow navigator skin 21 css */
/*
.jssora21l              (normal)
.jssora21r              (normal)
.jssora21l:hover        (normal mouseover)
.jssora21r:hover        (normal mouseover)
.jssora21ldn            (mousedown)
.jssora21rdn            (mousedown)
*/
.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn
{
    position: absolute;
    cursor: pointer;
    display: block;
    background: url(../img/a21.png) center center no-repeat;
    overflow: hidden;
}
.jssora21l { background-position: -3px -33px; }
.jssora21r { background-position: -63px -33px; }
.jssora21l:hover { background-position: -123px -33px; }
.jssora21r:hover { background-position: -183px -33px; }
.jssora21ldn { background-position: -243px -33px; }
.jssora21rdn { background-position: -303px -33px; }