
<style type="text/css">
* {padding: 0;margin: 0;font-family: "微软雅黑";font-size: 14px;}
ul,li {list-style: none;padding-inline-start: 0px; margin:  0px auto;}
a {text-decoration: none;color: black;}
.box{width: 1003px;height: 220px;margin:  0px auto;overflow: hidden;position: relative; }
 
.box-1 ul li{width: 1003px;height: 220px;position: relative;overflow: hidden; }
.box-1 ul li img{display:block;width: 1003px; height: 220px;}
.box-1 ul li h2{position: absolute;left: 0;bottom: 0;height: 0px;width:300px;text-indent: 2em;
				padding-right:1003px ;font-size: 15px;line-height: 0px;text-overflow: ellipsis;overflow: hidden;
				white-space: nowrap;font-weight: normal;color: ghostwhite}
.box-2{position: absolute;right: 10px;bottom: 0px;}
.box-2 ul li{float:left;width: 12px;height: 0px;overflow: hidden; margin: 0 5px; border-radius: 50%;
				background: rgba(0,0,0,0.5);text-indent: 100px;cursor: pointer;}
.box-2 ul .on{background: rgba(255,255,255,0.6);}
 
.box-3 .prev{left: 10px;}
.box-3 .next{right: 10px;}
.box-3 span::selection{background: transparent;}
.box-3 span:hover{background: rgba(125,125,120,.8);}
</style>