   
 /* 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;}
table{border-collapse:collapse;border-spacing: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;}
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; font-family:Arial, Helvetica, sans-serif; background-color:#fff; line-height:22px; }

/* site wide */
#wrapper {background:#FFFFFF none repeat scroll 0 0;width:100%;}
#hd1{width:1000px;height:60px;margin:0 auto;position:relative;}
#hd11{position:absolute;top:35px;left:530px;}
#hd11 a{padding:0 8px; cursor:pointer;color:#666;}

#container{width:1000px; margin:0 auto;}
.bound{ width:980px; overflow:hidden; margin:0 auto;}
.clear_head{width:986px;}
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-color:#f8f8f8; background-image:url("../images/frame/hw_000469.jpg"); background-repeat:repeat-x; border-bottom: 1px solid #FFFFFF; min-width:1000px; width:auto !important; margin:0px auto;height:108px; }
#logo{ float:left; margin-top:9px; }
#header .topnav{ float:right; margin-top:25px; }
#header .topnav div{ float:left;padding-left:1px; }
#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/frame/hw_000470.gif") no-repeat; width:1px; height:11px; margin-top:3px; }
#header .topnav .search, .support .search{ background:url("../images/frame/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/frame/hw_000510.jpg") repeat-x; border:none; float: left; padding:0px 3px 0px 0px; }
#header .topnav #searchButton, .support #searchButton{ background-image:url("../images/frame/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; }
/*caoqing add*/
#header .topnav #support_ssUserText, .support #support_ssUserText {vertical-align:top; height:15px;width:185px; }
#header .topnav #group_searchButton, .support #group_searchButton{ background-image:url("../images/frame/hw_000477.gif"); background-repeat:no-repeat; border:none; float: right; width:25px; height:19px; line-height:0px; background-position: -33px 0;}

/*#banner{width:100%;}*/
#hd2 {background: url("../images/frame/hw_s_221828.jpg") repeat-x left bottom; background-color: #f8f8f8; height: 46px; border-top: 1px solid #d7d4cf; border-bottom: 1px solid #C4C6C3; min-width: 1000px; width: auto !important; margin: 0px auto; position: relative;z-index: 10;}
#hd2 #nav { width: 980px; margin: 0 auto; height: 46px; position: relative; z-index: 100;}
#hd2 #nav ul {float: left;}
#hd2 li {float: left; display: block; overflow: visible; vertical-align: top;}

#nav a{color:#333; cursor:pointer;}
#nav a.index, #nav a.about, #nav a.products, #nav a.solutions, #nav a.service, #nav a.video, #nav a.news, #nav a.hr, #nav a.contact{display: block; line-height: 47px; text-decoration:none; color:#666; font-size:14px; font-weight:bold; text-align:center; position:relative; z-index:1007;}
#nav a.index span, #nav a.about span, #nav a.products span, #nav a.solutions span, #nav a.service span, #nav a.video span, #nav a.news span, #nav a.hr span, #nav a.contact span{display: block; height:47px; margin-left: 2px; width:auto; text-shadow:#fff 1px 1px 0px; padding:0 27px 0 17px;}
#nav li a.hover{color:#b00; background-image:url("../images/frame/hw_s_232053.png"); background-repeat: no-repeat; background-position: 0 -85px; background-color:transparent; margin-top: 0px; line-height: 47px;}
#nav li a.hover span{background-image:url("../images/frame/hw_s_232053.png"); background-repeat:no-repeat; background-position:100% -18px; background-color:transparent; color:#b00;}
#nav li a.active span{color: #B00;}


