@font-face{font-family:ttfFont;src:url(../../static/fonts/din.61268bf5.ttf)}.case{padding:0 0 108px 0}.case .banner{height:420px;width:1200px;margin:0 auto;padding:90px 0 0 78px;background:url(../../static/img/banner_pic.3ad76c1b.png) no-repeat right 107px top 65px;background-size:408px 367px;-webkit-transition:all 1s;transition:all 1s;opacity:0}.case .banner .title{font-size:50px;font-weight:700;color:#3c3b3b;line-height:75px;letter-spacing:10px}.case .banner .text,.case .banner .title{-webkit-transition:all 1s;transition:all 1s;-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}.case .banner .text{font-size:22px;color:#222;line-height:29px;margin:10px 0 66px 0}.case .banner .list{-webkit-transition:all 1s;transition:all 1s;-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}.case .banner .list .item{float:left;text-align:center;font-size:16px;color:#222;line-height:21px}.case .banner .list .item .n{font-size:30px;font-family:ttfFont;font-weight:700;color:#0e7bfb;line-height:35px;margin:0 0 10px 0}.case .banner .list .item:nth-child(2){margin:0 131px 0 120px}.case .banner .list .item:nth-child(2) .n{color:#05cc7d}.case .banner .list .item:last-child .n{color:#00b4ff}.case .banner.active{background:url(../../static/img/banner_pic.3ad76c1b.png) no-repeat right 107px top 15px;background-size:408px 367px;opacity:1}.case .banner.active .list,.case .banner.active .text,.case .banner.active .title{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.case .f_w{padding:183px 0 0 10px;margin:0 auto;height:467px;width:1220px;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(../../static/img/f_pic.613c1175.png) no-repeat right top 142px;background-size:683px 377px;-webkit-transition:all 1s;transition:all 1s;opacity:0}.case .f_w .title{font-size:28px;font-weight:700;color:#222;line-height:52px}.case .f_w .text,.case .f_w .title{-webkit-transition:all 1s;transition:all 1s;-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}.case .f_w .text{font-size:16px;color:#505961;line-height:30px;margin:10px 0 20px 0;width:488px}.case .f_w .list{-webkit-transition:all 1s;transition:all 1s;-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0;height:30px}.case .f_w .list div{float:left;height:30px;border-radius:4px;border:1px solid #88b05b;font-size:14px;color:#88b05b;line-height:28px;padding:0 13px;margin:0 20px 0 0}.case .f_w.active{background:url(../../static/img/f_pic.613c1175.png) no-repeat right top 92px;background-size:683px 377px;opacity:1}.case .f_w.active .list,.case .f_w.active .text,.case .f_w.active .title{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.case .s_w{padding:177px 0 0 770px;background:url(../../static/img/s_pic.ccbeb268.png) no-repeat left top 132px;background-size:686px 377px;-webkit-transition:all 1s;transition:all 1s;opacity:0;height:449px;width:1220px;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box}.case .s_w .title{font-size:28px;font-weight:700;color:#222;line-height:52px}.case .s_w .text,.case .s_w .title{-webkit-transition:all 1s;transition:all 1s;-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}.case .s_w .text{font-size:16px;color:#505961;line-height:30px;margin:10px 0 20px 0;padding:0 10px 0 0}.case .s_w .list{-webkit-transition:all 1s;transition:all 1s;-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0;height:30px}.case .s_w .list div{float:left;height:30px;border-radius:4px;border:1px solid #1358fc;margin:0 20px 0 0;padding:0 13px;font-size:14px;color:#1358fc;line-height:28px}.case .s_w .list div:last-child{margin:0}.case .s_w.active{background:url(../../static/img/s_pic.ccbeb268.png) no-repeat left top 72px;background-size:686px 377px;opacity:1}.case .s_w.active .list,.case .s_w.active .text,.case .s_w.active .title{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.case .t_w{padding:187px 0 0 10px;margin:0 auto;height:466px;width:1220px;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(../../static/img/t_pic.6be3c62e.png) no-repeat right top 114px;background-size:608px 386px;-webkit-transition:all 1s;transition:all 1s;opacity:0}.case .t_w .title{font-size:28px;font-weight:700;color:#222;line-height:52px}.case .t_w .text,.case .t_w .title{-webkit-transition:all 1s;transition:all 1s;-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}.case .t_w .text{font-size:16px;color:#505961;margin:10px 0 20px 0;line-height:30px;width:488px}.case .t_w .list{-webkit-transition:all 1s;transition:all 1s;-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0;height:30px}.case .t_w .list div{float:left;height:30px;border-radius:4px;border:1px solid #1358fc;margin:0 20px 0 0;padding:0 13px;font-size:14px;color:#1358fc;line-height:28px}.case .t_w .list div:last-child{margin:0}.case .t_w.active{background:url(../../static/img/t_pic.6be3c62e.png) no-repeat right top 64px;background-size:608px 386px;opacity:1}.case .t_w.active .list,.case .t_w.active .text,.case .t_w.active .title{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.case .fu_w{padding:121px 0 0 770px;margin:0 auto;height:399px;width:1220px;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(../../static/img/fu_pic.2e362806.png) no-repeat left top 114px;background-size:716px 335px;-webkit-transition:all 1s;transition:all 1s;opacity:0}.case .fu_w .title{font-size:28px;font-weight:700;color:#222;line-height:52px}.case .fu_w .text,.case .fu_w .title{-webkit-transition:all 1s;transition:all 1s;-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}.case .fu_w .text{font-size:16px;color:#505961;margin:10px 0 20px 0;line-height:30px;width:440px;padding:0 10px 0 0}.case .fu_w .list{-webkit-transition:all 1s;transition:all 1s;-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0;height:30px}.case .fu_w .list div{float:left;height:30px;border-radius:4px;border:1px solid #41bf7c;margin:0 20px 0 0;padding:0 13px;font-size:14px;color:#41bf7c;line-height:28px}.case .fu_w .list div:last-child{margin:0}.case .fu_w.active{background:url(../../static/img/fu_pic.2e362806.png) no-repeat left top 64px;background-size:716px 335px;opacity:1}.case .fu_w.active .list,.case .fu_w.active .text,.case .fu_w.active .title{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.case .ff_w{padding:136px 0 0 10px;margin:0 auto;height:399px;width:1220px;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(../../static/img/ff_pic.e2fb7152.png) no-repeat right top 114px;background-size:646px 335px;-webkit-transition:all 1s;transition:all 1s;opacity:0}.case .ff_w .title{font-size:28px;font-weight:700;color:#222;line-height:52px}.case .ff_w .text,.case .ff_w .title{-webkit-transition:all 1s;transition:all 1s;-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}.case .ff_w .text{font-size:16px;color:#505961;margin:10px 0 20px 0;line-height:30px;width:520px}.case .ff_w .list{-webkit-transition:all 1s;transition:all 1s;-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0;height:30px}.case .ff_w .list div{float:left;height:30px;border-radius:4px;border:1px solid #1358fc;margin:0 20px 0 0;padding:0 13px;font-size:14px;color:#1358fc;line-height:28px}.case .ff_w .list div:last-child{margin:0}.case .ff_w.active{background:url(../../static/img/ff_pic.e2fb7152.png) no-repeat right top 64px;background-size:646px 335px;opacity:1}.case .ff_w.active .list,.case .ff_w.active .text,.case .ff_w.active .title{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.case .sx_w{padding:121px 0 0 760px;margin:0 auto;height:399px;width:1220px;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(../../static/img/sx_pic.260a8562.png) no-repeat left top 114px;background-size:636px 335px;-webkit-transition:all 1s;transition:all 1s;opacity:0}.case .sx_w .title{font-size:28px;font-weight:700;color:#222;line-height:52px}.case .sx_w .text,.case .sx_w .title{-webkit-transition:all 1s;transition:all 1s;-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}.case .sx_w .text{font-size:16px;color:#505961;margin:10px 0 20px 0;line-height:30px;width:440px}.case .sx_w .list{-webkit-transition:all 1s;transition:all 1s;-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0;height:30px}.case .sx_w .list div{float:left;height:30px;border-radius:4px;border:1px solid #1890ff;margin:0 20px 0 0;padding:0 13px;font-size:14px;color:#1890ff;line-height:28px}.case .sx_w .list div:last-child{margin:0}.case .sx_w.active{background:url(../../static/img/sx_pic.260a8562.png) no-repeat left top 64px;background-size:636px 335px;opacity:1}.case .sx_w.active .list,.case .sx_w.active .text,.case .sx_w.active .title{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.case .sn_w{padding:136px 0 0 10px;margin:0 auto;height:399px;width:1220px;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(../../static/img/sn_pic.965d16d1.png) no-repeat right top 114px;background-size:646px 335px;-webkit-transition:all 1s;transition:all 1s;opacity:0}.case .sn_w .title{font-size:28px;font-weight:700;color:#222;line-height:52px}.case .sn_w .text,.case .sn_w .title{-webkit-transition:all 1s;transition:all 1s;-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}.case .sn_w .text{font-size:16px;color:#505961;margin:10px 0 20px 0;line-height:30px;width:520px}.case .sn_w .list{-webkit-transition:all 1s;transition:all 1s;-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0;height:30px}.case .sn_w .list div{float:left;height:30px;border-radius:4px;border:1px solid #41c07d;margin:0 20px 0 0;padding:0 13px;font-size:14px;color:#41c07d;line-height:28px}.case .sn_w .list div:last-child{margin:0}.case .sn_w.active{background:url(../../static/img/sn_pic.965d16d1.png) no-repeat right top 64px;background-size:646px 335px;opacity:1}.case .sn_w.active .list,.case .sn_w.active .text,.case .sn_w.active .title{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}[data-page=case] body{background:#f7fbff url(../../static/img/banner.1f616d99.png) no-repeat top;background-size:1920px 500px}