* {
     margin: 0;
     padding: 0;
 }

 body {
     margin: 0;
 }

 ul,
 li {
     list-style: none;
 }

 a {
     text-decoration: none;
 }

 .header {
     width: 1920px;
     height: 80px;
     margin: 0 auto;
     background-color: #000;

     .container {
         width: 1280px;
         margin: 0 auto;
         display: flex;
         justify-content: space-between;
         align-items: center;
         height: 100%;

         .logo {
             img {
                 width: 144px;
             }
         }

         .menu {

             ul {
                 display: flex;

                 li {
                     margin-left: 40px;

                     a {
                         font-family: Microsoft YaHei UI, Microsoft YaHei UI;
                         font-weight: 400;
                         font-size: 14px;
                         color: rgba(255, 255, 255, 0.8);
                         line-height: 22px;
                         text-align: center;
                     }
                 }

                 li.active {
                     border-bottom: 1px solid #FFFFFF;
                     padding-bottom: 2px;

                     a {
                         color: #FFFFFF;
                     }
                 }
             }
         }
     }
 }

 .footer {
     width: 1920px;
     margin: 0 auto;
     padding-top: 120px;
     padding-bottom: 120px;
     background-color: #1F1F1F;

     .container {
         width: 1280px;
         margin: 0 auto;

         .footer-top {
             display: flex;
             justify-content: space-between;
             align-items: center;
             padding-bottom: 48px;
             border-bottom: 1px solid rgba(255, 255, 255, 0.2);
             margin-bottom: 48px;

             .footer-top-left {
                 display: flex;
                 align-items: center;

                 li {
                     margin-right: 32px;

                     a {
                         font-family: Microsoft YaHei UI, Microsoft YaHei UI;
                         font-weight: 400;
                         font-size: 18px;
                         color: #FFFFFF;
                         line-height: 30px;
                     }
                 }
             }

             .footer-top-right {
                 img {
                     width: 144px;
                 }
             }
         }

         .footer-bottom {
             display: flex;
             justify-content: space-between;
             align-items: flex-end;

             .footer-bottom-left {
                 .footer-bottom-left-text {
                     font-family: Microsoft YaHei UI, Microsoft YaHei UI;
                     font-weight: 400;
                     font-size: 14px;
                     color: rgba(255, 255, 255, 0.6);
                     line-height: 22px;
                     margin-bottom: 8px;
                 }

                 .footer-bottom-left-text:last-child {
                     margin-bottom: 0;
                 }
             }

             .footer-bottom-right {
                 display: flex;
                 flex-direction: column;
                 align-items: center;

                 img {
                     width: 120px;
                     height: 120px;
                     margin-bottom: 16px;
                 }

                 .footer-bottom-right-text {
                     font-family: Microsoft YaHei UI, Microsoft YaHei UI;
                     font-weight: 400;
                     font-size: 14px;
                     color: #FFFFFF;
                     line-height: 22px;
                 }
             }
         }
     }
 }
 .beian{
    color: #fff;;
 }