.pages{text-align: center;padding: 0 0 1vw 0;margin-top: 10px;display:block;}
.pages>div>a,.pages>div>.current{display:inline-block!important;line-height:35px!important;height:35px!important;min-width:35px;padding-top:0!important;text-align:center;font-size:14px;margin:0 0.3125vw 0 0;background:#fff;color:#000;transition: all 0.3s linear;}
.pages>div>.current,.pages>div>a:hover{color:rgb(255,255,255);background:#096bc1;}
.pages>div>l{font-size:0.8333333333333333vw;margin:0 1.5625vw 0 1.25vw;margin-bottom:4.166666666666667vw}
.pages>div>.first{color:#000;margin-right:15px}
.pages>div>.first:hover{color:#fff}
.pages>div>.end{margin-right:0;color:#000;margin-left:10px}
.pages>div>.end:hover{margin-right:0;background:#fff ;color:#096bc1}
.pages>div>.prev{background-size:100%;}


/* 公用标题 */
    .gy_biao_ti {
        text-align: center;
        padding-bottom: 8px;
        border-bottom: 1px solid #666;
        position: relative;
    }

    .gy_biao_ti h2 {
        font-size: 18px;
        font-weight: bold;
    }

    .gy_biao_ti h2::after {
        content: "";
        display: block;
        width: 80px;
        height: 2px;
        background-color: #333;
        position: absolute;
        left: calc(50% - 40px);
        bottom: -1px;
    }




/* 公用更多 */
    .gy_geng_duo {
        text-align: center;
    }

    .gy_geng_duo a {
        color: #fff;
        font-size: 14px;
        line-height: 30px;
        padding: 0px 20px;
        background-color: #01487e;
    }



/* banner */
    .banner {

    }

    .banner .container-xl {

    }

    .banner .container-xl .swiper-container {/* Swiper容器 */

    }

    .banner .container-xl .swiper-container .swiper-wrapper {/* Swiper容器 内容容器 */

    }

    .banner .container-xl .swiper-container .swiper-wrapper .swiper-slide {/* Swiper容器 内容容器 内容 */

    }

    .banner .container-xl .swiper-container .swiper-wrapper .swiper-slide a {
        display: block;
    }

    .banner .container-xl .swiper-container .swiper-wrapper .swiper-slide a img {
        width: 100%;
    }

    .banner .container-xl .swiper-container .swiper-pagination {/* Swiper容器 页码容器 */

    }

    .banner .container-xl .swiper-container .swiper-pagination .swiper-pagination-bullet {/* Swiper容器 页码容器 页码样式 */
        opacity: 1;
        border: 1px solid #fff;
        background-color: transparent;
    }

    .banner .container-xl .swiper-container .swiper-pagination .swiper-pagination-bullet-active {/* Swiper容器 页码容器 页码当前项 */
        background-color: #fff;
    }




/* 推荐产品 */
    .tui_jian_chan_pin {
        padding: 30px 0px;
    }

    .tui_jian_chan_pin .container-md {

    }

    .tui_jian_chan_pin .container-md .chan_pin {/* 产品 */
        margin: 20px 0px;
    }

    .tui_jian_chan_pin .container-md .chan_pin ul {

    }

    .tui_jian_chan_pin .container-md .chan_pin ul li {
        float: left;
        width: calc(50% - 5px);
    }
    .tui_jian_chan_pin .container-md .chan_pin ul li:nth-child(2n+2) {margin-left: 10px;}
    .tui_jian_chan_pin .container-md .chan_pin ul li:nth-child(1n+3) {margin-top: 10px;}

    .tui_jian_chan_pin .container-md .chan_pin ul li a {
        display: block;
    }

    .tui_jian_chan_pin .container-md .chan_pin ul li a img {
        width: 100%;
    }

    .tui_jian_chan_pin .container-md .chan_pin ul li a h2 {
        color: #fff;
        font-size: 14px;
        line-height: 26px;
        padding: 0px 15px;
        background-color: #8c989f;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }




/* 新闻列表 */
    .xin_wen_lie_biao {
        padding-bottom: 30px;    overflow: hidden;
    }

    .xin_wen_lie_biao .container-md {

    }

    .xin_wen_lie_biao .container-md .xin_wen {/* 新闻 */
        margin-top: 20px;
    }

    .xin_wen_lie_biao .container-md .xin_wen .xvan_ka {/* 新闻 选卡 */

    }

    .xin_wen_lie_biao .container-md .xin_wen .xvan_ka li {
        float: left;
        width: 50%;
        font-size: 14px;
        line-height: 28px;
        text-align: center;
        border: 1px solid #8c989f;

    }

    .xin_wen_lie_biao .container-md .xin_wen .xvan_ka li.dqx-xin_wen_lie_biao {/* 新闻 选卡 当前项 */
        color: #fff;
            background-color: #8c989f;
    }

    .xin_wen_lie_biao .container-md .xin_wen .nei_rong {/* 内容 */
        margin: 10px 0px 20px;
    }

    .xin_wen_lie_biao .container-md .xin_wen .nei_rong  .rong_qi {/* 内容 容器 */
        overflow: hidden;
        position: relative;
    }

    .xin_wen_lie_biao .container-md .xin_wen .nei_rong  .rong_qi ul {
        float: left;
    }

    .xin_wen_lie_biao .container-md .xin_wen .nei_rong  .rong_qi ul li {
        border-bottom: 1px solid #818181;
    }

    .xin_wen_lie_biao .container-md .xin_wen .nei_rong  .rong_qi ul li a {
        display: block;
        padding: 15px 10px;
    }

    .xin_wen_lie_biao .container-md .xin_wen .nei_rong  .rong_qi ul li a h2 {
        width: 80%;
        font-size: 15px;
        margin-bottom: 4px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .xin_wen_lie_biao .container-md .xin_wen .nei_rong  .rong_qi ul li a p {
        color: #818181;
        font-size: 14px;
        line-height: 22px;
        height: 44px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }




/* 关于我们 */
    .guan_yv_wo_men {
        padding: 30px 0px;
    }

    .guan_yv_wo_men .container-md {

    }

    .guan_yv_wo_men .container-md .guan_yv {/* 关于 */
        margin-top: 20px;
        text-align: center;
    }

    .guan_yv_wo_men .container-md .guan_yv p {
        font-size: 14px;
    }

    .guan_yv_wo_men .container-md .guan_yv a {
        color: #666;
        font-size: 12px;
        line-height: 26px;
        padding: 0px 10px;
        border: 1px solid #999;
        margin-top: 20px;
    }




/* 案例展示 */
    .an_li_zhan_shi {
        padding-top: 30px;
    }

    .an_li_zhan_shi .container-md {

    }

    .an_li_zhan_shi .container-md .an_li {/* 案例 */
        padding: 20px 0px;
    }

    .an_li_zhan_shi .container-md .an_li ul {

    }

    .an_li_zhan_shi .container-md .an_li ul li {
        float: left;
        width: calc(50% - 5px);
    }
    .an_li_zhan_shi .container-md .an_li ul li:nth-child(2n) {margin-left: 10px;}

    .an_li_zhan_shi .container-md .an_li ul li a {
        display: block;
    }

    .an_li_zhan_shi .container-md .an_li ul li a img {
        width: 100%;
        margin-bottom: 6px;
    }

    .an_li_zhan_shi .container-md .an_li ul li a h2 {
        font-size: 14px;
        text-align: center;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }