/*
=== H3C StyleSheet File ====================================
 Style Name: About H3C
 Version: 1.6
 Author: jaybird ( http://www.huawei-3Com.com/ )
 Last Update: 2006-12-25
==============================================================
*/
  /************************** Global style ****************************/
@import url(global.css);
/********************* Main style **************************/
/*#main {
	width: 1004px;
	clear: both;
	height:400px;
}*/
#innerwrap {
float:left;
width: 1003px;
clear:both;

}
#leftColumn {
	width:199px;
	float:left;
	height: 100%;
}

#mainbody {
	width: 585px;
	float: left;
	padding:0 0 0 10px;
	border-left:1px solid #8EADCB;
    min-height:445px; /* style for ff ie7 */
	_height:445px; /* style for ie5 ie6 */
}
#mainbody h3 {
	color:#A00401;
	font-size: 11px;
	font-family:Verdana,Arial,Sans-serif;
	font-weight:bold;
}
#mainbody785 h3 {
	color:#A00401;
	font-size: 11px;
	font-family:Verdana,Arial,Sans-serif;
	font-weight:bold;
}
#mainbody785 h4 {
	color:#2D5586;
	font-size: 18px;
	font-family:Arial,Verdana,sans-serif;
	font-weight:bold;
}
#mainbody785 {
width:785px;
float:left;
padding:0 0 0 10px;
border-left:1px solid #8EADCB;
height:auto;
overflow:visible;
min-height:440px; /* style for ff ie7 */
_height:440px; /* style for ie5 ie6 */
}
/**************************** left column tree menu *****************************/
#treenav {
	margin:0;
	padding:0;
	text-align: left;
}
#treenav ul {
	margin:0;
	padding:0;
	list-style: none;
}
#treenav ul li {
	margin:0;
	padding: 0;
}
#treenav ul.expanded {
	display: block;
}
#treenav ul.expanded,#treenav ul.collapsed {
	margin:0;
}
#treenav ul.collapsed {
	display: none;
}
#treenav ul li {
}
#treenav ul li .listhead {
	font-weight: bold;
	display: block;
	background:url(../images/botton/leftmenubg.gif) repeat-x;
	margin:0 0 0 0;
	width:100%;
}
#treenav ul li a {
padding:6px 0 5px 0;
}
#treenav ul li a img {
	margin-left:6px;
}
#treenav ul li ul li {
	background: url(../images/botton/leftmenubg_dot.gif) repeat-x bottom;
	width:100%;
}
#treenav ul li ul li a {
	text-decoration: none;
	display:table;
line-height:25px;
padding:0 0 0 20px;
}

/**************************** middle column *************************/
/* company information */
#profileLeft {
	float:left;
	width:377px;
	height:276px;
	border:1px solid #8DAFCA;
}
#profileRight {
	float:right;
	width:195px;
	height:276px;
}
#profileLeftTitle {
	height:21px;
	border-bottom:1px solid #8DAFCA;
	background:#BBD1E7;
}
#profileLeftTitle h3 {
color:#2D5586;
	float: left;
	padding:3px 0 0 10px;
}
#profileLeftTitle span {
	float:right;
	padding:3px 10px 0 0;
}
#profileLeftContent {
	padding:10px;
}
#profileLeftContent p {
	padding-bottom:12px;
}
#visualIdentity,#profileHr,#profileFast {
	border:1px solid #BBD1E7;
}
#visualIdentity h3 {
	background:url(../images/titlebg_01.gif) repeat-x;
  	border-bottom: 1px solid #BBD1E7;
	padding:4px 0 4px 10px;
}
#visualIdentity img {
	padding:10px 0 10px 10px;
}
#profileHrTitle,#profileFastTitle {
	background:url(../images/botton/line_bg01.gif) repeat-x bottom; 
	height: 26px;
}
#profileHrTitle h3 {
	padding:6px 0 0 10px;
}
#profileHrContent {
	height:129px;
	background: url(../images/botton/profile_hr_bg.gif) no-repeat bottom;
}
#profileHrContent p {
	padding:10px;
}
#profileFastTitle h3 {
	float:left;
	padding:6px 0 0 10px;
}
#profileFastTitle span {
	float:right;
	padding:6px 10px 6px 0;
}
#profileFastContent {
	padding:10px;
}
#profileFastContent ul li,#visualIbmEvent ul li {
	width:100%;
}
#profileFastContent ul li a,#visualIbmEvent ul li a {
   padding:3px 0 3px 10px;
   display:block;
   background:url(../images/botton/jiao.gif) no-repeat 0 8px;
  }
