.cio-breadcrumb[data-v-38b5d1b9]{padding:15px 0;font-size:14px;line-height:1;display:block}.cio-breadcrumb .cio-breadcrumb__item[data-v-38b5d1b9]{float:left}.cio-breadcrumb .cio-breadcrumb__inner[data-v-38b5d1b9]{color:#606266}.cio-breadcrumb .cio-breadcrumb__inner.is-link[data-v-38b5d1b9]{font-weight:700;text-decoration:none;color:#303133;transition:color .2s cubic-bezier(.645,.045,.355,1)}.cio-breadcrumb .cio-breadcrumb__inner.is-link[data-v-38b5d1b9]:hover{color:#009140}.cio-breadcrumb .cio-breadcrumb__separator[class*=icon][data-v-38b5d1b9]{margin:0 5px;font-weight:400;color:#c0c4cc}.cio-breadcrumb[data-v-38b5d1b9]:after,.cio-breadcrumb[data-v-38b5d1b9]:before{display:table;content:""}.cio-breadcrumb[data-v-38b5d1b9]:after{clear:both}.service-case-synopsis[data-v-77caaab3]{padding:20px 30px;background:#fff;position:relative;overflow:hidden;border-radius:5px;border:1px solid #eee;margin-bottom:20px}.service-case-synopsis .left[data-v-77caaab3]{float:left;width:400px;height:300px;position:relative;background:#f9f9f9}.service-case-synopsis .left .carousel-img[data-v-77caaab3]{width:400px;height:300px;-o-object-fit:contain;object-fit:contain;vertical-align:top}.service-case-synopsis .left .angleMark[data-v-77caaab3]{width:auto;height:24px;font-size:14px;line-height:24px;border-radius:12px;text-align:center;border:1px solid #fff;display:inline-block;padding:0 10px;color:#fff;overflow:hidden;position:absolute;top:15px;left:-18px;z-index:99999}.service-case-synopsis .left .angleMark.green[data-v-77caaab3]{background:#009140}.service-case-synopsis .left .angleMark.blue[data-v-77caaab3]{background:#409eff}.service-case-synopsis .left .angleMark.yellow[data-v-77caaab3]{background:#e6a23c}.service-case-synopsis .left .angleMark.other[data-v-77caaab3]{background:#fff;border-color:#99d3b3;color:#009140;font-weight:700}.service-case-synopsis .right[data-v-77caaab3]{float:left;width:700px;margin-left:30px}.service-case-synopsis .right h2[data-v-77caaab3]{font-size:24px;font-weight:700;color:#333;padding:0;margin-bottom:5px;line-height:35px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.service-case-synopsis .right p[data-v-77caaab3]{color:#666;padding:5px 0;display:flex;align-items:center}.service-case-synopsis .right .case-item[data-v-77caaab3]{background:#e6e6e6;padding:10px;border-radius:8px;display:flex;align-items:center;color:#333;cursor:pointer}.service-case-synopsis .right .case-item .case-item__title[data-v-77caaab3]{max-width:230px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-case-synopsis .right .case-item[data-v-77caaab3]:hover{color:#149a4f}.service-case-synopsis .right .server-box[data-v-77caaab3]{color:#666;padding:5px 0;align-items:center;display:flex;align-items:baseline}.service-case-synopsis .right .server-box .server-item[data-v-77caaab3]{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:#e6e6e6;padding:5px 10px;border-radius:8px;display:flex;align-items:center;color:#333;margin-bottom:5px;cursor:pointer}.service-case-synopsis .right .server-box .server-item .server-item__title[data-v-77caaab3]{max-width:230px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.service-case-synopsis .right .server-box .server-item[data-v-77caaab3] .el-button{margin-left:8px}.service-case-synopsis .right .link-item[data-v-77caaab3]{background:#e6e6e6;padding:10px;border-radius:8px;display:inline-block;color:#333;cursor:pointer;max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-case-synopsis .right .link-item[data-v-77caaab3]:hover{color:#149a4f}.service-case-synopsis .right pre[data-v-77caaab3]{display:block;color:#666;line-height:24px;padding-bottom:5px;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}.service-case-synopsis .right .relatedServices[data-v-77caaab3]{padding-left:72px;position:relative}.service-case-synopsis .right .relatedServices .title[data-v-77caaab3]{position:absolute;left:0;top:10px;font-size:14px}.service-case-synopsis .right .relatedServices .services[data-v-77caaab3]{margin:10px 0}.service-case-synopsis .right .relatedServices .services a[data-v-77caaab3]{background:#f2f2f2;padding:6px;border-radius:5px;color:#333;font-weight:700;display:inline-block}.service-case-synopsis .right .relatedServices .services a[data-v-77caaab3]:hover{color:#009140}.service-case-synopsis .right .relatedServices .services .el-button[data-v-77caaab3]{margin-left:6px}.service-case-synopsis .duration[data-v-77caaab3]{width:160px;height:36px;line-height:36px;text-align:center;color:#fff;background:#009140;position:absolute;right:0;top:15px;border-top-left-radius:18px;border-bottom-left-radius:18px}.service-case-infotabs[data-v-77caaab3]{width:1200px;min-height:480px;background:#fff;margin-bottom:60px}.service-case-infotabs .tabs-nav[data-v-77caaab3]{padding-left:30px;overflow:hidden;position:relative}.service-case-infotabs .tabs-nav ul[data-v-77caaab3]{margin-left:-20px}.service-case-infotabs .tabs-nav li[data-v-77caaab3]{float:left}.service-case-infotabs .tabs-nav li a[data-v-77caaab3]{display:block;font-size:16px;height:50px;padding:0 3px;margin:0 17px;font-weight:500;color:#303133;position:relative;border-bottom:2px solid #fff;list-style:none;line-height:50px;cursor:pointer}.service-case-infotabs .tabs-nav li a[data-v-77caaab3]:hover{color:#009140}.service-case-infotabs .tabs-nav li.active a[data-v-77caaab3]{color:#009140;border-color:#009140;z-index:2}.service-case-infotabs .tabs-nav[data-v-77caaab3]:after{content:"";height:1px;background-color:#f2f2f2;position:absolute;left:0;bottom:0;width:100%;z-index:1}.service-case-infotabs .tabs-content[data-v-77caaab3]{padding:20px 30px 40px;overflow:hidden;min-height:200px}.service-case-infotabs .tabs-content img[data-v-77caaab3]{max-width:100%!important}.service-case-infotabs .relatedService[data-v-77caaab3]{text-align:center;padding-bottom:40px}.service-case-infotabs .relatedService ul[data-v-77caaab3]{display:inline-block}.service-case-infotabs .relatedService ul li[data-v-77caaab3]{display:inline-block;width:340px;margin:0 10px;padding-bottom:20px;border-radius:5px;overflow:hidden;border:1px solid #eee;background:#f2f2f2}.service-case-infotabs .relatedService ul h3[data-v-77caaab3]{margin:10px 20px;color:#333;line-height:24px;height:48px;font-size:16px;font-weight:700;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.service-case-infotabs .relatedService ul .image[data-v-77caaab3]{width:340px;height:200px}