.pagination {
    text-align: center;
    padding: 10px 0;
}

    .pagination ul {
        display: inline-block;
        padding-left: 0;
        border-radius: 4px;
        font-size: 14px
    }

    .pagination li {
        display: inline
    }

        .pagination li > a {
            line-height: 1.42857143;
            position: relative;
            float: left;
            margin-left: -1px;
            padding: 8px 15px;
            text-decoration: none;
            color: #0068ff;
            border: 1px solid #e8e9eb;
            background-color: #fff;
        }

        .pagination li:first-child > a {
            margin-left: 0;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px
        }

        .pagination li:last-child > a {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px
        }

        .pagination li > a:focus, .pagination li > a:hover {
            color: #0068ff;
            background-color: #eee
        }

    .pagination a.active, .pagination a.active:focus, .pagination a.active:hover {
        z-index: 2;
        cursor: default;
        color: #fff;
        border-color: #0068ff;
        background-color: #0068ff
    }
/*跑马灯*/
.marquee {
    position: relative;
    max-width: 100%;
    overflow: hidden; /* 关键：裁掉溢出部分 */
}

.marquee-list {
    display: flex; /* 横向排列 */
    flex-wrap: nowrap;
    margin: 0;
    padding: 0;
    list-style: none;
    will-change: transform; /* 提示浏览器优化 */
}

    .marquee-list li {
        flex: 0 0 auto; /* 不压缩 */
        text-align: center;
        white-space: nowrap;
        user-select: none;
    }
/*跑马灯*/
body {
    background-color: #f5f5f5;
    font: normal 14px Microsoft YaHei, "微软雅黑", "宋体", Arial !important;
}

.container {
    width: 1200px;
    margin: 0 auto;
}

.flex {
    display: flex;
}

.flex-wrap {
    display: flex;
    flex-wrap: wrap;
}

.flex-between {
    display: flex;
    justify-content: space-between;
}

.flex-evenly {
    display: flex;
    justify-content: space-evenly;
}

.md1 {
    width: 10%;
}

.md2 {
    width: 20%;
}

.md3 {
    width: 30%;
}

.md4 {
    width: 40%;
}

.md5 {
    width: 50%;
}


.head-top .flex-between {
    line-height: 2.5rem;
}

.head-top .md4 {
    display: flex;
    justify-content: flex-start;
}

    .head-top .md4 a {
        margin-right: 1rem;
    }

.head-top .md5 {
    display: flex;
    justify-content: flex-end;
}

    .head-top .md5 a {
        margin-left: 1rem;
    }

.logo img {
    height: 100px;
}

.head-con {
    background-color: #004cba;
}

    .head-con .flex-between {
        padding: 1rem 0;
    }

    .head-con .search {
        height: 40px;
        line-height: 40px;
        background-color: #fff;
        padding-right: 165px;
        position: relative;
    }

        .head-con .search input[type=text] {
            border: 0;
            height: 40px;
            line-height: 40px;
            width: 100%;
            background-color: transparent;
            padding: 0 1rem;
        }

        .head-con .search a {
            position: absolute;
            right: 78px;
            top: 0;
            width: 80px;
            text-align: center;
        }

        .head-con .search input[type=submit] {
            position: absolute;
            right: 0;
            top: 0;
            height: 40px;
            width: 78px;
            line-height: 40px;
            font-size: 1rem;
            background-color: #ec443d;
            color: #fff;
            border: 0;
        }

    .head-con .search-item {
        line-height: 2rem;
    }

        .head-con .search-item a {
            color: #fff;
            margin: 0 1rem;
            display: inline-block;
        }

.head-tel {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #000;
    color: #fff;
    padding: .4rem;
}

    .head-tel .layui-icon {
        margin-right: .4rem;
    }

.head-item, .footer {
    background-color: #0068ff;
}

    .head-item a {
        color: #fff;
        line-height: 2.5rem;
        font-size: 14px;
        padding: 0 20px;
    }

