@charset "utf-8";
/* CSS Document */

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre, 
form, fieldset, legend, button, input, textarea, 
th, td {margin: 0;padding: 0;}
body,
button, input, select, textarea {font: 12px "Microsoft YaHei",Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size:100%; color:#333;}
.claer{ clear:both; font-size:0;}
address, cite, dfn, em, var { font-style: normal; } 
ul, ol,li { list-style: none; }
a { text-decoration:none; } 
a:hover { text-decoration:underline; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
legend { color: #000; }
i{ font-style:normal;}
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; } 
.clearfix:after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0;overflow:hidden;}
.inlineblock{display:inline-block;zoom:1;*display:inline;overflow:hidden;}
input,textarea{outline:none;}
.clearfix{*zoom:1;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.mar_auto{ margin:0 auto;}
.mart25{ margin:25px auto;}
.topbar{ height:27px; line-height:27px; background:url(../images/topbarbg.png) repeat-x;}
.topbar a{ color:#555;}
.topbar .fl a{ padding-right:5px;}
.topbar .fr a{ padding-left:5px;}
.topbar .fr a.fav{ padding-left:16px; background:url(../images/star_icon.png) no-repeat left;}
.warp960{ width:960px; margin:0 auto;}
.header{ height:73px; background:#fff;}
.header .logo{ width:160px; height:59px; float:left; margin:7px 0;}
.searchbar{ width:480px; padding-top:18px; height:34px; margin-left:96px; float:left}
.searchbar input.in{ border:#ccc solid 1px; border-right:none; background:#fff; height:24px; padding:4px 5px; float:left;width:380px; font-size:14px;}
.searchbar input.btn{ height:34px; width:86px; float:left; background:url(../images/search_btn1.png) no-repeat; border:none; cursor:pointer; -moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;transition-timing-function: ease-in-out;}
.searchbar input.btn:hover{background:url(../images/search_btn2.png) no-repeat; }
.cart_layer{ width:131px; height:28px; background:url(../images/cart_btn.png) no-repeat; position:relative; margin-top:20px; float:right;}
.cart_layer a{ display:block;width:131px; height:28px;}
.cart_layer span{ display:block; height:22px; width:17px; background:url(../images/cart_spanbg.png) no-repeat; text-align:center; line-height:18px; color:#fff; font-size:11px; font-family:Arial; top:-10px;position:absolute; left:20px;}
.menu{ height:44px; line-height:42px; background:url(../images/menubg.png) repeat-x;}
.menu li{ float:left; text-align:center; padding:0 20px; background:url(../images/menuline.png) no-repeat right;}
.menu li a{ color:#fff; font-size:14px; }
.menu li.currnet{ background:#FCFEFF; margin-top:4px; line-height:40px;}
.menu li.currnet a{ color:#015EA0;}
.menu li.haoqi{ position:relative; }
.menu li.haoqi a{ background:url(../images/nav_arr_icon.png) no-repeat right; padding-right:16px; }
.menu li.haoqi .subcate{ position:absolute;  background:#005A9B; left:-50px; top:42px; height:34px;line-height:34px; width:400px; box-shadow:3px 4px 4px #888; display:none;}
.menu li.haoqi .subcate dd { padding:0; float:left; width:99px; border-right:#004B7F solid 1px; text-align:center}
.menu li.haoqi .subcate dd a{ font-size:12px; background:none; color:#fff; text-align:center; display:block; width:99px;}
.menu li.haoqi .subcate dd a:hover{background:none; text-decoration:none; background:#004B7F;  padding:0;}
.menu li.haoqi:hover .subcate{ display:block}
.menu .fr li{ padding:0; background:none;}
.menu .fr li a{ color:#fff; font-size:12px; margin-left:6px;}
.menu .fr li a.select{ padding-right:12px; background:url(../images/select_icon.png) no-repeat right;}
.menu .fr li.my_cart{ padding-right:6px; position:relative;}
.menu .fr li.my_cart div.xl{ background:#005A9B; position:absolute; top:40px; left:0; padding-bottom:3px; width:80px; text-align:center; display:none;}
.menu .fr li.my_cart:hover div.xl{ display:block;}
.menu .fr li.my_cart div.xl li{ line-height:26px; font-size:12px; float:none; padding:0; margin:0; border-bottom:#004472 solid 1px;}
.menu .fr li.my_cart div.xl li a{ margin:0; display:block}
.menu .fr li.my_cart div.xl li a:hover{ text-decoration:none; background:#014E82}
#footer{ border-top:#ccc solid 3px; background:#fff; padding:17px 0; text-align:center; line-height:24px; color:#999;}
#footer a{ color:#666; padding:0 5px;}