/* flexslider */
.flexslider{position:relative;}
.slides{position:relative;z-index:1;}
/* .slides > li{height:444px;} */

.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;}
.flex-control-nav .flex-active{background-position:0 0;}


@media screen and (min-width:1200px){
    .flexslider{margin: 16px 0 46px;}
    .slides > li{height:444px;}
}
@media screen and (min-width:1274px){
    .flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
    .flex-direction-nav > li a{display:block;width:34px;height:34px;line-height:36px;border-radius: 2px;color: #6a7284;border: 1px solid #e9ebf3;text-align: center;font-size: 24px;overflow:hidden;cursor:pointer;position:absolute;}
    .flex-direction-nav > li a:hover{color: #706afa;border: 1px solid #706afa;box-shadow: 4px 4px 5px rgba(226, 230, 225, 0.5);}
    .flex-direction-nav > li a.flex-prev{left:-36px;background: url(../images/flexnav-l.png) no-repeat center;}
    .flex-direction-nav > li a.flex-next{right:-36px;background: url(../images/flexnav-r.png) no-repeat center;}
    .flex-direction-nav > li a.flex-prev:hover{background: url(../images/flexnav-lh.png) no-repeat center;}
    .flex-direction-nav > li a.flex-next:hover{background: url(../images/flexnav-rh.png) no-repeat center;}
}

@media screen and (min-width:1200px) and (max-width:1273px){
    .flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
    .flex-direction-nav > li a{display:block;width:34px;height:34px;line-height:36px;border-radius: 2px;color: #6a7284;border: 1px solid #e9ebf3;text-align: center;font-size: 24px;overflow:hidden;cursor:pointer;position:absolute;}
    .flex-direction-nav > li a:hover{color: #706afa;border: 1px solid #706afa;box-shadow: 4px 4px 5px rgba(226, 230, 225, 0.5);}
    .flex-direction-nav > li a.flex-prev{left:0px;background: url(../images/flexnav-l.png) no-repeat center;}
    .flex-direction-nav > li a.flex-next{right:0px;background: url(../images/flexnav-r.png) no-repeat center;}
    .flex-direction-nav > li a.flex-prev:hover{background: url(../images/flexnav-lh.png) no-repeat center;}
    .flex-direction-nav > li a.flex-next:hover{background: url(../images/flexnav-rh.png) no-repeat center;}
}
@media screen and (min-width:481px) and (max-width:1199px){
    .flexslider{margin: 0 0 6px;}

    .slides > li{height:auto;}
    
    .flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
    .flex-direction-nav > li a{display:block;width:34px;height:34px;line-height:36px;border-radius: 2px;color: #6a7284;border: 1px solid #e9ebf3;text-align: center;font-size: 24px;overflow:hidden;cursor:pointer;position:absolute;}
    .flex-direction-nav > li a:hover{color: #706afa;border: 1px solid #706afa;box-shadow: 4px 4px 5px rgba(226, 230, 225, 0.5);}
    .flex-direction-nav > li a.flex-prev{left:10px;background: url(../images/flexnav-l.png) no-repeat center;}
    .flex-direction-nav > li a.flex-next{right:10px;background: url(../images/flexnav-r.png) no-repeat center;}
    .flex-direction-nav > li a.flex-prev:hover{background: url(../images/flexnav-lh.png) no-repeat center;}
    .flex-direction-nav > li a.flex-next:hover{background: url(../images/flexnav-rh.png) no-repeat center;}
}
@media screen and (max-width:480px){
    .flexslider{margin: 0 0 6px;}

    .slides > li{height:auto;}

    .flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
    .flex-direction-nav > li a{display:block;width:34px;height:34px;line-height:36px;border-radius: 2px;color: #6a7284;border: 1px solid #e9ebf3;text-align: center;font-size: 24px;overflow:hidden;cursor:pointer;position:absolute;}
    .flex-direction-nav > li a:hover{color: #706afa;border: 1px solid #706afa;box-shadow: 4px 4px 5px rgba(226, 230, 225, 0.5);}
    .flex-direction-nav > li a.flex-prev{left:10px;background: url(../images/flexnav-l.png) no-repeat center;}
    .flex-direction-nav > li a.flex-next{right:10px;background: url(../images/flexnav-r.png) no-repeat center;}
    .flex-direction-nav > li a.flex-prev:hover{background: url(../images/flexnav-lh.png) no-repeat center;}
    .flex-direction-nav > li a.flex-next:hover{background: url(../images/flexnav-rh.png) no-repeat center;}
    
}