.application{padding-top:60px;padding-bottom:60px}.application-box{margin-left:-10px;margin-right:-10px}.application-item{float:left;width:25%;padding:10px}.application-item .box{position:relative;background:#fff;box-shadow:2px 2px 5px rgba(0,0,0,0.3);padding-top:100%;overflow:hidden}.application-item .box>*{position:absolute}.application-item .pic{top:0;left:0;width:100%;height:120%;transition:all 0.6s ease-in-out}.application-item .pic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.application-item .txt{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;padding:15% 30px 30px;color:#fff;transition:all 0.6s ease-in-out}.application-item .txt .mask{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg, #4589ef, #b652f7);transition:all 0.6s ease-in-out;opacity:0}.application-item .txt .title{font-size:22px;margin-bottom:15px;-webkit-transform:translate3d(0, 300%, 0) scale3d(1.4, 1.4, 1);transform:translate3d(0, 300%, 0) scale3d(1.4, 1.4, 1);transition:all 0.6s ease-in-out}.application-item .txt .text{font-size:15px;line-height:1.6em;opacity:0;-webkit-transform:translate3d(0, 100%, 0) scale3d(1.4, 1.4, 1);transform:translate3d(0, 100%, 0) scale3d(1.4, 1.4, 1);transition:all 0.6s ease-in-out}.application-item .txt .more{margin-top:20px;opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);transition:all 0.6s ease-in-out}.application-item .txt .more a{display:inline-block;height:35px;width:90px;text-align:center;line-height:33px;border-radius:17px;overflow:hidden;border:1px solid #fff}.application-item .txt .more a:hover{background:#fff;color:#333}.caseshow{padding-top:60px;padding-bottom:60px;background:#f5f9ff}.caseshow-box{margin-left:-10px;margin-right:-10px}.caseshow-item{float:left;width:33.33333333333%;padding:10px}.caseshow-item .box{position:relative;display:block;background:#fff;box-shadow:2px 2px 5px rgba(0,0,0,0.3);padding-top:82.105263%;overflow:hidden;border-radius:10px}.caseshow-item .box>*{position:absolute}.caseshow-item .box:hover .pic{height:100%}.caseshow-item .box:hover .mask{opacity:1}.caseshow-item .box:hover .txt{top:50%;opacity:1;-webkit-transform:translate3d(0, -50%, 0) scale3d(1, 1, 1);transform:translate3d(0, -50%, 0) scale3d(1, 1, 1)}.caseshow-item .pic{top:0;left:0;width:100%;height:120%;transition:all 0.6s ease-in-out}.caseshow-item .pic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.caseshow-item .mask{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg, #4589ef, #b652f7);transition:all 0.6s ease-in-out;opacity:0}.caseshow-item .txt{position:absolute;top:100%;left:0;width:100%;text-align:center;color:#fff;font-size:20px;line-height:1.6em;transition:all 0.6s ease-in-out;-webkit-transform:translate3d(0, 100%, 0) scale3d(1.4, 1.4, 1);transform:translate3d(0, 100%, 0) scale3d(1.4, 1.4, 1)}.reason{padding-top:60px;padding-bottom:60px}.reason-box{margin-left:-10px;margin-right:-10px}.reason-item{float:left;width:25%;padding:10px}.reason-item .box{position:relative;background:#fff;padding-top:80%;overflow:hidden;display:block;border:1px solid #6d3fe9}.reason-item .box>*{position:absolute}.reason-item .box .icon{width:40px;height:34px;margin:0 auto 10px;background-size:100%;background-repeat:no-repeat;transition:background .5s}.reason-item .box .icon.icon_1{background-image:url(../images/blockchain/icon_1.png)}.reason-item .box .icon.icon_2{background-image:url(../images/blockchain/icon_2.png)}.reason-item .box .icon.icon_3{background-image:url(../images/blockchain/icon_3.png)}.reason-item .box .icon.icon_4{background-image:url(../images/blockchain/icon_4.png)}.reason-item .box:hover .mask{opacity:1}.reason-item .box:hover .txt{padding:30px;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}.reason-item .box:hover .top,.reason-item .box:hover .text{color:#fff;-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1);transform:translate3d(0, 0, 0) scale3d(1, 1, 1)}.reason-item .box:hover .title:before{background-color:#fff}.reason-item .box:hover .text{opacity:1}.reason-item .box:hover .icon.icon_1{background-image:url(../images/blockchain/icon_1_active.png)}.reason-item .box:hover .icon.icon_2{background-image:url(../images/blockchain/icon_2_active.png)}.reason-item .box:hover .icon.icon_3{background-image:url(../images/blockchain/icon_3_active.png)}.reason-item .box:hover .icon.icon_4{background-image:url(../images/blockchain/icon_4_active.png)}.reason-item .mask{position:absolute;top:0;left:0;width:100%;height:100%;background:#6d3fe9;transition:all 0.6s ease-in-out;opacity:0}.reason-item .txt{position:absolute;top:50%;left:0;width:100%;text-align:center;transition:all 0.6s ease-in-out}.reason-item .txt .top{-webkit-transform:translate(0, -50%) scale(1.4, 1.4);transform:translate(0, -50%) scale(1.4, 1.4);transition:all 0.6s ease-in-out;margin-bottom:15px}.reason-item .txt .title{position:relative;font-size:22px}.reason-item .txt .title:before{content:'';position:absolute;top:100%;left:50%;width:50px;height:3px;background:#4553bd;margin-left:-25px;margin-top:5px;transition:all 0.6s ease-in-out}.reason-item .txt .text{font-size:15px;line-height:1.6em;opacity:0;-webkit-transform:translate(0, 50%) scale(1.4, 1.4);transform:translate(0, 50%) scale(1.4, 1.4);transition:all 0.6s ease-in-out}@media screen and (max-width: 1440px){.application-item .txt{padding-top:50%}.application-item .txt .title{font-size:17px;-webkit-transform:translate3d(0, -50%, 0) scale3d(1.4, 1.4, 1);transform:translate3d(0, -50%, 0) scale3d(1.4, 1.4, 1)}.application-item .txt .text{font-size:12px}.application-item .txt .more{display:none}.caseshow-item .txt{font-size:16px}.reason-item .txt{top:40%}.reason-item .txt .top{-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}}@media screen and (min-width: 961px){.application-item:hover .txt{padding-top:70px}.application-item:hover .pic{height:100%}.application-item:hover .mask{opacity:1}.application-item:hover .title,.application-item:hover .text{-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1);transform:translate3d(0, 0, 0) scale3d(1, 1, 1)}.application-item:hover .text{opacity:1}.application-item:hover .more{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@media screen and (max-width: 960px){.application-item{width:33.3333%}.application-item .txt .title{font-size:15px}.application-item .txt .text{font-size:12px}.application-item .txt .more{display:none}.caseshow-item .mask{opacity:0.4}.caseshow-item .txt{opacity:1;font-size:16px;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}.reason-item{width:50%}.reason-item .mask{opacity:1}.reason-item .txt{padding:30px;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}.reason-item .txt .top,.reason-item .txt .text{color:#fff;-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1);transform:translate3d(0, 0, 0) scale3d(1, 1, 1)}.reason-item .txt .title:before{background-color:#fff}.reason-item .txt .text{opacity:1}.reason-item .box .icon.icon_1{background-image:url(../images/blockchain/icon_1_active.png)}.reason-item .box .icon.icon_2{background-image:url(../images/blockchain/icon_2_active.png)}.reason-item .box .icon.icon_3{background-image:url(../images/blockchain/icon_3_active.png)}.reason-item .box .icon.icon_4{background-image:url(../images/blockchain/icon_4_active.png)}}@media screen and (max-width: 667px){.application-item{width:50%}.caseshow-item{width:100%}.reason-item{width:100%}}