/* 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("/sjjxcwgysjcom/Content/sjj/Base/img/icon.png");background-repeat:no-repeat;overflow:hidden;vertical-align:middle;} .iconWuxing{width:14px;height:13px;background-position:0 0;} .iconZddt{width:12px;height:12px;background-position:0 -24px;} .iconDate{width:20px;height:20px;background-position:0 -46px;} .iconSearch{width:16px;height:16px;background-color:#f5f5f5;background-position:0 -76px;} .iconHdWhite{margin-top:-3px;width:4px;height:16px;background-position:0 -102px;} .iconOrange{margin-top:-3px;width:5px;height:16px;background-position:0 -128px;} .iconMsg{width:19px;height:14px;background-position:0 -154px;} .iconXxgk1{width:39px;height:34px;background-position:-40px 0;} .iconXxgk2{width:39px;height:34px;background-position:-40px -48px;} .iconXxgk3{width:29px;height:34px;background-position:-40px -95px;} .iconXxgk4{width:33px;height:35px;background-position:-40px -138px;} .iconXxgk5{width:29px;height:34px;background-position:-40px -182px;} .iconXxgk6{width:34px;height:34px;background-position:-40px -226px;} /* frame */ body {background:#eee url("/sjjxcwgysjcom/Content/sjj/Base/img/bodyBg.jpg") center 0 no-repeat;min-width:1200px;} .container {position:relative;width:1200px; margin: 0 auto;} .mainContent {overflow:hidden;} .side{float: left;margin-right:20px;width:280px;} .row{margin-bottom:20px;overflow:hidden;} #content{margin-top:20px;} #header{position:relative;z-index:11;} /* topBar */ .topBar{position:relative;z-index:12;height:38px;line-height:38px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2); font-size:12px;} .topBar a{cursor:pointer;margin:0 6px;} .topBar .welcome{float:left;} .topBar .welcome i{margin-right:5px;} .topBar .zfLink{float:right;} .topBar .site{position:relative;float:right;margin-left:5px;} .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:38px;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:38px;padding: 0 10px;cursor:pointer;} /* 站群导航 S */ .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{height: 220px;margin: 0 auto;overflow: hidden;} .logoBar #logo{position: absolute; top: 55px; left: 0px;} /* 主导航 */ .topNav{position: relative;margin: 0 auto;background:#2495dc;height:60px;} .mainNav .li1,.mainNav .spe{height: 60px;float: left;_display: inline;position:relative;line-height: 60px;} .mainNav .spe{ display:none; width:22px;text-align:center;color:#fff;filter:alpha(opacity=40);opacity:.4;overflow: hidden;} .mainNav .h1{float: left;display:block;width: 120px;} .mainNav .a1{display: block;text-align:center;font-size: 18px;color:#fff;} .mainNav .a1:hover { text-decoration: none;} .mainNav .on1 .h1{margin-top:-15px;padding-top:10px;background:#fff;border-top:5px solid #2495dc;box-shadow:3px -3px 3px rgba(0,0,0,.1);} .mainNav .on1 .h1 i{margin:0 5px 0 0;background-position:0 -26px;} .mainNav .on1 .h1 a{color:#2495dc;} .mainNav .ul1{left: 0;overflow:hidden;line-height:28px;position:absolute;top: 60px;width: 200px;display:none;background: #fff;z-index: 10;box-shadow:3px 3px 3px rgba(0,0,0,.1);text-align: left;} .mainNav .li2{ vertical-align:top; } .mainNav .a2{border-top: 1px solid #f5f5f5;font-size: 14px;display:block;line-height:25px;padding: 10px 10px 10px 20px;/* text-align: center; */} .mainNav .a2:hover{background: #eee;text-decoration:none;} /* subBar */ .subBar{padding:10px 30px;background:#fff;overflow:hidden;} .s-form{float:right;width: 213px;overflow:hidden;height:20px;line-height:18px;background-color:#f5f5f5;padding:4px 10px;} .s-form .input-box{float:left;margin-top:2px;height:20px;width: 188px;overflow:hidden;} .s-form .from-control{border:none;background:none;vertical-align:top;} .s-form .btn-box .btn{margin:0 0 0 5px;line-height:100px;background-color:none;border:none;overflow:hidden;} /* 位置导航 */ .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("/sjjxcwgysjcom/Content/sjj/Base/img/icons.png") no-repeat 0 -395px;padding-left: 21px;} /*footer*/ #footer {background:url("/sjjxcwgysjcom/Content/sjj/Base/img/footerBg.jpg") no-repeat center top;padding:30px 0;position: relative;/* text-align: center; */} #footer .container{overflow:hidden;} #footer #_ideConac img{ height:60px; margin:-6px 0 0 -10px } #footer .qr{ position:absolute; right:0; top:10px;} #footer .qr li{float:left;text-align:center;margin-left:20px;width:110px;} #footer .qr li img{width:100%;height:110px;} #footer .footNav {margin-left:-8px; margin-bottom:8px;} #footer .footNav a {margin: 0 8px;} #footer .copyRight{margin-bottom:20px;} #footer .copyRight a { text-decoration: underline; } #footer .pics img{height:46px;} /* 信息公开链接组 */ .xxgkBtns{overflow: hidden;} .xxgkBtns ul{overflow: hidden;} .xxgkBtns ul li{margin-bottom: 1px;font-size:16px;overflow: hidden;vertical-align:top;} .xxgkBtns ul li a{display: block;position: relative;-webkit-transition:200ms;-o-transition:200ms;-moz-transition:200ms;transition:200ms;line-height: 38px;border:1px solid #ddd;text-align:center;} .xxgkBtns ul li a:hover,.xxgkBtns ul .on a{ text-decoration:none;border:1px solid #2495dc;background-color:#2495dc;color:#fff;} /* box */ .box{overflow:hidden;} .box .hd{position:relative;} .box .hd .more{position:absolute;right:0;top:10px;font-size:12px;overflow:hidden;} .box .hd ul{border-bottom:1px solid #DDD;height:40px;} .box .hd li{float:left;} .box .hd li a{display:block;font-size:18px;float:left;margin:0 10px;padding-bottom:5px;line-height:30px;color:#333;} .box .hd li a:hover{text-decoration:none} .box .hd .on{height:38px;border-bottom:2px solid #2495dc;} .box .bd{padding-top:20px;} .sideBox .hd{position:relative;} .sideBox .hd .more{position:absolute;right:10px;top:15px;font-size:12px;color:#fff;overflow:hidden;} .sideBox .hd .more i{margin:0;} .sideBox .hd h3{padding-left:30px;height:50px;line-height:50px;background:url("/sjjxcwgysjcom/Content/sjj/Base/img/sideBoxHdBg.png") no-repeat right top;} .sideBox .hd h3 span, .sideBox .hd h3 a{ color:#fff;font-size:18px;display:inline-block;*display:inline;zoom:1;} .sideBox .hd h3 a:hover{ text-decoration:none; } .sideBox .bd{background-color:#fff;padding: 20px;overflow:hidden;} .infoList li{border:none;background-position:0 17px;} .infoListB li{border:none;background-position:0 18px;} .infoList li .date{font-size:14px;} /* mainBox */ .mainBox{background-color:#fff;} .mainBox .mHd{overflow:hidden;background:#f7f7f7;border-top:3px solid #2495dc;line-height:47px;padding:0 30px;} .mainBox .mHd .path{float:right;} .mainBox .mHd h3{float:left;font-size:18px;color:#2495dc;} .mainBox .mBd{padding:20px 30px;} /* 信件列表 */ .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("/sjjxcwgysjcom/Content/sjj/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;} .siteMap .h1 .a1{color:#2495dc;} .validationcode { display: inline-block } .code .form-control{ padding:7px; width:100px; height:17px; line-height:17px; border:1px solid #ddd; } .codeerror{ height:30px; line-height:30px; overflow:hidden; } .codeinp { float: left; }