/* 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: #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; } /* frame */ html {} body { text-align: center; min-width:1200px; background: url("/xfjxcwgysjcom/Content/qgj/Base/img/body.jpg") 0 36px repeat-x #fff;} .siteWidth { position: relative; max-width: 1200px; _width:1200px; margin: 0 auto; } .sw{width: 1200px;margin: 0 auto;position: relative;} #header {position: relative;z-index: 9997;text-align: left;margin: 0 auto 20px auto;} #content {margin: 0 auto;padding: 0px;max-width: 1200px;_width:1200px;position: relative;z-index: 1;text-align: left;} #header .sw{background:url("/xfjxcwgysjcom/Content/qgj/Base/img/header.jpg") right bottom no-repeat;height: 192px;} /* topBar */ .topBar{ height: 36px; line-height: 36px;background: #357ec5;color: #fff;*position: relative;*z-index: 9999; position:relative; z-index:9} .topBar .getMain{float: left; _display: inline; } .topBar_r{float: right;*width:234px; } .topBar .userPanel{float: left; _display: inline; } .topBar a{color:#fff;padding: 0 10px; cursor:pointer } /* logoBar */ .logoBar{height: 132px;} #logo{padding-top: 29px;} /* topBar */ .topBar .site{ float: right;} .topBar .site dt{height:36px;line-height: 36px;padding:0 10px;cursor: pointer;} /* 站群导航 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: #4fbcff; 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 { background-color: #2ba7f3; color: #fff; } .topBar .site.on dd {display: block;position: absolute;right: 0;top: 35px;width: 790px;padding-bottom: 10px;background: #2ba7f3;-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 */ /* 主导航 */ .mainNav li{float:left;height:50px;_display:inline;text-align:center;position: relative;width: 200px;} .mainNav li h3{font:bold 20px/50px "微软雅黑";margin: 0 6px;} .mainNav li a:hover{color: #fff;text-decoration: none;} .mainNav .li1 .a1{display:block; color:#004986; text-align:left; padding-left:45px; background:url("/xfjxcwgysjcom/Content/qgj/Base/img/nav.png") -30px -25px no-repeat} .mainNav .li1 .a1:hover{color:#fff; background-position:-30px -123px} .mainNav li .ul1{display:none; width:140px;padding:8px 0;position:absolute; left:0; top:50px; z-index:9998;text-align: center; background:#357EC5;} .mainNav li .ul1 li{float: none;width:auto; height:auto; margin: 0; text-align:center; } .mainNav li .ul1 li h3{line-height: 26px;margin:0; border-bottom:0} .mainNav li .ul1 li a{font:normal 14px/26px "微软雅黑";color:#fff; display:block;padding:4px 0;} .mainNav li .ul1 li a:hover{font-weight: bold; background:#DD4814} .mainNav .li2{position:relative;} .mainNav .ul2{display:none;position:absolute;left: -150px;top:0;width: 150px;} .mainNav .li2:hover .a2{background:#4598de} .mainNav .li2:hover .ul2{display:block;} .mainNav li .a3{background:#4598de;border-bottom:1px dotted #5db0f5;font-size:12px !important;} .mainNav #li-xfzn .a1{ background-position:-30px -223px} .mainNav #li-zcfg .a1{ background-position:-30px -423px} .mainNav #li-xxgk .a1{ background-position:-30px -623px} .mainNav #li-gzyw .a1{ background-position:-30px -823px} .mainNav #li-wsxf .a1{ background-position:-30px -1023px} .mainNav #li-xfzn .a1:hover{ background-position:-30px -323px} .mainNav #li-zcfg .a1:hover{ background-position:-30px -523px} .mainNav #li-xxgk .a1:hover{ background-position:-30px -723px} .mainNav #li-gzyw .a1:hover{ background-position:-30px -923px} .mainNav #li-wsxf .a1:hover{ background-position:-30px -1123px} /* 搜索 S */ .s-form{float:right;width:240px; height:32px;padding: 13px 20px; background: #dd4814 url("/xfjxcwgysjcom/Content/qgj/Base/img/ss.png") 20px 13px no-repeat; overflow:hidden;} .s-form .input-box{float:left;width: 198px;height: 32px;} .s-form .input-box input{width:180px; height:32px; line-height:32px; padding-left:18px;border:0;background:none;outline: none;} .s-form .btn-box{display:block; float:right; width:42px; height:32px;} .s-form .btn-box #search{display:block; float:right; width:42px; height:32px;line-height: 32px;background:none;text-indent: -9999px; text-align:center;border:0;outline: none;font-family: "微软雅黑";} /* 主栏 和 侧栏 */ .mainContent {float: right;width: 900px;zoom: 1;} .side {width: 280px;float: left;} /*footer*/ #footer {padding: 22px 0;margin-top: 20px;color: #fff;background: #357ec5;position: relative;text-align: center;} #footer .siteWidth{position: relative;} #footer .footNav {padding-bottom: 6px; margin-left:-8px;} #footer .footNav a {display: inline-block;height: 12px;line-height: 12px;margin:0 8px;} #footer a { color: #fff; } #footer a:hover{ color:#fff } #footer .copyRight a { text-decoration: underline; } #footer .pics{padding-top:15px;} #footer .pics img{height:50px} #footer .sydw{position: absolute;right: 25px;top: 0px;} #footer #imgConac{ height:65px; margin:-8px 0 0 -12px } /* 信息公开链接组 */ .xxgkBtns{overflow: hidden; border: 1px solid #ebebeb; margin-bottom: 20px;} .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; height: 46px;line-height: 46px;padding-left: 80px;background: #fff; background:url("/xfjxcwgysjcom/Content/qgj/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:#c01d28 } /* box */ .box{margin-bottom:20px;/*-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);*/ } .box .hd{height: 40px;line-height: 36px;border-bottom: 1px solid #e4e4e4;position: relative;} .box .hd h3{float: left;padding: 0 10px;height: 37px;border-bottom: 3px solid #357ec5;} .box .hd h3 a{font-size: 18px;} .box .hd .more{position:absolute; right:8px; top: 0px; height: 40px; line-height: 40px;font-size:14px;color: #999;} .box .hd li{float: left;padding: 0 10px;margin-right: 10px;} .box .hd li a{font-size: 18px;} .box .hd li.on{height: 37px;border-bottom: 3px solid #ca1a03;} .box .hd li.on a{color: #ca1a03;} .box .hd li .more{position: absolute;right: 0;top: 3px;z-index: 1;font-size: 14px; background: #faf9f9;} .box .hd li.on .more{z-index: 2;color: #999;} .box .bd{ padding:5px; overflow:hidden; } /* boxA */ .boxA{} .boxA .hd{ height: 44px;position: relative;} .boxA .hd h3{float: left; _display: inline; height: 38px; line-height: 30px;font-size: 18px; padding: 0 13px;} .boxA .hd h3 a{font-size: 18px;} .boxA .hd ul{float: left; _display: inline; overflow: hidden;} .boxA .hd li{float:left; _display: inline; height: 38px; line-height: 30px; cursor: pointer;font-size: 18px;} .boxA .hd .on{background: url("/xfjxcwgysjcom/Content/qgj/Base/img/titlebg.png") center 0 no-repeat;} .boxA .hd li a{font-size: 18px;} .boxA .hd .on a{color: #fff;} .boxA .hd li .more{ position:absolute; right:8px; top: 0px;z-index: 0; height: 30px; line-height: 30px;font-size:14px;color: #999;background: #fff; } .boxA .hd li.on .more{z-index: 1;color: #999;} .boxA .bd{padding:15px 18px; overflow:hidden;background: #faf9f9;} /* boxB */ .boxB{} .boxB .hd{ height: 38px;background: #e6e6e6;border-bottom: 1px solid #d9d9d9;border-top: 3px solid #c01d28; position: relative;} .boxB .hd .more{ position:absolute; right:8px; top: 0px; height: 38px; line-height: 38px;font-size:14px; } .boxB .hd h3{float: left; _display: inline; height: 38px; line-height: 38px; font-size: 18px; padding: 0 20px;} .boxB .hd h3 a{font-size: 18px;} .boxB .hd .more{float: right; _display: inline; line-height: 40px; font-size: 12px;} .boxB .bd{padding: 10px;background: #fff;overflow: hidden;} /* boxE */ .boxE{margin-bottom:15px;} .boxE .hd{height: 40px;line-height: 40px;overflow:hidden;border-bottom: 2px solid #357EC5;} .boxE .hd h3{float:left;padding: 0 20px;background: #357EC5;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 .bd{padding: 10px;} #sideRmph .bd{padding: 10px 5px 8px 23px;background: #fff url("/xfjxcwgysjcom/Content/qgj/Base/img/num.png") no-repeat 0px 19px;} #sideRmph .bd li{height: 30px;line-height: 30px;padding-left:0;background: none;} /* mainBox */ .path {line-height: 49px;height: 49px;padding:0 0 0 25px;text-align: left;overflow: hidden;color:#666; font-size: 14px;background: url("/xfjxcwgysjcom/Content/qgj/Base/img/icon.png") no-repeat 0 -890px;} .path a, .path span { padding: 0 3px; color:#666;} .mHd .list{ overflow:hidden; } .mHd,.mHd .list li{ overflow:hidden; height: 48px;line-height: 36px;border-bottom: 1px solid #e4e4e4;} .mHd h3,.list .on{float: left;padding: 0 10px;height: 45px;border-bottom: 3px solid #357ec5;font-size: 18px;color: #357ec5;} .mHd h3 a,.mHd .list .on a{color: #357ec5;} .mBd{padding:20px 5px !important;/* overflow:hidden */} .mHd .path{float:right; } /* 信件列表 */ .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: #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; } /* 阴影 */ .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);} /* 无侧栏 */ #content.noSideContent,.photoContent{width:1158px; padding:20px; border: 1px solid #e8e8e8;} .photoContent .slide-wrap{padding: 39px;} /*验证码*/ div.codeinp input[type=text], { width: 100px !important; float: left; margin-right: 10px; } div input[type=text] { width: 80%; border: 1px solid #ccc; height: 30px; padding: 0 10px; } .code input{ width:100px !important; vertical-align:middle; } .validationcode img{ vertical-align:middle; } /* 通用底部按钮 */ .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: #357EC5; 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: #4692dc; } /* 依申请、信访、咨询等通用 查询页样色 */ .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 }