body{background: #edf6ff}.area{width:100%;margin-bottom:20px}.area .inner .block{float:left;width:294px;height:530px;margin-right:8px;border-style:solid;border-width:4px;border-left:none;border-right:none;background:white;position:relative}.area .inner .block.b1{border-color:#f67726}.area .inner .block.b1>.title{background-color:#f67726}.area .inner .block.b2{border-color:#7325f5}.area .inner .block.b2>.title{background-color:#7325f5}.area .inner .block.b3{border-color:#de4a4a}.area .inner .block.b3>.title{background-color:#de4a4a}.area .inner .block.b4{border-color:#24bdf6;margin-right:0}.area .inner .block.b4>.title{background-color:#24bdf6}.area .inner .block .img{width:100%;height:230px}.area .inner .block .img img{display:block;width:100%;max-height:230px}.area .inner .block>.title{position:absolute;top:140px;left:0;width:100%;color:white;height:88px;padding:16px 16px 0 16px}.area .inner .block>.title h2{font-size:24px;margin:0}.area .inner .block>.title p{font-size:18px}.area .inner .block .box{width:100%;overflow:hidden;position:relative;height:292px}.area .inner .block .box ul{width:100%;height:100%;position:relative;overflow:hidden}.area .inner .block .box ul li{width:294px;position:relative;float:left;height:100%;background:white}.area .inner .block .box ul li a{display:block;width:100%;height:100%}.area .inner .block .box ul li a img{width:198px;height:198px;position:absolute;top:50%;left:50%;margin-left:-99px;margin-top:-120px}.area .inner .block .box ul li a p.title{width:100%;text-align:center;color:#666;position:absolute;bottom:30px;left:0;font-size:12px}.area .inner .block .btn{z-index:3;width:100%;position:absolute;bottom:20px;left:0;text-align:center}.area .inner .block .btn li{display:inline-block;width:12px;height:4px;background:#cacaca;color:white;margin:5px}.area .inner .block .btn li.selected{background:#de4a4a}.add-banner{width:100%;margin-bottom:20px}.add-banner .inner{height:90px}.add-banner .inner img{max-width:100%;max-height:90px;margin:0 auto;display:block}.hot{width:100%;background: #fff;margin-bottom: 15px;}.hot .inner>.title{width:100%;line-height:100px;height:100px;text-align:center;font-size:40px;font-family: '微软雅黑'}.hot .inner>.explain{width:600px;line-height:30px;margin:20px auto;text-align:center;font-size:18px;font-family: '微软雅黑'}.hot .inner>.bottom{width:100%}.hot .inner>.bottom>.detail{width:100%;text-align: center;}.hot .inner>.bottom>img{margin-top:59px;}.hot .inner>.bottom a.one-block{width:20%;padding:20px;display:block;float:left;cursor:pointer;overflow:hidden;position:relative}.hot .inner>.bottom a.one-block img{width:200px;height:200px;margin-bottom:15px}.hot .inner>.bottom a.one-block p.title{font-size:14px;height:20px;color:#666;margin-bottom:10px;overflow:hidden;width:100%}.hot .inner>.bottom a.one-block p.bottom{line-height:30px}.hot .inner>.bottom a.one-block p.bottom .left{float:left;color:black;font-size:16px}.hot .inner>.bottom a.one-block p.bottom .left i{font-size:20px}.hot .inner>.bottom a.one-block p.bottom .left em{font-size:12px;color:#555}.hot .inner>.bottom a.one-block p.bottom .right{float:right;font-size:12px;color:#555;max-width:55%;overflow:hidden;height:30px}.hot .inner>.bottom a.one-block:before{content:"";position:absolute;width:60px;height:324px;top:20px;left:-110px;overflow:hidden;background:-moz-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%);background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,0.2)), color-stop(100%, rgba(255,255,255,0)));background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%);background:-o-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%);-moz-transform:skewX(-25deg);-webkit-transform:skewX(-25deg);-ms-transform:skewX(-25deg);transform:skewX(-25deg)}.hot .inner>.bottom a.one-block:hover::before{-webkit-transition:left 1s;-moz-transition:left 1s;-ms-transition:left 1s;transition:left 1s;left:290px}.hot .inner>.bottom a.one-block:hover p.title{color:#de4a4a}.find-brand{width:100%;margin-bottom:20px;overflow:hidden}.find-brand .inner .box{overflow:hidden;width:100%;position:relative}.find-brand .inner .box .slider{width:5000px;height:100px;position:relative;overflow:hidden}.find-brand .inner .box .slider li{width:1200px;float:left;position:relative;overflow:hidden}.find-brand .inner .box .slider li a{width:149px;height:100px;float:left;display:table;margin-right:1px;background:white;text-align:center;vertical-align:middle}.find-brand .inner .box .slider li a span{display:table-cell;vertical-align:middle;text-align:center}.find-brand .inner .box .slider li a span img{width:80%;vertical-align:middle}.find-brand .inner .plus,.find-brand .inner .minus{position:absolute;background:gray;background:rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#32000000, endColorstr=#32000000);color:#fff;text-align:center;font-size:22px;font-weight:400;font-family:simsun;width:24px;height:44px;line-height:44px;top:50%;margin-top:-22px;cursor:pointer;visibility:hidden;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;-ms-transition:opacity 0.5s;transition:opacity 0.5s;opacity:0;z-index:1;font-weight:700}.find-brand .inner .plus{right:0}.find-brand .inner .minus{left:0}.find-brand .inner:hover .plus,.find-brand .inner:hover .minus{visibility:visible;opacity:1}.floor{width:100%;margin-bottom:20px}.floor .inner{min-height:632px}.floor .inner>.title p{height:50px;line-height:50px;border-bottom-width:2px;border-bottom-style:solid}.floor .inner>.title p span{line-height:45px;font-size:18px;margin-left:10px}.floor .inner>.title p span.on{padding:0 20px;border-style:solid;border-width:4px;border-top:none;border-bottom:none;margin-left:0;font-size:16px}.floor .inner>.bottom{width:100%;position:relative;background:white}.floor .inner>.bottom>.left{width:20%;height:582px;float:left;overflow:hidden;will-change:transform}.floor .inner>.bottom>.left .bg{width:100%;height:384px;position:relative;overflow:hidden;will-change:transform}.floor .inner>.bottom>.left .bg img{width:100%;height:384px;border:none;display:block;-webkit-transition:transform 0.5s;-moz-transition:transform 0.5s;-ms-transition:transform 0.5s;transition:transform 0.5s}.floor .inner>.bottom>.left .bg:hover img{-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform:scale(1.08)}.floor .inner>.bottom>.left .href{width:190px;z-index:2;margin:20px auto;overflow:hidden}.floor .inner>.bottom>.left .href a{width:50%;float:left;height:57px;display:block;margin-bottom:1px;text-align:center;position:relative;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-ms-transition:opacity 0.3s;transition:opacity 0.3s;overflow:hidden}.floor .inner>.bottom>.left .href a.sm{height:30px;line-height:30px;color:white}.floor .inner>.bottom>.left .href a img{width:100%;height:100%;-webkit-transition:transform 0.3s;-moz-transition:transform 0.3s;-ms-transition:transform 0.3s;transition:transform 0.3s}.floor .inner>.bottom>.left .href a img:hover{-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.floor .inner>.bottom>.left .href a.sm:hover{opacity:0.8}.floor .inner>.bottom>.left .href .h1{position:relative}.floor .inner>.bottom>.left .href .h1 .line{display:block;position:absolute;width:1px;height:100%;background:white;top:0;left:50%;margin-left:-0.5px;z-index:1}.floor .inner>.bottom>.left .href .h2{margin-top:2px;width:100%;height:115px;overflow:hidden;position:relative}.floor .inner>.bottom>.left .href .h2 .line-y{position:absolute;width:1px;height:100%;background:#efefef;top:0;left:50%;margin-left:-0.5px;display:block;z-index:1}.floor .inner>.bottom>.left .href .h2 .line-x{display:block;position:absolute;width:100%;height:1px;background:#efefef;top:50%;left:0;margin-top:-0.5px;z-index:1}.floor .inner>.bottom>.right{width:80%;height:582px;float:left}.floor .inner>.bottom>.right>a,.floor .inner>.bottom>.right>div{width:25%;float:left;height:291px;display:block;padding:0 1px;will-change:transform;position:relative;border-left:1px solid #efefef;border-bottom:1px solid #efefef}.floor .inner>.bottom>.right>a.b-n,.floor .inner>.bottom>.right>div.b-n{border-bottom:none}.floor .inner>.bottom>.right>a img.main,.floor .inner>.bottom>.right>div img.main{width:198px;height:198px;display:block;margin:20px auto;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-ms-transition:opacity 0.3s;transition:opacity 0.3s}.floor .inner>.bottom>.right>a img.bg,.floor .inner>.bottom>.right>div img.bg{width:120px;height:120px;position:absolute;bottom:0;right:0}.floor .inner>.bottom>.right>a p.title,.floor .inner>.bottom>.right>div p.title{color:#555;width:100%;padding-left:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px}.floor .inner>.bottom>.right>a ul.list,.floor .inner>.bottom>.right>div ul.list{width:120px;height:100%;padding-top:15px;position:absolute;top:0;left:0;overflow:hidden;color:#555;text-align:center}.floor .inner>.bottom>.right>a ul.list h2,.floor .inner>.bottom>.right>div ul.list h2{font-size:16px;margin-bottom:10px}.floor .inner>.bottom>.right>a ul.list li,.floor .inner>.bottom>.right>div ul.list li{height:30px;line-height:30px;text-align:center}.floor .inner>.bottom>.right>a ul.list li a,.floor .inner>.bottom>.right>div ul.list li a{color:#555}.floor .inner>.bottom>.right>a p.bottom,.floor .inner>.bottom>.right>div p.bottom{padding:0 20px}.floor .inner>.bottom>.right>a p.bottom .left,.floor .inner>.bottom>.right>div p.bottom .left{float:left;max-width:50%;color:#685244;overflow:hidden}.floor .inner>.bottom>.right>a p.bottom .right,.floor .inner>.bottom>.right>div p.bottom .right{float:right;max-width:50%;color:#de4a4a;overflow:hidden}.floor .inner>.bottom>.right>a p.bottom .right i,.floor .inner>.bottom>.right>div p.bottom .right i{vertical-align:middle;margin-left:5px;margin-top:-5px}.floor .inner>.bottom>.right>a:hover img.main,.floor .inner>.bottom>.right>div:hover img.main{opacity:0.7;filter:Alpha(opacity=70)}.floor .inner>.bg-img{width:100%;height:582px;position:relative}.floor .inner>.bg-img img{width:370px;height:170px;position:absolute;top:50%;left:50%;margin-top:-85px;margin-left:-185px}.bottom-other{width:100%;margin-bottom:20px}.bottom-other .inner>.title p{height:50px;line-height:50px;border-bottom-width:2px;border-bottom-style:solid;color:#de4a4a}.bottom-other .inner>.title p span{line-height:45px;font-size:18px;margin-left:10px}.bottom-other .inner>.title p span.on{padding:0 20px;border-style:solid;border-width:4px;border-top:none;border-bottom:none;margin-left:0;font-size:16px}.bottom-other .inner>.bottom{width:100%;position:relative;background:white}.floor-guide{width:36px;overflow:hidden;position:fixed;top:115px;display:none;z-index:10}.floor-guide .block{width:36px;height:35px;position:relative;line-height:36px;text-align:center;color:#555;cursor:pointer;border-bottom:1px solid #e6e6e6}.floor-guide .block:hover p{display:block}.floor-guide .block:hover i.icon{display:none}.floor-guide .block p{display:none}.floor-guide .block i.icon{position:absolute;top:50%;left:50%}.floor-guide .block i.icon.floor-1{background-position:-359px -1px;width:17px;height:15px;margin-left:-8.5px;margin-top:-6.5px}.floor-guide .block i.icon.floor-7{background-position:-378px -4px;width:20px;height:10px;margin-left:-10px;margin-top:-3.5px}.floor-guide .block i.icon.floor-10{background-position:-400px -4px;width:19px;height:11px;margin-left:-9.5px;margin-top:-4px}.floor-guide .block i.icon.floor-13{background-position:-421px -5px;width:19px;height:9px;margin-left:-9.5px;margin-top:-2.5px}.floor-guide .block i.icon.floor-16{background-position:-442px -4px;width:19px;height:10px;margin-left:-9.5px;margin-top:-3.5px}.bt-banner{width:100%;border-top:1px solid #CACACA;border-bottom:2px solid #de4a4a;background:white;margin-top:50px}.bt-banner .inner img{width:100%}.footer{margin-top:0}