/* 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; }