.brand{background-color: #fdf9f5;padding: 110px 0;background-repeat: no-repeat;  background-position:center bottom ;  background-image: url(../images/brand_bg.jpg);  background-size:100%;}
.brand .brand-mes{padding-bottom: 70px;}


.brand .brand-mes .content,.brand  #slider .slides{height: 472px;overflow: hidden;}

.brand  #carousel .slides{overflow: hidden;height: 118px;}

.brand .brand-mes .content .img,.brand .brand-mes .content-info{float: left;width: 50%;height: 100%;}
.brand .brand-mes .content .img{position: relative;box-shadow: 0 0 18px rgba(0,0,0,0.10);background-repeat: no-repeat;background-position: center center;background-size: cover;}
.brand .brand-mes .content .img:after{content: "";position: absolute;left: 0;top:0;width: 100%;height: 100%;background-image: url("../images/border_bg.png");background-repeat: no-repeat;background-position: center center;background-size: 100% 100%;}

.brand .brand-mes .content .img img{width: 100%;}
.brand .brand-mes .content-info{display: table;}
.brand .brand-mes .content-info  .info{display: table-cell;  vertical-align: middle;padding-left: 150px;}
.brand .brand-mes .content-info  .info p{font-size: 32px;line-height: 48px;color: #3c3c3c;font-family: "宋体";}
.brand .brand-mes .content-info  .info img{width: 145px;margin-top: 50px;}


.brand .flexslider {position: relative;}
.brand #slider{overflow: hidden;padding-bottom: 120px;}

.brand .flexslider  .slides{overflow: hidden;}




.brand .flex-viewport {position: relative;overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;z-index: 200;}


.brand .news-mes #carousel .flex-viewport{border: 1px solid #f7f7f7;}
/*.news .news-mes #slider .flex-direction-nav{display: none;}*/


.brand .brand-mes #slider li{float: left;width: 100%;opacity: 0;}
.brand .brand-mes #slider li.flex-active-slide{z-index: 20;opacity: 1;}
.brand .brand-mes #slider .flex-direction-nav a {height: 48px;line-height: 48px;color: transparent; display: block; background-repeat: no-repeat ;background-size: 16px;position: absolute; top: 0; z-index: 10; cursor: pointer; text-indent: -999999px; -webkit-transition: all .3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; ;transition: all 0.3s ease;}



.brand .brand-mes #carousel li .img-list{width: 205px;height: 118px;overflow: hidden;position: relative;}
.brand .brand-mes #carousel li .img-list img{width: 100%;height: 100%;position: relative;border: 5px solid #b7b7b7;box-sizing: border-box;}
.brand .brand-mes #carousel li.flex-active-slide .img-list:after ,.brand .brand-mes #carousel li:hover .img-list:after{content: "";position: absolute;left: 0;top:0;width: 100%;height: 100%;background-image: url("../images/border_bg.png");background-repeat: no-repeat;background-position: center center;background-size: 100% 100%;}




/*.news .news-mes #carousel .flex-direction-nav{display: none;}*/
.brand .brand-mes #carousel .flex-direction-nav {position: absolute;width:100%;right: -60px;top: 50%;overflow: hidden;height: 48px;z-index: 100;padding: 0 60px;margin-top: -24px;}

.brand .brand-mes #carousel .flex-direction-nav a {height: 48px;line-height: 48px;color: transparent; display: block; background-repeat: no-repeat ;background-size: 26px;position: absolute; top: 0; z-index: 10; cursor: pointer; text-indent: -999999px; -webkit-transition: all .3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; ;transition: all 0.3s ease;width: 60px;}
.brand .brand-mes #carousel .flex-direction-nav .flex-prev {background-image: url("../images/icon_left.png");background-position: left 5px center;text-align: right; left: 0;}
.brand .brand-mes #carousel .flex-direction-nav .flex-next {background-image: url("../images/icon_right.png");right: 0;background-position: right 10px center;text-align: left;}
.brand .brand-mes #carousel .flex-direction-nav .flex-prev:after{content: "";position: absolute;width: 76px;right: -95px;top: 0;line-height: 48px;color: #fff;}

.brand .brand-mes #carousel .flex-direction-nav .flex-next:hover{-moz-transform:translateX(5px);-ms-transform:translateX(5px);-webkit-transform: translateX(5px);-o-transform: translateX(5px);transform: translateX(5px);}

.brand .brand-mes #carousel .flex-direction-nav .flex-prev:hover{background-position: left 0 center;}