.footer {
    width: 100%;
    height: 660px;
    background-color: #F3F3F3;
}


.footer .dh {
    width: 100%;
    height: 110px;
    border-bottom: 1px solid #ccc;
}

.footer .dh img {
    margin: 35px 0;
}

.footer .dh p {
    display: inline-block;
    font-size: 32px;
    vertical-align: middle;
    margin-left: 20px;
}

.footer .middle {
    padding: 43px 0px 70px;
    border-bottom: 1px solid #ccc;
}

.footer .middle .left {
    width: 320px;
    float: left;
    font-size: 0px
}

.footer .middle .left h5 {
    display: inline-block;
    padding-bottom: 16px;
    border-bottom: solid 1px #BFBFBF;
    margin-bottom: 28px;
    color: #666666;
    font-size: 16px
}

.footer .middle .left p {
    color: #888888;
    font-size: 15px;
    line-height: 30px
}

.footer .middle .left .bshare-custom {
    margin-top: 50px;
    font-size: 0px
}

.footer .middle .left a {
    display: inline-block;
    width: 37px;
    height: 37px;
    background-repeat: no-repeat;
    background-position: center center;
    border: solid 1px #D2D2D2;
    border-radius: 50%;
    box-sizing: border-box;
    margin-right: 9px;
    transition: .6s;
    transition-timing-function: ease-out
}

.footer .middle .left a:hover {
    background-color: #D2D2D2
}


.footer .middle .right {
    float: right
}

.footer .middle .right::after {
    content: "";
    display: block;
    clear: both
}

.footer .middle .right dl {
    width: 170px;
    float: left;
    font-size: 0px;
    text-align: center
}

.footer .middle .right dl:last-of-type {
    width: auto;
    margin-left: 60px
}

.footer .middle .right dt {
    display: inline-block;
    padding-bottom: 16px;
    border-bottom: solid 1px #BFBFBF;
    margin-bottom: 15px;
    color: #666666;
    font-size: 16px;
    transition: .5s
}

.footer .middle .right dd {
    width: inherit;
    color: #888888;
    font-size: 15px;
    line-height: 34px;
    transition: .5s
}

.footer .middle .right a {
    display: block;
    color:black;
}
.footer .middle .right a:hover{
    color: #8194AA;
}

.footer .c1200{
    position: relative;
}
.footer .c1200 .youqing{
    margin-top: 40px;
    font-size: 18px;
    color: #4D4D4D;
}
.footer .c1200 .youqing:nth-of-type(2){
    margin-top: 20px;
    color: #9C9C9C;
}
/* 微信 */
.weixin {
    position: absolute;
    right: 0px;
    top: 10px;
    bottom: 0px;
}
.weixin img{
    width: 90px;
    height: 90px;
}
.weixin p{
    text-align: center;
    font-size: 16px;
    color: #9C9C9C;
}
/* 侧边导航 */
.customer {
    position: fixed;
    top: 50%;
    right: 2px;
    z-index: 999;
    margin-top: -104px;
}
.customer li {
    width: 52px;
    margin-bottom: 10px;
    height: 52px;
    position: relative;
}
.customer li .a {
    display: block;
    width: 50px;
    height: 50px;
    border: solid 1px #01884c;
    background: #01884c url(/skin/images/sidebar-icon.png) no-repeat;
    position: relative;
    z-index: 10000;
    transition: all 0.6s ease;
}
.customer li .a.kefu {
    background-position: 0 0;
}
.customer li .a.tel {
    background-position: -50px 0;
}
.customer li .a.wx {
    background-position: -100px 0;
}

.customer li .a.gotop {
    background-position: -150px 0;
}
.customer li .a:hover {
    background-image: url(../images/sidebar-icon1.png);
    background-color: #fff;
}