* {
    margin: 0;
    padding: 0;
}

.mask {
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 1003;
    overflow:hidden; 
    display: none;
    transition: all .1s;
}
.mask-left{
    background-color: #00000050;
    width: 100%;
    height: 100vh;
    position: absolute;
    right: 0;
}
.mask-list {
    width: 45%;
    height: 100vh;
    background-color: #fff;
    position: absolute;
    right: 0;
}
.mask-header{
    /* width: 100%; */
    height: 2.5rem;
    /* background-color: pink; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.75rem;
    border-bottom: 0.04rem solid rgba(168, 168, 168, 0.5);
}
.mask-name{
    font-weight: 600;
    font-size: 1rem;
    color: #1A1A1A;
}
.mask-close{
    width: 1.2rem;
    height: 1.2rem;
}
.mask-box{
    padding-top: 0.5rem;
}
.mask-item{
    padding: 0.75rem;
    margin: 0.75rem 0.44rem;
    /* background-color: pink; */
    font-size: 0.9rem;
    color: #1A1A1A;
    letter-spacing: 0.2rem;
    border: 1px solid #9e9e9e50;
    border-radius: 4px;
}
.mask-item_action{
    background-color: #E0EAFF;
    color: #222;
}
.nav-bar {
    height: 2.5rem;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1002;
}

.main {
    min-height: 50rem;
    overflow: hidden;
}

.header {
    padding: 0 0.75rem;
    background-color: #fff;
    opacity: .8;
    height: 2.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo {
    width: 10rem;
    height: 1.63rem;
}

img {
    width: 100%;
    height: 100%;
}

.right {
    display: flex;
    align-items: center;
}

.call-box {
    display: flex;
    align-items: center;
}

.call {
    margin-right: 0.31rem;
}

.call,
.menu-img {
    width: 1.38rem;
    height: 1.38rem;
}

.menu-img {
    margin-left: 1.5rem;
}

.phone {}

.phone-num {
    font-family: Geometr415 Blk BT, Geometr415 Blk BT;
    font-weight: 600;
    font-size: 0.63rem;
    color: #1A1A1A;
    line-height: 0.75rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
    position: relative;
    display: flex;
}

.numbers {}

.number {
    animation: jump 0.5s alternate 1;
}

@keyframes jump {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-4px);
    }

    80% {
        transform: translateY(3px);
    }
}

.swiper {
    height: 12.63rem;
    --swiper-theme-color: #ff6600;
    --swiper-pagination-color: #fff;
    /* 两种都可以 */
    --swiper-pagination-width: 1rem;
}

.swiper-box .swiper-pagination {
    text-align: left !important;
    margin-left: 12px;
}


.footer {
    /* width: 23.44rem; */
    height: 17.63rem;
    background: #252B42;
}

.footer-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 0.63rem 0;
}

/* .footer-info {} */

.footer-call {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-addres {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.5rem;
}

.footer-call-img {
    width: 1.31rem;
    height: 1.31rem;
}

.footer-call-num {
    width: 12.4rem;
    font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
    font-weight: 700;
    font-size: 0.75rem;
    color: #FFFFFF;
    /* line-height: 1.13rem; */
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-left: 0.44rem;
}

.erweima {
    width: 5.38rem;
    height: 5.38rem;
    background: #D8D8D8;
    border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 350;
    font-size: 0.75rem;
    color: #1A1A1A;
    line-height: 5.38rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
    overflow: hidden;
}

.footer-link {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 0.8rem;
    margin-top: 1.3rem;
    height: 3rem;
    overflow: hidden;
}

.footer-link-title {
    color: #9C9C9C;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 350;
    font-size: 0.63rem;
    line-height: 1.56rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin: 0 0.25rem;
}

.footer-link-item {
    color: #E0EAFF;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 350;
    font-size: 0.63rem;
    line-height: 1.56rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin: 0 0.25rem;
}
.icon_btn{
    display: flex;
    justify-content: end;
    align-items: end;
    margin: 0 1rem;
    /* background-color: red; */
}
.footer-link-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.81rem;
    height: 0.81rem;
    transition: all .3s;
    transform-origin: 50% 50%;
}

.footer-line {
    width: 22.5rem;
    height: 0rem;
    border: 0.04rem solid #D8D8D8;
    opacity: 0.2;
    margin: 1rem auto 0.75rem;
}

.icp {
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 350;
    font-size: 0.63rem;
    color: #767676;
    line-height: 1.13rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

.footer-btn {
    width: 23.44rem;
    height: 4.38rem;
    background: #252B42;
    border-radius: 0rem 0rem 0rem 0rem;
}

.footer-btn-box {
    width: 23.44rem;
    height: 4.38rem;
    background: #FFFFFF;
    border-radius: 0rem 0rem 0rem 0rem;
    position: fixed;
    bottom: 0;
    z-index: 1002;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.callMe,
.msgMe {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 11.06rem;
    height: 3.25rem;
    border-radius: 0.13rem 0.13rem 0.13rem 0.13rem;
}

.callMe {
    background: #FF3700;
}

.msgMe {
    background: #1890FF;
}

.callMe-img,
.msgMe-img {
    width: 1.31rem;
    height: 1.31rem;
}

.msgMe-name,
.callMe-name {
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 700;
    font-size: 1rem;
    color: #FFFFFF;
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin-left: 0.44rem;
}

.ellipsis {
    overflow: hidden;
    /* 确保内容超出容器时会被隐藏 */
    white-space: nowrap;
    /* 确保文本在一行内显示，避免换行 */
    text-overflow: ellipsis;
    /* 用省略号表示被截断的文本 */
}