/** 通用颜色值 **/

.red {
    color: #f50000;
}

/**************list**********************/

/*左栏*/
.m-location {
    margin: 15px 0;
    width: 100%;
    padding: 0 0 0 20px;
    font-size: 14px;
    color: #666;
    background: url(../images/dw.png) 0 3px no-repeat;
    overflow: hidden;
}
.list-left {
    float: left;
    width: 300px;
    background: #f9f9f9;
}

.list-left h3 {
    height: 55px;
    line-height: 55px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    background: #224faa;
}

.list-left .listleft-box {
    padding: 15px 10px;
    border: 1px solid #ddd;
    border-top: none;
    min-height: 670px;
}

.list-left ul li {
    border: 1px solid #eee;
    margin-bottom: 10px;
}

.list-left li a {
    display: block;
    height: 45px;
    line-height: 45px;
    text-indent: 70px;
    background: #fff url(../images/page/jt.png) 30px center no-repeat;
    overflow: hidden;
}

.list-left li a:hover, .list-left li.hover a {
    background: #224faa url(../images/page/jt-h.png) 30px center no-repeat;
    color: #fff;
}

/*右栏*/

.list-right {
    float: right;
    width: 870px;
    min-height: 485px;
}

.list-right h2 {
    height: 48px;
    line-height: 48px;
    font-weight: bold;
    font-size: 18px;
    color: #224faa;
    border-bottom: 1px solid #ddd;
}

.list-right h2 span {
    display: inline-block;
    border-bottom: 2px solid #224faa;
    line-height: 46px;
    padding: 0 15px;
}

#list-h {
    display: none;
    float: right;
    margin: 23px 15px 0 0;
}

.list-right li {
    height: 44px;
    line-height: 44px;
    padding-left: 12px;
    background: url(../images/point.png) 0 20px no-repeat;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.list-right li span {
    float: right;
    color: #808080;
    font-size: 15px;
}

/*****************************************/

/* 分页 */

#page-list {
    line-height: 20px;
    text-align: center;
    margin: 40px 0;
    font-size: 14px;
    font-family: 'Arial';
}

#page-list .page {
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #868585;
    text-decoration: none;
    margin-right: 4px;
    margin-left: 4px;
    padding-top: 4px;
    padding-right: 8px;
    padding-bottom: 4px;
    padding-left: 8px;
    display: block;
}

#page-list .page:hover {
    border: 1px solid #e0e0e0;
    background-color: #f1f1f1;
    color: #868585;
}

#page-list a {
    text-decoration: none;
    display: inline-block;
    margin-bottom: 10px;
}

#page-list .currentpage {
    display: inline-block;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #f1f1f1;
    color: #868585;
    text-decoration: none;
    margin-right: 4px;
    margin-left: 4px;
    padding-top: 4px;
    padding-right: 8px;
    padding-bottom: 4px;
    padding-left: 8px;
}

#page-list span.direct {
    padding: 5px 50px 5px 8px;
}

#page-list .direct input {
    color: #666;
    padding: 2px 2px;
    border: 1px solid #ddd;
    margin: 0 3px;
    width: 40px;
    position: absolute;
    line-height: 20px;
    height: 18px;
    background-color: #fff;
    text-align: center;
}

#page-list .direct+a {
    padding: 5px 8px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    color: #868585;
}

#page-list .direct+a span {
    padding: 0 8px;
}

#page-list .direct+a:hover {
    background: #224faa;
    color: #fff;
    text-decoration: none;
    border: 1px solid #224faa;
}

#page-list .direct+a:hover span {
    color: #fff;
    background: #224faa;
}

/*媒体查询*/

@media (max-width: 1200px) {
    .list-right {
        width: 640px;
    }
    .m-body h1 {
        width: auto;
    }
}

@media (max-width: 992px) {
    .listleft-box {
        display: none;
    }
    .list-left, .list-right {
        width: 100%;
        min-height: auto;
    }
    .list-left h3 {
        text-align: left;
        text-indent: 20px;
    }
    .list-left h3 span {
        background: none;
    }
    #list-h {
        display: block;
    }
    .list-left .listleft-box {
        padding: 15px;
        min-height: auto;
    }
    .owl-picture {
        height: auto;
    }
    .bdsharebuttonbox {
        display: none;
    }
    .u-funs {
        text-align: center;
        line-height: 26px;
    }
    .wzewm {
        display: none;
    }
    #zoom {
        width: 100%;
    }
    .detail-zy {
        display: block;
    }
    .detail-zy div {
        width: 100%;
    }
    .detail-zy .detail-next {
        margin-top: 15px;
    }
    .detail-zy .detail-next img {
        float: left;
        margin-right: 15px;
        margin-left: 0;
    }
    .u-newscontnet {
        width: 100%;
    }
}

@media (max-width: 720px) {
    .m-btfuns span {
        display: block;
        text-align: center;
        float: none;
    }
    .m-btfuns ul {
        float: none;
        text-align: center;
        margin-top: 10px;
    }
    .m-btfuns ul li {
        float: none;
        display: inline-block;
    }
}

@media (max-width: 414px) {
    .m-body {
        padding: 15px;
    }
    .m-body h1 {
        font-size: 20px;
        margin: 0;
        line-height: 35px;
        padding: 0 20px 10px;
    }
    .m-contnet {
        padding: 10px 0;
    }
}

/*pagination*/
#pagination {margin-top: 20px;}
.m-pagination{display: inline-block;}
.m-pagination li{float: left; margin: 3px; height: 28px; font-size: 14px;}
.m-pagination li a{display: block; padding: 0 10px; line-height: 26px; border: 1px solid #ccc; font-size: 14px; background: #fff;}
.m-pagination li.u-redirect{line-height: 28px;}
.m-pagination li.u-redirect input{padding: 0 5px; vertical-align: middle; width: 42px; height: 28px; line-height: 28px; border: 1px solid #ccc; margin: -2px 0 0 3px; *margin: -2px 0 0 3px; _margin: -2px 0 0 3px;}
.m-pagination li.active a,.m-pagination li a:hover{background: #224faa; border: 1px solid #224faa; color: #fff;}
.m-pagination li.page-info a,.m-pagination li.page-info a:hover{border: 1px solid #ccc; cursor: default; color: #666; background: #fff;}
.m-pagination li.disabled a,.m-pagination li.disabled a:hover{background: #eee; border: 1px solid #ccc; cursor: default; color: #666;}