/**
 * ########################################################################################################################
 * ### 实景案例
 * ########################################################################################################################
 */
/*.inner-comm-title.cn { padding-bottom: 0.5em; }*/
.c-white { color: #fff; }

.inner-page-content_realcase .inner-banner-wrapper { height: 8.5rem; }
.inner-real-case { padding: 1.2rem 2.8rem; }
.inner-real-case .list { display: flex; flex-wrap: wrap;  }
.inner-real-case .item { display: block; width: calc(33.3333% - .2rem); margin-right: .3rem; margin-bottom: .3rem; }
.inner-real-case .item:nth-child(3n + 3) { margin-right: 0; }
.inner-real-case .item .image-wrap { position: relative; width: 100%; height: 0; padding-bottom: 56.4%; overflow: hidden; }
.inner-real-case .item .image { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); object-fit: cover; }
.inner-real-case .item .title { padding-top: .18rem; font-size: .18rem; font-weight: normal; color: #333; }
.inner-real-case .icon { position: absolute; top: 50%; left: 50%; width: .76rem; height: .76rem; border-radius: 50%; background: rgba(0,0,0,0.8); transform: translate(-50%, -50%) scale(0); transition:  all .5s ease-in-out; }
.inner-real-case .icon .iconfont { font-size: .24rem; color: #fff; }
.inner-real-case .item:hover .icon { transform: translate(-50%, -50%) scale(1); }

.inner-page-content_realcase-detail .inner-banner-wrapper { height: 7.2rem; }


.inner-real-case-detail .show-model { padding: 1.6rem 0 0; font-size: 0; text-align: center; background: #c0b2a5; }
.inner-real-case-detail .show-model .desc { font-size: .18rem; line-height: 1.9; }
.inner-real-case-detail .show-model .show-image { width: 100%; margin-top: .4rem; object-fit: cover; }

/*.inner-real-case-detail .list-model .item { margin: .78rem 0; }*/
.inner-real-case-detail .list-model { margin-top: .78rem; }
.inner-real-case-detail .list-model .item + .item { margin-top: .78rem; }
.inner-real-case-detail .list-model .item .model { display: flex; }
.inner-real-case-detail .list-model .item .model2 { margin-top: .78rem; }
.inner-real-case-detail .list-model .text-wrap { width: 50%; flex-direction: column; text-align: center; }
.inner-real-case-detail .list-model .title { margin-bottom: .08em; font-size: var(--en-num-title-size); font-weight: normal; color: #333; }
.inner-real-case-detail .list-model .sort { font-size: var(--en-title-size); font-weight: normal; line-height: 1; color: #333; }
.inner-real-case-detail .list-model .desc { margin-top: 1.94444em; font-size: var(--desc-size); line-height: 1.77778; color: #666; }
.inner-real-case-detail .list-model .image-wrap { width: 50%; font-size: 0; height: 10.4rem; }
.inner-real-case-detail .list-model .swiper-images { width: 100%; height: 100%; }
.inner-real-case-detail .list-model .image { width: 100%; height: 100%; object-fit: cover; }
.inner-real-case-detail .list-model .item:nth-child(even) .model { flex-direction: row-reverse; }
.inner-real-case-detail .inner-big-swiper-pagination { position: absolute; top: auto; bottom: 0; width: 100%;  }



.swiper-image-button { position: absolute; width: 0.66rem; height: 0.66rem; display: flex; align-items: center; justify-content: center; cursor: pointer; background: rgba(0,0,0,0.3); top: 50%; margin-top: -0.66rem; z-index: 10; color: rgba(255,255,255,0.68); font-size: 0.36rem; transition: all 0.6s; outline: none !important; border: none !important; }
.swiper-image-button:hover { color: rgba(255,255,255,0.9); background: rgba(0,0,0,0.3);}
.swiper-image-button-prev { left: .26rem; }
.swiper-image-button-next { right: .26rem; }

.swiper-images .swiper-image-pagination { position: absolute; bottom: 0; width: 100%; z-index: 10; display: flex; align-items: center; justify-content: center; padding-top: 0.5rem; padding-bottom: 0.5rem; }
.swiper-images .swiper-image-pagination .swiper-pagination-bullet { background: rgba(255,255,255,.3); width: 9px; height: 9px; margin: 0 0.26rem; cursor: pointer; position: relative; opacity: 1; outline: none; }
.swiper-images .swiper-image-pagination .swiper-pagination-bullet::after { content: ""; width: 100%; height: 100%; left: 0; top: 0; z-index: 10; border-radius: 50%; position: absolute; transition: all 0.9s; transform: scale(0); background: #333; }
.swiper-images .swiper-image-pagination .swiper-pagination-bullet-active { background: rgba(255,255,255,.3); }
.swiper-images .swiper-image-pagination .swiper-pagination-bullet-active::after { transform: scale(1); }
.swiper-images .swiper-image-pagination .swiper-pagination-bullet:hover::after { background: #efc395; transform: scale(1); transition: all 0.3s; }

.inner-real-case-detail .end-model { padding: .8rem 0; text-align: center; border-bottom: 1px solid #f4f4f4;}
.inner-real-case-detail .end { font-size: .18rem; font-weight: normal; line-height: 1.9; color: #666; }