@charset "utf-8";
/* 2011-9 H3C New website  For all page*/

/*Reset*/
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
html {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #666666;
    height: 100%;
    overflow-x: auto;
    overflow-y: scroll;
}
img{ border:0;}
ol,ul {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
.left{ float:left; }
.right{ float:right; text-align:left;}
a:link {
    color: #666;
    text-decoration: none;
}
a:visited {
    color: #666;
    text-decoration: none;
}
a:hover {
    color: #F0A50C;
    text-decoration: none;
}
a:active {
    color: #666;
}
.clearfix:after{display:block;content:''; clear:both; visibility:hidden;font-size:0;height:0;}
.cf:after{display:block; height:0; visibility:hidden; clear:both; content:".";}
.cf{display:inline-block;}
* html .cf{height:1em;}
.cf{display:block;}
.padding {
    float: left;
    padding: 14px;
	line-height:20px;
}

.padding li {
	background: url("../tr_arrol.gif") no-repeat scroll 3px 7px #FFFFFF;
    padding-bottom: 2px;
    padding-left: 12px;
	}
.padding_solution  li {
	width:248px;
	height:90px;
	float:left;
	padding-right:10px;
	padding-bottom:10px;
	
	}
.padding_solution>ul>li>div{
	background: none repeat scroll 0 0 #F3F3F3;
}
.padding dl{clear:both;}
.padding dl dt{ float:left;}
.padding dl dd { margin: 0 0 0 10px;}

.clearFix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearFix {
    display: inline-block;
}
* html .clearFix {
    height: 1%;
}
.clearFix {
    display: block;
}


/*Website current*/
body { font-size:14px;   background: url(../images/bg.png) #F0A50C repeat-y center top; font-family: Microsoft Yahei; margin:0 auto; width:100%;min-width: 1003px;}
#wrapper { width:1300px; position:relative;}
.width1003{ width:1200px; margin:0 auto;}
.width960{ width:960px; margin:0 auto;}
.width555 {
    width: 555px;
}
.productIndex{margin:0 auto; width:1003px;}.starHome{margin:0 auto; width:1045px;}
.blank2 { clear:both; font-size:1px; height:2px; overflow:hidden;}
.blank5 { clear:both; font-size:1px; height:5px; overflow:hidden;}
.blank7 { clear:both; font-size:1px; height:7px; overflow:hidden;}
.blank10 { clear:both; font-size:1px; height:10px; overflow:hidden;}
.blank15 { clear:both; font-size:1px; height:15px; overflow:hidden;}
.blank20 { clear:both; font-size:1px; height:20px; overflow:hidden;}

/*Website bg*/
#header{ background:#fff; }
#mainMenu{}
#navigatioin,.top_box_2 .detail,.top_box_2 .title{ background-image:url(../site_bg.png); }

.ProductMenuBg , .ProductBoxBg{ background-image:url(../product_li_div_bg.png);_background-image:url(../product_li_div_bg_IE6.png); background-repeat:no-repeat;}
.solutionMenuBg , .solutionBoxBg { background-image:url(../solution_li_div_bg.png); _background-image:url(../solution_li_div_bg_IE6.png); background-repeat:no-repeat;}
.serviceMenuBg , .serviceBoxBg { background-image:url(../service_li_div_bg.png); _background-image:url(../service_li_div_bg_IE6.png); background-repeat:no-repeat;}
.supportMenuBg , .supportBoxBg { background-image:url(../service_li_div_bg.png); _background-image:url(../service_li_div_bg_IE6.png); background-repeat:no-repeat;}

.trainingMenuBg , .trainingBoxBg { background-image:url(../training_li_div_bg.png);_background-image:url(../training_li_div_bg_IE6.png);background-repeat:no-repeat;}
.partnerMenuBg , .partnerBoxBg { background-image:url(../training_li_div_bg.png); _background-image:url(../training_li_div_bg_IE6.png); background-repeat:no-repeat;}
.aboutusMenuBg , .aboutusBoxBg { background-image:url(../aboutus_li_div_bg.png);_background-image:url(../aboutus_li_div_bg_IE6.png); background-repeat:no-repeat;}
.supplierMenuBg , .supplierBoxBg { background-image:url(../aboutus_li_div_bg.png);_background-image:url(../aboutus_li_div_bg_IE6.png); background-repeat:no-repeat;}
.search_button, .field_button_button{ background-image:url(../menu_search_button.jpg);}
/*Header*/
#header {height:110px;}
#logo{ float:left; margin:10px 0 0; }
#logo a{width:600px; height:90px; display:block;  overflow:hidden;}
#logo a img{ max-width: 100%; max-height: 100%;}

#header_menu .txt1{ float:right; padding-top:0px;width:100%;height:30px;color:#707070; line-height:30px;}
#header_menu .txt1 a{ color:#707070;font-size:14px}
#header_menu .txt1 A:hover{ color:#6FBA2E;}




#header_menu{ float:right; width:385px; margin-top:20px; text-align:right;}
#header_menu ul{ float:right;}
#header_menu ul li{ float:left; text-align: left; line-height: 36px;padding: 0 7px 0 0;}
#header_menu a:link,#header_menu a:visited { color:#999; text-decoration: none; }
#header_menu a:hover { color:#666; text-decoration:underline; }



.head-text{float:right;line-height:36px; height:36px;color:#F0A50C ;font-size:20px;margin-top: 10px;}
.head-text em{float:left;display:inline-block;height:36px; width:36px; background:url(../images/tel.png) no-repeat center;margin-right:3px;}

.head-mailto{float:right;line-height:36px; height:36px;color:#F0A50C ;font-size:20px;margin-top: 12px; margin-right: 30px;}
.head-mailto em{float:left;display:inline-block;height:36px; width:36px; background:url(../images/mailto.png) no-repeat center;margin-right:3px;}
.head-mailto a{color:#F0A50C !important;text-decoration:none !important; }
 
/*login*/
#loged {line-height: 20px;}
#loged li,#loged b {
		float: left;
	}


/*mainMenu*/
/* GlobalMenu Start */

#mainMenu {
	margin: 0pt auto;
	width:100%;
	height: 41px;
	background:#343434; background: url(../images/bg.jpg) top repeat-x;
	
}
.topLevel a.navtit{display:block;}
.topLevel a:link,.topLevel a:visited {
	color: #fff;
	font-size:16px;
	line-height:41px;
	text-decoration:none;
}

.current a:link, .current a:visited {
	color: #fff;
}
/* 取消了#mainMenu .current */

.topNav { margin: 0px; z-index: 90;  padding-bottom: 0px; padding-top: 0px; list-style-type: none; text-align:left;}
.menuDropdown { overflow: hidden; opacity:100;display: none; cursor: default; }
.topNav li.topLevel {
	margin: 0pt;
	padding: 0pt;
	float: left;
	width: 103px;
	cursor: pointer;
	list-style-type: none;
	position: relative;
	z-index: 9000;
	text-align: center;
	height: 41px;
}
.topNav li.topLevel:nth-child(4){width: 195px;}
.topNav li.topLevel:hover{background: #F0A50C ;
background: -webkit-linear-gradient(top,#f3b027,#F0A50C );}
.topNav .current { background: #F0A50C ;
background: -webkit-linear-gradient(top,#F0A50C ,#f3b027);}
#topNav .menuSelectedCss a { color:#F0A50C ;}


.ProductMenuBg { width:360px; height:289px; }
.ProductMenuBg {background-position:right -289px; padding-right:15px;}
.ProductBoxBg{ background-position:0 0; height:289px; width:360px; }
.BoxContent { padding:10px 10px; border:1px solid #cecdcd; border-top:3px solid #F0A50C ; background:url(../images/navi_arrow.png) #fff no-repeat 41px 0px;}
.current .BoxContent {background:url(../images/navi_arrow.png) #fff no-repeat 41px 0px;}
.BoxContent ul{margin:10px 10px ;}
.BoxContent ul .title{margin-bottom:10px;}
.BoxContent ul li{margin-bottom:5px;}
#topNav  .BoxContent ul li a:hover,#topNav .BoxContent ul .title a:hover{text-decoration:underline;}

#topNav .BoxContent a:link,#topNav .BoxContent a:visited{ font-size:14px; color:#333; text-decoration:none; font-weight:normal; line-height:18px;}
#topNav .BoxContent a:hover{font-size:14px; color:#333; text-decoration: none; font-weight:normal; line-height:18px;}
#topNav .BoxContent .title a:link,#topNav .BoxContent .title a:visited{ font-size:16px; color:#F0A50C ; line-height:25px;text-decoration:none}
#topNav .BoxContent .title a:hover{font-size:16px; color:#F0A50C ; line-height:25px; text-decoration:none;}

.BoxContent .fontP{ line-height:18px; margin:10px auto 10px auto; color:#333}
#topNav .BoxContent .fontLink a{ color:#1268a8}


#news_menu { z-index: 90; width: 230px; position: absolute; top: 41px; left: 0px; text-align: left; }

.menu_bg_line { background:url(../menu_bg_line.jpg) no-repeat top right;}
#solutions_menu { z-index: 90; width: 230px; position: absolute; top: 41px; left: 0px; text-align: left; }
.solutionMenuBg { width:215px; height:279px; padding-right:15px;}
.solutionMenuBg { background-position:right -279px;}
.solutionBoxBg{ background-position:0 0; height:279px; width:215px;}

#service_menu {z-index: 90; width: 235px; position: absolute; top: 41px; left: 0px; text-align: left; }
.serviceMenuBg { width:230px; height:279px;  padding-right:15px;}
.serviceMenuBg { background-position:right -279px; _display: inline;}
.serviceBoxBg{ background-position:0 0; height:279px; width:230px;}
.service_table { width:115px; margin-bottom:10px;} 
.service_table li{/* float:left; */margin-right:10px; line-height:18px; /*display:inline;*/ word-wrap:break-word;}

#support_menu {z-index: 90; width: 275px; position: absolute; top: 41px; left: 0px; text-align: left; }
.supportMenuBg { width:260px; height:279px;  padding-right:15px;}
.supportMenuBg { background-position:right -279px; _display: inline;}
.supportBoxBg{ background-position:0 0; height:279px; width:260px;}
.ssupportBoxBg{ background-position:0 0; height:279px; width:619px;}
.support_table { width:105px; margin-bottom:10px;} 
.ssupport_table li{ float:left; margin-right:10px; line-height:18px; display:inline;}

#training_menu {z-index: 90; width: 519px; position: absolute; top: 41px; left: -57px; text-align: left; }
.trainingMenuBg { width:519px; height:279px; }
.trainingMenuBg { background-position:0 -279px;}
.trainingBoxBg{ background-position:0 0; height:279px; width:519px;}

#partner_menu {  z-index: 90; width: 519px; position: absolute; top: 41px; left: 0px; text-align: left; }
.partnerMenuBg { width:519px; height:279px; }
.partnerMenuBg { background-position:0 -279px;}
.partnerBoxBg{ background-position:0 0; height:279px; width:519px;}

#aboutus_menu { z-index: 90; width: 230px; position: absolute; top: 41px; left: 0px; text-align: left; }
.aboutusMenuBg { width:230px; height:242px; }
.aboutusMenuBg { background-position:0 -242px;}
.aboutusBoxBg{ background-position:0 0; height:242px; width:230px;}

#supplier_menu { z-index: 90; width: 519px; position: absolute; top: 41px; left: 0px; text-align: left; }
.supplierMenuBg { width:343px; height:242px; }
.supplierMenuBg { background-position:0 -242px;}
.supplierBoxBg{ background-position:0 0; height:242px; width:343px;}
.afterSer {
	padding: 0 10px 15px 45px;
	background-position: -155px -213px;
}
.servItem {
	background-position: -533px -242px;
	padding: 0 0 0 28px;
}
.otherServ {
	background-position: -533px -318px;
	padding: 0 0 0 28px;
}
.servItem li,.otherServ li {
	margin-bottom: 5px;
}

#products_menu {
	display:none;
	z-index: 900; 
	width: 530px;
	position: absolute;
	top: 41px;
	left: 0px;
	text-align: left;
}
.margin25{ margin-right:25px;_display:inline;}
.margin35{ margin-right:35px;_display:inline;}
.margin50{ margin-right:50px;_display:inline;}
.width180{ width:180px;}
.width200{ width:200px;}
.search_button {
	width:100px;
	background-position: 0 0;
    background-repeat: no-repeat;
    height: 24px;
	display:block;
    position: relative;}
.field_button_field {

	background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #333333;
    font-family: SourceSansProRegular, Verdana, Arial, sans-serif;
    font-size: 12px;
    left: 7px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 7px;
	width:100px;
	}
.field_button_button {background-color: transparent;
    background-position: 100% 0;
    background-repeat: no-repeat;
    border: medium none;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 28px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: -28px;
    top: 0;
    width: 28px;}
.search_side { float:right; position:relative; width:150px; margin-right:0px; display:inline;}
.search_side .text{ float:left; height:24px;line-height: 24px;padding: 0 0 2px 10px; background:url(../search.jpg) no-repeat; border: medium none transparent; width:127px;}
.search_side .button{ position:absolute; background:url(../search_button.jpg) no-repeat;z-index:1; width:28px; height:24px;border: 0 none; cursor: pointer; display:block; left:126px; overflow: hidden;}

.search_side .text,.search_side .button{ margin-top:5px;z-index: 2;}
/*
.width130{ width:130px;}
.width140{ width:140px;}
.width150{ width:150px;}
.width160{ width:160px;}


*/

/* GlobalMenu End */
#navigatioin a:link,#navigatioin a:visited{text-decoration:none; color:#648bb1}
#navigatioin a:hover {text-decoration: underline; color:#648bb1}

/*container*/
#container { width:1003px; margin:0 auto; clear:both; background-color:#FFF;}

#navigatioin{ height:47px; line-height:47px; background-position:0 -528px; background-repeat:repeat-x; _overflow:hidden}
#navigatioin span{ display:block; _margin-top:18px; _margin-bottom:12px;}
#navigatioin h1 { float:right; color:#F0A50C ; font-size:16px; font-weight:bold;}
.down_line { border-bottom: 1px solid #d9d9d9;}
/*sideBar*/
.sideBar_right{width:930px; float:right}
#sideBar {
    float: left;
    overflow: hidden;
    width: 240px;
	display:inline;

}

#sideBar ul.subNav li a:link, #sideBar ul.subNav li a:visited {
    color: black;
    text-decoration: none;
}
#sideBar a:hover {
    color: inherit;
    text-decoration: none;
}
#sideBar #treeNav li.treeNavTitle a:link, #sideBar #treeNav li.treeNavTitle a:visited {
    color: #333;
	
    font: 14px/32px SourceSansProLight, Verdana, Arial, sans-serif;
padding-left:15px;
text-decoration: none;
background:url(../images/navi_a_03.png) no-repeat 5px 5px;
}
#sideBar #treeNav li.treeNavTitle a:hover{color: #F0A50C ;}
#sideBar #treeNav li a:hover {
    color:#333;
}
#sideBar #treeNav li.treeNavTitle {
background:#fff;  padding: 5px 0;
border-bottom:1px solid #e2e2e2;

}
#sideBar #treeNav ul.subNav li {
border:none;
padding-left: 10px;
font-weight:bold;
}
#sideBar #treeNav ul.subNav li a.suba1 {
background:url(../images/navi_a_02.png) no-repeat 5px center;
color: #333;
padding-left:15px;
font-weight:bold;
line-height:26px;
    display: block;
}

/* ********************************** */
#sideBar #treeNav ul.subNav li .suba2{display:none;padding-left:10px;}
#sideBar #treeNav ul.subNav li .suba2.cur{display:block;}
#sideBar #treeNav ul.subNav li .suba2 a{background:none;}

.subright a{display:inline-block;*display:inline;*zoom:1;padding:3px 20px;font-size:16px; margin:0 15px 15px 0; color:#fff;background:#ccc;}
.subright a.cur,.subright a:hover{ background:#F0A50C ;}
/* ********************************** */

#sideBar #treeNav ul.subNav li a:hover, #sideBar #treeNav ul.subNav li a.cur {
    color: #F0A50C ;
    font-weight: bold;
}
#sideBar #treeNav ul.subNav ul {
  /*  background: url(../../../images/button/leftmenubg_dot.gif) repeat-x scroll center bottom transparent;*/
 /*f   padding: 3px 0;*/
}
#sideBar #treeNav li.firstTitle{border-bottom:none; }
#sideBar #treeNav li.firstTitle a{border-bottom:1px solid #e2e2e2;}
#sideBar #treeNav li.firstTitle ul li a{border-bottom:none;}
#sideBar #treeNav li.firstTitle a:link, #sideBar #treeNav li.firstTitle a:visited, #sideBar #treeNav li.firstTitle a:hover {
    /*color: White;*/
color:#333;
display: block;
background:url(../images/navi_a_01.png) no-repeat 5px center;
}
#sideBar #treeNav li.firstTitle a:hover {
    /*color: White;*/
color:#F0A50C ;
}
#sideBar #treeNav li.treeNavTitle a strong{font-size:16px; font-weight: 100;}
#sideBar #treeNav li.firstTitle a strong{color:#F0A50C ;}
#sideBar #treeNav li ul.subNav li.secondTitle a{font-size:16px; line-height:24px; font-weight:bold;}
#sideBar #treeNav li ul.subNav li.secondTitle ul li a{font-size:16px;}
#sideBar #treeNav ul.subNav {  margin-bottom: 0; background:#f2f2f2;
 display: none;
}
#sideBar #treeNav  .firstTitle ul.subNav{display:block;}
#sideBar #treeNav ul.subNav li.secondTitle { /* background: url(../leftmenubg_dot_hover.gif) repeat-x scroll center top transparent;*/
}
#sideBar #treeNav ul.subNav li.secondTitle a:link, #sideBar #treeNav ul.subNav li.secondTitle a:visited {
color: #333;
padding-left:15px;
background:url(../../2014/navi_a_02.png) no-repeat 5px center;
}
#sideBar #treeNav ul.subNav li.secondTitle a:hover{color:#F0A50C ;}
#sideBar #treeNav ul.subNav li.secondTitle ul li a:link, #sideBar #treeNav ul.subNav li.secondTitle ul li a:visited {
    background: none repeat scroll 0 0 transparent;
    color: #333;
    font-weight: normal;
    line-height: 19px;
    width: 154px;
}
#sideBar #treeNav ul.subNav li.secondTitle ul li a:hover{color:#F0A50C ;}
#sideBar #treeNav ul.subNav li.secondExpandForCustome {
    background: url("../images/button/leftmenubg_dot_02.html") repeat-x scroll center top transparent;
    color: Black;
    font-weight: normal;
}
#sideBar #treeNav ul.subNav li.secondExpandForCustome ul li a:link, #sideBar #treeNav ul.subNav li.secondExpandForCustome ul li a:visited {
    background: none repeat scroll 0 0 transparent;
    color: Black;
    font-weight: normal;
    line-height: 19px;
}
#sideBar #treeNav ul.subNav li.secondTitle ul li a:hover, #sideBar #treeNav ul.subNav li.secondExpandForCustome ul li a:hover {
    color: #666;
    font-weight: bold;
}
#sideBar ul#treeNav li.treeNavTitle ul.subNav li ul li {
	border-bottom:none;
  /*  padding-left: 16px;*/
}
#sideBar ul#treeNav li.treeNavTitle ul.subNav li ul li a:hover{color:#F0A50C ;}
#sideBar #treeNav li.treeNavTitle ul.subNav li.secondTitle ul li.threeTitle a:link, #sideBar #treeNav li.treeNavTitle ul.subNav li.secondTitle ul li.threeTitle a:visited {
background: none;
color: #333;
font-weight: bold;
}
#sideBar #treeNav li.treeNavTitle ul.subNav li.secondTitle ul li.threeTitle a:hover{color:#F0A50C ;}
#sideBar .channel_title{ background:#999; color: #FFFFFF;height:50px; background:url(../images/fen_h.png) no-repeat center top; line-height: 50px;font-size:20px;margin-bottom:0px;text-align:center;}
	#sideBar .channel_title a:link, #sideBar .channel_title a:visited { color:#FFF;}
	#sideBar .channel_title a:hover {color:#FFF; text-decoration:none;}
