﻿body{font-size:12px;margin:0px;padding:0px; color:#333;font-family:Arial,Lucida,Verdana,Helvetica,sans-serif; background:url(/images/index_02.jpg) #eee;}
ul,li,dl,dt,dd,img,h1,h2,h3,h4,h5,h6,span,p,b,em{margin:0px;padding:0px;border:none;}
li{margin:0px;padding:0px;list-style:none;}
input{ border:none}
a{text-decoration: none;color:#444;}
a:hover{color:#F00;text-decoration: underline;}
.f12{font-size:12px;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.Orange,.Orange a{color:#ff5500}
.purple,.purple a{color:#ff0080}
.red,.red a{color:#F00}
.red-an,.red-an a{color:#d50000}
.green,.green a{ color:#008000;}
.bai{color:#fff}
.Blue,.Blue a{ color:#133db6; text-decoration:none}
.Blue a:hover{ text-decoration:underline}
.Blue a:hover,.hei a:hover,.Orange a:hover,.red a:hover,.red-an a:hover,purple a:hover,.green a:hover{ color:#F00}
.hui,.hui a{ color:#999;text-decoration:none}
.hui a:hover{ color:#F30}
.hei,hei a{ color:#333}
.left{ float:left;}
.right{ float:right;}
.clear{ width:100%; height:1px;margin:0px auto; clear:both;}
/*头部*/
#header{ height:40px; width:1000px; margin:0px auto; clear:both; line-height:40px; text-align:right; color:#999}
#header a{ color:#666}
#header a:hover{ color:#F30}
.menu{margin:0px auto;clear:both; height:37px; width:1000px; background:#333;  }
.menu li{ padding-left:35px;font: bold  14px/37px "Arial"; height:37px; float:left; text-align:center; padding-right:35px; background:url(../images/menu_03.jpg) right no-repeat}
.menu li a{ color:#FFF}
.menu li a:hover{ color:#F00}

/*正文*/
#content{ width:980px; margin:0px auto; clear:both; background: url(/images/content-left_03.jpg) repeat-y 10px 10px #fff; padding-left:10px; padding-right:10px; overflow:hidden;}
.content-left{ width:250px; float:left;}
.search{ width:230px; float:left;border-bottom:10px #FFF solid;height:30px; overflow:hidden;padding:20px 10px 20px 10px; }
.txt{ width:180px;_width:170px; height:24px; border:1px solid #ddd; line-height:28px; float:left; margin-right:5px; }
.title{ width:100%; height:30px; float:left; background:#666; font-size:14px; line-height:30px; color:#FFF}
.title span{ padding-left:10px; float:left;}

/*左侧*/

#sortlist {
    float: left;
    width:100%; padding-top:5px;
}
#sortlist .sortlistb {
    width:100%;
}
#sortlist .item {
    padding: 0 2px;
}
#sortlist h3 {
    background: url(../images/index04.jpg) 10px 5px no-repeat ;
	border-bottom:1px  dashed #999;
    cursor: pointer;
    font-size: 12px;
    font-weight: normal;
    height: 22px;
    line-height: 22px;
    padding-left: 20px;
}
#sortlist b {
    background: url("../images/bg_hotsale.jpg") no-repeat scroll right -15px transparent;
    cursor: pointer;
    float: right;
    height: 14px;
    margin-right: 20px;
    margin-top: 1px;
    overflow: hidden;
    width: 14px;
}
#sortlist ul {
    display: none;
    overflow: hidden;
	padding-top:5px;
	padding-bottom:5px;
    padding-left: 10px;
}
#sortlist li {
    background:  url(../images/dot.jpg) left no-repeat;
    float: left;
    line-height:18px;
    padding-left: 10px;
    width: 100%;
}
#sortlist li a{ color:#555}
#sortlist li a:hover{ color:#F00}
#sortlist .current00 b {
    background-position: right -3px;
}
#sortlist .current00 ul {
    display: block;
}


.content-right{ width:700px;float:right; overflow:hidden;}
.Topsellers{ width:100%; float:left;}
.Topsellers h1,.New-products h1{ width:100%; border-bottom:2px solid #666; height:30px;font:bold 18px/30px Arial, Helvetica, sans-serif; 
color:#ff7300; float:left; }
.Topsellers h1 span{ float:left;}
.more{ width:38px; height:11px; float: right; margin-top:5px;}
.Topsellers dl{ width:227px; float:left; margin-right:6px; _margin-right:4px;margin-top:10px;}
.Topsellers dt{ width:227px; height:150px; background:#fff; overflow:hidden; text-align:center;}
.Topsellers dt img{
max-height:150px;
height:150px;
height:expression_r(document.body.clientheight>150?"150px":"auto");
overflow:hidden;
}
.Topsellers dd{ width:100%; height:30px; background:url(../images/index_24.jpg) 5px 10px no-repeat #eee; overflow:hidden;}
.Topsellers dd span{  padding-left:20px; font-size:14px; line-height:30px;}

.index-ad{ width:100%; height:230px; float:left; margin-bottom:15px; margin-top:20px; background:#000}
.New-products{ width:100%; float:left;}
.New-products dl{width:227px; float:left;margin-right:6px; _margin-right:4px;margin-top:10px;}
.New-products dl h2{width:222px; padding-left:5px; height:30px; background:#aaaaaa;color:#FFF; font-size:14px; line-height:30px;overflow:hidden;}
.New-products dl h2 a{color:#FFF;}
.New-products dt{width:227px; height:150px; background:#fff;overflow:hidden; text-align:center;}
.New-products dt img{max-height:150px;
height:150px;
height:expression_r(document.body.clientheight>150?"150px":"auto");
overflow:hidden;}
.New-products dd{width:222px; padding-left:5px; height:85px; background:#eee; border-top:1px solid #CCCll; overflow: hidden;}
.New-products dd span{ width:95%; float:left;  height:16px;line-height:16px; margin-top:3px;overflow:hidden; white-space:normal; word-break:break-all;}
.New-products dd em{overflow:hidden; width:170px; height:16px; float:right;font: normal 12px/16px Arial, Helvetica, sans-serif}

.New-products .Blue{ background: url(../images/index03.jpg) no-repeat left; padding-left:15px;}

/*底部*/
#contentB{ width:980px; margin:0px auto; clear:both; background:#fff; overflow:hidden; padding-left:10px; padding-right:10px; margin-bottom:10px; border-top:10px #FFF solid; padding-bottom:10px;}
#contentB ul{ padding:10px; width:960px; float:left;}
#contentB ul li{ width:240px; float:left;line-height:20px;}
#contentB dl{ border:1px solid #ddd; padding:10px 0px 10px 0px ; width:980px; margin:0px auto; float:left;}
#contentB dt{ float:left; margin-left:11px; margin-right:11px;}

.footer{width:1000px; margin:0px auto;clear:both; line-height:20px; padding-bottom:10px; }
.footer .left{ float:left;  width:270px;}
.footer ul{ width:350px; float:right; color:#999}
.footer ul a{padding-left:5px; padding-right:5px;}


/*内页*/
.products{ width:100%; float:left;}
.titleC{width:100%; border-bottom:2px solid #666; height:30px; line-height:30px;
color:#ff7300; float:left;}
.titleC h1{ font-size:18px; float:left;}
.titleC h2{ font-size:14px; float:left; color:#666;padding-left:10px;}
.products dl{width:227px; float:left;margin-right:6px; _margin-right:4px;margin-top:10px;}
.products dl h2{width:222px; padding-left:5px; height:30px; background:#aaaaaa;color:#FFF; font-size:14px; line-height:30px;overflow:hidden;}
.products dl h2 a{color:#FFF;}
.products dt{width:227px; height:150px; background:#fff;overflow:hidden; text-align:center;}
.products dt img{
max-height:150px;
height:150px;
height:expression_r(document.body.clientheight>150?"150px":"auto");
overflow:hidden;}
.products dd{width:222px; padding-left:5px; height:85px;overflow: hidden; background:#eee; border-top:1px solid #CCC; color:#333; font-size:12px;}
.products dd span{ width:95%; float:left; line-height:16px; margin-top:3px;}
.products dd p{ float:left;}
.products dd em{overflow:hidden; width:170px; height:16px; float:right;font: normal 12px/16px Arial, Helvetica, sans-serif}
.products .Blue{ background: url(../images/index03.jpg) no-repeat left; padding-left:15px;}

.newscontent{ padding-top:15px; width:100%; line-height:20px;}


/* 搜索*/
.tit{ width:97%; float:left; border:1px solid #CCC; padding:10px;}
.searchlist{width:97%; float:left; margin-top:10px;}
.searchlist dl{ width:100%; float:left; border-bottom:dashed #CCC 1px; margin-top:5px; margin-bottom:10px;}

#fenye{clear:both; width:100%; float:left; padding-top:10px; border-top:1px solid #ddd; margin-top:5px; padding-bottom:5px;}
#fenye a{ padding:3px 5px 3px 5px; border:1px solid #CCC; margin-bottom:5px;}
.prev{ margin-right:5px;}
#fenye table{margin-bottom:5px; padding-bottom:10px}

/* 产品内页*/
.listbox-tb{ background:url(../images/profuct-detailed_10.jpg) bottom repeat-x; height:30px; padding-bottom:35px; line-height:35px;font:bold 18px/30px Arial, Helvetica, sans-serif; 
color:#ff7300; text-align:center;}
.pro{width:100%; float:left;padding-top:10px;}
.pro dd{width:690px; float:left; line-height:20px; border-bottom:1px dashed #CCC; padding-left:10px;padding-top:5px;padding-bottom:5px;}
.pro dd span{width:650px; float:right;font: normal 12px/20px Arial, Helvetica, sans-serif}
.listbox-box{ line-height:24px; padding-top:10px; width:100%; float:left;}
.listbox-boxB{ background:#fff9db; width:400px; margin-bottom:10px; padding:10px; border:1px solid #fcefaf; float:left; margin-top:15px; color:#8f8f8f}
.clear{ clear:both; width:100%;}