.topic .container{width:74%;min-width:1200px;margin:0 auto}.topic .topic-title{text-align:center;font-size:30px;font-weight:700;color:#000}.topic .topic-desc{margin-top:20px;text-align:center;font-size:20px;color:#000}.service-progress{padding-top:60px;height:750px;background:url(../img/line.ef590989.png) center 264px no-repeat;width:100%;min-width:1200px;background-color:#fff}.service-progress .icons{width:1200px;margin:0 auto;display:flex}.service-progress .icons .icon{text-align:center}.service-progress .icons .icon:first-child{padding-top:172px}.service-progress .icons .icon:nth-child(2){margin-left:36px;padding-top:226px}.service-progress .icons .icon:nth-child(3){margin-left:56px;padding-top:208px}.service-progress .icons .icon:nth-child(4){margin-left:46px;padding-top:129px}.service-progress .icons .icon:nth-child(5){margin-left:73px;padding-top:250px}.service-progress .icons .icon:nth-child(6){margin-left:87px;padding-top:144px}.service-progress .icons .icon>img{width:104px;height:104px}.service-progress .icons .icon>h6{margin-top:29px;margin-bottom:16px;font-size:18px;color:#258ffb}.service-progress .icons .icon>p{display:block;line-height:24px;font-size:16px;color:#333;width:160px}body{background-color:#fff}.mobile .navigater{height:.96rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 0 3px rgba(0,0,0,.2)}.mobile .navigater .back .back-img{height:.3rem;width:auto;margin-left:.3rem;margin-right:.1rem}.mobile .navigater .back .back-text,.mobile .navigater .title{font-size:.3rem;color:#000}.mobile .tab-bar{padding-top:.46rem;display:flex;justify-content:space-around}.mobile .tab-bar .tab img{display:block;margin:0 auto;width:.66rem;height:.8rem}.mobile .tab-bar .tab h3{margin-top:.1rem;text-align:center;font-size:.24rem;color:#000}.mobile .tab-bar .tab.active h3{margin-top:.1rem;text-align:center;font-size:.24rem;color:#3f83ff}.mobile .case-list-mobile{margin:0 .3rem;margin-top:.3rem;margin-bottom:.4rem;width:auto;display:flex;justify-content:space-between;flex-wrap:wrap}.mobile .case-list-mobile .case-item{margin-top:.1rem;width:calc(50vw - 17.5px);border-radius:.2rem;box-shadow:0 0 .1rem rgba(0,0,0,.2)}.mobile .case-list-mobile .case-item .case-item-top{position:relative;width:100%;height:2.53rem;border-radius:.2rem .2rem 0 0}.mobile .case-list-mobile .case-item .case-item-top .case-item-bg{position:absolute;top:0;left:0;right:0;width:100%;height:2.53rem;border-radius:.2rem .2rem 0 0}.mobile .case-list-mobile .case-item .case-item-top .icon{position:absolute;width:.3rem;height:.3rem;left:.2rem;bottom:.25rem}.mobile .case-list-mobile .case-item .case-item-bottom{width:100%;height:1.4rem;border-radius:0 0 .2rem .2rem;padding:.15rem .2rem;box-sizing:border-box}.mobile .case-list-mobile .case-item .case-item-bottom .title{font-size:.26rem;color:#000}.mobile .case-list-mobile .case-item .case-item-bottom .desc{margin-top:.1rem;font-size:.22rem;color:#676767;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;
  /*! autoprefixer: off */-webkit-box-orient:vertical;-webkit-line-clamp:2}.pc .web-pin{width:109px;height:109px;position:absolute}.pc .web-pin.one{width:55px;height:55px;right:551px;top:136px}.pc .web-pin.one,.pc .web-pin.two{-webkit-animation:bounce 2s ease infinite;animation:bounce 2s ease infinite}.pc .web-pin.two{width:70px;height:70px;right:192px;top:598px}.pc .web-pin.three{right:264px;top:626px;-webkit-animation:bounce 3s ease infinite;animation:bounce 3s ease infinite}.pc .topic .container{width:74%;min-width:1200px;margin:0 auto}.pc .topic .topic-title{text-align:center;font-size:30px;color:#000;font-weight:700}.pc .topic .topic-desc{margin-top:20px;text-align:center;font-size:20px;color:#000}.pc .topic.case-show .topic-title{padding-top:100px;text-align:center;font-size:30px;color:#000}.pc .topic.banner-bg{height:836px;position:relative}.pc .topic.banner-bg.web{background:url(../img/web_banner.7a7687e3.png) no-repeat;background-position:right 80px;background-size:1025px 736px}.pc .desc{width:74%;min-width:1200rpx;margin:0 auto;padding-top:175px}.pc .desc img{width:250px;height:250px}.pc .desc .wrap{opacity:0;visibility:visible;-webkit-animation:fadeInUp 1.3s ease .2s forwards;animation:fadeInUp 1.3s ease .2s forwards}.pc .desc .wrap::nth-child(2),.pc .desc .wrap::nth-child(3){-webkit-animation-delay:fadeInUp 1.3s ease 1s forwards;animation-delay:fadeInUp 1.3s ease 1s forwards}.pc .desc .en{font-size:16px;color:#a7bfca;opacity:0;-webkit-animation:fadeInUp 1.3s ease 1.4s forwards;animation:fadeInUp 1.3s ease 1.4s forwards;visibility:visible}.pc .desc .en>p{margin-bottom:10px}.pc .desc .wrap .tag-list{padding:30px 0 60px 0}.pc .desc .wrap .tag-list .tag{display:inline-block;margin-right:20px;background-color:#2e7cee;padding:10px 20px;border-radius:22px;font-size:18px;color:#fff}.pc .desc .wrap>p{margin-bottom:32px;font-size:32px;color:#2b3d4d}.pc .desc .wrap>p.one{width:570px;font-size:30px;margin-top:20px}.pc .desc .wrap>h1{font-size:38px;color:#2e7cee}.pc .desc .connect{display:block;margin-top:80px;cursor:pointer;width:205px;height:60px;line-height:60px;border-radius:30px;background:#2e7cee;text-align:center;font-size:22px;color:#fff;box-shadow:0 15px 50px 0 rgba(63,21,89,.2);opacity:0;visibility:visible;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease;animation-timing-function:ease}.pc .service{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);display:flex;justify-content:space-around;height:170px;align-items:center;padding:0 64px;width:74%;min-width:1200px;box-sizing:border-box;border-radius:16px;box-shadow:0 16px 35px 0 rgba(167,219,251,.23);background:#fff}.pc .service.appDev{margin-top:191px}.pc .service>li{display:flex;align-items:center}.pc .service>li>img{width:101px;height:101px;margin-right:17px}.pc .service>li .right>h4{margin-bottom:5px;font-size:16px;color:#333;font-weight:700}.pc .service>li .right>p{font-size:14px;color:#8d8d8d}.pc .case-show{padding-top:60px;padding-bottom:45px}.pc .case-show .case-list{margin-top:30PX;width:100%}.pc .case-show .case-list .case-item{margin-top:25px;width:32%;margin-right:2%;height:auto;box-shadow:0 0 6px 0 #deeeff;border-radius:30px;background:#fff;float:left}.pc .case-show .case-list .case-item:nth-child(3n){margin-right:0}.pc .case-show .case-list .case-item .case-item-top{position:relative;height:auto;max-height:340px;min-height:290px;border-radius:30px 30px 0 0;overflow:hidden}.pc .case-show .case-list .case-item .case-item-top>.app_icon{position:absolute;left:30px;top:80%;width:35px;height:35px;border-radius:100px;z-index:99}.pc .case-show .case-list .case-item .case-item-top>.app-banner{position:absolute;left:0;bottom:0;right:0;top:0;width:100%;height:auto;z-index:0;border-radius:30px 30px 0 0;transition:all .2s linear}.pc .case-show .case-list .case-item .case-item-top>.app-banner:hover{transform:scale(1.1)}.pc .case-show .case-list .case-item .case-item-bottom{width:100%;height:120px;padding:18px 15px 20px 15px;box-sizing:border-box;border-radius:0 0 30px 30px}.pc .case-show .case-list .case-item .case-item-bottom .app-name{font-size:20px;font-weight:700;color:#000}.pc .case-show .case-list .case-item .case-item-bottom .date{font-size:15px;color:#999}.pc .case-show .case-list .case-item .case-item-bottom .app-desc{margin-top:10px}.pc .case-show .case-list .case-item .case-item-bottom .app-desc div{line-height:20px;font-size:14px;color:#676767;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc .web-develop-bg{background:url(../img/serve_bg.3818a267.png) 0 no-repeat;background-size:1920px 1567px}.pc .web-dev-modal{padding-top:60px;padding-bottom:45px;min-width:1200px}.pc .web-dev-modal .web-advantage{margin-top:70px;width:100%;display:flex;justify-content:space-between}.pc .web-dev-modal .web-advantage .web-advantage-left{padding:30px;box-sizing:border-box;width:49%;height:385px;background:url(../img/web_left_bg.de7bd42a.png) 50% no-repeat;background-size:cover;border-radius:20px}.pc .web-dev-modal .web-advantage .web-advantage-right{width:49%;height:385px;padding:30px;box-sizing:border-box;background:url(../img/web_right_bg.b6804749.png) 50% no-repeat;background-size:cover;border-radius:20px}.pc .web-dev-modal .web-advantage h2{font-size:24px;color:#fff;display:flex;align-items:center}.pc .web-dev-modal .web-advantage h2:before{content:"";display:block;margin-right:13px;width:4px;height:14px;background-color:#f1f1f1}.pc .web-dev-modal .web-advantage h3{margin-top:24px;font-size:18px;color:#fff;display:flex;align-items:center}.pc .web-dev-modal .web-advantage h3:before{content:"";display:block;margin-right:20px;width:11px;height:11px;background-color:#fff;border-radius:50px}.pc .web-dev-modal .web-advantage .divider{margin-top:26px;margin-bottom:40px;width:84%;height:1px;background-color:#fff}.pc .can-provide{padding-top:60px;padding-bottom:195px;min-width:1200px;background:url(../img/provide_bg.22db381b.png) 50% no-repeat;background-size:cover}.pc .can-provide .provide-content{margin-top:100px;display:flex;position:relative}.pc .can-provide .provide-content .provide-left{width:50%;padding-left:77px;box-sizing:border-box;height:500px;background-color:#2e7cee;border-radius:20px}.pc .can-provide .provide-content .provide-left h1{margin-top:130px;font-size:60px;color:#fff}.pc .can-provide .provide-content .provide-left h3{margin-top:34px;font-size:24px;color:#fff}.pc .can-provide .provide-content .provide-left .contact-now{margin-top:78px;display:inline-block;width:208px;height:61px;font-size:24px;line-height:61px;text-align:center;background-color:#fff;color:#2e7cee;border-radius:31px}.pc .can-provide .provide-content .provide-right{width:50%;height:500px;background-color:#fff;border-radius:20px;padding-top:21px;padding-left:268px;box-sizing:border-box}.pc .can-provide .provide-content .provide-right h3{margin-top:26px;font-size:28px;color:#333;font-weight:bolder;display:flex;align-items:center}.pc .can-provide .provide-content .provide-right h3:before{margin-right:24px;display:block;content:"";width:11px;height:11px;border-radius:50px;background-color:#2e7cee}.pc .can-provide .provide-content .provide-right p{font-size:18px;margin-top:12px;color:#333;display:flex;align-items:center}.pc .can-provide .provide-content .provide-right p:before{margin-right:24px;display:block;content:"";width:11px;height:11px;border-radius:50px}.pc .can-provide .provide-content .provide-img{position:absolute;left:50%;bottom:0;transform:translate(-50%,28%);display:block;width:38%;height:auto}.pc .service-progress{padding-top:60px;height:750px;background:url(../img/line.ef590989.png) center 264px no-repeat;width:100%;min-width:1200px;background-color:#fff}.pc .service-progress .icons{width:1200px;margin:0 auto;display:flex}.pc .service-progress .icons .icon{text-align:center}.pc .service-progress .icons .icon:first-child{padding-top:172px}.pc .service-progress .icons .icon:nth-child(2){margin-left:36px;padding-top:226px}.pc .service-progress .icons .icon:nth-child(3){margin-left:56px;padding-top:208px}.pc .service-progress .icons .icon:nth-child(4){margin-left:46px;padding-top:129px}.pc .service-progress .icons .icon:nth-child(5){margin-left:73px;padding-top:250px}.pc .service-progress .icons .icon:nth-child(6){margin-left:87px;padding-top:144px}.pc .service-progress .icons .icon>img{width:104px;height:104px}.pc .service-progress .icons .icon>h6{margin-top:29px;margin-bottom:16px;font-size:18px;color:#258ffb}.pc .service-progress .icons .icon>p{display:block;line-height:24px;font-size:16px;color:#333;width:160px}.pc .brand{padding-top:60px;padding-bottom:45px;width:100%;min-width:1200px}.pc .brand .brand-intrduce-list{width:100%;display:flex;justify-content:space-between;margin-top:90px}.pc .brand .brand-intrduce-list .brand-intrduce-item{width:22.3%;height:400px;box-sizing:border-box;background-color:#ebf5ff;border-radius:20px;text-align:center;padding:0 24px}.pc .brand .brand-intrduce-list .brand-intrduce-item h3{font-size:26px;color:#2e7cee;margin-top:60px}.pc .brand .brand-intrduce-list .brand-intrduce-item img{margin-top:30px;width:130px;height:130px}.pc .brand .brand-intrduce-list .brand-intrduce-item p{margin-top:30px;font-size:18px;color:#666}.pc .brand .get-plan{display:block;margin:0 auto;margin-top:103px;width:240px;height:61px;background-color:#2e7cee;border-radius:31px;font-size:28px;color:#fff;line-height:61px;text-align:center}@-webkit-keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,60%,0);-webkit-transform:translate3d(0,60%,0)}to{opacity:1;transform:translateZ(0);-webkit-transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,60%,0);-webkit-transform:translate3d(0,60%,0)}to{opacity:1;transform:translateZ(0);-webkit-transform:translateZ(0)}}@-webkit-keyframes scaleIn{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes scaleIn{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@-webkit-keyframes bounce{0%{transform:translateY(0);-webkit-animation-timing-function:cubic-bezier(.3,.36,.6,1);animation-timing-function:cubic-bezier(.3,.36,.6,1)}25%{transform:translateY(-6.25px);-webkit-animation-timing-function:cubic-bezier(.51,-.05,.85,.82);animation-timing-function:cubic-bezier(.51,-.05,.85,.82)}50%{transform:translateY(0);-webkit-animation-timing-function:cubic-bezier(.3,.36,.6,1);animation-timing-function:cubic-bezier(.3,.36,.6,1)}75%{transform:translateY(6.25px);-webkit-animation-timing-function:cubic-bezier(.51,-.05,.85,.82);animation-timing-function:cubic-bezier(.51,-.05,.85,.82)}to{transform:translateY(0)}}@keyframes bounce{0%{transform:translateY(0);-webkit-animation-timing-function:cubic-bezier(.3,.36,.6,1);animation-timing-function:cubic-bezier(.3,.36,.6,1)}25%{transform:translateY(-6.25px);-webkit-animation-timing-function:cubic-bezier(.51,-.05,.85,.82);animation-timing-function:cubic-bezier(.51,-.05,.85,.82)}50%{transform:translateY(0);-webkit-animation-timing-function:cubic-bezier(.3,.36,.6,1);animation-timing-function:cubic-bezier(.3,.36,.6,1)}75%{transform:translateY(6.25px);-webkit-animation-timing-function:cubic-bezier(.51,-.05,.85,.82);animation-timing-function:cubic-bezier(.51,-.05,.85,.82)}to{transform:translateY(0)}}@-webkit-keyframes fadeInRightMin{0%{opacity:0;transform:translate3d(100px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInRightMin{0%{opacity:0;transform:translate3d(100px,0,0)}to{opacity:1;transform:translateZ(0)}}