@charset "utf-8";
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}

/* flexslider */
.flexslider{margin:0px auto;position:relative;width:100%;overflow:hidden;zoom:1;box-sizing:border-box;}
.flexslider img{width:100%}
.flex-viewport{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;text-align:center; margin-top:6px;margin-bottom:0.1rem;}
.flex-control-nav li{margin:0 3px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{display:block;height:14px;overflow:hidden;text-indent:-99em;width:14px;cursor:pointer; border-radius:50%;}
.flex-control-paging li a.flex-active{background:#db1523; border:2px solid #000; width:10px; height:10px;}
.ul-hd{ width:100%; height:10.525rem;}
.ul-hd li{ width:50%; height:50%; background-color:red; float:left; position:relative}
.ul-hd li:nth-child(1),.ul-hd li:nth-child(3){ border-right:1px solid #ccc; box-sizing:border-box;}
.ul-hd li:nth-child(3),.ul-hd li:nth-child(4){border-top:1px solid #ccc;}

/*首页banner图效果轮播*/
.c-rec  .focus-banner .flex-viewport{ width:100%;}
.c-rec  .focus-banner .img{ width:100%; }
.c-rec  .focus-banner .flex-control-nav{ position:absolute; left:0px; bottom:0px;  text-align:center; }
.c-rec  .focus-banner .flex-control-paging li a { width:8px; height:8px;border:2px solid #fff;}
.c-rec  .focus-banner .flex-control-paging li a i{ width:8px; height:8px;  display:block; border-radius:50%; margin:0 auto;background:none;  }
.c-rec  .focus-banner .flex-control-paging li a.flex-active{ width:8px; height:8px;  border:2px solid #fff;}
.c-rec  .focus-banner .flex-control-paging li a.flex-active i{ width:8px; height:8px; background:#00aadb; }