/*common*/
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a {text-decoration: none;cursor: pointer;}

a:hover {text-decoration: underline;}
.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}
/*layout----------------------------------*/
.container_24{
	background-color: #FFF;
}
#header{
	background: url(../images/bg_header.png) repeat-x top left;
	width: 1000px;
}

#logo{
	height: 75px;
}

#search_box{
	height: 75px;
}
	#search_box ul{
		float: right;
		margin-top: 8px;
		margin-bottom: 8px;
	}
		#search_box ul li{
			float: left;
			padding-right: 10px;
			padding-left: 10px;			
			/*border-right: 1px solid #000;*/
			background: url(../images/li_sep_2.png) no-repeat right center;
		}

			#search_box ul li a{
				font-size: 11px;
				color: #000;							
			}
			#search_box .hotline{
				float: right;
				margin-top: 2px;
				padding-right: 10px;
				padding-left: 10px;
				margin-bottom: 8px;
			}
			#search_box .hotline span{
				font-weight: bold;
				font-size: 19px;
				letter-spacing: -1px;
				color: #0072ff;
			}
	#search_box form{
		float: right;		
		height: 27px;
		background: transparent url(../images/bg_search_box.png) repeat-x left center;
		border: 1px solid #C6C6C6;
		border-radius: 5px;
		margin-right: 10px;
	}
		#search_box #keyword{
			height: 25px;
			width: 193px;
			color: #5e5e5e;
			padding-left: 10px;
			background: transparent url(../images/search_box_len.png) no-repeat 180px center;
			border-style: none;
		}
.main_nav{
	width: 1000px;
	height: 42px;	
	background: url(../images/bg_main_nav.png) repeat-x top left;
	border-bottom: 1px solid #FFF;
}
	
	.menu{	
	background: url("../images/bg_main_nav.png") repeat-x scroll left top transparent;
    border-bottom: 1px solid #FFFFFF;
    height: 42px;
    width: 1000px;
    clear: both;
	}
	#menu {padding-left:15px; margin:0 0 0 0px; list-style:none; width:985px;  height:42px; /*padding-top:8px;  */
	}


	#menu li {height: 42px; line-height: 42px; position:relative; float:left; margin:0px; padding-top:0px;}
		#menu li a {display:block; height:42px; line-height:42px; padding:0 14px 0 0; float:left; color:#FFF; text-decoration:none; font-family:arial, sans-serif; font-size:12px; font-weight:normal!important; text-transform:uppercase }
			#menu li a b {display:block; height:42px; line-height:42px; float:left; padding:0 0 0 14px}

		#menu li a:hover, 
		#menu li a:active,
		#menu li a:focus,
		#menu li.selected a
		{ background: url(../images/taba.png) no-repeat right center; cursor:pointer; line-height:42px;}
			#menu li a:hover b,
			#menu li a:active b,
			#menu li a:focus b,
			#menu li.selected a b
			{ background: url(../images/tabb.png) no-repeat left center; cursor:pointer; color:#FFF}

	.li_sep{
		background:url(../images/main_nav_sep.png) no-repeat center center;
		height:42px;
		width:1px;
		padding-left:14px;
		padding-right:14px;
	}



#slideshow{
	width: 1000px;
	height: 269px;	
	overflow: hidden;
}
#best_sale{	
	width: 1000px;
	height: 220px;	
	margin-top: 10px;	
}
	#best_sale .tit{
		height: 33px;
	}	
		#best_sale .tit h1{
			float: left;
			height: 33px;
			line-height: 33px;
			width: 171px;
			text-align: center;
			background: url("../images/best_sale_tit.png") no-repeat scroll left -3px transparent;		
			font-size: 16px;
			font-weight: bold;
			color: #00659f;
			margin-left: 5px;
		}
		#best_sale .tit a{
			float: right;
			margin-top: 14px;
			margin-right: 10px;
			padding-right: 10px;			
			color: #00659F;
			background: url("../images/viewall.png") no-repeat scroll right center transparent;
		}
	#best_sale .best_sale{
		height: 188px;
		background: url("../images/best_sale_bg.png") repeat-x scroll left center transparent;		
	}