/*sideBar*/

/*mainContent*/


.mainContent {
    float: left;
    width: 790px;
}
#middlesidebar{ 
	width:98%;
	float: left;
    overflow: hidden;
    padding: 10px 10px 16px;
    }
.mainContent  .banner{
	width: 770px;
	float:left;
    overflow: hidden;
    }
.banner{ width: 785px; float:left; overflow: hidden; }
.banner img { float: left; margin: 0 10px 0 0; }

.big_banner { width:100%; overflow:hidden; }
.big_banner img{display:block; width:100%;height:100px;}
.mainBox{width:1200px; margin:25px auto 40px;}
/*---标题---*/
.location {width:1200px; margin:17px auto 25px;}
.location .title{font-size:20px;line-height:26px; color:#F0A50C ;font-weight:bold; padding:0 0 10px 10px; background:url(../images/ico_star.jpg) no-repeat left 1px;border-bottom:1px solid #ccc;}
.location .title span{ float:right; background:url(../images/titleimg.png) no-repeat left center; padding-left:25px; font-size:13px; color:#666;font-weight:normal;}
.location .title span a{ padding:0px 5px; color:#666;font-weight:normal;}
.location .title span a:hover{ color:#1a1a1a;}
.location .title span a.cur{ color:#1a1a1a;}
/*---标题---*/

.mainContent h3  { font-size:14px; font-weight:bold; color:#F0A50C ;/* border-bottom:2px solid #4d4d4d;*/ padding-bottom:5px;}
.mainContent  p{ line-height:18px;}


/*newsContent*/
#newsContent {
	float:right;
 width:785px;
}
#newsContentHead {}
#newsContent #newsContentHead {
    border-bottom: 1px solid #BCD0E8;
    height: 30px;
    text-align: left;
}
#newsContent #newsContentHead h2, #articleBar .caption h2 {
    color: #A00401;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 10px 10px;
    text-indent: 0;
}
.subNewsTitle {
    margin: 20px 10px;
}.subNewsTitle h3 {
    color: Black;
    font: bold 18px SourceSansProRegular, Verdana, Arial, sans-serif;
    text-indent: 0;
}#detailBody {
    color: Black;
    font-size: 12px;
    margin: 10px;
}#detailContent p, #detailBody p {
    margin-top: 0;
    padding-bottom: 6px;
    padding-top: 3px;
}.idtop {
    background: url("../images/button/top.html") no-repeat scroll left 2px transparent;
    clear: both;
    float: right;
    padding-left: 10px;
}


#newsContentHead  ul li {float:left; line-height:18px; margin-right:10px; height:18px;}
#newsContentHead  ul li img{ margin-right:5px;} 
#newsContentHead h2 { font-size:16px; height:30px; line-height:30px; font-weight:bold; color:#ae2026; float:left;}
#detailBody{ display:block; margin:10px;}
#detailBody p{ line-height:18px; margin-bottom:10px;}

/*newsContent*/
/*mainContent*/	
#extra {
    float: right;
    width: 195px;
	overflow:hidden;
	text-align:left;
}
.relate_links { width:190px;}
.relate_links  h4 { background-color:#cbcbcb; color:#595959; font-weight:bold; line-height:24px; height:24px; padding-left:10px;}
.relate_links ul { border:1px solid #cbcbcb; border-top:none; line-height:18px; background-color:#f6f6f6; }
.relate_links ul li{ padding-left:15px; background:url(../arrow_03.gif) no-repeat 3px 8px; }
#container .relate_links ul li a:link,#container .relate_links ul li a:visited { color:#666; text-decoration:none}
#container .relate_links ul li a:hover { text-decoration:underline; color:#666;}
#extra .quickLinks h4, #extra #relatedSolutions h4, #detailBody #relatedArea h3, #newsContent #detailBody #SolutionsRelatedArea h3
{
	color: #595959;
	font: bold 12px/25px SourceSansProRegular, Verdana, Arial, sans-serif;
	background: #CBCBCB;
	padding-left: 10px;
	margin: 0;
	text-indent: 0;
	}
	
	#extra .quickLinks ul,#extra #relatedSolutions ul { list-style: none; padding: 8px 10px; border: 1px solid #CBCBCB; border-top: none; background-color:#F6F6F6 }
	#extra .relatedLinks ul { list-style: none; padding: 8px 10px; border: 1px solid #cbcbcb; border-top: none; }
	#extra .quickLinks ul li,#extra .relatedLinks ul li { background: url(../arrow_03.gif) no-repeat 0 7px; padding-left: 12px; line-height: 18px; }
			#extra ul li a:link,#extra ul li a:visited { color: #000; text-decoration: none; }
			#extra ul li a:hover { color: #000; text-decoration: underline; }
#extra #relatedSolutions li { background: #FFFFFF url(../tr_arrol.gif) no-repeat 3px 7px; padding-left: 12px; }
#extra .relatedLinks h4 {
	color: #595959;
	font: bold 12px/20px SourceSansProRegular, Verdana, Arial, sans-serif;
	border: 1px solid #cbcbcb;
	padding-left: 10px;
	margin: 0;
	text-indent: 0;
}
#extra #relatedContent,#relatedAreaContent,#SolutionsRelatedContent { border: 1px solid #dae8f1; border-top: none; }
/*footer*/
#footer{background-color:#eee;}
#footer_links{margin:0 auto;padding-top:15px; padding-bottom:15px; width:1200px; overflow:hidden;}
#footer_links .box{width:1300px;}
#footer_links .title {margin-bottom:5px; padding-bottom:5px; font-size:18px; color:#000; line-height:24px; background:url(../images/foot_line.png) repeat-x left bottom;}
#footer_links  li { line-height:28px;}
#footer_links  li a:link, #footer_links  li a:visited{ color:#666; text-decoration:none; font-size: 15px;}
#footer_links  li a:hover{ color:#F0A50C ; text-decoration:none;}
.footer_links01,.footer_links02 ,.footer_links03 ,.footer_links04,.footer_links05 {margin:0px 80px 0 0; display:inline;}


.footer_items {float:left; margin:17px 70px 0; display:inline;}
.foot_left{float:left}
.foot_right{ float:right;padding-left:20px; background:url(../images/foot_line2.jpg) repeat-y left top;}
.foot_right .fimg{float:left;width:120px;text-align:center;}
.foot_right img{ width:100%; height:auto;margin:0 auto;}
.foot_right  .text{float:right;width:270px;height:170px;padding-top:10px;background:url(../images/mapbg.jpg) no-repeat center top; text-align:center;}
.foot_right  .text a{display:inline-block;width:48px; height:48px;margin:0 3px;background-repeat:no-repeat;background-image:url(../images/foot-icon.png);
	-webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;}
.foot_right  .text a:hover{background-image:url(../images/foot-iconh.png);}
.foot_right  .text a.ic-Facebook{background-position:0 0;}
.foot_right  .text a.ic-Twitter{background-position:-52px 0;}
.foot_right  .text a.ic-pinterest{background-position:-104px 0;}
.foot_right  .text a.ic-GooglePlus{background-position:-156px 0;}


#copyright { background: url(../images/footr.jpg) top repeat-x; height:41px; line-height:41px; color:#FFF;}
#copyright a:link ,#copyright a:visited { color:#FFF; text-decoration:none;}
#copyright  a:hover { color:#FFF; text-decoration:none;}
/*footer*/

/*
文档页面"分享到微博"样式
*/
#share_other_all { width:50px; float:left;}
#newsContent #newsContentHead ul li #share_other_all ul li { margin-right:0px;}
#share_other {
	margin: 0; padding: 0;
	float:left;
	list-style: none;
	font-size: 12px;
}
#share_other li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
	z-index:1;
}
#share_other li a {
	float: left; 
	height: 20px;
}

