@charset "utf-8";
/* 2011-9  H3C New website  For homepage*/
/*banner*/
#banner{height:364px; /*width:1260px; max-width:1260px; margin:0  auto;*/ width:100%; background-color:#e4e4e6;}

/*Website bg*/

#gallery {
    overflow: hidden;
/*    width: 1260px;*/
	  width: 100%;
	  max-width:1366px;
	  margin:0 auto;
}
#slides {
    height: 365px;
    overflow: hidden;
  /*  width: 1260px;*/
  width:100%;
}
.slide {
    float: left;
}
.menu-po_bg_shadow{
	background: #666;
	filter:alpha(opacity=60); 
	-moz-opacity:0.6; 
	opacity:0.6;
	height: 37px;
    left: 0;
    position: absolute;
    top: -37px;
    width: 100%;}
#gallery #menu {
   /* background:  url(../../images/2011/shadow.png) no-repeat scroll 0 bottom transparent;
	_background:  url(../../images/2011/shadowie6.png) no-repeat scroll 0 bottom transparent;*/
    height: 41px;
    position: absolute;
    top: -41px;
 /*   width: 1260px;*/
 width:100%;
}
#gallery .news {
    font-size: 12px;
    height: 36px;
    left: 0;
    line-height: 36px;
    overflow: hidden;
  /*  padding-left: 150px;*/
  padding-left:10px;
    position: absolute;
    top: -36px;
    width: 670px;
}
#home-scroll {
    display: inline;
    float: right;
    height: 18px;
    margin-top: 9px;
    overflow: hidden;
    width: 600px;
}
#gallery .news .home-focus {
    font-family: Verdana,Arial, Geneva,sans-serif;
    height: 36px;
    left: 0;
    line-height: 38px;
}
#gallery .news .home-focus a:link, #gallery .news .home-focus a:visited {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}
#gallery .news .home-focus a:hover {
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
}
#home-scroll li {
    line-height: 18px;
    overflow: hidden;
    white-space: nowrap;
}
#home-scroll a:link, #home-scroll a:visited {
    color: #000000;
    line-height: 18px;
    text-decoration: none;
}
#home-scroll a:hover {
    color: #000000;
    line-height: 18px;
    text-decoration: underline;
}
#gallery #menu-po {
    font-size: 0;
    height: 0;
    position: relative;
}
#gallery #menu ul {
    display: inline;
    float: right;
  /*  margin: 0 150px 0 0;*/
    padding: 16px 0 0;

}
#gallery #menu li {
    display: inline;
    float: left;
    list-style: none outside none;
    margin-right: 6px;
    margin-top: 0px;
    overflow: hidden;
    width: 20px;
}
/*#gallery #menu li.inact:hover {
    background: url("../pic_bg.png") repeat scroll 0 0 transparent;
}
#gallery #menu li.act, li.act:hover {
    background: url("../active_bg.png") no-repeat scroll 0 0 transparent;
    margin-top: -6px;
}*/
#gallery #menu li.act a {
    cursor: default;
}
#gallery #menu .fbar {
    background: url("img/divider.html") no-repeat scroll right center transparent;
    width: 2px;
}
#gallery #menu li a {
    display: block;
    height: 9px;
    width: 20px;
}
#gallery #menu a img {
    border: medium none;
    margin-left: 2px;
    margin-top: 2px;
}
#menu{position:absolute; right:0px; top:15px; width:300px; text-align:right;}
#menu li{margin:0 3px; width:20px; height:9px; font-size:9px; line-height:9px; text-align:center; border:1px solid #e2e2e2; display:inline-block;}
#menu li.act{background-color:#e2e2e2;}
#menu li a{ width:30px; height:9px; font-size:9px; line-height:9px; display:inline-block;}


.mid-shadow {
    background: url("../images/banner-bottom-bg.html") repeat-x scroll 0 0 transparent;
    clear: both;
    font-size: 1px;
    height: 5px;
}
/*mid_banner*/
#mid_banner { height:177px; background-position:0 -76px;}
.mid_banner_box{ width:960px; margin:0 auto; padding-top:23px;}
.mid_banner_box li { float:left}

