/* Css for PEL, ver 1.0 CopyRight By Dongyi Network Technology CO.,Ltd Design Center 本网站通用布局 */ /* 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/zljsjdj/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;} .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:23px;height:18px;background-position:-52px 0;} .iconMsg{width:19px;height:14px;background-position:-52px -29px;} .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;} .iconXxgk1{width:50px;height:50px;background-position:3px 0;} .iconXxgk2{width:50px;height:50px;background-position:-113px 0;} .iconXxgk3{width:50px;height:50px;background-position:-232px 0;} .iconXxgk4{width:50px;height:50px;background-position:3px -121px;} .iconXxgk5{width:50px;height:50px;background-position:-113px -121px;} .iconXxgk6{width:60px;height:50px;background-position:-227px -121px;} .iconPicOn{width:33px;height:31px;background-position:-132px -300px;} .iconHdRed{width:27px;height:50px;background-position:-182px 0;} .iconHdBlue{width:27px;height:50px;background-position:-182px -60px;} .iconHdGreen{width:27px;height:50px;background-position:-182px -120px;} /* frame */ body {min-width:1200px;} .container {position:relative;width:1200px; margin: 0 auto;} .mainContent {overflow:hidden;} .side {float: right;margin-left: 20px;width: 280px;} .row{margin-bottom:20px;} .shadow{} #content{padding:30px 0;position:relative;width:1200px; margin: 0 auto;} #header{position:relative;z-index:11; min-height:500px; *height:500px; _height:500px;} /* topBar */ .topBar{height: 45px;line-height: 45px;color: #fff;position:relative; z-index:9;} .topBar a{cursor:pointer; padding-left:10px; background:url("/wwwxcwgysjcom/Content/zljsjdj/Base/img/liteicon.png") no-repeat 0; margin-right:20px;} .topBar a:hover{color:#f00;} .topBar .userPanel, .topBar .link{float:right;} .topBar .zfLink{float:left;} .topBar .site{position:relative;float:right;} .topBar .site dt{height:30px;padding:0 20px 0 10px;cursor:pointer; margin-top:7px; line-height:30px; border-radius:4px; position:relative; color:#fff; background:#ff8400;} /* 站群导航 S */ .topBar .site a { padding: 0; margin: 0; } .topBar .site dd { display: none; padding: 10px; font-size: 12px; color:#333 } .topBar .site dd a { margin: 0; } .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: #e0e0e0; 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 { background:none } .topBar .site dd li a:hover { } .topBar .site li a { cursor: pointer; } .topBar .site.on { } .topBar .site.on dd {display: block; border:1px solid #FF8400;position: absolute;right: 0;top: 35px;width: 790px;padding-bottom: 10px;background: #fff;-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 */ /* banner */ .indBanner .bd{position:relative; z-index:0} .indBanner .bd li{height: 500px;} .indBanner .bd .link{ display:block; height:100%; } .indBanner .bd .con{display:none} .indBanner .hd{position:absolute;bottom: 15px;left:0;text-align:center;width:100%;height:20px;overflow:hidden;font-size:0;z-index:3;} .indBanner .hd li{ width:10px; height:10px; margin:0 4px; background:#fff; cursor:pointer; display:inline-block; *display:inline; zoom:1; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; } .indBanner .hd li span{display:none; } .indBanner .hd .on{background: #ff8400;} .topBarBg { position:absolute; width:100%; height:45px; top:0; background:#fff;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;} .headBd { position:absolute; width:100%; top:0;} /* 主导航 */ .topNav{position: relative;margin: 0 auto;height:100px;background: #fff; margin-top:30px;-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);} .topNav #logo {float:left;width: 440px;padding:0 0 0 20px;height:100px;background:#fff url("/wwwxcwgysjcom/Content/zljsjdj/Base/img/menuspabg.png") no-repeat right;margin-right: 5px;} .topNav #logo img {margin-top: 8px;} .s-form{position:absolute;z-index:2;top: 390px;left: 0;width: 320px;overflow:hidden;line-height:18px;padding: 19px 20px;height: 42px;background: url("/wwwxcwgysjcom/Content/zljsjdj/Base/img/srhbg.png") no-repeat;} .s-form .input-box{float:left;height: 40px;width: 270px;overflow:hidden;} .s-form .from-control{border:none;background:none;vertical-align:top;width: 250px;height: 20px;padding: 10px 10px;font-size: 16px;font-family: "微软雅黑";} .s-form .btn-box{position:absolute;top: 19px;right: 20px;padding: 0;overflow: hidden;} .s-form .btn-box .btn{background: none;border:none;overflow:hidden;margin: 0;line-height: 100px;height: 40px;width: 50px;} .mainNav {background:url("/wwwxcwgysjcom/Content/zljsjdj/Base/img/navbg.png") repeat;height:100px;} .mainNav .li1{height: 100px;float: left;_display: inline;position:relative;} .mainNav .spe{ width:8px;background: url("/wwwxcwgysjcom/Content/zljsjdj/Base/img/navLine.jpg") center no-repeat;line-height: 200px; overflow: hidden; display:none;} .mainNav .h1{float: left;display:block;width: 105px;padding-top:30px;line-height:70px;background:url("/wwwxcwgysjcom/Content/zljsjdj/Base/img/menuicon.png") no-repeat 41px 17px;transition: all 0.5s;} .mainNav .h1 a { color:#fff; display:block; } .mainNav .a1{display: block;text-align:center;font-size: 16px;} .mainNav .a1:hover { text-decoration: none;} .mainNav .first1 .h1{} .mainNav .on1 .h1{ background-color:#9d1115;} .mainNav .h1 i{display:none;} .mainNav .on1 .h1 a{ background:url("/wwwxcwgysjcom/Content/zljsjdj/Base/img/menuarr.png") no-repeat center 55px; color:#F9F3AE} .mainNav #li-zjzc .h1{background-position:-68px 17px;} .mainNav #li-jggk .h1{background-position:-177px 17px;} .mainNav #li-zwgk .h1{background-position:-286px 17px;} .mainNav #li-zcfg .h1{background-position:-395px 17px;} .mainNav #li-bsfw .h1{background-position:-504px 17px;} .mainNav #li-hdjl .h1{background-position:-722px 17px;} .mainNav .ul1{ left: 0; overflow:hidden; line-height:28px; position:absolute; top: 100px; width: 100%; display:none; background: #9c1115; z-index: 10; } .mainNav .li2{ vertical-align:top; } .mainNav .a2{border-top: 1px solid #ab1419;font-size: 14px;display:block;line-height: 20px;padding: 10px;color: #fff;text-align: center;} .mainNav .a2:hover{background: #bf1a20;color:#fff;text-decoration:none;} /* subBar */ .subBar{background:#fff;overflow:hidden;height:30px;line-height:30px;padding: 10px 15px;-webkit-box-shadow:0px 2px 5px rgba(0, 0, 0, .3);-moz-box-shadow:0px 2px 5px rgba(0, 0, 0, .3);box-shadow:0px 2px 3px rgba(0, 0, 0, .05);} .subBar .s-form{float:right;width: 247px;} .subBar .s-form input{vertical-align:top } .subBar .btn-box{width:70px; float:right; } .subBar .btn-box .btn{font-size: 14px;height:30px;width:100%;background:#2D97E8;text-align:center;border:0;color: #fff;} .subBar .btn-box .btn:hover{ background:#2589d6 } .subBar .input-box{ width:177px; float:left; } .subBar .input-box input{border:1px solid #C0C0C0;height:20px;padding:4px;border-right:0;width: 168px;} .subBar .tzgg{ overflow:hidden } .subBar .tzgg dt{float:left;padding-left: 25px;background: url("/wwwxcwgysjcom/Content/zljsjdj/Base/img/icons.png") 0 -61px no-repeat; color:#2D97E8} .subBar .tzgg dt a{color:#2D97E8} .subBar .tzgg dd{overflow:hidden; } .subBar .tzgg .dateRight{color:#999} /* 位置导航 */ .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 {background: url("/wwwxcwgysjcom/Content/zljsjdj/Base/img/homeicon.png") no-repeat 0 ;padding-left: 21px;} /*footer*/ #footer {color: #fff;background-color: #525252;position: relative;padding: 30px 0 20px; text-align:left;line-height:2; } #footer .container{overflow:hidden;} #footer .footNav{margin-left:-5px; margin-bottom:10px;} #footer .footNav a {margin: 0 5px;} #footer a { color: #fff; } #footer a:hover{ color:#fff } #footer .copyRight a { text-decoration: underline; } #footer .pics{position:absolute;right:0;top: 20px;} #footer .pics img{height:46px;} #footer #imgConac{height:60px; margin:-8px 0 0 -12px;} /* 信息公开链接组 */ .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;border:1px solid #ddd; text-align:center;} .xxgkBtns ul li a:hover{ text-decoration:none;border:1px solid #ad181d;background-color:#ad181d;color:#fff;} /* box */ .box{overflow:hidden;} .box .hd{position:relative;background:#F4F1F3; height:50px; line-height:50px; overflow:hidden} .box .hd .more{position:absolute;right: 10px;top:0;\: none;color: #999;} .box .hd .more i{margin:0;} .box .hd h3{float:left; padding:0 20px; background:#ad181d; font-size:18px;} .box .hd h3 a{color:#fff;} .box .hd h3 a:hover{ text-decoration:none; } .box .hd li{float:left; padding:0 20px; } .box .hd .on{background: #ad181d; font-size:18px;} .box .hd .on a{color: #fff;} .box .bd{ padding-top:15px; overflow:hidden; } .box .bd .infoList{padding:0 5px;} .infoListB li{border:none;background-position:0 14px;font-size: 14px;} .picList li{font-size:16px;} .picListFl li{font-size:16px;} /* sideBox */ .sideBox{padding:0;border-top: 3px solid #ad181d;background: #f9f9f9;margin-bottom: 20px;padding: 0 20px;} .sideBox .hd{position:relative;height: 62px;line-height: 62px;overflow:hidden;margin-bottom: 5px;border-bottom: 1px solid #cbcbcb;} .sideBox .hd i.iconArrowRight2{position:absolute;top:20px;right:10px;} .sideBox .hd i{margin:0;float:left;display: none;} .sideBox .hd h3{font-size: 22px;color: #981115;} .sideBox .hd h3 a, .sideBox .hd h3 span{} .sideBox .bd{background: #f7f7f7;padding-bottom: 10px;} /* mainBox */ .mainBox .mHd{position: relative;height: 50px;line-height: 50px;background: #ededed;margin-bottom: 10px;} .mainBox .mHd .path{float:right;padding: 0 20px;} .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:#AD181D } .mainBox .mHd h3,.mainBox .mHd .list .on{position: relative;display:inline-block; *display:inline;zoom:1;font-size: 18px;padding: 0 25px;color: #fff;background: #ad181d;} .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{font-weight:bold; background:#F9F6ED} .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; } /* 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 }