/* CSS Document */

.banner-img{ position: relative; height: 200px; background-position: center; background-repeat: no-repeat;}
.banner-img.h100{ height: 100px;}

.category{ display: block;}

/*first screen
--------------------------*/
.slide-box{overflow: hidden; position:relative; z-index:9;width: 1280px;margin: 0 auto;}
.slide {width: 1070px;height: 660px;overflow: hidden; position:relative; margin:9px 0 0 210px;}
.slide li{width: 100%;height: 660px;overflow: hidden;}
.slide li{ position:absolute; top:0; left:0; opacity:0; transition:opacity 0.8s linear; -webkit-transition:opacity 0.8s linear; z-index:1;}
.slide li.active{ opacity:1; z-index:2;}
.slide li a{ display:block; width:100%; height:100%; background-position:center top; background-repeat:no-repeat; }
.slide-box .slide-controls {position: absolute;bottom: 15px;text-align: center; width:1070px; left: 210px; z-index:3;}
.slide-box .slide-controls span{position:relative; display: inline-block;margin: 0 4px;background: #dddee0;text-align: center;cursor: default;width: 14px;height: 14px; font-size: 0;  border-radius: 100%; }
.slide-box .slide-controls .cur{ background: #666; }

/*首页橱窗-------*/
.live-img-t { margin: 12px 0;}
.live-img-t li{ margin-left: 2.5px; float: left;}
.live-img-t li:first-child{ margin: 0;}
.live-img-t li img{ width: 425px; height: 150px;}

.live-prdouct li{ width: 310px; margin-left: 13.333px; float: left;position: relative;}
.live-prdouct li:first-child{ margin: 0;}
.live-prdouct img{ width: 310px; height: 310px;}
.live-prdouct h3{ color: #777; font-size: 14px; text-align: center; line-height: 38px; height: 38px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.live-prdouct p em{ display: inline-block; float: right; border: 1px solid #bbb; width: 126px; line-height: 30px; text-align: center; color: #000; font-size: 14.5px; font-family: simhei;}
.live-prdouct p span{ color: #000; font-size: 25px; margin-right: 12px;}
.live-prdouct p s{ color: #8f8f8f; font-size: 14.5px;}
.live-prdouct li:hover span{ color: #f00;}
.live-prdouct p em i{display: inline-block; width: 20px; height: 15px;background: url(/images/index-icon.png) no-repeat 0 -20px;vertical-align: middle; margin-left: 10px;}
.live-prdouct h5{ padding: 5px 5px 0;}

.live-img-f { margin: 12px 0;}
.live-img-f li{float: left;}
.live-img-f li img{ width: 320px; height: 190px;}

.live-tab-hd li{float: left; border-bottom: 4px solid #959595; padding-bottom: 4px; position: relative;}
.live-tab-hd li img{ width: 320px; height: 70px;}
.live-tab-hd li.active{ border-color: #f00;}
.live-tab-hd li.active:before{ content: ''; border-bottom: 8px solid #f00; border-left: 9px dashed transparent; border-right: 9px dashed transparent; position: absolute; bottom: 0; left: 50%; margin-left: -10px;}

.live-tab-bd{ margin-bottom: 8px; display: none;}
.live-tab-bd .big-img{ width: 740px; height: 410px; float: left; margin: 11px 1px 0 0;}
.live-tab-bd img{ width: 260px; height: 200px; margin: 11px 0 0 9.5px;float: left;}


.floor{ width: 1280px; margin: 10px auto;}
.floor-hd{ border-bottom: 4px solid #000; margin-bottom: 12px;}
.floor-hd li{ line-height: 64px; width: 206px; position: relative; text-align: center; color: #fff; background: #f29c9f; font-family: simhei; font-size: 22px; display: inline-block;}
.floor-hd li:after{ content: ''; border-bottom: 9px solid #fff; border-left: 9px dashed transparent; border-right: 9px dashed transparent; position: absolute; bottom: 0; left: 50%; margin-left: -9px;}
.floor-bd{ padding-bottom: 12px; border-bottom: 4px solid #959595; position: relative;}
.floor-left{ float: left;}
.floor-left img{ width: 410px; height: 410px;}
.floor-left .floor-cate{ background: #eee; padding: 4px; width: 402px; height: 184px;}
.floor-cate li{ line-height: 36px; height: 36px; text-align: center; width: 124px; border: 1px solid #fff; background: #fff; float: left; margin: 4px; font-size: 18px; color: #898989; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.floor-cate li:hover{ border-color: #f76f6f;}
.floor-right{ float: right; width: 864px;}
.floor-right li{ width: 210px; float: left; margin-left: 6px; margin-bottom: 26px; position: relative;}
.floor-right li p{ margin-top: 10px; padding: 0 10px; position: relative;}
.floor-right li span{    color: #000;font-size: 20px;margin-right: 8px;}
.floor-right li em{cursor: pointer; position: absolute; right: 0; font-size: 13px; color: #fff; background: #f00; border-radius: 5px; line-height: 17px; padding: 0 5px; margin-top: 8px;}
.floor-right li s{cursor: pointer; color: #8f8f8f; font-size: 15px; padding-left: 16px; background: url(/images/index-icon.png) no-repeat; background-position: -89px -70px; text-decoration: none;}
.floor-right li s.active{ background-position: -89px -86px;}
.floor-right li h5 { position: absolute; right: 0; bottom: 75px; text-align: right;}
.floor-tag{ background: rgba(255, 0, 0, 0.58); color: #fff; padding:0 8px; line-height: 20px;  display: inline-block; margin-top: 3px;}


.floor-right li h3{ color: #bdb892; text-align: center;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; font-family: simhei; margin-top: 10px;}
.floor-bd .more{ position: absolute; bottom: 3px; right: 0;}

.cate-list li{ padding:0 11px ; margin-top: 50px; float: left;}
.cate-list li+li{ border-left: 1px dotted #ddd;}
.cate-list li img{ width: 160px; height: 160px;}
.cate-list li p{ width: 160px; margin-top: 10px;}
.cate-list li span{ width: 60px; padding-left: 18px; height: 14px; line-height: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.cate-list li span.active a{ color: #e3393c;}

.product-flag {font-size: 12px;color: red;border: 1px solid red;margin-right: 3px;padding: 2px;border-radius: 2px;}

.sale-not{ position: absolute; top: 35%; left: 50%; margin: -50px 0 0 -50px; width: 100px; height: 100px; line-height: 100px; border-radius: 100%; background: #000; background: rgba(0,0,0,0.5); color: #fff!important; text-align: center;    font-size: 16px!important;}

/*0818-08-31B2B改版*/
.floor-right li span{
    font-size:14px;
     color:#E34D47
}
.floor-right li h3{
    text-align:left;
    white-space:normal;
    height:38px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.floor-right li p{
    padding:0;
}
.floor-cate>li{
    font-size:14px;
}
.floor-right li h3{
    color:#333;
}
.floor-right li h5{
    bottom:80px;
}
.floor-right li em{
    margin-top:2px;
}
/*改版20181117*/
.ms-headpic{
    float:left;
    width:212px;
    height:306px;
    margin-right:2px;
}
.ms-headpic img{
    width:100%;
}
.ms-box{
    padding-top:10px;
}
.ms-wrap{
    float:left;
}
.ms-item{
    text-align:center;
    height:275px;
    border:1px solid #dcdcdc;
}
.ms-item:last-child{
    margin-right:0;
}
.ms-wrap {
    width:1066px;
    float:left;
    position:relative;
}
.ms-wrap .swiper-slide{
    border:1px solid #dcdcdc;
    text-align:center;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

.ms-img{
    max-width:212px;
    width:100%;
    height:100%;

}
.ms-btn-prev,.ms-btn-next{
    background-image:url(/Images/index_spirit.png);
    width:40px;
    height:70px;
    background-size:auto 70px;
    position:absolute;
    top:50%;
    margin-top:-20px;
    z-index:99;
    cursor:pointer;
    background-position: 0 -6px;
}
.ms-btn-next{
    background-position:-120px -6px;
    right:-3px;
}
.ms-btn-prev{
    left:-7px;
}
.slide li a{
    -webkit-background-size:auto 100%;
    background-size:auto 100%;
}

/*通屏 100%*520*/
.slide-box{
    width:100%;
}
.slide{
    width:100%;
    margin:0px;
    height:520px;
}
.slide li{
    height:520px;
}
.slide-box .slide-controls{
    left:0;
    width:100%;
}