.banner{height: 338px;position: relative;}
.banner ul li{width: 100%;height: 100%;position: absolute;display: none;list-style: none;}
.banner ul li:first-child{display: list-item;}
.banner .dot{position: absolute;width: 100%;left: 0;bottom: 15px;text-align: center;z-index: 20;}
.banner .dot a{display: inline-block;width: 12px;height: 12px;background: rgba(255, 255, 255, 0.6);  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99ffffff, endcolorstr=#99ffffff);;margin: 0 5px;}
.banner .dot a.active{background-color:#fff;width:16px;height:16px;}
.banner .banner-arrow{position: absolute;z-index: 999;top: 45%;  -webkit-transform:translate(0%,-50%); -moz-transform:translate(0%,-50%); -ms-transform:translate(0%,-50%); transform:translate(0%,-50%);width:40px;height:40px;transform-origin:center center; -webkit-transform-origin:top left;cursor: pointer;}
/*.banner .banner-arrow.arrow-prev{left: 10px; -webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-top:4px solid white;border-left:4px solid white;}
.banner .banner-arrow.arrow-next{right:20px; -webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-bottom:4px solid white; border-right:4px solid white;}*/