.banner { position:relative; overflow:hidden; width: 100%;z-index: 1;}
.banner .bannerfix >li { height: 100%; line-height: 0; opacity:0; transition:opacity 1000ms linear;
 -webkit-transition:opacity 1000ms linear; float:left; position: relative;}
.banner .bannerfix >li .bimg { line-height: 0; width: 100%; position: relative; transition: transform 5s ease; -webkit-transition: transform 5s ease; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.banner .bannerfix >li.imgIn{ opacity:1; z-index:10; display:block;}
.banner .bannerfix >li.imgIn .bimg { transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); }
.banner .flex-control-nav{ width:100%; height:20px; position:absolute; left:0; bottom:50px; text-align:center; z-index:20;}
.banner .flex-control-nav li{ display:inline-block; position:relative; margin-right:15px; width:5px; height:20px;}
.banner .flex-control-nav li:last-child{ margin-right:0;}
.banner .flex-control-nav li span{ display:block; text-indent:999px; overflow:hidden; width:8px; height:15px; position:absolute; background:#fff; transition:320ms; left:0; top:6px;}
.banner .flex-control-nav li a.flex-active span{ height:30px; top:0; background:#f65117;}
.banner .txt{ position: absolute; top: 60%; left: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); 
-moz-transform: translate(-50%,-50%);  width: 1200px;}
.banner .txt img{ display: block; max-width: 100%;} 
.banner .txt .t2{ padding-top: 30px;}
.banner li.flex-active-slide .t1{ animation-name: fadeInUp; animation-duration: 1s; transition-delay: 0.5s}
.banner li.flex-active-slide .t2{ animation-name: fadeInUp; animation-duration: 1.5s; transition-delay:1s;}