.banner-container{margin:0;position:relative}.xz-banner{position:relative;--banner_h:auto;height:var(--banner_h);overflow:hidden;width:100%}.xz-banner .swiper-wrapper{display:flex;height:100%;position:relative;width:100%}.xz-banner .pc-bg{position:relative}.xz-banner .pc-bg img{display:block;width:100%}.xz-banner .banner-swiper-btns{bottom:10%;display:flex;gap:var(--wp--preset--spacing--10);position:absolute;right:6.25vw;z-index:9}.xz-banner .banner-swiper-btns>div{align-items:center;background-color:var(--wp--preset--color--a-1);border:2px solid var(--wp--preset--color--a);border-radius:10rem;cursor:pointer;display:flex;height:5.2rem;justify-content:center;transition:all .3s ease;width:10rem}.xz-banner .banner-swiper-btns>div:hover{background-color:var(--wp--preset--color--a);transform:scale(.96)}.xz-banner .banner-swiper-btns .banner-prev svg{transform:rotate(180deg)}.xz-banner .banner-swiper-btns svg{color:var(--wp--preset--color--dark);font-size:var(--wp--preset--font-size--m)}.banner-pagination{align-items:center;display:flex;gap:4.7rem;justify-content:center;margin-top:var(--wp--preset--spacing--40);width:100%;z-index:100}.banner-pagination span{background:transparent;color:var(--wp--preset--color--dark);display:inline-block;font-family:var(--ywf--family-barlow-condensed);font-size:1.8rem;font-weight:400;height:auto;line-height:1.15;opacity:.5;position:relative;width:auto}.banner-pagination span:not(:last-child):after{color:var(--wp--preset--color--dark);content:"/";opacity:.5;position:absolute;right:-2.8rem;top:50%;transform:translateY(-50%)}.banner-pagination span.swiper-pagination-bullet-active{opacity:1}.xz-banner-item--layout{position:relative}.xz-banner-item--layout>img{display:block;height:var(--banner_h);-o-object-fit:cover;object-fit:cover;width:100%}.xz-banner-item--layout .xz-banner-item-wrap{align-items:center;bottom:0;color:var(--wp--preset--color--white);display:flex;flex-direction:column;gap:var(--wp--preset--spacing--20);justify-content:center;left:15.25vw;position:absolute;right:15.25vw;text-align:center;top:-15%;-webkit-user-select:all;-moz-user-select:all;user-select:all;z-index:99}.xz-banner-item--layout .title{background:linear-gradient(180deg,#8eceda,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;font-family:var(--ywf--family-bai-jamjuree);font-size:clamp(2.8rem,4.577vw + .511rem,9.3rem);font-weight:600;line-height:clamp(2.8rem,4.577vw + .511rem,9.3rem);max-width:74rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.xz-banner-item--layout .title p{margin:0}.xz-banner-item--layout .sub_title{font-size:var(--wp--preset--font-size--xl)}.xz-banner-item--layout .banner-more{border:1px solid var(--wp--preset--color--white);color:var(--wp--preset--color--white);display:grid;font-size:1.4rem;font-weight:700;height:4.8rem;place-items:center;width:16.3rem}.xz-banner-item--layout .banner-more:hover{background:var(--wp--preset--color--a);border-color:var(--wp--preset--color--a);transform:translateY(-3px)}.xz-banner-item--image a,.xz-banner-item--image img{display:block}.xz-banner-item--image img{height:var(--banner_h);-o-object-fit:cover;object-fit:cover;position:relative;width:100%}.xz-banner-item--image a,.xz-banner-item--video{position:relative}.xz-banner-item--video video{background:var(--wp--preset--color--white);display:block;height:var(--banner_h);-o-object-fit:cover;object-fit:cover;width:100%}@media screen and (max-width:1024px){.xz-banner-item--layout .xz-banner-item-wrap{top:10%}.xz-banner .banner-swiper-btns>div{height:4.8rem;width:8rem}.xz-banner-item--layout .banner-btns a,.xz-banner-item--layout .banner-btns>div{height:4.8rem;width:16rem}}@media screen and (max-width:810px){.xz-banner-item--layout .subtitle{display:none}}@media screen and (max-width:600px){.xz-banner{--banner_h:30rem}.xz-banner img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.xz-banner .pc-bg,.xz-banner-item--layout-a{height:var(--banner_h)}.xz-banner .banner-swiper-btns>div{height:3rem;width:5rem}.xz-banner .banner-swiper-btns{bottom:2vw;right:2vw}.xz-banner-item--layout .intro{font-size:1.2rem;margin-bottom:1rem}.xz-banner-item--layout .banner-btns svg{display:none}.xz-banner-item--layout .banner-btns a,.xz-banner-item--layout .banner-btns>div{font-size:1.2rem;height:3.6rem;width:10rem}.xz-banner-item--layout .title{font-size:2rem}.xz-banner-item--layout .xz-banner-item-wrap{gap:2rem}}