/*---------------------------------------------------------------------- /
开始
----------------------------------------------------------------------- */


/* 背景 */

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


/* footer盒子-布局 */

.footerline {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}


/* footer盒子-product产品 */

.bg-footer-list-1 {
    width: 150px;
}


/* footer盒子-product产品-标题*/

.bg-footer-list-1 .footertitle {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    letter-spacing: 1.5px;
    padding-top: 30px;
    padding-bottom: 30px;
    /* 左边距 */
    padding-left: 25px;
    color: white;
    border-bottom: 2px solid white
}


/* footer盒子-product产品-标题-超链接*/

.bg-footer-list-1 .footertitle a {
    color: white;
    text-decoration: none;
}


/* footer盒子-product产品-子目录div-上边距*/

.bg-footer-list-1 div:nth-child(2) {
    margin-top: 50px
}


/* footer盒子-product产品-子目录div高度 */

.bg-footer-list-1 div:nth-child(n+2) {
    height: 40px
}


/* footer盒子-product产品-子目录div-超链接*/

.bg-footer-list-1 div:nth-child(n+2) a {
    color: white;
    font-size: 13px;
    line-height: 18px;
    font-weight: 700;
    letter-spacing: 2px;
    text-decoration: none;
    /* 左边距 */
    padding-left: 25px
}


/* footer盒子-app内容 */

.bg-footer-list-2 {
    width: 630px;
}


/* footer盒子-app内容-标题 */

.bg-footer-list-2 .footertitle {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    letter-spacing: 1.5px;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: left;
    color: white;
    /* 左边距 */
    padding-left: 40px;
    border-bottom: 2px solid white
}


/* footer盒子-app内容-标题-超链接 */

.bg-footer-list-2 .footertitle a {
    color: white;
    text-decoration: none;
}


/* footer盒子-app内容-二级目录-布局 */

.bg-footer-list-2-1 {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    gap: 20px;
}


/* footer盒子-app内容-子目录div-上边距 */

.bg-footer-list-2-1 .footerapp {
    margin-top: 50px
}


/* footer盒子-app内容-子目录div-高度 */

.bg-footer-list-2-1 .footerapp>div {
    height: 40px
}


/* footer盒子-app内容-子目录div-超链接 */

.bg-footer-list-2-1 .footerapp>div:nth-child(n+1) a {
    color: white;
    font-size: 13px;
    line-height: 18px;
    font-weight: 700;
    letter-spacing: 2px;
    text-decoration: none;
    /* 左边距 */
    padding-left: 40px;
}


/* footer盒子-lib盒子 */

.bg-footer-list-3 {
    width: 85px;
}


/* footer盒子-lib盒子-标题 */

.bg-footer-list-3 .footertitle {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    letter-spacing: 1.5px;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: left;
    color: white;
    border-bottom: 2px solid white;
}


/* footer盒子-lib盒子-标题-超链接 */

.bg-footer-list-3 .footertitle a {
    color: white;
    text-decoration: none;
}


/* footer盒子-lib盒子-子目录div-上边距 */

.bg-footer-list-3 div:nth-child(2) {
    margin-top: 50px
}


/* footer盒子-lib盒子-子目录div-高度 */

.bg-footer-list-3 div:nth-child(n+2) {
    height: 40px
}


/* footer盒子-lib盒子-子目录div-超链接 */

.bg-footer-list-3 div:nth-child(n+2) a {
    color: white;
    font-size: 13px;
    line-height: 18px;
    font-weight: 700;
    letter-spacing: 2px;
    text-decoration: none;
}


/* footer盒子-Case案例 */

.bg-footer-list-4 {
    width: 100px;
}


/* footer盒子-Case案例-title站位符 */

.bg-footer-list-4 .footertitle {
    /* 固定值 */
    padding-top: 28px;
    padding-bottom: 30px;
    border-bottom: 2px solid white;
}


/* footer盒子-Case案例-title站位符-超链接不显示 */

.bg-footer-list-4 .footertitle a {
    visibility: hidden
}


/* footer盒子-Case案例-子目录div-上边距 */

.bg-footer-list-4>div:nth-child(2) {
    margin-top: 50px
}


/* Cfooter盒子-ase案例-子目录div-高度 */

.bg-footer-list-4 div:nth-child(n+2) {
    height: 40px
}


/* footer盒子-Case-子目录div-超链接 */

.bg-footer-list-4 div:nth-child(n+2) a {
    color: white;
    font-size: 13px;
    line-height: 18px;
    font-weight: 700;
    letter-spacing: 2px;
    text-decoration: none;
    padding-left: 25px
}


/* footer盒子-联系方式 */

.bg-footer-list-5 {
    flex: 1;
}


/* footer盒子-lib盒子-标题 */

.bg-footer-list-5 .footertitle {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    letter-spacing: 1.5px;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: left;
    color: white;
    border-bottom: 2px solid white;
}


/* footer盒子-lib盒子-标题-超链接 */

.bg-footer-list-5 .footertitle a {
    color: white;
    text-decoration: none;
}


/* footer盒子-子目录div-上边距 */

.bg-footer-list-5>div:nth-child(2) {
    margin-top: 50px
}


/* footer盒子-子目录div-高度 */

.bg-footer-list-5 div:nth-child(n+2) {
    height: 40px
}


/* footer盒子-联系方式 -p文字 */

.bg-footer-list-5 div {
    color: white;
    font-size: 13px;
    line-height: 18px;
    font-weight: 700;
    letter-spacing: 2px;
    text-decoration: none;
    padding-left: 35px;
}


/* footer盒子-联系方式-超链接 */

.bg-footer-list-5 div a {
    color: white;
    text-decoration: none;
    display: inline-flex;
    /* 让图标和文字对齐 */
}


/* footer盒子-联系方式-icon */

.icon-weizhi-xianxing {
    padding-right: 5px;
    font-size: 20px !important;
}


/* 动画 */


/* 1. 定义跳动动画 */

@keyframes jump {
    0%,
    100% {
        /* 动画开始和结束时 */
        transform: translateY(0);
        /* 回到原始位置 */
    }
    50% {
        /* 动画进行到一半时 */
        transform: translateY(-10px);
        /* 向上移动10像素 */
    }
}


/* 2. 定义动画类 */

.jump-animation {
    animation-name: jump;
    /* 指定动画名称 */
    animation-duration: 0.8s;
    /* 动画持续时间 */
    animation-timing-function: ease-in-out;
    /* 动画缓动效果，先慢后快再慢 */
    animation-iteration-count: infinite;
    /* 无限次重复播放 */
    animation-direction: alternate;
    /* 交替反向播放（上->下->上） */
}


/* 最后一行 */

.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: 14px;
    padding-left: 10px;
    color: white;
    font-weight: 600;
    padding-top: 8px
}


/* 最后一行 超链接*/

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


/* 手机布局 */

.footerh5 {
    display: none
}


/* 响应式布局 */


/* 响应式布局 -IPAD */

@media screen and (max-width:1279px) {
    /* 取消第一行 */
    .footerline {
        display: none
    }
}


/* 响应式布局 - 移动端*/

@media screen and (max-width:810px) {
    /* 取消第二行 */
    .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
    }
    /* 手机布局-img*/
    .footerh5 img {
        height: 30px
    }
}


/*---------------------------------------------------------------------- /
开始
----------------------------------------------------------------------- */