body {
    min-width: 1184px;
    margin: 0;
    background-color: #eee;
  }

  /* 头部 */
  header{
      background-color: #000000;
      opacity: 0.85;
      text-align: center;
      margin: 0 auto;
  }

  .header-content{
      width: 1184px;
      height: 79px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
  }

  .header-title{
    font-size: 28px;
    color: #FFFFFF;
    line-height: 79px;
    text-align: justify;
    vertical-align: middle;
    min-width: 40%;
}

.header-btn{
    font-size: 16px;
    min-width: 200px;
    display: flex;
    justify-content: space-between;
    line-height: 75px;
    text-align: center;
}

.switch-left{
    min-width: 70px;
}
.switch-left-content{
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.switch-right{
    min-width: 70px;
}

.switch-right-content{
    min-width: 100%;
    margin: 0 auto;
    text-align: center;
}
 .btn.active{
    color: #F9FCFF;
    margin: 0 auto;
}

.btn{
    color: #AFCBFF;
    margin: 0 auto;
}
.menu.active{
    background-color: #1FA4F2;
    height: 4px;
    min-width: 70px;
    margin: 0 auto;
}

.menu{
    height: 4px;
    min-width: 70px;
    margin: 0 auto;
}

 /* 底部 */
 #footer{
    background-color: #313845;
    height: 221px;
}

.footer-content{
    width: 1184px;
    min-width: 1184px;
    margin: 0 auto;
    align-items: center;
}

.link{
    padding-top: 47px;
    font-size: 20px;
    color: #F5F5F5;
    line-height: 28px;
}
.adress {
    padding-top: 12px;
    font-size: 14px;
    color: #999999;
}
.copyright{
    padding-top: 23px;
    font-size: 14px;
    color: #999999;
    line-height: 20px;
    text-align: center;
}

.copyright  a:hover{
    color: #E5E5E5;
}

.beianGov{
    display: inline-flex;
    vertical-align: middle;
    margin-left: 20px;
}

.beianGov-img img{
    width: 20px;
    height: 20px;
}

.beianGov>a{
    margin-left: 8px;
}