/* 头部样式 */
/* 头部导航的样式 */
.detail-box {
    display: none;
    position: absolute;
    top: 50px;
    left: 0%;
    /*width: 1200px;*/
    margin: 0 auto;
    /*margin-left: -600px;opacity: .8;*/
    z-index: 999;
    background-color: #fff;
    color: black;
    
border-top: 5px solid #0b5db1;
}
.nav > ul li{
  position: relative;
}
.detail-box > div {
    padding: 15px 25px;
}
.nav > ul li .detail-box li {
    float: none;
    height: 40px;
    line-height: 40px;
    
}
.nav > ul li .detail-box li:hover {
    background-color: #f1f5fa;
}
.nav > ul li .detail-box li:hover a {
    color: #0b5db1;
}
/* 导航下拉样式 */
.detail-box {
    /*padding-left: 148px;*/
}
.detail-box > ul li > a {
    font-weight: normal;
}
/* 下来框的样式 */
.ldbz {
    float: left;
    width: 43%;
}
.ld-til a {
    display: inline-block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    color: #0b5db1;
}
.ld-til .bd{
    width: 100%;
    height: 5px;
    background: url(../images/index/xl_border_l.png) bottom no-repeat;
}
.detail-ld {
    margin-top: 40px;
}
.detail-ld .zt {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.detail-ld .zt2 {
    display: inline-block;
    margin-right: 34px;
}
.detail-ld .zt2.last {
    margin-right: 0;
}
.detail-ld .zt2 img {
    width: 68px;
    height: 96px;
}
.zjhjs {
    float: left;
    width: 53%;
    margin-left: 30px;
}
.zjhjs .ld-til .bd {
    background: url(../images/index/xl_border.png) bottom no-repeat;
}
.pw {
    width: 406px;
    text-align: left;
    line-height: 30px;
}
.pw p {
    font-size: 14px;
    text-indent: 20px; 
}
.pw p a {
    color: #0b5db1;
}
.js-box {
    margin-top: 35px;
    margin-bottom: 20px;
}
.d2 {
    margin: 0 10px;
}
/* 内容区域 */
.main-body {
    margin-top: 30px;
    background-color: #f6f6f6;
}
.left-content {
    width: 66%;
}
.right-content {
    width: 33%;
    background-color: #fff;
}
.lists {
    float: left;
    width: 48%;
    min-height: 312px;
    margin-bottom: 20px;
    padding: 22px 20px 20px;
    background-color: #fff;
    border-top: 3px solid #5c8dc0;
}
.lists.mr {
    margin-right: 20px;
}
.tab-head {
    position: relative;
background: url(../images/index/border.png) left bottom no-repeat;
}
.tab-head  li{
    float: left;
    height: 40px;
    margin-right: 15px;
    margin-left: 4px;
}
.tab-head  li a {
    font-size: 18px;
    font-weight: bold;
}
.border {
    width: 100%;
    height: 5px;
    background: url(../images/index/xl_border.png);
    margin-bottom: 14px;
}
.tab-head  li.active{background: url(../images/index/active.png) bottom left no-repeat;}
.tab-head  li.active a{
    color: #0b5db1;
}
.tab-list {
    display: none;
margin-top:10px;
}
.tab-list li {
    height: 38px;
    line-height: 38px;
    font-size: 16px;
} 
.tab-list li a {
    display: inline-block;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}
.tab-list li span {
    float: right;
    color: #999;
}
/* 时政要闻样式  */
.news {
    width: 100%;
    padding: 20px 0;
    background-color: #fff;
}
.news-box {
    width: 1200px;
    height: 395px;
    margin: 0 auto;
}
.yw {
    float: left;
    width: 48%;
    height: 395px;

}
.yw .swiper-slide {
    position: relative;
    z-index: 1;
}
.swiper-slide a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
}
.yw .swiper-slide a {height: 395px;}
.swiper-slide a img {
    width: 100%;
    height: 100%;
}
.slide img {
    width: 100%;
    height: auto;
}
.yw .swiper-slide span {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-right: 100px;
    height: 45px;
    line-height: 45px;
    padding-left: 2%;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.yw .pagination {
    position: absolute;
    bottom: 10px;
    right: 8px;
    z-index: 9;
    width: auto;
    left: auto;
}
.yw .pagination span {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.7);
    opacity: 0.7;
    margin: 0 4px;
    cursor: pointer;
    border-radius: 50%;
}
.yw .pagination .swiper-active-switch {
  background-color: #ffffff;
  opacity: 1;
}
.szyw {
    float: left;
    width: 50%;
    height: 100%;
    margin-left: 20px;
    background-color: #f4f4f4;
    padding: 20px 15px;
}
.szyw > ul li {
    float: left;
    width: 130px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    
}
.szyw  > ul li a {
    font-size: 18px;
    font-weight: bold;
}
.szyw  > ul li.active {
    border-radius: 4px;
    background-color: #0b5db1;
}
.szyw  > ul li.active a {
    color: #fff;
}
.til-head {
    height: 40px;
    line-height: 40px;
    margin: 20px 0 10px 15px;
}
.til-head a {
font-size: 18px;
    color: #0b5db1;
    font-weight: bold;
    width: 92%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    display: inline-block;
}
.szyw-lists li {
    height: 40px;
    line-height: 37px;
    /*margin-top: 3px;*/
    background: url(../images/index/react.png) left center no-repeat;
    padding-left: 15px;
}
.szyw-lists li.add-more{background:none;}
.szyw-lists li img {
    margin-top: -25px;
}
.szyw-lists li a {
    display: inline-block;
    width: 85%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    font-size: 16px;
}
.szyw-lists li span, .til-head span {
    float: right;
    color: #999;
}
/* 右侧样式 */
.zwxxgk {
    border-bottom: 1px solid #dee8f2;
    padding: 21px 20px 21px 20px;
}
.head-til .bl,
.head-til .br {
    display: inline-block;
    width: 90px;
    height: 15px;
    background: url(../images/index/b2.png);
}
.head-til .txt {
    font-size: 18px;
    font-weight: bold;
    color: #0b5db1;
}
.detail-ctrl {
    margin-top: 5px;
}
.detail-ctrl li {
    float: left;
    width: 48%;
    height: 58px;
    line-height: 58px;
    margin-top: 10px;
}
.detail-ctrl .ds {
    margin-right: 10px;
}
.detail-ctrl li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #ecf2f9;
    font-size: 16px;
    color: #0b5db1;
}
.detail-ctrl li a img {
    margin-left: 20px;
}
.bs-ctrl li {
    float: left;
    margin-top: 20px;
    
}
.bs-ctrl li.fwpt{
	margin-left: 10px;
}
.bs-ctrl li a img {
    width: 100%;
    height: 99px;
}
.bs .head-til .bl,
.bs .head-til .br {
    width: 135px;
}
.detail-ctrl.hdjl li {
    height: 48px;
    line-height: 48px;
}


