.banner{position:relative;background:url(https://b0.dtminds.com/10101/2021/09/02/64107eb10e2b40adab8a69c32137dbb0.jpg) center center no-repeat;background-size:cover;animation:.6s opacityAni 0s ease-in;-webkit-animation:.6s opacityAni 0s ease-in;-moz-animation:.6s opacityAni 0s ease-in}.banner-wrapper{width:100%;margin:0;padding:0;background-color:rgb(33 53 72 / 80%)}.segment .fun-desc{width:550px}.segment .fun-desc .fun-subtit{line-height:32px;font-size:18px}.adv-list{justify-content:space-between;margin:80px 0}.adv{overflow:hidden;border-radius:10px;background-color:#000;width:270px;height:270px;cursor:pointer;position:relative;-webkit-transition:all .2s linear 50ms;-moz-transition:all .2s linear 50ms;-o-transition:all .2s linear 50ms;transition:all .2s linear 50ms}.adv:hover{background-color:#2d3f9b}.adv img{opacity:.3}.adv .info{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;color:#fff}.adv .info-h{margin:77px 0 0 20px;height:28px;font-size:20px;font-weight:500;line-height:28px}.adv .info-b{font-size:14px;line-height:20px;padding:20px 20px 0}.adv .line{width:40px;height:4px;display:block;background-color:#5671ff;align-self:flex-start;margin:10px 0 0 20px;-webkit-transition:all .2s linear 50ms;-moz-transition:all .2s linear 50ms;-o-transition:all .2s linear 50ms;transition:all .2s linear 50ms}.adv:hover .line{background-color:#fff}.section-bg{background-color:#fafaff;margin-top:40px;padding:80px 0}.services .mtitle,.services2 .mtitle{color:#1a1e28;font-size:40px;font-family:PingFangSC-Medium;line-height:56px;text-align:center;margin-bottom:80px}.services .icon-box{padding:30px;position:relative;overflow:hidden;border-radius:10px;margin:0 10px 40px 10px;background:#fff;box-shadow:0 10px 29px 0 rgba(68,88,144,.1);transition:all .3s ease-in-out}.services .icon-box:hover{transform:translateY(-5px)}.services .icon{position:absolute;left:-20px;top:calc(50% - 30px)}.services .icon i{font-size:64px;line-height:1;transition:.5s;color:#2574f9}.services .title{margin-left:40px;font-weight:700;margin-bottom:15px;font-size:18px}.services .title a{color:#111}.services .icon-box:hover .title a{color:#49b5e7}.services .description{font-size:14px;margin-left:40px;line-height:24px;margin-bottom:0;color:#777}.services2{margin-top:60px;padding:60px 0}.services2 .icon-box{padding:30px;position:relative;overflow:hidden;background:#fff;box-shadow:0 0 29px 0 rgba(68,88,144,.12);transition:all .3s ease-in-out;border-radius:8px;z-index:1;width:100%}.services2 .icon-box::before{content:'';position:absolute;background:#ebf3fe;right:-60px;top:-40px;width:100px;height:100px;border-radius:50px;transition:all .3s;z-index:-1}.services2 .icon-box:hover::before{background:#2574f9;right:0;top:0;width:100%;height:100%;border-radius:0}.services2 .icon{margin:0 auto 20px auto;padding-top:10px;display:inline-block;text-align:center;border-radius:50%;width:60px;height:60px;background:#2574f9;transition:all .3s ease-in-out}.services2 .icon i{font-size:38px;line-height:1;color:#fff}.services2 .title{font-weight:700;margin-bottom:15px;font-size:18px}.services2 .title a{color:#111}.services2 .description{font-size:15px;line-height:28px;margin-bottom:0;color:#777}.services2 .icon-box:hover .description,.services2 .icon-box:hover .title{color:#fff}.services2 .icon-box:hover .icon{background:#fff}.services2 .icon-box:hover .icon i{color:#2574f9}