/** * fullPage 2.4.6 * https://github.com/alvarotrigo/fullPage.js * MIT licensed * * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo */ html, body { margin: 0; padding: 0; /*Avoid flicker on slides transitions for mobile phones #336 */ -webkit-tap-highlight-color: rgba(0,0,0,0); } #superContainer { height: 100%; position: relative; /* Touch detection for Windows 8 */ -ms-touch-action: none; /* IE 11 on Windows Phone 8.1*/ touch-action: none; } .fp-section { position: relative; -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */ -moz-box-sizing: border-box; /* <=28 */ box-sizing: border-box; } .fp-slide { float: left; } .fp-slide, .fp-slidesContainer { height: 100%; display: block; } .fp-slides { z-index:1; height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */ transition: all 0.3s ease-out; } .fp-section.fp-table, .fp-slide.fp-table { display: table; table-layout:fixed; width: 100%; } .fp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .fp-slidesContainer { float: left; position: relative; } .fp-controlArrow { position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; } .fp-controlArrow.fp-prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent; } .fp-controlArrow.fp-next { right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff; } .fp-scrollable { overflow: scroll; } .fp-notransition { -webkit-transition: none !important; transition: none !important; } #fp-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; } #fp-nav.right { right: 17px; } #fp-nav.left { left: 17px; } .fp-slidesNav{ position: absolute; z-index: 4; left: 50%; opacity: 1; } .fp-slidesNav.bottom { bottom: 17px; } .fp-slidesNav.top { top: 17px; } #fp-nav ul, .fp-slidesNav ul { margin: 0; padding: 0; } #fp-nav ul li, .fp-slidesNav ul li { display: block; width: 30px; height: 30px; margin: 7px; position:relative; } .fp-slidesNav ul li { display: inline-block; } #fp-nav ul li a, .fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; } #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span { opacity: 1; } #fp-nav ul li a:before,.fp-slidesNav ul li a:before{position: absolute; content: '';opacity: 0;transition: .5s; left: 0;right: 0;top: 0;bottom: 0;z-index: 2;background-size: contain;} #fp-nav ul li a.active:before,.fp-slidesNav ul li a.active:before{opacity: 1;} #fp-nav ul li a span, .fp-slidesNav ul li a span { display: block; width: 8px; height: 8px; background: #fff; opacity: .3; border-radius: 50%; position: absolute; left: 50%; top: 50%; margin-left: -4px; margin-top: -4px; z-index: 1; } #fp-nav.redBg ul li a span, .fp-slidesNav.redBg ul li a span{ background: #D51322; } #fp-nav.redBg ul li a:before,.fp-slidesNav.redBg ul li a:before{background-size: contain;} #fp-nav ul li .fp-tooltip { position: absolute; top: -2px; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px; overflow: hidden; display: block; opacity: 0; width: 0; } #fp-nav ul li:hover .fp-tooltip { -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; width: auto; opacity: 1; } #fp-nav ul li .fp-tooltip.right { right: 20px; } #fp-nav ul li .fp-tooltip.left { left: 20px; } .fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell{ height: auto !important; } @media only screen and (max-width:640px ) { #fp-nav ul li, .fp-slidesNav ul li{ width: 20px;height: 20px; margin: 3px;} #fp-nav ul li a span, .fp-slidesNav ul li a span{ width: 4px;height: 4px;margin-left: -2px;margin-top: -2px;} } /** * Swiper 11.0.3 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: October 26, 2023 */ @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}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.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-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.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-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.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-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-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:var(--swiper-navigation-top-offset,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 svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.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:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.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:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);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:var(--swiper-pagination-bullet-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:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);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-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,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:var(--swiper-pagination-progressbar-size,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:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,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:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-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;touch-action:none}.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{pointer-events:auto}.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-prev{pointer-events:auto;visibility:visible}.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-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.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-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-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} @charset "utf-8"; /***public begin****/ :root { /* 基础字体大小 */ --base-font-size: 16px; --max-font-size: 20px; --min-font-size: 14px; /* 颜色变量 */ --primary-color: #ff1d25; --text-color: #333; --text-color-light: #666; --bg-color: #fff; --border-color: #e5e5e5; /* 间距变量 */ --spacing-xs: 4px; --spacing-sm: 8px; --spacing-md: 16px; --spacing-lg: 24px; --spacing-xl: 32px; /* 圆角变量 */ --border-radius-sm: 4px; --border-radius-md: 8px; --border-radius-lg: 12px; /* 过渡变量 */ --transition: all 0.3s ease; --transition-fast: all 0.15s ease; /* 字体变量 */ --font-family: 'Microsoft YaHei', 'PingFang SC', -apple-system, BlinkMacSystemFont, sans-serif; --font-family-cps: var(--font-family); /* 断点变量 */ --breakpoint-mobile: 768px; --breakpoint-tablet: 1024px; --breakpoint-desktop: 1200px; } /* 流体排版 - 已禁用，根字体由 JS 控制 */ /* html { font-size: clamp(var(--min-font-size), calc(var(--base-font-size) * (100vw / 1920)), var(--max-font-size)); } */ /* body 样式已内联，避免重复 */ /* 流体排版辅助类 */ .font-fluid-xs { font-size: clamp(0.75em, 1vw, 0.875em); } .font-fluid-sm { font-size: clamp(0.875em, 1.25vw, 1em); } .font-fluid-md { font-size: clamp(1em, 1.5vw, 1.25em); } .font-fluid-lg { font-size: clamp(1.25em, 2vw, 1.5em); } .font-fluid-xl { font-size: clamp(1.5em, 2.5vw, 2em); } .font-fluid-xxl { font-size: clamp(2em, 3vw, 2.5em); } /* 通用工具类 */ .container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 var(--spacing-md); } /* .flex 已内联 */ .flex-center { display: flex; align-items: center; justify-content: center; } .flex-between { display: flex; align-items: center; justify-content: space-between; } .flex-column { display: flex; flex-direction: column; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .font-bold { font-weight: 700; } .font-medium { font-weight: 500; } .text-primary { color: var(--primary-color); } .text-light { color: var(--text-color-light); } .mt-xs { margin-top: var(--spacing-xs); } .mt-sm { margin-top: var(--spacing-sm); } .mt-md { margin-top: var(--spacing-md); } .mt-lg { margin-top: var(--spacing-lg); } .mt-xl { margin-top: var(--spacing-xl); } .mb-xs { margin-bottom: var(--spacing-xs); } .mb-sm { margin-bottom: var(--spacing-sm); } .mb-md { margin-bottom: var(--spacing-md); } .mb-lg { margin-bottom: var(--spacing-lg); } .mb-xl { margin-bottom: var(--spacing-xl); } .ml-xs { margin-left: var(--spacing-xs); } .ml-sm { margin-left: var(--spacing-sm); } .ml-md { margin-left: var(--spacing-md); } .ml-lg { margin-left: var(--spacing-lg); } .ml-xl { margin-left: var(--spacing-xl); } .mr-xs { margin-right: var(--spacing-xs); } .mr-sm { margin-right: var(--spacing-sm); } .mr-md { margin-right: var(--spacing-md); } .mr-lg { margin-right: var(--spacing-lg); } .mr-xl { margin-right: var(--spacing-xl); } .pt-xs { padding-top: var(--spacing-xs); } .pt-sm { padding-top: var(--spacing-sm); } .pt-md { padding-top: var(--spacing-md); } .pt-lg { padding-top: var(--spacing-lg); } .pt-xl { padding-top: var(--spacing-xl); } .pb-xs { padding-bottom: var(--spacing-xs); } .pb-sm { padding-bottom: var(--spacing-sm); } .pb-md { padding-bottom: var(--spacing-md); } .pb-lg { padding-bottom: var(--spacing-lg); } .pb-xl { padding-bottom: var(--spacing-xl); } .pl-xs { padding-left: var(--spacing-xs); } .pl-sm { padding-left: var(--spacing-sm); } .pl-md { padding-left: var(--spacing-md); } .pl-lg { padding-left: var(--spacing-lg); } .pl-xl { padding-left: var(--spacing-xl); } .pr-xs { padding-right: var(--spacing-xs); } .pr-sm { padding-right: var(--spacing-sm); } .pr-md { padding-right: var(--spacing-md); } .pr-lg { padding-right: var(--spacing-lg); } .pr-xl { padding-right: var(--spacing-xl); } /* 响应式工具类 */ @media (max-width: 768px) { .mobile-hidden { display: none !important; } .mobile-block { display: block !important; } .mobile-flex { display: flex !important; } .container { padding: 0 var(--spacing-sm); } } @media (min-width: 769px) and (max-width: 1024px) { .tablet-hidden { display: none !important; } .tablet-block { display: block !important; } .tablet-flex { display: flex !important; } } @media (min-width: 1025px) { .desktop-hidden { display: none !important; } .desktop-block { display: block !important; } .desktop-flex { display: flex !important; } } /* 图片响应式 */ img { max-width: 100%; height: auto; display: inline-block; } /* 链接样式 */ a { color: inherit; text-decoration: none; transition: var(--transition); } a:hover { color: var(--primary-color); } /* 按钮基础样式 */ .btn { display: inline-block; padding: var(--spacing-sm) var(--spacing-md); border: none; border-radius: var(--border-radius-sm); font-size: 1em; font-weight: 500; text-align: center; cursor: pointer; transition: var(--transition); min-width: 80px; } .btn-primary { background-color: var(--primary-color); color: #fff; } .btn-primary:hover { background-color: #e01a22; color: #fff; } .btn-secondary { background-color: transparent; color: var(--text-color); border: 1px solid var(--border-color); } .btn-secondary:hover { border-color: var(--primary-color); color: var(--primary-color); } /* 表单元素 */ input, textarea, select { width: 100%; padding: var(--spacing-sm); border: 1px solid var(--border-color); border-radius: var(--border-radius-sm); font-size: 1em; font-family: var(--font-family); transition: var(--transition); } input:focus, textarea:focus, select:focus { outline: none; border-color: var(--primary-color); box-shadow: 0 0 0 2px rgba(255, 29, 37, 0.1); } /* 卡片样式 */ .card { background-color: var(--bg-color); border-radius: var(--border-radius-md); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); padding: var(--spacing-md); transition: var(--transition); } .card:hover { box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15); transform: translateY(-2px); } /* 动画 */ @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .fade-in { animation: fadeIn 0.6s ease-out forwards; } /* 加载动画 */ .loading { display: inline-block; width: 20px; height: 20px; border: 2px solid var(--border-color); border-radius: 50%; border-top-color: var(--primary-color); animation: spin 1s ease-in-out infinite; } @keyframes spin { to { transform: rotate(360deg); } } /* 清除浮动 */ .clearfix::after { content: ''; display: table; clear: both; } /* 文本截断 */ .text-truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .text-truncate-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .text-truncate-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } /* 无障碍访问 */ .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } /* 高对比度模式支持 */ @media (prefers-contrast: high) { :root { --text-color: #000; --text-color-light: #333; --border-color: #000; } } /* 减少动画模式支持 */ @media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } :focus { outline: 0; } input, button, textarea, select, optgroup, option { resize: none; font: inherit; margin: 0; padding: 0; } input[type=text], input[type=button], input[type=submit], input[type=reset], button, textarea, select { font: inherit; outline: none; -webkit-appearance: none; border-radius: 0; border: 0; } input[type=button], input[type=submit] { border: none; cursor: pointer; transition: 0.5s; -webkit-transition: 0.5s; font: inherit; } ol, li, ul { list-style: none; } .tableBox { width: 100%; } .tableBox table td { padding: 0.15rem 0.5rem !important; border-right: 0.05rem solid #fff !important; } .tableBox table td:first-child { border-left: 0.05rem solid #fff !important;} .tableBox table .firstRow td { border-bottom: 1px solid rgba(0,0,0,.5); border-color: rgba(0,0,0,.5) !important; background: #e4e4e4; color: #000; padding: 0.15rem 0 !important; } .tableBox table tr:nth-child(2n + 1) { background-color: rgba(228,228,228,.5); } .tableBox table td { padding: 0.15rem 0.5rem !important; color: #000; } :link, :visited, ins { text-decoration: none; } /* body 和 a 样式已内联 */ img { vertical-align: middle; max-width: 100%; } /* .fontcps, .fontcpb 已废弃，字体已移除 */ .fontdin { font-family: 'fontdin'; } .divHover { cursor: pointer; transition: .5s; } .fontDIN { font-family: 'fontDIN'; } .fontGotham { font-family: 'fontGotham'; } .fontzht { font-family: Microsoft JhengHei; } .fontnormal { font-weight: normal; } letter-spacing .fontBold { font-weight: bold; } .links { display: block; position: relative; } .iconfont { font-family: "iconfont"; font-size: inherit; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .iconfont.right{ transform: rotate(270deg);} .iconfont.left{ transform: rotate(90deg);} .LA-btn{cursor: pointer;} .iconTp { vertical-align: top; display: inline-block; } .iconCt { vertical-align: middle; display: inline-block; } .imgs img { display: block; width: 100%; } .scaleImg, .scaleImg2, .scaleImg3, .halfImg { overflow: hidden; display: block; position: relative; } .scaleImg img, .scaleImg2 img, .halfImg img, img.scaleImg { width: 100%; transition: .6s; -webkit-transition: .6s; } .products .scaleImg img { background-color: #fff; min-width: 10vw; min-height: 10vw; aspect-ratio: 1; } .products .scaleImg .swiper-lazy { opacity: 0; } .products .scaleImg .swiper-lazy-loaded { opacity: 1; } .scaleImg2 img { transform: scale(1.1); -webkit-transform: scale(1.1); } .scaleImg3 img { width: 60%; transition: .6s; -webkit-transition: .6s; display: block; margin: auto; } * { -webkit-tap-highlight-color: rgba(255,0,0,0); } /*去掉手机端a链接点击时候出现的边框*/ .clear { clear: both; height: 0; font-size: 0; overflow: hidden; line-height: 0; } .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .fl, .floatLeft { float: left; } .fr, .floatRight { float: right; } .relative{position: relative; } .absolute{position: absolute; } .position2 { position: relative; z-index: 2; display: block; } .position3 { position: relative; z-index: 3; display: block; } .position4 { position: relative; z-index: 4; display: block; } .singleTxt { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .overHidden { overflow: hidden; } .fontpfReg { font-weight: lighter; } .ls { letter-spacing: 0.012rem; } .ls0 { letter-spacing: 0; } .ls1 { letter-spacing: 0.01rem; } .upcase { text-transform: uppercase; } .centers .upcase { letter-spacing: 0.01rem; } .inlineBlock { display: inline-block; *display: inline; *zoom: 1; } .blockDiv > img, .blockImg { display: block; width: 100%; } .block { display: block; position: relative; } .verTop { vertical-align: top; } .verMid { vertical-align: middle; } .versub { vertical-align: sub; } .flex { display: flex; display: -webkit-flex; } .flexcol { flex-direction: column; -webkit-flex-direction: column; } .flexwp { flex-wrap: wrap; -webkit-flex-wrap: wrap; } .flexbt { -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-justify-content: space-between; } /* .flexjt, .flexat 已内联 */ .flexst { align-items: flex-start; -webkit-align-items: flex-start; } .flexend { justify-content: flex-end; -webkit-justify-content: flex-end; } .flexrev { flex-flow: row-reverse; -webkit-flex-flow: row-reverse; } #byhealth{scroll-margin-top: 1rem;} .rights { text-align: right; } /* .centers 已内联 */ .lefts { text-align: left; } .opacity0 { opacity: 0; } .swiperBtn-disabled { opacity: 0; display: block !important; } .opacity1 { opacity: .1; } .opacity2 { opacity: .2; } .opacity3 { opacity: .3; } .opacity4 { opacity: .4; } .opacity5 { opacity: .5; } .opacity6 { opacity: .6; } .opacity7 { opacity: .7; } .opacity8 { opacity: .8; } .opacity9 { opacity: .9; } .p0 { padding: 0 !important; } .pt1 { padding-top: .1rem; } .pt1_5 { padding-top: .15rem; } .pt2 { padding-top: .2rem; } .pt3 { padding-top: .3rem; } /* .pt4 已内联 */ .pt5 { padding-top: .5rem; } .pt6 { padding-top: .6rem; } .pt7 { padding-top: .7rem; } .pt8 { padding-top: .8rem; } .pt9 { padding-top: .9rem; } .pt10 { padding-top: 1rem; } .pb1 { padding-bottom: .1rem; } .pb2 { padding-bottom: .2rem; } .pb3 { padding-bottom: .3rem; } .pb4 { padding-bottom: .4rem; } .pb5 { padding-bottom: .5rem; } .pb6 { padding-bottom: .6rem; } .pb7 { padding-bottom: .7rem; } .pb8 { padding-bottom: .8rem; } .pb9 { padding-bottom: .9rem; } .pb10 { padding-bottom: 1rem; } .pb15 { padding-bottom: 1.5rem; } .pb20 { padding-bottom: 2rem; } .mt1 { margin-top: .1rem; } .mt2 { margin-top: .2rem; } .mt3 { margin-top: .3rem; } .mt4 { margin-top: .4rem; } .mt5 { margin-top: .5rem; } .mt6 { margin-top: .6rem; } .mt7 { margin-top: .7rem; } .mt8 { margin-top: .8rem; } .mt9 { margin-top: .9rem; } .mt10 { margin-top: 1rem; } .mb1 { margin-bottom: .1rem; } .mb2 { margin-bottom: .2rem; } .mb3 { margin-bottom: .3rem; } .mb4 { margin-bottom: .4rem; } .mb5 { margin-bottom: .5rem; } .mb6 { margin-bottom: .6rem; } .mb7 { margin-bottom: .7rem; } .mb8 { margin-bottom: .8rem; } .mb9 { margin-bottom: .9rem; } .mb10 { margin-bottom: 1rem; } .pl1 { padding-left: .1rem; } .pl2 { padding-left: .2rem; } .pl3 { padding-left: .3rem; } .pl4 { padding-left: .4rem; } .pl5 { padding-left: .5rem; } .pl6 { padding-left: .6rem; } .pl7 { padding-left: .7rem; } .pl8 { padding-left: .8rem; } .pl8 { padding-left: .9rem; } .pl10 { padding-left: 1rem; } .pr1 { padding-right: .1rem; } .pr2 { padding-right: .2rem; } .pr3 { padding-right: .3rem; } .pr4 { padding-right: .4rem; } .pr5 { padding-right: .5rem; } .pr6 { padding-right: .6rem; } .pr7 { padding-right: .7rem; } .pr8 { padding-right: .8rem; } .pr8 { padding-right: .9rem; } .pr10 { padding-right: 1rem; } .ml2- { margin-left: -0.2rem; } .mr2- { margin-right: -0.2rem; } .ml1 { margin-left: .1rem; } .ml2 { margin-left: .2rem; } .ml3 { margin-left: .3rem; } .ml4 { margin-left: .4rem; } .ml5 { margin-left: .5rem; } .ml6 { margin-left: .6rem; } .ml7 { margin-left: .7rem; } .ml8 { margin-left: .8rem; } .ml9 { margin-left: .9rem; } .ml10 { margin-left: 1rem; } .mlp10{margin-left: 10%;} .mlp20{margin-left: 20%;} .mlp30{margin-left: 30%;} .mlp40{margin-left: 40%;} .mlp45{margin-left: 45%;} .mlp50{margin-left: 50%;} .mr1 { margin-right: .1rem; } .mr2 { margin-right: .2rem; } .mr3 { margin-right: .3rem; } .mr4 { margin-right: .4rem; } .mr5 { margin-right: .5rem; } .mr6 { margin-right: .6rem; } .mr7 { margin-right: .7rem; } .mr8 { margin-right: .8rem; } .mr9 { margin-right: .9rem; } .mr10 { margin-right: 1rem; } .line1 { line-height: 1; } .line11 { line-height: 1.1; } .line12 { line-height: 1.2; } .line13 { line-height: 1.3; } .line14 { line-height: 1.4; } /* .line15 已内联 */ .line16 { line-height: 1.6; } .line17 { line-height: 1.7; } .line18 { line-height: 1.8; } .line19 { line-height: 1.9; } .line2 { line-height: 2; } .line25 { line-height: 2.5; } .bg333 { background-color: #333; } .bgfff { background-color: #fff; } .bg000 { background-color: #000; } .bgbbb { background-color: #bbb; } .bgccc { background-color: #ccc; } .bg888 { background-color: #888; } .bg999 { background-color: #999; } .bg666 { background-color: #666; } .bgKV{background-color: #f2f2f4;} .bgf0{background-color: #f0f0f0;} .color333 { color: #333; } /* .colorfff 已内联 */ .coloraaa { color: #aaa; } .color000 { color: #000; } .colorbbb { color: #bbb; } .colorccc { color: #ccc; } .color888 { color: #888; } .color999 { color: #999; } .color666 { color: #666; } .color7e { color: #7e7e7e; } .color4c { color: #4c4c4c; } .font12 { font-size: .12rem; } .font14 { font-size: .14rem; } .font15 { font-size: .15rem; } .font16 { font-size: .16rem; } .font18 { font-size: .18rem; } .font20 { font-size: .20rem; } .font22 { font-size: .22rem; } .font24 { font-size: .24rem; } .font26 { font-size: .26rem; } .font28 { font-size: .28rem; } .font30 { font-size: .3rem; } .font32 { font-size: .32rem; } .font34 { font-size: .34rem; } .font36 { font-size: .36rem; } .font38 { font-size: .38rem; } /* .font40 已内联 */ .font42 { font-size: .42rem; } .font44 { font-size: .44rem; } .font48 { font-size: .48rem; } .font50 { font-size: .5rem; } .font52 { font-size: .52rem; } .font54 { font-size: .54rem; } .font56 { font-size: .56rem; } .font58 { font-size: .58rem; } .font60 { font-size: .6rem; } .font68 { font-size: .68rem; } .font80 { font-size: .8rem; } .font200 { font-size: 2rem; } .ht57 { height: .57rem; } .flexTwo dd { width: 49%; margin-bottom: 2%; } .flexThree dd { width: 31.33%; margin-bottom: 2%; } .flexThree::after { content: ''; width: 31.33%; } .flexFour { width: 102%; } .flexFour dd { width: 23%; margin: 0 2% 2% 0; } .font300 { font-weight: 300; } .font400 { font-weight: 400; } .font500 { font-weight: 500; } .font600 { font-weight: 600; } /* .font700 已内联 */ .bgf7f7f7 { background: #f7f7f7; } .bgf8f8f8 { background: #f7f7f7; } .vh100 { height: 100vh; } .aLink { display: block; } .overflowY { overflow-y: auto; } .loadings { position: fixed; left: 0; top: 0; bottom: 0; right: 0; background: #fff; z-index: 9999; display: none\9; } .loadings .gif { position: absolute; left: 0; right: 0; text-align: center; top: 50%; margin-top: -0.20rem; } .covverBg, .coverBg { background-size: cover !important; } #video1 { position: relative; margin: auto; height: 80%; top: 10%; max-width: 1200px; } .video-box { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999; display: none; background: rgba(0,0,0,0.8); } .video-close { color: #fff; font-size: 30px; position: absolute; right: 0; top: 0; border-radius: 50%; cursor: pointer; z-index: 9999999; padding: 15px; line-height: 1; } #fz-videoAct { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } #video1 video { max-width: 100%; display: block; } .max2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .max3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .max4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .max8 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; } .max10 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical; } .ht2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: .5rem; height: 1rem; } .ico44, .icon44 { width: 44px; } .ico30, .icon30 { width: 30px; } .ico40, .icon40 { width: 40px; } .icon60 { width: 60px; } .icon50 { width: 50px } .colorlogo { color: #ff1d25 } .bglogo { background: #ff1d25 } .swiper-pagination { position: static; text-align: center; } .swiper-pagination.default { position: absolute; } .swiper-pagination .swiper-pagination-bullet { margin: 0 5px; } .swiper-pagination .swiper-pagination-bullet-active { background: #ff1d25 } .swiper-pagination-line .swiper-pagination-bullet { width: 28px; height: 4px; border-radius: 0; } .header.active .navMenu span { background: #333; } .borderMore { padding: 5px 25px; background: #ff1d25; color: #fff; border: 1px solid #ff1d25; cursor: pointer; transition: .5s; } .borderMore2 { background: transparent; color: #fff; border-color: #fff; } /* .pageHide 已内联 */ .autopage { width: 1266px; width: 12.66rem; max-width: 85.652%; margin: auto; z-index: 1;} .autopagel { width: 1080px; width: 10.80rem; max-width: 75%; margin: auto; z-index: 1;} .autopagew { width: 13.6rem; max-width: 90%; margin: auto; z-index: 1;} .autopagew98 { width: 18.816rem; max-width: 98%; margin: auto; z-index: 1;} .autopage960 { width: 960px; width: 9.6rem; max-width: 60%; margin: auto; z-index: 1;} .pointer { cursor: pointer; } .hideNone { display: none } .hideNone.on { display: block; } .hides { overflow: hidden; } .autowidth { width: 1266px; width: 12.66rem; max-width: 85.652%; margin: auto; } .autowidth_01 { width: 1400px; width: 14rem; max-width: 94%; margin: auto; } .asp-radio{aspect-ratio: 1920 / 1080; width: 100%; height: auto;max-height: 100vh;} .bgFull { background-size: 100% auto !important; } .imgFull { width: 1920px; width: 19.2rem; width: 100%; position: relative; max-height: 100vh;overflow: hidden; } .imgFull img { width: 100%; } /* .bgCover, .bgybottom 已内联 */ .bgycenter { background-position-y: center !important; } .bgxcenter { background-position-x: center !important; } .bgxleft { background-position-x: left !important; } .bgxright { background-position-x: right !important; } .bgeee { background: #eee; } .bgfff { background: #fff } .wt80 { width: .8rem; } @media only screen and (max-width:1400px) { .autowidth2 { width: 94%; max-width: 94%; } body { font-size: .2rem; } .font16 { font-size: .2rem; } .font18 { font-size: .21rem; } .font20 { font-size: .22rem; } .mcolor000 { color: #000; } } @media only screen and (min-width:1200px) { a { transition: color 0.5s,background .5s,border .5s; -webkit-transition: color 0.5s,background .5s,border .5s; } a:hover { color: #ff1d25; } .scaleImg:hover > img, .halfImg:hover img, dd:hover img.scaleImg { transform: scale(1.1); -webkit-transform: scale(1.1); } .scaleImg2 img:hover { transform: scale(1); -webkit-transform: scale(1); } .scrollToTop:hover { background: #ff1d25; color: #fff; } .hover { transition: .5s; -webkit-transition: .5s; cursor: pointer; } .hover:hover, .hover:hover * { color: #ff1d25 !important; } .animationDH { opacity: 0; } .animationDH.ani { opacity: 1; } .animateRt.ani { animation: 1s dh_rt linear both; -webkit-animation: 1s dh_rt linear both } .animateLt.ani { animation: 1s dh_lt linear both; -webkit-animation: 1s dh_lt linear both } .animateTt.ani { animation: 1s dh_tt linear both; -webkit-animation: 1s dh_tt linear both } .animateBt.ani { animation: 1s dh_bt linear both; -webkit-animation: 1s dh_bt linear both } .animationDH.ani .dhy1 { animation: 1s dhs linear both; -webkit-animation: 1s dhs linear both } .animationDH.ani .dhy2 { animation: 1s .25s dhs linear both; -webkit-animation: 1s .25s dhs linear both } .animationDH.ani .dhy3 { animation: 1s .5s dhs linear both; -webkit-animation: 1s .5s dhs linear both } .animationDH.ani .dhy4 { animation: 1s .75s dhs linear both; -webkit-animation: 1s .75s dhs linear both } .animationDH.ani .dhy5 { animation: 1s 1s dhs linear both; -webkit-animation: 1s 1s dhs linear both } .animationDH.anidelay1 { animation-delay: .1s; } .animationDH.anidelay2 { animation-delay: .2s; } .animationDH.anidelay3 { animation-delay: .3s; } .animationDH.anidelay4 { animation-delay: .4s; } .animationDH.anidelay5 { animation-delay: .5s; } .animationDH.anidelay6 { animation-delay: .6s; } .animationDH.anidelay7 { animation-delay: .7s; } .animationDH.anidelay8 { animation-delay: .8s; } } @-webkit-keyframes xz { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes xz { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-webkit-keyframes dh1 { from { -webkit-transform: translate(-100%,0); opacity: 0; } to { -webkit-transform: translate(0,0); opacity: 1; } } @keyframes dh1 { from { transform: translate(-100%,0); opacity: 0; } to { transform: translate(0,0); opacity: 1; } } @-webkit-keyframes dh_rt { from { opacity: 0; -webkit-transform: translate(100px,0%); } to { opacity: 1; -webkit-transform: translate(0,0); } } @keyframes dh_rt { from { opacity: 0; transform: translate(100px,0%); } to { opacity: 1; transform: translate(0,0); } } @-webkit-keyframes dh_lt { from { opacity: 0; -webkit-transform: translate(-100px,0%); } to { opacity: 1; -webkit-transform: translate(0,0); } } @keyframes dh_lt { from { opacity: 0; transform: translate(-100px,0%); } to { opacity: 1; transform: translate(0,0); } } @-webkit-keyframes dh_tt { from { opacity: 0; -webkit-transform: translate(0,-45px); } to { opacity: 1; -webkit-transform: translate(0,0); } } @keyframes dh_tt { from { opacity: 0; transform: translate(0,-100px); } to { opacity: 1; transform: translate(0,0); } } @-webkit-keyframes dh_bt { from { opacity: 0; -webkit-transform: translate(0,45px); } to { opacity: 1; -webkit-transform: translate(0,0); } } @keyframes dh_bt { from { opacity: 0; transform: translate(0,45px); } to { opacity: 1; transform: translate(0,0); } } @-webkit-keyframes dhs { from { opacity: 0; -webkit-transform: translate(0,45px); } to { opacity: 1; -webkit-transform: translate(0,0); } } @keyframes dhs { from { opacity: 0; transform: translate(0,45px); } to { opacity: 1; transform: translate(0,0); } } @keyframes lineQ1 { 0% { opacity: 0.8; transform: scale(0); } 100% { opacity: 0; transform: scale(2.5); } } @-webkit-keyframes lineQ1 { 0% { opacity: 0.8; -webkit-transform: scale(0); } 100% { opacity: 0; -webkit-transform: scale(2.5); } } @keyframes suof { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes suof { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } :root { --slide-distance: 0.5rem; } /* 向左滑动关键帧 */ @keyframes slide-left { 0% { left: 0; opacity: 0.9; } 50% { left: calc(var(--slide-distance) * -1/2); opacity: 0.7;} 100% { left: calc(var(--slide-distance) * -1); opacity: 0.9;} } /* 向右滑动关键帧 */ @keyframes slide-right { 0% { right: 0; opacity: 0.9; } 50% { right: calc(var(--slide-distance) * -1/2); opacity: 0.7;} 100% { right: calc(var(--slide-distance) * -1); opacity: 0.9;} } @media only screen and (max-width:1200px ) { .navMenu { display: block } } @media only screen and (max-width:960px ) { a { transition: 0s; -webkit-transition: 0s; } .flexBlock { display: block } .flexBlock > * { width: auto; } } @media only screen and (min-width:1200px ) { ::-webkit-scrollbar { width: 10px; height: 10px; z-index: 30; position: relative; } ::-webkit-scrollbar-thumb { background: #aaa; } ::-webkit-scrollbar-thumb:window-inactive { background: #aaa; } .overflow::-webkit-scrollbar { width: 3px; height: 5px; border-radius: 5px; } .overflow::-webkit-scrollbar-thumb { background: rgba(255,255,255,.52); opacity: .5; } .overflow::-webkit-scrollbar-thumb:window-inactive { background: rgba(0,0,0,.2); border-radius: 5px; } .hoverColor { transition: all .5s; } .hoverColor:hover { color: #ff1d25 } .dh5s { transition: .5s; } } .tmax2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .tmax3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .tmax4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .tmax5 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } .tmax6 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; } .dhLeft_ba { opacity: 0; -webkit-opacity: 0; transform: translate(45px,0); -webkit-transform: translate(45px,0); transition: 1s; -webkit-transition: 1s; } .dhLeft { opacity: 0; -webkit-opacity: 0; transform: translate(75px,0); -webkit-transform: translate(75px,0); transition: 1s; -webkit-transition: 1s; } .dhRight { opacity: 0; -webkit-opacity: 0; transform: translate(-75px,0); -webkit-transform: translate(-75px,0); transition: 1s; -webkit-transition: 1s; } .dhTop { opacity: 0; -webkit-opacity: 0; transform: translate(0,45px); -webkit-transform: translate(0,45px); transition: transform 1s,opacity 1s; -webkit-transition: transform 1s,opacity 1s; } .dhBottom { opacity: 0; -webkit-opacity: 0; transform: translate(0,-45px); -webkit-transform: translate(0,-45px); transition: 1s; -webkit-transition: 1s; } .dhScale { transform: scale(0); -webkit-transform: scale(0); } .dhsj1 { transition: .5s; -webkit-transition: .5s } .dhsj2 { transition: 1s; -webkit-transition: 1s } .dhsj3 { transition: 1.2s; -webkit-transition: 1.2s } .dhsj4 { transition: 1.5s; -webkit-transition: 1.5s } .dhsj5 { transition: 1.8s; -webkit-transition: 1.8s } .dhyc1 { transition-delay: .25s; -webkit-transition-delay: .25s; letter-spacing: 0.02rem; } .dhyc2 { transition-delay: .5s; -webkit-transition-delay: .5s; letter-spacing: 0.012rem; } .dhyc3 { transition-delay: .75s; -webkit-transition-delay: .75s; } .dhyc4 { transition-delay: 1s; -webkit-transition-delay: 1s; } .dhyc5 { transition-delay: 1.2s; -webkit-transition-delay: 1.2s; } .dhyc6 { transition-delay: 1.7s; -webkit-transition-delay: 1.7s; } .activeSections .swiper-slide-active .dhLeft_ba { opacity: 1; -webkit-opacity: 1; transform: translate(0,0); -webkit-transform: translate(0,0); } .swiper-slide-active .dhLeft, .swiper-slide-active .dhRight, .swiper-slide-active .dhTop, .swiper-slide-active .dhBottom { opacity: 1; -webkit-opacity: 1; transform: translate(0,0); -webkit-transform: translate(0,0); } .swiper-slide-active .dhScale { transform: scale(1); -webkit-transform: scale(1); } .thirdImg .img2 { transform-origin: left center; transform: translate(-30%,0); transition: 1s; opacity: 0; } .thirdImg .img3 { transform-origin: right center; transform: translate(30%,0); transition: 1s; opacity: 0; } .swiper-slide-active .thirdImg .img2, .swiper-slide-active .thirdImg .img3 { transform: translate(0); opacity: 1; } .ani.thirdImg .img2, .ani.thirdImg .img3 { transform: translate(0); opacity: 1; } .headDL dd { margin: 0 .35rem; } .headDL dd .link { display: block; padding: .3rem 0; position: relative; } .headDL .nav .link .iconfont { margin-left: 0.05rem; } .headDL dd .link::after { position: absolute; left: 50%; margin-left: -8px; bottom: 0; border-width: 8px; border-style: solid; content: ''; border-color: transparent transparent #fff transparent; display: none; } .navFlex { padding: .4rem .4rem .4rem 1rem; background: #fff; box-shadow: 0 0 15px -2px rgba(0, 0, 0, .1); } .navFlex .scaleImg { width: 37%; } .navList .list { width: 50%; padding: 0.1rem 0; } .navList .list .iconfont { color: #ddd; transition: .5s; } .ht82 { height: .5rem; } .footer-fix{ background: #f2f2f4; position: absolute; bottom: 0; width: 100% ; z-index: 2; } .footer { background: #f2f2f4; position: relative; z-index: 5; } .footer .footTop { padding: .8rem 0 .4rem 0; } .footer .footDL .dd { padding: 0 .5rem; } .footer .footDL .dd > p { margin-bottom: .1rem; } .footer .footDL .dd a:hover { color: #ff1d25; } .footer .kefuLink > a { display: inline-block; width: .32rem; line-height: .32rem; text-align: center; margin-right: .02rem; position: relative; } .footer .kefuLink a:hover { color: unset; } .footer .kefuLink a .default { display: inline-block; } .footer .kefuLink a .hover { display: none; } .footer .kefuLink a:hover .hover{ display: inline-block; } .footer .kefuLink a:hover .default{ display: none; } .footer .kefuImg { position: absolute; left: 50%; margin-left: -0.6rem; width: 1.2rem; bottom: 100%; padding-bottom: .1rem; display: none; } .footer .kefuImg img { display: block; width: 100%; } .copyRight { padding: .15rem 0; text-align: center; border-top: 1px solid #ddd; } .copyRight .autowidth { display: flex; flex-wrap: wrap; justify-content: center; } .swiperBtn,.addBtns,.brandBtn{ width: .4rem; line-height: .4rem; background: #ff1d25; color: #fff; border-radius: 50%; border: #ff1d25 1px solid; text-align: center; cursor: pointer; transition: .5s; display: inline-block; font-size:0.24rem; z-index: 5; } .swiperBtn.bgfff,.addBtns.bgfff,.brandBtn.bgfff{ background: #fff;color: #ff1d25; } .addBtns { position: absolute; transition: .3s; cursor: pointer; top: 50%; margin-top: -0.35rem; } .addBtns.leftBtn2 { left: .25rem; } .addBtns.rightBtn2 { right: .25rem; } .swiperBtn4.rightBtn { right: 0.7rem; } .swiperBtn4.leftBtn{ left: 0.7rem; } .swiperBtn.leftBtn3,.addBtns.leftBtn3 { left: -0.7rem; } .swiperBtn.rightBtn3,.addBtns.rightBtn3{ right: -0.7rem; } .resultHead .header { position: relative; background: #fff; color: #333; box-shadow: 0 5px 5px -5px rgba(0, 0, 0, .1) } .resultHead .header .navMenu span { background: #ff1d25 } .resultHead .header .headRight .yuyan.on { border: 1px solid; } .resultSearch.pdSearch { margin: auto; padding-bottom: 0; position: relative; top: 0; } .resultSearch.pdSearch .serarchTxt input { background: #f7f7f7; } .resultSearch.pdSearch button.button { margin-left: -0.31rem; } .resultSearch.pdSearch input::-webkit-search-cancel-button { margin-right: 0.5rem; } .resultFlag { border-bottom: 1px solid #eee; } .atpage .link { padding: .25rem 0; position: relative; } .atpage .link:before { position: absolute; left: 0; bottom: 0; width: 0; height: 2px; content: ''; background: #ff1d25 } .atpage .link.on:before { width: 100%; } .atpage .link.on { color: #ff1d25 } .resultList { background: #fafafa; min-height: 30vh; padding: .5rem 0 .2rem 0 } .resultDL dd { background: #fff; margin: 0 0 .3rem 0; } .resultDL dd .imgs { width: 3.5rem; max-width: 40%; } .resultDL dd .imgs img { height: 2.4rem; object-fit: cover; } .resultDL dd .txt { padding: .1rem .3rem } .more-arraw{ transform: scaleX(0.5); display: inline-block; margin-left: -0.05rem; } @media only screen and (min-width:1200px) { .headDL dd.nav:hover .link::after { display: block; } .headDL dd.nav:hover .menuNav { display: block; } .navList .list:hover .iconfont { color: #ff1d25; } .headDL dd:hover .link { color: #ff1d25; } .header:hover { background: rgba(0, 0, 0, .5); color: #fff; box-shadow: 0 0 10px -1px rgba(0, 0, 0, .1); } .footer .kefuLink > a:hover .kefuImg { display: block; } .addBtns:hover { background: #ff1d25;color:#fff; } .addBtns.swiper-button-disabled:hover{background:rgba(0, 0, 0, .5)} .headCenter{display: block;} } @media only screen and (max-width:1200px) { .headCenter { position: fixed; left: 0; right: 0; top: 1rem; bottom: 0; background: rgba(0, 0, 0, .8); } .headCenter.show { display: block; } .headDL dd { margin: 0; padding: 0 .3rem; border-bottom: 1px solid rgba(255, 255, 255, .1); color: #fff; } .header { padding: .2rem .3rem; } .headDL { display: block; } .menuNav { display: block; position: static; padding-bottom: .3rem; } .navFlex { background: transparent; color: #fff; display: block; padding: 0; } .navFlex .scaleImg { width: auto; margin-top: .2rem; display: none; } .headDL dd .link { padding: .2rem 0; } } @media only screen and (max-width:960px) { .hide960 { display: none; } .show960 { display: block; } } @media only screen and (max-width:640px) { .headDL dd .link { padding: .3rem 0; } .navList .list { padding: 0.2rem 0; } .headRight .yuyan { margin: 0 0.15rem; } .headFlex .logo { height: 0.45rem; } .copyRight .autowidth div { flex: 1 0 50%; /* 在移动端时，每个项目占据50%的宽度，即一行显示两个项目 */ margin: 2px 10px; box-sizing: border-box; /* 包括边距和边框在内的宽度 */ } .headDL .nav .link .iconfont { margin-left: 0.1rem; } .headRight .yuyan.on { width: 0.6rem; height: 0.6rem; line-height: 0.6rem; } .headRight .language { font-size: 0.25rem; } } .swiper-lazy-preloader-kv { --swiper-preloader-color: #f2f2f4; } /* bannerSwiper中picture元素正确显示 */ .search_img .bannerSwiper .swiper-slide picture, .search_img .bannerSwiper .swiper-slide picture img { display: block; width: 100%; height: auto; } /* 修复顶部菜单间距问题*/ .positionFull .pdPhone, .positionFull .autopage { height: calc(100vh - 1rem); padding-top: 1rem; } .search_img .bannerSwiper .swiper-slide picture, .search_img .bannerSwiper .swiper-slide picture img.imgItems { display: block; width: 100%; } /* 共用按钮样式 */ .publicBtn { display: inline-block; background: #fff; color: #ff1d25; padding: 0.1rem .3rem; border-radius: .3rem 0; transition: .5s; text-shadow: none; letter-spacing: 0.02rem; } .publicBtn_red { display: inline-block; background: #ff1d25; color: #fff; padding: 0.1rem .3rem; border-radius: .3rem 0; transition: .5s; text-shadow: none; letter-spacing: 0.02rem; } .publicBtn.plain { border: 1px solid #ff1d25; color: #ff1d25; background: transparent; } /* 回到顶部按钮 */ .swiperTop { position: fixed; display: none; right: .01rem; bottom: .3rem; border-radius: 1rem; background: rgba(0, 0, 0, .5); z-index: 20; width: .3rem; line-height: 0.4rem; height: .3rem; color: #fff; text-align: center; cursor: pointer; padding: 0.05rem 0.1rem 0.15rem 0.1rem; } /* 分页样式 */ .public-pagination { text-align: center; padding-top: .2rem; } .public-pagination .swiper-pagination-bullet { border-radius: 0; height: 4px; width: .7rem; margin: 0 .15rem; } .public-pagination .swiper-pagination-bullet-active { background: #ff1d25; } /* 文本对齐 */ .justify { text-align: justify; } .fullHeight { height: 100%; height: var(--doc-height); box-sizing: border-box; position: relative; z-index: 2; background-size: cover !important; background-position-y: top; background-position-x: center; } .fullHeights { height: 100%; height: var(--doc-height); position: relative; z-index: 2; background-size: cover !important; } .fullCenter { display: flex; align-items: center; justify-content: center; } /* 通用绝对定位填充 */ .positionFull { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } /* 通用视频背景 */ .videoBg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; background-size: cover; } /* 通用子元素背景 */ .sonBg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-size: cover !important; background-position-y: center; } /* 通用文本阴影 */ .textshoaw { text-shadow: 1px 1px 1px rgba(0, 0, 0, .5) } /* 通用最大宽度限制 */ .max500 { max-width: 500px; } /* 通用红色分隔线 */ .redLine { width: .56rem; height: 3px; display: inline-block; background: #ff1d25; } @media only screen and (min-width:1200px) { .swiperTop:hover { background: #ff1d25; } .publicBtn.plain:hover { background: #ff1d25; color: #fff; } .publicBtn:hover { background: #ff1d25; color: #fff; border-radius: 0 .3rem; padding-left: .5rem; padding-right: .5rem; } .publicBtn_red:hover { background: #fff; color: #ff1d25; border-radius: 0 .3rem; padding-left: .5rem; padding-right: .5rem; box-shadow: 0 0 10px -1px rgba(0, 0, 0, .1); } } /***public end****/ /*产品*/ .fullBanner { height: 800px; height: var(--doc-height); background: #a9c7dd; background-size: cover !important; position: relative; overflow: hidden; } .pageBread .autopage { flex-wrap: wrap; } .breadAbsolute { position: absolute; left: 0; right: 0; bottom: 0; background: #fff; border: 0; padding: .15rem 0; letter-spacing: 0.012rem; z-index: 1; } .pageBreadRel .breadAbsolute { position: relative; } .swiperBtn2 { background: #fff; color: #ff1d25; box-shadow: 0 0 10px -1px rgba(0, 0, 0, .1); display: inline-block; } .swiperBtn3 { background: #eaca98; color: #fff; display: inline-block; } .swiperBtn4 { background: rgba(255, 29, 37, .1); color: #ff1d25; } .swiperBtn.swiper-button-disabled { cursor: default; background: #b1b1b1; border: none; } .swiperBtn3.swiper-button-disabled { cursor: default; background: #f5ecde; color: #eaca98; } .pd20 { padding-bottom: 2rem; } .pt15 { padding-top: 1.5rem; } .pt20 { padding-top: 2rem; } .lefts { text-align: left; } .rights { text-align: right; } .fullCenter { display: flex; align-items: center; justify-content: center; } .colorgreen { color: #25aeaf; } .wt60 { width: .6rem; } .wt130 { width: 1.3rem; } .wt100 { width: 1rem; } .bgf2f2f2 { background: #f2f2f2; } .bgf7f7f7 { background: #f7f7f7; } .coloryellow { color: #d39a41; } .testBtn { display: inline-block; border: 1px solid #b5b5b5; color: #8d8d8d; border-radius: .1rem; padding: 0.08rem .3rem; transition: .5s; } .testBtn2 { padding: 0.08rem .56rem; transition: .5s; } .pa-ct { position: absolute; left: 0; right: 0; top: 50%; transform: translate(0, -50%); } .threeFlex dd { width: 32%; margin: 0 0 2% 0; } .threeFlex dd:last-child{ width: 33%; } .threeFlex::after { content: ''; width: 31.83%; } #nutrition_research_en .threeFlex dd:nth-of-type(2) { width: 38%; } #nutrition_research_en .threeFlex dd:last-child{ width: 28%; } .radius1 { border-radius: .1rem; } .max1200 { width: 1200px; margin: auto; max-width: 94%; } .max550 { max-width: 550px; } .max700 { max-width: 700px; } .max40vw { max-width: 40vw; } .max45vw { max-width: 45vw; } .max50vw { max-width: 50vw; } .max60vw { max-width:60vw; } .max70vw { max-width: 70vw; } .max80vw { max-width: 80vw; } .max90vw { max-width: 90vw; } .bgfull { background-size: 100% auto !important; background-repeat: no-repeat; } .height100p { height: 100%; overflow: hidden; } .reports .fwidth { width: 110%; } .reports .reportLeft { width: 28%; margin-right: 3%; } .reports .pointSwiper .blockImg, .nutritionMain .pointSwiper .blockImg { border: 1px solid #ccc; max-height: 52vh; object-fit: cover; object-position: top left; } .nutrition_report .reports .pointSwiper .blockImg{ max-height:58vh; } .padAuto { padding-left: 2.3rem; } .padrAuto { padding-right: 1.3rem; } .wt50 { width: .5rem; } .wtHalf { width: 50%; } .projectTit { border-bottom: 1px solid #dedede; } .projectTit dl::before { border-bottom: 1px solid #dedede; } .projectTit dd { position: relative; cursor: pointer; padding: .2rem 0; color: #434343; } .projectTit dd::before { position: absolute; left: 50%; width: 0; height: 0.05rem; content: ''; background: #ff1d25; transition: .5s; bottom: -0.025rem; border-radius: 5px; } .projectTit dd.on::before { width: .46rem; margin-left: -0.23rem; } .projectTit dd.on { color: #ff1d25; } .newSearch { position: absolute; right: 0; top: .25rem; min-width: 3rem; background: rgba(225, 255, 255, .1); color: #fff; border-radius: 1rem; overflow: hidden; } .newSearch input { background: transparent; border: 0; line-height: .28rem; height: 0.28rem; padding: .11rem 0.09rem 0.11rem .2rem; color: #fff; width: 80%; } /* 针对 Safari 浏览器的特定适配 */ @media screen and (-webkit-min-device-pixel-ratio:0) { .newSearch input { width: 79%; /* 确保在 Safari 中正确显示 */ } } .newSearch input::-webkit-input-placeholder { color: #fff; } .newSearch input::-webkit-search-cancel-button { margin-right: 0.05rem; } .newSearch .btns { width: .55rem; line-height: .5rem; text-align: center; border-radius: 1rem; } .infoSwiper .items { background: #fff; } .infoSwiper .links { display: block; padding: .2rem .15rem; } .info-pagination .swiper-pagination-bullet { width: .5rem; margin: 0 5px; } .fenhong { padding: 2rem 0; } .fenhong .icon { border: 1px solid #fff; width: 1.3rem; border-radius: .2rem; } .fenhong .testBtn { color: #fff; padding: .1rem .4rem; } .pageInvestor .itemsirlink .fenhong.white .icon { border: 1px solid #6A6A6A; width: 0.9rem; padding: 0.2rem; } .serviceFlex .item { width: 24%; background: #fff; margin-bottom: .2rem; word-break: break-all; } .serviceFlex .item .link { display: block; padding: .5rem .1rem; } .diaoyan .pads { padding: 1rem; } .aroundSwiper.swiper-container { width: 98%; position: relative; left: 0; } .aroundSwiper .items { background: #fff; border-radius: .12rem; } .aroundSwiper .pads { padding: .3rem .3rem; } .pageInvestor .aroundSwiper .pads .tit { min-height: 0.28rem; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; } .pageInvestor .itemsirlink .fenhong::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: -1; } .pageInvestor .itemsirlink .fenhong.white::before{ background-color: rgba(0, 0, 0, 0.1); } .pageInvestor .itemsirlink .fenhong.white .colorfff { color: #333;; } .aroundSwiper .name span { display: inline-block; position: relative; } .aroundSwiper .testBtn { width: auto; padding: .1rem 0 !important; width: 47.5%; } .testBtn_red { color: #ff1d25; border-color: #ff1d25; } .aroundSwiper .dd { background: #fff; border-radius: .12rem; width: 32%; margin: 0 1.33% 1.33% 0; } .minCenter { min-height: 30vh; } .projectTit2 { border-color: rgba(225, 255, 255, .5); } .max550rem { width: 5.5rem; } .max450rem { width: 4.5rem; } .max400rem { width: 4rem; } .pages { text-align: center } .pages .jgdjfy>* { display: inline-block; background: rgba(255, 255, 255, .1); min-width: .52rem; line-height: .52rem; margin: 1px; color: #fff; } .pages2 .jgdjfy>* { background: #ddd } .pages .on { color: #ff1d25; background: #fff; } .pages2 .on { color: #fff; background: #ff1d25; } .pages .jgdjfy input { width: .6rem; text-align: center; border-bottom: 1px solid #fff; color: #fff; background: transparent; } .pages .jgdjfy .bot { background: transparent !important; color: #fff !important; } .pages .jgdjfy .quer { line-height: .52rem; display: inline-block; padding: 0 .2rem; background: #ff1d25; color: #fff; margin-left: 5px; } .pages .jgdjfy li a { display: block; } .pages2 .jgdjfy li a { color: #fff; } .fenleis { padding: 0 .7rem; } .fenleis dd { display: none; } .fenleis dd { margin: 0 0.1rem 0.1rem 0; flex-basis: calc(11.1111111111% - 10px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.14rem; } .fenleis dd:last-child { margin-right: 0; } .fenleis dd>a { display: block; border: 1px solid #ddd; padding: 0.04rem .1rem; background: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .fenleis dd.on>a { border-color: #ff1d25; color: #ff1d25; } .menbanBanner:before, .menbanBanner .fullHeight:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; background: rgba(0, 0, 0, .25); } .menbanBanner .autopage { position: relative; } /* 产品详情 */ .pageBanner { position: relative; height: 100%; background-size: cover !important; background-repeat: no-repeat; background-position: top center; background-color: #ebebeb; } /**早起1000天营养计划**/ .pageLife .items1 .fullHeight .centers p { text-align: justify; } @media only screen and (min-width:1200px) { .newsDL dd, .pdf, .fenhong .icon { transition: .5s; } .swiperBtn:not(.swiper-button-disabled):hover { background: #fff; color: #ff1d25; box-shadow: 0 0 10px -1px rgba(0, 0, 0, .1); } .swiperBtn2:hover { background: #ff1d25; color: #fff; } .swiperBtn3:hover { background: #f5ecde; color: #eaca98; } .testBtn:hover { border-color: #ff1d25; background: #ff1d25; color: #fff; border-radius: 0 .3rem; padding-left: .5rem; padding-right: .5rem } .newsDL dd:hover { background: rgba(0, 0, 0, .5) !important; } .fullHeight .shops .btn:hover { background: transparent; color: #ff1d25; } .fullHeight .shops .btn2:hover { background: #ff1d25; color: #fff; } .testDL dd img, .healthDL dd img, .items3 .yanjiu dd, .hexinDL dd img { transition: .5s; } .testDL dd:hover img, .healthDL dd:hover img, .hexinDL dd:hover img { transform: scale(1.2); } .items3 .yanjiu dd:hover { box-shadow: 0 0 15px 1px rgba(255, 255, 255, .15); } .newSearch .btns:hover { background: #ff1d25; color: #fff; } .infoSwiper .items:hover .pdf { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); } .fenhong .flex1:hover .icon { background: #ff1d25; border-color: #ff1d25; } .fenhong.white .flex1:hover .icon { border-color: #ff1d25; background-color: unset; } .pages .jgdjfy>*:hover { background: #fff; color: #ff1d25; } .pages2 .jgdjfy>*:hover { background: #ff1d25; color: #fff; } .max40vw { max-width: 35vw; } } @charset "UTF-8"; /***other begin****/ .aspect-ratio, .aspect-ratio11 { width: 100%; padding-top: 75%; position: relative; } .aspect-ratio11 { padding-top: 100%; } .aspect-ratio img, .aspect-ratio11 img { object-fit: cover; aspect-ratio: 4/3; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .aspect-ratio11 img { aspect-ratio: 1; } .resultDL dd .imgs .aspect-ratio img { height: 100%; object-fit: contain; } /*产品列表*/ .productsList { display: flex; flex-wrap: wrap; gap: 0.2rem; padding: 0 0.7rem; } .productsList .yes { display: flex; flex-wrap: wrap; gap: 0.2rem; padding: 0; } .products-item { overflow: hidden; width: calc(25% - 0.2rem); /* PC端每行4个 */ } .products-item .liobox { display: block; text-decoration: none; color: inherit; } .products-item .scaleImg { aspect-ratio: 1; background-color: #ffffff; /* 图片背景色 */ } .products-item .scaleImg img { width: 100%; height: 100%; aspect-ratio: 1; display: block; } .priceInfo { padding: 10px; justify-content: center; } /* PC端样式 */ .products-item { width: calc(25% - 0.2rem); /* 每行4个 */ } .scaleImg { overflow: hidden; } .search_img{ min-height: 4rem; height: 100%; background-color: #F2F2F4; } .search_img .bannerSwiper { width: 100%; overflow: hidden; aspect-ratio: 16 / 9; } .search_img .imgItems{ object-position: bottom; object-fit: contain; } .pdSearch { width: 7.9rem; max-width: 70%; top: 18%; position: absolute; z-index: 1; } .pdSearch .serarchTxt { background: #fff; border-radius: 1rem; overflow: hidden; } .pdSearch .serarchTxt form { display: flex; width: 100%; } .pdSearch .serarchTxt input { width: 100%; text-indent: 0.3rem; line-height: 0.4rem; padding: 0.1rem 0; text-align: left; border: none; } .pdSearch .btns { background: #ff1d25; line-height: 0.68rem; color: #fff; padding: 0 0.3rem; } .pdSearch button.button { background: #ff1d25; line-height: 0.62rem; color: #fff; padding: 0; width: 0.62rem; cursor: pointer; height: 0.62rem; border-radius: 50%; text-align: center; -webkit-appearance: none; /* iOS 适配 */ } .pdSearch button.button:focus { outline: none; box-shadow: none; } .chooseDL { padding: 0 0.8rem; } .chooseDL dd { padding: 0.3rem 0; position: relative; cursor: pointer; } .chooseDL dd img { width: 0.6rem; height: 0.6rem; } .chooseDL dd:before { position: absolute; width: 0; content: ''; height: 3px; background: #ff1d25; left: 50%; transition: 0.5s; bottom: 0; } .chooseDL dd.on, .chooseDL dd:hover { color: #ff1d25; } .priceFlag { background: #f8dede; padding: 3px 0.1rem; border-radius: 0.05rem; margin-right: 0.15rem; } .pd2Swiper .full { max-height: 1080px; aspect-ratio: 1920/1080; background-size: cover !important; } .pd2Swiper .wt { width: 8rem; max-width: 60%; } #pageProducts .pd2Swiper .wt { margin-left: -3%; } .pd2-pagNode { position: absolute; left: 0; right: 0; bottom: 10%; z-index: 2; } .swiper-pagination.size .swiper-pagination-bullet { width: 0.14rem; height: 0.14rem; } .pd2-pagNode .swiper-pagination-bullet { background: #fff; margin-right: 0.3rem; opacity: 1; width: 0.14rem; height: 0.14rem; } .pd2-pagNode .swiper-pagination-bullet-active { background: #ff1d25; } .imgOn, .on .imgOff, .chooseDL dd:hover .imgOff { display: none; margin: auto; } .imgOff, .on .imgOn, .chooseDL dd:hover .imgOn { display: block; margin: auto; } .pageBannerAuto { height: 56.25vw; width: 100vw; max-height: 100vh; } .product_detail .autopagew.pt10 { padding-top: 1.5rem; } .cpxqLeft { width: 45%; margin-right: 2%; position: relative; } .cpxqLeft .public-pagination { padding: 0; margin-bottom: 0.4rem; margin-top: -0.1rem; } .cpxqLeft .swiperBtn { position: absolute; left: 5%; top: 50%; margin-top: -0.5rem; z-index: 5; } .cpxqLeft .rightBtn { left: auto; right: 5%; } .cpxqRight .title { max-width: 37vw; text-align: left; } .cpxqRight .p_info span { color: #000; } .yuanliao .yl { background: #fff; color: #888; padding: 0.08rem 0.2rem; border-radius: 0.1rem; margin: 0 0.1rem 0.1rem 0; } .yuanliao .yl:hover, .yuanliao .hover { color: #ff1d25; } .shops .btn { padding: 0.05rem 0.4rem; background: #fff; border: 1px solid #ff1d25; border: 1px solid #ff1d25; border-radius: 1rem; margin-right: 0.2rem; color: #ff1d25; } .shops .btn1 { background: #ff1d25; color: #fff; } .quanList .quan { width: 1.4rem; height: 1.4rem; text-align: center; background: #42b7b8; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 2rem; margin-right: 0.2rem; } .cpImgs { width: 30%; } .questionDL dd { border-bottom: 1px solid rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.6); } .questionDL .cots { display: none; } .questionDL dd.on { color: #fff; } .questionDL dd .tit { cursor: pointer; padding: 0.2rem 0; } .questionDL dd .jt.on { transform: rotate(-180deg); } .questionDL dd.on .cots { display: block; } .morepdFLex .swiper-slide { /* background: #fff; */ padding: 0 0 0.4rem 0; } .morepdFLex .scaleImg { aspect-ratio: 1; background-color: #fff; } .usage { display: flex; } .usage div { text-align: center; background-size: cover; background-repeat: no-repeat; color: #ff1d25; margin-right: 0.15rem; width: 0.9rem; position: relative; } .usage div span { position: absolute; width: 100%; left: 0; bottom: 20%; letter-spacing: 0; line-height: 1; } /*服务*/ .btnService { position: absolute; left: 2rem; top: 0.12rem; z-index: 2; } .pointLeft { padding-right: 0.5rem; } .pointSwiper .swiper-slide { width: 510px; width: 5.1rem; } .fwidth { width: 140%; } .zixunSwiper { margin: 0 0 0 0; overflow: visible; } .zixunSwiper .swiper-slide { background: #fff; border-radius: 0.2rem; } .zixunSwiper .wtImg { border-radius: 50%; aspect-ratio: 1; margin: auto; width: 70%; } .zixunSwiper .pads { padding: 0.25rem 0.14rem 0.15rem 0.14rem; } .zixunSwiper .swiper-slide-active { padding: 0.1rem 0 0 0; } .zixunSwiper .swiper-slide-active .pads .font14.pt1 { padding-top: 0.2rem; } .zixunSwiper .swiper-wrapper { align-items: center; } .zixunSwiper .mins { height: 0.66rem; line-height: 0.22rem; margin-bottom: 0.2rem; } .zixunSwiper .swiper-slide-active .scaleFont { font-size: 105%; } .zixunSwiper .swiper-slide-active .mins { height: auto; line-height: 1.5; min-height: 1rem; margin: 0; } .testDL { width: 102%; position: relative; z-index: 2; top: -1.6rem; margin-bottom: -1.6rem; } .testDL dd { width: 23%; margin: 0 2% 2% 0; background: #fff; text-align: center; padding: 0.45rem 0; transition: 0.4s; } .testDL dd:hover { box-shadow: 0 0 15px -1px rgba(0, 0, 0, 0.1); } /*关于我们*/ .positionzero { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .aboutIndex .itemsabout-industry .cot { width: 4.5rem; padding: 0.4rem 0.5rem; background: #4161c9; background: rgba(255, 255, 255, 0.6); } .aboutIndex .itemsabout-about .cot { width: 4.8rem; padding: 0.4rem 0.5rem; } .aboutIndex .itemsabout-dna .projectTitDNA { border-bottom: 2px solid #ccc; } .aboutIndex .itemsabout-dna .projectTitDNA .autopage { max-width: 50%; } .aboutIndex .itemsabout-dna .padAuto { padding-top: 1rem; padding-left: 1.5rem; position: relative; display: none; } .aboutIndex .itemsabout-dna .on.padAuto { display: block; } .qiyeDNA dd:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; } .aboutIndex .itemsabout-dna .cot { width: 3.5rem; padding: 0.4rem 0.5rem; background-color: rgba(255, 255, 255, 0.3); } .aboutIndex .itemsabout-dna .padAuto:first-child .cot, .aboutIndex .itemsabout-dna .padAuto:first-child .cot { background-color: rgba(255, 255, 255, 0.4); } .aboutIndex .itemsabout-values .valueDL::after { content: ''; width: 31.33%; } .aboutIndex .itemsabout-values .valueDL dd { width: 31.33%; margin-bottom: 0.2rem; background-position: -300%; background-repeat: no-repeat; } .aboutIndex .itemsabout-values .valueDL dd .phone { display: none; } .aboutIndex .itemsabout-values .cots { padding: 0.3rem 0.22rem; } #page_about_en .aboutIndex .itemsabout-values .cots { padding: 0.15rem 0.2rem; } .aboutIndex .itemsabout-values .cots p { letter-spacing: 0rem; line-height: 1.7; margin: 0.12rem auto; } .bigEvents { position: absolute; left: 0; right: 0; bottom: 0; } .bigEvents .leftBtn, .bigEvents .rightBtn { position: absolute; top: calc(50% - 0.3rem); } .bigEvents .leftBtn { left: 0.4rem; } .bigEvents .rightBtn { right: 0.4rem; } .bigEventsCenter { position: absolute; left: 0; right: 0; height: 60vh; /* top: 0; */ display: flex; justify-content: center; align-items: center; } .bigEventsCenter .eventsDL .icon { max-height: 30vh; } .bigEventsCenter .eventsDL dd { display: none; } .bigEventsCenter .eventsDL dd .yeartxt { -webkit-text-stroke: 1px #c2c8d6; color: #f7f7f7; line-height: 1.2; } .bigEvents .swiperEvent { position: relative; padding: 0 1rem; } .bigEvents .swiperEvent::before { position: absolute; left: 0; right: 0; top: 50%; content: ''; border-top: 1px solid #ff1d25; z-index: 0; } .bigEvents .swiper { padding: 0 0.1rem; } .bigEvents .fwh { width: 100%; padding: 0.6rem 0; position: relative; } .bigEvents .year { position: absolute; top: 50%; left: 0; right: 0; margin-top: -0.5rem; font-weight: bold; transition: 0.5s; } .bigEvents .scaleImg { width: 60%; border-radius: 50%; opacity: 0; transition: 0.5s; overflow: hidden; } .bigEvents .scaleImg::before { position: absolute; left: 50%; top: 50%; width: 0.1rem; height: 0.1rem; content: ''; background: #fff; border-radius: 50%; border: 0.1rem solid #ff1d25; margin: -0.15rem 0 0 -0.15rem; z-index: 2; } .bigEvents .swiper-slide { position: relative; text-align: center; cursor: pointer; overflow: visible; } .bigEvents .swiper-slide::before { position: absolute; width: 0.1rem; height: 0.1rem; top: 50%; left: -0.05rem; margin: -0.05rem 0 0 0; content: ''; background: #ff1d25; border-radius: 1rem; z-index: 2; } .bigEvents .swiper-slide::after { position: absolute; width: 0.1rem; height: 0.1rem; top: 50%; right: -0.05rem; margin: -0.05rem 0 0 0; content: ''; background: #ff1d25; border-radius: 1rem; z-index: 2; } .qiyeDNA dd { display: none; } .qiyeDNA dd.on { display: block; } .qiyeDNA dd.on .cot { animation: 1s 0.25s dhs linear both; } .projectTit2 .autopage { max-width: 9rem; } .newsBg { text-align: center; } .newsBg .swiper-slide { background: #fff; height: auto; } .newsBg .link { display: block; padding: 0.5rem 1rem; } .newsBg .tit { max-width: 770px; margin: auto; } .newsBg .flexpt { position: relative; padding: 0 0.5rem; margin: 0 0.25rem; } .newsBg .flexpt::before { position: absolute; left: 0.2rem; top: 0.35rem; bottom: 0.35rem; width: 0.4rem; content: ''; background: rgba(255, 255, 255, 0.5); } .newsBg .flexpt::after { position: absolute; right: 0.2rem; top: 0.35rem; bottom: 0.35rem; width: 0.4rem; content: ''; background: rgba(255, 255, 255, 0.5); } .newsBg .flexpt .border { position: relative; padding: 0 0.5rem; } .newsBg .flexpt .border::before { position: absolute; left: 0.1rem; top: 0.2rem; bottom: 0.2rem; width: 0.4rem; content: ''; background: rgba(255, 255, 255, 0.7); } .newsBg .flexpt .border::after { position: absolute; right: 0.1rem; top: 0.2rem; bottom: 0.2rem; width: 0.4rem; content: ''; background: rgba(255, 255, 255, 0.7); } .newsDL { width: 101.33%; } .newsDL dd { background: rgba(255, 255, 255, 0.1); width: 32%; margin: 0 1.33% 1.33% 0; } .newsDL .scaleImg .aspect-ratio { position: relative; } .newsDL .cots { padding: 0.3rem 0.2rem; } .el-pagination .el-pager li, .el-pagination .btn-next, .el-pagination .btn-prev { background: rgba(255, 255, 255, 0.1); font-weight: normal; color: #fff; } .el-pagination .el-pager li:not(.disabled).active { background: #fff; color: #ff1d25; } .el-pagination .el-pager li:not(.disabled):hover { color: #ff1d25; } .borders { border-bottom: 1px solid #ddd; } .letter { letter-spacing: 1em; } .heights { height: 100%; position: relative; } .moregy { position: absolute; right: 0; top: 0; bottom: 0; background: rgba(255, 255, 255, 0.2); padding: 0 0.5rem; } .new .btn_return { position: absolute; top: 0; right: 0; } /*汤臣倍健营养支教计划*/ .numFlex { margin-top: 8vh; text-align: center; } .numFlex .nums { width: 18%; margin: 0.2rem auto; background-color: #fff; padding: 0.6rem 0.25rem 0.7rem 0.25rem; } .duty .items1 .autopage { top: 18%; position: absolute; } .duty_education .items2 .autopage { width: 7.8rem; padding-top: 5.5rem; } .duty_education .items2 .autopage .max { background: rgba(0, 128, 255, 0.6); padding: 0.1rem 0.4rem 0.3rem 0.4rem; margin-left: 0rem; } .duty_education .items5 .cots { background: #1085f8; background: rgba(0, 128, 255, 0.6); padding: 0.2rem 0.4rem 0.3rem 0.4rem; width: 4rem; position: absolute; top: 20%; } .duty_education .items4 .cots { background: #1085f8; background: rgba(0, 128, 255, 0.6); padding: 0.1rem 0.4rem 0.2rem 0.4rem; max-width: 40vw; min-height: 1rem; position: absolute; top: 15%; } .duty_project .items2 .fullabsolute { position: absolute; left: 0; right: 0; bottom: 10%; z-index: 1; } .duty_project .items2 .cots { background: rgba(0, 0, 0, 0.57); padding: 0.4rem 0.4rem; } .projectDL { margin-top: 12vh; padding: 0 5% 0.2rem 5%; } .projectDL dd { width: 25%; text-align: center; margin-bottom: 0.2rem; } .projectDL dd .pads {} .projectDL .icon { width: 1.3rem; margin-bottom: 0.2rem; } .moreProjects .date { position: absolute; left: 0.35rem; top: 0.35rem; border: 1px solid #fff; text-align: center; padding: 3px; line-height: 1; background: rgba(255, 255, 255, 0.4); } .moreProjects .cots { position: absolute; left: 0; right: 0; bottom: 0; padding: 1rem 0.35rem 0.3rem 0.35rem; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); text-align: left; } .hopeDL dd { border-bottom: 1px solid #000; padding: max(0.05rem, (100vh - 900px) * 0.2) 0; cursor: pointer; } .hopeDL .jt { position: relative; width: 0.2rem; height: 0.2rem; } .hopeDL .jt::before { position: absolute; left: 0; right: 0; height: 1px; top: 50%; margin-top: -1px; content: ''; background: #000; } .hopeDL .jt::after { position: absolute; top: 0; bottom: 0; width: 1px; left: 50%; margin-left: -1px; content: ''; background: #000; } .hopeDL dd.on .jt::after { display: none; } .hopeDL .year { width: 1.5rem; } .hopeDL .desc { padding-left: 1.5rem; border-top: 1px solid #ddd; margin-top: 0.15rem; padding-top: 0.15rem; display: none; } .hopeDL dd.on .desc { display: block; } .welfarejz .cots { height: 80%; } .welfarejz .bgs { width: 800px; margin: auto; max-width: 60%; padding: 0.4rem 3%; position: relative; top: 0.5rem; } .walfDL { width: 103%; } .walfDL dd { width: 20%; margin: 1% 1% 1% 0; background-color: #fff; padding: 1.5%; } /*科学营养*/ .nutritionMain .itemsresearch .leftWt { width: 35%; margin-right: 4%; } .nutritionMain .itemsresearch .rightFull { position: relative; } .nutritionMain .itemsbinh .yanjiu dd { width: 30%; background: rgba(0, 0, 0, 0.1); text-align: center; } .nutritionMain .itemsbinh .yanjiu .colorfff dd { background: rgba(255, 255, 255, 0.1); } .nutritionMain .itemsbinh .yanjiu dd .icon { padding: 0.3rem 0.3rem 0 0.3rem; text-align: center; margin: 0 auto; } .nutritionMain .itemsbinh .yanjiu dd .icon img { width: 1rem; } .nutritionMain .itemsbinh .yanjiu dd .txt { padding: 0.1rem 0.3rem 0.5rem 0.3rem; } .nutritionMain .itemsbinh .yanjiu dl[data-v-0fe69a22]::after { content: ''; width: 30%; } /*科研实力*/ .healthDL dd { background: #fff; transition: 0.5s; border-top: 3px solid #ff1d25; width: 31%; } .healthDL.fourFlex dd { width: 23%; } .healthDL .pads { padding: 0.3rem; } .itemsresearch_b .healthDL { padding: 0 5% 0.2rem 5%; } .yingDL { width: 14.6rem; background-color: #fff; margin: 0 auto; text-align: center; max-width: 100%; } .yingDL dd { padding-bottom: 0.5rem; } .yingDL .hLine { width: 0.7rem; height: 0.05rem; background: #ff1c25; display: block; } .yingDL .blockDiv { width: 32%; margin-right: 0.8rem; } .nutrition_research .itemsabout-fund-core .autopage .font30 { margin: 0 -0.8rem; } .nutrition_research .itemsabout-fund-core dl dd { background: #fff; transition: 0.5s; } .nutrition_research .itemsabout-fund-core .pads { padding: 0.3rem; } .nutrition_research .itemsabout-fund-nutrition .autopage { padding-top: 2rem; } .nutrition_research .itemsabout-fund-nutrition .wts { max-width: 35%; } .reportDL dd { background: #fff; width: 48.5%; margin-bottom: 3%; } .tableFlex { width: 100%; } .tableFlex thead td { color: #333; background: rgba(255, 255, 255, 0.5); } .tableFlex td { padding: 0.15rem 0; border-bottom: 1px solid #fff; border-color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.9); } .projectTable dd { display: none; } .projectTable dd.on { display: block; } .projectTable table td { font-size: 0.16rem; } /*全球营养*/ .materials .itemsmaterial_data .txt { width: 5.4rem; margin-right: 0.6rem; line-height: 2; } .materials .itemsmaterial_data .autopage .round { background-color: #c1c1c1; border-radius: 50%; font-size: 0; width: 0.6rem; height: 0.6rem; line-height: 0.6rem; color: #fff; padding: 0; text-align: center; } .materials .areaFlex .at { flex: 1; } /*透明工厂*/ .factory .pageBanner .pb6 { padding-bottom: 2.5rem; } .factory .itemsfactory_info .position2 { bottom: -75%; } .factory .vdsDL dd { background: #fff; transition: 0.5s; border-top: 3px solid #ff1d25; width: 23%; } .factory .itemsfactory_info .desc p { margin: 0.02rem auto; } .factory .itemsfactory_info .desc p span { padding: 0 0.05rem; } /* 只有第一个span元素有padding-left */ .factory .itemsfactory_info .desc p span:first-child { padding: 0 0 0 0.05rem; /* 或您希望的任何值 */ } /* 只有最后一个span元素有padding-right */ .factory .itemsfactory_info .desc p span:last-child { padding: 0 0.05rem 0 0; /* 或您希望的任何值 */ } .factory .itemsfactory_record .leftTxt { width: 50%; } .factory .itemsfactory_record .pads { padding: 0.5rem 0.66rem 0.5rem 1rem; } .factory .itemsfactory_global .leftTxt { width: 50%; } .factory .itemsfactory_global .pads { padding: 0.4rem 0.3rem; } .factory .itemsfactory_global .numFlex { margin-top: 2vh; padding: 0.5rem 0.6rem 0 0.6rem; } .factory .itemsfactory_global .numFlex dd { flex: 1; padding: 0 0.35rem; } #page_factory_en .factory .itemsfactory_global .numFlex dd { flex: 1; padding: 0 0.2rem; } .factory .itemsfactory_global .numFlex dd .lefts { padding: 0 0.1rem; } .factory .itemsfactory_exploratorium .dhyc1 { padding-top: 1rem; } .touristDL::after { content: ''; width: 30.33%; } .touristDL dd { width: 30.33%; position: relative; overflow: hidden; } .touristDL .cots { position: absolute; left: 0; right: 0; bottom: 0; padding: 0.3rem; } .touristDL .ewm { position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; transition: 0.5s; } .touristDL .code { width: 2.5rem; max-width: 50%; } .vrHtmls { position: absolute; left: 0%; right: 0%; top: 0%; bottom: 0%; background: rgba(0, 0, 0, 0.7); display: none; } .vrHtmls .cts { position: absolute; left: 10%; right: 10%; top: 15%; bottom: 10%; } .vrHtmls iframe { display: block; width: 100%; height: 100%; } /*参观攻略*/ .zhongdian span { display: inline-block; padding: 0.05rem 0.3rem; border: 1px solid #fff; border-radius: 5px; background: rgba(255, 255, 255, 0.11); margin: 0.1rem; } .youwanDL dd { margin: 0.4rem 0; border-left: 1px solid #fff; } .youwanDL .tit { display: inline-block; background: #fff; padding: 0.05rem 0.2rem; border-radius: 0 0.25rem 0 0; } .youwanDL .cot { padding-left: 0.2rem; padding-top: 0.06rem; } .tipsDL dd { background: rgba(255, 255, 255, 0.15); width: 49%; margin-bottom: 0.3rem; transition: 0.5s; } .xueshuDL dd { padding: 0.6rem 0; scroll-margin-top: 0.9rem; } .xueshuDL dd:nth-child(odd) { background: #f7f7f7; } .xueshuDL dd .imgs { width: 20%; margin-right: 0.5rem; } .ul_circle li { list-style-type: circle; margin-left: 0.18rem; } .p_circle { text-indent: -16px; /* 调整这个值以匹配伪元素的宽度 */ padding-left: 16px; /* 与text-indent的值保持一致，以确保文本不会被遮挡 */ } .p_circle::before { content: ''; display: inline-block; width: 0.1rem; border-radius: 50%; height: 0.1rem; background-color: transparent; border: 1px solid red; margin-right: 0.05rem; } .laborator .items1 .ct { bottom: 40%; position: absolute; } .join .items1 .autopage { top:25%; bottom: unset; position: absolute; } .join .itemswork .itemList, .join .itemsultimate .itemList{ display: grid; grid-template-columns: repeat(2, 1fr); /* 两行两列布局 */ gap: 0; /* 可以根据需要调整间距 */ max-width: 100vw; /* 确保内容不超出屏幕宽度 */ overflow: hidden; /* 隐藏超出部分 */ } .join .itemswork .item,.join .itemsultimate .item { box-sizing: border-box; /* 确保 padding 和 border 包含在宽度内 */ max-width: 100%; /* 确保单个元素不超出列宽 */ max-height: 50vh; /* 确保单个元素不超出屏幕高度的一半 */ overflow: hidden; /* 隐藏超出部分 */ } .join .itemswork .item.words ,.join .itemsultimate .item.words { display: flex; /* 子元素垂直排列 */ flex-direction: column; /* 子元素在垂直方向上居中对齐 */ align-items: center; justify-content: center; padding: 0 1rem; } .join .itemswork .item.words .lefts { width: 100%; } .join .itemswork .work-desc,.join .itemsultimate .work-desc{ position: absolute; text-align: justify; max-width: 40%; width: auto; bottom: 7%; left: 50%; transform: translateX(-50%); z-index: 5; padding: 0.2rem; background-color: rgba(255, 255, 255, 0.6); } .join .itemsultimate .work-desc{ width: 40%; background-color:unset; bottom: unset; padding-top: 0.4rem; } .join .itemswork .swiper-slide img,.join .itemsultimate .swiper-slide img{ width:100%; object-fit:cover; object-position: center; height: 100%; } .join .bgImage { max-height: 55%; } .qrcode-contain { position: absolute; padding-bottom: .1rem; display: none; border: 1px solid #eee; background-color: #fff; box-shadow: 0 2px 10px #aaa; width: 2rem; height: 2rem; left: 0; text-align: center; top: 1rem; color: #333; z-index: 999; } .qrcode-contain .btn_close { width: 0.1rem; float: right; margin: 0.1rem 0.1rem 0 0; display: block !important; } .qrcode-contain img { display: block; width: 60%; margin: 0.2rem 0 0 20%; pointer-events: auto; } /* 仅在非触摸设备上应用 hover 效果 */ @media (hover: hover) and (pointer: fine) { .bigEvents .hover { background: #fff; } .bigEvents .hover .year { top: 0.2rem; margin: 0; color: #ff1d25; } .bigEvents .hover .year span { font-size: 130%; } .bigEvents .hover .scaleImg { opacity: 1; } .healthDL dd:hover { background: rgba(255, 255, 255, 0.5); box-shadow: 0 0 10px -1px rgba(0, 0, 0, 0.1); } .nutrition_research .itemsabout-fund-core dl dd:hover { background: rgba(255, 255, 255, 0); box-shadow: 0 0 10px -1px rgba(0, 0, 0, 0.1); } .touristDL dd:hover .ewm { opacity: 1; } .tipsDL dd:hover { background: rgba(0, 0, 0, 0.2); } .scientific .items3 dd:hover img { transform: scale(1.05); } } /***other end****/ /* 英文版样式 */ .font40 { font-size: 0.32rem; } .upcase { text-transform: unset; } .aboutIndex .itemsabout-dna .projectTitDNA .autopage { max-width: 60%; } .page_index .sonSwiper .swiperBtn, .addBtns, .brandBtn { top: 60% } .duty_education .items5 .cots { width: 5rem; top: 15%; } .aboutIndex .itemsabout-values .cots { padding: 0.2rem; } .aboutIndex .itemsabout-values .cots p { line-height: 1.6; } #page_duty_project .items2 .autopage .font40 { font-size: 0.3rem; } html, body { text-align: left; } .dhyc1, .dhyc2 { letter-spacing: 0; } .footer .footDL .dd { padding: 0 .5rem; line-height: 1.3; } .nutritionMain .itemsabout-fund .rightTxt { width: 40%; margin-left: 30%; } .scientific .itemsresearch_a .pads .justify, .scientific .itemsresearch_c .pads .justify { text-align: left; } .duty_education .items2 .autopage { padding-top: 5rem; } .factory .vdsDL dd { width: 24%; } .join .itemstalent .group-desc { text-align: center; } .join .itemsultimate .work-desc { text-align: center; width: 90%; max-width: 90%; text-align: center; } .laborator .items2 .autopage .autopagel { max-width: unset; } .welfare .items .walfDL .font20 { font-size: 0.18rem; font-weight: bold; line-height: 1.2; text-align: left; } .hopeDL .year { width: 1rem; } .hopeDL .desc { padding-left: 1rem; margin-top: 0.1rem; padding-top: 0.1rem; } .factory .itemsfactory_exploratorium .dhyc1 { padding-top: 2rem; } @media screen and (min-width: 768px) { .duty .itemslaborator .dhyc1 { max-width: 45%; } } @charset "UTF-8";@media screen and (max-aspect-ratio:11/10){:root{--safe-area-bottom:0}@media only screen and (min-device-width:375px) and (max-device-width:812px){:root{--safe-area-bottom:constant(safe-area-inset-bottom);--safe-area-bottom:env(safe-area-inset-bottom)}.cpxqRight .title{max-width:100%}}.fullHeight,.fullHeights{height:100%}.pchide,.hide,.mshow{display:none}.mphide,.mhide700,.mhide800 .phide{display:inline-block}.mhide{display:none}.mbr,.mpbr,.pbr{display:none}.pcbr{height:1px;width:100%;display:block;opacity:0}.positionFull .pdPhone,.positionFull .autopage{height:calc(100vh - 1rem);padding-top:1rem}.search_page .footer{position:absolute;bottom:calc(var(--safe-area-bottom) + 0);width:100%}input[type="search"]{background-color:#fff;-webkit-appearance:none;appearance:none;border-radius:0;outline:0}.serarchTxt input[type="search"]{line-height:.6rem;padding:0;background-color:#fff}.serarchTxt input::placeholder{background-color:#fff;line-height:.6rem;padding:0}.mw100{width:100%;max-width:90%}.mw100m{width:100%;max-width:100%}.ht82{height:.6rem}.footTop{display:block;text-align:center}.footer .footTop{padding:.8rem 0 .6rem 0}.footTop .navs{text-align:left;padding:.5rem 0;margin-bottom:.1rem}.footTop .navs .footDL .dd{margin-left:.5rem}.footer .footDL .dd>p{margin-bottom:.15rem}.brands{padding-top:.5rem}.brands .autowidth{max-width:100%}.brandCt{padding:.5rem 0}.headCenter{background-color:rgba(255,255,255,1)}.headCenter .headDL dd .navList .list{padding:.35rem 0;width:90%;color:#393939}.headCenter .headDL dd .navList .list .pchide{display:inline-block}.headCenter .headDL{width:12.66rem;max-width:85.652%;margin:0 auto}.headCenter .headDL dd{color:#333;border-bottom:1px solid rgba(0,0,0,.4);padding:0;margin:.2rem auto}.headCenter .headDL dd:last-child{border:0}.headCenter .headDL .nav .menuNav{padding-top:.4rem;border-top:1px solid rgba(0,0,0,.4)}.headCenter .headDL .nav .link .iconfont,.headCenter .headDL .iconfont{float:right;margin-right:.1rem}.headCenter .navFlex{color:#333;box-shadow:unset;margin-left:-.2rem}.headCenter .navFlex .iconfont{display:none}.swiper-pagenation-brands{position:absolute;text-align:center}.swiper-pagenation-brands .swiper-pagenation-brand{display:inline-block;margin:0 5px;width:.14rem;height:.14rem;background-color:#ccc;border-radius:50%}.swiper-pagenation-brands .swiper-pagenation-brand-active{background:#ff1d25}.brands{position:relative}.footer .footTop .navs{padding:.5rem 0 0 0}.footer .nav-service{display:flex;justify-content:center}.footer .nav-service .colorlogo{color:#797979}.footer .kefuImg.on{display:block;border:1px solid #eee;background-color:#fff;box-shadow:0 2px 10px #aaa;width:4rem;height:4rem;left:-1rem;bottom:120%;z-index:999}.footer .kefuImg img{width:70%;margin:.2rem 0 0 15%;pointer-events:auto}.footer .kefuImg.on .btn{width:.2rem;float:right;margin:.2rem .2rem 0 0;display:block!important}.footer .kefuLink>a{margin-right:0;width:.6rem;line-height:.6rem}.footer .kefuLink>a:last-child{margin-right:0}.copyRight{padding-bottom:calc(.15rem + var(--safe-area-bottom))}.mpt0{padding-top:0}.mpb0{padding-bottom:0}.mmt0{margin-top:0}.mmb0{margin-bottom:0}.mpl0{padding-left:0}.mpr0{padding-right:0}.mml0{margin-left:0}.mmr0{margin-right:0}.mpt1{padding-top:.1rem}.mpb1{padding-bottom:.1rem}.mmt1{margin-top:.1rem}.mmb1{margin-bottom:.1rem}.mpl1{padding-left:.1rem}.mpr1{padding-right:.1rem}.mml1{margin-left:.1rem}.mmr1{margin-right:.1rem}.mpt2{padding-top:.2rem}.mpb2{padding-bottom:.2rem}.mmt2{margin-top:.2rem}.mmb2{margin-bottom:.2rem}.mpl2{padding-left:.2rem}.mpr2{padding-right:.2rem}.mml2{margin-left:.2rem}.mmr2{margin-right:.2rem}.mpt3{padding-top:.3rem}.mpb3{padding-bottom:.3rem}.mmt3{margin-top:.3rem}.mmb3{margin-bottom:.3rem}.mpl3{padding-left:.3rem}.mpr3{padding-right:.3rem}.mml3{margin-left:.3rem}.mmr3{margin-right:.3rem}.mpt4{padding-top:.4rem}.mpb4{padding-bottom:.4rem}.mmt4{margin-top:.4rem}.mmb4{margin-bottom:.4rem}.mpl4{padding-left:.4rem}.mpr4{padding-right:.4rem}.mml4{margin-left:.4rem}.mmr4{margin-right:.4rem}.mpt5{padding-top:.5rem}.mpb5{padding-bottom:.5rem}.mmt5{margin-top:.5rem}.mmb5{margin-bottom:.5rem}.mpl5{padding-left:.5rem}.mpr5{padding-right:.5rem}.mml5{margin-left:.5rem}.mmr5{margin-right:.5rem}.mpt6{padding-top:.6rem}.mpb6{padding-bottom:.6rem}.mmt6{margin-top:.6rem}.mmb6{margin-bottom:.6rem}.mpl6{padding-left:.6rem}.mpr6{padding-right:.6rem}.mml6{margin-left:.6rem}.mmr6{margin-right:.6rem}.mpt7{padding-top:.7rem}.mpb7{padding-bottom:.7rem}.mmt7{margin-top:.7rem}.mmb7{margin-bottom:.7rem}.mpl7{padding-left:.7rem}.mpr7{padding-right:.7rem}.mml7{margin-left:.7rem}.mmr7{margin-right:.7rem}.mpt8{padding-top:.8rem}.mpb8{padding-bottom:.8rem}.mmt8{margin-top:.8rem}.mmb8{margin-bottom:.8rem}.mpl8{padding-left:.8rem}.mpr8{padding-right:.8rem}.mml8{margin-left:.8rem}.mmr8{margin-right:.8rem}.mpt9{padding-top:.9rem}.mpb9{padding-bottom:.9rem}.mmt9{margin-top:.9rem}.mmb9{margin-bottom:.9rem}.mpl9{padding-left:.9rem}.mpr9{padding-right:.9rem}.mml9{margin-left:.9rem}.mmr9{margin-right:.9rem}.mpt10{padding-top:1rem}.mpb10{padding-bottom:1rem}.mmt10{margin-top:1rem}.mmb10{margin-bottom:1rem}.mpl10{padding-left:1rem}.mpr10{padding-right:1rem}.mml10{margin-left:1rem}.mmr10{margin-right:1rem}.xueshuDL dd{padding:.3rem 0}.xueshuDL dd .imgs{width:33%;margin:0 auto;text-align:center}.xueshuDL dd .imgs img{border-radius:50%;aspect-ratio:1}.xueshuDL .cts{display:block}.xueshuDL .cts .title{text-align:center;margin:.2rem auto}.xueshuDL .cts .desc{text-align:center}.xueshuDL .cts .desc .line{width:2rem;height:1px;background-color:#aaa;margin:.4rem auto}.xueshuDL .cts .remark{margin:0 1%;color:#606060}@media only screen and (max-width:960px){.flexBlock{display:block}.flexBlock dd{width:auto;margin:0 0 2% 0}.mflexTwo dd{width:49%;margin:0 0 2% 0}body{line-height:1.6}}@media only screen and (max-width:640px){.font12{font-size:max(.2rem,12px)}.font14{font-size:max(.21rem,13px)}.font15{font-size:max(.22rem,13.5px)}.font16{font-size:max(.24rem,14px)}.font18{font-size:max(.26rem,16px)}.font20{font-size:max(.28rem,18px)}.font22{font-size:max(.3rem,20px)}.font24{font-size:max(.32rem,22px)}.font26{font-size:max(.34rem,24px)}.font28{font-size:max(.36rem,26px)}.font30{font-size:max(.38rem,28px)}.font32{font-size:.37rem}.font34{font-size:.38rem}.font36{font-size:max(.36rem,32px)}.font38{font-size:.4rem}.font40{font-size:.41rem}.font42{font-size:.42rem}.font44{font-size:.43rem}.font46{font-size:.44rem}.font48{font-size:.45rem}.font54{font-size:.46rem}.font56{font-size:.47rem}.font58{font-size:.48rem}.font60{font-size:.6rem}.font68{font-size:.68rem}.font80{font-size:.5rem}.ppt0{padding-top:0}.ppb0{padding-bottom:0}.ppt1{padding-top:.1rem}.ppb1{padding-bottom:.1rem}.ppt2{padding-top:.2rem}.ppb2{padding-bottom:.2rem}.ppt3{padding-top:.3rem}.ppb3{padding-bottom:.3rem}.ppt4{padding-top:.4rem}.ppb4{padding-bottom:.4rem}.ppt5{padding-top:.5rem}.ppb5{padding-bottom:.5rem}.ppt6{padding-top:.6rem}.ppb6{padding-bottom:.6rem}.ppt7{padding-top:.7rem}.ppb7{padding-bottom:.7rem}.ppt8{padding-top:.8rem}.ppb8{padding-bottom:.8rem}.ppt9{padding-top:.9rem}.ppb9{padding-bottom:.9rem}.ppt10{padding-top:1rem}.ppb10{padding-bottom:1rem}#serviceBanner .max45vw{max-width:100%}#serviceBanner .thirdBg .mores{margin-top:0}.publicBtn,.publicBtn_red{border-radius:.4rem 0}}@media only screen and (max-width:480px){.upcase{line-height:1.3}.mhide{display:none}.pchide,.publicBtn_red.pchide,.publicBtn.pchide{display:block}body{font-size:.26rem}.mfont13{font-size:max(.18rem,12px)}.mfont14{font-size:max(.2rem,13px)}.mfont15{font-size:max(.22rem,13.5px)}.mfont16{font-size:max(.24rem,14px)}.mfont18{font-size:max(.26rem,16px)}.mfont20{font-size:max(.28rem,18px)}.mfont22{font-size:max(.3rem,20px)}.mfont24{font-size:max(.32rem,22px)}.mfont26{font-size:max(.34rem,24px)}.mfont28{font-size:max(.36rem,26px)}.mfont30{font-size:max(.38rem,28px)}.mfont32{font-size:max(.4rem,30px)}.mfont34{font-size:max(.41rem,31px)}.mfont36{font-size:max(.42rem,32px)}.mfont40{font-size:max(.43rem,33px)}.mbr{height:1px;width:100%;display:block;opacity:0}.mline0{line-height:0}.mline1{line-height:.1}.mline2{line-height:.2}.mline3{line-height:.3}.mline4{line-height:.4}.mline5{line-height:.5}.mline6{line-height:.6}.mline7{line-height:.7}.mline8{line-height:.8}.mline9{line-height:.9}.mline10{line-height:1}.mline11{line-height:1.1}.mline12{line-height:1.2}.mline13{line-height:1.3}.mline14{line-height:1.4}.mline15{line-height:1.5}.mline16{line-height:1.6}.mline17{line-height:1.7}.mline18{line-height:1.8}.mline19{line-height:1.9}.tableBox table td{padding:.15rem .15rem!important;line-height:1.2;border-right:1px solid #ddd!important}.tableBox table td:first-child{border-left:1px solid #ddd!important}}.swiperTop,.scrollToTop{width:.5rem;height:.5rem;line-height:.5rem}.custom-chat{width:.5rem;height:.5rem;padding:.05rem .1rem .15rem .1rem;line-height:.6rem;bottom:1.03rem}.scrollToTop .iconfont,.swiperTop .iconfont{font-size:.48rem}.pcbr{display:none}.mphide,.phide{display:none}.mpbr,.pbr{height:1px;width:100%;display:block;opacity:0}.pchide,.publicBtn_red.pchide,.publicBtn.pchide{display:inline-block}.mflex{display:flex;display:-webkit-flex}.vbr{height:1px;width:100%;display:block;opacity:0}.swiperBtn:not(.swiper-button-disabled):hover{background:#fff;color:#ff1d25;box-shadow:0 0 10px -1px rgba(0,0,0,.1)}.swiperBtn2:hover{background:#ff1d25;color:#fff}.phoneBg{position:absolute;left:0;top:0;bottom:0;right:0;display:block;z-index:-1}.pageBanner .phoneBg{z-index:0}.threeFlex dd{width:98%;margin:0 0 2% 0}.mleft{text-align:left}.mright{text-align:right}.mcenter{text-align:center}.mjustify{text-align:justify}.pleft,.pright,.pcenter,.pjustify{text-align:unset}.block640{display:block}.shubiao{bottom:1rem}.hopeDL dd{padding:max(.05rem,(100vh - 660px)*.08) 0}.hopeDL .year{width:1.2rem}.hopeDL .desc{margin-top:0;padding-left:0}.page_index .s1 .positionFull{bottom:unset;top:25%}.page_index .s2 .positionFull{bottom:unset;top:25%}.page_index .s4 .positionFull{justify-content:start}.page_index .s4 .autowidth{margin-top:3.5rem}.page_index .s5 .positionFull{bottom:unset;top:13%;color:#333;text-align:center;position:absolute}.aboutIndex .itemsabout-milestones .dhyc1{padding-top:18%}.aboutIndex .itemsabout-milestones .bigEventsCenter{display:none}.aboutIndex .itemsabout-milestones .bigEventsCenter .eventsDL dd .yeartxt{-webkit-text-stroke:1px #ff1d25}.aboutIndex .itemsabout-milestones .swiper-btns{width:100%;height:40%;position:absolute;bottom:5%;touch-action:none}.aboutIndex .itemsabout-milestones .bigEvents{bottom:30%}.aboutIndex .itemsabout-milestones .bigEvents .swiper-slide::before{width:.2rem;height:.2rem;left:-.1rem;margin:-.1rem 0 0 0;border-radius:50%;position:relative}.aboutIndex .itemsabout-milestones .bigEvents .swiper-slide::after{width:.2rem;height:.2rem;right:-.1rem;margin:-.1rem 0 0 0;border-radius:50%;position:relative}.aboutIndex .itemsabout-milestones .bigEvents .swiper-slide.swiper-slide-active .scaleImg::before{display:none;pointer-events:none;background-color:transparent!important}.aboutIndex .itemsabout-milestones .bigEvents .swiper-slide.swiper-slide-next .year{text-align:left;margin-left:20%}.aboutIndex .itemsabout-milestones .bigEvents .swiper-slide.swiper-slide-prev .year{text-align:right;margin-right:20%}.aboutIndex .itemsabout-milestones .bigEvents .hover{background:unset}.aboutIndex .itemsabout-milestones .bigEvents .swiperEvent{padding:0}.aboutIndex .itemsabout-milestones .bigEvents .array_left,.aboutIndex .itemsabout-milestones .bigEvents .array_right{position:absolute;display:block;font-size:.6rem;z-index:1;top:calc(50% - .7rem)}.aboutIndex .itemsabout-milestones .bigEvents .array_left{left:1%;margin-left:3%;animation:slide-left 2s ease-in-out infinite;will-change:left;display:none;transform:scaleY(.5) rotate(90deg)}.aboutIndex .itemsabout-milestones .bigEvents .array_right{right:1%;margin-right:3%;animation:slide-right 2s ease-in-out infinite;will-change:right;transform:scaleY(.5) rotate(270deg)}.aboutIndex .itemsabout-milestones .bigEvents .swiper{z-index:3}.aboutIndex .itemsabout-milestones .bigEvents .hover{background-color:unset}.aboutIndex .itemsabout-milestones .bigEvents .hover{background-color:unset}.aboutIndex .itemsabout-milestones .bigEvents .hover .year{top:50%;margin:.5rem 0 0 0;color:unset}.aboutIndex .itemsabout-milestones .bigEvents .hover .scaleImg{opacity:0;display:none}.aboutIndex .itemsabout-milestones .bigEvents .swiper-slide.swiper-slide-active .scaleImg{opacity:1;display:inline-block}.aboutIndex .itemsabout-milestones .bigEvents .hover .year{display:none}.aboutIndex .itemsabout-milestones .bigEvents .fwh{padding:0}.aboutIndex .itemsabout-milestones .eventsDL .scaleImg{width:3rem;margin:0 auto;border-radius:50%}.aboutIndex .itemsabout-milestones .bigEvents .swiper-slide-active .year{display:none}.aboutIndex .itemsabout-milestones .eventsDL .yeartxt{margin:1.5rem auto .2rem auto}.aboutIndex .itemsabout-milestones .desc_desc,.aboutIndex .itemsabout-milestones .desc_year{width:100%}.aboutIndex .itemsabout-milestones .desc_year_img{top:25%;width:60%;left:20%}.aboutIndex .itemsabout-milestones .desc_year{top:26%;color:#f7f7f7;font-size:1rem;-webkit-text-stroke:1px #ff1d25}.aboutIndex .itemsabout-milestones .desc_desc{bottom:17%}.aboutIndex .itemsabout-milestones .desc_desc .desc_content{max-width:65%;margin:0 auto;text-align:center;color:#515151}.aboutIndex .itemsabout-milestones .desc_content .yeartxt{display:block}.aboutIndex .itemsabout-milestones .bigEvents .fwh .scaleImg{width:4rem}.aboutIndex .itemsabout-dna .position2{padding-top:20%}.aboutIndex .itemsabout-dna .padAuto{margin:0 4%;padding-left:0;padding-right:0;z-index:1;text-align:center}.services .fwidth{width:100%}.services .fullBanner .autopage{position:absolute;top:25%}.duty_education .itemsabout-industr .autopage{width:unset;padding:0}.duty_education .itemsabout-industr .max1200{background:unset;padding:0;margin:0 auto;padding-top:10vh;color:#000}.duty_education .items3 .autopage{max-width:92%}.duty_education .items3 .numFlex .nums{width:42%;padding:.6rem .2rem .7rem .2rem}.reports{display:block}.reports .fwidth{width:auto}.reports .reportLeft{width:auto;margin:.3rem 0 .3rem 0}.aboutIndex .itemsabout-dna .cot,.aboutIndex .itemsabout-dna .padAuto:first-child .cot,.aboutIndex .itemsabout-dna .padAuto:first-child .cot{padding:.4rem 5%;background:rgba(255,255,255,.6);width:70%;display:inline-block}.aboutIndex .itemsabout-dna .cot .lefts{text-align:center}.aboutIndex .itemsabout-dna .projectTitDNA .autopage{max-width:100%}#page_about_en .aboutIndex .itemsabout-dna .cot{max-width:80%}.numFlex{margin-top:2vh}.factory .itemsfactory_record .fullHeights,.factory .itemsfactory_global .fullHeights,.nutritionMain .itemsabout-fund .fullHeights{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.factory .itemsfactory_record .leftTxt,.factory .itemsfactory_global .leftTxt{width:100%;position:absolute;top:6%}.factory .itemsfactory_record .bgs,.factory .itemsfactory_global .bgs{width:100%;max-height:43vh;position:absolute;bottom:0}.factory .itemsfactory_global .bgs.ios video{filter:brightness(60%)}.factory .itemsfactory_record .pads,.factory .itemsfactory_global .pads{padding:1.5rem .3rem .3rem .3rem}.factory .itemsfactory_global .numFlex{padding:0}.factory .itemsfactory_global .numFlex dd:nth-of-type(1){flex:2}.factory .itemsfactory_global .numFlex dd:nth-of-type(2){flex:2}#page_factory_en .factory .itemsfactory_global .numFlex dd:nth-of-type(2){flex:1}.numFlex .nums{width:40%}.factory .itemsfactory_exploratorium .dhyc1{padding-top:0;padding-bottom:4rem;color:#333}.factory .itemsfactory_exploratorium .dhyc1 .qrcode{width:2rem!important}.factory .vdsDL dd{width:48%;margin-top:.2rem;border-top:1px solid #ff1d25}.touristDL dd{width:98%;margin-top:.3rem}.touristDL dd .scaleImg{object-fit:cover;max-height:20vh}.walfDL dd{width:44%;padding:2% 2.5%}.welfarejz .bgs{max-width:55%}.duty_education .items5 .flexat{justify-content:flex-end}.duty_education .items5 .flexat .autopage960{width:100%;max-width:100%}.duty_education .items4 .flexend{justify-content:center;align-items:normal}.duty_education .items4 .cots{max-width:86vw;background-color:unset;color:#333;padding:0;width:auto}.duty_education .items2 .autopage{padding-top:16vh;width:100%}.duty_education .items2 .autopage .max{background-color:unset;padding:0}.duty_education .items5 .cots{width:86vw;margin-top:1.5rem;left:7%;padding:0;background-color:unset;color:#333;top:5%}.duty_education .items5 .phoneBg{background-position-y:bottom!important}#page_education_en .duty_education .items4 .cots{width:4.5rem}.nutritionMain .itemsresearch .leftWt{width:auto;margin:.2rem 0 0 0;text-align:center}.nutritionMain .itemsresearch .leftWt .lefts{text-align:center}.nutritionMain .itemsresearch .dhRight{display:block}.nutritionMain .itemsresearch .rightFull{width:101vw;margin-left:-9%}.nutritionMain .itemsbinh .yanjiu dd{width:100%;margin:.15rem auto}.nutritionMain .itemsbinh .yanjiu dd .txt{padding:.3rem .3rem}.nutritionMain .items7 .padAuto{padding-left:.5rem}.nutritionMain .items7 .wtHalf{height:auto}.pdPhone{display:block;margin:0 auto}.cpxqLeft{width:auto;margin:0 0 1% 0}.cpxqLeft .swiper-slide img{height:80vw;-o-object-fit:contain;object-fit:contain;margin:0 auto;width:auto}.cpxqRight .title{max-width:100%}.cpxqRight .price{font-size:max(.4rem,24px)}.pd2Swiper .wt{max-width:48%}.pageLife .items1 .mw100{padding-bottom:26vh}.pageLife .items1 .mw100 .max1200{text-align:justify}.pageLife .items4 .autopage{padding-top:.5rem}.duty .itemsearlychildhood .autopage{margin:-45vh auto 0 auto}.duty .itemsduty_education .autopage,.duty_education .items1 .ct.autopage{margin:-45vh auto 0 auto}.duty .itemschildnutrition .autopage{margin:-45vh auto 0 auto;text-align:center}.duty_project .items1 .ct.autopage{top:15%;position:absolute}.duty_project .items2 .fullabsolute{top:12%;bottom:unset}.duty_project .items2 .fullabsolute .cots{background:rgba(255,255,255,.8);padding:.5rem .5rem;color:#333}.duty_project .items3 .autopage{max-width:90%}.duty_project .items3 .autopage .healthDL .pads{padding:.5rem .4rem}.duty .itemscsresponsibility .autopage,.page_hope .ct.autopage{margin:50vh auto 0 auto}.duty .itemslaborator .autopage{margin:-45vh auto 0 auto;text-align:center}.duty .itemslaborator .autopage .mleft{text-align:center}.duty .moregy{padding:0;background:unset;text-align:center;left:0;bottom:20%;top:unset;position:absolute;width:100%}.duty .moregy .pt10{padding-top:.3rem}.page_hope .ct.autopage{color:#fff}.page_hope .items2 .autopage{position:absolute;bottom:12%}.page_hope .items2 .autopage .max450rem,.page_hope .items2 .autopage .max400rem{width:auto}.duty_project .items2 .max1200{width:auto}.duty_project .items3 .projectDL{margin-top:10vh;padding:0 1% .2rem 1%}.thirdImg img{max-height:50vh}.thirdBg{bottom:0%}.thirdBg .autowidth{margin-top:20%}.projectTit2 .autopage{width:100%}.newsBg .autopage{max-width:94%;padding:.5rem 0}.newsBg .flexpt::before,.newsBg .flexpt::after{position:relative}.newsBg .flexpt .border{padding:0 .3rem}.newsBg .flexpt .border::before,.newsBg .flexpt .border::after{width:.2rem}.newsBg .flexpt .font600{font-weight:normal}.newsBg .link{padding:.2rem .3rem}.newsBg .flexpt{margin:.25rem}.newsBg .flexpt .max3{padding-left:.1rem;padding-right:.1rem}.newsBg .swiper-slide{background:rgba(255,255,255,.7)}.new .btn_return{position:relative}.nutrition_research .itemsabout-fund-nutrition .autopage{padding-top:70vh}.nutrition_research .itemsabout-fund-nutrition .autopage .wts{width:100%;max-width:100%}.materials .areaFlex .at{width:auto;padding:.2rem 0}.materials .items2 .txt{width:auto;margin:0 0 .2rem 0}.materials .items2 .autopage .round{height:1.1rem;width:1.1rem;line-height:1.1rem}.materials .itemsmaterial .animationDH.animateBt{max-width:100%}#page_materials .itemsmaterial_data .txt{margin-right:0;width:100%;margin-bottom:.2rem}#page_materias_en .materials .itemsmaterial_data .txt{line-height:1.5}.diaoyan .pads{padding:1rem .3rem}.vidoeHover,video.videoBg{display:none}.ct.autopage{position:relative;z-index:2}.zixunSwiper{margin:0}.serviceFlex .item{width:49%}.phonePad100{width:100%}.phonePadColumn{flex-direction:column}.vidoeHover,video.videoBg{display:block;opacity:1;z-index:1;visibility:visible}.page_index .vidoeHover,.page_index video.videoBg{visibility:hidden}#page_education_en .items2 .max1200{padding-top:10vh}.sonSwiper .swiper{height:100%}.sonSwiper .swiper-slide{width:33vw}.ul_circle li{margin-left:.2rem}.yingDL .hLine{width:1rem}.yingDL dd{display:block;padding-left:.1rem;padding-right:.1rem}.yingDL dd .blockDiv{width:100%;margin:.3rem auto;text-align:center}.p_circle::before{width:.15rem;height:.15rem;aspect-ratio:1;margin-right:.15rem}@media only screen and (min-width:640px){.thirdBg{bottom:-14%}.thirdBg .autowidth{margin-top:-28vh}}.new_list .pageBannerAuto,.new .pageBannerAuto,.pageInvestor .pageBannerAuto{height:100vh;max-height:unset}.pageInvestor .pageBannerAuto .autopage{position:absolute;top:30%}.pageInvestor .itemsirlink .fenhong.white .autopagew{width:12.66rem;max-width:85.652%}.pageInvestor .itemsirlink .fenhong.white .icon{border:0;width:80%}.new_list .pageBannerAuto .colorfff,.new .pageBannerAuto .colorfff{color:#333;position:absolute;top:30%}.new_list .newsDL dd .tit{text-align:left;line-height:1.3}#nutrition_research_en .threeFlex dd{width:100%}.usage .mcolorfff{color:#fff}.usage div{max-width:2rem;width:auto}.usage div span{width:90%;left:5%;bottom:18%}.fenleis{padding:0;display:none}.my-sidebar-bg{content:"";width:100vw;height:100vh;display:none;position:fixed;top:0;right:0;left:0;background-color:rgba(0,0,0,.4);z-index:111}.my-sidebar-parent{content:"";width:100vw;min-height:70vh;position:absolute;top:0;right:0;left:0;background-color:#fff;z-index:1}.my-sidebar-parent .my-sidebar-div{background-color:#efefef}.my-sidebar-left{background-color:#efefef;width:13%;height:100%;flex-shrink:0;min-height:70vh}.my-sidebar-left .my-sidebar-images img{width:70%;padding:.2rem 15%}.my-sidebar-left .my-sidebar-images img.on{background-color:#fff}.my-sidebar{width:85%;flex:1;z-index:999;color:#333;background-color:#fff;bottom:constant(safe-area-inset-bottom);bottom:env(safe-area-inset-bottom)}.my-sidebar .my-sidebar-content{margin:.4rem 3%;text-align:left}.my-sidebar .my-sidebar-content .my-sidebar-title{display:inline-block!important}.my-sidebar .my-sidebar-content dd{margin:.2rem .1rem .2rem 0;flex-basis:calc(33% - .1rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.3rem;text-align:left}.my-sidebar .my-sidebar-content dd a{display:block;padding:.04rem .1rem;background:#f7f7f7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:.2rem;text-align:center}.my-sidebar .my-sidebar-content dd .on>a{border-color:#ff1d25;color:#ff1d25}.my-sidebar .my-sidebar-content dd.tag1{flex-basis:calc(25% - .15rem);margin:.2rem .15rem .2rem 0}.my-sidebar .my-sidebar-content dd.tag2{flex-basis:calc(33.33% - .15rem);margin:.2rem .15rem .2rem 0}.my-sidebar.show{display:block}.aboutIndex .itemsabout-industry .autopage{position:absolute;top:20%}.aboutIndex .itemsabout-about .autopage{position:absolute;top:15%}.aboutIndex .itemsabout-industry .cot{width:100%;background:rgba(255,255,255,.7)}.aboutIndex .itemsabout-about .autopage .cot{width:100%}#page_about_en .aboutIndex .itemsabout-industry .cot{width:85%}.aboutIndex .itemsabout-values .valueDL dd{width:100%;margin-bottom:.2rem;overflow:hidden;padding:.3rem .4rem;background-color:rgba(255,255,255,.5)}.aboutIndex .itemsabout-values .valueDL dd .cots{padding:0}.aboutIndex .itemsabout-values .valueDL dd .cots p{display:contents;line-height:1.8;margin:0}.aboutIndex .itemsabout-values .valueDL dd .cots .font18{margin-bottom:.1rem}.aboutIndex .itemsabout-values .valueDL dd .scaleImg{display:none}#page_about_en .aboutIndex .itemsabout-values .autopage{max-width:96%}#page_about_en .aboutIndex .itemsabout-values .cots{padding:.1rem .1rem}#page_about_en .aboutIndex .itemsabout-values .cots p{margin:0 auto}#page_about_en .aboutIndex .itemsabout-values .valueDL dd{padding:.1rem}.news_black .colorfff{color:#333}.new_list .newsDL dd{width:48%;margin:0 4% 5% 0}.new_list .news_black .newsDL dd{background-color:rgba(0,0,0,.1)}.new_list .newsDL dd:nth-child(even){margin-right:0}.nutritionMain .itemsresearch .leftWt .mpb2{padding-bottom:0}.factory .items1 .ct.pb6{padding-bottom:6rem}#page_factory_en .factory .position2{bottom:-60%}#page_factory_en .factory .itemsfactory_global .numFlex dd{padding:0}.education .numFlex .nums{width:98%;padding:.25rem .25rem .25rem .25rem;margin:.1rem auto}.welfarejz .bgs{max-width:80%}.welfare .items10 .autopage{position:absolute;top:35%}.pageLife .items10 .ct.autopage{position:absolute;top:23%}.pageLife .items3 .autopage .max40vw{max-width:100%}.pageLife .items4 .autopage{padding-top:13vh}.pageLife .items4 .autopage .max550{max-width:100%;width:92%;margin-right:4%}#pageLife_en .items4 .autopage{padding-top:10vh}#pageLife_en .items4 .bgybottom{background-position-y:center!important}.page_index .s4 .positionFull{justify-content:start}.page_index .s4 .autowidth{margin-top:3.5rem}.search_img{min-height:6rem}.search_img .bannerSwiper{aspect-ratio:auto;height:auto}.search_img .imgItems{height:auto;object-fit:contain}.pdSearch .serarchTxt{margin-top:.25rem}.pageLife .items2 .autopage{top:10%;position:absolute;padding:0;margin-left:7.2%}.pageLife .en .items2 .autopage{padding-top:5rem}.nutrition_research .itemsabout-fund-nutrition .autopage{padding-top:0;position:absolute;bottom:calc(.5rem + var(--safe-area-bottom));padding-bottom:.2rem;margin-left:7.2%}.nutrition_research .itemsabout-fund-core dl dd{background:rgba(255,255,255,.7);border:1px solid #fff}@media only screen and (max-width:640px){.ul_circle li{margin-left:.36rem}.pleft{text-align:left}.pright{text-align:right}.pcenter{text-align:center}.pjustify{text-align:justify}.phide{display:inline-block}.pbr{display:none}.mshow{display:block}}.nutrition_research .itemsabout-fund-core .pads .pt1 img{vertical-align:text-bottom}.cpImgs{position:absolute;right:0;bottom:0;width:40%}.cpImgs img{-webkit-transform:scale(1);transform:scale(1)}.yuanliao .yl{padding:.1rem;margin-right:.2rem;border-radius:.2rem}.usage div{max-width:2rem;width:auto}.usage div span{width:90%;left:5%;bottom:18%}.btnService{top:.15em}.btnService .swiperBtn3{width:1rem;line-height:1rem}.swiperBtn,.addBtns,.brandBtn{width:.6rem;line-height:.6rem;font-size:.36rem;z-index:10}.bigEventsCenter .swiperBtn4{top:30%}.swiperBtn4.leftBtn{left:0}.swiperBtn4.rightBtn{right:0}.thirdImg{width:auto;left:1.5rem;right:1.5rem}.pointLeft{padding-right:.3rem}.zixunSwiper .pads{padding:.5rem .14rem .6rem .14rem}.zixunSwiper .mins{line-height:.35rem}.zixunSwiper .swiper-slide-active .mins{line-height:1.5}.zixunSwiper .swiper-slide-active .scaleFont{font-size:100%}.testDL dd{width:48%}.chooseDL{padding:.5rem 0 .7rem 0}.chooseDL .imgOff{display:none}.chooseDL .imgOn{display:block}.pd2Swiper .full{min-height:2.8rem}.pd2-pagNode{bottom:.2rem}.pd2-pagNode .swiper-pagination-bullet{margin-right:.18rem}.padAuto{padding-left:.5rem;position:absolute;top:2%;padding-right:.5rem}.padrAuto{padding-right:.3rem}.sonSwiper .swiper{height:100%}.sonSwiper .swiper-slide{width:100vw}.sonSwiper .slides{max-height:100vh;width:70vw;margin-left:13vw}.shubiao div{bottom:-.7rem;left:-.55rem}.phoneHide{display:none}.threeFlex dd{width:49%;margin-bottom:.4rem}.nutrition_research .threeFlex dd{width:100%;margin-bottom:.4rem}.nutrition_research .threeFlex dd:last-child{margin-bottom:0}.scientific .items1{height:100vh;max-height:unset}.scientific .items1 .autopage{position:absolute;top:30vh}.scientific .items1 .colorfff{color:#333}.scientific .itemsresearch_b .healthDL dd .pads img{width:50%}.healthDL .pads{padding:.5rem}.healthDL dd{width:98%;margin-bottom:.5rem;border-top:1px solid #ff1d25}.threeFlex dd:last-child,.healthDL.fourFlex dd{width:98%}.itemsresearch_c .healthDL dd{border:0}.itemsresearch_a .healthDL dd{border-top:0}.itemsresearch_b .healthDL{padding:0 0 .4rem}.itemsresearch_b .healthDL dd,.duty_project .healthDL dd{width:48%;margin-top:.2rem}.max1200{max-width:100%}.mwt100{width:1rem}.phoneColumn{flex-direction:column}.phoneWt100{width:100%}.news_black .newSearch{background:rgba(255,255,255,.9)}.pages2 .jgdjfy>*{margin:2px;padding:1px}.news_black .pages2 .jgdjfy>*{background:rgba(255,255,255,.6)}.news_black .pages2 .jgdjfy li a{color:rgba(0,0,0,.4);margin-left:-.025rem}.news_black .pages2 .on{color:#fff;background:#ff1d25}.news_black .newSearch input{color:#333}.news_black .newSearch input::placeholder{background-color:#fff;line-height:.6rem;padding:0;color:rgba(0,0,0,.4)}.newSearch{position:static;margin:auto;width:300px;max-width:100%;margin-top:.2rem}.newSearch input{line-height:.3rem;padding:.2rem .3rem;width:88%}.newSearch .btns{width:.7rem;line-height:.7rem;text-align:center}.news_black .newSearch .btns{color:#fff;background-color:#ff1d25}#pageInvestorEn .serviceFlex .item{width:98%}.diaoyan .flex1{width:100%;flex:auto}.aroundSwiper.swiper{width:92%;left:0;margin:auto}.aroundSwiper .pads{padding:.3rem}.pageLife .items1 .fullHeight{padding-top:0}#pageLife_en .items2 .autopage{padding-top:2rem}.pageLife .items3 .max550{max-width:3.5rem}.aroundSwiper .dd{width:98%;margin:0 2% 1.33% 0}.walfDL dd{width:95%;padding:2% 4%}.swiperBtn-disabled{display:unset}.productsList{padding:0}.products-item{width:100%;display:flex;align-items:flex-start;margin-bottom:.1rem}.products-item .liobox{display:flex;flex-direction:row;align-items:flex-start}.products-item .scaleImg{width:2.5rem;height:auto;margin-right:.5rem}.products-item .textContainer{flex:1;display:flex;flex-direction:column}.products-item .textInfo{flex:1}.products-item .singleTxt{text-align:left;white-space:normal;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.products-item .priceInfo{text-align:left}#divProducts{max-width:100%}.intellectual .projectTit .autopage{max-width:90%}.nutrition_report .reports .pointSwiper .blockImg{max-height:unset!important}.tableBox table .firstRow td{border-color:#fff!important}.itemsirinfo .infoSwiper .items{margin-top:.1rem}.laborator .items1 .autopage{top:25%;bottom:unset;position:absolute}.laborator .items2 .imageList{display:block}.join .items1 .autopage{top:35%!important;bottom:unset;position:absolute}.join .itemswork .itemList,.join .itemsultimate .itemList{grid-template-columns:repeat(1,1fr);max-width:90%;margin:0 auto}.join .itemswork .item.words,.join .itemsultimate .item.words{padding:.1rem .2rem}.join .itemswork .item:nth-child(3){order:4}.join .itemswork .item:nth-child(4){order:3}.join .itemsactivity .item-images{display:block}.join .itemsactivity .item-image{width:100%;object-fit:cover}.join .itemstalent .item-images{display:block}.join .itemstalent .item-image{width:100%;object-fit:cover}.qrcode-contain{margin-left:0;padding:.1rem 0 .3rem 0;width:4rem;height:3.6rem;color:#333;left:2.3rem;top:.1rem;transform:scale(.8)}.qrcode-contain .centers{padding-left:.2rem;padding-right:.2rem}.qrcode-contain img{width:55%;margin:.2rem 0 0 25%}.qrcode-contain .btn_close{width:.2rem;margin:.2rem .2rem 0 0}.join .itemswork .swiper,.join .itemsultimate .swiper{padding-top:0}.join .itemswork .work-desc,.join .itemsultimate .work-desc{width:92%;max-width:unset;position:relative;margin:0 auto;bottom:unset;padding:1.6rem 0 .4rem 0;background:unset}.join .itemsultimate .work-desc{padding:.6rem 0 0 0;margin:0;width:100%}.join .itemswork .swiper-pagination.default,.join .itemsultimate .swiper-pagination.default{position:relative;margin-top:.5rem}.join .itemstalent .swiper-pagination{position:relative;margin-top:.5rem}@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-device-pixel-ratio:2){.nutritionMain .itemsbinh .yanjiu dd{width:30%}}@media(min-height:720px){.reports .pointSwiper .blockImg,.nutritionMain .pointSwiper .blockImg{max-height:60vh}.materials .dhLeft{margin-top:.5rem}.materials .areaFlex .at{padding:.3rem 0}.aboutIndex .itemsabout-values .valueDL dd .cots p{display:block}.education .items2 .max1200{padding-top:14vh}.education .items2 .max1200 .lefts{margin:1% 8%}}@media(min-height:800px){.nutrition_research .itemsabout-fund-core .pads{padding:.3rem}.nutrition_research .itemsabout-fund-core .threeFlex{padding-top:.6rem}.nutrition_research .itemsabout-fund-core .threeFlex dd{margin-bottom:.3rem}}@media(max-height:700px){.mhide700,.mhide700{display:none}}@media(max-height:800px){.mhide800,.mhide800{display:none}}@media screen and (min-width:768px) and (max-width:1024px){.font14{font-size:max(.21rem,13px)}.publicBtn{border-radius:.25rem 0}.join .itemsactivity .item-image{max-height:35vh}.duty .itemscsresponsibility .autopage,.page_hope .ct.autopage{margin:60vh auto 0 auto}.pageLife .items4 .autopage{padding-top:1.5rem}.pageLife .items4 .autopage .max550{max-width:100%}.hopeDL dd{padding:max(.05rem,(100vh - 900px)*.08) 0}.duty_education .items4 .cots{margin-top:1rem}.nutrition_research .itemsabout-fund-core .hexinDL .lefts{text-align:center;padding-top:.1rem}.footer .kefuLink>a{width:.5rem;line-height:.5rem}.footer .nav-service .font26{font-size:max(.4rem,24px)}.padbgycenter{background-position-y:center!important}.padbgybottom{background-position-y:bottom!important}.padbgxcenter{background-position-x:center!important}.padbgxleft{background-position-x:left!important}.padbgxright{background-position-x:right!important}.factory .itemsfactory_global .bgs{max-height:50vh}.nutritionMain .itemsabout-fund .mw100{margin-left:.3rem}.healthDL .pads .font16.justify{display:flex;align-items:center}.healthDL .pads .font16.justify .content{margin-left:.3rem}.healthDL .pads{padding:.3rem}.healthDL .pads .font16.justify img{order:-1;width:50%}.footer .footTop{padding:.8rem 0 .4rem 0}.nutrition_research .itemsabout-fund-nutrition .autopage{bottom:.5rem}.aboutIndex .itemsabout-milestones .dhyc1{padding-top:15%}.aboutIndex .itemsabout-milestones .desc_year_img{top:23%}.aboutIndex .itemsabout-milestones .bigEvents{bottom:28%}.aboutIndex .itemsabout-milestones .desc_desc{bottom:20%}.page_index .s5 .positionFull{color:#fff}.copyRight{padding-bottom:.15rem}.aboutIndex .itemsabout-about .autopage{top:15%}.duty .items1 .phoneBg,.duty .itemspubprotect .phoneBg,.laborator .items1 .phoneBg{background-position-y:center!important}.pageLife .items2 .autopage{top:unset;bottom:15%}.hopeDL .desc{font-size:max(.2rem,12px)}.duty_project .items1 .phoneBg{background-position-y:center!important}.duty_project .items1 .ct.autopage{top:25%}.duty_project .items2 .phoneBg{background-position-y:80%!important}.headCenter .headDL dd .navList .list{padding:.25rem 0}.pageInvestor .pageBanner .phoneBg{background-position-y:center!important}.diaoyan .flex1{flex:1}.nutrition_research .itemsabout-fund-nutrition .phoneBg{background-position-y:30%!important}.products-item{display:block;width:calc(25% - .2rem)}.products-item .liobox{display:block}.products-item .scaleImg{width:unset;margin-right:0}.products-item .textContainer{display:block}.products-item .singleTxt{white-space:nowrap}.qrcode-contain{width:2.2rem;height:1.8rem;transform:scale(1);left:3rem;top:-1rem}.qrcode-contain .btn_close{margin:.1rem .2rem 0 0}.duty_education .items4 .cots{margin-top:.1rem}.footer .kefuImg.on{width:2.5rem;height:2.5rem}}@media screen and (min-width:768px) and (max-width:1280px){.pageLife .items10 .ct.autopage{top:70%}.shubiao{bottom:.5rem}.duty_education .items3 .nums .font16{font-size:14px}.padAuto{padding-left:0}.nutrition_research .itemsabout-fund-nutrition .fullHeights{background-position-x:80%}@media(max-height:800px){.mhide700{display:none}}.join .itemswork .work-desc,.join .itemsultimate .work-desc{width:35%}}@media only screen and (max-width:320px){.headRight .language{font-size:.2rem}.headFlex .logo{height:.4rem}.header{padding:.2rem}.navMenu{margin-left:.2rem}.footer .footDL .dd{padding:.2rem 0}.footTop .navs .footDL .dd{margin-left:0}.nav-service .font26{padding-left:.2rem}.autowidth{max-width:94%}.autopage{max-width:94%}.footer .footTop{padding:.3rem 0 .1rem 0}.footer .footTop .navs{padding-top:.2rem}.footer .footDL .dd>p{margin-bottom:.05rem}.headDL dd .link{padding:.2rem 0}.brandCt{padding:.3rem 0}.brandCt{margin-top:.3rem}.headCenter .headDL .nav .menuNav{padding-top:.3rem}.headCenter .headDL dd .navList .list{padding:.2rem 0}.font12{font-size:max(.2rem,12px)}.font14{font-size:max(.21rem,12px)}.font15{font-size:max(.22rem,13px)}.font16{font-size:max(.24rem,14px)}.font18{font-size:max(.26rem,15px)}.font20{font-size:max(.28rem,14px)}.mfont14{font-size:max(.2rem,13px)}.mfont22{font-size:max(.3rem,16px)}.my-sidebar .my-sidebar-content dd{font-size:max(.26rem,13px)}.my-sidebar .my-sidebar-content dd.tag0{flex-basis:calc(49% - .15rem)}.my-sidebar .my-sidebar-content dd.tag2{flex-basis:calc(49% - .15rem)}.my-sidebar .my-sidebar-content dd.tag1{flex-basis:calc(33.3% - .15rem);margin:.1rem .15rem .1rem 0}.search_img{min-height:unset;margin-top:1rem}.pdSearch{top:8%}.aboutIndex .itemsabout-dna .cot{width:75%}.aboutIndex .itemsabout-values .valueDL dd .cots .font18{margin-bottom:0}.aboutIndex .itemsabout-values .cots .mt2{margin-top:0}.aboutIndex .itemsabout-values .valueDL dd{margin-bottom:.1rem;padding:.1rem .2rem}@media only screen and (max-height:550px){.duty .itemslaborator .autopage{margin-top:-35vh}.duty .itemschildnutrition .autopage{margin-top:-35vh}.duty .itemsearlychildhood .autopage{margin-top:-35vh}.nutritionMain .itemsbinh .yanjiu dd{width:31%}}}}@charset "UTF-8";@media screen and (max-aspect-ratio:11/10){:root{--safe-area-bottom:0}@media only screen and (min-device-width:375px) and (max-device-width:812px){:root{--safe-area-bottom:constant(safe-area-inset-bottom);--safe-area-bottom:env(safe-area-inset-bottom)}.cpxqRight .title{max-width:100%}}@media screen and (min-width:768px) and (max-width:1023px){.footer .footDL .dd>p{margin-bottom:.2rem}}.page_index .s3 .positionFull{justify-content:start}.page_index .s3 .autowidth{margin-top:3.5rem}.page_index .s4 .positionFull{text-align:center;padding-bottom:2.4rem}.aboutIndex .itemsabout-milestones .desc_desc .desc_content{max-width:80%}.aboutIndex .itemsabout-about .autopage{top:10%}.aboutIndex .itemsabout-about .autopage .cot{background:unset}.aboutIndex .itemsabout-dna .padAuto{margin:0 2%}.aboutIndex .itemsabout-dna .padAuto .font16.pt2{text-align:left}.aboutIndex .itemsabout-values .autopage{padding-top:1rem}.aboutIndex .itemsabout-values .valueDL dd{padding:.2rem}.nutritionMain .itemsresearch .dhRight{padding-top:.3rem}.nutritionMain .itemsresearch .leftWt{padding-top:1.2rem}.nutritionMain .itemsresearch .dhLeft{padding-top:0}.nutritionMain .itemsabout-fund .rightTxt{margin-left:0;width:auto}.pageLife .items1 .mw100 .max60vw{max-width:unset}.pageLife .items1 .mw100 .max1200{text-align:left}.duty_education .items4 .cots{top:12%}.duty_education .items2 .autopage{padding-top:14vh}.duty_project .items3 .projectTit{padding-top:1rem}.duty_project .items3 .projectDL{margin-top:8%}.scientific .itemsresearch_a .font40,.scientific .itemsresearch_c .font40{text-align:left}.scientific .itemsresearch_b .animationDH.ls{text-align:left}.nutrition_research .itemsabout-fund-core .pads{padding:.2rem .3rem}.nutrition_research .itemsabout-fund-core .font40{padding-bottom:0;padding-top:1rem}.nutrition_research .threeFlex dd{margin-bottom:.2rem}.factory .itemsfactory_global .pads{padding-top:.6rem}.factory .itemsfactory_global .numFlex{margin-top:2%;display:block}.factory .itemsfactory_global .numFlex dd{padding:.2rem 0}.factory .itemsfactory_values .autopage{max-width:90%;padding-top:1.2rem}.factory .itemsfactory_values .autopage .font40{font-size:1.1em;line-height:1.5;padding-bottom:.1rem}.xueshuDL .cts .desc{text-align:left}.join .itemswork .work-desc{text-align:left;max-width:90%}.join .itemsultimate .work-desc{width:100%;padding-top:.3rem;text-align:left;max-width:unset}.join .itemstalent .group-desc,.join .itemsactivity .group-desc{text-align:left}.welfare .items .walfDL .font20{font-size:max(.24rem,14px)}@media screen and (max-width:767px){.footer .footDL .dd{padding:0 .1rem}.footer .footDL .dd>p{margin-bottom:.2rem}.footer .footDL .dd:first-child{width:45%}.navList .list{width:100%}}@media only screen and (max-width:640px){.aboutIndex .itemsabout-values .autopage{max-width:90%}.aboutIndex .itemsabout-values .valueDL dd .cots p{line-height:1.5}.page_index .s4 .positionFull .autowidth{margin-top:auto}.nutrition_research .itemsabout-fund-nutrition .autopage{bottom:calc(.2rem + var(--safe-area-bottom))}.duty .itemschildnutrition .autopage{text-align:left;color:#fff}}@media screen and (min-width:768px) and (max-width:1400px){.nutritionMain .itemsabout-fund .wtHalf{width:60%}}}