@charset "utf-8";


.slider {position: relative;width:100%;height: 460px;overflow: hidden;zoom: 1;}
.slider .sliders li{width: 100%;height: 100%;position: relative;}
.slider .sliders img{width: 1200px;height: 460px;display: block;position: relative;left: 50%;margin-left:-600px;}
.slider .slider-nav{position: absolute;right:20px;bottom: 20px;}
.slider .slider-nav li{float:left;width: 10px;height: 10px;margin-left:15px;border-radius:50%;background-color: #000;opacity: .3;filter: alpha(opacity=30);cursor: pointer;;}
.slider .slider-nav li.active{background-color: #fff;opacity: .8;filter: alpha(opacity=80);}
.hotlist{margin-top:10px;}
.hotlist .list-item{position: relative;}
.hotlist .list-item img{ width: 100%; height: 164px;display: block; }
@media (max-width:1260px){
	.hotlist .list-item img{height: 132px;}
}

.choiceness{position: relative;}
.choiceness .tab-navs{position: absolute;top:10px;right: 0;overflow: hidden; }
.choiceness .tab-navs .tab-nav{ float: left; height: 30px;padding: 0 20px;font-size: 14px;color: #454545;line-height:30px; letter-spacing: 1px;border: 2px solid #fff;border-radius: 17px;cursor: pointer;}
.choiceness .tab-navs .tab-nav.on{border-color: #afafaf;font-weight: bold;}
.choiceness .tab-navs .tab-nav:hover{color:#e40011;}
.choiceness .tab-navs .tab-nav.on:hover{color:#e40011;border-color:#e40011;;}
.choiceness .tab-conts{  padding: 35px 0 13px; background: #f1f1f1;}
.choiceness .tab-conts .img-box{ width: 392px;height: 215px; text-align: center;display: table-cell; *display:block;vertical-align:middle; }
.choiceness .tab-conts .list-item{ background: #fff;position: relative;}
.choiceness .tab-conts .img-box img{max-width: 352px; max-height: 175px;}
.choiceness .pro-name{ font-size: 14px; color: #000000; text-align: center; font-weight: normal; }
.choiceness .pro-name a{color:#010101; font-weight: bold;}
.choiceness .pro-name a:hover{color: #e40011;}
.choiceness .pro-keyword{font-size: 14px; color:#878787; text-align: center; margin-bottom: 20px;}
.kinds{ margin-top: 10px; margin-bottom: 10px;}
.kinds .kinds-box{ height: 200px; width: 392px;}
.kinds .kinds-box .l{padding: 45px 0 0 60px;width: 126px;}
.kinds .kinds-box .r {width: 205px;}
.kinds .list-item .kind-keyword{ font-size: 14px; color:#878787; margin-bottom: 15px;}
.kinds .list-item .img-r{ width: 185px; height: 180px; padding:10px;text-align: center;display: table-cell; *display:block;vertical-align:middle;}
.kinds .list-item .img-r img{max-width: 185px; max-height: 180px;}
.icon-more{width: 45px; height: 45px;background: url(../image/icons8.png) -343px -35px no-repeat; margin: 50px auto 20px;}
.kinds-more{font-size: 18px; color: #878787; text-align: center;}
.kinds-more a:hover{color:#e40011;}
.kinds .list-item:hover h4 a{color:#e40011;}
@media (max-width:1260px){
  .choiceness .tab-conts .img-box{ height: 155px;}
  .choiceness .tab-conts .img-box img{ max-width: 300px; max-height: 135px;}
  .kinds .kinds-box{ height: 162px;width: 320px;}
  .kinds .kinds-box .l{padding: 25px 0 0 40px;}
  .kinds .kinds-box .r {
    width: 154px;
}
  .kinds .list-item .img-r{ width: 130px; height:142px ;}
  .kinds .list-item .img-r img{max-width: 130px; max-height: 142px;}
  .icon-more{margin: 30px auto 10px;}
}

.hot-sale{position:relative;text-align: center;padding-bottom: 50px;}
.hot-sale .list-item{ margin-bottom:25px;}
.hot-sale .img-box {background-color: #f5f5f5;height: 294px;text-align: center;}
.hot-sale .img-box img{width: 294px;height:294px;}
.hot-sale .title{font-size: 16px;  margin: 20px 0;font-weight: bold;}
.hot-sale .list-item:hover .title a{color:#e40011;}
@media (max-width:1260px){
	.hot-sale .img-box{height: 236px;}
	.hot-sale .img-box img{width: 236px;height:236px;}		
}
.choiceness .list-item:hover,.hot-sale .list-item:hover,.hotlist .list-item:hover{box-shadow:0 0 5px rgba(0,0,0,0.2);}

.hot-pro:hover,.hot-proImg:hover,.span-col1:hover,.more-explore .list-item:hover,.floor-pho:hover{box-shadow:0 0 5px rgba(0,0,0,0.2); cursor: pointer;}

.category-title{position: relative;height: 50px;line-height: 50px;margin-top: 20px;margin-bottom: 10px;}
.category-name{color: #010101;font-size: 24px;text-indent: 20px;font-weight: normal;}
.category-name span{display: inline-block;block;vertical-align: baseline; }
.special-subTitle{font-size:16px; color:#b0b0b0;}
.browse-more{color: #b0b0b0;font-size: 16px;margin-right: 20px;position: absolute;top:0;right: 0;text-align: right;display: block;height: 100%;}
.browse-more:hover{color: #c50011;}



.hot-pro{background-color: #f5f5f5;text-align: center;height: 392px;}
.pro-imgBox{width: 392px;height:392px;display: table-cell;text-align: center;vertical-align: middle;}
.pro-imgBox img{max-width:100%;max-height: 100%;}
.hot-proImg{height: 190px;width:100%;background-color: #f5f5f5;text-align: center;}
.hot-proImg img{max-width: 100%;max-height: 100%;}
.mt12-10{margin-top: 12px;}
@media (max-width:1260px){
	.hot-pro{height: 320px;}
	.pro-imgBox{width: 320px;height:320px;}
	.hot-proImg{height: 155px;}
	.mt12-10{margin-top: 10px;}		
}

.hot-topic{margin-left: -2px;margin-top:-2px;font-size: 24px;color: #fff;text-align: center;}
.hot-topic li{margin-left: 2px;margin-top:2px;height: 200px;line-height: 200px;float: left;width: 195px;width:194px\9;transition: .3s;}
.hot-topic li:hover{opacity: .8;filter:alpha(opacity=80);border-radius: 50%;transition: .3s;cursor: pointer;}
.hot-topic li a{color: #fff;display: block;}
.bgCol-yel-1{background-color: #c29a5d;}
.bgCol-yel-2{background-color: #d5ba8f;}
.bgCol-yel-3{background-color: #e7b171;}
.bgCol-yel-4{background-color: #e8b88a;}
.bgCol-blue-1{background-color: #6d4ce3;}
.hot-topic li.bgCol-blue-1{width: 392px;}
.bgCol-blue-2{background-color: #45adba;}
.bgCol-blue-3{background-color: #40afdd;}
.bgCol-red-1{background-color: #ca4a49;}
.bgCol-red-2{background-color: #e17692;}
.bgCol-red-3{background-color: #f1aab8;}
.hot-topic li.bgCol-red-2{height: 402px;line-height: 402px;}
.hot-topic li.bgCol-red-3{margin-top: -200px;}
@media (max-width:1260px){	
	.hot-topic li{width: 159px;}
	.hot-topic li.bgCol-blue-1{width: 320px;}
	.hot-topic li{height: 159px;line-height: 159px;}
	.hot-topic li.bgCol-red-2{height: 320px;line-height: 320px;}
	.hot-topic li.bgCol-red-3{margin-top: -159px;}
}

.floor-pro{text-align: center;}
.span-col2{height: 596px;position: relative;}
.span-row2{width: 596px;position: relative;z-index: 2;}
.span-col1{position: relative;background-color: #f5f5f5;}
.span-col1 a{height: 294px;}
.span-col-bottom{position: absolute;bottom: 0;right: 0;width: 100%;}
.floor-pho{background-color: #f5f5f5;text-align: center;}
.floor-pro img{max-width: 100%;max-height: 100%;}
@media (max-width:1260px){
	.span-col2{height: 484px;}
	.span-row2{width: 484px;}
	.span-col1 a{height: 236px;}
}

.more-explore{height:180px;position:relative;margin-bottom: 60px;}
.more-explore .slider-head{ overflow:hidden; zoom:1; position: absolute;right: 0;top:-25px; display:none;}
.more-explore .slider-head li{ float:left; margin-right:15px;  width:10px; height:10px; line-height:14px; text-align:center; background:#f1f1f1; cursor:pointer;border-radius: 50%; }
.more-explore .slider-head li.active{ background:#828282; }
.more-explore .list-item{height: 180px;background-color: #f5f5f5;margin-top:5px;}
.more-explore .list-item a,.more-explore .list-item img{display: block;height: 100%;width: 100%;}
@media (max-width:1260px){
	.more-explore .more-explore{height:146px;}	
}



.slider2{position: relative;width:100%;min-width:1200px;height: 500px;overflow: hidden;zoom: 1;}
.slider2 .sliders li{width: 100%;height: 100%;position: relative;}
.slider2 .sliders img{width: 1920px;height: 460px;display: block;position: absolute;left: 50%;margin-left:-960px;}
.slider2 .slider-nav {position: absolute;right:10%;bottom: 20px;}
.slider2 .slider-nav li {float:left;width: 10px;height: 10px;margin-left:15px;border-radius:50%;background-color: #000;opacity: .3;filter: alpha(opacity=30);cursor: pointer;;}
.slider2 .slider-nav li.active{background-color: #fff;opacity: .8;filter: alpha(opacity=80);}
.special-popular{height: 301px;overflow: hidden;}
@media (max-width:1260px){
	.special-popular{height:246px;}	
}
.special-box{background-color: #f5f5f5;position: relative;text-align: center;margin-top: 5px;margin-bottom: 5px;}
.special-box a.db{height:294px;width:100%;}
@media (max-width:1260px){
	.special-box a.db{height:246px;}	
}
.special-box:hover{background-color: #f8f4f1;box-shadow:0 0 6px rgba(0,0,0,0.2);}
.special-phoName{display: none;position: absolute;bottom: 0;left: 0;right: 0;height: 50px;line-height: 50px;font-size: 16px;z-index: 2;color: #fff;background-color:#515151;background-color:rgba(0,0,0,.3);}
.special-box:hover .special-phoName,.hot-pro:hover .special-phoName{display: block;}
.special-box img{max-width: 100%;max-height: 100%;}

.nav_title{ height:46px; line-height: 46px; color:#fff; font-size:16px; text-align: center; background: #7d7d7d;}
.special-floorNav{ display: none;width:120px; text-align: center; background: #fdfdfd;position:fixed; left:2%;top:160px;z-index:4}
.special-floorNav .nav-left{ width:120px; height:46px; line-height: 46px; border-bottom:1px solid #d0d0d0; cursor: pointer;}
.special-floorNav ul{ box-shadow: 0 0 2px rgba(0,0,0,0.2);}
.special-floorNav span{ display: inline-block; width:48px; height:48px; margin-top:8px; background: url(../image/icons8.png) no-repeat;}
.special-floorNav span.icon_span1{ background-position: 0 -452px;}
.special-floorNav span.icon_span2{ background-position: -60px -452px;}
.special-floorNav span.icon_span3{ background-position: -120px -452px;}
.special-floorNav span.icon_span4{ background-position: -180px -452px;}
.special-floorNav span.top{ margin-top:20px; background-position: -240px -452px;}
.special-floorNav li.on{background-color:transparent;color: #e40011;}
.special-floorNav .nav-left:hover{background-color:transparent; color:#e40011;}
.btn-check{border-radius: 6px;}
.btn-check:hover{background-color: #c50011;}


.topic-tit{ border-bottom: 1px solid #f5f5f5; height: 60px;line-height: 60px;}
.topic-tit .category-name{text-indent:0;}
.topic-tit .subtitle{ font-size: 12px; color: #b0b0b0; margin-left: 20px;}
.topic-con{ margin-top: 20px;}
.topic-con li.list-item{ margin-bottom: 20px;}
.topic-con .img-con{width: 200px; height: 120px; text-align:center; position: absolute;z-index: 1; left: 50%;top: 50%; margin-left: -100px; margin-top: -60px;}
.topic-con .img-con .img-mask{ width: 100%; height: 100%;opacity:0.3; background: #000;filter:alpha(opacity=30); position:absolute;z-index: 1; top: 0;left: 0;}
.topic-con .img-con .img-pos{width: 100%; height: 100%;position:absolute; left:0; top:0;z-index: 8;}
.topic-con .img-con h4{ font-size: 18px; font-weight: bold; color: #fff; margin-top: 40px;}
.topic-con .img-con p{ color: #fff;font-size: 12px; width:160px; margin: 10px auto 0; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.topic-con .list-item a,.topic-con .list-item a img{width: 392px;height: 262px; overflow: hidden; display: block;}
.topic-con .list-item a img{-webkit-transition: .3s linear;transition: .3s linear;}
.topic-con .list-item a:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.topic-con a .img-con{-webkit-transition: .5s ease-in-out;transition: .5s ease-in-out; }
.topic-con a:hover .img-con{-webkit-transform:scale(0);transform:scale(0);filter:alpha(opacity=0)\9;}
@media (max-width:1260px){
.topic-con .list-item a,.topic-con .list-item a img{width: 320px;height: 214px;}
}

.index-channel .span-col1:hover{box-shadow: none;}
.hover-txt{position: absolute;left:0;right: 0;top:0;bottom: 0;z-index: 3;background-color: rgba(255,255,255,.8);color: #010101;
  display: -webkit-box;    
  display: -moz-box;     
  display: -ms-flexbox;  
  display: -webkit-flex; 
  display: flex;
        align-items:center;
-webkit-align-items:center;
          box-align:center;
     -moz-box-align:center;
  -webkit-box-align:center;  
        align-items: center;         
-webkit-justify-content:center;
          -moz-box-pack:center;
  -webkit--moz-box-pack:center;
               box-pack:center;
        justify-content: center; 
opacity: 0;filter: alpha(opacity=0);*padding-top: 100px;
}
.hover-txt span{width: 100%;
-webkit-flex-wrap: wrap;
-webkit-box-lines: multiple;
   -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;   
        flex-wrap: wrap;
        }
.hover-txt span:hover{color:#e40011;}
.index-channel a:hover .hover-txt{opacity: 1;filter: alpha(opacity=100);}

@media (max-width:768px){
	.special-container{width: 100%;}
	.special-floorNav{display: none;}
	.slider2{min-width: 100%;height: auto;}
	.slider2 .sliders li{height: 0;padding: 20% 0;}
	.slider2 .sliders li img{position:absolute;top:0;left: 50%;transform: translateX(-50%);margin-left:0;width:auto;height: 100%;}
	.special-container .browse-more{border:1px solid #d1d1d1;margin-top:10px;padding: 0 10px;line-height: 30px;height: 30px;border-radius: 20px;;}
	.special-popular,
	.special-container .floor-pro{width: 100%;margin-left: 0;height: auto;}
	.special-popular .special-box,
	.special-container .floor-pro .list-item{width: 49%;margin-left: 0;}
	.special-popular .special-box:nth-child(2n),
	.special-container .floor-pro .span-col2:nth-child(2n){float:right;}
	.special-popular .special-box img{width:100%;height: auto;}
	.special-popular .special-box .special-phoName{display: block;}
	.special-container .floor-pro .span-col2{height: auto;}
	.special-container .floor-pro .span-col2 img{display:block;width: 100%;height: auto;max-width: none;max-height: none;}
	.special-container .floor-pro .span-col1 a{height:auto;}
	.special-container .floor-pro .span-col-bottom{position: relative;margin-top:3%;}
	.special-container .floor-pro .hover-txt{opacity: 1;display: block;top:auto;background-color: rgba(255,255,255,.5);}
	.list-col-3 .hot-pro{width: 32%;margin-left: 0;height: auto;}
	.list-col-3 .hot-pro:nth-child(3n-1){margin-left: 2%;margin-right: 2%;}
	.list-col-3 .hot-pro .pro-imgBox{width: 100%;height: auto;display: block;}
	.list-col-3 .hot-pro .pro-imgBox img{display:block;width: 100%;height: auto;max-width: none;max-height: none;}
	.list-col-3 .hot-pro .special-phoName{display: block;}
	
	
}
@media (max-width:600px){
	.special-container .category-title{margin-top: 0;}
	.special-container .category-title .category-name{text-indent: 5px;font-size:18px;line-height: 36px;}
	.special-container .category-title .special-subTitle{font-size:12px;display: block;line-height: 14px;margin-left: 5px;}
	.special-container .browse-more{margin-right:5px;font-size: 14px;}
	.special-container .floor-pro .hover-txt span{font-size:12px;}
	.special-container .special-phoName{height: 30px;line-height: 30px;}

}