footer {
       background: #fff;
       position: relative;
       z-index: 1;
       overflow: hidden;
     }

     .Ft1 {
       padding: 80px 0;
       font-size: 40px;
       line-height: 1;
       color: var(--color1);
       position: relative;
       display: flex;
       align-items: center;
       justify-content: center;
     }

     .Ft1::after {
       content: "";
       display: block;
       position: absolute;
       left: -50%;
       bottom: 0;
       width: 200%;
       height: 1px;
       background: rgba(3, 87, 238, 0.1);
     }

     .Ft1 span {
       color: var(--black);
       font-weight: bold;
     }

     .Ft2 {
       padding: 80px 0 40px;
       border-bottom: 1px solid rgba(153, 124, 101, 0.1);
       display: flex;
       justify-content: space-between;
       flex-wrap: wrap;
     }

     .Ft2 h1 {
       font-size: 20px;
       line-height: 1;
       color: #000000;
     }

     .Ft2 .desc {
       max-width: 570px;
       margin-top: 20px;
       font-size: 14px;
       line-height: 2;
       text-align: justify;
       color: rgba(0, 0, 0, 0.5);
     }

     .FtIcon {
       display: flex;
       grid-gap: 50px;
     }

     .FtIcon p {
       margin-top: 15px;
       text-align: center;
       font-size: 14px;
       line-height: 1;
       color: rgba(0, 0, 0, 0.5);
     }

     @media (max-width: 1540px) {
       .Ft2 .desc {
         max-width: 400px;
       }

       .FtIcon {
         grid-gap: 20px;
       }

       .Ft2 {
         padding: 60px 0 30px;
       }

       .Ft1 {
         padding: 60px 0;
       }
     }

     @media (max-width: 1200px) {
       .Ft1 {
         font-size: 30px;
         padding: 45px 0;
       }

       .Ft2 .desc {
         max-width: 500px;
       }

       .Ft2 .text {
         margin-bottom: 30px;
       }
     }

     @media (max-width: 720px) {
       .Ft2 .desc {
         max-width: 100%;
       }

       .Ft1 {
         font-size: 24px;
         line-height: 2;
         display: flex;
         flex-direction: row;
         flex-wrap: wrap;
       }
     }

     @media (max-width: 460px) {
       .Ft1 {
         font-size: 20px;
         padding: 30px 0;
       }

       .Ft2 {
         padding: 30px 0;
       }

       .FtIcon {
         width: 100%;
         grid-gap: 10px;
       }

       .FtIcon span {
         width: 100%;
       }

       .FtIcon span img {
         width: 100%;
       }
     }

     /* 备案 */
     .footer {
       background: var(--white);
       position: relative;
       z-index: 3;
       width: 100%;
       border-bottom: 10px solid var(--color);
     }

     .footer * {
       font-size: 12px;
       line-height: 2;
       color: rgba(0, 0, 0, 0.5);
     }


     .footer .container {
       padding-top: 20px;
       padding-bottom: 60px;
       position: relative;
       display: flex;
       justify-content: space-between;
       align-items: center;
     }

     .footer .aa {
       width: 40%;
     }

     .footer .FtNav {
       width: 40%;
       display: flex;
       justify-content: space-between;
     }

     @media (max-width: 1200px) {
       .footer .container {
         position: relative;
         display: flex;
         flex-direction: column-reverse;
       }

       .footer .aa {
         width: 100%;
       }

       .footer .FtNav {
         width: 100%;
         margin-bottom: 30px;
       }
     }

     @media (max-width: 460px) {
       .footer .FtNav {
         display: flex;
         justify-content: space-between;
         flex-wrap: wrap;
       }

       .footer .FtNav a {
         width: 25%;
         text-align: center;
       }
     }


     /* 网站侧边栏 */
     .IL {
       position: fixed;
       z-index: 99;
       right: 12px;
       bottom: -50vh;
       transition: 0.5s;
     }

     .IL.myClass {
       bottom: 20vh;
     }

     .IL1 {
       width: 54px;
       background: #FFFFFF;
       box-shadow: 0px 4px 10px rgba(153, 124, 101, 0.5);
       border-radius: 100px;
       padding: 20px 0;
     }

     .IL1 .ILbox {
       display: flex;
       align-items: center;
       justify-content: center;
     }

     .IL1 .list {
       width: 100%;
       display: flex;
       flex-direction: column;
       align-items: center;
     }

     .IL1 .list h1 {
       width: 28px;
       font-size: 14px;
       line-height: 18px;
       color: rgba(0, 0, 0, 0.5);
       text-align: center;
       transition: 0.5s;
     }

     .IL1 .ILbox:hover .list h1 {
       color: var(--color1);
     }

     .IL1 .list img {
       margin-bottom: 15px;
       filter: grayscale(1) opacity(0.75);
       transition: 0.5s;
     }

     .IL1 .ILbox:hover .list img {
       filter: grayscale(0) opacity(1);
     }

     .IL1 .item {
       display: none;
       position: absolute;
       right: 100%;
       padding-right: 30px;
     }

     .IL1 .item .item1 {
       display: flex;
       flex-direction: column;
       align-items: center;
       padding: 20px;
       background: linear-gradient(184.19deg, #FFFFFF 22.78%, #3445E2 262.78%);



       border: 2px solid #FFFFFF;
       box-shadow: 0px 4px 10px rgba(153, 124, 101, 0.5);
       border-radius: 15px;
       position: relative;
       z-index: 2;
       overflow: hidden;
       transition: 0.5s;
     }

     .IL1 .item .item1 * {
       position: relative;
       z-index: 3;
     }

     .IL1 .item .item1:hover {
       color: #fff;
     }

     .IL1 .item .item1::after {
       content: "";
       display: block;
       width: 100%;
       height: 100%;
       position: absolute;
       z-index: -1;
       left: 0;
       top: 0;
       background: var(--jb);
       transform: rotate(-90deg) scale(1.2);
       opacity: 0;
       transition: 0.5s;
     }

     .IL1 .item .item1:hover::after {
       opacity: 1;
     }

     .IL1 .ILbox:hover .item {
       display: block;
     }

     .list1 {
       margin-bottom: 15px;
     }

     .IL1 .list1 h1 {
       border-bottom: 1px solid #00000080;
       padding-bottom: 10px;
     }

     .IL1 .ILbox1 .item {
       width: 180px;
       line-height: 2;
       font-size: 14px;
     }

     .IL1 .ILbox1 .item span {
       font-weight: bold;
     }

     .Il2 {
       margin-top: 10px;
       width: 54px;
       height: 54px;
       background: #FFFFFF;
       box-shadow: 0px 4px 10px rgba(153, 124, 101, 0.5);
       border-radius: 100px;
       display: flex;
       align-items: center;
       justify-content: center;
       transition: 0.5s;
     }

     .Il2:hover {
       background: var(--color1);
     }

     .Il2:hover img {
       filter: brightness(10);
     }

     @media (max-width: 720px) {
       .IL {
         display: none;
       }
     }