.footer_aside img { width: 100%; object-fit: cover; } .footer_aside { display: none; width: 64px; cursor: pointer; position: fixed; bottom: 100px; right: 50px; z-index: 9999; } /* 平板端适配（屏幕宽度 <= 1024px） */ @media (max-width: 1024px) { .footer_aside { width: 50px; bottom: 80px; right: 30px; } } /* 手机端适配（屏幕宽度 <= 768px） */ @media (max-width: 768px) { .footer_aside { width: 40px; bottom: 60px; right: 20px; } } /* 超小屏适配（屏幕宽度 <= 480px） */ @media (max-width: 480px) { .footer_aside { width: 32px; bottom: 50px; right: 15px; } } @font-face { font-family: "iconfont"; /* Project id 4220401 */ src: url(' iconfont.woff2') format('woff2'), url('iconfont.woff') format('woff'), url('iconfont.ttf') format('truetype'); } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-xiangyoujiantou1:before { content: "\e659"; } .icon-a-jiantou2:before { content: "\e62c"; } .button-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 1rem; justify-content: center; padding: 1.5rem; } /* 按钮样式统一 background-color: #d3e3fd; */ .buttons { display: flex; justify-content: center; align-items: center; height: 56px; border-radius: 28px; border: 1px solid rgba(18, 18, 18, 0.3); font-size: 0.9rem; color: #323232; font-weight: 400; cursor: pointer; transition: all 0.4s ease; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .buttons:hover { background: #c40808; border-color: #c40808; color: #fff; } /*四个按钮*/ #buttonitembig{ position: relative; padding: 0; overflow: hidden; min-height: 1.646vw; } #buttonitembig .content1700 .indexProductsList{ margin: 2.344vw 0px 3.125vw; position: relative; z-index: 2; pointer-events: none; } #buttonitembig .content1700 .indexProductsList .list { width: 19.375vw; height: 3.865vw; line-height: 3.76vw; border-radius: 1.771vw; border: 1px solid rgba(18,18,18,.3); margin-right:1.469vw; font-size: 1.146vw; color: #323232; text-align: center; cursor: pointer; -webkit-transition: all .4s ease; transition: all .4s ease; pointer-events: all; } #buttonitembig .indexProductsList .list:last-child { margin-right: 0 } #buttonitembig .indexProductsList .list.active,#buttonitembig .indexProductsList .list:hover { background: #c40808; border-color: #c40808; color: #fff } @media (max-width: 1024px) { #buttonitembig .indexProductsList { display: flex !important; flex-wrap: wrap !important; justify-content: center; gap: 16px; } #buttonitembig .indexProductsList .list { width: calc(40% - 16px) !important; margin-right: 0 !important; height: 50px !important; line-height: 50px !important; font-size: 15px !important; border-radius: 30px !important; } } @media (max-width: 768px) { #buttonitembig .indexProductsList { display: flex !important; flex-wrap: wrap !important; gap: 12px; } #buttonitembig .indexProductsList .list { width: 80% !important; margin-right: 0 !important; height: 60px !important; line-height: 60px !important; font-size: 14px !important; border-radius: 20px !important; } } @charset "UTF-8";@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 } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1 } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; display: block } .swiper-vertical>.swiper-wrapper { -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: translateZ(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 } .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 } .swiper-3d.swiper-css-mode .swiper-wrapper { -webkit-perspective: 62.5vw; perspective: 62.5vw } .swiper-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .swiper-3d { -webkit-perspective: 62.5vw; perspective: 62.5vw } .swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .swiper-css-mode>.swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none } .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar { display: none } .swiper-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: start start } .swiper-css-mode.swiper-horizontal>.swiper-wrapper { -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: 1px; 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: 1px; height: var(--swiper-centered-offset-after) } .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,.15) } .swiper-3d .swiper-slide-shadow-left { background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image: linear-gradient(to left,rgba(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,.5),rgba(0,0,0,0)); background-image: linear-gradient(to right,rgba(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,.5),rgba(0,0,0,0)); background-image: linear-gradient(to top,rgba(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,.5),rgba(0,0,0,0)); background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-lazy-preloader { width: 2.188vw; height: 2.188vw; position: absolute; left: 50%; top: 50%; margin-left: -1.094vw; margin-top: -1.094vw; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; box-sizing: border-box; border: .208vw 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(0) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes swiper-preloader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .swiper-pagination-lock,.swiper-button-lock { display: none !important; opacity: 0; visibility: hidden } .swiper-button-disabled { opacity: .6; pointer-events: none } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @-webkit-keyframes centerRotate { 0% { -webkit-transform: rotate(0deg) translate(-50%,-50%); transform: rotate(0) translate(-50%,-50%) } to { -webkit-transform: rotate(360deg) translate(-50%,-50%); transform: rotate(360deg) translate(-50%,-50%) } } @keyframes centerRotate { 0% { -webkit-transform: rotate(0deg) translate(-50%,-50%); transform: rotate(0) translate(-50%,-50%) } to { -webkit-transform: rotate(360deg) translate(-50%,-50%); transform: rotate(360deg) translate(-50%,-50%) } } @-webkit-keyframes progressBar { 0% { width: 0 } to { width: 100% } } @keyframes progressBar { 0% { width: 0 } to { width: 100% } } @-webkit-keyframes downFloat { 0% { -webkit-transform: translateY(0px); transform: translateY(0) } 50% { -webkit-transform: translateY(20px); transform: translateY(20px) } to { -webkit-transform: translateY(0px); transform: translateY(0) } } @keyframes downFloat { 0% { -webkit-transform: translateY(0px); transform: translateY(0) } 50% { -webkit-transform: translateY(20px); transform: translateY(20px) } to { -webkit-transform: translateY(0px); transform: translateY(0) } } @-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) } to { -webkit-transform: scale(1); transform: scale(1) } } @keyframes scale { 0% { -webkit-transform: scale(1.1); transform: scale(1.1) } to { -webkit-transform: scale(1); transform: scale(1) } } @-webkit-keyframes amplify1 { 0% { width: 100%; height: 100%; opacity: 0 } 20% { opacity: 1 } 50% { width: 140%; height: 140%; opacity: 0 } to { opacity: 0 } } @keyframes amplify1 { 0% { width: 100%; height: 100%; opacity: 0 } 20% { opacity: 1 } 50% { width: 140%; height: 140%; opacity: 0 } to { opacity: 0 } } @-webkit-keyframes amplify2 { 0% { width: 100%; height: 100%; opacity: 0 } 20% { opacity: 1 } 75% { width: 500%; height: 500%; opacity: 0 } to { opacity: 0 } } @keyframes amplify2 { 0% { width: 100%; height: 100%; opacity: 0 } 20% { opacity: 1 } 75% { width: 500%; height: 500%; opacity: 0 } to { opacity: 0 } } @-webkit-keyframes translateX { 0% { -webkit-transform: translateX(0px); transform: translate(0) } to { -webkit-transform: translate(-4.167vw); transform: translate(-4.167vw) } } @keyframes translateX { 0% { -webkit-transform: translateX(0px); transform: translate(0) } to { -webkit-transform: translate(-4.167vw); transform: translate(-4.167vw) } } .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,30px,0); transform: translate3d(0,30px,0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0,30px,0); transform: translate3d(0,30px,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 } @-webkit-keyframes bounceIn { 0%,20%,40%,60%,80%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } 40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.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(.97,.97,.97); transform: scale3d(.97,.97,.97) } to { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scaleZ(1) } } @keyframes bounceIn { 0%,20%,40%,60%,80%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } 40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.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(.97,.97,.97); transform: scale3d(.97,.97,.97) } to { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scaleZ(1) } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn } * { box-sizing: border-box } body { margin: 0; left: 0; } select,input,textarea { border-radius: 0; -webkit-border-radius: 0; color: #878787 } input:focus { outline: none } input,button,select,textarea { outline: 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 } textarea,input,select { background: none; border: none; margin: 0; padding: 0 } img { max-width: 100%; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none } a { text-decoration: none; font-weight: 400 } i { font-style: normal } body { font: 14px/1.5 Roboto,Open Sans,Montserrat,Lato,Inter; position: relative; left: 0; -webkit-transition: left .4s cubic-bezier(.4,.01,.165,.99); transition: left .4s cubic-bezier(.4,.01,.165,.99) } [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: "" } .social-share .icon-qq:before { content: "" } .social-share .icon-weibo:before { content: "" } .social-share .icon-wechat:before { content: "" } .social-share .icon-douban:before { content: "" } .social-share .icon-heart:before { content: "" } .social-share .icon-like:before { content: "" } .social-share .icon-qzone:before { content: "" } .social-share .icon-linkedin:before { content: "" } .social-share .icon-linkedin2:before { content: "" } .social-share .icon-diandian:before { content: "" } .social-share .icon-facebook:before { content: "" } .social-share .icon-google:before { content: "" } .social-share .icon-twitter:before { content: "" } .wechat-qrcode { display: none; border: 1px solid #eee; position: fixed; z-index: 999; top: 50%; left: 50%; width: 200px; height: 190px; margin-top: -96px; margin-left: -100px; color: #666; font-size: 12px; text-align: center; background-color: #fff; box-shadow: 0 2px 10px #aaa; -webkit-transition: all .2s; transition: all .2s; -webkit-tansition: all .35s; -moz-transition: all .35s } .wechat-qrcode.bottom { top: 40px; left: -84px } .wechat-qrcode.bottom:after { display: none } .wechat-qrcode h4 { font-weight: 400; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777 } .wechat-qrcode .qrcode { width: 105px; margin: 10px auto } .wechat-qrcode .qrcode table { margin: 0 !important } .wechat-qrcode .help p { font-weight: 400; line-height: 16px; padding: 0; margin: 0; width: 100% } .wechat-qrcode .closeWechat { position: absolute; right: 5px; top: 5px; width: 16px; height: 16px; z-index: 9; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); cursor: pointer } .wechat-qrcode .closeWechat:after { width: 2px; height: 100%; position: absolute; left: 50%; margin-left: -1px; content: ""; display: block; background: #666 } .wechat-qrcode .closeWechat:before { width: 100%; height: 2px; position: absolute; top: 50%; margin-top: -1px; content: ""; display: block; background: #666 } .leftOffset { left: -260px !important } .content1820 { width: 94.792vw; margin: 0 auto } .content1700 { width: 88.542vw; margin: 0 auto } .content1600 { width: 83.333vw; margin: 0 auto } .content1250 { width: 65.104vw; margin: 0 auto } .viewPicture { cursor: pointer } .commonBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1 } .commonBg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover } .stopScroll { overflow: hidden } .flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .flex-1 { -webkit-box-flex: 1; -webkit-flex: 1 1 0; -ms-flex: 1 1 0px; flex: 1 1 0 } .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 } @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: 0; left: 0; width: 100%; height: 5.729vw; line-height: 5.729vw; border-bottom: 1px solid transparent; -webkit-transition: left .4s cubic-bezier(.4,.01,.165,.99),background-color .4s ease; transition: left .4s cubic-bezier(.4,.01,.165,.99),background-color .4s ease; z-index: 9999 } .header .headerLogo a { display: block; width: 12.656vw; height: 3.542vw; position: relative; -webkit-transition: all .4s ease; transition: all .4s ease } .header .headerLogo a img { position: absolute; left: 0; top: 0; width: 100%; height: 100% } .header .headerLogo a img.active { opacity: 0; visibility: hidden } .header .headerMain .headerNav ul li { position: relative; list-style: none; margin: 0px .521vw } .header .headerMain .headerNav ul li:hover .dropDownMenu { max-height: 41.667vw; -webkit-transition: all .6s ease; transition: all .6s ease } .header .headerMain .headerNav ul li:last-child { padding-right: 0 } .header .headerMain .headerNav ul li>a { display: inline-block; -webkit-transition: color .4s ease; transition: color .4s ease; position: relative; padding: 0px .521vw } .header .headerMain .headerNav ul li>a h2 { font-size: .833vw; color: #fff; font-weight: 400; -webkit-transition: all .4s ease; transition: all .4s ease; text-transform: uppercase } .header .headerMain .headerNav ul li>a:after { position: absolute; bottom: 0; left: 50%; display: block; width: 0%; height: 2px; content: ""; -webkit-transition: all .4s ease; transition: all .4s ease; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translate(-50%); background: -webkit-linear-gradient(right,transparent,#C40808,transparent); background: linear-gradient(to left,transparent,#C40808,transparent) } .header .headerMain .headerNav ul li>a:hover h2 { color: #c40808 } .header .headerMain .headerOther { margin-left: 2.135vw } .header .headerMain .headerOther .searchBtn { font-size: 1.198vw; color: #fff; -webkit-transition: all .4s ease; transition: all .4s ease; cursor: pointer; margin-right: 1.51vw } .header .headerMain .headerOther .langBtn { width: auto; text-align: center; -webkit-transition: all .4s ease; cursor: pointer; position: relative; font-size: 1.354vw; color: #fff; transition: all .4s ease } .header .headerMain .headerOther .langBtn i { margin-right: .417vw } .header .headerMain .headerOther .langBtn b { display: inline-block; width: .365vw; height: .208vw; background: #fff; -webkit-clip-path: polygon(50% 0%,0% 100%,100% 100%); clip-path: polygon(50% 0%,0% 100%,100% 100%); -webkit-transform: rotate(180deg) translateY(.313vw); -ms-transform: rotate(180deg) translateY(.313vw); transform: rotate(180deg) translateY(.313vw); -webkit-transition: all .4s ease; transition: all .4s ease } .header .headerMain .headerOther .langBtn:hover .popup { opacity: 1; visibility: visible } .header .headerMain .headerOther .langBtn .popup { position: absolute; top: 4.167vw; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translate(-50%); width: 100%; background: #fff; border-radius: .313vw; box-shadow: 0 2px 1.042vw #333; -webkit-transition: all .4s ease; transition: all .4s ease; opacity: 0; visibility: hidden; min-width: 3.125vw } .header .headerMain .headerOther .langBtn .popup:after { position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%,-100%); -ms-transform: translate(-50%,-100%); transform: translate(-50%,-100%); width: .521vw; height: .313vw; background: #fff; -webkit-clip-path: polygon(50% 0%,0% 100%,100% 100%); clip-path: polygon(50% 0%,0% 100%,100% 100%); content: ""; display: block } .header .headerMain .headerOther .langBtn .popup a { display: block; font-size: .677vw; color: #333; line-height: 1.719vw; -webkit-transition: all .4s ease; transition: all .4s ease; margin-bottom: 2px; border-radius: .313vw } .header .headerMain .headerOther .langBtn .popup a:last-child { margin-bottom: 0 } .header .headerMain .headerOther .langBtn .popup a:hover { background: #c40808; color: #fff } .header .headerMain .headerOther .menusBtn { display: none } .header.headerMask { height: 4.427vw; line-height: 4.427vw; background: #fff; -webkit-backdrop-filter: blur(1.042vw); backdrop-filter: blur(1.042vw); box-shadow: 0 0 .833vw #ddd } .header.headerMask .headerLogo a { -webkit-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8) } .header.headerMask .headerLogo a img.default { opacity: 0; visibility: hidden } .header.headerMask .headerLogo a img.active { opacity: 1; visibility: visible } .header.headerMask .headerMain .headerNav ul li>a h2 { color: #333 } .header.headerMask .headerMain .headerNav ul li:hover>a h2 { color: #c40808 } .header.headerMask .headerMain .headerNav ul li:hover>a:after { width: calc(100% + .521vw) } .header.headerMask .headerMain .headerNav ul li:hover>a h2,.header.headerMask .headerMain .headerNav ul li.active>a h2 { color: #c40808 } .header.headerMask .headerMain .headerNav ul li:hover>a:after,.header.headerMask .headerMain .headerNav ul li.active>a:after { width: calc(100% + .521vw) } .header.headerMask .headerMain .headerOther .searchBtn,.header.headerMask .headerMain .headerOther .langBtn { color: #333 } .header.headerMask .headerMain .headerOther .langBtn b { background: #333 } .header.headerMask .headerMain .headerOther .langBtn .popup { top: 3.385vw; box-shadow: 0 2px 1.042vw #ddd } .header.headerMask .dropDownMenu { top: 4.427vw } .header.headerBg { background: #fff; border-color: rgba(238,238,238,.6) } .header.headerBg .headerLogo a img.default { opacity: 0; visibility: hidden } .header.headerBg .headerLogo a img.active { opacity: 1; visibility: visible } .header.headerBg .headerMain .headerNav ul li>a h2 { color: #333 } .header.headerBg .headerMain .headerNav ul li:hover>a h2 { color: #c40808 } .header.headerBg .headerMain .headerNav ul li:hover>a:after { width: calc(100% + .521vw) } .header.headerBg .headerMain .headerOther .searchBtn,.header.headerBg .headerMain .headerOther .langBtn { color: #333 } .header.headerBg .headerMain .headerOther .langBtn b,.header.headerBg .headerMain .headerOther .menusBtn span { background: #333 } .header.headerDown { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%) } .header.headerDetail { border-color: rgba(238,238,238,.6) } .header.headerDetail .headerLogo a img.default { opacity: 0; visibility: hidden } .header.headerDetail .headerLogo a img.active { opacity: 1; visibility: visible } .header.headerDetail .headerMain .headerNav ul li>a h2 { color: #333 } .header.headerDetail .headerMain .headerNav ul li>a:hover h2 { color: #c40808 } .header.headerDetail .headerMain .headerNav ul li>a:hover:after { width: calc(100% + .521vw) } .header.headerDetail .headerMain .headerOther .searchBtn,.header.headerDetail .headerMain .headerOther .langBtn { color: #333 } .header.headerDetail .headerMain .headerOther .langBtn b,.header.headerDetail .headerMain .headerOther .menusBtn span { background: #333 } .headerSearchformMain { position: fixed; left: 0; top: 0; width: 100%; height: auto; display: none; z-index: 99 } .headerSearchformMain .headerSearchform { background: #fff; padding: 4.167vw 0px; position: relative; z-index: 99; -webkit-transition: opacity .8s cubic-bezier(.2,1,.3,1),-webkit-transform .8s cubic-bezier(.2,1,.3,1); transition: opacity .8s cubic-bezier(.2,1,.3,1),-webkit-transform .8s cubic-bezier(.2,1,.3,1); transition: transform .8s cubic-bezier(.2,1,.3,1),opacity .8s cubic-bezier(.2,1,.3,1); transition: transform .8s cubic-bezier(.2,1,.3,1),opacity .8s cubic-bezier(.2,1,.3,1),-webkit-transform .8s cubic-bezier(.2,1,.3,1); opacity: 0; -webkit-transform: translate3d(0px,-100%,1px); transform: translate3d(0,-100%,1px) } .headerSearchformMain .headerSearchform form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 51.042vw; margin: 0 auto; width: 100%; position: relative } .headerSearchformMain .headerSearchform form input { display: block; width: 100%; height: 3.125vw; font-weight: 400; font-size: .833vw; color: #757575; background: #eee; border-radius: 2.083vw; padding-left: 1.563vw } .headerSearchformMain .headerSearchform form input:focus { border-color: #d2d2d2 !important; box-shadow: none } .headerSearchformMain .headerSearchform form input:-internal-autofill-previewed,.headerSearchformMain .headerSearchform form input:-internal-autofill-selected,.headerSearchformMain .headerSearchform form input:-webkit-autofill,.headerSearchformMain .headerSearchform form input:-webkit-autofill:hover,.headerSearchformMain .headerSearchform form input:-webkit-autofill:focus,.headerSearchformMain .headerSearchform form input:-webkit-autofill:active { box-shadow: none !important; -webkit-transition-delay: 9999s; -webkit-transition: background-color 9999s ease-out; background-color: #eee !important; color: #757575 !important } .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.125vw; height: 3.125vw; border-radius: 50%; position: absolute; top: 0; right: 0; background: #c40808; -webkit-transition: all .4s ease; transition: all .4s ease; font-size: 1.25vw; color: #fff; border: 0px; cursor: pointer } .headerSearchformMain .headerSearchform form button:hover { box-shadow: 0 .26vw .521vw rgba(196,8,8,.4) } .headerSearchformMain .headerSearchform form .closeSearch { cursor: pointer; right: 0; top: 0; height: 100%; font-size: 1.042vw; color: #333 } .headerSearchformMain .headerSearchMask { content: ""; position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background: rgba(0,0,0,.4); -webkit-backdrop-filter: blur(1.042vw); backdrop-filter: blur(1.042vw) } .headerSearchformMain.admission .headerSearchform { -webkit-transform: translate3d(0px,0px,0px); transform: translateZ(0); opacity: 1 } .dropDownMenu { max-height: 0px; overflow: hidden; position: absolute; top: 5.729vw; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translate(-50%); min-width: 12.344vw; text-align: left } .dropDownMenu.solutionDropDownMenu,.dropDownMenu.productDropDownMenu { position: fixed; width: 100% } .dropDownMenu .dropDownMenuList { padding: 1.823vw 0px; margin-top: .781vw; background: #fff; border-radius: .781vw } .dropDownMenu .dropDownMenuList a { display: block; line-height: 1.094vw; font-size: .833vw; color: #777c85; margin: 0px 1.354vw 1.563vw; padding-left: .781vw; position: relative; -webkit-transition: all .4s ease; transition: all .4s ease; white-space: nowrap } .dropDownMenu .dropDownMenuList a:after { width: .208vw; height: 100%; position: absolute; left: 0; top: 0; background: #c40808; -webkit-transition: all .4s ease; transition: all .4s ease; opacity: 0; visibility: hidden; content: ""; display: block } .dropDownMenu .dropDownMenuList a:last-child { margin-bottom: 0 } .dropDownMenu .dropDownMenuList a:hover { color: #003f7c } .dropDownMenu .dropDownMenuList a:hover:after { opacity: 1; visibility: visible } .dropDownMenu .solutionDropDownMenuList { height: 25.313vw; background: #fff; border-radius: .781vw; overflow: hidden; margin: .781vw -4.167vw 0px } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuLeft { width: 29.479vw; padding: 2.917vw 1.875vw 2.917vw 4.583vw; margin-right: 5.313vw; background: #f3f6fb; border-right: 1px solid #E5E5E5 } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuLeft .listBox { max-height: 15.833vw; overflow-y: auto; padding-right: 2.083vw } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuLeft .listBox::-webkit-scrollbar { width: 2px; height: 2px; background-color: #fff } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuLeft .listBox::-webkit-scrollbar-track { border-radius: 2px; background-color: #fff } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuLeft .listBox::-webkit-scrollbar-thumb { border-radius: 2px; background-color: #004178; cursor: pointer } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuLeft .listBox a { min-height: 2.917vw; line-height: 1.354vw; font-size: .938vw; color: #a0a0a0; border-left: .208vw solid transparent; padding: .625vw .99vw; -webkit-transition: all .1s ease; transition: all .1s ease; margin-bottom: .313vw } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuLeft .listBox a:last-child { margin-bottom: 0 } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuLeft .listBox a.active { color: #003f7c; border-left-color: #c40808; background: rgba(163,196,229,.2) } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuLeft .listBox a.active i { opacity: 1; visibility: visible } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuLeft .listBox a i { font-size: .677vw; margin-left: 1.042vw; -webkit-transition: all .1s ease; transition: all .1s ease; opacity: 0; visibility: hidden } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuLeft .more { display: block; width: 20.885vw; height: 2.344vw; line-height: 2.24vw; font-size: .729vw; color: #000; text-align: center; background: #e7ebf0; border: 1px solid rgba(11,29,47,.6); border-radius: 1.458vw; -webkit-transition: all .4s ease; transition: all .4s ease; padding: 0px 1.042vw; margin-top: 1.406vw } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuLeft .more:last-child { margin-right: 0 } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuLeft .more:hover,.dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuLeft .more.active { color: #fff; background: #c40808; border-color: #c40808 } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuLeft .more span { font-weight: 600; margin-right: 2.031vw } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuLeft .more i { display: inline-block; font-size: .833vw; -webkit-transform: rotate(-45deg) translateY(2px); -ms-transform: rotate(-45deg) translateY(2px); transform: rotate(-45deg) translateY(2px) } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuMain { padding-top: 2.604vw } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuMain .solutionDropDownMenuLevelBox { display: none } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuMain .solutionDropDownMenuLevelBox:nth-child(1) { display: block } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuMain .solutionDropDownMenuLevelBox .solutionDropDownMenuLevel .levelBox { width: 100%; margin-top: 1.042vw; margin-right: 2.448vw; padding-right: 2.083vw; max-height: 14.583vw; overflow-y: auto; padding-right: 40px } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuMain .solutionDropDownMenuLevelBox .solutionDropDownMenuLevel .levelBox::-webkit-scrollbar { width: 2px; height: 2px; background-color: #eee } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuMain .solutionDropDownMenuLevelBox .solutionDropDownMenuLevel .levelBox::-webkit-scrollbar-track { border-radius: 2px; background-color: #eee } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuMain .solutionDropDownMenuLevelBox .solutionDropDownMenuLevel .levelBox::-webkit-scrollbar-thumb { border-radius: 2px; background-color: #004178; cursor: pointer } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuMain .solutionDropDownMenuLevelBox .solutionDropDownMenuLevel .levelBox a { width: 50%; padding-right: 1.563vw; font-weight: 600; display: block; font-size: .833vw; color: #848991; line-height: 1.458vw; margin-bottom: 1.354vw; -webkit-transition: all .4s ease; transition: all .4s ease } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuMain .solutionDropDownMenuLevelBox .solutionDropDownMenuLevel .levelBox a:hover { color: #000 } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuMain .solutionDropDownMenuLevelBox .solutionDropDownMenuLevel .levelImages { width: 31.25vw; margin: 0; border-radius: .208vw } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuMain .solutionDropDownMenuLevelBox .solutionDropDownMenuLevel .levelImages .swiper-wrapper .swiper-slide img { width: 100%; height: 16.927vw; object-fit: cover; -webkit-transition: all .4s ease; transition: all .4s ease } .dropDownMenu .productDropDownMenuList { background: #fff; border-radius: .781vw; overflow: hidden; margin: .781vw -4.167vw 0px } .dropDownMenu .productDropDownMenuList .productDropDownMenuLeft { width: 30.469vw; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; background: #f3f6fb; border-right: 1px solid #E5E5E5; padding: 3.125vw 2.839vw 3.125vw 5.99vw } .dropDownMenu .productDropDownMenuList .productDropDownMenuLeft .productDropDownMenuLeftBox { max-height: 35.938vw; overflow-y: auto; padding-right: 2.839vw } .dropDownMenu .productDropDownMenuList .productDropDownMenuLeft .productDropDownMenuLeftBox::-webkit-scrollbar { width: 2px; height: 2px; background-color: #fff } .dropDownMenu .productDropDownMenuList .productDropDownMenuLeft .productDropDownMenuLeftBox::-webkit-scrollbar-track { border-radius: 2px; background-color: #fff } .dropDownMenu .productDropDownMenuList .productDropDownMenuLeft .productDropDownMenuLeftBox::-webkit-scrollbar-thumb { border-radius: 2px; background-color: #004178; cursor: pointer } .dropDownMenu .productDropDownMenuList .productDropDownMenuLeft .productDropDownMenuLeftBox .title { font-weight: 600; font-size: .938vw; color: #000; line-height: 1.2; margin-bottom: .885vw } .dropDownMenu .productDropDownMenuList .productDropDownMenuLeft .productDropDownMenuLeftBox .listBox { margin-bottom: 2.188vw } .dropDownMenu .productDropDownMenuList .productDropDownMenuLeft .productDropDownMenuLeftBox .listBox:last-child { margin-bottom: 0 } .dropDownMenu .productDropDownMenuList .productDropDownMenuLeft .productDropDownMenuLeftBox .listBox a { display: block; font-size: .833vw; color: #777c85; min-height: 2.708vw; line-height: 1.354vw; padding: .625vw 1.042vw .625vw 1.563vw; border-left: .208vw solid transparent; -webkit-transition: all .1s ease; transition: all .1s ease; position: relative } .dropDownMenu .productDropDownMenuList .productDropDownMenuLeft .productDropDownMenuLeftBox .listBox a:before { position: absolute; left: .781vw; top: 50%; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); width: .313vw; height: .313vw; background: #777c85; border-radius: 1px; -webkit-transition: all .1s ease; transition: all .1s ease; content: ""; display: block } .dropDownMenu .productDropDownMenuList .productDropDownMenuLeft .productDropDownMenuLeftBox .listBox a.active { font-weight: 600; color: #003f7c; border-left-color: #c40808; background: rgba(163,196,229,.2) } .dropDownMenu .productDropDownMenuList .productDropDownMenuLeft .productDropDownMenuLeftBox .listBox a.active:before { background: #003f7c } .dropDownMenu .productDropDownMenuList .productDropDownMenuLeft .productDropDownMenuLeftBox .listBox a .new { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: .833vw; width: 1.771vw; height: auto } .dropDownMenu .productDropDownMenuList .productDropDownMenuMain { margin: -.938vw -.677vw; padding: 4.219vw 4.375vw 4.219vw 5.052vw } .dropDownMenu .productDropDownMenuList .productDropDownMenuMain .productDropDownMenuLevelBox { display: none; max-height: 35.938vw; overflow-y: auto; padding-right: 3.333vw } .dropDownMenu .productDropDownMenuList .productDropDownMenuMain .productDropDownMenuLevelBox:nth-child(1) { display: block } .dropDownMenu .productDropDownMenuList .productDropDownMenuMain .productDropDownMenuLevelBox::-webkit-scrollbar { width: 2px; height: 2px; background-color: #eee } .dropDownMenu .productDropDownMenuList .productDropDownMenuMain .productDropDownMenuLevelBox::-webkit-scrollbar-track { border-radius: 2px; background-color: #eee } .dropDownMenu .productDropDownMenuList .productDropDownMenuMain .productDropDownMenuLevelBox::-webkit-scrollbar-thumb { border-radius: 2px; background-color: #004178; cursor: pointer } .dropDownMenu .productDropDownMenuList .productDropDownMenuMain .productDropDownMenuLevelBox .productDropDownMenuLevel a { width: calc(33.33% - 1.354vw); margin: .938vw .677vw; text-align: center; position: relative } .dropDownMenu .productDropDownMenuList .productDropDownMenuMain .productDropDownMenuLevelBox .productDropDownMenuLevel a:hover .title { color: #003f7c } .dropDownMenu .productDropDownMenuList .productDropDownMenuMain .productDropDownMenuLevelBox .productDropDownMenuLevel a .tag { position: absolute; top: 1.042vw; left: 1.042vw; font-size: .625vw; padding: 0px .625vw; line-height: 1.406vw; border-radius: 1.563vw } .dropDownMenu .productDropDownMenuList .productDropDownMenuMain .productDropDownMenuLevelBox .productDropDownMenuLevel a .tag.blue { color: #fff; background: #004178 } .dropDownMenu .productDropDownMenuList .productDropDownMenuMain .productDropDownMenuLevelBox .productDropDownMenuLevel a .tag.red { color: #fff; background: #c40e0e } .dropDownMenu .productDropDownMenuList .productDropDownMenuMain .productDropDownMenuLevelBox .productDropDownMenuLevel a .image { padding: 1.563vw 0px .521vw; border-radius: .417vw; background: #f4f4f4; -webkit-transition: all .4s ease; transition: all .4s ease; overflow: hidden } .dropDownMenu .productDropDownMenuList .productDropDownMenuMain .productDropDownMenuLevelBox .productDropDownMenuLevel a .image img { width: 10.573vw; height: 10.573vw; object-fit: cover; -webkit-transition: all .4s ease; transition: all .4s ease } .dropDownMenu .productDropDownMenuList .productDropDownMenuMain .productDropDownMenuLevelBox .productDropDownMenuLevel a .title { font-weight: 600; font-size: .938vw; color: #333; line-height: 1.563vw; margin-top: 1.042vw; -webkit-transition: all .4s ease; transition: all .4s ease } .mobileHeader { display: none } .maskLayer { display: none !important; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.4); -webkit-backdrop-filter: blur(1.042vw); backdrop-filter: blur(1.042vw); z-index: 999 } #pagingMian .paging { text-align: center } #pagingMian .paging.whiteTheme .layui-laypage a,#pagingMian .paging.whiteTheme .layui-laypage span { background: #fff } #pagingMian .paging .layui-laypage { margin: 0 } #pagingMian .paging .layui-laypage a,#pagingMian .paging .layui-laypage span { width: 2.5vw; height: 2.5vw; line-height: 2.5vw; font-size: .677vw; color: #353535; padding: 0; margin: 0px .365vw; border: 0px; background: #f9f9f9; overflow: hidden } #pagingMian .paging .layui-laypage a:hover,#pagingMian .paging .layui-laypage span:hover { color: #004178 } #pagingMian .paging .layui-laypage-curr { font-size: .885vw !important; font-weight: 700 } #pagingMian .paging .layui-laypage-prev,#pagingMian .paging .layui-laypage-next { font-size: .521vw !important; font-weight: 700 } #pagingMian .paging .layui-laypage-curr .layui-laypage-em { background: #004178 } #pagingMian .mobileLoadMore { display: none } #main { position: relative; z-index: 4; overflow: hidden; } #footer { padding: 9.896vw 0 2.5vw; position: relative; overflow: hidden; z-index: 2 } #footer.footerHeight { padding-top: 4.688vw } #footer .footerHead { padding-bottom: 2.5vw; margin-bottom: 3.125vw; border-bottom: 1px solid rgba(231,232,234,.2) } #footer .footerHead .footerHeadLeft { width: 28.2352941176% } #footer .footerHead .footerHeadLeft .logo { display: inline-block } #footer .footerHead .footerHeadLeft .logo img { width: 13.073vw; height: 3.698vw } #footer .footerHead .footerHeadRight { width: 30.5882352941% } #footer .footerHead .footerHeadRight .subscribeEmail .input { position: relative } #footer .footerHead .footerHeadRight .subscribeEmail .input input { display: block; width: 100%; height: 2.813vw; font-size: .833vw; color: #fff; padding: 1.042vw 0; border-bottom: 1px solid rgba(255,255,255,.5) } #footer .footerHead .footerHeadRight .subscribeEmail .input input::-webkit-input-placeholder { font-size: .833vw; color: rgba(255,255,255,.5) } #footer .footerHead .footerHeadRight .subscribeEmail .input input::-moz-placeholder { font-size: .833vw; color: rgba(255,255,255,.5) } #footer .footerHead .footerHeadRight .subscribeEmail .input input:-ms-input-placeholder { font-size: .833vw; color: rgba(255,255,255,.5) } #footer .footerHead .footerHeadRight .subscribeEmail .input input::placeholder { font-size: .833vw; color: rgba(255,255,255,.5) } #footer .footerHead .footerHeadRight .subscribeEmail .input .submit { position: absolute; top: 50%; right: -.313vw; font-size: 1.042vw; color: #fff; cursor: pointer; -webkit-transform: rotate(-45deg) translateY(-50%); -ms-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%) } #footer .footerHead .footerHeadRight .subscribeEmail .input .intro { font-size: .938vw; color: #fff; margin-bottom: -.625vw } #footer .footerHead .footerHeadRight .subscribeEmail>.intro { font-size: .729vw; line-height: 1.302vw; color: rgba(255,255,255,.5); -webkit-transition: all .4s ease; transition: all .4s ease; margin-top: .729vw } #footer .footerHead .footerHeadRight .subscribeEmail>.intro a { color: rgba(255,255,255,.8); -webkit-transition: all .4s ease; transition: all .4s ease } #footer .footerHead .footerHeadRight .subscribeEmail>.intro a:hover { color: #fff } #footer .footerMain { margin-bottom: 4.167vw } #footer .footerMain .footerMainLeft { width: 21.615vw; margin-right: 9.375vw } #footer .footerMain .footerMainLeft .list { margin-bottom: 1.198vw } #footer .footerMain .footerMainLeft .list .title { line-height: 1; margin-bottom: .208vw } #footer .footerMain .footerMainLeft .list .title img { width: .885vw; height: .885vw; margin-right: .469vw } #footer .footerMain .footerMainLeft .list .title span { font-size: .938vw; color: #fff; font-weight: 600 } #footer .footerMain .footerMainLeft .list .intro { font-size: .833vw; color: rgba(255,255,255,.5); -webkit-transition: all .4s ease; transition: all .4s ease } #footer .footerMain .footerMainLeft .list .intro:hover { color: rgba(255,255,255,.8) } #footer .footerMain .footerMainLeft .shareBox a { width: 2.604vw; height: 2.604vw; border-radius: .208vw; border: 1px solid rgba(227,228,230,.4); margin-right: .521vw; -webkit-transition: all .4s ease; transition: all .4s ease } #footer .footerMain .footerMainLeft .shareBox a:last-child { margin-right: 0 } #footer .footerMain .footerMainLeft .shareBox a:hover { background: rgba(255,255,255,.15) } #footer .footerMain .footerMainLeft .shareBox a img { width: 2.5vw; height: 2.5vw } #footer .footerMain .footerMainRight { position: relative } #footer .footerMain .footerMainRight dl { margin-right: 2.083vw } #footer .footerMain .footerMainRight dl:last-child { margin-right: 0 } #footer .footerMain .footerMainRight dl dt { margin-bottom: .417vw } #footer .footerMain .footerMainRight dl dt a { font-size: .938vw; color: #fff; font-weight: 600; -webkit-transition: all .4s; transition: all .4s; position: relative; white-space: nowrap } #footer .footerMain .footerMainRight dl dt a:after { position: absolute; right: 0; bottom: 0; width: 0%; height: 1px; background: #fff; -webkit-transition: all .4s; transition: all .4s; content: ""; display: block } #footer .footerMain .footerMainRight dl dt a:hover { color: #fff } #footer .footerMain .footerMainRight dl dt a:hover:after { width: 100%; right: auto; left: 0 } #footer .footerMain .footerMainRight dl dd { margin-bottom: .573vw } #footer .footerMain .footerMainRight dl dd:last-child { margin-bottom: 0 } #footer .footerMain .footerMainRight dl dd a { font-size: .833vw; color: rgba(255,255,255,.6); line-height: 1.25vw; -webkit-transition: all .4s ease; transition: all .4s ease; white-space: nowrap } #footer .footerMain .footerMainRight dl dd a:hover { color: rgba(255,255,255,.8) } #footer .footerOther .copyright { font-weight: 600; font-size: .729vw; color: rgba(255,255,255,.5); padding-top: .833vw } #footer .footerOther .copyright a { font-size: .729vw; color: rgba(255,255,255,.5); -webkit-transition: all .4s; transition: all .4s; position: relative } #footer .footerOther .copyright a:after { position: absolute; right: 0; bottom: 0; width: 0%; height: 1px; background: #fff; -webkit-transition: all .4s; transition: all .4s; content: ""; display: block } #footer .footerOther .copyright a:hover { color: #fff } #footer .footerOther .copyright a:hover:after { width: 100%; right: auto; left: 0 } #footer .footerOther .footerContact img { width: 4.948vw; height: 4.948vw; margin-right: .625vw } #footer .footerOther .footerContact a { display: block; width: 7.083vw; height: 2.396vw; text-align: center; line-height: 2.396vw; font-size: .729vw; color: #fff; background: #c40808; border-radius: 1.198vw; margin-left: 1.042vw } #slidebar { pointer-events: none; position: fixed; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 999 } #slidebar.active .slidebarMain { box-shadow: 0 0 1.042vw #ddd; margin-right: 0 } #slidebar .slidebarBtn { pointer-events: all; position: relative; -webkit-transition: all .3s; transition: all .3s; background-color: #c40808; display: block; padding: .781vw; font-weight: 600; font-size: .833vw; color: #fff; line-height: 1.3; border-radius: .26vw 0 0 .26vw; box-shadow: 0 0 .365vw rgba(0,0,0,.3); cursor: pointer } #slidebar .slidebarBtn span { pointer-events: none } #slidebar .slidebarMain { pointer-events: all; background: #fff; height: auto; width: 17.188vw; -webkit-transition: all .3s; transition: all .3s; z-index: 100; padding: .26vw 1.042vw .521vw; margin-right: -17.188vw } #slidebar .slidebarMain ul li { list-style: none; padding: .521vw 0 .781vw; border-bottom: 1px solid rgba(238,238,238,.7) } #slidebar .slidebarMain ul li:last-child { border-bottom: 0px } #slidebar .slidebarMain ul li .title { font-weight: 600; font-size: .833vw; color: #000; margin-bottom: .208vw } #slidebar .slidebarMain ul li .intro { display: inline-block; font-weight: 600; color: #12151d; line-height: 1.5; font-size: .729vw; margin-bottom: .26vw; border-bottom: 1px solid transparent; -webkit-transition: all .4s ease; transition: all .4s ease } #slidebar .slidebarMain ul li .intro img { width: 1.042vw; height: 1.042vw; margin-right: .313vw; margin-top: -2px } #slidebar .slidebarMain ul li a { font-weight: 600; color: #000; -webkit-transition: all .4s ease; transition: all .4s ease } #slidebar .slidebarMain ul li a:hover { color: #15589e } #slidebar .slidebarMain ul li .more { font-size: .781vw; color: #c40808; position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; font-weight: 600; margin: .625vw 0 0; border-bottom: 1px solid transparent; -webkit-transition: all .4s ease; transition: all .4s ease } #slidebar .slidebarMain ul li .more:hover { color: #c40808; border-color: #c40808 } #slidebar .slidebarMain ul li .more img { width: 1.042vw; height: auto; margin-right: .313vw } #slidebar .slidebarMain .other { padding: .521vw 0 .781vw } #slidebar .slidebarMain .other .title { font-weight: 600; font-size: .833vw; color: #000; margin-bottom: .208vw } #slidebar .slidebarMain .other .subTitle { font-weight: 600; font-size: .677vw; color: #000; margin-left: .677vw } #slidebar .slidebarMain .other .intro { font-weight: 600; font-size: .677vw; color: #000; margin-left: 1.354vw; -webkit-transition: all .4s ease; transition: all .4s ease } #slidebar .slidebarMain .other .intro:hover { color: #c40808 } .indexTitle .title { font-size: 1.042vw; text-transform: uppercase } .indexTitle .intro { font-weight: 600; font-size: 2.604vw; text-transform: uppercase; line-height: 2.917vw } .indexTitle .desc { font-size: 1.042vw; margin-top: .313vw } #banner .swiper-wrapper .swiper-slide { position: relative; display: block } #banner .swiper-wrapper .swiper-slide .image { overflow: hidden } #banner .swiper-wrapper .swiper-slide .image img { width: 100%; height: 100vh; object-fit: cover; -webkit-transition: all 2s linear; transition: all 2s linear; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) } #banner .swiper-wrapper .swiper-slide .content { position: absolute; left: 0; top: 30%; width: 100% } #banner .swiper-wrapper .swiper-slide .content .tab { font-size: 1.25vw; color: #fff; width: 5.99vw; height: 2.135vw; line-height: 2.135vw; text-align: center; background: -webkit-linear-gradient(left,#A40D16,#EE414C); background: linear-gradient(90deg,#a40d16,#ee414c); -webkit-mask-image: url(../images/bannerTabMask.png); mask-image: url(../images/bannerTabMask.png); -webkit-mask-size: cover; mask-size: cover; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; margin-bottom: .521vw } #banner .swiper-wrapper .swiper-slide .content .title { font-weight: 550; font-size: 3.646vw; color: #fff; line-height: 4.375vw; margin-bottom: 1.406vw } #banner .swiper-wrapper .swiper-slide .content .intro { font-weight: 300; font-size: 1.354vw; color: #fff; line-height: 2.083vw; margin-bottom: 3.385vw } #banner .swiper-wrapper .swiper-slide .content .more { display: block; width: 12.812vw; height: 2.969vw; line-height: 2.969vw; text-align: center; font-size: .833vw; color: #fff; background: rgba(196,8,8,.8); border-radius: 1.458vw; -webkit-transition: all .4s ease; transition: all .4s ease } #banner .swiper-wrapper .swiper-slide .content .more:hover { box-shadow: 0 .521vw 1.042vw rgba(196,8,8,.7) } #banner .swiper-wrapper .swiper-slide .content .more span { margin-right: 4.479vw } #banner .swiper-wrapper .swiper-slide .content .more i { display: inline-block; font-size: 1.042vw; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } #banner .swiper-wrapper .swiper-slide-active .image video,#banner .swiper-wrapper .swiper-slide-active .image img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } #banner .swiper-pagination { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translate(-50%); bottom: 3.906vw; z-index: 2; width: 88.542vw } #banner .swiper-pagination .swiper-pagination-bullet { display: inline-block; width: 1.198vw; height: .208vw; background: rgba(255,255,255,.2); border-radius: 2px; margin-right: .365vw; cursor: pointer; -webkit-transition: all .4s ease; transition: all .4s ease; position: relative; overflow: hidden } #banner .swiper-pagination .swiper-pagination-bullet:after { position: absolute; left: 0; top: 0; width: 0%; height: 100%; background: #fff; content: ""; display: block } #banner .swiper-pagination .swiper-pagination-bullet:last-child { margin-right: 0 } #banner .swiper-pagination .swiper-pagination-bullet-active { width: 2.344vw } #banner .swiper-pagination .swiper-pagination-bullet-active:after { -webkit-animation: progressBar 7.5s ease forwards; animation: progressBar 7.5s ease forwards } #buttonitem{ position: relative; padding: 0; overflow: hidden; min-height: 1.646vw; } #buttonitem .indexProductsList { margin:0vw 2.865vw 0vw; position: relative; z-index: 2; pointer-events: none } .buttonitems #indexProductsLists{ margin: 2.344vw 0px 3.125vw; position: relative; z-index: 2; pointer-events: none } #buttonitem .indexProductsList .list { width: 9.375vw; height: 2.865vw; line-height: 2.76vw; border-radius: 1.771vw; border: 1px solid rgba(18,18,18,.3); margin-right:1.469vw; font-size: 1.146vw; color: #323232; text-align: center; cursor: pointer; -webkit-transition: all .4s ease; transition: all .4s ease; pointer-events: all } #buttonitem .indexProductsList .list:last-child { margin-right: 0 } #buttonitem .indexProductsList .list.active,#buttonitem .indexProductsList .list:hover { background: #c40808; border-color: #c40808; color: #fff } #indexProducts { position: relative; min-height: 53.646vw; padding: 5.208vw 0px 0px; overflow: hidden } #indexProducts .indexTitle .title { color: #004178 } #indexProducts .indexTitle .intro { color: #121212 } #indexProducts .indexTitle .desc { color: #666 } #indexProducts .indexProductsList { margin: 2.344vw 0px 3.125vw; position: relative; z-index: 2; pointer-events: none } #indexProducts .indexProductsList .list { width: 9.375vw; height: 2.865vw; line-height: 2.76vw; border-radius: 1.771vw; border: 1px solid rgba(18,18,18,.3); margin-right: .469vw; font-size: 1.146vw; color: #323232; text-align: center; cursor: pointer; -webkit-transition: all .4s ease; transition: all .4s ease; pointer-events: all } #indexProducts .indexProductsList .list:last-child { margin-right: 0 } #indexProducts .indexProductsList .list.active,#indexProducts .indexProductsList .list:hover { background: #c40808; border-color: #c40808; color: #fff } #indexProducts .indexProductsMainBox { display: none } #indexProducts .indexProductsMainBox .indexProductsMain { width: calc(100% + 1.042vw); margin-left: -.521vw; padding-top: 5.729vw; margin-top: -5.729vw } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide { width: 25%; height: 30.208vw; padding: 0px .521vw; -webkit-transition: all .5s ease-out; transition: all .5s ease-out } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide:hover,#indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide.active { width: 50% } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide:hover .list .commonBg,#indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide.active .list .commonBg { opacity: 1; visibility: visible } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide:hover .list .image,#indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide.active .list .image { -webkit-transform: translateY(2.083vw); -ms-transform: translateY(2.083vw); transform: translateY(2.083vw) } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide:hover .list .content .title,#indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide.active .list .content .title { color: #fff } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide:hover .list .content .intro,#indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide.active .list .content .intro { color: rgba(255,255,255,.8) } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide .list { display: block; background: #fff; border-radius: .208vw; padding: 2.604vw 0; height: 30.208vw; position: relative } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide .list .tag { position: absolute; top: 1.042vw; left: 1.042vw; font-size: .729vw; padding: 0px .938vw; line-height: 1.875vw; border-radius: 1.563vw; z-index: 2 } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide .list .tag.blue { color: #fff; background: #004178 } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide .list .tag.red { color: #fff; background: #c40e0e } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide .list .commonBg { z-index: 0; opacity: 0; visibility: hidden; -webkit-transition: all .4s ease; transition: all .4s ease; border-radius: .208vw; overflow: hidden } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide .list .image { text-align: center; margin-bottom: .833vw; position: relative; z-index: 2; -webkit-transition: all .4s ease; transition: all .4s ease } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide .list .image img { width: 19.531vw; height: 19.531vw; object-fit: cover; -webkit-transition: all .4s ease; transition: all .4s ease } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide .list .content { padding: 0 2.083vw; position: relative; z-index: 2 } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide .list .content .title { font-size: 1.354vw; color: #323232; margin-bottom: .417vw; -webkit-transition: all .4s ease; transition: all .4s ease } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide .list .content .intro { font-size: .938vw; color: rgba(39,39,39,.8); line-height: 1.146vw; height: 2.292vw; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all .4s ease; transition: all .4s ease } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide .list .content .more { line-height: 1.25vw; font-size: .833vw; color: #fff } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide .list .content .more span { margin-right: .469vw } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide .list .content .more i { -webkit-transform: rotate(-45deg) translateY(2px); -ms-transform: rotate(-45deg) translateY(2px); transform: rotate(-45deg) translateY(2px) } #indexProducts .indexProductsMainBox .indexProductsMain .indexProductsBtns { position: absolute; top: 0; right: .521vw } #indexProducts .indexProductsMainBox .indexProductsMain .indexProductsBtns .swiper-button-prev,#indexProducts .indexProductsMainBox .indexProductsMain .indexProductsBtns .swiper-button-next { width: 2.24vw; height: 2.24vw; text-align: center; line-height: 2.24vw; border-radius: 50%; color: #fff; background: #87929e; -webkit-transition: all .4s ease; transition: all .4s ease; cursor: pointer } #indexProducts .indexProductsMainBox .indexProductsMain .indexProductsBtns .swiper-button-prev:hover,#indexProducts .indexProductsMainBox .indexProductsMain .indexProductsBtns .swiper-button-next:hover { background: #c40808 } #indexProducts .indexProductsMainBox .indexProductsMain .indexProductsBtns .swiper-button-prev { margin-right: .625vw } #indexProducts .indexProductsMainBox .indexProductsMain .indexProductsBtns .swiper-button-prev i { display: inline-block; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg) } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-pagination { display: none } #indexServices { padding: 5vw 0 5.26vw } #indexServices .indexTitle .title { color: #004178 } #indexServices .indexTitle .intro { color: #121212 } #indexServices .indexTitle .desc { color: #666 } #indexServices .indexServicesMain { position: relative; border-radius: .208vw; overflow: hidden; margin-top: 2.135vw } #indexServices .indexServicesMain .indexServicesBg { position: absolute; left: 0; top: 0; width: 100%; height: 100% } #indexServices .indexServicesMain .indexServicesBg .swiper-wrapper .swiper-slide a img { width: 100%; height: 100%; object-fit: cover } #indexServices .indexServicesMain .indexServicesList { z-index: 2; position: relative } #indexServices .indexServicesMain .indexServicesList .swiper-wrapper .swiper-slide { height: 40.104vw; padding: 0 5.938vw; text-align: center; -webkit-transition: all .4s ease; transition: all .4s ease; position: relative } #indexServices .indexServicesMain .indexServicesList .swiper-wrapper .swiper-slide:before { position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: rgba(255,255,255,.2); content: ""; display: block } #indexServices .indexServicesMain .indexServicesList .swiper-wrapper .swiper-slide:hover { -webkit-backdrop-filter: blur(1.042vw); backdrop-filter: blur(1.042vw); background: rgba(0,0,0,.1); opacity: 1 } #indexServices .indexServicesMain .indexServicesList .swiper-wrapper .swiper-slide:hover:after { opacity: 1; visibility: visible } #indexServices .indexServicesMain .indexServicesList .swiper-wrapper .swiper-slide:hover .commonBg:after { opacity: 1; visibility: visible } #indexServices .indexServicesMain .indexServicesList .swiper-wrapper .swiper-slide:hover .icon,#indexServices .indexServicesMain .indexServicesList .swiper-wrapper .swiper-slide:hover .title { opacity: 1 } #indexServices .indexServicesMain .indexServicesList .swiper-wrapper .swiper-slide:hover .intro { max-height: 4.583vw; opacity: 1 } #indexServices .indexServicesMain .indexServicesList .swiper-wrapper .swiper-slide .commonBg { display: none } #indexServices .indexServicesMain .indexServicesList .swiper-wrapper .swiper-slide .commonBg:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3); -webkit-backdrop-filter: blur(1.042vw); backdrop-filter: blur(1.042vw); opacity: 0; visibility: hidden; -webkit-transition: all .4s ease; transition: all .4s ease; content: ""; display: block } #indexServices .indexServicesMain .indexServicesList .swiper-wrapper .swiper-slide .icon { opacity: .6; -webkit-transition: all .4s ease; transition: all .4s ease } #indexServices .indexServicesMain .indexServicesList .swiper-wrapper .swiper-slide .icon img { width: 3.125vw; height: 3.125vw } #indexServices .indexServicesMain .indexServicesList .swiper-wrapper .swiper-slide .title { font-size: 1.563vw; color: #fff; margin: 1.042vw 0px .521vw; opacity: .6; -webkit-transition: all .4s ease; transition: all .4s ease } #indexServices .indexServicesMain .indexServicesList .swiper-wrapper .swiper-slide .intro { font-size: .938vw; color: rgba(255,255,255,.8); line-height: 1.146vw; max-height: 0; -webkit-transition: all .4s ease; transition: all .4s ease; overflow: hidden; opacity: .6 } #indexServices .indexServicesMain .indexServicesList .swiper-pagination { display: none } #indexSolutions { position: relative } #indexSolutions .indexSolutionsMain .swiper-wrapper .swiper-slide { position: relative; -webkit-transition: all .4s ease; transition: all .4s ease; opacity: 0 !important } #indexSolutions .indexSolutionsMain .swiper-wrapper .swiper-slide-active { opacity: 1 !important; z-index: 2 !important } #indexSolutions .indexSolutionsMain .swiper-wrapper .swiper-slide a { display: block } #indexSolutions .indexSolutionsMain .swiper-wrapper .swiper-slide a .image { width: calc(100% + 4.167vw) } #indexSolutions .indexSolutionsMain .swiper-wrapper .swiper-slide a .image img { width: 100%; height: 50vw; object-fit: cover } #indexSolutions .indexSolutionsMain .swiper-wrapper .swiper-slide a .content { position: absolute; left: 0; top: 6.771vw; width: 100% } #indexSolutions .indexSolutionsMain .swiper-wrapper .swiper-slide a .content .indexTitle .title,#indexSolutions .indexSolutionsMain .swiper-wrapper .swiper-slide a .content .indexTitle .intro { color: #fff; opacity: 0 } #indexSolutions .indexSolutionsMain .swiper-wrapper .swiper-slide a .content .indexTitle .desc { color: rgba(255,255,255,.9); opacity: 0 } #indexSolutions .indexSolutionsMain .swiper-wrapper .swiper-slide a .content .more { display: block; width: 12.812vw; height: 2.969vw; line-height: 2.865vw; text-align: center; font-size: .833vw; color: #fff; border-radius: 2.969vw; border: 1px solid rgba(255,255,255,.5); margin-top: 2.188vw; -webkit-transition: all .4s ease; transition: all .4s ease; opacity: 0 } #indexSolutions .indexSolutionsMain .swiper-wrapper .swiper-slide a .content .more:hover { -webkit-backdrop-filter: blur(1.042vw); backdrop-filter: blur(1.042vw); background: rgba(255,255,255,.2) } #indexSolutions .indexSolutionsMain .swiper-wrapper .swiper-slide a .content .more span { margin-right: 4.479vw } #indexSolutions .indexSolutionsMain .swiper-wrapper .swiper-slide a .content .more i { font-size: 1.042vw; display: inline-block; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } #indexSolutions .indexSolutionsMain .swiper-wrapper .swiper-slide-active a .image img { -webkit-animation: translateX 6s linear forwards; animation: translateX 6s linear forwards } #indexSolutions .indexSolutionsMain .swiper-wrapper .swiper-slide-active a .content .indexTitle .title { -webkit-animation: fadeInUp 1s .2s forwards; animation: fadeInUp 1s .2s forwards } #indexSolutions .indexSolutionsMain .swiper-wrapper .swiper-slide-active a .content .indexTitle .intro { -webkit-animation: fadeInUp 1s .4s forwards; animation: fadeInUp 1s .4s forwards } #indexSolutions .indexSolutionsMain .swiper-wrapper .swiper-slide-active a .content .indexTitle .desc { -webkit-animation: fadeInUp 1s .6s forwards; animation: fadeInUp 1s .6s forwards } #indexSolutions .indexSolutionsMain .swiper-wrapper .swiper-slide-active a .content .more { -webkit-animation: fadeInUp 1s .8s forwards; animation: fadeInUp 1s .8s forwards } #indexSolutions .indexSolutionsList { position: absolute; left: 0; bottom: 0; width: 100%; height: 7.292vw; z-index: 2; background: rgba(255,255,255,.05); -webkit-backdrop-filter: blur(1.042vw); backdrop-filter: blur(1.042vw); border-top: 1px solid rgba(255,255,255,.3) } #indexSolutions .indexSolutionsList .swiper-wrapper .swiper-slide { padding: 1.51vw 1.302vw; text-align: center; border-right: 1px solid rgba(255,255,255,.3); cursor: pointer; opacity: .6; -webkit-transition: all .4s ease; transition: all .4s ease } #indexSolutions .indexSolutionsList .swiper-wrapper .swiper-slide:last-child { border-right: 0 } #indexSolutions .indexSolutionsList .swiper-wrapper .swiper-slide.active,#indexSolutions .indexSolutionsList .swiper-wrapper .swiper-slide[data-type=more]:hover { background: #c40808; opacity: 1 } #indexSolutions .indexSolutionsList .swiper-wrapper .swiper-slide a { display: block } #indexSolutions .indexSolutionsList .swiper-wrapper .swiper-slide a .icon { margin-bottom: .573vw } #indexSolutions .indexSolutionsList .swiper-wrapper .swiper-slide a .icon img { width: 2.188vw; height: 2.188vw } #indexSolutions .indexSolutionsList .swiper-wrapper .swiper-slide a .title { font-size: 1.042vw; color: #fff } #indexTechnology { padding: 5.417vw 0 5.26vw } #indexTechnology .indexTechnologyTitle { margin-bottom: -11.458vw; pointer-events: none; position: relative; z-index: 2 } #indexTechnology .indexTechnologyTitle .indexTitle { width: 44.3529411765%; pointer-events: all } #indexTechnology .indexTechnologyTitle .indexTitle .title { color: #004178 } #indexTechnology .indexTechnologyTitle .indexTitle .intro { color: #121212 } #indexTechnology .indexTechnologyTitle .indexTitle .desc { color: #666 } #indexTechnology .indexTechnologyMain .indexTechnologyLeft { width: 49.0588235294%; position: relative; overflow: visible; margin: 0 } #indexTechnology .indexTechnologyMain .indexTechnologyLeft:after { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translate(-50%); top: -1.042vw; width: 41.302vw; height: 15.625vw; background: #e7f7ff; border-radius: .208vw; z-index: -1; content: ""; display: block } #indexTechnology .indexTechnologyMain .indexTechnologyLeft .swiper-wrapper .swiper-slide { position: relative; opacity: 0 !important; -webkit-transition: all .4s ease; transition: all .4s ease } #indexTechnology .indexTechnologyMain .indexTechnologyLeft .swiper-wrapper .swiper-slide-active { opacity: 1 !important; z-index: 2 !important } #indexTechnology .indexTechnologyMain .indexTechnologyLeft .swiper-wrapper .swiper-slide .image { height: 100%; border-radius: .208vw; overflow: hidden } #indexTechnology .indexTechnologyMain .indexTechnologyLeft .swiper-wrapper .swiper-slide .image img { width: 100%; height: 100%; min-height: 46.615vw; object-fit: cover } #indexTechnology .indexTechnologyMain .indexTechnologyLeft .swiper-wrapper .swiper-slide .contentBox { position: absolute; z-index: 2; height: auto; left: 0; right: 0; bottom: 3.125vw; margin: 0 4.167vw; padding: 1.042vw 2.083vw 1.823vw 0px; border: 1px solid rgba(255,255,255,.2); border-radius: .208vw; background: -webkit-linear-gradient(top,#eaecef,#a1abb7); background: linear-gradient(180deg,#eaecef,#a1abb7) } #indexTechnology .indexTechnologyMain .indexTechnologyLeft .swiper-wrapper .swiper-slide .contentBox .icon { width: 8.177vw; text-align: center } #indexTechnology .indexTechnologyMain .indexTechnologyLeft .swiper-wrapper .swiper-slide .contentBox .icon img { width: 2.604vw; height: 2.604vw } #indexTechnology .indexTechnologyMain .indexTechnologyLeft .swiper-wrapper .swiper-slide .contentBox .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } #indexTechnology .indexTechnologyMain .indexTechnologyLeft .swiper-wrapper .swiper-slide .contentBox .content .title { font-size: 1.042vw; color: #323232; margin-bottom: .469vw } #indexTechnology .indexTechnologyMain .indexTechnologyLeft .swiper-wrapper .swiper-slide .contentBox .content .intro { font-size: .781vw; color: rgba(39,39,39,.8); line-height: 1.146vw } #indexTechnology .indexTechnologyMain .indexTechnologyRight { width: 44.3529411765%; padding-top: 10.104vw; margin: 0 } #indexTechnology .indexTechnologyMain .indexTechnologyRight .indexTechnologyList { margin-top: 3.177vw } #indexTechnology .indexTechnologyMain .indexTechnologyRight .indexTechnologyList .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } #indexTechnology .indexTechnologyMain .indexTechnologyRight .indexTechnologyList .swiper-wrapper .swiper-slide { height: auto; padding: .99vw 1.042vw .99vw 0; -webkit-transition: all .4s ease; transition: all .4s ease; cursor: pointer; margin-bottom: .729vw } #indexTechnology .indexTechnologyMain .indexTechnologyRight .indexTechnologyList .swiper-wrapper .swiper-slide:last-child { margin-bottom: 0 } #indexTechnology .indexTechnologyMain .indexTechnologyRight .indexTechnologyList .swiper-wrapper .swiper-slide:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: .208vw; border: 2px solid #C40808; box-sizing: border-box; opacity: 0; visibility: hidden; -webkit-transition: all .4s ease; transition: all .4s ease; z-index: -1; content: ""; display: block } #indexTechnology .indexTechnologyMain .indexTechnologyRight .indexTechnologyList .swiper-wrapper .swiper-slide:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: .208vw; border: 1px solid #F0F0F0; box-sizing: border-box; -webkit-transition: all .4s ease; transition: all .4s ease; z-index: -1; content: ""; display: block } #indexTechnology .indexTechnologyMain .indexTechnologyRight .indexTechnologyList .swiper-wrapper .swiper-slide:last-child .intro { display: none } #indexTechnology .indexTechnologyMain .indexTechnologyRight .indexTechnologyList .swiper-wrapper .swiper-slide a .icon { width: 8.229vw; text-align: center } #indexTechnology .indexTechnologyMain .indexTechnologyRight .indexTechnologyList .swiper-wrapper .swiper-slide a .icon img { width: 2.604vw; height: 2.604vw; -webkit-filter: brightness(0) opacity(.9); filter: brightness(0) opacity(.9); -webkit-transition: all .4s ease; transition: all .4s ease } #indexTechnology .indexTechnologyMain .indexTechnologyRight .indexTechnologyList .swiper-wrapper .swiper-slide a .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } #indexTechnology .indexTechnologyMain .indexTechnologyRight .indexTechnologyList .swiper-wrapper .swiper-slide a .content .title { font-size: 1.042vw; color: #323232; font-weight: 500 } #indexTechnology .indexTechnologyMain .indexTechnologyRight .indexTechnologyList .swiper-wrapper .swiper-slide a .content .intro { font-size: .781vw; color: rgba(39,39,39,.8); line-height: 1.146vw; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-top: .365vw } #indexTechnology .indexTechnologyMain .indexTechnologyRight .indexTechnologyList .swiper-wrapper .swiper-slide.active:before,#indexTechnology .indexTechnologyMain .indexTechnologyRight .indexTechnologyList .swiper-wrapper .swiper-slide:hover:before { opacity: 1; visibility: visible } #indexTechnology .indexTechnologyMain .indexTechnologyRight .indexTechnologyList .swiper-wrapper .swiper-slide.active:after,#indexTechnology .indexTechnologyMain .indexTechnologyRight .indexTechnologyList .swiper-wrapper .swiper-slide:hover:after { opacity: 0; visibility: hidden } #indexTechnology .indexTechnologyMain .indexTechnologyRight .indexTechnologyList .swiper-wrapper .swiper-slide.active .icon img,#indexTechnology .indexTechnologyMain .indexTechnologyRight .indexTechnologyList .swiper-wrapper .swiper-slide:hover .icon img { -webkit-filter: none; filter: none } #indexNews { position: relative; padding: 5.365vw 0px 0px; z-index: 2 } #indexNews .indexTitle .title { color: #004178 } #indexNews .indexTitle .intro { color: #121212 } #indexNews .indexTitle .desc { color: #666 } #indexNews .indexNewsMain { margin: 2.917vw 0px 0px } #indexNews .indexNewsMain .indexNewsLeft { width: 57.292vw; margin: 0 } #indexNews .indexNewsMain .indexNewsLeft .swiper-wrapper { margin: -.521vw; height: auto } #indexNews .indexNewsMain .indexNewsLeft .swiper-wrapper .swiper-slide { width: calc(50% - 1.042vw); height: 10.938vw; margin: .521vw } #indexNews .indexNewsMain .indexNewsLeft .swiper-wrapper .swiper-slide a { height: 100%; background: #fff; border-radius: .208vw; padding: 1.563vw } #indexNews .indexNewsMain .indexNewsLeft .swiper-wrapper .swiper-slide a:hover .content .time { border-color: #c40808; color: #c40808 } #indexNews .indexNewsMain .indexNewsLeft .swiper-wrapper .swiper-slide a .image { width: 7.813vw; border-radius: .208vw; overflow: hidden } #indexNews .indexNewsMain .indexNewsLeft .swiper-wrapper .swiper-slide a .image img { width: 100%; height: 7.813vw; object-fit: cover; -webkit-transition: all .4s ease; transition: all .4s ease } #indexNews .indexNewsMain .indexNewsLeft .swiper-wrapper .swiper-slide a .content { margin-left: 1.354vw; padding: .781vw 0 0 } #indexNews .indexNewsMain .indexNewsLeft .swiper-wrapper .swiper-slide a .content .title { font-weight: 500; font-size: .938vw; color: #323232; line-height: 1.25vw; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 3.75vw; margin-bottom: 1.042vw } #indexNews .indexNewsMain .indexNewsLeft .swiper-wrapper .swiper-slide a .content .time { display: inline-block; line-height: 1.302vw; font-size: .781vw; color: rgba(39,39,39,.8); background: #fcfcfc; border-radius: 2px; padding: 0 .885vw; border: 1px solid #F1F1F1; -webkit-transition: all .4s ease; transition: all .4s ease } #indexNews .indexNewsMain .indexNewsRight { width: 31.25vw; border-radius: .208vw } #indexNews .indexNewsMain .indexNewsRight .swiper-wrapper .swiper-slide a { display: block; position: relative } #indexNews .indexNewsMain .indexNewsRight .swiper-wrapper .swiper-slide a:hover .content .time { border-color: #c40808; color: #c40808 } #indexNews .indexNewsMain .indexNewsRight .swiper-wrapper .swiper-slide a .image { overflow: hidden } #indexNews .indexNewsMain .indexNewsRight .swiper-wrapper .swiper-slide a .image img { width: 100%; height: 22.917vw; object-fit: cover; -webkit-transition: all .4s ease; transition: all .4s ease } #indexNews .indexNewsMain .indexNewsRight .swiper-wrapper .swiper-slide a .content { position: absolute; left: 0; bottom: 0; width: 100%; height: auto; padding: 0 8.438vw 2.396vw 1.979vw; background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.7)); background: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.7)) } #indexNews .indexNewsMain .indexNewsRight .swiper-wrapper .swiper-slide a .content .title { font-weight: 500; font-size: .938vw; color: #fff; line-height: 1.25vw; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-height: 3.75vw; margin-bottom: 1.042vw } #indexNews .indexNewsMain .indexNewsRight .swiper-wrapper .swiper-slide a .content .time { display: inline-block; line-height: 1.302vw; font-size: .781vw; color: #f1f1f1; border-radius: 2px; padding: 0 .885vw; border: 1px solid #F1F1F1; -webkit-transition: all .4s ease; transition: all .4s ease } #indexNews .indexNewsNetwork { position: relative; min-height: 19.792vw; padding: 2.24vw 0 0 3.646vw; border-radius: .208vw; overflow: hidden; -webkit-transform: translateY(5.208vw); -ms-transform: translateY(5.208vw); transform: translateY(5.208vw) } #indexNews .indexNewsNetwork .title { font-size: 2.344vw; color: #fff; font-weight: 600; text-transform: capitalize; margin-bottom: .365vw } #indexNews .indexNewsNetwork .intro { font-weight: 300; font-size: .781vw; color: rgba(255,255,255,.8); line-height: 1.146vw; width: 29.531vw; margin-bottom: 1.823vw } #indexNews .indexNewsNetwork .listBox .list { padding: 0 4.427vw; text-align: center; border-right: 1px solid rgba(255,255,255,.25) } #indexNews .indexNewsNetwork .listBox .list:first-child { padding-left: 0 } #indexNews .indexNewsNetwork .listBox .list:last-child { padding-right: 0; border-right: 0px } #indexNews .indexNewsNetwork .listBox .list img { width: 3.385vw; height: 3.385vw } #indexNews .indexNewsNetwork .listBox .list p { font-weight: 300; font-size: .938vw; color: #fff; margin-top: .833vw } #indexChoose { height: auto; background: #fff; border-radius: .208vw; -webkit-transform: translateY(5.99vw); -ms-transform: translateY(5.99vw); transform: translateY(5.99vw); text-align: center; padding: 5.417vw 13.021vw 6.927vw } #indexChoose .title { font-weight: 600; font-size: 2.292vw; color: #000; line-height: 2.865vw; text-transform: capitalize; margin-bottom: 1.979vw } #indexChoose .intro { font-size: .938vw; color: #333; line-height: 1.406vw; margin-bottom: 3.802vw } #indexChoose .btns a { display: inline-block; min-width: 12.812vw; height: 2.969vw; line-height: 2.865vw; font-size: .729vw; color: #000; text-align: center; border: 1px solid black; border-radius: 1.458vw; -webkit-transition: all .4s ease; transition: all .4s ease; padding: 0px 1.042vw; margin-right: 1.198vw } #indexChoose .btns a:last-child { margin-right: 0 } #indexChoose .btns a:hover,#indexChoose .btns a.active { color: #fff; background: #c40808; border-color: #c40808 } #indexChoose .btns a span { font-weight: 600; margin-right: 4.844vw } #indexChoose .btns a i { display: inline-block; font-size: 1.042vw; -webkit-transform: rotate(-45deg) translateY(2px); -ms-transform: rotate(-45deg) translateY(2px); transform: rotate(-45deg) translateY(2px) } #detailBanner { position: relative; overflow: hidden } #detailBanner .image { width: 100% } #detailBanner .image img { width: 100%; height: 40.625vw; -webkit-animation: scale 6s linear forwards; animation: scale 6s linear forwards } #detailBanner .content { position: absolute; left: 0; top: 36%; width: 100% } #detailBanner .content .title { font-weight: 550; font-size: 3.646vw; color: #fff; line-height: 4.375vw; margin-bottom: 1.406vw } #detailBanner .content .intro { font-weight: 300; font-size: 1.354vw; color: #fff; line-height: 2.083vw } #breadcrumbNav { height: 4.688vw; line-height: 4.688vw; margin-top: -4.688vw; position: relative; z-index: 2 } #breadcrumbNav.white img { -webkit-filter: invert(1) opacity(.5); filter: invert(1) opacity(.5) } #breadcrumbNav.white i,#breadcrumbNav.white a { color: #c5c5c5 } #breadcrumbNav.white a.active,#breadcrumbNav.white a:hover { color: #c40e0e } #breadcrumbNav img { width: .729vw; height: .729vw; margin-right: .573vw } #breadcrumbNav i { font-size: .521vw; color: rgba(255,255,255,.5); margin: 0px .417vw } #breadcrumbNav i:last-child { display: none } #breadcrumbNav a { font-size: .729vw; color: rgba(255,255,255,.5); -webkit-transition: all .4s ease; transition: all .4s ease } #breadcrumbNav a.active,#breadcrumbNav a:hover { color: #fff } #breadcrumbNav a.active { font-weight: 600 } #productsList { padding: 4.167vw 0 0 } #productsList .productsListWrapper { margin-bottom: 4.844vw } #productsList .productsListWrapper:nth-child(3) .productsListMain { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap } #productsList .productsListWrapper:nth-child(3) .productsListMain .list { width: calc(50% - 0.833vw) } #productsList .productsListWrapper:nth-child(3) .productsListMain .list .image img { height: 34.219vw } #productsList .productsListWrapper .productsListTitle { margin-bottom: 1.667vw } #productsList .productsListWrapper .productsListTitle .title { font-weight: 600; font-size: 2.083vw; color: #323232; text-transform: capitalize; margin-bottom: .625vw } #productsList .productsListWrapper .productsListTitle .intro { font-size: 1.0417vw; color: #4d4d4d; line-height: 1.4583vw } #productsList .productsListWrapper .productsListMain { margin: -0.417vw } #productsList .productsListWrapper .productsListMain .list { width: calc(33.33% - 0.833vw); margin: 0.417vw; position: relative } #productsList .productsListWrapper .productsListMain .list .image { overflow: hidden } #productsList .productsListWrapper .productsListMain .list .image img { width: 100%; height: 36.51vw; -webkit-transition: all .4s ease; transition: all .4s ease } #productsList .productsListWrapper .productsListMain .list .content { position: absolute; left: 0; top: 0; width: 100%; height: auto; text-align: center; padding: 5.104vw 1.042vw 0px } #productsList .productsListWrapper .productsListMain .list .content .title { font-weight: 500; font-size: 1.458vw; color: #fff; margin-bottom: 1.042vw } #productsList .productsListWrapper .productsListMain .list .content .more { display: block; width: 9.01vw; height: 2.344vw; line-height: 2.24vw; font-size: .677vw; color: #fff; text-align: center; background: rgba(11,29,47,.1); border-radius: 1.146vw; border: 1px solid rgba(255,255,255,.6); margin: 0 auto; -webkit-transition: all .4s ease; transition: all .4s ease } #productsList .productsListWrapper .productsListMain .list .content .more span { margin-right: 2.24vw } #productsList .productsListWrapper .productsListMain .list .content .more i { display: inline-block; font-size: .938vw; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } #productsList .productsListWrapper .productsListMain .list:hover .content .more { background: #c40808; border-color: #c40808 } #getInTouch { height: 32.708vw; padding: 4.896vw 0px 0px; position: relative; z-index: 2 } #getInTouch.solutionDetailGetInTouch { height: auto; margin-bottom: -6.7708vw } #getInTouch .getInTouchTitle { text-align: center; margin-bottom: 4.583vw } #getInTouch .getInTouchTitle .title { font-weight: 600; font-size: 2.083vw; color: #000; text-transform: capitalize; margin-bottom: 2px } #getInTouch .getInTouchTitle .intro { font-size: 1.354vw; color: #4d4d4d; margin-bottom: 2.031vw } #getInTouch .getInTouchTitle .intro span { color: #004178 } #getInTouch .getInTouchTitle .more { display: block; width: 10vw; height: 2.604vw; line-height: 2.5vw; font-size: .833vw; color: #999; text-align: center; border-radius: 1.302vw; margin: 0 auto; border: 1px solid #999; -webkit-transition: all .4s ease; transition: all .4s ease } #getInTouch .getInTouchTitle .more span { margin-right: 2.24vw } #getInTouch .getInTouchTitle .more i { display: inline-block; font-size: .938vw; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } #getInTouch .getInTouchTitle .more:hover { color: #fff; background: #c40808; border-color: #c40808 } #getInTouch .getInTouchMain { min-height: 20.26vw; padding: 3.854vw 29.01vw 0px 5.26vw; position: relative; border-radius: .208vw; overflow: hidden } #getInTouch .getInTouchMain .title { font-weight: 600; font-size: 2.083vw; color: #fff; margin-bottom: .521vw; line-height: 2.188vw } #getInTouch .getInTouchMain .intro { font-size: .938vw; color: #fff; line-height: 1.406vw; font-weight: 300; margin-bottom: 2.448vw } #getInTouch .getInTouchMain .more { display: inline-block; min-width: 12.812vw; height: 2.969vw; line-height: 2.865vw; font-size: .833vw; color: #fff; text-align: center; border: 1px solid rgba(255,255,255,.5); border-radius: 1.458vw; -webkit-transition: all .4s ease; transition: all .4s ease; padding: 0px 1.042vw; margin-right: 1.198vw } #getInTouch .getInTouchMain .more:last-child { margin-right: 0 } #getInTouch .getInTouchMain .more:hover { background: #c40808; border-color: #c40808 } #getInTouch .getInTouchMain .more span { margin-right: 4.844vw } #getInTouch .getInTouchMain .more i { display: inline-block; font-size: .938vw; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } #productsList2 { padding: 4.583vw 0px 6.771vw; background: #f2f5f7; position: relative } #productsList2.mask .productsList2Main .productsList2Wrapper .productsList2Title>.title { opacity: .3; pointer-events: none } #productsList2 .productsList2Mask { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(242,245,247,.6); z-index: 2 } #productsList2 .productsList2Head { margin-bottom: 4.063vw } #productsList2 .productsList2Head .productsList2Select .title { font-weight: 600; font-size: .833vw; color: #323232 } #productsList2 .productsList2Head .productsList2Select .selects .select { margin-left: .625vw; height: 3.281vw } #productsList2 .productsList2Head .productsList2Select .selects .select input { width: 12.188vw; height: 3.281vw; font-size: .833vw; color: #757575; padding: 0 1.25vw; border: 1px solid #E9E9E9 } #productsList2 .productsList2Head .productsList2Select .selects .select .layui-form-select .layui-edge { right: 1.25vw; border-width: 2px; width: .521vw; height: .521vw; border-right-color: #333; border-top-color: #333; border-right-style: solid; -webkit-transition: all .4s ease; transition: all .4s ease; margin-top: -.26vw; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg) } #productsList2 .productsList2Head .productsList2Select .selects .select .layui-input:focus,#productsList2 .productsList2Head .productsList2Select .selects .select .layui-textarea:focus { border-color: rgba(255,255,255,.32) !important; box-shadow: none !important } #productsList2 .productsList2Head .productsList2Select .selects .select .layui-form-select dl { top: 3.802vw } #productsList2 .productsList2Head .productsList2Select .selects .select .layui-form-select dl dd.layui-this { color: #c40808 } #productsList2 .productsList2Head .productsList2Select .selects .select .layui-form-select dl dd,#productsList2 .productsList2Head .productsList2Select .selects .select .layui-form-select dl dt { font-size: .729vw; line-height: 1.875vw } #productsList2 .productsList2Head .productsList2Search { width: 26.563vw; background: #fff; position: relative; border: 1px solid #CC0000 } #productsList2 .productsList2Head .productsList2Search i { position: absolute; top: 50%; left: .833vw; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 1.042vw; color: #464646 } #productsList2 .productsList2Head .productsList2Search input[type=text] { font-size: .833vw; color: #757575; padding: 0 2.448vw } #productsList2 .productsList2Head .productsList2Search .submit { width: 5.573vw; height: 3.281vw; line-height: 3.281vw; text-align: center; font-weight: 500; font-size: .833vw; color: #fff; background: #c00; cursor: pointer } #productsList2 .productsList2Main .productsList2Wrapper { margin-bottom: 3.125vw } #productsList2 .productsList2Main .productsList2Wrapper:nth-child(1) { position: relative; z-index: 9 } #productsList2 .productsList2Main .productsList2Wrapper:last-child { margin-bottom: 0px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title { position: relative; z-index: 2 } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title>.title { font-weight: 600; font-size: 2.083vw; color: #000; margin-bottom: 1.771vw; text-transform: capitalize; -webkit-transition: all .4s ease; transition: all .4s ease } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter { position: relative } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterTarget { cursor: pointer; position: relative; z-index: 2 } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterTarget span { font-weight: 600; font-size: 1.042vw; color: #000; margin-right: .625vw } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterTarget img { width: 1.823vw; height: auto } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup { display: none; position: absolute; right: 0; top: 2.604vw; width: 17.708vw; padding: 1.302vw; border-radius: .625vw; background: #fff; box-shadow: 0 0 1.042vw #eee } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper { border-bottom: 1px solid #f2f2f2 } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper.active .title i { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg) } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper:nth-child(1) { border-bottom: 0px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper:last-child { border-bottom: 0px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper .bigTitle { line-height: 3.646vw; font-weight: 600; font-size: 1.042vw; color: #000; margin-right: .625vw } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper .closeBtn { width: 1.979vw; height: 1.979vw; text-align: center; line-height: 1.875vw; border: 2px solid #333; font-size: .885vw; color: #c40e0e; border-radius: 50%; -webkit-transition: all .4s ease; transition: all .4s ease; cursor: pointer } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper .closeBtn:hover { border-color: #c40e0e; color: #fff; background: #c40e0e } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper .title { line-height: 3.906vw; font-size: 0.938vw; color: #333; font-weight: 500; padding: 0px .625vw; cursor: pointer } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper .title i { color: #c40e0e; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all .4s ease; transition: all .4s ease } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper .options { display: none; padding: 0px 1.042vw 1.042vw } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper .options .option { margin-bottom: 0.625vw } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper .options .option:last-child { margin-bottom: 0 } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper .options .option .layui-form-checked[lay-skin=primary]>i { border-color: #0151aa !important; background-color: #0151aa } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper .options .option .layui-form-checkbox[lay-skin=primary]:hover>i { border-color: #0151aa !important } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper .options .option .layui-form-checkbox>div { font-size: 0.833vw; border-radius: 2px 0 0 2px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper .options .option .layui-form-checkbox[lay-skin=primary]>div { margin-top: -1px; padding-right: .781vw; line-height: 1.042vw } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper .options .option .layui-form-checkbox[lay-skin=primary]>i { width: .833vw; height: .833vw; line-height: .729vw; font-size: .625vw; border-radius: 2px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper .options .option .layui-form-checkbox[lay-skin=primary] { min-width: .938vw; min-height: .938vw; padding-left: 1.458vw; margin-right: 1.719vw } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper .options .option .layui-form-checkbox[lay-skin=primary]:last-child { margin-right: 0 } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper .btn { border-radius: 1.563vw; border: 1px solid; font-size: .677vw; width: 6.771vw; line-height: 1.771vw; text-align: center; margin-top: 1.563vw; -webkit-transition: all .4s ease; transition: all .4s ease; cursor: pointer } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper .btn.clearBtn { color: #333; border-color: #f2f2f2 } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper .btn.clearBtn:hover { background: #f2f2f2 } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper .btn.showBtn { color: #c40e0e; border-color: #c40e0e } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper .btn.showBtn:hover { color: #fff; background: #c40e0e } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper .btn.active { pointer-events: none } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main { margin: -.417vw } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list { width: 25%; padding: .417vw } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list a { display: block; background: #fff; position: relative; border: 1px solid transparent; -webkit-transition: all .4s ease; transition: all .4s ease; border-radius: .625vw; padding-top: 2.083vw } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list a:hover { border-color: #0087ff } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list a .tag { position: absolute; top: 1.042vw; left: 1.042vw; font-size: .729vw; padding: 0px .938vw; line-height: 1.875vw; border-radius: 1.563vw } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list a .tag.blue { color: #fff; background: #004178 } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list a .tag.red { color: #fff; background: #c40e0e } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list a .image { width: 15.833vw; margin: 0 auto } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list a .image img { width: 15.833vw; height: 15.833vw; -webkit-transition: all .4s ease; transition: all .4s ease } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list a .content { padding: 2.083vw 1.771vw; border-top: 1px solid #F2F4F7 } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list a .content .title { font-weight: 600; font-size: 1.146vw; color: #333; margin-bottom: .313vw } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list a .content .title:before { width: .625vw; height: .625vw; background: rgba(245,248,250,0); border-radius: 50%; border: .156vw solid #004178; box-sizing: border-box; margin-right: .625vw; content: ""; display: block } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list a .content .subTitle { font-size: .833vw; color: #c40e0e; margin-bottom: .677vw; height: 2.5vw; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list a .content .intro { font-weight: 300; font-size: .729vw; color: #929394; line-height: 1.042vw; height: 3.125vw; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list a .content .more { display: block; width: 10.313vw; height: 2.396vw; line-height: 2.292vw; border-radius: 1.198vw; border: 1px solid rgba(196,8,8,.5); font-size: .677vw; color: #c40808; text-align: center; margin: 1.042vw auto 0px; cursor: pointer; -webkit-transition: all .4s ease; transition: all .4s ease } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list a .content .more:hover { color: #fff; background: #c40808 } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list a .content .more span { font-weight: 600; margin-right: 3.646vw } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list a .content .more i { display: inline-block; font-size: .938vw; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } #estoneMedicalTablets { padding: 5.677vw 0px 4.167vw; position: relative } #estoneMedicalTablets .estoneMedicalTabletsTitle { font-size: 2.083vw; color: #fff; font-weight: 600; margin-bottom: 1.719vw } #estoneMedicalTablets .estoneMedicalTabletsMain { padding-top: 1.042vw } #estoneMedicalTablets .estoneMedicalTabletsMain .swiper-wrapper .swiper-slide { text-align: center; background: -webkit-linear-gradient(bottom,#F0FAFE,#FFFFFF); background: linear-gradient(0deg,#f0fafe,#fff); -webkit-transition: all .4s ease; transition: all .4s ease } #estoneMedicalTablets .estoneMedicalTabletsMain .swiper-wrapper .swiper-slide a { display: block; min-height: 17.813vw; padding: 3.438vw 1.042vw 2.604vw } #estoneMedicalTablets .estoneMedicalTabletsMain .swiper-wrapper .swiper-slide:hover { -webkit-transform: translateY(-1.042vw); -ms-transform: translateY(-1.042vw); transform: translateY(-1.042vw) } #estoneMedicalTablets .estoneMedicalTabletsMain .swiper-wrapper .swiper-slide img { width: 4.167vw; height: 4.167vw } #estoneMedicalTablets .estoneMedicalTabletsMain .swiper-wrapper .swiper-slide p { font-size: 1.25vw; color: #0b253a; line-height: 1.615vw; margin-top: 2.813vw } #estoneMedicalTablets .estoneMedicalTabletsMain .swiper-pagination { text-align: center; margin-top: 2.344vw } #estoneMedicalTablets .estoneMedicalTabletsMain .swiper-pagination .swiper-pagination-bullet { display: inline-block; width: 1.146vw; height: .313vw; background: #fff; border-radius: .313vw; opacity: .2; margin-right: .365vw; cursor: pointer; -webkit-transition: all .4s ease; transition: all .4s ease } #estoneMedicalTablets .estoneMedicalTabletsMain .swiper-pagination .swiper-pagination-bullet:last-child { margin-right: 0 } #estoneMedicalTablets .estoneMedicalTabletsMain .swiper-pagination .swiper-pagination-bullet-active { width: 1.563vw; opacity: 1 } #solutionsList { padding: 4.74vw 0px 3.229vw; background: #f2f5f7 } #solutionsList .bigTitle { font-weight: 600; font-size: 2.083vw; color: #323232; text-transform: capitalize; margin-bottom: 1.667vw } #solutionsList .listBox { margin: -.781vw -.781vw 3.125vw } #solutionsList .listBox .list { width: calc(25% - 1.563vw); margin: .781vw; padding: 2.24vw 2.656vw 4.948vw; background: #fff } #solutionsList .listBox .list .image { margin-bottom: 1.719vw; overflow: hidden } #solutionsList .listBox .list .image img { width: 100%; height: 18.75vw; object-fit: cover; -webkit-transition: all .4s ease; transition: all .4s ease } #solutionsList .listBox .list .content .title { font-weight: 600; font-size: 1.25vw; color: #000; line-height: 1.406vw; min-height: 2.813vw; margin-bottom: 1.198vw } #solutionsList .listBox .list .content .intro { font-size: .833vw; color: #4d4d4d; line-height: 1.146vw; margin-bottom: 2.552vw; height: 4.583vw; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis } #solutionsList .listBox .list .content .more { display: block; width: 10.313vw; height: 2.396vw; line-height: 2.292vw; border-radius: 1.198vw; border: 1px solid rgba(196,8,8,.5); font-size: .677vw; color: #c40808; text-align: center; cursor: pointer; -webkit-transition: all .4s ease; transition: all .4s ease } #solutionsList .listBox .list .content .more:hover { color: #fff; background: #c40808 } #solutionsList .listBox .list .content .more span { font-weight: 600; margin-right: 3.646vw } #solutionsList .listBox .list .content .more i { display: inline-block; font-size: .938vw; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } #solutionDetail { padding: 5.104vw 0px 6.563vw; background: #f2f5f7 } #solutionDetail a { color: #15589e; text-decoration: underline } #solutionDetail ul li { list-style: none; background: #fff; margin-bottom: 2.5vw } #solutionDetail ul li:last-child { margin-bottom: 0 } #solutionDetail ul li .image { width: 37.448vw; overflow: hidden } #solutionDetail ul li .image img { width: 100%; height: 26.615vw; -webkit-transition: all .4s ease; transition: all .4s ease } #solutionDetail ul li .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 2.083vw 3.906vw } #solutionDetail ul li .content .title { font-size: 1.771vw; color: #000; font-weight: 600; margin-bottom: .625vw } #solutionDetail ul li .content .intro { font-size: .938vw; color: #272727; line-height: 1.302vw } #twosolutionDetail { padding: 5.104vw 0px 6.563vw; background: #f2f5f7 } #twosolutionDetail a { color: #15589e; text-decoration: underline } #twosolutionDetail ul li { list-style: none; background: #fff; margin-bottom: 2.5vw } #twosolutionDetail ul li:last-child { margin-bottom: 0 } twosolutionDetail width: 37.448vw; overflow: hidden } #twosolutionDetail ul li .image img { width: 100%; height: 26.615vw; -webkit-transition: all .4s ease; transition: all .4s ease } #twosolutionDetail ul li .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 2.083vw 3.906vw } #twosolutionDetail ul li .content .title { font-size: 1.771vw; color: #000; font-weight: 600; margin-bottom: .625vw } #twosolutionDetail ul li .content .intro { font-size: .938vw; color: #272727; line-height: 1.302vw } #relatedSolutions { padding: 4.74vw 0px 5.365vw } #relatedSolutions .relatedSolutionsTitle { font-size: 2.083vw; color: #323232; font-weight: 600; margin-bottom: 1.823vw } #relatedSolutions .relatedSolutionsMain .swiper-wrapper .swiper-slide .list { position: relative } #relatedSolutions .relatedSolutionsMain .swiper-wrapper .swiper-slide .list .image { overflow: hidden } #relatedSolutions .relatedSolutionsMain .swiper-wrapper .swiper-slide .list .image img { width: 100%; height: 22.708vw; object-fit: cover; -webkit-transition: all .4s ease; transition: all .4s ease } #relatedSolutions .relatedSolutionsMain .swiper-wrapper .swiper-slide .list .title { font-weight: 500; font-size: 1.146vw; color: #fff; position: absolute; left: 0; bottom: 0; width: 100%; padding: 3.125vw 1.979vw 1.563vw; background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.7)); background: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.7)) } #relatedProducts { padding: 5.208vw 0px 1.042vw; position: relative } #relatedProducts #getInTouch { height: 0px; padding: 0; margin-bottom: 14.583vw } #relatedProducts .relatedProductsTitle { font-size: 2.083vw; color: #323232; font-weight: 600; margin-bottom: 1.979vw } #relatedProducts .relatedProductsMain { padding-top: .521vw; margin-bottom: 4.167vw } #relatedProducts .relatedProductsMain .swiper-wrapper .swiper-slide .list { display: block; background: #fff; border: 1px solid transparent; -webkit-transition: all .4s ease; transition: all .4s ease; border-radius: .625vw; padding-top: 2.083vw; position: relative } #relatedProducts .relatedProductsMain .swiper-wrapper .swiper-slide .list:hover { border-color: #0087ff } #relatedProducts .relatedProductsMain .swiper-wrapper .swiper-slide .list .tag { position: absolute; top: 1.042vw; left: 1.042vw; font-size: .729vw; padding: 0px .938vw; line-height: 1.875vw; border-radius: 1.563vw; z-index: 2 } #relatedProducts .relatedProductsMain .swiper-wrapper .swiper-slide .list .tag.blue { color: #fff; background: #004178 } #relatedProducts .relatedProductsMain .swiper-wrapper .swiper-slide .list .tag.red { color: #fff; background: #c40e0e } #relatedProducts .relatedProductsMain .swiper-wrapper .swiper-slide .list .image { width: 15.833vw; margin: 0 auto } #relatedProducts .relatedProductsMain .swiper-wrapper .swiper-slide .list .image img { width: 15.833vw; height: 15.833vw; -webkit-transition: all .4s ease; transition: all .4s ease } #relatedProducts .relatedProductsMain .swiper-wrapper .swiper-slide .list .content { padding: 2.083vw 1.771vw; border-top: 1px solid #F2F4F7 } #relatedProducts .relatedProductsMain .swiper-wrapper .swiper-slide .list .content .title { font-weight: 600; font-size: 1.146vw; color: #333; margin-bottom: .313vw } #relatedProducts .relatedProductsMain .swiper-wrapper .swiper-slide .list .content .title:before { width: .625vw; height: .625vw; background: rgba(245,248,250,0); border-radius: 50%; border: .156vw solid #004178; box-sizing: border-box; margin-right: .625vw; content: ""; display: block } #relatedProducts .relatedProductsMain .swiper-wrapper .swiper-slide .list .content .subTitle { font-size: .833vw; color: #c40e0e; margin-bottom: .677vw; line-height: 1.25vw; height: 2.5vw; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis } #relatedProducts .relatedProductsMain .swiper-wrapper .swiper-slide .list .content .intro { font-size: .729vw; color: #929394; line-height: 1.042vw; height: 3.125vw; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis } #relatedProducts .relatedProductsMain .swiper-pagination { height: 2px; border-radius: 1px; background: rgba(0,0,0,.1); position: relative; margin-top: 2.135vw } #relatedProducts .relatedProductsMain .swiper-pagination .swiper-pagination-progressbar-fill { background: #015198; 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; border-radius: 1px } #productIntro { padding: 10.417vw 0px 5.781vw } #productIntro .productIntroLeft { width: 36.458vw } #productIntro .productIntroLeft .productIntroImages { border: 1px solid #EAEAEA; margin-bottom: 1.563vw } #productIntro .productIntroLeft .productIntroImages .swiper-wrapper .swiper-slide img { width: 36.354vw; height: 36.354vw } #productIntro .productIntroLeft .productIntroListBox { margin-bottom: 3.333vw } #productIntro .productIntroLeft .productIntroListBox .prevBtn,#productIntro .productIntroLeft .productIntroListBox .nextBtn { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 5.469vw; line-height: 5.469vw; text-align: center; font-size: .938vw; color: #3a3a3a; cursor: pointer } #productIntro .productIntroLeft .productIntroListBox .productIntroList { width: 29.896vw } #productIntro .productIntroLeft .productIntroListBox .productIntroList .swiper-wrapper .swiper-slide { cursor: pointer; position: relative } #productIntro .productIntroLeft .productIntroListBox .productIntroList .swiper-wrapper .swiper-slide:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #EAEAEA; box-sizing: border-box; -webkit-transition: all .4s ease; transition: all .4s ease; content: ""; display: block } #productIntro .productIntroLeft .productIntroListBox .productIntroList .swiper-wrapper .swiper-slide:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid #004178; box-sizing: border-box; -webkit-transition: all .2s ease; transition: all .2s ease; opacity: 0; visibility: hidden; content: ""; display: block } #productIntro .productIntroLeft .productIntroListBox .productIntroList .swiper-wrapper .swiper-slide-thumb-active:after { opacity: 1; visibility: visible } #productIntro .productIntroLeft .productIntroListBox .productIntroList .swiper-wrapper .swiper-slide img { width: 5.469vw; height: 5.469vw } #productIntro .productIntroLeft .productIntroOther .btn { width: 17.708vw; height: 2.969vw; line-height: 2.969vw; border-radius: .208vw; font-size: .833vw; color: #fff; padding: 0px 1.042vw 0px 1.563vw; font-weight: 600 } #productIntro .productIntroLeft .productIntroOther .btn.inquiriesBtn { background: #004178 } #productIntro .productIntroLeft .productIntroOther .btn.inquiriesBtn i { font-size: 1.146vw; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } #productIntro .productIntroLeft .productIntroOther .btn.dataSheetBtn { background: #c40e0e } #productIntro .productIntroLeft .productIntroOther .btn.dataSheetBtn img { width: auto; height: 1.406vw } #productIntro .productIntroRight { width: 47.24vw } #productIntro .productIntroRight>.title { font-weight: 600; font-size: 2.083vw; color: #003773; margin-bottom: .938vw } #productIntro .productIntroRight>.line { height: 1px; background: #f0f0f0; position: relative; margin-bottom: 2.083vw } #productIntro .productIntroRight>.line:after { position: absolute; left: 0; bottom: 0; width: 3.958vw; height: .313vw; background: #c40e0e; content: ""; display: block } #productIntro .productIntroRight>.intro { font-size: .938vw; color: #000; line-height: 1.354vw; font-weight: 300; margin-bottom: 2.604vw } #productIntro .productIntroRight>.intro p { margin-bottom: 1.25vw } #productIntro .productIntroRight>.intro p:last-child { margin-bottom: 0 } #productIntro .productIntroRight .listBox { margin: -.234vw -.234vw 1.563vw } #productIntro .productIntroRight .listBox .list { width: calc(33.3% - .469vw); margin: .234vw; min-height: 7.292vw; padding: 1.042vw 1.563vw; background: #f1f5f9 } #productIntro .productIntroRight .listBox .list:hover p { color: #c40e0e } #productIntro .productIntroRight .listBox .list img { width: 2.24vw; height: 2.24vw } #productIntro .productIntroRight .listBox .list p { font-size: .833vw; color: #000; line-height: 1.042vw; margin-top: .781vw; -webkit-transition: all .4s ease; transition: all .4s ease } #productIntro .productIntroRight .listBox2 { margin-bottom: 2.552vw } #productIntro .productIntroRight .listBox2 .title { font-weight: 600; font-size: .938vw; color: #000; margin-bottom: .781vw } #productIntro .productIntroRight .listBox2 .listBox2Main .list { margin-bottom: .781vw } #productIntro .productIntroRight .listBox2 .listBox2Main .list:last-child { margin-bottom: 0 } #productIntro .productIntroRight .listBox2 .listBox2Main .list .icon { margin-right: .521vw; padding-top: 2px } #productIntro .productIntroRight .listBox2 .listBox2Main .list .icon svg { width: 1.042vw; height: 1.042vw } #productIntro .productIntroRight .listBox2 .listBox2Main .list .intro { font-size: .938vw; color: #000; line-height: 1.354vw; font-weight: 300 } #productIntro .productIntroRight .btns .btn { display: block; width: 23.49vw; height: 2.969vw; line-height: 2.969vw; border-radius: .208vw; font-size: .833vw; color: #fff; text-align: center; font-weight: 600 } #productIntro .productIntroRight .btns .btn.inquiriesBtn { background: #c50f0e } #productIntro .productIntroRight .btns .btn.inquiriesBtn i { font-size: 1.146vw; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } #productDetail { padding: 5.26vw 0px 7.813vw; background: #f8fafc } #productDetail+#relatedProducts { padding-bottom: 4.688vw } #productDetail .productDetailList { height: 4.896vw; line-height: 4.635vw; background: #004178; padding: .26vw .26vw 0px; border-radius: .417vw .417vw 0px 0px } #productDetail .productDetailList .list { cursor: pointer; -webkit-transition: all .4s ease; transition: all .4s ease; position: relative } #productDetail .productDetailList .list::after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0px; width: 1px; height: 50%; background: #fff; content: ''; display: block } #productDetail .productDetailList .list:first-child::after { display: none } #productDetail .productDetailList .list:last-child { margin-right: 0 } #productDetail .productDetailList .list.active a { color: #000; background: #fff } #productDetail .productDetailList .list.active + .list::after { display: none } #productDetail .productDetailList .list a { display: block; font-weight: 550; text-align: center; font-size: 1.146vw; color: #fff; border-radius: .417vw .417vw 0px 0px; -webkit-transition: all .4s ease; transition: all .4s ease } #productDetail .productDetailMain { padding: 3.281vw 3.385vw; background: #fff; border-radius: 0px 0px .417vw .417vw } #productDetail .productDetailMain .productDetailHighlights ul li { list-style: none } #productDetail .productDetailMain .productDetailHighlights ul li:nth-child(odd) .content { padding: 0px 4.01vw 0px 2.917vw } #productDetail .productDetailMain .productDetailHighlights ul li:nth-child(2n) .content { padding: 0px 5vw 0px 2.917vw } #productDetail .productDetailMain .productDetailHighlights ul li .image { width: 41.042vw; border-radius: .521vw; overflow: hidden } #productDetail .productDetailMain .productDetailHighlights ul li .image img { width: auto; height: 29.271vw; object-fit: cover; -webkit-transition: all .4s ease; transition: all .4s ease } #productDetail .productDetailMain .productDetailHighlights ul li .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } #productDetail .productDetailMain .productDetailHighlights ul li .content .title { font-weight: 600; font-size: 1.458vw; color: #323232; line-height: 1.823vw; margin-bottom: 1.042vw } #productDetail .productDetailMain .productDetailHighlights ul li .content .intro { font-size: 0.885vw; color: #272727; line-height: 1.354vw } #productDetail .productDetailMain .productDetailSlide { display: none } #productDetail .productDetailMain .productDetailDownload ul li { list-style: none; margin-bottom: 1.042vw } #productDetail .productDetailMain .productDetailDownload ul li:last-child { margin-bottom: 0px } #productDetail .productDetailMain .productDetailDownload .padCard { height: 3.958vw; padding: 0px 2.24vw 0px 1.875vw; background: #fff; border: 1px solid #eeeeee; border-radius: 0.521vw; -webkit-transition: all 0.4s ease; transition: all 0.4s ease } #productDetail .productDetailMain .productDetailDownload .padCard .title img { width: auto; height: 1.615vw; vertical-align: middle } #productDetail .productDetailMain .productDetailDownload .padCard .title span { font-weight: 500; font-size: 0.885vw; color: #000000; margin-left: 1.094vw; vertical-align: middle } #productDetail .productDetailMain .productDetailDownload .padCard .other .time { margin-right: 2.292vw } #productDetail .productDetailMain .productDetailDownload .padCard .other .time img { width: 1.146vw; height: 1.146vw; margin-right: 0.417vw; vertical-align: middle } #productDetail .productDetailMain .productDetailDownload .padCard .other .time span { font-size: 0.833vw; color: #666666; vertical-align: middle } #productDetail .productDetailMain .productDetailDownload .padCard .other .size { margin-right: 2.083vw } #productDetail .productDetailMain .productDetailDownload .padCard .other .size img { width: 1.146vw; height: 1.146vw; margin-right: 0.417vw; vertical-align: middle } #productDetail .productDetailMain .productDetailDownload .padCard .other .size span { font-size: 0.833vw; color: #666666; vertical-align: middle } #productDetail .productDetailMain .productDetailDownload .padCard .other .view { margin-right: 2.083vw } #productDetail .productDetailMain .productDetailDownload .padCard .other .view img { -webkit-filter: grayscale(1); filter: grayscale(1); width: 1.146vw; height: 1.146vw; margin-right: 0.417vw; vertical-align: middle; -webkit-transition: all 0.4s ease; transition: all 0.4s ease } #productDetail .productDetailMain .productDetailDownload .padCard .other .view span { font-size: 0.833vw; color: #666666; line-height: 2.188vw; vertical-align: middle; -webkit-transition: all 0.4s ease; transition: all 0.4s ease } #productDetail .productDetailMain .productDetailDownload .padCard .other .download img { -webkit-filter: grayscale(1); filter: grayscale(1); width: 1.146vw; height: 1.146vw; margin-right: 0.417vw; vertical-align: middle; -webkit-transition: all 0.4s ease; transition: all 0.4s ease } #productDetail .productDetailMain .productDetailDownload .padCard .other .download span { font-size: 0.833vw; color: #666; vertical-align: middle; -webkit-transition: all 0.4s ease; transition: all 0.4s ease } #productDetail .productDetailMain .productDetailDownload .padCard .other .view:hover img,#productDetail .productDetailMain .productDetailDownload .padCard .other .download:hover img { -webkit-filter: none; filter: none } #productDetail .productDetailMain .productDetailDownload .padCard .other .view:hover span,#productDetail .productDetailMain .productDetailDownload .padCard .other .download:hover span { color: #003773 } #productDetail .productDetailMain .productDetailDownload .padCard:hover { box-shadow: 0.208vw 0.365vw 1.042vw 1px rgba(41,34,15,0.1); border-color: #003773 } #productDetail .productDetailMain .productDetailSpecifications .productDetailSpecificationsList { margin-right: 7.813vw } #productDetail .productDetailMain .productDetailSpecifications .productDetailSpecificationsList .productDetailSpecificationsListTitle { font-size: 1.458vw; font-weight: 600; color: #000; line-height: 1.354vw; border-left: .26vw solid #c51212; padding-left: .521vw; margin-bottom: 2.083vw } #productDetail .productDetailMain .productDetailSpecifications .productDetailSpecificationsList .productDetailSpecificationsListMain { position: -webkit-sticky; position: -webkit-sticky; position: sticky; top: 6.25vw } #productDetail .productDetailMain .productDetailSpecifications .productDetailSpecificationsList .productDetailSpecificationsListMain .list { font-size: 1.042vw; color: #666; margin-bottom: 1.563vw; cursor: pointer } #productDetail .productDetailMain .productDetailSpecifications .productDetailSpecificationsList .productDetailSpecificationsListMain .list.active { font-weight: 600 } #productDetail .productDetailMain .productDetailSpecifications .productDetailSpecificationsMain .wrapper { margin-bottom: 2.604vw } #productDetail .productDetailMain .productDetailSpecifications .productDetailSpecificationsMain .wrapper:last-child { margin-bottom: 0 } #productDetail .productDetailMain .productDetailSpecifications .productDetailSpecificationsMain .wrapper .title { font-size: 1.146vw; color: #666; border-bottom: 1px solid #eeeeee; padding: 0px 1.042vw .417vw; margin-bottom: 1.042vw } #productDetail .productDetailMain .productDetailSpecifications .productDetailSpecificationsMain .wrapper table { text-align: left } #productDetail .productDetailMain .productDetailSpecifications .productDetailSpecificationsMain .wrapper table thead tr th { font-weight: 400; font-size: .833vw; color: #666; padding: 1.146vw 1.042vw } #productDetail .productDetailMain .productDetailSpecifications .productDetailSpecificationsMain .wrapper table thead tr th a { color: #c40e0e } #productDetail .productDetailMain .productDetailSpecifications .productDetailSpecificationsMain .wrapper table thead tr th span { font-size: .833vw !important } #productDetail .productDetailMain .productDetailSpecifications .productDetailSpecificationsMain .wrapper table tbody tr td { font-size: 16px; color: #666; padding: 22px 20px } #productDetail .productDetailMain .productDetailSpecifications .productDetailSpecificationsMain .wrapper table tbody tr td a { color: #c40e0e } #productDetail .productDetailMain .productDetailSpecifications .productDetailSpecificationsMain .wrapper table tbody tr td span { font-size: 16px !important } #software { padding: 3.104vw 0px 7.552vw; } #software+#getInTouch { height: 0px; padding: 0; margin-bottom: 14.583vw } #software ul li { margin-bottom: 5.052vw; list-style: none } #software ul li:last-child { margin-bottom: 0 } #software ul li .image { width: 50%; box-shadow: 0 .156vw 2.76vw rgba(21,40,57,.1); overflow: hidden } #software ul li .image img { width: 100%; height: 36.979vw; -webkit-transition: all .4s ease; transition: all .4s ease } #software ul li .content { width: 50%; padding: 0px 2.865vw 0px 4.479vw; position: relative; z-index: 2; background: #f5f9fc; overflow: hidden } #software ul li .content:hover:after { opacity: 1 } #software ul li .content .title { font-size: 1.563vw; color: #000; font-weight: 600; margin-bottom: 1.042vw; line-height: 1.927vw } #software ul li .content .intro { font-size: .938vw; color: #272727; line-height: 1.458vw; margin-bottom: 2.292vw } #software ul li .content a { display: block; width: 12.812vw; height: 2.969vw; line-height: 2.865vw; border-radius: 1.458vw; border: 1px solid rgba(196,8,8,.5); font-size: .833vw; color: #c40808; text-align: center; cursor: pointer; -webkit-transition: all .4s ease; transition: all .4s ease } #software ul li .content a:hover { color: #fff; background: #c40808; border-color: #c40808 } #software ul li .content a span { font-weight: 600; margin-right: 4.479vw } #software ul li .content a i { display: inline-block; font-size: 1.042vw; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } /* 斜箭头*/ #software ul li .content a i.no-rotate { transform: none; } #challenge { padding: 4.063vw 0px; position: relative } #challenge a { color: #15589e; text-decoration: underline } #challenge .challengeTitle { text-align: center; margin-bottom: 2.031vw } #challenge .challengeTitle .title { font-weight: 600; font-size: 2.083vw; color: #121212 } #challenge .challengeTitle .intro { font-size: .938vw; color: #323232; line-height: 1.406vw; font-weight: 300 } #challenge .challengeMain>ul { margin: -.781vw } #challenge .challengeMain>ul>li { width: calc(50% - 1.563vw); min-height: 15.417vw; margin: .781vw; padding: 3.021vw 2.552vw; position: relative; border-radius: .208vw; -webkit-transition: all .4s ease; transition: all .4s ease; list-style: none } #challenge .challengeMain>ul>li:before { position: absolute; left: 0%; top: 0; width: 100%; height: 100%; background: #004178; border-radius: .208vw; background: -webkit-linear-gradient(bottom,#e4ebf1,#fff); background: linear-gradient(0deg,#e4ebf1,#fff); content: ""; display: block } #challenge .challengeMain>ul>li:after { position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translate(-50%); width: calc(100% - 2.083vw); height: 100%; background: #004178; border-radius: .208vw; z-index: -1; -webkit-transition: all .4s ease; transition: all .4s ease; content: ""; display: block } #challenge .challengeMain>ul>li .icon { margin-bottom: 1.667vw; position: relative; z-index: 2 } #challenge .challengeMain>ul>li .icon img { width: 2.448vw; height: 2.448vw } #challenge .challengeMain>ul>li .number { position: absolute; top: 3.75vw; right: 2.24vw; font-size: 1.042vw; color: #000; z-index: 2 } #challenge .challengeMain>ul>li .title { font-weight: 600; font-size: 1.406vw; color: #000; margin-bottom: .469vw; position: relative; z-index: 2 } #challenge .challengeMain>ul>li .intro { font-size: .938vw; color: #272727; line-height: 1.458vw; font-weight: 300; position: relative; z-index: 2 } #challenge .challengeMain>ul>li .intro b,#challenge .challengeMain>ul>li .intro strong { font-weight: 600 } #eLinkSoftware a { color: #15589e; text-decoration: underline } #eLinkSoftware .eLinkSoftwareMain { position: relative } #eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareImages ul li { position: -webkit-sticky; position: -webkit-sticky; position: sticky; top: 0; overflow: hidden; list-style: none } #eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareImages ul li .content { width: 50%; height: 100%; position: relative } #eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareImages ul li .content .image { overflow: hidden; max-height: 47.3958vw } #eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareImages ul li .content .image img { width: 100%; height: 47.3958vw; object-fit: cover } #eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareImages ul li .hide { display: none } #eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareContents { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none } #eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareContents ul li { overflow: hidden; list-style: none } #eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareContents ul li .content { width: 50%; height: 100%; max-height: 47.917vw; min-height: 47.917vw; padding: 4.531vw 5.208vw 0px; background: -webkit-linear-gradient(top,#fff,#dde6f0); background: linear-gradient(180deg,#fff,#dde6f0); pointer-events: all } #eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareContents ul li .content .title { font-weight: 600; font-size: 2.083vw; color: #121212; margin-bottom: 2.292vw; padding-bottom: 2.76vw; border-bottom: 1px solid rgba(0,0,0,.3) } #eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareContents ul li .content .intro { font-weight: 300; font-size: .938vw; color: #272727; line-height: 1.458vw; margin-bottom: 5.365vw } #eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareContents ul li .content .list ul { position: relative } #eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareContents ul li .content .list ul:after { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 2px; height: 100%; background: rgba(0,0,0,.1); content: ""; display: block } #eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareContents ul li .content .list ul li { list-style: none; font-size: .781vw; color: #000; opacity: .4; line-height: 1.354vw; padding: .417vw 0px .417vw 1.042vw; position: relative; -webkit-transition: all .4s ease; transition: all .4s ease } #eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareContents ul li .content .list ul li:after { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 2px; height: 100%; background: #000; -webkit-transition: all .4s ease; transition: all .4s ease; opacity: 0; visibility: hidden; content: ""; display: block } #eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareContents ul li .content .list ul li.active,#eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareContents ul li .content .list ul li:hover { font-size: 1.042vw; opacity: 1 } #eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareContents ul li .content .list ul li.active:after,#eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareContents ul li .content .list ul li:hover:after { opacity: 1; visibility: visible } #eLinkSoftwareAdvantage { padding: 5.469vw 0px 5.208vw } #eLinkSoftwareAdvantage a { color: #15589e; text-decoration: underline } #eLinkSoftwareAdvantage .eLinkSoftwareAdvantageTitle { font-size: 2.083vw; color: #121212; font-weight: 600; text-align: center; margin-bottom: 3.042vw } #eLinkSoftwareAdvantage .eLinkSoftwareAdvantageMain ul { margin: -.781vw } #eLinkSoftwareAdvantage .eLinkSoftwareAdvantageMain ul li { width: calc(33.33% - 1.563vw); min-height: 15.104vw; margin: .781vw; padding: 2.604vw 1.823vw 2.083vw; background: #f1f5f9; border-radius: .208vw; -webkit-transition: all .4s ease; transition: all .4s ease; position: relative; list-style: none } #eLinkSoftwareAdvantage .eLinkSoftwareAdvantageMain ul li:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/eLinkSoftwareAdvantageHover.jpg) no-repeat center/cover; -webkit-transition: all .4s ease; transition: all .4s ease; opacity: 0; visibility: hidden; content: ""; display: block } #eLinkSoftwareAdvantage .eLinkSoftwareAdvantageMain ul li .icon { text-align: right; margin-bottom: 2.396vw; position: relative; z-index: 2 } #eLinkSoftwareAdvantage .eLinkSoftwareAdvantageMain ul li .icon img { width: 2.448vw; height: 2.448vw; -webkit-transition: all .4s ease; transition: all .4s ease } #eLinkSoftwareAdvantage .eLinkSoftwareAdvantageMain ul li .title { font-weight: 600; font-size: 1.406vw; color: #000; margin-bottom: .365vw; position: relative; z-index: 2; -webkit-transition: all .4s ease; transition: all .4s ease } #eLinkSoftwareAdvantage .eLinkSoftwareAdvantageMain ul li .intro { font-weight: 300; font-size: .938vw; color: #272727; line-height: 1.458vw; position: relative; z-index: 2; -webkit-transition: all .4s ease; transition: all .4s ease; margin-bottom: .417vw } #eLinkSoftwareAdvantage .eLinkSoftwareAdvantageMain ul li .btn { display: none; float: right; position: relative; z-index: 2; font-size: .781vw; color: #004178; cursor: pointer; -webkit-transition: all .4s ease; transition: all .4s ease } #eLinkSoftwareAdvantage .eLinkSoftwareAdvantageMain ul li .btn.active i { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg) } #eLinkSoftwareAdvantage .eLinkSoftwareAdvantageMain ul li .btn span { margin-right: .26vw } #eLinkSoftwareAdvantage .eLinkSoftwareAdvantageMain ul li .btn i { display: inline-block; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0); font-size: .677vw; -webkit-transition: all .1s ease; transition: all .1s ease } #eLinkSoftwareArchitecture { padding: 3.958vw 0px 3.802vw; position: relative } #eLinkSoftwareArchitecture a { color: #15589e; text-decoration: underline } #eLinkSoftwareArchitecture .eLinkSoftwareArchitectureTitle { font-size: 2.813vw; color: #121212; font-weight: 600; text-transform: capitalize; text-align: center; margin-bottom: 2.292vw; line-height: 3.125vw } #eLinkSoftwareArchitecture .eLinkSoftwareArchitectureMain { text-align: center } #eLinkSoftwareArchitecture .eLinkSoftwareArchitectureMain img { width: auto; height: auto } #eLinkSoftwareDevelopment { padding: 5.885vw 0px 5.417vw; position: relative } #eLinkSoftwareDevelopment .commonBg img { object-fit: fill } #eLinkSoftwareDevelopment a { color: #15589e; text-decoration: underline } #eLinkSoftwareDevelopment .eLinkSoftwareDevelopmentTitle { margin-bottom: 2.188vw } #eLinkSoftwareDevelopment .eLinkSoftwareDevelopmentTitle .title { font-weight: 600; font-size: 1.875vw; color: #fff; line-height: 2.188vw; margin-bottom: .521vw } #eLinkSoftwareDevelopment .eLinkSoftwareDevelopmentTitle .intro { font-weight: 300; font-size: .938vw; color: #fff; line-height: 1.406vw } #eLinkSoftwareDevelopment .eLinkSoftwareDevelopmentMain ul { background: #fff; border-radius: .521vw; overflow: hidden } #eLinkSoftwareDevelopment .eLinkSoftwareDevelopmentMain ul li { border-bottom: 1px solid #EBF1F6; list-style: none } #eLinkSoftwareDevelopment .eLinkSoftwareDevelopmentMain ul li:last-child { border-bottom: 0px } #eLinkSoftwareDevelopment .eLinkSoftwareDevelopmentMain ul li.active .head { border-radius: .208vw .208vw 0px 0px; background: #004178 } #eLinkSoftwareDevelopment .eLinkSoftwareDevelopmentMain ul li.active .head .number { color: #004178; background: #fff } #eLinkSoftwareDevelopment .eLinkSoftwareDevelopmentMain ul li.active .head .title { color: #fff } #eLinkSoftwareDevelopment .eLinkSoftwareDevelopmentMain ul li.active .head .arrow { color: #fff; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } #eLinkSoftwareDevelopment .eLinkSoftwareDevelopmentMain ul li .head { height: 4.948vw; padding: 0px 2.083vw; cursor: pointer; -webkit-transition: all .4s ease; transition: all .4s ease } #eLinkSoftwareDevelopment .eLinkSoftwareDevelopmentMain ul li .head .number { width: 1.51vw; height: 1.51vw; line-height: 1.51vw; text-align: center; background: rgba(241,245,249,.8); border-radius: 50%; -webkit-transition: all .4s ease; transition: all .4s ease } #eLinkSoftwareDevelopment .eLinkSoftwareDevelopmentMain ul li .head .title { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-weight: 600; font-size: 1.25vw; color: #343434; margin-left: 1.094vw; -webkit-transition: all .4s ease; transition: all .4s ease } #eLinkSoftwareDevelopment .eLinkSoftwareDevelopmentMain ul li .head .arrow { font-size: .833vw; color: #abc0d2; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: all .4s ease; transition: all .4s ease } /* 默认状态：隐藏、高度为 0 */ .eLinkSoftwareDevelopmentMain ul li .content { overflow: hidden; height: 0; padding: 0 4.635vw; transition: height 0.4s ease, padding 0.4s ease; display: none; } /* 展开状态：加上 padding，height 由 JS 控制 */ .eLinkSoftwareDevelopmentMain ul li .content.expanded { padding: 2.292vw 4.635vw; } #eLinkSoftwareDevelopment .eLinkSoftwareDevelopmentMain ul li .content .title { padding-bottom: 1.667vw; border-bottom: 1px solid rgba(141,141,141,.1) } #industryApplication { padding: 4.063vw 0px 5.208vw } #industryApplication .industryApplicationTitle { font-weight: 600; font-size: 2.813vw; color: #121212; text-transform: capitalize; margin-bottom: 2.031vw } #industryApplication .industryApplicationMain .swiper-wrapper .swiper-slide { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-right: .521vw; position: relative; -webkit-transition: all .8s ease; transition: all .8s ease } #industryApplication .industryApplicationMain .swiper-wrapper .swiper-slide.active { -webkit-box-flex: 45.938vw; -webkit-flex: 45.938vw; -ms-flex: 45.938vw; flex: 45.938vw } #industryApplication .industryApplicationMain .swiper-wrapper .swiper-slide.active:after { opacity: 0; visibility: hidden } #industryApplication .industryApplicationMain .swiper-wrapper .swiper-slide.active .title { opacity: 0; visibility: visible } #industryApplication .industryApplicationMain .swiper-wrapper .swiper-slide.active .content { opacity: 1; visibility: visible } #industryApplication .industryApplicationMain .swiper-wrapper .swiper-slide:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.4); -webkit-transition: all .4s ease; transition: all .4s ease; content: ""; display: block } #industryApplication .industryApplicationMain .swiper-wrapper .swiper-slide:last-child { margin-right: 0 } #industryApplication .industryApplicationMain .swiper-wrapper .swiper-slide .image img { width: auto; height: 40.625vw; object-fit: cover } #industryApplication .industryApplicationMain .swiper-wrapper .swiper-slide .title { font-size: 1.042vw; color: #fff; line-height: 1.563vw; position: absolute; left: 50%; top: 50%; width: 100%; height: auto; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-align: center; z-index: 2; padding: 0px 1.042vw; -webkit-transition: all .4s ease; transition: all .4s ease } #industryApplication .industryApplicationMain .swiper-wrapper .swiper-slide .content { position: absolute; left: 0; bottom: 0; width: 100%; height: auto; z-index: 2; padding: 0px 2.604vw 2.448vw; background: -webkit-linear-gradient(bottom,rgba(0,0,0,.7),rgba(0,0,0,0)); background: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,0)); opacity: 0; visibility: hidden; -webkit-transition: all .4s ease; transition: all .4s ease } #industryApplication .industryApplicationMain .swiper-wrapper .swiper-slide .content .subTitle { font-size: 1.458vw; color: #fff } #industryApplication .industryApplicationMain .swiper-wrapper .swiper-slide .content .intro { font-weight: 300; font-size: .938vw; color: rgba(255,255,255,.8); line-height: 1.458vw } #caseStudy { padding: 4.167vw 0px 5.26vw; position: relative; overflow: hidden } #caseStudy .caseStudyTitle { font-size: 2.813vw; color: #121212; font-weight: 600; text-transform: capitalize; margin-bottom: 1.979vw } #caseStudy .caseStudyMain { width: 66.667vw; overflow: visible; margin: 0 } #caseStudy .caseStudyMain .swiper-wrapper .swiper-slide { background: #fff; border-radius: .208vw; overflow: hidden } #caseStudy .caseStudyMain .swiper-wrapper .swiper-slide .image { width: 44.792vw; overflow: hidden; border-radius: .208vw } #caseStudy .caseStudyMain .swiper-wrapper .swiper-slide .image img { width: 100%; height: 30.208vw; object-fit: cover; -webkit-transition: all .4s ease; transition: all .4s ease } #caseStudy .caseStudyMain .swiper-wrapper .swiper-slide .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 4.375vw 2.604vw 2.604vw; position: relative; overflow: hidden } #caseStudy .caseStudyMain .swiper-wrapper .swiper-slide .content:after { position: absolute; right: -8.333vw; bottom: -2.083vw; width: 16.51vw; height: 19.115vw; background: url(../images/softwareEl.png) no-repeat center/cover; z-index: -1; content: ""; display: block } #caseStudy .caseStudyMain .swiper-wrapper .swiper-slide .content .title { font-weight: 600; font-size: 1.406vw; color: #000; margin-bottom: .521vw } #caseStudy .caseStudyMain .swiper-wrapper .swiper-slide .content .intro { font-weight: 300; font-size: .885vw; color: #272727; line-height: 1.406vw; margin-bottom: 2.76vw } #caseStudy .caseStudyMain .swiper-wrapper .swiper-slide .content .more { display: inline-block; min-width: 12.812vw; height: 2.969vw; line-height: 2.865vw; font-size: .833vw; color: #394347; border-radius: 1.458vw; border: 1px solid rgba(57,67,71,.5); padding: 0px 1.563vw; -webkit-transition: all .4s ease; transition: all .4s ease } #caseStudy .caseStudyMain .swiper-wrapper .swiper-slide .content .more:hover { color: #fff; background: #c40808; border-color: #c40808 } #caseStudy .caseStudyMain .swiper-wrapper .swiper-slide .content .more span { font-weight: 600; margin-right: 4.479vw } #caseStudy .caseStudyMain .swiper-wrapper .swiper-slide .content .more i { display: inline-block; font-size: 1.042vw; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } #technolocy { } #technolocy ul li { padding: 3.125vw 0px; list-style: none } #technolocy ul li:nth-child(odd) { background: #f1f5f9 } #technolocy ul li:nth-child(odd) .content { margin-right: 10.417vw } #technolocy ul li:nth-child(2n) { background: #fff } #technolocy ul li:nth-child(2n) .content { margin-left: 10.417vw } #technolocy ul li .image { width: 38.385vw; overflow: hidden } #technolocy ul li .image img { width: 100%; height: 24.167vw; object-fit: cover; -webkit-transition: all .4s ease; transition: all .4s ease } #technolocy ul li .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } #technolocy ul li .content .tab { display: inline-block; height: 1.563vw; line-height: 1.563vw; text-align: center; font-size: .729vw; color: #fff; font-weight: 500; padding: 0px 1.042vw; background: -webkit-linear-gradient(315deg,#ED2F37,#CC0000); background: linear-gradient(135deg,#ed2f37,#c00); -webkit-mask-image: url(../images/technolocyTab.png); mask-image: url(../images/technolocyTab.png); -webkit-mask-size: cover; mask-size: cover; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; margin-bottom: 1.302vw } #technolocy ul li .content .title { font-weight: 600; font-size: 1.771vw; color: #323232; margin-bottom: .781vw } #technolocy ul li .content .intro { font-weight: 300; font-size: .938vw; color: #323232; line-height: 1.406vw; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 3.229vw } #technolocy ul li .content .more { display: block; width: 10.313vw; height: 2.396vw; line-height: 2.292vw; border-radius: 1.198vw; border: 1px solid rgba(196,8,8,.5); font-size: .677vw; color: #c40808; text-align: center; cursor: pointer; -webkit-transition: all .4s ease; transition: all .4s ease } #technolocy ul li .content .more:hover { color: #fff; background: #c40808; border-color: #c40808 } #technolocy ul li .content .more span { font-weight: 600; margin-right: 3.646vw } #technolocy ul li .content .more i { display: inline-block; font-size: .938vw; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } #technolocy .technolocyMore { width: 100%; height: 3.073vw; line-height: 3.073vw; font-weight: 500; font-size: .833vw; color: #c40808; text-align: center; background: #f1f5f9; border-radius: .26vw; cursor: pointer; -webkit-transition: all .4s ease; transition: all .4s ease } #technolocy .technolocyMore:hover { background: rgba(196,8,8,.8); color: #fff } #technolocy .technolocyMore span { margin-right: .938vw } #technolocy .technolocyMore i { display: inline-block; font-size: .729vw; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } #relatedBlog { padding: 5.208vw 0px 1px; position: relative } #relatedBlog #getInTouch { height: 0px; padding: 0; margin-bottom: 14.583vw } #relatedBlog .relatedBlogTitle { font-weight: 600; font-size: 2.083vw; color: #323232; text-transform: capitalize; margin-bottom: 1.979vw } #relatedBlog .relatedBlogMain { margin-bottom: 4.479vw } #relatedBlog .relatedBlogMain .swiper-wrapper .swiper-slide a { display: block; background: #fff } #relatedBlog .relatedBlogMain .swiper-wrapper .swiper-slide a:hover .content .title { color: #c40808 } #relatedBlog .relatedBlogMain .swiper-wrapper .swiper-slide a .image { overflow: hidden } #relatedBlog .relatedBlogMain .swiper-wrapper .swiper-slide a .image img { width: 100%; height: 14.063vw; object-fit: cover; -webkit-transition: all .4s ease; transition: all .4s ease } #relatedBlog .relatedBlogMain .swiper-wrapper .swiper-slide a .content { padding: 2.135vw 2.292vw 2.5vw } #relatedBlog .relatedBlogMain .swiper-wrapper .swiper-slide a .content .time { font-size: .729vw; color: #383838; margin-bottom: .781vw } #relatedBlog .relatedBlogMain .swiper-wrapper .swiper-slide a .content .time i { color: #324284; margin-right: .365vw } #relatedBlog .relatedBlogMain .swiper-wrapper .swiper-slide a .content .title { font-weight: 600; font-size: 1.146vw; color: #000; line-height: 1.406vw; height: 2.813vw; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: .677vw; -webkit-transition: all .4s ease; transition: all .4s ease } #relatedBlog .relatedBlogMain .swiper-wrapper .swiper-slide a .content .more { font-size: .833vw; color: rgba(58,58,58,.8) } #relatedBlog .relatedBlogMain .swiper-pagination { text-align: center; margin-top: 2.083vw } #relatedBlog .relatedBlogMain .swiper-pagination .swiper-pagination-bullet { display: inline-block; width: 1.198vw; height: .313vw; border-radius: .313vw; background: #999; cursor: pointer; margin: 0px .208vw; -webkit-transition: all .4s ease; transition: all .4s ease; opacity: .6 } #relatedBlog .relatedBlogMain .swiper-pagination .swiper-pagination-bullet-active { width: 1.563vw; background: #c40808; opacity: 1 } #technologyQuestion { padding: 5.313vw 0px 4.406vw } #technologyQuestion+#software { padding-top: 0 } #technologyQuestion a { color: #15589e; text-decoration: underline } #technologyQuestion .technologyQuestionTitle { font-weight: 600; font-size: 2.083vw; color: #323232; text-align: center; padding: 0px 7.292vw; margin-bottom: 1.51vw } #technologyQuestion .technologyQuestionMain { font-size: .938vw; color: #323232; line-height: 1.406vw; font-weight: 300; text-align: center; padding: 0px 7.292vw } #technologyQuestion .technologyQuestionMain p { margin-bottom: 1.354vw } #technologyQuestion .technologyQuestionMain p:last-child { margin-bottom: 0 } #technologyQuestion .technologyQuestionMain b,#technologyQuestion .technologyQuestionMain strong { font-weight: 700 } #twotechnologyQuestion { padding: 5.313vw 0px 4.406vw } #twotechnologyQuestion+#software { padding-top: 0 } #twotechnologyQuestion a { color: #15589e; text-decoration: underline } #twotechnologyQuestion .technologyQuestionTitle { font-weight: 600; font-size: 2.083vw; color: #323232; text-align: center; padding: 0px 7.292vw; margin-bottom: 1.51vw } #twotechnologyQuestion .technologyQuestionMain { font-size: .938vw; color: #323232; line-height: 1.406vw; font-weight: 300; text-align: center; padding: 0px 7.292vw } #twotechnologyQuestion .technologyQuestionMain p { margin-bottom: 1.354vw } #twotechnologyQuestion .technologyQuestionMain p:last-child { margin-bottom: 0 } #twotechnologyQuestion .technologyQuestionMain b,#technologyQuestion .technologyQuestionMain strong { font-weight: 700 } #technologyDifference { padding: 8.021vw 0px 7.24vw; position: relative } #technologyDifference a { color: #15589e; text-decoration: underline } #technologyDifference .technologyDifferenceLeft { width: 45.104vw } #technologyDifference .technologyDifferenceLeft .titlt { font-weight: 600; font-size: 2.083vw; color: #323232; line-height: 3.021vw; margin-bottom: 1.25vw } #technologyDifference .technologyDifferenceLeft .intro { font-weight: 300; font-size: .938vw; color: #323232; line-height: 1.406vw } #technologyDifference .technologyDifferenceLeft .intro b,#technologyDifference .technologyDifferenceLeft .intro strong { font-weight: 600 } #technologyDifference .technologyDifferenceRihgt { width: 32.656vw } #technologyDifference .technologyDifferenceRihgt ul li { padding: 2.396vw 2.031vw 2.396vw 2.865vw; background: #fff; margin-bottom: .521vw; list-style: none } #technologyDifference .technologyDifferenceRihgt ul li:last-child { margin-bottom: 0 } #technologyDifference .technologyDifferenceRihgt ul li .icon { margin-right: 2.604vw } #technologyDifference .technologyDifferenceRihgt ul li .icon img { width: 3.854vw; height: 3.854vw } #technologyDifference .technologyDifferenceRihgt ul li .intro { font-weight: 300; font-size: .938vw; color: #000; line-height: 1.354vw } #comprehensiveTestingMethod { padding: 5vw 0px 5.938vw } #comprehensiveTestingMethod a { color: #15589e; text-decoration: underline } #comprehensiveTestingMethod .comprehensiveTestingMethodTitle { margin-bottom: 2.917vw } #comprehensiveTestingMethod .comprehensiveTestingMethodTitle .title { font-weight: 600; font-size: 2.083vw; color: #323232; margin-bottom: .625vw } #comprehensiveTestingMethod .comprehensiveTestingMethodTitle .intro { width: 57.656vw; font-weight: 300; font-size: .938vw; color: #323232; line-height: 1.406vw } #comprehensiveTestingMethod .comprehensiveTestingMethodMain { font-weight: 300 !important; font-size: .938vw; color: #323232; line-height: 1.146vw } #comprehensiveTestingMethod .comprehensiveTestingMethodMain b,#comprehensiveTestingMethod .comprehensiveTestingMethodMain strong { font-weight: 600 } #comprehensiveTestingMethod .comprehensiveTestingMethodMain ul { margin: -.521vw } #comprehensiveTestingMethod .comprehensiveTestingMethodMain ul li { width: calc(20% - 1.042vw); min-height: 4.74vw; margin: .521vw; padding: .469vw .729vw; background: #f1f5f9 } #comprehensiveTestingMethod .comprehensiveTestingMethodMain ul li.long { width: calc(40% - 1.042vw) } #comprehensiveTestingMethod .comprehensiveTestingMethodMain ul li .icon { width: 3.75vw } #comprehensiveTestingMethod .comprehensiveTestingMethodMain ul li .icon img { width: 3.75vw; height: 3.75vw } #comprehensiveTestingMethod .comprehensiveTestingMethodMain ul li .intro { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: .938vw; color: #000; line-height: 1.146vw } #dropTestStandards a { color: #15589e; text-decoration: underline } #dropTestStandards+#relatedProducts { padding-bottom: 4.948vw } #dropTestStandards .dropTestStandardsHead { padding: 4.635vw 0px 6.094vw; position: relative } #dropTestStandards .dropTestStandardsHead .dropTestStandardsTitle { margin-bottom: 3.385vw } #dropTestStandards .dropTestStandardsHead .dropTestStandardsTitle .title { font-weight: 600; font-size: 2.083vw; color: #323232; margin-bottom: .885vw } #dropTestStandards .dropTestStandardsHead .dropTestStandardsTitle .intro { font-weight: 300; font-size: .938vw; color: #323232 } #dropTestStandards .dropTestStandardsHead .dropTestStandardsMain img { display: block; width: auto; height: auto; margin: 0 auto } #dropTestStandards .dropTestStandardsContent { padding: 4.844vw 0px; background: rgba(0,0,0,0.02) } #dropTestStandards .dropTestStandardsContent .dropTestStandardsContentLeft { width: 38.594vw } #dropTestStandards .dropTestStandardsContent .dropTestStandardsContentLeft ul li { padding: 2.604vw 0px; border-bottom: 1px solid #D5D5D5; list-style: none } #dropTestStandards .dropTestStandardsContent .dropTestStandardsContentLeft ul li:last-child { border-bottom: 0px } #dropTestStandards .dropTestStandardsContent .dropTestStandardsContentLeft ul li .title { font-weight: 600; font-size: 1.458vw; color: #323232; text-transform: capitalize; margin-bottom: .885vw } #dropTestStandards .dropTestStandardsContent .dropTestStandardsContentLeft ul li .intro { font-weight: 300; font-size: .938vw; color: #323232; line-height: 1.406vw } #dropTestStandards .dropTestStandardsContent .dropTestStandardsContentRight { width: 39.844vw; overflow: hidden } #dropTestStandards .dropTestStandardsContent .dropTestStandardsContentRight img { width: 100%; height: auto; -webkit-transition: all .4s ease; transition: all .4s ease } #dropTestStandards .dropTestStandardsOther { margin: 4.427vw 0px 5.208vw } #dropTestStandards .dropTestStandardsOther .dropTestStandardsOtherTitle { margin-bottom: 2.292vw } #dropTestStandards .dropTestStandardsOther .dropTestStandardsOtherTitle .title { font-weight: 600; font-size: 1.771vw; color: #323232; margin-bottom: .677vw } #dropTestStandards .dropTestStandardsOther .dropTestStandardsOtherTitle .intro { font-weight: 300; font-size: .938vw; color: #323232 } #dropTestStandards .dropTestStandardsOther .dropTestStandardsOtherMain ul { background: #f1f5f9 } #dropTestStandards .dropTestStandardsOther .dropTestStandardsOtherMain ul li { list-style: none } #dropTestStandards .dropTestStandardsOther .dropTestStandardsOtherMain ul li:last-child .title { border-bottom: 0px } #dropTestStandards .dropTestStandardsOther .dropTestStandardsOtherMain ul li:last-child .intro { border-bottom: 0px } #dropTestStandards .dropTestStandardsOther .dropTestStandardsOtherMain ul li .title { width: 28.594vw; font-size: .938vw; color: #fff; background: #015198; border-bottom: 1px solid rgba(176,191,206,.3); text-align: center; padding: 1.615vw 5.104vw } #dropTestStandards .dropTestStandardsOther .dropTestStandardsOtherMain ul li .intro { font-size: .938vw; color: #323232; border-bottom: 1px solid #dfe4ea; padding: 1.615vw 5.104vw } #companyList { padding: 5.521vw 0px 0 } #companyList ul li { padding: 3.49vw 0px; border-bottom: 1px solid #EEEEEE; position: relative; list-style: none } #companyList ul li:nth-child(odd):after { left: -3.75vw } #companyList ul li:nth-child(2n):after { right: -3.75vw } #companyList ul li:first-child { padding-top: 0 } #companyList ul li:last-child { border-bottom: 0px } #companyList ul li .image { width: 43.281vw; overflow: hidden } #companyList ul li .image img { width: 100%; height: 26.719vw; object-fit: cover; -webkit-transition: all .4s ease; transition: all .4s ease } #companyList ul li .content { padding: 0px 10.208vw 0px 6.719vw } #companyList ul li .content .title { font-weight: 600; font-size: 1.771vw; color: #323232; margin-bottom: .833vw } #companyList ul li .content .intro { font-weight: 300; font-size: .938vw; color: #272727; line-height: 1.406vw; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 4.063vw } #companyList ul li .content .more { display: block; width: 10.313vw; height: 2.396vw; line-height: 2.292vw; border-radius: 1.198vw; border: 1px solid rgba(57,67,71,.5); font-size: .677vw; color: #394347; text-align: center; cursor: pointer; -webkit-transition: all .4s ease; transition: all .4s ease } #companyList ul li .content .more:hover { color: #fff; background: #c40808; border-color: #c40808 } #companyList ul li .content .more span { font-weight: 600; margin-right: 3.646vw } #companyList ul li .content .more i { display: inline-block; font-size: .938vw; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } #serviceList { padding: 5.521vw 0px 0; background: #f1f5f8 } #serviceList .serviceListTitle { font-size: 0.938vw; color: #323232; line-height: 1.406vw; font-weight: 300; text-align: center; padding: 0px 7.292vw; margin-bottom: 4.271vw } #serviceList .serviceListMain ul { margin: -2.604vw } #serviceList .serviceListMain ul li { width: calc(33.33% - 5.208vw); background: #fff; border-radius: 0.417vw; overflow: hidden; margin: 2.604vw; list-style: none } #serviceList .serviceListMain ul li .image { overflow: hidden } #serviceList .serviceListMain ul li .image img { width: 100%; height: 16.667vw; object-fit: cover; -webkit-transition: all .4s ease; transition: all .4s ease } #serviceList .serviceListMain ul li .title { font-weight: 600; font-size: 1.146vw; color: #323232; padding: 0.365vw 0.521vw; min-height: 4.063vw } #serviceList #getInTouch.solutionDetailGetInTouch { margin-bottom: 0px } #serviceList #getInTouch .getInTouchMain { transform: translateY(6.7708vw) } #serviceList #getInTouch { padding-top: 0px } #technolocy2 { background: #f1f5f8; padding: 4.74vw 0px 3.229vw } #technolocy2 .technolocy2Title { margin-bottom: 2.24vw } #technolocy2 .technolocy2Title .title { font-weight: 600; font-size: 2.083vw; color: #323232; text-transform: capitalize } #technolocy2 .technolocy2Title .more { display: block; width: 10.313vw; height: 2.396vw; line-height: 2.292vw; border-radius: 1.198vw; border: 1px solid rgba(57,67,71,.5); font-size: .677vw; color: #394347; text-align: center; cursor: pointer; -webkit-transition: all .4s ease; transition: all .4s ease } #technolocy2 .technolocy2Title .more:hover { color: #fff; background: #c40808; border-color: #c40808 } #technolocy2 .technolocy2Title .more span { font-weight: 600; margin-right: 3.646vw } #technolocy2 .technolocy2Title .more i { display: inline-block; font-size: .938vw; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } #technolocy2 { padding: 4.74vw 0px 5.99vw; background: #f1f5f8 } #technolocy2 .technolocy2Main .technolocy2Left { width: 34.375vw } #technolocy2 .technolocy2Main .technolocy2Left a { display: block; position: relative; border-radius: 0.208vw; overflow: hidden } #technolocy2 .technolocy2Main .technolocy2Left a .image img { width: 100%; height: 27.083vw; object-fit: cover } #technolocy2 .technolocy2Main .technolocy2Left a .content { position: absolute; left: 0px; bottom: 0px; width: 100%; height: auto; z-index: 2; padding: 0px 2.604vw 1.927vw } #technolocy2 .technolocy2Main .technolocy2Left a .content .title { color: #fff; font-weight: 500; font-size: 1.042vw; margin-bottom: 0.99vw } #technolocy2 .technolocy2Main .technolocy2Left a .content .arrow { color: #fff; font-size: 0.938vw } #technolocy2 .technolocy2Main .technolocy2Right { width: 53.802vw; margin: -0.625vw } #technolocy2 .technolocy2Main .technolocy2Right .list { width: calc(50% - 1.25vw); margin: 0.625vw; border-radius: 0.208vw; padding: 1.198vw; background: #fff } #technolocy2 .technolocy2Main .technolocy2Right .list .image { width: 8.333vw; border-radius: 0.208vw; overflow: hidden } #technolocy2 .technolocy2Main .technolocy2Right .list .image img { width: 100%; height: 8.333vw; object-fit: cover } #technolocy2 .technolocy2Main .technolocy2Right .list .content { margin-left: 1.042vw } #technolocy2 .technolocy2Main .technolocy2Right .list .content .title { font-size: 0.99vw; line-height: 1.51vw; min-height: 3.021vw; color: #333; font-weight: 500; margin-bottom: 1.354vw } #technolocy2 .technolocy2Main .technolocy2Right .list .content .arrow { font-size: 0.938vw; color: #666 } #relatedBlog2 { padding: 2.865vw 0px } #relatedBlog2 .image { width: 35.104vw } #relatedBlog2 .image img { width: 100%; height: 22.344vw; object-fit: cover } #relatedBlog2 .content { width: 34.375vw } #relatedBlog2 .content .title { font-size: 2.083vw; color: #000; font-weight: 600; margin-bottom: 1.042vw } #relatedBlog2 .content .intro { font-size: .938vw; color: #272727; line-height: 1.458vw; margin-bottom: 2.292vw } #relatedBlog2 .content .more { display: block; width: 10.313vw; height: 2.396vw; line-height: 2.292vw; border-radius: 1.198vw; border: 1px solid rgba(57,67,71,.5); font-size: .677vw; color: #394347; text-align: center; cursor: pointer; -webkit-transition: all .4s ease; transition: all .4s ease } #relatedBlog2 .content .more:hover { color: #fff; background: #c40808; border-color: #c40808 } #relatedBlog2 .content .more span { font-weight: 600; margin-right: 3.646vw } #relatedBlog2 .content .more i { display: inline-block; font-size: .938vw; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } #whyChooseEstoneTechnology { padding: 5vw 0px; position: relative } #whyChooseEstoneTechnology #getInTouch { height: 0px; margin-bottom: 8.333vw } #whyChooseEstoneTechnology .whyChooseEstoneTechnologyTitle { text-align: center; margin-bottom: 2.5vw } #whyChooseEstoneTechnology .whyChooseEstoneTechnologyTitle .title { font-weight: 600; font-size: 2.083vw; color: #323232; text-transform: capitalize; margin-bottom: .573vw } #whyChooseEstoneTechnology .whyChooseEstoneTechnologyTitle .intro { font-size: .938vw; color: #323232; line-height: 1.406vw; font-weight: 300 } #whyChooseEstoneTechnology .whyChooseEstoneTechnologyMian ul { margin: -.911vw } #whyChooseEstoneTechnology .whyChooseEstoneTechnologyMian ul li { width: calc(50% - 1.823vw); min-height: 12.5vw; margin: .911vw; padding: 0px 2.188vw 0px 2.813vw; background: -webkit-linear-gradient(bottom,#F0FAFE,#FFFFFF); background: linear-gradient(0deg,#f0fafe,#fff); list-style: none } #whyChooseEstoneTechnology .whyChooseEstoneTechnologyMian ul li .icon img { width: 4.063vw; height: 4.063vw } #whyChooseEstoneTechnology .whyChooseEstoneTechnologyMian ul li .content { margin-left: 2.708vw } #whyChooseEstoneTechnology .whyChooseEstoneTechnologyMian ul li .content .title { font-weight: 600; font-size: 1.458vw; color: #0b253a; line-height: 1.406vw; margin-bottom: 1.094vw } #whyChooseEstoneTechnology .whyChooseEstoneTechnologyMian ul li .content .line { width: 1.875vw; height: 2px; background: #004178; margin-bottom: 1.25vw } #whyChooseEstoneTechnology .whyChooseEstoneTechnologyMian ul li .content .intro { font-weight: 300; font-size: 1.094vw; color: #5d6378; line-height: 1.302vw } #aboutus { padding: 5.365vw 0px 6.458vw } #aboutus .aboutusTitle { margin-bottom: 4.115vw } #aboutus .aboutusTitle .title { font-weight: 600; font-size: 2.083vw; color: #121212; line-height: 2.552vw; text-transform: capitalize; margin-right: 4.688vw } #aboutus .aboutusTitle .intro { width: 40vw; font-weight: 300; font-size: .938vw; color: #272727; line-height: 1.458vw } #aboutus .aboutusMain ul { border-radius: 0px 1.563vw; overflow: hidden } #aboutus .aboutusMain ul li { position: relative; height: 36.927vw; overflow: hidden; list-style: none } #aboutus .aboutusMain ul li .commonBg img { -webkit-transition: all .4s ease; transition: all .4s ease } #aboutus .aboutusMain ul li .content { width: 100%; text-align: center; margin: 0px 2.76vw; padding: 4.427vw 3.854vw 4.427vw 4.896vw; -webkit-transition: all .4s ease; transition: all .4s ease; -webkit-backdrop-filter: blur(1.042vw); backdrop-filter: blur(1.042vw); background: rgba(255,255,255,.6) } #aboutus .aboutusMain ul li .content .icon { margin-bottom: .938vw } #aboutus .aboutusMain ul li .content .icon img { -webkit-filter: invert(1); filter: invert(1); width: 4.063vw; height: 4.063vw; -webkit-transition: all .4s ease; transition: all .4s ease } #aboutus .aboutusMain ul li .content .title { font-weight: 600; font-size: 1.563vw; color: #000; margin-bottom: 2.188vw; -webkit-transition: all .4s ease; transition: all .4s ease } #aboutus .aboutusMain ul li .content .intro { font-weight: 300; font-size: .938vw; color: #000; line-height: 1.406vw; -webkit-transition: all .6s ease; transition: all .6s ease; min-height: 11.25vw; overflow-y: auto; padding-right: 1.042vw } #aboutus .aboutusMain ul li .content .intro::-webkit-scrollbar { width: 2px; height: 2px; background-color: #fff } #aboutus .aboutusMain ul li .content .intro::-webkit-scrollbar-track { border-radius: 2px; background-color: #fff } #aboutus .aboutusMain ul li .content .intro::-webkit-scrollbar-thumb { border-radius: 2px; background-color: #004178 } #milestones { padding: 4.427vw 0px 5.573vw; position: relative; overflow: hidden } #milestones .milestonesTitle { font-weight: 600; font-size: 2.083vw; color: #0d0d0d; text-transform: capitalize; margin-bottom: 3.385vw } #milestones .milestonesYearList { margin-bottom: 5.313vw; overflow: visible } #milestones .milestonesYearList:after { position: absolute; left: 50%; top: .208vw; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translate(-50%); width: 100vw; height: 1px; background: rgba(147,167,188,.3); content: ""; display: block } #milestones .milestonesYearList .swiper-wrapper .swiper-slide { text-align: center; cursor: pointer; position: relative } #milestones .milestonesYearList .swiper-wrapper .swiper-slide:after { position: absolute; left: 50%; top: .208vw; height: 1px; background: #c40808; content: ""; display: block } #milestones .milestonesYearList .swiper-wrapper .swiper-slide .drop { width: .469vw; height: .469vw; background: #818e96; margin: 0 auto; -webkit-transition: all .4s ease; transition: all .4s ease } #milestones .milestonesYearList .swiper-wrapper .swiper-slide .year { font-weight: 600; font-size: 1.042vw; color: #818e96; margin-top: .313vw; -webkit-transition: all .4s ease; transition: all .4s ease; } #milestones .milestonesYearList .swiper-wrapper .swiper-slide-thumb-active:after { -webkit-animation: progressBar 4s ease forwards; animation: progressBar 4s ease forwards; } .milestonesYearList .swiper-slide.active-year .drop { background-color: #c40808 !important; } .milestonesYearList .swiper-slide.active-year .year { color: #c40808 !important; } #milestones .milestonesMain .swiper-wrapper .swiper-slide { padding: 0px 6.771vw; } #milestones .milestonesMain .swiper-wrapper .swiper-slide .image { width: 29.896vw; margin-right: 3.594vw; } #milestones .milestonesMain .swiper-wrapper .swiper-slide .image img { width: 100%; height: 18.854vw; object-fit: cover } #milestones .milestonesMain .swiper-wrapper .swiper-slide .content .title { font-weight: 600; font-size: 3.438vw; color: #004178 } #milestones .milestonesMain .swiper-wrapper .swiper-slide .content .intro { font-weight: 300; font-size: .938vw; color: #000; line-height: 1.458vw } #milestones .milestonesMain .swiper-button-next,#milestones .milestonesMain .swiper-button-prev { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 2.917vw; height: 2.917vw; line-height: 2.656vw; font-size: 1.042vw; color: #004178; text-align: center; border-radius: .208vw; border: 2px solid #759bb8; cursor: pointer; z-index: 2; -webkit-transition: all .4s ease; transition: all .4s ease } #milestones .milestonesMain .swiper-button-next i,#milestones .milestonesMain .swiper-button-prev i { display: inline-block } #milestones .milestonesMain .swiper-button-next:hover,#milestones .milestonesMain .swiper-button-prev:hover { background: #004178; -webkit-backdrop-filter: blur(1.042vw); backdrop-filter: blur(1.042vw); border-color: #004178; color: #fff } #milestones .milestonesMain .swiper-button-next { right: 0 } #milestones .milestonesMain .swiper-button-next i { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } #milestones .milestonesMain .swiper-button-prev { left: 0 } #milestones .milestonesMain .swiper-button-prev i { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg) } #globalPresence { padding: 3.854vw 0px 1.51vw; position: relative } #globalPresence .globalPresenceTitle { margin-bottom: 3.958vw } #globalPresence .globalPresenceTitle .title { font-weight: 600; font-size: 2.083vw; color: #0d0d0d; text-transform: capitalize; margin-bottom: .365vw } #globalPresence .globalPresenceTitle .intro { font-weight: 300; font-size: .938vw; color: rgba(39,39,39,.8) } #globalPresence .globalPresenceMain { position: relative } #globalPresence .globalPresenceMain .map { width: 100%; height: 44.167vw } #globalPresence .globalPresenceMain .list { position: absolute } #globalPresence .globalPresenceMain .list:hover { z-index: 99 } #globalPresence .globalPresenceMain .list:hover .popupTitle { opacity: 0 } #globalPresence .globalPresenceMain .list:hover .popupContent { opacity: 1; visibility: visible; z-index: 99 } #globalPresence .globalPresenceMain .list .drop { display: block; position: relative; cursor: pointer } #globalPresence .globalPresenceMain .list .drop:before { width: .417vw; height: .417vw; background: #c40808; border-radius: 50%; content: ""; display: block; position: relative; z-index: 2 } #globalPresence .globalPresenceMain .list .drop span { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%; height: 100%; background: #fff; border-radius: 50%; -webkit-animation: amplify2 3s linear infinite; animation: amplify2 3s linear infinite } #globalPresence .globalPresenceMain .list .drop span:nth-child(1) { -webkit-animation-delay: -1s; animation-delay: -1s } #globalPresence .globalPresenceMain .list .drop span:nth-child(2) { -webkit-animation-delay: -2s; animation-delay: -2s } #globalPresence .globalPresenceMain .list .drop span:nth-child(3) { -webkit-animation-delay: -3s; animation-delay: -3s } #globalPresence .globalPresenceMain .list .popupTitle { white-space: nowrap; position: absolute; left: 50%; top: -4.01vw; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translate(-50%); font-weight: 600; font-size: .833vw; line-height: .833vw; min-height: 3.073vw; background: #fff; box-shadow: 0 .573vw 5.104vw rgba(5,36,64,.42); border-radius: 1.51vw; padding: .625vw 1.25vw; -webkit-transition: all .4s ease; transition: all .4s ease } #globalPresence .globalPresenceMain .list .popupTitle.down { top: 1.51vw } #globalPresence .globalPresenceMain .list .popupTitle .title { color: #c40808; margin-bottom: .313vw } #globalPresence .globalPresenceMain .list .popupTitle .intro { color: #08162f } #globalPresence .globalPresenceMain .list .popupContent { position: absolute; left: 1.563vw; top: -1.458vw; width: 21.51vw; height: auto; background: #fff; box-shadow: 0 .573vw 5.104vw rgba(0,91,172,.42); border-radius: 2.24vw; padding: 1.927vw 2.188vw; -webkit-transition: all .4s ease; transition: all .4s ease; opacity: 0; visibility: hidden } #globalPresence .globalPresenceMain .list .popupContent.right { left: -1.563vw; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translate(-100%) } #globalPresence .globalPresenceMain .list .popupContent .title,#globalPresence .globalPresenceMain .list .popupContent .intro { font-weight: 600; font-size: 1.458vw; color: #08162f; line-height: 1.823vw } #globalPresence .globalPresenceMain .list .popupContent .content { margin-top: 1.146vw } #globalPresence .globalPresenceMain .list .popupContent .content p { font-size: .833vw; color: #2d3d5b; line-height: 1.198vw; margin-bottom: .573vw } #globalPresence .globalPresenceMain .list .popupContent .content p:last-child { margin-bottom: 0 } #globalPresence .globalPresenceMain .list .popupContent .content p img { width: .99vw; height: .99vw; margin-right: .625vw; margin-top: 1px } #globalPresence .globalPresenceMobile { display: none } #faq { padding: 4.375vw 0px 0px } #faq #getInTouch { height: 0px; margin-bottom: 14.583vw } #faq .faqTitle { font-weight: 600; font-size: 2.083vw; color: #0d0d0d; text-transform: capitalize; margin-bottom: 2.969vw } #faq .faqMain ul { border-top: 1px solid rgba(75,105,143,.1) } #faq .faqMain ul li { padding: 0px 2.083vw; border-bottom: 1px solid rgba(75,105,143,.1); -webkit-transition: all .4s ease; transition: all .4s ease; list-style: none } #faq .faqMain ul li .title { padding: 1.667vw 0px; cursor: pointer } #faq .faqMain ul li .title i { width: 1.875vw; height: 1.875vw; text-align: center; line-height: 1.875vw; background: #c40808; border-radius: .26vw; font-weight: 500; font-size: .938vw; color: #fff } #faq .faqMain ul li .title span { font-weight: 500; font-size: 1.042vw; color: #000; margin-left: 1.51vw; margin-right: 5.208vw } #faq .faqMain ul li .title .icon { width: 1.354vw; height: 1.354vw; background: #003d70; border-radius: 50%; position: relative } #faq .faqMain ul li .title .icon:before,#faq .faqMain ul li .title .icon:after { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: #fff; -webkit-transition: all .4s ease; transition: all .4s ease; -webkit-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%; content: ""; display: block } #faq .faqMain ul li .title .icon:before { width: 43%; height: 2px } #faq .faqMain ul li .title .icon:after { width: 2px; height: 43% } #faq .faqMain ul li .introBox { display: none } #faq .faqMain ul li .introBox .intro { padding-right: 11.823vw } #faq .faqMain ul li .introBox .intro i { width: 1.875vw; height: 1.875vw; text-align: center; line-height: 1.875vw; background: #004178; border-radius: .26vw; font-weight: 500; font-size: .938vw; color: #fff } #faq .faqMain ul li .introBox .intro span { margin-left: 1.51vw; font-weight: 300; font-size: .833vw; color: #666; line-height: 1.406vw } #faq .faqMain ul li.active { padding-bottom: 2.604vw; background: #f8fafc } #faq .faqMain ul li.active .title .icon:after { opacity: 0; visibility: visible } #news { padding: 4.583vw 0px 6.771vw; background: #f2f5f7 } #news .newsSearch { margin-bottom: 3.958vw } #news .newsSearch .title { font-weight: 600; font-size: .833vw; color: #323232; margin-right: 1.042vw } #news .newsSearch .select { margin-right: 1.771vw } #news .newsSearch .select input { width: 23.594vw; height: 3.281vw; background: #fff; border-radius: 0; border: 1px solid #E9E9E9; font-size: .833vw; color: #757575; padding: 0px 1.25vw } #news .newsSearch .select .layui-form-select .layui-edge { right: 1.25vw; border-width: 2px; width: .521vw; height: .521vw; border-right-color: #333; border-top-color: #333; border-right-style: solid; -webkit-transition: all .4s ease; transition: all .4s ease; margin-top: -.417vw; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg) } #news .newsSearch .select .layui-input:focus,#news .newsSearch .select .layui-textarea:focus { border-color: rgba(255,255,255,.32) !important; box-shadow: none !important } #news .newsSearch .select .layui-form-select dl { top: 3.802vw } #news .newsSearch .select .layui-form-select dl dd.layui-this { color: #c40808 } #news .newsSearch .select .layui-form-select dl dd,#news .newsSearch .select .layui-form-select dl dt { font-size: .729vw; line-height: 1.875vw } #news .newsSearch .input { width: 23.594vw; height: 3.281vw; background: #fff; border: 1px solid #CC0000; position: relative } #news .newsSearch .input input { width: 20.99vw; height: 3.281vw; padding: 0px 1.25vw 0px 2.448vw; font-size: .833vw; color: #757575 } #news .newsSearch .input i { position: absolute; left: .885vw; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: .938vw; color: #4b4b4b } #news .newsSearch .input .submit { font-weight: 600; position: absolute; top: 0; right: 0; height: 3.281vw; line-height: 3.177vw; text-align: center; width: 5.573vw; background: #c00; font-size: .833vw; color: #fff; cursor: pointer } #news .newsRecommend { margin-bottom: 3.906vw } #news .newsRecommend .swiper-wrapper .swiper-slide { -webkit-transition: all .4s ease; transition: all .4s ease; opacity: 0 !important } #news .newsRecommend .swiper-wrapper .swiper-slide-active { opacity: 1 !important; z-index: 2 !important } #news .newsRecommend .swiper-wrapper .swiper-slide a { background: #fff } #news .newsRecommend .swiper-wrapper .swiper-slide a .image { width: 47.292vw; overflow: hidden } #news .newsRecommend .swiper-wrapper .swiper-slide a .image img { width: 100%; height: 28.229vw; object-fit: cover; -webkit-transition: all .4s ease; transition: all .4s ease } #news .newsRecommend .swiper-wrapper .swiper-slide a .content { padding: 3.177vw 5.26vw 3.125vw 3.646vw } #news .newsRecommend .swiper-wrapper .swiper-slide a .content .tab { display: inline-block; height: 2.396vw; line-height: 2.396vw; font-size: .729vw; padding: 0px 1.354vw; text-transform: capitalize; margin-bottom: 1.823vw } #news .newsRecommend .swiper-wrapper .swiper-slide a .content .tab.blue { color: #fff; background: #004178 } #news .newsRecommend .swiper-wrapper .swiper-slide a .content .tab.red { color: #fff; background: #c40e0e } #news .newsRecommend .swiper-wrapper .swiper-slide a .content .time { font-size: .729vw; color: #383838; margin-bottom: .729vw } #news .newsRecommend .swiper-wrapper .swiper-slide a .content .time i { color: #28387e; margin-right: .365vw } #news .newsRecommend .swiper-wrapper .swiper-slide a .content .title { font-weight: 600; font-size: 1.771vw; color: #333; line-height: 2.083vw; height: 4.167vw; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 1.042vw } #news .newsRecommend .swiper-wrapper .swiper-slide a .content .intro { font-weight: 300; font-size: .938vw; color: #272727; line-height: 1.406vw; height: 4.219vw; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis } #news .newsRecommend .newsRecommendOther { position: absolute; left: 0; bottom: 3.073vw; width: 41.354vw; padding: 0px 3.906vw; z-index: 2 } #news .newsRecommend .newsRecommendOther .pagination { font-weight: 600; font-size: .833vw; color: #e0e0e0 } #news .newsRecommend .newsRecommendOther .pagination .current { color: #004178 } #news .newsRecommend .newsRecommendOther .pagination .progressBar { width: 6.25vw; height: 2px; background: #f2f2f2; position: relative; margin: 0px .729vw } #news .newsRecommend .newsRecommendOther .pagination .progressBar:after { position: absolute; left: 0; top: 0; width: 0%; height: 100%; background: #004178; -webkit-animation: progressBar 4s ease forwards; animation: progressBar 4s ease forwards; content: ""; display: block } #news .newsRecommend .newsRecommendOther .btns .swiper-button-prev,#news .newsRecommend .newsRecommendOther .btns .swiper-button-next { font-size: .938vw; color: rgba(58,58,58,.6); cursor: pointer; -webkit-transition: all .4s ease; transition: all .4s ease } #news .newsRecommend .newsRecommendOther .btns .swiper-button-prev:hover,#news .newsRecommend .newsRecommendOther .btns .swiper-button-next:hover { color: #004178 } #news .newsRecommend .newsRecommendOther .btns .swiper-button-prev i,#news .newsRecommend .newsRecommendOther .btns .swiper-button-next i { display: inline-block } #news .newsRecommend .newsRecommendOther .btns .swiper-button-next { margin-left: 1.25vw } #news .newsRecommend .newsRecommendOther .btns .swiper-button-prev i { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg) } #news .newsTitle { display: inline-block; height: 2.396vw; line-height: 2.396vw; font-size: .729vw; color: #fff; background: #004178; padding: 0px 1.354vw; text-transform: capitalize; margin-bottom: 2.396vw } #news .newsList { margin-bottom: 3.594vw } #news .newsList ul { margin: -1.198vw } #news .newsList ul li { width: calc(33.33% - 2.396vw); margin: 1.198vw; list-style: none } #news .newsList ul li a { display: block; background: #fff } #news .newsList ul li a:hover .content .title { color: #c40808 } #news .newsList ul li a .image { overflow: hidden } #news .newsList ul li a .image img { width: 100%; height: 14.063vw; object-fit: cover; -webkit-transition: all .4s ease; transition: all .4s ease } #news .newsList ul li a .content { padding: 2.135vw 2.24vw 2.188vw } #news .newsList ul li a .content .time { font-size: .729vw; color: #383838; margin-bottom: .729vw } #news .newsList ul li a .content .time i { color: #28387e; margin-right: .365vw } #news .newsList ul li a .content .title { font-weight: 600; font-size: 1.146vw; color: #000; line-height: 1.406vw; margin-bottom: .99vw; height: 2.813vw; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all .4s ease; transition: all .4s ease } #news .newsList ul li a .content .arrow { font-size: .833vw; color: #3a3a3a } #newsDetail { padding: 10.156vw 0px 10.521vw; background: #f5f6f7 } #newsDetail .newsDetailMain { padding: 4.219vw 4.896vw; margin: 2.656vw 4.167vw 0px; background: #fff } #newsDetail .newsDetailMain .newsDetailTitle { padding-bottom: 2.083vw; margin-bottom: 2.135vw; border-bottom: 1px solid rgba(180,180,180,.2) } #newsDetail .newsDetailMain .newsDetailTitle .time { font-size: .729vw; color: #383838; margin-bottom: .729vw } #newsDetail .newsDetailMain .newsDetailTitle .time i { color: #28387e; margin-right: .365vw } #newsDetail .newsDetailMain .newsDetailTitle .content .title { font-weight: 600; font-size: 2.083vw; color: #333; margin-right: 2.604vw } #newsDetail .newsDetailMain .newsDetailTitle .content .share a { display: inline-block; width: 2.292vw; height: 2.292vw; line-height: 2.083vw; text-align: center; border-radius: 50%; font-size: .885vw; border: 2px solid rgba(0,0,0,.1); margin-right: .26vw; -webkit-transition: all .4s ease; transition: all .4s ease } #newsDetail .newsDetailMain .newsDetailTitle .content .share a:last-child { margin-right: 0 } #newsDetail .newsDetailMain .newsDetailTitle .content .share a:hover { color: #fff !important; border-color: #28387e; background: #28387e } #newsDetail .newsDetailMain .newsDetailTitle .content .share a:hover img { -webkit-filter: grayscale(1) brightness(500%); filter: grayscale(1) brightness(500%) } #newsDetail .newsDetailMain .newsDetailTitle .content .share a img { width: .755vw; height: .755vw; margin-top: -2px; -webkit-transition: all .4s ease; transition: all .4s ease } #newsDetail .newsDetailMain .newsDetailTitle .content .share a:nth-child(1) { color: #0b66c1 } #newsDetail .newsDetailMain .newsDetailTitle .content .share a:nth-child(2) { color: #d7120d } #newsDetail .newsDetailMain .newsDetailContent { font-size: .938vw; color: #272727; line-height: 1.563vw; padding: 0px 6.406vw; margin-bottom: 2.604vw } #newsDetail .newsDetailMain .newsDetailContent img,#newsDetail .newsDetailMain .newsDetailContent video,#newsDetail .newsDetailMain .newsDetailContent iframe { display: block; max-width: 100%; width: auto; height: auto; margin: 0 auto } #newsDetail .newsDetailMain .newsDetailContent a { color: #15589e; text-decoration: underline } #newsDetail .newsDetailMain .newsDetailContent ul { margin-bottom: 1em; padding-left: 2em } #newsDetail .newsDetailMain .newsDetailContent p { margin: 1em 0px } #newsDetail .newsDetailMain .newsDetailContent h1 { margin: 0.67em 0px } #newsDetail .newsDetailMain .newsDetailContent h2 { margin: 0.83em 0px } #newsDetail .newsDetailMain .newsDetailContent h3 { margin: 1em 0px } #newsDetail .newsDetailMain .newsDetailContent h4 { margin: 1.33em 0px } #newsDetail .newsDetailMain .newsDetailContent h5 { margin: 1.67em 0px } #newsDetail .newsDetailMain .newsDetailContent h6 { margin: 2.33em 0px } #newsDetail .newsDetailMain .newsDetailTabs { margin: -.313vw 6.198vw } #newsDetail .newsDetailMain .newsDetailTabs span { display: inline-block; height: 2.448vw; line-height: 2.344vw; background: rgba(0,91,172,.024); border-radius: 1.25vw; border: 1px solid rgba(0,91,172,.6); padding: 0px 1.25vw; margin: .313vw; font-size: .833vw; color: #0e1f40 } #newsDetail .newsDetailMain .newsDetailBtns { padding: 2.344vw 4.531vw; margin: 4.896vw -4.167vw 0px; border-top: 1px solid #EBEBEB } #newsDetail .newsDetailMain .newsDetailBtns a { width: 40%; font-size: .938vw; color: #333; -webkit-transition: all .4s ease; transition: all .4s ease; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis } #newsDetail .newsDetailMain .newsDetailBtns a:hover { color: #c40808 } #newsDetail .newsDetailMain .newsDetailBtns a:first-child { text-align: left } #newsDetail .newsDetailMain .newsDetailBtns a:last-child { text-align: right } #join { padding: 4.688vw 0px 6.25vw } #join .joinTitle { font-weight: 600; font-size: 2.083vw; color: #0d0d0d; text-transform: capitalize; margin-bottom: .365vw } #join .joinIntro { margin: 0px 4.688vw 3.646vw } #join .joinIntro .intro { font-weight: 300; font-size: .938vw; color: rgba(39,39,39,.8) } #join .joinIntro .intro a { color: #15589e; text-decoration: underline } #join .joinWork { margin: 0px 4.688vw 3.646vw } #join .joinWork .joinWorkMain { margin-top: 1.042vw } #join .joinWork .joinWorkMain .swiper-wrapper .swiper-slide { min-height: 12.5vw; padding: 3.646vw 2.604vw; text-align: center; background: #eff3f6; border-radius: .625vw } #join .joinWork .joinWorkMain .swiper-wrapper .swiper-slide .title { font-weight: 600; font-size: 1.146vw; color: #333; margin-bottom: .313vw } #join .joinWork .joinWorkMain .swiper-wrapper .swiper-slide .intro { font-size: .729vw; color: #929394; line-height: 1.042vw; height: 3.125vw; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis } #join .joinWork .joinWorkMain .swiper-wrapper .swiper-slide a { color: #15589e; text-decoration: underline } #join .joinWork .joinWorkMain .swiper-pagination { text-align: center; margin-top: 2.083vw } #join .joinWork .joinWorkMain .swiper-pagination .swiper-pagination-bullet { display: inline-block; width: 1.198vw; height: .313vw; border-radius: .313vw; background: #ddd; cursor: pointer; margin: 0px .208vw; -webkit-transition: all .4s ease; transition: all .4s ease; opacity: .6 } #join .joinWork .joinWorkMain .swiper-pagination .swiper-pagination-bullet-active { width: 1.563vw; background: #c40808; opacity: 1 } #join .joinApply { margin: 0px 4.688vw } #join .joinApply .intro { font-weight: 300; font-size: .938vw; color: rgba(39,39,39,.8) } #join .joinApply .intro a { color: #15589e; text-decoration: underline } #join .joinApply .more { display: block; width: 8.854vw; height: 2.552vw; line-height: 2.552vw; text-align: center; font-size: .781vw; color: #fff; border-radius: 1.563vw; background: #c40808; cursor: pointer; -webkit-transition: all .4s ease; transition: all .4s ease; margin-top: 1.563vw } #join .joinApply .more:hover { box-shadow: 0 .521vw 1.042vw rgba(196,8,8,.4) } .joinUsDetailPopup { width: 55.365vw; height: 44.271vw; background: #fff; border-radius: .781vw } .joinUsDetailPopup .layui-layer-setwin { right: 1.881vw; top: 3.763vw } .joinUsDetailPopup .layui-layer-setwin .layui-layer-close2 { display: block; width: 1.035vw; height: 1.035vw; font-size: 1.129vw; color: #000; border: 0px; right: 0; top: 0; padding: 0; background: none; font-weight: 600; -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: .188vw; height: 100% } .joinUsDetailPopup .layui-layer-setwin .layui-layer-close2:before { width: 100%; height: .188vw } #joinUsDetail { padding: 7.338vw 4.233vw 0px 8.467vw } #joinUsDetail .joinUsDetailTitle { padding-bottom: 2.352vw; margin-bottom: 2.258vw; margin-right: 6.585vw; border-bottom: 1px solid #E1E1E1 } #joinUsDetail .joinUsDetailTitle .title { font-weight: 600; font-size: 3.387vw; color: #000; margin-bottom: .847vw } #joinUsDetail .joinUsDetailTitle .info { font-size: 1.505vw; color: #535353 } #joinUsDetail .joinUsDetailTitle .info i { margin-right: 1.129vw } #joinUsDetail .joinUsDetailMain { font-weight: 300; font-size: 1.693vw; color: #000; padding-right: 4.233vw; max-height: 43.744vw; overflow-y: auto } #joinUsDetail .joinUsDetailMain::-webkit-scrollbar { width: 2px; height: 2px; background-color: #dfdfdf } #joinUsDetail .joinUsDetailMain::-webkit-scrollbar-track { border-radius: 2px; background-color: #dfdfdf } #joinUsDetail .joinUsDetailMain::-webkit-scrollbar-thumb { border-radius: 2px; background-color: #015198 } #joinUsDetail .joinUsDetailBtn { margin-top: 4.704vw } #joinUsDetail .joinUsDetailBtn a { display: block; width: 21.449vw; height: 5.362vw; line-height: 5.362vw; font-size: 1.505vw; text-align: center; color: #fff; background: #015198 } #joinUsDetail .joinUsDetailBtn a i { display: inline-block; border: 2px solid #fff; border-radius: 50%; width: 1.51vw; height: 1.51vw; margin-right: .564vw; -webkit-transform: translateY(.188vw); -ms-transform: translateY(.188vw); transform: translateY(.188vw); position: relative } #joinUsDetail .joinUsDetailBtn a i:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: .282vw; height: .282vw; background: #fff; border-radius: 50%; content: ""; display: block } .odmOemTitle .number { font-size: .729vw; color: #fff; width: 2.917vw; height: 1.406vw; text-align: center; line-height: 1.406vw; background: #c40808; border-radius: .677vw; margin-right: .781vw } .odmOemTitle .title { font-weight: 600; font-size: 2.083vw; color: #000 } #endToEndService { padding: 4.844vw 0px; position: relative } #endToEndService .endToEndServiceMain { height: 27.448vw; position: relative; margin-top: 1.406vw } #endToEndService .endToEndServiceMain .bigTitle { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); margin: 0 auto } #endToEndService .endToEndServiceMain .bigTitle .title { font-weight: 600; font-size: 1.25vw; color: #fff; line-height: 1.51vw; width: 12.5vw; height: 12.5vw; text-align: center; background: #004178; border-radius: 50%; padding: 1.042vw } #endToEndService .endToEndServiceMain .bigTitle span { width: 70%; height: 70%; border-radius: 50%; background: rgba(0,65,120,.11); position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: -1; -webkit-animation: amplify1 3s linear infinite; animation: amplify1 3s linear infinite } #endToEndService .endToEndServiceMain .bigTitle span:nth-child(1) { -webkit-animation-delay: -1s; animation-delay: -1s } #endToEndService .endToEndServiceMain .bigTitle span:nth-child(2) { -webkit-animation-delay: -2s; animation-delay: -2s } #endToEndService .endToEndServiceMain .bigTitle span:nth-child(3) { -webkit-animation-delay: -3s; animation-delay: -3s } #endToEndService .endToEndServiceMain .bigTitle:after { position: absolute; left: calc(50% - 13.724vw); top: calc(50% - 13.724vw); width: 27.448vw; height: 27.448vw; background: url("img/endToEndServiceEl.png") no-repeat center/cover; -webkit-animation: rotate 10s linear infinite; animation: rotate 10s linear infinite; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; content: ""; display: block } #endToEndService .endToEndServiceMain .list { position: absolute; width: 32.969vw } #endToEndService .endToEndServiceMain .list:nth-child(odd) .icon { margin-right: 1.354vw } #endToEndService .endToEndServiceMain .list:nth-child(2n) .icon { margin-left: 1.354vw } #endToEndService .endToEndServiceMain .list:nth-of-type(2) { left: .313vw; top: 6.094vw } #endToEndService .endToEndServiceMain .list:nth-of-type(3) { right: .313vw; top: 6.094vw } #endToEndService .endToEndServiceMain .list:nth-of-type(4) { left: .313vw; bottom: 3.49vw } #endToEndService .endToEndServiceMain .list:nth-of-type(5) { right: .313vw; bottom: 3.49vw; } #endToEndService .endToEndServiceMain .list .icon { width: 3.594vw; height: 3.594vw; text-align: center; line-height: 3.49vw; background: #fff; border-radius: 50%; border: 1px dashed #6B7C8B; display: flex; justify-content: center; align-items: center; } #endToEndService .endToEndServiceMain .list .icon img { width: 1.823vw; height: 1.823vw } #endToEndService .endToEndServiceMain .list .content .title { font-weight: 600; font-size: 1.146vw; color: #000; margin-bottom: .365vw } #endToEndService .endToEndServiceMain .list .content .intro { font-weight: 300; font-size: .938vw; color: #272727; line-height: 1.406vw; height: 4.219vw } #hardwareDesign { padding: 4.74vw 0px; background: #fafafa } #hardwareDesign .hardwareDesignLeft { margin-right: 5.208vw } #hardwareDesign .hardwareDesignLeft .contnet { margin-top: 1.354vw; font-weight: 300; font-size: .938vw; color: #272727; line-height: 1.406vw } #hardwareDesign .hardwareDesignLeft .contnet .title { font-weight: 600; font-size: 1.146vw; color: #000; margin-bottom: .417vw } #hardwareDesign .hardwareDesignLeft .contnet .intro { font-weight: 300; font-size: .938vw; color: #272727; line-height: 1.406vw; margin-bottom: 1.302vw } #hardwareDesign .hardwareDesignLeft .contnet strong { font-weight: 600 } #hardwareDesign .hardwareDesignLeft .contnet p { margin-bottom: 1em } #hardwareDesign .hardwareDesignLeft .contnet p:last-child { margin-bottom: 0px } #hardwareDesign .hardwareDesignLeft .contnet ul { margin-bottom: 1em; padding-left: 2.083vw } #hardwareDesign .hardwareDesignRihgt { width: 51.615vw } #hardwareDesign .hardwareDesignRihgt img { width: 100%; height: auto } #softwareDesign { padding: 4.063vw 0px; position: relative } #softwareDesign .softwareDesignMain { font-weight: 300; font-size: .938vw; color: #272727; line-height: 1.406vw; margin-top: .885vw } #softwareDesign .softwareDesignMain .title { font-weight: 600; font-size: 1.146vw; color: #000; margin-bottom: .573vw } #softwareDesign .softwareDesignMain img { display: block; max-width: 100%; width: auto; height: auto; margin: 0 auto } #idAndMdDesign { padding: 4.688vw 0px 5.521vw } #idAndMdDesign .idAndMdDesignMain { font-weight: 300; font-size: .938vw; color: #272727; line-height: 1.406vw; margin-top: .885vw } #idAndMdDesign .idAndMdDesignMain .title { font-weight: 600; font-size: 1.146vw; color: #000; margin-bottom: .573vw } #idAndMdDesign .idAndMdDesignMain img { display: block; max-width: 100%; width: auto; height: auto; margin: 0 auto } #customizedSolutions { padding: 4.74vw 0px 5.521vw; position: relative } #customizedSolutions a { color: #15589e; text-decoration: underline } #customizedSolutions .customizedSolutionsMain { margin: 2.813vw -.339vw -.339vw } #customizedSolutions .customizedSolutionsMain .list { margin: .339vw; min-height: 12.344vw; padding: .833vw 0px 0px; text-align: center; background: #fff; border-radius: .417vw } #customizedSolutions .customizedSolutionsMain .list:nth-child(1) { width: 20.65vw; height: 25.781vw; padding: 3.385vw 0px 0px } #customizedSolutions .customizedSolutionsMain .list:nth-child(1) img { width: 18.698vw; height: 12.5vw } #customizedSolutions .customizedSolutionsMain .list:nth-child(1) p { margin-top: 5.521vw } #customizedSolutions .customizedSolutionsMain .list:nth-child(2) { width: 18.854vw } #customizedSolutions .customizedSolutionsMain .list:nth-child(3) { width: 18.854vw } #customizedSolutions .customizedSolutionsMain .list:nth-child(4) { width: 28.125vw } #customizedSolutions .customizedSolutionsMain .list:nth-child(5) { width: 28.125vw; margin-left: 21.696vw; margin-top: -12.682vw } #customizedSolutions .customizedSolutionsMain .list:nth-child(6) { width: 18.802vw; margin-top: -12.682vw } #customizedSolutions .customizedSolutionsMain .list:nth-child(7) { width: 18.802vw; margin-top: -12.682vw } #customizedSolutions .customizedSolutionsMain .list img { width: 16.615vw; height: 7.917vw } #customizedSolutions .customizedSolutionsMain .list p { font-weight: 600; font-size: 1.146vw; color: #000; margin-top: .833vw } #productRegulatoryAndCompliance { padding: 5vw 0px 0px } #productRegulatoryAndCompliance a { color: #15589e; text-decoration: underline } #productRegulatoryAndCompliance .productRegulatoryAndComplianceMain { font-weight: 300 !important; font-size: .938vw; color: #323232; line-height: 1.146vw; margin-top: 1.771vw } #productRegulatoryAndCompliance .productRegulatoryAndComplianceMain span { font-size: .938vw !important; color: #323232; line-height: 1.146vw !important } #productRegulatoryAndCompliance .productRegulatoryAndComplianceMain>ul { margin: -1.042vw } #productRegulatoryAndCompliance .productRegulatoryAndComplianceMain>ul>li { width: calc(33.33% - 2.083vw); min-height: 8.333vw; margin: 1.042vw; padding: 1.563vw .729vw; background: #e5eef5; list-style: none } #productRegulatoryAndCompliance .productRegulatoryAndComplianceMain>ul>li.long { width: calc(40% - 1.042vw) } #productRegulatoryAndCompliance .productRegulatoryAndComplianceMain>ul>li .icon { width: 4.792vw; margin-left: .521vw } #productRegulatoryAndCompliance .productRegulatoryAndComplianceMain>ul>li .icon img { width: 4.271vw; height: 4.271vw } #productRegulatoryAndCompliance .productRegulatoryAndComplianceMain>ul>li .intro { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 1.042vw; color: #000; line-height: 1.458vw; margin-left: 1.042vw } #productRegulatoryAndCompliance .productRegulatoryAndComplianceMain>ul>li .intro span { font-size: 1.042vw !important; line-height: 1.458vw !important } #productRegulatoryAndCompliance .productRegulatoryAndComplianceMain>ul>li .intro strong { font-weight: 600 } #productRegulatoryAndCompliance .productRegulatoryAndComplianceMain>ul>li .intro p { margin-bottom: 1em } #productRegulatoryAndCompliance .productRegulatoryAndComplianceMain>ul>li .intro ul { margin-bottom: 1em; padding-left: 2.083vw } #serviceProcess { padding: 4.635vw 0px 5.104vw; position: relative } #serviceProcess .serviceProcessMain { margin-top: 2.396vw } #serviceProcess .serviceProcessMain img { display: block; max-width: 100%; width: auto; height: auto; margin: 0 auto } #developmentAbility { padding: 4.844vw 0px 0px } #developmentAbility .developmentAbilityMain { margin-top: 1.823vw; margin-bottom: 5.208vw } #developmentAbility .developmentAbilityMain .swiper-wrapper { margin: -1.042vw -.521vw } #developmentAbility .developmentAbilityMain .swiper-wrapper .swiper-slide { width: calc(25% - 1.042vw); margin: 1.042vw .521vw } #developmentAbility .developmentAbilityMain .swiper-wrapper .swiper-slide .image img { width: 100%; height: 10.99vw; object-fit: cover } #developmentAbility .developmentAbilityMain .swiper-wrapper .swiper-slide .content { margin-top: 1.042vw } #developmentAbility .developmentAbilityMain .swiper-wrapper .swiper-slide .content .title { font-size: 1.146vw; color: #000; margin-bottom: .313vw } #developmentAbility .developmentAbilityMain .swiper-wrapper .swiper-slide .content .intro { font-weight: 300; font-size: .885vw; color: #272727; line-height: 1.667vw } #developmentAbility .developmentAbilityOther { margin: -1.042vw } #developmentAbility .developmentAbilityOther .list { width: calc(50% - 2.083vw); margin: 1.042vw; padding: .365vw .469vw; background: #f1f5f9; border-radius: .208vw; position: relative; -webkit-transition: all .4s ease; transition: all .4s ease } #developmentAbility .developmentAbilityOther .list:after { position: absolute; left: 0; top: 0; width: 6.406vw; height: 6.302vw; background: url(../images/developmentAbilityOtherEl.png) no-repeat center/cover; content: ""; display: block } #developmentAbility .developmentAbilityOther .list:hover { background: #004178 } #developmentAbility .developmentAbilityOther .list:hover .content .title { color: #fff } #developmentAbility .developmentAbilityOther .list:hover .content .more { border-color: #fff; color: #fff } #developmentAbility .developmentAbilityOther .list .content { padding: 0px 2.083vw } #developmentAbility .developmentAbilityOther .list .content .title { font-weight: 600; font-size: 1.771vw; color: #020f14; line-height: 2.292vw; margin-bottom: 2.083vw; -webkit-transition: all .4s ease; transition: all .4s ease } #developmentAbility .developmentAbilityOther .list .content .more { display: block; width: 10.313vw; height: 2.396vw; line-height: 2.292vw; text-align: center; font-size: .677vw; color: #394347; border-radius: 1.458vw; border: 1px solid #394347; -webkit-transition: all .4s ease; transition: all .4s ease } #developmentAbility .developmentAbilityOther .list .content .more:hover { background: #c40808; border-color: #c40808 } #developmentAbility .developmentAbilityOther .list .content .more span { font-weight: 600; margin-right: 3.594vw } #developmentAbility .developmentAbilityOther .list .content .more i { display: inline-block; font-size: .938vw; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } #developmentAbility .developmentAbilityOther .list .image { width: 21.771vw; border-radius: .208vw; overflow: hidden } #developmentAbility .developmentAbilityOther .list .image img { width: 100%; height: 14.271vw; object-fit: cover; -webkit-transition: all .4s ease; transition: all .4s ease } #contactus { padding: 10.417vw 0px 5.469vw; background: #f2f5f7 } #contactus .contactusForm { margin-left: 2.604vw; margin-right: 4.688vw; padding: 3.75vw 4.427vw 3.125vw; background: #fff; border-radius: .781vw; overflow: hidden } #contactus .contactusForm .contactusFormTitle { text-align: center; margin-bottom: 1.302vw } #contactus .contactusForm .contactusFormTitle .title { font-weight: 600; font-size: 2.083vw; color: #c40808; margin-bottom: .6771vw } #contactus .contactusForm .contactusFormTitle .intro { font-size: .729vw; color: #929394 } #contactus .contactusForm .contactusFormMain .wrapper { padding: .833vw 0px } #contactus .contactusForm .contactusFormMain .wrapper:last-child { border-bottom: 0px } #contactus .contactusForm .contactusFormMain .wrapper:nth-child(8) { padding-bottom: 0; border-bottom: 0px } #contactus .contactusForm .contactusFormMain .wrapper .list { margin-right: .938vw } #contactus .contactusForm .contactusFormMain .wrapper .list:last-child { margin-right: 0 } #contactus .contactusForm .contactusFormMain .wrapper .list .title { font-weight: 600; font-size: .833vw; color: #000; line-height: 1.25vw; height: 1.25vw; margin-bottom: 1.042vw } #contactus .contactusForm .contactusFormMain .wrapper .list .title span { color: #e92121; margin-right: .156vw } #contactus .contactusForm .contactusFormMain .wrapper .list .intro { font-size: .729vw; color: #666; margin-top: .521vw } #contactus .contactusForm .contactusFormMain .wrapper .list .intro a { color: #15589e; text-decoration: underline } #contactus .contactusForm .contactusFormMain .wrapper .list .input .inputCheck { width: 50%; margin: .313vw 0px } #contactus .contactusForm .contactusFormMain .wrapper .list .input input,#contactus .contactusForm .contactusFormMain .wrapper .list .input textarea { width: 100%; font-size: .729vw; color: #767474; background: #f7f7f7; border: 0px } #contactus .contactusForm .contactusFormMain .wrapper .list .input input { height: 2.344vw; padding: 0px 1.094vw } #contactus .contactusForm .contactusFormMain .wrapper .list .input textarea { height: 9.375vw; padding: .625vw 1.094vw; border-radius: .625vw } #contactus .contactusForm .contactusFormMain .wrapper .list .input .layui-form-select .layui-edge { right: .938vw } #contactus .contactusForm .contactusFormMain .wrapper .list .input .layui-input:focus,#contactus .contactusForm .contactusFormMain .wrapper .list .input .layui-textarea:focus { border-color: rgba(255,255,255,.32) !important; box-shadow: none !important } #contactus .contactusForm .contactusFormMain .wrapper .list .input .layui-form-select dl { top: 2.865vw; min-height: 160px } #contactus .contactusForm .contactusFormMain .wrapper .list .input .layui-form-select dl dd.layui-this { color: #0151aa } #contactus .contactusForm .contactusFormMain .wrapper .list .input .layui-form-select dl dd,#contactus .contactusForm .contactusFormMain .wrapper .list .input .layui-form-select dl dt { font-size: .729vw; line-height: 1.875vw } #contactus .contactusForm .contactusFormMain .wrapper .list .input .layui-form-checked[lay-skin=primary]>i { border-color: #0151aa !important; background-color: #0151aa } #contactus .contactusForm .contactusFormMain .wrapper .list .input .layui-form-checkbox[lay-skin=primary]:hover>i { border-color: #0151aa !important } #contactus .contactusForm .contactusFormMain .wrapper .list .input .layui-form-checkbox>div { font-size: .729vw; border-radius: 2px 0 0 2px } #contactus .contactusForm .contactusFormMain .wrapper .list .input .layui-form-checkbox[lay-skin=primary]>div { margin-top: -1px; padding-right: .781vw; line-height: .938vw } #contactus .contactusForm .contactusFormMain .wrapper .list .input .layui-form-checkbox[lay-skin=primary]>i { width: .833vw; height: .833vw; line-height: .729vw; font-size: .625vw; border-radius: 2px } #contactus .contactusForm .contactusFormMain .wrapper .list .input .layui-form-checkbox[lay-skin=primary] { min-width: .938vw; min-height: .938vw; padding-left: 1.458vw; margin-right: 1.719vw } #contactus .contactusForm .contactusFormMain .wrapper .list .input .layui-form-checkbox[lay-skin=primary]:last-child { margin-right: 0 } #contactus .contactusForm .contactusFormMain .wrapper .submit { width: 8.854vw; height: 2.552vw; line-height: 2.552vw; text-align: center; font-size: .781vw; color: #fff; border-radius: 1.563vw; background: #c40808; cursor: pointer; -webkit-transition: all .4s ease; transition: all .4s ease; margin-top: 1.563vw } #contactus .contactusForm .contactusFormMain .wrapper .submit:hover { box-shadow: 0 .521vw 1.042vw rgba(196,8,8,.4) } #contactus .contactusOther { width: 15.625vw; margin-left: 4.688vw } #contactus .contactusOther ul li { padding: 1.25vw 0px; border-bottom: 1px solid #eee; overflow: hidden; list-style: none } #contactus .contactusOther ul li:last-child { border-bottom: 0px } #contactus .contactusOther ul li .title { font-size: 1.042vw; color: #000; margin-bottom: .781vw } #contactus .contactusOther ul li a { font-size: .729vw; color: #000; margin-bottom: .625vw; -webkit-transition: all .4s ease; transition: all .4s ease } #contactus .contactusOther ul li a:last-child { margin-bottom: 0 } #contactus .contactusOther ul li a:hover { color: #004178 } #contactus .contactusOther ul li img { width: .885vw; height: .885vw; margin-right: .521vw; margin-top: 1px } .searchAllBg { padding: 10.25vw 0px 3.125vw } .searchAllBg .searchAll .noDataIcon { display: block; margin: 0 auto; width: auto; height: 18.229vw } .searchAllBg .searchAll .searchAllInput { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 3.385vw; margin-bottom: 2.188vw; -webkit-transition: all .3s ease; transition: all .3s ease } .searchAllBg .searchAll .searchAllInput.focus { box-shadow: 0 0 0 .208vw rgba(196,8,8,.2) } .searchAllBg .searchAll .searchAllInput.focus input { border-color: #c40808 } .searchAllBg .searchAll .searchAllInput input { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-weight: 300; font-size: 1.042vw; color: #333; padding: 0px 1.563vw; border: 1px solid #cfcfcf; background: #fff; -webkit-transition: all .3s ease; transition: all .3s ease } .searchAllBg .searchAll .searchAllInput .submit { 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: 4.583vw; height: 100%; font-size: 1.25vw; color: #fff; background: #c40808; cursor: pointer } .searchAllBg .searchAll .searchAllSelect { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: .833vw } .searchAllBg .searchAll .highlight { color: #c40808 } .searchAllBg .searchAll .searchAllKey { font-size: 1.875vw; font-weight: 600; color: #000; margin-bottom: .5208vw } .searchAllBg .searchAll .searchAllSelect .searchAllSelectLeft { font-size: .938vw; color: #333 } .searchAllBg .searchAll .searchAllSelect .searchAllSelectRight { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .searchAllBg .searchAll .searchAllSelect .searchAllSelectRight .title { font-size: .885vw; color: #333; margin-right: .521vw } .searchAllBg .searchAll .searchAllSelect .searchAllSelectRight .input .layui-input { width: 7.604vw; height: 1.667vw; border-color: #cfcfcf } .searchAllBg .searchAll .searchAllSelect .searchAllSelectRight .input .layui-input:focus { border-color: #c40808 !important; box-shadow: 0 0 0 .156vw rgba(196,8,8,.08) } .searchAllBg .searchAll .searchAllSelect .searchAllSelectRight .input .layui-form-select dl dd.layui-this { color: #c40808 } .searchAllBg .searchAll .searchAllMain ul li { list-style: none } .searchAllBg .searchAll .searchAllMain ul li a { display: block; padding: 1.198vw 1.458vw 1.771vw; border-bottom: 1px solid #DCDDDE; -webkit-transition: all .4s ease; transition: all .4s ease } .searchAllBg .searchAll .searchAllMain ul li a:hover { background: #f5f6f8 } .searchAllBg .searchAll .searchAllMain ul li a:hover .source { color: #c40808 } .searchAllBg .searchAll .searchAllMain ul li a .subTitle { font-size: .729vw; color: #727272; margin-bottom: 1px } .searchAllBg .searchAll .searchAllMain ul li a .title { font-size: 1.354vw; color: #333; line-height: 1.667vw; font-weight: 700; margin-bottom: .729vw } .searchAllBg .searchAll .searchAllMain ul li a .intro { font-size: .833vw; color: #727272; line-height: 1.146vw; margin-bottom: 1.094vw } .searchAllBg .searchAll .searchAllMain ul li a .intro span { color: #c40808; font-weight: 700 } .searchAllBg .searchAll .searchAllMain ul li a .source { 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: .885vw; color: #b5b4b4; -webkit-transition: all .4s ease; transition: all .4s ease } .searchAllBg .searchAll .searchAllMain ul li a .source i { font-size: .729vw; margin: 0px .313vw } .listFrameworkBox { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .listFrameworkBox .listFramework { position: -webkit-sticky; position: -webkit-sticky; position: sticky; top: 6.25vw; padding-bottom: 5.208vw; width: 16.0256410256% } .listFrameworkBox .listFramework .oneLevel:last-child .oneLevelTitle { margin-bottom: 0 } .listFrameworkBox .listFramework .oneLevel.active .oneLevelTitle .title { color: #c40808 } .listFrameworkBox .listFramework .oneLevel.active .oneLevelTitle .icon { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); color: #c40808 } .listFrameworkBox .listFramework .oneLevel .oneLevelTitle { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-bottom: .677vw; margin-bottom: .833vw; border-bottom: 1px solid #E5E5E5 } .listFrameworkBox .listFramework .oneLevel .oneLevelTitle .title { font-weight: 600; font-size: .938vw; color: #333; -webkit-transition: all .4s ease; transition: all .4s ease } .listFrameworkBox .listFrameworkRight { width: 77.5641025641% } @media (max-width: 768px) { @-webkit-keyframes translateX { 0% { -webkit-transform:translateX(0px); transform: translate(0) } to { -webkit-transform: translate(-40px); transform: translate(-40px) } } @keyframes translateX { 0% { -webkit-transform: translateX(0px); transform: translate(0) } to { -webkit-transform: translate(-40px); transform: translate(-40px) } } .fadeInUp { opacity: 1 } .leftOffset { left: -260px !important } .content1820,.content1700,.content1600,.content1250 { width: calc(100% - 40px) } .header { height: 60px; line-height: 60px } .header .headerLogo { height: 60px; position: relative; z-index: 2 } .header .headerLogo a { width: 142px; height: 40px } .header .headerMain .headerNav { display: none } .header .headerMain .headerOther { margin-left: 0; width: 100%; height: 60px } .header .headerMain .headerOther .searchBtn { width: auto; height: auto; line-height: 1; border-radius: 0; font-size: 22px; margin-right: 12px; background: none } .header .headerMain .headerOther .langBtn { font-size: 24px; margin-right: 12px } .header .headerMain .headerOther .langBtn i { margin-right: 0 } .header .headerMain .headerOther .langBtn b { display: none; width: 7px; height: 4px; -webkit-transform: rotate(180deg) translateY(6px); -ms-transform: rotate(180deg) translateY(6px); transform: rotate(180deg) translateY(6px) } .header .headerMain .headerOther .langBtn .popup { top: 50px; border-radius: 6px; box-shadow: 0 0 10px #ddd; min-width: 60px } .header .headerMain .headerOther .langBtn .popup:after { width: 10px; height: 6px; top: 1px } .header .headerMain .headerOther .langBtn .popup a { font-size: 13px; line-height: 26px; margin-bottom: 2px } .header .headerMain .headerOther .langBtn .popup a:first-child { border-radius: 6px 6px 0 0 } .header .headerMain .headerOther .langBtn .popup a:last-child { border-radius: 0 0 6px 6px } .header .headerMain .headerOther .menusBtn { display: block; cursor: pointer; margin-top: 1px } .header .headerMain .headerOther .menusBtn.active span:nth-child(1) { opacity: 0; visibility: hidden } .header .headerMain .headerOther .menusBtn.active span:nth-child(2) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .header .headerMain .headerOther .menusBtn.active span:nth-child(3) { width: 23px; -webkit-transform: rotate(-45deg) translate(5px,-5px); -ms-transform: rotate(-45deg) translate(5px,-5px); transform: rotate(-45deg) translate(5px,-5px) } .header .headerMain .headerOther .menusBtn span { display: block; height: 2px; background: #fff; border-radius: 1px; -webkit-transition: all .4s ease; transition: all .4s ease } .header .headerMain .headerOther .menusBtn span:nth-child(1) { width: 23px; margin-bottom: 5px } .header .headerMain .headerOther .menusBtn span:nth-child(2) { width: 23px; margin-bottom: 5px } .header .headerMain .headerOther .menusBtn span:nth-child(3) { width: 18px } .header.headerMask { height: 60px; line-height: 60px; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); box-shadow: 0 0 10px #ddd } .header.headerMask .headerLogo a { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .header.headerMask .headerMain .headerOther .menusBtn span { background: #333 } .header.headerMask .headerMain .headerOther .searchBtn { color: #333 } .header.headerMask .headerMain .headerOther .langBtn .popup { top: 50px; box-shadow: 0 0 10px #ddd } .headerSearchformMain .headerSearchform { padding: 40px 0 } .headerSearchformMain .headerSearchform form { max-width: calc(100% - 40px) } .headerSearchformMain .headerSearchform form input { height: 50px; font-size: 15px; border-radius: 40px; padding-left: 20px } .headerSearchformMain .headerSearchform form button { width: 50px; height: 50px; font-size: 20px } .headerSearchformMain .headerSearchform form button:hover { box-shadow: 0 5px 10px rgba(196,8,8,.4) } .headerSearchformMain .headerSearchform form .closeSearch { font-size: 20px } .mobileHeader { position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; display: block; -webkit-transition: all .4s cubic-bezier(.4,.01,.165,.99); transition: all .4s cubic-bezier(.4,.01,.165,.99) } .mobileHeader.leftOffset .column { right: 0 } .mobileHeader .column { position: fixed; right: -260px; top: 0; width: 260px; height: 100%; overflow-y: auto; background: #fafafa; padding-top: 60px; -webkit-transition: right .4s cubic-bezier(.4,.01,.165,.99); transition: right .4s cubic-bezier(.4,.01,.165,.99) } .mobileHeader .column .wrapper { border-bottom: 1px 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: 15px; color: #333; padding: 14px 25px; min-height: 50px; text-transform: uppercase; position: relative } .mobileHeader .column .wrapper .oneLevel .oneLevelTitle .title a:before { width: 8px; height: 8px; border-radius: 50%; border: 1px solid #D8D8D8; margin-right: 15px; 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: 0; right: 0; width: 40px; height: 100% } .mobileHeader .column .wrapper .oneLevel .oneLevelTitle .icon i { display: block; width: 12px; height: 12px; 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 .4s cubic-bezier(.4,.01,.165,.99); transition: all .4s cubic-bezier(.4,.01,.165,.99); content: ""; display: block } .mobileHeader .column .wrapper .oneLevel .oneLevelTitle .icon i:before { width: 2px; height: 100% } .mobileHeader .column .wrapper .oneLevel .oneLevelTitle .icon i:after { width: 100%; height: 2px } .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: 1px 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 .new { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 53px; width: 34px; height: auto } .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: 14px; color: #333; padding: 15px 100px 15px 25px } .mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .title a:before { width: 5px; height: 5px; border-top: 1px solid #999; border-left: 1px solid #999; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); margin-right: 19px; 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: 0; right: 0; width: 40px; height: 100% } .mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .icon i { display: block; width: 12px; height: 12px; 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 .4s cubic-bezier(.4,.01,.165,.99); transition: all .4s cubic-bezier(.4,.01,.165,.99); content: ""; display: block } .mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .icon i:before { width: 2px; height: 100% } .mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .icon i:after { width: 100%; height: 2px } .mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelMain { display: none; background: #fafafa } .mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelMain a { display: block; font-size: 14px; color: #333; padding: 15px 50px; border-bottom: 1px solid #EBEBEB; position: relative } .mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelMain a:last-child { border-bottom: 0px } .mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelMain a .new { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 16px; width: 28px; height: auto } #footer { padding: 35px 0 20px } #footer.footerHeight { padding-top: 35px } #footer .footerHead { padding-bottom: 28px; margin-bottom: 20px } #footer .footerHead .footerHeadLeft { width: 100% } #footer .footerHead .footerHeadLeft .logo { display: none; margin-bottom: 27px } #footer .footerHead .footerHeadLeft .logo img { height: 71px } #footer .footerHead .footerHeadRight { width: calc(100% + 10px); margin: 0 0 0 -5px } #footer .footerHead .footerHeadRight .subscribeEmail { margin-top: 0; margin-bottom: 0 } #footer .footerHead .footerHeadRight .subscribeEmail .input input { height: 42px; font-size: 13px; color: #333; background: #fff; border: 0px; border-radius: 30px; padding: 0 55px 0 15px } #footer .footerHead .footerHeadRight .subscribeEmail .input input::-webkit-input-placeholder { font-size: 13px; color: #333 } #footer .footerHead .footerHeadRight .subscribeEmail .input input::-moz-placeholder { font-size: 13px; color: #333 } #footer .footerHead .footerHeadRight .subscribeEmail .input input:-ms-input-placeholder { font-size: 13px; color: #333 } #footer .footerHead .footerHeadRight .subscribeEmail .input input::placeholder { font-size: 13px; color: #333 } #footer .footerHead .footerHeadRight .subscribeEmail .input .submit { right: 18px; top: 42%; font-size: 16px; color: #004178 } #footer .footerHead .footerHeadRight .subscribeEmail .intro { display: none; font-size: 14px; margin-top: 6px } #footer .footerMain { margin-bottom: 10px } #footer .footerMain .footerMainLeft { margin-right: 0 } #footer .footerMain .footerMainLeft .list { display: none; margin-bottom: 31px } #footer .footerMain .footerMainLeft .list .title img { width: 17px; height: 17px; margin-right: 9px } #footer .footerMain .footerMainLeft .list .title span { font-size: 16px; font-weight: 600 } #footer .footerMain .footerMainLeft .list .intro { font-size: 14px } #footer .footerMain .footerMainLeft .shareBox a { width: 39px; height: 39px; border-radius: 4px; margin-right: 7px } #footer .footerMain .footerMainLeft .shareBox a img { width: 37px; height: 37px } #footer .footerMain .footerMainRight { display: none } #footer .footerMain .footerMainRight dl { margin-right: 70px } #footer .footerMain .footerMainRight dl dt a { font-size: 16px } #footer .footerMain .footerMainRight dl dd a { font-size: 14px; line-height: 29px } #footer .footerOther .copyright,#footer .footerOther .copyright a { font-size: 12px } #footer .footerOther .footerContact { display: none } #slidebar .slidebarBtn { width: 38px; height: 114px; padding: 15px; font-size: 14px; border-radius: 5px 0 0 5px; box-shadow: 0 0 7px rgba(0,0,0,.3) } #slidebar .slidebarBtn br { display: none } #slidebar .slidebarBtn span { position: absolute; left: -24px; top: 49px; display: inline-block; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); white-space: nowrap } #slidebar .slidebarMain { width: 320px; padding: 5px 20px; margin-right: -320px } #slidebar .slidebarMain ul li { padding: 8px 0 } #slidebar .slidebarMain ul li .title { font-size: 16px } #slidebar .slidebarMain ul li .intro { font-size: 14px; margin-bottom: 5px } #slidebar .slidebarMain ul li .more { font-size: 15px; margin: 12px 0 0 } #slidebar .slidebarMain ul li .more img { width: 20px; margin-right: 6px } #slidebar .slidebarMain .other { padding: 10px 0 15px } #slidebar .slidebarMain .other .title { font-size: 16px; margin-bottom: 4px } #slidebar .slidebarMain .other .subTitle { font-size: 13px; margin-left: 13px } #slidebar .slidebarMain .other .intro { font-size: 13px; margin-left: 26px } #pagingMian .paging { display: none } #pagingMian .mobileLoadMore { display: block; text-align: center } #pagingMian .mobileLoadMore a { display: inline-block; min-width: 105px; height: 40px; text-align: center; line-height: 36px; border-radius: 30px; font-size: 12px; position: relative; margin-top: 0; padding: 0 34px; border: 2px solid #004178; -webkit-transition: all .4s ease; transition: all .4s ease; color: #313245 } #pagingMian .mobileLoadMore a span:after { position: absolute; left: -2px; top: -2px; width: calc(100% + 4px); height: 40px; content: ""; display: block; background: #004178; border-radius: 30px; -webkit-transition: all .4s ease; transition: all .4s ease; opacity: 0; visibility: hidden; z-index: -1 } #pagingMian .mobileLoadMore a:hover { color: #fff !important; border-color: transparent !important; box-shadow: 0 8px 14px #004178 } #pagingMian .mobileLoadMore a:hover span:after { opacity: 1; visibility: visible } #pagingMian .mobileLoadMore a .icon { display: none } .indexTitle .title { font-size: 12px; margin-bottom: 5px } .indexTitle .intro { font-size: 32px; line-height: 35px } .indexTitle .desc { font-size: 14px; line-height: 22px; margin-top: 6px } #banner .swiper-wrapper .swiper-slide .image img { height: 173.43vw } #banner .swiper-wrapper .swiper-slide .content { top: 21% } #banner .swiper-wrapper .swiper-slide .content .tab { font-size: 24px; width: 115px; height: 41px; line-height: 41px; margin-bottom: 10px } #banner .swiper-wrapper .swiper-slide .content .title { font-size: 35px; line-height: 39px; margin-bottom: 12px } #banner .swiper-wrapper .swiper-slide .content .title br { display: none } #banner .swiper-wrapper .swiper-slide .content .intro { font-size: 13px; line-height: 20px; margin-bottom: 25px } #banner .swiper-wrapper .swiper-slide .content .intro br { display: none } #banner .swiper-wrapper .swiper-slide .content .more { width: 153px; height: 42px; line-height: 40px; font-size: 13px; border-radius: 28px } #banner .swiper-wrapper .swiper-slide .content .more:hover { box-shadow: 0 10px 20px rgba(196,8,8,.7) } #banner .swiper-wrapper .swiper-slide .content .more span { margin-right: 33px } #banner .swiper-wrapper .swiper-slide .content .more i { font-size: 14px } #banner .swiper-pagination { bottom: 35px; width: 100%; text-align: center } #banner .swiper-pagination .swiper-pagination-bullet { width: 14px; height: 3px; border-radius: 2px; margin-right: 4px } #banner .swiper-pagination .swiper-pagination-bullet-active { width: 25px } #indexProducts { min-height: auto; padding: 50px 0 } #indexProducts .indexProductsList { margin: 20px -4.5px 23px } #indexProducts .indexProductsList .list { width: calc(33.33% - 9px); height: 41px; line-height: 39px; border-radius: 34px; margin: 4.5px; font-size: 14px } #buttonitem { min-height: auto; padding: 10px 0 } #buttonitem .indexProductsList { margin: 10px -4.5px 23px; } #buttonitem .indexProductsList .list { width: calc(33.33% - 9px); height: 41px; line-height: 39px; border-radius: 34px; margin: 4.5px; font-size: 14px } #indexProducts .indexProductsMainBox .indexProductsMain { width: calc(100% + 12px); margin-left: -6px; margin-top: 0; padding-top: 7px } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide { width: 50%; height: auto; padding: 0 6px } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide:last-child { display: none } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide.active { width: 100% } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide .list { height: auto; border-radius: 4px; padding: 40px 0 20px } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide .list .tag { top: 10px; left: 10px; font-size: 11px; padding: 0 10px; line-height: 26px; border-radius: 30px } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide .list .image { text-align: center; margin-bottom: 6px } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide .list .image img { width: 135px; height: 135px } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide .list .content { padding: 0 20px } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide .list .content .title { font-size: 16px; margin-bottom: 4px } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide .list .content .intro { font-size: 13px; line-height: 19px; height: 38px; margin-bottom: 4px } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide .list .content .more { font-size: 12px } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide .list .content .more span { margin-right: 8px } #indexProducts .indexProductsMainBox .indexProductsMain .indexProductsBtns { display: none } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-pagination { display: block; text-align: center; margin-top: 15px } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-pagination .swiper-pagination-bullet { display: inline-block; width: 16px; height: 4px; border-radius: 4px; background: rgba(255,255,255,.8); margin-right: 5px; -webkit-transition: all .4s ease; transition: all .4s ease; position: relative; overflow: hidden } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-pagination .swiper-pagination-bullet:after { position: absolute; left: 0; top: 0; width: 0%; height: 100%; background: #015198; content: ""; display: block } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-pagination .swiper-pagination-bullet-active { width: 24px } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-pagination .swiper-pagination-bullet-active:after { -webkit-animation: progressBar 6.5s ease forwards; animation: progressBar 6.5s ease forwards } #indexServices { padding: 50px 0; overflow: hidden } #indexServices .indexServicesMain { border-radius: 0; margin: 25px -20px 0 } #indexServices .indexServicesMain .indexServicesBg { display: none } #indexServices .indexServicesMain .indexServicesList { overflow: visible; margin-right: 90px; padding-left: 20px } #indexServices .indexServicesMain .indexServicesList .swiper-wrapper .swiper-slide { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; height: 89.372vw; padding: 18px 20px; border-radius: 4px; overflow: hidden } #indexServices .indexServicesMain .indexServicesList .swiper-wrapper .swiper-slide:after { display: none; width: 325px; height: 278px } #indexServices .indexServicesMain .indexServicesList .swiper-wrapper .swiper-slide:hover { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px) } #indexServices .indexServicesMain .indexServicesList .swiper-wrapper .swiper-slide:hover .intro { max-height: 88px } #indexServices .indexServicesMain .indexServicesList .swiper-wrapper .swiper-slide .commonBg { display: block } #indexServices .indexServicesMain .indexServicesList .swiper-wrapper .swiper-slide .commonBg:after { display: none; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px) } #indexServices .indexServicesMain .indexServicesList .swiper-wrapper .swiper-slide .icon { display: none } #indexServices .indexServicesMain .indexServicesList .swiper-wrapper .swiper-slide .icon img { width: 60px; height: 60px } #indexServices .indexServicesMain .indexServicesList .swiper-wrapper .swiper-slide .title { font-size: 18px; margin: 20px 0 6px; opacity: 1 } #indexServices .indexServicesMain .indexServicesList .swiper-wrapper .swiper-slide .intro { font-size: 14px; line-height: 22px; opacity: 1 } #indexServices .indexServicesMain .indexServicesList .swiper-pagination { display: block; width: calc(100% + 90px); text-align: center; margin-top: 15px } #indexServices .indexServicesMain .indexServicesList .swiper-pagination .swiper-pagination-bullet { display: inline-block; width: 16px; height: 4px; border-radius: 4px; background: #ddd; margin-right: 5px; -webkit-transition: all .4s ease; transition: all .4s ease; position: relative; overflow: hidden } #indexServices .indexServicesMain .indexServicesList .swiper-pagination .swiper-pagination-bullet:after { position: absolute; left: 0; top: 0; width: 0%; height: 100%; background: #015198; content: ""; display: block } #indexServices .indexServicesMain .indexServicesList .swiper-pagination .swiper-pagination-bullet-active { width: 24px } #indexServices .indexServicesMain .indexServicesList .swiper-pagination .swiper-pagination-bullet-active:after { -webkit-animation: progressBar 4.5s ease forwards; animation: progressBar 4.5s ease forwards } #indexSolutions .indexSolutionsMain .swiper-wrapper .swiper-slide a .image { width: calc(100% + 80px) } #indexSolutions .indexSolutionsMain .swiper-wrapper .swiper-slide a .image img { height: auto } #indexSolutions .indexSolutionsMain .swiper-wrapper .swiper-slide a .content { top: 50px } #indexSolutions .indexSolutionsMain .swiper-wrapper .swiper-slide a .content .more { width: 153px; height: 42px; line-height: 40px; font-size: 13px; border-radius: 28px; margin-top: 22px } #indexSolutions .indexSolutionsMain .swiper-wrapper .swiper-slide a .content .more:hover { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px) } #indexSolutions .indexSolutionsMain .swiper-wrapper .swiper-slide a .content .more span { margin-right: 33px } #indexSolutions .indexSolutionsMain .swiper-wrapper .swiper-slide a .content .more i { font-size: 14px } #indexSolutions .indexSolutionsList { height: 85px; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px) } #indexSolutions .indexSolutionsList .swiper-wrapper .swiper-slide { padding: 12px 10px } #indexSolutions .indexSolutionsList .swiper-wrapper .swiper-slide a .icon { margin-bottom: 4px } #indexSolutions .indexSolutionsList .swiper-wrapper .swiper-slide a .icon img { width: 28px; height: 28px } #indexSolutions .indexSolutionsList .swiper-wrapper .swiper-slide a .title { font-size: 12px; line-height: 15px } #indexTechnology { height: auto; padding: 50px 0 } #indexTechnology .indexTechnologyTitle { margin-bottom: 40px } #indexTechnology .indexTechnologyTitle .indexTitle { width: 100% } #indexTechnology .indexTechnologyMain .indexTechnologyLeft { width: 100%; margin-bottom: 25px } #indexTechnology .indexTechnologyMain .indexTechnologyLeft:after { top: -12px; width: calc(100% - 24px); height: 300px; border-radius: 4px } #indexTechnology .indexTechnologyMain .indexTechnologyLeft .swiper-wrapper .swiper-slide .image { border-radius: 4px } #indexTechnology .indexTechnologyMain .indexTechnologyLeft .swiper-wrapper .swiper-slide .image img { height: 97.585vw } #indexTechnology .indexTechnologyMain .indexTechnologyLeft .swiper-wrapper .swiper-slide .contentBox { bottom: 20px; margin: 0 20px; padding: 18px 20px 18px 0; border-radius: 4px } #indexTechnology .indexTechnologyMain .indexTechnologyLeft .swiper-wrapper .swiper-slide .contentBox .icon { width: 68px } #indexTechnology .indexTechnologyMain .indexTechnologyLeft .swiper-wrapper .swiper-slide .contentBox .icon img { width: 30px; height: 30px } #indexTechnology .indexTechnologyMain .indexTechnologyLeft .swiper-wrapper .swiper-slide .contentBox .content .title { font-size: 16px; line-height: 24px; margin-bottom: 6px } #indexTechnology .indexTechnologyMain .indexTechnologyLeft .swiper-wrapper .swiper-slide .contentBox .content .intro { font-size: 13px; line-height: 20px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis } #indexTechnology .indexTechnologyMain .indexTechnologyRight { width: 100%; padding-top: 0; margin-bottom: 0 } #indexTechnology .indexTechnologyMain .indexTechnologyRight .indexTechnologyList { height: auto; margin-top: 0 } #indexTechnology .indexTechnologyMain .indexTechnologyRight .indexTechnologyList .swiper-wrapper .swiper-slide { padding: 12px 20px 12px 0; margin-bottom: 8px } #indexTechnology .indexTechnologyMain .indexTechnologyRight .indexTechnologyList .swiper-wrapper .swiper-slide:last-child { margin-bottom: 0 } #indexTechnology .indexTechnologyMain .indexTechnologyRight .indexTechnologyList .swiper-wrapper .swiper-slide:before { border-radius: 4px; border-width: 2px } #indexTechnology .indexTechnologyMain .indexTechnologyRight .indexTechnologyList .swiper-wrapper .swiper-slide:after { border-radius: 4px } #indexTechnology .indexTechnologyMain .indexTechnologyRight .indexTechnologyList .swiper-wrapper .swiper-slide a .icon { width: 65px } #indexTechnology .indexTechnologyMain .indexTechnologyRight .indexTechnologyList .swiper-wrapper .swiper-slide a .icon img { width: 28px; height: 28px } #indexTechnology .indexTechnologyMain .indexTechnologyRight .indexTechnologyList .swiper-wrapper .swiper-slide a .content .title { font-size: 14px; line-height: 22px; margin-bottom: 0 } #indexTechnology .indexTechnologyMain .indexTechnologyRight .indexTechnologyList .swiper-wrapper .swiper-slide a .content .intro { display: none; font-size: 13px; line-height: 20px } #indexNews { padding: 50px 0 1px } #indexNews .indexNewsMain { margin: 25px 0 0 } #indexNews .indexNewsMain .indexNewsLeft { width: 100% } #indexNews .indexNewsMain .indexNewsLeft .swiper-wrapper { margin: 0 0 -10px } #indexNews .indexNewsMain .indexNewsLeft .swiper-wrapper .swiper-slide { width: 100%; height: auto; margin: 0 0 10px } #indexNews .indexNewsMain .indexNewsLeft .swiper-wrapper .swiper-slide a { border-radius: 4px; padding: 10px } #indexNews .indexNewsMain .indexNewsLeft .swiper-wrapper .swiper-slide a .image { width: 110px; border-radius: 4px } #indexNews .indexNewsMain .indexNewsLeft .swiper-wrapper .swiper-slide a .image img { height: 110px } #indexNews .indexNewsMain .indexNewsLeft .swiper-wrapper .swiper-slide a .content { margin-left: 15px; padding: 0 } #indexNews .indexNewsMain .indexNewsLeft .swiper-wrapper .swiper-slide a .content .title { font-size: 14px; line-height: 20px; height: 60px; margin-bottom: 27px } #indexNews .indexNewsMain .indexNewsLeft .swiper-wrapper .swiper-slide a .content .time { line-height: 20px; font-size: 11px; border-radius: 2px; padding: 0 9px } #indexNews .indexNewsMain .indexNewsRight { width: 100%; border-radius: 4px; margin-bottom: 12px } #indexNews .indexNewsMain .indexNewsRight .swiper-wrapper .swiper-slide a .image img { height: 66.184vw } #indexNews .indexNewsMain .indexNewsRight .swiper-wrapper .swiper-slide a .content { padding: 23px 20px } #indexNews .indexNewsMain .indexNewsRight .swiper-wrapper .swiper-slide a .content .title { font-size: 16px; line-height: 22px; height: auto; margin-bottom: 12px; max-height: 66px } #indexNews .indexNewsMain .indexNewsRight .swiper-wrapper .swiper-slide a .content .time { line-height: 20px; font-size: 11px; border-radius: 2px; padding: 0 9px } #indexNews .indexNewsNetwork { min-height: 361px; padding: 30px 20px; border-radius: 4px; margin: 40px 0; -webkit-transform: none; -ms-transform: none; transform: none } #indexNews .indexNewsNetwork .title { font-size: 23px; line-height: 26px; margin-bottom: 7px } #indexNews .indexNewsNetwork .intro { display: none; font-size: 15px; line-height: 22px; width: 567px; margin-bottom: 35px } #indexNews .indexNewsNetwork .listBox { width: 92px } #indexNews .indexNewsNetwork .listBox .list { padding: 20px 0 4px; border-right: 0px; border-bottom: 1px solid rgba(255,255,255,.25) } #indexNews .indexNewsNetwork .listBox .list:last-child { border: 0px } #indexNews .indexNewsNetwork .listBox .list img { width: 35px; height: 35px } #indexNews .indexNewsNetwork .listBox .list p { font-size: 13px; line-height: 16px; margin-top: 6px } #indexChoose { height: auto; border-radius: 4px; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0); margin-top: 25px; margin-bottom: 40px; padding: 30px 20px } #indexChoose .title { font-size: 24px; line-height: 30px; margin-bottom: 12px } #indexChoose .intro { font-size: 14px; line-height: 24px; margin-bottom: 35px } #indexChoose .btns a { min-width: 123px; height: 42px; line-height: 40px; font-size: 13px; border-radius: 28px; padding: 0 17px; margin-right: 10px; margin-bottom: 10px; white-space: nowrap } #indexChoose .btns a:hover { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px) } #indexChoose .btns a span { margin-right: 13px } #indexChoose .btns a i { font-size: 14px } #detailBanner .image { width: 100% } #detailBanner .image img { height: 83.092vw } #detailBanner .content .title { font-size: 24px; line-height: 28px; margin-bottom: 12px } #detailBanner .content .intro { font-size: 14px; line-height: 22px } #breadcrumbNav { display: none; height: 50px; line-height: 50px; margin-top: -50px } #breadcrumbNav img { width: 12px; height: 12px; margin-right: 11px } #breadcrumbNav i { font-size: 8px; margin: 0 5px } #breadcrumbNav a { font-size: 13px } #productsList { padding: 40px 0 0 } #productsList .productsListWrapper { margin-bottom: 30px } #productsList .productsListWrapper:nth-child(3) .productsListMain { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } #productsList .productsListWrapper:nth-child(3) .productsListMain .list { width: 100% } #productsList .productsListWrapper:nth-child(3) .productsListMain .list .image img { height: auto } #productsList .productsListWrapper .productsListTitle { margin-bottom: 20px } #productsList .productsListWrapper .productsListTitle .title { font-size: 22px; margin-bottom: 8px } #productsList .productsListWrapper .productsListTitle .intro { font-size: 14px; line-height: 22px } #productsList .productsListWrapper .productsListMain { margin: 0 0 -12px } #productsList .productsListWrapper .productsListMain .list { width: 100%; margin: 0 0 12px } #productsList .productsListWrapper .productsListMain .list .image img { height: 113.768vw } #productsList .productsListWrapper .productsListMain .list .content { padding: 40px 20px 0 } #productsList .productsListWrapper .productsListMain .list .content .title { font-size: 20px; margin-bottom: 20px } #productsList .productsListWrapper .productsListMain .list .content .more { width: 153px; height: 42px; line-height: 40px; font-size: 13px; border-radius: 22px } #productsList .productsListWrapper .productsListMain .list .content .more span { margin-right: 33px } #productsList .productsListWrapper .productsListMain .list .content .more i { font-size: 14px } #getInTouch { height: auto; padding: 40px 0 } #getInTouch.solutionDetailGetInTouch { height: auto; margin-bottom: 0px } #getInTouch .getInTouchTitle { margin-bottom: 40px } #getInTouch .getInTouchTitle .title { font-size: 24px; line-height: 30px; margin-bottom: 2px } #getInTouch .getInTouchTitle .intro { font-size: 16px; margin-bottom: 20px } #getInTouch .getInTouchTitle .more { width: 153px; height: 42px; line-height: 40px; font-size: 13px; border-radius: 25px } #getInTouch .getInTouchTitle .more span { margin-right: 33px } #getInTouch .getInTouchTitle .more i { font-size: 14px } #getInTouch .getInTouchMain { min-height: auto; padding: 30px 20px 20px; border-radius: 4px } #getInTouch .getInTouchMain .title { font-size: 22px; margin-bottom: 10px; line-height: 30px } #getInTouch .getInTouchMain .intro { font-size: 14px; line-height: 24px; margin-bottom: 20px } #getInTouch .getInTouchMain .more { min-width: 153px; height: 42px; line-height: 40px; font-size: 13px; border-radius: 28px; padding: 0 20px; margin-right: 10px; margin-bottom: 10px; white-space: nowrap } #getInTouch .getInTouchMain .more:hover { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px) } #getInTouch .getInTouchMain .more span { margin-right: 33px } #getInTouch .getInTouchMain .more i { font-size: 14px } #productsList2 { padding: 40px 0 } #productsList2 .productsList2Head { margin-bottom: 40px } #productsList2 .productsList2Head .productsList2Select .title { font-size: 14px; margin-bottom: 10px } #productsList2 .productsList2Head .productsList2Select .selects { margin: -3px } #productsList2 .productsList2Head .productsList2Select .selects .select { width: calc(50% - 6px); margin: 3px; height: 47px } #productsList2 .productsList2Head .productsList2Select .selects .select input { width: 100%; height: 47px; font-size: 13px; padding: 0 12px } #productsList2 .productsList2Head .productsList2Select .selects .select .layui-form-select .layui-edge { right: 18px; border-width: 2px; width: 8px; height: 8px; margin-top: -8px } #productsList2 .productsList2Head .productsList2Select .selects .select .layui-form-select dl { top: 54px } #productsList2 .productsList2Head .productsList2Select .selects .select .layui-form-select dl dd,#productsList2 .productsList2Head .productsList2Select .selects .select .layui-form-select dl dt { font-size: 14px; line-height: 36px } #productsList2 .productsList2Head .productsList2Search { width: 100%; margin-top: 8px } #productsList2 .productsList2Head .productsList2Search i { left: 12px; font-size: 18px } #productsList2 .productsList2Head .productsList2Search input[type=text] { font-size: 13px; padding: 0 40px } #productsList2 .productsList2Head .productsList2Search .submit { width: 87px; height: 47px; line-height: 47px; font-size: 14px } #productsList2 .productsList2Main .productsList2Wrapper { margin-bottom: 40px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title { margin-bottom: 20px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title>.title { font-size: 24px; margin-bottom: 12px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterTarget span { font-size: 16px; margin-right: 7px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterTarget img { width: 25px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup { top: 30px; left: 0; width: 290px; padding: 22px 20px; border-radius: 8px; box-shadow: 0 0 17px #eee } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper .bigTitle { line-height: 30px; font-size: 16px; margin-right: 12px; margin-bottom: 12px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper .closeBtn { width: 28px; height: 28px; line-height: 25px; border-width: 2px; font-size: 12px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper .title { line-height: 50px; font-size: 14px; padding: 0 12px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper .options { padding: 0 20px 20px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper .options .option { margin-bottom: 8px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper .options .option .layui-form-checkbox>div { font-size: 12px; border-radius: 2px 0 0 2px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper .options .option .layui-form-checkbox[lay-skin=primary]>div { margin-top: -1px; padding-right: 10px; line-height: 18px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper .options .option .layui-form-checkbox[lay-skin=primary]>i { width: 14px; height: 14px; line-height: 14px; font-size: 12px; border-radius: 2px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper .options .option .layui-form-checkbox[lay-skin=primary] { min-width: 18px; min-height: 18px; padding-left: 20px; margin-right: 13px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper .btn { border-radius: 30px; font-size: 12px; width: 110px; line-height: 30px; margin-top: 20px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main { margin: 0 0 -12px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list { width: 100%; margin: 0 0 12px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list a { border-radius: 8px; padding-top: 30px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list a .tag { top: 20px; left: 20px; font-size: 12px; padding: 0 12px; line-height: 29px; border-radius: 30px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list a .image { width: 304px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list a .image img { width: 304px; height: 304px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list a .content { padding: 26px 20px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list a .content .title { font-size: 18px; margin-bottom: 4px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list a .content .title:before { width: 10px; height: 10px; border-width: 2px; margin-right: 8px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list a .content .subTitle { font-size: 15px; margin-bottom: 8px; height: auto; line-height: 26px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list a .content .intro { font-size: 13px; line-height: 18px; height: auto } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list a .content .more { width: 153px; height: 42px; line-height: 40px; border-radius: 23px; font-size: 13px; margin: 20px auto 0 } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list a .content .more span { margin-right: 33px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list a .content .more i { font-size: 14px } #estoneMedicalTablets { padding: 40px 0 } #estoneMedicalTablets .estoneMedicalTabletsTitle { font-size: 24px; margin-bottom: 5px } #estoneMedicalTablets .estoneMedicalTabletsMain { padding-top: 20px } #estoneMedicalTablets .estoneMedicalTabletsMain .swiper-wrapper .swiper-slide:hover { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px) } #estoneMedicalTablets .estoneMedicalTabletsMain .swiper-wrapper .swiper-slide a { min-height: 242px; padding: 56px 20px 50px } #estoneMedicalTablets .estoneMedicalTabletsMain .swiper-wrapper .swiper-slide img { width: 50px; height: 50px } #estoneMedicalTablets .estoneMedicalTabletsMain .swiper-wrapper .swiper-slide p { font-size: 18px; line-height: 24px; margin-top: 30px } #estoneMedicalTablets .estoneMedicalTabletsMain .swiper-pagination { margin-top: 25px } #estoneMedicalTablets .estoneMedicalTabletsMain .swiper-pagination .swiper-pagination-bullet { width: 16px; height: 4px; border-radius: 4px; margin-right: 5px } #estoneMedicalTablets .estoneMedicalTabletsMain .swiper-pagination .swiper-pagination-bullet-active { width: 24px } #solutionsList { padding: 40px 0 12px } #solutionsList .bigTitle { font-size: 22px; margin-bottom: 20px } #solutionsList .listBox { margin: 0 0 28px } #solutionsList .listBox .list { width: 100%; margin: 0 0 12px; padding: 23px 20px } #solutionsList .listBox .list .image { margin-bottom: 20px } #solutionsList .listBox .list .image img { height: auto } #solutionsList .listBox .list .content .title { font-size: 16px; line-height: 24px; min-height: auto; margin-bottom: 9px } #solutionsList .listBox .list .content .intro { font-size: 14px; line-height: 20px; margin-bottom: 20px; height: auto } #solutionsList .listBox .list .content .more { width: 153px; height: 42px; line-height: 40px; border-radius: 23px; font-size: 13px } #solutionsList .listBox .list .content .more:hover { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px) } #solutionsList .listBox .list .content .more span { margin-right: 33px } #solutionsList .listBox .list .content .more i { font-size: 14px } #solutionDetail { padding: 40px 0 } #solutionDetail ul li { margin-bottom: 12px } #solutionDetail ul li .image { width: 100% } #solutionDetail ul li .image img { height: 64.251vw } #solutionDetail ul li .content { padding: 23px 20px } #solutionDetail ul li .content .title { font-size: 18px; margin-bottom: 8px } #solutionDetail ul li .content .intro { font-size: 14px; line-height: 24px; max-height: none; overflow: visible } #twosolutionDetail { padding: 40px 0 } #twosolutionDetail ul li { margin-bottom: 12px } #twosolutionDetail ul li .image { width: 100% } #twosolutionDetail ul li .image img { height: 64.251vw } #twosolutionDetail ul li .content { padding: 23px 20px } #twosolutionDetail ul li .content .title { font-size: 18px; margin-bottom: 8px } #twosolutionDetail ul li .content .intro { font-size: 14px; line-height: 24px; max-height: none; overflow: visible } #relatedSolutions { padding: 40px 0 } #relatedSolutions .relatedSolutionsTitle { font-size: 24px; margin-bottom: 20px } #relatedSolutions .relatedSolutionsMain .swiper-wrapper .swiper-slide .list .image img { height: 71.498vw } #relatedSolutions .relatedSolutionsMain .swiper-wrapper .swiper-slide .list .title { font-size: 16px; padding: 50px 20px 20px } #relatedProducts { padding: 40px 0 20px } #relatedProducts #getInTouch { height: auto; margin-bottom: 0 } #relatedProducts .relatedProductsTitle { font-size: 24px; margin-bottom: 20px } #relatedProducts .relatedProductsMain { padding-top: 7px; margin-bottom: 30px } #relatedProducts .relatedProductsMain .swiper-wrapper .swiper-slide .list { border-radius: 8px; padding-top: 30px } #relatedProducts .relatedProductsMain .swiper-wrapper .swiper-slide .list .tag { top: 20px; left: 20px; font-size: 12px; padding: 0 12px; line-height: 29px; border-radius: 30px } #relatedProducts .relatedProductsMain .swiper-wrapper .swiper-slide .list .image { width: 304px } #relatedProducts .relatedProductsMain .swiper-wrapper .swiper-slide .list .image img { width: 304px; height: 304px } #relatedProducts .relatedProductsMain .swiper-wrapper .swiper-slide .list .content { padding: 26px 20px } #relatedProducts .relatedProductsMain .swiper-wrapper .swiper-slide .list .content .title { font-size: 18px; margin-bottom: 4px } #relatedProducts .relatedProductsMain .swiper-wrapper .swiper-slide .list .content .title:before { width: 10px; height: 10px; border-width: 2px; margin-right: 8px } #relatedProducts .relatedProductsMain .swiper-wrapper .swiper-slide .list .content .subTitle { font-size: 15px; margin-bottom: 8px; line-height: 26px; height: auto } #relatedProducts .relatedProductsMain .swiper-wrapper .swiper-slide .list .content .intro { font-size: 13px; line-height: 18px; height: auto } #relatedProducts .relatedProductsMain .swiper-pagination { height: 2px; margin-top: 30px } #productIntro { padding: 80px 0 40px } #productIntro .productIntroLeft { width: 100% } #productIntro .productIntroLeft .productIntroImages { margin-bottom: 0 } #productIntro .productIntroLeft .productIntroImages .swiper-wrapper .swiper-slide img { width: 100%; height: auto } #productIntro .productIntroLeft .productIntroListBox { margin-bottom: 0 } #productIntro .productIntroLeft .productIntroListBox .prevBtn,#productIntro .productIntroLeft .productIntroListBox .nextBtn { height: 105px; line-height: 105px; font-size: 14px } #productIntro .productIntroLeft .productIntroListBox .productIntroList { width: 85% } #productIntro .productIntroLeft .productIntroListBox .productIntroList .swiper-wrapper .swiper-slide:after { border-width: 2px } #productIntro .productIntroLeft .productIntroListBox .productIntroList .swiper-wrapper .swiper-slide img { width: 73px; height: 73px } #productIntro .productIntroLeft .productIntroOther .btn { width: calc(50% - 3px); height: 43px; line-height: 43px; border-radius: 4px; font-size: 13px; padding: 0 12px 0 15px } #productIntro .productIntroLeft .productIntroOther .btn.inquiriesBtn i { font-size: 14px } #productIntro .productIntroLeft .productIntroOther .btn.dataSheetBtn img { height: 18px } #productIntro .productIntroRight { width: 100%; margin-top: 30px } #productIntro .productIntroRight>.title { font-size: 22px; margin-bottom: 18px } #productIntro .productIntroRight>.line { margin-bottom: 20px } #productIntro .productIntroRight>.line:after { width: 46px; height: 3px } #productIntro .productIntroRight>.intro { font-size: 14px; line-height: 24px; margin-bottom: 20px } #productIntro .productIntroRight>.intro p { margin-bottom: 24px } #productIntro .productIntroRight .listBox { margin: -4.5px -4.5px 20px } #productIntro .productIntroRight .listBox .list { width: calc(50% - 9px); margin: 4.5px; min-height: 120px; padding: 23px 20px } #productIntro .productIntroRight .listBox .list img { width: 38px; height: 38px } #productIntro .productIntroRight .listBox .list p { font-size: 13px; line-height: 18px; margin-top: 12px } #productIntro .productIntroRight .listBox2 { margin-bottom: 20px } #productIntro .productIntroRight .listBox2 .title { font-size: 16px; margin-bottom: 12px } #productIntro .productIntroRight .listBox2 .listBox2Main .list { margin-bottom: 4px } #productIntro .productIntroRight .listBox2 .listBox2Main .list .icon { margin-right: 10px; padding-top: 3px } #productIntro .productIntroRight .listBox2 .listBox2Main .list .icon svg { width: 16px; height: 16px } #productIntro .productIntroRight .listBox2 .listBox2Main .list .intro { font-size: 14px; line-height: 24px } #productIntro .productIntroRight .btns .btn { width: calc(50% - 3px); height: 43px; line-height: 43px; border-radius: 4px; font-size: 13px; padding: 0 12px 0 15px } #productIntro .productIntroRight .btns .btn.inquiriesBtn i { font-size: 14px } #productDetail { padding: 40px 0 } #productDetail+#relatedProducts { padding-bottom: 40px } #productDetail .productDetailList { height: 52px; line-height: 49px; padding: 3px 3px 0; border-radius: 6px 6px 0 0 } #productDetail .productDetailList .list { margin-right: 16px } #productDetail .productDetailList .list a { font-size: 13px; border-radius: 6px 6px 0 0 } #productDetail .productDetailMain { padding: 23px 20px; border-radius: 0 0 8px 8px } #productDetail .productDetailMain .productDetailHighlights ul li { margin-bottom: 8px } #productDetail .productDetailMain .productDetailHighlights ul li:last-child { margin-bottom: 0 } #productDetail .productDetailMain .productDetailHighlights ul li:nth-child(odd) .content { padding: 23px 0 } #productDetail .productDetailMain .productDetailHighlights ul li:nth-child(2n) .content { padding: 23px 0 } #productDetail .productDetailMain .productDetailHighlights ul li .image { width: 100%; border-radius: 6px } #productDetail .productDetailMain .productDetailHighlights ul li .image img { height: auto } #productDetail .productDetailMain .productDetailHighlights ul li .content { width: 100% } #productDetail .productDetailMain .productDetailHighlights ul li .content .title { font-size: 18px; line-height: 26px; margin-bottom: 12px } #productDetail .productDetailMain .productDetailHighlights ul li .content .intro { font-size: 14px; line-height: 24px } #productDetail .productDetailMain .productDetailDownload ul li { margin-bottom: 12px } #productDetail .productDetailMain .productDetailDownload .padCard { height: auto; padding: 14px 20px; border-radius: 6px; position: relative } #productDetail .productDetailMain .productDetailDownload .padCard .title { width: 100%; margin-bottom: 12px } #productDetail .productDetailMain .productDetailDownload .padCard .title img { height: 26px } #productDetail .productDetailMain .productDetailDownload .padCard .title span { font-size: 14px; line-height: 22px; margin-left: 15px } #productDetail .productDetailMain .productDetailDownload .padCard .other .time { margin-right: 17px } #productDetail .productDetailMain .productDetailDownload .padCard .other .time img { width: 18px; height: 18px; margin-right: 8px } #productDetail .productDetailMain .productDetailDownload .padCard .other .time span { font-size: 13px } #productDetail .productDetailMain .productDetailDownload .padCard .other .size { margin-right: 45px } #productDetail .productDetailMain .productDetailDownload .padCard .other .size img { width: 18px; height: 18px; margin-right: 8px } #productDetail .productDetailMain .productDetailDownload .padCard .other .size span { font-size: 13px } #productDetail .productDetailMain .productDetailDownload .padCard .other .view { position: absolute; right: 20px; bottom: 14px; margin-right: 36px } #productDetail .productDetailMain .productDetailDownload .padCard .other .view img { width: 18px; height: 18px; margin-right: 8px } #productDetail .productDetailMain .productDetailDownload .padCard .other .view span { display: none; font-size: 0.8125rem; line-height: 2.625rem } #productDetail .productDetailMain .productDetailDownload .padCard .other .download { position: absolute; right: 20px; bottom: 14px } #productDetail .productDetailMain .productDetailDownload .padCard .other .download img { width: 18px; height: 18px; margin-right: 8px } #productDetail .productDetailMain .productDetailDownload .padCard .other .download span { display: none; font-size: 13px } #productDetail .productDetailMain .productDetailDownload .padCard:hover { box-shadow: 4px 7px 20px 1px rgba(41,34,15,0.1) } #productDetail .productDetailMain .productDetailSpecifications .productDetailSpecificationsList { display: none; margin-right: 150px } #productDetail .productDetailMain .productDetailSpecifications .productDetailSpecificationsList .productDetailSpecificationsListTitle { font-size: 28px; line-height: 26px; border-left-width: 5px; padding-left: 10px; margin-bottom: 40px } #productDetail .productDetailMain .productDetailSpecifications .productDetailSpecificationsList .productDetailSpecificationsListMain { top: 120px } #productDetail .productDetailMain .productDetailSpecifications .productDetailSpecificationsList .productDetailSpecificationsListMain .list { font-size: 20px; margin-bottom: 30px } #productDetail .productDetailMain .productDetailSpecifications .productDetailSpecificationsMain { -webkit-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; overflow-x: auto; padding-bottom: 20px } #productDetail .productDetailMain .productDetailSpecifications .productDetailSpecificationsMain::-webkit-scrollbar { width: 2px; height: 2px; background-color: #eee } #productDetail .productDetailMain .productDetailSpecifications .productDetailSpecificationsMain::-webkit-scrollbar-track { border-radius: 2px; background-color: #eee } #productDetail .productDetailMain .productDetailSpecifications .productDetailSpecificationsMain::-webkit-scrollbar-thumb { border-radius: 2px; background-color: #004178; cursor: pointer } #productDetail .productDetailMain .productDetailSpecifications .productDetailSpecificationsMain .wrapper { margin-bottom: 20px } #productDetail .productDetailMain .productDetailSpecifications .productDetailSpecificationsMain .wrapper .title { font-weight: 600; font-size: 15px; padding: 0 10px 8px; margin-bottom: 10px } #productDetail .productDetailMain .productDetailSpecifications .productDetailSpecificationsMain .wrapper table { min-width: 700px } #productDetail .productDetailMain .productDetailSpecifications .productDetailSpecificationsMain .wrapper table thead tr th { font-size: 13px; padding: 12px 10px } #productDetail .productDetailMain .productDetailSpecifications .productDetailSpecificationsMain .wrapper table thead tr th span { font-size: 13px !important } #productDetail .productDetailMain .productDetailSpecifications .productDetailSpecificationsMain .wrapper table tbody tr td { font-size: 13px; padding: 12px 10px } #productDetail .productDetailMain .productDetailSpecifications .productDetailSpecificationsMain .wrapper table tbody tr td span { font-size: 13px !important } #software { padding: 40px 0 } #software+#getInTouch { height: auto; padding-bottom: 40px; margin-bottom: 0 } #software ul li { margin-bottom: 12px } #software ul li:nth-child(odd) .content { margin-right: 0 } #software ul li:nth-child(2n) .content { margin-left: 0 } #software ul li .image { width: 100%; box-shadow: 0 3px 53px rgba(21,40,57,.1) } #software ul li .image img { height: 64.01vw } #software ul li .content { width: 100%; min-height: auto; padding: 23px 20px } #software ul li .content .title { font-size: 18px; margin-bottom: 8px; line-height: 28px } #software ul li .content .intro { font-size: 14px; line-height: 24px; margin-bottom: 20px } #software ul li .content a { width: 153px; height: 42px; line-height: 40px; border-radius: 28px; font-size: 13px } #software ul li .content a span { margin-right: 36px } #software ul li .content a i { font-size: 14px } #challenge { padding: 40px 0 } #challenge .challengeTitle { margin-bottom: 20px } #challenge .challengeTitle .title { font-size: 24px; line-height: 30px; margin-bottom: 12px } #challenge .challengeTitle .intro { font-size: 14px; line-height: 24px } #challenge .challengeMain>ul { margin: 0 0 -12px } #challenge .challengeMain>ul>li { width: 100%; min-height: auto; margin: 0 0 12px; padding: 23px 20px; border-radius: 4px } #challenge .challengeMain>ul>li:before { border-radius: 4px } #challenge .challengeMain>ul>li:after { width: calc(100% - 40px); border-radius: 4px } #challenge .challengeMain>ul>li .icon { margin-bottom: 18px } #challenge .challengeMain>ul>li .icon img { width: 38px; height: 38px } #challenge .challengeMain>ul>li .number { top: 30px; right: 20px; font-size: 18px } #challenge .challengeMain>ul>li .title { font-size: 18px; margin-bottom: 7px } #challenge .challengeMain>ul>li .intro { font-size: 14px; line-height: 24px } #eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareImages ul li { position: static } #eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareImages ul li .content { width: 100%; height: auto; position: relative } #eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareImages ul li .content .image { overflow: hidden; max-height: auto } #eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareImages ul li .content .image img { width: 100%; height: auto; object-fit: cover } #eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareImages ul li .hide { display: block; padding: 23px 20px; background: -webkit-linear-gradient(top,#fff,#dde6f0); background: linear-gradient(180deg,#fff,#dde6f0) } #eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareImages ul li .hide .title { color: #121212; font-size: 18px; line-height: 24px; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid rgba(0,0,0,.3) } #eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareImages ul li .hide .intro { color: #272727; font-size: 14px; line-height: 24px; margin-bottom: 12px } #eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareContents { display: none } #eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareContents ul li .content { padding: 87px 110px 0 100px } #eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareContents ul li .content .title { font-size: 40px; margin-bottom: 44px; padding-bottom: 53px } #eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareContents ul li .content .intro { font-size: 18px; line-height: 24px; margin-bottom: 103px } #eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareContents ul li .content .list ul:after { width: 2px } #eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareContents ul li .content .list ul li { font-size: 15px; line-height: 35.3px; padding-left: 20px } #eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareContents ul li .content .list ul li:after { width: 2px } #eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareContents ul li .content .list ul li.active { font-size: 20px } #eLinkSoftwareAdvantage { padding: 40px 0 } #eLinkSoftwareAdvantage .eLinkSoftwareAdvantageTitle { font-size: 24px; margin-bottom: 20px } #eLinkSoftwareAdvantage .eLinkSoftwareAdvantageMain ul { margin: 0 0 -12px } #eLinkSoftwareAdvantage .eLinkSoftwareAdvantageMain ul li { width: 100%; height: auto; min-height: auto; margin: 0 0 12px; padding: 23px 20px; border-radius: 4px } #eLinkSoftwareAdvantage .eLinkSoftwareAdvantageMain ul li:hover { box-shadow: -1px 15px 24px rgba(177,198,253,.3) } #eLinkSoftwareAdvantage .eLinkSoftwareAdvantageMain ul li .icon { margin-bottom: 20px } #eLinkSoftwareAdvantage .eLinkSoftwareAdvantageMain ul li .icon img { width: 38px; height: 38px } #eLinkSoftwareAdvantage .eLinkSoftwareAdvantageMain ul li .title { font-size: 18px; margin-bottom: 7px } #eLinkSoftwareAdvantage .eLinkSoftwareAdvantageMain ul li .intro { font-size: 14px; line-height: 24px; margin-bottom: 8px } #eLinkSoftwareAdvantage .eLinkSoftwareAdvantageMain ul li .btn { font-size: 13px } #eLinkSoftwareAdvantage .eLinkSoftwareAdvantageMain ul li .btn span { margin-right: 3px } #eLinkSoftwareAdvantage .eLinkSoftwareAdvantageMain ul li .btn i { font-size: 11px } #eLinkSoftwareArchitecture { padding: 40px 0 } #eLinkSoftwareArchitecture .eLinkSoftwareArchitectureTitle { font-size: 24px; margin-bottom: 20px; line-height: 30px } #eLinkSoftwareArchitecture .eLinkSoftwareArchitectureTitle br { display: none } #eLinkSoftwareDevelopment { padding: 40px 0 } #eLinkSoftwareDevelopment .eLinkSoftwareDevelopmentTitle { margin-bottom: 25px } #eLinkSoftwareDevelopment .eLinkSoftwareDevelopmentTitle .title { font-size: 24px; line-height: 30px; margin-bottom: 6px } #eLinkSoftwareDevelopment .eLinkSoftwareDevelopmentTitle .intro { font-size: 14px; line-height: 24px } #eLinkSoftwareDevelopment .eLinkSoftwareDevelopmentMain ul { border-radius: 8px } #eLinkSoftwareDevelopment .eLinkSoftwareDevelopmentMain ul li.active .head { border-radius: 4px 4px 0 0 } #eLinkSoftwareDevelopment .eLinkSoftwareDevelopmentMain ul li .head { height: auto; padding: 10px 20px } #eLinkSoftwareDevelopment .eLinkSoftwareDevelopmentMain ul li .head .number { width: 20px; height: 20px; line-height: 20px } #eLinkSoftwareDevelopment .eLinkSoftwareDevelopmentMain ul li .head .title { font-size: 14px; margin-left: 12px; margin-right: 20px } #eLinkSoftwareDevelopment .eLinkSoftwareDevelopmentMain ul li .head .arrow { font-size: 12px } #eLinkSoftwareDevelopment .eLinkSoftwareDevelopmentMain ul li .content { font-size: 13px; padding: 23px 20px } #eLinkSoftwareDevelopment .eLinkSoftwareDevelopmentMain ul li .content .title { padding-bottom: 6px } #industryApplication { padding: 40px 0 } #industryApplication .industryApplicationTitle { font-size: 24px; margin-bottom: 20px } #industryApplication .industryApplicationMain .swiper-wrapper .swiper-slide { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; margin-right: 10px } #industryApplication .industryApplicationMain .swiper-wrapper .swiper-slide.active { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none } #industryApplication .industryApplicationMain .swiper-wrapper .swiper-slide .image img { height: 65.217vw } #industryApplication .industryApplicationMain .swiper-wrapper .swiper-slide .title { display: none; font-size: 20px; line-height: 30px; padding: 0 20px } #industryApplication .industryApplicationMain .swiper-wrapper .swiper-slide .content { opacity: 1; visibility: visible; padding: 40px 20px 20px } #industryApplication .industryApplicationMain .swiper-wrapper .swiper-slide .content .subTitle { font-size: 16px } #industryApplication .industryApplicationMain .swiper-wrapper .swiper-slide .content .intro { font-size: 13px; line-height: 21px } #industryApplication .industryApplicationMain .swiper-pagination { text-align: center; margin-top: 15px } #industryApplication .industryApplicationMain .swiper-pagination .swiper-pagination-bullet { display: inline-block; width: 16px; height: 4px; border-radius: 4px; background: #ddd; margin-right: 5px; -webkit-transition: all .4s ease; transition: all .4s ease; position: relative; overflow: hidden } #industryApplication .industryApplicationMain .swiper-pagination .swiper-pagination-bullet:after { position: absolute; left: 0; top: 0; width: 0%; height: 100%; background: #015198; content: ""; display: block } #industryApplication .industryApplicationMain .swiper-pagination .swiper-pagination-bullet-active { width: 24px } #industryApplication .industryApplicationMain .swiper-pagination .swiper-pagination-bullet-active:after { -webkit-animation: progressBar 4.5s ease forwards; animation: progressBar 4.5s ease forwards } #caseStudy { padding: 40px 0 } #caseStudy .caseStudyTitle { font-size: 24px; margin-bottom: 20px } #caseStudy .caseStudyMain { width: 100%; overflow: hidden } #caseStudy .caseStudyMain .swiper-wrapper .swiper-slide { border-radius: 4px } #caseStudy .caseStudyMain .swiper-wrapper .swiper-slide .image { width: 100%; border-radius: 4px } #caseStudy .caseStudyMain .swiper-wrapper .swiper-slide .image img { height: 60.87vw } #caseStudy .caseStudyMain .swiper-wrapper .swiper-slide .content { padding: 23px 20px } #caseStudy .caseStudyMain .swiper-wrapper .swiper-slide .content:after { right: -160px; bottom: -40px; width: 317px; height: 367px } #caseStudy .caseStudyMain .swiper-wrapper .swiper-slide .content .title { font-size: 18px; margin-bottom: 10px } #caseStudy .caseStudyMain .swiper-wrapper .swiper-slide .content .intro { font-size: 14px; line-height: 24px; margin-bottom: 12px } #caseStudy .caseStudyMain .swiper-wrapper .swiper-slide .content .more { min-width: 153px; height: 42px; line-height: 40px; font-size: 13px; border-radius: 28px; padding: 0 18px } #caseStudy .caseStudyMain .swiper-wrapper .swiper-slide .content .more:hover { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px) } #caseStudy .caseStudyMain .swiper-wrapper .swiper-slide .content .more span { margin-right: 33px } #caseStudy .caseStudyMain .swiper-wrapper .swiper-slide .content .more i { font-size: 14px } #caseStudy .caseStudyMain .swiper-pagination { text-align: center; margin-top: 15px } #caseStudy .caseStudyMain .swiper-pagination .swiper-pagination-bullet { display: inline-block; width: 16px; height: 4px; border-radius: 4px; background: #fff; margin-right: 5px; -webkit-transition: all .4s ease; transition: all .4s ease; position: relative; overflow: hidden } #caseStudy .caseStudyMain .swiper-pagination .swiper-pagination-bullet:after { position: absolute; left: 0; top: 0; width: 0%; height: 100%; background: #015198; content: ""; display: block } #caseStudy .caseStudyMain .swiper-pagination .swiper-pagination-bullet-active { width: 24px } #caseStudy .caseStudyMain .swiper-pagination .swiper-pagination-bullet-active:after { -webkit-animation: progressBar 4.5s ease forwards; animation: progressBar 4.5s ease forwards } #technolocy { padding: 0 0 40px } #technolocy ul li { padding: 23px 0 } #technolocy ul li:first-child { padding-top: 40px } #technolocy ul li:nth-child(odd) .content { margin-right: 0 } #technolocy ul li:nth-child(2n) .content { margin-left: 0 } #technolocy ul li .image { width: 100% } #technolocy ul li .image img { height: 56.763vw } #technolocy ul li .content { margin-top: 20px } #technolocy ul li .content .tab { height: 24px; line-height: 24px; font-size: 12px; padding: 0 14px; margin-bottom: 12px } #technolocy ul li .content .title { font-size: 18px; margin-bottom: 6px } #technolocy ul li .content .intro { font-size: 14px; line-height: 24px; margin-bottom: 12px } #technolocy ul li .content .more { width: 153px; height: 42px; line-height: 40px; border-radius: 23px; font-size: 13px } #technolocy ul li .content .more:hover { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px) } #technolocy ul li .content .more span { margin-right: 36px } #technolocy ul li .content .more i { font-size: 15px } #technolocy .technolocyMore { height: 42px; line-height: 42px; font-size: 14px; border-radius: 5px } #technolocy .technolocyMore span { margin-right: 9px } #technolocy .technolocyMore i { font-size: 10px } #relatedBlog { padding: 40px 0 } #relatedBlog #getInTouch { height: auto; margin-bottom: 0 } #relatedBlog .relatedBlogTitle { font-size: 24px; margin-bottom: 20px } #relatedBlog .relatedBlogMain { margin-bottom: 30px } #relatedBlog .relatedBlogMain .swiper-wrapper .swiper-slide a .image img { height: 270px } #relatedBlog .relatedBlogMain .swiper-wrapper .swiper-slide a .content { padding: 23px 20px } #relatedBlog .relatedBlogMain .swiper-wrapper .swiper-slide a .content .time { font-size: 13px; margin-bottom: 6px } #relatedBlog .relatedBlogMain .swiper-wrapper .swiper-slide a .content .time i { margin-right: 7px } #relatedBlog .relatedBlogMain .swiper-wrapper .swiper-slide a .content .title { font-size: 16px; line-height: 22px; height: auto; margin-bottom: 13px } #relatedBlog .relatedBlogMain .swiper-wrapper .swiper-slide a .content .more { font-size: 14px } #relatedBlog .relatedBlogMain .swiper-pagination { margin-top: 20px } #relatedBlog .relatedBlogMain .swiper-pagination .swiper-pagination-bullet { width: 16px; height: 4px; border-radius: 4px; margin: 0 2.5px } #relatedBlog .relatedBlogMain .swiper-pagination .swiper-pagination-bullet-active { width: 24px } #technologyQuestion { padding: 40px 0 } #technologyQuestion+#software { padding-top: 0 } #technologyQuestion .technologyQuestionTitle { font-size: 24px; line-height: 28px; padding: 0; margin-bottom: 20px } #technologyQuestion .technologyQuestionMain { font-size: 14px; line-height: 24px; padding: 0 } #technologyQuestion .technologyQuestionMain p { margin-bottom: 12px } #twotechnologyQuestion { padding: 40px 0 } #twotechnologyQuestion+#software { padding-top: 0 } #twotechnologyQuestion .technologyQuestionTitle { font-size: 24px; line-height: 28px; padding: 0; margin-bottom: 20px } #twotechnologyQuestion .technologyQuestionMain { font-size: 14px; line-height: 24px; padding: 0 } #twotechnologyQuestion .technologyQuestionMain p { margin-bottom: 12px } #technologyDifference { padding: 40px 0 } #technologyDifference .technologyDifferenceLeft { width: 100%; margin-bottom: 20px } #technologyDifference .technologyDifferenceLeft .titlt { font-size: 24px; line-height: 28px; margin-bottom: 12px } #technologyDifference .technologyDifferenceLeft .titlt br { display: none } #technologyDifference .technologyDifferenceLeft .intro { font-size: 14px; line-height: 24px } #technologyDifference .technologyDifferenceRihgt { width: 100% } #technologyDifference .technologyDifferenceRihgt ul li { padding: 23px 20px; margin-bottom: 8px } #technologyDifference .technologyDifferenceRihgt ul li .icon { margin-right: 12px } #technologyDifference .technologyDifferenceRihgt ul li .icon img { width: 40px; height: 40px } #technologyDifference .technologyDifferenceRihgt ul li .intro { font-size: 13px; line-height: 22px } #comprehensiveTestingMethod { padding: 40px 0 } #comprehensiveTestingMethod .comprehensiveTestingMethodTitle { margin-bottom: 20px } #comprehensiveTestingMethod .comprehensiveTestingMethodTitle .title { font-size: 24px; line-height: 28px; margin-bottom: 12px } #comprehensiveTestingMethod .comprehensiveTestingMethodTitle .intro { width: 100%; font-size: 14px; line-height: 24px } #comprehensiveTestingMethod .comprehensiveTestingMethodMain { font-size: 13px; line-height: 22px } #comprehensiveTestingMethod .comprehensiveTestingMethodMain span { font-size: 13px !important; line-height: 22px !important } #comprehensiveTestingMethod .comprehensiveTestingMethodMain ul { margin: -4px } #comprehensiveTestingMethod .comprehensiveTestingMethodMain ul li { width: calc(50% - 8px); min-height: auto; margin: 4px; padding: 10px 12px } #comprehensiveTestingMethod .comprehensiveTestingMethodMain ul li.long { width: 100% } #comprehensiveTestingMethod .comprehensiveTestingMethodMain ul li .icon { width: auto; margin-right: 12px } #comprehensiveTestingMethod .comprehensiveTestingMethodMain ul li .icon img { width: 46px; height: 46px } #comprehensiveTestingMethod .comprehensiveTestingMethodMain ul li .intro { font-size: 13px; line-height: 18px } #dropTestStandards+#relatedProducts { padding-bottom: 40px } #dropTestStandards .dropTestStandardsHead { padding: 40px 0 } #dropTestStandards .dropTestStandardsHead .dropTestStandardsTitle { margin-bottom: 65px } #dropTestStandards .dropTestStandardsHead .dropTestStandardsTitle .title { font-size: 24px; line-height: 28px; margin-bottom: 12px } #dropTestStandards .dropTestStandardsHead .dropTestStandardsTitle .intro { font-size: 14px; line-height: 24px } #dropTestStandards .dropTestStandardsContent { padding: 20px 0 } #dropTestStandards .dropTestStandardsContent .dropTestStandardsContentLeft { width: 100% } #dropTestStandards .dropTestStandardsContent .dropTestStandardsContentLeft ul li { padding: 20px 0 } #dropTestStandards .dropTestStandardsContent .dropTestStandardsContentLeft ul li .title { font-size: 18px; margin-bottom: 8px } #dropTestStandards .dropTestStandardsContent .dropTestStandardsContentLeft ul li .intro { font-size: 14px; line-height: 24px } #dropTestStandards .dropTestStandardsContent .dropTestStandardsContentRight { width: 100% } #dropTestStandards .dropTestStandardsOther { margin: 40px 0 } #dropTestStandards .dropTestStandardsOther .dropTestStandardsOtherTitle { margin-bottom: 20px } #dropTestStandards .dropTestStandardsOther .dropTestStandardsOtherTitle .title { font-size: 24px; line-height: 28px; margin-bottom: 12px } #dropTestStandards .dropTestStandardsOther .dropTestStandardsOtherTitle .intro { font-size: 14px; line-height: 24px } #dropTestStandards .dropTestStandardsOther .dropTestStandardsOtherMain { overflow-x: auto } #dropTestStandards .dropTestStandardsOther .dropTestStandardsOtherMain::-webkit-scrollbar { width: 2px; height: 2px; background-color: #ddd } #dropTestStandards .dropTestStandardsOther .dropTestStandardsOtherMain::-webkit-scrollbar-track { border-radius: 2px; background-color: #ddd } #dropTestStandards .dropTestStandardsOther .dropTestStandardsOtherMain::-webkit-scrollbar-thumb { border-radius: 2px; background-color: #004178 } #dropTestStandards .dropTestStandardsOther .dropTestStandardsOtherMain ul { min-width: 500px } #dropTestStandards .dropTestStandardsOther .dropTestStandardsOtherMain ul li .title { width: 160px; font-size: 14px; padding: 14px 20px } #dropTestStandards .dropTestStandardsOther .dropTestStandardsOtherMain ul li .intro { font-size: 14px; padding: 14px 20px } #companyList { padding: 40px 0; overflow: hidden } #companyList ul li { padding: 30px 0 } #companyList ul li:after { width: 259px; height: 225px } #companyList ul li:nth-child(odd):after { left: -72px } #companyList ul li:nth-child(2n):after { right: -72px } #companyList ul li .image { width: 100% } #companyList ul li .image img { height: 55.797vw } #companyList ul li .content { padding: 23px 0 0 } #companyList ul li .content .title { font-size: 18px; margin-bottom: 12px } #companyList ul li .content .intro { font-size: 14px; line-height: 24px; margin-bottom: 12px } #companyList ul li .content .more { width: 153px; height: 42px; line-height: 40px; border-radius: 23px; font-size: 13px } #companyList ul li .content .more:hover { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px) } #companyList ul li .content .more span { margin-right: 33px } #companyList ul li .content .more i { font-size: 14px } #serviceList { padding: 40px 0px 0 } #serviceList .serviceListTitle { font-size: 14px; line-height: 24px; padding: 0px; margin-bottom: 20px } #serviceList .serviceListMain ul { margin: 0px 0px -12px } #serviceList .serviceListMain ul li { width: 100%; border-radius: 8px; margin: 0px 0px 12px } #serviceList .serviceListMain ul li:last-child { margin-bottom: 0px } #serviceList .serviceListMain ul li .image img { height: auto } #serviceList .serviceListMain ul li .title { font-size: 16px; padding: 12px 20px; min-height: auto } #serviceList #getInTouch.solutionDetailGetInTouch { margin-bottom: 0px } #serviceList #getInTouch .content1700 { width: 100% } #serviceList #getInTouch .getInTouchMain { transform: translateY(0px) } #technolocy2 { padding: 40px 0px } #technolocy2 .technolocy2Title { margin-bottom: 20px } #technolocy2 .technolocy2Title .title { font-size: 22px } #technolocy2 .technolocy2Title .more { width: 153px; height: 42px; line-height: 40px; border-radius: 23px; font-size: 13px } #technolocy2 .technolocy2Title .more span { margin-right: 33px } #technolocy2 .technolocy2Title .more i { font-size: 14px } #technolocy2 .technolocy2Main .technolocy2Left { width: 100%; margin-bottom: 8px } #technolocy2 .technolocy2Main .technolocy2Left a { border-radius: 4px } #technolocy2 .technolocy2Main .technolocy2Left a .image img { height: auto } #technolocy2 .technolocy2Main .technolocy2Left a .content { padding: 0px 15px 20px } #technolocy2 .technolocy2Main .technolocy2Left a .content .title { font-size: 16px; margin-bottom: 8px } #technolocy2 .technolocy2Main .technolocy2Left a .content .arrow { font-size: 14px } #technolocy2 .technolocy2Main .technolocy2Right { width: 100%; margin: 0px 0px -8px } #technolocy2 .technolocy2Main .technolocy2Right .list { width: 100%; margin: 0px 0px 8px; border-radius: 4px; padding: 18px } #technolocy2 .technolocy2Main .technolocy2Right .list .image { width: 160px; border-radius: 4px } #technolocy2 .technolocy2Main .technolocy2Right .list .image img { width: 100%; height: auto } #technolocy2 .technolocy2Main .technolocy2Right .list .content { margin-left: 18px } #technolocy2 .technolocy2Main .technolocy2Right .list .content .title { font-size: 14px; line-height: 22px; min-height: auto; margin-bottom: 12px } #technolocy2 .technolocy2Main .technolocy2Right .list .content .arrow { font-size: 14px } #relatedBlog2 { padding: 40px 0px } #relatedBlog2 .image { width: 100%; margin-bottom: 12px } #relatedBlog2 .image img { height: auto } #relatedBlog2 .content { width: 100% } #relatedBlog2 .content .title { font-size: 18px; margin-bottom: 8px } #relatedBlog2 .content .intro { font-size: 14px; line-height: 24px; margin-bottom: 12px } #relatedBlog2 .content .more { width: 153px; height: 42px; line-height: 40px; border-radius: 23px; font-size: 13px } #relatedBlog2 .content .more span { margin-right: 33px } #relatedBlog2 .content .more i { font-size: 14px } #whyChooseEstoneTechnology { padding: 40px 0 } #whyChooseEstoneTechnology #getInTouch { height: auto; margin-bottom: 0 } #whyChooseEstoneTechnology .whyChooseEstoneTechnologyTitle { margin-bottom: 20px } #whyChooseEstoneTechnology .whyChooseEstoneTechnologyTitle .title { font-size: 24px; line-height: 28px; margin-bottom: 8px } #whyChooseEstoneTechnology .whyChooseEstoneTechnologyTitle .intro { font-size: 14px; line-height: 24px } #whyChooseEstoneTechnology .whyChooseEstoneTechnologyMian ul { margin: 0 0 -12px } #whyChooseEstoneTechnology .whyChooseEstoneTechnologyMian ul li { width: 100%; min-height: auto; margin: 0 0 12px; padding: 16px 20px } #whyChooseEstoneTechnology .whyChooseEstoneTechnologyMian ul li .icon img { width: 42px; height: 42px } #whyChooseEstoneTechnology .whyChooseEstoneTechnologyMian ul li .content { margin-left: 52px } #whyChooseEstoneTechnology .whyChooseEstoneTechnologyMian ul li .content .title { font-size: 18px; line-height: 24px; margin-bottom: 12px } #whyChooseEstoneTechnology .whyChooseEstoneTechnologyMian ul li .content .line { width: 26px; height: 2px; margin-bottom: 12px } #whyChooseEstoneTechnology .whyChooseEstoneTechnologyMian ul li .content .intro { font-size: 14px; line-height: 24px } #aboutus { padding: 40px 0 } #aboutus .aboutusTitle { margin-bottom: 25px } #aboutus .aboutusTitle .title { font-size: 24px; line-height: 28px; margin-right: 0; margin-bottom: 12px } #aboutus .aboutusTitle .intro { width: 100%; font-size: 14px; line-height: 24px } #aboutus .aboutusMain ul { display: block; border-radius: 0 30px } #aboutus .aboutusMain ul li { width: 100%; height: auto; min-height: 65.217vw } #aboutus .aboutusMain ul li:hover .content { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px) } #aboutus .aboutusMain ul li:hover .content .intro { max-height: 162px } #aboutus .aboutusMain ul li .content { width: 100%; margin: 0; padding: 123px 20px 23px } #aboutus .aboutusMain ul li .content .icon { margin-bottom: 8px } #aboutus .aboutusMain ul li .content .icon img { width: 48px; height: 48px } #aboutus .aboutusMain ul li .content .title { font-size: 18px; margin-bottom: 12px } #aboutus .aboutusMain ul li .content .intro { font-size: 14px; line-height: 24px; padding-right: 20px; max-height: none; min-height: 216px } #aboutus .aboutusMain ul li .content .intro::-webkit-scrollbar { width: 2px; height: 2px } #aboutus .aboutusMain ul li .content .intro::-webkit-scrollbar-track { border-radius: 2px } #aboutus .aboutusMain ul li .content .intro::-webkit-scrollbar-thumb { border-radius: 2px; cursor: pointer } #milestones { padding: 40px 0 } #milestones .milestonesTitle { font-size: 24px; line-height: 28px; margin-bottom: 25px } #milestones .milestonesYearList { margin-bottom: 25px } #milestones .milestonesYearList:after { top: 3px } #milestones .milestonesYearList .swiper-wrapper .swiper-slide:after { top: 3px } #milestones .milestonesYearList .swiper-wrapper .swiper-slide .drop { width: 6px; height: 6px } #milestones .milestonesYearList .swiper-wrapper .swiper-slide .year { font-size: 14px; margin-top: 6px } #milestones .milestonesMain .swiper-wrapper .swiper-slide { padding: 0 } #milestones .milestonesMain .swiper-wrapper .swiper-slide .image { width: 100%; margin-right: 0 } #milestones .milestonesMain .swiper-wrapper .swiper-slide .image img { height: 57.005vw } #milestones .milestonesMain .swiper-wrapper .swiper-slide .content { margin-top: 20px } #milestones .milestonesMain .swiper-wrapper .swiper-slide .content .title { font-size: 18px } #milestones .milestonesMain .swiper-wrapper .swiper-slide .content .intro { font-size: 14px; line-height: 24px } #milestones .milestonesMain .swiper-button-next,#milestones .milestonesMain .swiper-button-prev { display: none; width: 56px; height: 56px; line-height: 51px; font-size: 20px; border-radius: 4px; border-width: 2px } #milestones .milestonesMain .swiper-button-next:hover,#milestones .milestonesMain .swiper-button-prev:hover { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px) } #globalPresence { padding: 40px 0 20px } #globalPresence #getInTouch { height: auto; margin-bottom: 0 } #globalPresence .globalPresenceTitle { margin-bottom: 25px } #globalPresence .globalPresenceTitle .title { font-size: 24px; line-height: 28px; margin-bottom: 7px } #globalPresence .globalPresenceTitle .intro { font-size: 14px; line-height: 24px } #globalPresence .globalPresenceMain .map { height: 45.169vw } #globalPresence .globalPresenceMain .list .drop:before { width: 8px; height: 8px } #globalPresence .globalPresenceMain .list .popupTitle { display: none; top: -77px; font-size: 16px; line-height: 16px; height: auto; box-shadow: 0 11px 98px rgba(5,36,64,.42); border-radius: 29px; padding: 12px 24px } #globalPresence .globalPresenceMain .list .popupTitle.down { top: 29px } #globalPresence .globalPresenceMain .list .popupTitle .title { margin-bottom: 4px } #globalPresence .globalPresenceMain .list .popupContent { display: none; left: 30px; top: -28px; width: 413px; box-shadow: 0 11px 98px rgba(0,91,172,.42); border-radius: 43px; padding: 37px 42px } #globalPresence .globalPresenceMain .list .popupContent.right { left: -30px } #globalPresence .globalPresenceMain .list .popupContent .title,#globalPresence .globalPresenceMain .list .popupContent .intro { font-size: 28px; line-height: 35px } #globalPresence .globalPresenceMain .list .popupContent .content { margin-top: 22px } #globalPresence .globalPresenceMain .list .popupContent .content p { font-size: 16px; line-height: 23px; margin-bottom: 11px } #globalPresence .globalPresenceMain .list .popupContent .content p img { width: 19px; height: 19px; margin-right: 12px } #globalPresence .globalPresenceMobile { display: block; margin: 30px 0 -12px } #globalPresence .globalPresenceMobile .list { border-radius: 12px; margin: 0 0 12px; padding: 18px 20px; border: 1px solid #eee } #globalPresence .globalPresenceMobile .list.active { box-shadow: 0 4px 10px rgba(0,91,172,.42) } #globalPresence .globalPresenceMobile .list .title,#globalPresence .globalPresenceMobile .list .intro { font-size: 16px; line-height: 25px } #globalPresence .globalPresenceMobile .list .content { margin-top: 12px } #globalPresence .globalPresenceMobile .list .content p { font-size: 13px; line-height: 20px; margin-bottom: 7px } #globalPresence .globalPresenceMobile .list .content p img { width: 15px; height: 15px; margin-right: 6px } #faq { padding: 40PX 0 0 } #faq #getInTouch { height: auto; margin-bottom: 0 } #faq .faqTitle { font-size: 24px; line-height: 28px; margin-bottom: 20px } #faq .faqMain ul li { padding: 0 20px } #faq .faqMain ul li .title { padding: 20px 0 } #faq .faqMain ul li .title i { width: 24px; height: 24px; line-height: 24px; border-radius: 3px; font-size: 13px } #faq .faqMain ul li .title span { font-size: 14px; margin-left: 12px; margin-right: 20px } #faq .faqMain ul li .title .icon { width: 21px; height: 21px } #faq .faqMain ul li .title .icon:before { width: 43%; height: 2px } #faq .faqMain ul li .title .icon:after { width: 2px; height: 43% } #faq .faqMain ul li .introBox .intro { padding-right: 20px } #faq .faqMain ul li .introBox .intro i { width: 24px; height: 24px; line-height: 24px; border-radius: 3px; font-size: 13px } #faq .faqMain ul li .introBox .intro span { margin-left: 12px; font-size: 13px; line-height: 20px } #faq .faqMain ul li.active { padding-bottom: 25px } #news { padding: 40px 0 } #news .newsSearch { margin-bottom: 40px } #news .newsSearch .title { font-size: 14px; margin-right: 0; margin-bottom: 8px } #news .newsSearch .select { width: 100%; margin-right: 0; margin-bottom: 8px } #news .newsSearch .select input { width: 100%; height: 47px; font-size: 13px; padding: 0 12px } #news .newsSearch .select .layui-form-select .layui-edge { right: 18px; border-width: 2px; width: 8px; height: 8px; margin-top: -8px } #news .newsSearch .select .layui-form-select dl { top: 54px } #news .newsSearch .select .layui-form-select dl dd,#news .newsSearch .select .layui-form-select dl dt { font-size: 14px; line-height: 36px } #news .newsSearch .input { width: 100%; height: 47px } #news .newsSearch .input input { width: calc(100% - 87px); height: 45px; font-size: 13px; padding: 0 40px } #news .newsSearch .input i { left: 17px; font-size: 18px } #news .newsSearch .input .submit { width: 87px; height: 45px; line-height: 45px; font-size: 14px } #news .newsRecommend { margin-bottom: 25px } #news .newsRecommend .swiper-wrapper .swiper-slide a .image { width: 100% } #news .newsRecommend .swiper-wrapper .swiper-slide a .image img { height: 53.865vw } #news .newsRecommend .swiper-wrapper .swiper-slide a .content { padding: 23px 20px 50px } #news .newsRecommend .swiper-wrapper .swiper-slide a .content .tab { height: 32px; line-height: 32px; font-size: 12px; padding: 0 12px; margin-bottom: 15px } #news .newsRecommend .swiper-wrapper .swiper-slide a .content .time { font-size: 13px; margin-bottom: 8px } #news .newsRecommend .swiper-wrapper .swiper-slide a .content .time i { margin-right: 7px } #news .newsRecommend .swiper-wrapper .swiper-slide a .content .title { font-size: 18px; line-height: 24px; height: auto; margin-bottom: 6px } #news .newsRecommend .swiper-wrapper .swiper-slide a .content .intro { font-size: 14px; line-height: 22px; height: auto } #news .newsRecommend .newsRecommendOther { bottom: 20px; width: 100%; padding: 0 75px } #news .newsRecommend .newsRecommendOther .pagination { font-size: 12px } #news .newsRecommend .newsRecommendOther .pagination .progressBar { width: 100px; height: 2px; margin: 0 9px } #news .newsRecommend .newsRecommendOther .btns { display: none } #news .newsRecommend .newsRecommendOther .btns .swiper-button-prev,#news .newsRecommend .newsRecommendOther .btns .swiper-button-next { font-size: 18px } #news .newsRecommend .newsRecommendOther .btns .swiper-button-next { margin-left: 24px } #news .newsTitle { height: 32px; line-height: 32px; font-size: 12px; padding: 0 12px; margin-bottom: 25px } #news .newsList { margin-bottom: 20px } #news .newsList ul { margin: 0 0 20px } #news .newsList ul li { width: 100%; margin: 0 0 12px } #news .newsList ul li a .image img { height: 270px } #news .newsList ul li a .content { padding: 23px 20px } #news .newsList ul li a .content .time { font-size: 13px; margin-bottom: 6px } #news .newsList ul li a .content .time i { margin-right: 7px } #news .newsList ul li a .content .title { font-size: 16px; line-height: 24px; margin-bottom: 12px; height: auto } #news .newsList ul li a .content .arrow { font-size: 14px } #newsDetail { padding: 80px 0 40px } #newsDetail .newsDetailMain { padding: 30px 20px; border-radius: 10px; margin: 0 } #newsDetail .newsDetailMain .newsDetailTitle { padding-bottom: 20px; margin-bottom: 25px } #newsDetail .newsDetailMain .newsDetailTitle .time { font-size: 12px; margin-bottom: 8px } #newsDetail .newsDetailMain .newsDetailTitle .time i { margin-right: 7px } #newsDetail .newsDetailMain .newsDetailTitle .content .title { font-size: 22px; line-height: 28px; margin-right: 0; margin-bottom: 12px } #newsDetail .newsDetailMain .newsDetailTitle .content .share a { width: 37px; height: 37px; line-height: 34px; font-size: 14px; border-width: 2px; margin-right: 4px } #newsDetail .newsDetailMain .newsDetailTitle .content .share a img { width: 12.5px; height: 12.5px; margin-top: -2px } #newsDetail .newsDetailMain .newsDetailContent { font-size: 14px; line-height: 24px; padding: 0; margin-bottom: 20px } #newsDetail .newsDetailMain .newsDetailTabs { margin: -4px } #newsDetail .newsDetailMain .newsDetailTabs span { height: 34px; line-height: 32px; border-radius: 24px; padding: 0 18px; margin: 4px; font-size: 13px } #newsDetail .newsDetailMain .newsDetailBtns { padding: 23px 0 0; margin: 20px 0 0 } #newsDetail .newsDetailMain .newsDetailBtns a { width: 100%; font-size: 14px; margin-bottom: 8px } #newsDetail .newsDetailMain .newsDetailBtns a:last-child { text-align: left; margin-bottom: 0 } #join { padding: 40px 0 } #join .joinTitle { font-size: 24px; line-height: 28px; margin-bottom: 12px } #join .joinIntro { margin: 0 0 40px } #join .joinIntro .intro { font-size: 14px; line-height: 24px } #join .joinWork { margin: 0 0 40px } #join .joinWork .joinWorkMain { margin-top: 20px } #join .joinWork .joinWorkMain .swiper-wrapper .swiper-slide { min-height: 190px; padding: 40px; border-radius: 8px } #join .joinWork .joinWorkMain .swiper-wrapper .swiper-slide .title { font-size: 18px; margin-bottom: 6px } #join .joinWork .joinWorkMain .swiper-wrapper .swiper-slide .intro { font-size: 14px; line-height: 24px; height: 72px } #join .joinWork .joinWorkMain .swiper-pagination { margin-top: 10px } #join .joinWork .joinWorkMain .swiper-pagination .swiper-pagination-bullet { width: 14px; height: 4px; border-radius: 4px; margin-right: 5px } #join .joinWork .joinWorkMain .swiper-pagination .swiper-pagination-bullet-active { width: 25px } #join .joinApply { margin: 0 } #join .joinApply .intro { font-size: 14px; line-height: 24px } #join .joinApply .more { width: 140px; height: 42px; line-height: 42px; font-size: 14px; border-radius: 30px; margin-top: 20px } #join .joinApply .more:hover { box-shadow: 0 10px 20px rgba(196,8,8,.4) } .joinUsDetailPopup { width: 100%; height: 400px; border-radius: 10px } .joinUsDetailPopup .layui-layer-setwin { right: 14px; top: 30.001px } .joinUsDetailPopup .layui-layer-setwin .layui-layer-close2 { width: 16px; height: 16px; font-size: 12.001px } .joinUsDetailPopup .layui-layer-setwin .layui-layer-close2:after { width: 3px } .joinUsDetailPopup .layui-layer-setwin .layui-layer-close2:before { height: 3px } #joinUsDetail { padding: 30px 20px } #joinUsDetail .joinUsDetailTitle { padding-bottom: 12.002px; margin-bottom: 20.003px; margin-right: 20px } #joinUsDetail .joinUsDetailTitle .title { font-size: 20px; margin-bottom: 6px } #joinUsDetail .joinUsDetailTitle .info { font-size: 13px } #joinUsDetail .joinUsDetailTitle .info i { margin-right: 8px } #joinUsDetail .joinUsDetailMain { font-size: 13px; padding-right: 20px; max-height: 180px } #joinUsDetail .joinUsDetailMain::-webkit-scrollbar { width: 2px; height: 2px } #joinUsDetail .joinUsDetailMain::-webkit-scrollbar-track { border-radius: 2px } #joinUsDetail .joinUsDetailMain::-webkit-scrollbar-thumb { border-radius: 2px } #joinUsDetail .joinUsDetailBtn { margin-top: 25.004px } #joinUsDetail .joinUsDetailBtn a { width: 140px; height: 42px; line-height: 42px; font-size: 13px } #joinUsDetail .joinUsDetailBtn a i { border-width: 2px; width: 16px; height: 16px; margin-right: 5.995px; -webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px) } #joinUsDetail .joinUsDetailBtn a i:before { width: 2.998px; height: 2.998px } .odmOemTitle .number { font-size: 13px; width: 36px; height: 22px; line-height: 22px; border-radius: 13px; margin-right: 9px } .odmOemTitle .title { font-size: 24px } #endToEndService { min-height: auto; padding: 40px 0 } #endToEndService .endToEndServiceMain { height: auto; margin-top: 20px } #endToEndService .endToEndServiceMain .bigTitle { display: none } #endToEndService .endToEndServiceMain .bigTitle .title { font-size: 24px; line-height: 29px; width: 240px; height: 240px; padding: 20px } #endToEndService .endToEndServiceMain .bigTitle:after { left: calc(50% - 263.5px); top: calc(50% - 263.5px); width: 527px; height: 527px } #endToEndService .endToEndServiceMain .list { position: static; width: 100%; padding: 23px 20px; border-radius: 10px; margin-bottom: 12px; background: #fff; box-shadow: 0 0 16px #ddd } #endToEndService .endToEndServiceMain .list:last-child { margin-bottom: 0 } #endToEndService .endToEndServiceMain .list:nth-child(odd) .icon { margin-right: 16px } #endToEndService .endToEndServiceMain .list:nth-child(2n) .icon { margin-left: 16px } #endToEndService .endToEndServiceMain .list:nth-of-type(2) { left: 6px; top: 117px } #endToEndService .endToEndServiceMain .list:nth-of-type(3) { right: 6px; top: 117px } #endToEndService .endToEndServiceMain .list:nth-of-type(4) { left: 6px; bottom: 67px } #endToEndService .endToEndServiceMain .list:nth-of-type(5) { right: 6px; bottom: 67px } #endToEndService .endToEndServiceMain .list .icon { width: 52px; height: 52px; line-height: 52px } #endToEndService .endToEndServiceMain .list .icon img { width: 27px; height: 27px } #endToEndService .endToEndServiceMain .list .content .title { font-size: 16px; margin-bottom: 4px } #endToEndService .endToEndServiceMain .list .content .intro { font-size: 14px; line-height: 24px; height: auto } #hardwareDesign { padding: 40px 0 } #hardwareDesign .hardwareDesignLeft { margin-right: 0 } #hardwareDesign .hardwareDesignLeft .contnet { margin-top: 20px; font-size: 14px; line-height: 24px } #hardwareDesign .hardwareDesignLeft .contnet .title { font-size: 16px; margin-bottom: 5px } #hardwareDesign .hardwareDesignLeft .contnet .intro { font-size: 14px; line-height: 24px; margin-bottom: 15px } #hardwareDesign .hardwareDesignLeft .contnet ul { padding-left: 20px } #hardwareDesign .hardwareDesignRihgt { width: 100% } #softwareDesign { padding: 40px 0 } #softwareDesign .softwareDesignMain { font-size: 14px; line-height: 24px; margin-top: 8px } #softwareDesign .softwareDesignMain .title { font-size: 14px; margin-bottom: 5px } #idAndMdDesign { padding: 40px 0 } #idAndMdDesign .idAndMdDesignMain { font-size: 14px; line-height: 24px; margin-top: 8px } #idAndMdDesign .idAndMdDesignMain .title { font-size: 14px; margin-bottom: 5px } #customizedSolutions { padding: 40px 0 } #customizedSolutions .customizedSolutionsMain { margin: 20px 0 -12px } #customizedSolutions .customizedSolutionsMain .list { margin: 0 0 12px; min-height: 237px; padding: 16px 0 23px; border-radius: 8px } #customizedSolutions .customizedSolutionsMain .list:nth-child(1) { width: 100%; height: auto; padding: 16px 0 23px } #customizedSolutions .customizedSolutionsMain .list:nth-child(1) img { width: 100%; height: auto } #customizedSolutions .customizedSolutionsMain .list:nth-child(1) p { margin-top: 20px } #customizedSolutions .customizedSolutionsMain .list:nth-child(2) { width: 100% } #customizedSolutions .customizedSolutionsMain .list:nth-child(3) { width: 100% } #customizedSolutions .customizedSolutionsMain .list:nth-child(4) { width: 100% } #customizedSolutions .customizedSolutionsMain .list:nth-child(5) { width: 100%; margin-left: 0; margin-top: 0 } #customizedSolutions .customizedSolutionsMain .list:nth-child(6) { width: 100%; margin-left: 0; margin-top: 0 } #customizedSolutions .customizedSolutionsMain .list:nth-child(7) { width: 100%; margin-left: 0; margin-top: 0 } #customizedSolutions .customizedSolutionsMain .list img { width: 100%; height: auto } #customizedSolutions .customizedSolutionsMain .list p { font-size: 16px; margin-top: 12px } #productRegulatoryAndCompliance { padding: 40px 0 0 } #productRegulatoryAndCompliance .productRegulatoryAndComplianceMain { font-size: 14px; line-height: 22px; margin-top: 25px } #productRegulatoryAndCompliance .productRegulatoryAndComplianceMain span { font-size: 14px !important; line-height: 22px !important } #productRegulatoryAndCompliance .productRegulatoryAndComplianceMain>ul { margin: 0 0 -12px } #productRegulatoryAndCompliance .productRegulatoryAndComplianceMain>ul>li { width: 100%; min-height: auto; margin: 0 0 12px; padding: 23px 20px } #productRegulatoryAndCompliance .productRegulatoryAndComplianceMain>ul>li.long { width: calc(40% - 20px) } #productRegulatoryAndCompliance .productRegulatoryAndComplianceMain>ul>li .icon { width: 52px; margin-left: 0 } #productRegulatoryAndCompliance .productRegulatoryAndComplianceMain>ul>li .icon img { width: 52px; height: 52px } #productRegulatoryAndCompliance .productRegulatoryAndComplianceMain>ul>li .intro { font-size: 14px; line-height: 22px; margin-left: 10px } #productRegulatoryAndCompliance .productRegulatoryAndComplianceMain>ul>li .intro span { font-size: 14px !important; line-height: 22px !important } #productRegulatoryAndCompliance .productRegulatoryAndComplianceMain>ul>li .intro ul { padding-left: 20px } #serviceProcess { padding: 40px 0 } #serviceProcess .serviceProcessMain { margin-top: 20px } #developmentAbility { padding: 40px 0 } #developmentAbility .developmentAbilityMain { margin-top: 20px; margin-bottom: 40px } #developmentAbility .developmentAbilityMain .swiper-wrapper { margin: 0 0 -12px } #developmentAbility .developmentAbilityMain .swiper-wrapper .swiper-slide { width: 100%; margin: 0 0 12px } #developmentAbility .developmentAbilityMain .swiper-wrapper .swiper-slide .image img { width: 100%; height: 211px } #developmentAbility .developmentAbilityMain .swiper-wrapper .swiper-slide .content { margin-top: 20px } #developmentAbility .developmentAbilityMain .swiper-wrapper .swiper-slide .content .title { font-size: 18px; margin-bottom: 6px } #developmentAbility .developmentAbilityMain .swiper-wrapper .swiper-slide .content .intro { font-size: 14px; line-height: 24px } #developmentAbility .developmentAbilityMain .swiper-pagination { text-align: center; margin-top: 15px } #developmentAbility .developmentAbilityMain .swiper-pagination .swiper-pagination-bullet { display: inline-block; width: 16px; height: 4px; border-radius: 4px; background: #ddd; margin-right: 5px; -webkit-transition: all .4s ease; transition: all .4s ease; position: relative; overflow: hidden } #developmentAbility .developmentAbilityMain .swiper-pagination .swiper-pagination-bullet:after { position: absolute; left: 0; top: 0; width: 0%; height: 100%; background: #015198; content: ""; display: block } #developmentAbility .developmentAbilityMain .swiper-pagination .swiper-pagination-bullet-active { width: 24px } #developmentAbility .developmentAbilityMain .swiper-pagination .swiper-pagination-bullet-active:after { -webkit-animation: progressBar 4.5s ease forwards; animation: progressBar 4.5s ease forwards } #developmentAbility .developmentAbilityOther { margin: 0 0 -12px } #developmentAbility .developmentAbilityOther .list { width: 100%; margin: 0 0 12px; padding: 0; border-radius: 4px } #developmentAbility .developmentAbilityOther .list:after { width: 123px; height: 121px } #developmentAbility .developmentAbilityOther .list .content { width: 100%; padding: 23px 20px } #developmentAbility .developmentAbilityOther .list .content .title { font-size: 18px; line-height: 25px; margin-bottom: 10px } #developmentAbility .developmentAbilityOther .list .content .more { width: 153px; height: 42px; line-height: 40px; font-size: 13px; border-radius: 28px } #developmentAbility .developmentAbilityOther .list .content .more span { margin-right: 33px } #developmentAbility .developmentAbilityOther .list .content .more i { font-size: 14px } #developmentAbility .developmentAbilityOther .list .image { width: 100%; border-radius: 4px } #developmentAbility .developmentAbilityOther .list .image img { height: 274px } #contactus { padding: 100px 0 40px } #contactus .contactusForm { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; padding: 30px 20px; border-radius: 12px; margin: 0 0 40px } #contactus .contactusForm .contactusFormTitle { margin-bottom: 20px } #contactus .contactusForm .contactusFormTitle .title { font-size: 24px; line-height: 28px; margin-bottom: 13px } #contactus .contactusForm .contactusFormTitle .intro { font-size: 14px; line-height: 22px } #contactus .contactusForm .contactusFormMain .wrapper { padding: 0 } #contactus .contactusForm .contactusFormMain .wrapper .list { margin-bottom: 10px } #contactus .contactusForm .contactusFormMain .wrapper .list:nth-child(odd) { margin-right: 0 } #contactus .contactusForm .contactusFormMain .wrapper .list .title { font-size: 14px; line-height: 24px; height: auto } #contactus .contactusForm .contactusFormMain .wrapper .list .title span { margin-right: 3px } #contactus .contactusForm .contactusFormMain .wrapper .list .intro { font-size: 12px; margin-top: 8px } #contactus .contactusForm .contactusFormMain .wrapper .list .input .inputCheck { width: 100%; margin: 6px 0 } #contactus .contactusForm .contactusFormMain .wrapper .list .input input,#contactus .contactusForm .contactusFormMain .wrapper .list .input textarea { font-size: 13px; margin-bottom: 8px } #contactus .contactusForm .contactusFormMain .wrapper .list .input input { height: 42px; padding: 0 21px } #contactus .contactusForm .contactusFormMain .wrapper .list .input textarea { height: 100px; padding: 12px 21px; border-radius: 8px } #contactus .contactusForm .contactusFormMain .wrapper .list .input .layui-form-select .layui-edge { right: 18px } #contactus .contactusForm .contactusFormMain .wrapper .list .input .layui-form-select dl { top: 52px } #contactus .contactusForm .contactusFormMain .wrapper .list .input .layui-form-select dl dd,#contactus .contactusForm .contactusFormMain .wrapper .list .input .layui-form-select dl dt { font-size: 13px; line-height: 36px } #contactus .contactusForm .contactusFormMain .wrapper .list .input .layui-form-checkbox>div { font-size: 12px; border-radius: 2px 0 0 2px } #contactus .contactusForm .contactusFormMain .wrapper .list .input .layui-form-checkbox[lay-skin=primary]>div { margin-top: -1px; padding-right: 10px; line-height: 14px } #contactus .contactusForm .contactusFormMain .wrapper .list .input .layui-form-checkbox[lay-skin=primary]>i { width: 14px; height: 14px; line-height: 14px; font-size: 12px; border-radius: 2px } #contactus .contactusForm .contactusFormMain .wrapper .list .input .layui-form-checkbox[lay-skin=primary] { min-width: 18px; min-height: 18px; padding-left: 20px; margin-right: 13px } #contactus .contactusForm .contactusFormMain .wrapper .submit { width: 140px; height: 42px; line-height: 42px; font-size: 14px; border-radius: 30px; margin-top: 10px } #contactus .contactusForm .contactusFormMain .wrapper .submit:hover { box-shadow: 0 10px 20px rgba(196,8,8,.4) } #contactus .contactusOther { width: 100%; margin-left: 0 } #contactus .contactusOther ul li { padding: 20px 0 } #contactus .contactusOther ul li .title { font-size: 18px; margin-bottom: 15px } #contactus .contactusOther ul li a { font-size: 14px; margin-bottom: 9px } #contactus .contactusOther ul li img { width: 15px; height: 15px; margin-right: 8px; margin-top: 2px } .listFrameworkBox { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-top: 0 } .listFrameworkBox.mobileMargin { margin-top: 90px } .listFrameworkBox .listFramework { width: 100%; position: static; padding-bottom: 30px } .listFrameworkBox .listFramework .oneLevel .oneLevelTitle { padding-bottom: 13px; margin-bottom: 16px } .listFrameworkBox .listFramework .oneLevel .oneLevelTitle .title { font-size: 16px } .listFrameworkBox .listFramework .oneLevel .oneLevelTitle .icon { font-size: 13px } .listFrameworkBox .listFrameworkRight { width: 100% } .searchAllBg { padding: 100px 0 40px } .searchAllBg .searchAll .searchAllInput { height: 45px; margin-bottom: 25px } .searchAllBg .searchAll .searchAllInput.focus { box-shadow: 0 0 0 4px rgba(217,40,41,.2) } .searchAllBg .searchAll .searchAllInput input { font-size: 14px; padding: 0 12px } .searchAllBg .searchAll .searchAllInput .submit { width: 65px; font-size: 20px } .searchAllBg .searchAll .searchAllSelect { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 16px } .searchAllBg .searchAll .searchAllKey { font-size: 24px; margin-bottom: 10px } .searchAllBg .searchAll .searchAllSelect .searchAllSelectLeft { font-size: 14px; margin-bottom: 7px; font-weight: 700 } .searchAllBg .searchAll .searchAllSelect .searchAllSelectLeft .resultCount { margin-right: 15px } .searchAllBg .searchAll .searchAllSelect .searchAllSelectRight .title { font-size: 14px; margin-right: 7px } .searchAllBg .searchAll .searchAllSelect .searchAllSelectRight .input .layui-input { width: 146px; height: 32px } .searchAllBg .searchAll .searchAllSelect .searchAllSelectRight .input .layui-input:focus { box-shadow: 0 0 0 3px rgba(196,8,8,.08) } .searchAllBg .searchAll .searchAllMain { margin: 0 -20px } .searchAllBg .searchAll .searchAllMain ul li a { padding: 23px 20px } .searchAllBg .searchAll .searchAllMain ul li a .subTitle { font-size: 14px; margin-bottom: 3px } .searchAllBg .searchAll .searchAllMain ul li a .title { font-size: 16px; line-height: 22px; margin-bottom: 6px } .searchAllBg .searchAll .searchAllMain ul li a .intro { font-size: 14px; line-height: 20px; margin-bottom: 11px } .searchAllBg .searchAll .searchAllMain ul li a .source { font-size: 13px } .searchAllBg .searchAll .searchAllMain ul li a .source i { font-size: 11px; margin: 0 5px } } @media (min-width: 1921px) { @-webkit-keyframes translateX { 0% { -webkit-transform:translateX(0px); transform: translate(0) } to { -webkit-transform: translate(-80.006px); transform: translate(-80.006px) } } @keyframes translateX { 0% { -webkit-transform: translateX(0px); transform: translate(0) } to { -webkit-transform: translate(-80.006px); transform: translate(-80.006px) } } .content1820 { width: 1820px } .content1700 { width: 1700px } .content1600 { width: 1600px } .content1250 { width: 1250px } .header { height: 110px; line-height: 110px } .header .headerLogo a { width: 243px; height: 68px } .header .headerMain .headerNav ul li { margin: 0 10px } .header .headerMain .headerNav ul li:hover .dropDownMenu { max-height: 800px } .header .headerMain .headerNav ul li>a { padding: 0 10px } .header .headerMain .headerNav ul li>a h2 { font-size: 16px } .header .headerMain .headerNav ul li>a:after { height: 2px } .header .headerMain .headerOther { margin-left: 41px } .header .headerMain .headerOther .searchBtn { font-size: 23px; margin-right: 29px } .header .headerMain .headerOther .langBtn { font-size: 26px } .header .headerMain .headerOther .langBtn i { margin-right: 8px } .header .headerMain .headerOther .langBtn b { width: 7px; height: 4px; -webkit-transform: rotate(180deg) translateY(6px); -ms-transform: rotate(180deg) translateY(6px); transform: rotate(180deg) translateY(6px) } .header .headerMain .headerOther .langBtn .popup { top: 80px; border-radius: 6px; box-shadow: 0 2px 20px #ddd; min-width: 60px } .header .headerMain .headerOther .langBtn .popup:after { width: 10px; height: 6px } .header .headerMain .headerOther .langBtn .popup a { font-size: 13px; line-height: 33px; margin-bottom: 2px; border-radius: 6px } .header.headerMask { height: 85px; line-height: 85px; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px) } .header.headerMask .headerMain .headerNav ul li>a:hover:after { width: calc(100% + 10px) } .header.headerMask .headerMain .headerNav ul li:hover>a:after,.header.headerMask .headerMain .headerNav ul li.active>a:after { width: calc(100% + 10px) } .header.headerMask .headerMain .headerOther .langBtn .popup { top: 65px } .header.headerMask .dropDownMenu { top: 85px } .header.headerBg .headerMain .headerNav ul li>a:hover:after { width: calc(100% + 10px) } .header.headerDetail .headerMain .headerNav ul li>a:hover:after { width: calc(100% + 10px) } .dropDownMenu { top: 110px; min-width: 237px } .dropDownMenu .dropDownMenuList { padding: 35px 0; margin-top: 15px; border-radius: 15px } .dropDownMenu .dropDownMenuList a { line-height: 21px; font-size: 16px; margin: 0 26px 30px; padding-left: 15px } .dropDownMenu .dropDownMenuList a:after { width: 4px } .dropDownMenu .solutionDropDownMenuList { height: 486px; border-radius: 15px; margin: 15px -80px 0 } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuLeft { width: 566px; padding: 56px 36px 56px 88px; margin-right: 102px } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuLeft .listBox { max-height: 304px; padding-right: 40px } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuLeft .listBox::-webkit-scrollbar { width: 2px; height: 2px } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuLeft .listBox::-webkit-scrollbar-track { border-radius: 2px } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuLeft .listBox::-webkit-scrollbar-thumb { border-radius: 2px } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuLeft .listBox a { min-height: 56px; line-height: 26px; font-size: 18px; border-left-width: 4px; padding: 12px 19px; margin-bottom: 6px } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuLeft .listBox a i { font-size: 13px; margin-left: 20px } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuLeft .more { width: 401px; height: 45px; line-height: 43px; font-size: 14px; border-radius: 28px; padding: 0 20px; margin-top: 27px } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuLeft .more span { margin-right: 39px } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuLeft .more i { font-size: 16px; -webkit-transform: rotate(-45deg) translateY(2px); -ms-transform: rotate(-45deg) translateY(2px); transform: rotate(-45deg) translateY(2px) } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuMain { padding-top: 50px } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuMain .solutionDropDownMenuLevelBox .solutionDropDownMenuLevel .levelBox { margin-top: 20px; margin-right: 47px; max-height: 280px; padding-right: 40px } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuMain .solutionDropDownMenuLevelBox .solutionDropDownMenuLevel .levelBox::-webkit-scrollbar { width: 2px; height: 2px } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuMain .solutionDropDownMenuLevelBox .solutionDropDownMenuLevel .levelBox::-webkit-scrollbar-track { border-radius: 2px } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuMain .solutionDropDownMenuLevelBox .solutionDropDownMenuLevel .levelBox::-webkit-scrollbar-thumb { border-radius: 2px } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuMain .solutionDropDownMenuLevelBox .solutionDropDownMenuLevel .levelBox a { font-size: 16px; line-height: 28px; margin-bottom: 26px; padding-right: 30px } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuMain .solutionDropDownMenuLevelBox .solutionDropDownMenuLevel .levelImages { width: 600px; border-radius: 4px } .dropDownMenu .solutionDropDownMenuList .solutionDropDownMenuMain .solutionDropDownMenuLevelBox .solutionDropDownMenuLevel .levelImages .swiper-wrapper .swiper-slide img { height: 325px } .dropDownMenu .productDropDownMenuList { border-radius: 15px; margin: 15px -80px 0 } .dropDownMenu .productDropDownMenuList .productDropDownMenuLeft { width: 585px; padding: 60px 54.5px 60px 115px } .dropDownMenu .productDropDownMenuList .productDropDownMenuLeft .productDropDownMenuLeftBox { max-height: 690px; padding-right: 54.5px } .dropDownMenu .productDropDownMenuList .productDropDownMenuLeft .productDropDownMenuLeftBox::-webkit-scrollbar { width: 2px; height: 2px } .dropDownMenu .productDropDownMenuList .productDropDownMenuLeft .productDropDownMenuLeftBox::-webkit-scrollbar-track { border-radius: 2px } .dropDownMenu .productDropDownMenuList .productDropDownMenuLeft .productDropDownMenuLeftBox::-webkit-scrollbar-thumb { border-radius: 2px } .dropDownMenu .productDropDownMenuList .productDropDownMenuLeft .productDropDownMenuLeftBox .title { font-size: 18px; margin-bottom: 17px } .dropDownMenu .productDropDownMenuList .productDropDownMenuLeft .productDropDownMenuLeftBox .listBox { margin-bottom: 42px } .dropDownMenu .productDropDownMenuList .productDropDownMenuLeft .productDropDownMenuLeftBox .listBox a { font-size: 16px; min-height: 52px; line-height: 26px; padding: 12px 20px 12px 30px; border-left-width: 4px } .dropDownMenu .productDropDownMenuList .productDropDownMenuLeft .productDropDownMenuLeftBox .listBox a:before { left: 15px; width: 6px; height: 6px } .dropDownMenu .productDropDownMenuList .productDropDownMenuLeft .productDropDownMenuLeftBox .listBox a .new { right: 16px; width: 34px } .dropDownMenu .productDropDownMenuList .productDropDownMenuMain { margin: -18px -13px; padding: 81px 84px 81px 97px } .dropDownMenu .productDropDownMenuList .productDropDownMenuMain .productDropDownMenuLevelBox { max-height: 690px; padding-right: 64px } .dropDownMenu .productDropDownMenuList .productDropDownMenuMain .productDropDownMenuLevelBox::-webkit-scrollbar { width: 2px; height: 2px } .dropDownMenu .productDropDownMenuList .productDropDownMenuMain .productDropDownMenuLevelBox::-webkit-scrollbar-track { border-radius: 2px } .dropDownMenu .productDropDownMenuList .productDropDownMenuMain .productDropDownMenuLevelBox::-webkit-scrollbar-thumb { border-radius: 2px } .dropDownMenu .productDropDownMenuList .productDropDownMenuMain .productDropDownMenuLevelBox .productDropDownMenuLevel a { width: calc(33.33% - 26px); margin: 18px 13px } .dropDownMenu .productDropDownMenuList .productDropDownMenuMain .productDropDownMenuLevelBox .productDropDownMenuLevel a .tag { top: 20px; left: 20px; font-size: 12px; padding: 0 12px; line-height: 27px; border-radius: 30px } .dropDownMenu .productDropDownMenuList .productDropDownMenuMain .productDropDownMenuLevelBox .productDropDownMenuLevel a .image { padding: 30px 0 10px; border-radius: 8px } .dropDownMenu .productDropDownMenuList .productDropDownMenuMain .productDropDownMenuLevelBox .productDropDownMenuLevel a .image img { width: 203px; height: 203px } .dropDownMenu .productDropDownMenuList .productDropDownMenuMain .productDropDownMenuLevelBox .productDropDownMenuLevel a .title { font-size: 18px; line-height: 30px; margin-top: 20px } #footer { padding: 190px 0 48px } #footer.footerHeight { padding-top: 90px } #footer .footerHead { padding-bottom: 48px; margin-bottom: 60px } #footer .footerHead .footerHeadLeft .logo img { width: 251px; height: 71px } #footer .footerHead .footerHeadRight .subscribeEmail .input input { height: 54px; font-size: 16px; padding: 20px 0 } #footer .footerHead .footerHeadRight .subscribeEmail .input input::-webkit-input-placeholder { font-size: 16px } #footer .footerHead .footerHeadRight .subscribeEmail .input input::-moz-placeholder { font-size: 16px } #footer .footerHead .footerHeadRight .subscribeEmail .input input:-ms-input-placeholder { font-size: 16px } #footer .footerHead .footerHeadRight .subscribeEmail .input input::placeholder { font-size: 16px } #footer .footerHead .footerHeadRight .subscribeEmail .input .submit { right: -6px; font-size: 20px } #footer .footerHead .footerHeadRight .subscribeEmail .input .intro { font-size: 18px; margin-bottom: -12px } #footer .footerHead .footerHeadRight .subscribeEmail>.intro { font-size: 14px; line-height: 25px; margin-top: 14px } #footer .footerMain { margin-bottom: 80px } #footer .footerMain .footerMainLeft { width: 415px; margin-right: 180px } #footer .footerMain .footerMainLeft .list { margin-bottom: 23px } #footer .footerMain .footerMainLeft .list .title { margin-bottom: 4px } #footer .footerMain .footerMainLeft .list .title img { width: 17px; height: 17px; margin-right: 9px } #footer .footerMain .footerMainLeft .list .title span { font-size: 18px; font-weight: 600 } #footer .footerMain .footerMainLeft .list .intro { font-size: 16px } #footer .footerMain .footerMainLeft .shareBox a { width: 50px; height: 50px; border-radius: 4px; margin-right: 10px } #footer .footerMain .footerMainLeft .shareBox a img { width: 48px; height: 48px } #footer .footerMain .footerMainRight dl { margin-right: 40px } #footer .footerMain .footerMainRight dl dt { margin-bottom: 8px } #footer .footerMain .footerMainRight dl dt a { font-size: 18px } #footer .footerMain .footerMainRight dl dd { margin-bottom: 11px } #footer .footerMain .footerMainRight dl dd a { font-size: 16px; line-height: 24px } #footer .footerOther .copyright { font-size: 14px; padding-top: 16px } #footer .footerOther .copyright a { font-size: 14px } #footer .footerOther .footerContact img { width: 95px; height: 95px; margin-right: 12px } #footer .footerOther .footerContact a { width: 136px; height: 46px; line-height: 46px; font-size: 14px; border-radius: 23px; margin-left: 20px } #slidebar.active .slidebarMain { box-shadow: 0 0 20px #ddd } #slidebar .slidebarBtn { padding: 15px; font-size: 16px; border-radius: 5px 0 0 5px; box-shadow: 0 0 7px rgba(0,0,0,.3) } #slidebar .slidebarMain { width: 330px; padding: 5px 20px; margin-right: -330px } #slidebar .slidebarMain ul li { padding: 10px 0 15px } #slidebar .slidebarMain ul li .title { font-size: 16px } #slidebar .slidebarMain ul li .intro { font-size: 14px; margin-bottom: 5px } #slidebar .slidebarMain ul li .more { font-size: 15px; margin: 12px 0 0 } #slidebar .slidebarMain ul li .more img { width: 20px; height: 20px; margin-right: 6px } #slidebar .slidebarMain .other { padding: 10px 0 15px } #slidebar .slidebarMain .other .title { font-size: 16px; margin-bottom: 4px } #slidebar .slidebarMain .other .subTitle { font-size: 13px; margin-left: 13px } #slidebar .slidebarMain .other .intro { font-size: 13px; margin-left: 26px } .indexTitle .title { font-size: 20px } .indexTitle .intro { font-size: 50px; line-height: 56px } .indexTitle .desc { font-size: 20px; margin-top: 6px } #banner .swiper-wrapper .swiper-slide .content .tab { font-size: 24px; width: 115px; height: 41px; line-height: 41px; margin-bottom: 10px } #banner .swiper-wrapper .swiper-slide .content .title { font-size: 70px; line-height: 84px; margin-bottom: 27px } #banner .swiper-wrapper .swiper-slide .content .intro { font-size: 26px; line-height: 40px; margin-bottom: 65px } #banner .swiper-wrapper .swiper-slide .content .more { width: 246px; height: 57px; line-height: 57px; font-size: 16px; border-radius: 28px } #banner .swiper-wrapper .swiper-slide .content .more:hover { box-shadow: 0 10px 20px rgba(196,8,8,.7) } #banner .swiper-wrapper .swiper-slide .content .more span { margin-right: 86px } #banner .swiper-wrapper .swiper-slide .content .more i { font-size: 20px } #banner .swiper-pagination { bottom: 75px; width: 1700px } #banner .swiper-pagination .swiper-pagination-bullet { width: 23px; height: 4px; border-radius: 2px; margin-right: 7px } #banner .swiper-pagination .swiper-pagination-bullet-active { width: 45px } #indexProducts { min-height: 1030px; padding: 100px 0 0 } #indexProducts .indexProductsList { margin: 45px 0 60px } #indexProducts .indexProductsList .list { width: 180px; height: 55px; line-height: 53px; border-radius: 34px; margin-right: 9px; font-size: 22px } #buttonitem { min-height: 130px; padding: 10px 0 0 } #buttonitem .indexProductsList { margin: 15px 0 60px } #buttonitem .indexProductsList .list { width: 180px; height: 55px; line-height: 53px; border-radius: 34px; margin-right: 9px; font-size: 22px } #indexProducts .indexProductsMainBox .indexProductsMain { width: calc(100% + 20px); margin-left: -10px; padding-top: 110px; margin-top: -110px } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide { width: 25%; height: 580px; padding: 0 10px } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide:hover { width: 50% } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide .list { border-radius: 4px; padding: 50px 0; height: 580px } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide .list:hover .image { -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px) } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide .list .commonBg { border-radius: 4px } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide .list .tag { top: 20px; left: 20px; font-size: 14px; padding: 0 18px; line-height: 36px; border-radius: 30px } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide .list .image { margin-bottom: 16px } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide .list .image img { width: 375px; height: 375px } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide .list .content { padding: 0 40px } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide .list .content .title { font-size: 26px; margin-bottom: 8px } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide .list .content .intro { font-size: 18px; line-height: 22px; height: 44px } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide .list .content .more { line-height: 24px; font-size: 16px } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide .list .content .more span { margin-right: 9px } #indexProducts .indexProductsMainBox .indexProductsMain .swiper-wrapper .swiper-slide .list .content .more i { -webkit-transform: rotate(-45deg) translateY(2px); -ms-transform: rotate(-45deg) translateY(2px); transform: rotate(-45deg) translateY(2px) } #indexProducts .indexProductsMainBox .indexProductsMain .indexProductsBtns { right: 10px } #indexProducts .indexProductsMainBox .indexProductsMain .indexProductsBtns .swiper-button-prev,#indexProducts .indexProductsMainBox .indexProductsMain .indexProductsBtns .swiper-button-next { width: 43px; height: 43px; line-height: 43px } #indexProducts .indexProductsMainBox .indexProductsMain .indexProductsBtns .swiper-button-prev { margin-right: 12px } #indexServices { padding: 96px 0 101px } #indexServices .indexServicesMain { border-radius: 4px; margin-top: 41px } #indexServices .indexServicesMain .indexServicesList .swiper-wrapper .swiper-slide { height: 770px; padding: 0 114px } #indexServices .indexServicesMain .indexServicesList .swiper-wrapper .swiper-slide:after { width: 325px; height: 278px } #indexServices .indexServicesMain .indexServicesList .swiper-wrapper .swiper-slide:hover { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px) } #indexServices .indexServicesMain .indexServicesList .swiper-wrapper .swiper-slide:hover .intro { max-height: 88px } #indexServices .indexServicesMain .indexServicesList .swiper-wrapper .swiper-slide .commonBg:after { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px) } #indexServices .indexServicesMain .indexServicesList .swiper-wrapper .swiper-slide .icon img { width: 60px; height: 60px } #indexServices .indexServicesMain .indexServicesList .swiper-wrapper .swiper-slide .title { font-size: 30px; margin: 20px 0 10px } #indexServices .indexServicesMain .indexServicesList .swiper-wrapper .swiper-slide .intro { font-size: 18px; line-height: 22px } #indexSolutions .indexSolutionsMain .swiper-wrapper .swiper-slide a .image { width: calc(100% + 80px) } #indexSolutions .indexSolutionsMain .swiper-wrapper .swiper-slide a .image img { height: 960px } #indexSolutions .indexSolutionsMain .swiper-wrapper .swiper-slide a .content { top: 130px } #indexSolutions .indexSolutionsMain .swiper-wrapper .swiper-slide a .content .more { width: 246px; height: 57px; line-height: 55px; font-size: 16px; border-radius: 57px; margin-top: 42px } #indexSolutions .indexSolutionsMain .swiper-wrapper .swiper-slide a .content .more:hover { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px) } #indexSolutions .indexSolutionsMain .swiper-wrapper .swiper-slide a .content .more span { margin-right: 86px } #indexSolutions .indexSolutionsMain .swiper-wrapper .swiper-slide a .content .more i { font-size: 20px } #indexSolutions .indexSolutionsList { height: 140px; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px) } #indexSolutions .indexSolutionsList .swiper-wrapper .swiper-slide { padding: 29px 25px } #indexSolutions .indexSolutionsList .swiper-wrapper .swiper-slide a .icon { margin-bottom: 11px } #indexSolutions .indexSolutionsList .swiper-wrapper .swiper-slide a .icon img { width: 42px; height: 42px } #indexSolutions .indexSolutionsList .swiper-wrapper .swiper-slide a .title { font-size: 20px } #indexTechnology { padding: 104px 0 101px } #indexTechnology .indexTechnologyTitle { margin-bottom: -220px } #indexTechnology .indexTechnologyMain .indexTechnologyLeft:after { top: -20px; width: 793px; height: 300px; border-radius: 4px } #indexTechnology .indexTechnologyMain .indexTechnologyLeft .swiper-wrapper .swiper-slide .image { border-radius: 4px } #indexTechnology .indexTechnologyMain .indexTechnologyLeft .swiper-wrapper .swiper-slide .image img { min-height: 895px } #indexTechnology .indexTechnologyMain .indexTechnologyLeft .swiper-wrapper .swiper-slide .contentBox { bottom: 60px; margin: 0 80px; padding: 20px 40px 35px 0; border-radius: 4px } #indexTechnology .indexTechnologyMain .indexTechnologyLeft .swiper-wrapper .swiper-slide .contentBox .icon { width: 157px } #indexTechnology .indexTechnologyMain .indexTechnologyLeft .swiper-wrapper .swiper-slide .contentBox .icon img { width: 50px; height: 50px } #indexTechnology .indexTechnologyMain .indexTechnologyLeft .swiper-wrapper .swiper-slide .contentBox .content .title { font-size: 20px; margin-bottom: 9px } #indexTechnology .indexTechnologyMain .indexTechnologyLeft .swiper-wrapper .swiper-slide .contentBox .content .intro { font-size: 15px; line-height: 22px } #indexTechnology .indexTechnologyMain .indexTechnologyRight { padding-top: 194px } #indexTechnology .indexTechnologyMain .indexTechnologyRight .indexTechnologyList { margin-top: 61px } #indexTechnology .indexTechnologyMain .indexTechnologyRight .indexTechnologyList .swiper-wrapper .swiper-slide { padding: 19px 20px 19px 0; margin-bottom: 14px } #indexTechnology .indexTechnologyMain .indexTechnologyRight .indexTechnologyList .swiper-wrapper .swiper-slide:before { border-radius: 4px; border-width: 2px } #indexTechnology .indexTechnologyMain .indexTechnologyRight .indexTechnologyList .swiper-wrapper .swiper-slide:after { border-radius: 4px } #indexTechnology .indexTechnologyMain .indexTechnologyRight .indexTechnologyList .swiper-wrapper .swiper-slide a .icon { width: 158px } #indexTechnology .indexTechnologyMain .indexTechnologyRight .indexTechnologyList .swiper-wrapper .swiper-slide a .icon img { width: 50px; height: 50px } #indexTechnology .indexTechnologyMain .indexTechnologyRight .indexTechnologyList .swiper-wrapper .swiper-slide a .content .title { font-size: 20px } #indexTechnology .indexTechnologyMain .indexTechnologyRight .indexTechnologyList .swiper-wrapper .swiper-slide a .content .intro { font-size: 15px; line-height: 22px; margin-top: 7px } #indexNews { padding: 103px 0 0 } #indexNews .indexNewsMain { margin: 56px 0 0 } #indexNews .indexNewsMain .indexNewsLeft { width: 1100px } #indexNews .indexNewsMain .indexNewsLeft .swiper-wrapper { margin: -10px } #indexNews .indexNewsMain .indexNewsLeft .swiper-wrapper .swiper-slide { width: calc(50% - 20px); height: 210px; margin: 10px } #indexNews .indexNewsMain .indexNewsLeft .swiper-wrapper .swiper-slide a { border-radius: 4px; padding: 30px } #indexNews .indexNewsMain .indexNewsLeft .swiper-wrapper .swiper-slide a .image { width: 150px; border-radius: 4px } #indexNews .indexNewsMain .indexNewsLeft .swiper-wrapper .swiper-slide a .image img { height: 150px } #indexNews .indexNewsMain .indexNewsLeft .swiper-wrapper .swiper-slide a .content { margin-left: 26px; padding: 15px 0 0 } #indexNews .indexNewsMain .indexNewsLeft .swiper-wrapper .swiper-slide a .content .title { font-size: 18px; line-height: 24px; height: 72px; margin-bottom: 20px } #indexNews .indexNewsMain .indexNewsLeft .swiper-wrapper .swiper-slide a .content .time { line-height: 25px; font-size: 15px; border-radius: 2px; padding: 0 17px } #indexNews .indexNewsMain .indexNewsRight { width: 600px; border-radius: 4px } #indexNews .indexNewsMain .indexNewsRight .swiper-wrapper .swiper-slide a .image img { height: 440px } #indexNews .indexNewsMain .indexNewsRight .swiper-wrapper .swiper-slide a .content { padding: 0 162px 46px 38px } #indexNews .indexNewsMain .indexNewsRight .swiper-wrapper .swiper-slide a .content .title { font-size: 18px; line-height: 24px; max-height: 72px; margin-bottom: 20px } #indexNews .indexNewsMain .indexNewsRight .swiper-wrapper .swiper-slide a .content .time { line-height: 25px; font-size: 15px; border-radius: 2px; padding: 0 17px } #indexNews .indexNewsNetwork { min-height: 380px; padding: 43px 0 0 70px; border-radius: 4px; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px) } #indexNews .indexNewsNetwork .title { font-size: 45px; margin-bottom: 7px } #indexNews .indexNewsNetwork .intro { font-size: 15px; line-height: 22px; width: 567px; margin-bottom: 35px } #indexNews .indexNewsNetwork .listBox .list { padding: 0 85px } #indexNews .indexNewsNetwork .listBox .list img { width: 65px; height: 65px } #indexNews .indexNewsNetwork .listBox .list p { font-size: 18px; margin-top: 16px } #indexChoose { border-radius: 4px; -webkit-transform: translateY(115px); -ms-transform: translateY(115px); transform: translateY(115px); padding: 104px 250px 133px } #indexChoose .title { font-size: 44px; line-height: 55px; margin-bottom: 38px } #indexChoose .intro { font-size: 18px; line-height: 27px; margin-bottom: 73px } #indexChoose .btns a { min-width: 246px; height: 57px; line-height: 55px; font-size: 14px; border-radius: 28px; padding: 0 20px; margin-right: 23px } #indexChoose .btns a span { margin-right: 93px } #indexChoose .btns a i { font-size: 20px; -webkit-transform: rotate(-45deg) translateY(2px); -ms-transform: rotate(-45deg) translateY(2px); transform: rotate(-45deg) translateY(2px) } #detailBanner .image { width: 100% } #detailBanner .content .title { font-size: 70px; line-height: 84px; margin-bottom: 27px } #detailBanner .content .intro { font-size: 26px; line-height: 40px } #breadcrumbNav { height: 90px; line-height: 90px; margin-top: -90px } #breadcrumbNav img { width: 14px; height: 14px; margin-right: 11px } #breadcrumbNav i { font-size: 10px; margin: 0 8px } #breadcrumbNav a { font-size: 14px } #productsList { padding: 80px 0 0 } #productsList .productsListWrapper { margin-bottom: 93px } #productsList .productsListWrapper:nth-child(3) .productsListMain .list { width: calc(50% - 16px) } #productsList .productsListWrapper:nth-child(3) .productsListMain .list .image img { height: 657px } #productsList .productsListWrapper .productsListTitle { margin-bottom: 32px } #productsList .productsListWrapper .productsListTitle .title { font-size: 40px; margin-bottom: 18px } #productsList .productsListWrapper .productsListTitle .intro { font-size: 20px; line-height: 28px } #productsList .productsListWrapper .productsListMain { margin: -8px } #productsList .productsListWrapper .productsListMain .list { width: calc(33.33% - 16px); margin: 8px } #productsList .productsListWrapper .productsListMain .list .image img { width: 100%; height: 701px } #productsList .productsListWrapper .productsListMain .list .content { padding: 98px 20px 0 } #productsList .productsListWrapper .productsListMain .list .content .title { font-size: 28px; margin-bottom: 20px } #productsList .productsListWrapper .productsListMain .list .content .more { width: 173px; height: 45px; line-height: 43px; font-size: 13px; border-radius: 22px } #productsList .productsListWrapper .productsListMain .list .content .more span { margin-right: 43px } #productsList .productsListWrapper .productsListMain .list .content .more i { font-size: 18px } #getInTouch { height: 628px; padding: 94px 0 0 } #getInTouch.solutionDetailGetInTouch { margin-bottom: -130px } #getInTouch .getInTouchTitle { margin-bottom: 88px } #getInTouch .getInTouchTitle .title { font-size: 40px; margin-bottom: 2px } #getInTouch .getInTouchTitle .intro { font-size: 26px; margin-bottom: 39px } #getInTouch .getInTouchTitle .more { width: 192px; height: 50px; line-height: 48px; font-size: 16px; border-radius: 25px } #getInTouch .getInTouchTitle .more span { margin-right: 43px } #getInTouch .getInTouchTitle .more i { font-size: 18px } #getInTouch .getInTouchMain { min-height: 389px; padding: 74px 557px 0 101px; border-radius: 4px } #getInTouch .getInTouchMain .title { font-size: 40px; margin-bottom: 10px; line-height: 42px } #getInTouch .getInTouchMain .intro { font-size: 18px; line-height: 27px; margin-bottom: 47px } #getInTouch .getInTouchMain .more { min-width: 246px; height: 57px; line-height: 55px; font-size: 16px; border-radius: 28px; padding: 0 20px; margin-right: 23px } #getInTouch .getInTouchMain .more:hover { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px) } #getInTouch .getInTouchMain .more span { margin-right: 93px } #getInTouch .getInTouchMain .more i { font-size: 18px } #productsList2 { padding: 88px 0 130px } #productsList2 .productsList2Head { margin-bottom: 78px } #productsList2 .productsList2Head .productsList2Select .title { font-size: 16px } #productsList2 .productsList2Head .productsList2Select .selects .select { margin-left: 12px; height: 63px } #productsList2 .productsList2Head .productsList2Select .selects .select input { width: 234px; height: 63px; font-size: 16px; padding: 0 24px } #productsList2 .productsList2Head .productsList2Select .selects .select .layui-form-select .layui-edge { right: 24px; border-width: 2px; width: 10px; height: 10px; margin-top: -5px } #productsList2 .productsList2Head .productsList2Select .selects .select .layui-form-select dl { top: 73px } #productsList2 .productsList2Head .productsList2Select .selects .select .layui-form-select dl dd,#productsList2 .productsList2Head .productsList2Select .selects .select .layui-form-select dl dt { font-size: 14px; line-height: 36px } #productsList2 .productsList2Head .productsList2Search { width: 510px } #productsList2 .productsList2Head .productsList2Search i { left: 16px; font-size: 20px } #productsList2 .productsList2Head .productsList2Search input[type=text] { font-size: 16px; padding: 0 47px } #productsList2 .productsList2Head .productsList2Search .submit { width: 107px; height: 63px; line-height: 63px; font-size: 16px } #productsList2 .productsList2Main .productsList2Wrapper { margin-bottom: 60px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title>.title { font-size: 40px; margin-bottom: 34px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterTarget span { font-size: 20px; margin-right: 12px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterTarget img { width: 35px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup { top: 50px; width: 340px; padding: 25px; border-radius: 12px; box-shadow: 0 0 20px #eee } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper .bigTitle { line-height: 70px; font-size: 20px; margin-right: 12px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper .closeBtn { width: 38px; height: 38px; line-height: 36px; border-width: 2px; font-size: 17px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper .title { line-height: 75px; font-size: 18px; padding: 0 12px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper .options { padding: 0 20px 20px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper .options .option { margin-bottom: 12px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper .options .option .layui-form-checkbox>div { font-size: 16px; border-radius: 2px 0 0 2px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper .options .option .layui-form-checkbox[lay-skin=primary]>div { margin-top: -1px; padding-right: 15px; line-height: 20px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper .options .option .layui-form-checkbox[lay-skin=primary]>i { width: 16px; height: 16px; line-height: 14px; font-size: 12px; border-radius: 2px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper .options .option .layui-form-checkbox[lay-skin=primary] { min-width: 18px; min-height: 18px; padding-left: 28px; margin-right: 33px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Title .filter .filterPopup .wrapper .btn { border-radius: 30px; font-size: 13px; width: 130px; line-height: 34px; margin-top: 30px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main { margin: -8px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list { width: 25%; padding: 8px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list a { border-radius: 12px; padding-top: 40px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list a .tag { top: 20px; left: 20px; font-size: 14px; padding: 0 18px; line-height: 36px; border-radius: 30px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list a .image { width: 304px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list a .image img { width: 304px; height: 304px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list a .content { padding: 40px 34px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list a .content .title { font-size: 22px; margin-bottom: 6px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list a .content .title:before { width: 12px; height: 12px; border-width: 3px; margin-right: 12px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list a .content .subTitle { font-size: 16px; margin-bottom: 13px; line-height: 24px; height: 48px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list a .content .intro { font-size: 14px; line-height: 20px; height: 60px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list a .content .more { width: 198px; height: 46px; line-height: 44px; border-radius: 23px; font-size: 13px; margin: 20px auto 0 } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list a .content .more span { margin-right: 70px } #productsList2 .productsList2Main .productsList2Wrapper .productsList2Main .list a .content .more i { font-size: 18px } #estoneMedicalTablets { padding: 109px 0 80px } #estoneMedicalTablets .estoneMedicalTabletsTitle { font-size: 40px; margin-bottom: 33px } #estoneMedicalTablets .estoneMedicalTabletsMain { padding-top: 20px } #estoneMedicalTablets .estoneMedicalTabletsMain .swiper-wrapper .swiper-slide:hover { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px) } #estoneMedicalTablets .estoneMedicalTabletsMain .swiper-wrapper .swiper-slide a { min-height: 342px; padding: 66px 20px 50px } #estoneMedicalTablets .estoneMedicalTabletsMain .swiper-wrapper .swiper-slide img { width: 80px; height: 80px } #estoneMedicalTablets .estoneMedicalTabletsMain .swiper-wrapper .swiper-slide p { font-size: 24px; line-height: 31px; margin-top: 54px } #estoneMedicalTablets .estoneMedicalTabletsMain .swiper-pagination { margin-top: 45px } #estoneMedicalTablets .estoneMedicalTabletsMain .swiper-pagination .swiper-pagination-bullet { width: 22px; height: 6px; border-radius: 6px; margin-right: 7px } #estoneMedicalTablets .estoneMedicalTabletsMain .swiper-pagination .swiper-pagination-bullet-active { width: 30px } #solutionsList { padding: 91px 0 62px } #solutionsList .bigTitle { font-size: 40px; margin-bottom: 32px } #solutionsList .listBox { margin: -15px -15px 60px } #solutionsList .listBox .list { width: calc(25% - 30px); margin: 15px; padding: 43px 51px 95px } #solutionsList .listBox .list .image { margin-bottom: 33px } #solutionsList .listBox .list .image img { height: 360px } #solutionsList .listBox .list .content .title { font-size: 24px; line-height: 27px; min-height: 54px; margin-bottom: 23px } #solutionsList .listBox .list .content .intro { font-size: 16px; line-height: 22px; margin-bottom: 49px; height: 88px } #solutionsList .listBox .list .content .more { width: 198px; height: 46px; line-height: 44px; border-radius: 23px; font-size: 13px } #solutionsList .listBox .list .content .more:hover { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px) } #solutionsList .listBox .list .content .more span { margin-right: 70px } #solutionsList .listBox .list .content .more i { font-size: 18px } #solutionDetail { padding: 98px 0 126px } #solutionDetail ul li { margin-bottom: 48px } #solutionDetail ul li .image { width: 719px } #solutionDetail ul li .image img { height: 511px } #solutionDetail ul li .content { padding: 40px 75px } #solutionDetail ul li .content .title { font-size: 34px; margin-bottom: 12px } #solutionDetail ul li .content .intro { font-size: 18px; line-height: 25px } #twosolutionDetail { padding: 98px 0 126px } #twosolutionDetail ul li { margin-bottom: 48px } #twosolutionDetail ul li .image { width: 719px } #twosolutionDetail ul li .image img { height: 511px } #twosolutionDetail ul li .content { padding: 40px 75px } #twosolutionDetail ul li .content .title { font-size: 34px; margin-bottom: 12px } #twosolutionDetail ul li .content .intro { font-size: 18px; line-height: 25px } #relatedSolutions { padding: 91px 0 103px } #relatedSolutions .relatedSolutionsTitle { font-size: 40px; margin-bottom: 35px } #relatedSolutions .relatedSolutionsMain .swiper-wrapper .swiper-slide .list .image img { height: 436px } #relatedSolutions .relatedSolutionsMain .swiper-wrapper .swiper-slide .list .title { font-size: 22px; padding: 60px 38px 30px } #relatedProducts { padding: 100px 0 20px } #relatedProducts #getInTouch { margin-bottom: 280px } #relatedProducts .relatedProductsTitle { font-size: 40px; margin-bottom: 38px } #relatedProducts .relatedProductsMain { padding-top: 10px; margin-bottom: 80px } #relatedProducts .relatedProductsMain .swiper-wrapper .swiper-slide .list { border-radius: 12px; padding-top: 40px } #relatedProducts .relatedProductsMain .swiper-wrapper .swiper-slide .list .tag { top: 20px; left: 20px; font-size: 14px; padding: 0 18px; line-height: 36px; border-radius: 30px } #relatedProducts .relatedProductsMain .swiper-wrapper .swiper-slide .list .image { width: 304px } #relatedProducts .relatedProductsMain .swiper-wrapper .swiper-slide .list .image img { width: 304px; height: 304px } #relatedProducts .relatedProductsMain .swiper-wrapper .swiper-slide .list .content { padding: 40px 34px } #relatedProducts .relatedProductsMain .swiper-wrapper .swiper-slide .list .content .title { font-size: 22px; margin-bottom: 6px } #relatedProducts .relatedProductsMain .swiper-wrapper .swiper-slide .list .content .title:before { width: 12px; height: 12px; border-width: 3px; margin-right: 12px } #relatedProducts .relatedProductsMain .swiper-wrapper .swiper-slide .list .content .subTitle { font-size: 16px; margin-bottom: 13px; line-height: 24px; height: 48px } #relatedProducts .relatedProductsMain .swiper-wrapper .swiper-slide .list .content .intro { font-size: 14px; line-height: 20px; height: 60px } #relatedProducts .relatedProductsMain .swiper-pagination { height: 2px; margin-top: 41px } #productIntro { padding: 200px 0 111px } #productIntro .productIntroLeft { width: 700px } #productIntro .productIntroLeft .productIntroImages { margin-bottom: 30px } #productIntro .productIntroLeft .productIntroImages .swiper-wrapper .swiper-slide img { width: 698px; height: 698px } #productIntro .productIntroLeft .productIntroListBox { margin-bottom: 64px } #productIntro .productIntroLeft .productIntroListBox .prevBtn,#productIntro .productIntroLeft .productIntroListBox .nextBtn { height: 105px; line-height: 105px; font-size: 18px } #productIntro .productIntroLeft .productIntroListBox .productIntroList { width: 574px } #productIntro .productIntroLeft .productIntroListBox .productIntroList .swiper-wrapper .swiper-slide:after { border-width: 2px } #productIntro .productIntroLeft .productIntroListBox .productIntroList .swiper-wrapper .swiper-slide img { width: 105px; height: 105px } #productIntro .productIntroLeft .productIntroOther .btn { width: 340px; height: 57px; line-height: 57px; border-radius: 4px; font-size: 16px; padding: 0 20px 0 30px } #productIntro .productIntroLeft .productIntroOther .btn.inquiriesBtn i { font-size: 22px } #productIntro .productIntroLeft .productIntroOther .btn.dataSheetBtn img { height: 27px } #productIntro .productIntroRight { width: 907px } #productIntro .productIntroRight>.title { font-size: 40px; margin-bottom: 18px } #productIntro .productIntroRight>.line { margin-bottom: 40px } #productIntro .productIntroRight>.line:after { width: 76px; height: 6px } #productIntro .productIntroRight>.intro { font-size: 18px; line-height: 26px; margin-bottom: 50px } #productIntro .productIntroRight>.intro p { margin-bottom: 24px } #productIntro .productIntroRight .listBox { margin: -4.5px -4.5px 30px } #productIntro .productIntroRight .listBox .list { width: calc(33.3% - 9px); margin: 4.5px; min-height: 140px; padding: 20px 30px } #productIntro .productIntroRight .listBox .list img { width: 43px; height: 43px } #productIntro .productIntroRight .listBox .list p { font-size: 16px; line-height: 20px; margin-top: 15px } #productIntro .productIntroRight .listBox2 { margin-bottom: 49px } #productIntro .productIntroRight .listBox2 .title { font-size: 18px; margin-bottom: 15px } #productIntro .productIntroRight .listBox2 .listBox2Main .list { margin-bottom: 15px } #productIntro .productIntroRight .listBox2 .listBox2Main .list .icon { margin-right: 10px; padding-top: 2px } #productIntro .productIntroRight .listBox2 .listBox2Main .list .icon svg { width: 20px; height: 20px } #productIntro .productIntroRight .listBox2 .listBox2Main .list .intro { font-size: 18px; line-height: 26px } #productIntro .productIntroRight .btns .btn { width: 340px; height: 57px; line-height: 57px; border-radius: 4px; font-size: 16px; padding: 0 20px 0 30px } #productIntro .productIntroRight .btns .btn.inquiriesBtn i { font-size: 22px } #productDetail { padding: 101px 0 150px } #productDetail+#relatedProducts { padding-bottom: 90px } #productDetail .productDetailList { height: 94px; line-height: 89px; padding: 5px 5px 0; border-radius: 8px 8px 0 0 } #productDetail .productDetailList .list a { font-size: 22px; border-radius: 8px 8px 0 0 } #productDetail .productDetailMain { padding: 63px 65px; border-radius: 0 0 8px 8px } #productDetail .productDetailMain .productDetailDownload ul li { margin-bottom: 20px } #productDetail .productDetailMain .productDetailDownload .padCard { height: 76px; padding: 0px 43px 0px 36px; border-radius: 10px } #productDetail .productDetailMain .productDetailDownload .padCard .title img { height: 31px } #productDetail .productDetailMain .productDetailDownload .padCard .title span { font-size: 17px; margin-left: 21px } #productDetail .productDetailMain .productDetailDownload .padCard .other .time { margin-right: 44px } #productDetail .productDetailMain .productDetailDownload .padCard .other .time img { width: 22px; height: 22px; margin-right: 8px } #productDetail .productDetailMain .productDetailDownload .padCard .other .time span { font-size: 16px } #productDetail .productDetailMain .productDetailDownload .padCard .other .size { margin-right: 40px } #productDetail .productDetailMain .productDetailDownload .padCard .other .size img { width: 22px; height: 22px; margin-right: 8px } #productDetail .productDetailMain .productDetailDownload .padCard .other .size span { font-size: 16px } #productDetail .productDetailMain .productDetailDownload .padCard .other .view { margin-right: 40px } #productDetail .productDetailMain .productDetailDownload .padCard .other .view img { width: 22px; height: 22px; margin-right: 8px } #productDetail .productDetailMain .productDetailDownload .padCard .other .view span { font-size: 16px; line-height: 42px } #productDetail .productDetailMain .productDetailDownload .padCard .other .download img { width: 22px; height: 22px; margin-right: 8px } #productDetail .productDetailMain .productDetailDownload .padCard .other .download span { font-size: 16px } #productDetail .productDetailMain .productDetailDownload .padCard:hover { box-shadow: 4px 7px 20px 1px rgba(41,34,15,0.1) } #productDetail .productDetailMain .productDetailHighlights ul li:nth-child(odd) .content { padding: 0 77px 0 56px } #productDetail .productDetailMain .productDetailHighlights ul li:nth-child(2n) .content { padding: 0 96px 0 56px } #productDetail .productDetailMain .productDetailHighlights ul li .image { width: 788px; border-radius: 10px } #productDetail .productDetailMain .productDetailHighlights ul li .image img { height: 562px } #productDetail .productDetailMain .productDetailHighlights ul li .content .title { font-size: 28px; line-height: 35px; margin-bottom: 20px } #productDetail .productDetailMain .productDetailHighlights ul li .content .intro { font-size: 17px; line-height: 26px } #productDetail .productDetailMain .productDetailSpecifications .productDetailSpecificationsList { margin-right: 150px } #productDetail .productDetailMain .productDetailSpecifications .productDetailSpecificationsList .productDetailSpecificationsListTitle { font-size: 28px; line-height: 26px; border-left-width: 5px; padding-left: 10px; margin-bottom: 40px } #productDetail .productDetailMain .productDetailSpecifications .productDetailSpecificationsList .productDetailSpecificationsListMain { top: 120px } #productDetail .productDetailMain .productDetailSpecifications .productDetailSpecificationsList .productDetailSpecificationsListMain .list { font-size: 20px; margin-bottom: 30px } #productDetail .productDetailMain .productDetailSpecifications .productDetailSpecificationsMain .wrapper { margin-bottom: 50px } #productDetail .productDetailMain .productDetailSpecifications .productDetailSpecificationsMain .wrapper .title { font-size: 22px; padding: 0 20px 8px; margin-bottom: 20px } #productDetail .productDetailMain .productDetailSpecifications .productDetailSpecificationsMain .wrapper table thead tr th { font-size: 16px; padding: 22px 20px } #productDetail .productDetailMain .productDetailSpecifications .productDetailSpecificationsMain .wrapper table thead tr th span { font-size: 16px !important } #productDetail .productDetailMain .productDetailSpecifications .productDetailSpecificationsMain .wrapper table tbody tr td { font-size: 16px; padding: 22px 20px } #productDetail .productDetailMain .productDetailSpecifications .productDetailSpecificationsMain .wrapper table tbody tr td span { font-size: 16px !important } #software { padding: 98px 0 145px } #software+#getInTouch { margin-bottom: 280px } #software ul li { margin-bottom: 97px } #software ul li .image { box-shadow: 0 3px 53px rgba(21,40,57,.1) } #software ul li .image img { height: 710px } #software ul li .content { padding: 0 55px 0 86px } #software ul li .content .title { font-size: 30px; margin-bottom: 20px; line-height: 37px } #software ul li .content .intro { font-size: 18px; line-height: 28px; margin-bottom: 44px } #software ul li .content a { width: 246px; height: 57px; line-height: 55px; border-radius: 28px; font-size: 16px } #software ul li .content a span { margin-right: 86px } #software ul li .content a i { font-size: 20px } #challenge { padding: 78px 0 } #challenge .challengeTitle { margin-bottom: 39px } #challenge .challengeTitle .title { font-size: 40px } #challenge .challengeTitle .intro { font-size: 18px; line-height: 27px } #challenge .challengeMain>ul { margin: -15px } #challenge .challengeMain>ul>li { width: calc(50% - 30px); min-height: 296px; margin: 15px; padding: 58px 49px; border-radius: 4px } #challenge .challengeMain>ul>li:before { border-radius: 4px } #challenge .challengeMain>ul>li:after { width: calc(100% - 40px); border-radius: 4px } #challenge .challengeMain>ul>li .icon { margin-bottom: 32px } #challenge .challengeMain>ul>li .icon img { width: 47px; height: 47px } #challenge .challengeMain>ul>li .number { top: 72px; right: 43px; font-size: 20px } #challenge .challengeMain>ul>li .title { font-size: 27px; margin-bottom: 9px } #challenge .challengeMain>ul>li .intro { font-size: 18px; line-height: 28px } #eLinkSoftware { max-width: 1920px; margin: 0 auto } #eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareImages ul li .content .image { max-height: 920px } #eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareImages ul li .content .image img { height: 920px } #eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareContents ul li .content { padding: 87px 100px 0; max-height: 920px; min-height: 920px } #eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareContents ul li .content .title { font-size: 40px; margin-bottom: 44px; padding-bottom: 53px } #eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareContents ul li .content .intro { font-size: 18px; line-height: 28px; margin-bottom: 103px } #eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareContents ul li .content .list ul:after { width: 2px } #eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareContents ul li .content .list ul li { font-size: 15px; line-height: 26px; padding: 8px 0 8px 20px } #eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareContents ul li .content .list ul li:after { width: 2px } #eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareContents ul li .content .list ul li.active,#eLinkSoftware .eLinkSoftwareMain .eLinkSoftwareContents ul li .content .list ul li:hover { font-size: 20px } #eLinkSoftwareAdvantage { padding: 105px 0 100px } #eLinkSoftwareAdvantage .eLinkSoftwareAdvantageTitle { font-size: 40px; margin-bottom: 58px } #eLinkSoftwareAdvantage .eLinkSoftwareAdvantageMain ul { margin: -15px } #eLinkSoftwareAdvantage .eLinkSoftwareAdvantageMain ul li { width: calc(33.33% - 30px); min-height: 290px; margin: 15px; padding: 50px 35px 40px; border-radius: 4px } #eLinkSoftwareAdvantage .eLinkSoftwareAdvantageMain ul li:hover { box-shadow: -1px 15px 24px rgba(177,198,253,.3) } #eLinkSoftwareAdvantage .eLinkSoftwareAdvantageMain ul li .icon { margin-bottom: 46px } #eLinkSoftwareAdvantage .eLinkSoftwareAdvantageMain ul li .icon img { width: 47px; height: 47px } #eLinkSoftwareAdvantage .eLinkSoftwareAdvantageMain ul li .title { font-size: 27px; margin-bottom: 7px } #eLinkSoftwareAdvantage .eLinkSoftwareAdvantageMain ul li .intro { font-size: 18px; line-height: 28px; margin-bottom: 8px } #eLinkSoftwareAdvantage .eLinkSoftwareAdvantageMain ul li .btn { font-size: 15px } #eLinkSoftwareAdvantage .eLinkSoftwareAdvantageMain ul li .btn span { margin-right: 5px } #eLinkSoftwareAdvantage .eLinkSoftwareAdvantageMain ul li .btn i { font-size: 13px } #eLinkSoftwareArchitecture { padding: 76px 0 73px } #eLinkSoftwareArchitecture .eLinkSoftwareArchitectureTitle { font-size: 54px; margin-bottom: 44px; line-height: 60px } #eLinkSoftwareDevelopment { padding: 113px 0 104px } #eLinkSoftwareDevelopment .eLinkSoftwareDevelopmentTitle { margin-bottom: 42px } #eLinkSoftwareDevelopment .eLinkSoftwareDevelopmentTitle .title { font-size: 36px; line-height: 42px; margin-bottom: 10px } #eLinkSoftwareDevelopment .eLinkSoftwareDevelopmentTitle .intro { font-size: 18px; line-height: 27px } #eLinkSoftwareDevelopment .eLinkSoftwareDevelopmentMain ul { border-radius: 10px } #eLinkSoftwareDevelopment .eLinkSoftwareDevelopmentMain ul li.active .head { border-radius: 4px 4px 0 0 } #eLinkSoftwareDevelopment .eLinkSoftwareDevelopmentMain ul li .head { height: 95px; padding: 0 40px } #eLinkSoftwareDevelopment .eLinkSoftwareDevelopmentMain ul li .head .number { width: 29px; height: 29px; line-height: 29px } #eLinkSoftwareDevelopment .eLinkSoftwareDevelopmentMain ul li .head .title { font-size: 24px; margin-left: 21px } #eLinkSoftwareDevelopment .eLinkSoftwareDevelopmentMain ul li .head .arrow { font-size: 16px } #eLinkSoftwareDevelopment .eLinkSoftwareDevelopmentMain ul li .content { font-size: 18px; padding: 44px 89px } #eLinkSoftwareDevelopment .eLinkSoftwareDevelopmentMain ul li .content .title { padding-bottom: 32px } #industryApplication { padding: 78px 0 100px } #industryApplication .industryApplicationTitle { font-size: 54px; margin-bottom: 39px } #industryApplication .industryApplicationMain .swiper-wrapper .swiper-slide { margin-right: 10px } #industryApplication .industryApplicationMain .swiper-wrapper .swiper-slide .image img { height: 780px } #industryApplication .industryApplicationMain .swiper-wrapper .swiper-slide .title { font-size: 20px; line-height: 30px; padding: 0 20px } #industryApplication .industryApplicationMain .swiper-wrapper .swiper-slide .content { padding: 0 50px 47px } #industryApplication .industryApplicationMain .swiper-wrapper .swiper-slide .content .subTitle { font-size: 28px } #industryApplication .industryApplicationMain .swiper-wrapper .swiper-slide .content .intro { font-size: 18px; line-height: 28px } #caseStudy { padding: 80px 0 101px } #caseStudy .caseStudyTitle { font-size: 54px; margin-bottom: 38px } #caseStudy .caseStudyMain { width: 1280px } #caseStudy .caseStudyMain .swiper-wrapper .swiper-slide { border-radius: 4px } #caseStudy .caseStudyMain .swiper-wrapper .swiper-slide .image { width: 860px; border-radius: 4px } #caseStudy .caseStudyMain .swiper-wrapper .swiper-slide .image img { height: 580px } #caseStudy .caseStudyMain .swiper-wrapper .swiper-slide .content { padding: 84px 50px 50px } #caseStudy .caseStudyMain .swiper-wrapper .swiper-slide .content:after { right: -160px; bottom: -40px; width: 317px; height: 367px } #caseStudy .caseStudyMain .swiper-wrapper .swiper-slide .content .title { font-size: 27px; margin-bottom: 10px } #caseStudy .caseStudyMain .swiper-wrapper .swiper-slide .content .intro { font-size: 17px; line-height: 27px; margin-bottom: 53px } #caseStudy .caseStudyMain .swiper-wrapper .swiper-slide .content .more { min-width: 246px; height: 57px; line-height: 55px; font-size: 16px; border-radius: 4px; padding: 0 30px } #caseStudy .caseStudyMain .swiper-wrapper .swiper-slide .content .more:hover { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px) } #caseStudy .caseStudyMain .swiper-wrapper .swiper-slide .content .more span { margin-right: 86px } #caseStudy .caseStudyMain .swiper-wrapper .swiper-slide .content .more i { font-size: 20px } #technolocy { } #technolocy ul li { padding: 60px 0 } #technolocy ul li:nth-child(odd) .content { margin-right: 200px } #technolocy ul li:nth-child(2n) .content { margin-left: 200px } #technolocy ul li .image { width: 737px } #technolocy ul li .image img { height: 464px } #technolocy ul li .content .tab { height: 30px; line-height: 30px; font-size: 14px; padding: 0 20px; margin-bottom: 25px } #technolocy ul li .content .title { font-size: 34px; margin-bottom: 15px } #technolocy ul li .content .intro { font-size: 18px; line-height: 27px; margin-bottom: 62px } #technolocy ul li .content .more { width: 198px; height: 46px; line-height: 44px; border-radius: 23px; font-size: 13px } #technolocy ul li .content .more:hover { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px) } #technolocy ul li .content .more span { margin-right: 70px } #technolocy ul li .content .more i { font-size: 18px } #technolocy .technolocyMore { height: 59px; line-height: 59px; font-size: 16px; border-radius: 5px } #technolocy .technolocyMore span { margin-right: 18px } #technolocy .technolocyMore i { font-size: 14px } #relatedBlog { padding: 100px 0 1px } #relatedBlog #getInTouch { margin-bottom: 280px } #relatedBlog .relatedBlogTitle { font-size: 40px; margin-bottom: 38px } #relatedBlog .relatedBlogMain { margin-bottom: 86px } #relatedBlog .relatedBlogMain .swiper-wrapper .swiper-slide a .image img { height: 270px } #relatedBlog .relatedBlogMain .swiper-wrapper .swiper-slide a .content { padding: 41px 44px 48px } #relatedBlog .relatedBlogMain .swiper-wrapper .swiper-slide a .content .time { font-size: 14px; margin-bottom: 15px } #relatedBlog .relatedBlogMain .swiper-wrapper .swiper-slide a .content .time i { margin-right: 7px } #relatedBlog .relatedBlogMain .swiper-wrapper .swiper-slide a .content .title { font-size: 22px; line-height: 27px; height: 54px; margin-bottom: 13px } #relatedBlog .relatedBlogMain .swiper-wrapper .swiper-slide a .content .more { font-size: 16px } #relatedBlog .relatedBlogMain .swiper-pagination { margin-top: 40px } #relatedBlog .relatedBlogMain .swiper-pagination .swiper-pagination-bullet { width: 23px; height: 6px; border-radius: 6px; margin: 0 4px } #relatedBlog .relatedBlogMain .swiper-pagination .swiper-pagination-bullet-active { width: 30px } #technologyQuestion { padding: 102px 0 80px } #technologyQuestion+#software { padding-top: 0 } #technologyQuestion .technologyQuestionTitle { font-size: 40px; padding: 0 140px; margin-bottom: 29px } #technologyQuestion .technologyQuestionMain { font-size: 18px; line-height: 27px; padding: 0 140px } #technologyQuestion .technologyQuestionMain p { margin-bottom: 26px } #twotechnologyQuestion { padding: 102px 0 80px } #twotechnologyQuestion+#software { padding-top: 0 } #twotechnologyQuestion .technologyQuestionTitle { font-size: 40px; padding: 0 140px; margin-bottom: 29px } #twotechnologyQuestion .technologyQuestionMain { font-size: 18px; line-height: 27px; padding: 0 140px } #twotechnologyQuestion .technologyQuestionMain p { margin-bottom: 26px } #technologyDifference { padding: 154px 0 139px } #technologyDifference .technologyDifferenceLeft { width: 866px } #technologyDifference .technologyDifferenceLeft .titlt { font-size: 40px; line-height: 58px; margin-bottom: 24px } #technologyDifference .technologyDifferenceLeft .intro { font-size: 18px; line-height: 27px } #technologyDifference .technologyDifferenceRihgt { width: 627px } #technologyDifference .technologyDifferenceRihgt ul li { padding: 46px 39px 46px 55px; margin-bottom: 10px } #technologyDifference .technologyDifferenceRihgt ul li .icon { margin-right: 50px } #technologyDifference .technologyDifferenceRihgt ul li .icon img { width: 74px; height: 74px } #technologyDifference .technologyDifferenceRihgt ul li .intro { font-size: 18px; line-height: 26px } #comprehensiveTestingMethod { padding: 96px 0 114px } #comprehensiveTestingMethod .comprehensiveTestingMethodTitle { margin-bottom: 56px } #comprehensiveTestingMethod .comprehensiveTestingMethodTitle .title { font-size: 40px; margin-bottom: 12px } #comprehensiveTestingMethod .comprehensiveTestingMethodTitle .intro { width: 1107px; font-size: 18px; line-height: 27px } #comprehensiveTestingMethod .comprehensiveTestingMethodMain { font-size: 18px; line-height: 22px } #comprehensiveTestingMethod .comprehensiveTestingMethodMain ul { margin: -10px } #comprehensiveTestingMethod .comprehensiveTestingMethodMain ul li { width: calc(20% - 20px); min-height: 91px; margin: 10px; padding: 9px 14px } #comprehensiveTestingMethod .comprehensiveTestingMethodMain ul li.long { width: calc(40% - 20px) } #comprehensiveTestingMethod .comprehensiveTestingMethodMain ul li .icon { width: 72px } #comprehensiveTestingMethod .comprehensiveTestingMethodMain ul li .icon img { width: 72px; height: 72px } #comprehensiveTestingMethod .comprehensiveTestingMethodMain ul li .intro { font-size: 18px; line-height: 22px } #dropTestStandards+#relatedProducts { padding-bottom: 95px } #dropTestStandards .dropTestStandardsHead { padding: 89px 0 117px } #dropTestStandards .dropTestStandardsHead .dropTestStandardsTitle { margin-bottom: 65px } #dropTestStandards .dropTestStandardsHead .dropTestStandardsTitle .title { font-size: 40px; margin-bottom: 17px } #dropTestStandards .dropTestStandardsHead .dropTestStandardsTitle .intro { font-size: 18px } #dropTestStandards .dropTestStandardsContent { padding: 93px 0 } #dropTestStandards .dropTestStandardsContent .dropTestStandardsContentLeft { width: 741px } #dropTestStandards .dropTestStandardsContent .dropTestStandardsContentLeft ul li { padding: 50px 0 } #dropTestStandards .dropTestStandardsContent .dropTestStandardsContentLeft ul li .title { font-size: 28px; margin-bottom: 17px } #dropTestStandards .dropTestStandardsContent .dropTestStandardsContentLeft ul li .intro { font-size: 18px; line-height: 27px } #dropTestStandards .dropTestStandardsContent .dropTestStandardsContentRight { width: 765px } #dropTestStandards .dropTestStandardsOther { margin: 85px 0 100px } #dropTestStandards .dropTestStandardsOther .dropTestStandardsOtherTitle { margin-bottom: 44px } #dropTestStandards .dropTestStandardsOther .dropTestStandardsOtherTitle .title { font-size: 34px; margin-bottom: 13px } #dropTestStandards .dropTestStandardsOther .dropTestStandardsOtherTitle .intro { font-size: 18px } #dropTestStandards .dropTestStandardsOther .dropTestStandardsOtherMain ul li .title { width: 549px; font-size: 18px; padding: 31px 98px } #dropTestStandards .dropTestStandardsOther .dropTestStandardsOtherMain ul li .intro { font-size: 18px; padding: 31px 98px } #companyList { padding: 106px 0 0 } #companyList ul li { padding: 67px 0 } #companyList ul li:after { width: 359px; height: 325px } #companyList ul li:nth-child(odd):after { left: -72px } #companyList ul li:nth-child(2n):after { right: -72px } #companyList ul li .image { width: 831px } #companyList ul li .image img { height: 513px } #companyList ul li .content { padding: 0 196px 0 129px } #companyList ul li .content .title { font-size: 34px; margin-bottom: 16px } #companyList ul li .content .intro { font-size: 18px; line-height: 27px; margin-bottom: 78px } #companyList ul li .content .more { width: 198px; height: 46px; line-height: 44px; border-radius: 23px; font-size: 13px } #companyList ul li .content .more:hover { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px) } #companyList ul li .content .more span { margin-right: 70px } #companyList ul li .content .more i { font-size: 18px } #serviceList { padding: 106px 0px 0 } #serviceList .serviceListTitle { font-size: 18px; line-height: 27px; padding: 0px 140px; margin-bottom: 82px } #serviceList .serviceListMain ul { margin: -50px } #serviceList .serviceListMain ul li { width: calc(33.33% - 100px); border-radius: 8px; margin: 50px } #serviceList .serviceListMain ul li .image img { height: 320px } #serviceList .serviceListMain ul li .title { font-size: 22px; padding: 7px 10px; min-height: 78px } #serviceList #getInTouch .getInTouchMain { transform: translateY(130px) } #technolocy2 { padding: 91.008px 0px 61.997px } #technolocy2 .technolocy2Title { margin-bottom: 43px } #technolocy2 .technolocy2Title .title { font-size: 39.994px } #technolocy2 .technolocy2Title .more { width: 198.01px; height: 46.003px; line-height: 44.006px; border-radius: 23.002px; font-size: 12.998px } #technolocy2 .technolocy2Title .more span { margin-right: 70.003px } #technolocy2 .technolocy2Title .more i { font-size: 18.01px } #technolocy2 { padding: 91.008px 0px 115px } #technolocy2 .technolocy2Main .technolocy2Left { width: 660px } #technolocy2 .technolocy2Main .technolocy2Left a { border-radius: 4px } #technolocy2 .technolocy2Main .technolocy2Left a .image img { height: 520px } #technolocy2 .technolocy2Main .technolocy2Left a .content { padding: 0px 50px 37px } #technolocy2 .technolocy2Main .technolocy2Left a .content .title { font-size: 20px; margin-bottom: 19px } #technolocy2 .technolocy2Main .technolocy2Left a .content .arrow { font-size: 18px } #technolocy2 .technolocy2Main .technolocy2Right { width: 1033px; margin: -12px } #technolocy2 .technolocy2Main .technolocy2Right .list { width: calc(50% - 24px); margin: 12px; border-radius: 4px; padding: 23px } #technolocy2 .technolocy2Main .technolocy2Right .list .image { width: 160px; border-radius: 4px } #technolocy2 .technolocy2Main .technolocy2Right .list .image img { width: 100%; height: 160px } #technolocy2 .technolocy2Main .technolocy2Right .list .content { margin-left: 20px } #technolocy2 .technolocy2Main .technolocy2Right .list .content .title { font-size: 19px; line-height: 29px; min-height: 58px; margin-bottom: 26px } #technolocy2 .technolocy2Main .technolocy2Right .list .content .arrow { font-size: 18px } #relatedBlog2 { padding: 55px 0px } #relatedBlog2 .image { width: 674px } #relatedBlog2 .image img { height: 429px } #relatedBlog2 .content { width: 660px } #relatedBlog2 .content .title { font-size: 39.994px; margin-bottom: 20.006px } #relatedBlog2 .content .intro { font-size: 18.01px; line-height: 27.994px; margin-bottom: 44.006px } #relatedBlog2 .content .more { width: 198.01px; height: 46.003px; line-height: 44.006px; border-radius: 23.002px; font-size: 12.998px } #relatedBlog2 .content .more span { margin-right: 70.003px } #relatedBlog2 .content .more i { font-size: 18px } #whyChooseEstoneTechnology { padding: 96px 0 } #whyChooseEstoneTechnology #getInTouch { margin-bottom: 160px } #whyChooseEstoneTechnology .whyChooseEstoneTechnologyTitle { margin-bottom: 48px } #whyChooseEstoneTechnology .whyChooseEstoneTechnologyTitle .title { font-size: 40px; margin-bottom: 11px } #whyChooseEstoneTechnology .whyChooseEstoneTechnologyTitle .intro { font-size: 18px; line-height: 27px } #whyChooseEstoneTechnology .whyChooseEstoneTechnologyMian ul { margin: -17.5px } #whyChooseEstoneTechnology .whyChooseEstoneTechnologyMian ul li { width: calc(50% - 35px); min-height: 240px; margin: 17.5px; padding: 0 42px 0 54px } #whyChooseEstoneTechnology .whyChooseEstoneTechnologyMian ul li .icon img { width: 78px; height: 78px } #whyChooseEstoneTechnology .whyChooseEstoneTechnologyMian ul li .content { margin-left: 52px } #whyChooseEstoneTechnology .whyChooseEstoneTechnologyMian ul li .content .title { font-size: 28px; line-height: 27px; margin-bottom: 21px } #whyChooseEstoneTechnology .whyChooseEstoneTechnologyMian ul li .content .line { width: 36px; height: 2px; margin-bottom: 24px } #whyChooseEstoneTechnology .whyChooseEstoneTechnologyMian ul li .content .intro { font-size: 21px; line-height: 25px } #aboutus { padding: 103px 0 124px } #aboutus .aboutusTitle { margin-bottom: 79px } #aboutus .aboutusTitle .title { font-size: 40px; line-height: 49px; margin-right: 90px } #aboutus .aboutusTitle .intro { width: 768px; font-size: 18px; line-height: 28px } #aboutus .aboutusMain ul { border-radius: 0 30px } #aboutus .aboutusMain ul li { height: 709px } #aboutus .aboutusMain ul li:hover .content { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px) } #aboutus .aboutusMain ul li:hover .content .intro { max-height: 162px } #aboutus .aboutusMain ul li .content { width: 100%; margin: 0 53px; padding: 85px 74px 85px 94px } #aboutus .aboutusMain ul li .content .icon { margin-bottom: 18px } #aboutus .aboutusMain ul li .content .icon img { width: 78px; height: 78px } #aboutus .aboutusMain ul li .content .title { font-size: 30px; margin-bottom: 42px } #aboutus .aboutusMain ul li .content .intro { font-size: 18px; line-height: 27px; padding-right: 20px; min-height: 216px } #aboutus .aboutusMain ul li .content .intro::-webkit-scrollbar { width: 2px; height: 2px } #aboutus .aboutusMain ul li .content .intro::-webkit-scrollbar-track { border-radius: 2px } #aboutus .aboutusMain ul li .content .intro::-webkit-scrollbar-thumb { border-radius: 2px; cursor: pointer } #milestones { padding: 85px 0 107px } #milestones .milestonesTitle { font-size: 40px; margin-bottom: 65px } #milestones .milestonesYearList { margin-bottom: 102px } #milestones .milestonesYearList:after { top: 4px } #milestones .milestonesYearList .swiper-wrapper .swiper-slide:after { top: 4px } #milestones .milestonesYearList .swiper-wrapper .swiper-slide .drop { width: 9px; height: 9px } #milestones .milestonesYearList .swiper-wrapper .swiper-slide .year { font-size: 20px; margin-top: 6px } #milestones .milestonesMain .swiper-wrapper .swiper-slide { padding: 0 130px } #milestones .milestonesMain .swiper-wrapper .swiper-slide .image { width: 574px; margin-right: 69px } #milestones .milestonesMain .swiper-wrapper .swiper-slide .image img { height: 362px } #milestones .milestonesMain .swiper-wrapper .swiper-slide .content .title { font-size: 66px } #milestones .milestonesMain .swiper-wrapper .swiper-slide .content .intro { font-size: 18px; line-height: 28px } #milestones .milestonesMain .swiper-button-next,#milestones .milestonesMain .swiper-button-prev { width: 56px; height: 56px; line-height: 51px; font-size: 20px; border-radius: 4px; border-width: 2px } #milestones .milestonesMain .swiper-button-next:hover,#milestones .milestonesMain .swiper-button-prev:hover { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px) } #globalPresence { padding: 74px 0 29px } #globalPresence #getInTouch { margin-bottom: 280px } #globalPresence .globalPresenceTitle { margin-bottom: 76px } #globalPresence .globalPresenceTitle .title { font-size: 40px; margin-bottom: 7px } #globalPresence .globalPresenceTitle .intro { font-size: 18px } #globalPresence .globalPresenceMain .map { height: 848px } #globalPresence .globalPresenceMain .list .drop:before { width: 8px; height: 8px } #globalPresence .globalPresenceMain .list .popupTitle { top: -77px; font-size: 16px; line-height: 16px; min-height: 59px; box-shadow: 0 11px 98px rgba(5,36,64,.42); border-radius: 29px; padding: 12px 24px } #globalPresence .globalPresenceMain .list .popupTitle.down { top: 29px } #globalPresence .globalPresenceMain .list .popupTitle .title { margin-bottom: 6px } #globalPresence .globalPresenceMain .list .popupContent { left: 30px; top: -28px; width: 413px; box-shadow: 0 11px 98px rgba(0,91,172,.42); border-radius: 43px; padding: 37px 42px } #globalPresence .globalPresenceMain .list .popupContent.right { left: -30px } #globalPresence .globalPresenceMain .list .popupContent .title,#globalPresence .globalPresenceMain .list .popupContent .intro { font-size: 28px; line-height: 35px } #globalPresence .globalPresenceMain .list .popupContent .content { margin-top: 22px } #globalPresence .globalPresenceMain .list .popupContent .content p { font-size: 16px; line-height: 23px; margin-bottom: 11px } #globalPresence .globalPresenceMain .list .popupContent .content p img { width: 19px; height: 19px; margin-right: 12px } #faq { padding: 84px 0 0 } #faq #getInTouch { margin-bottom: 280px } #faq .faqTitle { font-size: 40px; margin-bottom: 57px } #faq .faqMain ul li { padding: 0 40px } #faq .faqMain ul li .title { padding: 32px 0 } #faq .faqMain ul li .title i { width: 36px; height: 36px; line-height: 36px; border-radius: 5px; font-size: 18px } #faq .faqMain ul li .title span { font-weight: 500; font-size: 20px; margin-left: 29px; margin-right: 100px } #faq .faqMain ul li .title .icon { width: 26px; height: 26px } #faq .faqMain ul li .title .icon:before { width: 43%; height: 2px } #faq .faqMain ul li .title .icon:after { width: 2px; height: 43% } #faq .faqMain ul li .introBox .intro { padding-right: 227px } #faq .faqMain ul li .introBox .intro i { width: 36px; height: 36px; line-height: 36px; border-radius: 5px; font-size: 18px } #faq .faqMain ul li .introBox .intro span { margin-left: 29px; font-size: 16px; line-height: 27px } #faq .faqMain ul li.active { padding-bottom: 50px } #news { padding: 88px 0 130px } #news .newsSearch { margin-bottom: 76px } #news .newsSearch .title { font-size: 16px; margin-right: 20px } #news .newsSearch .select { margin-right: 34px } #news .newsSearch .select input { width: 453px; height: 63px; font-size: 16px; padding: 0 24px } #news .newsSearch .select .layui-form-select .layui-edge { right: 24px; border-width: 2px; width: 10px; height: 10px; margin-top: -8px } #news .newsSearch .select .layui-form-select dl { top: 73px } #news .newsSearch .select .layui-form-select dl dd,#news .newsSearch .select .layui-form-select dl dt { font-size: 14px; line-height: 36px } #news .newsSearch .input { width: 453px; height: 63px } #news .newsSearch .input input { width: 403px; height: 63px; padding: 0 24px 0 47px; font-size: 16px } #news .newsSearch .input i { left: 17px; font-size: 18px } #news .newsSearch .input .submit { height: 63px; line-height: 61px; width: 107px; font-size: 16px } #news .newsRecommend { margin-bottom: 75px } #news .newsRecommend .swiper-wrapper .swiper-slide a .image { width: 908px } #news .newsRecommend .swiper-wrapper .swiper-slide a .image img { height: 542px } #news .newsRecommend .swiper-wrapper .swiper-slide a .content { padding: 61px 101px 60px 70px } #news .newsRecommend .swiper-wrapper .swiper-slide a .content .tab { height: 46px; line-height: 46px; font-size: 14px; padding: 0 26px; margin-bottom: 35px } #news .newsRecommend .swiper-wrapper .swiper-slide a .content .time { font-size: 14px; margin-bottom: 14px } #news .newsRecommend .swiper-wrapper .swiper-slide a .content .time i { margin-right: 7px } #news .newsRecommend .swiper-wrapper .swiper-slide a .content .title { font-size: 34px; line-height: 40px; height: 80px; margin-bottom: 20px } #news .newsRecommend .swiper-wrapper .swiper-slide a .content .intro { font-size: 18px; line-height: 27px; height: 81px } #news .newsRecommend .newsRecommendOther { bottom: 59px; width: 794px; padding: 0 75px } #news .newsRecommend .newsRecommendOther .pagination { font-size: 16px } #news .newsRecommend .newsRecommendOther .pagination .progressBar { width: 120px; height: 2px; margin: 0 14px } #news .newsRecommend .newsRecommendOther .btns .swiper-button-prev,#news .newsRecommend .newsRecommendOther .btns .swiper-button-next { font-size: 18px } #news .newsRecommend .newsRecommendOther .btns .swiper-button-next { margin-left: 24px } #news .newsTitle { height: 46px; line-height: 46px; font-size: 14px; padding: 0 26px; margin-bottom: 46px } #news .newsList { margin-bottom: 69px } #news .newsList ul { margin: -23px } #news .newsList ul li { width: calc(33.33% - 46px); margin: 23px } #news .newsList ul li a .image img { height: 270px } #news .newsList ul li a .content { padding: 41px 43px 42px } #news .newsList ul li a .content .time { font-size: 14px; margin-bottom: 14px } #news .newsList ul li a .content .time i { margin-right: 7px } #news .newsList ul li a .content .title { font-size: 22px; line-height: 27px; margin-bottom: 19px; height: 54px } #news .newsList ul li a .content .arrow { font-size: 16px } #newsDetail { padding: 195px 0 202px } #newsDetail .newsDetailMain { padding: 81px 94px; margin: 51px 80px 0 } #newsDetail .newsDetailMain .newsDetailTitle { padding-bottom: 40px; margin-bottom: 41px } #newsDetail .newsDetailMain .newsDetailTitle .time { font-size: 14px; margin-bottom: 14px } #newsDetail .newsDetailMain .newsDetailTitle .time i { margin-right: 7px } #newsDetail .newsDetailMain .newsDetailTitle .content .title { font-size: 40px; margin-right: 50px } #newsDetail .newsDetailMain .newsDetailTitle .content .share a { width: 44px; height: 44px; line-height: 40px; font-size: 17px; border-width: 2px; margin-right: 5px } #newsDetail .newsDetailMain .newsDetailTitle .content .share a img { width: 14.5px; height: 14.5px; margin-top: -2px } #newsDetail .newsDetailMain .newsDetailContent { font-size: 18px; line-height: 30px; padding: 0 123px; margin-bottom: 50px } #newsDetail .newsDetailMain .newsDetailTabs { margin: -6px 119px } #newsDetail .newsDetailMain .newsDetailTabs span { height: 47px; line-height: 45px; border-radius: 24px; padding: 0 24px; margin: 6px; font-size: 16px } #newsDetail .newsDetailMain .newsDetailBtns { padding: 45px 87px; margin: 94px -80px 0 } #newsDetail .newsDetailMain .newsDetailBtns a { font-size: 18px } #join { padding: 90px 0 120px } #join .joinTitle { font-size: 40px; margin-bottom: 7px } #join .joinIntro { margin: 0 90px 70px } #join .joinIntro .intro { font-size: 18px } #join .joinWork { margin: 0 90px 70px } #join .joinWork .joinWorkMain { margin-top: 20px } #join .joinWork .joinWorkMain .swiper-wrapper .swiper-slide { min-height: 240px; padding: 70px 50px; border-radius: 12px } #join .joinWork .joinWorkMain .swiper-wrapper .swiper-slide .title { font-size: 22px; margin-bottom: 6px } #join .joinWork .joinWorkMain .swiper-wrapper .swiper-slide .intro { font-size: 14px; line-height: 20px; height: 60px } #join .joinWork .joinWorkMain .swiper-pagination { margin-top: 40px } #join .joinWork .joinWorkMain .swiper-pagination .swiper-pagination-bullet { width: 23px; height: 6px; border-radius: 6px; margin: 0 4px } #join .joinWork .joinWorkMain .swiper-pagination .swiper-pagination-bullet-active { width: 30px } #join .joinApply { margin: 0 90px } #join .joinApply .intro { font-size: 18px } #join .joinApply .more { width: 170px; height: 49px; line-height: 49px; font-size: 15px; border-radius: 30px; margin-top: 30px } #join .joinApply .more:hover { box-shadow: 0 10px 20px rgba(196,8,8,.4) } .joinUsDetailPopup { width: 1063px; height: 850px; border-radius: 15px } .joinUsDetailPopup .layui-layer-setwin { right: 19.995px; top: 40.001px } .joinUsDetailPopup .layui-layer-setwin .layui-layer-close2 { width: 11.002px; height: 1.035vw; font-size: 12.001px } .joinUsDetailPopup .layui-layer-setwin .layui-layer-close2:after { width: 1.998px } .joinUsDetailPopup .layui-layer-setwin .layui-layer-close2:before { height: 1.998px } #joinUsDetail { padding: 78.003px 44.997px 0 90.004px } #joinUsDetail .joinUsDetailTitle { padding-bottom: 25.002px; margin-bottom: 24.003px; margin-right: 69.999px } #joinUsDetail .joinUsDetailTitle .title { font-size: 36.004px; margin-bottom: 9.004px } #joinUsDetail .joinUsDetailTitle .info { font-size: 15.998px } #joinUsDetail .joinUsDetailTitle .info i { margin-right: 12.001px } #joinUsDetail .joinUsDetailMain { font-size: 17.997px; padding-right: 44.997px; max-height: 464.999px } #joinUsDetail .joinUsDetailMain::-webkit-scrollbar { width: 2px; height: 2px } #joinUsDetail .joinUsDetailMain::-webkit-scrollbar-track { border-radius: 2px } #joinUsDetail .joinUsDetailMain::-webkit-scrollbar-thumb { border-radius: 2px } #joinUsDetail .joinUsDetailBtn { margin-top: 50.004px } #joinUsDetail .joinUsDetailBtn a { width: 228.003px; height: 56.998px; line-height: 56.998px; font-size: 15.998px } #joinUsDetail .joinUsDetailBtn a i { border-width: 2px; width: 29px; height: 29px; margin-right: 5.995px; -webkit-transform: translateY(1.998px); -ms-transform: translateY(1.998px); transform: translateY(1.998px) } #joinUsDetail .joinUsDetailBtn a i:before { width: 2.998px; height: 2.998px } .odmOemTitle .number { font-size: 14px; width: 56px; height: 27px; line-height: 27px; border-radius: 13px; margin-right: 15px } .odmOemTitle .title { font-size: 40px } #endToEndService { padding: 93px 0 } #endToEndService .endToEndServiceMain { height: 527px; margin-top: 27px } #endToEndService .endToEndServiceMain .bigTitle .title { font-size: 24px; line-height: 29px; width: 240px; height: 240px; padding: 20px } #endToEndService .endToEndServiceMain .bigTitle:after { left: calc(50% - 263.5px); top: calc(50% - 263.5px); width: 527px; height: 527px } #endToEndService .endToEndServiceMain .list { width: 633px } #endToEndService .endToEndServiceMain .list:nth-child(odd) .icon { margin-right: 26px } #endToEndService .endToEndServiceMain .list:nth-child(2n) .icon { margin-left: 26px } #endToEndService .endToEndServiceMain .list:nth-of-type(2) { left: 6px; top: 117px } #endToEndService .endToEndServiceMain .list:nth-of-type(3) { right: 6px; top: 117px } #endToEndService .endToEndServiceMain .list:nth-of-type(4) { left: 6px; bottom: 67px } #endToEndService .endToEndServiceMain .list:nth-of-type(5) { right: 6px; bottom: 67px } #endToEndService .endToEndServiceMain .list .icon { width: 69px; height: 69px; line-height: 67px } #endToEndService .endToEndServiceMain .list .icon img { width: 35px; height: 35px } #endToEndService .endToEndServiceMain .list .content .title { font-size: 22px; margin-bottom: 7px } #endToEndService .endToEndServiceMain .list .content .intro { font-size: 18px; line-height: 27px; height: 81px } #hardwareDesign { padding: 91px 0 } #hardwareDesign .hardwareDesignLeft { margin-right: 100px } #hardwareDesign .hardwareDesignLeft .contnet { margin-top: 26px; font-weight: 300; font-size: 18px; color: #272727; line-height: 27px } #hardwareDesign .hardwareDesignLeft .contnet .title { font-size: 22px; margin-bottom: 8px } #hardwareDesign .hardwareDesignLeft .contnet .intro { font-size: 18px; line-height: 27px; margin-bottom: 25px } #hardwareDesign .hardwareDesignLeft .contnet ul { padding-left: 40px } #hardwareDesign .hardwareDesignRihgt { width: 991px } #softwareDesign { padding: 78px 0 } #softwareDesign .softwareDesignMain { font-size: 18px; line-height: 27px; margin-top: 17px } #softwareDesign .softwareDesignMain .title { font-size: 22px; margin-bottom: 11px } #idAndMdDesign { padding: 90px 0 106px } #idAndMdDesign .idAndMdDesignMain { font-size: 18px; line-height: 27px; margin-top: 17px } #idAndMdDesign .idAndMdDesignMain .title { font-size: 22px; margin-bottom: 11px } #customizedSolutions { padding: 91px 0 106px } #customizedSolutions .customizedSolutionsMain { margin: 54px -6.5px -6.5px } #customizedSolutions .customizedSolutionsMain .list { margin: 6.5px; min-height: 237px; padding: 16px 0 0; border-radius: 8px } #customizedSolutions .customizedSolutionsMain .list:nth-child(1) { width: 397px; height: 495px; padding: 65px 0 0 } #customizedSolutions .customizedSolutionsMain .list:nth-child(1) img { width: 359px; height: 240px } #customizedSolutions .customizedSolutionsMain .list:nth-child(1) p { margin-top: 106px } #customizedSolutions .customizedSolutionsMain .list:nth-child(2) { width: 362px } #customizedSolutions .customizedSolutionsMain .list:nth-child(3) { width: 362px } #customizedSolutions .customizedSolutionsMain .list:nth-child(4) { width: 540px } #customizedSolutions .customizedSolutionsMain .list:nth-child(5) { width: 540px; margin-left: 417.5px; margin-top: -243.5px } #customizedSolutions .customizedSolutionsMain .list:nth-child(6) { width: 361px; margin-top: -243.5px } #customizedSolutions .customizedSolutionsMain .list:nth-child(7) { width: 361px; margin-top: -243.5px } #customizedSolutions .customizedSolutionsMain .list img { width: 319px; height: 152px } #customizedSolutions .customizedSolutionsMain .list p { font-size: 22px; margin-top: 16px } #productRegulatoryAndCompliance { padding: 96px 0 0 } #productRegulatoryAndCompliance .productRegulatoryAndComplianceMain { font-size: 18px; line-height: 22px; margin-top: 34px } #productRegulatoryAndCompliance .productRegulatoryAndComplianceMain span { font-size: 18px !important; line-height: 22px !important } #productRegulatoryAndCompliance .productRegulatoryAndComplianceMain>ul { margin: -20px } #productRegulatoryAndCompliance .productRegulatoryAndComplianceMain>ul>li { width: calc(33.33% - 40px); min-height: 160px; margin: 20px; padding: 30px 14px } #productRegulatoryAndCompliance .productRegulatoryAndComplianceMain>ul>li.long { width: calc(40% - 20px) } #productRegulatoryAndCompliance .productRegulatoryAndComplianceMain>ul>li .icon { width: 92px; margin-left: 10px } #productRegulatoryAndCompliance .productRegulatoryAndComplianceMain>ul>li .icon img { width: 82px; height: 82px } #productRegulatoryAndCompliance .productRegulatoryAndComplianceMain>ul>li .intro { font-size: 20px; line-height: 28px; margin-left: 20px } #productRegulatoryAndCompliance .productRegulatoryAndComplianceMain>ul>li .intro span { font-size: 20px !important; line-height: 28px !important } #productRegulatoryAndCompliance .productRegulatoryAndComplianceMain>ul>li .intro ul { padding-left: 40px } #serviceProcess { padding: 89px 0 98px } #serviceProcess .serviceProcessMain { margin-top: 46px } #developmentAbility { padding: 93px 0 0 } #developmentAbility .developmentAbilityMain { margin-top: 35px; margin-bottom: 100px } #developmentAbility .developmentAbilityMain .swiper-wrapper { margin: -20px -10px } #developmentAbility .developmentAbilityMain .swiper-wrapper .swiper-slide { width: calc(25% - 20px); margin: 20px 10px } #developmentAbility .developmentAbilityMain .swiper-wrapper .swiper-slide .image img { width: 100%; height: 211px } #developmentAbility .developmentAbilityMain .swiper-wrapper .swiper-slide .content { margin-top: 20px } #developmentAbility .developmentAbilityMain .swiper-wrapper .swiper-slide .content .title { font-size: 22px; margin-bottom: 6px } #developmentAbility .developmentAbilityMain .swiper-wrapper .swiper-slide .content .intro { font-size: 17px; line-height: 32px } #developmentAbility .developmentAbilityOther { margin: -20px } #developmentAbility .developmentAbilityOther .list { width: calc(50% - 40px); margin: 20px; padding: 7px 9px; border-radius: 4px } #developmentAbility .developmentAbilityOther .list:after { width: 123px; height: 121px } #developmentAbility .developmentAbilityOther .list .content { padding: 0 40px } #developmentAbility .developmentAbilityOther .list .content .title { font-size: 34px; line-height: 44px; margin-bottom: 40px } #developmentAbility .developmentAbilityOther .list .content .more { width: 198px; height: 46px; line-height: 44px; font-size: 13px; border-radius: 28px } #developmentAbility .developmentAbilityOther .list .content .more span { margin-right: 69px } #developmentAbility .developmentAbilityOther .list .content .more i { font-size: 18px } #developmentAbility .developmentAbilityOther .list .image { width: 418px; border-radius: 4px } #developmentAbility .developmentAbilityOther .list .image img { height: 274px } #contactus { padding: 200px 0 105px } #contactus .contactusForm { margin-left: 50px; margin-right: 90px; padding: 72px 85px 60px; border-radius: 15px } #contactus .contactusForm .contactusFormTitle { margin-bottom: 25px } #contactus .contactusForm .contactusFormTitle .title { font-size: 40px; margin-bottom: 13px } #contactus .contactusForm .contactusFormTitle .intro { font-size: 14px } #contactus .contactusForm .contactusFormMain .wrapper { padding: 16px 0 } #contactus .contactusForm .contactusFormMain .wrapper:nth-child(8) { border-bottom: 0px } #contactus .contactusForm .contactusFormMain .wrapper .list { margin-right: 18px } #contactus .contactusForm .contactusFormMain .wrapper .list .title { font-size: 16px; line-height: 24px; height: 24px; margin-bottom: 20px } #contactus .contactusForm .contactusFormMain .wrapper .list .title span { margin-right: 3px } #contactus .contactusForm .contactusFormMain .wrapper .list .intro { font-size: 14px; margin-top: 10px } #contactus .contactusForm .contactusFormMain .wrapper .list .input .inputCheck { margin: 6px 0 } #contactus .contactusForm .contactusFormMain .wrapper .list .input input,#contactus .contactusForm .contactusFormMain .wrapper .list .input textarea { font-size: 14px } #contactus .contactusForm .contactusFormMain .wrapper .list .input input { height: 45px; padding: 0 21px } #contactus .contactusForm .contactusFormMain .wrapper .list .input textarea { height: 180px; padding: 12px 21px; border-radius: 12px } #contactus .contactusForm .contactusFormMain .wrapper .list .input .layui-form-select .layui-edge { right: 18px } #contactus .contactusForm .contactusFormMain .wrapper .list .input .layui-form-select dl { top: 55px } #contactus .contactusForm .contactusFormMain .wrapper .list .input .layui-form-select dl dd,#contactus .contactusForm .contactusFormMain .wrapper .list .input .layui-form-select dl dt { font-size: 14px; line-height: 36px } #contactus .contactusForm .contactusFormMain .wrapper .list .input .layui-form-checkbox>div { font-size: 14px; border-radius: 2px 0 0 2px } #contactus .contactusForm .contactusFormMain .wrapper .list .input .layui-form-checkbox[lay-skin=primary]>div { margin-top: -1px; padding-right: 15px; line-height: 18px } #contactus .contactusForm .contactusFormMain .wrapper .list .input .layui-form-checkbox[lay-skin=primary]>i { width: 16px; height: 16px; line-height: 14px; font-size: 12px; border-radius: 2px } #contactus .contactusForm .contactusFormMain .wrapper .list .input .layui-form-checkbox[lay-skin=primary] { min-width: 18px; min-height: 18px; padding-left: 28px; margin-right: 33px } #contactus .contactusForm .contactusFormMain .wrapper .submit { width: 170px; height: 49px; line-height: 49px; font-size: 15px; border-radius: 30px; margin-top: 30px } #contactus .contactusForm .contactusFormMain .wrapper .submit:hover { box-shadow: 0 10px 20px rgba(196,8,8,.4) } #contactus .contactusOther { width: 300px; margin-left: 90px } #contactus .contactusOther ul li { padding: 24px 0 } #contactus .contactusOther ul li .title { font-size: 20px; margin-bottom: 15px } #contactus .contactusOther ul li a { font-size: 14px; margin-bottom: 12px } #contactus .contactusOther ul li img { width: 17px; height: 17px; margin-right: 10px; margin-top: 1px } .searchAllBg { padding: 196px 0 60px } .searchAllBg .searchAll .noDataIcon { height: 350px } .searchAllBg .searchAll .searchAllInput { height: 65px; margin-bottom: 42px } .searchAllBg .searchAll .searchAllInput.focus { box-shadow: 0 0 0 4px rgba(196,8,8,.2) } .searchAllBg .searchAll .searchAllInput input { font-size: 20px; padding: 0 30px } .searchAllBg .searchAll .searchAllInput .submit { width: 88px; height: 100%; font-size: 24px } .searchAllBg .searchAll .searchAllSelect { margin-bottom: 16px } .searchAllBg .searchAll .searchAllKey { font-size: 36px; margin-bottom: 10px } .searchAllBg .searchAll .searchAllSelect .searchAllSelectLeft { font-size: 18px } .searchAllBg .searchAll .searchAllSelect .searchAllSelectRight .title { font-size: 17px; margin-right: 10px } .searchAllBg .searchAll .searchAllSelect .searchAllSelectRight .input .layui-input { width: 146px; height: 32px } .searchAllBg .searchAll .searchAllSelect .searchAllSelectRight .input .layui-input:focus { box-shadow: 0 0 0 3px rgba(196,8,8,.08) } .searchAllBg .searchAll .searchAllMain ul li a { padding: 23px 28px 34px } .searchAllBg .searchAll .searchAllMain ul li a .subTitle { font-size: 14px; margin-bottom: 1px } .searchAllBg .searchAll .searchAllMain ul li a .title { font-size: 26px; line-height: 32px; margin-bottom: 14px } .searchAllBg .searchAll .searchAllMain ul li a .intro { font-size: 16px; line-height: 22px; margin-bottom: 21px } .searchAllBg .searchAll .searchAllMain ul li a .source { font-size: 17px } .searchAllBg .searchAll .searchAllMain ul li a .source i { font-size: 14px; margin: 0 6px } .searchAllBg .listFrameworkBox .listFramework { top: 120px; padding-bottom: 100px } .searchAllBg .listFrameworkBox .listFramework .oneLevelTitle { padding-bottom: 13px; margin-bottom: 16px } .searchAllBg .listFrameworkBox .listFramework .oneLevelTitle .title { font-size: 18px } .searchAllBg .listFrameworkRight { width: 77.5641025641% } }