@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}

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:500px;position:relative;margin:0 auto;}
.mod18 .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold; width: 34px;
    height: 80px;}
.mod18 .prev{left:0px;}
.mod18 #prevTop,.mod18 #nextTop{top:250px;width: 34px;
    height: 58px;}
.mod18 #prev,.mod18 #next{top:490px;width:10px;height:16px; display: none;}
.mod18 #prevTop{bottom: 22px; top: auto;
    background-color: rgba(0,0,0,0.2); background-position: center center;
    background-image: url(../img/prev.png);}
.mod18 #nextTop{bottom: 22px; top: auto;
    background-color: rgba(0,0,0,0.2); background-position: center center;
    background-image: url(../img/next.png);}
.mod18 .next{right:0px;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:500px;height:375px;position:absolute;color:#fff;}

.mod18 .picBox{width:500px; height:375px; padding-left:0px; padding-right:0px;position:relative;overflow:hidden; background:#fff; padding-top:0px;}
.mod18 .picBox ul{height:375px;position:absolute; left:0;}
.mod18 .picBox li{padding-left:0px; padding-right:0px; width:500px;height:375px;}
.mod18 .picBox li img{display: block; width:500px;height:375px;}
.mod18 .listBox{width:420px;height:100px;margin:0 auto;position:relative; padding-top:15px;overflow:hidden;}
.mod18 .listBox ul{height:88px;position:absolute; padding-left:0px;}
.mod18 .listBox li{width:85px;height:auto;cursor:pointer;position:relative; padding:5px;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:108px;height:77px;}
.mod18 .listBox img{border:1px solid #ccc; width: 100%; display: block;}
.mod18 .listBox .on img{border:1px solid #eb7d1e;}

.mod18 .listBox .on i{display:block;}




@media (max-width: 1000px) {
.mod18{width:400px;}

.mod18 .cf a{width:400px;height:300px;}

.mod18 .picBox{width:400px;height:300px;}
.mod18 .picBox ul{height:300px;}
.mod18 .picBox li{ width:400px;height:300px;}
.mod18 .picBox li img{width:400px;height:300px;}
.mod18 .listBox{width:400px;height:100px;margin:0 auto;position:relative; padding-top:15px;overflow:hidden;}
.mod18 .listBox ul{height:88px;position:absolute; padding-left:0px;}
.mod18 .listBox li{width:80px;height:auto;cursor:pointer;position:relative; padding:5px;}
.mod18 #nextTop{top: 110px;}
.mod18 #prevTop{top: 110px;}
}