@charset "utf-8";
/* CSS Document */
@import url("base.css");/*通用样式表引入*/
@import url("news.css");/*新闻样式表引入*//*取头部和banner部分样式*/
/*  
* @description: 中国唐山政务互动样式表  
* @author: 王颖  
* @update: 王颖 (2014-05-23 08:30)  
*/
/*通用样式表*/

.clear{ clear:both}
.m-r10{ margin-right:10px}
.m-t10{ margin-top:10px}
.m-r30{ margin-right:30px}
.m-l100{ margin-left:100px}
.table_list{ margin: 15px 30px 50px; display: block; border: solid 0px #eef0f4; background-color: #eaeaea;  line-height: 30px; color: #666; width:648px}
.table_list span{margin:5px;text-align:center;}
.table_list .td_bg1{ background:#FFF;}
.table_list .td_bg2{ background:#ececec; height:40px; color: #0067b6 }
.table_list .td_bg3{ background:#F3F3F3; }
.table_list .input1{ height:20px; line-height:20px; border: solid 1px #eaeaea; width:100px; color:#999 ; margin-left:5px;}
.table_list .input2{ height:20px; line-height:20px; border: solid 1px #eaeaea; width:200px; color:#999; margin-left:5px;}
.table_list .input3{ height:20px; line-height:20px; border: solid 1px #eaeaea; width:300px; color:#999; margin-left:5px;}
.table_list textarea{ margin-right:15px; border: solid 1px #eaeaea; color:#999; margin:5px;}
/* End 通用样式表*/


/* 互动头部样式表*/
.interaction_top{ background:url(../images/interaction/bg.jpg) repeat-x 0 0}
.interaction_header_banner { background:url(../images/interaction/interaction_banner.jpg) no-repeat; height: 143px; position: relative; margin: 0 auto; width: 1000px; z-index: 1; }
/* End 互动头部样式表*/

/* 互动导航样式表*/
.interaction_nav{ width:1000px; border-top:2px #0067b6 solid; margin:0 auto; height:43px; background:url(../images/interaction/interaction_nav.gif) repeat-x;}
.interaction_nav li{ float:left}
.interaction_nav li a{ width:124px; display:block; line-height:40px; color:#666; font-size:14px; font-family:"微软雅黑"; text-align:center}
.interaction_nav li .now{ color:#0067b6; background:url(../images/interaction/interaction_nav_ico.gif) no-repeat 20px center }
.interaction_nav li a:hover{ color:#0067b6;}
/* End 互动导航样式表*/

/*  互动首页内容部分样式表*/
.interaction_main{ width:1000px; margin:10px auto;background-color: #fff;overflow: hidden;}
/*left*/
.interaction_main_left{ width:710px; margin-right:15px; }
/*访谈*/
.interaction_title0{ font-family:"微软雅黑"; font-size:18px; color:#f30002; line-height:30px;}
.interaction_title0 font{ color:#000}
.interaction_fangtan_title{ width:630px; border-bottom:1px #8c8c8c dotted; height:29px; float:right }
.interaction_fangtan_title img{ float:right}
.interaction_fangtan_con{ width:710px; margin:8px 0px; }
.interaction_fangtan_con .photo{ width:236px; height:166px; padding:12px; float:left; background:url(../images/interaction/interaction_bgimg.gif) repeat}
.interaction_fangtan_con .content{ float:left; margin-left:10px; padding-top:10px;}
.interaction_fangtan_con p{ color:#666; line-height:30px}
.interaction_fangtan_con .btn{display:block;background:url(../images/interaction/interaction_but_bg.gif) no-repeat; border:0px; width:75px; height:25px; line-height:25px; text-align:center; color:#FFF; font-weight:bold; margin-top:15px;}
.interaction_fangtan_con .content_b{ float:left; width:350px; height:75px; background:url(../images/interaction/interaction_bgimg.gif) repeat; margin-top:10px;}
.interaction_fangtan_con .content_b img{ float:left;}
.interaction_fangtan_con .content_2{ background:url(../images/interaction/interaction_top2.gif) top left no-repeat; padding:5px 15px}
.interaction_fangtan_con .content_3{ background:url(../images/interaction/interaction_top3.gif) top left no-repeat; padding:5px 15px}
.interaction_fangtan_con .content_b p{border-bottom:1px #8c8c8c dotted;}
/*市长信箱、市民热线、咨询投诉*/
.interaction_hudong{ width:710px; height:341px;float:left}
.interaction_hudong_con{ width:230px; background:#f6f6f6; height:251px; float:left}
.interaction_hudong_title{ font-size:18px; font-family:"微软雅黑"; height:40px; margin-left:12px; padding-left:24px; line-height:40px; color:#000}
.interaction_hudong_title a{ color:#000}
.interaction_hudong_title span{ color:#F00}
.interaction_hudong_con img{ margin:5px 15px;}
.title_bg1{ background:url(../images/interaction/flag_1.gif) no-repeat left top;}
.title_bg2{ background:url(../images/interaction/flag_2.gif) no-repeat left top;}
.title_bg3{ background:url(../images/interaction/flag_3.gif) no-repeat left top;}
.title_bg4{ background:url(../images/interaction/flag_4.gif) no-repeat left top;}
.interaction_hudong_text{ padding:5px 10px; width:210px; height:151px;}
.interaction_hudong_text span{ line-height:30px; color:#666; float:left; width:210px;}
.interaction_hudong_text b{ color:#0068b6; border-top:dotted #CCCCCC 1px; width:210px; text-align:center; line-height:24px; display:block; float:left}
.interaction_tongji{ margin-top:10px; background:#f6f6f6; width:710px; height:80px; float:left; line-height:20px; padding:s0px; color:#666}
.interaction_tongji_text{ margin:0px; width:690px; float:left; padding:0 10px}
.hudong_text_bg1{ background:url(../images/interaction/letter_bg.gif) no-repeat right bottom}
.hudong_text_bg2{ background:url(../images/interaction/tel_bg.gif) no-repeat right bottom}
.hudong_text_bg3{ background:url(../images/interaction/complaint_bg.gif) no-repeat right bottom}

/*right*/
.interaction_main_right{ width:275px;}
.interaction_title1{ font-family:"微软雅黑"; font-size:18px; color:#f30002; width:275px; line-height:30px; background:url(../images/interaction/title_ico1.gif) no-repeat bottom; margin-top:6px;}
.interaction_title2{ font-family:"微软雅黑"; font-size:18px; color:#f30002; width:275px; line-height:30px; background:url(../images/interaction/title_ico1.gif) no-repeat bottom;}
.interaction_title1 font{ color:#000}
.interaction_title2 font{ color:#000}
/*媒体*/
.interaction_media{}
.tab_i .tabs { width: 100%; }
.tab_i .tabnav { display:block; height:35px; width:275px}
.tab_i .tabnav li { float: left; line-height: 39px; margin: 0; font-family:"微软雅黑"; font-size:14px; font-size:14px; color:#666; text-align:center; width:137px}
.tab_i .tab-nav {cursor: pointer; border-right:none;}
.tab_i .tab-nav-action {cursor: pointer; border-top-color: #F40000 !important; border-bottom-color:#fff !important; color:#0067b6 !important; background:url(../images/interaction/tab_hover.gif) bottom no-repeat}
.tab_i  p{ line-height:30px; border-bottom:1px #8c8c8c dotted; color:#666666;}
.tab_i  p img{ float:left; margin-right:10px; margin-top:8px}
.tab_i  p font{ float:right; font-size:12px}
.tab_i  p a{ color:#666666}
.tab_i  p a:hover{ color:#0067b6}
/*调查*/
.interaction_diaocha p{ line-height:30px; border-bottom:1px #8c8c8c dotted; color:#666666}
.interaction_diaocha p font{ float:right; font-size:12px}
.interaction_diaocha p a{ color:#666666}
.interaction_diaocha p a:hover{ color:#0067b6}
/*微博*/
.interaction_weibo{ width:273px; border:1px #eaeaea solid; border-top:0px; height:141px; padding-bottom:15px;}
.interaction_weibo_con{ width:120px; height:32px;  float:left; margin-top:15px; margin-left:10px;}
.interaction_weibo_con img{ border:1px solid #eaeaea; padding:1px; float:left}
.interaction_weibo_con p{ float:left; color:#666; margin-left:4px;}
.interaction_weibo_con input{ float:left; background:url(../images/interaction/interaction_but.gif) no-repeat; width:28px; height:14px; border:0px; margin-top:4px}

/* End 互动首页内容部分样式表*/

/* 互动列表页样式表*/
.interaction_list_left{ float:left; width:200px}
.interaction_list_left_con{ width:176px; border:1px #eaeaea solid; padding:11px }
.interaction_list_left_title{ background:url(../images/interaction/title_top_bg.gif) no-repeat; line-height:30px; text-align:center; font-family:"微软雅黑"; font-size:18px; color:#FFF}
.interaction_list_left_con ul{}
.interaction_list_left_con .list_nav_a{ border-bottom:1px #ccc solid; width:146px; font-size:14px; font-weight:bold; line-height:33px; background:url(../images/interaction/list_ico.gif) no-repeat 5px 10px; padding:0 15px;display:block;}
.interaction_list_left_con .list_subnav{ background-color:#fafafa; display:none;}
.interaction_list_left_con .list_subnav a{ display:block; line-height:32px; border-bottom: dotted 1px #ccc; padding-left:25px; text-decoration:none;}
.interaction_list_left_con .list_subnav a:hover{ background-color:#06b; color:#fff;}
.interaction_list_left_con .list_subnav a.hover{ background-color:#f5f5f5;}
.interaction_list_left_con .list_nav .on{display:block !important;}

.interaction_list_right{ float:left; width:788px; border:1px #eaeaea solid}
.interaction_list_right_title{ background:url(../images/interaction/list_ico3.gif) no-repeat bottom left; margin:0px 10px; width:744px;line-height:40px;font-family:"微软雅黑"; font-size:18px; color:#0067b6; padding:0 12px}
.interaction_title_current{ font-size:12px; font-family:"宋体"; }
.interaction_list_right_listtit{ background:url(../images/interaction/list_ico4.gif) no-repeat bottom left; margin:10px; color:#FFF; line-height:30px}

.interaction_list{padding: 10px; line-height: 28px; font-size: 12px; }
.interaction_list li{background: url(../images/index/index_18.gif) no-repeat left center; padding-left: 16px;}
/* End 互动列表页样式表*/

/* 互动文章页样式表*/
.interaction_info_con{ border: solid 1px #f0f0f0;}
.interaction_info_con_top { margin: 0 10px; border-bottom: solid 2px #ddd; line-height: 40px; padding: 0 0 0 10px;color:#0067b6; }
.interaction_info_title { color: #000000; font-size: 22px; font-family: "微软雅黑", "黑体"; line-height: 180%; text-align: center; font-weight: 500; padding-top: 10px }
.interaction_info_date { text-align: center; color: #999; line-height: 40px; }
.interaction_info_content { margin: 0 30px 30px; line-height: 180%; font-size: 14px;}
.interaction_info_content p { padding: 10px 0; font-size: 14px; line-height: 180%; color: #333;text-indent: 21pt;}
.interaction_gongju{ border-top:1px solid #CCC; margin: 0 30px;line-height: 180%; color:#999; height:145px; padding-top:10px }
/*上一篇、下一篇*/
.interaction_other { height: 60px; padding-top: 10px; padding-bottom:30px; margin: 0 40px; line-height: 30px; }
.interaction_other strong { color: #354d7d; }
.interaction_right_con { background-color: #f9f9f9; padding:15px 0px; padding-bottom:5px}
.interaction_right_list{ padding:10px 15px; line-height: 30px; font-size: 12px;  }
.interaction_right_list li{ border-bottom:1px #CCCCCC dotted; background:url(../images/interaction/list_ico5.gif) no-repeat left center; padding-left:15px;}
.interaction_info_right_title{ background:url(../images/interaction/title_top_bg2.gif) no-repeat; line-height:30px; text-align:center; font-family:"微软雅黑"; font-size:18px; color:#FFF; margin:0px 10px 0px 10px;}
/* End 互动文章页样式表*/

/* 互动微博页样式表*/
.interaction_weibo_top{border:1px #eaeaea solid; line-height:35px; height:35px; margin:0 auto; padding-left:20px; _padding-top:11px;  _height:24px;}
.interaction_weibo_box{ width:490px; margin:15px 5px; height:100px; float:left;_margin:10px 3px; }
.interaction_weibo_box img{ width:94px; height:94px; padding:3px; border:1px #eaeaea solid; margin-right:15px}
.interaction_weibo_box p{ width:370px}
.interaction_weibo_name{ float:left; color:#0067b6;font-family:"微软雅黑", "黑体"; font-size:14px; line-height:25px}
.interaction_weibo_box p span{ font-size:12px; color:#0067b6; line-height:25px}
.interaction_weibo_box p img{ width:24px; height:24px; border:0; padding:0; margin:0}
.interaction_weibo_desc{ float:left; color:#666; line-height:25px}
.interaction_weibo_box input{ float:left; background:url(../images/interaction/interaction_but.gif) no-repeat; width:28px; height:14px; border:0px; margin-top:4px}
/* End 互动微博页样式表*/


/* 互动我要写信-投诉样式表*/
.write_info_summary { margin: 15px 30px 10px; display: block; border: solid 1px #eef0f4; background-color: #f8fbff; padding: 5px 15px; line-height: 21px; color: #0067b6 }
.lable_con{ width:125px; line-height:30px; float:left;}
/* End 互动我要写信-投诉样式表*/


.mt { margin-bottom:3px; margin-top:10px;
}
.mt ul { margin:0px; padding:0px;padding-left:4px;
}
.mt ul li { margin-left:5px; margin-right:3px; float:left; width:126px; height:42px; margin-bottom:6px;}