.menuitempanel {top: 47px; 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;}
#solutions .menuitempanel {top: 47px; position: absolute; z-index: 1000; display: none; left: 300px; -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;}
#solutions .menuitempanel .verticalLine{ background-color:#FFFFFF; border-left:#cfcfcf solid 1px; width:1px; height:100%; left:200px; top:0px; float:left; min-height:100px; height:100px; margin:0 45px;}
#service .menuitempanel {top: 47px; position: absolute; z-index: 1000; display: none; left: 400px; -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;}
#service .menuitempanel .verticalLine{ background-color:#FFFFFF; border-left:#cfcfcf solid 1px; width:1px; height:100%; left:200px; top:0px; float:left; min-height:100px; height:100px; margin:0 45px;}
#video .menuitempanel {top: 47px; position: absolute; z-index: 1000; display: none; left: 500px; -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;}
#video .menuitempanel .verticalLine{ background-color:#FFFFFF; border-left:#cfcfcf solid 1px; width:1px; height:100%; left:200px; top:0px; float:left; min-height:100px; height:100px; margin:0 45px;}
#news .menuitempanel {top: 47px; position: absolute; z-index: 1000; display: none; left: 280px; -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;}
#hr .menuitempanel {top: 47px; position: absolute; z-index: 1000; display: none; left: 600px; -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;}
#news .menuitempanel .verticalLine,#hr .menuitempanel .verticalLine{ background-color:#FFFFFF; border-left:#cfcfcf solid 1px; width:1px; height:100%; left:200px; top:0px; float:left; min-height:100px; height:100px; margin:0 45px;}
#contact .menuitempanel {top: 47px; position: absolute; z-index: 1000; display: none; left: 700px; -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;}
#contact .menuitempanel .verticalLine{ background-color:#FFFFFF; border-left:#cfcfcf solid 1px; width:1px; height:100%; left:200px; top:0px; float:left; min-height:100px; height:100px; margin:0 45px;}
.menucontentdiv {background: #fff url("../images/frame/hw_s_232057.png") 0 0 repeat-x; border-left: 1px solid #CCC; margin-right: 7px; padding: 20px 20px 0 30px; width:auto; height:100%; border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.menucontentdiv .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-image: url("../images/frame/hw_s_232058.png");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;}
#hd2 .menuitempanel li {float: none; top: 0; line-height:24px;}
#hd2 .menuitempanel li.left {float: left;}
.menuitempanel h2 {color: #bb0000; font-size: 16px;font-weight: bold; padding-bottom:10px;}
.menuitempanel h2 a {color: #B00;}
.menuitempanel ul li a{ color:#666;}
.menuitempanel ul.taxonomy { margin-left: -5px;}
#hd2 .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 div.summary { width:259px; font-weight: normal;}
#hd2 .menuitempanel ul.m_box div.summary ul {padding: 0 0; float:none;}
.menuitempanel .solutions ul.m_box div.summary{ padding:0 0 0 2px;}
.menuitempanel .solutions ul.m_box li.left{ margin-right:15px;}
.menuitempanel ul.list {margin-right: 45px;}
.menuitempanel ul li ul {margin-right: 45px;}
.menuitempanel ul.list h3 {padding: 0px 0px 0px 0px;}
.menuitempanel ul.list h3 a {color: #333333;font-size: 14px;font-weight: bold;}
.menuitempanel .solutions ul.m_box li.last, .menuitempanel ul.last,.menuitempanel ul li ul.last { margin:0px;}

.shadow_b_layout {background-image: url("../images/frame/hw_s_232053.png"); background-attachment: scroll; background-repeat: no-repeat; background-position: 0 -67px; position: absolute; width: 100%; left: 0px;}
.shadow_b_layout div {background: url("../images/frame/hw_s_232053.png") 100% -1px no-repeat;background-attachment: scroll;display: block;height: 16px;margin-left: 15px;}
@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;}
.menucontentdiv .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;}
}
@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;}
}/*opera&#19987;&#23646;*/
:root .shadow_b_layout, :root .menufillet_e {display:none\9;}/*IE9&#19987;&#23646;*/
: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;}

#banner{width:100%;height:150px;margin:0px auto;padding:10px 0;text-align:center;background:url('../images/banner_bg.gif') repeat-x 0 10px;}

