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{padding:clamp(50px,2.5735rem + .9804vw,60px) 0 clamp(80px,.5882rem + 7.844vw,160px)}section.content.no-content-gap>.container{grid-column:var(--column-LR2)}section.content>.container{grid-column:var(--column-LR4)}section.content .swiper1{display:flex;align-items:center;gap:var(--1fr)}section.content .swiper1[data-type=pic-left]{flex-direction:row}section.content .swiper1[data-type=pic-right]{flex-direction:row-reverse}section.content .swiper1 .swiper-block,section.content .swiper1 .content{width:calc((100% - var(--1fr)) / 2)}section.content .swiper1 .swiper-block>div:not(:first-child),section.content .swiper1 .content>div:not(:first-child){margin-top:10px}section.content .swiper1 .swiper-block .pic{position:relative;width:100%;overflow:hidden}section.content .swiper1 .swiper-block .pic:before{content:"";display:block;width:100%;height:100%;padding-top:66.72%}section.content .swiper1 .swiper-block .pic picture{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}section.content .swiper1 .swiper-block .pic img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}section.content .swiper1 .swiper-block div.swiper-pagination{margin-top:15px}section.content .swiper2{margin-top:clamp(60px,2.6471rem + 1.9608vw,80px)}section.content .swiper2 .swiper-slide .pic{position:relative;width:100%;overflow:hidden}section.content .swiper2 .swiper-slide .pic:before{content:"";display:block;width:100%;height:100%;padding-top:40.083%}section.content .swiper2 .swiper-slide .pic picture{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}section.content .swiper2 .swiper-slide .pic img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}section.content .swiper2 .swiper-pagination{margin-top:15px;z-index:1}section.content .content-block{margin-top:clamp(30px,.7721rem + 1.9608vw,50px);display:flex;gap:var(--1fr)}section.content .content-block .block2,section.content .content-block .block3{width:calc((100% - var(--1fr)) / 2)}section.content .content-block .block2>div:not(:first-child),section.content .content-block .block3>div:not(:first-child){margin-top:10px}@media only screen and (max-width: 900px){section.content .swiper1[data-type=pic-left],section.content .swiper1[data-type=pic-right]{flex-direction:column;gap:30px}section.content .swiper1[data-type=pic-left] .swiper-block,section.content .swiper1[data-type=pic-left] .content,section.content .swiper1[data-type=pic-right] .swiper-block,section.content .swiper1[data-type=pic-right] .content{width:100%}section.content .content-block{flex-direction:column;gap:30px}section.content .content-block .block2,section.content .content-block .block3{width:100%}}@media only screen and (max-width: 767px){section.content .swiper2 .swiper-slide .pic{position:relative;width:100%;overflow:hidden}section.content .swiper2 .swiper-slide .pic:before{content:"";display:block;width:100%;height:100%;padding-top:74.6268656716%}section.content .swiper2 .swiper-slide .pic picture{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}section.content .swiper2 .swiper-slide .pic img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}}
