@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0; font-family:"microsoft yahei"; font-size:14px; cursor:default;color:#333;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{font-size:100%;outline: none;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
a{text-decoration:none; outline:none;color:#333;}
a:hover{ text-decoration:none;}
a:active{outline: none;star:expression(this.onFocus=this.blur());}
.dib{display:block !important;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both; height: 0px; line-height: 0px; font-size: 0px;}
.hidden {display: none;}


body{ background: url(background.png) top center no-repeat #ffffff; position: relative;}


.w1200 { width: 1200px; margin: 0 auto;}

.header { width: 1200px; height: 770px; margin: 0 auto; overflow: hidden;}
.header .logo { padding-top: 20px;}
.header .sub-logo { padding-top: 100px;}
.header .slogen { position: relative; padding: 50px; background: #fff; margin-top: 100px;}
.header .slogen .arrow { display: block; position: absolute; top: -28px; left: 50%; margin-left: -28px; width: 56px; height: 56px; background: url(slogen_arrow.png) no-repeat;}
.header .slogen p { font-size: 24px; line-height: 50px; text-indent: 2em; text-align: justify; color: #06357a;}


.footer { background: #06357a; line-height: 30px; color: #99c3fa; margin-top: 30px; text-align: center; padding: 30px 0;}
.footer-top { margin-bottom: 20px;}
.footer p,.footer p a { color: #99c3fa;}
.footer p img { vertical-align: middle;}

/* 政策依据 */
.zcyj-head { width: 192px; margin: 0 auto;}
.zcyj-head .justify { display: block; border-top: 1px solid #06357a; border-bottom: 1px solid #06357a; font-size: 14px; color: #06357a; line-height: 36px; text-align: justify; height: 36px;}
.zcyj-head span { display: inline-block /* Opera */; padding-left: 100%;}
.zcyj-head h3 { font-size: 48px; color: #06357a; line-height: 1; margin-top: 5px;}

.zcyj-list { height: 260px; margin-top: 40px;}
.zcyj-list li { position: relative; top: 0; float: left; width: 380px; height: 260px; box-shadow: 0 0 10px 5px #f1f1f1; margin-left: 30px; transition: all .5s;}
.zcyj-list li:first-child { margin-left: 0;}
.zcyj-list li:hover { top: -10px;  box-shadow: 0 0 10px 5px #ccc; transition: all .5s;}
.zcyj-list li a { display: block; width: 100%; height: 100%;}
.zcyj-list li i { display: block; width: 100px; height: 100px; background: no-repeat center center; margin: 45px auto 20px;}
.zcyj-list li i.zcyj01 { background-image: url(zcyj_icon01.png);}
.zcyj-list li i.zcyj02 { background-image: url(zcyj_icon02.png);}
.zcyj-list li i.zcyj03 { background-image: url(zcyj_icon03.png);}
.zcyj-list li h4 { text-align: center; font-size: 18px; line-height: 30px; color: #06357a;}


/* 工作动态 */
.gzdt { margin-top: 30px; overflow: hidden;}
.gzdt-head { border-bottom: 1px solid #99c3fa; padding-bottom: 20px; overflow: hidden;}
.gzdt-head h3 { float: left; font-size: 36px; color: #06357a;}
.gzdt-head h3 a { color: #06357a;}
.gzdt-head .more { float: right; width: 23px; height: 23px; background: url(more_icon.png); margin-top: 20px;}

.slider-pic { float: left; width: 584px; height: 330px; position: relative; z-index: 5; overflow: hidden; margin-top: 30px;}
.slider-pic .hd { height: 10px; overflow: hidden; position: absolute; right: 20px; bottom: 18px; z-index: 1; }
.slider-pic .hd li { float: left; width: 10px; height: 10px; border-radius: 50%; background: #99a6a7; margin-left: 10px; cursor: pointer; }
.slider-pic .hd li.on { background: #fff; } 
.slider-pic .bd { position: relative; height: 350px; z-index: 0; } 
.slider-pic .bd li { zoom: 1; vertical-align: middle; } 
.slider-pic .bd li a { display: block; width: 100%; height: 100%; position: relative; } 
.slider-pic .bd li p { position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; background: rgba(0, 0, 0, 0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cf000000, endColorstr=#cf000000); font-size: 16px; line-height: 50px; color: #fff; cursor: pointer; text-indent: 20px; } 
.slider-pic .bd li a:hover p { color: #256092; } 
.slider-pic .bd img { display: block; width: 100%; height: 330px; transform: scale(1); transition: all .5s;}
.slider-pic .bd li:hover img { transform: scale(1.05); transition: all .5s;}

.gzdt-list { float: right; width: 586px; height: 335px; overflow: hidden; margin-top: 20px;}
.gzdt-list li { background: url(dot.png) no-repeat left center; border-bottom: 1px dashed #99c3fa; font-size: 18px; line-height: 49px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 15px;}
.gzdt-list li a:hover { color: #06357a;}

/* 重大项目 */
.zdxmjs { overflow: hidden; margin-top: 30px;}
.zdxmjs li { float: left; width: 216px; height: 120px; background: #eceef7; margin-left: 30px; transition: all .5s;}
.zdxmjs li * { transition: all .5s;}
.zdxmjs li:first-child { margin-left: 0;}
.zdxmjs li i { display: block; width: 60px; height: 60px; background: no-repeat center center; margin: 15px auto 5px;}
.zdxmjs li i.icon01 { background-image: url(icon_zdxm.png);}
.zdxmjs li i.icon02 { background-image: url(icon_ggzy.png);}
.zdxmjs li i.icon03 { background-image: url(icon_ggfl.png);}
.zdxmjs li i.icon04 { background-image: url(icon_ggwh.png);}
.zdxmjs li i.icon05 { background-image: url(icon_zxgh.png);}
.zdxmjs li h4 { text-align: center; font-size: 18px; line-height: 30px; color: #06357a;}
.zdxmjs li:hover { background: #06357a; transition: all .5s;}
.zdxmjs li:hover * { transition: all .5s;}
.zdxmjs li:hover i.icon01 { background-image: url(icon_zdxm_hover.png);}
.zdxmjs li:hover i.icon02 { background-image: url(icon_ggzy_hover.png);}
.zdxmjs li:hover i.icon03 { background-image: url(icon_ggfl_hover.png);}
.zdxmjs li:hover i.icon04 { background-image: url(icon_ggwh_hover.png);}
.zdxmjs li:hover i.icon05 { background-image: url(icon_zxgh_hover.png);}
.zdxmjs li:hover h4 { color: #fff;}


.ywjy { background: #f9fafe; padding: 30px 0 30px; margin-top: 30px;}
.ywjy .bd { height: 616px; overflow: hidden;}
.ywjy .bd>ul>li { float: left; width: 400px; text-align: center; padding: 20px 0;}
.ywjy .bd>ul>li i { display: block; width: 156px; height: 156px; margin: 0 auto;}
.ywjy .bd>ul>li img { width: 100%; height: 100%;}
.ywjy .bd>ul>li h3 { font-size: 24px; line-height: 1; color: #06357a; margin: 20px 0 8px;}
.ywjy .bd>ul>li h3 a { color: #06357a;}
.ywjy .bd .sub-list { width: 310px; height: 60px; margin: 0 auto; font-size: 0; text-align: center; overflow: hidden;}
.ywjy .bd .sub-list li { position: relative; display: inline-block; background: url(ywjy_li.png) no-repeat right center; font-size: 16px; line-height: 18px; padding: 0 8px; margin-top: 12px;}
.ywjy .bd .sub-list li:last-child { background: none; padding-right: 0;}
.ywjy .bd .sub-list li a { color: #6976b4;}
.ywjy .bd .sub-list li a:hover { color: #06357a}
.ywjy .hd { text-align: center; font-size: 0; margin-top: 10px;}
.ywjy .hd li { display: inline-block; width: 14px; height: 14px; background: #d7d7d7; border-radius: 50%; margin: 0 10px; cursor: pointer;}
.ywjy .hd li.on { background: #06357a;}

.bottom-col { height: 330px; margin-top: 30px;}

/* 财政预决算 */
.czyjs { float: left; width: 585px;}
.czyjs-head { background: url(czyjs_head.png) no-repeat; height: 90px; line-height: 90px; padding: 0 30px;}
.czyjs-head h3 { float: left; font-size: 24px; color: #fff;}
.czyjs-head h3 a { color: #fff;}
.czyjs-head .more { float: right; width: 23px; height: 23px; background: url(more_icon2.png); margin-top: 34px;}
.czyjs-list { border: 1px solid #99c3fa; height: 218px; padding: 20px 29px 0; overflow: hidden;}
.czyjs-list li { background: url(dot.png) no-repeat left center; font-size: 18px; line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 15px;}
.czyjs-list li a:hover { color: #06357a;}


/* 安全生产 */
.aqsc { float: right;}
.aqsc>li { float: left; position: relative; width: 175px; height: 330px; box-shadow: 0 0 10px 5px #f1f1f1; background: #fff no-repeat left bottom; margin-left: 30px;}
.aqsc>li.item01 { background-image: url(aqsc_bg.png);}
.aqsc>li.item02 { background-image: url(jzsc_bg.png);}
.aqsc>li.item03 { background-image: url(ssgl_bg.png);}
.aqsc>li>h3 { font-size: 24px;  text-align: center; line-height: 1; color: #06357a; padding-top: 30px;}
.aqsc>li>h3 a { color: #06357a;}
.aqsc .sub-list { margin-top: 30px;}
.aqsc .sub-list li { font-size: 16px; text-align: center; line-height: 30px;}
.aqsc .sub-list li a { color: #6976b4;}
.aqsc .sub-list li a:hover { color: #06357a}
.aqsc>li .more { position: absolute; bottom: 30px; left: 50%; margin-left: -8px; display: block; width: 16px; height: 16px; background: url(more_icon3.png) no-repeat;}