#main{width:1000px; /*width:auto;*/margin:0px auto;height:auto;/*border:1px solid #000;*/}
#mnl{width:200px;float:left;}
#mnl_1{border-top:1px solid #ccc;}
.list1{margin-bottom:5px;}
.list1 h2{height:35px;line-height:35px;font-size:14px;border-bottom:1px solid #ccc;}
.list1 li{height:30px;line-height:30px;font-size:12px;border-bottom:1px solid #ccc;padding-left:10px;margin-left:6px;}
.list1 a{color:#333;}
.list1 a:link{color:#333;}
.list1 a:visited{color:#333;}
.list1 a:hover{color:#333;}
.list1 a:active{color:#333;}
.list1 h2.current{height:35px;line-height:35px;font-size:14px;border-bottom:1px solid #ccc;background:url('../images/frame/hw_000571.gif') right 10px no-repeat;}
.list1 h2.current a:link{color:#B00;}
.list1 h2.current a:visited{color:#B00;}
.list1 h2.current a:hover{color:#B00;}
.list1 h2.current a:active{color:#B00;}
.list1 li.current{height:30px;line-height:30px;font-size:12px;border-bottom:1px solid #ccc;padding-left:10px;margin-left:6px;background:url('../images/frame/hw_000571.gif') right 10px no-repeat;}
.list1 li.current a:link{color:#B00;}
.list1 li.current a:visited{color:#B00;}
.list1 li.current a:hover{color:#B00;}
.list1 li.current a:active{color:#B00;}
.dlist{}
.dlist dt{height:35px;line-height:35px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.dlist dd{line-height:25px;width:195px;}

#mnm{width:600px;float:left;}
#mnm1{width:580px;margin:0 auto;}
#mnm1 h2{height:30px;font-size:14px;font-weight:bold;line-height:30px;color:#B00;}
#mnr{width:200px;float:left;}
#mnr_2{width:200px;background-color:#f2f2f2;overflow:hidden;}
#mnr_2 dt{height:38px;line-height:38px;border-bottom:1px solid #e1e1e1;background:url('../images/tmp_mnr_01.gif') 5px 5px no-repeat;padding-left:40px;font-size:14px;font-weight:bold;}
#mnr_2 dd{padding:15px;text-align:center;}
#mnr_3{width:200px;background-color:#f2f2f2;overflow:hidden;}
#mnr_3 dt{height:38px;line-height:38px;border-bottom:1px solid #e1e1e1;background:url('../images/tmp_mnr_02.gif') 5px 5px no-repeat;padding-left:50px;font-size:14px;font-weight:bold;}
#mnr_3 dd{padding:6px;}

#mnl1{width:180px;float:left;}
#mnr1{width:820px;float:left;}
#mnr1_1{width:800px;margin-left:20px;text-align:right;}
#mnr1_2{width:800px;min-height:500px;margin-left:20px;background-color:#f6f6f6;}
#mnr1_3{width:790px;margin-left:20px;padding:5px;background-color:#f6f6f6;}

.pilist{width:780px;margin:10px auto;}
.pili{width:244px;height:272px;margin:8px 8px;background:url('../images/pi_bg_01.gif') no-repeat;float:left;position:relative;}
.pili .p1{position:absolute;top:1px;left:1px;}
.pili .p2{position:absolute;top:110px;left:15px;width:224px;height:25px;}
.pili .p3{position:absolute;top:140px;left:15px;width:224px;height:auto;}
.pili .p4{position:absolute;top:220px;left:10px;width:224px;height:25px;text-align:center;}

.pdetail{}
.pdt1{height:150px;position:relative;background-color:#e0dedf;}
.pdt11{position:absolute;top:35px;left:50px;font-size:26px;font-family:'Î¢ÈíÑÅºÚ','ºÚÌå','ËÎÌå';font-weight:bold;color:#128a4c;}
.pdt12{position:absolute;top:69px;left:50px;font-size:20px;font-family:'Î¢ÈíÑÅºÚ','ºÚÌå','ËÎÌå';color:#323232;}
.pdt13{position:absolute;top:95px;left:50px;font-size:13px;color:#666;}
.pdt13 a:link{color:#666;}
.pdt13 a:visited{color:#666;}
.pdt13 a:hover{color:#666;}
.pdt13 a:active{color:#666;}
.pdt14{position:absolute;top:25px;left:520px;width:250px;height:120px;}
.pdt2{width:788px;height:163px;border:1px solid #ccc;overflow:hidden;}
/*.pdt2 ul{width:778px;height:155px;padding:5px;}
.pdt2 ul li{width:180px;height:155px;float:left;}*/
.pdt2 ul li ul li{width:180px;height:155px;float:left;cursor:pointer;}
.pdt2 ul li ul li p.img{width:180px;height:135px;text-align:center;margin:0;padding:0;}
.pdt2 ul li ul li p.txt{width:180px;height:20px;text-align:center;margin:0;padding:0;line-height:20px;}


.pdt2ul1 li{float:left;}
.pdt2ul2 li{float:left;width:180px;height:160px;}
.pdt2ul2 li p.img{width:158px;height:130px;border:1px solid #ccc;text-align:center;}
.pdt2ul2 li p.txt{width:160px;height:25px;line-height:25px;background-color:#ddd;text-align:center;}

.pdt2ul1{width:5999px;}

.pdt3{}
.pdt3 dt span{height:35px;margin-right:8px;padding:10px 25px;color:#000;border-left:1px solid #bababa;border-right:1px solid #bababa;border-top:1px solid #bababa;z-index:1;}
.pdt3 dt span.current{height:35px;margin-right:8px;padding:10px 25px;color:#990100;border-left:1px solid #bababa;border-right:1px solid #bababa;border-top:1px solid #bababa;background-color:#fff;}
.pdt3 dd{width:748px;border-left:1px solid #bababa;border-right:1px solid #bababa;border-top:5px solid #bababa;border-bottom:1px solid #bababa;background-color:#fff;padding:20px;min-height:400px;}

#newslist{ width:770px;margin:0 auto;}
#newslist ul{}
#newslist ul li{ width:770px;background:url("../images/line01.gif") repeat-x left bottom; }
#newslist ul li a{display:block;line-height:30px;padding-left:20px!important;>padding-left:18px!important;padding-left:18px;background:url("../images/cion03.gif") no-repeat 3px 9px;}
#newslist ul li a span{float:right;}
#newslist ul li a:link{}
#newslist ul li a:visited{}
#newslist ul li a:hover{background:url("../images/cion033.gif") no-repeat 3px 9px;}
#newslist ul li a:active{}


.newsdt{width:770px;margin:0 auto;}
.newsdt .title{width:770px;text-align:center;font-size:25px;line-height:30px;font-weight:bold;}
.newsdt .description{width:770px;height:30px;text-align:center;font-size:12px;line-height:30px;}
.newsdt .content{width:770px;line-height:23px;}

#footer1{background:#7F7F7F url("../images/foot_bg.jpg") repeat-x;padding:0px; min-width:1000px; width:auto margin:0px auto;height:209px; cursor:default;}
#footer1 *{text-align:center;}





#footer{ background:url("../images/frame/hw_000450.jpg") repeat-x; padding-top:0; min-width:1000px; width:auto !important; 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;  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; }

#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/frame/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/frame/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/frame/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/frame/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:386px; overflow:hidden; position:relative;}
#slide-index .slides{ min-width:1000px; width:auto; height:386px; }
#slide-index .slide{ min-width:1000px; height:386px; 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/frame/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/frame/hw_000506.gif"); opacity:1; filter:alpha(opacity=100);}

#latest-news-index{ height:35px; background:url("../images/frame/hw_000487.jpg") repeat-x; min-width:1000px; width:auto !important; 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; height:9px; margin:11px 5px 0px 0px; 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 .title{margin:0 10px 0 0; text-align:right; width:100px; font-size:14px;}
.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/frame/hw_000477.gif") no-repeat; background-position: 0px -43px; width:20px; height:20px; }
.social-network .content a.facebook{background:url("../images/frame/hw_000477.gif") no-repeat; background-position: -18px -43px; width:20px; height:20px; }
.social-network .content a.rss{ background:url("../images/frame/hw_000477.gif") no-repeat; background-position: -46px -43px; width:20px; height:20px; }
.social-network .content a.mail{ background-image:url("../images/frame/hw_000520.png"); }
.social-network .content a.flickr{background:url("../images/frame/hw_000477.gif") no-repeat; background-position: -23px -43px; width:20px; height:20px; }
.social-network .content a.youtube{background:url("../images/frame/hw_000477.gif") no-repeat; background-position: -68px -43px; width:20px; height:20px;  }
.social-network .content a.icons_qq_weibo{background:url("../images/frame/icons_qq_weibo.png") no-repeat 0 0;width:20px;height:20px;}
.social-network .content a.icons_weibo{background:url("../images/frame/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:#dcdcdc url("../images/frame/hw_000486.jpg") repeat-x 0 top; height:156px; min-width:1000px; width:auto 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/frame/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:13px;line-height:20px; color:#646464;}
#features-index a span.first{ background:url("../images/frame/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/frame/hw_000485.png") 0 -372px;padding-left:10px;}

#feature-popup .content div.list {width:644px; height:350px;background:url("../images/frame/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/frame/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/frame/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/frame/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/frame/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/frame/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/frame/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/frame/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;}

.read-More .header .icon{ background-image:url("../images/frame/hw_u_163798.gif"); background-repeat: no-repeat; background-position: 0 0; width:28px; height:28px; float:left; margin-right:8px; position:relative; top:-4px;}
.header .icon{ background-image:url("../images/frame/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; }




/* 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/frame/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{ background:#f2f2f2;padding:8px; }








/* Services */

.services #tabs { height:49px; width:745px;background:url("../images/frame/hw_047437.png") repeat-x 0 bottom; margin-top:25px;}
.services #tabs a {padding-left:12px; height: 43px; float:left; background:url("../images/frame/hw_000561.gif") no-repeat 0 0;margin:4px 5px 1px 0;}
.services #tabs a span{background:url("../images/frame/hw_000561.gif") no-repeat right 0;padding-right:12px;cursor:pointer;height: 43px; font-weight:bold; font-size:14px;color:#888888;display:block;float:left;line-height: 43px;}
.services #tabs a.active, .services #tabs a:hover { color:#B60005; text-decoration:none;padding-left:12px; height:49px; float:left; background:url("../images/frame/hw_000561.gif") no-repeat 0 -44px;margin:0 5px 0 0;}
.services #tabs a.active span, .services #tabs a:hover span{color:#B60005; text-decoration:none;cursor:pointer;padding-right:12px; height:49px; background:url("../images/frame/hw_000561.gif") no-repeat right -44px;display:block;float:left;line-height:49px;}

.services #tab-content { margin-top:0;}

.services .content { width:745px; background:#fff url("../images/frame/hw_047436.gif") no-repeat;padding: 16px 0 30px;}
.services .content .box { width: 680px; margin: 0 30px;  padding:18px 0; border-bottom: none; }
.services .content .box .pic{ float:left; margin-right:10px; }
.services .content .box .title{ float:left; font-size:18px; margin-bottom:8px; color:#B60005; font-weight:bold; width:568px;}
.services .content .box .detail{ float:left; width:568px; color:#666; margin-bottom:10px; }
.services .content a.expand{font-size:14px;}

/* products */
.products .content { margin-left:0px; padding-top:0px; min-height:940px;}
.products .content div.margin_p {margin-bottom:20px;}

.products .content .box { display:block; float:left; width:230px; border:none; padding:0;margin-left:18px;_margin-left:10px;}
.products .content p { font-size:18px; color:#B60005;font-weight:bold;margin-bottom:10px;}
.products .content p a{color:#B60005;}
.products .content p a:hover{ text-decoration:underline; color:#B60005;}
.products .content ul li { line-height: 24px;font-size:14px;}
.products .content ul li a{ color:#666;}
.products .content ul li a:hover{color:#666;}
.products div.header{color:#727272;margin:35px 0 23px;padding:0 0 5px 0;}
.products div.header span{font-size:24px;}
.products div.header span.color_2e659b{color:#2e659b;}
.products div.header span.color_036a00{color:#036a00;}
.products div.header span.color_002a5c{color:#002a5c;}
.products div.first{margin-top:25px;}
.products div.header .left{ height:53px; line-height:40px; margin-bottom:0;width:90px;}
.products div.header .intro{float:left;height:20px; line-height:20px; width:540px;margin:22px 0 0 4px;}
.products div.header .intro p{ color:#606060;font-size:14px; font-weight:normal;}
.products div.header .icon_c{background:url("../images/frame/hw_079689.gif") no-repeat left 10px; }
.products div.header .icon_n{background:url("../images/frame/hw_079689.gif") no-repeat left -45px; }
.products div.header .icon_d{background:url("../images/frame/hw_079689.gif") no-repeat left -114px;}
.products div.first .intro{margin:24px 0 0 4px;}



#tips-popup {position:absolute; top:300px; left:100px; cursor:pointer; }
#tips-popup .content{ background-image:url("../images/frame/hw_000856.png"); background-repeat: no-repeat; width:187px; padding:10px 20px; position:relative; }
#tips-popup .bottom{ position:absolute; width:227px; left: 0px; bottom:-4px; height:4px; background-image:url("../images/frame/hw_000856.png"); background-repeat: no-repeat; background-position: 0 100%; }
* html #tips-popup .content, * html #tips-popup .bottom{ background-image:url("../images/frame/hw_000855.gif"); }
/*.iconTick{ width:17px; height:17px; background-image:url(../../../../../ucmf/groups/public/documents/tick.png); background-repeat:no-repeat; float:left; margin-left:5px; }*/

#study-area-popup{ width:536px; } 
#study-area-popup .content{ padding:8px 35px; line-height:200%;overflow-y:auto; overflow-x:hidden; }
#study-area-popup .content span.caption{ display:block; font-weight:bold; margin-bottom:5px; }
#study-area-popup .content label{ margin:0px 20px 0px 5px; }
#study-area-popup .content .level2{ margin:5px 0px 5px 22px; }
#study-area-popup .content a{ color:#B60005; font-weight:bold; text-decoration:underline; }


/* core network */
.core-network .content,.news-intro .content { padding:0 0 10px;}
.core-network .title{ font-weight:bold;   margin-bottom:12px;font-size:20px; color:#B60005; line-height:100%;padding-top:10px}
.product-cycle .title,.news-intro .title { font-weight:bold; font-size:18px; margin-bottom:12px; color:#B60005; line-height:100%; }
.core-network .detail,.product-cycle .detail, .news-intro .detail { color:#666; font-size:14px; line-height:22px;}

.product-video{padding:18px 0;border-bottom:5px #f0f0f0 solid;}
.product-video .content{margin:0;}
.product-video .content .left {float:left; width:510px; }
.product-video .content .right {float:left; display: block; width:225px;margin-left:8px; }
.product-video .title,.product-video2 .title,.service-detail .title {font-size: 16px; margin-bottom:8px; color:#B60005; }
.product-video .title{ font-size:18px;font-weight:bold;}
.product-video2 {padding-bottom:24px;margin-bottom:20px;}
.product-video2 .title{ padding-top:14px;}
.product-video .button {padding-top: 15px; }
.service-detail .detail{ margin-bottom:12px;}
.product-video .detail{ margin-bottom:15px;}


.product-solution .content, .itemList .content{ }
.product-solution .content{}
.product-solution .pic{ float:left; margin-right:10px;}
.product-solution .title{font-size:18px; margin-bottom:8px; color:#B60005;line-height:24px;font-weight:bold;}
.product-solution .title a{ color:#B60005;}
.product-solution .title a:hover{ color:#B60005; text-decoration:underline;}
.product-solution .item .detail{color:#666666;font-size:14px;margin-bottom:10px;width:510px;}
.product-solution .detail{ float:left;color:#666; margin-bottom:10px;width:410px;}
.product-solution a.expand{ float:right; }
.product-solution .hr{ margin-bottom:10px; }

/* ie6 bug fix */
.core-network-products .content{ margin:20px 10px 0px 15px; padding-bottom:20px; }
.core-network-products .content a{ display:block; float:left; width:250px; margin-bottom:8px; }

.success-story .detail{ padding:15px; }
.success-story .header .icon { background-position: -1px -530px; margin-right: 6px; width: 32px;}



/* picNews */
.picNews .content{ padding:0 0 10px;}
.picNews td{padding:10px;}
.picNews .detail{ margin-bottom:15px;}

/* technology */
.technology { padding: 20px 30px; }

.technology .title { font-size:180%; font-weight:bold; color:#B60005; padding-bottom:15x; }
.technology .selection { border-top:1px solid #DDD; border-bottom:1px solid #DDD; margin: 7px 0; padding:10px 0; }
.technology .selection a { padding: 5px; }

.technology .content .box {border-bottom: 1px solid #DDD;margin-bottom: 7px; }
.technology .content .box .title { color:#B60005; font-weight:bold; line-height:30px; }
.technology .content .detail { padding-bottom:15px;  }
.technology .content .detail span { display:block; }

.technology .content .content-top { float:right; width:50px; margin-top: 8px;}

/* contact-us */

.contact .title { font-size:18px; line-height:200%;font-weight:bold; color:#B60005;}
.contact .subtitle { font-weight:bold; color:#000; padding-bottom:5px; }
.contact .selection { border-top:1px solid #DDD; border-bottom:1px solid #DDD; margin: 7px 0; padding:10px 0; }
.contact .selection a { padding: 5px; }

.contact .content .box { border-bottom: 1px solid #DDD; margin-bottom: 7px; padding-bottom:15px; }
.contact .content .box .title { color:#B60005; font-weight:bold; line-height:30px; }
.contact .content .box ul li { line-height:20px; }
.contact .content .box ul li a.active{ color:#B60005; background:url("../images/frame/hw_047444.gif") no-repeat right 5px; padding-right:15px;}

.contact .content .box ul div{padding:8px 0 0;margin-top:8px; 
border-top:1px #ddd solid; border-bottom:1px #ddd solid;}
.contact .content .box ul div dl{ padding:8px 10px;}
.contact .content .box ul div dt { color:#B60005; font-size:14px; font-weight:700;}
.contact .content .box ul div dd{ color:#006588; font-size:12px; line-height:18px;}
.contact .content .box ul div dl.bgf7{ background:#f7f7f7;}
.contact .content .box ul div p{height:18px;}
.contact .content .box ul div a.more{display:block;height:17px;line-height:16px;width:auto !important; float:right;}

.contact .content .content-top { float:right; width:50px; margin-top: 8px; }



input.Save{ width:90px; height:30px; background:url("../images/frame/hw_000980.gif") 0 0 no-repeat; border: medium none;cursor: pointer; font-weight:bold; margin: 0;outline: 0 none;vertical-align: top; padding-bottom:7px; color:#fff; }
input.Cancle{width:90px; height:30px; background:url("../images/frame/hw_000980.gif") -94px 0 no-repeat; border: medium none;cursor: pointer; font-weight:bold; margin: 0;outline: 0 none;vertical-align: top; padding-bottom:7px; color:#fff;}

.grid475{ width: 460px; overflow:hidden; padding-left:25px;}
.grid475 .block { width:460px; }


.grid275{ width: 255px; overflow:hidden;padding-left:25px;}
.grid275 .block {width:265px; }


/* about */
.about-infoBox .content{ padding:16px 0 0;}
.about-infoBox div.header{height:20px;}
.about-infoBox .header a{color:#B60005;text-decoration:none}
.about-infoBox .header a:hover{color:#B60005;text-decoration:underline}
.about-infoBox .img{ float:left;}
.about-infoBox .header{color:#B60005;}
.about-infoBox .detail{ padding-left:300px;font-size:14px;line-height:26px;}
.about-infoBox .more{display:block;float:right;height:17px;font-size:14px;line-height:16px;vertical-align:middle;width:auto !important;}
.grid380{width:360px; overflow:hidden;border:none; margin-bottom:15px;}
.grid380.last{ margin-left:25px;}
.grid380 .block{ width:360px;}
.grid380 div.top{ width:375px;}
.grid380 div.bottom{ width:373px; }
.grid380 .detail{ padding-left:8px;min-height:67px;float:left;width:264px;} 
.about-publication .content{padding:10px 10px 0 18px; background:#f2f2f2; overflow:hidden;}
.about-publication .header .icon{ background-position: -6px -60px; width: 19px; }
.about-publication a,.tags a, .related-video a{ color:#666;}
.about-publication ul{margin:0; padding:0; overflow:hidden;}
.about-publication .content ul li{list-style:none; background:transparent url("../images/frame/hw_072210.gif") no-repeat 5px 8px; padding-left:12px; line-height: 16px; padding-top:2px;}
.about-publication .img{ height:125px; padding-bottom:2px;text-align:left;display:block;}
.about-publication .title{padding-left:0px; margin-bottom:15px; padding-right:5px;text-align:left;display:block;}
.about-publication .more, .suc-article .more{display:block;float:right;height:17px;line-height:16px;vertical-align:middle;width:auto !important;}

.subscription .header .icon { background-position: 0 -375px; }
.subscription .content {background:#F2F2F2 none repeat scroll 0 0;padding:10px 5px 10px 15px;}
.subscription ul{ margin:0px; }
.grid215 .content li{ background:url("../images/frame/hw_072210.gif") no-repeat 3px 8px; padding-left:12px; line-height:18px; zoom:1; }

/* successStroy detail page  successStroy/suc */
.suc-article .content{ padding:15px 15px;}
.suc-article .content .title { font-weight:bold; font-size: 300%; padding:0 15px 8px 15px; color:#B60005; }
.suc-article .content .detail { color:#666; padding-bottom:15px; }
.suc-article .content .links { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.suc-article .content .links a { background-image: url("../images/frame/hw_000477.gif"); background-position: -90px -12px; background-repeat: no-repeat; display: block; font-size: 120%; padding-left: 20px; line-height:25px}

.suc-article h2 {font-size:16px; font-weight:bold; color: #B60005; }
.suc-article h3 { font-weight:bold; color: #B60005; }
.suc-article p { color:#666; }
.suc-article .content .text { padding:15px 15px 10px 15px;}
.suc-article .brief{ background:url("../images/frame/hw_001052.jpg") left bottom repeat-x; padding:0px 15px;}
.suc-article .brief .text{padding:15px 0 10px 0;}
.suc-article .more{ padding-right:15px;}

.marL15px{ margin-left:15px}

/* product-lifecycle proLi */
.product-cycle dt{ font-weight:bold; margin-bottom:4px;}
.product-cycle dd{ color:#666;}
.product-cycle .hr{margin:10px auto;}



/* subscribe */
input.Subscribe,input.Unsubscribe{ width:90px; height:30px; background:url("../images/frame/hw_000980.gif") 0 0 no-repeat; border: medium none;cursor: pointer; font-weight:bold; margin: 0;outline: 0 none;vertical-align: top; padding-bottom:7px; color:#fff; }
.notes{ color:#9b9b9b; line-height:24px;}

/* product-list */
.product-list .content{ padding:0 16px 16px;}
.product-list .content .header{ padding-top:0; margin-bottom:24px;}
.product-list dl{ margin-bottom:10px;}
.product-list dt{ margin-bottom:8px; font-size:18px; color:#B60005;}
.product-list dt a{ color:#B60005;}
.product-list dd{ color:#666;}
.product-list .hr{margin:10px auto;}
.product-list p.more{ text-align:right; font-size:14px;}

/* errorinfo */
.errorinfo{ padding-bottom:10px;}
.errorinfo h4{ font-weight:bold; line-height:26px; font-size:14px;}
.errorinfo ul li{background:transparent url("../images/frame/hw_072210.gif") no-repeat scroll 5px 8px; padding-left:12px; margin:0px auto 5px auto;font-size:14px;}
/* career */
.career h3{ font-weight:bold; margin:5px; font-size:14px;}
.career table{ margin-bottom:20px;}
.career td{ padding:5px;}
/* generic components */

.grid765 .generic .content-2col{ padding:0px; color:#333; background-image:url("../images/frame/grey.gif"); background-repeat: repeat-y; background-position: 50% 0px; _background-position: 0px 0px; }
.grid765 .generic .content-2col .left{ padding:15px; width:340px; margin-right:0; }
.grid765 .generic .content-2col .right{ padding:15px 15px 0; width:355px; }

.grid550 .generic .content-2col{ padding:0px; color:#333; background-image:url("../images/frame/grey.gif"); background-repeat: repeat-y; background-position: 50% 0px; _background-position: 0px 0px; }
.grid550 .generic .content-2col .left{ padding:15px; width:240px; margin-right:0; }
.grid550 .generic .content-2col .right{ padding:15px 15px 0; width:240px; }

.generic li{ margin-left:5px; background:url("../images/frame/blue_square.gif") no-repeat 0 9px; padding-left:10px; zoom:1; }
.generic a.more{ float:right; margin-top:8px; }
.generic a.expand{ font-size:100%; }

.generic .content{ padding:10px 15px; color:#333; }
.generic .list .item{ margin-bottom:15px; }
.generic .title{ font-weight:bold; color:#B60005; font-size:14px; }
.generic .detail{ margin:3px 0px; }
.generic .hr{ margin:10px 0; }

.generic .pic { float:left; margin-right:15px; }

.box{padding: 12px 0;}
.box .pic{ float: left; width:100px;margin-top:1px;}
.box .list{padding-left:100px;}
.box .title{color:#666;margin-bottom: 8px;font-weight:bold;}
.box .title a{color:#666;}
.title a:hover{color:#666; text-decoration:underline;}
.box .detail{color:#666; margin-bottom:10px; width:98%;}





.news-detail h3{ font-size:16px; line-height:24px; color:#333;margin-bottom:21px;font-weight:bold;margin-top:0px}
.news-detail .detail{ margin-bottom:21px;font-size:14px;line-height:26px;}
.table-style{background-color:#5ff5f; margin-bottom:30px;overflow:hidden;margin-left:5px;}
.table-style td{padding:5px 5px 0 5px; border:1px solid #5f5f5f; font-size:12px;overflow:hidden;}
.table-style td.td-style{ background-color:#a7a7a7; color:#fff;overflow:hidden;}
.table-style td.td-list-style{ background-color:#a7a7a7; color:#fff; text-align:center; font-weight:bold;overflow:hidden;}
.news-detail div.img{width:510px;text-align:center;overflow:hidden;}
.news-detail div.imgtitle{text-align:center;}
.news-detail .dLetterTitle{font-size:14px; font-weight:bold;}

.news-detail .title{font-size:18px;font-weight:bold;color: #b60005;line-height:28px;padding:10px 0 20px;}
.news-detail p.subtitle{font-size: 16px;color: #333;}
.news-detail p.text_right{text-align:right;}
.news-detail p{font-size:14px;}
.news-detail p.abstract{font-size:12px;}
.news-detail .slink{margin-bottom:20px;}
.news-detail ul{margin-bottom:30px;}
.news-detail li{ margin-bottom:8px;line-height:26px; padding-left:10px; margin-left:15px; background:url("../images/frame/hw_072210.gif") 0px 10px no-repeat;font-size:14px; }
.openL{padding-left:30px;}
.openL p.abstract{margin-bottom:5px;}

.grid765_r{ width: 745px; padding-left:25px; overflow:hidden;}
.grid550_l{ width: 510px; overflow:hidden;margin:0 25px 0 0;display;inline; padding-top:2px;}

.winwin-intro .left img{width:142px;height:189px;}
.resultNav { width:209px; padding:0px;}
.resultNav a{ display:block; color:#656565; border-bottom:solid 1px #ddd; line-height:30px; padding-left:10px; }
.resultNav a:hover{ color:#B60005;text-decoration:none; }
.resultNav a.active{color:#333; background:none; font-weight:700;}
.resultNav a.active:hover{color:#333; background:none; font-weight:700;}
.resultNav a.activeParent, .resultNav a.activeParent:hover{ color:#696969;font-weight:bold; margin-left:2px; margin-right:2px; font-size:16px;}


.resultNav .children {font-size:12px;}
.resultNav .children a{ border-left:none; border-right:none; line-height:28px;color:#333;  background:none;margin-left:12px; padding-left:10px;}
.resultNav .children a:hover{color:#B60005; }
.resultNav .children a.active{color:#333;background:none; font-weight:700;}
.resultNav .children a.active:hover{color:#333;background:none; font-weight:700;}
.resultNav .children a.activeParent, .resultNav .children a.activeParent:hover{color:#696969;background:url("../images/frame/hw_000571.gif") right 10px no-repeat;font-weight:bold; margin-left:2px; margin-right:2px;}

/* public components starting */
.itemList .content{ padding:5px 0;border-top:2px solid #E9E9E9; }
.itemList .content .title{font-size:18px; margin:10px 0; color:#B60005; line-height:24px;font-weight:bold}
.itemList .content .title a{ color:#B60005;}
.itemList .content .detail{margin-bottom:10px;font-size:14px;line-height:26px;}

.dubleList .header{color: #B60005;}
.dubleList .content{ clear:both;padding-top:10px; overflow:hidden; margin-bottom:25px;}
.dubleList ul{width:49%;}
.dubleList li{PADDING-LEFT: 12px;background:url("../images/frame/hw_072210.gif") no-repeat 3px 10px;MARGIN: 0px auto 5px;LINE-HEIGHT: 18px;PADDING-TOP: 2px;}



.hide{display:none;}

.s3{width:100%;height:3px;font-size:0;clear:both;}
.s5{width:100%;height:5px;font-size:0;clear:both;}
.s8{width:100%;height:8px;font-size:0;clear:both;}
.s10{width:100%;height:10px;font-size:0;clear:both;}
.s15{width:100%;height:15px;font-size:0;clear:both;}

.pop-autoapp{width:110px;height:160px;position:fixed;left:2%;margin-left:5px;top:300px;_position:absolute;z-index:800;}
.pop-autoapp a{display:block;width:110px;height:160px;text-align:center;}
.pop-autoapp a:link,.pop-autoapp a:visited{color:#666666;background-color:#efefef;text-decoration:none;}
.pop-autoapp a:hover{color:#666666;background-color:#d0d0d0;text-decoration:none;}
.pop-autoapp a div{line-height:24px;}
.pop-autoapp a .pop-autoapp-close{height:0px;margin-bottom:3px;text-align:left;}
.pop-autoapp i.icon16-close{width:16px;height:16px;display:inline-block;padding:0;overflow:hidden;cursor:pointer;visibility:hidden;_visibility:visible;}
.pop-autoapp i.icon16-close{background-position:-113px -107px;}
.pop-autoapp i.icon16-close:hover{background-position:-93px -107px;cursor:pointer;background-color:#3B5998;}
.pop-autoapp:hover i.icon16{visibility:visible;}
