.wrap_con{width: 1200px;margin: 0 auto;overflow: hidden;}
.brand_list li{float: left;width: 200px;height: 100px;-webkit-transition:all 1s; 
    -moz-transition:all 1s;-o-transition:all 1s;}
.brand_list li:hover{-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3)}
h3{font-size: 28px;color: #555;text-align: center;margin: 80px auto 0;}
h4{font-size: 14px;color: #999;text-align: center;margin:15px auto 30px;}
.brand_list{margin-bottom: 80px;}
.dh ul{position: relative;overflow: hidden;height: 336px;margin: 60px auto 0;padding-left: 30px;}
.dh ul li{float: left;width: 186px;overflow: hidden;height: 100%;position: relative;cursor: pointer;}
.dh ul li a{display: block;width: 100%;height: 100%;}
.dh ul li .layer{position: absolute;bottom: 0;left: 0;width: 100%;background:rgba(27,29,36,0.75);height: 100%;}
.dh ul li .layer .p1{position: absolute;bottom: 5px;left: 10px;}
.dh ul li .layer .p2{position: absolute;bottom: 5px;right: -200%;}
.dh ul li .layer .p2 b,.dh ul li .layer .p2 span{display: block;font-weight: bold;font-size: 20px;}
.dh ul li .layer .p1 b,.dh ul li .layer .p1 span{display: block;font-weight: bold;font-size: 14px;}
.swiper-container {
    width: 100%;margin:0 auto 80px!important;
}
.wrap .swiper-wrapper{height: 250px;}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;position: relative;
}
.wrap .swiper-pagination-bullet{width: 10px;height: 3px;border-radius: 0;}
.swiper-slide icon{width: 42px;height: 38px;position: absolute;}
.swiper-slide img{float: left;width: 180px;height: 100px;}
.swiper-slide span{font-size: 16px;color: #555;line-height: 30px;text-align: center;width: 540px;float: left;margin-left: 140px;}
.swiper-slide .icon{width: 42px;height: 38px;position: absolute;}
.swiper-slide .icon1{background: url(../images/arr-up.png) no-repeat;left: 394px;top: 55px;}
.swiper-slide .icon2{background: url(../images/arr-down.png) no-repeat;right: 70px;bottom: 40px;}
.transition_box{position: absolute;left:0;top:0;width:100%;height: 100%;}
.transition_box img{left:60px;top:30px;z-index:10;}
.transition_box .title{display: none;}
.transition_box .text{position: absolute;left:190px;top:120px;width: 442px;}
.transition_box .side-title{font-size: 20px;left: 75px;top: 170px;padding: 13px;width: 20px;position: absolute;color: #fff}
.curr .transition_box .title{position: absolute;left:270px;top:50px;font-size: 24px;color: #555;z-index: 10;}
.curr .transition_box .text{position: absolute;font-size: 14px;color: #777;line-height: 28px;z-index: 10;}
.curr .transition_box .title, .curr .transition_box .text{display: block;}
.curr{ background: rgba(1,36,64,1);}
.share{background: url(../images/xinrenzhuce.png) no-repeat;height: 290px;}
.share_title{font-size: 28px;text-align: center;color: #fff;margin:80px auto 60px;}
.share_btn{display: block;width: 170px;height: 44px;box-sizing: border-box;border:1px solid #fff;border-radius:4px;text-align: center;
    line-height: 44px;margin:0 auto;color: #fff;}
.swiper-button-prev{background: url(../images/arrow_prev.png) no-repeat!important;width: 20px!important;height: 58px!important;}  
.swiper-button-next{background: url(../images/arrow_next.png) no-repeat!important;width: 20px!important;height: 58px!important;}