footer,footer.hasborder{background:#fff}footer .container,footer.hasborder .container{border-top:unset}section.banner{padding:210px 0 160px;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);min-height:100vh}section.banner .container{grid-column:var(--column-LR2)}section.banner .bg{position:fixed;top:0;left:0;width:calc(100% - 80px);height:100vh;z-index:-1}section.banner .bg picture{position:absolute;top:0;left:0;display:block;width:100%;height:100%}section.banner .bg img{position:absolute;top:0;left:0;display:block;width:100%;height:100%;object-fit:cover}section.banner .title-block{padding:40px 30px 40px calc(var(--baseSpace) * 2);width:84.2105263158%;transform:translate3d(calc(var(--baseSpace) * -2),-50px,0)}section.banner .title-block.aost-show{transform:translate3d(calc(var(--baseSpace) * -2),0,0)}section.banner .title-block[bg-color=black]{background:#000}section.banner .title-block[bg-color=white]{background:#fff}section.banner .title-block[bg-color=blue]{background:#068bea}section.banner .title-block[text-color=black]{color:#000}section.banner .title-block[text-color=white]{color:#fff}section.banner .title-block[text-color=blue]{color:#068bea}section.banner .title-block .slogan{margin-top:10px;font-size:3.4375rem;font-weight:300;line-height:1.3;letter-spacing:0px}@media only screen and (max-width: 1200px){section.banner .title-block .slogan{font-size:2.625rem}}@media only screen and (max-width: 767px){section.banner .title-block .slogan{font-size:1.75rem}}section.banner .unit-block{margin-top:60px;display:flex;gap:50px}section.banner .unit-block .unit{position:relative;display:block;width:calc((100% - 50px)/2);overflow:hidden}section.banner .unit-block .unit[text-color=white] .content-wrap .title,section.banner .unit-block .unit[text-color=white] .content-wrap .des,section.banner .unit-block .unit[text-color=white] .content-wrap .btn,section.banner .unit-block .unit[text-color=black] .content-wrap .title,section.banner .unit-block .unit[text-color=black] .content-wrap .des,section.banner .unit-block .unit[text-color=black] .content-wrap .btn{color:#fff}section.banner .unit-block .unit[text-color=white] .content-box .title{color:#fff}section.banner .unit-block .unit[text-color=black] .content-box .title{color:#000}@media only screen and (min-width: 1201px) and (min-width: 1201px){section.banner .unit-block .unit:hover .content-box{opacity:0}section.banner .unit-block .unit:hover .content-wrap{opacity:1;transform:translateZ(0)}section.banner .unit-block .unit:hover .content-wrap .btn:after{width:100%;transition-delay:.6s}}@media only screen and (min-width: 1201px) and (max-width: 1200px){section.banner .unit-block .unit:active .content-box{opacity:0}section.banner .unit-block .unit:active .content-wrap{opacity:1;transform:translateZ(0)}section.banner .unit-block .unit:active .content-wrap .btn:after{width:100%;transition-delay:.6s}}section.banner .unit-block .unit .pic{position:relative;width:100%;overflow:hidden}section.banner .unit-block .unit .pic:before{content:"";display:block;width:100%;height:100%;padding-top:60.82%}section.banner .unit-block .unit .pic picture{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}section.banner .unit-block .unit .pic img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}section.banner .unit-block .unit .content-box{padding:60px 40px;position:absolute;top:0;left:0;display:flex;width:100%;height:100%;transition:opacity .5s}section.banner .unit-block .unit .content-box .title{margin-top:auto;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}section.banner .unit-block .unit .content-wrap{padding:60px 40px;position:absolute;top:0;left:0;display:flex;flex-direction:column;width:100%;height:100%;opacity:0;transform:translate3d(0,60%,0);background:#00000080;transition:transform .8s,opacity .5s}section.banner .unit-block .unit .content-wrap .title{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}section.banner .unit-block .unit .content-wrap .des{margin-top:10px;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}section.banner .unit-block .unit .content-wrap .btn{margin-top:auto;margin-left:auto;padding-bottom:6.5px;position:relative;display:flex;align-items:center;gap:10px}section.banner .unit-block .unit .content-wrap .btn:after{position:absolute;bottom:0;left:0;width:0%;height:3px;background:#fff;transition:width .3s;content:""}section.banner .unit-block .unit .content-wrap .btn .icon{display:flex;justify-content:center;align-items:center;width:10px;height:10px}section.banner .unit-block .unit .content-wrap .btn i{font-size:.625rem}@media only screen and (min-width: 1921px){section.banner .unit-block{margin-top:3.125vw;gap:2.6041666667vw}section.banner .unit-block .unit{width:calc((100% - 2.6041666667vw) / 2)}}@media only screen and (max-width: 1200px){section.banner{padding:140px 0 120px}section.banner .container{margin:auto 0}section.banner .bg{width:calc(100% - 60px)}section.banner .title-block{padding:20px 20px 20px var(--baseSpace);transform:translate3d(calc(var(--baseSpace) * -1),-50px,0)}section.banner .title-block.aost-show{transform:translate3d(calc(var(--baseSpace) * -1),0,0)}section.banner .unit-block{margin-top:50px;gap:30px}section.banner .unit-block .unit{width:calc((100% - 30px)/2)}section.banner .unit-block .unit .content-box{padding:20px}}@media only screen and (max-width: 900px){section.banner{padding:60px 0 80px}section.banner .bg{width:100%}section.banner .unit-block{flex-direction:column;align-items:center}section.banner .unit-block .unit{max-width:700px;width:100%}}@media only screen and (max-width: 767px){section.banner .title-block{width:97.6119402985%}}
