@media screen and (max-width:38.4rem){.portfolio[data-v-19bd29a8]{width:100%;color:#fff;background:#000}.portfolio .banner[data-v-19bd29a8]{width:100%;height:18.45rem;background:url(../img/banner.df6b53f0.png);background-size:100% 18.45rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0}.portfolio .banner .left[data-v-19bd29a8]{margin-bottom:.65rem;font-size:1.2rem}.portfolio .banner .right[data-v-19bd29a8]{text-align:center;font-weight:700;display:flex;flex-direction:column;align-items:center}.portfolio .banner .right .font1[data-v-19bd29a8]{width:15rem;margin-bottom:3.2rem;font-size:.8rem}.portfolio .banner .right .font2[data-v-19bd29a8]{margin-top:1.05rem;font-size:.7rem;font-weight:400}.portfolio .banner .right .button[data-v-19bd29a8]{width:15.9rem;height:2.4rem;background:hsla(0,0%,85.1%,.2);line-height:2.4rem;text-align:center;font-size:1rem;border-radius:3rem;border:.05rem solid #fff;border-top:0;border-bottom:0}.portfolio .body[data-v-19bd29a8]{width:100%;padding:0 .75rem 0;margin-top:-1.15rem;display:flex;flex-direction:column}.portfolio .body .mar[data-v-19bd29a8]{width:100%;display:flex;justify-content:space-around;flex-wrap:wrap;cursor:default}.portfolio .body .mar .border-box[data-v-19bd29a8]{padding:.85rem .8rem;font-size:.7rem;line-height:.7rem;font-weight:500;cursor:pointer;border:.05rem solid transparent;border-radius:.5rem;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(90deg,#323232,#323232),linear-gradient(90deg,#969696,#323232,#323232,#969696);margin-bottom:.8rem}.portfolio .body .mar .border-box[data-v-19bd29a8]:hover{background-image:linear-gradient(90deg,#2a7bcc,#fdaa33),linear-gradient(90deg,#969696,#323232,#323232,#969696)}.portfolio .body .box[data-v-19bd29a8]{width:100%;display:flex;flex-wrap:wrap;margin-top:1.4rem;justify-content:space-between;margin-bottom:4.15rem}.portfolio .body .box .item[data-v-19bd29a8]{width:100%;height:14.6rem;border:.05rem solid #1b72cb;margin-bottom:3rem;border-radius:1rem}.portfolio .body .box .item .top[data-v-19bd29a8]{width:100%;height:10.577rem;border-radius:1rem}.portfolio .body .box .item .bottom[data-v-19bd29a8]{width:100%;height:3.985rem;font-size:.65rem;font-weight:400;padding:.5rem .5rem 0}.portfolio .body .box .item[data-v-19bd29a8]:last-child{margin-bottom:0}.portfolio .bottom_box[data-v-19bd29a8]{width:100%;padding:0 .75rem;display:flex;flex-direction:column;flex-wrap:wrap}.portfolio .bottom_box .item[data-v-19bd29a8]{width:100%;border:.05rem solid #1b72cb;margin-bottom:2.5rem;padding:1.6rem .2rem 2rem 1rem;border-radius:.5rem}.portfolio .bottom_box .item .top[data-v-19bd29a8]{width:2.5rem;margin-bottom:1rem}.portfolio .bottom_box .item .font1[data-v-19bd29a8]{font-size:1.2rem;font-weight:500;margin-bottom:1rem}.portfolio .bottom_box .item .font2[data-v-19bd29a8]{font-size:.8rem;font-weight:400;width:15rem}.portfolio .bottom_box .item[data-v-19bd29a8]:last-child{margin-bottom:0}}@media screen and (min-width:38.4rem){.portfolio[data-v-19bd29a8]{width:100%;background:#000;color:#fff}.portfolio .banner[data-v-19bd29a8]{width:100%;height:24rem;background:url(../img/banner.20c98ddb.png);background-size:96rem 24rem;padding:9.9rem 0 0 13.1rem;display:flex;justify-content:space-between}.portfolio .banner .left[data-v-19bd29a8]{font-size:3.2rem;font-weight:600;padding-top:.75rem}.portfolio .banner .right[data-v-19bd29a8]{width:59rem;height:12.75rem;padding:1.65rem 0 0 1.5rem}.portfolio .banner .right .font1[data-v-19bd29a8]{margin-bottom:1.5rem;font-size:1.6rem;font-weight:500}.portfolio .banner .right .flex-box[data-v-19bd29a8]{display:flex;align-items:center}.portfolio .banner .right .flex-box .font2[data-v-19bd29a8]{font-size:1rem;font-weight:400;margin-left:.9rem}.portfolio .banner .right .flex-box .button[data-v-19bd29a8]{width:12.4rem;height:2.55rem;line-height:2.55rem;text-align:center;font-size:1rem;font-weight:500;cursor:pointer;border:.1rem solid hsla(0,0%,100%,.6);border-top:0;border-bottom:0;background:hsla(0,0%,85.1%,.3);border-radius:1rem}.portfolio .banner .right .flex-box .button[data-v-19bd29a8]:hover{border:.1rem solid hsla(0,0%,100%,.6);border-top:0;border-bottom:0;background:linear-gradient(90deg,#2d7ccb,#fbaa35)}.portfolio .body[data-v-19bd29a8]{width:100%;padding:0 12.6rem 6.7rem;margin-top:-1rem}.portfolio .body .mar[data-v-19bd29a8]{width:100%;height:4.6rem;display:flex;justify-content:space-between;cursor:default;margin-top:.1rem}.portfolio .body .mar .border-box[data-v-19bd29a8]{padding:1rem 2rem;font-size:1.4rem;line-height:2.6rem;font-weight:500;cursor:pointer;border:.1rem solid transparent;border-radius:1rem;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(90deg,#323232,#323232),linear-gradient(90deg,#969696,#323232,#323232,#969696)}.portfolio .body .mar .border-box[data-v-19bd29a8]:hover{background-image:linear-gradient(90deg,#2a7bcc,#fdaa33),linear-gradient(90deg,#969696,#323232,#323232,#969696)}.portfolio .body .box[data-v-19bd29a8]{display:flex;flex-wrap:wrap;padding-top:3rem;justify-content:space-between}.portfolio .body .box .item[data-v-19bd29a8]{width:22.5rem;height:19rem;border:.05rem solid #1b72cb;margin-bottom:3rem;border-radius:1rem}.portfolio .body .box .item .top[data-v-19bd29a8]{width:100%;height:13.75rem;border-radius:1rem}.portfolio .body .box .item .bottom[data-v-19bd29a8]{width:100%;height:5.25rem;font-size:.8rem;font-weight:400;padding:.65rem 1rem 0}.portfolio .bottom_box[data-v-19bd29a8]{width:100%;padding:0 12.6rem 5rem;display:flex;flex-wrap:wrap;justify-content:space-between}.portfolio .bottom_box .item[data-v-19bd29a8]{width:22.5rem;height:14.5rem;border:.05rem solid #1b72cb;margin-bottom:2.5rem;padding:2.2rem 0 0 1rem;border-radius:1rem}.portfolio .bottom_box .item .top[data-v-19bd29a8]{width:2.5rem;margin-bottom:.7rem}.portfolio .bottom_box .item .font1[data-v-19bd29a8]{font-size:1.2rem;font-weight:500;margin-bottom:1rem}.portfolio .bottom_box .item .font2[data-v-19bd29a8]{font-size:.9rem;font-weight:400;width:20rem}}@media screen and (max-width:38.4rem){.container[data-v-78a6ba05]{width:100%;color:#fff;background:#000;padding:0 .4rem;position:relative}.container .title[data-v-78a6ba05]{width:100%;height:18.45rem;background:url(../img/banner.df6b53f0.png);background-size:100% 18.45rem;text-align:center;display:flex;flex-direction:column;align-items:center;font-weight:700;font-size:1.2rem;padding-top:4.55rem}.container .title .sub-title[data-v-78a6ba05]{width:11rem;font-size:.8rem;margin-top:.65rem}.container .form[data-v-78a6ba05]{width:100%;min-height:17.2rem;overflow:hidden;background-image:url(../img/form_bg.2207e633.png);background-repeat:no-repeat;background-size:100% 100%;padding:1.9rem .65rem 0;margin-top:-7.2rem}.container .form .btn-group[data-v-78a6ba05]{width:calc(100% - 1.3rem);position:absolute;display:flex;justify-content:space-between;padding:0 .7rem 0 0;bottom:-2.4rem}.container .form .btn-group .btn[data-v-78a6ba05]{font-size:.5rem;width:5.4rem;height:1.7rem;line-height:.7rem;border:none;padding:.5rem 2rem;color:#000;background-color:#fff;cursor:pointer;font-weight:700}.container .form .btn-group .btn[data-v-78a6ba05]:active{background-color:#b4b4b4}.container .form .btn-group .btn-primary[data-v-78a6ba05]{color:#fff;background-color:#1f78d3}.container .form .btn-group .btn-primary[data-v-78a6ba05]:active{background:#124e8a}.container .form .form-group[data-v-78a6ba05]{background-color:#d9d9d9;border-radius:.1rem;margin-bottom:1.2rem;width:100%;position:relative}.container .form .form-group input[data-v-78a6ba05]{box-sizing:border-box;background-color:#d9d9d9;border:none;width:100%;height:2rem;padding:.6rem .8rem;font-weight:700;font-size:.5rem}.container .form .form-group input[data-v-78a6ba05]:placeholder{color:#676767}.container .form .form-group .upload-container[data-v-78a6ba05]{width:100%;height:8.1rem;margin:auto;position:relative;display:inline-block;background:#272727;padding:.6rem 1.1rem}.container .form .form-group .upload-container .upload-bg[data-v-78a6ba05]{display:none}.container .form .form-group .upload-container .upload-bg-h5[data-v-78a6ba05]{box-sizing:border-box;width:100%;height:6.85rem;background-color:#4c4c4c;border:.05rem dashed #000;display:block;margin:0 auto}.container .form .form-group .upload-container .upload-input[data-v-78a6ba05]{box-sizing:border-box;width:100%!important;height:8.1rem!important;opacity:0;inset:0;position:absolute;z-index:10;margin:0 auto;cursor:pointer}.container .form .form-group4[data-v-78a6ba05]{margin-top:.4rem;background:#272727}.container .form .form-group4 .upload-length[data-v-78a6ba05]{position:absolute;right:.05rem;bottom:0;color:#fff;font-weight:400;font-size:.7rem}.container .form .label[data-v-78a6ba05]{font-size:.5rem;font-weight:400;margin-bottom:.5rem;line-height:.625rem}.container .form .form-textarea[data-v-78a6ba05]{box-sizing:border-box;background-color:#d9d9d9;border:none;resize:none;display:block;width:100%;height:4.1rem;padding:.5rem;border-radius:.1rem;margin-bottom:.8rem;font-size:.5rem}.container .form .step-process[data-v-78a6ba05]{width:100%;height:.05rem;background:linear-gradient(90deg,#fdaa33,#1f78d3);border-radius:5rem;position:relative;display:flex;align-items:center;margin:1.85rem 0 1rem}.container .form .step-process .point[data-v-78a6ba05]{width:.268rem;height:.268rem;background-color:#fff;box-shadow:inset 0 .2rem .2rem 0 rgba(253,170,51,.2509803922);border-radius:5rem;position:relative}.container .form .step-process .point .text[data-v-78a6ba05]{position:absolute;top:100%;color:#fff;font-size:.426rem;font-weight:500;text-align:left;margin-left:-.25rem}.container .form .form5[data-v-78a6ba05]{font-size:.5rem;font-weight:400}.container .form .form5 .form5title[data-v-78a6ba05]{font-size:.7rem}.container .form .form5 .form5body div[data-v-78a6ba05]{padding:.3rem .5rem;margin-top:.5rem;border-radius:.1rem;background:#272727}.container .form .form5 .form5body div span[data-v-78a6ba05]{font-weight:700}}@media screen and (min-width:38.4rem){.container[data-v-78a6ba05]{padding:4.1rem 16.65rem 6.7rem;background-color:#151515;color:#fff;overflow:hidden}.container .title[data-v-78a6ba05]{text-align:center;font-size:3.2rem;font-weight:500}.container .title .sub-title[data-v-78a6ba05]{margin:.7rem 0 3.05rem;font-size:1.6rem}.container .form[data-v-78a6ba05]{height:40.8rem;overflow:hidden;background-image:url(../img/form_bg.d7e97d2b.png);background-repeat:no-repeat;background-position:50%;background-size:cover;padding:2.5rem 4.5rem 0;border-right:.5rem}.container .form .form-group[data-v-78a6ba05]{background-color:#d9d9d9;padding:1rem;border-radius:.5rem;margin-bottom:1.65rem;position:relative}.container .form .form-group input[data-v-78a6ba05]{background-color:#d9d9d9;border:none;width:100%;height:2rem;font-weight:700;font-size:.8rem}.container .form .form-group input[data-v-78a6ba05]:placeholder{color:#676767}.container .form .form-group4[data-v-78a6ba05]{margin-top:1rem;text-align:center}.container .form .form-group4 .upload-length[data-v-78a6ba05]{position:absolute;right:1rem;bottom:.5rem;color:#000;font-weight:700}.container .form .label[data-v-78a6ba05]{font-size:.8rem;font-weight:700;margin-bottom:.5rem}.container .form .form-textarea[data-v-78a6ba05]{background-color:#d9d9d9;border:none;resize:none;display:block;width:100%;height:10rem;padding:1rem;border-radius:.5rem;margin-bottom:1rem;font-size:.8rem;margin-top:.5rem}.container .form .form5[data-v-78a6ba05]{font-size:.5rem;font-weight:400}.container .form .form5 .form5title[data-v-78a6ba05]{font-size:1rem}.container .form .form5 .form5body[data-v-78a6ba05]{font-size:.8rem;line-height:1.75rem;font-weight:700}.btn-group[data-v-78a6ba05]{display:flex;justify-content:space-between;margin-top:1.6rem;padding:0 1rem}.btn[data-v-78a6ba05]{border:none;padding:.8rem 1rem;color:#000;background-color:#fff;cursor:pointer;font-weight:700}.btn[data-v-78a6ba05]:active{background-color:#b4b4b4}.btn-primary[data-v-78a6ba05]{color:#fff;background-color:#1f78d3}.btn-primary[data-v-78a6ba05]:active{background:#124e8a}.step-process[data-v-78a6ba05]{width:100%;height:.5rem;background:linear-gradient(90deg,#fdaa33,#1f78d3);border-radius:5rem;position:relative;display:flex;align-items:center;margin-top:2.75rem}.step-process .point[data-v-78a6ba05]{width:.8rem;height:.8rem;background-color:#fff;box-shadow:inset 0 .2rem .2rem 0 rgba(253,170,51,.2509803922);border-radius:5rem;position:relative}.step-process .point .text[data-v-78a6ba05]{position:absolute;top:100%;color:#fff;font-size:.8rem;font-weight:700;text-align:center;margin-left:-.3rem}.upload-container[data-v-78a6ba05]{width:100%;height:15.9rem;margin:auto;position:relative;display:inline-block}.upload-container .upload-bg-h5[data-v-78a6ba05]{display:none}.upload-container .upload-bg[data-v-78a6ba05]{width:41.1rem;height:15.9rem;background-color:rgba(41,41,41,.5019607843);border:.05rem dashed #000;display:block;margin:0 auto}.upload-container .upload-input[data-v-78a6ba05]{width:41.1rem!important;height:15.9rem!important;opacity:0;inset:0;position:absolute;z-index:10;margin:0 auto;cursor:pointer}}@media screen and (max-width:38.4rem){.dialog[data-v-4e744a2a]{width:100%;height:18.45rem;background:#000;background:url(../img/banner.df6b53f0.png);padding-top:4.55rem;background-size:100% 18.45rem}.dialog .title[data-v-4e744a2a]{width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;color:#fff}.dialog .title .font1[data-v-4e744a2a]{font-weight:700;font-size:1.2rem}.dialog .title .font2[data-v-4e744a2a]{width:11rem;font-size:.8rem;margin-top:.65rem}.dialog .box[data-v-4e744a2a]{width:100%;margin-top:1.5rem;display:flex;justify-content:space-between;padding:0 .8rem}.dialog .box .button[data-v-4e744a2a]{padding:.5rem 1rem;line-height:.7rem;height:1.7rem;font-size:.5rem;font-weight:500;background:#1f78d3;color:#fff;border-radius:.2rem}.dialog .box .left[data-v-4e744a2a]{background:#fff;color:#000}}@media screen and (min-width:38.4rem){.dialog[data-v-4e744a2a]{width:100%;height:54.85rem;background:url(../img/dialog.a2cd375f.png) 100% 100%;display:flex;flex-direction:column;align-items:center;color:#fff}.dialog .font1[data-v-4e744a2a]{margin-top:4.1rem;font-size:3.2rem;font-weight:500}.dialog .font2[data-v-4e744a2a]{width:40.25rem;text-align:center;margin-top:8.8rem;font-size:1.6rem;font-weight:500}.dialog .box[data-v-4e744a2a]{width:25.6rem;margin-top:4.1rem;display:flex;justify-content:space-between}.dialog .box .button[data-v-4e744a2a]{padding:.5rem 1rem;line-height:.7rem;height:1.7rem;font-size:.7rem;font-weight:500;background:#1f78d3}.dialog .box .left[data-v-4e744a2a]{background:#fff;color:#000}}