*{ padding:0px; margin:0px;}
img {border:none;}
ul{ list-style:none;}
body {text-align: left;	font:12px "ÐÂËÎÌå";	width: 1000px;	margin: 0 auto;	color:#494848;	position:relative;}
a:link{ text-decoration:none;}
a:visited  {  	text-decoration:none;}
a:hover  {  text-decoration:none;	}

#banner {height: 81px; width: 999px; position:relative; background:url(../images/top/topbg.gif) no-repeat; z-index:90;}
#headerLeft {left:0px; overflow:hidden; width:805px; position:absolute; top:20px; height:63px;}
.floatRight {display: inline; float: right;}
#query{width: 157px; margin-right: 5px}
.gobutton{ margin-top:2px;}
#headerLeftMenu {clear: both; margin-top: 9px; float: right; width: 600px; height: 25px}
#headerRight { left:854px; overflow:hidden; width:140px; bottom:10px; position:absolute}
.marginRight15{ margin-right:15px;}
.headerLeftLogo {left:0px; position:absolute; top: 0px}

#mainMenu {	clear: both; background:url(../images/top/bg_top_menu.gif) no-repeat; width: 999px; position:relative; height:30px;}
.topNav { display: inline; z-index:90; float:left; margin-left:39px; list-style:none;}
.topNav li {display: inline; FLOaT: left; list-style: none}
.topNav li a {display: block}
.topNav li a span {	display: none}
.topNav li#product a {background: url(../images/top/product.jpg) 100% 0px; width: 107px; height: 30px}
.topNav li#product {background: url(../images/top/product.jpg) 100% 0px; width: 107px; height: 30px}
.topNav li#product a.hover {background: url(../images/top/product.jpg) 100% -30px; width: 107px; height: 30px}
.topNav li#service a {background: url(../images/top/service.jpg) 100% 0px; width: 111px; height: 30px}
.topNav li#service {background: url(../images/top/service.jpg) 100% 0px; width: 111px; height: 30px}
.topNav li#service a.hover {background: url(../images/top/service.jpg) 100% -30px; width: 111px; height: 30px}
.topNav li#about a {background: url(../images/top/about.jpg) 100% 0px; width: 204px; height: 30px}
.topNav li#about {background: url(../images/top/about.jpg) 100% 0px; width: 204px; height: 30px}
.topNav li#about a.hover {background: url(../images/top/about.jpg) 100% -30px; width: 204px; height: 30px}
.topNav li#join a {background: url(../images/top/join.jpg) 100% 0px; width: 175px; height: 30px}
.topNav li#join {background: url(../images/top/join.jpg) 100% 0px; width: 175px; height: 30px}
.topNav li#join a.hover {background: url(../images/top/join.jpg) 100% -30px; width: 175px; height: 30px}
.topNav li#buy a {background: url(../images/top/hezuo.jpg) 100% 0px; width: 208px; height: 30px}
.topNav li#buy {background: url(../images/top/hezuo.jpg) 100% 0px; width: 208px; height: 30px}
.topNav li#buy a.hover {background: url(../images/top/hezuo.jpg) 100% -30px; width: 208px; height: 30px}
.topNav li#friend a {background: url(../images/top/friend.jpg) 100% 0px; width: 117px; height: 30px}
.topNav li#friend {background: url(../images/top/friend.jpg) 100% 0px; width: 117px; height: 30px}
.topNav li#friend a:hover {background: url(../images/top/friend.jpg) 100% -30px; width: 117px; height: 30px}


#productMenu{ left:39px; top:110px; position:absolute; width:478px; z-index:90; visibility: hidden;}	
#productMenuTop{ background:url(../images/menus/productMenuTop.png) no-repeat; height:15px; width: 478px;}

* html #productMenuTop{background-image:url(../images/menus/productMenuTop.gif)}
#productMenuBody{background:url(../images/menus/productMenuBody.png) no-repeat; width:478px; height:120px;}
* html #productMenuBody{background-image:url(../images/menus/productMenuBody.gif)}
#productMenuBottom{background:url(../images/menus/productMenuBottom.png) no-repeat;width:478px; height:20px;}
* html #productMenuBottom{background-image:url(../images/menus/productMenuBottom.gif)}
.productMenuInner {	width:473px; padding-top:0px;}
.productsMenuInnerLeftBlue {
	width:319px;
	float:left;
	overflow:hidden;
	margin-top:10px;
	font-size:11px;
	line-height:18px;
	color:#18589b;
	vertical-align: middle;
}
.productsMenuBlueWide {width:304px; padding-left:20px;}
.productsMenuInnerLeft {padding-left:20px; width:120px; float:left;}
.productsMenuBlueVertDots {float:left;	background:url(../images/menus/dots.gif) repeat-y; height:90px; width:1px;}
.productsMenuInnerRightGray { margin-top:10px; margin-left:14px; width:135px; float:left; font-size:11px; line-height:18px; color:#5c5a5a; vertical-align: middle;}
.productsMenuInnerMiddle {margin-left:29px; width:203px; float:left; overflow:hidden;}
.productsMenuInnerMiddleleft {margin-top:10px; width:97px; float:left; overflow:hidden;}
.graylinker{color: #5c5a5a;	text-decoration: none;}
.linker:link {color: #FFFFFF; text-decoration: none;}
.linker:visited {color: #FFFFFF; text-decoration: none;}
.linker:hover{color: #FFFFFF; text-decoration: underline;}
.graylinker{color: #5c5a5a;	text-decoration: none;}
.graylinker:hover{text-decoration: underline;}
.closed {float:right; padding-top:10px; padding-right:20px;}
.closed a{color:#5c5a5a; text-decoration:none;}
.closed a:hover{color:#7096bf;}
.closeimg {
	height: 13px;
	width: 13px;
	line-height: 20px;
	vertical-align: middle;
}


#serviceMenu { left:146px; top:110px; position:absolute; visibility: hidden; width:315px; z-index:90;}
#serviceMenuTop {
background:url(../images/menus/serviceMenuTop.png) no-repeat;height:15px;width:315px;}
* html #serviceMenuTop {background:url(../images/menus/serviceMenuTop.gif)}
#aboutMenuTop {background:url(../images/menus/aboutMenuTop.png) no-repeat;height:15px;width:315px;}
* html #aboutMenuTop {background:url(../images/menus/aboutMenuTop.gif)}
#serviceMenuBody,#aboutMenuBody {
	background:url(../images/menus/serviceMenuBody.png) no-repeat;	
	height:117px;
	width:315px;
}
* html #serviceMenuBody,* html #aboutMenuBody {background:url(../images/menus/serviceMenuBody.gif)}
#serviceMenuBottom,#aboutMenuBottom{background:url(../images/menus/serviceMenuBottom.png) no-repeat; height:20px; width:315px;}
* html #serviceMenuBottom,* html #aboutMenuBottom{background:url(../images/menus/serviceMenuBottom.gif)}
.serviceMenuInnerLeft {padding-top:10px;padding-left:30px;width:120px;float:left;overflow:hidden;line-height: 180%;	vertical-align: middle;}
.serviceMenuDots {float:left;background:url(../images/menus/dots.gif) repeat-y;height:80px;width:1px;}


#aboutMenu { left:257px; top:110px; position:absolute; visibility:hidden; width:315px; z-index:90;}
.aboutMenuInnerLeft{padding-top:5px;padding-left:20px;width:240;float:left;overflow:hidden;line-height: 180%;vertical-align: middle;}

#joinMenu {top:110px;position:absolute;visibility:hidden;width:315px;z-index:90;left:461px;}
#joinMenuTop{background:url(../images/menus/joinMenuTop.png) no-repeat;height:15px;width:315px;}
* html #joinMenuTop{background:url(../images/menus/joinMenuTop.gif)}
#joinMenuBody,#buyMenuBody {background:url(../images/menus/joinMenuBody.png) no-repeat;height:62px;width:315px;}
* html #joinMenuBody,* html #buyMenuBody {background:url(../images/menus/joinMenuBody.gif)}
#joinMenuBottom,#buyMenuBottom{background:url(../images/menus/joinMenuBottom.png) no-repeat; height:20px; width:315px;}
* html #joinMenuBottom,* html #buyMenuBottom{background:url(../images/menus/joinMenuBottom.gif)}
.joinMenuInner,.buyMenuInner{padding-left:20px;	width:285;	float:left;	overflow:hidden;}
#buyMenu {top:110px; position:absolute; visibility:hidden; width:315px; z-index:90;left:534px;}
#buyMenuTop {background:url(../images/menus/buyMenuTop.png) no-repeat;height:15px;width:315px;}
* html #buyMenuTop {background:url(../images/menus/buyMenuTop.gif)}


#defaultflash { z-index:50; width: 1000px; position: relative; height: 350px; clear:both; margin-top:6px;margin-bottom:20px;}
#productflash{z-index:50; width: 1000px; position: relative; height: 320px; clear:both; margin-top:20px;margin-bottom:20px;}
#smartworkflash{width: 1000px; position: relative; height: 400px; clear:both;}
#ebpworkflash{width: 1000px; position: relative; height: 400px; clear:both;}
#contentHome{Z-INDEX: 70; WIDTH: 1000px; POSITION: relative; HEIGHT: 350px}
#productHome{Z-INDEX: 70; WIDTH: 1000px; POSITION: relative; HEIGHT: 320px}
.new {	height: 288px;	width:980px;	z-index:50; }
.new1 {	float: left; height: 288px;	width: 711px;}
.commend {float: left; height: 288px; width: 341px;}
#list_box1{width:337px; margin-top:6px; background:#fff; overflow:hidden;}  
.b2_lr {height:1px; font-size:0px;border:1px #c8c8c8 solid; border-width:0 1px;overflow:hidden; background:#f7f7f7;}
.bt_yl {border:1px #c8c8c8 solid;border-width:0 1px;overflow:hidden;height:279px;padding:2px 0; background:#f7f7f7;} 
.bt_yl img { float: left; margin-left: 15px; margin-top: 8px; margin-bottom: 2px;}
#list_box2{width:268px;margin-top:6px;background:#fff; overflow:hidden;}  
#list_box3{width:338px;margin-top:6px;background:#fff;overflow:hidden;}
  
.content {	float: left; height: 260px;	width: 335px; }
.content div{float:left; padding-right:20px; padding-left:20px;	font-size: 12px; margin-top:3px; color:#5d5d5d; text-indent: 24px; text-align:left;	line-height: 180%;	vertical-align: middle;	word-spacing: 0.1em;}
.contentul {float:left;	color: #5d5d5d;	line-height: 180%;	list-style-position: inside;}

.realize {	float: left; height: 288px;	width: 340px;	margin-left:14px;}
.content2 p {line-height: 180%;	color: #5d5d5d;	text-indent: 24px;	float: left; width: 293px;	padding-left: 20px;	text-align: left; margin-top: 3px;}
.content2 {	float: left; height: 260px;	width: 310px;}
.dynamic {float: left;	height: 288px;	width: 268px;}
.content1 {	float: left; height: 245px;	width: 220px; margin-left:10px;	margin-top:10px; }
.cont1{color: #5d5d5d;	float: left;	list-style-type: none;	margin-left: 25px;		font-size: 12px;	margin-top: 3px;}
.cont1 a:link{	color: #5d5d5d;}
.cont1 li{	text-align: left;	line-height: 200%;	vertical-align: middle;}



.bottomlink a {	color: #7096bf;	word-spacing: 0.2em;text-decoration: none;}
.bottomlink span {word-spacing: 0.5em;}
span.tel {	color: #7096bf;}


.contentFlash {BORDER-TOP: #ffffff 1px solid; margin:45px auto; PADDING-LEFT: 25px; FONT-SIZE: 11px; BACKGROUND: url(../images/home/bg_flash.jpg) no-repeat; OVERFLOW: hidden; WIDTH: 1000px; LINE-HEIGHT: 14px; PADDING-TOP: 25px; POSITION: relative; HEIGHT: 325px}

.contentFlashModule {DISPLAY: inline; FLOAT: left; overflow:hidden; WIDTH: 150px; POSITION: relative; HEIGHT: 240px}
.contentFlashModuleInner {overflow:: hidden; width:148px}
.contentFlashSubHeader { font-size:10px; line-height:13px; margin-top:7px;}
.contentFlashHeader { font-size:12px; color:#96c33d; line-height: 13px;}
.marginTop2{ margin-top:2px;}
.contentFlashLink {LEFT: 5px; POSITION: absolute; TOP: 218px;}
.verticalMiddle { vertical-align: middle;}
.blueLink { color: #7096bf; text-decoration:none;}
.marginLeft11{ margin-left:11px;}
.contentNoFlashPlayer{ left:0px; position:absolute; top:274px;}
.noFlashPlayer{ left:0px; position:absolute;  }
.contentNoFlashPlayerText { display:inline; float:left; margin-left:87px; overflow:hidden; width:660px;}
.noFlashPlayerText { display:inline; float:left; overflow:hidden; width:660px; text-indent:24px;}
.graylink { font-size:12px; margin-bottom:5px; color:#8c8c8c; line-height:16px;}
.contentNoFlashPlayerImg{ display:inline; float:left; margin-left:36px; overflow:hidden; width:72px; padding-top:15px}
.noFlashPlayerImg{	float:left;	position: relative; margin-top:15px; left:24px;}