.banner{ position: relative;width: 100%;height: 100%; overflow: hidden; box-sizing: border-box; }
.banner * { margin: 0;padding: 0; list-style-type: none; text-decoration: none; color: white; }
.banner .pics{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; transition: .6s; }
.banner .pics li{ position: absolute;width: 100%;height: 100%;top: 0;left: 0; overflow: hidden; opacity: 0; transition: opacity 1s linear; }
.banner .pics li.active{ z-index: 1; opacity: 1; }
.banner .pics li img{ width: 100%;height: 100%; border: none; display: block; transition: 1s; }
.banner .pics li:hover img{ transform: scale(1.05); }
.banner .des{ position: absolute;width: 100%;height: 35px; box-sizing: border-box; padding-right: 100px;padding-left: 10px; background: rgba(0,0,0,.6); bottom: 0;left: 0;z-index: 2; }
.banner .des .textDetail *{ line-height: 35px;font-size: 13px; }
.banner .des .textDetail{ width: 100%;position: relative; }
.banner .des .textDetail li{ width: 100%;position: absolute;top: 35px;left: 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; transition: .5s; }
.banner .des .textDetail li.active{ top: 0; }
.banner .des .listIndex{ position: absolute;width: 100px;right: 0;top: 0;bottom: 0;margin: auto; height: 8px; }
.banner .des .listIndex li{ width: 8px;height: 100%; background: #999;float: left;vertical-align: top; margin-left: 9px;cursor: pointer; }
.banner .des .listIndex li.active,.banner .des .listIndex li:hover{ background: #FFF; }