.container {
            max-width: 1200px;
            margin: 20px auto;
            padding: 20px;
        }

        /* 顶部导航 */
        .nav-bar {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            margin-bottom: 30px;
            align-items: center;
            padding: 15px 0;
            border-bottom: 1px solid #eee;
        }

        .nav-item {
            color: #4a6cf7;
            text-decoration: none;
            font-size: 14px;
            transition: color 0.3s ease;
        }

        .nav-item:hover {
            color: #2c4abf;
            text-decoration: underline;
        }

        .level-title {
            font-size: 18px;
            font-weight: bold;
            margin-right: 15px;
        }

        /* 标签筛选区域 */
        .filter-tabs {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin: 20px 0;
            justify-content: center;
        }

        .filter-tab {
            padding: 8px 16px;
            background-color: #e0e0e0;
            border-radius: 4px;
            cursor: pointer;
            font-size: 14px;
            transition: all 0.3s ease;
        }

      
        .filter-tab:hover {
            background-color: #fff;
        }
  .filter-tab.active, .filter-tab.active:hover {
            background-color: var(--wuloulan);
            color: white;
        }
        .level__0{ border:2px solid #ccc;}

        /* 职级区块 */
        .level-section {
            margin: 0 0 30px 0;
 
  background-image: url('../img/jb/br_05.png'), url('../img/jb/br_19.png');
  background-position:  0 bottom,0 0;
  background-repeat:   no-repeat,repeat-y;
  background-size: 100% auto,  100% auto; min-height: 300px;
 
          
            border-radius: 8px;        
        }
 .level-section::before{ content: ""; width: 100%; height: 100%; position: absolute; background: url(../img/jb/br_03.png) no-repeat; background-size: 100% auto; left: 0; top:0}

 .level__3 { 
  background-image: url('../img/jb/br_10.png'), url('../img/jb/br_19.png');
  }
 .level__3::before{   background-image: url(../img/jb/br_08.png)  }
        .level-header {
             padding-top: 20px; padding-left: 20px;
            display: flex;
            align-items: center;
               
        }

         .level__2 { 
  background-image: url('../img/jb/br_13.png'), url('../img/jb/br_19.png');
  }
 .level__2::before{   background-image: url(../img/jb/br_12.png)  }
        .level-header {
             padding-top: 20px; padding-left: 20px;
            display: flex;
            align-items: center;
               
        }

         .level__1 { 
  background-image: url('../img/jb/br_17.png'), url('../img/jb/br_19.png');
  }
 .level__1::before{   background-image: url(../img/jb/br_15.png)  }
        .level-header {
             padding-top: 20px; padding-left: 20px;
            display: flex;
            align-items: center;
               
        }
        .person-grid,.level-header{ position: relative; z-index: 2;}

        .level-label {
             border-radius:28px 0 19px 0; color:#fff; padding:5px 15px 5px 10px;
            font-size:24px;
            font-weight: bold;
            margin-right: 10px;
        }
        .level__4,.level__3,.level__2,.level__1{ position: relative;}
            .level__4::after,.level__3::after,.level__2::after,.level__1::after{ position: absolute; height: 1px; width: calc(100% - 20px); left:10px; top:20px; content: "";  display: none;}

           .level__4 .level-label::before,.level__3 .level-label::before,.level__2 .level-label::before,.level__1 .level-label::before{   width: 30PX; height: 30PX ; content: ""; display: inline-block;background-size: contain; background-position: center; background-repeat: no-repeat; vertical-align: middle; position: relative; top: -8rpx; margin-right: 2px; }
 .level__4 .level-label::before{ background-image: url(../img/jb/4.png);  }
 .level__3 .level-label::before{ background-image: url(../img/jb/3.png);  }
 .level__2 .level-label::before{ background-image: url(../img/jb/2.png);  }
 .level__1 .level-label::before{ background-image: url(../img/jb/1.png);  }
        .level__4 .level-label, .level__4 .level-header em{ color: #d53b0c;}.level__4 .level-label{ background-color: #ffeae4d2;}.level__4::after,[data-hd2='.level__4'].this { background: #d53b0c; }
        .level__4 .level-label::before{}
        .level-header em{ font-style: normal; padding-right: 30px; padding-top: 10px}
         .level__4::after { 
  background-image: linear-gradient( 90deg, #d53b0c 0%, #fff 100%); 
}
 .level__3 .level-label, .level__3 .level-header em{ color: #ff7300; }.level__3 .level-label{background-color: #ffefe4d2;}.level__3::after ,[data-hd2='.level__3'].this{ background: #ff7300; }
   .level__3::after { 
  background-image: linear-gradient( 90deg, #ff7300 0%, #fff 100%); 
}
  .level__2 .level-label, .level__2 .level-header em{ color: #d3a13e; }  .level__2 .level-label {background-color: #fffde4d2;}  .level__2::after,[data-hd2='.level__2'].this{ background: #d3a13e; }
    .level__2::after { 
  background-image: linear-gradient( 90deg, #d3a13e 0%, #fff 100%); 
}
   .level__1 .level-label, .level__1 .level-header em{ color: #0c7ad5; }.level__1 .level-label{background-color: #eff9ffd2;}.level__1::after,[data-hd2='.level__1'].this{ background: #47e6f9; }
     .level__1::after { 
  background-image: linear-gradient( 90deg, #47e6f9 0%, #fff 100%); 
}
        .level-actions {
            display: flex;
            gap: 20px;
            flex-wrap: wrap;
        }
         @media (min-width: 480px) {
             .level-actions { padding-top: 10px;
            display: none;}
        .level-section:hover .level-actions {
            display: flex;}
        }

        .action-link {
            color: #4a6cf7 !important;
            text-decoration: underline !important;
            font-size: 14px;
            transition: color 0.3s ease;
        }

        .action-link:hover {
            color: #d53b0c !important;
            text-decoration: underline;
        }

        /* 人员卡片容器 */
        .person-grid {
            padding: 10px 20px 30px 20px ;
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            justify-content: center;
        }

        .person-card {
            width: 200px;
         
            border-radius: 8px;
            
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 15px;
            text-align: center;
        }
.level__1 .person-card { padding:0 0 15px 0;width: 160px;
            border: 1px solid #e7e7e7; }
            img{ max-width: 100%;}
        .person-card_ {
            
             
            border-radius: 8px;
            
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            display: flex;
            align-items: center;
             
            padding: 15px;
            text-align: center;
        }
        .tx_img::after{ content: ''; display: block; padding-top: 100%;}
        .tx_img{ position: relative; width: 150px;min-width: 150px;      border-radius: 50%; overflow: hidden;}

       .person-card_ .tx_img{width: 150px;min-width: 150px;   }
        .tx_img img{ position: absolute; max-width: 140%; width: 140%; left: -20%; top: -10%; height: auto;}
        .tx_con{text-align: left; margin-left: 20px;}

        .person-card:hover {
            transform: translateY(-5px);
            /* box-shadow: 0 8px 16px rgba(0,0,0,0.15); */
        }

        .avatar {
            width: 100px;
            height: 100px;
        
            object-fit: cover;
            margin-bottom: 10px;
            border: 2px solid #f0f0f0;
        }

        .name {
            font-weight: bold;
            margin-bottom: 5px;
            font-size: 16px;
        }

        .position {
            font-size: 14px;
            color: #666;
            margin-top: 5px;
        }

        .p1-avatar {
            width: 100%;
           
        }

        .p1-name {
            font-size: 14px;
            margin-top: 10px;
        }

        .p1-position {
            font-size: 12px;
            color: #888;
            margin-top: 5px;
        }

        /* 委员会介绍部分 */
        .committee-section {
            margin-top: 40px;   margin-bottom: 40px;
            padding: 30px;
            background-color: #fff; color: #000;
            border-radius: 8px;
        }

        .committee-title {
            font-size: 20px;
            font-weight: bold;
            margin-bottom: 20px;
        }

        .committee-content {
            font-size: 16px;
            line-height: 1.8;
        }

        /* 响应式设计 */
        @media (max-width: 768px) {
            .container {
                padding: 10px;
                margin: 10px;
            }
            
            .nav-bar {
                flex-direction: column;
                gap: 10px;
            }
            
            .level-title {
                font-size: 16px;
            }
            
            .filter-tabs {
                justify-content: flex-start;
            }
            
            .filter-tab {
                padding: 6px 12px;
                font-size: 12px;
            }
            
            .level-header {
                
                align-items: flex-start;
                flex-wrap: wrap;
                gap: 10px;
            }
            
            .level-actions {
                /* flex-direction: column;
                gap: 10px; */
                padding: 0 20px;
            }
            
            .person-card {
                width: 100%;
                max-width: 280px;
            }
            
            .avatar {
                width: 80px;
                height: 80px;
            }
            
            .p1-avatar {
                width: 100px;
                
            }
            
            .committee-section {
                padding: 20px;
            }
        }

        @media (max-width: 480px) {
            .person-card {
                width: calc(50% - 20px) !important;
                max-width: 100%;
            }
            
            .person-card .tx_img{ width: 100%; min-width: auto;}
            .avatar {
                width: 70px;
                height: 70px;
            }
            
            .name {
                font-size: 14px;
            }
            
            .position {
                font-size: 12px;
            }
            
            .filter-tab {
                padding: 5px 10px;
                font-size: 11px;
            }
          
        }

        .nvf_left_l{ width: 30px; background: #fff; border-radius: 8px;  position: fixed; top: 50%; margin-top: -40px;  z-index: 10; margin-left: -48px;}
 .nvf_left_l span{ cursor: pointer; display: inline-block; padding: 5px;border-radius: 8px; }
 .nvf_left_l span.this{   color: #fff;}
  .nvf_left_l span:nth-of-type(5).this{ background-color: #000; }
        .nvf_left_l {
 
    left: calc((100vw - 1200px) / 2); 
 
}
.bg_huise .bg {
    width: 1200px;
    
}
@media screen and (min-width: 1500px) {
   .bg_huise .bg {
    width: 1300px; 
}
    .nvf_left_l {
       
        left: calc((100vw - 1300px) / 2); 
    }
}

        @media screen and (min-width: 1600px) {
           .bg_huise .bg {
    width: 1400px; 
}
    .nvf_left_l { background-color: #fff;
     
        left: calc((100vw - 1400px) / 2); 
    }
}
@media screen and (max-device-width: 1024.9px) {
   .bg_huise .bg {
        width: 100%;
    }
}
  @media screen and (max-width:760px) {
 .nvf_left_l { width: 100%; right: 0; left: 0; margin: 0; display: flex; top: auto; bottom: 0; justify-content: center;}

  }
.level-section{text-align: center;}
.jiehso_w{ display: flex; justify-content: space-between; align-items: center;}
.btn_shenqing{ cursor: pointer; background: #fff;  padding: 5px 14px; border: 1px solid;  position: relative; z-index: 10; margin: 0 auto 40px auto;}
.jiehso_w .btn_shenqing{ margin-right:0;  margin-bottom: 0; }



	.sz__leftx{ position: relative;}
								.sz__leftx .btn_yj { position: absolute; right: 10px; bottom: 10px;}
								
								.cy_dow_list{ padding: 0 20px 0 10px;}
								.dow_list .img{ width: 100px; }	.bannertjtx { position: relative;}
								.bannertjtx .swiper-button-prev{ width: 40px; height: 40px; left:-10px !important; background: rgba(255,255,255,.8) !important; color:rgba(113,114,130,.8);  }
.bannertjtx .swiper-button-next{  width: 40px; height: 40px;rrright:-10px !important; background: rgba(255,255,255,.8) !important; color:rgba(113,114,130,.8);  }
.bannertjtx .swiper-button-prev:after{ content:"\e7d3"; font-family:iconfont}
.bannertjtx .swiper-button-next:after{ content:"\e790"; font-family:iconfont}
						
						.sb_list .swiper-container  li{ width: calc(100% - 10px);}
						.szll_kkw_cy .wenzhang{ padding-bottom: 10px;}
						.a_titile:before{ height: 14px; top: -1px;}
.sz_list h6{ font-size: 21px;}

						.fl__fengcai dt{ padding-bottom: 10px;}
						.line_2{ margin-bottom: 20px;}