/* CSS Document */
div,ul,li,p{
	padding:0;
	margin:0;
	}
a{
	text-decoration:none;
	border:none;
	color: #999;
	}
img{
	border:none;
	}
body{
margin:0px 0px;
background-color:#f8f8f8;
font-size:11px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
ul,li {list-style-type:none;}
/*------------------layout------------------*/
#layout{
	width:100%;
	height:auto;
	margin:0px auto;
	}
#layout .clear{
	border:0;
	margin:0;
	padding:0px;
	clear:both;}

/*------------------顶部------------------*/
#top{
	width:100%;
	height:90px;
	background:url(../images/top_bg.gif) repeat-x;
	}
	
#header{
width:900px;
height:90px;
margin:0 auto;
}

#header #logo{
	float:left;
    width:141px;
    height:60px;
    margin:20px 0px 10px 0px;
}

#header .lan{
	float:right;
	margin-top:10px;
	margin-right:0px;
	}
#header .lan li{
	float:left;
	color:#666;
	font-size:12px;
	text-align:24px;
	list-style-type:none;
	}
#header .lan li a{
	display:block;
	padding-left:5px;
	padding-right:5px;
	text-align:24px;
	color:#666;
	}
	
#header .lan li a:hover{
	color:#000;
	
	}
/*---------------------------------------------*/
.menu {float:right;  padding:0; margin-top:10px; margin-left:55px;}
.menu li {float:left; font-size:13px; line-height:24px; border-right:1px solid #999;}
.menu li a {text-decoration:none; color:#666; display:block; padding:0 15px;}
.menu li a:hover {text-decoration:none; color:#000;}
.menu li ul {visibility:hidden; position:absolute; z-index:12345;}
.menu li ul li{font-size:11px; width:190px;}
.menu li ul li a{padding:5px 0px 5px 15px; border-bottom:1px solid #999; color:#666;}
.menu li ul li a:hover{color:#fff; background-color:#999;}

.menu li.hover ul {/*ie6不支持li:hover所以在这里写成li.hover以方便js取样式*/visibility:visible; position:absolute; display:block; width:190px; height:auto; background-color:#fff; }

/*------------------index-body------------------*/
#content{
clear:both;
width:auto;
height:auto;
background: url(../images/bg.png) repeat-x;
margin-bottom:10px;
}
#content .clear{
	margin:0px;
	padding:0px;
	border:0;
	clear:both;
	}
	
#content #show{
	width:900px;
	height:400px;
	margin:0px auto;
	}
	
#content #pro_four{
	width:900px;
	height:auto;
	margin:10px auto;
	}	
#content #pro_four .pro_o{
	float:left;
	margin:0 7px 0 7px;
	*margin:0 7px 0 7px;
	_margin:0 5px 0 5px;
	
	width:210px;
	height:auto;
	}
#content #pro_four .pro_o img{
	width:210px;
	height:145px;
	border:1px solid #ccc;
	overflow:hidden;
	}
#content #pro_four .pro_o h3{
	font-size:12px;
	color:#666;
	height:30px;
	line-height:30px;
	border-bottom:1px solid #ccc;
	}
#content #pro_four .pro_o p{
	font-size:12px;
	line-height:18px;
	color:#999;}
	
#content #pro_four .pro_o p b{
	color:#666;}
#content #pro_four .pro_o .btn{ width:70px;}
#content #pro_four .pro_o .btn a{ text-align:center;}
#content #pro_four .pro_o .btn a:link, #content #pro_four .pro_o .btn a:visited{
	display:block;
	padding:5px;
	background:#3279bb;
	color:#fff;}
	
#content #pro_four .pro_o .btn a:hover{
	background:#333;
	color:#FFF;}	
/*--------------------
-----------------About-----------------------------*/
#content2{
	clear:both;
    width:auto;
    height:150px;
	overflow:hidden;
    background: url(../images/bg.png) repeat-x;
	}

#content2 .clear{
	clear:both;
	padding:0;
	margin:0;
	border:0;}
.baner{
	clear:both;
	margin:0 auto;
	width:900px;
	height:150px;
	}
	
#about{
	clear:both;
	width:900px;
	height:auto;
	margin:5px auto;
	padding:0px;
	
	}

	
#about h2{
	display:block;
	width:900px;
	height:30px;
	line-height:30px;
	border-bottom:1px solid #ccc;
	font-size:13px;
	font-weight:bold;
	margin-top:15px;
	color:#666;}
	
#about p{
	margin:0;
	line-height:24px;
	font-size:12px;
	color:#666;
	}
	
#about .about_l{
	float:left;
	width:600px;
	height:auto;
	}
#about .about_l h3,#about .about_txt h3{
	font-size:14px;
	color:#333;
	font-weight:bold;
	}

#about .about_l p{
	font-size:12px;
	color:#666;
	line-height:20px;
	}
	
#about .about_r{
	float:right;
	width:275px;
	height:auto;
	font-size:12px;
	}
#about .about_r img{
     margin-bottom:15px;
	}
	
