.footer{


width:100%;

background:#fff;

color:#333;


}



.footer *,
.footer{


box-sizing:border-box;


}



/* ===================
顶部导航
=================== */


.footer-nav{


height:70px;

border-top:1px solid #ddd;

border-bottom:1px solid #ddd;


display:flex;

justify-content:center;

align-items:center;


}



.footer-nav ul{


display:flex;

list-style:none;

padding:0;

margin:0;


}



.footer-nav li{


padding:0 35px;

border-right:1px solid #ddd;


}


.footer-nav li:last-child{


border:none;


}



.footer-nav a{


font-size:14px;

color:#333;

text-decoration:none;


}




/* ===================
主体
=================== */


.footer-content{


width:1180px;

height:150px;

margin:auto;


display:flex;

align-items:center;


}



/* 左侧 */


.footer-left{


display:flex;

align-items:center;

flex:1;


}



.logo-pc img{


width:150px;


}



.logo-mobile{


display:none;

}




.footer-company{


margin-left:40px;


}


.footer-company p{


margin:8px 0;

font-size:14px;


}



/* ===================
电话
=================== */


.footer-phone{


display:flex;

align-items:center;


margin-right:80px;


}



.footer-phone-icon{


width:38px;

height:38px;

object-fit:contain;

margin-right:18px;


}




.footer-phone span{


font-size:26px;

font-weight:bold;


}





/*二维码*/


.footer-qrcode img{


width:90px;

height:90px;


}




/*版权*/


.footer-copy{


height:40px;


border-top:1px solid #ddd;


width:1180px;


margin:auto;


display:flex;

align-items:center;


font-size:13px;

color:#666;


}

@media(max-width:768px){



.footer{


background:#555;

color:#fff;


}


/*隐藏导航*/

.footer-nav{

display:none;

}




.footer-content{


width:100%;

height:360px;


padding:35px 25px;


position:relative;


display:block;


}



/*隐藏PC logo*/


.logo-pc{


display:none;


}



/*显示白logo*/


.logo-mobile{


display:block;


}



.logo-mobile img{


width:140px;


height:auto;


}





/*二维码 */


.footer-qrcode{


position:absolute;


right:25px;

top:35px;


}



.footer-qrcode img{


width:120px;

height:120px;


}




/*电话 */


.footer-phone{


position:absolute;


left:25px;


top:145px;


margin:0;


}


.footer-phone-icon{


width:35px;

height:35px;

margin-right:10px;


}




.footer-phone span{


font-size:20px;

color:#fff;


}



/*公司信息*/


.footer-company{


position:absolute;


left:25px;


bottom:35px;


margin:0;


}



.footer-company p{


font-size:17px;

line-height:2;


color:#fff;


margin:0;


}



/*版权*/


.footer-copy{


width:100%;

height:auto;


padding:18px 25px;


background:#555;


border-top:1px solid rgba(255,255,255,.3);


color:#fff;


font-size:14px;


}



}

/* =========================================================
   iPad / Tablet Footer
   769px - 1100px
========================================================= */

@media (min-width:769px) and (max-width:1100px){

    .footer{
        width:100%;
        overflow:hidden;
    }


    /* =========================
       footer导航
    ========================= */

    .footer-nav{
        width:100%;
        height:58px;

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

        padding:0 20px;
        box-sizing:border-box;
    }

    .footer-nav ul{
        width:100%;
        max-width:900px;

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

        padding:0;
        margin:0;
    }

    .footer-nav li{
        flex:1 1 0;

        padding:0 8px;

        text-align:center;

        border-right:1px solid #ddd;

        box-sizing:border-box;
    }

    .footer-nav li:last-child{
        border-right:none;
    }

    .footer-nav a{
        display:block;

        font-size:12px;
        line-height:1.3;

        color:#333;

        white-space:nowrap;
        word-break:keep-all;
    }


    /* =========================
       footer主体
    ========================= */

    .footer-content,
    .footer-main{
        width:calc(100% - 48px) !important;
        max-width:none !important;

        margin:28px auto !important;

        display:grid !important;

        grid-template-columns:minmax(0,1.6fr) auto auto;

        align-items:center;

        column-gap:35px;

        box-sizing:border-box;
    }


    /* 左侧logo + 地址 */
    .footer-left{
        min-width:0;
    }

    .footer-logo{
        margin-bottom:14px;
    }

    .logo-pc img{
        width:auto;
        max-width:150px;
        max-height:58px;
    }

    .logo-mobile{
        display:none !important;
    }

    .footer-company{
        margin-top:10px !important;

        font-size:12px !important;
        line-height:1.7 !important;

        color:#666;
    }

    .footer-company p{
        margin:0 0 4px;
    }


    /* 电话 */
    .footer-phone{
        display:flex;
        align-items:center;

        white-space:nowrap;

        font-size:20px !important;
        font-weight:bold;
    }

    .footer-phone-icon{
        width:30px;
        height:30px;

        object-fit:contain;

        margin-right:10px;
    }

    .footer-phone span{
        font-size:20px !important;
        margin:0 !important;
    }


    /* 二维码 */
    .footer-qrcode{
        width:88px !important;
        flex:0 0 88px;
    }

    .footer-qrcode img{
        display:block;

        width:88px;
        height:88px;

        object-fit:contain;
    }


    /* 备案 */
    .footer-copy{
        padding:10px 24px;

        text-align:left;

        font-size:11px;
    }

}