@charset "utf-8";
/*body, ul, dl, dd, dt, ol, li, p, h1, h2, h3, h4, h5, h6, textarea, form, select, fieldset, table, td, div, input{margin:0;padding:0;-webkit-text-size-adjust:none}*/
/*div{text-align:left}*/
/*a img{border:0}*/
/*body{!*color:#333; text-align:center; font:12px "宋体";*!background:#000;}*/
/*ul, ol, li{list-style-type:none;vertical-align:0}*/
/*a{outline-style:none;color:#535353;text-decoration:none}*/
/*a:hover{color:#D40000; text-decoration:none}*/

/* 效果CSS开始 */
.mod18{width: 100%;position:relative;margin:0 auto;}
.mod18 .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left: 0;background:url(../images/prevBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top: 1.2rem;width: 0.32rem;height: 0.61rem;}
.mod18 #prev,.mod18 #next{/* top:490px; */width:10px;height:16px;display: none;}
.mod18 #prevTop{background:url(../images/prevBtnTop.png) 0 0 no-repeat;background-size: 100%;}
.mod18 #nextTop{background:url(../images/nextBtnTop.png) 0 0 no-repeat;background-size: 100%;}
.mod18 .next{right: 0;background:url(../images/nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width: 100%;height: 100%;position:absolute;/* color:#fff; */}
.mod18 .cf li span{display:block;width: 100%;position:absolute;left: 0;bottom:0;padding: 0.2rem 20px;line-height: 0.1rem;text-align:left;background:rgba(0,0,0,0.6);font-size: 0.14rem;filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.mod18 .picBox{width: 275px;height: 150px;/* padding-left:75px; *//* padding-right:76px; */position:relative;overflow:hidden;background:#0D0D0D;/* padding-top:40px; */margin: 0 auto;}
.mod18 .picBox ul{height:377px;position:absolute; left:0;}
.mod18 .picBox li{width: 275px;/* padding-left:75px; *//* padding-right:1px; */height: 150px;}
.mod18 .listBox{width: 100%;height: 70px;margin:0 auto;position:relative;/* padding-top:15px; */overflow:hidden;margin-top: 20px;}
.mod18 .listBox ul{height: 70px;position:absolute;/* padding-left:12px; */}
.mod18 .listBox li{width: 78px;height: 70px;cursor:pointer;position:relative;padding: 0px 8px 0 0;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:108px;height:77px;}
.mod18 .listBox img{border: 1px solid #fff;}
.mod18 .listBox .on img{border: 1px solid #CECDCC;}
.mod18 .listBox .on{background:url(../images/img_bg.jpg) center top no-repeat;}
.mod18 .listBox .on i{display:block;}