.recommended-article[data-v-e3ebd682]{padding:60px 0}.recommended-article h1[data-v-e3ebd682]{color:var(--el-color-primary);margin:0 0 40px}.recommended-article .case-list[data-v-e3ebd682]{display:flex;flex-wrap:wrap;margin:0 -10px}.recommended-article .case-list .case-item-col[data-v-e3ebd682]{box-sizing:border-box;margin-bottom:20px;padding:0 10px;width:33.33%}.recommended-article .case-list .case-item-col .case-item[data-v-e3ebd682]{box-shadow:0 0 10px #0000001a;transition:all .3s}.recommended-article .case-list .case-item-col .case-item .img[data-v-e3ebd682]{padding-bottom:50%;position:relative}.recommended-article .case-list .case-item-col .case-item .img img[data-v-e3ebd682]{height:100%;left:0;position:absolute;top:0;width:100%}.recommended-article .case-list .case-item-col .case-item .det[data-v-e3ebd682]{padding:10px 20px 20px}.recommended-article .case-list .case-item-col .case-item .det h4[data-v-e3ebd682]{display:-webkit-box;height:40px;line-height:20px;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.recommended-article .case-list .case-item-col .case-item .det h4 a[data-v-e3ebd682]{color:inherit;font-size:16px;text-decoration:none}.recommended-article .case-list .case-item-col .case-item .det .desc[data-v-e3ebd682]{display:flex;font-size:13px;justify-content:space-between;line-height:20px;margin-top:20px}.recommended-article .case-list .case-item-col .case-item .det .desc .tag[data-v-e3ebd682]{border:1px solid var(--el-color-primary);border-radius:5px;color:var(--el-color-primary);padding:3px 10px}.recommended-article .case-list .case-item-col .case-item .det .desc .txt[data-v-e3ebd682]{color:#999;margin-left:10px}@media screen and (max-width:900px){.recommended-article[data-v-e3ebd682]{width:100%}.recommended-article h1[data-v-e3ebd682]{margin:0 20px 30px}.recommended-article .case-list[data-v-e3ebd682]{margin:0;padding:0 10px}.recommended-article .case-list .case-item-col[data-v-e3ebd682]{margin-bottom:10px;padding:0 5px;width:50%}.recommended-article .case-list .case-item-col .case-item[data-v-e3ebd682]{border-radius:10px;overflow:hidden;position:relative}.recommended-article .case-list .case-item-col .case-item .det[data-v-e3ebd682]{background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);bottom:0;box-sizing:border-box;color:#fff;left:0;padding:10px;position:absolute;width:100%}.recommended-article .case-list .case-item-col .case-item .det h4[data-v-e3ebd682]{font-weight:500;height:32px;line-height:16px}.recommended-article .case-list .case-item-col .case-item .det h4 a[data-v-e3ebd682]{font-size:12px}.recommended-article .case-list .case-item-col .case-item .det .desc[data-v-e3ebd682]{align-items:flex-start;flex-direction:column-reverse;margin:0}.recommended-article .case-list .case-item-col .case-item .det .desc .txt[data-v-e3ebd682]{color:#fff;font-size:10px;margin:0 0 5px}.recommended-article .case-list .case-item-col .case-item .det .desc .tag[data-v-e3ebd682]{border-color:#fff;border-radius:5px;color:#fff;font-size:12px;font-size:10px;padding:0 5px}}.blog-container .wrapper[data-v-91b1ea1b]{margin:0 auto;max-width:1100px;padding:50px 0;position:relative}.blog-container .slider-header[data-v-91b1ea1b]{align-items:center;background:url(../images/blog/blog-slider.jpg) 50%/cover no-repeat;background-color:#333;display:flex;height:400px}.blog-container .slider-header .page-title[data-v-91b1ea1b]{color:#fff;font-size:58px;line-height:1.3;text-shadow:1px 1px 1px rgba(0,0,0,.5);width:80%}.blog-container .container[data-v-91b1ea1b]{padding:50px 0}.blog-container .container .content-box[data-v-91b1ea1b]{display:flex}.blog-container .container .content-box .content-left[data-v-91b1ea1b]{font-size:16px;line-height:2;min-height:500px;padding-right:40px;width:70%}.blog-container .container .content-box .content-right[data-v-91b1ea1b]{height:100%;width:30%}.blog-container .container .content-box .content-right .blog-title[data-v-91b1ea1b]{font-size:20px;font-weight:700;margin-bottom:20px}.blog-container .container .content-box .content-right .blog-list .item-col[data-v-91b1ea1b]{box-sizing:border-box;margin-bottom:20px;padding:0 10px}.blog-container .container .content-box .content-right .blog-list .item-col .item[data-v-91b1ea1b]{box-shadow:0 0 10px #0000001a;transition:all .3s}.blog-container .container .content-box .content-right .blog-list .item-col .item .img[data-v-91b1ea1b]{padding-bottom:50%;position:relative}.blog-container .container .content-box .content-right .blog-list .item-col .item .img img[data-v-91b1ea1b]{height:100%;left:0;position:absolute;top:0;width:100%}.blog-container .container .content-box .content-right .blog-list .item-col .item .det[data-v-91b1ea1b]{font-weight:700;line-height:20px;max-height:60px;overflow:hidden;padding:10px 20px 0;text-overflow:ellipsis;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical}.blog-container .container .content-box .content-right .blog-list .item-col .item .det a[data-v-91b1ea1b]{color:inherit;font-size:16px;text-decoration:none}.blog-container .container .content-box .content-right .blog-list .item-col .item .case-btn[data-v-91b1ea1b]{padding-bottom:10px;padding-right:15px;text-align:right}@media screen and (max-width:1440px){.slider-header[data-v-91b1ea1b]{max-height:100vh}}@media screen and (max-width:1200px){.slider-header[data-v-91b1ea1b]{height:400px}}@media screen and (max-width:900px){.blog-container .slider-header[data-v-91b1ea1b]{box-sizing:border-box;height:400px;padding:40px 20px}.blog-container .slider-header .page-title[data-v-91b1ea1b]{font-size:30px;width:100%}.blog-container .container[data-v-91b1ea1b]{padding:0}.blog-container .container .content-box[data-v-91b1ea1b]{display:block}.blog-container .container .content-box .content-left[data-v-91b1ea1b]{box-sizing:border-box;padding:0 20px;width:auto}.blog-container .container .content-box .content-right[data-v-91b1ea1b]{margin-top:40px;width:100%}.blog-container .container .content-box .content-right .blog-title[data-v-91b1ea1b]{display:none;margin:0 20px 30px}.blog-container .container .content-box .content-right .blog-list[data-v-91b1ea1b]{display:none}.blog-container .container .content-box .content-right .blog-list .item-col[data-v-91b1ea1b]{box-sizing:border-box;margin-bottom:20px;padding:0 20px}}.blog-detail-content{font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.blog-detail-content i{font-style:normal}.blog-detail-content img{height:auto;max-width:100%}