@charset "utf-8";
.iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
@font-face {
font-family: "din-bold_";
src: url("../font/din-bold_.woff2") format("woff2"),
url("../font/din-bold_.woff") format("woff"),
url("../font/din-bold_.ttf") format("truetype"),
url("../font/din-bold_.eot") format("embedded-opentype"),
url("../font/din-bold_.svg") format("svg");
font-weight: normal;font-style: normal;}
.din {font-family: 'din-bold_';}

@font-face {
font-family: "Montserrat-Medium";
src: url("../font/Montserrat-Medium.woff2") format("woff2"),
url("../font/Montserrat-Medium.woff") format("woff"),
url("../font/Montserrat-Medium.ttf") format("truetype"),
url("../font/Montserrat-Medium.eot") format("embedded-opentype"),
url("../font/Montserrat-Medium.svg") format("svg");
font-weight: normal;font-style: normal;}

.mont {font-family: "Montserrat-Medium";}

@font-face {
    font-family: "SourceHanSansCN-Normal";
    src: url("../font/SourceHanSansCN-Normal.woff2") format("woff2"),
    url("../font/SourceHanSansCN-Normal.woff") format("woff"),
    url("../font/SourceHanSansCN-Normal.ttf") format("truetype"),
    url("../font/SourceHanSansCN-Normal.eot") format("embedded-opentype"),
    url("../font/SourceHanSansCN-Normal.svg") format("svg");
    font-weight: normal;font-style: normal;}

.zt {font-family: "SourceHanSansCN-Normal";}

