.msec1 .banner{position:relative;width:100%;height:700px}
.msec1 .banner .img{position:relative;width:100%;height:100%;overflow:hidden}
.msec1 .banner .img li{display:none;position:absolute;left:0;top:0;width:100%;height:100%;} 
.msec1 .banner .img li:first-child{display:block}



.msec1 .banner .img  li .text{position:absolute;width:100%;opacity:0;margin-top:50px;;text-align:center;font-size:50px;color:#fff;text-shadow:1px 1px 2px #000;height:0}
.msec1 .banner .img  li.on .text{top:25%;opacity:1;transition:0.5s}
.msec1 .banner .img .text{position:absolute;left:0;width:100%;top:35%}




/*.msec1 .banner .img li .text{position:absolute;left:50%;top:120px;margin-left:-800px;opacity:0;transition:0.8s 0.3s}
.msec1 .banner .img li.on .text{top:100px;opacity:1}*/
.msec1 .banner .btn{position:absolute;width:100%;bottom:30px;text-align:center}
.msec1 .banner .btn li{display:inline-block;width:15px;height:15px;background:#ffffff;margin:0 7px;cursor:pointer;text-indent:-9999px;border-radius:50%}
.msec1 .banner .btn li.on{background:#009fe3;}
.msec1 .banner .arrow{position:absolute;width:100%;top:50%;margin-top:-20px;}
.msec1 .banner .prev{position:absolute;left:50px;margin-left:0;cursor:pointer;border-radius:50%;background:rgba(0,0,0,0.3);overflow:hidden;transition:0.3s}
.msec1 .banner .next{position:absolute;right:50px;margin-right:0;cursor:pointer;border-radius:50%;background:rgba(0,0,0,0.3);overflow:hidden;transition:0.3s}
.msec1 .banner .prev:hover{background:#000}
.msec1 .banner .next:hover{background:#000}