/* 本网站通用布局 */ /* Css Reset */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img {padding: 0;margin: 0;} table { border-collapse: collapse; border-spacing: 0; } fieldset, img {vertical-align: top;border: 0;} address, caption, cite, code, dfn, em, th, var, i { font-weight: normal; font-style: normal; } ol, ul, li { list-style: none; } div, dl, dt, dd, ol, ul, li {zoom: 1;} caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-weight: normal;font-size: 100%;} q:before, q:after { content: ''; } abbr, acronym { border: 0; } article,aside,dialog,footer,header,section,footer,nav,figure,menu,time{margin: 0;padding: 0;display:block;zoom:1;} /* Public */ body {color: #333;font-size: 14px;line-height:1.8;font-family:"Microsoft YaHei",SimSun,Arial,Helvetica,Tahoma,sans-serif;-webkit-text-size-adjust: none;} a { color: #333; text-decoration: none; outline: none; } a:hover {color: #E20500;text-decoration: underline;} .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; } .fr { float: right; } .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; } /* 图标 */ [class^="icon"],[class*="icon"]{display:inline-block;margin-top:-2px;margin-right:10px;width:3px;height:3px;vertical-align:text-top;background-image:url("/wwwxcwgysjcom/Content/gsj/Base/img/icon.png");background-repeat:no-repeat;overflow:hidden;vertical-align:middle;} .icon{width:3px;height:3px;background-position:-30px -67px;} .iconHome{width:20px;height:16px;background-position:0 0;} .iconHomeOn{width:20px;height:16px;background-position:0 -26px;} .iconTzgg{width:14px;height:18px;background-position:0 -53px;} .iconMore{width:15px;height:15px;background-position:0 -81px;} .iconFriendLink{width:14px;height:12px;background-position:0 -106px;} .iconPath{width:12px;height:12px;background-position:0 -128px;} .iconShare{width:12px;height:14px;background-position:0 -151px;} .iconSearch{width:12px;height:12px;background-position:-30px 0;} .iconZddt{width:12px;height:12px;background-position:-30px -24px;margin-right:5px;} .iconArrowRight{width:5px;height:11px;background-position:-30px -46px;} .iconArrowBottom{width:9px;height:6px;background-position:-30px -81px;} .iconArrowRight2{width:6px;height:9px;background-position:-30px -98px;} .iconBoxOn{width:8px;height:5px;background-position:-30px -117px;} .iconTpxw{width:27px;height:32px;background:url("/wwwxcwgysjcom/Content/gsj/Base/img/bigicon.png") no-repeat;;} .iconMsg{width:20px;height:20px;background:url("/wwwxcwgysjcom/Content/gsj/Base/img/writeicon.png") no-repeat;} .iconFocusLeft{width:14px;height:29px;background-position:-52px -54px;} .iconFocusRight{width:14px;height:29px;background-position:-52px -91px;} .iconPhone{width:19px;height:32px;background-position:-86px 0;} .iconWb{width:36px;height:31px;background-position:-86px -42px;} .iconWx{width:36px;height:29px;background-position:-86px -83px;} .iconBackTop{width:30px;height:32px;background-position:-86px -124px;} .iconPicOn{width:33px;height:31px;background-position:-132px -300px;} .iconHdRed{width:27px;height:50px;background-position:-182px 0;} .iconHdBlue{width: 5px;height:50px;background-position:-182px -60px;} .iconHdGreen{width:27px;height:50px;background-position:-182px -120px;} /* frame */ body {background:#e6f3ff url("/wwwxcwgysjcom/Content/gsj/Base/img/bodyBg.jpg") center 0 no-repeat;min-width:1200px;} .container {position:relative;width:1200px; margin: 0 auto;} #content .container {width:1160px; } .mainContent {overflow:hidden; padding-right:20px; border-right:1px solid #eee; } .side {float: right ;padding-left:20px; border-left:1px solid #eee;width:320px; display:inline; margin-left:-1px} .row{margin-bottom:30px;} .shadow{} #content{ background:#fff; padding:20px; width:1160px; margin:10px auto 0;} #header{position:relative;z-index:11;} /* topBar */ .topBar{height: 40px;line-height: 40px;position:relative;z-index:9;float: right;padding: 4px 18px 0 0;} .topBar a{cursor:pointer; } .topBar a:hover{color:#c00;} .topBar .userPanel{float:right;} .topBar .zfLink{float:left;} .zfLink a {margin: 0 5px;background:url("/wwwxcwgysjcom/Content/gsj/Base/img/ghicon.png") no-repeat 0;padding-left:18px;} .zfLink .a4 { background:url("/wwwxcwgysjcom/Content/gsj/Base/img/xhicon.png") no-repeat 0 } .topBar .site{position:absolute;right: 15px;top: 10px;} .topBar .site dt{ width:80px; text-align:center; border:1px solid #167bca; line-height:30px; background:#fff} /* 站群导航 S */ .topBar .site a { padding: 0; margin: 0; } .topBar .site dd { display: none; padding: 10px; color: #fff; font-size: 12px; } .topBar .site dd a { margin: 0; color: #fff; } .topBar .site dd h3 { text-align: left; margin: 0 10px; position: relative; font-size: 14px; font-weight: bold; line-height: 34px; } .topBar .site dd h3 i { content: ""; display: block; height: 1px; line-height: 0; font-size: 0; background: #2d94e4; top: 17px; right: 0; width: 88%; position: absolute; } .topBar .site dd ul { overflow: hidden; padding: 0 0 0 10px; } .topBar .site dd li { float: left; width: 110px; text-align: left; overflow: hidden; height: 30px; line-height: 30px; } .topBar .site dd li a { } .topBar .site dd li a:hover { color: #ff0; } .topBar .site li a { cursor: pointer; } .topBar .site.on dt{ background-color: #167bca; color: #fff; } .topBar .site.on dd {display: block;position: absolute;right: 0;top: 32px;width: 790px;padding-bottom: 10px;background: #167bca;-webkit-box-shadow: box-shadow: 0px 4px 8px rgba(0, 0, 0, .3);-moz-box-shadow: box-shadow: 0px 4px 8px rgba(0, 0, 0, .3);box-shadow: 0px 4px 8px rgba(0, 0, 0, .3);} /* 站群导航 E */ /* logoBar */ .logoBar{height: 154px;margin: 0 auto;position: relative;overflow: hidden;} .logoBar #logo{position: absolute;top: 39px;left: 6px;} /* 主导航 */ .topNav{position: relative;margin: 0 auto;background: #fff;height: 50px; border-bottom:4px solid #0062af} .s-form{ position:absolute; z-index:2; top: -90px; right:15px; width: 305px; overflow:hidden; background:url("/wwwxcwgysjcom/Content/gsj/Base/img/tmBg.png"); height:20px; line-height:18px; border:1px solid #fff; border-radius:20px; padding:11px 10px; filter:alpha(opacity=80); opacity:0.8; } .s-form .input-box{float:left;height:20px;width:288px;overflow:hidden; } .s-form .from-control{border:none;background:none;vertical-align:top;font-size: 16px;font-family:"微软雅黑";height:20px;outline:none;line-height:20px;width: 258px;color:#0062af;} .s-form .btn-box{position:absolute;top:5px;right:7px;width:22px;height:20px;} .s-form .btn-box .btn{margin:3px 0 0 -8px;line-height:100px;background-color:none;border:none;overflow:hidden; background:url("/wwwxcwgysjcom/Content/gsj/Base/img/srhicon.png") no-repeat; width:23px; height:24px;} .mainNav {position: relative;} .mainNav .li1,.mainNav .spe{height: 50px;float: left;_display: inline;position:relative;line-height: 50px;} .mainNav .spe{width:1px;background: url("/wwwxcwgysjcom/Content/gsj/Base/img/navLine.jpg") center no-repeat;line-height: 200px;overflow: hidden;} .mainNav .h1{float: left;display:block;width: 119px;} .mainNav .first1 .h1{width:120px;} .mainNav .a1{display: block;text-align:center;font-size: 16px; font-weight:bold;} .mainNav .a1:hover { text-decoration: none;} .mainNav .first1 .h1{} .mainNav .on1 .h1{background: #0062af;} .mainNav .on1 .h1 i{margin:0 5px 0 0;} .mainNav .on1 .h1 a{color:#fff;} .mainNav .ul1{ left: 0; overflow:hidden; line-height:28px; position:absolute; top: 50px; width: 340px; display:none; background: #0062af; z-index: 10; } .mainNav .li2{width: 170px;float:left;vertical-align:top;} .mainNav .a2{border-bottom: 1px solid #006bd6;font-size: 14px;display:block;line-height: 20px;padding:10px 20px;color: #fff;text-align: left;} .mainNav .a2:hover{background: #006bd6;color:#fff;text-decoration:none;} .mainNav #li-zcfg .ul1{ width:400px;} .mainNav #li-zcfg .li2{width:200px;} .mainNav #li-gzcy .ul1{left:-100px; } /* 位置导航 */ .path {text-align: left;display: block;overflow: hidden;color: #666;font-size: 14px;margin: 0 auto;} .path a, .path span { padding: 0 3px; color: #666; } .path em {} /*footer*/ #footer {color: #fff;background-color: #0062af;position: relative;padding: 20px 0;text-align: center;line-height:2;} #footer .container{overflow:hidden;} #footer .footNav a {margin: 0 10px;} #footer a { color: #fff; } #footer a:hover{ color:#fff } #footer .copyRight {text-align: center;} #footer .copyRight a { text-decoration: underline; } #footer .pics{padding-top:10px;} #footer .pics img{height:50px;} /* 信息公开链接组 */ .xxgkBtns{overflow: hidden;} .xxgkBtns ul{overflow: hidden;} .xxgkBtns ul li{margin-bottom:10px;height: 50px;line-height:50px;font-size:16px;overflow: hidden;} .xxgkBtns ul li a{display: block;position: relative;-webkit-transition:200ms;-o-transition:200ms;-moz-transition:200ms;transition:200ms;line-height:48px;text-align: center;border:1px solid #ddd;} .xxgkBtns ul li a:hover{ text-decoration:none;border:1px solid #005ebc;background-color:#005ebc;color:#fff;} /* box */ .box{overflow:hidden;} .box .hd{position:relative;font-size: 18px;} .box .hd .more{position:absolute;right:0px;top:0;overflow:hidden;display: none;} .box .hd .more i{margin:0;} .box .hd h3{border-bottom:1px solid #e5e5e5;height:40px; font-weight:bold;} .box .hd h3 a{ color:#333;line-height:35px;padding-bottom:5px;display:inline-block;*display:inline;zoom:1;} .box .hd h3 a:hover{ text-decoration:none; } .box .hd ul{border-bottom: 1px solid #eee;height: 42px;} .box .hd li{float:left; margin:0 10px 0 0;} .box .hd li a{display:block;float:left;line-height: 42px;color:#333;padding: 0 12px;} .box .hd li a:hover{text-decoration:none} .box .hd .on{border-bottom: 1px solid #7fcef5; position:relative; font-weight:bold;} .box .hd .on:after { content:""; width:0; height:0; border-right:5px solid transparent; border-left:5px solid transparent; border-top: 5px solid #7fcef5; position:absolute; bottom:-5px; left:50%; margin-left:-5px;;} .box .hd .on a{color:#0066b3;} .box .bd{ padding-top:5px; overflow:hidden; } .infoList li{border:none;background-position:0 17px;font-size:16px;} .infoListB li{border:none;background-position:0 17px;font-size:16px;} .infoList li .date{font-size: 16px;} .picList li{font-size:16px;} .picListFl li{font-size:16px;} /* sideBox */ .sideBox{padding:0;} .sideBox .hd{position:relative;height: 40px;overflow:hidden;border-bottom: 2px solid #eee;} .sideBox .hd i.iconArrowRight2{position:absolute;top:20px;right:10px;} .sideBox .hd i{margin:0;float:left;display: none;} .sideBox .hd h3{margin-left: 5px;line-height:40px;font-size:18px; font-weight:bold;} .sideBox .hd h3 a, .sideBox .hd h3 span{ color:#0062AF } .sideBox .bd{padding:10px 0;} /* mainBox */ .mainBox .mHd{position: relative;height: 35px;margin:10px 0;} .mainBox .mHd .path{float:right;line-height: 25px;height:25px;padding:0;} .mainBox .mHd .list{ overflow:hidden; } .mainBox .mHd .list li{float:left; padding: 0 4%; } .mainBox .mHd .list a{font-size:18px;color: #888;} .mainBox .mHd .list a:hover{ text-decoration:none} .mainBox .mHd .list .on a{ color:#0068b7 } .mainBox .mHd h3,.mainBox .mHd .list .on{position: relative;display:inline-block; *display:inline;zoom:1;font-size: 28px;padding:0 5px;color:#005ebc;height:35px;line-height:25px;} .mainBox .mBd{overflow:hidden} /* 信件列表 */ .letterList{width: 100%;} .letterList th, .letterList td{text-align: center;font-size: 14px;vertical-align:middle;line-height: 25px;padding: 6px 5px;} .letterList th, .letterList .even{background: #f3f3f3;} .letterList th{color: #2D97E8;padding: 0px;} .letterList th.title{text-align: left; padding-left: 38px;} .letterList .num{display: none;} .letterList td.title{text-align: left; padding-left: 5px; } .letterList .ico{width:30px; text-align:center; vertical-align:middle; padding: 0px} .letterList .ico img{ vertical-align:middle;} .letterList .dep{width: 70px;} .letterList .state{width: 70px;} .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; } /* 友情链接 */ .friendLinks{margin-bottom: 15px;background: #fff;padding: 15px 20px;} .friendLinks h3{float:left;font-size:16px;color:#0068b7;padding-left: 31px;background: url("/wwwxcwgysjcom/Content/gsj/Base/img/icons.png") 0 -414px no-repeat;} .friendLinks .con{overflow:hidden;} .friendLinks select{background: #FBFBFB;padding: 6px;float:left;width: 18.4%;_width: 18.2%;_display:inline;margin-left: 1.6%;border: 1px solid #CFCFCF;} /* 图片-内容页 ----------------------------------------- */ .swp-tit h2, .swp-tit span {font-family:"宋体";font-weight: bold!important;font-size:30px;} /* goTop */ #goTop { position: fixed; display: none; _display: none !important; width: 50px; height: 50px; bottom: 210px; left: 50%; margin-left:620px; z-index: 99; cursor: pointer; 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; } /*验证码*/ div.codeinp input[type=text] { width: 100px !important; float: left; margin-right: 10px; } div input[type=text] { border: 1px solid #ccc; height: 30px; padding: 0 10px; } .codeerror{ height: 30px; line-height: 30px; overflow: hidden; } /* 通用底部按钮 */ .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: #f60; 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: #f80; } /* 依申请、信访、咨询等通用 查询页样色 */ .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: 30px; } .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 }