/* corporate */
#profileAreaLeft{
	float: left;
	width:574px;
}
#profileAreaLeft p,#visualArea p,#profileHumanArea p,#profileResearchArea p,#visualIbmLeft p {
	padding-top:10px;
}
#profileAreaRight {
	float: right;
	width:192px;
}
#profileAreaLeft h3,#fastContent h3,#corporatePhotoList h3,#productPhotoList h3 {
	border-bottom: 1px solid #BBD1E7;
	padding:5px 0 5px 0;
}
#profileAreaRight img {
	padding-top:10px;
}
/* Facts Sheet */
#fastContent ul,#hotEventList {
	padding-top:10px;
}
#fastContent ul li {
	background:url(../images/botton/line_bg01.gif) repeat-x bottom; 
	width:100%;
	padding:8px 0 8px 0;
}
#fastContent ul li a,#viList li,#hotEventList li a {
padding:3px 0 3px 10px;
display:block;
background:url(../images/botton/jiao.gif) no-repeat 0 8px;
  }
/* Visual Identity */
#viList {
	padding:10px;
	color:#000;
	font-weight:bold;
}
/* Human Resoureces */
#profileHuman {
width:785px;
background:url(../images/botton/human_bg.gif) no-repeat top right;
}
#profileHumanArea,#profileResearchArea  {
	float: left;
	width: 65%;
}
#profileHumanArea h4 {
	font-size:22px;
	padding-bottom: 20px;
}
#profileResearchRight {
float:right;
width:32%;	
}
#profileResearchRight img {
	padding:30px 0 16px 0;
}
/* event */
.hotEvent ul li {
	width:386px;
	float: left;
}
.hotEvent h3,#publicRelated p {
	padding-bottom: 10px;
}
.magList2 {
height: 93px;
}
.magList3 {
height: 100px;
}
.magListLeft2 {
	float: left;
}
.magListRight2 {
width:236px;
	float:left;
}
.magListRight3 {
width:260px;
float:left;
}
#hotEventList li {
width:100%;
}
/* photots */
#profilePhoto {
	background:#EDF5F9;
	height: 100px;
}
#profilePhoto img {
	float:left;
	padding-right:10px;
}
#profilePhoto p {
	padding-top:10px;
}
#corporatePhotoList {
	float: left;

}

