.banner[data-v-8dd84802]{margin-bottom:60px;text-align:center}.example[data-v-8dd84802]{overflow:hidden}.example .type[data-v-8dd84802]{font-size:16px;margin-bottom:20px}.example .type>div[data-v-8dd84802]{float:left}.example .type>div[data-v-8dd84802]:first-child{padding-top:5px}.example .type>div[data-v-8dd84802]:nth-child(2){width:calc(100% - 85px)}.example .type .title[data-v-8dd84802]{float:left;margin-right:15px;padding:5px 10px;background:#f6f6f6;border-radius:5px;color:#666;cursor:pointer;transition:all .2s ease-in;margin-bottom:5px}.example .type .active[data-v-8dd84802]{background:#e8f3ff;color:#1890ff}.example .content li[data-v-8dd84802]{float:left;width:calc(33.33333% - 15.33333px);margin-bottom:23px;box-shadow:0 0 5px 1px rgba(0,0,0,.1);border-radius:10px;overflow:hidden;cursor:pointer;transition:all .3s ease-in}.example .content li[data-v-8dd84802]:nth-child(3n+2){margin-left:23px;margin-right:23px}.example .content li .img[data-v-8dd84802]{overflow:hidden;height:260px;position:relative}.example .content li .img img[data-v-8dd84802]{width:100%;max-width:inherit;height:100%;transition:all .3s ease-in}.example .content li .img .ico[data-v-8dd84802]{position:absolute;left:50%;top:50%;opacity:0;transform:translate(-50%,-50%) scale(.2);background:rgba(24,144,255,.7);width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:all .3s ease-in;color:#fff;display:none}.example .content li .img .ico i[data-v-8dd84802]{font-size:50px}.example .content li .text[data-v-8dd84802]{padding:3% 5%}.example .content li .text .title[data-v-8dd84802]{font-size:18px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px}.example .content li .text p[data-v-8dd84802]{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;color:#666}.example .content li .text .view[data-v-8dd84802]{margin-top:10px}.example .content li[data-v-8dd84802]:hover{box-shadow:0 0 10px 1px rgba(0,0,0,.3)}.example .content li:hover .img .ico[data-v-8dd84802]{transform:translate(-50%,-50%) scale(1);opacity:1}@media only screen and (max-width:1400px){.banner[data-v-8dd84802]{margin-bottom:5%}.example .content li .img[data-v-8dd84802]{height:210px}}@media only screen and (max-width:1024px){.example .content li .img[data-v-8dd84802]{height:170px}}@media only screen and (max-width:900px){.example .content li .img[data-v-8dd84802]{height:140px}}@media only screen and (max-width:767px){.example .content li[data-v-8dd84802]{width:calc(50% - 10px);margin-left:0!important;margin-right:0!important;border-radius:5px}.example .content li[data-v-8dd84802]:nth-child(2n){margin-left:20px!important;margin-right:0!important}.example .content li .text[data-v-8dd84802]{padding:5%}.example .content li .text .title[data-v-8dd84802]{font-size:16px}}@media only screen and (max-width:550px){.example .type[data-v-8dd84802]{font-size:14px;margin-bottom:3%}.example .type .title[data-v-8dd84802]{margin-right:10px}.example .content.clearfix li[data-v-8dd84802]{width:100%;margin-left:0!important;margin-right:0!important}.example .content.clearfix li .img[data-v-8dd84802]{height:auto}.example .content.clearfix li[data-v-8dd84802]:last-child{margin-bottom:0}}