﻿@charset "utf-8";

a{font-family:Microsoft Yahei,微软雅黑,"微软雅黑",Verdana,Arial,"宋体",Helvetica, sans-serif;font-size:13px;text-decoration: none;}
a:link   {color:#444444;}
a:visited{color:#444444;}
a:hover  {color:#00a2e9;}
a:active {color:#444444;}

/*去掉链接（包括图片链接）的虚线边框*/ 
a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */ 
:focus { outline: none; }/* for Firefox */  

body { background:#fff; text-align:center; margin:0; color:#444444; line-height:24px; min-height:1000px;}
body.autoHeight{min-height:0;}
div,ul,dl,dt,dd{ margin:0; padding:0;list-style:none;}
body,td,input,select,textarea{ font-family:微软雅黑,"微软雅黑",Verdana,Arial,"宋体",Helvetica, sans-serif; font-size: 13px;}
img{ border:0;}
form{ margin:0}
input,select{ vertical-align:middle;}
input[type=text],input[type=password],textarea,select{ border:#d7d7d7 1px solid; color:#646464}
hr{border-top:#e1e1e1 1px solid; border-bottom:#fff 1px solid; background:none; border-left:none; border-right:none}
*{-webkit-text-size-adjust:none; /*解决webkit内核浏览器强制最小字体*/ -moz-box-sizing:border-box;-o-box-sizing:border-box; -webkit-box-sizing:border-box;box-sizing:border-box;}
/*css3过渡效果*/
a,input,li,p{transition:background-color 0.4s;-webkit-transition:background-color 0.4s;-moz-transition:background-color 0.4s; -o-transition:background-color 0.4s;}
input::-webkit-input-placeholder{color:#c8c8c8; } 
input:-moz-placeholder{color:#c8c8c8;} 
input::-moz-placeholder{color:#c8c8c8;} 
input:-ms-input-placeholder{color:#c8c8c8;} 

/*公共*/
.blank{clear:both; height:0; line-height:0; font-size:0; margin:0; padding:0}
.hide{ display:none;}
.dott{ border-bottom:#e1e1e1 1px dotted; margin:10px 0;}.line{border-bottom:#e1e1e1 1px solid;}
.fullWidth{ position:relative; width:100%; min-width:1200px; margin:0 auto;}
.globalWidth{ position:relative; width:1200px; margin:0 auto; text-align:left;}
.globalBorder{ border:#e1e1e1 1px solid; -moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.floatL{ float:left;}.floatR{ float:right;}.text_center{ text-align:center;}
.Vmiddle{ vertical-align:middle; margin-top:-4px; *margin-top:0;}
input.Vmiddle{ margin-top:-1px; *margin-top:0;}
.red,a.red{ color:#e6202d;}a.red:hover{ color:#333333;}
.hili,a.hili{ color:#f19130;}a.hili:hover{ color:#333333;}
.Price,.price{ color:#f19130;}
.grey,a.grey,a.grey:visited{ color:#a0a0a0;}a.grey:hover{color:#00a2e9;}
.blue,a.blue,a.blue:visited{ color:#00a2e9;}a.blue:hover{ color:#f19130;}

/*图标*/
.ico_crown,.ico_star{ display:inline-block; width:30px; height:30px; overflow:hidden; vertical-align:top; margin-right:8px; background:url(../images/ico_public.png) left top no-repeat;}
.ico_star{ background-position:-30px top;}
/*提示图标*/
.Prompt{ text-align:center; margin:0 0 25px 0; padding:15px 0; font-size:22px;}
.ico_Success{ width:46px; height:46px; display:inline-block; vertical-align:middle; background:url(../images/icos.png) left -145px no-repeat; margin:0 10px}
.ico_Remind{ width:46px; height:46px; display:inline-block; vertical-align:middle; background:url(../images/icos.png) -49px -145px no-repeat; margin:0 10px}
.ico_Failure{ width:46px; height:46px; display:inline-block; vertical-align:middle; background:url(../images/icos.png) -147px -145px no-repeat; margin:0 10px}
.Prompt p{padding:18px 0 0 75px; margin:0; font-size:13px; font-weight:normal;}

/*按钮*/
a.Btn1,input.Btn1{ height:2.5em; line-height:2.5em; display:inline-block; padding:0 2.5em; background:#00a2e9; color:#fff; text-align: center; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; cursor:hand; cursor:pointer; border:none; white-space: nowrap;}
a.Btn1:Hover,input.Btn1:Hover{ background:#f19130; }
a.Btn1.fwidth,input.Btn1.fwidth{ width:100%; font-size: 16px;}
a.Btn2,input.Btn2{ height: 40px; line-height: 40px; background: #ddebfa; border:#aeddf2 1px solid; border-radius:4px; display: inline-block; padding: 0 1.5em; vertical-align: middle; color: #00a2e9; cursor: hand; cursor: pointer;}
a.Btn2:hover,input.Btn2:hover{ background:#00a2e9; border-color: #00a2e9; color:#fff;}

/*顶部*/
#top_box{ width:100%; min-width:1200px; height:36px; line-height:36px; background:#dfe3e8; margin:0 auto;}
#top{ height:36px; color:#ccc;}
#top i{ width:2px; height:36px; vertical-align:top; display:inline-block; background:#f2f4f6; border-left:#c9cfd7 1px solid;}
#top a{ margin:0 10px; color:#808080;}#top a:hover{ color:#00a2e9;}
#top_left{ float:left; padding:0 10px;}
#top_sj{ float:left; padding:0 10px;}
#top_sj a{ display:inline-block; height:30px; white-space:nowrap; margin:0 10px; cursor:pointer; cursor:hand;}
.ico_sinaWeibo,.ico_txWeibo,.ico_weixin,.ico_order,.ico_member,.ico_vip{ display:inline-block; width:22px; height:30px; background:url(../images/icos.png) left top no-repeat; vertical-align:middle;}
.ico_txWeibo{ background-position:-30px top;}
.ico_weixin{ background-position:-60px top;}
.ico_order{ background-position:-90px top;}
.ico_member{ background-position:-120px top;}
.ico_vip{ background-position:-180px top;}
#top_right{ float:right;}

/*头部*/
#header{ position:relative; /*background:#f2f7fd;*/ background:#fff; border-bottom:#f19130 2px solid;}
#index #header{border-bottom:#e5ebf4 1px solid;}
#head{ position:relative; }
#logo{ float:left; padding-left:16px;}
#logo a{display:table-cell;vertical-align:middle;  height:115px; *display: block; *font-size:100px;}
#logo a img{ vertical-align:middle}

/*头部--搜索*/
#head_search{ position:relative; float:right; margin-top:29px; text-align:left; *display:inline;}
#Searchform{height:38px; box-shadow:rgba(0,0,0,0.08) 0 0 10px; white-space: nowrap;}
input#SearchInput{ width:412px; box-sizing:border-box; height:38px; line-height:38px; /*background:url(../images/icos.png) -220px -114px no-repeat #fefeff;*/ border:#21b0ef 2px solid; border-left:none; border-right: none; color:#969696; text-indent:16px; display:block; padding:0; margin:0; vertical-align:top; float:left;}
#search_sele{ position:relative; float: left; width:78px; cursor: hand; cursor: pointer;}
#search_sele:after{ content:""; position: absolute; left: auto; right: 8px; top: 0; bottom: 0; margin:auto 0; width: 0; height: 0; border-left: transparent 5px solid; border-right: transparent 5px solid; border-top:#ccc 5px solid;}
#search_sele:hover:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
input#sele{ height:38px; line-height: 38px; border:#21b0ef 2px solid; border-right:#e1e1e1 1px solid; color: #a0a0a0; width:78px; padding: 0 0 0 10px;cursor: hand; cursor: pointer;}
#search_sele ul{  position:absolute; z-index: 100; left: 0; top:100%; width: 100%; padding:0 0 6px 0; border: #e1e1e1 1px solid; background: #fff; display: none;}
#search_sele ul li{ width: 100%; line-height:24px; height:24px; padding: 0 10px; color: #888;}
#search_sele ul li:hover{ color:#444; background: #f5f5f5;}
#searchBtn{ background:#0076da; color:#fff; font-size:15px; font-weight:bold; display:inline-block; width:88px; height:38px; line-height:38px; text-align:center; float:left; -moz-border-radius:0 3px 3px 0;-ms-border-radius:0 3px 3px 0;-o-border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
#searchBtn:hover{ background:#f19130;}
#head_search p{ margin:0; padding:0; height:30px; line-height:30px; font-size:12px; width: 100%; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; -o-text-overflow: ellipsis;}
#head_search p a{ margin:0 5px; color:#a0a0a0;font-size:12px;}

/*头部--购物车*/
#head_cart{ position:relative; display:inline-block; cursor:hand; cursor:pointer; float:right; height:38px; line-height:38px; padding:0 10px 0 0;margin:29px 12px 0 24px; border:#e6e6e6 1px solid; border-radius:4px; background:#fefeff; overflow: hidden; box-shadow:rgba(0,0,0,0.08) 0 0 10px;}
#head_cart .red{ color:#f08519;}
#head_cart:hover{ border-color:#f19130; color:#f19130;box-shadow:rgba(241,145,48,0.2) 0 0 10px;}
#ico_shoppingCart{ display:inline-block; height:38px; width:46px; margin-right:10px; background:url(../images/icos.png) 6px -28px no-repeat #f19130; float:left;}

/*头部--二维码*/
#headEWM{position:relative; display:inline-block; cursor:hand; cursor:pointer; float:right; height:38px; line-height:38px;overflow: hidden; padding:0 10px 0 5px;margin:29px 0 0 0; border:#e6e6e6 1px solid; border-radius:4px; background:#fefeff; box-shadow:rgba(0,0,0,0.08) 0 0 10px;}
#ico_EWM{ display:inline-block; height:36px; width:30px; margin-right:0px; background:url(../images/icos.png) -180px 3px no-repeat; float:left; font-size: 12px}
#headEWM p{ position:absolute; z-index: 10; left: auto; right: 0; top:50%; opacity: 0; display:none\9;text-align: center; padding:0.5em; margin:12px 0 0 0; background:#fff; border:#c8c8c8 1px solid; box-shadow:rgba(0,0,0,0.1) 0 0 10px; transition:top 0.5s,opacity 0.3s; -webkit-transition:top 0.5s,opacity 0.3s; -moz-transition:top 0.5s,opacity 0.3s; -o-transition:top 0.5s,opacity 0.3s;}
#headEWM:hover{ overflow: visible;}
#headEWM:hover p{ top: 100%; opacity: 1; display: block\9;}
#headEWM p img{ max-width: 110px; height: auto; vertical-align: bottom;}
#headEWM p:before,#headEWM p:after{ content:""; display: inline-block; width:0; height:0; border-left:transparent 8px solid; border-right:transparent 8px solid; border-bottom:#fff 8px solid; position:absolute; z-index:11; left:auto; right: 25px; top:-8px;}
#headEWM p:after{ z-index:10; border-bottom-color:#b4b4b4; top: -9px;}


#headLine{border-top:#e3e7ec 1px solid; margin-bottom:15px;}
/*主导航*/
/*#menu{ width:100%; float:left;}
.showcatalog #menu{ width:950px; float:right;}*/
#menu{ width:950px; float:right;}
#nav li{ position:relative; float:left; height:46px; margin:0;}
#nav li a{ height:32px; line-height:32px; display:inline-block; padding:0 45px;  font-size:15px; color:#4c3701; border-radius:4px; text-align:center;}
#nav li a:hover{ color:#f19130;}
#nav li.Currpage a{ color:#f19130; /*background:#ffae00;*/}
/*#nav li.Currpage:after{ content:""; display:inline-block; position:absolute; left:15%; top:-16px; width:70%; height:2px; background:#f19130;}*/

/*全部商品分类*/
#cate_Menu{ position:relative; height:42px; margin-top:4px; width:220px; float:left; background:#f19130; color:#fff; /*border-radius:6px 6px 0 0;*/}
#cate_Menu em{ font-style:normal; font-size:16px; height:46px; line-height:46px; padding-left:1em; cursor:hand; cursor:pointer; display:inline-block; width:100%; }
#cate_Menu em:after{ content:""; display:inline-block; width:30px; height:30px; background:url(../images/icos.png) -150px top no-repeat; float:right; margin:10px 8px 0 0;}
#cateMenu{position:absolute; z-index:100; left:0; top:100%; width:220px; color:#fff; overflow:hidden; background:#0076da; padding:10px 0 10px 0; display:none;max-height:440px; height:440px\9;-webkit-transition:max-height 0.5s ease; -moz-transition:max-height 0.5s ease; -o-transition:max-height 0.5s ease; transition:max-height 0.5s ease;}
#cateMenu:after{ content:"====="; position: absolute; left: 0; bottom: 0; top: auto; text-align: center; line-height: 20px; padding-top: 60px; letter-spacing:-4px; color: #fff; display: inline-block; width: 100%; background:url(../images/overlay.png) left top repeat-x; transition:bottom 0.5s ease; -webkit-transition:bottom 0.5s ease;}
#cateMenu.showAll{ height:auto\9; max-height:3000px;}
#cateMenu.showAll:after{ bottom:-80px;}
#cateMenu ul li{border-bottom:#1f7fdc 1px solid; height: 30px; transition:none;}
#cateMenu ul li a{ position:relative; display: inline-block; width: 100%; height:30px; line-height: 30px; overflow: hidden;padding: 0 30px 0 20px; color: #fff; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
#cateMenu ul li a:after{ content:">"; font-family: "宋体"; font-size: 12px; display: inline-block; width: 12px; height:30px; position: absolute; left: auto; right:12px; top: 0;}
#cateMenu ul li.hover{ background:#4098e3;}

/*显示与否*/
.showcatalog #cateMenu{ display:block;}
.showcatalog #cate_Menu em{ cursor:default;}
#cate_Menu:hover #cateMenu{display:block;}

/*弹出分类*/
#subCatalog{ position:absolute; z-index:100; left:220px; top:46px; width:750px; /*height:460px;*/ overflow:hidden; background:#fff\9; background:rgba(255,255,255,0.96); border:#0076da 2px solid; border-left:none; -moz-box-shadow:0 0 10px rgba(0,0,0,0.08); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.08);box-shadow:0 0 10px rgba(0,0,0,0.08); display:none;}
#subCatalog.loading{ background:url(../images/loading.gif) center center no-repeat #fff;}
.subList{ /*display:none;*/ line-height:30px;}
.subList p{ padding:0; padding:10px 15px 0 15px; margin: 0; border-bottom:#e1e1e1 1px solid;}
.subList dl,.subList ul{ font-size:11px; color:#ccc; clear:both; margin:10px 15px 0 15px;}
.subList dl{border-bottom:#ebebeb 1px solid; float:left; width:100%;}
.subList dt{ float:left; width:80px; margin:0 6px 0 0; padding:0; text-align:center;font-size:14px; *display:inline;}
.subList dt a,.subList p a{ color:#0076da; font-weight:bold; font-size: 14px; padding-left: 12px;}
.subList dt a:hover,.subList p a:hover{ color:#f19130}
.subList dd{ padding:0; float:left; width:640px; margin:0;}
.subList dd a,.subList li a{ padding:0 12px; display:inline-block;}
.subList dd a:hover,.subList li a:hover{color:#0076da}

/*页脚*/
#slogan{margin:50px auto 0 auto; border-bottom:#d9eaf9 1px solid\9; border-bottom:rgba(113,38,39,0.15) 1px solid; width:100%; min-width:1200px; background:#e3effb;}
#slogan p{ padding:50px 0 5px 0;}
#foot{ position:relative; z-index:99;clear:both;width:100%; min-width:1200px; background:#014399; color:#b8cff1; border-bottom: #01398a 1px solid;}
#foot a{color:#b8cff1;}#foot a:hover{ color:#fff;}
#foot .globalWidth{text-align:center;}
#foot_contact{ float:right; border-left:#dcdcdc 1px solid; padding-left:20px;}
.foot_contact{ white-space:nowrap; display:inline-block; font-size:24px; margin-top:8px; font-weight:bold;}
#foot_ewm{ float:right; padding:25px 0 10px 40px;}
#foot_ewm a{ display:inline-block; max-width:110px;overflow:hidden; margin-left:12px; }
#foot_ewm a img{ max-width:100%; vertical-align: bottom;border-radius:4px; background:#fff; padding:4px;}
#foot_links{ float:left; text-align:left; display:inline-block; padding:35px 0 25px 0;}
#foot_links dl{ float:left; margin:0 55px 0 0;}
#foot_links dt{ color:#fff; font-size:18px; font-weight:bold; padding-bottom:10px;}
.foot_el{ position:relative; padding-left:36px; text-align:left; border-left: #01398a 1px solid; min-height: 100px;}
.foot_el:after{ content:""; position: absolute; left: 0; top: 0; display: inline-block; width: 1px; height: 100%; overflow: hidden; background:#014da8;}

#fot{padding:15px 0; margin:0 auto; text-align:left; color:#b8cff1; font-size:12px; background:#014399; border-top: #014ba5 1px solid;}
#fot,#fot a{ color:#b8cff1; font-size:12px;}
#fot a:Hover{ color:#fff;}

/*翻页*/
.pages{margin:30px auto; clear:both; height:38px; line-height:38px; text-align:right;color:#a0a0a0; font-size: 0;}
.pages a,.pages a:visited{height:38px; margin:0 3px; padding:0 1.5em; display:inline-block; text-align:center; border:#e1e1e1 1px solid; color:#a0a0a0; font-size: 13px; border-radius:4px;}
.pages a:hover{ color:#00a2e9; }
.pages span{ margin:0 3px; color:#999; font-size:13px; display:inline-block; padding:0 0 0 3px; height:38px; text-align:center;}
.pages .thisp{color:#fff; background:#00a2e9; display:inline-block; padding:0 1.5em;height:38px; border:#00a2e9 1px solid; -moz-border-radius:3px; -webkit-border-radius:3px;border-radius:3px;}
.pages a.disabled{ color:#a0a0a0;}
.pages a.disabled:hover{ background:#fff;}
.pages input{ width:60px; height:38px; line-height:38px; text-align:center; vertical-align:top; border:#e1e1e1 1px solid; background: #fff; border-radius: 4px;}
input#gopage{ margin-left:-4px; border-radius:0 4px 4px 0;}
input#gopage:hover{ background-color:#00a2e9; color:#fff;}
#pageList{ display:inline-block;}
#pageList a,#pageList span{ border-radius: 0; margin: 0 -1px 0 0;}
#pageList a:first-child,#pageList span:first-child{ border-radius:4px 0 0 4px;}
#pageList a:last-child,#pageList span:last-child{ border-radius:0 4px 4px 0;}

/*当前位置*/
#posi,#posi a{font-family:"宋体",微软雅黑,"微软雅黑",Verdana,Arial; color:#a0a0a0; line-height:26px;}
#posi{ white-space:nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis;height:32px; margin:20px 0 10px 0;}
#posi a{ display:inline-block; padding:0 15px; border:#e6e6e6 1px solid;}#posi a:hover{color:#00a2e9; border-color:#00a2e9;}

/*表格*/
.gl_table tr.table_head{ font-size:15px; font-weight:bold;}
.gl_table tr.table_head td{border-bottom:#ddd 1px dotted;}

#error{ position: absolute; z-index: 10; left: 0; right: 0; top:-200px; margin: 0 auto; display: inline-block; width:auto; max-width:25%; padding: 1em; background:#f19130; color:#fff; border-radius:0 0 0.5em 0.5em; -webkit-transition:top 0.3s; -moz-transition:top 0.3s; -o-transition:top 0.3s;transition:top 0.3s;}
#error.show{ top:0;}

/*浮动窗口*/
#CS{ position:fixed; top:auto; top:38%; right:0; width:64px; z-index:999; line-height:0;}
#CS a{ position:relative; display:inline-block; width:64px; height:64px; padding:16px; /*border:#ddd 1px solid;*/ margin-bottom:1px;cursor:hand; cursor:pointer;background:#00a2e9;}
#CS a:hover{ background:#f19130;}
#CS a span{ position:absolute; z-index:998; display:inline-block; overflow: hidden; padding:16px 0; white-space:nowrap; height: 64px; line-height:16px; text-align:left; font-size:12px; margin-right:1px; left:auto; right:100%; top:0; background:#f19130; color:#fff;transition:max-width 0.3s;-moz-transition:max-width 0.3s;-webkit-transition:max-width 0.3s;-o-transition:max-width 0.3s; max-width: 0;}
#CS a:hover span{ max-width:350px; padding:16px 10px;}
#CS a em{ display:inline-block; width:32px; height:32px; background:url(../images/CS.png) center top no-repeat;}
#CS a.CS_chat em{ background-position: center -32px;}
#CS a#goTop em{background-position: center -64px;}