@charset "utf-8"; @font-face { font-family: "din-bold_"; src: url("../font/din-bold_.woff2") format("woff2"), url("../font/din-bold_.woff") format("woff"), url("../font/din-bold_.ttf") format("truetype"), url("../font/din-bold_.eot") format("embedded-opentype"), url("../font/din-bold_.svg") format("svg"); font-weight: normal; font-style: normal; } .din{font-family:'din-bold_';} @font-face { font-family: "Montserrat-Medium"; src: url("../font/Montserrat-Medium.woff2") format("woff2"), url("../font/Montserrat-Medium.woff") format("woff"), url("../font/Montserrat-Medium.ttf") format("truetype"), url("../font/Montserrat-Medium.eot") format("embedded-opentype"), url("../font/Montserrat-Medium.svg") format("svg"); font-weight: normal; font-style: normal; } .mont{font-family: "Montserrat-Medium";} @font-face { font-family: "DINENGSCHRIFTSTD"; src: url("../css/font/DINENGSCHRIFTSTD.woff2") format("woff2"), url("../css/font/DINENGSCHRIFTSTD.woff") format("woff"), url("../css/font/DINENGSCHRIFTSTD.ttf") format("truetype"), url("../css/font/DINENGSCHRIFTSTD.eot") format("embedded-opentype"), url("../css/font/DINENGSCHRIFTSTD.svg") format("svg"); } .fontDIN {font-family: "DINENGSCHRIFTSTD";} .clear{ clear:both} .clear:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } .clear {zoom:1; } :root{ /*公用*/ --font:'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) .65s; /*font*/ --font-size:14px; /*color*/ --color-dominant:#155bc4; --color-fill:#000; --color-white:#fff; --color-black:#000; --color-gray3:#333; --color-gray6:#666; --color-gray9:#999; --color-orange:#F69A23; --color-nname:#bdbcbc; /*bg*/ --body-color:#000; --bg-gray:#f0f2f4; --bg-scroll:#FED190; --bg-overlay:#000; /*input*/ --placeholder:#dbdbdb; --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,#155bc4,#a0bde7); /*cursor*/ --cursor-stroke:#000; } /*layer*/ .layui-m-layer{position:relative;z-index:19891014}.layui-m-layer *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.layui-m-layermain,.layui-m-layershade{position:fixed;left:0;top:0;width:100%;height:100%}.layui-m-layershade{background-color:rgba(0,0,0,.7);pointer-events:auto}.layui-m-layermain{display:table;font-family:Helvetica,arial,sans-serif;pointer-events:none}.layui-m-layermain .layui-m-layersection{display:table-cell;vertical-align:middle;text-align:center}.layui-m-layerchild{position:relative;display:inline-block;text-align:left;background-color:#fff;font-size:14px;border-radius:5px;box-shadow:0 0 8px rgba(0,0,0,.1);pointer-events:auto;-webkit-overflow-scrolling:touch;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}@-webkit-keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.layui-m-anim-scale{animation-name:layui-m-anim-scale;-webkit-animation-name:layui-m-anim-scale}@-webkit-keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.layui-m-anim-up{-webkit-animation-name:layui-m-anim-up;animation-name:layui-m-anim-up}.layui-m-layer0 .layui-m-layerchild{width:90%;max-width:640px}.layui-m-layer1 .layui-m-layerchild{border:none;border-radius:0}.layui-m-layer2 .layui-m-layerchild{width:auto;max-width:260px;min-width:40px;border:none;background:0 0;box-shadow:none;color:#fff}.layui-m-layerchild h3{padding:0 10px;height:60px;line-height:60px;font-size:16px;font-weight:400;border-radius:5px 5px 0 0;text-align:center}.layui-m-layerbtn span,.layui-m-layerchild h3{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-m-layercont{padding:50px 30px;line-height:22px;text-align:center}.layui-m-layer1 .layui-m-layercont{padding:0;text-align:left}.layui-m-layer2 .layui-m-layercont{text-align:center;padding:0;line-height:0}.layui-m-layer2 .layui-m-layercont i{width:25px;height:25px;margin-left:8px;display:inline-block;background-color:#fff;border-radius:100%;-webkit-animation:layui-m-anim-loading 1.4s infinite ease-in-out;animation:layui-m-anim-loading 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.layui-m-layerbtn,.layui-m-layerbtn span{position:relative;text-align:center;border-radius:0 0 5px 5px}.layui-m-layer2 .layui-m-layercont p{margin-top:20px}@-webkit-keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.layui-m-layer2 .layui-m-layercont i:first-child{margin-left:0;-webkit-animation-delay:-.32s;animation-delay:-.32s}.layui-m-layer2 .layui-m-layercont i.layui-m-layerload{-webkit-animation-delay:-.16s;animation-delay:-.16s}.layui-m-layer2 .layui-m-layercont>div{line-height:22px;padding-top:7px;margin-bottom:20px;font-size:14px}.layui-m-layerbtn{display:box;display:-moz-box;display:-webkit-box;width:100%;height:50px;line-height:50px;font-size:0;border-top:1px solid #D0D0D0;background-color:#F2F2F2}.layui-m-layerbtn span{display:block;-moz-box-flex:1;box-flex:1;-webkit-box-flex:1;font-size:14px;cursor:pointer}.layui-m-layerbtn span[yes]{color:#40AFFE}.layui-m-layerbtn span[no]{border-right:1px solid #D0D0D0;border-radius:0 0 0 5px}.layui-m-layerbtn span:active{background-color:#F6F6F6}.layui-m-layerend{position:absolute;right:7px;top:10px;width:30px;height:30px;border:0;font-weight:400;background:0 0;cursor:pointer;-webkit-appearance:none;font-size:30px}.layui-m-layerend::after,.layui-m-layerend::before{position:absolute;left:5px;top:15px;content:'';width:18px;height:1px;background-color:#999;transform:rotate(45deg);-webkit-transform:rotate(45deg);border-radius:3px}.layui-m-layerend::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}body .layui-m-layer .layui-m-layer-footer{position:fixed;width:95%;max-width:100%;margin:0 auto;left:0;right:0;bottom:10px;background:0 0}.layui-m-layer-footer .layui-m-layercont{padding:20px;border-radius:5px 5px 0 0;background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn{display:block;height:auto;background:0 0;border-top:none}.layui-m-layer-footer .layui-m-layerbtn span{background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn span[no]{color:#FD482C;border-top:1px solid #c2c2c2;border-radius:0 0 5px 5px}.layui-m-layer-footer .layui-m-layerbtn span[yes]{margin-top:10px;border-radius:5px}body .layui-m-layer .layui-m-layer-msg{width:auto;max-width:90%;margin:0 auto;bottom:-150px;background-color:rgba(0,0,0,.7);color:#fff}.layui-m-layer-msg .layui-m-layercont{padding:10px 20px} /** * 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===*/ 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}ul,dl,li,dt,dd{list-style:none}body,html{min-height:100%}body{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}.clearfix:after{content:"\200B";display:block;height:0;clear:both}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);line-height:100%;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;width:100%;height:100%}.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(14px,0.8333333333333334vw,16px)}.l-font18{font-size:18px;font-size:clamp(14px,0.9375vw,18px)}.l-font20{font-size:20px;font-size:clamp(16px,1.0416666666666665vw,20px)}.l-font22{font-size:22px;font-size:clamp(16px,1.1458333333333333vw,22px)}.l-font24{font-size:24px;font-size:clamp(16px,1.25vw,24px)}.l-font26{font-size:26px;font-size:clamp(18px,1.3541666666666667vw,26px)}.l-font28{font-size:28px;font-size:clamp(18px,1.4583333333333333vw,28px)}.l-font30{font-size:30px;font-size:clamp(18px,1.5625vw,30px)}.l-font32{font-size:32px;font-size:clamp(18px,1.6666666666666667vw,32px)}.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,38px)}.l-font40{font-size:40px;font-size:clamp(22px,2.083333333333333vw,40px)}.l-font42{font-size:42px;font-size:clamp(22px,2.1875vw,42px)}.l-font44{font-size:44px;font-size:clamp(24px,2.2916666666666665vw,44px)}.l-font46{font-size:46px;font-size:clamp(24px,2.3958333333333335vw,46px)}.l-font48{font-size:48px;font-size:clamp(26px,2.5vw,48px)}.l-font50{font-size:50px;font-size:clamp(28px,2.604166666666667vw,50px)}.l-font52{font-size:52px;font-size:clamp(28px,2.7083333333333335vw,52px)}.l-font54{font-size:54px;font-size:clamp(28px,2.8125vw,54px)}.l-font56{font-size:56px;font-size:clamp(30px,2.9166666666666665vw,56px)}.l-font58{font-size:58px;font-size:clamp(30px,3.0208333333333335vw,58px)}.l-font60{font-size:60px;font-size:clamp(32px,3.125vw,60px)} .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{word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.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-pd50{padding-top:50px;padding-top:clamp(30px,2.604166666666667vw,50px);padding-bottom:50px;padding-bottom:clamp(30px,2.604166666666667vw,50px)}.l-pd60{padding-top:60px;padding-top:clamp(30px,3.125vw,60px);padding-bottom:60px;padding-bottom:clamp(30px,3.125vw,60px)}.l-pd70{padding-top:70px;padding-top:clamp(30px,3.6458333333333335vw,70px);padding-bottom:70px;padding-bottom:clamp(30px,3.6458333333333335vw,70px)}.l-pd80{padding-top:80px;padding-top:clamp(40px,4.166666666666666vw,80px);padding-bottom:80px;padding-bottom:clamp(40px,4.166666666666666vw,80px)}.l-pd90{padding-top:90px;padding-top:clamp(40px,4.6875vw,90px);padding-bottom:90px;padding-bottom:clamp(40px,4.6875vw,90px)}.l-pd100{padding-top:100px;padding-top:clamp(40px,5.208333333333334vw,100px);padding-bottom:100px;padding-bottom:clamp(40px,5.208333333333334vw,100px)}.l-pd110{padding-top:110px;padding-top:clamp(40px,729166666666666vw,110px);padding-bottom:120px;padding-bottom:clamp(40px,729166666666666vw,110px)}.l-pd120{padding-top:120px;padding-top:clamp(40px,6.25vw,120px);padding-bottom:120px;padding-bottom:clamp(40px,6.25vw,120px)}.l-mg10{margin-top:10px;margin-top:clamp(5px,0.5208333333333333vw,10px)}.l-mg15{margin-top:15px;margin-top:clamp(5px,0.78125vw,15px)}.l-mg20{margin-top:20px;margin-top:clamp(10px,1.0416666666666665vw,20px)}.l-mg25{margin-top:25px;margin-top:clamp(10px,1.3020833333333335vw,25px)}.l-mg30{margin-top:30px;margin-top:clamp(15px,1.5625vw,30px)}.l-mg35{margin-top:35px;margin-top:clamp(15px,1.8229166666666667vw,35px)}.l-mg40{margin-top:40px;margin-top:clamp(20px,2.083333333333333vw,40px)}.l-mg45{margin-top:45px;margin-top:clamp(20px,2.34375vw,45px)}.l-mg50{margin-top:50px;margin-top:clamp(25px,2.604166666666667vw,50px)}.l-mg55{margin-top:55px;margin-top:clamp(25px,2.864583333333333vw,55px)}.l-mg60{margin-top:60px;margin-top:clamp(30px,3.125vw,60px)}.l-mg65{margin-top:65px;margin-top:clamp(30px,3.3854166666666665vw,65px)}.l-mg70{margin-top:70px;margin-top:clamp(35px,3.6458333333333335vw,70px)}.l-mg75{margin-top:75px;margin-top:clamp(35px,3.90625vw,75px)}.l-mg80{margin-top:80px;margin-top:clamp(40px,4.166666666666666vw,80px)}.l-mg90{margin-top:90px;margin-top:clamp(40px,4.6875vw,90px)}.l-mg100{margin-top:100px;margin-top:clamp(40px,5.208333333333334vw,100px)}.l-mg110{margin-top:110px;margin-top:clamp(40px,5.729166666666666vw,110px)}.l-mg120{margin-top:120px;margin-top:clamp(40px,6.25vw,120px)}input::-webkit-inner-spin-button{display: none;} /*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-activity{position:fixed; left:0; top:0; z-index:10000; right:0; bottom:0;pointer-events: none; display: flex; align-items: center; justify-content: center; opacity: 0;} 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{ transition:var(--transition);pointer-events: none; opacity:0;} .loading-progress{width: 500px; height: 200px;} /*cursor*/ .cursor {position: fixed;top: 0;left: 0;display: block;pointer-events: none;z-index: 10000;mix-blend-mode: hard-light;} .cursor__inner {fill: none;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>*.on{display:flex;} /*cont*/ .index-banner{height: 100vh; background-color: #000;} .index-banner .bd .l-container{position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; align-items: center; z-index: 2;} .index-banner-bottom{position: absolute; left: 0; right: 0; bottom: 60px; z-index: 2; bottom: clamp(30px,3.125vw,60px);} .index-banner-bottom>*{align-items: center;} .index-banner-hd{position: relative; width: 96px !important; height: 2px !important; background-color: rgba(255,255,255,.3); margin: 0 16px; margin: 0 clamp(8px,0.8333333333333334vw,16px); width: clamp(48px,5vw,96px);} .index-banner-hd>*{background-color: var(--color-orange) !important;} .index-banner-bottom .circle{margin-left: 16px; margin-left:clamp(8px,0.8333333333333334vw,16px); width: 30px; height: 30px; border-radius: 50%; border:2px solid rgba(255,255,255,.3); position: relative;} .index-banner-bottom .circle::before{content: ''; display: block; width: 6px; height: 6px; border-radius: 50%; background-color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);} .circleTrack{width: 70px; height: 70px;} .circleTrack circle{stroke-dashoffset:204;stroke-dasharray: 204;} .index-banner-bottom .circle>*{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0.47); z-index: 2;} .l-container {width: 100%;max-width:85%;margin: auto;position: relative;z-index: 2;} header{height: 110px; height: clamp(60px,5.729166666666666vw,110px); border-bottom: 1px solid rgba(255,255,255,.1); position: fixed; left: 0; right: 0; top: 0; z-index: 10; display: flex; align-items: center;} header>*>*{flex: 1;} header>*>*.right{display: flex;justify-content: flex-end; align-items: center; flex: 8;} .lh-logo{display: block; width: 172px; width: clamp(86px,8.958333333333334vw,172px);} .lh-nav>*{padding:0 25px; padding:0 clamp(12px,1.3020833333333335vw,25px); position: relative; height:110px;height: clamp(60px,5.729166666666666vw,110px); display:flex; align-items:center;} .header-search-btn{margin-left:25px; margin-left:clamp(12px,1.3020833333333335vw,25px);} .lh-nav>*>a{position:relative;} .lh-nav>*>a::after{content: ''; display: block; width: 100%; height: 4px; height: clamp(2px,0.20833333333333334vw,4px); background-color: var(--color-orange); position: absolute; left: 0; bottom: -43px; bottom: clamp(-43px,-2.2395833333333335vw,-21px); transform: scaleX(0); transition: var(--transition);} .lh-nav>*.on>a::after,.lh-nav>*>a:hover::after{transform: scaleX(1);} .page-loading{position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: var(--color-dominant); z-index: 1000; display: flex; align-items: center; justify-content: center;clip-path: inset(0 0 0 0); z-index: 1000;} .page-loading .icon{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);} .page-loading #animation svg path{fill: transparent; stroke:#fff; stroke-width: 2px;vector-effect:non-scaling-stroke;} .index-title .nname{color:var(--color-nname); white-space: nowrap;} .pro-top>*.right{display: flex; justify-content: flex-end; align-items: center; flex:4;} .pro-search{width: 482px; height: 64px; width: clamp(240px,25.104166666666668vw,482px); height: clamp(42px,3.3333333333333335vw,64px); border-radius: 64px; background-color: #f0f2f4; border:2px solid var(--color-dominant); border:clamp(1px,0.10416666666666667vw,2px) solid var(--color-dominant); align-items: center;} .pro-search input{border:none; padding: 0 80px 0 35px; padding: 0 clamp(40px,4.166666666666666vw,80px) 0 clamp(16px,1.8229166666666667vw,35px);} .pro-search .formVal{width: 90%} .pro-search button{background: none;border: 0px; width: 10%; font-size:22px} .pro-search a{position: absolute; right: 0; width: 64px; width: clamp(32px,3.3333333333333335vw,64px); display: flex; align-items: center; justify-content: center; height: inherit; z-index: 2;} .index-pro-r>.more{width: 220px; width: clamp(110px,11.458333333333332vw,220px); height: 64px;height: clamp(42px,3.3333333333333335vw,64px); border-radius: 64px; background-color: var(--color-orange); align-items: center; padding: 0 35px; padding: 0 clamp(16px,1.8229166666666667vw,35px); margin-left: 20px; margin-left: clamp(10px,1.0416666666666665vw,20px); position: relative; font-size: 16px} .index-pro-r>.more i{position: absolute; right: 35px; right:clamp(16px,1.8229166666666667vw,35px);} .l-bg-gray{background-color: var(--bg-gray);} .index-pro-banner .bd li{width: 70%; padding-right: 20px; padding-right: clamp(10px,1.0416666666666665vw,20px);} .index-pro-banner .bd li>*{display: block; height: 100%; background: #fff url('../images/fcrobg.jpg') no-repeat left top 40%; border-radius: 6px; padding: 50px 5px; padding: clamp(25px,2.604166666666667vw,50px) clamp(20px,2.083333333333333vw,5px); position: relative; background-size: 50%} .index-pro-banner .bd li>*::after{content: ''; display: block; width: 100%; height: 3px; background-color: var(--color-orange); position: absolute; left: 0; bottom: 0; transition: var(--transition); transform: scaleX(0);} .index-pro-banner .bd li>*:hover::after{transform: scaleX(1);} .index-pro-banner .bd li a{display: flex; display:-webkit-flex; -webkit-justify-content: space-between; justify-content: space-between;} .index-pro-banner .bd li a .top{width: 50%;margin-top: 12%; margin-left: 5%} .index-pro-banner .bd li a .top h3{display: block;font-weight: bold;} .index-pro-banner .bd li a .top .pro_more{width: 200px; height: 50px; line-height: 50px; background: #0b74ce; margin-top: 30px; text-align: center; display: block; color: #fff;border-radius: 10px} .index-pro-banner .bd li i{ color:#fff; margin-left: 10px} .index-pro-banner .bd li .img{ display: flex; align-items: center; justify-content: center; width: 75%} .index-pro-hd>*{width: 30px; height: 2px; transition: var(--transition); border-radius: 0; transition: var(--transition); opacity: 1; background-color: #AAB4C3;} .index-pro-hd>*.on{background-color: var(--color-orange);} .index-pro>.icon{position: absolute; right: 0; top: -115px; width: 804px; width: clamp(402px,41.875vw,804px); top: clamp(-115px,-5.989583333333334vw,-57px); opacity: 0.5;} .index-application::before{content: ''; display: block; width: 100%; height: 446px; height: clamp(223px,23.229166666666668vw,446px); background:var(--linear-gradient-blue); position: absolute; left: 0; top: 0;} .index-title.l-white .nname{color:#769ad1;} .about-culture .index-title.l-white .nname{color:#C7C3C1;} .index-title.l-white .nname span{color:#fff;} .index-btn>*{display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 50%; background-color: #fff; width: clamp(32px,3.125vw,60px); height: clamp(32px,3.125vw,60px); color:var(--color-dominant); margin-left: 45px; margin-left: clamp(22px,2.34375vw,45px); position: relative;} .index-btn>*::after{content: ''; display: block; width: calc(100% + 16px); height: calc(100% + 16px); border-radius: 50%; border:1px solid #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);} .index-btn>*.nexts{background-color: var(--color-orange); color:#fff;} .index-btn>*.nexts::after{border-color:var(--color-orange);} .application-banner .bd>*{width: 33.3%; padding-right: 20px; padding-right: clamp(10px,1.0416666666666665vw,20px);} .application-banner .bd>*>*{display: block; border-radius: 6px; height: 300px; height: clamp(150px,15.625vw,600px); overflow: hidden; position: relative;} .application-banner .bd>*>*::before{content: ''; display: block; width: 100%; height: 50%; background: var(--linear-gradient-shadow); position: absolute; left: 0; bottom: 0;} .application-banner .bd>* .name{position: absolute; left: 0; bottom: 0; padding: 30px; padding: clamp(15px,1.5625vw,30px); right: 0;} .lh-mouse{position: fixed; left: 0; top: 0; z-index: 10000; width: 60px; height: 60px; width: clamp(30px,3.125vw,60px); height: clamp(30px,3.125vw,60px); transform: translate(-50%,-50%); pointer-events: none;}/*mix-blend-mode: hue;*/ .lh-mouse .learn-more{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width:400%; height: 400%; opacity: 0;} .lh-mouse .learn-more path{fill: #fff; stroke: #fff;} .l-font100{font-size: 100px; font-size: clamp(50px,5.2vw,100px);} @media screen and (max-width:1280px){ .index-pro-banner .bd li{width: 65%;} .index-pro-banner .bd li a .top .pro_more{width: 100px;} } @media screen and (max-width:1023px){ .index-pro-r>.more{font-size: 14px} .pro-search button{font-size: 14px} .about-culture{padding-bottom: 100px;} .index-pro-banner .bd li{width: 100%} .index-pro-banner .bd li a .top .pro_more{display: none} } .enterprises-top{background-color: #f1f7ff;} .enterprises-top video{mix-blend-mode:overlay; position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; width: 100%; object-fit: cover;} .enterprises-banner{height: 666px; height: clamp(333px,34.6875vw,666px);} .enterprises-banner .bd li{width: 25%; border-left: 1px solid rgba(255,255,255,.3);} .enterprises-banner .bd li>*{display: block; position: relative; height: 100%; overflow: hidden;} .enterprises-banner .bd li>*::before{content: ''; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); position: absolute; left: 0; bottom: 0; z-index: 2;} .enterprises-banner .bd li>* .l-imgs{position: absolute; left: 0; top: 0; transition: var(--transition); transition-duration: 1s; opacity: 0;} .enterprises-banner .bd li>* .text{position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; padding: 0 20px; z-index: 3;} .enterprises-banner .bd li>* .more{color:var(--color-orange); position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 90px; padding-bottom: clamp(45px,4.6875vw,90px); z-index: 3; text-align: center; transform: translateY(20%); opacity: 0; transition: var(--transition);} .enterprises-banner .bd li>* .more i{display: inline-block; transform: rotate(-35deg);} .enterprises-banner .bd li>* .more .title{text-decoration: underline; text-underline-offset: 10px; text-underline-offset: clamp(5px,0.5208333333333333vw,10px);} .enterprises-banner .bd li>*:hover .l-imgs{opacity: 1;} .enterprises-banner .bd li>*:hover .more{transform: translateY(0); opacity: 1;} .more-btn{display: flex; align-items: center; width: 150px; height: 60px; width: clamp(110px,11.458333333333332vw,150px); height: clamp(32px,3.125vw,60px); border-radius: 6px; background-color: var(--color-orange); color:#fff; padding: 0 30px; padding: 0 clamp(15px,1.5625vw,30px);} .more-btn i{position: absolute; right: 30px; right:clamp(15px,1.5625vw,30px);} .news-top>.right{align-items: flex-end;} .index-cooper>*>.right{width: 1068px; width: clamp(534px,55.625vw,1068px);} .index-cooper>*>.left{width: calc(100% - 1068px); width: calc(100% - clamp(534px,55.625vw,1068px));} .index-cooper>*>.left>*{flex: 1;} .index-cooper>*>.left>*.bottom{display: flex; align-items: flex-end;} .cooper-item{margin: -10px 0 0 -10px;} .cooper-item>*{padding-left: 10px; margin-top: 10px;} .cooper-item>*>*{display: flex; align-items: center; justify-content: center; padding: 10px; border:1px solid #F1F1F1; border-radius: 10px; overflow: hidden;} .cooper-item>*>* img{max-height: 100%;} .cooper-hd>*{width: 30px; width: clamp(15px,1.5625vw,30px); height: 2px; margin-left: 10px; opacity: 1; border-radius: 0; background-color: #999; transition: var(--transition);} .cooper-hd>*:first-child{margin-left: 0;} .cooper-hd>*.on{background-color: var(--color-orange);} footer{background-color: #242323;} .footer-logo{display: block; width: 172px; width: clamp(86px,8.958333333333334vw,172px);} .footer-top>*{flex: 1;} .footer-top>*.right{display: flex; justify-content: flex-end; flex: 2; padding-left: 20px;} .footer-contact>*>i{width: 22px;} .footer-contact>*>.text{width: calc(100% - 22px);} .footer-nav>*{margin-right: 70px; margin-right: clamp(35px,3.6458333333333335vw,70px);} .footer-nav>* dt{font-size: 16px; margin-bottom: 20px; margin-bottom: clamp(10px,1.0416666666666665vw,20px);} .footer-nav>* a:hover{text-decoration: underline;} .footer-ewm>.item{margin-left: 20px; margin-left:clamp(10px,1.0416666666666665vw,20px);} .footer-ewm>.item:first{margin-left: 0;} .footer-ewm>.item .img{width: 142px; width: clamp(76px,7.395833333333333vw,142px);} .l-pd40{padding-top: 40px; padding-bottom: 40px; padding-top: clamp(20px,2.083333333333333vw,40px); padding-bottom: clamp(20px,2.083333333333333vw,40px);} .footer-copy{border-top: 1px solid rgba(255,255,255,.1); align-items: center;} .footer-copy>*{flex: 1;} .footer-copy>*.right{display: flex; justify-content: flex-end;} .footer-copy span{margin-left: 20px; margin-left: clamp(10px,1.0416666666666665vw,20px);} .footer-copy span:first-child{margin-left: 0;} .footer-copy a:hover{text-decoration: underline;} header{transition: var(--transition);} header.Fixed,.Search header,header.Black{background-color: #fff; border:none; box-shadow: 0 0 10px rgba(0,0,0,.1);} header.Fixed>*,.Search header>*,header.Black>*{color:#000} header.Fixed .lh-logo,.Search header .lh-logo,header.Black .lh-logo{filter: invert(100%);} .header-search{position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 9; background-color: rgba(0,0,0,.6); padding-top: 110px; padding-top: clamp(60px,5.729166666666666vw,110px); opacity: 0; pointer-events: none;} .header-search>.bg{position: absolute; left: 0; top: 0; right: 0; bottom: 0;} .header-search>.info{background-color: #fff; justify-content: center; align-items: center; position: relative; z-index: 2;} .header-search input{height: 60px; width: 600px; padding: 0 30px; padding: 0 clamp(15px,1.5625vw,30px); height: clamp(40px,3.125vw,60px); width: clamp(340px,31.25vw,600px); border:1px solid var(--color-orange);} .header-search a{display: flex; align-items: center; justify-content: center; height: 60px; height: clamp(40px,3.125vw,60px); width: 120px; width: clamp(80px,6.25vw,120px); background-color: var(--color-orange); color:#fff;} .Search .header-search{opacity: 1; pointer-events: auto; transition: var(--transition);} .lh-ban{height: 624px; height: clamp(200px,32.5vw,624px); background: #000} .lh-ban .l-imgs{position: absolute; opacity: 0.7} .lh-ban p{text-transform:capitalize} .lh-ban>.l-container{position: absolute; left: 0; right: 0; top: 0; bottom: 0; align-items: center; display: flex;} .lh-app>*>.left{width: 398px; width: clamp(220px,20.729166666666668vw,398px); background-color: #f3f6f8;} .lh-app>*>.right{width: calc(100% - 398px); width: calc(100% - clamp(220px,20.729166666666668vw,398px)); padding-left: 160px; padding-left: clamp(80px,8.333333333333332vw,160px);} .lh-app::before{content: ''; display: block; width: calc((100vw - 1780px)/2 + 30px + 398px); width: calc((100vw - clamp(890px,92.70833333333334vw,1780px))/2 + 30px + clamp(220px,20.729166666666668vw,398px)); height: 100%; background-color: #f3f6f8; position: absolute; left: 0; top: 0;} @media screen and (max-width: 790px) { .lh-ban{margin-top: 70px} } .app-nav{padding-right: 34px; padding-right: clamp(17px,1.7708333333333333vw,34px);} .app-nav dt{align-items: center; height: 120px; height: clamp(60px,6.25vw,120px); position: relative; cursor: pointer;} .app-nav dt::before,.app-nav dt::after{content: ''; display: block; width: 400%; height: 1px; background-color: #DBE6EE; position: absolute; right:-34px; right: clamp(-34px,-1.7708333333333333vw,-17px); top: 0;} .app-nav dt::after{top: auto; bottom: 0;} .app-nav dt>*{flex: 1; display: flex; align-items: center;} .app-nav dt>*.right{flex: 0.3; display: flex; justify-content: flex-end;} .app-nav dt .icon{width: 32px; width: clamp(16px,1.6666666666666667vw,32px);} .app-nav dt .name{width: calc(100% - 32px);width: calc(100% - clamp(16px,1.6666666666666667vw,32px)); padding-left: 16px; padding-left: clamp(8px,0.8333333333333334vw,16px);} .app-nav-cont>*{height: 44px; height: clamp(30px,2.2916666666666665vw,44px); align-items: center;} .app-nav-cont>*.on{color:var(--color-dominant);} .app-nav-cont>*>*{flex: 1;} .app-nav-cont>*>*.right{display: flex; justify-content: flex-end;} .app-nav-cont>*>*.right i{color:var(--color-orange);} .nav-toggle{display: inline-block;} .app-nav-cont{height: calc(6 * 44px);height: calc(6 * clamp(30px,2.2916666666666665vw,44px)); overflow: hidden;} .app-nav .toggle .app-nav-cont{height: auto;} .app-nav>*{margin-top: -1px;} .app-nav>* dd{display: none;} .app-nav>*.on dd{display: block;} .app-nav>*.on dt .icon-down{transform: rotate(180deg);} .app-imgs>*{display: flex;} .app-imgs>.left{width: 334px; width: clamp(167px,17.395833333333332vw,334px); background-color: var(--color-dominant); align-items: center; justify-content: center; padding:30px; padding:clamp(15px,1.5625vw,30px);} .app-imgs>.left .nname{font-size:20px; font-size:clamp(12px,1.0416666666666665vw,20px);} .app-imgs>.right{width: calc(100% - 334px); width: calc(100% - clamp(167px,17.395833333333332vw,334px)); justify-content: flex-end; align-items: center; padding: 40px 150px; padding: clamp(20px,2.083333333333333vw,40px) clamp(75px,7.8125vw,150px);height:inherit;} .app-imgs>.right .img{width: 350px; width: clamp(175px,18.229166666666664vw,350px);} .prototype-cont{border:1px solid #DDD; height: 540px; height: clamp(270px,28.125vw,540px);} .prototype-cont>.left{width: 728px; width: clamp(364px,37.916666666666664vw,728px); display: flex; align-items: center; justify-content: center; height: 100%; border-right:1px solid #ddd; padding: 20px;} .prototype-cont>.right{width: calc(100% - 728px); width: calc(100% - clamp(364px,37.916666666666664vw,728px)); height: 100%;} .prototype-cropper>a{position: absolute; border:4px solid transparent; border-radius: 12px;} .prototype-cropper>a.on,.prototype-cropper>a:hover{border-color:var(--color-orange) !important;} .prototype-r{height: 100%; overflow-y: auto; scroll-behavior: smooth;overscroll-behavior: contain;} .prototype-r>.title{height: 74px; height: clamp(36px,3.854166666666667vw,74px); padding: 0 16px; padding: 0 clamp(8px,0.8333333333333334vw,16px); display: flex; align-items: center;} .prototype-acc dt{height: 60px; height: clamp(30px,3.125vw,60px); border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; align-items: center; padding: 0 16px; padding: 0 clamp(8px,0.8333333333333334vw,16px)} .prototype-acc dt>*{flex: 1;} .prototype-acc dt>*.right{flex: 0.3; display: flex; justify-content: flex-end;} .prototype-acc dt>*.right i{width: 14px; height: 2px; background-color: var(--color-dominant); position: relative;} .prototype-acc dt>*.right i::after{content: ''; display: block; width: 100%; height: 100%;background-color: var(--color-dominant); position: absolute; left: 0; top: 0; transform: rotate(90deg); transition: var(--transition);} .prototype-item{padding:0 20px; padding:0 clamp(10px,1.0416666666666665vw,20px); background-color: #F5F5F5;} .prototype-item>*>*{display: block; padding: 20px 0; padding: clamp(10px,1.0416666666666665vw,20px) 0; border-bottom: 1px solid #DDD;} .prototype-item>*:last-child>*{border:none;} .prototype-item>* .cont>*{flex: 1; display: flex;} .prototype-item>* .cont>*.right{justify-content: flex-end; align-items: center; flex: 0.2;} .prototype-item>* .cont>*.left .img{width: 58px; height: 58px; width: clamp(30px,3.0208333333333335vw,58px); height: clamp(30px,3.0208333333333335vw,58px); border:1px solid #ddd; background-color: #fff; overflow: hidden; display: flex; align-items: center; justify-content: center;} .prototype-item>* .cont>*.left .text{width: calc(100% - 58px); width: calc(100% - clamp(30px,3.0208333333333335vw,58px)); padding-left: 20px; padding-left: clamp(10px,1.0416666666666665vw,20px); font-size: 12px; color:#666;} .prototype-acc>*{margin-top: -1px;} .prototype-acc>* dd{display: none;} .prototype-acc>*.on dd{display: block;} .prototype-acc>*.on dt i::after{transform:rotate(90deg) scaleY(0);} .pro-filter>*{align-items: center;} .pro-filter>*>*{flex: 1;} .pro-filter>*>*.right{display: flex; justify-content: flex-end; flex: 0.7;} .pro-filter-l>*{margin-right: 140px; margin-right: clamp(70px,7.291666666666667vw,140px);} .pro-filter-l>*:last-child{margin-right: 0;} .lh-select{display: flex; align-items: center;} .lh-select::after{content: ''; display: block; width: 0; height: 0; border:6px solid transparent; border-top:7px solid #B4BECC; position: relative; top: 2px;} .lh-table{border-collapse: collapse; width: 100%; position:relative; z-index:4;} .lh-table td{border:1px solid #D7DBE0; text-align: center; padding: 20px; padding: clamp(10px,1.0416666666666665vw,20px);} .lh-table tr:first-child td{border-top: none;} .lh-table td:first-child{border-left: none;} .lh-table td:last-child{border-right: none;} .lh-table tr.title{background-color: #7f8a9a; color:#fff;} .lh-table tr td.l-dominant{background-color: #f3f8fc;} .lh-technical::after{content: ''; display: block; width: 715px; width: clamp(357px,37.23958333333333vw,715px); height: 100%; background: var(--linear-gradient-blue); position: absolute; right: 0; top: 0;} .technical-banner .bd li{width: 80%; padding-right: 50px; padding-right: clamp(25px,2.604166666666667vw,50px);} .technical-banner .bd li>*{align-items: center; background-color: #fff; border-radius: 10px; padding: 50px; padding:clamp(25px,2.604166666666667vw,50px);} .technical-banner .bd li .img{width: 100%; height: 100%; } .technical-banner .bd li .right{width: calc(100% - 594px);width: calc(100% - clamp(297px,30.9375vw,594px)); padding-left: 50px; padding-left:clamp(25px,2.604166666666667vw,50px);} .quality-item{margin:-34px 0 0 -34px; margin: clamp(-34px,-1.7708333333333333vw,-17px) 0 0 clamp(-34px,-1.7708333333333333vw,-17px);} .quality-item>*{padding-left: 34px; margin-top: 34px; padding-left: clamp(17px,1.7708333333333333vw,34px); margin-top: clamp(17px,1.7708333333333333vw,34px);} .quality-item>*>*{height: 468px; height: clamp(234px,24.375vw,468px); border-radius: 10px; border:1px solid var(--color-dominant); background:linear-gradient(0deg,rgba(225,237,25555,1),rgba(255,255,255,0)); display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 20px; padding: clamp(10px,1.0416666666666665vw,20px);} .quality-item>*>* img{max-height: 100%;} .technical-banner .bd li .more{transition: var(--transition);} .technical-banner .bd li>*:hover .more{color:var(--color-orange);} .information-cont>*{flex: 1;} .information-cont>*.right{display: flex; justify-content: flex-end; flex: 0.5;} .information-item>* i{display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; width: clamp(30px,3.125vw,60px); height: clamp(30px,3.125vw,60px); border-radius: 50%; background-color: var(--color-dominant); color:#fff;} .information-item>* .text{width: calc(100% - 60px); width: calc(100% - clamp(30px,3.125vw,60px)); padding-left: 30px; padding-left: clamp(15px,1.5625vw,30px);} .information-cont>.left .btn{display: flex; align-items: center; justify-content: center; width: 222px; height: 50px; width: clamp(110px,11.5625vw,222px); height: clamp(40px,2.604166666666667vw,50px); border:1px solid var(--color-dominant); border-radius: 6px; margin-left: 90px; margin-left: clamp(45px,4.6875vw,90px);} .information-input input,.information-input textarea{height: 40px; border:none; border-bottom: 1px solid #ddd; padding: 0; height: clamp(34px,2.083333333333333vw,40px);} .information-input textarea{height: 110px; height: clamp(90px,5.729166666666666vw,110px);} .information-submit .more{display: flex; align-items: center;} .information-submit .more i{display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; width: clamp(30px,3.125vw,60px); height: clamp(30px,3.125vw,60px); border-radius: 50%; background-color: var(--color-orange); color:#fff; margin-right: 18px; margin-right: clamp(9px,0.9375vw,18px);} .position-item>*{margin-top: 20px; margin-top: clamp(10px,1.0416666666666665vw,20px);} .position-item>*>*{align-items: center; padding: 26px 46px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: clamp(13px,1.3541666666666667vw,26px) clamp(23px,2.3958333333333335vw,46px); background-color: #fff;} .position-item>*>*>*{flex: 1;} .position-item>*>*>*.right{display: flex; justify-content: flex-end;} .position-r{align-items: center;} .position-r>*{margin-left: 50px; margin-left: clamp(25px,2.604166666666667vw,50px);} .position-r>*:first-child{margin-left: 0;} .position-r>a{padding: 8px 20px; padding: clamp(4px,0.4166666666666667vw,8px) clamp(10px,1.0416666666666665vw,20px); border-radius: 6px; background-color: var(--color-dominant); color:#fff;} .position-r>a:hover{opacity: 0.8;} .news-top>*{flex: 1;} .news-top>*.right{display: flex; justify-content: flex-end; align-items: center;} .news-nav>*{margin-left: 20px; margin-left: clamp(10px,1.0416666666666665vw,20px); display: flex; align-items: center; justify-content: center; width: 264px; height: 70px; width: clamp(132px,13.750000000000002vw,264px); height: clamp(35px,3.6458333333333335vw,70px); border-radius: 70px; background-color: #E0DEDE;} .news-nav>*.on,.news-nav>*:hover{background-color: var(--color-orange); color:#fff;} .news-item{margin: -80px 0 0 -80px; margin: clamp(-80px,-4.166666666666666vw,-40px) 0 0 clamp(-80px,-4.166666666666666vw,-40px);} .news-item>*{padding-left: 80px; margin-top: 80px; padding-left: clamp(40px,4.166666666666666vw,80px); margin-top: clamp(40px,4.166666666666666vw,80px);} .news-item>*>*{display: block; background-color: #fff; border-radius: 6px; overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,.1);} .news-item>* .img{height: 278px; height: clamp(139px,14.479166666666668vw,278px);} .news-item>* .text{padding: 30px 20px; padding: clamp(15px,1.5625vw,30px) clamp(10px,1.0416666666666665vw,20px);} .news-item>* .text .top .left{width: 80px; border-right: 1px solid #F1F1F1; width: clamp(70px,4.166666666666666vw,80px);} .news-item>* .text .top .right{width: calc(100% - 80px); width: calc(100% - clamp(70px,4.166666666666666vw,80px)); padding-left: 20px; padding-left: clamp(10px,1.0416666666666665vw,20px);} .news-item>* .text .bottom{border-top: 1px solid #f1f1f1; padding-top: 25px; padding-top: clamp(12px,1.3020833333333335vw,25px); align-items: center;} .news-item>* .text .bottom>*{flex: 1;display: flex;} .news-item>* .text .bottom>*.right{ justify-content: flex-end;} .news-item>* .text .bottom>*.left span{margin-left: 10px; display: flex; align-items: center;} .news-item>* .text .bottom>*.left span:first-child{margin-left: 0;} .news-item>* .text .bottom>*.left span i{margin-right: 6px;} .news-item>*>*:hover{transform: translateY(-20px); color:var(--color-dominant);} .list-loading{align-items: center; justify-content: center;} .list-loading i{display: flex; margin-right: 10px; animation: loading linear 1s infinite;} @keyframes loading{ to{transform: rotate(360deg);} } .lh-detail{position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.7); z-index: 1000; display: flex; justify-content: flex-end; opacity: 0; pointer-events: none;} .lh-detail>.cont{height: 100%; background-color: #fff; width: 1490px; width: clamp(745px,77.60416666666666vw,1490px);} .lh-detail>.cont>.left{width: 80px; height: 100%; background-color: var(--color-dominant); display: flex; align-items: center; padding: 0 5px;} .lh-detail>.cont>.right{width: calc(100% - 80px); padding: 60px 200px; padding: clamp(30px,3.125vw,60px) clamp(100px,10.416666666666668vw,200px); height: 100%;overflow-y: auto; overscroll-behavior: contain;} .detail-page{width: 100%;} .detail-page>*{display: flex; align-items: center; margin: 30px 0; justify-content: center; } .detail-page>*:nth-child(2){border-top: 1px solid rgba(255,255,255,.2);border-bottom: 1px solid rgba(255,255,255,.2); padding: 40px 0;} .detail-page>*:nth-child(2) a{display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background-color: #fff; color:var(--color-dominant); font-weight: bold;} .detail-page>a:hover{text-decoration: underline;} .detail-cont>.top{align-items: center;} .detail-cont>.top>*{flex: 1;} .detail-cont>.top>*.right{display: flex; justify-content: flex-end;} .detail-cont>.top .nname>*{margin-right: 26px; margin-right: clamp(13px,1.3541666666666667vw,26px);} .detail-cont>.top .nname>*:last-child{margin-right: 0;} .detail-share>*{margin-left: 26px; margin-left: clamp(13px,1.3541666666666667vw,26px); font-size: inherit;} .detail-share>*:hover{color:#000;} .detail-cont>.bottom{border-top: 1px solid #f1f1f1;} .l-ones img{height: auto !important;} body.overflow{overflow: hidden;} .about-profile>*>.right{width: 310px; width: clamp(200px,16.145833333333336vw,310px); background-color: #f1f7ff;} .about-profile>*>.left{width:100%;} .profile-l>.left{width:100%;} .profile-l>*.right{display: flex; align-items: flex-end; justify-content: flex-end; } .profile-icon{background-color: var(--color-orange); padding: 40px 20px; padding: clamp(20px,2.083333333333333vw,40px) clamp(10px,1.0416666666666665vw,20px); position: relative;} .about-profile{padding-bottom: 0;} .about-profile h3{text-transform: uppercase;} .about-profile pre p{ line-height: 36px; font-size: 18px;text-indent:2em;} .about-profile .index-about-total{height: 100%;} .about-profile .index-about-total>*{flex: 1;} .about-profile .index-about-total{text-align: center} .about-profile .index-about-total h3{text-align: center; display: block} .culture-cont{background-color: rgba(0,0,0,.15); position: relative;} .culture-cont::before{content: ''; display: block; width: 1px; height: 100%; background-color: rgba(255,255,255,.15); position: absolute; left: 50%; top: 0;} .culture-cont::after{content: ''; display: block; width: 100%; height: 1px;background-color: rgba(255,255,255,.15); position: absolute; left: 0; top: 50%;} .culture-item>*{padding: 66px 0; padding: clamp(33px,3.4375000000000004vw,66px); display: flex; align-items: center;} .culture-item>* i{width: 84px; width: clamp(42px,4.375vw,84px);} .culture-item>* .text{width: calc(100% - 84px); width: calc(100% - clamp(42px,4.375vw,84px));} .about-history>*>.left{width: 60%;} .about-history>*>*.right{display: flex; justify-content: flex-end; align-items: center;width: 40%;} .l-font70{font-size: 70px; font-size: clamp(35px,3.6458333333333335vw,70px);} .l-font80{font-size: 80px; font-size: clamp(40px,4.166666666666666vw,80px);} .history-hd .bd{display: block;} .history-r{padding: 150px 0; padding-top: clamp(75px,7.8125vw,150px);} .history-hd{height: 430px; height: clamp(215px,22.395833333333336vw,430px); color:#BDC8DA; padding-right: 30px; padding-right: clamp(15px,1.5625vw,30px);} .history-hd .bd li{transition: var(--transition); cursor: pointer;} .history-hd .bd li.on{color:var(--color-dominant); transform: scale(1.2); transform-origin: left center;} .history-btn>*{width: 84px; height: 84px; width: clamp(42px,4.375vw,84px); height: clamp(42px,4.375vw,84px); border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; transform: translateX(-50%);} .history-btn>* img{transition: var(--transition);} .history-btn>*.prevs{top: 0;} .history-btn>*.nexts{bottom: 0;} .history-btn>*:hover{background-color: var(--color-orange);} .history-btn>*:hover img{filter: invert(100%);} .history-cont{padding-top: 40px; padding-top: clamp(20px,2.083333333333333vw,40px);} .history-text>.left{width: 300px; width: clamp(150px,15.625vw,300px); display: flex; align-items: center;} .history-text>.right{width: calc(100% - 300px); width: calc(100% - clamp(150px,15.625vw,300px));} .history-text>.right .text>*{margin-bottom:26px; margin-bottom: clamp(13px,1.3541666666666667vw,26px); position: relative; padding-left: 26px; padding-left: clamp(13px,1.3541666666666667vw,26px);} .history-text>.right .text>*::before{content: ''; display: block; width: 6px; height: 6px; border-radius: 50%; background-color: var(--color-dominant); width: clamp(3px,0.3125vw,6px); height: clamp(3px,0.3125vw,6px); position: absolute; left: 0; top: 50%; transform: translateY(-50%);} .history-text .time{color: transparent;-webkit-text-stroke: 1px var(--color-dominant);} .about-honor>*>*.left{width: 40%;} .about-honor>*>*.right{display: flex; align-items: center; justify-content: flex-end; width: 60%; padding-right: 90px; padding-right: clamp(45px,4.6875vw,90px);} .honor-img{display: flex; align-items: center; justify-content: center; background-color: #fff; overflow: hidden;} .honor-img img{height: 100%;} .honor-bd{width: 445px; height: 630px; width: clamp(222px,23.177083333333336vw,445px); height: clamp(315px,32.8125vw,630px);} .honor-bd .bd li{display:flex; align-items:center; justify-content:center;} .honor-cont{margin-top: 210px; margin-top: clamp(105px,10.9375vw,210px);} .index-btn>*:first-child{margin-left: 0;} .about-honor .index-btn>*.prevs{background-color: var(--color-dominant); color:#fff;} .index-btn>*.prevs::after{border-color:var(--color-dominant);} .honor-hd{padding: 6px 0;} .honor-hd .bd li{width: 20%; padding: 0 6px; padding:0 clamp(3px,0.3125vw,6px);} .honor-hd .bd li>*{padding: 10px; background-color: #fff; border:2px solid transparent; display: flex; align-items: center; justify-content: center; overflow: hidden; height: 90px; height: clamp(45px,4.6875vw,90px); border-radius: 6px; box-shadow: 0 0 10px rgba(0,0,0,.1);} .honor-hd .bd li>* img{height: 100%;} .honor-hd .bd li.on>*{border-color:var(--color-dominant);} .about-honor::before{content: ''; display: block; width: 1442px; height: 1442px; width: clamp(721px,75.10416666666667vw,1442px); height: clamp(721px,75.10416666666667vw,1442px); border-radius: 50%; position: absolute; right: -435px; right: clamp(-425px,-22.135416666666664vw,-202px); top: 50%; transform: translateY(-50%); background-color: var(--color-dominant);} .about-honor::after{content: ''; display: block; width: 1442px; height: 1442px; width: clamp(721px,75.10416666666667vw,1442px); height: clamp(721px,75.10416666666667vw,1442px); border-radius: 50%; position: absolute; right: -435px; right: clamp(-425px,-22.135416666666664vw,-202px); top: 50%; border:10px solid #E7EEF9; transform:translateY(-50%) scale(1.05);} .about-honor>.bd{display: block; width: 1442px; height: 1442px; width: clamp(721px,75.10416666666667vw,1442px); height: clamp(721px,75.10416666666667vw,1442px); border-radius: 50%; position: absolute; right: -435px; right: clamp(-425px,-22.135416666666664vw,-202px); top: 50%; border:1px dashed #94B4E4; transform:translateY(-50%) scale(1.07);} @media screen and (max-width:790px){ .about-profile pre p{ line-height: 31px; font-size: 16px;} } .quality-new-center{border-top:1px solid #DDD;} .quality-new-center>*{flex:1;display:flex;} .quality-new-center>*.left{align-items:flex-end;} .quality-new-center>*.right{ justify-content:flex-end;} .quality-new-banner{width:257px;} .quality-new-ban{align-items:flex-end;} .quality-new-ban>.left{padding-right:30px; padding-right:clamp(15px,1.5625vw,30px);} .quality-new-hd>*{width:10px; height:10px; background:none; opacity:1; border:2px solid #AAB4C3; margin-left:4px; transition:var(--transition);} .quality-new-hd>*.on{border-color:var(--color-dominant);} .quality-new-bottom{align-items:flex-end;} .quality-new-bottom>*{flex:1; display:flex;} .quality-new-bottom>*.right{justify-content:flex-end;} .quality-new-text .icon{width:56px; width:clamp(28px,2.9166666666666665vw,56px);} .quality-new-text .ccont{-webkit-mask:linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.2));} .quality-new-item{width:80%;} .quality-new-item>*>*{height:80px; height:clamp(40px,4.166666666666666vw,80px); border-bottom:1px solid #DDD; align-items:center;} .quality-new-item>*>*>*{flex:1;} .quality-new-item>*>*>*.right{flex:0.3; display:flex; justify-content:flex-end;} .reliability-table .l-white{background-color:#7f8a9a;} .reliability-table .l-white td{padding:10px; padding:clamp(5px,0.5208333333333333vw,10px);} .lh-nav>*>dl{position:absolute; left:50%; transform:translateX(-50%); top:100%; background-color:#fff; color:#000; min-width:200px; border-radius:0 0 10px 10px; box-shadow:0 0 10px rgba(0,0,0,.1); text-align:center; line-height:240%; padding:20px 0; padding:clamp(10px,1.0416666666666665vw,20px) 0;clip-path: inset(0 0 100% 0);pointer-events: none; transition:var(--transition);} .lh-nav>*.toggle>dl{clip-path: inset(0 0 0% 0);pointer-events: auto;} .lh-nav>*>dl a:hover{color:var(--color-dominant);} header>*>*.left{display:flex; align-items:center;} .nav-pro{position:fixed; left:0; top:110px; top:clamp(75px,5.729166666666666vw,110px); right:0; padding-top:40px; padding-top:clamp(20px,2.083333333333333vw,40px); background-color:#fafcff; z-index:9;clip-path: inset(0 0 100% 0);pointer-events: none; transition:var(--transition);} .proToggle .nav-pro{clip-path: inset(0 0 0% 0);pointer-events: auto;} .nav-pro>* ul{width:382px; width:clamp(191px,19.895833333333332vw,382px);min-height:370px; min-height:clamp(185px,19.270833333333336vw,370px); padding-bottom:40px; padding-bottom:clamp(20px,2.083333333333333vw,40px); border-left:1px solid #ddd; display:none;} .nav-pro>*>ul{position:relative; border:none; display:block;} .nav-pro>*>* a{height:40px; height:clamp(20px,2.083333333333333vw,40px); display:block; padding:0 30px; padding:0 clamp(15px,1.5625vw,30px); display:flex; align-items:center;} .nav-pro>*>* a:hover{color:var(--color-dominant);} .nav-pro>*>*>*>ul{position:absolute; left:100%; top:0;} .nav-pro>*>*>*>ul>*>ul{position:absolute; left:100%; top:0;} .nav-pro>*>ul>*.on>a{background-color:var(--color-dominant); color:#fff;} .nav-pro>*>ul>*.on>ul,.nav-pro>*>ul>*.on>ul>*.on>ul{display:block;} .nav-pro>*>*>*>ul>*.on>a{color:var(--color-dominant);} .technical-imgs{position:fixed; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,.7); z-index:1000; background-color:rgba(0,0,0,.7); display:flex; align-items:center; justify-content:center; opacity:0;pointer-events: none;} .technical-imgs>.cont{max-width:80vw; max-height:80vh;} .technical-imgs>.cont a{position:absolute; right:0; bottom:100%;} .technical-imgs>.cont img{max-height:80vh;} .index-banner-bottom span{white-space:nowrap; width:18px;} .pro-filter-l>*:last-child{margin-right:0;} .filter-select>*{position:relative; padding:30px 0; padding:clamp(15px,1.5625vw,30px) 0;} .filter-select>*>a{position:relative; display:flex; align-items:center;} .filter-select>*>a::after{content:''; display:block; width:0; height:0; border:6px solid transparent; border-top:6px solid #B4BECC; margin-left:10px; position:relative; top:4px;} .filter-two{position:absolute; left:0; top:100%; background-color:#fff; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,.1); z-index:10; min-width:350px; padding:20px 0; min-height:340px; display:none;} .filter-two>*{min-width:175px; padding:0 20px; margin-top:10px;} .filter-two>*:first-child,.filter-three>*:first-child{margin-top:10px;} .filter-two>*>a,.filter-three a{white-space:nowrap;} .filter-three{position:absolute; left:174px; top:0; border-left:1px solid #EEE; height:100%;padding:20px 0; min-height:340px;min-width:350px;} .filter-three>*{padding:0 20px; margin-top:10px;} .filter-select>*:hover .filter-two{display:block;} .filter-three{display:none;} .filter-two>*.on .filter-three{display:block;} .filter-two a:hover{color:var(--color-dominant);} .filter-two>*>a{padding-left:24px; position:relative;} .filter-two>*>a::before{content:''; display:block; width:6px; height:6px; border-radius:50%; background-color:#999; position:absolute; left:0; top:50%; transform:translateY(-50%);} .filter-two>*.on>a{color:var(--color-dominant);} .filter-two>*.on>a::before{background-color:var(--color-dominant);} .filter-select>*.on>a{color:var(--color-dominant);} .footer-ewm>.item:first-child{margin-left:0;} .lh-table>*:not(#erlo_lj_data){position:sticky; top:110px; top:clamp(60px,5.729166666666666vw,110px);z-index: 1;} .view-btn{position: relative;} .view-btn i{position: absolute; left: 50%; top: 50%; transform: translate(-50%,100%); font-size: 42px; font-size: clamp(20px,2.1875vw,42px); color: var(--color-dominant); opacity: 0; transition: var(--transition);} .view-btn:hover i{transform: translate(-50%,-50%); opacity: 1;} .about-layer{position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.7); z-index: 1000; display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none;} .about-layer .iconfont{position: absolute; left: 100%; top: 0;} .about-layer img{max-width: 80vw; max-height: 80vh;} [data-fliter]{position:relative; cursor:pointer;} [data-fliter]>*{display:inline-block;} .table-filter{position:absolute; left:0; top:100%; width:286px; background-color:#edf4fd; z-index:3; padding:30px; display:none;} .table-checkbox-bottom{margin-top:20px; justify-content:flex-end;} .checkbox-confirm,.checkbox-cancel{display:flex; align-items:center; justify-content:center; width:100px; height:32px; border-radius:4px; background-color:var(--color-dominant);} .checkbox-cancel{margin-right:10px; background-color:#9AB7E2;} .table-checkbox-item>*{margin-bottom:12px; display:flex; align-items:center;} .table-checkbox-item>* i{display:flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:3px; background-color:#fff; border:1px solid #C6D1DE; margin-right:12px;} .table-checkbox-item>* i::before{display:none; color:#fff;} .table-checkbox-item>*.on i{background-color:var(--color-dominant); border-color:var(--color-dominant);} .table-checkbox-item>*.on i::before{display:block;} .table-checkbox-scroll{max-height:288px; overflow-y:auto;} [data-fliter].on .table-filter{display:block;} .table-filter-progress{width:100%; height:6px; border-radius:6px; background-color:#C6D1DE; margin:30px 0;} .table-filter-progress .hd{position:absolute; left:0; right:0; top:0; bottom:0; background-color:var(--color-dominant); border-radius:6px;} .progress-min,.progress-max{position:absolute; left:0; bottom:-2px;} .progress-max{left:calc(100% - 11px);} .progress-min i,.progress-max i{display:block; width:11px; height:11px; border-radius:50%; background-color:#C6D1DE; border:2px solid #fff; box-shadow:0 0 8px rgba(0,0,0,.1);} .progress-min p,.progress-max p{background-color:#fff; color:#C6D1DE; padding:0 4px; min-width:18px; font-size:12px; position:absolute; left:50%; bottom:130%; transform:translateX(-50%); border-radius:3px; box-shadow:0 0 8px rgba(0,0,0,.1);} .progress-input{margin-top:10px;} .progress-input>*{flex:1;} .progress-input>*:first-child{padding-right:10px;} .progress-input>*:last-child{padding-left:10px; display:flex; justify-content:flex-end;} .progress-input>* input{height:32px; background-color:#fff; border-radius:6px; border:1px solid #C6D1DE; text-align:center;} .progress-input>* a{width:100%; margin:0;} [data-fliter]>*::after{content:'\e772';font-family: "iconfont"; display:inline-block; margin-left:4px;} [data-fliter] pre{display:inline-block;} main{position:relative; z-index:4;} /* --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 (min-width: 2000px){ } @media screen and (max-width: 1600px){ } @media screen and (max-width: 1500px){ } @media screen and (max-width: 1366px){ } /*平板*/ @media screen and (max-width: 1024px){ header{height:50px; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.1);} .page-loading{padding:10%;} .lh-logo{position:absolute; left:15px; top:50%; transform:translateY(-50%); z-index:2;filter: invert(100%);} .lh-nav{width:100vw; height:100vh; background-color:#fff; position:absolute; left:0; top:0; color:#000; display:block; text-align:center; font-size:18px; padding-top:25%; opacity:0; pointer-events: none;} .lh-nav>*{justify-content:center;} .header-search-btn{display:none;} .nav-btn{position:absolute; right:0; top:0; width:50px; height:50px; z-index:2;} .nav-btn::before,.nav-btn::after{content:''; display:block; width:22px; height:2px; background-color:#000; position:absolute; right:15px; top:50%; transition:var(--transition); margin-top:-7px;} .nav-btn i{display:block; width:22px; height:2px; background-color:#000; position:absolute; right:15px; top:50%; transition:var(--transition);} .nav-btn::after{margin-top:8px;} .webNav .nav-btn i{transform:scaleX(0);} .webNav .nav-btn::before{transform:translate(0px,7px) rotate(45deg);} .webNav .nav-btn::after{transform:translate(0px,-8px) rotate(-45deg);} .webNav .lh-nav{opacity:1; pointer-events:auto; transition:var(--transition);} .l-pd110{padding-top:40px; padding-bottom:40px;} .pro-top>*.right{margin-top:20px; justify-content:flex-start;} .pro-search{width:calc(100% - 120px);} .l-container{padding-left:15px; padding-right:15px;} .page-loading .icon{width:19px;} .index-news-cont>*.left a,.index-news-hot>* .img,.news-item>* .img{height:220px;} .index-news-hot>*{width:100%; margin-top:15px;} .cooper-item>*{width:50%;} .index-cooper>*>.right{margin-top:20px;} .footer-top>*.right{margin-top:20px;} .footer-copy{line-height:160%;} .footer-copy,.footer-copy>*.right{display:block;} .footer-copy span{display:block; text-align:center; margin-left:0;} .lh-nav>*>dl{display:none;} .information-cont>*.right{margin-top:30px; padding-bottom: 100px} .l-mg80{margin-top:30px;} .position-item>*>*>*.right{display:block;} .position-r{display:block;} .position-r>*{margin:10px 0 0 0; display:block;} .position-r>a{display:inline-block;} .position-item>*>*>*.left .name{font-weight:bold;} .news-top>*.right{margin-top:20px;} .news-nav>*:first-child{margin-left:0;} .news-item>*{width:100%;} .lh-detail>.cont>.right{padding:20px;} .profile-l>.left{width:100%;} .about-profile>*>.right{margin-top:20px;} .index-about-total{flex-direction:row; padding:20px 0;} .history-text>.left{justify-content:center;} .history-text>.right{margin-top:20px;} .about-honor::before,.honor-hd{display:none;} .about-honor>.bd,.about-honor::after{display:none;} .honor-cont{margin-top:30px;} .about-honor>*>*.right{display:block; margin-top:20px;} .honor-bd{width:100%; height:300px;} .lh-technical::after{width:20%;} .technical-banner .bd li>*{display:block;} .technical-banner .bd li {margin-bottom: 100px} .technical-banner .bd li .right{width:100%; padding:0; margin-top:20px;} .quality-new-center,.quality-new-center>*.right,.quality-new-bottom{display:block;} .quality-new-center>*.right{margin-top:20px;} .quality-new-item{width:100%;} .quality-new-bottom>*.right{display:block; margin-top:20px;} .lh-app>*{display:block;} .lh-app>*>*{width:100% !important;} .lh-app::before{display:none;} .app-nav dt::before, .app-nav dt::after{width:calc(100% + 17px);} .app-nav dt,.app-nav>* dd{padding-left:20px;} .lh-app>*>.right{padding-left:0; margin-top:30px;} .app-imgs>.right{padding:20px;} .prototype-cont{display:block; height:auto;} .prototype-cont>*{width:100% !important;} .pro-filter>*{display:block;} .pro-filter>*>*{width:100% !important; padding:0 !important;} .pro-filter-l>*{margin-right:20px;} .pro-filter>*>*.right{display:block;} .lh-pro>*{overflow-x:auto;} .nav-pro{display:none;} .index-about{padding-top: 0;} main{width: 100vw; overflow-x: hidden;} .lh-table>*:not(#erlo_lj_data){top: 0px;} .list-loading{height: 30px;} .lh-table{min-width: 1200px;} .lh-nav>*>a::after{display: none;} .reliability-cont{overflow-x: auto;} .honor-img>*{width: 50%;} .pro-filter{position: relative; z-index: 4;} .filter-two{min-height: inherit;} .pro-filter-l{position: relative;} .filter-select,.filter-select>*{position: static;} .filter-two{min-width: inherit; width: calc(100vw - 30px); min-height: 140px;} .filter-three{min-height: 140px; height: inherit; min-width: inherit;} .footer-nav,.profile-l>*.right,.about-history>*>*.right{display:none;} .pro-top,.index-about>*,.index-news-cont,.index-cooper,.footer-top,.footer-top>*.right,.information-cont,.position-item>*>*,.news-top,.news-top>*.right,.about-profile>*,.about-history>*,.history-text,.about-honor>*{display:block;} .index-about>*>*,.index-news-cont>*,.index-cooper>*>*,.about-profile>*>*,.about-history>*>*,.history-text>*,.about-honor>*>*{width:100% !important; padding:0 !important;} } /*手机*/ @media screen and (max-width: 980px){ }