.pro-body[data-v-7fc5c719]{height:calc(100vh - 100px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.monitor-list[data-v-7fc5c719]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;padding-bottom:20px;height:calc(52% + 20px)}.monitor-list .btn[data-v-7fc5c719]{width:60px;height:80px;cursor:pointer;background-color:rgba(19,19,21,.12);position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1}.monitor-list .btn[data-v-7fc5c719]:hover{background-color:rgba(19,19,21,.2);color:#fff}.monitor-list .btn i[data-v-7fc5c719]{font-size:50px;color:hsla(0,0%,100%,.64)}.monitor-list .btn.btn-lt[data-v-7fc5c719]{left:0}.monitor-list .btn.btn-rt[data-v-7fc5c719]{right:0}.monitor-list .list-box[data-v-7fc5c719]{width:100vw;overflow:hidden}.monitor-list .list-box .list[data-v-7fc5c719]{width:100vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transform:all 2s;transform:all 2s;height:100%;position:relative;left:0;-webkit-transition:left 1s;transition:left 1s}.monitor-list .list-box .list .list-item[data-v-7fc5c719]{width:20%;min-width:300px;text-align:center;cursor:pointer;-ms-flex-negative:0;flex-shrink:0;position:relative;overflow:hidden;padding:15px 0 25px 0;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:Lato,Raleway,Arial,Helvetica,sans-serif}.monitor-list .list-box .list .list-item[data-v-7fc5c719]:before{content:"";position:absolute;-webkit-transition:all .3s;transition:all .3s;width:100%;height:6px;bottom:0;left:0;background:transparent}.monitor-list .list-box .list .list-item .img[data-v-7fc5c719]{position:relative;width:100%;-webkit-transition:all .3s;transition:all .3s;-webkit-box-flex:1;-ms-flex:1;flex:1;margin:auto}.monitor-list .list-box .list .list-item .img .pro-img[data-v-7fc5c719]{width:90%;height:100%;z-index:2;position:relative;-o-object-fit:contain;object-fit:contain}.monitor-list .list-box .list .list-item .img .img-bj[data-v-7fc5c719]{position:absolute;bottom:0;width:120px;height:50px;left:50%;opacity:.8;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1;display:none}.monitor-list .list-box .list .list-item[data-v-7fc5c719]:nth-child(odd){background-color:#fff}.monitor-list .list-box .list .list-item[data-v-7fc5c719]:nth-child(2n){background-color:#f3f5f6}.monitor-list .list-box .list .list-item h3[data-v-7fc5c719],.monitor-list .list-box .list .list-item p[data-v-7fc5c719]{padding:0 10px}.monitor-list .list-box .list .list-item h3[data-v-7fc5c719]{font-size:26px;font-weight:600;color:#123147;line-height:1.15;height:70px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-transform:uppercase;letter-spacing:.4px;font-family:Jost,Century Gothic,Arial,Helvetica,sans-serif}.monitor-list .list-box .list .list-item p[data-v-7fc5c719]{font-size:15px;line-height:1.3;color:#77787c;height:44px;display:none}.monitor-list .list-box .list .list-item .button[data-v-7fc5c719]{background-color:transparent;color:#123147;padding:8px 20px;font-size:15px;border-radius:5px;-webkit-box-shadow:none;box-shadow:none;border:1.6px solid #ffa400;margin-top:12px;-webkit-transition:all .3s;transition:all .3s;cursor:pointer;text-transform:uppercase;letter-spacing:.4px;font-family:Jost,Century Gothic,Arial,Helvetica,sans-serif;display:inline-block}.monitor-list .list-box .list .list-item .button[data-v-7fc5c719]:hover{background-color:#ffa400;border-color:#ffa400;color:#fff}.monitor-list .list-box .list .list-item.active[data-v-7fc5c719]:before,.monitor-list .list-box .list .list-item[data-v-7fc5c719]:hover:before{background:#ffa400}.monitor-list .list-box .list .list-item.active .button[data-v-7fc5c719],.monitor-list .list-box .list .list-item:hover .button[data-v-7fc5c719]{background-color:#ffa400;border-color:#ffa400;color:#fff}.monitor-list .list-box .list .list-item.active .img[data-v-7fc5c719],.monitor-list .list-box .list .list-item:hover .img[data-v-7fc5c719]{-webkit-transform:translateY(-15px);transform:translateY(-15px)}[data-v-7fc5c719] .ant-btn>span{font-family:Lato,Raleway,Arial,Helvetica,sans-serif}.pro-content-box[data-v-7fc5c719]{width:100%;height:48%;padding-bottom:20px;position:relative}.pro-content-box[data-v-7fc5c719]:before{display:inline-block;position:absolute;width:110%;height:1px;left:-5%;background-color:#ffa400;-webkit-transform:rotate(350deg);transform:rotate(350deg);content:"";top:50%}.pro-content[data-v-7fc5c719]{width:1260px;margin:auto;height:100%}.pro-content .img-list[data-v-7fc5c719]{width:100%;height:calc(100% - 85px);height:calc(100% - 60px)}.pro-content .img-list .no-data[data-v-7fc5c719]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:30px;background:hsla(0,0%,90.6%,.2);font-weight:700;color:hsla(0,0%,39.6%,.3);height:calc(100% - 10px)}.pro-content .img-list .list-box[data-v-7fc5c719]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-11px;height:100%}.pro-content .img-list .item[data-v-7fc5c719]{width:33.333%;height:calc(100% - 6px)}.pro-content .img-list .item .box[data-v-7fc5c719]{position:relative;height:100%;padding:11px;padding-bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box}.pro-content .img-list .item .box img[data-v-7fc5c719]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-fit:contain;object-fit:contain;background-color:#f6f6f6}.pro-content .img-list .item .box p[data-v-7fc5c719]{position:absolute;bottom:11px;background:rgba(1,1,3,.43);color:#fff;width:calc(100% - 22px);left:11px;padding:10px;font-size:20px;text-align:center}.pro-content .title[data-v-7fc5c719]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px;height:45px}.pro-content .title .name[data-v-7fc5c719]{font-size:32px;font-weight:600;position:relative;color:#123147;padding-bottom:12px;text-transform:uppercase;letter-spacing:.5px;font-family:Jost,Century Gothic,Arial,Helvetica,sans-serif}.pro-content .title .name[data-v-7fc5c719]:before{content:"";width:64px;background-color:#ffa400;height:4px;position:absolute;left:0;bottom:0}.pro-content .title label[data-v-7fc5c719]{font-size:32px;font-weight:600;color:#78797b;margin-left:10px;-webkit-transform:translateY(6px);transform:translateY(6px);display:inline-block;text-transform:uppercase;letter-spacing:.5px;font-family:Jost,Century Gothic,Arial,Helvetica,sans-serif}.pro-content .title .more[data-v-7fc5c719]{font-size:18px;font-weight:700;color:#123147;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:self-end;-ms-flex-align:self-end;align-items:self-end;cursor:pointer;text-transform:uppercase;letter-spacing:.4px;font-family:Lato,Raleway,Arial,Helvetica,sans-serif}.pro-content .title .more[data-v-7fc5c719]:hover{color:#ffa400}.pro-content .title .more i[data-v-7fc5c719]{font-weight:400;margin-left:10px;line-height:.8;font-size:23px}@media screen and (max-width:1500px){.monitor-list .list-box .list .list-item[data-v-7fc5c719]{width:25%}.pro-content[data-v-7fc5c719]{width:1240px}}@media screen and (max-width:1300px){.monitor-list .list-box .list .list-item[data-v-7fc5c719]{width:33.333%}.pro-content[data-v-7fc5c719]{width:100%}}@media screen and (max-width:900px){.monitor-list .list-box .list .list-item[data-v-7fc5c719]{width:50%}.pro-content[data-v-7fc5c719]{width:100%}}@media screen and (max-width:600px){.monitor-list .list-box .list .list-item[data-v-7fc5c719],.pro-content[data-v-7fc5c719]{width:100%}}