﻿/* CSS Document   */
* { margin: 0; padding: 0; }
body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea, em, i { margin: 0; padding: 0; outline: 0 none; font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit; }
table { border-collapse: collapse; word-break: break-all }
input { font: 12px/1.5 tahoma,Arial, 'microsoft yahei', 'SimSun'; }
ol, ul, li { list-style: none; }
form{ display: inline;}
img { border: 0 none; display: block; font-size: 0; vertical-align: top }
body { color: #666; background: #fff; font: 12px/1.5 Arial, 'microsoft yahei', 'SimSun'; _background-image: url(about:blank); /* for IE6 */ _background-attachment: fixed; }
.cl,.clearfix { zoom: 1; }
.cl:after,.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden }
.clr { display: block; overflow: hidden; clear: both; height: 0; line-height: 0; font-size: 0; }
.dis { display: block; }
.undis { display: none; }
.w1000 { width: 1000px; margin: 0 auto; }
.w1280 { width: 1280px; margin: 0 auto; }
.nav-bar { width: 100%; margin: 0 auto; }
.content { position: relative;}
span { display: inline-block }
.fl { float: left; }
.fr { float: right }
.fn { float: none }
.unfb { font-weight: normal }
.dis_inline { display: inline; }
.no_border { border: none; }
.red{color: #e3393c;}
.center { text-align: center }
a { text-decoration: none; color: #666; }
a:hover { color: #e3393c; text-decoration: none; }
.m, .mt, .mc, .mb, .sm, .smt, .smc, .smb { zoom: 1; }
.p-simsun { font-family: simsun; }
.banner, .content, .warp{width:1280px;margin:0 auto;}



/*top nav
------------------*/
.top { width: 100%; line-height: 40px; text-align: right; background: #fefefe; color:#76777b;  position: relative;z-index: 900; background: -moz-linear-gradient(top, #fff 0%, #d9d9d8 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#d9d9d8));background: -webkit-linear-gradient(top, #fff 0%,#d9d9d8 100%); background: -o-linear-gradient(top, #fff 0%,#d9d9d8 100%);background: -ms-linear-gradient(top, #fff 0%,#d9d9d8 100%); background: linear-gradient(to bottom, #fff 0%,#d9d9d8 100%);}
.top span { margin-right: 18px; }
.top a{color:#76777b; display: inline-block; line-height: 12px; padding: 0 5px; }
.top a+a{ border-left: 1px solid #76777b;padding-right: 3px;}
.top a:hover{color: #f00;}

/*header
---------------------*/
.header{ height: 138px; width: 1280px; margin: 0 auto;}
.logo { width:200px; vertical-align: middle; display: inline-block; margin-right: 190px; position: relative; top: -16px; }
.logo img{  display: inline-block; max-width:200px;max-height:60px;}

.search { display: inline-block; position: relative;width:425px;margin-top: 24px;}
.search-form { position:relative;border: 3px solid #c9c9c9 ; padding:6px 10px; border-radius: 43px;}
.search-form input { float: left }
.search-form .text { width: 228px; padding: 0 4px; height:24px;position:relative;left:110px; line-height:24px; color:#333; font-size: 12px;border:1px solid #cad1d8; box-shadow:-1px 1px 2px #ddd inset;}
.search-form .button { background:#0f0f0f ; width:42px;  color: #fff; cursor: pointer; line-height: 24px;float:right;border:0 none; border-radius: 3px; box-shadow: 2px 2px 3px #bbb;}
.hot-search { color: #8c8f97; overflow: hidden; margin-top:5px; margin-left: 57px;}
.hot-search a { color: #8c8f97;display: inline-block; line-height: 12px; padding: 0 6px; font-weight: bold;}
.hot-search a:hover{color:#e3393c}
.search-tab{ text-align: right; margin-bottom: 3px; margin-right: 22px;}
.search-tab li{position: relative; display: inline-block;line-height: 16px; font-size: 12px;  cursor:pointer; border: 1px solid #fff; padding: 0 5px; margin: 0 5px; color: #a3a3a3; border-radius: 20px;}
.search-tab li.active{ border-color: #f6a1a1; color: #8d8b8b; box-shadow: 1px -1px 2px #ddd inset;}
.search-tab li:first-child:after{ content: ''; position: absolute; right: -8px; top: 1px; height: 14px; width: 1px; background: #959595;}
.search-form label{ position:absolute; font-family: SimHei; left:10px; width:80px; font-size:18px; line-height:26px; color:#a3a3a3; text-align: center; background: url(/images/index-icon.png) no-repeat; background-position: -77px 0; padding-left: 25px;}


.tel-link{float: right; margin-top: 26px;}
.tel-link .tel{ line-height: 24px;margin-bottom: 10px;}
.tel-link .tel i{ display: inline-block; height: 16px; padding-left:10px;   vertical-align: top; position: relative; top: 3px; margin: 0 10px 0 15px; background: url(/images/index-icon.png) no-repeat; background-position: 0 -40px; }
.tel-link .tel span{ color: #f40c43; font-weight: bold;font-size: 12px;}
.tel-link .link{ border: 1px solid #cad1d8; font-family: SimHei; background: #fdfdfc;  width: 75px; height: 28px; display: inline-block; line-height: 28px;text-align: center; font-size: 14px;margin-left: 10px;background: -moz-linear-gradient(top, #fff 0%, #f2f1f3 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f2f1f3));background: -webkit-linear-gradient(top, #fff 0%,#f2f1f3 100%); background: -o-linear-gradient(top, #fff 0%,#f2f1f3 100%);background: -ms-linear-gradient(top, #fff 0%,#f2f1f3 100%); background: linear-gradient(to bottom, #fff 0%,#f2f1f3 100%);}
.tel-link .link p{ color: #adadad; font-size: 10px; line-height: 5px;}
    .tel-link .spantel {
        word-wrap: break-word;
        width: 300px;
    }
    /*nav bar------*/
    .nav-bar {
        background: #e60012;
        position: relative;
        z-index: 888;
        font-family: SimHei;
    }
.nav-bar .nav-content { position: relative; z-index: 6; padding-left: 200px; width: 990px; margin: 0 auto; }
.nav { line-height:41px; overflow: hidden; width: 800px; float: left;height: 41px; margin-left: 10px; }
.nav li { display: inline-block; padding: 0 28px;font-weight: bold;}
.nav li a { display: block;color:#fff; font-size:17px;  transition:all .3s; }
.nav li.cur a, .nav li:hover a{ }

.cart-link{color:#fff; font-size:17px; line-height: 41px; float: right;}
.cart-link:not(:last-child){margin-right:10px}

.cart-link i{display: inline-block; width: 27px; height: 19px;background: url(/images/index-icon.png) no-repeat;vertical-align: middle; position: relative; top: -3px; margin-left: 10px;}
.cart-link:hover{color: #fff;}


.categorys{ float: left; position: relative;}
.categorys .cate-all{color:#fff; font-size:17px;    font-weight: bold; line-height: 41px; width: 202px; text-align: center; background: #a40000; padding-top: 6px; margin-top: -6px; box-shadow:0 -2px 2px rgba(0,0,0,.1);}
.categorys .cate-all i{ width: 28px; height: 24px; display:inline-block; background:url(/images/index-icon.png) no-repeat; background-position: 0 -77px; margin-left: 14px; vertical-align: middle;position: relative;top: -2px;}

.categorys .mc { position: absolute; top:41px;left: 0; width: 200px; height:668px;overflow: visible;background-color: #fff;  border: 1px solid #c9c9c9;border-top: 0;}
.categorys .item { width: 200px; height: 47.71px; }
.categorys span { display: block; width: 200px; position: absolute; z-index: 1; height: 47.71px;}
.categorys span p{ padding-left: 4px; position: relative;  height: 18px; overflow: hidden;}
.categorys span p a{ padding: 0 6px; color: #9d9d9d;}
.categorys span p a+a{ border-left: 1px solid #c6c6c6;}
.categorys span p a:hover{ text-decoration: underline;}
.categorys h3 { width: 155px;padding:3px 0 0 10px;line-height: 24px; font-size: 17px; overflow: hidden; color: #585858; position: relative; }
.categorys h3 a { color: #585858;}
.categorys span p s { content: ''; position: absolute; border-left: 5px solid #e60012; border-top: 5px dashed transparent;  border-bottom: 5px dashed transparent; top: 4px; right: 5px; }
.categorys h3 a:hover, .categorys h3 a:active { color: #e3393c; }
.categorys .item .category-details { display: none; position: absolute; left: 201px; top: 0; background: #fff; overflow: hidden; border-right: 1px solid #c9c9c9;  border-bottom: 1px solid #c9c9c9;}
.categorys .subitem { float: left; width: 700px; min-height: 648px; display:table; background: #eee; padding: 10px 0; }
.categorys .item .category-details .cate-right{width:180px;float:left;background-color:#f7f7f7;height:490px;}
.categorys .cate-right h5{line-height:38px;text-align:center;font-size:12px;color:#3e3a39}
.categorys .cate-right img{margin-left:40px;margin-bottom:8px;width:104px;height:35px;}

.categorys .subitem dl { overflow: hidden; zoom: 1; width:100%;display: inline-block;vertical-align: top; *display:inline; *zoom:1;}
.categorys .subitem .first dd { border-top: 0; }

.categorys .item dd { overflow: hidden; zoom: 1;color:#a3a3a3;font-size:17px; margin:16px 30px 0; border-top: 1px dashed #a8a8a8; padding-top: 10px; }
.categorys .item dd a { color: #a3a3a3;display: block; }
.categorys .item dd a:hover{ color:#696969; text-decoration:none;}
.categorys .subitem em { float: left; margin-right: 40px; line-height: 30px; white-space:nowrap}
.categorys .subitem p{ font-size:22px; color:#e70000; border-left:5px solid #e70000; line-height:20px; margin-top: 20px; margin-left: 30px;}
.categorys .subitem p a{ color:#e70000; padding-left:10px;}
.categorys .subitem p a:hover{ color: #a40000;}

.categorys .hover span { z-index: 13; background: #eee; width: 201px; }
.categorys .hover .category-details { display: block; z-index: 12; }



/*footer-------*/
.footer{ width:100%;}
.site-footerimg{width:100%;height:106px;background-color:#f8f8f8;}
.site-footerimg img{width:1280px;height:106px;margin:0px auto 2px;display:block;}
.footer .warpa{width:100%;background-color:#f3f3f3;border-top:1px solid #d6d6d6;margin-top:1px;}
.footer-service .fc-logo{width:200px;height:100%;float:left}



.footer-service {width:1280px;margin:0 auto;padding-top:40px; border-top:1px solid #f7f7f7; }
.footer-service dl { float: left; width: 170px; }
.footer-service dt { position: relative; font-size: 15px ; zoom: 1; font-weight:bold;color:#323232;line-height:15px;padding-bottom:20px; }
.footer-service dt strong{ font-weight:bold; color:#323232;}
.footer-service dd { min-height:112px;overflow:hidden;}
.footer-service dl a{color:#494e52;}
.footer-service dl a:hover{color:#e50011;}
.footer-service dl p{font-size:14px;color:#494e52;line-height:14px;padding-bottom:10px;}
.footer-service .qrcode{ width:190px; float:right; text-align:center;}
.footer-service .fc-left{float:left;width:1280px;overflow:hidden;}
.footer-service .qrcode img{width:78px;height:78px; display:inline;}
.footer-service .qrcode h3{ font-size:15px;margin-top:15px;color:#323232;font-weight:bold}
.footer-service .qrcode p{ color:#323232;font-size:14px;}
.copyright { text-align: center; padding:15px 0;  color:#fff; background:#fff; line-height:24px; background:#38383c;}
.copyright a{color:#fff;}
.copyright img { display: inline-block }

/*ajax-loading------*/
.ajax-loading { width: 100%; height: 100%; position: fixed; z-index: 999999; background-color: rgba(0, 0, 0, 0.2); transition: all ease-in-out .5s; top: 0; left: 0; display: none; }
.ajax-loading p { width: 100px; height: 100px; background: url('/Images/progress.gif') no-repeat center; border-radius: 5px;background-color:#000; background-color: rgba(0, 0, 0, 0.8); }


/*图片预览*/
.cover { width: 100%; height: 100%; position: fixed; top: 0; background-color: rgba(0,0,0,.2); z-index: 888; display: none; }


@font-face {
  font-family: 'iconfont';  /* project id 197365 */
  src: url('//at.alicdn.com/t/font_cvhrcktnt01i3sor.eot');
  src: url('//at.alicdn.com/t/font_cvhrcktnt01i3sor.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_cvhrcktnt01i3sor.woff') format('woff'),
  url('//at.alicdn.com/t/font_cvhrcktnt01i3sor.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_cvhrcktnt01i3sor.svg#iconfont') format('svg');
}

/*详情页：杨庭辉2017/3/27*/
#product-intro #name h1 span em{border:1px solid #ccc; margin-right:5px; font-size:12px; padding:3px 5px; border-radius:5px; color:#888;} 
.w990{ width: 990px;margin: 0 auto;}
.zhifhu h1{ text-align: center;font-size: 22px; margin-top: 15px;}
.ddahao,.zhifhu ul{ border: 1px solid #E8E8E8; overflow: hidden;padding: 15px;font-weight: bold; font-size: 14px; line-height: 32px;}
.zhifhu ul{border-top: none;}
.zhifhu ul span{font-weight: normal; margin-left: 20px;}
.fukuanchongzhi{ width: 100%; margin-top: 15px; text-align: center; overflow: hidden;margin-bottom: 20px;}
.fukuanchongzhi a{cursor:pointer; background: #0094FF; padding: 6px 30px; display:inline-block;color: #fff; font-size: 14px;border-radius:5px;}
.aui_inner table tbody td input.jiaoyimm{ width: 222px;height: 30px;line-height: 30px; border-radius: 5px; text-align: left; padding-left: 5px;}
.sku-table,.sku-table td,.sku-table th{border-collapse: collapse;border: 1px solid #D2D2D2; text-align: center; line-height: 30px;white-space: nowrap;}
.sku-table input{width: 50px; border: 1px solid #CCC8C8; text-align: center;}
.sku-table .decrement,.sku-table .increment{ border: 1px solid #ddd; position: relative; top: -1px; background: #f8f8f8;    width: 20px; text-align: center;display: inline-block;line-height: 18px;}
.steps {
    border-bottom: 1px dashed #ced0d2;
    height: 55px;
    padding-left: 25px;
    padding-top: 25px;
    width: 900px;
}
.steps li{float: left;
    position: relative;
    width: 212px; color: #acb1b9;}
.steps li span{display: block; font-size: 14px;color: #494e52;}
.steps li.on:after{ background-image: url("../Images/web_usecenter.png");
    background-position: -54px -104px;
    height: 13px;
    margin-left: 22px;
    position: absolute;
    top: 48px;
    width: 13px; display: block;content: " ";}
.steps li:after{ background-image: url("../Images/web_usecenter.png");
     background-position: -54px -130px;
    height: 13px;
    margin-left: 22px;
    position: absolute;
    top: 48px;
    width: 13px; display: block;content: " ";}
.orderstate-detail1{border: 1px dashed #ced0d2;
    border-radius: 10px;
    margin-top: 45px;
    padding: 20px 25px;
    position: relative;
    width: 68%;}
    .orderstate-detail1 table{width:100%; border: 1px solid #ddd;}
.p-list table {
    border: 1px solid #f1f1f1; margin-top: 30px;
}
.p-list table   th {
    background-color: #f8f8f8;
    color: #7c7d7f;
    font-size: 14px;
    font-weight: bold;
    height: 31px;
}
.p-list table   td {
    border-bottom: 1px solid #f1f1f1;
    color: #7c7d7f;
    font-size: 14px;
    padding-bottom: 26px;
    padding-top: 19px;
    text-align: center;
}
.p-list .shifu{ color: #fe3a3a;}
.liuyan{ margin-top:15px;color: #6b6c6e; font-size: 14px;}
.order-summary1{ font-size: 14px; text-align: right; margin-top: 20px;}
.order-summary1 .heji{color: #FE3A3A;}
.p-shop-N em{border:1px solid red;border-radius:6px; padding: 3px 5px; color:red}
.zaixainf{ position: fixed;right: 0px;bottom: 10px; z-index: 999;}
.tanchul{ display: none;white-space:nowrap; background: #494949; position: absolute; height: 50px; line-height: 50px;right: 40px;top: 0px; padding-left: 10px; padding-right: 20px;}
.zaixainf:hover .tanchul{ display: block;}
.zaixainfc{ position: relative;}
.zaixani{ width: 40px; height: 25px;  padding-top: 25px; text-align: center; background:#F61829 url(../Images/zxkf.png) 12px 5px no-repeat; color: #fff;}
.tanchul::after{border-top: 8px solid transparent;
    border-left: 8px solid #494949;
    border-bottom: 8px solid transparent;content: " "; position: absolute;right: -8px;top: 15px; text-align: center;}
.mt30{margin-top: 30px;}
.sku-table1{ overflow:hidden;height: 400px;  overflow-y: auto;}

/*2018-08-31*/
body{
     font: 12px/1.5 Arial, 'SimSun',"黑体";
}
.hot-search a{
    font-weight:normal;
}
.nav-bar {
        background: #fff;
        position: relative;
        z-index: 888;
        font-family: SimHei;
        color:#333;
    }
.nav li a{
    color:#515151;
    font-size:14px;
}
.categorys .cate-all{
    background-color:#c00;
    font-size:15px;
    font-weight:normal;
     padding-top:0;
    margin-top:0;
}
.categorys .cate-all i{
    display:none
}
.categorys h3 a{
    color:#fff;
    font-size:14px;
}
.categorys span p a{
    color:#fff;
}
.categorys .mc{
    background-color:#444;
    height:520px
}
.homPage .categorys .mc{
    background-color:rgba(0,0,0,.7);
}
.categorys .hover h3 a{
    color:#c00;
}
.categorys .hover span p a{
    color:#c00;
}
.categorys .item dd{
     margin: 5px 30px 0;
     padding-top: 0px;
}
.categorys .subitem{
    min-height:498px;

}

.categorys .hover span{
    background-color:#fff;
}
.categorys .item .category-details{
    border-top:1px solid #c9c9c9
}
.categorys .subitem{
    background-color:#fff
}
.categorys .subitem p{
    font-size:14px;
    margin-top: 10px;
    margin-left: 24px;
}
.categorys .item dd{
    margin: 10px 30px 0;
    font-size:14px;
}
.categorys .item dd a{
    color:#333;
}
.categorys span p a{
    padding:0 4px;
}
.categorys span p a+a{
    border-left-color:#fff;
}
.categorys span p s{
    display:none;
}
.cart-link{
    color:#333;
    font-size:15px;
}
.cart-link i{
    background-position:0 -15px;
}
.cart-link.replenish-link i{background-position: -81px -30px;}
.cart-link:hover{
    color:#333;
}
.categorys .mc{
    width:202px;
    border:none;
}
.categorys h3{
    width:auto;
}
.categorys .item,.categorys span{
    height:37.1px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:normal;
}
.categorys .item a > i {
    padding: 0 1px 0 2px;
}
.categorys .cate-icon{
    width: 22px;
    height: 22px;
    margin-right:4px;
}
.categorys .item .category-details{
    top:-1px;
    left:202px;
}
/*改版*/
.slide-box .slide{
    /*margin:0 0 0 210px;*/
    /*width:860px;*/
}
.slide-box .slide-controls{
    /*width:810px!important;*/
}
.banner-right-wrap{
    position:absolute;
    top:0;
    height:1px;
    width:100%;
}
.banner-right-wrap>.w1280{
    position:relative;
    height:1px;
}
.slide-box .banner-right{
    position:absolute;
    top:0;
    right:0;
    width:200px;
    height:860px;
    z-index:2;
}
.banner-small01{
    height:250px;
    margin-bottom:5px;
    /*background-color:#939393;*/
}
.banner-small02{
    height:110px;
    /*background-color:#363636;*/
    margin-bottom:5px;
}
.banner-art{
    background-color:rgba(255,255,255,1);
    height:150px;
    padding:5px 6px 0 3px;
    border:1px solid #dcdcdc;
    box-sizing:border-box;
    overflow:hidden;
    -webkit-box-sizing:border-box;
}
.ban-art-tit{
    font-size:14px;
    line-height:34px;
    border-bottom:1px solid #999;
    text-indent:5px;
}
.ban-art-list{
    padding-top:8px;
}
.ban-art-list>li{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    line-height:24px;
    text-indent:5px;
}
.nav li{
    font-weight:normal;
   padding:0 24px;
}
.nav li a{
    font-size:15px;
}
.cart-div{
    float:right;
}
    .cart-div .cart-link {
        float: left;
    }