@charset "gb2312";
/* CSS Document */

/*默认*/
*{ margin:0; padding:0;}
body,html{  font-size:12px; color:#000;}
ul,li{ list-style:none;}
a {
blr:expression(this.onFocus=this.blur());
text-decoration:none;
cursor:pointer;
color:#000;
outline:none;}
a:link, a:visited {text-decoration:none;}
a:hover, a:active {text-decoration:underline;}
fieldset,.img{border:0;}
.clear{clear:both; height:0; line-height:0; _overflow:hidden; font-size:0;}

.fl{float:left;}
.fr{float:right;}
img{border:0;}
.block{display:block;}
img a:hover{ text-decoration:none;}
.middle{ margin:0 auto;}
.bold{ font-weight:bold;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*+height:1%;}


#focusImg1{  width:340px; height:244px;  position:relative; margin-bottom:20px;}
#focusImg1 .focus-images{ width:340px; height:244px; background:url(../images/loading.jpg) no-repeat center center;}
#focusImg1 .focus-images a {width:340px; height:244px;  position:absolute; top:0; left:0; z-index:8;}
#focusImg1 .focus-images a.active{ z-index:10;}
#focusImg1 .focus-images a.last-active {z-index:9;}
#focusImg1 .focus-images a img{ width:340px; height:244px;}
#focusImg1 h3{    width: 200px;
    height: 40px;
    padding-right: 140px;
    line-height: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    background: rgba(0,0,0,0.5);
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    z-index: 12;}
#focusImg1 .focus-btn{ width:auto; height:20px; position:absolute; padding:0 5px; bottom:8px; right:10px; line-height:40px; font-size:12px; z-index:100;}
#focusImg1 .focus-btn li{ width:15px; height:15px; text-align:center; float:left; display:inline; margin-left:5px; background:#fff;cursor:pointer; line-height:14px;}
#focusImg1 .focus-btn li.active{ background:#C00; color:#fff;}


/*例二*/
#focusImg2{  width:390px; height:245px;  position:relative; margin-bottom:20px;}
#focusImg2 .focus-images{ width:390px; height:245px;  background:url(../images/loading.jpg) no-repeat center center;}
#focusImg2 .focus-images a {width:390px; height:245px;  position:absolute; top:0; left:0; z-index:8;}
#focusImg2 .focus-images a.active{ z-index:10;}
#focusImg2 .focus-images a.last-active {z-index:9;}
#focusImg2 .focus-images a img{ width:390px; height:245px;}
#focusImg2 h3{width:390px; height:40px;  line-height:40px;position:absolute; bottom:0; left:0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='ture',startColorstr=#77000000, endColorstr=#77000000); background: rgba(0,0,0,0.5); color:#fff; font-size:14px; font-weight:normal; z-index:12;}
#focusImg2 .focus-btn{ width:70px; height:10px; position:absolute; padding:0 5px; bottom:12px; right:0px; line-height:40px; font-size:12px; z-index:100;}
#focusImg2 .focus-btn li{ width:8px; height:8px; text-align:center; float:left; display:inline; margin-left:10px; background:url() no-repeat;cursor:pointer;}
#focusImg2 .focus-btn li.active{background:url() no-repeat;}


/*例三*/
#focusImg3{  width:670px; height:324px;  position:relative; margin-bottom:20px;}
#focusImg3 .focus-images{ width:670px; height:324px;  background:url(../images/loading.jpg) no-repeat center center;}
#focusImg3 .focus-images a { width:670px; height:324px;  position:absolute; top:0; left:0; z-index:8;}
#focusImg3 .focus-images a.active{ z-index:10;}
#focusImg3 .focus-images a.last-active {z-index:9;}
#focusImg3 .focus-images a img{ width:670px; height:324px;}
#focusImg3 .focus-btn{ width:150px; height:10px; position:absolute; padding:0 5px; bottom:20px; left:260px; line-height:40px; font-size:12px; z-index:100;}
#focusImg3 .focus-btn li{ width:18px; height:18px; text-align:center; float:left; display:inline; margin-left:8px; background:url() no-repeat top left;  _background:url() no-repeat top left;cursor:pointer;}
#focusImg3 .focus-btn li.active{background:url() no-repeat bottom left; _background:url() no-repeat bottom left;}
#focusImg3 .arrowbtn{ width:46px; height:75px;  _width:40px; _height:73px; position:absolute; cursor:pointer; z-index:100; top:120px;}
#focusImg3 .next{ right:10px;background:url() no-repeat; _background:url() no-repeat;}
#focusImg3 .prev{ left:10px;background:url() no-repeat; _background:url() no-repeat;}


/*例四*/
#focusImg4{  width:670px; height:394px;  position:relative; margin-bottom:20px;}
#focusImg4 .focus-images{ width:670px; height:324px;  background:url(../images/loading.jpg) no-repeat center center;}
#focusImg4 .focus-images a { width:670px; height:324px;  position:absolute; top:0; left:0; z-index:8;}
#focusImg4 .focus-images a.active{ z-index:10;}
#focusImg4 .focus-images a.last-active {z-index:9;}
#focusImg4 .focus-images a img{ width:670px; height:324px;}
#focusImg4 h3{width:670px; height:40px;  line-height:40px;position:absolute; bottom:70px; left:0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='ture',startColorstr=#77000000, endColorstr=#77000000); background: rgba(0,0,0,0.5); color:#fff; font-size:14px; font-weight:normal; z-index:12;}
#focusImg4 .focus-btn{ width:670px; height:62px; position:absolute;  bottom:0px; left:0;  z-index:100; background:#333; padding:4px 0;}
#focusImg4 .focus-btn li{ width:128px; height:60px;  float:left; display:inline; margin:0 0 0 3px; cursor:pointer; border:1px solid #333;}
#focusImg4 .focus-btn li.active{ border:1px solid #fff;}
#focusImg4 .focus-btn li img{width:128px; height:60px;}

/*例五*/
#focusImg5{  width:950px; height:80px;  position:relative; margin-bottom:20px;}
#focusImg5 .focus-images{width:950px; height:80px; background:url(../images/loading.jpg) no-repeat center center;}
#focusImg5 .focus-images a { width:950px; height:80px;  position:absolute; top:0; left:0; z-index:8;}
#focusImg5 .focus-images a.active{ z-index:10;}
#focusImg5 .focus-images a.last-active {z-index:9;}
#focusImg5 .focus-images a img{ width:950px; height:80px;}