@charset "utf-8"; @font-face { font-family: "op"; src: url("../font/OPPOSans3.0cn-Regular.woff2") format("woff2"); font-weight: normal; font-style: normal; } @font-face { font-family: "hg"; src: url("../font/Hanken Grotesk.TTF") format("truetype"); font-weight: normal; font-style: normal; } .hg{font-family: "hg";} @font-face { font-family: "md"; src: url("../font/Monda-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } .md{font-family: "md";} :root{ /*公用*/ --font:"op",'Helvetica Neue',Helvetica,Tahoma,Arial,'Microsoft YaHei','PingFang SC','Hiragino Sans GB','Heiti SC','WenQuanYi Micro Hei',sans-serif; --transition:cubic-bezier(0.25,0.74,0.22,0.99) 0.8s; /*font*/ --font-size: clamp(12px,0.7291666666666666vw,28px); /*color*/ --color-dominant:#89E1E5; --color-dominant1:#0060AD; --color-hover:#00326B; --color-fill:#000; --color-white:#fff; --color-black:#000; --color-gray3:#333; --color-gray6:#666; --color-gray9:#727272; --color-line:#DBDBDB; /*bg*/ --bg:#fff; --body-color:#333; --bg-gray:#F5F9FD; --bg-scroll:#0F3C7D; --bg-overlay:#000; /*input*/ --placeholder:#575757; --input-border-color:#eee; --border-radius:0px; /*gradient*/ --linear-gradient-shadow:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,0)); --linear-gradient-blue:linear-gradient(90deg,#0171c1,#2097ed); --linear-gradient-text:linear-gradient(90deg, #FFF 0%, #89E1E5 100%); --linear-text-blue:linear-gradient(90deg, #89E1E5 0%, #FFF 100%); /*cursor*/ --cursor-stroke:#000; /*img*/ --aspect-news:800/540; --aspect-pro:1/1; /*size*/ --size-10:clamp(5px,0.5208333333333333vw,20px); --size-15:clamp(7px,0.78125vw,30px); --size-20:clamp(10px,1.0416666666666665vw,40px); --size-25:clamp(12px,1.3020833333333335vw,50px); --size-30:clamp(15px,1.5625vw,60px); --size-35:clamp(17px,1.8229166666666667vw,70px); --size-40:clamp(20px,2.083333333333333vw,80px); --size-45:clamp(22px,2.34375vw,90px); --size-50:clamp(25px,2.604166666666667vw,100px); --size-55:clamp(25px,2.864583333333333vw,110px); --size-60:clamp(30px,3.125vw,120px); --size-65:clamp(32px,3.3854166666666665vw,130px); --size-70:clamp(35px,3.6458333333333335vw,140px); --size-75:clamp(37px,3.90625vw,150px); --size-80:clamp(40px,4.166666666666666vw,160px); --size-85:clamp(42px,4.427083333333334vw,170px); --size-90:clamp(45px,4.6875vw,180px); --size-95:clamp(47px,4.947916666666666vw,190px); --size-100:clamp(50px,5.208333333333334vw,200px); --size-110:clamp(55px,5.729166666666666vw,220px); --size-120:clamp(60px,6.25vw,240px); --size-130:clamp(65px,6.770833333333333vw,260px); --size-140:clamp(70px,7.291666666666667vw,280px); --size-10-:clamp(-20px,-0.5208333333333333vw,-5px); --size-15-:clamp(-30px,-0.78125vw,-7px); --size-20-:clamp(-40px,-1.0416666666666665vw,-10px); --size-25-:clamp(-50px,-1.3020833333333335vw,-12px); --size-30-:clamp(-60px,-1.5625vw,-15px); --size-35-:clamp(-70px,-1.8229166666666667vw,-17px); --size-40-:clamp(-80px,-2.083333333333333vw,-20px); --size-45-:clamp(-90px,-2.34375vw,-22px); --size-50-:clamp(-100px,-2.604166666666667vw,-25px); --size-55-:clamp(-110px,-2.864583333333333vw,-25px); --size-60-:clamp(-120px,-3.125vw,-30px); --size-65-:clamp(-130px,-3.3854166666666665vw,-32px); --size-70-:clamp(-140px,-3.6458333333333335vw,-35px); --size-75-:clamp(-150px,-3.90625vw,-37px); --size-80-:clamp(-160px,-4.166666666666666vw,-40px); --size-85-:clamp(-170px,-4.427083333333334vw,-42px); --size-90-:clamp(-180px,-4.6875vw,-45px); --size-95-:clamp(-190px,-4.947916666666666vw,-47px); --size-100-:clamp(-200px,-5.208333333333334vw,-50px); --size-110-:clamp(-220px,-5.729166666666666vw,-55px); --size-120-:clamp(-240px,-6.25vw,-60px); --size-130-:clamp(-260px,-6.770833333333333vw,-65px); --size-140-:clamp(-280px,-7.291666666666667vw,-70px); } /** * Swiper 8.3.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: July 6, 2022 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /*start===*/ * {outline: none !important; /* 移除所有元素默认轮廓线 */-webkit-tap-highlight-color: transparent; /* 禁用移动端点击高亮 */} html{font-size: 10px;} article,aside,dialog,footer,header,section,footer,nav,figure,menu,main{display:block;padding:0;margin:0}*,:before,:after{box-sizing:border-box}blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}img{border:0;display:inline-block;width:auto;max-width:100%;vertical-align:middle; object-fit: cover;}ul,dl,li,dt,dd{list-style:none}body,html{min-height:100%}body{font-size:14px;font-size:var(--font-size);color:var(--body-color);font-family:var(--font);-webkit-tap-highlight-color:rgba(255,255,255,0);overflow-x:hidden; background-color: var(--bg); user-select: none;}a{text-decoration:none;color:inherit;outline:none;transition:var(--transition);}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}pre{font-family:inherit;white-space:pre-wrap;word-wrap:break-word}input,textarea,select{outline:none;-webkit-appearance:none;border-radius:var(--border-radius);font-size:inherit;font-family:inherit;display:block;width:100%;border:none;border:1px solid var(--input-border-color);height:38px;line-height:38px;padding:0 10px;transition:var(--transition);background:none}textarea{resize:none}input::-webkit-input-placeholder{color:var(--placeholder)}input:-moz-placeholder,input::-moz-placeholder{color:var(--placeholder)}input:-ms-input-placeholder{color:var(--placeholder)}textarea::-webkit-input-placeholder{color:var(--placeholder)}textarea:-moz-placeholder{color:var(--placeholder)}textarea::-moz-placeholder{color:var(--placeholder)}textarea:-ms-input-placeholder{color:var(--placeholder)}select::-ms-expand{display:none}i,em{font-style:normal}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-button:vertical,::-webkit-scrollbar-button:horizontal{display:none}::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal{background-color:black}::-webkit-scrollbar-track-piece{background:#E3E3E3}::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal{background-color:var(--bg-scroll);border-radius:10px}::-webkit-scrollbar-thumb:vertical:hover,::-webkit-scrollbar-thumb:horizontal:hover{background-color:#3B3B3B}::-webkit-scrollbar-corner:vertical,::-webkit-scrollbar-corner:horizontal{background-color:#535353}::-webkit-scrollbar-resizer:vertical,::-webkit-scrollbar-resizer:horizontal{background-color:#FF6E00}.l-center{text-align:center}.l-relative{position:relative}.l-overflow{overflow:hidden}.l-bold{font-weight:bold}.l-imgs{background-position:center;background-repeat:no-repeat;background-size:cover;}.l-uppercase{text-transform:uppercase}.l-lh0{line-height:100%}.l-lh1{line-height:110%}.l-lh2{line-height:120%}.l-lh3{line-height:130%}.l-lh4{line-height:140%}.l-lh5{line-height:150%}.l-lh6{line-height:160%}.l-lh7{line-height:170%}.l-lh8{line-height:180%}.l-lh9{line-height:190%}.l-lh10{line-height:200%}.l-font12{font-size:12px}.l-font16{font-size:16px;font-size:clamp(12px,0.8333333333333334vw,32px)}.l-font18{font-size:18px;font-size:clamp(14px,0.9375vw,36px)}.l-font20{font-size:20px;font-size:clamp(16px,1.0416666666666665vw,40px)}.l-font22{font-size:22px;font-size:clamp(16px,1.1458333333333333vw,44px)}.l-font24{font-size:24px;font-size:clamp(16px,1.25vw,48px)}.l-font26{font-size:26px;font-size:clamp(18px,1.3541666666666667vw,52px)}.l-font28{font-size:28px;font-size:clamp(18px,1.4583333333333333vw,56px)}.l-font30{font-size:30px;font-size:clamp(18px,1.5625vw,60px)}.l-font32{font-size:32px;font-size:clamp(18px,1.6666666666666667vw,64px)}.l-font34{font-size:34px;font-size:clamp(20px,1.7708333333333333vw,34px)}.l-font36{font-size:36px;font-size:clamp(20px,1.875vw,36px)}.l-font38{font-size:38px;font-size:clamp(22px,1.9791666666666665vw,66px)}.l-font40{font-size:40px;font-size:clamp(22px,2.083333333333333vw,80px)}.l-font42{font-size:42px;font-size:clamp(22px,2.1875vw,84px)}.l-font44{font-size:44px;font-size:clamp(24px,2.2916666666666665vw,88px)}.l-font46{font-size:46px;font-size:clamp(24px,2.3958333333333335vw,92px)}.l-font48{font-size:48px;font-size:clamp(26px,2.5vw,96px)}.l-font50{font-size:50px;font-size:clamp(28px,2.604166666666667vw,100px)}.l-font52{font-size:52px;font-size:clamp(28px,2.7083333333333335vw,104px)}.l-font54{font-size:54px;font-size:clamp(28px,2.8125vw,108px)}.l-font56{font-size:56px;font-size:clamp(30px,2.9166666666666665vw,112px)}.l-font58{font-size:58px;font-size:clamp(30px,3.0208333333333335vw,116px)}.l-font60{font-size:60px;font-size:clamp(32px,3.125vw,120px)}.l-opacity8{opacity:.8}.l-opacity7{opacity:.7}.l-opacity6{opacity:.6}.l-opacity5{opacity:.5}.l-opacity4{opacity:.4}.l-opacity3{opacity:.3}.l-opacity2{opacity:.2}.l-flex,.l-grid-2,.l-grid-3,.l-grid-4,.l-grid-5,.l-grid-6,.l-grid-7,.l-grid-8{display:flex;display:-webkit-flex;flex-direction:row;-webkit-flex-direction:row;flex-wrap:wrap;-webkit-flex-wrap:wrap}.l-flex-column{display:flex;flex-direction:column;flex-wrap:wrap}.l-grid-2>*{width:50%}.l-grid-3>*{width:33.333333333333336%}.l-grid-4>*{width:25%}.l-grid-5>*{width:20%}.l-grid-6>*{width:16.666666666666668%}.l-grid-7>*{width:14.285714285714286%}.l-grid-8>*{width:12.5%}.l-white{color:var(--color-white)}.l-black{color:var(--color-black)}.l-gray3{color:var(--color-gray3)}.l-gray6{color:var(--color-gray6)}.l-gray9{color:var(--color-gray9)}.lines{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;word-break: break-all;}.lines1{-webkit-line-clamp:1}.lines2{-webkit-line-clamp:2}.lines3{-webkit-line-clamp:3}.lines4{-webkit-line-clamp:4}.lines5{-webkit-line-clamp:5}.lines6{-webkit-line-clamp:6}.l-dominant{color:var(--color-dominant)}.l-dominant1{color:var(--color-dominant1)}.l-pd50{padding-top:var(--size-50);padding-bottom:var(--size-50);}.l-pd60{padding-top:var(--size-60);padding-bottom:var(--size-60);}.l-pd70{padding-top:var(--size-70);padding-bottom:var(--size-70);}.l-pd80{padding-top:var(--size-80);padding-bottom:var(--size-80);}.l-pd90{padding-top:var(--size-90);padding-bottom:var(--size-90);}.l-pd100{padding-top:var(--size-100);padding-bottom:var(--size-100);}.l-pd110{padding-top:var(--size-110);padding-bottom:var(--size-110);}.l-pd120{padding-top:var(--size-120);padding-bottom:var(--size-120);}.l-mg10{margin-top:var(--size-10);}.l-mg15{margin-top:var(--size-15);}.l-mg20{margin-top:var(--size-20);}.l-mg25{margin-top:var(--size-25);}.l-mg30{margin-top:var(--size-30);}.l-mg35{margin-top:var(--size-35);}.l-mg40{margin-top:var(--size-40);}.l-mg45{margin-top:var(--size-45);}.l-mg50{margin-top:var(--size-50);}.l-mg55{margin-top:var(--size-55);}.l-mg60{margin-top:var(--size-60);}.l-mg65{margin-top:var(--size-65);}.l-mg70{margin-top:var(--size-70);}.l-mg75{margin-top:var(--size-75);}.l-mg80{margin-top:var(--size-80);}.l-mg90{margin-top:var(--size-90);}.l-mg100{margin-top:var(--size-100);}.l-mg110{margin-top:var(--size-110);}.l-mg120{margin-top:var(--size-120);}input::-webkit-inner-spin-button{display: none;} picture{display: block;}.flex-between{justify-content: space-between;}.flex-center{align-items: center;}.l-attachment{background-attachment: fixed;}.lh-ones *{line-height: revert;font-weight: revert; font-size: revert; list-style: revert;} /*end===*/ /*svg*/ .separator{position: absolute; left: 0; right: 0; height: 150px; fill:var(--color-fill);pointer-events: none; z-index: 5;} .separator-up{top: -1px;} .separator-down{bottom: -1px;} /*load*/ .pace-running{height: 100vh; overflow-y: hidden;} .pace-done{height:unset; overflow-y: unset;} .showLoading .pace-activity{opacity: 1;} .pace-activity{position:fixed; left:0; top:0; z-index:10000; right:0; bottom:0; display: flex; align-items: center; justify-content: center; background-color:#15294F; opacity: 1; } .pace-activity .logo{width: calc(var(--size-100) * 5); position: relative;} .pace-activity .logo>*{width: 100%;} .pace-activity .logo>*:nth-child(1){filter: brightness(0) invert(1);} .pace-activity .logo>*:nth-child(2){position: absolute; left: 0; top:0; width: 100%;clip-path: inset(100% 0 0 0); } .pace-activity .logo>*:nth-child(2) img{width: 100%;animation: loadImg 4s ease-in-out infinite;} @keyframes loadImg { 0%, 100% { clip-path: polygon( 0% 45%, 16% 44%, 33% 50%, 54% 60%, 70% 61%, 84% 59%, 100% 52%, 100% 100%, 0% 100% ); } 50% { clip-path: polygon( 0% 60%, 15% 65%, 34% 66%, 51% 62%, 67% 50%, 84% 45%, 100% 46%, 100% 100%, 0% 100% ); } } /*横线加载效果*/ /* .pace-activity::after{content: ''; display: block; position: absolute; left: 50%; top: 50%; width: 100px; height: 1px; margin: 0 0 0 -50px; background-color: var(--color-dominant);animation: loaderAnim 1.5s ease-in-out infinite alternate forwards;} @keyframes loaderAnim { 0% { transform: scaleX(0); transform-origin: 0% 50%; } 50% { transform: scaleX(1); transform-origin: 0% 50%; } 50.1% { transform: scaleX(1); transform-origin: 100% 50%; } 100% { transform: scaleX(0); transform-origin: 100% 50%; } } */ /*方块加载效果*/ /* .pace-activity::after{content: ''; display: block; position: absolute; left: 50%; top: 50%;width: 60px;height: 60px;margin: -30px 0 0 -30px;opacity: 0.4;background: var(--color-dominant);animation: loaderAnim 0.7s linear infinite alternate forwards;} @keyframes loaderAnim { to { opacity: 1; transform: scale3d(0.5,0.5,1); } } svg.loader{position: absolute;top:50%;left:50%;z-index: 1; margin-left: -50px;margin-top: -50px;transition: transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);} svg.loader path{animation: endlessRotate 1s linear infinite;transform-origin: center;} @keyframes endlessRotate { from {transform:rotateZ(0deg)} to {transform:rotateZ(360deg)} } .showLoading .pace-activity{opacity:1;} */ .pace-done .pace-activity{transform: translateY(-100vh); transition: transform ease-in 0.4s;} /*cursor*/ .cursor {position: fixed;top: 0;left: 0;display: block;pointer-events: none;z-index: 10000;mix-blend-mode: hard-light;} .cursor__inner {fill: var(--color-dominant);stroke-width: 1px;} /*animate*/ .fadeInUp1{animation:fadeInUp1 cubic-bezier(0.215,.61,.355,1) 1s forwards;transform:translateY(80px); opacity:0;} .fadeInUp{animation:fadeInUp cubic-bezier(0.215,.61,.355,1) 1s forwards;transform:translateY(100%); opacity:0;} .fadeInUpImg{position:absolute; left:0; top:0; width:inherit; height:inherit; clip:rect(0,500px,0,0); animation:fadeInUpImg cubic-bezier(0.215,.61,.355,1) 1s forwards;} .up50{transform:translateY(50%);} .delay1{animation-delay:.1s;} .delay2{animation-delay:.2s;} .delay3{animation-delay:.3s;} .delay4{animation-delay:.4s;} .delay5{animation-delay:.5s;} @keyframes fadeInUp1{ to{transform:translateY(0); opacity:1;} } .acc-bd{display:none;} .on .acc-bd{display:flex;} .tab-bd>*{display:none;} .tab-bd>*.active{display:flex;} .l-layer{display: flex;backdrop-filter: blur(5px); align-items: center; justify-content: center; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); position: fixed; left: 0; top: 0; z-index: 1000; opacity: 0; pointer-events: none;} *{line-height: 120%;} .img>img{width: 100%; height: 100%; transition: var(--transition);} .l-iblock{display: inline-block; line-height: 130%;} .l-iblock:has(br){display: block; height: 0px;} .swiper-slide-active{z-index: 2;} /*cont*/ .l-container{width: clamp(830px,86.45833333333334vw,3320px); margin-left: auto; margin-right: auto; position: relative; padding-left: var(--size-30); padding-right: var(--size-30); z-index: 2;} .l-fullpage{display: flex; align-items: center; height: 100vh; min-height: 700px;} header{position: relative; z-index: 10;} .lh-header{position: fixed; left: 0; right: 0; top: 0; padding: var(--size-40) 0; transition: var(--transition);} .lh-header>*{justify-content: space-between; align-items: center;} .lh-header>* .right{align-items: center;} .lh-nav>*{margin-right: var(--size-60);} .lh-nav>*.active a{background: linear-gradient(90deg, #FFF 2.73%, #99E5E9 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .nav-btn{width: 24px; height: 24px; position: relative;--color:#D9D9D9; display: none;} .nav-btn>*{width: 4px; height: 4px; border-radius: 4px; background-color: var(--color); display: block; position: absolute; left:0; transition: var(--transition);} .nav-btn>*:nth-child(1){top: 0;} .nav-btn>*:nth-child(2){top: 50%; margin-top: -2px;} .nav-btn>*:nth-child(3){bottom: 0;} .nav-btn>*::before,.nav-btn>*::after{content: ''; display: block; width: 100%; height: 100%; border-radius: 4px; background-color: var(--color); position: absolute; transition: var(--transition); transition-duration: 0.3s;} .nav-btn>*::before{left:calc(100% + 6px);} .nav-btn>*::after{left: calc(100% + 16px);} .nav-btn>*:nth-child(2)::before{transition-delay: 0.05s;} .nav-btn>*:nth-child(3)::before{transition-delay: 0.1s;} /* .nav-btn:hover>*::before{width:20px;} */ .l-font64{font-size: clamp(32px,3.3333333333333335vw,128px);} .text-gradient{-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .text-gradient>*{line-height: initial; margin-top: var(--size-20-);} .text-gradient1{ background: var(--linear-text-blue);-webkit-background-clip: text;-webkit-text-fill-color: transparent; line-height: 140%;} .text-gradient>*:first-child{margin-top: 0;} .l-bg-black{background-color: #000;} .index-about .name{color: rgba(255,255,255,0.3);} #aboutThree{position: absolute; left: 0; right: 0; top: 0; height: 100vh; pointer-events: none;} pre{word-break: break-word;} .index-banner{height: 100vh; min-height: 700px;} .index-banner .bd .img{width: 100%; height: 100%;} video{width: 100%; height: 100%; object-fit: fill;} .index-banner .bd .l-container{position: absolute; left: 0; top: 0; right: 0; bottom: 0; justify-content: space-between; padding-top: calc(var(--size-100) * 3); padding-bottom: calc(var(--size-100) * 1);flex-wrap: nowrap;} .index-banner .bd .top{justify-content: flex-end; display: flex; text-align: right;} .index-banner .bd .name>*{background: var(--linear-text-blue); background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent; line-height: 150%;} .index-banner>.l-container{position: absolute; right: 0; bottom: calc(var(--size-100) * 1); display: flex; justify-content: flex-end; left: 0;} .scroll-tip{display: flex; align-items: center; justify-content: center;} .scroll-tip span{background: var(--linear-gradient-text);background-clip: text;} .scroll-tip .jt{position: relative; width: var(--size-70); margin-left: var(--size-20);} .scroll-tip .jt .bg{width: 100%; transition: var(--transition); animation: rotate linear 5s infinite;} @keyframes rotate{ to{transform: rotate(360deg);} } .scroll-tip .jt .icon{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);} body{background: linear-gradient(134deg, #00326B 0%, #00438F 96.76%);} .about-logo{justify-content: space-between; align-items: center;} .about-logo>.logo{width: var(--size-110);filter: brightness(0) invert(1);} .about-logo>.line{width: calc(100% - var(--size-140)); height: 1px; background-color: rgba(255,255,255,0.15);} .about-bottom{justify-content: space-between; align-items: flex-end; padding-right: calc(var(--size-80) * 2);} .about-bottom>.right{width: calc(var(--size-75) * 10);} .about-bottom>.left{width: calc(100% - var(--size-75) * 10); padding-right: var(--size-60);} .about-bottom>.left img{width: calc(var(--size-50) * 7);} .public-btn{height: var(--size-60); aspect-ratio: 244/60;border-radius: var(--size-60);background: linear-gradient(94deg, #386FDA -23.61%, #1E3B74 126.15%); display: flex; align-items: center; justify-content: space-between; padding: 0 var(--size-10); overflow: hidden; position: relative;} .public-btn .icon{width: calc(var(--size-40) - 2px); height: calc(var(--size-40) - 2px); border-radius: 50%; background-color: #fff; display: flex; align-items: center; justify-content: center; position: relative; padding: 2px;} .public-btn span{width: calc(100% - var(--size-40) - 2px); display: flex; justify-content: center;white-space: nowrap;} .public-btn .icon .to{visibility: hidden; position: absolute; left: 0; top: 0;} /* .public-btn::before{content: ''; display: block; width: 100%; aspect-ratio: 1/1; background-color: #fff; border-radius: 50%; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%) scale(0.1); transform-origin: right center;} */ .public-btn .icon svg{position: relative; z-index: 2;} .public-btn .icon .circle{width: 100%; height: 100%; border-radius: 50%; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); background-color: #fff; filter: url(#goo-effect);} .public-btn .icon .circle i{width: 100%; height: 100%; border-radius: 50%; position: absolute; left: 0; top: 0; background-color: #fff;} #myThree{position: absolute; left: 0; top: 0; width: 100vw; height: 100vh; z-index: 5; pointer-events: none;} .index-ecological{padding-top: calc(var(--size-100) * 2.3); padding-bottom: calc(var(--size-90) * 2);} .ecological-bg{position: absolute; left: 0; right: 0; bottom: 0;} .ecological-cont .center{width: clamp(410px,42.70833333333333vw,1640px); position: relative; margin: auto;} .ecological-cont .center>img{width: 100%;} .ecological-cont .center .text{position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; opacity: 0;} .public-more{display: flex; align-items: center;} .public-more .icon{width: var(--size-20); margin-right: var(--size-15);} .public-more .icon img{width: 100%; display: block;} .ecological-cont .center .name>*{background: var(--linear-text-blue);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .ecological-cont .center .btn{justify-content: center;} .ecological-cont .bottom{justify-content: space-between; margin-top: calc(var(--size-80) * 2);} .ecological-cont .bottom .left{margin-top: calc(var(--size-80-) * 4);} .ecological-bg{position: absolute; left: 0; right: 0; top:0; opacity: 0;} .ecological-bg>img{width: 100%;} .ecological-icon>*{position: absolute;} .ecological-icon>*:nth-child(1){left:var(--size-85-); top:var(--size-50-); width: calc(var(--size-110) + 2px);} .ecological-icon>*:nth-child(2){left: calc(100% + var(--size-70) * 3); top: calc(var(--size-140) * 2); width: calc(var(--size-80) * 2 + 3px);} .ecological-icon>*:nth-child(3){left: calc(100% + var(--size-20)); bottom: var(--size-25); width: calc(var(--size-100) + 2px);} .ecological-icon>*:nth-child(4){right:calc(100% + var(--size-90) * 2); top:calc(100% + var(--size-60)); width: calc(var(--size-90) * 2 - 2px);} .ecological-icon>*:nth-child(5){left: 0; top:100%; width: calc(var(--size-70) * 2);} .ecological-icon>*:nth-child(6){left:var(--size-60); top:calc(100% + var(--size-80) * 2); width: calc(var(--size-80) * 2);} #pointWave{position: absolute; left: 0; bottom:0; width: 100%; height: 100vh; opacity: 0.2;} .detail-bottom{margin-bottom: var(--size-50);} .pro-effect{position: relative;background: linear-gradient(250deg, rgba(255,255,255,0.1) 0%, #07131D 96.76%);} .pro-effect>*{padding-top: calc(var(--size-100) * 2);padding-bottom: calc(var(--size-100) * 2);} .pro-effect-item{display: flex;-webkit-mask-image: linear-gradient(90deg, #0000, #fff 18rem calc(100% - 18rem), #0000);} .pro-effect-list{display: flex;animation: marquee 37s linear infinite;animation-direction: reverse;} .pro-effect-list>*{width: calc(var(--size-120) * 2); margin-right: var(--size-55);} .pro-effect-list>*>*{display: flex; align-items: center; justify-content: center; aspect-ratio: 1/1;} @keyframes marquee{ 0%{transform: translateX(0%);} 100%{transform: translateX(-100%);} } .pro-effect-dot{position: absolute; left: 50%; transform: translate(-50%,-50%); top: 50%; width: 100vw; height: 100%; z-index: 2; mask-image: repeating-linear-gradient(90deg, transparent 0rem .2rem, black .2rem .8rem), repeating-linear-gradient(0deg, transparent -.4rem -0.2rem, black -0.2rem .6rem); mask-size: .8rem .8rem; mask-position: center; mask-repeat: repeat; background: linear-gradient(250deg, #113E62 0%, #07131D 96.76%); opacity: 1; pointer-events: none;} .pro-effect-item.before{position: absolute; left: 0; right: 0; top: 0; bottom: 0;} .pro-effect-item.after{ position: relative; z-index: 3;--hidden-mask: 0%;clip-path: polygon(var(--hidden-mask) 0%, 100% 0%, 100% 100%, var(--hidden-mask) 100%);} .pro-effect-bg{width: calc(100% + var(--size-90) * 2); height: 100%;} .pro-effect-jiaobiao{position: absolute; left: 0; top: -20%; right: 0; bottom: -20%; z-index: 3; pointer-events: none;} .pro-effect-drag{position: absolute; left: 0; top: -20%; right: 0; bottom: -20%; z-index: 3; overflow: hidden; pointer-events: none;} .pro-effect-jiaobiao>*{width: 12px; color: #00a19d; position: absolute;} .pro-effect-jiaobiao>*:nth-child(1){left: 0; top: 0;} .pro-effect-jiaobiao>*:nth-child(2){right: 0; top: 0;} .pro-effect-jiaobiao>*:nth-child(3){right: 0; bottom: 0;} .pro-effect-jiaobiao>*:nth-child(4){left: 0; bottom: 0;} .pro-drag{cursor: col-resize; width: calc(var(--size-90) * 2);height: 100%; position: absolute; left: 0%; top: 0; pointer-events: auto;} .pro-drag::before{content: ''; display: block; width: .4rem; height: 100%; filter: blur(.1rem) brightness(96%); background-image: radial-gradient(circle at 0%, #fff, #00fff9 39%, #00de7c00); position: absolute; left: 0; top: 0;} .pro-drag::after{content: ''; display: block; width: 100%; height: 100%;-webkit-mask-image: linear-gradient(#0000 0%, #fff 20% 80%, #0000); transition-property: filter; transition-duration: .65s; transition-timing-function: cubic-bezier(.785, .135, .15, .86);filter: blur(1.6rem);backdrop-filter: blur(1.6rem); mix-blend-mode: screen; background-image: linear-gradient(90deg, #00a19d, #0a0a0a00 50%);} .index-pro{margin-top: calc(var(--size-95) * 2);} pre.lines{word-break:inherit;} .pro-item>*{width: calc(var(--size-100) * 4); aspect-ratio: 400/536;} .pro-item>*>*{display: flex; padding: var(--size-30); flex-direction: column; justify-content: space-between; height: 100%; background-color: rgba(30, 59, 116, 0.60);backdrop-filter: blur(4.699999809265137px); border-radius: var(--size-10); margin-right: var(--size-15);} .pro-item>*>*:hover{transform: translateY(var(--size-10-));} .pro-item .top .num{width: var(--size-40); aspect-ratio: 1/1; border-radius: 6px; border: 1px solid rgba(255, 255, 255, 0.18); display: flex; align-items: center; justify-content: center;} .pro-item .top .logo{width: calc(var(--size-80) - 2px); opacity: 0.3;} .pro-item .img{aspect-ratio:var(--aspect-pro); display: flex; align-items: center; justify-content: center;} .pro-item .img img{width: auto; height: auto; max-height: 100%;} .index-pro-btn>*{display: flex; align-items: center; justify-content: center; width: var(--size-55); aspect-ratio: 1/1; border-radius: 50%; background-color: #fff; margin-left: var(--size-20); position: relative; overflow: hidden;} .index-pro-btn>*:first-child{margin-left: 0;} .index-pro-btn>*.prev img{transform: rotate(180deg);} .index-pro-btn>* img{position: relative; z-index: 2; transition: var(--transition);} .index-pro-btn>*:hover{background-color: var(--color-dominant1);} .index-pro-btn>*:hover img{filter: brightness(0) invert(1);} .index-pro-hd{width: auto !important; bottom: 0 !important; color: #fff;counter-reset: section;} .index-pro-hd>*{width: auto; height: auto; position: relative; opacity: 1; background: none; display: flex; align-items: center; justify-content: center; margin: 0 !important;} .index-pro-hd>*::before{counter-increment: section;content: counter(section, decimal-leading-zero); display: block; width: var(--size-20);} .index-pro-hd>*::after{content: '. . .'; display: block; margin: 0 5px;} .index-pro-hd>*:last-child::after{display: none;} .index-pro-hd>*.on::before{content: ''; width: var(--size-20); aspect-ratio: 20/18; background-color: #fff;clip-path: polygon(0% 0%, 100% 0, 100% 60%, 50% 100%, 0 60%); position: relative; top: 4px; } .core-top{ overflow: hidden; position: absolute; left: 0; right: 0; top: 0; z-index: 2; height:var(--height); display: flex; align-items: center; opacity: 0; pointer-events: none;} .core-top .left{width: 50%;} .core-top>.img{position: absolute; left: var(--size-20); top: 0; right: var(--size-20); bottom: 0;border-radius: var(--size-10); overflow: hidden;} .core-top .name>*{background: var(--linear-text-blue);background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .core-top .right{align-items: center;width: 40%;} .core-top .right .img{width: var(--size-100);} .core-top .right .ccont{width: calc(100% - var(--size-100)); padding-right:var(--size-120);} .distort{position: fixed; pointer-events: none; will-change: transform; right: 0; top: 0;} .core-item>*>*{position: relative;} .core-item>* .text{padding: var(--size-45) 0; border-bottom:1px solid rgba(217, 217, 217, 0.15);} .core-item>* .text .right{width: var(--size-40); aspect-ratio: 1/1; border: 1px solid rgba(255,255,255,0.3); border-radius: 6px; display: flex; align-items: center; justify-content: center; transform: rotate(-90deg); padding: 4px;} .core-item>* .text .left{line-height: initial;white-space: normal; width: calc(100% - var(--size-40)); padding-right: var(--size-20);} .core-item>*{--height:clamp(170px,17.708333333333336vw,680px);} .core-item>*.active .text{height: var(--height); opacity: 0;} .core-item>*.active .core-top{opacity: 1;pointer-events: auto;} .distort__img{opacity: 0;} .core-item{position: relative; z-index: 2;} .index-solutions-banner{mask: url(../img/index/bg5.png) no-repeat center top; mask-size:cover; width: 100%; height: 100%;} .index-solutions-banner>.bd .img{height: 100%;} .index-solutions-banner>.bd>*{opacity: 0 !important;} .index-solutions-banner>.bd>*.swiper-slide-active{opacity: 1 !important; z-index: 2;} .index-solutions-banner>.bd .l-container{position: absolute; left: 0; right: 0; top: calc(var(--size-70) * 2);} .linear-name{display: inline-block;} .linear-name>*{background: var(--linear-text-blue);background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .index-solutions>.l-container{position: absolute; left: 0; right: 0; top: var(--size-140);} #three-hover{position: fixed; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 4;} .ecological-text{z-index: 2; display: flex; flex-wrap: nowrap; flex-direction: row;overflow-x: auto;} .ecological-text::-webkit-scrollbar { display: none; /* 隐藏原生滚动条 */ } .ecological-text>.item{display: flex; flex-wrap: nowrap; flex-direction: row; white-space: nowrap; align-items: center; padding: 0 var(--size-30);animation: scroll 50s linear infinite;transform: translateZ(0);will-change: transform;} .ecological-text>.item .center{margin: 0 var(--size-90); position: relative; top: var(--size-10);} .ecological-text>.item .center span{opacity: 0.6;} .l-font128{font-size: clamp(64px,6.666666666666667vw,256px);} @keyframes scroll { from { transform: translateX(0); } to { transform: translateX(-100%); } } .index-solutions-bottom{position: absolute; left: 0; right: 0; bottom: 0;background: rgba(217, 217, 217, 0.01);backdrop-filter: blur(var(--size-30)); z-index: 2; display: flex; align-items: center; padding: var(--size-35) 0;} .index-solutions-hd .bd>*{width: 12.5%; display: flex; align-items: flex-end; padding-top: var(--size-30);} .index-solutions-hd .bd>* .img{border-radius: var(--size-10); aspect-ratio: 189/112; overflow: hidden; width: 100%; transition: var(--transition); transform: scale(0.8);} .index-solutions-hd .bd>*.active .img{transform: scale(1) translateY(var(--size-10-));} footer{background-color: #00326B; padding-top: var(--size-130); padding-bottom: var(--size-50); position: relative; z-index: 3;} footer>video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.1; pointer-events: none;transform: translateZ(0);} .footer-logo>*{display: block; width: calc(var(--size-100) * 2 + var(--size-10));filter: brightness(0) invert(1);} .footer-logo>* img{width: 100%;} /* .capitalize{text-transform: capitalize;} */ .footer-center>.left .tel .nname{margin: 0 var(--size-15);} .footer-center>.left .tel .jt{width: var(--size-15);filter: brightness(0) invert(1); transform: rotate(-90deg);} .footer-center>.left .email a{text-decoration: underline;} .footer-center>.left .address{margin-left: calc(var(--size-85) * 2);} .footer-nav>*{display: flex; align-items: center; justify-content: center; width: var(--size-110); aspect-ratio: 110/36; border-radius: 6px; background-color: rgba(217, 217, 217, 0.14); margin-top: var(--size-15);} .footer-nav>*:first-child{margin-top: 0;} .footer-center>.right .ewm{background-color: #fff; border-radius: var(--size-10);padding: var(--size-10);} .footer-ewm p{white-space: nowrap;} .footer-ewm{width: var(--size-130);margin-right: calc(var(--size-100) * 1.5);} .footer-center>.right .ewm img{width: 100%;} .footer-copy{margin-top: var(--size-130);} .footer-copy>*{display: flex; align-items: center;} .footer-copy .jw{width: var(--size-25); margin-left: var(--size-10);} .footer-copy span{margin-left: var(--size-10); display: flex; align-items: center;} .footer-copy span:first-child{margin-left: 0;} .header-logo{filter: brightness(0) invert(1); width: calc(var(--size-75) * 2); display: block; position: relative; z-index: 2;} .header-logo img{width: 100%;} .solutions-res{position: relative; z-index: 3; margin-top: var(--size-130);} .solutions-res.two{margin-top: 0;} .solutions-res.two .about-logo{margin-top: var(--size-75);} .l-mg130{margin-top: var(--size-130);} .pro-effect>.bg{position: absolute; right: 0; bottom: calc(var(--size-100-) * 2); z-index: 2; pointer-events: none;} .solutions-cont{z-index: 2; margin-top: var(--size-80-); overflow: hidden; padding-top: calc(var(--size-80) * 2);} .solutions-bg{position: absolute; left: 0; top: 0; right: 0; z-index: -1; bottom: 0;} .solutions-bg img{width: 100%;} .filter-nav{justify-content: space-between; border-bottom: 1px solid rgba(255, 255, 255, 0.15); position: relative;} .filter-nav>*>*{padding: var(--size-20) 0 var(--size-40); display: flex;} .filter-nav>.active>*{background: var(--linear-text-blue); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .filter-nav>.line{position: absolute; left: 0; bottom: 0; width: 10%; height: 3px; background-color: #3EB4B9; display: flex; align-items: flex-start; justify-content: center;} .filter-nav>.line::after{content: ''; display: block; width: 0; height: 0; border: 12px solid transparent; border-top: 11px solid #3EB4B9;} .filter-nav-two>*{margin: var(--size-50) var(--size-50) 0 0;} .filter-nav-two>*>*{display: flex; height: var(--size-60); align-items: center; padding: var(--size-10) var(--size-15); border-radius: var(--size-10); border: 1px solid rgba(79, 114, 153, 0.40);backdrop-filter: blur(30px); min-width: calc(var(--size-45) * 6);} .filter-nav-two>* .jt{width: var(--size-40); height: var(--size-40); border-radius: 6px; border: 1px solid rgba(255,255,255,0.3); display: flex; align-items: center; justify-content: center; transform: rotate(-90deg); transition: var(--transition); padding: 4px;} .filter-nav-two>* .jt img{filter: brightness(0) invert(1);} .filter-nav-two>* span{width: calc(100% - var(--size-40)); display: flex; align-items: center; justify-content: center; padding: 0 var(--size-10);} .filter-nav-two>*.active>*,.filter-nav-two>*>*:hover{background-color: rgba(255, 255, 255, 0.05);} .filter-nav-two>*.active .jt,.filter-nav-two>*>:hover .jt{background-color: #012D5F; transform: rotate(0);} .pro-item.list{margin-left: var(--size-15-);} .pro-item.list>*{padding-left: var(--size-15); margin-bottom: var(--size-15); margin-right: 0;backdrop-filter:none; background: none; width: 20%;} .pro-item.list>*>*{border-radius: var(--size-10);background: rgba(6, 23, 43, 0.20);backdrop-filter: blur(30px);} .solutions-contact{padding-left: var(--size-30); padding-right: var(--size-30); padding-bottom: var(--size-30); position: relative; z-index: 3;} .public-contact{border-radius: var(--size-10);} .public-contact>.bg{width: 100%;} .public-contact .text{position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center;} .public-contact .text .name{background: linear-gradient(90deg, #3EB4B9 0%, #FFF 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .public-contact .btn{justify-content: center; display: flex;} .solutions-res-top>.right{text-align: right; width: 60%;} .solutions-res>.ccont{width: 80%;} .news-top{padding-top: calc(var(--size-140) * 2); padding-bottom: var(--size-90);} .news-top-title>._name{justify-content: flex-end;} .news-top-title>.nname{margin-top: calc(var(--size-75) * 2);} .news-featured>.bd>*{width: 33.3%; margin-right: var(--size-15);} .news-hot>* .img{aspect-ratio: var(--aspect-news); border-radius: var(--size-10); position: relative;} .news-hot>* .time{position: absolute; left: var(--size-25); top: var(--size-25); background-color: var(--color-hover); aspect-ratio: 120/45; width: var(--size-120); display: flex; align-items: center; justify-content: center; z-index: 3; border-radius: var(--size-10);white-space: nowrap;} .news-hot>*>*:hover img{transform: scale(1.2);} .news-hot>* .text{width: 90%;} .news-hot>* .text .name{width: 80%;} .news-cont>*>.left{width: calc(var(--size-90) * 3);} .news-cont>*>.right{width: calc(100% - var(--size-90) * 3); padding-left: var(--size-130);} .news-filter{position: sticky; top: var(--size-140);} .news-search{height: var(--size-60); border-radius: var(--size-10); background-color: rgba(255, 255, 255, 0.10); align-items: center; padding: 0 var(--size-30);} .news-search input{position: absolute; left: 0; right: 0; height: 100%; border: none; padding: 0 var(--size-30) 0 var(--size-85);--placeholder:rgba(255, 255, 255, 0.60); color: #fff; z-index: 3;} .news-search .icon{width: var(--size-20); position: relative; cursor: pointer; transition: var(--transition); position: relative; z-index: 3;} .news-search .icon::after{content: ''; display: block; width: 1px; height: var(--size-15); background-color: rgba(255, 255, 255, 0.40); position: absolute; left: calc(100% + var(--size-15)); top: 51%; transform: translateY(-50%);} .news-search .icon button{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; cursor: pointer;} .news-filter .filter-nav-two{margin-top: var(--size-20);} .news-filter .filter-nav-two>*{margin-top: var(--size-15);} /* .news-search input:focus{padding: 0 var(--size-60) 0 var(--size-30);} .news-search input:focus ~ .icon{transform: translateX(calc(var(--size-100) * 2)); z-index: 4;} .news-search input:focus ~ .icon::after{display: none;} */ .news-item>*{margin-top: var(--size-15);} .news-item>*:first-child{margin-top: 0;} .news-item>*>*{display: flex; padding: var(--size-30); border-radius: var(--size-10); background-color: rgba(6, 23, 43, 0.20);} .news-item>* .img{aspect-ratio: var(--aspect-news); border-radius: var(--size-10); overflow: hidden; width: calc(var(--size-85) * 4);} .news-item>* .text{width: calc(100% - var(--size-85) * 4); padding-left: var(--size-70); padding-top: var(--size-20);} .news-item>* .text .time{aspect-ratio: 126/40; height: var(--size-40); border-radius: var(--size-10);border: 1px solid rgba(79, 114, 153, 0.40);background: rgba(30, 59, 116, 0.20); display: flex; align-items: center; justify-content: center;} .news-item>*>*:hover img{transform: scale(1.2);} .list-page{justify-content: center;} .list-page>*{width: var(--size-50); aspect-ratio: 1/1; border-radius: var(--size-15); margin: 0 5px; display: flex; align-items: center; justify-content: center;} .list-page>a:not(.page){border: 1px solid rgba(79, 114, 153, 0.40);} .list-page>.page{filter: brightness(0) invert(1);} .list-page>.prev{transform: rotate(180deg);} .list-page>a:hover{border-color: #fff;} .list-page>.active{background-color: #fff; border-color: #fff; color: var(--color-hover);} .list-page>.disabled{cursor: auto; opacity: 0.5;} .detail-top{padding-top: calc(var(--size-75) * 2); padding-bottom: var(--size-75);} .lh-crumbs>.icon{width: var(--size-25); height: var(--size-25); display: flex; align-items: center; justify-content: center; border-radius: 50%; background: linear-gradient(94deg, #386FDA -23.61%, #1E3B74 126.15%); margin-right: var(--size-15); padding: 4px;} .lh-crumbs>.jt{filter: brightness(0) invert(1); margin: 0 var(--size-15);} .lh-crumbs em{width: calc(var(--size-100) * 3);} .detail-top .title{margin-top: var(--size-110);background: linear-gradient(90deg, #3EB4B9 0%, #FFF 42.75%); background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .detail-come{height: var(--size-95);} .detail-come>*{margin-left: var(--size-35);} .detail-come>*:first-child{margin-left: 0;} .detail-cont{border-top: 1px solid rgba(255, 255, 255, 0.10);border-bottom: 1px solid rgba(255, 255, 255, 0.10);} .detail-cont>*>.right{width: calc(var(--size-110) * 4 + var(--size-10)); padding-top: var(--size-60); padding-bottom: var(--size-60); padding-left: var(--size-45);} .detail-cont>*>.left{width: calc(100% - var(--size-110) * 4 - var(--size-10)); padding: var(--size-60) var(--size-75) var(--size-60) 0; border-right: 1px solid rgba(255,255,255,0.1);} .news-hot.detail>*{margin-top: var(--size-70);} .detail-page{padding-top: var(--size-30);} .detail-page::before{content: ''; display: block; width: calc(100% + var(--size-100) * 2); height: 1px; background-color: rgba(255,255,255,0.1); position: absolute; left: var(--size-45-); top: 0;} .detail-page>*{display: flex; align-items: center; margin-top: var(--size-30);} .detail-page>* .jt{width: var(--size-55); height: var(--size-55); border-radius: 50%; border: 1px solid rgba(255,255,255,0.1); display: flex; align-items: center; justify-content: center;} .detail-page>* .jt img{filter: brightness(0) invert(1);} .detail-page>.prev .jt{transform: rotate(180deg);} .detail-page>* span{width: calc(100% - var(--size-55)); padding-left: var(--size-25); opacity: 0.6; transition: var(--transition);} .detail-page>*.disabled{cursor: auto; opacity: 0.6;} .detail-page>*:not(.disabled):hover span{opacity: 1;} .lh-join>.l-container{width: clamp(520px,54.166666666666664vw,2080px);} .lh-join .filter-nav-two{justify-content: center;} .lh-join .filter-nav-two>*>*{background: rgba(30, 59, 116, 0.05);backdrop-filter: blur(30px); border: none;} .join-search{height: var(--size-70);background: rgba(30, 59, 116, 0.05);backdrop-filter: blur(30px); border-radius: var(--size-70); justify-content:space-between; display: flex; align-items: center;} .join-search .btn{height: 100%; border-radius: var(--size-70); background:linear-gradient(94deg, #386FDA -23.61%, #1E3B74 126.15%); color: #fff; aspect-ratio: 224/70; justify-content: center;} .join-search .btn .icon{width: var(--size-20); margin-right: var(--size-15);filter: brightness(0) invert(1);} .join-search .btn .icon img{width: 100%;} .join-search input{height: 100%; border: none; padding: 0 var(--size-55); color: #fff;--placeholder:#fff;} .public-ban{aspect-ratio: 1920/540;padding-top: calc(var(--size-75) * 2);} .public-ban .img{position: absolute; left: 0; right: 0; top: 0; bottom: 0;} .public-ban .img img{transition: none;} .join-filter-item>*{margin-top: var(--size-25); display: flex; align-items: center;cursor: pointer; position: relative; opacity: 0.6;} .join-filter-item>* .icon{width: var(--size-30); aspect-ratio: 1/1; border: 1px solid rgba(255,255,255,0.2); border-radius: var(--size-10); position: relative;} .join-filter-item>* .icon::before{content: ''; display: block; width: 100%; height: 100%; background-color: #fff; position: absolute; left: 0; top: 0; border-radius: var(--size-10); transform: scale(0);} .join-filter-item>* span{width: calc(100% - var(--size-30)); padding-left: var(--size-20);} .join-filter-item>* input{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; transition: none;} .join-filter-item>*.active{opacity: 1;} .join-filter-item>*.active .icon{border-color: #fff;} .join-filter-item>*.active .icon::before{transform: scale(0.6);} .filter-clear{text-decoration: underline;} .join-item>*{margin-top: var(--size-15); background-color: rgba(6, 23, 43, 0.20); border-radius: var(--size-10);} .join-item>*:first-child{margin-top: 0;} .join-top,.join-cont{padding: var(--size-45) var(--size-70);} .join-top .right .jt{width: var(--size-40); height: var(--size-40); border-radius: 6px; border: 1px solid rgba(255,255,255,0.3); display: flex; align-items: center; justify-content: center; transform:rotate(-90deg);} .join-top .right .jt img{filter: brightness(0) invert(1);} .join-top .left{width: calc(100% - var(--size-40)); padding-right: var(--size-30);} .join-top .nname>*{display: flex; align-items: center; margin-right: var(--size-50); margin-top: var(--size-20); position: relative;} .join-top .nname>*:last-child{margin-right: 0;} .join-top .nname>* .icon{width: var(--size-25); margin-right: var(--size-10);} .join-top .nname>* .icon img{display: block;} .join-top .nname>*::after{content: ''; display: block; width: 1px; height: var(--size-15); background-color: rgba(255,255,255,0.4); position: absolute; right: var(--size-25-); top: 50%; transform: translateY(-50%);} .join-top .nname>*:last-child::after{display: none;} .l-accordion .accordion-bd{display: none;} .l-accordion .active .accordion-bd{display: block;} .l-accordion .active .join-top .right .jt{transform: rotate(0);background-color: #012D5F;transform: rotate(0);} .join-top{cursor: pointer;} .lh-join{background: linear-gradient(180deg, #06182D 0%, #07121B 100%);} .bg-video{position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0.3;} /* .lh-join .bg-video{opacity: 0.05;} */ .detail-top.pdetail{background: linear-gradient(180deg, #06182D 0%, #07121B 100%); padding-bottom: calc(var(--size-75) + var(--size-90));} .pdetail-top>.left{width: clamp(337px,35.15625vw,1350px);} .pdetail-top>.right{width: calc(100% - clamp(337px,35.15625vw,1350px)); padding-left: var(--size-120);} .pdetail-l{justify-content: space-between;} .pdetail-thumb-box{height: calc(var(--size-120) * 4 + var(--size-60));} .pdetail-thumb{width: var(--size-120); height: calc(var(--size-120) * 4 + var(--size-80)); margin-top: var(--size-10-);} .pdetail-imgs{width: clamp(270px,28.125vw,1080px); height: clamp(270px,28.125vw,1080px); background: rgba(30, 59, 116, 0.60) url(../img/solutions/c1.png) no-repeat center; background-size: cover; backdrop-filter: blur(var(--size-30)); border-radius: var(--size-10);} .pdetail-imgs .img,.pdetail-thumb .bd li .img{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden;} .pdetail-imgs .img img,.pdetail-thumb .bd li img{width: auto; height: auto; max-height: 100%;} .pdetail-imgs .title{position: absolute; left: 0; right: 0; bottom: 0; text-align: center; color: #fff; background: rgba(62,180,185,0.7); z-index: 3; padding: var(--size-20);-webkit-text-fill-color: #fff;backdrop-filter: blur(var(--size-10));} .pdetail-thumb .bd{display: block;} .pdetail-thumb .bd li{aspect-ratio: 1/1; height: auto; padding: var(--size-10) 0;} .pdetail-thumb .bd li .img{border-radius: var(--size-10);backdrop-filter: blur(5px); aspect-ratio: 1/1; cursor: pointer; position: relative; padding: 2px;} .pdetail-r .ccont{position: relative;} .pdetail-r .ccont::before{content: ''; display: block; width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.15); position: absolute; left: 0; top: var(--size-45-);} .pdetail-r .ccont::after{content: ''; display: block; width: var(--size-10); aspect-ratio: 1/1; border-radius: 50%; background-color: #2B3640; position: absolute; left: 0; top: var(--size-50-);} .pdetail-highlights{position: relative; z-index: 2; margin-top: var(--size-90-);} .highlights-bg{position: absolute; left: 0; right: 0; bottom: 0; opacity: 0.2;} .highlights-bg img{width: 100%;} .highlights-cont{margin-top: var(--size-120);} .highlights-item>*{min-height: calc(var(--size-100) * 3); width: 50%;} .highlights-item>*:nth-child(2n){display: flex; justify-content: flex-end;} .highlights-item>*>*{width: calc(var(--size-85) * 4);} .highlights-item>* .top{align-items: center; position: relative;} .highlights-item>* .top .left{width: var(--size-60); aspect-ratio: 1/1; border-radius: 5px; border: 1px solid rgba(255,255,255,0.18); display: flex; align-items: center; justify-content: center;} .highlights-item>* .top .name{width: calc(100% - var(--size-60)); padding-left: var(--size-35);} .highlights-cont .highlights-item:last-child>*{text-align: right;} .highlights-cont .highlights-item:last-child>* .top .left{position: absolute; right: 0;} .highlights-cont .highlights-item:last-child>* .top .name{padding: 0 var(--size-35) 0 0;} .pdetail-btn>*{position: absolute; left: 0; right: 0; height: var(--size-120); display: flex; align-items: center; justify-content: center; bottom: 0; z-index: 2;backdrop-filter: blur(4.344061851501465px);opacity: 0; pointer-events: none;} .pdetail-btn>*.prev{top: 0;} .pdetail-btn>*.next{bottom: 0;} .pdetail-btn>* .jt{width: var(--size-25); aspect-ratio: 1/1; border-radius: 50%; background-color: var(--color-hover); display: flex; align-items: center; justify-content: center; margin: 0 auto var(--size-10); transform: rotate(90deg); padding: calc(var(--size-10) / 1.3);} .pdetail-btn>* .jt img{filter: brightness(0) invert(1);} .pdetail-btn>*.prev .jt{margin: var(--size-10) auto 0; transform: rotate(-90deg);} .pdetail-thumb:hover .pdetail-btn>*:not(.swiper-button-disabled){opacity: 1; pointer-events: auto;} .pdetail-btn>*.swiper-button-disabled{opacity: 0; pointer-events: none;} .pdetail-thumb .bd li .img{background-color: #162B53;} .pdetail-thumb .bd li .img>*{background: #162B53; position: relative; z-index: 2; border-radius: var(--size-10); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;} .pdetail-thumb .bd li .img::before{content: "";position: absolute;width: 140%; aspect-ratio: 1/1; left: 50%; top: 50%; transform: translate(-50%,-50%); background: conic-gradient(rgba(255,255,255,0.2) 30%, #00326B, rgba(255,255,255,0.2));animation: videoRotate 8s linear infinite; opacity: 0;} @keyframes videoRotate { 0% { transform:translate(-50%,-50%) rotate(0deg); } 100% { transform:translate(-50%,-50%) rotate(360deg); } } .pdetail-thumb .bd li.active .img::before{opacity: 1;} .specifications-cont{border-radius: var(--size-10);background: rgba(6, 23, 43, 0.3); padding: var(--size-40);} .specifications-item{justify-content: space-between; margin-top: 2px;} .specifications-item>*.name{width: calc(var(--size-140) * 3); color: rgba(255,255,255,0.4);} .specifications-item>*.params{width: calc(100% - var(--size-140) * 3 - 2px);} .specifications-item>*{padding: var(--size-20); display: flex; align-items: center; justify-content: center;border: 1px solid rgba(255, 255, 255, 0.05); border-radius: var(--size-10);} .specifications-item.title>*{background-color: rgba(255,255,255,0.05); border: none;} .specifications-item.title>.name{color: rgba(255,255,255,1);} .specifications-tip{justify-content: flex-end;} .applications-banner{padding-left: var(--size-30);} .applications-banner .bd>*{width: 54%; padding-right: var(--size-15);} .applications-banner .bd>* .cont{aspect-ratio: 1000/840; border-radius: var(--size-10); position: relative; overflow: hidden;} .applications-banner .bd>* .cont::before{content: ''; display: block; width: 100%; height: 100%; background: linear-gradient(180deg, #051C37 0%, rgba(14, 80, 157, 0.00) 50%); position: absolute; left: 0; top: 0; z-index: 2;} .applications-banner .bd>* .text{position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 3; display: flex; flex-direction: column; justify-content: space-between; padding: var(--size-80) var(--size-100) var(--size-40);} .pdetail-applications{padding-bottom: var(--size-30); padding-top: var(--size-30);} #highlights-three{position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none;} canvas{will-change: transform;transform: translate3d(0,0,0);} .app-banner{height: 100vh;} .app-cont{height: 100%; z-index: 2;} .app-cont>*{display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding-top:var(--size-140); padding-bottom: var(--size-50);} .pro-item.app>*{margin-bottom: 0;} .app-bg{position: absolute; left: 0; top: 0; right: 0; bottom: 0;} .app-bg img{width: 100%; height: 100%;} .swiper-footer{height: auto !important;} .infiwave-top{padding-top: calc(var(--size-70) * 4); padding-bottom: calc(var(--size-80) * 2);} .infiwave-line{height: 1px; background-color: rgba(255, 255, 255, 0.15); margin-left: var(--size-30); margin-right: var(--size-30);} .infiwave-res>.left{width: calc(var(--size-130) * 6);} .infiwave-res>.right{width: calc(100% - var(--size-130) * 6); position: relative; padding-left: calc(var(--size-80) * 2); display: flex; justify-content: flex-end;} #infiwave-three{width: 100%; aspect-ratio: 1/1; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); pointer-events: none;} .lh-lang{align-items: center; position: relative; z-index: 2;} .lh-lang>i{display: block; width: 1px; height: var(--size-15); background-color: rgba(255,255,255,0.5); margin: 0 var(--size-10); position: relative; top: 2px;} .lh-lang>a:hover{text-decoration: underline;} .infiwave-title{justify-content: center;} .infiwave-core{padding-bottom: calc(var(--size-120) * 2);} .infiwave-core>*{margin-top: var(--size-100); width: 50%;} .infiwave-core>*:first-child{width: 100%; display: flex; justify-content: center;} .infiwave-core>*:not(:first-child):nth-child(2n+1){display: flex; justify-content:flex-end;} .infiwave-core>* .cont{width: clamp(370px,38.54166666666667vw,1480px); padding-bottom: var(--size-50); position: relative;} .infiwave-core>* .cont .top{display: none;} .infiwave-core>* .cont::before{content: ''; display: block; width: 100%; aspect-ratio: 740/133; background: url(../img/infiwave/icon4.svg) no-repeat center; background-size: cover; position: absolute; left: 0; bottom: 0; z-index: -1;-webkit-mask: linear-gradient(180deg, rgba(30, 59, 116, 0.00) 22.56%, rgba(56, 111, 218, 0.60) 100%); } .infiwave-core-pro{flex-wrap: nowrap; justify-content: space-between; padding: 0 var(--size-50);} .infiwave-core-pro>*{margin-top: var(--size-50);} .infiwave-core-pro .img{height: var(--size-100); padding:0 var(--size-20) var(--size-25);} .infiwave-core-pro .img img{width: auto; height: auto; max-height: 100%;} .infiwave-core-pro p{white-space: nowrap;} .core-icon>*{position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);} .core-icon>*.gif{opacity: 0.5;} .core-icon .line1{width: 1px; height: 74.2%;} .core-icon .line1::after{content: ''; display: block; width: var(--size-10); aspect-ratio: 1/1; border-radius: 50%; background-color: #fff; position: absolute; left: 50%; top: calc(var(--size-10-) / 2 - 2px); transform: translateX(-50%);} .core-icon .line1::before{content: ''; display: block; width: 1px; height: 100%; border-left: 1px dashed #3EB4B9; -webkit-mask: linear-gradient(180deg, #3EB4B9 40.93%, rgba(255, 255, 255, 0.00) 97.63%);} .core-icon .line{height: 52%; width: var(--size-45);} .core-icon .line>*{width: 100%; position: absolute; left: 0; bottom: 0; height: 100%;} .core-icon .line svg{height: 126%; width: 100%; position: absolute; left: 0; bottom: 0;} .core-icon .line>*::before{content: ''; display: block; width: var(--size-10); aspect-ratio: 1/1; border-radius: 50%; background-color: #fff; position: absolute; top: calc(var(--size-10-) / 2 + 1px); z-index: 2;} .core-icon .line>:nth-child(1){margin-left: var(--size-35-);} .core-icon .line>:nth-child(1)::before{left: calc(var(--size-10-) / 1.2);} .core-icon .line>:nth-child(2){margin-left: var(--size-35);} .core-icon .line>:nth-child(2)::before{left: calc(100% - var(--size-10) / 5);} .core-icon .line>:nth-child(3),.core-icon .line>:nth-child(4){width: var(--size-30); height: 50%; margin-left: var(--size-35-);} .core-icon .line>:nth-child(3) svg{height: 139%;} .core-icon .line>:nth-child(3)::before{left: calc(var(--size-10-) / 1.2);} .core-icon .line>:nth-child(4) svg{height: 141%;} .core-icon .line>:nth-child(4){margin-left: var(--size-50);} .core-icon .line>:nth-child(4)::before{left: calc(100% - var(--size-10) / 5);} .infiwave-bg{position: absolute; left: 0; right: 0; bottom: 0; opacity: 0.3;} .infiwave-bg img{width: 100%;} .infiwave-support{background: #000117;} .support-nname{margin-top: calc(var(--size-85) * 2); align-items: flex-end;} .support-nname>.right{text-align: right;} .support-nname .index-pro-btn{position: relative; top: var(--size-40);} .support-banner .bd>*{width: 26%; margin-right: var(--size-15); height: auto;} .support-banner .bd>*>*{display: flex; flex-direction: column; background-color: rgba(30, 59, 116, 0.60); border-radius: var(--size-10); padding: var(--size-30); height: 100%; justify-content: space-between;backdrop-filter: blur(4.699999809265137px);} .support-banner .bd>*>*:hover{transform: translateY(var(--size-10-));} .support-banner .bd>* .top{display: flex; align-items: center;} .support-banner .bd>* .top span{display: flex; align-items: center; justify-content: center; width: var(--size-40); aspect-ratio: 1/1; border-radius: 6px; border: 1px solid rgba(255,255,255,0.18);} .support-banner .bd>* .top em{width: calc(100% - var(--size-40)); padding-left: var(--size-30);} .support-banner .bd>* .img{margin-top: var(--size-30); aspect-ratio: 336/180; border-radius: var(--size-10); overflow: hidden;} .support-tip{width: 43%;} .service-item>*>*{display: flex; flex-direction: row; padding: var(--size-65) 0; border-bottom: 1px solid rgba(217, 217, 217, 0.15); align-items: center; justify-content: space-between;} .service-item>* .left{align-items: center; width: 80%;} .service-item>* .left .num{display: flex; align-items: center; justify-content: center;width: var(--size-40); aspect-ratio: 1/1; border-radius: 6px; border: 1px solid rgba(255,255,255,0.18);} .service-item>* .left .name{padding-left: var(--size-25); width: 30%;} .service-item>* .left .nname{opacity: 0.6; padding-left: var(--size-25); width: calc(70% - var(--size-40));} .service-item>* .right{width: var(--size-40); aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; border-radius: 6px; border: 1px solid rgba(255,255,255,0.3);} .service-item>* .right img{filter: brightness(0) invert(1); transform: rotate(-90deg);} .infiwave-network{mask: url(../img/index/bg5.png) no-repeat center top;mask-size: cover; position: relative;} .download-top>.right{width: calc(var(--size-90) * 3);} .download-top{padding-bottom: var(--size-30); border-bottom: 1px solid rgba(255,255,255,0.15);} .download-filter>*{margin-top: var(--size-40);} .download-filter>* .icon{height: var(--size-65); display: flex; align-items: center; justify-content: center; width: var(--size-80); margin: auto;} .download-filter>* .icon img{width: auto; max-height: 100%; transition: var(--transition);} .download-filter>* p{margin-top: var(--size-25);transition: var(--transition);} .download-filter>*>*:hover p,.download-filter>*.active>* p{opacity: 1;} .download-filter>*>*:hover .icon img,.download-filter>*.active>* .icon img{transform: scale(1.2);} .download-item{margin: var(--size-40) 0 0 var(--size-35-);} .download-item>*{margin-top: var(--size-35); padding-left: var(--size-35);} .download-item>*>*{display: flex; align-items: center; background-color: rgba(6, 23, 43, 0.20); padding: var(--size-40); justify-content: space-between; border-radius: var(--size-10); height: 100%;} .download-item>* .down{width: var(--size-40); aspect-ratio: 1/1; border: 1px solid rgba(255, 255, 255, 0.31); border-radius: 6px; display: flex; align-items: center; justify-content: center;} .download-item>* .left{width: calc(100% - var(--size-40)); padding-right: var(--size-100);} .download-item>* .left>.icon{width: var(--size-80);} .download-item>* .text{width: calc(100% - var(--size-80)); padding-left: var(--size-60);} .download-item>* .nname>*{margin-left: var(--size-60); position: relative;} .download-item>* .nname .icon{width: var(--size-25); margin-right: var(--size-10);} .icon img{display: block;} .download-item>* .nname>*::before{content: ''; display: block; width: 1px; height: var(--size-15); background-color: rgba(255, 255, 255, 0.40); position: absolute; left: var(--size-30-); top: 50%; transform: translateY(-50%);} .download-item>* .nname>*:first-child{margin-left: 0;} .download-item>* .nname>*:first-child::before{display: none;} .loading-more{justify-content: center; text-align: center;} .loading-more .jt{display: flex; align-items: center; justify-content: center; width: var(--size-55); aspect-ratio: 1/1; border-radius: 50%; border: 1px solid rgba(255,255,255,0.1); margin: 0 auto var(--size-15);} .loading-more .jt img{filter: brightness(0) invert(1); transform: rotate(90deg);} .lh-contact{padding-top: calc(var(--size-85) * 2); padding-bottom: calc(var(--size-75) * 2);background:linear-gradient(0deg,#376591,#01081A);} .contact-submit{width: calc(var(--size-110) * 8); --placeholder:rgba(255, 255, 255, 0.60);} .contact-item>*{margin-bottom: var(--size-35); height: var(--size-70); position: relative; display: flex; align-items: center;} .contact-item>* input{position: absolute; height: 100%; border: none; border-bottom: 1px solid rgba(255,255,255,0.13); padding: 0 0 0 calc(var(--size-110) * 3); color: #fff;} .lh-agree .l-checkbox>*{position: relative; display: flex; align-items: center;} .lh-agree .l-checkbox>* .icon{width: var(--size-25); aspect-ratio: 1/1; border-radius: 3px; background-color: #fff; border: 1px solid #fff; margin-right: var(--size-20); position: relative;} .lh-agree .l-checkbox>* .icon::before{content: ''; display: block; width: 100%; height: 100%; border-radius: 3px; background-color: var(--color-dominant1); transform: scale(0);} .lh-agree .l-checkbox>*.active .icon::before{transform: scale(0.8);} .lh-agree .l-checkbox>* input{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; cursor: pointer;} .lh-agree .l-checkbox>* span{opacity: 0.6;} .lh-agree a{color: #5D86D5; text-decoration: underline; margin-left: 5px;} .lh-contact>*>.left{display: flex; flex-direction: column; justify-content: space-between;} .lh-contact>*>.left .bottom .icon{width: var(--size-35); margin-right: var(--size-25);} .lh-contact>*>.left .bottom .icon img{width: 100%;} .Fixed .lh-header{background-color: rgba(0,53,113,0.5);backdrop-filter: blur(20px);} #translate{display: none;} .support-video{position: absolute; left: 50%; top: 50%; width: calc(var(--size-100) * 9); aspect-ratio: 1/1; transform: translate(-50%,-50%); z-index: -1;} #support-three{position: absolute; left: 50%; top: 50%; width: calc(var(--size-100) * 9); aspect-ratio: 1/1; transform: translate(-50%,-50%);} #network-three{position: absolute; left: 0; top: 0; right: 0; bottom: 0;} .app-fixed{position: fixed; right: var(--size-30); top: 50%; transform: translateY(-50%); z-index: 5; border-right: 1px dashed rgba(255, 255, 255, 0.40);} .app-fixed-item>*{margin: var(--size-10) 0; text-align: right;} .app-fixed-item>*>*{padding-right: var(--size-30); position: relative; opacity: 0.4;} .app-fixed-item>*>*::after{content: ''; display: block; width: var(--size-10); aspect-ratio: 1/1; border: 1px solid rgba(255, 255, 255, 0.40); background-color: #18344E; position: absolute; right: calc(var(--size-10-) / 2); top: 50%; transform: translateY(-50%); border-radius: 50%; opacity: 0; transition: var(--transition);} .app-fixed-item>*.active>*::after{opacity: 1;} .app-fixed-item>*.active>*{background: var(--linear-text-blue); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; opacity: 1;} .loading-video{width: clamp(133px,13.854166666666668vw,532px); aspect-ratio: 266/166; border-radius: var(--size-10); background:#21C4DF; padding: calc(var(--size-10) - 4px); z-index: 3; overflow: hidden; cursor: pointer; position: absolute; left: var(--size-30); bottom: 120%;} .loading-video>.img{position: relative; z-index: 2; border-radius: var(--size-10); width: 100%; height: 100%;} .loading-video>.shadow{width: 100%; height: 100%;background: linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%), linear-gradient(180deg, #002A8D 0%, rgba(0, 72, 152, 0.00) 33.65%); position: absolute; left: 0; top: 0; z-index: 4; opacity: 0;} .loading-video>.shadow1{content: "";position: absolute;width: 120%; aspect-ratio: 1/1; left: 50%; top: 50%; transform: translate(-50%,-50%); background: conic-gradient(#21C4DF 30%, #004898, #21C4DF);animation: videoRotate 8s linear infinite;} @keyframes videoRotate { 0% { transform:translate(-50%,-50%) rotate(0deg); } 100% { transform:translate(-50%,-50%) rotate(360deg); } } .public-title>.name{font-weight: normal;} /* .video-line{width: 100%; height: 100%; background:#004898; position: absolute; left: 0; top: 0;} */ video{object-fit: cover; width: 100%; height: 100%;} .loading-video>video{border-radius: var(--size-15); z-index: 2; position: relative;} .loading-video>.btn{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 3; width: var(--size-40);} .layer-video{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,1); z-index: 101; display: flex; align-items: center; justify-content: center;backdrop-filter: blur(3px); display: none;} .layer-video-cont{max-width: 80%; max-height: 80%;} .video-close{width: var(--size-50); height: var(--size-50); aspect-ratio: 1/1; border-radius: 50%; background-color: rgba(0,0,0,0.6); color: #fff; display: flex; align-items: center; justify-content: center; position: absolute; right: var(--size-30); top: var(--size-30); padding: var(--size-15);} .video-close img{display:block;filter: brightness(0) invert(1);} .lh-ones{color: rgba(255,255,255,0.6);} .specifications-cont table{border-collapse: unset !important; border: none !important; width:100% !important; float: none !important;} .specifications-cont table tr,.specifications-cont table td,.specifications-cont table th{padding: var(--size-20) !important;} .specifications-cont table td,.specifications-cont table th{border: 1px solid rgba(255,255,255,0.1) !important; border-radius: var(--size-10) !important; text-align: center;} .specifications-cont table tr:first-child td，.specifications-cont table tr:first-child th{background-color: #003067;} .specifications-cont table *{text-align: center !important;} .index-solutions-btn>*{position: absolute; top: 50%; transform: translateY(-50%); z-index: 2;} .index-solutions-btn>*.prev{left: var(--size-30);} .index-solutions-btn>*.next{right: var(--size-30);} .l-justify{text-align: justify;} /* .lh-loading{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; background-color: var(--color-dominant1); color: #fff; display: flex; align-items: center; justify-content: center;} .lh-loading .logo{width: calc(var(--size-100) * 5); position: relative;} .lh-loading .logo img{width: 100%;} .lh-loading .logo img:nth-child(1){filter: brightness(0) invert(1);} .lh-loading .logo img:nth-child(2){position: absolute; left: 0; bottom: 0; right: 0;clip-path: inset(100% 0 0 0);} */ /* filter: brightness(0) invert(1); -webkit- swiper-initialized --color-wathet linear-gradient(0deg,rgba(255,255,255,.4),rgba(255,255,255,0)); F5AB00 transparent font-family: "ebrimabd"; .hRegular{font-family: "hRegular";} .hLight{font-family: "hLight";} .hBold{font-family: "hBold";} l-uppercase transition:cubic-bezier(0.215,.61,.355,1) .45s; */ @media all and (-moz-min-device-pixel-ratio: 1.19) and (-moz-max-device-pixel-ratio: 1.28), (-webkit-min-device-pixel-ratio: 1.19) and (-webkit-max-device-pixel-ratio: 1.28), (min-resolution: 1.19dppx) and (max-resolution: 1.28dppx) and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6), (-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6), (min-resolution: 1.41dppx) and (max-resolution: 1.6dppx){/*125%and150%*/ } @media all and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6), (-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6), (min-resolution: 1.41dppx) and (max-resolution: 1.6dppx) {/*150%*/ } @media screen and (max-width: 1600px){ .filter-nav{justify-content:flex-start;} .filter-nav>*{margin-right: var(--size-30);} .filter-nav>*:last-child{margin-right: 0;} } @media screen and (max-width: 1500px){ .footer-ewm{margin-right: var(--size-60);} } @media screen and (max-width: 1200px){ .footer-center>.left .address{margin-left: var(--size-60);} } @media screen and (min-width: 1200px) and (max-height:850px){ .l-fullpage{height: auto;} } /*手机*/ @media screen and (max-width: 1024px){ :root{ --size-10: 1.3333333333333335vw; --size-15: 2vw; --size-20: 2.666666666666667vw; --size-25: 3.3333333333333335vw; --size-30: 4vw; --size-35: 4.666666666666667vw; --size-40: 5.333333333333334vw; --size-45: 6vw; --size-50: 6.666666666666667vw; --size-55: 7.333333333333333vw; --size-60: 8vw; --size-65: 8.666666666666668vw; --size-70: 9.333333333333334vw; --size-75: 10vw; --size-80: 10.666666666666668vw; --size-85: 11.333333333333332vw; --size-90: 12vw; --size-95: 12.666666666666668vw; --size-100: 13.333333333333334vw; --size-110: 14.666666666666666vw; --size-120: 16vw; --size-130: 17.333333333333336vw; --size-140: 18.666666666666668vw; --size-10-: -1.3333333333333335vw; --size-15-: -2vw; --size-20-: -2.666666666666667vw; --size-25-: -3.3333333333333335vw; --size-30-: -4vw; --size-35-: -4.666666666666667vw; --size-40-: -5.333333333333334vw; --size-45-: -6vw; --size-50-: -6.666666666666667vw; --size-55-: -7.333333333333333vw; --size-60-: -8vw; --size-65-: -8.666666666666668vw; --size-70-: -9.333333333333334vw; --size-75-:-10vw; --size-80-: -10.666666666666668vw; --size-85-: -11.333333333333332vw; --size-90-: -12vw; --size-95-: -12.666666666666668vw; --size-100-: -13.333333333333334vw; --size-110-: -14.666666666666666vw; --size-120-: -16vw; --size-130-: -17.333333333333336vw; --size-140-: -18.666666666666668vw; --font-size:1.866666666666667vw; } .l-font12{font-size: 1.6vw;} .l-font14{font-size: clamp(12px,1.866666666666667vw,24px);} .l-font16{font-size: clamp(14px,2.1333333333333333vw,32px);} .l-font20{font-size: clamp(16px,2.666666666666667vw,40px);} .l-font32{font-size: clamp(20px,4.266666666666667vw,64px);} .l-font40{font-size: 5.333333333333334vw;} .l-font44{font-size: 5.866666666666666vw;} .l-font48{font-size: 5.8vw;} .l-font64{font-size: 7vw;} .l-container{width: 100%; padding-left: var(--size-30); padding-right: var(--size-30);} .lh-header{background-color: rgba(0, 53, 113, 0.5);backdrop-filter: blur(20px);} .lh-nav{position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; display: block;background-color: rgba(0, 53, 113, 1); padding-top: 10%; opacity: 0; pointer-events: none; transition: var(--transition); transition-duration: 0.45s;} .lh-nav>*{margin: var(--size-80) 0; text-align: center;} .lh-lang>i{height: 10px;} .nav-btn{display: block; margin-left: var(--size-30);} .about-bottom{padding-right: 0;} .text-gradient{background: var(--linear-text-blue);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .index-about .name>*{display: inline;} .ecological-cont .center{width: 100%;} .ecological-bg{opacity: 1;} .ecological-icon>*:nth-child(1){left: 0;} .ecological-icon>*:nth-child(2){left: auto; right: 0;} .ecological-icon>*:nth-child(3){left: auto; right: 0;} .ecological-icon>*:nth-child(4){display: none;} .ecological-icon>*:nth-child(5){top: 70%;} .ecological-icon>*:nth-child(6){top: 83%;} .ecological-cont .bottom .left{margin-top: var(--size-50-);} .ecological-bg>img{height: 100%;} .footer-center,.footer-copy{display: block;} .footer-center .right{margin-top: var(--size-30);} .footer-copy>*{display: block;} .footer-copy span{margin-left: 0; margin-bottom: var(--size-10);} .index-banner .bd .l-container{display: block;} .core-top{opacity: 1; pointer-events: auto; position: relative; height: auto;} .core-item>*>*>.l-container{display: none;} .core-top>*{display: block;} .core-top .left,.core-top .right{width: 100%;} .core-top>.l-container{padding: var(--size-40) var(--size-70);} .core-top .right .ccont{width: 100%; padding-right: 0; margin-top: var(--size-30);} .core-top .right .img{margin-top: var(--size-30);} .core-item>*{margin-bottom: var(--size-30);} .core-top .name{white-space: normal;} .l-fullpage{height: auto; min-height: inherit;} .on .lh-nav{opacity: 1; pointer-events: auto;} .solutions-res>.ccont{width: 100%;} .solutions-bg img{height: 100%;} .filter-nav>*>*{padding: var(--size-20) 0;} .pro-item.list>*{width: 50%;} .pro-item.app>*{width: 33.3%;} .pro-item.app>*{margin-top: var(--size-15);} .pdetail-top>.left{width: 100%;} .pdetail-imgs{width: calc(100% - var(--size-120) - var(--size-30)); aspect-ratio: 1/1; height: auto;} .pdetail-top>.right{width: 100%; padding-left: 0;} .highlights-item>*{min-height: inherit; margin-top: var(--size-30);} .applications-banner .bd>* .text{padding: var(--size-30);} .news-cont>*>.left,.news-cont>*>.right,.detail-cont>*>.left,.detail-cont>*>.right{width: 100%;} .news-cont>*>.right{padding-left: 0; margin-top: var(--size-30);} .news-filter .filter-nav-two>*{margin-right: 0;} .news-search{height: var(--size-80);} .detail-cont>*>.left{border: none; padding: var(--size-30);} .detail-cont>*>.right{padding: var(--size-30);} .public-ban{aspect-ratio: 2/1;} .join-top, .join-cont{padding: var(--size-30);} .infiwave-core>*{width: 100%;} .infiwave-core>* .cont{width: 100%;} .core-icon .line{display: none;} .core-icon .line1{height: 97%; opacity: 0.2;} .infiwave-core-pro{flex-wrap:wrap; justify-content: flex-start;} .infiwave-core-pro>*{width: 33.3%;} .infiwave-core-pro p{white-space: inherit;} .support-banner .bd>*{width: 46%;} .support-tip{width: 100%;} .download-item>*{width: 100%;} .lh-contact>*>.left,.contact-submit{width: 100%;} .lh-contact>*>.right{margin-top: var(--size-30); width: 100%;} .lh-contact>*>.left .bottom{margin-top: var(--size-30);} .public-more .icon{width: 20px;} .infiwave-res>.right{width: 100%; padding-left: 0; margin-top: var(--size-30);} .lh-join>.l-container{width: 100%; padding-top: calc(var(--size-100) * 2); padding-bottom: var(--size-50);} .filter-nav-two>*{width: 100%; margin:var(--size-50) 0 0 0;} .news-item>* .img,.news-item>* .text{width: 100%;} .news-item>* .text{padding: var(--size-20) 0;} .news-item>*>*{display: block;} .ecological-cont .center .text{opacity: 1;} ::-webkit-scrollbar{ display: none; } .index-banner>.l-container,.index-banner .bd .bottom{display: none;} .scroll-tip,.index-pro-hd,.footer-nav{display: none;} /*平板*/ @media screen and (min-width:768px){ :root{ --size-10: 0.9765625vw; --size-15: 1.46484375vw; --size-20: 1.953125vw; --size-25: 2.44140625vw; --size-30: 2.9296875vw; --size-35: 3.41796875vw; --size-40: 3.90625vw; --size-45: 4.39453125vw; --size-50: 4.8828125vw; --size-55: 5.37109375vw; --size-60: 5.859375vw; --size-65: 6.34765625vw; --size-70: 6.8359375vw; --size-75: 7.32421875vw; --size-80: 7.8125vw; --size-85: 8.30078125vw; --size-90: 8.7890625vw; --size-95: 9.27734375vw; --size-100: 9.765625vw; --size-110: 10.7421875vw; --size-120: 11.71875vw; --size-130: 12.6953125vw; --size-140: 13.671875vw; --size-10-: -0.9765625vw; --size-15-: -1.46484375vw; --size-20-: -1.953125vw; --size-25-: -2.44140625vw; --size-30-: -2.9296875vw; --size-35-: -3.41796875vw; --size-40-: -3.90625vw; --size-45-: -4.39453125vw; --size-50-: -4.8828125vw; --size-55-: -5.37109375vw; --size-60-: -5.859375vw; --size-65-: -6.34765625vw; --size-70-: -6.8359375vw; --size-75-:-7.32421875vw; --size-80-: -7.8125vw; --size-85-: -8.30078125vw; --size-90-: -8.7890625vw; --size-95-: -9.27734375vw; --size-100-: -9.765625vw; --size-110-: -10.7421875vw; --size-120-: -11.71875vw; --size-130-: -12.6953125vw; --size-140-: -13.671875vw; --font-size:1.3671875vw; } .lh-nav{padding-top: 20%;} .l-fullpage{aspect-ratio: 1/1;} } /*手机*/ @media screen and (max-width:767px){ .lh-nav{font-size: 5.8vw;padding-top: 30%;} .index-banner{height: auto; aspect-ratio: 1/1; min-height: inherit;} .public-btn{height: 40px;} .footer-center .left{display: block;} .footer-center>.left .address{margin: var(--size-30) 0 0 0;} .solutions-res-top{display: block;} .solutions-res-top>.right{width: 100%; text-align: left; margin-top: var(--size-30);} .filter-nav{padding-bottom: var(--size-20);} .filter-nav>*{width: 50%;} .filter-nav-two>*>*{height: var(--size-80);} .pro-item .top .num{font-size: 12px;} .public-contact .text{position: relative; z-index: 2; padding: var(--size-30) 0;} .public-contact>.bg{position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%;} .public-contact .text .name{font-size: 6vw;} .highlights-item{width: 100%;} .specifications-item>*.name{width: 60%;} .specifications-item>*.params{width: calc(40% - 1px); display: block;overflow-wrap: break-word;} .applications-banner .bd>*{width: 84%;} .index-pro-btn>*{padding: 8px;} .detail-page>* .jt,.loading-more .jt{padding: 8px;} .join-top .right .jt,.service-item>* .right{padding: 5px;} .support-banner .bd>*{width: 86%;} .support-banner .bd>* .top span{font-size: 12px;} .lh-crumbs>.icon{width: 20px; height: 20px;} .download-filter>*{width: 50%;} .download-item>* .left{padding-right: var(--size-30);} .download-item>* .down{padding: 3px;} .contact-item>*{height: var(--size-100);} .contact-item>* input{padding-left: var(--size-140);} .contact-agree>.right{margin-top: var(--size-10);} .pro-item.app>*{width: 50%;} .app-cont{padding: var(--size-50) 0;} .app-fixed{display: none;} } }