.section3 {
       background: #fff;
       position: relative;
       z-index: 4;
       padding: 90px 0;
   }

   .bj3 {
       position: absolute;
       z-index: -1;
       right: 0;
       bottom: -10px;
       max-width: 10vw;
   }

   .Nav3 {
       display: flex;
       justify-content: center;
       grid-gap: 15px;
   }

   .Nav3 a {
       display: flex;
       align-items: center;
       justify-content: center;
       font-size: 16px;
       color: var(--color);
       padding: 0 20px;
       height: 60px;
       border: 1px solid var(--color);
       border-radius: 50px;
       transition: 0.5s;
       text-align: center;
   }

   .Nav3 a:hover {
       color: #fff;
       background: var(--color);
   }

   .List3 {
       display: flex;
       flex-wrap: wrap;
       grid-gap: 45px 0;
   }

   .List3 a {
       width: 33.333%;
       padding: 0 15px;
   }

   .List3 a .text3 {
       margin-top: 30px;
       font-size: 16px;
       text-align: center;
       overflow: hidden;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 1;
   }

   @media (max-width: 1600px) {}

   @media (max-width: 1440px) {}

   @media (max-width: 1200px) {
       .Nav3 {
           flex-wrap: wrap;
       }

       .List3 a .text3 {
           margin-top: 15px;
       }
   }

   @media (max-width: 720px) {
       .section3 {
           padding: 60px 0;
       }

       .Nav3 {
           grid-gap: 10px;
       }

       .Nav3 a {
           font-size: 14px;
           padding: 0 10px;
           width: 150px;
       }

       .List3 a {
           width: 50%;
           padding: 0 5px;
       }
   }

   @media (max-width: 460px) {
       .Nav3 a {
           height: 50px;
           font-size: 12px;
           width: calc(50% - 5px);
       }
   }