*{ margin:0px; padding:0px;box-sizing:border-box; }
body 
{
    line-height:1.5;
    font-family:微软雅黑;
}
a{ text-decoration:none;}
ul,li{ list-style:none; }
.rel{ position:relative; }

.swiper-container{width:100%; height: auto;  margin-top:50px; position: relative}
.swiper-container .swiper-slide{width:380px;}
.swiper-container .swiper-slide a{width:100%; height: auto; display: block; overflow: hidden}
.swiper-container .swiper-slide a img{width:100%; height: auto; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.swiper-container .title{width:100%; height:56px; line-height: 56px; background: rgba(0,0,0,0.39); position: absolute; bottom:0; left:0; z-index: 9; padding: 0 20px 0 50px; color:#fff; font-size: 18px; font-weight: bold; opacity: 0  }
.swiper-container .swiper-slide-active .title{opacity: 1} 
.swiper-container .swiper-button-next,.swiper-container .swiper-button-prev{width:52px; height:52px; margin-top:-26px; }
.swiper-container .swiper-button-next{background: url(../images/right.png) no-repeat center; right:21.5%; background-size:100% 100%; }
.swiper-container .swiper-button-prev{background: url(../images/left.png) no-repeat center; left:21.5%; background-size:100% 100%; }
.swiper-pagination{bottom:-65px; left:40%; transform: translate(0,-50%);}
.swiper-pagination-bullet{width:12px; height: 12px; background: #000000; border-radius:0; opacity: 1; margin: 0 10px; border-radius:100%; }
.swiper-pagination-bullet-active{background: #ff0000}