#body .banner[data-v-c8ede980]{background:url(../../static/img/bg_07.21cda434.jpg) no-repeat;width:100%;background-size:100% 100%;height:580px;overflow:hidden}#body .banner>div[data-v-c8ede980]{width:1200px;margin:0 auto;color:#fff;letter-spacing:.1em}#body .banner .title-t[data-v-c8ede980]{margin:221px auto 40px;font-size:44px}#body .banner .title-b[data-v-c8ede980]{line-height:38px}#body .container[data-v-c8ede980]{background:url(../../static/img/case-container-bg.ef48374c.png) no-repeat;width:100%;background-size:100% 100%;height:1134px;overflow:hidden}#body .container .title[data-v-c8ede980]{margin-top:77px;text-align:center}#body .container .title .title-top[data-v-c8ede980]{font-size:36px;color:#1a1e25;margin-bottom:10px}#body .container .title .title-bottom[data-v-c8ede980]{color:#999}#body .container .project_body[data-v-c8ede980]{width:1425px;margin:0 auto;margin:40px auto 100px;height:auto;display:flex;align-items:flex-start}#body .container .project_body .body_left[data-v-c8ede980]{flex-shrink:0;width:180px;height:724px;border-right:2px solid #e2f1ff}#body .container .project_body .body_left .list .item[data-v-c8ede980]{transition:all .3s;box-sizing:border-box;padding-left:80px;height:66px;border-right:2px solid transparent;color:#999;position:relative;cursor:pointer;line-height:66px}#body .container .project_body .body_left .list .item[data-v-c8ede980]:hover{background:linear-gradient(90deg,hsla(0,0%,100%,.1882352941),#fff);color:#1a61ff;border-color:#1a61ff}#body .container .project_body .body_left .list .item[data-v-c8ede980]:hover:before{background:linear-gradient(144deg,#4469f5,#cdd7fc)}#body .container .project_body .body_left .list .item[data-v-c8ede980]:before{content:"";position:absolute;top:50%;left:40px;transform:translateY(-50%);width:8px;height:8px;background:linear-gradient(144deg,#d5deff,#f5f7ff);border-radius:50%}#body .container .project_body .body_left .list .active[data-v-c8ede980]{background:linear-gradient(90deg,hsla(0,0%,100%,.1882352941),#fff);color:#1a61ff;border-color:#1a61ff}#body .container .project_body .body_left .list .active[data-v-c8ede980]:before{background:linear-gradient(144deg,#4469f5,#cdd7fc)}#body .container .project_body .body_right[data-v-c8ede980]{width:1220px}#body .container .project_body .body_right>div[data-v-c8ede980]{height:745px}#body .container .project_body .body_right>div .box[data-v-c8ede980]{cursor:pointer;width:600px;height:352px;margin-bottom:20px;position:relative;z-index:1;overflow:hidden}#body .container .project_body .body_right>div .box:hover .bg-img[data-v-c8ede980]{transform:scale(1.2)}#body .container .project_body .body_right>div .box .bg-img[data-v-c8ede980]{transition:all .5s;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:-2}#body .container .project_body .body_right>div .box .mask[data-v-c8ede980]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}#body .container .project_body .body_right>div .box .text[data-v-c8ede980]{padding:60px;color:#fff;box-sizing:border-box;letter-spacing:.1em}#body .container .project_body .body_right>div .box .text .name[data-v-c8ede980]{font-size:20px}#body .container .project_body .body_right>div .box .text .sn[data-v-c8ede980]{width:300px;height:73px;margin-top:34px;margin-bottom:45px;line-height:25px}#body .container .project_body .body_right>div .box .text .system[data-v-c8ede980]{margin-bottom:20px}#body .container .project_body .body_right>div .box .text .system span[data-v-c8ede980]{display:inline-block;padding:3px 10px;margin-right:10px;border:1px solid #e6e6e6}#body .container .project_body .body_right>div .box .text .btn img[data-v-c8ede980]{margin-left:20px}#body .container .project_body .pagination[data-v-c8ede980]{text-align:center}#body .container .project_body .pagination[data-v-c8ede980] li:not(.disabled).active{background-color:#153a8b}#body .container .project_body .pagination[data-v-c8ede980] button{background-color:#fff}#body .container .project_body .pagination[data-v-c8ede980] .number{transition:all .3s;background-color:#fff}#body .container .project_body .pagination[data-v-c8ede980] .number:hover{color:#fff;background-color:#153a8b}