.section3 {
       width: 100%;
       position: relative;
       overflow: hidden;
       padding: 100px 0;
   }

   .Title3 {
       position: relative;
       display: flex;
       justify-content: center;
       align-items: center;
   }

   .Title3 h1 {
       font-size: 32px;
       font-weight: bold;
       color: var(--color);
       text-align: center;
       position: relative;
       z-index: 2;
   }

   .Title3 p {
       font-size: 72px;
       font-weight: bold;
       color: #f5f5f5;
       text-align: center;
       position: absolute;
       z-index: 1;
   }

   .Box3 {
       margin-top: 60px;
       width: 100%;
       z-index: 2;
       position: relative;
   }

   .list3Box {
       width: 100%;
       height: 50px;
       border-bottom: 1px solid #f1f1f1;
       display: flex;
   }

   .list3 {
       width: 50%;
       height: 100%;
       display: flex;
       justify-content: center;
       align-items: center;
       cursor: pointer;
   }

   .list3.on {
       border-bottom: 1px solid var(--color);
       box-shadow: 0 0 5px #999;
   }

   .list3 h1 {
       color: #666;
       font-size: 18px;
       text-align: center;
   }

   .list3.on h1 {
       color: var(--color);
   }

   .item3Box {
       width: 100%;
   }

   .item3 {
       display: none;
       width: 100%;
   }

   .item3.on {
       display: block;
   }

   .Swiper3 {
       margin-top: 30px;
       width: 100%;
   }

   .slide3 {
       width: 100%;
   }

   .slide3 img {
       width: 100%;
   }

   .slide3 p {
       font-size: 18px;
       text-align: center;
       color: #000;
       width: 100%;
   }

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

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

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

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