.mid_banner_box li.hm{padding: 0 20px 0 130px; width:170px; height:140px; font-family: SourceSansProLight, Verdana, Arial; display:inline; position:relative;}
.mid_banner_box li.hm h2{font-size:24px; color:#c4261d; line-height:28px;}
.mid_banner_box li.hm img{position:absolute; left:0px; top:0px; width:117px; height:132px;} 
.mid_banner_box li.hm a{color:#666;}
.mid_banner_box li.hm a:hover{color:#666;}
.mid_banner_box li.hm h2 a{color:#c4261d;}
.mid_banner_box li.hm h2 a:hover{color:#c4261d;}
.mid_banner_box li.hm .more{position:absolute; right:20px; bottom:0px;}
.mid_banner_box li.hm .more a{color:#648bb1;}
/*product css  by:yixiaoer*/

.product_detail { 
    float: left;
    margin-bottom: 10px;
    padding-bottom: 20px;
    width: 780px;
	_width:770px;
	}
.product_pic { width: 370px; float: left; overflow:hidden;}
.product_pic img { max-width:370px; _max-width:360px;}
.product_right { width: 390px; _width: 380px; float: left; margin-left:20px; overflow:hidden;}
.product_right img { max-width:390px; _max-width:380px; }
#detailContent .product_right h4 { font-size:16px; color:#39F; font-weight:bold; font-family: Verdana,Arial, Geneva,sans-serif; }
#detailContent .product_right p { margin:0; padding:0;}
#detailContent .product_gaishu p { margin:0; padding:0;}

.relate_data { width: 780px; float:left; padding-top:10px;}
.relate_solution { width:370px; _width:360px; float:left; border-right:1px #CCC solid;}
.relate_success { width:370px; _width:360px; float:left; padding-left:20px;}

/* product tab*/
#tab_list_box{
text-align:left;
width:100%;
margin:0 auto;


}
.tab_box{
position:relative;
overflow:hidden;
height:36px;
/*width:400px;*/
text-align:left;
line-height:36px;
}
#tab_menu{
position:absolute;
top:0;
left:0;
z-index:1;
}
#tab_menu li{
float:left;
display:block;
cursor:pointer;
/*width:72px;*/
text-align:center;
line-height:33px;
height:33px;
font-size:14px;
padding:0 10px 0 10px;
background: url("../tab_bg2.gif") repeat-x scroll 0 0 transparent;
margin-right:5px;
color:#666;
font-weight:bold;
border-left:1px solid #aaacbb;
border-top:1px solid #aaacbb;
border-right:1px solid #aaacbb;
}

#tab_menu li.hover{
background: url("../tab_bg2.gif") repeat-x scroll left -35px transparent;
border-left:1px solid #9b9b9b;
border-top:1px solid #9b9b9b;
border-right:1px solid #9b9b9b;
line-height:35px;
height:35px;
font-size:14px;
color:#00579C;
font-weight:bold;
}
.tab_content{
clear:both;
margin-top:-2px;
border-top:2px solid #00579c;
border-left:1px solid #9b9b9b;
border-right:1px solid #9b9b9b;
border-bottom:1px solid #9b9b9b;
width:99%;
}
.tab_content_box{ display:none;}
.tab_detail_grid .block{ display:block;}

.tab_list ul { float:left; /*width:210px;*/ margin-bottom:10px; margin-left:10px;display:inline; }
.tab_list ul li{line-height:18px;}
.tab_list .title01,.tab_list .title02,.tab_list .title03,.tab_list .title04,.tab_list .title05,.tab_list .title06,.tab_list .title07,.tab_list .title08{ font-size:14px; height:30px; line-height:30px;}
#tab_detail .title01 a:link,#tab_detail .title01 a:visited{ color:#666; text-decoration:none;font-weight:bold;} 
#tab_detail .title01 a:hover{ color:#666;text-decoration: underline; font-weight:bold;} 
.tab_list02 ul { float:left; width:255px; margin-right:45px; _margin-right:45px;  display:inline;} 
.tab_list02 .title{ font-size:14px; height:25px; line-height:25px; background:none;margin-left:0; }
.tab_list02  .pic { margin:10px 0 10px 0; background:none; };
.tab_list02 ul li{ line-height:20px;}

#NewproductCate { margin:20px;}
#NewproductCate ul li { width:45%; float:left; line-height:24px; }

/*about css  by:yixiaoer*/
.about_left {width:475px; float:left; margin:15px 0 0 0;}
.about_center {width:300px; float:left; margin:15px 0 0 10px;}
.about_right {width:200px; float:left; margin:15px 0 0 10px;}
.about_border { width:100%; float:left; border:1px #e0e0e0 solid;}

.about_left h2,.about_center h2,.about_right h2 { /*width: 100%;*/ font-size:14px; font-weight:bold; line-height:30px; float:left; padding-left:15px; color:#ED1017;}

/*solutions css  by:yixiaoer*/
.success_pic { width:110px; height:160px; float:left; text-align:center; }
.success_pic a{font-family:SourceSansProLight, Verdana, Arial, sans-serif;}


.companyIntroList ul li { width:150px; float:left; } 
.companyIntroList02 ul{ width:100% }
.companyIntroList02 ul li { /*width:90px; */float:left; margin-right:10px;white-space:nowrap; 

} 
.companyIntroList ul.width145 { width:145px; float:left;}
.companyIntroList ul.width145 li { width:145px; float:left; padding-left:10px; }
.companyIntroList ul.width130 li { width:130px; float:left; padding-left:10px; }

.padding110 ul li { width:80px; float:left;}

/* Service_Training */
#service_middlesidemain{ float: left;
    padding: 0;
    width: 585px;}
#service_middlesidemain h2 {
    background: url(../../2011/h2_bg.html) repeat-x scroll 0 0 transparent;
    border-bottom: 1px solid #D8D8DA;
    font-weight: bold;
    line-height: 30px;
	 padding: 0;
    padding-left: 14px;
    text-indent: 0;   color: #C9282D;
    font-size: 14px;
    margin: 0;
   
}
.productList01 li ul li {
    background: url(../../button/tr_arrol.gif) no-repeat scroll 12px 4px #FFFFFF;
    float: left;
    font-weight: normal;
    line-height: 18px;
    list-style: none outside none;
    padding: 0 0 0 22px;
    width: 245px;
}
.productList01 li {
    background: none repeat scroll 0 0 transparent;
    float: left;
    font-weight: bold;
    padding: 0 0 10px;
    width: 535px;
}.productList01 {
    border: 1px solid #D8D8DA;
}
#service_middlesidemain h4 {
    color: #777777;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
    padding: 0;
}.productList01 li {
    background: none repeat scroll 0 0 transparent;
    float: left;
    font-weight: bold;
    padding: 0 0 10px;
    width: 535px;
}
/*.service_box02 h4 {   color: #777777;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
    padding: 0;}
	.service_box02 li{
 background: none repeat scroll 0 0 transparent;
    float: left;
    font-weight: bold;
    padding: 0 0 10px;
    width: 535px;}*/
.width577{ width:577px;}
.width407 { width:407px;}
.service_box h2{
 color: #ED1017;
  /*  float: left;*/
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    padding-left: 15px;
	background: url(../tle_bg_1.gif) repeat-x scroll 0 0 transparent;
}
.service_mainContent{ float: left; width:792px;overflow: hidden;}
#service_middlesidebar {
    padding: 10px 10px 16px;
	float: left; width:792px;overflow: hidden;}
#service_middlesidebar .h2Title{background: none repeat scroll 0 0 transparent;
    border-bottom: 1px solid #BCD0E8;  font-weight: normal;
    line-height: 30px;
    text-indent: 0; font-size:18px;color: #ED1017;}	
.service_mainContent .banner {height:163px;  margin: 0 10px 0 0; width:780px;border: 1px solid #CCCCCC;}
#trainingRight h2,#middlesidemain h2,#h3cService h2{background: url(../../2011/h2_bg.html) repeat-x scroll 0 0 transparent;
    border-bottom: 1px solid #D8D8DA;
    color: #ED1017;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    padding-left: 14px;
    text-indent: 0;}
.halfBannerright {
    float: right;
    padding: 10px 10px 14px 0;
    width: 345px;
}
.halfBanner p {
    line-height: 18px;
    margin: 0;
    padding-top: 8px;
}
.more {
    background: url(../../button/more.gif) no-repeat scroll 100% 50% transparent;
    padding: 0 14px 0 0;
    text-align: right;
}
 .h2Bannerlist{border-bottom: 1px solid #D8D8DA;
    font-weight: bold;
    line-height: 30px;
    padding-left: 14px;
    text-indent: 0; color: #C9282D;
    font-size: 14px;}
.proService {
    border: 1px solid #BFD4E8;
    overflow: hidden;
    width: 583px;
}.proH2 {
    background: none repeat scroll 0 0 #ECF1F7;
    line-height: 24px;
}.proH2 dt {
    color: #A00401;
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding-left: 14px;
}.proH2 dd {
    height: 24px;
    margin: 0 0 0 500px;
}.proH2 dd img {
    padding: 3px 5px 0 0;
}.width555 {
    width: 555px;
}.padding {
   
    padding-top:14px; 
	padding-bottom:14px; 
	padding-left:11px; 
	padding-right:11px;
}
.width540{ width:540px;}
#h3cService-yushi{ float:left; }
#h3cService-yushi h2{ background: url(../../2011/h2_bg.html) repeat-x scroll 0 0 transparent;
    border-bottom: 1px solid #D8D8DA;
    color: #ED1017;
    font-size: 16px;
    font-weight: bold; font-family:SourceSansProLight, Verdana, Arial, sans-serif;
    line-height: 30px;
    padding-left: 14px;
    text-indent: 0;}
