.block_20200217{height:500px;width:100%;margin:30px 0;display:flex;align-items:center;position:relative;cursor:w-resize}.block_20200217 .block_hand{position:absolute;left:50%;top:18%;z-index:5;cursor:w-resize;background:rgba(0,0,0,.7);border-radius:1.5625rem;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:space-evenly;width:116px;height:56px;opacity:1;transition:1s all}.block_20200217 .block_hand span{color:#fff;font-size:24px}.block_20200217 .block_hand .hand{animation:myfirst 2s infinite ease-in-out;-moz-animation:myfirst 2s infinite ease-in-out;-webkit-animation:myfirst 2s infinite ease-in-out;-o-animation:myfirst 2s infinite ease-in-out;margin-left:-5px}@keyframes myfirst{0%{transform:translateX(0)}50%{transform:translateX(10px)}100%{transform:translateX(0)}}@-moz-keyframes myfirst{0%{transform:translateX(0)}50%{transform:translateX(10px)}100%{transform:translateX(0)}}@-webkit-keyframes myfirst{0%{transform:translateX(0)}50%{transform:translateX(10px)}100%{transform:translateX(0)}}@-o-keyframes myfirst{0%{transform:translateX(0)}50%{transform:translateX(10px)}100%{transform:translateX(0)}}.block_20200217 .block_left{width:30%}.block_20200217 .block_left .block_left_inner{width:80%;margin:0 auto}.block_20200217 .block_left .text1{font-weight:400;color:#0f238c;margin:30px 0;font-size:18px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}.block_20200217 .block_left .text2{color:#0f238c;margin:30px 0;font-size:48px;font-weight:bold;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.block_20200217 .block_left .text3{color:#ff0;font-size:18px;display:inline-block;padding:11px 34px;border:1px solid #ff0}.block_20200217 .block_left .text3 a{color:inherit}.block_20200217 .block_right{position:relative;width:60%;height:100%}.block_20200217 .block_right .backstage-blocksEditor-wrap{height:100%}.block_20200217 .block_right ul{width:9999999px;position:absolute;left:0;top:0}.block_20200217 .block_right ul li{float:left;width:292px;height:500px;position:relative;border-left:1px solid #fff;transition:all .5s;overflow:hidden}.block_20200217 .block_right ul li img{max-width:300px;position:relative}.block_20200217 .block_right ul li::before{content:'';position:absolute;left:0;top:0;background:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.75));width:100%;height:100%;z-index:1;opacity:0;transition:all .5s}.block_20200217 .block_right ul li:hover:before{opacity:1}.block_20200217 .block_right ul li:hover .container .banner-name{height:auto}.block_20200217 .block_right ul li .banner-description{position:absolute;width:100%;height:90%;left:0;top:0;overflow:hidden;z-index:2}.block_20200217 .block_right ul li::after{content:'';position:absolute;left:7%;bottom:32px;height:3px;background:#ff0;width:20px;transition:all .5s;z-index:2}.block_20200217 .block_right ul li:hover::after{width:30px}.block_20200217 .block_right ul li .container{position:absolute;left:0;bottom:-87%;width:100%;transition:all .3s;height:100%}.block_20200217 .block_right ul li .container a{color:#fff;width:86%;margin:0 auto;margin-top:30px;display:block}.block_20200217 .block_right ul li:hover .container{bottom:-15%}.block_20200217 .block_right ul li .container .banner-name{color:#fff;font-size:24px;font-weight:bold;width:86%;margin:0 auto;display:flex;align-items:flex-end;height:60px;position:relative;word-break:break-word;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.block_20200217 .block_right ul li .container .banner-docs{width:86%;word-break:break-word;margin:10px auto 0;color:#fff;font-size:18px;line-height:26px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:9;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media(max-width:1200px){.block_20200217 .block_left .text2{font-size:36px}}@media(max-width:800px){.block_20200217 .block_left .text2{font-size:36px}.block_20200217 .block_left .block_left_inner{margin-bottom:30px}.block_20200217{height:auto;width:100%;margin:30px 0;display:block;cursor:default}.block_20200217 .block_hand{display:none}.block_20200217 .block_right ul li .container .banner-docs{word-break:break-word;margin:10px auto 0;color:#fff;font-size:14px;line-height:26px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}.block_20200217 .block_left{width:100%}.block_20200217 .block_right{height:380px}.block_20200217 .block_right ul{cursor:w-resize}.block_20200217 .block_right ul li{float:left;width:260px;height:380px;position:relative;border-left:1px solid #fff;transition:all .5s}.block_20200217 .block_right ul li img{max-width:259px;position:relative}.block_20200217 .block_right ul li .container{position:absolute;left:0;bottom:-80%;width:100%;transition:all .3s;height:100%}}