@charset "utf-8";/** * Swiper 11.0.3 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: October 26, 2023 */ @font-face { font-family: "swiper-icons"; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; /* --swiper-preloader-color: var(--swiper-theme-color); --swiper-wrapper-transition-timing-function: initial; */ } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; display: block; width: 100%; } .swiper-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } .swiper-backface-hidden .swiper-slide { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* 3D Effects */ .swiper-3d.swiper-css-mode .swiper-wrapper { -webkit-perspective: 75rem; perspective: 75rem; } .swiper-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-3d { -webkit-perspective: 75rem; perspective: 75rem; } .swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { -ms-scroll-snap-type: none; scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ""; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -ms-flex-order: 9999; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-start: var(--swiper-centered-offset-before); -moz-margin-start: var(--swiper-centered-offset-before); margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 0.0625rem; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-before: var(--swiper-centered-offset-before); margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 0.0625rem; height: var(--swiper-centered-offset-after); } /* Slide styles start */ /* 3D Shadows */ .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { 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, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-lazy-preloader { width: 2.625rem; height: 2.625rem; position: absolute; left: 50%; top: 50%; margin-left: -1.3125rem; margin-top: -1.3125rem; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; box-sizing: border-box; border: 0.25rem solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { -webkit-animation: swiper-preloader-spin 1s infinite linear; animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @-webkit-keyframes swiper-preloader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .swiper-pagination-lock, .swiper-button-lock { opacity: 0; visibility: hidden; } .swiper-button-disabled { opacity: 0.6; pointer-events: none; } /* 动画 */ @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes progressBar { 0% { width: 0; } 100% { width: 100%; } } @keyframes progressBar { 0% { width: 0; } 100% { width: 100%; } } @-webkit-keyframes progressBarY { 0% { height: 0; } 100% { height: 100%; } } @keyframes progressBarY { 0% { height: 0; } 100% { height: 100%; } } @-webkit-keyframes downFloat { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 50% { -webkit-transform: translateY(1.25rem); transform: translateY(1.25rem); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes downFloat { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 50% { -webkit-transform: translateY(1.25rem); transform: translateY(1.25rem); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @-webkit-keyframes float { 0% { -webkit-transform: rotate(0) translate3d(0, 7%, 0) rotate(0); transform: rotate(0) translate3d(0, 7%, 0) rotate(0); } to { -webkit-transform: rotate(360deg) translate3d(0, 7%, 0) rotate(-360deg); transform: rotate(360deg) translate3d(0, 7%, 0) rotate(-360deg); } } @keyframes float { 0% { -webkit-transform: rotate(0) translate3d(0, 7%, 0) rotate(0); transform: rotate(0) translate3d(0, 7%, 0) rotate(0); } to { -webkit-transform: rotate(360deg) translate3d(0, 7%, 0) rotate(-360deg); transform: rotate(360deg) translate3d(0, 7%, 0) rotate(-360deg); } } @-webkit-keyframes scale { 0% { -webkit-transform: scale(1.1); transform: scale(1.1); } 50% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes scale { 0% { -webkit-transform: scale(1.1); transform: scale(1.1); } 50% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.1); transform: scale(1.1); } } @-webkit-keyframes detailBanner { 0% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes detailBanner { 0% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes centerDiffuse2 { 0% { opacity: 0; width: 100%; width: 100%; } 20% { opacity: 1; } 80% { opacity: 0; width: 450%; height: 450%; } 100% { opacity: 0; width: 450%; height: 450%; } } @keyframes centerDiffuse2 { 0% { opacity: 0; width: 100%; width: 100%; } 20% { opacity: 1; } 80% { opacity: 0; width: 450%; height: 450%; } 100% { opacity: 0; width: 450%; height: 450%; } } /* 放大 */ @-webkit-keyframes amplify2 { 0% { -webkit-transform: translate(-50%, -50%) scale(0.4); transform: translate(-50%, -50%) scale(0.4); opacity: 0; } 20% { opacity: 1; } 75% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: 0; } 100% { opacity: 0; } } @keyframes amplify2 { 0% { -webkit-transform: translate(-50%, -50%) scale(0.4); transform: translate(-50%, -50%) scale(0.4); opacity: 0; } 20% { opacity: 1; } 75% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes translateX { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 100% { -webkit-transform: translate(-5rem); transform: translate(-5rem); } } @keyframes translateX { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 100% { -webkit-transform: translate(-5rem); transform: translate(-5rem); } } /* wow */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 1.875rem, 0); transform: translate3d(0, 1.875rem, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 1.875rem, 0); transform: translate3d(0, 1.875rem, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .scale { -webkit-animation-name: scale; animation-name: scale; } /* Bouncing entrances */ @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes rise { 0% { opacity: 0; -webkit-transform: translateY(-1.875rem); transform: translateY(-1.875rem); } to { opacity: 1; -webkit-transform: none; transform: none; z-index: 2; } } @keyframes rise { 0% { opacity: 0; -webkit-transform: translateY(-1.875rem); transform: translateY(-1.875rem); } to { opacity: 1; -webkit-transform: none; transform: none; z-index: 2; } } .rise { -webkit-animation-name: rise; animation-name: rise; } @-webkit-keyframes sink { 0% { opacity: 0; -webkit-transform: translateY(1.875rem); transform: translateY(1.875rem); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes sink { 0% { opacity: 0; -webkit-transform: translateY(1.875rem); transform: translateY(1.875rem); } to { opacity: 1; -webkit-transform: none; transform: none; } } .sink { -webkit-animation-name: sink; animation-name: sink; } html { font-size: clamp(0.5rem, 0.8333vw, 1rem); /* 解释: - 最小 8px(768px 时) - 按 0.8333vw 缩放(16px / 1920px * 100 ≈ 0.8333vw) - 最大 16px(1920px 及以上) */ } /* 公共样式 */ * { box-sizing: border-box; } body { margin: 0px; } select, input, textarea { border-radius: 0; -webkit-border-radius: 0; color: #878787; } input:focus { outline: none; } input, button, select, textarea { outline: none; /*-webkit-appearance:none; */ } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { background: none !important; box-shadow: none !important; -webkit-transition: color 99999s ease-out, background-color 99999s ease-out; transition: color 99999s ease-out, background-color 99999s ease-out; -webkit-transition-delay: 99999s; transition-delay: 99999s; } textarea { resize: none; /*-webkit-appearance:none; */ } textarea, input, select { background: none; border: none; margin: 0; padding: 0; } img { max-width: 100%; } li { list-style: none; } a { text-decoration: none; font-weight: normal; } i { font-style: normal; } body { font: 0.875rem/1.5 PingFang SC, Misans, OPPOSans, HarmonyOS Sans SC, Source Han Sans, Microsoft YaHei; position: relative; left: 0px; -webkit-transition: left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); } .layui-form-select dl dd.layui-this { color: #CF0F1A; } .layui-input:focus, .layui-textarea:focus { border-color: #CF0F1A !important; box-shadow: 0 0 0 0.1875rem rgba(207, 15, 26, 0.08) !important; } .layui-layer-shade { opacity: 1 !important; background: rgba(0, 0, 0, 0.4) !important; backdrop-filter: blur(1.25rem); } /* 图标 */ [class^=icon-] { font-family: "iconfont" !important; font-style: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* 分享 */ @font-face { font-family: "shareIcon"; src: url("data:font/ttf;charset=utf-8;base64,AAEAAAAQAQAABAAARkZUTXqjBawAACR0AAAAHEdERUYAJwAXAAAkVAAAAB5PUy8yVzzoewAAAYgAAABgY21hcIYbuw0AAAIsAAABqmN2dCAM8/9aAAAOCAAAACRmcGdtMPeelQAAA9gAAAmWZ2FzcAAAABAAACRMAAAACGdseWbNwujKAAAOUAAAEwxoZWFkCDoioQAAAQwAAAA2aGhlYQetA8cAAAFEAAAAJGhtdHg6uAQdAAAB6AAAAERsb2NhI8gn1gAADiwAAAAkbWF4cAE1AjgAAAFoAAAAIG5hbWU3vFjkAAAhXAAAAkNwb3N0915EDgAAI6AAAACscHJlcKW5vmYAAA1wAAAAlQABAAAAAQAAJceEJV8PPPUAHwQAAAAAANJ/b1EAAAAA0n9vUv/+/7MECgNOAAAACAACAAAAAAAAAAEAAANH/7MAXAQC//4AAAQKAAEAAAAAAAAAAAAAAAAAAAARAAEAAAARAIsABwAAAAAAAgAmADQAbAAAAIoBdwAAAAAABAP+AfQABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAIABgMAAAAAAAAAAAABEAAAAAAAAAAAAAAAUGZFZADAAHjyCgOA/4AAXANHAE2AAAABAAAAAAMYAAAAAAAgAAEBdgAiAAAAAAFVAAAD6QAsBAAAQgQAADMEAAEhBAAAJQQAAFYEAQAABAAAkAQAACkEAAAQBAAAdQQAAGEEAv/+BAAAIQAAAAMAAAADAAAAHAABAAAAAACkAAMAAQAAABwABACIAAAAHgAQAAMADgB48ArwGvA68ErwWvBq8HrwivCa8QrxGvEq8gr//wAAAHjwCvAa8DrwSvBa8GrwevCK8JrxCvEa8SryCv///4sP+g/rD8wPvQ+uD58PkA+BD3IPAw70DuUOBgABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABBgAAAQAAAAAAAAABAgAAAAIAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAsAAssCBgZi2wASwgZCCwwFCwBCZasARFW1ghIyEbilggsFBQWCGwQFkbILA4UFghsDhZWSCwCkVhZLAoUFghsApFILAwUFghsDBZGyCwwFBYIGYgiophILAKUFhgGyCwIFBYIbAKYBsgsDZQWCGwNmAbYFlZWRuwACtZWSOwAFBYZVlZLbACLCBFILAEJWFkILAFQ1BYsAUjQrAGI0IbISFZsAFgLbADLCMhIyEgZLEFYkIgsAYjQrIKAAIqISCwBkMgiiCKsAArsTAFJYpRWGBQG2FSWVgjWSEgsEBTWLAAKxshsEBZI7AAUFhlWS2wBCywCCNCsAcjQrAAI0KwAEOwB0NRWLAIQyuyAAEAQ2BCsBZlHFktsAUssABDIEUgsAJFY7ABRWJgRC2wBiywAEMgRSCwACsjsQQEJWAgRYojYSBkILAgUFghsAAbsDBQWLAgG7BAWVkjsABQWGVZsAMlI2FERC2wByyxBQVFsAFhRC2wCCywAWAgILAKQ0qwAFBYILAKI0JZsAtDSrAAUlggsAsjQlktsAksILgEAGIguAQAY4ojYbAMQ2AgimAgsAwjQiMtsAosS1RYsQcBRFkksA1lI3gtsAssS1FYS1NYsQcBRFkbIVkksBNlI3gtsAwssQANQ1VYsQ0NQ7ABYUKwCStZsABDsAIlQrIAAQBDYEKxCgIlQrELAiVCsAEWIyCwAyVQWLAAQ7AEJUKKiiCKI2GwCCohI7ABYSCKI2GwCCohG7AAQ7ACJUKwAiVhsAgqIVmwCkNHsAtDR2CwgGIgsAJFY7ABRWJgsQAAEyNEsAFDsAA+sgEBAUNgQi2wDSyxAAVFVFgAsA0jQiBgsAFhtQ4OAQAMAEJCimCxDAQrsGsrGyJZLbAOLLEADSstsA8ssQENKy2wECyxAg0rLbARLLEDDSstsBIssQQNKy2wEyyxBQ0rLbAULLEGDSstsBUssQcNKy2wFiyxCA0rLbAXLLEJDSstsBgssAcrsQAFRVRYALANI0IgYLABYbUODgEADABCQopgsQwEK7BrKxsiWS2wGSyxABgrLbAaLLEBGCstsBsssQIYKy2wHCyxAxgrLbAdLLEEGCstsB4ssQUYKy2wHyyxBhgrLbAgLLEHGCstsCEssQgYKy2wIiyxCRgrLbAjLCBgsA5gIEMjsAFgQ7ACJbACJVFYIyA8sAFgI7ASZRwbISFZLbAkLLAjK7AjKi2wJSwgIEcgILACRWOwAUViYCNhOCMgilVYIEcgILACRWOwAUViYCNhOBshWS2wJiyxAAVFVFgAsAEWsCUqsAEVMBsiWS2wJyywByuxAAVFVFgAsAEWsCUqsAEVMBsiWS2wKCwgNbABYC2wKSwAsANFY7ABRWKwACuwAkVjsAFFYrAAK7AAFrQAAAAAAEQ+IzixKAEVKi2wKiwgPCBHILACRWOwAUViYLAAQ2E4LbArLC4XPC2wLCwgPCBHILACRWOwAUViYLAAQ2GwAUNjOC2wLSyxAgAWJSAuIEewACNCsAIlSYqKRyNHI2EgWGIbIVmwASNCsiwBARUUKi2wLiywABawBCWwBCVHI0cjYbAGRStlii4jICA8ijgtsC8ssAAWsAQlsAQlIC5HI0cjYSCwBCNCsAZFKyCwYFBYILBAUVizAiADIBuzAiYDGllCQiMgsAlDIIojRyNHI2EjRmCwBEOwgGJgILAAKyCKimEgsAJDYGQjsANDYWRQWLACQ2EbsANDYFmwAyWwgGJhIyAgsAQmI0ZhOBsjsAlDRrACJbAJQ0cjRyNhYCCwBEOwgGJgIyCwACsjsARDYLAAK7AFJWGwBSWwgGKwBCZhILAEJWBkI7ADJWBkUFghGyMhWSMgILAEJiNGYThZLbAwLLAAFiAgILAFJiAuRyNHI2EjPDgtsDEssAAWILAJI0IgICBGI0ewACsjYTgtsDIssAAWsAMlsAIlRyNHI2GwAFRYLiA8IyEbsAIlsAIlRyNHI2EgsAUlsAQlRyNHI2GwBiWwBSVJsAIlYbABRWMjIFhiGyFZY7ABRWJgIy4jICA8ijgjIVktsDMssAAWILAJQyAuRyNHI2EgYLAgYGawgGIjICA8ijgtsDQsIyAuRrACJUZSWCA8WS6xJAEUKy2wNSwjIC5GsAIlRlBYIDxZLrEkARQrLbA2LCMgLkawAiVGUlggPFkjIC5GsAIlRlBYIDxZLrEkARQrLbA3LLAuKyMgLkawAiVGUlggPFkusSQBFCstsDgssC8riiAgPLAEI0KKOCMgLkawAiVGUlggPFkusSQBFCuwBEMusCQrLbA5LLAAFrAEJbAEJiAuRyNHI2GwBkUrIyA8IC4jOLEkARQrLbA6LLEJBCVCsAAWsAQlsAQlIC5HI0cjYSCwBCNCsAZFKyCwYFBYILBAUVizAiADIBuzAiYDGllCQiMgR7AEQ7CAYmAgsAArIIqKYSCwAkNgZCOwA0NhZFBYsAJDYRuwA0NgWbADJbCAYmGwAiVGYTgjIDwjOBshICBGI0ewACsjYTghWbEkARQrLbA7LLAuKy6xJAEUKy2wPCywLyshIyAgPLAEI0IjOLEkARQrsARDLrAkKy2wPSywABUgR7AAI0KyAAEBFRQTLrAqKi2wPiywABUgR7AAI0KyAAEBFRQTLrAqKi2wPyyxAAEUE7ArKi2wQCywLSotsEEssAAWRSMgLiBGiiNhOLEkARQrLbBCLLAJI0KwQSstsEMssgAAOistsEQssgABOistsEUssgEAOistsEYssgEBOistsEcssgAAOystsEgssgABOystsEkssgEAOystsEossgEBOystsEsssgAANystsEwssgABNystsE0ssgEANystsE4ssgEBNystsE8ssgAAOSstsFAssgABOSstsFEssgEAOSstsFIssgEBOSstsFMssgAAPCstsFQssgABPCstsFUssgEAPCstsFYssgEBPCstsFcssgAAOCstsFgssgABOCstsFkssgEAOCstsFossgEBOCstsFsssDArLrEkARQrLbBcLLAwK7A0Ky2wXSywMCuwNSstsF4ssAAWsDArsDYrLbBfLLAxKy6xJAEUKy2wYCywMSuwNCstsGEssDErsDUrLbBiLLAxK7A2Ky2wYyywMisusSQBFCstsGQssDIrsDQrLbBlLLAyK7A1Ky2wZiywMiuwNistsGcssDMrLrEkARQrLbBoLLAzK7A0Ky2waSywMyuwNSstsGossDMrsDYrLbBrLCuwCGWwAyRQeLABFTAtAABLuADIUlixAQGOWbkIAAgAYyCwASNEILADI3CwDkUgIEu4AA5RS7AGU1pYsDQbsChZYGYgilVYsAIlYbABRWMjYrACI0SzCgkFBCuzCgsFBCuzDg8FBCtZsgQoCUVSRLMKDQYEK7EGAUSxJAGIUViwQIhYsQYDRLEmAYhRWLgEAIhYsQYBRFlZWVm4Af+FsASNsQUARAAAAAAAAAAAAAAAAAAAAAAAAAAAMgAyAxj/4QNH/7MDGP/hA0f/swAAACgAKAAoAWQB+gJyAqwD6gRyBQQFhAYeBxgHmAhMCSYJhgACACIAAAEyAqoAAwAHAClAJgAAAAMCAANXAAIBAQJLAAICAU8EAQECAUMAAAcGBQQAAwADEQUPKzMRIREnMxEjIgEQ7szMAqr9ViICZgAAAAUALP/hA7wDGAAWADAAOgBSAF4Bd0uwE1BYQEoCAQANDg0ADmYAAw4BDgNeAAEICAFcEAEJCAoGCV4RAQwGBAYMXgALBAtpDwEIAAYMCAZYAAoHBQIECwoEWRIBDg4NUQANDQoOQhtLsBdQWEBLAgEADQ4NAA5mAAMOAQ4DXgABCAgBXBABCQgKCAkKZhEBDAYEBgxeAAsEC2kPAQgABgwIBlgACgcFAgQLCgRZEgEODg1RAA0NCg5CG0uwGFBYQEwCAQANDg0ADmYAAw4BDgNeAAEICAFcEAEJCAoICQpmEQEMBgQGDARmAAsEC2kPAQgABgwIBlgACgcFAgQLCgRZEgEODg1RAA0NCg5CG0BOAgEADQ4NAA5mAAMOAQ4DAWYAAQgOAQhkEAEJCAoICQpmEQEMBgQGDARmAAsEC2kPAQgABgwIBlgACgcFAgQLCgRZEgEODg1RAA0NCg5CWVlZQChTUzs7MjEXF1NeU15bWDtSO1JLQzc1MToyOhcwFzBRETEYESgVQBMWKwEGKwEiDgIdASE1NCY1NC4CKwEVIQUVFBYUDgIjBiYrASchBysBIiciLgI9ARciBhQWMzI2NCYXBgcOAx4BOwYyNicuAScmJwE1ND4COwEyFh0BARkbGlMSJRwSA5ABChgnHoX+SgKiARUfIw4OHw4gLf5JLB0iFBkZIBMIdwwSEgwNEhKMCAYFCwQCBA8OJUNRUEAkFxYJBQkFBQb+pAUPGhW8HykCHwEMGScaTCkQHAQNIBsSYYg0Fzo6JRcJAQGAgAETGyAOpz8RGhERGhF8GhYTJA4QDQgYGg0jERMUAXfkCxgTDB0m4wAAAgBC/8wDvgM0ADIARABmtQ8BAAEBQEuwGFBYQB4AAQABaAUBAAACUgQBAgILQQYBAwMCUQQBAgILAkIbQB8AAQABaAUBAAMCAE0GAQMCAgNNBgEDAwJRBAECAwJFWUAUNTMBAD47M0Q1RCgkDAkAMgEyBw4rASU2NzYnJicuASsBIg4BFTAdAhQHDgIHDgMHBhURFBcWMyQzMjY/AT4BNTc0LgEFIyIOARURFBY7ATI+ATURNCYDj/6yEwQEBwsXBhYNQQ0VDQEMHR4RBgsMDQcNDRwtAUN1DRYGdwYGAQ0V/P8qDRYMGxQqDRUNHAIAAU8lLR8vKwwNDRUNIyAaCgEaNDMYCRAQEAcOEv5lEw4cAQwLywsXDPQNFgxDDBYN/m0THA0VDQGTFBsAAwAz/7sDzQNHAAoADgAkAH5LsA9QWEAsAAUCCAIFXgABAAAGAQBZBAECBQMCSwAGAAgDBghZBAECAgNPCQcKAwMCA0MbQC0ABQIIAgUIZgABAAAGAQBZBAECBQMCSwAGAAgDBghZBAECAgNPCQcKAwMCA0NZQBcLCyQjHx0bGhcVFBMSEQsOCw4TFCILESsBFAYjIiY1NDYyFgMRMxETNCczFzM2MzIWFREjETQjIgcGFREjAQQ7Ly06Ol43ycV1BKoKBD2FZ33FZEgdBsYC5Ck5OSkrODj8rAJ5/YcBrllyWGeKh/6JAV+JSgwl/pMAAQEh/7oC7wM1ABQAMkAvAAEABgFAAAMCA2kABgAAAQYAWQUBAQICAUsFAQEBAk8EAQIBAkMjERERERMhBxUrARUjIgYdATMHIxEjESM1MzU0NjMyAu9ULiCdFYikiIhwXE8DL44mJ2We/mkBl551ZG0AAAAEACX/ygPXAz4AUABmAH4AigEOthgXAgQBAUBLsBZQWEBDAAoPAQ8KAWYDAgIBBA8BBGQAAAsBBgwABlkSEQINEAEODw0OVwAECQEIBwQIWgAPDwxPAAwMCkEABwcFUQAFBQsFQhtLsBhQWEBAAAoPAQ8KAWYDAgIBBA8BBGQAAAsBBgwABlkSEQINEAEODw0OVwAECQEIBwQIWgAHAAUHBVUADw8MTwAMDAoPQhtARgAKDwEPCgFmAwICAQQPAQRkAAALAQYMAAZZEhECDRABDg8NDlcADAAPCgwPVwAECQEIBwQIWgAHBQUHTQAHBwVRAAUHBUVZWUAmf39/in+KiYiHhoWEg4KBgHRyamhjYF9bVlRQTzIwJSMSMRkgExIrASMiDgEHDgEVFB4BMzA7ATI+ATMOAg8BFA4CFAYVFB4BFw4GBw4BFRQWMzI+AjU0LgQvAS4CND4BNz4DNTQuAiczAxQOASMiJjU0NzY7AjIWOwEyFx4BAwYjIi4CNTQ3PgEzMh4BHQEUDgQlNSMVIxUzFTM1MzUCdfUlQE8gJSctXDwHCAILBAYBAgEBAgIBAQENCg0SESkaKh8lDzArhXpKeUwpBxAOHBIRKwkKCwwKCxgbIQ8RHxQQSh0nUDdec2Y5RAYEAwMCBQICSzZfIS8kPCISGg4tGC5HIAICBQYJAa47d3c7dgM+CB4aH1MpLlI2AQEBBgIDBQEFBAUFBQMRIA4QAQEEBQgKDwkcTSVFYSY/TSoTIh4XGhAOIAgJFhcXCwsSGSkyHx81KBQM/WQkOCFPP1MkEwEBMzwBTCEqQUUfNiARFUpfLQoEDQwODQ2adnY6dnY6AAAFAFb/twOqA0cADgASACAAKAA4AGVAYg4BCj0ABAMEaAADAAIBAwJXBQEBAAcIAQdYDwEIBgEACQgAVxENCxAECQoKCU0RDQsQBAkJClEODAIKCQpFKikUEw8PMjEpOCo4JiUiIR0bEyAUIA8SDxITEREREREREBIWKyUhESEnITUhNSMRIREzEQM1IRUXIg4CFB4CMzI2NCYqAQYUFjI2NCUiDgMVFBYyNjU0LgICHAFy/o8BAR3+447/AMc5AeRVESAXDQ0XIBEjMjL/RzIyRzH+AQ4aFRAIMUcyDhYguQFyVXJV/uT+jv7+AWCvr7MNFyAjIBcOM0cyMkczM0cyCBAVGw4jMzMjEiAXDQAAAAEAAP/gBAADIABGAFVAUj0UBwUCAAYBAB0BAgEqJSEDAwIzAQYFBEAAAQACAAECZgACAwACA2QABQMGAwUGZgAGBwMGB2QAAAAKQQQBAwMHUgAHBwsHQiIjFRImGRcoCBYrAQYHPgE3BgcmIyIOARUUHgEXLgEnDgEVFB4BFyYnFRQWFwYjIicwIy4BJx4BFw4CIyInFjMyPgM1NCc+AT8BPgQEADo/ITAMP0c+WzlhOAEDAYHhTw0PFyocMi1gSRsdBQUKBQkFFGxEJFNdMRkZk69wxIxlMQEIDwcOBw0NCwwCvhoIFDwlJQ5COGE5CBAQCAd0YRg2HCRCNhMCGAJMdA4IAQEBAT9RAhwoFgNeR3eaqVUODQUMBg4GDQ8OEAAAAAACAJD/vwNvA04AKABEACVAIkM1AgA+AAIBAmkAAAEBAE0AAAABUQABAAFFPTwgHxwbAw4rAQ4CFxYXHgI3PgEnJicmPgIeAg4BBwYnJg4BFhcWNz4CLgITPgEnLgIHDgEXFhcOARceATc2Mz4BJyY2NxYBs16LOhUHDgQREwkPCwYLBhEubpWOZSEtbkssLQ8YAxQPODhejDkpgLUNOT4NCDJHJTk+DAULRkYTAhkQAQEOEQIROzsuAzoVgbZfIiAJDAIEBh0OGRxKkGYhLm+VkGYQCgUBFB4ZAQYNFIK1vYw6/gUNYjklNxcIDWI5FRRR6HsQEgIBAxkOacdFGQAAAQAp/70D2AM/AEsAQkA/JBsCAwABQCYBAwE/AAIBAAECAGYAAAMBAANkAAMEAQMEZAAEBGcABQEBBU0ABQUBUQABBQFFQkEXSSErFAYTKwEOAR8BJicmNyU2Jy4BLwEmIyIHMzIXFgcFMAcGFxYXFjMyPwEGBxcWDgEvASYPAQYmNxM2Ji8BLgE2NyU+ATcTNjIXEx4BFwUeAQcC/wkEAgS3cgYGASELDAcYCQlaZKqFCOGVBwf+3wUCBy0xOzmwiAUTLCoCBw8L8RgZ8BASBDUDAwfSCQMMDAEMDwwGfgkXCHYFDA8BFRIHDQEVCAsLGAIQAgPJBwIBBAEBCx4XAgTOBAQBBgMEIAEPD+IMDgEFjA8QiwkNEgEcCQoHwQgQCgEeAgcLAQYREf76DQgCGwIUDQAGABD/5wPwAxkAGAA2AEkAVwBtAIMAeUB2KCclJAQABA0LAgEKOzkMAwYBA0A6AQY9DgEABAMEAANmCQEDBwQDB2QAAQoGCgEGZgAHDQELCgcLWQwPAgoABgoGVQgFAgQEAlEAAgIKBEJZWAEAfHtwb2NhWG1ZbVNSTEtIRj48LywrKh0bFBIKCAAYARgQDisBIgYHDgEVFBcjIicHNy4BNTQ2MzIXFhcwJR4BMzI2NTQmJyYvASYvASYnIyciIyIHDgEVFB4BARQHFycGIyImNTQ2Nz4CMzIWJCYiBw4BFRQWMjc+ATUTMjY3NjU0JicmIyIOAQcGFRQWFx4BNxYyNz4DNTQuAScmIgcOAhUUFgLAV5gsFhcOEkA8fB5AStGTgGNjF/4JCBIKFh0IBwICBAICBAICBgQDAxUPBwcDBwMadBdpMjh8slFGFzE0G36y/i0dKQ4HCB0pDwcHPgkPBg0HBgwSBgoKBA0MCgUKsgwlDQMEBAEDBQQNJQwFBQMGAiNMQSBGJiklEjhmK3xIfLJGRmoKBwcdFQsSBwIBBAEBAgEBAg8HEgsHDQv+2H5OVzEQl2tGdiILDwiW8x0PBxIKFB0OCBEK/uYHBg0QCA8GDQMGBA0PDBMGAwMLDQ0DBwgIBAYKCgQNDQQKCgYJDwAAAAQAdQAAA4oDBQADAAcACwAbAJdACRUUDw4EBgMBQEuwD1BYQDIAAAEAaAABAgIBXAACAAQFAgRYAAUKAQMGBQNXCwkHAwYICAZLCwkHAwYGCE8ACAYIQxtAMQAAAQBoAAECAWgAAgAEBQIEWAAFCgEDBgUDVwsJBwMGCAgGSwsJBwMGBghPAAgGCENZQBsMDAQEDBsMGxoZGBcSEQsKCQgEBwQHEhEQDBErEyEVIQERIRE3IRUhATY3JwYHIyYnBxYXIxUhNYoC6v0WAqr9l1kBt/5JAYopI1ojLpwnMVMzIOYDFQMFVP5gAUj+uPSg/u4/UCFhT2dJIU1CU1MAAAABAGH/tAOPAzgAZABRQBBkXFtTTTcxLxoKBgsCAAFAS7AmUFhAEQMBAQIBaQAAAAJPAAICCwJCG0AWAwEBAgFpAAACAgBNAAAAAk8AAgACQ1lACkhHREM/PhQQBA4rJS4DLwE2Ji8BLgYjIg4FBw4EFzAHDgMHBhQeAj4BNxYXDgQXFB4FNz4CNzMWHwEWPgM1Ni4CLwE+AT8BPgI/AR4CPgI9AQOPBRgbGggIBQ8KCgIhLj40OBUHBhU5Mz8uIQECBQ4HBwQJBR0YGQUBAgUNEiAVFykDChkSDgIBBQsYIDUgDSdQDx4fbgYtQh0RAQINFBUICAkQBgwGBwYBARUgEwwFAt8fPCkhCAksOgcIPmU+LRQLAQELFC0+ZT4BBBAZKxwJBSUnPR8EDCAYEgIgIj43AQUPEyESAgUPDRALBwEBBhwWLAwBAQ0SGQoDEiAUDwMDCxkLFgsRDQMEIiACEhggBwkAAAAH//7/3gQKAycAJQAzAEAATABXAG4AggAZQBYNAQEAAUAAAAEAaAABAQsBQiIhHwIPKzU0Njc+ARcWBwYeATY/ATYyFxYHDgEeARceAhcUDgMuAzceAjc+AScuAgcOARcmNz4BFx4BBw4BJyY3HgE2NzYmJyYGBwY3BhcWNjc2JicmBgEmNjc2FhceAQcOAS4BNzYmJy4BBwYmFyY2NzYeAgcOAScuATc2JgcGJlBJYMcpJBkCBAYKAwNQexoZGQEECgQHITUlASlUbJagm3dOagVckVSApgcFWpZSf6iOGBsbdz0/NxoagT8+GAUnLwwLChQULQsNfQoSCBAEBgcHBxIBBAMQEUaLMTIeFwUdHw4EEBQkJGIxERodAxEMI0MwDgoFGQ0NDgULMSUNGPJBlkhhSykkUwkGAgIBASIjI0IIBgkCAgohPSQnUE43KQYhSGYWN1QoCA2HVDZUKQgNh4Y0NjU2ERBnOjo2FBNFFRIQFBIpCAkRERQ+EwgCBgcIEAIDBgHsEB0CDik4OJFBEA4KHQ8vZicoHQkDEnMPFgMIFTVIIAwOBQUZDSQ1BgMOAAAAAQAh/7MD5QMpACcAP7UIAQQBAUBLsCZQWEAUAgEBAAQAAQRmAAQEZwMBAAAKAEIbQBADAQABAGgCAQEEAWgABARfWbYcIREUFAUTKwEuAicmBzAnJiMUIyYHDgEHDgEeARcWFxYfATM3PgE3PgM3PgEDsRc/SiqUUAEBAQNQlDxqJBoUCigiNSR6oBUGFU6QPAsaExkIRRUCpSU2HwMHbAIBA2wHA0I4KWFlaC5FKYZqDw80ekINHxkfCl7VAAAAAAAMAJYAAQAAAAAAAQAIABIAAQAAAAAAAgAGACkAAQAAAAAAAwAlAHwAAQAAAAAABAAIALQAAQAAAAAABQBGAUsAAQAAAAAABgAIAaQAAwABBAkAAQAQAAAAAwABBAkAAgAMABsAAwABBAkAAwBKADAAAwABBAkABAAQAKIAAwABBAkABQCMAL0AAwABBAkABgAQAZIAaQBjAG8AbgBmAG8AbgB0AABpY29uZm9udAAATQBlAGQAaQB1AG0AAE1lZGl1bQAARgBvAG4AdABGAG8AcgBnAGUAIAAyAC4AMAAgADoAIABpAGMAbwBuAGYAbwBuAHQAIAA6ACAAMgA4AC0AMQAxAC0AMgAwADEANQAARm9udEZvcmdlIDIuMCA6IGljb25mb250IDogMjgtMTEtMjAxNQAAaQBjAG8AbgBmAG8AbgB0AABpY29uZm9udAAAVgBlAHIAcwBpAG8AbgAgADEALgAwACAAOwAgAHQAdABmAGEAdQB0AG8AaABpAG4AdAAgACgAdgAwAC4AOQA0ACkAIAAtAGwAIAA4ACAALQByACAANQAwACAALQBHACAAMgAwADAAIAAtAHgAIAAxADQAIAAtAHcAIAAiAEcAIgAgAC0AZgAgAC0AcwAAVmVyc2lvbiAxLjAgOyB0dGZhdXRvaGludCAodjAuOTQpIC1sIDggLXIgNTAgLUcgMjAwIC14IDE0IC13ICJHIiAtZiAtcwAAaQBjAG8AbgBmAG8AbgB0AABpY29uZm9udAAAAAIAAAAAAAD/UQAyAAAAAAAAAAAAAAAAAAAAAAAAAAAAEQAAAAEAAgBbAQIBAwEEAQUBBgEHAQgBCQEKAQsBDAENAQ4HdW5pRjAwQQd1bmlGMDFBB3VuaUYwM0EHdW5pRjA0QQd1bmlGMDVBB3VuaUYwNkEHdW5pRjA3QQd1bmlGMDhBB3VuaUYwOUEHdW5pRjEwQQd1bmlGMTFBB3VuaUYxMkEHdW5pRjIwQQABAAH//wAPAAEAAAAMAAAAFgAAAAIAAQABABAAAQAEAAAAAgAAAAAAAAABAAAAANWkJwgAAAAA0n9vUQAAAADSf29S") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } .social-share-icon { font-family: "shareIcon"; } .social-share .icon-tencent:before { content: "\f07a"; } .social-share .icon-qq:before { content: "\f11a"; } .social-share .icon-weibo:before { content: "\f12a"; } .social-share .icon-wechat:before { content: "\f09a"; } .social-share .icon-douban:before { content: "\f10a"; } .social-share .icon-heart:before { content: "\f20a"; } .social-share .icon-like:before { content: "\f00a"; } .social-share .icon-qzone:before { content: "\f08a"; } .social-share .icon-linkedin:before { content: "\f01a"; } .social-share .icon-diandian:before { content: "\f05a"; } .social-share .icon-facebook:before { content: "\f03a"; } .social-share .icon-google:before { content: "\f04a"; } .social-share .icon-twitter:before { content: "\f06a"; } .wechat-qrcode { display: none; border: 0.0625rem solid #eee; position: fixed; z-index: 999; top: 50%; left: 50%; width: 12.5rem; height: 11.875rem; margin-top: -6rem; margin-left: -6.25rem; color: #666; font-size: 0.75rem; text-align: center; background-color: #fff; box-shadow: 0 0.125rem 0.625rem #aaa; -webkit-transition: all 200ms; transition: all 200ms; -webkit-tansition: all 350ms; -moz-transition: all 350ms; } .wechat-qrcode.bottom { top: 2.5rem; left: -5.25rem; } .wechat-qrcode.bottom:after { display: none; } .wechat-qrcode h4 { font-weight: normal; height: 1.625rem; line-height: 1.625rem; font-size: 0.75rem; background-color: #f3f3f3; margin: 0; padding: 0; color: #777; } .wechat-qrcode .qrcode { width: 6.5625rem; margin: 0.625rem auto; } .wechat-qrcode .qrcode table { margin: 0 !important; } .wechat-qrcode .help p { font-weight: normal; line-height: 1rem; padding: 0; margin: 0; width: 100%; } .wechat-qrcode .closeWechat { position: absolute; right: 0.3125rem; top: 0.3125rem; width: 1rem; height: 1rem; z-index: 9; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); cursor: pointer; } .wechat-qrcode .closeWechat:after { width: 0.125rem; height: 100%; position: absolute; left: 50%; margin-left: -0.0625rem; content: ""; display: block; background: #666; } .wechat-qrcode .closeWechat::before { width: 100%; height: 0.125rem; position: absolute; top: 50%; margin-top: -0.0625rem; content: ""; display: block; background: #666; } /* 左偏移 */ .leftOffset { left: -16.25rem !important; } /* 版心 */ .content1810 { width: 113.125rem; margin: 0px auto; } .content1740 { width: 108.75rem; margin: 0px auto; } .content1560 { width: 97.5rem; margin: 0px auto; } /* 查看图片 */ .viewPicture { cursor: pointer; } /* 背景 */ .commonBg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -1; overflow: hidden; } .commonBg img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } /* 停止滚动 */ .stopScroll { overflow: hidden; } /* flex布局 */ .flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .flex-inline { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .items-start { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .items-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .items-end { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .content-start { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .content-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .content-end { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .content-between { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .flex-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .flex-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .flex-col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .flex-col-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .flex-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-nowrap { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .flex-1 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } @media (max-width: 768px) { .xs\:flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .xs\:items-start { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .xs\:items-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .xs\:items-end { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .xs\:content-start { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .xs\:content-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .xs\:content-end { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .xs\:content-between { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .xs\:flex-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .xs\:flex-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .xs\:flex-col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .xs\:flex-col-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .xs\:flex-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .xs\:flex-nowrap { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } /* 头部 */ .header { position: fixed; top: 0px; left: 0px; width: 100%; border-bottom: 0.0625rem solid transparent; -webkit-transition: background-color 0.6s ease, border-color 0.6s ease, left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.6s ease; transition: background-color 0.6s ease, border-color 0.6s ease, left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.6s ease; transition: background-color 0.6s ease, border-color 0.6s ease, transform 0.6s ease, left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: background-color 0.6s ease, border-color 0.6s ease, transform 0.6s ease, left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.6s ease; z-index: 9999; } .header .content1820 { border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.1); } .header .headerOther { line-height: 2.125rem; border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.1); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .header .headerOther .langBtn img { width: 1.3125rem; height: auto; margin-right: 0.5625rem; } .header .headerOther .langBtn a { font-size: 0.875rem; color: #FFFFFF; } .header .headerOther .langBtn span { font-size: 0.875rem; color: #FFFFFF; margin: 0px 0.5rem; } .header .headerOther .subsidiaryBtn { margin-left: 2.125rem; position: relative; } .header .headerOther .subsidiaryBtn .title { font-size: 0.875rem; color: #FFFFFF; cursor: pointer; } .header .headerOther .subsidiaryBtn .title span { margin-right: 0.375rem; } .header .headerOther .subsidiaryBtn .title i { width: 0.5625rem; height: 0.3125rem; background: #FFFFFF; -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%); clip-path: polygon(50% 0%, 0% 100%, 100% 100%); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .header .headerOther .subsidiaryBtn .popup { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 2.375rem; border-radius: 0.375rem; background: #fff; box-shadow: 0px 0px 0.875rem #999; z-index: 2; line-height: 1.625rem; padding: 0.5rem 0px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 0; visibility: hidden; } .header .headerOther .subsidiaryBtn .popup::after { width: 0.875rem; height: 0.3125rem; background: #fff; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: -0.25rem; -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%); clip-path: polygon(50% 0%, 0% 100%, 100% 100%); content: ""; display: block; } .header .headerOther .subsidiaryBtn .popup a { font-size: 0.8125rem; color: #333; line-height: 1.625rem; white-space: nowrap; padding: 0px 0.625rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .header .headerOther .subsidiaryBtn .popup a:hover { color: #CF0F1A; } .header .headerOther .subsidiaryBtn:hover .title i { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .header .headerOther .subsidiaryBtn:hover .popup { opacity: 1; visibility: visible; } .header .headerOther .searchBtn { font-size: 0.875rem; color: #fff; cursor: pointer; margin-left: 2.125rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .header .headerOther .searchBtn i { font-size: 1.125rem; margin-right: 0.375rem; } .header .headerLogo a { display: block; width: 15.75rem; height: 1.875rem; position: relative; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .header .headerLogo a img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .header .headerLogo a img.active { opacity: 0; visibility: hidden; } .header .headerLogo .code { text-align: justify; font-weight: 400; line-height: 1.75rem; height: 1.875rem; padding-top: 0.1875rem; padding-left: 0.75rem; margin-left: 0.9375rem; border-left: 0.0625rem solid rgba(255, 255, 255, 0.3); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .header .headerLogo .code p { font-family: Bronova; font-size: 1.25rem; color: #FFFFFF; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; margin: -0.4375rem 0px -0.75rem; } .header .headerLogo .code span { font-size: 0.75rem; color: rgba(255, 255, 255, 0.7); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .header .headerMain .headerNav > ul > li { margin-right: 2.625rem; } .header .headerMain .headerNav > ul > li:last-child { margin-right: 0px; } .header .headerMain .headerNav > ul > li > a { display: block; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; position: relative; } .header .headerMain .headerNav > ul > li > a, .header .headerMain .headerNav > ul > li > a h2 { font-size: 1rem; line-height: 4.375rem; color: #FFFFFF; font-weight: 400; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .header .headerMain .headerNav > ul > li > a::after { position: absolute; bottom: -0.0625rem; left: 50%; display: block; width: 0%; height: 0.125rem; border-radius: 0.125rem; content: ""; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: #CF0F1A; } .header .headerMain .headerNav > ul > li > a:hover, .header .headerMain .headerNav > ul > li > a:hover h2 { color: #CF0F1A; } .header.headerDown { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .header.headerDetail .headerOther { border-bottom-color: rgba(0, 0, 0, 0.1); } .header.headerDetail .headerOther .langBtn img { -webkit-filter: invert(1); filter: invert(1); } .header.headerDetail .headerOther .langBtn a { color: #000; } .header.headerDetail .headerOther .langBtn span { color: #000; } .header.headerDetail .headerOther .subsidiaryBtn .title { color: #000; } .header.headerDetail .headerOther .subsidiaryBtn .title i { background: #000; } .header.headerDetail .headerOther .searchBtn { color: #000; } .header.headerDetail .headerLogo a img.default { opacity: 0; visibility: hidden; } .header.headerDetail .headerLogo a img.active { opacity: 1; visibility: visible; } .header.headerDetail .headerLogo .code { border-left-color: rgba(0, 0, 0, 0.3); } .header.headerDetail .headerLogo .code p { color: #000000; } .header.headerDetail .headerLogo .code span { color: rgba(0, 0, 0, 0.7); } .header.headerDetail .headerMain .headerNav > ul > li > a, .header.headerDetail .headerMain .headerNav > ul > li > a h2 { color: #000000; } .header.headerMask { background: #fff; border-color: rgba(171, 171, 171, 0.2); } .header.headerMask .headerOther { background: #D0111B; border-bottom-color: #D0111B; } .header.headerMask .headerOther .langBtn img { -webkit-filter: none; filter: none; } .header.headerMask .headerOther .langBtn a { color: #FFFFFF; } .header.headerMask .headerOther .langBtn span { color: #FFFFFF; } .header.headerMask .headerOther .subsidiaryBtn .title { color: #FFFFFF; } .header.headerMask .headerOther .subsidiaryBtn .title i { background: #FFFFFF; } .header.headerMask .headerOther .searchBtn { color: #fff; } .header.headerMask .headerLogo a img.default { opacity: 0; visibility: hidden; } .header.headerMask .headerLogo a img.active { opacity: 1; visibility: visible; } .header.headerMask .headerLogo .code { border-left-color: rgba(0, 0, 0, 0.3); } .header.headerMask .headerLogo .code p { color: #000000; } .header.headerMask .headerLogo .code span { color: rgba(0, 0, 0, 0.7); } .header.headerMask .headerMain .headerNav > ul > li > a, .header.headerMask .headerMain .headerNav > ul > li > a h2 { color: #000000; } .header.headerMask .headerMain .headerNav > ul > li:hover > a h2, .header.headerMask .headerMain .headerNav > ul > li.active > a h2 { color: #CF0F1A; } .header.headerMask .headerMain .headerNav > ul > li:hover > a::after, .header.headerMask .headerMain .headerNav > ul > li.active > a::after { width: 100%; } /* 头部搜索 */ .headerSearchformMain { position: fixed; left: 0px; top: 0px; width: 100%; height: auto; display: none; z-index: 99; } .headerSearchformMain .headerSearchform { background: #fff; padding: 5rem 0px; position: relative; z-index: 99; -webkit-transition: opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform 0.8s cubic-bezier(0.2, 1, 0.3, 1); transition: opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform 0.8s cubic-bezier(0.2, 1, 0.3, 1); transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1); transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform 0.8s cubic-bezier(0.2, 1, 0.3, 1); opacity: 0; -webkit-transform: translate3d(0px, -100%, 0.0625rem); transform: translate3d(0px, -100%, 0.0625rem); } .headerSearchformMain .headerSearchform form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 61.25rem; margin: 0px auto; width: 100%; position: relative; } .headerSearchformMain .headerSearchform form input { display: block; width: 100%; height: 3.75rem; font-weight: 400; font-size: 1rem; color: #757575; background: #eee; border-radius: 2.5rem; padding-left: 1.875rem; } .headerSearchformMain .headerSearchform form input:focus { border-color: #d2d2d2 !important; box-shadow: none; } .headerSearchformMain .headerSearchform form button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 3.75rem; height: 3.75rem; border-radius: 50%; position: absolute; top: 0px; right: 0px; background: #CF0F1A; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; font-size: 1.5rem; color: #fff; border: 0px; cursor: pointer; } .headerSearchformMain .headerSearchform form button:hover { box-shadow: 0px 0.3125rem 0.625rem rgba(207, 15, 26, 0.4); } .headerSearchformMain .headerSearchform form .closeSearch { cursor: pointer; right: 0px; top: 0px; height: 100%; font-size: 1.25rem; color: #333; } .headerSearchformMain .headerSearchMask { content: ""; position: fixed; left: 0px; top: 0px; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(1.25rem); } .headerSearchformMain.admission .headerSearchform { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); opacity: 1; } /* 下拉菜单 */ .dropDownMenu { display: none; position: fixed; left: 0px; top: 6.625rem; width: 100%; border-top: 0.0625rem solid #eee; } .dropDownMenu .dropDownMenuTitle { width: 19.1875rem; font-weight: 500; font-size: 2.125rem; color: #000000; padding-top: 4.5rem; position: relative; } .dropDownMenu .dropDownMenuTitle::after { position: absolute; bottom: 0px; right: 0px; pointer-events: none; width: 27.5rem; height: 20.3125rem; background: url("../images/dropDownMenuIcon.png") no-repeat center/cover; content: ""; display: block; } .dropDownMenu .dropDownMenuList { width: 28.3125rem; padding: 4.625rem 3.75rem 3.75rem; border-left: 0.0625rem solid #eee; border-right: 0.0625rem solid #eee; } .dropDownMenu .dropDownMenuList .list { padding-bottom: 0.0625rem; margin-bottom: 0.9375rem; } .dropDownMenu .dropDownMenuList .list.active .title { color: #CF0F1A; } .dropDownMenu .dropDownMenuList .list.active .title::after { background: #CF0F1A; } .dropDownMenu .dropDownMenuList .list.active .title::before { width: 15rem; } .dropDownMenu .dropDownMenuList .list .title { display: block; font-weight: 500; font-size: 1.25rem; color: #434343; border-bottom: 0.0625rem solid #eee; position: relative; padding-left: 1.3125rem; padding-bottom: 1rem; margin-bottom: 1.0625rem; cursor: pointer; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .dropDownMenu .dropDownMenuList .list .title::after { position: absolute; left: 0ex; top: 0.4375rem; width: 0.25rem; height: 1rem; background: #B8B8B8; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; content: ""; display: block; } .dropDownMenu .dropDownMenuList .list .title::before { position: absolute; left: 0px; bottom: 0px; height: 0.0625rem; width: 0%; background: #CF0F1A; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; content: ""; display: block; } .dropDownMenu .dropDownMenuList .list .other { display: none; margin-bottom: 2.5rem; } .dropDownMenu .dropDownMenuList .list .other a { display: block; font-size: 1.0625rem; color: #60636D; line-height: 2.125rem; } .dropDownMenu .dropDownMenuList .list .other a.active { color: #CF0F1A; } .dropDownMenu .dropDownMenuMain { width: 43.6875rem; padding: 5rem 0px 1.875rem 0px; margin-left: 5.875rem; } .dropDownMenu .dropDownMenuMain .dropDownMenuSlide { display: none; width: 43.6875rem; } .dropDownMenu .dropDownMenuMain .dropDownMenuSlide .image { margin-bottom: 1.5625rem; overflow: hidden; } .dropDownMenu .dropDownMenuMain .dropDownMenuSlide .image:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .dropDownMenu .dropDownMenuMain .dropDownMenuSlide .image img { width: 100%; height: 26.25rem; object-fit: cover; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .dropDownMenu .dropDownMenuMain .dropDownMenuSlide .content .title { font-size: 1.75rem; color: #000000; } .dropDownMenu .dropDownMenuMain .dropDownMenuSlide .content .more { font-weight: 500; font-size: 0.875rem; color: #666; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .dropDownMenu .dropDownMenuMain .dropDownMenuSlide .content .more:hover { color: #CF0F1A; } .dropDownMenu .dropDownMenuMain .dropDownMenuSlide .content .more span { margin-right: 0.25rem; } .dropDownMenu .dropDownMenuMain .dropDownMenuSlide .content .more i { font-size: 1rem; display: inline-block; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .dropDownMenu .dropDownMenuMain .dropDownMenuProducts { display: none; position: relative; } .dropDownMenu .dropDownMenuMain .dropDownMenuProducts ul { margin: -1.125rem -0.625rem; max-height: calc(100vh - 15rem); padding-right: 1.25rem; margin-right: -1.25rem; overflow-y: auto; } .dropDownMenu .dropDownMenuMain .dropDownMenuProducts ul::-webkit-scrollbar { width: 0.1875rem; height: 0.1875rem; background-color: #eee; } .dropDownMenu .dropDownMenuMain .dropDownMenuProducts ul::-webkit-scrollbar-track { border-radius: 0.1875rem; background-color: #eee; } .dropDownMenu .dropDownMenuMain .dropDownMenuProducts ul::-webkit-scrollbar-thumb { border-radius: 0.1875rem; background-color: #CF0F1A; cursor: pointer; } .dropDownMenu .dropDownMenuMain .dropDownMenuProducts ul li { width: calc(50% - 1.25rem); margin: 1.125rem 0.625rem; } .dropDownMenu .dropDownMenuMain .dropDownMenuProducts ul li a { display: block; } .dropDownMenu .dropDownMenuMain .dropDownMenuProducts ul li a .image { height: 21.75rem; margin-bottom: 1.125rem; overflow: hidden; position: relative; } .dropDownMenu .dropDownMenuMain .dropDownMenuProducts ul li a .image .bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .dropDownMenu .dropDownMenuMain .dropDownMenuProducts ul li a .image .product { width: 100%; height: 21.75rem; object-fit: cover; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; position: relative; z-index: 2; } .dropDownMenu .dropDownMenuMain .dropDownMenuProducts ul li a .title { font-weight: 500; font-size: 1.375rem; color: #000000; margin-bottom: 0.3125rem; } .dropDownMenu .dropDownMenuMain .dropDownMenuProducts ul li a .more { font-size: 1rem; color: #818181; } .dropDownMenu .dropDownMenuMain .dropDownMenuProducts ul li a .more span { margin-right: 0.4375rem; } .dropDownMenu .dropDownMenuMain .dropDownMenuProducts ul li a .more i { display: inline-block; font-size: 1.125rem; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .dropDownMenu .dropDownMenuMain .dropDownMenuProducts ul li a:hover .image img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .dropDownMenu .dropDownMenuMore { display: none; position: absolute; bottom: 1.25rem; left: 50%; font-size: 0.875rem; color: #666; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); cursor: pointer; } .dropDownMenu .dropDownMenuMore span { margin-right: 0.5625rem; } .dropDownMenu .dropDownMenuMore i { font-size: 0.75rem; display: inline-block; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } /* 移动端栏目 */ .mobileHeader { display: none; } /* 遮罩 */ .maskLayer { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(1.25rem); z-index: 999; cursor: pointer; } /* 分页 */ #pagingMian .paging { text-align: center; } #pagingMian .paging.whiteTheme .layui-laypage a, #pagingMian .paging.whiteTheme .layui-laypage span { background: #fff; } #pagingMian .paging .layui-laypage { margin: 0px; } #pagingMian .paging .layui-laypage a, #pagingMian .paging .layui-laypage span { width: 3rem; height: 3rem; line-height: 3rem; font-size: 0.8125rem; color: #353535; padding: 0px; margin: 0px 0.4375rem; border-radius: 0px; border: 0px; background: #F5F5F5; overflow: hidden; } #pagingMian .paging .layui-laypage a:hover, #pagingMian .paging .layui-laypage span:hover { color: #CF0F1A; } #pagingMian .paging .layui-laypage-curr { font-size: 1.0625rem !important; font-weight: bold; } #pagingMian .paging .layui-laypage-prev, #pagingMian .paging .layui-laypage-next { font-size: 0.625rem !important; font-weight: bold; } #pagingMian .paging .layui-laypage-curr .layui-laypage-em { background: #CF0F1A; } #pagingMian .mobileLoadMore { display: none; } /* 底部 */ #footer { padding: 6.5625rem 0px 3.5rem; position: relative; } #footer .footerHead { padding-bottom: 3.125rem; margin-bottom: 2.1875rem; border-bottom: 0.0625rem solid rgba(225, 225, 225, 0.1); } #footer .footerHead .logo a img { width: auto; height: 2.1875rem; } #footer .footerHead .link { position: relative; } #footer .footerHead .link .title { width: 24.1875rem; height: 2.625rem; background: rgba(102, 102, 102, 0.21); border: 0.0625rem solid rgba(255, 255, 255, 0.1); font-size: 0.8125rem; color: rgba(255, 255, 255, 0.6); padding: 0px 1.5625rem; cursor: pointer; } #footer .footerHead .link .title.active i { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } #footer .footerHead .link .title i { font-size: 0.6875rem; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #footer .footerHead .link .popup { display: none; position: absolute; left: 0px; top: 3.125rem; width: 100%; background: #fff; padding: 0.3125rem 0px; } #footer .footerHead .link .popup a { display: block; font-size: 0.8125rem; color: #333; line-height: 2.375rem; padding: 0px 1.5625rem; border-bottom: 0.0625rem solid rgba(238, 238, 238, 0.5); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #footer .footerHead .link .popup a:last-child { border-bottom: 0px; } #footer .footerHead .link .popup a:hover { color: #CF0F1A; } #footer .footerMain { margin-bottom: 4rem; } #footer .footerMain .footerNav dl { margin-right: 6.25rem; } #footer .footerMain .footerNav dl:last-child { margin-right: 0px; } #footer .footerMain .footerNav dl dt { margin-bottom: 0.375rem; } #footer .footerMain .footerNav dl dt a { font-size: 1rem; color: rgba(255, 255, 255, 0.2); -webkit-transition: all 0.4s; transition: all 0.4s; position: relative; } #footer .footerMain .footerNav dl dt a::after { position: absolute; right: 0px; bottom: 0px; width: 0%; height: 0.0625rem; background: #fff; -webkit-transition: all 0.4s; transition: all 0.4s; content: ""; display: block; } #footer .footerMain .footerNav dl dt a:hover { color: #fff; } #footer .footerMain .footerNav dl dt a:hover::after { width: 100%; right: auto; left: 0px; } #footer .footerMain .footerNav dl dd a { font-size: 0.9375rem; color: rgba(255, 255, 255, 0.6); line-height: 1.75rem; -webkit-transition: all 0.4s; transition: all 0.4s; position: relative; } #footer .footerMain .footerNav dl dd a::after { position: absolute; right: 0px; bottom: 0px; width: 0%; height: 0.0625rem; background: #fff; -webkit-transition: all 0.4s; transition: all 0.4s; content: ""; display: block; } #footer .footerMain .footerNav dl dd a:hover { color: #fff; } #footer .footerMain .footerNav dl dd a:hover::after { width: 100%; right: auto; left: 0px; } #footer .footerMain .footerCode .list { width: 6.25rem; text-align: center; margin-right: 0.625rem; } #footer .footerMain .footerCode .list:last-child { margin-right: 0px; } #footer .footerMain .footerCode .list img { width: 100%; height: auto; } #footer .footerMain .footerCode .list p { font-size: 0.875rem; color: rgba(255, 255, 255, 0.5); margin-top: 0.375rem; } #footer .footerShare { margin-bottom: 1.0625rem; } #footer .footerShare .list { width: 2.25rem; height: 2.25rem; background: #2A2C2F; border-radius: 50%; margin-right: 0.625rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; position: relative; } #footer .footerShare .list:last-child { margin-right: 0px; } #footer .footerShare .list:hover { background: #CF0F1A; } #footer .footerShare .list:hover img { opacity: 1; } #footer .footerShare .list:hover .popup { bottom: 2.8125rem; opacity: 1; visibility: visible; } #footer .footerShare .list img { width: 2.25rem; height: 2.25rem; opacity: 0.2; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #footer .footerShare .list .popup { width: 6.875rem; height: 6.875rem; background: #fff; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 2.5rem; position: absolute; opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #footer .footerShare .list .popup::after { position: absolute; left: 45%; bottom: -0.3125rem; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 0.625rem; height: 0.3125rem; background: #FFFFFF; -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%); clip-path: polygon(50% 0%, 0% 100%, 100% 100%); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); content: ""; display: block; } #footer .footerShare .list .popup img { width: 100%; height: auto; } #footer .footerOther .other a { font-size: 0.875rem; color: rgba(255, 255, 255, 0.78); margin-right: 1.5rem; -webkit-transition: all 0.4s; transition: all 0.4s; position: relative; } #footer .footerOther .other a::after { position: absolute; right: 0px; bottom: 0px; width: 0%; height: 0.0625rem; background: #fff; -webkit-transition: all 0.4s; transition: all 0.4s; content: ""; display: block; } #footer .footerOther .other a:hover { color: #fff; } #footer .footerOther .other a:hover::after { width: 100%; right: auto; left: 0px; } #footer .footerOther .other a:last-child { margin-right: 0px; } #footer .footerOther .copyright { font-size: 0.875rem; color: rgba(255, 255, 255, 0.4); } #footer .footerOther .copyright a { font-size: 0.875rem; color: rgba(255, 255, 255, 0.4); -webkit-transition: all 0.4s; transition: all 0.4s; position: relative; } #footer .footerOther .copyright a::after { position: absolute; right: 0px; bottom: 0px; width: 0%; height: 0.0625rem; background: #fff; -webkit-transition: all 0.4s; transition: all 0.4s; content: ""; display: block; } #footer .footerOther .copyright a:hover { color: #fff; } #footer .footerOther .copyright a:hover::after { width: 100%; right: auto; left: 0px; } /* 侧边栏 */ .sidebar { position: fixed; right: 0px; top: 50%; -webkit-transform: translateY(-50%) translateX(100%); -ms-transform: translateY(-50%) translateX(100%); transform: translateY(-50%) translateX(100%); background: #fff; z-index: 999; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .sidebar.active { -webkit-transform: translateY(-50%) translateX(0%); -ms-transform: translateY(-50%) translateX(0%); transform: translateY(-50%) translateX(0%); box-shadow: 0px 0.5rem 0.8125rem 0px rgba(0, 0, 0, 0.15); } .sidebar a { width: 3.9375rem; height: 4.625rem; border-bottom: 0.0625rem solid rgba(191, 191, 191, 0.5); cursor: pointer; position: relative; } .sidebar a::after { position: absolute; top: 50%; left: 0px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 0.3125rem; height: 0.625rem; background: #fff; -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 50%); clip-path: polygon(0% 0%, 0% 100%, 100% 50%); content: ""; display: block; } .sidebar a:nth-child(2)::after { display: none; } .sidebar a:nth-child(3) .popup { top: -9.125rem; width: 14.0625rem; padding-top: 1.1875rem; } .sidebar a:nth-child(3) .popup .intro { margin-bottom: 1rem; } .sidebar a:last-child { background: #fe0203; border-bottom: 0px; } .sidebar a:last-child::after { display: none; } .sidebar a:last-child > img { -webkit-filter: grayscale(1) brightness(500%); filter: grayscale(1) brightness(500%); } .sidebar a:hover { background: #fe0203; border-bottom: 0px; } .sidebar a:hover > img { -webkit-filter: grayscale(1) brightness(500%); filter: grayscale(1) brightness(500%); } .sidebar a:hover span { color: #fff; } .sidebar a:hover .popup { opacity: 1; visibility: visible; -webkit-transform: translateX(-100%) scale(1); -ms-transform: translateX(-100%) scale(1); transform: translateX(-100%) scale(1); } .sidebar a > img { width: 2.125rem; height: 2.125rem; } .sidebar a span { font-size: 0.75rem; color: #878787; } .sidebar a .popup { opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; position: absolute; top: 0px; left: -0.625rem; -webkit-transform: translateX(-100%) scale(0.2); -ms-transform: translateX(-100%) scale(0.2); transform: translateX(-100%) scale(0.2); background: #FE0203; box-shadow: 0px 0.5rem 0.8125rem 0px rgba(0, 0, 0, 0.15); width: 12.9375rem; padding: 0.625rem 1.6875rem 0.375rem; -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; } .sidebar a .popup .title { font-size: 1rem; color: #FFFFFF; line-height: 1; margin-bottom: 0.375rem; } .sidebar a .popup .intro { font-weight: 500; font-size: 1.5rem; color: #FFFFFF; } .sidebar a .popup .listBox { background: #fff; padding: 2.625rem 0px 2rem; margin: 0px -1.6875rem -0.375rem; position: relative; } .sidebar a .popup .listBox::after { position: absolute; left: 1.6875rem; top: 0%; width: 0.5625rem; height: 0.625rem; background: #FE0203; -webkit-clip-path: polygon(0% 0%, 100% 100%, 100% 0%); clip-path: polygon(0% 0%, 100% 100%, 100% 0%); content: ""; display: block; } .sidebar a .popup .listBox .list { text-align: center; margin-right: 0.875rem; } .sidebar a .popup .listBox .list:last-child { margin-right: 0px; } .sidebar a .popup .listBox .list img { width: 6rem; height: 6rem; } .sidebar a .popup .listBox .list p { font-size: 0.875rem; color: #282728; margin-top: 0.5625rem; } /* 加载动画 */ .loadingLayer { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 9999; -webkit-transition: all 1s ease 1s; transition: all 1s ease 1s; } .loadingLayer img { width: 100%; height: 100%; object-fit: cover; } .loadingLayer.active { -webkit-transform: scale(3); -ms-transform: scale(3); transform: scale(3); opacity: 0; visibility: hidden; pointer-events: none; } .indexSwiper { width: 100%; height: 100vh; } .indexSwiper > .swiper-wrapper > .swiper-slide { height: 100vh; } /* 887700葡京线路检侧-banner */ #banner .swiper-wrapper .swiper-slide { position: relative; } #banner .swiper-wrapper .swiper-slide a { display: block; } #banner .swiper-wrapper .swiper-slide a .image { overflow: hidden; position: relative; } #banner .swiper-wrapper .swiper-slide a .image img { width: 100%; height: 100vh; object-fit: cover; -webkit-transition: all 5s linear; transition: all 5s linear; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } #banner .swiper-wrapper .swiper-slide a .image video { position: absolute; left: 0px; top: 0px; z-index: 2; width: 100%; height: 100%; object-fit: cover; } #banner .swiper-wrapper .swiper-slide a .content { position: absolute; left: 50%; bottom: 9.5625rem; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; } #banner .swiper-wrapper .swiper-slide a .content .title { font-weight: 500; font-size: 3.75rem; color: #FFFFFF; opacity: 0; } #banner .swiper-wrapper .swiper-slide a .content .title .play { width: 3.75rem; height: 3.75rem; background: rgba(255, 255, 255, 0.2) url("../images/icon-play-btn.png") no-repeat center/cover; border-radius: 50%; backdrop-filter: blur(1.25rem); margin-left: 1rem; cursor: pointer; position: relative; } #banner .swiper-wrapper .swiper-slide a .content .title .play::after { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url("../images/icon-play.png") no-repeat center/cover; -webkit-animation: rotate 8s linear infinite; animation: rotate 8s linear infinite; content: ""; display: block; } #banner .swiper-wrapper .swiper-slide-active a .image video, #banner .swiper-wrapper .swiper-slide-active a .image img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } #banner .swiper-wrapper .swiper-slide-active a .content .title { -webkit-animation: fadeInUp 1s 0.4s forwards; animation: fadeInUp 1s 0.4s forwards; } #banner .swiper-pagination { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 4.6875rem; font-family: Bronova; font-size: 0.875rem; color: #fff; z-index: 2; } #banner .swiper-pagination .progress { width: 15.3125rem; height: 0.0625rem; background: rgba(206, 206, 206, 0.3); margin: 0px 0.5rem; position: relative; } #banner .swiper-pagination .progress::after { position: absolute; left: 0px; top: 0px; width: 0%; height: 100%; background: #fff; -webkit-animation: progressBar 4.5s ease forwards; animation: progressBar 4.5s ease forwards; content: ""; display: block; } /* 887700葡京线路检侧-关于我们 */ #indexAboutus { position: relative; height: 100vh; padding: 9.25rem 0px 10.625rem; } #indexAboutus .indexAboutusMain { margin-bottom: 5.8125rem; } #indexAboutus .indexAboutusMain .indexAboutusLeft { width: 43rem; } #indexAboutus .indexAboutusMain .indexAboutusLeft .tab { display: inline-block; font-size: 1.25rem; color: #CF0F1A; border-radius: 0.3125rem; border: 0.0625rem solid #CF0F1A; padding: 0px 0.8125rem; height: 2.375rem; line-height: 2.25rem; margin-bottom: 1.25rem; } #indexAboutus .indexAboutusMain .indexAboutusLeft .title { font-weight: 500; font-size: 3.4375rem; color: #000000; line-height: 4.0625rem; margin-bottom: 2.5rem; } #indexAboutus .indexAboutusMain .indexAboutusLeft .intro { font-weight: 300; font-size: 1.0625rem; color: rgba(0, 0, 0, 0.8); line-height: 1.875rem; margin-bottom: 2.9375rem; } #indexAboutus .indexAboutusMain .indexAboutusLeft .more { display: block; width: 11.875rem; height: 3.0625rem; line-height: 3.0625rem; background: url("../images/btnBg2.png") no-repeat center/cover; font-size: 0.875rem; color: #CF0F1A; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #indexAboutus .indexAboutusMain .indexAboutusLeft .more:hover { color: #fff; background-color: #CF0F1A; } #indexAboutus .indexAboutusMain .indexAboutusLeft .more span { display: inline-block; width: 8.5625rem; margin-right: 0.9375rem; text-align: center; } #indexAboutus .indexAboutusMain .indexAboutusLeft .more i { display: inline-block; font-size: 1rem; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #indexAboutus .indexAboutusMain .indexAboutusRight { width: 53.125rem; position: relative; } #indexAboutus .indexAboutusMain .indexAboutusRight img { width: 100%; height: auto; } #indexAboutus .indexAboutusMain .indexAboutusRight .play { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 3.75rem; height: 3.75rem; background: rgba(0, 0, 0, 0.2) url("../images/icon-play-btn.png") no-repeat center/cover; border-radius: 50%; backdrop-filter: blur(1.25rem); margin-left: 1rem; cursor: pointer; z-index: 2; } #indexAboutus .indexAboutusMain .indexAboutusRight .play::after { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url("../images/icon-play.png") no-repeat center/cover; -webkit-animation: rotate 8s linear infinite; animation: rotate 8s linear infinite; content: ""; display: block; } #indexAboutus .indexAboutusNumber ul li { padding-top: 1.3125rem; border-top: 0.0625rem solid rgba(181, 181, 181, 0.8); margin-right: 2.5625rem; } #indexAboutus .indexAboutusNumber ul li:last-child { margin-right: 0px; } #indexAboutus .indexAboutusNumber ul li .number { font-weight: 500; color: #CF0F1A; line-height: 5rem; } #indexAboutus .indexAboutusNumber ul li .number span { font-family: Manrope; font-size: 3.9375rem; } #indexAboutus .indexAboutusNumber ul li .number i { font-size: 2.8125rem; margin-left: 0.3125rem; } #indexAboutus .indexAboutusNumber ul li .title { font-size: 1.125rem; color: rgba(0, 0, 0, 0.7); } /* 887700葡京线路检侧-优势 */ #indexAdvantage { position: relative; } #indexAdvantage .indexAdvantageMain > .swiper-wrapper > .swiper-slide { opacity: 0 !important; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #indexAdvantage .indexAdvantageMain > .swiper-wrapper > .swiper-slide .commonBg { width: calc(100% + 5rem); } #indexAdvantage .indexAdvantageMain > .swiper-wrapper > .swiper-slide-active { opacity: 1 !important; z-index: 2 !important; } #indexAdvantage .indexAdvantageMain > .swiper-wrapper > .swiper-slide-active .commonBg img { -webkit-animation: detailBanner 15s linear forwards; animation: detailBanner 15s linear forwards; } #indexAdvantage .indexAdvantageList { position: absolute; left: 50%; bottom: 0px; height: 5rem; background: rgba(255, 255, 255, 0.4); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); backdrop-filter: blur(1.25rem); z-index: 2; } #indexAdvantage .indexAdvantageList .swiper-wrapper .swiper-slide { border-right: 0.0625rem solid rgba(207, 207, 207, 0.8); border-bottom: 0.1875rem solid transparent; cursor: pointer; } #indexAdvantage .indexAdvantageList .swiper-wrapper .swiper-slide:last-child { border-right-color: transparent; } #indexAdvantage .indexAdvantageList .swiper-wrapper .swiper-slide.active { background: rgba(255, 255, 255, 0.4); border-bottom-color: #E7161A; backdrop-filter: blur(1.25rem); } #indexAdvantage .indexAdvantageList .swiper-wrapper .swiper-slide img { width: 2.6875rem; height: 2.6875rem; } #indexAdvantage .indexAdvantageList .swiper-wrapper .swiper-slide p { font-size: 1.125rem; color: #000000; margin-left: 0.625rem; } /* 服务优势 */ #indexServiceAdvantage { position: relative; height: 100vh; padding: 9.25rem 0px 0px; } #indexServiceAdvantage .indexServiceAdvantageLeft .tab { display: inline-block; font-size: 1.25rem; color: #fff; border-radius: 0.3125rem; border: 0.0625rem solid #fff; padding: 0px 0.8125rem; height: 2.375rem; line-height: 2.25rem; margin-bottom: 1.25rem; } #indexServiceAdvantage .indexServiceAdvantageLeft .title { font-weight: 500; font-size: 3.4375rem; color: #fff; line-height: 4.0625rem; margin-bottom: 2.5rem; } #indexServiceAdvantage .indexServiceAdvantageRight { width: 50rem; height: 50rem; margin-top: -5.5rem; position: relative; } #indexServiceAdvantage .indexServiceAdvantageRight::after { position: absolute; left: calc(50% - 25rem); top: calc(50% - 25rem); width: 100%; height: 100%; background: url("../images/indexServiceAdvantageRightBg.png") no-repeat center/cover; pointer-events: none; content: ""; display: block; } #indexServiceAdvantage .indexServiceAdvantageRight .bigTitle { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-weight: 500; font-size: 2rem; color: #FFFFFF; } #indexServiceAdvantage .indexServiceAdvantageRight ul { position: absolute; left: calc(50% - 21.25rem); top: calc(50% - 21.25rem); width: 42.5rem; height: 42.5rem; z-index: 2; } #indexServiceAdvantage .indexServiceAdvantageRight ul li { position: absolute; left: calc(50% - 1.5625rem); width: 3.125rem; height: 100%; } #indexServiceAdvantage .indexServiceAdvantageRight ul li .title { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 12.5rem; height: 12.5rem; padding: 1.9375rem; background: url("../images/indexServiceAdvantageRightItemBg.png") no-repeat center/cover; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #indexServiceAdvantage .indexServiceAdvantageRight ul li .title p { font-weight: 500; font-size: 1.125rem; color: #FFFFFF; line-height: 1.5rem; text-align: center; } #indexServiceAdvantage .indexServiceAdvantageRight ul li .title:hover { background-image: url("../images/indexServiceAdvantageRightItemActiveBg.png"); } /* 技术优势 */ #indexTechnologyAdvantage { position: relative; height: 100vh; padding: 9.25rem 0px 0px; } #indexTechnologyAdvantage .indexTechnologyAdvantageTitle .tab { display: inline-block; font-size: 1.25rem; color: #fff; border-radius: 0.3125rem; border: 0.0625rem solid #fff; padding: 0px 0.8125rem; height: 2.375rem; line-height: 2.25rem; margin-bottom: 1.25rem; } #indexTechnologyAdvantage .indexTechnologyAdvantageTitle .title { font-weight: 500; font-size: 3.4375rem; color: #fff; line-height: 4.0625rem; margin-bottom: 2.5rem; } #indexTechnologyAdvantage .indexTechnologyAdvantageMain ul { width: 31rem; margin: -0.9375rem; } #indexTechnologyAdvantage .indexTechnologyAdvantageMain ul li { width: 13.625rem; margin: 0.9375rem; padding: 0px 0px 1.1875rem; border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.2); } #indexTechnologyAdvantage .indexTechnologyAdvantageMain ul li .number { line-height: 1.35; } #indexTechnologyAdvantage .indexTechnologyAdvantageMain ul li .number span { font-family: Manrope; font-size: 5rem; color: #FFFFFF; } #indexTechnologyAdvantage .indexTechnologyAdvantageMain ul li .number i { font-size: 1.125rem; color: #FFFFFF; } #indexTechnologyAdvantage .indexTechnologyAdvantageMain ul li .title { font-size: 1rem; color: #FFFFFF; line-height: 1.4375rem; min-height: 2.875rem; } /* 研发优势 */ #indexStudyAdvantage { position: relative; height: 100vh; padding: 9.25rem 0px 0px; } #indexStudyAdvantage .indexStudyAdvantageLeft .tab { display: inline-block; font-size: 1.25rem; color: #fff; border-radius: 0.3125rem; border: 0.0625rem solid #fff; padding: 0px 0.8125rem; height: 2.375rem; line-height: 2.25rem; margin-bottom: 1.25rem; } #indexStudyAdvantage .indexStudyAdvantageLeft .title { font-weight: 500; font-size: 3.4375rem; color: #fff; line-height: 4.0625rem; margin-bottom: 2.5rem; } #indexStudyAdvantage .indexStudyAdvantageRight { width: 62.5rem; margin: -0.625rem 0px 0px; } #indexStudyAdvantage .indexStudyAdvantageRight .swiper-wrapper .swiper-slide:nth-child(2) .content { text-align: center; } #indexStudyAdvantage .indexStudyAdvantageRight .swiper-wrapper .swiper-slide .image { text-align: center; } #indexStudyAdvantage .indexStudyAdvantageRight .swiper-wrapper .swiper-slide .image img { width: 11.75rem; height: 11.75rem; border-radius: 50%; background: #fff; } #indexStudyAdvantage .indexStudyAdvantageRight .swiper-wrapper .swiper-slide .image p { font-size: 1.5rem; color: #FFFFFF; line-height: 2.125rem; min-height: 4.25rem; margin: 1.3125rem 0px 0.75rem; } #indexStudyAdvantage .indexStudyAdvantageRight .swiper-wrapper .swiper-slide .contentBox { min-height: 23.75rem; padding: 0px 2.5rem; backdrop-filter: blur(1.25rem); background: rgba(255, 255, 255, 0.1); border: 0.125rem solid; -webkit-border-image: -webkit-linear-gradient(40deg, #fff, transparent, #fff) 1; border-image: linear-gradient(50deg, #fff, transparent, #fff) 1; } #indexStudyAdvantage .indexStudyAdvantageRight .swiper-wrapper .swiper-slide .contentBox .content p { font-size: 1.5rem; color: #FFFFFF; line-height: 3.125rem; } #indexStudyAdvantage .indexStudyAdvantageRight .swiper-wrapper .swiper-slide .contentBox .content .list { min-width: 10.625rem; margin: 0px 1.25rem; padding: 0.8125rem 0px; position: relative; } #indexStudyAdvantage .indexStudyAdvantageRight .swiper-wrapper .swiper-slide .contentBox .content .list::after { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 0.0625rem; background: -webkit-linear-gradient(left, transparent, #fff, transparent); background: linear-gradient(90deg, transparent, #fff, transparent); content: ""; display: block; } #indexStudyAdvantage .indexStudyAdvantageRight .swiper-wrapper .swiper-slide .contentBox .content .list:last-child::after { display: none; } #indexStudyAdvantage .indexStudyAdvantageRight .swiper-wrapper .swiper-slide .contentBox .content .list span { font-size: 2.5rem; color: #FFFFFF; } #indexStudyAdvantage .indexStudyAdvantageRight .swiper-wrapper .swiper-slide .contentBox .content .list i { font-size: 1.25rem; color: #FFFFFF; } #indexStudyAdvantage .indexStudyAdvantageRight .swiper-wrapper .swiper-slide .contentBox .content .list .title { font-size: 1.25rem; color: #FFFFFF; margin-bottom: 0.25rem; } #indexStudyAdvantage .indexStudyAdvantageRight .swiper-wrapper .swiper-slide .contentBox .content .list .intro { font-size: 1.0625rem; color: rgba(255, 255, 255, 0.8); } /* 生产优势 */ #indexProduceAdvantage { position: relative; height: 100vh; padding: 9.25rem 0px 0px; } #indexProduceAdvantage .indexProduceAdvantageLeft .tab { display: inline-block; font-size: 1.25rem; color: #fff; border-radius: 0.3125rem; border: 0.0625rem solid #fff; padding: 0px 0.8125rem; height: 2.375rem; line-height: 2.25rem; margin-bottom: 1.25rem; } #indexProduceAdvantage .indexProduceAdvantageLeft .title { font-weight: 500; font-size: 3.4375rem; color: #fff; line-height: 4.0625rem; margin-bottom: 2.5rem; } #indexProduceAdvantage .indexProduceAdvantageRight { width: 36.25rem; margin-top: -1.875rem; } #indexProduceAdvantage .indexProduceAdvantageRight ul li { margin-bottom: 1.25rem; padding: 1.375rem 1.25rem; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(1.25rem); border: 0.125rem solid; -webkit-border-image: -webkit-linear-gradient(71deg, #fff, transparent, #fff) 1; border-image: linear-gradient(19deg, #fff, transparent, #fff) 1; } #indexProduceAdvantage .indexProduceAdvantageRight ul li:last-child { margin-bottom: 0px; } #indexProduceAdvantage .indexProduceAdvantageRight ul li .icon { margin-bottom: 1.25rem; } #indexProduceAdvantage .indexProduceAdvantageRight ul li .icon img { width: 2.375rem; height: 2.375rem; } #indexProduceAdvantage .indexProduceAdvantageRight ul li .title { font-weight: 500; font-size: 1.25rem; color: #FFFFFF; margin-bottom: 0.1875rem; } #indexProduceAdvantage .indexProduceAdvantageRight ul li .intro { font-size: 1.0625rem; color: rgba(255, 255, 255, 0.8); line-height: 1.5rem; } #indexProduceAdvantage .indexProduceAdvantageRight ul li .intro p { margin-bottom: 1.5625rem; } #indexProduceAdvantage .indexProduceAdvantageRight ul li .intro p:last-child { margin-bottom: 0px; } /* 品质优势 */ #indexQualityAdvantage { position: relative; height: 100vh; padding: 9.25rem 0px 0px; } #indexQualityAdvantage .indexQualityAdvantageTitle { margin-bottom: 6.375rem; } #indexQualityAdvantage .indexQualityAdvantageTitle .tab { display: inline-block; font-size: 1.25rem; color: #fff; border-radius: 0.3125rem; border: 0.0625rem solid #fff; padding: 0px 0.8125rem; height: 2.375rem; line-height: 2.25rem; margin-bottom: 1.25rem; } #indexQualityAdvantage .indexQualityAdvantageTitle .title { font-weight: 500; font-size: 3.4375rem; color: #fff; line-height: 4.0625rem; margin-bottom: 2.5rem; } #indexQualityAdvantage .indexQualityAdvantageMain ul { margin: -0.3125rem; } #indexQualityAdvantage .indexQualityAdvantageMain ul li { width: 18.125rem; height: 18.125rem; padding: 0.625rem; text-align: center; border-radius: 50%; background: rgba(255, 255, 255, 0.1) url("../images/indexQualityAdvantageBorder.png") no-repeat center/cover; backdrop-filter: blur(1.25rem); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0.1); margin: 0.3125rem; } #indexQualityAdvantage .indexQualityAdvantageMain ul li .title { font-weight: 500; font-size: 1.5rem; color: #FFFFFF; margin-bottom: 0.25rem; } #indexQualityAdvantage .indexQualityAdvantageMain ul li .intro { font-size: 1.0625rem; color: rgba(255, 255, 255, 0.8); line-height: 1.5rem; min-height: 6rem; } /* 营销优势 */ #indexMarketingAdvantage { position: relative; height: 100vh; padding: 9.25rem 0px 0px; } #indexMarketingAdvantage .indexMarketingAdvantageLeft .indexMarketingAdvantageTitle { margin-bottom: 12rem; } #indexMarketingAdvantage .indexMarketingAdvantageLeft .indexMarketingAdvantageTitle .tab { display: inline-block; font-size: 1.25rem; color: #fff; border-radius: 0.3125rem; border: 0.0625rem solid #fff; padding: 0px 0.8125rem; height: 2.375rem; line-height: 2.25rem; margin-bottom: 1.25rem; } #indexMarketingAdvantage .indexMarketingAdvantageLeft .indexMarketingAdvantageTitle .title { font-weight: 500; font-size: 3.4375rem; color: #fff; line-height: 4.0625rem; margin-bottom: 2.5rem; } #indexMarketingAdvantage .indexMarketingAdvantageLeft .indexMarketingAdvantageList { width: 34.1875rem; margin-bottom: 1.75rem; } #indexMarketingAdvantage .indexMarketingAdvantageLeft .indexMarketingAdvantageList .list { font-size: 1.5rem; color: rgba(255, 255, 255, 0.4); border-bottom: 0.1875rem solid transparent; cursor: pointer; margin-right: 1.875rem; padding-bottom: 0.375rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #indexMarketingAdvantage .indexMarketingAdvantageLeft .indexMarketingAdvantageList .list:last-child { margin-right: 0px; } #indexMarketingAdvantage .indexMarketingAdvantageLeft .indexMarketingAdvantageList .list.active { color: #fff; border-bottom-color: #E7161A; } #indexMarketingAdvantage .indexMarketingAdvantageLeft .indexMarketingAdvantageContent { width: 34.1875rem; } #indexMarketingAdvantage .indexMarketingAdvantageLeft .indexMarketingAdvantageContent .list { display: none; font-size: 1rem; color: #FFFFFF; line-height: 1.4375rem; } #indexMarketingAdvantage .indexMarketingAdvantageLeft .indexMarketingAdvantageContent .list:nth-child(1) { display: block; } #indexMarketingAdvantage .indexMarketingAdvantageMain { margin-left: 2.5rem; margin-top: -2.5rem; } #indexMarketingAdvantage .indexMarketingAdvantageMain .wrapper { display: none; position: relative; } #indexMarketingAdvantage .indexMarketingAdvantageMain .wrapper.wrapperMap1 { display: block; margin-top: 3.875rem; } #indexMarketingAdvantage .indexMarketingAdvantageMain .wrapper.wrapperMap1 .map { width: 46.875rem; height: 39.6875rem; } #indexMarketingAdvantage .indexMarketingAdvantageMain .wrapper.wrapperMap2 { margin-top: 7.375rem; margin-left: -6.5rem; } #indexMarketingAdvantage .indexMarketingAdvantageMain .wrapper.wrapperMap2 .map { width: 62.125rem; height: 32.375rem; } #indexMarketingAdvantage .indexMarketingAdvantageMain .wrapper .point { position: absolute; } #indexMarketingAdvantage .indexMarketingAdvantageMain .wrapper .point:nth-child(2)::after { width: 2.5rem; height: 2.6875rem; background: url("../images/icon-adress.png") no-repeat center/cover; content: ""; display: block; } #indexMarketingAdvantage .indexMarketingAdvantageMain .wrapper .point:nth-child(n+3)::after { width: 0.4375rem; height: 0.4375rem; border-radius: 50%; border: 0.125rem solid #FF0000; z-index: 2; content: ""; display: block; } #indexMarketingAdvantage .indexMarketingAdvantageMain .wrapper .point:nth-child(n+3) span { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; border-radius: 50%; background: rgba(255, 255, 255, 0.2); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: centerDiffuse2 3s linear infinite; animation: centerDiffuse2 3s linear infinite; } #indexMarketingAdvantage .indexMarketingAdvantageMain .wrapper .point:nth-child(n+3) span:nth-child(1) { -webkit-animation-delay: -1s; animation-delay: -1s; } #indexMarketingAdvantage .indexMarketingAdvantageMain .wrapper .point:nth-child(n+3) span:nth-child(2) { -webkit-animation-delay: -2s; animation-delay: -2s; } #indexMarketingAdvantage .indexMarketingAdvantageMain .wrapper .point:nth-child(n+3) span:nth-child(3) { -webkit-animation-delay: -3s; animation-delay: -3s; } /* */ #indexCollect { position: relative; height: 100vh; } #indexCollect .indexCollectleft { width: 11rem; height: 100%; backdrop-filter: blur(1.25rem); background: rgba(0, 0, 0, 0.05); position: absolute; left: 0px; top: 0px; z-index: 2; } #indexCollect .indexCollectleft .swiper-wrapper .swiper-slide { font-size: 1.375rem; color: rgba(255, 255, 255, 0.6); border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.2); -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; line-height: 11rem; text-align: center; cursor: pointer; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #indexCollect .indexCollectleft .swiper-wrapper .swiper-slide:last-child { border-bottom-color: transparent; } #indexCollect .indexCollectleft .swiper-wrapper .swiper-slide.active { background: #d1161f; border-bottom-color: #d1161f; color: #fff; } #indexCollect .indexCollectRight > .swiper-wrapper > .swiper-slide { opacity: 0 !important; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #indexCollect .indexCollectRight > .swiper-wrapper > .swiper-slide-active { opacity: 1 !important; z-index: 2 !important; } #indexProducts { position: relative; height: 100vh; padding-left: 16.25rem; padding-top: 9.25rem; padding-right: 5.625rem; } #indexProducts .indexProductsTitle { margin-bottom: -12.5rem; position: relative; z-index: 2; } #indexProducts .indexProductsTitle .tab { display: inline-block; font-size: 1.25rem; color: #fff; border-radius: 0.3125rem; border: 0.0625rem solid #fff; padding: 0px 0.8125rem; height: 2.375rem; line-height: 2.25rem; margin-bottom: 1.25rem; } #indexProducts .indexProductsTitle .title { font-weight: 500; font-size: 3.4375rem; color: #fff; line-height: 4.0625rem; } #indexProducts .indexProductsMain { max-width: 98.125rem; padding-bottom: 1.75rem; } #indexProducts .indexProductsMain .swiper-wrapper .swiper-slide { text-align: center; opacity: 0 !important; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #indexProducts .indexProductsMain .swiper-wrapper .swiper-slide-active { opacity: 1 !important; z-index: 2 !important; } #indexProducts .indexProductsMain .swiper-wrapper .swiper-slide-active img { -webkit-animation: fadeInUp 1s forwards; animation: fadeInUp 1s forwards; } #indexProducts .indexProductsMain .swiper-wrapper .swiper-slide img { width: auto; height: 39.375rem; } #indexProducts .indexProductsMain .swiper-wrapper .swiper-slide p { font-size: 1.625rem; color: #FFFFFF; margin-top: -3.8125rem; } #indexProducts .indexProductsMain .swiper-pagination { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 0px; font-family: Bronova; font-size: 0.8125rem; color: #fff; z-index: 2; } #indexProducts .indexProductsMain .swiper-pagination .progress { width: 8rem; height: 0.1875rem; background: rgba(206, 206, 206, 0.3); margin: 0px 0.5rem; position: relative; } #indexProducts .indexProductsMain .swiper-pagination .progress::after { position: absolute; left: 0px; top: 0px; width: 0%; height: 100%; background: #fff; -webkit-animation: progressBar 4.5s ease forwards; animation: progressBar 4.5s ease forwards; content: ""; display: block; } #indexProducts .indexProductsMain .swiper-button-prev, #indexProducts .indexProductsMain .swiper-button-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 1.5rem; color: #fff; cursor: pointer; z-index: 3; } #indexProducts .indexProductsMain .swiper-button-prev { left: 0px; } #indexProducts .indexProductsMain .swiper-button-next { right: 0px; } #indexProducts .indexProductsListBox { position: absolute; left: 54%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 1.875rem; width: 97.5rem; } #indexProducts .indexProductsListBox .indexProductsList { height: 4.6875rem; line-height: 4.6875rem; text-align: center; background: rgba(255, 255, 255, 0.1); border: 0.0625rem solid rgba(255, 255, 255, 0.4); } #indexProducts .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide { width: auto; cursor: pointer; position: relative; } #indexProducts .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide:first-child { margin-left: 3.75rem; } #indexProducts .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide:last-child { margin-right: 3.75rem; } #indexProducts .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide::after { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 0.0625rem; width: 0%; height: 0.125rem; background: -webkit-linear-gradient(left, transparent, #fff, transparent); background: linear-gradient(90deg, transparent, #fff, transparent); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; content: ""; display: block; } #indexProducts .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide .title { font-size: 1rem; color: #fff; opacity: 0.6; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; white-space: nowrap; } #indexProducts .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide.active .title { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: 1; } #indexProducts .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide.active::after { width: 100%; } #indexProducts .indexProductsListBox .swiper-button-prev, #indexProducts .indexProductsListBox .swiper-button-next { font-size: 1.125rem; color: #fff; cursor: pointer; z-index: 3; } #indexProducts .indexProductsListBox .swiper-button-prev { margin-right: 0.9375rem; } #indexProducts .indexProductsListBox .swiper-button-next { margin-left: 0.9375rem; } #indexSolutions { height: 100vh; } #indexSolutions .indexSolutionsBg { width: 11rem; } #indexSolutions .indexSolutionsSlide .swiper-wrapper .swiper-slide { height: 100%; padding: 0px 3.125rem; text-align: center; position: relative; border-right: 0.0625rem solid #8fbac0; } #indexSolutions .indexSolutionsSlide .swiper-wrapper .swiper-slide:last-child { border-right: 0px; } #indexSolutions .indexSolutionsSlide .swiper-wrapper .swiper-slide::after { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; content: ""; display: block; } #indexSolutions .indexSolutionsSlide .swiper-wrapper .swiper-slide:hover::after { opacity: 0; visibility: hidden; } #indexSolutions .indexSolutionsSlide .swiper-wrapper .swiper-slide:hover .commonBg img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #indexSolutions .indexSolutionsSlide .swiper-wrapper .swiper-slide:hover .icon { margin-top: -5rem; } #indexSolutions .indexSolutionsSlide .swiper-wrapper .swiper-slide .icon { position: relative; z-index: 2; margin-bottom: 1.875rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #indexSolutions .indexSolutionsSlide .swiper-wrapper .swiper-slide .icon img { width: 5.5rem; height: 5.5rem; } #indexSolutions .indexSolutionsSlide .swiper-wrapper .swiper-slide .title { font-weight: 500; font-size: 2.125rem; color: #fff; position: relative; z-index: 2; margin-bottom: 1.1875rem; } #indexSolutions .indexSolutionsSlide .swiper-wrapper .swiper-slide .intro { font-size: 0.9375rem; color: #fff; line-height: 1.375rem; height: 4.125rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; position: relative; z-index: 2; margin-bottom: 2.25rem; } #indexSolutions .indexSolutionsSlide .swiper-wrapper .swiper-slide .more { display: block; margin: 0px auto; width: 3.75rem; height: 3.75rem; line-height: 3.375rem; text-align: center; font-size: 1.125rem; color: #fff; border: 0.125rem solid #fff; border-radius: 50%; position: relative; z-index: 2; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #indexSolutions .indexSolutionsSlide .swiper-wrapper .swiper-slide .more:hover { border-color: #CF0F1A; background: #CF0F1A; } #indexSolutions .indexSolutionsSlide .swiper-wrapper .swiper-slide .more i { display: inline-block; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #indexMake { height: 100vh; text-align: center; position: relative; padding-left: 11rem; } #indexMake .commonBg img { -webkit-animation: scale 30s linear infinite; animation: scale 30s linear infinite; } #indexMake .indexMakeTitle .tab { display: inline-block; font-size: 1.25rem; color: #fff; border-radius: 0.3125rem; border: 0.0625rem solid #fff; padding: 0px 0.8125rem; height: 2.375rem; line-height: 2.25rem; margin-bottom: 1.25rem; } #indexMake .indexMakeTitle .title { font-weight: 500; font-size: 3.4375rem; color: #fff; line-height: 4.0625rem; margin-bottom: 2.5rem; } #indexMake .indexMakeMain ul { margin: -0.9375rem; padding: 0px 14.375rem; } #indexMake .indexMakeMain ul li { width: 20.625rem; height: 9.375rem; margin: 0.9375rem; background: rgba(255, 255, 255, 0.1) url("../images/indexMakeBorder.png") no-repeat center/cover; backdrop-filter: blur(1.25rem); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #indexMake .indexMakeMain ul li img { width: 100%; height: auto; } #indexMake .indexMakeMain ul li:hover { box-shadow: 0px 0px 1.25rem rgba(255, 255, 255, 0.3); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } /* 887700葡京线路检侧-业务布局 */ #indexBusiness { height: 100vh; position: relative; overflow: hidden; } #indexBusiness .content1740 { position: relative; } #indexBusiness .indexBusinessLeft { padding-top: 9.25rem; height: 100vh; } #indexBusiness .indexBusinessLeft .tab { display: inline-block; font-size: 1.25rem; color: #fff; border-radius: 0.3125rem; border: 0.0625rem solid #fff; padding: 0px 0.8125rem; height: 2.375rem; line-height: 2.25rem; margin-bottom: 1.25rem; } #indexBusiness .indexBusinessLeft .title { font-weight: 500; font-size: 3.4375rem; color: #fff; line-height: 4.0625rem; margin-bottom: 3.3125rem; } #indexBusiness .indexBusinessLeft .more { display: block; width: 11.875rem; height: 3.0625rem; line-height: 3.0625rem; background: url("../images/btnBg1.png") no-repeat center/cover; font-size: 0.875rem; color: #fff; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; margin-bottom: 3.125rem; position: relative; z-index: 2; } #indexBusiness .indexBusinessLeft .more:hover { background-image: url("../images/btnBg2.png"); background-color: #CF0F1A; } #indexBusiness .indexBusinessLeft .more span { display: inline-block; width: 8.5625rem; margin-right: 0.9375rem; text-align: center; } #indexBusiness .indexBusinessLeft .more i { display: inline-block; font-size: 1rem; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #indexBusiness .indexBusinessLeft .map { width: 68.75rem; height: 35.75rem; position: absolute; left: 0px; bottom: 0px; overflow: hidden; margin-right: 2.5rem; margin-left: -2.5rem; } #indexBusiness .indexBusinessLeft .globalEarth { width: 68.75rem; height: 68.75rem; } #indexBusiness .indexBusinessLeft .globalEarth canvas { outline: none; } #indexBusiness .indexBusinessRight { position: absolute; top: 0px; right: 0px; width: 55rem; height: 100%; margin-right: -5.625rem; } #indexBusiness .indexBusinessRight ul { border-left: 0.0625rem solid rgba(255, 255, 255, 0.2); } #indexBusiness .indexBusinessRight ul li { width: 50%; height: 50vh; padding: 3.125rem; backdrop-filter: blur(1.25rem); background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2)); background: linear-gradient(45deg, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2)); border-right: 0.0625rem solid rgba(255, 255, 255, 0.2); border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.2); } #indexBusiness .indexBusinessRight ul li:nth-child(1), #indexBusiness .indexBusinessRight ul li:nth-child(2) { padding-top: 7.5rem; } #indexBusiness .indexBusinessRight ul li:nth-child(1) .icon, #indexBusiness .indexBusinessRight ul li:nth-child(2) .icon { margin-bottom: 7.375rem; } #indexBusiness .indexBusinessRight ul li .icon { margin-bottom: 11.75rem; } #indexBusiness .indexBusinessRight ul li .icon img { width: 4.0625rem; height: 4.0625rem; } #indexBusiness .indexBusinessRight ul li .number { color: #fff; line-height: 3.125rem; } #indexBusiness .indexBusinessRight ul li .number span { font-family: Manrope; font-size: 5rem; } #indexBusiness .indexBusinessRight ul li .number i { font-size: 1.125rem; margin-left: 0.3125rem; } #indexBusiness .indexBusinessRight ul li .title { font-size: 1rem; color: #FFFFFF; line-height: 1.4375rem; } /* 887700葡京线路检侧-新闻资讯 */ #indexNews { padding: 8.75rem 0px 4.125rem; height: 100vh; } #indexNews .indexNewsTitle { position: relative; margin-bottom: 2.25rem; } #indexNews .indexNewsTitle .tab { display: inline-block; font-size: 1.25rem; color: #CF0F1A; border-radius: 0.3125rem; border: 0.0625rem solid #CF0F1A; padding: 0px 0.8125rem; height: 2.375rem; line-height: 2.25rem; margin-bottom: 1.25rem; } #indexNews .indexNewsTitle .title { font-weight: 500; font-size: 3.4375rem; color: #000000; line-height: 4.0625rem; } #indexNews .indexNewsTitle .more { position: absolute; bottom: 0px; right: 0px; display: block; width: 11.875rem; height: 3.0625rem; line-height: 3.0625rem; background: url("../images/btnBg2.png") no-repeat center/cover; font-size: 0.875rem; color: #CF0F1A; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #indexNews .indexNewsTitle .more:hover { color: #fff; background-color: #CF0F1A; } #indexNews .indexNewsTitle .more span { display: inline-block; width: 8.5625rem; margin-right: 0.9375rem; text-align: center; } #indexNews .indexNewsTitle .more i { display: inline-block; font-size: 1rem; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #indexNews .indexNewsMain .indexNewsLeft { width: 55rem; } #indexNews .indexNewsMain .indexNewsLeft a { display: block; position: relative; height: 100%; } #indexNews .indexNewsMain .indexNewsLeft a:hover .image img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #indexNews .indexNewsMain .indexNewsLeft a .image { overflow: hidden; } #indexNews .indexNewsMain .indexNewsLeft a .image img { width: 100%; height: 39.375rem; object-fit: cover; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #indexNews .indexNewsMain .indexNewsLeft a .content { position: absolute; left: 0px; bottom: 0px; width: 100%; height: auto; padding: 3.125rem 22.6875rem 2.5rem 2.3125rem; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); } #indexNews .indexNewsMain .indexNewsLeft a .content .time { font-size: 1rem; color: #FFFFFF; } #indexNews .indexNewsMain .indexNewsLeft a .content .title { font-size: 1.5rem; color: #FFFFFF; line-height: 2.125rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } #indexNews .indexNewsMain .indexNewsLeft a .content .more { position: absolute; bottom: 3.5625rem; right: 3.3125rem; width: 2.875rem; height: 2.875rem; border: 0.125rem solid #FFFFFF; } #indexNews .indexNewsMain .indexNewsLeft a .content .more::before, #indexNews .indexNewsMain .indexNewsLeft a .content .more::after { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; content: ""; display: block; } #indexNews .indexNewsMain .indexNewsLeft a .content .more::before { width: 0.125rem; height: 40%; } #indexNews .indexNewsMain .indexNewsLeft a .content .more::after { width: 40%; height: 0.125rem; } #indexNews .indexNewsMain .indexNewsRight { width: 51.25rem; height: 39.375rem; margin: 0px; } #indexNews .indexNewsMain .indexNewsRight .swiper-wrapper .swiper-slide a { background: #F6F6F6; } #indexNews .indexNewsMain .indexNewsRight .swiper-wrapper .swiper-slide a:hover .image img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #indexNews .indexNewsMain .indexNewsRight .swiper-wrapper .swiper-slide a .content { padding: 2.8125rem 2.9375rem; position: relative; } #indexNews .indexNewsMain .indexNewsRight .swiper-wrapper .swiper-slide a .content::after { position: absolute; right: -11.1875rem; bottom: 0px; width: 21.6875rem; height: 7.5rem; background: url("../images/indexNewsShape.png") no-repeat center/cover; pointer-events: none; content: ""; display: block; } #indexNews .indexNewsMain .indexNewsRight .swiper-wrapper .swiper-slide a .content .title { font-size: 1.4375rem; color: #000000; line-height: 2.0625rem; height: 6.1875rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 5.25rem; } #indexNews .indexNewsMain .indexNewsRight .swiper-wrapper .swiper-slide a .content .time { font-size: 1rem; color: #272727; } #indexNews .indexNewsMain .indexNewsRight .swiper-wrapper .swiper-slide a .image { width: 26.25rem; position: relative; z-index: 2; overflow: hidden; } #indexNews .indexNewsMain .indexNewsRight .swiper-wrapper .swiper-slide a .image img { width: 100%; height: 18.75rem; object-fit: cover; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #indexNews .indexNewsMain .indexNewsRight .swiper-pagination { display: none; } /* 887700葡京线路检侧-旗下品牌 */ #indexBrand { padding: calc(100vh - 39.0625rem - 13.5625rem + 2.5rem) 0px 2.8125rem; background: #CF0F1A; } #indexBrand .indexBrandTitle { width: 34.375rem; margin: 0px auto 1.625rem; font-weight: 500; font-size: 1rem; color: #FFFFFF; text-align: center; } #indexBrand .indexBrandTitle::before, #indexBrand .indexBrandTitle::after { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 0.0625rem; content: ""; display: block; } #indexBrand .indexBrandTitle::before { margin-right: 0.75rem; background: -webkit-linear-gradient(170deg, #fff, rgba(255, 255, 255, 0)); background: linear-gradient(280deg, #fff, rgba(255, 255, 255, 0)); } #indexBrand .indexBrandTitle::after { margin-left: 0.75rem; background: -webkit-linear-gradient(left, #fff, rgba(255, 255, 255, 0)); background: linear-gradient(90deg, #fff, rgba(255, 255, 255, 0)); } #indexBrand .indexBrandMain .swiper-wrapper { -webkit-transition-timing-function: linear !important; transition-timing-function: linear !important; } #indexBrand .indexBrandMain .swiper-wrapper .swiper-slide img { width: 100%; height: auto; } @media (min-width: 1024px) { #indexAboutus { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #indexProducts { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #indexProducts .indexProductsTitle { margin-top: -8.125rem; } #indexProducts .indexProductsMain { max-width: none; } #indexNews { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } /* 视频弹窗 */ .videoPopupBox { width: 100vw !important; height: 100%; background: #000 !important; } .videoPopupBox .layui-layer-setwin .layui-layer-close2 { right: 1.3125rem; top: 1.75rem; font-size: 1.75rem; width: auto; height: auto; border: 0px; border-radius: 0%; padding: 0px; background: none; } .videoPopupBox .layui-layer-setwin .layui-layer-close2:hover { background: none; } .videoPopupBox .layui-layer-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 100% !important; overflow: hidden !important; } .videoPopupBox #videoPopup video { width: 100vw; height: auto; max-height: 100vh; object-fit: cover; } .videoPopupBox #videoPopup iframe { width: 100vw; height: 100vh; } /* 内页-banner */ #detailBanner { min-height: 53.75rem; position: relative; overflow: hidden; } #detailBanner .image img { width: 100%; height: auto; -webkit-animation: detailBanner 15s linear forwards; animation: detailBanner 15s linear forwards; } #detailBanner .content { position: absolute; left: 0; top: 36%; width: 100%; } #detailBanner .content .title { font-weight: 500; font-size: 3.4375rem; color: transparent; background: -webkit-linear-gradient(top, #fff, rgba(255, 255, 255, 0.6)) text; background: linear-gradient(180deg, #fff, rgba(255, 255, 255, 0.6)) text; line-height: 4.0625rem; margin-bottom: 1.1875rem; } #detailBanner .content .intro { font-weight: 300; font-size: 1.375rem; color: #FFFFFF; } #detailBanner.detailProductBanner .image img { -webkit-animation: scale 12s linear infinite; animation: scale 12s linear infinite; } #detailBanner .brandContent { position: absolute; right: 11.4375rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 29.1875rem; height: 29.1875rem; } #detailBanner .brandContent::before { position: absolute; left: calc(50% - 9.90625rem); top: calc(50% - 9.75rem); width: 19.8125rem; height: 19.5rem; background: url("../images/brandContentEarth.png") no-repeat center/cover; pointer-events: none; -webkit-animation: rotate 100s linear infinite; animation: rotate 100s linear infinite; content: ""; display: block; } #detailBanner .brandContent::after { position: absolute; left: calc(50% - 14.59375rem); top: calc(50% - 14.59375rem); width: 100%; height: 100%; background: url("../images/brandContentLine.png") no-repeat center/cover; pointer-events: none; -webkit-animation: rotate 100s linear infinite; animation: rotate 100s linear infinite; content: ""; display: block; } #detailBanner .brandContent ul { position: absolute; left: calc(50% - 18.75rem); top: calc(50% - 18.75rem); width: 37.5rem; height: 37.5rem; -webkit-animation: rotate 100s linear infinite; animation: rotate 100s linear infinite; z-index: 2; } #detailBanner .brandContent ul li { position: absolute; left: calc(50% - 1.5625rem); width: 3.125rem; height: 100%; } #detailBanner .brandContent ul li .title { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 9.4375rem; height: 9.4375rem; padding: 1.3125rem; background: url("../images/indexServiceAdvantageRightItemBg.png") no-repeat center/cover; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #detailBanner .brandContent ul li .title img { width: 5.0625rem; height: auto; animation: rotate 100s linear infinite reverse; } #detailBanner .brandContent ul li .title:hover { background-image: url("../images/indexServiceAdvantageRightItemActiveBg.png"); } /* 内页分类 */ #detailList { position: -webkit-sticky; position: sticky; top: 0px; height: 4.375rem; line-height: 4.3125rem; backdrop-filter: blur(1.25rem); background: rgba(0, 0, 0, 0.2); margin-top: -4.375rem; border-top: 0.0625rem solid rgba(255, 255, 255, 0.2); z-index: 997; -webkit-transition: -webkit-transform 0.6s ease; transition: -webkit-transform 0.6s ease; transition: transform 0.6s ease; transition: transform 0.6s ease, -webkit-transform 0.6s ease; } #detailList.detailListDown { -webkit-transform: translateY(6.625rem); -ms-transform: translateY(6.625rem); transform: translateY(6.625rem); } #detailList a { font-size: 0.9375rem; color: #fff; margin-right: 3.3125rem; white-space: nowrap; position: relative; } #detailList a::after { width: 0%; height: 0.125rem; background: #CF0F1A; position: absolute; left: 50%; bottom: 0px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; content: ""; display: block; } #detailList a:last-child { margin-right: 0px; } #detailList a.active, #detailList a:hover { font-weight: 500; } #detailList a.active::after, #detailList a:hover::after { width: 100%; } #schemeDetailList { position: -webkit-sticky; position: sticky; top: 0px; height: 4.375rem; line-height: 4.3125rem; backdrop-filter: blur(1.25rem); background: rgba(0, 0, 0, 0.2); margin-top: -4.375rem; border-top: 0.0625rem solid rgba(255, 255, 255, 0.2); z-index: 997; -webkit-transition: -webkit-transform 0.6s ease; transition: -webkit-transform 0.6s ease; transition: transform 0.6s ease; transition: transform 0.6s ease, -webkit-transform 0.6s ease; } #schemeDetailList.detailListFixed { z-index: 998; } #schemeDetailList.detailListDown { -webkit-transform: translateY(-6.625rem); -ms-transform: translateY(-6.625rem); transform: translateY(-6.625rem); } #schemeDetailList .title { font-size: 1.125rem; color: #FFFFFF; } #schemeDetailList .content .nav a { font-size: 0.875rem; color: #fff; margin-right: 3.3125rem; position: relative; } #schemeDetailList .content .nav a::after { width: 0%; height: 0.0625rem; background: #CF0F1A; position: absolute; left: 50%; bottom: 0.125rem; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; content: ""; display: block; } #schemeDetailList .content .nav a:last-child { margin-right: 0px; } #schemeDetailList .content .nav a.active, #schemeDetailList .content .nav a:hover { font-weight: 500; } #schemeDetailList .content .nav a.active::after, #schemeDetailList .content .nav a:hover::after { width: 100%; } #schemeDetailList .content .btn { margin-left: 2.0625rem; } #schemeDetailList .content .btn a { display: block; width: 5.625rem; height: 2.125rem; line-height: 2rem; text-align: center; font-size: 0.75rem; color: #fff; border-radius: 1.0625rem; border: 0.0625rem solid #fff; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #schemeDetailList .content .btn a:hover { color: #fff; background: #CF0F1A; border-color: #CF0F1A; } /* 集团视频 */ #aboutusVideo { position: relative; overflow: hidden; } #aboutusVideo img { width: 100%; height: 100vh; object-fit: cover; } #aboutusVideo video { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 2; object-fit: cover; } #aboutusVideo .play { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 3.75rem; height: 3.75rem; background: rgba(0, 0, 0, 0.2) url("../images/icon-play-btn.png") no-repeat center/cover; border-radius: 50%; backdrop-filter: blur(1.25rem); margin-left: 1rem; cursor: pointer; z-index: 2; } #aboutusVideo .play::after { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url("../images/icon-play.png") no-repeat center/cover; -webkit-animation: rotate 8s linear infinite; animation: rotate 8s linear infinite; content: ""; display: block; } #aboutusVideo .contentBox { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url("../images/aboutusVideoBg.png") no-repeat center/cover; pointer-events: none; z-index: 3; } #aboutusVideo .content { position: absolute; left: 50%; bottom: 10.9375rem; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); text-align: center; pointer-events: none; z-index: 3; } #aboutusVideo .content .title { display: inline-block; font-weight: 500; height: 2.375rem; line-height: 2.25rem; padding: 0px 0.8125rem; font-size: 1.25rem; color: #da4d52; border-radius: 0.3125rem; border: 0.125rem solid #da4d52; } #aboutusVideo .content .intro { font-weight: 500; font-size: 3.4375rem; color: transparent; background: url("../images/aboutusVideoMask.png") no-repeat center/cover; -webkit-background-clip: text; background-clip: text; margin-top: 0.375rem; margin-left: 1.25rem; } /* 关于我们 */ #aboutus { padding: 6.125rem 0px 7.5rem; position: relative; } #aboutus .aboutusLeft { width: 18.125rem; padding-top: 0.875rem; } #aboutus .aboutusLeft ul li { padding: 2.1875rem 0px 0px; } #aboutus .aboutusLeft ul li::after { width: 3.75rem; height: 0.125rem; background: #E7EBEF; margin-top: 3.3125rem; content: ""; display: block; } #aboutus .aboutusLeft ul li:last-child::after { display: none; } #aboutus .aboutusLeft ul li .number { line-height: 1.3; } #aboutus .aboutusLeft ul li .number span { font-family: Manrope; font-weight: 500; font-size: 3.9375rem; color: #CF0F1A; } #aboutus .aboutusLeft ul li .number i { width: 1.4375rem; height: 1.4375rem; position: relative; margin-left: 0.625rem; } #aboutus .aboutusLeft ul li .number i::before, #aboutus .aboutusLeft ul li .number i::after { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #CF0F1A; border-radius: 0.125rem; content: ""; display: block; } #aboutus .aboutusLeft ul li .number i::before { width: 0.3125rem; height: 100%; } #aboutus .aboutusLeft ul li .number i::after { width: 100%; height: 0.3125rem; } #aboutus .aboutusLeft ul li .intro { font-size: 1.125rem; color: #000000; } #aboutus .aboutusCenter { width: 36.25rem; overflow: hidden; } #aboutus .aboutusCenter:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #aboutus .aboutusCenter img { width: 100%; height: auto; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #aboutus .aboutusRight { width: 33.9375rem; padding-top: 3.125rem; position: relative; } #aboutus .aboutusRight::after { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 60%; background: -webkit-linear-gradient(bottom, #fff, rgba(255, 255, 255, 0)); background: linear-gradient(0deg, #fff, rgba(255, 255, 255, 0)); pointer-events: none; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; content: ""; display: block; } #aboutus .aboutusRight:hover::after { opacity: 0; visibility: hidden; } #aboutus .aboutusRight img { width: auto; height: 6.625rem; margin-bottom: 1.875rem; } #aboutus .aboutusRight .title { font-weight: 500; font-size: 3.4375rem; color: #000000; margin-bottom: 0.875rem; } #aboutus .aboutusRight .introBox { max-height: 33.75rem; overflow: hidden; position: relative; padding-right: 1.875rem; margin-right: -1.875rem; } #aboutus .aboutusRight .introBox:hover { overflow-y: auto; } #aboutus .aboutusRight .introBox:hover::-webkit-scrollbar { width: 0.1875rem; height: 0.1875rem; background-color: #eee; } #aboutus .aboutusRight .introBox:hover::-webkit-scrollbar-track { border-radius: 0.1875rem; background-color: #eee; } #aboutus .aboutusRight .introBox:hover::-webkit-scrollbar-thumb { border-radius: 0.1875rem; background-color: #CF0F1A; cursor: pointer; } #aboutus .aboutusRight .introBox:hover::after { opacity: 0; visibility: hidden; } #aboutus .aboutusRight .intro { font-size: 1.0625rem; color: #090909; line-height: 1.875rem; } #aboutus .aboutusRight .intro p { margin-bottom: 1.875rem; } #aboutus .aboutusRight .intro p:last-child { margin-bottom: 0px; } /* 使命及愿景 */ #visionAndMission { height: 60rem; padding-top: 8.75rem; position: relative; } #visionAndMission .commonBg img { -webkit-animation: scale 12s linear infinite; animation: scale 12s linear infinite; } #visionAndMission .visionAndMissionTitle .title { font-weight: 500; font-size: 3.4375rem; color: #FFFFFF; margin-bottom: 0.1875rem; } #visionAndMission .visionAndMissionTitle .intro { font-weight: 300; font-size: 1.5rem; color: #FFFFFF; } #visionAndMission .visionAndMissionList { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 0px; width: 97.5rem; z-index: 2; } #visionAndMission .visionAndMissionList .swiper-wrapper .swiper-slide { min-height: 6.75rem; padding: 2.25rem 1.875rem 2.25rem 2.5rem; backdrop-filter: blur(1.25rem); background: rgba(0, 0, 0, 0.1); border: 0.0625rem solid transparent; border-right-color: rgba(255, 255, 255, 0.4); position: relative; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #visionAndMission .visionAndMissionList .swiper-wrapper .swiper-slide:last-child { border-right-color: transparent; } #visionAndMission .visionAndMissionList .swiper-wrapper .swiper-slide:hover { border-top-color: rgba(255, 255, 255, 0.4); border-left-color: rgba(255, 255, 255, 0.4); border-right-color: rgba(255, 255, 255, 0.4); } #visionAndMission .visionAndMissionList .swiper-wrapper .swiper-slide:hover .title { font-size: 1rem; opacity: 0.8; margin: 1.1875rem 0px 0.625rem; opacity: 1; } #visionAndMission .visionAndMissionList .swiper-wrapper .swiper-slide:hover .intro { max-height: 13.125rem; margin-bottom: 6.75rem; opacity: 1; } #visionAndMission .visionAndMissionList .swiper-wrapper .swiper-slide:hover .icon { left: 2.5rem; bottom: 3.625rem; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; opacity: 1; } #visionAndMission .visionAndMissionList .swiper-wrapper .swiper-slide .title { font-size: 1.25rem; color: #FFFFFF; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 0.5; } #visionAndMission .visionAndMissionList .swiper-wrapper .swiper-slide .intro { max-height: 0px; overflow: hidden; font-size: 1.625rem; color: #FFFFFF; line-height: 2.1875rem; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; opacity: 0.5; } #visionAndMission .visionAndMissionList .swiper-wrapper .swiper-slide .icon { position: absolute; left: 18.6875rem; bottom: 1.8125rem; width: 3.125rem; height: 3.125rem; text-align: center; line-height: 3rem; border: 0.0625rem solid #FFFFFF; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 0.5; } #visionAndMission .visionAndMissionList .swiper-wrapper .swiper-slide .icon img { width: 1.5rem; height: 1.5rem; } /* 发展历程 */ #history { padding: 5.375rem 0px 6.375rem; position: relative; overflow: hidden; } #history .historyTitle { font-weight: 500; font-size: 3.4375rem; color: #000000; margin-bottom: 3.25rem; } #history .historyList { border-left: 0.0625rem solid #C5C5C5; border-right: 0.0625rem solid #C5C5C5; margin-bottom: 2.4375rem; } #history .historyList .swiper-wrapper .swiper-slide { width: auto; border-right: 0.0625rem solid #C5C5C5; } #history .historyList .swiper-wrapper .swiper-slide:last-child { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-right: 0px; } #history .historyList .swiper-wrapper .swiper-slide:hover .yearList::after, #history .historyList .swiper-wrapper .swiper-slide.active .yearList::after { opacity: 1; visibility: visible; } #history .historyList .swiper-wrapper .swiper-slide .title { font-size: 1.0625rem; color: #878C92; border-bottom: 0.0625rem solid #C5C5C5; padding: 0px 1.25rem 0.6875rem; line-height: 1.45; } #history .historyList .swiper-wrapper .swiper-slide .title span { display: block; } #history .historyList .swiper-wrapper .swiper-slide .yearList { padding: 1.125rem 1.25rem 0.6875rem; position: relative; } #history .historyList .swiper-wrapper .swiper-slide .yearList::after { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url("../images/historyListShadow.png") repeat-x; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 0; visibility: hidden; content: ""; display: block; } #history .historyList .swiper-wrapper .swiper-slide .yearList .year { font-size: 1.25rem; color: #80838C; width: 5.125rem; height: 1.8125rem; line-height: 1.8125rem; text-align: center; cursor: pointer; position: relative; z-index: 2; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #history .historyList .swiper-wrapper .swiper-slide .yearList .year.active { background: #CF0F1A; color: #fff; } #history .historyMain { overflow: visible; } #history .historyMain .swiper-wrapper .swiper-slide { position: relative; opacity: 0 !important; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #history .historyMain .swiper-wrapper .swiper-slide .imageBox { width: 49.125rem; height: 34.6875rem; padding: 1.5625rem; -webkit-transition: all 2s ease; transition: all 2s ease; position: relative; -webkit-transform: perspective(156.25rem) rotateX(0) rotateY(-24deg) scale3d(1, 1, 1); transform: perspective(156.25rem) rotateX(0) rotateY(-24deg) scale3d(1, 1, 1); } #history .historyMain .swiper-wrapper .swiper-slide .imageBox::after { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(215, 215, 215, 0.5); content: ""; display: block; } #history .historyMain .swiper-wrapper .swiper-slide .imageBox .image { width: 46rem; position: relative; z-index: 2; overflow: hidden; } #history .historyMain .swiper-wrapper .swiper-slide .imageBox .image:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #history .historyMain .swiper-wrapper .swiper-slide .imageBox .image img { width: 46rem; height: 31.875rem; object-fit: cover; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #history .historyMain .swiper-wrapper .swiper-slide .year { position: absolute; left: 56%; top: 38%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-family: Manrope; font-weight: 500; font-size: 8.125rem; color: #CF0F1A; z-index: 3; margin-left: -12.5rem; pointer-events: none; } #history .historyMain .swiper-wrapper .swiper-slide .content { width: 44.4375rem; margin-left: 3.4375rem; padding-top: 20rem; -webkit-transform: translateX(12.5rem); -ms-transform: translateX(12.5rem); transform: translateX(12.5rem); -webkit-transition: all 1s ease; transition: all 1s ease; } #history .historyMain .swiper-wrapper .swiper-slide .content .list { margin-bottom: 1.125rem; } #history .historyMain .swiper-wrapper .swiper-slide .content .list:hover .drop::after { background: #CF0F1A; } #history .historyMain .swiper-wrapper .swiper-slide .content .list:hover .drop span { opacity: 1; visibility: visible; -webkit-animation: centerDiffuse2 3s linear infinite; animation: centerDiffuse2 3s linear infinite; } #history .historyMain .swiper-wrapper .swiper-slide .content .list:hover .intro { font-size: 1.5rem; opacity: 1; } #history .historyMain .swiper-wrapper .swiper-slide .content .list .drop { width: 0.5rem; height: 0.5rem; position: relative; margin-top: 0.75rem; margin-right: 1.4375rem; } #history .historyMain .swiper-wrapper .swiper-slide .content .list .drop::after { width: 0.5rem; height: 0.5rem; background: #BEBCBC; border-radius: 50%; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; content: ""; display: block; } #history .historyMain .swiper-wrapper .swiper-slide .content .list .drop span { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; border-radius: 50%; background: rgba(207, 15, 26, 0.1); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #history .historyMain .swiper-wrapper .swiper-slide .content .list .drop span:nth-child(1) { -webkit-animation-delay: -1s; animation-delay: -1s; } #history .historyMain .swiper-wrapper .swiper-slide .content .list .drop span:nth-child(2) { -webkit-animation-delay: -2s; animation-delay: -2s; } #history .historyMain .swiper-wrapper .swiper-slide .content .list .drop span:nth-child(3) { -webkit-animation-delay: -3s; animation-delay: -3s; } #history .historyMain .swiper-wrapper .swiper-slide .content .list .intro { font-size: 1.25rem; color: #000000; line-height: 2.125rem; opacity: 0.67; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #history .historyMain .swiper-wrapper .swiper-slide-active { opacity: 1 !important; z-index: 2 !important; } #history .historyMain .swiper-wrapper .swiper-slide-active .imageBox { padding-left: 3.5rem; -webkit-transform: perspective(156.25rem) rotateX(0) rotateY(24deg) scale3d(1, 1, 1) translateX(-0.625rem); transform: perspective(156.25rem) rotateX(0) rotateY(24deg) scale3d(1, 1, 1) translateX(-0.625rem); } #history .historyMain .swiper-wrapper .swiper-slide-active .imageBox::after { -webkit-clip-path: polygon(0% 0%, 100% 6%, 100% 94%, 0% 100%); clip-path: polygon(0% 0%, 100% 6%, 100% 94%, 0% 100%); } #history .historyMain .swiper-wrapper .swiper-slide-active .imageBox .image { box-shadow: -0.8125rem 0.25rem 2.1875rem 0px rgba(0, 0, 0, 0.16); } #history .historyMain .swiper-wrapper .swiper-slide-active .year { margin-left: 0px; -webkit-transition: all 1s ease; transition: all 1s ease; } #history .historyMain .swiper-wrapper .swiper-slide-active .content { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } #history .historyMain .yearBox { position: absolute; font-size: 12.5rem; line-height: 13.75rem; color: rgba(221, 221, 221, 0.6); text-transform: uppercase; font-weight: 600; pointer-events: none; bottom: -0.125rem; right: -2.5rem; } /* 集团荣誉 */ #honor { height: auto; position: relative; overflow: hidden; } #honor::after { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); z-index: -1; content: ""; display: block; } #honor .honorLeft { width: 30rem; padding-top: 9.25rem; } #honor .honorLeft .honorTitle { font-weight: 500; font-size: 3.4375rem; color: #FFFFFF; padding-bottom: 1.875rem; border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.3); } #honor .honorLeft .honorContent .wrapper { padding: 1.125rem 0px; margin-bottom: 1.125rem; border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.3); } #honor .honorLeft .honorContent .wrapper:last-child { padding-top: 0px; border-bottom: 0px; } #honor .honorLeft .honorContent .wrapper .list { padding: 0.75rem 0px; } #honor .honorLeft .honorContent .wrapper .list .year { width: 7.25rem; font-weight: 500; font-size: 1.625rem; color: #CF0F1A; } #honor .honorLeft .honorContent .wrapper .list .title { font-size: 1.125rem; color: rgba(255, 255, 255, 0.8); } #honor .honorRight { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 71.6875rem; padding-top: 0.5rem; margin: 0px; margin-left: 1.875rem; position: relative; } #honor .honorRight .honorRecommend img { width: 100%; height: auto; } #honor .honorRight .honorSlideBox { position: absolute; left: 0px; bottom: 0px; width: 100%; z-index: 2; overflow: visible; } #honor .honorRight .honorSlideBox .honorSlide { width: 24.0625rem; overflow: visible; } #honor .honorRight .honorSlideBox .honorSlide .swiper-wrapper .swiper-slide { height: 27.1875rem; text-align: center; position: relative; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; z-index: 0; opacity: 0; visibility: hidden; } #honor .honorRight .honorSlideBox .honorSlide .swiper-wrapper .swiper-slide::after { width: 24.0625rem; height: 25.125rem; background: url("../images/honorColumn.png") no-repeat; background-size: 100% auto; margin: -0.9375rem auto 0px; content: ""; display: block; } #honor .honorRight .honorSlideBox .honorSlide .swiper-wrapper .swiper-slide img { width: auto; height: 15.6875rem; object-fit: contain; } #honor .honorRight .honorSlideBox .honorSlide .swiper-wrapper .swiper-slide-active { padding-top: 1.25rem; z-index: 2; opacity: 1; visibility: visible; } #honor .honorRight .honorSlideBox .honorSlide .swiper-wrapper .swiper-slide-prev { padding-top: 2.5rem; opacity: 1; visibility: visible; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } #honor .honorRight .honorSlideBox .honorSlide .swiper-wrapper .swiper-slide-next { padding-top: 0px; opacity: 1; visibility: visible; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } /* 业务布局 */ #businessLayout { padding: 6.5625rem 0px 6.25rem; } #businessLayout .businessLayoutTitle { font-weight: 500; font-size: 3.4375rem; color: #000000; } #businessLayout .businessLayoutMain .businessLayoutLeft { position: relative; } #businessLayout .businessLayoutMain .businessLayoutLeft::before { position: absolute; left: -7.4375rem; top: 9.1875rem; width: 59.5625rem; height: 19.625rem; background: url("../images/businessLayoutIcon.png") no-repeat center/cover; pointer-events: none; content: ""; display: block; } #businessLayout .businessLayoutMain .businessLayoutLeft::after { position: absolute; left: -11.3125rem; bottom: -6.1875rem; width: 65.875rem; height: 5.375rem; background: url("../images/businessLayoutShadow.png") no-repeat center/cover; pointer-events: none; content: ""; display: block; } #businessLayout .businessLayoutMain .businessLayoutLeft .globalEarth { width: 40.125rem; height: 40.125rem; position: relative; z-index: 2; } #businessLayout .businessLayoutMain .businessLayoutLeft .globalEarth canvas { outline: none; width: 40.125rem !important; height: 40.125rem !important; } #businessLayout .businessLayoutMain .businessLayoutRight { width: 41.875rem; } #businessLayout .businessLayoutMain .businessLayoutRight .wrapper { margin-bottom: 2.9375rem; } #businessLayout .businessLayoutMain .businessLayoutRight .wrapper:nth-child(1) .title::after { position: absolute; left: 0px; bottom: -0.0625rem; width: 25rem; height: 0.0625rem; background: #CF0F1A; content: ""; display: block; } #businessLayout .businessLayoutMain .businessLayoutRight .wrapper:last-child { margin-bottom: 0px; } #businessLayout .businessLayoutMain .businessLayoutRight .wrapper .title { font-weight: 500; font-size: 1.75rem; color: #000000; border-bottom: 0.0625rem solid #EBEDF0; padding-bottom: 1.125rem; margin-bottom: 1.5625rem; position: relative; } #businessLayout .businessLayoutMain .businessLayoutRight .wrapper .intro { font-size: 1.0625rem; color: #616161; line-height: 1.6875rem; } /* 生产基地 */ #productionBase { padding: 5.375rem 0px 6.3125rem; } #productionBase .productionBaseTitle { font-weight: 500; font-size: 3.4375rem; color: #000000; margin-bottom: 2.25rem; } #productionBase .productionBaseMain ul li { background: #F6F6F6; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; margin-bottom: 1.875rem; } #productionBase .productionBaseMain ul li:last-child { margin-bottom: 0px; } #productionBase .productionBaseMain ul li:hover { background: #FFFFFF; box-shadow: 0px 0.25rem 1.125rem 0px rgba(0, 0, 0, 0.15); } #productionBase .productionBaseMain ul li:hover .image img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #productionBase .productionBaseMain ul li:hover .content::after { opacity: 1; visibility: visible; } #productionBase .productionBaseMain ul li .image { width: 26.875rem; overflow: hidden; } #productionBase .productionBaseMain ul li .image img { width: 100%; height: auto; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #productionBase .productionBaseMain ul li .content { padding: 2.0625rem 6.1875rem 1.25rem 3.1875rem; overflow: hidden; position: relative; } #productionBase .productionBaseMain ul li .content::after { position: absolute; right: -10.625rem; bottom: -4.375rem; width: 39rem; height: 12.875rem; pointer-events: none; background: url("../images/productionBaseIcon.png") no-repeat center/cover; opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; content: ""; display: block; } #productionBase .productionBaseMain ul li .content .title { font-size: 1.5rem; color: rgba(0, 2, 5, 0.95); margin-bottom: 0.5625rem; } #productionBase .productionBaseMain ul li .content .intro { font-weight: 300; font-size: 1.0625rem; color: #616161; line-height: 1.6875rem; margin-bottom: 1.25rem; } #productionBase .productionBaseMain ul li .content .other p { font-size: 1.125rem; color: rgba(0, 2, 5, 0.88); line-height: 2.125rem; } /* 总部 */ #headquarters { min-height: 53.75rem; position: relative; } #headquarters .content { width: 27.5625rem; height: auto; border: 0.0625rem solid #FFFFFF; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(1.25rem); padding: 2.5rem 2.6875rem 2.6875rem 2.5625rem; margin-bottom: 5.25rem; } #headquarters .content .title { font-size: 1.75rem; color: rgba(255, 255, 255, 0.95); margin-bottom: 0.5625rem; } #headquarters .content .intro { font-weight: 300; font-size: 1.0625rem; color: #FFFFFF; line-height: 1.625rem; margin-bottom: 1.375rem; padding-bottom: 1.5625rem; border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.1); } #headquarters .content .other { font-size: 1.0625rem; color: #FFFFFF; line-height: 1.875rem; } /* 研发实力 */ #edStrength { padding: 6.375rem 0px 0px; } #edStrength .commonBg img { -webkit-animation: scale 12s linear infinite; animation: scale 12s linear infinite; } #edStrength .edStrengthTitle { margin-bottom: 3.4375rem; } #edStrength .edStrengthTitle .title { font-weight: 500; font-size: 3.4375rem; color: #000000; margin-right: 23.4375rem; } #edStrength .edStrengthTitle .intro { font-size: 1.0625rem; color: rgba(9, 9, 9, 0.9); line-height: 1.6875rem; } #edStrength .edStrengthMain { padding: 8.4375rem 0px 6.25rem; position: relative; } #edStrength .edStrengthMain ul li { height: 18.375rem; text-align: center; width: 33.33%; padding: 0px 3.4375rem; border-bottom: 0.0625rem solid rgba(242, 242, 242, 0.3); position: relative; } #edStrength .edStrengthMain ul li::before { content: ""; display: block; } #edStrength .edStrengthMain ul li::after { position: absolute; right: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 0.0625rem; height: calc(100% - 2.75rem); background: rgba(242, 242, 242, 0.3); z-index: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; content: ""; display: block; } #edStrength .edStrengthMain ul li:nth-child(3n+3)::after { display: none; } #edStrength .edStrengthMain ul li:nth-child(4), #edStrength .edStrengthMain ul li:nth-child(5), #edStrength .edStrengthMain ul li:nth-child(6) { border-bottom: 0px; } #edStrength .edStrengthMain ul li:last-child .bg { display: none; } #edStrength .edStrengthMain ul li:last-child .title { font-weight: normal; font-size: 2.25rem; margin-top: 3.375rem; } #edStrength .edStrengthMain ul li:last-child .intro { display: none; } #edStrength .edStrengthMain ul li .bg { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; background: #CF0F1A; box-shadow: 0.5rem 0.8125rem 2.1875rem 0px rgba(121, 0, 0, 0.3); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; overflow: hidden; opacity: 0; visibility: hidden; } #edStrength .edStrengthMain ul li .bg::after { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -1.25rem; width: 18.5rem; height: 6.125rem; background: url("../images/edStrengthIcon.png") no-repeat center/cover; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; content: ""; display: block; } #edStrength .edStrengthMain ul li .icon { position: relative; z-index: 2; margin-top: -2.5rem; } #edStrength .edStrengthMain ul li .icon img { width: 2.625rem; height: 2.625rem; } #edStrength .edStrengthMain ul li .number { font-weight: 500; color: #FFFFFF; position: relative; z-index: 2; } #edStrength .edStrengthMain ul li .number span { font-family: Manrope; font-size: 3.75rem; } #edStrength .edStrengthMain ul li .number i { font-size: 1.875rem; } #edStrength .edStrengthMain ul li .title { font-weight: 500; font-size: 0.875rem; color: #FFFFFF; line-height: 1.4375rem; position: relative; z-index: 2; margin-bottom: 0.3125rem; } #edStrength .edStrengthMain ul li .intro { font-size: 1rem; color: rgba(255, 255, 255, 0.5); line-height: 1.5rem; max-height: 0px; overflow: hidden; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; position: relative; z-index: 2; } #edStrength .edStrengthMain ul li:hover { z-index: 2; } #edStrength .edStrengthMain ul li:hover .bg { opacity: 1; visibility: visible; width: 110%; height: 110%; } #edStrength .edStrengthMain ul li:hover .bg::after { bottom: -2.8125rem; } #edStrength .edStrengthMain ul li:hover::after { opacity: 0; visibility: visible; } #edStrength .edStrengthMain ul li:hover .intro { max-height: 6rem; } /* 业务创新 */ #businessInnovation { padding: 5.4375rem 0px 5.875rem; overflow: hidden; } #businessInnovation .businessInnovationTitle { font-weight: 500; font-size: 3.4375rem; color: #000000; margin-bottom: 1.875rem; } #businessInnovation .businessInnovationMain { width: 71.25rem; overflow: visible; margin: 0px 0px 2.25rem; } #businessInnovation .businessInnovationMain .swiper-wrapper .swiper-slide { height: 42.5rem; } #businessInnovation .businessInnovationMain .swiper-wrapper .swiper-slide .content { width: 0px; padding: 4.6875rem 0px 0px 0px; overflow: hidden; position: relative; } #businessInnovation .businessInnovationMain .swiper-wrapper .swiper-slide .content::after { position: absolute; left: 2.5rem; bottom: 10.1875rem; width: 42.8125rem; height: 14.1875rem; background: url("../images/businessInnovationIcon.png") no-repeat center/cover; pointer-events: none; content: ""; display: block; } #businessInnovation .businessInnovationMain .swiper-wrapper .swiper-slide .content .title { font-weight: 500; font-size: 1.75rem; color: #000000; margin-bottom: 0.75rem; } #businessInnovation .businessInnovationMain .swiper-wrapper .swiper-slide .content .intro { font-size: 1.0625rem; color: rgba(9, 9, 9, 0.8); line-height: 1.6875rem; margin-bottom: 2.875rem; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 6.75rem; margin-bottom: 19.875rem; } #businessInnovation .businessInnovationMain .swiper-wrapper .swiper-slide .content .more { display: block; width: 11.875rem; height: 3.0625rem; line-height: 3.0625rem; background: url("../images/btnBg2.png") no-repeat center/cover; font-size: 0.875rem; color: #CF0F1A; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #businessInnovation .businessInnovationMain .swiper-wrapper .swiper-slide .content .more:hover { color: #fff; background-color: #CF0F1A; } #businessInnovation .businessInnovationMain .swiper-wrapper .swiper-slide .content .more span { display: inline-block; width: 8.5625rem; margin-right: 0.9375rem; text-align: center; } #businessInnovation .businessInnovationMain .swiper-wrapper .swiper-slide .content .more i { display: inline-block; font-size: 1rem; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #businessInnovation .businessInnovationMain .swiper-wrapper .swiper-slide .image { width: 25rem; overflow: hidden; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; position: relative; } #businessInnovation .businessInnovationMain .swiper-wrapper .swiper-slide .image:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #businessInnovation .businessInnovationMain .swiper-wrapper .swiper-slide .image img { width: 100%; height: 42.5rem; object-fit: cover; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #businessInnovation .businessInnovationMain .swiper-wrapper .swiper-slide .image p { position: absolute; left: 0px; bottom: 0px; width: 100%; font-size: 1.625rem; color: #FFFFFF; padding: 3.125rem 2.4375rem 1.875rem; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #businessInnovation .businessInnovationMain .swiper-wrapper .swiper-slide-active { width: 71.25rem !important; background: #F6F6F6; } #businessInnovation .businessInnovationMain .swiper-wrapper .swiper-slide-active .image { width: 46.25rem; } #businessInnovation .businessInnovationMain .swiper-wrapper .swiper-slide-active .image p { opacity: 0; visibility: hidden; } #businessInnovation .businessInnovationMain .swiper-wrapper .swiper-slide-active .content { width: 25rem; padding: 4.6875rem 4rem 0px 2.5rem; } #businessInnovation .businessInnovationOther .swiper-pagination .current { font-size: 1.375rem; color: #D0121B; } #businessInnovation .businessInnovationOther .swiper-pagination .line { font-size: 1.5rem; color: rgba(0, 0, 0, 0.1); margin-top: 0.5rem; -webkit-transform: rotate(22deg); -ms-transform: rotate(22deg); transform: rotate(22deg); } #businessInnovation .businessInnovationOther .swiper-pagination .total { font-size: 0.75rem; color: rgba(64, 71, 80, 0.3); margin-top: 1.375rem; } #businessInnovation .businessInnovationOther .swiper-scrollbar { height: 0.125rem; background: rgba(0, 0, 0, 0.1); border-radius: 0.0625rem; margin: 0px 1.875rem 0px 1.0625rem; position: relative; overflow: hidden; } #businessInnovation .businessInnovationOther .swiper-scrollbar .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: #D0121B; border-radius: 0.0625rem; left: 0; top: 0; } #businessInnovation .businessInnovationOther .btns .swiper-button-prev, #businessInnovation .businessInnovationOther .btns .swiper-button-next { width: 4.1875rem; height: 3.75rem; line-height: 3.75rem; text-align: center; font-size: 1.125rem; color: #CF0F1A; background: url("../images/btnBg3.png") no-repeat center/cover; margin: 0px -0.09375rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; cursor: pointer; } #businessInnovation .businessInnovationOther .btns .swiper-button-prev:hover, #businessInnovation .businessInnovationOther .btns .swiper-button-next:hover { color: #fff; background-color: #CF0F1A; z-index: 2; } #businessInnovation .businessInnovationOther .btns .swiper-button-prev i, #businessInnovation .businessInnovationOther .btns .swiper-button-next i { display: inline-block; } #businessInnovation .businessInnovationOther .btns .swiper-button-prev i { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } #businessInnovation .businessInnovationOther .btns .swiper-button-next i { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* 研发实力介绍 */ #strengthIntro { padding: 5.3125rem 0px 6.3125rem; } #strengthIntro + #relatedLinks { padding-top: 0px; } #strengthIntro .strengthIntroTitle { margin-bottom: 3.5625rem; } #strengthIntro .strengthIntroTitle .title { font-weight: 500; font-size: 3.4375rem; color: #000000; margin-bottom: 1.1875rem; } #strengthIntro .strengthIntroTitle .intro { font-size: 1.0625rem; color: rgba(9, 9, 9, 0.9); line-height: 1.6875rem; } #strengthIntro .strengthIntroMain { overflow: hidden; } #strengthIntro .strengthIntroMain:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #strengthIntro .strengthIntroMain img { width: 100%; height: auto; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #strengthIntro .strengthIntroList { margin-top: 6.25rem; } #strengthIntro .strengthIntroList ul li { margin-bottom: 5.875rem; } #strengthIntro .strengthIntroList ul li:last-child { margin-bottom: 0px; } #strengthIntro .strengthIntroList ul li .image { width: 55.875rem; } #strengthIntro .strengthIntroList ul li .image .imageBox { margin-bottom: 0.625rem; } #strengthIntro .strengthIntroList ul li .image .imageBox .swiper-wrapper .swiper-slide { overflow: hidden; } #strengthIntro .strengthIntroList ul li .image .imageBox .swiper-wrapper .swiper-slide:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #strengthIntro .strengthIntroList ul li .image .imageBox .swiper-wrapper .swiper-slide img { width: 100%; height: auto; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #strengthIntro .strengthIntroList ul li .image .imageList .swiper-wrapper .swiper-slide { background: #f6f6f6; } #strengthIntro .strengthIntroList ul li .image .imageList .swiper-wrapper .swiper-slide img { width: 100%; height: 8.5625rem; object-fit: cover; } #strengthIntro .strengthIntroList ul li .image .imageList .swiper-button-prev, #strengthIntro .strengthIntroList ul li .image .imageList .swiper-button-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; font-size: 1.25rem; color: #7D8589; cursor: pointer; } #strengthIntro .strengthIntroList ul li .image .imageList .swiper-button-prev i, #strengthIntro .strengthIntroList ul li .image .imageList .swiper-button-next i { display: inline-block; } #strengthIntro .strengthIntroList ul li .image .imageList .swiper-button-prev:hover, #strengthIntro .strengthIntroList ul li .image .imageList .swiper-button-next:hover { color: #CF0F1A; } #strengthIntro .strengthIntroList ul li .image .imageList .swiper-button-prev { left: 0.625rem; } #strengthIntro .strengthIntroList ul li .image .imageList .swiper-button-prev i { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } #strengthIntro .strengthIntroList ul li .image .imageList .swiper-button-next { right: 0.625rem; } #strengthIntro .strengthIntroList ul li .image .imageList .swiper-button-next i { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #strengthIntro .strengthIntroList ul li .content { width: 35.375rem; } #strengthIntro .strengthIntroList ul li .content .title { font-weight: 500; font-size: 2.875rem; color: #000000; border-bottom: 0.0625rem solid #DCDCDC; padding-bottom: 2.375rem; margin-bottom: 2.6875rem; } #strengthIntro .strengthIntroList ul li .content .subTitle { font-weight: 500; font-size: 1.5rem; color: #000000; margin-bottom: 0.9375rem; } #strengthIntro .strengthIntroList ul li .content .intro { font-weight: 300; font-size: 1.0625rem; color: #474747; line-height: 1.5rem; margin-bottom: 6.25rem; } #strengthIntro .strengthIntroList ul li .content .icon img { width: 10.5rem; height: auto; } /* */ #strengthBrand { padding: 3.9375rem 0px 0px; position: relative; min-height: 21.25rem; } #strengthBrand .commonBg img { -webkit-animation: scale 12s linear infinite; animation: scale 12s linear infinite; } #strengthBrand .title { font-size: 1.5rem; color: #FFFFFF; line-height: 2.125rem; margin-bottom: 2.4375rem; } #strengthBrand .list { margin: -0.3125rem; } #strengthBrand .list a { width: 18.125rem; height: 6.3125rem; background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(1.25rem); border: 0.0625rem solid #FFFFFF; margin: 0.3125rem; } #strengthBrand .list a img { width: 100%; height: auto; } /* 相关链接 */ #relatedLinks { padding: 5.4375rem 0px 6.25rem; } #relatedLinks .relatedLinksTitle { font-size: 3.4375rem; color: #000000; font-weight: 500; margin-bottom: 2.125rem; } #relatedLinks .relatedLinksMain .swiper-wrapper .swiper-slide { position: relative; } #relatedLinks .relatedLinksMain .swiper-wrapper .swiper-slide a { display: block; overflow: hidden; } #relatedLinks .relatedLinksMain .swiper-wrapper .swiper-slide a:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #relatedLinks .relatedLinksMain .swiper-wrapper .swiper-slide a img { width: 100%; height: 30rem; object-fit: cover; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #relatedLinks .relatedLinksMain .swiper-wrapper .swiper-slide a p { position: absolute; left: 0px; bottom: 0px; width: 100%; padding: 1.875rem 1.8125rem 1.25rem; font-size: 1.5rem; color: #FFFFFF; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); } /* 高端智能装备 */ #intelligentEquipment { padding: 8.9375rem 0px 5.5625rem; position: relative; overflow: hidden; } #intelligentEquipment::after { position: absolute; right: 0px; bottom: -15.125rem; width: 60rem; height: 44.75rem; background: url("../images/intelligentEquipmentIcon.png") no-repeat center/cover; z-index: -1; content: ""; display: block; } #intelligentEquipment .intelligentEquipmentLeft { width: 47.75rem; } #intelligentEquipment .intelligentEquipmentLeft > .title { font-weight: 500; font-size: 3.4375rem; color: #000000; margin-bottom: 1.25rem; } #intelligentEquipment .intelligentEquipmentLeft .intro { font-size: 1.0625rem; color: #616161; line-height: 1.6875rem; margin-bottom: 4.8125rem; } #intelligentEquipment .intelligentEquipmentLeft .numberBox { margin: -2.0625rem; } #intelligentEquipment .intelligentEquipmentLeft .numberBox .list { margin: 2.0625rem; padding-top: 1.4375rem; border-top: 0.0625rem solid #C4C4C4; } #intelligentEquipment .intelligentEquipmentLeft .numberBox .list .number { font-weight: 500; color: #CF0F1A; line-height: 1; } #intelligentEquipment .intelligentEquipmentLeft .numberBox .list .number span { font-family: Manrope; font-size: 3.5rem; } #intelligentEquipment .intelligentEquipmentLeft .numberBox .list .number i { font-size: 2.5rem; margin-left: 0.625rem; } #intelligentEquipment .intelligentEquipmentLeft .numberBox .list .title { font-size: 1.0625rem; color: #000000; margin-top: 0.25rem; } #intelligentEquipment .intelligentEquipmentRight { width: 44.5625rem; } #intelligentEquipment .intelligentEquipmentRight img { width: 100%; height: auto; } /* 钻攻机 */ #drillingMachine { max-width: 120rem; margin: 0px auto; padding: 8.9375rem 0px 0px; min-height: 61.25rem; position: relative; overflow: hidden; } #drillingMachine .drillingMachineTitle .title { font-weight: 500; color: #FFFFFF; font-size: 3.4375rem; margin-right: 16rem; } #drillingMachine .drillingMachineTitle .intro { font-size: 1.0625rem; color: #FFFFFF; line-height: 1.6875rem; } #drillingMachine .drillingMachineMain .drillingMachineLeft { width: 36.25rem; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-left: -5.5625rem; margin-top: 5.5rem; } #drillingMachine .drillingMachineMain .drillingMachineLeft img { width: 100%; height: auto; } #drillingMachine .drillingMachineMain .drillingMachineRight { width: 72.1875rem; height: 45rem; margin-right: -13.125rem; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } #drillingMachine .drillingMachineMain .drillingMachineRight::after { position: absolute; right: 0px; top: 6.875rem; width: 72.1875rem; height: 15.5rem; background: url("../images/drillingMachineLine.png") no-repeat center/cover; content: ""; display: block; } #drillingMachine .drillingMachineMain .drillingMachineRight .swiper-wrapper .swiper-slide { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; padding-right: 1.875rem; } #drillingMachine .drillingMachineMain .drillingMachineRight .swiper-wrapper .swiper-slide .number { font-weight: bold; font-size: 2.5rem; color: #FFFFFF; margin-bottom: 0.3125rem; } #drillingMachine .drillingMachineMain .drillingMachineRight .swiper-wrapper .swiper-slide .image { margin-bottom: 1.5rem; } #drillingMachine .drillingMachineMain .drillingMachineRight .swiper-wrapper .swiper-slide .image img { width: 9.1875rem; height: 9.1875rem; } #drillingMachine .drillingMachineMain .drillingMachineRight .swiper-wrapper .swiper-slide .year { font-size: 1.25rem; color: #FFFFFF; margin-bottom: 0.3125rem; } #drillingMachine .drillingMachineMain .drillingMachineRight .swiper-wrapper .swiper-slide .intro { font-size: 1rem; color: #FFFFFF; line-height: 1.625rem; } #drillingMachine .drillingMachineMain .drillingMachineRight .swiper-wrapper .swiper-slide .intro p { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #drillingMachine .drillingMachineMain .drillingMachineRight .swiper-wrapper .swiper-slide .intro p::before { content: "·"; margin-right: 0.375rem; } #drillingMachine .drillingMachineMain .drillingMachineRight .swiper-wrapper .swiper-slide-active { -webkit-transform: translateY(10rem); -ms-transform: translateY(10rem); transform: translateY(10rem); } #drillingMachine .drillingMachineMain .drillingMachineRight .swiper-wrapper .swiper-slide-active + .swiper-slide { -webkit-transform: translateY(5rem); -ms-transform: translateY(5rem); transform: translateY(5rem); } #drillingMachine .drillingMachineMain .drillingMachineRight .swiper-wrapper .swiper-slide-active + .swiper-slide + .swiper-slide { -webkit-transform: translateY(10rem); -ms-transform: translateY(10rem); transform: translateY(10rem); } /* 加工中心 */ #machiningCenter { padding: 6.625rem 0px 7.5rem; position: relative; overflow: hidden; } #machiningCenter::after { position: absolute; right: 0px; bottom: -10.6875rem; width: 74.875rem; height: 27.125rem; background: url("../images/machiningCenterIcon.png") no-repeat center/cover; z-index: -1; content: ""; display: block; } #machiningCenter .machiningCenterTitle { font-weight: 500; color: #000000; font-size: 3.4375rem; margin-bottom: 2.0625rem; } #machiningCenter .machiningCenterMain .machiningCenterLeft { width: 30.3125rem; height: 39.0625rem; padding-left: 1.25rem; margin: 0px; } #machiningCenter .machiningCenterMain .machiningCenterLeft::after { position: absolute; left: 0px; top: 0px; width: 0.125rem; height: 100%; background: #D4D4D4; content: ""; display: block; } #machiningCenter .machiningCenterMain .machiningCenterLeft .swiper-wrapper .swiper-slide { height: auto; position: relative; cursor: pointer; } #machiningCenter .machiningCenterMain .machiningCenterLeft .swiper-wrapper .swiper-slide::after { position: absolute; left: -1.25rem; top: 0px; width: 0.125rem; height: 0%; background: #CF0F1A; content: ""; display: block; } #machiningCenter .machiningCenterMain .machiningCenterLeft .swiper-wrapper .swiper-slide .title { font-weight: 500; font-size: 1.375rem; color: #D4D4D4; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #machiningCenter .machiningCenterMain .machiningCenterLeft .swiper-wrapper .swiper-slide .intro { font-size: 1.0625rem; color: rgba(9, 9, 9, 0.8); line-height: 1.6875rem; max-height: 0px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; overflow: hidden; } #machiningCenter .machiningCenterMain .machiningCenterLeft .swiper-wrapper .swiper-slide .more { display: block; width: 11.875rem; height: 0px; line-height: 3.0625rem; background: url("../images/btnBg2.png") no-repeat center/cover; font-size: 0.875rem; color: #CF0F1A; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; overflow: hidden; } #machiningCenter .machiningCenterMain .machiningCenterLeft .swiper-wrapper .swiper-slide .more:hover { color: #fff; background-color: #CF0F1A; } #machiningCenter .machiningCenterMain .machiningCenterLeft .swiper-wrapper .swiper-slide .more span { display: inline-block; width: 8.5625rem; margin-right: 0.9375rem; text-align: center; } #machiningCenter .machiningCenterMain .machiningCenterLeft .swiper-wrapper .swiper-slide .more i { display: inline-block; font-size: 1rem; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #machiningCenter .machiningCenterMain .machiningCenterLeft .swiper-wrapper .swiper-slide-thumb-active::after { -webkit-animation: progressBarY 4.5s ease forwards; animation: progressBarY 4.5s ease forwards; } #machiningCenter .machiningCenterMain .machiningCenterLeft .swiper-wrapper .swiper-slide-thumb-active .title { color: #000; } #machiningCenter .machiningCenterMain .machiningCenterLeft .swiper-wrapper .swiper-slide-thumb-active .intro { max-height: 5.0625rem; margin: 0.625rem 0px 1.5625rem; } #machiningCenter .machiningCenterMain .machiningCenterLeft .swiper-wrapper .swiper-slide-thumb-active .more { height: 3.0625rem; } #machiningCenter .machiningCenterMain .machiningCenterRight { width: 72.5rem; margin: 0px -11.25rem 0px 0px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } #machiningCenter .machiningCenterMain .machiningCenterRight .swiper-wrapper .swiper-slide { width: 61.1875rem; } #machiningCenter .machiningCenterMain .machiningCenterRight .swiper-wrapper .swiper-slide img { width: 100%; height: 41.25rem; object-fit: cover; } /* 解决方案 */ #scheme { padding-top: 5.4375rem; overflow: hidden; } #scheme .schemeTitle { text-align: center; margin-bottom: 3.5rem; } #scheme .schemeTitle .title { font-weight: 500; font-size: 3.4375rem; color: #000; margin-bottom: 0.75rem; } #scheme .schemeTitle .intro { font-size: 1.0625rem; color: #616161; line-height: 1.6875rem; } #scheme .schemeMain { position: relative; } #scheme .schemeMain .schemeList { position: absolute; top: 9.5rem; left: 11.25rem; z-index: 2; padding-left: 1.25rem; } #scheme .schemeMain .schemeList::after { position: absolute; left: 0px; top: 0px; width: 0.125rem; height: 100%; background: rgba(255, 255, 255, 0.2); content: ""; display: block; } #scheme .schemeMain .schemeList .list { font-size: 0.9375rem; color: rgba(255, 255, 255, 0.7); line-height: 1.6875rem; position: relative; cursor: pointer; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; margin-bottom: 0.9375rem; } #scheme .schemeMain .schemeList .list:last-child { margin-bottom: 0px; } #scheme .schemeMain .schemeList .list::after { position: absolute; left: -1.25rem; top: 0px; width: 0.125rem; height: 100%; background: white; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 0; visibility: hidden; content: ""; display: block; } #scheme .schemeMain .schemeList .list.active { font-size: 1.375rem; color: #FFFFFF; } #scheme .schemeMain .schemeList .list.active::after { opacity: 1; visibility: visible; } #scheme .schemeMain .schemeList .list:hover { color: #FFFFFF; } #scheme .schemeMain .schemeImage .swiper-wrapper .swiper-slide { opacity: 0 !important; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #scheme .schemeMain .schemeImage .swiper-wrapper .swiper-slide-active { opacity: 1 !important; z-index: 2 !important; } #scheme .schemeMain .schemeImage .swiper-wrapper .swiper-slide img { width: 100%; height: 100vh; max-height: 62.5rem; object-fit: cover; } #scheme .schemeMain .schemeContent { position: absolute; top: 0px; right: 0px; width: 41.875rem; height: 100%; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(1.25rem); padding: 8.4375rem 11.4375rem 0px 5rem; z-index: 2; } #scheme .schemeMain .schemeContent .content .title { font-weight: 500; font-size: 3rem; color: #FFFFFF; margin-bottom: 1rem; } #scheme .schemeMain .schemeContent .content .intro { font-size: 1.0625rem; color: #FFFFFF; line-height: 1.5rem; } #scheme .schemeMain .schemeContent .schemeSlide { width: 100%; margin-bottom: 10.1875rem; } #scheme .schemeMain .schemeContent .schemeSlide .swiper-wrapper .swiper-slide { opacity: 0 !important; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #scheme .schemeMain .schemeContent .schemeSlide .swiper-wrapper .swiper-slide-active { opacity: 1 !important; z-index: 2 !important; } #scheme .schemeMain .schemeContent .schemeSlide .swiper-wrapper .swiper-slide .icon { margin-bottom: 0.4375rem; } #scheme .schemeMain .schemeContent .schemeSlide .swiper-wrapper .swiper-slide .icon img { width: 5.4375rem; height: 5.4375rem; } #scheme .schemeMain .schemeContent .schemeSlide .swiper-wrapper .swiper-slide .title { font-size: 2.25rem; color: #FFFFFF; margin-bottom: 0.625rem; } #scheme .schemeMain .schemeContent .schemeSlide .swiper-wrapper .swiper-slide .intro { font-size: 1.0625rem; color: rgba(255, 255, 255, 0.6); line-height: 1.375rem; margin-bottom: 4.875rem; } #scheme .schemeMain .schemeContent .schemeSlide .swiper-wrapper .swiper-slide .more { display: block; width: 11.875rem; height: 3.0625rem; line-height: 3.0625rem; background: url("../images/btnBg1.png") no-repeat center/cover; font-size: 0.875rem; color: #fff; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #scheme .schemeMain .schemeContent .schemeSlide .swiper-wrapper .swiper-slide .more:hover { background-image: url("../images/btnBg2.png"); background-color: #CF0F1A; } #scheme .schemeMain .schemeContent .schemeSlide .swiper-wrapper .swiper-slide .more span { display: inline-block; width: 8.5625rem; margin-right: 0.9375rem; text-align: center; } #scheme .schemeMain .schemeContent .schemeSlide .swiper-wrapper .swiper-slide .more i { display: inline-block; font-size: 1rem; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* 其他方案 */ #schemeOther { padding: 6.25rem 0px 7.5rem; } #schemeOther ul li { margin-bottom: 6.25rem; } #schemeOther ul li:last-child { margin-bottom: 0px; } #schemeOther ul li:nth-child(odd) .content { margin-right: -12.375rem; } #schemeOther ul li:nth-child(even) .content { margin-left: -12.375rem; } #schemeOther ul li .image { width: 73.5rem; overflow: hidden; position: relative; } #schemeOther ul li .image:hover > img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #schemeOther ul li .image > img { width: 100%; height: auto; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #schemeOther ul li .image .imageContent { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding: 5.9375rem 6.6875rem 3.3125rem 1.9375rem; } #schemeOther ul li .image .imageContent .imageContentLeft { width: 18rem; margin: 5.625rem 0px 0px; } #schemeOther ul li .image .imageContent .imageContentLeft .swiper-wrapper .swiper-slide { opacity: 0 !important; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #schemeOther ul li .image .imageContent .imageContentLeft .swiper-wrapper .swiper-slide-active { opacity: 1 !important; z-index: 2 !important; } #schemeOther ul li .image .imageContent .imageContentLeft .swiper-wrapper .swiper-slide .title { font-size: 1.875rem; color: #FFFFFF; margin-bottom: 0.4375rem; } #schemeOther ul li .image .imageContent .imageContentLeft .swiper-wrapper .swiper-slide .title span { color: #CF0F1A; } #schemeOther ul li .image .imageContent .imageContentLeft .swiper-wrapper .swiper-slide .intro { font-size: 1.25rem; color: rgba(255, 255, 255, 0.8); line-height: 1.875rem; } #schemeOther ul li .image .imageContent .imageContentRight { width: 28.1875rem; height: 28.1875rem; border-radius: 50%; background: #fff; position: relative; background: #e6edf2; margin-right: 18.3125rem; } #schemeOther ul li .image .imageContent .imageContentRight .imageContentImage { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 11.0625rem; height: 11.0625rem; border-radius: 50%; } #schemeOther ul li .image .imageContent .imageContentRight .imageContentImage .swiper-wrapper .swiper-slide { opacity: 0 !important; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #schemeOther ul li .image .imageContent .imageContentRight .imageContentImage .swiper-wrapper .swiper-slide-active { opacity: 1 !important; z-index: 2 !important; } #schemeOther ul li .image .imageContent .imageContentRight .imageContentImage .swiper-wrapper .swiper-slide img { width: 11.0625rem; height: 11.0625rem; object-fit: cover; } #schemeOther ul li .image .imageContent .imageContentRight ul { position: absolute; left: calc(50% - 13.28125rem); top: calc(50% - 13.28125rem); width: 26.5625rem; height: 26.5625rem; z-index: 2; pointer-events: none; } #schemeOther ul li .image .imageContent .imageContentRight ul li { position: absolute; left: calc(50% - 1.5625rem); width: 3rem; height: 100%; } #schemeOther ul li .image .imageContent .imageContentRight ul li .icon { width: 7.375rem; height: 7.375rem; text-align: center; line-height: 7.375rem; background: #fff; border-radius: 50%; margin-left: -2.1875rem; cursor: pointer; pointer-events: all; } #schemeOther ul li .image .imageContent .imageContentRight ul li .icon img { width: 3.6875rem; height: 3.6875rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #schemeOther ul li .image .imageContent .imageContentRight ul li.active .icon { background: #CF0F1A; } #schemeOther ul li .image .imageContent .imageContentRight ul li.active .icon img { -webkit-filter: grayscale(1) brightness(500%); filter: grayscale(1) brightness(500%); } #schemeOther ul li .image .imageContent .imageContentTags { margin-top: 2.5rem; } #schemeOther ul li .image .imageContent .imageContentTags span { height: 3.375rem; line-height: 3.3125rem; font-size: 1.0625rem; color: #FFFFFF; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(1.25rem); border: 0.0625rem solid rgba(255, 255, 255, 0.5); margin: 0px 0.3125rem; padding: 0px 1.5625rem; } #schemeOther ul li .content { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 36.25rem; height: 39.5rem; padding: 6rem 4.25rem 0px 3.375rem; position: relative; z-index: 2; background: #FFFFFF; border: 0.0625rem solid #E8E8E8; } #schemeOther ul li .content::after { position: absolute; left: 2.875rem; bottom: 0px; width: 21.6875rem; height: 7.5rem; background: url("../images/schemeOtherIcon.png") no-repeat center/cover; content: ""; display: block; } #schemeOther ul li .content .title { font-weight: 500; font-size: 3rem; color: #000000; line-height: 3.875rem; margin-bottom: 1.8125rem; } #schemeOther ul li .content .intro { font-size: 1.0625rem; color: #616161; line-height: 1.5rem; overflow-y: auto; max-height: 18rem; padding-right: 1.875rem; } #schemeOther ul li .content .intro::-webkit-scrollbar { width: 0.1875rem; height: 0.1875rem; background-color: #eee; } #schemeOther ul li .content .intro::-webkit-scrollbar-track { border-radius: 0.1875rem; background-color: #eee; } #schemeOther ul li .content .intro::-webkit-scrollbar-thumb { border-radius: 0.1875rem; background-color: #CF0F1A; cursor: pointer; } /* 方案详情介绍 */ #schemeDetailIntro { padding-top: 5.3125rem; overflow: hidden; } #schemeDetailIntro .schemeDetailIntroTitle { text-align: center; margin-bottom: 4.75rem; } #schemeDetailIntro .schemeDetailIntroTitle .title { font-weight: 500; color: #000000; font-size: 3.4375rem; margin-bottom: 0.8125rem; } #schemeDetailIntro .schemeDetailIntroTitle .intro { font-size: 1.0625rem; color: #616161; line-height: 1.6875rem; } #schemeDetailIntro .schemeDetailIntroMain { padding: 6.625rem 0px 2.1875rem; position: relative; } #schemeDetailIntro .schemeDetailIntroMain .bigTitle { font-weight: 500; color: #000000; font-size: 3.4375rem; margin-bottom: 2.25rem; } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox { overflow: visible; } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-wrapper .swiper-slide { opacity: 0 !important; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-wrapper .swiper-slide-active { opacity: 1 !important; z-index: 2 !important; } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-wrapper .swiper-slide-active .image { -webkit-animation: fadeInUp 1s 0.2s forwards; animation: fadeInUp 1s 0.2s forwards; } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-wrapper .swiper-slide-active .content { -webkit-animation: fadeInUp 1s 0.4s forwards; animation: fadeInUp 1s 0.4s forwards; } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-wrapper .swiper-slide .image { margin-top: -6.375rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 0; } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-wrapper .swiper-slide .image img { width: 44.6875rem; height: auto; } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-wrapper .swiper-slide .content { width: 46.0625rem; height: 34.3125rem; padding: 2.0625rem 4.1875rem 5.75rem 2.8125rem; background: rgba(255, 255, 255, 0.5); border: 0.0625rem solid rgba(255, 255, 255, 0.5); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 0; } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-wrapper .swiper-slide .content .title { font-size: 2.375rem; color: #CF0F1A; } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-wrapper .swiper-slide .content .intro { font-weight: 300; font-size: 1.0625rem; color: #212121; line-height: 1.5rem; } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-wrapper .swiper-slide .content .intro p { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 1.0625rem 0px; border-bottom: 0.0625rem solid rgba(0, 32, 66, 0.1); } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-wrapper .swiper-slide .content .intro p::before { font-size: 1.5rem; font-weight: 500; margin-right: 0.875rem; content: "·"; } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-button-prev, #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-button-next { position: absolute; top: 40%; display: block; width: 4.125rem; height: 3.6875rem; text-align: center; line-height: 3.6875rem; color: #878b8d; font-size: 1.375rem; cursor: pointer; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; background: url("../images/btnBg4.png") no-repeat center/cover; z-index: 2; } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-button-prev:hover, #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-button-next:hover { color: #fff; background-image: url("../images/btnBg3.png"); background-color: #CF0F1A; } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-button-prev i, #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-button-next i { display: inline-block; } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-button-prev { left: -5.375rem; } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-button-prev i { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-button-next { right: -5.375rem; } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-button-next i { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-pagination { position: absolute; left: 50%; bottom: 1.6875rem; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-pagination .swiper-pagination-bullet { display: inline-block; width: 1.875rem; height: 0.125rem; margin: 0px 0.3125rem; background: #FFFFFF; cursor: pointer; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; position: relative; } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-pagination .swiper-pagination-bullet::after { position: absolute; left: 0px; top: 0px; height: 100%; background: #CF0F1A; content: ""; display: block; } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-pagination .swiper-pagination-bullet-active { width: 2.5rem; } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-pagination .swiper-pagination-bullet-active::after { -webkit-animation: progressBar 4.5s ease forwards; animation: progressBar 4.5s ease forwards; } /* 应用案例 */ #applicationCases { padding: 5.4375rem 0px 0px; } #applicationCases.applicationCases2 { background: #f5f5f8; } #applicationCases .applicationCasesTitle { font-weight: 500; font-size: 3.4375rem; color: #000; margin-bottom: 2.3125rem; } #applicationCases .applicationCasesMain .swiper-wrapper .swiper-slide:hover .image img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #applicationCases .applicationCasesMain .swiper-wrapper .swiper-slide .image { margin-bottom: 1.4375rem; overflow: hidden; position: relative; } #applicationCases .applicationCasesMain .swiper-wrapper .swiper-slide .image img { width: 100%; height: auto; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #applicationCases .applicationCasesMain .swiper-wrapper .swiper-slide .title { font-size: 1.75rem; color: #000000; } #applicationCases .applicationCasesOther { margin-top: 1.8125rem; } #applicationCases .applicationCasesOther .swiper-pagination .current { font-size: 1.375rem; color: #D0121B; } #applicationCases .applicationCasesOther .swiper-pagination .line { font-size: 1.5rem; color: rgba(0, 0, 0, 0.1); margin-top: 0.5rem; -webkit-transform: rotate(22deg); -ms-transform: rotate(22deg); transform: rotate(22deg); } #applicationCases .applicationCasesOther .swiper-pagination .total { font-size: 0.75rem; color: rgba(64, 71, 80, 0.3); margin-top: 1.375rem; } #applicationCases .applicationCasesOther .swiper-scrollbar { height: 0.125rem; background: rgba(0, 0, 0, 0.1); border-radius: 0.0625rem; margin: 0px 1.875rem 0px 1.0625rem; position: relative; overflow: hidden; } #applicationCases .applicationCasesOther .swiper-scrollbar .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: #D0121B; border-radius: 0.0625rem; left: 0; top: 0; } #applicationCases .applicationCasesOther .btns .swiper-button-prev, #applicationCases .applicationCasesOther .btns .swiper-button-next { width: 4.1875rem; height: 3.75rem; line-height: 3.75rem; text-align: center; font-size: 1.125rem; color: #CF0F1A; background: #fff url("../images/btnBg3.png") no-repeat center/cover; margin: 0px -0.125rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; cursor: pointer; position: relative; } #applicationCases .applicationCasesOther .btns .swiper-button-prev:hover, #applicationCases .applicationCasesOther .btns .swiper-button-next:hover { color: #fff; background-color: #CF0F1A; z-index: 2; } #applicationCases .applicationCasesOther .btns .swiper-button-prev i, #applicationCases .applicationCasesOther .btns .swiper-button-next i { display: inline-block; } #applicationCases .applicationCasesOther .btns .swiper-button-prev i { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } #applicationCases .applicationCasesOther .btns .swiper-button-next i { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* 合作单位 */ #cooperativeUnits { padding: 5.4375rem 0px 6.1875rem; overflow: hidden; } #cooperativeUnits .cooperativeUnitsTitle { font-weight: 500; font-size: 3.4375rem; color: #000; margin-bottom: 2.3125rem; } #cooperativeUnits .cooperativeUnitsMain { overflow: visible; } #cooperativeUnits .cooperativeUnitsMain .swiper-wrapper .swiper-slide { width: 20.625rem; background: #F5F5F5; } #cooperativeUnits .cooperativeUnitsMain .swiper-wrapper .swiper-slide img { width: 100%; height: 12.125rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-filter: grayscale(1); filter: grayscale(1); } #cooperativeUnits .cooperativeUnitsMain .swiper-wrapper .swiper-slide:hover img { -webkit-filter: none; filter: none; } #cooperativeUnits .cooperativeUnitsOther { margin-top: 1.8125rem; } #cooperativeUnits .cooperativeUnitsOther .swiper-pagination .current { font-size: 1.375rem; color: #D0121B; } #cooperativeUnits .cooperativeUnitsOther .swiper-pagination .line { font-size: 1.5rem; color: rgba(0, 0, 0, 0.1); margin-top: 0.5rem; -webkit-transform: rotate(22deg); -ms-transform: rotate(22deg); transform: rotate(22deg); } #cooperativeUnits .cooperativeUnitsOther .swiper-pagination .total { font-size: 0.75rem; color: rgba(64, 71, 80, 0.3); margin-top: 1.375rem; } #cooperativeUnits .cooperativeUnitsOther .swiper-scrollbar { height: 0.125rem; background: rgba(0, 0, 0, 0.1); border-radius: 0.0625rem; margin: 0px 1.875rem 0px 1.0625rem; position: relative; overflow: hidden; } #cooperativeUnits .cooperativeUnitsOther .swiper-scrollbar .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: #D0121B; border-radius: 0.0625rem; left: 0; top: 0; } #cooperativeUnits .cooperativeUnitsOther .btns .swiper-button-prev, #cooperativeUnits .cooperativeUnitsOther .btns .swiper-button-next { width: 4.1875rem; height: 3.75rem; line-height: 3.75rem; text-align: center; font-size: 1.125rem; color: #CF0F1A; background: transparent url("../images/btnBg3.png") no-repeat center/cover; margin: 0px -0.09375rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; cursor: pointer; position: relative; } #cooperativeUnits .cooperativeUnitsOther .btns .swiper-button-prev:hover, #cooperativeUnits .cooperativeUnitsOther .btns .swiper-button-next:hover { color: #fff; background-color: #CF0F1A; z-index: 2; } #cooperativeUnits .cooperativeUnitsOther .btns .swiper-button-prev i, #cooperativeUnits .cooperativeUnitsOther .btns .swiper-button-next i { display: inline-block; } #cooperativeUnits .cooperativeUnitsOther .btns .swiper-button-prev i { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } #cooperativeUnits .cooperativeUnitsOther .btns .swiper-button-next i { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* 旗下品牌 */ #brandList ul li { height: 100vh; padding: 5.75rem 0px 7.5rem; position: relative; overflow: hidden; } #brandList ul li .brandListTitle { margin-bottom: 4.625rem; position: relative; z-index: 2; } #brandList ul li .brandListTitle .title { font-weight: 500; color: #000; font-size: 3.4375rem; margin-right: 25.0625rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #brandList ul li .brandListTitle .title.animated { color: #fff; } #brandList ul li .brandListTitle .intro { font-size: 1.0625rem; color: rgba(9, 9, 9, 0.9); line-height: 1.6875rem; padding-right: 1.875rem; overflow-y: auto; height: 11.8125rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #brandList ul li .brandListTitle .intro.animated { color: #fff; } #brandList ul li .brandListTitle .intro.animated::-webkit-scrollbar { background-color: #eee; } #brandList ul li .brandListTitle .intro.animated::-webkit-scrollbar-track { background-color: #eee; } #brandList ul li .brandListTitle .intro::-webkit-scrollbar { width: 0.1875rem; height: 0.1875rem; background-color: #d5d5d5; } #brandList ul li .brandListTitle .intro::-webkit-scrollbar-track { border-radius: 0.1875rem; background-color: #d5d5d5; } #brandList ul li .brandListTitle .intro::-webkit-scrollbar-thumb { border-radius: 0.1875rem; background-color: #CF0F1A; cursor: pointer; } #brandList ul li .brandListContent { position: relative; z-index: 2; } #brandList ul li .brandListContent .content { width: 19.4375rem; padding: 1.25rem; margin-right: 1.875rem; background: rgba(0, 0, 0, 0.05); backdrop-filter: blur(1.25rem); border: 0.125rem solid; -webkit-border-image: -webkit-linear-gradient(315deg, #fff, transparent, #fff) 1; border-image: linear-gradient(135deg, #fff, transparent, #fff) 1; } #brandList ul li .brandListContent .content .logo { background: #FFFFFF; margin-bottom: 1.9375rem; } #brandList ul li .brandListContent .content .logo img { width: 100%; height: 8.75rem; } #brandList ul li .brandListContent .content .more { display: block; width: 11.875rem; height: 3.0625rem; line-height: 3.0625rem; background: url("../images/btnBg2.png") no-repeat center/cover; font-size: 0.875rem; color: #CF0F1A; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #brandList ul li .brandListContent .content .more:hover { color: #fff; background-color: #CF0F1A; } #brandList ul li .brandListContent .content .more span { display: inline-block; width: 8.5625rem; margin-right: 0.9375rem; text-align: center; } #brandList ul li .brandListContent .content .more i { display: inline-block; font-size: 1rem; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #brandList ul li .brandListMain { width: 97.5rem; position: absolute; left: 50%; top: 20.1875rem; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); height: 37.875rem; } /* 联营企业 */ #jointVenture { padding: 6.25rem 0px 6.25rem; } #jointVenture ul { margin: 0px -5rem; } #jointVenture ul li { position: -webkit-sticky; position: sticky; top: 7.5rem; margin-bottom: 6.25rem; background: #fff; } #jointVenture ul li:last-child { margin-bottom: 0px; } #jointVenture ul li .image img { width: 100%; height: auto; max-height: 70vh; object-fit: cover; } #jointVenture ul li .content { background: rgba(255, 255, 255, 0.25); backdrop-filter: blur(1.25rem); border: 0.0625rem solid #FFFFFF; padding: 3.3125rem 3rem 3.125rem 3.75rem; margin: -8.75rem 5rem 0px; position: relative; z-index: 2; } #jointVenture ul li .content .title { width: 16.25rem; padding-right: 1.875rem; font-weight: 500; font-size: 2.5rem; color: #000000; } #jointVenture ul li .content .other .intro { font-size: 1.0625rem; color: rgba(9, 9, 9, 0.9); line-height: 1.5rem; margin-bottom: 1.625rem; } #jointVenture ul li .content .other .more { display: block; width: 11.875rem; height: 3.0625rem; line-height: 3.0625rem; background: url("../images/btnBg2.png") no-repeat center/cover; font-size: 0.875rem; color: #CF0F1A; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #jointVenture ul li .content .other .more:hover { color: #fff; background-color: #CF0F1A; } #jointVenture ul li .content .other .more span { display: inline-block; width: 8.5625rem; margin-right: 0.9375rem; text-align: center; } #jointVenture ul li .content .other .more i { display: inline-block; font-size: 1rem; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* 产品列表 */ #productList { padding: 5.375rem 0px 5.625rem; } #productList .productListTitle { font-weight: 500; color: #000000; font-size: 3.4375rem; margin-bottom: 3.25rem; } #productList .productListMain ul { margin: -0.625rem; } #productList .productListMain ul li { width: calc(25% - 1.25rem); margin: 0.625rem; } #productList .productListMain ul li a { display: block; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; position: relative; } #productList .productListMain ul li a:hover { box-shadow: 0.6875rem 0.75rem 1.6875rem 0px rgba(170, 170, 170, 0.63); } #productList .productListMain ul li a:hover .image { background: #fff; } #productList .productListMain ul li a:hover .content { border-color: #CF0F1A; background: #CF0F1A; } #productList .productListMain ul li a:hover .content .title { color: #fff; } #productList .productListMain ul li a:hover .content .more { color: #fff; } #productList .productListMain ul li a .logo { position: absolute; left: 1.25rem; top: 1rem; z-index: 2; } #productList .productListMain ul li a .logo img { width: auto; height: 3.5rem; } #productList .productListMain ul li a .image { padding-top: 3.75rem; background: #F6F6F6; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #productList .productListMain ul li a .image img { width: 100%; height: 24.6875rem; object-fit: cover; } #productList .productListMain ul li a .content { padding: 1.875rem 2rem 2rem; border: 0.125rem solid #F4F4F5; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #productList .productListMain ul li a .content .title { font-size: 1.5rem; color: #000000; margin-bottom: 0.5625rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #productList .productListMain ul li a .content .more { font-size: 0.875rem; color: #868686; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #productList .productListMain ul li a .content .more span { margin-right: 0.875rem; } #productList .productListMain ul li a .content .more i { display: inline-block; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #productList .productListMain ul .layui-flow-more { width: 100%; font-size: 1rem; margin: 3.4375rem 0px 0px; } #productList .productListMain ul .layui-flow-more a { height: auto; line-height: 1; } #productList .productListMain ul .layui-flow-more a cite { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 1rem; color: #CF0F1A; background: transparent; padding: 0px; border-radius: 0px; } #productList .productListMain ul .layui-flow-more a cite::after { width: 0.75rem; height: 0.875rem; background: url("../images/icon-more.png") no-repeat center/cover; margin-left: 1.625rem; content: ""; display: block; } /* 产品详情 */ #productDetail { height: 53.75rem; position: relative; } #productDetail::after { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); background: linear-gradient(45deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); pointer-events: none; content: ""; display: block; } #productDetail .productDetailLeft { width: 37.5rem; margin-right: 5.4375rem; position: relative; z-index: 2; } #productDetail .productDetailLeft .title { font-weight: 500; font-size: 3.75rem; color: #FFFFFF; line-height: 4.0625rem; } #productDetail .productDetailLeft .subTitle { font-weight: 500; font-size: 3.75rem; color: #CF0F1A; line-height: 4.0625rem; margin-bottom: 0.9375rem; } #productDetail .productDetailLeft .intro { font-size: 1.125rem; color: #FFFFFF; margin-bottom: 4.0625rem; } #productDetail .productDetailLeft .btns a { display: block; width: 11.875rem; height: 3.0625rem; line-height: 3.0625rem; font-size: 0.875rem; color: #fff; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; margin-right: 0.625rem; } #productDetail .productDetailLeft .btns a:last-child { margin-right: 0px; } #productDetail .productDetailLeft .btns a:nth-child(1) { color: #fff; background-color: #CF0F1A; } #productDetail .productDetailLeft .btns a:nth-child(2) { color: #fff; background-color: #c9a970; } #productDetail .productDetailLeft .btns a:nth-child(2) i { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } #productDetail .productDetailLeft .btns a span { display: inline-block; width: 8.5625rem; margin-right: 0.9375rem; text-align: center; position: relative; } #productDetail .productDetailLeft .btns a span::after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0px; height: 1.375rem; width: 0.0625rem; background: #fff; content: ""; display: block; } #productDetail .productDetailLeft .btns a i { display: inline-block; font-size: 1rem; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #productDetail .productDetailRight { width: 44.6875rem; height: 44.6875rem; padding-top: 5.1875rem; } #productDetail .productDetailRight img { display: none; width: auto; height: 44.6875rem; } #productSticky { position: absolute; left: 0px; top: 0px; width: 100%; height: 105rem; pointer-events: none; z-index: 997; } #productSticky .productStickyBox { position: -webkit-sticky; position: sticky; top: 5rem; text-align: right; padding-right: 14.375rem; } #productSticky .productStickyBox img { width: auto; height: 44.6875rem; } /* 产品概况 */ #productIntro { height: 54.75rem; padding: 10.1875rem 0px 3.125rem; position: relative; } #productIntro .productIntroLeft { width: 41.5rem; } #productIntro .productIntroLeft .title { font-weight: 500; font-size: 3.4375rem; color: #000000; padding-bottom: 0.9375rem; margin-bottom: 2.125rem; border-bottom: 0.0625rem solid #E1E1E1; } #productIntro .productIntroLeft .intro { font-size: 1.0625rem; color: #616161; line-height: 1.6875rem; max-height: 18.5625rem; margin-bottom: 4.8125rem; overflow-y: auto; padding-right: 1.875rem; } #productIntro .productIntroLeft .intro::-webkit-scrollbar { width: 0.125rem; height: 0.125rem; background-color: #d5d5d5; } #productIntro .productIntroLeft .intro::-webkit-scrollbar-track { border-radius: 0.125rem; background-color: #d5d5d5; } #productIntro .productIntroLeft .intro::-webkit-scrollbar-thumb { border-radius: 0.125rem; background-color: #CF0F1A; cursor: pointer; } #productIntro .productIntroLeft .more { display: block; width: 11.875rem; height: 3.0625rem; line-height: 3.0625rem; background: url("../images/btnBg2.png") no-repeat center/cover; font-size: 0.875rem; color: #CF0F1A; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #productIntro .productIntroLeft .more:hover { color: #fff; background-color: #CF0F1A; } #productIntro .productIntroLeft .more span { display: inline-block; width: 8.5625rem; margin-right: 0.9375rem; text-align: center; } #productIntro .productIntroLeft .more i { display: inline-block; font-size: 1rem; } #productIntro .productIntroRight { width: 44.6875rem; margin-top: -3.25rem; margin-right: 7.25rem; } #productIntro .productIntroRight img { display: none; width: 100%; height: auto; } /* 产品特点 */ #productFeature { min-height: 53.3125rem; padding: 5.375rem 0px 0px; position: relative; } #productFeature .productFeatureTitle { font-weight: 500; color: #000000; font-size: 3.4375rem; margin-bottom: 2.75rem; } #productFeature .productFeatureMain .productFeatureLeft { width: 50.625rem; overflow: hidden; } #productFeature .productFeatureMain .productFeatureLeft:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #productFeature .productFeatureMain .productFeatureLeft img { width: 100%; height: auto; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #productFeature .productFeatureMain .productFeatureRight { width: 38.125rem; } #productFeature .productFeatureMain .productFeatureRight .productFeatureRightBox { height: 23.125rem; margin: 0px; } #productFeature .productFeatureMain .productFeatureRight .productFeatureRightBox .swiper-wrapper .swiper-slide { padding: 1.0625rem 0px 1.0625rem; height: auto; font-weight: 300; font-size: 1.0625rem; color: #212121; line-height: 1.5rem; border-bottom: 0.0625rem solid rgba(0, 32, 66, 0.1); } #productFeature .productFeatureMain .productFeatureRight .productFeatureRightBox .swiper-wrapper .swiper-slide::before { font-size: 1.5rem; font-weight: 500; margin-right: 0.5rem; content: "·"; } #productFeature .productFeatureMain .productFeatureRight .swiper-pagination { width: 0.125rem; height: 4.125rem; background: #D5D5D5; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; margin-top: 3.125rem; } #productFeature .productFeatureMain .productFeatureRight .swiper-pagination .swiper-pagination-progressbar-fill { background: #565656; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } /* 产品参数 */ #productParam { padding: 5.3125rem 0px 1.875rem; } #productParam .productParamTitle { font-weight: 500; color: #000000; font-size: 3.4375rem; margin-bottom: 1.25rem; } #productParam .productParamMain .productParamLeft { width: 36.125rem; margin-left: -4rem; } #productParam .productParamMain .productParamLeft img { width: 100%; height: auto; } #productParam .productParamMain .productParamRight { width: 65.1875rem; } #productParam .productParamMain .productParamRight table { display: block; text-align: left; background: #f6f6f6; } #productParam .productParamMain .productParamRight table thead { background: #CF0F1A; } #productParam .productParamMain .productParamRight table thead tr th { font-weight: 500; font-size: 1.375rem; color: #FFFFFF; border: 0.0625rem solid rgba(255, 255, 255, 0.3); padding: 0.8125rem 3.125rem; } #productParam .productParamMain .productParamRight table tbody tr td { font-weight: 300; font-size: 1rem; color: #6C6C6C; border: 0.0625rem solid #DCDCDC; padding: 0.625rem 3.125rem; } /* 人才理念 */ #talentConcept { padding: 8.0625rem 0px 7.5rem; position: relative; overflow: hidden; } #talentConcept::after { width: 29.75rem; height: 9.8125rem; position: absolute; left: 0px; top: 0px; background: url("../images/businessLayoutIcon.png") no-repeat center/cover; content: ""; display: block; } #talentConcept .talentConceptHead .talentConceptTitle { width: 36.375rem; } #talentConcept .talentConceptHead .talentConceptTitle .title { font-weight: 500; color: #000000; font-size: 3.4375rem; margin-bottom: 1.0625rem; } #talentConcept .talentConceptHead .talentConceptTitle .intro { font-size: 1.0625rem; color: #616161; line-height: 1.6875rem; } #talentConcept .talentConceptHead .talentConceptRight { width: 61.875rem; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-right: -11.25rem; border-radius: 15.625rem 0px 0px 0px; overflow: hidden; } #talentConcept .talentConceptHead .talentConceptRight:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #talentConcept .talentConceptHead .talentConceptRight img { width: 100%; height: auto; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #talentConcept .talentConceptContent { margin: -3.75rem -0.9375rem -0.9375rem; } #talentConcept .talentConceptContent .list { width: calc(20% - 1.875rem); margin: 0.9375rem; padding: 1.5rem 1.5rem 1.0625rem 2.125rem; background: rgba(205, 229, 243, 0.2); backdrop-filter: blur(1.25rem); border: 0.0625rem solid rgba(217, 225, 232, 0.4); } #talentConcept .talentConceptContent .list .title { font-size: 1.375rem; color: #000000; margin-bottom: 0.5625rem; } #talentConcept .talentConceptContent .list .title::before { width: 0.375rem; height: 0.375rem; background: #CF0F1A; border-radius: 50%; margin: 0.8125rem 0.625rem 0px -1rem; content: ""; display: block; } #talentConcept .talentConceptContent .list .intro { font-weight: 300; font-size: 1rem; color: #616161; line-height: 1.6875rem; } /* 商学院 */ #businessSchool { padding: 8.8125rem 0px 7.4375rem; position: relative; } #businessSchool .commonBg img { -webkit-animation: scale 12s linear infinite; animation: scale 12s linear infinite; } #businessSchool .content { width: 32.5rem; min-height: 37.5rem; padding: 2.6875rem 4.0625rem 2.6875rem 3.3125rem; background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(1.25rem); border: 0.0625rem solid rgba(255, 255, 255, 0.6); } #businessSchool .content .title { font-weight: 500; color: #000000; font-size: 3.4375rem; margin-bottom: 1rem; } #businessSchool .content .intro { font-size: 1.125rem; color: #616161; line-height: 1.6875rem; } /* 文化福利 */ #culturalWelfare { padding-top: 5.3125rem; } #culturalWelfare .culturalWelfareTitle { font-weight: 500; text-align: center; color: #000000; font-size: 3.4375rem; margin-bottom: 2.125rem; } #culturalWelfare .culturalWelfareList { text-align: center; margin-bottom: 3.75rem; } #culturalWelfare .culturalWelfareList ul { display: inline-block; background: #F6F6F6; border-radius: 2rem; } #culturalWelfare .culturalWelfareList ul li { display: inline-block; width: 13.75rem; font-size: 1.125rem; line-height: 4rem; color: #000000; border-radius: 2rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; cursor: pointer; } #culturalWelfare .culturalWelfareList ul li img { width: 2rem; height: 2rem; margin-right: 0.5rem; margin-top: -0.375rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; vertical-align: middle; } #culturalWelfare .culturalWelfareList ul li:hover, #culturalWelfare .culturalWelfareList ul li.active { color: #fff; background: #CF0F1A; } #culturalWelfare .culturalWelfareList ul li:hover img, #culturalWelfare .culturalWelfareList ul li.active img { -webkit-filter: invert(1); filter: invert(1); } /* 工作环境 */ #workEnvironment { padding: 4.4375rem 0px 5rem; background: #F6F6F6; overflow: hidden; } #workEnvironment .workEnvironmentTitle { font-weight: 500; font-size: 2.5rem; color: #000000; margin-bottom: 2.375rem; } #workEnvironment .workEnvironmentMain { width: 75rem; overflow: visible; margin: 0px; } #workEnvironment .workEnvironmentMain .swiper-wrapper .swiper-slide { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #workEnvironment .workEnvironmentMain .swiper-wrapper .swiper-slide-prev { opacity: 0; visibility: hidden; } #workEnvironment .workEnvironmentMain .swiper-wrapper .swiper-slide .image { width: 50rem; margin-right: 4.9375rem; overflow: hidden; } #workEnvironment .workEnvironmentMain .swiper-wrapper .swiper-slide .image:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #workEnvironment .workEnvironmentMain .swiper-wrapper .swiper-slide .image img { width: 100%; height: auto; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #workEnvironment .workEnvironmentMain .swiper-wrapper .swiper-slide .content { width: 20.0625rem; padding-top: 3.5625rem; } #workEnvironment .workEnvironmentMain .swiper-wrapper .swiper-slide .content .title { font-weight: 500; font-size: 1.875rem; color: #000000; padding-bottom: 1rem; margin-bottom: 1.6875rem; border-bottom: 0.0625rem solid rgba(153, 153, 153, 0.58); } #workEnvironment .workEnvironmentMain .swiper-wrapper .swiper-slide .content .intro { font-size: 1.125rem; color: #474747; line-height: 1.625rem; max-height: 19.5rem; overflow-y: auto; padding-right: 1.875rem; margin-right: -1.875rem; } #workEnvironment .workEnvironmentMain .swiper-wrapper .swiper-slide .content .intro::-webkit-scrollbar { width: 0.1875rem; height: 0.1875rem; background-color: #d5d5d5; } #workEnvironment .workEnvironmentMain .swiper-wrapper .swiper-slide .content .intro::-webkit-scrollbar-track { border-radius: 0.1875rem; background-color: #d5d5d5; } #workEnvironment .workEnvironmentMain .swiper-wrapper .swiper-slide .content .intro::-webkit-scrollbar-thumb { border-radius: 0.1875rem; background-color: #CF0F1A; cursor: pointer; } #workEnvironment .workEnvironmentOther { margin-top: 3.1875rem; } #workEnvironment .workEnvironmentOther .swiper-pagination .current { font-size: 1.375rem; color: #D0121B; } #workEnvironment .workEnvironmentOther .swiper-pagination .line { font-size: 1.5rem; color: rgba(0, 0, 0, 0.1); margin-top: 0.5rem; -webkit-transform: rotate(22deg); -ms-transform: rotate(22deg); transform: rotate(22deg); } #workEnvironment .workEnvironmentOther .swiper-pagination .total { font-size: 0.75rem; color: rgba(64, 71, 80, 0.3); margin-top: 1.375rem; } #workEnvironment .workEnvironmentOther .swiper-scrollbar { height: 0.125rem; background: rgba(0, 0, 0, 0.1); border-radius: 0.0625rem; margin: 0px 1.875rem 0px 1.0625rem; position: relative; overflow: hidden; } #workEnvironment .workEnvironmentOther .swiper-scrollbar .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: #D0121B; border-radius: 0.0625rem; left: 0; top: 0; } #workEnvironment .workEnvironmentOther .btns .swiper-button-prev, #workEnvironment .workEnvironmentOther .btns .swiper-button-next { width: 4.1875rem; height: 3.75rem; line-height: 3.75rem; text-align: center; font-size: 1.125rem; color: #CF0F1A; background: #f6f6f6 url("../images/btnBg3.png") no-repeat center/cover; margin: 0px -0.125rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; cursor: pointer; position: relative; } #workEnvironment .workEnvironmentOther .btns .swiper-button-prev:hover, #workEnvironment .workEnvironmentOther .btns .swiper-button-next:hover { color: #fff; background-color: #CF0F1A; z-index: 2; } #workEnvironment .workEnvironmentOther .btns .swiper-button-prev i, #workEnvironment .workEnvironmentOther .btns .swiper-button-next i { display: inline-block; } #workEnvironment .workEnvironmentOther .btns .swiper-button-prev i { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } #workEnvironment .workEnvironmentOther .btns .swiper-button-next i { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* 员工活动 */ #employeeActivities { padding: 5.6875rem 0px 6.25rem; } #employeeActivities .employeeActivitiesTitle { font-weight: 500; font-size: 2.5rem; color: #000000; margin-bottom: 2.375rem; } #employeeActivities .employeeActivitiesMain .swiper-wrapper .swiper-slide a { display: block; background: #F6F6F6; border-bottom: 0.1875rem solid transparent; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #employeeActivities .employeeActivitiesMain .swiper-wrapper .swiper-slide a:hover { border-color: #CF0F1A; background: #FFFFFF; box-shadow: 0px 1.125rem 1.8125rem 0px rgba(0, 0, 0, 0.18); } #employeeActivities .employeeActivitiesMain .swiper-wrapper .swiper-slide a:hover .image img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #employeeActivities .employeeActivitiesMain .swiper-wrapper .swiper-slide a:hover .content::after { background-image: url("../images/employeeActivitiesIconActive.png"); } #employeeActivities .employeeActivitiesMain .swiper-wrapper .swiper-slide a .image { overflow: hidden; } #employeeActivities .employeeActivitiesMain .swiper-wrapper .swiper-slide a .image img { width: 100%; height: auto; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #employeeActivities .employeeActivitiesMain .swiper-wrapper .swiper-slide a .content { padding: 2.0625rem 2.75rem 2.3125rem 1.9375rem; position: relative; } #employeeActivities .employeeActivitiesMain .swiper-wrapper .swiper-slide a .content::after { position: absolute; right: 0px; bottom: 0px; width: 14.0625rem; height: 4.1875rem; background: url("../images/employeeActivitiesIcon.png") no-repeat center/cover; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; content: ""; display: block; } #employeeActivities .employeeActivitiesMain .swiper-wrapper .swiper-slide a .content .title { font-size: 1.375rem; color: #000000; margin-bottom: 0.5625rem; } #employeeActivities .employeeActivitiesMain .swiper-wrapper .swiper-slide a .content .intro { font-weight: 300; font-size: 1rem; color: #616161; line-height: 1.5rem; height: 4.5rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 1.1875rem; } #employeeActivities .employeeActivitiesMain .swiper-wrapper .swiper-slide a .content .more { font-size: 0.875rem; color: #616161; } #employeeActivities .employeeActivitiesMain .swiper-wrapper .swiper-slide a .content .more span { margin-right: 0.875rem; } #employeeActivities .employeeActivitiesMain .swiper-wrapper .swiper-slide a .content .more i { font-size: 1rem; display: inline-block; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #employeeActivities .employeeActivitiesOther { margin-top: 3.1875rem; } #employeeActivities .employeeActivitiesOther .swiper-pagination .current { font-size: 1.375rem; color: #D0121B; } #employeeActivities .employeeActivitiesOther .swiper-pagination .line { font-size: 1.5rem; color: rgba(0, 0, 0, 0.1); margin-top: 0.5rem; -webkit-transform: rotate(22deg); -ms-transform: rotate(22deg); transform: rotate(22deg); } #employeeActivities .employeeActivitiesOther .swiper-pagination .total { font-size: 0.75rem; color: rgba(64, 71, 80, 0.3); margin-top: 1.375rem; } #employeeActivities .employeeActivitiesOther .swiper-scrollbar { height: 0.125rem; background: rgba(0, 0, 0, 0.1); border-radius: 0.0625rem; margin: 0px 1.875rem 0px 1.0625rem; position: relative; overflow: hidden; } #employeeActivities .employeeActivitiesOther .swiper-scrollbar .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: #D0121B; border-radius: 0.0625rem; left: 0; top: 0; } #employeeActivities .employeeActivitiesOther .btns .swiper-button-prev, #employeeActivities .employeeActivitiesOther .btns .swiper-button-next { width: 4.1875rem; height: 3.75rem; line-height: 3.75rem; text-align: center; font-size: 1.125rem; color: #CF0F1A; background: url("../images/btnBg3.png") no-repeat center/cover; margin: 0px -0.0625rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; cursor: pointer; } #employeeActivities .employeeActivitiesOther .btns .swiper-button-prev:hover, #employeeActivities .employeeActivitiesOther .btns .swiper-button-next:hover { color: #fff; background-color: #CF0F1A; } #employeeActivities .employeeActivitiesOther .btns .swiper-button-prev i, #employeeActivities .employeeActivitiesOther .btns .swiper-button-next i { display: inline-block; } #employeeActivities .employeeActivitiesOther .btns .swiper-button-prev i { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } #employeeActivities .employeeActivitiesOther .btns .swiper-button-next i { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* 福利待遇 */ #welfareTreatment { padding: 5rem 0px 5rem; position: relative; } #welfareTreatment .commonBg img { -webkit-animation: scale 12s linear infinite; animation: scale 12s linear infinite; } #welfareTreatment .content { width: 34.375rem; padding: 3rem 2.8125rem 1.875rem 3.4375rem; background: -webkit-linear-gradient(top, white, rgba(255, 255, 255, 0.7)); background: linear-gradient(180deg, white, rgba(255, 255, 255, 0.7)); backdrop-filter: blur(1.25rem); border: 0.0625rem solid #FFFFFF; } #welfareTreatment .content > .title { font-weight: 500; font-size: 2.5rem; color: #000000; padding-bottom: 2.4375rem; border-bottom: 0.0625rem solid rgba(142, 142, 142, 0.1); } #welfareTreatment .content .listBox .list { padding: 1.375rem 0px 1.6875rem; border-bottom: 0.0625rem solid rgba(142, 142, 142, 0.1); } #welfareTreatment .content .listBox .list:last-child { border-bottom: 0px; } #welfareTreatment .content .listBox .list:hover .icon::after { -webkit-animation: rotate 5s linear infinite; animation: rotate 5s linear infinite; background-image: url("../images/welfareTreatmentBorderActive.png"); } #welfareTreatment .content .listBox .list .icon { width: 3.8125rem; height: 3.8125rem; line-height: 3.8125rem; text-align: center; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; position: relative; } #welfareTreatment .content .listBox .list .icon::after { width: 100%; height: 100%; position: absolute; left: 0%; top: 0%; background: url("../images/welfareTreatmentBorder.png") no-repeat center/cover; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; content: ""; display: block; } #welfareTreatment .content .listBox .list .icon img { width: 2rem; height: 2rem; } #welfareTreatment .content .listBox .list .other { margin-left: 1.25rem; } #welfareTreatment .content .listBox .list .other .title { font-size: 1.25rem; color: #000000; margin-bottom: 0.25rem; } #welfareTreatment .content .listBox .list .other .intro { font-size: 1rem; color: rgba(85, 86, 85, 0.6); line-height: 1.625rem; } /* 员工故事 */ #employeeStories { padding: 5.5rem 0px 6.1875rem; position: relative; } #employeeStories .employeeStoriesTitle { font-weight: 500; font-size: 2.5rem; color: #000000; margin-bottom: -0.875rem; } #employeeStories .employeeStoriesMain { padding-top: 5.4375rem; } #employeeStories .employeeStoriesMain .swiper-wrapper .swiper-slide { height: 25rem; background: url("../images/employeeStoriesItemBg.jpg") no-repeat center/cover; } #employeeStories .employeeStoriesMain .swiper-wrapper .swiper-slide .image { width: 23.875rem; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-top: -5.4375rem; } #employeeStories .employeeStoriesMain .swiper-wrapper .swiper-slide .image img { width: 100%; height: 30.4375rem; } #employeeStories .employeeStoriesMain .swiper-wrapper .swiper-slide .content { margin-left: 3rem; padding: 4.8125rem 0px 3.75rem; } #employeeStories .employeeStoriesMain .swiper-wrapper .swiper-slide .content .title { font-weight: 500; font-size: 1.875rem; color: #000000; margin-bottom: 0.8125rem; } #employeeStories .employeeStoriesMain .swiper-wrapper .swiper-slide .content .title span { font-weight: 400; font-size: 1.0625rem; } #employeeStories .employeeStoriesMain .swiper-wrapper .swiper-slide .content .intro { font-weight: 300; font-size: 1rem; color: rgba(61, 61, 61, 0.9); line-height: 1.5rem; height: 4.5rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 3.5rem; } #employeeStories .employeeStoriesMain .swiper-wrapper .swiper-slide .content .more { display: block; width: 11.875rem; height: 3.0625rem; line-height: 3.0625rem; background: url("../images/btnBg5.png") no-repeat center/cover; font-size: 0.875rem; color: #858585; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; cursor: pointer; } #employeeStories .employeeStoriesMain .swiper-wrapper .swiper-slide .content .more:hover { color: #CF0F1A; background-image: url("../images/btnBg2.png"); } #employeeStories .employeeStoriesMain .swiper-wrapper .swiper-slide .content .more span { display: inline-block; width: 8.5625rem; margin-right: 0.9375rem; text-align: center; } #employeeStories .employeeStoriesMain .swiper-wrapper .swiper-slide .content .more i { display: inline-block; font-size: 1rem; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #employeeStories .employeeStoriesOther { margin-top: 3.1875rem; } #employeeStories .employeeStoriesOther .swiper-pagination .current { font-size: 1.375rem; color: #D0121B; } #employeeStories .employeeStoriesOther .swiper-pagination .line { font-size: 1.5rem; color: rgba(0, 0, 0, 0.1); margin-top: 0.5rem; -webkit-transform: rotate(22deg); -ms-transform: rotate(22deg); transform: rotate(22deg); } #employeeStories .employeeStoriesOther .swiper-pagination .total { font-size: 0.75rem; color: rgba(64, 71, 80, 0.3); margin-top: 1.375rem; } #employeeStories .employeeStoriesOther .swiper-scrollbar { height: 0.125rem; background: rgba(0, 0, 0, 0.1); border-radius: 0.0625rem; margin: 0px 1.875rem 0px 1.0625rem; position: relative; overflow: hidden; } #employeeStories .employeeStoriesOther .swiper-scrollbar .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: #D0121B; border-radius: 0.0625rem; left: 0; top: 0; } #employeeStories .employeeStoriesOther .btns .swiper-button-prev, #employeeStories .employeeStoriesOther .btns .swiper-button-next { width: 4.1875rem; height: 3.75rem; line-height: 3.75rem; text-align: center; font-size: 1.125rem; color: #CF0F1A; background: url("../images/btnBg3.png") no-repeat center/cover; margin: 0px -0.09375rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; cursor: pointer; position: relative; } #employeeStories .employeeStoriesOther .btns .swiper-button-prev:hover, #employeeStories .employeeStoriesOther .btns .swiper-button-next:hover { color: #fff; background-color: #CF0F1A; z-index: 2; } #employeeStories .employeeStoriesOther .btns .swiper-button-prev i, #employeeStories .employeeStoriesOther .btns .swiper-button-next i { display: inline-block; } #employeeStories .employeeStoriesOther .btns .swiper-button-prev i { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } #employeeStories .employeeStoriesOther .btns .swiper-button-next i { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* 招聘类型 */ #hireType { padding: 5.5rem 0px 9.375rem; } #hireType .hireTypeTitle { font-weight: 500; color: #000000; font-size: 3.4375rem; margin-bottom: 2.6875rem; } #hireType .hireTypeMain ul li { width: 47.8125rem; height: 37.5rem; position: relative; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #hireType .hireTypeMain ul li:hover { -webkit-transform: translateY(-1.5625rem); -ms-transform: translateY(-1.5625rem); transform: translateY(-1.5625rem); } #hireType .hireTypeMain ul li:hover .commonBg img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #hireType .hireTypeMain ul li .content { position: absolute; left: 0px; bottom: 0px; width: 100%; height: auto; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)); background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)); padding: 3.125rem 3.125rem 2.5625rem; } #hireType .hireTypeMain ul li .content .icon { margin-bottom: 0.5rem; } #hireType .hireTypeMain ul li .content .icon img { width: 4.1875rem; height: 4.1875rem; } #hireType .hireTypeMain ul li .content .title { font-weight: 500; font-size: 2.5rem; color: #FFFFFF; } #hireType .hireTypeMain ul li .content .more { position: absolute; right: 3.125rem; bottom: 2.6875rem; display: block; width: 11.875rem; height: 3.0625rem; line-height: 3.0625rem; background: url("../images/btnBg1.png") no-repeat center/cover; font-size: 0.875rem; color: #fff; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; cursor: pointer; } #hireType .hireTypeMain ul li .content .more:hover { background-color: #CF0F1A; background-image: url("../images/btnBg2.png"); } #hireType .hireTypeMain ul li .content .more span { display: inline-block; width: 8.5625rem; margin-right: 0.9375rem; text-align: center; } #hireType .hireTypeMain ul li .content .more i { display: inline-block; font-size: 1rem; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* 可持续发展 */ #sustainableDevelopment { padding: 6.25rem 0px 6.25rem; position: relative; } #sustainableDevelopment .sustainableDevelopmentLeft { width: 47.3125rem; position: relative; } #sustainableDevelopment .sustainableDevelopmentLeft .imageBox { overflow: hidden; } #sustainableDevelopment .sustainableDevelopmentLeft .imageBox:nth-child(1) { width: 40.4375rem; } #sustainableDevelopment .sustainableDevelopmentLeft .imageBox:nth-child(2) { padding: 1.25rem 0px 0px 1.25rem; background: #fff; position: absolute; right: 0px; bottom: -3.125rem; width: 22.5625rem; } #sustainableDevelopment .sustainableDevelopmentLeft .imageBox .image { overflow: hidden; } #sustainableDevelopment .sustainableDevelopmentLeft .imageBox .image img { width: 100%; height: auto; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #sustainableDevelopment .sustainableDevelopmentLeft .imageBox .image:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #sustainableDevelopment .sustainableDevelopmentRight { width: 46.875rem; margin-top: 8rem; } #sustainableDevelopment .sustainableDevelopmentRight .title { font-weight: 500; color: #000; font-size: 3.4375rem; margin-bottom: 1.5625rem; } #sustainableDevelopment .sustainableDevelopmentRight .subTitle { font-size: 1.75rem; color: #616161; line-height: 2.5rem; margin-bottom: 5.1875rem; } #sustainableDevelopment .sustainableDevelopmentRight .subTitle span { color: #000; } #sustainableDevelopment .sustainableDevelopmentRight .introBox { position: relative; } #sustainableDevelopment .sustainableDevelopmentRight .introBox .light { width: 5.5625rem; position: absolute; left: 0px; top: 0px; } #sustainableDevelopment .sustainableDevelopmentRight .introBox .light > img { width: 5.5625rem; height: auto; } #sustainableDevelopment .sustainableDevelopmentRight .introBox .light .lightActive { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; } #sustainableDevelopment .sustainableDevelopmentRight .introBox .light .lightActive img { width: 100%; height: 6.9375rem; } #sustainableDevelopment .sustainableDevelopmentRight .introBox .intro { font-size: 1.0625rem; color: #616161; line-height: 1.6875rem; margin-left: 10.1875rem; } /* 公益活动 */ #publicBenefitActivities { padding: 5.3125rem 0px 11.8125rem; } #publicBenefitActivities .publicBenefitActivitiesTitle { font-weight: 500; color: #000000; font-size: 3.4375rem; margin-bottom: -3.875rem; } #publicBenefitActivities .publicBenefitActivitiesMain ul { margin: 0px -4.375rem; } #publicBenefitActivities .publicBenefitActivitiesMain ul li { width: 50%; padding: 6.1875rem 4.375rem 0px; } #publicBenefitActivities .publicBenefitActivitiesMain ul li a { display: block; } #publicBenefitActivities .publicBenefitActivitiesMain ul li a:hover .image::after { opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } #publicBenefitActivities .publicBenefitActivitiesMain ul li a:hover .image img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #publicBenefitActivities .publicBenefitActivitiesMain ul li a:hover .content .more { color: #CF0F1A; background-image: url("../images/btnBg3.png"); } #publicBenefitActivities .publicBenefitActivitiesMain ul li a .image { margin-bottom: 1.5rem; overflow: hidden; position: relative; } #publicBenefitActivities .publicBenefitActivitiesMain ul li a .image::after { position: absolute; right: 0px; top: 0px; width: 14rem; height: 3.5rem; background: url("../images/publicBenefitActivitiesLogo.jpg") no-repeat center/cover; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 0; visibility: hidden; -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); content: ""; display: block; } #publicBenefitActivities .publicBenefitActivitiesMain ul li a .image img { width: 100%; height: auto; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #publicBenefitActivities .publicBenefitActivitiesMain ul li a .content .time { font-weight: 500; font-size: 1rem; color: #272727; margin-bottom: 0.5625rem; } #publicBenefitActivities .publicBenefitActivitiesMain ul li a .content .title { font-size: 1.625rem; color: #000000; line-height: 2.25rem; margin-bottom: 2.3125rem; } #publicBenefitActivities .publicBenefitActivitiesMain ul li a .content .more { display: block; width: 4.125rem; height: 3.6875rem; color: #b5b5b5; text-align: center; line-height: 3.6875rem; color: #878b8d; font-size: 1.125rem; cursor: pointer; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; background: url("../images/btnBg4.png") no-repeat center/cover; z-index: 2; } #publicBenefitActivities .publicBenefitActivitiesMain ul li a .content .more i { display: inline-block; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #publicBenefitActivities .publicBenefitActivitiesMain ul .layui-flow-more { width: 100%; font-size: 1rem; margin: 3.4375rem 0px 0px; left: 0px !important; } #publicBenefitActivities .publicBenefitActivitiesMain ul .layui-flow-more a { height: auto; line-height: 1; } #publicBenefitActivities .publicBenefitActivitiesMain ul .layui-flow-more a cite { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 1rem; color: #CF0F1A; background: transparent; padding: 0px; border-radius: 0px; } #publicBenefitActivities .publicBenefitActivitiesMain ul .layui-flow-more a cite::after { width: 0.75rem; height: 0.875rem; background: url("../images/icon-more.png") no-repeat center/cover; margin-left: 1.625rem; content: ""; display: block; } /* 最新公告 */ #latestAnnouncement { padding: 5.375rem 0px 6.25rem; } #latestAnnouncement .latestAnnouncementTitle { margin-bottom: 2.625rem; position: relative; z-index: 2; } #latestAnnouncement .latestAnnouncementTitle .title { font-weight: 500; color: #000000; font-size: 3.4375rem; } #latestAnnouncement .latestAnnouncementTitle .select input { display: block; width: 11.875rem; height: 3.0625rem; line-height: 3.0625rem; background: url("../images/btnBg2.png") no-repeat center/cover; font-size: 1.0625rem; color: #CF0F1A; border: 0px; padding-left: 2.5rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #latestAnnouncement .latestAnnouncementTitle .select input::-webkit-input-placeholder { font-size: 1.0625rem; color: #CF0F1A; } #latestAnnouncement .latestAnnouncementTitle .select input::-moz-placeholder { font-size: 1.0625rem; color: #CF0F1A; } #latestAnnouncement .latestAnnouncementTitle .select input:-ms-input-placeholder { font-size: 1.0625rem; color: #CF0F1A; } #latestAnnouncement .latestAnnouncementTitle .select input::placeholder { font-size: 1.0625rem; color: #CF0F1A; } #latestAnnouncement .latestAnnouncementTitle .select input:hover { border-color: transparent !important; } #latestAnnouncement .latestAnnouncementTitle .select input:focus { border-color: transparent !important; box-shadow: none; } #latestAnnouncement .latestAnnouncementTitle .select .layui-form-select dl { top: 3.6875rem; padding: 0.3125rem 0px; max-height: 18.75rem; border-radius: 0.125rem; box-shadow: 0.0625rem 0.0625rem 0.25rem rgba(0, 0, 0, 0.08); } #latestAnnouncement .latestAnnouncementTitle .select .layui-form-select dl dd.layui-this { color: #CF0F1A; } #latestAnnouncement .latestAnnouncementTitle .select .layui-form-select dl dd, #latestAnnouncement .latestAnnouncementTitle .select .layui-form-select dl dt { padding: 0px 0.625rem; line-height: 2.5rem; font-size: 0.9375rem; } #latestAnnouncement .latestAnnouncementTitle .select .layui-form-select .layui-edge { width: 0.625rem; height: 0.625rem; right: 1.3125rem; border: 0.125rem solid #CF0F1A; border-left: 0px; border-bottom: 0px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); margin-top: -0.4375rem; } #latestAnnouncement .latestAnnouncementTitle .select .layui-form-selected .layui-edge { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -0.25rem; } #latestAnnouncement .latestAnnouncementMain { margin-bottom: 4.375rem; } #latestAnnouncement .latestAnnouncementMain ul li { padding: 1.75rem 2.5625rem 1.8125rem 2.3125rem; margin-bottom: 1.8125rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; background: #F6F6F6; border: 0.0625rem solid #FFFFFF; } #latestAnnouncement .latestAnnouncementMain ul li:last-child { margin-bottom: 0px; } #latestAnnouncement .latestAnnouncementMain ul li:hover { background: #FFFFFF; box-shadow: 0px 0.75rem 1.6875rem 0px rgba(192, 192, 192, 0.58); } #latestAnnouncement .latestAnnouncementMain ul li:hover .content .line::after { width: 100%; } #latestAnnouncement .latestAnnouncementMain ul li .content { margin-right: 2.0625rem; } #latestAnnouncement .latestAnnouncementMain ul li .content .title { font-weight: 500; font-size: 1.25rem; color: #000000; margin-bottom: 1.125rem; } #latestAnnouncement .latestAnnouncementMain ul li .content .title img { width: auto; height: 1.6875rem; vertical-align: top; margin-right: 0.8125rem; } #latestAnnouncement .latestAnnouncementMain ul li .content .line { width: 100%; height: 0.0625rem; background: rgba(171, 171, 171, 0.2); margin-bottom: 0.875rem; position: relative; } #latestAnnouncement .latestAnnouncementMain ul li .content .line::after { position: absolute; left: 0px; top: 0px; width: 0px; height: 100%; background: #CF0F1A; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; content: ""; display: block; } #latestAnnouncement .latestAnnouncementMain ul li .content .time { font-size: 0.875rem; color: #383838; } #latestAnnouncement .latestAnnouncementMain ul li .content .time img { width: auto; height: 0.875rem; margin-right: 0.4375rem; margin-top: -0.25rem; } #latestAnnouncement .latestAnnouncementMain ul li .other { padding-top: 1.4375rem; } #latestAnnouncement .latestAnnouncementMain ul li .other a { width: 2.5rem; height: 2.5rem; background: #C6C6C7; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; margin-right: 0.625rem; } #latestAnnouncement .latestAnnouncementMain ul li .other a:last-child { margin-right: 0px; } #latestAnnouncement .latestAnnouncementMain ul li .other a:hover { background: #CF0F1A; } #latestAnnouncement .latestAnnouncementMain ul li .other a img { width: 100%; height: auto; } #latestAnnouncement .latestAnnouncementMore { text-align: center; } #latestAnnouncement .latestAnnouncementMore a { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 1rem; color: #CF0F1A; } #latestAnnouncement .latestAnnouncementMore a i { width: 0.75rem; height: 0.875rem; background: url("../images/icon-more.png") no-repeat center/cover; margin-left: 1.625rem; content: ""; display: block; } /* 财务报告 */ #financialReports { padding: 5.3125rem 0px 6.6875rem; background: #F6F6F6; overflow: hidden; } #financialReports .financialReportsTitle { font-weight: 500; color: #000000; font-size: 3.4375rem; text-align: center; margin-bottom: 2.0625rem; } #financialReports .financialReportsList { text-align: center; margin-bottom: 2.0625rem; } #financialReports .financialReportsList ul { display: inline-block; line-height: 3.75rem; background: #FFFFFF; border-radius: 1.875rem; } #financialReports .financialReportsList ul li { display: inline-block; width: 13.75rem; font-size: 1.125rem; color: #000000; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; border-radius: 1.875rem; cursor: pointer; } #financialReports .financialReportsList ul li.active { color: #fff; background: #CF0F1A; } #financialReports .financialReportsWrapper { display: none; } #financialReports .financialReportsWrapper .financialReportsYearListBox { border-bottom: 0.0625rem solid #D3D3D3; margin-bottom: 3.75rem; } #financialReports .financialReportsWrapper .financialReportsYearListBox .financialReportsYearList { width: 85.375rem; } #financialReports .financialReportsWrapper .financialReportsYearListBox .financialReportsYearList .swiper-wrapper .swiper-slide { width: auto; text-align: center; font-size: 1.0625rem; color: #000000; padding-bottom: 1.0625rem; cursor: pointer; position: relative; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #financialReports .financialReportsWrapper .financialReportsYearListBox .financialReportsYearList .swiper-wrapper .swiper-slide::after { position: absolute; left: 50%; bottom: 0px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 0%; height: 0.125rem; background: #CF0F1A; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; content: ""; display: block; } #financialReports .financialReportsWrapper .financialReportsYearListBox .financialReportsYearList .swiper-wrapper .swiper-slide.active, #financialReports .financialReportsWrapper .financialReportsYearListBox .financialReportsYearList .swiper-wrapper .swiper-slide:hover { color: #CF0F1A; } #financialReports .financialReportsWrapper .financialReportsYearListBox .financialReportsYearList .swiper-wrapper .swiper-slide.active::after, #financialReports .financialReportsWrapper .financialReportsYearListBox .financialReportsYearList .swiper-wrapper .swiper-slide:hover::after { width: 100%; } #financialReports .financialReportsWrapper .financialReportsYearListBox .swiper-button-prev, #financialReports .financialReportsWrapper .financialReportsYearListBox .swiper-button-next { font-size: 1.25rem; color: #B2B2B2; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; cursor: pointer; } #financialReports .financialReportsWrapper .financialReportsYearListBox .swiper-button-prev i, #financialReports .financialReportsWrapper .financialReportsYearListBox .swiper-button-next i { display: inline-block; } #financialReports .financialReportsWrapper .financialReportsYearListBox .swiper-button-prev:hover, #financialReports .financialReportsWrapper .financialReportsYearListBox .swiper-button-next:hover { color: #CF0F1A; } #financialReports .financialReportsWrapper .financialReportsYearListBox .swiper-button-prev { margin-right: 4.8125rem; } #financialReports .financialReportsWrapper .financialReportsYearListBox .swiper-button-prev i { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } #financialReports .financialReportsWrapper .financialReportsYearListBox .swiper-button-next { margin-left: 4.8125rem; } #financialReports .financialReportsWrapper .financialReportsYearListBox .swiper-button-next i { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #financialReports .financialReportsWrapper .financialReportsMain { width: 97.5rem; overflow: visible; } #financialReports .financialReportsWrapper .financialReportsMain .financialReportsSlide .pdf { width: 26.5rem; height: 28.75rem; margin-top: 5rem; background: #CCCDCD; position: relative; } #financialReports .financialReportsWrapper .financialReportsMain .financialReportsSlide .pdf .image { margin-top: -5rem; } #financialReports .financialReportsWrapper .financialReportsMain .financialReportsSlide .pdf .image img { width: 22.6875rem; height: 30.625rem; margin-left: 1.125rem; box-shadow: 0px 0px 1.125rem 0px rgba(0, 16, 3, 0.15); } #financialReports .financialReportsWrapper .financialReportsMain .financialReportsSlide .pdf .content { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 12.125rem; padding: 3.1875rem 2.5625rem; box-shadow: 0px 0px 2.6875rem 0px rgba(59, 59, 59, 0.1); border-radius: 0px 5rem 0px 0px; background: #fff; z-index: 2; } #financialReports .financialReportsWrapper .financialReportsMain .financialReportsSlide .pdf .content .title { font-weight: 500; font-size: 1.375rem; color: #272727; margin-bottom: 1.125rem; } #financialReports .financialReportsWrapper .financialReportsMain .financialReportsSlide .pdf .content .other a { width: 2.5rem; height: 2.5rem; background: #C6C6C7; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; margin-right: 0.625rem; } #financialReports .financialReportsWrapper .financialReportsMain .financialReportsSlide .pdf .content .other a:last-child { margin-right: 0px; } #financialReports .financialReportsWrapper .financialReportsMain .financialReportsSlide .pdf .content .other a:hover { background: #CF0F1A; } #financialReports .financialReportsWrapper .financialReportsMain .financialReportsSlide .pdf .content .other a img { width: 100%; height: auto; } #financialReports .financialReportsWrapper .financialReportsMain .financialReportsSlide .contentBox { width: 64.75rem; margin-left: 6.25rem; padding-left: 5rem; height: 33.625rem; border-left: 0.0625rem solid #D3D3D3; } #financialReports .financialReportsWrapper .financialReportsMain .financialReportsSlide .contentBox .swiper-slide { height: auto; padding: 1.25rem 11.875rem 1.1875rem 1.875rem; margin-bottom: 1.25rem; border: 0.0625rem solid rgba(181, 181, 181, 0.3); position: relative; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #financialReports .financialReportsWrapper .financialReportsMain .financialReportsSlide .contentBox .swiper-slide-active + .swiper-slide + .swiper-slide { opacity: 0.8; } #financialReports .financialReportsWrapper .financialReportsMain .financialReportsSlide .contentBox .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide { opacity: 0.6; } #financialReports .financialReportsWrapper .financialReportsMain .financialReportsSlide .contentBox .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide { opacity: 0.3; } #financialReports .financialReportsWrapper .financialReportsMain .financialReportsSlide .contentBox .swiper-slide:last-child { margin-bottom: 0px; } #financialReports .financialReportsWrapper .financialReportsMain .financialReportsSlide .contentBox .swiper-slide:hover { background: #FFFFFF; border-color: #fff; box-shadow: 0px 0.75rem 1.6875rem 0px rgba(192, 192, 192, 0.58); opacity: 1 !important; } #financialReports .financialReportsWrapper .financialReportsMain .financialReportsSlide .contentBox .swiper-slide .time { font-size: 0.875rem; color: #383838; margin-bottom: 0.25rem; } #financialReports .financialReportsWrapper .financialReportsMain .financialReportsSlide .contentBox .swiper-slide .title { font-weight: 500; font-size: 1.25rem; color: #000000; } #financialReports .financialReportsWrapper .financialReportsMain .financialReportsSlide .contentBox .swiper-slide .other { position: absolute; top: 50%; right: 1.875rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #financialReports .financialReportsWrapper .financialReportsMain .financialReportsSlide .contentBox .swiper-slide .other a { width: 2.5rem; height: 2.5rem; background: #C6C6C7; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; margin-right: 0.625rem; } #financialReports .financialReportsWrapper .financialReportsMain .financialReportsSlide .contentBox .swiper-slide .other a:last-child { margin-right: 0px; } #financialReports .financialReportsWrapper .financialReportsMain .financialReportsSlide .contentBox .swiper-slide .other a:hover { background: #CF0F1A; } #financialReports .financialReportsWrapper .financialReportsMain .financialReportsSlide .contentBox .swiper-slide .other a img { width: 100%; height: auto; } /* 证券及债券信息 */ #securitiesAndBondInformation { padding: 5.375rem 0px 6.25rem; } #securitiesAndBondInformation .securitiesAndBondInformationTitle { font-weight: 500; color: #000000; font-size: 3.4375rem; text-align: center; margin-bottom: 1.5625rem; } #securitiesAndBondInformation .securitiesAndBondInformationList { text-align: center; margin-bottom: 0.1875rem; } #securitiesAndBondInformation .securitiesAndBondInformationList ul { display: inline-block; line-height: 3.75rem; background: #F6F6F6; border-radius: 1.875rem; } #securitiesAndBondInformation .securitiesAndBondInformationList ul li { display: inline-block; width: 13.75rem; font-size: 1.125rem; color: #000000; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; border-radius: 1.875rem; cursor: pointer; } #securitiesAndBondInformation .securitiesAndBondInformationList ul li.active { color: #fff; background: #CF0F1A; } #securitiesAndBondInformation .securitiesAndBondInformationMain { position: relative; } #securitiesAndBondInformation .securitiesAndBondInformationMain .imageBox img { width: 100%; height: auto; } #securitiesAndBondInformation .securitiesAndBondInformationMain .content { position: absolute; left: 3.8125rem; top: 8rem; } #securitiesAndBondInformation .securitiesAndBondInformationMain .content .title { font-weight: 500; font-size: 1.25rem; color: #FFFFFF; margin-bottom: 0.8125rem; } #securitiesAndBondInformation .securitiesAndBondInformationMain .content .intro { font-weight: 500; font-size: 3.375rem; color: #CF0F1A; line-height: 2.875rem; margin-bottom: 2.4375rem; margin-left: -2.125rem; } #securitiesAndBondInformation .securitiesAndBondInformationMain .content .more { display: block; width: 11.875rem; height: 3.0625rem; line-height: 3.0625rem; background: url("../images/btnBg2.png") no-repeat center/cover; font-size: 0.875rem; color: #CF0F1A; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #securitiesAndBondInformation .securitiesAndBondInformationMain .content .more:hover { color: #fff; background-color: #CF0F1A; } #securitiesAndBondInformation .securitiesAndBondInformationMain .content .more span { display: inline-block; width: 8.5625rem; margin-right: 0.9375rem; text-align: center; } #securitiesAndBondInformation .securitiesAndBondInformationMain .content .more i { display: inline-block; font-size: 1rem; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* 新闻中心 */ #news { padding: 8.0625rem 0px 6.25rem; position: relative; margin-top: -3.8125rem; overflow: hidden; } #news .commonBg { min-height: 157rem; } #news .newsRecommend { margin-bottom: 5rem; background: #F6F6F6; } #news .newsRecommend .swiper-wrapper .swiper-slide a:hover .image img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #news .newsRecommend .swiper-wrapper .swiper-slide a:hover .content .title { color: #CF0F1A; } #news .newsRecommend .swiper-wrapper .swiper-slide a .image { width: 61.125%; overflow: hidden; } #news .newsRecommend .swiper-wrapper .swiper-slide a .image img { width: 100%; height: 38.375rem; object-fit: cover; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #news .newsRecommend .swiper-wrapper .swiper-slide a .content { width: 38.875%; padding: 6.125rem 4.25rem 0px; position: relative; } #news .newsRecommend .swiper-wrapper .swiper-slide a .content::after { width: 21.6875rem; height: 7.5rem; position: absolute; bottom: 0px; right: 0px; background: url("../images/schemeOtherIcon.png") no-repeat center/cover; content: ""; display: block; } #news .newsRecommend .swiper-wrapper .swiper-slide a .content .title { font-size: 2rem; color: #000000; line-height: 2.875rem; font-weight: 500; margin-bottom: 2.125rem; height: 5.75rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #news .newsRecommend .swiper-wrapper .swiper-slide a .content .intro { font-size: 1rem; color: #13283D; line-height: 1.5625rem; height: 6.25rem; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 11.5rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #news .newsRecommend .swiper-wrapper .swiper-slide a .content .time { font-size: 0.875rem; color: #000; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #news .newsRecommend .swiper-wrapper .swiper-slide a .content .time i { margin-right: 0.5rem; } #news .newsRecommend .swiper-pagination { position: absolute; left: 26.75rem; bottom: 5.3125rem; } #news .newsRecommend .swiper-pagination .swiper-pagination-bullet { width: 0.875rem; height: 0.3125rem; background: #000000; border-radius: 0.1875rem; opacity: 0.2; z-index: 2; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; cursor: pointer; margin-right: 0.375rem; } #news .newsRecommend .swiper-pagination .swiper-pagination-bullet:last-child { margin-right: 0px; } #news .newsRecommend .swiper-pagination .swiper-pagination-bullet-active { width: 1.5rem; background: #CF0F1A; opacity: 1; } #news .newsList { margin-bottom: 5.625rem; } #news .newsList ul li { width: 100%; } #news .newsList ul li a { padding: 2.1875rem 0px; border-radius: 0.625rem; overflow: hidden; position: relative; } #news .newsList ul li a::before { width: 100%; height: 0.0625rem; background: #EAEAEA; position: absolute; left: 0px; bottom: 0px; content: ""; display: block; } #news .newsList ul li a::after { width: 0%; height: 0.0625rem; background: #CF0F1A; position: absolute; left: 0px; bottom: 0px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 0; visibility: hidden; content: ""; display: block; } #news .newsList ul li a:hover::after { width: 100%; opacity: 1; visibility: visible; } #news .newsList ul li a:hover .image img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #news .newsList ul li a:hover .content .title { color: #CF0F1A; } #news .newsList ul li a:hover .content .arrow { color: #CF0F1A; background-image: url("../images/btnBg3.png"); } #news .newsList ul li a .image { width: 23.375rem; position: relative; z-index: 1; overflow: hidden; } #news .newsList ul li a .image img { width: 100%; height: 13.75rem; object-fit: cover; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #news .newsList ul li a .content { margin-left: 2.8125rem; padding-top: 1.4375rem; padding-right: 11.25rem; position: relative; z-index: 2; } #news .newsList ul li a .content .time { font-size: 1rem; color: #272727; margin-bottom: 0.3125rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #news .newsList ul li a .content .title { font-weight: 500; font-size: 1.5rem; color: #000000; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; margin-bottom: 1.125rem; } #news .newsList ul li a .content .intro { font-size: 1rem; color: #646464; line-height: 1.5625rem; } #news .newsList ul li a .content .arrow { position: absolute; top: 50%; right: 0px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 4.125rem; height: 3.6875rem; line-height: 3.6875rem; text-align: center; font-size: 1.125rem; color: #acacac; background: url("../images/btnBg4.png") no-repeat center/cover; margin: 0px -0.0625rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; cursor: pointer; } #news .newsList ul li a .content .arrow i { display: inline-block; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* 视频弹窗 */ .videoPopupBox { width: 100vw !important; height: 100%; background: #000 !important; } .videoPopupBox .layui-layer-setwin .layui-layer-close2 { right: 1.3125rem; top: 1.75rem; font-size: 1.75rem; width: auto; height: auto; border: 0px; border-radius: 0%; padding: 0px; background: none; } .videoPopupBox .layui-layer-setwin .layui-layer-close2:hover { background: none; } .videoPopupBox .layui-layer-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 100% !important; overflow: hidden !important; } .videoPopupBox #videoPopup video { width: 100vw; height: auto; max-height: 100vh; object-fit: cover; } .videoPopupBox #videoPopup iframe { width: 100vw; height: 100vh; } #join { padding: 5rem 0px 6.25rem; } #join .joinSearch { margin-bottom: -2.0625rem; position: relative; z-index: 2; } #join .joinSearch .input { position: relative; } #join .joinSearch .input input { width: 28.125rem; height: 3.25rem; font-size: 0.9375rem; color: #9B9DA7; padding: 0px 6.25rem 0px 1.875rem; border: 0.0625rem solid #E7EBF1; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #join .joinSearch .input input:focus { border-color: #CF0F1A !important; box-shadow: 0 0 0 0.25rem rgba(207, 15, 26, 0.2) !important; } #join .joinSearch .input .submit { position: absolute; top: 50%; right: 2.0625rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 1.25rem; color: #040404; cursor: pointer; } #join .joinTitle { margin-bottom: 1.6875rem; border-bottom: 0.0625rem solid #E7EBF1; } #join .joinTitle .number { display: inline-block; padding-bottom: 1.0625rem; font-size: 1.25rem; color: #000000; border-bottom: 0.125rem solid #CF0F1A; } #join .joinTitle .number span { font-size: 1.625rem; color: #CF0F1A; } #join .joinOption { margin-bottom: 5rem; } #join .joinOption .wrapper { margin-bottom: 1.375rem; } #join .joinOption .wrapper:last-child { margin-bottom: 0px; } #join .joinOption .wrapper .title { font-weight: 500; font-size: 1.0625rem; color: rgba(32, 47, 76, 0.95); margin-top: 0.25rem; margin-right: 2.5rem; } #join .joinOption .wrapper .list { margin: -0.3125rem; } #join .joinOption .wrapper .list span { display: inline-block; width: auto; height: 2.125rem; line-height: 2rem; padding: 0px 1.375rem; border: 0.0625rem solid #E7EBF1; margin: 0.3125rem; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; font-size: 1.0625rem; color: rgba(155, 157, 167, 0.95); cursor: pointer; } #join .joinOption .wrapper .list span.active, #join .joinOption .wrapper .list span:hover { color: #fff; background: #CF0F1A; border-color: #CF0F1A; } #join .joinMain { margin-bottom: 5.625rem; } #join .joinMain ul li { padding: 1.125rem 1.25rem 1.125rem 2.8125rem; background: #F5F5F5; margin-bottom: 0.625rem; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; cursor: pointer; } #join .joinMain ul li:last-child { margin-bottom: 0px; } #join .joinMain ul li:hover { background: #CF0F1A; } #join .joinMain ul li:hover .title { color: #fff; } #join .joinMain ul li:hover .other .address { color: #fff; } #join .joinMain ul li:hover .other .number { color: #fff; } #join .joinMain ul li:hover .other .time { color: #fff; } #join .joinMain ul li .title { width: 21%; font-weight: 500; font-size: 1.125rem; color: #1E292F; } #join .joinMain ul li .other { width: 44.8125rem; } #join .joinMain ul li .other .address { width: 20.25rem; font-size: 1rem; color: #A1A1A1; } #join .joinMain ul li .other .number { width: 15rem; font-size: 1rem; color: #A1A1A1; } #join .joinMain ul li .other .time { width: 9.375rem; font-size: 1rem; color: #A1A1A1; } #join .joinMain ul li .arrow { width: 2.75rem; height: 2.75rem; line-height: 2.75rem; text-align: center; color: #333C48; font-size: 1rem; background: #FFFFFF; } #join .joinMain ul li .arrow i { display: inline-block; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* 加入我们弹窗 */ .joinUsDetailPopup { width: 66.4375rem; height: 53.125rem; background: #FFFFFF; } .joinUsDetailPopup .layui-layer-setwin { right: 2.708vw; top: 6.354vw; } .joinUsDetailPopup .layui-layer-setwin .layui-layer-close2 { display: block; width: 1.035vw; height: 1.035vw; font-size: 1.129vw; color: #000; border: 0px; right: 0px; top: 0px; padding: 0px; background: none; font-weight: 500; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .joinUsDetailPopup .layui-layer-setwin .layui-layer-close2::after, .joinUsDetailPopup .layui-layer-setwin .layui-layer-close2::before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #000; content: ""; display: block; } .joinUsDetailPopup .layui-layer-setwin .layui-layer-close2::after { width: 0.188vw; height: 100%; } .joinUsDetailPopup .layui-layer-setwin .layui-layer-close2::before { width: 100%; height: 0.188vw; } #joinUsDetail { padding: 3.387vw 5.832vw 0px 8.467vw; } #joinUsDetail .joinUsDetailLogo { margin-left: -4.704vw; margin-bottom: 4.704vw; } #joinUsDetail .joinUsDetailLogo img { width: auto; height: 2.822vw; } #joinUsDetail .joinUsDetailTitle { padding-bottom: 2.352vw; margin-right: 12.229vw; border-bottom: 0.0625rem solid #E1E1E1; } #joinUsDetail .joinUsDetailTitle .title { font-weight: 500; font-size: 3.199vw; color: #000000; margin-bottom: 1.035vw; } #joinUsDetail .joinUsDetailTitle .title span { font-weight: 300; font-size: 1.881vw; color: #818181; } #joinUsDetail .joinUsDetailTitle .info { font-size: 1.411vw; color: #535353; } #joinUsDetail .joinUsDetailTitle .info i { font-size: 1.505vw; color: #c0c0c0; margin-right: 0.471vw; } #joinUsDetail .joinUsDetailMain { font-size: 1.505vw; line-height: 3.01vw; padding-right: 12.229vw; max-height: 43.744vw; overflow-y: auto; padding-top: 2.258vw; } #joinUsDetail .joinUsDetailMain p { color: rgba(71, 75, 81, 0.8); } #joinUsDetail .joinUsDetailMain::-webkit-scrollbar { width: 0.376vw; height: 0.376vw; background-color: #DFDFDF; } #joinUsDetail .joinUsDetailMain::-webkit-scrollbar-track { border-radius: 0.376vw; background-color: #DFDFDF; } #joinUsDetail .joinUsDetailMain::-webkit-scrollbar-thumb { border-radius: 0.376vw; background-color: #cf1218; cursor: pointer; } #joinUsDetail .joinUsDetailImage img { width: 100%; height: auto; } #joinUsDetail .joinUsDetailBtn { margin-top: 4.704vw; } #joinUsDetail .joinUsDetailBtn .more { display: block; width: 17.874vw; height: 4.61vw; line-height: 4.61vw; background: url("../images/btnBg2.png") no-repeat center/cover; font-size: 1.317vw; color: #CF0F1A; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #joinUsDetail .joinUsDetailBtn .more:hover { color: #fff; background-color: #CF0F1A; } #joinUsDetail .joinUsDetailBtn .more span { display: inline-block; width: 12.888vw; margin-right: 1.411vw; text-align: center; } #joinUsDetail .joinUsDetailBtn .more i { display: inline-block; font-size: 1.505vw; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* 员工故事弹窗 */ .employeeStoriesDetailPopup { width: 66.4375rem; height: 53.125rem; background: #FFFFFF; } .employeeStoriesDetailPopup .layui-layer-setwin { right: 3.3125rem; top: 6.75rem; } .employeeStoriesDetailPopup .layui-layer-setwin .layui-layer-close2 { display: block; width: 1.3125rem; height: 1.3125rem; font-size: 0.75rem; color: #000; border: 0px; right: 0px; top: 0px; padding: 0px; background: none; font-weight: 500; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .employeeStoriesDetailPopup .layui-layer-setwin .layui-layer-close2::after, .employeeStoriesDetailPopup .layui-layer-setwin .layui-layer-close2::before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #000; content: ""; display: block; } .employeeStoriesDetailPopup .layui-layer-setwin .layui-layer-close2::after { width: 0.25rem; height: 100%; } .employeeStoriesDetailPopup .layui-layer-setwin .layui-layer-close2::before { width: 100%; height: 0.25rem; } #employeeStoriesDetail { padding: 2.25025rem 3.87463rem 0px 5.62525rem; } #employeeStoriesDetail .employeeStoriesDetailLogo { margin-left: -3.12525rem; margin-bottom: 3.12525rem; } #employeeStoriesDetail .employeeStoriesDetailLogo img { width: auto; height: 1.87488rem; } #employeeStoriesDetail .employeeStoriesDetailTitle { padding-bottom: 1.56263rem; margin-right: 3.93775rem; border-bottom: 0.0625rem solid #E1E1E1; } #employeeStoriesDetail .employeeStoriesDetailTitle .title { font-weight: 500; font-size: 2.12531rem; color: #000000; margin-bottom: 0.68763rem; } #employeeStoriesDetail .employeeStoriesDetailTitle .title span { font-weight: 300; font-size: 1.24969rem; color: #818181; } #employeeStoriesDetail .employeeStoriesDetailTitle .info { font-size: 0.93744rem; color: #535353; } #employeeStoriesDetail .employeeStoriesDetailTitle .info i { font-size: 0.99988rem; color: #c0c0c0; margin-right: 0.31294rem; } #employeeStoriesDetail .employeeStoriesDetailMain { font-size: 0.99988rem; line-height: 1.99975rem; padding-right: 3.93775rem; max-height: 35.70619rem; overflow-y: auto; padding-top: 1.50019rem; } #employeeStoriesDetail .employeeStoriesDetailMain p { color: rgba(71, 75, 81, 0.8); } #employeeStoriesDetail .employeeStoriesDetailMain::-webkit-scrollbar { width: 0.1875rem; height: 0.1875rem; background-color: #DFDFDF; } #employeeStoriesDetail .employeeStoriesDetailMain::-webkit-scrollbar-track { border-radius: 0.1875rem; background-color: #DFDFDF; } #employeeStoriesDetail .employeeStoriesDetailMain::-webkit-scrollbar-thumb { border-radius: 0.1875rem; background-color: #cf1218; cursor: pointer; } #employeeStoriesDetail .employeeStoriesDetailImage { margin-bottom: 1.24969rem; } #employeeStoriesDetail .employeeStoriesDetailImage img { width: 100%; height: auto; } /* 新闻详情 */ #newsDetail { padding: 16rem 0px 5.625rem; background: url("../images/newsDetailBg.jpg") no-repeat top left; background-size: 100% auto; } #newsDetail .share a { display: block; width: 2.9375rem; height: 2.9375rem; font-size: 1.125rem; background: #6F747B; text-align: center; line-height: 2.9375rem; background: #F4F4F4; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #newsDetail .share a:hover { color: #fff; background: #CF0F1A; } #newsDetail .newsDetailTitle { margin: 0px 9.375rem 2.75rem; } #newsDetail .newsDetailTitle .content { margin-bottom: 1.6875rem; } #newsDetail .newsDetailTitle .content > .title { font-weight: 500; font-size: 2.875rem; color: #000000; } #newsDetail .newsDetailTitle .content .shareBox { margin-left: 3.125rem; } #newsDetail .newsDetailTitle .content .shareBox .title { font-size: 1rem; color: #545454; } #newsDetail .newsDetailTitle .content .shareBox .share a { margin-left: 0.625rem; } #newsDetail .newsDetailTitle .other::after { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 0.0625rem; background: #D9D9D9; margin-left: 2.375rem; content: ""; display: block; } #newsDetail .newsDetailTitle .other .tab { font-size: 1rem; color: #000000; } #newsDetail .newsDetailTitle .other span { margin: 0px 0.8125rem; color: rgba(0, 0, 0, 0.2); } #newsDetail .newsDetailTitle .other .time { font-size: 1rem; color: #000000; } #newsDetail .newsDetailImage { margin: 0px 9.375rem 4.5rem; overflow: hidden; } #newsDetail .newsDetailImage:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #newsDetail .newsDetailImage img { width: 100%; height: auto; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #newsDetail .newsDetailMain { margin: 0px 9.375rem; } #newsDetail .newsDetailMain .newsDetailLeft { width: 6.25rem; margin-right: 4.625rem; border-right: 0.0625rem solid #D9D9D9; margin-bottom: 7rem; } #newsDetail .newsDetailMain .newsDetailLeft .newsDetailShare { position: -webkit-sticky; position: sticky; top: 7.875rem; } #newsDetail .newsDetailMain .newsDetailLeft .newsDetailShare .title { font-size: 1rem; color: #545454; margin-left: 1.25rem; margin-bottom: 1.375rem; } #newsDetail .newsDetailMain .newsDetailLeft .newsDetailShare .share { margin-left: 0.875rem; padding-bottom: 1.25rem; border-bottom: 0.0625rem solid #D9D9D9; } #newsDetail .newsDetailMain .newsDetailLeft .newsDetailShare .share a { margin-bottom: 0.625rem; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailContnet { font-size: 1rem; line-height: 1.9375rem; margin-bottom: 3.75rem; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailContnet p { color: #666666; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailContnet img, #newsDetail .newsDetailMain .newsDetailRight .newsDetailContnet video, #newsDetail .newsDetailMain .newsDetailRight .newsDetailContnet iframe { display: block; max-width: 100%; margin: 0px auto; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailPdfList { padding-bottom: 3.8125rem; margin-bottom: 2.875rem; border-bottom: 0.0625rem solid rgba(153, 153, 153, 0.3); } #newsDetail .newsDetailMain .newsDetailRight .newsDetailPdfList a { min-height: 4.375rem; padding: 1.25rem 1.875rem; background: #333C48; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailPdfList a:hover { -webkit-transform: translateY(-0.375rem); -ms-transform: translateY(-0.375rem); transform: translateY(-0.375rem); box-shadow: 0px 0.625rem 1.625rem #ddd; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailPdfList a .title { font-size: 1.0625rem; color: #FFFFFF; margin-right: 10rem; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailPdfList a .title img { width: auto; height: 1.75rem; margin-right: 1rem; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailPdfList a .btn { font-size: 1rem; color: rgba(255, 255, 255, 0.8); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailPdfList a .btn span { margin-right: 1.3125rem; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailPdfList a .btn i { display: inline-block; vertical-align: middle; width: 2.0625rem; height: 2rem; line-height: 2rem; text-align: center; color: #fff; background: rgba(255, 255, 255, 0.1); } #newsDetail .newsDetailMain .newsDetailRight .newsDetailBtns .btn { width: 4.0625rem; height: 2.9375rem; text-align: center; font-size: 0.875rem; color: #999999; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-right: 0.625rem; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailBtns .btn.prevBtn { background: url("../images/btnBg6.png") no-repeat center/cover; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailBtns .btn.prevBtn i { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } #newsDetail .newsDetailMain .newsDetailRight .newsDetailBtns .btn.returnBtn { border: 0.125rem solid rgba(0, 0, 0, 0.4); } #newsDetail .newsDetailMain .newsDetailRight .newsDetailBtns .btn.nextBtn { background: url("../images/btnBg6.png") no-repeat center/cover; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailBtns .btn.nextBtn i { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #newsDetail .newsDetailMain .newsDetailRight .newsDetailBtns .btn:hover { color: #CF0F1A; border-color: transparent; width: 11.4375rem; background: url("../images/btnBg7.png") no-repeat center/cover; background-size: 11.4375rem 2.9375rem; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailBtns .btn:hover span { max-width: 6.25rem; margin-right: 5.4375rem; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailBtns .btn span { max-width: 0px; overflow: hidden; white-space: nowrap; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailBtns .btn i { font-size: 1rem; } /* 展会活动 */ #exhibitionActivities { padding: 6.25rem 0px 5.5625rem; } #exhibitionActivities .exhibitionActivitiesLeft { width: 63.4375rem; margin: 0px; } #exhibitionActivities .exhibitionActivitiesLeft .swiper-wrapper .swiper-slide a:hover .image img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #exhibitionActivities .exhibitionActivitiesLeft .swiper-wrapper .swiper-slide a .image { overflow: hidden; } #exhibitionActivities .exhibitionActivitiesLeft .swiper-wrapper .swiper-slide a .image img { width: 100%; height: 49.1875rem; object-fit: cover; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #exhibitionActivities .exhibitionActivitiesLeft .swiper-wrapper .swiper-slide a .content { margin-top: 1.375rem; padding-right: 15.625rem; } #exhibitionActivities .exhibitionActivitiesLeft .swiper-wrapper .swiper-slide a .content .other { margin-bottom: 0.75rem; } #exhibitionActivities .exhibitionActivitiesLeft .swiper-wrapper .swiper-slide a .content .other .tag { width: 2.25rem; height: 1.25rem; text-align: center; font-size: 0.75rem; color: #FFFFFF; background: #CF0F1A; margin-right: 0.625rem; } #exhibitionActivities .exhibitionActivitiesLeft .swiper-wrapper .swiper-slide a .content .other .time { font-size: 1rem; color: #616161; } #exhibitionActivities .exhibitionActivitiesLeft .swiper-wrapper .swiper-slide a .content .title { font-weight: 500; font-size: 2.25rem; color: #000000; line-height: 3rem; } #exhibitionActivities .exhibitionActivitiesLeft .swiper-pagination { position: absolute; right: 1.5625rem; bottom: 3.75rem; width: 4.125rem; height: 0.125rem; background: #D5D5D5; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; margin-top: 3.125rem; } #exhibitionActivities .exhibitionActivitiesLeft .swiper-pagination .swiper-pagination-progressbar-fill { background: #565656; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } #exhibitionActivities .exhibitionActivitiesRight { width: 29.625rem; } #exhibitionActivities .exhibitionActivitiesRight .list { margin-bottom: 3.3125rem; } #exhibitionActivities .exhibitionActivitiesRight .list:last-child { margin-bottom: 0px; } #exhibitionActivities .exhibitionActivitiesRight .list a:hover .image img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #exhibitionActivities .exhibitionActivitiesRight .list a .image { overflow: hidden; } #exhibitionActivities .exhibitionActivitiesRight .list a .image img { width: 100%; height: 17.875rem; object-fit: cover; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #exhibitionActivities .exhibitionActivitiesRight .list a .content { margin-top: 1.375rem; } #exhibitionActivities .exhibitionActivitiesRight .list a .content .other { margin-bottom: 0.75rem; } #exhibitionActivities .exhibitionActivitiesRight .list a .content .other .tag { width: 2.25rem; height: 1.25rem; text-align: center; font-size: 0.75rem; color: #FFFFFF; background: #CF0F1A; margin-right: 0.625rem; } #exhibitionActivities .exhibitionActivitiesRight .list a .content .other .time { font-size: 1rem; color: #616161; } #exhibitionActivities .exhibitionActivitiesRight .list a .content .title { font-weight: 500; font-size: 1.25rem; color: #000000; line-height: 1.875rem; min-height: 3.75rem; margin-bottom: 0.9375rem; } #exhibitionActivities .exhibitionActivitiesRight .list a .content .intro { font-size: 1rem; color: rgba(76, 76, 76, 0.8); line-height: 1.875rem; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } #exhibitionActivities .exhibitionActivitiesList { margin-top: 2.875rem; } #exhibitionActivities .exhibitionActivitiesList ul { margin: -2.1875rem; } #exhibitionActivities .exhibitionActivitiesList ul li { width: calc(33.33% - 4.375rem); margin: 2.1875rem; } #exhibitionActivities .exhibitionActivitiesList ul li a:hover .image img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #exhibitionActivities .exhibitionActivitiesList ul li a .image { overflow: hidden; } #exhibitionActivities .exhibitionActivitiesList ul li a .image img { width: 100%; height: 17.875rem; object-fit: cover; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #exhibitionActivities .exhibitionActivitiesList ul li a .content { margin-top: 1.375rem; } #exhibitionActivities .exhibitionActivitiesList ul li a .content .other { margin-bottom: 0.75rem; } #exhibitionActivities .exhibitionActivitiesList ul li a .content .other .tag { width: 2.25rem; height: 1.25rem; text-align: center; font-size: 0.75rem; color: #FFFFFF; background: #CF0F1A; margin-right: 0.625rem; } #exhibitionActivities .exhibitionActivitiesList ul li a .content .other .time { font-size: 1rem; color: #616161; } #exhibitionActivities .exhibitionActivitiesList ul li a .content .title { font-weight: 500; font-size: 1.25rem; color: #000000; line-height: 1.875rem; min-height: 3.75rem; margin-bottom: 0.9375rem; } #exhibitionActivities .exhibitionActivitiesList ul li a .content .intro { font-size: 1rem; color: rgba(76, 76, 76, 0.8); line-height: 1.875rem; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } #exhibitionActivities .exhibitionActivitiesList .layui-flow-more { width: 100%; font-size: 1rem; margin: 3.4375rem 0px 0px; } #exhibitionActivities .exhibitionActivitiesList .layui-flow-more a { height: auto; line-height: 1; } #exhibitionActivities .exhibitionActivitiesList .layui-flow-more a cite { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 1rem; color: #CF0F1A; background: transparent; padding: 0px; border-radius: 0px; } #exhibitionActivities .exhibitionActivitiesList .layui-flow-more a cite::after { width: 0.75rem; height: 0.875rem; background: url("../images/icon-more.png") no-repeat center/cover; margin-left: 1.625rem; content: ""; display: block; } /* 内刊 */ #internalPublications { padding: 4.25rem 0px 6.1875rem; } #internalPublications ul { margin: -0.9375rem -0.9375rem 4.0625rem; } #internalPublications ul li { width: calc(50% - 1.875rem); margin: 0.9375rem; padding: 1.875rem 3.125rem 1.875rem 5.25rem; background: #F6F6F6; } #internalPublications ul li:hover .image::after { opacity: 1; visibility: visible; } #internalPublications ul li:hover .image img { box-shadow: 0px 0.4375rem 1.6875rem 0px rgba(187, 150, 150, 0.69); } #internalPublications ul li:hover .content .line::after { width: 100%; } #internalPublications ul li .image { width: 12.6875rem; margin-right: 5.3125rem; position: relative; } #internalPublications ul li .image::after { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 18rem; height: 18rem; background: rgba(255, 255, 255, 0.6); border-radius: 50%; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 0; visibility: hidden; content: ""; display: block; } #internalPublications ul li .image img { width: 100%; height: 17.5625rem; object-fit: cover; position: relative; z-index: 2; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #internalPublications ul li .content .title { font-size: 2.25rem; color: #000000; margin-bottom: 0.1875rem; } #internalPublications ul li .content .intro { font-weight: 300; font-size: 1.25rem; color: #000000; margin-bottom: 2.9375rem; } #internalPublications ul li .content .line { width: 100%; height: 0.0625rem; background: #E3E3E3; position: relative; margin-bottom: 1.8125rem; } #internalPublications ul li .content .line::after { position: absolute; left: 0px; bottom: 0px; width: 0px; height: 100%; background: #CF0F1A; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; content: ""; display: block; } #internalPublications ul li .content .btns a { width: 2.5rem; height: 2.5rem; background: #C6C6C7; margin-right: 0.625rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #internalPublications ul li .content .btns a:last-child { margin-right: 0px; } #internalPublications ul li .content .btns a:hover { background: #CF0F1A; } #internalPublications ul li .content .btns a img { width: 100%; height: auto; } /* 基地联系方式 */ #baseContact { padding: 5.375rem 0px 0px; } #baseContact .baseContactTitle { font-weight: 500; color: #000000; font-size: 3.4375rem; margin-bottom: 2.75rem; } #baseContact .baseContactMain ul { margin: -0.9375rem; } #baseContact .baseContactMain ul li { width: calc(50% - 1.875rem); margin: 0.9375rem; background: #F8F8F8; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #baseContact .baseContactMain ul li:hover { background: #CF0F1A; } #baseContact .baseContactMain ul li:hover .image img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #baseContact .baseContactMain ul li:hover .content::after { background-image: url("../images/baseContactInformationIconActive.png"); } #baseContact .baseContactMain ul li:hover .content .title { color: #fff; } #baseContact .baseContactMain ul li:hover .content .intro .list { color: rgba(255, 255, 255, 0.8); } #baseContact .baseContactMain ul li:hover .content .intro .list img { -webkit-filter: grayscale(1) brightness(500%); filter: grayscale(1) brightness(500%); } #baseContact .baseContactMain ul li .image { width: 18.4375rem; overflow: hidden; } #baseContact .baseContactMain ul li .image img { width: 100%; height: 15.9375rem; object-fit: cover; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #baseContact .baseContactMain ul li .content { padding: 3.5rem 2.5rem; position: relative; } #baseContact .baseContactMain ul li .content::after { position: absolute; bottom: 0px; right: 0px; width: 16.125rem; height: 5.625rem; background: url("../images/baseContactInformationIcon.png") no-repeat center/cover; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; content: ""; display: block; } #baseContact .baseContactMain ul li .content .title { font-weight: 500; font-size: 1.5rem; color: #000000; margin-bottom: 1.25rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #baseContact .baseContactMain ul li .content .intro .list { font-size: 1.125rem; color: rgba(123, 123, 123, 0.8); line-height: 1.75rem; margin-bottom: 0.5rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #baseContact .baseContactMain ul li .content .intro .list:last-child { margin-bottom: 0px; } #baseContact .baseContactMain ul li .content .intro .list img { width: 1.3125rem; height: 1.3125rem; margin-right: 0.5625rem; margin-top: 0.125rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } /* 事业部联系方式 */ #businessUnitContact { padding-top: 5.375rem; } #businessUnitContact .businessUnitContactTitle { font-weight: 500; color: #000000; font-size: 3.4375rem; margin-bottom: 2.125rem; } #businessUnitContact .businessUnitContactMain { height: 26.75rem; position: relative; padding-left: 3.625rem; padding-top: 4.875rem; } #businessUnitContact .businessUnitContactMain::after { position: absolute; bottom: 0px; right: -11.25rem; width: 54.25rem; height: 44.75rem; background: url("../images/businessUnitContactIcon.png") no-repeat center/cover; pointer-events: none; content: ""; display: block; } #businessUnitContact .businessUnitContactMain .businessUnitContactLeft { width: 51.25rem; margin-right: 1.1875rem; } #businessUnitContact .businessUnitContactMain .businessUnitContactLeft .businessUnitContactList { background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(1.25rem); } #businessUnitContact .businessUnitContactMain .businessUnitContactLeft .businessUnitContactList .businessUnitContactListBox { display: inline-block; } #businessUnitContact .businessUnitContactMain .businessUnitContactLeft .businessUnitContactList .businessUnitContactListBox .list { display: inline-block; width: 10rem; line-height: 3.75rem; text-align: center; font-size: 1.5rem; color: #FFFFFF; cursor: pointer; } #businessUnitContact .businessUnitContactMain .businessUnitContactLeft .businessUnitContactList .businessUnitContactListBox .list.active { color: #fff; background: #CF0F1A; } #businessUnitContact .businessUnitContactMain .businessUnitContactLeft .businessUnitContactContent { margin-top: 1.875rem; border-top: 0.0625rem solid rgba(255, 255, 255, 0.2); } #businessUnitContact .businessUnitContactMain .businessUnitContactLeft .businessUnitContactContent .swiper-wrapper .swiper-slide { padding-top: 1.9375rem; opacity: 0 !important; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #businessUnitContact .businessUnitContactMain .businessUnitContactLeft .businessUnitContactContent .swiper-wrapper .swiper-slide-active { opacity: 1 !important; z-index: 2 !important; } #businessUnitContact .businessUnitContactMain .businessUnitContactLeft .businessUnitContactContent .swiper-wrapper .swiper-slide .list { width: 50%; margin-bottom: 1.875rem; } #businessUnitContact .businessUnitContactMain .businessUnitContactLeft .businessUnitContactContent .swiper-wrapper .swiper-slide .list .title { font-size: 0.9375rem; color: #FFFFFF; margin-bottom: 0.375rem; } #businessUnitContact .businessUnitContactMain .businessUnitContactLeft .businessUnitContactContent .swiper-wrapper .swiper-slide .list .intro { font-size: 1.4375rem; color: #FFFFFF; } #businessUnitContact .businessUnitContactMain .businessUnitContactRight { width: 37.5rem; height: 37.5rem; margin: 0px; margin-right: 4.5rem; margin-top: -18.25rem; } #businessUnitContact .businessUnitContactMain .businessUnitContactRight .swiper-wrapper .swiper-slide { opacity: 0 !important; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #businessUnitContact .businessUnitContactMain .businessUnitContactRight .swiper-wrapper .swiper-slide-active { opacity: 1 !important; z-index: 2 !important; } #businessUnitContact .businessUnitContactMain .businessUnitContactRight .swiper-wrapper .swiper-slide img { width: 37.5rem; height: 37.5rem; } /* 自助服务 */ #selfService { padding: 5.375rem 0px 7.5rem; } #selfService .selfServiceTitle { font-weight: 500; color: #000000; font-size: 3.4375rem; margin-bottom: 2.125rem; } #selfService .selfServiceMain { margin: -0.9375rem; } #selfService .selfServiceMain a { width: calc(20% - 1.875rem); min-height: 15.625rem; margin: 0.9375rem; text-align: center; background: #F8F8F8; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #selfService .selfServiceMain a:hover { box-shadow: 0.3125rem 0.625rem 1.25rem #ddd; } #selfService .selfServiceMain a .icon { margin-bottom: 1.5625rem; } #selfService .selfServiceMain a .icon img { width: 3.0625rem; height: 3.0625rem; } #selfService .selfServiceMain a .title { font-weight: 500; font-size: 1.375rem; color: #000000; margin-bottom: 0.1875rem; } #selfService .selfServiceMain a .intro { font-size: 0.9375rem; color: #696969; line-height: 1.375rem; } /* 自助服务表单 */ .selfServiceFormPopup { width: 67.8125rem; height: auto; } .selfServiceFormPopup #selfServiceForm { position: relative; } .selfServiceFormPopup #selfServiceForm .selfServiceFormClose { position: absolute; top: 1.5625rem; right: 1.875rem; font-size: 1.375rem; color: #000; cursor: pointer; } .selfServiceFormPopup #selfServiceForm .selfServiceFormLeft { width: 26rem; } .selfServiceFormPopup #selfServiceForm .selfServiceFormLeft img { width: 100%; height: 100%; object-fit: cover; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight { padding: 2.4375rem 1.875rem 3.5rem 1.5rem; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormTitle { font-weight: 500; font-size: 1.875rem; color: #333333; margin-bottom: 1.0625rem; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list { margin-bottom: 0.875rem; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .title { font-size: 0.875rem; color: #2C303D; margin-bottom: 0.625rem; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .title span { color: #CF0F1A; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input { position: relative; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input input, .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input textarea, .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input .upload { width: 100%; background: #FFFFFF; font-size: 0.875rem; color: #333; border: 0.0625rem solid #DCE5EC; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input input::-webkit-input-placeholder, .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input textarea::-webkit-input-placeholder, .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input .upload::-webkit-input-placeholder { color: #CACBCD; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input input::-moz-placeholder, .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input textarea::-moz-placeholder, .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input .upload::-moz-placeholder { color: #CACBCD; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input input:-ms-input-placeholder, .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input textarea:-ms-input-placeholder, .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input .upload:-ms-input-placeholder { color: #CACBCD; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input input::placeholder, .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input textarea::placeholder, .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input .upload::placeholder { color: #CACBCD; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input input:focus, .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input textarea:focus, .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input .upload:focus { border-color: #CF0F1A !important; box-shadow: 0 0 0 0.25rem rgba(207, 15, 26, 0.2) !important; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input input, .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input .upload { height: 2.875rem; padding: 0px 1.25rem; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input textarea { height: 5.625rem; padding: 0.75rem 1.25rem; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input img { position: absolute; top: 50%; right: 1.125rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: auto; height: 1.8125rem; cursor: pointer; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input .upload { line-height: 2.75rem; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input .upload i { font-size: 0.875rem; color: #7A7A7A; margin-right: 1rem; cursor: pointer; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input .upload span { font-size: 0.875rem; color: #CACBCD; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input .select { margin-right: 0.625rem; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input .select:last-child { margin-right: 0px; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input .layui-form-select dl { top: 3.5rem; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input .layui-form-select dl dd, .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input .layui-form-select dl dt { font-size: 0.875rem; padding: 0px 0.625rem; line-height: 2.25rem; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .submit { display: block; text-align: left; width: 11.875rem; height: 3.0625rem; line-height: 3.0625rem; background: url("../images/btnBg2.png") no-repeat center/cover; font-size: 0.875rem; color: #CF0F1A; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; border: 0px; margin-top: 2rem; cursor: pointer; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .submit:hover { color: #fff; background-color: #CF0F1A; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .submit span { display: inline-block; width: 8.5625rem; margin-right: 1.125rem; text-align: center; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .submit i { display: inline-block; font-size: 1rem; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* pad端 */ /* 移动端 */ @media (max-width: 768px) { html { font-size: 1rem !important; } @-webkit-keyframes translateX { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 100% { -webkit-transform: translate(-5rem); transform: translate(-5rem); } } @keyframes translateX { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 100% { -webkit-transform: translate(-5rem); transform: translate(-5rem); } } /* 左偏移 */ .leftOffset { left: -16.25rem !important; } /* 版心 */ .content1810, .content1740, .content1560 { width: calc(100% - 2.5rem); } /* 头部 */ .header { height: 3.75rem; line-height: 3.75rem; } .header .headerLogo { height: 3.75rem; position: relative; z-index: 2; } .header .headerLogo a { width: 10.0625rem; height: 1.1875rem; } .header .headerLogo .code { display: none; } .header .headerMain .headerNav { display: none; } .header .headerOther { width: 100%; height: 3.75rem; position: absolute; top: 0px; right: 0px; padding: 1.0625rem 0px; line-height: 3.75rem; border-bottom: 0px; } .header .headerOther .langBtn { display: none; } .header .headerOther .subsidiaryBtn { display: none; } .header .headerOther .searchBtn { font-size: 0.875rem; margin-right: 0.75rem; margin-left: 0.75rem; } .header .headerOther .searchBtn i { font-size: 1.375rem; margin-right: 0px; } .header .headerOther .searchBtn span { display: none; } .header .headerOther .menusBtn { display: block; cursor: pointer; margin-top: 0.0625rem; } .header .headerOther .menusBtn.active span:nth-child(1) { opacity: 0; visibility: hidden; } .header .headerOther .menusBtn.active span:nth-child(2) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .header .headerOther .menusBtn.active span:nth-child(3) { width: 1.4375rem; -webkit-transform: rotate(-45deg) translate(0.3125rem, -0.3125rem); -ms-transform: rotate(-45deg) translate(0.3125rem, -0.3125rem); transform: rotate(-45deg) translate(0.3125rem, -0.3125rem); } .header .headerOther .menusBtn span { display: block; height: 0.125rem; background: #FFFFFF; border-radius: 0.0625rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .header .headerOther .menusBtn span:nth-child(1) { width: 1.4375rem; margin-bottom: 0.3125rem; } .header .headerOther .menusBtn span:nth-child(2) { width: 1.4375rem; margin-bottom: 0.3125rem; } .header .headerOther .menusBtn span:nth-child(3) { width: 1.125rem; } .header.headerMask .headerOther { background: transparent; border-bottom-color: transparent; } .header.headerMask .headerOther .searchBtn { color: #000; } .header.headerMask .headerOther .menusBtn span { background: #000; } .header.headerDetail .headerOther .searchBtn { color: #000; } .header.headerDetail .headerOther .menusBtn span { background: #000; } /* 头部搜索 */ .headerSearchformMain .headerSearchform { padding: 2.5rem 0px; } .headerSearchformMain .headerSearchform form { max-width: calc(100% - 2.5rem); } .headerSearchformMain .headerSearchform form input { height: 3.125rem; font-size: 0.9375rem; border-radius: 2.5rem; padding-left: 1.25rem; } .headerSearchformMain .headerSearchform form button { width: 3.125rem; height: 3.125rem; font-size: 1.25rem; } .headerSearchformMain .headerSearchform form button:hover { box-shadow: 0px 0.3125rem 0.625rem rgba(207, 15, 26, 0.4); } .headerSearchformMain .headerSearchform form .closeSearch { font-size: 1.25rem; } /* 移动端栏目 */ .mobileHeader { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 9999; display: block; -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); } .mobileHeader.leftOffset .column { right: 0px; } .mobileHeader .column { position: fixed; right: -16.25rem; top: 0px; width: 16.25rem; height: 100%; overflow-y: auto; background: #fafafa; padding-top: 3.75rem; -webkit-transition: right 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: right 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); } .mobileHeader .column .wrapper { border-bottom: 0.0625rem solid #eff1f3; } .mobileHeader .column .wrapper:last-child { border-bottom: 0px; } .mobileHeader .column .wrapper .oneLevel.active .oneLevelTitle .icon i::before { -webkit-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } .mobileHeader .column .wrapper .oneLevel .oneLevelTitle { position: relative; } .mobileHeader .column .wrapper .oneLevel .oneLevelTitle .title a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 0.9375rem; color: #333; padding: 0.875rem 1.5625rem; min-height: 3.125rem; text-transform: uppercase; position: relative; } .mobileHeader .column .wrapper .oneLevel .oneLevelTitle .title a::before { width: 0.5rem; height: 0.5rem; border-radius: 50%; border: 0.0625rem solid #D8D8D8; margin-right: 0.9375rem; content: ""; display: block; } .mobileHeader .column .wrapper .oneLevel .oneLevelTitle .icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0px; right: 0px; width: 2.5rem; height: 100%; } .mobileHeader .column .wrapper .oneLevel .oneLevelTitle .icon i { display: block; width: 0.75rem; height: 0.75rem; position: relative; } .mobileHeader .column .wrapper .oneLevel .oneLevelTitle .icon i::before, .mobileHeader .column .wrapper .oneLevel .oneLevelTitle .icon i::after { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #474747; -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); content: ""; display: block; } .mobileHeader .column .wrapper .oneLevel .oneLevelTitle .icon i::before { width: 0.125rem; height: 100%; } .mobileHeader .column .wrapper .oneLevel .oneLevelTitle .icon i::after { width: 100%; height: 0.125rem; } .mobileHeader .column .wrapper .oneLevel .oneLevelMain { display: none; background: #f6f6f6; } .mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel:last-child { border-bottom: 0px; } .mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle { position: relative; border-bottom: 0.0625rem solid #EBEBEB; } .mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle.active .icon i::before { -webkit-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } .mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .title a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 0.875rem; color: #333; padding: 0.9375rem 1.5625rem; } .mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .title a::before { width: 0.3125rem; height: 0.3125rem; border-top: 0.0625rem solid #999; border-left: 0.0625rem solid #999; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); margin-right: 1.1875rem; content: ""; display: inline-block; } .mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0px; right: 0px; width: 2.5rem; height: 100%; } .mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .icon i { display: block; width: 0.75rem; height: 0.75rem; position: relative; } .mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .icon i::before, .mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .icon i::after { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #474747; -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); content: ""; display: block; } .mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .icon i::before { width: 0.125rem; height: 100%; } .mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .icon i::after { width: 100%; height: 0.125rem; } .mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelMain { display: none; background: #fafafa; } .mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelMain a { display: block; font-size: 0.875rem; color: #333; padding: 0.9375rem 3.125rem; border-bottom: 0.0625rem solid #EBEBEB; } .mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelMain a:last-child { border-bottom: 0px; } .mobileHeader .other { padding: 0px 1.5625rem; margin-top: 1.25rem; } .mobileHeader .other .langBtn img { -webkit-filter: invert(1) opacity(0.7); filter: invert(1) opacity(0.7); width: 1.1875rem; height: auto; margin-right: 0.5625rem; } .mobileHeader .other .langBtn a { font-size: 0.8125rem; color: #333; } .mobileHeader .other .langBtn span { font-size: 0.8125rem; color: #333; margin: 0px 0.5rem; } .mobileHeader .other .subsidiaryBtn { display: inline-block; position: relative; margin-left: 1.5625rem; } .mobileHeader .other .subsidiaryBtn .title { font-size: 0.8125rem; color: #333; cursor: pointer; } .mobileHeader .other .subsidiaryBtn .title span { margin-right: 0.375rem; } .mobileHeader .other .subsidiaryBtn .title i { width: 0.5625rem; height: 0.3125rem; background: #333; -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%); clip-path: polygon(50% 0%, 0% 100%, 100% 100%); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .mobileHeader .other .subsidiaryBtn .popup { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 1.875rem; border-radius: 0.375rem; background: #fff; box-shadow: 0px 0px 0.875rem #ddd; z-index: 2; line-height: 1.625rem; padding: 0.5rem 0px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 0; visibility: hidden; } .mobileHeader .other .subsidiaryBtn .popup::after { width: 0.875rem; height: 0.3125rem; background: #fff; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: -0.25rem; -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%); clip-path: polygon(50% 0%, 0% 100%, 100% 100%); content: ""; display: block; } .mobileHeader .other .subsidiaryBtn .popup a { font-size: 0.75rem; color: #333; line-height: 1.625rem; white-space: nowrap; padding: 0px 0.625rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .mobileHeader .other .subsidiaryBtn .popup a:hover { color: #CF0F1A; } .mobileHeader .other .subsidiaryBtn:hover .title i { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .mobileHeader .other .subsidiaryBtn:hover .popup { opacity: 1; visibility: visible; } /* 分页 */ #pagingMian .paging { display: none; } #pagingMian .mobileLoadMore { display: block; text-align: center; } #pagingMian .mobileLoadMore a { display: inline-block; font-size: 0.875rem; position: relative; margin-top: 0px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; color: #CF0F1A; } #pagingMian .mobileLoadMore a span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #pagingMian .mobileLoadMore a span::after { width: 0.625rem; height: 0.75rem; margin-left: 0.75rem; background: url("../images/icon-more.png") no-repeat center/cover; content: ""; display: block; } #pagingMian .mobileLoadMore a .icon { display: none; } .indexSwiper { height: auto; } .indexSwiper > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .indexSwiper > .swiper-wrapper > .swiper-slide { height: auto; } /* 887700葡京线路检侧-banner */ #banner .swiper-wrapper .swiper-slide a .content { bottom: 5.625rem; } #banner .swiper-wrapper .swiper-slide a .content .title { font-size: 1.875rem; } #banner .swiper-wrapper .swiper-slide a .content .title .play { width: 1.875rem; height: 1.875rem; backdrop-filter: blur(1.25rem); margin-left: 0.875rem; } #banner .swiper-pagination { bottom: 3.125rem; font-size: 0.75rem; } #banner .swiper-pagination .progress { width: 7.6875rem; height: 0.0625rem; margin: 0px 0.5rem; } /* 887700葡京线路检侧-关于我们 */ #indexAboutus { height: auto; padding: 2.8125rem 0px; } #indexAboutus .indexAboutusMain { margin-bottom: 1.875rem; } #indexAboutus .indexAboutusMain .indexAboutusLeft { width: 100%; margin-bottom: 1.5625rem; } #indexAboutus .indexAboutusMain .indexAboutusLeft .tab { font-size: 0.75rem; border-radius: 0.1875rem; padding: 0px 0.4375rem; height: 1.3125rem; line-height: 1.1875rem; margin-bottom: 0.5rem; } #indexAboutus .indexAboutusMain .indexAboutusLeft .title { font-size: 1.6875rem; line-height: 2.0625rem; margin-bottom: 1.25rem; } #indexAboutus .indexAboutusMain .indexAboutusLeft .intro { font-size: 0.875rem; line-height: 1.5rem; margin-bottom: 1.875rem; } #indexAboutus .indexAboutusMain .indexAboutusLeft .more { width: 8.5rem; height: 2.1875rem; line-height: 2.1875rem; font-size: 0.75rem; } #indexAboutus .indexAboutusMain .indexAboutusLeft .more span { width: 6.125rem; margin-right: 0.75rem; } #indexAboutus .indexAboutusMain .indexAboutusLeft .more i { font-size: 0.75rem; } #indexAboutus .indexAboutusMain .indexAboutusRight { width: 100%; position: relative; } #indexAboutus .indexAboutusMain .indexAboutusRight img { min-height: 55.556vw; object-fit: cover; } #indexAboutus .indexAboutusMain .indexAboutusRight .play { width: 2.5rem; height: 2.5rem; backdrop-filter: blur(1.25rem); } #indexAboutus .indexAboutusNumber ul { margin: -0.5rem; } #indexAboutus .indexAboutusNumber ul li { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; width: calc(50% - 1rem); padding-top: 0.75rem; margin: 0.5rem; } #indexAboutus .indexAboutusNumber ul li .number { line-height: 2.125rem; margin-bottom: 0.1875rem; } #indexAboutus .indexAboutusNumber ul li .number span { font-size: 1.875rem; } #indexAboutus .indexAboutusNumber ul li .number i { font-size: 1.25rem; margin-left: 0.3125rem; } #indexAboutus .indexAboutusNumber ul li .title { font-size: 0.75rem; } /* 887700葡京线路检侧-优势 */ #indexAdvantage { position: relative; } #indexAdvantage .indexAdvantageMain > .swiper-wrapper > .swiper-slide { opacity: 0 !important; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #indexAdvantage .indexAdvantageMain > .swiper-wrapper > .swiper-slide .commonBg { width: calc(100% + 5rem); } #indexAdvantage .indexAdvantageMain > .swiper-wrapper > .swiper-slide-active { opacity: 1 !important; z-index: 2 !important; } #indexAdvantage .indexAdvantageMain > .swiper-wrapper > .swiper-slide-active .commonBg img { -webkit-animation: translateX 6s linear forwards; animation: translateX 6s linear forwards; } #indexAdvantage .indexAdvantageList { width: 100%; height: 3.75rem; backdrop-filter: blur(1.25rem); } #indexAdvantage .indexAdvantageList .swiper-wrapper .swiper-slide { border-bottom: 0.1875rem solid transparent; } #indexAdvantage .indexAdvantageList .swiper-wrapper .swiper-slide.active { backdrop-filter: blur(1.25rem); } #indexAdvantage .indexAdvantageList .swiper-wrapper .swiper-slide img { width: 1.625rem; height: 1.625rem; } #indexAdvantage .indexAdvantageList .swiper-wrapper .swiper-slide p { font-size: 0.875rem; margin-left: 0.375rem; } /* 服务优势 */ #indexServiceAdvantage { height: 40.625rem; padding: 2.8125rem 0px 0px; } #indexServiceAdvantage .indexServiceAdvantageLeft .tab { font-size: 0.75rem; border-radius: 0.1875rem; padding: 0px 0.4375rem; height: 1.3125rem; line-height: 1.1875rem; margin-bottom: 0.5rem; } #indexServiceAdvantage .indexServiceAdvantageLeft .title { font-size: 1.6875rem; line-height: 2.0625rem; margin-bottom: 1.25rem; } #indexServiceAdvantage .indexServiceAdvantageRight { width: 25.875rem; height: 25.875rem; margin-top: 0px; margin-left: -1.25rem; } #indexServiceAdvantage .indexServiceAdvantageRight::after { left: calc(50% - 12.9375rem); top: calc(50% - 12.9375rem); } #indexServiceAdvantage .indexServiceAdvantageRight .bigTitle { font-size: 1.125rem; } #indexServiceAdvantage .indexServiceAdvantageRight ul { left: calc(50% - 11.5625rem); top: calc(50% - 11.5625rem); width: 23.125rem; height: 23.125rem; } #indexServiceAdvantage .indexServiceAdvantageRight ul li { position: absolute; left: calc(50% - 1.5625rem); width: 3.125rem; height: 100%; } #indexServiceAdvantage .indexServiceAdvantageRight ul li .title { width: 8.375rem; height: 8.375rem; padding: 0.625rem; } #indexServiceAdvantage .indexServiceAdvantageRight ul li .title p { font-size: 0.6875rem; line-height: 1rem; } /* 技术优势 */ #indexTechnologyAdvantage { height: 40.625rem; padding: 2.8125rem 0px 0px; } #indexTechnologyAdvantage .indexTechnologyAdvantageTitle .tab { font-size: 0.75rem; border-radius: 0.1875rem; padding: 0px 0.4375rem; height: 1.3125rem; line-height: 1.1875rem; margin-bottom: 0.5rem; } #indexTechnologyAdvantage .indexTechnologyAdvantageTitle .title { font-size: 1.6875rem; line-height: 2.0625rem; margin-bottom: 2.625rem; } #indexTechnologyAdvantage .indexTechnologyAdvantageMain ul { width: 100%; margin: -0.9375rem; } #indexTechnologyAdvantage .indexTechnologyAdvantageMain ul li { width: calc(33.33% - 1.875rem); margin: 0.9375rem; padding: 0px 0px 0.5rem; border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.2); } #indexTechnologyAdvantage .indexTechnologyAdvantageMain ul li .number span { font-size: 2rem; } #indexTechnologyAdvantage .indexTechnologyAdvantageMain ul li .number i { font-size: 1rem; } #indexTechnologyAdvantage .indexTechnologyAdvantageMain ul li .title { font-size: 0.625rem; line-height: 1rem; min-height: 2rem; } /* 研发优势 */ #indexStudyAdvantage { height: 40.625rem; padding: 2.8125rem 0px 0px; } #indexStudyAdvantage .indexStudyAdvantageLeft .tab { font-size: 0.75rem; border-radius: 0.1875rem; padding: 0px 0.4375rem; height: 1.3125rem; line-height: 1.1875rem; margin-bottom: 0.5rem; } #indexStudyAdvantage .indexStudyAdvantageLeft .title { font-size: 1.6875rem; line-height: 2.0625rem; margin-bottom: 1.25rem; } #indexStudyAdvantage .indexStudyAdvantageRight { width: 100%; margin: 1.5625rem 0px 0px; } #indexStudyAdvantage .indexStudyAdvantageRight .swiper-wrapper .swiper-slide .image img { width: 4.625rem; height: 4.625rem; } #indexStudyAdvantage .indexStudyAdvantageRight .swiper-wrapper .swiper-slide .image p { font-size: 0.75rem; line-height: 1.125rem; min-height: 2.25rem; margin: 0.875rem 0px 0.75rem; } #indexStudyAdvantage .indexStudyAdvantageRight .swiper-wrapper .swiper-slide .contentBox { min-height: 9.375rem; padding: 0px 1.25rem; backdrop-filter: blur(1.25rem); border-width: 0.0625rem; } #indexStudyAdvantage .indexStudyAdvantageRight .swiper-wrapper .swiper-slide .contentBox .content p { font-size: 0.75rem; line-height: 1.125rem; } #indexStudyAdvantage .indexStudyAdvantageRight .swiper-wrapper .swiper-slide .contentBox .content .list { min-width: 10.625rem; margin: 0px 1.25rem; padding: 0.5rem 0px; } #indexStudyAdvantage .indexStudyAdvantageRight .swiper-wrapper .swiper-slide .contentBox .content .list span { font-size: 1.25rem; } #indexStudyAdvantage .indexStudyAdvantageRight .swiper-wrapper .swiper-slide .contentBox .content .list i { font-size: 1.25rem; } #indexStudyAdvantage .indexStudyAdvantageRight .swiper-wrapper .swiper-slide .contentBox .content .list .title { font-size: 0.75rem; margin-bottom: 0.0625rem; } #indexStudyAdvantage .indexStudyAdvantageRight .swiper-wrapper .swiper-slide .contentBox .content .list .intro { font-size: 0.75rem; } /* 生产优势 */ #indexProduceAdvantage { height: auto; padding: 2.8125rem 0px 6.25rem; } #indexProduceAdvantage .indexProduceAdvantageLeft .tab { font-size: 0.75rem; border-radius: 0.1875rem; padding: 0px 0.4375rem; height: 1.3125rem; line-height: 1.1875rem; margin-bottom: 0.5rem; } #indexProduceAdvantage .indexProduceAdvantageLeft .title { font-size: 1.6875rem; line-height: 2.0625rem; margin-bottom: 1.25rem; } #indexProduceAdvantage .indexProduceAdvantageRight { width: 100%; margin-top: 0px; } #indexProduceAdvantage .indexProduceAdvantageRight ul li { margin-bottom: 0.5rem; padding: 1.125rem 1.25rem; backdrop-filter: blur(1.25rem); border-width: 0.0625rem; } #indexProduceAdvantage .indexProduceAdvantageRight ul li .icon { margin-bottom: 0.625rem; } #indexProduceAdvantage .indexProduceAdvantageRight ul li .icon img { width: 2rem; height: 2rem; } #indexProduceAdvantage .indexProduceAdvantageRight ul li .title { font-size: 0.875rem; margin-bottom: 0.3125rem; } #indexProduceAdvantage .indexProduceAdvantageRight ul li .intro { font-size: 0.75rem; line-height: 1.1875rem; } #indexProduceAdvantage .indexProduceAdvantageRight ul li .intro p { margin-bottom: 0.375rem; } /* 品质优势 */ #indexQualityAdvantage { height: 40.625rem; padding: 2.8125rem 0px 0px; } #indexQualityAdvantage .indexQualityAdvantageTitle { margin-bottom: 3.75rem; } #indexQualityAdvantage .indexQualityAdvantageTitle .tab { font-size: 0.75rem; border-radius: 0.1875rem; padding: 0px 0.4375rem; height: 1.3125rem; line-height: 1.1875rem; margin-bottom: 0.5rem; } #indexQualityAdvantage .indexQualityAdvantageTitle .title { font-size: 1.6875rem; line-height: 2.0625rem; margin-bottom: 1.25rem; } #indexQualityAdvantage .indexQualityAdvantageMain ul { margin: -0.3125rem; } #indexQualityAdvantage .indexQualityAdvantageMain ul li { width: 10.3125rem; height: 10.3125rem; padding: 1.25rem 0.9375rem; backdrop-filter: blur(1.25rem); margin: 0.3125rem; } #indexQualityAdvantage .indexQualityAdvantageMain ul li .title { font-size: 0.875rem; margin-bottom: 0.25rem; } #indexQualityAdvantage .indexQualityAdvantageMain ul li .intro { font-size: 0.75rem; line-height: 1.125rem; min-height: 6rem; } #indexQualityAdvantage .indexQualityAdvantageMain ul li .intro br { display: none; } /* 营销优势 */ #indexMarketingAdvantage { height: 40.625rem; padding: 2.8125rem 0px 5rem; } #indexMarketingAdvantage .indexMarketingAdvantageLeft .indexMarketingAdvantageTitle { margin-bottom: 1.5625rem; } #indexMarketingAdvantage .indexMarketingAdvantageLeft .indexMarketingAdvantageTitle .tab { font-size: 0.75rem; border-radius: 0.1875rem; padding: 0px 0.4375rem; height: 1.3125rem; line-height: 1.1875rem; margin-bottom: 0.5rem; } #indexMarketingAdvantage .indexMarketingAdvantageLeft .indexMarketingAdvantageTitle .title { font-size: 1.6875rem; line-height: 2.0625rem; margin-bottom: 0px; } #indexMarketingAdvantage .indexMarketingAdvantageLeft .indexMarketingAdvantageList { width: 100%; margin-bottom: 1.125rem; border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.09); } #indexMarketingAdvantage .indexMarketingAdvantageLeft .indexMarketingAdvantageList .list { font-size: 0.875rem; border-bottom-width: 0.125rem; margin-right: 1.25rem; padding-bottom: 0.25rem; } #indexMarketingAdvantage .indexMarketingAdvantageLeft .indexMarketingAdvantageContent { width: 100%; } #indexMarketingAdvantage .indexMarketingAdvantageLeft .indexMarketingAdvantageContent .list { font-size: 0.75rem; line-height: 1.25rem; } #indexMarketingAdvantage .indexMarketingAdvantageMain { margin-left: 0px; margin-top: 0px; } #indexMarketingAdvantage .indexMarketingAdvantageMain .wrapper.wrapperMap1 { width: 73.242vw; height: 62.012vw; margin-top: 1.25rem; margin-left: auto; margin-right: auto; } #indexMarketingAdvantage .indexMarketingAdvantageMain .wrapper.wrapperMap1 .map { width: 73.242vw; height: 62.012vw; } #indexMarketingAdvantage .indexMarketingAdvantageMain .wrapper.wrapperMap2 { width: 97.07vw; height: 50.586vw; margin-top: 1.25rem; margin-left: -0.625rem; } #indexMarketingAdvantage .indexMarketingAdvantageMain .wrapper.wrapperMap2 .map { width: 97.07vw; height: 50.586vw; } #indexMarketingAdvantage .indexMarketingAdvantageMain .wrapper .point { position: absolute; } #indexMarketingAdvantage .indexMarketingAdvantageMain .wrapper .point:nth-child(2)::after { width: 1.25rem; height: 1.3125rem; } #indexMarketingAdvantage .indexMarketingAdvantageMain .wrapper .point:nth-child(n+3)::after { width: 0.25rem; height: 0.25rem; border-width: 0.0625rem; } /* */ #indexCollect { height: auto; } #indexCollect .indexCollectleft { width: 100%; height: 3.75rem; backdrop-filter: blur(1.25rem); } #indexCollect .indexCollectleft .swiper-wrapper .swiper-slide { font-size: 0.875rem; border-bottom: 0px; border-right: 0.0625rem solid rgba(255, 255, 255, 0.2); -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb; line-height: 3.75rem; letter-spacing: 0px; } #indexCollect .indexCollectleft .swiper-wrapper .swiper-slide:last-child { border-bottom-color: transparent; } #indexCollect .indexCollectRight > .swiper-wrapper > .swiper-slide { opacity: 0 !important; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #indexCollect .indexCollectRight > .swiper-wrapper > .swiper-slide-active { opacity: 1 !important; z-index: 2 !important; } #indexProducts { height: auto; padding-left: 1.25rem; padding-top: 6.5625rem; padding-right: 1.25rem; padding-bottom: 0.0625rem; } #indexProducts .indexProductsTitle { margin-bottom: 0px; } #indexProducts .indexProductsTitle .tab { font-size: 0.75rem; border-radius: 0.1875rem; padding: 0px 0.4375rem; height: 1.3125rem; line-height: 1.1875rem; margin-bottom: 0.5rem; } #indexProducts .indexProductsTitle .title { font-size: 1.6875rem; line-height: 2.0625rem; margin-bottom: 2.625rem; } #indexProducts .indexProductsMain { margin-top: 0px; padding-bottom: 1.5625rem; margin-bottom: 8.75rem; } #indexProducts .indexProductsMain .swiper-wrapper .swiper-slide img { width: 100%; height: auto; } #indexProducts .indexProductsMain .swiper-wrapper .swiper-slide p { font-size: 0.875rem; margin-top: -0.6875rem; } #indexProducts .indexProductsMain .swiper-pagination { font-size: 0.8125rem; } #indexProducts .indexProductsMain .swiper-pagination .progress { width: 7.375rem; height: 0.125rem; margin: 0px 0.5rem; } #indexProducts .indexProductsMain .swiper-button-prev, #indexProducts .indexProductsMain .swiper-button-next { font-size: 1.125rem; } #indexProducts .indexProductsListBox { bottom: 3.125rem; left: 50%; width: calc(100% - 2.5rem); } #indexProducts .indexProductsListBox .indexProductsList { height: 3.125rem; line-height: 3rem; } #indexProducts .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide { margin-left: 1.25rem; } #indexProducts .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide:first-child { margin-left: 2.5rem; } #indexProducts .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide:last-child { margin-right: 2.5rem; } #indexProducts .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide::after { bottom: -0.0625rem; height: 0.125rem; } #indexProducts .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide .title { font-size: 0.875rem; } #indexProducts .indexProductsListBox .swiper-button-prev, #indexProducts .indexProductsListBox .swiper-button-next { font-size: 0.9375rem; } #indexProducts .indexProductsListBox .swiper-button-prev { margin-right: 0.5rem; } #indexProducts .indexProductsListBox .swiper-button-next { margin-left: 0.5rem; } #indexSolutions { height: auto; } #indexSolutions .indexSolutionsBg { display: none; } #indexSolutions .indexSolutionsSlide .swiper-wrapper .swiper-slide { height: auto; padding: 2.5rem 1.25rem 1.875rem; text-align: left; border-right: none; border-bottom: 0.0625rem solid rgba(143, 186, 192, 0.7); } #indexSolutions .indexSolutionsSlide .swiper-wrapper .swiper-slide:nth-child(1) { padding-top: 5rem; } #indexSolutions .indexSolutionsSlide .swiper-wrapper .swiper-slide:last-child { border-right: 0px; border-bottom: 0px; } #indexSolutions .indexSolutionsSlide .swiper-wrapper .swiper-slide:hover .icon { margin-top: 0px; } #indexSolutions .indexSolutionsSlide .swiper-wrapper .swiper-slide .icon { margin-bottom: 0.5rem; } #indexSolutions .indexSolutionsSlide .swiper-wrapper .swiper-slide .icon img { width: 2.875rem; height: 2.875rem; } #indexSolutions .indexSolutionsSlide .swiper-wrapper .swiper-slide .title { font-size: 1.125rem; margin-bottom: 0.5rem; } #indexSolutions .indexSolutionsSlide .swiper-wrapper .swiper-slide .intro { display: block; font-size: 0.75rem; line-height: 1.125rem; height: auto; margin-bottom: 0.75rem; } #indexSolutions .indexSolutionsSlide .swiper-wrapper .swiper-slide .more { margin: 0px; width: 2.875rem; height: 2.875rem; line-height: 2.625rem; font-size: 0.875rem; border-width: 0.125rem; } #indexMake { height: 40.625rem; padding-left: 0px; padding-top: 17.5rem; } #indexMake .indexMakeTitle .tab { font-size: 0.75rem; border-radius: 0.1875rem; padding: 0px 0.4375rem; height: 1.3125rem; line-height: 1.1875rem; margin-bottom: 0.5rem; } #indexMake .indexMakeTitle .title { font-size: 1.6875rem; line-height: 2.0625rem; margin-bottom: 2.625rem; } #indexMake .indexMakeMain ul { margin: -0.3125rem; padding: 0px 1.25rem; } #indexMake .indexMakeMain ul li { width: calc(33.33% - 0.625rem); height: 3.375rem; margin: 0.3125rem; backdrop-filter: blur(1.25rem); } #indexMake .indexMakeMain ul li img { width: 100%; height: auto; } /* 887700葡京线路检侧-业务布局 */ #indexBusiness { height: auto; padding-bottom: 17.5rem; } #indexBusiness .content1740 { position: static; } #indexBusiness .indexBusinessLeft { padding-top: 2.8125rem; height: auto; } #indexBusiness .indexBusinessLeft .tab { font-size: 0.75rem; border-radius: 0.1875rem; padding: 0px 0.4375rem; height: 1.3125rem; line-height: 1.1875rem; margin-bottom: 0.5rem; } #indexBusiness .indexBusinessLeft .title { font-size: 1.6875rem; line-height: 2.0625rem; margin-bottom: 1.375rem; } #indexBusiness .indexBusinessLeft .more { width: 8.5rem; height: 2.1875rem; line-height: 2.1875rem; font-size: 0.75rem; margin-bottom: 1.875rem; } #indexBusiness .indexBusinessLeft .more span { width: 6.125rem; margin-right: 0.75rem; } #indexBusiness .indexBusinessLeft .more i { font-size: 0.75rem; } #indexBusiness .indexBusinessLeft .map { bottom: 60.386vw; width: 100vw; height: 100vw; margin-right: 0px; margin-bottom: -96.618vw; } #indexBusiness .indexBusinessLeft .globalEarth { width: 100vw; height: 100vw; } #indexBusiness .indexBusinessLeft .globalEarth canvas { outline: none; } #indexBusiness .indexBusinessRight { position: static; width: calc(100% + 2.5rem); margin-left: -1.25rem; margin-right: 0px; } #indexBusiness .indexBusinessRight ul li { height: auto; padding: 1.875rem 1.25rem 1.25rem; backdrop-filter: blur(1.25rem); background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.2)); background: linear-gradient(45deg, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.2)); } #indexBusiness .indexBusinessRight ul li:nth-child(1), #indexBusiness .indexBusinessRight ul li:nth-child(2) { padding-top: 1.875rem; } #indexBusiness .indexBusinessRight ul li:nth-child(1) .icon, #indexBusiness .indexBusinessRight ul li:nth-child(2) .icon { margin-bottom: 3rem; } #indexBusiness .indexBusinessRight ul li:nth-child(3), #indexBusiness .indexBusinessRight ul li:nth-child(4) { border-bottom: 0px; } #indexBusiness .indexBusinessRight ul li .icon { margin-bottom: 3rem; } #indexBusiness .indexBusinessRight ul li .icon img { width: 2.5rem; height: 2.5rem; } #indexBusiness .indexBusinessRight ul li .number { line-height: 2.0625rem; } #indexBusiness .indexBusinessRight ul li .number span { font-size: 2rem; } #indexBusiness .indexBusinessRight ul li .number i { font-size: 0.75rem; margin-left: 0.5rem; } #indexBusiness .indexBusinessRight ul li .title { font-size: 0.75rem; line-height: 1rem; } /* 887700葡京线路检侧-新闻资讯 */ #indexNews { padding: 2.8125rem 0px 2.1875rem; height: auto; overflow: hidden; } #indexNews .indexNewsTitle { margin-bottom: 1.5625rem; } #indexNews .indexNewsTitle .tab { font-size: 0.75rem; border-radius: 0.1875rem; padding: 0px 0.4375rem; height: 1.3125rem; line-height: 1.1875rem; margin-bottom: 0.5rem; } #indexNews .indexNewsTitle .title { font-size: 1.6875rem; line-height: 2.0625rem; } #indexNews .indexNewsTitle .more { width: 8.5rem; height: 2.1875rem; line-height: 2.1875rem; font-size: 0.75rem; } #indexNews .indexNewsTitle .more span { width: 6.125rem; margin-right: 0.75rem; } #indexNews .indexNewsTitle .more i { font-size: 0.75rem; } #indexNews .indexNewsMain .indexNewsLeft { width: 100%; margin-bottom: 0.75rem; } #indexNews .indexNewsMain .indexNewsLeft a .image img { height: 79.71vw; } #indexNews .indexNewsMain .indexNewsLeft a .content { padding: 1.4375rem 5rem 1.25rem 1.25rem; } #indexNews .indexNewsMain .indexNewsLeft a .content .time { font-size: 0.75rem; margin-bottom: 0.3125rem; } #indexNews .indexNewsMain .indexNewsLeft a .content .title { font-size: 0.875rem; line-height: 1.375rem; } #indexNews .indexNewsMain .indexNewsLeft a .content .more { bottom: 1.875rem; right: 1.25rem; width: 2rem; height: 2rem; border-width: 0.125rem; } #indexNews .indexNewsMain .indexNewsLeft a .content .more::before { width: 0.125rem; } #indexNews .indexNewsMain .indexNewsLeft a .content .more::after { height: 0.125rem; } #indexNews .indexNewsMain .indexNewsRight { width: 100%; height: auto; margin: 0px; overflow: visible; } #indexNews .indexNewsMain .indexNewsRight .swiper-wrapper .swiper-slide a .content { padding: 1.4375rem 1.25rem; } #indexNews .indexNewsMain .indexNewsRight .swiper-wrapper .swiper-slide a .content::after { right: -5.625rem; width: 10.8125rem; height: 3.75rem; } #indexNews .indexNewsMain .indexNewsRight .swiper-wrapper .swiper-slide a .content .title { font-size: 0.875rem; line-height: 1.25rem; height: 3.75rem; margin-bottom: 3.75rem; } #indexNews .indexNewsMain .indexNewsRight .swiper-wrapper .swiper-slide a .content .time { font-size: 0.75rem; } #indexNews .indexNewsMain .indexNewsRight .swiper-wrapper .swiper-slide a .image { width: 44.686vw; } #indexNews .indexNewsMain .indexNewsRight .swiper-wrapper .swiper-slide a .image img { width: 100%; height: 44.686vw; } #indexNews .indexNewsMain .indexNewsRight .swiper-pagination { display: block; text-align: center; margin-top: 0.9375rem; } #indexNews .indexNewsMain .indexNewsRight .swiper-pagination .swiper-pagination-bullet { display: inline-block; width: 0.9375rem; height: 0.25rem; border-radius: 0.25rem; background: #eee; margin: 0px 0.1875rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #indexNews .indexNewsMain .indexNewsRight .swiper-pagination .swiper-pagination-bullet-active { width: 1.3125rem; background: #CF0F1A; } /* 887700葡京线路检侧-旗下品牌 */ #indexBrand { padding: 1.875rem 0px; } #indexBrand .indexBrandTitle { width: 100%; margin: 0px auto 0.75rem; font-size: 0.875rem; } #indexBrand .indexBrandTitle::before { margin-right: 1rem; } #indexBrand .indexBrandTitle::after { margin-left: 1rem; } #indexBrand .indexBrandMain .swiper-wrapper { -webkit-transition-timing-function: linear !important; transition-timing-function: linear !important; } #indexBrand .indexBrandMain .swiper-wrapper .swiper-slide img { width: 100%; height: auto; } /* 视频弹窗 */ .videoPopupBox { width: 100vw !important; height: 100%; background: #000 !important; } .videoPopupBox .layui-layer-setwin .layui-layer-close2 { right: 1.3125rem; top: 1.75rem; font-size: 1.75rem; width: auto; height: auto; border: 0px; border-radius: 0%; padding: 0px; background: none; } .videoPopupBox .layui-layer-setwin .layui-layer-close2:hover { background: none; } .videoPopupBox .layui-layer-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 100% !important; overflow: hidden !important; } .videoPopupBox #videoPopup video { width: 100vw; height: auto; max-height: 100vh; object-fit: cover; } .videoPopupBox #videoPopup iframe { width: 100vw; height: 100vh; } /* 内页-banner */ #detailBanner { min-height: auto; } #detailBanner .image { width: calc(100% + 5rem); position: relative; } #detailBanner .image::after { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); content: ""; display: block; } #detailBanner .content { top: 33%; } #detailBanner .content .title { font-size: 1.625rem; line-height: 1.875rem; margin-bottom: 0.5rem; } #detailBanner .content .intro { font-size: 0.875rem; } #detailBanner .brandContent { top: 55%; right: 2.5rem; width: 14.1875rem; height: 14.1875rem; } #detailBanner .brandContent::before { left: calc(50% - 4.90625rem); top: calc(50% - 4.75rem); width: 9.8125rem; height: 9.5rem; } #detailBanner .brandContent::after { left: calc(50% - 7.09375rem); top: calc(50% - 7.09375rem); } #detailBanner .brandContent ul { left: calc(50% - 9.59375rem); top: calc(50% - 9.59375rem); width: 19.1875rem; height: 19.1875rem; } #detailBanner .brandContent ul li { left: calc(50% - 1.5625rem); width: 3.125rem; height: 100%; } #detailBanner .brandContent ul li .title { width: 5.0625rem; height: 5.0625rem; padding: 1.3125rem; } #detailBanner .brandContent ul li .title img { width: 2.5625rem; } /* 内页分类 */ #detailList { height: 3.125rem; line-height: 2.9375rem; backdrop-filter: blur(1.25rem); margin-top: -3.125rem; overflow-x: auto; } #detailList::-webkit-scrollbar { width: 0.125rem; height: 0.125rem; background-color: #d5d5d5; } #detailList::-webkit-scrollbar-track { border-radius: 0.125rem; background-color: #d5d5d5; } #detailList::-webkit-scrollbar-thumb { border-radius: 0.125rem; background-color: #666; } #detailList .content1560 { display: block; white-space: nowrap; } #detailList a { display: inline-block; font-weight: 300; font-size: 0.875rem; margin-right: 1.4375rem; } #detailList a::after { height: 0.125rem; } #detailList a:last-child { margin-right: 1.4375rem; } #schemeDetailList { display: none; height: 4.375rem; line-height: 4.3125rem; backdrop-filter: blur(1.25rem); background: rgba(0, 0, 0, 0.2); margin-top: -4.375rem; border-top: 0.0625rem solid rgba(255, 255, 255, 0.2); } #schemeDetailList .title { font-size: 1.125rem; color: #FFFFFF; } #schemeDetailList .content .nav a { font-size: 0.875rem; color: #fff; margin-right: 3.3125rem; position: relative; } #schemeDetailList .content .nav a::after { width: 0%; height: 0.0625rem; background: #CF0F1A; position: absolute; left: 50%; bottom: 0px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; content: ""; display: block; } #schemeDetailList .content .nav a:last-child { margin-right: 0px; } #schemeDetailList .content .nav a.active, #schemeDetailList .content .nav a:hover { font-weight: 600; } #schemeDetailList .content .nav a.active::after, #schemeDetailList .content .nav a:hover::after { width: 100%; } #schemeDetailList .content .btn { margin-left: 2.0625rem; } #schemeDetailList .content .btn a { display: block; width: 5.625rem; height: 2.125rem; line-height: 2rem; text-align: center; font-size: 0.75rem; color: #fff; border-radius: 1.0625rem; border: 0.0625rem solid #fff; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #schemeDetailList .content .btn a:hover { color: #fff; background: #CF0F1A; border-color: #CF0F1A; } /* 集团视频 */ #aboutusVideo .play { width: 3.125rem; height: 3.125rem; } #aboutusVideo .contentBox { background: url("../images/mobileAboutusVideoBg.png") no-repeat center/cover; } #aboutusVideo .content { position: absolute; left: 50%; bottom: 10.9375rem; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); text-align: center; pointer-events: none; width: 100%; } #aboutusVideo .content .title { height: 1.5rem; line-height: 1.375rem; padding: 0px 0.5625rem; font-size: 0.75rem; border-radius: 0.3125rem; border-width: 0.0625rem; margin-bottom: 0.25rem; } #aboutusVideo .content .intro { font-size: 1.375rem; margin-top: 0.375rem; margin-left: 1.25rem; } /* 关于我们 */ #aboutus { padding: 2.8125rem 0px 2.8125rem; } #aboutus .aboutusLeft { width: 100%; padding-top: 0px; } #aboutus .aboutusLeft ul { margin: -0.3125rem; } #aboutus .aboutusLeft ul li { width: calc(50% - 0.625rem); margin: 0.3125rem; padding: 1.25rem 0px 0px; } #aboutus .aboutusLeft ul li::after { width: 3.75rem; height: 0.125rem; margin-top: 0.8125rem; } #aboutus .aboutusLeft ul li .number span { font-size: 2.0625rem; } #aboutus .aboutusLeft ul li .number i { width: 0.875rem; height: 0.875rem; margin-left: 0.375rem; } #aboutus .aboutusLeft ul li .number i::before, #aboutus .aboutusLeft ul li .number i::after { border-radius: 0.125rem; } #aboutus .aboutusLeft ul li .number i::before { width: 0.125rem; } #aboutus .aboutusLeft ul li .number i::after { height: 0.125rem; } #aboutus .aboutusLeft ul li .intro { font-size: 0.75rem; } #aboutus .aboutusCenter { width: 100%; } #aboutus .aboutusCenter img { max-height: 25rem; object-fit: cover; } #aboutus .aboutusRight { width: 100%; padding-top: 0px; margin-bottom: 1.5625rem; } #aboutus .aboutusRight img { height: 3.5rem; margin-bottom: 1.25rem; } #aboutus .aboutusRight .title { font-size: 1.5rem; margin-bottom: 0.5rem; } #aboutus .aboutusRight .intro { font-size: 0.875rem; line-height: 1.5rem; max-height: none; padding-right: 0px; margin-right: 0px; } #aboutus .aboutusRight .intro p { margin-bottom: 0.5rem; } /* 使命及愿景 */ #visionAndMission { height: 32.5rem; padding-top: 2.8125rem; overflow: hidden; } #visionAndMission .visionAndMissionTitle .title { font-size: 1.5rem; margin-bottom: 0.1875rem; } #visionAndMission .visionAndMissionTitle .intro { font-size: 0.875rem; } #visionAndMission .visionAndMissionList { width: 100%; } #visionAndMission .visionAndMissionList .swiper-wrapper .swiper-slide { min-height: 3.75rem; padding: 1.4375rem 1.25rem; backdrop-filter: blur(1.25rem); } #visionAndMission .visionAndMissionList .swiper-wrapper .swiper-slide:hover { border-top-color: rgba(255, 255, 255, 0.4); border-left-color: rgba(255, 255, 255, 0.4); border-right-color: rgba(255, 255, 255, 0.4); } #visionAndMission .visionAndMissionList .swiper-wrapper .swiper-slide:hover .title { font-size: 0.75rem; margin: 0px 0px 0.4375rem; } #visionAndMission .visionAndMissionList .swiper-wrapper .swiper-slide:hover .intro { max-height: 13.125rem; margin-bottom: 3.125rem; } #visionAndMission .visionAndMissionList .swiper-wrapper .swiper-slide:hover .icon { left: 1.25rem; bottom: 1.25rem; } #visionAndMission .visionAndMissionList .swiper-wrapper .swiper-slide .title { font-size: 1rem; } #visionAndMission .visionAndMissionList .swiper-wrapper .swiper-slide .intro { font-size: 0.875rem; line-height: 1.5rem; } #visionAndMission .visionAndMissionList .swiper-wrapper .swiper-slide .icon { left: calc(100% - 3.4375rem); right: 1.25rem; bottom: 1.25rem; width: 2.1875rem; height: 2.1875rem; line-height: 2.25rem; } #visionAndMission .visionAndMissionList .swiper-wrapper .swiper-slide .icon img { width: 1.125rem; height: 1.125rem; } /* 发展历程 */ #history { padding: 2.8125rem 0px 2.8125rem; } #history .historyTitle { font-size: 1.5rem; margin-bottom: 1.5625rem; } #history .historyList { margin-bottom: 1.5625rem; border-right: 0px; } #history .historyList .swiper-wrapper .swiper-slide:last-child { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; border-right: 0.0625rem solid #C5C5C5; } #history .historyList .swiper-wrapper .swiper-slide .title { font-size: 0.8125rem; padding: 0px 1.25rem 0.375rem; } #history .historyList .swiper-wrapper .swiper-slide .yearList { padding: 0.625rem 1.25rem; } #history .historyList .swiper-wrapper .swiper-slide .yearList .year { font-size: 0.875rem; width: 4.0625rem; height: 1.5rem; line-height: 1.5rem; } #history .historyMain .swiper-wrapper .swiper-slide .imageBox { width: 115%; height: 67.633vw; padding-top: 0.625rem; } #history .historyMain .swiper-wrapper .swiper-slide .imageBox::after { width: 90%; } #history .historyMain .swiper-wrapper .swiper-slide .imageBox .image { width: 100%; } #history .historyMain .swiper-wrapper .swiper-slide .imageBox .image img { width: 100%; height: 62.802vw; } #history .historyMain .swiper-wrapper .swiper-slide .year { position: static; -webkit-transform: none; -ms-transform: none; transform: none; font-size: 1.75rem; margin: 0.9375rem 0px 0.5rem; margin-left: -6.25rem; } #history .historyMain .swiper-wrapper .swiper-slide .content { width: 100%; margin-left: 0px; padding-top: 0px; -webkit-transform: translateX(6.25rem); -ms-transform: translateX(6.25rem); transform: translateX(6.25rem); } #history .historyMain .swiper-wrapper .swiper-slide .content .list { margin-bottom: 0.375rem; } #history .historyMain .swiper-wrapper .swiper-slide .content .list:hover .intro { font-size: 0.9375rem; } #history .historyMain .swiper-wrapper .swiper-slide .content .list .drop { width: 0.3125rem; height: 0.3125rem; margin-top: 0.5625rem; margin-right: 0.75rem; } #history .historyMain .swiper-wrapper .swiper-slide .content .list .drop::after { width: 0.3125rem; height: 0.3125rem; } #history .historyMain .swiper-wrapper .swiper-slide .content .list .intro { font-size: 0.8125rem; line-height: 1.375rem; } #history .historyMain .swiper-wrapper .swiper-slide-active .imageBox { padding-left: 1.25rem; -webkit-transform: perspective(156.25rem) rotateX(0) rotateY(24deg) scale3d(1, 1, 1) translateX(-0.625rem); transform: perspective(156.25rem) rotateX(0) rotateY(24deg) scale3d(1, 1, 1) translateX(-0.625rem); } #history .historyMain .swiper-wrapper .swiper-slide-active .imageBox .image { box-shadow: -0.8125rem 0.25rem 2.1875rem 0px rgba(0, 0, 0, 0.16); } #history .historyMain .swiper-wrapper .swiper-slide-active .year { margin-left: 0px; } #history .historyMain .swiper-wrapper .swiper-slide-active .content { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } #history .historyMain .yearBox { display: none; font-size: 12.5rem; line-height: 13.75rem; bottom: -0.125rem; right: -2.5rem; } /* 集团荣誉 */ #honor { overflow: hidden; } #honor .honorLeft { width: 100%; padding-top: 2.5rem; } #honor .honorLeft .honorTitle { font-size: 1.5rem; padding-bottom: 1.25rem; } #honor .honorLeft .honorContent .wrapper { padding: 0.5rem 0px; margin-bottom: 1.125rem; max-height: none; padding-right: 1.875rem; } #honor .honorLeft .honorContent .wrapper:last-child { margin-bottom: 0px; padding-bottom: 0px; } #honor .honorLeft .honorContent .wrapper .list { padding: 0.375rem 0px; } #honor .honorLeft .honorContent .wrapper .list .year { width: 4.375rem; font-size: 0.875rem; } #honor .honorLeft .honorContent .wrapper .list .title { font-size: 0.75rem; } #honor .honorRight { width: 100%; padding-top: 0px; margin: 0px; margin-left: 0px; overflow: visible; } #honor .honorRight .honorRecommend { width: calc(100% + 2.5rem); margin-left: -1.25rem; padding-bottom: 5rem; } #honor .honorRight .honorSlideBox .honorSlide { width: 12.5rem; } #honor .honorRight .honorSlideBox .honorSlide .swiper-wrapper .swiper-slide { height: 14.6875rem; } #honor .honorRight .honorSlideBox .honorSlide .swiper-wrapper .swiper-slide::after { width: 12.1875rem; height: 12.625rem; margin: -0.46875rem auto 0px; } #honor .honorRight .honorSlideBox .honorSlide .swiper-wrapper .swiper-slide img { height: 7.5625rem; } #honor .honorRight .honorSlideBox .honorSlide .swiper-wrapper .swiper-slide-active { padding-top: 1.25rem; } #honor .honorRight .honorSlideBox .honorSlide .swiper-wrapper .swiper-slide-prev { padding-top: 2.5rem; } /* 业务布局 */ #businessLayout { padding: 2.8125rem 0px; overflow: hidden; } #businessLayout .businessLayoutTitle { font-size: 1.5rem; margin-bottom: 1.5625rem; } #businessLayout .businessLayoutMain .businessLayoutLeft { position: relative; margin-bottom: 4.0625rem; } #businessLayout .businessLayoutMain .businessLayoutLeft::before { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 7.9375rem; width: 29.75rem; height: 9.5rem; } #businessLayout .businessLayoutMain .businessLayoutLeft::after { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -2.5rem; width: 32.9375rem; height: 2.6875rem; } #businessLayout .businessLayoutMain .businessLayoutLeft .globalEarth { width: 21.25rem; height: 21.25rem; margin: 0px auto; } #businessLayout .businessLayoutMain .businessLayoutLeft .globalEarth canvas { width: 21.25rem !important; height: 21.25rem !important; } #businessLayout .businessLayoutMain .businessLayoutRight { width: 100%; } #businessLayout .businessLayoutMain .businessLayoutRight .wrapper { margin-bottom: 1.25rem; } #businessLayout .businessLayoutMain .businessLayoutRight .wrapper:nth-child(1) .title::after { width: 4.5rem; } #businessLayout .businessLayoutMain .businessLayoutRight .wrapper:last-child { margin-bottom: 0px; } #businessLayout .businessLayoutMain .businessLayoutRight .wrapper .title { font-size: 1.125rem; padding-bottom: 0.5rem; margin-bottom: 0.75rem; } #businessLayout .businessLayoutMain .businessLayoutRight .wrapper .intro { font-size: 0.875rem; line-height: 1.5rem; } /* 生产基地 */ #productionBase { padding: 2.8125rem 0px; } #productionBase .productionBaseTitle { font-size: 1.5rem; margin-bottom: 1.5625rem; } #productionBase .productionBaseMain ul li { margin-bottom: 0.75rem; } #productionBase .productionBaseMain ul li:hover { box-shadow: 0px 0.25rem 1.125rem 0px rgba(0, 0, 0, 0.15); } #productionBase .productionBaseMain ul li .image { width: 100%; } #productionBase .productionBaseMain ul li .content { padding: 1.4375rem 1.25rem; } #productionBase .productionBaseMain ul li .content::after { right: -5.3125rem; bottom: -2.1875rem; width: 19.5rem; height: 6.4375rem; } #productionBase .productionBaseMain ul li .content .title { font-size: 1.125rem; margin-bottom: 0.5625rem; } #productionBase .productionBaseMain ul li .content .intro { font-size: 0.875rem; line-height: 1.5rem; margin-bottom: 0.75rem; } #productionBase .productionBaseMain ul li .content .other p { font-size: 1rem; line-height: 1.625rem; } /* 总部 */ #headquarters { min-height: 28.125rem; } #headquarters .content { width: 100%; backdrop-filter: blur(1.25rem); padding: 1.4375rem 1.25rem; margin-bottom: 1.875rem; } #headquarters .content .title { font-size: 1.125rem; margin-bottom: 0.5625rem; } #headquarters .content .intro { font-size: 0.875rem; line-height: 1.5rem; margin-bottom: 0.75rem; padding-bottom: 0.75rem; } #headquarters .content .other { font-size: 0.875rem; line-height: 1.5rem; } /* 研发实力 */ #edStrength { padding: 2.8125rem 0px 0px; } #edStrength .edStrengthTitle { margin-bottom: 1.5625rem; } #edStrength .edStrengthTitle .title { font-size: 1.5rem; margin-right: 0px; margin-bottom: 0.9375rem; } #edStrength .edStrengthTitle .intro { font-size: 0.875rem; line-height: 1.5rem; } #edStrength .edStrengthMain { padding: 1.875rem 0px; } #edStrength .edStrengthMain ul li { height: 12.75rem; width: 50%; padding: 0px 1.25rem; } #edStrength .edStrengthMain ul li:nth-child(3n+3)::after { display: block; } #edStrength .edStrengthMain ul li:nth-child(2n+2)::after { display: none; } #edStrength .edStrengthMain ul li:nth-child(4), #edStrength .edStrengthMain ul li:nth-child(5), #edStrength .edStrengthMain ul li:nth-child(6) { border-bottom: 0.0625rem solid rgba(242, 242, 242, 0.3); } #edStrength .edStrengthMain ul li:nth-child(5), #edStrength .edStrengthMain ul li:nth-child(6) { border-bottom: 0px; } #edStrength .edStrengthMain ul li:last-child .title { font-size: 1.25rem; margin-top: 1.5rem; } #edStrength .edStrengthMain ul li .bg { box-shadow: 0.5rem 0.8125rem 2.1875rem 0px rgba(121, 0, 0, 0.3); } #edStrength .edStrengthMain ul li .bg::after { bottom: 0px; width: 9.25rem; height: 3.0625rem; } #edStrength .edStrengthMain ul li .icon { margin-top: 0px; } #edStrength .edStrengthMain ul li .icon img { width: 2rem; height: 2rem; } #edStrength .edStrengthMain ul li .number span { font-size: 1.6875rem; } #edStrength .edStrengthMain ul li .number i { font-size: 1.25rem; margin-left: 0.25rem; } #edStrength .edStrengthMain ul li .title { font-size: 0.875rem; line-height: 1.1875rem; margin-bottom: 0.3125rem; } #edStrength .edStrengthMain ul li .intro { font-size: 0.75rem; line-height: 1.25rem; } #edStrength .edStrengthMain ul li:hover .bg::after { bottom: -2.8125rem; } #edStrength .edStrengthMain ul li:hover .intro { max-height: 6rem; } /* 业务创新 */ #businessInnovation { padding: 2.8125rem 0px; } #businessInnovation .businessInnovationTitle { font-size: 1.5rem; margin-bottom: 1.875rem; } #businessInnovation .businessInnovationMain { width: 100%; margin: 0px 0px 2.25rem; } #businessInnovation .businessInnovationMain .swiper-wrapper .swiper-slide { height: auto; background: #F6F6F6; } #businessInnovation .businessInnovationMain .swiper-wrapper .swiper-slide .content { width: 100%; padding: 1.875rem 1.25rem 1.4375rem; } #businessInnovation .businessInnovationMain .swiper-wrapper .swiper-slide .content::after { left: auto; right: 0px; bottom: -0.625rem; width: 10.6875rem; height: 3.5625rem; } #businessInnovation .businessInnovationMain .swiper-wrapper .swiper-slide .content .title { font-size: 1.125rem; margin-bottom: 0.75rem; } #businessInnovation .businessInnovationMain .swiper-wrapper .swiper-slide .content .intro { font-size: 0.875rem; line-height: 1.5rem; height: 6rem; margin-bottom: 0.75rem; } #businessInnovation .businessInnovationMain .swiper-wrapper .swiper-slide .content .more { width: 8.5rem; height: 2.1875rem; line-height: 2.1875rem; font-size: 0.75rem; } #businessInnovation .businessInnovationMain .swiper-wrapper .swiper-slide .content .more span { width: 6.125rem; margin-right: 0.75rem; } #businessInnovation .businessInnovationMain .swiper-wrapper .swiper-slide .content .more i { font-size: 0.75rem; } #businessInnovation .businessInnovationMain .swiper-wrapper .swiper-slide .image { width: 100%; } #businessInnovation .businessInnovationMain .swiper-wrapper .swiper-slide .image img { height: auto; } #businessInnovation .businessInnovationMain .swiper-wrapper .swiper-slide .image p { display: none; } #businessInnovation .businessInnovationMain .swiper-wrapper .swiper-slide-active { width: 100% !important; } #businessInnovation .businessInnovationMain .swiper-wrapper .swiper-slide-active .image { width: 100%; } #businessInnovation .businessInnovationMain .swiper-wrapper .swiper-slide-active .content { width: 100%; padding: 1.875rem 1.25rem 1.4375rem; } #businessInnovation .businessInnovationOther .swiper-pagination .current { font-size: 1.125rem; } #businessInnovation .businessInnovationOther .swiper-pagination .line { font-size: 1.25rem; margin-top: 0.5rem; } #businessInnovation .businessInnovationOther .swiper-pagination .total { font-size: 0.75rem; margin-top: 1.375rem; } #businessInnovation .businessInnovationOther .swiper-scrollbar { height: 0.125rem; border-radius: 0.0625rem; margin: 0px 1.875rem 0px 1.0625rem; } #businessInnovation .businessInnovationOther .swiper-scrollbar .swiper-scrollbar-drag { border-radius: 0.0625rem; } #businessInnovation .businessInnovationOther .btns .swiper-button-prev, #businessInnovation .businessInnovationOther .btns .swiper-button-next { width: 2.71875rem; height: 2.5rem; line-height: 2.5rem; font-size: 1rem; margin: 0px -0.0625rem; } /* 研发实力介绍 */ #strengthIntro { padding: 2.8125rem 0px; } #strengthIntro .strengthIntroTitle { margin-bottom: 1.5625rem; } #strengthIntro .strengthIntroTitle .title { font-size: 1.5rem; margin-bottom: 0.75rem; } #strengthIntro .strengthIntroTitle .intro { font-size: 0.875rem; line-height: 1.5rem; } #strengthIntro .strengthIntroMain { overflow: hidden; } #strengthIntro .strengthIntroList { margin-top: 2.8125rem; } #strengthIntro .strengthIntroList ul li { margin-bottom: 2.1875rem; } #strengthIntro .strengthIntroList ul li .image { width: 100%; margin-bottom: 1.5625rem; } #strengthIntro .strengthIntroList ul li .image .imageBox { margin-bottom: 0.625rem; } #strengthIntro .strengthIntroList ul li .image .imageList .swiper-wrapper .swiper-slide img { height: 4.25rem; } #strengthIntro .strengthIntroList ul li .image .imageList .swiper-button-prev, #strengthIntro .strengthIntroList ul li .image .imageList .swiper-button-next { font-size: 1.25rem; } #strengthIntro .strengthIntroList ul li .image .imageList .swiper-button-prev { left: 0.625rem; } #strengthIntro .strengthIntroList ul li .image .imageList .swiper-button-next { right: 0.625rem; } #strengthIntro .strengthIntroList ul li .content { width: 100%; } #strengthIntro .strengthIntroList ul li .content .title { font-size: 1.375rem; padding-bottom: 0.5rem; margin-bottom: 0.875rem; } #strengthIntro .strengthIntroList ul li .content .subTitle { font-size: 1.125rem; margin-bottom: 0.75rem; } #strengthIntro .strengthIntroList ul li .content .intro { font-size: 0.875rem; line-height: 1.5rem; margin-bottom: 1.5625rem; } #strengthIntro .strengthIntroList ul li .content .icon img { width: 10.5rem; } /* */ #strengthBrand { padding: 2.8125rem 0px; min-height: auto; position: relative; } #strengthBrand::after { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); content: ""; display: block; } #strengthBrand .title { font-size: 1rem; line-height: 1.625rem; margin-bottom: 1.25rem; position: relative; z-index: 2; } #strengthBrand .list { margin: -0.3125rem; position: relative; z-index: 2; } #strengthBrand .list a { width: 9.0625rem; height: 3.1875rem; backdrop-filter: blur(1.25rem); margin: 0.3125rem; } /* 相关链接 */ #relatedLinks { padding: 2.8125rem 0px; } #relatedLinks .relatedLinksTitle { font-size: 1.5rem; margin-bottom: 1.5625rem; } #relatedLinks .relatedLinksMain .swiper-wrapper .swiper-slide a img { height: 25rem; } #relatedLinks .relatedLinksMain .swiper-wrapper .swiper-slide a p { padding: 1.875rem 1.25rem 1.25rem; font-size: 1.125rem; } /* 高端智能装备 */ #intelligentEquipment { padding: 2.8125rem 0px; } #intelligentEquipment::after { bottom: 0px; width: 30rem; height: 22.0625rem; } #intelligentEquipment .intelligentEquipmentLeft { width: 100%; margin-bottom: 1.875rem; } #intelligentEquipment .intelligentEquipmentLeft > .title { font-size: 1.5rem; margin-bottom: 0.75rem; } #intelligentEquipment .intelligentEquipmentLeft .intro { font-size: 0.875rem; line-height: 1.5rem; margin-bottom: 2.1875rem; } #intelligentEquipment .intelligentEquipmentLeft .numberBox { margin: -0.9375rem; } #intelligentEquipment .intelligentEquipmentLeft .numberBox .list { margin: 0.9375rem; padding-top: 0.8125rem; } #intelligentEquipment .intelligentEquipmentLeft .numberBox .list .number span { font-size: 2.125rem; } #intelligentEquipment .intelligentEquipmentLeft .numberBox .list .number i { font-size: 1.5rem; margin-left: 0.375rem; } #intelligentEquipment .intelligentEquipmentLeft .numberBox .list .title { font-size: 0.75rem; margin-top: 0.25rem; } #intelligentEquipment .intelligentEquipmentRight { width: 100%; } /* 钻攻机 */ #drillingMachine { padding: 2.8125rem 0px 0px; min-height: 61.25rem; } #drillingMachine .drillingMachineTitle .title { font-size: 1.5rem; margin-right: 0px; margin-bottom: 0.75rem; } #drillingMachine .drillingMachineTitle .intro { font-size: 0.875rem; line-height: 1.5rem; } #drillingMachine .drillingMachineMain .drillingMachineLeft { width: 100%; margin-left: 0px; margin-top: 2.1875rem; } #drillingMachine .drillingMachineMain .drillingMachineRight { width: 100%; height: 34.375rem; margin-top: -3.125rem; margin-right: 0px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } #drillingMachine .drillingMachineMain .drillingMachineRight::after { top: 12.5rem; width: 72.1875rem; height: 15.5rem; } #drillingMachine .drillingMachineMain .drillingMachineRight .swiper-wrapper .swiper-slide { padding-right: 1.875rem; } #drillingMachine .drillingMachineMain .drillingMachineRight .swiper-wrapper .swiper-slide .number { font-size: 1.75rem; margin-bottom: 0.3125rem; } #drillingMachine .drillingMachineMain .drillingMachineRight .swiper-wrapper .swiper-slide .image { margin-bottom: 1.5rem; } #drillingMachine .drillingMachineMain .drillingMachineRight .swiper-wrapper .swiper-slide .image img { width: 9.1875rem; height: 9.1875rem; } #drillingMachine .drillingMachineMain .drillingMachineRight .swiper-wrapper .swiper-slide .year { font-size: 1.125rem; margin-bottom: 0.3125rem; } #drillingMachine .drillingMachineMain .drillingMachineRight .swiper-wrapper .swiper-slide .intro { font-size: 0.875rem; line-height: 1.5rem; } #drillingMachine .drillingMachineMain .drillingMachineRight .swiper-wrapper .swiper-slide .intro p::before { margin-right: 0.375rem; } #drillingMachine .drillingMachineMain .drillingMachineRight .swiper-wrapper .swiper-slide-active { -webkit-transform: translateY(10rem); -ms-transform: translateY(10rem); transform: translateY(10rem); } #drillingMachine .drillingMachineMain .drillingMachineRight .swiper-wrapper .swiper-slide-active + .swiper-slide { -webkit-transform: translateY(5rem); -ms-transform: translateY(5rem); transform: translateY(5rem); } #drillingMachine .drillingMachineMain .drillingMachineRight .swiper-wrapper .swiper-slide-active + .swiper-slide + .swiper-slide { -webkit-transform: translateY(10rem); -ms-transform: translateY(10rem); transform: translateY(10rem); } /* 加工中心 */ #machiningCenter { padding: 2.8125rem 0px; } #machiningCenter::after { bottom: -1.3125rem; width: 18.75rem; height: 6.8125rem; } #machiningCenter .machiningCenterTitle { font-size: 1.5rem; margin-bottom: 1.5625rem; } #machiningCenter .machiningCenterMain .machiningCenterLeft { width: 100%; height: auto; padding-left: 0px; margin: 0px; } #machiningCenter .machiningCenterMain .machiningCenterLeft::after { display: none; } #machiningCenter .machiningCenterMain .machiningCenterLeft .swiper-wrapper .swiper-slide { padding-top: 1.5625rem; } #machiningCenter .machiningCenterMain .machiningCenterLeft .swiper-wrapper .swiper-slide::after { display: none; } #machiningCenter .machiningCenterMain .machiningCenterLeft .swiper-wrapper .swiper-slide .title { font-size: 1.125rem; } #machiningCenter .machiningCenterMain .machiningCenterLeft .swiper-wrapper .swiper-slide .intro { font-size: 0.875rem; line-height: 1.5rem; max-height: none; margin: 0.625rem 0px 1.5625rem; } #machiningCenter .machiningCenterMain .machiningCenterLeft .swiper-wrapper .swiper-slide .more { width: 8.5rem; height: 2.1875rem; line-height: 2.1875rem; font-size: 0.75rem; } #machiningCenter .machiningCenterMain .machiningCenterLeft .swiper-wrapper .swiper-slide .more span { width: 6.125rem; margin-right: 0.75rem; } #machiningCenter .machiningCenterMain .machiningCenterLeft .swiper-wrapper .swiper-slide .more i { font-size: 0.75rem; } #machiningCenter .machiningCenterMain .machiningCenterLeft .swiper-wrapper .swiper-slide-thumb-active .intro { max-height: none; margin: 0.625rem 0px 1.5625rem; } #machiningCenter .machiningCenterMain .machiningCenterLeft .swiper-wrapper .swiper-slide-thumb-active .more { height: 2.1875rem; } #machiningCenter .machiningCenterMain .machiningCenterRight { width: 100%; margin: 0px; } #machiningCenter .machiningCenterMain .machiningCenterRight .swiper-wrapper .swiper-slide { width: 100%; } #machiningCenter .machiningCenterMain .machiningCenterRight .swiper-wrapper .swiper-slide img { height: 20.625rem; } /* 解决方案 */ #scheme { padding-top: 2.8125rem; } #scheme .schemeTitle { margin-bottom: 2.5rem; } #scheme .schemeTitle .title { font-size: 1.5rem; margin-bottom: 0.75rem; } #scheme .schemeTitle .intro { font-size: 0.875rem; line-height: 1.5rem; } #scheme .schemeTitle .intro br { display: none; } #scheme .schemeMain { position: relative; } #scheme .schemeMain .schemeList { top: 5.3125rem; left: 1.25rem; padding-left: 0.9375rem; } #scheme .schemeMain .schemeList::after { width: 0.125rem; } #scheme .schemeMain .schemeList .list { font-size: 0.875rem; line-height: 1.5rem; margin-bottom: 0.75rem; } #scheme .schemeMain .schemeList .list::after { left: -0.9375rem; width: 0.125rem; } #scheme .schemeMain .schemeList .list.active { font-size: 1.125rem; } #scheme .schemeMain .schemeImage .swiper-wrapper .swiper-slide img { height: 100vh; max-height: 62.5rem; } #scheme .schemeMain .schemeContent { top: auto; bottom: 0px; width: 100%; height: auto; backdrop-filter: blur(1.25rem); padding: 2.0625rem 1.25rem 2.1875rem; } #scheme .schemeMain .schemeContent .content { margin-bottom: 1.25rem; } #scheme .schemeMain .schemeContent .content .title { font-size: 1.375rem; margin-bottom: 0.75rem; } #scheme .schemeMain .schemeContent .content .intro { font-size: 0.875rem; line-height: 1.5rem; } #scheme .schemeMain .schemeContent .schemeSlide { margin-bottom: 0px; } #scheme .schemeMain .schemeContent .schemeSlide .swiper-wrapper .swiper-slide .icon { margin-bottom: 0.75rem; } #scheme .schemeMain .schemeContent .schemeSlide .swiper-wrapper .swiper-slide .icon img { width: 2.9375rem; height: 2.9375rem; } #scheme .schemeMain .schemeContent .schemeSlide .swiper-wrapper .swiper-slide .title { font-size: 1.125rem; margin-bottom: 0.375rem; } #scheme .schemeMain .schemeContent .schemeSlide .swiper-wrapper .swiper-slide .intro { font-size: 0.75rem; line-height: 1.375rem; margin-bottom: 1rem; } #scheme .schemeMain .schemeContent .schemeSlide .swiper-wrapper .swiper-slide .more { width: 8.5rem; height: 2.1875rem; line-height: 2.1875rem; font-size: 0.75rem; } #scheme .schemeMain .schemeContent .schemeSlide .swiper-wrapper .swiper-slide .more span { width: 6.125rem; margin-right: 0.75rem; } #scheme .schemeMain .schemeContent .schemeSlide .swiper-wrapper .swiper-slide .more i { font-size: 0.75rem; } /* 其他方案 */ #schemeOther { padding: 2.8125rem 0px; } #schemeOther ul li { margin-bottom: 0.75rem; } #schemeOther ul li:nth-child(odd) .content { margin-right: 0px; } #schemeOther ul li:nth-child(even) .content { margin-left: 0px; } #schemeOther ul li .image { width: 100%; } #schemeOther ul li .image > img { min-height: 18.75rem; } #schemeOther ul li .image .imageContent { padding: 1.25rem; } #schemeOther ul li .image .imageContent .imageContentLeft { width: auto; margin: 2.5rem 0px 0px; } #schemeOther ul li .image .imageContent .imageContentLeft .swiper-wrapper .swiper-slide .title { font-size: 0.875rem; margin-bottom: 0.25rem; } #schemeOther ul li .image .imageContent .imageContentLeft .swiper-wrapper .swiper-slide .intro { font-size: 0.75rem; line-height: 1.1875rem; } #schemeOther ul li .image .imageContent .imageContentRight { width: 11.5625rem; height: 11.5625rem; margin-right: 0px; } #schemeOther ul li .image .imageContent .imageContentRight .imageContentImage { width: 4.8125rem; height: 4.8125rem; } #schemeOther ul li .image .imageContent .imageContentRight .imageContentImage .swiper-wrapper .swiper-slide img { width: 6.0625rem; height: 6.0625rem; } #schemeOther ul li .image .imageContent .imageContentRight ul { left: calc(50% - 4.65625rem); top: calc(50% - 4.65625rem); width: 9.3125rem; height: 9.3125rem; } #schemeOther ul li .image .imageContent .imageContentRight ul li { left: calc(50% - 1.5625rem); width: 3rem; height: 100%; } #schemeOther ul li .image .imageContent .imageContentRight ul li .icon { width: 2.4375rem; height: 2.4375rem; line-height: 2.4375rem; margin-left: -1.375rem; } #schemeOther ul li .image .imageContent .imageContentRight ul li .icon img { width: 1.5625rem; height: 1.5625rem; } #schemeOther ul li .image .imageContent .imageContentTags { margin-top: 1.25rem; } #schemeOther ul li .image .imageContent .imageContentTags span { height: 1.5625rem; line-height: 1.5625rem; font-size: 0.625rem; backdrop-filter: blur(1.25rem); margin: 0.1875rem; padding: 0px 0.75rem; } #schemeOther ul li .content { width: 100%; height: auto; padding: 1.875rem 1.25rem 2.8125rem; } #schemeOther ul li .content::after { left: auto; right: 0px; bottom: 0px; width: 10.8125rem; height: 3.75rem; } #schemeOther ul li .content .title { font-size: 1.125rem; line-height: 1.75rem; margin-bottom: 0.5rem; } #schemeOther ul li .content .intro { font-size: 0.875rem; line-height: 1.5rem; max-height: none; padding-right: 0px; } /* 方案详情介绍 */ #schemeDetailIntro { padding-top: 2.5rem; } #schemeDetailIntro .schemeDetailIntroTitle { margin-bottom: 1.5625rem; } #schemeDetailIntro .schemeDetailIntroTitle .title { font-size: 1.5rem; margin-bottom: 0.8125rem; } #schemeDetailIntro .schemeDetailIntroTitle .intro { font-size: 0.875rem; line-height: 1.5rem; } #schemeDetailIntro .schemeDetailIntroMain { padding: 2.5rem 0px; } #schemeDetailIntro .schemeDetailIntroMain .bigTitle { font-size: 1.5rem; margin-bottom: 0.75rem; } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox { padding-bottom: 2.5rem; } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-wrapper .swiper-slide .image { margin-top: 0px; } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-wrapper .swiper-slide .image img { width: 100%; } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-wrapper .swiper-slide .content { width: 100%; height: auto; padding: 1.4375rem 1.25rem 0.625rem; } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-wrapper .swiper-slide .content .title { font-size: 1.25rem; } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-wrapper .swiper-slide .content .intro { font-size: 0.875rem; line-height: 1.5rem; } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-wrapper .swiper-slide .content .intro p { padding: 0.75rem 0px; } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-wrapper .swiper-slide .content .intro p:last-child { border-bottom: 0px; } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-wrapper .swiper-slide .content .intro p::before { font-size: 1.5rem; margin-right: 0.5rem; } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-button-prev, #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-button-next { display: none; position: absolute; top: 40%; display: block; width: 4.125rem; height: 3.6875rem; text-align: center; line-height: 3.6875rem; color: #878b8d; font-size: 1.375rem; cursor: pointer; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; background: url("../images/btnBg4.png") no-repeat center/cover; z-index: 2; } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-button-prev:hover, #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-button-next:hover { color: #fff; background-image: url("../images/btnBg3.png"); background-color: #CF0F1A; } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-button-prev i, #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-button-next i { display: inline-block; } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-button-prev { left: -5.375rem; } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-button-prev i { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-button-next { right: -5.375rem; } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-button-next i { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-pagination { bottom: 0px; } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-pagination .swiper-pagination-bullet { display: inline-block; width: 1.875rem; height: 0.125rem; margin: 0px 0.3125rem; background: #FFFFFF; cursor: pointer; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; position: relative; } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-pagination .swiper-pagination-bullet::after { position: absolute; left: 0px; top: 0px; height: 100%; background: #CF0F1A; content: ""; display: block; } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-pagination .swiper-pagination-bullet-active { width: 2.5rem; } #schemeDetailIntro .schemeDetailIntroMain .schemeDetailIntroBox .swiper-pagination .swiper-pagination-bullet-active::after { -webkit-animation: progressBar 4.5s ease forwards; animation: progressBar 4.5s ease forwards; } /* 应用案例 */ #applicationCases { padding: 2.5rem 0px 0px; } #applicationCases .applicationCasesTitle { font-size: 1.5rem; margin-bottom: 1.5625rem; } #applicationCases .applicationCasesMain .swiper-wrapper .swiper-slide .image { margin-bottom: 1.4375rem; } #applicationCases .applicationCasesMain .swiper-wrapper .swiper-slide .title { font-size: 1rem; } #applicationCases .applicationCasesOther { margin-top: 1.8125rem; } #applicationCases .applicationCasesOther .swiper-pagination .current { font-size: 1.125rem; } #applicationCases .applicationCasesOther .swiper-pagination .line { font-size: 1.25rem; margin-top: 0.5rem; } #applicationCases .applicationCasesOther .swiper-pagination .total { font-size: 0.75rem; margin-top: 1.375rem; } #applicationCases .applicationCasesOther .swiper-scrollbar { height: 0.125rem; border-radius: 0.0625rem; margin: 0px 1.875rem 0px 1.0625rem; } #applicationCases .applicationCasesOther .swiper-scrollbar .swiper-scrollbar-drag { border-radius: 0.0625rem; } #applicationCases .applicationCasesOther .btns .swiper-button-prev, #applicationCases .applicationCasesOther .btns .swiper-button-next { width: 2.71875rem; height: 2.5rem; line-height: 2.5rem; font-size: 1rem; margin: 0px -0.0625rem; } /* 合作单位 */ #cooperativeUnits { padding: 2.8125rem 0px; } #cooperativeUnits .cooperativeUnitsTitle { font-size: 1.5rem; margin-bottom: 1.5625rem; } #cooperativeUnits .cooperativeUnitsMain .swiper-wrapper .swiper-slide { width: 14.375rem; } #cooperativeUnits .cooperativeUnitsMain .swiper-wrapper .swiper-slide img { width: 100%; height: 6.5rem; } #cooperativeUnits .cooperativeUnitsOther { margin-top: 1.875rem; } #cooperativeUnits .cooperativeUnitsOther .swiper-pagination .current { font-size: 1.125rem; } #cooperativeUnits .cooperativeUnitsOther .swiper-pagination .line { font-size: 1.25rem; margin-top: 0.5rem; } #cooperativeUnits .cooperativeUnitsOther .swiper-pagination .total { font-size: 0.75rem; margin-top: 1.375rem; } #cooperativeUnits .cooperativeUnitsOther .swiper-scrollbar { height: 0.125rem; border-radius: 0.0625rem; margin: 0px 1.875rem 0px 1.0625rem; } #cooperativeUnits .cooperativeUnitsOther .swiper-scrollbar .swiper-scrollbar-drag { border-radius: 0.0625rem; } #cooperativeUnits .cooperativeUnitsOther .btns .swiper-button-prev, #cooperativeUnits .cooperativeUnitsOther .btns .swiper-button-next { width: 2.71875rem; height: 2.5rem; line-height: 2.5rem; font-size: 1rem; margin: 0px -0.0625rem; } /* 旗下品牌 */ #brandList ul li { height: 100vh; padding: 2.8125rem 0px; } #brandList ul li .brandListTitle { margin-bottom: 3.4375rem; } #brandList ul li .brandListTitle .title { font-size: 1.5rem; margin-right: 0px; margin-bottom: 0.75rem; } #brandList ul li .brandListTitle .intro { font-size: 0.875rem; line-height: 1.5rem; padding-right: 1.25rem; height: 12rem; max-height: 12rem; } #brandList ul li .brandListTitle .intro.animated { color: #fff; } #brandList ul li .brandListTitle .intro.animated::-webkit-scrollbar { background-color: #eee; } #brandList ul li .brandListTitle .intro.animated::-webkit-scrollbar-track { background-color: #eee; } #brandList ul li .brandListTitle .intro::-webkit-scrollbar { width: 0.125rem; height: 0.125rem; } #brandList ul li .brandListTitle .intro::-webkit-scrollbar-track { border-radius: 0.125rem; } #brandList ul li .brandListTitle .intro::-webkit-scrollbar-thumb { border-radius: 0.125rem; } #brandList ul li .brandListContent .content { width: 100%; padding: 0.625rem 0.625rem 1.25rem; margin-right: 0px; backdrop-filter: blur(1.25rem); border: 0.0625rem solid; -webkit-border-image: -webkit-linear-gradient(315deg, #fff, transparent, #fff) 1; border-image: linear-gradient(135deg, #fff, transparent, #fff) 1; } #brandList ul li .brandListContent .content .logo { background: #FFFFFF; text-align: center; margin-bottom: 1.5625rem; } #brandList ul li .brandListContent .content .logo img { width: 60%; height: auto; } #brandList ul li .brandListContent .content .more { width: 8.5rem; height: 2.1875rem; line-height: 2.1875rem; font-size: 0.75rem; } #brandList ul li .brandListContent .content .more span { width: 6.125rem; margin-right: 0.75rem; } #brandList ul li .brandListContent .content .more i { font-size: 0.75rem; } #brandList ul li .brandListMain { width: 97.5rem; position: absolute; left: 50%; top: 20.1875rem; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); height: 37.875rem; } /* 联营企业 */ #jointVenture { padding: 2.8125rem 0px; } #jointVenture ul { margin: 0px -1.25rem; } #jointVenture ul li { top: 3.75rem; margin-bottom: 2.5rem; } #jointVenture ul li .image img { min-height: 14.375rem; object-fit: cover; } #jointVenture ul li .content { backdrop-filter: blur(1.25rem); padding: 1.4375rem 1.25rem; margin: -3.125rem 1.25rem 0px; } #jointVenture ul li .content .title { width: 100%; padding-right: 0px; font-size: 1.125rem; margin-bottom: 0.75rem; } #jointVenture ul li .content .other { width: 100%; } #jointVenture ul li .content .other .intro { font-size: 0.875rem; line-height: 1.5rem; margin-bottom: 1.625rem; } #jointVenture ul li .content .other .more { width: 8.5rem; height: 2.1875rem; line-height: 2.1875rem; font-size: 0.75rem; } #jointVenture ul li .content .other .more span { width: 6.125rem; margin-right: 0.75rem; } #jointVenture ul li .content .other .more i { font-size: 0.75rem; } /* 产品列表 */ #productList { padding: 2.8125rem 0px; } #productList .productListTitle { font-size: 1.5rem; margin-bottom: 1.5625rem; } #productList .productListMain ul { margin: 0px 0px -0.75rem; } #productList .productListMain ul li { width: 100%; margin: 0px 0px 0.75rem; } #productList .productListMain ul li a:hover { box-shadow: 0.6875rem 0.75rem 1.6875rem 0px rgba(170, 170, 170, 0.63); } #productList .productListMain ul li a .logo { left: 1.25rem; top: 1.25rem; } #productList .productListMain ul li a .logo img { height: 2.4375rem; } #productList .productListMain ul li a .image { padding-top: 3.75rem; } #productList .productListMain ul li a .image img { height: auto; } #productList .productListMain ul li a .content { padding: 1.4375rem 1.25rem; border-width: 0.125rem; } #productList .productListMain ul li a .content .title { font-size: 1.125rem; margin-bottom: 0.5625rem; } #productList .productListMain ul li a .content .more { font-size: 0.875rem; } #productList .productListMain ul li a .content .more span { margin-right: 0.875rem; } #productList .productListMain ul .layui-flow-more { font-size: 0.875rem; margin: 2.1875rem 0px 0px; } #productList .productListMain ul .layui-flow-more a cite { font-size: 0.875rem; } #productList .productListMain ul .layui-flow-more a cite::after { width: 0.625rem; height: 0.75rem; margin-left: 0.75rem; } /* 产品详情 */ #productDetail { height: auto; padding: 5rem 0px 1.5625rem; } #productDetail .productDetailLeft { width: 100%; margin-right: 0px; } #productDetail .productDetailLeft .title { font-size: 1.5rem; line-height: 1.9375rem; } #productDetail .productDetailLeft .subTitle { font-size: 1.5rem; line-height: 1.9375rem; margin-bottom: 0.5rem; } #productDetail .productDetailLeft .intro { font-size: 0.875rem; margin-bottom: 1.5625rem; } #productDetail .productDetailLeft .btns a { width: 8.5rem; height: 2.1875rem; line-height: 2.1875rem; font-size: 0.75rem; margin-right: 0.625rem; } #productDetail .productDetailLeft .btns a span { width: 6.125rem; margin-right: 0.75rem; } #productDetail .productDetailLeft .btns a i { font-size: 0.75rem; } #productDetail .productDetailRight { width: 100%; height: auto; padding-top: 1.5625rem; } #productDetail .productDetailRight img { display: block; width: 100%; height: auto; } #productSticky { display: none; height: 105rem; } #productSticky .productStickyBox { top: 5rem; padding-right: 0px; } #productSticky .productStickyBox img { width: 100%; height: auto; } /* 产品概况 */ #productIntro { padding: 2.8125rem 0px; } #productIntro .productIntroLeft { width: 100%; } #productIntro .productIntroLeft .title { font-size: 1.5rem; padding-bottom: 0.5rem; margin-bottom: 1.25rem; } #productIntro .productIntroLeft .intro { font-size: 0.875rem; line-height: 1.5rem; margin-bottom: 1.5625rem; padding-right: 0px; max-height: none; } #productIntro .productIntroLeft .more { width: 8.5rem; height: 2.1875rem; line-height: 2.1875rem; font-size: 0.75rem; } #productIntro .productIntroLeft .more span { width: 6.125rem; margin-right: 0.75rem; } #productIntro .productIntroLeft .more i { font-size: 0.75rem; } #productIntro .productIntroRight { width: 100%; margin-top: 1.25rem; margin-right: 0px; } #productIntro .productIntroRight img { display: block; } /* 产品特点 */ #productFeature { min-height: auto; padding: 2.8125rem 0px 0px; } #productFeature .productFeatureTitle { font-size: 1.5rem; margin-bottom: 1.5625rem; } #productFeature .productFeatureMain .productFeatureLeft { width: 100%; margin-bottom: 1.5625rem; } #productFeature .productFeatureMain .productFeatureRight { width: 100%; } #productFeature .productFeatureMain .productFeatureRight .productFeatureRightBox { height: 18.75rem; } #productFeature .productFeatureMain .productFeatureRight .productFeatureRightBox .swiper-wrapper .swiper-slide { padding: 0.75rem 0px; font-size: 0.875rem; line-height: 1.5rem; } #productFeature .productFeatureMain .productFeatureRight .productFeatureRightBox .swiper-wrapper .swiper-slide::before { font-size: 1.5rem; margin-right: 0.5rem; } #productFeature .productFeatureMain .productFeatureRight .swiper-pagination { width: 0.125rem; height: 4.125rem; margin-top: 3.125rem; } /* 产品参数 */ #productParam { padding: 2.8125rem 0px; } #productParam .productParamTitle { font-size: 1.5rem; margin-bottom: 1.5625rem; } #productParam .productParamMain .productParamLeft { width: 100%; margin-left: 0px; } #productParam .productParamMain .productParamRight { width: 100%; overflow-x: auto; } #productParam .productParamMain .productParamRight::-webkit-scrollbar { width: 0.125rem; height: 0.125rem; background-color: #d5d5d5; } #productParam .productParamMain .productParamRight::-webkit-scrollbar-track { border-radius: 0.125rem; background-color: #d5d5d5; } #productParam .productParamMain .productParamRight::-webkit-scrollbar-thumb { border-radius: 0.125rem; background-color: #CF0F1A; } #productParam .productParamMain .productParamRight table { min-width: 37.5rem; } #productParam .productParamMain .productParamRight table thead tr th { font-size: 1rem; padding: 0.8125rem 1.25rem; } #productParam .productParamMain .productParamRight table tbody tr td { font-size: 0.875rem; padding: 0.625rem 1.25rem; } /* 人才理念 */ #talentConcept { padding: 2.8125rem 0px; } #talentConcept .talentConceptHead .talentConceptTitle { width: 100%; margin-bottom: 1.5625rem; } #talentConcept .talentConceptHead .talentConceptTitle .title { font-size: 1.5rem; margin-bottom: 0.75rem; } #talentConcept .talentConceptHead .talentConceptTitle .intro { font-size: 0.875rem; line-height: 1.5rem; } #talentConcept .talentConceptHead .talentConceptRight { width: 100%; margin-right: 0px; border-radius: 5rem 0px 0px 0px; } #talentConcept .talentConceptHead .talentConceptRight img { min-height: 13.75rem; object-fit: cover; } #talentConcept .talentConceptContent { margin: 0.75rem 0px -0.5625rem; } #talentConcept .talentConceptContent .list { width: 100%; margin: 0px 0px 0.5625rem; padding: 1.1875rem 1.25rem 1.1875rem 1.875rem; backdrop-filter: blur(1.25rem); } #talentConcept .talentConceptContent .list .title { font-size: 1.125rem; margin-bottom: 0.375rem; } #talentConcept .talentConceptContent .list .title::before { width: 0.3125rem; height: 0.3125rem; margin: 0.8125rem 0.625rem 0px -1rem; } #talentConcept .talentConceptContent .list .intro { font-size: 0.875rem; line-height: 1.5rem; } /* 商学院 */ #businessSchool { padding: 8.8125rem 0px 1.5625rem; } #businessSchool .content { width: 100%; min-height: auto; padding: 1.4375rem 1.25rem; backdrop-filter: blur(1.25rem); } #businessSchool .content .title { font-size: 1.5rem; margin-bottom: 0.5rem; } #businessSchool .content .intro { font-size: 0.875rem; line-height: 1.5rem; } /* 文化福利 */ #culturalWelfare { padding-top: 2.8125rem; } #culturalWelfare .culturalWelfareTitle { font-size: 1.5rem; margin-bottom: 1.25rem; } #culturalWelfare .culturalWelfareList { margin-bottom: 2.1875rem; } #culturalWelfare .culturalWelfareList ul { width: 100%; line-height: 2.6875rem; border-radius: 1.875rem; overflow: auto; white-space: nowrap; } #culturalWelfare .culturalWelfareList ul::-webkit-scrollbar { width: 0.125rem; height: 0.125rem; background-color: #d5d5d5; } #culturalWelfare .culturalWelfareList ul::-webkit-scrollbar-track { border-radius: 0.125rem; background-color: #d5d5d5; } #culturalWelfare .culturalWelfareList ul::-webkit-scrollbar-thumb { border-radius: 0.125rem; background-color: #CF0F1A; } #culturalWelfare .culturalWelfareList ul li { width: 7.25rem; font-size: 0.875rem; line-height: 2.6875rem; border-radius: 1.875rem; } #culturalWelfare .culturalWelfareList ul li img { width: 1.375rem; height: 1.375rem; margin-right: 0.375rem; margin-top: -0.375rem; } /* 工作环境 */ #workEnvironment { padding: 2.8125rem 0px; } #workEnvironment .workEnvironmentTitle { font-size: 1.5625rem; margin-bottom: 1.5625rem; } #workEnvironment .workEnvironmentMain { width: 100%; } #workEnvironment .workEnvironmentMain .swiper-wrapper .swiper-slide .image { width: 100%; margin-right: 0px; } #workEnvironment .workEnvironmentMain .swiper-wrapper .swiper-slide .content { width: 100%; padding-top: 1.5625rem; } #workEnvironment .workEnvironmentMain .swiper-wrapper .swiper-slide .content .title { font-size: 1.125rem; padding-bottom: 0.75rem; margin-bottom: 0.9375rem; } #workEnvironment .workEnvironmentMain .swiper-wrapper .swiper-slide .content .intro { font-size: 0.875rem; line-height: 1.5rem; max-height: none; overflow-y: auto; padding-right: 0px; margin-right: 0px; } #workEnvironment .workEnvironmentOther { margin-top: 1.875rem; } #workEnvironment .workEnvironmentOther .swiper-pagination .current { font-size: 1.125rem; } #workEnvironment .workEnvironmentOther .swiper-pagination .line { font-size: 1.25rem; margin-top: 0.5rem; } #workEnvironment .workEnvironmentOther .swiper-pagination .total { font-size: 0.75rem; margin-top: 1.375rem; } #workEnvironment .workEnvironmentOther .swiper-scrollbar { height: 0.125rem; border-radius: 0.0625rem; margin: 0px 1.875rem 0px 1.0625rem; } #workEnvironment .workEnvironmentOther .swiper-scrollbar .swiper-scrollbar-drag { border-radius: 0.0625rem; } #workEnvironment .workEnvironmentOther .btns .swiper-button-prev, #workEnvironment .workEnvironmentOther .btns .swiper-button-next { width: 2.71875rem; height: 2.5rem; line-height: 2.5rem; font-size: 1rem; margin: 0px -0.0625rem; } /* 员工活动 */ #employeeActivities { padding: 2.8125rem 0px; } #employeeActivities .employeeActivitiesTitle { font-size: 1.375rem; margin-bottom: 1.5625rem; } #employeeActivities .employeeActivitiesMain .swiper-wrapper .swiper-slide a { border-bottom-width: 0.125rem; } #employeeActivities .employeeActivitiesMain .swiper-wrapper .swiper-slide a:hover { box-shadow: 0px 1.125rem 1.8125rem 0px rgba(0, 0, 0, 0.18); } #employeeActivities .employeeActivitiesMain .swiper-wrapper .swiper-slide a .content { padding: 1.4375rem 1.25rem; } #employeeActivities .employeeActivitiesMain .swiper-wrapper .swiper-slide a .content::after { right: 0px; bottom: 0px; width: 7rem; height: 2.09375rem; } #employeeActivities .employeeActivitiesMain .swiper-wrapper .swiper-slide a .content .title { font-size: 1.125rem; margin-bottom: 0.4375rem; } #employeeActivities .employeeActivitiesMain .swiper-wrapper .swiper-slide a .content .intro { font-size: 0.875rem; line-height: 1.5rem; height: auto; margin-bottom: 1.1875rem; } #employeeActivities .employeeActivitiesMain .swiper-wrapper .swiper-slide a .content .more { font-size: 0.8125rem; } #employeeActivities .employeeActivitiesMain .swiper-wrapper .swiper-slide a .content .more span { margin-right: 0.5625rem; } #employeeActivities .employeeActivitiesMain .swiper-wrapper .swiper-slide a .content .more i { font-size: 0.9375rem; } #employeeActivities .employeeActivitiesOther { margin-top: 1.875rem; } #employeeActivities .employeeActivitiesOther .swiper-pagination .current { font-size: 1.125rem; } #employeeActivities .employeeActivitiesOther .swiper-pagination .line { font-size: 1.25rem; margin-top: 0.5rem; } #employeeActivities .employeeActivitiesOther .swiper-pagination .total { font-size: 0.75rem; margin-top: 1.375rem; } #employeeActivities .employeeActivitiesOther .swiper-scrollbar { height: 0.125rem; border-radius: 0.0625rem; margin: 0px 1.875rem 0px 1.0625rem; } #employeeActivities .employeeActivitiesOther .swiper-scrollbar .swiper-scrollbar-drag { border-radius: 0.0625rem; } #employeeActivities .employeeActivitiesOther .btns .swiper-button-prev, #employeeActivities .employeeActivitiesOther .btns .swiper-button-next { width: 2.71875rem; height: 2.5rem; line-height: 2.5rem; font-size: 1rem; margin: 0px -0.0625rem; } /* 福利待遇 */ #welfareTreatment { padding: 2.8125rem 0px; } #welfareTreatment .content { width: 100%; padding: 1.875rem 1.25rem 0.625rem; backdrop-filter: blur(1.25rem); } #welfareTreatment .content > .title { font-size: 1.375rem; padding-bottom: 1.1875rem; } #welfareTreatment .content .listBox .list { padding: 1rem 0px; } #welfareTreatment .content .listBox .list .icon { width: 3.1875rem; height: 3.1875rem; line-height: 3.1875rem; } #welfareTreatment .content .listBox .list .icon img { width: 1.6875rem; height: 1.6875rem; } #welfareTreatment .content .listBox .list .other { margin-left: 0.9375rem; } #welfareTreatment .content .listBox .list .other .title { font-size: 1.125rem; margin-bottom: 0.25rem; } #welfareTreatment .content .listBox .list .other .intro { font-size: 0.875rem; line-height: 1.5rem; } /* 员工故事 */ #employeeStories { padding: 2.8125rem 0px; } #employeeStories .employeeStoriesTitle { font-size: 1.375rem; margin-bottom: 1.25rem; } #employeeStories .employeeStoriesMain { padding-top: 2.5rem; } #employeeStories .employeeStoriesMain .swiper-wrapper .swiper-slide { height: auto; } #employeeStories .employeeStoriesMain .swiper-wrapper .swiper-slide .image { width: 100%; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-top: -2.5rem; } #employeeStories .employeeStoriesMain .swiper-wrapper .swiper-slide .image img { width: 60%; height: auto; } #employeeStories .employeeStoriesMain .swiper-wrapper .swiper-slide .content { margin-left: 0px; padding: 1.4375rem 1.25rem 1.875rem; } #employeeStories .employeeStoriesMain .swiper-wrapper .swiper-slide .content .title { font-size: 1.375rem; margin-bottom: 0.5rem; } #employeeStories .employeeStoriesMain .swiper-wrapper .swiper-slide .content .title span { font-size: 1rem; } #employeeStories .employeeStoriesMain .swiper-wrapper .swiper-slide .content .intro { font-size: 0.875rem; line-height: 1.5rem; height: auto; margin-bottom: 1.5625rem; } #employeeStories .employeeStoriesMain .swiper-wrapper .swiper-slide .content .more { width: 8.5rem; height: 2.1875rem; line-height: 2.1875rem; font-size: 0.75rem; } #employeeStories .employeeStoriesMain .swiper-wrapper .swiper-slide .content .more span { width: 6.125rem; margin-right: 0.75rem; } #employeeStories .employeeStoriesMain .swiper-wrapper .swiper-slide .content .more i { font-size: 0.75rem; } #employeeStories .employeeStoriesOther { margin-top: 1.875rem; } #employeeStories .employeeStoriesOther .swiper-pagination .current { font-size: 1.125rem; } #employeeStories .employeeStoriesOther .swiper-pagination .line { font-size: 1.25rem; margin-top: 0.5rem; } #employeeStories .employeeStoriesOther .swiper-pagination .total { font-size: 0.75rem; margin-top: 1.375rem; } #employeeStories .employeeStoriesOther .swiper-scrollbar { height: 0.125rem; border-radius: 0.0625rem; margin: 0px 1.875rem 0px 1.0625rem; } #employeeStories .employeeStoriesOther .swiper-scrollbar .swiper-scrollbar-drag { border-radius: 0.0625rem; } #employeeStories .employeeStoriesOther .btns .swiper-button-prev, #employeeStories .employeeStoriesOther .btns .swiper-button-next { width: 2.71875rem; height: 2.5rem; line-height: 2.5rem; font-size: 1rem; margin: 0px -0.0625rem; } /* 招聘类型 */ #hireType { padding: 2.8125rem 0px; } #hireType .hireTypeTitle { font-size: 1.5rem; margin-bottom: 1.5625rem; } #hireType .hireTypeMain ul li { width: 100%; height: 18.75rem; margin-bottom: 0.75rem; } #hireType .hireTypeMain ul li:last-child { margin-bottom: 0px; } #hireType .hireTypeMain ul li:hover { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } #hireType .hireTypeMain ul li .content { padding: 3.125rem 1.25rem 1.25rem; } #hireType .hireTypeMain ul li .content .icon { margin-bottom: 1rem; } #hireType .hireTypeMain ul li .content .icon img { width: 2.9375rem; height: 2.9375rem; } #hireType .hireTypeMain ul li .content .title { font-size: 1.25rem; } #hireType .hireTypeMain ul li .content .more { right: 1.25rem; bottom: 1.25rem; width: 8.5rem; height: 2.1875rem; line-height: 2.1875rem; font-size: 0.75rem; } #hireType .hireTypeMain ul li .content .more span { width: 6.125rem; margin-right: 0.75rem; } #hireType .hireTypeMain ul li .content .more i { font-size: 0.75rem; } /* 可持续发展 */ #sustainableDevelopment { padding: 2.8125rem 0px; } #sustainableDevelopment .sustainableDevelopmentLeft { width: 100%; } #sustainableDevelopment .sustainableDevelopmentLeft .imageBox:nth-child(1) { width: 100%; } #sustainableDevelopment .sustainableDevelopmentLeft .imageBox:nth-child(2) { padding: 0.625rem 0px 0px 0.625rem; right: -1.25rem; bottom: -1.25rem; width: 60%; } #sustainableDevelopment .sustainableDevelopmentRight { width: 100%; margin-top: 3.125rem; } #sustainableDevelopment .sustainableDevelopmentRight .title { font-size: 1.5rem; margin-bottom: 0.75rem; } #sustainableDevelopment .sustainableDevelopmentRight .subTitle { font-size: 1.125rem; line-height: 1.75rem; margin-bottom: 1rem; } #sustainableDevelopment .sustainableDevelopmentRight .introBox .light { width: 2.78125rem; } #sustainableDevelopment .sustainableDevelopmentRight .introBox .light > img { width: 2.78125rem; } #sustainableDevelopment .sustainableDevelopmentRight .introBox .light .lightActive img { height: 3.46875rem; } #sustainableDevelopment .sustainableDevelopmentRight .introBox .intro { font-size: 0.875rem; line-height: 1.5rem; margin-left: 3.9375rem; } /* 公益活动 */ #publicBenefitActivities { padding: 2.8125rem 0px; } #publicBenefitActivities .publicBenefitActivitiesTitle { font-size: 1.5rem; margin-bottom: 0px; } #publicBenefitActivities .publicBenefitActivitiesMain { margin-top: 1.5625rem; } #publicBenefitActivities .publicBenefitActivitiesMain ul { margin: 0px; } #publicBenefitActivities .publicBenefitActivitiesMain ul li { width: 100%; padding: 0px 0px 1.5625rem; } #publicBenefitActivities .publicBenefitActivitiesMain ul li a .image { margin-bottom: 0.9375rem; } #publicBenefitActivities .publicBenefitActivitiesMain ul li a .image::after { width: 7.125rem; height: 1.75rem; } #publicBenefitActivities .publicBenefitActivitiesMain ul li a .content .time { font-size: 0.8125rem; margin-bottom: 0.25rem; } #publicBenefitActivities .publicBenefitActivitiesMain ul li a .content .title { font-size: 1rem; line-height: 1.625rem; margin-bottom: 1.125rem; } #publicBenefitActivities .publicBenefitActivitiesMain ul li a .content .more { width: 2.875rem; height: 2.625rem; line-height: 2.625rem; font-size: 1rem; } #publicBenefitActivities .publicBenefitActivitiesMain ul .layui-flow-more { font-size: 0.875rem; margin: 0.3125rem 0px 0px; } #publicBenefitActivities .publicBenefitActivitiesMain ul .layui-flow-more a cite { font-size: 0.875rem; } #publicBenefitActivities .publicBenefitActivitiesMain ul .layui-flow-more a cite::after { width: 0.625rem; height: 0.75rem; margin-left: 0.75rem; } /* 最新公告 */ #latestAnnouncement { padding: 2.8125rem 0px; } #latestAnnouncement .latestAnnouncementTitle { margin-bottom: 1.5625rem; } #latestAnnouncement .latestAnnouncementTitle .title { font-size: 1.5rem; } #latestAnnouncement .latestAnnouncementTitle .select input { width: 8.5rem; height: 2.1875rem; line-height: 2.1875rem; font-size: 0.875rem; padding-left: 1.5625rem; } #latestAnnouncement .latestAnnouncementTitle .select input::-webkit-input-placeholder { font-size: 0.875rem; } #latestAnnouncement .latestAnnouncementTitle .select input::-moz-placeholder { font-size: 0.875rem; } #latestAnnouncement .latestAnnouncementTitle .select input:-ms-input-placeholder { font-size: 0.875rem; } #latestAnnouncement .latestAnnouncementTitle .select input::placeholder { font-size: 0.875rem; } #latestAnnouncement .latestAnnouncementTitle .select .layui-form-select dl { top: 3.6875rem; padding: 0.3125rem 0px; max-height: 18.75rem; border-radius: 0.125rem; box-shadow: 0.0625rem 0.0625rem 0.25rem rgba(0, 0, 0, 0.08); } #latestAnnouncement .latestAnnouncementTitle .select .layui-form-select dl dd.layui-this { color: #CF0F1A; } #latestAnnouncement .latestAnnouncementTitle .select .layui-form-select dl dd, #latestAnnouncement .latestAnnouncementTitle .select .layui-form-select dl dt { padding: 0px 0.625rem; line-height: 2.5rem; font-size: 0.9375rem; } #latestAnnouncement .latestAnnouncementTitle .select .layui-form-select .layui-edge { width: 0.4375rem; height: 0.4375rem; right: 1.0625rem; border-width: 0.125rem; margin-top: -0.3125rem; } #latestAnnouncement .latestAnnouncementTitle .select .layui-form-selected .layui-edge { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -0.25rem; } #latestAnnouncement .latestAnnouncementMain { margin-bottom: 2.5rem; } #latestAnnouncement .latestAnnouncementMain ul li { padding: 1.4375rem 1.25rem; margin-bottom: 0.75rem; } #latestAnnouncement .latestAnnouncementMain ul li:hover { box-shadow: 0px 0.75rem 1.6875rem 0px rgba(192, 192, 192, 0.58); } #latestAnnouncement .latestAnnouncementMain ul li .content { margin-right: 0px; } #latestAnnouncement .latestAnnouncementMain ul li .content .title { font-size: 1.125rem; margin-bottom: 0.75rem; } #latestAnnouncement .latestAnnouncementMain ul li .content .title img { height: 1.4375rem; margin-right: 0.625rem; } #latestAnnouncement .latestAnnouncementMain ul li .content .line { margin-bottom: 0.875rem; } #latestAnnouncement .latestAnnouncementMain ul li .content .time { font-size: 0.875rem; } #latestAnnouncement .latestAnnouncementMain ul li .content .time img { height: 0.875rem; margin-right: 0.4375rem; margin-top: -0.25rem; } #latestAnnouncement .latestAnnouncementMain ul li .other { padding-top: 1.125rem; } #latestAnnouncement .latestAnnouncementMain ul li .other a { width: 2.25rem; height: 2.25rem; margin-right: 0.625rem; } #latestAnnouncement .latestAnnouncementMore a { font-size: 0.875rem; } #latestAnnouncement .latestAnnouncementMore a i { width: 0.625rem; height: 0.75rem; margin-left: 0.75rem; } /* 财务报告 */ #financialReports { padding: 2.8125rem 0px; } #financialReports .financialReportsTitle { font-size: 1.5rem; margin-bottom: 1.25rem; } #financialReports .financialReportsList { margin-bottom: 1.5625rem; } #financialReports .financialReportsList ul { line-height: 2.6875rem; border-radius: 1.875rem; } #financialReports .financialReportsList ul li { width: 6.625rem; font-size: 0.875rem; border-radius: 1.875rem; } #financialReports .financialReportsWrapper .financialReportsYearListBox { margin-bottom: 1.875rem; } #financialReports .financialReportsWrapper .financialReportsYearListBox .financialReportsYearList { width: 100%; } #financialReports .financialReportsWrapper .financialReportsYearListBox .financialReportsYearList .swiper-wrapper .swiper-slide { font-size: 1rem; padding-bottom: 0.75rem; } #financialReports .financialReportsWrapper .financialReportsYearListBox .financialReportsYearList .swiper-wrapper .swiper-slide::after { height: 0.125rem; } #financialReports .financialReportsWrapper .financialReportsYearListBox .swiper-button-prev, #financialReports .financialReportsWrapper .financialReportsYearListBox .swiper-button-next { font-size: 1.125rem; } #financialReports .financialReportsWrapper .financialReportsYearListBox .swiper-button-prev { margin-right: 1.125rem; } #financialReports .financialReportsWrapper .financialReportsYearListBox .swiper-button-prev i { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } #financialReports .financialReportsWrapper .financialReportsYearListBox .swiper-button-next { margin-left: 1.125rem; } #financialReports .financialReportsWrapper .financialReportsYearListBox .swiper-button-next i { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #financialReports .financialReportsWrapper .financialReportsMain { width: 100%; } #financialReports .financialReportsWrapper .financialReportsMain .financialReportsSlide .pdf { width: 100%; height: auto; margin-top: 2.8125rem; } #financialReports .financialReportsWrapper .financialReportsMain .financialReportsSlide .pdf .image { margin-top: -2.5rem; } #financialReports .financialReportsWrapper .financialReportsMain .financialReportsSlide .pdf .image img { width: 90%; height: auto; margin-left: 1.125rem; box-shadow: 0px 0px 1.125rem 0px rgba(0, 16, 3, 0.15); } #financialReports .financialReportsWrapper .financialReportsMain .financialReportsSlide .pdf .content { height: auto; padding: 1.4375rem 1.25rem; box-shadow: 0px 0px 2.6875rem 0px rgba(59, 59, 59, 0.1); border-radius: 0px 5rem 0px 0px; } #financialReports .financialReportsWrapper .financialReportsMain .financialReportsSlide .pdf .content .title { font-size: 1.125rem; margin-bottom: 1.125rem; } #financialReports .financialReportsWrapper .financialReportsMain .financialReportsSlide .pdf .content .other a { width: 2.25rem; height: 2.25rem; margin-right: 0.625rem; } #financialReports .financialReportsWrapper .financialReportsMain .financialReportsSlide .contentBox { width: 100%; margin-left: 0px; margin-top: 1.5625rem; padding-left: 0px; height: 22.25rem; max-height: 22.25rem; border-left: none; } #financialReports .financialReportsWrapper .financialReportsMain .financialReportsSlide .contentBox .swiper-slide { padding: 0.875rem 1.25rem; margin-bottom: 0.75rem; } #financialReports .financialReportsWrapper .financialReportsMain .financialReportsSlide .contentBox .swiper-slide-active + .swiper-slide + .swiper-slide { opacity: 0.8; } #financialReports .financialReportsWrapper .financialReportsMain .financialReportsSlide .contentBox .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide { opacity: 0.6; } #financialReports .financialReportsWrapper .financialReportsMain .financialReportsSlide .contentBox .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide { opacity: 0.3; } #financialReports .financialReportsWrapper .financialReportsMain .financialReportsSlide .contentBox .swiper-slide:hover { box-shadow: 0px 0.75rem 1.6875rem 0px rgba(192, 192, 192, 0.58); } #financialReports .financialReportsWrapper .financialReportsMain .financialReportsSlide .contentBox .swiper-slide .time { font-size: 0.875rem; margin-bottom: 0.25rem; padding-right: 4.375rem; } #financialReports .financialReportsWrapper .financialReportsMain .financialReportsSlide .contentBox .swiper-slide .title { font-size: 1rem; padding-right: 4.375rem; } #financialReports .financialReportsWrapper .financialReportsMain .financialReportsSlide .contentBox .swiper-slide .other { position: static; -webkit-transform: none; -ms-transform: none; transform: none; margin-top: 0.875rem; } #financialReports .financialReportsWrapper .financialReportsMain .financialReportsSlide .contentBox .swiper-slide .other a { width: 2.25rem; height: 2.25rem; margin-right: 0.625rem; } /* 证券及债券信息 */ #securitiesAndBondInformation { padding: 2.8125rem 0px; } #securitiesAndBondInformation .securitiesAndBondInformationTitle { font-size: 1.5rem; margin-bottom: 1.5625rem; } #securitiesAndBondInformation .securitiesAndBondInformationList { text-align: center; margin-bottom: 0.1875rem; } #securitiesAndBondInformation .securitiesAndBondInformationList ul { line-height: 2.6875rem; border-radius: 1.875rem; } #securitiesAndBondInformation .securitiesAndBondInformationList ul li { width: 5rem; font-size: 0.875rem; border-radius: 1.875rem; } #securitiesAndBondInformation .securitiesAndBondInformationMain { margin-top: 0.875rem; } #securitiesAndBondInformation .securitiesAndBondInformationMain .imageBox img { min-height: 16.25rem; object-fit: cover; } #securitiesAndBondInformation .securitiesAndBondInformationMain .content { position: absolute; left: 1.25rem; top: 3rem; } #securitiesAndBondInformation .securitiesAndBondInformationMain .content .title { font-size: 0.875rem; margin-bottom: 0.4375rem; } #securitiesAndBondInformation .securitiesAndBondInformationMain .content .intro { font-size: 1.5rem; line-height: 1.625rem; margin-bottom: 1.125rem; margin-left: -0.875rem; } #securitiesAndBondInformation .securitiesAndBondInformationMain .content .more { width: 8.5rem; height: 2.1875rem; line-height: 2.1875rem; font-size: 0.75rem; } #securitiesAndBondInformation .securitiesAndBondInformationMain .content .more span { width: 6.125rem; margin-right: 0.75rem; } #securitiesAndBondInformation .securitiesAndBondInformationMain .content .more i { font-size: 0.75rem; } /* 新闻中心 */ #news { padding: 2.8125rem 0px; margin-top: 0px; } #news .commonBg { min-height: auto; } #news .newsRecommend { margin-bottom: 1.875rem; } #news .newsRecommend .swiper-wrapper .swiper-slide a .image { width: 100%; } #news .newsRecommend .swiper-wrapper .swiper-slide a .image img { height: 14.625rem; } #news .newsRecommend .swiper-wrapper .swiper-slide a .content { width: 100%; padding: 1.4375rem 1.25rem 3.4375rem; } #news .newsRecommend .swiper-wrapper .swiper-slide a .content::after { width: 10.8125rem; height: 3.75rem; } #news .newsRecommend .swiper-wrapper .swiper-slide a .content .title { font-size: 1.125rem; line-height: 1.75rem; margin-bottom: 0.5rem; height: auto; } #news .newsRecommend .swiper-wrapper .swiper-slide a .content .intro { font-size: 0.875rem; line-height: 1.5rem; height: auto; margin-bottom: 1.125rem; } #news .newsRecommend .swiper-wrapper .swiper-slide a .content .time { font-size: 0.875rem; } #news .newsRecommend .swiper-wrapper .swiper-slide a .content .time i { margin-right: 0.375rem; } #news .newsRecommend .swiper-pagination { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); left: 50%; bottom: 1.5625rem; } #news .newsRecommend .swiper-pagination .swiper-pagination-bullet { width: 0.875rem; height: 0.25rem; border-radius: 0.1875rem; margin-right: 0.375rem; } #news .newsRecommend .swiper-pagination .swiper-pagination-bullet-active { width: 1.5rem; } #news .newsList { margin-bottom: 1.875rem; } #news .newsList ul li { width: 100%; } #news .newsList ul li:first-child a { padding-top: 0px; } #news .newsList ul li a { padding: 2.1875rem 0px; border-radius: 0px; } #news .newsList ul li a .image { width: 100%; } #news .newsList ul li a .image img { height: 13.75rem; } #news .newsList ul li a .content { margin-left: 0px; padding-top: 1.4375rem; padding-right: 0px; } #news .newsList ul li a .content .time { font-size: 0.8125rem; margin-bottom: 0.4375rem; } #news .newsList ul li a .content .title { font-size: 1.125rem; margin-bottom: 0.5rem; } #news .newsList ul li a .content .intro { font-size: 0.875rem; line-height: 1.5rem; } #news .newsList ul li a .content .arrow { position: static; -webkit-transform: none; -ms-transform: none; transform: none; width: 2.9375rem; height: 2.625rem; line-height: 2.625rem; font-size: 1rem; margin: 1.25rem 0px 0px; } /* 视频弹窗 */ .videoPopupBox { width: 100vw !important; height: 100%; background: #000 !important; } .videoPopupBox .layui-layer-setwin .layui-layer-close2 { right: 1.3125rem; top: 1.75rem; font-size: 1.75rem; width: auto; height: auto; border: 0px; border-radius: 0%; padding: 0px; background: none; } .videoPopupBox .layui-layer-setwin .layui-layer-close2:hover { background: none; } .videoPopupBox .layui-layer-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 100% !important; overflow: hidden !important; } .videoPopupBox #videoPopup video { width: 100vw; height: auto; max-height: 100vh; object-fit: cover; } .videoPopupBox #videoPopup iframe { width: 100vw; height: 100vh; } #join { padding: 2.5rem 0px; } #join .joinSearch { margin-bottom: 0.9375rem; } #join .joinSearch .input { width: 100%; } #join .joinSearch .input input { width: 100%; height: 2.75rem; font-size: 0.8125rem; padding: 0px 3.125rem 0px 0.75rem; } #join .joinSearch .input input:focus { box-shadow: 0 0 0 0.25rem rgba(207, 15, 26, 0.2) !important; } #join .joinSearch .input .submit { right: 1rem; font-size: 1.25rem; } #join .joinTitle { margin-bottom: 0.9375rem; } #join .joinTitle .number { padding-bottom: 0.4375rem; font-size: 0.875rem; border-bottom-width: 0.125rem; } #join .joinTitle .number span { font-size: 1.25rem; } #join .joinOption { margin-bottom: 1.5625rem; } #join .joinOption .wrapper { margin-bottom: 1rem; } #join .joinOption .wrapper .title { font-size: 0.875rem; margin-top: 0px; margin-right: 0px; margin-bottom: 0.5625rem; } #join .joinOption .wrapper .list { margin: -0.125rem; } #join .joinOption .wrapper .list span { height: 1.625rem; line-height: 1.5rem; padding: 0px 0.75rem; margin: 0.125rem; font-size: 0.75rem; } #join .joinMain { margin-bottom: 2.5rem; } #join .joinMain ul li { padding: 1.4375rem 1.25rem; margin-bottom: 0.625rem; } #join .joinMain ul li .title { width: 100%; font-size: 1rem; margin-bottom: 0.25rem; } #join .joinMain ul li .other { width: 100%; margin-bottom: 0.75rem; } #join .joinMain ul li .other .address { width: auto; font-size: 0.75rem; margin-right: 0.625rem; } #join .joinMain ul li .other .number { width: auto; font-size: 0.75rem; margin-right: 0.625rem; } #join .joinMain ul li .other .time { width: auto; font-size: 0.75rem; } #join .joinMain ul li .arrow { width: 2rem; height: 2rem; line-height: 2rem; font-size: 0.8125rem; } /* 加入我们弹窗 */ .joinUsDetailPopup { width: 100%; height: 28.75rem; } .joinUsDetailPopup .layui-layer-setwin { right: 0.87469rem; top: 1.87506rem; } .joinUsDetailPopup .layui-layer-setwin .layui-layer-close2 { display: block; width: 0.9375rem; height: 0.9375rem; font-size: 0.75006rem; } .joinUsDetailPopup .layui-layer-setwin .layui-layer-close2::after { width: 0.1875rem; } .joinUsDetailPopup .layui-layer-setwin .layui-layer-close2::before { height: 0.1875rem; } #joinUsDetail { padding: 1.875rem 1.25rem; } #joinUsDetail .joinUsDetailLogo { margin-left: 0px; margin-bottom: 1.25rem; } #joinUsDetail .joinUsDetailLogo img { height: 1.1875rem; } #joinUsDetail .joinUsDetailTitle { padding-bottom: 0.75013rem; margin-right: 1.25rem; margin-bottom: 1.25rem; } #joinUsDetail .joinUsDetailTitle .title { font-size: 1.125rem; margin-bottom: 0.68763rem; } #joinUsDetail .joinUsDetailTitle .info { font-size: 0.8125rem; } #joinUsDetail .joinUsDetailTitle .info i { font-size: 0.9375rem; margin-right: 0.31294rem; } #joinUsDetail .joinUsDetailMain { font-size: 0.8125rem; line-height: 1.5rem; padding-right: 1.25rem; max-height: 13.5rem; padding-top: 1.0625rem; } #joinUsDetail .joinUsDetailMain::-webkit-scrollbar { width: 0.125rem; height: 0.125rem; } #joinUsDetail .joinUsDetailMain::-webkit-scrollbar-track { border-radius: 0.125rem; } #joinUsDetail .joinUsDetailMain::-webkit-scrollbar-thumb { border-radius: 0.125rem; } #joinUsDetail .joinUsDetailBtn { margin-top: 1.25025rem; } #joinUsDetail .joinUsDetailBtn .more { width: 8.5rem; height: 2.1875rem; line-height: 2.1875rem; font-size: 0.75rem; } #joinUsDetail .joinUsDetailBtn .more span { width: 6.125rem; margin-right: 0.75rem; } #joinUsDetail .joinUsDetailBtn .more i { font-size: 0.75rem; } /* 员工故事弹窗 */ .employeeStoriesDetailPopup { width: 100%; height: 28.75rem; } .employeeStoriesDetailPopup .layui-layer-setwin { right: 0.87469rem; top: 1.87506rem; } .employeeStoriesDetailPopup .layui-layer-setwin .layui-layer-close2 { display: block; width: 0.9375rem; height: 0.9375rem; font-size: 0.75006rem; } .employeeStoriesDetailPopup .layui-layer-setwin .layui-layer-close2::after { width: 0.1875rem; } .employeeStoriesDetailPopup .layui-layer-setwin .layui-layer-close2::before { height: 0.1875rem; } #employeeStoriesDetail { padding: 1.875rem 1.25rem; } #employeeStoriesDetail .employeeStoriesDetailLogo { margin-left: 0px; margin-bottom: 1.25rem; } #employeeStoriesDetail .employeeStoriesDetailLogo img { height: 1.1875rem; } #employeeStoriesDetail .employeeStoriesDetailTitle { padding-bottom: 0.75013rem; margin-right: 1.25rem; margin-bottom: 1.25rem; } #employeeStoriesDetail .employeeStoriesDetailTitle .title { font-size: 1.125rem; margin-bottom: 0.68763rem; } #employeeStoriesDetail .employeeStoriesDetailTitle .title span { font-size: 0.875rem; } #employeeStoriesDetail .employeeStoriesDetailTitle .info { font-size: 0.8125rem; } #employeeStoriesDetail .employeeStoriesDetailTitle .info i { font-size: 0.9375rem; margin-right: 0.31294rem; } #employeeStoriesDetail .employeeStoriesDetailMain { font-size: 0.8125rem; line-height: 1.5rem; padding-right: 1.25rem; max-height: 17.25rem; padding-top: 1.0625rem; } #employeeStoriesDetail .employeeStoriesDetailMain::-webkit-scrollbar { width: 0.125rem; height: 0.125rem; } #employeeStoriesDetail .employeeStoriesDetailMain::-webkit-scrollbar-track { border-radius: 0.125rem; } #employeeStoriesDetail .employeeStoriesDetailMain::-webkit-scrollbar-thumb { border-radius: 0.125rem; } #employeeStoriesDetail .employeeStoriesDetailMain .employeeStoriesDetailImage { margin-bottom: 0.75rem; } /* 新闻详情 */ #newsDetail { padding: 5.625rem 0px 2.5rem; } #newsDetail .share a { width: 2.3125rem; height: 2.3125rem; font-size: 1rem; line-height: 2.3125rem; background: rgba(0, 0, 0, 0.05); } #newsDetail .newsDetailTitle { margin: 0px 0px 1.5625rem; } #newsDetail .newsDetailTitle .content { margin-bottom: 1.875rem; } #newsDetail .newsDetailTitle .content > .title { font-size: 1.375rem; margin-bottom: 0.75rem; } #newsDetail .newsDetailTitle .content .shareBox { margin-left: 0px; } #newsDetail .newsDetailTitle .content .shareBox .title { font-size: 0.875rem; } #newsDetail .newsDetailTitle .content .shareBox .share a { margin-left: 0.5rem; } #newsDetail .newsDetailTitle .other::after { margin-left: 0.75rem; } #newsDetail .newsDetailTitle .other .tab { font-size: 0.75rem; } #newsDetail .newsDetailTitle .other span { margin: 0px 0.5625rem; } #newsDetail .newsDetailTitle .other .time { font-size: 0.75rem; } #newsDetail .newsDetailImage { margin: 0px 0px 1.5625rem; } #newsDetail .newsDetailMain { margin: 0px; } #newsDetail .newsDetailMain .newsDetailLeft { display: none; width: 6.25rem; margin-right: 4.625rem; margin-bottom: 7rem; } #newsDetail .newsDetailMain .newsDetailLeft .title { font-size: 1rem; margin-left: 1.25rem; margin-bottom: 1.375rem; } #newsDetail .newsDetailMain .newsDetailLeft .share { margin-left: 0.875rem; padding-bottom: 1.25rem; } #newsDetail .newsDetailMain .newsDetailLeft .share a { margin-bottom: 0.625rem; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailContnet { font-size: 0.875rem; line-height: 1.625rem; margin-bottom: 1.25rem; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailPdfList { padding-bottom: 1.25rem; margin-bottom: 1.25rem; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailPdfList a { min-height: auto; padding: 1rem 1.25rem; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailPdfList a:hover { -webkit-transform: translateY(-0.375rem); -ms-transform: translateY(-0.375rem); transform: translateY(-0.375rem); box-shadow: 0px 0.625rem 1.625rem #ddd; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailPdfList a .title { font-size: 1rem; margin-right: 0px; margin-bottom: 0.75rem; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailPdfList a .title img { height: 1.375rem; margin-right: 0.75rem; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailPdfList a .btn { font-size: 0.75rem; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailPdfList a .btn span { margin-right: 0.75rem; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailPdfList a .btn i { width: 1.5rem; height: 1.5rem; line-height: 1.5rem; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailBtns .btn { width: 3.4375rem; height: 2.5rem; text-align: center; font-size: 0.875rem; color: #999999; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-right: 0.625rem; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailBtns .btn.returnBtn { border-width: 0.125rem; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailBtns .btn:hover { width: 11.4375rem; background-size: 11.4375rem 2.5rem; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailBtns .btn:hover span { max-width: 6.25rem; margin-right: 5.4375rem; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailBtns .btn i { font-size: 1rem; } /* 展会活动 */ #exhibitionActivities { padding: 2.8125rem 0px 3.4375rem; } #exhibitionActivities .exhibitionActivitiesLeft { width: 100%; margin: 0px 0px 1.5625rem; padding-bottom: 1.25rem; } #exhibitionActivities .exhibitionActivitiesLeft .swiper-wrapper .swiper-slide a .image img { height: 18.125rem; } #exhibitionActivities .exhibitionActivitiesLeft .swiper-wrapper .swiper-slide a .content { margin-top: 1.375rem; padding-right: 0px; } #exhibitionActivities .exhibitionActivitiesLeft .swiper-wrapper .swiper-slide a .content .other { margin-bottom: 0.5rem; } #exhibitionActivities .exhibitionActivitiesLeft .swiper-wrapper .swiper-slide a .content .other .tag { width: 2.25rem; height: 1.25rem; line-height: 1.25rem; font-size: 0.75rem; margin-right: 0.625rem; } #exhibitionActivities .exhibitionActivitiesLeft .swiper-wrapper .swiper-slide a .content .other .time { font-size: 0.875rem; } #exhibitionActivities .exhibitionActivitiesLeft .swiper-wrapper .swiper-slide a .content .title { font-size: 1.125rem; line-height: 1.75rem; } #exhibitionActivities .exhibitionActivitiesLeft .swiper-wrapper .swiper-slide a .content .title br { display: none; } #exhibitionActivities .exhibitionActivitiesLeft .swiper-pagination { right: 1.5625rem; bottom: 0px; width: 4.125rem; height: 0.125rem; margin-top: 0px; } #exhibitionActivities .exhibitionActivitiesRight { width: 100%; } #exhibitionActivities .exhibitionActivitiesRight .list { margin-bottom: 1.5625rem; } #exhibitionActivities .exhibitionActivitiesRight .list a .image img { height: 17.875rem; } #exhibitionActivities .exhibitionActivitiesRight .list a .content { margin-top: 1.375rem; } #exhibitionActivities .exhibitionActivitiesRight .list a .content .other { margin-bottom: 0.75rem; } #exhibitionActivities .exhibitionActivitiesRight .list a .content .other .tag { width: 2.25rem; height: 1.25rem; line-height: 1.25rem; font-size: 0.75rem; margin-right: 0.625rem; } #exhibitionActivities .exhibitionActivitiesRight .list a .content .other .time { font-size: 0.875rem; } #exhibitionActivities .exhibitionActivitiesRight .list a .content .title { min-height: auto; margin-bottom: 0.5rem; font-size: 1.125rem; line-height: 1.75rem; } #exhibitionActivities .exhibitionActivitiesRight .list a .content .intro { font-size: 0.875rem; line-height: 1.5rem; } #exhibitionActivities .exhibitionActivitiesList { margin-top: 1.875rem; } #exhibitionActivities .exhibitionActivitiesList ul { margin: 0px 0px -1.5625rem; } #exhibitionActivities .exhibitionActivitiesList ul li { width: 100%; margin: 0px 0px 1.5625rem; } #exhibitionActivities .exhibitionActivitiesList ul li a .image img { height: 17.875rem; } #exhibitionActivities .exhibitionActivitiesList ul li a .content { margin-top: 1.375rem; } #exhibitionActivities .exhibitionActivitiesList ul li a .content .other { margin-bottom: 0.75rem; } #exhibitionActivities .exhibitionActivitiesList ul li a .content .other .tag { width: 2.25rem; height: 1.25rem; line-height: 1.25rem; font-size: 0.75rem; margin-right: 0.625rem; } #exhibitionActivities .exhibitionActivitiesList ul li a .content .other .time { font-size: 0.875rem; } #exhibitionActivities .exhibitionActivitiesList ul li a .content .title { min-height: auto; margin-bottom: 0.5rem; font-size: 1.125rem; line-height: 1.75rem; } #exhibitionActivities .exhibitionActivitiesList ul li a .content .intro { font-size: 0.875rem; line-height: 1.5rem; } #exhibitionActivities .exhibitionActivitiesList .layui-flow-more { font-size: 0.875rem; margin: 0.9375rem 0px 0px; } #exhibitionActivities .exhibitionActivitiesList .layui-flow-more a cite { font-size: 0.875rem; } #exhibitionActivities .exhibitionActivitiesList .layui-flow-more a cite::after { width: 0.625rem; height: 0.75rem; margin-left: 0.75rem; } /* 内刊 */ #internalPublications { padding: 2.8125rem 0px; } #internalPublications ul { margin: 0px 0px 1.5rem; } #internalPublications ul li { width: 100%; margin: 0px 0px 0.75rem; padding: 1.4375rem 1.25rem; } #internalPublications ul li:hover .image img { box-shadow: 0px 0.4375rem 1.6875rem 0px rgba(187, 150, 150, 0.69); } #internalPublications ul li .image { width: 12.6875rem; margin-right: auto; margin-left: auto; margin-bottom: 1.5625rem; } #internalPublications ul li .image::after { width: 18rem; height: 18rem; } #internalPublications ul li .image img { height: 17.5625rem; } #internalPublications ul li .content { width: 100%; } #internalPublications ul li .content .title { font-size: 1.125rem; margin-bottom: 0.1875rem; } #internalPublications ul li .content .intro { font-size: 0.875rem; margin-bottom: 1.0625rem; } #internalPublications ul li .content .line { margin-bottom: 1.1875rem; } #internalPublications ul li .content .btns a { width: 2.0625rem; height: 2.0625rem; margin-right: 0.625rem; } /* 基地联系方式 */ #baseContact { padding: 2.8125rem 0px 0px; } #baseContact .baseContactTitle { font-size: 1.5rem; margin-bottom: 1.5625rem; } #baseContact .baseContactMain ul { margin: 0px 0px -0.75rem; } #baseContact .baseContactMain ul li { width: 100%; margin: 0px 0px 0.75rem; } #baseContact .baseContactMain ul li .image { width: 100%; } #baseContact .baseContactMain ul li .image img { height: 15.9375rem; } #baseContact .baseContactMain ul li .content { width: 100%; padding: 1.4375rem 1.25rem; } #baseContact .baseContactMain ul li .content::after { width: 8rem; height: 2.8125rem; } #baseContact .baseContactMain ul li .content .title { font-size: 1.125rem; margin-bottom: 0.5625rem; } #baseContact .baseContactMain ul li .content .intro .list { font-size: 0.875rem; line-height: 1.5rem; margin-bottom: 0.3125rem; } #baseContact .baseContactMain ul li .content .intro .list img { width: 1rem; height: 1rem; margin-right: 0.375rem; margin-top: 0.25rem; } /* 事业部联系方式 */ #businessUnitContact { padding-top: 2.8125rem; } #businessUnitContact .businessUnitContactTitle { font-size: 1.5rem; margin-bottom: 1.5625rem; } #businessUnitContact .businessUnitContactMain { height: auto; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 2.1875rem; } #businessUnitContact .businessUnitContactMain::after { display: none; bottom: 0px; right: -11.25rem; width: 27.125rem; height: 22.375rem; } #businessUnitContact .businessUnitContactMain .businessUnitContactLeft { width: 100%; margin-right: 0px; } #businessUnitContact .businessUnitContactMain .businessUnitContactLeft .businessUnitContactList { backdrop-filter: blur(1.25rem); overflow-x: auto; } #businessUnitContact .businessUnitContactMain .businessUnitContactLeft .businessUnitContactList::-webkit-scrollbar { width: 0.125rem; height: 0.125rem; background-color: #d5d5d5; } #businessUnitContact .businessUnitContactMain .businessUnitContactLeft .businessUnitContactList::-webkit-scrollbar-track { border-radius: 0.125rem; background-color: #d5d5d5; } #businessUnitContact .businessUnitContactMain .businessUnitContactLeft .businessUnitContactList::-webkit-scrollbar-thumb { border-radius: 0.125rem; background-color: #CF0F1A; } #businessUnitContact .businessUnitContactMain .businessUnitContactLeft .businessUnitContactList .businessUnitContactListBox { background: rgba(0, 0, 0, 0.1); white-space: nowrap; margin-bottom: 0.25rem; } #businessUnitContact .businessUnitContactMain .businessUnitContactLeft .businessUnitContactList .businessUnitContactListBox .list { width: 5rem; line-height: 2.5rem; height: 2.5rem; font-size: 0.875rem; } #businessUnitContact .businessUnitContactMain .businessUnitContactLeft .businessUnitContactContent { margin-top: 1.25rem; } #businessUnitContact .businessUnitContactMain .businessUnitContactLeft .businessUnitContactContent .swiper-wrapper .swiper-slide { padding-top: 1.3125rem; } #businessUnitContact .businessUnitContactMain .businessUnitContactLeft .businessUnitContactContent .swiper-wrapper .swiper-slide .list { width: auto; min-width: 50%; margin-bottom: 1.875rem; } #businessUnitContact .businessUnitContactMain .businessUnitContactLeft .businessUnitContactContent .swiper-wrapper .swiper-slide .list .title { font-size: 0.75rem; margin-bottom: 0.125rem; } #businessUnitContact .businessUnitContactMain .businessUnitContactLeft .businessUnitContactContent .swiper-wrapper .swiper-slide .list .intro { font-size: 1rem; } #businessUnitContact .businessUnitContactMain .businessUnitContactRight { width: 23.125rem; height: 23.125rem; margin: 0px; margin-right: 0px; margin-left: -1.25rem; margin-top: 0px; } #businessUnitContact .businessUnitContactMain .businessUnitContactRight .swiper-wrapper .swiper-slide img { width: 23.125rem; height: 23.125rem; } /* 自助服务 */ #selfService { padding: 2.8125rem 0px; } #selfService .selfServiceTitle { font-size: 1.5rem; margin-bottom: 1.5625rem; } #selfService .selfServiceMain { margin: 0px 0px -0.75rem; } #selfService .selfServiceMain a { width: 100%; min-height: auto; padding: 1.4375rem 1.25rem; margin: 0px 0px 0.75rem; } #selfService .selfServiceMain a .icon { margin-bottom: 0.75rem; } #selfService .selfServiceMain a .icon img { width: 2.4375rem; height: 2.4375rem; } #selfService .selfServiceMain a .title { font-size: 1.0625rem; margin-bottom: 0.1875rem; } #selfService .selfServiceMain a .intro { font-size: 0.8125rem; line-height: 1.4375rem; } /* 自助服务表单 */ .selfServiceFormPopup { width: 100%; } .selfServiceFormPopup #selfServiceForm .selfServiceFormClose { top: 1.5625rem; right: 1.25rem; font-size: 1.1875rem; } .selfServiceFormPopup #selfServiceForm .selfServiceFormLeft { display: none; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight { padding: 1.875rem 1.25rem; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormTitle { font-size: 1.25rem; margin-bottom: 0.75rem; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list { margin-bottom: 0.75rem; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .title { font-size: 0.75rem; margin-bottom: 0.625rem; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input input, .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input textarea, .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input .upload { font-size: 0.75rem; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input input:focus, .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input textarea:focus, .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input .upload:focus { box-shadow: 0 0 0 0.25rem rgba(207, 15, 26, 0.2) !important; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input input, .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input .upload { height: 2.375rem; padding: 0px 0.75rem; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input textarea { height: 3.75rem; padding: 0.75rem 1.25rem; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input img { right: 1.125rem; height: 1.8125rem; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input .upload { line-height: 2.25rem; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input .upload i { font-size: 0.75rem; margin-right: 0.75rem; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input .upload span { font-size: 0.75rem; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input .select { margin-right: 0.625rem; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input .select:last-child { margin-right: 0px; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input .layui-form-select dl { top: 3rem; max-height: 12.625rem; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input .layui-form-select dl dd, .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .input .layui-form-select dl dt { font-size: 0.75rem; padding: 0px 0.625rem; line-height: 2rem; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .submit { width: 8.5rem; height: 2.1875rem; line-height: 2.1875rem; font-size: 0.75rem; margin-top: 1.25rem; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .submit span { width: 6.125rem; margin-right: 0.75rem; } .selfServiceFormPopup #selfServiceForm .selfServiceFormRight .selfServiceFormList .list .submit i { font-size: 0.75rem; } /* 视频弹窗 */ .videoPopupBox .layui-layer-setwin .layui-layer-close2 { right: 0.6875rem; top: 1.125rem; font-size: 1.375rem; } /* 底部 */ #footer { padding: 2.8125rem 0px 2.8125rem; } #footer .footerHead { padding-bottom: 0px; margin-bottom: 1.1875rem; border-bottom: 0px; } #footer .footerHead .logo { width: 100%; text-align: center; } #footer .footerHead .logo a img { width: auto; height: 1.1875rem; } #footer .footerHead .link { display: none; } #footer .footerMain { display: none; } #footer .footerShare { display: none; } #footer .footerOther .other { display: none; } #footer .footerOther .copyright { width: 100%; font-size: 0.75rem; text-align: center; } #footer .footerOther .copyright a { display: block; font-size: 0.75rem; } /* 侧边栏 */ .sidebar.active { box-shadow: 0px 0.5rem 0.8125rem 0px rgba(0, 0, 0, 0.15); } .sidebar a { width: 3.3125rem; height: 3.75rem; } .sidebar a::after { width: 0.3125rem; height: 0.625rem; } .sidebar a:nth-child(3) .popup { top: -9.125rem; width: 14.0625rem; padding-top: 1.1875rem; } .sidebar a:nth-child(3) .popup .intro { margin-bottom: 1rem; } .sidebar a > img { width: 1.8125rem; height: 1.8125rem; } .sidebar a span { font-size: 0.625rem; margin-top: 0.1875rem; } .sidebar a .popup { left: -0.625rem; box-shadow: 0px 0.5rem 0.8125rem 0px rgba(0, 0, 0, 0.15); width: 10.4375rem; padding: 0.75rem 1.1875rem 0.625rem; } .sidebar a .popup .title { font-size: 0.75rem; margin-bottom: 0.125rem; } .sidebar a .popup .intro { font-size: 1rem; } .sidebar a .popup .listBox { padding: 1.25rem 0px 1.375rem; margin: 0px -1.1875rem -0.375rem; } .sidebar a .popup .listBox::after { left: 1.6875rem; width: 0.5625rem; height: 0.625rem; } .sidebar a .popup .listBox .list { margin-right: 0.875rem; } .sidebar a .popup .listBox .list img { width: 5.75rem; height: 5.75rem; } .sidebar a .popup .listBox .list p { font-size: 0.75rem; margin-top: 0.25rem; } } /*面包屑*/ section.mbx { width: 97.5rem; margin: 0px auto; display: flex; padding: 1rem 0;} section.mbx_detail{ width: 97.5rem; margin: 0px auto; display: flex; padding: 1rem 0 0; z-index: 1; position: relative;} .mbx_detail_new{width: 78.75rem; margin: 0px auto; display: flex; padding: 0 0 1rem; z-index: 1; position: relative;} @media (max-width: 768px) { section.mbx,section.mbx_detail,.mbx_detail_new{width: calc(100% - 2.5rem);} } /*end_面包屑*/ /*相关产品推荐*/ .newsDetailrecommend{padding-top: 4rem;} .newsDetailrecommend_title{ width: auto; color: #000000; font-size: 1.5rem; font-weight: 500; line-height: normal; position: relative; top: 0px; left: 0px; padding-bottom: 1.2rem; border-bottom-width: 1px; border-bottom-style: solid;} .newsDetailrecommend_ul { display: flex; flex-wrap: wrap; margin-top: 1.2rem;} .newsDetailrecommend_li { float: left; width: 23%; margin-right: 2.66%; margin-bottom: 1rem;} .newsDetailrecommend_li:nth-child(4n) { margin-right: 0;} .newsDetailrecommend_li_tit { font-size: 1rem; line-height: 1.9375rem; margin-top: 0.6rem; text-align: center; color: #000000;} .newsDetailrecommend_li_img img { width:100%; object-fit: cover; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; height: 16rem;} .newsDetailrecommend_li>a:hover .newsDetailrecommend_li_img img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} @media (max-width: 768px) { .newsDetailrecommend_title{ font-size: 1.2rem;padding-bottom: 0.7rem;} .newsDetailrecommend_li{ width:49%; margin-right:2%; } .newsDetailrecommend_li:nth-child(2n){ margin-right:0%; } .newsDetailrecommend_li_img img { height: 10rem; } .newsDetailrecommend_li_tit { font-size: 0.875rem; line-height: 1.625rem; } } /*end_相关产品推荐*/ /*相关新闻推荐*/ .proDetailrecommend{ padding-bottom: 1.875rem;} .proDetailrecommend_title{ width: auto; color: #000000; font-size: 1.5rem; font-weight: 500; line-height: normal; position: relative; top: 0px; left: 0px; padding: 1.2rem 0; border-bottom-width: 1px; border-bottom-style: solid;} .proDetailrecommend_ul{display: flex; flex-wrap: wrap; margin-top: 2.2rem;} .proDetailrecommend_li { float: left; width: 18.4%; margin-right: 2%; margin-bottom: 1rem;} .proDetailrecommend_li:nth-child(5n) { margin-right: 0;} .proDetailrecommend_li_img img { width:100%; object-fit: cover; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; height: 16rem;} .proDetailrecommend_li>a:hover .proDetailrecommend_li_img img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .proDetailrecommend_li_tit{ font-size: 1rem; line-height: 1.5rem; margin-top: 0.6rem; text-align: center; color: #000000;} .proDetailrecommend_li_date{ font-size: 1rem; line-height: 1.5rem; text-align: center; color: #000000;} @media (max-width: 768px) { .proDetailrecommend_title{ font-size: 1.2rem;padding-bottom: 0.7rem;padding-top:0px;} .proDetailrecommend_li{ width:49%; margin-right:2%; } .proDetailrecommend_li:nth-child(2n){ margin-right:0%; } .proDetailrecommend_li_img img { height: 10rem; } .proDetailrecommend_li_tit,.proDetailrecommend_li_date{ font-size: 0.875rem; line-height: 1.625rem; } } /*end_相关新闻推荐*/ /*887700葡京线路检侧新闻*/ #indexNews1 { height: 100%; display: flex; align-items: center; } .newsbox { display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 20px; justify-content: space-between; } .newsli { width: 49%; background: #F6F6F6; } .newsli-l { width: 40%; } .newsli-l img{ height: 200px; width: 100%; object-fit: contain; } .newsli-r { width: 60%; padding: 0 15px; } .newsli-r .title { font-size: 1.4375rem; color: #000000; line-height: 2.0625rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-height: 4.125rem; margin-top: 1.5rem; } .newsli-r .con { font-size: 1rem; color: #272727; margin-top: 0.8rem; } @media (max-width: 768px) { .newsbox{ column-gap:0; padding-bottom:2.1875rem; } .newsli{ width: 100%; } .newsli-l img { height: 150px; width: 100%; object-fit: contain; } .newsli-r .title{ max-height: 2.5rem; margin-top: 1rem; font-size: 0.875rem; line-height: 1.25rem; } .newsli-r .con { margin-top: 0.5rem; font-size: 0.75rem; } } /*end_887700葡京线路检侧新闻*/