/*For document Tab*/
#tabList .nTab{
/*border-bottom:1px #C7C7CD solid;*/
/*background:#d5d5d5;*/
background: url(../tab_title_bg.jpg) repeat-x 0 -2px;
font-size:12px;
}
#tabList .nTab .TabTitle{
clear: both;
height: 36px;
overflow: hidden;
}
#tabList .nTab .TabTitle ul{
margin:0;
padding:0;
}
#tabList .nTab .TabTitle li{
float: left;
width: 94px;
cursor: pointer;
margin-right:2px;

padding-right: 0px;
padding-left: 0px;

list-style-type: none;
height:35px;
line-height:35px;
text-align:center;

font-family:SourceSansProLight, Verdana, Arial, sans-serif;
}
#tabList .nTab .TabTitle .active{ background:url(../tab_bg1.gif) left -35px no-repeat;border-left:1px  #C7C7CD solid;border-top:1px  #C7C7CD solid;border-bottom:1px #fff solid; font-size:14px; color:#00579c; font-weight:bold;}
#tabList .nTab .TabTitle .normal{ background:url(../tab_bg1.gif);border-top:1px #C7C7CD solid;border-bottom:1px #C7C7CD solid;font-weight:normal; font-size:14px;}
#tabList .nTab .TabContent{
width:auto;background:#fff;
margin: 0px auto;
padding:10px 0 0 0;
border-right:1px #C7C7CD solid;border-left:1px #C7C7CD solid;
border-bottom:1px #C7C7CD solid;
}
#tabList .none {display:none;}
/*For document Tab*/

