/* swiper/swiper-bundle.min.css */ /** * Swiper 8.4.6 * 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: January 17, 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}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* css/animate.min.css */ @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.5.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2017 Daniel Eden */ .animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:1s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.pulse{animation-name:pulse}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.tada{animation-name:tada}@keyframes wobble{0%{transform:none}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:none}}.wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{0%{transform:perspective(400px) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedIn{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{0%{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate(200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-name:hinge}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.slideOutUp{animation-name:slideOutUp} /* css/style-v3.css */ body { margin: auto; cursor: default; } /* About page: editor content may contain nowrap spans that overflow under the image. */ .gywm_top1_3, .gywm_top1_3 p, .gywm_top1_3 span, .gywm_top1_3 strong { white-space: normal !important; text-wrap-mode: wrap !important; overflow-wrap: anywhere; word-break: normal; } a { text-decoration: none; color: inherit; } ul { margin: 0; padding: 0; } p { margin: 0; } ul li { list-style-type: none; } div, a, textarea, input, span { box-sizing: border-box; } input { background: none; } input[type="button"] { cursor: pointer; } button { cursor: pointer; } textarea { resize: none; font-family: inherit; } div, input { box-sizing: border-box; } ::-webkit-scrollbar { width: 3px; height: 3px; } ::-webkit-scrollbar-thumb { border-radius: 1em; background-color: rgba(50, 50, 50, .3); } ::-webkit-scrollbar-track { border-radius: 1em; background-color: rgba(50, 50, 50, .1); } /* a:hover, button:hover { opacity: 0.7; } */ .container { padding: 0 120px; margin: auto; box-sizing: border-box; display: flex; } .container2 { width: 1200px; margin: auto; box-sizing: border-box; display: flex; } .container3 { width: 1400px; margin: auto; box-sizing: border-box; display: flex; } .banner { width: 100%; } .banner_tit{ width: 100%; padding: 40px 0; text-align: center; font-size: 48px; color: #333333; font-weight: bold; text-align: center; } .banner_sws{ width: 100%; height: 600px; } .banner_sws .swiper { width: 100%; height: 100%; } .banner_sws .swiper-slide { width: 100%; height: 100%; } .banner_sws .swiper-pagination-bullet { width: 45px; height: 5px; background: white; border-radius: 5px; } .banner_sws .swiper-pagination-bullet-active { background: white; } .banner_sws .swiper-slide a{ width: 100%; height: 100%; display: block; } .banne { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; } .inde_abouts { width: 100%; /*padding-right: 120px;*/ } .inde_about{ width: 100%; margin: 40px auto; padding-right: 55px; } .inde_about1 { width: 100%; /*width: 35%;*/ /*height: 580px;*/ object-fit: cover; object-position: center; display: inline-block; vertical-align: middle; } .inde_about2 { width: calc(100% - 615px); /*width: 64%;*/ /*padding: 0 55px;*/ /*float: left;*/ display: inline-block; vertical-align: middle; } .inde_about3 { width: 100%; display: inline-block; /*width: 200px;*/ /*float: left;*/ /* margin-right: 25px;*/ } .inde_about3_1 { width: 23.5%; /*width: 100%;*/ /*margin-bottom: 70px;*/ margin-right: 2%; margin-bottom: 25px; float: left; } .inde_about3_1:nth-child(4n){ margin-right: 0; } /*.inde_about3_1:last-child {*/ /* margin-bottom: 0;*/ /*}*/ .inde_about3_2 { width: 100%; font-size: 30px; color: #004EBA; font-weight: bold; } .inde_about3_3 { width: 100%; font-size: 16px; color: #333333; margin-top: 5px; } .inde_about4 { width: 560px; /*width: calc(100% - 225px);*/ /*float: left;*/ margin-left: 50px; display: inline-block; vertical-align: middle; } .inde_about4_1 { width: 100%; /*font-size: 30px;*/ font-size: 48px; color: #333333; font-weight: bold; margin-bottom: 40px; float: left; text-align: center; } .inde_about4_2 { width: 100%; height: 635px; overflow: hidden; /*margin-top: 40px;*/ font-size: 16px; color: #333333; line-height: 35px; font-weight: 200; } .inde_about4_3 { width: 200px; height: 60px; display: block; margin-top: 50px; background: #004EBB; text-align: center; line-height: 60px; font-size: 16px; color: white; } .inde_about5{ width: 100%; } .inde_proves { width: 100%; display: inline-block; background-image: url(/img/bg_1.webp); background-position: center; background-repeat: no-repeat; background-size: cover; } .inde_prove{ width: 100%; /*margin: 100px auto;*/ margin: 50px auto; } .inde_proveas { width: 100%; } .inde_provea { width: 100%; /*margin-top: 115px;*/ margin-bottom: 25px; display: inline-block; } .inde_provea1 { /*float: left;*/ /*font-size: 30px;*/ font-size: 48px; color: white; font-weight: bold; text-align: center; margin-bottom: 40px; } .inde_provea2 { /*float: right;*/ display: flex; } .inde_provea2_1 { width: 170px; height: 30px; border-radius: 5px; background: rgba(0, 0, 0, .28); text-align: center; line-height: 30px; padding: 0 10px; font-size: 16px; color: white; margin-right: 10px; white-space: nowrap; /* 防止文本换行 */ overflow: hidden; /* 隐藏溢出的内容 */ text-overflow: ellipsis; /* 显示省略号来代表被修剪的文本 */ } .inde_provea2_1:last-child { margin-right: 0; } .inde_provea2_1.on { background: white; color: #333333; } .inde_provebs { width: 100%; margin-bottom: 40px; /*padding-left: 120px;*/ } .inde_provebs:last-child{ margin-bottom: 0; } .inde_proveb1 { width: 100%; /*display: none;*/ } .inde_proveb2 { width: 100%; } .inde_proveb2 .swiper { width: 100%; height: 100%; } .inde_proveb2 .swiper-slide { width: 100%; height: 100%; } .inde_proveb3 { width: 100%; background: white; display: flex; align-items: center; } .inde_proveb3_1 { width: 52%; height: 380px; display: inline-block; vertical-align: middle; position: relative; } .inde_proveb3_1_1 { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; } .inde_proveb3_1_2 { width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0; top: 0; z-index: 1; } .inde_proveb3_1_2 img { width: 65px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .inde_proveb3_2 { width: 48%; padding:35px; padding-right: 70px; display: inline-block; vertical-align: middle; } .inde_proveb3_3 { width: 100%; } .inde_proveb3_3_1 { width: 45px; height: 45px; border-radius: 50%; margin-right: 10px; object-fit: cover; object-position: center; display: inline-block; vertical-align: middle; } .inde_proveb3_3_2 { width: calc(100% - 95px); display: inline-block; vertical-align: middle; } .inde_proveb3_3_3 { width: 100%; font-size: 16px; color: #333333; font-weight: bold; } .inde_proveb3_3_4 { width: 100%; margin-top: 10px; display: flex; } .inde_proveb3_3_4 img { width: 15px; margin-right: 5px; } .inde_proveb3_3_4 img:last-child { margin-right: 0; } .inde_proveb3_4 { width: 100%; margin-top: 20px; font-weight: 100; font-size: 16px; color: #333333; line-height: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; /* 限制显示的行数为3 */ overflow: hidden; } .inde_proveb3_5 { width: 100%; margin-top: 40px; display: inline-block; font-size: 16px; color: #004EBB; } .inde_proveb3_5 img { width: 25px; display: block; float: right; } .inde_proveb3_6{ width: 30%; padding:35px; padding-right: 70px; display: inline-block; vertical-align: middle; } .inde_proveb3_7{ width: 69%; height: 380px; display: inline-block; vertical-align: middle; position: relative; } .inde_proveb4 { width: 100%; height: 150px; margin-top: 30px; } .inde_proveb4 .swiper { width: 100%; height: 100%; } .inde_proveb4 .swiper-slide { width: 100%; height: 100%; } .inde_proveb4_1{ border: 2px solid translate; width: 100%; height: 100%; position: relative; } .inde_proveb4_1 img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; } .inde_proveb4_1.on{ border-color: white; } /*.inde_proveb4_1::after {*/ /* content: '';*/ /* width: 100%;*/ /* height: 100%;*/ /* background: rgba(255, 255, 255, .7);*/ /* position: absolute;*/ /* left: 0;*/ /* top: 0;*/ /* z-index: 1;*/ /*}*/ /*.inde_proveb4_1.on::after {*/ /* display: none;*/ /*}*/ .inde_speaks { width: 100%; } .inde_speak { width: 100%; margin: 60px auto; } .inde_speak1 { width: 100%; text-align: center; font-size: 48px; color: #333333; font-weight: bold; } .inde_speak2 { width: 100%; margin-top: 15px; } .inde_speak3 { width: 330px; display: inline-block; vertical-align: middle; } .inde_speak3_1 { width: 100%; height: 65px; line-height: 65px; font-size: 24px; color: #666666; font-weight: bold; white-space: nowrap; /* 防止文本换行 */ overflow: hidden; /* 隐藏溢出的内容 */ text-overflow: ellipsis; /* 显示省略号来代表被修剪的文本 */ } .inde_speak3_1.on { color: #004EBB; position: relative; } .inde_speak3_1.on::after { content: ''; width: 50%; height: 3px; background: #004EBB; position: absolute; left: 0; bottom: 0; } .inde_speak4 { width: calc(100% - 340px); display: inline-block; vertical-align: middle; } .inde_speak4_1 { width: 100%; display: none; } .inde_speak5 { width: 100%; } .inde_speak6 { width: calc(100% - 300px); /*margin: 0 80px;*/ display: inline-block; vertical-align: middle; position: relative; } .inde_speak6::before { content: ''; width: 30%; height: 100%; background: linear-gradient(to right, #fff, rgba(255, 255, 255, .2)); position: absolute; left: 0; top: 0; z-index: 2; } .inde_speak6::after { content: ''; width: 30%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, .2), #fff); position: absolute; right: 0; top: 0; z-index: 2; } .inde_speak6 .swiper { width: 100%; height: 100%; } .inde_speak6 .swiper-slide { width: 100%; height: 100%; } .inde_speak6_1 { width: 100%; font-size: 24px; color: #333333; font-weight: bold; text-align: center; } .inde_speak6_1 img { width: 100%; /* height: 300px; */ display: block; object-fit: cover; object-position: center; margin-bottom: 20px; } .inde_speak6_1 div { width: 100%; white-space: nowrap; /* 防止文本换行 */ overflow: hidden; /* 隐藏溢出的内容 */ text-overflow: ellipsis; /* 显示省略号来代表被修剪的文本 */ } .inde_speak7 { width: 290px; height: 560px; display: inline-block; vertical-align: middle; } .inde_speak7 .swiper-father { width: 100%; height: 100%; padding: 75px 0; position: relative; } .inde_speak7 .swiper { width: 100%; height: 100%; } .inde_speak7 .swiper-slide { width: 100%; height: 100%; padding: 10px; } .inde_speak7 .swiper-button-prev::after, .inde_speak7 .swiper-button-next::after { display: none; } .inde_speak7 .swiper-button-prev { width: 55px; height: 55px; background-image: url(/img/prev_1.webp); background-repeat: no-repeat; background-size: 100% 100%; top: 25px; left: 50%; transform: translateX(-50%); } .inde_speak7 .swiper-button-prev:hover { background-image: url(/img/prev_1-s.webp); } .inde_speak7 .swiper-button-next { width: 55px; height: 55px; background-image: url(/img/next_1.webp); background-repeat: no-repeat; background-size: 100% 100%; top: calc(100% - 35px); left: 50%; transform: translateX(-50%); } .inde_speak7 .swiper-button-next:hover { background-image: url(/img/next_1-s.webp); } .inde_speak7_1 { width: 100%; height: 100%; border-radius: 100px; padding: 0 10px; background: #F7F7F7; font-size: 18px; color: #666666; text-align: center; display: flex; align-items: center; justify-content: center; } .inde_speak7_1.on { background: white; font-weight: bold; box-shadow: 0 3px 7px rgba(0, 0, 0, .21); color: #333333; } .inde_speak7_1 div { width: 100%; white-space: nowrap; /* 防止文本换行 */ overflow: hidden; /* 隐藏溢出的内容 */ text-overflow: ellipsis; /* 显示省略号来代表被修剪的文本 */ } .inde_speak8{ width: 100%; text-align: center; margin-top: 40px; } .inde_speak8_1{ border: 1px solid #004EBB; height: 40px; border-radius: 50px; display: inline-block; padding:0 10px; line-height: 40px; font-size: 16px; color: #666666; margin-right: 15px; margin-bottom: 10px; } .inde_speak8_1.on{ border-color:#004EBB; background: #004EBB; color: white; } .inde_speak8_1:last-child{ margin-right: 0; } .inde_speak9{ width: 100%; } .inde_speak9_1{ width: 100%; display: none; } .inde_speak10{ width: 100%; display: inline-block; } .inde_speak10_1{ border: 1px solid #F7F7F7; width: 18.4%; float: left; margin-top: 20px; margin-right: 2%; padding: 10px; font-size: 16px; color: #333333; text-align: center; font-weight: bold; } .inde_speak10_1:nth-child(5n){ margin-right: 0; } .inde_speak10_1 img{ width: 100%; height: 270px; display: block; object-fit: contain; object-position: center; margin-bottom: 20px; } .inde_speak10_1 div{ width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .inde_proves, .inde_speaks, .banner, .inde_wewills, .inde_whys { content-visibility: auto; contain-intrinsic-size: 1px 600px; } .inde_yours { width: 100%; position: relative; overflow: hidden; min-height: 480px; background-color: #0a1628; display: flex; align-items: center; box-sizing: border-box; padding: 56px 0 44px; } .inde_yours__media, .inde_yours > .inde_yours__bg { position: absolute; inset: 0; z-index: 0; pointer-events: none; } .inde_yours__bg { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; } .inde_yours > .container3 { position: relative; z-index: 1; display: flex; align-items: center; } .inde_your { width: 100%; margin: 0 auto; } .inde_your1{ width: 100%; font-size: 30px; color: white; } .inde_your2{ width: 100%; margin-top: 20px; font-size: 20px; color: white; } .inde_your3{ width: 100%; display: inline-block; } .inde_your3_1{ border: 1px solid rgba(255,255,255,0.7); width: auto; min-width: 160px; padding: 0 20px; box-sizing: border-box; white-space: nowrap; height: 40px; border-radius: 10px; text-align: center; line-height: 40px; background: rgba(255,255,255,0.4); color: white; font-size: 16px; display: block; float: left; margin-right: 20px; margin-top: 20px; } .inde_your3_1:last-child{ margin-right: 0; } .inde_your3_1:hover{ border-color: #155DFC; background: #155DFC; color: white; } /*.inde_your1 { width: 100%; text-align: center; font-size: 30px; color: white; font-weight: bold; margin: auto; } .inde_your2 { width: 100%; margin-top: 50px; display: inline-block; } .inde_your3 { width: 48%; height: 485px; border-radius: 10px; margin-right: 3%; float: left; overflow: hidden; position: relative; } .inde_your3_1 { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; } .inde_your3_2 { width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0; top: 0; z-index: 1; } .inde_your3_2 img { width: 45px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .inde_your4 { width: 49%; float: left; } .inde_your4_1 { width: 100%; margin-bottom: 30px; } .inde_your4_1:last-child { margin-bottom: 0; } .inde_your4_2 { width: 100%; height: 55px; border-radius: 5px; background: rgba(23, 43, 120, .34); padding: 0 20px; font-size: 16px; color: white; font-weight: bold; } .inde_your4_2 img { width: 30px; margin-right: 10px; display: inline-block; vertical-align: middle; } .inde_your4_2 div { width: calc(100% - 50px); line-height: 55px; display: inline-block; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .inde_your4_3 { width: 100%; padding: 15px 40px; font-size: 16px; color: white; line-height: 25px; display: none; } .inde_your4_1:hover .inde_your4_3 { display: block; }*/ .inde_ourfours { width: 100%; background-image: url(/img/bg_3.webp); background-position: center; background-repeat: no-repeat; background-size: cover; } .inde_ourfour { width: 100%; margin: 40px auto; /*margin-top: 85px;*/ /*margin-bottom: 60px;*/ } .inde_ourfour1 { width: 100%; font-size: 48px; color: #333333; font-weight: bold; text-align: center; } .inde_ourfour2 { width: 100%; margin-top: 10px; } .inde_ourfour3 { width: 100%; height: 150px; /*width: 220px;*/ /*height: 625px;*/ /*margin-left: 40px;*/ margin-top: 40px; /*display: inline-block;*/ /*vertical-align: middle;*/ } .inde_ourfour3 .swiper { width: 100%; height: 100%; } .inde_ourfour3 .swiper-slide { width: 100%; height: 100%; } .inde_ourfour3_1 { border: 2px solid transparent; width: 100%; height: 100%; position: relative; } .inde_ourfour3_1 img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; } .inde_ourfour3_1.on{ border-color: #004EBB; } /*.inde_ourfour3_1::after {*/ /* content: '';*/ /* width: 100%;*/ /* height: 100%;*/ /* background: rgba(255, 255, 255, .7);*/ /* position: absolute;*/ /* left: 0;*/ /* top: 0;*/ /* z-index: 1;*/ /*}*/ /*.inde_ourfour3_1.on::after {*/ /* display: none;*/ /*}*/ .inde_ourfour4 { /*width: calc(100% - 270px);*/ width: 100%; /*display: inline-block;*/ /*vertical-align: middle;*/ } .inde_ourfour4 .swiper { width: 100%; height: 100%; } .inde_ourfour4 .swiper-slide { width: 100%; height: 100%; } .inde_ourfour4_1 { width: 100%; display: inline-block; } .inde_ourfour4_2 { width: 44%; float: left; } .inde_ourfour4_2_1 { max-width: 100%; height: 45px; display: block; } .inde_ourfour4_2_2 { width: 100%; /*margin-top: 20px;*/ font-size: 24px; color: #333333; } .inde_ourfour4_2_3 { width: 100%; margin-top: 35px; font-size: 16px; font-weight: 100; color: #333333; } .inde_ourfour4_2_4 { width: 200px; height: 60px; text-align: center; line-height: 60px; background: #004EBB; font-size: 16px; color: white; margin-top: 50px; } .inde_ourfour4_3 { width: 46%; height: 430px; display: block; object-fit: cover; object-position: center; float: right; } .inde_news { width: 100%; } .inde_new { width: 100%; margin: 60px auto; /*margin-top: 100px;*/ /*margin-bottom: 60px;*/ } .inde_new1 { width: 100%; font-size: 48px; color: #333333; font-weight: bold; text-align: center; } .inde_new2 { width: 100%; margin-top: 50px; display: inline-block; } .inde_new3 { width: 44%; display: block; background: #004EBB; float: left; margin-right: 4%; } .inde_new3_1 { width: 100%; height: 410px; display: block; object-fit: contain; object-position: center; } .inde_new3_2 { width: 100%; padding: 10px 35px; display: inline-block; } .inde_new3_3 { width: 55px; text-align: center; margin-right: 30px; float: left; } .inde_new3_3_1 { width: 100%; font-size: 30px; color: white; font-weight: bold; } .inde_new3_3_2 { width: 100%; font-size: 16px; color: white; font-weight: 100; } .inde_new3_4 { width: calc(100% - 85px); float: left; } .inde_new3_4_1 { width: 100%; padding: 10px 0; font-size: 20px; color: white; font-weight: bold; white-space: nowrap; /* 防止文本换行 */ overflow: hidden; /* 隐藏溢出的内容 */ text-overflow: ellipsis; /* 显示省略号来代表被修剪的文本 */ } .inde_new3_4_2 { border-top: 1px solid rgba(255, 255, 255, .17); width: 100%; padding: 20px 0; font-size: 16px; color: white; font-weight: 100; } .inde_new3_4_2 div { width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 限制显示的行数为3 */ overflow: hidden; } .inde_new4 { width: 52%; float: left; } .inde_new4_1 { border-bottom: 1px solid #DEDEDE; width: 100%; display: block; padding-bottom: 20px; margin-bottom: 20px; } .inde_new4_2 { width: 100%; display: inline-block; } .inde_new4_2_1 { width: calc(100% - 120px); font-size: 18px; color: #333333; font-weight: bold; float: left; white-space: nowrap; /* 防止文本换行 */ overflow: hidden; /* 隐藏溢出的内容 */ text-overflow: ellipsis; /* 显示省略号来代表被修剪的文本 */ } .inde_new4_2_2 { width: 100px; text-align: right; margin-left: 20px; float: left; font-size: 16px; color: #333333; } .inde_new4_3 { width: 100%; margin-top: 20px; display: none; } .inde_new4_3_1 { width: 100%; } .inde_new4_3_2 { width: calc(100% - 218px); font-size: 16px; font-weight: 100; color: #333333; display: inline-block; vertical-align: bottom; } .inde_new4_3_2 div { width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 限制显示的行数为3 */ overflow: hidden; } .inde_new4_3_1 img { width: 8px; margin-left: 200px; display: inline-block; vertical-align: bottom; } .inde_new4_1:hover .inde_new4_3 { display: block; } .inde_new5 { width: 200px; height: 60px; text-align: center; line-height: 60px; background: #004EBB; font-size: 16px; color: white; margin-top: 50px; display: block; } .inde_wewills { width: 100%; background-image: url(/img/bg_4.webp); background-position: center; background-repeat: no-repeat; background-size: cover; } .inde_wewill { width: 100%; margin: 70px auto; /*margin-top: 70px;*/ /*margin-bottom: 90px;*/ } .inde_wewill1 { width: 100%; font-size: 48px; color: white; font-weight: bold; text-align: center; } .inde_wewill2 { width: 100%; margin-top: 60px; font-size: 16px; color: white; } .inde_wewill3 { width: 100%; margin-top: 50px; display: inline-block; } .inde_wewill4 { width: 48%; float: left; display: inline-block; } .inde_wewill4_1 { width: 48%; float: left; margin-right: 4%; margin-bottom: 30px; } .inde_wewill4_1:nth-child(2n) { margin-right: 0; } .inde_wewill4_1_1 { width: 100%; margin-bottom: 10px; font-size: 16px; color: white; } .inde_wewill4_1_2 { border: 2px solid rgba(255, 255, 255, .39); outline: none; width: 100%; height: 60px; border-radius: 5px; padding: 0 20px; font-size: 16px; color: white; } .inde_wewill4_2 { width: 100%; float: left; margin-bottom: 30px; } .inde_wewill4_2_1 { border: 2px solid rgba(255, 255, 255, .39); outline: none; width: 100%; height: 110px; border-radius: 5px; padding: 10px 20px; font-size: 16px; color: white; background: transparent; } .inde_wewill4_3 { border: none; outline: none; float: left; width: 165px; height: 65px; border-radius: 65px; background: white; font-size: 16px; color: #004EBB; display: block; } .inde_wewill5 { border: 2px solid rgba(255, 255, 255, .39); width: 44%; height: 485px; border-radius: 5px; padding: 15px; margin-left: 8%; float: left; } .fd_video { width: 245px; height: 180px; border-radius: 10px; overflow: hidden; position: fixed; right: 35px; bottom: min(560px, calc(100vh - 200px)); z-index: 1001; cursor: move; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .fd_video video { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; cursor: default; } .fd_video img { width: 30px; position: absolute; right: 10px; top: 10px; z-index: 1; cursor: pointer; pointer-events: auto; } .fd_fds { width: 135px; position: fixed; right: 35px; bottom: 155px; z-index: 1001; } .fd_fd1 { width: 100%; display: block; } .fd_fd1 img { width: 100%; display: block; border-radius: 50%; } .fd_fd1 div { width: 100%; height: 30px; background: white; border-radius: 5px; font-size: 36px; color: #2360AA; text-align: center; line-height: 8px; margin-top: -15px; position: relative; z-index: 1; } .fd_fd2 { width: 100%; background: white; border-radius: 70px; margin-top: 20px; padding: 10px 5px; } .fd_fd2_1 { border-bottom: 1px solid #E1E1E1; width: 100%; padding: 15px 0; text-align: center; font-size: 12px; color: #333333; display: block; position: relative; } .fd_fd2_3 { max-width: 20px; display: block; margin: auto; margin-bottom: 5px; } .fd_fd2_2 { max-width: 100%; width: 50px; display: block; margin: auto; margin-top: 15px; } .fd_fd2_4{ width: 150px; background: white; padding: 10px; display: none; position: absolute; right: 100%; top: 50%; transform: translateY(-50%); } .fd_fd2_4 img{ width: 100%; display: block; } .fd_fd2_1:hover .fd_fd2_4, .fd_fd2_1:focus .fd_fd2_4{ display: block; } .nybanner { width: 100%; /*height: 735px;*/ position: relative; } .nybanne1 { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; } .nybanne2 { width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .nybanne3 { width: 100%; text-align: center; } .nybanne3_1 { width: 100%; font-size: 82px; color: white; font-weight: bold; text-shadow: 0 4px 0 rgba(0, 0, 0, .59); } .nybanne3_2 { width: 100%; margin-top: 20px; font-size: 60px; color: white; text-shadow: 0 4px 0 rgba(0, 0, 0, .59); } .dfh_abouts { width: 100%; } .dfh_about { width: 100%; /*margin: 95px auto;*/ margin: 50px auto; } .dfh_abouta { width: 100%; } .dfh_abouta1 { /*width: 42%;*/ width: 510px; margin-right: 20px; display: inline-block; vertical-align: middle; } .dfh_abouta1_1 { width: 100%; font-size: 34px; color: #333333; font-weight: bold; } .dfh_abouta1_2 { width: 100%; margin-top: 30px; font-size: 18px; color: #333333; line-height: 35px; } .dfh_abouta2 { width: calc(100% - 540px); /*width: 53%;*/ /*margin-left: 4%;*/ display: inline-block; vertical-align: middle; } .dfh_aboutb { width: 100%; /*margin-top: 135px;*/ margin-top: 60px; box-shadow: 0 2px 17px rgba(0, 67, 157, .26); display: flex; background-image: url(/img/bg_5.webp); background-position: center; background-repeat: no-repeat; background-size: cover; } .dfh_aboutb1 { width: 25%; text-align: center; padding: 50px 20px; } .dfh_aboutb1_1 { width: 100%; font-size: 53px; color: white; font-weight: bold; } .dfh_aboutb1_2 { width: 100%; margin-top: 15px; font-size: 18px; color: white; } .dfh_services { width: 100%; background-image: url(/img/bg_6.webp); background-position: center; background-repeat: no-repeat; background-size: cover; } .dfh_service { width: 100%; /*margin: 90px auto;*/ margin: 50px auto; } .dfh_service1 { width: 51%; margin-left: 10%; display: inline-block; vertical-align: middle; } .dfh_service1 img { width: 100%; display: block; } .dfh_service2 { width: 38%; display: inline-block; vertical-align: middle; } .dfh_service2_1 { width: 100%; margin-bottom: 60px; font-size: 34px; color: #333333; font-weight: bold; } .dfh_service2_2 { width: 100%; height: 55px; border-radius: 55px; background: white; margin-bottom: 20px; padding: 0 40px; box-shadow: inset 0 3px 7px rgba(0, 68, 159, 0.35); /*font-size: 18px;*/ font-size: 20px; color: #333333; } .dfh_service2_2:last-child { margin-bottom: 0; } .dfh_service2_2 img { width: 13px; margin-right: 10px; display: inline-block; vertical-align: middle; } .dfh_service2_2 div { /*width: calc(100% - 33px);*/ width: 100%; line-height: 55px; display: inline-block; vertical-align: middle; } .dfh_pros { width: 100%; } .dfh_pro { width: 100%; /*margin: 100px auto;*/ margin: 60px auto; } .dfh_pro1 { width: 100%; /*margin-bottom: 80px;*/ margin-bottom: 40px; } .dfh_pro1:last-child { margin-bottom: 0; } .dfh_pro2 { max-width: 100%; width: 685px; } .dfh_pro2_1 { width: 100%; font-size: 34px; color: #333333; font-weight: bold; text-transform: uppercase; } .dfh_pro2_2 { width: 100%; font-size: 18px; color: #333333; margin-top: 10px; word-wrap: break-word; /* white-space: pre-wrap; */ } .dfh_pro3 { width: 100%; display: inline-block; /*margin-top: 30px;*/ } .dfh_pro3_1 { width: 32%; height: 300px; font-size: 20px; color: white; float: left; margin-top: 30px; margin-right: 2%; overflow: hidden; position: relative; } .dfh_pro3_1:nth-child(3n) { margin-right: 0; } .dfh_pro3_1:hover img{ transform: scale(1.1); } .dfh_pro3_1 img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; transition: transform 0.5s ease; /* 添加过渡效果 */ } .dfh_pro3_1 div { width: 100%; height: 60px; text-align: center; line-height: 60px; padding: 0 10px; background: rgba(0, 32, 92, .51); white-space: nowrap; /* 防止文本换行 */ overflow: hidden; /* 隐藏溢出的内容 */ text-overflow: ellipsis; /* 显示省略号来代表被修剪的文本 */ position: absolute; left: 0; bottom: 0; } .dfh_works { width: 100%; background-image: url(/img/bg_7.webp); background-position: center; background-repeat: no-repeat; background-size: cover; } .dfh_work { width: 100%; margin: 60px auto; /*margin-top: 60px;*/ /*margin-bottom: 100px;*/ } .dfh_work1 { width: 100%; font-size: 34px; color: white; font-weight: bold; } .dfh_work2 { width: 100%; margin-top: 35px; display: inline-block; } .dfh_work2_1 { /*width: 45%;*/ width: calc(100% - 680px); /*display: block;*/ /*float: left;*/ /*margin-left: 7%;*/ /*height: 535px;*/ object-fit: contain; object-position: center; display: inline-block; vertical-align: middle; } .dfh_work2_2 { /*width: 48%;*/ width: 600px; margin-right: 70px; /*float: left;*/ display: inline-block; vertical-align: middle; } .dfh_work2_3 { width: 100%; margin-bottom: 20px; display: inline-block; /*font-size: 18px;*/ font-size: 24px; color: white; } .dfh_work2_3:last-child { margin-bottom: 0; } .dfh_work2_3 img { width: 13px; margin-right: 20px; float: left; } .dfh_work2_3 div { width: calc(100% - 33px); float: left; } .dfh_packages { width: 100%; } .dfh_package { width: 100%; /*margin: 120px auto;*/ margin: 60px auto; } .dfh_package1 { width: 46%; display: inline-block; vertical-align: middle; } .dfh_package1_1 { width: 100%; font-size: 34px; color: #000000; font-weight: bold; } .dfh_package1_2 { width: 100%; margin-top: 25px; font-size: 20px; color: #000000; } .dfh_package2 { width: 50%; margin-left: 3%; display: inline-block; vertical-align: middle; } .dfh_explains { width: 100%; background-image: url(/img/bg_8.webp); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; } .dfh_explain { width: 100%; margin: 60px auto; /*margin-top: 60px;*/ /*margin-bottom: 115px;*/ } .dfh_explain1 { width: 100%; } .dfh_explain1_1 { width: 100%; text-align: center; font-size: 34px; color: white; font-weight: bold; } .dfh_explain2 { width: 100%; /*margin-top: 90px;*/ margin-top: 40px; } .dfh_explain2 .swiper { width: 100%; height: 100%; } .dfh_explain2 .swiper-slide { width: 100%; height: 100%; } .dfh_explain2 .swiper-button-prev:after,.dfh_explain2 .swiper-button-next:after{ display: none; } .dfh_explain2 .swiper-button-prev{ width: 40px; height: 40px; border-radius: 50%; left: 10%; background-color: white; background-image: url('/img/prev_2.webp'); background-repeat: no-repeat; background-size: 100% 100%; } .dfh_explain2 .swiper-button-prev:hover{ background-image: url('/img/prev_2-s.webp'); } .dfh_explain2 .swiper-button-next{ width: 40px; height: 40px; border-radius: 50%; right: 10%; background-color: white; background-image: url('/img/next_2.webp'); background-repeat: no-repeat; background-size: 100% 100%; } .dfh_explain2 .swiper-button-next:hover{ background-image: url('/img/next_2-s.webp'); } .dfh_explain2 .swiper-slide-active .dfh_explain3_1::after { display: none; } .dfh_explain2 .swiper-slide-active .dfh_explain3_2 { opacity: 1; } .dfh_explain2 .swiper-slide-active .dfh_explain3_3 { opacity: 1; } .dfh_explain3 { width: 100%; } .dfh_explain3:hover .dfh_explain3_1 img { transform: scale(1.1); } .dfh_explain3_1 { width: 100%; height: 470px; overflow: hidden; background: white; position: relative; } .dfh_explain3_1 img { width: 100%; height: 100%; display: block; object-fit: contain; object-position: center; transition: transform 0.5s ease; /* 添加过渡效果 */ } .dfh_explain3_1::after { content: ''; width: 100%; height: 100%; background: rgba(50, 50, 50, .61); position: absolute; left: 0; top: 0; z-index: 1; } .dfh_explain3_2 { width: 100%; text-align: center; margin-top: 45px; font-size: 24px; padding: 0 10px; color: white; opacity: 0; white-space: nowrap; /* 防止文本换行 */ overflow: hidden; /* 隐藏溢出的内容 */ text-overflow: ellipsis; /* 显示省略号来代表被修剪的文本 */ } .dfh_explain3_3 { width: 100%; text-align: center; margin-top: 15px; font-size: 18px; padding: 0 10px; color: white; opacity: 0; white-space: nowrap; /* 防止文本换行 */ overflow: hidden; /* 隐藏溢出的内容 */ text-overflow: ellipsis; /* 显示省略号来代表被修剪的文本 */ } .dfh_yours { width: 100%; } .dfh_your { width: 100%; /*margin: 95px auto;*/ margin: 40px auto; } .dfh_your1 { width: 100%; font-size: 34px; color: #000000; font-weight: bold; margin-bottom: 20px; } .dfh_your2 { width: 100%; } .dfh_your3 { border-bottom: 2px solid #E2E2E2; width: 100%; padding: 30px 0; } .dfh_your3:last-child { border-bottom: 0; } .dfh_your3_1 { width: 100%; display: inline-block; } .dfh_your3_1_1 { width: 25px; float: left; margin-left: 20px; } .dfh_your3_1_1 img { width: 100%; } .dfh_your3_1_2 { display: block; } .dfh_your3_1_3 { display: none; } .dfh_your3_1_4 { width: calc(100% - 45px); float: left; font-size: 20px; color: #000000; font-weight: bold; } .dfh_your3_2 { width: 100%; margin-top: 20px; font-size: 18px; color: #666666; line-height: 35px; display: none; } .dfh_your3.on .dfh_your3_2 { display: block; } .sourcing_ours { width: 100%; } .sourcing_our { width: 100%; /*margin: 100px auto;*/ margin: 60px auto; } .sourcing_our1 { width: 100%; font-size: 34px; color: #333333; font-weight: bold; } .sourcing_our2 { width: 100%; margin-top: 40px; display: inline-block; } .sourcing_our3 { width: 42%; float: left; } .sourcing_our3_1 { width: 100%; margin-bottom: 30px; font-size: 18px; color: #333333; } .sourcing_our3_1:last-child { margin-bottom: 0; } .sourcing_our3_1 img { width: 50px; margin-right: 10px; display: inline-block; vertical-align: middle; } .sourcing_our3_1 div { width: calc(100% - 70px); display: inline-block; vertical-align: middle; } .sourcing_our3_1:hover { color: #004EBB; } .sourcing_our4 { width: 51%; display: block; float: left; margin-left: 7%; } .sourcing_works { width: 100%; background-image: url(/img/bg_9.webp); background-position: center; background-repeat: no-repeat; background-size: cover; } .sourcing_work { width: 100%; /*margin: 85px auto;*/ margin: 60px auto; } .sourcing_work1 { width: 100%; font-size: 34px; color: white; font-weight: bold; } .sourcing_work2 { width: 100%; display: inline-block; } .sourcing_work3 { width: 49%; /*height:335px;*/ margin-top: 20px; margin-right: 2%; display: block; float: left; overflow: hidden; position: relative; } .sourcing_work3:nth-child(2n) { margin-right: 0; } .sourcing_work3:hover .sourcing_work3_1 { transform: scale(1.1); } .sourcing_work3_1 { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; transition: transform 0.5s ease; /* 添加过渡效果 */ } .sourcing_work3_2 { width: 100%; margin-bottom: 10px; /*width: 210px;*/ /*background-image: url(/img/bg_10.webp);*/ /*background-position: center top;*/ /*background-repeat: no-repeat;*/ /*background-size: 100% auto;*/ /*position: absolute;*/ /*left: 25px;*/ /*top: 20px;*/ /*z-index: 1;*/ } .sourcing_work3_2_1 { width: 210px; font-size: 16px; color: white; font-weight: bold; padding: 10px; background-image: url(/img/bg_10.webp); background-position: center top; background-repeat: no-repeat; background-size: 100% auto; display: inline-block; vertical-align: middle; } .sourcing_work3_2_2 { width: 35px; height: 35px; /*margin-top: 10px;*/ margin-right: 10px; text-align: center; line-height: 35px; background: #20B2F2; font-size: 16px; color: white; font-weight: bold; display: inline-block; vertical-align: middle; } .sourcing_work3_3{ width: 35px; height: 35px; margin-bottom: 10px; text-align: center; line-height: 35px; background: #20B2F2; font-size: 16px; color: white; font-weight: bold; } .sourcing_work3_4{ width: 100%; height: 335px; overflow: hidden; position: relative; } .sourcing_steps { width: 100%; } .sourcing_step { width: 100%; /*margin: 120px auto;*/ margin: 60px auto; } .sourcing_step1 { width: 100%; /*margin-bottom: 65px;*/ margin-bottom: 30px; display: inline-block; } .sourcing_step1:last-child { margin-bottom: 0; } .sourcing_step1:nth-child(even) .sourcing_step3 { float: right; margin-left: 4%; margin-right: 0; } .sourcing_step2:hover img{ transform: scale(1.1); } .sourcing_step2 { /*width: 50%;*/ width: 100%; /*height: 355px;*/ float: left; overflow: hidden; } .sourcing_step2 img{ width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; transition: transform 0.5s ease; /* 添加过渡效果 */ } .sourcing_step3 { /*width: 46%;*/ width: 100%; float: left; /*margin-right: 4%;*/ margin-bottom: 4%; } .sourcing_step3_1 { width: 100%; font-size: 34px; color: #000000; font-weight: bold; } .sourcing_step3_2 { width: 100%; margin-top: 20px; font-size: 20px; line-height: 35px; } .tit_box { width: 100%; } .tit_bo { width: 100%; margin: 30px auto; font-size: 16px; color: #B6B6B6; } .tit_bo span { margin: 0 5px; } .tit_bo a:last-child { color: #000000; } .news_box { width: 100%; } .news_bo { width: 100%; margin-top: 50px; margin-bottom: 135px; } .news_search { border: 1px solid #C5D1E4; max-width: 100%; width: 655px; height: 65px; border-radius: 5px; overflow: hidden; display: flex; margin: auto; } .news_search input { border: none; outline: none; width: calc(100% - 100px); height: 100%; padding: 0 20px; font-size: 14px; } .news_search button { border: none; outline: none; width: 100px; height: 100%; background: #004EBB; font-size: 16px; color: white; } .pages { width: 100%; text-align: center; margin-top: 40px; } .pagination { list-style: none; display: inline-block; vertical-align: middle; padding: 0; } .pagination li { display: inline; text-align: center; } .pagination a { border: 1px solid #E6E6E6; box-sizing: border-box; float: left; display: block; min-width: 40px; height: 40px; font-size: 13px; padding: 0 10px; background: white; color: #333333; text-align: center; line-height: 40px; margin: 0 5px; } .pagination span { border: 1px solid #E6E6E6; box-sizing: border-box; float: left; display: block; min-width: 40px; height: 40px; font-size: 13px; padding: 0 10px; background: white; color: #333333; text-align: center; line-height: 40px; margin: 0 5px; } .pagination a.active { /* border: 1px solid #2468F1; */ background: #004EBB; color: white; } .pagination a:active { /* border: 1px solid #2468F1; */ background: #004EBB; color: white; } .news_list { width: 100%; margin-top: 75px; } .news_lia { width: 100%; display: block; box-shadow: 0 0 27px rgba(0, 0, 0, .11); } .news_lia1 { width: 52%; height: 340px; object-fit: cover; object-position: center; display: inline-block; vertical-align: middle; } .news_lia2 { width: 47%; padding: 40px; display: inline-block; vertical-align: middle; } .news_lia2_1 { width: 100%; font-size: 20px; color: #333333; font-weight: bold; white-space: nowrap; /* 防止文本换行 */ overflow: hidden; /* 隐藏溢出的内容 */ text-overflow: ellipsis; /* 显示省略号来代表被修剪的文本 */ } .news_lia2_2 { width: 100%; margin-top: 20px; font-size: 16px; color: #333333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 限制显示的行数为3 */ overflow: hidden; } .news_lia2_3 { width: 100%; margin-top: 35px; font-size: 16px; color: #004EBB; } .news_lia2_4 { width: 145px; height: 45px; margin-top: 40px; text-align: center; line-height: 45px; background: #004EBB; font-size: 16px; color: white; } .news_lib { border-bottom: 1px solid #E6E6E6; width: 100%; padding: 40px 0; } .news_lib:last-child { border-bottom: 0; } .news_lib1 { width: 100%; display: block; } .news_lib2 { width: 280px; height: 225px; object-fit: cover; object-position: center; display: inline-block; vertical-align: middle; } .news_lib3 { width: calc(100% - 290px); padding: 0 35px; display: inline-block; vertical-align: middle; } .news_lib3_1 { width: 100%; font-size: 20px; color: #333333; font-weight: bold; white-space: nowrap; /* 防止文本换行 */ overflow: hidden; /* 隐藏溢出的内容 */ text-overflow: ellipsis; /* 显示省略号来代表被修剪的文本 */ } .news_lib3_2 { width: 100%; margin-top: 15px; font-size: 16px; font-weight: 100; color: #333333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 限制显示的行数为3 */ overflow: hidden; } .news_lib3_3 { width: 100%; margin-top: 30px; font-size: 16px; color: #004EBB; } .news_lib1:hover { background: #004EBB; } .news_lib1:hover .news_lib3_1 { color: white; } .news_lib1:hover .news_lib3_2 { color: white; } .news_lib1:hover .news_lib3_3 { color: white; } .news_detatops { width: 100%; background: #F5F5F5; } .news_detatop { width: 100%; } .news_detatop1 { width: 100%; margin: 50px auto; } .news_detatop1_1 { width: 100%; font-size: 40px; color: #333333; font-weight: bold; } .news_detatop1_2 { width: 100%; margin-top: 40px; font-size: 16px; color: #333333; } .news_detatop1_2 img { width: 15px; margin-right: 5px; display: inline-block; vertical-align: middle; } .news_detadowns { width: 100%; } .news_detadown { width: 100%; margin: 70px auto; display: inline-block; } .news_detadowna { width: calc(100% - 480px); min-height: 10px; float: left; font-size: 18px; color: #333333; line-height: 35px; } .news_detadowna img { max-width: 100%; } .news_detadownb { width: 345px; float: left; margin-left: 135px; } .news_detadownb1 { border: 1px solid #E6E6E6; width: 100%; padding: 30px 20px; margin-bottom: 20px; display: block; } .news_detadownb1_1 { width: 100%; font-size: 18px; color: #333333; font-weight: bold; } .news_detadownb1_2 { width: 100%; margin-top: 50px; font-size: 18px; color: #333333; } .news_detadownb1:hover .news_detadownb1_1 { color: #004EBB; } .news_detadownb1:hover .news_detadownb1_2 { color: #004EBB; } .news_detadownb2 { border: 1px solid #E6E6E6; width: 100%; padding: 35px 20px; } .news_detadownb2_1 { width: 100%; font-size: 24px; color: #333333; font-weight: bold; } .news_detadownb2_2 { width: 100%; margin-top: 30px; display: inline-block; font-size: 14px; color: #333333; font-weight: bold; } .news_detadownb2_2 img { width: 105px; height: 85px; display: block; float: left; margin-right: 10px; } .news_detadownb2_2 div { width: calc(100% - 115px); float: left; } .pro_box { width: 100%; } .pro_bo { width: 100%; margin: 75px auto; } .pro_tjs { border: 1px solid #C5D1E4; width: 100%; border-radius: 5px; padding: 10px 20px; display: inline-block; margin-top: 50px; } .pro_tj1 { border: none; outline: none; height: 35px; padding-right: 10px; font-size: 16px; color: #333333; margin-right: 50px; float: left; appearance: none; -moz-appearance: none; -webkit-appearance: none; background-image: url(/img/select_1.webp); background-position: center right; background-repeat: no-repeat; background-size: 10px auto; } .pro_tj2 { float: left; display: flex; } .pro_tj2_1 { line-height: 35px; margin-right: 5px; font-size: 16px; color: #333333; } .pro_tj2_2 { border: 1px solid #EAEAEA; width: 225px; height: 35px; border-radius: 5px; position: relative; } .pro_tj2_2 input { border: none; outline: none; width: 100%; height: 100%; padding: 0 15px; padding-right: 40px; font-size: 14px; color: #333333; position: relative; z-index: 1; } .pro_tj2_2 img { width: 15px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); } .pro_list { width: 100%; /*margin-top: 50px;*/ display: inline-block; } .pro_li { width: 23.125%; height: 430px; float: left; margin-right: 2.5%; margin-top: 30px; display: block; position: relative; } .pro_li:nth-child(4n) { margin-right: 0; } .pro_li1 { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; } .pro_li2 { height: 25px; border-radius: 5px; background: rgba(0, 0, 0, .34); padding: 0 10px; line-height: 25px; font-size: 14px; color: white; position: absolute; right: 10px; top: 10px; } .pro_li3 { width: 100%; padding: 20px; padding-top: 255px; font-size: 19px; color: white; white-space: nowrap; /* 防止文本换行 */ overflow: hidden; /* 隐藏溢出的内容 */ text-overflow: ellipsis; /* 显示省略号来代表被修剪的文本 */ background-image: url(/img/bg_11.webp); background-position: center bottom; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0; bottom: 0; } .pro_detail { width: 100%; } .pro_deta { width: 100%; margin-top: 50px; margin-bottom: 110px; } .pro_detatop { width: 100%; display: inline-block; } .pro_detatop1 { width: 430px; float: left; margin-right: 100px; position: relative; } .pro_detatop1 img{ max-width: 100%; } .pro_detatop1_1{ width: 100%; display: block; } .pro_detatop1 div { height: 25px; border-radius: 5px; background: rgba(0, 0, 0, .34); padding: 0 10px; line-height: 25px; font-size: 14px; color: white; position: absolute; right: 10px; top: 10px; } .pro_detatop1_2{ width: 65px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .pro_detatop2 { width: calc(100% - 530px); float: left; } .pro_detatop2_1 { width: 100%; font-size: 36px; color: #333333; } .pro_detatop2_2 { border-top: 1px solid #EDEDED; width: 100%; margin-top: 40px; padding: 40px 0; font-size: 16px; color: #333333; line-height: 30px; white-space: pre-wrap; word-break: break-all; } .pro_detatop2_2 p{ white-space: pre-wrap; word-break: break-all; } .pro_detatop2_2 span{ text-wrap-mode: wrap !important; } .pro_detadown { width: 100%; margin-top: 110px; } .pro_detadown1 { width: 100%; font-size: 36px; color: #333333; font-weight: bold; } .pro_detadown2 { width: 100%; margin-top: 45px; } .pro_detadown2 .swiper-father { width: 100%; height: 100%; position: relative; } .pro_detadown2 .swiper { width: calc(100% - 120px - 120px); height: 100%; } .pro_detadown2 .swiper-slide { width: 100%; height: 100%; } .pro_detadown2 .swiper-button-prev::after, .pro_detadown2 .swiper-button-next::after { display: none; } .pro_detadown2 .swiper-button-prev { width: 60px; height: 60px; background-image: url(/img/prev_2.webp); background-repeat: no-repeat; background-size: 100% 100%; left: 0; } .pro_detadown2 .swiper-button-prev:hover { background-image: url(/img/prev_2-s.webp); } .pro_detadown2 .swiper-button-next { width: 60px; height: 60px; background-image: url(/img/next_2.webp); background-repeat: no-repeat; background-size: 100% 100%; right: 0; } .pro_detadown2 .swiper-button-next:hover { background-image: url(/img/next_2-s.webp); } .pro_detadown3 { width: 100%; display: block; position: relative; } .hzal_box { width: 100%; } .hzal_bo { width: 100%; margin: 60px auto; /*margin-top: 60px;*/ /*margin-bottom: 100px;*/ } .hzal_fl { width: 100%; display: inline-block; } .hzal_fl1 { border: 1px solid #004EBB; min-width: 130px; height: 55px; border-radius: 75px; line-height: 55px; padding: 0 20px; float: left; margin-right: 10px; /*margin-bottom: 50px;*/ margin-bottom: 20px; font-size: 16px; color: #004EBB; display: block; text-align: center; } .hzal_fl1:last-child { margin-right: 0; } .hzal_fl1.on { background: #004EBB; color: white; } .hzal_list { width: 100%; display: inline-block; } .hzal_li { width: 32%; float: left; margin-top: 25px; margin-right: 2%; background: white; display: block; box-shadow: 0 0 27px rgba(0, 0, 0, .09); } .hzal_li:nth-child(3n) { margin-right: 0; } .hzal_li1 { width: 100%; height: 285px; position: relative; } .hzal_li1_1{ width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; } .hzal_li1_2{ width: 65px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .hzal_li2 { width: 100%; padding: 30px; } .hzal_li2_1 { width: 100%; font-size: 16px; color: #333333; font-weight: bold; white-space: nowrap; /* 防止文本换行 */ overflow: hidden; /* 隐藏溢出的内容 */ text-overflow: ellipsis; /* 显示省略号来代表被修剪的文本 */ } .hzal_li2_2 { height: 25px; display: block; margin-top: 25px; } .hzal_detatops { width: 100%; } .hzal_detatop { width: 100%; margin-top: 40px; } .hzal_detadown { width: 100%; margin-top: 60px; margin-bottom: 110px; } .hzal_detadown1 { width: 100%; height: 345px; display: block; position: relative; } .hzal_detadown2 { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; } .hzal_detadown1:hover::after { content: ''; width: 100%; height: 100%; background: rgba(2, 33, 86, .54); position: absolute; left: 0; top: 0; z-index: 1; } .hzal_detadown1:hover .hzal_detadown3 { display: block; } .hzal_detadown3 { width: 100%; padding: 0 20px; display: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; } .hzal_detadown3_1 { width: 100%; text-align: center; font-size: 24px; color: white; } .hzal_detadown3_2 { border: 1px solid white; width: 120px; height: 50px; text-align: center; font-size: 16px; color: white; line-height: 50px; margin: auto; margin-top: 25px; } .lxwm_box { width: 100%; } .lxwm_bo { width: 100%; margin-top: 75px; margin-bottom: 100px; } .lxwm_bo1 { width: 100%; font-size: 30px; color: #333333; } .lxwm_bo2 { width: 100%; font-size: 60px; color: #004EBB; } .lxwm_bo3 { width: 100%; font-size: 18px; color: #666666; margin-top: 10px; } .lxwm_bo4 { width: 100%; margin-top: 60px; display: flex; } .lxwm_bo4_1 { width: 49%; margin-right: 2%; } .lxwm_bo4_1:last-child { margin-right: 0; } .lxwm_bo4_2 { width: 100%; margin-bottom: 20px; font-size: 20px; color: #333333; } .lxwm_bo4_2:last-child { margin-bottom: 0; } .lxwm_bo5 { width: 100%; background: white; box-shadow: 0 0 18px rgba(150, 150, 150, .31); margin-top: 95px; padding: 40px; display: flex; } .lxwm_bo5_1 { width: 48%; margin-right: 4%; } .lxwm_bo5_1:last-child { margin-right: 0; } .lxwm_bo5_2 { border: 1px solid #CCCCCC; outline: none; width: 100%; height: 60px; padding: 0 25px; font-size: 14px; margin-bottom: 30px; display: block; } .lxwm_bo5_2:last-child { margin-bottom: 0; } .lxwm_bo5_3 { border: 1px solid #CCCCCC; outline: none; width: 100%; height: 235px; margin-bottom: 30px; padding: 15px; font-size: 14px; display: block; } .lxwm_bo5_4 { border: none; outline: none; width: 150px; height: 60px; background: #004EBB; display: block; font-size: 16px; color: white; } .lxwm_bo6 { width: 100%; height: 430px; margin-top: 65px; } .map-lazy { position: relative; width: 100%; height: 100%; min-height: 200px; overflow: hidden; background: #e8eef7; border-radius: 4px; } .map-lazy__frame { display: block; width: 100%; height: 100%; border: 0; } .map-lazy__btn { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 100%; padding: 20px; border: 0; background: rgba(0, 78, 187, 0.08); color: #004EBB; cursor: pointer; font-size: 16px; text-align: center; } .map-lazy__addr { font-size: 13px; color: #666; max-width: 90%; line-height: 1.5; } .map-lazy--loaded .map-lazy__btn { display: none; } .gywm_tops { width: 100%; } .gywm_top { width: 100%; margin-top: 65px; margin-bottom: 110px; display: inline-block; } .gywm_top1 { width: 60%; padding: 40px; float: left; box-shadow: 0 3px 29px rgba(0, 0, 0, .15); background: white; margin-top: -225px; position: relative; z-index: 1; } .gywm_top1_1 { width: 100%; font-size: 36px; font-weight: bold; } .gywm_top1_2 { width: 85px; height: 3px; margin-top: 15px; background: #004EBB; } .gywm_top1_3 { width: 100%; margin-top: 40px; font-size: 16px; line-height: 30px; } .gywm_top2 { width: 36%; float: right; padding-bottom: 20px; padding-right: 20px; position: relative; } .gywm_top2 img { width: 100%; display: block; position: relative; z-index: 1; } .gywm_top2::after { content: ''; width: calc(100% - 20px); height: calc(100% - 20px); background: #ABC5E9; position: absolute; right: 0; bottom: 0; } .gywm_cens { width: 100%; background: #F6F6F6; display: flex; } .gywm_cen { width: 100%; margin-top: 110px; margin-bottom: 160px; } .gywm_centops { width: 100%; } .gywm_centop { width: 100%; font-size: 36px; color: #000000; font-weight: bold; } .gywm_cendowns { width: 100%; margin-top: 50px; } .gywm_cendowns .swiper-father { width: 100%; height: 100%; position: relative; } .gywm_cendowns .swiper { width: 100%; height: 100%; } .gywm_cendowns .swiper-slide { width: 100%; height: 100%; } .gywm_cendowns .swiper-button-prev::after, .gywm_cendowns .swiper-button-next::after { display: none; } .gywm_cendowns .swiper-button-prev { width: 60px; height: 60px; border-radius: 50%; background-color: white; background-image: url(/img/prev_2.webp); background-repeat: no-repeat; background-size: 100% 100%; left: 0; top: 22px; } .gywm_cendowns .swiper-button-prev:hover { background-image: url(/img/prev_2-s.webp); } .gywm_cendowns .swiper-button-next { width: 60px; height: 60px; border-radius: 50%; background-color: white; background-image: url(/img/next_2.webp); background-repeat: no-repeat; background-size: 100% 100%; right: 0; top: 22px; } .gywm_cendowns .swiper-button-next:hover { background-image: url(/img/next_2-s.webp); } .swiper-buttons { width: 100%; position: absolute; left: 0; bottom: 85px; z-index: 1; } .swiper-button { width: 160px; height: 60px; position: relative; } .gywm_cendown { width: 100%; display: inline-block; } .gywm_cendown1 { width: 56%; height: 450px; display: block; object-fit: cover; object-position: center; float: left; margin-left: 5%; } .gywm_cendown2 { width: 39%; float: left; padding: 60px 0; } .gywm_cendown2_1 { width: 100%; font-size: 24px; color: #000000; font-weight: bold; } .gywm_cendown2_2 { width: 100%; margin-top: 20px; font-size: 16px; color: #000000; } .gywm_downs{ width: 100%; } .gywm_down{ width: 100%; margin: 90px auto; display: inline-block; } .gywm_down1{ /* border: 1px solid red; */ width: 63%; position: relative; float: left; margin-top: -130px; } .gywm_down1_1{ width: 100%; display: block; margin:-15px; } .gywm_down1_2{ /* border: 1px solid red; */ width: 82%; height: calc(100% - 60px); overflow: hidden; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .gywm_down1_2 img{ width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; } .gywm_down2{ width: 35%; float: left; margin-left: 2%; } .gywm_down2_1{ width: 100%; font-size: 41px; color: #333333; font-weight: bold; } .gywm_down2_2{ width: 100%; margin-top: 60px; font-size: 20px; color: #333333; line-height: 40px; } .cxorf_cover{ width: 100%; height: 100%; background: rgba(0,0,0,0.4); display: none; position: fixed; left: 0; top: 0; z-index: 1002; } .cxorf_tcs{ width: 550px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .cxorf_tca{ width: 100%; background: white; border-radius: 5px; padding: 0 130px; padding-bottom: 75px; padding-top: 45px; } .cxorf_tca1{ width: 100%; text-align: center; font-size: 20px; color: #333333; font-weight: bold; } .cxorf_tca2{ width: 165px; display: block; margin: auto; margin-top: 60px; margin-bottom: 35px; } .cxorf_tca3{ width: 100%; text-align: center; font-size: 18px; color: #333333; } .cxorf_tcb{ width: 35px; display: block; margin: auto; margin-top: 25px; } .cxort_cover{ width: 100%; height: 100%; background: rgba(0,0,0,0.4); display: none; position: fixed; left: 0; top: 0; z-index: 1002; } .cxort_tcs{ width: 550px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .cxort_tca{ width: 100%; background: white; border-radius: 5px; padding: 45px 40px; } .cxort_tca1{ width: 100%; text-align: center; font-size: 20px; color: #333333; font-weight: bold; margin-bottom: 20px; } .cxort_tca2{ width: 100%; margin-bottom: 20px; } .cxort_tca2:last-child{ margin-bottom: 0; } .cxort_tca2_1{ width: 100%; margin-bottom: 10px; font-size: 16px; color: #666666; } .cxort_tca2_2{ border: 1px solid #DCDCDC; outline: none; width: 100%; height: 50px; padding: 0 15px; display: block; font-size: 16px; color: #000000; } .cxort_tcb{ width: 35px; display: block; margin: auto; margin-top: 25px; } .fd_provevideo { width: 40%; overflow: hidden; position: fixed; left: 50%; top: 50%; display: none; transform: translate(-50%, -50%); z-index: 1001; cursor: move; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .fd_provevideo video { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; cursor: default; } .fd_provevideo img { width: 30px; position: absolute; right: 10px; top: 10px; z-index: 1; cursor: pointer; pointer-events: auto; } .inde_whys{ width: 100%; } .inde_why{ width: 100%; margin: 60px auto; } .inde_why1{ width: 100%; font-size: 48px; color: #333333; font-weight: bold; text-align: center; } .inde_why2{ width: 100%; /*margin-top: 50px;*/ } .inde_why2 img{ width: 100%; display: block; } .inde_ylbks{ width: 100%; } .inde_ylbks .swiper { width: 100%; height: 100%; } .inde_ylbks .swiper-slide { width: 100%; height: 100%; } .inde_ylbks .swiper-pagination-bullet { width: 45px; height: 5px; background: white; border-radius: 5px; } .inde_ylbks .swiper-pagination-bullet-active { background: white; } .inde_ylbk1{ width: 100%; display: block; } .fd_video_play { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: linear-gradient(rgba(9,35,68,.28), rgba(9,35,68,.52)), url("/img/sgs-video-poster.jpg?v=12") center/cover no-repeat; color: #fff; font-size: 38px; font-weight: 700; cursor: pointer; z-index: 2; } .fd_video_play span { display: block; margin-top: 12px; font-size: 18px; letter-spacing: .5px; } .fd_video > img { z-index: 3; } .inde_your3 a.inde_your3_1 { width: 280px !important; min-width: 280px !important; height: 48px !important; padding: 0 16px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; white-space: nowrap !important; line-height: 1.2 !important; float: left !important; box-sizing: border-box !important; } .inde_your3 a.inde_your3_1:last-child { width: 190px !important; min-width: 190px !important; } @media (max-width: 600px) { .inde_your3 a.inde_your3_1, .inde_your3 a.inde_your3_1:last-child { width: 100% !important; min-width: 0 !important; max-width: 300px !important; float: none !important; white-space: normal !important; } } /* About page rebuild 2026-08-10 */ .about-rebuild{color:#13283d;background:#fff}.about-rebuild *{box-sizing:border-box}.about-hero{padding:76px 0;background:linear-gradient(135deg,#eef5f8 0%,#fff 58%)}.about-hero__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:64px;align-items:center}.about-eyebrow,.about-kicker{margin:0 0 14px;color:#c7922f;font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.about-rebuild h1{margin:0 0 24px;font-size:clamp(40px,5vw,68px);line-height:1.07;color:#0d2e4f}.about-rebuild h2{margin:0 0 22px;font-size:clamp(30px,3.4vw,46px);line-height:1.16;color:#0d2e4f}.about-rebuild h3{margin:12px 0 10px;font-size:21px;color:#0d2e4f}.about-rebuild p{font-size:17px;line-height:1.75}.about-hero__visual{min-height:510px;border-radius:4px;background:linear-gradient(rgba(7,37,66,.08),rgba(7,37,66,.18)),url('/img/ban7.webp') center/cover no-repeat;box-shadow:0 28px 60px rgba(16,43,67,.16)}.about-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.about-btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:13px 24px;border:1px solid #0d416f;font-size:15px;font-weight:700;line-height:1.25;text-align:center;transition:.2s ease}.about-btn--primary{background:#0d416f;color:#fff}.about-btn--secondary{background:#fff;color:#0d416f}.about-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(13,65,111,.16)}.about-section{padding:90px 0}.about-section--soft{background:#f3f7f8}.about-intro,.about-trust{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.about-prose p:first-child{margin-top:0}.about-services{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:38px}.about-services article{padding:30px 24px;background:#fff;border-top:3px solid #c7922f;box-shadow:0 12px 32px rgba(24,50,72,.07)}.about-services article>span{color:#c7922f;font-weight:700}.about-services article p{margin:0;font-size:15px}.about-trust ul{margin:0;padding:0;list-style:none}.about-trust li{position:relative;padding:17px 0 17px 38px;border-bottom:1px solid #dce5e8;font-size:17px;line-height:1.55}.about-trust li:before{content:'✓';position:absolute;left:4px;color:#c7922f;font-weight:800}.about-cta{padding:86px 0;background:#0d2e4f;color:#fff;text-align:center}.about-cta h2{color:#fff}.about-cta>div>p:not(.about-kicker){max-width:760px;margin:0 auto;font-size:18px}.about-actions--center{justify-content:center}.about-btn--light{background:#fff;border-color:#fff;color:#0d2e4f}.about-btn--outline{border-color:#fff;color:#fff}.about-cta .about-kicker{color:#efc36c} @media(max-width:1020px){.about-hero__grid,.about-intro,.about-trust{grid-template-columns:1fr;gap:38px}.about-hero__visual{min-height:360px}.about-services{grid-template-columns:repeat(2,1fr)}} @media(max-width:600px){.about-hero{padding:50px 0}.about-rebuild h1{font-size:38px}.about-rebuild h2{font-size:30px}.about-section{padding:64px 0}.about-hero__visual{min-height:240px}.about-services{grid-template-columns:1fr}.about-actions{display:grid}.about-btn{width:100%}.about-rebuild p,.about-trust li{font-size:16px}} /* css/foot.css */ footer{ width: 100%; background: #1E2337; } .footer{ width: 100%; margin-top: 90px; margin-bottom: 75px; } .footer_top{ width: 100%; display: flex; justify-content: space-between; } .footer_topa{ width: 375px; } .footer_topa1{ max-width: 100%; height: 55px; display: block; } .footer_topa2{ width: 100%; margin-top: 40px; font-size: 14px; color: rgba(255,255,255, .37); line-height: 25px; } .footer_topa3{ width: 100%; display: block; margin-top: 35px; font-size: 14px; color: white; } .footer_topb{ max-width: calc(100% - 675px); padding: 0 20px; } .footer_topb1{ width: 100%; display: block; margin-bottom: 20px; font-size: 14px; color: #AFB0B9; } .footer_topb1:last-child{ margin-bottom: 0; } .footer_topc{ width: 300px; } .footer_topc1{ width: 100%; margin-bottom: 40px; } .footer_topc1:last-child{ margin-bottom: 0; } .footer_topc2{ width: 100%; font-size: 16px; color: white; margin-bottom: 15px; } .footer_topc3{ width: 100%; font-size: 14px; color: #AFB0B9; line-height: 25px; } .footer_down{ width: 100%; margin-top: 45px; display: inline-block; } .footer_down1{ float: left; display: flex; } .footer_down1_1{ width: 50px; margin-right: 10px; display: block; } .footer_down1_1:last-child{ margin-right: 0; } .footer_down1_1 img{ width: 100%; display: block; } .footer_down2{ float: right; font-size: 14px; color: rgba(255,255,255, .37); } .footer_yqlj{ width: 100%; margin-top: 10px; display: inline-block; } .footer_yqlj1{ margin-top: 10px; font-size: 16px; color: #AFB0B9; float: left; font-weight: 600; } .footer_yqlj2{ margin-top: 10px; font-size: 16px; color: #AFB0B9; float: left; display: block; margin-left: 10px; font-weight: 600; text-decoration: underline; } .footer_yqlj2:hover{ color: white; text-decoration: underline; } .footer_topb1:hover{ color: white; text-decoration: underline; } .footer_topa3:hover{ color: white; text-decoration: underline; } /* css/base.css */ @media (max-width: 1680px) and (min-width: 1220px) { .container { padding: 0 60px; } .container3 { width: 1200px; } .inde_abouts { /*padding-right: 60px;*/ } .inde_about3 { /*width: 180px;*/ } .inde_about3_1 { /*margin-bottom: 50px;*/ } .inde_about3_2 { font-size: 30px; } .inde_about4 { /*width: calc(100% - 205px);*/ } .inde_about4_1 { font-size: 38px; margin-bottom: 20px; } .inde_about4_2 { /*margin-top: 20px;*/ font-size: 16px; line-height: 30px; } .inde_about4_3 { margin-top: 60px; } .inde_provea1 { font-size: 38px; } .inde_provea2_1 { width: 180px; } .inde_provebs { /*padding-left: 60px;*/ } .inde_speak1{ font-size: 38px; } .inde_ourfour1{ font-size: 38px; } .inde_new1{ font-size: 38px; } .inde_wewill1{ font-size: 38px; } .inde_why1{ font-size: 38px; } } @media (max-width: 1220px) and (min-width: 1020px) { .container { padding: 0 20px; } .container2 { width: 1020px; } .container3 { width: 1020px; } .inde_abouts { /*padding-right: 20px;*/ } .inde_about3_1 { margin-bottom: 40px; } .inde_about3 { /*width: 180px;*/ } .inde_about3_2 { font-size: 30px; } .inde_about4 { /*width: calc(100% - 205px);*/ } .inde_about4_1 { font-size: 30px; margin-bottom: 20px; } .inde_about4_2 { /*margin-top: 20px;*/ font-size: 16px; line-height: 30px; } .inde_about4_3 { margin-top: 60px; } .inde_provea1 { font-size: 28px; } .inde_provea2_1 { width: 150px; font-size: 14px; } .inde_provebs { /*padding-left: 20px;*/ } .inde_speak1{ font-size: 30px; } .inde_ourfour1{ font-size: 30px; } .inde_new1{ font-size: 30px; } .inde_wewill1{ font-size: 30px; } .inde_why1{ font-size: 30px; } } @media (max-width: 1020px) { .container { padding: 0 2.5%; } .container2 { width: 95%; } .container3 { width: 95%; } .banner_sws { height: 300px; } .banner_sws .swiper-pagination-bullet { width: 25px; height: 2px; } .inde_about { margin: 20px auto; padding-right: 0; display: flex; flex-wrap: wrap; } .inde_about1 { width: 100%; /*height: 400px;*/ } .inde_about2 { width: 100%; padding: 0 2.5%; padding-bottom: 20px; display: flex; flex-wrap: wrap; } .inde_about3 { width: 100%; margin-right: 0; display: flex; flex-wrap: wrap; } .inde_about3_1 { width: 49%; margin: 10px 0; margin-right: 2%; } .inde_about3_1:nth-child(2n) { margin-right: 0; } .inde_about3_2 { font-size: 22px; } .inde_about3_3 { font-size: 14px; } .inde_about4 { width: 100%; margin-top: 20px; margin-left: 0; } .inde_about4_1 { font-size: 24px; margin-bottom: 10px; } .inde_about4_2 { /*margin-top: 20px;*/ font-size: 14px; line-height: 25px; } .inde_about4_3 { width: 120px; height: 40px; margin-top: 40px; line-height: 40px; font-size: 14px; } .inde_provebs { /*padding-left: 2.5%;*/ margin-bottom: 20px; } .inde_prove{ margin: 50px auto; } .inde_provea { /*margin-top: 55px;*/ margin-bottom:15px; display: flex; flex-wrap: wrap; } .inde_provea1 { width: 100%; font-size: 24px; margin-bottom: 20px; } .inde_provea2_1 { width: 110px; height: 40px; line-height: 40px; font-size: 12px; margin-top: 20px; } .inde_proveb3 { flex-wrap: wrap; } .inde_proveb3_2 { width: 100%; padding: 20px 30px; padding-right: 30px; } .inde_proveb3_3 { display: flex; align-items: center; } .inde_proveb3_3_1 { width: 45px; height: 45px; } .inde_proveb3_3_2 { width: calc(100% - 55px); } .inde_proveb3_3_3 { font-size: 16px; } .inde_proveb3_3_4 { margin-top: 5px; } .inde_proveb3_3_4 img { width: 15px; } .inde_proveb3_4 { margin-top: 15px; font-size: 14px; line-height: 25px; } .inde_proveb3_5 { margin-top: 40px; font-size: 14px; display: flex; align-items: center; justify-content: space-between; } .inde_proveb3_5 img { width: 15px; } .inde_proveb3_1 { width: 100%; height: 290px; } .inde_proveb3_1_2 img { width: 35px; } .inde_proveb3_6{ width: 100%; padding: 20px 30px; padding-right: 30px; } .inde_proveb3_7{ width: 100%; height: 290px; } .inde_speak { margin: 30px auto; } .inde_speak1 { font-size: 24px; } .inde_speak2 { display: flex; flex-wrap: wrap; } .inde_speak3 { width: 100%; margin-bottom: 30px; display: flex; overflow-x: auto; white-space: nowrap; } .inde_speak3_1 { width: auto; height: 40px; margin-bottom: 0; margin-right: 15px; line-height: 40px; font-size: 16px; white-space: pre-line; flex: 0 0 auto; } .inde_speak4 { width: 100%; } .inde_speak5 { display: flex; align-items: center; } .inde_speak7 { width: 125px; height: 280px; } .inde_speak7 .swiper-father { padding: 35px 0; } .inde_speak7 .swiper-button-prev { width: 35px; height: 35px; } .inde_speak7 .swiper-button-next { width: 35px; height: 35px; top: calc(100% - 15px); } .inde_speak7_1 { font-size: 12px; } .inde_speak6 { width: calc(100% - 125px - 20px); margin: 0; margin-right: 20px; } .inde_speak6_1 { font-size: 14px; } .inde_speak6_1 img { margin-bottom: 10px; } .inde_your { margin: 0 auto; } .inde_your1 { font-size: 20px; } .inde_your2 { margin-top: 10px; font-size: 16px; } .inde_your3_1 { width: calc(100% - 10px); max-width: 300px; height: auto; min-height: 44px; line-height: 1.3; padding: 12px 10px; box-sizing: border-box; white-space: normal; float: none; margin-right: 0; margin-top: 10px; } /*.inde_your1 {*/ /* font-size: 24px;*/ /* line-height: 35px;*/ /*}*/ /*.inde_your2 {*/ /* margin-top: 25px;*/ /* display: flex;*/ /* flex-wrap: wrap;*/ /*}*/ /*.inde_your3 {*/ /* width: 100%;*/ /* height: 245px;*/ /* margin-right: 0;*/ /* margin-bottom: 20px;*/ /*}*/ /*.inde_your4 {*/ /* width: 100%;*/ /*}*/ /*.inde_your4_1 {*/ /* margin-bottom: 15px;*/ /*}*/ /*.inde_your4_2 {*/ /* height: 40px;*/ /* padding: 0 10px;*/ /* font-size: 14px;*/ /* display: flex;*/ /* align-items: center;*/ /*}*/ /*.inde_your4_3 {*/ /* padding: 5px 20px;*/ /* font-size: 14px;*/ /* line-height: 20px;*/ /*}*/ .inde_ourfour { margin: 20px auto; /*margin-top: 45px;*/ /*margin-bottom: 30px;*/ } .inde_ourfour1 { font-size: 24px; } /*.inde_ourfour2 {*/ /* display: flex;*/ /* align-items: center;*/ /*}*/ .inde_ourfour3 { height: 50px; /*width: 110px;*/ /*height: 325px;*/ /*margin-left: 20px;*/ margin-top: 20px; } .inde_ourfour4 { /*width: calc(100% - 130px);*/ width: 100%; } .inde_ourfour4_1 { display: flex; flex-wrap: wrap; } .inde_ourfour4_2 { width: 100%; } .inde_ourfour4_2_1 { max-width: 100%; height: 25px; } .inde_ourfour4_2_2 { /*margin-top: 10px;*/ font-size: 16px; } .inde_ourfour4_2_3 { margin-top: 15px; font-size: 14px; } .inde_ourfour4_2_4 { width: 100px; height: 40px; line-height: 40px; font-size: 12px; margin-top: 25px; } .inde_ourfour4_3 { width: 100%; height: 215px; margin-top: 20px; } .inde_new { margin: 30px auto; /*margin-top: 50px;*/ /*margin-bottom: 30px;*/ } .inde_new1 { font-size: 24px; } .inde_new2 { margin-top: 25px; display: flex; flex-wrap: wrap; } .inde_new3 { width: 100%; margin-right: 0; margin-bottom: 20px; } .inde_new3_1 { height: 200px; } .inde_new3_2 { padding: 5px 15px; display: flex; align-items: flex-start; } .inde_new3_3 { width: 45px; margin-right: 15px; } .inde_new3_3_1 { font-size: 20px; } .inde_new3_3_2 { font-size: 14px; } .inde_new3_4 { width: calc(100% - 60px); } .inde_new3_4_1 { padding: 5px 0; font-size: 16px; } .inde_new3_4_2 { padding: 10px 0; font-size: 14px; } .inde_new4 { width: 100%; } .inde_new4_1 { padding-bottom: 10px; margin-bottom: 10px; } .inde_new4_2 { display: flex; align-items: center; } .inde_new4_2_1 { font-size: 16px; } .inde_new4_2_2 { font-size: 14px; } .inde_new4_3 { margin-top: 10px; } .inde_new4_3_1 { display: flex; align-items: flex-end; } .inde_new4_3_1 img { margin-left: 100px; } .inde_new4_3_2 { width: calc(100% - 108px); font-size: 14px; } .inde_new5 { width: 120px; height: 40px; line-height: 40px; font-size: 14px; margin-top: 25px; } .inde_wewill { margin: 35px auto; /*margin-top: 35px;*/ /*margin-bottom: 45px;*/ } .inde_wewill1 { font-size: 24px; } .inde_wewill2 { margin-top: 30px; font-size: 14px; } .inde_wewill3 { margin-top: 25px; display: flex; flex-wrap: wrap; } .inde_wewill4 { width: 100%; display: flex; flex-wrap: wrap; } .inde_wewill4_1 { width: 49%; margin-right: 2%; margin-bottom: 15px; } .inde_wewill4_1_1 { font-size: 14px; } .inde_wewill4_1_2 { height: 40px; padding: 0 10px; font-size: 14px; } .inde_wewill4_2 { margin-bottom: 15px; } .inde_wewill4_2_1 { padding: 10px; font-size: 14px; } .inde_wewill4_3 { width: 125px; height: 45px; font-size: 14px; } .inde_wewill5 { width: 100%; height: 245px; padding: 10px; margin-left: 0; margin-top: 20px; } .footer { margin-top: 45px; margin-bottom: 30px; } .footer_top { flex-wrap: wrap; } .footer_topa { width: 100%; } .footer_topa2 { margin-top: 20px; } .footer_topa3 { margin-top: 15px; } .footer_topb { max-width: 100%; padding: 10px 0; } .footer_topb1 { margin-bottom: 10px; } .footer_topc { width: 100%; } .footer_topc1 { margin-bottom: 20px; } .footer_topc2 { margin-bottom: 10px; } .footer_down { margin-top: 25px; display: flex; flex-wrap: wrap; } .footer_down2 { width: 100%; margin-top: 20px; } .fd_fds { width: 135px; right: 15px; bottom: 50px; } .fd_fd2_1 { padding: 10px 0; font-size: 12px; } .fd_fd2_2{ margin-top: 10px; } .fd_video { right: 15px; bottom: min(350px, calc(100vh - 200px)); } .nybanner { height: 370px; } .nybanne3_1 { font-size: 40px; } .nybanne3_2 { margin-top: 10px; font-size: 30px; } .dfh_about { /*margin: 45px auto;*/ margin: 25px auto; } .dfh_abouta { display: flex; flex-wrap: wrap; } .dfh_abouta1 { width: 100%; margin-right: 0; margin-bottom: 10px; } .dfh_abouta1_1 { font-size: 20px; } .dfh_abouta1_2 { margin-top: 15px; font-size: 14px; line-height: 25px; } .dfh_abouta2 { width: 100%; /*margin-left: 0;*/ /*margin-top: 20px;*/ } .dfh_aboutb { /*margin-top: 60px;*/ margin-top: 30px; box-shadow: 0 2px 8px rgba(0, 67, 157, .26); flex-wrap: wrap; } .dfh_aboutb1 { width: 50%; padding: 20px 10px; } .dfh_aboutb1_1 { font-size: 26px; } .dfh_aboutb1_2 { margin-top: 10px; font-size: 14px; } .dfh_service { /*margin: 40px auto;*/ margin: 25px auto; display: flex; flex-wrap: wrap; justify-content: center; } .dfh_service2 { width: 100%; } .dfh_service2_1 { margin-bottom: 30px; font-size: 20px; } .dfh_service2_2 { height: 40px; margin-bottom: 10px; padding: 0 20px; font-size: 14px; display: flex; align-items: center; } .dfh_service2_2 img { width: 10px; margin-right: 5px; } .dfh_service2_2 div { /*width: calc(100% - 15px);*/ width: 100%; line-height: normal; } .dfh_service1 { width: 60%; margin-left: 0; margin-top: 20px; } .dfh_pro { /*margin: 50px auto;*/ margin: 30px auto; } .dfh_pro1 { /*margin-bottom: 40px;*/ margin-bottom: 20px; } .dfh_pro2_1 { font-size: 20px; } .dfh_pro2_2 { font-size: 14px; } .dfh_pro3 { margin-top: 0; display: flex; flex-wrap: wrap; } .dfh_pro3_1 { height: 100px; font-size: 14px; margin-top: 15px; } .dfh_pro3_1 div { height: 40px; line-height: 40px; } .dfh_work { margin: 30px auto; /*margin-top: 30px;*/ /*margin-bottom: 50px;*/ } .dfh_work1 { font-size: 20px; } .dfh_work2 { margin-top: 15px; display: flex; flex-wrap: wrap; justify-content: center; } .dfh_work2_2 { width: 100%; margin-right: 0; margin-bottom: 20px; } .dfh_work2_3 { margin-bottom: 10px; font-size: 14px; display: flex; align-items: flex-start; } .dfh_work2_3 img { width: 10px; margin-right: 10px; } .dfh_work2_3 div { width: calc(100% - 20px); } .dfh_work2_1 { width: 60%; height: auto; /*margin-left: 0;*/ /*margin-top: 20px;*/ } .dfh_package { /*margin: 60px auto;*/ margin: 30px auto; display: flex; flex-wrap: wrap; justify-content: center; } .dfh_package1 { width: 100%; } .dfh_package1_1 { font-size: 20px; } .dfh_package1_2 { margin-top: 15px; font-size: 14px; } .dfh_package2 { width: 60%; margin-left: 0; margin-top: 20px; } .dfh_explain { margin: 30px auto; /*margin-top: 30px;*/ /*margin-bottom: 55px;*/ } .dfh_explain1_1 { font-size: 20px; } .dfh_explain2 { /*margin-top: 45px;*/ margin-top: 20px; } .dfh_explain3_1 { height: 235px; } .dfh_explain3_2 { margin-top: 25px; font-size: 14px; } .dfh_explain3_2 { margin-top: 5px; font-size: 12px; } .dfh_your { /*margin: 45px auto;*/ margin: 20px auto; } .dfh_your1 { font-size: 20px; margin-bottom: 10px; } .dfh_your3 { padding: 15px 0; } .dfh_your3_1 { display: flex; align-items: flex-start; } .dfh_your3_1_1 { width: 15px; margin-left: 10px; } .dfh_your3_1_4 { width: calc(100% - 25px); font-size: 16px; } .dfh_your3_2 { margin-top: 10px; font-size: 14px; line-height: 25px; } .sourcing_our { /*margin: 50px auto;*/ margin: 30px auto; } .sourcing_our1{ font-size: 20px; } .sourcing_our2 { margin-top: 20px; display: flex; flex-wrap: wrap; justify-content: center; } .sourcing_our3{ width: 100%; } .sourcing_our3_1 { margin-bottom: 15px; font-size: 14px; display: flex; align-items: center; } .sourcing_our4{ margin-top: 20px; margin-left: 0; } .sourcing_work { /*margin: 45px auto;*/ margin: 30px auto; } .sourcing_work1{ font-size: 20px; } .sourcing_work2{ margin-top: 10px; display: flex; flex-wrap: wrap; } .sourcing_work3 { /*height: 140px;*/ margin-top: 10px; } .sourcing_work3_2 { display: flex; align-items: center; /*width: 120px;*/ /*padding: 5px;*/ /*left: 15px;*/ /*top: 10px;*/ } .sourcing_work3_2_1 { width: auto; font-size: 12px; } .sourcing_work3_2_2 { width: 25px; height: 25px; /*margin-top: 5px;*/ line-height: 25px; font-size: 12px; } .sourcing_work3_3{ width: 25px; height: 25px; margin-bottom: 5px; line-height: 25px; font-size: 12px; } .sourcing_work3_4{ height: 140px; } .sourcing_step { /*margin: 60px auto;*/ margin: 30px auto; } .sourcing_step1 { /*margin-bottom: 35px;*/ margin-bottom: 15px; display:flex; flex-wrap: wrap; justify-content: center; } .sourcing_step3 { width: 100%; margin-right: 0; margin-bottom: 20px; } .sourcing_step3_1{ font-size: 20px; } .sourcing_step3_2 { margin-top: 10px; font-size: 14px; line-height: 25px; } .sourcing_step2 { width: 85%; /*height: 175px;*/ } .sourcing_step1:nth-child(even) .sourcing_step3 { margin-left: 0; } .pages { margin-top: 20px; } .pagination a { min-width: 30px; height: 30px; line-height: 30px; margin: 5px; } .pagination span { min-width: 30px; height: 30px; line-height: 30px; margin: 5px; } .tit_bo { margin: 15px auto; font-size: 14px; } .news_bo { margin-top: 25px; margin-bottom: 60px; } .news_search { height: 45px; } .news_list { margin-top: 35px; } .news_lia { box-shadow: 0 0 13px rgba(0, 0, 0, .11); display: flex; flex-wrap: wrap; } .news_lia1 { width: 100%; height: 200px; } .news_lia2 { width: 100%; padding: 20px; } .news_lia2_1{ font-size: 16px; } .news_lia2_2 { margin-top: 10px; font-size: 14px; } .news_lia2_3 { margin-top: 20px; font-size: 14px; } .news_lia2_4 { width: 110px; height: 35px; margin-top: 20px; line-height: 35px; font-size: 14px; } .news_lib { padding: 20px 0; } .news_lib1{ display: flex; flex-wrap: wrap; } .news_lib2 { width: 100%; height: 200px; } .news_lib3 { width: 100%; padding: 15px 0; } .news_lib3_1{ font-size: 16px; } .news_lib3_2{ margin-top: 10px; font-size: 14px; } .news_lib3_3 { margin-top: 15px; font-size: 14px; } .news_detatop1 { margin: 25px auto; } .news_detatop1_1{ font-size: 20px; } .news_detatop1_2 { margin-top: 20px; font-size: 14px; display: flex; align-items: center; } .news_detadown { margin: 35px auto; display: flex; flex-wrap: wrap; } .news_detadowna { width: 100%; font-size: 14px; line-height: 25px; } .news_detadownb { width: 100%; margin-left: 0; margin-top: 50px; } .news_detadownb1 { padding:15px 10px; margin-bottom: 10px; } .news_detadownb1_1{ font-size: 14px; } .news_detadownb1_2 { margin-top: 25px; font-size: 14px; } .news_detadownb2 { padding: 20px 10px; } .news_detadownb2_1{ font-size: 18px; } .news_detadownb2_2 { margin-top: 15px; display: flex; align-items: center; } .pro_bo { margin: 35px auto; } .pro_tjs { padding: 5px 10px; display: flex; flex-wrap: wrap; margin-top: 25px; } .pro_tj1{ margin-right: 25px; margin-bottom: 20px; } .pro_list { margin-top: 0; display:flex; flex-wrap: wrap; } .pro_li { width: 49%; height:215px; margin-right: 2%; margin-top: 20px; } .pro_li:nth-child(2n){ margin-right: 0; } .pro_li3 { padding: 10px; padding-top: 95px; font-size: 14px; } .pro_deta { margin-top: 25px; margin-bottom: 55px; } .pro_detatop{ display: flex; flex-wrap: wrap; } .pro_detatop1 { width: 100%; margin-right: 0; margin-bottom: 50px; } .pro_detatop2{ width: 100%; } .pro_detatop2_1{ font-size: 20px; } .pro_detatop2_2 { margin-top: 20px; padding: 20px 0; font-size: 14px; line-height: 25px; } .pro_detadown { margin-top: 50px; } .pro_detadown1{ font-size: 20px; } .pro_detadown2 .swiper{ width: 100%; } .pro_detadown2 .swiper-button-prev{ width: 30px; height: 30px; } .pro_detadown2 .swiper-button-next{ width: 30px; height: 30px; } .pro_detadown2 { margin-top: 25px; } .hzal_bo { margin: 30px auto; /*margin-top: 30px;*/ /*margin-bottom: 50px;*/ } .hzal_fl{ display: flex; overflow: hidden; overflow-x: auto; /* 允许横向滚动 */ scroll-behavior: smooth; /* 平滑滚动 */ } .hzal_fl1 { min-width: 100px; height: 35px; line-height: 35px; padding: 0 10px; margin-bottom: 0; font-size: 14px; flex: 0 0 auto; /* 防止项目收缩或拉伸 */ } .hzal_list{ display:flex; flex-wrap: wrap; } .hzal_li{ width: 49%; margin-top: 15px; box-shadow: 0 0 13px rgba(0, 0, 0, .09); } .hzal_li:nth-child(3n){ margin-right: 2%; } .hzal_li:nth-child(2n){ margin-right: 0; } .hzal_li1 { height: 140px; } .hzal_li2 { padding: 15px; } .hzal_li2_1{ font-size: 14px; } .hzal_li2_2 { height: 15px; margin-top: 15px; } .hzal_detatop { margin-top: 20px; } .hzal_detadown { margin-top: 30px; margin-bottom: 55px; } .hzal_detadown1{ height: 180px; } .hzal_detadown3_1{ font-size: 16px; } .hzal_detadown3_2 { height: 40px; font-size: 14px; line-height: 40px; margin-top: 15px; } .lxwm_bo { margin-top: 35px; margin-bottom: 50px; } .lxwm_bo1{ font-size: 15px; } .lxwm_bo2 { font-size: 30px; } .lxwm_bo3 { font-size: 14px; } .lxwm_bo4 { margin-top: 30px; flex-wrap: wrap; } .lxwm_bo4_1 { width: 100%; margin-right: 0; margin-bottom: 10px; } .lxwm_bo4_1:last-child{ margin-bottom: 0; } .lxwm_bo4_2 { margin-bottom: 10px; font-size: 14px; } .lxwm_bo5 { box-shadow: 0 0 9px rgba(150, 150, 150, .31); margin-top: 45px; padding: 20px; flex-wrap: wrap; } .lxwm_bo5_1 { width: 100%; margin-right: 0; margin-bottom: 15px; } .lxwm_bo5_1:last-child{ margin-bottom: 0; } .lxwm_bo5_2 { height: 40px; padding: 0 15px; margin-bottom: 15px; } .lxwm_bo5_3 { margin-bottom: 15px; } .lxwm_bo5_4{ height: 40px; } .lxwm_bo6{ margin-top:35px; } .gywm_top{ margin-top:30px; margin-bottom: 55px; display: flex; flex-wrap: wrap; } .gywm_top1 { width: 100%; padding: 20px; box-shadow: 0 3px 14px rgba(0, 0, 0, .15); margin-top: 0; } .gywm_top1_1{ font-size: 20px; } .gywm_top1_2 { width: 45px; margin-top: 10px; } .gywm_top1_3 { margin-top: 20px; font-size: 14px; line-height: 25px; } .gywm_top2 { width: 100%; padding-bottom: 10px; padding-right: 10px; margin-top: 20px; } .gywm_top2::after { width: calc(100% - 10px); height: calc(100% - 10px); } .gywm_cen { margin-top: 55px; margin-bottom: 80px; } .gywm_centop{ font-size: 20px; } .gywm_cendowns{ margin-top: 25px; } .gywm_cendown{ display: flex; flex-wrap: wrap; } .gywm_cendown1 { width: 100%; height:225px; margin-left: 0; margin-top: 20px; } .gywm_cendown2 { width: 100%; padding: 0 30px; } .gywm_cendown2_1{ font-size: 16px; } .gywm_cendown2_2 { margin-top: 10px; font-size: 14px; } .swiper-buttons { bottom: 20px; } .swiper-button { width: 90px; height:30px; } .gywm_cendowns .swiper-button-prev { width: 30px; height: 30px; } .gywm_cendowns .swiper-button-next { width: 30px; height: 30px; } .gywm_down { margin: 40px auto; display: flex; flex-wrap: wrap; } .gywm_down1 { width: 100%; margin-top: -50px; } .gywm_down2 { width: 100%; margin-left: 0; margin-top: 20px; } .gywm_down2_1{ font-size: 20px; } .gywm_down2_2 { margin-top: 30px; font-size: 14px; line-height: 25px; } .cxorf_tcs { width: 350px; } .cxorf_tca { padding: 0 60px; padding-bottom: 40px; padding-top: 25px; } .cxorf_tca1 { font-size: 16px; } .cxorf_tca2 { width: 80px; margin-top: 30px; margin-bottom: 15px; } .cxorf_tca3 { font-size: 14px; } .cxort_tcs { width: 350px; } .cxort_tca { padding: 25px 20px; } .cxort_tca1{ font-size: 16px; } .cxort_tca2 { margin-bottom: 10px; } .cxort_tca2_1 { font-size: 14px; } .cxort_tca2_2 { height: 40px; font-size: 14px; } .fd_provevideo { width: 70%; } .inde_why{ margin: 30px auto; } .inde_why1{ font-size: 24px; } .inde_why2{ /*margin-top: 25px;*/ } .inde_speak8{ margin-top: 20px; display: flex; flex-wrap: wrap; } .inde_speak8_1 { height: 30px; line-height: 30px; font-size: 14px; margin-right: 10px; } .inde_speak10{ display: flex; flex-wrap: wrap; } .inde_speak10_1{ width: 32%; margin-top: 10px; font-size: 14px; } .inde_speak10_1:nth-child(5n){ margin-right: 2%; } .inde_speak10_1:nth-child(3n){ margin-right: 0; } .inde_speak10_1 img{ height: 135px; } .inde_proveb4 { height: 60px; margin-top: 15px; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* header 兜底 */ @media (min-width: 1021px) { #H5, .menubtn { display: none !important; } .heade1_3 { display: block; } } /* css/header-nav-20260927.css */ /* YWHOLA header.css v20260715d */ header { border-bottom: 1px solid rgba(255, 255, 255, .13); width: 100%; background: transparent; position: absolute; left: 0; top: 0; z-index: 100; transition: background-color .3s ease, border-color .3s ease, box-shadow .3s ease; } header .container { display: block; width: 100%; } .header { width: 100%; min-height: 90px; display: grid; grid-template-columns: minmax(120px, 1fr) auto minmax(200px, 1fr); align-items: center; gap: 20px; box-sizing: border-box; } @media (min-width: 1021px) { header .container { max-width: 1840px; margin: 0 auto; padding-left: clamp(40px, 4vw, 100px); padding-right: clamp(40px, 4vw, 100px); } .header { position: relative; display: flex; align-items: center; justify-content: space-between; min-height: 120px; gap: 24px; } .logo { position: relative; z-index: 2; flex: 0 0 auto; grid-column: auto; } .heade2 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; grid-column: auto; width: max-content; max-width: calc(100% - 520px); gap: 0 22px; pointer-events: none; } .heade2 li { pointer-events: auto; } .header-actions { position: relative; z-index: 2; flex: 0 0 auto; grid-column: auto; margin-left: auto; } .menubtn { display: none !important; } } .logo { height: 55px; display: block; flex-shrink: 0; margin-top: 0; grid-column: 1; justify-self: start; } .logo img { height: 100%; } .logo1 { display: block; } .logo2 { display: none; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .heade1 { flex-shrink: 0; margin-top: 0; position: relative; display: flex; align-items: center; gap: 8px; } @media (min-width: 1021px) { .heade1 { display: grid; grid-template-columns: auto auto; gap: 8px 10px; align-items: center; justify-items: end; } .heade1_1 { grid-column: 1; grid-row: 1; } .heade1_2 { grid-column: 2; grid-row: 1; margin-left: 0; } } .header-actions { flex-shrink: 0; margin: 0; grid-column: 3; grid-row: 1; justify-self: end; display: flex; align-items: center; } .header-search-form { margin: 0; } .menubtn { grid-column: 3; grid-row: 1; justify-self: end; } .heade1_1 { border: 1px solid white; width: 205px; height: 45px; border-radius: 45px; overflow: hidden; display: inline-block; vertical-align: middle; } .heade1_1 input { border: none; outline: none; width: calc(100% - 40px); height: 100%; float: left; padding: 0 15px; font-size: 14px; color: white; } .heade1_1 input::-webkit-input-placeholder { color: white; } .heade1_1 input::-moz-placeholder { color: white; } .heade1_1 input:-ms-input-placeholder { color: white; } .heade1_1 input:-moz-placeholder { color: white; } .heade1_1 input::placeholder { color: white; } .heade1_1 button { border: none; outline: none; background-color: transparent; width: 40px; height: 100%; float: left; background-image: url(/img/search_1.webp); background-position: center; background-repeat: no-repeat; background-size: 20px auto; } .heade1_2 { margin-left: 5px; display: inline-block; vertical-align: middle; } .heade1_2 a { border-right: 1px solid white; display: block; float: left; padding: 0 10px; font-size: 16px; color: white; } .heade1_2 a:last-child { border-right: 0; } .heade1_2 a.on { font-weight: 700; } body.lang-translating { cursor: progress; } #google_translate_element, .goog-te-banner-frame, .skiptranslate, .goog-te-gadget, .goog-te-gadget-simple { display: none !important; height: 0 !important; overflow: hidden !important; visibility: hidden !important; } body { top: 0 !important; position: static !important; } iframe.goog-te-banner-frame { display: none !important; } .heade1_3 { border: 1px solid white; width: 205px; height: 45px; border-radius: 45px; overflow: hidden; position: absolute; right: 90px; top: calc(100% + 55px); z-index: 30; display: none; box-shadow: 0 4px 16px rgba(0, 0, 0, .12); } .heade1.is-search-open .heade1_3 { display: block; } .heade1_3 input { border: none; outline: none; width: calc(100% - 40px); height: 100%; float: left; padding: 0 15px; font-size: 14px; color: white; background: transparent; } .heade1_3 input::placeholder { color: rgba(255, 255, 255, .75); } .heade1_3 button { border: none; outline: none; background-color: transparent; width: 40px; height: 100%; float: left; background-image: url(/img/search_1.webp); background-position: center; background-repeat: no-repeat; background-size: 20px auto; cursor: pointer; } .heade2 { grid-column: 2; justify-self: center; min-width: 0; float: none; width: auto; max-width: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; gap: 0 24px; padding: 0; list-style: none; margin: 0; } .heade2 li { margin-right: 0; display: block; flex-shrink: 0; } .heade2 li:last-child { margin-right: 0; } .heade2_1 { display: block; line-height: 1.2; padding: 10px 0; font-size: 15px; color: #ffffff; font-weight: 700; white-space: nowrap; letter-spacing: 0.04em; text-transform: uppercase; transition: color .2s; position: relative; } .heade2_1.on { color: #a8d4ff !important; } .heade2_1.on::after { content: ""; position: absolute; left: 0; right: 0; bottom: 4px; height: 2px; background: #a8d4ff; border-radius: 1px; } .heade2_1:hover { color: #a8d4ff !important; } header.on { border-bottom: 1px solid #F3F3F3; background: #fff; position: sticky; top: 0; left: 0; z-index: 100; box-shadow: 0 1px 8px rgba(0, 0, 0, .06); } header.on .logo1 { display: none; } header.on .logo2 { display: block; } header.on .heade2_1 { color: #000000; } header.on .heade2_1.on, header.on .heade2_1:hover { color: #004EBB !important; } header.on .heade2_1.on::after { background: #004EBB; } header.on .heade1_1 { border: 1px solid #77A1DB; } header.on .heade1_1 button { background-image: url(/img/search_2.webp); } header.on .heade1_1 input { color: #333333; } header.on .heade1_1 input::-webkit-input-placeholder { color: #333333; } header.on .heade1_1 input::-moz-placeholder { color: #333333; } header.on .heade1_1 input:-ms-input-placeholder { color: #333333; } header.on .heade1_1 input:-moz-placeholder { color: #333333; } header.on .heade1_1 input::placeholder { color: #333333; } header.on .heade1_2 a { border-color: #010101; color: #010101; } header.on .heade1_3 { border-color: #77A1DB; background: #fff; } header.on .heade1_3 input { color: #333; } header.on .heade1_3 input::placeholder { color: #999; } header.on .heade1_3 button { background-image: url(/img/search_2.webp); } /* ========== Header 响应式 ========== */ @media (min-width: 1280px) { .heade2 { gap: 0 26px; max-width: calc(100% - 480px); } .heade2_1 { font-size: 15px; } } @media (min-width: 1440px) { .heade2 { gap: 0 30px; max-width: calc(100% - 500px); } .heade2_1 { font-size: 16px; } } @media (min-width: 1680px) { header .container { padding-left: 80px; padding-right: 80px; } .heade2 { gap: 0 34px; max-width: calc(100% - 540px); } .heade2_1 { font-size: 16px; } .heade1_1, .heade1_3 { width: 210px; } } @media (max-width: 1680px) and (min-width: 1021px) { header .container { padding-left: 60px; padding-right: 60px; } .heade1_1 { width: 185px; } } @media (max-width: 1480px) and (min-width: 1021px) { .heade2 { gap: 0 18px; max-width: calc(100% - 460px); } .heade2_1 { font-size: 14px; } } @media (max-width: 1280px) and (min-width: 1021px) { .header { min-height: 110px; } .logo { height: 48px; } .heade2 { gap: 0 14px; max-width: calc(100% - 440px); } .heade2_1 { font-size: 13px; padding: 6px 0; } .heade1_1 { width: 155px; height: 40px; } .heade1_1 input { font-size: 12px; padding: 0 10px; } .heade1_2 a { font-size: 14px; padding: 0 8px; } } @media (max-width: 1120px) and (min-width: 1021px) { .heade2 { gap: 0 8px; } .heade2_1 { font-size: 11px; } .heade1_1 { width: 130px; } } @media (min-width: 1021px) { #H5 { display: none !important; } } @media (max-width: 1020px) { #PC { display: none !important; } header .container { padding-left: 2.5%; padding-right: 2.5%; } .header { grid-template-columns: 1fr auto auto; min-height: 50px; gap: 8px; } .logo { grid-column: 1; height: 35px; } .header-actions { grid-column: 2; justify-self: end; } .menubtn { grid-column: 3; justify-self: end; display: flex; flex-direction: column; justify-content: center; flex-shrink: 0; width: 36px; height: 36px; padding: 6px; box-sizing: border-box; cursor: pointer; z-index: 1002; } header:not(.on) .menubtn i { background-color: #fff; } header.on .menubtn i { background-color: #010101; } .menubtn i { display: block; width: 22px; height: 2px; background-color: #010101; transition: transform .3s, opacity .3s; } .heade1_1 { width: 120px; height: 35px; } .heade1_1 input { font-size: 11px; padding: 0 8px; } .heade1_2 a { font-size: 13px; padding: 0 6px; } .heade1_3 { display: none !important; } .menubtn i:nth-child(1) { transform-origin: left bottom; } .menubtn i:nth-child(2) { margin-top: 5px; } .menubtn i:nth-child(3) { margin-top: 5px; transform-origin: left top; } .menubtn.on i:nth-child(1) { transform: rotate(28deg); } .menubtn.on i:nth-child(2) { opacity: 0; } .menubtn.on i:nth-child(3) { transform: rotate(-28deg); } #H5 { position: fixed; inset: 0; top: 51px; z-index: 1000; pointer-events: none; visibility: hidden; } #H5.is-open { pointer-events: auto; visibility: visible; } #H5::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .45); opacity: 0; transition: opacity .25s; } #H5.is-open::before { opacity: 1; } #H5 .COVER { width: min(320px, 88vw); height: 100%; background-color: #1c1c1c; overflow-x: hidden; overflow-y: auto; position: absolute; top: 0; left: -100%; z-index: 1; -webkit-overflow-scrolling: touch; } #H5 .MULUS { width: 100%; box-sizing: border-box; padding: 16px 12px 24px; } #H5 .mulu { border-bottom: 1px solid rgba(255, 255, 255, .15); width: 100%; } #H5 .mulu1 { width: 100%; padding: 14px 4px; color: #fff; font-size: 15px; display: flex; justify-content: space-between; align-items: center; } #H5 .mulu1 span { line-height: 1.4; } .mulu-mobile-search { padding-top: 12px; border-bottom: 0; } .mobile-nav-search { display: flex; gap: 8px; width: 100%; } .mobile-nav-search input { flex: 1; min-width: 0; height: 40px; border: 1px solid rgba(255, 255, 255, .25); border-radius: 8px; background: rgba(255, 255, 255, .08); color: #fff; padding: 0 12px; font-size: 14px; outline: none; } .mobile-nav-search input::placeholder { color: rgba(255, 255, 255, .55); } .mobile-nav-search button { flex-shrink: 0; height: 40px; padding: 0 14px; border: 0; border-radius: 8px; background: #004EBB; color: #fff; font-size: 14px; cursor: pointer; } body.nav-open { overflow: hidden; } } @media (max-width: 480px) { .heade1_1 { width: 100px; } .heade1_2 a { font-size: 12px; padding: 0 4px; } #H5 .COVER { width: min(300px, 92vw); } } /* Keep navigation in its own grid track; long translations must not overlap order search. */ @media (min-width:1021px){ header .header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:clamp(16px,1.6vw,28px)} header .logo{grid-column:1;grid-row:1} header #PC{position:static;left:auto;top:auto;transform:none;grid-column:2;grid-row:1;width:auto;max-width:none;min-width:0;justify-self:stretch;flex-wrap:wrap;gap:4px clamp(12px,1.25vw,24px);pointer-events:auto} header .header-actions{grid-column:3;grid-row:1;margin-left:0} } /* css/font-boost.css */ /* ===================================================================== YWHOLA Font Boost Patch (2026-08-20) Loads LAST via header.html (after style.css, base.css, header-v2.css) Fixes: body had no font-family / line-height / color — browser default serif 16px made site look "small, dim, hard to read". Strategy: only set body-level + element-level typography defaults; do NOT override existing class-scoped font-size/color (avoid layout shift). ===================================================================== */ /* ---- Root tokens ---- */ :root { --yw-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; --yw-ink: #1a1a1a; /* main text — darker than #333 for contrast */ --yw-ink-soft: #555; /* secondary text — darker than #666 */ --yw-link: #004EBB; /* keep brand blue */ --yw-line: 1.7; /* comfortable reading */ } /* ---- Global body typography (covers every page) ---- */ html { font-size: 16px; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } body { font-family: var(--yw-font); font-size: 16px; line-height: var(--yw-line); color: var(--yw-ink); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-synthesis: none; } /* ---- Default element typography ---- */ p, li, td, th, label, span, a, dd, dt, blockquote, figcaption { line-height: 1.65; } h1, h2, h3, h4, h5, h6 { font-family: var(--yw-font); line-height: 1.25; font-weight: 700; color: var(--yw-ink); } h1 { letter-spacing: -0.02em; } h2 { letter-spacing: -0.015em; } h3 { font-weight: 600; } strong, b { font-weight: 700; } a { color: var(--yw-link); } a:hover { color: #003699; } /* ---- Minimum readable size (lift 12px → 14px) ---- Only applied to common text elements when their computed size is tiny. Class-scoped styles still override via specificity. */ p, li, td, th, label, blockquote, figcaption { font-size: 16px; } /* ---- Headings keep their original sizes from base.css/style.css ---- */ /* ---- Form inputs inherit font ---- */ input, textarea, select, button { font-family: inherit; font-size: 16px; /* prevent iOS zoom-on-focus */ line-height: 1.5; } /* ---- Responsive: scale base on small screens ---- */ @media (max-width: 1024px) { html { font-size: 16px; } } @media (max-width: 768px) { html { font-size: 15.5px; } body { line-height: 1.68; } } @media (max-width: 480px) { html { font-size: 15px; } body { line-height: 1.65; } } /* ---- Improve text contrast for #666 secondary text ---- */ *[style*="color:#666"], *[style*="color: #666"], *[style*="color:#666666"], *[style*="color: #666666"] { color: var(--yw-ink-soft) !important; } /* ---- Selection color ---- */ ::selection { background: #004EBB; color: #fff; }