.bpr-visual{position:relative;height:85rem;background:#111;}
.bpr-visual .swiper-slide{background:no-repeat center;background-size:cover;}
.bpr-visual .swiper-slide .inner{height:85rem;line-height:85rem;font-size:0;}
.bpr-visual .swiper-slide .inner .el{display:inline-block;line-height:1;vertical-align:middle;}
.bpr-visual .swiper-slide .inner .el h2{font-size:4.5rem;color:#fff;font-weight:700;line-height:1.2;text-transform:uppercase;}
.bpr-visual .swiper-slide .inner .el p{margin-top:2rem;font-size:1.8rem;color:#fff;line-height:1.3;}
.bpr-visual .func{position:absolute;width:100%;left:0;top:calc(50% + 12rem);z-index:1;}
.bpr-visual .func button{width:5rem;height:5rem;border-radius:5rem;margin-right:1rem;border:1px solid #fff;}
.bpr-visual .func span{line-height:5rem;}
.bpr-visual .func span i{position:relative;padding:0 1rem;font-size:1.3rem;color:#fff;opacity:.7;}
.bpr-visual .func span i::after{display:inline-block;width:1px;height:8px;right:-1px;top:50%;margin-top:-4px;background:#fff;}
.bpr-visual .func span i:last-child{padding-right:0;}
.bpr-visual .func span i:last-child::after{display:none;}
.sale{position:relative;z-index:1;margin-top:-12rem;}
.sale .inner{position:relative;}
.sale .inner h3{padding:2rem 5rem;font-size:2rem;color:#fff;background:#1c61c9;}
.sale .inner .sale-swiper{padding:4rem 5rem;background:#fff;border:1px solid #eee;}
.sale .inner .sale-swiper .swiper-container .swiper-slide a{position:relative;display:block;height:9rem;padding:0 4rem;}
.sale .inner .sale-swiper .swiper-container .swiper-slide a mark{position:absolute;left:0;top:0;padding:1rem 1.5rem;font-size:1.8rem;color:#fff;background:#f08200;}
.sale .inner .sale-swiper .swiper-container .swiper-slide a mark[data-state=end]{color:#6b717a;background-color:#edf1f6;}
.sale .inner .sale-swiper .swiper-container .swiper-slide a em{padding-left:5rem;margin-bottom:2rem;font-size:1.8rem;color:#333;line-height:1.4;}
.sale .inner .sale-swiper .swiper-container .swiper-slide a sub{padding-left:5rem;font-size:1.6rem;color:#777;}
.sale .inner .sale-swiper .func{position:absolute;top:2.4rem;right:5rem;}
.sale .inner .sale-swiper .func a img{margin-left:.5rem;}
.sale .inner .sale-swiper .func button{width:2.5rem;height:1rem;text-align:center;}
.sale .inner .sale-swiper .func [aria-pressed=false]::before{display:inline-block;margin-left:-0.2rem;width:2px;height:100%;top:0;background:#fff;}
.sale .inner .sale-swiper .func [aria-pressed=false]::after{display:inline-block;margin-left:.3rem;width:2px;height:100%;top:0;background:#fff;}
.sale .inner .sale-swiper .func [aria-pressed=true]::before{display:inline-block;top:0;border:5px solid rgba(0,0,0,0);border-left:6px solid #fff;}
.about{margin-top:-12rem;padding:24rem 0 12rem;background:#f0f7ff;overflow:hidden;}
.about .inner{position:relative;}
.about .inner mark{font-size:2.3rem;}
.about .inner h2{margin-top:1rem;margin-bottom:7rem;font-size:4.3rem;}
.about .inner h2+.row{margin:0 -2.5rem;}
.about .inner h2+.row [class^=grid-]{padding:0 2.5rem;}
.about .inner h2+.row [class^=grid-] a{position:relative;display:block;padding-bottom:18rem;}
.about .inner h2+.row [class^=grid-] a .thumbs{position:relative;height:28.5rem;background:no-repeat center;background-size:cover;background:#111;overflow:hidden;}
.about .inner h2+.row [class^=grid-] a .thumbs img{position:absolute;min-width:101%;min-height:101%;left:50%;top:50%;transform:translate(-50%,-50%);}
.about .inner h2+.row [class^=grid-] a dl{position:absolute;width:100%;min-height:20rem;left:0;bottom:0;padding:4rem;line-height:1.2;background:#fff;transition:all .3s ease;}
.about .inner h2+.row [class^=grid-] a dl dt{margin-bottom:2rem;font-size:2.5rem;font-weight:700;transition:all .3s ease;}
.about .inner h2+.row [class^=grid-] a dl dd{position:relative;font-size:1.6rem;color:#555;line-height:1.5;transition:all .3s ease;}
.about .inner h2+.row [class^=grid-] a dl dd img{position:absolute;left:-1rem;bottom:-5rem;opacity:0;visibility:hidden;transition:all .3s ease;}
.about .inner h2+.row [class^=grid-] a:hover dl{padding-bottom:10rem;background:#2c7cec;}
.about .inner h2+.row [class^=grid-] a:hover dl dt,.about .inner h2+.row [class^=grid-] a:hover dl dd{color:#fff;}
.about .inner h2+.row [class^=grid-] a:hover dl img{visibility:visible;opacity:1;left:0;transition-delay:.2s;}
.about .inner div.init{margin-top:8rem;}
.about .inner div.init a{padding:0 8rem;}
.about .inner div.init a i{display:inline-block;width:8rem;height:8rem;line-height:8rem;margin-bottom:2rem;font-size:0;}
.about .inner div.init a i img{vertical-align:middle;}
.about .inner div.init a span{display:block;font-size:2.1rem;color:#333;font-weight:500;transition:color .3s ease;}
.about .inner div.init a:hover span{color:#2c7cec;}
.about .inner a.more{position:absolute;right:0;top:3rem;font-size:1.9rem;color:#f67a00;}
.port{background:#111 no-repeat center;background-size:cover;background-image:url(/images/redevelopment/assets/img/main/port_bg.jpg);background-attachment:fixed;text-align:center;}
.port .inner{position:relative;padding-top:10rem;}
.port .inner .el{margin-bottom:5rem;color:#fff;}
.port .inner .el h2{margin-bottom:2rem;font-size:4.8rem;font-weight:700;line-height:1.15;text-transform:uppercase;}
.port .inner .el a{font-size:1.9rem;}
.port .inner .row a{position:relative;display:block;height:30rem;padding:5rem;color:#fff;text-align:left;}
.port .inner .row a.blue{background:#072e65 url(/images/redevelopment/assets/img/main/svg/icon_port_bg01.svg) no-repeat calc(100% - 2rem) calc(100% - 1rem);}
.port .inner .row a.mint{background:#00afb1 url(/images/redevelopment/assets/img/main/svg/icon_port_bg02.svg) no-repeat calc(100% - 2rem) calc(100% - 1rem);}
.port .inner .row a.green{background:#0a7a3e url(/images/redevelopment/assets/img/main/svg/icon_port_bg03.svg) no-repeat calc(100% - 2rem) calc(100% - 1rem);}
.port .inner .row a.light-blue{background:#1583e0 url(/images/redevelopment/assets/img/main/svg/icon_port_bg04.svg) no-repeat calc(100% - 2rem) calc(100% - 1rem);}
.port .inner .row a em{font-size:2.5rem;}
.port .inner .row a p{margin:2rem 0 7rem 0;font-size:1.7rem;line-height:1.4;}
.port .inner .row a img{transition:margin .3s ease;}
.port .inner .row a:hover img{margin-left:1rem;}
/*# sourceMappingURL=style.main.min.css.map */