/*---------------------------------------------------------------------- /
页脚-开始
----------------------------------------------------------------------- */

/*---------------------------------------------------------------------- /
底部信息
----------------------------------------------------------------------- */
.bg-footer {
    background: url("../images/index/footer-bottom.jpg") no-repeat;
}

/* 第一行 */
.footer-line-1 {
    height: 550px;
    margin-top: 30px;
    margin-bottom: 30px;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
}

/* pro列 */
.footer-line-1 .prolist {
    height: 100%;
    flex: 3;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

/* app列 */
.footer-line-1 .applist {
    height: 100%;
    flex: 4;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

/* lib列 */
.footer-line-1 .liblist {
    height: 100%;
    flex: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

/* other列 */
.footer-line-1 .otherlist {
    height: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

/* 标题 */
.footer-line-1 .footer-line-title-1 {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 1.5px;
    font-weight: 800;
    color: white;
    height: 80px;
    padding-left: 30px;
    padding-top: 30px;
    /* 下划线 */
    border-bottom: 2px solid white;
}

/* 内容部分 */
.footer-line-1 .footer-line-content-1 {
    height: 40px;
    padding-left: 30px;
    padding-top: 5px;
}

/* 内容部分超链接 */
.footer-line-1 .footer-line-content-1 a {
    font-size: 12px;
    line-height: 22px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-decoration: none;
    color: white;
    font-weight: 800;
}

/* 间隔 */
.mt-20 {
    margin-top: 20px;
}

/* 第二行开始 */
/* 最后一行 */
.footerlast {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

.footerlast img {
    height: 30px;
}

.footerlast p {
    padding-top: 3px;
    font-size: 13px;
    padding-left: 10px;
    color: white;
    font-weight: 800;
    padding-top: 8px;
}

.footerlast a {
    text-decoration: none;
    color: white;
    font-weight: 600;
}

/* 手机布局 */
.footerh5 {
    display: none;
}
    
/* 响应式布局 */
@media screen and (max-width:1080px) {

    /* 第一行盒子 */
    .footer-line-1 {
        display: none;
    }
}

@media screen and (max-width:580px){
    .footerlast {
       display: none;
    }
    /* 手机布局 */
    .footerh5 {
        display: block;
        color: white;
        padding-top: 30px;
        padding-bottom: 30px;
        text-align: center;
        font-size: 14px;
        padding-left: 5px;
        color: white;
        font-weight: 600;
    }

    .footerh5 img {
        height: 30px;
        padding-right: 10px;
    }
} 


/*---------------------------------------------------------------------- /
页脚-开始
----------------------------------------------------------------------- */