.clearfix{clear: both;font-size: 0px;height: 0px;line-height: 0px;width: 0px;visibility: hidden;}


.brand_banner{width: 1220px;margin: 0 auto;position: relative;}
.brand_banner span{
    position: absolute;
    bottom: 40px;
    font-size: 16px;
    display: flex;
    width: 80%;
    text-align: center;
    justify-content: space-between;
    left: 50%;
    transform: translateX(-50%);
}
.brand_banner span a{
    background: #fff;
    color: #ea5925;
    line-height: 35px;
    display: block;
    letter-spacing: 1px;
    padding: 0px 5px;
    border-radius: 5px;
    border: 1px solid #ea5925;
}
.brand_banner span a:hover{background: #ea5925;color: #fff;border-color: #fff;}

.brand_3{height: 555px;overflow:hidden;background: #ffffff;margin-top: 20px;border: 1px solid #ededed;border-top: 0;}
/*板块标题*/
.plate-tle{border-top: 3px solid #f84f04;border-bottom: 1px solid #ededed;height: 50px;line-height: 50px;background-color:#ffffff;padding:0 5px;}
.plate-tle h2{margin: 0;padding: 0;float: left;font-size: 24px;font-weight:500;height: 50px;line-height: 50px;}
.plate-tle h2 em{font-size: 24px;padding-right: 5px;color: #f84f04;}
.plate-tle h2 a{color:#333333}
.plate-tle h3, .plate-tle i{float: right;margin-top: 15px;font: 13px/25px "Microsoft Yahei";}
.plate-tle h3 a{margin-right: 20px;color: #8a8a8a;padding: 0 8px;}
.plate-tle i{width: 60px;height: 25px;text-align: center;background: #f84f04;}
.plate-tle i:hover{background:#f84f04}
.plate-tle i a{color: #fff;}
/*板块左侧推荐品牌*/
.plate-tle-right{border-bottom: 1px solid #eaeaea;margin: 13px 0 0 0;padding: 3px 0 3px 3px;    margin-right: 5px;}
.plate-tle-right h1{font: 18px/20px "Microsoft Yahei";color: #1b1b1b;border-left: 6px solid #f84f04;padding-left: 6px;float: left;padding-bottom: 2px;}
.plate-tle-right i{float: right;font: 12px/24px "Microsoft Yahei";}
.plate-tle-right i a{color: #939393}
.plate-tle-right i a:hover{color:#ff7730}
.plate-left{width: 220px;float: left;background-color: #ffffff;margin-right: 5px;}
.plate-left-pic{width: 220px;height: 420px;position: relative;overflow: hidden;margin-top: 13px}
.plate-left-pic img{width: 220px;position: absolute;top: 0;left: 50%;z-index: 1;margin-left: -110px;}
.plate-left-pic img:hover{opacity: 0.9;}
.plate-left-text{position: absolute;background: rgba(0, 0, 0, 0.8);-pie-background: rgba(0,0,0,.8);/*IE6-8*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8000000, endColorstr=#c8000000); /*IE6-8*/width: 240px;height: 80px;bottom: 0;left: 0;z-index: 2;border-bottom: 5px solid #f84f04;padding: 10px 15px;}
.plate-left-text h1{color: #f84f04;font: 18px/30px "Microsoft Yahei";height: 30px;overflow: hidden;}
.plate-left-text p{color: #fff;font: 13px/24px "Microsoft Yahei";height: 48px;overflow: hidden;}
/*板块中间最新品牌*/
.plate-center{width:792px!important;padding: 0!important;height: 570px}
.plate-center .bd{border: 1px solid #e8e8e8;border-bottom:0;height: 100%;}
.plate-center-nav{overflow: hidden;text-align: center;margin: 0 auto;margin-top: 16px;padding-left: 166px;}
.plate-center-nav li{width: 125px;height: 35px;float: left;margin-right: 15px;background: #f7f7f7;border-radius: 4px 4px 0 0;font: 13px/35px "Microsoft Yahei";text-align: center;cursor: pointer;}
.plate-center-nav li.on{background: #f84f04;font-weight: bold;color: #ffffff;}
.plate-center{width: 597px;float: left;padding-left: 18px;background-color: #ffffff;}
.plate-center-brand{display: flex;flex-wrap: wrap;text-align: center;align-content: flex-start;}
.plate-center-brand{width: 100%;border-top:0;overflow:hidden;background: #ffffff;}
.plate-center-brand li div{width: 100%;height: 100%;}
.plate-center-brand li .pic a{display: flex;width: 100%;height: 100%; align-self: center;    align-items: center;}
.plate-center-brand li{margin: 4px; width: 148px;height: 105px;overflow: hidden;border: 1px solid #e8e8e8;position: relative;float: left;background: #ffffff;cursor: pointer;}

.plate-center-brand li img{width: 148px;text-align: center;margin: 0 auto;padding: 2px;}
.plate-center-brand .text{position: absolute;width: 118px;height: 89px;padding: 8px 15px;bottom: 0;left: 0;background: rgba(0,0,0,0.8);-pie-background: rgba(0,0,0,.8);/*IE6-8*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8000000, endColorstr=#c8000000); /*IE6-8*/color: #ff0000;font: 12px/22px "Microsoft Yahei";display: none;}
.plate-center-brand .text a{color: #ff0000;}
.plate-center-brand li:hover .text{display: block;}
.plate-center-brand .text p{height: 22px;
margin: 0px;overflow: hidden;}
.plate-center-brand .text span{color: #fff;}
.plate-center-brand .text h5{width: 70px;height: 16px;background: #f00;color: #fff;text-align: center;margin: 0 auto;font: 12px/16px "Microsoft Yahei";margin-top: 3px;border-radius: 10px;cursor: pointer;}
.plate-center-brand .text h5:hover{background: #db0000;}
/*板块右侧*/
.plate-right{width: 180px;float: right;padding:0 5px;background-color: #ffffff;}
/*板块右侧推荐商机*/
.busy-list{background: url(images/brand/busy.png) no-repeat top left;min-height: 194px;}
.busy-list li{padding-left: 15px;height: 38px;overflow: hidden;border-bottom: 1px dotted #eaeaea;}
.busy-list h1, busy-list i{font: 13px/38px "Microsoft Yahei"; display:inline-block;}
.busy-list i{color:#ff0000;font-style: inherit;}
.busy-list a h1{color: #2c2c2c}
.busy-list li a h1:hover{color: #ff7730;}
.news-list li{height: 38px;overflow: hidden;border-bottom: 1px dotted #eaeaea;}
.news-list li.no_bm{border-bottom:0}
.news-list h1{font: 13px/38px "Microsoft Yahei";padding-left: 10px;display:inline-block;}
.news-list a h1{color: #2c2c2c}
.news-list li a h1:hover{color: #ff7730;}
.news-list i{width: 4px;height: 4px;background: #f00;float: left;border-radius: 4px;margin-top: 17px;margin-right: 8px;}
/*品牌新款板块*/
.new-produs{width: 1200px;height: 320px;position: relative;padding-bottom: 20px;padding-top: 10px;}
#prev-01, #next-01{position: absolute;width: 38px;height: 66px;z-index: 3;top: 125px;opacity: 0.8;cursor: pointer;}
#prev-01{background: url(images/brand/left.png) no-repeat;left: 0;}
#next-01{background: url(images/brand/right.png) no-repeat;right: 0;}
#prev-01:hover, #next-01:hover{opacity: 1;}
.new-produs-list{margin-top: 20px;}
.new-produs-list li{width: 225px;height: 320px;overflow: hidden;position: relative;float: left;margin-right: 18px;}
.new-produs-list li.last{float: right;margin-right: 0;}
.new-produs-list li img{width: 100%;position: absolute;top: 0;left: 0;z-index: 1;}
.new-produs-list li img:hover{opacity: 0.9}
.new-produs-list .text{position: absolute;bottom: 0;left: 0;width: 225px;height: 30px;z-index: 2;background: rgba(0,0,0,1);-pie-background: rgba(0,0,0,.8);/*IE6-8*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8000000, endColorstr=#c8000000); /*IE6-8*/text-align: center;}
.new-produs-list .text h1{font: 13px/30px "Microsoft Yahei";}
.new-produs-list .text h1 a{color: #fff;}


/*鼠标特效*/
/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal{16.65%{-webkit-transform: translateX(8px); transform: translateX(8px);} 33.3%{-webkit-transform: translateX(-6px); transform: translateX(-6px);} 49.95%{-webkit-transform: translateX(4px); transform: translateX(4px);} 66.6%{-webkit-transform: translateX(-2px); transform: translateX(-2px);} 83.25%{-webkit-transform: translateX(1px); transform: translateX(1px);} 100%{-webkit-transform: translateX(0); transform: translateX(0);}}
@keyframes hvr-wobble-horizontal{16.65%{-webkit-transform: translateX(8px); transform: translateX(8px);} 33.3%{-webkit-transform: translateX(-6px); transform: translateX(-6px);} 49.95%{-webkit-transform: translateX(4px); transform: translateX(4px);} 66.6%{-webkit-transform: translateX(-2px); transform: translateX(-2px);} 83.25%{-webkit-transform: translateX(1px); transform: translateX(1px);} 100%{-webkit-transform: translateX(0); transform: translateX(0);}}
.hvr-wobble-horizontal{vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active{-webkit-animation-name: hvr-wobble-horizontal; animation-name: hvr-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1;}