#main{
	width: 970px;
	min-height: 500px;
	padding: 16px 15px 15px;
}
#category{
	width: 225px;			
	margin-right: 12px;	
}
	
	#category .left {
	    background-color: #FFF;
	    border-color: #b3b3b3;
	    border-radius: 6px;
	    border-style: solid;
	    border-width: 1px;
	    box-shadow: 0 2px 2px #666666;
	    float: left;
	    margin-bottom: 10px;
	    padding: 2px;
	    position: relative;
	    width: 219px;
	}
	#category .left2{
	    background-color: #efefef;		
	}
		

		#category .left .linner {
		    background: url("../images/left_bg_bottom.png") repeat-x scroll left bottom transparent;
		    border-radius: 3px;
		    float: left;
		    width: 219px;
		}
			#category .left .ltop {
			    background: url("../images/bg_cat_tit.png") repeat-x scroll center top transparent;
			    border-radius: 3px 3px 0 0;
			    color: #FFF;
			    float: left;
			    font-size: 13px;
			    font-weight: bold;
			    height: 35px;
			    line-height: 35px;
			    text-align: center;
			    text-shadow: 0 2px 2px #000000;
			    text-transform: uppercase;
			    width: 219px;
			}

			#category .left .lbody {
			    background: url("../images/left_bg_top.png") repeat-x scroll left top transparent;
			    float: left;
			    width: 219px;
			}				
				#category .left .lbody ul {
				    /*padding-bottom: 10px;*/
				    /*padding-top: 10px;*/
				    border-radius: 0 0 5px 5px;
				}
					#category .left .lbody ul li {
						height: 29px;
						line-height: 29px;
					    background: url("../images/cat_li_bg.png") repeat-x scroll 0 center transparent;
					    border-top: 1px solid #FFF;
					    font-size: 12px;
					    font-weight: bold;
					    padding-left: 10px;					    
					}		
					#category .left .lbody ul.cat li {
						height: 41px;
						line-height: 41px;							
						background: url("../images/cat_li_bg.jpg") no-repeat scroll 0 center transparent;
						padding-left: 0px;
					}
						
						#category .left .lbody ul li a {						    
						    background: url("../images/cat_li_arrow.png") no-repeat scroll 0 center transparent;
						    color: #252525;
						    display: block;
						    padding-left: 10px;						    
						}
							#category .left .lbody ul.cat li p{
								width:65px; 
								text-align:center; 
								float:left
							}
						#category .left .lbody ul.cat li a {
							background: none;
							color: #ffffff;
							text-transform: uppercase;
							text-shadow: 0 2px 2px #505050;
							padding-left: 0px;
						}
					/*news begin-------------------*/
					#category .left .lbody .news {
					    border-bottom: 1px dotted #C8C8C8;
					    float: left;
					    margin: 15px 7px 0;
					    padding-bottom: 10px;
					}
						#category .left .lbody .news a {
						    float: left;
						}
							#category .left .lbody .news .img {
							    border: 1px solid #929292;
							    float: left;
							    margin: 0 5px 5px 0;
							    padding: 2px;
							}
							#category .left .lbody .news h4.tit {
							    float: left;
							}
								#category .left .lbody .news h4.tit a {
								    color: #252525;
								    float: left;
								    font-size: 11px;
								    font-weight: bold;
								    width: 132px;
								}							
					#category .left .lbody .more {
					    background: url("../images/viewall.png") no-repeat scroll right center transparent;
					    padding-right: 6px;
					    font-weight: bold;
					    color: #00649e;
					    float: right;
					    height: 20px;
					    line-height: 20px;
					    margin: 5px;
					    width: 60px;
					}
					/*news end-------------------*/


