@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}html{line-height:1.15;text-size-adjust:100%;-moz-tab-size:2;tab-size:2}@font-face{font-family:Poppins;src:url(https://cdnbj.utai.cn/pic/fonts/poppins-bold.otf) format("opentype");font-weight:700;font-style:normal}html,body{min-height:100vh;padding:0;margin:0}html:focus-within{scroll-behavior:smooth}@media (prefers-reduced-motion){html:focus-within{scroll-behavior:auto}}body{margin:0;overflow:hidden}body>div#__next{height:100%}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}a{color:inherit;text-decoration:none}a:not([class]){text-decoration-skip-ink:auto}img,picture{display:inline-block;max-width:100%}.semi-image-preview-image img{max-width:none;cursor:zoom-out!important}.semi-image-preview-image img:active{cursor:grab!important}input,button,textarea,select{font:inherit}:root{--black: #333333;--white: #ffffff;--green: #57c377;--green1: #51c272;--gray: #f6f4f3}:root{font-family:Poppins,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;overflow-y:auto;--animate-duration: .5s;background-color:#fff;--grid-side: 5.20833vw;--clip-bottom: 5.20833vw;--main-side: 11.97917vw}body{font-family:Poppins;font-style:normal}#root{overflow-x:hidden;overflow-y:auto}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}.swiper-pagination-bullet{background-color:#eee!important;opacity:1!important}.swiper-pagination-bullet-active{background-color:#51c272!important}@keyframes fadeInUpSmall{0%{opacity:0;-webkit-transform:translate3d(0,25%,0);transform:translate3d(0,25%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInDownSmall{0%{opacity:0;-webkit-transform:translate3d(0,-25%,0);transform:translate3d(0,-25%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.animate__fadeInUpSmall{-webkit-animation-name:fadeInUpSmall;animation-name:fadeInUpSmall}.animate__fadeInDownSmall{-webkit-animation-name:fadeInDownSmall;animation-name:fadeInDownSmall}.cursor{animation:typecursor 1s infinite}@keyframes typecursor{0%{opacity:0}50%{opacity:1}to{opacity:0}}.ape-button-arrow{display:inline-block;width:.41667vw;height:.83333vw;flex-shrink:0;background-image:url(./button-arrow-4ea38fc9.svg);background-size:contain;margin-left:.52083vw;background-repeat:no-repeat;background-position:center}.ape-animate-button{position:relative}.ape-animate-button>*{position:relative;z-index:1}.ape-animate-button:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;border-radius:2.23214vw;background:rgba(81,194,114,.3);transform-origin:center;animation:button-zoom 1s infinite alternate-reverse}.ape-animate-button-s{position:relative}.ape-animate-button-s>*{position:relative;z-index:1}.ape-animate-button-s:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;border-radius:2.23214vw;background:rgba(81,194,114,.3);transform-origin:center;animation:button-zoom-s 1s infinite alternate-reverse}@keyframes button-zoom{0%{transform:scale(1)}to{transform:scale(1.05,1.3)}}@keyframes button-zoom-s{0%{transform:scale(1)}to{transform:scale(1.1,1.3)}}::-webkit-scrollbar{width:.625vw}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:.52083vw}::-webkit-scrollbar-thumb:hover{background:#c1c1c1}.contentWrap{position:relative;margin-bottom:-.52083vw;overflow:hidden;transition-duration:.1s}.contentWrap .image{will-change:transform;width:100%;min-height:100vh;object-fit:cover}.contentWrap h2{font-family:Poppins;font-size:3.33333vw;font-weight:700;line-height:5.72917vw;text-align:left;position:absolute;left:10%;top:40%;color:#fff;margin-bottom:0}.contentWrap .icon{position:absolute;z-index:1;width:14.58333vw;max-width:30%;object-fit:cover;transition-property:transform;will-change:transform}.contentWrap .dtWrap{width:31.25vw;position:absolute;color:#fff;background:rgba(9,9,9,.5019607843);padding:1.5625vw 2.08333vw 3.125vw;-webkit-backdrop-filter:blur(.26042vw);backdrop-filter:blur(.26042vw);--webkit-backdrop-filter: blur(.26042vw)}.contentWrap .dtWrap .title{padding-bottom:2.60417vw;border-bottom:1px solid rgba(187,187,187,.462745098)}.contentWrap .dtWrap .title .t{font-family:Poppins;font-size:3.33333vw;font-weight:700;line-height:6.25vw;text-align:left}.contentWrap .dtWrap .title .t span{color:#51c272}.contentWrap .dtWrap .title .s{font-family:Poppins;font-size:1.04167vw;font-weight:400;line-height:1.66667vw;text-align:left}.contentWrap .dtWrap .dt-info-s{font-family:Poppins;font-size:1.14583vw;font-weight:400;line-height:1.5625vw;text-align:left;margin-bottom:1.04167vw;display:flex}.contentWrap .dtWrap .dt-info{border-bottom:1px solid rgba(187,187,187,.462745098)}.contentWrap .dtWrap .dt-info .title{margin-top:1.04167vw;margin-bottom:0;display:flex;justify-content:space-between;align-items:center;border:none;padding-bottom:1.04167vw;cursor:pointer}.contentWrap .dtWrap .dt-info .title:hover{color:#51c272}.contentWrap .dtWrap .dt-info .title:hover .arrow{background-image:url(./arrow-down-selected-62095565.svg)}.contentWrap .dtWrap .dt-info .title:hover .selected{background-image:url(./arrow-up-selected-e7722617.svg)}.contentWrap .dtWrap .dt-info .title h3{font-family:Poppins;font-size:1.25vw;font-weight:600;line-height:2.08333vw;text-align:left;margin-bottom:0}.contentWrap .dtWrap .dt-info .title .arrow{width:.83333vw;height:.83333vw;background-image:url(./arrow-down-a58fdaa9.svg);background-size:contain;background-repeat:no-repeat;background-position:center}.contentWrap .dtWrap .dt-info .title .selected{background-image:url(./arrow-up-f796be21.svg)}.contentWrap .dtWrap .dt-info p{font-family:Poppins;font-size:1.04167vw;font-weight:400;line-height:1.66667vw;text-align:left;margin-bottom:1.04167vw}.contentWrap .back{position:absolute;bottom:0;z-index:1;left:0;right:0;height:15.625vw;opacity:0;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 100%)}.nature .dtWrap,.business .dtWrap{left:var(--main-side);top:7.8125vw;z-index:1}.nature .icon,.business .icon{left:2.08333vw;top:0%}.business{z-index:2}.business .icon{position:absolute;top:1.04167vw;left:3.64583vw;margin:auto}.product{z-index:1}.product .dtWrap{top:10.41667vw;right:var(--main-side);z-index:2}.product .icon{position:absolute;top:4.16667vw;right:3.125vw;margin:auto}.nature .dtWrap{top:13.02083vw;z-index:1}.nature .icon{left:3.64583vw;top:12%}@media (max-width: 600px){.contentWrap{position:relative;margin-bottom:-10px;overflow:hidden;transition-duration:.1s}.contentWrap .image{width:100%;min-height:100vh;object-fit:cover}.contentWrap h2{font-family:Poppins;font-size:64px;font-weight:700;line-height:110px;text-align:left;position:absolute;left:10%;top:40%;color:#fff}.contentWrap .icon{position:absolute;z-index:1;width:500px;max-width:30%;object-fit:cover;transition-property:transform;will-change:transform}.contentWrap .dtWrap{width:70%;position:absolute;color:#fff;background:rgba(9,9,9,.5019607843);padding:30px 40px 60px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);--webkit-backdrop-filter: blur(5px)}.contentWrap .dtWrap .title{margin-bottom:50px}.contentWrap .dtWrap .title .t{font-family:Poppins;font-size:80px;font-weight:700;line-height:120px;text-align:left}.contentWrap .dtWrap .title .t span{color:#51c272}.contentWrap .dtWrap .title .s{font-family:Poppins;font-size:40px;font-weight:400;line-height:42px;text-align:left}.contentWrap .dtWrap .dt-info-s{font-family:Poppins;font-size:40px;font-weight:400;line-height:50px;text-align:left;display:flex}.contentWrap .dtWrap .dt-info .title{margin-top:30px;margin-bottom:0;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.contentWrap .dtWrap .dt-info .title:hover{color:#51c272}.contentWrap .dtWrap .dt-info .title:hover .arrow{background-image:url(./arrow-down-selected-62095565.svg)}.contentWrap .dtWrap .dt-info .title:hover .selected{background-image:url(./arrow-up-selected-e7722617.svg)}.contentWrap .dtWrap .dt-info .title h3{font-family:Poppins;font-size:40px;font-weight:600;line-height:40px;text-align:left;margin-bottom:12px}.contentWrap .dtWrap .dt-info .title .arrow{width:16px;height:16px;background-image:url(./arrow-down-a58fdaa9.svg);background-size:contain;background-repeat:no-repeat;background-position:center}.contentWrap .dtWrap .dt-info .title .selected{background-image:url(./arrow-up-f796be21.svg)}.contentWrap .dtWrap .dt-info p{font-family:Poppins;font-size:32px;font-weight:400;line-height:32px;text-align:left}.contentWrap .back{position:absolute;bottom:0;z-index:1;left:0;right:0}}