body{ background: #f8f8f8;}
.digital-content{ margin: 20px auto 0;}
.digital-ban{ width: 1200px; height: 500px; overflow: hidden; margin: 0 auto; position: relative;}
.digital-ban .ban-imglist{ width: 1200px; height: 500px; overflow: hidden;}
.digital-ban img{ width: 1200px; height: 500px;}
.digital-ban .ban-ico{ width: 1200px; height: 14px; position: absolute; left: 0; bottom: 20px; z-index: 2; text-align: center;}
.digital-ban .ban-ico>li{ display: inline-block; width: 14px; height: 14px; vertical-align: top; background: url("../images/digital_ico1.png") no-repeat; margin: 0 3px; cursor: pointer;}
.digital-ban .ban-ico>li.on{ background-position: 0 -16px;}
.digital-list{ width: 1200px; margin: 22px auto;}
.digital-list>ul{ width: 1216px; margin: 0 -8px;}
.digital-list li{ width: 286px; height: 306px; overflow: hidden; float: left; margin: 26px 9px 0; position: relative;}
.digital-list li .back-cover{ width: 286px; height: 306px; position: absolute; top: 222px; left: 0; background: rgba(226,154,102,0.9);}
.digital-list li .back-cover .back-txt{ height: 274px; padding: 16px 26px; background: url("../images/digital_ico2.png") no-repeat 130px 230px;}
.digital-list li .back-cover .back-txt h2{ color: #ffffff; font-size: 20px;}
.digital-list li .back-cover .back-txt p{ display: none; color: #ffffff; font-size: 16px; line-height: 22px; padding-top: 15px;}
.digital-list li .back-cover:hover .back-txt p{ display: block;}
/*digital-detail*/
.digital-detail-ban{ width: 1200px; height: 468px; overflow: hidden; margin: 0 auto;}
.filter-wrapper{ width: 1200px; margin: 20px auto 0;}
.filter-wrapper .filter-venue{ width: 100%; text-align: center; font-size: 0;}
.filter-wrapper .filter-venue .ico-venue{ display: inline-block; width: 160px; height: 68px; margin-left: 10px; background: url("../images/ico_venues.png") no-repeat;}
.filter-wrapper .filter-venue .ico-venue:first-child{ margin-left: 0;}
.filter-wrapper .filter-venue .ico-venue:hover{ transition: 0s;}
.filter-wrapper .filter-venue .ico-jdbwg{ background-position: 0 0;}
.filter-wrapper .filter-venue .ico-jdzkbwg{ background-position: 0 -72px;}
.filter-wrapper .filter-venue .ico-jdkm{ background-position: 0 -144px;}
.filter-wrapper .filter-venue .ico-jdtsgwhg{ background-position: 0 -216px;}
.filter-wrapper .filter-venue .ico-hthmsg{ background-position: 0 -288px;}
.filter-wrapper .filter-venue .ico-fht{ background-position: 0 -360px;}
.filter-wrapper .filter-venue .ico-lysysy{ background-position: 0 -432px;}
.filter-wrapper .filter-venue .ico-jdbwg:hover,.filter-wrapper .filter-venue .ico-jdbwg.active{ background-position: -200px 0;}
.filter-wrapper .filter-venue .ico-jdzkbwg:hover,.filter-wrapper .filter-venue .ico-jdzkbwg.active{ background-position: -200px -72px;}
.filter-wrapper .filter-venue .ico-jdkm:hover,.filter-wrapper .filter-venue .ico-jdkm.active{ background-position: -200px -144px;}
.filter-wrapper .filter-venue .ico-jdtsgwhg:hover,.filter-wrapper .filter-venue .ico-jdtsgwhg.active{ background-position: -200px -216px;}
.filter-wrapper .filter-venue .ico-hthmsg:hover,.filter-wrapper .filter-venue .ico-hthmsg.active{ background-position: -200px -288px;}
.filter-wrapper .filter-venue .ico-fht:hover,.filter-wrapper .filter-venue .ico-fht.active{ background-position: -200px -360px;}
.filter-wrapper .filter-venue .ico-lysysy:hover,.filter-wrapper .filter-venue .ico-lysysy.active{ background-position: -200px -432px;}
.filter-wrapper .filter-type{ margin: 30px 25px 0;}
.filter-wrapper .filter-type>dl{ border-bottom: dashed 1px #c8c8c8; padding: 14px 20px; min-height: 22px; line-height: 22px; overflow: hidden;}
.filter-wrapper .filter-type>dl:first-child{ border-top: dashed 1px #c8c8c8;}
.filter-wrapper .filter-type dt{ display: block; width: 65px; float: left;}
.filter-wrapper .filter-type dd{ display: block; padding-left: 65px;}
.filter-wrapper .filter-type dd a{ color: #6d6d6d; font-size: 12px; margin-right: 15px; cursor: pointer;}
.filter-wrapper .filter-type dd a:hover{ color: #e29a66;}
.filter-wrapper .filter-type dd a.active{ color: #e29a66;}
.digital-detail-list{ width: 1200px; margin: 0 auto 100px;}
.digital-detail-list>ul{ width: 1216px; margin: 0 -8px; overflow: hidden;}
.digital-detail-list>ul li{ float: left; width: 286px; height: 310px; margin: 22px 9px 0;}
.digital-detail-list>ul li .img{ display: block; width: 100%; height: 234px; overflow: hidden; position: relative;}
.digital-detail-list>ul li .txt{ padding: 20px 25px 14px; height: 42px; overflow: hidden; background: #e6e2dc;}
.digital-detail-list>ul li .txt>h3{ height: 25px; line-height: 25px; overflow: hidden; color: #323232; font-size: 20px;}
.digital-detail-list li .txt .txt-des{ height: 18px; line-height: 18px; overflow: hidden; color: #323232; font-size: 14px;}
.digital-detail-list li.item-art .img .img-des{ width: 286px; height: 234px; position: absolute; top: 234px; left: 0; background: url("../images/digital_ico2.png") no-repeat 130px 182px #e29a66; opacity: 0.9; filter: alpha(opacity=90);}
.digital-detail-list li.item-art .img .img-des>p{ padding: 30px 25px; line-height: 22px; color: #ffffff; font-size: 14px;}
.pager{ width: 100%; height: 32px; line-height: 32px; overflow: hidden; text-align: center; margin: 60px auto 150px;}
.pager a { text-decoration: none; border: 1px solid #AAE; color: #6d6d6d;}
.pager a,.pager span { display: inline-block; padding: 0 14px; line-height: 30px; margin-right: 5px; background: #ffffff; border: solid 1px #dedede; font-size: 14px;}
.pager .current { background: #e29a66; color: #fff; border: 1px solid #e29a66;}
.pager .current.prev,.pager .current.next{ color:#ccc; border-color:#ccc; background:#fff;}