/*right--------------------------------------------------------------------*/
#prod_list{
	width: 733px;					
	margin-left: 0px;
	margin-bottom: 10px;
}

#prod_list .right {
	    background: #FFF url("../images/pro_list_bg.png") repeat-x scroll center top;	 
	    border-color: #b3b3b3;
	    border-radius: 6px;
	    border-style: solid;
	    border-width: 1px;
	    box-shadow: 0 2px 4px #666666;
	    float: left;
	    margin-bottom: 10px;
	    padding: 2px;
	    position: relative;
	    width: 727px;
	}

		#prod_list .right .linner {
		    background: url("../images/left_bg_bottom.png") repeat-x scroll left bottom transparent;
		    border-radius: 3px;
		    float: left;
		    width: 727px;
		}
			#prod_list .right .ltop {
			    background: url("../images/pro_list_tit.png") repeat-x scroll center top transparent;
			    border-radius: 3px 3px 0 0;
			    color: #000;
			    float: left;
			    font-size: 13px;
			    font-weight: bold;
			    height: 35px;
			    /*text-align: center;*/
			    text-transform: uppercase;
			    width: 727px;
			}
				#prod_list .right .ltop span{
					float: left;
					display: block;
					height: 29px;
			    	line-height: 29px;
					padding: 0 15px;
					margin-top: 6px;
					margin-left: 7px;
					background-color: #e8e8e8;
					border-radius: 3px 3px 0 0;
				}
				#prod_list .right .ltop span.inactive{
					background-color: #656565;
				}
					#prod_list .right .ltop span.inactive a {
					    color: #FFF;
					}
					#prod_list .right .ltop a {
					    color: #000;
					}

			#prod_list .right .lbody {
			    background: url("../images/left_bg_top.png") repeat-x scroll left top transparent;
			    float: left;
			    width: 710px;
			    overflow: hidden;
			    padding-left: 9px;
			    padding-right: 8px;
			    padding-top: 11px;
			    padding-bottom: 11px;
			}		

				#prod_list .right .lbody .box2 {
				    float: left;
				    height: 230px;
				    width: 168px;
				    border: 1px solid #c6c6c6;
				    border-radius: 6px;
				    margin-right: 10px;
				    margin-bottom: 30px;
				    background-color: #FAFAFA;	
				    position: relative;				    
				}
				#prod_list .right .lbody .last {
				    margin-right: 0;
				}
					#prod_list .right .lbody .box2 .img {
					    height: 142px;
					    margin: 0px 0 4px;
					    padding: 9px;
					    width: 150px;
					}
						#prod_list .right .lbody .box2 .img img{
							border-radius: 3px;
						}
					#prod_list .right .lbody .box2 h3{						
					    font-size: 12px;
					    font-weight: normal;
					    text-align: center;
					}
						#prod_list .right .lbody .box2 h3 a{						
							color: #134891;
						}

					#prod_list .right .lbody .box2 p{
						font-weight: bold;
						text-align: center;
						color: #c41616;
						margin-top: 3px;
					}

					#prod_list .right .lbody .box2 a.detail,
					#prod_list .right .lbody .box2 a.contact{
						height: 21px;
						line-height: 21px;
						width: 66px;
						color: #00649e;
						border: 1px solid #cecece;
						position: absolute;
						font-weight: bold;
						text-align: center;
						border-radius: 4px;
						display: block;
						background: url("../images/bg_button.png") repeat-x scroll left top transparent;
						bottom: -10px;
					}
					#prod_list .right .lbody .box2 a.detail{
						left: 12px;
					}
					#prod_list .right .lbody .box2 a.contact{
						right: 12px;
						/*bottom: -10px;*/
					}


