@charset "utf-8";
/* 效果CSS开始 */
ul, ol ,li{list-style: none;}
.mod18{width:644px;position:relative;margin:0 auto;
}
.mod18 .btn{position:absolute;cursor:pointer;z-index:99;font-size:30px;font-weight:bold;}
.mod18 .prev{left:10px;background:url(/static/images/prevBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:190px;width:32px;height:48px;}
.mod18 #prev,.mod18 #next{top:556px;width:10px;height:16px;}
.mod18 #prevTop{background:url(/static/images/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(/static/images/nextBtnTop.png) 0 0 no-repeat;}
.mod18 .next{right:10px;background:url(/static/images/nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#000;font-family: "微软雅黑";font-size:16px;}
.mod18 .cf a{display:block;width:644px;height:431px;position:absolute;color:#fff;}
.mod18 .cf  img {width: 100%;display:block;    height: 430px;
   }
.mod18 .cf li span{display:block;position:absolute;left:0;bottom:0;padding:10px 20px 10px 0px;line-height:22px;text-align:left;}
.mod18 .picBox{width:644px; height:511px; position:relative;overflow:hidden;border-bottom: 1px solid #ccc;}
.mod18 .picBox ul{height:511px;position:absolute; left:0;}
.mod18 .picBox li{ width:644px;height:511px;}
.mod18 .listBox{width:579px;height:121px;margin:0 auto;position:relative; padding-top:20px;overflow:hidden;}
.mod18 .listBox ul{height:73px;position:absolute;padding-left:3px;}
.mod18 .listBox li{width:73px;height:73px;cursor:pointer;position:relative; padding:0px 10px 0 0;opacity: 1;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:73px;height:73px;background-color:#fff;opacity: 1;}
.mod18 .listBox img{background-color:#fff;opacity: 1;width: 100%;height: 100%;}
.mod18 .listBox .on a{opacity: 1;}
.mod18 .listBox .on img{opacity: 1;border: 1px solid #69a2c2;}
.mod18 .listBox .on i{display:block;}
.listBox img{width: 100%}
.mod18 .cf li span.button-icon {
    position: absolute;
    left: 595px;
    top: 10px;
    z-index: 999;
    cursor: pointer;

}