/* 底部 */
@media screen and (min-width: 1025px) {
    footer {
        background-color: #505050;
        height: 200px;
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        color: #fff;
        opacity: 1;
        transition: opacity 1s;
    }
    
    footer.hidden {
        opacity: 0;
        z-index: -1;
    }
    
    footer .foot-contain {
        width: 1190px;
        margin: 0 auto;
        padding: 20px 20px 0;
        box-sizing: border-box;
    }
    
    footer .choose-box {
        display: inline-block;
        vertical-align: top;
        float: left;
    }
    
    footer .choose-box a {
        color: #fff;
    }
    
    footer .choose-box .choose-connect a {
        font-size: 20px;
        letter-spacing: 0.67px;
    }
    
    footer .choose-box .choose-link {
        font-size: 14px;
        color: #FFFFFF;
        letter-spacing: 2.32px;
        margin: 20px 0 5px;
    }
    footer .choose-box .choose-link a:hover{
        opacity: 0.8;
    }
    footer .choose-connect a:hover{
        opacity: 0.8;
    }
    footer .choose-connect a:hover span{
        margin-left: 50px;   
    }
    footer .connection-box {
        display: inline-block;
        vertical-align: top;
        float: right;
        margin-top: 20px;
    }

    footer .connection-box .pc{
        display: inline;
    }
    footer .connection-box .phone{
        display: none;
    }
    
    footer .connection-box li {
        float: left;
        margin-left: 9px;
    }
    
    footer .connection-box h4,
    footer .connection-box p {
        margin: 0;
    }
    
    footer .connection-box h4 {
        font-size: 17px;
        color: #FFFFFF;
        letter-spacing: 2.99px;
        font-weight: normal;
        margin-bottom: 5px;
    }
    
    footer .connection-box p {
        font-size: 12px;
        letter-spacing: 1.99px;
        line-height: 22px;
    }
    
    footer .copyright {
        font-size: 11px;
        letter-spacing: 1.99px;
        opacity: 0.8;
    }
    footer .choose-link a,footer .connection-box p{
        /* font-family: regular; */
    }
    footer .connection-box h4{
        /* font-family: siyuan;     */
    }
    
    footer .company-name{
        font-size: 16px;
        letter-spacing: 3.1px;
    }
    footer .company-name:hover{
        opacity: 0.8;
    }
    footer .copyright .pc{
        display: inline;
    }
    footer .phone{
        display: none;
    }

    footer .share{
        margin-top: 15px;
    }

    footer .share a,footer .share .wechat-box{
        display: inline-block;
        width: 37px;
        height: 37px;
        margin-right: 15px;
        transition: opacity 0.6s;
        position: relative;        
    }
    footer .share a:hover{
        opacity: 0.6;
    }
    footer .share a:hover .erweima{
        opacity: 1;
    }
    footer .share .wechat{
        background: url('./../image/wechat@2x.png') no-repeat;
        background-size: 100% 100%;
    }
    footer .share .wechat-box .erweima{
        display: none;
        width: 120px;
        height: 120px;
        position: absolute;
        top:-121px;
        left:50%;
        margin-left: -60px;
    }
    footer .share .wechat-box:hover .erweima{
        display: block;
    }
    footer .share .weibo{
        background: url('./../image/weibo@2x.png') no-repeat;
        background-size: 100% 100%;
    }
    footer .share .zhihu{
        background: url('./../image/zhihu@2x.png') no-repeat;
        background-size: 100% 100%;
    }


    @media screen and (min-width: 1540px) {
        footer .foot-contain{
            width: 1320px;
        }
        footer .connection-box li{
            margin-left: 52px;
        }
    }
}


@media screen and (max-width: 1024px){
    footer{
        background-color: #505050;
        color: #fff;
        padding:5px 15px 25px 15px;
    }
    footer .choose-link,footer .company-name{
        display: none;
    }
    footer .choose-box{
        width: 50%;
        position: absolute;
        top:50%;
        right: 0;
        bottom: 0;
    }
    
    footer .connection-box li{
        width: 50%;
        float: left;
    }
    footer .connection-box h4{
        font-size: 14px;
        margin-bottom: 3px;
        letter-spacing: 1.4px;        
    }
    footer .connection-box .pc{
        display: none;
    }
    footer .connection-box .phone{
        display: inline;
    }
    footer .connection-box p{
        font-size: 11px;
        line-height: 14px;
        margin: 0;        
    }
    footer .copyright{
        position: absolute;
        top:44px;
        left:-8px;
        font-size: 8px;
        color: #c9c9c9;
        letter-spacing: 0.6px;
        line-height: 10px;
    }
    footer .phone{
        display: inline;
    }

    footer .share{
        position: absolute;
        top:2px;
        left:0;
    }

    footer .share a,footer .share .wechat-box{
        display: inline-block;
        width: 32px;
        height: 32px;
        margin-right: 18px;
        transition: opacity 0.6s;
        position: relative;        
    }
    footer .share a:hover{
        opacity: 0.6;
    }
    footer .share a:hover .erweima{
        opacity: 1;
    }
    footer .share .wechat{
        background: url('./../image/wechat@2x.png') no-repeat;
        background-size: 100% 100%;
    }
    footer .share .wechat-box .erweima{
        display: none;
        width: 100px;
        height: 100px;
        position: absolute;
        top:-100px;
        left:50%;
        margin-left: -50px;
    }
    footer .share .wechat-box:hover .erweima{
        display: block;
    }
    footer .share .weibo{
        background: url('./../image/weibo@2x.png') no-repeat;
        background-size: 100% 100%;
    }
    footer .share .zhihu{
        background: url('./../image/zhihu@2x.png') no-repeat;
        background-size: 100% 100%;
    }
}