/* Created by JiMMy Jia Alpha 2007/07/6 */
body{
	margin:0;
	padding:10px 0px 0px 0px;
	font:12px/16px Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:center;
	background-image:url(body_bg.jpg);
	background-repeat:repeat-x;
	background:#C9C9C9;
}
#container-box{ margin:0 auto;background-color:#FFF; width:972px; text-align:center;}
#container{margin:0 auto;text-align:left;width:952px; background-color:#FFF;}
#top{margin-top:0px;display:inline-block;width:952px; height:45px;position:relative;*top:0px;}
#footer{clear:both;display:block;width:933px;}
/*Common Style*/
br.clear, div.clear{clear:both;font: 1px/1px monospace;display: block;}
a img{border:0;}

/*Top Style*/
#top {
	width:800px;
	float:right;
	position:relative;
	margin-right: 6px;
}
#top div{margin:0;padding:0; height:30px; float:right; }
#head-block{float:right;display:block; width:500px; position:relative;}
#logo{float:left;height: 75px;top: 0px;overflow:hidden;z-index: 2;display:inline; position:relative;}
/* html #top #logo{margin:0 10px 16px 9px;}/*For IE */
/*+html #top #logo{margin:0 18px 16px 18px;}/*For IE7*/
#connect-bar{float:right;top:5px;color:#FF6633; position:relative; margin-right:6px;}
#search-bar{float:right;top:-7px !important;top:5px; width:80px; position:relative;}
/*Search Bar Style*/
#search-bar form{margin:0;padding:0;}
#search-bar label{margin-right:6px;float:left;padding-top:4px;}
#search-bar #search-input{border:0;margin-right:2px;width:161px;height:20px;float:left;padding:0 4px;font:12px/20px Arial, Helvetica, sans-serif;color:#999;}
#search-bar>form>#search-input{padding:1px 4px;}
* html #search-bar>form>#search-input{padding:0 4px;}
#search-bar #btn-go{border:0;display:block;width:23px;height:20px;float:left;overflow:hidden; text-decoration:none}
/*Site Nav Style*/
#site-nav{
	border-top:1px solid #F8F8F8;
	margin:12px 0 0 0;
	padding:0px;
	width:802px;
	overflow:hidden;
	position: relative;
}
#site-nav ul li a{margin-left:10px;padding:0 5px 0 15px;color:#A3A3A3;text-decoration:none;font:12px/26px Arial, Helvetica, sans-serif;}
#site-nav ul li a:hover{color:#333;}
#navmenu{ left:10px; position:relative;}
ul#navmenu { 
margin:0;padding:0;list-style:none;
border: 0 none;
float:left; 
list-style: none; 
height: 24px; 
} 
ul#navmenu li { 
margin: 0; 
border: 0 none; 
padding: 0; 
float: left; /*For Gecko*/ 
display: inline; 
list-style: none; 
position: relative; 
height: 24px; 
} 
ul#navmenu ul { 
margin: 0; 
border: 0 none; 
padding: 0; 
width: 160px; 
list-style: none; 
display: none; 
position: absolute; 
top: 24px; 
left: 0; 
} 
ul#navmenu ul li { 
float: none; /*For Gecko*/ 
display: block !important; 
display: inline; /*For IE*/ 
} 
/* Root Menu */ 
ul#navmenu a { 
border: 0px; 
padding: 0 6px; 
float: none !important; /*For Opera*/ 
float: left; /*For IE*/ 
display: block; 
background: #EEE; 
color: #666; 
font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif; 
text-decoration: none; 
height: auto !important; 
height: 1%; /*For IE*/ 
} 
/* Root Menu Hover Persistence */ 
ul#navmenu a:hover, 
ul#navmenu li:hover a, 
ul#navmenu li.iehover a { 
color: #FFF; 
} 
/* 2nd Menu */ 
ul#navmenu li:hover li a, 
ul#navmenu li.iehover li a { 
float: none; 
background: #fdeac3; 
color: #666; 
} 
/* 2nd Menu Hover Persistence */ 
ul#navmenu li:hover li a:hover, 
ul#navmenu li:hover li:hover a, 
ul#navmenu li.iehover li a:hover, 
ul#navmenu li.iehover li.iehover a { 
background: #fce2ae; 
color: #000; 
} 
/* 3rd Menu */ 
ul#navmenu li:hover li:hover li a, 
ul#navmenu li.iehover li.iehover li a { 
background: #EEE; 
color: #666; 
} 
/* 3rd Menu Hover Persistence */ 
ul#navmenu li:hover li:hover li a:hover, 
ul#navmenu li:hover li:hover li:hover a, 
ul#navmenu li.iehover li.iehover li a:hover, 
ul#navmenu li.iehover li.iehover li.iehover a { 
background: #CCC; 
color: #000; 
} 
/* 4th Menu */ 
ul#navmenu li:hover li:hover li:hover li a, 
ul#navmenu li.iehover li.iehover li.iehover li a { 
background: #EEE; 
color: #666; 
} 
/* 4th Menu Hover */ 
ul#navmenu li:hover li:hover li:hover li a:hover, 
ul#navmenu li.iehover li.iehover li.iehover li a:hover { 
background: #CCC; 
color: #FFF; 
} 
ul#navmenu ul ul, 
ul#navmenu ul ul ul { 
display: none; 
position: absolute; 
top: 0; 
left: 160px; 
} 
/* Do Not Move - Must Come Before display:block for Gecko */ 
ul#navmenu li:hover ul ul, 
ul#navmenu li:hover ul ul ul, 
ul#navmenu li.iehover ul ul, 
ul#navmenu li.iehover ul ul ul {
	display: none;
} 
ul#navmenu li:hover ul, 
ul#navmenu ul li:hover ul, 
ul#navmenu ul ul li:hover ul, 
ul#navmenu li.iehover ul, 
ul#navmenu ul li.iehover ul, 
ul#navmenu ul ul li.iehover ul { 
display: block; 
} 

