﻿/* 通用默认样式-------------------------------------- */
body {background-color:#ffffff; margin:0; width:100%; width:100%; }
#mainpage{
	position:relative;
	width:100%;
}
#headDiv{
	width:980px;
	margin:0px auto 0px;
}
#connectDiv{
	float:right; 
	WIDTH:239px; 
	HEIGHT: 191px;
	background:url("connect.jpg") no-repeat;
}
#registerLink{
	float:left;
	height:42px;
	width:204px;
	margin-top:35px;
	margin-left:10px;
}
#maincenter{
	top:3px;
	position:relative;
	width:100%;
}
#maincenters{
	top:3px;
	position:relative;
	width:100%;
	height:225px;
}
#maincenterEN{
	top:0px;
	position:relative;
	width:100%;
}
#maincenterENs{
	top:0px;
	position:relative;
	height:217px;
	width:100%;
}
#contentDivs{
	width:980px;
	margin:0px auto 0px;
	font-size:12px;
	height:220px;
}
#contentDiv{
	width:980px;
	margin:0px auto 0px;
	font-size:12px;
}
#products{
	float:left;
	width:733px;
	height:217px;
	background:#d6d6d6;
}
#news{
	float:right;
	width:239px;
	height:217px;
	background:#dceffa;
}
#newsEN{
	float:right;
	width:339px;
	height:217px;
	background:#c3e7f9;
}
#middleShow{
	float:left;
	width:641px;
	height:217px;
	background:#e6e6e6;
}
#hardwareList{
	float:left;
	width:185px;
	height:217px;
}
#hardwareTitle{
	margin:5px;
	background:#ffffff;
	height:20px;
	width:165px;
	line-height:20px;
	font-size:14px;
	font-weight:bolder;
	padding-left:5px;
}
#FAQList{
	float:left;
	width:270px;
	height:217px;
}
#endemo{
	float:left;
	width:170px;
	height:217px;
}
#demoblock{
	width:166px;
	height:170px;
	margin:0px auto 0px;
	padding-top:20px;
}
#FAQTitle{
	margin:5px;
	height:20px;
	width:200px;
	line-height:20px;
	font-size:14px;
	font-weight:bolder;
	padding-left:5px;
}
#mainBottom{
	width:100%;
	height:191px;
	
}
#bottomDiv{
	width:980px;
	margin:0px auto 0px;
	color:#ffffff;
	background:#1b5e79;
}
#bottomDiv1{
	width:980px;
	margin:0px auto 0px;

	color:#ffffff;
	background:#1b5e79;
}
.Container{
	WIDTH: 980px; 
	HEIGHT: 191px;
	background:url("bannertop.jpg") no-repeat;
}
.Containers{
	WIDTH: 980px; 
	HEIGHT: 191px;
}
#solution{
	height:207px;
	width:722px;
	margin:5px;
	background:#f3fafc;
	border-right:1px solid #ccc;
}
#solutionLeft{
	height:207px;
	width:340px;
	margin:0px;
	float:left;
	margin-left:3px;
}
#lineDiv{
	height:198px;
	width:1px;
	float:left;
	margin:5px;
	background:#ccc;
}
#solutionTab{
	background:#f3fafc;
}
#solutionTab tr{
	background:#ffffff;
}
#solutionTab td{
	border:1px solid #ccc; 
	border-left:3px solid #ccc;
	width:50%;
	padding-left:5px;
	height:16px;
}
#solutionTitle{
	margin:5px;
	background:#ffffff;
	height:20px;
	width:310px;
	line-height:20px;
	font-size:14px;
	font-weight:bolder;
	padding-left:5px;
}
#productRight{
	height:207px;
	width:345px;
	margin:0px;
	float:left;
}
#productTitle{
	margin:5px;
	background:#ffffff;
	height:20px;
	width:345px;
	line-height:20px;
	font-size:14px;
	font-weight:bolder;
	padding-left:5px;
}

