@charset "gb2312";
html, body { margin:0px; padding:0; font-family:"PingFang SC",Arial,"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53",simsun,sans-serif; font:16px/1.5 /*"Microsoft YaHei" , tahoma, arial, \5FAE\8F6F\96C5\9ED1, "Hiragino Sans GB", sans-serif*/;   background:#fff;    -webkit-font-smoothing: antialiased; }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,img,button {border:0;  padding:0; margin:0; font-weight:normal; } 
table,td,tr,th{font-size:12px;}
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6,p,em,i,b,span { margin:0; padding:0; font-weight:normal; font-style:normal;}
ol,ul {list-style:none;}
address,cite,code,th {font-weight:normal;font-style:normal;}
img:hover { opacity:1; filter: alpha(opacity=100); }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
.fl { float:left; }
.fr { float:right; }
a { color:#666; text-decoration:none; }
a:hover{ color:#214a9e; text-decoration:none;}

td a { font-size:14px;  line-height:30px;}

.topic { width:100%; height:510px; margin:0 auto; overflow: hidden;  background:url(../images/top.jpg) center top no-repeat; text-align:center;}


.menu { width:100%; background:#214a9e; float:left; font-family: "华文细黑";}
.menu ul { width:1000px; margin:0 auto; overflow: hidden; background:#214a9e; }
.menu ul li { float:left; font-size:16px; color:#fff; line-height:50px;}
.menu ul li a { color:#fff; padding:0 5px; }
.menu ul li a:hover { color:#fac34c; }

.warp { width:1000px; margin:0 auto; overflow:hidden; }
.marD50 { margin-bottom:50px; }
.marD40 { margin-bottom:40px; }

.tt { width:100%; margin:0 auto; overflow:hidden; float:left; background:url(../images/tt.png) left center no-repeat; padding:50px 0 50px 90px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.tt h3 { width:100%; float:left; }
.tt h3 span {  width:100%; float:left; font-size:34px; line-height:34px; font-weight:bold; overflow:hidden; margin-bottom:12px; height:34px;}
.tt h3 p { width:100%;  font-size:14px; color:#999; float:left; font-weight:normal; line-height:22px; height:22px; overflow:hidden;}
.tt a { color:#333; }
.tt a:hover { color:#de0000; }

.w500 { width:500px;}
.w460 { width:460px;}
.w480 { width:480px;}

/*焦点图*/
.focus,#focus { width:100%; height:330px; overflow:hidden; position:relative;  }
.focus ul li { width:100%; float:left; }
.focus ul li img { width:100%; height:330px; display:block; -webkit-transition:all .3s linear;  -moz-transition:all .3s linear;  -o-transition:all .3s linear; transition:all .3s linear; }
.focus ul li:hover img { -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05); }
.focus ul li span { width:100%; height:114px; overflow:hidden; position:absolute; bottom:0; left:0; 
background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.8)));  }
.focus ul li p { position:absolute; bottom:36px; width:90%; font-size:20px; line-height:30px; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 5%; text-align:center; text-shadow: 1px 1px 0px rgba(0,0,0,1); }
.focus ul li p a { color:#fff; text-decoration:none;}
#pager {  position:absolute; bottom:16px; left:50%; margin-left:-75px; z-index:999; text-align:center; }
#pager a { width:40px; height:6px; margin:0 5px; background:#fff; cursor:pointer; line-height:0; font-size:0; display: inline-block; border-radius:6px; text-shadow: 1px 1px 1px rgba(0,0,0,.5);}
#pager a.activeSlide { background:#f56a3f; border-radius:6px; }
#pager a:hover { background:#f56a3f; border-radius:6px; }

/*动态*/
.news { width:100%; float:left; margin-top:-6px; margin-bottom:20px;  }
.news ul li { width:100%; font-size:16px; line-height:47px; color:#666; overflow:hidden; height:47px; border-bottom:1px dashed #e6e6e6;  }
.news ul li b { color:#aaa; padding:0 9px 0 0px; }


.news2 { width:100%; float:left; margin-bottom:50px;  }
.news2 ul li { width:100%; font-size:16px; line-height:50px; color:#666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  border-bottom:1px dashed #e6e6e6; }
.news2 ul li b { color:#aaa; padding:0 9px 0 0px; }
.news2 ul li span { float:right; color:#999;  font-size:14px; }

.bj1 { width:100%; background:#f8f8f8; float:left; padding:0 0 40px 0; }
.bj2 { width:100%; background:#f8f8f8; float:left; margin-bottom:40px; }

.lm { width:100%; float:left; text-align:center; margin:45px 0; font-family: "华文细黑";}
.lm span { font-size:40px; line-height:50px; color:#214a9e; font-weight:bold; }
.lm span b { padding:0 10px; font-size:26px; vertical-align:middle; line-height:50px; }
.lm p { color:#777; font-size:19px; line-height:44px; padding:0 0 10px 0; }
.lm i { display:block; width:14px; height:2px; background:#cbcbcb; position:absolute; left:50%; margin-left:-7px;}


/*经济赶超*/
.jjgc { width:100%; float:left; }
.jjgc ul li { width:48%; float:left; padding:0 0 24px 0; border-bottom:1px #ddd dotted; margin-bottom:20px; }
.jjgc ul li .pic { float:left; width:33%; height:100px; margin-top:4px; }
.jjgc ul li .pic img{ width:100%; height:100px; display:block; -webkit-transition:all .3s linear;  -moz-transition:all .3s linear;  -o-transition:all .3s linear; transition:all .3s linear;}
.jjgc ul li .pic:hover img { -webkit-transform:translateX(15px);-moz-transform:translateX(15px);-ms-transform:translateX(15px);-o-transform:translateX(15px);transform:translateX(15px); }
.jjgc ul li .con{ float: right; width: 62.5%; }
.jjgc ul li .con h2 { width:100%; float:left; height:100px; overflow:hidden; }
.jjgc ul li .con h2 span { width:100%; float:left; max-height:56px; line-height:26px; font-size:18px; color:#333; margin-bottom:8px; overflow:hidden;  }
.jjgc ul li .con h2 p { width:100%; float:left; line-height:22px; font-size:14px; color:#999; }
.jjgc ul li:hover .con h2 span { color:#214a9e; }
.jjgc ul li:nth-child(2n){ float:right; }



/*环境再造*/
.hjzz_b { width:100%; float:left;  }
.hjzz_b h3 { width:100%; height:300px; overflow:hidden; display:block; margin-top:4px; }
.hjzz_b h3 img { width:100%; height:300px; display:block; -webkit-transition:all .3s linear;  -moz-transition:all .3s linear;  -o-transition:all .3s linear; transition:all .3s linear; }
.hjzz_b:hover h3 img { -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05); }
.hjzz_b h4 { width:100%; float:left; background:#f1f1f1; text-indent:1.5em; font-size:16px; line-height:52px; color:#222; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  }
.hjzz_b:hover h4 { color:#214a9e; }

.hjzz { width:100%; float:left; }
.hjzz .pic { float:left; width:36%; height:100px; margin-top:4px; }
.hjzz .pic img{ width:100%; height:104px; display:block; -webkit-transition:all .3s linear;  -moz-transition:all .3s linear;  -o-transition:all .3s linear; transition:all .3s linear;}
.hjzz .pic:hover img { -webkit-transform:translateX(15px);-moz-transform:translateX(15px);-ms-transform:translateX(15px);-o-transform:translateX(15px);transform:translateX(15px); }
.hjzz .con { float: right; width:60%; }
.hjzz .con h2 { width:100%; float:left; height:104px; overflow:hidden; }
.hjzz .con h2 span { width:100%; float:left; max-height:56px; line-height:26px; font-size:18px; color:#333; margin-bottom:8px; overflow:hidden; }
.hjzz .con h2 p { width:100%; float:left; line-height:22px; font-size:14px; color:#999; }
.hjzz:hover .con h2 span { color:#214a9e;  }

.hjzz_list { width:100%; float:left; margin-top:12px; margin-bottom:60px;  }
.hjzz_list ul li { width:100%; font-size:16px; line-height:47px; color:#666; overflow:hidden; height:47px; border-bottom:1px dashed #e6e6e6; }
.hjzz_list ul li b { color:#aaa; padding:0 9px 0 0px; }


/*民生幸福*/
.w580 { width:580px; height:470px; margin-bottom:20px; }
.w380 { width:380px;}
.msxf { width:100%; float:left; margin-bottom:20px; margin-top:-8px; }
.msxf ul li { width:100%; float:left; font-size:16px; line-height:26px; border-bottom:1px dashed #e6e6e6; padding:13px 0; }
.msxf ul li h3 { width:360px; color:#666; float:left; font-size:18px; max-height:52px; overflow:hidden;  }
.msxf ul li b { width:20px; color:#aaa; float:left; font-size:16px; line-height:28px; }
.msxf ul li:hover h3 { color:#214a9e; }

.msxf_Box { width:580px; height:470px; float:left; position:relative;  }
.msxf_Box ul { width:580px; height:300px; float:left;   }
.msxf_Box li { z-index:0; position:absolute; width:300px; height:470px; top:0; left:0; }
.msxf_Box li img { width:100%; height:100%; cursor:pointer; }
.msxf_Box .prev { width:36px; height:54px; background:rgba(0,0,0,.8); left:0px; top:206px; cursor:pointer; position:absolute; z-index:9999; text-align:center; line-height:52px; font-size:24px; color:#eee; font-family: Georgia; font-weight:bold;  }
.msxf_Box .prev:hover{  background:rgba(33,74,158,1);}
.msxf_Box .next { width:36px; height:54px; background:rgba(0,0,0,.8); right:0px; top:206px; cursor:pointer; position:absolute; z-index:9999;  text-align:center; line-height:52px; font-size:24px; color:#eee; font-family: Georgia; font-weight:bold;  }
.msxf_Box .next:hover { background:rgba(33,74,158,1); }


/*铁军锻造*/
.tjdz { width:100%; float:left; margin-bottom:20px; }
.tjdz ul { width:370px; height:174px; background:#f8f8f8; float:left; padding:16px 30px 0 30px; }
.tjdz ul li { width:100%; font-size:16px; line-height:47px; color:#666; overflow:hidden; height:47px; border-bottom:1px dashed #e6e6e6; }
.tjdz ul li b { color:#aaa; padding:0 9px 0 0px; }
.tjdz h4 { width:570px; float:left; overflow:hidden; position: relative;  }
.tjdz h4 i { content:''; width:0; height:0; border:12px solid transparent;  border-right:12px solid #fff; border-left:none; position:absolute; right:0;  top:25px; z-index:55; }
.tjdz h4 img { width:590px; height:190px; display:block; -webkit-transition:all .3s linear;  -moz-transition:all .3s linear;  -o-transition:all .3s linear; transition:all .3s linear; }
.tjdz h4:hover img { -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05); }
.marB40 { margin-bottom:40px; }



.amn{transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s;} /*过渡效果*/ 
 
#xhrj { width:100%; float:left; margin-top:15px;  }
#xhrj ul li { width:250px; float:left; margin-right:2.5%; }
#xhrj ul li h3 { width:100%; float:left; height:160px; overflow:hidden; display:block; }
#xhrj ul li h3 img { width:100%; height:160px; -webkit-transition:-webkit-transform .3s linear;-moz-transition:-moz-transform .3s linear;-o-transition:-o-transform .3s linear;transition:transform .3s linear;}
#xhrj ul li:hover h3 img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1); }
#xhrj ul li h4 { width:100%; float:left; font-size:16px; line-height:24px; color:#666; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:15px 0 0 0; }
#xhrj ul li:hover h4 { color:#214a9e; }



/*文网看项目*/
.wwkxm { width:1000px; position:relative; float:left; margin-bottom:20px; }
.wwkxm ul li { width:1000px; float:left; height:550px; position:relative; }
.wwkxm ul li img { width:100%; height:550px;display:block; -webkit-transition:all .3s linear;  -moz-transition:all 1s linear;  -o-transition:all 1s linear; transition:all 1s linear;  }
.wwkxm ul li:hover img { -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05); }
.wwkxm ul li span { width:100%; height:114px; overflow:hidden; position:absolute; bottom:0; left:0; 
background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.6)));  }
.wwkxm ul li p { position:absolute; bottom:22px; width:90%; font-size:20px; line-height:30px; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 5%; text-align:center; text-shadow: 1px 1px 0px rgba(0,0,0,1); }
.wwkxm ul li p a { color:#fff; text-decoration:none;}
.wwkxm .prev { width:36px; height:54px; background:rgba(0,0,0,.8); left:0px; top:250px; cursor:pointer; position:absolute; z-index:9999; text-align:center; line-height:52px; font-size:24px; color:#eee; font-family: Georgia; font-weight:bold;  }
.wwkxm .prev:hover { background:rgba(33,74,158,1); }
.wwkxm .next { width:36px; height:54px; background:rgba(0,0,0,.8); right:0px; top:250px; cursor:pointer; position:absolute; z-index:9999;  text-align:center; line-height:52px; font-size:24px; color:#eee; font-family: Georgia; font-weight:bold;  }
.wwkxm .next:hover { background:rgba(33,74,158,1); }


/*问政问政*/
.wzft { width:100%; margin:0 auto; overflow:hidden; padding:0 0 10px 0; }
.wzft ul li { width:100%;  float:left; margin-bottom:35px;}
.wzft ul li h2 { width:100%; float:left; color:#333; line-height:30px; font-size:22px; margin-bottom:16px; }
.wzft ul li h3 { width:75%;  float:right; color:#999; line-height:26px; font-size:16px; }
.wzft ul li h4 { width:22%; float:left; height:130px; overflow:hidden; }
.wzft ul li h4 img { width:100%; height:130px; display:block; -webkit-transition:all .3s linear;  -moz-transition:all .3s linear;  -o-transition:all .3s linear; transition:all .3s linear; }
.wzft ul li:hover h4 img { -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05); }
.wzft ul li:hover h2 { color:#214a9e; }
.wzft ul li:nth-child(2n) { margin-right:0; }


.footer { width:100%; float:left; background:#214a9e; font-size:14px; line-height:50px; color:#dfe3ee; } 
.footer span { float:right; }
.footer a { color:#dfe3ee; }
.footer a:hover { color:#fff; }

@media screen and (max-width:999px) and (min-width: 160px){
.topic,.bj1,.footer { width:1000px;  }
}