.wrapper1{background-size:cover;background-position:center}.wrapper1 .container .banner{padding:180px 20px 120px}.wrapper1 .container .banner .p1{text-align:center;font-size:42px;font-weight:600;color:#fff;line-height:60px;letter-spacing:2px;text-shadow:0px 2px 4px rgba(0,0,0,.5)}.wrapper1 .container .banner .p2{text-align:center;font-size:30px;font-weight:600;color:#fff;line-height:42px;letter-spacing:1px;text-shadow:0px 2px 4px rgba(0,0,0,.5)}.wrapper2 .container .box{padding:60px 20px}.wrapper2 .container .box .function{margin-top:40px;display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-column-gap:40px;grid-row-gap:40px}.wrapper2 .container .box .function .func-item{width:100%;box-shadow:0 1px 8px #042f831a;border-radius:8px;display:grid;grid-template-columns:560fr 840fr;grid-template-rows:1fr;grid-column-gap:0;grid-row-gap:0;overflow:hidden}.wrapper2 .container .box .function .func-item .func-left{width:100%;padding:5px;display:flex;align-items:center;justify-content:center;position:relative}.wrapper2 .container .box .function .func-item .func-left .img_cover,.wrapper2 .container .box .function .func-item .func-left video{width:100%;height:100%;aspect-ratio:512/288;object-fit:cover}.wrapper2 .container .box .function .func-item .func-left .img_play{position:absolute;width:60px;height:60px;top:calc((100% - 60px)/2);left:calc((100% - 60px)/2);cursor:pointer}.wrapper2 .container .box .function .func-item .func-right{padding:40px 40px 32px}.wrapper2 .container .box .function .func-item .func-right .func-p1{font-size:20px;font-weight:500;color:#001d31;line-height:28px;position:relative}.wrapper2 .container .box .function .func-item .func-right .func-p1:before{content:" ";position:absolute;bottom:-10px;left:0;width:123px;height:4px;background:linear-gradient(159deg,#00dcb2 0%,#0062ea 100%)}.wrapper2 .container .box .function .func-item .func-right .func-p2{font-size:16px;font-weight:400;color:#686d74;line-height:32px;text-shadow:0px 1px 8px rgba(4,47,131,.1);margin-top:44px}.wrapper2 .container .box .function .func-item:hover{transition:.4s cubic-bezier(.075,.82,.165,1);scale:1.01}@media screen and (max-width: 1000px){.wrapper1 .container .banner{padding:120px 20px 60px}.wrapper1 .container .banner .p1{font-size:36px;line-height:60px}.wrapper1 .container .banner .p2{font-size:24px;line-height:42px}.wrapper2 .container .box{padding:20px}.wrapper2 .container .box .function{grid-row-gap:20px;grid-column-gap:20px;margin-top:20px}.wrapper2 .container .box .function .func-item .func-right{padding:20px}.wrapper2 .container .box .function .func-item .func-right .func-p2{margin-top:22px}}@media screen and (max-width: 800px){.wrapper2 .container .box .function .func-item{grid-template-columns:1fr}}@media screen and (max-width: 600px){.wrapper1 .container .banner .p1{font-size:32px;line-height:60px}.wrapper1 .container .banner .p2{font-size:20px;line-height:42px}.wrapper2 .container .box .function .func-item .func-right .func-p2{font-size:14px;line-height:24px}}@media screen and (max-width: 420px){.wrapper1 .container .banner{padding:80px 20px 20px}.wrapper1 .container .banner .p1{font-size:28px;line-height:60px}.wrapper1 .container .banner .p2{font-size:16px;line-height:24px}}
