*{margin: 0;padding: 0;list-style: none;text-decoration: none;font-family: "微软雅黑";}
html{width: 100%;height: 100%;}
body{width:100%;background: #FFFFFF;height: 100%;min-width: 1170px;overflow-x: hidden;}

.banner{ width: 100%;overflow: hidden;position: relative;z-index:22;box-sizing: border-box;}
.banner ul{width: 20000px;}
.banner ul li{float: left;}
.prev{color: #e4e3e3;transition: all .3s ease-in; font-size: 20px;width: 44px;background: rgba(0,0,0,0.1);padding-top:20px;padding-left: 1px; box-sizing: border-box;cursor: pointer; text-align: center; height: 70px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.next{color: #e4e3e3;transition: all .3s ease-in;font-size: 20px;width: 44px;background: rgba(0,0,0,0.1);padding-top:20px;padding-left: 1px; box-sizing: border-box; cursor: pointer;text-align: center;height: 70px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.prev:hover{color: #FFFFFF;background: rgba(0,0,0,0.5);}
.next:hover{color: #FFFFFF;background: rgba(0,0,0,0.5);}
.num { position: absolute; bottom: 20px; left: 50%  }
.num li { float: left; margin-right: 10px; width: 12px;cursor: pointer; transition: all .3s ease-in; height: 12px;border-radius: 50%; background-color: #FFFFFF;box-sizing: border-box;border: 4px solid #705629; }
.num li:hover{border: 2px solid #705629;}
.num .active {background-color: transparent;border: 2px solid #FFFFFF;}
.num .active:hover {background-color: transparent;border: 2px solid #FFFFFF;}