@charset "utf-8";
*{box-sizing: border-box;}
body,div,p,h1{margin: 0;padding: 0;}
img{border: 0;max-width: 100%;vertical-align: middle;}
.js-silder{position: relative;min-width: 320px;overflow-x:hidden; }
.silder-scroll{width: 100%;overflow: hidden;}
.silder-main{ width: 100%;overflow: hidden;}
.silder-main-img{position: absolute;top: 0;left: 0;width: 100%;display: flex;
	justify-center: center;
	align-items: center}
	
.silder-main-img img{height:100%; width:100%; overflow:hidden;display: block;
	max-width: 100%;
	max-height: 100%;}
.js-silder-ctrl{width: 100%;text-align: center;}
.silder-ctrl-prev,
.silder-ctrl-next{position: absolute;top: 0;width: 8%;height: 100%;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: 0;text-align: left;}
.silder-ctrl-next{right: 0;text-align: right;}
.silder-ctrl-prev>span,
.silder-ctrl-next>span{position: absolute;top: 40%;margin-top: -40px;}
.silder-ctrl-prev>span{left: 0;}
.silder-ctrl-next>span{right: 0;}
.silder-ctrl-con{display: none;width: 4%;padding: 10px 0;margin: 0 10px;cursor: pointer;}
.silder-ctrl-con>span{display: block;line-height: 0;text-indent: -9999px;overflow: hidden;padding: 5px 0;cursor: pointer;background-color: #e4e4e4;}
.silder-ctrl-con.active>span{background-color: #7bbedf;}
@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;}}