.wrapper1{background-color:#001d31;background-position:50%;background-size:cover}.wrapper1 .container{justify-content:center;align-items:center;padding:200px 20px;display:flex}.wrapper1 .container .b{text-align:center}.wrapper1 .container .b .p1{color:#f9f9f9;letter-spacing:2px;font-size:42px;font-weight:600;line-height:59px}.wrapper1 .container .b .p2{color:#0000;margin-top:20px;font-size:20px;font-weight:600;line-height:28px}.wrapper2 .container{padding:60px 20px}.wrapper2 .container .b{justify-content:space-between;display:flex}.wrapper2 .container .b .l .l-b{background:#fff;width:320px}.wrapper2 .container .b .l .l-b .l-item{cursor:pointer;transition:background and border .5s cubic-bezier(.19, 1, .22, 1);background:#fff;border:1px solid #f1f1f1;border-radius:2px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px 20px 20px 45px;display:flex}.wrapper2 .container .b .l .l-b .l-item .cover{object-fit:contain;width:70px;height:70px}.wrapper2 .container .b .l .l-b .l-item .name{color:#001d31;width:120px;font-size:16px;font-weight:500;line-height:22px;transition:color .5s cubic-bezier(.19,1,.22,1)}.wrapper2 .container .b .l .l-b .l-item .white{visibility:hidden;width:15px;transition:visibility .5s cubic-bezier(.19,1,.22,1)}.wrapper2 .container .b .l .l-b .l-item:hover{background:linear-gradient(135deg,#3f9eff 0%,#1f59ac 100%);border:1px solid #0062ea}.wrapper2 .container .b .l .l-b .l-item:hover .name{color:#fff}.wrapper2 .container .b .l .l-b .l-item:hover .white{visibility:visible}.wrapper2 .container .b .r{width:calc(100% - 360px)}.wrapper2 .container .b .r .c1 .c1-b{background:#fff;border-radius:4px;justify-content:space-between;align-items:center;margin-top:40px;padding:40px 60px 40px 50px;display:flex;box-shadow:0 1px 6px #0000001a}.wrapper2 .container .b .r .c1 .c1-b .c1-i{object-fit:contain;border:1px solid #f1f1f1;border-radius:4px;width:270px;height:166px}.wrapper2 .container .b .r .c1 .c1-b .c1-c{width:calc(100% - 310px)}.wrapper2 .container .b .r .c1 .c1-b .c1-c .c1-p1{color:#0f1920;font-size:20px;font-weight:500;line-height:28px;position:relative}.wrapper2 .container .b .r .c1 .c1-b .c1-c .c1-p1:before{content:" ";background:linear-gradient(135deg,#3f9eff 0%,#1f59ac 100%);width:130px;height:5px;position:absolute;bottom:-10px}.wrapper2 .container .b .r .c1 .c1-b .c1-c .c1-p2{color:#0f1920;margin-top:36px;font-size:14px;font-weight:400;line-height:26px}.wrapper2 .container .b .r .c2{grid-column-gap:40px;grid-row-gap:40px;grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr;margin-top:40px;display:grid}.wrapper2 .container .b .r .c2 .c2-item{background:#fff;border-radius:4px;flex-direction:column;justify-content:flex-start;align-items:center;padding:25px 30px;display:flex;box-shadow:0 1px 4px #0000001a}.wrapper2 .container .b .r .c2 .c2-item .c2-i{object-fit:contain;width:55px;height:47px}.wrapper2 .container .b .r .c2 .c2-item .c2-p1{color:#001d31;margin-top:12px;font-size:16px;font-weight:500;line-height:22px}.wrapper2 .container .b .r .c2 .c2-item .c2-p2{color:#001d31;margin-top:10px;font-size:12px;font-weight:400;line-height:17px}.wrapper2 .container .b .r .c3{background:#f5f9ff;margin-top:40px;padding:60px 40px 40px}.wrapper2 .container .b .r .c3 .c3-b .c3-i{width:100%;margin-top:40px}.wrapper2 .container .b .r .c4{padding:40px 0}.wrapper2 .container .b .r .c4 .c4-b{grid-column-gap:40px;grid-row-gap:40px;grid-template-rows:auto;margin-top:40px;display:grid}.wrapper2 .container .b .r .c4 .c4-b .c4-item{flex-direction:column;justify-content:center;align-items:center;display:flex}.wrapper2 .container .b .r .c4 .c4-b .c4-item .c4-i{width:100%}.wrapper2 .container .b .r .c4 .c4-b .c4-item .c4-p{color:#001e41;margin-top:20px;font-size:16px;font-weight:400;line-height:22px}@media screen and (width<=1440px){.wrapper2 .container .b{flex-wrap:wrap}.wrapper2 .container .b .l{width:100%}.wrapper2 .container .b .l .l-b{align-items:stretch;width:100%;display:flex;position:relative;overflow-x:scroll}.wrapper2 .container .b .l .l-b .l-item{margin:0 10px;padding:20px}.wrapper2 .container .b .l .l-b .l-item>img{margin-right:10px}.wrapper2 .container .b .r{width:100%;margin-top:40px}}@media screen and (width<=1366px){.wrapper1 .container .b{font-size:38px;line-height:56px}}@media screen and (width<=1100px){.wrapper1 .container{padding:180px 20px}.wrapper1 .container .b{font-size:36px;line-height:54px}}@media screen and (width<=980px){.wrapper1 .container{padding:150px 20px}.wrapper1 .container .b{font-size:34px;line-height:52px}.wrapper2 .container{padding:30px 20px}.wrapper2 .container .b .r .c1 .c1-b{margin-top:20px;padding:20px}.wrapper2 .container .b .r .c2{grid-column-gap:20px;grid-row-gap:20px;margin-top:20px}.wrapper2 .container .b .r .c2 .c2-item{padding:20px}.wrapper2 .container .b .r .c3{margin-top:20px;padding:20px}.wrapper2 .container .b .r .c3 .c3-b .c3-i{margin-top:20px}.wrapper2 .container .b .r .c4{padding:20px 0}.wrapper2 .container .b .r .c4 .c4-b{grid-column-gap:20px;grid-row-gap:20px;margin-top:20px}.wrapper2 .container .b .r .c4 .c4-b .c4-item .c4-p{margin-top:10px}}@media screen and (width<=640px){.wrapper1 .container{padding:120px 20px}.wrapper1 .container .b{font-size:30px;line-height:50px}.wrapper2 .container .b .l .l-b .l-item{flex-direction:column;justify-content:center;align-items:center}.wrapper2 .container .b .l .l-b .l-item .cover{margin-right:0}.wrapper2 .container .b .l .l-b .l-item .name{text-align:center}.wrapper2 .container .b .l .l-b .l-item .white{display:none}.wrapper2 .container .b .r .c1 .c1-b{flex-wrap:wrap;margin-top:20px;padding:20px}.wrapper2 .container .b .r .c1 .c1-b .c1-i{width:100%}.wrapper2 .container .b .r .c1 .c1-b .c1-c{width:100%;margin-top:20px}.wrapper2 .container .b .r .c2{grid-template-columns:1fr}.wrapper2 .container .b .r .c4 .c4-b{grid-template-columns:1fr 1fr!important}}@media screen and (width<=480px){.wrapper1 .container{padding:100px 20px}.wrapper1 .container .b{font-size:30px;line-height:50px}}