#about .about_txt{
	float:left;
	width:900px;
	height:auto;
	margin-bottom:10px;
	}

#about .about_txt p{
	line-height:20px;
	font-size:12px;
	color:#666;
	clear:both;
	}

#about .about_txt .about_txt_l,#about .about_txt .about_txt_r{
	float:left;
	width:440px;
	line-height:24px;
	color:#666;
	
	}
/*-------------------------------------Product--------------------------------------*/
	
.boxgrid{
	float:left;
	width: 168px;
	height: 100px;
	margin:10px 0px;
	overflow: hidden;
	position: relative;
	z-index: 1;
	}
	.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
	}
/*--------------------------------------pro_show----------------------------------*/	
#pro_class{
	width:900px;
	height:auto;
	margin:10px auto;
	}
	
#pro_class h2{
	width:900px;
	line-height:40px;
	height:40px;
	font-size:24px;
	display:block;
	border-bottom:1px solid #ccc;
	}

.pro_one{
	clear:both;
	width:900px;
    padding:15px 0 15px 0;
	margin-top:10px;
	border-bottom:1px solid #ccc;
	}
	
.pro_one .pro_downlond{
	float:left;
	width:140px;
	height:auto;
	margin-right:15px;
	}

.pro_one .pro_downlond img{
	width:140px;
	height:80px;
	text-align:center;
	border:1px solid #CCC;
	overflow:hidden;
	}
.pro_one .pro_downlond p{
	line-height:24px;
	height:24px;
	color:#666;
	font-size:11px;
	text-align:center;}
	
.pro_one .pro_one_l{
	float:left;
	width:445px;
	height:auto;
	overflow:hidden;
	line-height:24px;
	font-size:12px;
	color:#666;
	}	
	
.pro_one .pro_one_r{
	float:right;
	width:445px;
	height:auto;
	font-size:12px;
	line-height:24px;
	color:#666;
	overflow:hidden;
	}	
.pro_one .pro_one_l h3,.pro_one .pro_one_r h3{
	height:30px;
	line-height:30px;
	font-size:14px;
	width:440px;
	border-bottom:1px solid #ccc;}
	
.pro_one .clear{
	margin:0px;
	padding:0px;
	border:0;
	clear:both;
	}	
	
.pro_one .one_fourth{
	float:left;
	width:200px;
	height:130px;
	border:1px solid #ccc;
	margin-left:10px;
	margin-right:10px;
	}
	
.pro_table{
	float:left;
	width:900px;
	height:auto;
	margin:0px;
	}
.pro_table table{
	width:900px;
	height:auto;
    border-collapse:collapse;
	margin:1em 0;
	}	
.pro_table table th{
	border:1px solid #ccc;
	color:#666;
	text-align:center;
	line-height:22px;
	height:auto;
	padding-top:10px;
	padding-bottom:10px;
	}


.pro_table table td{
    border:1px solid #ccc;
	line-height:22px;
	width:160px;
	height:auto;
	color:#666;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	}

.pro_table table td a:link,.pro_table table td a:visited{
	display:block;
	color:#3279bb;
	}
.pro_table table td a:hover{
	color:#000;
	}
	
.pro_name{
	width:168px;
	height:auto;
	border-bottom:1px dashed #ccc;
	font-size:12px;
	font-weight:bold;
	padding-bottom:3px;
	}

.pro_text, .pro_ideal, .pro_spec, .pro_features{
	color:#999;
	line-height:18px;
	}
.pro_ideal h3,.pro_ideal h3, .pro_spec h3,  .pro_features h3{
	color:#000;
	font-size:12px;
	line-height:18px;
	font-weight:bold;
	padding-bottom:3px;
	border-bottom:1px dashed #ccc;
	}
	

ul#sliding-navigation
{
	list-style: none;
	font-size: 12px;
	margin:0;
	padding: 0;
}

ul#sliding-navigation li.sliding-element h4,
ul#sliding-navigation li.sliding-element a
{
	display: block;
	width: 140px;
	padding: 5px 18px;
	margin: 0;
	margin-bottom: 5px;
}

ul#sliding-navigation li.sliding-element h4
{
	color: #fff;
	background:#333  url(../images/heading_bg.jpg) repeat-y;
	font-weight: normal;
}

ul#sliding-navigation li.sliding-element a
{
	color: #999;
	background:#222 url(../images/tab_bg.jpg) repeat-y;
	border: 1px solid #1a1a1a;
	text-decoration: none;
}

ul#sliding-navigation li.sliding-element a:hover { color: #fff; }

#pro_right{
    float:left;
	width:680px;
	margin-left:30px;
	margin-top:15px;
}

#pic{
    float:left;
    width:150px;
	height:170px;
	margin-left:10px;
	padding:5px;
	overflow:hidden;
	
}

#big_pic{
	float:left;
	margin-top:15px;
	margin-left:10px;
	margin-bottom:15px;
	}
	
#big_pic img{
	width:300px;
	height:300px;
	overflow:hidden;
	}
