/*底部*/
.footer {
    width: 100%;
    /*padding-bottom: 70px;*/
    background: #5e6664;
    position: relative;
}

.footer .footer-web {
    padding-top: 50px;
    padding-bottom: 63px;
}

.footer .footer-web a {
    color: #a5aaa9;
    line-height: 22px;
    margin-right: 20px;
    transition: 0.3s;
}

.footer .footer-web a:hover {
    color: #dce1e0;
    transition: 0.3s;
}

.footer .footer-contact {
    color: #fff;
}

.footer .footer-contact a {
    color: #a5aaa9;
}

.footer .footer-contact .contact-top {
    padding-top: 20px;
    line-height: 30px;
}

.footer .footer-contact .contact-bottom {
    line-height: 35px;
}


.footer-main{
    margin: 0 auto;
    /*background: #ddd;*/
    text-align: center;
}
.footer-main-list{
    vertical-align: top;
    display: inline-block;
    box-sizing: border-box;
    padding: 5px;
    text-align: left;
}
.footer-main-list a{
    display: block;
}
.footer-main-list-title>a{
    line-height: 40px;
    /*border-radius: 10px;*/
    background: #eaeaea;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    -webkit-transition: all .3s;
}
.footer-main-list-title>a:hover{
    color: #2db5a3;
}

.footer-main-list-body>a{
    line-height: 24px;
    font-size: 13px;
    color: #fff;
    -webkit-transition: all .3s;
}
.footer-main-list-body>a:hover{
    color: #2db5a3;
}

@media screen and (max-width: 768px) {
    .footer{
        /*height: 250px;*/
    }
    .footer-main-list{
        width: 48.9%!important;
    }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
    .footer{
        /*height: 140px!important;*/
    }
    .footer-main{
        /*width: 910px!important;*/
    }
    .footer-main-list{
        width: 23.9%!important;
    }
}
@media screen and (min-width: 992px) {
    .footer{
        /*height: 140px!important;*/
    }
    .footer-main{
        /*width: 910px!important;*/
    }
    .footer-main-list{
        width: 23.9%!important;
    }
}
@media screen and (min-width: 1200px) {
    .footer{
        /*height: 140px!important;*/
    }
    .footer-main{
        width: 1200px!important;
    }
}
@media screen and (min-width: 1300px) {
    .footer{
        /*height: 140px!important;*/
    }
    .footer-main{
        width: 1200px!important;
    }
}