section.breadcrumb{width:100%;display:flex;align-items:center;justify-content:end;padding-left:calc(var(--baseSpace) * 2 + 185px);position:absolute;top:70px;right:var(--baseSpace);z-index:1}@media only screen and (max-width: 900px){section.breadcrumb{top:20px;left:var(--baseSpace);right:auto}}section.breadcrumb>.container{max-width:700px;width:100%}section.breadcrumb .items{width:100%;display:inline-flex;align-items:center;justify-content:end;gap:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}section.breadcrumb .items:has(.item:hover) .item:hover .icon{opacity:.3}section.breadcrumb .items:has(.item:hover) .item:not(:hover){opacity:.3}section.breadcrumb .item{display:inline-flex;align-items:center;gap:0 12px;transition:opacity .3s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}section.breadcrumb .item:first-child .icon{display:none}section.breadcrumb .item:last-child{max-width:unset}section.breadcrumb .item .icon{width:4px;height:12px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;transition:opacity .3s}section.breadcrumb .item .buttonText-bread{transition:color .3s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media only screen and (min-width: 1921px){section.breadcrumb>.container{max-width:36.4583333333vw}}@media only screen and (max-width: 900px){section.breadcrumb{padding-left:0;right:0;left:0;width:calc(100% - var(--baseSpace) * 2);margin:0 auto}section.breadcrumb .items{width:100%;gap:0 8px}section.breadcrumb .item{gap:0 8px}}@media only screen and (max-width: 767px){section.breadcrumb{height:21px}}section.banner>.container{position:relative;grid-column:1/-1;min-height:450px;padding:clamp(40px,1.3971rem + 1.961vw,60px) var(--padding-L2);display:flex}section.banner .content-wrap{width:100%;min-height:160px;display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-top:auto;overflow:hidden}section.banner .content-wrap.aost-show .bannerTitle{opacity:1;transform:translate(0);transition:transform .6s .1s,opacity .6s .1s}section.banner .content-wrap.aost-show .sub-wrap:before{opacity:1;height:100%;transition:height .6s .3s,opacity .6s .3s}section.banner .content-wrap.aost-show .bannerSubtitle,section.banner .content-wrap.aost-show .paragraph{opacity:1;transform:translate(0);transition:transform .6s .6s,opacity .6s .6s}section.banner .bannerTitle{width:47.36843%;align-self:flex-start;opacity:0;transform:translate(40px)}section.banner .sub-wrap{width:36.84211%;padding:50px 0 10px 50px;position:relative;display:flex;flex-direction:column;align-self:stretch}section.banner .sub-wrap:before{content:"";position:absolute;top:0;left:0;width:10px;height:0%;opacity:0}section.banner .bannerSubtitle{margin-top:auto}section.banner .bannerSubtitle,section.banner .paragraph{opacity:0;transform:translate(40px)}section.banner .bannerSubtitle p,section.banner .paragraph p{margin-top:10px}section.banner .bannerSubtitle h3,section.banner .bannerSubtitle p,section.banner .paragraph h3,section.banner .paragraph p{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}section.banner[theme=white] section.breadcrumb .item{color:#fff}section.banner[theme=white] .content-wrap{color:#fff}section.banner[theme=white] .sub-wrap:before{background-color:#fff}section.banner[theme=black] section.breadcrumb .item{color:#000}section.banner[theme=black] .content-wrap{color:#000}section.banner[theme=black] .sub-wrap:before{background-color:#000}@media only screen and (min-width: 1921px){section.banner{min-height:23.4375vw}}@media only screen and (max-width: 900px){section.banner>.container{padding:clamp(40px,1.3971rem + 1.961vw,60px) var(--baseSpace)}section.banner .content-wrap{flex-direction:column;min-height:unset}section.banner .bannerTitle,section.banner .sub-wrap{width:100%}section.banner .sub-wrap{padding:30px 0 10px 26px}section.banner .sub-wrap:before{width:6px}}section.content{overflow:hidden;background:#f6f6f6}section.content.no-content-gap{background:unset}section.content.no-content-gap>.container{grid-column:var(--column-LR2)}section.content>.container{padding:clamp(50px,2.5735rem + .9804vw,60px) 0 clamp(80px,.5882rem + 7.844vw,160px);grid-column:var(--column-Full)}section.content .title-block{padding-inline:var(--padding-L2) var(--padding-R2)}section.content .title-block .des{margin-top:10px}section.content .content-block{margin-top:clamp(30px,.7721rem + 1.9608vw,50px)}section.content .content-block .swiper-box{margin-top:clamp(30px,-1.4338rem + 5.8824vw,90px);width:100%}section.content .content-block .swiper{padding-left:var(--padding-L2);width:100%}section.content .content-block .swiper:before,section.content .content-block .swiper:after{content:"";position:absolute;height:100%;top:0;z-index:2;transition:opacity .3s;pointer-events:none}section.content .content-block .swiper:before{left:0;width:var(--padding-L2);background:linear-gradient(90deg,#f6f6f6,#f6f6f680 58.44%,#fff0)}section.content .content-block .swiper:after{right:0;width:var(--padding-R2);background:linear-gradient(270deg,#f6f6f6,#f6f6f680 58.44%,#fff0)}section.content .content-block .swiper.start:before{opacity:0}section.content .content-block .swiper.start:after{opacity:1}section.content .content-block .swiper.center:before,section.content .content-block .swiper.center:after{opacity:1}section.content .content-block .swiper.end:before{opacity:1}section.content .content-block .swiper.end:after{opacity:0}section.content .content-block .swiper-slide{width:clamp(335px,8.5294rem + 22.0588vw,560px);justify-content:flex-start;align-items:flex-start;text-align:left}section.content .content-block .swiper-slide:only-child{width:calc(100% - var(--baseSpace))}@media only screen and (min-width: 1201px){section.content .content-block .swiper-slide:hover .icon{background:#068bea}section.content .content-block .swiper-slide:hover .title{color:#068bea}}@media only screen and (max-width: 1200px){section.content .content-block .swiper-slide:active .icon{background:#068bea}section.content .content-block .swiper-slide:active .title{color:#068bea}}section.content .content-block .swiper-slide .icon{display:flex;justify-content:center;align-items:center;width:80px;height:80px;background:#4a4b4f;transition:background .2s}section.content .content-block .swiper-slide .icon img{width:100%;height:100%}section.content .content-block .swiper-slide .title{margin-top:40px;transition:color .2s}section.content .content-block .swiper-slide .des{margin-top:10px;max-height:120px;overflow-y:auto}section.content .content-block .navigation-wrap{display:flex;align-items:center;padding-inline:var(--padding-L2) var(--padding-R2);gap:30px var(--1fr)}section.content .content-block .navigation-wrap:has(.swiper-button:not(.swiper-button-lock)){margin-top:clamp(30px,-1.4338rem + 5.8824vw,90px)}section.content .content-block .swiper-scrollbars{width:calc(100% - var(--1fr) - 85px);height:1px}section.content .content-block .swiper-navigation{display:flex;align-items:center;gap:0 5px}@media only screen and (max-width: 1200px){section.content .content-block .swiper-slide .title{margin-top:20px}}@media only screen and (max-width: 900px){section.content .content-block .swiper{width:calc(100% + var(--baseSpace) * 2);margin-left:calc(var(--baseSpace) * -1);padding-left:var(--baseSpace)}section.content .content-block .swiper:before{width:30px}section.content .content-block .swiper:after{width:60px}section.content .content-block .swiper.center:before{opacity:0}section.content .content-block .swiper.center:after{opacity:1}}@media only screen and (max-width: 767px){section.content .content-block .swiper{width:100%;margin-left:unset;padding-left:unset}section.content .content-block .swiper:before{display:none}section.content .content-block .swiper:after{display:none}section.content .content-block .swiper-slide{width:100%}section.content .content-block .swiper-slide .icon{width:60px;height:60px}section.content .content-block .swiper-slide-active .icon{background:#068bea}section.content .content-block .swiper-slide-active .title{color:#068bea}section.content .content-block .navigation-wrap{flex-direction:column}section.content .content-block .navigation-wrap .swiper-scrollbars{width:100%}}
