/* 专家团队独有样式 */
.components3{width: 100%;background: #f7f7f7;}
.nav1 ul li {line-height: 48px;}
    .zjtd { width: 1400px; margin: 0 auto; }    
        .zjtd_bt { color: #333333;  margin-bottom: 40px;  font-size: 36px;  padding-top: 81px;     padding-left: 20px;}
        
        .staff-zjtd {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            gap: 20px;
          
    justify-content: start;
    gap: 64px;
    padding-left: 18px;

        }
        
        .staff-card { width: 292px; height: 432px; background: white; border-radius: 0px;overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; position: relative; }
        
        .staff-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
            /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); */
        }
        
        .staff-image {
            width: 292px;
            height: 292px;
            background: linear-gradient(135deg, #3498db, #1a5276);
            display: flex;
            justify-content: center;
            align-items: center;
            color: white;
            font-size: 72px;
            font-weight: bold;
        }
        .staff-image img{width: 100%;height: 100%;}
        .staff-info {
            padding: 15px;
            text-align: center;
        }
        
        .staff-number {
            font-size: 14px;
            color: #7f8c8d;
            margin-bottom: 5px;
        }
        
        .staff-name {
            font-size: 20px;
            font-weight: bold;
            line-height: 21px;
            color: #333333;
            margin-top: 18px;
            margin-bottom: 18px;
        }
        
        .staff-title {
            font-size: 16px;
            color: #666666;
            padding-bottom: 15px;
        
        }
        
        .staff-details {
            position: absolute;
            top: 0;
            left: 0;
            width: 243px;
            height: 382px;
            background: #ffffff;
            color: white;
            padding: 25px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease, visibility 0.3s ease;
            /* overflow-y: auto; */
        }
        
        .staff-card:hover .staff-details {
            opacity: 1;
            visibility: visible;
        }
        
        .details-name {
            font-size: 20px;
            line-height: 21px;
            font-weight: bold;
            margin-bottom: 10px;
            color: #333333;
        }
        
        .details-title {
            font-size: 16px;
            color: #3498db;
            margin-bottom: 20px;
        }
        
        .details-content {
            font-size: 14px;
            color: #666666;
            line-height: 26px;
            height: 100%;
            width: 260px;
    overflow-y: auto;
        }
       .details-content p {width: 250px;}