/* This needs to be first because FF3 is now supporting this  */
.clearfix {display: inline-block;}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
html{color:#666;background:#fff;overflow:auto;overflow-y:scroll;height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0; }
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
.clear{ clear:both;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%; }
input.text{line-height:18px;height:13px;}
legend{color:#000;}
br{letter-spacing:0px;}
a{text-decoration:none;}

p{margin:0 0 20px 0;line-height:22px;}
.center{margin:0px auto;}
.central{text-align:center 
!important;}
.left{float:left;}
.right{float:right;}
.textleft{ text-align:left; }
.textright{ text-align:right; }
.middle{vertical-align:middle;}
.clear{float:none; clear:both;font-size:0px;line-height:0px;height:0px; min-height:0px; padding:0px; margin:0px; overflow:hidden;}
.hide{display:none;}
.master{width:1000px;}
.hr{height:1px;line-height:0px;font-size:0px;border-top:solid 1px #f8f8f8;margin-top:10px;}
.inline{ display:inline; }
.hand{cursor:pointer;}
a{
	outline:none;
	color:#333333;
}
a img{border:none;}
a:hover{ text-decoration:underline; }

body{ font-size:12px; font-family:Arial, Helvetica, sans-serif; background-color:#fff; line-height:22px; }






#banner{width:100%;}
#menu {
	background-color: #FFFFFF;
	height: 46px;
	min-width: 980px;
	width: 1002px !important;
	position: relative;
	z-index: 0;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	z-index:9999;
}
#menu .nav {
	width: 1002px;
	height: 46px;
	position: relative;
	z-index: 999;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#menu .nav ul {float: left;}
#menu li {float: left; display: block; overflow: visible; vertical-align: top;}

.nav a{color:#333; cursor:pointer;}
.nav a.trad, .nav a.solutions_products, .nav a.support, .nav a.about_huawei, .nav a.join_huawei,.nav a.shop_huawei {
	display: block;
	line-height: 47px;
	text-decoration:none;
	color:#666;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	position:relative;
	z-index:9999;
	width: auto;
	margin-right: 10px;
}
.nav a.trad span, .nav a.solutions_products span, .nav a.support span, .nav a.about_huawei span, .nav a.join_huawei span ,.nav a.shop_huawei span{
	display: block;
	height:47px;
	margin-left: 1px;
	width:auto;
	text-shadow:#fff 1px 1px 0px;
	padding:0px 2px 0 10px;
}
.nav li a.hover{
	color:#000000;
	background-repeat: no-repeat;
	background-position: 0 -85px;
	background-color:transparent;
	margin-top: 0px;
	line-height: 47px;
}
background-repeat:no-repeat; background-position:100% -18px; background-color:transparent; color:#b00;}
.nav li a.active span{
	color: #000000;
}
/*take off background*/
.nav a.shop_huawei:hover,.nav li a.shop_huawei:hover span{background:none;}

.menuitempanel {top: 40px; position: absolute; z-index: 1000; display: none; left: 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,.3); box-shadow: 2px 2px 6px rgba(0,0,0,.3); border-bottom-right-radius: 12px; border-bottom-left-radius: 12px;}
.menuright{right:0px; left:auto;}
.menucontentdiv {
	border-left: 1px solid #CCC;
	margin-right: 7px;
	width:auto;
	height:100%;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	background:#fff url(../images/line.png)  repeat;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}
.menucontentdiv .clearfix{ padding-bottom:10px; position:relative;}
.menucontentdivl {
	border-left: 1px solid #CCC;
	margin-right: 7px;
	width:auto;
	height:100%;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	background:#fff url(../images/line.png)  repeat;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}
.menucontentdivl .clearfix{ padding-bottom:10px; position:relative;}
.menufillet_s, .menufillet_w, .menufillet_e, .menufillet_se, .menufillet_sw{position: absolute;zoom: 1;display: block;overflow: hidden;
background-attachment:scroll; background-color:transparent; z-index: 999; width: 10px;height: 10px;}
.menufillet_e {
	background-repeat: repeat-y;
	_background:transparent;
	height: 100%;
	right: 0px;
	top: 0;
	width: 7px;
}
.verticalLine{ background-color:#FFFFFF; border-left:#cfcfcf solid 1px; width:1px; height:100%; left:200px; top:0px; float:left; min-height:200px; height:200px; margin:0 45px;}
#menu .menuitempanel li {float: none; top: 0; line-height:24px;}
#menu .menuitempanel li.left {float: left;}
.menuitempanel h2 {
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	padding-bottom:10px;
}
.menuitempanel h2 a {
	color: #000000;
}
.clear{ clear:both;}
.menuitempanel ul li a{ color:#666;}
.menuitempanel ul li a:link{ color:#666;}
.menuitempanel ul li a:hover{ color:#000000;}
.menuitempanel ul.taxonomy { margin-left: -5px;}
#menu .menuitempanel ul.taxonomy li {font-size: 14px; font-weight: bold; text-indent: 10px; line-height: 32px;}
.menuitempanel ul.taxonomy li a{ color:#333;}
.menuitempanel ul.m_box li.title {font-weight: bold; margin-top: 5px;}
.menuitempanel ul.m_box li.summary { width:259px; font-weight: normal;}
#menu .menuitempanel ul.m_box li.summary ul {padding: 0 0; float:none;}
.menuitempanel .solutions_products ul.m_box li.summary{ padding:0 0 0 2px;}
.menuitempanel .solutions_products ul.m_box li.left{ margin-right:15px;}
.menuitempanel ul.list {
	width:250px;
	margin-left:20px;
}
.menuitempanel ul > li.left > ul {}
.menuitempanel ul.list h3 {padding: 0px 0px 0px 0px;}
.menuitempanel ul.list h3 a {color: #333333;font-size: 14px;font-weight: bold;}
.menuitempanel .solutions_products ul.m_box li.last, .menuitempanel ul.last,.menuitempanel ul li ul.last { }

.shadow_b_layout {

	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0 -67px;
	position: absolute;
	width: 100%;
	left: 0px;
}
.shadow_b_layout div {
	background-attachment: scroll;
	display: block;
	height: 16px;
	margin-left: 15px;
	background-repeat: no-repeat;
	background-position: 100% -1px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.shadow_b_layout, .menufillet_e{ display:none;}
.menucontentdiv{ margin-right:0px;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;  width:820px;}
.menucontentdiv .clearfix{ padding-bottom:15px;}
.menucontentdivl{ margin-right:0px;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;  width:140px;}
.menucontentdivl .clearfix{ padding-bottom:15px;}
}
@-moz-document url-prefix(){
.shadow_b_layout, .menufillet_e{ display:none;}
.menucontentdiv{ margin-right:0px;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;}
.menucontentdiv .clearfix{ padding-bottom:15px;}
.menucontentdivl{ margin-right:0px;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;}
.menucontentdivl .clearfix{ padding-bottom:15px;}
}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
.shadow_b_layout, .menufillet_e{ display:none;}
.menucontentdiv{ margin-right:0px;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;}
.menucontentdiv .clearfix{ padding-bottom:15px;}
.menucontentdivl{ margin-right:0px;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;}
.menucontentdivl .clearfix{ padding-bottom:15px;}
}/*opera专属*/
:root .shadow_b_layout, :root .menufillet_e {display:none\9;}/*IE9专属*/
:root .menucontentdiv{ margin-right:0px\9;border-right: 1px solid #CCC\9;border-bottom: 1px solid #CCC\9;}
:root .menucontentdiv .clearfix{ padding-bottom:15px\9;}
:root .menucontentdivl{ margin-right:0px\9;border-right: 1px solid #CCC\9;border-bottom: 1px solid #CCC\9;}
:root .menucontentdivl .clearfix{ padding-bottom:15px\9;}

.shop-list { overflow:hidden; margin:15px 0 0 0 }

.shop-list>li { width:255px; display:-moz-inline-stack; display:inline-block; vertical-align:middle; *vertical-align:auto;
zoom:1; *display:inline; margin-right:10px; margin-bottom:20px;  vertical-align:top; float:left; }

.shop-list>li a { cursor:pointer; display:block; padding-bottom:2px }

.shop-list>li a:hover, .shop-list>li a:focus, .shop-list>li a:active { color:#666; text-decoration:underline }

.shop-list>li span { text-align:left; font-size:11px; font-weight:bold; }

.shop-list>li span.product-price { display:block }

.shop-list>li span.product-price span.price-special { text-transform:lowercase; display:block }

.shop-list>li span.product-price span.price-strike-special { display:block }

/*.shop-list>li .product-thumb { width:255px; height:217px; margin-bottom:10px; background:#fff;  behavior:url(js/PIEe.htc); display:none;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";  For IE 8 
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=20, Color='#d8d8d8');  For IE 5.5 - 7 */
/*-moz-box-shadow: 3px 3px 6px; #d8d8d8;*//* for firefox */
/*-webkit-box-shadow: 3px 3px 6px; #d8d8d8;*//* for safari or chrome */
/*box-shadow:3px 3px 6px; #d8d8d8;*//* for opera or ie9 */
/*}*/

.shop-list>li .product-thumb{width: 240px;
height: 214px;
margin-bottom: 10px; 
padding: 0 7px 7px 0; behavior:url(js/PIEe.htc);
-webkit-box-shadow: rgba(102,102,102,0.15) 5px 5px 5px;
-moz-box-shadow: rgba(102,102,102,0.15) 5px 5px 5px;
box-shadow: rgba(102,102,102,0.15) 5px 5px 5px;
display:none;
	}


.shop-list>li .block{ display:block;}

.shop-list>li .product-name { font-size:13px; padding:1px 0 2px 0; font-family:"Century Gothic", "Trebuchet MS", Verdana, Geneva, Arial, Helvetica; line-height:13px; display:block; text-transform:uppercase }

.shop-list>li .product-messages, .shop-list>li .product-messages li { clear:both; display:block; font-size:11px; font-style:normal; text-transform:capitalize; }

.shop-list>li .product-price { display:block; font-size:8px }

.shop-list>li .product-price .price-strike-special { text-decoration:line-through }

.shop-list>li .product-price .price-strike-sale, .shop-list>li .product-price .price-sale { clear:both; float:left }

.shop-list>li .product-price .price-sale { text-transform:lowercase }

.shop-list>li .product-flags { clear:left }

.shop-list>li .cell-multibuy { font-size:11px; display:block; padding-top:10px }

.ie7 .shop-list>li .cell-multibuy { padding-top:6px }


.thumb-swatches { padding:8px 0 }

.has-no-swatches .thumb-swatches { display:none }

.thumb-swatches .thumb-swatch, .thumb-swatches .and-more-swatches { display:-moz-inline-stack; display:inline-block; vertical-align:middle; *vertical-align:auto;
zoom:1; *display:inline;
vertical-align:middle; width:auto; margin-left:10px; padding-bottom:0; cursor:pointer }

.thumb-swatches .thumb-swatch:first-child, .thumb-swatches .and-more-swatches:first-child { margin-left:1px }

.thumb-swatches img { vertical-align:bottom;}
.thumb-swatches li{ border:1px solid #FFF; margin:0 2px;}
.thumb-swatches li.hover{ border:1px solid #AB1707;}

.thumb-swatches .thumb-swatch.active { outline:1px solid red }

.thumb-swatches { padding:0 0 4px 0 }

.thumb-swatches .thumb-swatch, .thumb-swatches .and-more-swatches { margin-left:0 }

.ie7 .thumb-swatches .thumb-swatch, .ie7 .thumb-swatches .and-more-swatches { margin-left:2px }

.thumb-swatches .and-more-swatches { font-size:10px }

.thumb-swatches .thumb-swatch { border:1px solid #fff }

.thumb-swatches .thumb-swatch:first-child { margin-left:0 }

.thumb-swatches .thumb-swatch.active { border:1px solid #ab1707; outline:none }


.product-thumb:hover .quicklook-link { opacity:1 }

.ie7 .product-thumb:hover .quicklook-link { display:block }

.bottompar li{ float:left; margin:0 3px;}

.indexlinks{}
.indexlinks li{ float:left; width:230px; margin:27px 27px 27px 0px;}
.indexlinks li.last{ margin-right:0px;}
.indexlinks li img{ max-width:230px; max-height:180px;}
.indexlinks li span{ display:block; color:#000000;}
.indexlinks li span.lname{ font-size:16px; font-weight: bold; line-height:30px; font-family: "Times New Roman", Times, serif;}
.STYLE59{ color:#FFFFFF;}
.newslist td a{ color:#666; font-weight:bold;}
.newslist td a.hover{ color:#045BA8;}


.shaixuan{ background:#DDDDDD; margin-top:5px; padding-bottom:5px;}
.screening{ width:788px; margin:0 auto; margin-top:5px; }
.screening ul li{ float:left; height:25px; line-height:25px; padding:0 2px; margin:0 2px; border:1px dotted #CCC; background:#fff;}

.newscontnet img{
max-width:650px;
height:auto;
cursor:pointer;
zoom:expression( function(elm)
       {     if (elm.width>650) 
               {  var oldVW = elm.width; elm.width=650;             
                   elm.height = elm.height*(650 /oldVW);        
                }         elm.style.zoom = '1';     
      }
(this));
}


.log_in a.lo{ display:block; width:100%; height:100px; line-height:100px; font-size:40px; text-align:center; background:#DDDDDD; color:#000;}
.log_in a:hover.lo{ background:#970400;}

/*分页*/
.page { width:780px; margin:0 auto; margin-top:10px; text-align:center; font-size:12px; position:relative; z-index:99999; padding-bottom: 20px; }

.page a { padding:2px 5px; color:#333; border: 1px solid #dedede; background:#FFF; -moz-border-radius: 5px;      /* Gecko browsers */ -webkit-border-radius: 5px;   /* Webkit browsers */ border-radius:5px; behavior:url(js/PIEe.htc);           /* W3C syntax */ }

.page b { padding:2px 5px; border:1px solid #818181; background:#818181; color:#fff; -moz-border-radius: 5px;      /* Gecko browsers */ -webkit-border-radius: 5px;   /* Webkit browsers */ border-radius:5px; behavior:url(js/PIEe.htc);           /* W3C syntax */ }

.page i { padding:2px 5px; font-style:normal; border: 1px solid #dedede; background:#FFF; -moz-border-radius: 5px;      /* Gecko browsers */ -webkit-border-radius: 5px;   /* Webkit browsers */ border-radius:5px; behavior:url(js/PIEe.htc);           /* W3C syntax */ }

.page font { border: 1px solid #ccc; padding:2px 5px; color:#333; background:#FFF; -moz-border-radius: 5px;      /* Gecko browsers */ -webkit-border-radius: 5px;   /* Webkit browsers */ border-radius:5px; behavior:url(js/PIEe.htc);           /* W3C syntax */ }

.page foant { border: 1px solid #ccc; padding:2px 5px; color:#333; background:#FFF; -moz-border-radius: 5px;      /* Gecko browsers */ -webkit-border-radius: 5px;   /* Webkit browsers */ border-radius:5px; behavior:url(js/PIEe.htc);           /* W3C syntax */ }