@charset "utf-8";
.banner {min-height:938px;position:relative;z-index:1}
.banner::before {content:"";position:absolute;left:0;top:0;width:100%;height:940px;background-image:url(/images/banner-bg.png);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:0px 0px 75px 75px;z-index:-1}
.banner .banner-txt {color:#FFF;text-align:center}
.banner .home-title {font-size:68px;color:#FFF;padding-top:230px}
.banner ul {display:flex;justify-content:center;justify-content:center;margin-top:20px}
.banner ul li {margin:0 12px;font-size:20px}
.banner ul li em {color:#F2B52F;font-size:22px;margin-right:4px}
.banner .btn {display:flex;align-items:center;justify-content:center;margin-top:40px}
.banner .list-box {display:flex;justify-content:space-between;position:relative}
.banner .list-box .item {width:32%;padding:60px;color:#FFF;border-radius:20px;overflow:hidden;margin-top:110px;position:relative;z-index:1}
.banner .list-box .item .num {font-size:66px;font-weight:bold;line-height:1.2;position:relative;z-index:1}
.banner .list-box .item .num .tip {font-size:16px;font-weight:400;margin-left:10px}
.banner .list-box .item .tit {font-size:24px;font-weight:bold;margin-top:30px;position:relative;z-index:1}
.banner .list-box .item .icon {margin-top:130px;position:relative;z-index:1}
.banner .list-box .item:nth-child(1) {background:linear-gradient(184deg,#7130DA,#954DEC)}
.banner .list-box .item:nth-child(2) {background:linear-gradient(184deg,#3A44E2,#6163F5)}
.banner .list-box .item:last-child {background-image:url(/images/banner-itembg.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:flex-end}
.banner .list-box .item:last-child::after {content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;background:linear-gradient(184deg,rgba(30,48,102,0.1),rgba(30,48,102,0.85))}
.banner .list-box .item:last-child .icon {margin-top:60px;display:flex;align-items:center}
.banner .list-box .item:last-child .icon em {color:#FF5B46;font-size:12px;margin-left:6px}
.banner .l-wrap {position:relative}
.banner .icon1 {position:absolute;bottom:435px;left:0px;will-change:transform;transition:transform 0.15s ease-out}
.banner .icon2 {position:absolute;bottom:250px;right:-70px;z-index:2}
.solution {padding:120px 0}
.solution .list {display:flex;justify-content:center;flex-wrap:wrap;gap:30px;margin-top:50px}
.solution .list li {width:31%;background:#efefef;border-radius:20px;overflow:hidden;padding:40px;position:relative;z-index:1;transition:all 0.2s linear}
.solution .list li::before {content:"";position:absolute;right:-160px;top:-190px;width:400px;height:400px;z-index:0;background-image:url(/images/solution-itembg.png);background-size:cover;background-repeat:no-repeat}
.solution .list li::after {content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(152deg,#FB5B4B,#3A3CF2);z-index:-1;opacity:0;transition:all 0.2s linear}
.solution .list li .icon {width:100px;height:100px;border-radius:50%;background:#FFF;display:flex;align-items:center;justify-content:center;margin-bottom:40px}
.solution .list li .tit {font-size:24px;font-weight:bold;display:flex;margin-bottom:4px}
.solution .list li .tit .tittxt {flex:1;padding-left:6px;display:block}
.solution .list li .txt {color:#666;min-height:45px;margin-bottom:10px}
.solution .list li .tiplist p {display:flex;align-items:center;margin-top:6px}
.solution .list li .tiplist p em {color:#FF5B46;margin-right:8px;width:16px;margin-top:2px;font-weight:bold}
.solution .list li .more {position:absolute;right:40px;bottom:40px}
.solution .list li .more em {font-size:10px;color:#FF5B46;font-weight:bold}
.solution .list li:hover {color:#FFF}
.solution .list li:hover .txt {color:#FFF}
.solution .list li:hover::after {opacity:1}
.system {padding:120px 0;border-radius:75px;position:relative;z-index:2;overflow:visible}
.system .l-wrap {position:relative}
.system::before {content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(/images/system-bg.png);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1}
.system .home-title {color:#FFF;position:relative;z-index:3}
.system .home-des {color:#FFF}
.system .list {position:relative;z-index:3;padding-bottom:60px}
.system .list li {display:flex;background:#efefef;border-radius:20px;overflow:hidden;margin-top:70px;position:sticky;top:100px;transition:opacity 0.4s ease,transform 0.4s ease;/* z-index 由 JS 动态设置，越后面越高 */}
.system .list li.covered {opacity:0.4;transform:scale(0.93)}
.system .list li:last-child {margin-bottom:0 !important}
.system .list li .img {width:56%;overflow:hidden;border-radius:20px}
.system .list li .img img {width:100%}
.system .list li .info {width:44%;padding:70px 40px}
.system .list li .title {display:flex;align-items:center;justify-content:space-between}
.system .list li .tit {font-size:36px;font-weight:bold}
.system .list li .txt {color:#323232;margin-top:6px}
.system .list li .line {display:block;width:40px;height:4px;background:#FF5B46;margin-top:10px;margin-top:10px}
.system .list li .tag {display:flex;flex-wrap:wrap;margin-top:24%}
.system .list li .tagitem {height:36px;border-radius:5px;border:1px solid #dfdfdf;height:36px;margin-bottom:10px;margin-right:10px;padding:0 14px;min-width:120px;color:#5b5b5b;font-size:15px;cursor:pointer;transition:all 0.2s linear;display:flex;align-items:center;justify-content:center}
.system .list li .tagitem:hover {color:#FFF;background:#FF5B46;border-color:#FF5B46}
.system .bgimg {position:absolute;right:115px;top:-100px;z-index:1;will-change:transform}
.system .bgimg img {transition:transform 0.1s linear}
.system .mobbox {display:none}
.system .mobbox .swiper-slide {background-color:#FFF;border-radius:20px;overflow:hidden;height:auto}
.system .mobbox .swiper-slide .img img {width:100%}
.system .mobbox .swiper-slide .info {padding:40px}
.system .mobbox .swiper-slide .title {display:flex;align-items:center;justify-content:space-between}
.system .mobbox .swiper-slide .tit {font-size:26px;font-weight:bold}
.system .mobbox .swiper-slide .txt {color:#323232;margin-top:6px}
.system .mobbox .swiper-slide .line {display:block;width:40px;height:4px;background:#FF5B46;margin-top:10px;margin-top:10px}
.system .mobbox .swiper-slide .tag {display:flex;flex-wrap:wrap;margin-top:20px}
.system .mobbox .swiper-slide .tagitem {height:36px;border-radius:5px;border:1px solid #dfdfdf;height:36px;margin-bottom:10px;margin-right:10px;padding:0 14px;min-width:120px;color:#5b5b5b;font-size:15px;cursor:pointer;transition:all 0.2s linear;display:flex;align-items:center;justify-content:center}
.system .mobbox .swiper-slide .tagitem:hover {color:#FFF;background:#FF5B46;border-color:#FF5B46}
.about {padding:120px 0;position:relative;z-index:1}
.about::before {content:"";position:absolute;left:0;top:-50px;width:100%;height:calc(100% + 100px);background:#EFF3FD;z-index:-1}
.about .about-top {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.about .about-top .info {width:44%}
.about .about-top .home-title {text-align:left;font-size:40px}
.about .about-top .home-title span {display:block}
.about .about-top .txt {margin-top:30px;text-align:justify}
.about .about-top .txt p {color:#393939;margin-top:10px;letter-spacing:2px;/* 字符间距 */  text-indent:40px}
.about .about-top .home-more {margin-top:30px}
.about .about-top .img {width:50%;border-radius:20px;overflow:hidden}
.about .about-top .img img {width:100%}
.about .about-bottom {margin-top:110px}
.about .about-bottom .logobox {margin-top:60px}
.about .about-bottom .aboutlogoswiper-pagination {display:flex;align-items:center;justify-content:center}
.about .about-bottom .about-info {display:flex;justify-content:space-between;align-items:center}
.about .about-bottom .numlist {width:59%;display:flex;align-items:center;justify-content:space-between}
.about .about-bottom .numlist .item {width:48%;background:#FFF;height:200px;box-shadow:1px 1px 6px 0px #E2E7F2;border-radius:20px;padding:25px 36px}
.about .about-bottom .numlist .num {font-size:60px;font-weight:bold;line-height:1.2;background:linear-gradient(90deg,#FF5B46 0%,#3A3CF2 100%);-webkit-background-clip:text;color:transparent}
.about .about-bottom .numlist .num .tip {font-size:30px}
.about .about-bottom .numlist .line {display:block;width:46px;height:2px;background:#FF5B46;margin-top:34px}
.about .about-bottom .numlist .tit {margin-top:12px;font-size:18px}
.about .about-bottom .titlebox {width:39%;text-align:center}
.about .about-bottom .titlebox .title {font-size:42px;font-weight:bold;margin:14px 0}
.about .about-bottom .titlebox .line {display:inline-block;width:67px;height:2px;background:#FF5B46}
.about .about-bottom .logobox .swiper {height:250px}
.about .about-bottom .logobox .swiper-slide {height:110px;border-radius:20px;overflow:hidden;display:flex;align-items:center;justify-content:center;height:calc((100% - 30px) / 2) !important}
.about .about-bottom .logobox .swiper-slide img {width:100%}
.about .about-bottom .logobox .aboutlogoswiper-pagination {margin-top:50px}
.about .about-bottom .logobox .swiper-pagination-bullet {background:#b7b7b7;opacity:1}
.about .about-bottom .logobox .swiper-pagination-bullet-active {width:24px;background:#FF5B46;border-radius:4px}
.authentic {padding:120px 0;position:relative;z-index:2}
.authentic .bgicon {position:absolute;top:-80px;right:20%;z-index:1;will-change:transform;transition:transform 0.15s ease-out}
.authentic::before {content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(/images/authentic-bg.png);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1;border-radius:75px}
.authentic .l-wrap {position:relative;z-index:2}
.authentic .home-title {color:#FFF}
.authentic .box {margin-top:60px}
.authentic .item1 {background-image:url(/images/authentic-item1bg.png);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:20px;overflow:hidden;padding:40px 29% 40px 40px;margin-bottom:50px}
.authentic .item1 .top {display:flex;align-items:center;flex-wrap:wrap}
.authentic .item1 .img {width:170px;margin-right:40px}
.authentic .item1 .img .imgbox {position:relative;z-index:1}
.authentic .item1 .img .imgbox::after {content:"";position:absolute;left:0;bottom:-10px;width:100%;height:100px;border-radius:10px;background:linear-gradient(90deg,#356DEE,#BACFFD);z-index:-1}
.authentic .item1 .img img {width:100%;border-radius:10px}
.authentic .item1 .info {flex:1}
.authentic .item1 .info .tit {font-size:24px;font-weight:bold}
.authentic .item1 .info .line {display:block;width:33px;height:2px;background:#ff5b46;margin:10px 0 16px}
.authentic .item1 .titbox {display:flex;align-items:center;margin-top:40px}
.authentic .item1 .titbox .p1 {font-size:28px;font-weight:bold}
.authentic .item1 .titbox .line {display:block;width:2px;height:18px;background:#b7cdfd;position:relative;margin:0 20px}
.authentic .item1 .titbox .line::before {content:"";position:absolute;left:0px;top:0;width:2px;height:50%;background:#3970EE}
.authentic .item1 .titbox .p2 {font-size:18px;font-weight:bold;color:#666}
.authentic .item1 .mobtitbox {display:none}
.authentic .item2 {background-image:url(/images/authentic-item2bg.png);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:20px;overflow:hidden;padding:40px 27% 40px 40px;display:flex}
.authentic .item2 .left {display:flex;align-items:flex-end}
.authentic .item2 .left .imgbox {position:relative;z-index:1;width:170px;margin-right:40px}
.authentic .item2 .left .imgbox::after {content:"";position:absolute;left:0;bottom:-10px;width:100%;height:100px;border-radius:10px;background:linear-gradient(90deg,#356DEE,#BACFFD);z-index:-1}
.authentic .item2 .left .img {display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;background-color:#fdfdfd;border:1px solid #DEDEDE;border-radius:10px}
.authentic .item2 .left .img img {border-radius:10px}
.authentic .item2 .left .tit {font-size:28px;font-weight:bold}
.authentic .item2 .left .txt {margin-top:20px}
.authentic .item2 .linebox {display:block;width:1px;height:190px;background:#dcdcdc;margin:0 25px}
.authentic .item2 .right .tit {font-size:24px;font-weight:bold}
.authentic .item2 .right .line {display:block;width:33px;height:2px;background:#ff5b46;margin:10px 0 16px}
.authentic .item2 .right .list li {display:flex;margin-bottom:4px}
.authentic .item2 .right .list li:last-child {margin-bottom:0}
.authentic .item2 .right .list li em {font-weight:bold;background:linear-gradient(90deg,#FF5B46 0%,#3A3CF2 100%);-webkit-background-clip:text;color:transparent;width:16px;margin-right:10px;margin-top:2px}
.authentic .item2 .mobtxt {display:none}
.news {padding:120px 0}
.news .box {margin-top:70px}
.news .list {display:flex;justify-content:space-between;flex-wrap:wrap}
.news .list li {width:32%}
.news .list li .img {display:block;overflow:hidden;border-radius:20px}
.news .list li .img img {width:100%;transition:all 0.2s linear}
.news .list li .date {font-size:14px;color:#ff5b46;margin-bottom:10px}
.news .list li .title {font-size:24px;font-weight:bold}
.news .list li .more {display:flex;align-items:center;font-weight:bold;margin-top:10px}
.news .list li .more em {color:#ff5b46;font-size:12px;margin-left:5px}
.news .list li .news-info {margin-top:20px}
.news .btn {display:flex;justify-content:center;margin-top:40px}
@media screen and (max-width:1660px) {.banner .icon2 {right:0px}
.banner .list-box .item {padding:40px}}
@media screen and (max-width:1440px) {.banner .list-box .item .num {font-size:50px}
.banner .home-title {font-size:52px}
.about .about-bottom .numlist .num {font-size:42px}
.about .about-bottom .titlebox .title {font-size:36px}}
@media screen and (max-width:1280px) {.banner .home-title {padding-top:180px}
.banner::before {height:840px}
.solution .list li .tit .tittxt br {display:none}}
@media screen and (max-width:1024px) {.banner {min-height:auto}
.banner .icon1 {display:none}
.banner .icon2 {display:none}
.banner .home-title {padding-top:140px}
.banner::before {height:760px}
.banner .list-box .item .num {font-size:42px}
.banner .list-box .item .tit {font-size:20px;margin-top:20px}
.banner .list-box .item .icon {margin-top:60px}
.solution {padding:50px 0}
.system {padding:50px 0}
.system .bgimg {width:140px;top:-60px}
.system .list li .info {padding:40px}
.about {padding:50px 0}
.about .about-top .txt {margin-top:10px}
.about .about-bottom {margin-top:40px}
.about .about-bottom .about-info {flex-wrap:wrap;flex-direction:column-reverse}
.about .about-bottom .numlist {width:100%}
.about .about-bottom .titlebox {width:100%;margin-bottom:30px}
.authentic {padding:50px 0}
.authentic::before {border-radius:30px}
.authentic .item1 {padding:40px 20% 40px 40px}
.authentic .item1 .titbox .p1 {font-size:24px}
.authentic .item2 {padding:40px 14% 40px 40px}
.authentic .item2 .left .tit {font-size:24px}
.news {padding:50px 0}
.news .box {margin-top:40px}}
@media screen and (max-width:900px) {.solution .list li {padding:30px;width:30%}}
@media screen and (max-width:768px) {.banner::before {height:600px;border-radius:0 0 30px 30px}
.banner .home-title {font-size:36px}
.banner .list-box .item {padding:30px;border-radius:20px}
.banner .list-box .item .num {font-size:32px}
.solution .home-title span {display:block}
.solution .list {justify-content:space-between;gap:0}
.solution .list li {width:49%;margin-bottom:20px}
.system .bgimg {display:none}
.system .list {display:none}
.system .mobbox {margin-top:30px;display:block}
.system .systemswiper-pagination {display:flex;justify-content:center;margin-top:30px;position:relative;z-index:2}
.system .swiper-pagination-bullet {background:#b7b7b7;opacity:1}
.system .swiper-pagination-bullet-active {width:24px;background:#FF5B46;border-radius:4px}
.about .about-top {flex-direction:column-reverse}
.about .about-top .info {width:100%;margin-top:20px}
.about .about-top .img {width:100%}
.about .about-top .home-title br {display:none}
.authentic .bgicon {display:none}
.authentic .box {margin-top:30px}
.authentic .item1 {padding:40px}
.authentic .item1 .titbox {display:none}
.authentic .item1 .img {width:100%;margin-right:0;display:flex;align-items:center}
.authentic .item1 .img .imgbox {width:170px}
.authentic .item1 .info {margin-top:20px;width:100%}
.authentic .item1 .info .tit {line-height:1.4}
.authentic .item1 .info .tit span {display:block}
.authentic .item1 .mobtitbox {flex:1;padding-left:40px;display:block}
.authentic .item1 .mobtitbox .p1 {font-size:24px;font-weight:bold}
.authentic .item1 .mobtitbox .line {display:block;width:2px;height:17px;position:relative;background-color:#b7cdfd;margin:10px 0 16px}
.authentic .item1 .mobtitbox .line::before {content:"";position:absolute;top:0;left:0;width:100%;height:50%;background-color:#3970ee}
.authentic .item1 .mobtitbox .p2 {color:#666}
.authentic .item2 {padding:40px;flex-wrap:wrap}
.authentic .item2 .left {width:100%;align-items:center}
.authentic .item2 .left .txt {display:none}
.authentic .item2 .linebox {display:none}
.authentic .item2 .right {width:100%;margin-top:20px}
.authentic .item2 .mobtxt {display:block;margin-top:20px}
.news .list li {width:100%;margin-bottom:20px}}
@media screen and (max-width:500px) {.banner::before {height:450px}
.banner .home-title {font-size:28px !important;padding-top:120px}
.banner .list-box {flex-wrap:wrap;margin-top:80px}
.banner .list-box .item {width:100%;margin-top:20px;padding:20px;border-radius:10px;display:flex;align-items:center;justify-content:space-between}
.banner .list-box .item .num {font-size:24px}
.banner .list-box .item .icon {margin-top:0px}
.banner .list-box .item:nth-child(1) .icon {width:50px}
.banner .list-box .item:nth-child(2) .icon {max-width:54%}
.banner .list-box .item:last-child {flex-direction:inherit;justify-content:space-between;align-items:center}
.banner .list-box .item:last-child .icon {margin-top:0}
.banner ul {flex-wrap:wrap;justify-content:center}
.banner ul li {font-size:16px;margin:0 10px}
.banner ul li:last-child {width:100%}
.solution .list {margin-top:30px}
.solution .list li {width:100%;padding:20px;border-radius:10px}
.solution .list li .icon {margin-bottom:0px;width:80px;height:80px}
.solution .list li .icon img {max-width:50%}
.solution .list li .tit {font-size:20px}
.solution .list li .tiplist p {margin-top:2px}
.solution .list li .more {right:20px;bottom:20px}
.solution .list li .info {display:flex;align-items:center;margin-bottom:10px}
.solution .list li .infotxt {flex:1;padding-left:20px}
.system .mobbox .swiper-slide .info {padding:20px}
.system .mobbox .swiper-slide .info .tit {font-size:22px}
.about .about-top .txt p {text-align:justify}
.about .about-top .img {height:210px;overflow:hidden}
.about .about-top .img img {transform:translateY(-30px)}
.about .about-bottom .titlebox {margin-bottom:20px}
.about .about-bottom .titlebox .icon {display:none}
.about .about-bottom .titlebox .title {font-size:26px;margin:0 auto;position:relative;z-index:1;width:fit-content;padding:0 40px}
.about .about-bottom .titlebox .title::before {content:"";position:absolute;left:50%;top:0;width:90%;height:100%;transform:translateX(-50%);background-image:url(/images/about-titbg.png);background-repeat:no-repeat;background-position:center;background-size:contain}
.about .about-bottom .numlist {flex-wrap:wrap}
.about .about-bottom .numlist .line {margin-top:10px}
.about .about-bottom .numlist .item {width:49%;padding:20px;border-radius:10px;height:auto;margin-bottom:20px}
.about .about-bottom .numlist .item .num {font-size:30px}
.about .about-bottom .numlist .item .num .tip {font-size:16px}
.about .about-bottom .logobox {margin-top:10px}
.about .about-bottom .logobox .swiper {height:auto}
.about .about-bottom .logobox .aboutlogoswiper-pagination {margin-top:20px}
.authentic .item1 {display:flex;flex-direction:column-reverse;flex-wrap:wrap;padding:20px;margin-top:20px;margin-bottom:20px}
.authentic .item1 .titbox {margin-top:0px}
.authentic .item1 .titbox .p1 {font-size:16px}
.authentic .item1 .titbox .line {margin:0 6px}
.authentic .item1 .titbox .p2 {font-size:12px}
.authentic .item1 .top .img {width:100%;padding-right:0}
.authentic .item1 .top .img .imgbox {width:36%}
.authentic .item1 .top .img .mobtitbox {flex:1;padding-left:4%}
.authentic .item1 .top .img .mobtitbox .p1 {font-size:16px}
.authentic .item1 .top .img .mobtitbox .line {margin:4px 0}
.authentic .item1 .top .info {width:100%}
.authentic .item1 .top .info .tit {font-size:20px}
.authentic .item2 {padding:20px}
.authentic .item2 .left .imgbox {width:36%;margin-right:0}
.authentic .item2 .left .info {padding-left:4%;width:64%}
.authentic .item2 .left .tit {font-size:20px}
.authentic .item2 .left .txt p br {display:none}
.authentic .item2 .right .tit {font-size:20px}
.news .box {margin-top:30px}
.news .list li .title {font-size:20px}}