.service{position:relative;display:flex;justify-content:flex-end;padding-top:212px;padding-bottom:100px;width:100%;min-height:881px;background-repeat:no-repeat;background-size:cover;background-image:url("/cn/images/service/bg.png");box-sizing:border-box}.service .service-img-box{position:absolute;left:0;top:130px;width:50%;height:554px;z-index:2;background-color:#fff;overflow:hidden}.service .service-img-box .swiper-slide{width:100%;height:100%}.service .service-img-box .service-img{position:absolute;left:0;top:0;opacity:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center center;transition:all .3s}.service .service-img-box .service-img.show{opacity:1}.service .swiper-button-prev,.service .swiper-button-next{margin-top:0;width:48px;height:48px;outline:none;transform:translateY(-50%);border-radius:50%}.service .swiper-button-prev::after,.service .swiper-button-next::after{width:100%;height:100%;content:"";background-repeat:no-repeat;background-size:cover;background-position:center center}.service .swiper-button-prev::after{background-image:url("/cn/images/about/arrow-left.png")}.service .swiper-button-next::after{background-image:url("/cn/images/about/arrow-right.png")}.service .service-box{position:relative;padding-left:6.5%;padding-right:calc(50vw - 615px);padding-top:50px;padding-bottom:60px;width:52%;min-height:567px;background:#fff;z-index:1}.service .service-box .service-title{padding-bottom:20px;font-size:30px;font-weight:bold;color:#333;line-height:40px}.service .service-box .service-item-box .item-top{display:flex;padding:10px 0;justify-content:space-between;border-bottom:1px solid #ccc;cursor:pointer;transition:all .3s}.service .service-box .service-item-box .item-top .item-title{flex:1;font-size:18px;font-weight:bold;color:#333;line-height:30px;transition:all .3s}.service .service-box .service-item-box .item-top .item-arrow{margin-top:3px;margin-left:10px;width:24px;height:24px;background-repeat:no-repeat;background-size:contain;background-image:url('/cn/images/shared/arrow-down.png');transition:all .3s}.service .service-box .service-item-box .service-content{display:none;padding:20px 0}.service .service-box .service-item-box .service-content .service-item{display:flex;padding-bottom:5px}.service .service-box .service-item-box .service-content .service-item .item-dot{margin-top:7px;margin-right:10px;width:10px;height:10px;background:#1a98d1;border-radius:50%}.service .service-box .service-item-box .service-content .service-item .item-content{flex:1;font-size:16px;font-weight:400;color:#777;line-height:28px}.service .service-box .service-item-box .service-content .item-img{max-width:100%}.service .service-box .service-item-box.active .item-top{border-bottom:1px solid #1a98d1}.service .service-box .service-item-box.active .item-top .item-title{color:#1a98d1}.service .service-box .service-item-box.active .item-top .item-arrow{background-image:url('/cn/images/shared/arrow-up.png')}.service .service-box .service-item-box.active .service-content{display:block}.case{display:flex;justify-content:center;width:100%;padding:70px 0}.case .case-box{display:flex;flex-wrap:wrap;width:100%;margin-top:70px}.case .case-box .case-item{width:400px;height:395px;margin-right:30px;transition:all .3s}.case .case-box .case-item .item-img{width:100%;height:225px;background-repeat:no-repeat;background-size:cover;background-position:center center}.case .case-box .case-item .news-bottom{padding:0 15px;box-sizing:border-box}.case .case-box .case-item .news-bottom .item-top{display:flex;justify-content:space-between;flex-wrap:wrap;padding-top:15px}.case .case-box .case-item .news-bottom .item-title{margin-top:10px;margin-right:10px;font-size:20px;font-weight:bold;color:#333;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.case .case-box .case-item .news-bottom .item-address{display:flex;align-items:center;margin-top:10px;max-width:100%}.case .case-box .case-item .news-bottom .item-address .item-icon{margin-right:3px;width:20px;height:20px;background-repeat:no-repeat;background-size:contain;background-image:url("/cn/images/service/address.png")}.case .case-box .case-item .news-bottom .item-address .item-value{flex:1;font-size:16px;font-weight:400;color:#666;line-height:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.case .case-box .case-item .news-bottom .item-content{margin-top:20px;height:52px;font-size:15px;font-weight:400;color:#999;line-height:26px;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.case .case-box .case-item:last-child{margin-right:0}.case .case-box .case-item:hover{box-shadow:0 6px 61px 7px rgba(130,130,130,0.11)}.case .more-btn{display:flex;align-items:center;justify-content:center;margin:0 auto;margin-top:58px;width:165px;height:54px;font-size:14px;font-weight:400;color:rgba(255,255,255,0.8);line-height:26px;text-transform:uppercase;background:#1a98d1}.mask{position:fixed;left:0;top:0;display:none;width:100%;height:100%;background-color:rgba(0,0,0,0.8);z-index:100}.mask .close-box{position:absolute;top:30px;right:30px;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background-color:rgba(0,0,0,0.5);z-index:101;cursor:pointer}.mask .close-box .close{width:35px;height:35px;background-repeat:no-repeat;background-size:contain;background-position:center center;background-image:url(/cn/images/service/close.png)}.mask .mask-swiper{position:relative;margin:0 auto;width:1000px;height:100%;overflow:hidden}.mask .mask-swiper .mask-img{max-width:1000px;height:100%;background-repeat:no-repeat;background-size:contain;background-position:center center;margin:0 auto}.mask .swiper-button-prev,.mask .swiper-button-next{margin-top:0;width:48px;height:48px;outline:none;transform:translateY(-50%);border-radius:50%}.mask .swiper-button-prev::after,.mask .swiper-button-next::after{width:100%;height:100%;content:"";background-repeat:no-repeat;background-size:cover;background-position:center center}.mask .swiper-button-prev::after{background-image:url("/cn/images/about/arrow-left.png")}.mask .swiper-button-next::after{background-image:url("/cn/images/about/arrow-right.png")}.mask.show{display:block}