﻿/*
****************************
整体样式
****************************
*/
*{ margin:0; padding:0; font-size:14px; color:#333; font-family : 宋体,新宋体,Verdana,Arial,sans-serif; }/*应用于所有元素*/
a{ text-decoration:none;}
a:hover{ color:#0c4f96;}
img{ border:0;}/*图片无边框*/
table{ border:0;}
table td{ border:0; padding:0;}
body{background:url(../cssimage/front/index-rep-x.jpg) repeat-x #FFF;}/**/
ul{list-style:none;}

/*页面整体*/
.indexbox{width:1020px; overflow:hidden; margin: 0 auto; background:white; border:0px solid #C0C9D0;}
.mainbox{width:1020px; overflow:hidden; margin: 0 auto; background:white; border:0px solid #C0C9D0;}
.clear{clear:both; display:none;}/*清除浮动*/
.fl{ float:left;}/*向左浮动*/
.fr{ float:right;}/*向右浮动*/
.hide{display:none;}/*隐藏内容*/
.cutword{ display:block; overflow:hidden;white-space: nowrap;text-overflow:ellipsis;}/*截取长标题*/

/*
******************************
所有控件中的样式定义
******************************
*/
/*header样式*/


/*footer样式*/
#foot_box{ width:1024px; padding-top:10px; margin-top:10px; border-top:1px solid #468F00;}
#foot{ width:600px; margin-left:210px; text-align:center; line-height:30px; background:#fff;}
#code2{width:100px; text-align:center; background:#fff;}

/*母版*/
.holder{ min-height:400px;}

/*母版中左侧导航*/
.navlist li{ line-height:24px; height:30px; background:url(../cssimage/front/bg_round.jpg) no-repeat 5px center;}
.navlist li a{ font-size:14px; padding-left:28px;}
/*
***************************
内容页的样式定义 background:pink;
***************************
*/

/*通用*/
.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{zoom:1;}
.f-ib{display:inline-block;*display:inline;*zoom:1;}
.f-dn{display:none;}
.f-db{display:block;}
.f-fl{float:left;}
.f-fr{float:right;}
.f-pr{position:relative;}
.f-prz{position:relative;zoom:1;}
.f-oh{overflow:hidden;}
.f-ff0{font-family:arial,\5b8b\4f53;}
.f-ff1{font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;}
.f-fs1{font-size:12px;}
.f-fs2{font-size:14px;}
.f-fwn{font-weight:normal;}
.f-fwb{font-weight:bold;}
.f-tal{text-align:left;}
.f-tac{text-align:center;}
.f-tar{text-align:right;}
.f-taj{text-align:justify;text-justify:inter-ideograph;}
.f-vam,.f-vama *{vertical-align:middle;}
.f-wsn{word-wrap:normal;white-space:nowrap;}
.f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;}
.f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all;}
.f-ti{overflow:hidden;text-indent:-30000px;}
.f-ti2{text-indent:2em;}
.f-lhn{line-height:normal;}
.f-tdu,.f-tdu:hover{text-decoration:underline;}
.f-tdn,.f-tdn:hover{text-decoration:none;}
.f-toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}
.f-csp{cursor:pointer;}
.f-csd{cursor:default;}
.f-csh{cursor:help;}
.f-csm{cursor:move;}
.f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}

.text-center{text-align: center;}
.uppercase{font-size: 16px; line-height: 180%;}
.blank{clear:both; height:0px; overflow:hidden; display:block; font-size:0px;}
.blank6{clear:both; height:6px; overflow:hidden; display:block; font-size:1px;}
.blank10{clear:both; height:10px; overflow:hidden; display:block; font-size:1px;}
.blank20{clear:both; height:20px; overflow:hidden; display:block; font-size:1px;}
/*首页*/
.dt-main{ width:1020px; height:auto; margin:0 auto;}
.dt-top{ height:31px; width:1020px; line-height:31px;}
.dt-top-left{ width:400px; height:31px;}
.dt-top-right{ width:340px; height:31px; background:none;}
.dt-top-right ul li{ background:url(../cssimage/front/top-j.png) no-repeat; float:left; }
.dt-top-right ul li a{ padding-left:14px;}
.dt-top-flash{ width:1020px; height:167px; background:url(../cssimage/front/flash-bg.jpg) no-repeat; overflow:hidden;}
.dt-logo{ width:503px; height:167px;}
.dt-header{ width:1020px; height:42px; line-height:42px;}
.dt-header ul li{ float:left; width:126px; text-align:center;}
.dt-header ul li a{ font-size:16px; font-weight:bold; color:#FFF; display:block;}
.dt-header ul li a:hover{ background:url(../cssimage/front/nav-hover.png) no-repeat; width:126px; height:42px;}
.dt-header ul li a.navSelected{ background:url(../cssimage/front/nav-hover.png) no-repeat; width:126px; height:42px;}
.dt-headlines{ width:1020px; height:65px; padding-top:10px; background:url(../cssimage/front/ttxw.jpg) no-repeat;}
.headelinesFont{ width:950px; height:60px; margin-left:70px;  display:block; overflow:hidden;  text-align:center; border:0px solid red;}
.headelinesFont *{line-height:60px;font-size:30px; font-weight:bold; color:#00297d; font-family:"楷体"}
.headelinesFont a:hover{color:#F30;}
.dt-body{ width:1020px; height:auto; }
.dt-body *{background:white;}
.dt-body-left{ width:768px; height:auto;}
.dt-flash-header{ width:768px; height:279px;}
.dfh-flash{ width:332px; height:279px; background-color:#fff;}
.dfh-header{ width:426px; height:279px; display:block; overflow:hidden;}
.dfhh-title{ width:426px; height:33px; background:url(../cssimage/front/header-title.jpg) no-repeat; }
.more{ float:right; padding-right:12px; line-height:33px; font-size:12px; color:#818181; }
.dfhh-ul li{ float:left; line-height:33px; width:104px; text-align:center; font-weight:bold;}
.dfhh-ul li:hover{font-weight:bold; cursor:pointer;}
.dfhh-ul li.dfhhuselected{ font-weight:bold; color:#F30;}
.dfhh-ul li a{line-height:33px; width:104px;display:block; overflow:hidden; }
.dfhh-ul li a:hover{color:#F30;}
.choose1{ color:#F30;background:url(../cssimage/front/header-titlebg.png) repeat-x; border:0px solid red;}

.dfhh-header{ width:426px; height:30px;  text-align:center;}
.dfhh-header *{line-height:30px;  color:#004276; font-weight:bold;}
.dfhh-context{ width:426px; height:52px; overflow:hidden;}/*今日头条，一条新闻*/
.dfhh-context a{ padding:0 10px; line-height:26px; font-size:12px;text-indent:2em; color:#787878;width:100%;border:0px solid red; }
.cuttext,.cuttext *{ font-size:12px;color:#828282; display:block; width:333px; line-height:25px; height:50px; overflow:hidden; text-indent:2em;}

.dfh-context{ width:426px; height:auto;}
.dfh-context ul li{ line-height:26px;  background:url(../cssimage/front/header-d.jpg) no-repeat; height:31px;}
.dfh-context ul li a{ padding-left:26px;}
/*八面来风控件*/
.dt-sound-south{ width:768px; height:192px;}
.dt-sound{ width:379px; height:192px; overflow:hidden;}
.dt-sound-title{ width:379px; height:33px; background:url(../cssimage/front/ne-title.jpg) no-repeat; overflow:hidden;}
.new-h2{ line-height:31px; padding-left:24px; }
.sound-context{ width:379px; height:auto;}
.sound-context ul li{line-height:26px;  background:url(../cssimage/front/header-d.jpg) no-repeat; height:31px;}
.sound-context ul li a{ padding-left:24px;}

/*机关廉讯控件*/
.dt-so-south{ width:768px; height:192px;}
.dt-so{ width:379px; height:292px; display:block; overflow:hidden;}
.dt-so-title{ width:379px; height:33px; background:url(../cssimage/front/ne-title.jpg) no-repeat; overflow:hidden;}
.new-h{ line-height:31px; padding-left:24px; }
.so-context{ width:379px; height:auto;}
.so-context ul li{line-height:26px;  background:url(../cssimage/front/header-d.jpg) no-repeat; height:31px;}
.so-context ul li a{ padding-left:24px;}

.pic-context{ width:379px; height:92px; overflow:hidden;}
.pic-context-left{ width:154px; height:92px;}
.pic-context-right{ width:225px; height:92px;}
.pic-title a{ width:220px; height:36px; line-height:36px; text-align:center; font-size:14px; color:#004276;  font-weight:bold;}
.pic-p{ width:220px; height:92px; overflow:hidden; color:#797979; padding:0;line-height:26px; font-size:12px; background:none;}

/*正风肃纪*/
.dt-wind-title{ width:768px; height:34px; background:#d9d7d8;}
.dt-wind-title ul{ float:right;}
.dt-wind-title ul li{ float:left;text-align:center; cursor:pointer; border:0px solid red; color:#000; }
.dt-wind-title ul a{ margin-left:-10000px; width:121px; height:34px; display:block; color:#000;background:url(../cssimage/front/bgt-bg-blue.jpgs) no-repeat; line-height:34px;}
.dt-wind-title ul a:hover{ background:url(../cssimage/front/bgt-bg.jpgs) no-repeat; color:#FFF; font-weight:bold;}
.dt-wind-title ul a.choose2{ background:url(../cssimage/front/bgt-bg.jpgs) no-repeat;font-weight:bold; color:white;}

.dt-wind-title h2{background:#eee;}
.dt-wind-title h2 a{ width:100px; height:34px; display:block; line-height:34px; text-align:center;  background-color:#c10000; color:#FFF;}

/*八面来风控件*/
.wind-context{ width:768px; height:92px;}
.wind-context-left{ width:154px; height:92px;}
.wind-context-right{ width:614px; height:92px;}
.wind-title a{ width:614px; height:36px; line-height:36px; text-align:center; font-size:14px; color:#004276;  font-weight:bold;}
.wind-p{ width:590px; height:56px; overflow:hidden; color:#797979; padding:0 12px;line-height:26px; font-size:12px; background:none;}
.wind-ul{ width:768px; height:145px; display:block; overflow:hidden;}
.wind-ul ul li{ line-height:26px; background:url(../cssimage/front/header-d.jpg) no-repeat; height:28px;  }
.wind-ul ul li span{ float:right; padding-right:12px; color:#999;}
.wind-ul ul li a{ padding-left:18px;}
.wind-ul ul li a strong{ color:#004276; font-weight:normal;}

/*案件聚集*/
.dt-case-title{ width:768px; height:34px; background:#d9d7d8;}
.dt-case-title ul{ float:right;}
.dt-case-title ul li{ float:left;  text-align:center; cursor:pointer;}
.dt-case-title ul a{margin-left:-10000px;width:121px; height:34px;display:block;background:url(../cssimage/front/bgt-bg-blue.jpgs) no-repeat;color:#000;line-height:34px; }
.dt-case-title ul a:hover{ background:url(../cssimage/front/bgt-bg.jpgs) no-repeat; color:#FFF; font-weight:bold;}
.dt-case-title ul a.choose3{background:url(../cssimage/front/bgt-bg.jpgs) no-repeat; color:#FFF; font-weight:bold;}

.dt-case-title h2 {background:#eee;}
.dt-case-title h2 a{ width:100px; height:34px; display:block; line-height:34px; text-align:center;  background-color:#c10000; color:#FFF;}

.case-ul{ width:768px; height:145px;overflow:hidden;}
.case-ul ul li{ line-height:26px; background:url(../cssimage/front/header-d.jpg) no-repeat; height:28px;  }
.case-ul ul li span{ float:right; padding-right:12px; color:#999;}
.case-ul ul li a{ padding-left:18px;}
.case-ul ul li a strong{ color:#004276; font-weight:normal;}
/*本期话题*/
.dt-body-right{ width:242px; height:auto;}
.topic-title{ width:242px; height:33px; background-color:#b22525; text-align:center; line-height:33px;  color:#FFF; font-weight:bold;}
.dt-topic-bg{ width:242px; height:229px; background:url(../cssimage/front/topic-title.jpg) repeat-x; overflow:hidden;}
.dt-topic-title{ width:242px; height:24px; text-align:center; line-height:24px; }
.dt-topic-title a{ color:#b22525; font-size:12px; font-weight:bold;}
.dt-topic-context{ width:242px; height:auto;}
.dt-topic-context p{ text-indent:2em; font-size:12px; line-height:32px; height:158px; overflow:hidden;  padding:0 8px; color:#565656;}
.dt-topic-context a{ text-align:right; padding-right:8px;  font-size:12px; line-height:28px;width:242px; height:28px; color:#b22525; display:block;}
.dt-topic-bottom{ background:url(../cssimage/front/topic-bottom.jpg) no-repeat; width:242px; height:15px;}
.notice-title{width:242px; height:33px; background-color:#415a96; text-align:center; line-height:33px;  color:#FFF; font-weight:bold;}
.dt-notice-bg{ width:242px; height:231px; background:url(../cssimage/front/notice-title.jp) #f3f3f3 repeat-x;background:white;}
.dt-notice-bg2{ width:242px; height:122px; background:url(../cssimage/front/notice-title.jp) #f3f3f3 repeat-x;background:white;}
/*通知公告*/
.dt-notice-ul2{ width:222px; height:96px; overflow:hidden;display:block; overflow:hidden; margin:0 auto;}
.dt-notice-ul2 li{ line-height:24px;list-style:circle; margin-left:15px;}
.dt-notice-ul2 li *{font-size:12px;}
.dt-notice-ul2 li.dt-notice-more a{ color:#C00;}
.dt-notice-ul2 li.dt-notice-more a:hover{ color:#000;}
.dt-notice-ul2 li.dt-notice-more{ text-align:right;}
.dt-notice-ul2 li a{color:#415a96;}
.dt-notice-ul2 li a:hover{ color:#C00;}

.dt-notice-ul{ width:222px; height:200px; overflow:hidden;display:block; margin:0 auto;}
.dt-notice-ul li{ line-height:24px;list-style:circle; margin-left:15px;}
.dt-notice-ul li *{font-size:12px;}
.dt-notice-ul li.dt-notice-more a{ color:#C00;}
.dt-notice-ul li.dt-notice-more a:hover{ color:#000;}
.dt-notice-ul li.dt-notice-more{ text-align:right;}
.dt-notice-ul li a{color:#415a96;}
.dt-notice-ul li a:hover{ color:#C00;}
.more-notice{text-align:right; padding-right:8px;  font-size:12px; line-height:28px;width:230px; height:28px; color:#b22525; display:block;}
/*信访工作（原：举报方式）*/
.dt-contact-bg{ width:240px; height:212px; border:1px solid #d0dbe2; background-color:#f4f6f8;}
.dt-context-title{ width:240px; height:40px; line-height:40px; }
.dt-context-title h2{ padding-left:12px; color:#004276;}
.dt-contact-p{width:240px; height:auto; }
.dt-contact-p p{ padding:0 10px; font-size:12px;line-height:22px;}
.dt-contact-p strong{font-size:13px;}

.dt-buts{ width:242px; height:auto;}
.dt-buts ul li{ height:61px;}

/*信息公开导航菜单width:768px;*/
#open{background:#990100;width:100px; height:30px;display:block;text-align:center;line-height:30px;color:white;}
.dt-open{ width:1020px; height:42px; line-height:42px;background:#eee;}
.dt-open ul{}
.dt-open ul li{ float:left;text-align:center;}
.dt-open ul li a{ font-size:16px;width:125px; font-weight:bold; color:#415A96; display:block; background:none;border:0px solid red;}
.dt-open ul li a:hover{ color:red;}

#opens{background-color:#c10000;width:100px; height:34px;display:block;text-align:center;line-height:34px;color:white;}
.dt-opens{ width:768px; height:42px; line-height:42px;}
.dt-opens ul{float:left;}
.dt-opens ul li{ float:left;text-align:center;}
.dt-opens ul li a{ font-size:16px;width:96px; font-weight:bold; color:#415A96; display:block; background:#C6EDFC;border:0px solid red;}
.dt-opens ul li a:hover{ color:red;}


/*案例警示视频*/
.dt-mov{ width:242px; height:247px; background:url(../cssimage/front/djp.jpg) no-repeat;}
.dt-mov-margin{ width:222px; height:172px; margin:0 auto; border:0px solid blue;} 
.dt-mov-name{ width:242px; height:28px; text-align:center;}
.dt-mov-name a{ width:230px; margin:0 auto; display:block; overflow:hidden; line-height:28px; font-size:12px; }
#ad{ width:1020px; height:93px; overflow:hidden;}
.dt-new-bot{ width:1020px; height:182px; overflow:hidden;}
.dnb-con{ width:505px; height:182px; overflow:hidden;}

.dnb-title{ background:url(../cssimage/front/ne-title.jpg) no-repeat; width:505px;height:33px;}
.dnb-title ul li{ float:left;}
.dnb-title ul li a{ padding-left:26px; line-height:33px; font-weight:bold; display:block;}
.dnb-title ul li a:hover{ color:#C00;}
.dnb-title ul li a.choose4{ color:#C00;background:url(../cssimage/front/complex-titlebg.png) repeat-x; border:0px solid red;}
/*
.dfhh-ul li{ float:left; line-height:33px; width:104px; text-align:center; font-weight:bold;}
.dfhh-ul li:hover{font-weight:bold; cursor:pointer;}
.dfhh-ul li.dfhhuselected{ font-weight:bold; color:#F30;}
.dfhh-ul li a{line-height:33px; width:104px;display:block; overflow:hidden; }
.dfhh-ul li a:hover{color:#F30;}
.choose1{ color:#F30;background:url(../cssimage/front/header-titlebg.png) repeat-x; border:0px solid red;}
*/

.dnb-ul{ width:505px; height:auto;}
.dnb-ul ul li{ background:url(../cssimage/front/header-d.jpg) no-repeat; line-height:24px; height:28px;}
.dnb-ul ul li a{ padding-left:24px;}
.dt-link-title{ background:url(../cssimage/front/link-title.jpg) no-repeat; line-height:31px; width:1020px; height:33px;}
.dt-link-title h2{ padding-left:12px;}
.dt-link-con{ width:1020px; height:49px; margin:0 auto; overflow:hidden;}
.dt-link-con ul li{ float:left; width:170px;}


.dt-copy-bg{ width:100%; background:url(../cssimage/front/copy-bg.jpg) repeat-x; height:129px;}
.dt-copy{ width:870px; height:129px; margin:0 auto; margin-left:-50px; text-align:center;}
.dt-copy *{ font-size:12px; line-height:28px;}


/*about*/
.about-main{ width:1020px; height:auto;}
.about-left{ width:202px;min-height:500px; overflow:hidden;}
.about-title{width:202px; height:33px; background-color:#415a96; line-height:33px;   font-weight:bold;}
.about-title h2{ padding-left:14px;color:#FFF;}
.about-right{ width:808px; height:auto; overflow:hidden;}
.about-body{ width:202px; height:auto; background:url(../cssimage/front/about-left-title.jpg) repeat-x;}
.about-body ul li{ background:url(../cssimage/front/bg_round.jpg) 0 3px no-repeat; width:202px; line-height:24px; height:28px;}
.about-body ul li a{ padding-left:24px;}
.about-body ul li a.aboutselected{ color:#F30; font-weight:bold;}
.about-right-title{ width:808px; height:33px; background:url(../cssimage/front/about-right-title.jpg) no-repeat; line-height:31px;}
.about-right-title h2{ padding-left:24px;}
.about-right-title span{ float:right; padding-right:12px;}
.about-context-body{ width:808px; height:auto;}
.about-name{ width:808px; height:40px; line-height:40px; text-align:center; font-size:18px; font-weight:bold; color:#d41f1f;}
.about-context{ width:808px; height:auto;}
.about-context p{ line-height:40px; padding:0 12px;}

/*news*/
.news-ul{ width:808px; height:auto;}
.news-ul ul li{ background:url(../cssimage/front/header-d.jpg) no-repeat; line-height:24px; height:36px;}
.news-ul ul li span{ float:right; color:#999;}
.news-ul ul li a{ padding-left:24px;}

/*newitem详细页*/
.newitem-title{ width:808px; height:40px; line-height:40px; text-align:center;font-size:18px; font-weight:bold; color:#d41f1f;}
.newitem-date{ width:808px; height:30px; line-height:30px; text-align:center; color:#999;}
.newitem-d{ background:url(../cssimage/front/new-d.jpg) repeat-x; width:808px; height:16px; font-size:12px;}
.newitem-p{ width:808px; height:auto;}
.newitem-p,.newitem-p *{ line-height:2.5em;}
/*
.newitem-p a{text-decoration:underline;color:blue;}
*/
/*pics*/
.pics-ul{ width:808px; height:auto;}
.pics-ul ul li{ font-size:16px; border-bottom:1px dashed #999; line-height:50px; height:50px;}
.pics-ul ul li span{ padding-right:12px; color:#999; float:right;}

/*picitem*/
.picitem-p{ width:808px; height:auto;}
.picitem-p p{ line-height:40px; padding:0 12px;}
.picitem-p p img{display:block;margin:0 auto;} 

.pager{ width:100%; text-align:center; line-height:40px; border:0px solid red; }/*分页*/

/*多子栏目页*/
.other-newpart{ width:380px; height:220px; overflow:hidden;  border:0px solid red; margin-bottom:2px; margin-left:10px;}
.other-newpart-title{ width:378px; height:30px; overflow:hidden; line-height:30px;border:1px #e5e5e5 solid; }
.other-newpart-title a{ float:right; padding-right:12px; line-height:30px;}
.other-newpart-title span{ padding-left:12px;}
.more-formlist{}

.cut_level2{width:265px; display:block; overflow:hidden;white-space: nowrap;text-overflow:ellipsis;}

.other-newpart ul li{ background:url(../cssimage/front/bg_plus.jpg) no-repeat 10px center; line-height:30px; height:30px;}
.other-newpart ul li span{ float:right; padding-right:12px; background:none;}
.other-newpart ul li a{ padding-left:24px; background:none;}



/*书记信箱*/
#advice *{ font-size:13px;}
#advice table{ border:1px solid #ADD2DA; border-collapse:collapse;}
#advice table td{border:1px solid #ADD2DA; border-collapse:collapse; padding:3px; }
#advice table td *{color:#1F79CF; font-weight:normal;}

/*网上廉政馆列表页*/
#gallerybox{ width:790px; margin:0 auto;background:none;}
.take-ul{ width:779px; overflow:hidden; font-size:14px; list-style:none;}
.take-ul li{ text-align:center; float:left; margin-top:10px; margin-left:20px;}
.take-ul li a:hover{ color:#09F;}
.take-ul li a img{ padding:4px; border:#CCC solid 1px; width:214px; height:159px; display:block;overflow:hidden;}
.imgTitle{width:220px; margin:0 auto; line-height:24px; overflow:hidden; font-size:13px; background:none;}

/*网上廉政馆动画页*/
.gallery-top{ width:100%; height:33px; background:url(../cssimage/front/gallery-top-bg.jpg) no-repeat; line-height:31px;}
.gallery-top h2{ padding-left:24px;}
.gallery-top span{ float:right; padding-right:12px;}
.imgGroup-title{ width:100%; height:40px; line-height:40px; text-align:center;font-size:18px; font-weight:bold; color:#d41f1f;}

/*举报方式页面*/
#jtitle{color:#F65327;margin:30px; font-size:24px; font-weight:bold; text-align:center;}
#jbox p{font-size:20px; line-height:60px;}
#jbox p a{font-size:20px;}
