@charset "utf-8";

/*栏目标题*/
.top-bt {height: 34px;padding-bottom: 25px;}
.top-bt strong {float: left;font-family: "microsoft yahei";font-size: 22px;color: #333;font-weight: normal;}
.top-bt span.fn-right {font-size: 16px;line-height: 32px;color: #424242;}
.top-bt .btn {display:inline-block;float: left;width:34px;height: 24px;border:1px solid #ccc;margin-left: -1px;}
.top-bt .linkall a {font-family: "microsoft yahei";}
.top-bt .linkall {margin-left: 10px;}
.top-bt .linkall i {position: relative;top: 3px;*top:0;display:inline-block;width:20px;height:20px;background: url(/uploads/image/tfsimages/allbg.png) -69px 0px; no-repeat;-webkit-transition: all 0.1s linear;transition: all 0.1s linear;}
.top-bt .linkall:hover i {background-position:-49px 0px;}

.product-item-c3 ,.product-time-c3 {-webkit-transition: all 0.2s linear;transition: all 0.2s linear;}
.product-item-c3:hover{z-index: 2;-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);box-shadow: 0 15px 30px rgba(0,0,0,0.1);-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0)}

.left-ad li:hover {z-index: 2;-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);box-shadow: 0 15px 30px rgba(0,0,0,0.1);-webkit-transform: translate3d(0, -4px, 0);transform: translate3d(0, -4px, 0)}
.product {height:630px;}
li .pic img  , .figure img {margin-left:auto;margin-right:auto;}
li .name {height:22px;line-height: 22px;font-size: 14px;font-weight: 400;}
li .name a {font-size: 16px; color: #212121;}
li .desc {height: 18px;font-size: 12px;_zoom: 1;color: #b0b0b0;}
li .price {margin: 0;color: #fe5050;font-size: 18px;font-family:"microsoft yahei";}
li .name , li .price , li .desc {margin-bottom:8px;padding: 0 20px;overflow: hidden;}


/*banna轮播图*/
#slidebox {position: relative;height:300px;}
#slidebox .wrap {position: relative;height:0;}
.slidebox .hd {height: 15px;position: absolute;left:0;top: 280px;width:100%;text-align:center;z-index: 1;}
.slidebox .hd ul li {display:inline-block;margin-right: 5px;width: 12px;height: 12px;background: #416278;cursor: pointer;border-radius:6px;}
.slidebox .hd ul li.on {background:#c61936;}
.slidebox .bd {position: relative;left: 50%;margin-left: -960px;height: 300px;overflow: hidden;z-index: 0;}
.slidebox .hd ul {overflow: hidden;}
.slidebox .bd ul {height:300px;overflow: hidden;}
.slidebox .bd li {float: left;zoom: 1;vertical-align: middle;}
.slidebox .bd li span {display: none;}
.slidebox .bd li img {width:1920px;height: 300px;}
.slidebox .prev, .slidebox .next {position: absolute;left:30px;bottom: 125px;margin-top: -25px;display: block;width: 32px;height: 40px;background: url(/uploads/image/tfsimages/slider-arrow.png) -110px 5px no-repeat;filter: alpha(opacity=0);opacity: 0;}
.slidebox:hover .prev, .slidebox:hover .next  {filter: alpha(opacity=50);opacity: 0.5;}
.slidebox .next {left: auto;right: 30px;background-position: 8px 5px;}
.slidebox .prev:hover, .slidebox .next:hover {filter: alpha(opacity=100);opacity: 1;}


/*产品排序*/
#product_sort {height: 120px;background: #ccedf2;}
#product_sort .sort {width:230px;height:170px;float: left;background:#5f5750;}
#product_sort .sort .text {padding:10px 25px;font-size:14px;}
#product_sort .sort .text p {height: 28px;line-height: 28px;}
#product_sort .sort .text a {color:#cfcdcb;}
#product_sort .sort .text .bt {color:#fff;margin-bottom:8px;}
#product_sort ul {position: relative; overflow: hidden; height: 120px; }
#product_sort ul li {position: relative;float: left;width:230px; padding-left:100px; font-size:18px; height: 120px;margin-left:15px;overflow: hidden;-webkit-transition: -webkit-box-shadow 0.2s linear;transition: box-shadow 0.2s linear;}
.w1200 #product_sort ul li {width:285px;}
#product_sort ul li img {position: absolute;width:308px;height:120px;left:50%;margin-left:-154px;}
.shadow-item:hover {-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);box-shadow: 0 15px 30px rgba(0,0,0,0.1)}
#product_sort ul li div.li1{margin-top: 16px;}
#product_sort ul li div.li2{margin-top: 14px;}
#product_sort ul li div b{margin:0 8px;font-size:22px;}
/*精品推荐 s*/
.main {margin-top:25px;}
.picscroll-left{overflow:hidden; position:relative;}
.picscroll-left .hd{ overflow:hidden;  height:0; background:#f4f4f4; padding:0 10px;}
.picscroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1;}
.picscroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background: 0 -9px no-repeat; }
.picscroll-left .hd ul li.on{ background-position:0 0;}
.picscroll-left .bd ul{width: 1215px;overflow:hidden; zoom:1; }
.picscroll-left .bd ul li{width:228px;height:330px;float:left; _display:inline; overflow:hidden; text-align:center;background: #fafafa;margin-right:28px;-webkit-transition: -webkit-box-shadow 0.2s linear;transition: box-shadow 0.2s linear;}

#recommend2 .picscroll-left .bd ul li {background: #fff;}
#recommend2 .picscroll-left {margin-top:0;}
.picscroll-left .bd ul li .pic{display: block;margin: 20px auto 25px; text-align:center; }
.picscroll-left .bd ul li .pic img{ width:160px; height:160px; display:block;}
.w1200 .picscroll-left .bd ul li {margin-right:15px;margin-bottom: 15px;}
.recommend .prev , .recommend .next {display:block;width:34px;height:24px;cursor: pointer;}
.recommend .prev i,.recommend .next i{ display:block;  width:8px; height:13px; float:right; margin-right:14px; margin-top:6px;  overflow:hidden;background: no-repeat;}
.recommend .next i{ background-position:-9px 0px;  }
.recommend .next:hover i {background-position:-17px 0px;}
.recommend .prev i{ background-position:-33px 0px;  }
.recommend .prev:hover i {background-position:-25px 0px;}
.recommend .prevstop{ background-position:-60px 0; }
.recommend li:hover .inner {margin-top:-5px;}

/*精品推荐 e*/

/**/
.mainlistbox {width:100%;background: #f5f5f5;}
#mainlist-first {margin-top:25px;}
.mainlistbox .top-bt {padding:30px 0 22px 0;overflow: hidden;}
#mainlist-first .top-bt {padding-top:45px;}
.integral-peo .top-bt ,.integral-new .top-bt {padding-top:45px;}
.mainlistbox .top-bt .link a {font-family: "microsoft yahei";font-size: 16px;color: #424242;padding:6px 0;margin-left:5px;margin-right: 10px;}
.mainlistbox .top-bt .link {margin-top: 4px;}
.w1200 .mainlistbox .top-bt .link a {margin-left:20px;}
.mainlistbox .top-bt .link a:hover {color: #fe5050;border-bottom: 2px solid #fe5050;}


.left-ad {width:230px;float: left;}
.left-ad li a {display: block;}
.left-ad li a img {width:230px;height:300px;}
.left-ad ul li {margin-bottom:15px;-webkit-transition: all 0.2s linear;transition: all 0.2s linear;}
.product-list-box {width:770px;float: left;}
.w1200 .product-list-box {width:970px;}
.product-list-box ul li {position: relative; width: 182px;height: 300px;margin-left:10px;margin-bottom:15px;float: left;text-align: center;background:#fff;overflow: hidden;}
.w1200 .product-list-box ul li {width: 228px;margin-left: 14px;}
.product-list-box ul li.product-item2 {height:142px;}
.product-list-box ul li.product-item2 img {height:80px;}
.product-list-box ul li.product-item2 .left {width:55%;float: left;margin:31px auto 31px;}
.product-list-box ul li.product-item2 .left p {padding:0 0 0 10px;}
.w1200 .product-list-box ul li.product-item2 .left p {padding:0 0 0 35px;}
.product-list-box ul li.product-item2 .figure {width:45%;float: left;margin:31px auto 31px;}
.product-list-box ul li.product-item2 .left, .product-list-box ul li.product-item2 .figure {-webkit-transition: all 0.2s linear;transition: all 0.2s linear;}
.product-list-box ul li .figure {position: relative; display:block;height: 160px;overflow: hidden;margin:25px auto 22px;}
#getmore {overflow: hidden;}
#getmore .left2 ,.product-list-box ul li.product-item2 .figure2 {margin-top:52px;}
#getmore .figure2 {width: 48px;height: 48px;margin-right: 12px;float: right;background:url(/uploads/image/tfsimages/allbg.png) -89px 0px no-repeat;-webkit-transition: all 0.1s linear;transition: all 0.1s linear;}
.w1200 #getmore .figure2 {margin-right: 40px;}
#getmore .left a {display: block;font-size: 18px;color: #333;padding-left: 10px;}
.w1200 #getmore .left a {padding-left: 25px;}
#getmore .figure a {width:48px;height: 48px;}
#getmore:hover .figure2 {margin-right:7px;}
.w1200 #getmore:hover .figure2 {margin-right: 35px;}
#getmore .left2 a small {display: block;font-size: 12px;color: #757575;}
.product-list-box ul li img {display:block;width:160px;min-height: 160px;}
.product-list-box ul li.product-item2 .figure img {width:auto;}
.product-list-box ul li p {margin-bottom: 5px;padding: 0 10px;overflow: hidden;}
.product-list-box ul li .title {height: 20px;}
.product-list-box ul li .title a {font-size: 14px; color:#333;height: 27px;font-weight: 600;}
.product-list-box ul li .price {height: 28px;font-size: 18px;color: #fe5050;font-family: "microsoft yahei";}
.product-list-box ul li .integral-vou {font-size: 12px;color: #b0b0b0;}
.product-list-box ul li .ab {position: absolute;left:0;bottom:0;width:100%;height: 0;background: #fe7373;text-align:left;opacity:0;transition: all .1s;-moz-transition: all .1s;-webkit-transition: all .1s;	-o-transition: all .1s;}
.product-list-box ul li .ab .txt {font-family: "simsun";font-size: 12px;color:#fff;padding:6px 14px 0;height: 34px;overflow: hidden;}
.product-list-box ul li .ab .price-ab {font-family:"arial";color:#fcc0c0;padding:0 14px;height: 18px;line-height: 18px;}
.product-list-box ul li .ab .price-ab-y {float:left;}
.product-list-box ul li .ab .price-vou {float:right;}
.product-list-box ul li .abtop {position: absolute;top:0;left:0;width:100%;height:20px;padding:0 0;text-align: center;}
.product-list-box ul li .abtop .flat {margin:0 2px;padding:2px 12px;line-height: 20px;color: #fff;}
.product-list-box ul li .abtop .flat-postfree {background-color: #ffac13;}
.product-list-box ul li:hover .ab {height:68px;opacity:1;}


/*积分新品*/
.product-list-box2 ul {height: 360px;}
.product-list-box2 ul li.product-item {width:242px;height: 360px;float:left;margin-right:10px;background: #fff;overflow: hidden;}
.w1200 .product-list-box2 ul li.product-item {width:288px;margin-right: 16px;}
.product-list-box2 ul li.last {margin-right: 0!important;}
.product-list-box2 ul li.product-item .pic {display:block;margin-bottom:15px;height: 220px;overflow: hidden;}
.product-list-box2 ul li.product-item .name a {font-size: 14px;}
.integral-peo .product-list-box2 ul li.product-item p {padding-left:25px;}
.integral-peo .pic img {width:100%;min-height:220px;}

.integral-new .product-list-box2 ul li.product-item {text-align: center;}
.integral-new .product-list-box2 ul li.product-item .price {padding-top:30px;}
#innerslide .bd {width:242px;height:360px;overflow: hidden;}
.w1200 #innerslide .bd {width:288px;}
#innerslide dl dd {height: 360px;float: left;width:242px;}
.w1200 #innerslide dl dd {width:288px;}
#innerslide .pic {margin:20px auto 15px;height: 160px;overflow: hidden;}
#innerslide .pic img {width:160px;min-height:160px;}
#innerslide .product-item {position: relative;}
#innerslide .hd {position: absolute;left:0;bottom:15px;width:242px;height:30px;background: #fff;z-index: 10;}
.w1200 #innerslide .hd {width:288px;}
.product-list-box2 .xm-pagers {height:30px;display:inline-block;*width:136px;margin-left:auto;margin-right:auto;}
.xm-pagers li {display:inline-block;float:left;width: 10px;height: 10px;padding: 10px;margin: 0 2px;cursor: pointer;}
.xm-pagers .dot {display: block;width: 6px;height: 6px;border: 2px solid #f5f5f5;border-radius: 6px;text-align: left;text-indent: -9999em;overflow: hidden;_zoom: 1;background-color: #b0b0b0;-webkit-transition: all 0.5s;transition: all 0.5s;}
.dot {border-color: #fff;}
.on .dot, .dot:hover {border-color: #ff6700;background-color: #f5f5f5;background-color: transparent;}
#innerslide .control{position: absolute;width: 20px;height: 24px;padding: 12px 0;font-size: 18px;line-height: 24px;opacity: 0;filter: alpha(opacity=0)\9;-webkit-transition: all 0.6s;transition: all 0.6s;background-color: #b0b0b0;z-index: 10;zoom:1;}
#innerslide .prev {left:0;top:-160px;}
#innerslide .next {right:0;top:-160px;}
#innerslide .control i {display:block;width:8px;height:13px;px;position:absolute;left:6px;top:20px;}
#innerslide .prev i {background: url(/uploads/image/tfsimages/allbg.png) -41px 0px no-repeat;}
#innerslide .next i {background: url(/uploads/image/tfsimages/allbg.png) -1px 0px no-repeat;}
#innerslide li:hover .control {opacity: 0.5;filter: alpha(opacity=60)\9;}
#innerslide li .control:hover {background-color: #757575;background-color: rgba(66,66,66,0.6);filter: progid:dximagetransform.microsoft.gradient(startcolorstr="#99424242", endcolorstr="#99424242")\9opacity: 1;filter: alpha(opacity=100)\9;}

.tzgg .newslead{position:relative;background: #f8f8f8 url(/uploads/image/tfsimages/toutiao-bg.png) no-repeat left;height: 45px;line-height: 45px;padding:0 15px;}
.tzgg .newslead span{font-size: 18px;color:#fff;font-weight: bold;}
.tzgg .newslead i{display: block;width:20px;height:20px;position: absolute;top: 15px;left: 120px;background:url(/uploads/image/tfsimages/gonggao.png) no-repeat;}
.tzgg .newslead .notice {width:88%;float: right; height: 45px;  line-height: 45px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.tzgg .newslead .notice ul {overflow: hidden;}
.tzgg .newslead .notice li {font-size: 16px;}
.tzgg .newslead .notice li a {display: block;text-align: left;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.tzgg .newslead .notice li s {display: inline-block; width: 16px; height: 16px; background-position: -20px -37px; vertical-align: middle; margin: -2px 5px 0 0;}
.tzgg .newslead .notice li a:hover,.newsbox .newslist ul li a:hover{color:#447ff8;}

.mainbox{margin-top: 10px;height: 370px;}
.picfocus{float: left;width: 700px;height: 370px;overflow: hidden;position: relative;}
.picfocus img{width: 700px;height: 350px;}
.picfocus .bd{height: 350px;}
.picfocus .bd .slideshow-item{position: relative;}
.picfocus .bd .slideshow-item .slideinfo{   position: absolute;bottom: 0px;left: 0; right: 0;padding: 45px 80px 30px 25px;font-size: 22px;text-align: justify;background: -webkit-linear-gradient(top, #000 , transparent); background: -o-linear-gradient(top, #000, transparent); background: -moz-linear-gradient(top, #000, transparent); background: linear-gradient(to top, #000 , transparent);filter: progid:dximagetransform.microsoft.gradient(gradienttype = 0, startcolorstr = #00ffffff, endcolorstr = #ff000000);}
.picfocus .slideshow-item .slideinfo p, .picfocus .slideshow-item .slideinfo h3 a{color:#fff;font-weight: bold;}
.picfocus .hd{position: absolute;height: 30px;bottom: 0;left: 0;right: 12px;text-align: right;}
.picfocus .hd ul li{display: inline-block;width: 8px;height: 8px;-moz-border-radius: 50%; -webkit-border-radius: 50%;border-radius: 50%;border:solid 1px #fff;margin-left: 10px;cursor: pointer;}
.picfocus .hd ul li.on{width: 8px;height: 8px;order-radius: 50%;background: #fff;}
.picfocus:hover .prev{display: block;}
.picfocus:hover .next{display: block;}
.picfocus .prev{width: 40px;height: 60px;background: rgba(0, 0, 0, 0.6);position: absolute;left: 0; top: 180px;display: none;-webkit-animation: leftfadein .5s ease-out;-moz-animation: leftfadein .5s ease-out;animation: leftfadein .5s ease-out;}
.picfocus .prev:after{content: "";display: block;width: 100%;height: 100%;background:  no-repeat center;}
.picfocus .next{width: 40px;height: 60px;background: rgba(0, 0, 0, 0.6);position: absolute;right: 0;top: 180px;display: none;-webkit-animation: rightfadein .5s ease-out;-moz-animation: rightfadein .5s ease-out;animation: rightfadein .5s ease-out;}
.picfocus .next:after{content: "";display: block;width: 100%; height: 100%;background:  no-repeat center;}
 /*公告列表*/
.newsbox{float: left;width: 580px;}
.newsbox .newslead{
    background:none; 
	border-bottom: solid 2px #ff2832;
    height: 45px;
    line-height: 45px;
}
.newsbox .newslead ul li{
    float: left;
    width: 140px;
    text-align: center;
    font-size: 18px;
    position: relative;
    cursor: pointer;
}
.newsbox .newslead ul li:after{
    content: "";
    width: 140px;
    height: 2px;
    background: #ff2832;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
}
.newsbox .newslead ul li.newbc{
	background:#ff2832;
	border-radius: 5px 5px 0 0;
}
.newsbox .newslead ul li.newbc a{
	color:#fff;
}
.newsbox .newslead ul li.newbc:after{
    display: block;
}
.newslist{
    -margin-top: 15px;
}
.newsde{
    line-height: 33px;
    min-height: 369px;
}
.newsde.active{
    display: block;
}
.newsde .newscon a em{
    float: left;
    width: 62px;
    height: 19px;
    line-height: 19px;
    text-align: center;
    font-size: 16px;
    color: #ff2832;
    border: 1px solid #ff2832;
    margin-right: 10px;
    overflow: hidden;
    margin-top: 7px;
}
.newsde .newscon a span{
    float: left;
    width: 323px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
}
.newsde .newscon a i{
    float: right;
    font-style: normal;
    color: #bebebe;
    font-size: 14px;
}
.newsbox .newslist h3{font-size: 24px;font-weight: bold;color:#333;line-height: 26px;margin-top:10px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.newsbox .newslist ul{margin:15px auto;}
.newsbox .newslist ul li a{display: block; font-size: 16px;color:#333;line-height: 34px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.newsbox .newslist ul li a span.n{float:left; color:#666;margin-right: 5px; max-width:450px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.newsbox .newslist ul li a font {float: right;color: #666;font-size: 14px;}
.friendlink ul li{margin:8px 16px 12px 0; float:left;}
.friendlink ul li img{max-width: 160px; max-height:72px;}