@charset "utf-8";
@font-face {
	font-family: "op";
	src: url("../font/OPPO.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "baijam";
	src: url("../font/BaiJamjuree-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}
.baijam{font-family: "baijam";}
@font-face {
	font-family: "SofiaSans";
	src: url("../font/SofiaSans-Bold.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}
.sofia{font-family: "SofiaSans";}
: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;
	--tfun:cubic-bezier(0.25,0.74,0.22,0.99);
	--picEase: cubic-bezier(.76, 0, .24, 1);
	/*font*/
	--font-size: clamp(12px,0.7291666666666666vw,28px);
	/*color*/
	--color-dominant:#CF2127;
	--color-dominant1:#CF0000;
	--color-hover:#00326B;
	--color-fill:#000;
	--color-white:#fff;
	--color-black:#000;
	--color-gray3:#333;
	--color-gray6:#666;
	--color-gray9:#ADADAD;
	--color-line:#E6E6E6;
	--color-stroke:#DEDEDE;
	--color-cursor:#CF2127;
	/*bg*/
	--bg:#fff;
	--body-color:#333;
	--bg-gray:#F6F6F6;
	--bg-scroll:#CF2127;
	--bg-overlay:#000;
	/*input*/
	--placeholder:#A4A4A4;
	--input-border-color:#eee;
	--border-radius:0px;
	/*gradient*/
	--linear-gradient-shadow:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,0));
	--linear-gradient-blue:linear-gradient(90deg,#0171c1,#2097ed);
	--linear-gradient-text:linear-gradient(90deg, #FFF 0%, #89E1E5 100%);
	--linear-text-blue:linear-gradient(90deg, #89E1E5 0%, #FFF 100%);
	/*cursor*/
	--cursor-stroke:#000;
	/*img*/
	--aspect-team:549/807;
	--aspect-news:520/346;

	/*size*/
	--container-w:clamp(850px,88.54166666666666vw,3400px);
	--container-l:calc((100vw - clamp(850px,88.54166666666666vw,3400px)) / 2 + clamp(15px,1.5625vw,60px));
	--size-10:clamp(5px,0.5208333333333333vw,20px);
	--size-15:clamp(7px,0.78125vw,30px);
	--size-20:clamp(10px,1.0416666666666665vw,40px);
	--size-25:clamp(12px,1.3020833333333335vw,50px);
	--size-30:clamp(15px,1.5625vw,60px);
	--size-35:clamp(17px,1.8229166666666667vw,70px);
	--size-40:clamp(20px,2.083333333333333vw,80px);
	--size-45:clamp(22px,2.34375vw,90px);
	--size-50:clamp(25px,2.604166666666667vw,100px);
	--size-55:clamp(25px,2.864583333333333vw,110px);
	--size-60:clamp(30px,3.125vw,120px);
	--size-65:clamp(32px,3.3854166666666665vw,130px);
	--size-70:clamp(35px,3.6458333333333335vw,140px);
	--size-75:clamp(37px,3.90625vw,150px);
	--size-80:clamp(40px,4.166666666666666vw,160px);
	--size-85:clamp(42px,4.427083333333334vw,170px);
	--size-90:clamp(45px,4.6875vw,180px);
	--size-95:clamp(47px,4.947916666666666vw,190px);
	--size-100:clamp(50px,5.208333333333334vw,200px);
	--size-110:clamp(55px,5.729166666666666vw,220px);
	--size-120:clamp(60px,6.25vw,240px);
	--size-130:clamp(65px,6.770833333333333vw,260px);
	--size-140:clamp(70px,7.291666666666667vw,280px);

	--size-10-:clamp(-20px,-0.5208333333333333vw,-5px);
	--size-15-:clamp(-30px,-0.78125vw,-7px);
	--size-20-:clamp(-40px,-1.0416666666666665vw,-10px);
	--size-25-:clamp(-50px,-1.3020833333333335vw,-12px);
	--size-30-:clamp(-60px,-1.5625vw,-15px);
	--size-35-:clamp(-70px,-1.8229166666666667vw,-17px);
	--size-40-:clamp(-80px,-2.083333333333333vw,-20px);
	--size-45-:clamp(-90px,-2.34375vw,-22px);
	--size-50-:clamp(-100px,-2.604166666666667vw,-25px);
	--size-55-:clamp(-110px,-2.864583333333333vw,-25px);
	--size-60-:clamp(-120px,-3.125vw,-30px);
	--size-65-:clamp(-130px,-3.3854166666666665vw,-32px);
	--size-70-:clamp(-140px,-3.6458333333333335vw,-35px);
	--size-75-:clamp(-150px,-3.90625vw,-37px);
	--size-80-:clamp(-160px,-4.166666666666666vw,-40px);
	--size-85-:clamp(-170px,-4.427083333333334vw,-42px);
	--size-90-:clamp(-180px,-4.6875vw,-45px);
	--size-95-:clamp(-190px,-4.947916666666666vw,-47px);
	--size-100-:clamp(-200px,-5.208333333333334vw,-50px);
	--size-110-:clamp(-220px,-5.729166666666666vw,-55px);
	--size-120-:clamp(-240px,-6.25vw,-60px);
	--size-130-:clamp(-260px,-6.770833333333333vw,-65px);
	--size-140-:clamp(-280px,-7.291666666666667vw,-70px);
}
/**
 * Swiper 8.3.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 6, 2022
 */

 @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/*start===*/
* {outline: none !important; /* 移除所有元素默认轮廓线 */-webkit-tap-highlight-color: transparent; /* 禁用移动端点击高亮 */}
html{font-size: 10px;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu,main{display:block;padding:0;margin:0}*,:before,:after{box-sizing:border-box}blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}img{border:0;display:block;width:auto;width:100%;max-width:100%; vertical-align:middle; object-fit: cover;}ul,dl,li,dt,dd{list-style:none}body,html{min-height:100%}body{font-size:14px;font-size:var(--font-size);color:var(--body-color);font-family:var(--font);-webkit-tap-highlight-color:rgba(255,255,255,0);overflow-x:hidden; background-color: var(--bg); user-select: none;}a{text-decoration:none;color:inherit;outline:none;transition:var(--transition);}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}pre{font-family:inherit;white-space:pre-wrap;word-wrap:break-word}input,textarea,select{outline:none;-webkit-appearance:none;border-radius:var(--border-radius);font-size:inherit;font-family:inherit;display:block;width:100%;border:none;border:1px solid var(--input-border-color);height:38px;line-height:38px;padding:0 10px;transition:var(--transition);background:none}textarea{resize:none}input::-webkit-input-placeholder{color:var(--placeholder)}input:-moz-placeholder,input::-moz-placeholder{color:var(--placeholder)}input:-ms-input-placeholder{color:var(--placeholder)}textarea::-webkit-input-placeholder{color:var(--placeholder)}textarea:-moz-placeholder{color:var(--placeholder)}textarea::-moz-placeholder{color:var(--placeholder)}textarea:-ms-input-placeholder{color:var(--placeholder)}select::-ms-expand{display:none}i,em{font-style:normal}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-button:vertical,::-webkit-scrollbar-button:horizontal{display:none}::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal{background-color:black}::-webkit-scrollbar-track-piece{background:#E3E3E3}::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal{background-color:var(--bg-scroll);border-radius:10px}::-webkit-scrollbar-thumb:vertical:hover,::-webkit-scrollbar-thumb:horizontal:hover{background-color:#3B3B3B}::-webkit-scrollbar-corner:vertical,::-webkit-scrollbar-corner:horizontal{background-color:#535353}::-webkit-scrollbar-resizer:vertical,::-webkit-scrollbar-resizer:horizontal{background-color:#FF6E00}.l-center{text-align:center}.l-relative{position:relative}.l-overflow{overflow:hidden}.l-bold{font-weight:bold}.l-imgs{background-position:center;background-repeat:no-repeat;background-size:cover;}.l-uppercase{text-transform:uppercase}.l-lh0{line-height:100%}.l-lh1{line-height:110%}.l-lh2{line-height:120%}.l-lh3{line-height:130%}.l-lh4{line-height:140%}.l-lh5{line-height:150%}.l-lh6{line-height:160%}.l-lh7{line-height:170%}.l-lh8{line-height:180%}.l-lh9{line-height:190%}.l-lh10{line-height:200%}.l-font12{font-size:12px}.l-font16{font-size:16px;font-size:clamp(12px,0.8333333333333334vw,32px)}.l-font18{font-size:18px;font-size:clamp(14px,0.9375vw,36px)}.l-font20{font-size:20px;font-size:clamp(16px,1.0416666666666665vw,40px)}.l-font22{font-size:22px;font-size:clamp(16px,1.1458333333333333vw,44px)}.l-font24{font-size:24px;font-size:clamp(16px,1.25vw,48px)}.l-font26{font-size:26px;font-size:clamp(18px,1.3541666666666667vw,52px)}.l-font28{font-size:28px;font-size:clamp(18px,1.4583333333333333vw,56px)}.l-font30{font-size:30px;font-size:clamp(18px,1.5625vw,60px)}.l-font32{font-size:32px;font-size:clamp(18px,1.6666666666666667vw,64px)}.l-font34{font-size:34px;font-size:clamp(20px,1.7708333333333333vw,34px)}.l-font36{font-size:36px;font-size:clamp(20px,1.875vw,36px)}.l-font38{font-size:38px;font-size:clamp(22px,1.9791666666666665vw,66px)}.l-font40{font-size:40px;font-size:clamp(22px,2.083333333333333vw,80px)}.l-font42{font-size:42px;font-size:clamp(22px,2.1875vw,84px)}.l-font44{font-size:44px;font-size:clamp(24px,2.2916666666666665vw,88px)}.l-font46{font-size:46px;font-size:clamp(24px,2.3958333333333335vw,92px)}.l-font48{font-size:48px;font-size:clamp(26px,2.5vw,96px)}.l-font50{font-size:50px;font-size:clamp(28px,2.604166666666667vw,100px)}.l-font52{font-size:52px;font-size:clamp(28px,2.7083333333333335vw,104px)}.l-font54{font-size:54px;font-size:clamp(28px,2.8125vw,108px)}.l-font56{font-size:56px;font-size:clamp(30px,2.9166666666666665vw,112px)}.l-font58{font-size:58px;font-size:clamp(30px,3.0208333333333335vw,116px)}.l-font60{font-size:60px;font-size:clamp(32px,3.125vw,120px)}.l-opacity8{opacity:.8}.l-opacity7{opacity:.7}.l-opacity6{opacity:.6}.l-opacity5{opacity:.5}.l-opacity4{opacity:.4}.l-opacity3{opacity:.3}.l-opacity2{opacity:.2}.l-flex,.l-grid-2,.l-grid-3,.l-grid-4,.l-grid-5,.l-grid-6,.l-grid-7,.l-grid-8{display:flex;display:-webkit-flex;flex-direction:row;-webkit-flex-direction:row;flex-wrap:wrap;-webkit-flex-wrap:wrap}.l-flex-column{display:flex;flex-direction:column;flex-wrap:wrap}.l-grid-2>*{width:50%}.l-grid-3>*{width:33.333333333333336%}.l-grid-4>*{width:25%}.l-grid-5>*{width:20%}.l-grid-6>*{width:16.666666666666668%}.l-grid-7>*{width:14.285714285714286%}.l-grid-8>*{width:12.5%}.l-white{color:var(--color-white)}.l-black{color:var(--color-black)}.l-gray3{color:var(--color-gray3)}.l-gray6{color:var(--color-gray6)}.l-gray9{color:var(--color-gray9)}.lines{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;word-break: break-all;}.lines1{-webkit-line-clamp:1}.lines2{-webkit-line-clamp:2}.lines3{-webkit-line-clamp:3}.lines4{-webkit-line-clamp:4}.lines5{-webkit-line-clamp:5}.lines6{-webkit-line-clamp:6}.l-dominant{color:var(--color-dominant)}.l-dominant1{color:var(--color-dominant1)}.l-pd50{padding-top:var(--size-50);padding-bottom:var(--size-50);}.l-pd60{padding-top:var(--size-60);padding-bottom:var(--size-60);}.l-pd70{padding-top:var(--size-70);padding-bottom:var(--size-70);}.l-pd80{padding-top:var(--size-80);padding-bottom:var(--size-80);}.l-pd90{padding-top:var(--size-90);padding-bottom:var(--size-90);}.l-pd100{padding-top:var(--size-100);padding-bottom:var(--size-100);}.l-pd110{padding-top:var(--size-110);padding-bottom:var(--size-110);}.l-pd120{padding-top:var(--size-120);padding-bottom:var(--size-120);}.l-mg10{margin-top:var(--size-10);}.l-mg15{margin-top:var(--size-15);}.l-mg20{margin-top:var(--size-20);}.l-mg25{margin-top:var(--size-25);}.l-mg30{margin-top:var(--size-30);}.l-mg35{margin-top:var(--size-35);}.l-mg40{margin-top:var(--size-40);}.l-mg45{margin-top:var(--size-45);}.l-mg50{margin-top:var(--size-50);}.l-mg55{margin-top:var(--size-55);}.l-mg60{margin-top:var(--size-60);}.l-mg65{margin-top:var(--size-65);}.l-mg70{margin-top:var(--size-70);}.l-mg75{margin-top:var(--size-75);}.l-mg80{margin-top:var(--size-80);}.l-mg90{margin-top:var(--size-90);}.l-mg100{margin-top:var(--size-100);}.l-mg110{margin-top:var(--size-110);}.l-mg120{margin-top:var(--size-120);}input::-webkit-inner-spin-button{display: none;}
picture{display: block;}.flex-between{justify-content: space-between;}.flex-center{align-items: center;}.flex-jcenter{justify-content:center;}.l-attachment{background-attachment: fixed;}.l-ones *{line-height: inherit;}.l-ones img{display: inline-block; width: auto;}
.l-aspectFill,.l-aspectFill>img,.l-aspectFill>video{width: 100%; height: 100%;}
video{object-fit: fill;}

.l-radius10{border-radius: var(--size-10);}
*{line-height: 100%;}
.text-stroke{color: transparent;-webkit-text-stroke: 1px var(--color-stroke);}
.text-vertical{writing-mode: vertical-rl;text-orientation: sideways;}
.text-spacing{--spacing:3px ;letter-spacing: var(--spacing);}
#three-hover{position: fixed; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 4;mix-blend-mode: soft-light;}
.bg-gray{background: var(--bg-gray);}

.list-page{justify-content: center;}
.list-page>*{width: var(--size-50); aspect-ratio: 1/1; margin: 0 5px; display: flex; align-items: center; justify-content: center;}
.list-page>a{border: 1px solid rgba(0, 0, 0, 0.13);}
.list-page>.page img{width: var(--size-20);}
.list-page>.prev{transform: rotate(180deg);}
.list-page>a:hover{border-color: #000;}
.list-page>.active{background-color:#EBEBEB !important; border-color: #EBEBEB !important;}
.list-page>.disabled{cursor: auto; opacity: 0.5;}
.nav-btn{display: none;}
#cursor{pointer-events: none; position: fixed;border-radius: 0; top: 0; left: 0; z-index: 1000; filter: url(#goo);}
#cursor span{display: block;transform-origin:center center; width: var(--size-15); aspect-ratio: 1/1; border-radius: var(--size-20); background-color: var(--color-cursor); position: absolute;}
.l-fullpage{width: 100%; height: 100vh;}
.path-drop{filter:drop-shadow(0px 0px 6px #fff);}
footer{position: relative; z-index: 6;}
.footer-fixed{position: fixed; left: 0; right: 0; bottom: 0; height: var(--size-100); z-index: 5; pointer-events: none; opacity: 0; display: none;}
.footer-fixed>*{position: absolute; width: 100%; height: 100%; --color:#000;}
.footer-fixed>*:nth-child(1){backdrop-filter: blur(1.125px);mask: linear-gradient(180deg, transparent 25%, var(--color) 37.5%, var(--color) 50%, transparent 62.5%); z-index: 3;}
.footer-fixed>*:nth-child(2){backdrop-filter: blur(2.25px); mask: linear-gradient(180deg, transparent 37.5%, var(--color) 50%, var(--color) 62.5%, transparent 75%); z-index: 4;}
.footer-fixed>*:nth-child(3){backdrop-filter: blur(4.5px); mask: linear-gradient(180deg, transparent 50%, var(--color) 62.5%, var(--color) 75%, transparent 87.5%); z-index: 5;}
.footer-fixed>*:nth-child(4){backdrop-filter: blur(9px); mask: linear-gradient(180deg, transparent 62.5%, var(--color) 75%, var(--color) 87.5%, transparent); z-index: 6;}
.footer-fixed>*:nth-child(5){backdrop-filter: blur(18px); mask: linear-gradient(180deg, transparent 75%, var(--color) 87.5%, var(--color) 100%, transparent 112.5%); z-index: 7;}
.footer-fixed>*:nth-child(6){backdrop-filter:blur(36px); mask: linear-gradient(180deg, transparent 87.5%, var(--color) 100%, var(--color) 112.5%, transparent 125%); z-index: 8;}
/*end===*/
/*cont*/
#Page1,#Page2,#Page3,#Page4,#Page5 {
  scroll-margin-top: var(--size-90); 
}
body:has(.index-banner){height: 100vh; overflow: hidden;}
.l-container{width: var(--container-w); margin-left: auto; margin-right: auto; position: relative; padding-left: var(--size-30); padding-right: var(--size-30); z-index: 2;}
header{position: fixed; left: 0; right: 0; top: 0; z-index: 10; height: var(--size-130); transition: var(--transition); display: flex; align-items: center; opacity: 0;}
.header-fixed{background:#fff; height: var(--size-80);}
.header-fixed>.header-cont{color: var(--body-color);}
.header-fixed .lh-logo{filter: none; transform: scale(0.7);}
/* .header-fixed .header-link>* .icon,.header-fixed .header-search-top .icon{filter: invert(1);} */
.header-fixed .header-cont > .right{padding-top: calc(var(--size-35) + 1px);}
.header-fixed .header-cont > .right>*{padding-bottom: calc(var(--size-35) + 1px);}
.lh-logo{width: calc(var(--size-100) * 3 + var(--size-30)); display: block; position: relative; z-index: 2; transform-origin: left center;}
.header-cont>.right{padding-top: var(--size-30);}
.header-cont>.right>*{padding-bottom: var(--size-30);}
/* .lh-nav::before{content: ''; display: block; width:98%; height: calc(var(--size-100) * 3 + var(--size-60));background-color: rgba(0, 0, 0, 0.45);backdrop-filter: blur(5px); position: absolute; left: 0; top: 100%; opacity: 0; pointer-events: none; transition: var(--transition); transform: translateY(var(--size-30));}
.lh-nav:hover::before{opacity: 1; pointer-events: auto; transform: translateY(0);} */
.lh-nav>*{margin-right: var(--size-60); position: relative;}
.lh-nav>*.active>a,.lh-nav>*>a:hover{color: var(--color-dominant);}
.nav-two{position: absolute; left: 50%; top: 100%; pointer-events: none; opacity: 0; transition: var(--transition);transform: translate(-50%,var(--size-30)); color: #fff; min-width: var(--size-140); text-align: center; padding-top: var(--size-30);}
.nav-two>*{position: relative;}
.nav-two>*{background-color: rgba(0,0,0,0.2); border-radius: var(--size-10);padding: var(--size-10) 0; position: relative; overflow: hidden;}
.nav-two>*::before{content: '';display: block; width: 100%; height: 100%; background: url(../img/welfare/a2.jpg) no-repeat center; background-size: cover;  filter: blur(var(--size-20)); position: absolute; left: 0; top: 0; opacity: 0.5; pointer-events: none;}
.nav-two>*>*{padding: var(--size-10);white-space: nowrap; display: inline-block; font-weight: normal; position: relative; z-index: 2;}
.nav-two>* a:hover{text-decoration: underline;}
.lh-nav>*:hover .nav-two{opacity: 1; transform: translate(-50%,0); pointer-events: auto;}
.header-link{margin-left: var(--size-25); position: relative;}
.header-link>*{margin-right: var(--size-40);}
.header-link>* .icon{width: var(--size-25); margin-right: var(--size-10);}
.header-search-top{cursor: pointer;}
.header-search-top .icon{width: var(--size-20); margin-right: var(--size-10);filter: invert(1);}
.header-search-bottom{position: absolute; right: 0; top: 100%; width: calc(var(--size-100) * 3); transform: translateY(var(--size-30)); opacity: 0; transition: var(--transition); pointer-events: none;}
.header-search-form{background-color: rgba(0, 0, 0, 0.45);backdrop-filter: blur(5px); padding: var(--size-20);}
.header-search-form>input{flex: 1; height: var(--size-40); color: #fff;}
.header-search-form .btn{position: relative; padding: 0 var(--size-20); background-color: #fff; height: var(--size-40); display: flex; align-items: center; justify-content: center; color: #000;}
.header-search-form .btn button{position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.header-search:hover .header-search-bottom{transform: translateY(0); opacity: 1;pointer-events: auto;}
.index-banner-box{height: 100vh; display: flex; align-items: center; justify-content: center;}
.index-banner{width: 0%; height: 60%;}
.index-banner>.bd .l-container{position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; align-items: center; text-align: center; justify-content: center; opacity: 0;}
.l-font130{font-size: var(--size-130);}
.index-banner-r{position: absolute; right: 0; bottom: -2px; z-index: 3; opacity: 0;}
.index-banner-r>.icon1{position: absolute; right: calc(var(--size-100) + var(--size-70)); bottom: 0; width: calc(var(--size-100) * 5 + var(--size-70));}
.index-banner-r>.icon2{width: calc(var(--size-100) + var(--size-70)); position: absolute; right: 0; bottom: calc(var(--size-100) * 3 + var(--size-65)); transform-origin: left bottom;}
.public-scroll{width: calc(var(--size-100) * 3 + var(--size-85)); position: relative; z-index: 2;}
.public-scroll .center{position: absolute; left: 0; right: 0; bottom: var(--size-50); display: flex; align-items: center; justify-content: center;}
.public-scroll .center svg{margin: auto; display: block;}
.index-banner-num{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.index-about-top>.right{width: calc(var(--size-100) * 8 + var(--size-75)); left: var(--container-l); position: relative;}
.index-about-r{aspect-ratio: 273/193;}
.index-about-r .logo{width: calc(var(--size-100) * 2 + var(--size-50)); aspect-ratio: 1/1; background-color: #fff;box-shadow: 0 4px 47px 0 rgba(0, 0, 0, 0.08); display: flex; align-items: center; justify-content: center; position: absolute; left: calc(var(--size-120-) - var(--size-15)); top: 30%;}
.index-about-r .logo img{width: calc(var(--size-120) + var(--size-15));}
.index-about-r>.text{position: absolute; left: calc(var(--size-75) * 2); top: 48%; transform: translateY(-50%);--color-stroke:rgba(255,255,255,0.3);}
.index-about-top>.left{flex: 1; margin-right: var(--size-140);}
.l-font250{font-size: calc(var(--size-100) * 2 + var(--size-50));}
.public-btn{height: var(--size-60); --border-color:#000; --bg:#000; aspect-ratio: 187/60; border: 1px solid var(--border-color); display: flex; align-items: center; justify-content: center;}
.public-btn.l-dominant{--border-color:var(--color-dominant);--bg:var(--color-dominant);}
.public-btn.l-dominant span{color: var(--color-dominant);}
.public-btn.l-dominant:hover span{color: #fff;}
.public-btn.l-white{--border-color:#fff;--bg:#fff;}
.public-btn.l-white:hover span{color: #000;}
.more-an{overflow: hidden; position: relative;}
.more-an::before{content: ''; display: block; width: 102%; height: 100%; background-color: var(--bg); position: absolute; left: 0; top: 0;transition: transform .5s cubic-bezier(.496, .004, 0, 1);transform: scaleY(0);transform-origin: top;}
.more-an span{position: relative; z-index: 2; display: block; transition: var(--transition);}
.more-an:hover::before{transform: scaleY(1);transform-origin: bottom;}
.more-an1::before{transform: scaleY(1);}
.more-an1:hover::before{transform: scaleY(0);}
.lines8{-webkit-line-clamp: 8;}
.about-total{margin-left: var(--size-90-);}
.about-total>*{margin-top: var(--size-60); flex: 1; padding-left: var(--size-90);}
.about-total>*>*{border-top: 1px solid var(--color-line); padding: var(--size-20) 0; position: relative;}
.about-total>*>* .left{line-height: 120%; opacity: 0.5;}
.about-total>*>*::before{content: ''; display: block; width: var(--size-40); height: 1px; background-color: var(--color-dominant); position: absolute; left: 0; top: -1px;}
.l-pd40{padding-top: var(--size-40); padding-bottom: var(--size-40);}
.index-business{background-attachment: fixed; padding-bottom: var(--size-80);}
.index-business>*>.left{width: calc(var(--size-100) * 9 + var(--size-30));}
.index-business-item{margin: var(--size-15-) 0 0 var(--size-15-);}
.index-business-item>*{padding-left: var(--size-15); margin-top: var(--size-15); perspective: 2000px; }
.index-business-item>*>*{ aspect-ratio: 300/380; position: relative; transform-style: preserve-3d;transition: transform 0.6s ease; display: block;}
.card-front, .card-back{width: 100%; height: 100%; position: absolute; left: 0; top: 0;backface-visibility: hidden; display: flex; flex-direction: column; justify-content: space-between; padding: var(--size-15);}
.card-front{background-color: rgba(255,255,255,0.9);backdrop-filter: blur(var(--size-30));}
.card-back{background-color: var(--color-dominant);transform: rotateY(180deg); color: #fff; pointer-events: none;}
.card-back .top{color: #fff;}
.card-back .center{filter: brightness(0) invert(1);}
.index-business-item>*:hover>*{transform: rotateY(180deg);}
.index-business-item>* .icon{position: absolute; left: 0; top: 0; right: 0;}
.index-business-item>* .icon>:nth-child(1){width: 77%;}
.index-business-item>* .icon>:nth-child(2){width: 23%; position: absolute; right:23%; top: 30%;}
.index-business-item>* .icon>:nth-child(3){width: 23%; position: absolute; right: 0; top: 0;}
.index-business-item>* .bottom{padding: var(--size-20) var(--size-15);}
.index-business-item>* .top{transition: var(--transition);}
/* .index-business-item>*>*:hover{background-color: var(--color-dominant); color: #fff;}
.index-business-item>*>*:hover>.top{color: #fff;}
.index-business-item>*>*:hover .center{filter: brightness(0) invert(1);} */
.index-business-item>*:nth-child(2),.index-business-item>*:nth-child(5){transform: translateY(var(--size-60));}
.index-business>*>.right{flex: 1; margin-left: calc(var(--size-100) * 2 + var(--size-50)); padding-top: var(--size-70);}
.certificate-banner{padding:var(--size-90) var(--size-130);}
.certificate-banner>.bd li{width: calc(var(--size-100) * 4 + var(--size-65)); transition: var(--transition); transition-property: transform; transform: scale(0); opacity: 0;}
.certificate-banner>.bd li .top{aspect-ratio: 467/350;}
.certificate-banner>.bd li .top .bg{position: relative; z-index: 3;}
.certificate-banner>.bd li .top .img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; display: flex; align-items: center; justify-content: center; background-color: #fff; padding: var(--size-20);}
.certificate-banner>.bd li .top .img img{width: auto; max-height: 100%;}
.certificate-banner>.bd li .top .shadow{width: 130%; position: absolute; left: 50%; top: 88%; transform: translateX(-50%);}
.certificate-banner>.bd li .bottom{margin-top: var(--size-80); padding: 0 var(--size-45); opacity: 0; transition: var(--transition); transform: scale(0);}
.certificate-banner>.bd li .bottom .center{flex: 1; padding: 0 var(--size-25);}
.certificate-banner>.bd li .bottom>.left,.certificate-banner>.bd li .bottom>.right{width: var(--size-30);}
.certificate-banner>.bd li.swiper-slide-next{transform: scale(0.82) translate(-60%,-5%); z-index: 3; opacity: 1;}
.certificate-banner>.bd li.swiper-slide-prev{transform: scale(0.82) translate(60%,-5%); z-index: 3; opacity: 1;}
.certificate-banner>.bd li.swiper-slide-next + li{transform: scale(0.65) translate(-170%,-11%); z-index: 2; opacity: 1;}
/* .certificate-banner>.bd li:has(~ .swiper-slide-prev){transform: scale(0) translate(2500%,-20%); opacity: 0;} */
.certificate-banner>.bd li.swiper-slide-prev1{transform: scale(0.65) translate(170%,-11%); z-index: 3; opacity: 1;}
.certificate-banner>.bd li.swiper-slide-prev2{transform: scale(0.5) translate(350%,-16%); z-index: 3; opacity: 1;}
.certificate-banner>.bd li.swiper-slide-next + li + li{transform: scale(0.5) translate(-350%,-16%); opacity: 1;}
.certificate-banner>.bd li.swiper-slide-active{transform: scale(1); z-index: 5; opacity: 1;}
.certificate-banner>.bd li.swiper-slide-active .bottom{opacity: 1; transform: scale(1);}
.banner-btn>*{width: var(--size-55); aspect-ratio: 56/44; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(0,0,0,0.2); margin-left: var(--size-20); opacity: 0.5; z-index: 2;}
.banner-btn>*.prev{margin-left: 0; transform: rotate(180deg);}
.banner-btn>* img{width: var(--size-20);}
.banner-btn>*:hover{opacity: 1; border-color: #000;}
.certificate-btn>*{position: absolute; top: 35%;}
.certificate-btn>*.prev{left: 0;}
.certificate-btn>*.next{right: 0;}
.index-news>*>.left{width: calc(var(--size-100) * 6 + var(--size-60)); padding-right: calc(var(--size-80) * 2);}
.index-news>*>.right{flex: 1; border-left: 1px solid var(--color-line);}
.l-mg130{margin-top: var(--size-130);}
.index-news-scroll{padding-left: var(--size-40);}
.index-news-scroll .icon{width: 20px; aspect-ratio: 20/30; border-radius: 20px; border: 2px solid rgba(34, 34, 34, 0.13); display: flex; align-items: center; justify-content: center; margin-right: var(--size-10);}
.index-news-r{align-items: flex-end;}
.index-news-r>.left{width: calc(var(--size-100) * 7 + var(--size-65));}
.index-news-bd{aspect-ratio: 767/529;}
.index-news-bd>*{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.index-news-bd>*:nth-child(1){z-index: 10;}
.index-news-bd>*:nth-child(2){z-index: 9;}
.index-news-bd>*:nth-child(3){z-index: 8;}
.l-font75{font-size: var(--size-75);}
.index-news-bd>* .time{position: absolute; right: var(--size-10); top: var(--size-30-); opacity: 0;}
.index-news-bd>*.active .time{opacity: 1;}
.index-news-hd>*{margin-top: var(--size-20);}
.index-news-hd>* .icon{width: var(--size-20); aspect-ratio: 1/1; margin-left: var(--size-20); overflow: hidden;}
.index-news-hd>* .icon>*{transition: var(--transition);transform: translate(-102%,102%);}
.index-news-hd>*.active .icon>*{transform: translate(0%,0%);}
.index-news-hd>*.active>*{color: var(--color-dominant);}
.index-news>*{height: 100%;}
.index-news-nname{position: absolute; right: 0; top: calc(var(--size-90) * 2); --color-stroke:rgba(0, 0, 0, 0.58); opacity: 0.1;}
.l-font200{font-size: calc(var(--size-100) * 2);}
.footer-info>.left{width: calc(var(--size-100) * 4 + var(--size-50));}
.footer-info>.right{flex: 1; padding-top: var(--size-70); padding-bottom: var(--size-70);}
.footer-info>.right .contact>*{align-items: flex-start; margin-top: var(--size-10);}
.footer-info>.right .contact .icon{width: 15px; margin-right: var(--size-10); position: relative; top: -2px;}
.footer-info>.right .contact span{flex: 1;}
.footer-info>.left .top{padding: var(--size-70) 0;}
.footer-contact{width: 100%;}
.footer-contact>.item{flex: 1; display: flex; position: relative; padding-right: var(--size-45);}
.footer-contact>.item::before{content: ''; display: block; width: 1px; height: var(--size-100); background-color: rgba(0,0,0,0.1); margin-right: var(--size-45);}
.footer-contact>.item .icon{width: 18px; margin-right: var(--size-10);}
.footer-contact>.item>.cont{flex: 1;}
.footer-contact>.item>.cont .ccont{margin-top: var(--size-10);}
.footer-contact>.item:last-child{padding-right: 0; flex: 0.6;}
.footer-contact>.item:first-child::before{display: none;}
.footer-logo{display: block; width: calc(var(--size-100) * 3 + var(--size-60));}
.footer-info>.left .bottom{padding-right: var(--size-90);}
.footer-nav>* h3{margin-bottom: var(--size-20);}
.footer-nav>* p{margin-top: var(--size-15);}
.footer-nav>* p a{opacity: 0.5;}
.footer-nav>* a{display: inline-block;}
.footer-nav>* a:hover{opacity: 1; transform: translateX(var(--size-10));}
.footer-search{height: var(--size-55);}
.footer-search>*{height: 100%;}
.footer-search>input{flex: 1; background-color: #fff; border: none; padding: 0 var(--size-20);}
.footer-search>.btn{aspect-ratio: 70/55; background-color: var(--color-dominant); color: #fff; display: flex; align-items: center; justify-content: center; position: relative;}
.footer-search>.btn button{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
.footer-ewm>*:last-child{margin-right: 0;}
.footer-copy{border-top: 1px solid var(--color-line);}
.footer-copy span{margin-right: var(--size-20);}
.footer-copy span:last-child{margin-right: 0;}
.footer-bottom{aspect-ratio: 1920/220; background: url(../img/footer.jpg) no-repeat center; background-size: cover; justify-content: center;}
.l-font230{font-size: calc(var(--size-100) * 2 + var(--size-30));}
.footer-bottom>.name{position: relative; z-index: 3;}
.footer-bottom>.nname{position: absolute; left: 50%; top:var(--size-120); transform: translateX(-50%); opacity: 0.3;}
.return-top{position: absolute; left: 46%; transform: translateX(-50%); bottom: 0; width: calc(var(--size-100) * 4 + var(--size-25));}
.public-ban{height: 100vh;}
.public-ban>.l-container{position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; align-items: center; opacity: 0;}
.l-font96{font-size: var(--size-95);}
.about-res>.img{position: absolute; right: 0; top: 0; width: calc(var(--size-100) * 15 + var(--size-20));}
.about-res-cont{width: 56%;}
.banner-btn{transform: none !important;}
.about-history>.bg{position: absolute; left: 0; top: 0; -webkit-mask-image: url(../img/about/a3.png); -webkit-mask-position: 50% 0%; -webkit-mask-repeat: no-repeat; -webkit-mask-size:calc(var(--size-100) * 15 + var(--size-30)) calc(var(--size-100) * 4 + var(--size-85)); }
.about-history>.bg1{position: absolute; left: 0; top: 0; opacity: 0.03;}
.about-history>.l-container{height: 100%;}
.about-history-logo{width: calc(var(--size-110) * 2); aspect-ratio: 1/1; background-color: #fff;box-shadow: 0 3.552px 41.736px 0 rgba(0, 0, 0, 0.08); display: flex; align-items: center; justify-content: center; margin: auto;}
.about-history-logo img{width: var(--size-120);}
.about-history-ccont{margin-top: calc(var(--size-85) * 2); position: relative; width: 50%; margin-left: auto; margin-right: auto;}
.about-history-ccont>:nth-child(2){position: absolute; left: 0; top: 0; right: 0; opacity: 0; transform: translateY(100%); filter: blur(20px);}
.l-font165{font-size: calc(var(--size-70) * 2 + var(--size-25));}
.about-history-text{position: absolute; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; color: rgba(0, 0, 0, 0.07);-webkit-text-stroke-width: 0.96px;
-webkit-text-stroke-color: rgba(255, 255, 255, 0.26);}
.index-business-item .center{width: var(--size-100);}
.about-culture .index-business-item .center{margin-left: auto; margin-right: auto;}
.about-culture .index-business-item>*:nth-child(2){transform: translateY(0);}
.about-culture .index-business-item .bg{position: absolute; left: 0; top: 0; right: 0; bottom: 0;  z-index: -1;}
.about-culture .index-business-item .bg img{height: 100%;}
.about-culture .index-business-item>*>*{box-shadow: 0 4px 53.4px 0 rgba(0, 0, 0, 0.10);}
.about-culture .card-front, .card-back{padding: var(--size-30);}
.about-culture .top{border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: var(--size-30);}
.about-culture .card-back .top{border-bottom: 1px solid rgba(255,255,255,0.1);}
.about-culture .card-back .center{display: none;}
.welfare-top>.bd .cont{width: calc(var(--size-100) * 5 + var(--size-45)); background: url(../img/welfare/icon1.jpg) no-repeat center; background-size: cover; padding: var(--size-100) var(--size-75) var(--size-30);}
.welfare-top>.bd .img{flex: 1; aspect-ratio: 1053/650;}
.banner-hd{position: absolute; z-index: 2; left: 0; padding-right: calc(var(--size-100) * 5 + var(--size-45)); display: flex; justify-content: center; bottom: var(--size-20) !important;}
.banner-hd>*{opacity: 1; background-color: #fff; transition: var(--transition); opacity: 0.5;}
.banner-hd>*.on{opacity: 1;}
.news-item{margin: var(--size-20-) 0 0 var(--size-20-);}
.news-item>*{padding-left: var(--size-20); margin-top: var(--size-20);}
.news-item>*>*{display: block; border: 1px solid rgba(0, 0, 0, 0.10);
background: #FFF;border: 1px solid var(--color-line);}
.l-font64{font-size: var(--size-65);}
.news-item>* .img{aspect-ratio: var(--aspect-news);}
.news-item>* .img img{transition: var(--transition); height: 100%;}
.news-item>* .time{position: absolute; right: 0; bottom: -6px; z-index: 2;}
.news-item>* .top{padding: var(--size-30);}
.news-item>* .btn{padding: var(--size-20) var(--size-30); border-top: 1px solid var(--color-line);}
.news-item>* .btn .left{transition: var(--transition);}
.news-item>* .btn .right{width: 18px; aspect-ratio: 1/1; overflow: hidden; position: relative;}
.news-item>* .btn .right>*{transition: var(--transition);}
.news-item>* .btn .right>*:nth-child(1){filter: grayscale(1);}
.news-item>* .btn .right>*:nth-child(2){position: absolute; left: 0; top: 0; transform: translate(-100%,100%);}
.news-item>*>*:hover{box-shadow: 0 4px 56.6px 0 rgba(0, 0, 0, 0.20);}
.news-item>*>*:hover .btn .right>*:nth-child(1){transform: translate(100%,-100%);}
.news-item>*>*:hover .btn .right>*:nth-child(2){transform: translate(0%,0%);}
.news-item>*>*:hover .btn .left{color: var(--color-dominant); opacity: 1;}
.news-item>*>*:hover .img img{transform: scale(1.2);}
.business-item{height: 100vh;}
.business-item>*{position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; overflow: hidden; background-color: #fff;}
.business-imgs,.business-nums{position: absolute; right: 0; top: 0; bottom: 0; width: calc(var(--size-100) * 7 + var(--size-40)); z-index: 3;}
.business-imgs>*,.business-nums>*{height: 100%; position: absolute; left: 0; top: 0; width: 100%;perspective: 5000px;}
.business-center .icon{position: absolute; left: 0; top: 0; right: 0;}
.business-center .icon>:nth-child(1){width: 77%;}
.business-center .icon>:nth-child(2){width: 23%; position: absolute; right:23%; top: 30%;}
.business-center .icon>:nth-child(3){width: 23%; position: absolute; right: -1px; top: 0;}
/* .business-item>*:nth-child(1){z-index: 10;}
.business-item>*:nth-child(2){z-index: 9;}
.business-item>*:nth-child(3){z-index: 8;}
.business-item>*:nth-child(4){z-index: 7;}
.business-item>*:nth-child(5){z-index: 6;}
.business-item>*:nth-child(6){z-index: 5;}
.business-item>*:nth-child(7){z-index: 4;}
.business-item>*:nth-child(8){z-index: 3;}
.business-item>*:nth-child(9){z-index: 2;}
.business-item>*:nth-child(10){z-index: 1;} */
.business-item>*>.right{width: calc(var(--size-100) * 7 + var(--size-40));perspective: 2000px; opacity: 0;}
.business-item>*>.left{flex: 1;}
.business-item>* .icon{position: absolute; left: 0; top: 0; right: 0; opacity: 0.2;}
.business-item>* .icon>:nth-child(1){width: 77%;}
.business-item>* .icon>:nth-child(2){width: 23%; position: absolute; right:23%; top: 30%;}
.business-item>* .icon>:nth-child(3){width: 23%; position: absolute; right: -1px; top: 0;}
.business-center{width: calc(var(--size-100) * 3); aspect-ratio: 300/380; background-color: var(--color-dominant); position: absolute; left: calc(var(--size-100-) + var(--size-50-)); top: 50%; margin-top: calc(var(--size-95-) * 2); padding: var(--size-30);transform-style: preserve-3d;}
.business-item>*>.left .cont{padding-left: var(--container-l); width: 64%;}
.business-item>*>.left .cont .top{height: var(--size-95);}
.business-item>*>.left .ccont{padding-top: var(--size-30); border-top: 1px solid var(--color-line);}
.business-center .center{align-items: flex-end;}
.business-center .center span{position: relative; top: var(--size-10-);}
.case-top>.left{flex: 1;}
.case-top>.right{width: calc(var(--size-100) * 5);}
.case-top>.right .footer-search{height: var(--size-75);}
.case-top>.right .footer-search>input{background-color: rgba(0, 0, 0, 0.05);}
.case-nav>*{margin-right: var(--size-55); opacity: 0.5;}
.case-nav>*.active,.case-nav>*:hover{opacity: 1;}
.case-banner-hd{padding-right: 0;}
.case-item-top{cursor: pointer; padding: var(--size-40) 0;}
.case-item-top>.right{width: var(--size-20); margin-left: var(--size-20); position: relative; display: flex; align-items: center; justify-content: center;}
.case-item-top>.right::before,.case-item-top>.right::after{content: ''; display: block; width: 100%; height: 2px; background-color: var(--color-dominant);}
.case-item-top>.right::after{transform: rotate(90deg); position: absolute; left: 0; top: 0;}
.case-item-top>.left{flex: 1;}
.case-item-top>.left span{padding: 3px var(--size-15); margin-right: var(--size-20); border: 1px solid var(--color-dominant);}
.case-item{border-top: 1px solid var(--color-line);}
.case-item>*{border-bottom: 1px solid var(--color-line);}
.case-item-bottom>.top>.left{flex: 1; margin-right: calc(var(--size-100) * 2);}
.case-total>*{margin-left: var(--size-90);}
.case-item-bottom{display: none;}
.case-item>.active .case-item-bottom{display: block;}
.branch-city{padding: var(--size-30) 0 var(--size-20); border-top: 1px solid var(--color-line);}
.branch-city>*{margin-right: var(--size-30); margin-bottom: var(--size-10); position: relative;}
.branch-city>*:last-child{margin-right: 0;}
.branch-city>* a{opacity: 0.5;}
.branch-city>*.active a,.branch-city>* a:hover{opacity: 1; color: var(--color-dominant);}
.branch-city>*::before{content: ''; display: block; width: 100%; height: 4px; background-color: var(--color-dominant); position: absolute; left: 0; top: calc(var(--size-30-) - 3px); transform: scaleX(0);}
/* .branch-city>*.active::before{transform: scaleX(1);} */
.branch-cont{background-color: #FBFBFB;}
.branch-filter{padding: var(--size-30) var(--size-30) var(--size-10);}
.branch-filter>.item{margin-bottom: var(--size-10);}
.branch-filter>.item>div{flex: 1;}
.branch-filter>.item>div>*{margin: 0 var(--size-30) var(--size-10) 0; opacity: 0.5;}
.branch-filter>.item>div>*.active,.branch-filter>.item>div>*:hover{opacity: 1;}
.cooperate-item>*{padding-right: calc(var(--size-100) * 3);}
.cooperate-item>*:nth-child(2n){padding:0 0 0 calc(var(--size-100) * 3);}
.cooperate-item>*>*{padding: var(--size-30) var(--size-35) var(--size-30) 0; aspect-ratio: 500/266; border-top: 1px solid var(--color-line); position: relative;}
.cooperate-item>*:nth-child(2n)>*{padding: var(--size-30) var(--size-35) var(--size-30) var(--size-45);}
.cooperate-center{position: absolute; left: 50%; top: 0; bottom: 0; width: calc(var(--size-100) * 6); transform: translateX(-50%);}
.cooperate-imgs{height: 100%;}
.cooperate-imgs>*{position: absolute; left: 0; right: 0; bottom: 0; top: 0;}
.cooperate-imgs>* img{height: 100%;}
.cooperate-imgs>*:nth-child(1){z-index: 6;}
.cooperate-imgs>*:nth-child(2){z-index: 5;}
.cooperate-imgs>*:nth-child(3){z-index: 4;}
.cooperate-imgs>*:nth-child(4){z-index: 3;}
.cooperate-imgs>*:nth-child(5){z-index: 2;}
.cooperate-imgs>*:nth-child(6){z-index: 1;}
.cooperate-tel{position: absolute; left: 0; right: 0; bottom: 0; z-index: 10; padding: var(--size-30);}
.cooperate-tel .public-btn{height: var(--size-50);}
.cooperate-tel .public-btn .icon{width: var(--size-25); margin-right: var(--size-10); transition: var(--transition);}
.cooperate-tel .public-btn:hover .icon{filter:invert(1);}
.cooperate-item>* .icon{position: absolute; left: 0; top: 0; right: 0; opacity: 0; transition: var(--transition);}
.cooperate-item>* .icon>:nth-child(1){width: 77%;}
.cooperate-item>* .icon>:nth-child(2){width: 23%; position: absolute; right:23%; top: 30%;}
.cooperate-item>* .icon>:nth-child(3){width: 23%; position: absolute; right: 0; top: 0;}
.cooperate-item>*.active>*{background-color: var(--color-dominant); color: #fff;padding: var(--size-30) var(--size-35) var(--size-30) var(--size-45);}
.cooperate-item>*.active .icon{opacity: 1;}
.cooperate-item>*.active>* .top .right{filter: brightness(0) invert(1);}
.news-nav>*{margin-right: var(--size-30); opacity: 0.5;}
.news-nav>*:last-child{margin-right: 0;}
.news-nav>*.active,.news-nav>*:hover{opacity: 1;}
.lh-detail>.left{width: calc(var(--size-100) * 5 + var(--size-30)); padding-top: var(--size-90); padding-bottom: var(--size-90); padding-left: var(--size-100); padding-right: var(--size-50); position: relative;}
.lh-detail>.right{width: calc(var(--size-80) * 2); padding-top: var(--size-90); display: flex; justify-content: center;}
.lh-detail>.center{flex: 1; padding: var(--size-90) var(--size-70); border-left: 1px solid var(--color-line); border-right: 1px solid var(--color-line);}
.detail-name,.detail-r>.return{position: sticky !important; top: var(--size-100);}
.detail-r>.item{border-top: 1px solid var(--color-line); padding: var(--size-30) 0; position: relative;}
.detail-r>.item>.icon{width: var(--size-45); margin: auto;}
.detail-share>*{margin-top: var(--size-15);}
.detail-share>* a{display: flex; align-items: center; justify-content: center; width: var(--size-45); aspect-ratio: 1/1; border-radius: 50%; border: 1px solid #DDD; margin: auto;}
.detail-share>* a:hover{border-color: #000;}
.detail-r>.return .icon{width: var(--size-20); margin: auto;}
.detail-r>.item:first-child{padding-top: 0; border: none;}

.contact-input{margin: var(--size-60-) 0 0 var(--size-40-);}
.contact-input>*{padding-left: var(--size-40); margin-top: var(--size-60);}
.w100{width: 100%;}
.contact-input>* .icon{margin-top: var(--size-10);}
.contact-input>* input{border: none; border-bottom: 1px solid var(--color-line); padding: 0; height: var(--size-50);}
.l-radio>*{margin-right: var(--size-65); position: relative; margin-bottom: var(--size-10);}
.l-radio>*:last-child{margin-right: 0;}
.l-radio>* i{display: flex; align-items: center; justify-content: center; width: 18px; aspect-ratio: 1/1; border: 1px solid #000; margin-right: var(--size-15);}
.l-radio>* i::before{content: ''; display: block; width: 100%; height: 100%; background-color: #000;transform: scale(0);}
.l-radio>* input{position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; border: none; cursor: pointer;}
.l-radio>*.active i::before{transform: scale(0.6);}
.view-more{aspect-ratio: 218/60; height: var(--size-60); border: 1px solid var(--color-dominant); display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; background-color: #fff; font-weight: normal;}
.view-more{--bg:var(--color-dominant); color: #fff;}
.view-more:hover{color: var(--color-dominant);}
.more-an1::before{transform: scaleY(1);}
.more-an1:hover::before{transform: scaleY(0);}
.join-btn{position: absolute; right:var(--size-80); bottom:var(--size-75); text-align: right;}
.join-btn .icon{width: var(--size-20); margin-left: var(--size-15);filter: brightness(0) invert(1); position: relative; top: var(--size-10); aspect-ratio: 1/1;}
.join-btn .icon>*{transition: var(--transition);}
.join-btn .icon>*:nth-child(2){position: absolute; left: 0; top: 0; transform: translate(-100%,100%);}
.join-btn:hover .icon>:nth-child(1){transform: translate(100%,-100%);}
.join-btn:hover .icon>:nth-child(2){transform: translate(0%,0%);}
.l-font100{font-size: var(--size-100);}
.contact-ewm>*{width: var(--size-140); margin-right: var(--size-15); margin-top: var(--size-15);}
.contact-ewm>:last-child{margin-right: 0;}
.contact-top .contact>*{margin-top: var(--size-20);}
.contact-top .contact>* em{flex: 1; margin-left: var(--size-55);}
.contact-r{padding-right: calc(var(--size-80) * 2);}
.public-ban.contact::before{content: ''; display: block; width: 73%; height: 100%; background-color: var(--color-dominant); position: absolute; left: 0; top: 0; z-index: 2;-webkit-clip-path: polygon(0 0, 34% 0, 100% 100%, 0% 100%);}
.contact-message>.bg{position: absolute; right: 0; top: 0; bottom: 0; left: 0;-webkit-clip-path: polygon(61.5% 0%, 100% 0, 100% 100%, 0 100%, 0 87%);}
.contact-message>.bg img{-webkit-mask-image:linear-gradient(90deg, rgba(228, 228, 228, 0.00), rgba(228, 228, 228, 0.00), #F9F9F9); height: 100%;}
.message-cont{width: 55%;}
.l-lh8{line-height: 180%;}
.join-item>*{margin-top: var(--size-20); background-color: #F6F6F6; position: relative; overflow: hidden;}
.join-item-top{padding:var(--size-35); cursor: pointer;}
.join-item-top>.right{width: var(--size-55); aspect-ratio: 1/1; background-color: var(--color-dominant); display: flex; align-items: center; justify-content: center; -webkit-clip-path: polygon(20% 0%, 100% 0, 100% 80%, 80% 100%, 0 100%, 0 20%);}
.join-item-top>.right img{filter: brightness(0) invert(1); width: var(--size-20); transform: rotate(180deg);}
.join-item-top>.left{flex: 1;}
.join-item-bottom{padding:0 var(--size-35) var(--size-35); display: none;}
.join-item>*.active .join-item-bottom{display: block;}
.join-item>*.active .join-item-top>.right{background-color: #fff;}
.join-item>*.active .join-item-top>.right img{filter: none; transform: rotate(0);}
.join-item>*::before,.join-item>*::after{content: ''; display: block; width: var(--size-60); height: var(--size-20); background-color: #fff; position: absolute;}
.join-item>*::before{ left: var(--size-20-); top:0; transform: rotate(-45deg);}
.join-item>*::after{right: var(--size-20-); bottom: 0; transform: rotate(-45deg);}
.join-contact{margin-left: var(--size-60-);}
.join-contact>*{padding-left: var(--size-60); margin-top: var(--size-60);}
.join-contact>*>*{position: relative; aspect-ratio: 496/210; padding:0 var(--size-50);}
.join-contact>* .icon{width: var(--size-40); margin-left: var(--size-50); position: relative; top: var(--size-15-);}
.join-contact>* svg{position: absolute; left: 0; top: 0; width: 100%;}
.join-bottom{padding-bottom: var(--size-120);}
.footer-top{position: relative; z-index: 2;}
.public-ban.contact .public-scroll{opacity: 0; pointer-events: none;}
.index-banner-box>.line{width: 2px; height: 60%; background-color: var(--color-dominant); position: absolute; left: 50%; top: 20%; margin-left: -1px; transform: rotate(45deg) scaleY(0.5); opacity: 0;}
.index-banner{z-index: 2;}
.index-banner .bd .img{filter: grayscale(100%);}
.index-banner-shadow{position: absolute; left: 0; top: 0; right: 0; bottom: 0;background: linear-gradient(0deg, rgba(255, 255, 255, 0.69) 0%, rgba(255, 255, 255, 0.69) 100%); z-index: 2; pointer-events: none;}
.index-loading{height: 100vh; display: flex; align-items: center; position: absolute; left: 0; top: 0; right: 0; z-index: 5; pointer-events: none; opacity: 0;}
.index-loading>*{height: 60%; padding-left: var(--size-100); padding-right: var(--size-100);}
.index-loading .center{display: flex; align-items: center;width: calc(var(--size-100) + var(--size-35)); justify-content: center;}
.index-loading .left,.index-loading .right{flex: 1;display: flex; align-items: center; justify-content: center;}
.loading-logo{position: relative; width: 100%; opacity: 0;}
.loading-logo>*:not(:first-child){position: absolute; left: 0; top: 0;}
.index-loading .name{opacity: 0;}
.search-item>*>*{padding: var(--size-30) 0; border-bottom: 1px solid var(--color-line);}
.search-header .lh-logo{filter: none;}
.search-header .header-search-top .icon,.search-header .header-link>* .icon{filter: invert(1);}
.lh-search{padding-top: calc(var(--size-100) * 2);}
.lh-search .footer-search>input{background-color: var(--bg-gray);}
.branch-map-btn>*{position: absolute; top: 50%; transform: translateY(-50%);}
.branch-map-btn>*.prev{right: calc(100% + var(--size-20));}
.branch-map-btn>*.next{left: calc(100% + var(--size-20)); margin-left: 0;}
.branch-banner .img{aspect-ratio: 1598/650;}
.about-video-btn{width: var(--size-100); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2;}
/*
data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MDAiIGhlaWdodD0iMzAwIj48cmVjdCB3aWR0aD0iNDAwIiBoZWlnaHQ9IjMwMCIgZmlsbD0iI2VlZSIvPjwvc3ZnPg==
backdrop-filter: grayscale(1);
white-space: nowrap;
filter: brightness(0) invert(1);
mix-blend-mode: difference;
-webkit-
swiper-initialized
--color-wathet
linear-gradient(0deg,rgba(255,255,255,.4),rgba(255,255,255,0));
F5AB00
transparent
font-family: "ebrimabd";
.hRegular{font-family: "hRegular";}
.hLight{font-family: "hLight";}
.hBold{font-family: "hBold";}
l-uppercase
transition:cubic-bezier(0.215,.61,.355,1) .45s;

*/
@media all and (-moz-min-device-pixel-ratio: 1.19) and (-moz-max-device-pixel-ratio: 1.28),
  (-webkit-min-device-pixel-ratio: 1.19) and (-webkit-max-device-pixel-ratio: 1.28),
  (min-resolution: 1.19dppx) and (max-resolution: 1.28dppx) and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6),
  (-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6),
  (min-resolution: 1.41dppx) and (max-resolution: 1.6dppx){/*125%and150%*/
  
}
@media all and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6),
  (-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6),
  (min-resolution: 1.41dppx) and (max-resolution: 1.6dppx) {/*150%*/
  
}
@media screen and (max-width: 1600px){
	
}
@media screen and (max-width: 1500px){

}
@media screen and (min-width: 1200px) and (max-height:850px){
}
/*手机*/
@media screen and (max-width: 1024px){
	:root{
		--size-10: 1.3333333333333335vw;
		--size-15: 2vw;
		--size-20: 2.666666666666667vw;
		--size-25: 3.3333333333333335vw;
		--size-30: 4vw;
		--size-35: 4.666666666666667vw;
		--size-40: 5.333333333333334vw;
		--size-45: 6vw;
		--size-50: 6.666666666666667vw;
		--size-55: 7.333333333333333vw;
		--size-60: 8vw;
		--size-65: 8.666666666666668vw;
		--size-70: 9.333333333333334vw;
		--size-75: 10vw;
		--size-80: 10.666666666666668vw;
		--size-85: 11.333333333333332vw;
		--size-90: 12vw;
		--size-95: 12.666666666666668vw;
		--size-100: 13.333333333333334vw;
		--size-110: 14.666666666666666vw;
		--size-120: 16vw;
		--size-130: 17.333333333333336vw;
		--size-140: 18.666666666666668vw;
		--size-10-: -1.3333333333333335vw;
		--size-15-: -2vw;
		--size-20-: -2.666666666666667vw;
		--size-25-: -3.3333333333333335vw;
		--size-30-: -4vw;
		--size-35-: -4.666666666666667vw;
		--size-40-: -5.333333333333334vw;
		--size-45-: -6vw;
		--size-50-: -6.666666666666667vw;
		--size-55-: -7.333333333333333vw;
		--size-60-: -8vw;
		--size-65-: -8.666666666666668vw;
		--size-70-: -9.333333333333334vw;
		--size-75-:-10vw;
		--size-80-: -10.666666666666668vw;
		--size-85-: -11.333333333333332vw;
		--size-90-: -12vw;
		--size-95-: -12.666666666666668vw;
		--size-100-: -13.333333333333334vw;
		--size-110-: -14.666666666666666vw;
		--size-120-: -16vw;
		--size-130-: -17.333333333333336vw;
		--size-140-: -18.666666666666668vw;
		--font-size:clamp(12px,1.866666666666667vw,24px);
		--container-w:100%;
	}
	.l-font12{font-size: 1.6vw;}
	.l-font14{font-size: clamp(12px,1.866666666666667vw,24px);}
	.l-font16{font-size: clamp(14px,2.1333333333333333vw,32px);}
	.l-font20{font-size: clamp(16px,2.666666666666667vw,40px);}
	.l-font32{font-size: clamp(20px,4.266666666666667vw,64px);}
	.l-font40{font-size: 5.333333333333334vw;}
	.l-font44{font-size: 5.866666666666666vw;}
	.l-font48{font-size: 5.8vw;}
	.l-font64{font-size: 7vw;}
	*{line-height: inherit;}
	header,.header-fixed{display: flex; opacity: 1; height: var(--size-100);}
	.lh-logo,.header-fixed .lh-logo{transform: scale(0.8);}
	.lh-nav{position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; background-color: #fff; display: block; color: var(--body-color); overflow-y: auto; padding-left: var(--size-30); padding-right: var(--size-30); padding-bottom: var(--size-30); padding-top: var(--size-100); opacity: 0; pointer-events: none; transition: var(--transition);}
	.lh-nav>*{margin: 0;}
	.lh-nav>*>a{padding: var(--size-30) 0; border-bottom: 1px solid #f5f5f5; display: flex
; align-items: center; font-size: var(--size-30);justify-content: space-between;}
	/* .lh-nav>*>a::after{content: '进入频道页>';display: block;font-size: 12px;color: #999;}
	.english .lh-nav>*>a::after{content:'MORE>'} */
	.on .lh-nav{opacity: 1; pointer-events: auto;}
	.on .nav-btn i{transform: scaleX(0);}
	.on .nav-btn::before{transform: translate(0,7px) rotate(45deg);}
	.on .nav-btn::after{transform: translate(0,-7px) rotate(-45deg);}
	.on .header-cont{color: var(--body-color);}
	.on .header-link>* .icon{filter: invert(1);}
	.on header>.header-cont{height: 100%;}
	.on header>.header-cont::before{content: ''; display: block; width: 100vw; height: 100%; background-color: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.1); position: absolute; left: 0; top: 0; z-index: 2; box-shadow: 0 0 20px rgba(0,0,0,0.05);}

	.nav-two{transition: none; display: flex; flex-direction: row; flex-wrap: wrap; color: #000; margin-left: var(--size-15-);}
	.nav-two>*{width: 100%;display: flex;flex-wrap: wrap;}
	.nav-two>*>*{ padding-left: var(--size-15); margin-top: var(--size-15);}
	.nav-two>* a{width: 100%;}
	.on .nav-two{opacity: 1; pointer-events: auto; transform: none !important; position: relative; left: 0; top: 0;padding: 0 !important;}
	.nav-two>*{background: none;box-shadow: none; }
	.nav-two>*::before{display: none;}
	.nav-two>*>*{width: calc(50% - var(--size-15));}
	.nav-two>* a{ white-space: inherit;background-color: #f5f5f5; padding: var(--size-20); line-height: 120%; font-size: clamp(14px,2.1333333333333333vw,32px); display: flex; text-align: center;white-space: nowrap; justify-content: center;}

	.nav-btn{display: block; position: relative; z-index: 2;--bg:#fff;}
	.header-fixed .nav-btn{--bg:#000;}
	.nav-btn::before,.nav-btn::after,.nav-btn i{content: ''; display: block; width: var(--size-40); height: 2px; background-color: var(--bg); transition: var(--transition);}
	.nav-btn i{margin: var(--size-10) 0;}
	.Fixed .nav-btn{--bg:#333;}
	.on .header-nav{pointer-events: auto; opacity: 1;}
	.on .nav-btn{--bg:#333;}
	.on .lh-logo{filter: none;}
	.on .nav-btn i{transform: scaleX(0);}
	.on .nav-btn::before{transform: translate(0,calc(var(--size-10) + 2px)) rotate(45deg);}
	.on .nav-btn::after{transform: translate(0,calc(var(--size-10-) - 2px)) rotate(-45deg);}
	body:has(.index-banner){overflow: initial; height: auto;}
	.join-contact>* .icon{width: var(--size-60); margin-left: var(--size-90); top: var(--size-20-);}
	.contact-r{padding-right: 0;}
	.footer-nav>*{width: 33.3%; margin-bottom: var(--size-50);}
	.footer-info>.right{border-left: 0; width: 100%; padding-left: 0;}
	.lh-detail>.left,.lh-detail>.center{padding: var(--size-30);}
	.cooperate-item>*{padding: 0 !important; width: 100%;}
	.cooperate-item>*>*{padding: var(--size-30) 0 !important; aspect-ratio: inherit;}
	.cooperate-item>* .top .right{width: var(--size-50);}
	.cooperate-item>*>* .bottom{margin-top: var(--size-50);}
	.business-item>*>.right{opacity: 1; position: relative; width: 100%; height: 40vh;}
	.business-item{height: auto;}
	.business-item>*{position: relative;}
	.business-item>*>.left{width: 100%; padding:var(--size-50) var(--size-30);}
	.business-item>*>.left .cont{width: 100%;}
	.business-center{left: auto; right: 0; top: 0;}
	.business-item>*>.left .cont .top{height: auto;}
	.about-res>.img{width: 100%;}
	.about-history{background-color: #000;}
	.about-history>.bg{mask: none; opacity: 0.6;}
	.about-history>.bg1{display: none;}
	.about-history-ccont{color: #fff;}
	.about-history-ccont>:nth-child(2){opacity: 1; filter: blur(0); transform: translateY(0); position: relative;}
	.l-fullpage{height: auto;}
	.about-history>.l-container{padding-bottom: calc(var(--size-100) * 2);}
	.index-business-item>*{width: 50%;}
	.about-history-ccont{width: 100%;}
	.certificate-banner{overflow: visible;}
	.certificate-btn>*{background-color: var(--color-dominant); opacity: 1; border: none;}
	.certificate-btn>* img{filter: brightness(0) invert(1);}
	.about-history-ccont .l-opacity5{opacity: 1;}
	.index-banner{width: 100%; height: 100%;}
	.index-banner .bd .img{filter: none;}
	.index-about-top>.right{left: 0; margin-top: var(--size-50);}
	.index-about-r .logo{left: 0; top: 0;}
	.index-business{background-attachment: inherit;}
	.index-business-item>*:nth-child(2), .index-business-item>*:nth-child(5){transform: translateY(0);}
	.index-business>*>.right{margin-left: 0;}
	.index-news{padding-bottom: var(--size-100);}
	.index-news>*>.right{border: none;}
	.case-top>.right{margin-top: var(--size-30);}
	.case-item-bottom>.top>.left{margin-right: 0;}
	.footer-contact>.item{flex: none; width: 100%; padding-right: 0; margin-top: var(--size-30);}
	.footer-contact>.item::before{display: none;}
	.footer-info>.right{padding-top: 0;}

	.nav-btn{margin-right: var(--size-30);}
	.public-ban>.l-container,.index-banner-r,.index-banner>.bd .l-container{opacity: 1;}
	.header-search,.footer-bottom,.footer-info>.left .bottom,.lh-detail>.right,.cooperate-center,.business-imgs,.business-nums,.index-loading,.index-banner-shadow,.index-news-scroll{display: none;}
	.join-contact>*,.lh-detail>.left,.lh-detail>.right,.index-about-top>.right,.case-top>.right{width: 100%;}
	/* ::-webkit-scrollbar{
		  display: none;
	} */
	/*平板*/
	@media screen and (min-width:768px){
		:root{
			--size-10: 0.9765625vw;
			--size-15: 1.46484375vw;
			--size-20: 1.953125vw;
			--size-25: 2.44140625vw;
			--size-30: 2.9296875vw;
			--size-35: 3.41796875vw;
			--size-40: 3.90625vw;
			--size-45: 4.39453125vw;
			--size-50: 4.8828125vw;
			--size-55: 5.37109375vw;
			--size-60: 5.859375vw;
			--size-65: 6.34765625vw;
			--size-70: 6.8359375vw;
			--size-75: 7.32421875vw;
			--size-80: 7.8125vw;
			--size-85: 8.30078125vw;
			--size-90: 8.7890625vw;
			--size-95: 9.27734375vw;
			--size-100: 9.765625vw;
			--size-110: 10.7421875vw;
			--size-120: 11.71875vw;
			--size-130: 12.6953125vw;
			--size-140: 13.671875vw;
			--size-10-: -0.9765625vw;
			--size-15-: -1.46484375vw;
			--size-20-: -1.953125vw;
			--size-25-: -2.44140625vw;
			--size-30-: -2.9296875vw;
			--size-35-: -3.41796875vw;
			--size-40-: -3.90625vw;
			--size-45-: -4.39453125vw;
			--size-50-: -4.8828125vw;
			--size-55-: -5.37109375vw;
			--size-60-: -5.859375vw;
			--size-65-: -6.34765625vw;
			--size-70-: -6.8359375vw;
			--size-75-:-7.32421875vw;
			--size-80-: -7.8125vw;
			--size-85-: -8.30078125vw;
			--size-90-: -8.7890625vw;
			--size-95-: -9.27734375vw;
			--size-100-: -9.765625vw;
			--size-110-: -10.7421875vw;
			--size-120-: -11.71875vw;
			--size-130-: -12.6953125vw;
			--size-140-: -13.671875vw;
			--font-size:1.3671875vw;
		}
		.join-contact>* .icon{margin-left: var(--size-140);}
	}
	/*手机*/
	@media screen and (max-width:767px){
		.header-link>* .icon{width: 16px;}
		.public-ban{height: 40vh;}
		.public-ban.contact{height: auto;}
		.public-ban.contact::before{display: none;}
		.public-ban.contact>.l-container{position: relative; background-color: var(--color-dominant); padding-top: var(--size-50); padding-bottom: var(--size-50);}
		.contact-r{margin-top: var(--size-50);}
		.message-cont{width: 100%;}
		.contact-input>* input,.view-more,.footer-search{height: var(--size-70);}
		.news-item>* .btn .right{width: 12px;}
		.news-top>.right{width: 100%; margin-top: var(--size-30);}
		.business-center{top: var(--size-50);}
		.about-total>*{width: 50%; flex: none;}
		.index-banner-box{height: auto;}
		.index-banner{height: 40vh;}
		.index-business-item>*{width: 50%;}
		.index-business-item .center svg{width: 100%; height: auto;}
		.case-item-bottom>.top{display: block;}
		.case-total>*{margin-top: var(--size-30);}
		.case-total>*:first-child{margin-left: 0;}
		.footer-contact>.item .icon{width: 15px; position: relative; top: 4px;}
		
		.news-item>*,.about-res-cont,.index-news-r>.left{width: 100%;}
		.index-banner-r{display: none;}
	}
}