@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:677px;position:relative;margin:0 auto;}
.mod18 .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:-80px;background:url(../images/sheshi1-9.jpg) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:230px;width:28px;height:59px;}
.mod18 #prev,.mod18 #next{top:490px;width:10px;height:46px;}
.mod18 #prevTop{background:url(../images/sheshi1-10.jpg) 0 0 no-repeat;margin-left:9px;}
.mod18 #nextTop{background:url(../images/sheshi1-11.jpg) 0 0 no-repeat;margin-right:-18px;}
.mod18 .next{right:-20px;background:url(../images/sheshi1-12.jpg) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:785px;height:440px;position:absolute;color:#000;}
.mod18 .picBox{width:785px;height:440px;position:relative;overflow:hidden;margin-left: -70px;}
.mod18 .picBox ul{height:440px;position:absolute; left:0;width:785px;}
.mod18 .picBox li{/*padding-left:75px;*/ padding-right:0px;width:785px;height:440px;}
.mod18 .picBox li img{width:785px;height:440px;}
.mod18 .listBox{width:800px;height:100px;margin:0 auto;position:relative; padding-top:15px;overflow:hidden;margin-left: -50px;}
.mod18 .listBox ul{height:88px;position:absolute;/* padding-left:12px;*/}
.mod18 .listBox li{width:120px;height:77px;cursor:pointer;position:relative; padding:5px 0 0 0;margin-bottom: 50px;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:118px;height:77px;}
.mod18 .listBox img{border:3px solid #fff;width:120px;height:75px;}
.mod18 .listBox .on img{border:2px solid #B8382F;}
/*.mod18 .listBox .on{background:url(../images/sheshi1-9.jpg) center top no-repeat;}*/
.mod18 .listBox .on i{display:block;}

@media only screen  and (max-width:768px) {
.mod18{width:100%;position:relative;margin:0 auto;}	
.mod18 .cf a{display:block;width:150%;height:240px;position:absolute;color:#000;}
.mod18 .picBox{width: 340px;height:240px;position:relative;overflow:hidden;margin-left:-25px;}
.mod18 .picBox ul{height:240px;position:absolute; left:0;340px;}
.mod18 .picBox li{/*padding-left:75px;*/ padding-right:0px;340px;height:240px;}
.mod18 .picBox li img{width:340px;height:240px;}	
.mod18 .listBox{width: 120%;height:100px;margin:0 auto;position:relative; padding-top:15px;overflow:hidden;margin-left: -60px;padding-left:30px;}
.mod18 .listBox ul{height:88px;position:absolute;/* padding-left:12px;*/}
.mod18 .listBox li{width:120px;height:77px;cursor:pointer;position:static; padding:5px 0 0 0;margin-bottom: 50px;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:118px;height:77px;}
.mod18 .listBox img{border:3px solid #fff;width:120px;height:75px;}
.mod18 .listBox .on img{border:2px solid #B8382F;}	
.mod18 .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:-80px;background:url(../images/sheshi1-9.jpg) no-repeat;margin-top: -120px;}
.mod18 #prevTop,.mod18 #nextTop{top:230px;width:28px;height:59px;}
.mod18 #prev,.mod18 #next{top:490px;width:10px;height:46px;}
.mod18 #prevTop{background:url(../images/sheshi1-10.jpg) 0 0 no-repeat;margin-left:40px;}
.mod18 #nextTop{background:url(../images/sheshi1-11.jpg) 0 0 no-repeat;margin-right:40px;}
.mod18 .next{right:-50px;background:url(../images/sheshi1-12.jpg) no-repeat;margin-top: -120px;}
.mod18 span.te{display: none;}	
}
@media only screen  and (max-width:414px) {
.mod18 .picBox{width:380px;height:240px;position:relative;overflow:hidden;margin-left:-25px;}
.mod18 .picBox ul{height:240px;position:absolute; left:0;380px;}
.mod18 .picBox li{/*padding-left:75px;*/ padding-right:0px;380px;height:240px;}
.mod18 .picBox li img{width:380px;height:240px;}
}
@media only screen  and (max-width:400px) {
.mod18 .picBox{width:340px;height:240px;position:relative;overflow:hidden;margin-left:-17px;}
.mod18 .picBox ul{height:240px;position:absolute; left:0;340px;}
.mod18 .picBox li{/*padding-left:75px;*/ padding-right:0px;340px;height:240px;}
.mod18 .picBox li img{width:320px;height:auto;}
}
@media only screen  and (max-width:320px) {
.mod18 .picBox{width: 300px;height:240px;position:relative;overflow:hidden;margin-left:-25px;}
.mod18 .picBox ul{height:240px;position:absolute; left:0;300px;}
.mod18 .picBox li{/*padding-left:75px;*/ padding-right:0px;300px;height:240px;}
.mod18 .picBox li img{width:280px;height:240px;}
}