.listbg {
    height: 200px;
    /* background:url(/xzhs/data/upload/file/image/slide1.jpg) bottom; */
    margin-top: -80px;
}

.listbg .list_l {
    position: relative;
    height: 200px;
    background-color: rgba(0, 0, 0, 0.3);
}

.listbg p {
    position: absolute;
    font-size: 35px;
    color: #fff;
    bottom: 10px;
    left: 60px;
}

.text-align {
    text-align: center !important;
}

.list_leftbg {
    background-color: rgb(228, 232, 237);
}

.list_left {
    height: -webkit-fill-available;
    padding-top: 20px;
}

.list_title {
    font-size: 25px;
    color: #5b6d83;
    font-weight: bold;
    text-align: center;
    height: 40px;
}

.list_title span {
    background-color: #fff;
    padding: 0 10px;
}

.list_title hr {
    margin: -10px 0 0 0;
    border-top: 3px solid #5b6d83;
}

.col_list {
    font-size: 22px;
    text-align: center;
}

.col_list li {
    line-height: 50px;
    font-weight: bold;
}

.col_list li a {
    display: inline-block;
}

.col_list li.active,
.col_list li:hover {
    color: #5b6d83;
}

.col_list li.active .cicle,
.col_list li:hover .cicle {
    visibility: visible;
}

.col_list li .cicle {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #efefef;
    border: 3px #5b6d83 solid;
    border-radius: 20px;
    margin-right: 5px;
    visibility: hidden;
}

.col_list li.active a,
.col_list li a:hover,
.col_list li:hover a {
    color: #5b6d83;
}

