/** */ @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, 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"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color:#00263a; } :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: translate3d(0px, 0, 0); } .swiper-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } .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-cube-shadow, .swiper-3d .swiper-slide { -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-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-lazy-preloader { width: 2.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: 0.208vw solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { -webkit-animation: swiper-preloader-spin 1s infinite linear; animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color:#fff; } .swiper-lazy-preloader-black { --swiper-preloader-color:#000; } @-webkit-keyframes swiper-preloader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .swiper-button-disabled { opacity: 0.4; pointer-events: none; } .swiper-button-lock { display: none; } .swiper-pagination-lock { opacity: 0; visibility: hidden; } /* 动画 */ @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes downFloat { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 50% { -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes downFloat { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 50% { -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @-webkit-keyframes translateX { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 100% { -webkit-transform: translate(-4.167vw); transform: translate(-4.167vw); } } @keyframes translateX { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 100% { -webkit-transform: translate(-4.167vw); transform: translate(-4.167vw); } } @-webkit-keyframes progress { 0% { width: 0%; } 100% { width: 100%; } } @keyframes progress { 0% { width: 0%; } 100% { width: 100%; } } @-webkit-keyframes centerDiffuse { 0% { opacity: 0; width: 100%; width: 100%; } 80% { opacity: 1; width: 200%; height: 200%; } 100% { opacity: 0; width: 200%; height: 200%; } } @keyframes centerDiffuse { 0% { opacity: 0; width: 100%; width: 100%; } 80% { opacity: 1; width: 200%; height: 200%; } 100% { opacity: 0; width: 200%; height: 200%; } } @-webkit-keyframes centerDiffuse2 { 0% { opacity: 1; width: 100%; width: 100%; } 80% { opacity: 0; width: 200%; height: 200%; } 100% { opacity: 0; width: 200%; height: 200%; } } @keyframes centerDiffuse2 { 0% { opacity: 1; width: 100%; width: 100%; } 80% { opacity: 0; width: 200%; height: 200%; } 100% { opacity: 0; width: 200%; height: 200%; } } @-webkit-keyframes disappear { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(45deg); transform: translateX(0px) rotate(45deg); } 100% { opacity: 0; -webkit-transform: translateX(-60%) rotate(45deg); transform: translateX(-60%) rotate(45deg); } } @keyframes disappear { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(45deg); transform: translateX(0px) rotate(45deg); } 100% { opacity: 0; -webkit-transform: translateX(-60%) rotate(45deg); transform: translateX(-60%) rotate(45deg); } } @-webkit-keyframes progressBar { 0% { width: 0; } 100% { width: 100%; } } @keyframes progressBar { 0% { width: 0; } 100% { width: 100%; } } @-webkit-keyframes fadeOut { 0% { opacity: 0; margin-top: 8px; } 25% { opacity: 1; margin-top: 0px; } 50% { opacity: 0; margin-top: 8px; } 75% { opacity: 1; margin-top: 0px; } 100% { opacity: 0; margin-top: 8px; } } @keyframes fadeOut { 0% { opacity: 0; margin-top: 8px; } 25% { opacity: 1; margin-top: 0px; } 50% { opacity: 0; margin-top: 8px; } 75% { opacity: 1; margin-top: 0px; } 100% { opacity: 0; margin-top: 8px; } } @-webkit-keyframes scale { 0% { -webkit-transform: scale(1.1); transform: scale(1.1); } 50% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes scale { 0% { -webkit-transform: scale(1.1); transform: scale(1.1); } 50% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.1); transform: scale(1.1); } } @-webkit-keyframes mySvg { 0% { stroke-dashoffset: 167; } 100% { stroke-dashoffset: 0; } } @keyframes mySvg { 0% { stroke-dashoffset: 167; } 100% { stroke-dashoffset: 0; } } /* wow */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { opacity: 0; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .scale { -webkit-animation-name: scale; animation-name: scale; } /* Bouncing entrances */ @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } /* Zooming entrances */ @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } 100% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } 100% { opacity: 1; } } .animate__zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } /* 公共样式 */ * { box-sizing: border-box; } body { margin: 0px; } select, input, textarea { border-radius: 0; -webkit-border-radius: 0; color: #878787; } input:focus { outline: none; } input, button, select, textarea { outline: none; /*-webkit-appearance:none; */ } input:-webkit-autofill { box-shadow: 0 0 0 52.083vw white inset !important; } textarea { resize: none; /*-webkit-appearance:none; */ } textarea, input, select { background: none; border: none; margin: 0; padding: 0; } img { max-width: 100%; } li { list-style: none; } a { text-decoration: none; font-weight: normal; } i { font-style: normal; } body { font: 14px/1.5 "PingFang SC", "HarmonyOS Sans SC", "Source Han Sans", "Microsoft YaHei", "Hiragino Sans GB", sans-serif, Arial; position: relative; left: 0px; -webkit-transition: left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); } /* 图标 */ [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,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sSQBFCuwBEMusCQrLbA5LLAAFrAEJbAEJiAuRyNHI2GwBkUrIyA8IC4jOLEkARQrLbA6LLEJBCVCsAAWsAQlsAQlIC5HI0cjYSCwBCNCsAZFKyCwYFBYILBAUVizAiADIBuzAiYDGllCQiMgR7AEQ7CAYmAgsAArIIqKYSCwAkNgZCOwA0NhZFBYsAJDYRuwA0NgWbADJbCAYmGwAiVGYTgjIDwjOBshICBGI0ewACsjYTghWbEkARQrLbA7LLAuKy6xJAEUKy2wPCywLyshIyAgPLAEI0IjOLEkARQrsARDLrAkKy2wPSywABUgR7AAI0KyAAEBFRQTLrAqKi2wPiywABUgR7AAI0KyAAEBFRQTLrAqKi2wPyyxAAEUE7ArKi2wQCywLSotsEEssAAWRSMgLiBGiiNhOLEkARQrLbBCLLAJI0KwQSstsEMssgAAOistsEQssgABOistsEUssgEAOistsEYssgEBOistsEcssgAAOystsEgssgABOystsEkssgEAOystsEossgEBOystsEsssgAANystsEwssgABNystsE0ssgEANystsE4ssgEBNystsE8ssgAAOSstsFAssgABOSstsFEssgEAOSstsFIssgEBOSstsFMssgAAPCstsFQssgABPCstsFUssgEAPCstsFYssgEBPCstsFcssgAAOCstsFgssgABOCstsFkssgEAOCstsFossgEBOCstsFsssDArLrEkARQrLbBcLLAwK7A0Ky2wXSywMCuwNSstsF4ssAAWsDArsDYrLbBfLLAxKy6xJAEUKy2wYCywMSuwNCstsGEssDErsDUrLbBiLLAxK7A2Ky2wYyywMisusSQBFCstsGQssDIrsDQrLbBlLLAyK7A1Ky2wZiywMiuwNistsGcssDMrLrEkARQrLbBoLLAzK7A0Ky2waSywMyuwNSstsGossDMrsDYrLbBrLCuwCGWwAyRQeLABFTAtAABLuADIUlixAQGOWbkIAAgAYyCwASNEILADI3CwDkUgIEu4AA5RS7AGU1pYsDQbsChZYGYgilVYsAIlYbABRWMjYrACI0SzCgkFBCuzCgsFBCuzDg8FBCtZsgQoCUVSRLMKDQYEK7EGAUSxJAGIUViwQIhYsQYDRLEmAYhRWLgEAIhYsQYBRFlZWVm4Af+FsASNsQUARAAAAAAAAAAAAAAA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") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } .social-share-icon { font-family: "shareIcon"; } .social-share .icon-tencent:before { content: "\f07a"; } .social-share .icon-qq:before { content: "\f11a"; } .social-share .icon-weibo:before { content: "\f12a"; } .social-share .icon-wechat:before { content: "\f09a"; } .social-share .icon-douban:before { content: "\f10a"; } .social-share .icon-heart:before { content: "\f20a"; } .social-share .icon-like:before { content: "\f00a"; } .social-share .icon-qzone:before { content: "\f08a"; } .social-share .icon-linkedin:before { content: "\f01a"; } .social-share .icon-diandian:before { content: "\f05a"; } .social-share .icon-facebook:before { content: "\f03a"; } .social-share .icon-google:before { content: "\f04a"; } .social-share .icon-twitter:before { content: "\f06a"; } .wechat-qrcode { display: none; border: 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 200ms; transition: all 200ms; -webkit-tansition: all 350ms; -moz-transition: all 350ms; } .wechat-qrcode.bottom { top: 40px; left: -84px; } .wechat-qrcode.bottom:after { display: none; } .wechat-qrcode h4 { font-weight: normal; 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: normal; 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; } /* 版心 */ .content1860 { width: 96.875vw; margin: 0px auto; } .content1630 { width: 84.896vw; margin: 0px auto; } .content1560 { width: 81.25vw; margin: 0px auto; } /* 查看图片 */ .viewPicture { cursor: pointer; } /* 页面主体 */ .main { position: relative; } /* 背景 */ .commonBg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -1; overflow: hidden; } .commonBg img, .commonBg video { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .commonBg video { z-index: 2; } /* 重复背景 */ .commonRepeatBg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url("https://www.bimtglobal.com/dist/images/commonRepeatBg.jpg") repeat-y fixed; background-position: 0px 0px; background-size: 100% auto; z-index: -1; } /* 停止滚动 */ .stopScroll { overflow: hidden; } /* flex布局 */ .flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .items-start { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .items-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .items-end { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .content-start { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .content-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .content-end { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .content-between { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .flex-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .flex-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .flex-col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .flex-col-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .flex-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-nowrap { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .flex-1 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } @media (max-width: 768px) { .xs\:flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .xs\:items-start { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .xs\:items-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .xs\:items-end { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .xs\:content-start { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .xs\:content-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .xs\:content-end { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .xs\:content-between { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .xs\:flex-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .xs\:flex-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .xs\:flex-col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .xs\:flex-col-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .xs\:flex-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .xs\:flex-nowrap { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } /* 重置layui样式 */ .layui-flow-more { display: block; -webkit-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; font-size: 0.833vw; margin: 3.125vw 0px 0px; } .layui-flow-more a { height: auto; line-height: 1; } .layui-flow-more a i { width: 2.083vw; height: 2.083vw; background: url("https://www.bimtglobal.com/dist/images/icon-loading.png") no-repeat center/cover; font-size: 0px; } .layui-flow-more a cite { display: block; width: 8.333vw; height: 2.656vw; line-height: 2.656vw; border-radius: 1.354vw; font-size: 0.781vw; color: #00263a; background: none; text-align: center; margin: 0px auto; position: relative; overflow: hidden; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; z-index: 2; } .layui-flow-more a cite:hover { color: #fff; opacity: 1; } .layui-flow-more a cite:hover::after { width: 100%; right: auto; left: 0px; } .layui-flow-more a cite::before { position: absolute; left: 0px; top: 0px; width: calc(100% - 0.208vw); height: calc(100% - 0.208vw); border-radius: 1.354vw; border: 2px solid #00263a; z-index: 0; content: ""; display: block; } .layui-flow-more a cite::after { width: 0%; height: calc(100% + 0.208vw); position: absolute; right: 0px; top: 0px; background: #00263a; border-radius: 1.354vw; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; z-index: -1; content: ""; display: block; } .layui-form-select dl dd { font-size: 0.781vw; line-height: 2.083vw; padding: 0px 0.781vw; } .layui-form-select dl dd.layui-this { color: #00263a; } .layui-laydate { border-radius: 0.521vw; overflow: hidden; } .layui-laydate-footer span:hover { color: #00263a; } .layui-laydate-footer span.layui-laydate-preview { color: rgb(119, 119, 119) !important; } .layui-laydate-content td, .layui-laydate-content th { width: 1.875vw; height: 1.875vw; border-radius: 50%; overflow: hidden; } .layui-laydate-content td > div { height: auto; line-height: 1.875vw; padding: 0px; } /* 头部 */ .header { position: fixed; top: 0px; left: 0px; width: 100%; height: 5.729vw; line-height: 5.729vw; border-bottom: 1px solid transparent; -webkit-transition: background-color 0.6s ease, border-color 0.6s ease, left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.6s ease; transition: background-color 0.6s ease, border-color 0.6s ease, left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.6s ease; transition: background-color 0.6s ease, border-color 0.6s ease, transform 0.6s ease, left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: background-color 0.6s ease, border-color 0.6s ease, transform 0.6s ease, left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.6s ease; z-index: 9999; } .header .content1820 { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .header .headerLogo a { display: block; width: 300px; height: 35px; position: relative; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .header .headerLogo a img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } .header .headerLogo a img.active { opacity: 0; visibility: hidden; } .header .headerMain .headerNav ul li { margin-right: 2.188vw; } .header .headerMain .headerNav ul li:last-child { margin-right: 0px; } .header .headerMain .headerNav ul li:hover .dropDownMenu { max-height: 19.063vw; } .header .headerMain .headerNav ul li > a { display: block; font-size: 0.9vw; color: #FFFFFF; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; position: relative; } .header .headerMain .headerNav ul li > a::after { position: absolute; left: 50%; bottom: 0px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 0%; height: 2px; background: #333; border-radius: 0.156vw; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; content: ""; display: block; } .header .headerMain .headerNav ul li > a:hover { color: #333; } .header .headerMain .headerOther { margin-left: 2.083vw; } .header .headerMain .headerOther .line { width: 1px; height: 0.625vw; margin: 0px 1.563vw; background: rgba(250, 250, 250, 0.6); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .header .headerMain .headerOther .line:nth-of-type(4) { display: none; } .header .headerMain .headerOther .searchBtn { font-size: 1.25vw; color: #fff; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; cursor: pointer; } .header .headerMain .headerOther .tel{ display: none; font-size: 1rem; color: #fff; } .header .headerMain .headerOther .langBtn { border-radius: 50%; font-size: 1.2vw; color: #fff; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; cursor: pointer; position: relative; display: flex; align-items: center; } .header .headerMain .headerOther .langBtn img { width: auto; height: 1.563vw; padding-right: 10px; -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .header .headerMain .headerOther .langBtn:hover .popup { opacity: 1; visibility: visible; } .header .headerMain .headerOther .langBtn .popup { position: absolute; top: 4.115vw; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 2.604vw; background: #fff; border-radius: 0.313vw; box-shadow: 0px 0px 0.156vw #eee; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 0; visibility: hidden; } .header .headerMain .headerOther .langBtn .popup::after { position: absolute; top: 0px; left: 50%; -webkit-transform: translate(-50%, -100%); -ms-transform: translate(-50%, -100%); transform: translate(-50%, -100%); width: 0.521vw; height: 0.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: 0.677vw; color: #333; line-height: 1.354vw; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; margin-bottom: 2px; border-radius: 0.313vw; text-align: center; } .header .headerMain .headerOther .langBtn .popup a:last-child { margin-bottom: 0px; } .header .headerMain .headerOther .langBtn .popup a:hover { background: #00263a; color: #fff; } .header .headerMain .headerOther .menusBtn { display: none; } .header.headerMask { height: 4.427vw; line-height: 4.427vw; background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(1.042vw); border-color: rgba(238, 238, 238, 0.6); } .header.headerMask .content1860 { border-bottom: transparent; } .header.headerMask .headerLogo a { -webkit-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85); } .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 { color: #333; } .header.headerMask .headerMain .headerNav ul li > a:hover { color: #333; } .header.headerMask .headerMain .headerNav ul li > a:hover::after { width: 100%; } .header.headerMask .headerMain .headerNav ul li.active > a { color: #333; } .header.headerMask .headerMain .headerNav ul li.active > a::after { width: 100%; } .header.headerMask .headerMain .headerOther .searchBtn,.header.headerMask .headerMain .headerOther .tel { color: #333; } .header.headerMask .headerMain .headerOther .line { background: #333; } .header.headerMask .headerMain .headerOther .langBtn{ color: #00263a; } .header.headerDetail .headerMain .headerOther .langBtn{ color: #00263a; } .header.headerMask .headerMain .headerOther .langBtn img { -webkit-filter: invert(1) opacity(0.8); filter: invert(1) opacity(0.8); } .header.headerMask .headerMain .headerOther .menusBtn span { background: #333; } .header.headerMask .dropDownMenu { top: 4.427vw; } .header.headerBg { background: white; border-color: rgba(238, 238, 238, 0.6); } .header.headerBg .content1820 { border-bottom: transparent; } .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 { color: #333; } .header.headerBg .headerMain .headerNav ul li > a:hover { color: #333; } .header.headerBg .headerMain .headerNav ul li > a:hover::after { width: 100%; } .header.headerBg .headerMain .headerOther .searchBtn { color: #333; } .header.headerBg .headerMain .headerOther .line { background: #333; } .header.headerBg .headerMain .headerOther .langBtn img { -webkit-filter: invert(1) opacity(0.8); filter: invert(1) opacity(0.8); } .header.headerBg .headerMain .headerOther .menusBtn span { background: #333; } .header.headerDown { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .header.headerDetail .content1820 { border-bottom: transparent; } .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 { color: #333; } .header.headerDetail .headerMain .headerNav ul li > a:hover { color: #333; } .header.headerDetail .headerMain .headerNav ul li > a:hover::after { width: 100%; } .header.headerDetail .headerMain .headerOther .searchBtn { color: #333; } .header.headerDetail .headerMain .headerOther .line { background: #333; } .header.headerDetail .headerMain .headerOther .langBtn img { -webkit-filter: invert(1) opacity(0.8); filter: invert(1) opacity(0.8); } .header.headerDetail .headerMain .headerOther .menusBtn span { background: #333; } /* 头部搜索 */ .headerSearchformMain { position: fixed; left: 0px; top: 0px; width: 100%; height: auto; display: none; z-index: 99; } .headerSearchformMain.admission .headerSearchform { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); opacity: 1; } .headerSearchformMain .headerSearchform { background: #fff; padding: 4.167vw 0px; position: relative; z-index: 99; -webkit-transition: opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform 0.8s cubic-bezier(0.2, 1, 0.3, 1); transition: opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform 0.8s cubic-bezier(0.2, 1, 0.3, 1); transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1); transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform 0.8s cubic-bezier(0.2, 1, 0.3, 1); opacity: 0; -webkit-transform: translate3d(0px, -100%, 1px); transform: translate3d(0px, -100%, 1px); } .headerSearchformMain .headerSearchform form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 51.042vw; margin: 0px auto; width: 100%; position: relative; } .headerSearchformMain .headerSearchform form input { display: block; width: 100%; height: 3.125vw; font-weight: 400; font-size: 0.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 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: 0px; right: 0px; background: -webkit-linear-gradient(left, #00263a, #00263a); background: linear-gradient(90deg, #00263a, #00263a); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; font-size: 1.25vw; color: #fff; border: 0px; cursor: pointer; } .headerSearchformMain .headerSearchform form button:hover { box-shadow: 0px 0.26vw 0.521vw rgba(17, 140, 212, 0.4); } .headerSearchformMain .headerSearchform form .closeSearch { cursor: pointer; right: 0px; top: 0px; height: 100%; font-size: 1.042vw; color: #333; } .headerSearchformMain .headerSearchMask { content: ""; position: fixed; left: 0px; top: 0px; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(1.042vw); } /* 下拉菜单 */ .dropDownMenu { position: fixed; top: 5.729vw; left: 50%; -webkit-transform: translateX(-22%); -ms-transform: translateX(-22%); transform: translateX(-22%); width: 62.083vw; max-height: 0px; overflow: hidden; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; background: #fff; } .dropDownMenu .dropDownMenuList { width: 13.385vw; position: relative; margin: 2.656vw 0px 4.792vw 0px; --top: 0px; } .dropDownMenu .dropDownMenuList .swiper-wrapper::after { position: absolute; left: 0px; top: var(--top); width: 100%; height: 2.135vw; background: -webkit-linear-gradient(left, #00263a, #00263a); background: linear-gradient(90deg, #00263a, #00263a); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; z-index: -1; content: ""; display: block; } .dropDownMenu .dropDownMenuList .swiper-wrapper .swiper-slide { height: 2.135vw; } .dropDownMenu .dropDownMenuList .swiper-wrapper .swiper-slide a { display: block; line-height: 2.135vw; font-size: 0.781vw; text-align: center; color: #111111; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .dropDownMenu .dropDownMenuList .swiper-wrapper .swiper-slide a::after { position: absolute; top: 0px; right: 3.646vw; width: 4.844vw; height: 100%; background: url("../image/dropDownMenuListHover.png") no-repeat; background-size: auto 100%; opacity: 0; visibility: hidden; content: ""; display: block; } .dropDownMenu .dropDownMenuList .swiper-wrapper .swiper-slide-thumb-active a { color: #fff; } .dropDownMenu .dropDownMenuList .swiper-wrapper .swiper-slide-thumb-active a::after { right: 0px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 1; visibility: visible; } .dropDownMenu .dropDownMenuList .swiper-wrapper .swiper-slide-thumb-active a::before { opacity: 1; visibility: visible; } .dropDownMenu .dropDownMenuMain { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: auto; padding: 2.448vw 2.865vw 2.969vw 3.177vw; border-left: 1px solid rgba(11, 84, 149, 0.1); } .dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 0 !important; } .dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-right: 3.125vw; } .dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .content .title { font-size: 1.771vw; line-height: 1.2; color: #000000; margin-bottom: 1.563vw; } .dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .content .intro { font-size: 0.729vw; color: #73798C; line-height: 1.25vw; min-height: 3.75vw; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 1.302vw; } .dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .content .more { display: inline-block; width: auto; height: 2.5vw; line-height: 2.5vw; font-size: 0.729vw; color: #FFFFFF; padding: 0px 1.458vw 0px 1.198vw; background: -webkit-linear-gradient(left, #00263a, #00263a); background: linear-gradient(90deg, #00263a, #00263a); overflow: hidden; position: relative; } .dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .content .more::after { position: absolute; top: 0px; right: 10.938vw; width: 4.844vw; height: 100%; background: url("../image/dropDownMenuListHover.png") center/cover; content: ""; display: block; } .dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .content .more:hover::after { right: -4.844vw; -webkit-transition: all 1s ease; transition: all 1s ease; opacity: 1; visibility: visible; } .dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .content .more span { margin-right: 2.448vw; } .dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .content .more i { display: inline-block; -webkit-transform: scale(1.3) rotate(-45deg); -ms-transform: scale(1.3) rotate(-45deg); transform: scale(1.3) rotate(-45deg); } .dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .image { width: 23.333vw; overflow: hidden; } .dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .image:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .image img { width: 100%; height: auto; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide-active { opacity: 1 !important; z-index: 9; } /* 移动端栏目 */ .mobileHeader { display: none; } /* 遮罩 */ .maskLayer { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(1.042vw); z-index: 999; } /* 加载动画 */ .loadingLayer { opacity: 0; visibility: hidden; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; /*background: -webkit-linear-gradient(107deg, #2057A5, #15AEE7);*/ /*background: linear-gradient(-17deg, #2057A5, #15AEE7);*/ background: #00263a; z-index: 9999; overflow: hidden; -webkit-mask-image: url("../image/loadingLayerMask.png"); mask-image: url("../image/loadingLayerMask.png"); -webkit-mask-size: auto 100vh; mask-size: auto 100vh; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: 0px 50%; mask-position: 0px 50%; -webkit-transition: -webkit-mask-position 2s ease 2.4s; transition: -webkit-mask-position 2s ease 2.4s; transition: mask-position 2s ease 2.4s; transition: mask-position 2s ease 2.4s, -webkit-mask-position 2s ease 2.4s; } .loadingLayer.active .logoBox .logo::after { height: 100%; } .loadingLayer.active .logoBox img { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); opacity: 1; visibility: visible; } .loadingLayer.success { -webkit-mask-position: -200vw 50%; mask-position: -200vw 50%; pointer-events: none; } .loadingLayer .loadingLayerMask { display: none; } .loadingLayer .content1630 { padding: 2.656vw 0px 4.688vw; height: 100vh; } .loadingLayer .progressBarBox .progressBar { width: 2.6vw; height: 2.6vw; background: url("../image/icon-progress.png") no-repeat center/cover; position: relative; } .loadingLayer .progressBarBox .progressBar .progressBarActive { position: absolute; width: 2.135vw; height: 0.833vw; top: 0.208vw; left: 0.208vw; --width: 0%; } .loadingLayer .progressBarBox .progressBar .progressBarActive::after { position: absolute; left: 0px; top: 0px; width: var(--width); height: 100%; background: #fff; content: ""; display: block; } .loadingLayer .logoBox { height: 7.76vw; } .loadingLayer .logoBox .logo { width: 21vw; height: 6vw; margin-right: 1vw; position: relative; } .loadingLayer .logoBox .logo::after { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 0%; background: url("../image/loadingLayerLogo1.png") no-repeat left bottom; /*background-size: 21vw 6vw;*/ -webkit-transition: all 1s linear; transition: all 1s linear; content: ""; display: block; } .loadingLayer .logoBox img { width: auto; height: 60px; -webkit-transform: translateX(3.125vw); -ms-transform: translateX(3.125vw); transform: translateX(3.125vw); opacity: 0; visibility: hidden; -webkit-transition: all 1.2s ease 0.4s; transition: all 1.2s ease 0.4s; } .loadingLayer .copyright { font-size: 0.677vw; color: rgba(255, 255, 255, 0.5); line-height: 1.042vw; margin-bottom: 5.208vw; } .loadingLayer .more { position: absolute; bottom: 4.167vw; display: inline-block; width: auto; height: 2.917vw; line-height: 2.917vw; font-size: 0.833vw; color: #FFFFFF; padding: 0px 1.823vw 0px 1.563vw; /*background: -webkit-linear-gradient(left, #00263a, #00263a);*/ /*background: linear-gradient(90deg, #00263a, #00263a);*/ background: #00263a; border: 1px solid #FFFFFF; overflow: hidden; cursor: pointer; pointer-events: all; } .loadingLayer .more::after { position: absolute; top: 0px; right: 10.938vw; width: 4.844vw; height: 100%; background: url("../image/dropDownMenuListHover.png") center/cover; content: ""; display: block; } .loadingLayer .more:hover::after { right: -4.844vw; -webkit-transition: all 1s ease; transition: all 1s ease; opacity: 1; visibility: visible; } .loadingLayer .more span { margin-right: 3.49vw; } .loadingLayer .more i { display: inline-block; -webkit-transform: scale(1.3) rotate(-45deg); -ms-transform: scale(1.3) rotate(-45deg); transform: scale(1.3) rotate(-45deg); } .loadingLayer .arrow { position: absolute; top: 55%; left: 100%; -webkit-transform: translate(20%, -50%); -ms-transform: translate(20%, -50%); transform: translate(20%, -50%); width: 100vw; height: 100vw; } .loadingLayer .arrow span { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100vw; height: 100vw; border: 2px solid #fff; border-radius: 5.208vw; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation: disappear 3s ease infinite; animation: disappear 3s ease infinite; } .loadingLayer .arrow span:nth-child(7) { -webkit-animation-delay: 3s; animation-delay: 3s; } .loadingLayer .arrow span:nth-child(6) { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; } .loadingLayer .arrow span:nth-child(5) { -webkit-animation-delay: 2s; animation-delay: 2s; } .loadingLayer .arrow span:nth-child(4) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } .loadingLayer .arrow span:nth-child(3) { -webkit-animation-delay: 1s; animation-delay: 1s; } .loadingLayer .arrow span:nth-child(2) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } /* 底部 */ .footer { padding: 2.865vw 0px 0px; position: relative; background: #00263a; } .footer .footerHead { margin-bottom: 1.302vw; padding-bottom: 1.302vw; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .footer .footerHead .footerHeadTitle .title { font-size: 1.354vw; color: #FFFFFF; margin-bottom: 0.521vw; } .footer .footerHead .footerHeadTitle .intro { font-size: 0.833vw; color: #767b81; } .footer .footerHead .footerHeadTitle .intro a { color: #A0A3B0; margin: 0px 0.26vw; -webkit-transition: all 0.4s; transition: all 0.4s; position: relative; } .footer .footerHead .footerHeadTitle .intro a::after { position: absolute; right: 0px; bottom: 0px; width: 0%; height: 1px; background: #fff; -webkit-transition: all 0.4s; transition: all 0.4s; content: ""; display: block; } .footer .footerHead .footerHeadTitle .intro a:hover { color: #fff; } .footer .footerHead .footerHeadTitle .intro a:hover::after { width: 100%; right: auto; left: 0px; } .footer .footerHead .footerHeadSearch { width: 25vw; height: 2.083vw; background: rgba(255, 255, 255, 0.1); } .footer .footerHead .footerHeadSearch input { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 100%; font-size: 0.729vw; color: #ffffff; padding: 0px 0.938vw; } .footer .footerHead .footerHeadSearch input::-webkit-input-placeholder { color: #ffffff; } .footer .footerHead .footerHeadSearch input::-moz-placeholder { color: #ffffff; } .footer .footerHead .footerHeadSearch input:-ms-input-placeholder { color: #ffffff; } .footer .footerHead .footerHeadSearch input::placeholder { color: #ffffff; } .footer .footerHead .footerHeadSearch button { width: 6.458vw; height: 100%; font-size: 0.729vw; color: #fff; border: 0px; background: -webkit-linear-gradient(left, #00263a, #00263a); background: linear-gradient(90deg, #00263a, #00263a); cursor: pointer; overflow: hidden; position: relative; } .footer .footerHead .footerHeadSearch button::after { position: absolute; top: 0px; right: 10.938vw; width: 4.844vw; height: 100%; background: url("../image/dropDownMenuListHover.png") center/cover; content: ""; display: block; } .footer .footerHead .footerHeadSearch button:hover::after { right: -4.844vw; -webkit-transition: all 1s ease; transition: all 1s ease; opacity: 1; visibility: visible; } .footer .footerMain { margin-bottom: 3.125vw; } .footer .footerMain .footerMainLeft { margin-right: 10vw; } .footer .footerMain .footerMainLeft .logo { margin-bottom: 1.354vw; } .footer .footerMain .footerMainLeft .logo a img { width: auto; height: 2vw; } .footer .footerMain .footerMainLeft .share a { display: inline-block; width: 1.979vw; height: 1.979vw; border: 1px solid rgba(255, 255, 255, 0.1); margin-right: 0.521vw; position: relative; } .footer .footerMain .footerMainLeft .share a:last-child { margin-right: 0px; } .footer .footerMain .footerMainLeft .share a:hover > img { opacity: 1; } .footer .footerMain .footerMainLeft .share a:hover .popup { bottom: -0.781vw; opacity: 1; visibility: visible; } .footer .footerMain .footerMainLeft .share a > img { width: auto; height: 1.875vw; opacity: 0.5; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .footer .footerMain .footerMainLeft .share a .popup { opacity: 0; visibility: hidden; transition: all .4s ease; } .footer .footerMain .footerMainLeft .share a .popup.active { opacity: 1 !important; visibility: visible !important; bottom: -0.781vw !important; } .footer .footerMain .footerMainLeft .share a .popup { width: 4.792vw; height: auto; min-height: 4.792vw; background: #fff; border-radius: 0.26vw; padding: 0.208vw; box-shadow: 0px 0px 0.521vw #eee; position: absolute; left: 0px; bottom: -1.563vw; -webkit-transform: translate(0%, 100%); -ms-transform: translate(0%, 100%); transform: translate(0%, 100%); opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .footer .footerMain .footerMainLeft .share a .popup::after { position: absolute; left: 0.677vw; top: -0.365vw; width: 0.625vw; height: 0.469vw; background: #fff; -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%); clip-path: polygon(50% 0%, 0% 100%, 100% 100%); content: ""; display: block; } .footer .footerMain .footerMainLeft .share a .popup img { width: 100%; height: auto; } .footer .footerMain .footerMainRight { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .footer .footerMain .footerMainRight dl { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-right: 1.094vw; } .footer .footerMain .footerMainRight dl:last-child { margin-right: 0px; } .footer .footerMain .footerMainRight dl dt { margin-bottom: 0.781vw; } .footer .footerMain .footerMainRight dl dt a { display: block; padding-bottom: 0.833vw; border-bottom: 1px solid rgba(255, 255, 255, 0.1); font-size: 0.833vw; color: rgba(255, 255, 255, 0.25); -webkit-transition: all 0.4s; transition: all 0.4s; position: relative; } .footer .footerMain .footerMainRight dl dt a::after { position: absolute; right: 0px; bottom: 0px; width: 0%; height: 1px; background: #fff; -webkit-transition: all 0.4s; transition: all 0.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: 0px; } .footer .footerMain .footerMainRight dl dd a { font-size: 0.885vw; color: #FFFFFF; line-height: 1.563vw; -webkit-transition: all 0.4s; transition: all 0.4s; position: relative; } .footer .footerMain .footerMainRight dl dd a::after { position: absolute; right: 0px; bottom: 0px; width: 0%; height: 1px; background: #fff; -webkit-transition: all 0.4s; transition: all 0.4s; content: ""; display: block; } .footer .footerMain .footerMainRight dl dd a:hover { color: #fff; } .footer .footerMain .footerMainRight dl dd a:hover::after { width: 100%; right: auto; left: 0px; } .footer .footerCopyright { height: 3.646vw; line-height: 3.646vw; border-top: 1px solid rgba(255, 255, 255, 0.1); font-size: 0.625vw; color: rgba(255, 255, 255, 0.25); text-align: center; } .footer .footerCopyright a { color: rgba(255, 255, 255, 0.25); -webkit-transition: all 0.4s; transition: all 0.4s; position: relative; } .footer .footerCopyright a::after { position: absolute; right: 0px; bottom: 0px; width: 0%; height: 1px; background: #fff; -webkit-transition: all 0.4s; transition: all 0.4s; content: ""; display: block; } .footer .footerCopyright a:hover { color: #fff; } .footer .footerCopyright a:hover::after { width: 100%; right: auto; left: 0px; } /* 分页 */ #pagingMian .paging { text-align: center; } #pagingMian .paging.whiteTheme .layui-laypage a, #pagingMian .paging.whiteTheme .layui-laypage span { background: #fff; } #pagingMian .paging .layui-laypage { margin: 0px; } #pagingMian .paging .layui-laypage a, #pagingMian .paging .layui-laypage span { width: 2.5vw; height: 2.5vw; line-height: 2.5vw; font-size: 0.677vw; color: #353535; padding: 0px; margin: 0px 0.365vw; border: 0px; background: #f9f9f9; overflow: hidden; } #pagingMian .paging .layui-laypage a:hover, #pagingMian .paging .layui-laypage span:hover { color: #fff; background: #00263a; } #pagingMian .paging a.page-num-current { font-size: 0.885vw !important; font-weight: bold; color: #fff; background: #00263a; } #pagingMian .paging .layui-laypage-prev, #pagingMian .paging .layui-laypage-next { font-size: 0.521vw !important; font-weight: bold; } #pagingMian .paging .page-num-current .layui-laypage-em { background: #00263a; } #pagingMian .mobileLoadMore { display: none; } /* 首页标题 */ .indexTitle.themeWhite .title { height: 2.135vw; line-height: 2.135vw; font-size: 0.833vw; background: #f7f7f7; color: #000000; } .indexTitle.themeWhite .title::after { margin-left: 1.042vw; } .indexTitle.themeWhite .intro { color: #FFFFFF; } .indexTitle .title { display: inline-block; width: auto; height: 2.604vw; line-height: 2.604vw; font-size: 1.25vw; color: #00263a; background: #F7F7F7; padding: 0px 0.625vw 0px 0.781vw; margin-bottom: 0.625vw; } .indexTitle .title::after { width: 0.313vw; height: 0.313vw; background: #00263a; margin-left: 1.25vw; vertical-align: middle; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: ""; display: inline-block; } .indexTitle .intro { font-size: 2.604vw; color: #000000; font-weight: 600; } /* 首页-banner */ .banner .swiper-wrapper .swiper-slide { position: relative; } .banner .swiper-wrapper .swiper-slide .image { height: auto; } .banner .swiper-wrapper .swiper-slide .image video, .banner .swiper-wrapper .swiper-slide .image img { /*position: absolute;*/ left: 0px; top: 0px; width: 100%; height: auto; object-fit: cover; -webkit-transition: all 5s linear; transition: all 5s linear; } .banner .swiper-wrapper .swiper-slide .element { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; pointer-events: none; z-index: 2; } .banner .swiper-wrapper .swiper-slide .element img { width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 5s linear; transition: all 5s linear; } .banner .swiper-wrapper .swiper-slide .content { position: absolute; left: 0px; top: 46%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 3; } .banner .swiper-wrapper .swiper-slide .content .title { font-size: 2.917vw; color: #FFFFFF; line-height: 3.438vw; margin-bottom: 2.708vw; font-weight: 600; opacity: 0; padding: 0px 3.229vw; } .banner .swiper-wrapper .swiper-slide .content .more { display: inline-block; width: auto; height: 2.917vw; line-height: 2.917vw; font-size: 0.833vw; color: #FFFFFF; padding: 0px 1.823vw 0px 1.563vw; background: -webkit-linear-gradient(left, #00263a, #00263a); background: linear-gradient(90deg, #00263a, #00263a); position: relative; overflow: hidden; opacity: 0; margin-left: 3.229vw; } .banner .swiper-wrapper .swiper-slide .content .more::after { position: absolute; top: 0px; right: 10.938vw; width: 4.844vw; height: 100%; background: url("../image/dropDownMenuListHover.png") center/cover; z-index: -1; content: ""; display: block; } .banner .swiper-wrapper .swiper-slide .content .more:hover::after { right: -4.844vw; -webkit-transition: all 1s ease; transition: all 1s ease; opacity: 1; visibility: visible; } .banner .swiper-wrapper .swiper-slide .content .more span { margin-right: 3.49vw; } .banner .swiper-wrapper .swiper-slide .content .more i { display: inline-block; -webkit-transform: scale(1.3) rotate(-45deg); -ms-transform: scale(1.3) rotate(-45deg); transform: scale(1.3) rotate(-45deg); } .banner .swiper-wrapper .swiper-slide-active .image video, .banner .swiper-wrapper .swiper-slide-active .image img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .banner .swiper-wrapper .swiper-slide-active .element img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); -webkit-animation: fadeOut 6s linear infinite; animation: fadeOut 6s linear infinite; } .banner .swiper-wrapper .swiper-slide-active .content .title { -webkit-animation: fadeInUp 1.2s 0.6s forwards; animation: fadeInUp 1.2s 0.6s forwards; } .banner .swiper-wrapper .swiper-slide-active .content .more { -webkit-animation: fadeInUp 1.2s 0.8s forwards; animation: fadeInUp 1.2s 0.8s forwards; } .banner .swiper-pagination { position: absolute; left: 50%; bottom: 3.125vw; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; } .banner .swiper-pagination .swiper-pagination-bullet { display: inline-block; width: 3.906vw; height: 2px; background: rgba(255, 255, 255, 0.5); margin-right: 0.469vw; position: relative; cursor: pointer; } .banner .swiper-pagination .swiper-pagination-bullet::after { position: absolute; left: 0px; top: 0px; width: 0%; height: 100%; background: #00263a; content: ""; display: block; } .banner .swiper-pagination .swiper-pagination-bullet:last-child { margin-right: 0px; } .banner .swiper-pagination .swiper-pagination-bullet-active::after { -webkit-animation: progress 5s ease forwards; animation: progress 5s ease forwards; } /* 首页-产品及应用 */ .indexProducts { padding: 3.958vw 1.563vw 4.167vw; } .indexProducts .indexProductsMain { margin-top: 1.927vw; position: relative; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide { opacity: 0 !important; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; position: relative; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .image { -webkit-transition: all 4s linear; transition: all 4s linear; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .image img { width: 100%; height: auto; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .image .listBox { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .image .listBox .list { position: absolute; top: 0px; left: 0px; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .image .listBox .list:hover .more, .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .image .listBox .list:active .more { opacity: 1; visibility: visible; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .image .listBox .list .drop { width: 0.677vw; height: 0.677vw; background: #FFFFFF; border-radius: 50%; position: relative; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .image .listBox .list .drop::after { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 0.26vw; height: 0.26vw; background: #1158B7; border-radius: 50%; content: ""; display: block; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .image .listBox .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: rgba(255, 255, 255, 0.4); border-radius: 50%; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: centerDiffuse 2s linear infinite; animation: centerDiffuse 2s linear infinite; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .image .listBox .list .drop span:nth-child(2) { -webkit-animation-delay: 1s; animation-delay: 1s; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .image .listBox .list .more { display: inline-block; position: absolute; left: 1.354vw; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: auto; height: 1.771vw; line-height: 1.771vw; text-align: center; background: -webkit-linear-gradient(left, #00263a, #00263a); background: linear-gradient(90deg, #00263a, #00263a); border-radius: 0.885vw; font-size: 0.729vw; color: #FFFFFF; white-space: nowrap; padding: 0px 0.781vw; text-align: center; opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; overflow: hidden; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .image .listBox .list .more.right { right: 1.354vw; left: auto; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .image .listBox .list .more::after { position: absolute; top: 0px; right: 10.938vw; width: 4.844vw; height: 100%; background: url("../image/dropDownMenuListHover.png") center/cover; z-index: -1; content: ""; display: block; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .image .listBox .list .more:hover::after { right: -4.844vw; -webkit-transition: all 1s ease; transition: all 1s ease; opacity: 1; visibility: visible; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .image .listBox .list .more img { width: 0.885vw; height: 0.885vw; margin-right: 0.208vw; margin-top: -0.156vw; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .image .listBox .list .more span { margin-right: 0.833vw; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .image .listBox .list .more i { display: inline-block; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .content { position: absolute; left: 0px; bottom: 0px; width: 100%; height: auto; padding: 0px 76.563vw 3.125vw 3.125vw; pointer-events: none; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .content .title { font-size: 3.021vw; color: #FFFFFF; line-height: 3.646vw; margin-bottom: 21.354vw; opacity: 0; width: 41.667vw; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .content .feature { margin: -0.26vw; width: 18.229vw; opacity: 0; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .content .feature span { min-width: 8.333vw; height: 2.813vw; line-height: 2.76vw; text-align: center; font-size: 1.042vw; color: #FFFFFF; border-radius: 1.406vw; padding: 0px 2.083vw; white-space: nowrap; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.3); margin: 0.26vw; backdrop-filter: blur(1.042vw); } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide-active { opacity: 1 !important; z-index: 2; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide-active .content .title { -webkit-animation: fadeInUp 1.2s 0.2s forwards; animation: fadeInUp 1.2s 0.2s forwards; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide-active .content .feature { -webkit-animation: fadeInUp 1.2s 0.4s forwards; animation: fadeInUp 1.2s 0.4s forwards; } .indexProducts .indexProductsMain .indexProductsListBox { position: absolute; right: 0px; bottom: 3.125vw; width: 45.313vw; overflow: hidden; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsListPage { position: relative; z-index: 2; margin-bottom: 1.042vw; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsListPage .current, .indexProducts .indexProductsMain .indexProductsListBox .indexProductsListPage .total { font-family: Montserrat; font-weight: 500; font-size: 1.042vw; color: #FFFFFF; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsListPage .progress { width: 27.969vw; height: 0.156vw; background: rgba(255, 255, 255, 0.4); border-radius: 2px; margin: 0px 1.042vw; position: relative; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsListPage .progress::after { position: absolute; left: 0px; top: 0px; width: 0%; height: 100%; background: #fff; border-radius: 2px; content: ""; display: block; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsListPage .progress.active::after { -webkit-animation: progress 5s ease forwards; animation: progress 5s ease forwards; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsList { width: 27.083vw; overflow: visible; margin: 0px; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide { margin-right: 1.563vw; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide:last-child { margin-right: 0px; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide a { border: 1px solid rgba(255, 255, 255, 0.5); padding: 0.781vw; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(1.042vw); } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide a:hover .content .more { color: #fff; padding-left: 0.781vw; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide a:hover .content .more::after { width: 100%; height: 2.083vw; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide a .image { width: 9.375vw; height: 9.375vw; background: rgba(255, 255, 255, 0.2); } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide a .image img { width: 100%; height: 100%; object-fit: cover; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide a .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-left: 0.99vw; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide a .content .title { font-size: 1vw; color: #FFFFFF; margin-bottom: 2vw; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide a .content .more { display: inline-block; font-size: 0.833vw; color: rgba(255, 255, 255, 0.4); position: relative; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide a .content .more::after { width: 1.667vw; height: 1.667vw; position: absolute; top: 50%; right: 0px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: -webkit-linear-gradient(left, #00263a, #00263a); background: linear-gradient(90deg, #00263a, #00263a); z-index: -1; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; content: ""; display: block; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide a .content .more span { margin-right: 1.302vw; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide a .content .more i { display: inline-block; width: 1.667vw; height: 1.667vw; text-align: center; line-height: 1.667vw; color: #fff; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide a .content .more i::before { display: block; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* 首页-产品优势 */ .indexAdvantages { position: relative; } .indexAdvantages .indexTitle { position: absolute; top: 7.292vw; left: 4.635vw; z-index: 2; } .indexAdvantages .indexAdvantagesList { position: absolute; top: 0px; right: 0px; width: 16.354vw; height: 49.948vw; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(1.042vw); z-index: 2; -webkit-clip-path: inset(0% 0% 0% -20%); clip-path: inset(0% 0% 0% -20%); overflow: visible; } .indexAdvantages .indexAdvantagesList .swiper-wrapper .swiper-slide { text-align: center; padding: 2.76vw 1.042vw; cursor: pointer; position: relative; -webkit-clip-path: inset(0% 0% 0% -20%); clip-path: inset(0% 0% 0% -20%); } .indexAdvantages .indexAdvantagesList .swiper-wrapper .swiper-slide::after { position: absolute; left: -1.146vw; top: 0px; width: calc(100% + 1.146vw); height: 100%; background: url("../image/indexAdvantagesActive.png") no-repeat center/cover; opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; z-index: -1; content: ""; display: block; } .indexAdvantages .indexAdvantagesList .swiper-wrapper .swiper-slide img { width: auto; height: 2.188vw; } .indexAdvantages .indexAdvantagesList .swiper-wrapper .swiper-slide p { font-size: 1.25vw; color: #FFFFFF; margin-top: 0.99vw; } .indexAdvantages .indexAdvantagesList .swiper-wrapper .swiper-slide-thumb-active::after { opacity: 1; visibility: visible; } .indexAdvantages .indexAdvantagesMain .indexAdvantagesLeft { width: 42.6041666667%; height: 50vw; background: url("../image/indexAdvantagesLeftBg.jpg") no-repeat center/cover; } .indexAdvantages .indexAdvantagesMain .indexAdvantagesLeft .swiper-wrapper .swiper-slide { padding: 26.042vw 6.51vw 2.604vw 4.635vw; opacity: 0 !important; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .indexAdvantages .indexAdvantagesMain .indexAdvantagesLeft .swiper-wrapper .swiper-slide img { width: auto; height: 2.708vw; margin-bottom: 1.719vw; } .indexAdvantages .indexAdvantagesMain .indexAdvantagesLeft .swiper-wrapper .swiper-slide .title { font-size: 1.771vw; color: #FFFFFF; margin-bottom: 0.573vw; } .indexAdvantages .indexAdvantagesMain .indexAdvantagesLeft .swiper-wrapper .swiper-slide .intro { font-size: 0.885vw; color: rgba(255, 255, 255, 0.6); line-height: 1.406vw; max-height: 10.21vw; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 2.865vw; text-align: justify; } .indexAdvantages .indexAdvantagesMain .indexAdvantagesLeft .swiper-wrapper .swiper-slide .more { display: inline-block; width: auto; height: 2.917vw; line-height: 2.917vw; font-size: 0.833vw; padding: 0px 1.823vw 0px 1.563vw; background: -webkit-linear-gradient(left, #00263a, #00263a); background: linear-gradient(90deg, #00263a, #00263a); background: #FFFFFF; color: #00263a; overflow: hidden; } .indexAdvantages .indexAdvantagesMain .indexAdvantagesLeft .swiper-wrapper .swiper-slide .more::after { position: absolute; top: 0px; right: 10.938vw; width: 4.844vw; height: 100%; background: url("../image/dropDownMenuListHover.png") center/cover; z-index: -1; content: ""; display: block; } .indexAdvantages .indexAdvantagesMain .indexAdvantagesLeft .swiper-wrapper .swiper-slide .more:hover::after { right: -4.844vw; -webkit-transition: all 1s ease; transition: all 1s ease; opacity: 1; visibility: visible; } .indexAdvantages .indexAdvantagesMain .indexAdvantagesLeft .swiper-wrapper .swiper-slide .more span { margin-right: 3.49vw; } .indexAdvantages .indexAdvantagesMain .indexAdvantagesLeft .swiper-wrapper .swiper-slide .more i { display: inline-block; -webkit-transform: scale(1.3) rotate(-45deg); -ms-transform: scale(1.3) rotate(-45deg); transform: scale(1.3) rotate(-45deg); } .indexAdvantages .indexAdvantagesMain .indexAdvantagesLeft .swiper-wrapper .swiper-slide-active { opacity: 1 !important; z-index: 2; } .indexAdvantages .indexAdvantagesMain .indexAdvantagesLeft .swiper-pagination { display: none; } .indexAdvantages .indexAdvantagesMain .indexAdvantagesRight { width: 57.3958333333%; height: 50vw; } .indexAdvantages .indexAdvantagesMain .indexAdvantagesRight .swiper-wrapper .swiper-slide img { width: 100%; height: 50vw; object-fit: cover; } /* 首页-科技创新 */ .indexInnovate { padding: 3.333vw 0px 4.167vw; } .indexInnovate .indexInnovateMain { margin-top: 1.458vw; } .indexInnovate .indexInnovateMain .swiper-wrapper { margin: 0px -0.26vw; } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin: 0px 0.26vw; position: relative; overflow: hidden; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide:hover { -webkit-box-flex: 33.33%; -webkit-flex: 33.33%; -ms-flex: 33.33%; flex: 33.33%; } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide:hover .content { opacity: 1; visibility: visible; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide:hover .content .contentBox { opacity: 1; visibility: visible; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide .image img { width: 100%; height: 43.75vw; object-fit: cover; } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide .content { position: absolute; left: 0px; bottom: 0px; width: 100%; height: auto; padding: 1.458vw 4.635vw 0.938vw 3.125vw; /*background: -webkit-linear-gradient(left, #00263a, #00263a);*/ /*background: linear-gradient(90deg, #00263a, #00263a);*/ /*opacity: 0;*/ background: rgba(0,38,58,.6); visibility: hidden; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide .content .contentBox { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); opacity: 0; visibility: hidden; -webkit-transition: all 0.6s ease 0.2s; transition: all 0.6s ease 0.2s; } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide .content .contentBox .title { font-size: 1.458vw; color: #FFFFFF; margin-bottom: 0.625vw; } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide .content .contentBox .intro { font-size: 0.885vw; color: rgba(255, 255, 255, 0.8); line-height: 1.25vw; height: 3.75vw; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 1.25vw; } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide .content .contentBox .more { display: inline-block; font-size: 0.833vw; color: rgba(255, 255, 255, 0.8); position: relative; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide .content .contentBox .more::after { width: 1.667vw; height: 1.667vw; position: absolute; top: 50%; right: 0px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: #fff; z-index: -1; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; content: ""; display: block; } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide .content .contentBox .more:hover { color: #00263a; padding-left: 0.781vw; } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide .content .contentBox .more:hover::after { width: 100%; height: 2.083vw; } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide .content .contentBox .more span { margin-right: 1.302vw; } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide .content .contentBox .more i { display: inline-block; width: 1.667vw; height: 1.667vw; text-align: center; line-height: 1.667vw; color: #00263a; } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide .content .contentBox .more i::before { display: block; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .indexInnovate .indexInnovateMain .swiper-pagination { display: none; } /* 首页-关于我们 */ .indexAboutus { min-height: 50.99vw; padding: 5.573vw 0px 1.875vw; position: relative; overflow: hidden; } .indexAboutus .play { width: 4.323vw; height: 4.271vw; background: url("../image/icon-play.png") no-repeat center/cover; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; cursor: pointer; box-shadow: 0px 0.365vw 0.833vw 0px rgba(0, 0, 0, 0.46); z-index: 3; } .indexAboutus .indexAboutusElement { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } .indexAboutus .indexAboutusElement img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; } .indexAboutus .indexAboutusElement img:nth-child(1) { z-index: 2; } .indexAboutus .indexAboutusElement img:nth-child(2) { z-index: 1; } .indexAboutus .indexAboutusTitle { font-size: 3.125vw; color: #FFFFFF; line-height: 4.167vw; font-weight: 600; margin-bottom: 21.979vw; position: relative; z-index: 2; } .indexAboutus .indexAboutusMain { padding-left: 46.354vw; position: relative; z-index: 2; } .indexAboutus .indexAboutusMain > .intro { display: block; font-weight: 300; font-size: 0.938vw; color: #FFFFFF; line-height: 1.25vw; padding-left: 2.708vw; border-left: 1px solid #fff; margin-bottom: 1.406vw; } .indexAboutus .indexAboutusMain .number ul { padding-left: 2.708vw; } .indexAboutus .indexAboutusMain .number ul li { padding: 0px 2.865vw; border-right: 1px solid rgba(255, 255, 255, 0.2); } .indexAboutus .indexAboutusMain .number ul li:first-child { padding-left: 0px; } .indexAboutus .indexAboutusMain .number ul li:last-child { padding-right: 0px; border-right: 0px; } .indexAboutus .indexAboutusMain .number ul li:nth-child(1) .num { width: 4.531vw; } .indexAboutus .indexAboutusMain .number ul li:nth-child(2) .num { width: 9.01vw; } .indexAboutus .indexAboutusMain .number ul li:nth-child(3) .num { width: 10.469vw; } .indexAboutus .indexAboutusMain .number ul li .num { font-size: 2.865vw; color: #FFFFFF; line-height: 1; margin-bottom: 0.208vw; white-space: nowrap; font-weight: 600; } .indexAboutus .indexAboutusMain .number ul li .num i { font-size: 1.667vw; margin-left: 0.313vw; } .indexAboutus .indexAboutusMain .number ul li .intro { font-size: 0.729vw; color: rgba(255, 255, 255, 0.6); line-height: 1.146vw; } /* 首页-新闻公告 */ .indexNews { padding: 3.49vw 0px; position: relative; } .indexNews .indexNewsList { margin: 2.083vw 0px 1.875vw; padding-top: 0.729vw; border-top: 1px solid #D6D6D6; } .indexNews .indexNewsList .indexNewsListLeft { margin: 0px; } .indexNews .indexNewsList .indexNewsListLeft .swiper-wrapper .swiper-slide { width: auto; font-size: 0.99vw; color: rgba(113, 113, 113, 0.5); padding-bottom: 0.208vw; position: relative; margin-right: 2.24vw; cursor: pointer; } .indexNews .indexNewsList .indexNewsListLeft .swiper-wrapper .swiper-slide::after { position: absolute; right: 0px; bottom: 0px; width: 0%; height: 2px; background: -webkit-linear-gradient(left, #00263a, #00263a); background: linear-gradient(90deg, #00263a, #00263a); opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; content: ""; display: block; } .indexNews .indexNewsList .indexNewsListLeft .swiper-wrapper .swiper-slide-thumb-active { background: -webkit-linear-gradient(bottom, #00263a 0%, #00263a 100%); background: linear-gradient(0deg, #00263a 0%, #00263a 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .indexNews .indexNewsList .indexNewsListLeft .swiper-wrapper .swiper-slide-thumb-active::after { right: auto; left: 0px; width: 100%; opacity: 1; visibility: visible; } .indexNews .indexNewsList .indexNewsListRight ul li { display: none; } .indexNews .indexNewsList .indexNewsListRight ul li.active { display: block; } .indexNews .indexNewsList .indexNewsListRight ul li a { display: inline-block; font-size: 0.833vw; color: #333; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; position: relative; } .indexNews .indexNewsList .indexNewsListRight ul li a::after { width: 1.667vw; height: 1.667vw; position: absolute; top: 50%; right: 0px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: -webkit-linear-gradient(left, #00263a, #00263a); background: linear-gradient(90deg, #00263a, #00263a); z-index: -1; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; content: ""; display: block; } .indexNews .indexNewsList .indexNewsListRight ul li a:hover { color: #fff; padding-left: 0.781vw; } .indexNews .indexNewsList .indexNewsListRight ul li a:hover::after { width: 100%; height: 2.083vw; } .indexNews .indexNewsList .indexNewsListRight ul li a span { margin-right: 1.302vw; } .indexNews .indexNewsList .indexNewsListRight ul li a i { display: inline-block; width: 1.667vw; height: 1.667vw; text-align: center; line-height: 1.667vw; color: #fff; } .indexNews .indexNewsList .indexNewsListRight ul li a i::before { display: block; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide { opacity: 0 !important; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-wrapper .swiper-slide { width: 23.411vw; margin-right: 1.042vw; margin-top: 5.208vw; opacity: 0; visibility: hidden; -webkit-transition: 0.9s ease; transition: 0.9s ease; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-wrapper .swiper-slide:nth-child(1) { width: 47.917vw; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-wrapper .swiper-slide:nth-child(1) .image img { height: 27vw; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-wrapper .swiper-slide:nth-child(1) .content { margin: 1.51vw 0px 0px; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-wrapper .swiper-slide:nth-child(1) .content .title { font-size: 1.146vw; line-height: 1.563vw; margin-bottom: 0.885vw; padding-right: 29.167vw; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-wrapper .swiper-slide:nth-child(1) .content .intro { position: absolute; top: -0.313vw; right: 0px; width: 18.542vw; display: block; font-size: 0.885vw; color: rgba(76, 82, 87, 0.8); line-height: 1.406vw; max-height: 4.219vw; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-wrapper .swiper-slide:last-child { margin-right: 0px; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-wrapper .swiper-slide a:hover .image img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-wrapper .swiper-slide a .image { overflow: hidden; position: relative; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-wrapper .swiper-slide a .image img { width: 100%; height: 22.813vw; object-fit: cover; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-wrapper .swiper-slide a .content { margin: 1.094vw 0px 0px; position: relative; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-wrapper .swiper-slide a .content .title { font-size: 0.885vw; color: #2E2E31; margin-bottom: 0.417vw; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-wrapper .swiper-slide a .content .intro { display: none; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-wrapper .swiper-slide a .content .time { font-family: Montserrat; font-size: 0.729vw; color: #000000; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-wrapper .swiper-slide a .content .time i { font-size: 0.833vw; color: #00263a; margin-right: 0.313vw; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-pagination { display: none; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide-active { opacity: 1 !important; z-index: 2; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide-active .indexNewsSlide .swiper-wrapper .swiper-slide { margin-top: 0px; opacity: 1; visibility: visible; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide-active .indexNewsSlide .swiper-wrapper .swiper-slide:nth-child(1) { -webkit-transition-delay: 0s; transition-delay: 0s; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide-active .indexNewsSlide .swiper-wrapper .swiper-slide:nth-child(2) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide-active .indexNewsSlide .swiper-wrapper .swiper-slide:nth-child(3) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } /* 内页banner */ #detailBanner { position: relative; overflow: hidden; } #detailBanner .image { width: calc(100% + 4.167vw); } #detailBanner .image img { display: block; width: 100%; height: auto; -webkit-animation: translateX 6.5s linear 0.4s forwards; animation: translateX 6.5s linear 0.4s forwards; } #detailBanner .content { position: absolute; left: 50%; bottom: 10vw; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } #detailBanner .content .title { font-size: 3.333vw; color: #FFFFFF; line-height: 3.333vw; margin-bottom: 1.771vw; } #detailBanner .content .subTitle { font-size: 1.25vw; color: #FFFFFF; line-height: 1.667vw; } #detailBanner .content .icon { position: absolute; right: 0px; bottom: 0; width: 3.281vw; height: 3.281vw; line-height: 3.177vw; text-align: center; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.2); -webkit-animation: downFloat 4s ease infinite; animation: downFloat 4s ease infinite; } #detailBanner .content .icon::after { position: absolute; top: calc(50% - 3.906vw); left: calc(50% - 3.906vw); width: 7.813vw; height: 7.813vw; background: url("../image/detailBannerIconBg.png") no-repeat center/cover; z-index: -1; -webkit-animation: rotate 42s linear forwards infinite; animation: rotate 42s linear forwards infinite; content: ""; display: block; } #detailBanner .content .icon img { width: auto; height: 1.25vw; } /* 内页分类 */ #detailList { position: fixed; left: 0px; top: 5.729vw; width: 100%; height: 3.125vw; line-height: 3.021vw; border-top: 1px solid rgba(255, 255, 255, 0.15); border-bottom: 1px solid rgba(255, 255, 255, 0.15); z-index: 9998; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; } #detailList.detailListDetail { border-color: rgba(0, 0, 0, 0.15); } #detailList.detailListDetail ul li.active > a::after, #detailList.detailListDetail ul li:hover > a::after { width: 100%; background: #333; } #detailList.detailListDetail ul li > a { color: #333; } #detailList.detailListMask { top: 4.323vw; height: 2.865vw; line-height: 2.76vw; border-color: rgba(0, 0, 0, 0.05); background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(1.042vw); } #detailList.detailListMask ul li.active > a::after, #detailList.detailListMask ul li:hover > a::after { width: 100%; background: #333; } #detailList.detailListMask ul li > a { color: #333; } #detailList.detailListDown { -webkit-transform: translateY(-4.427vw); -ms-transform: translateY(-4.427vw); transform: translateY(-4.427vw); } #detailList ul li { margin-right: 4.063vw; position: relative; } #detailList ul li:last-child { margin-right: 0px; } #detailList ul li.active > a::after, #detailList ul li:hover > a::after { width: 100%; } #detailList ul li:hover .popup { top: 3.646vw; opacity: 1; visibility: visible; } #detailList ul li > a { display: block; font-size: 0.833vw; color: #FFFFFF; position: relative; } #detailList ul li > a::after { position: absolute; left: 50%; bottom: -1px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 0%; height: 2px; background: #fff; border-radius: 0.156vw; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; content: ""; display: block; } #detailList ul li > a i { display: inline-block; font-size: 0.521vw; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); margin-left: 0.469vw; } #detailList ul li .popup { position: absolute; left: 50%; top: 4.167vw; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border-radius: 0.469vw; background: #fff; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 0; visibility: hidden; padding: 0.417vw 0px; line-height: 1.667vw; } #detailList ul li .popup::after { position: absolute; top: 1px; left: 50%; -webkit-transform: translate(-50%, -100%); -ms-transform: translate(-50%, -100%); transform: translate(-50%, -100%); width: 0.729vw; height: 0.365vw; background: #fff; -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%); clip-path: polygon(50% 0%, 0% 100%, 100% 100%); content: ""; display: block; } #detailList ul li .popup a { font-size: 0.677vw; color: #333; white-space: nowrap; padding: 0.208vw 0.781vw; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #detailList ul li .popup a:hover { color: #00263a; } /* 内页标题 */ .detailTitle.black .intro { color: #000000; } .detailTitle.white .intro { color: #fff; } .detailTitle .title { display: inline-block; color: #00263a; min-width: 9.219vw; height: 2.604vw; line-height: 2.604vw; font-size: 1.25vw; padding: 0px 0.781vw; background: #F7F7F7; white-space: nowrap; } .detailTitle .title::after { width: 0.208vw; height: 0.208vw; background: #00263a; margin-left: 1.042vw; vertical-align: middle; margin-bottom: 0.156vw; content: ""; display: inline-block; } .detailTitle .intro { font-size: 2.604vw; font-weight: 550; line-height: 3.125vw; margin-top: 0.417vw; } /* 创新理念 */ #innovativeIdeas { padding: 3.125vw 0px 3.125vw; } #innovativeIdeas .innovativeIdeasMain { background: #fbfbfb; height: 41.615vw; margin-top: 2.448vw; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasLeft { width: 28.4615384615%; height: 100%; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasLeft::after { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 1px; background: #fbfbfb; z-index: 2; content: ""; display: block; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasLeft .swiper-wrapper .swiper-slide { padding: 2.083vw 3.125vw 2.083vw 1.042vw; border-bottom: 1px solid #E5E5E5; cursor: pointer; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasLeft .swiper-wrapper .swiper-slide .icon { width: 2.656vw; height: 2.656vw; line-height: 2.656vw; text-align: center; box-shadow: 0px 0.26vw 0.938vw 0px rgba(128, 128, 128, 0.16); border-radius: 50%; margin-right: 1.094vw; position: relative; overflow: hidden; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasLeft .swiper-wrapper .swiper-slide .icon::before { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border-radius: 50%; background: #FFFFFF; z-index: 2; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; content: ""; display: block; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasLeft .swiper-wrapper .swiper-slide .icon::after { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border-radius: 50%; background: -webkit-linear-gradient(left, #00263a, #00263a); background: linear-gradient(90deg, #00263a, #00263a); z-index: 1; opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; content: ""; display: block; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasLeft .swiper-wrapper .swiper-slide .icon svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(230deg); -ms-transform: translate(-50%, -50%) rotate(230deg); transform: translate(-50%, -50%) rotate(230deg); width: 2.865vw; height: 2.865vw; fill: none; stroke: #fff; stroke-width: 0.313vw; stroke-dasharray: 167; stroke-linecap: round; stroke-linejoin: round; border-radius: 50%; z-index: 3; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; opacity: 0; visibility: hidden; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasLeft .swiper-wrapper .swiper-slide .icon img { width: 1.458vw; height: 1.458vw; position: relative; z-index: 3; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasLeft .swiper-wrapper .swiper-slide .content .title { font-weight: 550; font-size: 1.25vw; color: #000000; margin-bottom: 0.573vw; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasLeft .swiper-wrapper .swiper-slide .content .intro { font-weight: 300; font-size: 0.885vw; color: #737373; line-height: 1.25vw; max-height: 7.5vw; overflow-y: auto; margin-right: -1.042vw; padding-right: 1.042vw; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasLeft .swiper-wrapper .swiper-slide .content .intro::-webkit-scrollbar { width: 2px; height: 2px; background-color: #d5d5d5; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasLeft .swiper-wrapper .swiper-slide .content .intro::-webkit-scrollbar-track { border-radius: 0.313vw; background-color: #d5d5d5; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasLeft .swiper-wrapper .swiper-slide .content .intro::-webkit-scrollbar-thumb { border-radius: 0.313vw; cursor: pointer; background: #00263a; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasLeft .swiper-wrapper .swiper-slide.active .icon::before { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasLeft .swiper-wrapper .swiper-slide.active .icon::after { opacity: 1; visibility: visible; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasLeft .swiper-wrapper .swiper-slide.active .icon svg { opacity: 1; visibility: visible; -webkit-animation: mySvg 5.5s linear forwards; animation: mySvg 5.5s linear forwards; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasLeft .swiper-wrapper .swiper-slide.active .content .title { background: -webkit-linear-gradient(bottom, #00263a 0%, #00263a 100%); background: linear-gradient(0deg, #00263a 0%, #00263a 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasLeft .swiper-pagination { display: none; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasRight { width: 71.5384615385%; height: 100%; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasRight .swiper-wrapper .swiper-slide { opacity: 0 !important; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; overflow: hidden; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasRight .swiper-wrapper .swiper-slide-active { opacity: 1 !important; z-index: 2 !important; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasRight .swiper-wrapper .swiper-slide:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasRight .swiper-wrapper .swiper-slide img { width: 100%; height: 41.615vw; object-fit: cover; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } /* 研发中心 */ #rdCenter { padding: 3.125vw 0px 3.125vw; background: #00263a; } #rdCenter .rdCenterMain { margin-top: 2.865vw; } #rdCenter .rdCenterMain ul li { margin-bottom: 5.104vw; } #rdCenter .rdCenterMain ul li:last-child { margin-bottom: 0px; } #rdCenter .rdCenterMain ul li .image { width: 73.0769230769%; overflow: hidden; } #rdCenter .rdCenterMain ul li .image:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #rdCenter .rdCenterMain ul li .image img { width: 100%; height: 30.208vw; object-fit: cover; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #rdCenter .rdCenterMain ul li .contnet { width: 21.5384615385%; } #rdCenter .rdCenterMain ul li .contnet .icon { margin-bottom: 2.448vw; } #rdCenter .rdCenterMain ul li .contnet .icon img { width: 4.531vw; height: 4.531vw; } #rdCenter .rdCenterMain ul li .contnet .title { font-size: 1.771vw; color: #FFFFFF; margin-bottom: 0.833vw; } #rdCenter .rdCenterMain ul li .contnet .intro { font-size: 0.938vw; color: rgba(205, 205, 205, 0.7); line-height: 1.563vw; max-height: 17.188vw; padding-right: 1.563vw; margin-right: -1.563vw; overflow-y: auto; } #rdCenter .rdCenterMain ul li .contnet .intro::-webkit-scrollbar { width: 2px; height: 2px; background-color: #eee; } #rdCenter .rdCenterMain ul li .contnet .intro::-webkit-scrollbar-track { border-radius: 0.313vw; background-color: #eee; } #rdCenter .rdCenterMain ul li .contnet .intro::-webkit-scrollbar-thumb { border-radius: 0.313vw; cursor: pointer; background: #00263a; } /* 核心技术 */ #coreTechnology { padding: 3.125vw 0px 3.125vw; } #coreTechnology .coreTechnologyMain { margin-top: 2.396vw; } #coreTechnology .coreTechnologyMain .swiper-wrapper .swiper-slide { opacity: 0 !important; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; overflow: hidden; } #coreTechnology .coreTechnologyMain .swiper-wrapper .swiper-slide-active { opacity: 1 !important; z-index: 2 !important; } #coreTechnology .coreTechnologyMain .swiper-wrapper .swiper-slide:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #coreTechnology .coreTechnologyMain .swiper-wrapper .swiper-slide img { width: 100%; height: 33.333vw; object-fit: cover; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #coreTechnology .coreTechnologyList { margin-top: 3.594vw; } #coreTechnology .coreTechnologyList .swiper-wrapper .swiper-slide { opacity: 0.5 !important; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; cursor: pointer; } #coreTechnology .coreTechnologyList .swiper-wrapper .swiper-slide .line { width: 100%; height: 0.156vw; background: #00263a; position: relative; margin-bottom: 1.198vw; } #coreTechnology .coreTechnologyList .swiper-wrapper .swiper-slide .line::after { position: absolute; left: 0px; top: 0px; width: 0%; height: 100%; background: -webkit-linear-gradient(left, #00263a, #00263a); background: linear-gradient(90deg, #00263a, #00263a); content: ""; display: block; } #coreTechnology .coreTechnologyList .swiper-wrapper .swiper-slide .title { font-size: 1.458vw; color: #000000; margin-bottom: 0.469vw; } #coreTechnology .coreTechnologyList .swiper-wrapper .swiper-slide .intro { font-size: 0.938vw; color: #4D4D4D; line-height: 1.563vw; } #coreTechnology .coreTechnologyList .swiper-wrapper .swiper-slide-thumb-active { opacity: 1 !important; } #coreTechnology .coreTechnologyList .swiper-wrapper .swiper-slide-thumb-active .line::after { -webkit-animation: progressBar 4.5s ease forwards; animation: progressBar 4.5s ease forwards; } /* 产学研合作 */ #iurCooperation { padding-bottom: 4.844vw; } #iurCooperation .iurCooperationMain { margin-top: 2.448vw; } #iurCooperation .iurCooperationMain .swiper-wrapper .swiper-slide:hover .image img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #iurCooperation .iurCooperationMain .swiper-wrapper .swiper-slide .image { overflow: hidden; } #iurCooperation .iurCooperationMain .swiper-wrapper .swiper-slide .image img { width: 100%; height: 24.479vw; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #iurCooperation .iurCooperationMain .swiper-wrapper .swiper-slide .title { font-weight: 550; font-size: 1.563vw; color: #000000; margin-top: 1.198vw; } /* 公司新闻 */ #news { padding: 4.219vw 0px 5.208vw; } #news .newsRecommend { margin-bottom: 5.729vw; } #news .newsRecommend .swiper-wrapper .swiper-slide { background: #00263a; opacity: 0 !important; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #news .newsRecommend .swiper-wrapper .swiper-slide-active { opacity: 1 !important; z-index: 2 !important; } #news .newsRecommend .swiper-wrapper .swiper-slide a:hover .image img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #news .newsRecommend .swiper-wrapper .swiper-slide a .image { width: 62.6923076923%; overflow: hidden; } #news .newsRecommend .swiper-wrapper .swiper-slide a .image img { width: 100%; height: 31.979vw; object-fit: cover; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #news .newsRecommend .swiper-wrapper .swiper-slide a .content { width: 37.3076923077%; padding: 5.104vw 4.688vw 2.083vw 3.438vw; } #news .newsRecommend .swiper-wrapper .swiper-slide a .content .title { font-size: 1.771vw; color: #FFFFFF; line-height: 2.292vw; margin-bottom: 1.823vw; } #news .newsRecommend .swiper-wrapper .swiper-slide a .content .intro { font-size: 0.885vw; color: #FFFFFF; line-height: 1.458vw; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 4.375vw; margin-bottom: 11.042vw; } #news .newsRecommend .swiper-wrapper .swiper-slide a .content .time { font-weight: 300; font-size: 0.729vw; color: #FFFFFF; } #news .newsRecommend .swiper-wrapper .swiper-slide a .content .time i { margin-right: 0.313vw; } #news .newsRecommend .swiper-pagination { position: absolute; right: 4.688vw; bottom: 4.427vw; z-index: 2; } #news .newsRecommend .swiper-pagination .swiper-pagination-bullet { display: inline-block; width: 0.729vw; height: 0.26vw; background: rgba(245, 245, 245, 0.2); border-radius: 0.156vw; margin: 0px 0.156vw; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; cursor: pointer; position: relative; } #news .newsRecommend .swiper-pagination .swiper-pagination-bullet::after { width: 0%; height: 100%; position: absolute; left: 0px; top: 0px; background: -webkit-linear-gradient(left, #fff, #fff); background: linear-gradient(90deg, #fff, #fff); border-radius: 0.156vw; content: ""; display: block; } #news .newsRecommend .swiper-pagination .swiper-pagination-bullet-active { width: 1.25vw; } #news .newsRecommend .swiper-pagination .swiper-pagination-bullet-active::after { -webkit-animation: progressBar 3.5s ease forwards; animation: progressBar 3.5s ease forwards; } #news .newsList { margin-bottom: 4.688vw; } #news .newsList ul li { margin-bottom: 1.563vw; } #news .newsList ul li:last-child { margin-bottom: 0px; } #news .newsList ul li a { border: 1px solid #E1E1E1; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #news .newsList ul li a:hover { box-shadow: 0px 0.521vw 2.24vw 0px rgba(39, 39, 66, 0.2); } #news .newsList ul li a:hover .image img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #news .newsList ul li a:hover .content .more i { color: #fff; border-color: transparent; } #news .newsList ul li a:hover .content .more i::after { opacity: 1; visibility: visible; } #news .newsList ul li a:hover .other { background: #00263a; } #news .newsList ul li a:hover .other .time { color: #fff; } #news .newsList ul li a:hover .other .tab { color: #fff; } #news .newsList ul li a:hover .other .icon img { -webkit-filter: grayscale(1) brightness(500%); filter: grayscale(1) brightness(500%); } #news .newsList ul li a .image { width: 16.667vw; margin: 1.042vw 0px 1.042vw 1.042vw; overflow: hidden; } #news .newsList ul li a .image img { width: 100%; height: 10.417vw; object-fit: cover; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #news .newsList ul li a .content { margin-left: 2.604vw; margin-right: 7.604vw; padding: 1.875vw 0px; } #news .newsList ul li a .content .title { font-weight: 500; font-size: 1.146vw; color: #000000; margin-bottom: 0.781vw; } #news .newsList ul li a .content .intro { font-size: 0.781vw; color: #646464; line-height: 1.302vw; height: 2.604vw; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 1.667vw; } #news .newsList ul li a .content .more { font-size: 0.833vw; color: #7B7B7B; } #news .newsList ul li a .content .more span { margin-right: 1.094vw; } #news .newsList ul li a .content .more i { display: inline-block; width: 1.667vw; height: 1.667vw; line-height: 1.563vw; text-align: center; border: 1px solid rgba(123, 123, 123, 0.2); vertical-align: middle; position: relative; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #news .newsList ul li a .content .more i::before { display: inline-block; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: relative; z-index: 2; } #news .newsList ul li a .content .more i::after { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 1.667vw; height: 1.667vw; background: -webkit-linear-gradient(left, #00263a, #00263a); background: linear-gradient(90deg, #00263a, #00263a); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 0; visibility: hidden; content: ""; display: block; } #news .newsList ul li a .other { width: 10.938vw; padding: 3.021vw 0px; text-align: center; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #news .newsList ul li a .other .time { font-weight: 300; font-size: 0.938vw; color: #707171; margin-bottom: 0.156vw; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #news .newsList ul li a .other .tab { font-weight: 300; font-size: 1.042vw; color: #707171; margin-bottom: 1.094vw; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #news .newsList ul li a .other .icon img { width: 1.823vw; height: 1.823vw; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } /* 新闻详情 */ #newsDetail { padding: 13.333vw 0px 4.688vw; } #newsDetail .share a { display: block; width: 2.448vw; height: 2.448vw; font-size: 0.938vw; background: #6F747B; text-align: center; line-height: 2.448vw; background: #F4F4F4; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #newsDetail .share a:hover { color: #fff; background: #00263a; } #newsDetail .newsDetailTitle { margin: 0px 7.813vw 2.292vw; } #newsDetail .newsDetailTitle .content { margin-bottom: 1.406vw; } #newsDetail .newsDetailTitle .content > .title { font-weight: 550; font-size: 2.396vw; color: #000000; } #newsDetail .newsDetailTitle .content .shareBox { margin-left: 2.604vw; } #newsDetail .newsDetailTitle .content .shareBox .title { font-size: 0.833vw; color: #545454; } #newsDetail .newsDetailTitle .content .shareBox .share a { margin-left: 0.521vw; } #newsDetail .newsDetailTitle .other::after { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 1px; background: #D9D9D9; margin-left: 1.979vw; content: ""; display: block; } #newsDetail .newsDetailTitle .other .tab { font-size: 0.833vw; color: #000000; } #newsDetail .newsDetailTitle .other span { margin: 0px 0.677vw; color: rgba(0, 0, 0, 0.2); } #newsDetail .newsDetailTitle .other .time { font-size: 0.833vw; color: #000000; } #newsDetail .newsDetailImage { margin: 0px 7.813vw 3.75vw; overflow: hidden; } #newsDetail .newsDetailImage:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #newsDetail .newsDetailImage img { width: 100%; height: auto; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #newsDetail .newsDetailMain { margin: 0px 7.813vw; } #newsDetail .newsDetailMain .newsDetailLeft { width: 5.208vw; margin-right: 3.854vw; border-right: 1px solid #D9D9D9; margin-bottom: 5.833vw; } #newsDetail .newsDetailMain .newsDetailLeft .title { font-size: 0.833vw; color: #545454; margin-left: 1.042vw; margin-bottom: 1.146vw; } #newsDetail .newsDetailMain .newsDetailLeft .share { margin-left: 0.729vw; padding-bottom: 1.042vw; border-bottom: 1px solid #D9D9D9; } #newsDetail .newsDetailMain .newsDetailLeft .share a { margin-bottom: 0.521vw; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailContnet { font-size: 15px; line-height: 1.615vw; margin-bottom: 3.125vw; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailContnet p { color: #111111; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailContnet img, #newsDetail .newsDetailMain .newsDetailRight .newsDetailContnet video, #newsDetail .newsDetailMain .newsDetailRight .newsDetailContnet iframe { display: block; max-width: 100%; margin: 0px auto; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailPdfList { padding-bottom: 3.177vw; margin-bottom: 2.396vw; border-bottom: 1px solid rgba(153, 153, 153, 0.3); } #newsDetail .newsDetailMain .newsDetailRight .newsDetailPdfList a { min-height: 3.646vw; padding: 1.042vw 1.563vw; background: #00263a; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailPdfList a:hover { -webkit-transform: translateY(-0.313vw); -ms-transform: translateY(-0.313vw); transform: translateY(-0.313vw); box-shadow: 0px 0.521vw 1.354vw #ddd; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailPdfList a .title { font-size: 0.885vw; color: #FFFFFF; margin-right: 8.333vw; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailPdfList a .title img { width: auto; height: 1.458vw; margin-right: 0.833vw; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailPdfList a .btn { font-size: 0.833vw; color: rgba(255, 255, 255, 0.8); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailPdfList a .btn span { margin-right: 1.094vw; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailPdfList a .btn i { display: inline-block; vertical-align: middle; width: 1.719vw; height: 1.667vw; line-height: 1.667vw; text-align: center; color: #fff; background: rgba(255, 255, 255, 0.1); } #newsDetail .newsDetailMain .newsDetailRight .newsDetailBtns .btn { width: 3.385vw; height: 2.448vw; text-align: center; font-size: 0.729vw; color: #999999; border: 2px solid rgba(0, 0, 0, 0.4); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; margin-right: 0.521vw; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailBtns .btn.prevBtn i { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } #newsDetail .newsDetailMain .newsDetailRight .newsDetailBtns .btn.nextBtn i { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #newsDetail .newsDetailMain .newsDetailRight .newsDetailBtns .btn:hover { color: #fff; border-color: #00263a; background: #00263a; width: 7.292vw; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailBtns .btn:hover span { max-width: 5.208vw; margin-right: 2.448vw; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailBtns .btn span { max-width: 0px; overflow: hidden; white-space: nowrap; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailBtns .btn i { font-size: 0.833vw; } /* 与我们联系 */ #withus { position: relative; padding: 2.396vw 0px; min-height: 15.625vw; } #withus .commonBg img { -webkit-animation: scale 30s linear infinite; animation: scale 30s linear infinite; } #withus .title { font-size: 2.292vw; color: #FFFFFF; font-weight: 550; margin-bottom: 0.625vw; } #withus .intro { font-size: 0.885vw; color: rgba(255, 255, 255, 0.8); line-height: 1.354vw; margin-bottom: 1.823vw; } #withus .more { display: block; width: 10.938vw; height: 2.917vw; line-height: 2.813vw; text-align: center; font-size: 0.833vw; color: #FFFFFF; border: 1px solid rgba(255, 255, 255, 0.3); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #withus .more:hover { color: #000; background: white; } #withus .more span { margin-right: 3.49vw; } #withus .more i { font-size: 0.938vw; display: inline-block; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* 公告新闻 */ #noticeList { padding: 4.167vw 0px 5.208vw; } #noticeList ul { margin-bottom: 4.688vw; } #noticeList ul li { margin-bottom: 1.042vw; } #noticeList ul li:last-child { margin-bottom: 0px; } #noticeList ul li a { padding: 2.031vw 2.604vw 2.5vw 2.083vw; background: #F9F9F9; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #noticeList ul li a:hover { background: #00263a; box-shadow: 0px 0.625vw 1.979vw 0px rgba(62, 86, 106, 0.19); } #noticeList ul li a:hover .content .time { color: rgba(255, 255, 255, 0.9); } #noticeList ul li a:hover .content .title { color: #FFFFFF; } #noticeList ul li a:hover .content .more { color: rgba(255, 255, 255, 0.56); } #noticeList ul li a:hover .content .more i { color: #fff; } #noticeList ul li a:hover .content .more i::after { opacity: 1; visibility: visible; } #noticeList ul li a:hover .icon::before { opacity: 0; visibility: hidden; } #noticeList ul li a:hover .icon::after { opacity: 1; visibility: visible; } #noticeList ul li a .content .time { font-size: 0.833vw; color: #8D8D99; margin-bottom: 0.26vw; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #noticeList ul li a .content .time i { margin-right: 0.521vw; } #noticeList ul li a .content .title { font-weight: 550; font-size: 1.354vw; color: #000000; margin-bottom: 1.458vw; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #noticeList ul li a .content .more { font-size: 0.833vw; color: rgba(66, 66, 66, 0.5); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #noticeList ul li a .content .more span { margin-right: 1.094vw; } #noticeList ul li a .content .more i { display: inline-block; width: 1.719vw; height: 1.667vw; line-height: 1.667vw; text-align: center; background: rgba(141, 141, 153, 0.1); vertical-align: middle; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; position: relative; } #noticeList ul li a .content .more i::before { display: inline-block; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: relative; z-index: 2; } #noticeList ul li a .content .more i::after { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: -webkit-linear-gradient(left, #00263a, #00263a); background: linear-gradient(90deg, #00263a, #00263a); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 0; visibility: hidden; content: ""; display: block; } #noticeList ul li a .icon { width: 3.698vw; height: 3.333vw; position: relative; } #noticeList ul li a .icon::before { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url("../image/icon-pdf3.png") no-repeat center/cover; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; content: ""; display: block; } #noticeList ul li a .icon::after { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url("../image/icon-pdf-active.png") no-repeat center/cover; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 0; visibility: visible; content: ""; display: block; } /* 公告新闻 */ #join { padding: 4.167vw 0px 5.208vw; } #join .joinSearch { margin-bottom: -1.719vw; } #join .joinSearch .input { position: relative; } #join .joinSearch .input input { width: 23.438vw; height: 2.708vw; font-size: 0.781vw; color: #9B9DA7; padding: 0px 5.208vw 0px 1.563vw; border: 1px solid #E7EBF1; } #join .joinSearch .input .submit { position: absolute; top: 50%; right: 1.719vw; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 1.042vw; color: #040404; cursor: pointer; } #join .joinTitle { margin-bottom: 1.406vw; border-bottom: 1px solid #E7EBF1; } #join .joinTitle .number { display: inline-block; padding-bottom: 0.885vw; font-size: 1.042vw; color: #000000; border-bottom: 2px solid #00263a; } #join .joinTitle .number span { font-size: 1.354vw; color: #00263a; } #join .joinOption { margin-bottom: 4.167vw; } #join .joinOption .wrapper { margin-bottom: 1.146vw; } #join .joinOption .wrapper:last-child { margin-bottom: 0px; } #join .joinOption .wrapper .title { font-weight: 500; font-size: 0.885vw; color: rgba(32, 47, 76, 0.95); margin-top: 0.208vw; margin-right: 2.083vw; } #join .joinOption .wrapper .list { margin: -0.26vw; } #join .joinOption .wrapper .list span { display: inline-block; width: auto; height: 1.771vw; line-height: 1.667vw; padding: 0px 1.146vw; border: 1px solid #E7EBF1; margin: 0.26vw; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; font-size: 0.885vw; color: rgba(155, 157, 167, 0.95); cursor: pointer; } #join .joinOption .wrapper .list span.active, #join .joinOption .wrapper .list span:hover { color: #fff; background: #00263a; border-color: #00263a; } #join .joinMain { margin-bottom: 4.688vw; } #join .joinMain ul li { padding: 0.938vw 1.042vw 0.938vw 2.344vw; background: #F5F5F5; margin-bottom: 0.521vw; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; cursor: pointer; } #join .joinMain ul li:last-child { margin-bottom: 0px; } #join .joinMain ul li:hover { background: #00263a; } #join .joinMain ul li:hover .title { color: #fff; } #join .joinMain ul li:hover .other .address { color: #fff; } #join .joinMain ul li:hover .other .number { color: #fff; } #join .joinMain ul li:hover .other .time { color: #fff; } #join .joinMain ul li .title { width: 18%; font-weight: 500; font-size: 0.938vw; color: #1E292F; } #join .joinMain ul li .other { width: 37.344vw; } #join .joinMain ul li .other .address { width: 7.813vw; font-size: 0.833vw; color: #A1A1A1; } #join .joinMain ul li .other .number { width: 7.813vw; font-size: 0.833vw; color: #A1A1A1; } #join .joinMain ul li .other .time { width: 7.813vw; font-size: 0.833vw; color: #A1A1A1; } #join .joinMain ul li .arrow { width: 2.292vw; height: 2.292vw; line-height: 2.292vw; text-align: center; color: #00263a; font-size: 0.833vw; background: #FFFFFF; } #join .joinMain ul li .arrow i { display: inline-block; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* 联系我们 */ #contactus { padding: 3.125vw 0px 3.125vw; } #contactus .contactusMain { margin-top: 2.344vw; } #contactus .contactusMain ul { margin: -0.781vw; } #contactus .contactusMain ul li { width: calc(33.33% - 1.563vw); min-height: 8.698vw; margin: 0.781vw; padding: 1.771vw 5.208vw 1.771vw 1.042vw; background: #FBFBFB; position: relative; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #contactus .contactusMain ul.item li { width: calc(25% - 1.563vw); } #contactus .contactusMain ul li:hover { background: #00263a; } #contactus .contactusMain ul li:hover .icon img { -webkit-filter: invert(1); filter: invert(1); } #contactus .contactusMain ul li:hover .title { color: #fff; } #contactus .contactusMain ul li:hover .intro { color: rgba(255, 255, 255, 0.8); } #contactus .contactusMain ul li .icon { display: block; position: absolute; top: 1.719vw; right: 1.719vw; } #contactus .contactusMain ul li .icon img { width: 1.719vw; height: 1.719vw; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #contactus .contactusMain ul li .title { font-weight: 550; font-size: 1.354vw; color: #000000; margin-bottom: 0.417vw; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #contactus .contactusMain ul li .intro { font-weight: 300; font-size: 1.042vw; color: rgba(0, 0, 0, 0.8); line-height: 1.354vw; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } /* 留言反馈 */ #message { overflow: hidden; } #message .messageLeft { width: 43.5897435897%; padding-top: 2.604vw; } #message .messageLeft .messageForm .messageOption { margin-top: 2.292vw; margin-bottom: 1.563vw; } #message .messageLeft .messageForm .messageOption .bigTitle { font-size: 0.885vw; color: #000000; padding-bottom: 0.521vw; margin-bottom: 1.563vw; border-bottom: 1px solid rgba(93, 108, 122, 0.2); } #message .messageLeft .messageForm .messageOption .wrapper { margin-bottom: 0.938vw; } #message .messageLeft .messageForm .messageOption .wrapper .title { width: 3.021vw; font-size: 0.729vw; color: #000000; margin-right: 2.396vw; } #message .messageLeft .messageForm .messageOption .wrapper .layui-form-checkbox[lay-skin=primary] { min-width: 0.938vw; min-height: 0.938vw; padding-left: 1.25vw; } #message .messageLeft .messageForm .messageOption .wrapper .layui-form-checkbox > div { font-weight: 300; font-size: 0.729vw; color: #777777; padding: 0px; } #message .messageLeft .messageForm .messageOption .wrapper .layui-form-checkbox[lay-skin=primary] > div { padding-right: 0.781vw; line-height: 0.938vw; } #message .messageLeft .messageForm .messageOption .wrapper .layui-form-checkbox[lay-skin=primary] > i { width: 0.781vw; height: 0.781vw; line-height: 0.677vw; font-size: 0.625vw; border-radius: 0px; } #message .messageLeft .messageForm .messageOption .wrapper .layui-form-checkbox[lay-skin=primary]:hover > i { border-color: #1655ae; } #message .messageLeft .messageForm .messageOption .wrapper .layui-form-checked[lay-skin=primary] > i { border-color: #1655ae !important; background: -webkit-linear-gradient(left, #00263a, #00263a); background: linear-gradient(90deg, #00263a, #00263a); } #message .messageLeft .messageForm .messageField .list { margin-bottom: 0.781vw; } #message .messageLeft .messageForm .messageField .list:nth-child(5) { margin-bottom: 1.563vw; } #message .messageLeft .messageForm .messageField .list:last-child { margin-bottom: 0px; } #message .messageLeft .messageForm .messageField .list input, #message .messageLeft .messageForm .messageField .list textarea { width: 100%; font-size: 0.885vw; color: rgba(0, 0, 0, 0.9); border: 1px solid rgba(51, 60, 72, 0.5); } #message .messageLeft .messageForm .messageField .list input::-webkit-input-placeholder, #message .messageLeft .messageForm .messageField .list textarea::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.9); } #message .messageLeft .messageForm .messageField .list input::-moz-placeholder, #message .messageLeft .messageForm .messageField .list textarea::-moz-placeholder { color: rgba(0, 0, 0, 0.9); } #message .messageLeft .messageForm .messageField .list input:-ms-input-placeholder, #message .messageLeft .messageForm .messageField .list textarea:-ms-input-placeholder { color: rgba(0, 0, 0, 0.9); } #message .messageLeft .messageForm .messageField .list input::placeholder, #message .messageLeft .messageForm .messageField .list textarea::placeholder { color: rgba(0, 0, 0, 0.9); } #message .messageLeft .messageForm .messageField .list input { height: 2.917vw; padding: 0px 1.094vw; } #message .messageLeft .messageForm .messageField .list textarea { height: 6.198vw; padding: 0.625vw 1.094vw; } #message .messageLeft .messageForm .messageField .list .btn { display: inline-block; width: auto; height: 2.917vw; line-height: 2.917vw; font-size: 0.833vw; color: #FFFFFF; padding: 0px 1.823vw 0px 1.563vw; background: -webkit-linear-gradient(left, #00263a, #00263a); background: linear-gradient(90deg, #00263a, #00263a); position: relative; overflow: hidden; cursor: pointer; margin-right: 1.042vw; border: 0px; } #message .messageLeft .messageForm .messageField .list .btn::after { position: absolute; top: 0px; right: 10.938vw; width: 4.844vw; height: 100%; background: url("../image/dropDownMenuListHover.png") center/cover; content: ""; display: block; } #message .messageLeft .messageForm .messageField .list .btn:hover::after { right: -4.844vw; -webkit-transition: all 1s ease; transition: all 1s ease; opacity: 1; visibility: visible; } #message .messageLeft .messageForm .messageField .list .btn span { margin-right: 3.49vw; } #message .messageLeft .messageForm .messageField .list .btn i { display: inline-block; -webkit-transform: scale(1.3) rotate(-45deg); -ms-transform: scale(1.3) rotate(-45deg); transform: scale(1.3) rotate(-45deg); } #message .messageRight { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 49.948vw; margin-right: -9.375vw; position: relative; } #message .messageRight img { width: 100%; height: auto; } #message .messageRight .drap { position: absolute; width: 2.396vw; height: 2.396vw; background: rgba(44, 131, 198, 0.1); border-radius: 50%; border: 1px solid #00263a; top: 78%; left: 22%; } #message .messageRight .drap::after { content: ""; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 0.573vw; height: 0.573vw; background: -webkit-linear-gradient(right, #00263a, #00263a); background: linear-gradient(-90deg, #00263a, #00263a); border-radius: 50%; } #message .messageRight .drap 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%; border-radius: 50%; border: 1px solid #00263a; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: centerDiffuse2 3s linear infinite; animation: centerDiffuse2 3s linear infinite; } #message .messageRight .drap span:nth-child(1) { -webkit-animation-delay: -1s; animation-delay: -1s; } #message .messageRight .drap span:nth-child(2) { -webkit-animation-delay: -2s; animation-delay: -2s; } #message .messageRight .drap span:nth-child(3) { -webkit-animation-delay: -3s; animation-delay: -3s; } /* 理念 */ #idea { background: #fff; } #idea .ideaTitle { font-size: 2.865vw; color: #000000; font-weight: 500; text-align: center; margin-bottom: 6.406vw; } #idea .ideaMain { position: relative; } #idea .ideaMain .ideaImages ul li { position: -webkit-sticky; position: sticky; top: 0px; overflow: hidden; } #idea .ideaMain .ideaImages ul li .content { width: 50%; height: 100%; position: relative; } #idea .ideaMain .ideaImages ul li .content .image { overflow: hidden; max-height: 100vh; } #idea .ideaMain .ideaImages ul li .content .image img { width: 100%; height: 100vh; object-fit: cover; } #idea .ideaMain .ideaImages ul li .hide { display: none; } #idea .ideaMain .ideaContents { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; pointer-events: none; } #idea .ideaMain .ideaContents ul li { overflow: hidden; } #idea .ideaMain .ideaContents ul li.block .content .title { color: #000000; } #idea .ideaMain .ideaContents ul li.block .content .subTitle { color: #000000; } #idea .ideaMain .ideaContents ul li.block .content .intro { color: rgba(0, 0, 0, 0.8); } #idea .ideaMain .ideaContents ul li.white .content .title { color: #fff; } #idea .ideaMain .ideaContents ul li.white .content .subTitle { color: #fff; } #idea .ideaMain .ideaContents ul li.white .content .intro { color: rgba(255, 255, 255, 0.8); } #idea .ideaMain .ideaContents ul li .content { width: 50%; height: 100%; max-height: 100vh; min-height: 100vh; padding: 14.583vw 5.208vw 0px 6.25vw; pointer-events: all; position: relative; } #idea .ideaMain .ideaContents ul li .content .commonBg { z-index: 0; } #idea .ideaMain .ideaContents ul li .content .title { font-size: 1.25vw; margin-bottom: 0.573vw; position: relative; z-index: 2; } #idea .ideaMain .ideaContents ul li .content .subTitle { font-weight: 600; font-size: 2.396vw; line-height: 3.125vw; position: relative; z-index: 2; margin-bottom: 1.979vw; } #idea .ideaMain .ideaContents ul li .content .intro { font-size: 1.25vw; line-height: 2.396vw; position: relative; z-index: 2; } /* 招聘类型 */ #hireType { padding: 2vw 0px; } /*#hireType ul:hover li:nth-child(1) {*/ /* -webkit-transform: translateY(-2.604vw);*/ /* -ms-transform: translateY(-2.604vw);*/ /* transform: translateY(-2.604vw);*/ /*}*/ /*#hireType ul:hover li:nth-child(2) {*/ /* -webkit-transform: translateY(2.604vw);*/ /* -ms-transform: translateY(2.604vw);*/ /* transform: translateY(2.604vw);*/ /*}*/ #hireType ul li { width: 26vw; height: 31.25vw; margin-bottom: 2rem; position: relative; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #hireType ul li:hover .commonBg img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #hireType ul li:hover .content .more { max-height: 2.917vw; margin-top: 2.292vw; opacity: 1; visibility: visible; } #hireType ul li .content { position: absolute; left: 0px; bottom: 0px; width: 100%; height: auto; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)); background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)); padding: 2.604vw; } #hireType ul li .content .title { font-weight: 500; font-size: 2.083vw; color: #FFFFFF; /*margin-bottom: 0.521vw;*/ } #hireType ul li .content .intro { font-weight: 300; font-size: 0.938vw; color: #FFFFFF; } #hireType ul li .content .more { display: inline-block; width: auto; line-height: 2.917vw; font-size: 0.833vw; color: #FFFFFF; padding: 0px 1.823vw 0px 1.563vw; background: -webkit-linear-gradient(left, #00263a, #00263a); background: linear-gradient(90deg, #00263a, #00263a); position: relative; overflow: hidden; max-height: 0px; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; margin-top: 0px; opacity: 0; visibility: hidden; } #hireType ul li .content .more::after { position: absolute; top: 0px; right: 10.938vw; width: 4.844vw; height: 100%; background: url("../image/dropDownMenuListHover.png") center/cover; content: ""; display: block; } #hireType ul li .content .more:hover::after { right: -4.844vw; -webkit-transition: all 1s ease; transition: all 1s ease; opacity: 1; visibility: visible; } #hireType ul li .content .more span { margin-right: 3.49vw; } #hireType ul li .content .more i { display: inline-block; -webkit-transform: scale(1.3) rotate(-45deg); -ms-transform: scale(1.3) rotate(-45deg); transform: scale(1.3) rotate(-45deg); } /* 公司概况 */ #aboutus .aboutusLeft { width: 50%; padding: 3.125vw 4.531vw 5.208vw 9.375vw; } #aboutus .aboutusLeft .aboutusMain { margin-top: 2.083vw; } #aboutus .aboutusLeft .aboutusMain > .intro { font-size: 0.833vw; color: rgba(0, 0, 0, 0.8); line-height: 1.354vw; margin-bottom: 3.906vw; } #aboutus .aboutusLeft .aboutusMain .number ul li .title { font-weight: 600; font-size: 2.396vw; color: #00263a; } #aboutus .aboutusLeft .aboutusMain .number ul li .title span:nth-child(2) { font-size: 0.729vw; } #aboutus .aboutusLeft .aboutusMain .number ul li .intro { font-size: 0.729vw; color: #000000; } #aboutus .aboutusRight { width: 50%; overflow: hidden; position: relative; } #aboutus .aboutusRight:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #aboutus .aboutusRight img { width: 100%; height: auto; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #aboutus .aboutusRight .play { width: 4.323vw; height: 4.271vw; background: url("../image/icon-play.png") no-repeat center/cover; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; cursor: pointer; box-shadow: 0px 0.365vw 0.833vw 0px rgba(0, 0, 0, 0.46); z-index: 3; } /* 发展历程 */ #history { min-height: 46.875vw; padding: 3.125vw 0px 0px; cursor: none; position: relative; z-index: 2; overflow: hidden; } #history .historyMain { margin-top: 3.75vw; } #history .historyMain .swiper-wrapper .swiper-slide { text-align: center; opacity: 0 !important; visibility: hidden; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #history .historyMain .swiper-wrapper .swiper-slide .year { font-size: 15.625vw; color: #FFFFFF; line-height: 15.625vw; } #history .historyMain .swiper-wrapper .swiper-slide .title { font-size: 1.719vw; color: #FFFFFF; margin-top: 0.99vw; opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease 0.2s; transition: all 0.4s ease 0.2s; } #history .historyMain .swiper-wrapper .swiper-slide-active { opacity: 1 !important; visibility: visible; } #history .historyMain .swiper-wrapper .swiper-slide-active .title { opacity: 1 !important; visibility: visible; } #history .historyMain .swiper-wrapper .swiper-slide-prev, #history .historyMain .swiper-wrapper .swiper-slide-next { opacity: 1 !important; visibility: visible; } #history .historyMain .swiper-button-prev, #history .historyMain .swiper-button-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 0.938vw; color: #fff; cursor: pointer; z-index: 9; } #history .historyMain .swiper-button-prev { left: 0px; } #history .historyMain .swiper-button-prev i { display: inline-block; -webkit-transform: rotate(-180deg) translateY(2px); -ms-transform: rotate(-180deg) translateY(2px); transform: rotate(-180deg) translateY(2px); } #history .historyMain .swiper-button-next { right: 0px; } #history .historyDrag { display: none; position: absolute; width: 2.396vw; height: 2.396vw; background: url("../image/icon-drag.png") no-repeat center/cover; pointer-events: none; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 9999; -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; } #history .historyDrag.scale { -webkit-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); } /* 企业文化 */ #culture { position: relative; overflow: hidden; } #culture .cultureLeft { width: 41.1458333333%; margin: 0px; } #culture .cultureLeft .swiper-wrapper .swiper-slide { opacity: 0 !important; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #culture .cultureLeft .swiper-wrapper .swiper-slide-active { opacity: 1 !important; z-index: 2 !important; } #culture .cultureLeft .swiper-wrapper .swiper-slide img { width: 100%; height: auto; } #culture .cultureMobileContent { display: none; } #culture .cultureRight { width: 53.6458333333%; padding: 3.125vw 0px; } #culture .cultureRight .cultureMain .cultureContent { margin: 5vw 0px 0px; width: 66%; } #culture .cultureRight .cultureMain .cultureContent .swiper-wrapper { border-top: 1px solid #E9E9E9; } #culture .cultureRight .cultureMain .cultureContent .swiper-wrapper .swiper-slide { padding: 1.615vw 0px; border-bottom: 1px solid #E9E9E9; cursor: pointer; } #culture .cultureRight .cultureMain .cultureContent .swiper-wrapper .swiper-slide .number { font-size: 0.833vw; color: #CDCDCD; padding-top: 0.365vw; margin-right: 2.188vw; } #culture .cultureRight .cultureMain .cultureContent .swiper-wrapper .swiper-slide .content .title { font-size: 1.2vw; color: #555; } #culture .cultureRight .cultureMain .cultureContent .swiper-wrapper .swiper-slide .content .intro { display: none; font-size: 2vw; font-weight: bold; color: #CDCDCD; margin-top: 0.8vw; } #culture .cultureRight .cultureMain .cultureContent .swiper-wrapper .swiper-slide .arrow { width: 0.885vw; height: 0.885vw; position: relative; margin-top: 0.521vw; margin-right: 0.156vw; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 0; visibility: hidden; } #culture .cultureRight .cultureMain .cultureContent .swiper-wrapper .swiper-slide .arrow::before, #culture .cultureRight .cultureMain .cultureContent .swiper-wrapper .swiper-slide .arrow::after { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #555555; content: ""; display: block; } #culture .cultureRight .cultureMain .cultureContent .swiper-wrapper .swiper-slide .arrow::before { width: 2px; height: 0.885vw; } #culture .cultureRight .cultureMain .cultureContent .swiper-wrapper .swiper-slide .arrow::after { width: 0.885vw; height: 2px; } #culture .cultureRight .cultureMain .cultureContent .swiper-wrapper .swiper-slide.active .arrow { opacity: 1; visibility: visible; } #culture .cultureRight .cultureMain .cultureContent .swiper-wrapper .swiper-slide.active .number { color: #000000; } #culture .cultureRight .cultureMain .cultureContent .swiper-wrapper .swiper-slide.active .content .title { color: #111; } #culture .cultureRight .cultureMain .cultureContent .swiper-wrapper .swiper-slide.active .content .intro { display: block; color: #00263a; } #culture .cultureRight .cultureSlide { width: 25.5729166667%; position: absolute; bottom: 0px; right: -12.083vw; margin: 0px; } #culture .cultureRight .cultureSlide .swiper-wrapper .swiper-slide { opacity: 0 !important; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #culture .cultureRight .cultureSlide .swiper-wrapper .swiper-slide-active { opacity: 1 !important; z-index: 2 !important; } #culture .cultureRight .cultureSlide .swiper-wrapper .swiper-slide img { width: 100%; height: auto; } /* 企业荣誉 */ #honor { background: #000000; height: 50.521vw; } #honor .honorLeft { width: 41.1458333333%; padding: 13.177vw 5.104vw 0px 9.375vw; } #honor .honorLeft .honorContent { margin-top: 2.135vw; } #honor .honorLeft .honorContent .intro { font-size: 0.833vw; color: rgba(255, 255, 255, 0.8); line-height: 1.354vw; margin-bottom: 3.177vw; } #honor .honorLeft .honorContent .other .swiper-button-prev, #honor .honorLeft .honorContent .other .swiper-button-next { width: 4.219vw; height: 2.865vw; text-align: center; line-height: 2.76vw; font-size: 1.042vw; color: #d9d9d9; cursor: pointer; position: relative; } #honor .honorLeft .honorContent .other .swiper-button-prev::before, #honor .honorLeft .honorContent .other .swiper-button-next::before { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border: 1px solid #d9d9d9; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; content: ""; display: block; } #honor .honorLeft .honorContent .other .swiper-button-prev::after, #honor .honorLeft .honorContent .other .swiper-button-next::after { position: absolute; left: 0px; top: 0px; width: calc(100% + 2px); height: calc(100% + 2px); background: -webkit-linear-gradient(left, #00263a, #00263a); background: linear-gradient(90deg, #00263a, #00263a); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 0; visibility: hidden; content: ""; display: block; } #honor .honorLeft .honorContent .other .swiper-button-prev:hover::before, #honor .honorLeft .honorContent .other .swiper-button-next:hover::before { opacity: 0; visibility: hidden; } #honor .honorLeft .honorContent .other .swiper-button-prev:hover::after, #honor .honorLeft .honorContent .other .swiper-button-next:hover::after { opacity: 1; visibility: visible; } #honor .honorLeft .honorContent .other .swiper-button-prev i, #honor .honorLeft .honorContent .other .swiper-button-next i { display: inline-block; position: relative; z-index: 2; } #honor .honorLeft .honorContent .other .swiper-button-prev { margin-right: 0.521vw; } #honor .honorLeft .honorContent .other .swiper-button-prev i { -webkit-transform: rotate(-135deg) translateY(2px); -ms-transform: rotate(-135deg) translateY(2px); transform: rotate(-135deg) translateY(2px); } #honor .honorLeft .honorContent .other .swiper-button-next i { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #honor .honorRight { width: 58.8541666667%; padding-top: 11.719vw; position: relative; } #honor .honorRight .commonBg { z-index: 0; } #honor .honorRight .honorSlide { width: 65.8407079646%; } #honor .honorRight .honorSlide .swiper-wrapper .swiper-slide { text-align: center; opacity: 0 !important; visibility: hidden; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #honor .honorRight .honorSlide .swiper-wrapper .swiper-slide img { width: 19.479vw; height: auto; } #honor .honorRight .honorSlide .swiper-wrapper .swiper-slide p { font-size: 1.354vw; color: #fff; margin-top: 3.594vw; opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease 0.2s; transition: all 0.4s ease 0.2s; } #honor .honorRight .honorSlide .swiper-wrapper .swiper-slide-active { opacity: 1 !important; visibility: visible; } #honor .honorRight .honorSlide .swiper-wrapper .swiper-slide-active p { opacity: 1; visibility: visible; } #honor .honorRight .honorSlide .swiper-wrapper .swiper-slide-prev, #honor .honorRight .honorSlide .swiper-wrapper .swiper-slide-next { opacity: 1 !important; visibility: visible; } /* 全球合作伙伴 */ #video { padding: 3.125vw 0px 3.125vw; overflow: hidden; } #video .cooperativePartnerMain { margin-right: -8.854vw; margin-top: 2.604vw; overflow: visible; } #video .cooperativePartnerMain .swiper-wrapper .swiper-slide { background: #F5F5F5; } #video .cooperativePartnerMain .swiper-wrapper .swiper-slide img { width: 100%; height: 10.104vw; object-fit: cover; } #video .cooperativePartnerMain .cooperativePartnerBtns .swiper-button-prev, #video .cooperativePartnerMain .cooperativePartnerBtns .swiper-button-next { width: 4.219vw; height: 2.865vw; text-align: center; line-height: 2.76vw; font-size: 1.042vw; color: #A5B7C5; cursor: pointer; position: relative; margin-top: 3.281vw; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #video .cooperativePartnerMain .cooperativePartnerBtns .swiper-button-prev::before, #video .cooperativePartnerMain .cooperativePartnerBtns .swiper-button-next::before { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border: 1px solid #A5B7C5; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; content: ""; display: block; } #video .cooperativePartnerMain .cooperativePartnerBtns .swiper-button-prev::after, #video .cooperativePartnerMain .cooperativePartnerBtns .swiper-button-next::after { position: absolute; left: 0px; top: 0px; width: calc(100% + 2px); height: calc(100% + 2px); background: #00263a; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 0; visibility: hidden; content: ""; display: block; } #video .cooperativePartnerMain .cooperativePartnerBtns .swiper-button-prev:hover, #video .cooperativePartnerMain .cooperativePartnerBtns .swiper-button-next:hover { color: #fff; } #video .cooperativePartnerMain .cooperativePartnerBtns .swiper-button-prev:hover::before, #video .cooperativePartnerMain .cooperativePartnerBtns .swiper-button-next:hover::before { opacity: 0; visibility: hidden; } #video .cooperativePartnerMain .cooperativePartnerBtns .swiper-button-prev:hover::after, #video .cooperativePartnerMain .cooperativePartnerBtns .swiper-button-next:hover::after { opacity: 1; visibility: visible; } #video .cooperativePartnerMain .cooperativePartnerBtns .swiper-button-prev i, #video .cooperativePartnerMain .cooperativePartnerBtns .swiper-button-next i { display: inline-block; position: relative; z-index: 2; } #video .cooperativePartnerMain .cooperativePartnerBtns .swiper-button-prev { margin-right: 0.521vw; } #video .cooperativePartnerMain .cooperativePartnerBtns .swiper-button-prev i { -webkit-transform: rotate(-135deg) translateY(2px); -ms-transform: rotate(-135deg) translateY(2px); transform: rotate(-135deg) translateY(2px); } #video .cooperativePartnerMain .cooperativePartnerBtns .swiper-button-next i { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* 首页-科技创新 */ #fiveMajorAdvantages { padding: 3.125vw 0px 3.125vw; } #fiveMajorAdvantages .fiveMajorAdvantagesMain { margin-top: 1.458vw; } #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper { margin: 0px -0.26vw; } #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 38.646vw; margin: 0px 0.26vw; position: relative; overflow: hidden; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; } #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide:hover, #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide.active { -webkit-box-flex: 34.33%; -webkit-flex: 34.33%; -ms-flex: 34.33%; flex: 34.33%; } #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide:hover .image::after, #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide.active .image::after { opacity: 0; visibility: visible; } #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide:hover .image img, #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide.active .image img { height: 30.469vw; } #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide:hover .bigTitle, #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide.active .bigTitle { opacity: 0; visibility: hidden; } #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide:hover .content, #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide.active .content { opacity: 1; visibility: visible; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide:hover .content .contentBox, #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide.active .content .contentBox { opacity: 1; visibility: visible; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide .image { position: relative; } #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide .image::after { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; content: ""; display: block; } #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide .image img { width: 100%; height: 38.646vw; object-fit: cover; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; } #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide .bigTitle { position: absolute; left: 50%; top: 41%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-weight: 500; font-size: 1.146vw; color: #FFFFFF; line-height: 1.667vw; text-align: center; width: 100%; padding: 0px 1.042vw; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide .content { position: absolute; left: 0px; bottom: 0px; width: 100%; height: auto; padding: 1.927vw 1.354vw 0.938vw 1.875vw; background: -webkit-linear-gradient(left, #00263a, #00263a); background: linear-gradient(90deg, #00263a, #00263a); opacity: 0; visibility: hidden; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide .content .contentBox { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); opacity: 0; visibility: hidden; -webkit-transition: all 0.6s ease 0.2s; transition: all 0.6s ease 0.2s; } #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide .content .contentBox .title { font-size: 1.146vw; color: #FFFFFF; margin-bottom: 0.625vw; } #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide .content .contentBox .intro { font-size: 0.885vw; color: rgba(255, 255, 255, 0.8); line-height: 1.25vw; min-height: 3.75vw; margin-bottom: 1.25vw; } #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-pagination { display: none; } /* 场景介绍 */ #sceneIntroduction { position: relative; overflow: hidden; } #sceneIntroduction .image { width: calc(100% + 4.167vw); } #sceneIntroduction .image img { display: block; width: 100%; height: auto; -webkit-animation: translateX 6.5s linear 0.4s forwards; animation: translateX 6.5s linear 0.4s forwards; } #sceneIntroduction .content { position: absolute; left: 0px; top: 31%; width: 100%; text-align: center; } #sceneIntroduction .content .title { display: inline-block; font-weight: 550; font-size: 2.604vw; color: transparent; background: url("../image/sceneIntroductionMask.jpg") no-repeat center/cover; -webkit-background-clip: text; background-clip: text; line-height: 3.385vw; } /* 四大应用场景 */ #majorApplicationScenarios .majorApplicationScenariosTitle { font-size: 2.865vw; color: #000000; font-weight: 500; text-align: center; margin-bottom: 6.406vw; } #majorApplicationScenarios .majorApplicationScenariosMain { position: relative; margin-top: 2.813vw; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li { position: -webkit-sticky; position: sticky; top: 0px; overflow: hidden; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .content { width: 50%; height: 100%; position: relative; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .content .image { overflow: hidden; max-height: 100vh; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .content .image .swiper-wrapper .swiper-slide { opacity: 0 !important; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .content .image .swiper-wrapper .swiper-slide-active { opacity: 1 !important; z-index: 2 !important; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .content .image .swiper-wrapper .swiper-slide img { width: 100%; height: 100vh; object-fit: cover; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .content .more { display: none; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .hide { display: none; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; pointer-events: none; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li { overflow: hidden; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content { width: 50%; height: 100%; max-height: 100vh; min-height: 100vh; padding: 3.125vw 9.375vw 0px 6.563vw; pointer-events: all; position: relative; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .commonBg { z-index: 0; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .icon { position: relative; z-index: 2; margin-bottom: 2.031vw; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .icon img { width: 3.75vw; height: 3.75vw; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .title { font-weight: 550; font-size: 2.188vw; position: relative; z-index: 2; margin-bottom: 0.26vw; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .intro { font-weight: 300; font-size: 0.938vw; line-height: 1.51vw; position: relative; z-index: 2; padding-bottom: 2.24vw; border-bottom: 1px solid; margin-bottom: 0.781vw; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .merit { position: relative; z-index: 2; padding-bottom: 1.563vw; border-bottom: 1px solid; margin-bottom: 1.771vw; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .merit .title { font-size: 1.042vw; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .merit .meritBox { margin: -0.313vw -0.208vw; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .merit .meritBox .list { display: inline-block; width: auto; height: 3.125vw; line-height: 3.021vw; text-align: center; font-size: 1.042vw; border: 1px solid; padding: 0px 0.625vw; margin: 0.313vw 0.208vw; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .merit .meritBox .list img { width: 2.188vw; height: 2.188vw; margin-right: 0.521vw; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .area { position: relative; z-index: 2; margin-bottom: 2.604vw; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .area .title { font-size: 1.042vw; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .area .areaBox { padding: 1.615vw 0.521vw 0.885vw; overflow: hidden; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .area .areaBox .list { text-align: center; position: relative; cursor: pointer; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .area .areaBox .list:first-child::before { display: none; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .area .areaBox .list:last-child::after { display: none; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .area .areaBox .list:last-child .line { display: none; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .area .areaBox .list::before, #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .area .areaBox .list::after { position: absolute; top: 0.208vw; width: 50%; height: 1px; background: rgba(51, 51, 51, 0.1); content: ""; display: block; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .area .areaBox .list::before { left: 0px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .area .areaBox .list::after { right: 0px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .area .areaBox .list.active .drop::after { background: -webkit-linear-gradient(left, #00263a, #00263a); background: linear-gradient(90deg, #00263a, #00263a); } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .area .areaBox .list.active .drop span { display: block; -webkit-animation: centerDiffuse 2s linear infinite; animation: centerDiffuse 2s linear infinite; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .area .areaBox .list.active p { opacity: 1; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .area .areaBox .list.active .line { -webkit-animation: 4.5s ease progress forwards; animation: 4.5s ease progress forwards; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .area .areaBox .list .drop { width: 0.521vw; height: 0.521vw; border-radius: 50%; margin: 0px auto; position: relative; z-index: 3; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .area .areaBox .list .drop::after { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 0.26vw; height: 0.26vw; background: rgba(51, 51, 51, 0.5); border-radius: 50%; z-index: 2; content: ""; display: block; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .area .areaBox .list .drop span { display: none; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; border-radius: 50%; background: -webkit-linear-gradient(left, #00263a, #00263a); background: linear-gradient(90deg, #00263a, #00263a); -webkit-filter: opacity(0.3); filter: opacity(0.3); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: centerDiffuse2 3s linear infinite; animation: centerDiffuse2 3s linear infinite; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .area .areaBox .list .drop span:nth-child(1) { -webkit-animation-delay: -1s; animation-delay: -1s; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .area .areaBox .list .drop span:nth-child(2) { -webkit-animation-delay: -2s; animation-delay: -2s; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .area .areaBox .list .drop span:nth-child(3) { -webkit-animation-delay: -3s; animation-delay: -3s; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .area .areaBox .list p { font-size: 0.938vw; margin-top: 0.677vw; opacity: 0.6; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .area .areaBox .list .line { position: absolute; top: 0.208vw; left: 50%; width: 0%; height: 1px; background: #00263a; z-index: 2; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .more { position: relative; z-index: 2; font-size: 0.833vw; color: #7B7B7B; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .more i { display: inline-block; width: 1.667vw; height: 1.667vw; font-size: 0.729vw; color: #fff; text-align: center; line-height: 1.667vw; background: -webkit-linear-gradient(left, #00263a, #00263a); background: linear-gradient(90deg, #00263a, #00263a); margin-left: 1.146vw; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .more i::before { display: inline-block; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li.block .content .icon img { -webkit-filter: invert(0); filter: invert(0); } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li.block .content .title { color: #333333; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li.block .content .intro { color: #5F5F5F; border-color: rgba(203, 205, 205, 0.5); } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li.block .content .merit { border-color: rgba(203, 205, 205, 0.5); } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li.block .content .merit .title { color: #000000; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li.block .content .merit .meritBox .list { color: rgba(0, 0, 0, 0.88); border-color: rgba(0, 0, 0, 0.12); } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li.block .content .area .title { color: #000000; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li.block .content .area .areaBox { background: #F5F7FA; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li.block .content .area .areaBox .list p { color: #000000; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li.white .content .icon img { -webkit-filter: invert(1) brightness(500%); filter: invert(1) brightness(500%); } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li.white .content .title { color: #fff; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li.white .content .intro { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.2); } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li.white .content .merit { border-color: rgba(255, 255, 255, 0.2); } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li.white .content .merit .title { color: #fff; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li.white .content .merit .meritBox .list { border-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.88); } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li.white .content .area .title { color: #fff; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li.white .content .area .areaBox { background: #37404b; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li.white .content .area .areaBox .list::after, #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li.white .content .area .areaBox .list::before { background: #4b535e; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li.white .content .area .areaBox .list.active .drop { background: #fff; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li.white .content .area .areaBox .list.active .drop::after { background: -webkit-linear-gradient(left, #00263a, #00263a); background: linear-gradient(90deg, #00263a, #00263a); } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li.white .content .area .areaBox .list .drop::after { background: #989fa7; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li.white .content .area .areaBox .list p { color: #fff; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li.white .content .more { color: #fff; } /* 产品概述 */ #productIntro { position: relative; } #productIntro .image img { width: 100%; height: auto; object-fit: cover; } #productIntro .productIntroMain { position: absolute; left: 0px; top: 3.125vw; width: 100%; } #productIntro .productIntroMain .productIntroRight { margin-left: 17.396vw; margin-top: 4.063vw; font-size: 0.833vw; color: rgba(0, 0, 0, 0.8); line-height: 1.354vw; } /* 产品优势 */ #productAdvantages { min-height: 51.042vw; } #productAdvantages .productAdvantagesLeft { width: 36.3541666667%; } #productAdvantages .productAdvantagesLeft img { width: 100%; height: 100%; object-fit: cover; } #productAdvantages .productAdvantagesRight { width: 63.6458333333%; padding: 3.125vw 9.375vw 3.125vw 5.208vw; } #productAdvantages .productAdvantagesRight .productAdvantagesContent { margin-top: 3.333vw; } #productAdvantages .productAdvantagesRight .productAdvantagesContent .list { padding: 1.875vw 0px; border-bottom: 1px solid rgba(175, 175, 175, 0.3); } #productAdvantages .productAdvantagesRight .productAdvantagesContent .list .title { font-weight: 500; font-size: 1.458vw; color: #000000; margin-bottom: 0.885vw; } #productAdvantages .productAdvantagesRight .productAdvantagesContent .list .title img { width: 2.083vw; height: 2.083vw; margin-right: 0.781vw; } #productAdvantages .productAdvantagesRight .productAdvantagesContent .list .intro { font-weight: 300; font-size: 0.885vw; color: #696969; line-height: 1.406vw; } /* 性能特点 */ #performanceCharacteristics { padding: 3.125vw 0px 0px; background: #F5F7FA; } #performanceCharacteristics .performanceCharacteristicsList { margin-top: 2.969vw; } #performanceCharacteristics .performanceCharacteristicsList .list { margin-right: 1.615vw; } #performanceCharacteristics .performanceCharacteristicsList .list:last-child { margin-right: 0px; } #performanceCharacteristics .performanceCharacteristicsList .list .title { font-weight: 800; font-size: 2.083vw; color: #000000; margin-bottom: 2px; } #performanceCharacteristics .performanceCharacteristicsList .list .subTitle { font-size: 0.885vw; color: #000000; border-bottom: 1px solid rgba(105, 105, 105, 0.3); padding-bottom: 1.719vw; margin-bottom: 1.302vw; } #performanceCharacteristics .performanceCharacteristicsList .list .intro { font-weight: 300; font-size: 0.885vw; color: #696969; line-height: 1.406vw; } #performanceCharacteristics .performanceCharacteristicsMain img { width: 100%; height: auto; } /* pdf列表 */ #performanceCharacteristicsOther { padding: 3.646vw 0px 2.604vw; background: #fff; } #performanceCharacteristicsOther .list { padding: 1.563vw 2.083vw; background: #00263a; margin-bottom: 0.625vw; } #performanceCharacteristicsOther .list:last-child { margin-bottom: 0px; } #performanceCharacteristicsOther .list .title { font-size: 1.146vw; color: #FFFFFF; } #performanceCharacteristicsOther .list .title img { width: 1.458vw; height: 1.667vw; vertical-align: bottom; margin-right: 1.094vw; } #performanceCharacteristicsOther .list .other a { width: 2.083vw; height: 2.083vw; line-height: 1.875vw; text-align: center; background: rgba(255, 255, 255, 0.1); border-radius: 50%; margin-right: 0.521vw; position: relative; } #performanceCharacteristicsOther .list .other a:hover::after { opacity: 1; visibility: visible; } #performanceCharacteristicsOther .list .other a::after { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: -webkit-linear-gradient(left, #00263a, #00263a); background: linear-gradient(90deg, #00263a, #00263a); border-radius: 50%; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 0; visibility: hidden; content: ""; display: block; } #performanceCharacteristicsOther .list .other a:last-child { margin-right: 0px; } #performanceCharacteristicsOther .list .other a img { width: 1.042vw; height: 1.042vw; position: relative; z-index: 2; } /* 其他产品 */ #otherProduct { overflow: hidden; } #otherProduct img { width: 100%; height: auto; -webkit-animation: scale 20s linear infinite; animation: scale 20s linear infinite; } /* 解决方案 */ #solution .solutionMain { margin-top: 2.292vw; } #solution .solutionMain ul li { margin-bottom: 3.125vw; } #solution .solutionMain ul li:nth-child(odd) .content { margin-left: 5.729vw; } #solution .solutionMain ul li:nth-child(even) .content { margin-right: 5.729vw; } #solution .solutionMain ul li:last-child { margin-bottom: 0px; } #solution .solutionMain ul li .image { width: 57.2435897436%; overflow: hidden; } #solution .solutionMain ul li .image:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #solution .solutionMain ul li .image img { width: 100%; height: auto; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #solution .solutionMain ul li .content .title { font-weight: 550; font-size: 2.396vw; color: #000000; line-height: 2.917vw; margin-bottom: 0.99vw; } #solution .solutionMain ul li .content .intro { font-weight: 300; font-size: 1.042vw; color: #474747; line-height: 1.51vw; } /* 碳纳米管 */ #carbonNanotubes { padding: 3.125vw 0px 3.125vw; } #carbonNanotubes .carbonNanotubesIntro { font-weight: 300; font-size: 0.885vw; color: #696969; line-height: 1.406vw; margin-top: 1.302vw; } #carbonNanotubes .carbonNanotubesMain { margin-top: 4.063vw; } #carbonNanotubes .carbonNanotubesMain .carbonNanotubesLeft { /*width: 33.4615384615%;*/ height: 33.438vw; margin: 0px; } #carbonNanotubes .carbonNanotubesMain .carbonNanotubesLeft .swiper-wrapper .swiper-slide { height: auto; padding: 1.198vw 0px; opacity: 0.3; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #carbonNanotubes .carbonNanotubesMain .carbonNanotubesLeft .swiper-wrapper .swiper-slide::before { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 1px; background: #000000; content: ""; display: block; } #carbonNanotubes .carbonNanotubesMain .carbonNanotubesLeft .swiper-wrapper .swiper-slide::after { position: absolute; left: 0px; bottom: 0px; width: 0%; height: 1px; background: -webkit-linear-gradient(left, #00263a, #00263a); background: linear-gradient(90deg, #00263a, #00263a); z-index: 2; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; content: ""; display: block; } #carbonNanotubes .carbonNanotubesMain .carbonNanotubesLeft .swiper-wrapper .swiper-slide.active { opacity: 1; } #carbonNanotubes .carbonNanotubesMain .carbonNanotubesLeft .swiper-wrapper .swiper-slide.active::after { width: 100%; } #carbonNanotubes .carbonNanotubesMain .carbonNanotubesLeft .swiper-wrapper .swiper-slide .title { font-weight: 500; font-size: 1.146vw; color: #000000; margin-bottom: 0.417vw; } #carbonNanotubes .carbonNanotubesMain .carbonNanotubesLeft .swiper-wrapper .swiper-slide .title img { width: 1.563vw; height: 1.563vw; vertical-align: sub; margin-right: 0.99vw; } #carbonNanotubes .carbonNanotubesMain .carbonNanotubesLeft .swiper-wrapper .swiper-slide .intro { font-weight: 300; font-size: 0.885vw; color: #737373; line-height: 1.25vw; min-height: 3.75vw; } #carbonNanotubes .carbonNanotubesMain .carbonNanotubesLeft .swiper-pagination { display: none; } #carbonNanotubes .carbonNanotubesMain .carbonNanotubesRight { width: 60.8974358974%; height: 33.438vw; margin: 0px; } #carbonNanotubes .carbonNanotubesMain .carbonNanotubesRight .swiper-wrapper .swiper-slide { opacity: 0 !important; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; overflow: hidden; } #carbonNanotubes .carbonNanotubesMain .carbonNanotubesRight .swiper-wrapper .swiper-slide-active { opacity: 1 !important; z-index: 2 !important; } #carbonNanotubes .carbonNanotubesMain .carbonNanotubesRight .swiper-wrapper .swiper-slide:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #carbonNanotubes .carbonNanotubesMain .carbonNanotubesRight .swiper-wrapper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } /* 加入我们弹窗 */ .joinUsDetailPopup { width: 55.365vw; height: 44.271vw; background: #FFFFFF; } .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: 0px; top: 0px; padding: 0px; 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: 0.188vw; height: 100%; } .joinUsDetailPopup .layui-layer-setwin .layui-layer-close2::before { width: 100%; height: 0.188vw; } #joinUsDetail { padding: 7.338vw 5.832vw 0px 8.467vw; } #joinUsDetail .joinUsDetailTitle { padding-bottom: 2.352vw; margin-right: 12.229vw; border-bottom: 1px solid #E1E1E1; } #joinUsDetail .joinUsDetailTitle .title { font-weight: 550; font-size: 3.199vw; color: #000000; margin-bottom: 1.035vw; } #joinUsDetail .joinUsDetailTitle .info { font-size: 1.411vw; color: #535353; } #joinUsDetail .joinUsDetailTitle .info i { font-size: 1.505vw; color: #c0c0c0; margin-right: 0.471vw; } #joinUsDetail .joinUsDetailMain { font-size: 1.505vw; line-height: 3.01vw; padding-right: 12.229vw; max-height: 43.744vw; overflow-y: auto; padding-top: 2.258vw; } #joinUsDetail .joinUsDetailTip { font-size: 1.505vw; color: red; font-weight: 600; margin-top: 2.258vw; } #joinUsDetail .joinUsDetailMain p { color: rgba(71, 75, 81, 0.8); } #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: #00263a; cursor: pointer; } #joinUsDetail .joinUsDetailBtn { margin-top: 4.704vw; } #joinUsDetail .joinUsDetailBtn .more { display: inline-block; width: auto; height: 4.421vw; line-height: 4.421vw; font-size: 1.317vw; color: #FFFFFF; padding: 0px 2.352vw 0px 2.352vw; background: -webkit-linear-gradient(left, #00263a, #00263a); background: linear-gradient(90deg, #00263a, #00263a); position: relative; overflow: hidden; } #joinUsDetail .joinUsDetailBtn .more::after { position: absolute; top: 0px; right: 19.755vw; width: 8.749vw; height: 100%; background: url("../image/dropDownMenuListHover.png") center/cover; content: ""; display: block; } #joinUsDetail .joinUsDetailBtn .more:hover::after { right: -8.749vw; -webkit-transition: all 1s ease; transition: all 1s ease; opacity: 1; visibility: visible; } #joinUsDetail .joinUsDetailBtn .more span { margin-right: 4.892vw; } #joinUsDetail .joinUsDetailBtn .more i { display: inline-block; -webkit-transform: scale(1.3) rotate(-45deg); -ms-transform: scale(1.3) rotate(-45deg); transform: scale(1.3) rotate(-45deg); } /* 视频弹窗 */ .videoPopupBox { width: 100vw !important; height: 100%; background: #000 !important; } .videoPopupBox .layui-layer-setwin .layui-layer-close2 { right: 1.094vw; top: 1.458vw; font-size: 1.458vw; width: auto; height: auto; border: 0px; border-radius: 0%; padding: 0px; background: none; } .videoPopupBox .layui-layer-setwin .layui-layer-close2:hover { background: none; } .videoPopupBox .layui-layer-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 100% !important; overflow: hidden !important; } .videoPopupBox #videoPopup video { width: 100vw; height: auto; max-height: 100vh; object-fit: cover; } .videoPopupBox #videoPopup iframe { width: 100vw; height: 100vh; } @media (min-width: 1921px) { /* 动画 */ @-webkit-keyframes translateX { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 100% { -webkit-transform: translate(-80px); transform: translate(-80px); } } @keyframes translateX { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 100% { -webkit-transform: translate(-80px); transform: translate(-80px); } } /* 版心 */ .content1860 { width: 1860px; } .content1630 { width: 1630px; } .content1560 { width: 1560px; } /* 重置layui样式 */ .layui-flow-more { font-size: 16px; margin: 60px 0px 0px; } .layui-flow-more a i { width: 40px; height: 40px; } .layui-flow-more a cite { width: 160px; height: 51px; line-height: 51px; border-radius: 26px; font-size: 15px; } .layui-flow-more a cite::before { width: calc(100% - 4px); height: calc(100% - 4px); border-radius: 26px; border-width: 2px; } .layui-flow-more a cite::after { height: calc(100% + 4px); border-radius: 26px; } .layui-form-select dl dd { font-size: 15px; line-height: 40px; padding: 0px 15px; } .layui-laydate { border-radius: 10px; } .layui-laydate-content td, .layui-laydate-content th { width: 36px; height: 36px; } .layui-laydate-content td > div { line-height: 36px; } /* 头部 */ .header { height: 110px; line-height: 110px; } .header .headerLogo a { width: 205px; height: 24px; } .header .headerMain .headerNav ul li { margin-right: 42px; } .header .headerMain .headerNav ul li a { font-size: 16px; } .header .headerMain .headerOther { margin-left: 40px; } .header .headerMain .headerOther .line { height: 12px; margin: 0px 30px; } .header .headerMain .headerOther .searchBtn { font-size: 24px; } .header .headerMain .headerOther .langBtn { font-size: 20px; } .header .headerMain .headerOther .langBtn img { height: 30px; -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); } .header .headerMain .headerOther .langBtn .popup { top: 79px; width: 50px; border-radius: 6px; box-shadow: 0px 0px 3px #eee; } .header .headerMain .headerOther .langBtn .popup::after { width: 10px; height: 6px; } .header .headerMain .headerOther .langBtn .popup a { font-size: 13px; line-height: 26px; margin-bottom: 2px; border-radius: 6px; } .header.headerMask { height: 85px; line-height: 85px; backdrop-filter: blur(20px); } .header.headerMask .dropDownMenu { top: 85px; } /* 头部搜索 */ .headerSearchformMain .headerSearchform { padding: 80px 0px; } .headerSearchformMain .headerSearchform form { max-width: 980px; } .headerSearchformMain .headerSearchform form input { height: 60px; font-size: 16px; border-radius: 40px; padding-left: 30px; } .headerSearchformMain .headerSearchform form button { width: 60px; height: 60px; font-size: 24px; } .headerSearchformMain .headerSearchform form button:hover { box-shadow: 0px 5px 10px rgba(17, 140, 212, 0.4); } .headerSearchformMain .headerSearchform form .closeSearch { font-size: 20px; } .headerSearchformMain .headerSearchMask { backdrop-filter: blur(20px); } /* 下拉菜单 */ .dropDownMenu { top: 110px; width: 1192px; } .dropDownMenu .dropDownMenuList { width: 257px; margin: 51px 0px 92px 0px; } .dropDownMenu .dropDownMenuList .swiper-wrapper::after { height: 41px; } .dropDownMenu .dropDownMenuList .swiper-wrapper .swiper-slide { height: 41px; } .dropDownMenu .dropDownMenuList .swiper-wrapper .swiper-slide a { line-height: 41px; font-size: 15px; } .dropDownMenu .dropDownMenuList .swiper-wrapper .swiper-slide a::after { right: 70px; width: 93px; } .dropDownMenu .dropDownMenuList .swiper-wrapper .swiper-slide-thumb-active a::after { right: 0px; } .dropDownMenu .dropDownMenuMain { padding: 47px 55px 57px 61px; } .dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .content { margin-right: 60px; } .dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .content .title { font-size: 34px; margin-bottom: 30px; } .dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .content .intro { font-size: 14px; line-height: 24px; min-height: 72px; margin-bottom: 25px; } .dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .content .more { height: 48px; line-height: 48px; font-size: 14px; padding: 0px 28px 0px 23px; } .dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .content .more::after { right: 210px; width: 93px; } .dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .content .more:hover::after { right: -93px; } .dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .content .more span { margin-right: 47px; } .dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .image { width: 448px; } /* 加载动画 */ .loadingLayer .content1630 { padding: 51px 0px 90px; } .loadingLayer .progressBarBox .progressBar { width: 50px; height: 24px; } .loadingLayer .progressBarBox .progressBar .progressBarActive { width: 41px; height: 16px; top: 4px; left: 4px; } .loadingLayer .logoBox { height: 149px; } .loadingLayer .logoBox .logo { width: 400px; height: 60px; margin-right: 37px; } /*.loadingLayer .logoBox .logo::after {*/ /* background-size: 118px 149px;*/ /*}*/ .loadingLayer .logoBox img { height: 60px; -webkit-transform: translateX(60px); -ms-transform: translateX(60px); transform: translateX(60px); } .loadingLayer .copyright { font-size: 13px; line-height: 20px; margin-bottom: 100px; } .loadingLayer .more { bottom: 80px; height: 56px; line-height: 56px; font-size: 16px; padding: 0px 35px 0px 30px; } .loadingLayer .more::after { right: 210px; width: 93px; } .loadingLayer .more:hover::after { right: -93px; } .loadingLayer .more span { margin-right: 67px; } /* 底部 */ .footer { padding: 55px 0px 0px; } .footer .footerHead { margin-bottom: 25px; padding-bottom: 25px; } .footer .footerHead .footerHeadTitle .title { font-size: 26px; margin-bottom: 10px; } .footer .footerHead .footerHeadTitle .intro { font-size: 16px; } .footer .footerHead .footerHeadTitle .intro a { margin: 0px 5px; } .footer .footerHead .footerHeadSearch { width: 480px; height: 40px; } .footer .footerHead .footerHeadSearch input { font-size: 14px; padding: 0px 18px; } .footer .footerHead .footerHeadSearch button { width: 124px; font-size: 14px; } .footer .footerHead .footerHeadSearch button::after { right: 210px; width: 93px; } .footer .footerHead .footerHeadSearch button:hover::after { right: -93px; } .footer .footerMain { margin-bottom: 60px; } .footer .footerMain .footerMainLeft { margin-right: 378px; } .footer .footerMain .footerMainLeft .logo { margin-bottom: 26px; } .footer .footerMain .footerMainLeft .logo a img { height: 66px; } .footer .footerMain .footerMainLeft .share a { width: 38px; height: 38px; margin-right: 10px; } .footer .footerMain .footerMainLeft .share a:hover .popup { bottom: -15px; } .footer .footerMain .footerMainLeft .share a > img { height: 36px; } .footer .footerMain .footerMainLeft .share a .popup { width: 92px; min-height: 92px; border-radius: 5px; padding: 4px; box-shadow: 0px 0px 10px #eee; bottom: -30px; } .footer .footerMain .footerMainLeft .share a .popup::after { left: 13px; top: -7px; width: 12px; height: 9px; } .footer .footerMain .footerMainRight dl { margin-right: 21px; } .footer .footerMain .footerMainRight dl dt { margin-bottom: 15px; } .footer .footerMain .footerMainRight dl dt a { padding-bottom: 16px; font-size: 16px; } .footer .footerMain .footerMainRight dl dd a { font-size: 17px; line-height: 30px; } .footer .footerCopyright { height: 70px; line-height: 70px; font-size: 12px; } /* 首页标题 */ .indexTitle.themeWhite .title { height: 41px; line-height: 41px; font-size: 16px; } .indexTitle.themeWhite .title::after { margin-left: 20px; } .indexTitle .title { height: 50px; line-height: 50px; font-size: 24px; padding: 0px 12px 0px 15px; margin-bottom: 12px; } .indexTitle .title::after { width: 6px; height: 6px; margin-left: 24px; } .indexTitle .intro { font-size: 50px; } /* 首页-banner */ .banner .swiper-wrapper .swiper-slide .image { height: auto; } .banner .swiper-wrapper .swiper-slide .content .title { font-size: 56px; line-height: 66px; margin-bottom: 52px; padding: 0px 62px; } .banner .swiper-wrapper .swiper-slide .content .more { height: 56px; line-height: 56px; font-size: 16px; padding: 0px 35px 0px 30px; margin-left: 62px; } .banner .swiper-wrapper .swiper-slide .content .more::after { right: 210px; width: 93px; } .banner .swiper-wrapper .swiper-slide .content .more:hover::after { right: -93px; } .banner .swiper-wrapper .swiper-slide .content .more span { margin-right: 67px; } .banner .swiper-pagination { bottom: 60px; } .banner .swiper-pagination .swiper-pagination-bullet { width: 75px; height: 2px; margin-right: 9px; } /* 首页-产品及应用 */ .indexProducts { padding: 76px 30px 80px; } .indexProducts .indexProductsMain { margin-top: 37px; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .image .listBox .list .drop { width: 13px; height: 13px; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .image .listBox .list .drop::after { width: 5px; height: 5px; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .image .listBox .list .more { left: 26px; height: 34px; line-height: 34px; border-radius: 17px; font-size: 14px; padding: 0px 15px; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .image .listBox .list .more.right { right: 26px; left: auto; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .image .listBox .list .more::after { right: 210px; width: 93px; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .image .listBox .list .more:hover::after { right: -93px; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .image .listBox .list .more img { height: 17px; margin-right: 4px; margin-top: -3px; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .image .listBox .list .more span { margin-right: 16px; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .content { padding: 0px 1470px 60px 60px; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .content .title { font-size: 58px; line-height: 70px; margin-bottom: 21.354vw; width: 800px; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .content .feature { margin: -5px; width: 350px; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .content .feature span { min-width: 160px; height: 54px; line-height: 53px; font-size: 20px; border-radius: 27px; padding: 0px 40px; margin: 5px; } .indexProducts .indexProductsMain .indexProductsListBox { bottom: 60px; width: 870px; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsListPage { margin-bottom: 20px; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsListPage .current, .indexProducts .indexProductsMain .indexProductsListBox .indexProductsListPage .total { font-size: 20px; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsListPage .progress { width: 537px; height: 3px; border-radius: 2px; margin: 0px 20px; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsListPage .progress::after { border-radius: 2px; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsList { width: 520px; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide { margin-right: 30px; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide a { padding: 15px; backdrop-filter: blur(20px); } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide a:hover .content .more { padding-left: 15px; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide a:hover .content .more::after { height: 40px; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide a .image { width: 180px; height: 180px; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide a .content { margin-left: 19px; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide a .content .title { font-size: 26px; margin-bottom: 95px; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide a .content .more { font-size: 16px; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide a .content .more::after { width: 32px; height: 32px; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide a .content .more span { margin-right: 25px; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide a .content .more i { width: 32px; height: 32px; line-height: 32px; } /* 首页-产品优势 */ .indexAdvantages .indexTitle { top: 150px; left: 89px; } .indexAdvantages .indexAdvantagesList { width: 314px; height: 959px; backdrop-filter: blur(20px); } .indexAdvantages .indexAdvantagesList .swiper-wrapper .swiper-slide { padding: 53px 20px; } .indexAdvantages .indexAdvantagesList .swiper-wrapper .swiper-slide::after { left: -22px; width: calc(100% + 22px); } .indexAdvantages .indexAdvantagesList .swiper-wrapper .swiper-slide img { height: 42px; } .indexAdvantages .indexAdvantagesList .swiper-wrapper .swiper-slide p { font-size: 24px; margin-top: 19px; } .indexAdvantages .indexAdvantagesMain .indexAdvantagesLeft { height: 960px; } .indexAdvantages .indexAdvantagesMain .indexAdvantagesLeft .swiper-wrapper .swiper-slide { padding: 500px 125px 50px 89px; } .indexAdvantages .indexAdvantagesMain .indexAdvantagesLeft .swiper-wrapper .swiper-slide img { height: 52px; margin-bottom: 33px; } .indexAdvantages .indexAdvantagesMain .indexAdvantagesLeft .swiper-wrapper .swiper-slide .title { font-size: 34px; margin-bottom: 11px; } .indexAdvantages .indexAdvantagesMain .indexAdvantagesLeft .swiper-wrapper .swiper-slide .intro { font-size: 17px; line-height: 27px; max-height: 81px; margin-bottom: 55px; } .indexAdvantages .indexAdvantagesMain .indexAdvantagesLeft .swiper-wrapper .swiper-slide .more { height: 56px; line-height: 56px; font-size: 16px; padding: 0px 35px 0px 30px; } .indexAdvantages .indexAdvantagesMain .indexAdvantagesLeft .swiper-wrapper .swiper-slide .more::after { right: 210px; width: 93px; } .indexAdvantages .indexAdvantagesMain .indexAdvantagesLeft .swiper-wrapper .swiper-slide .more:hover::after { right: -93px; } .indexAdvantages .indexAdvantagesMain .indexAdvantagesLeft .swiper-wrapper .swiper-slide .more span { margin-right: 67px; } .indexAdvantages .indexAdvantagesMain .indexAdvantagesRight { height: 960px; } .indexAdvantages .indexAdvantagesMain .indexAdvantagesRight .swiper-wrapper .swiper-slide img { height: 960px; } /* 首页-科技创新 */ .indexInnovate { padding: 64px 0px 80px; } .indexInnovate .indexInnovateMain { margin-top: 28px; } .indexInnovate .indexInnovateMain .swiper-wrapper { margin: 0px -5px; } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide { margin: 0px 5px; } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide .image img { height: 840px; } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide .content { padding: 28px 89px 18px 60px; } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide .content::after { width: 363px; height: 210px; } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide .content .contentBox .title { font-size: 28px; margin-bottom: 12px; } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide .content .contentBox .intro { font-size: 17px; line-height: 24px; height: 72px; margin-bottom: 24px; } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide .content .contentBox .more { font-size: 16px; } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide .content .contentBox .more::after { width: 32px; height: 32px; } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide .content .contentBox .more:hover { padding-left: 15px; } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide .content .contentBox .more:hover::after { height: 40px; } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide .content .contentBox .more span { margin-right: 25px; } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide .content .contentBox .more i { width: 32px; height: 32px; line-height: 32px; } /* 首页-关于我们 */ .indexAboutus { min-height: 979px; padding: 107px 0px 36px; } .indexAboutus .play { width: 83px; height: 82px; box-shadow: 0px 7px 16px 0px rgba(0, 0, 0, 0.46); } .indexAboutus .indexAboutusTitle { font-size: 60px; line-height: 80px; margin-bottom: 422px; } .indexAboutus .indexAboutusMain { padding-left: 890px; } .indexAboutus .indexAboutusMain > .intro { font-size: 18px; line-height: 24px; padding-left: 52px; margin-bottom: 27px; } .indexAboutus .indexAboutusMain .number ul { padding-left: 52px; } .indexAboutus .indexAboutusMain .number ul li { padding: 0px 55px; } .indexAboutus .indexAboutusMain .number ul li:nth-child(1) .num { width: 87px; } .indexAboutus .indexAboutusMain .number ul li:nth-child(2) .num { width: 173px; } .indexAboutus .indexAboutusMain .number ul li:nth-child(3) .num { width: 201px; } .indexAboutus .indexAboutusMain .number ul li .num { font-size: 55px; margin-bottom: 4px; } .indexAboutus .indexAboutusMain .number ul li .num i { font-size: 24px; } .indexAboutus .indexAboutusMain .number ul li .intro { font-size: 14px; line-height: 22px; } /* 首页-新闻公告 */ .indexNews { padding: 67px 0px; } .indexNews .indexNewsList { margin: 40px 0px 36px; padding-top: 14px; } .indexNews .indexNewsList .indexNewsListLeft .swiper-wrapper .swiper-slide { font-size: 19px; padding-bottom: 4px; margin-right: 43px; } .indexNews .indexNewsList .indexNewsListLeft .swiper-wrapper .swiper-slide::after { height: 2px; } .indexNews .indexNewsList .indexNewsListRight ul li a { font-size: 16px; } .indexNews .indexNewsList .indexNewsListRight ul li a::after { width: 32px; height: 32px; } .indexNews .indexNewsList .indexNewsListRight ul li a:hover { padding-left: 15px; } .indexNews .indexNewsList .indexNewsListRight ul li a:hover::after { height: 40px; } .indexNews .indexNewsList .indexNewsListRight ul li a span { margin-right: 25px; } .indexNews .indexNewsList .indexNewsListRight ul li a i { width: 32px; height: 32px; line-height: 32px; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-wrapper .swiper-slide { width: 449.5px; margin-right: 20px; margin-top: 100px; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-wrapper .swiper-slide:nth-child(1) { width: 920px; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-wrapper .swiper-slide:nth-child(1) .image img { height: 542px; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-wrapper .swiper-slide:nth-child(1) .content { margin: 29px 0px 0px; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-wrapper .swiper-slide:nth-child(1) .content .title { font-size: 22px; line-height: 30px; margin-bottom: 17px; padding-right: 560px; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-wrapper .swiper-slide:nth-child(1) .content .intro { top: -6px; width: 356px; font-size: 17px; line-height: 27px; max-height: 81px; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-wrapper .swiper-slide a .image img { height: 438px; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-wrapper .swiper-slide a .content { margin: 21px 0px 0px; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-wrapper .swiper-slide a .content .title { font-size: 17px; margin-bottom: 8px; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-wrapper .swiper-slide a .content .time { font-size: 14px; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-wrapper .swiper-slide a .content .time i { font-size: 16px; margin-right: 6px; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide-active .indexNewsSlide .swiper-wrapper .swiper-slide { margin-top: 0px; } /* 内页banner */ #detailBanner .image { width: calc(100% + 80px); } #detailBanner .content { bottom: 76px; } #detailBanner .content .title { font-size: 64px; line-height: 64px; margin-bottom: 34px; } #detailBanner .content .subTitle { font-size: 24px; line-height: 32px; } #detailBanner .content .icon { bottom: 59px; width: 63px; height: 63px; line-height: 61px; } #detailBanner .content .icon::after { top: calc(50% - 75px); left: calc(50% - 75px); width: 150px; height: 150px; } #detailBanner .content .icon img { height: 24px; } /* 内页分类 */ #detailList { top: 110px; height: 60px; line-height: 58px; } #detailList.detailListMask { top: 83px; height: 55px; line-height: 53px; backdrop-filter: blur(20px); } #detailList.detailListDown { -webkit-transform: translateY(-85px); -ms-transform: translateY(-85px); transform: translateY(-85px); } #detailList ul li { margin-right: 78px; } #detailList ul li:hover .popup { top: 70px; } #detailList ul li > a { font-size: 16px; } #detailList ul li > a::after { height: 2px; border-radius: 3px; } #detailList ul li > a i { font-size: 10px; margin-left: 9px; } #detailList ul li .popup { top: 80px; border-radius: 9px; padding: 8px 0px; line-height: 32px; } #detailList ul li .popup::after { width: 14px; height: 7px; } #detailList ul li .popup a { font-size: 13px; padding: 4px 15px; } /* 内页标题 */ .detailTitle .title { min-width: 177px; height: 50px; line-height: 50px; font-size: 24px; padding: 0px 15px; } .detailTitle .title::after { width: 4px; height: 4px; margin-left: 20px; margin-bottom: 3px; } .detailTitle .intro { font-size: 50px; font-weight: 550; line-height: 60px; margin-top: 8px; } /* 创新理念 */ #innovativeIdeas { padding: 60px 0px 60px; } #innovativeIdeas .innovativeIdeasMain { height: 799px; margin-top: 47px; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasLeft .swiper-wrapper .swiper-slide { padding: 40px 60px 40px 20px; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasLeft .swiper-wrapper .swiper-slide .icon { width: 51px; height: 51px; line-height: 51px; box-shadow: 0px 5px 18px 0px rgba(128, 128, 128, 0.16); margin-right: 21px; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasLeft .swiper-wrapper .swiper-slide .icon svg { width: 55px; height: 55px; stroke-width: 6px; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasLeft .swiper-wrapper .swiper-slide .icon img { width: 28px; height: 28px; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasLeft .swiper-wrapper .swiper-slide .content .title { font-size: 24px; margin-bottom: 11px; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasLeft .swiper-wrapper .swiper-slide .content .intro { font-size: 17px; line-height: 24px; max-height: 144px; margin-right: -20px; padding-right: 20px; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasLeft .swiper-wrapper .swiper-slide .content .intro::-webkit-scrollbar { width: 2px; height: 2px; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasLeft .swiper-wrapper .swiper-slide .content .intro::-webkit-scrollbar-track { border-radius: 6px; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasLeft .swiper-wrapper .swiper-slide .content .intro::-webkit-scrollbar-thumb { border-radius: 6px; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasRight .swiper-wrapper .swiper-slide img { height: 799px; } /* 研发中心 */ #rdCenter { padding: 60px 0px 60px; } #rdCenter .rdCenterMain { margin-top: 55px; } #rdCenter .rdCenterMain ul li { margin-bottom: 98px; } #rdCenter .rdCenterMain ul li .image img { height: 580px; } #rdCenter .rdCenterMain ul li .contnet .icon { margin-bottom: 47px; } #rdCenter .rdCenterMain ul li .contnet .icon img { width: 87px; height: 87px; } #rdCenter .rdCenterMain ul li .contnet .title { font-size: 34px; margin-bottom: 16px; } #rdCenter .rdCenterMain ul li .contnet .intro { font-size: 18px; line-height: 30px; max-height: 330px; padding-right: 30px; margin-right: -30px; } #rdCenter .rdCenterMain ul li .contnet .intro::-webkit-scrollbar { width: 2px; height: 2px; } #rdCenter .rdCenterMain ul li .contnet .intro::-webkit-scrollbar-track { border-radius: 6px; } #rdCenter .rdCenterMain ul li .contnet .intro::-webkit-scrollbar-thumb { border-radius: 6px; } /* 核心技术 */ #coreTechnology { padding: 60px 0px 60px; } #coreTechnology .coreTechnologyMain { margin-top: 46px; } #coreTechnology .coreTechnologyMain .swiper-wrapper .swiper-slide img { height: 640px; } #coreTechnology .coreTechnologyList { margin-top: 69px; } #coreTechnology .coreTechnologyList .swiper-wrapper .swiper-slide .line { width: 100%; height: 3px; margin-bottom: 23px; } #coreTechnology .coreTechnologyList .swiper-wrapper .swiper-slide .title { font-size: 28px; margin-bottom: 9px; } #coreTechnology .coreTechnologyList .swiper-wrapper .swiper-slide .intro { font-size: 18px; line-height: 30px; } /* 产学研合作 */ #iurCooperation { padding-bottom: 93px; } #iurCooperation .iurCooperationMain { margin-top: 47px; } #iurCooperation .iurCooperationMain .swiper-wrapper .swiper-slide .image img { height: 470px; } #iurCooperation .iurCooperationMain .swiper-wrapper .swiper-slide .title { font-size: 30px; margin-top: 23px; } /* 公司新闻 */ #news { padding: 81px 0px 100px; } #news .newsRecommend { margin-bottom: 110px; } #news .newsRecommend .swiper-wrapper .swiper-slide a .image img { height: 614px; } #news .newsRecommend .swiper-wrapper .swiper-slide a .content { padding: 98px 90px 40px 66px; } #news .newsRecommend .swiper-wrapper .swiper-slide a .content .title { font-size: 34px; line-height: 44px; margin-bottom: 35px; } #news .newsRecommend .swiper-wrapper .swiper-slide a .content .intro { font-size: 17px; line-height: 28px; height: 84px; margin-bottom: 212px; } #news .newsRecommend .swiper-wrapper .swiper-slide a .content .time { font-size: 14px; } #news .newsRecommend .swiper-wrapper .swiper-slide a .content .time i { margin-right: 6px; } #news .newsRecommend .swiper-pagination { right: 90px; bottom: 85px; } #news .newsRecommend .swiper-pagination .swiper-pagination-bullet { width: 14px; height: 5px; border-radius: 3px; margin: 0px 3px; } #news .newsRecommend .swiper-pagination .swiper-pagination-bullet::after { border-radius: 3px; } #news .newsRecommend .swiper-pagination .swiper-pagination-bullet-active { width: 24px; } #news .newsList { margin-bottom: 90px; } #news .newsList ul li { margin-bottom: 30px; } #news .newsList ul li a:hover { box-shadow: 0px 10px 43px 0px rgba(39, 39, 66, 0.2); } #news .newsList ul li a .image { width: 320px; margin: 20px 0px 20px 20px; } #news .newsList ul li a .image img { height: 200px; } #news .newsList ul li a .content { margin-left: 50px; margin-right: 146px; padding: 36px 0px; } #news .newsList ul li a .content .title { font-size: 22px; margin-bottom: 15px; } #news .newsList ul li a .content .intro { font-size: 15px; line-height: 25px; height: 50px; margin-bottom: 32px; } #news .newsList ul li a .content .more { font-size: 16px; } #news .newsList ul li a .content .more span { margin-right: 21px; } #news .newsList ul li a .content .more i { width: 32px; height: 32px; line-height: 30px; } #news .newsList ul li a .content .more i::after { width: 32px; height: 32px; } #news .newsList ul li a .other { width: 210px; padding: 58px 0px; } #news .newsList ul li a .other .time { font-size: 18px; margin-bottom: 3px; } #news .newsList ul li a .other .tab { font-size: 20px; margin-bottom: 21px; } #news .newsList ul li a .other .icon img { width: 35px; height: 35px; } /* 新闻详情 */ #newsDetail { padding: 256px 0px 90px; } #newsDetail .share a { width: 47px; height: 47px; font-size: 18px; line-height: 47px; } #newsDetail .newsDetailTitle { margin: 0px 150px 44px; } #newsDetail .newsDetailTitle .content { margin-bottom: 27px; } #newsDetail .newsDetailTitle .content > .title { font-weight: 550; font-size: 46px; } #newsDetail .newsDetailTitle .content .shareBox { margin-left: 50px; } #newsDetail .newsDetailTitle .content .shareBox .title { font-size: 16px; } #newsDetail .newsDetailTitle .content .shareBox .share a { margin-left: 10px; } #newsDetail .newsDetailTitle .other::after { margin-left: 38px; } #newsDetail .newsDetailTitle .other .tab { font-size: 16px; } #newsDetail .newsDetailTitle .other span { margin: 0px 13px; } #newsDetail .newsDetailTitle .other .time { font-size: 16px; } #newsDetail .newsDetailImage { margin: 0px 150px 72px; } #newsDetail .newsDetailMain { margin: 0px 150px; } #newsDetail .newsDetailMain .newsDetailLeft { width: 100px; margin-right: 74px; margin-bottom: 112px; } #newsDetail .newsDetailMain .newsDetailLeft .title { font-size: 16px; margin-left: 20px; margin-bottom: 22px; } #newsDetail .newsDetailMain .newsDetailLeft .share { margin-left: 14px; padding-bottom: 20px; } #newsDetail .newsDetailMain .newsDetailLeft .share a { margin-bottom: 10px; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailContnet { font-size: 16px; line-height: 31px; margin-bottom: 60px; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailPdfList { padding-bottom: 61px; margin-bottom: 46px; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailPdfList a { min-height: 70px; padding: 20px 30px; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailPdfList a:hover { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); box-shadow: 0px 10px 26px #ddd; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailPdfList a .title { font-size: 17px; margin-right: 160px; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailPdfList a .title img { height: 28px; margin-right: 16px; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailPdfList a .btn { font-size: 16px; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailPdfList a .btn span { margin-right: 21px; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailPdfList a .btn i { width: 33px; height: 32px; line-height: 32px; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailBtns .btn { width: 65px; height: 47px; font-size: 14px; border-width: 2px; margin-right: 10px; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailBtns .btn:hover { width: 140px; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailBtns .btn:hover span { max-width: 100px; margin-right: 47px; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailBtns .btn i { font-size: 16px; } /* 与我们联系 */ #withus { padding: 46px 0px; min-height: 300px; } #withus .title { font-size: 44px; margin-bottom: 12px; } #withus .intro { font-size: 17px; line-height: 26px; margin-bottom: 35px; } #withus .more { width: 210px; height: 56px; line-height: 54px; font-size: 16px; } #withus .more span { margin-right: 67px; } #withus .more i { font-size: 18px; } /* 公告新闻 */ #noticeList { padding: 80px 0px 100px; } #noticeList ul { margin-bottom: 90px; } #noticeList ul li { margin-bottom: 20px; } #noticeList ul li:last-child { margin-bottom: 0px; } #noticeList ul li a { padding: 39px 50px 48px 40px; } #noticeList ul li a:hover { box-shadow: 0px 12px 38px 0px rgba(62, 86, 106, 0.19); } #noticeList ul li a .content .time { font-size: 16px; margin-bottom: 5px; } #noticeList ul li a .content .time i { margin-right: 10px; } #noticeList ul li a .content .title { font-size: 26px; margin-bottom: 28px; } #noticeList ul li a .content .more { font-size: 16px; } #noticeList ul li a .content .more span { margin-right: 21px; } #noticeList ul li a .content .more i { width: 33px; height: 32px; line-height: 32px; } #noticeList ul li a .icon { width: 71px; height: 64px; } /* 公告新闻 */ #join { padding: 80px 0px 100px; } #join .joinSearch { margin-bottom: -33px; } #join .joinSearch .input input { width: 450px; height: 52px; font-size: 15px; padding: 0px 100px 0px 30px; } #join .joinSearch .input .submit { right: 33px; font-size: 20px; } #join .joinTitle { margin-bottom: 27px; } #join .joinTitle .number { padding-bottom: 17px; font-size: 20px; border-bottom-width: 2px; } #join .joinTitle .number span { font-size: 26px; } #join .joinOption { margin-bottom: 80px; } #join .joinOption .wrapper { margin-bottom: 22px; } #join .joinOption .wrapper .title { font-size: 17px; margin-top: 4px; margin-right: 40px; } #join .joinOption .wrapper .list { margin: -5px; } #join .joinOption .wrapper .list span { height: 34px; line-height: 32px; padding: 0px 22px; margin: 5px; font-size: 17px; } #join .joinMain { margin-bottom: 90px; } #join .joinMain ul li { padding: 18px 20px 18px 45px; margin-bottom: 10px; } #join .joinMain ul li .title { font-size: 18px; } #join .joinMain ul li .other { width: 717px; } #join .joinMain ul li .other .address { width: 150px; font-size: 16px; } #join .joinMain ul li .other .number { width: 150px; font-size: 16px; } #join .joinMain ul li .other .time { width: 150px; font-size: 16px; } #join .joinMain ul li .arrow { width: 44px; height: 44px; line-height: 44px; font-size: 16px; } /* 联系我们 */ #contactus { padding: 60px 0px 60px; } #contactus .contactusMain { margin-top: 45px; } #contactus .contactusMain ul { margin: -15px; } #contactus .contactusMain ul li { width: calc(33.33% - 30px); min-height: 167px; margin: 15px; padding: 34px 100px 34px 20px; } #contactus .contactusMain ul li .icon { top: 33px; right: 33px; } #contactus .contactusMain ul li .icon img { width: 33px; height: 33px; } #contactus .contactusMain ul li .title { font-size: 26px; margin-bottom: 8px; } #contactus .contactusMain ul li .intro { font-size: 20px; line-height: 26px; } /* 留言反馈 */ #message .messageLeft { padding-top: 50px; } #message .messageLeft .messageForm .messageOption { margin-top: 44px; margin-bottom: 30px; } #message .messageLeft .messageForm .messageOption .bigTitle { font-size: 17px; padding-bottom: 10px; margin-bottom: 30px; } #message .messageLeft .messageForm .messageOption .wrapper { margin-bottom: 18px; } #message .messageLeft .messageForm .messageOption .wrapper .title { width: 58px; font-size: 14px; margin-right: 46px; } #message .messageLeft .messageForm .messageOption .wrapper .layui-form-checkbox[lay-skin=primary] { min-width: 18px; min-height: 18px; padding-left: 24px; } #message .messageLeft .messageForm .messageOption .wrapper .layui-form-checkbox > div { font-size: 14px; } #message .messageLeft .messageForm .messageOption .wrapper .layui-form-checkbox[lay-skin=primary] > div { padding-right: 15px; line-height: 18px; } #message .messageLeft .messageForm .messageOption .wrapper .layui-form-checkbox[lay-skin=primary] > i { width: 15px; height: 15px; line-height: 13px; font-size: 12px; } #message .messageLeft .messageForm .messageField .list { margin-bottom: 15px; } #message .messageLeft .messageForm .messageField .list:nth-child(5) { margin-bottom: 30px; } #message .messageLeft .messageForm .messageField .list input, #message .messageLeft .messageForm .messageField .list textarea { font-size: 17px; } #message .messageLeft .messageForm .messageField .list input { height: 56px; padding: 0px 21px; } #message .messageLeft .messageForm .messageField .list textarea { height: 119px; padding: 12px 21px; } #message .messageLeft .messageForm .messageField .list .btn { height: 56px; line-height: 56px; font-size: 16px; padding: 0px 35px 0px 30px; margin-right: 20px; } #message .messageLeft .messageForm .messageField .list .btn::after { right: 210px; width: 93px; } #message .messageLeft .messageForm .messageField .list .btn:hover::after { right: -93px; } #message .messageLeft .messageForm .messageField .list .btn span { margin-right: 67px; } #message .messageRight { width: 959px; margin-right: -180px; } #message .messageRight .drap { width: 46px; height: 46px; } #message .messageRight .drap::after { width: 11px; height: 11px; } /* 理念 */ #idea .ideaTitle { font-size: 55px; margin-bottom: 123px; } #idea .ideaMain .ideaContents ul li .content { padding: 280px 100px 0px 120px; } #idea .ideaMain .ideaContents ul li .content .title { font-size: 24px; margin-bottom: 11px; } #idea .ideaMain .ideaContents ul li .content .subTitle { font-size: 46px; line-height: 60px; margin-bottom: 38px; } #idea .ideaMain .ideaContents ul li .content .intro { font-size: 24px; line-height: 46px; } /* 招聘类型 */ #hireType { padding: 150px 0px; } #hireType ul:hover li:nth-child(1) { -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); } #hireType ul:hover li:nth-child(2) { -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); } #hireType ul li { width: 765px; height: 600px; } #hireType ul li:hover .content .more { max-height: 56px; margin-top: 44px; } #hireType ul li .content { padding: 50px; } #hireType ul li .content .title { font-size: 40px; margin-bottom: 10px; } #hireType ul li .content .intro { font-size: 18px; } #hireType ul li .content .more { line-height: 56px; font-size: 16px; padding: 0px 35px 0px 30px; } #hireType ul li .content .more::after { right: 210px; width: 93px; } #hireType ul li .content .more:hover::after { right: -93px; } #hireType ul li .content .more span { margin-right: 67px; } /* 公司概况 */ #aboutus { max-width: 1920px; margin: 0px auto; } #aboutus .aboutusLeft { padding: 60px 87px 100px 180px; } #aboutus .aboutusLeft .aboutusMain { margin-top: 40px; } #aboutus .aboutusLeft .aboutusMain > .intro { font-size: 16px; line-height: 26px; margin-bottom: 75px; } #aboutus .aboutusLeft .aboutusMain .number ul li .title { font-size: 46px; } #aboutus .aboutusLeft .aboutusMain .number ul li .title span:nth-child(2) { font-size: 14px; } #aboutus .aboutusLeft .aboutusMain .number ul li .intro { font-size: 14px; } #aboutus .aboutusRight .play { width: 83px; height: 82px; box-shadow: 0px 7px 16px 0px rgba(0, 0, 0, 0.46); } /* 发展历程 */ #history { min-height: 900px; padding: 60px 0px 0px; } #history .historyMain { margin-top: 72px; } #history .historyMain .swiper-wrapper .swiper-slide .year { font-size: 300px; line-height: 300px; } #history .historyMain .swiper-wrapper .swiper-slide .title { font-size: 33px; margin-top: 19px; } #history .historyMain .swiper-button-prev, #history .historyMain .swiper-button-next { font-size: 18px; } #history .historyMain .swiper-button-prev i { -webkit-transform: rotate(-180deg) translateY(2px); -ms-transform: rotate(-180deg) translateY(2px); transform: rotate(-180deg) translateY(2px); } #history .historyDrag { width: 46px; height: 46px; } /* 企业文化 */ #culture .cultureRight { padding: 60px 0px; } #culture .cultureRight .cultureMain .cultureContent { margin: 96px 0px 0px; } #culture .cultureRight .cultureMain .cultureContent .swiper-wrapper .swiper-slide { padding: 31px 0px; } #culture .cultureRight .cultureMain .cultureContent .swiper-wrapper .swiper-slide .number { font-size: 16px; padding-top: 7px; margin-right: 42px; } #culture .cultureRight .cultureMain .cultureContent .swiper-wrapper .swiper-slide .content .title { font-size: 24px; } #culture .cultureRight .cultureMain .cultureContent .swiper-wrapper .swiper-slide .content .intro { font-size: 18px; margin-top: 5px; } #culture .cultureRight .cultureMain .cultureContent .swiper-wrapper .swiper-slide .arrow { width: 17px; height: 17px; margin-top: 10px; margin-right: 3px; } #culture .cultureRight .cultureMain .cultureContent .swiper-wrapper .swiper-slide .arrow::before { width: 2px; height: 17px; } #culture .cultureRight .cultureMain .cultureContent .swiper-wrapper .swiper-slide .arrow::after { width: 17px; height: 2px; } #culture .cultureRight .cultureSlide { right: -232px; } /* 企业荣誉 */ #honor { height: 970px; } #honor .honorLeft { padding: 253px 98px 0px 180px; } #honor .honorLeft .honorContent { margin-top: 41px; } #honor .honorLeft .honorContent .intro { font-size: 16px; line-height: 26px; margin-bottom: 61px; } #honor .honorLeft .honorContent .other .swiper-button-prev, #honor .honorLeft .honorContent .other .swiper-button-next { width: 81px; height: 55px; line-height: 53px; font-size: 20px; } #honor .honorLeft .honorContent .other .swiper-button-prev::after, #honor .honorLeft .honorContent .other .swiper-button-next::after { width: calc(100% + 2px); height: calc(100% + 2px); } #honor .honorLeft .honorContent .other .swiper-button-prev { margin-right: 10px; } #honor .honorLeft .honorContent .other .swiper-button-prev i { -webkit-transform: rotate(-135deg) translateY(2px); -ms-transform: rotate(-135deg) translateY(2px); transform: rotate(-135deg) translateY(2px); } #honor .honorRight { padding-top: 225px; } #honor .honorRight .honorSlide .swiper-wrapper .swiper-slide img { width: 374px; } #honor .honorRight .honorSlide .swiper-wrapper .swiper-slide p { font-size: 26px; margin-top: 69px; } /* 全球合作伙伴 */ #video { padding: 60px 0px 60px; } #video .cooperativePartnerMain { margin-right: -170px; margin-top: 50px; } #video .cooperativePartnerMain .swiper-wrapper .swiper-slide img { height: 194px; } #video .cooperativePartnerMain .cooperativePartnerBtns .swiper-button-prev, #video .cooperativePartnerMain .cooperativePartnerBtns .swiper-button-next { width: 81px; height: 55px; line-height: 53px; font-size: 20px; margin-top: 63px; } #video .cooperativePartnerMain .cooperativePartnerBtns .swiper-button-prev::after, #video .cooperativePartnerMain .cooperativePartnerBtns .swiper-button-next::after { width: calc(100% + 2px); height: calc(100% + 2px); } #video .cooperativePartnerMain .cooperativePartnerBtns .swiper-button-prev { margin-right: 10px; } #video .cooperativePartnerMain .cooperativePartnerBtns .swiper-button-prev i { -webkit-transform: rotate(-135deg) translateY(2px); -ms-transform: rotate(-135deg) translateY(2px); transform: rotate(-135deg) translateY(2px); } /* 首页-科技创新 */ #fiveMajorAdvantages { padding: 60px 0px 60px; } #fiveMajorAdvantages .fiveMajorAdvantagesMain { margin-top: 28px; } #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper { margin: 0px -5px; } #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide { margin: 0px 5px; height: 742px; } #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide:hover .image img, #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide.active .image img { height: 585px; } #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide .image img { height: 742px; } #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide .bigTitle { font-size: 22px; line-height: 32px; padding: 0px 20px; } #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide .content { padding: 37px 26px 18px 36px; } #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide .content .contentBox .title { font-size: 22px; margin-bottom: 12px; } #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide .content .contentBox .intro { font-size: 17px; line-height: 24px; min-height: 72px; margin-bottom: 24px; } /* 场景介绍 */ #sceneIntroduction .image { width: calc(100% + 80px); } #sceneIntroduction .content .title { font-size: 50px; line-height: 65px; } /* 四大应用场景 */ #majorApplicationScenarios .majorApplicationScenariosTitle { font-size: 55px; margin-bottom: 123px; } #majorApplicationScenarios .majorApplicationScenariosMain { margin-top: 54px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content { padding: 60px 180px 0px 126px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .icon { margin-bottom: 59px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .icon img { width: 92px; height: 92px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .title { font-size: 42px; margin-bottom: 5px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .intro { font-size: 18px; line-height: 29px; padding-bottom: 43px; margin-bottom: 15px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .merit { padding-bottom: 30px; margin-bottom: 34px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .merit .title { font-size: 20px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .merit .meritBox { margin: -6px -4px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .merit .meritBox .list { height: 60px; line-height: 58px; font-size: 20px; padding: 0px 12px; margin: 6px 4px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .merit .meritBox .list img { width: 42px; height: 42px; margin-right: 10px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .area { margin-bottom: 50px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .area .title { font-size: 20px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .area .areaBox { padding: 31px 10px 17px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .area .areaBox .list::before, #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .area .areaBox .list::after { top: 4px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .area .areaBox .list .drop { width: 10px; height: 10px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .area .areaBox .list .drop::after { width: 5px; height: 5px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .area .areaBox .list p { font-size: 18px; margin-top: 13px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .area .areaBox .list .line { top: 4px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .more { font-size: 16px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .more i { width: 32px; height: 32px; font-size: 14px; line-height: 32px; margin-left: 22px; } /* 产品概述 */ #productIntro .productIntroMain { top: 60px; } #productIntro .productIntroMain .productIntroRight { margin-left: 334px; margin-top: 78px; font-size: 16px; line-height: 26px; } /* 产品优势 */ #productAdvantages { min-height: 980px; } #productAdvantages .productAdvantagesRight { padding: 60px 180px 60px 100px; } #productAdvantages .productAdvantagesRight .productAdvantagesContent { margin-top: 64px; } #productAdvantages .productAdvantagesRight .productAdvantagesContent .list { padding: 36px 0px; } #productAdvantages .productAdvantagesRight .productAdvantagesContent .list .title { font-size: 28px; margin-bottom: 17px; } #productAdvantages .productAdvantagesRight .productAdvantagesContent .list .title img { width: 40px; height: 40px; margin-right: 15px; } #productAdvantages .productAdvantagesRight .productAdvantagesContent .list .intro { font-size: 17px; line-height: 27px; } /* 性能特点 */ #performanceCharacteristics { padding: 60px 0px 0px; } #performanceCharacteristics .performanceCharacteristicsList { margin-top: 57px; } #performanceCharacteristics .performanceCharacteristicsList .list { margin-right: 31px; } #performanceCharacteristics .performanceCharacteristicsList .list .title { font-size: 40px; margin-bottom: 2px; } #performanceCharacteristics .performanceCharacteristicsList .list .subTitle { font-size: 17px; padding-bottom: 33px; margin-bottom: 25px; } #performanceCharacteristics .performanceCharacteristicsList .list .intro { font-size: 17px; line-height: 27px; } /* pdf列表 */ #performanceCharacteristicsOther { padding: 70px 0px 50px; } #performanceCharacteristicsOther .list { padding: 30px 40px; margin-bottom: 12px; } #performanceCharacteristicsOther .list .title { font-size: 22px; } #performanceCharacteristicsOther .list .title img { width: 28px; height: 32px; margin-right: 21px; } #performanceCharacteristicsOther .list .other a { width: 40px; height: 40px; line-height: 36px; margin-right: 10px; } #performanceCharacteristicsOther .list .other a img { width: 20px; height: 20px; } /* 解决方案 */ #solution .solutionMain { margin-top: 44px; } #solution .solutionMain ul li { margin-bottom: 60px; } #solution .solutionMain ul li:nth-child(odd) .content { margin-left: 110px; } #solution .solutionMain ul li:nth-child(even) .content { margin-right: 110px; } #solution .solutionMain ul li .content .title { font-size: 46px; line-height: 56px; margin-bottom: 19px; } #solution .solutionMain ul li .content .intro { font-size: 20px; line-height: 29px; } /* 碳纳米管 */ #carbonNanotubes { padding: 60px 0px 60px; } #carbonNanotubes .carbonNanotubesIntro { font-size: 17px; line-height: 27px; margin-top: 25px; } #carbonNanotubes .carbonNanotubesMain { margin-top: 78px; } #carbonNanotubes .carbonNanotubesMain .carbonNanotubesLeft { height: 642px; } #carbonNanotubes .carbonNanotubesMain .carbonNanotubesLeft .swiper-wrapper .swiper-slide { padding: 23px 0px; } #carbonNanotubes .carbonNanotubesMain .carbonNanotubesLeft .swiper-wrapper .swiper-slide .title { font-size: 22px; margin-bottom: 8px; } #carbonNanotubes .carbonNanotubesMain .carbonNanotubesLeft .swiper-wrapper .swiper-slide .title img { width: 30px; height: 30px; margin-right: 19px; } #carbonNanotubes .carbonNanotubesMain .carbonNanotubesLeft .swiper-wrapper .swiper-slide .intro { font-size: 17px; line-height: 24px; min-height: 72px; } #carbonNanotubes .carbonNanotubesMain .carbonNanotubesRight { height: 642px; } /* 加入我们弹窗 */ .joinUsDetailPopup { width: 1063px; height: 850px; } .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; } .joinUsDetailPopup .layui-layer-setwin .layui-layer-close2::after { width: 0.188vw; } .joinUsDetailPopup .layui-layer-setwin .layui-layer-close2::before { height: 0.188vw; } #joinUsDetail { padding: 7.338vw 5.832vw 0px 8.467vw; } #joinUsDetail .joinUsDetailTitle { padding-bottom: 2.352vw; margin-right: 12.229vw; } #joinUsDetail .joinUsDetailTitle .title { font-size: 3.199vw; margin-bottom: 1.035vw; } #joinUsDetail .joinUsDetailTitle .info { font-size: 1.411vw; } #joinUsDetail .joinUsDetailTitle .info i { font-size: 1.505vw; margin-right: 0.471vw; } #joinUsDetail .joinUsDetailMain { font-size: 1.505vw; line-height: 3.01vw; padding-right: 12.229vw; max-height: 43.744vw; padding-top: 2.258vw; } #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: 4.704vw; } #joinUsDetail .joinUsDetailBtn .more { height: 4.421vw; line-height: 4.421vw; font-size: 1.317vw; padding: 0px 2.352vw 0px 2.352vw; } #joinUsDetail .joinUsDetailBtn .more::after { right: 19.755vw; width: 8.749vw; } #joinUsDetail .joinUsDetailBtn .more:hover::after { right: -8.749vw; } #joinUsDetail .joinUsDetailBtn .more span { margin-right: 4.892vw; } /* 视频弹窗 */ .videoPopupBox .layui-layer-setwin .layui-layer-close2 { right: 21px; top: 28px; font-size: 28px; } } /* pad端 */ /* 移动端 */ @media (max-width: 768px) { @-webkit-keyframes translateX { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 100% { -webkit-transform: translate(-80px); transform: translate(-80px); } } @keyframes translateX { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 100% { -webkit-transform: translate(-80px); transform: translate(-80px); } } /* 版心 */ .content1860, .content1630, .content1560 { width: calc(100% - 40px); } /* 重置layui样式 */ .layui-flow-more { font-size: 13px; margin: 40px 0px 0px; } .layui-flow-more a i { width: 32px; height: 32px; } .layui-flow-more a cite { width: 120px; height: 42px; line-height: 42px; border-radius: 26px; font-size: 13px; } .layui-flow-more a cite::before { width: calc(100% - 4px); height: calc(100% - 4px); border-radius: 26px; border-width: 2px; } .layui-flow-more a cite::after { height: calc(100% + 4px); border-radius: 26px; } .layui-form-select dl dd { font-size: 15px; line-height: 40px; padding: 0px 15px; } .layui-laydate { border-radius: 10px; } .layui-laydate-content td, .layui-laydate-content th { width: 36px; height: 36px; } .layui-laydate-content td > div { line-height: 36px; } /* 头部 */ .header { height: 60px; line-height: 60px; } .header .headerLogo { height: 60px; position: relative; z-index: 2; } .header .headerLogo a { width: 160px; height: 19px; } .header .headerMain .headerNav { display: none; } .header .headerMain .headerOther { margin-left: 0px; } .header .headerMain .headerOther .line { height: 0px; margin: 0px 6px; } .header .headerMain .headerOther .line:nth-of-type(4) { display: block; } .header .headerMain .headerOther .searchBtn { width: auto; height: auto; line-height: 1; border-radius: 0px; font-size: 22px; margin-right: 0px; background: none; } .header .headerMain .headerOther .tel{ display: block; } .header .headerMain .headerOther .langBtn { display: none; font-size: 20px; } .header .headerMain .headerOther .langBtn img { height: 26px; -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); } .header .headerMain .headerOther .langBtn .popup { top: 52px; width: 50px; border-radius: 6px; box-shadow: 0px 0px 3px #eee; } .header .headerMain .headerOther .langBtn .popup::after { width: 10px; height: 6px; } .header .headerMain .headerOther .langBtn .popup a { font-size: 11px; line-height: 22px; margin-bottom: 1px; border-radius: 4px; } .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: #FFFFFF; border-radius: 1px; -webkit-transition: all 0.4s ease; transition: all 0.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; backdrop-filter: blur(20px); } .header.headerMask .headerLogo a { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .header.headerMask .headerMain .headerOther .searchBtn { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /* 头部搜索 */ .headerSearchformMain .headerSearchform { padding: 40px 0px; } .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: 0px 5px 10px rgba(17, 140, 212, 0.4); } .headerSearchformMain .headerSearchform form .closeSearch { font-size: 20px; } /* 移动端栏目 */ .mobileHeader { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 9999; display: block; -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); } .mobileHeader.leftOffset .column { right: 0px; } .mobileHeader .column { position: fixed; right: -260px; top: 0px; width: 260px; height: 100%; overflow-y: auto; background: #fafafa; padding-top: 60px; -webkit-transition: right 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: right 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); } .mobileHeader .column .wrapper { border-bottom: 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: 0px; right: 0px; 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 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); content: ""; display: block; } .mobileHeader .column .wrapper .oneLevel .oneLevelTitle .icon i::before { width: 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 { border-bottom: 1px solid #EBEBEB; } .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 .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 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: 0px; right: 0px; 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 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); content: ""; display: block; } .mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .icon i::before { width: 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; } .mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelMain a:last-child { border-bottom: 0px; } /* 下拉菜单 */ .dropDownMenu { display: none; } /* 底部 */ .footer { padding: 30px 0px 0px; } .footer .footerHead { display: none; } .footer .footerMain { margin-bottom: 20px; } .footer .footerMain .footerMainLeft { display: none; margin-right: 0px; width: 100%; } .footer .footerMain .footerMainLeft .logo { text-align: center; margin-bottom: 0px; } .footer .footerMain .footerMainLeft .logo a img { height: 33px; } .footer .footerMain .footerMainLeft .share { display: none; } .footer .footerMain .footerMainRight dl { -webkit-box-flex: 50%; -webkit-flex: 50%; -ms-flex: 50%; flex: 50%; margin-right: 0px; margin-bottom: 20px; padding-right: 20px; } .footer .footerMain .footerMainRight dl:nth-child(even) { padding-right: 0px; } .footer .footerMain .footerMainRight dl dt { margin-bottom: 12px; } .footer .footerMain .footerMainRight dl dt a { padding-bottom: 10px; font-size: 15px; white-space: nowrap; } .footer .footerMain .footerMainRight dl dd a { font-size: 14px; line-height: 27px; white-space: nowrap; } .footer .footerCopyright { padding: 17px 0px; height: auto; line-height: 18px; font-size: 12px; } /* 加载动画 */ .loadingLayer { display: none; -webkit-mask-position: -1460px 50%; mask-position: -1460px 50%; } .loadingLayer.success { -webkit-mask-position: -3840px 50%; mask-position: -3840px 50%; } .loadingLayer .content1630 { padding: 40px 0px; } .loadingLayer .progressBarBox .progressBar { width: 33.3px; height: 16px; } .loadingLayer .progressBarBox .progressBar .progressBarActive { width: 26px; height: 10px; top: 3px; left: 3px; } .loadingLayer .logoBox { height: 149px; } .loadingLayer .logoBox .logo { width: 400px; height: 60px; margin-right: 15px; } /*.loadingLayer .logoBox .logo::after {*/ /* background-size: 40px 50px;*/ /*}*/ .loadingLayer .logoBox img { height: 60px; -webkit-transform: translateX(60px); -ms-transform: translateX(60px); transform: translateX(60px); } .loadingLayer .copyright { font-size: 11px; line-height: 16px; margin-bottom: 70px; } .loadingLayer .copyright br { display: none; } .loadingLayer .more { bottom: 40px; height: 37px; line-height: 37px; font-size: 12px; padding: 0px 15px; } .loadingLayer .more::after { right: 210px; width: 93px; } .loadingLayer .more:hover::after { right: -93px; } .loadingLayer .more span { margin-right: 37px; } .loadingLayer .arrow { width: 1920px; height: 1920px; left: 750%; } .loadingLayer .arrow span { width: 1920px; height: 1920px; border-width: 2px; border-radius: 60px; } .loadingLayer .arrow span:nth-child(n+2) { margin-left: -1850px; } /* 首页标题 */ .indexTitle.themeWhite .title { height: 28px; line-height: 28px; font-size: 12px; } .indexTitle.themeWhite .title::after { margin-left: 14px; } .indexTitle .title { height: 28px; line-height: 28px; font-size: 12px; padding: 0px 12px 0px 15px; margin-bottom: 6px; } .indexTitle .title::after { width: 4px; height: 4px; margin-left: 14px; } .indexTitle .intro { font-size: 26px; line-height: 36px; } /* 首页-banner */ .banner .swiper-wrapper .swiper-slide .image { height: auto; } .banner .swiper-wrapper .swiper-slide .content { top: 40%; } .banner .swiper-wrapper .swiper-slide .content .title { font-size: 28px; line-height: 36px; margin-bottom: 20px; padding: 0px; } .banner .swiper-wrapper .swiper-slide .content .more { height: 37px; line-height: 37px; font-size: 12px; padding: 0px 15px; margin-left: 0px; } .banner .swiper-wrapper .swiper-slide .content .more::after { right: 210px; width: 93px; } .banner .swiper-wrapper .swiper-slide .content .more:hover::after { right: -93px; } .banner .swiper-wrapper .swiper-slide .content .more span { margin-right: 37px; } .banner .swiper-pagination { bottom: 30px; text-align: center; } .banner .swiper-pagination .swiper-pagination-bullet { width: 38px; height: 1.5px; border-radius: 0; overflow: hidden; margin-right: 5px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .banner .swiper-pagination .swiper-pagination-bullet-active { width: 38px; } /* 首页-产品及应用 */ .indexProducts { padding: 50px 0px; } .indexProducts .indexTitle { padding: 0px 20px; } .indexProducts .indexProductsMain { margin: 30px 20px 0px; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .image .listBox .list .drop { width: 10px; height: 10px; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .image .listBox .list .drop::after { width: 3px; height: 3px; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .image .listBox .list .more { left: 26px; height: 26px; line-height: 26px; border-radius: 17px; font-size: 10px; padding: 0px 18px 0px 9px; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .image .listBox .list .more::after { right: 210px; width: 93px; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .image .listBox .list .more.right { left: auto; right: 26px; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .image .listBox .list .more:hover::after { right: -93px; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .image .listBox .list .more img { height: 12px; margin-right: 4px; margin-top: -3px; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .image .listBox .list .more span { margin-right: 9px; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .content { left: 20px; top: 30px; bottom: auto; padding: 0px; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .content .title { font-size: 20px; line-height: 26px; margin-bottom: 15px; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .content .feature { margin: -2.5px; width: 230px; } .indexProducts .indexProductsMain .indexProductsBox .swiper-wrapper .swiper-slide .content .feature span { min-width: 60px; height: 28px; line-height: 26px; font-size: 12px; border-radius: 27px; padding: 0px 12px; margin: 2.5px; } .indexProducts .indexProductsMain .indexProductsListBox { bottom: 30px; width: 100%; padding: 0px 20px; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsListPage { margin-bottom: 15px; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsListPage .current, .indexProducts .indexProductsMain .indexProductsListBox .indexProductsListPage .total { font-size: 13px; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsListPage .progress { width: auto; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 2px; border-radius: 2px; margin: 0px 8px; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsListPage .progress::after { border-radius: 2px; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsList { width: 75%; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide { margin-right: 15px; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide a { padding: 6px; backdrop-filter: blur(20px); } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide a:hover .content .more { padding-left: 12px; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide a:hover .content .more::after { height: 28px; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide a .image { width: 80px; height: 80px; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide a .content { margin-left: 19px; margin-top: 2px; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide a .content .title { font-size: 14px; line-height: 20px; min-height: 40px; margin-bottom: 15px; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide a .content .more { min-width: auto; font-size: 12px; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide a .content .more::after { width: 22px; height: 22px; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide a .content .more span { margin-right: 10px; } .indexProducts .indexProductsMain .indexProductsListBox .indexProductsList .swiper-wrapper .swiper-slide a .content .more i { width: 22px; height: 22px; line-height: 22px; } /* 首页-产品优势 */ .indexAdvantages { padding: 50px 20px 30px; background: url("../image/indexAdvantagesLeftBg.jpg") no-repeat center/cover; } .indexAdvantages .indexTitle { position: static; } .indexAdvantages .indexAdvantagesList { display: none; } .indexAdvantages .indexAdvantagesMain { margin-top: 30px; } .indexAdvantages .indexAdvantagesMain .indexAdvantagesLeft { width: 100%; height: auto; background: none; } .indexAdvantages .indexAdvantagesMain .indexAdvantagesLeft .swiper-wrapper .swiper-slide { padding: 30px 0px 0px; } .indexAdvantages .indexAdvantagesMain .indexAdvantagesLeft .swiper-wrapper .swiper-slide img { height: 30px; margin-bottom: 12px; margin-top: 0px; } .indexAdvantages .indexAdvantagesMain .indexAdvantagesLeft .swiper-wrapper .swiper-slide .title { font-size: 16px; margin-bottom: 8px; margin-top: 8px; } .indexAdvantages .indexAdvantagesMain .indexAdvantagesLeft .swiper-wrapper .swiper-slide .intro { font-size: 13px; line-height: 22px; height: auto; margin-bottom: 25px; margin-top: 8px; } .indexAdvantages .indexAdvantagesMain .indexAdvantagesLeft .swiper-wrapper .swiper-slide .more { height: 37px; line-height: 37px; font-size: 12px; padding: 0px 15px; } .indexAdvantages .indexAdvantagesMain .indexAdvantagesLeft .swiper-wrapper .swiper-slide .more::after { right: 210px; width: 93px; } .indexAdvantages .indexAdvantagesMain .indexAdvantagesLeft .swiper-wrapper .swiper-slide .more:hover::after { right: -93px; } .indexAdvantages .indexAdvantagesMain .indexAdvantagesLeft .swiper-wrapper .swiper-slide .more span { margin-right: 37px; } .indexAdvantages .indexAdvantagesMain .indexAdvantagesLeft .swiper-pagination { display: block; text-align: center; margin-top: 25px; } .indexAdvantages .indexAdvantagesMain .indexAdvantagesLeft .swiper-pagination .swiper-pagination-bullet { display: inline-block; width: 12px; height: 3px; border-radius: 3px; background: rgba(255, 255, 255, 0.3); margin-right: 4px; position: relative; cursor: pointer; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .indexAdvantages .indexAdvantagesMain .indexAdvantagesLeft .swiper-pagination .swiper-pagination-bullet:last-child { margin-right: 0px; } .indexAdvantages .indexAdvantagesMain .indexAdvantagesLeft .swiper-pagination .swiper-pagination-bullet-active { width: 23px; background: #FFFFFF; } .indexAdvantages .indexAdvantagesMain .indexAdvantagesRight { width: calc(100% + 40px); margin-left: -20px; height: auto; } .indexAdvantages .indexAdvantagesMain .indexAdvantagesRight .swiper-wrapper .swiper-slide img { height: auto; } /* 首页-科技创新 */ .indexInnovate { padding: 50px 0px; overflow: hidden; } .indexInnovate .indexInnovateMain { margin-top: 25px; overflow: visible; } .indexInnovate .indexInnovateMain .swiper-wrapper { margin: 0px; } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide { width: 100%; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; margin: 0px; } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide:hover { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide .image { -webkit-transform: none; -ms-transform: none; transform: none; } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide .image img { height: auto; } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide .content { position: relative; z-index: 2; padding: 25px 20px; margin-top: -2px; background: #00263a; opacity: 1; visibility: visible; } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide .content::after { display: none; } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide .content .contentBox { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; visibility: visible; } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide .content .contentBox .title { font-size: 16px; margin-bottom: 8px; } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide .content .contentBox .intro { font-size: 13px; line-height: 20px; height: auto; margin-bottom: 18px; opacity: 0.5; } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide .content .contentBox .more { font-size: 12px; } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide .content .contentBox .more::after { width: 22px; height: 22px; background: -webkit-linear-gradient(left, #00263a, #00263a); background: linear-gradient(90deg, #00263a, #00263a); } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide .content .contentBox .more:hover { color: #fff; padding-left: 15px; } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide .content .contentBox .more:hover::after { height: 28px; } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide .content .contentBox .more span { margin-right: 10px; } .indexInnovate .indexInnovateMain .swiper-wrapper .swiper-slide .content .contentBox .more i { width: 22px; height: 22px; line-height: 22px; color: #00263a; background: #FFFFFF; } .indexInnovate .indexInnovateMain .swiper-pagination { display: none; margin-top: 25px; } .indexInnovate .indexInnovateMain .swiper-pagination .swiper-pagination-bullet { display: inline-block; width: 12px; height: 3px; border-radius: 3px; background: rgba(0, 0, 0, 0.5); margin-right: 4px; position: relative; cursor: pointer; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .indexInnovate .indexInnovateMain .swiper-pagination .swiper-pagination-bullet:last-child { margin-right: 0px; } .indexInnovate .indexInnovateMain .swiper-pagination .swiper-pagination-bullet-active { width: 23px; background: #00263a; } /* 首页-关于我们 */ .indexAboutus { min-height: auto; padding: 50px 0px 30px; } .indexAboutus .play { width: 53px; height: 52px; box-shadow: 0px 7px 16px 0px rgba(0, 0, 0, 0.46); } .indexAboutus .indexAboutusTitle { font-size: 24px; line-height: 34px; margin-bottom: 320px; } .indexAboutus .indexAboutusMain { padding-left: 0px; } .indexAboutus .indexAboutusMain > .intro { font-size: 12px; line-height: 18px; padding-left: 20px; margin-bottom: 20px; } .indexAboutus .indexAboutusMain > .intro p { margin-bottom: 12px; } .indexAboutus .indexAboutusMain > .intro p:last-child { margin-bottom: 0px; } .indexAboutus .indexAboutusMain .number ul { padding-left: 20px; } .indexAboutus .indexAboutusMain .number ul li { width: auto; padding: 10px 0px; border: 0px; } .indexAboutus .indexAboutusMain .number ul li:nth-child(1) .num { width: auto; } .indexAboutus .indexAboutusMain .number ul li:nth-child(2) .num { width: auto; } .indexAboutus .indexAboutusMain .number ul li:nth-child(3) .num { width: auto; } .indexAboutus .indexAboutusMain .number ul li .num { font-size: 30px; } .indexAboutus .indexAboutusMain .number ul li .num i { font-size: 18px; } .indexAboutus .indexAboutusMain .number ul li .intro { font-size: 10px; line-height: 14px; } /* 首页-新闻公告 */ .indexNews { padding: 50px 0px; } .indexNews .indexNewsList { margin: 12px 0px 25px; padding-top: 12px; } .indexNews .indexNewsList .indexNewsListLeft .swiper-wrapper .swiper-slide { font-size: 14px; padding-bottom: 4px; margin-right: 15px; } .indexNews .indexNewsList .indexNewsListLeft .swiper-wrapper .swiper-slide::after { height: 1px; } .indexNews .indexNewsList .indexNewsListRight ul li a { font-size: 12px; } .indexNews .indexNewsList .indexNewsListRight ul li a::after { width: 22px; height: 22px; } .indexNews .indexNewsList .indexNewsListRight ul li a:hover { padding-left: 12px; } .indexNews .indexNewsList .indexNewsListRight ul li a:hover::after { height: 28px; } .indexNews .indexNewsList .indexNewsListRight ul li a span { margin-right: 10px; } .indexNews .indexNewsList .indexNewsListRight ul li a i { width: 22px; height: 22px; line-height: 22px; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-wrapper .swiper-slide { width: 100%; margin-right: 0px; margin-top: 0px; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-wrapper .swiper-slide:nth-child(1) { width: 100%; margin-top: 0px; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-wrapper .swiper-slide:nth-child(1) .image img { height: 72.27vw; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-wrapper .swiper-slide:nth-child(1) .content { margin: 16px 0px 0px; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-wrapper .swiper-slide:nth-child(1) .content .title { font-size: 16px; line-height: 24px; margin-bottom: 8px; padding-right: 0px; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-wrapper .swiper-slide:nth-child(1) .content .intro { display: none; position: static; width: 100%; font-size: 13px; line-height: 20px; max-height: 60px; margin-bottom: 12px; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-wrapper .swiper-slide a .image img { height: 72.27vw; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-wrapper .swiper-slide a .content { margin: 16px 0px 0px; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-wrapper .swiper-slide a .content .title { font-size: 16px; margin-bottom: 8px; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-wrapper .swiper-slide a .content .time { font-size: 12px; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-wrapper .swiper-slide a .content .time i { font-size: 14px; margin-right: 4px; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-pagination { display: block; text-align: center; margin-top: 25px; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-pagination .swiper-pagination-bullet { display: inline-block; width: 12px; height: 3px; border-radius: 3px; background: rgba(60, 60, 60, 0.2); margin-right: 4px; position: relative; cursor: pointer; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-pagination .swiper-pagination-bullet:last-child { margin-right: 0px; } .indexNews .indexNewsMain > .swiper-wrapper > .swiper-slide .indexNewsSlide .swiper-pagination .swiper-pagination-bullet-active { width: 23px; background: -webkit-linear-gradient(left, #00263a, #00263a); background: linear-gradient(90deg, #00263a, #00263a); } /* 分页 */ #pagingMian .paging { width: 100%; } #pagingMian .paging a.page-num-current { font-size: 4vw !important; } #pagingMian .paging .layui-laypage a, #pagingMian .paging .layui-laypage span { width: 8vw; height: 8vw; line-height: 8vw; font-size: 4vw; } #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: 0px; padding: 0px 34px; border: 2px solid #00263a; -webkit-transition: all 0.4s ease; transition: all 0.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: -webkit-linear-gradient(left, #00263a, #00263a); background: linear-gradient(90deg, #00263a, #00263a); border-radius: 30px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 0; visibility: hidden; z-index: -1; } #pagingMian .mobileLoadMore a:hover { color: #fff !important; border-color: transparent !important; } #pagingMian .mobileLoadMore a:hover span::after { opacity: 1; visibility: visible; } #pagingMian .mobileLoadMore a .icon { display: none; } /* 内页banner */ #detailBanner .image { width: calc(100% + 80px); } #detailBanner .content { bottom: 35px; } #detailBanner .content .title { font-size: 24px; line-height: 28px; margin-bottom: 12px; } #detailBanner .content .subTitle { font-size: 14px; line-height: 24px; } #detailBanner .content .subTitle br { display: none; } #detailBanner .content .icon { display: none; bottom: 59px; width: 63px; height: 63px; line-height: 61px; } #detailBanner .content .icon::after { top: calc(50% - 75px); left: calc(50% - 75px); width: 150px; height: 150px; } #detailBanner .content .icon img { height: 24px; } /* 内页分类 */ #detailList { display: none; top: 110px; height: 60px; line-height: 58px; } #detailList.detailListMask { top: 83px; height: 55px; line-height: 53px; backdrop-filter: blur(20px); } #detailList.detailListDown { -webkit-transform: translateY(-85px); -ms-transform: translateY(-85px); transform: translateY(-85px); } #detailList ul li { margin-right: 78px; } #detailList ul li:hover .popup { top: 70px; } #detailList ul li > a { font-size: 16px; } #detailList ul li > a::after { height: 2px; border-radius: 3px; } #detailList ul li > a i { font-size: 10px; margin-left: 9px; } #detailList ul li .popup { top: 80px; border-radius: 9px; padding: 8px 0px; line-height: 32px; } #detailList ul li .popup::after { width: 14px; height: 7px; } #detailList ul li .popup a { font-size: 13px; padding: 4px 15px; } /* 内页标题 */ .detailTitle .title { min-width: auto; height: 28px; line-height: 28px; font-size: 12px; padding: 0px 12px 0px 15px; } .detailTitle .title::after { width: 4px; height: 4px; margin-left: 14px; margin-bottom: 3px; } #contactus .intro { font-size: 22px!important; } .detailTitle .intro { font-size: 22px; line-height: 30px; margin-top: 6px; } /* 创新理念 */ #innovativeIdeas { padding: 40px 0px; } #innovativeIdeas .innovativeIdeasMain { height: auto; margin-top: 25px; background: none; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasLeft { width: 100%; height: auto; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasLeft .swiper-wrapper .swiper-slide { padding: 20px 20px 30px 20px; border-bottom: 0px; background: #fbfbfb; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasLeft .swiper-wrapper .swiper-slide .icon { width: 42px; height: 42px; line-height: 42px; box-shadow: 0px 5px 18px 0px rgba(128, 128, 128, 0.16); margin-right: 12px; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasLeft .swiper-wrapper .swiper-slide .icon svg { width: 46px; height: 46px; stroke-width: 6px; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasLeft .swiper-wrapper .swiper-slide .icon img { width: 23px; height: 23px; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasLeft .swiper-wrapper .swiper-slide .content .title { font-size: 18px; margin-bottom: 6px; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasLeft .swiper-wrapper .swiper-slide .content .intro { font-size: 14px; line-height: 24px; max-height: none; margin-right: 10px; padding-right: 12px; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasLeft .swiper-pagination { display: block; text-align: center; margin-top: 20px; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasLeft .swiper-pagination .swiper-pagination-bullet { display: inline-block; width: 12px; height: 3px; border-radius: 3px; background: rgba(60, 60, 60, 0.2); margin-right: 4px; position: relative; cursor: pointer; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasLeft .swiper-pagination .swiper-pagination-bullet:last-child { margin-right: 0px; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasLeft .swiper-pagination .swiper-pagination-bullet-active { width: 23px; background: -webkit-linear-gradient(left, #00263a, #00263a); background: linear-gradient(90deg, #00263a, #00263a); } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasRight { width: 100%; } #innovativeIdeas .innovativeIdeasMain .innovativeIdeasRight .swiper-wrapper .swiper-slide img { height: 64.734vw; } /* 研发中心 */ #rdCenter { padding: 40px 0px; } #rdCenter .rdCenterMain { margin-top: 25px; } #rdCenter .rdCenterMain ul li { margin-bottom: 30px; } #rdCenter .rdCenterMain ul li .image { width: 100%; } #rdCenter .rdCenterMain ul li .image img { height: 45.894vw; } #rdCenter .rdCenterMain ul li .contnet { width: 100%; margin-top: 20px; } #rdCenter .rdCenterMain ul li .contnet .icon { margin-bottom: 17px; } #rdCenter .rdCenterMain ul li .contnet .icon img { width: 47px; height: 47px; } #rdCenter .rdCenterMain ul li .contnet .title { font-size: 18px; margin-bottom: 8px; } #rdCenter .rdCenterMain ul li .contnet .intro { font-size: 14px; line-height: 24px; max-height: none; padding-right: 0px; margin-right: 0px; } #rdCenter .rdCenterMain ul li .contnet .intro::-webkit-scrollbar { width: 2px; height: 2px; } #rdCenter .rdCenterMain ul li .contnet .intro::-webkit-scrollbar-track { border-radius: 6px; } #rdCenter .rdCenterMain ul li .contnet .intro::-webkit-scrollbar-thumb { border-radius: 6px; } /* 核心技术 */ #coreTechnology { padding: 40px 0px; } #coreTechnology .coreTechnologyMain { margin-top: 25px; } #coreTechnology .coreTechnologyMain .swiper-wrapper .swiper-slide img { height: 36.957vw; } #coreTechnology .coreTechnologyList { margin-top: 25px; } #coreTechnology .coreTechnologyList .swiper-wrapper .swiper-slide .line { width: 100%; height: 2px; margin-bottom: 12px; } #coreTechnology .coreTechnologyList .swiper-wrapper .swiper-slide .title { font-size: 18px; margin-bottom: 9px; } #coreTechnology .coreTechnologyList .swiper-wrapper .swiper-slide .intro { font-size: 14px; line-height: 24px; } /* 产学研合作 */ #iurCooperation { padding-bottom: 40px; } #iurCooperation .iurCooperationMain { margin-top: 25px; } #iurCooperation .iurCooperationMain .swiper-wrapper .swiper-slide .image img { height: 55.556vw; } #iurCooperation .iurCooperationMain .swiper-wrapper .swiper-slide .title { font-size: 18px; margin-top: 12px; } /* 公司新闻 */ #news { padding: 40px 0px; } #news .newsRecommend { margin-bottom: 30px; } #news .newsRecommend .swiper-wrapper .swiper-slide a .image { width: 100%; } #news .newsRecommend .swiper-wrapper .swiper-slide a .image img { height: 56.522vw; } #news .newsRecommend .swiper-wrapper .swiper-slide a .content { width: 100%; padding: 30px 20px; } #news .newsRecommend .swiper-wrapper .swiper-slide a .content .title { font-size: 18px; line-height: 28px; margin-bottom: 12px; } #news .newsRecommend .swiper-wrapper .swiper-slide a .content .intro { font-size: 14px; line-height: 24px; height: 72px; margin-bottom: 12px; } #news .newsRecommend .swiper-wrapper .swiper-slide a .content .time { font-size: 12px; } #news .newsRecommend .swiper-wrapper .swiper-slide a .content .time i { margin-right: 6px; } #news .newsRecommend .swiper-pagination { right: 20px; bottom: 30px; } #news .newsRecommend .swiper-pagination .swiper-pagination-bullet { width: 14px; height: 4px; border-radius: 3px; margin: 0px 2px; } #news .newsRecommend .swiper-pagination .swiper-pagination-bullet::after { border-radius: 3px; } #news .newsRecommend .swiper-pagination .swiper-pagination-bullet-active { width: 20px; } #news .newsList { margin-bottom: 40px; } #news .newsList ul li { margin-bottom: 15px; } #news .newsList ul li a:hover { box-shadow: 0px 10px 43px 0px rgba(39, 39, 66, 0.2); } #news .newsList ul li a:hover .other { background: transparent; } #news .newsList ul li a:hover .other .time { color: #707171; } #news .newsList ul li a:hover .other .tab { color: #707171; } #news .newsList ul li a .image { width: 100%; margin: 0px; } #news .newsList ul li a .image img { height: 200px; } #news .newsList ul li a .content { margin-left: 0px; margin-right: 0px; padding: 23px 20px; } #news .newsList ul li a .content .title { font-size: 18px; margin-bottom: 12px; } #news .newsList ul li a .content .intro { font-size: 14px; line-height: 24px; height: auto; margin-bottom: 12px; } #news .newsList ul li a .content .more { font-size: 12px; } #news .newsList ul li a .content .more span { margin-right: 12px; } #news .newsList ul li a .content .more i { width: 24px; height: 24px; line-height: 22px; } #news .newsList ul li a .content .more i::after { width: 24px; height: 24px; } #news .newsList ul li a .other { width: 100%; text-align: right; padding: 0px 20px; margin-top: -48px; } #news .newsList ul li a .other .time { display: inline-block; font-size: 12px; margin-bottom: 3px; } #news .newsList ul li a .other .tab { display: inline-block; font-size: 12px; margin-bottom: 21px; } #news .newsList ul li a .other .icon { display: none; } #news .newsList ul li a .other .icon img { width: 35px; height: 35px; } /* 新闻详情 */ #newsDetail { padding: 80px 0px 40px; } #newsDetail .share a { width: 37px; height: 37px; font-size: 16px; line-height: 37px; background: rgba(0, 0, 0, 0.05); } #newsDetail .newsDetailTitle { margin: 0px 0px 25px; } #newsDetail .newsDetailTitle .content { margin-bottom: 12px; } #newsDetail .newsDetailTitle .content > .title { font-size: 22px; margin-bottom: 12px; } #newsDetail .newsDetailTitle .content .shareBox { margin-left: 0px; } #newsDetail .newsDetailTitle .content .shareBox .title { font-size: 14px; } #newsDetail .newsDetailTitle .content .shareBox .share a { margin-left: 8px; } #newsDetail .newsDetailTitle .other::after { margin-left: 12px; } #newsDetail .newsDetailTitle .other .tab { font-size: 12px; } #newsDetail .newsDetailTitle .other span { margin: 0px 9px; } #newsDetail .newsDetailTitle .other .time { font-size: 12px; } #newsDetail .newsDetailImage { margin: 0px 0px 25px; } #newsDetail .newsDetailMain { margin: 0px; } #newsDetail .newsDetailMain .newsDetailLeft { display: none; width: 100px; margin-right: 74px; margin-bottom: 112px; } #newsDetail .newsDetailMain .newsDetailLeft .title { font-size: 16px; margin-left: 20px; margin-bottom: 22px; } #newsDetail .newsDetailMain .newsDetailLeft .share { margin-left: 14px; padding-bottom: 20px; } #newsDetail .newsDetailMain .newsDetailLeft .share a { margin-bottom: 10px; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailContnet { line-height: 26px; margin-bottom: 20px; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailPdfList { padding-bottom: 20px; margin-bottom: 20px; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailPdfList a { min-height: auto; padding: 16px 20px; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailPdfList a:hover { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); box-shadow: 0px 10px 26px #ddd; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailPdfList a .title { font-size: 16px; margin-right: 0px; margin-bottom: 12px; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailPdfList a .title img { height: 22px; margin-right: 12px; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailPdfList a .btn { font-size: 12px; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailPdfList a .btn span { margin-right: 12px; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailPdfList a .btn i { width: 24px; height: 24px; line-height: 24px; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailBtns .btn { width: 45px; height: 37px; font-size: 12px; border-width: 2px; margin-right: 6px; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailBtns .btn:hover { width: 90px; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailBtns .btn:hover span { max-width: 100px; margin-right: 14px; } #newsDetail .newsDetailMain .newsDetailRight .newsDetailBtns .btn i { font-size: 14px; } /* 与我们联系 */ #withus { padding: 40px 0px; min-height: auto; } #withus .title { font-size: 22px; margin-bottom: 4px; } #withus .intro { font-size: 14px; line-height: 24px; margin-bottom: 20px; } #withus .more { display: inline-block; width: auto; height: 37px; line-height: 35px; font-size: 12px; padding: 0px 15px; } #withus .more span { margin-right: 37px; } #withus .more i { font-size: 14px; } /* 公告新闻 */ #noticeList { padding: 40px 0px; } #noticeList ul { margin-bottom: 40px; } #noticeList ul li { margin-bottom: 12px; } #noticeList ul li a { padding: 23px 20px; } #noticeList ul li a:hover { box-shadow: 0px 12px 38px 0px rgba(62, 86, 106, 0.19); } #noticeList ul li a .content { margin-right: 20px; } #noticeList ul li a .content .time { font-size: 13px; margin-bottom: 6px; } #noticeList ul li a .content .time i { margin-right: 5px; } #noticeList ul li a .content .title { font-size: 18px; margin-bottom: 25px; } #noticeList ul li a .content .more { font-size: 12px; } #noticeList ul li a .content .more span { margin-right: 10px; } #noticeList ul li a .content .more i { width: 24px; height: 24px; line-height: 24px; } #noticeList ul li a .icon { width: 51px; height: 46px; } /* 公告新闻 */ #join { padding: 40px 0px; } #join .joinSearch { margin-bottom: 15px; } #join .joinSearch .input { width: 100%; } #join .joinSearch .input input { width: 100%; height: 44px; font-size: 13px; padding: 0px 50px 0px 12px; } #join .joinSearch .input .submit { right: 16px; font-size: 20px; } #join .joinTitle { margin-bottom: 15px; } #join .joinTitle .number { padding-bottom: 7px; font-size: 14px; border-bottom-width: 2px; } #join .joinTitle .number span { font-size: 20px; } #join .joinOption { margin-bottom: 25px; } #join .joinOption .wrapper { margin-bottom: 16px; } #join .joinOption .wrapper .title { font-size: 14px; margin-top: 0px; margin-right: 0px; margin-bottom: 9px; } #join .joinOption .wrapper .list { margin: -2px; } #join .joinOption .wrapper .list span { height: 26px; line-height: 24px; padding: 0px 12px; margin: 2px; font-size: 12px; } #join .joinMain { margin-bottom: 40px; } #join .joinMain ul li { padding: 23px 20px; margin-bottom: 10px; } #join .joinMain ul li .title { width: 100%; font-size: 16px; margin-bottom: 4px; } #join .joinMain ul li .other { width: 100%; margin-bottom: 12px; } #join .joinMain ul li .other .address { width: 150px; font-size: 12px; } #join .joinMain ul li .other .number { width: 150px; font-size: 12px; } #join .joinMain ul li .other .time { width: 150px; font-size: 12px; } #join .joinMain ul li .arrow { width: 32px; height: 32px; line-height: 32px; font-size: 13px; } /* 联系我们 */ #contactus { padding: 40px 0px; } #contactus .contactusMain { margin-top: 25px; } #contactus .contactusMain ul { margin: 0px 0px -12px; } #contactus .contactusMain ul.item li{ width: 100%; } #contactus .contactusMain ul li { width: 100%; min-height: auto; margin: 0px 0px 12px; padding: 40px 20px 20px; } #contactus .contactusMain ul li .icon { top: 23px; right: 23px; } #contactus .contactusMain ul li .icon img { width: 28px; height: 28px; } #contactus .contactusMain ul li .title { font-size: 18px; margin-bottom: 2px; } #contactus .contactusMain ul li .intro { font-size: 14px; line-height: 24px; } /* 留言反馈 */ #message { padding-bottom: 40px; } #message .messageLeft { width: 100%; padding-top: 30px; } #message .messageLeft .messageForm .messageOption { margin-top: 25px; margin-bottom: 20px; } #message .messageLeft .messageForm .messageOption .bigTitle { font-size: 15px; padding-bottom: 10px; margin-bottom: 20px; } #message .messageLeft .messageForm .messageOption .wrapper { margin-bottom: 12px; } #message .messageLeft .messageForm .messageOption .wrapper .title { width: 62px; font-size: 13px; margin-right: 12px; margin-top: -2px; } #message .messageLeft .messageForm .messageOption .wrapper .layui-form-checkbox[lay-skin=primary] { min-width: 14px; min-height: 14px; padding-left: 17px; } #message .messageLeft .messageForm .messageOption .wrapper .layui-form-checkbox > div { font-size: 12px; } #message .messageLeft .messageForm .messageOption .wrapper .layui-form-checkbox[lay-skin=primary] > div { padding-right: 7px; line-height: 14px; } #message .messageLeft .messageForm .messageOption .wrapper .layui-form-checkbox[lay-skin=primary] > i { width: 13px; height: 13px; line-height: 11px; font-size: 12px; } #message .messageLeft .messageForm .messageField .list { margin-bottom: 10px; } #message .messageLeft .messageForm .messageField .list:nth-child(5) { margin-bottom: 20px; } #message .messageLeft .messageForm .messageField .list input, #message .messageLeft .messageForm .messageField .list textarea { font-size: 13px; } #message .messageLeft .messageForm .messageField .list input { height: 42px; padding: 0px 12px; } #message .messageLeft .messageForm .messageField .list textarea { height: 80px; padding: 8px 12px; } #message .messageLeft .messageForm .messageField .list .btn { height: 37px; line-height: 37px; font-size: 12px; padding: 0px 15px; margin-right: 12px; } #message .messageLeft .messageForm .messageField .list .btn::after { right: 210px; width: 93px; } #message .messageLeft .messageForm .messageField .list .btn:hover::after { right: -93px; } #message .messageLeft .messageForm .messageField .list .btn span { margin-right: 37px; } #message .messageRight { width: 100%; margin-right: 0px; } #message .messageRight .drap { width: 28px; height: 28px; } #message .messageRight .drap::after { width: 8px; height: 8px; } /* 理念 */ #idea .ideaTitle { font-size: 55px; margin-bottom: 123px; } #idea .ideaMain .ideaImages ul li.block .hide .title { color: #000000; } #idea .ideaMain .ideaImages ul li.block .hide .subTitle { color: #000000; } #idea .ideaMain .ideaImages ul li.block .hide .intro { color: rgba(0, 0, 0, 0.8); } #idea .ideaMain .ideaImages ul li.white .hide .title { color: #fff; } #idea .ideaMain .ideaImages ul li.white .hide .subTitle { color: #fff; } #idea .ideaMain .ideaImages ul li.white .hide .intro { color: rgba(255, 255, 255, 0.8); } #idea .ideaMain .ideaImages ul li .content { width: 100%; } #idea .ideaMain .ideaImages ul li .content .image img { height: auto; } #idea .ideaMain .ideaImages ul li .hide { display: block; padding: 30px 20px; position: relative; } #idea .ideaMain .ideaImages ul li .hide .commonBg { z-index: 0; } #idea .ideaMain .ideaImages ul li .hide .title { font-size: 16px; margin-bottom: 6px; position: relative; z-index: 2; } #idea .ideaMain .ideaImages ul li .hide .subTitle { font-size: 18px; line-height: 28px; margin-bottom: 12px; position: relative; z-index: 2; } #idea .ideaMain .ideaImages ul li .hide .intro { font-size: 14px; line-height: 24px; position: relative; z-index: 2; } #idea .ideaMain .ideaContents { display: none; } #idea .ideaMain .ideaContents ul li .content { padding: 280px 100px 0px 120px; } #idea .ideaMain .ideaContents ul li .content .title { font-size: 24px; margin-bottom: 11px; } #idea .ideaMain .ideaContents ul li .content .subTitle { font-size: 46px; line-height: 60px; margin-bottom: 38px; } #idea .ideaMain .ideaContents ul li .content .intro { font-size: 24px; line-height: 46px; } /* 招聘类型 */ #hireType { padding: 40px 0px; } #hireType ul:hover li:nth-child(1) { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } #hireType ul:hover li:nth-child(2) { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } #hireType ul li { width: 100%; height: 270px; margin-bottom: 15px; } #hireType ul li:last-child { margin-bottom: 0px; } #hireType ul li:hover .content .more { max-height: none; margin-top: 14px; } #hireType ul li .content { padding: 30px 20px 12px; } #hireType ul li .content .title { font-size: 18px; margin-bottom: 4px; } #hireType ul li .content .intro { font-size: 14px; line-height: 24px; } #hireType ul li .content .more { max-height: none; opacity: 1; visibility: visible; height: 37px; line-height: 37px; font-size: 12px; padding: 0px 15px; margin-top: 14px; } #hireType ul li .content .more::after { right: 210px; width: 93px; } #hireType ul li .content .more:hover::after { right: -93px; } #hireType ul li .content .more span { margin-right: 37px; } /* 公司概况 */ #aboutus .aboutusLeft { width: 100%; padding: 35px 20px 25px; } #aboutus .aboutusLeft .aboutusMain { margin-top: 25px; } #aboutus .aboutusLeft .aboutusMain > .intro { font-size: 14px; line-height: 24px; margin-bottom: 25px; } #aboutus .aboutusLeft .aboutusMain .number ul li { width: 50%; margin-bottom: 10px; } #aboutus .aboutusLeft .aboutusMain .number ul li .title { font-size: 30px; } #aboutus .aboutusLeft .aboutusMain .number ul li .title span:nth-child(2) { font-size: 14px; } #aboutus .aboutusLeft .aboutusMain .number ul li .intro { font-size: 12px; } #aboutus .aboutusRight { width: 100%; } #aboutus .aboutusRight .play { width: 53px; height: 52px; box-shadow: 0px 7px 16px 0px rgba(0, 0, 0, 0.46); } /* 发展历程 */ #history { min-height: auto; padding: 40px 0px 80px; } #history .historyMain { margin-top: 45px; } #history .historyMain .swiper-wrapper .swiper-slide-prev { opacity: 0 !important; visibility: hidden !important; } #history .historyMain .swiper-wrapper .swiper-slide-next { opacity: 0 !important; visibility: hidden !important; } #history .historyMain .swiper-wrapper .swiper-slide .year { font-size: 50px; line-height: 40px; } #history .historyMain .swiper-wrapper .swiper-slide .title { font-size: 14px; margin-top: 12px; } #history .historyMain .swiper-button-prev, #history .historyMain .swiper-button-next { font-size: 14px; } #history .historyMain .swiper-button-prev i { -webkit-transform: rotate(-180deg) translateY(2px); -ms-transform: rotate(-180deg) translateY(2px); transform: rotate(-180deg) translateY(2px); } #history .historyDrag { display: none !important; width: 46px; height: 46px; } /* 企业文化 */ #culture .cultureLeft { width: 100%; } #culture .cultureLeft .swiper-wrapper .swiper-slide img { max-height: 360px; object-fit: cover; } #culture .cultureMobileContent { display: block; width: calc(100% - 40px); margin-bottom: 30px; } #culture .cultureMobileContent .swiper-wrapper .swiper-slide { padding: 18px 0px 0px; } #culture .cultureMobileContent .swiper-wrapper .swiper-slide .number { font-size: 14px; color: #000000; padding-top: 1px; margin-right: 12px; } #culture .cultureMobileContent .swiper-wrapper .swiper-slide .content .title { font-size: 16px; color: #000000; } #culture .cultureMobileContent .swiper-wrapper .swiper-slide .content .intro { font-size: 13px; color: #000000; margin-top: 5px; } #culture .cultureMobileContent .swiper-wrapper .swiper-slide .arrow { display: none; width: 17px; height: 17px; position: relative; margin-top: 10px; margin-right: 3px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 0; visibility: hidden; } #culture .cultureMobileContent .swiper-wrapper .swiper-slide .arrow::before, #culture .cultureMobileContent .swiper-wrapper .swiper-slide .arrow::after { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #555555; content: ""; display: block; } #culture .cultureMobileContent .swiper-wrapper .swiper-slide .arrow::before { width: 2px; height: 17px; } #culture .cultureMobileContent .swiper-wrapper .swiper-slide .arrow::after { width: 17px; height: 2px; } #culture .cultureMobileContent .swiper-pagination { display: block; text-align: center; margin-top: 10px; } #culture .cultureMobileContent .swiper-pagination .swiper-pagination-bullet { display: inline-block; width: 12px; height: 3px; border-radius: 3px; background: rgba(60, 60, 60, 0.2); margin-right: 4px; position: relative; cursor: pointer; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #culture .cultureMobileContent .swiper-pagination .swiper-pagination-bullet:last-child { margin-right: 0px; } #culture .cultureMobileContent .swiper-pagination .swiper-pagination-bullet-active { width: 23px; background: -webkit-linear-gradient(left, #00263a, #00263a); background: linear-gradient(90deg, #00263a, #00263a); } #culture .cultureRight { width: 100%; padding: 40px 20px 25px; } #culture .cultureRight .cultureMain .cultureContent { display: none; width: 100%; margin: 25px 0px 0px; } #culture .cultureRight .cultureMain .cultureContent .swiper-wrapper .swiper-slide { padding: 18px 0px; } #culture .cultureRight .cultureMain .cultureContent .swiper-wrapper .swiper-slide .number { font-size: 14px; padding-top: 1px; margin-right: 12px; } #culture .cultureRight .cultureMain .cultureContent .swiper-wrapper .swiper-slide .content .title { font-size: 16px; } #culture .cultureRight .cultureMain .cultureContent .swiper-wrapper .swiper-slide .content .intro { font-size: 13px; margin-top: 5px; } #culture .cultureRight .cultureMain .cultureContent .swiper-wrapper .swiper-slide .arrow { width: 12px; height: 12px; margin-top: 6px; margin-right: 3px; } #culture .cultureRight .cultureMain .cultureContent .swiper-wrapper .swiper-slide .arrow::before { width: 2px; height: 12px; } #culture .cultureRight .cultureMain .cultureContent .swiper-wrapper .swiper-slide .arrow::after { width: 12px; height: 2px; } #culture .cultureRight .cultureSlide { display: none; right: -232px; } /* 企业荣誉 */ #honor { height: auto; } #honor .honorLeft { width: 100%; padding: 40px 20px; } #honor .honorLeft .honorContent { margin-top: 20px; } #honor .honorLeft .honorContent .intro { font-size: 14px; line-height: 24px; margin-bottom: 30px; } #honor .honorLeft .honorContent .other .swiper-button-prev, #honor .honorLeft .honorContent .other .swiper-button-next { width: 50px; height: 35px; line-height: 35px; font-size: 17px; } #honor .honorLeft .honorContent .other .swiper-button-prev::after, #honor .honorLeft .honorContent .other .swiper-button-next::after { width: calc(100% + 2px); height: calc(100% + 2px); } #honor .honorLeft .honorContent .other .swiper-button-prev { margin-right: 10px; } #honor .honorLeft .honorContent .other .swiper-button-prev i { -webkit-transform: rotate(-135deg) translateY(0px); -ms-transform: rotate(-135deg) translateY(0px); transform: rotate(-135deg) translateY(0px); } #honor .honorRight { width: 100%; min-height: 300px; padding: 45px 0px 25px; } #honor .honorRight .honorSlide .swiper-wrapper .swiper-slide img { width: 144px; } #honor .honorRight .honorSlide .swiper-wrapper .swiper-slide p { font-size: 12px; margin-top: 9px; } /* 全球合作伙伴 */ #video { padding: 40px 0px; } #video .cooperativePartnerMain { margin-right: 0px; margin-top: 25px; } #video .cooperativePartnerMain .swiper-wrapper .swiper-slide img { height: 64px; } #video .cooperativePartnerMain .cooperativePartnerBtns .swiper-button-prev, #video .cooperativePartnerMain .cooperativePartnerBtns .swiper-button-next { width: 50px; height: 35px; line-height: 35px; font-size: 17px; margin-top: 25px; } #video .cooperativePartnerMain .cooperativePartnerBtns .swiper-button-prev::after, #video .cooperativePartnerMain .cooperativePartnerBtns .swiper-button-next::after { width: calc(100% + 2px); height: calc(100% + 2px); } #video .cooperativePartnerMain .cooperativePartnerBtns .swiper-button-prev { margin-right: 10px; } #video .cooperativePartnerMain .cooperativePartnerBtns .swiper-button-prev i { -webkit-transform: rotate(-135deg) translateY(0px); -ms-transform: rotate(-135deg) translateY(0px); transform: rotate(-135deg) translateY(0px); } /* 科技创新 */ #fiveMajorAdvantages { padding: 40px 0px; } #fiveMajorAdvantages .fiveMajorAdvantagesMain { width: 100%; margin-top: 25px; } #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper { margin: 0px; } #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; height: auto; margin: 0px; } #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide:hover, #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide.active { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; } #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide:hover .image img, #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide.active .image img { height: 69.565vw; } #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide .image::after { display: none; } #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide .image img { height: 69.565vw; } #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide .bigTitle { display: none; font-size: 22px; line-height: 32px; padding: 0px 20px; } #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide .content { position: relative; z-index: 2; padding: 25px 20px; margin-top: 0px; background: #00263a; opacity: 1; visibility: visible; } #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide .content::after { display: none; } #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide .content .contentBox { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; visibility: visible; } #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide .content .contentBox .title { font-size: 16px; margin-bottom: 8px; } #fiveMajorAdvantages .fiveMajorAdvantagesMain .swiper-wrapper .swiper-slide .content .contentBox .intro { font-size: 13px; line-height: 20px; height: auto; margin-bottom: 0px; opacity: 0.5; } /* 场景介绍 */ #sceneIntroduction .image { width: calc(100% + 80px); } #sceneIntroduction .content { top: 25%; } #sceneIntroduction .content .title { font-size: 24px; line-height: 30px; } /* 四大应用场景 */ #majorApplicationScenarios .majorApplicationScenariosMain { margin-top: 25px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li { position: relative; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li.block .hide .icon img { -webkit-filter: invert(0); filter: invert(0); } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li.block .hide .title { color: #333333; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li.block .hide .intro { color: #5F5F5F; border-color: rgba(203, 205, 205, 0.5); } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li.block .hide .merit { border-color: rgba(203, 205, 205, 0.5); } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li.block .hide .merit .title { color: #000000; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li.block .hide .merit .meritBox .list { color: rgba(0, 0, 0, 0.88); border-color: rgba(0, 0, 0, 0.12); } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li.block .hide .area .title { color: #000000; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li.block .hide .area .areaBox { background: #F5F7FA; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li.block .hide .area .areaBox .list p { color: #000000; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li.white .hide .icon img { -webkit-filter: invert(1) brightness(500%); filter: invert(1) brightness(500%); } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li.white .hide .title { color: #fff; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li.white .hide .intro { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.2); } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li.white .hide .merit { border-color: rgba(255, 255, 255, 0.2); } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li.white .hide .merit .title { color: #fff; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li.white .hide .merit .meritBox .list { border-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.88); } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li.white .hide .area .title { color: #fff; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li.white .hide .area .areaBox { background: #37404b; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li.white .hide .area .areaBox .list::after, #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li.white .hide .area .areaBox .list::before { background: #4b535e; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li.white .hide .area .areaBox .list.active .drop { background: #fff; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li.white .hide .area .areaBox .list.active .drop::after { background: -webkit-linear-gradient(left, #00263a, #00263a); background: linear-gradient(90deg, #00263a, #00263a); } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li.white .hide .area .areaBox .list .drop::after { background: #989fa7; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li.white .hide .area .areaBox .list p { color: #fff; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li.white .hide .more { color: #fff; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .content { width: 100%; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .content .image .swiper-wrapper .swiper-slide img { height: auto; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .content .more { display: block; position: relative; z-index: 2; font-size: 13px; color: #7B7B7B; margin: 25px 20px 40px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .content .more i { display: inline-block; width: 24px; height: 24px; font-size: 12px; color: #fff; text-align: center; line-height: 24px; background: -webkit-linear-gradient(left, #00263a, #00263a); background: linear-gradient(90deg, #00263a, #00263a); margin-left: 12px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .content .more i::before { display: inline-block; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .hide { display: block; padding: 40px 20px 25px; position: relative; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .hide .commonBg { z-index: 0; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .hide .icon { position: relative; z-index: 2; margin-bottom: 20px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .hide .icon img { width: 42px; height: 42px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .hide .title { font-weight: 550; font-size: 20px; position: relative; z-index: 2; margin-bottom: 5px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .hide .intro { font-weight: 300; font-size: 14px; line-height: 24px; position: relative; z-index: 2; padding-bottom: 13px; border-bottom: 1px solid; margin-bottom: 13px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .hide .merit { position: relative; z-index: 2; padding-bottom: 14px; border-bottom: 1px solid; margin-bottom: 14px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .hide .merit .title { font-size: 15px; margin-bottom: 8px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .hide .merit .meritBox { margin: -3px -2px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .hide .merit .meritBox .list { display: inline-block; width: auto; height: 28px; line-height: 26px; text-align: center; font-size: 12px; border: 1px solid; padding: 0px 6px; margin: 3px 2px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .hide .merit .meritBox .list img { width: 22px; height: 22px; margin-right: 3px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .hide .area { position: relative; z-index: 2; margin-bottom: 0px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .hide .area .title { font-size: 15px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .hide .area .areaBox { padding: 20px 10px 12px; overflow: hidden; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .hide .area .areaBox .list { text-align: center; position: relative; cursor: pointer; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .hide .area .areaBox .list:first-child::before { display: none; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .hide .area .areaBox .list:last-child::after { display: none; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .hide .area .areaBox .list:last-child .line { display: none; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .hide .area .areaBox .list::before, #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .hide .area .areaBox .list::after { position: absolute; top: 4px; width: 50%; height: 1px; background: rgba(51, 51, 51, 0.1); content: ""; display: block; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .hide .area .areaBox .list::before { left: 0px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .hide .area .areaBox .list::after { right: 0px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .hide .area .areaBox .list.active .drop::after { background: -webkit-linear-gradient(left, #00263a, #00263a); background: linear-gradient(90deg, #00263a, #00263a); } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .hide .area .areaBox .list.active .drop span { display: block; -webkit-animation: centerDiffuse 2s linear infinite; animation: centerDiffuse 2s linear infinite; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .hide .area .areaBox .list.active p { opacity: 1; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .hide .area .areaBox .list.active .line { -webkit-animation: 4.5s ease progress forwards; animation: 4.5s ease progress forwards; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .hide .area .areaBox .list .drop { width: 10px; height: 10px; border-radius: 50%; margin: 0px auto; position: relative; z-index: 3; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .hide .area .areaBox .list .drop::after { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 5px; height: 5px; background: rgba(51, 51, 51, 0.5); border-radius: 50%; z-index: 2; content: ""; display: block; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .hide .area .areaBox .list .drop span { display: none; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; border-radius: 50%; background: -webkit-linear-gradient(left, #00263a, #00263a); background: linear-gradient(90deg, #00263a, #00263a); -webkit-filter: opacity(0.3); filter: opacity(0.3); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: centerDiffuse2 3s linear infinite; animation: centerDiffuse2 3s linear infinite; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .hide .area .areaBox .list .drop span:nth-child(1) { -webkit-animation-delay: -1s; animation-delay: -1s; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .hide .area .areaBox .list .drop span:nth-child(2) { -webkit-animation-delay: -2s; animation-delay: -2s; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .hide .area .areaBox .list .drop span:nth-child(3) { -webkit-animation-delay: -3s; animation-delay: -3s; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .hide .area .areaBox .list p { font-size: 12px; margin-top: 8px; opacity: 0.6; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .hide .area .areaBox .list .line { position: absolute; top: 4px; left: 50%; width: 0%; height: 1px; background: #00263a; z-index: 2; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .hide .more { display: none; position: relative; z-index: 2; font-size: 13px; color: #7B7B7B; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .hide .more i { display: inline-block; width: 24px; height: 24px; font-size: 12px; color: #fff; text-align: center; line-height: 24px; background: -webkit-linear-gradient(left, #00263a, #00263a); background: linear-gradient(90deg, #00263a, #00263a); margin-left: 12px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosImages ul li .hide .more i::before { display: inline-block; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents { display: none; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content { padding: 156px 180px 0px 126px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .icon { margin-bottom: 59px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .icon img { width: 92px; height: 92px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .title { font-size: 42px; margin-bottom: 5px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .intro { font-size: 18px; line-height: 29px; padding-bottom: 43px; margin-bottom: 15px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .merit { padding-bottom: 30px; margin-bottom: 34px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .merit .title { font-size: 20px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .merit .meritBox { margin: -6px -4px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .merit .meritBox .list { height: 60px; line-height: 58px; font-size: 20px; padding: 0px 12px; margin: 6px 4px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .merit .meritBox .list img { width: 42px; height: 42px; margin-right: 10px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .area { margin-bottom: 50px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .area .title { font-size: 20px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .area .areaBox { padding: 31px 10px 17px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .area .areaBox .list::before, #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .area .areaBox .list::after { top: 4px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .area .areaBox .list .drop { width: 10px; height: 10px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .area .areaBox .list .drop::after { width: 5px; height: 5px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .area .areaBox .list p { font-size: 20px; margin-top: 13px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .area .areaBox .list .line { top: 4px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .more { font-size: 16px; } #majorApplicationScenarios .majorApplicationScenariosMain .majorApplicationScenariosContents ul li .content .more i { width: 32px; height: 32px; font-size: 14px; line-height: 32px; margin-left: 22px; } /* 产品概述 */ #productIntro .image img { min-height: 400px; } #productIntro .productIntroMain { top: 40px; } #productIntro .productIntroMain .productIntroRight { margin-left: 0px; margin-top: 12px; font-size: 14px; line-height: 24px; } /* 产品优势 */ #productAdvantages { min-height: 980px; } #productAdvantages .productAdvantagesLeft { width: 100%; } #productAdvantages .productAdvantagesLeft img { max-height: 360px; } #productAdvantages .productAdvantagesRight { width: 100%; padding: 40px 20px; } #productAdvantages .productAdvantagesRight .productAdvantagesContent { margin-top: 12px; } #productAdvantages .productAdvantagesRight .productAdvantagesContent .list { padding: 25px 0px; } #productAdvantages .productAdvantagesRight .productAdvantagesContent .list .title { font-size: 16px; margin-bottom: 7px; } #productAdvantages .productAdvantagesRight .productAdvantagesContent .list .title img { width: 28px; height: 28px; margin-right: 6px; margin-top: -4px; } #productAdvantages .productAdvantagesRight .productAdvantagesContent .list .intro { font-size: 14px; line-height: 24px; } /* 性能特点 */ #performanceCharacteristics { padding: 40px 0px 0px; } #performanceCharacteristics .performanceCharacteristicsList { margin-top: 25px; } #performanceCharacteristics .performanceCharacteristicsList .list { width: 100%; margin-right: 0px; margin-bottom: 25px; } #performanceCharacteristics .performanceCharacteristicsList .list:last-child { margin-bottom: 0px; } #performanceCharacteristics .performanceCharacteristicsList .list .title { font-size: 22px; margin-bottom: 2px; } #performanceCharacteristics .performanceCharacteristicsList .list .subTitle { font-size: 14px; padding-bottom: 12px; margin-bottom: 12px; } #performanceCharacteristics .performanceCharacteristicsList .list .intro { font-size: 12px; line-height: 18px; } #performanceCharacteristics .performanceCharacteristicsMain { margin-top: 25px; } /* pdf列表 */ #performanceCharacteristicsOther { padding: 40px 0px; } #performanceCharacteristicsOther .list { padding: 17px 20px; margin-bottom: 12px; } #performanceCharacteristicsOther .list .title { width: 100%; font-size: 14px; } #performanceCharacteristicsOther .list .title img { width: 20px; height: auto; margin-right: 8px; } #performanceCharacteristicsOther .list .other { margin-left: 10px; } #performanceCharacteristicsOther .list .other a { width: 31px; height: 31px; line-height: 31px; margin-right: 10px; } #performanceCharacteristicsOther .list .other a img { width: 16px; height: 16px; } /* 解决方案 */ #solution .solutionMain { margin-top: 25px; } #solution .solutionMain ul li { margin-bottom: 25px; } #solution .solutionMain ul li:nth-child(odd) .content { margin-left: 0px; } #solution .solutionMain ul li:nth-child(even) .content { margin-right: 0px; } #solution .solutionMain ul li .image { width: 100%; } #solution .solutionMain ul li .content { width: 100%; margin-top: 20px; } #solution .solutionMain ul li .content .title { font-size: 18px; line-height: 28px; margin-bottom: 6px; } #solution .solutionMain ul li .content .intro { font-size: 14px; line-height: 24px; } /* 碳纳米管 */ #carbonNanotubes { padding: 40px 0px; } #carbonNanotubes .carbonNanotubesIntro { font-size: 14px; line-height: 24px; margin-top: 12px; } #carbonNanotubes .carbonNanotubesIntro br { display: none; } #carbonNanotubes .carbonNanotubesMain { margin-top: 15px; } #carbonNanotubes .carbonNanotubesMain .carbonNanotubesLeft { width: 100%; height: auto; } #carbonNanotubes .carbonNanotubesMain .carbonNanotubesLeft .swiper-wrapper .swiper-slide { padding: 20px 0px; margin-bottom: 0px; opacity: 1; } #carbonNanotubes .carbonNanotubesMain .carbonNanotubesLeft .swiper-wrapper .swiper-slide::after { width: 100%; } #carbonNanotubes .carbonNanotubesMain .carbonNanotubesLeft .swiper-wrapper .swiper-slide .title { font-size: 16px; margin-bottom: 8px; } #carbonNanotubes .carbonNanotubesMain .carbonNanotubesLeft .swiper-wrapper .swiper-slide .title img { width: 25px; height: 25px; margin-right: 8px; } #carbonNanotubes .carbonNanotubesMain .carbonNanotubesLeft .swiper-wrapper .swiper-slide .intro { font-size: 14px; line-height: 24px; min-height: auto; } #carbonNanotubes .carbonNanotubesMain .carbonNanotubesLeft .swiper-pagination { display: block; text-align: center; margin-top: 20px; } #carbonNanotubes .carbonNanotubesMain .carbonNanotubesLeft .swiper-pagination .swiper-pagination-bullet { display: inline-block; width: 12px; height: 3px; border-radius: 3px; background: rgba(60, 60, 60, 0.2); margin-right: 4px; position: relative; cursor: pointer; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #carbonNanotubes .carbonNanotubesMain .carbonNanotubesLeft .swiper-pagination .swiper-pagination-bullet:last-child { margin-right: 0px; } #carbonNanotubes .carbonNanotubesMain .carbonNanotubesLeft .swiper-pagination .swiper-pagination-bullet-active { width: 23px; background: -webkit-linear-gradient(left, #00263a, #00263a); background: linear-gradient(90deg, #00263a, #00263a); } #carbonNanotubes .carbonNanotubesMain .carbonNanotubesRight { position: static; width: 100%; height: auto; margin-top: 25px; } /* 加入我们弹窗 */ .joinUsDetailPopup { width: 100%; height: 440px; } .joinUsDetailPopup .layui-layer-setwin { right: 13.995px; top: 30.001px; } .joinUsDetailPopup .layui-layer-setwin .layui-layer-close2 { display: block; width: 15px; height: 15px; 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-right: 20px; } #joinUsDetail .joinUsDetailTitle .title { font-size: 18px; margin-bottom: 11.002px; } #joinUsDetail .joinUsDetailTitle .info { font-size: 13px; } #joinUsDetail .joinUsDetailTitle .info i { font-size: 15px; margin-right: 5.007px; } #joinUsDetail .joinUsDetailMain { font-size: 13px; line-height: 24px; padding-right: 20px; max-height: 216px; padding-top: 17px; } #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 .joinUsDetailTip { font-size: 13px; margin-top: 12px; } #joinUsDetail .joinUsDetailBtn { margin-top: 20.004px; } #joinUsDetail .joinUsDetailBtn .more { height: 37px; line-height: 37px; font-size: 12px; padding: 0px 15px; } #joinUsDetail .joinUsDetailBtn .more::after { right: 210px; width: 93px; } #joinUsDetail .joinUsDetailBtn .more:hover::after { right: -93px; } #joinUsDetail .joinUsDetailBtn .more span { margin-right: 37px; } /* 视频弹窗 */ .videoPopupBox .layui-layer-setwin .layui-layer-close2 { right: 11px; top: 18px; font-size: 22px; } }