.container {
       width: 1400px;
       margin: 0 auto;
       padding: 10px 0;
   }

   .pro-top {
       display: flex;
       padding: 10px 35px;
   }

   .pro-text .top {
       display: flex;
   }

   .pro-text .top .text {
       width: 50%;
       font-size: 16px;
       color: #535456;
   }

   .pro-text .top .text .title {
       font-weight: bold;
       color: #000;
   }

   .pro-text .top img {
       width: 50%;
   }

   .pro-text .bottom {
       margin-top: 40px;
       display: flex;
   }

   .pro-text .bottom .text {
       width: 50%;
       font-size: 16px;
       color: #535456;
   }

   .pro-text .bottom .title {
       font-size: 16px;
       font-weight: bold;
       color: #000;
   }

   .pro-pics {
       width: 48%;
       margin-right: 20px;
       display: flex;
       flex-direction: column;
       align-items: center;
   }

   .now-img {
       position: relative;
       width: 100%;
       height: 400px; /* 固定高度 */
   }

   .now-img img {
       width: 100%;
       height: 100%;
       object-fit: contain; /* 按比例缩放并完整显示图片 */
       object-position: center; /* 居中显示 */
   }

   .pro-imgs {
       width: 100%;
       margin-top: 10px;
       display: flex;
       overflow-x: auto;
       overflow-y: hidden;           /* 修复1：裁切垂直溢出，阻止滚动条出现 */
       padding: 5px 0;             /* 修复2：给 scale 留出余量，避免裁切到阴影 */
   }

   .pro-imgs img {
       height: 100px;
       margin-right: 10px;
       object-fit: cover;
       border-radius: 4px;
       cursor: pointer;
       /*transition: all 0.3s ease;*/
       transition: transform 0.3s ease, box-shadow 0.3s ease;  /* 修复3：精确指定，避免 all 的副作用 */
       flex-shrink: 0;              /* 修复4：防止 flex 压缩图片宽度 */
   }
    
   .pro-imgs img:hover {
       transform: scale(1.05);
       box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
   }
   
   /* 移动端适配 */
   @media screen and (max-width: 768px) {
       .container {
           width: 100%;
           padding: 30px 5%;
       }
        
       .pro-top {
           flex-direction: column;
       }
        
       .pro-pics {
           width: 100%;
           margin-right: 0;
           margin-bottom: 30px;
       }
        
       .now-img {
           width: 100%;
           height: 300px; /* 移动端固定高度 */
       }
        
       .now-img img {
           width: 100%;
           height: 100%;
           object-fit: contain; /* 按比例缩放并完整显示图片 */
           object-position: center; /* 居中显示 */
           border-radius: 8px;
       }
        
       .pro-imgs {
           justify-content: center;
           gap: 8px;
       }
        
       .pro-imgs img {
           height: 60px;
           width: 60px;
           margin-right: 8px;
           flex-shrink: 0;
       }
        
       .pro-text {
           width: 100%;
       }
        
       .pro-title {
           font-size: 24px;
           text-align: center;
           margin-bottom: 20px;
       }
        
       .pro-text .top {
           flex-direction: column;
       }
        
       .pro-text .top .text,
       .pro-text .top img {
           width: 100%;
       }
        
       .pro-text .top img {
           margin-top: 20px;
           max-height: 200px;
           object-fit: cover;
           border-radius: 8px;
       }
        
       .pro-text .bottom {
           flex-direction: column;
           margin-top: 30px;
       }
        
       .pro-text .bottom .text {
           width: 100%;
           margin-bottom: 20px;
       }
        
       .pro-text .bottom table {
           width: 100%;
           font-size: 14px;
           overflow-x: auto;
           display: block;
           white-space: nowrap;
       }
        
       th, td {
           padding: 8px 6px;
           font-size: 12px;
       }
   }

   .pro-text {
       flex: 1;
   }

   .pro-title {
       font-size: 30px;
       margin-bottom: 20px;
       font-weight: 600;
       color: #005AAB;
   }

   .pro-title .title {
       display: block;
       font-size: 16px;
       margin-bottom: 6px;
   }

   .parameter {
       max-height: 600px;
       color: #666;
       overflow-y: auto;
   }

   .price {
       font-size: 12px;
       margin-top: 20px;
   }

   .price .price-color {
       color: #fb2d04;
   }

   .price .price-color .num {
       font-size: 24px;
   }

   th,
   td {
       padding: 10px;
   }