html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;list-style:none;}

html{height:100%}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
a{outline:none;}
h1,h2,h3,h4,h5,h6{font-weight:bold;color:#003665;font-family:"Î¢ÈíÑÅºÚ"}
h1{font-size:20px;}
h2{font-size:17px;}
h3{font-size:15px;}
h4{font-size:14px;}

/** ----------------- Structure ------------------- **/
body{font:13px/1.6 Verdana, Corbel, sans-serif; text-align:center;}
#page{margin:0 auto;text-align:left;}
  #header{height:114px; background:url(../images/header_bg.jpg) repeat-x;}
    .wrapper-header{position:relative; margin:0 auto;width:960px; overflow:hidden;}
  #nav{background:url(../images/nav_bg.jpg) repeat-x;}
    .wrapper-nav{margin:0 auto; width:960px;}
  #banner{background:#0094BB; }
  #index #banner{height:336px;overflow:hidden; clear:both;}
  .wrapper-banner{margin:0 auto; /*width:960px;*/}
  #main{border-top:1px solid #fc0;}
    .wrapper-main{margin:0 auto; width:960px;overflow:hidden;}
	#content{display:inline;float:left;overflow-x:hidden;width:650px;margin:6px 0 20px 11px;}
	#sidebar{display:inline;float:left;margin:25px 0 0 35px;width:250px;background:#f1f1f1;border:1px solid #eee;}
  #foot-nav{background:#f3f3f3; color:#777; border-top:1px solid #CCCCCC}
    .wrapper-foot-nav{margin:0 auto; padding:25px 0 70px; width:960px; background: url(../images/footer_logo.jpg) no-repeat 95% 50%}
  #footer{margin:0 auto;background:#0061af;color:#fff;text-align:left; clear:both;}
    .wrapper-footer{margin:0 auto; width:960px;overflow:hidden;}
  #footer span{margin:20px;line-height:30px;}

/** --------------- Header -----------------------**/
#header h1 a{display:block;margin:25px 10px; width:473px;height:66px;text-indent:-5000px;background:url(../images/header_logo.jpg) no-repeat;}
#tools{position:absolute;top:15px;right:20px;}
  #tools a{text-decoration:none;color:#003665;font-weight:bold;margin:0 3px;padding-left:20px; display:inline-block;}
  #tools .t_index{background:url(../images/t_index.gif) no-repeat;}
  #tools .t_bookmark{background:url(../images/t_bookmark.gif) no-repeat;}
  #tools .t_contact{background:url(../images/t_contact.gif) no-repeat;}

/** --------------- Nav -----------------------**/
#nav ul{/*overflow:hidden;*/height:38px;}
#nav li{display:inline;float:left;margin:6px 10px;color:#fff;font-weight:bold;position:relative;}
#nav li a{ display:block;padding:3px 15px;color:#fff;text-decoration:none;}
#nav li li a{color:#333;}
#nav li a:hover{
  color:#000;background:url("../images/nav_cur.png") repeat scroll 0 0 transparent;
  -moz-border-radius-topleft:4px;
  -moz-border-radius-topright:4px;
  -webkit-border-raidus-topleft:4px;
  -webkit-border-raidus-topright:4px;
  border-radius-topleft:4px;
  border-radius-topright:4px;
}
#nav .subnav{
  display:none;
  position:absolute;top:27px; left:0;
  background:#ffdd54; 
  overflow:hidden; 
  height:auto;width:170px;
  border-left:1px solid #fc0;
  border-right:1px solid #fc0;
  border-bottom:1px solid #fc0;
}
#nav .subnav-about{}

#nav .subnav li{clear:both;width:170px; margin:0;border-bottom: 1px solid #fc0;}
#nav .subnav li a{float:left; padding:10px 0 10px 20px; width:150px;}
#nav .subnav li a:hover{background:#fc0;}

/** --------------- Banner --------------------**/
.bPics{height:336px;}
.bPics #image_index1, #image_index2, #image_index3{width:100%; height:336px;}
.bPics #image_index1{background:url(../images/index1.jpg) no-repeat 50% 0;}
.bPics #image_index2{background:url(../images/index2.jpg) no-repeat 50% 0;}
.bPics #image_index3{background:url(../images/index3.jpg) no-repeat 50% 0;}

