*{margin:0;padding:0;list-style-type:none !important;}
img{border:0 !important;}
/* flexslider */
.flexslider{position:relative !important;!important;overflow:hidden; height: 20%;  !important;background:url(../images/loading.gif) 50% no-repeat !important;    width: 100%;}
.slides{position:relative !important;z-index: 1 !important;overflow: hidden}
.slides li{ height: 20%; !important}
.slides li img{    }
.flex-control-nav{position:absolute !important;bottom:10px; !important;z-index:2 !important;width:100% !important;text-align:center !important;}
.flex-control-nav li{display:inline-block  !important;width:14px !important;height:14px !important;margin:0 5px !important;*display:inline !important;zoom:1 !important;}
.flex-control-nav a{display:inline-block !important;width:14px !important;height:14px !important;line-height:40px !important;overflow:hidden !important;background:url(../images/dot1.png) right 0 no-repeat !important;cursor:pointer !important;}
.flex-control-nav .flex-active{background-position:0 0 !important;}

.flex-direction-nav{position:absolute !important;z-index:3 !important;width:100% !important;top:45% !important;}
.flex-direction-nav li a{display:block !important;width:50px !important;height:50px !important;overflow:hidden !important;cursor:pointer !important;position:absolute !important;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat !important;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat !important;}
.titbox{ position: absolute; left: 0; bottom: 30px; line-height: 30px; font-size: 24px; color: #FFFFFF;z-index: 2; padding: 0 30px; box-sizing: border-box; width: 60%;}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media screen and (min-width:200px) and (max-width:800px)
{
	.slides li img{     width: 100%; height:auto;}
}