/*Site banner Style*/
#site-banner{
    background-image: url(menu_bg2.jpg);
    background-repeat: repeat-x;
    width:920px;
    padding: 10px 10px 2px 10px;
    clear:both;
	margin-left:7px;
}
#xz_pro_area{position:relative; margin:0px; padding:0px;}
#xz_pro_area .pro_area{position:absolute; width:354px; height:27px; top:-42px; right:-10px; background:url(product_.gif) top left no-repeat; margin:0px; padding:3px 10px;}
*html #xz_pro_area .pro_area{right:0px;}
/*Site menu Style*/
.site-menu{
	width:921px;
	height: 272px;
	background-image: url(menu_bg0.jpg);
	background-repeat: repeat-x;
	margin-left: 7px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
.site-menu2{
    width:636px;
}
.site-menu2 img{margin:0; padding:0; display:block; float:left;}
.site-menu3{
    width:624px;
    float:left;
    height: 204px;
    padding-top: 10px;
}
.site-menu_s1{
  width:615px;
  float:left;
}

.site-menu_s1_2{
    float:left;
    width:99px;
    height:180px;
}
.site-menu_s2{
    width:151px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #7ECDEF;
    float:left;
    padding-left: 13px;
    padding-right: 7px;
}
.site-menu_s3{
    width:158px;
    float:right;
    padding-left: 11px;
}
.pro_con{
	width:622px;
	margin: 10px;
	top:10px;
}
.pro_box{float:left;width:102px;}
.pro_title{	color:#F86903;	font-weight: bold;}
.pro_simg{ width:102px;}
.pro-background{
	width:102px;
	height:102px;
	z-index:1;
	display:none;
    position:absolute;
}
.pro_des{ margin:8px; width:600px; height:120px; color:#003366;}
.home_list{
    float:left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ffffff;
    margin:0px;padding:0px;
    list-style:none;
}
.home_list li{
    margin:0px 0px 5px 0px;
    padding:0px;
    line-height: 13px;
}
.home_list li a{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration:none;
    color: #000000;
    list-style:none;
    display:block;
    margin-top:5px;
}
.home_list li a:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration:underline;
    color: #000000;
    list-style:none;
    
}
.co-box{ float:left; height:238px; background-image: url(box_bg.jpg);background-repeat: repeat-x; overflow:hidden; margin-left:0px; margin-bottom:4px; padding-bottom:4px;margin-top:6px;}
.home-right{
	font-size: 9px;
	color:#000;
	height: 250px;
	width: 270px;
	float:right;
	padding-right: 0px;
	padding-left: 0px;
	margin-bottom:4px;
	padding-bottom:4px;
	margin-top:6px;
	margin-left: 6px;
    }
.home-right-box{background-image: url(box_bg.jpg);background-repeat:repeat-x; width:270px; float:right; position:relative;}
.home-right-block{ height:8px; float:left; width:180px;;overflow:hidden;position:relative; display:block;}
.home-rigt-tit{float:left;width:270px;position:relative;}
.home-right2_1{
float:left;
width:73px;
height:87px;
padding:0px;
*top:1px;
position:relative;
}
.home-right2_2{
	font-size:12px;
	width:192px;
	height:87px;
	*height:88px;
	float:left;
	margin: 0px;
	padding: 0px;
}
.home-right2_2 a{
	color:#000;
	text-decoration:none;
}
..home-right2_2 a:hover{
    color:#CCCCCC;
	text-decoration:none;
}

.home-center{
	width:370px;
	color:#8E8E8E;
	background-color:#DBDBDB;
	padding-top: 2px;
	top:100px;
	float:left;
}
.home-center a:link{ text-decoration:none; color:#8E8E8E}
.home-center a:visited{ text-decoration:none; color:#8E8E8E}
/*Footer Style*/
.footer{font:12px/18px Arial, Helvetica, sans-serif;color:#A3A3A3;width:500px; text-align:right;padding-top: 2px;top:100px;float:right;}
*html #footer p.txtgray{margin:26px 0 0 0;color:#CCC;}
html>body #footer p.txtgray{margin:26px 0 0 0;color:#CCC;}

ul.ul_title{margin:0; padding:0; list-style:none;}
ul.ul_title li{list-style:none; margin:0; padding:0; height:27px; float:left;}
ul.ul_title li a{display:block;}
a#tlt_img_1{width:106px; height:27px; background:url(down_1of.jpg) top left no-repeat;}
a#tlt_img_2{width:106px; height:27px; background:url(down_2of.jpg) top left no-repeat;}
a#tlt_img_3{width:106px; height:27px; background:url(down_3of.jpg) top left no-repeat;}
a#tlt_img_4{width:106px; height:27px; background:url(down_4of.jpg) top left no-repeat;}
a#tlt_img_5{width:106px; height:27px; background:url(down_5of.jpg) top left no-repeat;}
a#tlt_img_6{width:106px; height:27px; background:url(down_6of.jpg) top left no-repeat;}
a#tlt_img_1.on,a#tlt_img_1:hover{background:url(down_1on.jpg) top left no-repeat;}
a#tlt_img_2.on,a#tlt_img_2:hover{background:url(down_2on.jpg) top left no-repeat;}
a#tlt_img_3.on,a#tlt_img_3:hover{background:url(down_3on.jpg) top left no-repeat;}
a#tlt_img_4.on,a#tlt_img_4:hover{background:url(down_4on.jpg) top left no-repeat;}
a#tlt_img_5.on,a#tlt_img_5:hover{background:url(down_5on.jpg) top left no-repeat;}
a#tlt_img_6.on,a#tlt_img_6:hover{background:url(down_6on.jpg) top left no-repeat;}
  
#img_area{ height:238px; display:block; width:921px; text-align:center;}

$bar{ background-color:#FF6600; clear:both; float:right; margin:6px; height:12px; width:725px;}