.footer-item {
    width: 70%;
    margin: 0 auto;
}

    .footer-item a {
        color: #fff;
        line-height: 2.5rem;
    }

.footer-con {
    color: #fff;
    padding: 1rem 0;
    border-top: 2px solid #fff;
}
.footer-con a{
    color:#fff;
}

.footer-con .f1 {
    text-align: center;
    float: left;
}

        .footer-con .f1 img {
            width: 7rem;
        }

    .footer-con .f2 {
        padding: 0 1rem;
        float: left;
    }

        .footer-con .f2 div {
            margin-bottom: 1rem;
        }

    .footer-con .f3 {
        width: 19rem;
        float: right;
    }

        .footer-con .f3 img {
            margin-bottom: .6rem;
            margin-left: .6rem;
        }
.m-l10 {
    margin-left: 10px;
}
.m-l20 {
    margin-left: 20px;
}
.m-t10 {
    margin-top: 10px;
}

.m-t20 {
    margin-top: 20px;
}

.m-b20 {
    margin-bottom: 20px;
}

.home-zz {
    background-color: #fff;
    width: 900px;
    border-top: #0068ff solid 2px !important;
}

.home-zz-tb {
    width: 100%;
}

    .home-zz-tb tr {
        border-bottom: 1px solid #eee;
    }

    .home-zz-tb td {
        padding: 15px 20px;
    }

.home-zz-a {
    display: flex;
    padding: 14px 20px;
}

    .home-zz-a > span {
        font-weight: bold;
        width: 160px;
    }

    .home-zz-a > div > a {
        margin-right: 14px;
    }

.home-kw {
    width: 50%;
}

    .home-kw > div {
        padding: 16px;
    }

    .home-kw .item {
        display: flex;
        flex-wrap: wrap;
    }

        .home-kw .item a {
            margin: 10px 10px 0 0;
        }

.zhanhui {
    padding: 10px 0;
}

    .zhanhui a {
        display: inline-block;
        width: 210px;
    }

    .zhanhui img {
        max-width: 100%;
        height: 90px;
    }

.section {
    background-color: #fff;
    border-top: #0068ff solid 2px !important;
}

.section-top {
    padding: 16px 16px 0 16px;
}

    .section-top > div {
        border-bottom: 1px solid #eee;
    }

    .section-top h3 {
        font-weight: normal;
        font-size: 18px;
        padding-bottom: 16px;
    }

.section-ul {
    padding: 16px;
}
.section-ul-item {
    display: flex;
    flex-wrap: wrap;
}
    .section-ul-item li {
        margin: 0 10px 10px 0;
    }
.jiangzuo p {
    line-height: 26px;
}

.jiangzuo .layui-icon-play {
    font-weight: bold;
}

.row li {
    display: flex;
    height: 30px;
}

.row [class*=span-] {
    margin-right: 2%;
}

.row .span-1 {
    width: 6.33333333%;
}

.row .span-2 {
    width: 14.66666667%;
}

.row .span-9 {
    width: 73%;
}

.text-999 {
    color: #999;
}

.el {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.search-filter {
    background-color: #fff;
    padding: 10px 20px;
}

.search-filter-item {
    display: flex;
    margin: 10px 0;
}

    .search-filter-item .key {
        width: 90px;
    }

    .search-filter-item .value {
        flex-grow: 1;
        display: flex;
        flex-wrap: wrap;
        width: 0;
    }

        .search-filter-item .value a {
            margin: 0 10px 10px 0;
            padding: 2px 4px;
            border-radius: 4px;
        }

            .search-filter-item .value a.selected {
                background-color: #0068ff;
                color: #fff;
            }

.search-list {
    background-color: #fff;
}

    .search-list .title {
        background-color: #0068ff;
    }

        .search-list .title div {
            color: #fff !important;
        }

    .search-list > div {
        display: flex;
        padding: 10px 20px;
    }

    .search-list .t1 {
        width: 100px;
        color: #999;
    }

    .search-list .t2 {
        flex-grow: 1;
        width: 0;
    }