@charset "utf-8";

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

.clear{ clear:both}
.clear:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clear {zoom:1; }

:root {/*公用*/
--font: 'Helvetica Neue', Helvetica, Tahoma, Arial, 'Hiragino Sans GB', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif;
--transition: cubic-bezier(0.25, 0.74, 0.22, 0.99) .65s;/*font*/--font-size: 14px;/*color*/
--color-dominant: #37b05a;--color-fill: #000;--color-white: #fff;--color-black: #000;--color-gray3: #333;--color-gray6: #666;--color-gray9: #999;
/*bg*/
--body-color: #000;--bg-gray: #fbfbfb;--bg-scroll: #4FC170;--bg-overlay: #000;
/*input*/
--placeholder: #dbdbdb;--input-border-color: #eee;--border-radius: 0px;
/*gradient*/
--linear-gradient-shadow: linear-gradient(0deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));--linear-gradient-blue: linear-gradient(90deg, #0171c1, #2097ed);
/*cursor*/
--cursor-stroke: #000;
/*img*/
--aspect-ratio: 1/1;
/*size*/
--size-10: clamp(5px, 0.5208333333333333vw, 10px);
--size-15: clamp(7px, 0.78125vw, 15px);
--size-20: clamp(10px, 1.0416666666666665vw, 20px);
--size-25: clamp(12px, 1.3020833333333335vw, 25px);
--size-30: clamp(15px, 1.5625vw, 30px);
--size-35: clamp(17px, 1.8229166666666667vw, 35px);
--size-40: clamp(20px, 2.083333333333333vw, 40px);
--size-45: clamp(22px, 2.34375vw, 45px);
--size-50: clamp(25px, 2.604166666666667vw, 50px);
--size-55: clamp(25px, 2.864583333333333vw, 55px);
--size-60: clamp(30px, 3.125vw, 60px);
--size-65: clamp(32px, 3.3854166666666665vw, 65px);
--size-70: clamp(35px, 3.6458333333333335vw, 70px);
--size-75: clamp(37px, 3.90625vw, 75px);
--size-80: clamp(40px, 4.166666666666666vw, 80px);
--size-85: clamp(42px, 4.427083333333334vw, 85px);
--size-90: clamp(45px, 4.6875vw, 90px);
--size-95: clamp(47px, 4.947916666666666vw, 95px);
--size-100: clamp(50px, 5.208333333333334vw, 100px);
--size-110: clamp(55px, 5.729166666666666vw, 110px);
--size-120: clamp(60px, 6.25vw, 120px);
--size-130: clamp(65px, 6.770833333333333vw, 130px);
--size-140: clamp(70px, 7.291666666666667vw, 140px);

--size-10-: clamp(-10px, -0.5208333333333333vw, -5px);
--size-15-: clamp(-15px, -0.78125vw, -7px);
--size-20-: clamp(-20px, -1.0416666666666665vw, -10px);
--size-25-: clamp(-25px, -1.3020833333333335vw, -12px);
--size-30-: clamp(-30px, -1.5625vw, -15px);
--size-35-: clamp(-35px, -1.8229166666666667vw, -17px);
--size-40-: clamp(-40px, -2.083333333333333vw, -20px);
--size-45-: clamp(-45px, -2.34375vw, -22px);
--size-50-: clamp(-50px, -2.604166666666667vw, -25px);
--size-55-: clamp(-55px, -2.864583333333333vw, -25px);
--size-60-: clamp(-60px, -3.125vw, -30px);
--size-65-: clamp(-65px, -3.3854166666666665vw, -32px);
--size-70-: clamp(-70px, -3.6458333333333335vw, -35px);
--size-75-: clamp(-75px, -3.90625vw, -37px);
--size-80-: clamp(-80px, -4.166666666666666vw, -40px);
--size-85-: clamp(-85px, -4.427083333333334vw, -42px);
--size-90-: clamp(-90px, -4.6875vw, -45px);
--size-95-: clamp(-95px, -4.947916666666666vw, -47px);
--size-100-: clamp(-100px, -5.208333333333334vw, -50px);
--size-110-: clamp(-110px, -5.729166666666666vw, -55px);
--size-120-: clamp(-120px, -6.25vw, -60px);
--size-130-: clamp(-130px, -6.770833333333333vw, -65px);
--size-140-: clamp(-140px, -7.291666666666667vw, -70px);
}