td {font-family:"宋体";font-size: 12px;color: #2f2f2f;line-height: 20px;WORD-WRAP: break-word}
A:link   {font-family:"宋体";font-size:12px;color: #2F2F2F;;text-decoration: none;}
A:visited{font-family:"宋体";font-size:12px;color: #2F2F2F;;text-decoration: none;}
A:hover  {font-family:"宋体";font-size:12px;color: #FF0000;;text-decoration: none;}
A:active {font-family:"宋体";font-size:12px;color: #FF0000;;text-decoration: none;}
/* 顶部语言选择链接样式------------------------------- */
.language A:link   {font-family:Verdana, Arial,"宋体";font-size:12px;color: #1874CD;text-decoration: none;}
.language A:visited{font-family:Verdana, Arial,"宋体";font-size:12px;color: #1874CD;text-decoration: none;}
.language A:hover  {font-family:Verdana, Arial,"宋体";font-size:12px;color: #1874CD;text-decoration: none;}
.language A:active {font-family:Verdana, Arial,"宋体";font-size:12px;color: #1874CD;text-decoration: none;}
/* 底部文字及链接样式--------------------------------- */
td.Copyright        {vertical-align: middle;font-family:Verdana, Arial,"宋体";font-size:12px;color: #2F2F2F;}
.Copyright A:link   {font-family:Verdana, Arial,"宋体";font-size:12px;color: #2F2F2F;text-decoration: none}
.Copyright A:visited{font-family:Verdana, Arial,"宋体";font-size:12px;color: #2F2F2F;text-decoration: none}
.Copyright A:hover  {font-family:Verdana, Arial,"宋体";font-size:12px;color: #FF0000;text-decoration: none}
.Copyright A:active {font-family:Verdana, Arial,"宋体";font-size:12px;color: #FF0000;text-decoration: none}

/* 顶部快速查看项目链接样式---------------------------- */
td.QuickView        {height: 26px;text-align: right;vertical-align: top;}
.QuickView A:link   {font-family:Verdana, Arial,"宋体";font-size:11px;color: #FFFFFF;text-decoration: none;font-weight: bold}
.QuickView A:visited{font-family:Verdana, Arial,"宋体";font-size:11px;color: #FFFFFF;text-decoration: none;font-weight: bold}
.QuickView A:hover  {font-family:Verdana, Arial,"宋体";font-size:11px;color: #FF0000;text-decoration: none;font-weight: bold}
.QuickView A:active {font-family:Verdana, Arial,"宋体";font-size:11px;color: #FF0000;text-decoration: none;font-weight: bold}
/* 顶部主要导航菜单链接样式---------------------------- */
td.Navigationch        {vertical-align: middle;}
.Navigationch A:link   {font-family:"宋体";font-size:12px;color: #FFFFFF;text-decoration: none;font-weight: bold}
.Navigationch A:visited{font-family:"宋体";font-size:12px;color: #FFFFFF;text-decoration: none;font-weight: bold}
.Navigationch A:hover  {font-family:"宋体";font-size:12px;color: #FF0000;text-decoration: none;font-weight: bold}
.Navigationch A:active {font-family:"宋体";font-size:12px;color: #FF0000;text-decoration: none;font-weight: bold}
td.Navigation        {vertical-align: middle;}
.Navigation A:link   {font-family:Verdana, Arial,"宋体";font-size:11px;color: #FFFFFF;text-decoration: none;font-weight: bold}
.Navigation A:visited{font-family:Verdana, Arial,"宋体";font-size:11px;color: #FFFFFF;text-decoration: none;font-weight: bold}
.Navigation A:hover  {font-family:Verdana, Arial,"宋体";font-size:11px;color: #FF0000;text-decoration: none;font-weight: bold}
.Navigation A:active {font-family:Verdana, Arial,"宋体";font-size:11px;color: #FF0000;text-decoration: none;font-weight: bold}
/* 分类菜单链接样式----------------------------------- */
tr.WebMenu        {vertical-align: middle;background-image: url(Point_line_02.gif);height: 26px;}
.WebMenu A:link   {font-family:"宋体";font-size:12px;text-decoration: none}
.WebMenu A:visited{font-family:"宋体";font-size:12px;ctext-decoration: none}
.WebMenu A:hover  {font-family:"宋体";font-size:12px;text-decoration: none}
.WebMenu A:active {font-family:"宋体";font-size:12px;text-decoration: none}
/* 当前位置链接样式---------------------------------- */
.Location A:link   {font-family:"宋体";font-size:12px;text-decoration: none}
.Location A:visited{font-family:"宋体";font-size:12px;ctext-decoration: none}
.Location A:hover  {font-family:"宋体";font-size:12px;color: #4396DA;text-decoration: none}
.Location A:active {font-family:"宋体";font-size:12px;color: #4396DA;text-decoration: none}
/* 信息列表样式------------------------------------- */
td.ListTitle        {background-image: url(Point_line_01.gif);height: 22px;font-size: 9px;font-family:Arial,Verdana,"宋体";color: #666666;}
td.downListTitle    {background-image: url(Point_line_01.gif);height: 22px;font-size: 12px;font-family:Arial,Verdana,"宋体";color: #666666;}
td.ListDown         {background-image: url(Point_line_01.gif);height: 30px;}

/* Main产品与服务链接样式----------------------------- */
td.MainMenu        {vertical-align: middle;padding-top: 2px;}
.MainMenu A:link   {font-family:"宋体";font-size:12px;color: #2F2F2F;text-decoration: none}
.MainMenu A:visited{font-family:"宋体";font-size:12px;color: #2F2F2F;text-decoration: none}
.MainMenu A:hover  {font-family:"宋体";font-size:12px;color: #2F2F2F;text-decoration: underline}
.MainMenu A:active {font-family:"宋体";font-size:12px;color: #2F2F2F;text-decoration: underline}

td.MenuListTitle  {background-image: url(Point_line_01.gif);height: 22px;}
table.Outside {background-color: #FFFFFF;}
td.TopNew     {background-color: #F4F4F4;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #C2C2C2;}
td.AllCenter  {filter:progid:dximagetransform.microsoft.gradient(startcolorstr='#ffffff', endcolorstr='#f9f9f9', gradienttype='1');}
td.leftCenter  {background:#ddeffb;background-repeat: repeat-x;}
input.AllSearch  {border-top: #666666 1px solid;border-bottom: #666666 1px solid;border-left:#666666 1px solid;border-right:#666666 1px solid;font-size:11px; background: #F2F2F2; font-family:Verdana,Arial,"宋体";color: #2F2F2F;}
select        {border-top: #666666 1px solid;border-bottom: #666666 1px solid;border-left:#666666 1px solid;border-right:#666666 1px solid;font-size:11px; background: #F2F2F2; font-family:Verdana,Arial,"宋体";color: #2F2F2F;}
input.MemLogin  {border-top: #333333 1px solid;border-bottom: #333333 1px solid;border-left:#333333 1px solid;border-right:#333333 1px solid;font-size:11px; background: #FFFFFF; font-family:Verdana,Arial,"宋体";color: #2F2F2F;}
/*缩成图---------------------------- */
a img { border: none; }
.popupmenu_popup { text-align: left; line-height: 1.4em; padding: 10px; overflow: hidden; border: 1px solid #CAD9EA; background: #FFF; background-repeat: repeat-x; background-position: 0 1px;  }
.viewthread { padding-bottom: 1px; }
.viewthread ins { display: block; text-align: center; text-decoration: none; margin-bottom: 1px; background: #F7F7F7; border-bottom: 1px solid #CAD9EA; line-height: 26px; }
.viewthread ins, .viewthread ins a { color: #090; }
.viewthread td.postcontent, .viewthread td.postauthor { vertical-align: top; padding: 0 1px; border: none; overflow: hidden; background: #FFF; }

.button { 
	border-left: #ffffff 1px ridge; 
	border-right: #2F2F2F 1px ridge; 
	border-top: #ffffff 1px ridge; 
	border-bottom: #1c1c1c 1px ridge; 
    font-family:"宋体";
	font-size: 12px;
    color: #1c1c1c; 
	background-color: #EBF2F9; 
	cursor: hand; 
}
.TextBox{
	border-top-width:1px;
	border-bottom-width:2px;
	border-left-width:1px;
	border-right-width:2px;
	font-size: 12px;
    font-family:Verdana,Arial,"宋体";
	color: #2f2f2f;
}
.textfield{
	border-top-width:1px;
	border-bottom-width:2px;
	border-left-width:1px;
	border-right-width:2px;
	font-size: 12px;
	color: #2f2f2f;
}
/* 后台管理类别树-------------------------------------- */
.SortFolderOpen {
	background-image: url(Sort_Folder_Close.gif);
	background-repeat: no-repeat;
	height: 16px;
	left: 16px;
	padding-left: 16px;
	cursor: hand;
}
.SortFolderClose {
	background-image: url(Sort_Folder_Open.gif);
	background-repeat: no-repeat;
	height: 16px;
	left: 16px;
	padding-left: 16px;
	cursor: hand;
}
.SortEndFolderOpen {
	background-image: url(SortEnd_Folder_Close.gif);
	background-repeat: no-repeat;
	height: 16px;
	left: 16px;
	padding-left: 16px;
	cursor: hand;
}
.SortEndFolderClose {
	background-image: url(SortEnd_Folder_Open.gif);
	background-repeat: no-repeat;
	height: 16px;
	left: 16px;
	padding-left: 16px;
	cursor: hand;
}
.SortListline {
	padding-left: 16px;
	background-image: url(Sort_Listline.gif);
	background-repeat: repeat-y;
}
.SortEndListline {
	padding-left: 16px;
}
.SortFile {
	background-image: url(Sort_File.gif);
	background-repeat: no-repeat;
	height: 16px;
	cursor: hand;
	padding-left: 16px;
}
.SortFileEnd {
	background-image: url(Sort_File_End.gif);
	background-repeat: no-repeat;
	height: 16px;
	cursor: hand;
	padding-left: 16px;
}
a.Register:link   {font-family:"宋体";font-size:12px;color: #ff0000;text-decoration: none}
a.Register:visited{font-family:"宋体";font-size:12px;color: #ff0000;text-decoration: none}
a.Register:hover  {font-family:"宋体";font-size:12px;color: #ff0000;text-decoration: underline}
a.Register:active {font-family:"宋体";font-size:12px;color: #ff0000;text-decoration: underline}

/* HEADER
--------------------------------------------------------- */
div#header_wrap {
	
	width: 980px;
}
div#header {
	height: 385px;

	background:url(productBg.jpg) repeat-x;
	border-bottom: 5px solid #c1c1c1;
	width: 980px;
}

/* ---- header content --- */
div#header_content {
	height: 305px;
	width: 980px;
}

/* ---- scrolling header --- */
#demo-bar {
	margin: 0px auto;
	padding: 0;
	width: 980px;
	text-align: center;
} 
#demo-wrapper {
	margin: 0px auto;
	overflow: hidden; 
	height: 305px; 
	width: 980px;
	position: relative;
} 
#demo-inner {
	width: 4900px;
	height: 305px;
	position: relative;
} 
.scrolling-content {
	width: 139px;
	height: 73px;
	text-align: left;
	position: absolute;
} 
.scrolling-content h1 { 
	color: #fff;
	padding: 0;
	font-size: 11px;
} 
#content1 {
	left: 0px; 
	top: 0px;
	width: 980px;
	height: 305px;
	background: url(user1_bg.jpg) top right no-repeat;
}
div#user1, div#user2, div#user3, div#user4, div#user5 {
	font-size: 14px;
	color: #004b71;
	width: 550px;
	FONT-FAMILY:arial;
	padding: 20px 0 0 20px;
	line-height:18px;
}
div#content1 a:link, div#content1 a:visited,
div#content2 a:link, div#content2 a:visited,
div#content3 a:link, div#content3 a:visited,
div#content4 a:link, div#content4 a:visited,
div#content5 a:link, div#content5 a:visited {
	color: #9a9a9a;
	text-decoration: underline;
}
div#content1 a:hover,
div#content2 a:hover,
div#content3 a:hover,
div#content4 a:hover,
div#content5 a:hover {
	color: #fff;
}
#content2 {
	left: 980px; 
	top: 0px;
	width: 980px;
	height: 305px;
	background: url(user2_bg.jpg) top right no-repeat;
} 
#content3 {
	left: 1960px; 
	top: 0px;
	width: 980px;
	height: 305px;
	background: url(user3_bg.jpg) top right no-repeat;
} 
#content4 {
	left: 2940px; 
	top: 0px;
	width: 980px;
	height: 305px;
	background: url(user4_bg.jpg) top right no-repeat;
}
#content5 {
	left: 3920px; 
	top: 0px;
	width: 980px;
	height: 305px;
	background: url(user5_bg.jpg) top right no-repeat;
}

/* ---- header buttons --- */
div#header_buttons_wrap {}
div#header_buttons {
	height: 80px;
	background: url(header_buttons_bg.png) top left repeat-x;
}
/* a#link1, a#link2, a#link3, a#link4, a#link5 {
	width: 196px;
	height: 80px;
	display: block;
}*/
ul#buttons {
	margin: 0;
	padding: 0;
}
ul#buttons li {
	list-style: none;
}
ul#buttons li a:link, ul#buttons li a:visited {
	width: 196px;
	height: 80px;
	display: block;
}

li#but_intro {
	width: 196px;
	height: 80px;
	float: left;
	background: url(header_but_intro.jpg) 0% 0% no-repeat;
}
li#but_intro a:hover {
	background: url(header_but_intro.jpg) 0% 50% no-repeat;
}
li#but_intro a.active {
	width: 196px;
	height: 80px;
	float: left;
	background: url(header_but_intro.jpg) 0% 100% no-repeat;
}
li#but_intro a:active {
	width: 196px;
	height: 80px;
	float: left;
	background: url(header_but_intro.jpg) 0% 100% no-repeat;
}
li#but_flexible {
	width: 196px;
	height: 80px;
	float: left;
	background: url(header_but_flex.jpg) 0% 0% no-repeat;
}
li#but_flexible a:hover {
	background: url(header_but_flex.jpg) 0% 50% no-repeat;
}
li#but_flexible a.active {
	width: 196px;
	height: 80px;
	float: left;
	background: url(header_but_flex.jpg) 0% 100% no-repeat;
}
li#but_support {
	width: 196px;
	height: 80px;
	float: left;
	background: url(header_but_support.jpg) 0% 0% no-repeat;
}
li#but_support a:hover {
	background: url(header_but_support.jpg) 0% 50% no-repeat;
}
li#but_support a.active {
	width: 196px;
	height: 80px;
	float: left;
	background: url(header_but_support.jpg) 0% 100% no-repeat;
}
li#but_pro {
	width: 196px;
	height: 80px;
	float: left;
	background: url(header_but_pro.jpg) 0% 0% no-repeat;
}
li#but_pro a:hover {
	background: url(header_but_pro.jpg) 0% 50% no-repeat;
}
li#but_pro a.active {
	width: 196px;
	height: 80px;
	float: left;
	background: url(header_but_pro.jpg) 0% 100% no-repeat;
}
li#but_w3c {
	width: 196px;
	height: 80px;
	float: left;
	background: url(header_but_w3c.jpg) 0% 0% no-repeat;
}
li#but_w3c a:hover {
	background: url(header_but_w3c.jpg) 0% 50% no-repeat;
}
li#but_w3c a.active {
	width: 196px;
	height: 80px;
	float: left;
	background: url(header_but_w3c.jpg) 0% 100% no-repeat;
}
.explameContent{
	font-size:12px;
}
#linkblock{
	margin:0px auto 0px;
	width:980px;
	height:45px;
	margin-top:10px;
	
}
ul#link {
	margin: 0;
	padding: 0;
}

ul#link li{
	list-style: none;
	float: left;
	margin-left:8px;
	margin-right:8px;
}

