@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{}
ul, ol, li{list-style-type:none;vertical-align:0}
a{outline-style:none;color:#535353;text-decoration:none}
/*color:#D40000;*/
a:hover{ text-decoration:none}
body{
    background-color: #333333
}
/* 效果CSS开始 */
.mod18{width:970px;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/prevBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:250px;width:32px;height:48px;}
.mod18 #prev,.mod18 #next{top:490px;width:10px;height:16px;}
/* .mod18 #prevTop{background:url(../images/prevBtnTop.png) 0 0 no-repeat;} */
.mod18 #prevTop{width: 60px;height: 60px;background: #c9b38a;opacity: .6;border-radius: 50%;}
.mod18 #prevTop::after{width: 20px;height: 2px;background: #fff;content: "";display: block;transform: rotate(-45deg) translateX(-50%);position: absolute;left: 40%;top: 15px;}
.mod18 #prevTop::before{width: 20px;height: 2px;background: #fff;content: "";display: block;transform: rotate(45deg) translateX(-50%);position: absolute;left: 40%;top: 42px;}
.mod18 #nextTop{width: 60px;height: 60px;background: #c9b38a;opacity: .6;border-radius: 50%;}
.mod18 #nextTop::after{width: 20px;height: 2px;background: #fff;content: "";display: block;transform: rotate(45deg) translateX(-50%);position: absolute;left: 50%;top: 30px;}
.mod18 #nextTop::before{width: 20px;height: 2px;background: #fff;content: "";display: block;transform: rotate(-45deg) translateX(-50%);position: absolute;left: 50%;top: 30px;}
.mod18 .next{right:10px;background:url(../images/nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
/*border: 1px solid #ddd;*/
.mod18 .cf a{display:block;position:absolute;color:#fff;display: flex;justify-content: center;height: 100%;align-items: center;padding: 0 100px;box-sizing: border-box;}
/* .mod18 .cf a img {padding: 0 100px;padding-top: 57px;padding-bottom: 37px;border: 1px solid #ddd;} */
.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{margin: auto;width:526px; height:520px; padding-left:75px; padding-right:76px;position:relative;overflow:hidden;padding-top:40px;}
.mod18 .picBox ul{position:absolute; left:0;}
.mod18 .picBox li{padding-left:75px; padding-right:1px; width:526px;height:520px;display: flex;justify-content: center;}
.mod18 .listBox{width:600px;height:93px;margin:0 auto;position:relative; padding-top:7px;overflow:hidden;background: #fff;border-radius: 4px;margin-top: 49px;}
.mod18 .listBox ul{height:88px;position:absolute; padding-left:12px;}
.mod18 .listBox li{width:72px;height:77px;cursor:pointer;position:relative; padding:5px 0 0 0;opacity: 1;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:60px;height:77px;background-color:#f5f5f5;border: 1px solid #dddddd;padding: 5px 0;}
.mod18 .listBox img{background-color:#f5f5f5;}
.mod18 .listBox .on a{opacity: 1;border: 1px solid #c9b38a;}
.mod18 .listBox .on img{opacity: 1;}
.mod18 .listBox .on i{display:block;}
.listBox img{width: 100%;height: 100%;object-fit: contain;}




/*html {*/
/*    zoom: 80%;*/
/*  }*/
/*  @-ms-viewport {*/
/*    width: 1920px;*/
/*  }*/