
.slogan{ padding: 10px 0; position: relative;}
.slogan ul{ overflow: hidden; width: 9999px;}
.slogan li{ width: 1160px; height: 348px; float: left; margin: 0 20px; text-align: center; line-height: 348px;}
.slogan li a{display: block;}
.slogan li img{ max-width: 1160px; max-height: 348px; vertical-align: middle;}
.slogan .againsttrol{ position: absolute; width: 100%; text-align: center; font-size: 0; bottom: 20px;}
.slogan .againsttrol span{ width: 13px; height: 13px; display: inline-block; margin-right: 8px; background: #000; filter: alpha(opacity=80); opacity: .8; border-radius: 10px; -webkit-transition: .2s linear; -moz-transition: .2s linear; transition: .2s linear; cursor: pointer;}
.slogan .againsttrol span.on{ background: #ff0000; filter: alpha(opacity=100); opacity: 1; width: 23px;}
.slogan .btn-prev,.slogan .btn-next{ background: url("../images/icon_ilr.png") no-repeat; width: 53px; height: 65px; display: block; position: absolute; top: 50%; margin-top: -33px; z-index: 100; cursor: pointer;}
.slogan a.btn-prev{ background-position: 0 0; left: 20px;}
.slogan a.btn-prev:hover{ background-position: 0 -70px;}
.slogan a.btn-next{ background-position: -58px 0; right: 20px;}
.slogan a.btn-next:hover{ background-position: -58px -70px;}

.module_title h1{ margin-right: 30px; height: 35px; cursor: pointer;}
.module_title h1 a{ display: block; color: #333; height: 29px;}
.module_title h1.on a,.zncatalog h1:hover a{ color: #2371f3; border-bottom: 2px solid #2371f3;}
.module_title h1.on{ background: url("../images/rank_bg.png") no-repeat bottom center;}

.spcatalog ul{ overflow: hidden; width: 110%;}
.spcatalog li{ width: 277px; height: 166px; float: left; position: relative; overflow: hidden; margin-top: 20px; margin-right: 17px;}
.spcatalog li img{ width: 277px; height: 166px; display: block; -webkit-transition: .2s linear; -moz-transition: .2s linear; transition: .2s linear;}
.spcatalog li:hover img{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);}
.spcatalog li .pecialName{ background: url("../images/banner_bg.png") repeat; height: 30px; line-height: 30px; color: #fff; text-align: center; position: absolute; left: 0; bottom: 0; width: 94%; padding: 0 3%;}
.spcatalog .default_chunk>div{ display: none;}
.spcatalog .default_chunk>div.show{ display: block;}




.softwaredeclineload ul{ width: 110%; overflow: hidden;}
.softwaredeclineload li{ float: left; height: 95px; padding: 20px; border: 1px solid #eee; margin-top: 20px; margin-right: 20px;}
.softwaredeclineload li img{ width: 95px; height: 95px; display: block;}
.softwaredeclineload li .programmessage{ width: 418px; margin-left: 15px;}
.softwaredeclineload li .programName{ display: inline-block; max-width: 100%; font-size: 16px; color: #333; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 5px;}
.softwaredeclineload li .programName:hover{ color: #2371f3; text-decoration: underline;}
.softwaredeclineload li .othermessage{ height: 14px;  font-size: 12px; color: #333; margin: 2px 0 5px 0;}
.softwaredeclineload li .othermessage .grade{ margin-right: 15px;}
.softwaredeclineload li .btn-declineload{ color: #18b000; width: 70px; text-align: center; height: 26px; line-height: 26px; margin-top: 20px;}
.softwaredeclineload li .btn-declineload:hover{ color: #fff; background: #18b000;}
.softwaredeclineload li .btn-declineload:active{ color: #fff; background: #16a400;}
.softwaredeclineload li:hover{ border-color: #2371f3; background: #f7fbff;}
.softwaredeclineload li .programDesc{ font-size: 12px; color: #666; line-height: 20px; height: 40px; overflow: hidden;}
.softwaredeclineload li .programmessage>.overflow>.float_left{ width: 64%;}



