.js-silder{
    width: 800px;
    position: relative;
    margin: 0 auto;
}
.silder-scroll{
    width: 800px;
    margin:0 auto;
    height: 560px;
    overflow: hidden;
}
.silder-main{
    width: 200%;
    height: 560px;
    position: relative;
}
.silder-main-img{
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
}
.silder-main-img img{
		width:800px !important;
		/*height: auto;*/
		height: 430px;
            object-fit: contain;
}
	/*.silder-main-img{
		width: 50%;
	}*/

.js-silder-ctrl{
	position: absolute;
    bottom: 175px;
    width: 100%;
    left: 0;
    text-align: center;
}
.silder-ctrl-prev,
.silder-ctrl-next{
    position: absolute;
    top: 50%;
    margin-top: -200px;
    cursor: pointer;
}
.silder-ctrl-prev{
    left: -65px;
}
.silder-ctrl-next{
    right: -65px;
    background-position: -5px -40px;
}
.silder-ctrl-con{
    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
    width: 56px;
	height: 8px;
	text-align: center;
	background-color: #c4c4c4;
	font-size: 0;
}
.current{
	background-color: #c4a440;
}
@media (max-width: 800px){
	
	.js-silder {
	width: 100%;
	margin-top: 1.2rem;
}
	.silder-main-img{
		width: 50%;
	}
	.silder-main-img img{
		width: 100% !important;
		height: auto;
	}
	.silder-scroll{
		width: 100%;
		height: auto;
	}

.silder-ctrl-con{
	width: 0.4rem;
	height: 0.08rem;
}
.silder-main{
	height: 4rem;
}
.js-silder-ctrl{
	bottom: 1.2rem;
}	
.silder-ctrl-prev{
	left: 0;
}
.silder-ctrl-next{
	right: 0;
}
.silder-ctrl-prev, .silder-ctrl-next{
	     
	    margin-top: -80px;
}
.silder-ctrl-prev img, .silder-ctrl-next img{
	height: 35px;
}



}