.service-body{margin:0 auto;position:relative}.service-container{display:none;opacity:0}.service-container.active{display:block;opacity:1;animation:changeOpacity .3s}.service-container .web-design{padding:114px 120px;overflow:hidden;font-size:0}.service-container .web-design .web-design-left{display:inline-block;width:calc(48% - 97px);margin-right:97px;vertical-align:top}.service-container .web-design .web-design-left .title{font-size:32px;font-family:PingFangSC,PingFangSC-Medium;font-weight:500;text-align:left;color:#000;line-height:45px;margin-bottom:64px;position:relative}.service-container .web-design .web-design-left .title::after{content:"";width:80px;height:4px;background:#1cbdba;border-radius:2px;position:absolute;bottom:-10px;left:0}.service-container .web-design .web-design-left .desc{font-size:14px;font-family:PingFangSC,PingFangSC-Light;font-weight:300;text-align:justify;color:#000;line-height:26px}.service-container .web-design .web-design-right{display:inline-block;vertical-align:top;background-image:url(../images/web-design.png);width:52%;padding-top:30%;height:0;background-size:100%}.service-container .service-feature{background-image:url(../images/featureBg.png);background-size:cover;background-position:center;padding:0 120px}.service-container .service-feature .title{text-align:center;font-size:32px;font-weight:500;color:#fff;line-height:45px;padding-top:56px;position:relative}.service-container .service-feature .title::after{content:"";width:80px;height:4px;background:#1cbdba;border-radius:2px;position:absolute;bottom:-10px;left:50%;transform:translateX(-50%)}.service-container .service-feature .feature-body{margin-top:80px}.service-container .service-feature .feature-body .feature-line{padding-bottom:70px;font-size:0}.service-container .service-feature .feature-body .feature-line .feature-contain{width:calc((100% - 300px)/3);margin-right:150px;display:inline-block;vertical-align:top}.service-container .service-feature .feature-body .feature-line .feature-contain:last-child{margin-right:0}.service-container .service-feature .feature-body .feature-line .feature-contain .feature-title{font-size:20px;font-weight:500;text-align:left;color:#fff;line-height:28px;margin-bottom:6px;margin-top:6px}.service-container .service-feature .feature-body .feature-line .feature-contain .feature-desc{font-size:14px;font-weight:300;text-align:justify;color:hsla(0,0%,100%,.8);line-height:24px}.service-container .evaluate{padding:129px 120px 74px}.service-container .evaluate .swiper-container{height:100%}.service-container .evaluate .swiper-pagination-bullet-active{background:#1cbdba}.service-container .evaluate .swiper-slide{font-size:0;padding-bottom:52px}.service-container .evaluate .evaluate-left{display:inline-block;vertical-align:top;width:55%;margin-right:65px}.service-container .evaluate .evaluate-right{display:inline-block;vertical-align:top;width:calc(45% - 65px)}.service-container .evaluate .evaluate-right .evaluate-title{font-size:32px;font-weight:500;text-align:left;color:#000;line-height:45px;margin-bottom:36px}.service-container .evaluate .evaluate-right .client-logo{margin-bottom:26px;width:80px;height:80px;background:#fff;border-radius:12px;box-shadow:-4px 2px 16px 0px rgba(0,0,0,.16);position:relative}.service-container .evaluate .evaluate-right .client-logo img{position:absolute;top:50%;transform:translate(-50%, -50%);left:50%}.service-container .evaluate .evaluate-right .client-title{font-size:20px;font-weight:500;text-align:left;color:#000;line-height:28px;margin-bottom:9px}.service-container .evaluate .evaluate-right .client-desc{font-size:14px;font-weight:300;text-align:justify;color:#000;line-height:26px}.service-container .service-process{padding:56px 120px;background-image:url(../images/service_process_bg.png);background-size:cover;background-position:center}.service-container .service-process .service-process-title{font-size:32px;font-family:PingFangSC,PingFangSC-Medium;font-weight:500;text-align:center;color:#fff;line-height:45px;margin-bottom:40px;position:relative}.service-container .service-process .service-process-title::after{content:"";position:absolute;width:80px;height:4px;background:#1cbdba;border-radius:2px;bottom:-10px;left:50%;transform:translateX(-50%)}.service-container .service-process .service-process-desc{font-size:14px;font-family:PingFangSC,PingFangSC-Light;font-weight:300;text-align:center;color:hsla(0,0%,100%,.9);line-height:20px;margin-bottom:66px}.service-container .service-process .service-process-step{font-size:0}.service-container .service-process .service-process-step .step{width:calc((100% - 200px)/5);display:inline-block;margin-right:50px;vertical-align:top}.service-container .service-process .service-process-step .step:last-child{margin-right:0}.service-container .service-process .service-process-step .step .step-title{font-size:20px;font-family:PingFangSC,PingFangSC-Medium;font-weight:500;text-align:center;color:#fff;line-height:28px;margin:0 auto 60px;white-space:nowrap}.service-container .service-process .service-process-step .step .step-1{width:104px;height:87px;background-image:url(../images/step_01.png);background-size:100%;line-height:87px}.service-container .service-process .service-process-step .step .step-2{width:138px;height:86px;background-image:url(../images/step_02.png);background-size:100%;line-height:86px}.service-container .service-process .service-process-step .step .step-3{width:136px;height:86px;background-image:url(../images/step_03.png);background-size:100%;line-height:86px}.service-container .service-process .service-process-step .step .step-4{width:135px;height:86px;background-image:url(../images/step_04.png);background-size:100%;line-height:86px}.service-container .service-process .service-process-step .step .step-5{width:140px;height:87px;background-image:url(../images/step_05.png);background-size:100%;line-height:87px}.service-container .service-process .service-process-step .step .step-desc{padding-top:39px;font-size:14px;font-family:PingFangSC,PingFangSC-Light;font-weight:300;text-align:justify;color:hsla(0,0%,100%,.8);line-height:24px;position:relative;transform:translateY(1px)}.service-container .service-process .service-process-step .step .step-desc::after{content:"";position:absolute;width:20px;height:20px;background:hsla(0,0%,100%,.5);border-radius:50%;top:0;left:50%;transform:translate(-50%, -50%)}.service-container .service-process .service-process-step .step-line{position:absolute;left:0;width:100%;height:2px;background:hsla(0,0%,100%,.5)}.service-container .case{padding:50px 0 80px}.service-container .case .case-title{font-size:32px;font-family:PingFangSC,PingFangSC-Medium;font-weight:500;text-align:center;color:#000;line-height:45px;position:relative;margin-bottom:60px}.service-container .case .case-title::after{content:"";position:absolute;width:80px;height:4px;background:#1cbdba;border-radius:2px;bottom:-10px;left:50%;transform:translateX(-50%)}.service-container .case .case-body{font-size:0;padding:0 120px;max-width:1200px;margin:0 auto}.service-container .case .case-body .case-card{display:inline-block;width:calc((100% - 78px)/4);margin-right:26px;border-radius:4px;box-shadow:0px 4px 10px 0px rgba(0,0,0,.1)}.service-container .case .case-body .case-card:last-child{margin-right:0}.service-container .case .case-body .case-card .case-card-img{width:100%;height:200px;background-size:cover;background-position:center}.service-container .case .case-body .case-card .case-card-content{padding:12px}.service-container .case .case-body .case-card .case-card-content .title{font-size:16px;font-weight:400;text-align:left;color:#000;line-height:22px}.service-container .case .case-body .case-card .case-card-content .desc{font-size:14px;font-weight:300;text-align:left;color:#969696;line-height:20px;position:relative}.service-container .case .case-body .case-card .case-card-content .desc img{position:absolute;right:0;bottom:2px}.inner-container{max-width:1200px;margin:0 auto}