/* 效果CSS开始 */
ul,ol,li{list-style: none;}
.htmleaf-container{ width:1200px; margin:0 auto;}
.mod18{width:1200px;position:relative;margin:0 auto; height:380px;}
.mod18 .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:542px;background:url(../images/prevBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:250px;width:32px;height:48px; display:none;}
.mod18 #prev,.mod18 #next{top:296px;width:37px;height:37px;}
.mod18 .next{right:0px;background:url(../images/nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;}
.mod18 .cf a.cc{display:block;width: 380px;height: 380px; float:left;}
.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{display:block;width: 1200px;height: 380px;position:relative;overflow:hidden;}
.mod18 .picBox ul{height:380px; width:1200px;margin: 0;padding: 0; position:absolute;}
.mod18 .picBox li{ width:1200px;height:380px; float:left;}
.mod18 .listBox{width: 560px;height: 133px;overflow: hidden;position: absolute;left: 596px;top: 251px;}
.mod18 .listBox ul{height:130px;margin: 0;padding: 0; position:relative;}
.mod18 .listBox li{ float:left; width:140px; height:130px;cursor: pointer;position: relative;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{width:130px; height:130px;position: relative;display: block;margin-right: 0;}
.mod18 .listBox img{width:130px; height:130px; background-size:100%; display:block; background-size: 100%;}
.mod18 .listBox .on img{background-size: 100%;-webkit-filter: brightness(110%); filters: brightness(110%); width:127px; height:130px; margin-left:3px;}
.mod18 .listBox .on s { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 3px solid #cc0000; width:124px; height:127px;z-index: 11;}
.mod18 .cf li a.cc img{ width:380px; height:380px; margin-left:98px; float:left;}
.mod18 .cf li .lo1{ float:right; width:660px; padding-top:42px; position:relative;}
.mod18 .cf li .lo1 h3{ font-size:18px; color:#333333; line-height:18px; font-weight:normal;}
.mod18 .cf li .lo1 p{ width:578px; font-size:14px; color:#666666; line-height:34px; padding-top:10px; font-weight:normal; height:72px;}
.mod18 .cf li .lo1 a.cv{ width:118px; height:44px; background-color:#cc0000; text-align:center; line-height:44px; position:absolute; top:188px; right:0; font-size:16px; color:#fff;}
.mod18 .cf li .lo1 a:hover{ background-color:#e73b3b;}