div.pc-banner{position:relative;height:6rem;margin-top:1.3rem}@media screen and (max-width:1024px){div.pc-banner{margin-top:0;display:none}}div.swiper-slide{background-size:cover;background-position:center center;background-repeat:no-repeat}@media screen and (max-width:1024px){div.swiper-slide{background-position:25% center}}.pb-arrow,.ph-pb-arrow{position:absolute;top:50%;margin-top:-0.2rem;width:.6rem;height:.6rem;border-radius:50%;background:#000;cursor:pointer;border:none;opacity:0;transition:.5s}.pb-arrow-prev,.ph-pb-arrow-prev{left:.4rem;background:#000000 url(../images/arrow-left.png) no-repeat center}.pb-arrow-next,.ph-pb-arrow-next{right:.4rem;background:#000000 url(../images/arrow-right.png) no-repeat center}div.swiper-container1{overflow:hidden;width:100%}div.swiper-container1:hover .pb-arrow{opacity:.5}div.swiper-container2{overflow:hidden;width:100%;position:relative}div.swiper-container2:hover .ph-pb-arrow{opacity:.5}div.swiper-pagination{position:absolute;bottom:.1rem;left:50%;text-align:center;width:auto;transform:translate3d(-50%, 0, 0)}span.swiper-pagination-switch{display:inline-block;width:.12rem;height:.12rem;background-color:#fff;border-radius:50%;margin-right:.12rem;margin-bottom:.12rem}span.swiper-pagination-switch.swiper-active-switch{background-color:#0033b2}.phone-banner{display:none}@media screen and (max-width:1024px){.phone-banner{display:block;height:5.5rem}}.page .page-index-public-title .title-1{line-height:.36rem;font-size:.36rem;color:#333;text-align:center}.page .page-index-public-title .title-2{margin-top:.24rem;font-size:.2rem;color:#959595;text-align:center;line-height:.2rem}@media screen and (max-width:1024px){.page .page-index-public-title .title-2{font-size:.26rem;line-height:.3rem}}.page .page-index .product-architecture{padding-top:.8rem;background-color:#f7f8fa}.page .page-index .product-architecture .product-architecture-img{margin-top:.5rem}.page .page-index .product-architecture .product-architecture-img img{width:100%;height:auto}.page .page-index .product-architecture .about{width:100%;height:3.3rem;background-image:linear-gradient(-20deg, #2b5876 0%, #4e4376 100%);margin-top:1.3rem;position:relative}.page .page-index .product-architecture .about .about-main{background-color:#ffffff;padding:.5rem;position:absolute;top:-0.7rem;left:50%;transform:translateX(-50%)}.page .page-index .product-architecture .about .about-main .about-main-img{float:left;position:relative}.page .page-index .product-architecture .about .about-main .about-main-img p{position:absolute;top:.9rem;right:-0.5rem;font-size:.3rem;color:#353535;font-weight:400;line-height:.36rem}.page .page-index .product-architecture .about .about-main .about-main-test{width:7rem;float:left;margin-left:1.2rem;line-height:.3rem;font-size:.16rem;color:#353535;text-align:justify}@media screen and (max-width:1024px){.page .page-index .product-architecture .about{position:static;padding:0 .3rem;margin-top:2.5rem;height:9.3rem}.page .page-index .product-architecture .about .about-main{position:static;top:auto;left:auto;transform:translateX(0);padding:0 .3rem}.page .page-index .product-architecture .about .about-main .about-main-img{width:3rem;margin:0 auto;margin-top:-2rem;float:none;position:static;padding-bottom:.3rem}.page .page-index .product-architecture .about .about-main .about-main-img img{width:100%;height:auto}.page .page-index .product-architecture .about .about-main .about-main-img p{position:static;top:auto;right:auto;text-align:center;margin-top:.2rem;font-size:.34rem;font-weight:bold;line-height:.42rem}.page .page-index .product-architecture .about .about-main .about-main-test{width:100%;float:none;margin-left:0;font-size:.28rem;margin-top:.3rem;line-height:.36rem;margin-bottom:.5rem}.page .page-index .product-architecture .about .about-main .about-main-test p{line-height:.45rem}}.page .page-index .core-technology{padding-top:1rem;background-color:#f7f8fa}.page .page-index .core-technology .core-technology-list{margin-top:.5rem}.page .page-index .core-technology .core-technology-list ul li{display:block;width:3.8rem;height:3.6rem;float:left;background-color:#fff;margin:0 .3rem .3rem 0;padding:.2rem .3rem;overflow:hidden;transform:translateY(0%);transition:all .5s;position:relative}.page .page-index .core-technology .core-technology-list ul li a{display:block}.page .page-index .core-technology .core-technology-list ul li a .img{width:100%;text-align:center}.page .page-index .core-technology .core-technology-list ul li a .title{text-align:center;font-size:.24rem;line-height:.3rem;margin-top:.15rem;color:#333;margin-bottom:.25rem}.page .page-index .core-technology .core-technology-list ul li a .desc{text-align:justify;color:rgba(0,0,0,0.5);line-height:.28rem;font-size:.15rem}.page .page-index .core-technology .core-technology-list ul li a .detail{display:inline-block;color:#4278e5;font-size:.14rem;margin-top:.1rem;position:absolute;left:.3rem;bottom:.3rem}.page .page-index .core-technology .core-technology-list ul li a .detail i{display:inline-block;width:.14rem;height:.14rem;border:1px solid #4278e5;color:#4278e5;border-radius:50%;text-align:center;font-size:.12rem;line-height:.14rem;font-weight:400;margin-left:.05rem}.page .page-index .core-technology .core-technology-list ul li:hover{box-shadow:5px 5px 20px 0 rgba(0,10,20,0.08);transform:translateY(-10px)}.page .page-index .core-technology .core-technology-list ul li:nth-child(3n){margin-right:0}.page .page-index .core-technology .core-technology-list ul li:first-child{border-top:4px solid #1d4ea7}.page .page-index .core-technology .core-technology-list ul li:nth-child(2){border-top:4px solid #ff5f45}.page .page-index .core-technology .core-technology-list ul li:nth-child(3){border-top:4px solid #00a0a8}.page .page-index .core-technology .core-technology-list ul li:nth-child(4){border-top:4px solid #6c09db}.page .page-index .core-technology .core-technology-list ul li:nth-child(5){border-top:4px solid #9e63c9}.page .page-index .core-technology .core-technology-list ul li:nth-child(6){border-top:4px solid #b26151}.page .page-index .core-technology .core-technology-list ul li:nth-child(7){border-top:4px solid #4278e5}.page .page-index .core-technology .core-technology-list ul li:nth-child(8){border-top:4px solid #007fb7}.page .page-index .core-technology .core-technology-list ul li:nth-child(9){border-top:4px solid #00b7e8}@media screen and (max-width:1024px){.page .page-index .core-technology .core-technology-list ul li{width:48.5%;height:7rem;margin-right:3%;padding:.2rem}.page .page-index .core-technology .core-technology-list ul li:nth-child(3n){margin-right:3%}.page .page-index .core-technology .core-technology-list ul li:nth-child(2n){margin-right:0}.page .page-index .core-technology .core-technology-list ul li a .title{font-size:.32rem;line-height:.36rem}.page .page-index .core-technology .core-technology-list ul li a .desc{font-size:.28rem;line-height:.36rem}.page .page-index .core-technology .core-technology-list ul li a .detail{bottom:.4rem;font-size:.28rem}.page .page-index .core-technology .core-technology-list ul li a .detail i{width:.25rem;height:.25rem;font-size:.14rem;line-height:.25rem}}.page .page-index .typical-scenarios{padding-top:1.2rem;background-color:#f7f8fa}.page .page-index .typical-scenarios .typical-scenarios-content{margin-top:.5rem;position:relative;overflow:hidden;background:#fff}.page .page-index .typical-scenarios .typical-scenarios-content .title{background:rgba(255,255,255,0.4);text-align:center}.page .page-index .typical-scenarios .typical-scenarios-content .title ul{position:relative}.page .page-index .typical-scenarios .typical-scenarios-content .title ul li{display:block;width:16.666666%;float:left;position:relative;z-index:1;margin:0;text-align:center;cursor:pointer}.page .page-index .typical-scenarios .typical-scenarios-content .title ul li:after{content:'';position:absolute;top:20%;right:0;z-index:-1;width:1px;height:60%;background:rgba(0,0,0,0.1)}.page .page-index .typical-scenarios .typical-scenarios-content .title ul li .main{padding:.25rem 0;position:relative;transition:color .2s}.page .page-index .typical-scenarios .typical-scenarios-content .title ul li .main .img{text-align:center;padding-bottom:.1rem}.page .page-index .typical-scenarios .typical-scenarios-content .title ul li .main .img img{width:.5rem;height:auto}.page .page-index .typical-scenarios .typical-scenarios-content .title ul li .main .test{vertical-align:middle;font-size:.15rem;font-weight:700}.page .page-index .typical-scenarios .typical-scenarios-content .title ul li .main span{display:inline-block;position:absolute;top:100%;left:50%;margin-left:-0.1rem;width:0;height:0;border:solid transparent;border-width:.1rem;border-top-color:#fff;pointer-events:none;display:none}.page .page-index .typical-scenarios .typical-scenarios-content .title ul li:last-child:after{display:none}@media screen and (max-width:1024px){.page .page-index .typical-scenarios .typical-scenarios-content .title ul li .main{height:2.3rem}.page .page-index .typical-scenarios .typical-scenarios-content .title ul li .main .img img{width:.6rem}.page .page-index .typical-scenarios .typical-scenarios-content .title ul li .main .test{font-size:.3rem}}.page .page-index .typical-scenarios .typical-scenarios-content .content-img .content{height:100%;display:none;background-position:center center;background-repeat:no-repeat}@media screen and (max-width:1024px){.page .page-index .typical-scenarios .typical-scenarios-content .content-img .content{background-size:100% auto}}.page .page-index .typical-scenarios .typical-scenarios-content .content-img .content img{width:100%;height:auto}.page .page-index .advantage{padding-top:1rem;background-color:#f7f7f7}.page .page-index .advantage .advantage-content{text-align:center;padding:.7rem 0 1.5rem 0;background-repeat:no-repeat;background-position:center 0}.page .page-index .advantage .advantage-content .advantage-content-wrapper{width:12.4rem;margin:0 auto}@media screen and (max-width:1024px){.page .page-index .advantage .advantage-content .advantage-content-wrapper{width:100%;padding:0 .3rem}}.page .page-index .advantage .advantage-content .advantage-content-wrapper ul{background:#fcfcfc;border-radius:4px;box-shadow:0 2px 40px rgba(7,61,125,0.16)}.page .page-index .advantage .advantage-content .advantage-content-wrapper ul li{display:block;width:25%;float:left;box-sizing:border-box;position:relative}.page .page-index .advantage .advantage-content .advantage-content-wrapper ul li .main{border-left-color:transparent;position:relative;z-index:9;height:3.82rem;margin:.25rem 0;border-left:1px solid #dbdbdb;-webkit-transition:border-color .3s ease;transition:border-color .3s ease;overflow:hidden}.page .page-index .advantage .advantage-content .advantage-content-wrapper ul li .main .img{padding-top:.3rem}.page .page-index .advantage .advantage-content .advantage-content-wrapper ul li .main .title{color:#4a4a4a;font-size:.27rem;padding:.2rem .2rem 0;-webkit-transition:color .3s ease,-webkit-transform .3s ease;transition:color .3s ease,-webkit-transform .3s ease;transition:color .3s ease,transform .3s ease;transition:color .3s ease,transform .3s ease,-webkit-transform .3s ease}.page .page-index .advantage .advantage-content .advantage-content-wrapper ul li .main .desc{color:#7d7e7e;color:rgba(0,0,0,0.5);font-size:.16rem;padding:.3rem .4rem;-webkit-transition:-webkit-transform .3s ease .05s;transition:-webkit-transform .3s ease .05s;transition:transform .3s ease .05s;transition:transform .3s ease .05s,-webkit-transform .3s ease .05s;line-height:.28rem;text-align:justify}.page .page-index .advantage .advantage-content .advantage-content-wrapper ul li:after{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;border-radius:5px;background:#f9f9f9;-webkit-transition:background .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;transition:background .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;transition:background .3s ease,transform .3s ease,box-shadow .3s ease;transition:background .3s ease,transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease}.page .page-index .advantage .advantage-content .advantage-content-wrapper ul li:hover:after,.page .page-index .advantage .advantage-content .advantage-content-wrapper ul li.activeAdvantage:after{z-index:1;background:#fff;-webkit-transform:scale(1.08);transform:scale(1.08);box-shadow:0 0 8px 0 rgba(0,0,0,0.2);border:1px transparent solid;border-image:linear-gradient(to right, #00dbe9, #0292f5) 1 10}.page .page-index .advantage .advantage-content .advantage-content-wrapper ul li:hover .main,.page .page-index .advantage .advantage-content .advantage-content-wrapper ul li.activeAdvantage .main{border-left-color:transparent}.page .page-index .advantage .advantage-content .advantage-content-wrapper ul li:hover .main .title,.page .page-index .advantage .advantage-content .advantage-content-wrapper ul li.activeAdvantage .main .title{color:#0295f4;-webkit-transform:translate3d(0, -37px, 0);transform:translate3d(0, -37px, 0);padding-top:50px}.page .page-index .advantage .advantage-content .advantage-content-wrapper ul li:hover .main .desc,.page .page-index .advantage .advantage-content .advantage-content-wrapper ul li.activeAdvantage .main .desc{-webkit-transform:translate3d(0, -45px, 0);transform:translate3d(0, -45px, 0)}.page .page-index .advantage .advantage-content .advantage-content-wrapper ul li:hover+li .main,.page .page-index .advantage .advantage-content .advantage-content-wrapper ul li.activeAdvantage+li .main{border-left-color:transparent}.page .page-index .advantage .advantage-content .advantage-content-wrapper ul li:first-child .main{border-left-color:transparent}@media screen and (max-width:1024px){.page .page-index .advantage .advantage-content .advantage-content-wrapper ul li{width:50%}.page .page-index .advantage .advantage-content .advantage-content-wrapper ul li .main{height:5.8rem}.page .page-index .advantage .advantage-content .advantage-content-wrapper ul li .main .title{font-size:.3rem}.page .page-index .advantage .advantage-content .advantage-content-wrapper ul li .main .desc{font-size:.28rem;line-height:.36rem}.page .page-index .advantage .advantage-content .advantage-content-wrapper ul li:first-child .main,.page .page-index .advantage .advantage-content .advantage-content-wrapper ul li:nth-child(2) .main{border-left-color:transparent}}