.inbanner{ width:100%; margin:0 auto;}
.slides-box {  width: 100%;  height: 700px; margin: auto; overflow: hidden;position: relative;}
.slides { position: relative; height: 700px; width: 100%;  margin: auto;  text-align:center;}
.slides li {position: absolute;display: block;  width:  100%; height: 700px; text-align:center; overflow:hidden;}
.slides a li img{position: absolute;  display: block; height:700px; width:auto; margin:0  auto; }
/*.prev, .next { position: absolute; z-index: 99; top: 50%; margin-top: -40px; left: 0; height: 70px; width: 30px; color: #fff; cursor: pointer; background-color: #000; opacity: .5;}*/
.prev, .next { position: absolute; z-index: 99;  top: 50%; margin-top:0px; left: 0; height: 41px; width: 41px; color: #fff; cursor: pointer;opacity: .1;}
.prev:hover, .next:hover{opacity: .7;}
.prev{ left:10%;background-image: url("../images/ba_l.png");}
.next {   left: auto;   right: 10%;   background-image: url("../images/ba_r.png");}
.pagination{position: absolute;bottom: 20px;	z-index: 99;}
.pagination li{  padding: 5px 7px;	float: left;}
.pagination li a{  display: block;  width: 25px;  height: 4px; background: rgba(255,255,255,0.2);color: #fff;   text-align: center; font-family: Arial;text-decoration: none;}
.pagination .active{background: rgba(255,255,255,0.7);}

.slides-box .prev,.slides-box .next{ opacity: 0;transition: all .36s ease}
.slides-box:hover .prev,.slides-box:hover .next{ opacity: .1;}
.slides-box:hover .prev:hover,.slides-box:hover .next:hover{opacity: .7;}