﻿html,
body { color: #444; line-height: 2em; position: relative; font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "WenQuanYi Micro Hei", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif; overflow-x: hidden; background-color:#f8f8f8; }
#grey-wrapper { background: #1f5d9a url(c_bj.jpg) no-repeat center -7px; z-index:-1}

#out{width:100%;z-index:655350}
.wrapper{
	width:1172px;
	height:0px;
	margin:0 auto;
	position:relative;
	z-index:65535;
}
#dang{
	position:absolute;top:200px;left:233px;
}
#guo{
	position:absolute;top:204px;left:537px;
}


h1,h2,h3,h4,h5,h6 {  font-weight: 400; margin:0; }
h1 {  font-size: 2em;}
h2 {  font-size: 1.4em;}
h3 {  font-size: 1.2em;}
h4 {  font-size: 1.1em;}
h5 {  font-size: 1em;}
h6 {  font-size: 0.75em;}

dl { margin:0; }
em { font-style: normal }

a {  color: #444;  outline: none;  -webkit-transition:all .1s ease;}
a:hover {  color: #c9151e;  text-decoration: none;}
a:active,a:focus,a img {  outline: none; border: 0; }

a img {transition: all 0.1s ease-out 0s;}
a div { transition: all 0.1s ease-out 0s; }

::-moz-selection {  color: #ffffff;  background: #1f2a66;  text-shadow: none;}
::selection {  color: #ffffff;  background: #1f2a66;  text-shadow: none;}

table { border-right:#ddd 1px solid; border-bottom:#ddd 1px solid; width: 100%; border-collapse: collapse; border-spacing:0; }
table th { border-left:#ddd 1px solid; border-top:#ddd 1px solid; padding: 5px; background-color:#eee; color:#222; text-align:center }
table td { border-left:#ddd 1px solid; border-top:#ddd 1px solid; padding: 5px; }

ul,ol { list-style: none; margin:0; padding:0; }
.tr { text-align: right; }
.tc { text-align: center; }
.fl { float: left; }
.fr { float: right; }
.none { display: none }

.mio-body-container { background-color:#fff; width: 1170px; margin: 0 auto; position: relative; z-index:3;  }
.container { width: 1170px; }

.mio-header { height: 320px;  position:relative; z-index:2; }
.mio-header .mio-ht { height: 320px; width: 100%;  position: absolute; top:0; left:0; z-index:2 }
.mio-header .mio-ht .container { background: url(tlogo.png) no-repeat left 50px; height: 320px; margin: 0 auto; width: 1170px; }
.mio-banner { height: 320px; width: 100%; position: absolute; top: 0; left: 0; z-index: 1; }

.slideBox2 { width:100%; height:320px; overflow:hidden; position:relative; z-index:1 }
.slideBox2 .hd{ height:30px; overflow:hidden; position:absolute; left:50%; bottom:15px; z-index:1; display: none }
.slideBox2 .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox2 .hd ul li{ float:left; width:30px; height:30px; text-indent:-999999px; overflow:hidden; background: url(dot.png) no-repeat center 15px; cursor:pointer; }
.slideBox2 .hd ul li.on{ background: url(dot.png) no-repeat center -30px; }
.slideBox2 .bd{ position:relative; height:100%; z-index:0; }
.slideBox2 .bd li{ zoom:1; vertical-align:middle; }
.slideBox2 .bd li a { width:100%; height:320px; display: block }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox2 .prev,
.slideBox2 .next{ position:absolute; left:30px; top:50%; margin-top:-25px; display:block; width:32px; height:32px; background: #000 url(rs-default.png) no-repeat -64px -32px; filter:alpha(opacity=50);opacity:0.5; border-radius:4px; display: none }
.slideBox2 .next{ left:auto; right:30px; background-position:-64px -64px; }
.slideBox2 .prev:hover,
.slideBox2 .next:hover{ filter:alpha(opacity=80);opacity:0.8; }
.slideBox2 .prevStop{ display:none;  }
.slideBox2 .nextStop{ display:none;  }

















.mio-nav { background:#0066FF url(nav.png) repeat-x; height: 100px; margin-top:-50px }
.mio-nav ul { }
.mio-nav li { float: left; background: url(navl.png) no-repeat left center; }
.mio-nav li.ft { background: none }
.mio-nav li a { color:#fff; line-height:50px; display:block; text-align:center; width: 150px; font-weight:bold; font-size:1.3em }
.mio-nav li.hover a { color:#fc0 }
.mio-nav .mio-c { height: 50px; line-height: 50px; }
.mio-nav li.mio-search { background: none; }
.mio-nav li.mio-search {  float:right;   }
.mio-nav li.mio-search form { margin-top:10px; border: #88b7f7 1px solid; width: 330px; height: 30px; display:block; padding-left:10px }
.mio-nav li.mio-search .ipts { border: 0; height: 30px; line-height:30px; color:#fff; width: 280px; float: left; background:transparent; }
.mio-nav li.mio-search .ipts:focus { color:#fff; }
.mio-nav li.mio-search .btns { border: 0; height: 30px; width: 30px; cursor: pointer; float: left; background: url(btns.png) no-repeat center; font-size: 0 }


input::-webkit-input-placeholder{
  color:#fff;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
  color:#fff;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
  color:#fff;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
  color:#fff;
}


.mio-footer { background:#fff url(fbg.jpg) no-repeat center bottom; padding:40px 0; text-align:center; border-top:#eee 1px solid }
.mio-footer .container { position: relative }
.mio-footer .mio-fnav { text-align:center; padding-bottom:20px; }
.mio-footer .mio-bs { position: absolute; top: 45px; right: 50px; }


.mio-content { padding: 30px 0; }


/*友情链接*/
.mio-flinks { padding: 0 0 20px 0; }
.mio-flinks h2 { margin-bottom: 20px; border-left:#333 4px solid; padding-left:15px; }
.mio-flinks img { width: 100%; display: block; margin-bottom:20px; border:#eee 1px solid; padding: 2px; }

/*头条*/
.mio-toutiao { height: 80px; line-height:80px; padding: 0 0 0 40px; margin: 20px auto 0 }
.mio-toutiao h2 { width: 100px; float: left; font-size:1.8em; line-height:80px; background:#c00 url(tt.png) no-repeat center; font-size: 0 }
.mio-toutiao .mio-c { width: 970px; float: left; text-align:center; height: 80px; line-height:70px; overflow: hidden }
.mio-toutiao .mio-c a.mio-a { color:#0d5ac3; font-size:2.5em; font-weight:bold; letter-spacing: 2px }
.mio-toutiao .mio-c img { width: 100%; height: 80px; }
.mio-toutiao a.mio-vmore { float:left; width: 40px; line-height: 20px; text-align:right; color:#999; display:block; }
.mio-toutiao a.mio-vmore:hover { color:#666; }

.mio-section { padding: 20px 0; }
.mio-section h2 { font-size: 1.8em; margin: 0 0 20px 0; color:#222; font-weight:bold }

/*首页文章列表*/
.mio-nc { font-size:1.3em; }
.mio-nc ul {}
.mio-nc li { padding: 10px 0; border-bottom:#ccc 1px dashed }
.mio-nc li.lt { border: 0 }
.mio-nc li a i { margin-right: 6px; }
.mio-nc li a:hover { padding-left:10px; }


/*廉政聚焦*/
.mio-lz h2 { height: 50px; line-height: 50px; background: url(tbg.jpg) no-repeat left bottom; border-bottom:#ccc 1px solid; margin-bottom:10px; color:#0b51af; font-size:1.7em; font-weight:bold; }
.mio-lz h2 span { border-bottom:#0b51af 4px solid; display:block; float:left; line-height: 46px; padding: 0 20px; display:block }
.mio-lz .mio-lzbox {  }
.mio-lz .mio-lzbox-fl { width: 50%; float: left; height: 360px; background-color:#ccc;  }
.mio-lz .mio-lzbox-fr { width: 50%; float: right; height: 360px; }
.mio-lz .mio-lzbox-fr .mio-ac { padding: 0 0 0 30px; position: relative }
.mio-lz .mio-lzbox-fr .mio-ac ul { margin-bottom: 15px; }
.mio-lz .mio-lzbox-fr .mio-ac li { padding: 12px 0; border-bottom:#eee 1px dashed; font-size:1.55em; font-weight:bold; line-height: 1.5em }
.mio-lz .mio-lzbox-fr .mio-ac .mio-vmore { color:#888; position:absolute; top:10px; right: 20px; }
.mio-lz .mio-lzbox-fr .mio-ac li a i { margin-right:10px; }

.slideBox{ width: 570px; height:360px; overflow:hidden; position:relative; }
.slideBox .hd{ height:20px; overflow:hidden; position:absolute; right:15px; bottom:8px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-left:5px;  width:20px; height:20px; line-height:20px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd li a { width:570px; height:360px; display:block; position: relative; z-index: 0 }
.slideBox .bd img{ width:570px; min-height:360px; display:block; position:absolute; top:0; left:0; z-index:1;  }
.slideBox .bd li a h3 { width:570px; height: 40px; line-height:40px; padding: 0 10px; background: url(b.png); color:#fff; position:absolute; top:320px; left:0; z-index:2; }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
		
		

/*图片广告*/
.mio-adv { }
.mio-adv img { width: 100% }

/*文章列表 TAB切换*/
.mio-main { padding-bottom: 0 }

.mio-mbox { border:#f3f3f3 1px solid; margin-bottom:20px; }
.mio-mbox .mio-nc { padding:25px; }

.mio-main-fl { width: 740px; float: left }
.mio-main-fr { width: 385px; float:right }

.mio-smenu { background:#f8f8f8 url(bgs.png) repeat-x bottom; height:60px; overflow: hidden; border-bottom:#1365d3 4px solid }
.mio-smenu div { width: 50%; float: left; }
.mio-smenu a { display: block; font-size:1.5em; line-height:60px; text-align:center; color:#888; font-weight:bold }
.mio-smenu div.st a { color:#fff; background:#1365d3 url(tbg2.png) no-repeat center bottom; }

.mio-smenu-2 div { width: 246px }

.mio-smenu-3 div { width: 20%}

/*举报*/
ul.mio-alink {}
ul.mio-alink li { margin-bottom:2px; }
ul.mio-alink img { width: 100% }
ul.mio-alink li.li_2 { margin-bottom: 10px; }
ul.mio-alink li.li_2 img { }
ul.mio-alink li.li_fl,
ul.mio-alink li.li_fr { width: 50%; float: left; margin-bottom: 0; height:60px; overflow:hidden }
ul.mio-alink li.li_fl img,
ul.mio-alink li.li_fr img { margin-top: -5px; }

.mio-jubao { border:#c00 5px solid; border-width: 0 5px 5px 5px; /*padding:20px;*/ margin:15px 0; background: url(jbg.png) no-repeat 180px 100px }
.mio-jubao h3 { margin: 0 0 0 0; font-weight:bold; height: 40px; line-height: 40px; background:#c00 url(ct.png) no-repeat 15px center; color:#fff; padding-left:45px; }
.mio-jubao p { margin: 0; }
.mio-jubao a { font-size:0.9em }
.mio-jubao .mio-c { padding: 20px; }

/*图片展示*/

.mio-mbox2 { margin-top: 0; position:relative }
.mio-mbox2 a.mio-vmore { position:absolute; top: 15px; right: 20px; color:#888 }

.mio-plist {}
.mio-plist a { display: block; height: 134px; width: 100%; position:relative; overflow: hidden; margin-bottom:30px; }
.mio-plist img { width: 100%; position:absolute; top:0; left:0; z-index:1; }
.mio-plist span { display:block; width: 100%; height: 40px; line-height:40px; text-align:center; position:absolute; bottom:0; left:0; z-index:2; background: url(b.png); color:#fff; }
.mio-plist a:hover span { background: url(b2.png); }





/*分类导航*/
.mio-category { margin-bottom: 30px; display:none }
.mio-category h3 { background: url(nav.png) repeat-x top left; height:50px; line-height:50px; text-align:center; color:#fff; font-weight:bold }
.mio-category li { font-size:1.2em }
.mio-category li a { border-bottom:#eee 1px solid; color:#333; display:block; line-height:50px; padding: 0 15px; background: url(nav.png) repeat-x bottom left; }
.mio-category li.hover a { color:#c9151e; background-color:#f8f8f8 }
.mio-category li a i { float:right; margin: 17px 0 0 0; color:#999 }
.mio-category li.hover a i { color:#c9151e }

.mio-block { margin-bottom: 30px; }
.mio-block h3 { background: url(nav.png) repeat-x top left; height:50px; line-height:50px; text-align:center; color:#fff; font-weight:bold }
.mio-block .mio-c { background-color:#f8f8f8; padding:20px 16px; font-size:1.2em }
.mio-block .mio-c li { border-bottom:#ddd 1px dashed; padding: 5px 0; }
.mio-block .mio-c li.lt { border: 0; padding-bottom: 0 }
.mio-block .mio-c li a i { margin-right: 6px; }

/*面包屑导航*/
.mio-position { color:#999; height: 50px; line-height: 50px; background: url(tbg.jpg) no-repeat left bottom; border-bottom:#ccc 1px solid; margin-bottom:30px; }
.mio-position h1,
.mio-position h2 { color:#0b51af; font-size:1.6em; font-weight:bold; border-bottom:#0b51af 4px solid; line-height: 46px; padding: 0 20px; display: inline-block }
.mio-position a { color:#999; }

/*文章列表页*/
.mio-alist { font-size:1.3em; }
.mio-alist li { height: 60px; line-height:60px; border-bottom:#eee 1px solid }
.mio-alist a i { margin-right:6px;}
.mio-alist span { float:right; color:#999; }
.mio-alist a:hover { padding-left:10px; }

/*文章详情页*/
.mio-article { font-size:1.3em; line-height:1.8em }
.mio-article h1 { text-align:center; color:#222; font-size:1.5em; margin: 0 0 30px 0; }
.mio-article p { margin: 15px 0; text-indent:2em }
.mio-article h2,
.mio-article h3 { margin:20px 0; font-weight:bold }
.mio-article ul,
.mio-article ol { margin: 20px 0 20px 2em }
.mio-article ul li { list-style: disc }
.mio-article ol li { list-style: decimal-leading-zero }
.mio-article li p { margin:0; text-indent: 0; }
.mio-article img { max-width: 100% }
.mio-article th p,
.mio-article td p { text-indent: 0; }

/*分页*/
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}


/*上下页*/
.mio-prev-next { width: 320px; margin:20px auto }
.mio-prev-next a { display:block; text-align:center; line-height:40px; background-color:#333; color:#fff; }
.mio-prev-next span { display:block; text-align:center; line-height:40px; background-color:#eee; color:#999; }
.mio-prev-next a:hover { background-color:#1365d3; color:#fff; }




.mio-video { position: relative; margin-top:20px }
.mio-video h2 { height: 50px; line-height: 50px; background: url(tbg.jpg) no-repeat left bottom; border-bottom:#ccc 1px solid; margin-bottom:10px; color:#0b51af; font-size:1.7em; font-weight:bold; }
.mio-video h2 span { border-bottom:#0b51af 4px solid; display:block; float:left; line-height: 46px; padding: 0 20px; display:block }
.mio-video .mio-vmore { color:#888; position:absolute; top:10px; right: 20px; }
.mio-video .mio-a { display:block; height: 170px; background-color:#eee; margin-bottom:10px; position:relative; overflow: hidden }
.mio-video .mio-a .mio-img { height: 170px; width: 100%; position:absolute; top:0; left:0; z-index:1; }
.mio-video .mio-a .mio-img img {}
.mio-video .mio-a .mio-t { height: 40px; width: 100%; position:absolute; top: 130px; left:0; z-index:3; padding: 0 15px; color:#fff }
.mio-video .mio-a .mio-v { height: 170px; width: 100%; position:absolute; top:0; left:0; z-index:2; background: url(v2.png) no-repeat center }
.mio-video .mio-a:hover .mio-t { top: 130px; }
.mio-video .mio-a:hover .mio-v { background: url(v.png) no-repeat center }



.mio-vlist { }
.mio-vlist a { display:block; height: 220px; margin-bottom:10px; position:relative; overflow: hidden; margin-bottom: 20px; }
.mio-vlist a .mio-img { height: 180px; width: 100%; position:absolute; top:0; left:0; z-index:1; }
.mio-vlist a .mio-img img { width: 100% }
.mio-vlist a .mio-t { height: 40px; width: 100%; position:absolute; top: 185px; left:0; z-index:3; padding: 0 15px; color:#333 }
.mio-vlist a .mio-v { height: 180px; width: 100%; position:absolute; top:0; left:0; z-index:2; background: url(v2.png) no-repeat center }
.mio-vlist a:hover .mio-v { background: url(v.png) no-repeat center }

.mio-contact span { padding-left:48px; }

.mio-article-news { padding: 0 30px; }


.mio-a1 { display: none}


@media (min-width:320px) and (max-width:767px) {
	.container { width: 100% }
}
