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


/*---------------------------------------------------------------------- /
底部信息
----------------------------------------------------------------------- */

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


/* 第一行-盒子 */

.footer-line-0 {
    height: 80px;
    margin-top: 30px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    border-bottom: 1px solid white;
    /* 间距 */
    gap: 40px;
}


/* 第一行-product列 */

.footer-line-0 .protitle {
    height: 100%;
    width: 200px;
    padding-top: 30px;
    color: white;
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
}


/* 第一行-app列 */

.footer-line-0 .apptitle {
    height: 100%;
    width: 380px;
    padding-top: 30px;
    color: white;
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
}


/* 第一行-lib列 */

.footer-line-0 .libtitle {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 180px;
    padding-top: 30px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
    color: white;
}


/* 第一行-contact列 */

.footer-line-0 .othertitle {
    height: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 30px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
    color: white;
}


/* 第二行盒子 */

.footer-line-1 {
    min-height: 480px;
    margin-top: 30px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /* 间距 */
    gap: 40px;
}


/* 第二行-pro列 */

.footer-line-1 .prolist {
    width: 200px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}


/* 第二行-app列 */

.footer-line-1 .applist {
    width: 380px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}


/* 第二行-lib列 */

.footer-line-1 .liblist {
    width: 180px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}


/* 第二行-contact列 */

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


/* 第二行-内容部分-联系部分-p */

.footer-line-1 .footer-line-content-1 p {
    font-size: 11.5px;
    line-height: 20px;
    letter-spacing: 1px;
    text-decoration: none;
    color: white;
    font-weight: 600;
    padding-top: 5px;
}


/* 第二行-内容部分（非contact列）-超链接 */

.footer-line-1 .footer-line-content-1 a {
    text-decoration: none;
    color: white;
    /* background-color: red; */
}


/* 第二行内容-社交 */

.socialbox {
    height: 60px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-top: 10px;
}


/* 第二行内容-社交盒子 */

.socialbox>div {
    width: 60px;
    height: 100%;
    background-color: #0780d8;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}


/* 第二行内容-社交盒子-超链接 */

.socialbox>div a {
    color: white;
    text-decoration: none;
}


/* 第二行内容-社交盒子-第二个间距 */

.socialbox>div:nth-child(n+2) {
    margin-left: 15px;
}


/* 第二行内容-社交盒子-facebook */

.icon-facebook2 {
    font-size: 35px !important;
}


/* 第二行内容-社交盒子-linyi */

.icon-lingying {
    font-size: 23px !important;
}


/* 第二行内容-社交盒子-X */

.socialbox div a {
    font-size: 25px !important;
}


/* 第二行内容-社交盒子-按钮盒子 */

.box-1 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    height: 50px;
}


/* 第二行内容-社交盒子-文本p */

.box-1>p {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 1px;
    padding-top: 10px;
    font-style: italic;
    cursor: pointer;
    color: white;
    padding-left: 10px;
}


/* 第二行内容-社交盒子-联系按钮 */

.button-33 {
    background-color: #0780d8;
    border-radius: 100px;
    box-shadow: rgba(44, 187, 99, 0.2) 0 -25px 16px -14px inset, rgba(44, 187, 99, 0.15) 0 1px 1px, rgba(44, 187, 99, 0.15) 0 2px 2px, rgba(44, 187, 99, 0.15) 0 2px 4px, rgba(44, 187, 99, 0.15) 0 8px 16px, rgba(44, 187, 99, 0.15) 0 16px 32px;
    cursor: pointer;
    display: inline-block;
    font-family: CerebriSans-Regular, -apple-system, system-ui, Roboto, sans-serif;
    width: 160px;
    text-align: center;
    transition: all 250ms;
    border: 0;
    font-size: 16px;
    user-select: none;
    font-weight: 700;
    color: white;
    text-decoration: none;
    min-width: 120px;
}


/* 最后一行 */


/* 最后一行-布局 */

.footerlast {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-top: 30px;
    padding-bottom: 30px;
}


/* 最后一行-布局-图片 */

.footerlast img {
    height: 30px;
}


/* 最后一行-布局-文本 */

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


/* 手机布局 */

.footerh5 {
    display: none;
}


/* H5-联系盒子 */

.contactbox {
    height: 80px;
    background-color: white;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    display: none;
    cursor: pointer;
}


/* H5-联系盒子-div*/

.contactbox>div {
    height: 40px;
    width: 140px;
    border: 0px;
    text-align: center;
    padding-top: 6px;
    box-shadow: rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, rgba(58, 65, 111, 0.5) 0 -3px 0 inset;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    background-color: #00c86e;
    margin-bottom: 20px;
}


/* H5-联系盒子-div-超链接 */

.contactbox>div>a {
    color: black;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
    line-height: 22px;
    font-weight: 800;
    letter-spacing: 1.5px;
    color: white;
}


/* 第二行-字体-间隔 */

.mt-20 {
    margin-top: 20px;
}


/* 响应式布局 */

@media screen and (max-width: 1680px) {
    /* 第二行内容-社交盒子-联系按钮 */
    .button-33 {
        font-size: 12px;
    }
    /* 第二行内容-社交盒子-文本p */
    .box-1>p {
        padding-top: 0px;
    }
}

@media screen and (max-width: 1366px) {
    /* 第一行盒子-第二行盒子-修正gap */
    .footer-line-1,
    .footer-line-0 {
        gap: 10px;
    }
}

@media screen and (max-width: 1279px) {
    /* 第一行盒子-第二行盒子取消 */
    .footer-line-1,
    .footer-line-0 {
        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;
    }
    .contactbox {
        display: block;
    }
}


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