#banner { background: url(/images/28/main/img-bannerBg.jpg); }
.slide { overflow: hidden; position: relative; margin: 20px auto 0; width: 80%; }
.slide .img { overflow: hidden; position: absolute; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 10px #5a5757; -moz-box-shadow: 0 0 10px #5a5757; box-shadow: 0 0 10px #5a5757; }
.slide .img img { margin-top: -1px; }
.slide .img1 { width: 40%; top: 27%; left: 10px; z-index: 1; }
.slide .img2 { width: 60%; top: 17%; left: 10px; z-index: 2; }
.slide .img3 { width: 80%; top: 7%; left: 10%; z-index: 3; }
.slide .img4 { width: 60%; top: 17%; left: 39%; z-index: 2; }
.slide .img5 { width: 40%; top: 27%; left: 110%; z-index: 1; }
.slide .img a.photo { background-size: cover; }
.slide-bt { position: absolute; width: 100%; bottom: 13%; text-align: center; z-index: 10; }
.slide-bt span { margin: 0 5px; width: 13px; height: 13px; display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px #fff solid; }
.slide .slide-bt .on{ border-color: transparent; background: #fff; }