/* 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;text-align: center;-webkit-text-size-adjust: none;} a {color: #333;text-decoration: none;outline: none;} a:hover {color: #c00;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; } .column{overflow: hidden;} /* frame */ html {} body {text-align: center;min-width:1000px;} .wrap{background: url("/czjxcwgysjcom/Content/czj/Base/img/banner1.jpg") #F5F5F5 center top no-repeat;} .siteWidth {position: relative;width: 1200px;margin: 0 auto;} #header {width: 1200px;position: relative;z-index: 2;text-align: left;margin: 0 auto;} #content {margin: 0 auto;width: 1200px;position: relative;z-index: 1;text-align: left;/* overflow:hidden; */clear: both;} #content:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; } #content.noSideContent{ background:#fff; padding:15px 20px; width:1160px; } /* topBar */ .topBar{height: 40px;line-height: 40px;position:relative;} .topBar .topBarBox{width:1200px;margin: 0 auto;position: relative;z-index: 5;height:40px;line-height:40px; text-align:left;} .topBar .topBarBox .li1{float: right; } .topBar .topBarBox .li1 a{padding: 0 10px; } .topBar .bg{height:40px;background-color:#fff;position:absolute;top:0;left:0;z-index:3;width:100%;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;} .topBar .site{ position:relative; display:inline-block; *display:inline; zoom:1; height:30px;line-height:30px;margin:5px 0;} .topBar .site dt{height: 30px;padding:0 10px 0 30px;background: url("/czjxcwgysjcom/Content/czj/Base/img/zqdhPic.png") 9px 9px #cc0000 no-repeat;color:#fff;} /* 站群导航 S */ .topBar .site a { padding: 0 !important; margin: 0; } .topBar .site dd { display: none; padding: 10px;font-size: 12px; border:1px solid #cc0000} .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: #dedede; 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 { } .topBar .site li a { cursor: pointer; } .topBar .site.on { } .topBar .site.on dd {display: block;position: absolute;right: 0;top: 30px;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 */ .logoBar{height: 230px;margin: 0 auto;position: relative;overflow: hidden;} .logoBar #logo{position: absolute;top: 72px;left: 0px;z-index:3;} /* 主导航 */ .topNav{position: relative;margin: 0 auto;background-color:#cc0000;border-bottom:4px #6a0005 solid;} .topNav-fixed{ position:fixed; top:0; left:0; width:100%; -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 5px rgba(0, 0, 0, .3); } .mainNav { position: relative; } .mainNav .li1,.mainNav .spe{float: left;_display: inline;position:relative;} .mainNav .spe{ width: 1px;background-color:#d11a1a;height:76px;display: none;} .mainNav .h1{float: left;display:block;width:120px;text-align:center;} .mainNav .a1{color: #fff;text-align:center;font-size: 16px;background: url("/czjxcwgysjcom/Content/czj/Base/img/navIcons.png") no-repeat;padding-top:40px;display:block;height:36px;} .mainNav .a1:hover { text-decoration: none; color:#fff; } .mainNav .first1 .h1{} .mainNav .on1 .h1{background-color:#6a0005;} .mainNav #li-home .a1{background-position: 47px 9px;} .mainNav #li-yjsgk .a1{background-position: -74px 8px;} .mainNav #li-bsfw .a1{background-position: -190px 8px;} .mainNav #li-zmhd .a1{background-position: -308px 10px;} .mainNav #li-zwgk .a1{background-position: -427px 10px;} .mainNav #li-zfcg .a1{background-position: -550px 8px;} .mainNav #li-ztzl .a1{background-position: -667px 8px;} .mainNav .ul1{left: 0;overflow:hidden;line-height:28px;position:absolute;top: 76px;width: 100%;display:none;background: #6a0005;z-index: 10;} .mainNav .li2{ vertical-align:top; } .mainNav .a2{border-top: 1px solid #8c0007;font-size: 14px;display:block;line-height: 20px;padding: 8px;color: #fff;text-align: center;} .mainNav .a2:hover{background: #7b090f;color:#fff;text-decoration:none;} #li-ztzl .ul1{ width:200px;} /* s-form */ .s-form{width: 285px;position:absolute;right: 20px;top: 24px;z-index:9;} .s-form input{vertical-align:top;} .btn-box{width: 40px;float:right;} .btn-box .btn{font-size: 14px;height:30px;width: 40px;background:url("/czjxcwgysjcom/Content/czj/Base/img/search.png") no-repeat #fff center;text-align:center;border:0;color: #fff; border-top-right-radius:20px;border-bottom-right-radius:20px;} .btn-box .btn:hover{ } .input-box{width: 245px;float:left;} .input-box input[type=text]{border:none;height:20px;padding: 5px 5px 5px 20px;width: 235px;border-bottom-left-radius: 20px;border-top-left-radius: 20px; outline:none} /* 主栏 和 侧栏 */ .mainContent {padding: 10px 20px;background: #fff;width: 900px;zoom: 1;float: right;} .side {width: 240px;float: left;} /* 位置导航 */ .path{background: url("/czjxcwgysjcom/Content/czj/Base/img/pin.png") no-repeat 22px center #fff;padding-left:30px;text-align: left;overflow: hidden;color: #666;font-size: 14px;margin:20px auto;background-color: #fff;height: 50px;line-height: 50px;width: 1170px;} .path a,.pathWrap .path span { padding: 0 3px; color: #666; } .path em {padding-left: 21px;} /*footer*/ #footer {position: relative;text-align:center;padding: 20px 0;} #footer .footNav {height:60px; line-height:60px; background:#c00; color:#fff; font-size:18px;} #footer .footNav a {margin: 0 10px; color:#fff} #footer .copyRight { padding:20px 0; line-height:30px;} #footer .copyRight a { text-decoration: underline; } /* goTop */ #goTop { position: fixed; display: none; _display: none !important; width: 50px; height: 50px; bottom: 250px; 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; } /* 信息公开链接组 */ .xxgkBtns{overflow: hidden; border: 1px solid #ebebeb; margin-bottom: 20px; background:#fff;} .xxgkBtns ul{overflow: hidden;} .xxgkBtns ul li{margin-bottom: 8px; height: 46px;line-height: 46px;overflow: hidden; -webkit-box-shadow:2px 2px 3px rgba(0, 0, 0, .05);-moz-box-shadow:2px 2px 3px rgba(0, 0, 0, .05);box-shadow:2px 2px 3px rgba(0, 0, 0, .05);} .xxgkBtns ul li a{display: block;padding-left: 80px;position: relative;background: #fff; /*background:url("/czjxcwgysjcom/Content/czj/Base/img/side-xxgk.png") 50px 15px no-repeat #fff;*/ -webkit-transition:200ms;-o-transition:200ms;-moz-transition:200ms;transition:200ms;} .xxgkBtns ul .li2 a{background-position: 50px -94px;} .xxgkBtns ul .li3 a{background-position: 50px -203px;} .xxgkBtns ul .li4 a{background-position: 50px -313px;} .xxgkBtns ul .li5 a{background-position: 50px -421px;} .xxgkBtns ul li a:hover{ text-decoration:none; padding-left:84px; color:#c00 } /* box */ .box{} .box .hd,.indBox .iHd{height: 40px;line-height: 40px;position:relative;background-color:#eee;} .box .hd .more,.indBox .iHd .more{font-size: 14px;position:absolute;right:10px;color:#999;} .box .hd h3,.indBox .iHd h3{font-size: 16px;color: #fff;float:left;background-color:#cc0000; font-weight:bold} .box .hd h3 a,.indBox .iHd a{ color:#fff; padding: 0 20px; display:block; float:left; } .box .hd ul{position:absolute;height: 40px;overflow:hidden;} .box .hd li{margin-right: 5px;float:left;font-size: 16px;background: #EDEDED;} .box .hd li a{display:block;float:left;padding: 0 20px;} .box .hd li a:hover{text-decoration:none} .box .hd .on{color: #fff;background-color:#cc0000; font-weight:bold} .box .hd .on a{color:#fff} .box .bd,.indBox .iBd{ overflow:hidden; padding:10px 5px} .box .bd ul li a{font-size:14px;} .indBox .iHd{margin-bottom:20px;} /* boxTab */ .boxTab{ padding:15px; background:#fff; margin-bottom:15px; } .boxTab .hd{height: 40px;line-height: 40px;position:relative;background-color:#eee;} .boxTab .hd .more{font-size: 14px;position:absolute;right:10px;color:#999;} .boxTab .hd h3{font-size: 16px;color: #fff;background: url("/czjxcwgysjcom/Content/czj/Base/img/bg.png") 0 0 no-repeat #3197E8; float:left;} .boxTab .hd h3 a{ color:#fff; padding: 0 20px; display:block; float:left; } .boxTab .hd h3 a:hover{ text-decoration:none; } .boxTab .hd ul{position:absolute;height: 40px;overflow:hidden;} .boxTab .hd li{margin-right: 5px;float:left;font-size: 16px;background: #EDEDED;} .boxTab .hd li a{display:block;float:left;padding: 0 20px;} .boxTab .hd li a:hover{text-decoration:none} .boxTab .hd .on{color: #fff;background-color:#cc0000;} .boxTab .hd .on a{color:#fff} .boxTab .bd{ padding:5px; overflow:hidden; } /* boxA */ .boxA{padding:15px; background:#fff; -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); margin-bottom:15px; } .boxA .hd{height: 40px;overflow: hidden;line-height: 40px;background: url("/czjxcwgysjcom/Content/czj/Base/img/bg.png") 0 -75px no-repeat;} .boxA .hd .more{background: #fff;float:right;color:#999;padding-left: 10px;} .boxA .hd .more a{color:#999} .boxA .hd h3{float: left;font-weight: bold;font-size: 16px;padding: 0 10px 0 13px;color: #c00;background: url("/czjxcwgysjcom/Content/czj/Base/img/bg.png") 0 -147px no-repeat #fff;} .boxA .hd h3 a{ color: #c00; } .boxA .hd ul{float: left; _display: inline; overflow: hidden;} .boxA .hd li{float:left; _display: inline; height: 40px; line-height: 40px; cursor: pointer; padding: 0 20px; color: #333; font-size: 18px;} .boxA .hd li a{color: #333} .boxA .hd li a:hover{ text-decoration:none; color: #333} .boxA .hd .on{ background: #0068b7;} .boxA .hd .on a{ color: #fff;} .boxA .hd .on a:hover{color: #fff} .boxA .bd{padding: 5px; overflow:hidden;} /* boxB */ .boxB{} .boxB .hd{height: 40px; background: #0068b7; padding-right: 10px;} .boxB .hd h3{float: left;_display: inline;height: 40px;line-height: 40px;padding-left: 35px;background: url("/czjxcwgysjcom/Content/czj/Base/img/icons-1.png") 8px -584px no-repeat;font-size: 16px;color: #fff;} .boxB .hd h3 a{color: #fff;} .boxB .hd h3 a:hover{color: #ff0; text-decoration: none;} .boxB .hd .more{float: right; _display: inline; line-height: 40px; font-size: 12px; color: #fff;} .boxB .bd{border: 1px solid #e6e6e6; padding: 10px;} /* boxE */ .boxE{margin-bottom:15px;} .boxE .hd{height: 40px;line-height: 40px;overflow:hidden;border-bottom: 2px solid #c00;} .boxE .hd h3{float:left;padding: 0 20px;background: #c00;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 */ .sideBox{margin-bottom: 20px;} .sideBox .hd{ height:40px; line-height:40px; background:#c00; color:#fff; padding:0 15px;} .sideBox .hd a{color:#fff} .sideBox .hd .more{float:right; } .sideBox .hd h3{ font-size:16px; font-weight:bold;} .sideBox .bd{padding: 15px; border:1px solid #ddd; overflow:hidden;} /* mainBox */ .mainBox .mHd{position: relative;border-bottom: 1px solid #D8D8D8;line-height: 25px;height: 35px;margin-bottom:20px;/* overflow: hidden; */} .mainBox .mHd .path{float:right;line-height: 25px;height: 31px;padding:0;} .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:#0068b7 } .mainBox .mHd h3,.mainBox .mHd .list .on{position: relative;display:inline-block; *display:inline;zoom:1;font-size: 16px;padding-left:15px;background: url("/czjxcwgysjcom/Content/czj/Base/img/articleHd.png") 0 center no-repeat;color:#cc0000;border-bottom:2px #cc0000 solid;height: 34px;line-height: 34px;font-weight:bold;padding-right:10px;} .mainBox .mBd{overflow:hidden;width: 100%;} /* 信件列表 */ .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: #f5f5f5;} .letterList th{color: #c00;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{background: #c00;padding:10px 0;margin-top: 20px;} .friendLinks h3{float:left;font-size:16px;color:#fff;padding-left: 20px;} .friendLinks .con{overflow:hidden;} .friendLinks select{background: #FBFBFB;padding: 5px;float:left;width: 18.4%;_width: 18.2%;_display:inline;margin-left: 1.6%;border: 1px solid #CFCFCF;} /* 阴影 */ .shadow{-webkit-box-shadow:2px 2px 3px rgba(0, 0, 0, .05);-moz-box-shadow:2px 2px 3px rgba(0, 0, 0, .05);box-shadow:2px 2px 3px rgba(0, 0, 0, .05);} /*验证码*/ 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 }