/*****************  TOP 导航栏 开始********************/
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: rgb(249, 250, 250);
    position: fixed;/*固定*/
    top: 0;/*靠上*/
    right: 0;/*靠右*/
    width: 100%;
    font-size: 110%  /*设置字体大小*/
}

li {
    float: left;
}

li a {
    display: block;
    color: rgb(3, 3, 3);  /*字体颜色*/
    text-align: center;
    padding: 12px 16px;
    text-decoration: none;
    
}

li a:hover:not(.active) {
    /*background-color: #111;*/
    color: rgb(233, 62, 10);  /*字体颜色*/
}

.active {
    background-color: #50dfe9;
}
/*****************  TOP 导航栏 结束********************/

/* ************************幻灯片 开始 ***********************/
.slideshow-container {
  top: 45px;/*靠上*/
    max-width: 2000px;
    position: relative;
    margin: auto;
  }
  
  /* 下一张 & 上一张 按钮 */
  .prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -22px;
    padding: 16px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
  }
  
  /* 定位 "下一张" 按钮靠右 */
  .next {
    right: 0;
    border-radius: 3px 0 0 3px;
  }
  
  /* 悬停时，添加一个黑色的背景色和一点透明 
  .prev:hover, .next:hover {
    background-color: rgba(170, 21, 21, 0.8);
  }
  li a:hover:not(.activew) {
    background-color: rgb(70, 21, 182); 
  }*/
  /* 标题文本 */
  .text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
  }
  
  /* 数字文本 (1/3 等) */
  .numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
  }
  
  /* 标记符号 */
  .dot {
    cursor:pointer;
    height: 13px;
    width: 13px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
  }
  
  .active, .dot:hover {  /*注册登录的背景色*/
    background-color: #23b4c7;
  }
  
  /* 淡出动画 */
  .fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
  }
  
  @-webkit-keyframes fade {
    from {opacity: .4} 
    to {opacity: 1}
  }
  
  @keyframes fade {
    from {opacity: .4} 
    to {opacity: 1}
  }
  /* ************************幻灯片 结束 ***********************/
/*****************************导航栏 底部 开始***********************/
/*ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
  position: fixed;
  bottom: 0;
  width: 100%;
}

li {
  float: left;
}

li a {
  display: block;
  color: rgb(197, 172, 59);
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover:not(.activew) {
  background-color: rgb(70, 21, 182); /*悬停时字体的背景颜色*//*
}

.activew {
  background-color: #4CAF50;
}*/
/*****************************导航栏 底部 结束***********************/