html,
   body {
     position: relative;
     height: 100%;
   }
   body {
     background: #eee;
     font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
     font-size: 14px;
     color: #000;
     margin: 0;
     padding: 0;
   }
   .swiper {
     width: 100%;
     height: 100%;
   }
   .swiper-slide {
     text-align: center;
     font-size: 18px;
     background: #fff;
     display: flex;
     justify-content: center;
     align-items: center;
   }
   .swiper-slide img {
     display: block;
     width: 100%;
     height: 100%;
     object-fit: cover;
   }
   /* 首屏横向 Swiper 样式 */
   .first-swiper {
     width: 100%;
     height: 100%;
   }
   .pro-item {
     background-color: #f0f4ff !important;
     border-radius: 10px;
     width: 32.5%;
     margin-top: 20px;
     margin-bottom: 10px;
     padding: 15px;
     box-sizing: border-box;
     overflow: hidden;
     transition: all 0.3s ease-in-out;
   }
   .pro-content .pro-item:first-child {
     position: relative;
     left: 0px;
     top: 0px;
   }
   .pro-content .pro-item:first-child:hover {
     position: relative;
     background-color: #d6e0fc !important;
     left: 0px;
     top: -10px;
   }
   .pro-item-02 {
     background-color: #fff !important;
     border-radius: 0px;
     padding: 0;
     position: none;
   }
   .pro-item-02 .pro-item-02-item {
     width: calc(100% - 30px);
     background-color: #f0f4ff !important;
     border-radius: 10px;
     padding: 20px 15px;
     position: relative;
     left: 0px;
     top: 0px;
     transition: all 0.3s ease-in-out;
   }
   .pro-item-02 .pro-item-02-item:hover {
     position: relative;
     background-color: #d6e0fc !important;
     left: 0px;
     top: -7px;
   }
   .pro-item-02 .pro-item-02-item:first-child {
     margin-bottom: 20px;
   }
   .pro-item img {
     width: 100%;
     height: auto;
     mix-blend-mode: multiply;
   }
   .pro-item h3 {
     margin-top: 15px;
     font-size: 16px;
     font-weight: bold;
     color: #4c699c;
   }
   .pro-item h3 .pro-desc {
     font-size: 18px;
     color: #666;
     font-weight: normal;
     padding-top: 20px;
   }
   .pro-item .pro-more a {
     font-size: 14px;
     color: #4c699c;
     font-weight: bold;
     display: inline-block;
     background-color: #fff;
     width: 80px;
     height: 35px;
     line-height: 35px;
     text-align: center;
     border-radius: 50px;
     transition: all 0.3s ease-in-out;
   }
   .pro-item .pro-more a:hover {
     background-color: #1a55a5;
     color: #fff;
   }
   .pro-item02-title {
     position: relative;
   }
   .pro-item02-title .pro-more {
     position: absolute;
     left: 0;
     bottom: 0;
   }
   .product-title {
     padding: 20px 0;
     padding-top: 50px;
   }
   .product-title h2 {
     font-size: 36px;
     font-weight: bold;
     color: #1a55a5;
     text-align: center;
   }
   .product-title h2::after {
     content: '';
     display: block;
     width: 50px;
     height: 2px;
     background-color: #1a55a5;
     margin: 10px auto 0;
   }
   .product-title p {
     font-size: 16px;
     font-weight: normal;
     color: #666;
     text-align: center;
     margin-top: 20px;
     margin-bottom: 20px;
   }