body {
       background: rgba(253, 232, 232, 0.3);
   }

   .patriotic_content {
       padding: 10rem 0;
       background-image: url("../image/patriotic/bjt.png");
       background-size: cover;
       background-repeat: no-repeat;
   }

   .patriotic_content .patriotic_box_title {
       font-weight: bold;
       font-size: 6.2rem;
       color: #2D0E0E;
       font-style: normal;
       text-transform: none;
       font-family: titFont;
       text-align: center;
       margin-bottom: 5rem;
   }

   .patriotic_content .patriotic_box_list {
       display: flex;
       flex-direction: column;
       gap: 5rem 0;
   }

   .patriotic_content .patriotic_box_list_item {
      display: flex;
   }

  .patriotic_content .patriotic_box_list_item_left {

      position: relative;
      overflow: hidden;
      width: 60rem;
      height: 33.7rem;
      flex-shrink: 0;
  }

   .patriotic_content .patriotic_box_list_item_left .folt_box {
       position: absolute;
       top: 1.2rem;
       left: 1.2rem;
       display: flex;
       flex-direction: column;
       align-items: center;
       padding: 1.2rem 2.6rem;
       background: linear-gradient(0deg, rgba(242, 244, 247, 0.7) 0%, rgba(255, 255, 255, 0.7) 100%);
       backdrop-filter: blur(10px);
   }

   .patriotic_content .patriotic_box_list_item_left .folt_box .mouth {
       font-weight: 800;
       font-size: 3.2rem;
       color: #2D0E0E;
       font-style: normal;
       text-transform: none;
      font-style: italic; /* 字体自带斜体，更自然 */
   }

   .patriotic_content .patriotic_box_list_item_left .folt_box .yare {
       font-weight: 800;
       font-size: 1.6rem;
       color: #2D0E0E;
       font-style: normal;
       text-transform: none;
        font-style: italic; /* 字体自带斜体，更自然 */
   }

  .patriotic_content .patriotic_box_list_item_left img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.5s ease;
  }

  .patriotic_content .patriotic_box_list_item_left:hover img {
      transform: scale(1.1);
  }

   .patriotic_content .patriotic_box_list_item_right_title {
       font-weight: bold;
       font-size: 3.2rem;
       color: #2D0E0E;
       line-height: 5.1rem;
       font-style: normal;
       text-transform: none;
       font-family: titFont;
       margin-bottom: 2.6rem;
   }

   .patriotic_content .patriotic_box_list_item_right_desc {
       font-weight: 400;
       font-size: 1.8rem;
       color: rgba(45, 14, 14, 0.8);
       line-height: 3.2rem;
       font-style: normal;
       text-transform: none;
       display: -webkit-box;
       -webkit-line-clamp: 2;
       text-overflow: ellipsis;
       -webkit-box-orient: vertical;
       overflow: hidden;
   }

   .patriotic_content .patriotic_box_list_item_right {
       padding: 5rem;
       background: linear-gradient(0deg, #FFF6F6 0%, #FFFFFF 100%);
       box-shadow: 8px 8px 14px 0px rgba(240, 225, 225, 0.4);
    
       display: flex;
       flex-direction: column;
       justify-content: space-between;
	   flex:1
   }

   .patriotic_content .patriotic_box_list_item_right_btm {
       display: flex;
       justify-content: space-between;
       align-items: center;
     
   }

   .patriotic_content .patriotic_box_list_item_right_btm_btn {
       width: 16rem;
       height: 4.8rem;
       font-weight: 400;
       font-size: 1.6rem;
       color: #3C4457;
       font-style: normal;
       text-transform: none;
       display: flex;
       align-items: center;
       justify-content: center;
       background-color: rgba(253, 232, 232, 1);
       position: relative;
       overflow: hidden;
       z-index: 1;
       transition: color 0.4s;
   }

   .patriotic_content .patriotic_box_list_item_right_btm_btn::before {
       content: '';
       position: absolute;
       top: 0;
       left: 0;
       width: 0;
       height: 100%;
       background: #F53030;
       z-index: -1;
       transition: width 0.4s;
   }
    .patriotic_content .patriotic_box_list_item_right_title:hover a{
         color:  #F53030;;
    }

   .patriotic_content .patriotic_box_list_item_right_btm_btn:hover::before {
       width: 100%;
   }

   .patriotic_content .patriotic_box_list_item_right_btm_btn:hover {
       color: #FFFFFF;
   }

   .patriotic_content .patriotic_box_list_item_right_boxn {
       display: flex;
       align-items: center;
       justify-content: center;
   }

   .patriotic_content .patriotic_content .patriotic_box_list_item_right_boxn img {
       width: 1.6rem;
       height: 0.93rem;
   }

   .patriotic_content .patriotic_box_list_item_right_btm_btn_yl {
       font-weight: 400;
       font-size: 1.4rem;
       color: rgba(45, 14, 14, 0.5);
       line-height: 2.5rem;
       font-style: normal;
       text-transform: none;
       margin-left: 0.9rem;
   }

   .patriotic_content .pagination .pagination_item.active {
       background-color: #F53030;
   }

   .patriotic_content .pagination .pagination_item:hover {
       background-color: #F53030;
   }

   /* ============ 自适应：参考 customerCase.css 断点 ============ */

   @media (max-width: 1599px) {
       .patriotic_content {
           padding: 8rem 0;
       }

       .patriotic_content .patriotic_box_title {
           font-size: 5.6rem;
           margin-bottom: 4rem;
       }

       .patriotic_content .patriotic_box_list {
           gap: 4rem 0;
       }
   }

   @media (max-width: 1439px) {
       .patriotic_content .patriotic_box_title {
           font-size: 5rem;
       }

       .patriotic_content .patriotic_box_list_item_right {
           padding: 4rem;
       }

       .patriotic_content .patriotic_box_list_item_right_title {
           font-size: 2.8rem;
           line-height: 4.2rem;
       }

       .patriotic_content .patriotic_box_list_item_right_desc {
           font-size: 1.6rem;
           line-height: 2.8rem;
       }

       .patriotic_content .patriotic_box_list_item_left .folt_box .mouth {
           font-size: 2.8rem;
       }
   }

   @media (max-width: 1279px) {
       .patriotic_content .patriotic_box_title {
           font-size: 4.2rem;
           margin-bottom: 3rem;
       }

       .patriotic_content .patriotic_box_list {
           gap: 3rem 0;
       }

       .patriotic_content .patriotic_box_list_item_right {
           padding: 3rem;
       }

       .patriotic_content .patriotic_box_list_item_right_title {
           font-size: 2.4rem;
           line-height: 3.8rem;
           margin-bottom: 2rem;
       }

       .patriotic_content .patriotic_box_list_item_right_desc {
           font-size: 1.4rem;
           line-height: 2.6rem;
       }

       .patriotic_content .patriotic_box_list_item_right_btm {
     
       }

       .patriotic_content .patriotic_box_list_item_right_btm_btn {
           width: 14rem;
           height: 4rem;
           font-size: 1.4rem;
       }
   }

   @media (max-width: 1199px) {
       .patriotic_content {
           padding: 6rem 0;
       }

       .patriotic_content .patriotic_box_title {
           font-size: 3.6rem;
       }

       .patriotic_content .patriotic_box_list_item_right {
           padding: 2rem;
       }

       .patriotic_content .patriotic_box_list_item_left .folt_box {
           padding: 1rem 2rem;
       }

       .patriotic_content .patriotic_box_list_item_left .folt_box .mouth {
           font-size: 2.4rem;
       }

       .patriotic_content .patriotic_box_list_item_left .folt_box .yare {
           font-size: 1.4rem;
       }
   }

   @media (max-width: 991px) {
       
   .patriotic_content .patriotic_box_list_item {
      display: flex;
      flex-wrap: wrap;
   }

       .patriotic_content .patriotic_box_list_item_left{
           width: 100%;
           height: auto;
       }
       .patriotic_content {
           padding: 5rem 0;
       }

       .patriotic_content .patriotic_box_title {
           font-size: 3rem;
           margin-bottom: 2rem;
       }

     
       .patriotic_content .patriotic_box_list {
           gap: 4rem 0;
       }

       .patriotic_content .patriotic_box_list_item_right {
           padding: 2rem;
       }

       .patriotic_content .patriotic_box_list_item_right_title {
           font-size: 2.2rem;
           line-height: 3.4rem;
           margin-bottom: 1.5rem;
       }

       .patriotic_content .patriotic_box_list_item_right_desc {
           font-size: 1.4rem;
           line-height: 2.4rem;
       }

       .patriotic_content .patriotic_box_list_item_right_btm {
        
       }

       .patriotic_content .patriotic_box_list_item_right_btm_btn {
           width: 12rem;
           height: 3.6rem;
           font-size: 1.4rem;
           margin-top: 3rem;
       }
   }

   @media (max-width: 767px) {
       .patriotic_content {
           padding: 4rem 0;
       }

       .patriotic_content .patriotic_box_title {
           font-size: 2.4rem;
           margin-bottom: 1.5rem;
       }

       .patriotic_content .patriotic_box_list {
           gap: 3rem 0;
       }

       .patriotic_content .patriotic_box_list_item_right {
           padding: 1.5rem;
       }

       .patriotic_content .patriotic_box_list_item_right_title {
           font-size: 1.8rem;
           line-height: 2.8rem;
           margin-bottom: 1rem;
       }

       .patriotic_content .patriotic_box_list_item_right_desc {
           font-size: 1.4rem;
           line-height: 2.2rem;
       }

       .patriotic_content .patriotic_box_list_item_right_btm {
          
       }

       .patriotic_content .patriotic_box_list_item_right_btm_btn {
           width: 11rem;
           height: 3.2rem;
           font-size: 1.4rem;
       }

       .patriotic_content .patriotic_box_list_item_left .folt_box {
           padding: 0.8rem 1.5rem;
       }

       .patriotic_content .patriotic_box_list_item_left .folt_box .mouth {
           font-size: 2rem;
       }

       .patriotic_content .patriotic_box_list_item_left .folt_box .yare {
           font-size: 1.4rem;
       }
   }