:root {
/*公用*/
--transition: cubic-bezier(0.25, 0.74, 0.22, 0.99) .65s;
/*font*/
--font-size: 14px;
/*color*/
--color-dominant: #cb272a;
--color-fill: #000;
--color-white: #fff;
--color-black: #000;
--color-gray3: #333;
--color-gray6: #666;
--color-gray9: #999;
--color-blue: #083090;
--color-hover: #df071f;
/*bg*/
--body-color: #000;
--bg-gray: #f5f5f5;
--bg-scroll: #df071f;
--bg-overlay: #1e1c1c;
/*input*/
--placeholder: #dbdbdb;
--input-border-color: #eee;
--border-radius: 0px;
/*gradient*/
--linear-gradient-shadow: linear-gradient(0deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
--linear-gradient-blue: linear-gradient(90deg, #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}



@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 {font-size: var(--font-size);color: var(--body-color);-webkit-tap-highlight-color: rgba(255, 255, 255, 0);overflow-x: hidden}
.clearfix:after {content: "\200B";display: block;height: 0;clear: both}
a {text-decoration: none;color: inherit;outline: none;transition: var(--transition)}
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: normal}
pre {font-family: inherit;white-space: pre-wrap;word-wrap: break-word}
input,textarea,select {outline: none;-webkit-appearance: none;border-radius: var(--border-radius);font-size: inherit;font-family: inherit;display: block;width: 100%;border: none;border: 1px solid var(--input-border-color);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;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-blue {color: var(--color-blue)}
.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-pd20 {padding-top: var(--size-20);padding-bottom: var(--size-20);}
.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*/
.pace-activity {position: fixed;left: 0;top: 0;z-index: 10000;right: 0;bottom: 0;pointer-events: none;display: flex;align-items: center;justify-content: center;
    opacity: 0;}
svg.loader {position: absolute;top: 50%;left: 50%;z-index: 1;margin-left: -50px;margin-top: -50px;transition: transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);}
svg.loader path {animation: endlessRotate 1s linear infinite;transform-origin: center;}
@keyframes endlessRotate {
    from {transform: rotateZ(0deg)}
    to {transform: rotateZ(360deg)    }
}
.showLoading .pace-activity {opacity: 1;}
.pace-done .pace-activity {transition: var(--transition);pointer-events: none;opacity: 0;}
.loading-progress {width: 500px;height: 200px;}
/*cursor*/
.cursor {position: fixed;top: 0;left: 0;display: block;pointer-events: none;z-index: 10000;mix-blend-mode: hard-light;}
.cursor__inner {fill: none;stroke-width: 1px;}
/*animate*/
.fadeInUp1 {animation: fadeInUp1 cubic-bezier(0.215, .61, .355, 1) 1s forwards;transform: translateY(80px);opacity: 0;}
.fadeInUp {animation: fadeInUp cubic-bezier(0.215, .61, .355, 1) 1s forwards;transform: translateY(100%);opacity: 0;}
.fadeInUpImg {position: absolute;left: 0;top: 0;width: inherit;height: inherit;clip: rect(0, 500px, 0, 0);animation: fadeInUpImg cubic-bezier(0.215, .61, .355, 1) 1s forwards;}
.up50 {transform: translateY(50%);}
.delay1 {animation-delay: .1s;}
.delay2 {animation-delay: .2s;}
.delay3 {animation-delay: .3s;}
.delay4 {animation-delay: .4s;}
.delay5 {animation-delay: .5s;}
@keyframes fadeInUp1 {
    to {transform: translateY(0);opacity: 1;}
}
.acc-bd {display: none;}
.on .acc-bd {display: flex;}
.tab-bd>* {display: none;}
.tab-bd>*.on {display: flex;}
.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: 1630px;width: clamp(800px, 84.89583333333334vw, 1630px);padding-left: 15px;padding-right: 15px;margin-left: auto;margin-right: auto;position: relative;z-index: 2;}
header {position: fixed;left: 0;top: 0;right: 0;z-index: 100;padding: var(--size-15) 0;transition: var(--transition);background:rgba(0,0,0,0.6)}
header>.l-container {align-items: center;transition: var(--transition);}
.lh-logo {display: block;width: 30%;position: relative;}
.lh-logo img {transition: var(--transition);}
.lh-logo img:nth-child(2) {position: absolute;left: 0;top: 0;opacity: 0;}
header>*>.right {margin-left: auto;align-items: center;}
header.Fixed,header.detail {background-color: #fff;color: #000;box-shadow: 4px 6px 68px rgba(0, 0, 0, 0.06);}
header.Fixed>.l-container,header.detail>.l-container {color: #000;}
header.Fixed .lh-logo img:nth-child(2),header.detail .lh-logo img:nth-child(2) {opacity: 1;}
header.Fixed .lh-logo img:nth-child(1),header.detail .lh-logo img:nth-child(1) {opacity: 0;}
.lh-nav>* {margin-right: var(--size-40);position: relative;padding: 0 var(--size-10)}
.lh-nav>*::after {content: '';display: block;width: 100%;height: 2px;background-color: var(--color-dominant);position: absolute;left: 0;bottom: var(--size-10-);transform: scaleX(0);transition: var(--transition);}
.lh-nav>*:hover::after,.lh-nav>*.on::after {transform: scaleX(1);}
.yuyan {display: block;width: var(--size-45);height: var(--size-45);border-radius: 50%;background-color: #df071f;position: relative;min-width: 32px;min-height: 32px; text-align: center;text-transform: uppercase; display: flex; align-items: center;-webkit-align-items: center;justify-content:center; flex-direction: row;}

.nav-btn {display: block;width: var(--size-45);height: var(--size-45);border-radius: 50%;background-color: #df071f;position: relative;min-width: 32px;min-height: 32px;}
.nav-btn::before,.nav-btn::after {content: '';display: block;width: var(--size-20);min-width: 15px;height: 2px;background-color: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);margin-top: -4px;}
.nav-btn::after {margin-top: 4px;}
.nav-toggle {position: fixed;left: 0;top: 0;right: 0;height: 100vh;z-index: 5;}
.nav-toggle-close {display: flex;align-items: center;justify-content: center;width: var(--size-45);height: var(--size-45);border-radius: 50%;background-color: #fff;color: var(--color-dominant);position: absolute;right: var(--size-60);top: var(--size-35);z-index: 3;font-weight: bold;}
.nav-toggle>.l-container {height: 100%;}
.nav-top {height: 80%;display: flex;align-items: flex-end;padding-bottom: var(--size-110);position: relative;}
.nav-bottom {height: 20%;align-items: center;position: relative;}
.nav-bottom::before {content: '';display: block;width: 100vw;height: 1px;background-color: rgba(255, 255, 255, .1);position: absolute;left: 50%;top: 0;transform: translateX(-50%);}
.nav-bottom>.center {margin-left: auto;margin-right: auto;}
.nav-bottom .name {opacity: 0.4;}
.nav-bottom .email {height: 35px;display: flex;align-items: center;}
.nav-share {height: 35px;align-items: center;margin-top: var(--size-10);}
.nav-share>* {width: 35px;height: 35px;border-radius: 50%;background-color: #fff;margin-left: var(--size-15);color: #0B2D77;display: flex;align-items: center;justify-content: center;font-size: 20px;}
.nav-share>*:first-child {margin-left: 0;}
.nav-top-l {padding-right: calc(var(--size-120) * 3);}
.nav-top-l>* {margin-top: var(--size-30);}
.nav-top-l>*>a {position: relative;opacity: 0.5;}
.nav-top-l>*>a::after {content: '';display: block;width: 100%;height: 1px;background-color: var(--color-dominant);position: absolute;left: 0;bottom: var(--size-10-);transform: scaleX(0);transition: var(--transition);}
.nav-top-l dl {position: absolute;left: 100%;top: 50%;transform: translateY(0);line-height: 200%;opacity: 0;pointer-events: none;}
.nav-top-l dl>* {white-space: nowrap;}
.nav-top-l dl>* a:hover {color: var(--color-dominant);}
.nav-top-l>*:hover>a {opacity: 1;}
.nav-top-l>*:hover>a::after {transform: scaleX(1);}
.nav-top-l>*:hover dl {opacity: 1;pointer-events: auto;transform: translateY(-50%);transition: var(--transition);}
.nav-top::before {content: '';display: block;width: 1px;height: 100%;position: absolute;top: 0;background-color: rgba(255, 255, 255, .1);left: calc(var(--size-100) * 3);}
.index-banner {height: 100vh;background-color: #000;}
.index-banner .bd li .img,.index-banner .bd li img {height: 100%;width: 100%;}
.index-banner .bd li>.l-container {position: absolute;left: 0;top: 0;right: 0;bottom: 0;display: flex;align-items: center;}
.l-font70 {font-size: var(--size-70);}
.index-banner .bd li .text .name,.index-banner .bd li .text .come {text-shadow: 1px -1px 0 #668DC3;}
.index-banner .bd li .text .nname {margin-top: var(--size-20);}
.index-banner .bd li .text .nname span {background: linear-gradient(90deg, #0e3ba8, #0bb5da, #abee3e, #abee3e, #abee3e);-webkit-background-clip: text;-webkit-text-fill-color: transparent;z-index: 2;}

.index-banner .bd li .text .nname::before {content: attr(data-cont);display: block;position: absolute;left: 1px;top: -1px;color: #668DC3;z-index: -1;}
.banner-bottom {position: absolute;left: 0;right: 0;bottom: var(--size-50);z-index: 2;}
.video-btn {align-items: center;color: #77a729;}
.video-btn i {display: flex;align-items: center;justify-content: center;width: calc(var(--size-85) + 3px);height: calc(var(--size-85) + 3px);border-radius: 50%;background-color: var(--color-dominant);color: #fff;margin-right: var(--size-10);}
.banner-bottom>* .center {margin-left: auto;margin-right: auto;}
.banner-bottom>* .center i {display: block;width: 18px;height: 24px;border-radius: 20px;border: 1px solid #fff;margin: auto;position: relative;}
.banner-bottom>* .center i::before {content: '';display: block;width: 1px;height: 6px;background-color: #fff;position: absolute;left: 50%;top: 4px;animation: scroll linear 1s infinite;}
@keyframes scroll {
    50% {transform: translateY(6px);}
}
.banner-bottom>* .center p {writing-mode: vertical-rl;margin-top: 6px;
}
.video-layer .cont {aspect-ratio: 1920/1080;max-height: 70vh;max-width: 80vw;}
.video-layer .cont video {width: 100%;height: 100%;object-fit: cover;}
.video-close {position: absolute;right: 0;bottom: calc(100% + var(--size-20));width: var(--size-50);height: var(--size-50);border-radius: 50%;background-color: #fff;display: flex;align-items: center;justify-content: center;font-weight: bold;}
.video-close:hover {transform: rotate(180deg);}

.index-banner>.l-container {position: absolute;left: 0;right: 0;bottom: var(--size-60);align-items: center;}
.index-banner-num {align-items: center;}
.index-banner-num>span {width: var(--size-35);}
.index-banner-num>.bannerHd {width: var(--size-95);height: 2px;position: relative;;margin: 0 var(--size-15) 0 0;}
.index-banner-num>.bannerHd>* {background-color: #fff;}
.index-banner-btn>* {display: flex;align-items: center;justify-content: center;width: var(--size-30);height: var(--size-30);border-radius: 50%;border: 1px solid #fff;margin-left: var(--size-10);}
.index-banner-btn {display: flex;}
.index-banner-btn>*:hover {background-color: #fff;color: #000;}


@media screen and (max-width: 1280px) {
    .index-banner {height: 85vh;}
}

@media screen and (max-width: 1023px) {
    .index-banner {height: 25vh;}
}

/*首页简介*/
.index-about {background-color: var(--bg-gray);}
.index-about-cont>.right {width: 525px;width: clamp(262px, 27.34375vw, 525px);}
.index-about-cont>.left {width: calc(100% - clamp(262px, 27.34375vw, 525px));padding-right: calc(var(--size-120) * 3);}
.index-title>.name {color: #df071f;}
.view-more {display: flex;align-items: center;justify-content: center;height: var(--size-50);min-height: 34px;width: 150px; height: 50px;border-radius: var(--size-50);background-color: var(--color-dominant);color: #fff;position: relative;}
.view-more i {margin-left: var(--size-10);transform: rotate(45deg);}
.view-more::before {content: '';display: block;width: 100%;height: 100%;border-radius: var(--size-50);border: 1px solid var(--color-dominant);position: absolute;left: 0;top: 0;transform: scale(1);transition: var(--transition);}
.view-more:hover::before {transform: scale(1.08, 1.2);}
.index-about-total>* {margin-top: var(--size-40);display: flex;align-items: flex-end;padding: var(--size-30) 0;border-bottom: 1px solid #E1E1E1;}
.index-about-total>* .right {margin-left: auto;}
.index-about-total>* .right b {line-height: 80%;}
.index-about-total>*:first-child {margin-top: 0;}
.index-about-icon {margin-left: auto;margin-right: auto;width: 472px;width: clamp(236px, 24.583333333333332vw, 472px);}


/*公司简介*/
.homeAbout {background: url(../images/aboutbg.jpg) no-repeat center top; background-attachment: fixed; background-size: cover;}
.homeAbout .flexBetween{display: -webkit-flex;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;
    -ms-flex-pack: justify;justify-content: space-between;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; padding: 4% 0;}
.homeAbout .boxLeft {width: 45%; padding:5% 0 0 4%}
.homeTitle .title {color: #333;}
.homeTitle .desc {padding:3% 0 4% 0;}
.homeAbout .boxLeft .content1 {font-size: 18px;color: #666;line-height:36px;}
.homeAbout .boxLeft .content2 {margin-top:80px;}
.homeAbout .boxRight {position: relative; width: 45%}
.homeAbout .boxRight p img {width: 100%;}
.homeAbout .boxRight ul {position: absolute;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;left:-70px;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.homeAbout .boxRight ul li {width: 345px;height: 200px;position: relative;-webkit-clip-path: ellipse(50% 50% at 50% 50%);clip-path: ellipse(50% 50% at 50% 50%);
    color: #fff;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;
    align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-flow: column;-ms-flex-flow: column;flex-flow: column;-webkit-box-pack: center;
    -webkit-justify-content: center;-ms-flex-pack: center;justify-content: center; color: #fff}
.homeAbout .boxRight ul li::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #cb272a;opacity: 0.95;}
.homeAbout .boxRight ul li:nth-child(2) {margin-left: -1.15rem;}
.homeAbout .boxRight ul li:nth-child(2)::after {background: #0f407f;}
.homeAbout .boxRight ul li .shang {position: relative;z-index: 1;font-size: 0.46rem;line-height: 1;font-family: 'gilroy_regular';}
.homeAbout .boxRight ul li .shang sup {vertical-align: top; font-size: 20px}
.homeAbout .boxRight ul li .shang span {font-size:72px;}
.homeAbout .boxRight ul li .bot {position: relative;z-index: 1;font-size: 16px;margin-top: 0.05rem;}

.index_link .a {font-size: 16px;color: #fff;line-height: 48px;border-radius: 25px;border: 1px solid #fff;display: inline-block;padding: 0 25px;-webkit-transition: 0.4s;
    -o-transition: 0.4s;transition: 0.4s;}
.index_link .a i {font-size: 26px;margin-left: 22px;display: inline-block;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;color: #fff}
.index_link .a:hover {border-color: transparent;-webkit-box-shadow: 0px 0px 12px rgba(255, 255, 255, 0.4);box-shadow: 0px 0px 12px rgba(255, 255, 255, 0.4);}
.index_link .a:hover i {-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px);}
.index_link1 .a {background: #cb272a;border-color: #cb272a;}
.index_link1 .a:hover {-webkit-box-shadow: 0px 0px 12px rgba(15, 64, 127, 0.4);box-shadow: 0px 0px 12px rgba(15, 64, 127, 0.4);}

@media screen and (max-width: 1280px) {
    .homeTitle .desc{font-size: 35px; font-weight: bold}
    .homeAbout .boxLeft .content1{font-size: 16px; line-height: 31px}
    .homeAbout .boxRight ul li{width: 300px; height: 200px}
    .homeAbout .boxRight ul li .shang span{font-size: 65px}
}

@media (max-width:750px){
    .homeAbout .flexBetween{display: block}
    .homeAbout .boxLeft {width: 100%;}
    .homeAbout .boxLeft .content2{margin: 20px 0}
    .homeAbout .boxRight {width: 100%;}
    .homeAbout .boxRight ul{left: 0}
    .homeAbout .boxRight ul li {width: 190px;height: 135px;}
    .homeAbout .boxRight ul li .shang span{font-size: 46px}
}

.index-pro{background: #ebeff6}
.index-pro-hd { border-top:1px solid transparent; border-color: rgba(0, 76, 151, 0.3);;padding-top: var(--size-15);}
.index-pro-hd>.center {margin-left: auto;margin-right: auto; width: 70%}
.index-pro-nav>* {margin-left: var(--size-20);padding-left: var(--size-10);position: relative;}
.index-pro-nav>*:first-child {margin-left: 0;}

/* .index-pro-nav>*::before{content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; position: absolute; left: 0; top: 17%; background-color: #000; opacity: 0.4; transition: var(--transition);} */
/* .index-pro-nav>*>*{opacity: 0.4;} */
.index-pro-nav>*.on>*,.index-pro-nav>*>*:hover {opacity: 1;}
.index-pro-nav>*.on::before,.index-pro-nav>*:hover::before {opacity: 1;}
.index-pro-item {padding: 0 var(--size-10);}
.index-pro-item>* {padding: 0 var(--size-10);margin-bottom: var(--size-20);}
.index-pro-item>*>* {display: block;width: 100%; overflow: hidden}
.index-pro-item>* .more {display: flex;align-items: center;justify-content: center;color: var(--color-dominant);}
.index-pro-item>* .more i {margin-left: calc(var(--size-10) / 2);}
.index-pro-item>* .img {aspect-ratio: 2/1;display: flex;align-items: center;justify-content: center;}
.index-pro-item>* .img img {transition: var(--transition);}
.index-pro-item>* .text {transition: var(--transition);}
.index-pro-item>*>*:hover {color: var(--color-dominant);}
.index-pro-item>*>*:hover img {transform: scale(1.2);}
.index-pro-item>*>*:hover .text {transform: translateY(20px);}
/*.index-pro {padding-bottom: 0;}*/

@media (max-width:1023px){
    .index-pro-hd>.center{width: 100%}

}

.about-honor .sty1 {margin-top: 55px;font-size: 24px;font-weight: 800}
.about-honor .sty1 .swtbtn {width: 16.2%;height: 66px;display: inline-block;vertical-align: middle;background: #cb272a;border-radius: 33px;color: #FFFFFF;text-align: center;line-height: 66px;cursor: pointer;overflow: hidden;position: relative;z-index: 1;transition: all linear 0.3s}
.about-honor .sty1 .swtbtn a{color: #fff;}
.about-honor .sty1 .swtbtn:hover {background: #004c97}
.about-honor .sty1 .more {width: 11.06667%;display: inline-block;vertical-align: middle;margin-left: 43px;padding: 6px 0;border-bottom: 2px solid #000000;color: #000000;transition: all linear 0.3s}
.about-honor .sty1 .more:after {content: "";border-left: 9px solid #000000;border-top: 6px solid transparent;border-bottom: 6px solid transparent;display: inline-block;vertical-align: middle;margin-left: 17px;transition: all linear 0.3s}
.about-honor .sty1 .more:hover {border-bottom: 2px solid #004c97;color: #004c97}
.about-honor .sty1 .more:hover:after {border-left: 9px solid #004c97}


@media (max-width:750px){
    .about-honor .sty1{margin-top: 25px}
    .about-honor .sty1 .swtbtn{width: 50%; font-size: 20px; height: 45px; line-height: 45px}
    .about-honor .sty1 .more{width: 33%;font-size: 20px; margin-left: 5%  }
}

/*news*/
.index-news-top {align-items: center;}
.index-news-top>.right {margin-left: auto;}


.index-news-cont>.center {width: calc(var(--size-110) * 8);}
.index-news-cont>.center>* {background-color: #fff;border-radius: var(--size-10);overflow: hidden;padding: var(--size-40) var(--size-30);height: 100%;}
.index-news {background-color: #e8f4eb;}
.index-news-cont>.center>* .view-more {width: 50px; height:50px;margin-top: var(--size-30);margin-bottom: var(--size-30);}
.index-news-cont>.center>* .bottom {margin-top: auto;border-radius: var(--size-10);overflow: hidden; max-height: 300px}
.index-news-cont>.center>* .bottom img {width: 100%;height: 100%;transition: var(--transition);}
.index-news-cont>.center>*:hover img {transform: scale(1.2);}
.index-news-cont>.right {width: calc(100% - var(--size-55) * 16);padding-left: var(--size-20);}
.index-news-item {align-items: center;height: calc(100% + var(--size-20));margin-top: var(--size-10-);width: 100%;}
.index-news-item>* {height: 33.3%;padding: var(--size-10) 0;width: 100%;}
.index-news-item>*>* {display: flex;border-radius: var(--size-10);background-color: #fff;padding: var(--size-20) var(--size-45);height: 100%;}
.index-news-item>* .time {width: var(--size-100);}
.index-news-item>* .text {width: calc(100% - var(--size-100));padding-left: var(--size-30);border-left: 1px solid #EBEBEB;}
.index-news-item>* .view-more {background: none;color: var(--color-dominant);width:50px; height:50px; margin-top: var(--size-30); }
.index-news-item>* .view-more::before{display: none}




/*cases*/
.index-partner{}
.index-partner-banner .bd li {width: 500px;;margin-right: var(--size-40);}
.index-partner-banner .bd li>* {}
.index-partner-btn {align-items: center;}
.index-partner-btn>* {display: flex;align-items: center;justify-content: center;width: var(--size-55);height: var(--size-55);border-radius: 50%;border: 1px solid var(--color-dominant);background-color: var(--color-dominant);margin-left: var(--size-20);}
.index-partner-btn>*:first-child {margin-left: 0;}
.index-partner-btn>*:hover {background-color: var(--color-hover);}
.index-partner-btn>*.swiper-button-disabled {opacity: 0.4;background: none;border-color: #fff;cursor: auto;}
.index-partner im{width: 100%; }
.index-partner em{display:block; padding: 15px 0; text-align: center;  color: #333}

.l-attachment {background-attachment: fixed;}
/*footer*/
.footer22{display: none;}
.footer-top {padding: var(--size-80) 0 var(--size-40);}
.footer-top>.left .logo {width: calc(var(--size-200) + 7px);display: block;}
.footer-contact {margin-top: var(--size-40);}
.footer-contact>dt {margin-top: var(--size-20);display: flex;align-items: center;}
.footer-contact>dd {margin-top: var(--size-10);padding-left: var(--size-25);}
.footer-contact>dt i {width: var(--size-25);display: block;}
.footer-top>.center {margin-left: auto;margin-right: auto;padding-top: var(--size-15);}
.footer-top>.right {padding-top: var(--size-15);}
.footer-top>.right .tip {text-align: right;}
.footer-top>.right .btn {height: var(--size-60);aspect-ratio: 180/60;border: 1px solid #fff;border-radius: var(--size-60);display: flex;align-items: center;justify-content: center;margin-left: auto;}
.footer-top>.right .btn i {margin-left: var(--size-20);}
.footer-link {align-items: center;}
.footer-link>.right {margin-left: auto;}
.footer-link>.left a {margin-right: var(--size-40);opacity: .7;}
.footer-link>.left a:hover {text-decoration: underline;}
.footer-nav a:hover {text-decoration: underline;}
.footer-link>.left span {margin-right: var(--size-10);}
.footer-copy {padding: var(--size-50) 0;margin-top: var(--size-50);border-top: 1px solid rgba(255, 255, 255, .2);}
.footer-copy>.right {
    margin-left: auto;}.footer-copy span {margin-left: var(--size-10);}
.footer-copy span:first-child {margin-left: 0;}
.footer-share-item>* {margin-left: var(--size-10);display: flex;align-items: center;justify-content: center;width: var(--size-50);aspect-ratio: 1/1;border-radius: 50%;border: 2px solid #fff;}
.footer-share-item>*:first-child {margin-left: 0;}
.footer-share-item>*:hover {background-color: #fff;color: var(--color-dominant);}
.fixed-item>* .footer-share-item>* {width: auto;border: none;--size-10: var(--size-20);opacity: .7;}
.fixed-item>* .footer-share-item>*:hover {background: none;color: #fff;opacity: 1;}

@media screen and (max-width:1023px){
    footer .l-container{padding-bottom: 150px}
    .footer22{ width: 100%; height: 75px; ; display: block;	position: fixed; z-index: 8; bottom:0; left:0;}
    .footshadow{ width: 100%; height: 75px; display: none;}
    .footfun{ padding: 0 0px; height: 100%; overflow: hidden;}
    .footfun li{ float: left; width: 25%; height: 100%; background-color: #cb272a;	-webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
    .footfun li:nth-child(odd){ background-color: #cb272a}
    .footfun li a{ display: block; text-align: center; color: #fff; padding-top: 3px;}
    .footfun li a .pic{ height: 44px; line-height: 44px; font-size: 0;}
    .footfun li a img{ max-height: 40px; width: auto; height: auto;position: relative;}
    .footfun li h3{ line-height: 26px;font-size: 15px; font-weight: normal;}
    .footer-copy{display: none}
}
@media screen and (max-width:750px){
    .footerin{ padding: 16px 0 16px;}
}

.lh-ban {width: 100%; height: 600px;background-color: #000; position: relative}
.lh-ban img {width: 100%;height: 100%; position: absolute; opacity: 0.5}
.lh-ban .l-container {position: absolute;left: 0;right: 0;top: 0;bottom: 0;display: flex;align-items: center;}
.lh-ban .nname {background: linear-gradient(90deg, #0e3ba8, #df071f, #abee3e, #dfc807, #f07a11);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.lh-crumbs {height: var(--size-70);background-color: #fff;display: flex;align-items: center;box-shadow: 4px 6px 68px rgba(51, 51, 51, 0.06);}
.lh-crumbs .right {margin-left: auto;}

.crumbs-nav>* {margin-left: var(--size-30);}

.crumbs-nav>*:first-child {margin-left: 0;}

.crumbs-nav>*:hover,.crumbs-nav>*.on {color: #000;}
.lh-crumbs .left i {margin: 0 calc(var(--size-10) / 2);}
.lh-crumbs .left em {padding-left: var(--size-15);position: relative;}
.lh-crumbs .left em::before {content: '';display: block;width: 6px;height: 6px;border-radius: 50%;background-color: var(--color-dominant);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.lh-crumbs .left a:hover {color: #000;}

.pro-banner {border-top: 1px solid #E8E8E8;}
.pro-banner::before {content: '';display: block;height: 120%;aspect-ratio: 1/1;border-radius: 50%;background-color: var(--color-dominant);position: absolute;right: -20%;top: 50%;transform: translateY(-50%);}
.pro-banner .bd .l-container {padding-left: var(--size-120);padding-right: var(--size-120);}
.pro-banner .bd .l-container>.right {margin-left: auto;width: 50%;display: flex;align-items: center;justify-content: center;padding-top: var(--size-120);}
.pro-nname {font-size: calc(var(--size-100) * 2);padding-left: var(--size-100);opacity: 0.05;}
.pro-banner-r {position: absolute;right: 0;top: 0;bottom: 0;z-index: 3;left: 0;pointer-events: none;}
.pro-banner-r>* {height: 100%;align-items: flex-end;color: #fff;padding-top: var(--size-80);padding-bottom: var(--size-60);}
.pro-tip {margin-top: auto;}
.pro-banner-num {display: flex;align-items: flex-end;}
.pro-banner-num i {margin: 0 var(--size-15) 0 var(--size-35);display: block;width: var(--size-25);height: calc(var(--size-10) - 4px);background-color: #fff;position: relative;top: calc(var(--size-10-) / 2);}
.pro-tip span {writing-mode: vertical-rl;display: block;margin-bottom: 6px;}

.pro-banner .bd .l-container>.left {width: 50%;}
.pro-banner .bd .ccont {width: 60%;}
.pro-item {border-top: 1px solid #EAEAEA;position: relative;}
.pro-item::after {content: '';display: block;width: 100%;height: 1px;background-color: #EAEAEA;position: absolute;left: 0;bottom: 0;}
.pro-item>* {border: 1px solid #EAEAEA;margin: -1px 0 0 -1px;}
.pro-item>*:nth-child(3n) {border-right: none;}
.pro-item>*>* {display: block;height: 100%;padding: var(--size-30) var(--size-30) var(--size-10) var(--size-30);}
.pro-item>* .img {padding-bottom: var(--size-20);display: flex;align-items: center;justify-content: center;}
.pro-item>* .img img {transition: var(--transition);}
.pro-item>* .name {transition: var(--transition);}
.pro-item>* .more {margin-top: var(--size-20);height: var(--size-45);min-height: 40px;aspect-ratio: 120/45;border-radius: var(--size-50);border: 1px solid #CCC;display: flex;align-items: center;justify-content: center;transition: var(--transition);}
.pro-item>* .more i {margin-left: var(--size-10);transform: rotate(45deg);transition: var(--transition);}
.list-page {justify-content: center;align-items: center;text-align: center;}
.list-page i {margin-top: var(--size-10);display: block;animation: load linear 1s infinite;}
@keyframes load {
to {transform: rotate(360deg);}
}

.pro-item>*>*:hover .more {background-color: var(--color-dominant);border-color: var(--color-dominant);color: #fff;}
.pro-item>*>*:hover .more i {color: #fff;transform: rotate(0);}
.pro-item>*>*:hover img {transform: translateY(-10%);}
.pro-item>*>*:hover {background-color: var(--bg-gray);}
.pro-item>*>*:hover .name {transform: translateY(-10%);}
.prodetail-top {padding-top: var(--size-110);padding-bottom: var(--size-50);}
.prodetail-top>.left {width: 50%;}
.prodetail-top>.right {width:48%;padding: var(--size-80) 0 0 var(--size-110);flex-direction: column;display: flex;align-items: flex-start;}
.prodetail-banner {background-color: var(--bg-gray);}
.prodetail-banner .bd li {display: flex;align-items: center;justify-content: center;padding: var(--size-30);}
.prodetail-btn>* {position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;font-weight: bold;}
.prodetail-btn>*.prevs {left: var(--size-10);}
.prodetail-btn>*.nexts {right: var(--size-10);}
.prodetail-top>.right .contact {display: flex;align-items: center;justify-content: center;height: var(--size-50);min-height: 40px;aspect-ratio: 150/50;border-radius: var(--size-50);background-color:  var(--color-dominant);color: #fff;}
.prodetail-top>.right .contact i {margin-right: var(--size-10);}
.prodetail-bottom>.title {display: flex;align-items: center;}
.prodetail-bottom>.title::before {content: '';display: block;width: var(--size-10);height: var(--size-10);border-radius: 50%;background-color: var(--color-dominant);margin-right: var(--size-15);}
.prodetail-bottom>.cont {border-bottom: 1px solid #CCC;padding-bottom: var(--size-50);}
.prodetail-bottom .cont img{display: block; margin: 0 auto}
.prodetail-bottom .cont p{text-indent:2em;}


.atc-pn {position: relative;padding-top: 26px;width: 85%; margin:0 auto;}
.atc-pn a {display: block;overflow: hidden;font-size: 14px;color: #666;line-height: 34px;margin-top: 10px;}
.atc-pn a:hover {color: #3ea02f;}
.atc-pn a label {display: inline-block;border: 1px solid #ccc;width: 98px;height: 32px;text-align: center;font-size: 14px;line-height: 32px;margin-right: 15px;-webkit-transition: 0.3s;transition: 0.3s;}
.atc-pn a:hover label {border-color: #3ea02f;}
.atc-pn a.ret {font-size: 14px;color: #fff;line-height: 34px;text-align: center;background-color:  var(--color-dominant);width: 110px;height: 34px;position: absolute;right: 0;bottom: 0;z-index: 1;margin-top: 0;}
.atc-pn a.ret:hover {opacity: 0.8;}
@media screen and (max-width: 960px) {
    .atc-pn {padding-right: 0;}
    .atc-pn a.ret {position: static;width: 200px;height: 50px;line-height: 50px;border-radius: 5px;display: block;margin: 40px auto 0;font-size: 18px;}
}



/*内页公司简介*/
.about-res {padding: calc(var(--size-30) * 2) 0;}
.about-res::before {content: '';display: block;width: var(--size-110);aspect-ratio: 112/474;background: url(../images/icon3.png) no-repeat center;background-size: cover;position: absolute;left: 0;top: 0;pointer-events: none;}
.about-res::after {content: '';display: block;width: calc(var(--size-100) * 9);aspect-ratio: 1/1;border-radius: 50%;background: linear-gradient(180deg, #abee3e, #abee3e, #0bb5da, #0e3ba8);position: absolute;right: calc(var(--size-100-) * 2);top: calc(var(--size-70-) * 5);opacity: 0.05;-webkit-mask: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));pointer-events: none;}
.about-res>*>.right {width: 650px;width: clamp(325px, 33.85416666666667vw, 650px);}
.about-res>*>.text {width: calc(100% - clamp(325px, 33.85416666666667vw, 650px));padding-right: calc(var(--size-80) * 2);}
.about-res>*>.text .name span {color: var(--color-blue);}
.about-res .ccont p{text-indent:2em;}
.about-res .index-about-total {width: 100%; text-align: center}
.about-res .index-about-total>* {display: block;border: none;margin-top: var(--size-30);}
.about-res .index-about-total>* .num {color: var(--color-dominant);}
.culture-img {position: absolute;right: 0;top: 0;bottom: 0;width: 1100px; height: 800px; aspect-ratio: 11100/800;height: 100%;-webkit-mask: url(../images/b5.png) no-repeat center;-webkit-mask-size: cover;}
.culture-img img {width: 100%;height: 100%;}
.culture-cont {margin-top: auto;}
.culture-hd>* {margin-right: var(--size-60);position: relative;padding-top: var(--size-45);transition: var(--transition);}
.culture-hd>*:last-child {margin-right: 0;}
.culture-hd>* .img {width: var(--size-110);height: var(--size-110);display: flex;align-items: center;justify-content: center;border-radius: 50%;border: 4px solid transparent;position: relative;}
.culture-hd>* .img img {width: 100%;height: 100%;}
.culture-hd>*>a {position: relative;}
.culture-hd>*>a::before {content: '';display: block;width: var(--size-130);height: var(--size-130);border-radius: 50%;border: 1px dashed #fff;position: absolute;left: 50%;top: 0;transform: translate(-50%, 0);margin-top: var(--size-10-);opacity: 0;transition: var(--transition);}

.about-culture {width: 100%; height:800px; aspect-ratio: 1920/800;}
.about-culture>.l-container {height: 100%;}
.about-culture::before {content: '';display: block;height: 100%;width: 1165px; height: 925px; aspect-ratio: 1165/925;background: url(../images/b4.png) no-repeat center;background-size: cover;position: absolute;left: 0;top: 0;}
.culture-text {width: calc(var(--size-95) * 6);background-color: #fff;border-radius: var(--size-10);padding: 0 var(--size-45) var(--size-30);position: absolute;left: var(--size-40-);bottom: 100%;transform: translateY(30%);opacity: 0;pointer-events: none;transition: var(--transition);}
.culture-text::after {content: '';display: block;width: 0;height: 0;border: var(--size-10) solid transparent;border-top: var(--size-10) solid #fff;position: absolute;left: var(--size-80);bottom: calc(var(--size-20-) + 2px);}
.culture-text>.name {padding: var(--size-20) 0;}
.culture-text>.ccont {border-top: 1px solid #F3F3F3;padding-top: var(--size-20);}
.culture-hd>*>a .name {margin-top: var(--size-10);transition: var(--transition);}
.culture-hd>*.on>a::before {opacity: 1;}
.culture-hd>*.on>a .name {transform: translateY(var(--size-10));}
.culture-hd>*.on {transform: translateY(var(--size-20-));}
.culture-hd>*.on .culture-text {opacity: 1;pointer-events: auto;transform: translateY(0);}

.history-cont>.right {width: calc(var(--size-75) * 2);height: 100%;position: absolute;right: 0;top: 0;}
.history-cont>.left {width: calc(100% - var(--size-75) * 2);padding-right: calc(var(--size-90) * 2);}
.history-banner .bd li {display: flex;}
.history-banner .bd li .img {width: 673px;width: clamp(336px, 35.052083333333336vw, 673px);aspect-ratio: 673/417;border-radius: var(--size-90) 0;}
.history-banner .bd li .text {width: calc(100% - clamp(336px, 35.052083333333336vw, 673px));padding-right: var(--size-50);padding-top: var(--size-70);}
.history-btn {position: absolute;left: 0;bottom: 0;z-index: 2;color: #fff;}
.history-btn>*.swiper-button-disabled {border-color: #000;color: #000;opacity: 0.1;}
.history-times {height: 100%;}
.history-times .bd {display: block;}
.history-times .bd li {height: 16.666666666666668%;display: flex;align-items: center;justify-content: flex-end;cursor: pointer;color: #cccccc;transition: var(--transition);}
.history-times .bd li.on,.history-times .bd li:hover {color: var(--color-dominant);}

.honor-cont {margin-top: calc(var(--size-80));}
.honor-cont .bd li {transition: var(--transition);height: auto;width: 33%;transform: scale(0.9);perspective: 1200px;}
.honor-cont .bd li.swiper-slide-active {transform: scale(1);}
.honor-cont .bd li.swiper-slide-prev {transform: scale(0.9) translateX(-10%);}
.honor-cont .bd li.swiper-slide-next {transform: scale(0.9) translateX(10%);}
.honor-cont .bd li a {display: flex;align-items: center;justify-content: center;height: 100%;}
.honor-cont .bd {cursor: grab;}
.honor-cont .bd li img {box-shadow: 2px 0 16px rgba(0, 0, 0, .1);}
.honor-cont .bd li::after {content: '';display: block;width: 100%;background-color: #000;position: absolute;left: 0;top: 50%;right: 0;filter: blur(50px);height: var(--size-100);transform: translate3d(0px, 170px, -150px) rotateX(90deg) rotateZ(0deg) scale(0.94);opacity: 0;transition: var(--transition);}
.honor-cont .bd li.swiper-slide-active::after {opacity: 0.2;}
.honor-tip {margin-top: var(--size-60);justify-content: center;align-items: center;}
.honor-tip img {margin: 0 auto var(--size-10);display: block;width: 96px;}

.history-banner .bd li .img img {width: 100%;height: 100%;}
.advantage-cont>.left {width: calc(var(--size-95) * 4);padding-left: var(--size-25);}
.advantage-cont>.right {width: calc(100% - var(--size-95) * 4);}
.advantage-hd>* {height: var(--size-70);display: flex;align-items: center;justify-content: center;aspect-ratio: 220/70;border-radius: var(--size-70);cursor: pointer;}
.advantage-hd>*.on {background-color: var(--color-dominant);color: #fff;}
.advantage-banner {box-shadow: 2px 0 13px rgba(0, 0, 0, 0.06);background-color: #fff;}
.advantage-banner::before {content: '';display: block;width: calc(var(--size-130) * 5);aspect-ratio: 1/1;border-radius: 50%;background-color: #F0F8E2;opacity: 0.4;position: absolute;left: calc(var(--size-130-) * 5 / 2);bottom: calc(var(--size-130-) * 5 / 2);}
.advantage-banner .bd li {display: flex;padding: var(--size-90) var(--size-50);}
.advantage-banner .bd li .img {width: 515px;}
.advantage-banner .bd li .text {width: calc(100% - clamp(257px, 26.822916666666668vw, 515px));padding-right: var(--size-50);}
.advantage-banner .bd li .text dt {margin-top: var(--size-35);}
.advantage-banner .bd li .text dd {margin-top: var(--size-10);}
.advantage-banner .bd li .text dt:first-child {margin-top: 0;}
.advantage-banner h2{ color: var(--color-dominant)}
.join-top {align-items: center;}
.join-top>.right {margin-left: auto;}

.join-cont {margin-top: var(--size-120);}
.join-banner {width: calc(100% + var(--size-40));margin-left: var(--size-20-);}
.join-banner .bd li {padding: 0 var(--size-20);width: 33.3%;}
.join-banner .bd li>* {display: block;background-color: #fff;height: 100%;padding: var(--size-40) var(--size-30);}
.join-btn {color: #fff;}
.join-btn>.swiper-button-disabled {border-color: #000;color: #000;opacity: 0.1;}
.join-banner .bd li .name {transition: var(--transition);}
.join-banner .bd li>*:hover .name {color: var(--color-dominant);}
.join-banner .bd li .more {display: flex;align-items: center;justify-content: center;height: var(--size-30);aspect-ratio: 50/30;border-radius: var(--size-50);min-height: 32px;border: 1px solid #CCC;transition: var(--transition);}
.join-banner .bd li .more i {transform: rotate(5deg);}
.join-banner .bd li>*:hover .more {border-color: var(--color-dominant);background-color: var(--color-dominant);color: #fff;}

.maps-cont {margin-top: calc(var(--size-110));}
.maps-item>* {margin-top: var(--size-40);display: flex;align-items: center;}
.maps-item>* i {display: flex;align-items: center;justify-content: center;width: var(--size-80);height: var(--size-80);border-radius: 50%;background-color: var(--color-dominant);color: #fff;}
.maps-item>* .text {width: calc(100% - var(--size-80));padding-left: var(--size-35);}
.message-item {margin-left: var(--size-80-);}
.message-item>* {padding-left: var(--size-80);margin-bottom: var(--size-30);}
.message-item>* input,.message-item>* textarea {height: var(--size-70);background-color: #fff;border-radius: var(--size-10);border: none;padding: 0 var(--size-40);}
.w100 {width: 100%;}
.message-item>* textarea {height: calc(var(--size-95) * 2);padding: var(--size-20) var(--size-40);line-height: 140%;}
.message-btn {justify-content: center;}
.message-btn>* {height: var(--size-65);}

.case-banner {aspect-ratio: 1920/840;}
.case-banner img {width: 100%;height: 100%;}
.case-banner .bd .l-container {position: absolute;left: 0;right: 0;top: 0;bottom: 0;display: flex;align-items: center;}
.case-banner .bd .ccont {width: calc(var(--size-90) * 5);}
.case-banner-bottom {position: absolute;left: 0;right: 0;bottom: 0;z-index: 2;height: var(--size-130);background-color: rgba(139, 194, 49, 0.8);display: flex;align-items: center;}
.case-hd {height: 1px !important;background-color: rgba(255, 255, 255, .4) !important;}
.case-hd>* {background: #fff !important;}
.case-item {position: absolute;left: 0;right: 0;top: calc(var(--size-15-) / 2);}
.case-item>* {flex: 1;}
.case-item>*>* {width: var(--size-15);height: var(--size-15);border-radius: 50%;background-color: #fff;opacity: 0.8;display: block;}
.case-item>*:last-child {position: absolute;right: 0;top: 0;}
.case-item>*.on>* {opacity: 1;}
.case-list-item>*>* {padding: var(--size-50) 0;border-top: 1px solid #D6D6D6;display: flex;align-items: center;}
.case-list-item>* .img {width: 710px;aspect-ratio: 710/398;width: clamp(355px, 36.97916666666667vw, 710px);}
.case-list-item>* .img img {transition: var(--transition);width: 100%;height: 100%;}
.case-list-item>* .right {width: calc(100% - clamp(355px, 36.97916666666667vw, 710px));padding-left: var(--size-95);}
.case-list-item>* .more {margin-top: var(--size-120);transition: var(--transition);}
.case-list-item>* .more i {margin-left: var(--size-10);}
.case-list-item>*>*:hover img {transform: scale(1.2);}
.case-list-item>*>*:hover {color: var(--color-blue);}

.case-list-item>*>*:hover .more {transform: translateX(80%);color: var(--color-dominant);}

.lh-caseDetail {
padding-top: var(--size-130);padding-bottom: var(--size-80);}

.caseDetail-top>*>.right {
width: 645px;
width: clamp(322px, 33.59375vw, 645px);
}

.caseDetail-top>*>.left {
width: calc(100% - clamp(322px, 33.59375vw, 645px));
padding-right: var(--size-40);
}

.caseDetail-banner {
aspect-ratio: 1920/844;
}

.caseDetail-banner .bd img {
width: 100%;
height: 100%;
}

.caseDetail-btn>* {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
color: #fff;
}

.caseDetail-btn>*.prevs {
left: var(--size-90);
}

.caseDetail-btn>*.nexts {
right: var(--size-90);
}

.lh-caseDetail .lh-crumbs {
box-shadow: none;
}

.news-banner {
margin-top: var(--size-140);
}

.news-banner .bd .img {
width: 748px;
width: clamp(374px, 38.958333333333336vw, 748px);
aspect-ratio: 748/435;
border-radius: var(--size-10);
box-shadow: 4px 0 10px rgba(37, 72, 158, .2);
}

.news-banner .bd .text {
width: calc(100% - clamp(374px, 38.958333333333336vw, 748px));
padding-top: var(--size-50);
}

.news-banner .bd .text .name {
position: relative;
}

.news-banner .bd .text .ccont::after {
content: '';
display: block;
width: 100%;
height: 1px;
background-color: #EDEDED;
position: absolute;
left: 0;
top: 0;
}

.news-banner .bd .text .ccont {
margin-top: var(--size-35);
padding-top: var(--size-35);
position: relative;
padding-right: calc(var(--size-100) * 3);
}

.news-banner .bd .text .more {
display: flex;
align-items: center;
justify-content: center;
height: var(--size-50);
aspect-ratio: 150/50;
border-radius: var(--size-50);
min-height: 32px;
background-color: var(--color-dominant);
color: #fff;
position: relative;
}

.news-banner .bd .text .more i {
margin-left: var(--size-10);
transform: rotate(45deg);
}

.news-banner-center {
/* width: 218px; */
/* width: clamp(109px, 11.354166666666666vw, 218px); */
padding: var(--size-40) var(--size-25) var(--size-40) 0;
background: none;
border-radius: var(--size-10);
/* box-shadow: 16px 0 35px rgba(37, 72, 158, 0.16); */
/* position: absolute;

right: 635px;
right: clamp(317px, 33.07291666666667vw, 635px);
top: var(--size-70);
z-index: 2; */

display: flex;
flex-direction: column;
--swiper-theme-color:var(--bg-scroll)
}

.news-banner-btn {
justify-content: center;
align-items: center;
/* position: absolute; */
top: 18vw;
display: flex;
}

.news-banner-btn>* {
margin-left: var(--size-50);
opacity: 0.5;
}

.news-banner-btn>*:first-child {
margin-left: 0;
}

.news-banner-btn>*:hover {
opacity: 1;
}

.news-banner-num {
margin-top: var(--size-130);
justify-content: center;
align-items: flex-end;
/* position: absolute; */
top: 9vw;
left: 37vw;
width: 8vw;
}

.news-banner-num>.total {
position: relative;
top: calc(var(--size-10-) / 2);
margin-left: var(--size-35);
color: #8F99C1;
}

.news-banner-num>.total::before {content: '';display: block;width: 1px;height: var(--size-25);position: absolute;left: calc(var(--size-35-) / 2);bottom: 0;background-color: #424242;transform: rotate(15deg);}
.news-banner-center::before {content: '';display: none;width: calc(100% - var(--size-25));height: 1px;background-color: #EDEDED;position: absolute;left: 0;top: 29.5%;}
.news-bottom {background-color: var(--bg-gray);}
.news-item>* {margin-top: var(--size-20);}
.news-item>*:first-child {margin-top: 0;}
.news-item>*>* {display: flex;padding: var(--size-70);background-color: #fff;}
.news-item>* .text {width: 70%;padding: 0 var(--size-50);}
.news-item>* .right {margin-left: auto;display: flex;align-items: center;}
.news-item>* .more {display: flex;align-items: center;}
.news-item>* .more i {margin-left: var(--size-10);}
.news-item>* .time {color:   var(--color-dominant);transition: var(--transition);}
.news-item>* .label>* {padding: var(--size-10) var(--size-15);border-radius: var(--size-30);background-color: #efefef;margin-left: var(--size-10);transition: var(--transition);}
.news-item>* .label>*:first-child {margin-left: 0;}
.news-item>*>*:hover {background-color: var(--color-dominant);color: #fff;}
.news-item>*>*:hover .time {color: #fff;}

.news-item>*>*:hover .label>* {background-color: rgba(255, 255, 255, .13);color: #fff;}
.lh-newsdetail>*>.right {width:30%; background: #f2f2f2;padding: 5% 3%;}
.lh-newsdetail>*>.left {width: 65%;padding: 5% 3%;margin-right: 3%; background: #f2f2f2}
.newsdetail-title {align-items: center; border-bottom:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); padding-bottom: 4%}
.newsdetail-title>.right {margin-left: auto;}
.newsdetail-title>.right .label>* {padding: var(--size-10) var(--size-15);border-radius: var(--size-30);background-color: #efefef;margin-left: var(--size-10);}
.newsdetail-title>.right .label>*:first-child {margin-left: 0;}
.newsdetail-title>.left {width: 85%;}
.newsdetail-title .nname>* {margin-left: var(--size-30);}
.newsdetail-title .nname>*:first-child {margin-left: 0;}
.newsdetail-cont {padding: var(--size-40) 0;}
.newsdetail-cont p{text-indent:2em; margin-bottom: 10px}
.newsdetail-cont img{max-width: 800px; width: 100%;display: block; margin: 0 auto 10px  auto;}
.newsdetail-page {background-color: #fff;box-shadow: 4px 6px 68px rgba(0, 0, 0, 0.06);margin-top: var(--size-40);padding: var(--size-35) var(--size-25);}
.newsdetail-page>.return {margin-left: auto;margin-right: auto;}
.newsdetail-page>* {display: flex;align-items: center;}
.newsdetail-page>* i {margin-right: calc(var(--size-10) / 2);}
.newsdetail-page>*.next i {margin: 0 0 0 calc(var(--size-10) / 2);transform: rotate(-45deg);}
.newsdetail-page>*.prev i {transform: rotate(45deg);}
.newsdetail-page>*:hover {color: var(--color-blue);}
.newsdetail-hot {position: sticky;top: 0;}
.newsdetail-hot li{margin-bottom: 15px; width: 100%}
.newsdetail-item>*:last-child>* {border: none;}
.newsdetail-item>* .img {width: 100%;overflow: hidden;}
.newsdetail-item>* .img img{width: 100%}
.newsdetail-item>*>*:hover {color: var(--color-blue);}

@media (max-width:1024px) {
    .lh-newsdetail>*>.left{margin-right: 0; padding: 20px}
}

.territory-banner-box {}
.territory-top-cont>.left {width: 460px;width: clamp(230px, 23.958333333333336vw, 460px);padding-right: var(--size-100);padding-top: var(--size-100);}
.territory-top-cont>.right {width: calc(100% - clamp(230px, 23.958333333333336vw, 460px));}
.territory-text .more {
display: flex;
align-items: center;
justify-content: center;
height: var(--size-50);
aspect-ratio: 150/50;
border-radius: var(--size-50);
background-color: var(--color-dominant);
color: #fff;
position: relative;
min-height: 32px;
}

.territory-text .more i {
margin-left: var(--size-10);
transform: rotate(45deg);
}

.territory-ban {
width: calc(100% + ((100vw - clamp(800px, 84.89583333333334vw, 1630px)) /2 + 15px));
}

.territory-banner {
width: 74%;
}

.territory-banner .bd li {
padding-right: var(--size-50);
transform-origin: left top;
transform: scale(0.7);
transition: var(--transition);
}

.territory-banner .bd li.swiper-slide-active {
transform: scale(1);
}

.territory-banner .bd li a {
display: block;
overflow: hidden;
aspect-ratio: 998/568;
}

.territory-banner .bd li img {
width: 100%;
height: 100%;
}

.territory-banner-bottom {
align-items: center;
}

.territory-num .total {
opacity: 0.4;
margin-left: var(--size-20);
position: relative;
}

.territory-num .total::before {
content: '';
display: block;
width: 1px;
height: 70%;
background-color: #000;
position: absolute;
left: var(--size-10-);
top: 50%;
transform: translateY(-50%) rotate(25deg);
}

.territory-hd {
position: relative !important;
width: 265px !important;
width: clamp(132px, 13.802083333333334vw, 265px) !important;
margin-left: var(--size-15);
height: 3px !important;
background: #E6E6E6 !important;
}

.territory-hd>* {background: var(--color-dominant) !important;}
.territory-text .bd a {display: block;}
.territory-item {margin: var(--size-40-) 0 0 var(--size-70-);}
.territory-item>* {padding-left: var(--size-70);margin-top: var(--size-40);}
.territory-item>*>* {display: block;height: 100%;}
.territory-item>* .img {width: 100%}
.territory-item>* .img img,.territory-item>* .name {transition: var(--transition);}
.territory-item>* .text {padding: var(--size-40);}
.territory-item>* .text .more {display: flex;align-items: center;}
.territory-item>* .text .more i {margin-left: calc(var(--size-10) / 2);}
.territory-item>*>*:hover img {transform: scale(1.1);}
.territory-item>*>*:hover {background-color: #fff;box-shadow: 4px 6px 68px rgba(0, 0, 0, 0.06);}
.territory-item>*>*:hover .name {color: var(--color-dominant);}
.territorydetail-bottom {background-color: var(--bg-gray);}
.territorydetail-title {align-items: center;}
.territorydetail-title>.name {width: 85%;}
.territorydetail-title>.right {margin-left: auto;}
.territorydetail-title>.right>* {display: flex;align-items: center;justify-content: center;width: var(--size-55);height: var(--size-55);border-radius: 50%;background-color: var(--color-dominant);color: #fff;}

.territorydetail-cont {
border-top: 1px solid #CCC;
align-items: center
}

.territorydetail-cont>.img {
width: 670px;
width: clamp(335px, 34.89583333333333vw, 670px);
aspect-ratio: 998/568;
}

.territorydetail-cont>.left {
width: calc(100% - clamp(335px, 34.89583333333333vw, 670px));
padding-right: calc(var(--size-80) * 2);
}

.territorydetail-banner {
aspect-ratio: 1600/750;
}

.territorydetail-banner .bd li {
padding: 0 var(--size-45);
overflow: hidden;
}

.territorydetail-banner .bd li img {
width: 100%;
height: 100%;
}

/*
--color-wathet
linear-gradient(0deg,rgba(255,255,255,.4),rgba(255,255,255,0));
F5AB00
transparent
font-family: "ebrimabd";
.hRegular{font-family: "hRegular";}
.hLight{font-family: "hLight";}
.hBold{font-family: "hBold";}
l-uppercase
transition:cubic-bezier(0.215,.61,.355,1) .45s;

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

}

@media all and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6),
(-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6),
(min-resolution: 1.41dppx) and (max-resolution: 1.6dppx) {
/*150%*/

}

@media screen and (min-width: 2000px) {}

@media screen and (max-width: 1600px) {}

@media screen and (max-width: 1500px) {}

@media screen and (max-width: 1366px) {}

/*平板*/
@media screen and (max-width: 1024px) {
.l-container {width: 100%;}

.lh-nav,
.nav-bottom {
display: none;
}

.nav-toggle {
/* background: #fff !important; */
}

.nav-toggle-close {
right: 15px;
top: 15px;
background-color: var(--color-dominant);
color: #fff;
}

.index-pro-hd {
align-items: center;
}

.index-pro-hd>.right {margin-left: auto;}
.index-pro-item>*,.index-news-item>*,.pro-item>*,.about-res .index-about-total>*,.message-item>* {width: 100%;}
.index-pro-item>* .img {margin-bottom: 10px}

.index-news-cont>.left,.index-news-cont>.center {width: 100%;}
.index-news-cont>.center {margin-left: auto;padding-left: 0;}
.index-news-cont>.right {width: 100%;padding-left: 0;margin-top: 15px;}
.index-news-cont>.center .ccont {display: none;}
.index-news-cont>.center>* .view-more {width: 30px;}
.index-news-cont>.center>* .view-more>* {width: 16px;}
.footer-top>.right {
text-align: left;
margin-top: 30px;
}

.footer-copy span {
display: block;
margin-left: 0;
}

.crumbs-nav>* {
margin-left: 15px;
}

.lh-crumbs .right {
margin-left: auto;
margin-right: auto;
}

.prodetail-banner .bd li {
padding: 30px;
}

.prodetail-top>.right,
.pro-banner .bd .l-container>.right {
margin-top: 30px;
}

.pro-nname {
font-size: 50px;
padding-left: 15px;
}

.pro-banner .bd .l-container {
padding-left: 15px;
}

.pro-banner::before {
right: auto;
left: 40%;
}

.lh-ban {height: 200px; margin-top: 70px}

.about-culture {aspect-ratio: initial;}
.culture-cont {margin-top: 200px;}
.culture-text {left: 0;width: 100%;}
.culture-text::after {left: 20px;display: none;}
.culture-hd {position: relative;}
.culture-hd>* {position: static;}
.culture-hd>*.on {transform: none;}

.history-banner .bd li {display: block;}
.history-banner .bd li .img {margin-top: 30px;}
.honor-tip img {width: 48px;}
.advantage-hd {display: flex;}
.advantage-hd>* {font-size: 12px;aspect-ratio: 2.2/1;}

.advantage-cont>.right,
.advantage-banner .bd li .img,
.caseDetail-top>*>.right {
margin-top: 30px;
}

.advantage-banner .bd li {
display: block;
}

.caseDetail-btn>*.nexts {
right: 15px;
}

.caseDetail-btn>*.prevs {
left: 15px;
}

.case-banner {
aspect-ratio: 2/1.5;
}

.case-banner .bd .l-container {
padding-bottom: 50px;
}

.case-banner-bottom {
padding: 0 15px;
}

.case-list-item>*>* {
display: block;
}

.case-list-item>* .right,
.lh-newsdetail>*>.right,
.news-banner .bd .img {
margin-top: 30px;
}

.newsdetail-title {display: block; padding: 10px 10px 0 10px;}
    .newsdetail-cont{padding: 10px}

.newsdetail-title>.left {
width: 100%;
}

.newsdetail-title>.right {
margin-top: 20px;
}

.news-banner .bd li>* {
display: block;
}

.news-banner .bd .text .ccont {
padding-right: 0;
}

.news-banner-center {
right: 0;
top: 0;
background: none;
box-shadow: none;
}

.news-banner-num {
display: none !important;
}

.news-item>*>* {
display: block;
}

.news-item>* .text {
width: 100%;
padding: 0;
margin-top: 20px;
}

.news-item>* .right,
.territorydetail-cont>.img {
margin-top: 20px;
}

.territorydetail-banner .bd li {
padding: 0 5px;
}

.territory-top-cont>.right {
margin-top: 30px;
}

.territory-ban,
.territory-item>* {
width: 100%;
}

.index-about-cont>*,
.footer-top>*,
.footer-copy>*,
.prodetail-top>*,
.pro-banner .bd .l-container>*,
.about-res>*>*,
.history-cont>*,
.history-banner .bd li>*,
.advantage-cont>*,
.advantage-banner .bd li>*,
.caseDetail-top>*>*,
.case-list-item>*>*>*,
.lh-newsdetail>*>*,
.news-banner .bd li>*>*,
.territorydetail-cont>*,
.territory-top-cont>* {
width: 100% !important;
padding: 0 !important;
}

.banner-bottom>* .center,
.footer-nav,
.lh-crumbs .right,
.history-cont>.right,
.news-banner-center::before {
display: none;
}
}

/*手机*/
@media screen and (max-width: 980px) {}
header>*>.right .hd_rr {display: flex;align-items: center;gap: 1vw;}
.nav_sc {display: flex;align-items: center;justify-content: center;width: var(--size-45);height: var(--size-45);border-radius: 50%;background-color:#df071f;min-width: 32px;min-height: 32px;}
.pro_nav_item {width:23%;;height: var(--size-45);background: #004c97;border-radius: 27px;display: flex;align-items: center;justify-content: center; padding: 30px 15px}
.pro_nav_item.on {background: #df071f;}
.pro_nav_item.on .dot {background: #fff;opacity: 1;}
.pro_nav_item .dot {width: 6px;height: 6px;background: #333333;border-radius: 50%;opacity: 0.4;}
.pro_nav_item_con {display: flex;align-items: center;gap: 6px;}
.pro_nav_item .name {font-weight: 400;color: #fff;}
.pro_nav_item.on .name {font-weight: 400;color: #fff;opacity: 1;}
.index-pro-hd .left {font-weight: 700;}
@media (max-width:1024px) {
.news-banner-btn {top: 48vw;}
    .pro_nav_item{width: 47%; padding: 20px 0; margin-bottom: 5px}
    .index-pro-nav>*{margin-left: 0}
}


/*2024/4/24  */
.p_hd_nav {display: none;}
@media (max-width:768px) {
.p_hd_nav {display: initial;background: #fff;overflow: hidden;transition: all 1s;z-index: 60;}
.p_hd_nav.on {height: 100vh;}
.item .t1 {font-size: 16px;color: #333;font-weight: 600;margin-bottom: 3vw;display: block;}
.item .t2 {flex-wrap: wrap;}
.item .t2 .t2_text {font-size: 14px;color: #999999;text-wrap: nowrap;}
.hd .frist .right .list .item {display: none;}
.a_page .social .mySwiper6 .item>img {width: 100%;height: auto;}
.a_page .profile .profile_con .info .info_t .life {font-size: 30rem;margin-bottom: 10rem;}
}
.w-screen {width: 100vw;}
.h-0 {height: 0px;}
.top-0 {top: 0px;}
.left-0 {left: 0px;}
.fixed {position: fixed;}
.px-\[100rem\] {padding-left: 13.3vw;padding-right: 13.3vw;}
.py-\[5vh\] {padding-top: 5vh;padding-bottom: 5vh;}
.gap-\[40rem\] {/* gap: 40rem; */gap: 5.333vw;}
.justify-center {justify-content: center;}
.flex-col {flex-direction: column;}
.h-full {height: 100%;}
.flex {display: flex;}
.mb-\[10rem\] {margin-bottom: 1.333vw;}
.gap-\[20rem\] {gap: 2.666vw;}
.right-\[5vw\] {right: 5vw;}
.top-\[5vh\] {top: 5vh;}
.absolute {position: absolute;}
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {font-family: 'iconfont';/* Project id 4471118 */
src: url('http://at.alicdn.com/t/c/font_4471118_2dvngvqsvjh.woff2?t=1712909282195') format('woff2'),url('http://at.alicdn.com/t/c/font_4471118_2dvngvqsvjh.woff?t=1712909282195') format('woff'),
url('http://at.alicdn.com/t/c/font_4471118_2dvngvqsvjh.ttf?t=1712909282195') format('truetype');
}



.hd_menus {position: relative;}
.hd_menus_list {position: absolute;left: 50%;transform: translateX(-50%);top: 120%;/* text-wrap: nowrap; */white-space: nowrap;display: flex;flex-direction: column;align-items: center;gap: 20px;opacity: 0;pointer-events: none;transition: opacity 0.3s;background: #fff;border-radius: 5px;padding: 5px 30px 10px 30px;}
.hd_menus_list a{color: #333}
header>*>.right {display: flex;}
.lh-nav {display: flex;}
@media (max-width:1024px) {
.lh-nav {display: none;}
}
header {transition-delay: .3s;}
.hd_menus:hover .hd_menus_list {opacity: 1;pointer-events: auto;}


/*首页*/
.telbanner,.tel_nav{display: none;}
.flex{width: 100%; margin: 0 auto;display: -webkit-box;display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;}
#sw000 {width: 100%;height: 100vh;}
#homeBanner{width:100%;height:100%;overflow:hidden;z-index:2;background: #000; position: relative;}
#homeBanner .homeBanner_bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1; opacity: 0.8; }
#homeBanner .homeBanner_bg>img{width:100%;height:100%;object-fit:cover;}

#homeBanner .homeBanner_cnt{position:absolute;top:0;align-items:center;justify-content:center;z-index:2;height:100%; text-align: center; color: #fff;}
#homeBanner .homeBanner_h{font-size:6.2vw;font-weight:bold;text-shadow:rgba(0,0,0,.4) 8px 10px 12px;-webkit-text-shadow:rgba(0,0,0,.5) 8px 10px 12px; padding-bottom: 2vw}
#homeBanner .homeBanner_p{font-size:2vw;text-transform:uppercase;letter-spacing:.2vw;}
#homeBanner .homeBanner_p img{width: 80%}
#homeBanner .mouse-of{position:absolute;left:50%;bottom:4vw;width:24px;height:40px;border-radius:40px;-webkit-border-radius:40px;
    border:2px solid rgba(255,255,255,.8);margin-left:-20px;z-index:50;overflow:hidden;}
#homeBanner .mouse-of>i{position:absolute;width:3px;height:9px;left:50%;margin-left:-1.5px;top:2px;-webkit-animation: mouseof 1.5s ease-out infinite;animation: mouseof 1.5s ease-out infinite;}
@keyframes mouseof{
    0%{top:-9px;opacity:1;-webkit-opacity:1;}
    100%{top:100%;opacity:0;-webkit-opacity:0;}
}
@-webkit-keyframes mouseof{
    0%{top:-9px;opacity:1;-webkit-opacity:1;}
    100%{top:100%;opacity:0;-webkit-opacity:0;}
}
#homeBanner .banner_bubble{width:6vw;height:6vw;position:absolute;left:50%;bottom:3vw;margin-left:-3vw;z-index:15;}
#homeBanner .swiper-slide{overflow:hidden;}
#homeBanner #video_open{width:100%;height:100%;}
#homeBanner .homeBanner_switch{background:rgba(0,0,0,.7);width:90px;height:90px;line-height:90px;}
#homeBanner .homeBanner_switch i{font-size:24px;margin:20px;}
#homeBanner .homeBanner_switch.swiper-button-prev{left:-30px;}
#homeBanner .homeBanner_switch.swiper-button-next{right:-30px;}

@media screen and (max-width:1280px){
    #sw000 {height: 90vh;}
}


@media screen and (max-width:750px){
    #sw000 {width: 100%;height:278px;}
    #homeBanner{display: none;}
    .section.sec11{height: 240px;}
    .telbanner{display: block;width: 100%; height: 95%;background: url('../images/about.jpg') no-repeat center top;background-size: 100%; margin-top: 50px}
    .telbanner video{height: 100%;width: 100%;}

}