/* 英文版标题样式修复 - 使其与中文版完全一致 */

/* 标题基本样式 */
.undsTit { 
    color: #005672; 
    position: absolute;
    top: 0;
    left: 0;
}

.undsTit h3 { 
    font-size: 54px; 
    line-height: 60px; 
    height: 60px; 
    font-weight: 700;
}

.undsTit p { 
    font-size: 24px; 
    line-height: 48px; 
    padding-right: 10px; 
    margin-top: 15px; 
    position: relative; 
    font-weight: 400;
}

.undsTit p:before { 
    display: block; 
    content: ''; 
    position: absolute; 
    height: 1px; 
    width: 100%; 
    top: 0; 
    right: -5px; 
    background: rgba(0,86,114,0.5);
}

/* 装饰性边框 */
.undsTit i { 
    display: block; 
    position: relative; 
    width: 85px; 
    height: 30px; 
    border-bottom: 1px solid rgba(0,86,114,0.5); 
    border-left: 1px solid rgba(0,86,114,0.5);
}

.undsTit i:before, .undsTit i:after { 
    display: block; 
    content: ''; 
    position: absolute; 
    width: 8px; 
    height: 8px; 
    background: #b3d8e5;
}

.undsTit i:before { 
    left: -4px; 
    top: -4px;
}

.undsTit i:after { 
    right: 0; 
    bottom: -4px;
}

/* 未来产业部分背景色 */
.undfuture{
    background:#005376;
    position: relative;
    padding:45px 0 95px;
}

/* 基本导航按钮定位样式 - 统一调整到右上角 */
.undnext, .undprev, .swiper-button-next.undnext, .swiper-button-prev.undprev {
    position: absolute !important;
    top: 20px !important;
    margin-top: 0 !important;
    z-index: 100 !important;
    border: 2px solid #005672 !important;
    border-radius: 0 !important;
    margin: 0 !important; 
    color: #005672 !important;
    background-color: rgba(255,255,255,0.2) !important;
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
    text-align: center !important;
}
.undnext, .swiper-button-next.undnext {
    right: 25px !important;
}
.undprev, .swiper-button-prev.undprev {
    left: auto !important;
    right: 65px !important;
}

/* 确保轮播图容器位置关系正确 */
.undswi {
    position: relative;
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
}

/* 未来产业轮播图容器和按钮关系 */
.undfuture .undswi {
    position: relative;
    overflow: visible;
}
.undfuture .undswiD4 {
    overflow: hidden;
    position: relative;
}

/* 每个产业模块的按钮特殊定位 */
.undprev1 {
    left: auto !important; 
    right: 65px !important;
}
.undeme .undprev2 {
    left: auto !important; 
    right: 65px !important;
}
.undser .undprev3 {
    left: auto !important; 
    right: 65px !important;
}

/* 未来产业部分导航按钮样式 - 完全参照中文版样式 */
.undfuture .undnext, .undfuture .undprev, .undfuture .swiper-button-next.undnext, .undfuture .swiper-button-prev.undprev {
    border: 2px solid #FFF !important;
    border-radius: 0 !important;
    margin: 0 !important;
    color: #FFF !important;
    background-color: rgba(255,255,255,0.2) !important;
    position: absolute !important;
    z-index: 100 !important;
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
    text-align: center !important;
    top: 20px !important; /* 调整到右上角 */
    margin-top: 0 !important;
}
.undfuture .undnext, .undfuture .swiper-button-next.undnext {
    right: 25px !important;
}
.undfuture .undprev4, .undfuture .swiper-button-prev.undprev4 {
    left: auto !important;
    right: 65px !important;
}
.undfuture .undnext4:after, .undfuture .undprev4:after {
    color: #FFF;
    font-weight: bold;
}

/* 不同背景色区块的标题样式 */
.undeme .undsTit, .undser .undsTit, .undfuture .undsTit { 
    color: #FFF;
}

/* 区市简介卡片样式 - 使用与中文版相同的固定高度 */
.InvestingQingdaoFuntionB .InvestingQingdaoFuntionC .InvestingQingdaoFuntionRight {
    position: relative !important;
    background-color: #fff !important;
    border-radius: 10px !important;
    height: 680px !important; /* 与中文版保持一致的固定高度 */
    overflow: hidden !important; /* 超出部分隐藏 */
    margin-top: -50px !important; /* 向上移动50px */
}

/* 确保响应式设计中也保持固定高度 */
@media screen and (max-width: 1700px) {
    .InvestingQingdaoFuntionRight {
        height: 680px !important;
        overflow: hidden !important;
    }
}

@media screen and (max-width: 1400px) {
    .InvestingQingdaoFuntionRight {
        height: 680px !important;
        overflow: hidden !important;
    }
}

@media screen and (max-width: 1200px) {
    .InvestingQingdaoFuntionRight {
        height: 680px !important;
        overflow: hidden !important;
    }
}

@media screen and (max-width: 992px) {
    .InvestingQingdaoFuntionRight {
        height: 680px !important;
        overflow: hidden !important;
    }
}

@media screen and (max-width: 768px) {
    .InvestingQingdaoFuntionRight {
        height: 680px !important;
        overflow: hidden !important;
    }
}

@media screen and (max-width: 480px) {
    .InvestingQingdaoFuntionRight {
        height: 680px !important;
        overflow: hidden !important;
    }
}

.undeme .undsTit p:before, .undser .undsTit p:before, .undfuture .undsTit p:before { 
    background: #FFF;
}

.undeme .undsTit i, .undser .undsTit i, .undfuture .undsTit i { 
    border-bottom: 1px solid #FFF; 
    border-left: 1px solid #FFF;
}

/* 响应式调整 */
@media screen and (max-width: 1680px) {
    .undsTit h3 { 
        font-size: 48px; 
        line-height: 54px; 
        height: 54px;
    }
    
    .undsTit p { 
        font-size: 22px; 
        line-height: 45px; 
        padding-right: 10px; 
        margin-top: 13px;
    }
    
    .undsTit i { 
        width: 80px; 
        height: 28px;
    }
}

@media screen and (max-width: 1440px) {
    .undsTit h3 { 
        font-size: 42px; 
        line-height: 50px; 
        height: 50px;
    }
    
    .undsTit p { 
        font-size: 20px; 
        line-height: 40px; 
        padding-right: 9px; 
        margin-top: 11px;
    }
    
    .undsTit i { 
        width: 74px; 
        height: 24px;
    }
    
    .undsTit i:before, .undsTit i:after { 
        width: 6px; 
        height: 6px;
    }
}

@media screen and (max-width: 1280px) {
    .undsTit h3 { 
        font-size: 36px; 
        line-height: 42px; 
        height: 42px;
    }
    
    .undsTit p { 
        font-size: 18px; 
        line-height: 36px; 
        padding-right: 8px; 
        margin-top: 9px;
    }
    
    .undsTit i { 
        width: 60px; 
        height: 18px;
    }
}

@media screen and (max-width: 767px) {
    .undsTit h3 { 
        font-size: 32px; 
        line-height: 38px; 
        height: 38px;
    }
    
    .undsTit p { 
        font-size: 16px; 
        line-height: 30px; 
        padding-right: 6px; 
        margin-top: 7px;
    }
    
    .undsTit i { 
        width: 50px; 
        height: 16px;
    }
    
    .undsTit i:before, .undsTit i:after { 
        width: 5px; 
        height: 5px;
    }
}