.pagesbanner .pagesbanner-animate{text-align:left;padding:0 70px}
.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize38);font-weight:var(--fontbold7)}
.pagesbanner .pagesbanner-animate .p2{max-width:46%;font-size:var(--fontsize16)}
@media (max-width:1600px){.pagesbanner .pagesbanner-animate .p1{font-size:2.35vw}
.pagesbanner .pagesbanner-animate .p2{font-size:1vw}}
@media (max-width:1024px){.pagesbanner .pagesbanner-animate{padding:0 15px}}
@media (max-width:768px){.pagesbanner img,.pagesbanner video{min-height:inherit}
.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize18)}
.pagesbanner .pagesbanner-animate .p2{display:none}}
@media (max-width:550px){.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize14)}}
.page-main{padding-bottom:0}
.solutions>.l-wrap{max-width:100%;padding:0}
.solution-common-title{font-size:var(--fontsize34);font-weight:var(--fontbold7);text-align:center;color:var(--fontcolor);line-height:1.3;margin-bottom:20px}
.solution-common-des{color:#666}
.common-flex{display:flex;flex-wrap:wrap;justify-content:space-between}
.common-more a{color:#fff;border-radius:30px;display:inline-flex;padding:7px 20px;margin-top:10px;align-items:center;position:relative;overflow:hidden;z-index:2;background:var(--bgcolor)}
.common-more a span{display:inline-flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;color:var(--fontcolor);background:#fff;margin-left:10px;transition:all .3s}
.common-more a:before{content:'';width:0;height:100%;background:var(--color);display:inline-block;transition:width .5s;position:absolute;top:0;left:0;z-index:-1}
.common-more a:hover{text-decoration:none}
.common-more a:hover:before{width:100%}
.solution1{padding:2% 0 5%}
.solution1 .solution-inner{align-items:center;margin-top:30px}
.solution1 .solution-inner .left{width:48.2%;border:1px solid #ebebeb;border-radius:var(--borderradius);overflow:hidden;padding:2% 0}
.solution1 .solution-inner .left img{width:100%;display:block;transition:all .3s}
.solution1 .solution-inner .left img:hover{transform:scale(1.02)}
.solution1 .solution-inner .right{width:46.5%}
.solution1 .solution-inner .line{position:relative;width:100%;height:2px;display:block;background:var(--bgcolor);margin:20px 0 35px}
.solution1 .solution-inner .line:before{content:'';width:35px;height:2px;display:block;background:#fff;position:absolute;left:15%}
.solution1 .icon-list li{display:flex;justify-content:space-between;align-items:center}
.solution1 .icon-list li:nth-child(2n-1){width:52%}
.solution1 .icon-list li:nth-child(2n){width:45%}
@media (min-width:769px){.solution1 .icon-list li:nth-child(n+3){margin-top:20px}}
.solution1 .icon-list li .icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--bgcolor);border-radius:50%}
.solution1 .icon-list li .icon em{color:#fff;font-size:30px}
.solution1 .icon-list li p{width:calc(100% - 60px);font-weight:var(--fontbold7)}
.solution2{background:#023a75;padding:4% 0;color:#fff}
.solution2 .solution-common-title{color:#fff}
.solution2 .solution2-list{display:flex;justify-content:space-between;align-items:center;margin:8% 0 4%}
.solution2 .solution2-list .center{width:20%;position:absolute;left:50%;transform:translateX(-50%);text-align:center}
.solution2 .solution2-list .center:after{content:'';width:540px;height:540px;display:block;border-radius:50%;border:80px solid #053d78;background:0 0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}
.solution2 .solution2-list .center img{max-width:100%}
.solution2 .solution2-list .list-box{width:43%}
.solution2 .solution2-list .list-box li{display:inline-flex;align-items:center;justify-content:space-between;border-radius:35px;background:#0b4a8d;margin:6.2% 0;width:auto}
.solution2 .solution2-list .list-box li .icon{width:60px;height:60px;background:var(--bgcolor);display:flex;align-items:center;justify-content:center;border-radius:50%}
.solution2 .solution2-list .list-box li .icon em{color:#fff;font-size:var(--fontsize30);display:inline-block;transition:all .3s}
.solution2 .solution2-list .list-box li:hover .icon em{transform:rotateY(360deg)}
.solution2 .solution2-list .list-box li p{width:calc(100% - 70px);font-size:var(--fontsize20);line-height:1.4;white-space:nowrap}
.solution2 .solution2-list .list-box.left li{padding:4px 50px 4px 4px}
.solution2 .solution2-list .list-box.left li:nth-child(1){transform:translateX(5%)}
.solution2 .solution2-list .list-box.left li:nth-child(2){transform:translateX(-20%)}
.solution2 .solution2-list .list-box.left li:nth-child(3){transform:translateX(-20%)}
.solution2 .solution2-list .list-box.left li:nth-child(4){transform:translateX(-5%)}
@media (min-width:769px){.solution2 .solution2-list .list-box.right li{flex-direction:row-reverse;padding:4px 4px 4px 30px}
.solution2 .solution2-list .list-box.right li p{text-align:end;padding-right:15px}}
.solution2 .solution2-list .list-box.right li:nth-child(1){transform:translateX(-5%)}
.solution2 .solution2-list .list-box.right li:nth-child(2){transform:translateX(18%)}
.solution2 .solution2-list .list-box.right li:nth-child(3){transform:translateX(24.5%)}
.solution2 .solution2-list .list-box.right li:nth-child(4){transform:translateX(21%)}
.solution3{background:url(https://css02.v15cdn.com/m619/imgs/solution3.webp) no-repeat center/cover;padding:5% 0 4%}
.solution3 .solution3-list{margin-top:3.5%}
.solution3 .solution3-list li{width:16.66%;text-align:center;padding:2.5% 18px 3%;transition:all .3s;cursor:pointer}
@media (min-width:551px){.solution3 .solution3-list li{background:#efefef}
.solution3 .solution3-list li:nth-child(2n){background:#fff}}
.solution3 .solution3-list li p{font-size:var(--fontsize18);font-weight:var(--fontbold7);color:var(--fontcolor);margin-top:30px}
.solution3 .solution3-list li .icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin:0 auto;background:var(--bgcolor);border-radius:50%}
.solution3 .solution3-list li .icon em{color:#fff;font-size:var(--fontsize34);display:inline-block;transition:all .3s}
.solution3 .solution3-list li:hover .icon em{transform:rotateY(360deg)}
.solution3 .solution3-list li:hover{background:var(--bgcolor)!important}
.solution3 .solution3-list li:hover .icon{background:#fff}
.solution3 .solution3-list li:hover .icon em{background-image:var(--bgcolor);-webkit-background-clip:text;color:transparent;transition:all .3s linear}
.solution3 .solution3-list li:hover p{color:#fff}
.solution4{padding:5% 0}
.solution4 .video-list{margin-top:3.5%}
.solution4 .video-list li{width:24%;border-radius:var(--borderradius);overflow:hidden;transition:all .3s;display:flex;flex-direction:column}
.solution4 .video-list li iframe{width:100%}
.solution4 .video-list li p{text-align:center;font-size:var(--fontsize18);padding:20px;font-weight:var(--fontbold7);line-height:1.4;transition:all .3s;flex:1}
.solution4 .video-list li:hover p{background:var(--bgcolor);color:#fff}
.solution5{text-align:center;padding:5% 0;background:url(https://css02.v15cdn.com/m619/imgs/solution4.webp) no-repeat center/cover}
.solution5 .solution-common-title{color:#fff}
@media (max-width:1600px){.solution2 .solution2-list .list-box li p{font-size:1vw}
.solution2 .solution2-list .list-box.left li:nth-child(1){transform:translateX(31%)}
.solution2 .solution2-list .list-box.left li:nth-child(2),.solution2 .solution2-list .list-box.left li:nth-child(3){transform:translateX(0)}
.solution2 .solution2-list .list-box.left li:nth-child(4){transform:translateX(22%)}
.solution2 .solution2-list .list-box.right li:nth-child(2){transform:translateX(16%)}
.solution2 .solution2-list .list-box.right li:nth-child(3){transform:translateX(22.5%)}
.solution2 .solution2-list .list-box.right li:nth-child(4){transform:translateX(19%)}
.solution2 .solution2-list .center:after{width:500px;height:500px}
.solution2 .solution2-list{margin-top:6%}}
@media (max-width:1440px){.solution-common-title{font-size:var(--fontsize30)}
.solution2 .solution2-list .center:after{width:450px;height:450px}}
@media (max-width:1280px){.solution-common-title{font-size:var(--fontsize28)}
.solution4 .video-list li p{font-size:var(--fontsize16)}
.solution2 .solution2-list .center:after{width:360px;height:360px;border-width:60px}}
@media (max-width:768px){.solution1{padding:20px 0 40px}
.solution1 .solution-inner .left,.solution1 .solution-inner .right{width:100%}
.solution1 .solution-inner .left{padding:0}
.solution1 .solution-inner .right{margin-top:20px}
.solution1 .icon-list li{margin-bottom:10px}
.solution2{padding:40px 0}
.solution2 .solution2-list{flex-wrap:wrap;margin:0}
.solution2 .solution2-list .center{position:initial}
.solution2 .solution2-list .list-box{width:100%}
.solution2 .solution2-list .list-box li{transform:initial!important;width:100%;margin:10px 0}
.solution2 .solution2-list .center{position:relative;width:auto;max-width:100%}
.solution2 .solution2-list .center:after{display:none}
.solution2 .solution2-list .list-box.left li,.solution2 .solution2-list .list-box.right li{padding:4px 20px 4px 4px}
.solution2 .solution2-list .list-box li p{font-size:var(--fontsize16)}
.solution3,.solution4,.solution5{padding:40px 0}
.solution3 .solution3-list li{width:33.33%}
.solution-common-title{font-size:var(--fontsize24)}
.solution4 .video-list li{width:49%;margin-bottom:10px}}
@media (max-width:550px){.solution-common-title{font-size:var(--fontsize22)}
.solution1 .icon-list li{width:100%!important}
.solution2 .solution2-list .list-box li p{white-space:normal;font-size:var(--fontsize13)}
.solution2 .solution2-list .center img{max-width:90%;}
.solution3 .solution3-list li{width:50%}
.solution3 .solution3-list li{background:#efefef;padding:20px}
.solution3 .solution3-list li:nth-child(2),.solution3 .solution3-list li:nth-child(3),.solution3 .solution3-list li:nth-child(6){background:#fff}
.solution3 .solution3-list li p{margin-top:15px;font-size:var(--fontsize16)}
.solution4 .video-list li{width:100%}
.solution4 .video-list li p{padding:10px}
.solution5 .solution-common-title{font-size:var(--fontsize18)}}