/* Site Map */
#sitemap{ width:983px;padding:10px; margin:0 auto; font-family:SourceSansProLight, Verdana, Arial, sans-serif;}
#sitemap div{float:left;}
#sitemap div ul{padding:2px 10px 25px 10px;}
#sitemap div ul li{line-height:16px;}
#sitemap .siteMapPadding{padding:10px;width:165px;}
* html #sitemap .siteMapPadding{width:155px;}/* ie6.0*/
#sitemap .siteMapPadding img{line-hegiht:20px; vertical-align:middle; margin-left:2px;}
#sitemap div.frame{border: 1px solid #D8D8DA;width:183px;margin-right:10px;}
* html #sitemap div.frame{width:173px;}/* ie6.0*/
#sitemap .divH2{ line-height: 30px;  background: url(../../2011/h2_bg.html) repeat-x scroll 0 0 transparent; padding-left: 10px;height:30px; overflow:hidden;width:173px; font-size:14px; border-bottom: 1px solid #D8D8DA; }
* html #sitemap .divH2{padding-top:4px;height:20px;line-height:24px;} /*ie6.0*/
#sitemap .divH2 a{color:#a10302;}
#sitemap .divH2 img{line-height:24px; vertical-align:middle;padding-top:0px;padding-left:2px;}
* html #sitemap .divH2 img{margin-top:-3px;}/* ie6.0*/



.listPicTitleContent,
.list li a{font-family:SourceSansProLight, Verdana, Arial, sans-serif;}
.companyIntroList h3{font-weight:normal;}
#Awards h4{font-family:SourceSansProLight, Verdana, Arial, sans-serif;}