.wrapper{padding-bottom:60px}.banner{background:url(../img/case.png) no-repeat center;width:100%;height:400px;position:relative}.banner .banner-desc{position:absolute;color:#555;top:50%;left:50%;margin-top:-55px;width:1000px;margin-left:-500px}.banner .banner-desc .customer{font-size:55px;line-height:60px;padding-bottom:10px}.banner .banner-desc .cooperation{font-size:30px;line-height:40px}.main *{box-sizing:border-box}.main .case-title{margin-top:35px;font-size:30px;color:#222;text-align:center;line-height:60px;font-weight:400}.main .select-box{width:514px;height:52px;margin:15px auto 0}.main .select-box .pull-down{width:230px;height:52px;border:1px solid #b5b5b5;background:#fff;padding-left:16px;position:relative;float:left;cursor:pointer}.main .select-box .pull-down span{font-size:14px;color:#616161;line-height:50px}.main .select-box .pull-down i{display:block;position:absolute;right:12px;width:12px;height:6px;background:url(../img/arrow.png) 0 -6px no-repeat;top:50%;margin-top:-3px}.main .select-box .pull-down.industry{margin-right:54px}.main .select-box .pull-down .pull-list{position:absolute;left:-1px;top:51px;border:1px solid #dcdcdc;width:230px;display:none;z-index:6}.main .select-box .pull-down .pull-list li{line-height:40px;background:#fff;padding:0 14px}.main .select-box .pull-down .pull-list li:hover{background:#409eff;color:#fff}.main .select-box .pull-down.down{border:1px solid #409eff}.main .select-box .pull-down.down i{background:url(../img/arrow.png) 0 0 no-repeat}.main .case-box{margin:40px auto 0;width:1000px;min-height:500px}.main .case-box *{box-sizing:border-box}.main .case-box li{width:320px;margin-right:20px;border:1px solid #eee;background:#fff;float:left;margin-bottom:30px;opacity:0;opacity:1\9\0}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.main .case-box li{opacity:0}}.main .case-box li.showCase{animation:showCases .8s forwards;-webkit-animation:showCases .8s forwards;-moz-animation:showCases .8s forwards;-o-animation:showCases .8s forwards}.main .case-box li>a{display:block}.main .case-box li img{border:0}.main .case-box li .big-pic{width:100%;height:190px}.case-nav,.main .case-box li .big-pic img{width:100%;height:100%}.main .case-box li .case-content{width:100%;height:60px;position:relative;background:#fff}.main .case-box li .case-content .case-desc{position:absolute;line-height:30px;top:-30px;left:0;width:100%;padding-left:12px;background:rgba(0,0,0,.2);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#33000000');color:#fff}.main .case-box li .case-content .case-info{padding:8px 12px}.main .case-box li .case-content .case-info img{width:44px;height:44px;float:left}.main .case-box li .case-content .case-info span{line-height:44px;color:#555;float:left;padding-left:16px}.main .case-box li.no-margin{margin-right:0}.main .case-box:after{clear:both;content:'';display:block;visibility:hidden;zoom:1}.main .case-box .error-box{width:100%;padding-top:40px;display:none}.main .case-box .error-box .load-error{display:block;width:130px;height:130px;background:url(../img/loaderror.png) center no-repeat;margin:0 auto}.main .case-box .error-box .load-top{margin-top:12px;line-height:30px;font-size:20px;color:#555;text-align:center}.main .case-box .error-box .load-bottom{line-height:24px;font-size:14px;color:#666;text-align:center;margin-bottom:16px}.main .case-box .error-box .load-box{width:200px;height:50px;margin:0 auto;position:relative;text-align:center;border:1px solid #dcdcdc;border-radius:4px;line-height:50px;padding-left:10px;background:#fff;cursor:pointer}.main .case-box .error-box .load-box i{width:21px;height:21px;display:block;position:absolute;background:url(../img/loadagain.png) no-repeat;left:44px;top:50%;margin-top:-10.5px}.main .case-box .error-box .load-box span{color:#222;font-size:16px}.main .case-box .error-box .load-box:hover{background:#0f97ff;border:1px solid transparent}.main .case-box .error-box .load-box:hover i{background:url(../img/loadagain.png) 0 -21px no-repeat}.main .case-box .error-box .load-box:hover span{color:#fff}.case-nav h3,.case-nav h3 a,.main .case-box .get-big .case-content .case-info span{color:#0f97ff}.case-nav{height:60px;background:#edf2f5}.case-nav h3{width:1100px;margin:0 auto;line-height:60px;padding-left:50px;font-weight:400}.case-nav h3 i{font-style:normal;padding:0 20px;color:#555}.case-nav h3 span{color:#555}.d-banner{width:100%;height:300px;background:url(../img/case.png) center no-repeat;position:relative}.d-banner *{box-sizing:border-box}.d-banner .data-box{width:800px;height:100px;position:absolute;left:50%;bottom:-50px;border:1px solid #e5e5e5;box-shadow:0 0 6px 4px rgba(0,0,0,.2);background:#fff;border-radius:4px;margin-left:-400px;padding-top:24px}.d-banner .data-box>div{width:50%;height:100%;text-align:center;float:left}.d-banner .data-box>div .data-top{font-size:30px;color:#0f97ff;line-height:32px}.d-banner .data-box>div .data-bottom{color:#555;line-height:26px}.d-banner .data-box .data-border{position:absolute;left:50%;margin-left:-.5px;top:50%;color:#555;margin-top:-15px;width:1px;height:30px;background:#cbcbcb}.d-banner .data-box.three>div{width:calc(33.33333333%);width:33.33333% \0}.d-banner .data-box.three .data-border-left,.d-banner .data-box.three .data-border-right{position:absolute;top:50%;margin-top:-15px;left:calc(33.33333333%);left:33.333333% \0;margin-left:-.5px}.d-banner .data-box.three .data-border-right{left:calc(66.66666667%);left:66.66667% \0}.d-banner .bg-word{position:absolute;left:0;top:75px;color:#fff;text-align:center;width:100%}.d-banner .bg-word .bg-word-top{font-size:48px;line-height:60px}.d-banner .bg-word .bg-word-bottom{font-size:36px;line-height:46px}.d-case-content,.d-case-desc{padding:74px 0 0 6px;width:800px;margin:0 auto}.d-case-desc .desc-title{font-weight:400;line-height:48px;color:#222;font-size:22px}.d-case-desc p{line-height:24px;color:#545454}.d-case-content{padding:46px 36px 0 24px}.d-case-content *{box-sizing:border-box}.d-case-content .case-content-left{float:left}.d-case-content .case-content-left .case-box-wrap{width:240px;height:495px;background:pink;float:left;padding:59px 15px 61px 14px;background:url(../img/app.png) center no-repeat}.d-case-content .case-content-left .case-box-wrap.case-box-left{margin-right:42px}.d-case-content .case-content-left .case-box-wrap .case-box-inner,.d-case-content .case-content-left .case-box-wrap .case-box-inner img,.d-case-content .case-content-right .case-code img,.d-case-content .case-content-right .case-logo img{width:100%;height:100%}.d-case-content .case-content-right{float:right;width:166px;padding-top:85px;text-align:center}.d-case-content .case-content-right .case-logo{width:100px;height:100px;margin:0 auto}.d-case-content .case-content-right .case-code{margin-top:26px;width:166px;height:166px}.d-case-content .case-content-right span{line-height:34px;color:#555}.d-case-content .only-logo{margin-right:70px;padding-top:180px}@keyframes showCases{0%{opacity:0}25%{opacity:.25}50%{opacity:.5}75%{opacity:.75}to{opacity:1}}@-webkit-keyframes showCases{0%{opacity:0}25%{opacity:.25}50%{opacity:.5}75%{opacity:.75}to{opacity:1}}@-khtml-keyframes showCases{0%{opacity:0}25%{opacity:.25}50%{opacity:.5}75%{opacity:.75}to{opacity:1}}@-moz-keyframes showCases{0%{opacity:0}25%{opacity:.25}50%{opacity:.5}75%{opacity:.75}to{opacity:1}}@-ms-keyframes showCases{0%{opacity:0}25%{opacity:.25}50%{opacity:.5}75%{opacity:.75}to{opacity:1}}@-o-keyframes showCases{0%{opacity:0}25%{opacity:.25}50%{opacity:.5}75%{opacity:.75}to{opacity:1}}