@charset "utf-8";

.footer{

background: #333;

padding-top: 50px;
}

.db-fl{

float: left;

width: 26%;
}

.db-fl .dblogo{
    text-align: center;
}

.db-fl .dblogo img{
    height: 4rem;
    display: block;
    margin: auto;
    border-radius: 10px;
}

.db-fl .dblogo p{color: #bfbfbf;font-size: 16px;margin-top: 10px;line-height: 1;}

.db-fl dl{

margin-top: 20px;

color: #bfbfbf;
}

.db-fl dl dd{

font-size: 14px;

margin-top: 8px;

padding-left: 35px;
}
.db-fl dl dd a{
    color: #bfbfbf;
}
.db-fl dl dd.tb01{

    background: url(../images/pj_home_icon_24.png) left top no-repeat;

}

.db-fl dl dd.tb02{

    background: url(../images/pj_home_icon_26.png) left top no-repeat;

}
.db-fl dl dd.tb03{
    background: url(../images/dbtb-qq.png) left top no-repeat;
}
.db-fl dl dd.tb04{
    background: url(../images/dbtb-yx.png) left top no-repeat;
}


.db-fr{

float: right;

width: 68%;

border-left: 1px solid #666;
}

.db-fr dl{

float: left;

margin-left: 6%;

max-width: 300px;
}

.db-fr dl dt{

border-bottom: 1px solid #666;

padding-bottom: 15px;

margin-bottom: 20px;

padding-right: 20px;

font-size: 18px;

font-weight: 400;

color: #fff;

display: block;
}

.db-fr dl dt a{

font-size: 18px;

font-weight: 400;

color: #fff;
}

.db-fr dl dt a:hover{
    color: #e0c110;
}

.db-fr dl dd{

margin: 0;

line-height: 3.5rem;
}

.db-fr dl dd a{

color: #bfbfbf;

font-size: 1.4rem;
}

.db-fr dl dd a:hover{

color: #e0c110;
}

.db-fr dl.two dd {

text-overflow: ellipsis;

white-space: nowrap;

overflow: hidden;
}

.db-fr .ewm{float: right;max-width: initial;}

.db-fr .ewm dd{
    float: left;
    margin-right: 14px;
}

.db-fr .ewm img{

width: 120px;
}

.db-fr .ewm p{font-size: 14px;text-align: center;margin-top: 10px;color: #bfbfbf;line-height: 25px;}

.footer-icp{

border-top: 1px solid #666;

margin-top: 3rem;

padding-top: 1rem;

color: #bfbfbf;

line-height: 50px;
}

.footer-icp a{

    color: #bfbfbf;

}





/*kefu*/

.fixed-kefu{position: fixed;right: 2px;bottom: 15%;z-index: 99999;}

.fixed-kefu ul li{margin-bottom:1px; position:relative;}

.fixed-kefu ul li#toTop{

    display: none;

}

.fixed-kefu ul li a{display:block;width: 70px;height: 70px;background-color: #333;color:#fff;text-align:center;}

.fixed-kefu ul li a:hover{background-color: #005cbf;}

.fixed-kefu ul li a .vo{width: 0px;text-align: center;overflow: hidden;position: absolute;right: 70px;top:0;

    -webkit-transition:all 0.3s ease;

    -moz-transition:all 0.3s ease;

    -o-transition:all 0.3s ease;

    transition:all 0.3s ease;}

.fixed-kefu ul li.tl a .vo{min-height: 70px;line-height: 70px;font-size: 16px;background: #005cbf;font-weight: bold;white-space: nowrap;}

.fixed-kefu ul li.tl a .vo p{

line-height: 70px;
}

.fixed-kefu ul li.tl a:hover .vo{width: 150px;}

.fixed-kefu ul li.wx a .vo{padding: 10px 0;background-color:#fff;}

.fixed-kefu ul li.wx a .vo img{width: 130px;height: 130px;}

.fixed-kefu ul li.wx a:hover .vo{width: 150px;}

.fixed-kefu ul li i{

    display:inline-block;

    height:35px;

    margin-top:6px;

    overflow:hidden;

    background-position:0 0;

    background-size: 35px auto;

    line-height: 35px;

    font-size: 22px;

    }

.fixed-kefu ul li.kf i{background-position: 0px -0px;}

.fixed-kefu ul li.tl i{background-position: 0px -35px;}

.fixed-kefu ul li.wx i{background-position: 0px -70px;}

.fixed-kefu ul li.tp i{background-position: 0px -105px;}

.fixed-kefu ul li span{ display:block; line-height:1em; padding-bottom:5px; }


.foot_link{
    color: #fff;
    margin-top: 2rem;
}
.foot_link a{
    color: #bfbfbf;
    margin-right: 10px;
}

.sjxuanfu{
    display: none;
}


@media (max-width:1024px){
    .sjxuanfu{
        display: block;
        position: fixed;
        z-index: 9999999;
        bottom: 2rem;
        right: 1rem;
    }
    .sjxuanfu ul{}
    .sjxuanfu ul li{
    background: #005cbf;
    width: 4rem;
    height: 4rem;
    text-align: center;
    border-radius: 50%;
    line-height: 4rem;
    font-size: 1.8rem;
}
    .sjxuanfu ul li a{
    color: #fff;
}


    .fixed-kefu{

        display: none;

    }

    .footer{

    padding-top: 4rem;

    }

    .db-fl{

        float: left;

        width: 100%;

    }

    .db-fl .dblogo img{

        height: 48px;

    }

    .db-fl .dblogo p{

        color: #bfbfbf;

        font-size: 16px;

        margin-top: 10px;

        line-height: 1;

    }

    .db-fl dl{

        margin-top: 30px;

        color: #bfbfbf;

    }

    .db-fl dl dd{

font-size: 16px;

margin-top: 1rem;

line-height: 30px;

padding-left: 35px;

}

    .db-fl dl dd.tb01{

        background: url(../images/pj_home_icon_24.png) left top no-repeat;

    }

    .db-fl dl dd.tb02{

        background: url(../images/pj_home_icon_26.png) left top no-repeat;

    }

    .db-fr{

        width: 100%;

        border-left: 0;

        padding-left: 0;

        margin-top: 3rem;

    }

    .db-fr dl{

float: left;

margin-right: 0;

max-width: 50%;

width: 47%;

margin-left: 6%;

margin-bottom: 2rem;

display: none;

}

    .db-fr dl:nth-child(2){

        margin-left: 0;

    }

    .db-fr dl dt{

padding-bottom: 1rem;

margin-bottom: 2rem;

font-size: 1.8rem;

}

    .db-fr dl dt a{

font-size: 1.8rem;

}

    .db-fr dl.two{

max-width: 100%;

width: 100%;

margin-left: 0;

display: block;

}

    .db-fr dl.two dd {

        float: left;

        width: 33.33%;

    }

    .db-fr .ewm{

    float: initial;
    
    padding: 0;
    
    margin: auto;
    
    clear: both;
    
    width: 100%;
    
    display: table;
    }
    .db-fr .ewm dd{
        width: 50%;
        margin-right: 0;
        padding: 1rem;
    }
    .db-fr .ewm img{

        width: 100%;

    }

    .db-fr .ewm p{

        font-size: 1.6rem;

        margin-top: 1rem;

    }

    .footer-icp{

    margin-top: 1rem;

    line-height: 3rem;

    padding-bottom: 1rem;

    text-align: center;

    }

    .footer-icp .am-fr{

        display:none;

    }

}