@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: "rk"; src:url("../font/ReemKufi-Regular.ttf") format("truetype"); font-style: normal; font-weight: normal; } .rk{font-family: "rk";} @font-face { font-family: "hg"; src:url("../font/Hanken Grotesk.TTF") format("truetype"); font-style: normal; font-weight: normal; } .hg{font-family: "hg";} :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:#B41919; --color-dominant1:#0F3C7D; --color-hover:#1298B2; --color-fill:#000; --color-white:#fff; --color-black:#000; --color-gray3:#333; --color-gray6:#575757; --color-gray9:#999; --color-line:rgba(189, 189, 189, 0.50); /*bg*/ --bg:#fff; --body-color:#333; --bg-gray:#FDFDFD; --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); /*cursor*/ --cursor-stroke:#000; /*img*/ --aspect-news:429/268; --aspect-case:640/780; --aspect-case1:488/300; /*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); } /*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===*/ * {outline: none !important; /* 移除所有元素默认轮廓线 */-webkit-tap-highlight-color: transparent; /* 禁用移动端点击高亮 */} 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;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(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;} /*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*/ .showLoading .pace-activity{opacity: 1;} .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; background-color: var(--bg); opacity: 0;} /*横线加载效果*/ /* .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{pointer-events: none; opacity:0; transition: opacity ease-in 0.2s;} .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: 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>*.on{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;} /*cont*/ .l-container{position: relative; z-index: 2; width: 1630px; width: clamp(815px,84.89583333333334vw,3260px); padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto;} header{position: relative; z-index: 10;} .lh-header{position: fixed; left: 0; top: 0; right: 0; justify-content: space-between; padding:0 var(--size-80); height: var(--size-110); align-items: center; transition: var(--transition);} .lh-ban::before,.index-banner::before{content: ''; display: block; width: 100%; height:var(--size-120);background: linear-gradient(180deg, rgba(0, 10, 60, 0.80) 0%, rgba(15, 60, 125, 0.00) 100%); position: absolute; left: 0; top: 0; z-index: 2;} .lh-logo{display: block; width: calc(var(--size-85) * 2); position: relative; z-index: 2;} .lh-logo>*{transition: var(--transition); width: 100%; display: block;} .lh-logo>*:nth-child(2){position: absolute; left: 0; top: 0; opacity: 0;} .lh-nav>*{margin: 0 var(--size-30); position: relative;} .lh-nav>*.on>a,.lh-nav>*:hover>a{color: var(--color-dominant);} .nav-two{position: absolute; left: 50%; transform: translateX(-50%); top: 100%; z-index: 10; padding-top: var(--size-10); color: #333; font-weight: normal; display: none;} .Fixed .nav-two{padding-top: var(--size-40);} .Fixed .nav-two>*{border-radius: 0 0 var(--size-10) var(--size-10);} .lh-nav>*:hover .nav-two{display: block;} .nav-two>*{min-width: var(--size-120); background-color: #fff; position: relative; padding: var(--size-10) 0; border-radius: var(--size-10);} .nav-two>*::before{content: ''; display: block; width: 0; height: 0; border: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; left: 50%; bottom: 100%; transform: translateX(-50%);} .nav-two>* a{display: flex; align-items: center; justify-content: center; padding:5px var(--size-10);white-space: nowrap;} .nav-two>* a:hover{color: var(--color-dominant);} .header-tel{height: calc(var(--size-40) - 2px); background-color: var(--color-dominant1); display: flex; align-items: center; justify-content: center; position: relative;} .header-tel>em{padding: 0 calc(var(--size-10) / 2) 0 var(--size-10);} .header-tel>a{background-color: var(--color-dominant); height: inherit; display: flex; align-items: center; justify-content: center; padding: 0 var(--size-10) 0 var(--size-20);clip-path: polygon(13% 0%, 100% 0%, 100% 100%, 0% 100%); -webkit-clip-path: polygon(13% 0%, 100% 0%, 100% 100%, 0% 100%);} .Fixed .lh-header,.Detail .lh-header{background-color: #fff; color: var(--body-color);} .Fixed .lh-logo>*:nth-child(2),.Detail .lh-logo>*:nth-child(2){opacity: 1;} .Fixed .lh-logo>*:nth-child(1),.Detail .lh-logo>*:nth-child(1){opacity: 0;} .index-banner-box{height: 100vh; min-height: 850px;} .index-banner{height: 100%; background-color: #000;} .index-banner>.bd .img{width: 100%; height: 100%;} .img img{width: 100%; height: 100%; transition: var(--transition);} .index-banner>.bd>*>.l-container{position: absolute; left: 0; top: 0; bottom: 0; right: 0; display: flex; align-items: center; z-index: 3;} .l-font96{font-size: 96px; font-size: clamp(24px,5vw,192px);} .index-banner-bottom{position: absolute; left: 0; right: 0; bottom: var(--size-100); justify-content: space-between; z-index: 4;} .public-banner-btn{--bg:#fff;--bg1:var(--color-dominant);} .public-banner-btn>*{width: var(--size-55); height: var(--size-55); display: flex; align-items: center; justify-content: center; position: relative; transition: opacity 1s cubic-bezier(.435,.25,.15,.965), transform 1s cubic-bezier(.435,.25,.15,.965); margin-right: calc(var(--size-10) / 2); cursor: pointer; color: var(--bg);} .public-banner-btn>*.swiper-button-disabled{opacity: 0.7; cursor: auto;} .public-banner-btn>*::before{content: ''; display: block; width: 100%; height: 100%; border: 3px solid var(--bg); transform: scale(0.7) rotate(45deg); position: absolute; left: 0; top: 0;transition: border-color .5s cubic-bezier(.435,.25,.15,.965), background-color .5s cubic-bezier(.435,.25,.15,.965), transform .5s cubic-bezier(.435,.25,.15,.965);} .public-banner-btn>* i{font-size: 12px; position: relative; z-index: 2; transition: var(--transition); transform: scale(0.7);} .public-banner-btn>*.prev{margin-top: var(--size-20-);} .public-banner-btn>*.prev i{transform: scale(0.7) rotate(180deg);} .public-banner-btn>*.active{color: var(--bg1);} .public-banner-btn>*.active::before{transform: scale(1) rotate(45deg); background-color: var(--bg);} .bannerNum>I{margin: 0 calc(var(--size-10) / 2) 0 var(--size-10);} .index-banner-shadow>*{width: clamp(337px,35.104166666666664vw,674px); aspect-ratio: 1/1; background-color: var(--color-dominant); opacity: 0.9; position: absolute; left: 0; z-index: 1;} .index-banner-shadow>*.shadow1{opacity: 1; background-color: var(--color-dominant1); top: 0; z-index: 2;clip-path: polygon(0 0, 0% 100%, 100% 0); -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);} .index-banner-shadow>*.shadow2{bottom: 0;clip-path: polygon(0 0, 0% 100%, 100% 100%); -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);} .banner-text-box{position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 3; display: flex; align-items: center; pointer-events: none;} .banner-text>*{position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: none;} .banner-text-box,.index-banner-bottom,.index-banner-shadow{display: none;} .banner-text-box br{display: none;} .l-lh20{line-height: 200%;} .public-fullpage{height: 100vh; min-height: 850px;} .index-about>*{width: 50%; height: 100%;} .about-l{height: 100%;} .about-l>*{display: flex; align-items: center; justify-content: center; position: relative;} .about-l>.left{width: 32.3%; border-right: 1px solid var(--color-line);} .about-l>.right{width: 67.7%; padding: 0 calc(var(--size-75) * 2) 0 var(--size-100);} .about-total>*{margin-top: var(--size-100);} .about-total>* span{margin-left: var(--size-10);} .about-res>.title{display: flex; align-items: center; line-height: 100%;} .about-res>.title img{width: var(--size-30); margin-right: var(--size-15);} .lines8{-webkit-line-clamp:8;} .public-more{display: flex; align-items: center;--bg:var(--color-dominant);} .public-more i{width:clamp(20px,1.25vw,48px); aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; color: #fff; margin-left: var(--size-20); transition: var(--transition); border: 1px solid var(--bg); position: relative;} .public-more i::before{transform: scale(0.6); transition: var(--transition); position: relative; z-index: 2;} .public-more i::after{content: ''; display: block; width: 100%; height: 100%; background-color: var(--bg); position: absolute; left: 0; top: 0; transition: var(--transition); border: 1px solid var(--bg);} .public-more:hover i::before{transform:scale(0.6) rotate(-45deg);} .public-more:hover i::after{transform: scale(0.8);} .about-r,.about-r>.img{height: 100%; overflow: hidden;} .about-link{position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;} .about-link>*{width: 50%;backdrop-filter: blur(5px);} .about-link>*>*{background: rgba(0, 0, 0, 0.19); display: flex; align-items: center; justify-content: space-between; height: var(--size-90); padding: 0 var(--size-35);} .about-link>*:nth-child(2)>*{background-color: var(--color-dominant);} .about-link>* i{display: flex; align-items: center; justify-content: center; width:var(--size-30); min-width: 20px; aspect-ratio: 1/1; border:1px solid var(--color-dominant); color: #fff; position: relative; font-size: 12px;} .about-link>* i::before{transform: scale(0.6); position: relative; z-index: 2;transition: var(--transition);} .about-link>* i::after{content: ''; display: block; width: 100%; height: 100%; background-color: var(--color-dominant); position: absolute; left: 0; top: 0; transition: var(--transition);} .about-link>*>*:hover i::after{transform: scale(0.8);} .about-link>*>*:hover i::before{transform: scale(0.6) rotate(-45deg);} .about-link>*:nth-child(2) i{border-color: #fff; color: var(--color-dominant);} .about-link>*:nth-child(2) i::after{background-color: #fff;} .about-l>.left .line{width: 3px; height: calc(var(--size-100) * 2); background-color: var(--color-dominant); display: block; position: absolute; right: -2px; bottom:100%;} .index-business{background-color: #000;} .index-business>.bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .index-business>.bg video{width: 100%; height: 100%; object-fit: cover;} .index-business>.bg::before{content: ''; display: block; width: 100%; height: 100%;background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(90deg, #0F3C7D 1.03%, #0F3C7D 24.44%, rgba(15, 60, 125, 0.00) 47.85%); position: absolute; left: 0; top: 0; z-index: 2;} .business-cont{position: relative; z-index: 3; height: 100%; --line-color:rgba(255,255,255,0.2)} .business-cont>.left{width: calc(var(--size-80) * 8); border-right: 1px solid var(--line-color); justify-content: space-between;} .business-hd{height: calc(var(--size-110) * 5); display: flex; flex-direction: column;} .business-hd>*{flex: 1; border-top: 1px solid var(--line-color);} .business-hd>*>*{display: flex; align-items: center; height: 100%; padding-left: calc(var(--size-80) * 2); cursor: pointer; position: relative;} .business-hd>*>*::before{content: ''; display: block; width: 100%; height: 100%;background: linear-gradient(90deg, rgba(180, 25, 25, 0.00) 0%, #B41919 100%);backdrop-filter: blur(10px); position: absolute; left: 0; top: 0; z-index: -1; transform: scaleX(0); transform-origin: right center; transition: var(--transition); transition-property: transform; transition-duration: 1s;} .business-hd>*:hover>*::before,.business-hd>*.on>*::before{transform: scaleX(1); transform-origin: left center;} .business-hd>* .icon{width: var(--size-50);filter: brightness(0) invert(1);} .business-hd>* span{display: block; width: calc(100% - var(--size-50)); padding-left: var(--size-20);} .business-cont>.left>.top{display: flex; align-items: center;padding-left: calc(var(--size-80) * 2); height: calc(100% - var(--size-110) * 5);} .public-title{font-weight: normal;} .public-title>.name{line-height: 100%;} .public-title>.name img{width: var(--size-30); margin-right: var(--size-15);} .business-cont>.right{width: calc(100% - var(--size-80) * 8); align-items: flex-end;} .business-bd{height: calc(var(--size-110) * 2); border-top: 1px solid var(--line-color);} .business-res{height: inherit; align-items: center; padding: 0 var(--size-80); justify-content: space-between;} .business-res>.right{width: calc(var(--size-90) * 2 + 5px);} .business-res>.left{width: calc(100% - (var(--size-90) * 2 + 5px)); padding-right: calc(var(--size-110) * 2);} .public-more1{height: var(--size-60); background-color: var(--color-dominant); aspect-ratio: 185/60; justify-content: space-between; padding: 0 var(--size-20); --bg:#fff;white-space: nowrap;} .public-more1 i{color: var(--color-dominant);} .case-info>.left{width: calc(var(--size-80) * 7);} .case-info>.left>.img{aspect-ratio: var(--aspect-case); transform-origin: left bottom; transition: var(--transition);} .swiper-initialized .case-info>.left>.img{transform: scale(0.4);} .case-info>.left>.img::before{content: ''; display: block; width: 100%; height: 100%;background: linear-gradient(180deg, rgba(15, 60, 125, 0.00) 66.57%, #0F3C7D 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%); position: absolute; left: 0; bottom: 0; right: 0; transition: var(--transition);} .case-banner>.bd>*.swiper-slide-active .case-info>.left>.img::before{opacity: 0;} .case-info>.left>.img>.icon{position: absolute; width: var(--size-50); left: var(--size-35); top: var(--size-35); z-index: 2; transform: scale(2.2); transform-origin: left top; transition: var(--transition);} .info-img{position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;} .info-img>.img{width: 77%; aspect-ratio: 516/332; position: absolute; left: 50%; bottom: var(--size-60); transform: translateX(-50%); overflow: hidden;} .info-img>.img>.hd1{position: relative; z-index: 2;} .info-img>.img>.bd{position: absolute; left: var(--size-20); top: var(--size-20); width: calc(100% - var(--size-40));aspect-ratio: 516/332;} .case-info>.right{width: calc(var(--size-80) * 8); padding: var(--size-90) var(--size-130) 0;} .case-text>.cont>*{line-height: 130%; margin-top: var(--size-20);} .case-text>.cont>*:first-child{margin-top: 0;} .case-text>.cont>* i{display: block;width: var(--size-30); color: var(--color-dominant); position: relative; top: 1px;} .case-text>.cont>* span{width: calc(100% - var(--size-30)); display: block;} .case-text>.cont>* .icon{height: calc(var(--size-20) - 2px); width: var(--size-30);} .case-text>.cont>* .icon img{height: 100%; width: auto;} .case-banner-btn{--bg:var(--color-dominant);--bg1:#fff; position: absolute; right: 0; top: var(--size-20); z-index: 2;} .case-banner>.bd>*{width: auto;} .case-info>.left>.img>.name{position: absolute; left: var(--size-40); right: var(--size-40); bottom: var(--size-60); transform: scale(2); transform-origin: left bottom; transition: var(--transition); width: 45%;} .case-banner>.bd>*.swiper-slide-active .case-info>.left>.img{transform: scale(1);} .case-banner>.bd>*.swiper-slide-active .case-info>.left>.img>.icon{transform: scale(1);} .case-banner>.bd>*.swiper-slide-active .case-info>.left>.img>.name{opacity: 0;} .case-banner:not(.swiper-initialized) .case-info>.left>.img>.icon{transform: scale(1);} .case-banner:not(.swiper-initialized) .case-info>.left>.img>.name{opacity: 0;} .index-case::before,.index-case::after{content: ''; display: block; position: absolute; left: calc(var(--size-80) * 8); top: 0; width: 1px; height: 100%; background-color: var(--color-line);} .index-case::after{left: auto; right: calc(var(--size-120) * 3.99);} .news-cont>*{width: 50%;} .index-news-item>*>*{aspect-ratio: var(--aspect-news); display: flex; flex-direction: column; justify-content: space-between; padding: var(--size-35) var(--size-55);} .index-news-item>*>*:hover{background-color: var(--color-dominant); color: #fff;} .index-news-item>* .time,.index-news-item>* .public-more{transition: var(--transition);} .index-news-item>*>*:hover .time,.index-news-item>*>*:hover .public-more{ color: #fff;} .index-news-item>*>*:hover .public-more{--bg:#fff; } .index-news-item>*>*:hover .public-more i{color: var(--color-dominant);} .index-news-item>*>*:hover .public-more i::before,.news-cont>.left>*:hover .public-more i::before{transform: scale(0.6) rotate(-45deg);} .index-news-item>*>*:hover .public-more i::after,.news-cont>.left>*:hover .public-more i::after{transform: scale(0.8);} .index-news-item>*{border-top: 1px solid var(--color-line);} .index-news-item>*:nth-child(1),.index-news-item>*:nth-child(2){border-top: none;} .news-cont>.left>*{aspect-ratio: var(--aspect-news); display: block; overflow: hidden; position: relative; height: 100%;} .news-cont>.left>*::before{content: ''; display: block; width: 100%; height: 100%;background: linear-gradient(180deg, rgba(15, 60, 125, 0.00) 50%, #0F3C7D 94.23%); position: absolute; left: 0; bottom: 0; z-index: 2;} .news-cont>.left>* .img{height: 100%;} .news-cont>.left>*:hover img{transform: scale(1.2);} .news-cont>.left>* .text{position: absolute; left: calc(var(--size-80) * 2); bottom: var(--size-50); z-index: 2; right: calc(var(--size-80) * 2);} .index-news{justify-content: space-between;} .index-case>.top{display: flex; align-items: center; padding: var(--size-100) 0 0;} .index-news>.top{padding: var(--size-130) 0 0;} .index-case>.l-container{height: 100%; justify-content: space-between;} .index-case>.l-container>.public-title{padding: var(--size-100) 0 0;} footer>.bg{position: absolute; right: 0; bottom: 0; width: 79%;} footer>.bg img{width: 100%;} .l-bg-gray{background-color: var(--bg-gray);} .footer-top{padding: var(--size-90) 0;} .footer-logo{display: block; width: clamp(93px,9.6875vw,372px);} .footer-center{justify-content: space-between;} .footer-ewm{text-align: center;} .footer-ewm>.img{width: calc(var(--size-75) * 2);} .footer-center .item>.title>*{display: flex; align-items: center; line-height: 100%;} .footer-center .item>.title>* .icon{width: var(--size-15); margin-right: calc(var(--size-10) - 2px);} .footer-center .item>.title>* .icon img{display: block;} .footer-center .item>.cont{margin-top: var(--size-30);} .footer-center .item>.cont>*{margin-top: var(--size-20); max-width: clamp(164px,17.083333333333332vw,656vw);} .index-case{min-height: 960px;} .case-cont{width: 100%;} .footer-bottom{margin-top: calc(var(--size-100) * 2); padding-bottom: var(--size-80); justify-content: space-between;} .footer-bottom>.left{align-items: center;} .footer-bottom>.left>*{margin-right: var(--size-20);} .return-top{text-align: center; position: relative;} .return-top .icon{width: var(--size-30); margin:0 auto var(--size-20);} .return-top::before{content: ''; display: block; width: calc(var(--size-90) * 3); aspect-ratio: 1/1; background-color: rgba(15, 60, 125, 0.05); position: absolute; left: 50%; top: var(--size-20); transform: translateX(-50%) rotate(45deg);} .case-text>*{transform: translateY(var(--size-50)); transition: var(--transition);} .case-text>.name{font-weight: normal;} .swiper-initialized .case-text>*{opacity: 0;} .case-banner>.bd>*.swiper-slide-active .case-text>*{transform: translateY(0); opacity: 1; transition-delay: 0.8s;} .case-banner>.bd>*.swiper-slide-active .case-text>*:nth-child(2){transition-delay: 0.9s;} .case-banner>.bd>*.swiper-slide-active .case-text>*:nth-child(3){transition-delay: 1s;} .case-banner>.bd>*.swiper-slide-active .case-text>*:nth-child(4){transition-delay: 1.1s;} .case-banner>.bd>*.swiper-slide-active ~ li{transform: translateX(-20.2%);} .case-banner>.bd>*.swiper-slide-active + li + li{transform: translateX(-104%);} .lh-ban-box{height: 100vh; position: relative;} .lh-ban{height: 100%; background-color: #000;} .lh-ban .img{height: 100%;} .lh-ban>.l-contaner{position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; text-align: center;} .l-font84{font-size: 84px; font-size: clamp(42px,4.375vw,168px);} .lh-ban>.l-contaner .nname{letter-spacing: var(--size-10);} .lh-ban>.l-contaner .name{letter-spacing: var(--size-30);} .lh-other-nav{height: var(--size-85); background-color: rgba(180, 25, 25, 0.81); position: relative; z-index: 9; margin-top: var(--size-85-);} .lh-other-nav>*{height: 100%;} .other-nav{height: 100%; align-items: center;} .other-nav>*{margin-right: var(--size-85); position: relative;} .other-nav>*::after{content: ''; display: block; width: 100%; height: 1px; background-color: #fff; position: absolute; left: 0; bottom: calc(var(--size-10-) / 2); transition: var(--transition); transform: scaleX(0);} .other-nav>*:last-child{margin-right: 0;} .other-nav>*.active::after{transform: scaleX(1);} .about-fullpage{aspect-ratio: 1920/900;} .res-r{position: absolute; right: 0; top: 0; bottom: 0; width: 50%;} .res-r>.img{height: 100%; width: 100%;} .res-r-total{position: absolute; left: var(--size-100); top: 0; bottom: 0; justify-content: space-between; align-items: center;} .res-r-total>*{display: flex; align-items: center; justify-content: center; flex: 1;} .res-r-total>* .icon{width: var(--size-50); margin-right: var(--size-30);} .res-r-total>* .num span{margin-left: var(--size-10);} .res-text>*{position: absolute; display: flex; align-items: center;} .res-text>*.text1{left: 41.66666666666667%; top: 34.44444444444444%;filter: blur(1.333022117614746px); opacity: 0.3;} .res-text>*.text2{right: 0; top: 47.77777777777778%;} .res-text>*.text3{right: 0; bottom: 0;filter: blur(3.42608642578125px); opacity: 0.66;} .res-text>* .a1{position: relative; left: var(--size-40); opacity: 0.16;} .res-text>* .a2{position: relative; z-index: 2;} .res-text>*.text3 .a2{top: calc(var(--size-10) / 2);} .res-l{width: 34%;} .l-font62{font-size: clamp(30px,3.229166666666667vw,124px);} .about-culture>.bg{position: absolute; left: 0; top: 0; right: 0; bottom: 0;} .about-culture>.bg img{width: 100%; height: 100%;} .culture-cont{justify-content: flex-end;} .culture-cont>.right{width: 50%; padding-left: var(--size-100);} .culture-cont>.right .icon{width: var(--size-70);} .culture-item{position: absolute; left: 0; bottom: 0; width: 50%; height: 50%; z-index: 3;} .culture-item>*{padding: var(--size-80); display: flex; flex-direction: column; justify-content: space-between;} .culture-item>* .icon{width: var(--size-70);} .about-culture .line1{position: absolute; left: 50%; top: 0; height: 100%; width: 1px; background-color: rgba(255, 255, 255, 0.30);} .about-culture .line2{position: absolute; left: 0; top: 50%; width: 50%; height: 1px;background-color: rgba(255, 255, 255, 0.30);} .about-culture .line3{position: absolute; left: 25%; top: 50%; width: 1px; height: 50%;background-color: rgba(255, 255, 255, 0.30); transform-origin: top center;} #lh-clouds{position: absolute; left: 0; top: 0%; right: 0; bottom: 0;pointer-events: none;mix-blend-mode: screen; opacity: 0.7;} #lh-clouds>*{mix-blend-mode: multiply;user-select:none;} .about-history{height: 100vh;aspect-ratio:auto;} .about-history>.l-container{justify-content: space-between; height: 100%;} .about-history>.l-container>.bottom{justify-content: flex-end;} .history-text{width: clamp(300px,28.229166666666668vw,1084vw);} .history-hd{position: absolute; left: 0; right: 0; top: var(--size-75); z-index: 3;} .history-hd img{width: 100%;} .history-hd .hd{position: absolute; left: 0; top: 0; width: 100%;clip-path: inset(0 90% 0 0);} .history-item>*{position: absolute; cursor: pointer;} .history-item>*>*{transition: var(--transition); display: block;} .history-item>*:nth-child(1){left: 15.2%; bottom: 15%;} .history-item>*:nth-child(2){left: 29.739583333333336%; bottom: 5.7%;} .history-item>*:nth-child(3){left: 51.5625%; bottom: 49.4%;} .history-item>*:nth-child(4){left:79.84375%; bottom: 50.8%;} .history-item>* i{content: ''; display: block; width: calc(var(--size-10) + 2px); aspect-ratio: 1/1; margin:var(--size-10) auto 0; position: relative;} .history-item>* i::after{content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: #fff; position: relative; z-index: 2;} .history-item>* i::before{content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: var(--color-dominant); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0); transition: var(--transition); z-index: 1;} .history-item>*.on i::before{transform: translate(-50%,-50%) scale(2);} .history-item>*.on>span{transform: translateY(var(--size-10-)) scale(1.3);} .honor-cont{--a-r:249/305; align-items: flex-end;} .honor-cont>.right{width: clamp(386px,40.208333333333336vw,1544px);} .honor-cont>.left{width: calc(100% - clamp(386px,40.208333333333336vw,1544px)); padding-right: var(--size-25);} .honor-l-banner{margin-left: var(--size-25-);} .honor-l-banner>.bd>*{width: 33.3%; padding-left: var(--size-25);} .honor-l-banner>.bd>* .img{aspect-ratio: var(--a-r); background-color: #fff; padding: var(--size-25); display: flex; align-items: center; justify-content: center;} .honor-l-banner>.bd>* .img img,.honor-banner .img img{height: auto; width: auto; display: block; max-height: 100%;} .honor-banner{aspect-ratio: 772/484; background-color: #fff;} .honor-banner>.bd>*>*{display: flex; padding:var(--size-40); height: 100%;} .honor-banner .img{aspect-ratio: var(--a-r); background-color: #fff; display: flex; align-items: center; justify-content: center; height: 100%;} .honor-banner .text{text-align: center; padding: var(--size-70) var(--size-30) 0 var(--size-100);} .honor-banner .text .icon{width: var(--size-40); margin: auto;} .honor-banner .text .name{display: flex; align-items: center; justify-content: center; line-height: 110%;} .honor-banner .text .name img{width: var(--size-30);} .honor-banner .text .name span{display: block; width: calc(100% - var(--size-60));} .honor-banner .text .ccont{line-height: 130%;} .honor-hd{justify-content: center;} .honor-hd>*{width: var(--size-25); aspect-ratio: 25/5; background-color: #C5C9D2; border-radius: 0; opacity: 1; transition: var(--transition); height: auto;} .honor-hd>*.on{background-color: var(--color-dominant);} .architecture-top{justify-content: center;} .architecture-top>*{border: 1px solid rgba(180, 25, 25, 0.27); background: rgba(180, 25, 25, 0.06); height: var(--size-90); aspect-ratio: 194/92; display: flex; align-items: center; justify-content: center;} .architecture-top>*>*{width: calc(100% - var(--size-40)); aspect-ratio: 154/50; background-color: var(--color-dominant);box-shadow: 0px 4px 4px 0px rgba(180, 25, 25, 0.05); color: #fff; display: flex; align-items: center; justify-content: center;} .architecture-bottom{border-top: 1px solid rgba(15, 60, 125, 0.27); justify-content: space-between; position: relative;} .architecture-top{position: relative; z-index: 2;} .architecture-cont{width: calc(100% - (var(--size-75) * 2 + 4px)); margin: auto;} .architecture-bottom>*{padding-top: var(--size-80); position: relative;} .architecture-bottom>*::before{content: ''; display: block; width: 1px; height: 100%; background-color: rgba(15, 60, 125, 0.27); position: absolute; left: 50%; top: 0;} .architecture-bottom>*:nth-child(1)::before{left: 0;} .architecture-bottom>*:last-child::before{left: auto; right: -1px;} .architecture-bottom>*>.top,.architecture-bottom>*>*.bottom>*{height: var(--size-60); width: calc(var(--size-75) * 2 + 4px); display: flex; align-items: center; justify-content: center; position: relative;background-color: var(--color-dominant1); color: #fff; line-height: 110%; margin: auto; text-align: center;} .architecture-bottom>*>.top::before,.architecture-bottom>*>*.bottom>*::before{content: ''; display: block; width: calc(100% + var(--size-40)); height:calc(var(--size-90) + 2px); border: 1px solid rgba(15, 60, 125, 0.27);background: rgba(9, 92, 212, 0.06); position: absolute; left: var(--size-20-); top: 50%; transform: translateY(-50%); z-index: -1;} .architecture-bottom>*>*.bottom>*{margin-top: var(--size-90); background-color: #FFF;box-shadow: 0px 4px 8.2px 0px rgba(15, 60, 125, 0.05); color: var(--color-dominant1);} .architecture-bottom>*:nth-child(1)>*{margin-left: calc(var(--size-75-) - 2px);} .architecture-bottom>*:last-child>*{margin-right: calc(var(--size-75-) - 2px);} .architecture-line{width: 1px; height: 100%; background-color: var(--color-line); position: absolute; left: 50%; top: 0;} .architecture-line>*{width: 1px; height: var(--size-80); background-color: var(--color-dominant); position: absolute; left: 50%; top: 0;} .news-hot>.bd>*>*{align-items: center; display: flex;} .news-hot>.bd>* .img{width: calc(var(--size-100) * 8);aspect-ratio: var(--aspect-news);} .news-hot>.bd>* .right{width: calc(100% - var(--size-100) * 8); padding: var(--size-20) var(--size-80);} .news-hot>.bd>*>*:hover img{transform: scale(1.1);} .news-hot>.bd>*>*:hover{color: var(--color-dominant);} .hot-hd{position: absolute; left: calc(var(--size-100) * 8 + var(--size-80)) !important; bottom: 0; width: auto !important; z-index: 2;} .hot-hd>*{margin-left: 0 !important; transition: var(--transition); margin-right: var(--size-10) !important;} .hot-hd>*.on{opacity: 1; background-color: var(--color-dominant);} .news-item{margin-top: var(--size-40);} .news-item>*>*{padding: var(--size-40) 0; border-top: 1px solid var(--color-line); display: flex; position: relative;} .news-item>*>*::before{content: ''; display: block; width: 100%; height: 1px; background-color: var(--color-dominant); position: absolute; left: 0; top: -1px; transform: scaleX(0); transform-origin: right center; transition: var(--transition); transition-property: transform; transition-duration: 1.2s;} .news-item>* .time{width: var(--size-110);} .news-item>* .img{width: calc(var(--size-85) * 5); aspect-ratio: var(--aspect-news);} .news-item>* .text{width: calc(100% - var(--size-85) * 5 - var(--size-110)); padding: var(--size-20) 0 var(--size-20) var(--size-60);} .news-item>*>*:hover{color: var(--color-dominant);} .news-item>*>*:hover img{transform: scale(1.1);} .news-item>*>*:hover::before{transform: scaleX(1); transform-origin: left center;} .news-page{align-items: center; justify-content: center;} .news-page>*{margin: 0 var(--size-10); width: var(--size-45); aspect-ratio: 1/1; border: 1px solid var(--color-line); display: flex; align-items: center; justify-content: center; color: #5F5F5F;} .news-page>*.iconfont::before{transform: scale(0.7);} .news-page>*.prev{transform: rotate(180deg);} .news-page>*:hover,.news-page>*.active{background-color: var(--color-dominant); border-color: var(--color-dominant); color: #fff;} .news-page>*.disabled{cursor: auto; background-color: transparent; color: #5F5F5F; border-color: var(--color-line);} .lh-detail{padding-top: var(--size-110);} .lh-detail>*{padding-top: var(--size-70);} .lh-detail>.right{width: calc(var(--size-100) * 5);} .lh-detail>.left{width: calc(100% - var(--size-100) * 5); border-right: 1px solid var(--color-line); padding-left: calc(var(--size-80) * 2); padding-right: var(--size-100);} .detail-info>.nname{align-items: center;} .detail-info>.nname>*{margin-right: var(--size-15);} .detail-info>.nname>*:last-child{margin-right: 0;} .detail-info>.cont{margin-top: var(--size-40); padding-top: var(--size-40); position: relative; padding-bottom: var(--size-100);} .detail-info>.cont::before{content: ''; display: block; width: calc(100% + var(--size-100)); height: 1px; background-color: var(--color-line); position: absolute; left: 0; top:0;} .detail-news>*{border-top: 1px solid var(--color-line);} .detail-news>*:first-child{border: none;} .detail-news>*:first-child>*{padding-top: 0;} .detail-news>*>*{display: block; padding: var(--size-50) var(--size-60);} .detail-news>* .img{aspect-ratio: var(--aspect-news); overflow: hidden;} .detail-news>*>*:hover img{transform: scale(1.1);} .detail-news>*>*:hover{color: var(--color-dominant);} .detail-news>* .time i{position: relative; top: -2px; margin:0 2px 0 4px;} .business-item>.item{aspect-ratio: 1920/800;} .business-item>.item>.l-container{align-items: center; height: 100%;} .business-text{width: clamp(285px,29.6875vw,1140px);} .business-r{position: absolute; right: 0; bottom: 0; top: 0; display: flex; align-items: flex-end; justify-content: flex-end;} .business-label{position: absolute; right: var(--size-100); top: var(--size-60); color: var(--color-dominant1); line-height: 130%;flex-wrap: nowrap;} .business-label>*{width: var(--size-140); aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; text-align: center; position: relative;} .business-label>*>*{position: relative; z-index: 2;} .business-label>*::before{content: ''; display: block; width: 100%; height: 100%; background: url(../img/business/icon1.png) no-repeat center; background-size: cover; position: absolute; left: 0; top: 0; animation: rotate linear 8s infinite;} .business-label>*:nth-child(2){animation-duration: 8.1s;} .business-label>*:nth-child(3){animation-duration: 8.2s;} .business-label>*:nth-child(4){animation-duration: 8.3s;} .business-label>*:nth-child(5){animation-duration: 8.4s;} .business-label>*:nth-child(6){animation-duration: 8.5s;} .business-label>*:nth-child(7){animation-duration: 8.6s;} .business-label>*:nth-child(8){animation-duration: 8.7s;} @keyframes rotate{ to{transform: rotate(360deg);} } .business-r>.img{width: clamp(536px,55.833333333333336vw,2144px); display: flex; justify-content: center; align-items: flex-end;} .business-r>.img img{width: auto; height: auto;} .lh-bdetail{background-color: #F0F3F8;} .bdetail-top{padding: var(--size-140) 0 var(--size-70);} .bdetail-top>.l-container{justify-content: space-between;} .bdetail-top>.l-container>.right{width: calc(var(--size-100) * 8);} .bdetail-top>.l-container>.left{width: calc(100% - var(--size-100) * 8); padding-right:calc(var(--size-80) * 2); padding-top: var(--size-15);} .bdetail-top>.l-container>.left .business-text{width: 100%;} .bdetail-top-banner{aspect-ratio: 800/498; background-color: #fff; border: var(--size-10) solid #fff; position: relative;} .bdetail-top-banner img{width: 100%; height: 100%;} .bdetail-top-hd{position: absolute; left: 0; right: 0; bottom: var(--size-30) !important; z-index: 2;} .bdetail-hd{display: flex; align-items: center; justify-content: center;} .bdetail-hd>*{width: var(--size-25); aspect-ratio: 25/5; background-color: #fff; opacity: 1; border-radius: 0; height: auto; transition: var(--transition);} .bdetail-hd>*.on{background-color: var(--color-dominant);} .business-text>.icon{width: var(--size-75);} .bdetail-top>.bg{position: absolute; left: 0; right: 0; bottom: calc(var(--size-120-) * 2); pointer-events: none;} .bdetail-top>.bg img{width: 100%;} .advantage-cont>.center,.advantage-item>*>.center{width: calc(var(--size-95) * 2 + 5px); background-color: #EEF7FE;} .advantage-cont>.left,.advantage-cont>.right,.advantage-item>*>.left,.advantage-item>*>.right{width: calc(50% - (var(--size-95) + 3px));} .advantage-item>*>.left{background-color: #FFF;} .advantage-item>*>.right{background-color: #FFF5F5;} .advantage-cont>*>.title{display: flex; align-items: center; justify-content: center; height: var(--size-80); position: relative;} .advantage-cont>.right>.title{background-color: var(--color-dominant);} .advantage-cont>.left>.title{background: linear-gradient(90deg, #F7F7F7 0%, #C5C5C5 100%);} .advantage-cont>.center>.title{background-color: var(--color-dominant1); color: #fff; padding-top: 8%;} .advantage-cont>.center>.title::after{content: ''; display: block; width: 100%; height: var(--size-20); background-color: var(--color-dominant1); position: absolute; left: 0; top: 100%; right: 0;clip-path: polygon(0 0, 50% 100%, 100% 0);} .advantage-cont .info{display: none;} .advantage-item>*>*{padding: var(--size-25) var(--size-35); display: flex; position: relative; align-items: center;} .advantage-item>*>*::after{content: ''; display: block; height: 1px; background-color: var(--color-line); position: absolute; left: var(--size-35); right: var(--size-35); top: 0;} .advantage-item>*>*.center::after{left: var(--size-25); right: var(--size-25);} .advantage-item>*:first-child>*::after{display: none;} .advantage-item>* .icon{width: var(--size-30);} .advantage-item>* .text{width: calc(100% - var(--size-30)); padding-left: var(--size-25);} .advantage-item>*>.center{text-align: center; justify-content: center; padding-left: var(--size-15); padding-right: var(--size-15);} .advantage-item>*>.center span{font-size: clamp(12px,0.7291666666666666vw,28px);} .fun-item>.item{margin-top: var(--size-30); background-color: #fff; padding: var(--size-50);} .fun-item>.item>.right{width: calc(var(--size-110) * 5);} .fun-item>.item>.left{width: calc(100% - var(--size-110) * 5); padding-right: calc(var(--size-95) * 2); padding-top: var(--size-50);} .fun-banner>.bd>*{aspect-ratio: 800/498;} .fun-banner>.bd>* img{width: 100%; height: 100%;} .fun-item>.item>.left .name::after{content: ''; display: block; width: var(--size-30); aspect-ratio: 30/3; background-color: var(--color-dominant); position: absolute; left: 0; bottom: var(--size-20-);} .fun-hd>*{background-color: #C5C9D2;} .case-item>*>*{display: block; padding: var(--size-70);} .case-item>* .img{aspect-ratio: var(--aspect-case1);} .case-item>* .label{position: relative; padding-left: var(--size-15);} .case-item>* .label::before{content: ''; display: block; width: 5px; aspect-ratio: 5/13; background-color: var(--color-dominant); position: absolute; left: 0; top: 50%; transform: translateY(-50%);} .case-item>* .btn i{display: flex; align-items: center; justify-content: center; width: var(--size-50); aspect-ratio: 1/1; border: 1px solid var(--color-dominant); color: var(--color-dominant); transition: var(--transition);} .case-item>* .btn i::before{display: block; transform: scale(0.7);} .case-item>* .name{margin-top: calc(var(--size-10) / 2);} .case-item>*>*:hover img{transform: scale(1.1);} .case-item>*>*:hover .btn i{background-color: var(--color-dominant); color: #fff;} .case-item{width: calc(100% + 4px);} .case-item>*{border: 1px solid var(--color-line); margin-left: -1px; margin-top: -1px;} .lh-cdetail{padding-top: var(--size-110);} .cdetail-top .bdetail-top-banner{aspect-ratio: var(--aspect-case1); border: none;} .cdetail-top>.l-container>.left{padding-top: var(--size-25);} .cdetail-text>.cont>*{line-height: 130%; margin-top: var(--size-20);} .cdetail-text>.cont>* i{display: block; width: var(--size-30);color: var(--color-dominant); position: relative; top: 1px;} .cdetail-text>.cont>* span{width: calc(100% - var(--size-30));display: block;} .cdetail-bottom{position: relative; z-index: 2; background-color: #fff;} .cdetail-bottom-top{height: var(--size-130); align-items: center; justify-content: space-between; padding: 0 var(--size-70);} .cdetail-top{padding-top: var(--size-70);} .cooperate-item>*{aspect-ratio: 1920/850; background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;} .cooperate-item>*>*,.cooperate-text{height: 100%;} .cooperate-text .lin{width: 1px; background-color: rgba(255, 255, 255, 0.26); margin-left: auto; margin-right: auto; position: relative; transform-origin: center top;} .cooperate-text .icon{width: calc(var(--size-90) + 2px); margin-top: var(--size-20); position: relative;} .cooperate-text .icon i{width: var(--size-10); aspect-ratio: 1/1; border-radius: 50%; background-color: #2E79E5; display: block; position: absolute; left: 50%; top: calc(var(--size-10-) / 2.5); margin-left: calc(var(--size-10-) / 2);} .cooperate-text .lin1{height: 11.76470588235294%;} .cooperate-text .lin2{height: 50.23529411764706%; margin: var(--size-30) auto; background: none;} .cooperate-item>*:nth-child(1) .lin1{opacity: 0;} .cooperate-text .lin2>*{height: 100%;background-color: rgba(255, 255, 255, 0.26); display: block; width: 1px;} .cooperate-text .lin2::before,.cooperate-text .lin2::after{content: ''; display: block; width: 5px; aspect-ratio: 1/1; border-radius: 50%; background-color: rgba(255, 255, 255, 0.26); position: absolute; left: 50%; bottom: calc(100% + var(--size-15) - 3px); transform: translateX(-50%);} .cooperate-text .lin2::after{bottom: auto; top: calc(100% + var(--size-15) - 3px);} .cooperate-text .num{line-height: 80%; text-align: center;} .cooperate-text .lin3{height: 14%; margin-top: var(--size-20);} .cooperate-text>.right{width: calc(var(--size-80) * 7); margin-left: var(--size-20); padding-top: calc(var(--size-130) + 5px);} .cooperate-text .ccont{position: relative;} .cooperate-text .ccont::before{content: ''; display: block; width: 105%; height: 1px; background-color: rgba(255, 255, 255, 0.26); position: absolute; left: 0; top: var(--size-20-);} .lh-contact>*,.contact-item{height: 100%;} .contact-item>*{flex: 1; display: flex; align-items: center; position: relative; padding-right: var(--size-140);} .contact-item>* .icon{width: var(--size-55);} .contact-item>* .nname{display: block;} .contact-item>*::before{content: ''; display: block; width: calc(100% + calc(100vw - clamp(815px,84.89583333333334vw,3260px))); position: absolute; right: 0; top: 0; height: 1px; background-color: var(--color-line);} .contact-item{border-right: 1px solid var(--color-line);} .lh-contact>*>.left{width: calc(var(--size-120) * 4);} .lh-contact>*>.right{width: calc(100% - var(--size-120) * 4); padding: var(--size-100) 0 0 var(--size-140);} .message-input>*.right{width: clamp(235px,24.479166666666664vw,940px);} .message-input>*.left{width: calc(100% - clamp(235px,24.479166666666664vw,940px)); padding-right: var(--size-20);} .message-item>*{margin-top: var(--size-20); position: relative; display: flex; align-items: center;} .message-item>*:first-child{margin-top: 0;} .message-item>* input{height: var(--size-60); background-color: #fff; border: none; padding: 0 var(--size-35);} .message-input>*.right textarea{height: 100%;background-color: #fff; border: none; padding: var(--size-20) var(--size-35); line-height: 130%;} .submit-btn{height: var(--size-55); border-radius: 10px; background-color: var(--color-dominant); display: flex; align-items: center; justify-content: center; color: #fff;} .submit-btn button{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; cursor: pointer;} .message-item>* i{color: #F00; position: absolute; left: -15px;} .nav-btn{display: none;} .about-total>*:first-child{margin-top: 0;} .lh-ban .text{opacity: 0;} .lh-contact{height: calc(100vh - var(--size-110)); min-height: 800px;} .header-oa{margin-left: var(--size-20); text-decoration: underline;} .header-oa:hover{color: var(--color-dominant);} .lh-header>.right{align-items: center;} /* 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){ .public-fullpage{height: auto; min-height: inherit; aspect-ratio: 1920/960;} } @media screen and (max-width: 1500px){ } @media screen and (max-width: 1200px){ } /*手机*/ @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; } .lh-header{padding-left: 15px; padding-right: 15px; background-color: #fff;} .lh-logo>*:nth-child(2){opacity: 1;} .lh-logo>*:nth-child(1){opacity: 0;} .lh-nav{position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; background-color: #fff; color: #333; display: block; padding-top: 30%; pointer-events: none; opacity: 0; transition: var(--transition); transition-duration: 0.2s;} .lh-nav>*{margin: 10% 0; text-align: center;} .lh-header>.right{align-items: center;} .nav-btn{display: block; margin-left: var(--size-20); position: relative; z-index: 2;height: 32px; width: 32px; background: var(--color-dominant1); display: flex ; align-items: center; justify-content: center; flex-direction: column; overflow: hidden;} .nav-btn::before,.nav-btn::after,.nav-btn i{content: ''; display: block; width: 20px; height: 2px; background-color: #fff; transition: var(--transition); position: relative; z-index: 3;} .nav-btn i{margin: 4px 0;} .nav-btn span{position: absolute; left: -10px; top: -10px; bottom: -10px; right: -10px; background: linear-gradient(to right,#03a9f4,#f441a5,#ffeb3b,#09a8f4); background-size: 400%; filter: blur(10px); animation: btnHover linear 6s infinite;} @keyframes btnHover{ 100%{background-position: -400% 0;} } .on .lh-nav{pointer-events: auto; opacity: 1;} .on .nav-btn i{transform: scaleX(0);} .on .nav-btn::before{transform: translate(0,6px) rotate(45deg);} .on .nav-btn::after{transform: translate(0,-6px) rotate(-45deg);} .index-banner-box{height: auto; min-height: auto; aspect-ratio: 1/1;} .banner-text>*{left: 15px;} .public-banner-btn>*::before{border-width: 1px;} .l-container{width: 100%;} .public-fullpage{aspect-ratio: auto;} .index-about>*{width: 100%;} .about-l>.right{padding: var(--size-50);} .index-business{aspect-ratio: 1/1;} .business-cont>.left{width: auto; border: none; align-items: center; justify-content: center;} .business-cont>.left>.top{padding-left: var(--size-40);} .case-cont{margin-top: var(--size-40);} .case-info>.right{padding: var(--size-30) 0;} .case-banner>.bd>*.swiper-slide-active ~ li,.case-banner>.bd>*.swiper-slide-active + li + li{transform: translateX(15px);} .case-banner-btn{top: var(--size-100-);} .index-news>.bottom{margin-top: var(--size-40);} .news-cont>.left>* .text{left: var(--size-55);} .index-news-item>*{border-left: 1px solid var(--color-line);} .index-news-item>*>* .btn{margin-top: var(--size-30);} .lh-ban-box{aspect-ratio: 1/1; height: auto;} .other-nav>*{margin-right: var(--size-30);} .about-fullpage{aspect-ratio: auto;} .res-r{position: relative;} .about-res{padding-bottom: 0;} .culture-cont>.right{padding-left: 0; margin-top: var(--size-40);} .culture-item{position: relative; height: auto; margin-top: var(--size-40);} #lh-clouds{opacity: 0;} .culture-item>*{padding: 15px;} .history-hd{top: 20vh;} .about-history{height: 80vh;} .history-item>*:nth-child(1){left: 9%; bottom: 13%;} .history-item>*:nth-child(2){bottom: 10%;} .history-item>*:nth-child(3){bottom: 40%;} .history-item>*:nth-child(4){bottom: 63%;} .honor-cont>.right{margin-top: var(--size-40);} .architecture-cont{width: 150vw; margin-left: -28.5vw; transform: scale(0.5);} .architecture-line{background: none;} .architecture-line>*{top: calc(var(--size-100) * 3.84); height: var(--size-50);} .architecture-bottom>*>.top, .architecture-bottom>*>*.bottom>*{height: var(--size-80);} .architecture-bottom>*>.top::before, .architecture-bottom>*>*.bottom>*::before{height: var(--size-120);} .architecture-top>*{height: var(--size-120);} .footer-center{position: relative;} .footer-center>.item{display: none;} .footer-center>.item:nth-child(6){display: block;} .footer-center .item>.cont>*{max-width: 80%;} .footer-ewm{position: absolute; right: 0; top: 0;} .footer-bottom{margin-top: var(--size-40);} .footer-bottom>.left>*,.footer-bottom>.left{display: block;} .footer-bottom>.left>*{margin-top: var(--size-10);} .return-top::before{top: var(--size-60);} .return-top{position: relative; padding-top: var(--size-40); display: block;} .news-hot>.bd>*>*{display: block;} .news-hot>.bd>* .img{width: 100%;} .news-hot>.bd>* .right{width: 100%; padding: var(--size-40) 0;} .lh-detail>.left{padding-left: 15px;padding-right:15px;} .other-nav{overflow-x:auto; width: calc(100% + 30px); margin-left: -15px; padding: 0 15px; flex-wrap: nowrap;white-space: nowrap;} .other-nav::-webkit-scrollbar{display: none;} .business-item>.item{aspect-ratio: auto; padding: var(--size-50) 0;} .business-r{position: static; display: block;} .business-label{position: static;flex-wrap:wrap;} .business-r>.img{width: 100%; position: absolute; right: 0; bottom: 0; opacity: 0.05;} .business-r{margin-top: var(--size-30);} .business-label>*{width: calc(var(--size-90) * 2);} .bdetail-top>.l-container>.right{margin-top: var(--size-40);} .cdetail-top>.l-container>.left{padding-right: 0;} .cooperate-item>*{background-attachment: initial; aspect-ratio: auto; padding-bottom: var(--size-50);} .cooperate-text .lin3{height: 16%;} .cooperate-text>.right{padding-top: var(--size-120);} .contact-item{border: none; display: block;} .contact-item>*{padding-right: 0; display: block; margin-top: var(--size-40);} .contact-item>*>*{display: flex; align-items: center;} .contact-item>* .icon{width: var(--size-80);} .contact-item>* .text{width: calc(100% - var(--size-80)); padding-left: var(--size-20);} .contact-item>* .nname{line-height: 130%;} .lh-contact>*>.right{padding: var(--size-80) 0;} .message-input>*.left{padding-right: 0;} .message-input>*.right{margin-top: var(--size-20);} .message-item>* input,.submit-btn{height: var(--size-80);} .message-input>*.right textarea{height: calc(var(--size-80) * 2);} .message-item>* i{left: -10px;} .bdetail-top>.l-container>.left,.fun-item>.item>.left{padding-right: 0;padding-top: 0;} .header-oa{display: none;} .fun-item>.item>.right{margin-top: var(--size-40);} .news-cont>*,.res-r,.res-l,.culture-item,.culture-cont>.right,.honor-cont>.right,.lh-detail>.left,.lh-detail>.right,.detail-info>.cont::before,.cdetail-top>.l-container>.left,.business-text,.case-item>*,.bdetail-top>.l-container>.right,.lh-contact>*>.left,.lh-contact>*>.right,.message-input>*.left,.message-input>*.right,.bdetail-top>.l-container>.left,.bdetail-top>.l-container>.right,.fun-item>.item>.left,.fun-item>.item>.right{width: 100%;} .business-cont>.left .bottom,.business-cont>.right,.index-case::before, .index-case::after,.about-culture .line,.history-hd .hd,.honor-cont>.left{display: none;} /*平板*/ @media screen and (min-width:768px){ .l-font18{font-size: 2.4vw;} .l-font20{font-size: 2.8vw;} .l-font24{font-size: 3.2vw;} .l-font46{font-size: 6.133333333333333vw;} .nav-btn::before,.nav-btn::after,.nav-btn i{width: 30px;} .nav-btn i{margin: 8px 0;} .lh-nav{padding-top: 20%;} .on .nav-btn::before{transform: translate(0,10px) rotate(45deg);} .on .nav-btn::after{transform: translate(0,-10px) rotate(-45deg);} .index-banner-box{aspect-ratio: 2/1.5;} .case-info>.left,.case-info>.right{width: 50%;} .case-info>.right{padding:0 var(--size-30);} .case-text>.name{margin-top: 0;} .case-text>.cont{margin-top: var(--size-20);} .news-item>* .time{width: var(--size-60);} .news-item>* .img{width: calc(var(--size-85) * 4);} .news-item>* .text{width: calc(100% - var(--size-85) * 4 - var(--size-60)); padding-left: var(--size-30);} } /*手机*/ @media screen and (max-width:767px){ .header-tel{height: 32px;} .lh-nav{font-size: var(--size-35);} .banner-text>* .nname{font-size: 30px;} .case-info>.left,.case-info>.right{width: 100%;} .news-item>*>*{display: block;} .news-item>* .img,.news-item>* .text{width: 100%;} .news-item>* .text{padding: var(--size-30) 0 0;} .news-item>* .time{position: absolute; right: var(--size-10); top: var(--size-60); color: var(--color-dominant);} .news-item>* .time p{color: var(--color-dominant);} .lh-ban>.l-contaner .nname{font-size: var(--size-70);} } }