@charset "utf-8";

.ProductCaseStudy[data-v-145a3b9a] { padding-bottom: 40px; }

.ProductCaseStudy.minPd[data-v-145a3b9a] { padding-bottom: 12px; }

.ProductCaseStudy .pc[data-v-145a3b9a] { position: relative; }

.ProductCaseStudy .pc[data-v-145a3b9a]:hover .swiper-button-next, .ProductCaseStudy .pc[data-v-145a3b9a]:hover .swiper-button-prev { opacity: 1; }

.ProductCaseStudy .pc .slide_item[data-v-145a3b9a] { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; border-radius: 8px; cursor: pointer; flex-direction: column; height: 100%; overflow: hidden; transition: 0.3s; }

.ProductCaseStudy .pc .slide_item .img_box > img[data-v-145a3b9a] { display: block; height: 160px; width: 285px; }

.ProductCaseStudy .pc .slide_item .title_box[data-v-145a3b9a] { -webkit-box-flex: 1; display: flex; flex: 1 1 0%; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; border-right: 1px solid rgb(229, 229, 229); border-bottom: 1px solid rgb(229, 229, 229); border-left: 1px solid rgb(229, 229, 229); border-image: initial; border-radius: 0px 0px 8px 8px; border-top: none; justify-content: space-between; padding: 20px; }

.ProductCaseStudy .pc .slide_item .title_box .tags[data-v-145a3b9a] { color: rgb(112, 112, 112); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; margin-bottom: 12px; }

.ProductCaseStudy .pc .slide_item .title_box .tags > img[data-v-145a3b9a] { display: inline-block; height: 20px; padding-right: 4px; width: 20px; }

.ProductCaseStudy .pc .slide_item .title_box .tags > span[data-v-145a3b9a] { font-size: 12px; line-height: 20px; text-decoration: none; white-space: nowrap; }

.ProductCaseStudy .pc .slide_item .title_box .title[data-v-145a3b9a] { color: rgb(25, 25, 26); font-size: 14px; font-weight: 600; line-height: 22px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; }

.ProductCaseStudy .pc .slide_item .title_box .label[data-v-145a3b9a] { display: flex; flex-wrap: wrap; margin-top: 8px; }

.ProductCaseStudy .pc .slide_item .title_box .label > span[data-v-145a3b9a] { background-color: rgb(242, 242, 242); color: rgb(25, 25, 26); font-size: 12px; line-height: 20px; margin: 8px 8px 0px 0px; padding: 2px 12px; }

.ProductCaseStudy .pc .slide_item .title_box .label > span[data-v-145a3b9a]:last-child { margin-right: 0px; }

.ProductCaseStudy .pc .slide_item .title_box .desc[data-v-145a3b9a] { color: rgb(112, 112, 112); display: flex; font-size: 12px; height: 20px; line-height: 20px; margin-top: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-box-align: center; align-items: center; flex-wrap: wrap; }

.ProductCaseStudy .pc .slide_item .title_box .desc[data-v-145a3b9a] > span { display: flex; -webkit-box-align: center; align-items: center; }

.ProductCaseStudy .pc .slide_item .title_box .desc[data-v-145a3b9a] > span::before { background-color: rgb(229, 229, 229); content: ""; display: block; height: 10px; margin: 0px 8px; width: 1px; }

.ProductCaseStudy .pc .slide_item .title_box .desc[data-v-145a3b9a] > span:first-child::before { display: none; }

.ProductCaseStudy .pc .slide_item .title_box .more[data-v-145a3b9a] { color: rgb(25, 25, 26); font-size: 13px; line-height: 20px; margin-top: 16px; }

.ProductCaseStudy .pc .slide_item .title_box .more > .box[data-v-145a3b9a] { display: inline-block; }

.ProductCaseStudy .pc .slide_item[data-v-145a3b9a]:hover { box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 15px -10px; }

.ProductCaseStudy .pc .slide_item:hover .title_box .title[data-v-145a3b9a] { text-decoration: underline; }

.ProductCaseStudy .mobile[data-v-145a3b9a] { display: none; }

.ProductCaseStudy .mobile .case_list[data-v-145a3b9a] { width: 100%; }

.ProductCaseStudy .mobile .case_list .case_item[data-v-145a3b9a]:first-child { margin-top: 0px; }

.ProductCaseStudy .mobile .case_list .case_item[data-v-145a3b9a]:not(:first-child) { margin-top: 12px; }

.ProductCaseStudy .mobile .case_list .case_item .case_link .case_box[data-v-145a3b9a] { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; border-radius: 8px; cursor: pointer; flex-direction: column; height: 100%; overflow: hidden; }

.ProductCaseStudy .mobile .case_list .case_item .case_link .case_box .img_box > img[data-v-145a3b9a] { display: block; height: auto; width: 100%; }

.ProductCaseStudy .mobile .case_list .case_item .case_link .case_box .title_box[data-v-145a3b9a] { -webkit-box-flex: 1; display: flex; flex: 1 1 0%; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; border-right: 1px solid rgb(229, 229, 229); border-bottom: 1px solid rgb(229, 229, 229); border-left: 1px solid rgb(229, 229, 229); border-image: initial; border-radius: 0px 0px 8px 8px; border-top: none; justify-content: space-between; padding: 20px; }

