/* jssor slider arrow navigator skin 21 css */
/*
.jssora21l              (normal)
.jssora21r              (normal)
.jssora21l:hover        (normal mouseover)
.jssora21r:hover        (normal mouseover)
.jssora21ldn            (mousedown)
.jssora21rdn            (mousedown)
*/
/*.jssora21r, .jssora21ldn, .jssora21rdn
{
	position: absolute;
	cursor: pointer;
	display: block;
	background: url(../images/a21.png) center center no-repeat;
	overflow: hidden;
}*/
.jssora21r, .jssora21rdn
{
	position: absolute;
	cursor: pointer;
	display: block;
	background: url(../images/ArrowIn.png) center center no-repeat;
	overflow: hidden;
}

.jssora21l, .jssora21ldn
{
	position: absolute;
	cursor: pointer;
	display: block;
	background: url(../images/ArrowOut.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; }*/
 /* 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(../images/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; }

#slider1_container {
 position: relative; margin: 0 auto;
 top: 0px; left: 0px; width: 1300px; height: 415px; overflow: hidden;
 border-bottom: 6px solid #ffffff;
 box-shadow: 0 10px 20px 0 #d6d6d6;
}
#loading {
	position: absolute; top: 0px; left: 0px;
}
#loading-inner-div {
	filter: alpha(opacity=70); 
	opacity: 0.7; position: absolute; display: block;
    top: 0px; left: 0px; width: 100%; height: 100%;
}
#loading-img {
    position: absolute; display: block; background: url(../images/loading.gif) no-repeat center center;
	top: 0px; left: 0px; width: 100%; height: 100%;
}
#inner-slider {
	cursor: move; position: absolute; left: 0px; top: 0px; width: 1300px;
	height: 750px; overflow: hidden;
}
.slider-text {
    color: #ffffff;
    font-size: 30px;
    height: 120px;
    left: 10%;
    line-height: 36px;
    padding: 5px;
    position: absolute;
    text-align: left;
    top: 38%;
    width: 80%;
}

.jssorb21 {
	position: absolute; bottom: 26px; left: 6px;
}
.jssorb21.bullet_navigation{bottom:80px;} 
.jssorb21.bullet_navigation .i,.jssorb21.bullet_navigation .iav{cursor:pointer;}
.jssorb21 .i .ci{fill:#135843;}
.jssorb21 .i .co{fill:#135843;}
.jssorb21 .iav .ci{fill:#fff;}
.jssorb21 .iav .co{fill:#fff;}
#prototype {
	position: absolute; width: 19px; height: 19px; text-align:center; line-height:19px; color:White; font-size:12px;
}
.jssora21l, .jssora21ldn {
	width: 30px; height: 45px; top: 11%; left: 60px;display:block !important;background-size: 13px;/*filter:invert(50%);border: 2px solid rgb(255, 255, 255);*/
	background-color:#135843;
}
.jssora21r, .jssora21rdn {
	width: 30px; height: 45px; top: 11%; right: 65px;display:block !important;background-size: 13px;/*filter:invert(50%);border: 2px solid rgb(255, 255, 255);*/
	background-color:#135843;
}