.bpi-visual{position:relative;background:#111;}
.bpi-visual .swiper-slide{background:no-repeat center;background-size:cover;}
.bpi-visual .swiper-slide .inner{position:absolute;width:100%;left:50%;top:calc(50% - 10rem);transform:translate(-50%, -50%);z-index:1;}
.bpi-visual .swiper-slide .inner .el h2{font-size:4.5rem;color:#fff;font-weight:700;line-height:1.2;}
.bpi-visual .swiper-slide .inner .el p{margin-top:2rem;font-size:1.8rem;color:#fff;line-height:1.3;}
.bpi-visual .func{position:absolute;width:100%;left:0;top:calc(50% + 10rem);z-index:1;}
.bpi-visual .func button{width:5rem;height:5rem;border-radius:5rem;margin-right:1rem;border:1px solid #fff;}
.bpi-visual .func span{line-height:5rem;}
.bpi-visual .func span i{position:relative;padding:0 1rem;font-size:1.3rem;color:#fff;opacity:.7;}
.bpi-visual .func span i::after{display:inline-block;width:1px;height:8px;right:-1px;top:50%;margin-top:-4px;background:#fff;}
.bpi-visual .func span i:last-child{padding-right:0;}
.bpi-visual .func span i:last-child::after{display:none;}
.about{padding:12rem 0;overflow:hidden;}
.about::after{position:absolute;display:block;width:100%;height:100vh;left:0;top:65vh;background:#f0f7fe;z-index:-1;white-space:nowrap;line-height:1;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 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/bpg/assets/img/main/port_bg.jpg);background-attachment:fixed;}
.port .inner.s{max-width:1200px;}
@media(max-width:1260px){
  .port .inner.s{max-width:inherit;}
}
.port .inner.s .el{padding:12rem 0 8rem;color:#fff;text-align:center;}
.port .inner.s .el h2{font-size:4.8rem;font-weight:700;text-transform:uppercase;}
.port .inner.s .el p{margin:2rem 0 3rem;font-size:1.6rem;}
.port .inner.s .el a{font-size:1.9rem;}
.port .inner.s .row a{position:relative;display:block;padding:7rem 5rem;height:35rem;color:#fff;}
.port .inner.s .row a.mint{background:#27bec9 url(/images/bpg/assets/img/main/svg/icon_port_bg01.svg) no-repeat calc(100% - 5rem) calc(100% - 7rem);}
.port .inner.s .row a.blue{background:#072e64 url(/images/bpg/assets/img/main/svg/icon_port_bg02.svg) no-repeat calc(100% - 5rem) calc(100% - 7rem);}
.port .inner.s .row a.sky{background:#1583e0 url(/images/bpg/assets/img/main/svg/icon_port_bg03.svg) no-repeat calc(100% - 5rem) calc(100% - 7rem);}
.port .inner.s .row a em{font-size:2.5rem;}
.port .inner.s .row a p{margin:2rem 0 7rem 0;font-size:1.7rem;line-height:1.4;}
.port .inner.s .row a img{transition:margin .3s ease;}
.port .inner.s .row a:hover img{margin-left:1rem;}
/*# sourceMappingURL=style.main.min.css.map */