.detail-ctrl.ztzl li {
    width: 31%;
    text-align: center;
    line-height: normal;
    height: 86px;
    background: #ECF2F9
}
.detail-ctrl.ztzl li a img {
    margin-top: 10px;
    margin-left: 0;
}
.ztzl.detail-ctrl li a span {
	display: inline-block;
    margin-top: 10px;
    color: #000;
    width: 100%;
    height: 20px;
    line-height: 20px;
}
.middle {
    margin: 0 10px;
}
.ztzl1 {
    margin-top: 10px;
}
.detail-ctrl.ztzl1 li {
    width: 48%;
    text-align: center;
    line-height: normal;
    height: 86px;
    background: #ECF2F9
}
.detail-ctrl.ztzl1 li a img{
	margin-top: 10px;
    margin-left: 0;
}
.ztzl1.detail-ctrl li a span{
	display: inline-block;
    margin-top: 10px;
    color: #000;
    width: 100%;
    height: 20px;
    line-height: 20px;
}
.middle1{
	margin-left: 10px;
}

  /* 加载更多样式 */
  .add-more {
    display: none;
    width: 98%;
    border-radius: 8px;
    background: #F0F0F0;
    border: 1px solid #D4D4D4;
    color: #333;
    text-align: center;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    margin-top: 5px;
    padding: 0;
  }
 @media screen and (max-width: 1200px) {
 .news-box{width:100%;}
 .szyw {margin-left: 10px;}
.head-til .bl, .head-til .br{width: 20%;}
.bs .head-til .bl, .bs .head-til .br{width:35%;}
.bs-ctrl li {width: 48%;}
.til-head a{width:85%;}
}
  /* 适配移动 */
  @media screen and (max-width: 991px) {
    .news {
        padding: 0 10px;
        background-color: unset;
    }
    .news-box,
    .yw,
    .szyw,
    .left-content,
    .lists,
    .right-content {
        width: 100%;
    }
    .lists {
        margin-bottom: 0;
    }
    .lists.mr {
        margin-right: 0;
    }
    .szyw {
        margin-left: 0;
        padding: 20px 0;
    }
    .news-box, .yw, .pcjg{
        height: auto;
    }
    .szyw > ul li {
        width: 120px;
    }
    .til-head {
        line-height: unset;
    }
    .add-more {
        display: block;
background:none;
    }
    .main-body {
        margin-top: 0;
    }
    .bs .head-til .bl, .bs .head-til .br {
        width: 142px;
    }
    .head-til .bl, .head-til .br {
        width: 100px;
    }
.swiper-wrapper{width:100%;height:auto;}
    .swiper-slide {height:auto;}
    .swiper-slide a img{height:266px;}
    .yw .swiper-slide a{height:auto;}
    
    /* 派出机构 */
    .jg {
        width: auto;
        line-height: unset;
        writing-mode: unset;
    }
    .pcjg .border {
        display: none;
    }
    .pcjg ul {
        width: 100%;
    }
    .pcjg ul li {
        width: 76px;
    }
    .bszn{width: 40%;float: left;}
    .fwpt{width: 55%;float: left;margin-left: 10px;}
  }
  @media screen and (max-width: 411px) {
    .szyw > ul li {
        width: 110px;
    }
  }
@media screen and (max-width: 375px) {
    
    .bs .head-til .bl, .bs .head-til .br {
        width: 125px;
    }
    .head-til .bl, .head-til .br {
        width: 80px;
    }
  }
  @media screen and (max-width: 320px) {
  	.logo h1{font-size: 20px;}
    .szyw > ul li {
        width: 95px;
    }
    .szyw > ul li a{
        font-size: 16px;
    }
    .head-til .bl, .head-til .br {
        width: 50px;
    }
    .bs .head-til .bl, .bs .head-til .br {
        width: 99px;
    }
    .detail-ctrl li a img,.sczx li a img {
        margin-left: 10px;
    }
    .detail-ctrl.ztzl li{width: 30%;}
  }