footer{ width: 100%; background: #262626; color: rgba(255,255,255,0.8);}


.footer-info{ width: 100%; padding: 30px 0; text-align: center;}
.footer-info a{ display: inline-block; width: 115px; height: 42px; background: url(../images/flogo.png) no-repeat; margin-bottom: 20px;}
.footer-info .container{ padding: 0 200px;}

.footer-box{ width: 100%; padding: 30px 0; border-bottom:1px solid #696969; border-top:1px solid #696969;}
.footer-box dl{ padding: 0 35px;}
.footer-box dl:last-child{ max-width: 435px;}
.footer-box dl dt{ color: #FFFFFF; font-family: myFirstFont1; font-size: 1.5rem; line-height: 32px; margin-bottom: 15px;}
.footer-box dl dd a{ display: block; color: rgba(255,255,255,0.8); line-height: 32px;}
.footer-box dl dd p{ display: block; color: rgba(255,255,255,0.8); line-height: 32px;}
.footer-box dl dd a:hover{ color: #FFFFFF;  transform: translateX(5px);}
.footer-copy{ width: 100%; text-align: center; padding: 15px 0;}






.customerList{ position: fixed; right: 10px; top: 30%; z-index: 999;}
.customerList a{ display: block; margin-bottom: 10px; width: 80px;
height: 80px;
background: #FFFFFF;
box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.08);
border-radius: 20px;
border: 1px solid #DEDEDE; text-align: center; }

.customerList a i{ display: inline-block; margin-top: 5px; width: 46px; height: 46px; line-height: 46px; background: #ea0b13; color: #FFFFFF; font-size: 2rem; border-radius: 50%;}
.customerList a em{ display: block; line-height: 20px;font-size: 0.8rem;}
.customerList a:hover{ background: #ea0b13; color: #FFFFFF;}

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


@media (max-width: 768px) {
.footer-box{ display: none;}
.footer-info{ display: none;}
.footer-copy{ padding: 10px; font-size: 0.8rem;}
.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;
    }
}