footer{}

.footer-box{ background: #f5f5f5; padding: 65px 0;}

.footer-left{ width: 400px; height: auto;}
.footer-logo{ width: 120px; height: 39px; margin-bottom: 30px;}
.footer-logo a{ display: block; background: url(../images/logo.png) no-repeat; width: 120px; height: 39px;}
.footer-left h2{ font-size: 1.2rem; line-height: 32px; margin-bottom: 10px;}
.footer-left-pic{ width: 100%; background: #FFFFFF;  gap: 0; grid-template-columns: repeat(3, 1fr); /* 3 列 */  display: grid;}
.footer-left-pic img{ width: 100%; height: auto;}

.footer-right{ width: auto;}
.footer-right dl{ margin-left: 70px;}
.footer-right dl dt{ font-weight: bold; color: #111; font-size: 1.4rem; line-height: 42px; margin-bottom: 10px;}
.footer-right dl  dd a{ display: block; line-height: 32px; font-size: 1rem;}
.footer-right dl  dd p{ line-height: 32px; font-size: 1rem;}

.footer-copy{ width: 100%; text-align: center; color:#fff; background: #fc0000; padding: 15px 0; font-size: 1rem;}
.footer-copy a{ color: #FFFFFF; margin-left: 10px;}

.customerList{ width:60px; height:auto; position: fixed; right: 0; top: 30%; z-index:999; }
.customerList a b{ display: block; color: #FFFFFF !important; font-size: 14px; line-height: 21px; font-weight: normal;}

.customerBox{ width: 60px; height: auto;  }
.customerBox a{ display: block; text-align: center; position: relative; width: 60px; height: 60px; line-height:60px; color:#fff; margin-bottom:1px; font-size:1.8rem; background: #fc0000; border-radius: 6px  0px  0px  6px; }
.customerBox a:hover{ text-decoration:none; background:#000000;}
.customerBox a .eso_divinfo{ display:none; position:absolute;  right:60px; top:0; min-width:260px; background:#fff; color:#fc0000; font-size:1rem;  box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); padding:10px; border-radius:6px; }
.customerBox a .eso_divinfo:before{
    content:""; position:absolute; right:-12px; top:50%; margin-top:-12px; 
width:0;
height:0;
border-top:12px solid transparent;
border-bottom: 12px solid transparent;
border-left: 12px solid #fff;
}
.customerBox a:hover .eso_divinfo{ display: block;}

/* 手机端底部悬浮导航 */
.mobile-bottom-nav{
    display:none;
}


@media (max-width: 768px) {
footer{ display: none;}

.customerList{ display: none;}

 .mobile-bottom-nav{
        position:fixed;
        left:12px;
        right:12px;
        bottom:12px;
        z-index:9999;

        display:flex;
        align-items:center;
        justify-content:space-between;

        height:64px;
        padding:0 8px;
        background:rgba(255,255,255,.96);
        border:1px solid rgba(229,27,27,.10);
        border-radius:18px;
        box-shadow:0 10px 30px rgba(0,0,0,.12);
        backdrop-filter:blur(8px);
        -webkit-backdrop-filter:blur(8px);
        box-sizing:border-box;
    }

    .mobile-bottom-nav a{
        flex:1;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        height:100%;
        color:#333;
        text-decoration:none;
        font-size:12px;
        line-height:16px;
        transition:all .25s ease;
        border-radius:14px;
    }

    .mobile-bottom-nav a i{
		  color:#fc0000;
        display:block;
        font-size:20px;
        line-height:20px;
        margin-bottom:4px;
    }

    .mobile-bottom-nav a span{
        display:block;
        font-size:12px;
        line-height:16px;
    }

    .mobile-bottom-nav a.active,
    .mobile-bottom-nav a:hover{
        color:#fc0000;
        background:rgba(229,27,27,.08);
    }

    /* 防止底部内容被挡住 */
    body{
        padding-bottom:90px;
    }
}