@charset "utf-8";

*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:14px;color: #666666;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased}
body{line-height:1.5;min-width: 1200px}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer;color:#666666}
a:hover{text-decoration:none;outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}
/*IE下a:hover 背景闪烁*/
html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}

/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
	Name:			style_clearfix
	Example:		class="clearfix|cl"
	Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0}.cl,.clearfix{zoom:1}

.w1200{width:1200px;margin:auto}
.w1140{width:1140px;margin:auto}
.w1000{width:1000px;margin:auto}
.tran-all5{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.tran-all3{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}

.clear{height:0;clear:both;zoom:1;line-height:0;font-size:0}
.height5{height:5px;clear:both;zoom:1;line-height:0;font-size:0}
.height10{height:10px;clear:both;zoom:1;line-height:0;font-size:0}
.height20{height:20px;clear:both;zoom:1;line-height:0;font-size:0}
.height50{height:50px;clear:both;zoom:1;line-height:0;font-size:0}
.height100{height:100px;clear:both;zoom:1;line-height:0;font-size:0}

.text-l{text-align:left}
.text-r{text-align:right}
.text-c{text-align:center}
.va *{vertical-align:sub!important;*vertical-align:middle!important;_vertical-align:middle!important}
.va-t{ vertical-align:top!important}
.va-m{ vertical-align:middle!important}
.va-b{ vertical-align:bottom!important}

.pos-r{position:relative}
.pos-a{position:absolute}
.pos-f{position:fixed}

.f-l{float:left!important;_display:inline}
.f-r{float:right!important;_display:inline}

.left{ left:0; right:auto}
.right{ right:0; left:auto}
.top{ top:auto; bottom:0}
.bottom{ top:0; bottom:auto}

.text-overflow{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.over-hide{overflow: hidden;}
.line{ font-size: 0px; line-height: 0px; border-top: solid 1px #eaeaea; float: none}

sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}

.content{position:relative;font-size:14px;line-height:25px;overflow:hidden;text-align: left}
.content h3{ margin-top:20px;font-size:16px}

.hide{display:none}[hidden]{display: none}
.hidden{display:none!important;visibility:hidden!important}
.f-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
[class*="span"].hide,.row-fluid [class*="span"].hide{display:none}
.show{display:block}
.invisible{visibility:hidden}

/*
@font-face {
  font-family: "SourceHanSerifCN-Bold";
  src: url("font/SourceHanSerifCN-Bold.woff2") format("woff2"),
       url("font/SourceHanSerifCN-Bold.woff") format("woff"),
       url("font/SourceHanSerifCN-Bold.ttf") format("truetype"),
       url("font/SourceHanSerifCN-Bold.eot") format("embedded-opentype"),
       url("font/SourceHanSerifCN-Bold.svg") format("svg");
}
*/
.icon{background:url(../images/icon.png) no-repeat 0 0;vertical-align:top;display:inline-block;}
.icon-menu{width:20px;height:20px;background-position: 0 0}
.icon-login{width:20px;height:20px;background-position: -40px 0}
.icon-reg{width:20px;height:20px;background-position: -60px 0}
.icon-cart{width:20px;height:20px;background-position: -80px 0}
.icon-buy{width:20px;height:20px;background-position: -120px 0}
.icon-more{width:20px;height:20px;background-position: -160px 0}
.icon-button{width:20px;height:20px;background-position: -140px 0}
.icon-service{width:100px;height:100px;background-position: -180px 0}
.icon-24h{width:100px;height:100px;background-position: -280px 0}
.icon-rm{width:20px;height:20px;background-position: 0 -20px}
.icon-collect{width:20px;height:20px;background-position: -40px -20px}
.icon-detail{width:30px;height:30px;background-position:-60px -20px}
.icon-evaluate{width:30px;height:30px;background-position:-90px -20px}


/*head*/
#floatingcontainer{width:100%;height:120px;background-color: #ffffff}
.site-header{position: fixed  ;z-index:1000;width:100%;height:50px;padding:35px 0;background-color: #ffffff;box-shadow:0 2px 2px rgba(0,0,0,0.1)}
.header-logo{position: absolute;left:50%;top:15px;margin-left:-45px;width:90px;height:90px;text-align: center;}
.header-logo img{width:90px;height:90px}

.header-nav{float: left;height:20px;line-height: 20px;margin-top: 15px;margin-left: 30px;}
.header-nav .menus{float: left;width:20px;height:20px;}
.header-nav .menus.on .icon-menu{width:20px;height:20px;background-position: -20px 0}
.header-nav .navs{float: left;margin-left:10px;height:20px;}
.header-nav .navs a{float: left;margin-left:50px;}
.header-nav .navs a:hover{color:#e40017;}

.topbar-info{float: right;height:20px;line-height:20px;margin-top: 15px;margin-right: 30px;}
.topbar-info .link{display: inline-block;vertical-align: top}
.topbar-info .link .icon{margin-right: 3px}
.topbar-info .link:hover{color:#e40017;}
.topbar-info .sep{display: inline-block;margin:3px 15px;width:0;height:14px;border-left: 1px solid #c2c2c2;vertical-align: top}

.site-header.fixed{padding:0;box-shadow:0 2px 2px rgba(0,0,0,0.1)}
.site-header.fixed .header-logo{top:5px;height:40px}
.site-header.fixed .header-logo img{width:40px;height:40px}

.nav-list{display:none;position: absolute;left:0;top:100%;right:0;width:100%;height:360px;background-color: #ffffff;box-shadow:0 2px 2px rgba(0,0,0,0.1);border-top:1px solid #e9e8e8;}
.nav-list .site-category-list{position: relative;float:left;margin-top:55px;width:620px;border-right:1px solid #e9e8e8;}
.nav-list .site-category-list:before{position: absolute;content: '';left:180px;top:0;width:0;height:100%;border-right:1px solid #e9e8e8;}
.nav-list .site-category-list .category-item{height: 40px;width:100px;margin-bottom: 20px}
.nav-list .site-category-list .category-item:last-child{margin-bottom: 0}
.nav-list .site-category-list .category-item .title{color:#000000;font-size: 17px;position: relative;display: block;width:100px;height:20px;line-height:20px;margin-top: 10px}
.nav-list .site-category-list .category-item .title .yxj{position: absolute;right:0;bottom:0;width:0;height:0;border:3px solid #ffffff;border-right-color:#000000;border-bottom-color:#000000;}
.nav-list .site-category-list .category-item .title:hover{color:#e40017}
.nav-list .site-category-list .category-item .title:hover .yxj{border-right-color:#e40017;border-bottom-color:#e40017;}
.nav-list .site-category-list .children-list{position: absolute;left:240px;top:0;display: none;width:360px;}
.nav-list .site-category-list .children-list.show{display: block}
.nav-list .site-category-list .children-list li{float: left;width:170px;height:40px;margin-bottom: 20px}
.nav-list .site-category-list .children-list li a{display: inline-block;height:20px;line-height:20px;margin-top: 10px;overflow: hidden}
.nav-list .site-category-list .children-list li a:hover{color:#e40017;}

.nav-list .site-other{float:right;margin-top:55px;}
.nav-list .site-other .show-img{float: left;margin-top:10px;width:300px;height:180px;overflow: hidden}
.nav-list .site-other .show-img img{max-width:300px}
.nav-list .site-other .site-other-list{float: left;margin-left:80px;}
.nav-list .site-other .site-other-list li{margin-top: 5px;line-height: 30px}
.nav-list .site-other .site-other-list li a:hover{color:#e40017;}

/*foot*/
.foot-contact{padding:80px 0;background-color: #333333}
.foot-adr{margin-left: 55px;padding-left:55px;margin-top: 45px;height:44px;line-height:20px;color:#ffffff;font-size:15px;border-left:1px solid #474747;}
.foot-adr p{line-height: 18px;margin-top:6px;font-size: 14px;color:#a4a4a4;}

.footer{padding:30px 0;background-color: #2c2c2c}
.foot-nav{padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #474747}
.foot-nav a{line-height: 20px;color:#747474;}
.foot-nav a:hover{color:#bababa;}
.foot-nav .sep{display: inline-block;margin:5px 25px;width:0;height:10px;border-left: 1px solid #474747;vertical-align: top}
.footer .copyright{width:900px;color:#747474;font-size: 13px}
.footer .website{width:200px;color:#747474;font-size: 13px;text-align: right}
.footer .copyright a,.footer .website a{color:#747474}

/*page*/
.shop-page .pagetion{padding: 0;}
.shop-page .pagination{text-align:center;padding:20px 0 50px; }
.shop-page .pagination li{display:inline-block;border:1px solid #d1d1d1;margin:0 5px;background:#fff;border-radius:2px;overflow:hidden;vertical-align:top}
.shop-page .pagination li a{display:block;color:#999999;height:30px;line-height:30px;padding:0 12px}
.shop-page .pagination li a:hover{background-color:#f9f9f9;}
.shop-page .pagination li.disabled span{color:#aaaaaa;display:block;height:30px;line-height:30px;padding:0 12px}
.shop-page .pagination li.disabled{border-color:#e1e1e1}
.shop-page .pagination li.active span{color:#ffffff;display:block;height:30px;line-height:30px;padding:0 12px}
.shop-page .pagination li.active {border:1px solid #e40017;background-color:#e40017}
.shop-page .pagination li.active .sr-only{display:none}

/** prev next button ***/
.pn{padding-top:20px;margin:auto; width:100%;line-height:20px; overflow:hidden;border-top:1px solid #ddd;color:#666666}
.pn a{color:#666666}
.pn_l{padding:5px 0;font-size:14px; overflow:hidden;}
.pn_l a:hover{color:#e40017;}
.pn_r{padding:5px 0;font-size:14px; overflow:hidden;}
.pn_r a:hover{color:#e40017;}