#productPhotoList {
}
#corporatePhotoList ul li,#productPhotoList ul li {
float:left;
padding:0 15px 0 0;
/*padding-bottom:7px !important;
padding-bottom:4px;*/
}
#eventBox {

}
#productPhotoList h3,#productPhotoList ul {
}
.photoBox {
	width:140px;
	height: 130px;
	text-align:center;
}
.photoBox p {
	color:#648BBF;
	font-weight:bold;
	width:130px;
	word-break : break-all;
}
/* publication */
.publicaSelect {
	background:#DAE8F1;
	height:40px;
	border-bottom:1px solid #fff;
}
#publicaAreaRight .publicaSelect select {
	margin:10px 0 0 14px;
}
#publicaArea {
	width:100%;
}
#publicaAreaLeft {
	float:left;
	width:595px;
}
#publicaAreaRight {
	float:right;
	width:176px;
	background:#EDF5F9;
	text-align:center;
	min-height:800px; /* style for ff opera ie7 */
	_height:800px; /* style for ie5 ie6 */

}
.publicaImg {
padding-top:30px;
}
#publicaAreaRight ul li {
	padding-bottom:10px;
	text-align: center;
}
#publicaImage1 {
	float:left;
	width:158px;
}
#publicaText {
	float: right;
	width:418px;
}
#publicaText h5 {
	color:#2D5586;
	font-weight:bold;
	font-size:18px;
	border-bottom: 1px solid #8EADCB;
	padding-bottom:4px;
}
#publicaText p {
	padding:10px 0 0 0;
}
/* Strategy Partner IBM */
#visualIbm h4 {
	display:inline;
}
#visualIbm {
}
#visualIbmLeft {
float:left;
width:486px;
}
#visualIbmLeft span {
	color:#A00401;
	font-size:18px;
	font-weight:bold;
}
#vsiualIbmRight {
	width:225px;
	float:right;
	padding-top:60px;
}
#strategyEvent {

}
/* Contact Us */
#ContactTable {
width:520px;
margin:10px 0;
}
#ContactTable caption {
text-align:left;
font-weight:bold;
color:#AC2320;
}
#ContactTable tr {
vertical-align:top;
}
#ContactTable .TableTitle {
width:80px;
font-weight:bold;
color:#648BB1;
}
/* Soap append at 12.06.2006 begin */
#temp {
	width:785px;
    float:left;
}
#temp h4 {
	color:#a00401;
	font-size: 15px;
	line-height:24px;
	border-bottom:1px solid #8eadcb;
}
#temp p{
	line-height:15px;
	margin:12px;
}
#temp form {
	text-align:center;
}
#temp input {
	border:1px solid #5f8dae;
	height:20px;
}
#temp textarea {
	border:1px solid #5f8dae;
	height:70px;
	width:240px;
}
#temp select{
	height:240px;
	width:242px;
}
#temp .browse {
	width:295px;
}
#temp .button {
	width:60px;
	margin:0px 45px;
}
#temp .text {
	width:240px;
}
#temp td {
	text-align:left;
	color:#5f8dae;
	padding:6px 0px;
}
/* Soap append at 12.06.2006 end */
/**************************** right column ***************************/
#rightColumn {
	width:190px;
	float:left;
	margin: 0 0 0 10px;
}
#relatedLink {
	width: 190px;
	height:100%;
	border: 1px solid #BBD1E7;
}
#rlTitle {
	width: 100%;
	height:22px;
	color:#648BB1;
	background: #BBD1E7;
}
#rlTitle span {
	float: left;
	padding:5px 3px 0 8px;
	color:#fff;
	font:bold 9px Arial,Verdana,sans-serif;
}
#rlTitle h3 {
	float:left;
	padding:3px 0 0 0;
	font:bold 11px Verdana,Arial,sans-serif;
}
#rlContent {
	padding-bottom:10px;
}
#rlContent ul {
	padding:5px 0 0 0;
}
#rlContent li {
	clear:both;
	padding:5px 0 0 10px;
	list-style:none;
}
#rlContent span {
	color:#8EADCB;
	font:bold 9px Arial,Verdana,sans-serif;
	padding-right:6px;
}
#quickLink {
	width: 188px;
	height:100%;
	border:1px solid #DAE8F1;
}
#qlTitle {
	width: 100%;
	height:22px;
	color:#648BB1;
	background: #DAE8F1;
}
#qlTitle span {
	float: left;
	padding:5px 3px 0 8px;
	color:#2D5586;
	font:bold 9px Arial,Verdana,sans-serif;
}
#qlTitle h3 {
	float:left;
	padding:3px 0 0 0;
	font:bold 11px Verdana,Arial,sans-serif;
}
#qlContent {
	padding-bottom:10px;
}
#qlContent ul {
	padding:3px 0 0 0;
}
#qlContent li {
	clear:both;
	padding:5px 0 0 10px;
	list-style:none;
}
#qlContent span {
	color:#8EADCB;
	font:bold 9px Arial,Verdana,sans-serif;
	padding-right:6px;
}
/*related link style 2 */
.relatedLink2 {
	width: 188px;
	border: 1px solid #BBD1E7;
}
.rlTitle2 {
	width: 100%;
	height:21px;
	color:#648BB1;
	background: #DAE8F1;
	border-bottom: 1px solid #BBD1E7;
}
.rlTitle2 span {
	float: left;
	padding:5px 3px 0 8px;
	color:#fff;
	font:bold 9px Arial,Verdana,sans-serif;
}
.rlTitle2 h3 {
	float:left;
	padding:3px 0 0 0;
	font:bold 11px Verdana,Arial,sans-serif;
}
.rlEvent{
	padding:10px;
}
.rlContent2 {
	padding-bottom:10px;
}
.rlContent2 ul {
	padding:3px 0 0 0;
}
.rlContent2 li {
	clear:both;
	padding:5px 0 0 10px;
	list-style:none;
}
.rlContent2 span {
	color:#8EADCB;
	font:bold 9px Arial,Verdana,sans-serif;
	padding-right:6px;
}
/* quick link style2 */
.quickLink2 {
	width: 188px;
	border:1px solid #DAE8F1;
}
.qlTitle2 {
	width: 100%;
	height:21px;
	color:#648BB1;
	background: #fff;
	border-bottom:1px solid #DAE8F1;
}
.qlTitle2 span {
	float: left;
	padding:5px 3px 0 8px;
	color:#5D747E;
	font:bold 9px Arial,Verdana,sans-serif;
}
.qlTitle2 h3 {
	float:left;
	padding:3px 0 0 0;
	font:bold 11px Verdana,Arial,sans-serif;
}
.qlContent2 {
	padding-bottom:10px;
}
.qlContent2 ul {
	padding:3px 0 0 0;
}
.qlContent2 li {
	clear:both;
	padding:5px 0 0 10px;
	list-style:none;
}
.qlContent2 span {
	color:#8EADCB;
	font:bold 9px Arial,Verdana,sans-serif;
	padding-right:6px;
}
/* private */
#relatedMaterialBox h3,.adverTitle h3  {
padding:0 0 7px 0;
color:#A00401;
font-size:11px;
font-family:Verdana,Arial,sans-serif;

}
#relatedMaterialTitle,.adverTitle {
	border-bottom:1px solid #648BB1;
}
#relatedMaterialContent img {
	margin-top:10px;
}
.rlTitle3 {
	width: 100%;
	height:21px;
	color:#648BB1;
	background: #DAE8F1;
	border-bottom: 1px solid #BBD1E7;
}
.rlTitle3 h3 {
	padding:3px 0 0 10px;
	font:bold 11px Verdana,Arial,sans-serif;
}

