﻿
/* 效果CSS开始 */
.mod18{width:520px;position:relative;margin:0 auto;}
.mod18 .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:0px;background:#e0e0e0 url(../img/zjt.png) no-repeat center; background-size: contain;}
.mod18 #prevTop,.mod18 #nextTop{top: 130px;width:48px;height:48px; display: none;}
.mod18 #prev,.mod18 #next{top:319px;width:18px;height:93px;}
.mod18 #prevTop{background:url(../img/zj01.png) 0 0 no-repeat; background-size: contain;}
.mod18 #prevTop:hover{
	background:url(../img/zj01.png) 0 0 no-repeat;
	background-size: contain;
}
.mod18 #nextTop{background:url(../img/zj01.png) 0 0 no-repeat; -webkit-transform: rotate(180deg); right: 20px; background-size: contain;}
.mod18 #nextTop:hover{
	background:url(../img/zj01.png) 0 0 no-repeat;
	background-size: contain;
}
.mod18 .next{right:0px;background:#e0e0e0 url(../img/zjt.png) no-repeat center; background-size: contain; -webkit-transform: rotate(180deg);}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}

.mod18 .picBox{width:520px; height:304px; position:relative;overflow:hidden; }
.mod18 .picBox ul{height:304px;position:absolute; left:0;}
.mod18 .picBox li{width:520px;height:304px; text-align: center;}
.mod18 .picBox li span{ height:100%; display:inline-block; vertical-align:middle}
.mod18 .picBox li img{ max-height:100%; max-width:100%; vertical-align:middle;}
.mod18 .listBox{width:480px;height:93px;margin:0 auto;position:relative; overflow:hidden; margin-top: 15px; margin-left: 28px;}
.mod18 .listBox ul{height:80px;position:absolute;}
.mod18 .listBox li{width:148px;height:93px;cursor:pointer;position:relative; border:1px solid #ddd; text-align: center; margin-right:10px; }
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:148px;height:93px;}
.mod18 .listBox .on{border:1px solid #1072b0;}
.mod18 .listBox .on i{display:block;}
.mod18 .listBox li span{height:100%; display:inline-block; vertical-align:middle}
.mod18 .listBox li img{height:100%; width:100%; vertical-align:middle;}