.carousel-inner>.item {
    width: 100%;
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive,
.thumbnail a>img,
.thumbnail>img {
    min-height: 250px;
}

.index_Bg {
    background-color: rgb(228, 232, 237);
}


.index_title {
    text-align: left;
    font-size: 20px;
    padding: 10px 0 10px;
    position: relative;
    clear: both;
    color: #333;
}

.index_title h3 {
    font-weight: bold;
}

.index_title p {
    font-size: 22px;
}

.index_dt {
    width: 668px;
    border-style: double;
    border-color: #5b6d83;
    margin-top: 120px;
    right: 150px;
    background-color: #fff;
    padding-top: 25px;

}

.picTextList li:hover {
    background-color: rgb(228, 232, 237);
}

.picTextList div a {
    color: black;
    display: block;
    font-weight: bold;
    padding-top: 5px;
}

.picTextList div p {
    font-size: 8px;
}

.picTextList li:hover a,
.picTextList li:hover p,
.picTextList li:hover p {}

.zhinan {
    margin: 30px 0;
    display: flow-root;
}

.zhinan li {
    float: left;
    width: 16.6%;
    text-align: center;
    font-size: 25px;
}

.zhinan img {
    width: 80px;
    padding: 10px;
}

.news_xz {
    display: block;
    margin: 40px 30px;
    background: url(/xzhs/data/upload/file/image/ͼ²ã33.png) no-repeat;
    background-position: 540px 18px;
}

.news_xz .xwImg img {
    width: 550px;
    border-radius: 0 20px 0 20px;
}

.dts {
    right: 180px;
    position: absolute;
    z-index: 9;
}

.xz-sliders .owl-prev,
.xz-sliders .owl-next {
    position: absolute;
    top: 45%;
    width: 40px;
    height: 40px;
    line-height: 34px;
    border-radius: 50% !important;
    font-size: 20px !important;
}

.owl-controls .owl-nav [class*=owl-]:hover {
    background: #5b6d83 !important;
}

.xz-sliders .owl-prev {
    left: -70px;
}

.xz-sliders .owl-next {
    right: -70px;
}

.xz-sliders .owl-controls .owl-nav .owl-prev:before {
    content: "<";
}

.xz-sliders .owl-controls .owl-nav .owl-next:before {
    content: ">";
}

.xz-sliders .xzjs {
    background-color: #fff;
    padding: 20px;
}

.xz-sliders .xzjs div {
    position: relative;
    height: 180px;
    z-index: 99;
}

.xz-sliders .xzjs img {
    top: 20px;
    width: 150px !important;
    height: 150px !important;
    position: absolute;
    border-radius: 50%;
    margin-left: 55px;
}

.xz-sliders .xzjs p {
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    min-height: 140px;
}

.notice {
    position: relative;
    margin-top: 30px;
    background-color: #fff;
    width: 253px;
}

.notice>p {
    color: #aaa;
}

.notice_rq>hr {
    margin: 0 0 10px !important;
}

.notice:hover h4 {
    color: #5b6d83;
}

.notice:hover .notice_rq,
.notice:hover .btn_xz {
    background-color: #5b6d83;
}

.notice_rq {
    width: 60px;
    text-align: center;
    left: 10px;
    color: #fff;
    position: absolute;
    background-color: darkgray;
    top: -23px;
    font-weight: normal;
}

.notice_rq span {
    font-size: 35px;
}

.notice_rq span:first-child {
    font-size: 12px;
}

.notice .notice_dis {
    padding: 50px 10px 20px;
}

.notice_dis h4 {
    color: #333;
    text-align: left;
    font-weight: bold;
    min-height: 38px;
}

.notice .notice_dis p {
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    min-height: 140px;
}

.notice .btn_xz {
    border-radius: 20px;
    background-color: darkgray;
    margin-top: 0px;
    padding: 3px 15px;
}

.notice .btn_xz>a {
    color: #fff;
}

.xzjy {
    widt: 100%;
}

.xzjy>div {
    width: 50%;
    height: 240px;
    padding: 15px;
    float: left;
}

.xzjy .xzjy_bg {
    position: relative;
    height: 240px;
    background-color: rgb(228, 232, 237);
}

.xzjy .xzjy_bg>div {
    position: absolute;
    background-color: #5b6d83;
    right: -20px;
    top: 20px;
    left: 20px;
    padding: 15px;
}

.xzjy .xzjy_bg>div:nth-child(2) a img {
    margin: 20px 0 20px 0;
}

.xzjy_bg p,
.xzjy_bg a {
    color: #fff;
}

.xzjy_bg a {
    display: block;
    text-align: center;
}

.xzjy_bg a span {
    border: 1px solid;
    border-radius: 15px;
    width: 20px;
}

.xzjy_bg p {

    line-height: 1.7;
}

.xzjy img {
    width: 267px;
    margin: 20px 0 20px 20px;
    height: 198px;
}

.xzjs {
    background-color: #fff;
    padding: 20px;
    position: relative;
    border-radius: 15px;
}

.xz-sliders .item:hover .xzjs::before {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background: rgba(228, 232, 237, 1);
    z-index: 1;
    position: absolute;
}

.xz-sliders h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.xz-sliders .item .xzjs img {
    border: 3px solid;
}

.owl-carousel .owl-item img:hover {
    opacity: 1 !important;
}

.xzjs img {
    top: 30px;
    width: 150px;
    height: 150px;
    position: absolute;
    border-radius: 50%;
    margin-left: 55px;

}

.xzjs p {
    font-size: 14px;
    font-weight: 100;
}

.xwLists {
    right: 150px;

    z-index: 9;
    display: flex;
}

.xzpiao img {
    width: 200px;
}

@media (max-width: 991px) {
    .zhinan li {
        font-size: 20px;
    }

    .xwImg {
        display: none;
    }

    .xwLists {
        right: 0;
        position: relative;
    }
}

@media (max-width: 767px) {}

@media (max-width: 400px) {}

@media (min-width: 768px) and (max-width: 991px) {}

@media (min-width: 992px) and (max-width: 1199px) {
    .xzpiao img {
        width: 160px !important;
    }

}

@media (min-width: 1200px) {
    .row-fluid .span4 {
        width: 31.623931623931625%;
        *width: 31.570740134569924%;
    }
}

@media (max-width: 1400px) {
    .xzpiao img {
        width: 160px !important;
    }
}