/* 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{background:#f9f9f9;overflow:auto;overflow-y:scroll;height:100%; font-family:"Microsoft YaHei";}
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; font-size:12px; font-family:"Microsoft YaHei";}
table{border-collapse:collapse;border-spacing:0; font-family:"Microsoft YaHei";}
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;}
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%; z-index:-1;}
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 #f1f1f1;margin-top:10px;}
.inline{ display:inline; }
.hand{cursor:pointer;}
a{ outline:none; color:#069; }
a img{border:none;}
a:hover{ text-decoration:underline; }

body{ font-size:12px; background-color:#F9F9F9; line-height:22px; }

/* site wide */
#wrapper {background:#FFFFFF none repeat scroll 0 0;width:100%;}
#container{width:1000px; margin:0 auto; padding-bottom:20px;}
.bound{ width:980px;overflow:hidden;margin:0 auto;}
a.expand { display:block; float:right; font-size:12px; height:18px; line-height:18px; vertical-align:middle; *width:90px; width:auto !important; }
img.iconTick{ margin-left:5px; vertical-align: middle; }
span.HighlightSearch {font-weight:bold;}

#header{ background-repeat:repeat-x; height:80px; min-width:1000px; width:auto !important; margin:0px auto; }
#logo{ float:left; margin-top:9px; }
#header .topnav{ float:right;}
#header .topnav div{ float:right;}
#header .topnav div a{ color:#666; }
#header .topnav a.changeCh{ color:#006699; text-decoration:underline;}
#header .topnav div.log a{ padding:0 8px; cursor:pointer;}
#header #worldWide{padding-right:4px;}
#header img.arrow{padding-right:8px;}
#header .topnav div.sep{ background:url(../images/hw_000470.gif) no-repeat; width:1px; height:11px; margin-top:3px; }
#header .topnav .search, .support .search{ background:url(../images/hw_000512.png) no-repeat; height:19px; padding-left:9px;position:relative;}
#header .topnav input, .support input{ vertical-align:top; height:19px; }
#header .topnav input.text, .support input.text{ background:url(../images/hw_000510.jpg) repeat-x; border:none; float: left; padding:0px 3px 0px 0px; border:0; outline:none;}
#header .topnav #searchButton, .support #searchButton{ background-image:url(../images/hw_000477.gif); background-repeat:no-repeat; border:none; float: left; width:29px; height:19px; line-height:0px; background-position: -58px 0;}
#header .topnav #searchButton:hover, .support #searchButton:hover{ background-position: -58px -19px; }
#banner{width:100%;}
#menu{ height:33px; min-width:1000px; width:auto !important; margin:0px auto;}
.menubg{ background:url(../images/hw_000489.jpg) repeat-x 0 0; background-color:#f9f9f9; height:33px; width:980px; border:1px #e5e5e5 solid; border-radius:5px; -moz-box-shadow:1px 1px 4px #e5e5e5; -webkit-box-shadow:1px 1px 4px #e5e5e5;    box-shadow:1px 1px 4px #e5e5e5;    margin:0px auto;}
#menu li{ float:left;}
#menu a{ float:left; display:block; height:33px; background-repeat:no-repeat; background-position:0 0; }
#menu li a{width:140px; line-height:33px; text-align:center; color:#545454; font-size:14px; font-weight:bold; text-decoration:none;}
#menu li a.hover{ color:#549905; text-decoration:none;}
#menu li a.active{ color:#549905; text-decoration:none;}

#menu-popup{ z-index:99; position:absolute; top:-1000px; }
#menu-popup .popup { position:absolute; background-repeat:no-repeat; }
#menu-popup div.title{ margin-bottom:8px;}
#menu-popup div.title a { color:#B60005; font-size:14px; margin-bottom:5px; font-weight:bold;}
#menu-popup .solutions {background:url(../images/hw_071980.png) no-repeat left -268px; padding-left:10px;top:2px;left:198px;width:560px;}
#menu-popup .solutions .menu_content{height:267px;background:url(../images/hw_071980.png) no-repeat right 0px; padding:25px 0px 5px 0;clear:both;}
#menu-popup .solutions .menu_content div { padding:0 0px 0px 12px; width:550px;}
#menu-popup .solutions .menu_content div ul li.title{color:#F37700; font-weight:700; font-size:14px; margin-bottom:10px;}
#menu-popup .solutions .menu_content div ul li.title a{color:#F37700; cursor: pointer}
#menu-popup .solutions .menu_content div ul{ float:left; padding:0;}
#menu-popup .solutions .menu_content div li{line-height:24px; white-space:nowrap;}
#menu-popup .solutions .menu_content div li a{color:#333;}
#menu-popup .solutions .menu_content div ul.Arpu{ margin:0 22px 0 0;}
#menu-popup .solutions .menu_content div ul.Broader{ margin:0 22px 0 0;}
#menu-popup .solutions .menu_content div ul.Costdown{ margin:0 22px 0 0;}
#menu-popup .solutions .menu_content div ul.Gogreener{ margin:0 22px 0 0;}
#menu-popup .solutions .menu_content div ul.Arpu li{ margin-left:22px;}
#menu-popup .solutions .menu_content div ul.Broader li{ margin-left:22px;}
#menu-popup .solutions .menu_content div ul.Costdown li{ margin-left:22px;}
#menu-popup .solutions .menu_content div ul.Gogreener li{ margin-left:22px;}
#menu-popup .solutions .menu_content div ul.Dloads li{ margin-left:22px;}
#menu-popup .solutions .menu_content div ul li.img{margin-left:25px;margin-bottom:7px;}
#menu-popup .solutions .menu_content div p{ clear:both; text-align:right;}
#menu-popup .solutions .menu_content div.link{line-height:15px; text-align:left; border-top:1px #dfdfdf solid; padding-top:10px; height:25px; width:500px; float:left;}

#menu-popup .services{height:198px;background:url(../images/hw_090334.png) no-repeat right -203px; padding-right:11px;left:87px;top:2px;}
#menu-popup .services .menu_content{height:163px;background:url(../images/hw_090334.png) no-repeat left 0;padding:25px 0 10px 40px;}
#menu-popup .services .menu_content div.width{height:133px;padding:0; width:440px; clear:both; margin:0;}
#menu-popup .services .menu_content div.left{ float:left;}
#menu-popup .services .menu_content div.left ul{ margin:0; padding:0;}
#menu-popup .services .menu_content div.left li{line-height:24px; white-space:nowrap;}
#menu-popup .services .menu_content div.left li.title{ color:#F37700; font-weight:700; font-size:14px; margin-bottom:10px;}
#menu-popup .services .menu_content div.width li.title a{color:#F37700; cursor: pointer}
#menu-popup .services .menu_content .width .left li.title a{color:#f37700;}
#menu-popup .services .menu_content div.left li a{color:#333;}
#menu-popup .services .menu_content div.left p{ clear:both; text-align:right; margin-top:8px;}
#menu-popup .services .menu_content div.nlist{width:105px;}
#menu-popup .services .menu_content div.alist{width:105px;}
#menu-popup .services .menu_content div.lelist{width:105px;}
#menu-popup .services .menu_content div.glist{width:105px;}
#menu-popup .services .menu_content div.link{ height:25px;line-height:15px;width:415px; text-align:left;float:left; border-top:1px #dfdfdf solid; padding-top:10px; }
#menu-popup .services .menu_content div.link a{color:#003399; margin:0 16px 0 0;}

#menu-popup .zhaopin{height:198px;background:url(../images/hw_090334.png) no-repeat right -203px; padding-right:11px;left:316px;top:2px;}
#menu-popup .zhaopin .menu_content{height:163px;background:url(../images/hw_090334.png) no-repeat left 0;padding:25px 0 10px 40px;}
#menu-popup .zhaopin .menu_content div.width{height:133px;padding:0; width:440px; clear:both; margin:0;}
#menu-popup .zhaopin .menu_content div.left{ float:left;}
#menu-popup .zhaopin .menu_content div.left ul{ margin:0; padding:0;}
#menu-popup .zhaopin .menu_content div.left li{line-height:24px; white-space:nowrap;}
#menu-popup .zhaopin .menu_content div.left li.title{ color:#F37700; font-weight:700; font-size:14px; margin-bottom:10px;}
#menu-popup .zhaopin .menu_content div.width li.title a{color:#F37700; cursor: pointer}
#menu-popup .zhaopin .menu_content .width .left li.title a{color:#f37700;}
#menu-popup .zhaopin .menu_content div.left li a{color:#333;}
#menu-popup .zhaopin .menu_content div.left p{ clear:both; text-align:right; margin-top:8px;}
#menu-popup .zhaopin .menu_content div.nlist{width:105px;}
#menu-popup .zhaopin .menu_content div.alist{width:105px;}
#menu-popup .zhaopin .menu_content div.lelist{width:105px;}
#menu-popup .zhaopin .menu_content div.glist{width:105px;}
#menu-popup .zhaopin .menu_content div.link{ height:25px;line-height:15px;width:415px; text-align:left;float:left; border-top:1px #dfdfdf solid; padding-top:10px; }
#menu-popup .zhaopin .menu_content div.link a{color:#003399; margin:0 16px 0 0;}
#menu-popup .products {height:244px; background:url(../images/hw_000408.png) no-repeat right -246px; padding-right:10px; left:120px;top:2px;}
#menu-popup .products .menu_content{height:222px; background:url(../images/hw_071985.png) no-repeat left -1px; background-color:#eff1f2; padding:23px 0 20px 15px; width:600px;}
#menu-popup .products .menu_content div li.title{ color:#F37700; font-weight:700; font-size:13px; margin-bottom:10px;}
#menu-popup .products .menu_content div { padding:0 0px 0px 10px; width:850px;}
#menu-popup .products .menu_content div ul{ float:left; padding:0;}
#menu-popup .products .menu_content div li{line-height:16px;margin-bottom:6px; white-space:nowrap;}
#menu-popup .products .menu_content div li a{color:#333;}
#menu-popup .products .menu_content div ul li.title{ color:#F37700; font-weight:700; font-size:14px; margin-bottom:10px;}
#menu-popup .products .menu_content div ul li.title a{color:#F37700; cursor: pointer}
#menu-popup .products .menu_content div ul.marginL110 li{margin-right:0px;}
#menu-popup .products .menu_content div ul.marginL100 li{margin-right:10px;}
#menu-popup .products .menu_content div ul.marginL99 li{margin-right:10px;}
#menu-popup .products .menu_content div ul.marginL88 li{margin-right:10px;}
#menu-popup .products .menu_content div ul.marginL77 li{margin-right:10px;}
#menu-popup .products .menu_content div ul.marginL65 li{margin-right:10px;}
#menu-popup .products .menu_content div ul.marginL60 li{margin-right:10px;}
#menu-popup .products .menu_content div ul li.img{padding-left:0;font-size:0;line-height:0;margin-bottom:0; float:left;}

#menu-popup .support{height:198px;background:url(../images/hw_090334.png) no-repeat right -203px; padding-right:11px;left:206px;top:2px;}
#menu-popup .support .menu_content{height:163px;background:url(../images/hw_090334.png) no-repeat left 0;padding:25px 0 10px 40px;}
#menu-popup .menu_content .support_ico{margin:30px 0 0 30px;}
#menu-popup .menu_content .support_right{float:left;margin:23px 0 0 37px;}
#menu-popup .menu_content .support_right h1{font-weight:bold;font-size:14px;color:#000;margin-bottom:13px;}
#menu-popup .menu_content .support_right h1 a{color:#B60005;font-size:14px;font-weight:bold;text-decoration:none;}
#menu-popup .support .support_right h1 a:hover{text-decoration:underline;}
#menu-popup .support .support_right span{color:#666666;font-size:12px;margin-left:4px;line-height:35px;}
#menu-popup .support .menu_content div.width{height:100px;padding:0; width:450px; clear:both; margin:0;}
#menu-popup .support .menu_content div.left{ float:left;}
#menu-popup .support .menu_content div.left ul{ margin:0; padding:0;}
#menu-popup .support .menu_content div.left li{line-height:24px; white-space:nowrap;}
#menu-popup .support .menu_content div.left li.title{ color:#F37700; font-weight:700; font-size:14px; margin-bottom:10px;}
#menu-popup .support .menu_content div.width li.title a{color:#F37700; cursor: pointer}
#menu-popup .support .menu_content .width .left li.title a{color:#f37700;}
#menu-popup .support .menu_content div.left li a{color:#333;}
#menu-popup .support .menu_content div.left p{ clear:both; text-align:right; margin-top:8px;}
#menu-popup .support .menu_content div.nlist{width:105px;}
#menu-popup .support .menu_content div.alist{width:105px;}
#menu-popup .support .menu_content div.lelist{width:105px;}
#menu-popup .support .menu_content div.glist{width:105px;}
#menu-popup .support .menu_content div.link{ width:430px; border-top:1px #dfdfdf solid; line-height:15px; clear:both;  padding-top:10px; float:left;}



#menu-popup .about{ background:url(../images/hw_071980.png) no-repeat left -268px; padding-left:10px;top:2px;left:276px;width:600px;}
*html #menu-popup .about{ background:url(../images/hw_071980.png) no-repeat left -288px; padding-left:10px;top:2px;left:276px;width:600px;}
#menu-popup .about .menu_content{height:267px;background:url(../images/hw_071980.png) no-repeat right 0px; padding:25px 0px 5px 0;clear:both}
#menu-popup .about .menu_content div.width{height:200px;padding:0 0 0 20px; width:650px;clear:both; margin:0 0 0 16px;}
*html #menu-popup .about .menu_content div.width{padding:0 0 0 20px; width:600px; clear:both; margin:0 0 0 16px;}
#menu-popup .about .menu_content div.left{ float:left;width:140px;}
#menu-popup .about .menu_content div.left2{float:left;}
#menu-popup .about .menu_content div.left ul{ margin:0; padding:0;float:left;}
#menu-popup .about .menu_content div.left li{line-height:24px; white-space:nowrap;}
#menu-popup .about .menu_content div.left li.title{ color:#F37700; font-weight:bold; font-size:14px; margin-bottom:10px;}
#menu-popup .about .menu_content div.left li.title a, #menu-popup .services .menu_content div.width li.title a{color:#F37700;cursor:pointer}
#menu-popup .about .menu_content div.left li a{color:#333;}
#menu-popup .about .menu_content div.left p{ clear:both; text-align:right; margin-top:8px;}
#menu-popup .about .menu_content div.link{ height:30px; width:570px; border-top:1px #dfdfdf solid; line-height:30px; clear:both;margin-top:0px;}
#menu-popup .about .menu_content div.link a{color:#003399; margin:0 8px;}

#menu-popup .contact{ background:url(../images/hw_071980.png) no-repeat left -268px; padding-left:10px;top:2px;left:386px;width:600px;}
*html #menu-popup .contact{ background:url(../images/hw_071980.png) no-repeat left -288px; padding-left:10px;top:2px;left:276px;width:600px;}
#menu-popup .contact .menu_content{height:200px;background:url(../images/hw_071980.png) no-repeat right 0px; padding:25px 0px 5px 0;clear:both}
#menu-popup .contact .menu_content div.width{height:200px;padding:0 0 0 20px; width:650px;clear:both; margin:0 0 0 16px;}
*html #menu-popup .contact .menu_content div.width{padding:0 0 0 20px; width:600px; clear:both; margin:0 0 0 16px;}
#menu-popup .contact .menu_content div.left{ float:left;width:140px;}
#menu-popup .contact .menu_content div.left2{float:left;}
#menu-popup .contact .menu_content div.left ul{ margin:0; padding:0;float:left;}
#menu-popup .contact .menu_content div.left li{line-height:24px; white-space:nowrap;}
#menu-popup .contact .menu_content div.left li.title{ color:#F37700; font-weight:bold; font-size:14px; margin-bottom:10px;}
#menu-popup .contact .menu_content div.left li.title a, #menu-popup .services .menu_content div.width li.title a{color:#F37700;cursor:pointer}
#menu-popup .contact .menu_content div.left li a{color:#333;}
#menu-popup .contact .menu_content div.left p{ clear:both; text-align:right; margin-top:8px;}
#menu-popup .contact .menu_content div.link{ height:30px; width:570px; border-top:1px #dfdfdf solid; line-height:30px; clear:both;margin-top:0px;}
#menu-popup .contact .menu_content div.link a{color:#003399; margin:0 8px;}



#seo-footer{ min-width:1000px; width:auto !important; margin:0px auto;}
.seo-footerbj{ background:#808080 url(../images/hw_000514.jpg) repeat-x;padding:18px 0;width:980px;  margin:0px auto;}

#seo-footer .section{ float:left; margin-right:89px; min-width:100px; position:relative; }
#seo-footer .section div.img{width:auto !important; width:100px; text-align:center; margin-bottom:5px; }

#seo-footer .section span.title{ font-weight:bold; font-size: 14px; color:#fff; display:block;margin-bottom:5px;text-align:center;}
#seo-footer .about span.title{margin-left:0px;_margin-left:20px !important;}

#seo-footer .section li a{ color:#fff;}
#seo-footer .about{ width:85px ;margin-right:110px;text-align:center;}
#seo-footer .information { width:90px;margin-right:100px;text-align:left;margin-left:7px;}
#seo-footer .news{ width:95px;margin-right:100px;text-align:center;}
#seo-footer .offer{ width:85px;margin-right:90px;text-align:center;}
#seo-footer .links{width:160px; margin-right:0px;text-align:center; }
#seo-footer .information ul{text-align:left;margin-left:0px;}
#seo-footer .news ul{text-align:left;margin-left:20px;_margin-left:17px;}
#seo-footer .about ul{ text-align:left;margin-left:20px;}
#seo-footer .offer ul{text-align:left;margin-left:13px;_margin-left:12px;}
#seo-footer .links ul{text-align:left;margin-left:50px;_margin-left:45px}

#seo-footer .seoAbout{ background:url(../images/hw_072143.png) no-repeat; background-position: 0 -2px; width:74px; height:85px; margin:0 auto;}
#seo-footer .seoInfo{ background:url(../images/hw_072143.png) no-repeat; background-position: -80px -2px; width:95px; height:85px; margin:0 auto;}
#seo-footer .seoNews{ background:url(../images/hw_072143.png) no-repeat; background-position: -172px -2px; width:99px; height:85px; margin:0 auto; }
#seo-footer .seoOffer { background:url(../images/hw_072143.png) no-repeat; background-position: -272px 0; width:92px; height:85px; margin:0 auto;}
#seo-footer .seoLinks{ background:url(../images/hw_072143.png) no-repeat; background-position: -365px 0; width:101px; height:85px; margin:0 auto;}


#footer{ min-width:1000px; width:auto !important; margin:0px auto; background-color:#fbfbfb;}
.footerbj{ background:url(../images/hw_000450.jpg) repeat-x; padding-top:25px; width:980px; margin:0px auto; background-color:#F1F1F1;}
#footer span.title{ font-weight:bold; color:#787878; margin-bottom:6px; display:block;}
#footer .related-site{ width:130px;height:173px; float:left; border-right:solid 1px #ccc; margin:0 20px 0 7px;}
#footer .related-site a{ color:#787878; line-height:25px; text-align:center;  padding-right:5px; position:relative; float:left; }
#footer .terms{ float:left; width:451px; color:#787878; float:left; border-right:solid 1px #ccc; margin-right:20px; padding-right:20px;}
#footer .terms span{ display:block; margin-bottom:10px; }
#footer .terms a{ color:#787878;}
#footer .contact-us{ float:left; width:280px; }
#footer .contact-us span.title a{ margin:0 0; float:none; display:inline; color:#787878;}
#footer .copyright{ color:#787878; margin-top:20px; }
#footer .copyright01{ color:#787878;}
#footer .copyright01 a{ color:#787878;}
#seo-footer .information span.title{text-align:left;}



/* lightbox for video */
#overlay{ position:absolute; top:0px; left:0px; z-index:90; opacity:0.5; filter:alpha(opacity=50); background-color:#000; }
#lightbox .videoHead{padding:0 0 0 5px; margin:0px auto; height: 16px; font-size:16px;}
#lightbox .videoHead .Close{background: url(../images/hw_000477.gif) no-repeat scroll -109px -43px transparent; height: 16px; margin-right: 0px; position: absolute; right: -6px; top: 0px; width: 16px; cursor:pointer;}
#lightbox .video{ background:none; padding:0 0 0 0;}

/* lightbox for normal */
#lightbox .heading{padding:0 0 0 5px; margin:0px auto;height:16px;padding:0}
#lightbox .heading .rightBg{height:16px; overflow:hidden;padding:0;}
#lightbox .title{ float:left; color:#333; font-weight:bold; padding-left:10px; line-height:28px; color:#fff; }
#lightbox .close{ float:right; padding:0px; font-size:90%; text-decoration:underline; cursor:pointer; position:relative; z-index:9; color:#666; }
#lightbox .CloseIcon{ background:url(../images/hw_000477.gif) -109px -43px no-repeat; width:16px; height:16px; float:left; }
#lightbox .container{background:#FFFFFF;padding:5px 0px 0px 0px;margin-right:15px;} 
#lightbox .bottom{height:0px; line-height:0px; font-size:0px;}
#lightbox .bottom.video{background:url(../images/hw_001071.gif) 0 -40px no-repeat;}
#lightbox .button-layout{ background-color:#e1e1e1; padding:4px 0; text-align:right;}
#lightbox input.Save, #lightbox input.Cancle{ width:68px; height:23px; margin-right:8px;background:url(../images/hw_000980.gif) -190px 0 no-repeat; color:#000; font-weight:bold; padding-bottom:0px; _padding-top:3px;}
#lightbox input.Cancle{font-weight:normal;}

/* index */
#slide-index{min-width:1000px;width:auto; height:396px; margin-top:10px; overflow:hidden; position:relative;}
#slide-index .slides{ min-width:1000px; width:auto; height:396px; }
#slide-index .slide{ min-width:1000px; height:396px; float:left; position:relative; }
#slide-index .image{ z-index:1;position:absolute; }
#slide-index .text, #slide-index .button { z-index:2;position:absolute; top:-500px; }
#slide-index .button{ display:none; width:138px;}

#slide-index .control{ position:absolute; bottom:0px; width:100%; text-align:center; height:19px; cursor:pointer; z-index:40;}
#slide-index .control a{ width:11px; height:11px; cursor:pointer; display:inline-block; background-repeat:no-repeat; background-image:url(../images/hw_000505.gif); margin-right:6px; opacity:0.6; filter:alpha(opacity=60);}
#slide-index .control a:hover, #slide-index .control a.active{ background-image:url(../images/hw_000506.gif); opacity:1; filter:alpha(opacity=100);}

#latest-news-index{ min-width:1000px; width:auto !important; margin:0px auto; }
.news-indexbj { height:35px; background:url(../images/hw_000487.jpg) repeat-x; border:1px #ccc solid; width:980px; margin:0px auto; }

#latest-news-index .latest-news{ width:770px; height:35px; float:left; overflow:hidden; }
#latest-news-index .latest-news a{ color:#666;}
#latest-news-index .latest-news .title{ width:55px; color:#76b929; height:35px; line-height:35px; text-align:center; font-weight:bold; float:left; }
#latest-news-index .latest-news .content{ float:left; height:35px; width:700px;}
#latest-news-index .latest-news .content div{ height:35px; line-height:35px; overflow:hidden;}

.social-network{ height:22px; position:relative; padding-bottom:5px;}
.social-network .title{ width:72px; height:9px; margin:13px 5px 0px 0px; float:left; }
.grid215.right .social-network .content{ background-color:#fff; margin-right:0px; margin-top:0;}
.social-network .content{ float:left; height:20px; overflow:hidden; margin-top:7px; margin-right:10px;position:absolute; right:0;}
.social-network .content a{ float:left; width:17px; height:18px; display:block; margin-left:5px;}
.social-network .content a.twitter{ background:url(../images/hw_000477.gif) no-repeat; background-position: 0px -43px; width:20px; height:20px; }
.social-network .content a.facebook{background:url(../images/hw_000477.gif) no-repeat; background-position: -18px -43px; width:20px; height:20px; }
.social-network .content a.rss{ background:url(../images/hw_000477.gif) no-repeat; background-position: -46px -43px; width:20px; height:20px; }
.social-network .content a.mail{ background-image:url(../images/hw_000520.png); }
.social-network .content a.flickr{background:url(../images/hw_000477.gif) no-repeat; background-position: -23px -43px; width:20px; height:20px; }
.social-network .content a.youtube{background:url(../images/hw_000477.gif) no-repeat; background-position: -68px -43px; width:20px; height:20px;  }
.social-network .content a.icons_qq_weibo{background:url(../images/icons_qq_weibo.png) no-repeat 0 0;width:20px;height:20px;}
.social-network .content a.icons_weibo{background:url(../images/icons_weibo.png) no-repeat 0 0;width:20px;height:20px;}

#latest-news-index .social-network{float:right; right:0px; width:200px;}
#features-index{ background:#fff; min-width:1000px; width:auto !important; margin:0px auto; }
/*#features-index a{ float:left; cursor:pointer; width:316px; height:137px; display:inline-block; margin:12px 12px 0px 0px; background:url(../images/hw_089235.png) repeat-x 0 0;padding:0;}
*/
#features-index a span{ float:left; padding:13px 10px 15px; width:185px;height:107px; overflow:hidden;}

/*#features-index a img{ float:right; width:110px; height:137px;}*/
#features-index a span h4{ font-size:16px; font-family:microsoft yahei; line-height:22px; margin-bottom:8px; font-weight:400;}
#features-index a span p{ font-size:12px;line-height:18px; color:#646464;}
#features-index a span.first{ background:url(../images/hw_089243.png) no-repeat 6px 116px;}
#features-index a span h4.c_blue{ color:#3686ab;}
#features-index a span h4.c_orange{color:#eb8800;}
#features-index a span h4.c_green{color:#679800;}
#features-index a.last{ margin-right:0;}
#features-index a, #features-index a:hover{ text-decoration:none;}



#feature-popup{ z-index:100; position:absolute;display:none;}
#feature-popup .maskContainer{ width:654px; height:375px; position:relative;bottom:2px; left:-3px; overflow:hidden; }

#feature-popup .mask{ width:654px; height:375px; position:absolute; }
#feature-popup .caseContainer{ width:654px; height:375px; position:relative;overflow:hidden;}
#feature-popup .case { width:654px; height:375px; z-index:100; position:absolute;}

#feature-popup .content {width:644px; height:375px;padding:0px; background:url(../images/hw_000485.png) 0 -372px;padding-left:10px;}

#feature-popup .content div.list {width:644px; height:350px;background:url(../images/hw_000485.png) right 0;
padding:25px 0 0 0;overflow:hidden;}


#feature-popup .content .close { height:24px;text-align:right;clear:both;padding-right:23px;}
#feature-popup .content .close a{padding:2px 0 0 20px;;color:#0033cc; text-decoration:none;font-size:14px;}

#feature-popup .content .item { width:287px;_width:272px; height:88px; float:left; margin: 0px 10px 16px 15px;}
#feature-popup .content .item .pic { width:88px; height:88px; float:left; margin-right:10px;border:1px #b1b3b5 solid;}
#feature-popup .content .item .pic img{width:88px; height:88px;}
#feature-popup .content .item .detail { line-height:18px; }
#feature-popup .content .item .detail span{ color:#B60005; font-size:16px;}
#feature-popup .content .item .detail a{ display:block; color:#ED9203; font-weight:bold; font-size:14px; margin-bottom:10px;}
#feature-popup .content .item .detail img{ display:block; margin:3px 0px 5px; }


/* grid */

 
.body{ margin-bottom:10px; clear:both; padding:22px 0 0;}
.grid215{ width: 210px;display:inline; margin-top: 2px;}
.grid215 .block {margin-bottom:15px; }
.grid215 .leftNav{ min-height:0px; }
.grid215 .leftNav .content{ font-size:14px;}
.grid215 .block div.header{font-size:14px; font-weight:bold;}

.grid550{ width: 510px; overflow:hidden;margin:0 25px;display:inline; }
.grid550 .block { width:510px; margin-bottom:10px;}
.grid550 .block div.bottom{ width:500px; }

.product-especial .content{font-size:12px;padding:20px 0;}
.product-especial .case .title{color:#B60005;font-size:18px;line-height:24px;margin-bottom:8px;}
.product-especial .case .pic {float:left;margin-right:10px;}
.product-especial .case .detail {color:#666666;margin-bottom:10px;}
.product-especial a.expand {float:right;}
.product-especial .hr {margin-bottom:10px;}

.product-especial .item .title{font-size:18px; margin-bottom:8px; color:#B60005; line-height:24px;font-weight:bold;}
.product-especial .item .title a{ color:#B60005;}
.product-especial .item .title a:hover{ color:#B60005; text-decoration:underline;}
.product-especial .item .detail{font-size:14px;line-height:26px;color:#666; margin-bottom:10px;}

.grid765{ width: 745px; padding-right:25px;overflow:hidden;}
.grid765 .banner{ margin-left:2px; }

.grid980{ width: 980px; overflow:hidden;}
.grid980 .block { width:974px; }

.block .body{ margin:0px; padding-top:0px; }

.grid765_r{ width: 745px; padding-left:25px; overflow:hidden;}
/* sub grid */

.grid255 { overflow:hidden; }
.grid255 .block{ width:245px; }

.leftNav {border-bottom:solid 1px #ddd; width:209px; padding:0px;}
.leftNav a{ display:block; color:#333; border-top:solid 1px #ddd; line-height:100%; padding-left:13px; padding-top:9px; padding-bottom:7px; position:relative;}
.leftNav a:hover{ color:#B60005;background:url(../images/hw_004987.gif) repeat-y left 0;text-decoration:none; }

.leftNav .children {font-size:12px; position:relative; z-index:0; margin-top:-1px;}
.leftNav .children a{ border-left:none; border-right:none;color:#656565;background:none; margin-left:12px; padding-left:10px; line-height:100%; padding-top:7px; padding-bottom:7px;border-top:1px #f5f5f5 solid;}
.leftNav .children a:hover{background:url(../images/hw_004987.gif) repeat-y left 0;color:#656565; }
.leftNav .children .children a{padding-left:32px; margin-left:0; border-top:none;line-height:16px;padding-top:5px; padding-bottom:5px;color:#656565;}
.leftNav .children .children .children a{padding-left:42px; margin-left:0; border-top:none;}
.leftNav .children .children .children .children a{padding-left:58px; margin-left:0; border-top:none;}
.leftNav .children .children .children .children .children a{padding-left:68px; margin-left:0; border-top:none;}

.leftNav a.active{color:#333; background:none; font-weight:bold;border-bottom:1px solid #ddd; z-index:2;position:relative; position:inherit \9; /*IE6;IE7;IE8*/ 
}
.leftNav a.activeSub,.leftNav .children a.activeSub{color:#B60005;background:url(../images/hw_000571.gif) right 50% no-repeat;font-weight:bold;border-bottom:1px solid #ddd; z-index:2;padding-right: 20px;position:relative; *position:inherit; /*IE6 IE7*/ }

.leftNav .children a.active{color:#656565;}
.leftNav a.active:hover{color:#B60005;background:none;}
.leftNav .children a.active,.leftNav .children .children a.active,.leftNav .children .children .children a.active,.leftNav .children .children .children .children a.active,.leftNav .children a.activeSub, .leftNav .children .children a.activeSub, .leftNav .children .children .children a.activeSub, .leftNav .children .children .children .children a.activeSub,.leftNav .children .children .children .children .children a.activeSub{ margin-left: 12px; border-bottom:1px solid #f5f5f5;}
.leftNav .children .children a.active,.leftNav .children .children a.activeSub{ padding-left:20px;}
.leftNav .children .children .children a.active,.leftNav .children .children .children a.activeSub{ padding-left:30px;}
.leftNav .children .children .children .children a.active,.leftNav .children .children .children .children a.activeSub{ padding-left:40px;}

.leftNav a.activeParent, .leftNav a.activeParent:hover,.leftNav .children a.activeParent,
.leftNav .children a.activeParent:hover,.leftNav .children .children a.activeParent,
.leftNav .children .children a.activeParent:hover,.leftNav .children .children .children a.activeParent,
.leftNav .children .children .children a.activeParent:hover,
.leftNav .children .children .children .children a.activeParent,
.leftNav .children .children .children .children a.activeParent:hover,
.leftNav .children .children .children .children .children a.activeParent,
.leftNav .children .children .children .children .children a.activeParent:hover{
   color:#B60005;background:url(../images/hw_000571.gif) right 50% no-repeat;font-weight:bold;padding-right: 20px;border-bottom:none;}

.leftNavTitle{ font-weight:bold; margin:5px 0 12px; font-size:16px;color:#B60005;padding-left:10px;}
.leftNav a.activePage{ color:#B60005; background-image:url(../images/hw_000570.gif); background-position:0 -118px; border-left:2px solid #fff; border-right:2px solid #fff; }
.leftNav a.activeParentPage{ color:#B60005; background:url(../images/hw_000570.gif) 0 -114px no-repeat; font-weight:bold; border-left:2px solid #fff; border-right:2px solid #fff; padding-right: 20px;}

.autoMaxWidth{ overflow:hidden; position:relative;height:232px; }
.block div.header {padding:0 0 5px 0px;border-bottom:5px solid #F0F0F0;font-size:18px;line-height:22px;font-weight:bold;}
.feedback div.header {color:#B60005;padding-top:10px;}
.save_line{background:#E0E0E0 none repeat scroll 0 0;height:23px;margin:20px 11px 0 0;padding:5px 8px 5px 0;text-align:right;}
.btn_tip_b {font-weight:700;}
.btn_tip, .btn_tip_b {background:transparent url(../images/hw_000980.gif) no-repeat scroll -190px 0;border:medium none;color:#333333;cursor:pointer;font-weight:400;height:23px;line-height:23px;margin:0;outline-color:-moz-use-text-color;outline-style:none;outline-width:0;padding-bottom:4px;vertical-align:top;width:68px;}


.header .icon{ background-image:url(../images/hw_000999.gif); background-repeat: no-repeat; background-position: 0 0; width:28px; height:28px; float:left; margin-right:8px; position:relative; top:-4px;}
.addThis{ text-align:left;margin-bottom:8px; padding-top:25px;}

/* arpu */
#banner .arpu{ margin:0px auto; min-width:980px; width:auto !important; }
#banner .arpu img.text{ margin:20px 0px 0px 50px; position:absolute; }
#banner .arpu a{ display:block; margin:180px 0px 0px 25px; width:216px; height:32px; }

/* solution */
#banner .solution, #banner .products, #banner .services, #banner .success-stories { margin:0px auto; min-width:1000px; width:auto !important; }

/* left col */
.opportunity-challenges .content{ margin-bottom:35px;background:#f8f0d0; padding:0px 15px 15px 0;}
.opportunity-challenges .pic { float:left; margin:0px 10px 0px 0px; }
.opportunity-challenges .title { color:#B60005; font-size:18px; padding:22px 18px 14px 30px; font-weight:bold;}
.opportunity-challenges .detail {color:#666;padding:0 20px 10px 30px;clear:both;}
.opportunity-challenges .detail p,.opportunity-challenges .context{font-size:14px; line-height:26px;}
.opportunity-challenges .detail ul{margin-bottom:15px;}
.opportunity-challenges div.right {margin-top:22px;}
.opportunity-challenges a.expand div.arrowR{BACKGROUND: url(../images/hw_000477.gif) no-repeat -17px -17px; margin-top:-2px;}
.opportunity-challenges a.expand div.arrowD{BACKGROUND: url(../images/hw_000477.gif) no-repeat 0px -67px; margin-top:-2px;}


#opportunity-challenges-detail .context .title{float:none; color: #B60005; font-size: 18px; padding:0 0 15px;}
#opportunity-challenges-detail .context h2{ font-size:16px; font-weight:bold; color:#333; line-height: 30px; padding-bottom:15px;}
#opportunity-challenges-detail .context h3{ font-size:14px; font-weight:bold; color:#777; line-height: 24px;margin-bottom:15px;}
#opportunity-challenges-detail ul li{background: url(../images/hw_072210.gif) no-repeat scroll 2px 12px transparent; line-height: 26px; margin: 0 auto 5px; padding-left: 10px; padding-top: 2px; font-size:14px;}

/* 图片已调 */
.myhw-favorite #tabs{background: url(../images/hw_000467.png) repeat-x scroll center bottom transparent; padding:5px 15px 0 0px; line-height:25px;}

.myhw-favorite #tabs a.active, .myhw-favorite #tabs span{ background-image:url(../images/hw_000980.gif); background-repeat:no-repeat;}
.myhw-favorite #tabs a{ margin:0 10px; color:#666; font-weight:bold; }
.myhw-favorite #tabs span{ background-position:100% -30px; margin:0 0 0 5px; color:#000;padding:5px 10px;}
.myhw-favorite #tabs a.active{ background-position:0 -30px; white-space:nowrap; padding:5px 0;*padding:0 0;text-decoration:none;}

.myhw-favorite #tab-content{padding:16px 24px;}
.myhw-favorite dl{margin-bottom:8px; }
.myhw-favorite dt{margin-bottom:6px; }
.myhw-favorite dd{color:#666; padding-left:18px; _padding-left:26px;}
.myhw-favorite li.pro{background: url(../images/hw_000740.gif) no-repeat scroll 5px 50% transparent; padding-left: 15px;}
.myhw-favorite input{margin-right:5px;}
.button-layout{ text-align:center; padding-top:10px;}
.myhw-favorite .product a{ line-height:24px; color:#666;}
.myhw-favorite .left{ width:45%; margin-right:3%; float:left;}


/* right col */
.right .block div.header { border-bottom:1px #e1e1e1 solid; padding:10px 0 6px 8px; height:22px; line-height:20px; font-size:14px;font-weight:bold;background:#F7F7F7;color:#808080;}
.find-a-solution {line-height: 150%; }
.find-a-solution .header .icon { background-position: -4px 2px; width:24px;}
.find-a-solution div.body div.search { padding: 13px 15px 20px 15px; background:#f2f2f2;}
.find-a-solution div#search{ vertical-align: middle; }
.find-a-solution input#search-box { float:left; width:145px; line-height:20px; padding:2px; padding:0 2px 4px 2px\9; border: 1px solid #D0D0D0;}

.tags .header .icon { background-position: -4px -30px; width:24px;}
.tags div.body div.tags { padding: 13px 3px 20px 15px; font-size: 13px; color: #7e807d;background:#f2f2f2;}
.tags div.body div.tags span { margin-right: 10px; display: inline-block; }
.tags div.body div.tags span.highlights1 { font-size: 16px;line-height:120%; }
.tags div.body div.tags span.highlights2 { font-size: 24px; line-height:120%;}
.tags div.body div.tags span.highlights3{font-size:18px;line-height:120%;}

.white-paper .header .icon { background-position: 0 -440px; width:32px;}
.white-paper .detail{ padding:10px 15px; }
.white-paper .content{background:#f2f2f2; padding:7px;}

.related-video .header .icon { background-position: 0px -93px; width:24px;}
.related-video .content,.related-articles .content,.contact-us .content{ padding:7px;background:#F2F2F2; }
.related-video .content a.expand { float:none; margin:0px; font-size:12px; color:#006699; }

.related-news .header .icon {background-position: -6px -126px; width:20px;}
.related-news .content,.quick-links .content,.media-contact .content{ padding:13px 10px 20px; background:#f2f2f2;}
.related-news li,.quick-links li,.related-articles li,.publication li,.white-paper li,.archive li, .media-contact li{ background:transparent url(../images/hw_072210.gif) no-repeat 2px 8px; padding-left:10px; border-bottom:dashed 1px #ddd; margin:0px auto 5px auto; line-height:16px; padding-top:2px; padding-bottom:8px;}
li.last{ border-bottom:none;}
.related-news a,.quick-links a,.related-articles a,.publication a,.white-paper a,.archive a, .media-contact a{ color:#069; padding-bottom:5px; }
.related-news a.expand{ border:none; float:none; margin:0px; line-height:18px; }
.related-news li a, .white-paper li a{line-height:22px;color:#666;}
.related-articles .header .icon { background-position: 0 -501px;}
.related-articles a.expand{ border:none; float:none; margin:0px; line-height:18px; }

.contact-us {position: relative;}
.contact-us .header .icon { background-position: -2px -188px;}
.contact-us a{ display:block; float:left; color:#069; margin-top:8px; margin-bottom:8px; line-height:21px; }
.contact-us a.first{ padding-right:10px; margin-left:10px; _margin-left:4px; margin-right:10px; border-right:solid 1px #aaa; }
.contact-us .img{ background:#f2f2f2;height:75px;}
.contact-us .img a{ margin:0 0;}

.contact-us-media .content{ padding:10px 15px; color:#333; }
.media-contact .header .icon{background-position: -2px -408px;}


.contact-us .header.winwin { padding: 7px 0px 3px 10px; border-bottom: 1px solid #DDDEDF; height:20px; font-weight:bold; }

.publication .header .icon { background-position: 0 -61px;}
.publication ul{ margin:0; padding-top:8px; overflow:hidden;}

.quick-links .header .icon,.read-More .header .icon{ background-position: 0 -218px; }
.right .read-More div.header{border-bottom:none;}
.read-More .header a{font-weight:normal;}
.quick-links a.last{ border:none; }


/* Archive */
.archive .header .icon { background-position: 0 -470px; }
.archive .content { padding:5px 6px;background:#F2F2F2;}
.archive #tabs { height: 17px; width:192px; background-position:0px 0px; padding-bottom:10px; }
.archive #tabs a { width:47px; height: 17px;line-height:18px;padding-bottom:0; float:left; background:url(../images/hw_000737.png) no-repeat; color:#888888; font-weight:bold; padding-top: 5px; padding-left:15px; }
.archive #tabs a.active, .archive #tabs a:hover {color:#B60005; text-decoration:none; background-position:0px -22px; }
.grid215 .success-story .content{ padding:0px 2px;background:#f2f2f2; }


/* solution */
.block.solution{ width:744px; padding:0; }
.solution #tabs { height: 74px; width:745px; line-height:74px;}
.solution #tabs a { width:186px; height: 75px; float:left; background-repeat:none; background-image:url(../images/hw_072062.png); }
.solution #tabs #tab1 { background-position:0px -4px; }
.solution #tabs #tab1.active , .solution #tabs #tab1:hover { background-position:0px -318px; }

.solution #tabs #tab2 { background-position:0 -83px; }
.solution #tabs #tab2.active , .solution #tabs #tab2:hover { background-position:0 -396px; }

.solution #tabs #tab3 { background-position:0 -160px;}
.solution #tabs #tab3.active , .solution #tabs #tab3:hover { background-position:0 -474px; }

.solution #tabs #tab4 { width:186px; background-position:0 -239px; }
.solution #tabs #tab4.active , .solution #tabs #tab4:hover { background-position:0 -552px; }


.solution .content { width:744px;padding: 16px 0 30px 0; background:#fff url(../images/hw_002558.gif) no-repeat;}
.solution .content .box { width: 680px; margin: 0 30px;  padding: 18px 0 ; border:none;}
.solution .content .box .pic{ float:left;margin:1px 5px 0 0;_margin:0px 5px 0 0; }
.solution .content .box .title{ float:left; font-size:18px; margin-bottom:6px; color:#B60005;width:570px;font-weight:bold;line-height:120%;padding-top:3px;}
.solution .content .box .title a{color:#B60005;}
.solution .content .box .title a:hover{ color:#B60005; text-decoration:underline;}
.solution .content .box .detail{ float:left; width:570px; color:#666; margin-bottom:8px;}

/*added by Frieda*/
#search {width:180px; padding-top:10px; overflow:hidden;}
div.arrowR{ background:url(../images/hw_000477.gif) no-repeat; background-position: -17px 0px; width:17px; height:17px; float:left; margin-right:3px;}
div.arrowL{ background:url(../images/hw_000477.gif) no-repeat; background-position: 0 0; width:17px; height:17px; float:left;  margin-right:3px;}
div.arrowU{ background:url(../images/hw_000477.gif) no-repeat; background-position: 0px -17px; width:17px; height:17px; float:left;  margin-right:3px;}
div.arrowD{ background:url(../images/hw_000477.gif) no-repeat; background-position: 0 -17px; width:17px; height:17px; float:left;  margin-right:3px;}
div.icon_download{ background:url(../images/hw_000477.gif) no-repeat; background-position: -90px -43px; width:18px; height:18px; float:left;  margin-right:3px;}
div.icon_email{ background:url(../images/hw_000477.gif) no-repeat; background-position: 0px -61px; width:21px; height:21px; float:left;  margin-right:3px;}
div.icon_help{ background:url(../images/hw_000477.gif) no-repeat; background-position: -21px -61px; width:21px; height:21px; float:left;  margin-right:3px;}

div.newWindow{background:url(../images/hw_000477.gif) no-repeat; background-position: -90px -1px; width:8px; height:8px; float:left; margin-top:8px;}
div.mobile_ico{background:url(../images/img_cn_mobile_icon.gif) no-repeat; background-position: 0 0; width:12px; height:12px; float:left; margin-top:7px;}

#solutionSearch:hover{ background-position: -36px -21px;}
#solutionSearch{background:url(../images/hw_000477.gif) no-repeat; background-position: -36px 0; widt