.js-silder{
position: relative;
min-width: 320px;
        height:500px;
}
.silder-scroll{
width: 100%;
        height:500px;
overflow: hidden;
        position: absolute;
        z-index: 999;
}
.silder-main{
position: relative;
width: 100%;
        height:500px;
overflow: hidden;
}
.silder-main-img{
position: absolute;
top: 0;
left: 0;
        height:500px;
width: 100%;
        background-size:auto 500px !important;
        background-position: center center !important;
}
.silder-main-img a{
        display:block;
        width:100%;
        height:100%;
}
.js-silder-ctrl{
width: 100%;
        position: absolute;
        top: 0px;
        height: 500px;
text-align: center;
}
.silder-ctrl-prev,
.silder-ctrl-next{
position: absolute;
        z-index: 1000;
top: 50%;
        margin-top:-40px;
width: 50px;
height: 80px;
vertical-align: middle;
cursor: pointer;
color: #fff;
font-family: "宋体";
font-size: 52px;
font-weight: 600;
text-shadow: #666 2px 2px 5px;
}
.silder-ctrl-prev{
left: 50%;
        margin-left:-600px;
text-align: left;
}
.silder-ctrl-next{
right: 50%;
        margin-right:-600px;
text-align: right;
}
.silder-ctrl-prev>span,
.silder-ctrl-next>span{
position: absolute;
top: 50%;
margin-top: -40px;
        padding: 10px 10px;
        padding-bottom: 7.5px;
}
.silder-ctrl-prev>span:hover,
.silder-ctrl-next>span:hover{
        background: #000;
        opacity: 0.6;
}
.silder-ctrl-prev>span{
left: 0;
}
.silder-ctrl-next>span{
right: 0;
}
.silder-ctrl-con{
display: inline-block;
width: 15px;
padding: 5px 0;
margin: 0 10px;
cursor: pointer;
        margin-top: 430px;
        position: relative;
        z-index: 1000;
}
.silder-ctrl-con>span{
display: block;
line-height: 0;
text-indent: -9999px;
overflow: hidden;
padding: 8px 0;
cursor: pointer;
background-color: #ffffff;
        width: 15px;
        border-radius: 10px;
        margin-top: 30px;
}
.silder-ctrl-con.active>span{
background-color: #14a83b;
}

@media (max-width: 768px){
.silder-ctrl-prev,
.silder-ctrl-next{
width: 10%;
font-size: 26px;
margin-top: -25px;
}
.silder-ctrl-con{
width: 14px;
height: 14px;
padding: 0;
margin: 0 5px;
}
.silder-ctrl-con>span{
display: block;
width: 100%;
height: 100%;
border-radius: 50%;
padding: 0;
}
}