html,body {height:100%;}
body {margin:0; padding:0; background:#fff;}
body, td, input, textarea, select {font-size:12px; font-family:微软雅黑; 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-left:1px; position:relative; z-index:100;}
.nav li a {float:left; text-decoration:none;}
.nav li a span {display:block; padding:0 20px; line-height:30px; font-weight:700; color:#fff;}
.nav li:hover a {}
.nav li:hover a span {color:#005ea4; background:url(../images/nav_over_bg.png) repeat-x 0 0;}
.nav li.cur {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 {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 {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 {background:url(../images/nav_media.png) no-repeat 0 50%;}
.nav a#nav_information {width:80px;}
.nav a#nav_information span {text-indent:-9999px; background:url(../images/nav_information.png) no-repeat 0 0;}
.nav li:hover a#nav_information span {background:url(../images/nav_information.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 {background:url(../images/nav_it.png) no-repeat 0 50%;}
.nav a#nav_job {width:109px;}
.nav a#nav_job span {text-indent:-9999px; background:url(../images/nav_job.png) no-repeat 0 0;}
.nav li:hover a#nav_job span {background:url(../images/nav_job.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 {background:url(../images/nav_contact.png) no-repeat 0 50%;}

.nav li div {position:absolute; left:-1px; top:30px; z-index:100;}
.nav li div {padding:10px; width:180px; background:#fff; border-left:1px solid #025392; border-right:1px solid #025392; border-bottom:1px solid #025392; display:none;}
.nav li:hover div {display:block;}
.nav li dl {margin:0; padding:0; list-style:none;}
.nav li dl dt {margin:0; padding:0; line-height:20px; }
.nav li dl dt a {float:none; color:#333;}
.nav li dl dd {margin:0; padding:0 0 0 10px; line-height:20px; background:url(../images/li.gif) no-repeat 0 8px;}
.nav li dl dd a {float:none; color:#336699;}
.nav li dl dd a:hover {text-decoration:underline;}

.main {margin:0;}
.main .center {}
.main .home_bg {padding-top:20px; background:url(../images/home_tab_bg.png) no-repeat 50% 0;}
.main .sub_bg {margin:0 auto; padding-top:20px; width:960px; background:url(../images/main_bg.gif) no-repeat 280px 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:#bbb; text-align:right;}
.footer .links a {line-height:30px; color:#bbb;}
.footer .copyright {margin:0 auto; padding:20px 0; width:960px; color:#bbb; 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:406px;}
.tabs .center { padding-top:20px; width:960px; height:406px;}
.tabs .sections {position:relative; overflow:hidden; visibility:hidden; width:960px; height:300px;}
.tabs .section {position:absolute; top:0; left:0; z-index:1;}
.tabs .section {overflow:hidden; width:960px; height:300px;}
.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_information {background-image:url(../images/home_pic_information.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:220px 0 0 480px; padding:0;}
.tabs #tabs_position p.p_button {margin:220px 0 0 580px;}
.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:96px; background:transparent url(../images/home_tab_item_border.gif) no-repeat 0 50%; list-style:none;}
.tabs ul li {float:left;}
.tabs ul li a {float:left; color:#888; font-weight:bold; text-transform:uppercase; line-height:1.2em;}
.tabs ul li a span {float:left; cursor:pointer; width:100px; height:66px; padding:30px 7px 0 85px; background-color:transparent;  background-repeat:no-repeat; background-position:12px 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.gif);}
.tabs ul li a.tabs_media span {background-image:url(../images/home_tab_media.gif);}
.tabs ul li a.tabs_information span {background-image:url(../images/home_tab_information.gif);}
.tabs ul li a.tabs_it span {background-image:url(../images/home_tab_it.gif);}
.tabs ul li a.tabs_position span {background-image:url(../images/home_tab_position.gif);}
.tabs ul li a:hover,
.tabs ul li.active a {margin:0 -5px; padding:0 5px; background:transparent url(../images/home_tab_item_hover.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_information span,
.tabs ul li.active a.tabs_information span {background-image:url(../images/home_tab_information_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; text-indent:-9999px;}
.boxes .service h4 {background:url(../images/cpyfw.gif) no-repeat left top;}
.boxes .service dl {margin:0 0 16px 0; padding:0; list-style:none; width:270px;}
.boxes .service dt {float:left; margin:0 12px 0 0; padding:0;}
.boxes .service dt img {padding:5px; border:1px solid #ddd; vertical-align:top;}
.boxes .service dd {float:left; margin:0; padding:0; 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 h4 {background:url(../images/zjzm.gif) no-repeat  0 0;}
.boxes .about dl {margin:0 0 16px 0; padding:0; list-style:none; width:270px;}
.boxes .about dt {float:left; margin:0 12px 0 0; padding:0;}
.boxes .about dt img {padding:5px; border:1px solid #ddd; vertical-align:top;}
.boxes .about dd {float:left; margin:0; padding:0; 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 h4 {background:url(../images/xwzx.gif) no-repeat  0 0;}
.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;}

/* sub */
.banner {height:100px; background:url(../images/banner_bg.png) repeat-x 0 0;}
.banner .center {margin:0 auto; width:960px; height:100px; background:url(../images/banner_bg2.png) no-repeat 0 0;}
.banner img {margin:24px 0 0 0; } 
.banner h2 {margin:30px 0 0 0; padding:0; font-size:26px; font-weight:400; color:#fff;}

.crossCloumn {width:960px;}
.crossCloumn .cloumn1 {float:left; width:280px;}
.crossCloumn .cloumn2 {float:left; margin-left:20px; 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;}

.catList {padding:0 20px; width:220px;}
.catList ul {margin:0; padding:0; list-style:none;}
.catList ul li {line-height:28px;}
.catList ul li ul {margin:0 0 0 24px; padding:0; list-style:none;}
.catList ul li {line-height:28px;}

.side_quicklink {margin:20px 0 0 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:20px 0 0 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;}

.location {padding:5px 0 15px 0; background:url(../images/dotline.gif) repeat-x 0 100%;}
.pageTitle {margin:20px 0 0 0; font-size:24px; font-weight:400; color:#0d1b67;}
.pageContent {margin:20px 0 0 0;}
