/* 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: left;-webkit-text-size-adjust: none;} a { color: #333; text-decoration: none; outline: none; } a:hover {color: #0792e3;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 {background:#fff;} body { background: url("/sljxcwgysjcom/Content/slj/Base/img/body.png") 0px 0px repeat-x; } .siteWidth {max-width: 1000px;_width:1000px;margin: 0 auto;} .wrap{} #header { position: relative; z-index: 20; text-align: left;margin: 0 auto 20px; display: block;background:url("/sljxcwgysjcom/Content/slj/Base/img/banner.jpg") 50% 30px no-repeat;} #content {width: 1000px; margin: 0 auto 20px; } /* topBar */ .topBar{height:30px; line-height:30px; width:1000px; margin:0 auto;} .topBar .topLinks{overflow:hidden; float:left;} .topBar .topLinks li{float:left;padding-left:28px;background: url("/sljxcwgysjcom/Content/slj/Base/img/icon-gov.png") 5px 5px no-repeat;margin-right:10px;} .topBar .s-form{width: 260px;height: 22px;background: #fff; float:right; padding-top:5px} .topBar .s-form input{vertical-align:top } .topBar .s-form .btn-box{width:76px; float:left; height: 22px;} .topBar .s-form .btn-box .btn{font-size: 14px;height:22px; width: 76px; background: #75baff;text-align:center; color: #fff; border:none; } .topBar .s-form .btn-box .btn:hover{background: #289AB2;} .topBar .s-form .input-box{width: 181px;float:left; height:20px; border:1px solid #cccccc; border-right:none} .topBar .s-form .input-box input{border:none;height:20px;width:185px; outline: none} /* 站群导航 S */ .topBar .site{position:relative;float:right;margin-left:5px; z-index:99; font-size:12px} .topBar .site dt i{margin-right:5px; display:none;} .topBar .site dd{box-shadow:1px 1px 3px rgba(0,0,0,.2);background: #fff;display: none;position:absolute;padding: 10px;width: 570px;top:30px;right:0;margin-right:0;-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);} .topBar .site dd i{ display:none} .topBar .site dt{height:30px;padding: 0 10px;cursor:pointer;} .topBar .site dd { display: none; padding: 10px; color: #fff; } .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; 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 */ /* logoBar */ .logoBar{width:1000px; margin:0 auto; height:178px; position:relative;} #logo{position:absolute; top:48px; left:5px} /* 主导航 */ .topNav{ height: 45px; position: relative; z-index: 10;} .topNav .siteWidth{height: 45px;} .mainNav {position: relative;z-index:10;} .mainNav .li1 {width: 110px;float: left; *display: inline;position:relative;} .mainNav .spe{display: none;} .mainNav .h1{display:block;width: 110px;} .mainNav .h1 a{display: block;color: #fff;text-align:center;font-size: 14px;height: 45px;line-height: 45px;} .mainNav .h1 a:hover { text-decoration: none; color:#fff; } .mainNav .on1 .h1 a{background: #2a7fd4;} .mainNav .ul1{ overflow:hidden; position:absolute; left:0px; top:45px; width: 110px; display:none; background:#3399ff; z-index: 10; padding-top: 6px;} .mainNav .li2{ vertical-align:top; } .mainNav .a2{font-size: 12px;display:block; padding: 5px 10px; line-height: 18px; color: #fff; text-align: center; } .mainNav .a2:hover{background: #50a8ff; text-decoration: none; color: #fff;} /* 主栏 和 侧栏 */ .mainContent {padding:0;background: #fff;zoom: 1;overflow: hidden;} .side {width: 230px; float: left; *display: inline; margin-right: 20px;} .noSideContent .mainContent{width: 1000px; float: none; display: block;} /* 位置导航 */ .path {height: 38px; line-height: 38px; padding-left: 40px; margin: 0 auto; background: url("/sljxcwgysjcom/Content/slj/Base/img/path.png") 19px 13px no-repeat;} .path a, .path span { padding: 0 3px; color: #666; } .path a:hover{color: #0792e3} /*footer*/ #footer { position: relative; text-align:center;padding: 0px 0 20px; display: block;} #footer .footNav { height:45px; background:#3399ff} #footer .footNav a { margin: 0 10px; display:inline-block;line-height:45px; color:#fff; } #footer .copyRight {width: 760px;margin:0 auto;padding: 20px 120px 0px;position:relative;} #footer .copyRight .ewm{position:absolute;right:0px;top: 20px;} #footer .copyRight a { text-decoration: underline; } #footer .pics{display: block; text-align: center; margin: 10px auto 0; overflow: hidden; vertical-align: middle;} #footer .pics img{height:46px; margin-top:6px !important;} #footer .pics #_ideConac img{height:58px; margin-top:0px !important;} /* 侧栏固定菜单 */ .sideFixed{margin-left: 510px;z-index: 9;position:fixed;top: 273px;left: 50%;width:70px;background: #39f;font-size:12px;_position:absolute;text-align: center;} .sideFixed li{border-bottom: 1px solid #6ab4ff;margin-top:-1px;position:relative;} .sideFixed li a{height:30px;line-height:30px;padding:34px 0 3px 0;display:block;background: url("/sljxcwgysjcom/Content/slj/Base/img/icons-3.png") center 11px no-repeat; color:#fff;} .sideFixed li a:hover{text-decoration:none} .sideFixed .wx a{background-position: center -134px;} .sideFixed .gt{} .sideFixed .gt a{background-position: center -416px;} .sideFixed .qr a{background-position: center -266px;} .sideFixed .pic{display:none; -webkit-box-shadow:0 0 5px rgba(0, 0, 0, .3); -moz-box-shadow:0 0 5px rgba(0, 0, 0, .3); box-shadow:0 0 5px rgba(0, 0, 0, .3); } .sideFixed .pic img{width: 150px;height: 150px;} .sideFixed .on .pic{display:block;position:absolute;left: -168px;top: -45px;padding:4px;background:#fff;} .sideFixed .on .pic i{z-index: 8;position:absolute;right: -10px;top:50%; margin-top:-3px; border-width:5px;border-color:transparent;border-style:dashed;border-left-color:#fff;border-left-style:solid;display:block;font-size:0;line-height:0;width:0;} /* box */ .box{border: 1px solid #dbdbdb; } .box .hd{height: 38px;line-height: 38px;position:relative; background:#f3f3f3; border-bottom: 1px solid #dbdbdb; } .box .hd .more{font-size: 12px;position:absolute;right:10px;color:#999; top: 0px; height: 38px;} .box .hd .more:hover{color: #0792e3} .box .hd h3{display: block; height: 34px; line-height: 34px; border-top: 4px solid #078bd8; text-align: left; padding-left: 15px; } .box .hd h3 a{color: #333} .box .hd h3 a:hover{color: #078bd8} .box .hd ul{float: left; *display: inline; height: 39px; overflow: hidden;} .box .hd li{float:left;font-size: 14px; height: 32px; line-height: 36px; background: none; border-top: 3px solid #f3f3f3; } .box .hd li a{float:left; *display: inline;padding: 0 15px;height: 36px;text-align: center;} .box .hd li a:hover{text-decoration:none} .box .hd li.on{ border-top:3px solid #078bd8; background: #fff; height: 37px } .box .bd{ padding:8px; overflow:hidden; } /* boxA */ .boxA{} .boxA .hd{ height: 20px; overflow: hidden; position: relative; padding: 10px 0px 10px; border-bottom:1px solid #e1e1e1} .boxA .hd .more{ position:absolute; right:10px; top: 10px; height: 20px; line-height: 20px; color:#999; font-size:12px; } .boxA .hd .more a{color:#999} .boxA .hd .more a:hover{color: #0792e3;} .boxA .hd h3{float: left; *display: inline; height: 20px; line-height: 20px; font-size: 14px; padding-left:12px; border-left: 4px solid #0792e3; } .boxA .hd h3 a{color:#0792e3;} .boxA .hd ul{overflow:hidden; height:20px; border-left: 4px solid #0792e3;} .boxA .hd ul li{float:left; height:20px; line-height:20px; font-size:14px;} .boxA .hd ul li a{display:block; height:20px; line-height:20px; padding:0 10px} .boxA .hd ul li a:hover{text-decoration:none;color:#0792e3 } .boxA .hd ul li.on a{color:#0792e3 } .boxA .bd{padding: 8px 0px; overflow:hidden;} /* sideBox */ .sideBox{border: 1px solid #dbdbdb; background: #fff; margin-bottom: 20px; } .sideBox .hd{height: 38px;line-height: 38px;position:relative; background:#f3f3f3; border-bottom: 1px solid #dbdbdb; } .sideBox .hd .more{font-size: 12px;position:absolute;right:10px;color:#999; top: 0px; height: 38px;} .sideBox .hd .more:hover{color: #0792e3} .sideBox .hd h3{display: block; height: 34px; line-height: 34px; border-top: 4px solid #078bd8; text-align: left; padding-left: 15px; } .sideBox .hd h3 a{color: #333} .sideBox .hd h3 a:hover{color: #078bd8} .sideBox .bd{ padding:8px; overflow:hidden; } /* 侧栏-栏目内搜索 */ #sideSearch .bd li{padding:5px 0 5px 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: #078bd8; border-color:#078bd8; color: #fff;} /* mainContent */ .mainContent .mHd{position: relative;border-bottom: 1px solid #E1E1E1;background:#F9F9F9;line-height: 39px;height: 39px;} .mainContent .mHd .path{float:right; margin-right:10px} .mainContent .mHd .list{ overflow:hidden; } .mainContent .mHd .list li{float:left; padding: 0 4%; } .mainContent .mHd .list a{font-size:20px;color: #888;} .mainContent .mHd .list a:hover{ text-decoration:none} .mainContent .mHd .list .on a{ color:#0792e3 } .mainContent .mHd h3, .mainContent .mHd .list .on{position: relative;font-weight: bold;border:1px solid #E1E1E1;display:inline-block; *display:inline;zoom:1;padding: 0 4%;height: 38px;border-top:2px solid #078bd8;color:#0792e3;border-bottom:0;font-size: 14px;background:#fff;} .mainContent .mBd{overflow:hidden;padding:10px; } .mainContent .mHd h3{float:left; margin-right:10px} /* 信件列表 */ .letterList{width: 100%;} .letterList th, .letterList td{text-align: center;font-size: 14px;vertical-align:middle;line-height:28px;padding: 2px 0px;} .letterList th, .letterList .even{background: #f7f7f7;} .letterList th{color: #333; height:32px; padding: 0px; border-bottom:1px solid #ebebeb;} .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: 90px;} .letterList .state{width: 60px;} .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{ width: 1000px; padding: 0 0px 20px; background: #fff; margin: 0 auto; overflow:hidden; } .friendLinks h3{float:left;font-size:16px;color:#0792e3;padding-left: 31px;background: url("/sljxcwgysjcom/Content/slj/Base/img/icons-1.png") 0 -1080px no-repeat;} .friendLinks .con{overflow:hidden;width: 1020px;} .friendLinks select{padding: 6px;float:left;width: 235px; *display:inline;margin-right: 20px;border:1px solid #ccc;}