@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: "op"; src: url("../font/OPPOSans3.0cn-Regular.woff2") format("woff2"); font-weight: normal; font-style: normal; } @font-face { font-family: "misans"; src: url("../font/MiSans-Regular.woff") format("woff"); font-weight: normal; font-style: normal; } .misans{font-family: "misans";} @font-face { font-family: "misansb"; src: url("../font/MiSans-Bold.woff") format("woff"); font-weight: normal; font-style: normal; } .misansb{font-family: "misansb";} @font-face { font-family: "hg"; src: url("../font/Hanken Grotesk.TTF") format("truetype"); font-weight: normal; font-style: normal; } .hg{font-family: "hg";} @font-face { font-family: "bone"; src: url("../font/Bak Bak Regular_mianfeiziti.com.otf") format("truetype"); font-weight: normal; font-style: normal; } .bone{font-family: "bone";} :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,14px); /*color*/ --color-dominant:#0C798E; --color-dominant1:#F08519; --color-hover:#DB7612; --color-fill:#000; --color-white:#fff; --color-black:#000; --color-gray3:#292E36; --color-gray6:#666; --color-gray9:#7A8799; --line-color:#CACACA; /*bg*/ --bg:#F6F6F6; --body-color:#000; --bg-gray:#fbfbfb; --bg-scroll:#F08519; --bg-overlay:#000; /*input*/ --placeholder:#dbdbdb; --input-border-color:#eee; --border-radius:0px; --news-img:300/160; /*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-ratio:1/1; /*size*/ --size-10:clamp(5px,0.5208333333333333vw,10px); --size-15:clamp(7px,0.78125vw,15px); --size-20:clamp(10px,1.0416666666666665vw,20px); --size-25:clamp(12px,1.3020833333333335vw,25px); --size-30:clamp(15px,1.5625vw,30px); --size-35:clamp(17px,1.8229166666666667vw,35px); --size-40:clamp(20px,2.083333333333333vw,40px); --size-45:clamp(22px,2.34375vw,45px); --size-50:clamp(25px,2.604166666666667vw,50px); --size-55:clamp(25px,2.864583333333333vw,55px); --size-60:clamp(30px,3.125vw,60px); --size-65:clamp(32px,3.3854166666666665vw,65px); --size-70:clamp(35px,3.6458333333333335vw,70px); --size-75:clamp(37px,3.90625vw,75px); --size-80:clamp(40px,4.166666666666666vw,80px); --size-85:clamp(42px,4.427083333333334vw,85px); --size-90:clamp(45px,4.6875vw,90px); --size-95:clamp(47px,4.947916666666666vw,95px); --size-100:clamp(50px,5.208333333333334vw,100px); --size-110:clamp(55px,5.729166666666666vw,110px); --size-120:clamp(60px,6.25vw,120px); --size-130:clamp(65px,6.770833333333333vw,130px); --size-140:clamp(70px,7.291666666666667vw,140px); --size-10-:clamp(-10px,-0.5208333333333333vw,-5px); --size-15-:clamp(-15px,-0.78125vw,-7px); --size-20-:clamp(-20px,-1.0416666666666665vw,-10px); --size-25-:clamp(-25px,-1.3020833333333335vw,-12px); --size-30-:clamp(-30px,-1.5625vw,-15px); --size-35-:clamp(-35px,-1.8229166666666667vw,-17px); --size-40-:clamp(-40px,-2.083333333333333vw,-20px); --size-45-:clamp(-45px,-2.34375vw,-22px); --size-50-:clamp(-50px,-2.604166666666667vw,-25px); --size-55-:clamp(-55px,-2.864583333333333vw,-25px); --size-60-:clamp(-60px,-3.125vw,-30px); --size-65-:clamp(-65px,-3.3854166666666665vw,-32px); --size-70-:clamp(-70px,-3.6458333333333335vw,-35px); --size-75-:clamp(-75px,-3.90625vw,-37px); --size-80-:clamp(-80px,-4.166666666666666vw,-40px); --size-85-:clamp(-85px,-4.427083333333334vw,-42px); --size-90-:clamp(-90px,-4.6875vw,-45px); --size-95-:clamp(-95px,-4.947916666666666vw,-47px); --size-100-:clamp(-100px,-5.208333333333334vw,-50px); --size-110-:clamp(-110px,-5.729166666666666vw,-55px); --size-120-:clamp(-120px,-6.25vw,-60px); --size-130-:clamp(-130px,-6.770833333333333vw,-65px); --size-140-:clamp(-140px,-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===*/ 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);}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(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;}.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: 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;} .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{width: 1530px; width: clamp(765px,79.6875vw,1530px); padding-left: 15px; padding-right: 15px; margin: auto; position: relative; z-index: 2;} .lh-login{position: fixed;left: 0;top: 0;width: 100%;height: 100%;} .lh-login::before{content: ''; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.2); position: absolute; left: 0; top: 0; z-index: 3;} .login-video{width: 100%; height: 100%; object-fit: fill; z-index: -1;} .login-content{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 4;} .login-header{position: absolute; left: 0; top: 0; right: 0;background: linear-gradient(180deg, #0C798E 0%, rgba(12, 121, 142, 0.00) 87.2%); padding: var(--size-60) 0;} .login-header .l-container{justify-content: space-between;} .login-header .logo{width: clamp(100px,12.447916666666666vw,239px);} .login-right{position: absolute; right: var(--size-50); top:50%; transform: translateY(-50%); width:var(--size-95);min-width: 100px; --icon-width:clamp(40px,2.7083333333333335vw,52px);--bg: linear-gradient(0deg,rgba(255,255,255,.5),var(--color-dominant)); z-index: 3; opacity: 0;} .login-right .top{display: flex; align-items: center; justify-content: center;aspect-ratio: 95/118; border-radius: var(--size-20);background: linear-gradient(180deg, #0C798E 0%, #719AA3 100%); color: #fff;position: relative; z-index: 2;} .login-right .top .icon{width: var(--icon-width); margin: auto;} .login-right .top .name{margin-top: 4px;} .login-right .bottom{background: rgba(53, 61, 64, 0.70); border-radius:0 0 var(--size-50) var(--size-50);backdrop-filter: blur(2.5px); padding: var(--size-25) 0; margin-top: var(--size-25-); display: flex; align-items: center; justify-content: center;} .login-right-item>li{margin-top: var(--size-25); position: relative;} .login-right-item>li>a{display: flex; align-items: center; justify-content: center;} .login-right-item>li>a .icon{width:var(--icon-width); aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; margin: auto; position: relative; --radius:var(--size-20);} .login-right-item>li>a .icon i{position: relative; z-index: 2; color: #fff; font-size: calc(var(--size-20) + 4px);} .login-right-item>li>a .icon img{position: relative; z-index: 2;} .login-right-item>li>a .icon::before{content: ''; display: block; width: 100%; height: 100%; border: 1px solid var(--color-dominant); position: absolute; left: 0; top: 0;border-radius: var(--radius); opacity: 0; transition: var(--transition);} .login-right-item>li>a .icon::after{content: ''; display: block; width: 100%; height: 100%; background: var(--bg); position: absolute; left: 0; top: 0;border-radius: var(--radius); transition: var(--transition);} .login-right-item>li .name{margin-top: var(--size-10); color:#fff;} .login-right-item>li a:hover .icon::before{opacity: 1;} .login-right-item>li a:hover .icon::after{opacity: 0;} .login-ewm-layer{position: absolute; right: var(--size-25-); bottom: var(--size-25-); z-index: 2;border-radius: var(--size-20) var(--size-20) var(--size-50) var(--size-20);background: linear-gradient(180deg, rgba(255, 255, 255, 0.50) 0%, #0C798E 100%);backdrop-filter: blur(5px); padding: var(--size-30); width: clamp(310px,26.5625vw,510px); opacity: 0; pointer-events: none; color: #fff;} .fixed-item>* .login-ewm-layer{right: 0; bottom: 0;} .login-right-item>li:hover .login-ewm-layer{opacity: 1; transition: var(--transition);} .login-ewm-layer .ewm-item{margin-left: var(--size-20-);} .login-ewm-layer .ewm-item li{padding-left: var(--size-20); margin-bottom: var(--size-20); text-align: center;} .login-ewm-layer .ewm-item li>*{border-radius: var(--size-10);border: 1px solid #FFF;background: linear-gradient(0deg, rgba(255, 255, 255, 0.00), rgba(255, 255, 255, 0.90));backdrop-filter: blur(7.5px); padding: var(--size-10);} .login-ewm-layer .ewm-item li .name{margin-top: 5px;} .login-ewm-layer.index{right: 100%; bottom: 0; border-radius: var(--size-20) 0 0 var(--size-20);background: rgba(122, 135, 153, 0.90);box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);backdrop-filter: blur(5px); padding: var(--size-30) var(--size-30) var(--size-10);} .ewm-bottom{justify-content: flex-end; align-items: center; color: #fff; font-size: var(--size-20); font-weight: 600;} .ewm-bottom .icon{width: calc(var(--size-50) - 2px); margin-left: var(--size-10);} .login-bottom{position: absolute; left: 0; right: 0; bottom: var(--size-120);} .login-quick{justify-content: space-between; margin-top: var(--size-110); margin-left: var(--size-20-); opacity: 0;} .login-quick li{margin-top: var(--size-20);--bg:linear-gradient(180deg, rgba(33, 189, 220, 0.70) 0%, rgba(12, 121, 142, 0.70) 100%); position: relative; padding-left: var(--size-20);} .login-quick a{display: flex; align-items: center; justify-content: center; border-radius: var(--size-15);background: var(--bg);backdrop-filter: blur(5px); color: #fff; aspect-ratio: 1/1; width: 100%; position: relative; overflow: hidden;} .login-quick a::after{content: ''; display: block; width: 150%; height: 150%; background-color: rgba(255,255,255,0.1); position: absolute; left: 50%; top: 50%; border-radius: 50%; transform: translate(-50%,-50%) scale(0); transition: var(--transition);} .login-quick a:hover::after{transform:translate(-50%,-50%) scale(1); } .login-quick a:hover .icon{transform: translateY(var(--size-30)) scale(1.5); opacity: 0.2;} .login-quick a:hover .name{transform: translateY(var(--size-30-));} .login-quick .icon{display: flex; align-items: center; justify-content: center; height: var(--size-55); justify-content: center; transition: var(--transition);} .login-quick .icon img{max-height: 100%; width: auto;} .login-quick .name{margin-top: var(--size-20); transition: var(--transition); position: relative; z-index: 2; font-size: clamp(12px, 1.0416666666666665vw, 20px);} .login-quick .bg3{--bg:linear-gradient(180deg, rgba(255,194,195, 0.7) 0%, rgba(118,150,244, 0.70) 100%);} .login-quick .bg3 a::before{content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/login-quick-bg.png) no-repeat center; background-size: cover; border-radius: var(--size-15); z-index: -1; opacity: 0.5; pointer-events: none;} .login-quick .bg2{--bg:linear-gradient(180deg, rgba(94, 99, 102, 0.7) 0%, rgba(14, 101, 183, 0.70) 100%); } .login-quick .bg4{--bg:linear-gradient(180deg, rgba(255, 171, 86, 0.70) 0%, rgba(30, 161, 182, 0.70) 100%); } .login-quick .bg5{--bg:linear-gradient(180deg, rgba(189, 71, 73, 0.70) 0%, rgba(39, 150, 225, 0.70) 100%); } .login-quick .bg6{--bg:linear-gradient(180deg, rgba(119, 152, 255, 0.70) 0%, rgba(39, 200, 225, 0.70) 100%); } .login-quick .bg7{--bg:linear-gradient(180deg, rgba(80, 229, 205, 0.60) 0%, rgba(53, 67, 195, 0.60) 100%); } .login-quick .bg8{--bg:linear-gradient(180deg, rgba(235, 255, 193, 0.70) 0%, rgba(39, 150, 225, 0.70) 100%); } .login-bottom-home{width: calc(130px + var(--size-50)); aspect-ratio: 1/1; position: relative; margin: auto; color:#fff; opacity: 0;} .login-bottom-home .bg img:nth-child(1){position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%);} @keyframes rotate{ to{transform: translate(-50%,-50%) rotate(360deg);} } .login-bottom-home .bg img:nth-child(2){position: relative; z-index: 2;} .login-bottom-home .text{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; z-index: 3;} .login-bottom-home .text h3{font-size: clamp(16px,1.0416666666666665vw,20px); font-weight: 600;} .login-banner{width: 100%;} .login-weather{opacity: 0;} .login-weather .top,.login-weather .bottom{align-items: center;} .login-weather .top{justify-content: space-between;} .weather-time{font-size: var(--size-45);} .weather-icon{filter:brightness(100);} .login-weather .bottom em{margin: 0 var(--size-10); opacity: 0.5; position: relative; top: -1px;} .lh-header{--height:clamp(85px,4.947916666666666vw,95px);} .lh-header{height: var(--height); align-items: center; padding-left: var(--size-50); position: fixed; left: 0; top: 0; z-index: 100; color: #fff; justify-content: space-between; right: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.20);} .lh-header .right{align-items: center; height: 100%;} .lh-header .logo{width: clamp(100px, 11.09375vw, 213px); position: relative; display: block;} .lh-header .logo img{transition: var(--transition);} .lh-header .logo .logo2{position: absolute; left: 0; top: 0; opacity: 0;} .lh-nav{height: 100%; --hover:var(--color-dominant1)} .lh-nav>li{margin-right: var(--size-65); position: relative; height: 100%;} .lh-nav>li>a{height: 100%; display: flex; align-items: center; justify-content: center; position: relative; transition-duration: .4s;} .lh-nav>li:has(dl)>a::before{content: ''; display: block; width: 100%; height: 5px; background-color: var(--color-dominant1); position: absolute; left:50%; bottom: 0; transform:translateX(-50%) scaleX(0); transform-origin: right top;transition: transform .4s cubic-bezier(0.25,0.74,0.22,0.99); min-width: calc(var(--size-50) * 3);} .lh-nav>li.active>a{color: var(--hover);} .lh-nav>li>dl{position: absolute; left: 50%; top: 100%; transform: translate(-50%,20px); background-color: var(--color-dominant); min-width: calc(var(--size-50) * 3); border-radius: 0 0 var(--size-10) var(--size-10); padding: var(--size-10) 0; transition: var(--transition); opacity: 0; pointer-events: none; color: #fff;} .lh-nav>li>dl::before{content: ''; display: block; width: 100%; height: 5px; background-color: var(--color-dominant1); position: absolute; left: 0; bottom: 100%; transform: scaleX(0); transform-origin: left center; transition: var(--transition);} .lh-nav>li:hover>dl{opacity: 1; pointer-events: auto;transform: translate(-50%,0);} .lh-nav>li:hover>a::before{transform:translateX(-50%) scaleX(1);transform-origin: left top;} .lh-nav>li:hover>a{color: var(--hover);} .lh-nav>li>dl a{display: flex; align-items: center; justify-content: center; white-space: nowrap; padding:calc(var(--size-10) - 2px) var(--size-10); line-height: 100%;} .lh-nav>li>dl a:hover{color: var(--color-dominant1);} .nav-btn{height: var(--height); aspect-ratio: 1/1; background-color: var(--color-dominant); display: flex; align-items: center; justify-content: center; position: relative; --w:calc(var(--size-20) + 2px); cursor: pointer; z-index: 2;} .nav-btn i{width: var(--w); height: 2px; background-color: #fff; border-radius: 4px; transition: var(--transition); transition-duration: .45s; transform-origin: right center;} .nav-btn::before,.nav-btn::after{content: ''; display: block; width: var(--w); height: 2px; background-color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 4px; transition: var(--transition);} .nav-btn::before{margin-top: -7px;} .nav-btn::after{margin-top: 7px;transform: translate(-50%,-50%) scaleX(0.5);} .index-banner{height: 100vh; max-height: 920px; background-color: #000;} .index-banner .img,.index-banner img{width: 100%; height: 100%;} /*.index-banner .l-container{position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; align-items: center;}*/ .index-banner .l-container{position: absolute; left: 0; right: 0; top: 170px; bottom: 0; display: flex; align-items: center;} .banner-text .name{text-shadow: 0px 4px 5.3px rgba(0, 0, 0, 0.47);} .index-content{z-index: 2; padding-bottom: var(--size-90);} .index-quick{margin-top: var(--size-50-);} .index-quick>.left{width: clamp(350px,33.59375vw,645px);border-radius: var(--size-15);backdrop-filter: blur(12px); height: initial; overflow: hidden;} .index-quick>.left .cont{width: 100%; height: 100%; position: absolute; left: 0; top: 0; padding: var(--size-40) var(--size-45); z-index: 2;} .index-quick>.right{width: calc(100% - clamp(350px,33.59375vw,645px)); padding-left: var(--size-25); --w:clamp(100px, 7.291666666666667vw, 140px); --w-:clamp(-140px, -7.291666666666667vw, -100px);} .quick-l-bottom{margin-top: auto;} .quick-l-bottom .nname{color: rgba(255,255,255,.2); font-size: var(--size-65);} .quick-r-top{margin-left: var(--size-20-);} .quick-r-top>li{padding-left: var(--size-20);} .quick-r-top>li a{background-color: #fff; border-radius: var(--size-15);background: linear-gradient(180deg, #FFF 24.67%, #FEFEFE 100%);box-shadow: 0px 4px 18.1px 0px rgba(214, 214, 214, 0.40);backdrop-filter: blur(10px); aspect-ratio: 1/1; padding: var(--size-30) var(--size-10) var(--size-30) var(--size-30); display: flex; flex-direction: column; justify-content: space-between; } .quick-r-top>li .icon{height: calc(var(--size-45) + 1px);} .quick-r-top>li .icon img{max-height: 100%;} .quick-r-top>li .nname{margin-top: 5px;} .quick-r-top>li a:hover{color: var(--color-dominant1); transform: translateY(var(--size-10-));box-shadow: 0px 4px 18.1px 0px rgba(236,147,58, 0.10);} .quick-r-notice{align-items: center; overflow: hidden;} .quick-r-notice>.left{align-items: center;} .quick-r-notice>.left .iconfont{display: flex; align-items: center; justify-content: center; width: var(--size-25); aspect-ratio: 1/1; min-width: 20px; border-radius: 50%; background-color: var(--color-dominant1); color:#fff; margin-right: var(--size-10); font-size: 12px;} .quick-r-notice>.right{width: 80%; padding-left: var(--size-10); height: initial;} .notice-banner{height: var(--size-25); min-height: 20px;} .notice-banner .bd li{display: flex; align-items: center;} .notice-banner .bd li a:hover{color: var(--color-dominant1);} .quick-r-bottom{width: calc(100% + var(--w) + var(--size-25)); margin-left: calc(var(--w-) - var(--size-25)); z-index: 3;} .quick-r-btn{width: var(--w); position: relative;} .quick-r-btn>*{margin-top: 4px; border-radius: 8px 0px 0px 8px;background: rgba(255, 255, 255, 0.10);backdrop-filter: blur(10px); position: relative; aspect-ratio: 140/64; overflow: hidden;transition: var(--transition);} .quick-r-btn>*:first-child{margin-top: 0;} .quick-r-btn>*::before{content: ''; display: block; width: calc(var(--size-10) - 2px); height: 100%; background-color: var(--color-dominant1); position: absolute; left: 0; top: 0;pointer-events: none; transition: var(--transition); transform: scaleY(0);} .quick-r-btn>* a{display: flex; align-items: center; justify-content: center; height: 100%;} .quick-r-btn>*.on::before,.quick-r-btn>*:hover::before{transform: scaleY(1);} .quick-r-btn>*.on{background: #fff;color: var(--color-dominant1);} .quick-r-cont{width: calc(100% - var(--w)); background-color: #fff;box-shadow: 0px 4px 16.8px 0px rgba(0, 0, 0, 0.05);border-radius: 0px var(--size-20) var(--size-20) 0px; padding: var(--size-30);} .quick-link{margin-left: var(--size-15-); margin-top: var(--size-15-);} .quick-link>*{padding-left: var(--size-15); margin-top: var(--size-15);} .quick-link>*>*{ aspect-ratio: 175/52; display: flex; align-items: center; justify-content: space-between; border: 1px solid var(--line-color); border-radius: var(--size-10); padding:0 var(--size-25); position: relative; overflow: hidden; z-index: 2;} .quick-link>*>*::before{content: ''; display: block; width: 100%; height: 100%; background: var(--color-dominant1); position: absolute; left: 0; top: 0; transform: scaleX(0); transform-origin: left center; transition: var(--transition); z-index: -1; display: none;} .quick-link>* i{color: #B8BFC8; transition: var(--transition);} .quick-link>*>*:hover{border-color: var(--color-dominant1); background-color: var(--color-dominant1); color: #fff;} .quick-link>*>*:hover::before{transform: scaleX(1);} .quick-link>*>*:hover i{color: #fff; transform:rotate(-90deg); transition-delay: 0.7;} .quick-l-bottom a,.nav-toggle-ewm>.left a{position: absolute; left: var(--size-45); bottom: var(--size-50); width: var(--size-140); z-index: 2; display: flex; align-items: center;} .quick-l-bottom a i,.nav-toggle-ewm>.left a i{width: var(--size-50); aspect-ratio: 1/1; border-radius: 50%; background-color: var(--color-dominant1); color: #fff; display: flex; align-items: center; justify-content: center; margin-left: auto;} .quick-l-bottom a::before,.nav-toggle-ewm>.left a::before{content: ''; display: block; width: var(--size-10); aspect-ratio: 1/1; border-radius: 50%; background-color: var(--color-dominant1); transition: var(--transition);} .quick-l-bottom a::after,.nav-toggle-ewm>.left a::after{content: ''; display: block; width: calc(100% - var(--size-10) - var(--size-50)); height: 1px; border-top: 1px dashed var(--color-dominant1); position: absolute; left:var(--size-10); top: 50%;mask-image: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.3));-webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.3)); transition: var(--transition); transform-origin: center right;} .quick-l-bottom a:hover::after,.nav-toggle-ewm>.left a:hover::after{ transform: scaleX(0.5);} .quick-l-bottom a:hover::before,.nav-toggle-ewm>.left a:hover::before{transform: translateX(var(--size-40));} .public-title{justify-content: space-between; align-items: center; position: relative;} .public-title .l-gray3{color: #505D6E;} .public-title .nname{font-size: clamp(16px, 1.0416666666666665vw, 20px); margin-top: 0;} .index-content .public-title .nname{margin-top: var(--size-15);} .public-title .name{position: relative;} .public-title .name .en{position: absolute; left: 0; top:50%;color: rgba(102, 105, 105, 0.10); line-height: 100%; transform: translateY(-56%);white-space: nowrap;} .public-btn{aspect-ratio: 164/50; height: var(--size-50); border: 1px solid #B8BFC8; border-radius: 8px; min-height: 35px; align-items: center; justify-content: space-between; padding: 0 var(--size-15); color:#B8BFC8; overflow: hidden;} .public-btn i{display: flex; align-items: center; justify-content: center; width: 20px; aspect-ratio: 1/1; border-radius: 50%; background-color: #fff; color: var(--color-dominant); font-size: 12px; transition: var(--transition); position: relative; z-index: 2;} .public-btn i::before{transform: scale(0.7);} .public-btn span{position: relative;} .public-btn span::after{content: ''; display: block; width: var(--size-40); height: 1px; border-top: 1px dashed #B8BFC8; position: absolute; left: 100%; top: 50%; transition: var(--transition);} .public-btn:hover{background-color: var(--color-dominant1); color: #fff; border-color: var(--color-dominant1);} .public-btn:hover span::after{border-color: #fff;} .public-btn:hover i{color:var(--color-dominant1); transform: rotate(-90deg);} .public-btn.four i{background-color: #F6F6F6;} .teams-cont>.left{width: calc(100% - clamp(80px,5.9375vw,114px)); padding-right: var(--size-20); height: 100%;} .teams-banner{background-color: #fff; border-radius: var(--size-25); height: 100%; position: relative;} .teams-banner .department-btn{opacity: 0; pointer-events: none;} .teams-banner a{position: relative; display: block; height: 100%;cursor: pointer;} .teams-banner a img{width: 100%;} .teams-banner a::before{content: ''; display: block; width: 100%; aspect-ratio: 1365/245;background: linear-gradient(180deg, rgba(245, 248, 250, 0.00) 0%, rgba(245, 248, 250, 0.85) 30%, rgba(248, 251, 255, 0.96) 50%, #FFF 100%); position: absolute; left: 0; bottom: 0; z-index: 1;} .teams-banner .ccont{position: absolute; left: var(--size-30); right: var(--size-30); bottom:var(--size-60); text-align: center; color: #DAE6EC;font-weight: bold; z-index: 2;} .teams-banner .ccont .name{font-weight: bold;} .teams-cont{height:clamp(400px,30.46875vw,585px);} .teams-cont>.right{width: clamp(80px,5.9375vw,114px); height: 100%;} .teams-r-banner{width: 100%; height: 100%;border-radius: var(--size-20);background: #FFF;box-shadow: 0px 4px 18.1px 0px rgba(214, 214, 214, 0.20);backdrop-filter: blur(var(--size-10)); padding: 10px;background: linear-gradient(180deg, #fff,#fff,#fff,#fff, #DAE6EC);} .teams-r-banner:not(.swiper-initialized) .bd{display: block;} .teams-r-banner:not(.swiper-initialized) .bd li{height: auto;} .teams-r-banner a{display: flex; align-items: center; aspect-ratio: 1/1; border-radius: var(--size-20); background-color: transparent; justify-content: center; text-align: center;} .teams-r-banner a i{display: flex; align-items: center; justify-content: center; width: calc(var(--size-50) - 2px); aspect-ratio: 1/1; border-radius: var(--size-20); background-color: #F6F6F6; color: var(--color-dominant); font-size: var(--size-25); margin: auto; transition: var(--transition);} .teams-r-banner a .icon{width: calc(var(--size-50) - 2px); aspect-ratio: 1/1; border-radius: var(--size-20); background-color: #F6F6F6;margin: auto; transition: var(--transition);} .teams-r-banner a p{margin-top: 4px;} .teams-r-banner .on a{background-color: #EFEFEF;cursor: pointer;} .teams-r-banner .on a i{background-color: var(--color-dominant1); color: #fff;} .teams-r-banner .on a .icon{background-color: var(--color-dominant1);} .teams-r-banner .on a .icon img{filter: brightness(0) invert(1);} .teams-r-btn{position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 60px; z-index: 10;} .teams-r-btn span{width: 50%; height: 8px; background-color: rgba(0,0,0,0); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: block; cursor: pointer;} .teams-r-btn span.prev{margin-top: -6px;} .teams-r-btn span.next{margin-top: 4px;} .index-search{height: var(--size-60); border-radius: var(--size-10); background-color: #fff; padding: 0 var(--size-10); position: relative; justify-content: flex-end; align-items: center;} .index-search input{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; padding: 0 200px 0 var(--size-20); border: none;} .index-search a{display: flex; align-items: center; justify-content: center; height: var(--size-45); aspect-ratio: 117/45; border-radius: var(--size-10); background-color: var(--color-dominant1); color: #fff; position: relative; z-index: 3;} .index-search a:hover{background-color: var(--color-hover);} .news-cont{margin-top: var(--size-20); padding-top: var(--size-20); border-top: 1px solid #E2E2E2;} .news-hd>*{margin-right: var(--size-30); color: var(--color-gray9);} .news-hd>*:last-child{margin-right: 0;} .news-hd>* a{padding: 5px var(--size-10); border: 1px solid transparent; border-radius: calc(var(--size-10) - 2px); position: relative; display: flex; align-items: center; justify-content: center;} .news-hd>* a::before{content: ''; display: block; width: calc(var(--size-10) - 2px); aspect-ratio: 1/1; border-radius: 50%; background-color: #292E36; margin-right: var(--size-10); transform: translateX(var(--size-10-)); opacity: 0; transition: var(--transition);} .news-hd>*.on a::before,.news-hd>* a:hover::before{transform: translateX(0); opacity: 1;} .news-hd>*.on a,.news-hd>* a:hover{border-color: var(--color-gray9);color: #000;} .news-cont-top{margin-top: var(--size-20);} .news-cont-top>.left{width: clamp(300px,28.802083333333332vw,553px); aspect-ratio: 250/150;} .news-cont-top>.right{width: calc(100% - clamp(300px,28.802083333333332vw,553px)); padding-left: var(--size-30); height: 100%;} .news-cont-top>.left a{position: relative; display: block; border-radius: var(--size-15); overflow: hidden; height: 100%;cursor: pointer;} .news-cont-top>.left .text{position: absolute; left: var(--size-35); right: var(--size-35); bottom: var(--size-25); z-index: 2;} .news-cont-top>.left .text .nname{margin-top: 5px;} .news-cont-top>.left a::before{content: ''; display: block; width: 100%; height: 50%; background: linear-gradient(0deg,rgba(0,0,0,.5),rgba(255,255,255,0)); position: absolute; left: 0; bottom: 0; z-index: 1;} .news-top-r>*{margin-top: var(--size-60);} .news-top-r>*:first-child{margin-top: 0;} .news-top-r>* a{ display: flex; position: relative; padding-left: var(--size-25); padding-right: var(--size-55);cursor: pointer;} .news-top-r>* a::before{content: ''; display: block; width: 100%; height: calc(100% + var(--size-50)); background-color: #fff; border-radius: var(--size-15); position:absolute; left: 0; top: var(--size-25-); z-index: -1; transition: var(--transition); transform-origin: right center; transform: scaleX(0); transition-property: transform;} .news-top-r>* a:hover::before{transform: scaleX(1); transform-origin: left center;} .public-title>.left{max-width: 60%;} .public-title.l-center>.left{max-width:100%;} .news-top-r>* a:hover{color: var(--color-dominant1);} .news-top-r>* .img img{transition: var(--transition); width: 100%; height: 100%;} .news-top-r>* a:hover img{transform: scale(1.1);} .news-top-r>* .img{aspect-ratio: 250/150; border-radius: var(--size-15); overflow: hidden; width: clamp(126px,13.177083333333334vw,253px);} .news-top-r>* .cont{width: calc(100% - clamp(126px,13.177083333333334vw,253px)); padding-left: var(--size-40);} .news-top-r>* .cont .top span{padding: 1px 8px; border: 1px solid var(--color-gray9); border-radius: calc(var(--size-10) / 2); position: relative; display: flex; align-items: center; justify-content: center; color: var(--color-gray3); min-height: 24px;} .news-top-r>* .cont .top span::before{content: ''; display: block; width: calc(var(--size-10) / 2); height: calc(var(--size-10) / 2); aspect-ratio: 1/1; border-radius: 50%; background-color: #292E36; margin-right: var(--size-10); display: none;} .department-dynamics .news-top-r>* .cont .top span::before{display: none;} .news-top-r>* .cont .bottom{margin-top: calc(var(--size-10) / 2);} .news-top-r>* .cont .bottom .nname{color: #A2A2A2;} .news-cont-top>.left a img{height: 100%; width: 100%; transition: var(--transition);} .news-cont-top>.left a:hover img{transform: scale(1.1);} .news-top-r>*:nth-child(2) a{padding-bottom: 0;} .news-cont-bottom{margin-left: var(--size-65-);} .news-cont-bottom>*{padding-left: var(--size-65); margin-top: var(--size-40);} .news-cont-bottom>* a{display: flex; align-items: center;} .news-cont-bottom>* .time{width: clamp(50px,3.5416666666666665vw,68px); aspect-ratio: 1/1; background-color: var(--color-dominant); display: flex; align-items: center; justify-content: center; border-radius: var(--size-15); transition: var(--transition);} .news-cont-bottom>* .time h3{line-height: 100%;} .news-cont-bottom>* .time p{transform: scale(0.8); transform-origin: center top; margin-top: 0;} .news-cont-bottom>* .text{width: calc(100% - clamp(50px,3.5416666666666665vw,68px)); padding-left: var(--size-30); position: relative;} .news-cont-bottom>* .text::before,.news-cont-bottom>* .text::after{content: ''; display: block; width: 1px; height: 90%; background-color: var(--line-color); position: absolute; left: var(--size-15); top: 50%; transform: translateY(-50%); opacity: 0.5;} .news-cont-bottom>* .text::after{background-color: var(--color-dominant1); transform: translateY(-50%) scaleY(0); transition: var(--transition);transition-property:transform; transform-origin: center bottom;} .news-cont-bottom>* .text .nname{margin-top: var(--size-10); color: #A2A2A2; line-height: 150%;} .news-cont-bottom>* a:hover{color:var(--color-dominant1);} .news-cont-bottom>* a:hover .time{background-color: var(--color-dominant1);} .news-cont-bottom>* a:hover .text::after{transform: translateY(-50%) scaleY(1); transform-origin: center top;} .treatment-cont{margin-left: var(--size-25-); aspect-ratio: 1495/635;} .treatment-cont>*{flex: 1; padding-left: var(--size-25); height: initial;} .treatment-cont>*.left{flex: 2;} .treatment-cont>*.left a{display: block; border-radius: var(--size-15); overflow: hidden;background: linear-gradient(0deg,#000,#0C798E); position: relative; height: 100%;} .treatment-cont>* img{height: 100%; width: 100%; transition: var(--transition);} .treatment-cont>* a:hover img{transform: scale(1.1);} .treatment-cont>* a:hover .text .btn i{transform: rotate(-90deg); background-color: var(--color-dominant1); color: #fff;} .treatment-cont>*.left .text{position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: var(--size-20) var(--size-20) var(--size-70) var(--size-60); color: #fff; z-index: 2; background: linear-gradient(180deg, #0C798E 0%, rgba(0, 0, 0, 0.00) 60.17%), linear-gradient(0deg, rgba(142, 12, 23, 0.00) 0%, rgba(0, 0, 0, 0.2) 100%);} .treatment-cont>* .text .btn{justify-content: flex-end;} .treatment-cont>* .text .name{width: 80%; font-weight: normal;} .treatment-cont>* .text .btn i{width: var(--size-40); aspect-ratio: 1/1; border-radius: 50%; background-color: #fff; color: var(--color-dominant); display: flex; align-items: center; justify-content: center; transition: var(--transition);} .treatment-cont>* .text .bottom{margin-top: auto; width: 85%; position: relative; z-index: 3;} .treatment-cont>*.right .text .bottom{color: #292E36;} .treatment-cont>* .text .bottom p{margin-top: var(--size-10);} .treatment-cont>* .text .bottom p i{color: var(--color-dominant); font-size: var(--size-20); width: var(--size-30); position: relative; top: -1px;} .treatment-cont>* .text .bottom p span{display: block; width: calc(100% - var(--size-30));} .treatment-cont>*.right a{display: block; height: 100%; border-radius: var(--size-15); position: relative; overflow: hidden;} .treatment-cont>*.right .text,.treatment-cont>*.center .text{position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: var(--size-20) var(--size-10) var(--size-30) var(--size-40); color: #000; } .treatment-cont>*.right .text{background-color: #E9F1F3; position: relative;} .treatment-cont>*.right .l-imgs{height: auto; aspect-ratio: 353/483; position: absolute; left: 0; bottom: 0; z-index: 1; -webkit-mask-image: linear-gradient(0deg,rgba(255,255,255,.5),rgba(255,255,255,0));} .treatment-cont>*.center{margin-top: var(--size-30-);} .treatment-cont>*.center>*{height: 50%; padding-top: var(--size-30);} .treatment-cont>*.center a{display: block; height: 100%; border-radius: var(--size-15); position: relative; overflow: hidden;} .treatment-cont>*.center .text{color: #fff; background: rgba(0,0,0,.2);} .fetured-cont>*.center .text{background-color: rgba(0,0,0,.2);} .fetured-cont>*.left .text{background:linear-gradient(180deg, #0C798E 0%, rgba(0, 0, 0, 0.00) 60.17%), linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%);} .department-banner{aspect-ratio: 1500/600; border-radius: var(--size-15); overflow: hidden;} .department-banner .bg,.department-banner .bg img{width: 100%; height: 100%; position: relative;} .department-banner .bg::before{content: ''; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,.2); position: absolute; left: 0; top: 0; z-index: 2;} .department-banner .text{position: absolute; left: 0; top: 0; padding: var(--size-90) var(--size-90) var(--size-90) var(--size-70); width: 40%; bottom: 0; z-index: 3;} .index-department .department-banner .public-btn{position: absolute; left: var(--size-70); top: 50%; transform: translateY(-50%); margin-top: 0;} .index-banner .public-btn{margin-top: var(--size-30);} .department-banner .public-btn,.index-banner .public-btn{border-color: var(--color-dominant1); background-color: var(--color-dominant1); color: #fff;} .department-banner .public-btn span::after,.index-banner .public-btn span::after{border-color: #fff;} .department-banner .public-btn i,.index-banner .public-btn i{color: var(--color-dominant1);} .department-bottom-banner:not(.swiper-initialized) .bd{margin-left: var(--size-10-); width: auto;} .department-bottom-banner .bd li{padding-left: var(--size-10);width:12.5%;} .department-bottom-banner.swiper-initialized{margin-left: var(--size-10-);} .department-bottom-banner .bd li a{aspect-ratio: 1/1;background-color: rgba(12,121,142,0.8); border-radius: var(--size-20); display: flex; align-items: center; justify-content: center; padding: var(--size-20) 0; height: 100%; text-align: center;} .department-bottom-banner .bd li .icon{height: var(--size-55); min-height: 30px; margin: auto;} .department-bottom-banner .bd li .icon img{max-height: 100%;} .department-bottom-banner .bd li .name{margin-top: var(--size-10); line-height: 110%;} .department-bottom-banner .bd li .btn{margin-top: auto; align-items: center; display: none;} .department-bottom-banner .bd li .btn i{width: var(--size-40); aspect-ratio: 1/1; border-radius: 50%; background-color: #fff; color: var(--color-dominant); transform: scale(0.6); display: flex; align-items: center; justify-content: center; transition: var(--transition);} .department-bottom-banner .bd li.on a{background-color: var(--color-dominant1);} .department-bottom-banner .bd li.on .btn i{color: var(--color-dominant1);transform: scale(0.6) rotate(-90deg);} .department-btn{position: absolute; right: var(--size-40); top: var(--size-40); z-index: 3; align-items: center;} .department-btn>*{cursor: pointer; width: var(--size-40); aspect-ratio: 1/1; border-radius: 50%; background-color: #fff; color: var(--color-dominant); margin-left: var(--size-10); display: flex; align-items: center; justify-content: center; transition: var(--transition);} .department-btn>*:hover{background-color: var(--color-dominant1); color: #fff;} .department-btn>*.prev{transform: rotate(180deg);} .research-cont>.right{width: clamp(200px,17.96875vw,345px); background-color: #fff; border-radius: var(--size-15); padding: var(--size-10);box-shadow: 0px 4px 18.1px 0px rgba(214, 214, 214, 0.20);} .research-cont>.left{width: calc(100% - clamp(200px,17.96875vw,345px)); padding-right: var(--size-30); height: initial;} .research-l-cont{background-color: #fff; border-radius: var(--size-15); padding: var(--size-20) var(--size-20) var(--size-30); width: 100%; height: 100%;box-shadow: 0px 4px 18.1px 0px rgba(214, 214, 214, 0.20);} .research-l-news{width: clamp(160px,16.770833333333332vw,322px);} .research-l-ccont{width: calc(100% - clamp(160px,16.770833333333332vw,322px)); padding-left: var(--size-15); height: 100%;} .research-l-banner{height: 100%;border-radius: var(--size-15); aspect-ratio: 750/528;} .research-l-news>*{margin-top: var(--size-10);} .research-l-news>* a{display: block; position: relative; border: 1px solid #D9D9D9; border-radius: var(--size-15); padding: var(--size-20) var(--size-35) var(--size-20) var(--size-25);} .research-l-news>* .img{width: var(--size-100); aspect-ratio: 1/1; border-radius: var(--size-15); overflow: hidden;} .research-l-news>* .img img{width: 100%; height: 100%;} .research-l-news>* i{display: flex; align-items: center; justify-content: center; width: var(--size-40); aspect-ratio: 1/1; border-radius: 50%; background-color: #F6F6F6; color: var(--color-dominant); position: absolute; right: var(--size-15); top: var(--size-15); transition: var(--transition);} .research-r-banner .research-l-news>* i{background-color: #fff;} .research-l-news>* .text{margin-top: var(--size-30);} .research-l-news>* .text .time{display: flex; align-items: center; color: var(--color-gray3);} .research-l-news>* .text .time>span{padding: 0 10px; height:24px; display: flex; align-items: center; border: 1px solid #7A8799; border-radius: 5px; line-height: 100%; margin-right: var(--size-10);} .research-l-news>* .text .name{margin-top: var(--size-10);} .research-l-banner a{display: block; position: relative; overflow: hidden; height: 100%;} .research-l-banner a img{width: 100%; height: 100%; transition: var(--transition);} .research-l-banner a:hover img{transform: scale(1.1);} .research-l-banner .text{position: absolute; left: var(--size-50); bottom: var(--size-40); width: 50%; color: #fff; z-index: 3;} .research-l-banner .text .name{line-height: 130%;} .research-l-banner .text .public-btn,.public-btn.three{margin-top: var(--size-20); border:none; padding: 0; aspect-ratio: inherit; min-height: inherit; height: inherit; justify-content: flex-start; color: #fff;} .research-l-banner .text .public-btn i,.public-btn.three i{margin-left: var(--size-20);} .research-l-banner .text .public-btn:hover,.public-btn.three:hover{background: none;} .research-r-banner .research-l-news>* a{border:none; background-color: #F6F6F6;} .research-r-banner .research-l-news>*:nth-child(1) a{background-color: #E9F1F3;} .research-l-hd>*{width: calc(var(--size-10) - 2px); height: calc(var(--size-10) - 2px); border-radius: calc(var(--size-10) - 2px); background-color: #fff; margin:0 0 0 calc(var(--size-10) - 2px) !important; transition: var(--transition); opacity: 1;} .research-l-hd>*.on{width: var(--size-15); background-color: var(--color-dominant1);} .dynamic-banner .research-l-hd,.research-l-banner .research-l-hd{position: absolute; right: var(--size-35); bottom: var(--size-35); z-index: 2; left: auto; width: auto;} .research-cont>.right .research-l-hd{position: absolute; ; bottom: var(--size-10); z-index: 2; left: 50%; transform: translateX(-50%); width: auto;} .research-cont>.right .research-l-hd{justify-content: center; display: flex; margin-top: var(--size-15);} .research-cont>.right .research-l-hd>*{background-color: #D9D9D9;} .research-cont>.right .research-l-hd>*.on{background-color: var(--color-dominant);} .research-r-banner>.bd>*{height: initial;} .research-r-banner{height: calc(100% - var(--size-20));} .research-l-news{height: calc(100% + var(--size-10)); margin-top: var(--size-10-);} .research-l-news>*{height: 50%; margin-top: 0; padding-top: var(--size-10);} .research-l-news>* a{height: 100%; display: flex; flex-direction: column;} .research-l-news>* a:hover{border-color: var(--color-dominant1); color: var(--color-dominant1);} .research-l-news>* a:hover i{background-color: var(--color-dominant1); transform: rotate(-90deg); color: #fff;} .research-l-news>* .text{margin-top: auto; transition: var(--transition);} .lh-footer{background-color: #fff;} .footer-top{padding: var(--size-70) 0 var(--size-60);} .footer-top>.left{width: clamp(400px,32.29166666666667vw,620px);} .footer-top>.right{width: calc(100% - clamp(400px,32.29166666666667vw,620px)); padding-left: var(--size-65);} .footer-nav{margin-top: var(--size-30-);} .footer-nav>*{padding-right: var(--size-120); margin-top: var(--size-30);} .footer-nav>* h3{margin-bottom: var(--size-15); white-space: nowrap;} .footer-nav>* p{line-height: 160%; white-space: nowrap; color: #1F1F1F;} .footer-nav>* a:hover{color: var(--color-dominant1);} .footer-right{position: relative; justify-content: flex-end;} .footer-right>*.right{display: flex; justify-content: flex-end; padding-left: var(--size-80); position: relative;} .footer-quick-item{margin-left: var(--size-15-);} .footer-quick-item>*{margin-top: var(--size-15); padding-left: var(--size-15);} .footer-quick-item>* a{display: flex; align-items: center; border-radius: var(--size-10); border: 1px solid #D4DCE7; padding: var(--size-10) var(--size-15);color: #1F1F1F;} .footer-quick-item>* a:hover{border-color: var(--color-dominant1);} .footer-quick-item>* .icon{height: var(--size-25); width: var(--size-25); margin-right: var(--size-15);} .footer-quick-item>* .icon img{height: 100%;} .footer-right>*{width: 50%;} .footer-ewm-item{margin-left: var(--size-25-);} .footer-ewm-item>*{padding-left: var(--size-25); margin-top: var(--size-20);} .footer-ewm-item>*>*{background-color: #F6F6F6; border-radius: var(--size-10); padding: var(--size-10); text-align: center;} .footer-ewm-item>*>* .img,.footer-ewm-item>*>* img{width: 100%;} .footer-ewm-item>* h3{margin-top: var(--size-10); color: var(--color-gray9);} .footer-contact-item>*{margin-top: var(--size-20);} .footer-contact-item>*._title{margin-bottom: var(--size-15-);} .footer-contact-item>*>*{display: flex; align-items: center;} .footer-contact-item>* .iconfont{width: 30px; aspect-ratio: 1/1; border-radius: 50%; background-color: var(--color-dominant); color: #fff; display: flex; align-items: center; justify-content: center;} .footer-contact-item>* .text{width: calc(100% - 30px); padding-left: var(--size-10);color: #1F1F1F;} .footer-contact-item>* .text .nname{ margin-top: 3px;} .footer-right>*.left{position: relative; width: clamp(174px,18.125vw,348px);} .footer-contact{position: relative;} .footer-contact::after{content: ''; display: block; width: 1px; height: 100%; background-color: var(--line-color); position: absolute; left:var(--size-80-); top: 50%; transform: translate(0,-50%); opacity: 0.2;} .footer-bottom{padding: var(--size-45) 0; border-top: 1px solid #E3E7EE; color: #535353;} .footer-link>*{margin-right: var(--size-30); margin-bottom: var(--size-10);} .footer-link>*:last-child{margin-right: 0;} .footer-link>* a:hover{color: #000;} .footer-copy{align-items: center;} .footer-copy>*{margin-right: var(--size-20); align-items: center;} .footer-copy>*:last-child{margin-right: 0;} .footer-copy>* .icon{width: calc(var(--size-20) + 2px); margin-right: var(--size-10);} .footer-copy>* a:hover{color: #000;} .lh-fixed{position: fixed; right: 0; top: clamp(85px,4.947916666666666vw,95px); bottom: 0; width: clamp(85px,4.947916666666666vw,95px); background-color: #fff; z-index: 100;box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.01);} .fixed-item{margin-top: -1px;} .fixed-item>*{width: 100%; aspect-ratio: 1/1; position: relative;} .fixed-item>*:hover .login-ewm-layer{opacity: 1; pointer-events: auto; transition: var(--transition);} .fixed-item>*>a{display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; border-top: 1px solid #e2e2e2; color: var(--color-gray9); text-align: center;} .fixed-item>*>a .iconfont{font-size: var(--size-25);} .fixed-item>*>a h3{margin-top: 6px;} .fixed-item>*:nth-child(-n+3) a{background-color: var(--color-dominant); color: #fff; border-color: rgba(255, 255, 255, 0.20);} .fixed-item>*:nth-child(-n+3) a:hover{color: var(--color-dominant1);} .fixed-item>*:not(:nth-child(-n+3)) a:hover{background-color: #7A8799;color: #fff;} .lh-header{transition: var(--transition);} .lh-header.Fixed,.lh-header.l-white{background-color: #fff; color: #7A8799;box-shadow: 0px 4px 18.1px 0px rgba(214, 214, 214, 0.20);} .lh-header.Fixed .logo .logo1,.lh-header.l-white .logo .logo1{opacity: 0;} .lh-header.Fixed .logo .logo2,.lh-header.l-white .logo .logo2{opacity: 1;} .login-weather{margin-top: var(--size-20-);} .login-weather .bottom{margin-top: -10px;} .nav-toggle{position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 99; background-color: rgba(0,0,0,.3);backdrop-filter: blur(2px); opacity: 0; visibility:hidden; pointer-events: none; transition: var(--transition);} .nav-toggle-cont{height: calc(clamp(85px,4.947916666666666vw,95px) * 8);background: linear-gradient(270deg, rgba(12, 121, 142, 0.80) 0%, #0C798E 100%); align-items: flex-end; justify-content: flex-end; padding-bottom: clamp(85px,4.947916666666666vw,95px); padding-right: calc(clamp(85px,4.947916666666666vw,95px) + var(--size-65)); transform: translateY(-100%); transition: var(--transition); position: relative;} .nav-toggle-cont::before{content: ''; display: block; width: clamp(500px,52.916666666666664vw,1016px); aspect-ratio: 1016/749; background: url(../img/icon1.png) no-repeat center; background-size: cover; position: absolute; left: 0; bottom: 0;} .toggle-ewm-item>*{padding-left: var(--size-20);} .toggle-ewm-item>*>*{border: 1px solid rgba(226, 226, 226, 0.40); border-radius: var(--size-10); padding: var(--size-10); text-align: center;} .toggle-ewm-item>* .img{width: var(--size-115); border-radius: 5px; overflow: hidden; aspect-ratio: 1/1;} .toggle-ewm-item>* .name{margin-top: var(--size-10);} .nav-toggle-ewm>.left{margin-right: calc(var(--size-90) * 2);} .nav-toggle-ewm>.left .nname{line-height: 85%;} .nav-toggle-ewm>.left a{position: relative; left: 0; width: var(--size-110); bottom: var(--size-40); display: none;} .nav-toggle-ewm>.left a i{width: var(--size-40);} .nav-toggle-ewm>.left a::before{width: calc(var(--size-10) - 3px);} /*body { touch-action: pan-x pan-y; }*/ body.on .nav-toggle{opacity: 1; visibility:visible; pointer-events: auto;} body.on .nav-toggle-cont{transform: translateY(0);} body.on .lh-header.Fixed{background-color: transparent; color: #fff;box-shadow:none; transition: 0s;} body.on .lh-header.Fixed .logo .logo2{opacity: 0;} body.on .lh-header.Fixed .logo .logo1{opacity: 1;} body.on .nav-btn i{transform:translate(-50%,-50%) scaleX(0);} body.on .nav-btn::before{transform: translate(-50%,7px) rotate(45deg);} body.on .nav-btn::after{transform: translate(-50%,-7px) scale(1) rotate(-45deg);} body.on .lh-nav>li:hover>dl{transform: translate(-50%,20px);} body.on .lh-nav>li:has(dl)>a::after{display: none;} .lh-header.Fixed .lh-nav{--hover:var(--color-dominant1);} body.on .lh-header.Fixed .lh-nav{--hover:var(--color-dominant1);} body.on .lh-nav>li:hover>a{color: inherit;} body.on .lh-nav>li>a:hover{color: var(--hover);} .public-banner{aspect-ratio: 1920/580; padding-top: clamp(85px, 4.947916666666666vw, 95px); overflow: hidden; background-color: var(--color-dominant);} .public-banner::before{content: ''; display: block; width: calc((100% - clamp(765px,79.6875vw,1530px)) / 2 + var(--size-100) * 5); height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(90deg, var(--color-dominant) 50%, rgba(255, 255, 255, 0.00)); z-index: 1;} .public-banner img{width: 100%; height: 100%;} .public-banner>.l-container{position: absolute; left: 0; top: 0; right: 0; justify-content: center; bottom: 0;padding-top: clamp(85px, 4.947916666666666vw, 95px);} .public-banner.kangmei::before,.public-banner.kangmei>.l-container{display: none;} .l-font64{font-size: clamp(28px,3.3333333333333335vw,64px);} .public-banner .nname{line-height: 90%;text-transform: uppercase;} .public-nav{background-color: var(--color-dominant); height: var(--size-60); align-items: center;} .public-nav>*,.public-nav-item{height: 100%;} .public-nav-item>*{margin-right: var(--size-75); position: relative; height: 100%; display: flex; align-items:center; overflow: hidden;} .public-nav-item>*:last-child{margin-right: 0;} .public-nav-item>*::after{content: ''; display: block; width: 100%; height: 5px; background-color: var(--color-dominant1); position: absolute; left: 0; bottom: 0; transform: scaleX(0); transform-origin: right center;transition:transform cubic-bezier(0.215,.61,.355,1) .45s;} .public-nav-item>*:hover::after,.public-nav-item>*.on::after{transform: scaleX(1); transform-origin: left center;} .public-nav-item>*:hover,.public-nav-item>*.on{color: var(--color-dominant1);} .introduction-cont{background-color: #fff; border-radius: var(--size-20); width: calc(100% + var(--size-65)); margin-left: var(--size-65-); padding-left: var(--size-65); overflow: hidden;} .introduction-cont>.right{width: clamp(355px,36.97916666666667vw,710px);} .introduction-cont>.left{width: calc(100% - clamp(355px,36.97916666666667vw,710px)); padding: var(--size-60) var(--size-80) var(--size-60) 0;} .introduction-cont>.left .ccont{line-height: 180%;} .lines8{-webkit-line-clamp: 8;} .public-btn.two{border-color: var(--color-dominant1);background-color: var(--color-dominant1);color: #fff; position: relative;} .public-btn.two span::after{border-color: #fff;} .public-btn.two i{color: var(--color-dominant1);} .public-btn.two::before{content: ''; display: block; width: 110%; aspect-ratio: 1/1; border-radius: 50%; background-color: rgba(255,255,255,.1); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0); transition: var(--transition);} .public-btn.two:hover::before{transform: translate(-50%,-50%) scale(1);} .introduction-total{justify-content: space-between;} .introduction-total .num{align-items: center;} .introduction-total .name{color: var(--color-dominant1); align-items: center;} .introduction-total .name i{margin-right: var(--size-10);} .introduction-img{height: 100%; border-radius: var(--size-20) 0 0 var(--size-20); overflow: hidden; position: relative;} .introduction-img img{width: 100%; height: 100%;} .introduction-icon{width: 95px; aspect-ratio: 1/1; border-radius: 50%; background-color: var(--color-dominant); display: flex; align-items: center; justify-content: center; position: absolute; left: var(--size-120); top: var(--size-120); z-index: 2; text-align: center;} .introduction-icon>*{position: relative; z-index: 2;} .introduction-icon h3{font-size: 40px; line-height: 100%;} .introduction-icon i{width: 36px; aspect-ratio: 1/1; border-radius: 10px; background-color: var(--color-dominant1); display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; top: -18px; transform: translateX(-50%);} .introduction-icon::before,.introduction-icon::after{content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: rgba(12, 121, 142, 0.10);; position: absolute; left: 0; top: 0; animation: introIcon linear 2s infinite;} .introduction-icon::after{background-color: rgba(12, 121, 142, 0.05); animation: introIcon1 linear 2s infinite;} @keyframes introIcon{ 0%{transform: scale(0.8); opacity: 1;} 70%{transform: scale(1.1); opacity: 1;} 100%{transform: scale(1.3); opacity: 0;} } @keyframes introIcon1{ 0%{transform: scale(0.8); opacity: 1;} 70%{transform: scale(1.3); opacity: 1;} 100%{transform: scale(1.5);opacity: 0;} } .culture-cont{width: calc(100% + var(--size-100)); align-items: center;} .bg-white{background-color: #fff;} .overview-culture{padding: var(--size-100) 0 var(--size-50);} .culture-cont>.right{width: clamp(500px,45.9375vw,882px);} .culture-cont>.left{width: calc(100% - clamp(500px,45.9375vw,882px)); padding-right: calc(var(--size-90) * 2); padding-left: var(--size-50);} .culture-item{margin-top: var(--size-15-);} .culture-item>*{margin-top: var(--size-15); border-radius: var(--size-20); align-items: center; position: relative; aspect-ratio:480/176; overflow: hidden; display: flex;} .culture-item>*::before{content: ''; display: block; width: 100%; height: 100%;background: linear-gradient(270deg, rgba(240, 133, 25, 0.00) 0%, #F08519 64%); position: absolute; left: 0; top: 0; z-index: 2;} .culture-item>*:nth-child(2)::before{background: linear-gradient(270deg, rgba(12, 121, 142, 0.00) 0%, #0C798E 64%);} .culture-item>*:nth-child(3)::before{background: linear-gradient(270deg, rgba(5, 167, 118, 0.00) 0%, #05A776 64%);} .culture-item>* img{position: absolute; right: 0; top: 0; width: 100%; height: 100%;} .culture-item>*>div{position: relative; z-index: 3; padding: var(--size-20); display: flex; align-items: center;} .culture-item>* .label{width: var(--size-60); aspect-ratio: 1/1; border-radius: var(--size-10);background-color: rgba(255, 255, 255, 0.40); display: flex; align-items: center; justify-content: center; padding: 0 calc(var(--size-10) / 2); padding-left: calc(var(--size-10) / 2 + 2px); line-height: 110%; min-width: 50px; text-align: center; font-weight: bold; letter-spacing: 2px;} .culture-item>* .text{width: calc(100% - var(--size-60)); max-width: calc(100% - 50px); padding-left: var(--size-10);} .culture-item>* .name{font-weight: 600;} .culture-item>* .nname{margin-top: 5px;} .culture-vision{mask-image: url(../img/icon3.png); mask-size: cover; -webkit-mask-image: url(../img/icon3.png); -webkit-mask-size: cover; width: 100%; aspect-ratio: 882/750; justify-content: center; position: relative; will-change: mask-image;transform: translateZ(0);} .culture-vision::before{content: ''; display: block; width: 100%; height: 100%;background: linear-gradient(90deg,var(--color-dominant),rgba(255,255,255,0)); position: absolute; left: 0; top: 0; z-index: 2;} .culture-vision>.bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; mask-image:linear-gradient(90deg,var(--color-dominant),rgba(255,255,255,0));-webkit-mask-image:linear-gradient(90deg,var(--color-dominant),rgba(255,255,255,0));} .culture-vision>.bg img{width: 100%; height: 100%;} .vision-cont{position: absolute; left:-5px; top: 51%; transform: translateY(-50%); z-index: 2; align-items: center;} .vision-cont .icon{width: var(--size-85); min-width: 70px;} .vision-cont .label{width: var(--size-75); aspect-ratio: 1/1; padding: var(--size-10); min-width: 60px; border-radius: var(--size-15);background: rgba(255, 255, 255, 0.40); text-align: center; line-height: 110%; margin-left: var(--size-10); font-weight: bold; letter-spacing: 2px; display: flex; align-items: center; justify-content: center; padding: calc(var(--size-10) / 2); padding-left: calc(var(--size-10) / 2 + 2px);} .vision-cont .text{padding-left: var(--size-10);} .vision-cont .text .name{font-weight: bold;} .vision-imgs>*{width: var(--size-130); aspect-ratio: 1/1; border-radius: 50%; position: absolute; left: 7.936507936507936%; top:29.210526315789476%; z-index: 3; overflow: hidden;} .vision-imgs>* img{width: 100%; height: 100%;} .vision-imgs>*:nth-child(1){width: var(--size-55);} .vision-imgs>*:nth-child(2){left: 58%; top: 10.666666666666668%;} .vision-imgs>*:nth-child(3){left: 68.59410430839003%; top: 56.53333333333334%; width: var(--size-90);} .vision-imgs>*:nth-child(4){left: 28.34467120181406%; top: 79.33333333333333%; width: var(--size-140);} .overview-culture .more{position: absolute; left: 50%; bottom:0; transform: translateX(-50%);} .overview-culture>.l-container::after{content: ''; display: block; width: calc(var(--size-10) + 2px); aspect-ratio: 1/1; border-radius: 50%;background: linear-gradient(135deg, #0C798E -11.67%, rgba(12, 121, 142, 0.00) 95.16%); position: absolute; left: 50%; top: var(--size-120); transform: translateX(-50%); z-index: 2;} .overview-culture>.l-container::before{content: ''; display: block; width: 1px; height: 82%; border-left: 1px dashed var(--color-dominant); mask-image:linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.4),rgba(255,255,255,0)); -webkit-mask-image:linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.4),rgba(255,255,255,0)); position: absolute; left: 50%; top: var(--size-120);} .overview-culture .more .btn{text-align: center; z-index: 3;} .overview-culture .more .btn i{display: flex; align-items: center; justify-content: center; width: var(--size-50); aspect-ratio: 1/1; border-radius: 50%; background-color: var(--color-dominant1); color: #fff; margin: 0 auto var(--size-10); transition: var(--transition);} .overview-culture .more .btn:hover i{transform: rotate(-90deg);} .overview-bg{position: absolute; left: 0; bottom: var(--size-60);mix-blend-mode:multiply;} .photos-banner{border-radius: var(--size-20); position: relative; aspect-ratio: 1500/760;} .photos-banner .bd>*::before{content: ''; display: block; width: 100%; height: 50%; background:linear-gradient(0deg,var(--color-dominant),rgba(255,255,255,0)); position: absolute; left: 0; bottom: 0; z-index: 2;} .photos-banner img{width: 100%; height: 100%;} .photos-banner .text{position: absolute; left: 0; right: 0; bottom: calc(var(--size-75) * 2); z-index: 2; padding: 0 var(--size-30);} .photos-banner .text .name{font-weight: bold;} .photos-bottom{width: clamp(215px,22.395833333333336vw,430px); border-radius: var(--size-50);border: 1px solid rgba(255, 255, 255, 0.38);background: rgba(255, 255, 255, 0.32);backdrop-filter: blur(2.4000000953674316px); position: absolute; left: 50%; bottom: var(--size-35); transform: translateX(-50%); z-index: 2; aspect-ratio: 430/80; padding: 0 var(--size-75); align-items: center; display: flex;} .photos-hd{width: 100%;} .photos-hd .bd>*{width: 25%; border-radius: 50%; align-items: center;} .photos-hd .bd>*>.l-imgs{aspect-ratio: 1/1; height: var(--size-60); width: auto; border-radius: 50%; overflow: hidden; margin: auto; position: relative; cursor: pointer;} .photos-hd .bd>*>.l-imgs::before{content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; border: 2px solid var(--color-dominant1); position: absolute; left: 0; top: 0; opacity: 0; transition: var(--transition);} .photos-hd .bd>*.on>.l-imgs::before{opacity: 1;} .photos-hd .bd>* img{width: 100%; height: 100%;} .photos-btn>*{width: var(--size-60); aspect-ratio: 1/1; border-radius: 50%; background-color: var(--color-dominant); display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; transform: translateY(-50%); color: #fff; z-index: 3;} .photos-btn>*.prev{left: var(--size-10); transform: translateY(-50%) rotate(180deg);} .photos-btn>*.next{right: var(--size-10);} .photos-btn>*:hover{background-color: var(--color-dominant1);} .overview-photos{padding: var(--size-60) 0;} .overview-honors .public-title .name{align-items: center; justify-content: center;} .overview-honors .public-title .name .icon{width: calc(var(--size-40) + 2px);} .overview-honors .public-title .name span{margin: 0 var(--size-10);} .overview-honors .public-title .btn{justify-content: center; display: flex;} .honors-item{margin: var(--size-25-) 0 0 var(--size-25-); } .honors-item>*{padding-left: var(--size-25); margin-top: var(--size-25);} .honors-item>*>*{border-radius: var(--size-15); background-color: #fff;box-shadow: 0px 4px 18.1px 0px rgba(214, 214, 214, 0.20); padding: var(--size-25) var(--size-30) var(--size-45); aspect-ratio: 280/280; display: flex; flex-direction: column; cursor: pointer; transition: var(--transition);} .honors-item>*>*:hover .img{transform: scale(1.1);} .honors-item>* .top{align-items: center;} .honors-item>* .top .icon{width: var(--size-20);} .honors-item>* .top span{display: block; width: calc(100% - var(--size-40)); text-align: center;} .honors-item>* .img{margin-top: auto; aspect-ratio: 214/143; padding: calc(var(--size-10) + 2px) calc(var(--size-10) - 5px); box-shadow: 0 10px 10px rgba(0,0,0,.2); position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; transition: var(--transition);;} .honors-item>* .img::before{content: ''; display: block; width: 100%; height: 100%; background: url(../img/icon6.png) no-repeat center; background-size: cover; position:absolute; left: 0; top: 0;} .honors-item>* img{height: 108%;} .equipment-left{width: 50%; height: 100%;} .equipment-left>*{display: block; position: relative; width: 100%; height: 100%; border-radius: var(--size-15); overflow: hidden;} .equipment-left>* .img,.equipment-left>* img,.equipment-right>* .img,.equipment-right>* img{width: 100%; height: 100%; transition: var(--transition);} .equipment-left>* .text{position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: var(--size-20) var(--size-20) var(--size-40) var(--size-60); z-index: 3; justify-content: space-between;} .equipment-left>*::before{content: ''; display: block; width: 100%; height: 100%;background: linear-gradient(180deg, #0C798E 0%, rgba(0, 0, 0, 0.2) 60.17%); position: absolute; left: 0; top: 0; z-index: 2;} .equipment-left>* .text .icon,.equipment-right>* .text .icon{display: flex; justify-content: flex-end;} .equipment-left>* .text .icon i,.equipment-right>* .text .icon i{width: var(--size-40); aspect-ratio: 1/1; border-radius: 50%; background-color: #fff; color: var(--color-dominant1); display: flex; align-items: center; justify-content: center; transition: var(--transition);} /*.equipment-left>* .text .name{width: 50%; font-weight:normal;}*/ .equipment-left>* .text .name{width: 57%; font-weight:normal;} /*.equipment-left>* .bottom{width: 72%;}*/ .equipment-left>* .bottom{width: 100%;font-weight:normal;} .equipment-right{width: 50%; margin-top: var(--size-25-);} .equipment-right>*{padding-left: var(--size-25); margin-top: var(--size-25);} .equipment-right>*>*{border-radius: var(--size-15); overflow: hidden; position: relative; display: block; height: 100%;} .equipment-right>* .text{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; padding: var(--size-20) var(--size-20) var(--size-25) var(--size-40);} .equipment-right>* .text .bottom{margin-top: auto; width: 80%;} .equipment-right>* .text .bottom>*{font-size:clamp(16px,1.25vw,24px)} .equipment-right>*>*::before{content: ''; display: block; width: 100%; height: 100%;background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%); position: absolute; left: 0; top: 0; z-index: 2;transition: var(--transition);} .equipment-right>*>*::after{content: ''; display: block; width: 100%; height: 100%;background: rgba(12, 121, 142, 0.90);backdrop-filter: blur(5px); position: absolute; left: 0; top: 0; z-index: 2; transition: var(--transition); opacity: 0;} .equipment-left>*:hover .icon i,.equipment-right>*>*:hover .icon i{transform: rotate(-90deg);} .equipment-left>*:hover img,.equipment-right>*>*:hover img{transform: scale(1.2);} .equipment-right>*>*:hover::after{opacity: 1;} .equipment-right>*>*:hover::before{opacity: 0;} .overview-bg{width: clamp(610px,63.541666666666664vw,1220px);} .memorabilia-l{width: clamp(200px,16.145833333333336vw,310px); justify-content: center;} .memorabilia-r{width: calc(100% - clamp(200px,16.145833333333336vw,310px)); padding: var(--size-100);} .memorabilia-first{aspect-ratio: 310/300; border-radius: var(--size-15);background: linear-gradient(180deg, rgba(12, 121, 142, 0.00) 56.41%, #0C798E 141.32%), #FFF; box-shadow: 0px 4px 43.4px 0px rgba(128, 128, 128, 0.05); justify-content: space-between; position: relative;} .memorabilia-first>.top{padding: var(--size-30) var(--size-40);} .memorabilia-banner>.bd>*{width: 16.666666666666668%; display: flex; flex-flow: column-reverse; pointer-events: none;} .memorabilia-item{margin-top: var(--size-10-);font-size: clamp(14px, 0.8333333333333334vw, 16px);} .memorabilia-item>*{margin-top: var(--size-10); line-height: 140%; cursor: pointer; transition: var(--transition);} .memorabilia-item>*:hover{color: var(--color-dominant1);} .memorabilia-item>* .month{width: var(--size-45);} .memorabilia-item>* .name{width: calc(100% - var(--size-45));} .memorabilia-banner>.bd>*:nth-child(2n-1){padding-bottom: var(--size-90);} .memorabilia-info{width: calc(var(--size-100) * 3); padding-left: var(--size-20); position: relative; pointer-events: auto;} .overview-memorabilia{padding-bottom: var(--size-50);} .memorabilia-info::before{content: ''; display: block; width: 7px; height: 7px; border-radius: 50%; background-color: var(--color-dominant); position: absolute;left: -3px; transition: var(--transition);} .memorabilia-info::after{content: ''; display: block; width: 1px; height: var(--size-120);background-color: var(--color-dominant); position: absolute; mask-image:linear-gradient(0deg,rgba(255,255,255,1),rgba(255,255,255,0) 50%); -webkit-mask-image:linear-gradient(0deg,rgba(255,255,255,1),rgba(255,255,255,0) 50%);left: 0; transition: var(--transition);} .memorabilia-info:hover::before,.memorabilia-info:hover::after{background-color: var(--color-dominant1);} .memorabilia-banner{position: relative;} .memorabilia-banner>.bd>*:nth-child(2n) .memorabilia-info::after{mask-image:linear-gradient(180deg,rgba(255,255,255,1),rgba(255,255,255,0) 50%); -webkit-mask-image:linear-gradient(180deg,rgba(255,255,255,1),rgba(255,255,255,0) 50%);} .memorabilia-banner>.bd>*:nth-child(2n-1) .memorabilia-info::before,.memorabilia-banner>.bd>*:nth-child(2n-1) .memorabilia-info::after{ bottom:0;} .memorabilia-banner>.bd>*:nth-child(2n) .memorabilia-info::before,.memorabilia-banner>.bd>*:nth-child(2n) .memorabilia-info::after{top: 0;} .memor-lines{position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: grid; width: 100%;grid-template-columns: repeat(23, 1fr);} .memor-lines>*{display: block; width: 1px; height: var(--size-25); background-color: #DBDBDB;} .memorabilia-banner>.bd>*:nth-child(2n) .memor-lines{bottom: auto; top: var(--size-50-);} .memor-lines>*.line{transform: scaleY(1.5); background-color: var(--color-dominant);} .memorabilia-first .memor-lines{bottom: auto; top: 50%; width: 33%; transform: translateY(-50%);} .memorabilia-first .memor-lines>*{height: var(--size-40);} .memorabilia-first .memor-lines>*:last-child{background-color: var(--color-dominant);} .memorabilia-first .memor-lines1{left: 33%; width: 67%;} .memorabilia-first .memor-lines1>*:last-child{background-color: #dbdbdb;} .memor-lines2{bottom: auto; right: 100%; top: 50%; width: var(--size-100); left: auto; transform: translateY(-50%);} .memor-lines3{bottom: auto; left: 100%; top: 50%; width: var(--size-100); transform: translateY(-50%);} .memor-lines3>*:first-child{transform: scaleY(1.5) !important;background-color: var(--color-dominant);} .memorabilia-r .photos-btn>*.prev{left: auto; right: calc(100% - var(--size-60)/2);} .memorabilia-r .photos-btn>*.next{right: auto; left: calc(100% - var(--size-60)/2);} .swiper-initialized.memorabilia-banner>.bd>*{opacity: 0; transition: var(--transition);} .swiper-initialized.memorabilia-banner>.bd>*:nth-child(2n){transform: translateY(100px);} .swiper-initialized.memorabilia-banner>.bd>*:nth-child(2n-1){transform: translateY(-100px);} .swiper-initialized.memorabilia-banner>.bd>.swiper-slide-visible{opacity: 1; transform: translateY(0); transition-delay: 0.3s;} .memorabilia-img{ aspect-ratio: 250/150; height: var(--size-100); border-radius: var(--size-15); border: 3px solid #fff; overflow: hidden; position: absolute; left: var(--size-20); opacity: 0; transition: var(--transition); background-color: #fff;} .memorabilia-img img{width: 100%; height: 100%;} .memorabilia-banner>.bd>*:nth-child(2n) .memorabilia-img{top: calc(100% + var(--size-10));} .memorabilia-banner>.bd>*:nth-child(2n-1) .memorabilia-img{bottom: calc(100% + var(--size-10));} .overview-introduction.detail .introduction-img{aspect-ratio: 717/626; height: auto; border-radius: 0; position: relative;} .overview-introduction.detail .introduction-img::before{content: ''; display: block; width: 100%; height: 20%; mask-image: linear-gradient(0deg,rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,0)); -webkit-mask-image: linear-gradient(0deg,rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,0)); position: absolute; left: 0; bottom: 0; z-index: 2; background-color: #fff;} .overview-bg>.circle{border-radius: 50%; width: var(--size-10); aspect-ratio: 1/1; position: absolute; bottom: var(--size-100-); z-index: 10; pointer-events: none; } .equipment-list{margin: var(--size-25-) 0 0 var(--size-25-);} .equipment-list>*{padding-left: var(--size-25); margin-top:var(--size-25);} .equipment-list>*>*{background-color: #fff; border-radius: var(--size-15);box-shadow: 0px 4px 18.1px 0px rgba(214, 214, 214, 0.20); aspect-ratio: 280/255; padding: var(--size-20); display: flex; flex-direction: column; justify-content: space-between;} .equipment-list>* .top{justify-content: space-between;} .equipment-list>* .top i{width: var(--size-40); height: var(--size-40); display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: var(--bg); color: var(--color-dominant); transition: var(--transition); display: flex; align-items: center; justify-content: baseline;} .equipment-list>* .top .name{width: calc(100% - var(--size-40)); padding-right: var(--size-10);} .equipment-list>* .bottom{aspect-ratio: 243/145; border-radius: var(--size-15); overflow: hidden; margin-top: auto;} .equipment-list>* .bottom img{width: 100%; height: 100%; transition: var(--transition);} .equipment-list>*>*:hover{background-color: var(--color-dominant); color: #fff;} .equipment-list>*>*:hover i{transform: rotate(-90deg); background-color: var(--color-dominant1); color: #fff;} .equipment-list>*>*:hover img{transform: scale(1.1);} .public-pages{justify-content: center; align-items: center; padding: var(--size-60) 0; margin-top: 0;} .public-pages>a{width: var(--size-40); height: var(--size-40); border-radius: 50%; background-color: #fff; margin: 0 calc(var(--size-10) / 2); display: flex; justify-content: center; align-items: center; border: 1px solid #fff;} .public-pages>span{margin: 0 calc(var(--size-10) / 2);} .public-pages>a:hover,.public-pages>a.active{border-color: var(--color-dominant1); color: var(--color-dominant1);} .public-pages>a.prev,.public-pages>a.next{background-color: var(--color-dominant); color: #fff; border-color: var(--color-dominant);} .public-pages>a.prev{transform: rotate(180deg);} .public-pages>a.prev:hover,.public-pages>a.next:hover{border-color: var(--color-dominant1); color: #fff; background-color: var(--color-dominant1);} .public-pages>.go{align-items: center; margin-left: var(--size-10);} .public-pages>.go input{width: var(--size-40); border: 1px solid #D9D9D9; text-align: center; border-radius: 50%; margin: 0 5px; height: var(--size-40); padding: 0;} .public-pages>.confirm{width: var(--size-60); position: relative; border-radius: 50px; margin-left: var(--size-10);} .public-pages>.confirm button{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; opacity: 0;} .memorabilia-list-cont{justify-content: center;} .memorabilia-list{position: relative; width: 80%;} .memorabilia-list>*{margin-bottom: var(--size-50); display: flex; width: 50%;} .memorabilia-list>* .info{position: relative;} .memorabilia-list>*:first-child dd{justify-content: center;} .memorabilia-list>*:nth-child(2n){padding-right: var(--size-80); text-align: right; justify-content: flex-end;} .memorabilia-list>*:nth-child(2n-1){padding-left: var(--size-80); margin-left: auto;} .memorabilia-list>*:nth-child(2n) dd{justify-content: flex-end;} .memorabilia-list>* .cont{margin-top: var(--size-10-);} .memorabilia-list>* dd{margin-top:var(--size-10); position: relative; cursor: pointer; transition: var(--transition);} .memorabilia-list>* dd:hover{color: var(--color-dominant1);} .memorabilia-list>* dd .month{width: var(--size-40);} .memorabilia-list>* dd .name{width: calc(100% - var(--size-40));} .memorabilia-list>*:nth-child(2n) dd .month{position: absolute; right:0;} .memorabilia-list>*:nth-child(2n) dd .name{padding-right: var(--size-40); width: 100%;} .memorabilia-list>* .img{aspect-ratio: 167/100; height: var(--size-100); border-radius: var(--size-15); border: 3px solid #fff; overflow: hidden; position: absolute; left: calc(100% + var(--size-30)); top: 0; transition: var(--transition); opacity: 0;} .memorabilia-list>* .img img{width: 100%; height: 100%;} .memorabilia-list>*:nth-child(2n) .img{left: auto; right: calc(100% + var(--size-30));} .memorabilia-list>* .day::before{content: ''; display: block; width: 7px; height: 7px; border-radius: 50%; background-color: var(--color-dominant); position: absolute; left: calc(var(--size-80-) - 3px); top: var(--size-10);} .memorabilia-list>*:nth-child(2n) .day::before{left: auto; right: calc(var(--size-80-) - 3px);} .memorabilia-list>* .day::after{content: ''; display: block; width: var(--size-120); height: 1px; background-color: var(--color-dominant);mask-image: linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 50%); -webkit-mask-image: linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 50%); position: absolute; left: var(--size-80-);top: calc(var(--size-10) + 3px);} .memorabilia-list>*:nth-child(2n) .day::after{left: auto; right: var(--size-80-);mask-image: linear-gradient(-90deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 50%);-webkit-mask-image: linear-gradient(-90deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 50%);} .memorabilia-list>*:first-child .day::before,.memorabilia-list>*:first-child .day::after{display: none;} .memorabilia-list::before{content: ''; display: block; width: 24px; height: calc(100% - var(--size-50)); background: url(../img/line.png) repeat top; position: absolute; left: 50%; top:0; transform: translateX(-50%);} .memorabilia-list>*:first-child{text-align: center; padding-left: 0; width: 100%; justify-content: center; background-color: var(--bg); position: relative; z-index: 2; padding-bottom: var(--size-20);} .memorabilia-list>*:first-child::after{content: ''; display: block; width: 38px; height: 2px; background-color: var(--color-dominant); position: absolute; left: 50%; bottom: 2px; transform: translateX(-50%);} .memorabilia-list::after{content:''; display: block; width: 24px; height: 58px; background: url(../img/line1.png) no-repeat center; position: absolute; left: 50%; top:calc(100% - var(--size-50) + 2px); transform: translateX(-50%);} .overview-memorabilia.detail .bg{position: absolute; left: 0; bottom: 0; right: 0;mix-blend-mode:multiply;} .public-banner.culture::before{display: none;} .position-cont{background-color: #fff; border-radius: var(--size-20); padding: var(--size-20); height: clamp(310px,32.65625vw,627px);} .position-cont>.right{width: var(--size-100); height: 100%;} .position-cont>.left{width: calc(100% - var(--size-100)); padding-right: var(--size-20); height: 100%;} .position-bd .bd a{display: block; width: 100%; height: 100%;} .position-bd img{width: 100%; height: 100%; transition: var(--transition);} .position-bd .cont{width: 80%; position: absolute; left: var(--size-45); bottom: var(--size-40); z-index: 2;} .public-banner-btn{align-items: center;} .public-banner-btn>*{width: var(--size-40); aspect-ratio: 1/1; border-radius: 50%; background-color: #fff; color: var(--color-dominant); margin-left: var(--size-10); display: flex; align-items: center; justify-content: center;} .public-banner-btn>*.prev{transform: rotate(180deg);} .public-banner-btn>*:hover{background-color: var(--color-dominant1); color: #fff;} .position-btn{position: absolute; right: var(--size-45); bottom: var(--size-40); z-index: 2; width: auto !important; left: auto !important;} .position-hd{height: calc(100% + var(--size-20)); margin-top: var(--size-10-);} .position-bd{border-radius: var(--size-15); height: 100%;} .position-hd:not(.swiper-initialized)>.bd{display: block;} .position-hd>.bd>*{height: 20%; padding: var(--size-10) 0;} .position-hd>.bd>*>*{display: block; width: 100%; height: 100%; border-radius: var(--size-15); overflow: hidden;} .position-hd>.bd>* img{width: 100%; height: 100%;} .position-hd>.bd>*>*{opacity: 0.5;} .position-hd>.bd>*.on>*{opacity: 1;} .position-bd .bd a:hover img{transform: scale(1.1);} .dynamic-cont>.right{width: clamp(320px,33.33333333333333vw,640px);} .dynamic-cont>.left{width: calc(100% - clamp(320px,33.33333333333333vw,640px)); padding-right: var(--size-30);} .dynamic-item{margin: var(--size-30-) 0 0 var(--size-30-);} .dynamic-item>*{padding-left: var(--size-30); margin-top: var(--size-30);} .dynamic-item>* .img{overflow: hidden; aspect-ratio: var(--news-img); border-radius: var(--size-15); width: 100%;} .dynamic-item>* .img img{width: 100%; height: 100%;transition: var(--transition);} .dynamic-item>* .text{margin-top: var(--size-20);} .dynamic-item>* .text .name{margin-top:4px;} .dynamic-item>*>*:hover img{transform: scale(1.1);} .dynamic-item>*>*:hover{color: var(--color-dominant1);} .dynamic-banner{height: 100%; border-radius: var(--size-15);} .dynamic-banner img{width: 100%; height: 100%; transition: var(--transition);} .dynamic-banner .cont{position: absolute; left: var(--size-55); bottom:var(--size-40); z-index: 2; width: 75%;} .dynamic-banner .cont .name{line-height: 130%;} .dynamic-banner .swiper-slide>*:hover img{transform: scale(1.1);} .public-shadow .swiper-slide::before{content: ''; display: block; position: absolute; left: 0; bottom: 0; right: 0; height: 50%; background: linear-gradient(0deg,rgba(31, 31, 31, 0.84),rgba(0,0,0,0)); position: absolute; left: 0; bottom: 0; z-index: 2; pointer-events: none;} .public-shadow.blue .swiper-slide::before{background: linear-gradient(0deg,#0C798E,rgba(0,0,0,0));} .example-cont{border-radius: var(--size-20); aspect-ratio: 1500/670; padding: var(--size-30) var(--size-65) var(--size-85); display: flex; align-items: flex-end;} .news-list>*>*{background-color: #fff; border-radius: var(--size-15); padding: var(--size-20); display: flex; flex-direction: column; height: 100%;} .news-list>* .img{aspect-ratio: var(--news-img); border-radius: var(--size-15);} .news-list>* .img img{width: 100%; height: 100%; transition: var(--transition);} .news-list>*>*:hover img{transform: scale(1.1);} .news-list>*>*:hover{color: var(--color-dominant1);} .news-list>*>* .bottom{margin-top: auto;} .public-btn.foure{color: #888; margin-top: var(--size-10);} .public-btn.foure i{background-color: var(--color-dominant1); color: #fff;} .public-btn.foure span::after{border-color: var(--color-dominant1);} .example-banner>.bd>.swiper-slide{width: 25%; padding: 0 var(--size-15); display: flex; align-items: flex-end; height: initial; transition: var(--transition);} .example-banner>.bd>.swiper-slide .name{transition: var(--transition);} .example-banner>.bd>.swiper-slide .nname{display: none; color: var(--color-gray9);} .example-banner>.bd>.swiper-slide-active ~ .swiper-slide ~.swiper-slide{width: 50%;} .example-btn{position: absolute; left: 0; bottom: clamp(175px,18.229166666666664vw,350px); z-index: 2;} .example-btn>*{background-color: var(--color-dominant); color: #fff;} .material-item{margin-left: var(--size-65-);} .material-item>*{padding-left: var(--size-65);} .material-item>*>*{padding: var(--size-25) 0; border-bottom: 1px solid #D9D9D9; display: block; position: relative;} .material-item>*>*::after{content: ''; display: block; width: 100%; height: 1px; background-color: var(--color-dominant1); position: absolute; left: 0; bottom: -1px; transform: scaleX(0); transform-origin: right center;transition:transform cubic-bezier(0.215,.61,.355,1) 1s;} .material-item>*>*:hover{color: var(--color-dominant1);} .material-item>*>*:hover::after{transform: scaleX(1); transform-origin: left center;} .news-list.list{margin: var(--size-25-) 0 0 var(--size-25-);} .news-list.list>*{margin-top: var(--size-25); padding-left: var(--size-25);} .news-list.list>*>*{aspect-ratio: 355/370; display: flex; flex-direction: column;} .news-list.list>* .bottom{margin-top: auto;} .news-list>* .text .name{margin-top: var(--size-10);} .lh-discipline{padding-bottom: var(--size-90); margin-top: var(--size-70-); z-index: 2;} .discipline-nav{margin-left: var(--size-10-);} .discipline-nav>*{padding-left: var(--size-10);} .discipline-nav>*>*{display: flex; align-items: center; justify-content: center; height: var(--size-70); position: relative; border-radius: 8px 8px 0 0;background: rgba(255, 255, 255, 0.10);backdrop-filter: blur(10px); overflow: hidden;} .discipline-nav>*>*::before{content: ''; display: block; width: 100%; height: calc(var(--size-10) - 3px); background-color: var(--color-dominant1); position: absolute; left: 0; top: 0; transition:var(--transition); transition-property:transform; transform: scaleX(0); transform-origin: right center;} .discipline-nav>*>*:hover::before,.discipline-nav>*.on>*::before{transform: scaleX(1);transform-origin: left center;} .discipline-nav>*.on>*{background-color: #fff; color: var(--color-dominant1);} .discipline-nav>*.on span{font-weight: bold; transform: translateY(calc(var(--size-10) / 2));} .discipline-main{background-color: #fff; border-radius: 0 0 var(--size-20) var(--size-20); padding: var(--size-40) var(--size-20);} .discipline-item>dt{align-items: center; background-color: #F6F6F6; border-radius: var(--size-10); height: var(--size-70); padding: 0 var(--size-45); line-height: 100%;} .discipline-item>dt .icon{width: calc(var(--size-20) - 3px); margin-right: var(--size-10);} .discipline-item>dd{padding: var(--size-40) 0 var(--size-15) var(--size-45);font-size: clamp(16px, 1.0416666666666665vw, 20px);} .discipline-item>dd>*{height: var(--size-60); width: calc(var(--size-100) * 2 + 10px); border: 1px solid var(--line-color); display: flex; align-items: center; justify-content: space-between; border-radius: var(--size-10); padding: var(--size-20); margin: 0 var(--size-25) var(--size-25) 0;} .discipline-item>dd>* span{width: 80%;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all; -webkit-line-clamp: 1;} .discipline-item>dd>* i{color: #B8BFC8; transition: var(--transition);} .discipline-item>dd>*:hover{background-color: var(--color-dominant1); color: #fff; border-color: var(--color-dominant1);} .discipline-item>dd>*:hover i{color: #fff; transform: rotate(-90deg);} .department-introduction-cont>.right{width: clamp(385px,40.10416666666667vw,770px); display: flex; flex-direction: column; padding-top: var(--size-100);} .department-introduction-cont>.left{width: calc(100% - clamp(385px,40.10416666666667vw,770px)); background-color: #fff; border-radius: var(--size-20) 0 0 var(--size-20); padding: var(--size-50) var(--size-50) var(--size-100) var(--size-75);} .department-introduction-cont>.left::after{content: ''; display: block; width: var(--size-85); height: 100%; background-color: #fff; border-radius: 0 var(--size-20) var(--size-20) 0; position: absolute; left: 100%; bottom: 0;} .department-introduction-cont>.left .top .nname{color: rgba(102, 105, 105, 0.05); line-height: 100%;} .department-introduction-cont>.left .top .name{position: absolute; left: 0; top: 50%; transform: translateY(-50%);} .department-introduction-cont>.left .top::before{content: ''; display: block; width: 5px; height: 100%; background-color: var(--color-dominant); position: absolute; left: var(--size-75-); top: 0;} .department-introduction-cont>.left .ccont{line-height: 200%; } .department-introduction-cont>.right .research-l-banner{height: auto; aspect-ratio: 770/500;} .department-introduction-cont>.left .ewm{width: var(--size-140); aspect-ratio: 140/170; background-color: #fff; border-radius:0 var(--size-20) var(--size-20) 0; display: flex; align-items: center; justify-content: center; padding: var(--size-20); position: absolute; left: 100%; top: 0; z-index: 4;} .department-introduction-cont>.left .ewm .name{margin-top: 5px;} .department-introduction-cont>.left .ewm::after{content: ''; display: block; width: calc(var(--size-10) + 3px); aspect-ratio: 13/10; background: url(../img/jt.png) no-repeat center; background-size: cover; position: absolute; left: -1px; top: 100%;} .department-introduction-cont>.left .bg{width: clamp(179px,18.645833333333332vw,358px); aspect-ratio: 356/341; position: absolute; left: calc(100% - var(--size-50)); bottom: var(--size-70-); z-index: 1; pointer-events: none;} .department-introduction-cont>.left .bg>img{width: 100%; height: 100%;} .major-item{margin: var(--size-50-) 0 0 var(--size-50-);} .major-item>*{padding-left: var(--size-50); margin-top: var(--size-50);} .major-item>*>*{height: 100%; border-radius: var(--size-20); display: block; padding: var(--size-40) var(--size-30) var(--size-50); background-color: #fff;box-shadow: 0px 20px 51.5px 0px rgba(53, 103, 112, 0.12);} .major-item>* .img{width: var(--size-80); margin: auto;} .major-item>* .nname{color: rgba(102, 105, 105, 0.50); margin-top: 6px;} .major-item>*>*:hover{transform: translateY(var(--size-10-));} .doctor-item{margin: var(--size-40-) 0 0 var(--size-40-);} .doctor-item>*{padding-left: var(--size-30); margin-top: var(--size-30);} .doctor-item>*>*{display: block; height: 100%; background-color: #fff; border-radius: var(--size-15); position: relative;} .doctor-item>* .top,.searve-item>*>* .left .top{padding: var(--size-25) calc(var(--size-10) / 2) var(--size-25) var(--size-25);} .searve-item>*>* .left .top{padding: 0;} .doctor-item>* .top .img,.searve-item>*>* .left .top .img{width: calc(var(--size-120) + 5px); aspect-ratio: 125/160; border-radius: var(--size-15); overflow: hidden;} .searve-item>*>* .left .top .img{width: calc(var(--size-85) * 2);} .doctor-item>* .top .img img,.searve-item>*>* .left .img img{transition: var(--transition); width: 100%; height: 100%;} .doctor-item>* .top .text,.searve-item>*>* .left .top .text{width: calc(100% - var(--size-120) - 5px); padding: var(--size-10) 0 var(--size-20) var(--size-20);} .searve-item>*>* .left .top .text{width: calc(100% - calc(var(--size-85) * 2));} .doctor-item>* .top .text .label{margin-top: auto;} .searve-item>*>* .left .top .name{align-items: flex-end;} .searve-item>*>* .left .top .name span{margin-left: var(--size-10);} .doctor-item>* .top .text .nname,.searve-item>*>* .left .top .text .nname{margin-top: 4px;} .doctor-item>* .bottom{padding: var(--size-20) var(--size-25); border-top: 1px solid #EAEAEA;} .doctor-item>* .bottom .ccont{white-space: normal;} .searve-item>*>* .left .bottom{margin-top: var(--size-20);} .searve-item>*>* .left .bottom pre,.team-detail-top>.center .ccont{white-space:normal;} .doctor-item>* .bottom .ccont span,.searve-item>*>* .left .bottom .ccont span{color: var(--color-dominant);} .phone-ewm{position: absolute; right: 5px; top: 5px; z-index: 4;} .phone-ewm>.icon{width: var(--size-40);} .phone-ewm-layer{width: calc(var(--size-80) * 2); background-color: var(--color-dominant); border-radius: var(--size-20); padding: var(--size-15); position: absolute; right: 0; top: 0; text-align: center; opacity: 0; pointer-events: none;} .phone-ewm-layer .ewm{width:100%; border-radius: var(--size-15); aspect-ratio: 1/1; overflow: hidden; background-color: #fff; margin-top: var(--size-10);} .phone-ewm-layer .ewm img{width: 100%; height: 100%;} .phone-ewm:hover .phone-ewm-layer{opacity: 1; pointer-events: auto; transition: var(--transition); transition-duration: 0.45s;} .doctor-item>*>*:hover{box-shadow: 0px 20px 20px 0px rgba(53, 103, 112, 0.12); transform: translateY(-10px);} .equipment-cont>.left{width: clamp(292px,30.46875vw,585px);} .equipment-cont>.right{width: calc(100% - clamp(292px,30.46875vw,585px)); padding-left: var(--size-25);} .equipment-cont>.left>*{height: 100%; display: block; border-radius: var(--size-15); overflow: hidden; position: relative;} .equipment-cont>.left>* img{width: 100%; height: 100%; transition: var(--transition);} .equipment-cont>.left>* .text{position: absolute; left: var(--size-10); top: var(--size-10); z-index: 2; width: calc(var(--size-140) * 2); border-radius: var(--size-15); background-color: rgba(12, 121, 142, 0.90); padding: var(--size-20);backdrop-filter: blur(4px);} .equipment-cont>.left>* .text .btn{align-items: center;} .equipment-cont>.left>* .text .btn i{width: calc(var(--size-30) - 2px); aspect-ratio: 1/1; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: #fff; color: var(--color-dominant); margin-right: 5px; transition: var(--transition);} .equipment-cont>.left>*:hover img{transform: scale(1.1);} .equipment-cont>.left>*:hover .btn i {background-color: var(--color-dominant1); color: #fff;} .health-item{margin: var(--size-25-) 0 0 var(--size-25-);} .health-item>*{padding-left: var(--size-25); margin-top: var(--size-25);} .health-item>*>*{display: block; background-color: #fff; border-radius: var(--size-15); padding: var(--size-20); height: 100%;} .health-item>* .img{aspect-ratio: 312/167; border-radius: var(--size-15);} .health-item>* .img img{width: 100%; height: 100%; transition: var(--transition);} .health-item>* .text{aspect-ratio: 319/180; padding: var(--size-30) var(--size-15) var(--size-10);} .health-item>* .text .name{margin-top: var(--size-10); line-height: 120%;} .health-item>* .text .public-btn{margin-top: auto; height: auto; min-height: initial; height: 20px; transition: var(--transition); overflow: visible;} .health-item>*>*:hover{color: var(--color-dominant1);} .health-item>*>*:hover img{transform: scale(1.1);} .health-item>*>*:hover .public-btn.foure{color: var(--color-dominant1);} .health-item>*>*:hover .public-btn.foure i{transform: rotate(-90deg);} .banner-doctor{position: absolute; right: 0; top: clamp(85px, 4.947916666666666vw, 95px); height: 100%; aspect-ratio: 1002/570;clip-path: polygon(17% 0%, 100% 0, 100% 100%, 2% 100%); overflow: hidden; display: none;} .banner-doctor img{width: 100%; height: 100%;} .public-banner.doctor>img,.public-banner.kangmei>img{height: auto;} .l-nname{color: rgba(102, 105, 105, 0.30);} .hosiptal-top>.img{width: clamp(322px,33.541666666666664vw,644px); border-radius: var(--size-15); aspect-ratio: 644/420;} .hosiptal-top>.right .nname{margin-top: calc(var(--size-10) / 2);} .hosiptal-top>.img img{width: 100%; height: 100%;} .hosiptal-top>.right{width: calc(100% - clamp(322px,33.541666666666664vw,644px)); padding-left: var(--size-70); padding-top: var(--size-20); padding-bottom: var(--size-40);} .hospital-cul{margin-top: auto; justify-content: space-between;} .hospital-cul>*>*{display: flex; align-items: center;} .hospital-cul>*>*>*{display: flex; align-items: center;} .hospital-cul>* .icon{width: var(--size-40);} .hospital-cul>* .text{width: calc(100% - var(--size-40)); padding-left: var(--size-10);} .hosiptal-bottom .major-item>*>*{padding: var(--size-20) var(--size-20) var(--size-25);} .beauty-news-cont{background-color: #fff;box-shadow: 0px 20px 51.5px 0px rgba(53, 103, 112, 0.12); border-radius: var(--size-20); aspect-ratio: 1500/516; overflow: hidden;} .beauty-news-cont>*{width: 50%;} .beauty-news-cont>.left>*{height: 100%; display: block; position: relative; overflow: hidden;} .beauty-news-cont>.left>*::before{content: ''; display: block; width: 100%; height: 100%;background: linear-gradient(90deg, #0C798E 5.58%, rgba(12, 121, 142, 0.2) 99.2%); position: absolute; left: 0; top: 0; z-index: 1;} .img-fullpage{width: 100%; height: 100%; transition: var(--transition);} .beauty-news-cont>.left>* .text{position: absolute; left: 0; top: 0; bottom: 0; width: 60%; padding: var(--size-70) 0 var(--size-85) var(--size-75); z-index: 3;} .beauty-news-cont>.left>* .bottom{margin-top: auto;} .beauty-news-cont>.left>*:hover img{transform: scale(1.1);} .beauty-news-cont>.left>* .day p{transform-origin: left top;} .beauty-news-cont>*.right{padding:0 var(--size-75); align-items: center; height: 100%;} .beauty-news-item>*>*{padding: var(--size-25) 0; border-bottom: 1px solid #D9D9D9; display: flex; align-items: center; position: relative;} .beauty-news-item>* .day{width: var(--size-100); transition: var(--transition);} .beauty-news-item>* .text{width: calc(100% - var(--size-100));} .beauty-news-item>* .day p{transform-origin: left top; color: var(--color-gray9);} .beauty-news-item>*>*:hover{color: var(--color-dominant1);} .beauty-news-item>*:last-child>*{border:none;} .beauty-teams-cont>.left{width: clamp(290px,30.208333333333332vw,580px);} .beauty-teams-cont>.right{width: calc(100% - clamp(290px,30.208333333333332vw,580px));} .beauty-teams-hd>*{margin-right: var(--size-10);} .beauty-teams-hd>*>*{width: var(--size-80); aspect-ratio: 1/1; display: block; background-color: #fff; border-radius: 50%; position: relative; overflow: hidden; display: block; align-items: flex-end;} .beauty-teams-hd>* img{width: 100%;} .beauty-teams-hd>*>*::before{content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; border:2px solid var(--color-dominant); position: absolute; left: 0; top: 0; transition: var(--transition); opacity: 0;} .beauty-teams-hd>*.on>*::before{opacity: 1;} .beauty-teams-text .bd>*{flex-direction: column; display: flex; height: initial;} .beauty-teams-text .name{align-items: flex-end;} .beauty-teams-text .name span{margin-left: var(--size-10);} .beauty-teams-text .ccont{color: #4A4D50;} .beauty-teams-text .ccont span{color: var(--color-dominant);} .beauty-teams-text .bottom{margin-top: auto;} .beauty-teams-cont>.right>.nums{width: var(--size-100); align-items: flex-end; justify-content: center;} .beauty-teams-nums{border-radius: var(--size-50); background-color: #fff; width: var(--size-65); box-shadow: 0px 4px 22.4px 0px rgba(0, 55, 66, 0.09);} .beauty-teams-nums>*{margin-top: var(--size-20);} .beauty-teams-nums>*:first-child{margin-top: 0;} .beauty-teams-nums>*>*{aspect-ratio: 1/1; border-radius: 50%; display: flex; align-items: center; justify-content: center;} .beauty-teams-nums>*.on>*{background-color: var(--color-dominant); color: #fff;box-shadow: 0px 16px 23.5px 0px rgba(12, 121, 142, 0.31);} .beauty-teams-big{width:calc(100% - var(--size-100));} .beauty-teams-big .bd>*>*{aspect-ratio: 816/626; background-color: #fff; border-radius: var(--size-20);box-shadow: 0px 4px 25.6px 0px rgba(54, 97, 105, 0.15); overflow: hidden; display:flex; align-items: flex-end; justify-content: center; } .beauty-teams-big .bd .img{width: clamp(270px,28.125vw,540px); position: relative; z-index: 3; max-height: 100%;} .beauty-teams-big:not(.swiper-initialized) .bd .img{opacity: 1 !important; transform: scale(1) !important;} .beauty-teams-big .bd .img img{width: 100%;} .beauty-teams-big .bd>* .team{font-size: calc(var(--size-85) * 2);color: #EFF3F4; position: absolute; left: 0; top: var(--size-60); right: 0; text-align: center; letter-spacing: var(--size-60); padding-left: var(--size-60);white-space: nowrap;} .beauty-teams-big .bd>*>*>.name{position: absolute; left: var(--size-40); bottom: var(--size-40); color: #e2e2e2; letter-spacing: 2px;writing-mode: vertical-rl;} .beauty-teams-bannerNum{position: absolute; right: 0; bottom: 0; z-index: 2;} .beauty-teams-big .bd>*{opacity: 1 !important;} .beauty-teams-big .bd>*>*{transform: scale(0.6) translateX(calc(var(--size-60-) * 2.4)); transform-origin: left center; backdrop-filter: blur(2px);} .beauty-teams-big .bd>*.on{z-index: 3;} .beauty-teams-big .bd>*.on>*{transform: scale(1); transform: translateX(0); opacity: 1;} .beauty-teams-big .bd>*.next{z-index: 2;} .beauty-teams-big .bd>*.next>*{transform: scale(0.8) translateX(var(--size-60-));} .beauty-teams-text{width: 60%;} .beauty-teams-bannerNum{width: calc(var(--size-110) * 2); aspect-ratio: 220/165; border-radius: 500% 0 var(--size-20) 0; background-color: #F0F7F8; display: flex; align-items: center; justify-content: center; padding-top: var(--size-50); padding-left: var(--size-50);} .beauty-teams-bannerNum>*{display: flex; align-items: flex-end;} .beauty-teams-bannerNum>* .other{position: relative; top: calc(var(--size-10-) + 2px);} .care-info{position: relative;} .care-info>.right{position: absolute; right:calc(var(--size-55) / 2); top: 0; aspect-ratio:546/531; width: clamp(273px,28.4375vw,546px);} .care-info>* .img{width: 100%; height: 100%;} .care-info>.left{ aspect-ratio: 996/531; width: clamp(498px,51.87500000000001vw,996px);} .care-info>*>*{display: block; border-radius: var(--size-20); overflow: hidden; position: relative; height: 100%; overflow: hidden;} .care-info>.left>*{mask-image: url(../img/icon11.png); mask-size: cover; mask-position: center; -webkit-mask-image: url(../img/icon11.png); -webkit-mask-size: cover; -webkit-mask-position: center; color: #fff;} .care-info>.left>*::before{content: ''; display: block; width: 100%; height: 100%; background-color: rgba(12,121,142,0.7); position: absolute; left: 0; top: 0;} .care-info>.right>*{mask-image: url(../img/icon12.png); mask-size: cover; mask-position: center;-webkit-mask-image: url(../img/icon12.png); -webkit-mask-size: cover; -webkit-mask-position: center; background: rgba(0,0,0,.05);} .care-info>* img{width: 100%; height: 100%; opacity: 0.14;} .care-info>* .text{position: absolute; left: 0; top: 0; z-index: 2; width: 90%; height: 100%; display: flex; flex-direction: column; padding: var(--size-80) var(--size-90);} .care-info>.left>* .num{background: linear-gradient(178deg, #fff, rgba(255, 255, 255, 0.00) 60%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent; line-height: 100%;} .care-info>.right>* .num{background: linear-gradient(180deg, #0C798E, rgba(255, 255, 255, 0.00) 80%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent; line-height: 100%;} .care-info>*>* .ccont{position: relative; padding-top: var(--size-30); margin-top: var(--size-30);} .care-info>*>* .ccont::before{content: ''; display: block; width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.20); position: absolute; left: 0; top: 0;} .care-info>*.right .ccont::before{display: none;} .care-info>*.right .ccont{padding-top: 0; opacity: 0.5;} .care-info>*>* .btn{margin-top: auto;} .care-btn>.prev{left: 0;} .care-btn>.next{right: 0;} .care-banner{ width: calc(100% + var(--size-55)); margin-left: calc(var(--size-55-) / 2);} .care-info{padding: 0 calc(var(--size-55) / 2);} .popularization-banner>.bd>*{width: 25%; padding: 0 var(--size-15); height: initial;} .popularization-banner>.bd>* .text{aspect-ratio: 319 / 180;padding: var(--size-30) var(--size-15) var(--size-10);} .popularization-banner>.bd>*>*:hover .public-btn{color: var(--color-dominant1);} .popularization-banner>.bd>*>*:hover .public-btn i{transform: rotate(-90deg);} .popularization-banner{width: calc(100% + var(--size-30)); margin-left: var(--size-15-);} .popularization-btn>.prev{left: var(--size-70-);} .popularization-btn>.next{right: var(--size-70-);} .l-gray8{color: #888;} .example-banner .news-list>*>*{height: inherit;} .dynamics-cont-banner{background-color: #fff; border-radius: var(--size-15); margin-bottom: var(--size-40);} .dynamics-cont-banner>.bd a{display: flex; padding: var(--size-20);} .dynamics-cont-banner>.bd .img{width:clamp(479.5px,49.947916666666664vw,959px); border-radius: var(--size-15); aspect-ratio: 959/516;} .dynamics-cont-banner>.bd img{width: 100%; height: 100%; transition: var(--transition);} .dynamics-cont-banner>.bd .text{width: calc(100% - clamp(479.5px,49.947916666666664vw,959px)); padding: var(--size-80) var(--size-50) var(--size-120) var(--size-70); display: flex; flex-direction:column;} .dynamics-cont-banner>.bd .text .btn{margin-top: auto;} .dynamics-cont-banner>.bd .text .btn .public-btn{transition: var(--transition);} .dynamics-cont-banner>.bd .text .btn .public-btn i{background-color:#F6F6F6;} .dynamics-cont-banner>.bd .text .ccont{font-size: clamp(14px, 0.8333333333333334vw, 16px); -webkit-line-clamp:3;} .dynamics-btn{position: absolute; left: calc(clamp(479.5px,49.947916666666664vw,959px) + var(--size-70)); bottom: var(--size-35); z-index: 2;} .dynamics-btn>*{background-color: #F6F6F6;} .dynamics-cont-banner>.bd a:hover img{transform: scale(1.1);} .dynamics-cont-banner>.bd a:hover .public-btn{background-color: var(--color-dominant1);color: #fff;border-color: var(--color-dominant1);} .dynamics-cont-banner>.bd a:hover .public-btn i{color: var(--color-dominant1);} .care-item{margin: var(--size-25-) 0 0 var(--size-25-);} .care-item>*{padding-left: var(--size-25); margin-top: var(--size-25);} .care-item>*>*{position: relative; aspect-ratio: 354/304; display: block; overflow: hidden;border-radius: var(--size-15);} .care-item>*>* .img{width: 100%; height: 100%;} .care-item>* img{height: 100%;width: 100%;transition: var(--transition);} .care-item>* .text{position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: var(--size-20) var(--size-10) var(--size-30) var(--size-40); color: #fff; background-color: rgba(0,0,0,.4);} .care-item>* .text .bottom{margin-top: auto;width: 85%;} .care-item>* .text .btn{justify-content: flex-end;} .care-item>* .text .btn i{width: var(--size-40); aspect-ratio: 1 / 1;border-radius: 50%; background-color: #fff; color: var(--color-dominant); display: flex; align-items: center; justify-content: center; transition: var(--transition);} .care-item>*>*:hover img{transform: scale(1.1);} .care-item>*>*:hover .text i{transform: rotate(-90deg); background-color: var(--color-dominant1); color: #fff;} .departent-detail>.right{width: clamp(177px,18.4375vw,354px);} .departent-detail>.left{width: calc(100% - clamp(177px,18.4375vw,354px)); padding-right: var(--size-30);} .departent-detail-cont{background-color: #fff; border-radius: var(--size-15); padding: var(--size-45);} .departent-detail-cont>.name{position: relative;} .departent-detail-cont>.name::before{content: ''; display: block; width: 5px; height: var(--size-50); background-color: var(--color-dominant); position: absolute; left: var(--size-45-); top: 50%; transform: translateY(-50%);} .care-item>* .text .name{width: 95%; font-weight: normal;} .team-filter{background-color: #fff; border-radius: 0 0 var(--size-15) var(--size-15); padding: var(--size-30) var(--size-25);} .filter-item{margin-top: var(--size-50);} .filter-item:first-child{margin-top: 0;} .filter-item>dt,.filter-detail>dt{align-items: center; justify-content: space-between; position: relative; margin-bottom: var(--size-20);} .filter-item>dt::before,.filter-detail>dt::before{content: ''; display: block; width: 90%; height: 1px; border-top: 1px dashed #DAE3E5; position: absolute; right: 26px; top: 50%;} .filter-item>dt .left,.filter-detail>dt .left{align-items: center; padding-right: var(--size-20); background-color: #fff; position: relative; z-index: 2;} .filter-detail>dt .left{background-color: var(--bg);} .filter-item>dt .left .icon,.filter-detail>dt .left .icon{width: calc(var(--size-10) + 7px); margin-right: var(--size-20);} .filter-item>dt .btn,.filter-detail>dt .btn{width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: var(--color-dominant); color: #fff; transition-duration: 0.45s;} .filter-item.on>dt .btn,.filter-detail.on .btn{background-color: #fff; color: #AABFC3; transform: rotate(90deg);} .filter-detail.on .btn{background-color: var(--bg);} .filter-item.on>dd{height: var(--size-60);} .filter-item>dt .btn:hover,.filter-detail>dt .btn:hover{color: var(--color-dominant1);} .filter-item>dd{margin: -6px 0 0 -6px; overflow: hidden;} .filter-item>dd>*{padding-left: 6px; margin-top: 6px;} .filter-item>dd>*>*{height: var(--size-50); border-radius: var(--size-10); background-color: #F6F6F6; padding: 0 var(--size-20); display: flex; align-items: center; transition-duration: 0.45s;white-space: nowrap; color: #292E36;} .filter-item>dd>*.on>*,.filter-item>dd>*>*:hover{background-color: var(--color-dominant1); color: #fff;} .filter-choose{margin-top: var(--size-25); justify-content: space-between;} .filter-choose>.left{align-items: center; width: 70%;} .filter-choose-item>*{height: var(--size-45); aspect-ratio: 113/45; border:1px solid #F08519; border-radius: var(--size-10); padding: 0 var(--size-10); display: flex; align-items: center; line-height: 100%; margin-left: 7px; color: var(--color-dominant1);} .filter-choose-item>* span{width: 80%;} .filter-choose-item>* i{transform: scale(0.6);} .filter-search{align-items: center; justify-content: flex-end; height: var(--size-45); border-radius: var(--size-10);border:1px solid #D1D1D1; aspect-ratio: 296/45; margin-left: 7px; transition: var(--transition);} .filter-search input{position: absolute; left: 0; right: 0; padding: 0 var(--size-50) 0 var(--size-20); border: none; height: 100%;} .filter-search a{width: var(--size-45); aspect-ratio: 1/1; display: flex; align-items: center; color: #D1D1D1; justify-content: center; position: relative; z-index: 2;} .filter-search a:hover{color: var(--color-dominant1);} .filter-search:has(input:focus){border-color: var(--color-dominant1);} .team-detail{padding: var(--size-30) 0 var(--size-110);} .team-detail-top{background-color: #fff; border-radius: var(--size-15); padding: var(--size-30);} .team-detail-top>.left{width: calc(var(--size-100) * 2);} .team-detail-top>.right{width: calc(var(--size-80) * 2);} .team-detail-top>.center{width: calc(100% - var(--size-100) * 2 - var(--size-80) * 2); padding: 0 var(--size-50);} .team-detail-top>.left .img{aspect-ratio: 125/160; border-radius: var(--size-15); overflow: hidden;} .team-detail-top>.left .img img{width: 100%; height: 100%;} .team-detail-top>.left a{display: flex; align-items: center; justify-content: center; height: var(--size-50); border-radius: var(--size-10); background-color: var(--color-dominant); margin-top: var(--size-15); color: #fff; line-height: 100%;} .team-detail-top>.left a:hover{background-color: var(--color-dominant1);} .team-detail-top .phone-ewm-layer{position: relative; opacity: 1; pointer-events: auto; left: var(--size-20); top: var(--size-20-);} .team-detail-top>.center .name{align-items: flex-end;} .team-detail-top>.center .name span{margin-left: var(--size-15);} .team-detail-top>.center .label{line-height: 180%;} .team-detail-top>.center .ccont span{color: var(--color-dominant);} .filter-detail{margin-top: var(--size-40);} .team-detail-cont{line-height: 200%;} .filter-detail.on dd{display: none;} .scheduling-cont{margin-left: calc(var(--size-10-) + 2px);} .scheduling-cont>*{padding-left: calc(var(--size-10) - 2px);} .scheduling-cont>* .time{height: var(--size-50); display: flex; align-items: center; justify-content: center; border-radius: 8px; background-color: #CDD2D8;} .scheduling-bottom>*{margin-top: 8px;} .scheduling-bottom>*>*{aspect-ratio: 1/1; border-radius: var(--size-10); border: 1px solid #fff; background-color: #fff; display: block;} .scheduling-bottom>*>div{background-color: var(--color-dominant); display: flex; align-items: center; justify-content: center; text-align: center;} .scheduling-bottom>*>a{padding: var(--size-25); transition-duration: 0.45s;} .scheduling-bottom>*>a>*{display: flex; flex-direction: column; height: 100%;} .scheduling-bottom>*>a>* .btn{margin-top: auto; align-items: center; font-size: clamp(12px, 0.7291666666666666vw, 14px); color: var(--color-gray6); transition: var(--transition);} .scheduling-bottom>*>a>* .btn i{width: 20px; height: 20px; border-radius: 50%; background-color: var(--color-dominant1); color: #fff; transition: var(--transition); font-size: 12px; display: flex; align-items: center; justify-content: center; margin-left: 6px;} .scheduling-bottom>*>a>* .nodata{color: #D9D9D9;} .scheduling-bottom>*>a:hover:has(.nodata){cursor: auto;} .scheduling-bottom>*>a:has(.btn){border-color: var(--color-dominant1);} .scheduling-bottom>*>a:hover:has(.btn){background-color: var(--color-dominant1); color: #fff;} .scheduling-bottom>*>a:hover:has(.btn) .btn{color: #fff;} .scheduling-bottom>*>a h3{transition: var(--transition); transition-duration: 0.45s;} .scheduling-bottom>*>a:hover:has(.btn) h3{color: #fff;} .scheduling-bottom>*>a:hover:has(.btn) .btn i{background-color: #fff; color: var(--color-dominant1); transform: rotate(-90deg);} .detail-banner{width: calc(100% + var(--size-40)); margin-left: var(--size-20-);} .detail-banner>.bd{margin: 0;} .detail-banner>.bd>*{width: 25%; padding: var(--size-20); margin-top: 0;} .detail-banner-btn{position: relative; right: 0; top: 0; background-color: var(--bg);} .searve-item>*{margin-top: var(--size-30);} .searve-item>*>*{display: flex; background-color: #fff; border-radius: var(--size-15); padding: var(--size-25); position: relative;} .searve-item>*>*::before{content: ''; display: block; width: 1px; height: 100%; background-color: #E9E9E9; position: absolute; left: calc(clamp(335px,34.89583333333333vw,670px) + var(--size-25)); top: 0;} .searve-item>*>* .left{width: clamp(335px,34.89583333333333vw,670px); padding-right: var(--size-40); display: block;} .searve-item>*>* .right{width: calc(100% - clamp(335px,34.89583333333333vw,670px)); padding: var(--size-25) var(--size-30) 0;} .searve-item>* .scheduling-cont>* .time{height: 25px;} .searve-item>* .scheduling-bottom>*>a{padding:calc(var(--size-10) / 2) var(--size-10); border: 1px solid #E2E2E2;} .searve-item>* .scheduling-bottom>*>a:hover:has(.btn){border-color: var(--color-dominant1); background: var(--color-dominant1); color: #fff;} .searve-item>* .scheduling-bottom>*>a:has(.btn){border-color: var(--color-dominant1);} .searve-item>*>* .left:hover img{transform: scale(1.1);} .searve-item>* .scheduling-bottom>*>*{aspect-ratio: 88/78;} .register-item{margin: var(--size-30-) 0 0 var(--size-30-);} .register-item>*{padding-left: var(--size-30); margin-top: var(--size-30);} .register-item>* .top{width: calc(100% - var(--size-20)); margin: auto; height: var(--size-95); align-items: center; padding: 0 var(--size-30) var(--size-30); border-radius: var(--size-15); background-color: var(--color-dominant); justify-content: space-between; font-weight: bold;} .register-item>* .top .right{opacity: 0.15;} .register-item>* .bottom{background-color: #fff; position: relative; margin-top: var(--size-30-); z-index: 2; border-radius: var(--size-15); background-color: rgba(255,255,255,.85);box-shadow: 0px 4px 18.6px 0px rgba(0, 0, 0, 0.04);backdrop-filter: blur(var(--size-10)); aspect-ratio: 350/260; display: flex; align-items: center; justify-content: center; overflow: hidden; padding: var(--size-20) var(--size-20);} .register-item>*:last-child .bottom{padding-left: var(--size-55); padding-right: var(--size-55);} .register-item>* .bottom .contact{align-items: center;} .register-item>* .bottom .contact i{width: 30px; height: 30px; border-radius: 50%; background-color: var(--color-dominant1); color: #fff; display: flex; align-items: center; justify-content: center;} .register-item>* .bottom .contact .text{width: calc(100% - 30px); padding-left: var(--size-10);} .register-item>* .bottom .contact .text .tel span{margin-left: var(--size-10);} .register-item>* .ewm-item{margin-left: var(--size-10-);} .register-item>* .ewm-item>*{padding-left: var(--size-10);} .news-list.guide>*>*{aspect-ratio: 355/280;} .layout-hd>*{margin-right: var(--size-15); height: var(--size-80); aspect-ratio: 300/80; border-radius: var(--size-15); background-color: #fff; padding: 0 var(--size-25); align-items: center; justify-content: space-between; cursor: pointer; transition: var(--transition);} .layout-hd>* .left{display: flex; align-items: center;} .layout-hd>* .left .icon{width: var(--size-35); position: relative; margin-right: var(--size-20);} .layout-hd>* .left .icon>*{transition: var(--transition);} .layout-hd>* .left .icon>*:nth-child(2){position: absolute; left: 0; top: 0; opacity: 0;} .layout-hd>* .right i{width: 20px; height: 20px; border-radius: 50%; background-color: var(--color-dominant1); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 12px;transition: var(--transition);} .layout-hd>* .right i::before{transform: scale(0.8);} .layout-hd>*.on,.layout-hd>*:hover{background-color: var(--color-dominant); color: #fff;} .layout-hd>*.on .icon>*:nth-child(2),.layout-hd>*:hover .icon>*:nth-child(2){opacity: 1;} .layout-hd>*.on .icon>*:nth-child(1),.layout-hd>*:hover .icon>*:nth-child(1){opacity: 0;} .layout-hd>*.on .right i,.layout-hd>*:hover .right i{transform: rotate(-90deg);} .labout-map,.labout-img{border-radius: var(--size-25); overflow: hidden; background-color: #fff; padding: var(--size-10);} .labout-map>*{border-radius: var(--size-25); overflow: hidden; aspect-ratio: 1500/600;} .labout-img>*{border-radius: var(--size-25); overflow: hidden; pointer-events: none;} .news-list.guide>*>*{padding: var(--size-30);} .news-list.guide>*>* .time{margin: var(--size-20) 0 var(--size-10-);} .departent-detail-cont>.nname{margin-top: var(--size-30-);color: rgba(102, 105, 105, 0.05);} .l-require{color: #F00;} .suggestions-main>.bg{position: absolute; left: 0; bottom: var(--size-100-); width: clamp(617px,64.27083333333333vw,1234px);} .lh-suggestions>.right{width: clamp(414px,43.125vw,828px); padding-top: var(--size-80);} .lh-suggestions>.left{width: calc(100% - clamp(414px,43.125vw,828px)); padding-right: var(--size-30);} .suggestions-form{background-color: #fff; display: block; border-radius: var(--size-15); padding: var(--size-45) var(--size-80);--border-color:#cacaca;} .suggestions-item>*{margin-top: var(--size-25);} .suggestions-item>*:first-child{margin-top: 0;} .suggestions-item>* .title{margin-bottom: var(--size-15);} .suggestions-radio{margin: var(--size-25-) 0 0 var(--size-25-);} .suggestions-radio>*{padding-left: var(--size-25); margin-top: var(--size-25);} .suggestions-radio>*>*{height: var(--size-50); border: 1px solid var(--border-color); border-radius: var(--size-10); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: var(--transition); transition-duration: 0.45s;} .suggestions-radio>*.on>*,.suggestions-radio>*>*:hover{border-color: var(--color-dominant1); color: var(--color-dominant1);} .suggestions-item>* textarea,.suggestions-item>* input{ height: var(--size-50); border-radius: var(--size-10); border:1px solid var(--border-color);} .suggestions-item>* textarea{height: var(--size-100);} .suggestions-code{align-items: center;} .suggestions-code input{width: calc(var(--size-90) * 2);} .code-img{margin-left: var(--size-40);} .suggestions-btn{display: flex; align-items: center; justify-content: center; height: var(--size-55); border-radius: var(--size-10); background-color: var(--color-dominant); margin-top: var(--size-35); color: #fff;} .suggestions-btn>button{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; cursor: pointer;} .suggestions-btn:hover{background-color: var(--color-dominant1);} .internal-cont>.left,.internal-cont>.right{width: clamp(169px,17.604166666666668vw,338px);} .internal-cont>.center{width: calc(100% - clamp(169px,17.604166666666668vw,338px) * 2); padding: 0 var(--size-15);} .internal-cont .research-l-news{margin-top: var(--size-10-);} .internal-cont .research-l-news>*>*{aspect-ratio: 338/273;} .internal-cont .research-l-news>* i{background-color: #fff;} .internal-cont .research-l-news>*>*:hover{background-color: #fff;border-color: #fff;} .news-cont-bottom.list{margin: var(--size-25-) 0 0 var(--size-25-);} .news-cont-bottom.list>*{padding-left: var(--size-25); margin-top: var(--size-25);} .news-cont-bottom.list>* a{background-color: #fff; border-radius: var(--size-15); padding: var(--size-15) var(--size-30) var(--size-15) var(--size-15);} .news-cont-bottom.list>* .text::before,.news-cont-bottom.list>* .text::after{height: calc(100% + var(--size-30));} .departent-detail-cont.news>.name::before{display: none;} .news-come{align-items: center;} .news-come>*{margin-right: var(--size-30);} .news-come>*:last-child{margin-right: 0;} .departent-detail-cont.news>.cont::before{content: ''; display: block; width: 100%; height: 1px; background-color: #D9D9D9; position: absolute; left: 0; top: var(--size-20-);} .department-introduction-cont.teaching>.right{justify-content: center; padding: 0;} .consortium-dynamics>.right{width: calc(100% - clamp(169px,17.604166666666668vw,338px));} .consortium-dynamics .dynamics-cont-banner{margin-bottom: 0; height: 100%;} .consortium-dynamics .dynamics-cont-banner>.bd .img{width: clamp(255px,26.5625vw,510px); aspect-ratio: 1/1;} .consortium-dynamics .dynamics-cont-banner>.bd .text{width: calc(100% - clamp(255px,26.5625vw,510px));} .consortium-dynamics .dynamics-btn{left:calc(clamp(255px,26.5625vw,510px) + var(--size-70)) ;} .consortium-dynamics .research-l-news{height: calc(100% + var(--size-20));} .consortium-dynamics .research-l-news>*{height: 50%; margin: 0; padding: var(--size-10) 0;} .consortium-dynamics .research-l-news>*>*{height: 100%; aspect-ratio: auto;} .units-item>*{margin-top: var(--size-35); margin-left: var(--size-35-); position: relative;} .units-item>*>*{padding-left: var(--size-35);} .units-item>*>*>*{background-color: #fff; border-radius: var(--size-20); padding: var(--size-50); display: block; position: relative; aspect-ratio: 1/1; overflow: hidden;} .units-item>*>* .icon{width: var(--size-60); margin-bottom: var(--size-20);} .units-item>*>* .bg,.units-item>*>* .ccont,.units-item>*>* .btn{display: none;} .units-item>*>* .ccont{color: #fff; width: 70%;} .units-item>*>* .bg{position: absolute; left: 0; top: 0; right: 0; bottom: 0;} .units-item>*>* .bg img{width: 100%; height: 100%;} .units-item>*>* .btn{margin-top: auto;} .units-item>*>*>*:hover{transform: translateY(-10px);} .units-item>*>*:first-child{width: 50%;} .units-item._list>*>*:first-child{width: 25%;} .units-item>*>*:first-child>*{aspect-ratio: 2/0.95; height: 100%;} .units-item>*>*:first-child>*::before{content: ''; display: block; width: 100%; height: 100%;background: linear-gradient(90deg, #0C798E 13.08%, rgba(12, 121, 142, 0.00) 100%); position: absolute; left: 0; top: 0; z-index: 2;} .units-item>*:nth-child(2n)>*:first-child>*::before{background: linear-gradient(90deg, #F08519 13.08%, rgba(12, 121, 142, 0.00) 100%); } .units-item>*>*:first-child .icon,.units-item>*>*:first-child .nname{display: none;} .units-item>*>*:first-child .bg,.units-item>*>*:first-child .btn{display: block;} .units-item._list>*>*:first-child .bg,.units-item._list>*>*:first-child .btn{display: none;} .units-item._list>*>*:first-child>*{aspect-ratio: 1/1;} .units-item._list>*>*:first-child .icon, .units-item._list>*>*:first-child .nname{display: block;} .units-item._list>*>*:first-child>*::before{display: none;} .units-item._list>*>*:first-child .text{position: initial; color: #000; display: block; padding: 0;} .units-item._list>*:nth-child(2)>:first-child{position: relative;} .units-item>*>*:first-child .ccont{display: -webkit-box;} .units-item>*>*:first-child .text{position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 3; padding: var(--size-60); color: #fff; display: flex; flex-direction: column;} .units-item>*:nth-child(2)>:first-child{position: absolute; right: 0; top: 0; height: 100%;} .units-item>*>*:first-child .text .public-btn{background-color: #fff; border-color: #fff; transition: var(--transition);} .units-item>*>*:first-child .text .public-btn i{background-color: var(--color-dominant1); color: #fff;} .units-item>*>*:hover .text .public-btn{color: #B8BFC8;} .units-item>*>*:hover .text .public-btn i{transform: rotate(-90deg);} .vacancy-item{margin: var(--size-30-) 0 0 var(--size-30-);} .vacancy-item>*{padding-left: var(--size-30); margin-top: var(--size-30);} .vacancy-item>*>*{background-color: #fff; border-radius: var(--size-20); display: flex; flex-direction: column; aspect-ratio: 350/400; padding: var(--size-25); border: 1px solid #fff; transition: var(--transition); cursor: pointer;} .vacancy-item>* .nname>*,.vancancy-info .nname>*{align-items: center; display: flex; margin-right: var(--size-30); margin-top: var(--size-10);} .vacancy-item>* .nname>*:last-child,.vancancy-info .nname>*:last-child{margin-right: 0;} .vacancy-item>* .bottom,.vancancy-info .bottom{ position: relative; padding-top: var(--size-25); align-items: center;} .vacancy-item>* .bottom{margin-top: auto;} .vacancy-item>* .bottom::before,.vancancy-info .bottom::before{content: ''; display: block; width: 100%; height: 3px; background-color: var(--color-dominant); position: absolute; left: 0; top: 0;} .vacancy-item>* .bottom a,.vancancy-info .bottom a{text-decoration: underline;text-underline-offset: 5px;} .vacancy-item>* .nname>* i,.vancancy-info .nname>* i{margin-right: 4px;} .vacancy-item>*>*:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1); border-color: var(--color-dominant1);} .vacancy-layer{position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.5); z-index: 1000; align-items: center; justify-content: center; opacity: 0; pointer-events: none;} .vacancy-layer-cont{width: clamp(367px,38.229166666666664vw,734px); transform: scale(0.7); opacity: 0; padding: var(--size-40);} .vacancy-layer-cont::before{content: ''; display: block; width: 100%; aspect-ratio: 734/75; height: var(--size-75); position: absolute; left: 0; top: 0; background: url(../img/icon14.png) no-repeat center; background-size: cover; z-index: 1;} .vacancy-layer-cont::after{content: ''; display: block; width: calc(100% - 1px); height: calc(100% - var(--size-75)); background-color: #fff; position: absolute; left: 1px; bottom: 0; border-radius: 0 0 var(--size-20) var(--size-20);} .vancancy-close{width: var(--size-40); aspect-ratio: 1/1; border-radius: 50%; background-color: var(--color-dominant1); color: #fff; position: absolute; right: 0; top: 0; display: flex; align-items: center; justify-content: center; transform: rotate(-90deg); z-index: 4;} .vancancy-info{position: relative; z-index: 3; max-height: 70vh; overflow-y: auto;} .vancancy-shadow{position: absolute; left: 0; top: 0; right: 0; bottom: 0;} .public-img-layer{position: fixed; left: 0; top: 0; z-index: 1000; background: rgba(0,0,0,.5); display: flex; align-items: center; justify-content: center; right: 0; bottom: 0;} .public-layer-shadow{position: absolute; left: 0; top: 0; right: 0; bottom: 0;} .public-img-layer-cont{max-width: 80vw; max-height: 80vh; position: relative;} .layer-close{position: absolute; left: 50%; top: calc(100% + var(--size-30)); width: var(--size-40); margin-left: var(--size-20-); aspect-ratio: 1/1; border-radius: 50%; background-color: var(--color-dominant1); color: #fff; display: flex; align-items: center; justify-content: center; transform: rotate(-90deg);} .public-nav{position: sticky; top: clamp(85px,4.947916666666666vw,95px); z-index: 10;} /* .departent-detail-more{top: calc(clamp(85px,4.947916666666666vw,95px) + var(--size-80));} */ .units-link{position: relative; top: calc(clamp(-95px, -4.947916666666666vw, -85px) + var(--size-80-));} .login-web-bg{position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: none;} .login-web-bg>*{width: 100%; height: 100%;} .web-jt{display: none;} .news-top-r>* .cont .name{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;word-break: break-all;-webkit-line-clamp:2; line-height: 120%; margin-top: var(--size-10);} .public-title.web{display: none;} .beauty-news-item{width: 100%;} .overview-honors{display: none;} .web_icon,.login-web-nav{display: none;} .change-teams{background-color: #E1EEF2;} .change-teams-mouse{justify-content: flex-end;} .change-teams-mouse>*{height: var(--size-50); min-height: 36px; border-radius: var(--size-50); background-color: #fff;box-shadow: 0px 4px 22.4px 0px rgba(0, 55, 66, 0.09); display: flex; align-items: center; justify-content: center; padding-right: calc(var(--size-15) + 2px);} .change-teams-mouse>* .icon{height: 100%; aspect-ratio: 1/1; border-radius: 50%; background-color: var(--color-dominant); display: flex; align-items: center; justify-content: center; margin-right: 6px;} .change-teams-mouse>* .icon img{width: 20px;} .change-teams-text{position: relative; z-index: 3;} .change-teams-text>.label{height: var(--size-40); line-height:var(--size-40); display: inline-block; padding: 0 calc(var(--size-10) + 2px); background-color: var(--color-dominant1); color: #fff; border-radius: 8px;} .change-teams-text>.name{align-items: center;} .change-teams-text>.name span{margin-left: var(--size-15); position: relative; top: 2px;} .change-teams-text{width: clamp(380px,23.4375vw,450px); color: #353535;} .change-teams-cont{display: flex; flex-direction: row; flex-wrap: wrap;} .change-teams-r{width: calc(100% - clamp(380px,23.4375vw,450px)); padding-left: var(--size-60);} .change-teams-banner-box{width: calc(100% + (100vw - clamp(765px,79.6875vw,1530px)) / 2 + 15px); padding-right: clamp(85px,4.947916666666666vw,95px); padding-left: var(--size-130);} .change-teams-banner>.bd>*{width: clamp(200px,13.90625vw,267px); aspect-ratio: 252/145; padding-right: var(--size-15);} .change-teams-banner>.bd>*>*{width: 100%;border-radius: var(--size-15); background-color: #fff; padding: calc(var(--size-10) + 3px) var(--size-10); display: flex; height: 100%; position: relative;} .change-teams-banner>.bd>* .img{height: 100%; aspect-ratio: 94/120; border-radius: var(--size-15); overflow: hidden; display: flex; align-items: center; justify-content: center; background-color: var(--color-dominant);} .change-teams-banner>.bd>* .img img{height: 100%;} .change-teams-banner>.bd>* .text{width: 65%; padding-left: calc(var(--size-10) + 3px);} .change-teams-banner>.bd>* .text .name{color: #121212; margin-top: var(--size-10);transition: var(--transition);} .change-teams-banner>.bd>* .text .cont{color: var(--color-dominant);transition: var(--transition);} .change-teams-banner>.bd>* .iconfont{width: 26px; aspect-ratio: 1/1; border-radius: 50%; background-color: var(--color-dominant1); display: flex; align-items: center; justify-content: center; position: absolute; right: 6px; top: 6px; color: #fff; font-size: 12px; transition: var(--transition);} .change-teams-banner>.bd{transition-timing-function: linear !important; will-change: transform;} .change-teams-text>.ccont{color: #4A4D50;} .change-teams-banner>.bd>*>*:hover{background-color: var(--color-dominant1);} .change-teams-banner>.bd>*>*:hover .iconfont{transform: rotate(-90deg);} .change-teams-banner>.bd>*>*:hover .name,.change-teams-banner>.bd>*>*:hover .cont{color: #fff;} .change-teams-banner1{margin-left: var(--size-130-);} .new-detail{padding-top: 0;} .new-detail .departent-detail{margin-top: 0;} .new-detail>*>.public-title{margin-bottom: var(--size-40);} .lh-crumbs{padding: var(--size-30) 0; color: #888; align-items: center;} .lh-crumbs i{margin: 0 var(--size-10); font-size: 12px; font-weight: 100;} .lh-crumbs>a:hover{color:#333;} .new-mdt>*>.left{width: calc(var(--size-100) * 4 + var(--size-60));} .new-mdt>*>.right{width: calc(100% - calc(var(--size-100) * 4 + var(--size-60))); padding-left: var(--size-30);} .new-mdt{background-color: #E1EEF2;} .new-mdt>*{align-items: center;} .hospital-cul{margin-left: var(--size-30-);} .hospital-cul>*{margin-top: var(--size-30); padding-left: var(--size-30);} .new-mdt-item{justify-content: center; align-items: center;} .new-mdt-item>*{margin-top: var(--size-10); margin-left: calc(var(--size-10) / 2); margin-right: calc(var(--size-10) / 2);} .new-mdt-item>*>*{padding: var(--size-10); display: flex; aspect-ratio: 2.3/1; height: var(--size-120); position: relative; background-color: #fff; border-radius: var(--size-15);} .new-mdt-item>* .img{width: var(--size-70); aspect-ratio: 392/524; display: flex; align-items:flex-end; justify-content: center; background-color: var(--color-dominant); overflow: hidden; border-radius: var(--size-10);} .new-mdt-item>* .text{width: calc(100% - var(--size-70)); padding-left: var(--size-15);} .new-mdt>*>.left>*{width: 100%;} .new-mdt>*>.left>* .left{max-width: 100%;} .new-mdt-item>*>* .cont{margin-top: 6px;} .new-mdt-item>*>* .label{position:absolute; right: var(--size-10); top: var(--size-10); padding: 2px 4px; background-color: var(--color-dominant1); color: #fff; border-radius: 4px; transform-origin: right top; transform: scale(0.9);} .new-mdt-item>*>* .iconfont{width: 24px; aspect-ratio: 1 / 1; border-radius: 50%; background-color: var(--color-dominant1); display: flex ; align-items: center; justify-content: center; position: absolute; right: 6px; top: 6px; color: #fff; font-size: 12px; transition: var(--transition);} .new-mdt-item{flex-wrap: nowrap;} /* .new-mdt-item.four>*,.new-mdt-item.three>*,.new-mdt-item.five>*{margin-left: var(--size-10); margin-right: var(--size-10);} */ .new-mdt-item.four>*>*,.new-mdt-item.three>*>*,.new-mdt-item.five>*>*{ aspect-ratio: 1.9/1;} .new-mdt-item>*>*:hover{background-color: var(--color-dominant1); color: #fff;} .new-mdt-item>*>* .name{transition: var(--transition);} .new-mdt-item>*>*:hover .iconfont{transform:rotate(-90deg);} .new-mdt-item>*>*:hover .name{color: #fff;} .mdt-layer{opacity: 1;pointer-events:auto;} .mdt-layer .vacancy-layer-cont{opacity: 1; transform: scale(1);} .mdt-layer-info>.img{width: calc(var(--size-100) * 2); border-radius: var(--size-10); overflow: hidden; display: flex; aspect-ratio: 392/524; align-items: flex-end; justify-content: center; background-color: var(--color-dominant); height: 100%;} .mdt-layer-info>.info{width: calc(100% - var(--size-100) * 2); padding-left: var(--size-30);} .mdt-layer-info>.info .label{padding: 6px 10px; background-color: var(--color-dominant1); color: #fff; border-radius: 6px; display: inline-block; line-height: 100%;} .mdt-layer-info>.info .name{align-items: center;} .mdt-layer-info>.info .name>span{margin-left: var(--size-10);} .ulleft{margin-left:-56px;} /* .change-teams-banner{-webkit-mask-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));} */ /* .change-teams-banner1{transform: rotate(180deg);} .change-teams-banner1>.bd>*>*{transform: rotate(-180deg);} */ /* --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: 1750px){ .new-mdt-item>*>* .cont>.lines{-webkit-line-clamp:2;} .index-banner{height: 80vh;} } @media screen and (max-width: 1600px){ .new-mdt-item>*>* .cont>.lines{-webkit-line-clamp:2;} .index-banner{height: 80vh;} } @media screen and (max-width: 1500px){ .footer-contact::after{left: var(--size-40-);} .public-nav-item>*{margin-right: var(--size-50);} .lh-nav>li{margin-right: var(--size-50);} .index-banner{height: 74vh;} .teams-cont>.left{width: calc(100% - clamp(90px, 5.9375vw, 114px));} .teams-cont>.right{width: clamp(90px, 5.9375vw, 114px);} } @media screen and (max-width: 1300px){ .new-mdt-item>*>* .cont{margin-top: 3px;} .beauty-news-item>* .text .ccont{margin-top: 0;} .index-banner{height: 65vh;} .index-banner .l-container{top:110px;} } @media screen and (max-width: 1200px){ .lh-nav>li{margin-right: var(--size-45);} .public-nav-item>*{margin-right: var(--size-30);} .new-mdt-item>*>* .cont>.lines{-webkit-line-clamp:1;} .index-banner{height: 65vh;} .ulleft{margin-left:0px;} .index-banner .l-container{top:0px;} } /*平板*/ @media screen and (max-width: 1024px){ .l-container{width: 100%;} .login-right{opacity: 1; right: 0; top: 70px; transform: translateY(0); display: flex; height: 75px; left: 0; background: rgba(0, 0, 0, 0.50); width: 100vw; padding: 0 10px;clip-path: inset(0% 0% 0% 100%); transition: var(--transition);} .login-right .top{width:14.285714285714286%; height: 100%; aspect-ratio: auto; background: none;} .login-right .bottom{width: calc(100% - 14.285714285714286%); padding: 0; margin-top: 0;backdrop-filter:inherit; border-radius: 0; background: none; align-items: inherit;} .login-right-item>li>a .icon{width: 35px;border-radius: 15px; background: var(--bg); transition: var(--transition);} .login-right-item>li>a .icon::before,.login-right-item>li>a .icon::after{display: none;} .login-right-item>li{margin-top: 0; position: relative; height: 100%; display: flex; align-items: center; justify-content: center;} .login-ewm-layer .ewm-item li>*{border: 1px solid rgba(255,255,255,0.5); background: none; position: relative;border-radius: 7px;} .login-ewm-layer .ewm-item li>*::before{content: ''; display: block; width: calc(100% + 2px); height: 100%; background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.90) 100%);border-radius: 7px; backdrop-filter: blur(5.4931640625px); position: absolute; left: -1px; top: -1px; z-index: -1;} .login-right-item>li>a:hover .icon::after{opacity: 1; border-radius: 15px;} .login-right-item>li>a .name,.login-right .top .name{white-space: nowrap; position: absolute; left: 50%; bottom: 12px; transform: translate(-50%,10px) scale(0.8); opacity: 0; margin-top: 0;transition: var(--transition);} .login-right .top .icon{width: 35px; aspect-ratio: 1/1;border-radius: 15px; background: var(--bg); display: flex; align-items: center; justify-content: center; transition: var(--transition);} .login-right .top .icon>:first-child{display: none;} .login-right .top .icon>.web_icon{display: block; width: 16px;} .login-right-item>li>a::before,.login-right .top::before{content: ''; display: block; width: 68px; aspect-ratio: 1/1;border-radius: 10px;background: rgba(255, 255, 255, 0.19); backdrop-filter: blur(2.6879279613494873px); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: 0; transition: var(--transition);} .login-ewm-layer{right: -10px; width: 100vw; bottom: auto; top: 100%;border-radius: 0px 0px 10px 10px;background: linear-gradient(180deg, rgba(12, 121, 142, 0.22) 0%, #0C798E 100%);backdrop-filter: blur(3.662109375px); padding: 15px 15px 0;} .ewm-bottom{display: none;} .login-right-item>li{transition: var(--transition);} .login-right-item>li:active,.login-right-item>li:hover,.login-right-item>li.active{margin: 0 15px;} .login-right-item>li:last-child:active,.login-right-item>li:last-child:hover{margin: 0 0 0 15px;} .login-right-item>li:active>a::before,.login-right-item>li:hover>a::before,.login-right-item>li.active>a::before,.login-right .top:active::before,.login-right .top:hover::before{opacity: 1;} .login-right-item>li:active>a .name,.login-right-item>li:hover>a .name,.login-right-item>li.active>a .name, .login-right .top:active .name,.login-right .top:hover .name{opacity: 1;transform: translate(-50%,0) scale(0.8);} .login-right-item>li:active>a .icon,.login-right-item>li:hover>a .icon,.login-right-item>li.active>a .icon,.login-right .top:active .icon,.login-right .top:hover .icon{transform: translateY(-10px);} .login-web-nav{height: 47px; background-color: rgba(0,0,0,0.5); color: #fff; font-size: 12px; padding: 6px; width: 95px; display: flex; align-items: center; border-radius: 47px 0 0 47px; position: fixed; right: 0; top: 70px; cursor: pointer; transition: var(--transition);} .login-web-nav .icon{width: 35px; margin-right: 10px;} .webNav .login-right{clip-path: inset(0% 0% -100vh 0%);} .webNav .login-web-nav{transform: translateX(100%);} .login-right-item{display: flex; width: 100%;} .login-quick a::after{display: none;} .login-quick a:hover .name{transform: translateY(0);} .login-right-item>*{flex: 1;} .login-header{padding: 20px 0;} .login-weather{margin-top: -14px;} .login-weather .bottom{margin-top: -4px;} .lh-header{height: 60px; --height:60px;} .lh-fixed{top:auto; bottom: 30px; right: 10px; width: 50px; background: none;} .fixed-item>*:not(:last-child){display: none;} .fixed-item>*>a{border: none; border-radius: 10px;background-color: #7A8799; color: #fff;} .fixed-item>*>a h3{margin-top: 4px; font-size: 12px; transform: scale(0.8);} main{padding-top: 60px;} .login-quick{margin-top: 0;} .login-quick>*{width: 33.3%;} .login-quick>*:first-child{width: 100%;} .login-quick>* .icon{display: none;} .login-quick>* a{aspect-ratio: auto; height: 70px;} .login-quick>* .name{margin-top: 0; font-size: 4.266666666666667vw;font-size: clamp(12px, 4.266666666666667vw, 20px); padding: 0 5px; text-align: center;white-space: nowrap;} .login-quick>*:nth-child(4) .name{padding:0 17%;white-space: normal;} /* .login-quick li:last-child{width: 100%;} .login-quick li:last-child a{aspect-ratio: 2/0.6;} */ .login-bottom{bottom: 30px;} .login-bottom-home{width: 120px; position: fixed; left: 50%; top: 40%; transform: translate(-50%,-50%);} .login-weather .bottom em{top: 0;} .login-bottom-home .text>*{transform: scale(0.8);} /*.index-banner{height: auto; aspect-ratio: 1920/1080;}*/ .index-banner{height: auto; /*aspect-ratio: 1920/1080;*/ margin-left:0px;} .index-quick>.left{aspect-ratio: 644/260;} .index-search{height: 40px;} .index-search input{padding-right: 100px;} .index-search a{height: 30px;} .index-quick>.right{padding: 0;} .quick-r-top>li{width: 50%; margin-top: var(--size-20);} .quick-r-top>li a{aspect-ratio: 2/1.5;} .quick-r-top>li a:hover{transform: none; color: initial;} .quick-r-notice>.right{width: 70%;} .quick-r-bottom{width: 100%; margin-left: 0; display: block; margin-top: 22px;} .quick-r-btn{width: 100%; display: flex; font-size: 12px; margin-left: -5px; margin-top: 10px;} .quick-r-btn>*{width: 25%; background:none; border-radius: 0; padding-left: 5px; aspect-ratio:inherit; margin-top: 0;} .quick-r-btn>* a{background-color: var(--color-dominant); padding:8px 4px; border-radius: 20px;white-space: nowrap; font-size: 2.5vw;} .discipline-nav>*>*{font-size: 2.6vw;} .news-hd>*{margin-right: 10px;} .quick-r-btn>*.on{background: none; color: inherit;} .quick-r-btn>*.on a{background-color: var(--color-dominant1);} .quick-r-cont{margin-top: 10px; width: 100%; border-radius: 10px;} .quick-link>*{width:33.3%; font-size: 12px;} .quick-link>*>*{padding: 0 5px;} .quick-link>* i{font-size: 12px;} .public-title>.right{margin-top: 10px;} .public-btn span::after{width: 30px;} .quick-link>*>*:hover i{transform: none;} .teams-cont>.left{padding-right: 0; height: auto;} .teams-banner .ccont{bottom: 10px; color: #B4D3EA;} .lh-header{background-color: #fff;color: #000;box-shadow: 0px 4px 18.1px 0px rgba(214, 214, 214, 0.20); padding-left: 15px;} .lh-header::before{content: ''; display: block; width: 100%; height:60px; background-color:#fff; position: absolute; left: 0; top: 0; z-index: 1; box-shadow: 0 0 20px rgba(0,0,0,0.1);} .lh-header .logo .logo1{opacity: 0;} .lh-header .logo .logo2{opacity: 1;} .teams-r-banner{height: auto; margin-top: 10px;} .teams-cont>.right,.teams-cont{height: auto;} .teams-r-btn{display: none !important;} .news-cont-top>.right{padding: 0;} .news-top-r>* .cont .bottom{margin-top: 10px; display: none;} .news-top-r>*{margin-top: 10px;} .news-top-r>*:first-child{margin-top: 10px;} .news-top-r>* a{background-color: #fff; border-radius: var(--size-15); padding: var(--size-25);} .news-top-r>*:nth-child(2) a{padding-bottom: var(--size-25);} .news-cont-bottom>*{width: 100%;} .treatment-cont{display: block; margin: 0; aspect-ratio: inherit;} .treatment-cont>*{padding: 0; margin-top: 10px;} .treatment-cont>*.center{margin-top: 0;} .treatment-cont>*.center>*{margin-top: 10px; padding-top: 0;} .treatment-cont>* .text .btn i{width: 28px;} .treatment-cont>*.right .text, .treatment-cont>*.center .text{padding: 20px;} .treatment-cont>*.right a,.treatment-cont>*.center a{border-radius: 15px;} /* .department-banner{aspect-ratio: 2/1.2;} */ .department-btn>*{width: 30px;} .department-banner .text{padding: 30px; width: 80%; top: auto; bottom: 0;} .department-banner .text .ccont{display: none;} .department-bottom-banner .bd li .btn i,.research-l-news>* i{width: 20px;} .department-bottom-banner .bd li .btn i::before,.research-l-news>* i::before{font-size: 12px; transform: scale(0.8);} .research-cont>.left{padding: 0;} .research-l-cont .research-l-news{height: auto; margin-top: -10px;} .research-l-cont .research-l-news>*{margin-top: 10px; padding: 0;} .research-l-ccont{padding: 0; height: auto;} .research-l-cont,.research-cont>.right,.research-l-cont .research-l-news>*{height: auto;} .research-l-news{width: 100%;} .research-cont>.right,.research-l-ccont{margin-top: 10px;} .research-l-cont .research-l-news>* .text{margin-top: 20px;} .index-research .research-l-cont .research-l-news>* .text{margin-top: 10px;} .footer-top>.right{width: 100%; padding: 0;} .footer-quick-item>* a{padding: 10px 15px;} .footer-quick-item>* .icon{height: 20px; width: 30px;} .footer-right>*.right{width: 100%; padding: 0; margin-top: 20px; display: block;} .footer-copy>*{margin-top: 4px;} .treatment-cont>* .text .bottom p i{font-size: 18px; width: 24px;} .treatment-cont>* .text .bottom p span{width: calc(100% - 24px);} .lh-nav{position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; display: block; background-color: #fff; padding-top: 30%; opacity: 0; pointer-events: none;} .lh-nav>li{margin:30px 0; height: auto; font-size: 18px;} .on .lh-nav{opacity: 1; pointer-events: auto; transition: var(--transition); transition-duration: 0.4s;} .public-banner{padding-top: 0; /*height: 140px;*/ aspect-ratio: auto;} .banner-doctor{top: 0;} .public-banner::before{width: 40%;} .vacancy-item>*{width: 100%;} .vacancy-item>*>*{aspect-ratio: 350/300;} .vacancy-layer-cont{width: 90vw;} .vacancy-layer-cont::before{height: auto; display: none;} .vacancy-layer-cont::after{left: 0; width: 100%; height: 100%; border-radius: 10px;} .vancancy-close{right: auto; left: 50%; top: calc(100% + 20px); transform: scale(-90deg); width: 30px; margin-left: -15px;} .public-pages{font-size: 12px; width: calc(100% + 30px); margin-left: -15px;} .public-pages>a{width: 7.6vw; height: 7.6vw; margin: 0 0.5vw;} .public-pages>a.prev, .public-pages>a.next{font-size: 12px;} .public-pages>.go input{width: 24px; height: 24px; line-height: 24px;} .public-pages>.confirm{width: 40px;} .public-title .name .en{font-size: 20px;} .treatment-cont>*.left,.treatment-cont>*.center>*,.treatment-cont>.right{height: 300px;} .public-nav>*{padding: 0;} .public-nav-item{display: block;white-space: nowrap;overflow-x: auto; height: 45px; padding:0 15px;} .public-nav{height: 45px;} .public-banner>.l-container{padding-top: 0;} .public-nav-item>*{display: inline-block; line-height: 45px; height: 30px; margin-right: 15px;} .public-nav-item>*::after{display: none;} .public-nav-item>*.on{color: var(--color-dominant1);} .news-list.list>*>*{aspect-ratio: 355/300;} .news-list.guide>*>*{aspect-ratio: inherit;} .news-list.guide>*>* .bottom{margin-top: 10px;} .position-bd .cont{width: 60%;} .position-cont>.left,.dynamic-cont>.left,.departent-detail>.left{padding-right: 0;} .public-banner-btn>*{width: 24px; font-size: 12px;} .dynamic-cont>.right{margin-top: 15px;} .example-cont{padding: 10px;} .example-btn{bottom:10px; left: auto; right: 15px;} .news-list>*>*{padding-bottom: 20px;} .departent-detail-more, .public-nav{top: 60px;} .departent-detail>.right{margin-top: 20px;} .suggestions-form{padding: 20px;} .lh-suggestions>.left .ccont{margin-top: 20px;} .suggestions-radio>*>*,.suggestions-item>* textarea, .suggestions-item>* input{height: 30px;} .suggestions-item>* textarea{height: 80px;} .suggestions-btn{height: 35px;} .register-item>* .bottom{aspect-ratio: 350 / 220; padding: 0 50px;} .filter-item>dd>*{width:auto; font-size: 12px;} .filter-choose>.right{display: none;} .filter-choose-item>*{font-size: 12px;aspect-ratio:140/45} .filter-choose-item>* i{font-size: 12px;} .filter-search{margin-top: 10px; width: 100%; height: 32px; padding-right: 10px;} .searve-item>*>* .left,.searve-item>*>* .right{width: 100%; padding: 0;} .searve-item>*>*{display: block;} .searve-item>*>* .right{margin-top: 15px;} .phone-ewm-layer{width: 90px;} .phone-ewm>.icon{width: var(--size-60);} .scheduling-cont>* .time{font-size: 2.6vw;} .scheduling-bottom>*>*>div{transform: scale(0.6);} .searve-item>* .scheduling-bottom>*>a{padding: 0;} .scheduling-bottom>*>a>* .btn{margin-top:10px;white-space: nowrap;} .scheduling-bottom>*{margin-top: 4px;} .searve-item>* .scheduling-bottom>*>*{aspect-ratio: 1/1;} .health-item>* .text{aspect-ratio: 319 / 120;} .dynamics-cont-banner>.bd a{display: block;} .dynamics-cont-banner>.bd .text{padding: 20px;} .dynamics-cont-banner>.bd .text .btn{margin-top: 20px;} .department-introduction-cont>.left .ewm{left: auto; right: 0; display: none;} .department-introduction-cont>.left{padding: 20px; border-radius: 10px;} .department-introduction-cont>.left .top::before{left: -20px;} .department-introduction-cont>.right{padding: 0; margin-top: 10px;} .major-item{margin: -15px 0 0 -15px;} .major-item>*{width:50%; padding-left: 15px; margin-top: 15px;} .equipment-cont>.right{padding: 0; margin-top: 15px;} .equipment-list>*{width: 50%;} .equipment-cont>.left>* .text .btn i{width: 20px;} .equipment-cont>.left>* .text .btn i::before,.equipment-list>* .top i::before{transform: scale(0.8);} .equipment-list>* .top i{font-size: 12px;} .public-banner.doctor>img,.public-banner.kangmei>img{height: 100%;} .hosiptal-top>.right{padding: 0; margin-top: 15px;} .hospital-cul{padding: 0 5%;} .hospital-cul>*{width: 50%; margin-top: 15px; display: flex; padding-left: 4%;} .major-item>*>*{padding: 15px 10px;} .beauty-news-cont{aspect-ratio: auto;} .beauty-news-cont>.left>* .text{padding: 20px; width: 100%;} .beauty-news-cont>.left>*{aspect-ratio: 1/0.6;} .beauty-news-cont>.left>* .text .ccont{display: none;} .beauty-news-cont>*.right{padding: 0 15px;} .beauty-news-item>* .day{width: 60px;} .beauty-news-item>* .text{width: calc(100% - 60px);} .beauty-teams-text{width: 100%;} .care-info>.left{width: 50.666666666666668%;} .care-info>.right{width: 48.666666666666668%;} .care-info>* .text{padding: 20px;} .care-info>* .text .name{font-size: 18px;} .care-info>*>* .ccont,.care-info>*>* .btn{display: none;} .popularization-btn>.next{right: -10px;} .popularization-btn>.prev{left: -10px;} .team-detail-top>.left{width:120px;} .team-detail-top>.center{width: 100%; padding: 0;} .team-detail-top>.center .name{position: absolute; left: 150px; top: 15px; display: block;} .team-detail-top>.center .name>span{display: block; margin-left: 0; margin-top: 4px;} .team-detail-top>.center .label{position: absolute; left: 150px; top: 70px;} .team-detail-top>.left a{height: 32px;} .scheduling-bottom>*>a{padding: 0;} .scheduling-bottom>*>a>* .btn i{display: none;} .scheduling-bottom>*>*>div>p{transform: scale(0.9);} .discipline-item>dt .icon{width: 12px;} .discipline-nav{font-size: 12px;} .discipline-item>dt{padding: 0 10px;} .discipline-item>dd{padding: 10px 0 10px 10px; font-size: 12px; display: flex;} .discipline-item>dd>*{margin: 0 4px 4px 0; min-width: auto; width: calc(33.3% - 8px); padding: 0 5px;} .discipline-item>dd>* span{text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all;-webkit-line-clamp: 1; width: 90%;} .news-cont-bottom>*:nth-child(n+5){display: none;} .discipline-item>dd>* i{font-size: 12px;} .research-l-news{height: auto; display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -10px; width: calc(100% + 10px);} .research-l-news>*{width: 50%; padding-left: 10px; padding-top: 0;} .research-l-news>* .text{margin-top: 10px;} .internal-cont>.center{padding: 0; margin: 10px 0;} .internal-cont>.right{margin-top: 5px;} .consortium-dynamics .research-l-news{height: auto;} .consortium-dynamics .research-l-news>*{padding: 0 0 0 10px;} .internal-cont .research-l-news>*>*{aspect-ratio: auto;} .research-l-banner .text{width:80%;} .consortium-dynamics .dynamics-cont-banner>.bd .img,.consortium-dynamics .dynamics-cont-banner>.bd .text{width: 100%;} .consortium-dynamics .dynamics-cont-banner>.bd .text{padding:10px 0;} .units-item>*>*:first-child>*{height: auto;} .units-item>*>*:first-child .text{position: relative; padding: 0;} .units-item>*>* .btn{margin-top: 15px;} .units-item>*>*{margin-top: 10px;} .units-item>*>*>*{aspect-ratio: 1/0.5;} .units-item>*{margin-top: 0;} .units-item>*:nth-child(2)>:first-child{position: relative;} .memorabilia-list>* dd .month{width: 30px;} .memorabilia-list>* dd .name{width: calc(100% - 30px);} .memorabilia-list,.introduction-cont{width: 100%;} .memorabilia-list>*:nth-child(2n) dd .name{padding-right: 30px;} .introduction-cont{margin-left: 0; padding: 0;} .introduction-cont>.left{padding: 15px;} .introduction-total>*{width: 50%; margin-bottom: 10px; display: flex; justify-content: center;} .introduction-icon{left: 40px; top: 40px;} .honors-item>*{width:50%} .culture-cont,.overview-bg{width: 100%;} .culture-cont>.left{padding-right: 0; padding-left: 0;} .culture-cont>.right{margin-top: 10px;} .overview-culture{padding: 30px 0 80px;} .overview-culture .more{bottom: -60px;} .equipment-left{padding-right: 0;} .equipment-left>* .text .icon i, .equipment-right>* .text .icon i{width: 24px; font-size: 12px;} .memorabilia-cont{margin-top: 15px !important;} .memorabilia-l,.memorabilia-r{width: 100%;} .swiper-initialized.memorabilia-banner>.bd>*::before{content: ''; display: block; width: 7px; height: 7px; border-radius: 50%; background-color: var(--color-dominant); position: absolute; left:-3px;} .swiper-initialized.memorabilia-banner>.bd>*::after{content: ''; display: block; width: 1px; height: var(--size-120); background-color: var(--color-dominant); position: absolute; mask-image: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 50%); -webkit-mask-image: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 50%); left:0px;} .memorabilia-banner>.bd>*:nth-child(2n)::before, .memorabilia-banner>.bd>*:nth-child(2n)::after{top:215px;} .memorabilia-banner>.bd>*:nth-child(2n)::after{mask-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 50%); -webkit-mask-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 50%);} .memorabilia-banner>.bd>* .memorabilia-info::before, .memorabilia-banner>.bd>* .memorabilia-info::after{display:none;} .swiper-initialized.memorabilia-banner>.bd>*:nth-child(2n-1){height:200px;} .swiper-initialized.memorabilia-banner>.bd>*:nth-child(2n) .memorabilia-info{margin-top:215px;} .memorabilia-item>* .month{width: 30px;} .memorabilia-item>* .name{width: calc(100% - 30px);} .memorabilia-info{width:180px; max-height: 150px; overflow-y: auto; margin-left: -3px;} ::-webkit-scrollbar{display: none;} .login-web-bg{display: block;} .memorabilia-list-cont{padding-bottom: 30px;} .register-item>* .bottom .contact .text{width: auto;} .labout-img>*{cursor: pointer;pointer-events:auto;} .index-research .research-l-cont .research-l-news>*{padding-left: 10px;} .index-research .research-l-cont .research-l-news{width:calc(100% + 10px) !important;} .research-r-banner{height: auto;} .research-l-news>* a{padding: 10px;} .research-l-news>* .text .time>span{padding: 3px 6px;} .index-research .research-cont>.right{padding:10px 10px 15px;} .research-r-banner .research-l-news{margin-top: 0;} .equipment-right>* .text,.equipment-left>* .text{padding: 10px;} .equipment-left>* .text .name{font-size: 16px;} .equipment-right>* .text .bottom .name{font-size: 14px;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all;-webkit-line-clamp:3;font-weight:normal;} .equipment-right>*>*{aspect-ratio: 167/110;} .news-top-r>* .cont .top span{min-height: inherit; padding: 2px 6px;} .treatment-cont>* .text .name{font-size: 18px;} .lh-header .logo{z-index: 3; width: 130px;} .lh-nav>li>a{justify-content: space-between; padding:0 20%; color: #333; position: relative;} .beauty-news-item>* .day p{font-size: 12px;} .lh-nav>li:has(dl)>a::after{content: '\e75c';font-family: "iconfont"; color: var(--color-gray9); font-size: 12px;margin-left: 10px; display: block !important;} .lh-nav>li:has(dl)>a::before{content: '进入频道首页'; display: block !important; position: absolute; right:16px; top: 50%; bottom: auto; transform:translate(0,-50%) scale(1) !important; background: none; min-width: inherit; height: auto; font-size: 12px; width: auto; left: auto; color: var(--color-gray9);} .lh-nav>li:has(dl.show)>a{color: var(--color-dominant1);} .lh-nav>li:has(dl.show)>a::after{transform: rotate(-90deg); color: var(--color-dominant1);} .lh-nav>li>dl{width: 100%; background-color: #fff; transform: translate(-50%,0) !important; opacity: 1; color: var(--color-gray9); font-size: 14px; position: relative; opacity: 0.8; display: flex; flex-direction: row; flex-wrap: wrap;} body.on .lh-nav>li>dl{pointer-events: auto;} .lh-nav>li>dl.show{display: flex;} .lh-nav{padding: 60px 15px 30px; overflow-y: auto; background-color: #EEE;} .lh-nav>li{margin: 10px 0;} .lh-nav>li:nth-child(1){display: none;} .lh-nav>li>dl{margin-left: -5px; width: calc(100% + 10px); margin-top: -5px; background-color: transparent;} .lh-nav>li>dl>*{padding-left: 10px; margin-top: 10px;} .lh-nav>li>dl a{ padding:14px 6px; background-color: #fff; border-radius: 4px;} .lh-nav>li>dl::before{display: none;} .lh-nav>li>dl>*{width: 50%;} .lh-nav>li>a{padding: 0 ; border-bottom: 1px solid #f5f5f5; font-size: 16px; height: 36px; color: var(--color-dominant); align-items: center;} body.on .lh-nav>li:hover>dl{transform: translate(100%,0);} .lh-nav>li.open>dl{transform: translate(0,0) !important;} .lh-nav>li:has(dl)>a::before{display: none;} .nav-return{font-size: 16px; display: flex; align-items: center; padding: 0 15px; height: 50px; font-weight: bold;} .nav-return::before{content: '\e75c';font-family: "iconfont"; color: var(--color-gray9); font-size: 14px;margin-left: 10px; display: block; transform: rotate(180deg); margin: -1px 6px 0 0;} .lh-nav>li>dl>.nav-return{margin: 0 0 10vh;} .index-quick>.left{position: relative; z-index: 5;} .index-quick>.left>.bg{background-size: 100%; background-position: center top;} .quick-l-bottom{position:absolute; left: 0; top: 510px; color: #000; z-index: 2; display: none;} .quick-l-bottom>*{color: #000;} .quick-l-bottom .nname{color: var(--color-gray9); opacity: 0.1;} .quick-r-top>li .icon{height: auto;} .quick-r-top>li .ccont{margin-top: 10px;} .public-btn i::before{transform: scale(0.8);} .research-l-news>* .text .name{font-size: 14px;} .news-top-r>* .cont .name{-webkit-line-clamp:2; margin-top: 10px; font-size: 14px;} .news-cont-top>.left .text .nname{font-size: 12px;} .equipment-cont>.left>* .text{width:53%;} .equipment-cont>.left>* .text .name{font-size: 14px;} .public-img-layer-cont{max-width: 90vw;} .layer-close{width: 24px; font-size: 12px;} .public-title.web{display: flex; margin-top: 20px;} .public-title>.right{margin-top: 0;} .index-teams .public-title>.right,.index-department .public-title>.right{margin-top: 10px;} .dynamics-btn{left: auto; right: 20px;} .dynamics-cont-banner>.bd .text{padding: 0; margin-top: 20px;} .public-title .nname,.news-cont-bottom>* .text .nname{font-size: 12px;} .department-bottom-banner .bd li .name{font-size: 12px; margin-top: 10px; font-weight: normal;} .department-bottom-banner .bd li .icon{height: 20px; min-height: inherit;} .index-content{padding-bottom: 20px;} .footer-top{padding-top: 20px;} body.on{overflow: hidden; height: 100vh;} .nav-btn{--w: 25px;} .nav-btn::before{margin-top: -8px;} .nav-btn::after{margin-top: 8px;} body.on .nav-btn::before{transform: translate(-50%, 8px) rotate(45deg);} body.on .nav-btn::after{transform: translate(-50%, -8px) scale(1) rotate(-45deg);} .teams-banner .department-btn{opacity: 1; pointer-events: auto;} .department-btn{right: 5px; top: 5px;} .public-title>.left{max-width: 100%;} .public-title{position: relative;} .public-title>.right>.public-btn{position: absolute; right: 0; top: 0;} .footer-contact-item{display: flex; flex-wrap: wrap; flex-direction: row; margin-top: 0;} .footer-contact-item>*{width: 50%;} .footer-contact-item>*:last-child{width: 100%;} .vision-cont .label{min-width: 50px;} .searve-item>*>* .left .top .img{width: 120px;} .searve-item>*>* .left .top .text{width: calc(100% - 120px);} .department-introduction-cont>.left .ccont{width: 100%;} .footer-contact-item>* .text .name{white-space: nowrap;} .searve-item>*>* .left .top .name span{font-size: 12px;} .scheduling-bottom>*>a h3,.scheduling-bottom>*>*>div h3{font-size: 16px;} .memorabilia-r{padding:30px;} .memorabilia-first .memor-lines{display: none;} .memorabilia-first{aspect-ratio: 310 / 200;} .memorabilia-first>.top{padding-bottom: 0;} .memorabilia-img{display: none;} .overview-memorabilia>.l-container{overflow: hidden;} .memorabilia-info::before{left: 0;} .memorabilia-info::after{left: 3px;} .index-department .department-banner .public-btn{margin-top: 15px; transform: translateY(0); position: static;} .teams-r-banner:not(.swiper-initialized) .bd{display: flex;} .teams-r-banner:not(.swiper-initialized) .bd li{width: 20%;} .public-pages{position: relative;} .public-pages>.go{width: 100%; justify-content: center; margin-top: 10px; margin-left: 0; padding-right: 60px;} .public-pages>.confirm{position: absolute; left: calc(50% + 10px); bottom:calc(30px - 2.5vw/2);} .new-mdt>*>*{width: 100% !important;} .new-mdt-item{flex-wrap: wrap; display: block; white-space: nowrap; overflow-x: auto; width: calc(100vw - 30px);} .new-mdt-item>*{width: 70%; margin-left: 0; display: inline-block;} .new-mdt-item>* p{white-space: normal;} .new-mdt>*>.right{padding-left: 0; margin-top: 20px;} .new-mdt-item>*>*{height: auto; min-height: inherit; width: 100%;} .new-mdt-item>* .img{width: 70px;} .new-mdt-item>* .text{width: calc(100% - 70px); padding-left: 10px;} .popularization-banner>.bd>* .text{aspect-ratio: auto;} .new-mdt-item.four>*>*, .new-mdt-item.three>*>*, .new-mdt-item.five>*>*{aspect-ratio: 2.3/1;} .mdt-layer-info>.img{width: 100%;} .mdt-layer-info>.info{width: 100%; padding: 10px;} .care-info{justify-content: space-between;} .new-mdt-item>*>* .cont>.lines{-webkit-line-clamp:3;} .login-video{display: none;} .news-list.list>*,.material-item>*,.position-cont>.left,.example-banner>.bd>.swiper-slide,.care-item>*,.register-item>*,.filter-choose>.left,.health-item>*,.dynamics-cont-banner>.bd .img,.dynamics-cont-banner>.bd .text,.doctor-item>*{width: 100%;} .quick-r-btn>*::before,.footer-top>.left,.footer-contact::after,.nav-toggle,.position-cont>.right,.searve-item>*>*::before,.department-introduction-cont>.left::after,.department-introduction-cont>.left .bg,.beauty-teams-cont>.right,.team-detail-top>.right,.memorabilia-list>* .img,.overview-introduction.detail .introduction-img::before,.overview-culture>.l-container::before,.overview-culture>.l-container::after{display: none;} .index-quick>*,.teams-cont>*,.news-cont-top>*,.research-cont>*,.research-l-cont>*,.footer-right>*,.dynamic-cont>*,.departent-detail>*,.lh-suggestions>*,.department-introduction-cont>*,.equipment-cont>*,.hosiptal-top>*,.beauty-news-cont>*,.beauty-teams-cont>*,.internal-cont>*,.units-item>*>*,.introduction-cont>*,.culture-cont>*{width: 100% !important;} .equipment-right{margin: 0px 0 0 -10px; width: calc(100% + 10px) !important;} .equipment-right>*{padding-left: 10px; margin-top: 10px;} .research-l-news>* .img{width: 100%; aspect-ratio: 628/339;} .research-l-news>* i{display: none;} .change-teams-mouse{display: none;} .change-teams-text,.change-teams-r{width: 100%;padding: 0;} .change-teams-banner-box{width: calc(100% + 30px); margin-left: -15px; padding: 0;} .change-teams-banner1{margin-left: 0;} .change-teams-text>.label{height: 32px; line-height: 32px;} .change-teams-banner>.bd>* .iconfont{width: 24px;} .register-item>*:last-child .bottom{padding-left: 50px; padding-right: 50px;} .care-info>.left>*,.care-info>.right>*{-webkit-mask-image:none;} .care-info>.left,.care-info>.right{width: 47%; aspect-ratio: 1/1;} .care-info>* .text{width: 100%;} .care-info>.right{height: 100%;} .care-info>* .text .name{margin-top: 20px;} .teams-r-banner a .icon{width: 40px;} .teams-r-banner a p{white-space: nowrap; font-size: 12px;} .teams-banner .ccont .nname{font-size: 16px;} .footer-contact-item>._title{width: 100%;} .units-item._list>*>*:first-child>*{aspect-ratio:1/0.5} .detail-banner>.bd>*{width: 100%;} .swiper-initialized.memorabilia-banner>.bd>*{opacity: 1 !important;transform: translateY(0) !important;} /* 竖屏平板 (如 iPad 768x1024) */ @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .l-container{padding-left: 30px; padding-right: 30px;} .department-bottom-banner .bd li .icon{height: 40px;} .quick-link>*>*{padding: 0 1.3vw; font-size: 16px;} .quick-r-top>li{width: 25%;} .index-quick>.left{aspect-ratio: 644/160;} .department-bottom-banner .bd li .name,.teams-r-banner a{font-size: 14px;} .teams-r-banner a .icon{width: 30px;} .hospital-cul>*{padding-left: 15%;} .public-pages>a{width: 30px; height: 30px;} .public-pages>.confirm{bottom:26px; position: static;} .public-pages>.go{width: auto; padding-right: 0; margin-top: 0;} .equipment-list>*{width: 33.3%;} .news-list.list>*,.doctor-item>*,.health-item>*,.care-item>*,.register-item>*{width: 50%;} .discipline-nav>*>*{font-size: 16px;} .major-item>*{width: 33.3%;} .treatment-cont>*.left, .treatment-cont>*.center>*, .treatment-cont>.right{height: 400px;} .suggestions-radio>*>*, .suggestions-item>* textarea, .suggestions-item>* input{height: 50px;} .suggestions-item>* textarea{height: 100px;} .suggestions-btn{height: 55px;} .units-item>*>*{width: 33.3% !important;} .departent-detail-more .news-list.list{display: flex;flex-direction: row;flex-wrap: wrap;} .vacancy-item>*{width: 50%;} .login-ewm-layer .ewm-item li{width: 20%;} .login-ewm-layer .ewm-item li .name{font-size: 16px;} .login-ewm-layer{padding: 20px 20px 0;} .login-ewm-layer .ewm-item{margin-left: -20px;} .login-ewm-layer .ewm-item li{padding-left: 20px; margin-bottom: 20px;} .new-mdt-item>*{width: 40%;} .new-mdt-item>* .img{width: 90px;} .login-quick>* .name{font-size: 16px;} .login-quick>*:nth-child(4) .name{padding: 0 20%;} .detail-banner>.bd>*{width: 100%;} /* .login-right-item>li:active,.login-right-item>li:hover{margin: 0;} .login-right-item>li:last-child:active,.login-right-item>li:last-child:hover{margin: 0;} .login-right-item>li>a::before,.login-right-item>li>a::before,.login-right .top::before,.login-right .top::before{opacity: 1;} .login-right-item>li>a .name,.login-right-item>li>a .name, .login-right .top .name,.login-right .top .name{opacity: 1;transform: translate(-50%,0) scale(1);} .login-right-item>li>a .icon,.login-right-item>li>a .icon,.login-right .top .icon,.login-right .top .icon{transform: translateY(-10px);} */ } }