#share_other a.share_mainlevel {
	background:url(../icon_weibo.gif) no-repeat 0 0;
	padding-left:22px;
}


#share_other li .sub {
	position: absolute;	
	top: 20px; left: -175px;
	background: #fff;
	border:5px solid #CCCCCC;
	float: left;
	width:215px;
	padding-bottom:10px;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
}

#share_other li .sub ul{
	list-style: none;
	margin: 0; 
	padding: 0;
	float: left;
}
#share_other li .sub ul p{
	padding-left:5px;
	line-height:30px;
	background:#f3f3f3;
	color:#737573;
	margin: 0; 
}
#share_other .sub ul li {
	width: 105px;
	height:32px;
	float:left;
	color: #333;
	background:none;
}

#share_other .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	border:1px solid #fff;
	height: auto;
	width: 85px;
	height:20px;
	padding: 5px;
	margin:2px;
	display: block;
	text-decoration: none;
	color: #333;
}
#share_other .sub ul li a:hover {
	color: #666; 
	background:#F2F2F2;
	border:1px solid #E5E5E5;
	}
.menuSelectCss a { color: #00EAFF;}


/*
==============================================================
*/

p{ line-height: 18px; }

table td{  font-family: SourceSansProRegular, Verdana, Arial, sans-serif; }
#blue{color:red;}
#navigatioin { text-align: left;  }
#navigatioin span { display: block; padding: 0 0 0 10px;border-bottom: 1px solid #CCCCCC; font-size:14px;}
#navigatioin span a {
	color: #648bb1;
	text-decoration: none;
}
#navigatioin h1 { float: right; padding-right:5px; }

