/* 公共模块 底部 */
.layout-footer {
    padding: 121px 0 77px;
    overflow: hidden;
    background: #0859C0 url("../../image/layout/footbg.jpg") no-repeat center / cover;
}
.layout-footer > div {
    position: relative;
}
.layout-footer > div::before {
    content: "";
    display: block;
    position: absolute;
    top: -42px;
    left: -63px;
    width: 23px;
    height: 291px;
    background: url("../../image/common/fl.png") no-repeat center / 100% auto;
}
.layout-footer > div::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -5px;
    right: -25px;
    width: 23px;
    height: 291px;
    background: url("../../image/common/fr.png") no-repeat center / 100% auto;
}
.layout-footer .navs-list {
    margin-bottom: 100px;
}
.layout-footer .navs-list .item {
    min-width: 140px;
}
.layout-footer .navs-list .title {
    margin-bottom: 23px;
    padding-bottom: 16px;
    font-size: 24px;
    color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
.layout-footer .navs-list a {
    display: block;
    margin-bottom: 20px;
    font-size: 18px;
    color: #FFFFFF;
}
.layout-footer .navs-list a:hover {
    text-decoration: underline;
}


.layout-footer .bottom {}
.layout-footer .link {}
.layout-footer .logo {
    width: auto;
    height: 51px;
}
.layout-footer .line {
    width: 367px;
    height: 0;
    margin-top: 10px;
    margin-bottom: 28px;
    border-bottom: 1px solid #FFFFFF;
}
.layout-footer .info {
    margin-bottom: 10px;
    font-size: 18px;
    color: #FFFFFF;
}
.layout-footer .info-icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 10px;
    text-align: center;
    background: #FFFFFF;
    border-radius: 50%;
    vertical-align: middle;
}

.layout-footer .info img {
    width: auto;
    height: 20px;
    margin-top: 5px;
    vertical-align: middle;
}

.layout-footer .code {
    overflow: hidden;
}
.layout-footer .code-lis {
    text-align: center;
    float: left;
}
.layout-footer .code-lis:not(:nth-child(1)) {
    margin-left: 38px;
}
.layout-footer .code img {
    width: 100px;
    height: 100px;
}
.layout-footer .code p {
    margin-top: 10px;
    font-size: 18px;
    color: #FFFFFF;
}

.layout-footer .plat {}
.layout-footer .plat-lis {
    width: 55px;
    height: 55px;
    margin-left: 6px;
    float: left;
    cursor: pointer;
}
.layout-footer .plat-lis:hover img {
    animation: FooterPlat 0.5s ease-in-out;
}
@keyframes FooterPlat {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
    100% {
        transform: translateY(0);
    }
}