@charset "utf-8"; /* Css for PEL, ver 1.0 CopyRight By Dongyi Network Technology CO.,Ltd Design Center 本网站通用布局 */ /* Css Reset */ pre{white-space: pre-wrap; word-wrap: break-word;} 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{min-width: 1200px;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;background: #fff;} 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;} .wrap{margin: 0 auto;} .oh{overflow: hidden;} .siteWidth{width: 1200px; margin: 0 auto; position: relative;} .siteWidth:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} /*顶部 S*/ #header .siteWidth{overflow: visible;} #header{position: relative;z-index: 3;} /* logo */ #header .logoBar{height: 100px;position: relative;z-index: 3;} #header .logo{position: absolute;top: 20px;left: 0px;} #header .logo img{max-width:780px; max-height:60px} /* topBar */ .topBar{height:30px; line-height:30px; background:#ffffff; color:#333333; border-bottom:1px solid #ccc; text-align:left; position:relative; z-index:20;} .topBar .siteWidth{overflow: visible;} .topBar .welcome{ float:left; color:#333333;} .topBar .links{float:right; height:30px; font-size:12px} .topBar .links>dl{color: #3333333; position: relative; float: left; z-index:2;} .topBar .links>s{ float: left; text-decoration: none; line-height: 30px; width: 5px; overflow: hidden; text-align: center;} .topBar .links>dl>dt { float: left; height: 30px; line-height: 30px; position: relative; z-index: 11; padding:0 10px} .topBar .links>dl>dt a{color:#333333; padding:0 3px} .topBar .links>dl>dd {clear: both;display: none;padding: 7px;width:100px;background: #fff;position: absolute;right: 50%;top: 30px;margin-right: -57px;-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);} .topBar .links>dl>dd img { width: 100px; height: 100px;} .topBar .links>dl>dd>i { z-index: 8; position: absolute; top: -10px; left: 50%; margin-left: -3px; border-width: 5px; border-color: transparent; border-style: dashed; border-bottom-color: #fff; border-bottom-style: solid; display: block; font-size: 0; line-height: 0; width: 0;} .topBar .links>.on dd { display: block;} .topBar .links .userlogincomment{color: #333} /* 站群导航-公共 */ #siteLast{position: relative;} #siteLast dt {cursor: pointer;} #siteLast dd{display:none; width:900px; position:absolute; background:#fff; text-align:left; color:#333; max-height:500px; overflow:auto; padding:10px} #siteLast dd h3{ text-align:left; margin:0 10px; position:relative; font-size:14px; font-weight:bold; line-height:34px; display:block; overflow:hidden;} #siteLast dd h3.h i{display:none;} #siteLast dd h3 span{float:left; height:34px; line-height:34px; padding:0 15px 0 0; background:#ffffff; position:relative; z-index:2;} #siteLast dd h3 i{ content:""; display:block; height:1px; line-height:0; font-size:0; background:#eeeeee; top:16px; right:0; width:100%; position:absolute; z-index:1;} #siteLast dd table{border-collapse: collapse;border-spacing: 0; font-size:12px; width:100%} #siteLast dd table td{padding-top:10px; padding-bottom:10px; overflow:hidden} #siteLast dd table .tdlab{width:90px; text-align:right; padding-right:20px; vertical-align:middle; line-height:26px; font-weight:bold; } #siteLast dd ul{overflow:hidden;} #siteLast dd ul li{width:18%; margin-left:2%; float:left; height:26px; line-height:26px; overflow:hidden} #siteLast dd ul li a{color:#333} #siteLast dd ul li a:hover{color:#c00;} #siteLast dd table.up{background:#f7f7f7} #siteLast.on dd{display:block;} /* 站群导航-个性 */ #siteLast{width: auto; float: right; margin:34px 290px 0 0; display: inline-block; *display: inline;zoom: 1;} #siteLast dt{display: inline-block; *display: inline;zoom: 1; padding: 0 20px; height: 34px; line-height: 34px; color: #fff; background-color: #0d59a7; border-radius: 17px;} #siteLast a{ padding:0; margin:0;} #siteLast dd{font-size:12px;line-height: 24px;z-index: 0; width: 810px;top: 34px;margin-right: 0;right: -290px;border: 3px solid #367bc2;-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);} #siteLast li a{ cursor:pointer;} #siteLast.on dt{background-color: #367bc2;color: #fff; border-radius: 17px 17px 0 0;} /* 搜索 */ .s-form{position: absolute;top: 34px;right: 0;width: 280px;overflow: hidden; } .s-form .select-box{ display: none} .s-form .input-box{ float: left;} .s-form .input-box input{display: block; width: 219px;height: 20px;line-height: 20px; font-size: 12px; outline: none;padding: 6px 0; text-indent: 10px; background: none; border: 1px solid #e9e9e9; border-right: none; border-radius: 17px 0 0 17px;} .s-form .btn-box{position: absolute;right: 0;top: 0;} .s-form .btn-box .search{display: block;width: 60px;height: 34px; line-height: 34px; text-align: center;outline: none; border: 0;color: #fff; background-color: #0d59a7; border-radius: 0 17px 17px 0;} /*顶部 E*/ .banner{ width: 100%; text-align: center;} #content{width: 1200px;margin: 20px auto 30px auto;text-align: left;position: relative;z-index: 1;} #content:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;} .pageBanner{ height: 150px; background: url(../img/pagebanner.jpg) center 0 no-repeat; position: relative; z-index: 0} /*导航 */ .nav{height: 50px;line-height: 50px;position: relative;z-index: 2; background-color: #0d59a7;} .mainNav a:hover{text-decoration: none} .mainNav{font-size: 16px;position: relative;zoom: 1;} .mainNav:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;} .mainNav .li1{text-align: center; float: left; position: relative;} .mainNav .a1{float: left;display: block;zoom: 1; font-size: 18px; padding:0 23px;color: #fff} .mainNav .a1:hover{ text-decoration: none;} .mainNav .on1{background-color: #367bc2;} .mainNav .on1 .a1{ } .mainNav .ul1{overflow: hidden;line-height: 28px;position: absolute;left: 0;top: 50px; width: 100%;display: none;background: #367bc2;} .mainNav .li2{ vertical-align: top;} .mainNav .a2{font-size: 14px;display: block;line-height: 20px;padding: 10px; color: white;} .mainNav .a2:hover{background: #0d59a7;text-decoration: none;} .content{position: relative; z-index: 99;} /*侧栏 */ .side{width: 240px;float: left; margin-right: 20px;} .mainContent{overflow: hidden;} /*底部 */ #footer{clear: both;padding: 12px 0; color: white; background-color: #0d59a7;} #footer .siteWidth{ position: relative; text-align: left;} #footer .links{padding-bottom: 5px;} #footer .links li{ display: inline-block; *display: inline; zoom: 1; margin-right: 10px;} #footer .links li a{color: white;} #footer .copyRight{padding-top: 35px;} #footer .copyRight a{color: white} .footer-pic{width: auto; float: right;} .footer-pic li{width: auto; float: left; margin-left: 10px; text-align: center;} .footer-pic li img{width: 100px; height: 100px;} .footerYqlj{width: auto; float: right; margin-top: 35px;} /* 友情链接模拟下拉 */ .footerYqlj dl{width: 222px;margin-right: 15px;float:left;display:inline;position:relative;} .footerYqlj dl dt{height: 34px;line-height: 34px;padding:0 5px 0 0;overflow:hidden; background:#cb5f08;position:relative;cursor:pointer;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;} .footerYqlj dl dt i{ right:12px; top:50%; margin-top:-2px; border-width:5px; position:absolute; border-color:transparent; border-style:dashed; border-top-color:#fff;border-top-style:solid; content:"";display:block; font-size:0;line-height:0;width:0;} .footerYqlj dl dt h3{padding-left: 8px; background-color: #dc7112; width:175px} .footerYqlj dd{display: none; bottom: 34px;width:100%;position:absolute;left:0;} .footerYqlj ul{ max-height: 389px; border:1px solid #ccc; background:#fff;overflow-y:scroll; } .footerYqlj li{line-height:22px;padding: 8px 10px;border-bottom:1px dotted #ccc;cursor:pointer; color:#333;} .footerYqlj li a{display:block; color:#333; } .footerYqlj li a:hover{text-decoration:none} .footerYqlj li:hover{ color:#CD3333; background-color:#f1f1f1 } .footerYqlj .last{border-bottom:0} .footerYqlj .on {z-index:9; -webkit-box-shadow:0 0 3px rgba(0, 0, 0, .3); -moz-box-shadow:0 0 3px rgba(0, 0, 0, .3); box-shadow:0 0 5px rgba(0, 0, 0, .2); } .footerYqlj .on dt{} .footerYqlj .on dt i{ border-top-style:none; border-bottom-color:#fff;border-bottom-style:solid; } .footerYqlj .on dd{ display:block; -webkit-box-shadow:0 0 3px rgba(0, 0, 0, .3); -moz-box-shadow:0 0 3px rgba(0, 0, 0, .3); box-shadow:0 0 5px rgba(0, 0, 0, .2); } .footerYqlj .on dd ul{ border-color:#bbb; } /* goTop */ #goTop{position: fixed; display: none; _display: none !important; width: 50px;height: 50px;bottom: 60px;right: 5px;z-index: 99;cursor: pointer;margin: 5px;width: 40px;height: 40px;border-radius: 2px;-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;} /* winMark */ #winMark{ z-index: 1;width: 100%;display: none; height: 100%; position: fixed; background: rgba(0, 0, 0, .8);left: 0;top: 0;} /* 内容区域 */ .box{ overflow: hidden;} .box .hd{height: 46px; line-height: 46px; background-color: #0d59a7;} .box .hd .more{float: right; margin-right: 10px; color: white;} .box .hd h3{margin-left: 20px; font-size: 22px; color: white;} .box .hd h3 a{color: white;} .box .bd{ padding-top: 15px;} /* sideBox */ .sideBox {} .sideBox .hd{height: 45px;line-height: 45px;padding: 0 0 0 20px; color: #fff;overflow: hidden;background: #78a81c;} .sideBox .hd h3{font-size: 22px;color: #fff;} .sideBox .hd h3 a{color: #fff} .sideBox .bd{padding: 5px 10px; overflow: hidden; background-color: #f7f7f7;} /* 顶部注册登录 */ .topBar .userLogged{margin-top:2px;} .topBar .userLogged .notlogged .split{margin:0px} .user-mainbox .hd h3, .user-mainbox .top h3{color:#0d59a7 !important;border-bottom:3px solid #0d59a7 !important;} .user-mainbox .loginBtn {background: #0d59a7 !important;} .user-mainbox .loginBtn:hover { background: #367bc2 !important;} /*-- CSS结束 --*/