.index_tab_bbx{width: 100%; height: 100vh; display: flex; overflow: hidden;}
.index_tab_bbx .i_t_bx{width: 25%; height: 100%; position: relative;display: flex;align-items:  center; justify-content: center;}
.index_tab_bbx .i_t_bx img{width: calc(100% - 20px); height: calc(100% - 20px); border-radius: 10px; object-fit: cover; position: absolute; z-index: 0;}
/* .index_tab_bbx .i_t_bx:hover img{width: 100%;height: 100%;border-radius: 0;} */
.index_tab_bbx .i_t_bx .index_nav_btn{display: none; z-index: 1; position: absolute; bottom: 15%;}
/*  */
.index_tab_bbx .info_bx{color: #fff; position: absolute;bottom: 20px;left: 50%; transform: translateX(-50%); gap: 10px; width: calc(100% - 40px); flex-direction: row-reverse; z-index: 1; display: flex; align-items: center;justify-content: space-between;} 
.index_tab_bbx .info_bx .vacancy_rate_bx{flex-shrink: 0;}
.index_tab_bbx .info_bx .address_bx{font-size: 20px; font-weight: 500;}
.index_tab_bbx .info_bx .btn{position: absolute;top: 86%;left: 50%;transform: translate(-50%, -50%); }

.index_tab_bbx .index_title{flex-direction: column; gap: 20px; width: 100%; height: 100%; position: absolute; display: flex;align-items: center;justify-content: center;} 
.index_tab_bbx .index_title h1{padding: 0 20px; text-align: center; font-size: 100px; font-weight: 700; color: #fff;}
.index_tab_bbx .index_title .index_lead{position: relative; z-index: 2; text-align: center; max-width: 28rem;}
.index_tab_bbx .index_title .index_lead a{font-weight: 500;}
















@media (max-width: 1024px){
    .index_tab_bbx{flex-direction: column; overflow: unset;height: auto;}
    .index_tab_bbx .i_t_bx{aspect-ratio: 16/9;}
    .index_tab_bbx .i_t_bx,
    .index_tab_bbx .i_t_bx:hover{width: 100%;}
    .index_tab_bbx .i_t_bx .index_nav_btn{
        display: flex;
        width: 160px;
        bottom: auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .index_tab_bbx .index_title{display: none;}
    
    .index_tab_bbx .info_bx .btn{top: 50%;}
}