/*layer*/
.layui-m-layer {position: relative;z-index: 19891014}
.layui-m-layer * {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box}
.layui-m-layermain,.layui-m-layershade {position: fixed;left: 0;top: 0;width: 100%;height: 100%}
.layui-m-layershade {background-color: rgba(0, 0, 0, .7);pointer-events: auto}
.layui-m-layermain {display: table;font-family: Helvetica, arial, sans-serif;pointer-events: none}
.layui-m-layermain .layui-m-layersection {display: table-cell;vertical-align: middle;text-align: center}
.layui-m-layerchild {position: relative;display: inline-block;text-align: left;background-color: #fff;font-size: 14px;border-radius: 5px;box-shadow: 0 0 8px rgba(0, 0, 0, .1);pointer-events: auto;-webkit-overflow-scrolling: touch;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-duration: .2s;
animation-duration: .2s}
@-webkit-keyframes layui-m-anim-scale {
0% {opacity: 0;-webkit-transform: scale(.5);transform: scale(.5)}
100% {opacity: 1;-webkit-transform: scale(1);transform: scale(1)}
}
@keyframes layui-m-anim-scale {
0% {opacity: 0;-webkit-transform: scale(.5);transform: scale(.5)}
100% {opacity: 1;-webkit-transform: scale(1);transform: scale(1)}
}
.layui-m-anim-scale {animation-name: layui-m-anim-scale;-webkit-animation-name: layui-m-anim-scale}
@-webkit-keyframes layui-m-anim-up {
0% {opacity: 0;-webkit-transform: translateY(800px);transform: translateY(800px)}
100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0)}}
@keyframes layui-m-anim-up {
0% {opacity: 0;-webkit-transform: translateY(800px);transform: translateY(800px)}
100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0)}
}
.layui-m-anim-up {-webkit-animation-name: layui-m-anim-up;animation-name: layui-m-anim-up}
.layui-m-layer0 .layui-m-layerchild {width: 90%;max-width: 640px}
.layui-m-layer1 .layui-m-layerchild {border: none;border-radius: 0}
.layui-m-layer2 .layui-m-layerchild {width: auto;max-width: 260px;min-width: 40px;border: none;background: 0 0;box-shadow: none;color: #fff}
.layui-m-layerchild h3 {padding: 0 10px;height: 60px;line-height: 60px;font-size: 16px;font-weight: 400;border-radius: 5px 5px 0 0;text-align: center}
.layui-m-layerbtn span,.layui-m-layerchild h3 {text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.layui-m-layercont {padding: 50px 30px;line-height: 22px;text-align: center}
.layui-m-layer1 .layui-m-layercont {padding: 0;text-align: left}
.layui-m-layer2 .layui-m-layercont {text-align: center;padding: 0;line-height: 0}
.layui-m-layer2 .layui-m-layercont i {width: 25px;height: 25px;margin-left: 8px;display: inline-block;background-color: #fff;border-radius: 100%;-webkit-animation: layui-m-anim-loading 1.4s infinite ease-in-out;animation: layui-m-anim-loading 1.4s infinite ease-in-out;-webkit-animation-fill-mode: both;animation-fill-mode: both
}
.layui-m-layerbtn,.layui-m-layerbtn span {position: relative;text-align: center;border-radius: 0 0 5px 5px}
.layui-m-layer2 .layui-m-layercont p {margin-top: 20px}

@-webkit-keyframes layui-m-anim-loading {0%,100%,80% {transform: scale(0);-webkit-transform: scale(0)}
40% {transform: scale(1);-webkit-transform: scale(1)}
}
@keyframes layui-m-anim-loading {
0%,100%,80% {transform: scale(0);-webkit-transform: scale(0)}
40% {transform: scale(1);-webkit-transform: scale(1)}
}
.layui-m-layer2 .layui-m-layercont i:first-child {margin-left: 0;-webkit-animation-delay: -.32s;animation-delay: -.32s}
.layui-m-layer2 .layui-m-layercont i.layui-m-layerload {-webkit-animation-delay: -.16s;animation-delay: -.16s}
.layui-m-layer2 .layui-m-layercont>div {line-height: 22px;padding-top: 7px;margin-bottom: 20px;font-size: 14px}
.layui-m-layerbtn {display: box;display: -moz-box;display: -webkit-box;width: 100%;height: 50px;line-height: 50px;font-size: 0;border-top: 1px solid #D0D0D0;
background-color: #F2F2F2}
.layui-m-layerbtn span {display: block;-moz-box-flex: 1;box-flex: 1;-webkit-box-flex: 1;font-size: 14px;cursor: pointer}
.layui-m-layerbtn span[yes] {color: #40AFFE}
.layui-m-layerbtn span[no] {border-right: 1px solid #D0D0D0;border-radius: 0 0 0 5px}
.layui-m-layerbtn span:active {background-color: #F6F6F6}
.layui-m-layerend {position: absolute;right: 7px;top: 10px;width: 30px;height: 30px;border: 0;font-weight: 400;background: 0 0;cursor: pointer;-webkit-appearance: none;font-size: 30px}
.layui-m-layerend::after,.layui-m-layerend::before {position: absolute;left: 5px;top: 15px;content: '';width: 18px;height: 1px;background-color: #999;transform: rotate(45deg);-webkit-transform: rotate(45deg);border-radius: 3px}
.layui-m-layerend::after {transform: rotate(-45deg);-webkit-transform: rotate(-45deg)}
body .layui-m-layer .layui-m-layer-footer {position: fixed;width: 95%;max-width: 100%;margin: 0 auto;left: 0;right: 0;bottom: 10px;background: 0 0}
.layui-m-layer-footer .layui-m-layercont {padding: 20px;border-radius: 5px 5px 0 0;background-color: rgba(255, 255, 255, .8)}
.layui-m-layer-footer .layui-m-layerbtn {display: block;height: auto;background: 0 0;border-top: none}
.layui-m-layer-footer .layui-m-layerbtn span {background-color: rgba(255, 255, 255, .8)}
.layui-m-layer-footer .layui-m-layerbtn span[no] {color: #FD482C;border-top: 1px solid #c2c2c2;border-radius: 0 0 5px 5px}
.layui-m-layer-footer .layui-m-layerbtn span[yes] {margin-top: 10px;border-radius: 5px}
body .layui-m-layer .layui-m-layer-msg {width: auto;max-width: 90%;margin: 0 auto;bottom: -150px;background-color: rgba(0, 0, 0, .7);color: #fff}
.layui-m-layer-msg .layui-m-layercont {padding: 10px 20px}

/**
* Swiper 8.3.0
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2022 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: July 6, 2022
*/

@font-face {font-family: swiper-icons;src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight: 400;font-style: normal}
:root {--swiper-theme-color: #007aff}
.swiper {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1}
.swiper-vertical>.swiper-wrapper {flex-direction: column}
.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform;box-sizing: content-box}
.swiper-android .swiper-slide,.swiper-wrapper {transform: translate3d(0px, 0, 0)}
.swiper-pointer-events {touch-action: pan-y}
.swiper-pointer-events.swiper-vertical {touch-action: pan-x}
.swiper-slide {flex-shrink: 0;width: 100%;height: 100%;position: relative;transition-property: transform}
.swiper-slide-invisible-blank {visibility: hidden}
.swiper-autoheight,.swiper-autoheight .swiper-slide {height: auto}
.swiper-autoheight .swiper-wrapper {align-items: flex-start;transition-property: transform, height}
.swiper-backface-hidden .swiper-slide {transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden}
.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper {perspective: 1200px}
.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper {transform-style: preserve-3d}
.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {position: absolute;left: 0;top: 0;width: 100%;height: 100%;pointer-events: none;z-index: 10}
.swiper-3d .swiper-slide-shadow {background: rgba(0, 0, 0, .15)}
.swiper-3d .swiper-slide-shadow-left {background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))}
.swiper-3d .swiper-slide-shadow-right {background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))}
.swiper-3d .swiper-slide-shadow-top {background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))}
.swiper-3d .swiper-slide-shadow-bottom {background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))}
.swiper-css-mode>.swiper-wrapper {overflow: auto;scrollbar-width: none;-ms-overflow-style: none}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {display: none}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {scroll-snap-align: start start}
.swiper-horizontal.swiper-css-mode>.swiper-wrapper {scroll-snap-type: x mandatory}
.swiper-vertical.swiper-css-mode>.swiper-wrapper {scroll-snap-type: y mandatory}
.swiper-centered>.swiper-wrapper::before {content: '';flex-shrink: 0;order: 9999}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {margin-inline-start: var(--swiper-centered-offset-before)}
.swiper-centered.swiper-horizontal>.swiper-wrapper::before {height: 100%;min-height: 1px;width: var(--swiper-centered-offset-after)}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {margin-block-start: var(--swiper-centered-offset-before)}
.swiper-centered.swiper-vertical>.swiper-wrapper::before {width: 100%;min-width: 1px;height: var(--swiper-centered-offset-after)}
.swiper-centered>.swiper-wrapper>.swiper-slide {scroll-snap-align: center center}
.swiper-virtual .swiper-slide {-webkit-backface-visibility: hidden;transform: translateZ(0)}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {content: '';position: absolute;left: 0;top: 0;pointer-events: none}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {height: 1px;width: var(--swiper-virtual-size)}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {width: 1px;height: var(--swiper-virtual-size)}
:root {--swiper-navigation-size: 44px}
.swiper-button-next,.swiper-button-prev {position: absolute;top: 50%;width: calc(var(--swiper-navigation-size)/ 44 * 27);height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;color: var(--swiper-navigation-color, var(--swiper-theme-color))}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {opacity: .35;cursor: auto;pointer-events: none}
.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {opacity: 0;cursor: auto;pointer-events: none}
.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {display: none !important}
.swiper-button-next:after,.swiper-button-prev:after {font-family: swiper-icons;font-size: var(--swiper-navigation-size);text-transform: none !important;letter-spacing: 0;font-variant: initial;line-height: 1}
.swiper-button-prev,.swiper-rtl .swiper-button-next {left: 10px;right: auto}
.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {content: 'prev'}
.swiper-button-next,.swiper-rtl .swiper-button-prev {right: 10px;left: auto}
.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {content: 'next'}
.swiper-button-lock {display: none}
.swiper-pagination {position: absolute;text-align: center;transition: .3s opacity;transform: translate3d(0, 0, 0);z-index: 10}
.swiper-pagination.swiper-pagination-hidden {opacity: 0}
.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {display: none !important}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,.swiper-pagination-fraction {bottom: 10px;left: 0;width: 100%}
.swiper-pagination-bullets-dynamic {overflow: hidden;font-size: 0}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transform: scale(.33);position: relative}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {transform: scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {transform: scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {transform: scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {transform: scale(.33)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {transform: scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {transform: scale(.33)}
.swiper-pagination-bullet {width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display: inline-block;border-radius: 50%;background: var(--swiper-pagination-bullet-inactive-color, #000);opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)}
button.swiper-pagination-bullet {border: none;margin: 0;padding: 0;box-shadow: none;-webkit-appearance: none;appearance: none}
.swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer}
.swiper-pagination-bullet:only-child {display: none !important}
.swiper-pagination-bullet-active {opacity: var(--swiper-pagination-bullet-opacity, 1);background: var(--swiper-pagination-color, var(--swiper-theme-color))}
.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {right: 10px;top: 50%;transform: translate3d(0px, -50%, 0)}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display: block}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {top: 50%;transform: translateY(-50%);width: 8px}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {display: inline-block;transition: .2s transform, .2s top}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {left: 50%;transform: translateX(-50%);white-space: nowrap}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transition: .2s transform, .2s left}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transition: .2s transform, .2s right}
.swiper-pagination-progressbar {background: rgba(0, 0, 0, .25);position: absolute}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: var(--swiper-pagination-color, var(--swiper-theme-color));position: absolute;left: 0;top: 0;width: 100%;height: 100%;transform: scale(0);transform-origin: left top}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {transform-origin: right top}
.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {width: 100%;height: 4px;left: 0;top: 0}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {width: 4px;height: 100%;left: 0;top: 0}
.swiper-pagination-lock {display: none}
.swiper-scrollbar {border-radius: 10px;position: relative;-ms-touch-action: none;background: rgba(0, 0, 0, .1)}
.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {display: none !important}
.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {position: absolute;left: 1%;bottom: 3px;z-index: 50;height: 5px;width: 98%}
.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar {position: absolute;right: 3px;top: 1%;z-index: 50;width: 5px;height: 98%}
.swiper-scrollbar-drag {height: 100%;width: 100%;position: relative;background: rgba(0, 0, 0, .5);border-radius: 10px;left: 0;top: 0}
.swiper-scrollbar-cursor-drag {cursor: move}
.swiper-scrollbar-lock {display: none}
.swiper-zoom-container {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;text-align: center}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {max-width: 100%;max-height: 100%;object-fit: contain}
.swiper-slide-zoomed {cursor: move}
.swiper-lazy-preloader {width: 42px;height: 42px;position: absolute;left: 50%;top: 50%;margin-left: -21px;margin-top: -21px;z-index: 10;transform-origin: 50%;
box-sizing: border-box;border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius: 50%;border-top-color: transparent}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {animation: swiper-preloader-spin 1s infinite linear}
.swiper-lazy-preloader-white {--swiper-preloader-color: #fff}
.swiper-lazy-preloader-black {--swiper-preloader-color: #000}
@keyframes swiper-preloader-spin {
0% {transform: rotate(0deg)}
100% {transform: rotate(360deg)}
}
.swiper .swiper-notification {position: absolute;left: 0;top: 0;pointer-events: none;opacity: 0;z-index: -1000}
.swiper-free-mode>.swiper-wrapper {transition-timing-function: ease-out;margin: 0 auto}
.swiper-grid>.swiper-wrapper {flex-wrap: wrap}
.swiper-grid-column>.swiper-wrapper {flex-wrap: wrap;flex-direction: column}
.swiper-fade.swiper-free-mode .swiper-slide {transition-timing-function: ease-out}
.swiper-fade .swiper-slide {pointer-events: none;transition-property: opacity}
.swiper-fade .swiper-slide .swiper-slide {pointer-events: none}
.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active {pointer-events: auto}
.swiper-cube {overflow: visible}
.swiper-cube .swiper-slide {pointer-events: none;-webkit-backface-visibility: hidden;backface-visibility: hidden;z-index: 1;visibility: hidden;transform-origin: 0 0;width: 100%;height: 100%}
.swiper-cube .swiper-slide .swiper-slide {pointer-events: none}
.swiper-cube.swiper-rtl .swiper-slide {transform-origin: 100% 0}
.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active {pointer-events: auto}
.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev {pointer-events: auto;visibility: visible}
.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top {
z-index: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden}
.swiper-cube .swiper-cube-shadow {position: absolute;left: 0;bottom: 0px;width: 100%;height: 100%;opacity: .6;z-index: 0}
.swiper-cube .swiper-cube-shadow:before {content: '';background: #000;position: absolute;left: 0;top: 0;bottom: 0;right: 0;filter: blur(50px)}
.swiper-flip {overflow: visible}
.swiper-flip .swiper-slide {pointer-events: none;-webkit-backface-visibility: hidden;backface-visibility: hidden;z-index: 1}
.swiper-flip .swiper-slide .swiper-slide {pointer-events: none}
.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active {pointer-events: auto}
.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top {
z-index: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden}
.swiper-creative .swiper-slide {-webkit-backface-visibility: hidden;backface-visibility: hidden;overflow: hidden;transition-property: transform, opacity, height}
.swiper-cards {overflow: visible}
.swiper-cards .swiper-slide {transform-origin: center bottom;-webkit-backface-visibility: hidden;backface-visibility: hidden;overflow: hidden}

/*start===*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu,main {display: block;padding: 0;margin: 0}
*,:before,:after {box-sizing: border-box}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul {	margin: 0;	padding: 0}
img {border: 0;display: inline-block;width: auto;max-width: 100%;vertical-align: middle;object-fit: cover;}
ul,dl,li,dt,dd {list-style: none}
body,html {min-height: 100%}
body {font-size: var(--font-size);color: var(--body-color);font-family: var(--font);-webkit-tap-highlight-color: rgba(255, 255, 255, 0);overflow-x: hidden}
.clearfix:after {content: "\200B";display: block;height: 0;clear: both}
a {text-decoration: none;color: inherit;outline: none;transition: var(--transition)}
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: normal}
pre {font-family: inherit;white-space: pre-wrap;word-wrap: break-word}
input,textarea,select {outline: none;-webkit-appearance: none;border-radius: var(--border-radius);font-size: inherit;font-family: inherit;display: block;
width: 97%;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(16px, 0.9375vw, 18px)}
.l-font20 {font-size: 20px;font-size: clamp(16px, 1.0416666666666665vw, 20px)}
.l-font22 {font-size: 22px;font-size: clamp(16px, 1.1458333333333333vw, 22px)}
.l-font24 {font-size: 24px;font-size: clamp(16px, 1.25vw, 24px)}
.l-font26 {font-size: 26px;font-size: clamp(18px, 1.3541666666666667vw, 26px)}
.l-font28 {font-size: 28px;font-size: clamp(18px, 1.4583333333333333vw, 28px)}
.l-font30 {font-size: 30px;font-size: clamp(18px, 1.5625vw, 30px)}
.l-font32 {font-size: 32px;font-size: clamp(18px, 1.6666666666666667vw, 32px)}
.l-font34 {font-size: 34px;font-size: clamp(20px, 1.7708333333333333vw, 34px)}
.l-font36 {font-size: 36px;font-size: clamp(20px, 1.875vw, 36px)}
.l-font38 {font-size: 38px;font-size: clamp(22px, 1.9791666666666665vw, 38px)}
.l-font40 {font-size: 40px;font-size: clamp(22px, 2.083333333333333vw, 40px)}
.l-font42 {font-size: 42px;font-size: clamp(22px, 2.1875vw, 42px)}
.l-font44 {font-size: 44px;font-size: clamp(24px, 2.2916666666666665vw, 44px)}
.l-font46 {font-size: 46px;font-size: clamp(24px, 2.3958333333333335vw, 46px)}
.l-font48 {font-size: 48px;font-size: clamp(26px, 2.5vw, 48px)}
.l-font50 {font-size: 50px;font-size: clamp(28px, 2.604166666666667vw, 50px)}
.l-font52 {font-size: 52px;font-size: clamp(28px, 2.7083333333333335vw, 52px)}
.l-font54 {font-size: 54px;font-size: clamp(28px, 2.8125vw, 54px)}
.l-font56 {font-size: 56px;font-size: clamp(30px, 2.9166666666666665vw, 56px)}
.l-font58 {font-size: 58px;font-size: clamp(30px, 3.0208333333333335vw, 58px)}
.l-font60 {font-size: 60px;font-size: clamp(32px, 3.125vw, 60px)}
.l-opacity8 {opacity: .8}
.l-opacity7 {opacity: .7}
.l-opacity6 {opacity: .6}
.l-opacity5 {opacity: .5}
.l-opacity4 {opacity: .4}
.l-opacity3 {opacity: .3}
.l-opacity2 {opacity: .2}
.l-flex,.l-grid-2,.l-grid-3,.l-grid-4,.l-grid-5,.l-grid-6,.l-grid-7,.l-grid-8 {display: flex;display: -webkit-flex;flex-direction: row;-webkit-flex-direction: row;
flex-wrap: wrap;-webkit-flex-wrap: wrap}
.l-flex-column {display: flex;flex-direction: column;flex-wrap: wrap}
.l-grid-2>* {width: 50%}
.l-grid-3>* {width: 33.333333333333336%}
.l-grid-4>* {width: 25%}
.l-grid-5>* {width: 20%}
.l-grid-6>* {width: 16.666666666666668%}
.l-grid-7>* {width: 14.285714285714286%}
.l-grid-8>* {width: 12.5%}
.l-white {color: var(--color-white)}
.l-black {color: var(--color-black)}
.l-gray3 {color: var(--color-gray3)}
.l-gray6 {color: var(--color-gray6)}
.l-gray9 {color: var(--color-gray9)}
.lines {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-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);margin-left: auto;margin-right: auto;position: relative;z-index: 2;}
header {position: fixed;left: 0;top: 0;right: 0;z-index: 100;align-items: center;padding: var(--size-15) 0; }
header>* {align-items: center;}
.lh-logo {position: relative;display: block;width: calc(var(--size-220) + 7px);}
.lh-logo>* {transition: var(--transition);}
.lh-logo>*:nth-child(2) {position: absolute;left: 0;top: 0;opacity: 0;}
.lh-nav {margin-left: auto;margin-right: auto;}
.lh-nav>* {margin: 0 var(--size-25);position: relative;}
.lh-nav>*::after,.lh-nav>*::before {content: '';display: block;width: 100%;height: 1px;background-color: #fff;position: absolute;left: 0;bottom: calc(var(--size-10-) / 2);
transition: var(--transition);transform: scaleX(0);transform-origin: left center;}
.lh-nav>*::before {bottom: auto;top: calc(var(--size-10-) / 2);transform-origin: right center;}
.lh-nav>*.on {color: var(--color-dominant);}
.lh-nav>*:hover::before,.lh-nav>*:hover::after {transform: scale(1);}
.lh-lang>dt {width:265px;height: var(--size-40);min-height: 32px;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.lh-lang>dt i {margin-right: var(--size-10);}


/*banner*/
.newban{ position:relative; width: 100%; height:100vh;overflow: hidden; z-index: 2;background: linear-gradient(rgba(21, 71, 147, 1) 0%, rgba(21, 71, 147, 0.8) 40%); }
.newban .newbanbg{position: absolute;z-index: 2;  background: url('../images/bcover.png') no-repeat center top;height: 50%; width: 100%;}
.newban iframe{width: 100%; position: absolute;z-index: 1;height: 100%; }

@media screen and (max-width:1280px){
.lh-logo {width:160px;}
.newban{height:80vh;}
}
@media screen and (max-width:1000px){
.newban{height:50vh;}
}

/*首页产品分类*/
.l-fullpage {min-height:100vh;display: flex;align-items: center;}
@media screen and (max-width:1280px){
    .l-fullpage {min-height:60vh;}
}
.view-more {display: flex;align-items: center;justify-content: center;width:80px;height: 80px; ;border-radius: 50%;background-color: var(--color-dominant);color: #fff;transform: rotate(-45deg);}
.view-more>* {width: 20px;overflow: hidden;}
.cls-1 {fill: currentColor;}
.index-pro .name {font-weight: bold}

.index-pro-item {display: flex;}
.index-pro-item>* {margin-right: var(--size-110);}
.index-pro-item>*>* {display: flex;}
.index-pro-item>* .img {width: 720px;aspect-ratio: 720/510;width: clamp(360px, 37.5vw, 720px);border-radius: var(--size-60) 6px;transition: var(--transition);}
.index-pro-item>* .img img {width: 100%;height: 100%;transition: var(--transition);}
.index-pro-item>* .text {width: 800px;width: clamp(340px, 35.41666666666667vw, 800px);padding-left: var(--size-70);}
.index-pro-item>* .text .num {font-size: calc(var(--size-80) * 2);position: absolute;right: 0;top: var(--size-30-);line-height: 100%;font-weight: bold;
color: var(--color-dominant);-webkit-mask: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3));}
.index-pro-item>*:hover .img img {transform: scale(1.1);}
.index-pro-item>*:hover .img {border-radius: 0;}
.index-pro-hd {width: var(--size-100);height: 4px;background-color: #c3e7cd;border-radius: 4px;position: relative;top: calc(var(--size-100) * 2);}
.index-pro-hd>* {width: 0;height: 100%;background-color: var(--color-dominant);position: absolute;left: 0;top: 0;border-radius: 4px;}

/*首页产品推荐*/
.pro{width:100%; margin:0px auto; position: relative; overflow: hidden; padding:4% 0;background: #f5f5f5;  }
.pro .pro_tit{text-align: center; margin-bottom: 0.5rem; color: #000;}
.pro .pro_tit h3{font-weight: bold}
.pro .pro_tit h2{margin-top: 15px; color: #999}

#tel_pro{display: none;}
#top_scroll {overflow: hidden;width:85%; margin:5vh auto 0 auto; padding-bottom: 3%; height: 800px;}
#top_scroll ul li{position: relative; float: left;width:24%;margin:0 .5% 1%;overflow: hidden; border-bottom: #e1dfdf 1px solid; box-sizing: border-box;background-color:#f8f8f8;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
#top_scroll ul li .img{width: 100%;height: 100%;object-fit: cover; object-position: center; overflow: hidden;  }
#top_scroll ul li .img img{ width: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}
#top_scroll ul li .img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
#top_scroll ul li .proText{ padding: 25px 0; transition: .4s;-webkit-transition: .4s;}
#top_scroll ul li strong{display: block; color: #333333;   text-align: center;font-weight: 700;word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
#top_scroll .protel{width: 70%; margin: 0 auto; line-height: 35px; padding:0 0 15px 0;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between; font-size: 14px;}
#top_scroll .protel .protel_a{width: 50%; text-align: center; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);transition: .5s; }
#top_scroll .protel .protel_a:hover{background: #42b463; color: #fff;}
#top_scroll .protel .protel_b{width: 50%; text-align: center; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);transition: .5s; }
#top_scroll .protel .protel_b:hover{background: #faa624; color: #fff;}
#top_scroll ul li:hover .protel_a{background: #42b463; color: #fff;}
#top_scroll ul li:hover .protel_b{background: #faa624; color: #fff;}

@media (max-width:1280px){
.pro{width:95%; }
}
@media (max-width:750px){
.pro{width: 100%;padding: 3vh 0;}
.pro .pro_tit h3 {font-size: 25px}
.pro .pro_tit h2{font-size: 15px; width: 90%; margin: 0 auto;}
#top_scroll{display: none;}
#tel_pro {overflow: hidden;width:95%; margin:5vh auto 0 auto; padding-bottom: 3%; display: block;}
#tel_pro ul li{position: relative; float: left;width:49%;margin:0 .5% 1%;overflow: hidden; border-bottom: #e1dfdf 1px solid; box-sizing: border-box;background-color:#f8f8f8;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
#tel_pro ul li .img{width: 100%;height: 100%;object-fit: cover; object-position: center; overflow: hidden;  }
#tel_pro ul li .img img{ width: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}
#tel_pro ul li .img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
#tel_pro ul li .proText{ padding:15px 0; transition: .4s;-webkit-transition: .4s;}
#tel_pro ul li strong{display: block; color: #333333;   text-align: center;font-weight: 700;font-size: 17px;word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
#tel_pro .protel{width: 70%; margin: 0 auto; line-height: 35px; padding:0 0 15px 0;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between; font-size: 14px;}
}


/*首页厂区*/
/*home2*/
.home2 {padding: 4% 0;overflow: hidden;background: #eff2f9;}
.home2 .wrap {width: 1500px;margin: 0 auto;}
.public_title .title {font-size: 50px;font-weight: 800;color: #000000;position: relative}
.public_title .text {margin-top: 20px;font-size: 20px;color: #000000;line-height: 1.5;text-transform: uppercase;opacity: 0.6}

.home2 .sty1 {margin-top: 30px;font-size: 24px;font-weight: 800}
.home2 .sty1 .swtbtn {width: 16.2%;height: 66px;display: inline-block;vertical-align: middle;background: #3ea02f;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}
.home2 .sty1 .swtbtn a{color: #fff;}
.home2 .sty1 .swtbtn:hover {background: #3ea02f}
.home2 .sty1 .more {width: 10.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}
.home2 .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}
.home2 .sty1 .more:hover {border-bottom: 2px solid #3ea02f;color: #3ea02f}
.home2 .sty1 .more:hover:after {border-left: 9px solid #3ea02f}
.heixinlistbox {position: relative; margin:3% auto 0 auto;}
.heixinlist {width: 100%;visibility: visible;animation-duration: 1s;animation-name: fadeInUp;}
.hxin_item {position: relative;width: 650px;margin: 0 auto; padding: 0 15px;border-radius: 30px}

.hitbox{overflow: hidden;}
.hitbox img{width: 100%;/*opacity: 0.3;*/-webkit-filter: blur(3px); /* Chrome, Opera */-moz-filter: blur(3px);-ms-filter: blur(3px);    	filter: blur(3px); border-radius: 30px}
.heixinlist .slick-active .hitbox img{/*opacity: 1;*/filter: blur(0px);border-radius: 30px}
.hitbox img {transition: all 1s;width:100%;}
.heixinlist .slick-next {right: 22%;background: url(../images/next.png) no-repeat center rgba(0, 0, 0,0.4);background-size:60%;}
.heixinlist .slick-prev {left: 22%;background: url(../images/prev.png) no-repeat center rgba(0, 0, 0,0.4);background-size:60%;}
.heixinlist .slick-dots {bottom: 9px;}
.slick-dots li.slick-active {background: #999;}
.heixinlist .slick-dots li.slick-active {background: #155bc4;border-color:#155bc4;}
.heixinlist .slick-prev, .heixinlist .slick-next {width: 91px;height: 56px;z-index: 50;}


@media (max-width:1280px){
    .hxin_item {width: 450px}
}



@media (max-width: 992px){
    .home2 {	padding-top: .8rem;	padding-bottom: .93333rem	}
    .home2 .wrap {width: 95%;}
    .public_title{text-align: center}
    .public_title .title {font-size: 26px; padding-top: 20px;}
    .public_title .text {font-size: 14px; margin-top: 0;}
    .home2 .sty1{display: none}
    .heixinlist .slick-next {right: 5%;}
    .heixinlist .slick-prev{left: 5%}
    .heixinlist .slick-prev, .heixinlist .slick-next {width: 50px;height: 30px;z-index: 50;}

}
/*首页简介*/
.index-about {background-color: #37a356;}
.index-about>* .title {margin-top: var(--size-20-);}
.index-about-total>* {width: calc(var(--size-95) * 2);height: calc(var(--size-85) * 2);border-radius: var(--size-20);background: linear-gradient(0deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, 0));display: flex;align-items: center;justify-content: center;text-align: center;margin-right: 2px;padding-top: var(--size-20);}
.index-about-cont>.right {margin-left: auto;}
.index-about-attes {width: 106%;margin-left: -3%;}
.index-about-attes>* {flex: 1;}
.index-about-attes>*>* {display: flex;align-items: center;justify-content: center;height: 100%;}
.index-about-bg {position: absolute;right: 0;top: 0;width: 1049px;width: clamp(524px, 54.63541666666667vw, 1049px);}
.index-about-bg>img {opacity: 0.2;}
.index-about-bg>.img {position: absolute;right: 0;top: 0;aspect-ratio: 1049/849;-webkit-mask: url(../images/icon2.png);-webkit-mask-size: cover;transform: scale(0.988);
transform-origin: right top;overflow: hidden;}
.lh-fixed {position: fixed;right: 0;top: 50%;transform: translate(0, -50%);--color: #4fc170;z-index: 100;opacity: 0;pointer-events: none;}
.fixed-item>* {margin: 2px 0;background-color: var(--color);padding: 6px;border-radius: var(--size-55) 0 0 var(--size-55);display: flex;
align-items: center;transform: translateX(calc(100% - var(--size-70)));transition: var(--transition);pointer-events: auto;}
.fixed-item>*>a {display: flex;align-items: center;justify-content: center;width: var(--size-55);aspect-ratio: 1/1;border-radius: 50%;background-color: #fff;color: var(--color);}
.fixed-item>*>.cont {padding: 0 var(--size-30) 0 var(--size-15);}
.fixed-item>*>.cont p {margin-bottom: 4px;}
.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;}
.fixed-item>*:hover {transform: translateX(0);}
.message-layer {position: fixed;right: 0;bottom: 0;z-index: 100;border-radius: var(--size-20) var(--size-20) 0 0;background-color: #fff;--color: #4fc170;--color-hover: #4fc170;width: 397px;width: clamp(198px, 20.677083333333332vw, 397px);overflow: hidden;}
.message-layer>.title {height: var(--size-50);align-items: center;padding: 0 var(--size-30);background-color: var(--color);}
.message-layer>.title>.right {margin-left: auto;}
.message-layer>.title>.right i {display: block;cursor: pointer;}
.message-layer>.title>.left {display: flex;align-items: center;}
.message-layer>.title>.left i {margin-right: var(--size-10);}
.message-layer>.cont {padding: var(--size-30);}
.message-layer-item>* {margin-bottom: var(--size-20);}
.message-layer-item>* input,.message-layer-item>* textarea {height: var(--size-55);border-radius: 6px;border: 1px solid #DDD;padding: 0 var(--size-20);}
.message-layer-item>* input:focus,.message-layer-item>* textarea:focus {border-color: var(--color);box-shadow: 0 0 10px rgba(109, 203, 207, 0.2) inset;}
.message-layer-item>* textarea {height: var(--size-130);padding: var(--size-20);line-height: 140%;}
.message-btn {height: var(--size-55);background-color: var(--color);border-radius: 6px;margin-top: var(--size-30);align-items: center;justify-content: center;}
.message-btn:hover {background-color: var(--color-hover);}
.index-pro-item>* .text .icon {width: calc(var(--size-55) * 4);}
.index-featured-bg {	position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.index-featured-bg img {width: 100%;height: 100%;}
.index-featured>.l-container>.left {width: 618px;width: clamp(309px, 32.1875vw, 618px);padding-right: var(--size-130);}
.index-featured>.l-container>.right {width: calc(100% - clamp(309px, 32.1875vw, 618px));display: flex;}
.index-featured>.l-container>.left>.bottom {width: 100%;margin-top: auto;filter: brightness(100);}
.featured-r {width: calc(var(--size-85) * 2);padding-right: var(--size-70);display: flex;align-items: center;}
.featured-cont {width: calc(100% - calc(var(--size-85) * 2));}
.featured-hd>* {aspect-ratio: 1/1;margin: var(--size-30) 0;}
.featured-hd>*>* {border-radius: 50%;display: flex;align-items: center;justify-content: center;border: 4px solid rgba(255, 255, 255, .3);position: relative;}
.featured-hd>*>* img {width: 100%;height: 100%;border-radius: 50%;}
.featured-hd>*.on>* {border-color: var(--color-dominant);}
.featured-hd>*>*::after {content: '';display: block;width: 0;height: 0;border: 8px solid transparent;border-left: 10px solid var(--color-dominant);position: absolute;left: 100%;top: 50%;transform: translateY(-50%);z-index: -1;opacity: 0;}
.featured-hd>*.on>*::after {opacity: 1;}
.featured-cont {background-color: rgba(255, 255, 255, .9);border-radius: var(--size-60);}
.featured-cont a {display: block;padding: var(--size-100) var(--size-85) var(--size-100);height: 100%;position: relative;}
.featured-cont .img {position: absolute;right: var(--size-40);top: var(--size-40);width: 254px;width: clamp(127px, 13.229166666666666vw, 254px);border-radius: 50%}
.featured-cont .top {width: 45%;}
.featured-cont .view-more {margin-top: var(--size-100);}

@media (max-width: 992px){
    .index-about{padding: 0 2%}
    .index-about .img{display: none}
    .index-title{padding-left: 2%}

}

/*新闻资讯*/
.index-featured-bg {background-color: #000;}
.index-news-top {align-items: center;}
.index-news-top>.right {margin-left: auto;}
.more-btn {display: flex;align-items: center;}
.more-btn .view-more {color: var(--color-dominant);width: var(--size-20);background: none;margin-left: var(--size-10);}
.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: var(--size-20);margin-top: var(--size-30);}

/*footer*/
.footer22{display: none;}
.footer-top {padding: var(--size-80) 0 var(--size-40);}
.footer-top>.left .logo {width: calc(var(--size-130) + 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: #006f20;	-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: #006f20}
    .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;}
}

header {transition: var(--transition);}
header.Fixed {color: #000;background-color: #fff;padding: var(--size-10) 0;}
header.Fixed .lh-logo {transform: scale(0.8);transform-origin: left center;}
header.Fixed .lh-logo>*:nth-child(2) {opacity: 1;}
header.Fixed .lh-logo>*:nth-child(1) {opacity: 0;}
header.Fixed .lh-lang>dt {border-color: #000;}
.index-about-bg>.img img {height: 110%;}

/*内页banner*/
.lh-ban { width: 100%;height: 600px; background-color: #000; position: relative}
.lh-ban img,.lh-ban .img {width: 100%;height: 100%; position: absolute; opacity: 0.7}
.lh-ban>.l-container {position: absolute;left: 0;right: 0;top: 0;bottom: 0;display: flex;align-items: center;}


.baninfo {height: 70px;position: relative;z-index: 2;background-color: #f1f1f1;}
.baninfo .cer8 {width: 85%; margin: 0 auto}
.tree {height: 100%;font-size: 14px;line-height: 70px;color: #666;padding-left: 30px;background: url('../images/point1.png') 0 no-repeat;word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.tree a {display: inline-block;height: 100%;color: #666;vertical-align: middle;}
.tree a:hover,.tree a.leaf {color: #ef7c00;}
.tree i {display: inline-block;width: 28px;height: 100%;vertical-align: middle;text-align: center;}

.fenye{width: 80%; margin: 0 auto 5% auto;display: flex; display:-webkit-flex;-webkit-justify-content:center;   justify-content: center; align-items: center;-webkit-align-items: center; height: 45px;}
.fenye_zong{ font-size: 14px; width: 130px; background: #f2f2f2; text-align: center;  line-height: 35px;}

@media screen and (max-width:1023px) {
    .fenye{width: 95%; margin: 0 auto 100px auto}
    .lh-ban{height: 150px; margin-top: 50px}
    .lh-ban>.l-container{width: 90%; margin: 0 auto}
    .lh-ban h3{font-size: 26px}
}

.atc-pn {position: relative;padding-top: 26px;padding-right: 160px;border-top: 1px solid #ddd; width: 85%; margin:4% auto 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: #37b05a;}
.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: #060707;}
.atc-pn a.ret {font-size: 14px;color: #fff;line-height: 34px;text-align: center;background-color: #37b05a;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: 150px;height: 50px;line-height: 50px;border-radius: 5px;display: block;margin: 40px auto 100px auto;font-size:15px;}
}



.pro-cont {padding-top: var(--size-130);padding-bottom: var(--size-130);z-index: 2;}
.pro-top {aspect-ratio: 1559/348;position: relative;width: calc(100% - var(--size-40));}
.pro-top::after {content: '';display: block;height: 100%;aspect-ratio: 312/348;background-color: var(--color-dominant);border-radius: var(--size-60) 6px;position: absolute;right: var(--size-40-);top: var(--size-30);z-index: -1;}
.pro-top .img {border-radius: var(--size-60) 6px;overflow: hidden;height: 100%;}
.pro-top .img img {width: 100%;height: 100%;}
.pro-top .cont {position: absolute;left: 0;right: 0;top: 0;bottom: 0;display: flex;align-items: center;padding: var(--size-70) var(--size-80) var(--size-70) var(--size-70);}
.pro-top .cont>.right {margin-left: auto;margin-top: var(--size-40);}
.index-pro-item.list {display: block;}
.index-pro-item.list>* {margin-top: var(--size-120);margin-right: 0;}
.index-pro-item.list>*>* {align-items: center;position: relative;}
.index-pro-item.list>* .img {width: 772px;width: clamp(386px, 40.208333333333336vw, 772px);}
.index-pro-item.list>* .text {width: calc(100% - clamp(386px, 40.208333333333336vw, 772px));padding-left: calc(var(--size-100) * 2);}
.index-pro-item.list>*:nth-child(2n) .img {margin-left: auto;}
.index-pro-item.list>*:nth-child(2n) .text {padding: 0 calc(var(--size-100) * 2) 0 0;position: absolute;left: 0;}
.index-pro-item.list>*:nth-child(2n) .text .num {right: calc(var(--size-100) * 2);}

.featured-item>* {padding-left: var(--size-20);margin-top: var(--size-20);}
.featured-item>*>* {display: block;height: 100%;border: 1px solid #CBEFD6;background-color: #f8fffa;border-radius: var(--size-20);overflow: hidden;box-shadow: 0px 4px 24px rgba(28, 124, 56, 0.08);}
.featured-item>* .img {background-color: #fff;display: flex;align-items: center;justify-content: center;aspect-ratio: 385/235;border: 1px solid #CBEFD6;border-radius: var(--size-20);overflow: hidden;padding: var(--size-10);transform: scale(1.01);transition: var(--transition);}
.featured-item>* .img img {max-height: 100%;}
.featured-item>* .text {padding: var(--size-30) var(--size-25);}
.featured-item>*>*:hover {color: var(--color-dominant);border-color: var(--color-dominant);}
.featured-item>*>*:hover .img {border-color: var(--color-dominant);}
.pro-cont.featured {background: linear-gradient(0deg, rgba(190, 249, 206, .3), rgba(255, 255, 255, 0));}
.pro-detail{width: 100%;background: #f9fcfb;}
.pro-detail-hd {justify-content: center;}
.pro-detail-hd>* {margin: 0 var(--size-10);}
.pro-detail-hd>*>* {padding: var(--size-10);height: var(--size-65);min-width: calc(var(--size-110) * 2);border-radius: var(--size-65);background-color: #f1f1f1;
color: #888888;display: flex;align-items: center;justify-content: center;}
.pro-detail-hd>*.on>*,.pro-detail-hd>*>*:hover {background-color: var(--color-dominant);color: #fff;}
.pro-detail-info { background: #fff;border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); padding: 4%; width: 75%; margin:4% auto 0 auto}
.pro-detail-info p{font-size: 18px; line-height: 36px;text-indent:2em; color: #666}
.pro-detail-info p img{width: 100%; max-width: 800px; margin: 0 auto;text-indent:-2em; display: block}

.pro-detail-bottom {background: linear-gradient(0deg, #e7f5ea, #C3EACF);}
.pro-detail-bottom::before {content: '';display: block;width: 100%;aspect-ratio: 1920/180;background: url(../images/c3.png) no-repeat center;background-size: cover;
position: absolute;left: 0;bottom: 100%;right: 0;}
.pro-detail-top {padding-bottom: 0;}

.pro-detail-bottom>*>.title {position: relative;padding-left: var(--size-25);}
.pro-detail-bottom>*>.title::before {content: '';display: block;width: calc(var(--size-10) - 4px);height: 80%;background-color: var(--color-dominant);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.lh-table {width: 100%;border-collapse: collapse;background-color: #fff;}
.lh-table th,.lh-table td {border: 1px solid #949494;text-align: center;}
.lh-table th {background-color: var(--color-dominant);color: #fff;}
.lh-detail::before {content: '';display: block;width: 50%;background-color: #edf9f0;position: absolute;right: 0;top: 0;bottom: 0;}
.detail-hd {width: var(--size-120);/* padding-bottom: var(--size-75); */position: absolute;left: 0;top: 0;height: 100%;}
.detail-bd {width: calc(100% - var(--size-120));padding-left: var(--size-20);margin-left: auto;}
.detail-img-small .bd {display: block;}
.detail-img-small .bd li {height: 25%;}
.detail-img-small .bd li>* {display: flex;align-items: center;justify-content: center;border: 1px solid #DDD;border-radius: 6px;aspect-ratio: 1/1;}
.detail-img-small .bd li.on>* {border-color: var(--color-dominant);}
.lh-detail>*>.left {width: 50%;padding-right: var(--size-70);}
.lh-detail>*>.right {width: 50%;padding-left: var(--size-80);}
.detail-img-big {aspect-ratio: 1/1;border: 2px solid #ddd;border-radius: var(--size-10) var(--size-10) 0 0;}
.detail-img-big .bd li {display: flex;align-items: center;justify-content: center;width: 100% !important;padding: 3px;}
.detail-page {position: relative;top: -1px;}
.detail-page>* {height: var(--size-75);background-color: #f3f3f3;margin-left: auto;align-items: center;border-radius: 0 0 var(--size-10) var(--size-10);clip-path: polygon(0 0, 100% 0%, 100% 100%, 5% 100%);overflow: hidden;}

@media screen and (max-width:1280px){
    .pro-detail-info {width: 85%}
    .pro-detail-info p{font-size: 16px; line-height: 31px}
}

@media screen and (max-width:1023px){
    .pro-detail-info {width: 95%;border:none}
}

.detail-page>* .consult {padding: 0 var(--size-40);background-color: var(--color-dominant);color: #fff;height: inherit;display: flex;align-items: center;justify-content: center;}
.detail-page>* .consult i {margin-left: var(--size-20);}
.detail-page>* .left {padding: 0 var(--size-10);}
.detail-page>* .left>* {display: flex;align-items: center;margin: 0 var(--size-15);color: #a7a7a7;}
.detail-page>* .left i {display: flex;align-items: center;justify-content: center;width: calc(var(--size-40) - 2px);height: calc(var(--size-40) - 2px);
border-radius: 50%;border: 1px solid var(--color-dominant);color: var(--color-dominant);margin-left: var(--size-10);}
.detail-page>* .left>*:last-child i {margin: 0 var(--size-10) 0 0;}
.detail-page>* .left>*:hover {color: #000;}
.lh-detail>*>.left {height: 100%;position: relative;}
.detail-img-small {height: calc(100% - var(--size-55));}
.detail-btn {margin-top: auto;}
.detail-btn>* {width: 48%;height: calc(var(--size-40) + 2px);border-radius: 6px;background-color: #D2D2D2;display: flex;align-items: center;justify-content: center;
}

.detail-btn>*:last-child {margin-left: auto;}
.detail-btn>*:hover {background-color: var(--color-dominant);}
.detail-r>.ccont {margin-top: var(--size-30);}
.detail-r>.ccont>* {margin-top: var(--size-20);}
.detail-info {margin-top: var(--size-80);}
.detail-info-hd {border-bottom: 1px solid #DDD;height: var(--size-45);}
.detail-info-hd>* {height: inherit;padding: 0 var(--size-15);margin-left: var(--size-25);border-radius: var(--size-10) var(--size-10) 0 0;display: flex;
align-items: center;justify-content: center;cursor: pointer;transition: var(--transition);}
.detail-info-hd>*:first-child {margin-left: 0;}
.detail-info-hd>*:hover {color: var(--color-dominant);}
.detail-info-hd>*.on {background-color: var(--color-dominant);color: #fff;}
.detail-info-bd {margin-top: var(--size-70);}
.detail-info-bd>*.on {display: block;}

.about-skl p{text-indent:2em; margin-bottom: 15px}
.about-skl>*>.right {width: 676px;width: clamp(338px, 35.208333333333336vw, 676px);}
.about-skl>*>.left {width: calc(100% - clamp(338px, 35.208333333333336vw, 676px));padding-right: calc(var(--size-80) * 2);}
.about-skl .index-about-total>* {width: auto;padding: 0;height: auto;background: none;text-align: left;margin-right: var(--size-110);margin-top: var(--size-60);}
.about-skl .index-about-total p{text-indent:0em;}
.about-skl .index-about-total>*:last-child {margin-right: 0;}
.about-skl .index-about-total>* .num {color: var(--color-dominant);}
.index-about-total>* .num {font-weight: bold;}

.about-culture {padding-top: var(--size-130);background-attachment: fixed;}
.about-certif {background-attachment: fixed;}
.culture-cont {margin-top: calc(var(--size-110) * 2);}
.culture-banner .nname {font-size: var(--size-120);line-height: 100%;-webkit-mask: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));}
.culture-banner .bd li {display: flex;align-items: center;justify-content: center;text-align: center;}
.culture-banner .bd li .name {margin-top: var(--size-20-);}
.culture-banner {min-height: clamp(150px, 13.020833333333334vw, 250px);}
.culture-hd {width: 630px;width: clamp(500px, 32.8125vw, 630px);margin-left: auto;margin-right: auto;height: var(--size-90);min-height: 60px;border-radius: var(--size-60) var(--size-60) 0 0;background: linear-gradient(0deg, #e3eff2, rgba(187, 215, 217, 1));padding: 0 var(--size-50);}
.culture-hd>* {flex: 1;display: flex;align-items: center;justify-content: center;text-align: center;margin-top: var(--size-50-);}
.culture-hd>* i {display: flex;align-items: center;justify-content: center;width: var(--size-80);height: var(--size-80);border-radius: 50%;background-color: #fff;
transition: var(--transition);}
.culture-hd>* p {margin-top: var(--size-10);}
.culture-hd>*.on i {background-color: var(--color-dominant);color: #fff;}
.history-banner {padding-bottom: var(--size-20);}
.history-banner::before {content: '';display: block;width: 100%;aspect-ratio: 1591/303;background: url(../images/icon3.png) no-repeat center;background-size: cover;
position: absolute;left: 0;bottom: var(--size-10);right: 0;}
.history-banner .bd li {height: 520px;height: clamp(260px, 27.083333333333332vw, 520px);width: 25%;position: relative;transition: var(--transition);}
.history-banner .bd li .time {line-height: 100%;}
.history-banner .bd li .text {position: relative;height: 100%;padding-left: var(--size-50);padding-right: var(--size-30);}
.history-banner .bd li .text::after {content: '';display: block;width: calc(var(--size-35) - 1px);
aspect-ratio: 34/44;background: url(../img/c8.png) no-repeat center;background-size: cover;position: absolute;left: 0;bottom: var(--size-20-)}
.history-banner .bd li .text::before {content: '';display: block;width: 2px;height: 100%;background-color: var(--color-dominant);position: absolute;left: calc((var(--size-35) - 2px) / 2);top: 0;}
.history-banner {--space: var(--size-90);--top: var(--size-140);}
.history-banner .bd li {padding-bottom: calc(var(--size-140) * 2.1);}
.history-banner:not(.swiper-horizontal) .bd li:nth-child(4) {padding-bottom: calc(var(--size-75) * 2);}
.history-banner:not(.swiper-horizontal) .bd li:nth-child(3) {padding-top: calc(var(--top));padding-bottom: var(--size-60);}
.history-banner:not(.swiper-horizontal) .bd li:nth-child(2) {padding-top: calc(var(--top) + var(--space));padding-bottom: var(--size-20);}
.history-banner:not(.swiper-horizontal) .bd li:nth-child(1) {padding-top: calc(var(--top) + var(--space) * 2);padding-bottom: 0;}
.history-banner.swiper-horizontal .bd li.swiper-slide-active {padding-top: calc(var(--top) + var(--space) * 2);padding-bottom: 0;}
.history-banner.swiper-horizontal .bd li.swiper-slide-active+li {padding-top: calc(var(--top) + var(--space));padding-bottom: var(--size-20);}
.history-banner.swiper-horizontal .bd li.swiper-slide-active+li+li {padding-top: calc(var(--top));padding-bottom: var(--size-60);}
.history-banner.swiper-horizontal .bd li.swiper-slide-active+li+li+li {padding-bottom: calc(var(--size-75) * 2);}
.history-bottom {display: flex;justify-content: flex-end;margin-top: var(--size-100-);position: relative;z-index: 3;}
.history-btn>* {width: var(--size-70);height: var(--size-70);border-radius: 50%;border: 1px solid var(--color-dominant);color: var(--color-dominant);margin-left: var(--size-20);display: flex;align-items: center;justify-content: center;}
.history-btn>*:hover {background-color: var(--color-dominant);color: #fff;}

.certif-banner {width: 950px;width: clamp(475px, 49.47916666666667vw, 950px);margin-left: auto;margin-right: auto;padding-top: var(--size-80);}
.certif-cont>.bg {position: absolute;left: 50%;transform: translateX(-50%);bottom: var(--size-50);width: clamp(600px, 54.0625vw, 1038px);}
.certif-banner .bd li {width: 20%;padding-bottom: calc(var(--size-140) * 2);}
.certif-banner .bd li .name {white-space: nowrap;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);}
.certif-banner .bd li .img {aspect-ratio: 300/390;display: flex;align-items: center;transition: var(--transition);}
.certif-banner:not(.swiper-horizontal) .bd li:nth-child(3) {z-index: 5;}
.certif-banner:not(.swiper-horizontal) .bd li:nth-child(3) .img {transform: scale(1.4);}
.certif-banner:not(.swiper-horizontal) .bd li:nth-child(2n) {z-index: 4;}
.certif-banner:not(.swiper-horizontal) .bd li:nth-child(2n) .img {transform: scale(1.2);}
.certif-banner:not(.swiper-horizontal) .bd li .name {font-size: 16px;}
.certif-banner.swiper-horizontal .bd .swiper-slide-active {z-index: 5;}
.certif-banner.swiper-horizontal .bd .swiper-slide-active .img,.certif-banner.swiper-horizontal .bd .swiper-slide-duplicate-active .img {transform: scale(1.6);}
.certif-banner.swiper-horizontal .bd .swiper-slide-next,.certif-banner.swiper-horizontal .bd .swiper-slide-prev {z-index: 4;}
.certif-banner.swiper-horizontal .bd .swiper-slide-next .img,.certif-banner.swiper-horizontal .bd .swiper-slide-prev .img,.certif-banner.swiper-horizontal .bd .swiper-slide-duplicate-next .img,.certif-banner.swiper-horizontal .bd .swiper-slide-duplicate-prev .img {transform: scale(1.3);}
.certif-banner.swiper-horizontal .bd li .name {opacity: 0;transform: translate(-50%, 100%);transition: var(--transition);}
.certif-banner.swiper-horizontal .bd .swiper-slide-active .name {opacity: 1;transform: translate(-50%, 0);}
.certif-hd {top: auto !important;bottom: var(--size-60);left: 50% !important;transform: translateX(-50%);width: var(--size-120) !important;height: 5px;
border-radius: 5px;background-color: rgba(255, 255, 255, .6);overflow: hidden;}
.certif-hd>* {background: var(--color-dominant) !important;}


/*内页团队风采*/
.so_4_mid_mid_1{padding:3em 0;background-color:rgba(55,163,86,.58); position: absolute; bottom: 10em; width: 100%; z-index: 10;}
.so_4_mid_mid_1 ul{display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between; width: 80%; margin: 0 auto;}
.so_4_mid_mid_1 ul li{ padding: 0 20px; text-align:center;}
.so_4_mid_mid_1_mid{width: 100%; margin: 0 auto}
.so_4_mid_mid_1_mid_1{position:relative; height:57px; margin: 0 auto}
.so_4_mid_mid_1_mid_1 img{width: auto; height: auto; display: block; margin: 0 auto; position: relative}
.so_4_mid_mid_1_mid_1 img.ve{-moz-transition: all 1.0s;-webkit-transition:all 1.0s;-o-transition:all 1.0s;transition:all 	1.0s;}
.so_4_mid_mid_1_mid_1:hover img.ve{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); 	/* Safari 和 Chrome */-moz-transform: rotateY(180deg);	/* Firefox */ }
.so_4_mid_mid_1_mid_2{text-align: center;}
.so_4_mid_mid_1_mid a{color:#fff ;}

@media screen and (max-width:1400px) {
    .so_4_mid_mid_1 ul{width: 85%;}
}

@media screen and (max-width:1300px) {
    .so_4_mid_mid_1 ul{width: 90%;}
}

@media screen and (max-width:1200px) {
    .so_4_mid_mid_1 ul li{ padding: 0 10px;}
}
@media screen and (max-width:1023px) {
    .so_4_mid_mid_1{bottom: 0; padding: 10px 0;}
    .so_4_mid_mid_1 ul{flex-wrap: wrap;-webkit-justify-content: left;   justify-content:left;width: 95% }
    .so_4_mid_mid_1_mid_1{display: none}
    .so_4_mid_mid_1_mid_2{line-height: 35px}
}


.se_pro{width: 85%; margin: 3% auto;}
.se_pro ul {-webkit-justify-content: left;   justify-content: left;display: flex; display:-webkit-flex;flex-wrap: wrap;}
.se_pro ul li {transition: all .3s ease;width: 31%; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); margin: 0 1% 2% 1%;}
.se_pro ul li .pro_pic img {width: 100%;}
.se_pro ul li .pro_pic i {display: none;}
.se_pro ul li .pro_tit {font-size: 18px;color: #282727;line-height:70px;display: block;text-align: center;background: #f2f2f2;}
.se_pro ul li .pro_pic {position: relative;display: block;overflow: hidden;}
.se_pro ul li .pro_pic i {display: block;position: absolute;left: -100%;top: 0;width: 100%;height: 100%;background-image: -webkit-linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5),hsla(0,0%,100%,0));transform: skewx(-25deg);-o-transform: skewx(-25deg);-moz-transform: skewx(-25deg);-webkit-transform: skewx(-25deg);}
.se_pro ul li:hover .pro_pic i {transition: all .3s ease;left: 100%}
.se_pro ul li:hover {transition: all .3s ease;transform: translateY(-6px);-webkit-transform: translateY(-6px);-moz-transform: translateY(-6px);box-shadow: 0 26px 40px -24px rgba(0,36,100,.5);-webkit-box-shadow: 0 26px 40px -24px rgba(0,36,100,.5);-moz-box-shadow: 0 26px 40px -24px rgba(0,36,100,.5)}

@media screen and (max-width:1280px){
    .se_pro ul li {width: 31%;}
}
@media screen and (max-width:1023px){
    .se_pro{width: 98%;}
    .se_pro .se_pro_tit h3{font-size:26px; }
    .se_pro .se_pro_tit h2{font-size: 16px;}
    .se_pro ul {margin-left: 0;}
    .se_pro ul li {width: 47%;}
    .se_pro ul li .pro_tit{font-size: 16px;word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;line-height: 50px;}
}


/*产品详情*/
.se_procont{width: 100%;  background:url(../images/aboutbg.jpg) no-repeat center top;padding: 7% 0 4% 0;background-attachment: fixed; background-size: cover;}
.se_procont .s_width{background: #fff;padding:2% 4%;display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between;width: 80%; margin: 0 auto;}
.se_procont .se_procont_l{width: 45%;}
.l{float: left;}
.r{float: right;}

#showbigpic{width: 100%;max-width:800px;}
.piclist{width:89%;overflow: hidden; margin:0 auto}
#modal-pic{height:65vh;}
#modal-pic img{width: 100%;}

.modal-dialog{width: 100%;}

.absolute{position:absolute}
.arrow-left{top:5px;left:5px;color:white;cursor: pointer;width:20px;height:100px; background:url(../images/lleft.png) no-repeat center top; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.arrow-right{top:5px;right:5px;color:white;cursor: pointer;width:20px;height:100px; background:url(../images/rright.png) no-repeat center top; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.arrow-left:hover{ background:url(../images/left_h2.png) no-repeat center top;}
.arrow-right:hover{ background:url(../images/right_h2.png) no-repeat center top;}
#mycarousel{transition: all .4s;}
.espcms_pro_photo li{ float:left; width:80px; margin-right:10px; text-indent:0;}
.espcms_pro_photo li img{width:76px;height:auto; background: #fff  }

.se_product_box{width: 85%; margin: 4% auto;}
.se_product_box .se_product_tit{font-size: 30px; font-weight: bold;background: #cd2729;padding: 20px 0px;width: 200px; text-align: center; color: #fff;}
.se_product_box h2{ font-size: 30px;color: #3a4a64;line-height: 40px;margin-bottom: 30px;background: url(../images/new-tag.png) no-repeat left 5px;padding-left: 72px}

.se_product_bg{margin-top: 3%;}
.biaoge{overflow-x: auto;}
.biaoge td{padding:0.5% 1%;white-space: nowrap;font-size: 16px;}

table {width: 100%;border-collapse: collapse;}
table td {border: 1px solid #e6e7ea;padding: 10px;line-height: 31px; }
.biaoge p{font-size: 16px; line-height: 31px;}

@media screen and (max-width:1280px){
    .se_procont .s_width{width: 90%}
    #modal-pic{height:58vh;}
}

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

    .se_procont_r{width: 50%;padding-top: 4%;}
    .se_procont .se_procont_r h1 {color: #333333;line-height: 1.25; font-size: 40px; font-weight: 800;}
    .se_procont .se_procont_r .aside {margin-top:20px;line-height: 1.25; }
    .se_procont .se_procont_r .aside span{font-size: 16px;}
    .se_procont .se_procont_r .imax {margin:16px 0 20px 0;padding-top: 16px;border-top: #eeeeee solid 1px;color: #666666;font-size: 16px;}
    .se_procont .se_procont_r .imax p{ line-height: 31px;}
    .se_procont .se_procont_r .btns { margin-top: 12%;}
    .se_procont .se_procont_r .btns .btn {z-index: 2;display: inline-block;vertical-align: top;position: relative;overflow: hidden;min-width: 120px;line-height: 45px;padding: 0.1rem 0.2rem;border-radius: 70px;text-align: center;font-size: 16px;border: #e0e0e0 solid 1px;-webkit-transition: all 250ms ease-out 0s;transition: all 250ms ease-out 0s;color: #333333;}
    .se_procont .se_procont_r .btns .btn:after {background-color: #0181e0;opacity: 1;z-index: -1;content: " ";position: absolute;border-radius: 50%;left: 50%;top: 50%;background-color: #fff;width: 108%;padding-bottom: 108%;-webkit-transform: translate(-50%, -50%) scale(0);transform: translate(-50%, -50%) scale(0);pointer-events: none;}

    .se_procont .se_procont_r .btns .btn:nth-child(1n+2) {margin-left: 0.6rem;}
    .se_procont .se_procont_r .btns .btn2 {color: #0181e0;border-color: #0181e0;}
}
@media screen and (min-width: 1025px) {
    .se_procont .se_procont_r .btn1:hover {color: #171c32;}
    .se_procont .se_procont_r .btn2 {color: #0181e0;border-color: #0181e0;}
    .se_procont .se_procont_r .btn2:hover {color: #171c32;}
}
@media screen and (max-width: 1024px) {
    .se_procont .se_procont_r {max-width: 100%;margin-top: 0.7rem;width: 514px;margin-left: auto;margin-right: auto;padding-bottom: 0.4rem;}
    .se_procont .se_procont_r .btns {position: relative;margin-top: 0.6rem;bottom: 0;display: none}
}

@media screen and (max-width: 790px) {
    .inbanner2 {height: 180px;}
    .se_procont{padding: 20% 0 4% 0;}
    .se_procont .s_width{width: 98%; display: block;}
    .se_procont .se_procont_l{width: 100%;}
    .se_procont .se_procont_r{width: 90%;    margin-top: 0;}
    .se_procont .se_procont_r h1{font-size: 25px; padding-top: 3%;}
    .se_procont .se_procont_r .aside {margin-top: 10px;}
    .se_procont .se_procont_r .imax{font-size: 15px;display: none}
    .se_procont .se_procont_r .imax p{line-height: 24px;}
    .se_procont .se_procont_r .btns .btn{min-width: 100px;line-height: 28px;}
    .right-fd{display: none!important;}

    .se_procont .s_width{background: #fff;padding: 0%;width: 95%;}
    #modal-pic {height: 45vh;}
    .se_product_box .se_product_tit{font-size: 23px;width: 150px;padding: 10px 0;}
    .se_product_box .se_product_cont p{font-size: 16px; line-height: 31px;}
}


/*内页新闻资讯*/
.se_xinwen{width: 85%; margin: 5% auto;}
.se_xinwen li{line-height: 55px; font-size: 16px; border-bottom:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);}
.se_xinwen li span{float: right}
/*se_hangye*/
.newslist {overflow: hidden;width: 80%; margin: 3% auto;}
.newslist li {width: 100%;border-bottom: 1px solid #e8ecf0;padding:30px 0;}
.newslist li:last-child {border-bottom: 0 none;}
.newslist li a {display: block;position: relative;overflow: hidden;padding-left: 650px;height: 356px;}
.newslist li .pic {position: absolute;left: 0;top: 0;z-index: 1;width: 586px;height: 100%;overflow: hidden;}
.newslist li .pic img {-o-object-fit: cover;    object-fit: cover; width: 100%;}
.newslist li h3 {font-size: 24px;color: #333;line-height: 42px;height: 42px;overflow: hidden;}
.newslist li .txt {font-size: 16px;color: #666;line-height: 32px;height: 64px;overflow: hidden;margin: 20px 0 58px;}
.newslist li .date {font-size: 24px;color: #42b463;line-height: 36px;font-family: "amerigobt";height: 36px;padding-top: 48px;overflow: hidden;}
.newslist li label {display: block;width: 32px;height: 32px;font-size: 0;cursor: pointer;background: #c3c3c3 url('../images/jtr-n.png') center no-repeat;border-radius: 50%;}
.newslist li,.newslist h3,.newslist label {-webkit-transition: .5s;transition: .5s;}
.newslist li:hover {border-bottom-color: #42b463;}
.newslist li:hover h3 {color: #42b463;}
.newslist li:hover label {background-color: #42b463;}
@media screen and (max-width: 1440px) {
    .newslist {width: 100%;}
    .newslist li .txt {  line-height: 30px;  height: 90px;  margin-bottom: 32px;}
}
@media screen and (max-width: 1200px) {
    .newslist li a {  padding-left: 540px;}
    .newslist li .pic {  width: 480px;}
}
@media screen and (max-width: 1023px) {
    .newslist li {  padding: 60px 0;}
    .newslist li a {  }
    .newslist li .pic { width: 100%; position: relative;}
}
@media screen and (max-width: 840px) {
    .cer8 {width: 100%;}
    .newslist li a {  height: auto;}
    .newslist li .date {  padding-top: 20px;}
    .newslist li label {  display: none;}
}
@media screen and (max-width: 750px) {
    .newslist li {  padding: 40px 10px;}
    .newslist li .txt {  display: none;}
    .newslist li h3 {  font-size: 20px;  line-height: 32px;  height: 96px;}
}
@media screen and (max-width: 600px) {
    .newslist li a {  padding-left: 0;}
    .newslist li h3 {  font-size: 18px;  line-height: 30px;  height: auto;}
    .newslist li .date {  padding-top: 10px;  font-size: 18px;}
}

.contact-way {padding-bottom: 0;}
.contact-way>* {align-items: flex-end;}
.contact-way>*>.left {width: 55%;padding-bottom: var(--size-100);padding-right: var(--size-30);}
.contact-way>*>.right .icon {width: 295px;width: clamp(147px, 15.364583333333334vw, 295px);}
.way-contact {margin-top: var(--size-140);}
.way-contact>* {margin-bottom: var(--size-40);display: flex;align-items: center;}
.way-contact>* i {display: flex;align-items: center;justify-content: center;width: var(--size-40);height: var(--size-40);border-radius: 50%;background-color: var(--color-dominant);color: #fff;}
.way-contact>* .text {padding-left: var(--size-20);}
.way-contact>* .text .nname {line-height: 120%;}
.contact-message .icon {font-size: calc(var(--size-80) * 2);text-align: center;line-height: 100%;-webkit-mask: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .3));}
.message-form {margin-top: var(--size-50-);position: relative;z-index: 2;}
.message-input {}
.message-input>* {padding-left: var(--size-20);margin-bottom: var(--size-20);}
.message-input{padding-left: var(--size-20);margin-bottom: var(--size-20); }
.message-input .l-grid-2>*{width: 100%!important;}

.layui-input{width:48%;margin-bottom: 20px; float: left}
.w100 {width: 100%;}
.message-input>* input,.message-input>* textarea {height: var(--size-80);background-color: #fff;border: 1px solid #DDD;border-radius: var(--size-10);padding: 0 var(--size-30); margin-right: 20px}
.message-input>* textarea {height: calc(var(--size-80) * 2);padding: var(--size-30);line-height: 140%;}
.message-btn {display: flex;align-items: center;justify-content: center;margin-top: var(--size-50); width: 100%}
.message-btn>* {height: var(--size-80);width: 290px; height: 80px ;border-radius: var(--size-10);background-color: var(--color-dominant);color: #fff;display: flex;align-items: center;justify-content: center; border:none; font-size: 18px}

@media screen and (max-width:1023px) {
    .message-btn>*{width: 120px; height: 45px; margin-top:30px}

}
.news-top>*>.right {width: 860px;width: clamp(430px, 44.79166666666667vw, 860px);position: relative;z-index: 2;}
.news-top>*>.left {width: calc(100% - clamp(430px, 44.79166666666667vw, 860px));padding-right: var(--size-30);}
.news-top>*>.left .icon {margin-top: auto;font-size: calc(var(--size-80) * 2);color: var(--color-dominant);font-weight: bold;position: relative;top: var(--size-80);}
.news-top>*>.left .icon>* {-webkit-mask: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .4));}

.player path {stroke: var(--color-dominant);}
.player {position: absolute;right: var(--size-130-);bottom: var(--size-50-);width: calc(var(--size-100) * 6);}
.news-top-hd {width: calc(var(--size-100) * 3);height: 100%;}
.news-top-hd>*:nth-child(2) {margin-top: auto;margin-bottom: auto;}
.news-top-bd {width: calc(100% - var(--size-100) * 3);padding-left: var(--size-20);}
.news-top-banner {background-color: #fff;aspect-ratio: 540/670;border-radius: var(--size-20);}
.news-top-hd>*>* {aspect-ratio: 300/210;border-radius: var(--size-20);overflow: hidden;position: relative;display: block;}
.news-top-hd>*>*::before {content: '';display: block;width: 100%;height: 100%;border-radius: var(--size-20);border: 2px solid var(--color-dominant);position: absolute;left: 0;top: 0;opacity: 0;transition: var(--transition);}
.news-top-hd>* img {width: 100%;height: 100%;}
.news-top-hd>*.on>*::before {opacity: 1;}
.news-top-banner .bd a {padding: var(--size-55) var(--size-40);display: block;height: 100%;display: flex;flex-direction: column;}
.news-top-banner .bd .time {margin-top: var(--size-90);}
.news-top-banner .bd .bottom {margin-top: auto;padding-top: var(--size-55);border-top: 1px solid #F1F1F1;color: #666;}
.news-top-banner .bd .bottom>* {align-items: center;}
.news-top-banner .bd .bottom .view-more {width: var(--size-50);margin-right: var(--size-20);}
.news-bottom {background-color: #e8f4eb;}

.index-news-item.list {margin-left: var(--size-20-);height: auto;align-items: initial;margin-top: 0;}
.index-news-item.list>* {padding: 0;padding-left: var(--size-20);margin-bottom: var(--size-20);height: auto;}
.index-news-item.list>*>* {height: 100%;}
.list-page {align-items: center;justify-content: center;}
.list-page i {margin-right: var(--size-10);display: block;animation: rotate linear 1s infinite;}
@keyframes rotate {
to {transform: rotate(360deg);}
}

.news-detail {padding-top: calc(var(--size-90) * 2);padding-bottom: var(--size-120);background-color: #e8f4eb;}
.news-detail>.bg {position: absolute;left: 0;top: 0;right: 0;}
.news-detail>.bg img {width: 100%;}
.news-detail>.l-container>.right {
width: 430px;
width: clamp(215px, 22.395833333333336vw, 430px);
position: relative;
}
.news-detail-r {position: sticky;top: 0;}
.news-detail>.l-container>.left {width: calc(100% - clamp(215px, 22.395833333333336vw, 430px));padding-right: var(--size-10);}
.news-detail-l {background-color: rgba(255, 255, 255, .9);border-radius: var(--size-20);padding: var(--size-55);}
.news-detail-l>.nname>* {margin-left: var(--size-25);}
.news-detail-l>.nname>*:first-child {margin-left: 0;}
.news-detail-l>.cont {margin-top: var(--size-40);padding-top: var(--size-40);border-top: 1px solid #DDD;}
.news-detail-res {background-color: rgba(255, 255, 255, .9);border-radius: var(--size-20);padding: var(--size-30);}
.news-detail-res>.title {padding-left: var(--size-10);z-index: 2;}
.news-detail-res>.title::before {content: '';display: block;width: var(--size-70);height: 100%;background: linear-gradient(90deg, rgba(58, 177, 92, 1), rgba(58, 177, 92, 0));position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: -1;}
.news-res-item>*>* {display: block;padding: var(--size-30) 0;border-bottom: 1px solid #ddd;}
.news-res-item>* .time {margin-top: var(--size-20);}
.news-res-item>*:last-child>* {border: none;padding-bottom: 0;}
.news-res-item>*>*:hover {color: var(--color-dominant);}
.news-detail-page {background-color: rgba(255, 255, 255, .9);border-radius: var(--size-20);padding: var(--size-50) var(--size-20);margin-top: var(--size-10);
justify-content: center;}
.news-detail-page>* {margin: 0 var(--size-25);}
.news-detail-page>* i {display: flex;align-items: center;justify-content: center;width: var(--size-40);height: var(--size-40);border-radius: 50%;border: 1px solid var(--color-dominant);margin: 0 auto var(--size-10);transition: var(--transition);}
.news-detail-page>*:hover i {background-color: var(--color-dominant);color: #fff;}
.lh-apply {padding-top: var(--size-80);}
.apply-r {position: absolute;right: 0;top: 0;bottom: 0;width: 40%;}
.apply-bg {background-color: #000;}
.apply-bg img,.apply-bg {width: 100%;height: 100%;}
.apply-cont {width: 52%;}
.apply-hd>* {margin-left: var(--size-10);}
.apply-hd>*:first-child {margin-left: 0;}
.apply-hd>*>* {display: flex;align-items: center;justify-content: center;height: var(--size-65);padding: 0 var(--size-20);min-width: calc(var(--size-100) * 2);
border-radius: var(--size-65);background-color: #f1f1f1;color: #888;}
.apply-hd>*.on>*,.apply-hd>*>*:hover {background-color: #4fc170;color: #fff;}
.apply-bd {margin-top: var(--size-140);}
.apply-banner .bd .icon {height: var(--size-50);}
.apply-banner .bd .icon img {height: 100%;width: auto;}
.apply-banner .bd .cont {margin-top: var(--size-30);padding-top: var(--size-30);border-top: 1px solid #ddd;min-height: calc(var(--size-100) * 3);}
.apply-banner .bd .nname {font-size: calc(var(--size-80) * 2);line-height: 100%;-webkit-mask: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4));position: relative;top: var(--size-20);margin-top: var(--size-50);}
.apply-btn {width: 165px;height: 214px;background: url(../images/icon5.png) no-repeat center;background-size: cover;
position: absolute;right: calc(100% - var(--size-35));top: 50%;transform: translateY(-50%);z-index: 4;}
.apply-btn>* {display: flex;align-items: center;justify-content: center;width: var(--size-70);height: var(--size-70);border-radius: 50%;background-color: var(--color-dominant);color: #fff;position: absolute;right: var(--size-30);top: 50%;transform: translateY(-50%);}
.technology-platform::before {content: '';display: block;width: 47.9%;height: 100%;background-color: var(--color-dominant);position: absolute;right: 0;
top: 0;}
.technology-platform>*>.right {width: 48%;margin-left: auto;position: relative;align-items: center;}
.technology-platform>*>.left {width: 40%;padding: var(--size-100) 0;}
.technology-platform>*>.left .ccont {margin-top: calc(var(--size-65) * 4);padding-top: var(--size-30);position: relative;text-align: justify;}
.technology-platform>*>.left .ccont::before {content: '';display: block;width: var(--size-50);height: calc(var(--size-10) - 2px);background-color: var(--color-dominant);position: absolute;left: 0;top: 0;}
.technology-platform>*>.right::before {content: '';display: block;aspect-ratio: 198/787;height: 100%;background: url(../images/icon9.png) no-repeat center;
background-size: cover;position: absolute;right: 97.6%;top: 0;}
.platform-hd {
width: var(--size-130);
position: relative;
left: var(--size-80-);
}
.platform-hd>* {
aspect-ratio: 1/1;
position: relative;
margin: var(--size-50) 0;
}
.platform-hd>*:nth-child(2) {
left: var(--size-10-);
}
.platform-hd>*:nth-child(3) {
left: var(--size-30-);
}
.platform-hd>*>* {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
border-radius: 50%;
border: 3px solid #55cd2b;
overflow: hidden;
}

.platform-bd {
width: calc(100% - var(--size-130));
padding-left: var(--size-60);
}

.platform-hd>*::before {
content: '';
display: block;
width: calc(var(--size-80) * 2);
aspect-ratio: 1/1;
border-radius: 50%;
border: 1px dashed #55cd2b;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) scale(0.5);
opacity: 0;
transition: var(--transition);
pointer-events: none;
}

.platform-hd>*.on::before {
transform: translate(-50%, -50%) scale(1);
opacity: 1;
}

.technology-production .ccont {
width: 60%;
margin-left: auto;
margin-right: auto;
}

.production-imgs {
width: 66%;
margin-left: auto;
margin-right: auto;
}

.production-imgs>* {
margin-top: var(--size-60);
display: flex;
align-items: center;
justify-content: center;
flex: 1;
}

.technology-quality>*>.right {
width: 875px;
width: clamp(437px, 45.57291666666667vw, 875px);
}

.technology-quality>*>.left {
width: calc(100% - clamp(437px, 45.57291666666667vw, 875px));
padding-right: var(--size-100);
}

.technology-quality .bottom {
margin-top: auto;
}

.technology-quality .bottom .icon {
width: var(--size-60);
}

.technology-quality .bottom .ccont {
margin-top: var(--size-10-);
}

.technology-certif {
background-color: var(--color-dominant);
}

.technology-certif>.bg {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 54%;
}

.technology-certif>.bg img {
width: 100%;
height: 100%;
}

.technology-certif>.bg::before {
content: '';
display: block;
height: 100%;
aspect-ratio: 162/703;
background: url(../img/e7.png) no-repeat center;
background-size: cover;
position: absolute;
left: 0;
top: 0;
}

.certif-top>.right {
width: 50%;
text-align: right;
margin-top: auto;
margin-left: auto;
-webkit-text-stroke: 1px #fff;
color: transparent;
opacity: .3;
}

.certif-top>.left {
width: 40%;
padding-bottom: var(--size-40);
}

.index-featured {
background-color: #000;
}

.index-about>* .icon {
width: var(--size-70);
}

.pro-top>* {
display: block;
height: 100%;
}

@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) {
.technology-platform>*>.right::before {right: 97%;}
}
@media screen and (max-width: 1600px) {}
@media screen and (max-width: 1500px) {}
@media screen and (max-width: 1366px) {
    .l-container {width: 90%;}
}
/*平板*/
@media screen and (max-width: 1024px) {
.message-layer>.title {height: 32px;}
.message-layer-item>* input,.message-btn {height: 32px;}
.l-container {width: 100%;}
header {background-color: #fff;height: 50px;padding: 0 !important;}
header>* {height: inherit;}
.lh-logo {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 2;}
.lh-logo>*:nth-child(2) {opacity: 1;}
.lh-logo>*:nth-child(1) {opacity: 0;}
header.Fixed .lh-logo {transform: translate(-50%, -50%);}
.lh-nav {position: absolute;left: 0;top: 0;width: 100vw;height: 100vh;background-color: #fff;color: #000;display: block;padding-top: 15%;transform: translateX(-100%);transition: var(--transition);}
.lh-nav>* {display: flex;margin: 50px 0;font-size: 18px;justify-content: center;align-items: center;}
.lh-lang {position: absolute;right: 15px;top: 50%;transform: translateY(-50%);color: #000; display: none}
.lh-lang>dt {border: 1px solid #000;}
.web-nav-btn {position: absolute;left: 0;top: 0;width: 50px;height: 50px;}
.web-nav-btn::before,.web-nav-btn::after,.web-nav-btn>* {width: 24px;height: 2px;background-color: #000;position: absolute;left: 15px;top: 50%;margin-top: -1px;transition: var(--transition);content: '';display: block;}
.web-nav-btn::before {margin-top: -8px;}
.web-nav-btn::after {margin-top: 6px;}
.webNav .web-nav-btn>* {transform: scaleX(0);}
.webNav .web-nav-btn::before {transform: translate(0, 7px) rotate(45deg);}
.webNav .web-nav-btn::after {transform: translate(0, -7px) rotate(-45deg);}
.webNav .lh-nav {transform: translateX(0);}
main {padding-top: 50px;width: 100vw;overflow-x: hidden;}
.index-banner {}
.l-font80 {font-size: 32px;}
.index-banner-btn>* {width: 24px;height: 24px;}
.index-banner-num>span {width: 23px;}
.index-pro-item>*>* {display: block;}
.index-pro-item>* .img {width: 90vw;}
.index-pro-item>* .text {width: 90vw;padding: 20px 0 0;}
.index-pro-item>* {margin-right: 20px;}
.index-pro-hd {top: 30px;}
.index-about-bg {width: 100%;}
.index-about-total>* {width: 48%;}
.index-about-cont>.right {display: none;}
.index-about-attes>* {flex: none;width: 20%;}
.index-about-attes>*>* {padding: 10px;}
.index-featured>* {display: block;}
.index-featured>.l-container>.right {width: 100%;display: block;}
.index-featured>.l-container>.left>.bottom {display: none;}
.featured-r {display: block;width: 100%;padding: 0;}
.featured-hd {display: flex;}
.featured-hd>* {flex: 1;padding: 10px;}
.featured-hd>*>*::after {border: 8px solid transparent;border-top: 8px solid var(--color-dominant);left: 50%;transform: translateX(-50%);top: 100%;}
.featured-cont {width: 95%; margin: 0 auto}
.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>.center {display: none;}
.footer-top .left,.footer-top .right {width: 100%;}
.footer-top .right {padding: 0;margin-top: 20px;display: none;}
.footer-contact>dt i {width: 20px;}
.footer-top>.right .tip {text-align: left;}
.footer-top>.right .btn {height: 40px;margin-left: 0;}
.footer-link>.right {display: none;}
.footer-copy>.right {display: none;}

.pro-detail-hd {width: 110%;font-size: 12px;margin-left: -5%;}
.pro-detail-hd>* {margin: 0 4px;}
.pro-detail-hd>*>* {min-width: initial;padding: 0 10px;}

.featured-item>* {width: 100%;}
.pro-top {aspect-ratio: 2/1.2;}
.pro-top .cont {padding: 20px;}
.pro-top .cont>.right {margin-left: 0;}
.index-pro-item.list>* .img,.index-pro-item.list>* .text {width: 100%;}
.index-pro-item.list>* .text {padding: 20px !important;position: relative !important;}
.index-pro-item.list>*:nth-child(2n) .text .num {right: 0;}
.about-skl>*>* {width: 100% !important;padding: 0 !important;}
.about-skl>*>.right {margin-top: 30px;}
.culture-hd {width: 100%;}
.history-banner .bd li {padding-top: 0 !important;}
.history-cont {margin-top: 30px;}
.history-bottom {margin-top: 0;}
.history-banner .bd li .ccont {white-space: normal;}
.certif-banner {width: 100%;}
.certif-cont>.bg {width: 100%;bottom: 50px;}
.contact-way>*>.left {width: 95%; margin: 0 auto}
.contact-message .icon {font-size: 60px;}
.message-input>* {width: 100%;}
.news-top>*>.left,.news-detail>.l-container>.left,.technology-quality>*>.left {width: 100%;padding: 0;}
.news-top>*>.right,.news-detail>.l-container>.right,.technology-quality>*>.right {width: 100%;}
.news-top-hd {width: 100px;}
.news-top-bd {width: calc(100% - 100px);}
.news-top-banner {aspect-ratio: 1/1;}
.news-top-banner .bd .ccont {display: none;}
.news-top-banner .bd .bottom .view-more {width: 32px;}
.news-top-banner .bd .bottom .view-more span {width: 16px;}
.index-news-item.list>* {width: 100%;}
.news-detail>.l-container>.right {margin-top: 10px;}
.news-detail-page>* i {width: 32px;height: 32px;}
.apply-cont {width: 100%;}
    .apply-hd>*>*{min-width:23%}
    .apply-banner li{padding: 0 10px}
.apply-r {display: none;}
.technology-platform>*>.left {width: 100%;}
    .technology-platform::before {display: none;}
.technology-platform>*>.left .ccont {margin-top: 50px;}
.technology-platform>*>.right {width: 100%;background-color: var(--color-dominant);display: block;border-radius: 10px;}
.technology-platform>*>.right::before {display: none;}
.platform-hd {display: flex;width: 100%;left: 0;top: -80px;}
.platform-hd>* {flex: 1;display: flex;align-items: center;justify-content: center;padding: 10px;}
.platform-bd {width: 100%;padding: 20px;margin-top: -80px;}
.technology-platform {padding-bottom: var(--size-100);}
.technology-production .ccont,.production-imgs {width: 100%;}
.production-imgs>* {padding: 0 20px;}
.technology-quality .bottom {margin-top: 40px;}
.technology-quality>*>.right {margin-top: 30px;}
.technology-certif>.bg,.detail-hd {display: none;}
.certif-top>.left,.certif-top>.right {width: 100%;}
.lh-detail>*>.left {width: 100%;padding: 0;}
.lh-detail>*>.right {width: 100%;padding: 0;}
.lh-detail::before {display: none;}
.detail-bd {width: 100%;padding: 0;}
.detail-page>* {display: block;height: auto;}
.detail-page>* .left {padding: 10px;}
.detail-page>* .consult {padding: 10px;}
.lh-detail>*>.right {padding: 30px 20px;background-color: #E8F4EB;margin-top: 30px;}
.detail-info-hd {font-size: 12px;height: 32px;}
.detail-info-hd>* {margin-left: 10px;}
}
/*手机*/
@media screen and (max-width: 980px) {}
/* 2024.4.24 */
.about_menus_item {flex: 1;}
.about_menus_item>div {width: 100%;}
.about-skl .index-about-total>* .num {/* text-align: center; */}
.about_flex_name {/* text-align: center; */}
.about_menus {align-items: start;width: 100%;gap: 1.2vw;}
.about-skl .index-about-total>* {margin: 0;}
.text-justify {text-align: justify;}
.detail-page {position: absolute;right: var(--size-70);top: 100%;}
.detail-info-hd {flex-wrap: nowrap;/* overflow-x: scroll; */overflow: hidden;position: relative;}
.detail-info-hd>* {text-wrap: nowrap;}
.footer-top>div {max-width: 30%;}
.detail-img-small .bd li>* {overflow: hidden;}
.lh-detail>*>.left {position: sticky;top: 10vh;}
.right-outline {width: 32.3vw;height: 32.3vw;background: #37B05A;border-radius: 50%;position: relative;}
.right-outline .img {border-radius: 50%;width: 33.4vw;height: 33.4vw;overflow: hidden;position: absolute;left: 13px;top: 50%;transform: translateY(-50%);}
.right-outline .img>img {width: 100%;}
.right-outline>.text {position: absolute;width: 28.07vw;right: -2.864vw;bottom: .1125vw;}
.right-outline .img>img {}
@media (max-width:1024px) {
.lh-detail>*>.right {margin-top: 104px;}
.about-skl>*>.right {display: flex;align-items: center;justify-content: center;}
.footer-top>div{max-width: 100%;}
.detail-page{right: 0;}
    .right-outline{width: 70vw;height: 70vw;}
    .right-outline .img{width: 70vw;height: 70vw;}
}
.pro-hot{overflow-x: scroll;overflow-y: hidden;}


.sContact-map {position: relative;width:100%;height: 600px;max-width: 100%;}
.sContact-map #dituContent {position: absolute;left: 0;top: 0;width: 100%;height: 100%;line-height: 1.1;background-color: #f5f3f0;}
.sContact-map #dituContent .BMap_bubble_title {font-size: 16px;margin-bottom: 5px;padding-right: 16px;color: #d70c18;}
.sContact-map #dituContent .BMap_bubble_content {width: auto;font-size: 14px;line-height: 18px;}
.sContact-map #dituContent img {max-width: none;}
._pen .sContact-map {pointer-events: none;}
@media screen and (max-width: 1024px) {
    .sContact-map {margin-top: 0.6rem;}
}