.smart-city-wrap .banner{height:28.125vw;position:relative;box-sizing:border-box}.smart-city-wrap .banner .box{box-sizing:border-box;transform:translateX(-50%);position:absolute;left:50%;top:5.26042vw}.smart-city-wrap .banner .box .title,.smart-city-wrap .banner .box .dsc{color:#262626;text-align:center}.smart-city-wrap .banner .box .title{font-weight:600;font-size:2.60417vw}.smart-city-wrap .banner .box .dsc{white-space:nowrap;padding:1.25vw 0 3.125vw;font-size:1.25vw;line-height:1.71875vw;font-weight:600;color:#262626}.smart-city-wrap .banner .box .global-banner-button{display:block;margin:0 auto;border-radius:.20833vw}.smart-city-wrap .banner img{height:100%}.smart-city-wrap .banner-bottom-wrap{background:#ffffff;box-shadow:0 0.08rem 0.15rem 0 rgba(55,99,170,0.1);position:relative;z-index:1}.smart-city-wrap .banner-bottom-wrap div{position:relative;font-weight:400;font-size:0.18rem;color:#262626;line-height:0.68rem;cursor:pointer;user-select:none}.smart-city-wrap .banner-bottom-wrap div+div{margin-left:0.5rem}.smart-city-wrap .banner-bottom-wrap div.active{font-weight:600}.smart-city-wrap .banner-bottom-wrap div.active::after{content:" ";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:80%;height:0;border-bottom:0.04rem solid #1664ff}.smart-city-wrap .main .title,.smart-city-wrap .main .dsc{text-align:center}.smart-city-wrap .main .title{font-weight:600;font-size:0.4rem;color:#262626;padding-top:0.6rem}.smart-city-wrap .main .dsc{font-size:0.16rem;color:#4f4f4f;padding:0.16rem 0 0.54rem}.smart-city-wrap .main .content-no3{height:8.95rem;background:center/contain no-repeat url("../../../assets/img/solution/smart-city-2.png");padding-bottom:0.8rem}.smart-city-wrap .main .content-no3 .dsc{padding-bottom:.4rem;font-weight:400;font-size:0.18rem;color:#3d485d;line-height:0.24rem}.smart-city-wrap .main .content-no3 .content-list-wrap{height:6.7rem;width:100vw;overflow:hidden;position:relative}.smart-city-wrap .main .content-no3 .content-list-wrap .content{position:absolute;left:-100%;top:0;width:100%;height:100%;z-index:1}.smart-city-wrap .main .content-no3 .content-list-wrap .content.active{left:0;z-index:2;animation:slideInFromRight 1s ease-in-out forwards}@keyframes slideInFromRight{0%{top:100%;opacity:0}100%{top:0;opacity:1}}.smart-city-wrap .main .content-no3 .content-list-wrap .content>div{margin-left:0.69rem}.smart-city-wrap .main .content-no3 .content-list-wrap .content>div:first-child{margin-left:0}.smart-city-wrap .main .content-no3 .center-img{width:5.06rem;height:5.06rem}.smart-city-wrap .main .content-no3 .item-list{width:4.18rem}.smart-city-wrap .main .content-no3 .item{background-color:#ebf5ff;padding:0.3rem}.smart-city-wrap .main .content-no3 .item+.item{margin-top:0.3rem}.smart-city-wrap .main .content-no3 .item.no1{border-radius:0.24rem 0.24rem 0 0.24rem}.smart-city-wrap .main .content-no3 .item.no2{border-radius:0.24rem 0 0.24rem 0.24rem}.smart-city-wrap .main .content-no3 .item.no3{border-radius:0.24rem 0.24rem 0.24rem 0}.smart-city-wrap .main .content-no3 .item.no4{border-radius:0 0.24rem 0.24rem 0.24rem}.smart-city-wrap .main .content-no3 .item.active,.smart-city-wrap .main .content-no3 .item:hover{background-color:#1664ff}.smart-city-wrap .main .content-no3 .item.active .item-title,.smart-city-wrap .main .content-no3 .item.active .item-sub,.smart-city-wrap .main .content-no3 .item:hover .item-title,.smart-city-wrap .main .content-no3 .item:hover .item-sub{color:#fff}.smart-city-wrap .main .content-no3 .item-title{font-weight:500;font-size:0.24rem;color:#1664ff;line-height:0.24rem}.smart-city-wrap .main .content-no3 .item-sub{margin-top:0.15rem;font-weight:400;font-size:0.14rem;color:#3d485d;line-height:0.24rem}.smart-city-wrap .main .content-no1{background-color:#f3f5f8;padding-bottom:0.8rem}.smart-city-wrap .main .content-no1.no2 .content-big-img img{box-shadow:none;padding:0}.smart-city-wrap .main .content-no1 .content-big-img img{margin-top:0.3rem;display:block;width:14rem;height:7.64rem;background-color:#f3f5f8;box-shadow:0.15rem 0.15rem 0.4rem 0 rgba(55,99,170,0.1);border-radius:0.04rem;border:0.02rem solid #ffffff;padding:0.2rem}.smart-city-wrap .main .content-no1 .content-img-list{width:14.4rem;margin:0.24rem auto 0}.smart-city-wrap .main .content-no1 .content-img-list .img-item{flex:1;background:#ffffff;box-shadow:0.08rem 0.08rem 0.2rem 0 rgba(55,99,170,0.1);border-radius:0.04rem}.smart-city-wrap .main .content-no1 .content-img-list .img-item+.img-item{margin-left:0.24rem}.smart-city-wrap .main .content-no1 .content-img-list .img-item .img-wrap{display:block;width:100%;height:2.12rem}.smart-city-wrap .main .content-no1 .content-img-list .img-item .img-title{font-size:0.18rem;color:#262626;line-height:0.18rem;text-align:center;padding:0.19rem 0 0.23rem 0}.smart-city-wrap .main .project{background:#fff}.smart-city-wrap .main .project .content-wrap{padding-bottom:0.66rem}.smart-city-wrap .main .project .content-wrap .nav{border-bottom:0.01rem solid #d8d8d8;width:14.4rem;margin:0.2rem auto 0.2rem}.smart-city-wrap .main .project .content-wrap .nav div{position:relative;padding:0.22rem;font-weight:500;font-size:0.18rem;color:#262626;line-height:0.18rem;cursor:pointer;user-select:none}.smart-city-wrap .main .project .content-wrap .nav div+div{margin-left:0.32rem}.smart-city-wrap .main .project .content-wrap .nav div.active{color:#1664ff}.smart-city-wrap .main .project .content-wrap .nav div.active::after{content:" ";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:80%;height:0;border-bottom:0.01rem solid #1664ff}.smart-city-wrap .main .project .content-wrap .content-list-wrap{position:relative;height:5.65rem}.smart-city-wrap .main .project .content-wrap .content-list-wrap .content{position:absolute;left:calc(50% - 7.2rem);top:0;z-index:1;opacity:0;transition:opacity .75s;width:14.4rem;height:4.15rem;background:#ffffff;box-shadow:0.15rem 0.15rem 0.4rem 0 rgba(55,99,170,0.1);border-radius:0.04rem;margin:0.4rem auto 0;padding:0.4rem}.smart-city-wrap .main .project .content-wrap .content-list-wrap .content.active{opacity:1;z-index:2}.smart-city-wrap .main .project .content-wrap .content-list-wrap .content .text-box{padding:0 0.44rem 0.38rem 0.47rem}.smart-city-wrap .main .project .content-wrap .content-list-wrap .content .text-box .content-title{font-weight:600;font-size:0.24rem;color:#262626;line-height:0.24rem;padding:0.2rem 0}.smart-city-wrap .main .project .content-wrap .content-list-wrap .content .text-box .content-text span{display:block;padding-bottom:0.2rem;font-weight:400;font-size:0.16rem;color:#3d485d;line-height:0.28rem}.smart-city-wrap .main .project .content-wrap .content-list-wrap .content .img-box{position:relative;height:4.14rem}.smart-city-wrap .main .car-box{box-sizing:border-box}.smart-city-wrap .main .car-box.no1{background-color:#fff}.smart-city-wrap .main .car-box.no1 .title{padding-bottom:0.4rem}.smart-city-wrap .main .car-box.no1 .content .item{background:#ffffff;box-shadow:0.08rem 0.08rem 0.2rem 0 rgba(55,99,170,0.1);border-radius:0.04rem;width:3.42rem;height:unset;padding:0}.smart-city-wrap .main .car-box.no1 .content .item .item-title{font-weight:500;font-size:0.18rem;color:#262626;padding:0.19rem 0.24rem 0.12rem 0.24rem}.smart-city-wrap .main .car-box.no1 .content .item img{width:100%;height:2.46rem}.smart-city-wrap .main .car-box.no1 .content .item .item-episode{height:0.42rem;margin-top:0;margin-bottom:0.2rem;padding:0 0.24rem;font-weight:400;font-size:0.14rem;color:#4b5b76;line-height:0.2rem}.smart-city-wrap .main .car-box .content{padding-bottom:0.6rem;display:flex;justify-content:center;flex-wrap:wrap}.smart-city-wrap .main .car-box .content .item{width:4.66rem;height:2.4rem;background:#ffffff;border-radius:0.16rem;margin-top:0.21rem;padding:0.5rem 0.4rem;text-align:left;font-size:0.14rem;box-sizing:border-box}.smart-city-wrap .main .car-box .content .item+.item{margin-left:0.2rem}.smart-city-wrap .main .car-box .content .item img{display:block;width:0.48rem;height:0.48rem}.smart-city-wrap .main .car-box .content .item .item-title{font-weight:600;font-size:0.28rem;padding-top:0.27rem;color:#262626}.smart-city-wrap .main .car-box .content .item .item-sub-title{font-weight:500;font-size:0.18rem;padding-top:0.23rem;color:#262626}.smart-city-wrap .main .car-box .content .item .item-episode{font-weight:400;font-size:0.14rem;color:#595959;line-height:0.24rem;margin-top:0.39rem;word-spacing:0.01rem;letter-spacing:0.01rem;height:1rem;overflow:hidden;-webkit-line-clamp:2}.smart-city-wrap .main .icon-box{padding-bottom:0.6rem;background-color:#f5f7fa}.smart-city-wrap .main .icon-box .title{padding-bottom:0.5rem}.smart-city-wrap .main .icon-box .icon-list{display:grid;grid-template-columns:2.97rem 2.97rem 2.97rem 2.97rem;grid-template-rows:1.05rem 1.05rem;justify-content:center}.smart-city-wrap .main .icon-box .icon-list .icon-item{padding:0.33rem 0.22rem;margin-bottom:0.04rem;display:flex;align-items:center;background:#ffffff;border-radius:0.04rem}.smart-city-wrap .main .icon-box .icon-list .icon-item+.icon-item{margin-left:0.04rem}.smart-city-wrap .main .icon-box .icon-list .icon-item>div:first-child{width:0.4rem;height:0.4rem;margin-right:0.22rem}.smart-city-wrap .main .icon-box .icon-list .icon-item>div:last-child{font-weight:500;font-size:0.2rem;color:#000000;line-height:0.2rem}.smart-city-wrap .main .form .content{width:7.86rem;margin:0 auto 0.6rem}.smart-city-wrap .main .form .content .line-no2{padding-left:0.06rem}.smart-city-wrap .main .form .content label{display:inline-block;width:100%}.smart-city-wrap .main .form .content label span{display:block;padding:0.2rem 0 0.12rem}.smart-city-wrap .main .form .content label span::after{content:"*";color:#fa386a;font-weight:400}.smart-city-wrap .main .form .content label textarea,.smart-city-wrap .main .form .content label input{box-sizing:border-box;width:calc(100% - 0.06rem);height:0.6rem;background:#f7f8fa;border-radius:0.06rem;border:0;padding:0.2rem 0.22rem}.smart-city-wrap .main .form .content label textarea{min-height:1.5rem}.smart-city-wrap .main .form .content .btn{width:2.7rem;height:0.6rem;display:block;background-color:#1664ff;border-radius:0.06rem;font-weight:400;font-size:0.2rem;line-height:0.6rem;color:#ffffff;text-align:center;margin-top:0.4rem;border:none}.smart-city-wrap .main .advantage{background-color:#f5f7fa;box-sizing:border-box}.smart-city-wrap .main .advantage .content{display:flex;justify-content:center;flex-wrap:wrap}.smart-city-wrap .main .advantage .content .item{position:relative;margin-right:0.36rem;margin-bottom:0.36rem;text-align:left;font-size:0.12rem;box-sizing:border-box}.smart-city-wrap .main .advantage .content .item:nth-child(3n){margin-right:0}.smart-city-wrap .main .advantage .content .item .imgbox{border-radius:0.16rem;width:4.05rem;height:2.7rem;overflow:hidden}.smart-city-wrap .main .advantage .content .item .imgbox:hover img{transform:scale(1.1)}.smart-city-wrap .main .advantage .content .item .imgbox img{transition:all 0.3s}.smart-city-wrap .main .advantage .content .item .text-bg{box-sizing:border-box;width:4.05rem;height:2rem;margin-top:-0.3rem;padding:0.3rem;background:linear-gradient(180deg, rgba(255,255,255,0.4) 0%, #fff 100%);border-radius:0.16rem;backdrop-filter:blur(0.1rem)}.smart-city-wrap .main .advantage .content .item .text-bg .item-title{font-weight:600;font-size:0.2rem}.smart-city-wrap .main .advantage .content .item .text-bg .item-sub{height:0.91rem;margin-top:0.2rem;line-height:0.24rem;overflow:hidden;-webkit-line-clamp:4 !important;color:#262626}.smart-city-wrap .main .info-last2{height:2.83rem;background:center/contain no-repeat url("../../../assets/img/solution/smart-city-1.png");background-size:cover}.smart-city-wrap .main .info-last2 .title{padding-top:0.72rem;font-weight:500;font-size:0.36rem;color:#ffffff;line-height:0.5rem}.smart-city-wrap .main .info-last2 .btn{margin-top:.47rem;width:1.88rem;height:0.56rem;background:#ffffff;border-radius:.04rem;border:none;font-weight:400;font-size:0.2rem;color:#145bea;line-height:0.56rem}