.ProductCaseStudy .mobile .case_list .case_item .case_link .case_box .title_box .tags[data-v-145a3b9a] { color: rgb(112, 112, 112); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; margin-bottom: 12px; }

.ProductCaseStudy .mobile .case_list .case_item .case_link .case_box .title_box .tags > img[data-v-145a3b9a] { display: inline-block; height: auto; padding-right: 4px; width: 100%; }

.ProductCaseStudy .mobile .case_list .case_item .case_link .case_box .title_box .tags > span[data-v-145a3b9a] { font-size: 12px; line-height: 20px; text-decoration: none; white-space: nowrap; }

.ProductCaseStudy .mobile .case_list .case_item .case_link .case_box .title_box .title[data-v-145a3b9a] { color: rgb(25, 25, 26); font-size: 14px; font-weight: 600; line-height: 22px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; }

.ProductCaseStudy .mobile .case_list .case_item .case_link .case_box .title_box .desc[data-v-145a3b9a] { color: rgb(112, 112, 112); font-size: 12px; line-height: 20px; margin-top: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.ProductCaseStudy .mobile .see_more_btn[data-v-145a3b9a] { color: rgb(0, 96, 191); cursor: pointer; display: inline-flex; font-size: 13px; line-height: 20px; padding-top: 20px; }

.ProductCaseStudy .mobile .see_more_btn:hover .btn_info[data-v-145a3b9a] { text-decoration: underline; }

.ProductCaseStudy .mobile .see_more_btn .iconfont_down[data-v-145a3b9a] { display: inline-block; font-size: 12px; margin-left: 5px; margin-top: 1px; transition: 0.3s; }

.ProductCaseStudy .mobile .see_more_btn .iconfont_down.iconfont_down_up[data-v-145a3b9a] { transform: rotateX(-180deg); }

@media (max-width: 960px) {
  .ProductCaseStudy[data-v-145a3b9a] { padding: 16px 16px 24px; }
  .ProductCaseStudy .pc[data-v-145a3b9a] { display: none; }
  .ProductCaseStudy .pc .slide_item .img_box > img[data-v-145a3b9a] { height: auto; width: 100%; }
  .ProductCaseStudy .mobile[data-v-145a3b9a] { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; }
}

[data-v-145a3b9a] .swiper-container { border-radius: 8px; padding-bottom: 28px; z-index: 0; }

[data-v-145a3b9a] .swiper-container .swiper-slide { height: auto; }

[data-v-145a3b9a] .swiper-container .swiper-slide > a { text-decoration: none; }

[data-v-145a3b9a] .swiper-container .swiper-pagination { bottom: 0px; display: flex; -webkit-box-pack: center; justify-content: center; }

[data-v-145a3b9a] .swiper-container .swiper-pagination .swiper-pagination-bullet { background: rgb(112, 112, 112); opacity: 0.4; transition: 0.3s; vertical-align: bottom; }

[data-v-145a3b9a] .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: rgb(112, 112, 112); border-radius: 4px; opacity: 1; width: 20px; }

[data-v-145a3b9a] .swiper-btn-box { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; }

[data-v-145a3b9a] .swiper-btn-box .swiper-button-prev { background: rgba(0, 0, 0, 0.2); border-radius: 50%; color: rgb(255, 255, 255); font-size: 20px; height: 40px; left: -80px; margin-top: -54px; opacity: 0; pointer-events: auto; right: auto; text-align: center; transition: 0.3s; width: 40px; z-index: 10; }

@media (max-width: 1024px) {
  [data-v-145a3b9a] .swiper-btn-box .swiper-button-prev { display: none; }
}

[data-v-145a3b9a] .swiper-btn-box .swiper-button-prev::after { content: ""; font-family: iconfont; font-size: 20px; }

[data-v-145a3b9a] .swiper-btn-box .swiper-button-prev:hover { background: rgba(0, 0, 0, 0.4); }

[data-v-145a3b9a] .swiper-btn-box .swiper-button-next { background: rgba(0, 0, 0, 0.2); border-radius: 50%; color: rgb(255, 255, 255); font-size: 20px; height: 40px; left: auto; margin-top: -54px; opacity: 0; pointer-events: auto; right: -80px; text-align: center; transition: 0.3s; width: 40px; z-index: 10; }

@media (max-width: 1024px) {
  [data-v-145a3b9a] .swiper-btn-box .swiper-button-next { display: none; }
}

[data-v-145a3b9a] .swiper-btn-box .swiper-button-next::after { content: ""; font-family: iconfont; font-size: 20px; }

[data-v-145a3b9a] .swiper-btn-box .swiper-button-next:hover { background: rgba(0, 0, 0, 0.4); }

[data-v-145a3b9a] .swiper-btn-box .swiper-button-disabled { background: rgba(0, 0, 0, 0.05); }

[data-v-145a3b9a] .swiper-btn-box .swiper-button-disabled:hover { background: rgba(0, 0, 0, 0.05); }