/*通用样式*/
*{
	margin: 0px;
	padding: 0px;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.clearfix {
    zoom: 1;
}
.clearfix:after {
    content: "020";
    height: 0px;
    display: block;
    overflow: hidden;
    clear: both;
}
img,
input,
button {
    border: none;
    outline: none;
}
a {
	color: #333333;
}
a:hover {
	color: #00589e;
    cursor: pointer;
    text-decoration: none;
}
ul li,
ol li {
    list-style-type: none;
}
body {
    background-color: #ffffff;
    font-family: "microsoft Yahei";
}
.hide {
    display: none;
}
.inner {
    width: 1220px;
    margin: 0 auto;
}

/*header start*/

/*header end*/

/*content start*/
.content {
    width: 100%;
    background-color: #f7f7f7;
    padding-bottom: 30px;
}
/* 当前位置 */
.contentT {
    width: 100%;
    height: 60px;
}
.contentT .inner {
    background: url(col_pic_01.png) no-repeat 20px center;
}
.contentT .now {
    height: 60px;
    line-height: 60px;
    color: #1a56a8;
    margin-left: 45px;
}
.contentT a {
    font-size: 13px;
    color: #1a56a8;
    padding: 0 4px;
}
.contentT a.current {
    color: #999999;
}
/* 栏目内容 */
.contentB {
    background-color: #ffffff;
    padding: 20px;
}
.contentL {
    width: 760px;
}
/* 在线访谈 */
.contentL01 {
    padding-bottom: 15px;
}
.contentL01 h3 {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #ececec;
    margin-bottom: 18px;
}
.contentL01 h3 span:first-child {
    font-size: 22px;
    font-weight: bold;
    color: #1a56a8;
    border-bottom: 3px solid #1a56a8;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 8px;
}
.contentL01 .much {
    line-height: 50px;
    font-size: 16px;
    font-weight: normal;
    color: #999999;
    float: right;
}
.view {
    background-color: #fbfbfb;
    border: 1px solid #f6f6f6;
    padding: 20px 0;
    padding-left: 20px;
}
.viewPic {
    width: 280px;
    height: 160px;
    margin-right: 20px;
}
.viewPic img {
    width: 280px;
    height: 160px;
}
.viewMsg {
    width: 430px;
    padding-top: 10px;
}
.viewMsg div {
    line-height: 30px;
    padding-bottom: 10px;
}
.jb ul {
    width: 380px;
}
.jb span {
    display: inline-block;
}
/* 热点问题 */
.contentL02 {
    width: 100%;
}
.contentL02 h3 {
    border-bottom: 1px solid #efefef;
}
.contentL02 h3 a {
    font-size: 22px;
    font-weight: bold;
    color: #1a56a8;
    border-bottom: 3px solid #1a56a8;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 8px;
    margin-bottom: -1px;
}

.contentL02 .jssw_lygk{
    width: 100%;
    height: 35px;
    background: #EFEFEF;
    display: flex;
    line-height: 35px;
    color: #1C55A7;
}
.contentL02 .jssw_lygk span{
    padding-left: 10px;
}
.contentL02 .jssw_lygk span:first-child{
    width: 50%;
}
.contentL02 .jssw_lygk span:nth-child(2){
    width: 30%;
}
.contentL02 .jssw_lygk span:last-child{
    width: 20%;
    text-align: center;
}

.contentL02 ul {
    width: 100%;
    padding-top: 10px;
}
.contentL02 li {
    width: 100%;
    line-height: 35px;
    font-size: 16px;
    background: url(col_pic_04.png) no-repeat left center;
    display: flex;
    padding-left: 13px;
}
.contentL02 li a {
    font-size: 16px;
    display: block;
    width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.contentL02 li span {
    font-size: 16px;
    color: #999999;
}
.contentL02 li span:nth-child(2){
    width: 30%;
    padding-left: 5px;
}
.contentL02 li span:last-child{
    width: 20%;
    text-align: right;
}
.contentR {
    width: 380px;
    padding-left: 40px;
    border-left: 1px solid #e6e6e6;
}
/* 局长信箱 */
.contentR01 li {
    width: 340px;
    height: 74px;
    line-height: 74px;
    background: url(hdjl_pic_08.png) no-repeat center;
    margin-bottom: 6px;
}
.contentR01 a {
    width: 340px;
    height: 74px;
    font-size: 20px;
    color: #1a56a8;
    background: url(hdjl_pic_02.png) no-repeat 50px center;
    display: block;
    padding-left: 100px;
}
.contentR01 li:hover {
    background: url(hdjl_pic_09.png) no-repeat center;
}
.contentR01 a:hover {
    color: #ffffff;
}
.contentR01 .list02 a {
    background: url(hdjl_pic_04.png) no-repeat 50px center;
}
.contentR01 .list03 a {
    background: url(hdjl_pic_06.png) no-repeat 50px center;
}
.contentR01 .list04 a {
    background: url(ic-6.png) no-repeat 50px center;
}
.contentR01 .list05 a {
    background: url(td_pic01.png) no-repeat 50px center;
}
.contentR01 .list01 a:hover {
    background: url(hdjl_pic_03.png) no-repeat 50px center;
}
.contentR01 .list02 a:hover {
    background: url(hdjl_pic_05.png) no-repeat 50px center;
}
.contentR01 .list03 a:hover {
    background: url(hdjl_pic_07.png) no-repeat 50px center;
}
.contentR01 .list04 a:hover {
    background: url(ic-6-on.png) no-repeat 50px center;
}
.contentR01 .list05 a:hover {
    background: url(td_pic02.png) no-repeat 50px center;
}
/* 调查征集 */
.contentR02 {
    margin-top: 10px;
    width: 760px;
}
.tabBar-h {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #efefef;
    margin-bottom: 10px;
}
.title01 {
    font-size: 22px;
    margin-top: 10px;
}
.title01:first-child {
    margin-right: 40px;
}
.titleOn01 {
    font-weight: bold;
    color: #1a56a8;
    border-bottom: 3px solid #1a56a8;
    padding-bottom: 8px;
}
.phoneMore {
    display: none;
}

.tabBar-b .jssw_yjzj{
    width: 100%;
    height: 35px;
    background: #EFEFEF;
    display: flex;
    line-height: 35px;
    color: #1C55A7;
}
.tabBar-b .jssw_yjzj span{
    padding-left: 15px;
}
.tabBar-b .jssw_yjzj span:first-child{
    width: 75%;
}
.tabBar-b .jssw_yjzj span:nth-child(2){
    width: 15%;
}
.tabBar-b .jssw_yjzj span:last-child{
    width: 10%;
}
.tabBar-b li {
    width: 100%;
    line-height: 35px;
    background: url(col_pic_04.png) no-repeat left center;
    padding-left: 22px;
    display: flex;
}
.tabBar-b a {
    font-size: 16px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 75%;
}
.tabBar-b li span:nth-child(2){
    width: 15%;
    color: #999;
}
.tabBar-b li span:last-child{
    width: 10%;
    padding-left: 10px;
    color: #999;
}
.tabBar-h .more {
    padding-top: 10px;
    padding-right: 10px;
}
/*content end*/

/*footer start*/

/*footer end*/


/***************自适应***************/
@media (max-width: 700px) {
    .inner {
        width: 100%;
        padding: 0 10px;
    }
    .contentL {
        width: 100%;
    }
    .view {
        padding: 0px;
    }
    .contentL01 iframe {
        width: 100%;
        min-height: 425px;
    }
    
    .contentL02 {
        width: 100%;
    }
    .contentL02 li a {
        max-width: 72%;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		float: left;
	}
    .contentR {
        width: 100%;
        border-left: none;
        padding-top: 20px;
        padding-left: 0px;
    }
	.contentR01 li {
        width: 100%;
        background-size: 100%;
    }
    .contentR01 li:hover {
        background-size: 100%;
    }
    .phoneMore {
        display: block;
    }
    .titleOn01 {
        pointer-events: none;
        cursor: pointer;
    }
    .tabBar-h {
        width: 100%;
    }
    .tabBar-b a {
        max-width: 100%;
		    white-space: nowrap;
		    text-overflow: ellipsis;
        overflow: hidden;
        float: left;
        width: 60%;
    }
    .contentR02 {
        margin-top: 10px;
        width: 100%;
    }
    .tabBar-b .jssw_yjzj span:first-child {
        width: 60%;
    }
    .tabBar-b .jssw_yjzj span {
        padding-left: 10px;
    }
    .tabBar-b .jssw_yjzj span:nth-child(2) {
        width: 25%;
    }
    .tabBar-b .jssw_yjzj span:last-child {
        width: 15%;
    }
    .tabBar-b li span:nth-child(2) {
        width: 25%;
    }
    .tabBar-b li span:last-child {
        width: 15%;
        padding-left: 10px;
    }
    .hdjl_zjjg_list li a{
        width: 70% !important;
    }
    .hdjl_zjjg_list li span{
        width: 30% !important;
    }
}

 @media (max-width: 450px) {
    .tabBar-b a {
      width: 50%;
    }
    
    .tabBar-b li span:nth-child(2) {
      width: 30%;
    }
    
    .tabBar-b li span:last-child {
      width: 20%;
      padding-left: 10px;
    }
    
    .tabBar-b .jssw_yjzj span:first-child {
      width: 50%;
    }
    
    .tabBar-b .jssw_yjzj span:nth-child(2) {
      width: 30%;
    }
    
    .tabBar-b .jssw_yjzj span:last-child {
      width: 20%;
    }
  }