/*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); }
	}
	
	.slideridx {
		position:relative;
		margin:0 auto;
		top:0px;
		left:0px;
		overflow:hidden;
		visibility:hidden;
		width: 640px;
		height:310px;
	}
	
	
	/*jssor slider bullet skin 052 css*/
	.jssorb052 .i {position:absolute;cursor:pointer;}
	.jssorb052 .i .b {fill:#000;fill-opacity:0.3;}
	.jssorb052 .i:hover .b {fill-opacity:.7;}
	.jssorb052 .iav .b {fill-opacity: 1;}
	.jssorb052 .i.idn {opacity:.3;}

	/*jssor slider arrow skin 053 css*/
	.jssora053 {display:block;position:absolute;cursor:pointer;}
	.jssora053 .a {fill:none;stroke:#fff;stroke-width:640;stroke-miterlimit:10;}
	.jssora053:hover {opacity:.8;}
	.jssora053.jssora053dn {opacity:.5;}
	.jssora053.jssora053ds {opacity:.3;pointer-events:none;}
	
	@media screen and (max-width: 736px) {
		
		.slideridx {
			top:20px;
			height:300px;
		}
		
		.slidersec {			
			width: 150vw;
			margin-left: -25vw;
		}
	
	}
	
	@media screen and (max-width: 480px) {
		
		.slideridx {
			top:20px;
		}
	
		.slidersec {			
			width: 200vw;
			margin-left: -50vw;
		}
	}