.section3 {
       position: relative;
       overflow: visible;
   }

   .bj3 {
       position: absolute;
       z-index: 1;
       width: 100%;
       height: calc(100% - 52px);
       object-fit: cover;
       left: 0;
       top: 0;
   }

   .Box3 {
       width: 100%;
       z-index: 2;
       position: relative;
       display: flex;
       flex-direction: column;
       align-items: flex-start;
   }

   .text3 {
       margin-top: 150px;
       margin-bottom: 250px;
   }

   .text3 .indexTitle * {
       color: #fff;
       width: 100%;
       text-align: left;
   }

   .desc3 {
       width: 100%;
       max-width: 588px;
       font-size: 14px;
       line-height: 2;
       color: #FFFFFF;
       margin-top: 25px;
       margin-bottom: 35px;
   }


   .shizi {
       width: 80%;
       background: #FFFFFF;
       box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
       border-radius: 10px 10px 0px 0px;
       display: flex;
       border-top: 8px solid #fff;
       border-left: 8px solid #fff;
       border-right: 8px solid #fff;
   }

   .shizi * {
       transition: 0.5s;
   }

   .shizi .item {
       width: auto;
       position: relative;
       padding: 30px 0;
       flex: auto;
       display: flex;
       flex-direction: column;
       align-items: center;
       justify-content: center;
   }

   .shizi .item:hover {
       background: var(--color);
   }



   .shizi .item::after {
       content: "";
       display: block;
       position: absolute;
       right: 0;
       top: 30px;
       width: 1px;
       height: calc(100% - 60px);
       background: var(--color);
   }

   .shizi .item:last-child::after {
       display: none;
   }

   .shizi .item:first-child {
       border-radius: 10px 0 0 0;
   }

   .shizi .item:last-child {
       border-radius: 0 10px 0 0;
   }

   .shizi .item p {
       font-size: 14px;
       color: var(--color);
   }

   .shizi .item span {
       display: flex;
       align-items: baseline;
       grid-gap: 15px;
       position: relative;
   }

   .shizi .item h1 {
       font-size: 64px;
       color: var(--color);
       font-weight: bold;
   }

   .shizi .item h2 {
       font-size: 14px;
       color: var(--color);
       opacity: 0.8;
   }

   .shizi .item sup {
       font-size: 26px;
       position: absolute;
       top: 24px;
   }

   .shizi .item:hover * {
       color: #fff;
   }

   @media (max-width: 1500px) {
       .text3 {
           margin-top: 90px;
           margin-bottom: 180px;
       }
   }


   @media (max-width: 1200px) {
       .text3 {
           margin-top: 90px;
           margin-bottom: 90px;
       }

       .shizi {
           width: 100%;
       }

       .shizi .item h1 {
           font-size: 38px;
       }
   }

   @media (max-width: 720px) {
       .text3 {
           margin-top: 90px;
           margin-bottom: 30px;
       }

       .shizi .item h1 {
           font-size: 28px;
       }

       .shizi .item span {
           grid-gap: 5px;
       }
   }

   @media (max-width: 460px) {
       .shizi {
           display: flex;
           flex-wrap: wrap;
       }

       .shizi .item {
           padding: 15px 0;
           flex: none;
           width: 50%;
       }

       .shizi .item:nth-child(2):after {
           display: none;
       }

       .shizi .item:nth-child(2) {
           border-radius: 0 10px 0 0;
       }

       .shizi .item:last-child {
           border-radius: 0 0 0 0;
       }
   }

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