@font-face{font-family:PingFang-SC-Heavy;src:url("/font/PingFang Heavy.ttf");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:PingFang-SC-Medium;src:url("/font/PingFang Medium.ttf");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:PingFang-SC-Bold;src:url("/font/PingFang Bold_0.ttf");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:AlibabaPuHuiTi_2_55_Regular;src:url("/font/Alibaba_PuHuiTi_2.0_55_Regular_55_Regular.ttf");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:AlibabaPuHuiTi_2_65_Medium;src:url("/font/Alibaba_PuHuiTi_2.0_65_Medium_65_Medium.ttf");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:AlibabaPuHuiTi_2_85_Bold;src:url("/font/Alibaba_PuHuiTi_2.0_85_Regular_85_Bold.ttf");font-weight:normal;font-style:normal;font-display:swap}.container{background:rgba(0,49,82,0.03);overflow-x:hidden}.container .introduce,.container .solution,.container .value,.container .choose,.container .news{padding:98px 0 50px}.container .introduce .title,.container .solution .title,.container .value .title,.container .choose .title,.container .news .title{margin-bottom:50px;text-align:center}.container .introduce .title h2,.container .solution .title h2,.container .value .title h2,.container .choose .title h2,.container .news .title h2{margin-bottom:18px;font-family:PingFang-SC-Heavy;font-size:36px;font-weight:400}.container .introduce .title p,.container .solution .title p,.container .value .title p,.container .choose .title p,.container .news .title p{color:rgba(26,26,26,0.6);font-family:PingFang-SC-Medium;font-size:22px}.container .banner_box{width:100%;height:100vh;max-height:1080px;overflow:hidden;position:relative;background-color:rgba(172,214,255,0.5)}.container .banner_box .banner,.container .banner_box .banner>img{height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.container .banner_box .banner{width:inherit}.container .banner_box .banner img{object-fit:cover}.container .banner_box .banner_content{position:absolute;top:50%;transform:translateY(-58%)}.container .banner_box .banner_content .text{margin-bottom:98px;color:var(--main-color-font)}.container .banner_box .banner_content .text h1{margin-bottom:32px;font-family:AlibabaPuHuiTi_2_85_Bold;font-size:64px;font-weight:900;letter-spacing:1px}.container .banner_box .banner_content .text h1 p:not(.container .banner_box .banner_content .text h1 p:last-child){margin-bottom:12px}.container .banner_box .banner_content .text>p{font-family:AlibabaPuHuiTi_2_65_Regular;font-size:22px;font-weight:400}.container .banner_box .banner_content .btn{width:170px;height:50px;background:var(--main-color-bg);border:none;border-radius:6px;color:#fff;font-family:PingFang-SC-Bold;font-size:18px;font-weight:700;text-align:center;cursor:pointer}.container .banner_box .banner_content .btn:active{transform:scale(0.98)}.container .banner_box .banner_content .scan_img{width:160px;background-color:#FFFFFF;position:absolute;box-shadow:0 0 20px rgba(0,0,0,0.1);border-radius:10px;bottom:-125px;left:255px;transform:translateX(-50%);transition:opacity 0.5s;z-index:9999;margin:0 10px;opacity:0}.container .banner_box .banner_content .scan_img .scan_img_text{text-align:center;font-family:PingFang-SC-Regular;font-size:16px;font-weight:900;color:#1a1a1a;padding:10px 0px}.container .banner_box .banner_content .scan_img img{width:140px;height:140px;display:block;margin:0 auto}.container .banner_box .banner_content .btn:hover+.scan_img{opacity:1;pointer-events:none}.container .introduce .title{margin-bottom:0}.container .introduce .content{--margin-top:-4px;margin-top:var(--margin-top);display:flex}.container .introduce .content>div{flex:1}.container .introduce .content .content_left{width:574px;padding-top:calc(42px - var(--margin-top));margin-right:74px}.container .introduce .content .content_left .content_left_top{margin-bottom:22px}.container .introduce .content .content_left .content_left_top p{color:rgba(26,26,26,0.8);font-family:PingFang-SC-Medium;font-size:16px;line-height:30px;text-align:justify}.container .introduce .content .content_left .content_left_bottom{width:100%;display:flex;justify-content:space-between}.container .introduce .content .content_left .content_left_bottom .item{height:30px;display:flex;align-items:center}.container .introduce .content .content_left .content_left_bottom .item img{width:32px;height:28px;margin-right:8px;object-fit:contain;object-position:center}.container .introduce .content .content_left .content_left_bottom .item .text{height:100%;display:flex;flex-direction:column;justify-content:space-between;color:var(--main-color-bg)}.container .introduce .content .content_left .content_left_bottom .item .text h5{font-family:PingFang-SC-Bold;font-size:14px;font-weight:700}.container .introduce .content .content_left .content_left_bottom .item .text p{font-family:PingFang-SC-Medium;font-size:12px}.container .introduce .content .content_left .content_left_bottom .sep{width:1px;height:32px;opacity:0.2;background:var(--main-color-bg);border-radius:0.13px}.container .introduce .content .content_right{width:560px;height:560px;position:relative;overflow:hidden}.container .introduce .content .content_right:after{content:'';background-image:url(/image/index/introduce_content_bg.png);background-repeat:no-repeat;background-size:100% 100%;background-position:center center;position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;animation:bgRotate 60s linear infinite}.container .introduce .content .content_right img{width:295px;height:295px}@keyframes bgRotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.container .introduce .btn{width:130px;height:46px;margin:0 auto;background-color:transparent;border:1px solid var(--main-color-bg);border-radius:5px;display:block;font-family:PingFang-SC-Bold;font-size:16px;font-weight:700;color:var(--main-color-bg);cursor:pointer}.container .introduce .btn:hover{background-color:var(--main-color-bg);color:#fff}.container .solution .content{display:flex;justify-content:space-between}.container .solution .content .item{width:300px;height:536px;background:rgba(50,134,250,0.1);background-image:url(/image/index/solution_bg.png);background-repeat:no-repeat;background-size:contain;background-position:left bottom;border-radius:10px;box-shadow:0 0 16px rgba(0,0,0,0.08);display:flex;justify-content:space-between;overflow:hidden;flex-shrink:0;transition:width 0.5s}.container .solution .content .item.active{width:880px}.container .solution .content .item.active .item_left .content_title h5{text-align:left}.container .solution .content .item.active .item_left .content_text .content_1{opacity:0;transform:translateX(-80px)}.container .solution .content .item.active .item_left .content_text .content_2{opacity:1;transform:translateX(0)}.container .solution .content .item.active .item_right{opacity:1;transition:opacity 0.3s 0.3s}.container .solution .content .item .item_left{padding:72px 0 0 40px}.container .solution .content .item .item_left .content_title{margin-bottom:30px;color:var(--main-color-font);font-weight:700}.container .solution .content .item .item_left .content_title h5{margin-bottom:8px;font-family:PingFang-SC-Bold;font-size:16px;text-align:center}.container .solution .content .item .item_left .content_title h4{font-family:PingFang-SC-Bold;font-size:22px;white-space:nowrap}.container .solution .content .item .item_left .content_text{position:relative}.container .solution .content .item .item_left .content_text>div{position:absolute;top:0;left:0;transition:all 0.3s}.container .solution .content .item .item_left .content_text .content_1{opacity:1}.container .solution .content .item .item_left .content_text .content_1 p{margin-bottom:40px;font-family:PingFang-SC-Medium;white-space:nowrap}.container .solution .content .item .item_left .content_text .content_1 img{width:230px;display:block}.container .solution .content .item .item_left .content_text .content_2{opacity:0;transform:translateX(-80px)}.container .solution .content .item .item_left .content_text .content_2 p{margin-bottom:36px;font-family:PingFang-SC-Medium}.container .solution .content .item .item_left .content_text .content_2 .btns{width:230px;display:flex;justify-content:space-between}.container .solution .content .item .item_left .content_text .content_2 .btns button{width:110px;height:36px;background-color:transparent;border:1px solid var(--main-color-bg);border-radius:5px;font-family:PingFang-SC-Bold;font-size:16px;font-weight:700;color:var(--main-color-bg);cursor:pointer}.container .solution .content .item .item_left .content_text .content_2 .btns button:hover{background-color:var(--main-color-bg);color:#fff}.container .solution .content .item .item_left .content_text p{width:230px;color:var(--main-color-font);font-size:12px;text-align:justify;line-height:20px}.container .solution .content .item .item_right{padding:72px 52px 0 0;opacity:0}.container .solution .content .item .item_right img{width:494px;height:400px;object-fit:contain}.container .value .content{border-radius:10px;box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);display:flex;overflow:hidden}.container .value .content .item{padding:50px 0 60px;background:#ffffff;flex:1;flex-shrink:0;display:flex;flex-direction:column;align-items:center;position:relative}.container .value .content .item:not(:last-child){margin-right:4px}.container .value .content .item::after{content:'';background-image:url(/image/index/solution_bg.png);opacity:0.5;position:absolute;top:0;bottom:0;left:0;right:0;display:none;z-index:-1}.container .value .content .item.active{background:rgba(50,134,250,0.1);background-repeat:no-repeat;background-size:contain;background-position:left bottom;transition:background 0.3s}.container .value .content .item.active::after{display:block}.container .value .content .item.active .btns button{color:#fff}.container .value .content .item.active .btns button:first-child{background-color:var(--main-color-bg)}.container .value .content .item.active .btns button:last-child{background-color:rgba(0,49,82,0.2);border:none}.container .value .content .item.active img{opacity:1;filter:grayscale(0%)}.container .value .content .item h3{margin-bottom:30px;color:var(--main-color-font);font-family:PingFang-SC-Bold;font-size:22px;font-weight:700}.container .value .content .item p{margin-bottom:30px;opacity:0.8;color:var(--main-color-font);font-family:PingFang-SC-Medium;font-size:12px}.container .value .content .item .btns{margin-bottom:52px;display:flex}.container .value .content .item .btns button{width:110px;height:36px;border-radius:5px;color:var(--main-color-bg);font-family:PingFang-SC-Bold;font-size:16px;font-weight:700;cursor:pointer}.container .value .content .item .btns button:first-child{background-color:rgba(0,49,82,0.1);border:none}.container .value .content .item .btns button:last-child{background-color:transparent;border:1px solid rgba(0,49,82,0.3)}.container .value .content .item .btns button:not(.container .value .content .item .btns button:last-child){margin-right:10px}.container .value .content .item img{width:200px;height:200px;opacity:0.2;object-fit:contain;filter:grayscale(100%)}.container .choose{--bg-color:#fff;background-color:var(--bg-color)}.container .choose .title{background-image:url(/image/index/choose_bg.png);background-repeat:no-repeat;background-size:auto;background-position:center bottom}.container .choose .title>p{margin-bottom:50px}.container .choose .title .title_content{height:120px;padding:0 56px;background-color:rgba(0,49,82,0.8);border-radius:10px;display:flex;justify-content:space-between;align-items:center;color:#fff}.container .choose .title .title_content .item{display:flex;flex-direction:column;align-items:center}.container .choose .title .title_content .item h4{margin-bottom:16px;display:flex;align-items:flex-end}.container .choose .title .title_content .item h4 strong{margin-right:10px;font-family:PingFang-SC-Bold;font-size:54px;font-weight:700}.container .choose .title .title_content .item h4 span{font-family:PingFang-SC-Medium;font-size:24px}.container .choose .title .title_content .item p{color:#fff;font-size:14px;letter-spacing:0.6px}.container .choose .title .title_content .sep{width:1px;height:62%;background-color:#fff;opacity:0.3}.container .choose .content{overflow:hidden;position:relative}.container .choose .content::before,.container .choose .content::after{content:'';width:20%;position:absolute;top:0;bottom:0;z-index:1}.container .choose .content::before{background:linear-gradient(to right, var(--bg-color), transparent);left:0}.container .choose .content::after{background:linear-gradient(to left, var(--bg-color), transparent);right:0}.container .choose .content div{display:flex}.container .choose .content div img{width:100%;pointer-events:none}.container .choose .content div:not(.container .choose .content div:last-child){margin-bottom:10px}.container .choose .content div:nth-of-type(2n+1){animation:move 30s linear infinite}.container .choose .content div:nth-of-type(2n){animation:move 30s linear infinite reverse}@keyframes move{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}.container .news .content{margin-bottom:46px;display:flex}.container .news .content .item img{border-radius:10px;display:block;object-fit:cover;object-position:8%}.container .news .content .item .text{width:100%;position:relative}.container .news .content .item .text h4{width:inherit;color:var(--main-color-font);font-family:PingFang-SC-Bold;font-size:18px;font-weight:700;display:inline-flex}.container .news .content .item .text h4 a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.container .news .content .item .text h4 a:hover{color:#3286fa}.container .news .content .item .text p,.container .news .content .item .text span{color:rgba(26,26,26,0.5);font-family:PingFang-SC-Medium;font-size:16px}.container .news .content .item .text p{width:inherit;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.container .news .content .item .text span{position:absolute;bottom:0;left:0}.container .news .content .content_left{width:48%;padding-right:30px;border-right:1px solid #ccc}.container .news .content .content_left .item{height:100%;display:flex;flex-direction:column}.container .news .content .content_left .item img{width:100%;height:338px;margin-bottom:26px}.container .news .content .content_left .item .text{flex:1}.container .news .content .content_left .item .text h4{margin-bottom:18px}.container .news .content .content_left .item .text p{margin-bottom:16px}.container .news .content .content_right{padding-left:30px;flex:1;display:flex;flex-direction:column}.container .news .content .content_right .item{padding:28px 0;flex:1;display:flex}.container .news .content .content_right .item:not(.container .news .content .content_right .item:last-child){border-bottom:1px solid #ccc}.container .news .content .content_right .item:first-child{padding-top:0}.container .news .content .content_right .item:last-child{padding-bottom:0}.container .news .content .content_right .item img{width:160px;height:118px;margin-right:20px}.container .news .content .content_right .item .text{max-width:408px}.container .news .content .content_right .item .text h4{margin-bottom:20px}.container .news .content .content_right .sep{height:1px;margin:28px 0;background-color:#ccc}.container .news .btn{width:130px;height:46px;margin:0 auto;background-color:transparent;border:1px solid var(--main-color-bg);border-radius:5px;display:block;color:var(--main-color-bg);font-size:16px;cursor:pointer}.container .news .btn:hover{background-color:var(--main-color-bg);color:#fff}