#wrapper { margin:0 auto;}
.mainContent ul { line-height: 20px; list-style-type: none;}
.mainContent li,#extra #relatedContent li,#relatedAreaContent li,#SolutionsRelatedContent li { background: #FFFFFF url(../tr_arrol.gif) no-repeat 3px 7px; padding-left: 12px; /*display:inline-table; */padding-bottom: 2px;list-style-type:none; }
#mainContent img { border: 0; vertical-align: top;}


.halfBannerleft { float: left; width: 216px; margin: 0 10px 0 0; }
.halfBannerright { float: right; width: 345px; padding: 10px 10px 14px 0; }
.halfBanner p { margin: 0; padding-top: 8px; line-height: 18px; }
.yellow{ color: #CC6600; }
.more{ padding: 0 14px 0 0; text-align: right; background: url(../../button/more.gif) no-repeat 100% 50%; }
*+html .more{ background: url(../../button/more.gif) no-repeat 100% 40%; }
.left_more{ text-align:left; background: url(../../button/more.gif) no-repeat 38px 10px; }
.learn_more{ text-align:left; background: url(../../button/more.gif) no-repeat 64px 10px; }
.line{ height: 1px; background: #ecf2f8; overflow: hidden; margin: 10px 0; clear:both; font-size:1px; }
.lineDashed{ background: url(../../button/x_dashedbg.gif) repeat-x 100% 50%; width: 100%; height: 1px; margin: 10px 0; }
.lineDashedNo{ background: url(../../button/x_dashedbg.gif) repeat-x 100% 50%; width: 100%; height: 1px; }
.frame{ border: 1px solid #d8d8da; }
.idtop{ background: url(../../button/top.gif) no-repeat left 2px; padding-left: 10px; float: right; clear:both; }
.cleanslate{ padding-left: 10px; float: right; color:#a9a9a9 }
/*
.page{ width: 100%; text-align: right; padding: 10px 0px 10px 0px; margin-top: 16px; vertical-align: middle; line-height: 2em; height: 2em; border-top: 1px solid #BBD1E8; }
	.page input{ margin: 0px 5px 0px 5px; }
	.page img{ margin: 7px 5px 0px 5px; }
*/
.page{ width: 100%; text-align: center; padding: 10px 0px 10px 0px; margin-top: 16px;  line-height: 25px; height: 25px; border-top: 1px solid #BBD1E8; }
	.page input{ margin: 0px 5px; height:22px; display:inline-block;}
	.page input[type="button"]{padding:0px 8px; height:24px; display:inline-block;}
	.page img{ margin: 0px 5px; height:25px; display:inline-block; vertical-align: top;}
	.page span{ margin: 0px 5px; height:25px; line-height:25px; display:inline-block;}
	
.list dt{ float: left; margin: 0 10px 0 0; }
	.list dd { display: table-cell; margin: 0 auto 0 85px; height:1%;}
	.list h4 { padding: 0;line-height:22px; margin: 0; }/* ?? */
	.link li{ padding: 0 0 0 10px; line-height: 20px; background: #FFFFFF url(../../button/tr_arro.gif) no-repeat 3px 7px; }
.listPic dl { float:left; width:126px;
margin:0 20px 0 20px;
	}

.width90 li{ width:90px;}
.width70 li{ width:70px;}
.width80 li{ width:80px;}
.width120 li{ width:110px;}
.floatList li{ float:left; width:120px;}
.height277{ height:277px;}
.height300{ height:300px;}



.listNei { padding: 10px; }
.listNei li{ display: block; background: #FFFFFF url(../../button/tr_arro.gif) no-repeat 3px 5px; padding-left: 10px; }
/*
yixiaoer 2010-12-10 amend ( listnei li {width:260px;} )
*/
#listNei li{ float: left; width: 260px; background: none; margin:0px;padding:0;}
#listNei li ul li{ display: block; width: 90%; background: #FFFFFF url(../tr_arrol.gif) no-repeat 3px 6px; padding-left:12px;}
.liCircle li{ list-style-type: circle; padding-left: 50px; display: list-item; list-style-position: inside; background: none; }
.noLiBg li{ margin: 0px; padding: 0px; list-style: none; background: none; }
.liNoBg li{ background: none; }
.ipProduct li{ width: 45%; float: left; padding-right: 10px; background: #FFFFFF url(../../button/tr_arro.gif) no-repeat 3px 6px; }
.listHidden { display:none; }
		.listShow { display: block; }
.ipProductdoc{ width: 555px; float: left; margin-bottom: 5px; }
.ipProductdoc li{ width: 255px; float: left; padding-right: 10px; margin: 0; }
.productdTecdoc{ width: 555px; float: left; margin-bottom: 5px; }
.productdTecdoc li{ width: 545px; float: left; padding-right: 10px; margin: 0; }
.productdTecdoc h4{ width: 545px; float: left; padding-right: 10px; font-weight: 300; }
.productdTecdoc ul li ul li{ width: 95%; line-height: 19px; display: block; padding: 0 0 0 15px; background: #FFFFFF url(../icon-lower.html) no-repeat top left; }

.newsHeight2List{ height: 100px; overflow: hidden; }
.newsHeight3List{ height: 120px; overflow: hidden; }
.newsHeight4List{ height: 140px; overflow: hidden; }
.newsHeight5List{ height: 150px; overflow: hidden; }
.newsHeight{ height: 165px;overflow: hidden; }
.newsHeight6List{ height: 170px; overflow: hidden; }
.newsHeight7List{ height: 190px; overflow: hidden; }
.newsHeight8List{ height: 235px; overflow: hidden; }
.newsHeight9List{ height: 225px; overflow: hidden; }
.newsHeight10List{ height: 252px; overflow: hidden; }
.newsHeight11List{ overflow: hidden; }
.newsHeight12List{ height: 270px; overflow: hidden; }
.newsHeight14List{ height: 310px; overflow: hidden; }
.newsHeight15List{ height: 350px; overflow: hidden; }
.newsHeight16List{ height: 380px; overflow: hidden; }
.newsHeight25List{ height: 620px; overflow: hidden; }
.newsHeight265{height: 265px; overflow: hidden;}
.bookText14{font-size:14px;font-weight:bold;}

#middlesidebar h2, #middleEvent h2 {
    color: #F0A50C ;
    margin: 0;
    padding: 0;
}
#middlesidebar h3, #middleEvent h3 {
    color: #363636;
    font-size: 14px; font-family:SourceSansProLight, Verdana, Arial, sans-serif;
    height: 18px;
    margin: 0;
    padding: 0 0 5px;
}
#middlesidebar h4 {
    color: #777777;
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    padding: 0;
	
}
#middlesidebar h5 {
    color: #363636;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
}
#middlesidebar h6 {
    color: #363636;
    display: inline;
    font-size: 12px;
    line-height: 24px;
    margin: 0;
}


.width345  { width: 345px; overflow: hidden; }
.width245  { width: 245px; overflow: hidden; }
.width785 { width: 780px; overflow: hidden; }
.width775 { width: 775px; overflow: hidden; }
.mb_10 { margin-bottom: 10px; }
.leftArea { width: 345px; float: left;}
.rightArea { width: 225px; float: right; }
.mainArea { width: 585px; }
#latestBox { float: left; width: 283px; margin-right: 15px; }
#latestBox01 { float: left; width: 283px; height: 185px; margin-right: 15px; }
#successBox { float: left; width: 283px; }
#successBox_Distribution_left { float: left; width: 383px; }
#successBox_Distribution_right { float: left; width: 383px; margin-left:15px;}
.column1 ul.col_2 li { float: left; width: 87px; }
.column1 ol.col_2c li { float: left; width: 140px; background: none;margin:0; padding:0; }
.column1 ol.col_2c li li { padding: 0 0 0 10px; line-height: 20px; background: #fff url(../../button/tr_arro.gif) no-repeat 3px 7px; }
.column1 ul.col_3 li { float: left; width: 125px !important; }
.column1 ul.listStyle1 li { padding: 0 0 0 10px; line-height: 20px; background: #FFFFFF url(../../button/tr_arro.gif) no-repeat 3px 7px; }
.column1 ul.listStyle2 li { background: #FFFFFF url(../tr_arrol.gif) no-repeat 3px 7px; padding-left: 12px; }

#middlesidebar .column3 a {
	color: #648bb1;
	text-decoration: none;
}
#middlesidebar .column3 a:hover {
	text-decoration: underline;
}
.column1,.column3,.column5 { border: 1px solid #bfd4e8; float: left; }
.column2 { border: 1px solid #bfd4e8; width: 285px; overflow: hidden; }
.column1 h2,.column2 h2 { line-height: 24px; background: #eaeff4; padding-left: 14px; }
.column1 dt{ float: left; margin: 0 10px 0 0; }
	.column1 dd { display: table-cell; margin: 0 auto 0 85px; }
	.column1 h4 { padding: 0; line-height:18px; margin: 0; }/* ?? */
	.column1 dd h4 { padding: 0; line-height: 14px; margin: 0; }
	.column1 ul li{ padding: 0 0 0 10px; line-height: 18px; background: #FFFFFF url(../../button/tr_arro.gif) no-repeat 3px 7px; }
	.column5 ul li{ padding: 0 0 10px 10px;background:none; }
	.column5 ul li ul li{ padding: 0 0 0 10px; line-height: 18px; background: #FFFFFF url(../../button/tr_arro.gif) no-repeat 3px 7px; }
#seriesIntro { width: 583px; }
#seriesIntro h3 { color: #a00401; line-height: 30px; }
#seriesIntro strong { color: #648bb1; line-height: 30px; }
#productCate { width: 583px; }
#productCate li { float: left; width: 260px;word-wrap:break-word;}
#productCate li .liNoBg li{ background:none;width:240px;}
	
#detailTitle { width:100%; float:left; /*border-bottom: 1px solid #BCD0E8;*/}
#detailTitle h2{ float: left; font-size:18px; margin: 0 10px 0 0; line-height: 28px; font-weight: bold; text-indent: 0; }
#detailTitle a {
	color: #648bb1;
	text-decoration: none;
}
.h2Title { width:100%; float:left;  background:url("../tle_bg_1.gif") repeat-x scroll 0 0 transparent;
 }
.materialList { float: right; margin: 0 0 10px 10px; /*margin: 0 0 10px 10px;*/ }
.materialList .materialListTil { width: 174px; background: #dae8f1; border-bottom: 1px solid #BCD0E8; }
#detailContent {color: black;}
#detailContent .materialList .materialListTil h3 { color: #648bb1; padding: 5px 0 0 10px; margin:0; text-indent: 0; font-weight: bold; }
.materialList a:link,.materialList a:visited { color: Black; text-decoration: none; }
.materialList a:hover { text-decoration: none; }
.materialList ul { width: 174px; }
.materialList li { width: 160px; border-bottom: 1px solid #BCD0E8; line-height: 24px; }
.materialList li strong { color: #cc6600; }

#detailContent p { margin-bottom: 8px; line-height: 20px; }
#detailContent h4 { color: #a00401; text-indent: 0; font-weight: bold; }

.BoxArea { width: 585px; clear: both; }
.servicePro { height: 420px; }
	
#container{ width: 1003px; float: left; }
#content{ margin-left: 198px; }

/* Gobal NewsDetail Style , built on: 2007-11-28 10:00 Jaybird */
#newsContent { margin: 20px 10px 20px 0 ; }
#newsContent #newsContentHead { border-bottom: 1px solid #BCD0E8; text-align: left; height: 30px;}
#newsContent #newsContentHead h2,#articleBar .caption h2 { float: left; margin: 0; padding: 0 0 10px 10px; font-size: 14px; font-weight: bold; color: #a00401;text-indent: 0; }
#newsContent #newsContentHead ul { float: right;}
#newsContent #newsContentHead ul li { float: left;}
#newsContent #newsContentHead ul li.actionPrint { padding-left: 30px; background: url(../icon-print.gif) no-repeat 20% 60%; }
#newsContent #newsContentHead ul a {
	color: #648bb1;
	text-decoration: none;
}
#newsContent #newsContentHead ul li.actionSend { padding-left: 30px; background: url(../icon-send.gif) no-repeat 13% 60%; }
#newsContent #newsContentHead ul li.actionFavorites { padding-left: 30px; padding-right:10px; background: url(../icon-save.gif) no-repeat 20% 80%; }
#newsContent #newsContentHead ul li.actionDown { padding-left: 30px; background: url(../icon_down.html) no-repeat 13% 80%; }
#newsContent #newsContentHead ul li.actionshopping { padding-left: 35px; background: url(../../images/icon_shop.html) no-repeat 20% 60%; }
#newsContent #newsContentHead ul li.actionSMBsurvey { padding-left: 35px; background: url(../icon_surery.html) no-repeat 20% 80%; }
#newsContent #newsContentHead ul li.actionbbs { padding-left: 30px; background: url(../../images/icon_bbs.html) no-repeat 20% 60%; }

.subNewsTitle { margin: 20px 10px;}
.subNewsTitle h3 { font: bold 18px SourceSansProRegular, Verdana, Arial, sans-serif; color: Black; text-indent: 0; }
.subNewsTitle h4 { font: bold 14px SourceSansProRegular, Verdana, Arial, sans-serif; color: #666666; text-indent: 0; }

#newsContent .subNewsTitle li{ background: #FFFFFF url(../tr_arrol.gif) no-repeat 2px 2px; padding-left:12px; }
#subNewsTitle { margin-left: 10px; }
#subNewsTitle h3 { font: bold 160% SourceSansProRegular, Verdana, Arial, sans-serif; color: Black; text-indent: 0; height: auto; margin-top:20px; }
#subNewsTitle { margin-top: 10px; }
#subNewsTitle .time { color: Silver; width:250px; float:left; }
#articleBar .article h5 { font: bold 14px SourceSansProRegular, Verdana, Arial, sans-serif; color: Black;margin: 20px 0 30px 0; text-indent: 0; }
#detailBody { margin: 10px; color: Black; font-size: 14px; }
#detailBody ul li { list-style-type: disc; list-style-position: inside; background: none; }
#detailContent p,#detailBody p {
	margin-top: 0;
	padding-bottom: 6px;
	padding-top: 3px;
}
#detailBody h1 {font-size:125%; margin-top:0.4em; margin-bottom:0.5em}
	/*
	2010-09-15 yixiaoer 增加新文章模板表格样式
	*/
#detailBody .MsoNormalTable table { border-collapse:collapse; border: 1px solid #333333; max-width:780px; word-wrap:break-word; }
#detailBody .MsoNormalTable table td { border: 1px solid #333333; padding-left:5px; }
#detailBody .MsoNormalTable table THEAD{ background:#CCCCCC; font-weight:bold; }

#detailContent h2,#detailBody h2 {font-size:125%; margin-top:2em; margin-bottom:0.5em}
#detailContent h3,#detailBody h3 {font-size:110%; margin-top:1.2em; margin-bottom:0.5em; font-weight:bold}
#detailContent h4,#detailBody h4 {font-size:100%; margin-top:0em; font-weight:normal; font-family:SourceSansProLight, Verdana, Arial, sans-serif;}
#detailContent h5,#detailBody h5 {font-size:100%; margin-top:1.2em; font-weight:bold}
#detailBody img {

}
	/*
	2010-11-05 yixiaoer 增加文章页面隐藏锚点链接的样式
	*/
#detailBody h3 a:hover ,#detailBody h4 a:hover ,#detailBody h2 a:hover { color:#000000; text-decoration:none;}

#detailBody ul { margin: 0; }
#detailBody li { line-height: 160%; }
#detailBody ol { }
#detailContent ol li ,#detailBody ol li { list-style: decimal; list-style-position: inside; }
/* ----- formatting for images ----- */
.image-background {margin: 1em; padding: 0; border: 0px; background: #fff; text-align: center;}
.image-caption {padding: 0.2em; font-size: 12px; font-style: italic;}


#newsContent #submitQuestion { margin: 20px 0; clear: both; }
#newsContent #submitQuestion strong { color: #9F0400; padding-right: 20px; }
#newsContent #submitQuestion a { font-weight: bold; color: #648CB0; }
#newsContent .serviceInfoList { padding: 0 14px; }
#newsContent .serviceInfoList h2 { font-size: 12px; color: #a00401; margin: 0; padding: 0; }
#newsContent .serviceInfoList li { list-style: none; list-style-position: outside; }
#newsContent #detailBody #relatedArea ul,#SolutionsRelatedArea ul{margin-left:10px; padding:0; }
#newsContent #detailBody #relatedArea li,#SolutionsRelatedArea li{list-style: none; list-style-position: outside;}

#ProductIntroList ul {margin-top:20px; }
#ProductIntroList ul li {
  	/*float: left;*/
	display: inline;
	list-style-type:none;
	background: url(../../button/leftBorderBg.gif) no-repeat 0% 10%;
	margin:0;
	padding: 0 16px 10px 20px;
  }
#ProductIntroList ul li a.currTitleId {
	font-weight: bold;
	padding: 3px 15px 9px 15px;
	background: url(../../button/currTitleIdBg.gif) no-repeat left center;
	text-decoration: none;
}

#newsContent #detailBody #SolutionsRelatedContent { padding-bottom: 10px; }
/* software Detail Style */
#articleBar .article h6 { display: inline; color: Blank; }
ul#historyDownload li ul { margin: 3px 0 5px 30px; list-style: disc; list-style-position: inside; line-height: 18px; }
.expand {margin-left: 2px;cursor:pointer;}


	#middlesidebar h2{ line-height: 30px; text-indent: 0; font-weight: normal; /*background: url(../tle_bg_1.gif) repeat-x;*/}
	#middlesidebar #detailContent h2 { color: Black; background: none; line-height: normal; }
	#middlesidebar .h2Title{ background: none; border-bottom: 1px solid #BCD0E8;  font-size:16px;}
	#middlesidebar .h2Banner{ background: none; text-align: right; }/* ?? */
	#middlesidebar .h2Bannerlist{ background: none; text-align: left; }/* ?? */
	#middlesidebar li img{ padding: 2px; }/* ?? */

#middlesidebar #detailContent .serviceInfoList h2 { font-size:12px;}
.lock{ padding-top: 3px; padding-left: 3px; margin: 0; }


#middlesidemain{ width: 585px; float: left; padding: 0px; }
#middlesidemain_Distribution{ width: 785px; float: left; padding: 0px; }
#h3cService{ float: left;width: 780px;}
	#h3cService .mainH3cupline{ width: 555px; float: left; border-bottom: 1px solid #ecf2f8; padding: 0 0 10px 0; }
	#h3cService .mainH3cdown{ width: 555px; float: left; padding: 10px 0 0; }
	#h3cService h2 a { color: #a00401; text-decoration: none; }
#rightsidebar{ float: left; padding-top: 10px; width: 190px; }
#document{ float: left; width: 283px; margin-right: 15px; }
#software{ float: left; width: 283px; }
.mainH3c{ float: left; width: 306px; }
.mainH3cright{ float: left; width: 234px; }
#toolsLeft{ float: left; width: 283px; margin-right: 15px; }
#toolsRight{ float: left; width: 283px; }
#documentLeft{ float: left; width: 336px; margin-right: 15px; }
.documentLeftbg{ background: url(../../button/downloadbg.gif) repeat-y; }
.docHeight{min-height:440px;}
*html .docHeight{height:440px;}
#documentRight{ float: left; width: 232px; }
*html #documentRight ul li,*html #salesLeft ul li { display:inline-table;padding-bottom:5px;}
 .documentMemoryleft{ float: left; width: 160px; margin: 0 14px 0 0; }
.documentMemoryright{ float: left; width: 134px; padding: 0; }
.imgLi { width: 555px; float: left; }
.imgLi img{ width: 75px; padding-right: 10px; float: left; }
.imgLi ul{ width: 450px; float: left; margin: 0 auto 0 0; }
.imgLi li{ line-height: 14px; padding-bottom: 6px; background: #FFFFFF url(../tr_arrol.gif) no-repeat 3px 2px; }

.imgLi2 { width: 555px; float: left; }
.imgLi2 img{ width: 75px; padding-right: 10px; float: left; padding-bottom: 40px; }
.imgLi2 ul{ width: 450px; float: left; margin: 0 auto 0 0; }
.imgLi2 li{ line-height: 14px; padding-bottom: 6px; background: #FFFFFF url(../tr_arrol.gif) no-repeat 3px 2px; }

.imgtechsoloutionLi { width: 365px; float: left; }
.imgtechsoloutionLi img{ width: 75px; padding-right: 10px; float: left; }
.imgtechsoloutionLi ul{ width: 275px; float: left; margin: 0 auto 0 0; }
.imgtechsoloutionLi li{ line-height: 14px; padding-bottom: 6px; background: #FFFFFF url(../tr_arrol.gif) no-repeat 3px 2px; }

.video { width: 555px; float: left; }
.video img{ width: 165px; padding-right: 10px; float: left; }
.video ul{ width: 360px; float: left; margin: 0 auto 0 0; }
.video li{ line-height: 14px; padding-bottom: 6px; background: none; }
.video li img{ width: 9px; padding: 1px 0 0 4px; float: left; }
.video li span{ float: left; }

#articleBar{ width: 775px; float: left; padding: 10px 10px 16px 10px; }
#articleBar h5{margin-bottom:20px;}
	#articleBar p ,#articleBar h4 ,#articleBar ul{ padding: 0 0 10px 0; }
#articleBar2{width: 800px; float: right;}

.article{ padding: 0 14px 10px 14px; width: 747px; line-height: 18px; }
	.articletop{ width: 747px; line-height: 18px; }
	.leftName{ width: 547px; padding-right: 10px; float: left; }
	.rightName{ width: 188px; float: left; border: 1px solid #bfd4e8; }
	#inPointList{width: 188px; float: right;border:1px solid #bfd4e8;margin:10px 10px 5px 10px;}
	#inPointList li span{padding-left:15px;line-height:16px;height:16px;background: url(../tr_arrol.gif) no-repeat 3px 2px;}
	#inPointList ul{padding:10px;}
		.top{ background: #EAEFF4; height: 24px; padding-left: 12px; line-height: 22px; border-bottom: 1px solid #bfd4e8; }
		.body{ padding-left: 12px; }/* ?? */
		.body h3{ padding-top: 3px; height: 14px; }/* ?? */
		.body li{ line-height: 14px; height: 14px; background: url(../tr_arrol.gif) no-repeat 3px 2px; }/* ?? */
	.productPic{ border: none; padding: 10px 0 10px 100px; position: inherit; }
	.article span{ /*display: block;*/ line-height: 28px; }
	.article h2{ display: inline; line-height: 28px; }
	.article h4{ display: inline; line-height: 28px; }
	.answer{ width: 30px; display: inline; }
	.result{ width: 715px; display: inline; }
.caption{ width: 775px; height: 30px; border-bottom: 1px solid #BCD0E8; }
.caption h2{ background: none; float: left; padding-left: 14px; margin: 0 10px 0 0; line-height: 28px; }
.quick { float: right; width: 32%; height: 20px; margin: 4px 0 0 0; }
	.quick img{ display: inline; padding-right: 3px; margin: 0; }
	.quick h4{ display: inline; font-weight: 300; padding-right: 4px; line-height: 24px; }
	
.contactUs{ padding: 0 34px 0px 0; float: right; margin: 0; /* background: url(../../../images/button/email.gif) no-repeat 80% 65%;*/ }
.telFaq { padding: 0 10px 0 14px; }
.telFaq h2 { display: inline; padding: 3px 20px 0 6px; line-height: 24px; }

.ipProductdoc h4{ width: 247px; float: left; padding-right: 10px; font-weight: 300; }
	.ipProductdoc ul li ul li{ width: 75%; line-height: 19px; display: block; padding: 0 0 0 15px; background: #FFFFFF url(../icon-lower.html) no-repeat top left; }
#catena{ float: left; width: 565px; padding: 0; margin: 0; }
	#catena h4{ line-height: 28px; padding: 0 0 0 25px; margin: 0; }
	#catena li{ width: 550px; padding: 6px 0 0 14px; float: left; line-height: 20px; background: none; border-bottom: 1px solid #c1d2e4; }
	.catenaName{ height: 24px; width: 565px; margin: 0; float: left; background: #dae8f1; border-bottom: 1px solid #c1d2e4; }
	.catenaLeft{ width: 340px; float: left; }
	.catenaRight{ width: 100px; float: left; }
	.downLoad{ width: 80px; padding-left: 50px; float: left; }
	
#middlesidemain .left4{ width: 232px; float: left; padding: 0; margin-right: 15px;}
	#middlesidemain .left4up{ width: 230px; float: left;}
#middlesidemain .left4 .left4up h4{padding:0px;margin:0px;}
#middlesidemain .right6{ width: 336px; float: left; }
	#middlesidemain .right6Main{ width: 308px; height: 226px; float: left; padding: 14px; }
.left6Mainleft{ float: left; width: 168px; padding: 14px 0; }
.left6Mainleft ul, .left6Mainleft h4{ padding: 0 14px; }
#middlesidebar #middlesidemain #documentLeft .left6Mainleft h4{padding-left:14px;}
	.left6Mainleft ul li{ background: #FFFFFF url(../../button/tr_arro.gif) no-repeat 3px 7px; }
.right4{ float: left; width: 230px; }
.right4up{ float: left; width: 202px; padding: 14px 14px 0 14px;}
	.right4up li{ width: 67px; float: left; font-weight: bold; margin: 0; padding: 0; background: none; }
.right4middle{ float: left; width: 202px; padding: 0 14px 0 14px; }
.right4down{ float: left; width: 202px; padding: 0 14px 14px 14px;}
	.right4down li{ width: 80px; float: left; margin: 0; padding: 0 11px 0 10px; background: #FFFFFF url(../../button/tr_arro.gif) no-repeat 3px 7px; }
.technicSolutionsleft{ height: 130px; width: 48%; border-right: 1px solid #ecf2f8; float: left; padding: 0 8px 0 0; margin: 0 0 8px 0; }
.technicSolutionsright{ height: 130px; width: 48%; border-bottom: 1px solid #ecf2f8; float: left; padding: 0 0 8px 0; margin: 0 0 0 8px; }
.technicSolutions li{ width: 117px; float: left; padding: 0 5px 0 10px; background: #FFFFFF url(../../button/tr_arro.gif) no-repeat 3px 7px; }
.technicSolutionsleftdown{ height: 200px; width: 48%; border-top: 1px solid #ecf2f8; float: left; padding: 8px 0 0 0; margin: 0 8px 0 0; overflow:hidden; }
.technicSolutionsrightdown{ height: 200px; width: 48%; border-left: 1px solid #ecf2f8; float: left; padding: 0 0 0 8px; margin: 8px 0 0 0;overflow:hidden;  }
.webPic img{ padding: 0; }
.dataSolutions{ width: 581px; height: 99px; background: #f3f7fb; padding: 1px; }
.dataSolutions img{ display: inline; float: left; padding-right: 15px; }
.synopsis { width: 214px; float: left; padding: 12px 14px 12px 0;height:62px;overflow:hidden; }
#middlesidebar #middlesidemain #h3cService h4.blue{color:#648AAF}
.direct { width: 196px; float: right; }
	.direct img{ padding: 0; margin: 0; overflow: hidden; }
.solutionsDownload{ float: right; width: 80%; margin: 0 auto 0 0; text-align:right; }
.solutionsList{ margin: 10px; }
.solutionsList h4{ padding-left: 10px; background: #FFFFFF url(../tr_arrol.gif) no-repeat 1px 1px; }
.solutionsList p{ padding-left: 10px; }
.materialList2 { float: right; margin: 0 0 10px 10px; border: 1px solid #BCD0E8; /*margin: 0 0 10px 10px;*/ }
.materialList2 h4{ width: 164px; background: #dae8f1;color: #8eadcb; border-bottom: 1px solid #BCD0E8; padding: 5px 0 0 10px; }
.materialList2 h3{ padding: 2px 0; line-height:16px; }
.materialList2 .materialListTi22 {margin:8px 10px; line-height:22px;}
.materialListTi22 p { width: 154px; line-height: 18px; }

#publication_center { 
    float: left;
    overflow: hidden;
    padding: 10px 10px 16px;
}
#publication_center h2 { 
    color: #ED1017;
    font-weight: bold;
    line-height: 30px;
    margin: 0;
    padding: 0;
    text-indent: 14px;
}
#publication{ width: 583px; border: 1px solid #deebf3; background: url(../../2011/h2_bg.html) repeat-x scroll 0 0 transparent; }
	.publicationup{ width: 555px; }
	#publication .more{ width: 60px; float: right; padding-left: 25px; line-height: 24px; height: 24px; background: url(../icon-read.html) no-repeat left top;font-weight:bold;font-size:14px;}
	.summarize{ width:240px; margin:0 10px 0 10px; float: left;}
	#middlesidebar #publication .publicationup .summarize h4{margin:0px;padding-left:0px;}
	.summaImg{ width:132px; float: left;}
	.quickRight{ width: 162px; }
	.quickRight .img{ width: 20px; }
	.quickRight .span{ width: 136px; background: url(../../button/x_dashedbg.gif) repeat-x left bottom; padding: 2px 0 4px; overflow:hidden; }
	.catalog{ background: url(../../button/catalogbg.gif) no-repeat; font-size: 14px; padding-left: 5px; }
	.catalogtitle{ padding-left: 65px; }
	.catalog h4{ background: url(../icon-catalog.html) no-repeat left 6px; padding-left: 25px; height: 20px; }
	.catalog p{ font-size: 12px;padding-left: 60px; padding-bottom: 12px;}
#publicationRight{ width: 190px; margin-top: 10px; float: left; border-left: 1px solid #deebf3; border-right: 1px solid #deebf3; }
	#publicationRight img{ padding: 3px; border-top: 1px solid #deebf3; border-bottom: 1px solid #deebf3; }
	#publicationRight p , #publicationRight ul , #publicationRight span{ margin: 3px; }
	#publicationRight p { background: url(../../button/x_dashedbg.gif) repeat-x left bottom; }
	.year{ padding: 0px; }
	    .year ul{ padding-top:5px; padding-bottom:5px; }
		.year li{ width: 48px; display:inline; padding: 0; }
	#publicationRight li{ background: none; text-align: left; padding-left:10px;}
.leftContent { clear: both;width:585px;}
	.leftContent .normal{ margin-left: 4px;}
	.leftContent .over{ margin-left: 4px; }
.content{ width: 555px; float: left; background: url(../../button/calling-news-bg1.gif) no-repeat top left; border: 1px solid #BACEEB; border-top: none; }
.content1{ width: 555px; float: left; background: url(../../button/calling-news-bg2.gif) no-repeat top left; border: 1px solid #BACEEB; border-top: none; }
.content2{ width: 555px; float: left; background: url(../../button/calling-news-bg3.gif) no-repeat top left; border: 1px solid #BACEEB; border-top: none; }
.picText{ clear: both; padding: 5px 4px 0; }
.widthOne{ width: 583px;overflow:hidden; }
.widthTwo{ width: 585px;overflow:hidden;}


.hope { width: 350px; padding-left: 50px; }
#course{ width: 585px;}
#course table td{ border: 1px solid #BCD0E8; padding: 5px;  }
	#course .time{ width: 50px; }
	.courseNav .mouseBg{ background: #DAE8F1; padding: 4px 0px 8px 0px; }
.courseNav{ background: #ECF3F8; line-height: 26px; border-top: 1px solid #BCD0E8; margin-bottom: 1px; }
.courseNav a{ background: url(../../button/course_bg.gif) no-repeat right top; text-align: center; padding: 0px 10px 0px 5px; width: 70px; font-weight: bold; }
.tableBlue td{ background: #DAE8F1; }
.tableBlue{ background: #DAE8F1; }

.aboutBoxLeft{ width:285px; float:left; height: 200px;}
.aboutBoxRight{ width:285px; float: right; height:200px;}
.listPicTitleContent .img{ float:left;}
.listPicTitleContent .detail{ padding-left:86px;}
.listPicTitleContent h4  {  color: #777777;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
    padding: 0;}
.listPicTitleContent .padding125 { padding-left:125px;} 
.listPicTitleContent .padding100 { padding-left:100px;} 
.listPicTitleContent .padding110 { padding-left:110px;} 
.listPicTitleContent .padding180 { padding-left:180px;}


.pic li{
	background: url(../../button/bt_dashedbg.gif) repeat-y right top;
	width: 120px;
	margin: 10px 0px 10px 0px;
	padding: 0px 10px 0px 10px;
	float: left;
	overflow: hidden;
	height: 200px;
	text-align: center;
}
.picheight200 li{
	background: url(../../button/bt_dashedbg.gif) repeat-y right top;
	width: 120px;
	margin: 10px 0px 10px 0px;
	padding: 0px 10px 0px 10px;
	float: left;
	overflow: hidden;
	height: 200px;
	text-align: center;
}
.picheight140 li{
	background: url(../../button/bt_dashedbg.gif) repeat-y right top;
	width: 120px;
	margin: 10px 0px 10px 0px;
	padding: 0px 10px 0px 10px;
	float: left;
	overflow: hidden;
	height: 140px;
	text-align: center;
}
	.pic{ width: 585px; }
	.pic li{line-height:14px;}
	.picheight130 { height: 145px; overflow: hidden; text-align: center; }
	.picheight130 img { vertical-align:middle; padding:1px; border:1px #D6E2E1 solid; }
	.picheight90 { height: 90px; overflow: hidden; text-align: center; }
	.pro div{ border: 1px solid #E7E7E7; }
	.pro li{ background: none; }
	.pic div p { vertical-align: middle; }
	.pic img { vertical-align: middle; }
	.pic p:after { content: "."; font-size: 1px; visibility: hidden; }
	.pic ul li p{ padding-top:5px; height:55px; overflow:hidden;}
	.picheight200 ul li p{ padding-top:2px; height:70px; overflow:hidden;}
	.picheight140 ul li p{ padding-top:10px; height:70px; overflow:hidden;}
.vi img{ float: left; }
.eventwidth{ width: 283px; height: 220px; overflow: hidden; }
.eventPro li{ width: 160px; float: left; }
#middleEvent{ width: 595px; margin: 10px 0 10px 10px; float: left; }
#middleEvent #eventHead{ width: 583px; margin: 0 10px 0 0; }
#middleEvent h2{ line-height: 24px; background: #EAEFF4; padding-left: 14px;  }
#wrapper #middleEvent h4{font-size:12px;}
#middleEvent .h2Title{ background: none; border-bottom: 1px solid #BCD0E8; }
#middleEvent .banner{ margin: 0 10px 0 0; }
.eventMiddle{ margin: 0px; padding: 0px; }
.eventMiddle ul{ margin: 0px; list-style: none; padding: 0px; }
.eventMiddle li{ background: none; float: left; width: 286px; margin: 0px 7px 10px 0px; padding: 0px; height: 180px; border: 1px solid #bfd4e8; overflow: hidden; }
.eventMiddle02{margin: 0px; list-style: none; padding: 0px; }
.eventMiddle02 ul{ margin: 0px; list-style: none; padding: 0px; }
.eventMiddle02 li{ background: none; float: left; width: 286px; margin: 0px 7px 10px 0px; padding: 0px; height: 110px; border: 1px solid #bfd4e8; overflow: hidden; }
.eventMiddle03{margin: 0px; list-style: none; padding: 0px; }
.eventMiddle03 ul{ margin: 0px; list-style: none; padding: 0px; }
.eventMiddle03 li{ background: none; float: left; width: 286px; margin: 0px 7px 10px 0px; padding: 0px;border: 1px solid #bfd4e8;height:220px; overflow: hidden; }
.eventMiddle03 li li{border:0px; width: 255px;height:auto; overflow:hidden; background: url(../tr_arrol.gif) no-repeat 1px 1px; padding-left: 10px;}

.eventContent ul{ margin: 0px; padding: 0px; width: 240px; }
	.eventContent li{ width: 240px; margin: 0px; padding: 0px; height: 18px; line-height: 18px; border: none; background: url(../tr_arrol.gif) no-repeat 3px 5px; padding-left: 10px; overflow: middle; }
	
.mediaWidth{ width: 283px; height: 130px; overflow: hidden; }
.videoH4 h4{ background-color: none; color: #A10302; padding-bottom: 5px; background: url(../../button/x_dashedbg.gif) repeat-x 100% 90%; }
.videoH4 li{ width: 103px; float: left; background: none; }
.videoH5 li{ width: 123px; float: left; background: none; }
.liHeight li { height: 158px; overflow:hidden; margin-bottom: 10px;}
.videoList li{ padding-bottom: 5px; }

	#brandList{width:555px;}
	#brandList dl{float:left;}
	#brandVideo dt,dd{margin-left:0px;}
	#brandVideo h2{background: url(../../button/x_dashedbg.gif) repeat-x right bottom;margin:10px 0 10px 0;color:#000;padding:0;}
	#brandVideo .brandListTwo{width:555px;}
	#brandVideo .brandListTwo dt{float:left;width:210px;margin:0 12px 0 0; }
	#brandVideo .brandListTwo dd{float:left;}
	#brandVideo .brandListThree ul li{margin:0 0 5px 0; background:none;}
	#brandVideo .brandListThree ul li p{padding-left:10px;width:200px;overflow:hidden;}
	#videoBrandForm li{height:24px;}
	#videoBrandForm li img{vertical-align:bottom;}
.rssPub li{ width: 250px; background: none; float: left; }
.rssPub ul img{ float: left; margin: 10px 5px 10px 5px; border: 1px solid #D9E1EE; }
.putIn{ width: 555px; text-align: center; }
	/*      ========   Training start  !ANA Write   ==================   */
#trainingBody{ width: 585px; overflow:hidden; }
	#trainingBody #trainingLeft{ width: 361px; float: left; }
	#trainingBody #trainingLeft2{ width: 395px; float: left; }
	#trainingBody #trainingRight{ width: 210px; float: right; }
	#trainingBody #trainingRight2{ width: 180px; float: right; }
	#trainingBody  .trPadding01 { text-align: center;  padding: 2px 0 0 2px;height:227px; }
	#trainingBody  .trPadding01 img{ margin: 0px; padding: 4px 0 0 0; }
	#trainingBody  .trPadding { padding: 1px 0px 1px 2px; text-align: center;height:167px; }
	#trainingBody  .trPadding img{ padding: 1px 1px 8px 1px; margin: 0px; }
	#trainingBody  .trPadding02 { padding: 2px 0px 0px 0px; text-align: right; }
	#trainingBody  .trPadding02 img{ margin: 0px 2px 0px 2px; padding: 0 0 0 0; }
	#trainingBody .trPaddingStar{ margin: 2px 1px 1px 2px; }

.imgThree img{ border: 1px solid #ECF1F7; margin: 0 2px 5px 0; }
#trainingBody #trNewsLeft{ width: 345px; float: left; }
	#trainingBody #trNewsRight{ width: 224px; float: right; }
	#trainingBody #trResourceLeft{ width: 285px; float: left; }
	#trainingBody #trResourceRight{ width: 285px; float: right; }
	.halfWidth255{width:255px;overflow:hidden;}
	#trainingBody .trResourceHeight{ height: 438px; }
.resourcePut{ background: url(../../button/recoursebg_put.gif) repeat-x 100% 90%; border: 1px solid #EAEFF2; padding: 3px 0 3px 8px; }
#trainingBody #trAfterLeft{ width: 350px; float: left; }
	#trainingBody #trAfterRight{ width: 180px; float: right;margin:0 0 0 10px;}
	#trainingBody .trBorder img{ border: 1px solid #F2F2F1; margin: 0 0 10px 0; }
#trThree{ width: 585px; }
	#trThree h4{ color: #F0A50C ; margin:0px;padding:0px;}
	#trThree li{ margin: 0px; padding: 0px; list-style: none; background: none; border-bottom: 1px solid #DBE8F1; border-top: 1px solid #DBE8F1; border-right: 1px solid #DBE8F1; height:170px;}
	#trThree div{ float: left; width: 184px; border-left: 1px solid #DBE8F1; height: 204px; }	
	#trThree div span{ text-align: right; }	
	#trThree div img{ padding: 1px; border-bottom: 1px solid #DBE8F1; }
	#trThree  .middleMargin10{ margin: 0 15px 0 14px; }
	#trThree .padding10{ padding: 8px; }
#salesLeft{ width: 352px; float: left; }
	#salesRight{ width: 220px; float: right; }
	#salesHeight{ height: 120px; overflow: hidden; }
	#salesdl li{ width: 140px; float: left; }
#list110 li{ width: 110px; float: left; }
.detail li{ width: 185px; float: left; }
.list255 li{ width: 255px; float: left; }
.trAlignRigtht{ text-align: right; }
.trAlign{ text-align: center; }
#par3List{ width: 583px;overflow:hidden;}
#par3List div{ width: 194px; float: left; height: 140px; overflow: hidden;}
#par3List div ul li div { float:none; height:auto; width:194px; overflow: hidden; display: inline; }
#par3List div img{ background: url(../../button/partner_dashedrowbg.gif) repeat-x right bottom;}
.parListBg{ background: url(../../button/partner_dashedbg.gif) repeat-y right top; }
#par3List div p{ padding: 10px 10px 0 10px; }
#par3List div .more{ padding: 0 28px 0 0; text-align: right; background: url(../../button/more.gif) no-repeat 91% 50%; }
.parHeightLeft{ height: 141px; overflow: hidden; }
.parHeightRight{min-height: 385px;  }
*html .parHeightRight{ height: 385px;  }
	#joinBox{border:1px solid #DAE2E7;}
	#joinLeft{ background: url(../../button/join_leftbg.gif) no-repeat left top; width: 188px; float: left; }
	#joinRight{ background: url(../../button/join_rightbg.gif) no-repeat left top; width: 393px; float: right; }
	#joinLeft,#joinRight{height:88px;}
				#joinLeft p,#joinRight p{ height: 30px; padding: 14px 5px 14px 60px;}
				#joinLeft dt{width: 140px; }
				#joinLeft dt,#joinRight dt{ padding: 8px 8px 8px 28px; float: left; height: 20px; background: url(../../button/partner_ico.gif) no-repeat 5% 30%; font-size:14px;}
	#flow dl{background: url(../../button/join_policybg.gif) repeat-x left top;border:1px solid #C7DCEE;}
	#flow dt{float:left;text-align:left;}
	#flow dd{margin:20px 10px 20px 60px;}
	#flow p{text-align:center;padding:5px;}
		.brandBgOne{background: url(../../button/partner_sustain_brandbg01.gif) no-repeat left top;}
		.brandBgTwo{background: url(../../button/partner_sustain_brandbg02.gif) repeat-y left top;}
		.brandBgareaTwo{background: url(../../button/partner_sustain_brandbg03.gif) repeat-y left top;}
		.brandLine{border-top:1px solid #EEF5F9;}
	#brandVi{width:583px; overflow:hidden;}
	#brandVi DIV{float:left;width:250px; overflow:hidden;}
	#brandVi li{width:260px;float:left;overflow:hidden;}
	
.snslink{margin-right:30px; text-align:right; _display:none;}
.snslink a{margin:9px 0 0 3px; width:22px; height:22px; color:#fff; text-indent:-9999px; overflow:hidden; display:inline-block; background:url(../images/link.jpg) no-repeat;}
.snslink a.twitter{background-position:-25px 0px;}
.snslink a.facebook{background-position:0px 0px;}
.snslink a.youtube{background-position:-50px 0px;}
.snslink a.none{width:70px; line-height:24px; background:none; height:22px; display:inline-block;}
.snslink a.none:hover{ color:#fff; text-decoration:none;}
.snslink .follow{margin:9px 0 0 0px; width:70px; line-height:24px; height:22px; color:#fff; display:inline-block; vertical-align:top;}

.headsearch{position:absolute; right:0; top:5px; padding:2px 2px 4px 3px; width:215px; height:26px; background:url(../images/search.png) no-repeat;}
.headsearch form{position:relative;}
.headsearch .searchTip{position:absolute; left:3px; top:2px; z-index:20px; color:#ccc; width:180px; height:32px; line-height:32px;}
.headsearch input{position:absolute; left:3px; top:1px; width:170px; height:26px;padding-left:10px; border:none; color:#333; font-size:14px; line-height:26px; background:none; z-index:26px}
.headsearch input:focus{border:none; outline:none;}
input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
        -webkit-transition-delay: 99999s;
        -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
    }
.headsearch .btn{position:absolute; cursor:pointer; left:187px; padding:0;top:1px; width:26px; height:26px; display:block; text-indent:-9999px;}
#copyright .fixed{width:1200px;margin:auto;}
#backTop{display:none;width:45px; height:45px; position:fixed;left:50%; margin-left:660px;bottom:100px; background:#333 url(../images/returnTop.png) no-repeat center;opacity:.7; filter:alpha(opacity=70);}
#backTop:hover{opacity:1; filter:alpha(opacity=100);}
.slide-out-div {
       	padding: 20px 20px 10px 20px;
        width: 164px;
        background: #f2f2f2;
        border:3px solid #7e7e7e;
        border-radius: 14px 0 0 14px;
    line-height: 1;
    position: fixed;
    z-index: 100010;
    top: 152px;
    right: -210px;
        
    }
.slide-out-div p{	float:left; padding:0px 0 0 10px;}
.slide-out-div img{
	float:left;	
}
.slide-out-div a{min-height:30px;display:block;}
.slide-out-div a.handle{    background: url(../images/customer.png) no-repeat;
    width: 40px;
    height: 180px;
    display: block;
    text-indent: -99999px;
    outline: none;
    position: absolute;
    top: 18px;
    left: -40px;
}}
.slide-out-div hr {
    background-color: #cfcfcf;
    border: 0 none;
    color: #cfcfcf;
    height: 1px;
}