/*brand_index*/
.brand_index{width:100%;background:url(../images/brand/brand_bg.jpg)center center/cover no-repeat;padding:40px 0;}
.brand_index .title_index{width:100%;}
.brand_index .title_index h3{font-size:45px;line-height: 90px;text-align: center;color:#fff;}
.brand_index .title_index h3:after{content:"";width:50px;height:4px;background:#fff;display: block;margin:0 auto;}
.brand_index .title_index p{text-align: center;font-size:18px;color:#fff;line-height: 65px;}
.brand_index .brand_list{width:63%;margin: 0 auto 60px auto;}
.brand_index .brand_list ul{width:85%;margin:0 auto;}
.brand_index .brand_list ul li{position:relative;width:23%;height:80px;margin-right:2%;margin-top:4%;float: left;background-color:#fff;overflow: hidden;}
.brand_index .brand_list ul li img{position:absolute;top:-9999px;left:-9999px;bottom:-9999px;right:-9999px;margin:auto;max-width: 100%;max-height: 100%;}
.brand_list .brand_swiper {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;}
.brand_list .brand_swiper .swiper-wrapper .swiper-slide a img{width:100%;}
.brand_list .brand_swiper .swiper-container-android .swiper-slide,.cases_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_list .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_list .brand_swiper .swiper-slide {-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%;position: relative;}
.brand_list .swiper-button-prev,.cases_list  .swiper-container-rtl .swiper-button-next {
    position: absolute;
    background-image: none;
    left: 0;
    top: 50%;
    margin-top:-5px;
    right: auto;
    float: left;
}
.brand_list .swiper-button-next,.cases_list  .swiper-container-rtl .swiper-button-prev {
    position: absolute;
    background-image:none;
    right: 0;
    top: 50%;
    margin-top:-5px;
    left: auto;
    float: right;
}
.brand_list .swiper-button-next,.swiper-_list  .swiper-button-prev {
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    z-index: 10;
    cursor: pointer;
}
/*brand_index end*/