#imgList {
    width: 770px;
    float: right;
    height: 508px;
 
}
#bannerImg_left{list-style-type: none;margin:0 auto }
#imgList li{margin:0 auto}

#bannerControl{position:relative; width: 770px;float:right}
.direction{position: relative;margin-top:-250px;float:left;display:none}
.arrowL,.arrowR{margin-top:-250px;display:none;float:left;width:50px;height:50px;cursor:pointer}
.arrowL{float:left;background:url(https://www.6688.com/imgs/arrow-1-l.png) no-repeat}
.arrowR{float:right;background:url(https://www.6688.com/imgs/arrow-1-R.png) no-repeat;margin-left:50px}
.switchLable{position: relative;float:right;margin-top:-20px;}
.switchLable li{list-style-type:none;float:left;margin-right:8px}
.switchLable li{width:12px;height:12px;border-radius:2px;background:white;cursor:pointer}
.switchLable li .on{background:gray}