html{font-size: 100px;}
li{list-style-type: none;}
div,span,a,a:link,a:hover,a:active,a:visited{text-decoration:none; color: #191919;}


.flexslider{
    overflow: hidden;
    width: 1200px;
    height: 290px;
    margin:0 auto;
}

.flexslider .slideBox{
    height: 100%;
}

.flexslider .slides{
    margin-left: 0;
    padding:0;
    -webkit-transition: all 0.7s cubic-bezier(1, 0, 0, 1);
    -moz-transition: all 0.7s cubic-bezier(1, 0, 0, 1);
    -ms-transition: all 0.7s cubic-bezier(1, 0, 0, 1);
    -o-transition: all 0.7s cubic-bezier(1, 0, 0, 1);
    transition: all 0.7s cubic-bezier(1, 0, 0, 1);
}

.flexslider .slides li{
    float:left;
}
.flexslider .slides li span{margin-right:50px;width:367px;height:290px;display:inline-block;position:relative;}
.flexslider .slides li span img{width:367px;height:290px;}
.flexslider .slides li span b{width:100%;height:50px;position:absolute;bottom:0;left:0;background:red;text-align:center;line-height:50px;color:#fff;}
.flexslider .slides li span:last-child{margin-right:0;}


.flexslider .flex-direction-nav{
    width: 100%;
    position: relative;
    top: -350px;
    left: 0;
}

.flexslider .flex-direction-nav li{
    width: 48px;
    height: 90px;
    text-align: center;
    line-height: 90px;
    color: #c0c0c0;
    background: #fff;
    border-radius: 5px;
    cursor:pointer;
    font-size: 2em;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
}
.flexslider .flex-direction-nav li:hover{
    color: #333;
    background: red;
}

.flexslider .flex-direction-nav .prev{
    position: absolute;
    top: 142px;
    left: 0px;
}
.flexslider .flex-direction-nav .next{
    position: absolute;
    top: 142px;
    right: 0px;
}

.bannerCtrl{
    position: relative;
    top: -100px;
    left: 70%;
    text-align: center;
    /*line-height: 20px;*/
}

.bannerCtrl li{
    float: left;
    /*width: 20px;*/
    /*height: 20px;*/
    margin-right: 5px;
    color: #333;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.55);
    /*-webkit-transition: all 0.7s;*/
    /*-moz-transition: all 0.7s;*/
    /*-ms-transition: all 0.7s;*/
    /*-o-transition: all 0.7s;*/
    /*transition: all 0.7s;*/
    font-size:0;
}

.bannerCtrl li:hover{
    color: #111111;
    background: rgba(255, 255, 255, 0.87);
    cursor:pointer;
}
.active{
    width: 30px !important;
    color: #111111 !important;
    background: rgba(255, 255, 255, 0.89) !important;
}