* {padding: 0;margin: 0;font-family: "微软雅黑";font-size: 16px;}
ul,li {list-style: none;}
a {text-decoration: none;color: black;}
.box{width: 580px;height: 315px;overflow: hidden;position: relative;}
.box-1 ul{}
.box-1 ul li{width: 580px;height: 315px;position: relative;overflow: hidden;}
.box-1 ul li a img{display:block;width: 580px; height: 315px;}
.box-1 ul li p{position: absolute;left: 0;bottom: 0;height: 57px;width:580px;background: rgba(26,26,32,.6);text-indent: 1em;
    padding-right:111px ;font-size: 18px;line-height: 57px;text-overflow: ellipsis;overflow: hidden;
    white-space: nowrap;font-weight: normal;color: #fff}
.box-1 ul li p a{color: #fff}
.box-2{position: absolute;right: 10px;bottom: 23px;}
.box-2 ul li{float:left;width: 8px;height: 8px;overflow: hidden; margin: 0 4px; border-radius: 50%;
    background:#fff;text-indent: 100px;cursor: pointer;}
.box-2 ul .on{background: #004ea1;}