.rlContent3 {
	padding:10px 0 10px 35px;
}
/* advertisement */
.adverContent ul,.adverContent p {
	padding-top:10px;
}
.adverContent ul li {
	float:left;
	width:130px;
	padding-right:25px;
}
/* contact us */
#contactKvLeft {
	float: left;
	width:110px;
}
#contactKvRight {
	float: left;
	width:300px;
	padding-top:48px;
}
/************************** Hotnews *****************************/
/**************************** Corporate News List ********************/
/************************** NewsDetail *******************************/

.hotNewsTitle,.newsListTitle,.newsDetailTiltle {
	height:20px;
}
.borderB1 {
	border-bottom:1px solid #C1D2E4;
}
.hotNewsTitle h3,.newsListTitle h3 {
	color:#AC2321;
	font-weight:bold;
	font-size:11px;
}
.newsDetailTiltle h3 {
	color:#AC2321;
	font-weight:bold;
	font-size:13px;
}
.hotnewsContent {
	clear: both;
}
.hotnewsContent ul {
   list-style:none;
}
.hotnewsContent ul li {
	width:390px;
	float: left;
}
.magList {
	/* width:376px; */
}
.magListLeft {
	float: left;
	width:180px;
}

.magListRight {
width:196px;
	float:left;
}
.magListRight h5,.magListRight2 h5 {
	font-size:11px;
	color:#648BB1;
	font-weight: bold;
	padding-bottom:4px;
}
.magListRight2 span a,.magListRight2 span a:visited 
{
	font-size:11px;
	color:#648BB1;
	font-weight: bold;
	padding-bottom:4px;
	}
.magListTitle,.magListContent {
	padding-left:10px;
}
.newsListBox {
	margin-top:12px;
	background:url(../images/botton/newsbg.gif) repeat-y center;
}
.corporateList {
	width:374px;
	float:left;
	margin-right:24px;
}
.corporateTil,.productTil {
	height: 24px;
	border-bottom:1px solid #C1D2E4;
}
.newsListBox h3 {
   color:#AC2321;
	font-weight:bold;
	font-size:11px;
	padding:5px 0 0 0;
}
.newsContent ul,.newsListcontent ul{
list-style:none;
padding:10px 0 10px 0;
}
.newsContent ul li {
	width:100%;
}
.newsListcontent ul li {
width:350px;
float:left;
}
.newsContent ul li a,.newsListcontent ul li a {
   display:block;
   background:url(../images/botton/jiao.gif) no-repeat 0 6px;
   padding:2px 0 0 10px;
}
.newsContent ul li span,.newsListcontent ul li span {
font-size:9px;
color:#999;
}
.productList {
float:left;
	width:370px;
}
.newsDetailContent {
	padding:10px 15px 10px 15px;
}
.newsDetailContent p {
	padding-top:8px;
}