body {margin:0; padding:0; background:#fff;}
body, td, input, textarea, select {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#444;}
div, form, p, ul, dl {margin:0;	padding:0;}
ul, dl {list-style:none;}
img {border:0;}
h1,h2,h3,h3,h4,h5,h6 {margin:0; padding:0; font-weight:400;}
a {color:#369; text-decoration:none;}
a:hover {color:#1187cb; text-decoration:underline;}

.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {_height:1%;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;	font-size:0px; width:100%; height:0; line-height:0px; overflow:hidden;}
.hspacer {clear:both; width:1px; height:8px; font-size:1px;	overflow:hidden;}
.f11 {font-size:11px;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f15 {font-size:15px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.grayfont  {color:gray;}
.redfont   {color:red;}
.bluefont  {color:blue;}
.greenfont {color:blue;}
.textbox  {margin:0; padding:2px 1px 2px 1px; border:1px solid #ccc; background:#f9f9f9;}
.textarea {margin:0; padding:2px 1px 2px 1px; border:1px solid #ccc; background:#f9f9f9;}
.checkbox {margin:0; padding:0; vertical-align:middle;}
.button   {}
.dotline {clear:both; margin-top:10px; width:100%; height:10px;	font-size:1px; overflow:hidden;	border-top:1px dotted #ccc;}

/* header */
.header {height:80px; background:url(../images/header_bg.png) repeat-x 0 100%;}
.header .center {margin:0 auto; width:960px; height:80px;}
.header .logo {float:left; margin:13px 0 0 0;}
.header .topbar {float:right; margin:13px 0 0 0;}

/* nav */
.nav {height:30px; background:url(../images/nav_bg.png) repeat-x 0 0;}
.nav .center {margin:0 auto; width:960px; height:30px;}
.nav ul {margin:0; padding:0; list-style:none;}
.nav li {float:left; display:inline; margin:0 0 0 1px; position:relative; z-index:100;}
.nav li a {float:left; text-decoration:none; font-size:13px; font-weight:700; color:#fff;}
.nav li a span {display:block; padding:0 20px; line-height:30px;}
.nav li:hover a,
.nav li.iehover a {color:#005ea4; text-decoration:none;}
.nav li:hover a span,
.nav li.iehover a span {background:url(../images/nav_over_bg.png) repeat-x 0 0;}
.nav li.cur a span {background:url(../images/nav_over_bg.png) repeat-x left top;}
/*
.nav a#nav_about {width:108px;}
.nav a#nav_about span {text-indent:-9999px; background:url(../images/nav_about.png) no-repeat 0 0;}
.nav li:hover a#nav_about span,
.nav li.iehover a#nav_about span {background:url(../images/nav_about.png) no-repeat 0 50%;}
.nav a#nav_service {width:123px;}
.nav a#nav_service span {text-indent:-9999px; background:url(../images/nav_service.png) no-repeat 0 0;}
.nav li:hover a#nav_service span,
.nav li.iehover a#nav_service span {background:url(../images/nav_service.png) no-repeat 0 50%;}
.nav a#nav_media {width:80px;}
.nav a#nav_media span {text-indent:-9999px; background:url(../images/nav_media.png) no-repeat 0 0;}
.nav li:hover a#nav_media span,
.nav li.iehover a#nav_media span {background:url(../images/nav_media.png) no-repeat 0 50%;}
.nav a#nav_database {width:80px;}
.nav a#nav_database span {text-indent:-9999px; background:url(../images/nav_database.png) no-repeat 0 0;}
.nav li:hover a#nav_database span,
.nav li.iehover a#nav_database span {background:url(../images/nav_database.png) no-repeat 0 50%;}
.nav a#nav_it {width:93px;}
.nav a#nav_it span {text-indent:-9999px; background:url(../images/nav_it.png) no-repeat 0 0;}
.nav li:hover a#nav_it span,
.nav li.iehover a#nav_it span {background:url(../images/nav_it.png) no-repeat 0 50%;}
.nav a#nav_careers {width:109px;}
.nav a#nav_careers span {text-indent:-9999px; background:url(../images/nav_careers.png) no-repeat 0 0;}
.nav li:hover a#nav_careers span,
.nav li.iehover a#nav_careers span {background:url(../images/nav_careers.png) no-repeat 0 50%;}
.nav a#nav_contact {width:108px;}
.nav a#nav_contact span {text-indent:-9999px; background:url(../images/nav_contact.png) no-repeat 0 0;}
.nav li:hover a#nav_contact span,
.nav li.iehover a#nav_contact span {background:url(../images/nav_contact.png) no-repeat 0 50%;}
*/
.nav li div {position:absolute; left:-1px; top:30px; z-index:100; display:none;}
.nav li div {padding:10px; width:180px; background:#fff; border-left:1px solid #025392; border-right:1px solid #025392; border-bottom:1px solid #025392;}
.nav li:hover div,
.nav li.iehover div {display:block;}
.nav li ul {margin:0; padding:0; list-style:none;}
.nav li ul li {float:none; display:block; margin:0; line-height:20px; overflow:hidden;}
.nav li ul li a {float:none !important; display:block; padding:0 0 0 10px; height:20px; font-size:12px; font-weight:400; color:#333 !important; background:none;}
.nav li ul li a:hover {text-decoration:underline;}
.nav li ul li ul li {float:none; display:block; margin:0; line-height:20px; overflow:hidden;}
.nav li ul li ul li a {float:none !important; display:block; padding-left:22px; height:20px; font-size:12px; font-weight:400; color:#369 !important; background:url(../images/li.gif) no-repeat 12px 8px;}
.nav li ul li ul li a:hover {text-decoration:underline;}

.main {margin:0; background:#fff;}
.main .center {}
.main .home_bg {padding-top:20px; background:url(../images/home_tab_bg2.png) no-repeat 50% 0;}
.main .sub_bg {margin:0 auto; padding-top:20px; width:960px; background:url(../images/main_bg.gif) no-repeat 260px 0;}

/* footer */
.footer {position:relative; margin-top:30px; height:120px; background:url(../images/footer_bg.png) repeat-x 0 0;}
.footer .center {margin:0 auto; width:960px; height:120px;}
.footer .links {margin:0 auto; width:960px; height:30px; color:#ccc; text-align:right;}
.footer .links a {line-height:30px; color:#ccc;}
.footer .copyright {margin:0 auto; padding:20px 0; width:960px; color:#ccc; text-align:right;}
.footer .copyright img {margin-top:10px;}
.footer .net {position:absolute; bottom:0; right:0;}

/* home */
.tabs {margin:0 auto; width:960px; height:396px;overflow:hidden; }
.tabs .center { padding-top:20px; width:960px; height:396px;}
.tabs .sections {position:relative; overflow:hidden;  width:960px; height:300px;}
.tabs .section {overflow:hidden; width:960px; height:300px;float:left;}
.tabs .sections_wrapper{width:9000px; position:absolute;top:0px; left:0px;}
.tabs #tabs_superiority {z-index:2; background-image:url(../images/home_pic_superiority.jpg);}
.tabs #tabs_media {background-image:url(../images/home_pic_media.jpg);}
.tabs #tabs_database {background-image:url(../images/home_pic_database.jpg);}
.tabs #tabs_it {background-image:url(../images/home_pic_it.jpg);}
.tabs #tabs_position {background-image:url(../images/home_pic_position.jpg);}
.tabs p.p_button {overflow:hidden; margin:230px 0 0 480px; padding:0;}
.tabs #tabs_position p.p_button {margin:220px 0 0 540px;}
.tabs .button_normal {display:block; width:132px; line-height:32px;}
.tabs .button_normal span {display:block; text-indent:-9999px; background:url(../images/home_btn_readmore.gif) no-repeat 0 0;}
.tabs ul {overflow:hidden; margin:10px 0 0 0; padding:0 0 0 5px; height:80px; background:transparent url(../images/home_tab_item_border2.gif) no-repeat 0 50%; list-style:none;}
.tabs ul li {float:left;}
.tabs ul li a {float:left; color:#888; font-weight:700; text-transform:uppercase; line-height:1.4em;}
.tabs ul li a span {float:left; cursor:pointer; width:105px; height:60px; padding:20px 7px 0 80px; background-color:transparent;  background-repeat:no-repeat; background-position:18px 14px;}
.tabs ul li a.tabs_superiority {margin-left:-5px; padding-left:0 !important;}
.tabs ul li a.tabs_superiority span {background-image:url(../images/home_tab_superiority_over2.gif);}
.tabs ul li a.tabs_media span {background-image:url(../images/home_tab_media_over2.gif);}
.tabs ul li a.tabs_database span {background-image:url(../images/home_tab_database_over2.gif);}
.tabs ul li a.tabs_it span {background-image:url(../images/home_tab_it_over2.gif);}
.tabs ul li a.tabs_position span {background-image:url(../images/home_tab_position_over2.gif);}
.tabs ul li a:hover,
.tabs ul li.active a {margin:0 -5px; padding:0 5px; background:transparent url(../images/home_tab_item_hover2.png) no-repeat 0 0; color:#1187cb; text-decoration:none;}
/*
.tabs ul li a:hover.tabs_superiority span,
.tabs ul li.active a.tabs_superiority span {background-image:url(../images/home_tab_superiority_over.gif);}
.tabs ul li a:hover.tabs_database span,
.tabs ul li.active a.tabs_database span {background-image:url(../images/home_tab_database_over.gif);}
.tabs ul li a:hover.tabs_media span,
.tabs ul li.active a.tabs_media span {background-image:url(../images/home_tab_media_over.gif);}
.tabs ul li a:hover.tabs_it span,
.tabs ul li.active a.tabs_it span {background-image:url(../images/home_tab_it_over.gif);}
.tabs ul li a:hover.tabs_position span,
.tabs ul li.active a.tabs_position span {background-image:url(../images/home_tab_position_over.gif);}
*/

.boxes {margin:10px auto 0 auto; width:960px; height:265px; background:url(../images/home_boxes_bg.png) no-repeat 50% 100%;}
.boxes .box {float:left; display:inline; margin:20px 25px 0 25px; width:270px;}
.boxes .box h4 {margin:0 0 20px 0; padding:0; height:20px; font-size:18px; font-weight:400; color:#005ea4;}
.boxes .service dl {margin:0 0 16px 0; padding:0; list-style:none; zoom:1;}
.boxes .service dt {float:left; display:inline; margin:0; padding:0; width:126px;}
.boxes .service dt img {padding:5px; border:1px solid #ddd; vertical-align:top;}
.boxes .service dd {float:left; display:inline; margin:0; padding:0; width:144px; line-height:18px;}
.boxes .service dd h5 {margin:0 0 8px 0; padding:0; font-size:12px;}
.boxes .service dd h5 a {text-decoration:underline;}
.boxes .service dd p {margin:0; padding:0; color:#888;}
.boxes .service h5 {margin:0 0 8px 0; padding:0; font-size:12px; font-weight:700;}
.boxes .service ul {margin:0; padding:0; list-style:none;}
.boxes .service ul li {float:left; margin:0 0 4px 0; padding:0 0 0 12px; width:45%; line-height:18px; background:url(../images/li.gif) no-repeat 0 7px;}
.boxes .service ul li a {text-decoration:underline;}
.boxes .service ul li span {margin-left:12px; font-size:11px; color:#888;}
.boxes .about dl {margin:0 0 16px 0; padding:0; list-style:none; zoom:1;}
.boxes .about dt {float:left; display:inline; margin:0; padding:0; width:126px;}
.boxes .about dt img {padding:5px; border:1px solid #ddd; vertical-align:top;}
.boxes .about dd {float:left; display:inline; margin:0; padding:0; width:144px; line-height:18px;}
.boxes .about dd h5 {margin:0 0 8px 0; padding:0; font-size:12px;}
.boxes .about dd h5 a {text-decoration:underline;}
.boxes .about dd p {margin:0; padding:0; color:#888;} 
.boxes .news ul {margin:0; padding:0; list-style:none;}
.boxes .news ul li {margin:0 0 4px 0; padding:0 0 0 12px; line-height:18px; background:url(../images/li.gif) no-repeat 0 7px;}
.boxes .news ul li a {text-decoration:underline;}
.boxes .news ul li span {margin-left:12px; font-size:11px; color:#888;}
.boxes .box .showmore {margin:1em 0 0 0; padding:0; font-size:11px; font-weight:700; text-align:right;}
.boxes .box .showmore a {text-decoration:underline;}
.boxes .box .text {margin:0 0 1em 0; padding:0; line-height:18px;}

/* sub */
.banner {height:100px; background:url(../images/banner_bg.png) repeat-x 0 0;}
.banner .center {margin:0 auto; width:960px; height:100px;}
.banner img {margin:0; width:960px; height:100px; vertical-align:top;} 
.banner h2 {margin:30px 0 0 0; padding:0; font-size:26px; font-weight:400; color:#fff;}

.crossCloumn {width:960px; background:url(../images/main_bg.gif) no-repeat 260px 0;}
.crossCloumn .cloumn1 {float:left; width:260px;}
.crossCloumn .cloumn2 {float:left; margin-left:40px; width:660px;}

.side_box {width:260px;}
.side_box_hd {width:260px; height:10px; font-size:1px; overflow:hidden; background:url(../images/side_box_hd.gif) no-repeat 0 0;}
.side_box_bd {width:260px; height:auto; overflow:hidden; background:url(../images/side_box_bd.gif) repeat-y 0 0;}
.side_box_ft {width:260px; height:10px; font-size:1px; overflow:hidden; background:url(../images/side_box_ft.gif) no-repeat 0 0;}
.side_quicklink {margin:0 0 20px 0; width:260px;}
.side_quicklink h4 {margin:0 0 10px 0; padding:0; height:14px; line-height:14px; text-indent:-9999px; background:url(../images/quicklink_title.gif) no-repeat 0 0;}
.side_quicklink p {margin:0; padding:0;}
.side_quicklink select {margin:10px 0 0 0; width:200px;}
.side_contactus {margin:0 0 20px 0; padding:20px 0 0 0; width:260px; background:url(../images/side_split.gif) no-repeat 50% 0;}
.side_contactus h4 {margin:0 0 10px 0; padding:0; height:14px; line-height:14px; text-indent:-9999px; background:url(../images/contactus_title.gif) no-repeat 0 0;}
.side_contactus p {margin:0; padding:0;}
.side_feedback {margin:0 0 20px 0; padding:10px 0 0 0; width:260px;}
.side_feedback h4 {margin:0 0 10px 0; padding:0; height:14px; line-height:14px; font-size:15px; font-weight:400; font-family:"Trebuchet MS";}
.side_feedback p {margin:0; padding:0;}

.catList {margin:0 0 20px 0; width:240px; padding-top:2px;}
.catList ul {margin:0; padding:0; list-style:none;}
.catList ul li {line-height:26px; background:url(../images/cat_list_bg.gif) repeat-x 0 0;}
.catList ul li a {display:block; padding:0 0 0 24px; height:26px; line-height:26px; background:url(../images/cat_icon.gif) no-repeat 8px 10px; overflow:hidden;}
.catList ul li a:hover {color:#1187cb; background-color:#e7f5fd;}
.catList ul li a.a_TreeCurrent {padding:0 0 0 24px; font-weight:700; color:#fff; background:#1686bb url(../images/cat_icon_over.gif) no-repeat 8px 10px;}
.catList ul li ul li {line-height:26px;}
.catList ul li ul li a {padding:0 0 0 36px; background:none;}
.catList ul li ul li a.a_TreeCurrent {padding:0 0 0 36px; font-weight:700; color:#fff; background:#1686bb;}
.catList ul li ul li ul li a {padding:0 0 0 60px; background:none;}
.catList ul li ul li ul li a.a_TreeCurrent {padding:0 0 0 60px; font-weight:700; color:#fff; background:#1686bb;}
.catList ul li ul li ul li ul li a {padding:0 0 0 84px; background:none;}
.catList ul li ul li ul li ul li a.a_TreeCurrent {padding:0 0 0 84px; font-weight:700; color:#fff; background:#1686bb;}

.location {padding:6px 0 12px 0; width:100%; background:url(../images/dotline.gif) repeat-x 0 100%;}
.pageTitle {margin:20px 0 0 0; width:100%; font-size:24px; font-weight:400; color:#0d1b67; display:none;}
.pageContent {margin:0; width:100%; overflow:hidden;}
.catDetail {margin:20px 0 0 0; line-height:180%;}
.catDetail p {margin:0 0 1em 0; line-height:180%;}
.catDetail td {line-height:140%;}
.catDetail td p {margin:0; line-height:140%;}
.pageOperation {margin:20px 0 0 0; text-align:center;}
.catFootDetail {margin:20px 0 0 0;}

.dataList {margin:20px 0 0 0; width:100%;}
.dataList ul {margin:0; padding:0; list-style:none;}
.dataList li {padding:0 0 0 12px; line-height:24px; font-size:11px; color:#888; background:url(../images/li.gif) no-repeat 0 12px;}
.dataList li a {margin-right:1em; font-size:14px; text-decoration:underline;}

.dataDetail {margin:20px 0 0 0; width:100%;}
.dataDetail .title {margin:0 0 6px 0; font-size:24px; font-weight:400; color:#0d1b67;}
.dataDetail .pub {margin:0 0 20px 0; font-size:11px; font-weight:400; color:#888;}
.dataDetail .content {}
.dataDetail .content p {margin:0 0 1em 0; font-size:14px; line-height:180%;}
.dataDetail .content td {line-height:140%;}
.dataDetail .content td p {margin:0; line-height:140%;}

.jobList {margin-bottom:20px; border-bottom:1px solid #e0e0e0; width:100%;}
.jobList td {line-height:20px;}
.jobList td.jobTitle {font-size:14px; font-weight:400; color:#888;}
.jobList td.jobTitle a {font-weight:700; text-decoration:underline;}
.jobList td.jobDate {font-size:11px; color:#888;}
.jobList td.jobAccept {padding:0;}
.jobList td.jobInfo {color:#888;}
.jobList td.jobInfo span {color:#333;}
.jobList td.jobDescription {padding-bottom:20px;}

.jobDetail {width:100%;}
.jobDetail h3 {margin:0; padding:0; font-size:24px; font-weight:400; color:#0d1b67; position:relative;}
.jobDetail ul {margin:20px 0 0 0; padding:0; list-style:none;}
.jobDetail ul li {line-height:180%;}
.jobDetail dl {margin:10px 0 0 0; padding:0; list-style:none;}
.jobDetail dl dt {margin:0; padding:0; line-height:180%;}
.jobDetail dl dd {margin:0; padding:0; line-height:180%;}
.jobDetail p {margin:10px 0 0 0; padding:0; text-align:right;}
.btnAcceptJob {display:block; width:120px; height:28px; line-height:28px; text-indent:9999px; overflow:hidden; background:url(../images/btn_acceptjob.gif) no-repeat 0 0;}
.jobDetail h3 .btnAcceptJob {position:absolute; right:0; top:4px;}

.siteListTitle {margin:4px 0;}
.siteList {list-style:none; zoom:1;}
.siteList li {display:inline; float:left; width:124px; height:110px; margin:0 20px 0 0;}
.siteList li img {padding:1px; border:1px solid #d7d7d7; width:120px; height:60px; text-align:center;}
.siteList li p {margin:6px 0 0 0; line-height:14px; font-size:12px; width:120px; white-space:normal;}

/* pages */
.pages {clear:both;	padding:15px 0; width:100%; text-align:right;}
.pages td {height:20px; font-family:宋体; color:#888;}
.pages td strong {color:#f60;}
.pages span {float:left; display:inline; margin:0 0 0 8px; line-height:20px;}
.pages a {float:left; display:inline; margin:0 0 0 8px; padding:0 6px; height:18px; line-height:18px; border:1px solid #ccc; background:#fff; text-align:center; text-decoration:none;}
.pages a:hover {border:1px solid #369; background:#369; text-decoration:none; color:#fff;}
.pages a.nowPage {border:1px solid #369; background:#369; color:#fff;}

/* popup */
.popup {border:1px solid #065896; background:#fff;}
.popup .popup_hd {background:#5795c3 url(../images/popup_hd.png) repeat-x 0 0; padding:0 10px; height:29px; line-height:29px;}
.popup .popup_hd span {float:left; font-family:宋体; font-size:14px; font-weight:400; color:#fff;}
.popup .popup_hd a {float:right; width:34px; height:19px; text-indent:-9999px; background:url(../images/popup_close.png) no-repeat 0 0;}
.popup .popup_bd {}