html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
list-style: none;
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline
}
html, body
{
height: 100%
}
html
{
font-size: 100.01%
}
h2
{
font-size: 1.5em;
font-weight: 400;
padding: 0 0 15px
}
h3
{
font-size: 1em;
font-weight: 700;
padding: 0 0 5px
}
h4
{
color: #8e569b;
font-size: 1.1em;
font-weight: 700;
padding: 0 0 15px
}
h5
{
color: #000;
font-size: 1.2em;
font-weight: 700;
padding: 0 0 10px
}
h6
{
font-size: 1em;
font-style: italic;
padding: 0 0 3px
}
a
{
color: #109cdc;
text-decoration: underline
}
a:hover
{
text-decoration: none
}
body, input, textarea, select
{
font-family: Verdana, Arial,Helvetica, sans-serif
}
body
{
background: #5adee8 url(/images/style/bg/bg-top.jpg) no-repeat 0 0 fixed;
color: #000;
font-size: 68.75%
}
body.mceContentBody
{
background: #fff !important
}
.b-nav li, .b-nav ul, .b-top-nav li, .b-top-nav ul, .b-news-list dl, .b-news-list dt, .b-news-list dd, .b-courses,
.b-courses dt, .b-courses dd, .b-bot-nav ul, .b-bot-nav li, .b-submenu li, .b-submenu ul, .b-nav2, .b-nav2 li,
.b-paging dl, .b-paging dt, .b-paging dd
{
background: none;
list-style: none;
margin: 0;
padding: 0
}
.l-mid:after, .b-white_inner:after, .b-courses:after, .l-foot_inner:after, .b-calendar .title:after
{
clear: both;
content:'';
display: block
}
.become_client
{
color: #0083d8;
font-size: 1.3em;
display: block
}
.fs11
{
font-size: .9em
}
.fw400
{
font-weight: 400
}
.img-left
{
float: left;
margin: 0 10px 20px 0
}
.left
{
float: left
}
.more, .b-news-list dd a.more
{
color: #00a8ec
}
.no-bul
{
padding: 0 0 18px
}
.no-bul li
{
padding: 0 0 10px
}
.no-bul, .no-bul li
{
background: none
}
.right
{
float: right
}
.small
{
font-size: .9em;
padding: 0 0 20px
}
.small p
{
padding: 0 0 5px
}
.small .no-bul
{
padding: 0 0 0 30px
}
.text-center
{
text-align: center
}
.violet
{
color: #6a509b
}
.l-body
{
margin: 0 0 100px 50px;
padding: 30px 0 0;
position: relative;
width: 900px
}
.l-body_top, .l-body_bot
{
margin: 0 10px;
position: relative
}
.l-body_top, .l-body_bot
{
background: #fff;
height: 10px;
font-size: 0;
line-height: 0
}
.l-body_top i, .l-body_bot i
{
display: block;
height: 10px;
width: 10px;
overflow: hidden;
position: absolute
}
.l-body_bot
{
background: #58b2e7
}
.l-body_bot i
{
background: url(/images/style/bg/blue_round.png) no-repeat
}
.l-body_bot .lb
{
background-position: -10px 0;
left: -10px;
top: 0
}
.l-body_bot .rb
{
background-position: 0 0;
margin-left: 100%;
left: 0;
top: 0
}
.l-body_top i
{
background: url(/images/style/bg/white_round.png) no-repeat
}
.l-body_top .lt
{
background-position: -10px -10px;
left: -10px;
top: 0
}
.l-body_top .rt
{
background-position: 0 -10px;
margin-left: 100%;
left: 0;
top: 0
}
.l-foot, .l-foot a
{
color: #fff
}
.l-foot
{
margin: 0 10px 0 30px;
position: relative
}
.l-foot_bot, .l-foot_bot i
{
display: block;
height: 10px;
line-height: 0;
font-size: 0;
position: relative
}
.l-foot_bot
{
background: #007ed8;
margin: 0 10px
}
.l-foot_bot i
{
background: url(/images/style/bg/blue_round2.png) no-repeat;
position: absolute;
width: 10px;
left: -10px;
top: 0
}
.l-foot_bot .lb
{
background-position: 0 0
}
.l-foot_bot .rb
{
background-position: -10px 0;
margin: 0 0 0 100%;
left: 0
}
.l-foot_inner
{
background: #007ed8 url(/images/style/bg/foot.png) repeat-x
}
.l-head
{
background: #fff url(/images/style/bg/head_bg.png) repeat-x;
padding: 0 30px;
position: relative
}
.l-mid
{
background: #58b2e7 url(/images/style/bg/mid_bg.png) repeat-x;
padding: 10px 10px 0 30px
}
.l-window
{
background: url(/images/style/bg/window_index.png) no-repeat 0 0;
position: relative
}
.l-window h1
{
color: #fff;
font: 400 2.5em Helvetica, Arial, Verdana, sans-serif;
}
.l-window h1 span
{
display: none;
font-size: .7em;
margin: 0 0 0 -15px;
position: relative
}
.l-window h1 span.slogan1
{
display: block
}
.l-wrap
{
min-height: 100%;
overflow: hidden;
position: relative;
min-width: 1000px;
width: 100%
}
.b-blue-head, .b-blue-head i
{
background-image: url(/images/style/bg/blue_head.png);
background-repeat: no-repeat
}
.b-blue-head
{
color: #00709e
}
.b-blue-head span
{
background-position: -424px -54px
}
.b-blue
{
margin: 0 0 10px
}
.b-blue .b-head
{
margin: 0 1px 0 -9px
}
.b-blue_inner
{
background: #edfbfe;
padding: 0 10px
}
.b-blue_top, .b-blue_top i, .b-blue_bot, .b-blue_bot i
{
position: relative;
height: 10px;
font-size: 0;
line-height: 0
}
.b-blue_top, .b-blue_bot
{
background: #edfbfe;
margin: 0 10px
}
.b-blue_top i, .b-blue_bot i
{
background: url(/images/style/bg/blue_round3.png) no-repeat;
position: absolute;
width: 10px;
left: -10px;
overflow: hidden;
top: 0
}
.b-blue_top .lt
{
background-position: -10px -10px
}
.b-blue_top .rt
{
background-position: 0 -10px;
margin-left: 100%;
left: 0
}
.b-blue_bot .lb
{
background-position: -10px 0
}
.b-blue_bot .rb
{
background-position: 0 0;
margin-left: 100%;
left: 0
}
.b-body_bg
{
background: url(/images/style/bg/bg-bot.jpg) no-repeat 0 0;
display: block;
position: fixed;
top: 528px;
left: 0;
height: 772px;
width: 2000px
}
.b-bot-nav
{
font-size: .85em;
padding: 14px 0 0
}
.b-bot-nav li
{
display: inline-block;
font-size: 1.2em;
vertical-align: middle
}
.b-bot-nav div
{
display: inline-block;
padding: 7px 25px 0 0
}
.b-bot-nav a
{
text-decoration: none
}
.b-bot-nav a:hover
{
text-decoration: underline
}
.b-bot-nav li.act div, .b-bot-nav li.act a
{
background-image: url(/images/style/bg/bot_menu.png);
background-repeat: no-repeat
}
.b-bot-nav li.act div
{
margin: 0 15px 0 0;
padding: 0;
position: relative;
top: 6px
}
.b-bot-nav li.act a
{
color: #fff;
display: block;
height: 25px;
line-height: 23px;
overflow: hidden;
padding: 0 10px;
text-decoration: none
}
.b-bot-nav li.act .item1
{
background-color: #00a9da;
background-position: 0 0
}
.b-bot-nav li.act .item1 a
{
background-position: right -25px
}
.b-bot-nav li.act .item2
{
background-color: #f27795;
background-position: 0 -50px
}
.b-bot-nav li.act .item2 a
{
background-position: right -75px
}
.b-bot-nav li.act .item3
{
background-color: #61b100;
background-position: 0 -100px
}
.b-bot-nav li.act .item3 a
{
background-position: right -125px
}
.b-bot-nav li.act .item4
{
background-color: #7c73cc;
background-position: 0 -150px
}
.b-bot-nav li.act .item4 a
{
background-position: right -175px
}
.b-bot-nav li.act .item5
{
background-color: #1accc6;
background-position: 0 -200px
}
.b-bot-nav li.act .item5 a
{
background-position: right -225px
}
.b-brown-head, .b-brown-head i
{
background-image: url(/images/style/bg/brown_head.png);
background-repeat: no-repeat
}
.b-brown-head
{
color: #7a7700
}
.b-brown-head span
{
background-position: -339px -181px
}
.b-clear
{
clear: both;
height: 0;
overflow: hidden
}
.b-copy
{
background: url(/images/style/bg/copy.png) no-repeat 0 0;
float: left;
margin: 12px 0 0 12px;
padding: 5px 35px 5px 40px
}
.b-copy span
{
font-size: .9em;
display: block
}
.b-courses
{
position: relative;
margin: -34px 0 0
}
.b-courses a
{
color: #0083d8
}
.b-courses dt, .b-courses dt i
{
background-image: url(/images/style/bg/courses.png);
background-repeat: no-repeat
}
.b-courses dt
{
background-color: #a0ce7a;
background-position: 0 -50px;
color: #fff;
cursor: pointer;
float: left;
margin-right: 1px
}
.b-courses dt:first-child, .b-courses dt.first-child
{
margin-left: 30px
}
.b-courses dt i
{
background-position: right -75px;
font-style: normal;
display: block;
height: 24px;
line-height: 24px;
padding: 0 7px;
white-space: nowrap
}
.b-courses dt.act
{
background-color: #fff;
background-position: 0 0;
color: #4c5356;
font-weight: 700;
margin-right: 0
}
.b-courses dt.act i
{
background-position: right -25px;
height: 25px
}
.b-courses dd
{
float: right;
display: none;
margin: 25px 0 0 -100%;
width: 100%
}
.b-courses dd.act
{
display: block
}
.b-courses table
{
border-collapse: collapse !important;
border-spacing: 0 !important;
font-size: .9em;
margin: 0 0 5px;
width: 100%
}
.b-courses td
{
color: #7f8789;
font-size: .9em;
padding: 3px 4px 7px;
text-align: center
}
.b-courses tr.even td
{
background: #eafad9
}
.b-courses th
{
background: #dcebef;
color: #7f8789;
font-size: .9em;
padding: 7px 5px 5px
}
.b-courses th.fw400
{
padding: 3px 0 5px
}
.b-courses_inner
{
padding: 0 10px
}
.b-courses_title
{
color: #3b2328;
font-size: 1.2em;
padding: 15px 0 5px
}
.b-gray-head, .b-gray-head i
{
background-image: url(/images/style/bg/gray_head.png);
background-repeat: no-repeat
}
.b-gray-head
{
color: #6a897d
}
.b-gray-head span
{
background-position: -369px -151px
}
.b-green-head, .b-green-head i
{
background-image: url(/images/style/bg/green_head.png);
background-repeat: no-repeat
}
.b-green-head span
{
background-position: -409px -69px
}
.b-head
{
background-position: 0 0;
height: 20px;
padding: 10px 8px 0;
position: relative;
margin: 0 11px 0 1px;
top: -9px
}
.b-head i
{
background-position: right -30px;
display: block;
height: 30px;
width: 10px;
overflow: hidden;
position: absolute;
top: 0;
margin: 0 0 0 100%;
left: 0
}
.b-head span
{
background-image: url(/images/style/bg/1.png);
background-repeat: no-repeat;
padding: 0 0 3px 20px
}
.b-logo
{
float: left;
padding: 10px 0 0
}
.b-nav
{
font-size: 1.2em;
height: 40px;
padding: 60px 0 0 90px;
overflow: hidden;
}
.b-nav a
{
text-decoration: none
}
.b-nav a:hover
{
cursor: pointer
}
.b-nav a:hover i
{
background: none
}
.b-nav i
{
cursor: pointer;
display: block;
height: 2px;
width: 20px;
margin: 2px 0 0;
overflow: hidden
}
.b-nav li
{
display: inline-block;
margin: 0 30px 0 0;
vertical-align: middle
}
.b-nav .item1, .b-nav .item1 a
{
color: #00a9da
}
.b-nav .item1 i
{
background: #94dbf0
}
.b-nav .item2, .b-nav .item2 a
{
color: #f27795
}
.b-nav .item2 i
{
background: #f5c7d4
}
.b-nav .item3, .b-nav .item3 a
{
color: #61b100
}
.b-nav .item3 i
{
background: #bbdf98
}
.b-nav .item4, .b-nav .item4 a
{
color: #7c73cc
}
.b-nav .item4 i
{
background: #c6c6ea
}
.b-nav .item5, .b-nav .item5 a
{
color: #1accc6
}
.b-nav .item5 i
{
background: #9fe9e8
}
.b-nav .act div, .b-nav .act a
{
background: url(/images/style/bg/top_menu.png) no-repeat
}
.b-nav .act
{
margin-left: -20px;
margin-right: 10px;
position: relative
}
.b-nav .act a
{
color: #fff;
display: block;
height: 25px;
line-height: 25px;
overflow: hidden;
padding: 0 10px
}
.b-nav .act i
{
display: none
}
.b-nav .act .item1
{
background-color: #00a9da
}
.b-nav .act .item1 a
{
background-position: right -25px
}
.b-nav .act .item2
{
background-position: 0 -50px;
background-color: #f27795
}
.b-nav .act .item2 a
{
background-position: right -75px
}
.b-nav .act .item3
{
background-position: 0 -100px;
background-color: #61b100
}
.b-nav .act .item3 a
{
background-position: right -125px
}
.b-nav .act .item4
{
background-position: 0 -150px;
background-color: #7c73cc
}
.b-nav .act .item4 a
{
background-position: right -175px
}
.b-nav .act .item5
{
background-position: 0 -200px;
background-color: #1accc6
}
.b-nav .act .item5 a
{
background-position: right -225px
}
.b-news-list dd
{
font-size: 1.1em
}
.b-news-list dd a
{
color: #000;
text-decoration: none
}
.b-news-list dd a:hover
{
text-decoration: underline
}
.date, .b-news-list dt
{
color: #7f8789
}
.date
{
font-size: .9em;
padding: 0 0 15px
}
.b-news-list dt
{
display: block;
font-size: .9em;
padding: 25px 0 3px
}
.b-news-list dt:first-child, .b-news-list dt.first-child
{
padding-top: 5px
}
.b-phone
{
background: url(/images/style/bg/phone.png) no-repeat 0 0;
color: #fff;
height: 121px;
width: 280px;
overflow: hidden;
position: relative;
text-align: center
}
.b-phone span
{
font: 2.2em Helvetica, Verdana, Arial, sans-serif;
display: block;
letter-spacing: -1px;
padding: 82px 0 0
}
.b-phone_title
{
font-size: .9em;
position: absolute;
top: 20px;
left: 20px
}
.b-pink-head, .b-pink-head i
{
background-image: url(/images/style/bg/pink_head.png);
background-repeat: no-repeat
}
.b-pink-head
{
color: #8e569b
}
.b-pink-head span
{
background-position: -354px -166px
}
.b-rcol .b-white
{
margin-bottom: 10px
}
.b-top-nav
{
background: url(/images/style/bg/1.png) no-repeat 0 0;
position: absolute;
height: 41px;
width: 120px;
top: -20px;
right: 20px
}
.b-top-nav ul
{
padding: 15px 0 0 20px
}
.b-top-nav li
{
float: left;
padding: 0 15px 0 0
}
.b-top-nav li a, .b-top-nav li i
{
display: block;
position: relative;
overflow: hidden
}
.b-top-nav li i
{
position: absolute;
top: 0;
left: 0
}
.b-top-nav li i
{
background: url(/images/style/bg/1.png) no-repeat;
cursor: pointer
}
.b-top-nav .home a, .b-top-nav .home i
{
height: 13px;
width: 13px;
}
.b-top-nav .home
{
padding-right: 20px;
padding-top:2px
}
.b-top-nav .home i
{
background-position: -487px 0
}
.b-top-nav .sitemap a, .b-top-nav .sitemap i
{
height: 15px;
width: 18px;
}
.b-top-nav .sitemap
{
padding-right: 16px
}
.b-top-nav .sitemap i
{
background-position: -469px -13px
}
.b-top-nav .feedback a, .b-top-nav .feedback i
{
height: 11px;
width: 15px;
}
.b-top-nav .feedback
{
padding-top: 3px
}
.b-top-nav .feedback i
{
background-position: -454px -28px
}
.b-violet-head, .b-violet-head i
{
background-image: url(/images/style/bg/violet_head.png);
background-repeat: no-repeat
}
.b-violet-head
{
color: #6a509b
}
.b-violet-head span
{
background-position: -384px -136px
}
.b-yellow-head, .b-yellow-head i
{
background-image: url(/images/style/bg/yellow_head.png);
background-repeat: no-repeat
}
.b-yellow-head
{
color: #e8641b
}
.b-yellow-head span
{
background-position: -439px -39px
}
.b-white_inner
{
background: #fff;
padding: 0 0 10px
}
.b-white_top, .b-white_top i, .b-white_bot, .b-white_bot i
{
position: relative;
height: 10px;
font-size: 0;
line-height: 0
}
.b-white_top, .b-white_bot
{
background: #fff;
margin: 0 10px
}
.b-white_top i, .b-white_bot i
{
background: url(/images/style/bg/white_round.png) no-repeat;
position: absolute;
width: 10px;
left: -10px;
overflow: hidden;
top: 0
}
.b-white_top .lt
{
background-position: -10px -10px
}
.b-white_top .rt
{
background-position: 0 -10px;
margin-left: 100%;
left: 0
}
.b-white_bot .lb
{
background-position: -10px 0
}
.b-white_bot .rb
{
background-position: 0 0;
margin-left: 100%;
left: 0
}
.mfdDown
{
color: red
}
.mfdUp
{
color: green
}
#color
{
display: inline;
color: #ee3248
}
.mfdTickerTrend
{
white-space: nowrap
}
.b-dev
{
font-size: .9em;
position: absolute;
right: 20px;
top: 10px;
line-height: 130%;
text-align: center;
width: 100px
}
.b-dev img
{
vertical-align: middle
}
.table-tr-a {
padding-bottom:5px;
border-bottom:1px solid #12bce0;
font-size:12px;
}
.table-td-a {
padding-top:10px;
}
.table-a {
font-size:11px;
}
.table-a td {
padding-left:7px;
}
.table-td-b {
background:#ecfcff;
}
.em-a {
margin-left:9px;
font-size:10px;
}