#partner{
	height: 98px;
	width: 970px;
    background: url("../images/partner_bg.png") repeat-x scroll left top transparent;	
    border: 1px solid #c6c6c6;
    border-radius: 10px;
    margin-bottom: 3px;
    margin-top: 3px;
}
#newsletter{
	height: 60px;
	width: 970px;
    background: url("../images/newsletter_bg.png") no-repeat scroll left center transparent;	
}
	#newsletter .con{
		float: left;
		height: 41px;
		width: 870px;
		line-height: 41px;
		margin-top: 6px;
		margin-left: 100px;
		color: #FFF;		
	}
		#newsletter .con b{
			float: left;
		}
		#newsletter .con form{
			float: left;
			display: inline;
		}
		#newsletter .con input#email{
			height: 21px;
			width: 164px;
			color: #5E5E5E;
			padding-left: 5px;
			padding-right: 5px;
			background-color: #fff;
			border-style: none;
		}
		#newsletter .con input#send{
			height: 26px;
			line-height: 26px;
			color: #0089d0;
    		background: url("../images/bt_email.png") repeat-x scroll left center transparent;	
    		border-radius: 6px;
    		font-weight: bold;
    		border-style: none;
    		cursor: pointer;
		}
		#newsletter .con .social{
			float: right;
			width: 275px;
		}
			#newsletter .con .social b{
				float: right;
			}
			#newsletter .con .social ul{
				float: right;
				margin-right: 20px;
			}
				#newsletter .con .social ul li{
					float: left;
					margin-left: 10px;					
				}
#footer{
	height: 80px;
	width: 970px;
    background: url("../images/bg_footer.png") repeat-x scroll left top transparent;
    margin-top: 7px;	
}
	#comp_info{		
		width: 765px;
		padding: 11px 0 11px 15px;
	}
	#hitcounter{
		padding: 20px 0 20px 0px;		
		/*font-size: 13px;*/
	}
		#hitcounter b{
			line-height: 20px;
			padding-left: 20px;
			/*font-size: 13px;*/
		}	
		#hitcounter .online{
    		background: url("../images/online.png") no-repeat scroll left center transparent;				
		}	
		#hitcounter .all{
    		background: url("../images/all.png") no-repeat scroll left center transparent;				
		}	

/*paging -------------------------------------------*/
.pt {
    font-weight: bold;
    height: 20px;
    padding-top: 10px;
}
.pt a:hover, 
.pt .cur-pag {
    background-color: #036AC6;
    color: #FFFFFF;
}
.pt a {
    border: 1px solid #036AC6;
    color: #036AC6;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 5px;
    margin: 0 3px;
    text-decoration: none;
}

/*prod detail-----------------------------------------------*/
#prod_list .share {
    float: right;
    padding-bottom: 10px;
}

#prod_list h2.name {
    color: #0168C4;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

#prod_list .details {
    line-height: 18px;
    margin-bottom: 8px;
    overflow: hidden;
    padding-bottom: 8px;
}

/*tabs=---------------------------------------------*/
.tabs {
    height: 31px;
    margin: 10px 0 0;
}

.tab_page {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #00659F;
    border-radius: 0 5px 5px 5px;
    display: block;
    min-height: 168px;
    padding: 10px;
    z-index: 2;
    overflow: hidden;
}

.tabs a.selected {
    background: url("../images/tab_3.png") repeat-x scroll 0 0 #FFFFFF;
    border-bottom: 0 none;
    padding-bottom: 8px;
    z-index: 3;
}
.tabs a {
    background: url("../images/tab_3.png") repeat-x scroll 0 0 #FFFFFF;
    border: 1px solid #00659F;
    border-radius: 5px 5px 0 0;
    color: #000000;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin-right: 2px;
    padding: 6px 15px 7px;
    position: relative;
    text-decoration: none;
    top: 1px;
    z-index: 1;
}

#backtop {
    background: url("../images/backtotop.png") no-repeat scroll center center transparent;
    bottom: 10px;
    cursor: pointer;
    height: 50px;
    position: fixed;
    right: 10px;
    text-indent: -99999px;
    width: 50px;
}