@charset "utf-8";

/* 效果CSS开始 */
.mod18{width:527px;position:relative;float: left;}
.mod18 .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:10px;background:url(./prevBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:155px;width:32px;height:48px;}
.mod18 #prev,.mod18 #next{top:445px;width:10px;height:16px;}

.mod18 .next{right:10px;background:url(./nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:526px;height:377px;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: 526px;
    height: 394px;
    position: relative;
    overflow: hidden;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
}
.mod18 .picBox ul{height:377px;position:absolute; left:0;}
.mod18 .picBox li{ padding-right:1px; width:526px;height:377px;}
.mod18 .listBox{width:642px;height:100px;margin:0 auto;position:relative; padding-top:15px;overflow:hidden;}
.mod18 .listBox ul{height:88px;position:absolute; padding-left:12px;}
.mod18 .listBox li{width:127px;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:108px;height:77px;background-color:#bbbbbb;opacity: 0.6;}
.mod18 .listBox img{background-color:#bbbbbb;opacity: 0.6;}
.mod18 .listBox .on a{opacity: 1;}
.mod18 .listBox .on img{opacity: 1;}
.mod18 .listBox .on i{display:block;}
.listBox img{width: 100%}

.main-right{
    width: 600px;
    float: right;
}
.right-title{
    font-size: 37px;
    font-weight: 600;
    line-height: 85px;
    border-bottom: 1px solid #ccc;
}
.right-info-content{
    font-size: 16px;
    color: #939393;
    letter-spacing: 1px;
    margin-top: 30px;
    line-height: 30px;
}
.down-load{
    width: 100%;
    overflow: hidden;
    float: left;
}
.down-title{
    border-bottom: 3px solid #029a7e;
}
.title-name{
    font-size: 16px;
    width: 100px;
    height: 30px;
    background: #029a7e;
    color: #fff;
    text-align: center;
    line-height: 30px;
}
.down-content{
    margin-top: 20px;
}
.down-list{
    height: 45px;
    width: 100%;
    margin: 3px 0 0 0;
    border-bottom: 1px solid #dbdbdb;
}
.down-list-name{
    float: left;
    line-height: 45px;
    color: #6a6a6a;
}
.down-list-name i{
    color: #029a7e;
}
.down-list-icon{
    float: right;
}