/* Css Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,th,var,i { font-weight:normal; font-style:normal; }
ol,ul,li { list-style: none; }
div,dl,dt,dd,ol,ul,li{ zoom:1; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size:100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }

/* Public */
html{ width:100%; }
body{ width:100%; color:#333;font:16px/30px "Microsoft YaHei",SimSun,SimHei;  -webkit-text-size-adjust: none; background: #f5f5f5;    display: grid;}
a{color:#333;text-decoration:none; outline:none;}
a:hover {color:#ff0000; text-decoration:underline; }
.fl{ float:left !important; }
.fr{ float:right !important; }

.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.ml40{margin-left: 40px;}
.pt20{padding-top: 20px !important;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

/*header-img*/
.header-top{}
.top-imgBG{height: 330px;background: url(../images/top-img4.jpg?version=0.1) top center no-repeat;position: relative; overflow: hidden; z-index: -1;background-size:cover }

.navBar{ position:relative;  background:#c5020f; color:#fff; height:50px; line-height:50px; z-index: -1;}
/* content */
.content{margin-top: -70px;}
/* 导航 */
.nav{ width:1190px;  background:#de0716;height: 60px;line-height: 60px;text-align: center;margin: auto;padding: 0 20px}
.nav li{ vertical-align:middle; float:left;position:relative;display: inline-block;font-weight: bold; }
.nav a{ display:block; color:#fff;  padding:0 19px; vertical-align:top;  font-size: 20px ;}
.nav a:hover{ text-decoration:none; background: #c5020f;   }

.width1200{ width:1200px; margin:auto; overflow:hidden;z-index: 1;}

.Hot{text-align: center; background: #fff;padding: 25px 25px 0 25px; }
.Hot h3{
    font-size: 42px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: red;
    line-height: 42px;
}

.Hot h3 a{color: #ff0000;text-decoration:none;}
.Hot h3 a:hover{color: #c5020f}
.Hot h6{color: #333;font-size: 18px;padding-top: 20px;}

.mainContent{ background: #fff;padding: 20px 0 10px; }

/* 焦点图 */
.focusBox { float:left; position: relative; width: 600px; height: 400px; margin-bottom:10px;  overflow: hidden; font-family:Arial; text-align: left; background:#fff; }
.focusBox .pic img { width: 600px; height: 400px; display: block; }
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 40px; width:100%; background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
.focusBox .txt li{ height:40px; line-height:40px; position:absolute; bottom:-36px;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px;text-decoration: none; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 480px}
.focusBox .num { position: absolute; z-index: 3; bottom: 11px; right: 8px; }
.focusBox .num li{ float: left; position: relative; width: 10px; height: 10px; line-height: 10px;border-radius: 100%; overflow: hidden; text-align: center; margin-right: 5px; cursor: pointer; }
.focusBox .num li a,.focusBox .num li span{position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
.focusBox .num li.on a,.focusBox .num a:hover{ background:#ff0000;  }

/*要闻关注*/
.ywgz{width: 560px;position: relative; margin: 0 20px;  }
.ywgz-tit{position: relative; background: url(../images/yw-tit.jpg) no-repeat left; padding-left: 45px; height: 45px;line-height: 45px;color: #fff;font-size:18px;font-weight: bold;}

.ywgz-tit .more{position: relative;color: #ff0000;font-weight: normal;margin-right: 5px;}

.ywgz ul{}
.ywgz ul li{border-bottom: 1px solid #eeeeee;color: #333;line-height: 35px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding:0 10px;}
.ywgz ul li .date{float: right;padding-left: 40px;}

/*19大广告位*/
.ad{position: relative;}
.ad a,.ad img{display: block;}

/*栏目*/
.columns{margin-top: 20px;}
.com-fl{width:780px }
.comfl-top{position: relative;}

.com-fr{width:400px;background: #fff; }
/* 文字无缝上滚动 */
.sideBox{ height:280px; overflow:hidden;  background:#f5f5f5; margin:10px 15px 15px;}
.sideBox .hd{ height:30px; line-height:30px;  color: #ff0000;border-bottom: 1px solid #ff0000; padding:5px 15px 5px ; }
.sideBox .hd h3{ font-weight:bold;background: url(../images/icon-tzgg.jpg) no-repeat left; padding-left: 20px; }
.sideBox .hd h3 a{ color: #ff0000;float: right; }
.sideBox .bd{ margin:20px;height: 200px;overflow: hidden;  }
.sideBox .bd li{ height:35px; line-height:35px; overflow:hidden; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; background: url(../images/icon-dian.jpg) no-repeat left; padding-left: 15px;}

/*统战部*/
.icon-tzb{margin:0 15px 15px; background: #f5f5f5;}
.icon-top{padding: 10px 10px 0 ;}
.icon-bottom{padding: 10px ;}

/*往期专题*/
.wqzt{margin:0 15px 15px;}
.wqzt-tit{position: relative;}
.wqzt img{display: block;}
.wqzt .more{color: #ff0000;position: absolute;right: 10px;top: 5px;}
.wqzt-main{margin: 10px 0 20px;}
.wqzt-main a{margin-top: 5px;display:block;}

/* Tab切换 */
.yd-sx,.gz-wx{width: 380px; background: #fff;height:300px; overflow: hidden;}
.yd-sx .hasMoreTab{  width:380px;  text-align:left;  }

.dd-mz-dw,.shrs-fg-gat{  width:590px; height:305px; overflow:hidden;  text-align:left; background: #fff;  }
.dd-mz-dw .date,.shrs-fg-gat .date{float: right;}

.hasMoreTab .hd{ height:34px; line-height:34px;  border-bottom:1px solid #dddddd; background:url(../images/icon-tit.jpg)/*tpa=http://www.hbtyzx.gov.cn/statics/new/images/icon-tit.jpg*/ no-repeat left;padding-left:15px;}
.hasMoreTab .hd .more a{ float:right;margin-right: 15px;color: #ff0000; }
.hasMoreTab .hd ul{ z-index:5; position:absolute; height:36px;  overflow:hidden; zoom:1; }
.hasMoreTab .hd li{ float:left;  padding:0 10px; cursor:pointer;   }
.hasMoreTab .hd li.on{ font-weight:bold; height:35px; line-height:35px; background:#fff; border:1px solid #dddddd; border-top:1px solid #ff0000;  border-bottom:1px solid #fff;   color:#ff0000; }
.hasMoreTab .bd{ padding: 5px 15px;  }
.hasMoreTab .bd ul.list li{ height:40px; line-height:40px; border-bottom: 1px solid #f6f6f6;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }

/*
.ttz{}
.ttz ul.list li {float: left;width: 160px;}
.ttz-main{}
.ttz-main img{display:block;}
.ttz-main .ttz-text{background: #f5f5f5;}
*/

/* 图片无缝滚动 */
.Picture-scroll{  background:#fff;   }
.Picture-scroll ul{ overflow:hidden; zoom:1;}
.Picture-scroll ul li{ width:165px; float:left; margin:15px 5px;  display:inline;overflow: hidden; }
.Picture-scroll ul li img{  display:block;overflow: hidden;min-width: 100px;max-width: 165px;max-height: 100px; margin: auto; }
.Picture-scroll ul li p{height:40px; line-height:40px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.ttz{}
.ttz .Picture-scroll ul li p{height:85px;width:145px; line-height:22px;overflow: hidden;text-overflow:ellipsis;white-space: normal; background: #f5f5f5; margin-top: 10px;padding: 5px 10px;}

.rw-sp{overflow: hidden;background: #fff;height: 220px;}


/* 图片滚动 
.picScroll{ position:relative;  height:124px; padding: 10px 0 10px 42px;  background:#fff; margin-bottom:10px; overflow:hidden;   }
.picScroll ul{ overflow:hidden; zoom:1; }
.picScroll ul li{ float:left; margin: 0 6px;  width:122px; overflow:hidden; display:inline; }
.picScroll ul li img{ width:122px; height:124px; }
.picScroll .prev,
.picScroll .next{ position:absolute;  left:10px; top: 60px; display:block; width:18px; height:28px; overflow:hidden; background:url(images/icons.png) -40px 0 no-repeat; cursor:pointer;  }
.picScroll .next{ left:auto; right:10px; background-position:-120px 0; }
.picScroll .prevStop{ background-position:0 0; }
.picScroll .nextStop{ background-position:-80px 0; }
*/

/* footer */
#footer{padding-top:60px;}
#footer .footer-main {margin: auto;width:1200px;font-size:14px;position: relative;}
#footer .Friendship-link{text-align: center;position: relative;}
#footer .Friendship-link .drop-down{margin: 14px; border:1px solid #959595; background: url(../images/icon-down.png)/*tpa=http://www.hbtyzx.gov.cn/statics/new/images/icon-down.png*/ no-repeat right #fff; background-size: 20px;}

#footer .Friendship-link select{border: none;outline: none;width: 100%; padding: 0 15px;height: 25px;line-height: 25px;appearance: none;-webkit-appearance: none;-moz-appearance: none;text-align: center;text-align-last: center;border: none; background: none;}
#footer .footerNav {text-align:center;}
#footer .footerNav a{padding: 0 10px;}
#footer .copyRight{ padding:30px 80px;border-top: 1px solid #c1c1c1;margin-top: 30px; }
#footer .address{width:550px;margin-top: 40px;}
#footer .ewm{width: 300px;}
#footer .bottom-bg{display: block;width: 100%;margin-top: -100px;position: absolute;z-index: -1;}


/*党外知识分子*/
.location{background: #fff;padding: 0 15px; }
.location-border{border-bottom: 1px solid #ccc;padding: 15px 0;}
.location img{display: inline-block;margin-right: 10px;margin-top: 2px;float: left;}
.location a{margin:0 5px;}
.location-border span{margin:0 5px;} 

.list-page{ background: #fff;padding: 20px; }
.list-page-left{width: 880px;}
.list-left-top{}
.list-left-tit{font-size: 18px; background: url(../images/icon-tzgg.jpg)/*tpa=http://www.hbtyzx.gov.cn/statics/new/images/icon-tzgg.jpg*/ no-repeat left top;padding-left: 20px;color: #ff0000;border-bottom: 1px solid #ff0000;padding-bottom: 10px;}
.list-left-tit .more{float: right;color:#ff0000 ;font-weight:bold;}
.list-left-text{}
.ztsx{border-bottom: 1px #ccc dashed ;}
.list-left-text li{height:40px; line-height:40px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; background: url(../images/icon-dian.jpg)/*tpa=http://www.hbtyzx.gov.cn/statics/new/images/icon-dian.jpg*/no-repeat left; padding-left: 15px; margin-left: 10px;}
.list-left-text li .date{float: right;margin-left: 20px;color: #808080;}

.list-page-right{width: 250px;}
.list-right-top {}
.list-right-tit{position: relative; height: 37px;}
.list-right-tit a{position: absolute;top: 0;right: 0px;color: #ff0000;}
.list-right-text li {height:40px; line-height:40px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; background: url(../images/icon-dian.jpg)/*tpa=http://www.hbtyzx.gov.cn/statics/new/images/icon-dian.jpg*/no-repeat left; padding-left: 15px; margin-left: 10px;}
.w420{width: 420px;}

/*多党*/
.dpjj{padding: 10px;}
.dpjj li{width: 170px;float:left;margin:10px 20px;}
.dpjj img{display: block;}
.dpjj h3{font-size: 18px;font-weight:bold;text-align: center;}
.dpjj p{font-size: 14px;line-height: 24px;}
.dpjj p a{color: #ff0000;}


/*分页*/

.page{text-align: center;padding: 50px 0;background-color: #fff}
.page .a1{width: auto;padding:0 5px;}
.page .a1:first-child{display: none;}
.page a{text-decoration:none;border: 1px solid #dfdfdf;margin:2px;display: inline-block;height: 35px;width: 55px;line-height: 35px;color:#999999;}
.page span {border: 1px solid red;margin:2px;display: inline-block;height: 35px;width: 55px;line-height: 35px;background-color: red;color:#ffffff;}
.page .dis {border: 1px solid #dfdfdf;margin:2px;display: inline-block;height: 35px;width: 55px;line-height: 35px;background-color: #f2f2f2; color:#999999;}

/*详情*/

.details{padding: 10px; background: #fff;}
.details-border{border: 1px solid #ccc;padding: 20px;}
.details-top {text-align: center; color: #000; border-bottom: 1px solid #ddd;padding-bottom: 20px;margin-bottom: 15px;}
.details-top h1{font-size: 28px;}
.details-top p.details-time{font-size: 12px;color: #333; }
.details-top .source{font-size: 14px;}
.details-top .source span{padding: 0 20px;}

.details-content{}
.details-content h3{margin-top: 10px;text-align: center;color: #000;}
.details-content p{font-size: 16px;color: #333;/*text-indent: 2em;margin: 10px 0;*/}
.details-content img {margin: auto;display: block;}

.details-botom{margin: 60px 0 20px;font-size: 14px;border-bottom: 1px #ccc dashed;}
.details-botom li{margin: 10px 0;}
.details-botom li a{color: #ff0000;}


/*本部介绍*/
.bbjs-tit{background: #fff;padding: 20px 20px 0 20px;}
.bbjs-tit-border{border-bottom: 2px solid #de0716; line-height: 53px;color: #ff0000;font-size: 18px;}
.bbjs-tit .fl{width: 260px; background:url(../images/bbjs-titBG.jpg)/*tpa=http://www.hbtyzx.gov.cn/statics/new/images/bbjs-titBG.jpg*/no-repeat center ; background-size: 100% 100%; text-align: center;font-size: 20px; color: #fff;font-weight: bold;}
.bbjs-tit .fl img{display: block;}
.bbjs-tit .fr{width: 880px;}

.bbjs{padding-top: 0; }
.bbjs-wap{background: #f5f5f5;}
.bbjs .bbjs-list{width: 260px;  }
.bbjs .bbjs-list ul li{ line-height: 60px;text-align: center; background: url(../images/bbjs-border.jpg)/*tpa=http://www.hbtyzx.gov.cn/statics/new/images/bbjs-border.jpg*/no-repeat center bottom; font-size: 18px;}
.bbjs .bbjs-list ul li a{display: block;}
.bbjs .bbjs-list ul li a.on{color: #ff0000;font-weight: bold; }
.bbjs .bbjs-list ul li a:hover{ color:#ff0000;font-weight: bold; }

.bbjs .bbjs-text {width: 900px;background: #fff;}
.bbjs .bbjs-text ul.bbjs-text-ul{width: 870px;}
.bbjs .bbjs-text ul.bbjs-text-ul li{border-bottom: 1px #ccc dashed;padding: 20px 0;}
.bbjs .bbjs-text .bbjs-img{width: 110px;}
.bbjs .bbjs-text .bbjs-img img{display: block;}
.bbjs .bbjs-text .bbjs-details{width: 700px;margin: 10px 20px;}
.bbjs .bbjs-text .bbjs-details h3{font-size:18px;color: #ff0000;}
.bbjs .bbjs-text .bbjs-details a{text-indent: 2em; display: block;}

/*本部详情*/
.bbjsXQ-tit {}
.bbjsXQ-tit .fl{width: 240px;}
.bbjsXQ-tit .fr{width: 900px;}

.bbjsXQ .bbjs-list{width: 240px;  }
.bbjsXQ .bbjs-text{width: 880px;padding: 20px;}

.bbjsXQ .bbjs-text .bbjsXQ-img{width: 110px;}
.bbjsXQ .bbjs-text .bbjsXQ-img img{display:block;}
.bbjsXQ .bbjs-text .bbjsXQ-img p{font-size:16px;color: #ff0000;text-align: center;}

.bbjsXQ .bbjs-text .synopsis{width:550px;margin: 0 20px; }
.bbjsXQ .bbjs-text .synopsis-tit{background: #f5f5f5;line-height: 40px;padding-left: 20px;font-size: 18px;font-weight: bold;color: #7b7b7b;}

.synopsis-paragraph{line-height: 35px; font-size: 14px;}


ul.bbjsXQ-Name{width: 170px; text-align: center; line-height: 50px;background: #f5f5f5;}
ul.bbjsXQ-Name li{background: url(../images/name-border.jpg)/*tpa=http://www.hbtyzx.gov.cn/statics/new/images/name-border.jpg*/no-repeat center bottom;}
ul.bbjsXQ-Name li a{color: #333;display: block;font-size: 18px;}


ul.bbjsXQ-Name li a.on{background: url(../images/name-bg.png)/*tpa=http://www.hbtyzx.gov.cn/statics/new/images/name-bg.png*/no-repeat center left  ;color: #fff;margin-left: -13px; background-size: 100% 100%;}
ul.bbjsXQ-Name li a:hover{background: url(../images/name-bg.png)/*tpa=http://www.hbtyzx.gov.cn/statics/new/images/name-bg.png*/no-repeat center left  ;color: #fff;margin-left: -13px;background-size: 100% 100%;}

/*部长直通车*/

.bzzdc{}
.bzzdc .list-page-left{width: 260px; }
.bzzdc .xxgk_wrap{ position:relative; background:#F4F4F4; padding:15px;}
.bzzdc .jy-tit{ color:#555555; height:30px;  line-height:30px; background: url(../images/icon-jy-tit.png)/*tpa=http://www.hbtyzx.gov.cn/statics/new/images/icon-jy-tit.png*/ no-repeat left; padding-left: 35px; background-size: 25px; }
.bzzdc input,.bzzdc textarea{outline:none;font-size: 16px;}
.bzzdc .textarea{padding:10px;margin: 10px 0; color:#666666; border: 1px solid #ccc; background: #fff;}
.bzzdc .textarea textarea{width: 100%;border: none;}
.bzzdc .familyname{margin: 10px 0;}
.bzzdc .familyname input,.familyname select{line-height: 35px;height: 35px;padding: 3px ;}
.bzzdc #dosubmit{ border:none medium; background:#ff0000; color:#ffffff;line-height: initial;cursor:pointer}

.bzzdc .list-page-right{width: 880px;}

.xxgk_wrap .my_catname{ width:80px; height:34px; background:#ff0000; color:#ffffff; position:absolute; left:15px; top:0; text-align:center}
.xxgk_wrap .items{ padding:15px; background:#ffffff;}
.xxgk_wrap .items li{ padding:20px 0 15px 0; border-top:1px solid #e2e2e2;}
.xxgk_wrap .items li.no{ border-top:none}
.xxgk_wrap .items .tit{background: url(../images/icon-tzgg.jpg)/*tpa=http://www.hbtyzx.gov.cn/statics/new/images/icon-tzgg.jpg*/ no-repeat left top ; padding-left: 20px; color: #333; font-weight:bold; }
.xxgk_wrap .items .titFl{ width: 620px;}
.xxgk_wrap .items .date{  color:#888888; font-weight:normal}
.xxgk_wrap .items .add{ border-bottom:1px dotted #e2e2e2; padding:10px 0; margin:0 15px; margin-bottom:10px; color:#666666; line-height:180%;}
.xxgk_wrap .items .reply{ margin-top:8px; text-align:justify; color:#ff0000; line-height:180%; padding-left:20px;}

/* ui回复 */
#comment_ui{ padding:10px; width:600px;}
#comment_ui input ,#comment_ui select{line-height: 35px;height: 35px;padding: 3px ;color:#666666;}
#comment_ui textarea{  padding:10px; color:#666666; width: 100%;font-size: 16px;}
#comment_ui input,#comment_ui textarea{outline:none;font-size: 16px;}

#comment_ui #dosubmit{ padding:5px 50px; font-size: 16px;border:none medium; background:#ff0000; color:#ffffff;line-height: initial;cursor:pointer;}