.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 

#main-slider:before {content: '';width:100%;height:100%;position:absolute;z-index:1;}
.flexslider {padding:0px;background:#fff;position:relative;zoom:1;}

.flex-caption {zoom: 1;bottom:1.98rem;background-color:transparent;color:#fff;margin:0;padding:0.02rem 0.25rem 0px 0.3rem;/* position: absolute; */left: 0;text-align: center;margin: 0 auto;right: 0px;display: inline-block;bottom: 0.5rem;width:50%;right: 0 !important;border-radius:0;}
.flex-control-nav{position:absolute;right:0rem;bottom:0.25rem;z-index:2;width:100%;text-align:center;display:block;}
.flex-control-nav li{display:inline-block;zoom:1;}
.flex-control-paging li a{display:inline-block;width:0.12rem;height:0.12rem;margin-right:0.12rem;border-radius:50%;background-color:#D9D9D9;text-indent:-9999px;cursor: pointer;}
.flex-control-paging li a.flex-active{display:inline-block;background-color:#F19600;}
.flex-control-paging li a:hover{background-color:#F19600;}
/*.flexslider .slides img{cursor: pointer;}*/


@media screen and (min-width:320px) and (max-width:600px){
.flex-control-nav{bottom:0.15rem;}
.flex-control-nav li{width:0.16rem;height:0.16rem;}
.flex-control-paging li a{width:0.16rem;height:0.16rem;border-radius:50%;}
}
@media screen and (min-width:768px) and (max-width:1198px){
.flex-control-nav{bottom:0.3rem;}
}