@charset "utf-8";
/* CSS Document */
* {margin:0px; padding:0px;}
html {font-size:12px;}
body {background:#0587ca;}
a {color:#075e6b; text-decoration:none;}
a:hover {text-decoration:underline;}

.bg {background:url(//images.17173cdn.com/2010/hero.web/images/main_bg.jpg) center top no-repeat;}

.info_title {font-size:14px; font-weight:bold; text-align:left; background:url(//images.17173cdn.com/2010/hero.web/images/icon.gif) right no-repeat; clear:both; padding:8px 0 8px 0;}
.info a {color:#0d7faf;}
.info li {width:56px;}
.info li {list-style:none; display:block; float:left; padding:4px;}

.nav {width:709px; height:52px;}
.nav a {display:block; float:left; width:128px; height:52px;}
.nav_01 {width:150px !important; background:url(//images.17173cdn.com/2010/hero.web/images/nav.gif) 0 0;}
.nav_01:hover,.nav_01:active {background:url(//images.17173cdn.com/2010/hero.web/images/nav.gif) 0 -52px;}
.nav_02 {background:url(//images.17173cdn.com/2010/hero.web/images/nav.gif) -150px 0;}
.nav_02:hover,.nav_02:active {background:url(//images.17173cdn.com/2010/hero.web/images/nav.gif) -150px -52px;}
.nav_03 {background:url(//images.17173cdn.com/2010/hero.web/images/nav.gif) -278px 0;}
.nav_03:hover,.nav_03:active {background:url(//images.17173cdn.com/2010/hero.web/images/nav.gif) -278px -52px;}
.nav_04 {background:url(//images.17173cdn.com/2010/hero.web/images/nav.gif) -406px 0;}
.nav_04:hover,.nav_04:active {background:url(//images.17173cdn.com/2010/hero.web/images/nav.gif) -406px -52px;}
.nav_05 {width:174px !important; background:url(//images.17173cdn.com/2010/hero.web/images/nav.gif) -534px 0;}
.nav_05:hover,.nav_05:active {background:url(//images.17173cdn.com/2010/hero.web/images/nav.gif) -534px -52px;}

.kb_bg {width:349px; height:221px; float:right; padding-top:40px; background:url(//images.17173cdn.com/2010/hero.web/images/kb.gif) top center no-repeat; text-align:left;}
.kb li {clear:both; line-height:24px; text-align:left; list-style:none;}
.kb span {float:right;}

.box1 {width:352px; height:322px; background:url(//images.17173cdn.com/2010/hero.web/images/box1_bg.gif); position:relative}
.box2 {width:352px; height:365px; background:url(//images.17173cdn.com/2010/hero.web/images/box2_bg.gif); position:relative}
.title {width:64px; height:15px; position:absolute; top:14px; left:14px;}

.gl {width:322px; height:260px; position:absolute; top:46px; left:14px;}
.gl li {clear:both; line-height:24px; text-align:left; list-style:none;}
.gl span {float:right;}

.bk_bg {width:322px; height:252px; position:absolute; top:54px; left:14px; background:url(//images.17173cdn.com/2010/hero.web/images/bk_bg.gif) bottom center no-repeat;}
.bk_nav {width:300px; height:32px; position:absolute; top:83px; left:25px;}
.bk_nav a {width:60px; height:32px; display:block; float:left; color:#FFFFFF; font-weight:bold; line-height:32px;}
.bk_btn {background:url(//images.17173cdn.com/2010/hero.web/images/bk_btn.gif) center top; color:#000000 !important;}






.BKquhuan { width:58px; height: 28px; font-size: 12px; text-decoration: none; color: #000; background: url(//images.17173cdn.com/2010/hero.web/images/qh.jpg) no-repeat center top;}
 
.BKquhuan a:link, .BKquhuan a:visited, .quhuan a:active { font-size: 12px; text-decoration: none; color: #000;}
 
.BKquhuan a:hover { font-size:12px;}
 
.BKquhuan1 { width:58px; height: 28px; margin-right: 0; font-size: 12px; text-decoration: none; color: #000; background:none;}
 
.BKquhuan, .BKquhuan a { text-decoration: none; color: #000;}
 
.BKquhuan1, .BKquhuan1 a:link, .BKquhuan1 a:visited, .BKquhuan1 a:active { text-decoration: none; color: #fff; font-weight:bold;}
 
#BK { clear:both; width:322px; height:28px; padding:10px 0 0 5px; margin:0 auto; background: none;}
 
#BKcontent1, #BKcontent2 , #BKcontent3, #BKcontent4, #BKcontent5{ float: left; width: 58px; height: 28px; text-align: center; margin: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 5px; line-height: 35px; }
 
#BKccontent1, #BKccontent2, #BKccontent3, #BKccontent4, #BKccontent5 { width:322px; clear: both; padding:0; margin:0 auto;}

.bklist{ padding: 10px 0; margin: 0 auto; width: 100%; }
 
.bklist ul { padding: 0 10px;list-style:none; }
 
.bklist li { float: left; clear: both; width: 100%;  padding:0; margin: 0; list-style:none; }
 
.bklist li, .bklist li a { line-height:22px; font-size: 12px; color: #075e6b; text-decoration: none; text-align:left; }
 
.bklist li a:hover { line-height:22px; font-size: 12px; color: #075e6b; text-decoration: underline; }
 
.bklist li span { float: right; width: auto; font-size: 12px; color: #a4a8a9; line-height:22px; }





.show {width:322px; height:305px; position:absolute; top:46px; left:14px; list-style:none}
.show li {width:161px; height:148px; display:block; float:left; padding-top:4px;}
.show li div {margin-top:4px;}
.showimg {width:138px; height:110px; border:1px #08658b solid;}
.showimg img {width:136px; height:108px; border:1px #a5def0 solid;}