@charset "utf-8";
/* CSS Document */
body{
	margin:0;
	padding:0;
	color:#000;
	background:#fff;
	font:75%/150% arial;
}
a{
	color:#000;
	text-decoration:none;
}

a:hover,a:active{
	color:#cc0000;
	text-decoration:none;
}
/*-- calendar begin --*/
.CalendarPanel	{
	position: absolute;
	visibility: hidden;
	z-index: 9999;
	background-color:#fff;
	border:1px solid #CCCCCC;
	width:175px;
	font-size:12px;
}
.CalendarPanel td{
	line-height:20px;
	height:20px;
	padding:0;
	margin:0;
	text-indent:0;
}
.CalendarPanel select{
	width:auto;
}
/*-- calendar end --*/
/* Panel */
.Panel_tabBar	{}
.Panel_tabBar ul{margin:0;padding:0;}
.Panel_tabBar li {list-style:none;float:left;cursor:pointer;height:23px;line-height:23px;padding:0 10px;margin:0 3px 0 0;}
.Panel_tabBar .active{background:url(../../image/tab_active_bg.gif) repeat-x left top;font-weight:bold;border:1px solid #d7d7d7;border-bottom:none;}
.Panel_tabBar .normal{background:url(../../image/tab_normal_bg.gif) repeat-x left top;font-weight:normal;border:1px solid #d7d7d7;border-bottom:none;}


.Panel_tabGroup	{padding:5px;clear:both;border:1px solid #d7d7d7;}

.MidPanel		{width:600px;height:400px;background:url(../images/info.gif) no-repeat;}
.LongPanel		{width:600px;height:500px;background:url(../images/infolong.gif) no-repeat;}

.Panel .TreeContainer	{overflow-x:hidden;overflow-y:auto;width:220px;height:200px;border:1px solid #bbbbbb;}

.Panel .MultiSelect	{width:180px;height:200px;border:1px solid #bbbbbb;}
.Panel			{z-index:9999;position:absolute; height:}
.Panel .head	{height:40px;line-height:40px;top:0;left:0;width:100%;text-indent:2em;position:relative;font-weight:bold; color:#990000; font-size:12px; }
.Panel .content	{width:560px;line-height:20px;margin: 10px 20px 20px 20px; }
.Panel .close{margin:0;padding:0;width:100px;height:24; position:absolute;top:5px;right:5px;}
.Panel .close a{
	margin:0;
	padding:0;
	width:24px;
	height:24px;
	
	float:right;
}
.MaskPanel		{position:absolute;width:100%;height:100%;background:#000000;top:0; z-index:9998;}

.chart{
	width:45%;
	height:300px;
	float:left;
	position:relative;
}
.chart span{
position:absolute;
top:250px;
left:50px;
}
/*

*/
.Header{
	margin:0 auto;
	padding:0;
	width:970px;
	height:100px;
	position:relative;
	
}
.Logo{
	margin:30px 0 0 0;
	padding:0;
	width:260px;
	height:70px;
	background:url(../images/logo.jpg);
	float:left
}
.Language{
	margin:0;
	padding:0;
	
	position:absolute;
	top:5px;
	right:0px;
	width:220px;
	height:25px;
	line-height:25px;
	background:url(../images/l.gif) no-repeat 0px 5px;
	
	
}
.Language a{
	margin:0 0 0 20px;
	padding:0;
	
	font-size:12px;
	display:black;
	
}
.search{
	margin:0;
	padding:0;
	border:1px solid #cccccc;
	background:#fff;
	height:16px;
	width:16px;
	background:url(../images/search.gif) no-repeat;
	border:0;
	cursor:pointer;
}
.Linkbar{
	margin:40px 0 0 0;
	padding:0;
	width:700px;
	height:60px;
	
	float:right;
}
.Linkbar ul{
	margin:20px 0 0 0px;
	padding:0;
	list-style:none;
	
}
.Linkbar ul li{
	margin:0;
	padding:0;
	width:110px;
	height:35px;
	float:left;
	
	
	
	
	text-align:center;
	
}
.Linkbar ul li a{
	text-decoration:none;
	width:110px;
	height:30px;
	
}
.Linkbar ul li.short{
	margin:5px 1px 0 0;
	width:110;
	height:30px;
	float:left;
	
	font-size:12px;
	background:url(../images/menubutton.gif) no-repeat;
	line-height:30px;
	color:#ffffff;
	text-align:center;
}
.Linkbar ul li.short a{
	margin:0;
	width:110;
	height:30px;
	float:left;
	display:black;
	color:#ffffff;
}
.currentcss{
	margin:0;
	padding:0;
	width:110;
	height:35px;
	float:left;
	font-size:12px;
	background:url(../images/menubutton3.gif) no-repeat;
	line-height:35px;
	
	text-align:center;
	color:#000000;
}
.currentcss a{
	margin:0;
	padding:0;
	width:110;
	height:35px;
	float:left;
}
/*
.Linkbar ul li.short:hover{
	margin:0;
	padding:0;
	width:110;
	height:35px;
	float:left;
	font-size:12px;
	background:url(../images/menubutton3.gif) no-repeat;
	line-height:35px;
	
	text-align:center;
	color:#000000;
}
*/
.Linkbar ul li.long{
	margin:5px 0 0 0;
	padding:0;
	width:144px;
	height:30px;
	float:left;
	
	font-size:12px;
	background:url(../images/menubutton2.gif) no-repeat;
	line-height:30px;
	color:#ffffff;
	text-align:center;
}
.Linkbar ul li.long a{
	margin:0;
	padding:0;
	width:144px;
	height:30px;
	float:left;
	color:#ffffff;
}
.Linkbar ul li.long2{
	margin:0px 0 0 0;
	padding:0;
	width:144px;
	height:35px;
	float:left;
	
	font-size:12px;
	background:url(../images/menubutton4.gif) no-repeat;
	line-height:30px;
	color:#ffffff;
	text-align:center;
	
}
.Linkbar ul li.long2 a{
	margin:0px 0 0 0;
	padding:0;
	width:144px;
	height:35px;
	float:left;
	color:#000000;
}
.Main{
	margin:0 auto;
	padding:15px;
	width:940px;
	
	border:1px solid #dedede;
	background:#ffffff url(../images/main_bg.jpg) repeat-x;
	
}
.Main_left{
	margin:0;
	padding:0;
	float:left;
	width:220px;
}
.Main_right{
	margin:0;
	padding:0;
	float:right;
	
	width:704px;
	
}
.Product{
	margin:0;
	padding:0;
	width:220px;
	background:#fafafa;
	background:url(../images/product_bg.jpg) no-repeat;
	border:1px solid #fff;
	
}
.Product ul{
	margin:10px 0 20px 20px;
	padding:0;
	list-style:none;
}
.Product ul li{
	margin:0;
	padding:0;
	height:30px;
	font-size:12px;
	width:180px;
	border-bottom:1px solid #ffffff;
	line-height:30px;
	background:url(../images/titleicon.gif) no-repeat 3px 12px;
	
}
.Product ul li a{
	margin:10px 0 0 20px;
	color:#000000;
	text-decoration:none;
	text-indent:0;
	color:#ffffff;
}
.Flash{
	margin:0;
	padding:0;
	width:704px;
	height:277px;

	float:left;
}
.Content{
	margin:0;

	
}
.Content2{
	margin:0;
	clear:both;
	
	
}

.Content2 ul{
	margin:10px 0px 0 0;
	padding:0;
	list-style:none;
	line-height:30px;
	
}
.Content2 ul li{
	margin:0;
	padding:0;
	line-height:30px;
	width:680px;
	border-bottom:1px dashed #cccccc;
	background:url(../images/news_bg.gif) no-repeat 0px 10px;
}
.Content2 ul li a {
	margin:0 0 0 20px;
	padding:0;
}
.Title{
	margin:0;
	padding:0;
	width:700px;
	height:40px;
	border-bottom:1px solid #cccccc;
	font-size:20px;
	line-height:40px;
	float:left;
}
.List{
	margin:10px 0 0 0;
	padding:0;
	width:700px;
	
	float:left;

}

.List_img:hover{
	background:url(../images/bordered.gif);
}
.List_img img{
	margin:3px 0 0 3px;
	padding:0;
}


h1{
	margin:0;
	padding:0;
	font-size:12px;
	color:#FF3300;
	font-weight:bold;
	cursor:pointer;
}
.List p{
	line-height:20px;
}
.Main_contact{
	margin:6px 0 0 0;
	padding:0;
	width:220px;
	height:143px;
	
	background:url(../images/contact.jpg) no-repeat;
	position:relative
}

.Main_demo{
	margin:6px 0 0 0;
	padding:0;
	width:220px;
	height:50px;
	
	background:url(../images/demo.jpg) no-repeat;
	cursor:pointer;
	
}
.Main_contact_title{
	
	width:115px;
	height:30px;
	position:absolute;
	top:108px;
	left:5px;
	cursor:pointer;
	
}
.Main_contact ul{
	margin:15px;
	padding:0;
	list-style:none;
	line-height:25px;
	
}
.webtouch{
	margin:10px 0 0 0;
	padding:0;
	height:44px;
	width:220px;
	background:url(../images/webtouch.jpg) no-repeat;
	
}
.buttonwebtouch{
	margin:20px 0 0 80px;
	padding:0;
	width:128px;
	border:0;
	height:35px;
	background:url(../images/webtouch.gif) no-repeat;
}
.Main_news{
	margin:10px 0 0 0;
	padding:0;
	width:220px;
	height:300px;
	background:url(../images/news_bg.jpg);

}
.Main_news_title{
	margin:0;
	padding:0;
	width:220px;
	height:34px;
	font-weight:bold;
	font-size:12px;
	text-indent:15px;
	line-height:34px;
	position:relative;
}
.Main_news_title a{
	margin:0;
	padding:0;
	width:38px;
	height:13px;
	position:absolute;
	right:15px;
	top:10px;
	background:url(../images/more.gif) no-repeat;
	
}
.Main_news ul{
	margin:0px 15px;
	padding:0;
	list-style:none;
	line-height:20px;
}
.Main_news ul li {
	margin:10px 0 0 0;
	padding:0;
	
	border-bottom:1px dashed #cccccc;
}
.Main_news ul li a{
	margin:0;
	padding:0;
}
.Footer{
	margin:0 auto;
	padding:0;
	width:970px;
	height:70px;
}
.Footer p{
	line-height:30px;
}
.phone{ 
background:url(../images/tel.gif) no-repeat left  5px;
text-indent:20px;

}
.email{ 
background:url(../images/email.gif) no-repeat left  5px;
text-indent:20px;


}

ul.product_tabbar{
	margin:20px 0 0 0;
	padding:0 4px;
	
	list-style:none;
	height:25px;
	background:url(../images/tab_bg.gif) repeat-x left top;
	
}
ul.product_tabbar li{
	margin:0 1px;
	padding:0;
	float:left;
	cursor:pointer;
}
ul.product_tabbar li.normal{
	height:25px;

}
ul.product_tabbar li.normal .left{
	background:url(../images/tab_n_left.gif) no-repeat left top;
	width:5px;
	height:24px;
	float:left;
	overflow:hidden;
}
ul.product_tabbar li.normal .body{
	height:24px;
	background:url(../images/tab_n_body.gif) repeat-x left top;
	float:left;
	line-height:24px;
	padding:0 5px;
	color:#666;
}
ul.product_tabbar li.normal .right{
	background:url(../images/tab_n_right.gif) no-repeat left top;
	width:5px;
	height:24px;
	float:left;
	overflow:hidden;
}
ul.product_tabbar li.active{
	height:25px;
}
ul.product_tabbar li.active .left{
	background:url(../images/tab_a_left.gif) no-repeat left top;
	width:5px;
	height:25px;
	float:left;
	overflow:hidden;
}
ul.product_tabbar li.active .body{
	height:25px;
	background:url(../images/tab_a_body.gif) repeat-x left top;
	float:left;
	line-height:25px;
	font-weight:bold;
	padding:0 5px;
}
ul.product_tabbar li.active .right{
	background:url(../images/tab_a_right.gif) no-repeat left top;
	width:5px;
	height:25px;
	float:left;
	overflow:hidden;
}
.tabbar_content{
	padding:15px 15px 10px 15px;
}
.Main_content2{
	
	margin:10px 0 0 0;
	padidng:0;
}
.product_detail_name{
	
	margin:0 0 0 0;
	padding:0;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	color:#91201a;
	
}
.languageDiv{
	margin:0;
	padding:0;
	position:absolute;
	top:30px;
	right:140px;
	width:75px;
	height:60px;
	background:#181818;
	
}
.selected{
	margin:0;
	padding:0;
	width:9px;
	height:9px;
	background:url(../images/licon.gif) no-repeat 5px 5px;
}
.languageDiv ul{
	margin:5px 0 0 0px;
	padding:0;
	width:75px;
	line-height:20px;
	list-style:none;
	
}
.languageDiv ul li{
	margin:0;
	width:75px;
	height:20px;
	padding:0;
}
.languageDiv ul li a{
	margin:0 0 0 20px;
	padding:0;
	color:#fff;
	height:20px;
	
}
.languageDiv ul a.hover{
	color:#fff;
}
.smenu{
	margin:10px 0 0 0;
	padding:0;
	width:219px;
	height:400px;
	background:url(../images/smenu_bg.jpg);
}
.smenu ul{
	margin:0;
	padding:0;
	list-style:none;
	
}
.smenu ul li{
	margin:0;
	padding:0;
	width:219px;
	height:36px;
	line-height:36px;
	background:url(../images/smenu_line.jpg) no-repeat center bottom;
}
.smenu ul li.active{
	margin:0;
	padding:0;
	width:219px;
	height:36px;
	line-height:36px;
	background:url(../images/active.jpg) no-repeat left bottom;
}
.smenu ul li a{
	margin:0 0 0 20px;
	padding:0;
	width:150px;
	height:37px;
	display:black;
	text-indent:10px;
	line-height:37px;
	font-size:12px;
}

/* sysmenuBar begin */
.sysmenuBar{
	background:#fff;
	position:absolute;
	z-index:1000;
	text-align:left;
	opacity:.80!important;
	filter:alpha(opacity=80);
}
table.sysmenuBarTable{
	border-top:1px solid #C0C0C0;
	border-left:1px solid #C0C0C0;
	border-right:1px solid #909090;
	border-bottom:1px solid #909090;
	margin:1px;
	padding:2px;
}
table.sysmenuBarTable a{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	padding:0 5px;
	text-indent:25px;
	line-height:200%;
	height:24px;
	white-space:nowrap;
	font-size:12px;
}
table.sysmenuBarTable a:link,table.sysmenuBarTable a:visited{
	color:#000;
	text-decoration:none;
}
table.sysmenuBarTable a:hover,table.sysmenuBarTable a:active{
	background-color:#efefef;
	color:#000;
	text-decoration:none;
	/*border:1px solid #dae3f2;*/
}
.sysmenuBar .iconwidth{
	width:16px;
}
.sysmenuBar .defaultwidth{
	width:auto;
}
/*.sysmenuBar .defaultwidth{
	width:auto!important;
	width:90px;
	min-width:90px;
}
@media all and (min-width: 0px) {
.sysmenuBar .defaultwidth{
	width:auto!important;
}
}*/
.sysmenuBar .textMiniWidth{
	width:90px;
}
.style_blue{
	background-image:url(../image/blue_style.gif);
	background-position:5px center;
	background-repeat:no-repeat;
}
.style_gray{
	background-image:url(../image/gray_style.gif);
	background-position:5px center;
	background-repeat:no-repeat;
}
.style_green{
	background-image:url(../image/green_style.gif);
	background-position:5px center;
	background-repeat:no-repeat;
}
.style_orange{
	background-image:url(../image/orange_style.gif);
	background-position:5px center;
	background-repeat:no-repeat;
}
.style_purple{
	background-image:url(../image/purple_style.gif);
	background-position:5px center;
	background-repeat:no-repeat;
}
/* sysmenuBar end */
.button{
	margin:0 0 0 10px;
	padding:0;
	width:100px;
	height:16px;
	border:1px solid #cccccc;
}
table.addTable{
	width:100%;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}
table.addTable td{
	height:22px;
	padding:0 0 1px 0;
	vertical-align:top;
	border-bottom:1px solid #ddd;
}
table.addTable td.title{
	line-height:22px;
	width:40%;
	padding:0 10px 0 10px;
	background:#f3f3f3;
	white-space:nowrap;
	border-right:1px solid #eee;
}
table.addTable td.content{
/*	width:220px;*/
	line-height:22px;
	width:60%;
	padding:0 0 0 5px;
}
table.addTable td.content2{
/*	width:220px;*/
	line-height:22px;
	width:80%;
	padding:0 0 0 5px;
}
table.addTable a.line{
text-decoration:underline;
}
.search_title a{
	font-size:12px;
	text-decoration:underline;
	color:#0000CC;
}










/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */

.ui-tabs-nav {
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0 0 0 0px;
   
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
    width:232px;
    
    
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
   background: url(../images/tab.png) no-repeat;
   /* background:#D0F7F7;*/
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #27537a;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    font-size:13px;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 30px; /* IE 6 treats height as min-height */
    min-height: 30px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -113px;
    
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -76px;
    color:#fff;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -37px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 1px solid #fff;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}
.dp{
	font-weight:bold;
	margin:10px 0 0 0;
	padding:0;
	
	font-size:14px;
	
	
}
.dp_text{
	margin:10px 0 0 0;
	padding:0;
	background:#fff;
	
	
	
}
.dp_icon{
	margin:0;
	padding:0;
	background:url("../images/check.gif") no-repeat left 10px;
	text-indent:15px;
	line-height:25px;
}