/* 滚动动画核心样式 */
    .whp_scroll_animate {
      opacity: 0;
      transform: translateY(30px);
      transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    }
    .whp_scroll_animate.whp_show {
      opacity: 1;
      transform: translateY(0);
    }

    /* 产品数据容器（隐藏，所有数据在这里） */
    .whp_product_data_container {
      display: none;
    }

    /* 主容器 */
    .whp_product_wrapper {
      width: 100%;
      min-height: 100vh;
      padding: 100px 1.25rem;
      display: flex;
      flex-direction: column; max-width: 1350px; margin: 0px auto;
    }

    /* 顶部固定标题 */
    .whp_top_title_area {
      margin-bottom: 30px;
    }
    .whp_top_subtitle {
      font-size: 20px;
      color: #21499b;
      font-weight: 500;
      margin-bottom: 12px; font-weight: 700;
    }
    .whp_top_main_title {
      font-size: 42px;
      font-weight: bold;
      color: #1a1a1a;
      line-height: 1.2;
    }

    /* 中间布局 */
    .whp_content_body {
      display: flex;
      justify-content: space-between;
      align-items: ;
      flex: 1;
      gap: 40px;
    }
    .whp_left_section {
      width: 45%;
    }

    /* 动态变化区域（红框） */
    .whp_dynamic_info_area {
      transition: all 0.4s ease;
      margin-top: 0px;
    }
    .whp_product_title {
      font-size: 28px;
      color: #1a1a1a;
      font-weight: 600;
      margin-bottom: 20px; margin-top: 50px;
    }
    .whp_product_text {
      font-size: 16px;
      color: #666;
      line-height: 1.8;
      margin-bottom: 30px;
    }

 .whp_product_text em { color: #21499b; font-size: 50px; line-height: 1.8; font-style: normal; width: 20px; line-height: 42px; display: inline-block;
	 
	    
    }
.whp_product_text a {display: inline-block; line-height: 50px;}

.whp_product_text p { display: flex;}
    .whp_product_item_list {
      list-style: none;
      margin-bottom: 40px;
    }
    .whp_product_item_list li {
      font-size: 16px;
      color: #333;
      padding-left: 20px;
      margin-bottom: 12px;
      position: relative;
    }
    .whp_product_item_list li::before {
      content: "";
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 6px;
      height: 6px;
      background-color: #21499b;
      border-radius: 50%;
    }
.whp_data_list { width: 100%;}

    /* 按钮 */
    .whp_check_more_btn {
      width: 160px;
      height: 48px;
      background-color: #21499b;
      color: #fff;
      border: none;
      border-radius: 4px;
      font-size: 16px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      transition: background 0.3s;
    }
    .whp_check_more_btn:hover {
      background-color: #1a52d1;
    }

    /* 右侧产品色块容器 */
    .whp_right_section {
      width: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
    }
    /* 色块基础样式，背景色完全写在HTML的style里 */
    .whp_product_color_block {
      width: 620px;
      height: 460px;
      border-radius: 12px;
      transition: opacity 0.4s ease;
      box-shadow: 0 14px 14px rgba(0,0,0,0.1);
      position: absolute;
      top: 80px;
      left: 52%;
      transform: translateX(-50%);
    }
.whp_product_color_block img { width: 100%; height: 100%; object-fit: cover;}

    /* 底部切换 */
    .whp_switch_control_area {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 40px;
      margin-top: 60px;
    }
    .whp_prev_switch, .whp_next_switch {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      border: 1px solid #eee;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: all 0.3s;
    }
    .whp_prev_switch:hover, .whp_next_switch:hover {
      background-color: #21499b;
      border-color: #21499b;
      color: #fff;
    }
    .whp_product_tab_list {
      display: flex;
      gap: 50px;
    }
    .whp_product_tab {
      font-size: 18px;
      color: #999;
      cursor: pointer;
      position: relative;
      padding-bottom: 8px;
      transition: color 0.3s;
    }
    .whp_product_tab.whp_active {
      color: #21499b;
      font-weight: 500;
    }
    .whp_product_tab.whp_active::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 30px;
      height: 3px;
      background-color: #21499b;
      border-radius: 2px;
    }
.whp_right_section { background:  url("../images/probg.png") no-repeat right top; height: 500px; top: -100px;}

    /* 响应式 */
    @media (max-width: 1200px) {
      .whp_content_body {
        flex-direction: column;
      }
      .whp_left_section, .whp_right_section {
        width: 100%;
		  
		  
		  
      }
		
		
		
		
		
      .whp_product_color_block {
        width: 100%;
        position: relative;
        transform: none;
      }
    }






/* 仅设置产品板块满屏，不修改原有布局 */
.whp_product_wrapper {
  height: 100vh !important;
  min-height: 100vh;
  overflow: hidden;
  position: relative;
}
/* 内容过渡动画，无破坏性 */
.whp_dynamic_info_area, .whp_product_color_block {
  transition: opacity 0.3s ease;
}
.whp_product_wrapper {
  height: 100vh !important;
  min-height: 100vh;
  overflow: hidden !important;
  position: relative;
}
 .whp_product_item_list li a {
  color: #333;
  text-decoration:  none;
}
/* 鼠标悬浮样式 */
.whp_product_item_list li a:hover {
  color: #224a9b;
}