@charset "utf-8";
/* 语言切换下拉菜单样式 - 鼠标悬停版本 */
.ds1 {
    position: relative;
    cursor: pointer;
}

.ds1 .iconfont {
    display: block;
    color: #5B5B5B;
    font-size: 1.5rem;
    transition: all 0.3s;
}

.ds1:hover .iconfont {
    color: #034f99;
}

/* 添加一个伪元素填充触发区域和下拉菜单之间的间隙 */
.ds1::after {
    content: '';
    position: absolute;
    height: 0.5rem;
    left: 0;
    right: 0;
    bottom: -0.5rem;
    z-index: 998;
}

.lang_biao {
    position: absolute;
    top: 100%;
    left: -128%;
    background: #fff;
    border-radius: 0 0 0.625rem 0.625rem;
    box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.15);
    padding:0;
    min-width: 6.25rem;
    z-index: 999;
    display: none;
}

/* 添加鼠标悬停显示下拉菜单，包括悬停在下拉菜单上时 */
.ds1:hover .lang_biao,
.lang_biao:hover {
    display: block;
}

.lang_biao li {
    padding: 0 1rem;
    line-height: 2.5rem;
    text-align: center;
    transition: all 0.3s;
}

.lang_biao li:hover {
    background: rgba(3, 79, 153, 0.1);
}

.lang_biao li a {
    display: block;
    color: #383838;
    font-size: 1rem;
}

.lang_biao li a:hover {
    color: #034f99;
}

/* 手机端样式 */
@media (max-width: 990px) {
    .phone_se .ds1 {
        padding: 0 1rem;
    }
    
    .phone_se .ds1 .iconfont {
        /* color: #fff; */
    }
    
    .phone_se .lang_biao {
        right: -40%;
        left: auto;
    }
    
    /* 手机端保留点击功能，禁用悬停效果 */
    .phone_se .ds1:hover .lang_biao,
    .phone_se .lang_biao:hover {
        display: none;
    }
}