@charset "utf-8";
/**
 * PC端
 */
li{list-style:none;}
/* 轮播 */
#swiper-container{width:100%;height:510px;min-width:1184px;overflow:hidden;position:relative}
#swiper-container .swiper-wrapper{position:relative;height:100%;z-index:0}
#swiper-container .swiper-wrapper li{position:relative;zoom:1;vertical-align:middle;width:100%;overflow:hidden}
#swiper-container .swiper-wrapper img{width:auto;height:510px;display:block;margin-left:50%;-o-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}
#swiper-container .swiper-button-prev,#swiper-container .swiper-button-next{position:absolute;top:50%;margin-top:-34px;display:block;width:44px;height:68px;line-height:68px;background:rgba(255,230,220,.2);color:#FFF;font-size:40px;text-align:center;border-radius:2px}
#swiper-container .swiper-button-prev{left:5px;right:auto}
#swiper-container .swiper-button-next{left:auto;right:5px}
#swiper-container .swiper-button-prev:after{content:"\276C"}
#swiper-container .swiper-button-next:after{content:"\276D"}
#swiper-container .swiper-button-prev:hover,#swiper-container .swiper-button-next:hover{background:rgba(255,230,220,.6)}
#swiper-container .swiper-pagination{width:100%;height:14px;position:absolute;left:0;bottom:15px;z-index:1;text-align:center;font-size:0}
#swiper-container .swiper-pagination span{display:inline-block;border:5px solid transparent;cursor:pointer}
#swiper-container .swiper-pagination span:before{content:"";display:inline-block;width:14px;height:4px;background:rgba(255,255,255,.4);border-radius:2px}
#swiper-container .swiper-pagination span.on:before{width:28px;background:#fff}
/* 推荐专区 */
#recommendBox{width:1204px;height:484px;margin-left:-7.5px;overflow:hidden;position:relative}
#recommendBox .swiper-pagination{width:100%;height:68px;padding:27px 0;z-index:1;text-align:center;font-size:0;}
#recommendBox .swiper-pagination span{display:inline-block;width:14px;height:4px;border:5px solid transparent;cursor:pointer;opacity:.2;}
#recommendBox .swiper-pagination span:before{content:"";display:inline-block;width:100%;height:4px;background:#E15616;border-radius:2px}
#recommendBox .swiper-pagination span.on{width:28px;opacity:1;}
#recommendBox .swiper-wrapper{position:relative;width:200%;height:426px;overflow:hidden;z-index:0;}
/* 首页楼层 */
.floorTit{padding:24px 0 16px 0;position:relative}
.floorTit h2,.floorTit h3{font-weight:bold;color:#2D3036;font-size:24px;line-height:40px}
.floorTit h5{font-weight:normal;color:#999FAB;font-size:14px;line-height:16px}
.floorTit a.more{position:absolute;right:0;top:40px;height:30px;line-height:30px}
.floorTit a.more:after{margin-left:5px;content:'\276F'}
.floorCon{width:1184px;margin:0 auto;overflow: hidden;}
.floorList{width:200%}
.floorList>li{width:224px;height:278px;margin-right:16px;background:#FFF;position:relative}
.floorList>li a{display:block;width:100%;height:100%}
.floorList>li img{display:block;width:224px;height:224px}
.floorList>li p{position:absolute;left:0;bottom:0;font-size:16px;color:#93979F;width:100%;box-sizing:border-box;line-height:20px;padding:17px;text-align:center;background:rgba(255,255,255,.6)}
.floorList>li>a:hover p{color:#E15616}
.floorList>li p:hover{background:#FEF6F3}
/* 商品专题 */
#goodsTopic{width:1184px;height:237px;overflow:hidden;position:relative}
#goodsTopic .swiper-wrapper{position:relative;height:100%;z-index:0}
#goodsTopic .swiper-wrapper li{position:relative;zoom:1;vertical-align:middle;width:100%;overflow:hidden}
#goodsTopic .swiper-wrapper img{width:100%;height:237px;display:block;margin-left:50%;-o-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}
#goodsTopic .swiper-button-prev,#goodsTopic .swiper-button-next{position:absolute;top:50%;margin-top:-25px;display:block;width:30px;height:50px;line-height:50px;background:rgba(255,230,220,.2);color:#FFF;font-size:30px;text-align:center;border-radius:2px}
#goodsTopic .swiper-button-prev{left:0;right:auto}
#goodsTopic .swiper-button-next{left:auto;right:0}
#goodsTopic .swiper-button-prev:after{content:"\276C"}
#goodsTopic .swiper-button-next:after{content:"\276D"}
#goodsTopic .swiper-button-prev:hover,#goodsTopic .swiper-button-next:hover{background:rgba(255,230,220,.6)}
#goodsTopic .swiper-pagination{width:100%;height:14px;position:absolute;left:0;bottom:10px;z-index:1;text-align:center;font-size:0}
#goodsTopic .swiper-pagination span{display:inline-block;border:5px solid transparent;cursor:pointer}
#goodsTopic .swiper-pagination span:before{content:"";display:inline-block;width:14px;height:4px;background:rgba(255,255,255,.4);border-radius:2px}
#goodsTopic .swiper-pagination span.on:before{width:28px;background:#fff}
/* 小专题 */
.smallTopic{overflow:hidden;height:284px;padding-top:16px}
.smallTopic ul{width:2400px}
.smallTopic li{width:284px;height:284px;position:relative;margin-right:16px}
.smallTopic li a{display:block;width:100%;height:100%}
.smallTopic li img{display:block;height:100%;width:100%}
.smallTopic li p{position:absolute;left:0;bottom:0;width:100%;box-sizing:border-box;line-height:20px;padding:10px;text-align:center;background:rgba(255,255,255,.6);font-size:16px}
/* 优质供应商 */
.supplierList ul{width:1240px}
.supplierList ul li{width:184px;height:224px;float:left;background:#fff;position:relative;margin:0 16px 16px 0;overflow:hidden}
.supplierList ul li:first-child{width:784px}
.supplierList ul li a{display:block;width:100%;height:100%}
.supplierList ul li img{width:100%;height:100%}
.supplierList li p{position:absolute;left:0;bottom:0;width:100%;box-sizing:border-box;height:40px;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;color:#93979F;font-size:16px}
.supplierList li a:hover p{color:#E15616}
/* 首页左侧广告 */
#advertising{display:none;position:fixed;left:50%;top:68%;z-index:99998;width:120px;margin-left:-700px;transform:translateY(-50%)}
#advertising .item{position:relative;width:100px;height:180px;margin-bottom:10px}
#advertising .item a{display:block;width:100%;height:100%}
#advertising img{width:100%;height:100%;display:block}
#advertising .close{position:absolute;right:0;top:0;width:20px;height:20px;line-height:20px;text-align:center;font-size:0;background:rgba(255,255,255,.6)}
#advertising .close:before{content:'\2715';font-size:16px}
/* 首页右侧导航 */
#sideNav{display:none;position:fixed;right:50%;margin-right:-700px;width:88px;z-index:9999;bottom:220px;}
#sideNav .item{width:100%;background-color:#fff;box-sizing:border-box;text-align:center;box-shadow:0 2px 4px rgb(254,246,243);border-radius:2px;margin-bottom:10px;font-size:12px;position:relative}
#sideNav .item>a{display:block;width:100%;box-sizing:border-box;padding:8px 6px;line-height:14px;position:relative}
#sideNav .item>a:before{content:'';position:absolute;width:70px;left:9px;top:0;border-top:1px solid #FEF6F3}
#sideNav .item>a:first-child:before{display:none}
#sideNav .item>a.on{background:#FEF6F3;color:#E15616}

/*
.btnBox{
    background:#E15616;
    height: 55px;
    line-height: 55px;
    position: absolute;
    width: 100%;
    bottom: 0
}
.btnBox a{
    color: #fff;
    font-size: 12px;
    text-align: center
}
*/
