@charset "utf-8";
#lunbo ul,li,div{margin:0;padding:0;-webkit-text-size-adjust:none}
#lunbo div{text-align:left}
#lunbo a img{border:0}
#lunbo ul, ol, li{list-style-type:none;vertical-align:0}
#lunbo a{outline-style:none;color:#535353;text-decoration:none}
#lunbo a:hover{color:#D40000; text-decoration:none}
#lunbo{
	position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		z-index: 999999;
		background-color: rgba(0, 0, 0, 0.8);
	
}

/* 效果CSS开始 */
.mod18{width:1100px;position:relative;margin:0 auto;}
.mod18 .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:-10px;background:url(../images/prevBtnTop.png) no-repeat;background-size:contain;}
.mod18 #prevTop,.mod18 #nextTop{top:420px;width:16px;height:24px;}
.mod18 #prev,.mod18 #next{top:850px;width:10px;height:16px;padding: 0;}
.mod18 #prevTop{background:url(../images/prevBtnTop.png) 0 0 no-repeat;background-size:contain;opacity: 0.5;}
.mod18 #nextTop{background:url(../images/nextBtnTop.png) 0 0 no-repeat;background-size:contain;opacity: 0.5;}
.mod18 .next{right:-10px;background:url(../images/nextBtnTop.png) no-repeat;background-size:cover;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:1056px;height:788px;position:absolute;color:#fff;}
.mod18 .cf li span{display:block;width:486px;position:absolute;left:75px;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.mod18 .picBox{width:1056px; height:788px;position:relative;overflow:hidden;margin: auto;}
.mod18 .picBox ul{height:788px;position:absolute; left:0;}
.mod18 .picBox li{width:1056px;height:788px;}
.mod18 .picBox li img{max-width: 100%;max-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.mod18 .listBox{width:290px;height:800px;position:absolute;overflow:scroll;top: 60px;right: -300px; scrollbar-width:thin; scrollbar-color: #666 transparent;margin: 5px;border-color: #fff;border-width: 2px !important;}
/* .mod18 .listBox::-webkit-scrollbar-track { background-color: #f1f1f1; } 
.mod18 .listBox::-webkit-scrollbar-thumb { background-color: #666; border-radius: 5px; } */
.mod18 .listBox ul{height:88px;position:absolute; padding-left:12px;}
.mod18 .listBox li{width:127px;height:77px;cursor:pointer;position:relative; opacity: 1;margin: 5px;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:108px;height:77px;background-color:#cfa972;opacity: 0.6;}
.mod18 .listBox img{background-color:#cfa972;opacity: 0.6;max-width: 100%;max-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.mod18 .listBox .on a{opacity: 1;}
.mod18 .listBox .on img{opacity: 1;max-width: 100%;max-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.mod18 .listBox .on i{display:block;}
.listBox img{width: 100%}

/*放大部分样式*/
#bigimg{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 999999;
	background-color: rgba(0, 0, 0, 0.8);
}
#bpi{
	max-width: 90%;
	max-height: 90%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.clbp{
	position: absolute;
	width: 20px;
	height: 20px;
	background:url(../images/close.png);
	background-size:cover;
	filter: opacity(50%);
	right: 2%;
	top: 2%;
}
.clbss{
	position: absolute;
	width: 20px;
	height: 20px;
	background-size:cover;
	filter: opacity(50%);
	right: 5%;
	top: 2%;
	color: #fff;
	font-size: 20px;
}
.listBoxxy{
	position: absolute;
	width: 20px;
	height: 20px;
	background:url(../images/s.png);
	background-size:cover;
	filter: opacity(50%);
	right: 8%;
	top: 2%;
}
.clfb{
	position: absolute;
	width: 20px;
	height: 20px;
	background-size:cover;
	filter: opacity(50%);
	right: 14%;
	top: 2%;
}
.cltx{
	position: absolute;
	width: 20px;
	height: 20px;
	background-size:cover;
	filter: opacity(50%);
	right: 11%;
	top: 2%;
}