@charset "utf-8";
/* CSS Document */

/* Reset
-----------------------------------------------*/
html{ color:#333; background:#fff; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ margin:0; padding:0;}
body,button,input,select,textarea{ font:12px arial,"微软雅黑"}
input,select,textarea{ font-size:100%;}
table{ border-collapse:collapse; border-spacing:0;}
th{ text-align:inherit;}
fieldset,img{ border:0;}
iframe{ display:block;}
abbr,acronym{ border:0; font-variant:normal;}
del{ text-decoration:line-through;}
address,caption,cite,code,dfn,em,i,th,var{ font-style:normal; font-weight:500;}
ol,ul{ list-style:none;}
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:500;}
q:before,q:after{ content:'';}
ins,a{ text-decoration:none;}

/* common
-----------------------------------------------*/
.clearfix:after{ content:"\200B"; display:block; height:0; clear:both;}
.clearfix{ *zoom:1;}
.clear{ clear:both; visibility:hidden;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#378297; text-decoration:none;}


/*法制办首页
-----------------------------------------------
.i-main{ background:url(../images/i-bg.jpg); height:400px;}
.i-main-top{ background:url(../images/i-top-bg.png) repeat-x; height:30px; }*/
.i-main-header{position:relative; width:1200px; margin:0 auto;}
.i-main-header-top-left{ float:left; line-height:30px; color:#fff;}
.i-main-header-top-left a{ color:#fff; padding:0 5px;}
.i-main-header-top-right{ float:right; line-height:30px; width:500px;}
.i-main-header-top-right-w{ float:left; color:#fff;}
.i-main-header-top-right-w a{ color:#fff; padding:0 5px;}
.i-main-header-top-right-d{ float:right; padding-left:20px;}
.i-main-header-top-right-d .icon-arrow { display: block; width: 103px; height: 32px; background: url(../images/i-top-down.gif) no-repeat;}
.i-main-header-top-right-d.active .icon-arrow { background: url(../images/i-top-top.gif) no-repeat;}
.i-main-header-top-right-db{ display: none; background:#556fb5; width:620px; height:380px; position:absolute; right:0; top:32px; z-index: 1000;}
.i-main-header-top-right-d.active .i-main-header-top-right-db { display: block;}
.i-main-header-top-right-dba{ background:#fff; width:600px; height:360px; margin-left:10px; margin-top:10px;}
.i-main-header-top-right-dbaa h3{ padding:10px 10px 0 15px; float:left; font-size:14px; font-weight:bold; color:#a70001;}
.i-main-header-top-right-dbaa img{ margin-top:18px;}
.i-main-header-top-right-dbab{ padding:15px; color:#999}
.i-main-header-top-right-dbab a{ padding:0 5px; color:#999;}
.i-main-header-top-right-dbab a:hover{ color:#a70001; text-decoration:none;}
.i-main-header-top-right-dbab .i-main-header-top-right-dbac{ color:#5582b0;}

.i-main-header-tl-logo{ float:left; padding:35px 0 0 10px; width:620px; height:110px;}
.i-main-header-tl-search{position:relative; float:right; width:350px; height:32px; line-height:32px; background:#3d79ac; margin-top:79px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.i-main-header-tl-search-a{height:28px; margin:2px 0 0 2px; background:#fff;}
.i-main-header-tl-search-aa{ float:left; padding-left:15px; width:75px; height:28px; border-right:1px solid #3d79ac;}
.i-main-header-tl-search-aa.active .i-main-header-tl-search-aaa { display: block;}
.i-main-header-tl-search-aa a{ color:#a5a5a5;}
.i-main-header-tl-search-aa a img{ padding-left:5px;}
.i-main-header-tl-search-aaa{ display: none; position:absolute; right:256px; top:30px; width:90px; line-height:28px; background:#fff; border:#3d79ac 2px solid; }
.i-main-header-tl-search-aaa li a{ display: block; padding: 0 5px;}
.i-main-header-tl-search-aaa li a:hover{ display:block; background:#e7f4ff; height:28px;}
.i-main-header-tl-search-ab{ float:left;}
.i-main-header-tl-search-ab .i-tl-input{ width:183px; height:26px; border:none; padding-top:2px; padding-left:10px; color:#CCC; *height:19px; *margin-top:-1px;*padding-top:5px;}
.i-main-header-tl-search-ac{ float:right;line-height:28px; }
.i-main-header-tl-search-ac .i-tl-button{ color:#fff; width:60px; height:28px; cursor:pointer;  background:#3d79ac; font-size:14px; border:none;}

.i-nav{ margin-top:33px; height:60px; line-height:60px; font-size:16px; border-bottom:#4a82b2 solid 2px;}
.i-nav ul li{ float:left; background:url(../images/i-nav.png) no-repeat; width:227px; height:60px;}
.i-nav ul li a{ color:#3d79ac}
.i-nav ul .i-nav-a{ background:#005997; width:227px; height:60px; margin-right:1px;}
.i-nav ul .i-nav-a a{ color:#fff; background:url(../images/i-nav-6.png) no-repeat 45px 16px;}
.i-nav-b{ margin-right:1px;}
.i-nav ul .i-nav-b{ background:#005997; width:227px; height:60px; margin-right:1px;}
.i-nav ul .i-nav-b a{ color:#fff; background:url(../images/i-nav-7.png) no-repeat 30px 16px;}
.i-nav-c{ margin-right:1px;}
.i-nav ul .i-nav-c{ background:#005997; width:227px; height:60px; margin-right:1px;}
.i-nav ul .i-nav-c a{ color:#fff; background:url(../images/i-nav-8.png) no-repeat 45px 16px;}
.i-nav-d{ margin-right:1px;}
.i-nav ul .i-nav-d{ background:#005997; width:227px; height:60px; margin-right:1px;}
.i-nav ul .i-nav-d a{ color:#fff; background:url(../images/i-nav-9.png) no-repeat 30px 16px;}
.i-nav-e{}
.i-nav ul .i-nav-e{ background:#005997; width:227px; height:60px; margin-right:1px;}
.i-nav ul .i-nav-e a{ color:#fff; background:url(../images/i-nav-10.png) no-repeat 45px 16px;}

.i-nav-aa{ display:block; background:url(../images/i-nav-1.png) no-repeat 45px 16px;  text-align:center;}
.i-nav-ba{ display:block; background:url(../images/i-nav-2.png) no-repeat 30px 16px;  text-align:center;}
.i-nav-ca{ display:block; background:url(../images/i-nav-3.png) no-repeat 45px 16px;  text-align:center;}
.i-nav-da{ display:block; background:url(../images/i-nav-4.png) no-repeat 30px 16px;  text-align:center;}
.i-nav-ea{ display:block; background:url(../images/i-nav-5.png) no-repeat 45px 16px;  text-align:center;}

.i-news-left{ width:250px; float:left; background:#f3f3f3; height:374px;}
.i-news-left-title{ padding-left:20px; line-height:43px; font-size:16px; font-weight:bold; color:#005997;}
.i-news-left-title a{ font-size:12px; color:#999; float:right; padding-right:20px; font-weight:normal;}
.i-news-left-title a:hover{color:#a70001; text-decoration:none;}
.i-news-left ul{ padding:0 20px 20px 20px; font-size:14px; line-height:23px;}
.i-news-left ul li{ border-bottom:#ddd 1px dashed; padding:4px 0;}
.i-news-left ul li span{ display:block; color:#999;}
.i-news-left ul .i-line-none{ border-bottom:none;}
.i-news-tab{ float:left; position: relative;}
.i-news-tab-t{position:relative; width:560px; height:374px;}
.i-news-tab-t img{ width:560px; height:374px;}
.i-news-tab-a{ position:absolute; width:560px; left:0; bottom:0; height:50px; line-height:50px; background:#000;filter:alpha(opacity=70);opacity:0.8;}
.i-news-tab-aa{ float:left; color:#fff; font-size:16px; padding-left:20px;}
.i-news-tab-ab{ position: absolute; right: 10px; bottom: 20px;}
.i-news-tab-ab a{ display:block; float:left; background:#828181;  width:11px; height:11px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin:0 3px; margin-top:20px;}
.i-news-tab-ab .i-news-tab-aba{ background:#fff;}
.i-news-list{ float:right; width:330px;}
.i-news-list-top{ background:url(../images/i-news-2.gif) no-repeat; width:330px; height:49px; line-height:49px;}
.i-news-list-top h3{ display:block; float:left; font-size:16px; font-weight:bold; color:#3d79ac; padding-left:25px; padding-top:5px;}
.i-news-list-top a{ display:block; float:right; padding-right:20px; color:#999;}
.i-news-list-top a:hover{ color:#a70001; text-decoration:none;}
.i-news-list-bottom{ border:#ddd solid 1px; border-top:none; height:325px; background:#fff;}
.i-news-list-title{ padding:20px 10px 0 20px; border-bottom:#ddd dashed 1px; padding-bottom:10px;}
.i-news-list-title h3{ font-size:18px; font-weight:bold;}
.i-news-list-title h3 a{ color:#3d79ac}
.i-news-list-title span{ color:#999; }
.i-news-list-title span a{ color:#3d79ac}
.i-news-list-list{ padding:0 20px;}
.i-news-list-list ul li{ font-size:14px; line-height:40px;}
.i-news-list-list ul li a span{ float:right; color:#999;}
.i-news-line{ background:url(../images/i-top-top-bg.gif) no-repeat; width:1140px; height:10px; float:left}

.i-main-zt{ margin-top:30px;}
.i-main-zt-left{ width:250px; float:left;}
.i-main-zt-left-aa{ background:url(../images/i-main-left-1.gif) no-repeat; width:250px; height:48px; line-height:48px;}
.i-main-zt-left-aa h3{  display:block; float:left; font-size:16px; font-weight:bold; padding-left:25px; padding-top:5px;}
.i-main-zt-left-ab{ margin-top:20px;}
.i-main-zt-left-ab li{ float:left; width:115px; height:40px; background:#e0ebf4; text-align:center; line-height:40px; margin:0 10px 14px 0; font-size:14px;-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.i-main-zt-left-ac{ margin-top:10px;}
.i-main-zt-left-ac li{height:40px; text-align:center; line-height:40px; margin:0 10px 14px 0; font-size:14px; font-weight:bold;-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.i-main-zt-left-ac li a{ color:#3d79ac;}
.i-main-zt-left-aca{ display:block; background:#e0ebf4 url(../images/i-main-left-3.gif) no-repeat 30px 8px;}
.i-main-zt-left-acb{ display:block; background:#e0ebf4 url(../images/i-main-left-4.gif) no-repeat 30px 8px;}

.i-main-zt-left-ba{background:#f0f0f0; height:45px; line-height:45px; font-size:16px; font-weight:bold; padding-left:20px; border-top:#3785c0 solid 3px;}
.i-main-zt-left-ba h3{  display:block; float:left; font-size:16px; font-weight:bold;}
.i-main-zt-left-ba a{ float:right; background:url(../images/xgl-6.png) no-repeat 0 12px; padding-left:25px; margin-right:15px; font-size:12px; color:#3785c0;}
.i-main-zt-left-bb{ margin-top:10px; font-size:14px;}
.i-main-zt-left-bb ul li{ padding:0 10px; line-height:36px;}
.i-main-zt-left-c{ margin-top:10px;}
.i-main-zt-left-ca{background:#f0f0f0; height:45px; line-height:45px; font-size:16px; font-weight:bold; padding-left:20px; border-top:#3785c0 solid 3px;}
.i-main-zt-left-ca h3{ display:block; float:left; font-size:16px; font-weight:bold;}
.i-main-zt-left-ca a{display:block; float:right; padding-right:20px; color:#999; font-size:12px; font-weight:normal;}
.i-main-zt-left-ca a:hover{ color:#a70001; text-decoration:none;}
.i-main-zt-left-cb{ margin-top:10px; font-size:14px;}
.i-main-zt-left-cb ul li{ line-height:24px; margin:0 10px; padding:10px 0;}
.i-line-none{border-bottom:#ccc dashed 1px;}
.i-main-zt-left-cb ul li p span{ display:block; float:left; height:26px; font-weight:bold;}
.i-main-zt-left-cb ul li p span ol{ display:block;}
.i-main-zt-center{ float:left; background:url(../images/i-main-left-2.gif) no-repeat; width:10px; height:848px;}


.i-main-photo-tab{ margin:20px 0;}
.i-main-photo-tab-left{ width:42px; float:left; background:url(../images/i-main-ztzl.gif) no-repeat; height:101px;}
.i-main-photo-tab-right{ float:left; width:828px; height:101px;}
.i-main-photo-tab-right ul li img{ width:828px; height:101px;}
.i-main-wsbs{ margin-top:1px;}
.i-main-wsbs-a{ background:#e5eef4; padding:10px;}
.i-main-wsbs-a h3{ font-size:14px; font-weight:bold; line-height:40px; border-bottom:#ccc dashed 1px;}
.i-main-wsbs-a a{ line-height:40px; margin:0 10px;}
.i-main-wsbs-aa{ display:block; float:left; background:url(../images/i-main-wsbs1.png) no-repeat 0 10px; padding-left:30px;}
.i-main-wsbs-ab{ display:block; float:left; background:url(../images/i-main-wsbs2.png) no-repeat 0 10px; padding-left:30px;}
.i-main-wsbs-ac{ display:block; float:left; background:url(../images/i-main-wsbs3.png) no-repeat 0 10px; padding-left:30px;}
.i-main-wsbs-ad{ display:block; float:left; background:url(../images/i-main-wsbs4.png) no-repeat 0 10px; padding-left:30px;}
.i-main-wsbs-ae{ display:block; float:left; background:url(../images/i-main-wsbs5.png) no-repeat 0 10px; padding-left:30px;}
.i-main-wsbs-b li{ line-height:40px;  border-bottom:#ccc dashed 1px; font-size:14px; padding:0 10px; }
.i-main-wsbs-b .i-line-none{ border-bottom:none;}

.i-main-wsbs-c{ padding:20px 0;}
.i-main-wsbs-c li{ float:left;position:relative; width:247px; height:204px; margin:0 6px;}
.i-main-wsbs-c li img{width:247px; height:204px;}
.i-main-wsbs-c li span{ position:absolute; left:0; bottom:0; background:#000; color:#fff; height:40px; line-height:40px; text-align:center; width:247px; font-size:14px;filter:alpha(opacity=70);opacity:0.8; }
.i-main-wsbs-ca{ margin-top:10px; padding:0 10px;}
.i-main-wsbs-ca ul li{ font-size:14px; line-height:36px;}
.i-main-wsbs-ca ul li span{ float:right; color:#4277a7;}
.i-main-wsbs-cb{ margin-top:5px; background:#005997; width:330px; height:100px;}
.i-main-wsbs-cb p{ float:left; background:url(../images/i-main-jbst.gif) no-repeat 0 6px; width:36px; height:93px; margin-left:6px;}
.i-main-wsbs-cb ul{ padding:8px 0;}
.i-main-wsbs-cb ul li{ width:93px; float:left; text-align:center; border-right:#3f87c6 solid 1px;}
.i-main-wsbs-cb ul li a{ display:block; color:#fff;}
.i-main-wsbs-cba{ color:#fff45c; font-size:14px; font-weight:bold; padding-bottom:10px;}
.i-main-wsbs-cbb{ padding-bottom:10px; background:url(../images/i-main-jbst-close.png) no-repeat 36px 0; height:20px;}
.i-main-wsbs-cbc{ text-decoration:underline;}
.i-main-wsbs-cb ul .i-main-line-none{ border-right:none;}
.i-main-wsbs-cbd{ padding-bottom:10px; background:url(../images/i-main-jbst-open.png) no-repeat 36px 0; height:20px;}

.i-main-weblink{ background:#f5f5f5; height:49px; margin-top:20px;}
.i-main-weblink-zt{ width:1140px; margin:0 auto; position:relative;}
.i-main-weblink-zt-title{ width:156px; height:54px; position:absolute; left:0; top:-6px;}
.i-main-weblink-zt-list{ margin-left: 170px; padding-top: 10px;}
.i-main-weblink-zt-list ul li{ float: left; margin-right: 20px;}
.i-main-weblink-zt-list ul li select{ width: 170px; padding: 5px;}

.i-main-footer{ background:#3d79ac; height:200px;}
.i-main-footer-zt{ width:1140px; margin:0 auto;}
.i-main-footer-zt img{ padding:40px 0 10px 550px; width:36px; height:45px;}
.i-main-footer-zt p{ text-align:center; color:#fff;}

.i-main-zt-right-list-left{ float:left; width:520px;}
.i-main-zt-right-list-left-title h4{ float:left; font-size:16px; font-weight:bold; padding:5px 0 0 40px;}
.i-main-zt-right-list-right{ width:330px; float:right;}
.i-main-zt{ margin-top:20px;}




/*信息公开
-----------------------------------------------*/
.xgl-main{ width:250px; float:left;}
.xgl-main-a-top{ background:#f0f0f0; height:45px; line-height:45px; font-size:16px; font-weight:bold; padding-left:20px; border-top:#3785c0 solid 3px;}
.xgl-main-a-top a{ float:right; font-size:12px; color:#999; padding-right:20px;}
.xgl-main-a-top a:hover{color:#a70001; text-decoration:none;}
.xgl-main-a-footer{ width:210px; background:#f4f4f4; margin:20px 0; padding:15px; font-size:14px; line-height:34px;}
.xgl-main-ca{ background:#e0ebf4 url(../images/xgl-1.png) no-repeat 30px 8px; height:40px; padding-left:60px; line-height:40px; margin:0 10px 14px 0; font-size:14px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin-top:10px;}
.xgl-main-cb{ background:#e0ebf4;-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;font-size:14px;  margin:0 10px 14px 0;}
.xgl-main-cba{background:url(../images/xgl-2.png) no-repeat 10px 8px; height:40px;  line-height:40px; margin-top:10px; margin:0 20px; padding-left:40px;border-bottom:#fff dashed 1px;}
.xgl-main-cbb{ padding:10px 0; text-align:center;}
.xgl-main-cbc{ line-height:36px;}
.xgl-main-cc{ background:#e0ebf4 url(../images/xgl-3.png) no-repeat 30px 8px; height:40px; padding-left:60px; line-height:40px; margin:0 10px 14px 0; font-size:14px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin-top:10px;}
.xgl-main-cd{ background:#e0ebf4 url(../images/xgl-4.png) no-repeat 30px 8px; height:40px; padding-left:60px; line-height:40px; margin:0 10px 14px 0; font-size:14px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin-top:10px;}
.xgl-main-cda{ font-size:14px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin-top:10px;}
.xgl-main-cda-left{ float:left; background:url(../images/xgl-5.png) no-repeat; margin:50px 0 0 40px; width:32px; height:36px;}
.xgl-main-cda-right{ float:right; margin:10px; padding:0 20px; border-left:solid 1px #7fa5c6; line-height:30px;}
.xgl-main-right{ margin-bottom:20px;}
.i-main-zt-right-list-left-list ul li span{ float:right; color:#999}
.i-main-zt-right-list-right-list ul li span{ float:right; color:#999}

.i-main-zt-xxgk{ margin-top:10px;}
.i-main-xxgk-title{color: #a5a4a4;font-weight: normal;}
.i-main-xxgk-title a{ padding:0 5px; color: #a5a4a4;font-weight: normal;}
.xgl-main-xxgk-a{ background:#f4f4f4; margin:20px 10px 20px 0; padding:20px;}
.xgl-main-xxgk-left{ float:left;}
.xgl-main-xxgk-left img{ width:92px; height:138px; margin-right:10px;}
.xgl-main-xxgk-right{ float:left;}
.xgl-main-xxgk-right h3{ font-size:16px; font-weight:bold; padding-bottom:10px;}
.xgl-main-xxgk-right p{ margin-bottom:10px;}
.xgl-main-xxgk-right a{ color:#fff;}
.xgl-main-xxgk-right-a{ display:block; width:80px;  height:30px; line-height:30px; text-align:center; background:#3d79ac; color:#fff;}
.xgl-main-xxgk-ab{height:30px; line-height:30px; text-align:center; background:#fff; margin-top:10px;}
.xxgk-right-zt-a{ margin-bottom:25px;}

.xxgk-right-zt-b{ background:url(../images/i-main-right-1.gif) repeat-x; height:48px;}
.xxgk-right-zt-b-title-a{ float:left; font-size:16px; font-weight:bold; padding:10px 0 0 15px;}
.xxgk-right-zt-b-title-a li{ float:left;  padding:0 15px; padding-top:5px; font-size:16px; line-height:32px;}
.xxgk-right-zt-b-title-tab{ background:#fff; height:32px; border:#ddd solid 1px; border-bottom:none;}
.xxgk-right-zt-b span{ float:right; padding-right:20px; font-weight:bold; line-height:48px;}
.xxgk-right-zt-b span a{ color:#999;}
.xxgk-right-zt-b span a:hover{ color:#a70001; text-decoration:none;}
.xxgk-right-zt-b-list{ padding:20px 0;}
.xxgk-right-zt-b-list ul li{ float:left; width:165px; height:80px; background:#eff5f9; border:#e3e7eb solid 1px; padding:20px; line-height:35px; margin:0 5px; font-size:16px; font-weight:bold; line-height:80px; text-align:center;}
.xxgk-right-zt-b-list ul li a{ color:#25659c;}

/*办事服务
-----------------------------------------------*/
.i-main-zt-right{ width:870px; float:right;}
.i-main-zt-right-bsfw-title{ background:url(../images/i-main-right-1.gif) repeat-x; width:870px; height:48px;}
.i-main-zt-right-bsfw-title ul{ float:left; font-size:16px; font-weight:bold; padding:10px 0 0 15px;}
.i-main-zt-right-bsfw-title ul li{ float:left;  padding:0 15px; padding-top:5px;}
.i-main-zt-right-bsfw-title span{ float:right; padding-right:20px; font-weight:bold; line-height:48px;}
.i-main-zt-right-bsfw-title span a{ color:#999;}
.i-main-zt-right-bsfw-title span a:hover{ color:#a70001; text-decoration:none;}
.i-main-bsfw-a{ background:#e5eef4; padding:10px; margin-bottom:10px;}
.i-main-bsfw-a h3{ font-size:14px; font-weight:bold; line-height:40px; border-bottom:#ccc dashed 1px;}
.i-main-bsfw-a a{ line-height:40px; margin:0 10px;}
.i-main-bsfw-aa{ display:block; float:left; background:url(../images/i-main-wsbs1.png) no-repeat 0 10px; padding-left:30px;}
.i-main-bsfw-ab{ display:block; float:left; background:url(../images/i-main-wsbs2.png) no-repeat 0 10px; padding-left:30px;}
.i-main-bsfw-ac{ display:block; float:left; background:url(../images/i-main-wsbs3.png) no-repeat 0 10px; padding-left:30px;}
.i-main-bsfw-ad{ display:block; float:left; background:url(../images/i-main-wsbs4.png) no-repeat 0 10px; padding-left:30px;}
.i-main-bsfw-ae{ display:block; float:left; background:url(../images/i-main-wsbs5.png) no-repeat 0 10px; padding-left:30px;}
.i-main-bsfw-b{ background:#f6f6f6; border:#e7ebef solid 1px; padding:10px; margin-bottom:10px;}
.i-main-bsfw-b h3{ font-size:14px; font-weight:bold; line-height:40px; border-bottom:#ccc dashed 1px;}
.i-main-bsfw-b a{ line-height:40px; margin:0 10px;}

.i-main-zt-right-list-left-list{ margin-top:10px; padding:0 10px;}
.i-main-zt-right-list-left-list ul li{ font-size:14px; line-height:36px;}
.i-main-zt-right-list-left{ float:left;}
.i-main-zt-right-list-left-title{ background:url(../images/ty-list-bg.gif) repeat-x; width:520px; height:48px;}
.i-main-zt-right-list-left-title h3{ float:left; font-size:16px; font-weight:bold; padding:5px 0 0 25px;}
.i-main-zt-right-list-left-title-tab{ background:#fff; height:32px; border:#ddd solid 1px; border-bottom:none; font-weight:bold; font-size:16px; line-height:32px;}
.i-main-zt-right-list-left-title ul{ padding:10px 0 0 15px; font-size:16px; float:left;}
.i-main-zt-right-list-left-title ul li{ float:left; padding:5px 15px 0 15px; font-size:16px; line-height:32px;}
.i-main-zt-right-list-left-title span{ float:right; padding-right:20px; font-weight:bold; line-height:48px;}
.i-main-zt-right-list-left-title span a{ color:#999;}
.i-main-zt-right-list-left-title span a:hover{ color:#a70001; text-decoration:none;}
.i-main-zt-right-list-left-list{ margin-top:10px; padding:0 10px;}
.i-main-zt-right-list-left-list ul li{ font-size:14px; line-height:36px;}
.i-main-zt-right-list-right{ width:330px; float:right;}
.i-main-zt-right-list-right-title{ background:url(../images/ty-list-bg.gif) repeat-x; width:330px; height:48px;}
.i-main-zt-right-list-right-title h3{ float:left; font-size:16px; font-weight:bold; padding:5px 0 0 25px;}
.i-main-zt-right-list-right-title ul{ padding:10px 0 0 15px; font-size:16px; float:left;}
.i-main-zt-right-list-right-title ul li{ float:left; padding:5px 15px 0 15px; font-size:16px; line-height:32px;}
.i-main-zt-right-list-right-title span{ float:right; padding-right:20px; font-weight:bold; line-height:48px;}
.i-main-zt-right-list-right-title span a{ color:#999;}
.i-main-zt-right-list-right-title span a:hover{ color:#a70001; text-decoration:none;}

.bsfw-list{ margin-top:10px;}
.bsfw-list ul li{ display:block; float:left; margin:6px 5px; background:#e5eef4; width:250px; height:40px; line-height:40px; text-align:center; font-size:14px; }


/*表格
-----------------------------------------------*/
.table { width: 100%; font-size: 14px;}
.table thead tr{ height: 48px;background: url(../images/ty-list-bg.gif);}
.table thead tr th{ text-align: center; font-weight: bold; color: #3d79ac;}
.table tbody tr:hover{ background: #f5f5f5;}
.table tbody tr td { padding: 10px 5px; border-bottom: 1px solid #ddd;}
body{font-family: "宋体";}

/*通用列表
-----------------------------------------------*/
.tyl-main{ margin-top:20px; min-height: 400px;}
.tyl-main-top{ background:#fff; height:50px; line-height:50px; padding-left:20px;}
.tyl-main-top a{ padding:0 2px;}

.tyl-main-left{ float:left; width:250px;}
.tyl-main-left-title{ height:79px; background:url("../images/listbg1.png") no-repeat; font-size:24px; font-weight:bold; line-height:79px; text-align: center; color: #fff; font-family: "黑体"}
.tyl-main-left-list{ margin-top:1px;
    /*background:#f3f9fa;*/
}
.tyl-main-left-list ul li{ font-size:16px; height:50px; line-height:50px; border-bottom:#fff solid 1px; padding:0 25px; background: #f3f3f3; color: #2b2b2b; border-left:4px solid #f3f3f3;}
.tyl-main-left-list ul li:hover, .tyl-main-left-list-tab.cur{
    border-left:4px solid #378297;
}
.tyl-main-left-list-tab a{ color:#2b2b2b; background: url("../images/subnav.png") no-repeat 0 3px; padding-left: 15px;}
.tyl-main-left-list-tab a:hover,.tyl-main-left-list-tab.cur a{color:#378297; background: url("../images/subnav_hover.png") no-repeat 0 3px;}
.tyl-main-left-treeview { padding: 20px; background:#f3f9fa; margin-top:1px;}
.tyl-main-left-treeview .national-emblem-nav { position: relative; left: -5px; height: 24px; line-height: 24px; margin-bottom: 5px;padding-left: 35px; font-size: 14px; font-weight: bold; background: url(../images/icon-national-emblem.png) no-repeat;}
.tyl-main-center{ float:left; background:url(../images/i-main-left-2.gif) no-repeat; width:10px; height:848px;}
.tyl-main-right{ width:910px; float:right;}
.tyl-main-right-title{
    line-height:50px; font-size:20px; font-weight:bold;
    color:#378297; border-bottom: 2px solid #378297;
}
.tyl-main-right-list-a li{ padding:0 0px 0 16px; line-height:65px; font-size:16px; border-bottom:#d1d1d1 1px dotted; color: #090909; background: url("../images/lanmu.png") no-repeat 0 22px; position: relative; /* 或者使用 absolute/fixed 根据需要 */
    left: 0px; /* 初始位置向左偏移100px */
    transition: left 0.5s ease; /* 添加过渡效果 */}
.tyl-main-right-list-a li:hover{background: url("../images/lanmu_hover.png") no-repeat 0 23px; left: 5px;}
.tyl-main-right-list-a li span{ float:right; color: #a5a4a4; font-size: 14px;}
.bian{border-bottom: 1px solid #378297; height: 1px; overflow: hidden; margin-top:0;}
.nextpage{ padding:19px; height:30px;}
.nextpage ul { float:right;}
.nextpage ul li{ float:left; height:30px; line-height:30px; margin-right:5px; color:#666; font-size:14px;}
.nextpage ul li:first-child{ margin-right:10px;}
.nextpage ul li a{ display:block; float:left; height:30px; line-height:30px; padding:0 10px;}
.nextpage ul li a:link,.nextpage ul li a:visited{ color:#666;}
.nextpage ul li a:hover{ background:#2b5c94; color:#fff; text-decoration:none;}
.nextpage ul li.thisclass{ padding:0 10px; color:#fff; background:#2b5c94;}


/*通用内容
-----------------------------------------------*/
.tys-main{ background:#f6f6f6; padding:20px;}
.tys-main-zt{ background:#fff; padding:20px;}
.tys-main-zt h3{ color:#3d79ac; font-size:24px; font-weight:bold; text-align:center; padding:0 0 20px 0}
.tys-main-zt-a{ background:#eee; height:40px; line-height:40px; text-align:center;}
.tys-main-zt-aa{ padding:0 5px;}
.tys-main-zt-b{ padding:20px 30px; text-align:center;}
.tys-main-zt-b img{ width:466px; height:27px;}
.tys-main-zt-show{padding:20px; font-size:16px; line-height:2;}
.tys-main-zt-show img{margin-bottom:12px;}
.tys-main-zt-c{ background:#eee; height:40px; line-height:40px; padding:0 20px}
.tys-main-zt-ca{ float:left; padding:0 5px;}
.tys-main-zt-cb{ float:right; margin-top: 5px;}

/*图片列表
-----------------------------------------------*/
.typl-main-right-list-a{ margin:20px 0;}
.typl-main-right-list-a li{ float:left; width:217px; text-align:center; padding-bottom:20px;}
.typl-main-right-list-a li a{ cursor:pointer;}
.typl-main-right-list-a li img{ width:205px; height:135px;}
.typl-main-right-list-a li span{ width:217px; display:block; font-size:14px; text-align:center; padding-top:10px;}

/*信息文章公开页面
-----------------------------------------------*/
.xxwz-main-zt-a{ border:#ccc solid 1px;  padding:20px 50px;}
.xxwz-main-zt-a ul li{ float:left; width:429px; line-height:40px;}
.xxwz-main-zt-c{ float:right; padding:20px;}

/*信息公开领导页
-----------------------------------------------*/
.xgl-main{ width:250px; float:left;}
.xgl-main-a-top{ background:#f0f0f0; height:45px; line-height:45px; font-size:16px; font-weight:bold; padding-left:20px; border-top:#3785c0 solid 3px;}
.xgl-main-a-top a{ float:right; font-size:12px; color:#999; padding-right:20px;}
.xgl-main-a-top a:hover{color:#a70001; text-decoration:none;}
.xgl-main-a-footer{ width:210px; background:#f4f4f4; margin:20px 0; padding:15px; font-size:14px; line-height:34px;}
.xgl-main-ca{ background:#e0ebf4 url(../images/xgl-1.png) no-repeat 30px 8px; height:40px; padding-left:55px; line-height:40px; margin:0 10px 14px 0; font-size:14px; font-weight:bold;-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin-top:10px;}
.xgl-main-cb{ background:#e0ebf4;-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;font-size:14px;  margin:0 10px 14px 0;}
.xgl-main-cba{background:url(../images/xgl-2.png) no-repeat 10px 8px; height:40px;  line-height:40px;font-weight:bold;margin-top:10px; border-bottom:#fff dashed 1px; margin:0 20px; padding-left:35px}
.xgl-main-cbb{ padding:10px 0; text-align:center;}
.xgl-main-cbc{ line-height:36px;}
.xgl-main-cc{ background:#e0ebf4 url(../images/xgl-3.png) no-repeat 30px 8px; height:40px; padding-left:55px; line-height:40px; margin:0 10px 14px 0; font-size:14px; font-weight:bold;-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin-top:10px;}
.xgl-main-cd{ background:#e0ebf4 url(../images/xgl-4.png) no-repeat 30px 8px; height:40px; padding-left:55px; line-height:40px; margin:0 10px 14px 0; font-size:14px; font-weight:bold;-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin-top:10px;}
.xgl-main-right{ margin-bottom:20px;}
.i-main-zt-right-list-left-list ul li span{ float:right; color:#999}
.i-main-zt-right-list-right-list ul li span{ float:right; color:#999}


.news-item{
    padding-bottom:0px;
    flex-wrap:nowrap;
    flex-direction:row;
    display:flex;
    padding-right:0px;
    width:100%;
    box-sizing:border-box;
    margin-bottom:0;
    padding-top:0px;
    padding-left:0px;
    margin-top:20px;
    height:120px;
}
.news-item .pic{
    padding-bottom:0px;
    flex-wrap:nowrap;
    flex-direction:row;
    display:flex;
    width:250px;
    box-sizing:border-box;
    padding-top:0px;
    height:120px;
}
.news-item .pic img{
    margin-right:0px;
    padding-bottom:0px;
    padding-right:0px;
    width:100%;
    margin-bottom:0px;
    padding-top:0px;
    padding-left:0px;
    height:100%;
    margin-left:0px;
}
.news-item .news-content{
    padding-bottom:0px;
    flex-wrap:nowrap;
    flex-direction:column;
    display:flex; font-size: 16px;
    padding-right:0px;
    width:100%;
    box-sizing:border-box;
    padding-top:0px;
    position:relative;
    padding-left:20px;
    justify-content:flex-start;
    height:100%;
}
.news-item .news-content .title{
    padding-bottom:0px;
    flex-direction:row;
    word-wrap:break-word;
    display:inline-block;
    font-size:24PX;
    padding-top:0px;
    padding-left:0px;
}
.news-item .news-content .desc{
    padding-bottom:8px;
    color:#555555;
    flex-direction:row;
    word-wrap:break-word;
    display:inline-block;
    padding-right:0px;
    font-size:14PX;
    margin-bottom:0px;
    padding-top:8px;
    padding-left:0px;
    line-height: 20px; /* 设置行高，以便计算行数 */
    max-height: 60px; /* 3行的高度，基于line-height */
    overflow: hidden; /* 隐藏溢出的内容 */
    display: -webkit-box; /* 将对象作为弹性伸缩盒子模型显示 */
    -webkit-box-orient: vertical; /* 设置或检索伸缩盒对象的子元素的排列方式 */
    -webkit-line-clamp: 3; /* 限制在一个块元素显示的文本的行数 */
    text-overflow: ellipsis; /* 当文本溢出时显示省略符号 */
}
.news-item .news-content .desc a{color: #555555;} .news-item .news-content .desc a:hover{color: #378297;}
.cola5a4a4{color: #a5a4a4!important; font-size: 12px!important; line-height: 12px!important; padding-top: 18px;}
@media (max-width: 768px) {
    .search {
        align-items: center;
        flex-direction: row;
        display: flex;
        padding-right: 0px;
        box-sizing: border-box;
        justify-content: center;
        padding-bottom: 0px;
        flex-wrap: nowrap;
        width: 100%;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-left: 0px;
        margin-top: 0px;
    }

    .search .body {
        padding-bottom: 20px;
        align-items: center;
        flex-wrap: nowrap;
        flex-direction: column;
        display: flex;
        padding-right: 0px;
        width: 100%;
        box-sizing: border-box;
        padding-top: 20px;
        padding-left: 0px;
        justify-content: flex-start;
    }

    .search .body {
        align-items: center;
        flex-direction: column;
        display: flex;
        padding-right: 0px;
        box-sizing: border-box;
        justify-content: center;
        margin-left: 0px;
        margin-right: 0px;
        padding-bottom: 10px;
        width: 100%;
        margin-bottom: 0px;
        padding-top: 10px;
        padding-left: 0px;
        margin-top: 0px;
        height: 100%;
    }

.news-item {
        padding-bottom: 0px;
        flex-wrap: nowrap;
        flex-direction: column;
        display: flex;
        padding-right: 0px;
        width: 90%;
        box-sizing: border-box;
        margin-bottom: 10px;
        padding-top: 20px;
        padding-left: 0px;
    }

.news-item .pic {
        padding-bottom: 0px;
        flex-wrap: nowrap;
        flex-direction: row;
        display: flex;
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 0px;
        padding-top: 0px;
        height: 120px;
    }

.news-item .pic img {
        padding-bottom: 0px;
        padding-right: 0px;
        width: 100%;
        padding-top: 0px;
        padding-left: 0px;
        height: 100%;
    }

 .news-item .news-content {
        padding-bottom: 0px;
        flex-wrap: nowrap;
        flex-direction: column;
        display: flex;
        padding-right: 0px;
        width: 100%;
        box-sizing: border-box;
        padding-top: 0px;
        position: relative;
        padding-left: 0px;
        justify-content: flex-start;
        height: 100%;
    }

.news-item .news-content .title {
        padding-bottom: 0px;
        text-align: left;
        flex-direction: row;
        word-wrap: break-word;
        display: inline-block;
        font-size: 16PX;
        margin-bottom: 8px;
        padding-top: 0px;
        padding-left: 0px;
        margin-top: 8px;
    }

.news-item .news-content .desc {
        padding-bottom: 8px;
        color: #909399;
        flex-direction: row;
        word-wrap: break-word;
        display: inline-block;
        padding-right: 0px;
        font-size: 14PX;
        margin-bottom: 0px;
        padding-top: 8px;
        padding-left: 0px;
        margin-top: 0px;
        height: 100px;
    }
}
