@charset "utf-8";
/* CSS Document */
/* fixed */
.banner-box { position: relative; }
.banner { width: 100%; margin: 0px auto; overflow: hidden; color: #fff; position: relative; }
.banner .slides { position: relative; z-index: 20; }

.banner .slides li { height: 100%; line-height: 0; opacity: 0; transition: opacity 2000ms linear; -webkit-transition: opacity 2000ms linear; overflow: hidden; }
.banner .slides .bimg { line-height: 0; width: 100%; position: relative; transition: transform 4s ease; -webkit-transition: transform 4s ease; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
.banner .slides li.imgIn { opacity: 1; }
.banner .slides li.imgIn a > img { transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); }

.bannerText { position: absolute; left:0; width:100%; height:110px; top:38%;  z-index: 30;  }
.bann { height:100%; position: relative; }
.banne-list { position: relative; }
.banne-list li { position: absolute; left: 0; top: 0; width: 100%; text-align:center; opacity: 0; visibility: hidden;  transform: translateY(20px); -webkit-transform: translateY(20px); transition: 800ms 200ms; -webkit-transition: 800ms 200ms;  }
.banne-list .en{ text-transform:uppercase; letter-spacing:5px; visibility: hidden; opacity: 0; /* transition:800ms; -webkit-transition:800ms; */ }
.banne-list .ch{ font-size:60px; line-height:1.1; margin-top:4px; visibility: hidden; opacity: 0; /* transition:800ms; -webkit-transition:800ms; */  }

.banne-list li.on { opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); }
.banne-list li.on .en{ visibility: visible; opacity: 1; }
.banne-list li.on .ch{ visibility: visible; opacity: 1; }

.bamnline { width:602px;  height: 1px; background: #fff; margin: 20px auto 0; }
.bamnline span { display: block; width: 0; height: 100%; background: #c7000a; }
.bamnline.load span { width: 100%; transition: 3.6s linear; -webkit-transition: 3.6s linear; -moz-transition: 3.6s linear; }

.banner .flex-control-nav { 
    position: absolute; 
    left:50%; 
    bottom:5%;
    z-index: 20;
    overflow:hidden; 
    transform: translateX(-50%);
}
.banner .flex-control-nav li { 
    float:left; 
    margin-right:30px; 
    width:13px; 
    height:26px;
}
.banner .flex-control-nav li:last-child { margin-right: 0; } 
.banner .flex-control-nav li a{ display:block; width:100%; height:100%; position:relative; }
.banner .flex-control-nav li a span { 
    display: block; 
    width: 13px; 
    height:13px; 
    background: #535353;
    border: 1px solid #535353;
    position:absolute; 
    top:50%; 
    margin-top:-7px; 
    left:0; 
    font-size:0; 
    transition: 400ms; 
    -webkit-transition: 400ms; 
}
.banner .flex-control-nav li a.flex-active span { 
    /* height:26px; 
    margin-top:-13px; */
    background: #006dba;
    border-color: #fff;
}

@media(max-width:1200px){
    .banner .flex-control-nav li { 
        margin-right:15px; 
    }
}