﻿@charset "utf-8";
/* CSS Document */

/*CSS reset*/
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textatea, p, blockquote, th, td, input { margin: 0; padding: 0; }
body { font-size: 12px; font-family: Arial, Helvetica, sans-serif, "微软雅黑";}
html, body { min-width: 1132px; background: #fff; }  
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul, li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
addr, acronym { border: 0; }
a { color: #333; text-decoration: none }
a:hover { text-decoration:underline; color: #0182d8}
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }

.siteWidth{position:relative; max-width:1200px; margin:0 auto; text-align:left; _width:1200px; }
#header {position: relative; z-index: 1; overflow: hidden; background:url(../img/banner2.jpg) no-repeat center top #0182d8; height:515px;}
.returnHome{position: absolute; z-index: 2; left: 50%; top: 0; width: 84px; height: 30px; line-height: 30px; float: left; margin-left: 516px; font-size: 14px; color: white; text-align: center; background-color: #2f9afe; border-radius: 0 0 6px 6px;}
.returnHome:hover{text-decoration: none; background-color: #fff; color: #2f9afe;}
#header .topBanner{position: absolute; z-index: 1; left: 50%; top: 0; float: left; width: 1920px; margin-left: -960px;}
.index_logo {
    padding-top:25px;
    display:block;
    position: absolute;
    z-index: 2;
    top: 27px;
    left: 270px;
    display: block;
    width: 328px;
    height: 95px;
    background:url(../img/logo.png) no-repeat;
}

.headerTool{line-height:60px;position: relative;width: 100%;top: 0;z-index:4;height:60px;font-size: 14px;background: #157ec2;}
.headerTool .bg{position: absolute;z-index: -1;left: 0;top: 0;width: 100%;height: 60px;line-height: 60px;float: left;overflow: hidden;background-color: #242424;opacity: .50;filter: alpha(opacity=35);}
.govLinks{width: auto; float: left; color: white;}
.govLinks li { float:left; margin:0 15px 0 0;}
.govLinks li a { padding-left:20px;}
.govLinks li a{color: white;}
.govLinks a:hover{text-decoration: none; color: #ddd;}
.languageLinks{width: auto; float: left; margin-left: 70px;}
.languageLinks a{margin:0 4px; font-size: 12px; color: white;}
.languageLinks a:hover{text-decoration: none; color: #ddd;}

.headerTool .links{width:auto;float:right}
.headerTool .links>dl{position:relative;float:left;color:#146ac1;margin-top:11px}
.headerTool .links>dl>dt{line-height:38px;position:relative;z-index:11;float:left;height:38px;color:#fff;padding:0 5px 0 30px;background:url(../../../../base/img/headericon.png) 7px 8px no-repeat}
.headerTool .links>dl>dt>a{color:#fff}
.headerTool .links>dl>dt>a:hover{text-decoration:none;color:#ddd}
.headerTool .links>dl.znjqr dt{background-position:8px -110px}
.headerTool .links>dl.phone dt{background-position:8px -143px}
.headerTool .links>dl.pad dt{background-position:8px -169px}
.headerTool .links>dl.site dt{background-position:8px -202px}
.headerTool .links>dl.tw dt{background-position:8px -231px;cursor:pointer}
.headerTool .links>dl.en dt{background-position:8px -258px}
.headerTool .links>dl.bs dt{background:url(../../../../base/img/bsico.png) no-repeat 5px;padding-left:40px}
.headerTool .links>dl.topUser dt{padding-left:8px;background:0 0;color:#333}
.headerTool .links .userLogged,.headerTool .links .userLogged a{color:#fff}
.headerTool .links>dl.topUser .loggedin .spe,.headerTool .links>dl.topUser .notlogged .spe{margin:0 10px}
.headerTool .links>dl.topUser .loginbutton{background:url(../../../../base/img/userico.png) no-repeat 0;padding-left:22px}
.headerTool .links>dl>dd{position:absolute;top:38px;right:50%;display:none;clear:both;margin-right:-54px;padding:7px;background:#fff;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);-moz-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}
.headerTool .links>dl>img{width:100px;height:100px}
.headerTool .links>dl>i{font-size:0;line-height:0;position:absolute;z-index:8;top:-10px;left:50%;display:block;width:0;margin-left:-3px;border-width:5px;border-style:dashed;border-color:transparent;border-bottom-style:solid;border-bottom-color:#fff}
.headerTool .links .on dd{display:block}
.headerTool .links .site dd{top:38px;right:-1px;width:400px;margin-right:0;padding:10px;border:1px solid #6e99b9;-webkit-box-shadow:2px 2px 5px rgba(0,0,0,.15);-moz-box-shadow:2px 2px 5px rgba(0,0,0,.15);box-shadow:2x 2px 5px rgba(0,0,0,.15)}
.headerTool .links .site dd i{display:none}
.headerTool .links .site dd table tr td div{overflow:hidden;width:30px;height:60px;text-align:center;writing-mode:vertical-lr}
.headerTool .links .site ul{overflow:hidden}
.headerTool .links .site li{line-height:26px;float:left;min-width:55px;height:26px;padding:0 4px 0 15px;color:#666;background:url(../../../../base/img/icons.png) 4px -2320px no-repeat}
.headerTool .links .site li a{color:#146ac1}
.headerTool .links #siteLast.on dt{background-color:#309D86}
.headerTool .links>dl>dt{border-radius:25px;border:1px solid transparent;height:20px;line-height:20px;padding:5px 12px 5px 35px;margin-top:3px;background-position:8px 5px;transition:all .5s}
.headerTool .links>dl>dt:hover{border:1px solid rgb(255 255 255 / 50%)}

#headerst .headerTop #slbBtn, #header #slbBtn, .banner #slbBtn {margin-left: 425px!important;top: 20px!important;z-index: 99;}
#headerst .headerTop .wza, #header .wza, .banner .wza {margin-left: 160px!important; top:40px!important;}


/*footer*/
#footer{position:relative;z-index: 1;padding: 30px 0;text-align:left;color:white;background: #1e70a8;font-size:14px;min-height: 120px;}
#footer .copyRight{line-height: 30px;color: white;text-align: left;padding: 15px 390px 0 160px;}
#footer .copyRight p {white-space:nowrap;}
#footer .copyRight .footrow2 {display:inline-block;margin-right: 2%;}
#footer .copyRight .footrow3 {display: inline-block;margin-right: 2%;clear: left;}
#footer .copyRight .footrow4 { display:inline-block;margin-right: 2%;}
#footer .copyRight .footrow5 { display:inline-block;}
#footer .copyRight img{vertical-align: middle;}
#footer .copyRight a{color:white; text-decoration:none;}
#footer .copyRight a:hover{color: #ddd;}
#footer .footDzjg,
#footer .footerWzjc,
#footer .wzafw,
#footer .wxcode,
#footer .wzafw,
#footer .szfwxcode,
#footer .footerZfzc{position: absolute; z-index: 1; width: auto; float: left;}
#footer .footDzjg{left: 60px;top: 27px;}
#footer .footerWzjc{right: 65px; top: 0;}
#footer .footerZfzc{right: 280px;top: 65px;}
#footer .wzafw{right: 280px;top: 0px;}
#footer .wxcode{right: 170px;top: 0;line-height: 14px;font-size: 12px;text-align:center;width: 100px;height: 120px;background: #fff;color: #333;}
#footer .wxcode img{width: auto;height: 120px;display: block;clear: both;margin: 0 auto 0;}
#footer .szfwxcode{right: 60px;top: 0;line-height: 14px;font-size: 12px;text-align:center;width: 100px;height: 120px;background: #fff;color: #333;}
#footer .szfwxcode img{width: auto;height: 120px;display: block;clear: both;margin: 0 auto 0;}


.navlist { width: 1060px; height: 62px; padding: 0px 36px; margin: 0px auto; background: url(../img/nav.png) no-repeat }
.navlist li { background:url(../img/nav_x.jpg) no-repeat right center; float:left;}
.navlist li.last { background:none}
.navlist li a { font-size: 14px; height: 40px; line-height: 20px; padding: 11px 38px; display: block; color: #fff; font-weight: bold; }
.navlist li a:hover { background:#384799}

.index_page { width: 100%; margin: 0px; padding: 50px 0px; }
.index_page_main { width: 1133px; padding-bottom: 50px; margin: 0px auto; }
.bg { background:#e3f4fe;}
.index_title { width: 100%; height: 45px; display: block; text-align: center; margin-bottom: 30px; font-size: 32px;font-weight: bold;color: #006ca5; background:url(../img/title_bg.png) no-repeat center center;}

/*市直部门*/
.index_1 { background:url(../img/bg1.jpg) no-repeat center top; height:455px;}
.index_1 ul { width: 1140px; margin: 0px auto; padding: 75px 0px; height: 305px; }
.index_1 ul li { width: 190px; line-height: 47px; float: left; text-align: left; display: block; font-size: 1.0rem; }


/*县市区部门样式*/
.index_2 { background: url(../img/map.jpg) no-repeat center center; height: 512px; display: block; position: relative; width: 950px; margin: 0px auto; padding: 40px 0px; }
.index_2 li { width:155px; height:40px; line-height:40px; display:block; position:absolute;}
.index_2 li a { width:120px;height:40px; font-size: 16px; color:#fff;display:block; border-radius:30px; width:auto}
.index_2 li a:hover{text-decoration: none;}
.index_2 li.li1 {top: 0; left: 302px;}
.index_2 li.li2 {top: 0; right: 298px;}
.index_2 li.li3 {top: 127px; left: 78px;}
.index_2 li.li4 {top: 127px; right: 78px;}
.index_2 li.li5 {top: 189px; left: 20px;}
.index_2 li.li6 {top: 189px; right: 20px;}
.index_2 li.li7 {top:273px; left:3px;}
.index_2 li.li8 {top:273px; right:3px;}
.index_2 li.li9 {top:356px; left:20px;}
.index_2 li.li10{top:356px; right:20px;}
.index_2 li.li11{top:420px; left:78px;}
.index_2 li.li12{top: 401px;right:78px;}
.index_2 li.li13{top:552px; left:302px;}
.index_2 li.li14{top:552px; right:302px;}
.index_2 li.li15{top: 480px;right: 123px;}
.index_2 li.li1 a{background:url(../img/title_icon.png) no-repeat 122px center #a2b971}
.index_2 li.li2 a{background:url(../img/title_icon.png) no-repeat 10px center #77ba70}
.index_2 li.li3 a{background:url(../img/title_icon.png) no-repeat 122px center #46aeb9}
.index_2 li.li4 a{background:url(../img/title_icon.png) no-repeat 10px center #6f77dc}
.index_2 li.li5 a{background:url(../img/title_icon.png) no-repeat 122px center #f27078}
.index_2 li.li6 a{background:url(../img/title_icon.png) no-repeat 10px center #e6846a}
.index_2 li.li7 a{background:url(../img/title_icon.png) no-repeat 122px center #f6a34b}
.index_2 li.li8 a{background:url(../img/title_icon.png) no-repeat 10px center #e5d33a}
.index_2 li.li9 a{background:url(../img/title_icon.png) no-repeat 122px center #adc181}
.index_2 li.li10 a{background:url(../img/title_icon.png) no-repeat 10px center #81c26e}
.index_2 li.li11 a{width: 140px; background:url(../img/title_icon.png) no-repeat 150px center #468cb9}
.index_2 li.li12 a{background:url(../img/title_icon.png) no-repeat 10px center #46aeb9}
.index_2 li.li13 a{background:url(../img/title_icon.png) no-repeat 122px center #f270b0}
.index_2 li.li14 a{background:url(../img/title_icon.png) no-repeat 10px center #e1ab38}
.index_2 li.li15 a{background:url(../img/title_icon.png) no-repeat 10px center #04ddfe}
.index_2 li.li1 a,
.index_2 li.li3 a,
.index_2 li.li5 a,
.index_2 li.li7 a,
.index_2 li.li9 a,
.index_2 li.li11 a,
.index_2 li.li13 a {padding-right:42px;text-align:right}
.index_2 li.li2 a,
.index_2 li.li4 a,
.index_2 li.li6 a,
.index_2 li.li8 a,
.index_2 li.li10 a,
.index_2 li.li12 a,
.index_2 li.li14 a,
.index_2 li.li15 a{padding-left:42px; text-align:left}

.index_2 li.li1 a:hover,
.index_2 li.li3 a:hover,
.index_2 li.li5 a:hover,
.index_2 li.li7 a:hover,
.index_2 li.li9 a:hover,
.index_2 li.li11 a:hover,
.index_2 li.li13 a:hover {background:url(../img/title_icon.png) no-repeat 122px center #002a46}
.index_2 li.li11 a:hover {background-position: 150px center;}
.index_2 li.li2 a:hover,
.index_2 li.li4 a:hover,
.index_2 li.li6 a:hover,
.index_2 li.li8 a:hover,
.index_2 li.li10 a:hover,
.index_2 li.li12 a:hover,
.index_2 li.li14 a:hover,
.index_2 li.li15 a:hover {background:url(../img/title_icon.png) no-repeat 10px center #002a46}

/*专项网站工作年报*/
.index_3 {}
.index_3 ul { width: 1140px; margin: 0px auto; padding: 35px 0px; }
.index_3 ul li { width: 190px; line-height: 48px; float: left; text-align: left; display: block; font-size: 1.0rem; }


/* 友情链接模拟下拉 */
.nodeSelect{width: 120px;margin-right: 15px;float:left;display:inline;position: absolute; z-index: 9; left: 50%;top: 380px;margin-left: -560px;}
.nodeSelect dt{height: 30px;line-height: 30px;padding:0 5px 0 8px;overflow:hidden;border:1px solid #ccc;background:#fff;position:relative;cursor:pointer;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.nodeSelect dt i{ right:12px; top:50%; margin-top:-2px; border-width:5px; position:absolute;  border-color:transparent; border-style:dashed;  border-top-color:#363636;border-top-style:solid; content:"";display:block; font-size:0;line-height:0;width:0;}
.nodeSelect dt h3{border-right:1px solid #ccc; width:112px}
.nodeSelect dd{bottom: 32px;display:none;width:100%;position:absolute;left:0;}
.nodeSelect ul{ max-height: 389px; border:1px solid #ccc; background:#fff;overflow-y:scroll; }
.nodeSelect li{line-height:20px;padding: 8px 10px;border-bottom:1px dotted #ccc;cursor:pointer;}
.nodeSelect li a{display:block;}
.nodeSelect li a:hover{text-decoration:none}
.nodeSelect li:hover{  color:#CD3333; background-color:#f1f1f1 }
.nodeSelect .last{border-bottom:0}
.nodeSelect.on {z-index:9; -webkit-box-shadow:0 0 3px rgba(0, 0, 0, .3); -moz-box-shadow:0 0 3px rgba(0, 0, 0, .3); box-shadow:0 0 5px rgba(0, 0, 0, .2);  }
.nodeSelect.on dt{border-color:#bbb; }
.nodeSelect.on dt i{  border-top-style:none; border-bottom-color:#aaa;border-bottom-style:solid; }
.nodeSelect.on dd{ display:block;  -webkit-box-shadow:0 0 3px rgba(0, 0, 0, .3); -moz-box-shadow:0 0 3px rgba(0, 0, 0, .3); box-shadow:0 0 5px rgba(0, 0, 0, .2); }
.nodeSelect.on dd ul{ border-color:#bbb; }

