/*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_1{
	position:relative;margin:0 auto;top:0px;left:0px;width:1920px;height:100px;overflow:hidden;visibility:hidden;
}
#jssor_2{
	position:relative;margin:0 auto;top:0px;left:0px;width:1920px;height:330px;overflow:hidden;visibility:hidden;
    border-top: 1px solid #dab744;
    border-bottom: 1px solid #dab744;
}
.sd-wp2{
	cursor:default;position:relative;top:0px;left:0px;width:1920px;height:330px;overflow:hidden;
}
.sd-wp2 div img{
	width:90% !important;
	height:90% !important;
	margin:4%;
	padding:0;
	border:solid #dab744 2px;
	vertical-align: middle;
	    box-shadow: 0 0 15px #fff;
}
.sd-wp{
	cursor:default;position:relative;top:0px;left:0px;width:1920px;height:100px;overflow:hidden;
}

@media screen and (min-width: 1024px) and (max-width: 1152px){
}

@media only screen 
and (min-width : 768px) 
and (max-width : 1023px) {
}
@media only screen and (max-width: 767px) {
#jssor_2{
	width:200%;
}
}