*{-webkit-box-sizing:border-box;box-sizing:border-box}body{max-width:1920px;margin:auto}h3{color:#0f2f81;font-weight:bold;font-size:.4rem;margin:0 auto;text-align:center}.m{display:none}.btn{cursor:pointer}.box-center{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}.banner{background:url("../img/pc/banner.jpg") no-repeat center/cover;width:100%;height:7.2rem}.banner h2{color:rgba(0,0,0,0);text-align:center;font-size:.8rem;margin:0 auto}.explain{background:url("../img/pc/bg-1.jpg") no-repeat center/cover;width:100%;height:5.72rem;padding-top:0.38rem}.explain .description{color:#696868;text-align:center;font-size:.2rem;margin:0.1rem auto 0.26rem}.explain .content{background:url("../img/pc/explain-bg.png") no-repeat center/cover;width:8.4rem;height:3.93rem;margin:0 0 0 4.79rem;padding-top:0.26rem}.explain .content .description{width:5rem;margin:0.18rem 0 0 2.3rem;text-align:left}.explain .content .tip{color:#1278ff;font-weight:bold;font-size:.2rem;margin:0.52rem 0 0 2.56rem}.explain .cards{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:3.76rem;margin-left:2.94rem}.explain .cards .card-1 .img{background:url("../img/pc/explain-img-1.png") no-repeat center/cover;width:1.48rem;height:1.25rem}.explain .cards .card-2 .img{background:url("../img/pc/explain-img-2.png") no-repeat center/cover;width:1.48rem;height:1.32rem}.explain .cards span{color:#0f2f81;font-weight:bold;text-align:center;font-size:.2rem;display:block;margin-top:0.15rem}.steps{background:url("../img/pc/bg-2.jpg") no-repeat center/cover;width:100%;height:10.47rem;padding-top:0.8rem}.steps h4{color:#fff;font-weight:bold;text-align:center;font-size:.4rem;margin:0 auto 0.4rem}.steps .labels{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:6.8rem;color:#fff;text-align:center;font-size:.32rem;position:relative;margin:0 auto 0.52rem}.steps .labels .label{cursor:pointer}.steps .labels .label .dot{background:#fff no-repeat center/cover;width:.26rem;height:.26rem;position:relative;margin:0.2rem auto 0;border-radius:100%;z-index:1}.steps .labels .label.active{color:#00ebff}.steps .labels .label.active .dot{background:#00ebff}.steps .labels .line{width:2.6rem;height:.02rem;position:absolute;background:#fff;top:0.75rem;left:0.6rem}.steps .labels .line:nth-child(4){left:3.3rem}.steps .content{width:15rem;position:relative;margin:0 auto}.steps .content .swiper-button-prev{top:2.5rem;right:-5rem;z-index:15}.steps .content .swiper-button-prev::after{background:url(../img/pc/btn-prev.svg) no-repeat center/cover;width:.46rem;height:.86rem;content:"";background-size:contain}.steps .content .swiper-button-next{top:2.5rem;z-index:15}.steps .content .swiper-button-next::after{background:url(../img/pc/btn-next.svg) no-repeat center/cover;width:.46rem;height:.86rem;content:"";background-size:contain}.steps .swiper-container{width:12rem;position:relative;margin:0 auto;overflow:hidden}.steps .step{color:#fff;text-align:center;font-size:.24rem}.steps .step-1-1 .img{background:url("../img/pc/steps/step1-1.png") no-repeat center/cover;width:3.01rem;height:5.3rem;margin:0 auto 0.4rem}.steps .step-1-2 .img{background:url("../img/pc/steps/step1-2.png") no-repeat center/cover;width:3.01rem;height:5.3rem;margin:0 auto 0.4rem}.steps .step-1-3 .img{background:url("../img/pc/steps/step1-3.png") no-repeat center/cover;width:3.01rem;height:5.3rem;margin:0 auto 0.4rem}.steps .step-2-1 .img{background:url("../img/pc/steps/step2-1.png") no-repeat center/cover;width:3.01rem;height:5.3rem;margin:0 auto 0.4rem}.steps .step-2-2 .img{background:url("../img/pc/steps/step2-2.png") no-repeat center/cover;width:3.01rem;height:5.3rem;margin:0 auto 0.4rem}.steps .step-2-3 .img{background:url("../img/pc/steps/step2-3.png") no-repeat center/cover;width:3.01rem;height:5.3rem;margin:0 auto 0.4rem}.steps .step-3-1 .img{background:url("../img/pc/steps/step3-1.png") no-repeat center/cover;width:3.01rem;height:5.3rem;margin:0 auto 0.4rem}.steps .step-3-2 .img{background:url("../img/pc/steps/step3-2.png") no-repeat center/cover;width:3.01rem;height:5.3rem;margin:0 auto 0.4rem}.steps .step-3-3 .img{background:url("../img/pc/steps/step3-3.png") no-repeat center/cover;width:3.01rem;height:5.3rem;margin:0 auto 0.4rem}.steps .step-2-1 .img{width:3.35rem;height:5.3rem}.steps .step-3-1 .img{width:3.17rem;height:5.3rem}.articles{padding:0.6rem 0 0.06rem}.articles h4{color:#0f2f81;font-weight:bold;text-align:center;font-size:.4rem;margin:0 auto}.articles .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;width:13.29rem;margin:0.73rem auto 0}.articles .content .article{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:4.13rem;height:.93rem;color:#9c9c9c;text-align:center;font-size:.18rem;margin:0 0.15rem 0.4rem;padding:0 0.15rem 0 0.22rem;border-radius:0.13rem;-webkit-box-shadow:0 2px 10px 0 rgba(134,165,255,0.5);box-shadow:0 2px 10px 0 rgba(134,165,255,0.5);text-decoration:none}.articles .content .article .name{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;color:#0f2f81;font-weight:bold;text-align:center;font-size:.24rem}.articles .content .article-1 .name span{background:url("../img/pc/note-icon-1.png") no-repeat center/cover;width:.63rem;height:.65rem;display:block;margin-right:0.25rem}.articles .content .article-2 .name span{background:url("../img/pc/note-icon-2.png") no-repeat center/cover;width:.63rem;height:.65rem;display:block;margin-right:0.25rem}.articles .content .article-3 .name span{background:url("../img/pc/note-icon-3.png") no-repeat center/cover;width:.63rem;height:.65rem;display:block;margin-right:0.25rem}.articles .content .article-4 .name span{background:url("../img/pc/note-icon-4.png") no-repeat center/cover;width:.63rem;height:.65rem;display:block;margin-right:0.25rem}.articles .content .article-5 .name span{background:url("../img/pc/note-icon-5.png") no-repeat center/cover;width:.63rem;height:.65rem;display:block;margin-right:0.25rem}.articles .content .article-6 .name span{background:url("../img/pc/note-icon-6.png") no-repeat center/cover;width:.63rem;height:.65rem;display:block;margin-right:0.25rem}@media screen and (max-width: 750px){.m{display:block}.pc{display:none !important}h3{color:#0f2f81;font-weight:bold;text-align:center;font-size:.5rem}.banner{background:url("../img/m/banner.jpg") no-repeat center/cover;width:100%;height:6.5rem}.explain{background:rgba(0,0,0,0) no-repeat center/cover;width:100%;height:9.94rem;position:relative;padding-top:0.5rem}.explain h3{margin:0.2rem auto 0.4rem}.explain .description{width:6.37rem;color:#696868;font-size:.32rem;text-align:left}.explain .content{background:url("../img/m/explain-bg.png") no-repeat center/cover;width:6.7rem;height:4.49rem;margin:0 auto 0.5rem;padding-top:0.4rem}.explain .content .cards{margin:0 auto}.explain .content .description{width:5.9rem;margin:0.2rem auto 0}.explain .float{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;width:100%;color:#1278ff;font-weight:bold;font-size:.34rem;position:absolute;bottom:0}.explain .float .bx{background:url("../img/m/bx.png") no-repeat center/cover;width:1.82rem;height:2rem;margin-left:0.16rem}.steps{background:url("../img/m/bg-1.jpg") no-repeat center/cover;width:100%;height:12.5rem;overflow:hidden}.steps .swiper-container{width:7rem;overflow:unset}.steps .swiper-button-prev{top:4rem;z-index:15}.steps .swiper-button-prev::after{background:url(../img/pc/btn-prev.svg) no-repeat center/cover;width:.4rem;height:.8rem;background-size:contain;content:""}.steps .swiper-button-next{top:4rem;z-index:15}.steps .swiper-button-next::after{background:url(../img/pc/btn-next.svg) no-repeat center/cover;width:.4rem;height:.8rem;background-size:contain;content:""}.steps .swiper-horizontal>.swiper-pagination-bullets,.steps .swiper-pagination-bullets.swiper-pagination-horizontal,.steps .swiper-pagination-custom,.steps .swiper-pagination-fraction{bottom:-0.8rem}.steps .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.steps .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 0.15rem}.steps .swiper-pagination .swiper-pagination-bullet{width:.25rem;height:.25rem;background:transparent;border:1px solid #fff}.steps .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff}.steps .step-1-1 .img{background:url("../img/m/steps/step1-1.png") no-repeat center/cover;width:4.23rem;height:7.45rem;margin:0.45rem auto 0}.steps .step-1-2 .img{background:url("../img/m/steps/step1-2.png") no-repeat center/cover;width:4.23rem;height:7.45rem;margin:0.45rem auto 0}.steps .step-1-3 .img{background:url("../img/m/steps/step1-3.png") no-repeat center/cover;width:4.23rem;height:7.45rem;margin:0.45rem auto 0}.steps .step-2-1 .img{background:url("../img/m/steps/step2-1.png") no-repeat center/cover;width:4.23rem;height:7.45rem;margin:0.45rem auto 0}.steps .step-2-2 .img{background:url("../img/m/steps/step2-2.png") no-repeat center/cover;width:4.23rem;height:7.45rem;margin:0.45rem auto 0}.steps .step-2-3 .img{background:url("../img/m/steps/step2-3.png") no-repeat center/cover;width:4.23rem;height:7.45rem;margin:0.45rem auto 0}.steps .step-3-1 .img{background:url("../img/m/steps/step3-1.png") no-repeat center/cover;width:4.23rem;height:7.45rem;margin:0.45rem auto 0}.steps .step-3-2 .img{background:url("../img/m/steps/step3-2.png") no-repeat center/cover;width:4.23rem;height:7.45rem;margin:0.45rem auto 0}.steps .step-3-3 .img{background:url("../img/m/steps/step3-3.png") no-repeat center/cover;width:4.23rem;height:7.45rem;margin:0.45rem auto 0}.steps .step-2-1 .img{width:4.7rem;height:7.45rem}.steps .step-3-1 .img{width:4.42rem;height:7.45rem}.articles h4{color:#0f2f81;font-weight:bold;font-size:.5rem}.articles .content{width:6.5rem;margin-top:0.5rem}.articles .content .article{width:6.5rem;height:1.47rem;color:#9c9c9c;font-size:.32rem;margin-bottom:0.3rem;padding:0 0.22rem 0 0.34rem}.articles .content .article .name{color:#0f2f81;font-weight:bold;font-size:.32rem}.articles .content .article-1 .name span{background:url("../img/m/note-icon-1.png") no-repeat center/cover;width:1.05rem;height:1.05rem}.articles .content .article-2 .name span{background:url("../img/m/note-icon-2.png") no-repeat center/cover;width:1.05rem;height:1.05rem}.articles .content .article-3 .name span{background:url("../img/m/note-icon-3.png") no-repeat center/cover;width:1.05rem;height:1.05rem}.articles .content .article-4 .name span{background:url("../img/m/note-icon-4.png") no-repeat center/cover;width:1.05rem;height:1.05rem}.articles .content .article-5 .name span{background:url("../img/m/note-icon-5.png") no-repeat center/cover;width:1.05rem;height:1.05rem}.articles .content .article-6 .name span{background:url("../img/m/note-icon-6.png") no-repeat center/cover;width:1.05rem;height:1.05rem}}