@charset "utf-8"; /* Css for PEL, ver 1.0 CopyRight By Dongyi Network Technology CO.,Ltd Design Center 本网站通用布局 */ /* Css Reset */ blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0} table{border-collapse:collapse;border-spacing:0} fieldset,img{vertical-align:top;border:0} address,caption,cite,code,dfn,em,i,th,var{font-weight:400;font-style:normal} li,ol,ul{list-style:none} dd,div,dl,dt,li,ol,ul{zoom:1} caption,th{text-align:left} h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%} q:after,q:before{content:''} abbr,acronym{border:0} pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;font-size:16px;line-height:1.8;font-family:"Microsoft YaHei",SimSun,Arial,Helvetica,Tahoma,sans-serif} article,aside,dialog,figure,footer,header,menu,nav,section,time{margin:0;padding:0;display:block;zoom:1} /* Public */ body{color: #333;font-size: 14px;line-height: 30px;font-family: "Microsoft YaHei", SimSun, Arial, Helvetica, Tahoma, sans-serif;-webkit-text-size-adjust: none;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;} a{color: #333; text-decoration: none; outline: none; transition: all 0.3s;} a:hover{color: #165ea9; text-decoration: none;} .clearbox{border: none; border-top: 1px solid transparent !important; clear: both; font-size: 0; height: 0; line-height: 0; margin-top: -1px !important; visibility: hidden;} .blank{display: block; height: 10px; font-size: 0px; line-height: 0; overflow: hidden; clear: both;} .clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} * html .clearfix{height: 1%;} * + html .clearfix{min-height: 1%;} .fl{float: left !important;} .fr{float: right !important;} .hide{display: none;} input[type=button], input[type=submit], input[type=file], button{cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} .mb30 { margin-bottom:30px;} /* frame */ body{min-width: 1200px;} .wrap{} .siteWidth{position: relative; max-width: 1200px; _width: 1200px; margin: 0 auto;} #header{text-align: left;margin: 0 auto;position: relative;min-height: 100px; *height: auto;transition:all 0.5s;margin-bottom: 10px;} #header.header-topNav-fixed{z-index: 9999;} #content{clear: both;margin: 0 auto;padding: 30px 0;max-width: 1200px;_width: 1200px;position: relative;min-height: 300px;z-index: 1;text-align: left;} #content:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} #header .letterList .ico{width: 24px} #header .letterList .dep{display: none} #header .letterList .state{width: 60px;} #header .letterList .date{display: none;} .headerTop{position: absolute;height: 100px;z-index: 5;background: url(../../base/img/tm50.png);width: 100%; transition:all 0.5s;} #header .bg .bd .con { display:none;} #header .bg .hd { position:absolute; bottom:165px; left:50%; z-index:9; margin-left:-60px;} #header .bg .hd li { float:left; background:#fff; width:10px; height:10px; line-height:100px; overflow:hidden; border-radius:5px; margin:0 5px; transition:all 0.3s} #header .bg .hd li.on { background:#0067cc; padding:0 15px;} .subBanner { position:relative; } .subBanner img { width:100%; height:auto;} /* 搜索框 */ .siteSearchBar{height: 43px; position: absolute; right: 1%; top: 70px;} .s-form{vertical-align: top;height: 38px;line-height: 38px;width: 280px;overflow: hidden;} .s-form .input-box{float: left;} .s-form .input-box input{width: 210px;vertical-align: top; *margin: -1px 0;height: 38px;font-size: 14px;padding: 0 5px;line-height: 38px;border: 0;outline: none;} .s-form .btn-box{float: left;} .s-form .btn-box input{height: 38px;overflow: hidden;border: none;background: #165ea9;width: 60px;outline: none;overflow: hidden; color:#fff; font-weight:bold; transition:all 0.3s;} .s-form .btn-box input:hover{background-color: #278518;} .s-form .link-box{text-align: center; font-size: 14px;} .s-form .select-box{float: left;width: 100px;height: 38px;border: none;background: #fff;border-right: none;position: relative;} .s-form .select-box ul{position: absolute; background: #f7f7f7; border-top: 0; line-height: 1.8; display: none; left: -1px; top: 39px; border: 1px solid #ccc; border-top: 0; width: 301px; padding: 5px 10px;} .s-form .select-box ul li{cursor: pointer; padding: 4px 5px; font-size: 14px; float: left; width: 90px; text-align: left;} .s-form .select-box ul li:hover{color: #278518; background: #f1f1f1;} .s-form .select-box .s-option{display: inline-block; position: absolute; top: 0; height: 38px; line-height: 38px; width: 80px; text-align: center;} .s-form .select-box a:hover{text-decoration: none;} .s-form .select-box .arrow-dn{display: inline-block; top: 16px; height: 0; width: 0; font-size: 0; overflow: hidden; border: 5px solid transparent; border-color: #666 transparent transparent; position: absolute; right: 10px; top: 18px; transition: -webkit-transform .1s ease-in-out; transform: translate3d(0, 0, 999px); backface-visibility: visible; -webkit-transition: -webkit-transform .1s ease-in-out; -webkit-transform: translate3d(0, 0, 999px); -webkit-backface-visibility: visible; -moz-transition: -moz-transform .2s ease-in-out; -moz-transform: translate3d(0, 0, 999px); -moz-backface-visibility: visible;} .s-form .select-box .arrow-hover{border-color: transparent transparent #666 transparent; top: 11px;} /* logo */ #logo{float: left;height:100px;width: 26.8%;} #logo a{width: 100%;height:100px;background-size:100% auto!important;display:block;position: relative;z-index: 100;} /* 主导航 */ .topNav{position: relative; width:70%; float:right;} .headerTop-fixed{position: fixed; z-index: 2000; top: 0; left: 0; width: 100%; } .mainNav{position: relative;} .mainNav .item, .mainNav .li1{position: relative;width: 12.5%;_width: 12.4%;float: left;} .mainNav .a1{display: block;color: #fff;text-align: center;font-size: 18px;height: 100px;line-height: 100px;} .mainNav .a1:hover{text-decoration: none; color: #fff} .mainNav .ul1{display: none;position: absolute;background: url(../img/tm80.png);top: 100px;left: -100px;overflow: hidden;z-index: 50; width:548px; height:140px; padding:20px; text-align:center;} .mainNav .li1 .a1{ background:url(../img/domnicon.png) no-repeat center 110% ; } .mainNav .li1:hover .a1{ background-position: center bottom; } .mainNav .ul1 .pic { background:url(../img/menupic1.jpg) no-repeat; width:215px; height:140px; float:left; margin-right:20px;} .mainNav .ul1 .li2 { float:left; width:150px;} .mainNav .a2{display: block;line-height: 18px;padding: 14px 0 14px 30px; color:#fff; text-align:left; text-decoration:none; background:url(../img/menuliteicon.png) no-repeat 10px;} .mainNav .a2:hover{ background-color: #fff; color:#333} .mainNav #li-djgz .pic { background-image:url(../img/menupic3.jpg)} .mainNav #li-xwzx .pic { background-image:url(../img/menupic2.jpg)} .mainNav #li-khfw .pic { background-image:url(../img/menupic4.jpg)} .mainNav #li-qywh .pic { background-image:url(../img/menupic5.jpg)} .mainNav #li-xxgk .pic { background-image:url(../img/menupic6.jpg)} #li-qywh .ul1, #li-xxgk .ul1, #li-rczp .ul1, .mainNav .li1:nth-child(n+6) .ul1 { right:-150px; left: inherit;} /* 主栏 和 侧栏 */ .mainContent{ zoom: 1; overflow:hidden; position: relative;} .side{font-size: 14px; width: 18.33%; margin-right:3.33%; overflow: hidden; float: left;} /* 位置导航 */ .path{color: #aaa; line-height: 20px; text-align: left; max-width: 1200px; _width: 1200px; margin: 0 auto; font-size: 14px; line-height:56px; border-bottom:1px solid #d4d4d4} .path a, .path span{padding: 0 4px 0 8px; color: #666;} .path em{background: url(../img/homeicon.png) no-repeat 0; padding-left: 20px; color:#666;} /*footer*/ #footer{color: #fff; background: #06c; position: relative; text-align: left; padding: 20px 0;} #footer .footNav{ float:left;} #footer .footNav a{margin: 0 10px; display: inline-block;} #footer a{color: #fff;} #footer a:hover{color: #fff} #footer .copyRight {text-align:right;padding: 0 10px;} #footer .copyRight a{text-decoration: underline;} #footer .pics{position: absolute;right: 0;top: 10px;display: none;} #footer .pics img{height: 50px;} #footer #imgConac{height: 70px; margin-top: -10px;} /* 侧栏固定菜单 */ .sideFixed{z-index: 9;top: 234px;right: 0;font-size: 12px;position: absolute; display:none;} .sideFixed li{width:40px;height:38px;position:relative;line-height: 38px;margin-bottom:2px;padding-left:20px;} .sideFixed li label { display:block; text-align:center;} .sideFixed li label a {display:block;height:38px;background:#165ea9 url(../img/sideicons.png) no-repeat center 200%;line-height: 38px;font-size:16px;overflow:hidden;color:#fff;border-radius:5px 0 0 5px;} .sideFixed li .con { position:absolute; right:40px; background-color:#666; opacity:0; display:none; padding: 15px; top:-40%; transition:all .5s} .sideFixed li.on .con {display:block; opacity:1; right:60px; } .sideFixed li.on label a { margin-left:-10px;} .sideFixed li.on:before { content:""; position:absolute; top:50%; margin-top:-10px; left:0px; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:10px solid #666;} .sideFixed .select-box { display:none;} .sideFixed li.srh label a { background-position:center 11px; } .sideFixed li.wx label a { background-position:center -28px; } .sideFixed li.wb label a { background-position:center -67px; } .sideFixed li.phone label a { background-position:center -106px; } .sideFixed li.map label a { background-position:center -145px; } .sideFixed li.wx .con { top:-80px;} .sideFixed li.wx .con img{background:#fff;} .sideFixed li.phone .con { top:-80px; color:#fff; font-size:16px; width:300px;} .sideFixed li.map .con { top:-180px; color:#fff; } /* goTop */ #goTop{position: fixed; display: none; _display: none !important; width: 50px; height: 50px; bottom: 60px; right: 5px; z-index: 99; cursor: pointer; margin: 5px; width: 40px; height: 40px; border-radius: 2px; box-shadow: 0 0 5px #9c9c9c; -webkit-box-shadow: 0 0 5px #9c9c9c; opacity: .9; background: rgba(0, 0, 0, .5);} #goTop::after{display: block; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -15px; content: ""; border-width: 10px; border-color: transparent; border-bottom-color: #fff; border-bottom-style: solid; border-style: dashed; display: block; font-size: 0; line-height: 0; width: 0;} /* winMark */ #winMark{z-index: 1; width: 100%; display: none; height: 100%; position: fixed; background: rgba(0, 0, 0, .8); left: 0; top: 0;} /* 侧栏-栏目菜单 */ #sideMenu li{font-size: 16px; text-align: left; vertical-align: top; border-bottom:1px solid #e6e6e6;} #sideMenu li a{display: block; color:#666; padding: 7px 0 7px 30px; line-height:44px; background: url(../img/menuarr.png) 90% -38px no-repeat ; margin-bottom:-1px;margin-top:-1px; -webkit-transition: 200ms; -o-transition: 200ms; -moz-transition: 200ms; transition: 200ms;} #sideMenu .on a, #sideMenu .on1 .a1, #sideMenu li a:hover{background-color: #d6e9fe; background-position: 90% 22px; color: #0669cc; font-weight:bold; border-color: #d6e9fe;} #sideMenu li a:hover{background-color: #eef6ff;} #sideMenu .ul1 { background:#f3f8ff; padding: 15px 20px; display:none} #sideMenu .on1 .ul1 { display:block;} #sideMenu .li2 { border:0; } #sideMenu .li2 a { background:none; line-height:16px; font-size:14px; background:url(../../Base/img/liteicon3.png) no-repeat 10px; color:#333;} #sideMenu .on2 a { font-weight:bold; color:#06c;} #sideMenu .on1 .a2:hover { background-position:10px; background-color:#fff} /* box */ .box{margin-bottom: 15px;} .box .hd{margin-bottom: 5px; height: 48px; line-height: 48px; position: relative; border-bottom: 1px solid #ddd; font-size: 18px;} .box .hd .more{position: absolute; right: 0; color: #999; font-size: 14px;} .box .hd .more a{color: #999} .box .hd h3{border-bottom: 2px solid #0067cc; line-height: 43px; position: absolute; color: #0067cc; padding: 0 12px 4px 12px;} .box .hd h3 a{color: #0067cc;} .box .hd h3 a:hover{text-decoration: none;} .box .hd ul{position: absolute; height: 39px; line-height: 33px; overflow: hidden;} .box .hd li{float: left; padding: 0 12px 4px 12px; position: relative;} .box .hd li a:hover{text-decoration: none;} .box .hd .on{border-bottom: 2px solid #0067cc;} .box .hd .on a{color: #0067cc;} .box .bd{overflow: hidden;} /* boxA */ .boxA{margin-bottom: 15px;} .boxA .hd{height: 39px; line-height: 39px; position: relative; border-bottom: 1px solid #E1E1E1; background: #F9F9F9;} .boxA .hd .more{font-size: 14px; position: absolute; right: 10px; color: #999;} .boxA .hd h3{position: absolute; color: #0067cc; font-size: 18px; line-height: 38px; padding: 0 20px; background: #F9F9F9; border: 1px solid #E1E1E1; border-top: 3px solid #0067cc; border-bottom: 0;} .boxA .hd h3 a{color: #0067cc;} .boxA .hd h3 a:hover{text-decoration: none;} .boxA .hd ul{position: absolute; height: 40px; overflow: hidden;} .boxA .hd li{float: left; font-size: 18px; height: 39px; line-height: 39px; background: #F9F9F9;} .boxA .hd li a{display: block; float: left; padding: 0 30px;} .boxA .hd li a:hover{text-decoration: none} .boxA .hd .on{border: 1px solid #E1E1E1; border-top: 3px solid #0067cc; border-bottom: 0;} .boxA .bd{padding: 5px; overflow: hidden;} /* boxB */ .boxB{background: #fff;} .boxB .hd{height: 50px; line-height: 50px; position: relative;background: #0067cc;} .boxB .hd .more{font-size: 14px; position: absolute; right: 10px; color: #fff;} .boxB .hd h3{padding: 0 20px; font-size: 18px; color: #fff;} .boxB .hd h3 a{color: #fff; font-weight:bold;} .boxB .bd{overflow: hidden;padding: 15px 20px;border: 1px solid #cadff4;border-top:0;} /* boxC */ .boxC{margin-bottom: 15px; overflow: hidden;} .boxC .hd{height: 30px; line-height: 30px; background: #FAFAFA; border-bottom: 1px solid #E9E9E9; position: relative;} .boxC .hd .more{position: absolute; right: 10px; top: 0; font-size: 14px;} .boxC .hd .more a{color: #666} .boxC .hd ul{overflow: hidden;} .boxC .hd ul li{float: left;} .boxC .hd ul a{display: block; float: left; line-height: 16px; padding: 0 20px; margin: 9px 0; border-right: 1px solid #ccc;} .boxC .hd ul a:hover{text-decoration: none} .boxC .hd ul li:last-child a{border-right: 0} .boxC .hd .on a{color: #0067cc;} .boxC .bd{overflow: hidden; padding: 8px 5px} /* boxD */ .boxD{margin-bottom: 20px;} .boxD .hd{height: 40px; line-height: 40px; background: #0067cc;} .boxD .hd h3{font-size: 18px; color: #fff;} .boxD .hd h3 a{color: #fff} .boxD .hd h3 i{display: block; float: left; width: 42px; height: 40px; background: url(../img/icons-zwgk.png) #00599D 10px 10px no-repeat; margin-right: 10px;} .boxD .bd{background: #fff; overflow: hidden; border: 1px solid #E9E9E9; border-top: 0;} /* boxE */ .boxE{margin-bottom: 15px;} .boxE .hd{height: 40px; line-height: 40px; overflow: hidden; border-bottom: 2px solid #0067cc;} .boxE .hd h3{float: left; padding: 0 20px; background: #0067cc; color: #fff; font-size: 18px;} .boxE .hd h3 a{color: #fff; display: block; float: left;} .boxE .hd .more{float: right;} .boxE .bd{padding: 10px; overflow: hidden;} /* 侧栏盒子模型 */ .sideBox{margin-bottom: 20px; background: #fff;} .sideBox .hd{overflow: hidden; background:#0067cc; line-height:56px;} .sideBox .hd .more{float: right;} .sideBox .hd h3{font-size: 16px; font-weight:bold; color: #fff; padding-left:70px; background:url(../img/diricon.png) no-repeat 30px;} .sideBox .hd h3 a{color: #fff;} .sideBox .hd h3 a:hover{text-decoration: none;} .sideBox .bd { padding:10px 0 0;} /*节点归档信息样式*/ .archived-info{float: right;} .archived-info span{margin: 0 5px;} /* infoListA */ .infoListA li{padding: 0 0 0 15px; font-size:15px; *font-size:14px; line-height: 40px; background: url(../img/liteicon.png) 0 no-repeat; position: relative;} .infoListA .date{color: #6face8; float: right; font-size:13px; *font-size:12px;} .infoListA .last{border-bottom: 0} /* 信件列表 */ .letterList{width: 100%; border: none;} .letterList th, .letterList td{text-align: center; font-size: 15px; *font-size: 14px; vertical-align: middle; line-height: 30px; padding: 5px 5px;} .letterList td { border-bottom:1px dashed #e5e5e5; } .letterList th{background: #f2f5f8; font-size: 14px;} .letterList th{color: #1a72bd;height: 45px;line-height: 45px;padding: 0px; font-weight:bold;} .letterList th.title{text-align: left;padding-left: 8px;} .letterList .even td{background: #f4f4f2;} .letterList .num{display: none;} .letterList td.title{text-align: left;padding-left: 5px;white-space: normal;word-break: break-all;} .letterList .ico{width: 25px;text-align: center;vertical-align: middle;padding: 0px;} .letterList td.ico{ background:url(../../Base/img/liteicon.png) no-repeat 10px; } .letterList .ico img{vertical-align: middle; display:none;} .letterList .dep{width: 90px;} .letterList .state{width: 90px;} .letterList .open, .letterList .handle{display: none} .letterList .state .s0{color: #333;} .letterList .state .s1{color: #f70;} .letterList .state .s2{color: #f00;} .letterList .state .s3{color: #390;} .letterList .state .s4{color: #333; text-decoration: line-through;} .letterList .date{border-right: none; width: 90px;} .letterList td.date{color: #999999} /* detailTable */ .detailTable{margin-bottom: 10px; background: #fff; width: 100%;} .detailTable, .detailTable tr, .detailTable tr td{border: 1px solid #e6e6e6; border-collapse: collapse;} .detailTable thead tr{border-color: #0067cc;} .detailTable thead th{background: #0067cc; height: 40px; line-height: 40px; color: #fff; font-size: 16px; text-align: center; border-color: #0067cc;} .detailTable tbody td{padding: 10px 15px;} .detailTable tbody td.tdName{font-weight: bold; background: #f7f7f7; text-align: center; width: 20%; font-size: 14px;} .detailTable .trTitle .tdCon{font-weight: bold; white-space: normal; word-break: break-all;} .detailTable .trName td:nth-child(2), .detailTable .trUnit td:nth-child(2){width: 160px} .detailTable .trName td:nth-child(3), .detailTable .trUnit td:nth-child(3){width: 160px} .detailTable .preDiv{width: 670px; overflow: auto;} .detailTable .preDiv pre{font-size: 14px; font-family: "Microsoft YaHei", SimSun, Arial, Helvetica, Tahoma, sans-serif; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;} /* mainBox */ .mainBox .mHd{position: relative;border-bottom: 1px solid #d6e7f8;line-height: 50px;height: 64px;} .mainBox .mHd .list{overflow: hidden;} .mainBox .mHd .list li{float: left; padding: 0 4%;} .mainBox .mHd .list a{font-size: 20px; color: #888;} .mainBox .mHd .list a:hover{text-decoration: none} .mainBox .mHd .list .on a{color: #0067cc} .mainBox .mHd h3, .mainBox .mHd .list .on{position: relative;display: inline-block; *display: inline;zoom: 1;padding: 0 1%;color: #0067cc;border-bottom: 0;font-size: 32px;} .mainBox .mHd h3 a{color: #0067cc} .column{margin-bottom: 20px;/* overflow: hidden; */} /* 热点专题 */ .indRdzt{overflow: hidden; zoom: 1;} .indRdzt ul{margin-right: -20px; overflow: hidden;} .indRdzt li{float: left; margin-right: 15px; width: 254px;} .indRdzt li a{display: block;} .indRdzt li img{width: 100%; height: 66px;} .indRdzt .tit{display: block; font-size: 14px; text-align: center; height: 25px; overflow: hidden;} /* 友情链接 */ .friendLinks{border-top: 1px solid #ddd; background: #EEEEEE; padding: 10px 0;} .friendLinks h3{float: left; font-size: 16px; color: #0067cc; padding-left: 31px; background: url(../img/icons.png) 0 -813px no-repeat;} .friendLinks .con{overflow: hidden;} .friendLinks select{padding: 6px; float: left; width: 18.4%; *width: 18.2%; *display: inline; margin-left: 1.6%; *margin: 6px 0 6px 1.6%; border: 1px solid #ccc;} /* 侧栏-栏目内搜索 */ #sideSearch .bd li{padding: 0 0 10px 0; overflow: hidden;} #sideSearch .nodes, #sideSearch input, #sideSearch button{height: 32px; line-height: 32px; width: 100%; border: 1px solid #ddd; font-size: 14px; font-family: "microsoft yahei"; outline: none} #sideSearch .keyword{width: 60%; padding: 0 5px;} #sideSearch button{line-height: 28px; width: 32%; float: right; background: #0067cc; border-color: #0067cc; color: #fff;} /*验证码*/ div.codeinp input[type=text]{width: 100px !important; float: left; margin-right: 10px;} /* 通用底部按钮 */ .bot{text-align: center; padding: 0 0 20px 0;} .bot a, .bot button{cursor: pointer; display: inline-block; height: 46px; line-height: 46px; padding: 0 5%; font-size: 16px; background: #0067cc; border: 0; color: #fff; margin: 0 2%; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .bot a:hover, .bot button:hover{text-decoration: none; background: #077BD4;} /* 依申请、信访、咨询等通用 查询页样色 */ .queryForm{background: #fff; padding: 3% 0; width: 80%; margin: 30px auto; border: 1px solid #e2e2e2; font-size: 16px;} .queryForm td{padding: 8px 0} .queryForm .tdlab{width: 40%; text-align: right;} .queryForm input[type=text]{width: 56%;} .queryForm .bot{text-align: left;} .queryForm .bot a{margin: 0} .queryForm .required strong{color: #f00; margin-right: 5px;} .queryForm .errorMessage{color: #f00;} .queryForm table{width: 100%; border: 0;} /* 依申请、信访、咨询等通用 查询结果页样色 */ .queryResult{width: 80%; margin: 30px auto;} .queryResult .mainBox{margin-bottom: 50px;} .queryResult .tit h3{text-align: center; font-size: 38px; line-height: 2; margin-bottom: 30px;} .queryResult .tips{text-align: center; font-size: 16px; margin-bottom: 50px; border-top: 1px solid #ddd; padding: 50px 0 20px 0;} .queryResult .number{font-weight: bold; color: #f00} /*-- 颜色代码 #0067cc 深蓝色标题 #ddd 淡蓝色边框 --*/