.sPics{position:relative; top:-68px;}
.sPicBg{background:#fff;height:66px; border-top:1px solid #ccc;}
.sPicThumbs{position:relative; margin:0 auto; width:960px;}
.sPics ul{position:absolute;top:-60px;right:5px;}
.sPics li{float:left;margin:0 3px;}
.sPics li a{position:relative;}
.sPics li a img{border:2px solid #ccc;}
.current{position:relative;top:-25px;}

/** --------------- Innner Banner --------------------**/
.c-banner{height:106px; background:url(../images/inner_banner_about.jpg) no-repeat left center;}
.h-banner{height:106px; background:url(../images/inner_banner_human.jpg) no-repeat left center;}
.n-banner{height:106px; background:url(../images/inner_banner_news.jpg) no-repeat left center;}
.s-banner{height:106px; background:url(../images/inner_banner_service.jpg) no-repeat left center;}
.p-banner{height:106px; background:url(../images/inner_banner_partner.jpg) no-repeat left center;}
.x-banner{height:106px; background:url(../images/inner_banner_xintro.jpg) no-repeat left center;}

/** --------------- Main -----------------------**/
  #content{margin:15px 0;}
  .content-section{margin:10px 0;}
  
  #position{padding:7px 0;border-bottom:1px solid #eee;}
  .wrapper-position{
    margin:0 auto; width:960px; padding-left:10px; color:#3176ab; background:url(../images/position.gif) no-repeat left center;
  }
  .wrapper-position strong{font-size:14px; color:#00355d;}
  .wrapper-position a{color:#3176ab;}
  #content .about h2{
    text-indent:-5000px;border-bottom:1px solid #09bbdb;
	background:url(../images/content_about.jpg) no-repeat;
  }
  #content .about p{padding:10px; background:#f6f6f6; color:#333;}
  #content .horner h2{
    text-indent:-5000px;border-bottom:1px solid #09bbdb;
	background:url(../images/content_horner.jpg) no-repeat;
  }
  #content .horner-image{padding:10px; /*border:1px solid #ddd; background:#f6f6f6;*/}
  #content .horner table{width:100%;}
  #content .horner table img{border:1px solid #a9354d;}
  	span.h2-e{font-size:10px;color:#666;}
  .lists li{display:inline;}
  .lists a{text-decoration:none;display:block;color:#333;padding:3px 12px;border-bottom:1px solid #ccc;}
  .lists a:hover{background:#ffc;font-weight:bold;color:#000;}

  /** --------------- inner pages -----------------------**/
  #content .inner{background:#f6f6f6; border:1px solid #eee; min-height:500px; height:500px; height:auto !important;}
  #content .inner h2{margin:0 0 10px 0; padding-left:10px; height:37px; background:url(../images/inner_content_h2.gif) repeat-x left top;}
  #content .block-c33{color:#fff; font-size:14px;}
  #content .h2-e{color:#fff;}
  .inner p{margin:3px 10px; font-size:14px;line-height:180%; text-indent:2em;}
  
#sidebar h2.h2-action{ 
  width:250px;
  height:35px;
  text-indent:-5000px;background:url(../images/sidebar_action.jpg) no-repeat;
}
#sidebar h2{font-size:14px; padding:10px 0 0 10px}
#sidebar ul.news, ul.tirals, ul.links{ 
  font-size:12px; padding:5px 10px; border-bottom:1px solid #ddd;
  min-height:295px;
  height:auto !important;
  height: 295px;
}
  #sidebar .links li,#sidebar .news li{
    margin:3px;padding:3px 16px;border-bottom:1px dashed #ccc;
    background:url(../images/sidebar_li.jpg) no-repeat 0 55%;
  }
.links-sub li{display:inline;}
#sidebar .links-sub a{display:block;padding:3px 12px;border-bottom:1px solid #dfdfdf;color:#333;}
#sidebar a{text-decoration:none;color:#333;}
#sidebar .links-sub{margin:5px 10px;}

.clear{clear:both;}
#projects table{margin:10px auto;}
#projects td img{margin:10px;padding:5px; border:1px solid #ccc;}

/** --------------- Footer-Nav -----------------------**/
.foot-nav-1, .foot-nav-2{clear:both; overflow:hidden; width:700px;}
.foot-nav-2{margin-top:20px;}
.wrapper-foot-nav dl{display:inline; float:left; margin-left:25px;}
.wrapper-foot-nav .foot-nav-first{margin-left:0;}
.wrapper-foot-nav dt{font-size:14px; color:#003665; font-family:"Î¢ÈíÑÅºÚ","ºÚÌå",sans-serif;}
.wrapper-foot-nav dd{display:inline; float:left; margin:0 10px;}
.wrapper-foot-nav .dd-first{margin:0;}
.wrapper-foot-nav dd a{color:#555; text-decoration:none;}
.wrapper-foot-nav dd a:hover{color:#000; text-decoration: underline;}
.foot-nav-2 dd{margin:0; width:220px;}

/** --------------- Footer -----------------------**/
.cr{padding:10px 0;}

/** --------------- Navis -----------------------**/
#content-main-sub{margin:0 auto;border-top:3px solid #fc0;text-align:left;line-height:1.8;}
#content-main-sub #main{width:700px;}
  #content-main-sub #main h2{margin-bottom:10px;border-bottom:1px solid #B9DCEE;}
#content-main-sub #sidebar{margin-left:60px;width:200px;}

#c_index   #c_index_li,
#c_boss    #c_boss_li,
#c_struc   #c_struc_li,
#c_culture #c_culture_li,
#c_horner  #c_horner_li,
#c_team    #c_team_li,
#c_contact #c_contact_li,
#p_partners #p_partners_li,
#p_products #p_products_li,
#h_index #h_index_li,
#h_train #h_train_li,
#h_offer #h_offer_li,
#h_post  #h_post_li,
#x_index #x_index_li,
#x_hard  #x_hard_li,
#x_soft  #x_soft_li,
#x_site  #x_site_li,
#n_index #n_index_li,
#n_etherl #n_etherl_li,
#s_index #s_index_li,
#s_promi #s_promi_li,
#s_line  #s_line_li,
#s_registe #s_registe_li,
#s_remote #s_remote_li 
{color:#c33;font-weight:bold;background:#eee;margin-left:-1px;}

#sidebar #c_contact_li{border:none;}

#index .i,
#c_index .c,#c_contact .c,#c_culture .c,#c_horner .c,#c_struc .c,#c_team .c,#c_boss .c,
#p_partners .p,#p_products .p,
#h_index .h,#h_train .h,#h_offer .h,#h_post .h,
#x_index .x,#x_hard  .x,#x_soft  .x,#x_site  .x,
#n_index .n,#n_etherl .n,
#s_index .s,#s_promi .s,#s_line  .s,#s_registe .s,#s_remote .s 
{
  color:#000;
  background:url("../images/nav_cur.png") repeat scroll 0 0 transparent;
  font-weight:900;
  -moz-border-radius-topleft:4px;
  -moz-border-radius-topright:4px;
  -webkit-border-raidus-topleft:4px;
  -webkit-border-raidus-topright:4px;
  border-radius-topleft:4px;
  border-radius-topright:4px;
}

