*{margin:0;padding:0;}
.box{position:relative;overflow:hidden;height:730px;}
.content{position:relative;overflow:hidden;height:730px;}
.content div{position:absolute;top:0;left:0;width:100%;}
.content div.img{width:100%;height:730px;}
.control{position:absolute;left:0;bottom:0;width:100%;height:30px;text-align:center;}
.control-bar{display:inline-block;width:5px;height:5px;margin:12px 2px 0 2px;background-color:#C5C5C5;border-radius:50%;cursor:pointer;}
.control .control-bar:hover{background-color:#fff;}
.control .control-bar.current{background-color:#fff;}
#pre, #next{position:absolute;top:50%;width:20px;height:34px;margin-top:-35px;background-color:pink;cursor:pointer;z-index:-10;}
#pre{left:3px;background:url(img/icon.png) no-repeat 0 0;}
#next{right:3px;background:url(img/icon.png) no-repeat -9px -45px;}
@media screen and (max-width:1080px) {
	.box{height:500px;}
	.content{height:500px;}
	.content div.img{height:500px;}
}
@media screen and (max-width:768px) {
	.box{height:240px;}
	.content{height:240px;}
	.content div.img{height:240px;}
}