@charset "utf-8";

/* reset */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td { padding: 0px; margin: 0px; }
table { border-spacing: 0; border-collapse: collapse; }
fieldset,
img { border: 0; }
img { border: 0px; }
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
i { font-style: normal; font-weight: 400;}
ol,
ul { list-style: none; }
caption,
th { text-align: left; }
h1,
h2,
h3,
h4,
h5,
h6 { font-weight: 400; font-size: 100%; line-height: inherit; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
legend { color: #000; }
input,
textarea,
select,
button,
option { font-family: inherit; font-size: inherit; font-weight: inherit; }
q:before,
q:after { content: ''; }
abbr,
acronym { border: 0; }
em { font-style: normal; }
dl,
dt,
dd { float: left; }
.clearfix:before,
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { *zoom: 1; }
*,
*:before,
*:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
@-ms-viewport { width: auto; }

/*  */
body { font: 12px "微软雅黑", Tahoma, "Arial Narrow", HELVETICA; background: #ffffff; -webkit-text-size-adjust: none; color: #333; }
a { text-decoration: none; cursor: pointer; color: #333; }
a:visited { text-decoration: none; }
a:hover { color: #02a586; text-decoration: none; }
a:active,
a:focus { -moz-outline: none; outline: none; ie-dummy:expression(this.hideFocus=true); text-decoration: none; }
input[type="text"] { vertical-align: middle; }
input[type="text"]:active,
input[type="text"]:focus,
input[type="password"]:active,
input[type="password"]:focus { outline: none; }
input[type="file"] { outline: none; line-height: normal; }
label { white-space: nowrap; font-weight: 400; }
.fl { float: left }
.fr { float: right }
.nobdr { border: none; }
b { font-weight: bold; }
em { font-style: normal; }
p { word-break: break-all; word-wrap: break-word; }
.ind { text-indent: 2em; }
.ind10 { text-indent: 10px; }
.noborder { border: 0; }
.layout:after,
.hd:after,
.bd:after,
.ft:after,
.mod:after,
.lay990:after { content: ""; display: table; clear: both; }
.layout,
.hd,
.bd,
.ft,
.cf,
.mod,
.lay990 { *zoom: 1; }
.fl,
.layout .fl,
.chief { float: left; display: inline; }
.fr,
.layout .fr,
.extra { float: right; display: inline; }
.fn { font-weight: normal; }
.layout { width: 1200px; margin-right: auto; margin-left: auto; }
.lay990 { width: 1200px; margin-right: auto; margin-left: auto; }
.ovh { overflow: hidden; }
.mod { overflow: hidden; margin-bottom: 10px; background-color: #fff; }
.mod.refilter { border: 1px solid #e6e6e6; }
.mt0 { margin-top: 0; }
.mt5 { margin-top: 5px; }
.mt8 { margin-top: 8px; }
.mt10 { margin-top: 10px; }
.mt12 { margin-top: 12px; }
.mt15 { margin-top: 15px; }
.mt25 { margin-top: 25px; }
.mr0 { margin-right: 0; }
.mr15 { margin-right: 15px; }
.mr5 { margin-right: 5px; }
.mb0 { margin-bottom: 0; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.ml0 { margin-left: 0; }
.ml5 { margin-left: 5px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml10 { margin-left: 10px; }
.pb15 { padding-bottom: 15px; }
.pl25 { padding-left: 25px; }
.pl150 { padding-left: 150px; }
.fs0 { font-size: 0; }
.tal { text-align: left; }
.tac { text-align: center; }
.tar { text-align: right; }
.pd0 { padding: 0; }
.pl160 { padding-left: 160px; }
.ml160 { margin-left: 160px; }
.wordBreak { word-break: break-all; word-wrap: break-word; }
.layout { width: 1200px; margin-right: auto; margin-left: auto; }
.mallTop_nav { padding-left: 252px; height: 38px; line-height: 38px; position: relative; font-size: 14px; color: #fff; background-color: #076c50; }
.mallTop_categorys { width: 192px; height: 38px; padding-left: 60px; position: absolute; left: 0px; top: 0px; }
.mallTop_categoryList { }
.malTop_navList { }
.malTop_navList li { float: left; position: relative; margin-right: 36px; }
.malTop_navList a { display: inline-block; padding: 0px 22px; color: #fff; background-color: #076c50; }
.malTop_navList a:hover { background-color: #004b42; }
input.text_page { width: 40px; text-align: center; }
input.input-text { height: 14px; line-height: 14px; padding: 8px; border: 1px solid #cdcdcd; }
input.input-text:focus { border: solid 1px #004b42; }

/* 顶部 */
.width1200 { width: 1200px; margin: 0px auto; }
.container { }
.topbar_wrap { line-height: 30px; background-color: #f9f9f9; }
.topbar_wrap .layout { position: relative; z-index: 30; }
.topbar_wrap .topbar { color: #666; height: 30px; line-height: 30px; font-size: 12px; }
.topbar_wrap .topbar .regGreen{ color: #02a586; margin-left: 10px; }
.topbar_wrap .topbar .regGreen:hover { color: #02a586; text-decoration: underline; }
.topbar_wrap .rightArea { float: right; display: inline; }
.topbar_wrap .rightArea li { position: relative; float: left; padding: 0 12px; }
.topbar_wrap .rightArea span.f {float: left; margin: 0px 10px; color: #e8e8e8;}

/*头部logo*/
.header { position: relative; padding-top: 0px; z-index: 20; background-color: #fff; padding-bottom: 0px;}
.header .logo { float: left; display: inline; width:430px; min-height: 90px; _height: 90px; vertical-align: middle; line-height: 90px; }
.header .logo a { display: block; width:326px; height:66px; margin-top:20px; line-height:0px; float:left; }

/* 头部导航栏搜索 */
.topNav_searchBar { float: left; display: inline; width:430px; padding-top: 45px; }
.topNav_searchBar .searchBar { float: left; display: inline; width: 100%; position: relative; height: 38px; }
.topNav_searchBar .searchInput { float: left; display: inline; width: 395px; height: 14px; line-height: 16px; padding: 11px; border: 1px solid #006F6B; border-right: 0 none; color: #333; font-size: 14px; }
.topNav_searchBar .searchBtn { float: left; display: inline; width: 80px; height: 38px; margin-left: -1px; border: 0 none; background-color:#02a586; color: #fff; font-size: 16px; cursor: pointer; }
.topNav_searchBar .search_hot { float: left; width: 100%; padding-top: 10px; color: #3f3f3f; overflow: hidden; height: 18px; display: inline-block; }
.topNav_searchBar .search_hot span { float: left; }
.topNav_searchBar .search_hot a { margin-right: 5px; color: #666; display: inline-block; float: left; }
.topNav_searchBar .search_hot a:hover { text-decoration: underline; color: #ECA519; }
.topNav_searchBar .search_hot a.colorRed { color: #fe0000; }
.topNav_searchBar .searchInput { float: left; display: inline; width: 395px; height: 14px; line-height: 16px; padding: 11px; border: 1px solid #006F6B; border-right: 0 none; color: #333; font-size: 14px; }
.topNav_searchBar .searchBtn { float: left; display: inline; width: 80px; height: 38px; margin-left: -1px; border: 0 none; background-color:#02a586; color: #fff; font-size: 16px; cursor: pointer; }
.topNav_searchBar .searchInput { border: 2px solid #02a586; color: #626262; padding: 9px 11px 9px 10px; width:260px; height: 16px; }

.header_search_bar { float: left; position: relative; width:63px; height: 34px; border: 2px solid #02a586; border-right: 1px solid #02a586; font-size: 14px; text-align: left; line-height: 33px; margin-right: -2px; background: #fff; }
.search_type { position: absolute; top: -2px; left: -2px; width: 48px; height: 34px; list-style: none; margin: 0px; padding-left: 15px; background: #fff url(../images/ico/topbar_icon.png) no-repeat 50px 15px; overflow: hidden; border-top: 1px solid #ff4400; border: 2px solid  #02a586; border-bottom: 2px solid  #02a586; border-left: 2px solid #02a586; }
.search_type li { list-style: none; margin: 0px; padding: 0px; cursor: pointer; }
.search_type li.item { display: none; }
.header_search_bar ul.selected { overflow: hidden; height: auto; }
.header_search_bar ul.selected li.item { display: block; background: #fff;  overflow: hidden; }

/*头部代购中心订货单*/
.GoogsList_wrap,
.topSearch_myCenter_wrap { float: right; margin-top: 45px; }
.GoogsList_wrap{position: relative; z-index: 2;}
.topSearch_myCenter_wrap { float:left; margin-left:85px; position: relative; z-index: 1;}
.GoogsList_wrap dt { position: absolute; display: block; width: 80px; height: 34px; font-size: 14px; position: relative; line-height: 34px; padding-left: 40px; border: solid 1px #dfdfdf; background: #fff url("../images/ico/page_ico.png") 8px -20px no-repeat; z-index: 5; font-weight: normal; border-radius:3px; }
.GoogsList_wrap dt a{color: #666;}
.GoogsList_wrap dt a:hover{color: #02a586; }
.GoogsList_wrap .num { height: 22px; position: absolute; top: -12px; left: 30px; background: url(../images/bg/cart_num_bg.png) left top no-repeat; border-top-left-radius: 3px; }
.GoogsList_wrap .num .num_con { height: 18px; line-height: 18px; font-size: 12px; background: #ff4400; padding: 0px 7px; color: #fff; border-radius: 3px; border-bottom-left-radius: 0; }
.GoogsList_wrap .icon { width: 0; height: 0; font-size: 0; border: 5px solid #e7e7e7; border-left: 5px solid #000; position: absolute; right: 12px; top: 12px; cursor: pointer; }

.GoogsList_wrap dd { display: none; }
.GoogsList_wrap.hover dt{ border-bottom: 0 none; border-radius: 3px 3px 0 0; background-color: #fff; z-index:10; }
.GoogsList_wrap.hover dd{ position: absolute; display: block; top: 34px; right: 0; width: 350px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.12); border: 1px solid #ddd; border-radius: 3px 0 3px 3px; background-color: #fff; z-index: 1; }
.GoogsList_wrap .shopping_list{margin: 10px; width: 330px}
.GoogsList_wrap .shopping_list li{padding:10px 5px; width: 320px; height: 40px; border-bottom: 1px solid #ddd;}
.GoogsList_wrap .shopping_list li:after { content: ""; display: block; height: 0; line-height: 0px; clear: both; visibility: hidden; }
.GoogsList_wrap .shopping_list li:last-child{border: 0 none;}
.GoogsList_wrap .shopping_list li .img_box{float: left; margin: 0 auto; margin-right: 10px; width: 40px; height: 40px; line-height: 40px; text-align: center; overflow: hidden;}
.GoogsList_wrap .shopping_list li .img_box img{ margin: 0 auto; max-width: 40px; max-height: 40px; text-align: center;}
.GoogsList_wrap .shopping_list li .s_name{float: left; margin: 0 auto; margin-right: 10px; width: 200px; overflow: hidden; line-height: 20px;}
.GoogsList_wrap .shopping_list li .s_name .p_name{width: 200px; line-height: 20px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.GoogsList_wrap .shopping_list li .s_name .p_name a{color: #333;}
.GoogsList_wrap .shopping_list li .s_name .p_name a:hover{color: #02a586;}
.GoogsList_wrap .shopping_list li .s_name .p_sub{ line-height: 28px; color: #ccc; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.GoogsList_wrap .shopping_list li .s_price {float: left; margin: 0 auto; width: 60px; text-align: right; overflow: hidden;}
.GoogsList_wrap .shopping_list li .s_price .p_price{font-size: 14px; font-weight: bold; color: #f40;}
.GoogsList_wrap .shopping_list li .s_price .p_del a{color: #666;}
.GoogsList_wrap .shopping_list li .s_price .p_del a:hover{color: #02a586;}
.GoogsList_wrap .shopping_bd{padding:10px; height: 30px; line-height: 30px; vertical-align:middle; text-align: left; color: #666; background-color: #f5f5f5;}
.GoogsList_wrap .shopping_bd .green{padding: 0 5px; color: #02a586;}
.GoogsList_wrap .shopping_bd span{margin-right: 10px;}
.GoogsList_wrap .shopping_bd .statements_btn{float: right; padding: 0 15px; height: 30px; line-height: 30px; font-size: 14px; background-color: #02a586; border-radius: 3px; color: #fff;}

/* 采购中心*/
.topSearch_myCenter { position: relative; float: right; display: inline; width: 120px; height: 34px; border-radius:3px; border: 1px solid #dfdfdf; background-color:#fff; z-index:3;}
.topSearch_myCenter_wrap.hover .topSearch_myCenter{ border-bottom:none;box-shadow:0px 0px 0px #d8d8d8; border-radius:3px 3px 0px 0px;}
.topSearch_myCenter .ico { position: absolute; top: 8px; left:14px; width: 18px; height: 20px; background: url(../images/ico/page_ico.png) no-repeat 0 0; }
.topSearch_myCenter .url { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding-top: 7px; padding-left:40px; font-size: 14px; color: #666; }
.topSearch_myCenter .url:hover { color: #02a586; }

/*导航*/
#nav_wrap{ position:relative; z-index:9;}
.nav_wrap { width: 100%; margin-right: auto; margin-left: auto;position: relative; z-index:8;}
.nav_wrap:before,
.nav_wrap:after { content: ""; display: block; height: 0; line-height: 0px; clear: both; visibility: hidden; }
.nav_wrap { *zoom: 1; }
.nav_wrap .nav { width: 1200px; margin: 0px auto; font-size: 14px; height: 38px; line-height:38px;  }
.nav_wrap .nav .categorys { width: 190px; height: 38px; position: relative; color: #fff; line-height: 38px; text-align: left; z-index: 100; background-color:#02a586; }
.nav_wrap .nav .categorys .ico{margin: 0 5px 0 15px; width: 15px; height: 15px; line-height: 38px;}
.nav_wrap .nav .categorys .cate_h1 { height: 40px; line-height: 40px; overflow: hidden; padding-right: 0px; }
.allsort_nav{width: 190px; min-height: 392px; font-size: 12px; position: absolute; left: 0; top: 38px; background: url(../images/bg/categorys_bg.png) repeat; z-index: 9999;}
.allsort_nav li{padding: 0 20px 0 10px; width: 160px; height: 49px; font-size: 14px; line-height: 49px; overflow: hidden; background: url(../images/index/nav_ico.png) no-repeat 170px 18px;}
.allsort_nav li a{color: #fff;}
.allsort_nav li:hover{width: 157px; height: 49px; border-left: 3px solid #02a586; background: #fbfffe url(../images/index/nav_ico_hover.png) no-repeat 170px 18px;}
.allsort_nav li:hover a{color: #666;}
.Class_goods_con{padding: 10px; width: 378px; min-height: 372px;  background-color: #fbfffe; display: none; position: absolute; left: 190px; top: 0; opacity: 1; z-index: 88;}
.Class_goods_con .sort_list{padding:0 10px; width: 358px; overflow: hidden;}
.Class_goods_con .sort_list li{margin: 8px 0; padding: 0; height: auto; width: 100%; border: 0 none; line-height: 24px; background: none; overflow: hidden;}
.Class_goods_con .sort_list li:after { content: ""; display: block; height: 0; line-height: 0px; clear: both; visibility: hidden; }
.Class_goods_con .sort_list li .sort_class{float: left; margin-right: 5px; width: 80px; font-size: 12px; text-align: center;}
.Class_goods_con .sort_list li .sort_class a{width: 80px; height: 24px; line-height: 24px; border-radius: 5px; display: block; color: #fff; background-color: #02a586;}
.Class_goods_con .sort_list li .sort_class a:hover{text-decoration: underline;}
.Class_goods_con .sort_list li .sort_con{margin-left: 90px; line-height: 24px;}
.Class_goods_con .sort_list li .sort_con a{padding: 0 5px; font-size: 12px; color: #666; display: inline-block;}
.Class_goods_con .sort_list li .sort_con a:hover{color: #02a586; text-decoration: underline;}

.nav_wrap .nav .nav_list { width: 1010px; padding: 0px; height: 38px; line-height: 38px; }
.nav_wrap .nav .nav_list li { float: left; position: relative; width:166px; text-align:center; font-size: 16px;}
.nav_wrap .nav .nav_list li a { display: block; color: #333; }
.nav_wrap .nav .nav_list li a:hover { color:#02a586; }
.nav_wrap .nav .nav_list li.nav_link_selected { }
.nav_wrap .nav .nav_list li.nav_link_selected a { font-weight: bold; color: #02a586;}
.nav_wrap .nav .nav_list li.nav_link_selected a:hover {color:#02a586; }

/*首屏幻灯片*/
.floor0_wrap {width: 100%;margin: 0px auto;position: relative;z-index: 6;}
.banner_con{ width:100%; height:392px; position:absolute;}
.index_carousel .index_carousel_inner .item{ background-color:#FEED81;}
.index_carousel .index_carousel_inner .item .img-wrap{ display:block; width:1200px; height:392px; margin:0px auto;}
.index_carousel .index_carousel_inner .item img{ width:1010px; height:392px; margin-left:190px;}
.index_carousel .control-wrap{ position:absolute; left:50%; margin-left:-600px; top:0px;}
.index_carousel .control-wrap .control-content{ float: left; position:relative;}
.index_carousel .control-wrap .carousel-control{top:50%; margin-top:-30px;}
.index_carousel .control-wrap .carousel-control.left,.index_carousel .control-wrap .carousel-control.right{ width:30px; height:60px; background:#888 url(../images/ico/carousel_control_icon.png) no-repeat 0px 0px;}
.index_carousel .control-wrap .carousel-control:hover{ background-color:#333;}
.index_carousel .control-wrap .carousel-control.right{ background-position:0px -60px;}
.carousel-indicators li{ border:none; background-color:#333; width:12px; height:12px; }
.carousel-indicators .active{border:none; background-color:#02a586; margin:1px;}
.index_carousel{ height:392px;}
.index_carousel .control-wrap .control-content{ top:198px; margin-left: 190px;}
.index_carousel .control-wrap .carousel-control.right {left:770px;}
.carousel-indicators{ width:700px; left:50%; margin-left:-350px;}

/* 网站底部*/
.icon-ft-wrap{ height:106px; background-color:#eeeeee; width:100%; margin:0px auto;}
.footer { background-color: #fff; margin-top: 20px;color: #3e3e3e;}
.footer .layout{ width:auto;}
.footer .icon-ft { width: 1200px; height:60px; padding: 0px; border-left: none; margin:0px auto; padding:23px 0px; float:none; display:block;}
.footer .icon-ft-wrap:after{ content:""; display:inline-block; clear:both; height:0px;}
.footer .icon-ft dt i { background: url(../images/ico/foot-icon.png) no-repeat; width: 60px; height: 60px; display: block; }
.footer .icon-ft dt i.icon-ft-1 { background-position: 0px 0px; }
.footer .icon-ft dt i.icon-ft-2 { background-position: -60px 0px; }
.footer .icon-ft dt i.icon-ft-3 { background-position: -120px 0px; }
.footer .icon-ft dt i.icon-ft-4 { background-position: -180px 0px; }
.footer .icon-ft dt { float: left; margin-left: 30px; }
.footer .icon-ft dd { display: block; float: left; margin-left: 10px; clear: none; margin-right: 20px; }
.footer .icon-ft dd h4 { font-size: 20px; font-weight: bold; }
.footer .icon-ft dd span { color: #666; }
.footer .service_wrap { width: 1200px; margin:30px auto; position: relative; min-height: 100px; }
.footer .service_wrap div.code_2d { position: absolute; right: 0px; top: 0px; }
.footer dl { width: 260px; height: 120px; border-left: 1px solid #e5e5e5; padding-left: 10px; }
.footer dl.service_dl1 { border-left: 0 none; }
.footer dl.service_dl1,
.footer dl.service_dl2,
.footer dl.service_dl3,
.footer dl.service_dl4 { width: 210px; }
.footer dl dt { position: relative; font-weight: bold; font-size: 18px; margin-bottom: 15px; color: #3e3e3e; }
.footer dl dt a { color: #3e3e3e; }
.footer dl dt a:hover { color: #f40; }
.footer .service_dl6 dt,
.footer .service_dl6 dd { padding-left: 0px; }
.footer dl dt span { display: block; width: 40px; height: 40px; background-image: url("../../images/ico/footer_ico.png"); position: absolute; left: 0px; top: 0px; }
.footer dl dd { clear: both; font-size: 14px; line-height: 1.8; }
.footer .service_dl1 dt span { background-position: 0px 0px; }
.footer .service_dl2 dt span { background-position: -240px 0px; }
.footer .service_dl3 dt span { background-position: -120px 0px; }
.footer .service_dl4 dt span { background-position: -180px 0px; }
.footer .service_dl5 dt span { background-position: -240px 0px; }
.footer dl dd div a { color: #3e3e3e; line-height: 20px; }
.footer dl dd div a:hover { color: #f40; text-decoration: underline; }
.footer dl dd div.sina_weibo { margin: 20px 0px; }
.footer .contact_tel { }
.footer .contact_tel h2 { font-size: 18px; font-weight: 700; margin-bottom: 15px; }
.footer .contact_tel h3 { font-size: 14px; font-weight: 400; margin-bottom: 10px; }
.footer .contact_tel .onlineKF { display: inline-block; *display: inline; *zoom: 1; height: 34px; line-height: 34px; padding: 0px 0px 0px 50px; color: #fff; background-color: #ad0606; font-size: 14px; cursor: pointer; width: 116px; background: url(../images/ico/custom_service_ico.png) no-repeat 0px -34px; }
.footer .contact_tel .onlineKF.small_cs_ico_off { background-position: 0px -75px; }
.footer .contact_tel .onlineKF:hover {  color:#fff; opacity:0.8; }
/**/
.footer .links_wrap { margin: 40px 0px 0; border-top: 1px solid #e5e5e5; padding-top: 20px; padding-bottom: 45px; overflow: hidden; zoom: 1; }
.footer .links_wrap>div{ text-align:center;}
.footer .links_wrap a { color: #545454; margin: 0px 15px; font-size: 14px; }
.footer .links_wrap a:hover { color: #ff4400; text-decoration: underline; }
.footer .authentication_wrap { text-align: center; }
.footer .authentication_wrap a { margin: 0px 5px; }
.footer .copyright_wrap { text-align: center; line-height: 22px; padding: 20px 0px; }
.footer .logcopyleft_wrap { text-align: center; line-height: 22px; padding: 20px 0px; }
.footer .logcopyleft_wrap a { margin: 0px 5px; }
.footer .top_bor { border-top: 1px solid #e6e6e6; }
.copyright { line-height: 2; margin-top:10px; color:#666; }
.CA_logo { width:1200px; margin:10px auto; text-align:center; }