@charset "utf-8";
/* CSS Document */
/*初始化结构*/
html{background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,p,blockquote,th,td,input{margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6{font-size: 100%;font-weight: normal;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
th{text-align: left;}
td,th,div{word-break:break-all;word-wrap:break-word;}
form{display:inline;}
*{outline:none}
img{border:0;}
em,cite{ font-style:normal;}
blockquote{quotes: none;}
blockquote:before,blockquote:after,{content: '';content: none;}
html{ font-size:12px;}
body {font: 12px/1.5 Tahoma,Helvetica,Arial,'宋体b8b\4f53',sans-serif;}
a {text-decoration:none; color:#3666c6;cursor: pointer;}
a:hover { color:#f60; text-decoration:underline;}
.l{float:left;}
.r{float:right;}
/*模型补丁*/
.mt10{margin-top:10px;}
.mb5{margin-bottom:5px;}
.mt5{margin-top:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.ml5 { margin-left:5px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.pl10{padding-left:10px;}
.mlr5 { margin:0 5px;}
.ml10 { margin-left:10px;}
.ml15{margin-left:15px;}
.block{display:block;}

.color1{ color:#b2b2b2;}

/*清楚浮动*/
.cc{*zoom:1;}
.cc:after{content:'\20';display:block;height:0;clear:both;visibility: hidden;}
.c{clear:both;font:0px/0px Arial;overflow:hidden;height:0;width:0;}
/*通用样式*/
.b,b{ font-weight:700;}
.w{white-space:nowrap}
.tal{text-align:left}
.tac{text-align:center}
.tar{text-align:right}
.fr{float:right}
.fl{float:left}
.pr{position:relative}
.cp{cursor:pointer;}
.vt,.vt td,.vt th{vertical-align:top}
/*通用字体*/
.f9{font-size:10px;}
.f10,small,.small{font-size:10px;}
.f12{font-size:12px}
.f14{font-size:14px}
.f16{font-size:16px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
.fn,.fn a{font-weight:normal}
/*页面定宽居中*/
#page,.page{margin-left: auto; margin-right: auto; width:950px;}
#page2,.page2{margin-left: auto; margin-right: auto; width:990px;}
#page3,.page3 { width:1000px; margin:0 auto;}
#page4,.page4 { width:980px; margin:0 auto;}
#page5,.page5 { width:900px; margin:0 auto;}


/*分页*/
.pages{ float:left;line-height:19px;height:19px;}
.pages a,.pages b{display:block;float:left;margin-right:3px;}
.pages a{border:1px solid #cccccc;background-color:#fff;padding:0 7px;color:#0063dc;}
.pages b,.pages a:hover,.pages .current{background-color:#fff;color:#ff5500;border:1px solid #ff5500;text-decoration:none;padding:0 7px;}
.pages .fl{color:#666;padding:0 6px 0 3px;}
.pages input{padding:0;float:left;border:1px solid #cccccc;background:#ffffff;padding:2px;float:left;margin:0 2px 0 0;height:15px;width:22px;}
.pages button{height:21px;line-height:16px;background-color:#fff; float:left; display:block; padding:0 4px;color:#666;border:1px solid #cccccc;cursor:pointer;margin:0;overflow:hidden;_overflow:auto;}
.fr .pages{_float:right;}/*ie6*/
/*.pages a.pages_pre{padding-left:16px;background-image:url(pre.png); background-position:7px center; background-repeat:no-repeat;}
.pages a.pages_pre:hover{padding-left:16px;}
.pages a.pages_next{padding-right:16px;background-image:url(next.png); background-position:48px center; background-repeat:no-repeat;}
.pages a.pages_next:hover{padding-right:16px;}
*/


a { color:#515151}


.nav {background:url(nav_re.gif) repeat-x 0 0; height:53px; margin:5px 0;}
.nav .inner { width:900px; margin:0 auto; font-size:16px; font-weight:bold; height:42px; line-height:42px;}
.nav .inner a { float:left; width:140px; border-right:1px solid #e3e2e2; text-align:center; line-height:42px; height:42px; color:#636363;}
.nav .inner a:hover{background:url(nav_re_hover.gif) repeat-x 0 0;  text-decoration:none; color:#000;}
.nav .inner a.home { padding-left:29px; color:#fff; background:url(index_nav.gif) no-repeat 0 0; width:auto; border-right:0; position:relative; top:-4px; height:47px;}
.nav .inner a span { padding-right:37px; float:left; background:url(index_nav.gif) no-repeat right 0; height:46px; line-height:46px;}
.category-wrap { float:left;}



.foot{width:900px; font-size:16px;  line-height:32px; padding: 15px; text-align:center;}


.hot_shop{border:1px solid #d3d3d3; width:870px; font-size:16px;  line-height:32px; padding: 15px;}
.hot_shop .title{ font-size:20px; height:40px; position:relative; font-weight:bold;}
.hot_shop .title h2{float:left; line-height:50px; color:#33302f; font-size:14px; font-weight:bold; padding-left:6px;}

.hot_shop .anno { float:right;  position:relative; margin-right:45px; width:500px; height:40px; overflow:hidden;}
.hot_shop .anno ul{position: absolute;}
.hot_shop .anno ul li{ width:500px; text-align:right;  height:40px; line-height:40px; float:left;}

.hot_shop .anno_btn{position:absolute; right:6px; top:12px;}
.hot_shop .anno_btn span{background:url(images/index/anno_btn.gif) no-repeat; text-indent:-9999em; display:block; float:left; width:16px; height:15px;}
.hot_shop .anno_btn span.anno_btn_r{ background-position:-16px 0;}

.hot_list{ position:relative;}
 .hot_list_box{ margin:15px 0 0 40px; width:610px; height:138px; overflow:hidden;}
 .hot_list_box li{ float:left; width:122px; text-align:center;}
 .hot_list_box li img {width:102px; height:102px;}
 .hot_list_box li span{display:block; height:24px; line-height:24px;}
 
 .list_btn{ }
 .list_btn a{background:url(images/index/hot_list_btn.gif) no-repeat; text-indent:-9999em; display:block; float:left; width:24px; height:24px;position:absolute;}
  .list_btn a.list_btn_l{left:6px; _left:-30px; top:40px;}
  .list_btn a:hover.list_btn_l{background-position:0 -24px;}
  .list_btn a.list_btn_r{background-position:-24px 0px; right:6px; top:40px;}
  .list_btn a:hover.list_btn_r{background-position:-24px -24px;}

.hot_list_box{position:relative;}
.hot_list_box ul{position: absolute;}