.banner-module{position:relative;width:100%;background:url(../case/images/banner-bg.jpg) no-repeat center bottom;background-size:cover}.banner-module::after{content:"";display:block;position:relative;padding-top:260px;z-index:-1}.banner-module .g-subtitle{position:absolute;top:40%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);color:#fff;min-width:800px}.banner-module .scroll-num{position:relative;display:inline-block;margin-right:15px;padding-bottom:10px}.banner-module .scroll-num::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:4px;background-color:#fff}.video-module{margin:70px auto}.video-module h4{font-size:22px;line-height:22px;padding-left:10px;border-left:3px solid #0754de}.video-module .video-lists{font-size:0;margin-top:20px}.video-module .video-lists .video-item{position:relative;display:inline-block;width:32%;background:red;overflow:hidden}.video-module .video-lists .video-item+.video-item{margin-left:2%}.video-module .video-lists .video-item::after{content:"";display:block;position:relative;padding-top:56.25%;z-index:-1}.video-module .video-lists .video-item .video-poster{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../images/web3.0/doc-case-home/video-module/video-item-bg.png);background-repeat:no-repeat;background-position:center;background-size:cover}.video-module .video-lists .video-item .video-mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);background-image:url(../images/web3.0/public/icon-play.svg);background-repeat:no-repeat;background-position:center;background-size:40px 40px;-webkit-transition:background-color .25s;-o-transition:background-color .25s;transition:background-color .25s;cursor:pointer}.video-module .video-lists .video-item .video-mask:hover{background-color:rgba(0,0,0,.3);background-size:44px 44px}.video-module .video-lists .video-item .video-title{position:absolute;width:100%;padding:10px;bottom:0;left:0;color:#fff;font-size:16px;-webkit-transition:all .25s;-o-transition:all .25s;transition:all .25s;-webkit-box-sizing:border-box;box-sizing:border-box}.video-module .video-lists .video-item:hover{-webkit-box-shadow:0 10px 40px 0 rgba(0,0,0,.2);box-shadow:0 10px 40px 0 rgba(0,0,0,.2)}.video-module .video-lists .video-item:hover .video-title{-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}.case-module{margin:0 auto;padding-top:50px}.case-module .case-content{position:relative}.case-module .case-lists{float:left;width:70%}.case-module .case-lists .case-item{margin:50px auto;min-height:200px}.case-module .case-lists .case-item .case-item_logo{float:left;width:340px;height:220px;border:1px solid #f2f2f2;-webkit-box-sizing:border-box;box-sizing:border-box}.case-module .case-lists .case-item .case-item_desc{float:left;width:410px;margin-left:40px;min-height:240px}.case-module .case-lists .case-item .case-item_desc .case-item_title{font-size:24px;margin-bottom:15px}.case-module .case-lists .case-item .case-item_desc .case-item_introduce{color:#626262}.case-module .case-lists .case-item .case-item_desc .case-item_introduce p{margin-bottom:10px;line-height:2;font-size:14px}.case-module .case-lists .case-item .case-item_desc .case-item_dynamic p{line-height:2;color:#626262}.case-module .case-lists .case-item .case-item_desc .case-item_preface{margin:30px auto;position:relative;padding:20px 0 10px 60px}.case-module .case-lists .case-item .case-item_desc .case-item_preface::before{position:absolute;top:0;left:29px;content:"";width:2px;height:100%;background-color:#f3f3f6}.case-module .case-lists .case-item .case-item_desc .case-item_preface .inscription{color:#626262;line-height:2}.case-module .case-lists .case-item .case-item_desc .case-item_preface .inscription+.inscription{margin-top:14px}.case-module .case-lists .case-item .case-item_desc .case-item_preface .job{margin-top:30px}.case-module .case-lists .case-item .case-item_desc .case-item_preface .author,.case-module .case-lists .case-item .case-item_desc .case-item_preface .job{text-align:right;font-weight:700;line-height:2}.case-module .case-lists .case-item .case-item_desc .g-btn{margin-top:10px;color:#2654e3;background-color:#f0f0f0}.case-module .case-lists .case-item .case-item_desc .g-btn:hover{text-decoration:underline}.case-module .side-nav-module{float:right;width:300px}.case-module .side-nav-module .side-nav{padding:0 0 10px 0;border-top:3px solid #2654e3;background-color:#f2f2f2;margin-bottom:20px}.case-module .side-nav-module .side-nav .side-nav-list li{border-bottom:1px solid #fff;font-weight:700;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .25s;-o-transition:all .25s;transition:all .25s}.case-module .side-nav-module .side-nav .side-nav-list li a{display:block;padding:15px 0 15px 20px;color:#080d46;font-size:14px}.case-module .side-nav-module .side-nav .side-nav-list li.active,.case-module .side-nav-module .side-nav .side-nav-list li:hover{background-color:#2654e3}.case-module .side-nav-module .side-nav .side-nav-list li.active a,.case-module .side-nav-module .side-nav .side-nav-list li:hover a{color:#fff}.case-module .side-nav-module .side-nav.sticky-block-box{position:fixed;top:55px;width:300px;-webkit-transition:top .2s;-o-transition:top .2s;transition:top .2s;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:99}.case-module .side-nav-module .wx-qrCode{padding:20px 25px 0 25px;margin-bottom:20px;background-color:#f2f2f2}.case-module .side-nav-module .wx-qrCode img{width:100%}.case-module .side-nav-module .cs-telephone{margin-bottom:20px;padding:30px 20px;text-align:right;background:url(../case/images/telephone-bg.png) no-repeat 20px bottom;background-color:#f2f2f2}.case-module .side-nav-module .cs-telephone p{font-weight:700;color:#083398;font-size:16px}.case-module .side-nav-module .cs-telephone .tel{display:inline-block;padding:10px 0 10px 30px;margin-top:20px;border-top:1px solid #2654e3;font-size:18px;font-weight:700;background:url(../images/web3.0/doc-case-home/telephone-icon.png) no-repeat left center}.case-module .side-nav-module .nav-tags{padding:15px;background-color:#f2f2f2;margin-bottom:20px}.case-module .side-nav-module .nav-tags p{padding-bottom:10px;font-size:20px;color:#000;border-bottom:1px solid #e2e2e2;margin-bottom:15px}.case-module .side-nav-module .nav-tags a{display:inline-block;padding:5px 8px;height:24px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#777;border-radius:12px;background:#e0dfdf;margin-bottom:10px;font-size:12px;margin-right:5px}.case-module .side-nav-module .nav-tags a:hover{color:#fff;background:#00b2e5}.case-module .case-tags-title{font-size:26px;color:#00b2e5}.case-module .case-detail-title{position:relative;margin-bottom:30px;border-bottom:1px solid #080d46}.case-module .case-detail-title h2{position:absolute;top:50%;right:0;color:#16136a;font-size:36px;margin-top:-20px}.case-module .case-detail-title .case-logo{margin-bottom:10px}.case-module .case-detail-title .case-logo img{width:240px}.case-module .case-article-detail .paragraph{margin-bottom:30px}.case-module .case-article-detail .paragraph h4{font-size:22px;margin-bottom:30px;line-height:22px;padding-left:10px;border-left:3px solid #0754de}.case-module .case-article-detail .paragraph p{line-height:2;font-size:14px}.case-module .case-article-detail .paragraph p+p{margin-top:10px}.case-module .case-article-detail .case-diagram img{display:block;margin-bottom:30px;max-width:680px;max-height:425px}.case-module .case-article-detail .case-review{padding:30px 50px 30px 70px;background-color:#f7f7f7;color:#626262}.case-module .case-article-detail .case-review .author,.case-module .case-article-detail .case-review .job{font-size:14px;font-weight:700;text-align:right}.case-module .case-article-tags{margin-bottom:30px}.case-module .case-article-tags span{display:inline-block;padding:5px 10px;color:#fff;background:#c9c9c9;border-radius:3px;font-size:16px}.case-module .case-article-foot{margin-top:60px}.case-module .case-article-foot .trfh{padding:30px 0;border-top:1px solid #95989a;text-align:center}.case-module .case-article-foot .trfh .details-consulting{font-size:14px;margin-left:20px;color:#2754e3;cursor:pointer}.case-module .case-article-foot .trfh .details-consulting:hover{text-decoration:underline}.case-module .case-article-foot .foot{padding:15px 0;border-bottom:1px solid #95989a}.case-module .case-article-foot .foot span{color:#262626;margin-right:60px}.case-module .case-article-foot .foot a{color:#2654e3;vertical-align:text-top}.case-module .case-article-foot .foot a+a{margin-left:10px}.case-module .case-article-foot .foot a:hover{text-decoration:underline}.case-content-tags{min-height:400px}.case-content-tags .tags-breadcrumb a:hover{color:#1b83e6}.case-content-tags .tags-breadcrumb span{color:#1b83e6}.case-content-tags .tags-title{margin-top:15px;font-size:20px;color:#1b83e6;border-top:1px solid #e2e2e2;padding-top:10px;font-weight:700}.case-content-tags>a{background-color:#fff;float:left;padding:6px 12px;margin-right:10px;margin-bottom:10px;color:#777;font-size:14px!important;font-weight:400;border:1px solid #f0f0f0;-webkit-transition:all .1s;-o-transition:all .1s;transition:all .1s;border-radius:2px}.case-content-tags>a:hover{color:#fff;background-color:#1b83e6}