.visual_block_017 .visual_block_017_img_wrap { position: absolute; z-index: -2; top: 0; left: 0; background-image: url("/weven_template/block/visual_block_017/resource/img/visual_block_017_bg_img_000.jpg"); background-position: center center; background-size: cover; background-repeat: no-repeat; }
.visual_block_017 .visual_block_017_card .visual_block_017_card_inner { background-color: rgb(255, 255, 255); }
.visual_block_017 .visual_block_017_card .visual_block_017_card_inner .text_box .card_title { color: rgb(0, 0, 0); }
.visual_block_017 .visual_block_017_card .visual_block_017_card_inner .text_box .card_desc { color: rgb(0, 0, 0); max-height: 68px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; overflow-wrap: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.visual_block_017 .visual_block_017_card .visual_block_017_card_inner .text_box .card_desc > div[data-wv-layout-element="block_inner"] { max-height: 68px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; overflow-wrap: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.visual_block_017 .visual_block_017_card .more_btn { display: none; opacity: 0; transition: opacity 0.2s ease 0s; }
.visual_block_017 .visual_block_017_card .more_btn .arrow { width: 8px; height: 14px; fill: rgb(255, 255, 255); }
.visual_block_017 .visual_block_017_card_con .rolling_btn_style_0_con { position: absolute; display: none; z-index: 3; }
@media all and (min-width: 992px) {
    .visual_block_017 .visual_block_017_card .visual_block_017_card_inner .more_btn { display: block; }
    .visual_block_017 .visual_block_017_card .visual_block_017_card_inner:hover .card_title { color: rgb(255, 255, 255); }
    .visual_block_017 .visual_block_017_card .visual_block_017_card_inner:hover .card_desc { color: rgb(255, 255, 255); }
    .visual_block_017 .visual_block_017_card .visual_block_017_card_inner:hover .more_btn { opacity: 1; }
    .visual_block_017 .pagination_style_0_wrap { position: absolute; top: 50%; transform: translateY(-50%); width: calc(100% - 30px); }
}
@media all and (min-width: 1450px) {
    .visual_block_017 .visual_block_017_card_con .rolling_btn_style_0_con { top: calc(50% - 20px); display: block; }
    .visual_block_017 .visual_block_017_card_con .rolling_btn_style_0_con.left { left: calc(((100% - 1170px) / 2) - 80px); }
    .visual_block_017 .visual_block_017_card_con .rolling_btn_style_0_con.right { right: calc(((100% - 1170px) / 2) - 80px); }
}