#pic_txt{
	float:left;
	line-height:20px;
	color:#CCC;
	margin:15px 15px 0px 15px;;
	}
#pic_txt .button{
	font-family:Arial, Helvetica, sans-serif;
	width:100px;
	height:20px;
	color:#0f0;
	border:none;
	font-size:11px;
	background: url(../images/button.jpg) no-repeat;
	margin-bottom:10px;
	}
	
/*------------------contact us-----------------*/	
#about #contact_right{
	float:right;
	width:280px;
	height:auto;
	padding:10px 0px;
	overflow:hidden;
	margin-top:15px;
	margin-bottom:10px;
	background-image:url(../images/card.jpg);
	background-repeat:no-repeat;
	border:1px solid #CCC;
	background-color:#FFF;
	}
	
#about #contact_right #contact_c{
	margin:180px 15px 0px;
	}
#about #contact_right #contact_c h2{
	height:32px;
	line-height:32px;
	font-size:14px;
	font-weight:bold;
	padding-bottom:5px;
	border-bottom:1px dashed #ccc;
	width:250px;
	}

#about #contact_right #contact_c img{
	float:left;
	margin-right:10px;
	}
#about #contact_right #contact_c ul{
	margin:-10px 0 0 0;
	padding:0px;
	width:250px;
	}
#about #contact_right #contact_c ul li{
	list-style-type:none;
	margin:0px;
	padding:0px;
		border-bottom:1px dashed #ccc;
	}	
	
#about #contact_right #contact_c ul li a:link, #about #contact_right #contact_c ul li a:visited{
	display:block;
	padding:5px;
	color:#666;
	}
#about #contact_right #contact_c ul li a:hover{
	background-color:#ccc;
	color:#000;}	
#about #contact_left{
	float:left;
	width:600px;
	height:auto;
	margin-top:15px;
	margin-left:0px;
	}
	

#about #contact_left h2{
	display:block;
	width:600px;
	height:24px;
	line-height:24px;
	border-bottom:1px solid #ccc;
	font-size:15px;
	font-weight:bold;
	color:#333;
	}
	
#about #contact_left .con_font{	
	}
#about #contact_left .con_font a:link, #about #contact_left .con_font a:visited{
	color:#09F;
	font-weight:bold;
	}	
#about #contact_left .con_font a:hover{
	color:#000;
	font-weight:bold;}
#about #contact_left .con_font p{
	line-height:24px;
	font-size:12px;
	color:#666;
	
	}
#email{
	width:550px;
	height:auto;
	margin-top:10px;
	}

#email p{
	margin-top:10px;}	
#email .textInput{
	width:250px;
	height:28px;
	border:none;
	color:#333;
	padding-top:5px;
	padding-left:5px;
	border:1px #ccc solid;
	}
#email .textarea{
	color:#333;
	width:350px;
	height:100px;
	padding-top:5px;
	padding-left:5px;
	border:none;
	overflow-y:hidden;
	border:1px #ccc solid;
	}
#email .btn{
	padding:5px 12px 5px 12px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#fff;
	font-size:12px;
	border:none;
	background-color:#3279bb;
	}
	
/*------------------led know-----------------*/

#title{
margin-top:5px;
margin-left:0px;
margin-right:0px;
font-size:12px;
text-align:left;
}
#title ul{
list-style-type:none;
margin:0px;
padding:0px;
}
#title li{
	border-bottom:1px #111 dashed;
}
#title li a{
	display:block;
	height:1em;
	padding:8px;
	text-decoration:none;
}
#title li a:link, #title li a:visited{
color:#666;
}
#title li a:hover{
	background-color:#ccc;
	color:#000;
	}
#faq #bj{
	padding:15px;
	color:#999;
	}

/*-----------------------------fenye-------------------------*/
#fenye{
clear:both;
float:left;
width:440px;
height:24px;
line-height:24px;
margin-left:0px;
padding:5px;
color:#666;
font-size:12px;
}

/*-----------------------------------footer-------------------------------------*/
#footer{
clear:both;
width:100%;
height:70px;
overflow:hidden;
margin: 0 auto;
margin:0px auto;
background-color:#000;
}

#footer .dh{width:750px;  margin:20px auto; font-size:11px;}
#footer ul{
	font-size:11px;
	list-style-type:none;
	}
#footer ul li{
	float:left;
	padding:2px 5px 5px 5px;;
	color:#CCC;
	}

#footer ul li a,#footer ul li a:visited{
	display:block;
	color:#da251d;}
	
#footer ul li a:hover{
color:#099;
text-decoration:underline;
}
/*-----------------------------------FAIR-------------------------------------*/
#fair{
	clear:both;
	width:900px;
	height:auto;
	margin:5px auto;
	padding:0px;
	
	}
#fair_title{
	width:900px;
	line-height:30px;
	font-size:13px;
	font-weight:bold;
	border-bottom:1px solid #ccc;
	}
#fair ul{
	width:900px;
	height:auto;
	margin-top:10px;
	}
#fair ul li{
	float:left;
	margin:8px;
	}