.brand_index{width:100%;padding-bottom: 30px;background:url(../images/brand/brand_img_bg.jpg)center no-repeat;}
.brand_list{width:1200px;margin:0 auto;overflow: hidden;}
.brand_list ul{width: 102%;}
.brand_list ul li{position:relative;width:23%;height:115px;margin-right:2%;margin-bottom:2%;background-color:#fff;border:1px solid #ccc;box-sizing:border-box;float: left;}
.brand_list ul li img{position:absolute;margin: auto;top:-300px;left:-300px;bottom:-300px;right:-300px;max-width: 100%;max-height:100%;}
.brand_index .brand_swiper {margin-left: auto;margin-right: auto;margin-top:30px;position: relative;overflow: hidden;}
.brand_index .brand_swiper .swiper-wrapper .swiper-slide a img{width:100%;}
.brand_index .brand_swiper .swiper-container-android .swiper-slide,.brand_swiper  .swiper-wrapper {-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-o-transform: translate(0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.brand_index .brand_swiper .swiper-wrapper {position: relative;width: 100%;height: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.brand_index .brand_swiper .swiper-slide {-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%;position: relative;}
.brand_index .swiper-container-horizontal>.swiper-pagination-bullets,.brand_index .swiper-pagination-custom,.brand_index .swiper-pagination-fraction {bottom: 10px;left: 0;width: 100%;}
.brand_index .brand_swiper_btn {text-align: center;-webkit-transition: .3s;-moz-transition: .3s;-o-transition: .3s;transition: .3s;-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);z-index: 10;}
.brand_index .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin-right: 10px;}
.brand_index .swiper-pagination-bullet {width: 10px;height: 10px;display: inline-block;background: #fff;border-radius: 100%;margin-right: 10px;opacity: .5;}
.brand_index .swiper-pagination-bullet-active {opacity: 1;background: #fff;}