/* yui3 reset.css */
html {
color: #000;
background: #FFF
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
margin: 0;
padding: 0
}
table {
border-collapse: collapse;
border-spacing: 0
}
fieldset,
img {
border: 0
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
font-style: normal;
font-weight: normal
}
ol,
ul {
list-style: none
}
caption,
th {
text-align: left
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: normal
}
q:before,
q:after {
content: ''
}
abbr,
acronym {
border: 0;
font-variant: normal
}
sup {
vertical-align: text-top
}
sub {
vertical-align: text-bottom
}
input,
textarea,
select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
*font-size: 100%
}
legend {
color: #000
}
iframe {
display: block;
}
/* yui3 fonts */
body {
font: 14px/1.231 "Microsoft YaHei", arial, helvetica, clean, sans-serif;
color: #333;
}
select,
input,
button,
textarea {
font: 99% arial, helvetica, clean, sans-serif
}
table {
font-size: inherit;
font: 100%
}
pre,
code,
kbd,
samp,
tt {
font-family: monospace;
*font-size: 108%;
line-height: 100%
}
a {
cursor: pointer;
text-decoration: none;
}
/* utilities */
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
line-height: 0;
content: "";
}
.clearfix:after {
clear: both;
}
.l {
float: left !important;
}
.r {
float: right !important;
}
.hidden {
display: none !important;
}
.invisible {
visibility: hidden !important;
}
/**
* 以下可追加项目中的公共样式,
* 比如body上进行全局的文字设置(字体,大小,行高),全局a链接的基本状态定义,
* 适合页面的栅格系统
* 页面公共头尾部分等
*/
/*! grid system 24栅格 998px */
.ewb-container {
width: 1100px;
margin: 0 auto;
}
.ewb-row {
overflow: hidden;
}
.ewb-span1 {
float: left;
width: 25px;
}
.ewb-span2 {
float: left;
width: 68px;
}
.ewb-span3 {
float: left;
width: 111px;
}
.ewb-span4 {
float: left;
width: 285px;
}
.ewb-span5 {
float: left;
width: 197px;
}
.ewb-span6 {
float: left;
width: 240px;
}
.ewb-span7 {
float: left;
width: 283px;
}
.ewb-span8 {
float: left;
width: 326px;
}
.ewb-span9 {
float: left;
width: 369px;
}
.ewb-span10 {
float: left;
width: 412px;
}
.ewb-span11 {
float: left;
width: 455px;
}
.ewb-span12 {
float: left;
width: 498px;
}
.ewb-span13 {
float: left;
width: 541px;
}
.ewb-span14 {
float: left;
width: 584px;
}
.ewb-span15 {
float: left;
width: 627px;
}
.ewb-span16 {
float: left;
width: 670px;
}
.ewb-span17 {
float: left;
width: 713px;
}
.ewb-span18 {
float: left;
width: 756px;
}
.ewb-span19 {
float: left;
width: 799px;
}
.ewb-span20 {
float: left;
width: 842px;
}
.ewb-span21 {
float: left;
width: 885px;
}
.ewb-span22 {
float: left;
width: 928px;
}
.ewb-span23 {
float: left;
width: 971px;
}
.ewb-span24 {
float: left;
width: 1014px;
}
.ewb-span25 {
float: left;
width: 1057px;
}
.ewb-span26 {
float: left;
width: 1100px;
}
.ewb-ml18 {
margin-left: 18px;
}
.ewb-mt10 {
margin-top: 10px;
}
.ewb-mt40 {
margin-top: 40px;
}
.ewb-pt12 {
padding-top: 12px;
}
.ewb-pt16 {
padding-top: 16px;
}
/* header */
/* top */
.ewb-top {
height: 112px;
overflow: hidden;
background: url(../images/top_bg.jpg) center top no-repeat;
}
.ewb-top-logo {
margin-left: 1px;
margin-top: 20px;
vertical-align: top;
}
.ewb-top-user {
margin-top: 24px;
margin-right: 20px;
display: block;
text-align: center;
}
.ewb-top-user>img {
vertical-align: top;
}
.ewb-top-user>p {
height: 28px;
line-height: 28px;
color: #165fa6;
font-weight: bold;
}
/* nav */
.ewb-nav {
background-color: #4169e2;
}
.ewb-nav-items>li {
float: left;
}
.ewb-nav-lk {
padding: 0 21px;
display: block;
height: 42px;
line-height: 42px;
color: #fff;
font-size: 16px;
}
.ewb-nav-lk.home {
background-color: #2e56d1;
}
.ewb-nav-lk:hover {
background-color: #4872f0;
}
/* banner */
.ewb-porela {
position: relative;
height: 430px;
}
.ewb-banner {
height: 430px;
overflow: hidden;
background: url(../images/banner_bg.jpg) center top no-repeat;
}
.ewb-bannergq {
height: 183px;
overflow: hidden;
background: url(../images/gqan.jpg) center top no-repeat;
}
/* 右侧功能 */
.ewb-func{
position: fixed;
z-index: 99;
top: 188px;
right: 10px;
width: 80px;
background: url(../images/func_bg.png) repeat;
}
.ewb-func-items>li{
position: relative;
margin: 0 auto;
width: 70px;
border-bottom: 1px dashed #8895b5;
}
.ewb-func-items>li.last-func{
border-bottom: 0
}
.ewb-func-lk{
margin-left: -5px;
padding-top: 39px;
display: block;
width: 80px;
height: 32px;
line-height: 32px;
color: #fff;
text-align: center;
}
.ewb-func-lk.bg01{
background: url(../images/func01.png) center 9px no-repeat;
}
.ewb-func-lk.bg02{
background: url(../images/func02.png) center 9px no-repeat;
}
.ewb-func-lk.bg03{
background: url(../images/func03.png) center 11px no-repeat;
}
.ewb-func-lk.bg04{
background: url(../images/func04.png) center 10px no-repeat;
}
.ewb-func-lk.bg05{
background: url(../images/func05.png) center 11px no-repeat;
}
.ewb-func-lk.bg06{
background: url(../images/func06.png) center 11px no-repeat;
}
.ewb-func-lk:hover{
background-color: #23a5e8;
}
.ewb-func-show{
position: absolute;
z-index: 10;
top: 0;
right: 80px;
display: none;
}
.ewb-func-items>li:hover{
width: 80px;
}
.ewb-func-items>li:hover .ewb-func-lk{
margin-left: 0;
}
.ewb-func-items>li:hover .ewb-func-show{
display: block;
}
.func-code{
margin-top: -23px;
}
/* sea */
.ewb-sea-wp{
*width: 246px;
padding: 0 17px;
height: 71px;
background-color: #fff;
overflow: hidden;
}
.ewb-sea{
margin-top: 17px;
width: 244px;
height: 36px;
border: 1px solid #cacaca;
}
.ewb-sea-inp{
padding: 0 10px;
width: 180px;
color: #999;
height: 36px;
line-height: 36px;
outline: 0;
border: 0;
}
.ewb-sea-btn{
width: 38px;
height: 36px;
cursor: pointer;
border: 0;
outline: 0;
background: url(../images/sea_btn.png) center no-repeat;
}
/* do */
.ewb-do-items {
margin-top: 22px;
}
.ewb-do-items>li {
margin-right: 12px;
float: left;
}
.ewb-do-lk {
padding-top: 60px;
display: block;
width: 100px;
height: 40px;
line-height: 40px;
font-size: 16px;
color: #fff;
text-align: center;
background-repeat: no-repeat;
background-position: center 19px;
}
.ewb-do-lk.bg01 {
background-position: center 17px;
background-image: url(../images/do01.png);
background-color: #d35dac;
}
.ewb-do-lk.bg02 {
background-position: center 17px;
background-image: url(../images/do02.png);
background-color: #5baddf;
}
.ewb-do-lk.icon_qzqd {
background-position: center 17px;
background-image: url(../images/szxzspj_icon_qzqd.png);
background-color: #5baddf;
}
.ewb-do-lk.bg03 {
background-image: url(../images/do03.png);
background-color: #198dc5;
}
.ewb-do-lk.bg04 {
background-image: url(../images/do04.png);
background-color: #eac03a;
}
.ewb-do-lk.bg05 {
background-image: url(../images/do05.png);
background-color: #07bcba;
}
.ewb-do-lk.bg06 {
background-position: center 0px !important;
background-image: url(../images/do06.png);
background-color: #07bcba;
}
.ewb-do-lk.bg07 {
background-position: center 0px !important;
background-image: url(../images/do07.png);
background-color: #07bcba;
}
.ewb-do-lk.bg08 {
background-position: center 0px !important;
background-image: url(../images/zndf.png);
background-color: #07bcba;
}
.ewb-do-lk.bg09 {
background-position: center 0px !important;
background-image: url(../images/gzjd01.jpg);
background-color: #07bcba;
}
.ewb-do-lk.bg10 {
background-position: center 0px !important;
background-image: url(../images/do10.png);
background-color: #07bcba;
}
.ewb-do-lk.bg10x {
background-position: center 0px !important;
background-image: url(../images/gxbcyjs.jpg);
background-color: #07bcba;
}
/* hover */
.ewb-do-lk.bg01:hover {
background-color: #ca3f9c;
}
.ewb-do-lk.bg02:hover {
background-color: #2795d8;
}
.ewb-do-lk.bg03:hover {
background-color: #0c79ae;
}
.ewb-do-lk.bg04:hover {
background-color: #eaa63a;
}
.ewb-do-lk.bg05:hover {
background-color: #01a5a3;
}
.ewb-do-lk.bg06:hover {
background-color: #01a5a3;
}
/* 通知公告 */
.ewb-say {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 44px;
line-height: 44px;
background: url(../images/say_bg.png) repeat;
}
.ewb-say-tt {
margin-left: 16px;
padding-left: 27px;
font-size: 16px;
font-weight: bold;
color: #333;
background: url(../images/say_ico.png) left center no-repeat;
}
/* 重要公告 */
.ewb-notice {
height: 44px;
overflow: hidden;
}
.ewb-arr {
margin-right: 16px;
padding-top: 5px;
}
.ewb-arr .ewb-prev,
.ewb-arr .ewb-next {
display: block;
width: 22px;
height: 10px;
}
.ewb-arr .ewb-prev {
background: url(../images/up_arr.png) left top no-repeat;
}
.ewb-arr .ewb-next {
margin-top: 12px;
background: url(../images/down_arr.png) left top no-repeat;
}
.ewb-arr .ewb-prev:hover {
background: url(../images/up_arr_hover.png) left top no-repeat;
}
.ewb-arr .ewb-next:hover {
background: url(../images/down_arr_hover.png) left top no-repeat;
}
.ewb-notice-items {
height: 44px;
overflow: hidden;
}
.ewb-notice-items>li {
padding-left: 14px;
width: 445px;
height: 44px;
vertical-align: top;
line-height: 44px;
float: left;
background: url(../images/say_list.png) left center no-repeat;
}
.ewb-notice-items>li>a {
display: block;
font-size: 15px;
color: #333;
width: 92%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.ewb-notice-date {
color: #999;
}
/* footer */
.ewb-footer {
margin-top: 30px;
padding: 18px 0;
color: #8b8b8b;
background-color: #232426;
}
.ewb-footer a {
color: #8b8b8b;
}
.ewb-footer-wp {
position: relative;
}
.ewb-foot-jiucuo {
position: absolute;
top: 9px;
right: 0;
}
.ewb-foot-logo {
position: absolute;
top: 5px;
right: 111px;
}
.ewb-footer-msg {
line-height: 30px;
}
/* guide */
.ewb-guide {
font-size: 0;
height: 32px;
line-height: 32px;
}
.ewb-guide>a {
font-size: 14px;
}
.ewb-guide>span {
margin: 0 14px;
font-size: 14px;
}
/* list */
.wb-data-list {
line-height: 32px;
padding-left: 14px;
}
.wb-data-infor {
margin-right: 120px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.wb-data-infor a {
color: #333;
}
.wb-data-date {
float: right;
margin-top: -32px;
color: #666;
}
.wb-data-list:hover .wb-data-date,
.wb-data-list:hover a {
cursor: pointer;
}
.divpage{margin: 10px 0; width: 100%; text-align: center; }