diff --git a/jc-website/css/mobile.css b/jc-website/css/mobile.css new file mode 100644 index 0000000..76389a8 --- /dev/null +++ b/jc-website/css/mobile.css @@ -0,0 +1,1032 @@ +html, +body { + position: relative; + height: 100%; + user-select: none; + overflow-y: hidden; + overflow-x: hidden; +} + + +/* 默认样式 */ +body { + font-size: 16px; +} + +/* 小屏幕设备 */ +@media (max-width: 320px) { + body { + font-size: 14px; + } +} + +/* 中等屏幕设备 */ +@media (min-width: 321px) and (max-width: 375px) { + body { + font-size: 15px; + } +} + +/* 较大屏幕设备 */ +@media (min-width: 376px) and (max-width: 414px) { + body { + font-size: 16px; + } +} + +/* 更大屏幕设备 */ +@media (min-width: 415px) { + body { + font-size: 18px; + } +} + +:focus { + outline: none; +} + +body { + background: #eee; + font-family: -apple-sysftem, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif; + color: #000; + margin: 0; + padding: 0; +} + +.navbar { + padding-top: 0rem; + padding-bottom: 0rem; + line-height: 2.2rem; +} + +.navbar-light .navbar-nav .nav-link { + color: rgba(0, 0, 0, 1); +} + +.navbar-toggler { + padding: 0; + border: none; +} + +.swiper-container { + width: 100%; + height: 100%; +} + +.swiper-slide { + text-align: center; + background: #fff; + display: -webkit-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; +} + +@keyframes toggleMove { + 0% { + bottom: 2%; + opacity: 0.3; + } +} + +@keyframes toggleMove { + 50% { + bottom: 1%; + opacity: 1; + } +} + +@keyframes toggleMove { + 100% { + bottom: 2%; + opacity: 0.3; + } +} + +.swiper-button-next { + left: calc(50% - 13.5px); + top: unset; + bottom: 10px; + transform: rotate(90deg); + animation: toggleMove 0.8s infinite; + -moz-animation: toggleMove 0.8s infinite; + -webkit-animation: toggleMove 0.8s infinite; + -o-animation: toggleMove 0.8s infinite; +} + +.banner { + width: 100%; + height: 100%; + background-image: url(../images/website/深色banner@2x.png); + background-size: 100% 100%; + background-repeat: no-repeat; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + gap: 2rem; +} + +.bannerone { + width: 15.85rem; + height: 3.56rem; + background-image: url(../images/website/banner标题.png); + background-size: 100% 100%; +} + +.header1 { + position: fixed; + top: 0; + width: 100%; + z-index: 100; + background-color: rgb(255, 255, 255) !important; +} + + +.logo1 { + float: left; + width: 8rem; + height: 2rem; + margin-left: 1rem; + background-image: url(../images/website/极创科技logoV3-02.png); + background-size: 100% 100%; +} + +.logo2 { + float: left; + width: 7%; + height: 32px; + background-image: url(../images/website/极创科技logoV3-02.png); + background-size: 100% 100%; + margin-top: 24px; + margin-left: 2.3%; +} + +.wechatimg1 { + width: 8rem; + height: 8rem; + background-image: url(../images/website/公众号@2x.png); + background-size: 100% 100%; +} + +.wechatimg2 { + width: 8rem; + height: 8rem; + background-image: url(../images/website/小程序@2x.png); + background-size: 100% 100%; +} + +/* swiper首页 */ +@font-face { + font-family: 'YouSheBiaoTiHei'; + src: url("../fonts/优设标题黑.ttf"); +} + +@font-face { + font-family: 'Source Han Sans SC'; + src: url('../fonts/SourceHanSansSC-Bold.otf') format('opentype'); + font-weight: bold; + font-style: normal; +} + +@font-face { + font-family: 'Source Han Sans SC'; + src: url('../fonts/SourceHanSansSC-Regular.otf'); +} + +.menus1 { + float: right; + color: #333333; + font-size: 18px; + line-height: 70px; + margin-right: 5%; +} + +.menus2 { + float: right; + color: #282b4a; + font-size: 18px; + line-height: 70px; + margin-right: 5%; +} + +.menu { + float: left; + padding: .5rem 14px; + margin: 0 10px; + cursor: pointer; + white-space: nowrap; +} + +.menu-active { + color: #2136FF; + border-bottom: 2px solid #2136FF; +} + +.text-content { + width: 12.25rem; + height: 2.19rem; + font-family: Source Han Sans SC; + font-weight: bold; + font-size: 1.45rem; + text-wrap: nowrap; + color: #FFFFFF; + display: flex; + justify-content: space-between; +} + +.text-button { + width: 19.38rem; + height: 3.75rem; + background: linear-gradient(90deg, #4C7FFF, #1329FF); + border-radius: 0.63rem; + position: absolute; + top: 69.19%; + left: 10.56%; + border: none; + color: #ffffff; + cursor: pointer; + font-size: 1rem; +} + + +/* 公司介绍 */ +.section1 { + width: 100%; + height: 100%; + background-image: url(../images/website/公司介绍m.png); + background-size: 100% 100%; + background-repeat: no-repeat; + background-position: center; + display: flex; + flex-direction: column; + align-items: center; +} + +.section2 { + width: 100%; + height: 100%; + background-image: url(../images/website/服务内容BG.png); + ; +} + +.section3 { + width: 100%; + height: 100%; + background-image: url(../images/website/行业案例m.png); + background-size: 100% 100%; + background-repeat: no-repeat; + background-position: center; +} + +.section4 { + width: 100%; + height: 100%; + background-image: url(.././images/website/公司资质BG.png); + background-size: 100% 100%; + display: flex; + flex-direction: column; + align-items: center; +} + +.section5 { + width: 100%; + height: 100%; + background-image: url(../images/website/联系我们m.png); + background-repeat: no-repeat; + background-size: 100% 100%; + position: relative; + display: flex; + flex-direction: column; + align-items: center; + align-items: center; +} + +.top-empty { + width: 100%; + height: 80px; +} + +/* 公司介绍的title */ +.introduce-title { + font-family: Arial; + font-weight: bold; + color: #333333; + margin-top: 2.44rem; + width: 4.78rem; + height: 0.94rem; + font-weight: bold; + font-size: 1.33rem; + color: #333333; +} + +.introduce-title2 { + width: 11.25rem; + height: 2.75rem; + font-family: Source Han Sans SC; + font-weight: bold; + font-size: 1.88rem; + color: #333333; + margin-top: 1.6rem; + text-wrap: nowrap; +} + +.introduce-content { + width: 25.17rem; + height: 12.83rem; + font-family: Source Han Sans SC; + font-size: 1rem; + color: #333333; + line-height: 1.52rem; + margin-top: 3rem; + text-align: left; +} + +.introduce-content span { + color: #2136FF; + +} + +.introduce-content2 { + width: 25.17rem; + height: 5.94rem; + font-family: Source Han Sans SC; + font-size: 1rem; + color: #333333; + line-height: 1.22rem; +} + +.introduce-content2 span { + color: #2136FF; + +} + +.introduce-grid { + margin-top: 1.88rem; + width: 100%; + /* 调整宽度以适应父容器 */ + display: grid; + grid-template-columns: repeat(3, 1fr); + /* 三列布局 */ + gap: 1.82%; + /* 列间距 */ + justify-items: center; + /* 每个项目的水平居中 */ +} + +.introduce-grid2 { + margin-top: 1.06rem; + width: 46.562%; + height: 6.3%; + display: flex; + gap: 1.82%; +} + +.introduce-grid-item { + width: 7.94rem; + height: 3.83rem; + background-image: url(../images/website/产品BG.png); + background-size: 100% 100%; + background-repeat: no-repeat; +} + +.itemword { + font-family: Source Han Sans SC; + font-weight: bold; + font-size: 16px; + color: #FFFFFF; + line-height: 30px; + margin-top: 10px; + margin-left: -10px; +} + +.introduce-content3 { + width: 25.11rem; + height: 5.94rem; + font-family: Source Han Sans SC; + font-weight: 400; + font-size: 1.06rem; + color: #333333; + line-height: 1.22rem; + margin-top: 2rem; +} + +.introduce-content3 span { + color: #2136FF; +} + +.introduce-content4 { + width: 100%; + height: auto; + display: flex; + align-items: center; + justify-content: space-between; + margin-top: 0.3rem; +} + +.introduce-content4img { + width: 5.33rem; + height: 4.74rem; + background-image: url(../images/website/橄榄叶左m.png); + background-size: 100% 100%; + background-repeat: no-repeat; + margin-left: 1rem; +} + +.introduce-contentword { + width: auto; + height: auto; + display: flex; + align-items: center; + position: absolute; + left: 10%; + bottom: 7.5%; +} + +.wordone { + width: 15.44rem; + height: 1.81rem; + font-family: Source Han Sans SC; + font-weight: bold; + font-size: 1.2rem; + color: #333333; + line-height: 1.88rem; + word-wrap: nowrap; +} + +.wordtwo { + width: auto; + height: auto; + font-family: Arial; + font-weight: bold; + font-size: 2.38rem; + color: #2136FF; +} + +.introduce-content4img2 { + width: 5.33rem; + height: 4.74rem; + background-image: url(../images/website/橄榄叶右m.png); + background-size: 100% 100%; + background-repeat: no-repeat; + margin-right: 1rem; +} + +.wordthree { + width: 3.75rem; + height: 1.81rem; + font-family: Source Han Sans SC; + font-weight: bold; + font-size: 1.2rem; + color: #333333; + text-wrap: nowrap; +} + +/* 公司资质 */ +.section-title { + width: 100%; + background-size: 510px 47px; + margin: 30px auto; + background-repeat: no-repeat; + background-position: center; +} + +.aptitude-title { + width: 11.63rem; + height: 1.13rem; + font-family: Arial; + font-weight: bold; + font-size: 1.5rem; + color: #FFFFFF; + margin-top: 4.06rem; +} + +.aptitude-title2 { + height: 45px; + font-family: Source Han Sans SC; + font-weight: bold; + font-size: 2.1rem; + color: #FFFFFF; + margin-top: 1.75rem; +} + +.aptitude-content { + font-family: Source Han Sans SC; + /* font-weight: bold; */ + color: #FFFFFF; + width: 25.44rem; + height: 17.06rem; + font-family: Source Han Sans SC; + font-size: 1.13rem; + line-height: 1.88rem; + margin-top: 1.81rem; +} + +.aptitude-content span { + color: #FFF000; +} + +.aptitude-image { + width: 26.72rem; + height: 15.67rem; + margin-top: 2rem; +} + +.aptitude-image img { + width: 100%; + height: 100%; +} + +/* 服务内容 */ +.sectionfirst-title { + width: 7.25rem; + height: 1.06rem; + font-family: Arial; + font-weight: bold; + font-size: 1.5rem; + color: #333333; + margin-top: 6.5rem; +} + +.sectionsecond-title { + width: 11.38rem; + height: 2.75rem; + font-family: Source Han Sans SC; + font-weight: bold; + font-size: 2.56rem; + color: #333333; + margin-top: 1.75rem; + text-wrap: nowrap; +} + +.section-contentsgird { + width: auto; + height: auto; + margin-top: 4.81rem; + display: grid; + grid-template-columns: repeat(2, 13rem); + /* 4列,每列19rem */ + grid-template-rows: repeat(4, 6rem); + /* 2行,每行21rem */ +} + +.section-contentsgird .grid-item:first-child { + background-image: url(../images/website/人工智能m.png); +} + +.section-contentsgird .grid-item.grid-item:nth-child(2) { + background-image: url(../images/website/数据建库m.png); +} + +.section-contentsgird .grid-item.grid-item:nth-child(3) { + background-image: url(../images/website/软件研发m.png); +} + +.section-contentsgird .grid-item.grid-item:nth-child(4) { + background-image: url(../images/website/方案咨询m.png); +} + +.section-contentsgird .grid-item.grid-item:nth-child(5) { + background-image: url(../images/website/大数据分析m.png); +} + +.section-contentsgird .grid-item.grid-item:nth-child(6) { + background-image: url(../images/website/地图服务m.png); +} + +.section-contentsgird .grid-item.grid-item:nth-child(7) { + background-image: url(../images/website/物联网感知m.png); +} + +.section-contentsgird .grid-item.grid-item:nth-child(8) { + background-image: url(../images/website/BIM应用m.png); +} + +.grid-item { + width: 12rem; + height: 5rem; + background-size: 100% 100%; + background-repeat: no-repeat; + display: flex; + align-items: center; + font-family: Source Han Sans SC; + font-weight: bold; + font-size: 1.26rem; + color: #E1EDFB; + padding: 1.5rem; +} + +.girdtitle { + width: 5.94rem; + height: 1.5rem; + font-family: Source Han Sans SC; + font-weight: bold; + font-size: 1.5rem; + color: #E1EDFB; + margin-top: 2.61rem; + margin-left: 2.69rem; + text-wrap: nowrap; +} + +.girdcontent { + width: 13.94rem; + height: 5.5rem; + font-family: Source Han Sans SC; + font-weight: 400; + font-size: 1rem; + color: #666666; + line-height: 1.5rem; + margin-top: 4.31rem; + margin-left: 2.15rem; + text-align: left; +} + +.section-content { + width: 210px; + height: 210px; +} + +.section-center1 { + width: 100%; + height: 100%; + display: flex; + flex-direction: column; + align-items: center; +} + +.section-center2 { + display: grid; + width: 100%; + height: 100%; + grid-template-rows: 20% 70%; +} + +.swiper-container2 { + width: 1200px; + height: 452px; + margin: 0 auto; + display: flex; + justify-content: space-evenly; + position: relative; + overflow: hidden; +} + +.swiper-button-next2 { + position: absolute; + top: calc(50% - 25px); + right: 212.5px; + width: 50px; + height: 50px; + z-index: 10; + cursor: pointer; +} + +.swiper-button-prev2 { + position: absolute; + top: calc(50% - 25px); + left: 212.5px; + width: 50px; + height: 50px; + z-index: 10; + cursor: pointer; +} + +.slide-other { + float: left; + width: 230px; + height: 420px; + background-color: #f5f6fa; + margin-top: 32px; + text-align: left; +} + +.slide-other-number { + font-family: DIN-CONDENSED-BOLD; + color: rgba(0, 0, 0, 0.1); + font-size: 84px; + margin-left: 36px; + margin-top: 64px; + line-height: 61px; +} + +.slide-other-title { + /* font-family: Alibaba PuHuiTi Regular; */ + color: #282b45; + font-size: 28px; + margin-left: 36px; + margin-top: 39px; + width: 120px; +} + +.slide-other-icon { + width: 28px; + height: 6px; + margin-left: 39px; + margin-top: 21px; +} + +.slide-other-text { + /* font-family: Alibaba PuHuiTi Regular; */ + color: #6b6f8c; + font-size: 15px; + line-height: 23px; + margin-left: 36px; + margin-top: 21px; + width: 160px; +} + +.slide-center { + float: left; + width: 725px; + height: 420px; + margin: 0 7.5px; + margin-top: 32px; + position: relative; +} + +.slide-center-imge { + position: absolute; + width: 305px; + height: 420px; + background-size: 100% 100%; + top: -32px; + left: 48px; +} + +.slide-center-right { + margin-left: 394px; + height: 420px; + text-align: left; + float: left; +} + +.slide-center-number { + font-family: DIN-CONDENSED-BOLD; + color: rgba(247, 248, 252, 0.3); + font-size: 84px; + margin-top: 64px; + line-height: 61px; +} + +.slide-center-icon { + width: 28px; + height: 6px; + margin-top: 21px; + margin-left: 3px; +} + +.slide-center-title { + color: #f7f8fc; + font-size: 28px; + position: absolute; + top: 78px; +} + +.slide-center-text { + color: #f7f8fc; + font-size: 15px; + line-height: 23px; + margin-top: 32px; + width: 267px; +} + +.slide-center-text7 { + margin-top: 15px; +} + +.section-center2-content { + display: flex; + justify-content: center; + align-items: center; +} + +.section-center3 { + width: 100%; + height: 100%; +} + +.section-center-city { + background-image: url(../images/website/公司介绍BG.png); + background-size: 100% 100%; + background-repeat: no-repeat; + background-position: bottom center; +} + +.section-content3 { + width: 938px; + margin: 0 auto; + display: flex; +} + +.section-content3-left { + float: left; + width: 129px; + margin-top: 8px; + margin-right: 44px; + height: 160px; +} + +.section-content3-icon { + width: 129px; + height: 39px; + background-size: 100% 100%; +} + + +.section-content3-right { + float: left; + color: rgba(255, 255, 255, 1); + font-size: 15px; + line-height: 30px; + width: 765px; + text-align: left; +} + +.section-content2-right { + float: left; + color: #282b4a; + font-size: 16px; + line-height: 40px; + width: 765px; + text-align: left; +} + +.section-line3 { + width: 100%; +} + +.section-line31 { + width: 100%; + height: 1px; + background-color: #091d67; +} + +.section-line32 { + width: 100%; + height: 1px; + background-color: #5d81ff; +} + + +.footer { + width: 100%; + height: 2rem; + background: #000728; + display: flex; + align-items: center; + justify-content: center; + position: absolute; + bottom: 0; +} + +.footerone { + width: 100%; + height: 1.8rem; + font-family: Source Han Sans SC; + font-weight: 400; + font-size: 0.58rem; + color: #FFFFFF; + text-wrap: nowrap; +} + +.footer a { + color: #FFFFFF; +} + + +.section-centent4-topone { + width: 10.19rem; + height: 1.06rem; + font-family: Arial; + font-weight: bold; + font-size: 1.5rem; + color: #FFFFFF; + margin-top: 4.53rem; + display: flex; + justify-content: space-between; +} + +.section-centent4-title { + width: 11.25rem; + height: 2.81rem; + font-family: Source Han Sans SC; + font-weight: bold; + font-size: 2.28rem; + color: #FFFFFF; + text-wrap: nowrap; + margin-top: 1.7rem; +} + +.section-content4-text { + width: 16.75rem; + float: left; + color: #ffffff; + font-size: 16px; + margin-top: 1.06rem; + display: flex; + justify-content: flex-start; + align-items: center; +} + +.sevtionword { + width: 6.69rem; + height: 1.13rem; + font-family: Source Han Sans SC; + font-weight: bold; + font-size: 1.13rem; + color: #FFFFFF; + text-wrap: nowrap; + margin-top: 1.8rem; +} + +.section-content4-image-texttop { + width: 29.75rem; +} + +.section-content4-image-text { + margin-top: 1.66rem; + color: #ffffff; + font-size: 1.13rem; + width: 8rem; + text-align: center; +} + +.section-content4-text a { + font-size: 1.13rem; + color: #ffffff; + text-decoration: none; + border-bottom: 1px solid #ccc; + display: inline-block; + padding-bottom: 2px; +} + +.section-content4-icon { + float: left; + width: 24px; + height: 24px; + background-size: 100% 100%; + margin-right: 19px; +} + +.section-content4-icon1 { + width: 1rem; + height: 1rem; + margin-right: 0.5rem; + background-image: url(../images/website/定位.png); +} + +.section-content4-icon2 { + width: 1rem; + height: 1rem; + margin-right: .5rem; + background-image: url(../images/website/电话.png); +} + + +.section-centent4-contentleft { + width: auto; + height: auto; + display: flex; + flex-direction: column; +} + +.section-centent4-contentright { + width: 39rem; + height: 20rem; + display: flex; + flex-direction: column; + align-items: center; +} + +.section-centent4-image { + width: 22.75rem; + height: 13.75rem; + background-image: url(../images/website/地图.png); + box-shadow: 0rem 0rem 0rem 0rem rgba(0, 0, 0, 0.45); + border-radius: 0.63rem; + background-size: 100% 100%; + background-repeat: no-repeat; + margin-top: 3.5rem; +} + +.section-content4-line2 { + margin-top: 2.2rem; +} + +.section-content4-line2-div img { + width: 8rem; + height: 10rem; +} + +.kongbai { + width: 65rem; + height: auto; +} \ No newline at end of file diff --git a/jc-website/css/swiper-bundle.min.css b/jc-website/css/swiper-bundle.min.css new file mode 100644 index 0000000..c520c9d --- /dev/null +++ b/jc-website/css/swiper-bundle.min.css @@ -0,0 +1,13 @@ +/** + * Swiper 11.2.4 + * Most modern mobile touch slider and framework with hardware accelerated transitions + * https://swiperjs.com + * + * Copyright 2014-2025 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: February 14, 2025 + */ + +@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} \ No newline at end of file diff --git a/jc-website/css/website.css b/jc-website/css/website.css new file mode 100644 index 0000000..9bde35f --- /dev/null +++ b/jc-website/css/website.css @@ -0,0 +1,1076 @@ +html, +body { + position: relative; + height: 100%; + user-select: none; + overflow-y: hidden; +} + + +@media (max-width: 575.98px) { + html { + font-size: 14px; + } + + .navbar-brand { + font-size: 14px; + } + + .nav-link { + font-size: 14px; + } +} + +@media (min-width: 576px) and (max-width: 767.98px) { + html { + font-size: 15px; + } + + .navbar-brand { + font-size: 16px; + } + + .nav-link { + font-size: 15px; + } +} + +@media (min-width: 768px) and (max-width: 991.98px) { + html { + font-size: 16px; + } + + .navbar-brand { + font-size: 18px; + } + + .nav-link { + font-size: 16px; + } +} + +@media (min-width: 992px) and (max-width: 1199.98px) { + html { + font-size: 16px; + } + + .navbar-brand { + font-size: 20px; + } + + .nav-link { + font-size: 17px; + } +} + +@media (min-width: 1200px) { + html { + font-size: 16px; + } + + .navbar-brand { + font-size: 22px; + } + + .nav-link { + font-size: 18px; + } +} + + +:focus { + outline: none; +} + +body { + background: #eee; + font-family: -apple-sysftem, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif; + color: #000; + margin: 0; + padding: 0; +} + +.navbar { + padding-top: 0rem; + padding-bottom: 0rem; + line-height: 2.2rem; +} + +.navbar-light .navbar-nav .nav-link { + color: rgba(0, 0, 0, 1); +} + +.navbar-toggler { + padding: 0; + border: none; +} + +.swiper-container { + width: 100%; + height: 100%; +} + +.swiper-slide { + text-align: center; + background: #fff; + display: -webkit-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; +} + +@keyframes toggleMove { + 0% { + bottom: 2%; + opacity: 0.3; + } +} + +@keyframes toggleMove { + 50% { + bottom: 1%; + opacity: 1; + } +} + +@keyframes toggleMove { + 100% { + bottom: 2%; + opacity: 0.3; + } +} + +.swiper-button-next { + left: calc(50% - 13.5px); + top: unset; + bottom: 10px; + transform: rotate(90deg); + animation: toggleMove 0.8s infinite; + -moz-animation: toggleMove 0.8s infinite; + -webkit-animation: toggleMove 0.8s infinite; + -o-animation: toggleMove 0.8s infinite; +} + +.banner { + width: 100%; + height: 100%; + background-image: url(../images/website/banner1.png); + background-size: 100% 100%; + background-repeat: no-repeat; + display: flex; + flex-direction: column; + +} + +.bannerone { + width: 36.85rem; + height: 7.06rem; + position: absolute; + top: 37.4%; + left: 10.96%; + background-image: url(../images/website/banner标题.png); + background-size: 100% 100%; +} + +.header1 { + position: fixed; + top: 0; + width: 100%; + z-index: 100; + background-color: rgb(255, 255, 255) !important; +} + + +.logo1 { + float: left; + width: 8rem; + height: 2rem; + margin-left: 1rem; + background-image: url(../images/website/极创科技logoV3-02.png); + background-size: 100% 100%; +} + +.logo2 { + float: left; + width: 7%; + height: 32px; + background-image: url(../images/website/极创科技logoV3-02.png); + background-size: 100% 100%; + margin-top: 24px; + margin-left: 2.3%; +} + +.wechatimg1 { + width: 8rem; + height: 8rem; + background-image: url(../images/website/公众号@2x.png); + background-size: 100% 100%; +} + +.wechatimg2 { + width: 8rem; + height: 8rem; + background-image: url(../images/website/小程序@2x.png); + background-size: 100% 100%; +} + +/* swiper首页 */ +@font-face { + font-family: 'YouSheBiaoTiHei'; + src: url("../fonts/优设标题黑.ttf"); +} + +@font-face { + font-family: 'Source Han Sans SC'; + src: url('../fonts/SourceHanSansSC-Bold.otf') format('opentype'); + font-weight: bold; + font-style: normal; +} + +@font-face { + font-family: 'Source Han Sans SC'; + src: url('../fonts/SourceHanSansSC-Regular.otf'); +} + +.menus1 { + float: right; + color: #333333; + font-size: 18px; + line-height: 70px; + margin-right: 5%; +} + +.menus2 { + float: right; + color: #282b4a; + font-size: 18px; + line-height: 70px; + margin-right: 5%; +} + +.menu { + float: left; + padding: .5rem 14px; + margin: 0 10px; + cursor: pointer; + white-space: nowrap; +} + +.menu-active { + color: #2136FF; + border-bottom: 2px solid #2136FF; +} + +.text-content { + position: absolute; + top: 54.7%; + left: 10.96%; + height: auto; + font-family: 'Source Han Sans SC', sans-serif; + font-weight: bold; + font-style: italic; + font-size: 3.78rem; + text-wrap: nowrap; + color: #333333; + display: flex; + justify-content: space-between; + width: 33.31rem; + font-weight: bold; + font-size: 3.78rem; + color: #FFFFFF; +} + +.text-button { + width: 19.38rem; + height: 3.75rem; + background: linear-gradient(90deg, #4C7FFF, #1329FF); + border-radius: 0.63rem; + position: absolute; + top: 69.19%; + left: 10.56%; + border: none; + color: #ffffff; + cursor: pointer; + font-size: 1rem; +} + + +/* 公司介绍 */ +.section1 { + width: 100%; + height: 100%; + background-image: url(../images/website/公司介绍BG.png); + background-size: 100% 100%; + background-repeat: no-repeat; + background-position: center; + display: flex; + flex-direction: column; + align-items: center; +} + +.section2 { + width: 100%; + height: 100%; + background-image: url(../images/website/服务内容BG.png); + ; +} + +.section3 { + width: 100%; + height: 100%; + background-image: url(../images/website/行业案例.png); + background-size: 100% 100%; + background-repeat: no-repeat; + background-position: center; +} + +.section4 { + width: 100%; + height: 100%; + background-image: url(.././images/website/公司资质BG.png); + background-size: 100% 100%; + display: flex; + flex-direction: column; + align-items: center; +} + +.section5 { + width: 100%; + height: 100%; + background-image: url(../images/website/联系我们BG.png); + background-repeat: no-repeat; + background-size: 100% 100%; + position: relative; + display: flex; + flex-direction: column; + align-items: center; +} + +.top-empty { + width: 100%; + height: 80px; +} + +/* 公司介绍的title */ +.introduce-title { + width: 5.38rem; + height: 1.06rem; + font-family: Arial; + font-weight: bold; + font-size: 1.5rem; + color: #333333; + margin-top: 8rem; +} + +.introduce-title2 { + width: 11.25rem; + height: 2.75rem; + font-family: Source Han Sans SC; + font-weight: bold; + font-size: 2.88rem; + color: #333333; + margin-top: 1.81rem; + text-wrap: nowrap; +} + +.introduce-content { + width: 75.38rem; + height: 4.88rem; + font-family: Source Han Sans SC; + /* font-weight: bold; */ + font-size: 1.13rem; + text-align: left; + margin-top: 2.88rem; + line-height: 1.88rem; +} + +.introduce-content span { + color: #2136FF; + +} + +.introduce-content2 { + width: 72.44rem; + height: 1.19rem; + font-family: Source Han Sans SC; + /* font-weight: bold; */ + font-size: 1.13rem; + margin-top: 4rem; + line-height: 1.88rem; + text-wrap: nowrap; + color: #666666; +} + +.introduce-content2 span { + color: #2136FF; + +} + +.introduce-grid { + margin-top: 2.88rem; + width: 46.562%; + height: 6.3%; + display: flex; + gap: 1.82%; +} + +.introduce-grid2 { + margin-top: 1.06rem; + width: 46.562%; + height: 6.3%; + display: flex; + gap: 1.82%; +} + +.introduce-grid-item { + width: 197px; + height: 69px; + background-image: url(../images/website/产品BG.png); + background-size: 100% 100%; + background-repeat: no-repeat; +} + +.itemword { + font-family: Source Han Sans SC; + font-weight: bold; + font-size: 16px; + color: #FFFFFF; + line-height: 30px; + margin-top: 10px; + margin-left: -10px; +} + +.introduce-content3 { + margin-top: 2rem; + font-family: Source Han Sans SC; + font-weight: 400; + font-size: 15px; + color: #666666; + line-height: 30px; +} + +.introduce-content3 span { + color: #2136FF; +} + +.introduce-content4 { + width: 52rem; + height: auto; + display: flex; + align-items: center; + justify-content: center; + margin-top: 3.2rem; +} + +.introduce-content4img { + width: 3.13rem; + height: 8rem; + background-image: url(../images/website/图片2.png); + background-size: 100% 100%; + background-repeat: no-repeat; +} + +.introduce-contentword { + width: auto; + height: auto; + display: flex; + align-items: center; +} + +.wordone { + width: 20.44rem; + height: 1.81rem; + font-family: Source Han Sans SC; + font-weight: bold; + font-size: 1.7rem; + color: #333333; + line-height: 1.88rem; + word-wrap: nowrap; +} + +.wordtwo { + width: 4.5rem; + height: 3.19rem; + font-family: Arial; + font-weight: bold; + font-size: 4.38rem; + color: #2136FF; + line-height: 4.38rem; + margin-left: 2rem; + margin-top: -1rem; +} + +.introduce-content4img2 { + width: 3.13rem; + height: 8rem; + background-image: url(../images/website/图片2\ 拷贝.png); + background-size: 100% 100%; + background-repeat: no-repeat; +} + +.wordthree { + width: 3.75rem; + height: 1.81rem; + font-family: Source Han Sans SC; + font-weight: bold; + font-size: 1.88rem; + color: #333333; + line-height: 1.88rem; + text-wrap: nowrap; + margin-left: 1.7rem; +} + +/* 公司资质 */ +.section-title { + width: 100%; + background-size: 510px 47px; + margin: 30px auto; + background-repeat: no-repeat; + background-position: center; +} + +.aptitude-title { + width: 11.63rem; + height: 1.13rem; + font-family: Arial; + font-weight: bold; + font-size: 1.5rem; + color: #FFFFFF; + margin-top: 4.06rem; +} + +.aptitude-title2 { + height: 45px; + font-family: Source Han Sans SC; + font-weight: bold; + font-size: 28px; + color: #FFFFFF; + margin-top: 1.75rem; +} + +.aptitude-content { + font-family: Source Han Sans SC; + /* font-weight: bold; */ + color: #FFFFFF; + width: 75.44rem; + height: 4.88rem; + font-family: Source Han Sans SC; + font-size: 1.13rem; + line-height: 1.88rem; + margin-top: 1.81rem; +} + +.aptitude-content span { + color: #FFF000; +} + +.aptitude-image { + width: 85.38rem; + height: 40.44rem; + margin-top: 2rem; +} + +.aptitude-image img { + width: 100%; + height: 100%; +} + +/* 服务内容 */ +.sectionfirst-title { + width: 7.25rem; + height: 1.06rem; + font-family: Arial; + font-weight: bold; + font-size: 1.5rem; + color: #333333; + margin-top: 6.5rem; +} + +.sectionsecond-title { + width: 11.38rem; + height: 2.75rem; + font-family: Source Han Sans SC; + font-weight: bold; + font-size: 2.56rem; + color: #333333; + margin-top: 1.75rem; + text-wrap: nowrap; +} + +.section-contentsgird { + width: auto; + height: auto; + margin-top: 1.81rem; + display: grid; + grid-template-columns: repeat(4, 18rem); + /* 4列,每列19rem */ + grid-template-rows: repeat(2, 20rem); + /* 2行,每行21rem */ +} + +.section-contentsgird .grid-item:first-child { + background-image: url(../images/website/智慧教育BG@2x.png); +} + +.section-contentsgird .grid-item.grid-item:nth-child(2) { + background-image: url(../images/website/数据建库BG@2x.png); +} + +.section-contentsgird .grid-item.grid-item:nth-child(3) { + background-image: url(../images/website/软件研发BG@2x.png); +} + +.section-contentsgird .grid-item.grid-item:nth-child(4) { + background-image: url(../images/website/方案咨询BG@2x.png); +} + +.section-contentsgird .grid-item.grid-item:nth-child(5) { + background-image: url(../images/website/大数据分析BG@2x.png); +} + +.section-contentsgird .grid-item.grid-item:nth-child(6) { + background-image: url(../images/website/地图服务BG@2x.png); +} + +.section-contentsgird .grid-item.grid-item:nth-child(7) { + background-image: url(../images/website/物联感知BG@2x.png); +} + +.section-contentsgird .grid-item.grid-item:nth-child(8) { + background-image: url(../images/website/BIM应用BG@2x.png); +} + +.grid-item { + width: 18rem; + height: 20rem; + background-size: 100% 100%; + background-repeat: no-repeat; +} + +.girdtitle { + width: 5.94rem; + height: 1.5rem; + font-family: Source Han Sans SC; + font-weight: bold; + font-size: 1.5rem; + color: #E1EDFB; + margin-top: 2.61rem; + margin-left: 2.69rem; + text-wrap: nowrap; +} + +.girdcontent { + width: 13.94rem; + height: 5.5rem; + font-family: Source Han Sans SC; + font-weight: 400; + font-size: 1rem; + color: #666666; + line-height: 1.5rem; + margin-top: 4.31rem; + margin-left: 2.15rem; + text-align: left; +} + +.section-content { + width: 210px; + height: 210px; +} + +.section-center1 { + width: 100%; + height: 100%; + display: flex; + flex-direction: column; + align-items: center; +} + +.section-center2 { + display: grid; + width: 100%; + height: 100%; + grid-template-rows: 20% 70%; +} + +.swiper-container2 { + width: 1200px; + height: 452px; + margin: 0 auto; + display: flex; + justify-content: space-evenly; + position: relative; + overflow: hidden; +} + +.swiper-button-next2 { + position: absolute; + top: calc(50% - 25px); + right: 212.5px; + width: 50px; + height: 50px; + z-index: 10; + cursor: pointer; +} + +.swiper-button-prev2 { + position: absolute; + top: calc(50% - 25px); + left: 212.5px; + width: 50px; + height: 50px; + z-index: 10; + cursor: pointer; +} + +.slide-other { + float: left; + width: 230px; + height: 420px; + background-color: #f5f6fa; + margin-top: 32px; + text-align: left; +} + +.slide-other-number { + font-family: DIN-CONDENSED-BOLD; + color: rgba(0, 0, 0, 0.1); + font-size: 84px; + margin-left: 36px; + margin-top: 64px; + line-height: 61px; +} + +.slide-other-title { + /* font-family: Alibaba PuHuiTi Regular; */ + color: #282b45; + font-size: 28px; + margin-left: 36px; + margin-top: 39px; + width: 120px; +} + +.slide-other-icon { + width: 28px; + height: 6px; + margin-left: 39px; + margin-top: 21px; +} + +.slide-other-text { + /* font-family: Alibaba PuHuiTi Regular; */ + color: #6b6f8c; + font-size: 15px; + line-height: 23px; + margin-left: 36px; + margin-top: 21px; + width: 160px; +} + +.slide-center { + float: left; + width: 725px; + height: 420px; + margin: 0 7.5px; + margin-top: 32px; + position: relative; +} + +.slide-center-imge { + position: absolute; + width: 305px; + height: 420px; + background-size: 100% 100%; + top: -32px; + left: 48px; +} + +.slide-center-right { + margin-left: 394px; + height: 420px; + text-align: left; + float: left; +} + +.slide-center-number { + font-family: DIN-CONDENSED-BOLD; + color: rgba(247, 248, 252, 0.3); + font-size: 84px; + margin-top: 64px; + line-height: 61px; +} + +.slide-center-icon { + width: 28px; + height: 6px; + margin-top: 21px; + margin-left: 3px; +} + +.slide-center-title { + color: #f7f8fc; + font-size: 28px; + position: absolute; + top: 78px; +} + +.slide-center-text { + color: #f7f8fc; + font-size: 15px; + line-height: 23px; + margin-top: 32px; + width: 267px; +} + +.slide-center-text7 { + margin-top: 15px; +} + +.section-center2-content { + display: flex; + justify-content: center; + align-items: center; +} + +.section-center3 { + width: 100%; + height: 100%; +} + +.section-center-city { + background-image: url(../images/website/公司介绍BG.png); + background-size: 100% 100%; + background-repeat: no-repeat; + background-position: bottom center; +} + +.section-content3 { + width: 938px; + margin: 0 auto; + display: flex; +} + +.section-content3-left { + float: left; + width: 129px; + margin-top: 8px; + margin-right: 44px; + height: 160px; +} + +.section-content3-icon { + width: 129px; + height: 39px; + background-size: 100% 100%; +} + + +.section-content3-right { + float: left; + color: rgba(255, 255, 255, 1); + font-size: 15px; + line-height: 30px; + width: 765px; + text-align: left; +} + +.section-content2-right { + float: left; + color: #282b4a; + font-size: 16px; + line-height: 40px; + width: 765px; + text-align: left; +} + +.section-line3 { + width: 100%; +} + +.section-line31 { + width: 100%; + height: 1px; + background-color: #091d67; +} + +.section-line32 { + width: 100%; + height: 1px; + background-color: #5d81ff; +} + +.section-content3-image { + width: 765px; + height: 300px; + background-size: 100% 100%; + background-image: url(images/new/modular3_qualifications.png); + margin-top: 20px; +} + +.footer { + width: 100%; + height: 4rem; + background: #000728; + display: flex; + align-items: center; + justify-content: center; +} + +.footerone { + width: 29.5rem; + height: 1rem; + font-family: Source Han Sans SC; + font-weight: 400; + font-size: 0.88rem; + color: #FFFFFF; + text-wrap: nowrap; +} + +.footer a { + color: #FFFFFF; +} + + +.section-centent4-topone { + width: 10.19rem; + height: 1.06rem; + font-family: Arial; + font-weight: bold; + font-size: 1.5rem; + color: #FFFFFF; + margin-top: 7.53rem; + display: flex; + justify-content: space-between; +} + +.section-centent4-title { + width: 11.25rem; + height: 2.81rem; + font-family: Source Han Sans SC; + font-weight: bold; + font-size: 2.28rem; + color: #FFFFFF; + text-wrap: nowrap; + margin-top: 1.7rem; +} + +.section-content4-text { + width: 16.75rem; + float: left; + color: #ffffff; + font-size: 16px; + margin-top: 1.06rem; + margin-left: 5.31rem; + display: flex; + justify-content: center; + align-items: center; +} + +.sevtionword { + width: 6.69rem; + height: 1.13rem; + font-family: Source Han Sans SC; + font-weight: bold; + font-size: 1.13rem; + color: #FFFFFF; + text-wrap: nowrap; + margin-top: 6.8rem; +} + +.section-content4-image-texttop { + width: 29.75rem; +} + +.section-content4-image-text { + margin-top: 1.66rem; + color: #ffffff; + font-size: 1.13rem; + width: 8rem; + text-align: center; +} + +.section-content4-text a { + margin-top: 0.3rem; + font-size: 1.13rem; + color: #ffffff; + text-decoration: none; + border-bottom: 1px solid #ccc; + display: inline-block; + padding-bottom: 2px; +} + +.section-content4-icon { + float: left; + width: 24px; + height: 24px; + background-size: 100% 100%; + margin-right: 19px; +} + +.section-content4-icon1 { + width: 1rem; + height: 1rem; + margin-right: 0.5rem; + background-image: url(../images/website/定位.png); +} + +.section-content4-icon2 { + width: 1rem; + height: 1rem; + margin-right: .5rem; + background-image: url(../images/website/电话.png); +} + +.section-centent4-content { + width: 58rem; + height: 24rem; + margin-top: 7.56rem; + display: flex; +} + +.section-centent4-contentleft { + width: auto; + height: auto; + display: flex; + flex-direction: column; +} + +.section-centent4-contentright { + width: 39rem; + height: 20rem; + display: flex; + flex-direction: column; + align-items: center; + margin-left: 6.3rem; +} + +.section-centent4-image { + width: 29.75rem; + height: 18.75rem; + background-image: url(../images/website/地图.png); + box-shadow: 0rem 0rem 0rem 0rem rgba(0, 0, 0, 0.45); + border-radius: 0.63rem; + background-size: 100% 100%; + background-repeat: no-repeat; +} + +.section-content4-line2 { + margin-top: 2.2rem; +} + +.section-content4-line2-div img { + width: 8rem; + height: 10rem; +} + +.kongbai { + width: 65rem; + height: auto; +} \ No newline at end of file diff --git a/jc-website/fonts/SourceHanSansSC-Bold.otf b/jc-website/fonts/SourceHanSansSC-Bold.otf new file mode 100644 index 0000000..a7550fd Binary files /dev/null and b/jc-website/fonts/SourceHanSansSC-Bold.otf differ diff --git a/jc-website/fonts/SourceHanSansSC-ExtraLight.otf b/jc-website/fonts/SourceHanSansSC-ExtraLight.otf new file mode 100644 index 0000000..81059c2 Binary files /dev/null and b/jc-website/fonts/SourceHanSansSC-ExtraLight.otf differ diff --git a/jc-website/fonts/SourceHanSansSC-Heavy.otf b/jc-website/fonts/SourceHanSansSC-Heavy.otf new file mode 100644 index 0000000..d68c4d9 Binary files /dev/null and b/jc-website/fonts/SourceHanSansSC-Heavy.otf differ diff --git a/jc-website/fonts/SourceHanSansSC-Light.otf b/jc-website/fonts/SourceHanSansSC-Light.otf new file mode 100644 index 0000000..7f7d9ad Binary files /dev/null and b/jc-website/fonts/SourceHanSansSC-Light.otf differ diff --git a/jc-website/fonts/SourceHanSansSC-Medium.otf b/jc-website/fonts/SourceHanSansSC-Medium.otf new file mode 100644 index 0000000..ea49170 Binary files /dev/null and b/jc-website/fonts/SourceHanSansSC-Medium.otf differ diff --git a/jc-website/fonts/SourceHanSansSC-Normal.otf b/jc-website/fonts/SourceHanSansSC-Normal.otf new file mode 100644 index 0000000..bf3ed5c Binary files /dev/null and b/jc-website/fonts/SourceHanSansSC-Normal.otf differ diff --git a/jc-website/fonts/SourceHanSansSC-Regular.otf b/jc-website/fonts/SourceHanSansSC-Regular.otf new file mode 100644 index 0000000..2355cee Binary files /dev/null and b/jc-website/fonts/SourceHanSansSC-Regular.otf differ diff --git a/jc-website/fonts/优设标题黑.ttf b/jc-website/fonts/优设标题黑.ttf new file mode 100644 index 0000000..3729151 Binary files /dev/null and b/jc-website/fonts/优设标题黑.ttf differ diff --git a/jc-website/html/companyweb.html b/jc-website/html/companyweb.html new file mode 100644 index 0000000..aaf34a9 --- /dev/null +++ b/jc-website/html/companyweb.html @@ -0,0 +1,318 @@ + + + +
+1&&m.push(e.virtualSize-r)}if(o&&s.loop){const t=g[0]+x;if(s.slidesPerGroup>1){const a=Math.ceil((e.virtual.slidesBefore+e.virtual.slidesAfter)/s.slidesPerGroup),i=t*s.slidesPerGroup;for(let e=0;e!(s.cssMode&&!s.loop)||t!==c.length-1)).forEach((e=>{e.style[t]=`${x}px`}))}if(s.centeredSlides&&s.centeredSlidesBounds){let e=0;g.forEach((t=>{e+=t+(x||0)})),e-=x;const t=e>r?e-r:0;m=m.map((e=>e<=0?-v:e>t?t+w:e))}if(s.centerInsufficientSlides){let e=0;g.forEach((t=>{e+=t+(x||0)})),e-=x;const t=(s.slidesOffsetBefore||0)+(s.slidesOffsetAfter||0);if(e+t 0?(r._cssModeVirtualInitialSet=!0,requestAnimationFrame((()=>{h[e?"scrollLeft":"scrollTop"]=s}))):h[e?"scrollLeft":"scrollTop"]=s,y&&requestAnimationFrame((()=>{r.wrapperEl.style.scrollSnapType="",r._immediateVirtual=!1}));else{if(!r.support.smoothScroll)return m({swiper:r,targetPosition:s,side:e?"left":"top"}),!0;h.scrollTo({[e?"left":"top"]:s,behavior:"smooth"})}return!0}const E=A().isSafari;return y&&!i&&E&&r.isElement&&r.virtual.update(!1,!1,n),r.setTransition(t),r.setTranslate(w),r.updateActiveIndex(n),r.updateSlidesClasses(),r.emit("beforeTransitionStart",t,a),r.transitionStart(s,b),0===t?r.transitionEnd(s,b):r.animating||(r.animating=!0,r.onSlideToWrapperTransitionEnd||(r.onSlideToWrapperTransitionEnd=function(e){r&&!r.destroyed&&e.target===this&&(r.wrapperEl.removeEventListener("transitionend",r.onSlideToWrapperTransitionEnd),r.onSlideToWrapperTransitionEnd=null,delete r.onSlideToWrapperTransitionEnd,r.transitionEnd(s,b))}),r.wrapperEl.addEventListener("transitionend",r.onSlideToWrapperTransitionEnd)),!0},slideToLoop:function(e,t,s,a){if(void 0===e&&(e=0),void 0===s&&(s=!0),"string"==typeof e){e=parseInt(e,10)}const i=this;if(i.destroyed)return;void 0===t&&(t=i.params.speed);const r=i.grid&&i.params.grid&&i.params.grid.rows>1;let n=e;if(i.params.loop)if(i.virtual&&i.params.virtual.enabled)n+=i.virtual.slidesBefore;else{let e;if(r){const t=n*i.params.grid.rows;e=i.slides.find((e=>1*e.getAttribute("data-swiper-slide-index")===t)).column}else e=i.getSlideIndexByData(n);const t=r?Math.ceil(i.slides.length/i.params.grid.rows):i.slides.length,{centeredSlides:s}=i.params;let l=i.params.slidesPerView;"auto"===l?l=i.slidesPerViewDynamic():(l=Math.ceil(parseFloat(i.params.slidesPerView,10)),s&&l%2==0&&(l+=1));let o=t-e1){const e=[];return n.querySelectorAll(t.el).forEach((s=>{const a=p({},t,{el:s});e.push(new ie(a))})),e}const l=this;l.__swiper__=!0,l.support=I(),l.device=z({userAgent:t.userAgent}),l.browser=A(),l.eventsListeners={},l.eventsAnyListeners=[],l.modules=[...l.__modules__],t.modules&&Array.isArray(t.modules)&&l.modules.push(...t.modules);const o={};l.modules.forEach((e=>{e({params:t,swiper:l,extendParams:te(t,o),on:l.on.bind(l),once:l.once.bind(l),off:l.off.bind(l),emit:l.emit.bind(l)})}));const d=p({},ee,o);return l.params=p({},d,ae,t),l.originalParams=p({},l.params),l.passedParams=p({},t),l.params&&l.params.on&&Object.keys(l.params.on).forEach((e=>{l.on(e,l.params.on[e])})),l.params&&l.params.onAny&&l.onAny(l.params.onAny),Object.assign(l,{enabled:l.params.enabled,el:e,classNames:[],slides:[],slidesGrid:[],snapGrid:[],slidesSizesGrid:[],isHorizontal:()=>"horizontal"===l.params.direction,isVertical:()=>"vertical"===l.params.direction,activeIndex:0,realIndex:0,isBeginning:!0,isEnd:!1,translate:0,previousTranslate:0,progress:0,velocity:0,animating:!1,cssOverflowAdjustment(){return Math.trunc(this.translate/2**23)*2**23},allowSlideNext:l.params.allowSlideNext,allowSlidePrev:l.params.allowSlidePrev,touchEventsData:{isTouched:void 0,isMoved:void 0,allowTouchCallbacks:void 0,touchStartTime:void 0,isScrolling:void 0,currentTranslate:void 0,startTranslate:void 0,allowThresholdMove:void 0,focusableElements:l.params.focusableElements,lastClickTime:0,clickTimeout:void 0,velocities:[],allowMomentumBounce:void 0,startMoving:void 0,pointerId:null,touchId:null},allowClick:!0,allowTouchMove:l.params.allowTouchMove,touches:{startX:0,startY:0,currentX:0,currentY:0,diff:0},imagesToLoad:[],imagesLoaded:0}),l.emit("_swiper"),l.params.init&&l.init(),l}getDirectionLabel(e){return this.isHorizontal()?e:{width:"height","margin-top":"margin-left","margin-bottom ":"margin-right","margin-left":"margin-top","margin-right":"margin-bottom","padding-left":"padding-top","padding-right":"padding-bottom",marginRight:"marginBottom"}[e]}getSlideIndex(e){const{slidesEl:t,params:s}=this,a=y(f(t,`.${s.slideClass}, swiper-slide`)[0]);return y(e)-a}getSlideIndexByData(e){return this.getSlideIndex(this.slides.find((t=>1*t.getAttribute("data-swiper-slide-index")===e)))}recalcSlides(){const{slidesEl:e,params:t}=this;this.slides=f(e,`.${t.slideClass}, swiper-slide`)}enable(){const e=this;e.enabled||(e.enabled=!0,e.params.grabCursor&&e.setGrabCursor(),e.emit("enable"))}disable(){const e=this;e.enabled&&(e.enabled=!1,e.params.grabCursor&&e.unsetGrabCursor(),e.emit("disable"))}setProgress(e,t){const s=this;e=Math.min(Math.max(e,0),1);const a=s.minTranslate(),i=(s.maxTranslate()-a)*e+a;s.translateTo(i,void 0===t?0:t),s.updateActiveIndex(),s.updateSlidesClasses()}emitContainerClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const t=e.el.className.split(" ").filter((t=>0===t.indexOf("swiper")||0===t.indexOf(e.params.containerModifierClass)));e.emit("_containerClasses",t.join(" "))}getSlideClasses(e){const t=this;return t.destroyed?"":e.className.split(" ").filter((e=>0===e.indexOf("swiper-slide")||0===e.indexOf(t.params.slideClass))).join(" ")}emitSlidesClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const t=[];e.slides.forEach((s=>{const a=e.getSlideClasses(s);t.push({slideEl:s,classNames:a}),e.emit("_slideClass",s,a)})),e.emit("_slideClasses",t)}slidesPerViewDynamic(e,t){void 0===e&&(e="current"),void 0===t&&(t=!1);const{params:s,slides:a,slidesGrid:i,slidesSizesGrid:r,size:n,activeIndex:l}=this;let o=1;if("number"==typeof s.slidesPerView)return s.slidesPerView;if(s.centeredSlides){let e,t=a[l]?Math.ceil(a[l].swiperSlideSize):0;for(let s=l+1;sT){const t=I(e);s.slides.filter((e=>e.matches(`.${s.params.slideClass}[data-swiper-slide-index="${t}"], swiper-slide[data-swiper-slide-index="${t}"]`))).forEach((e=>{e.remove()}))}const z=o?-g.length:0,A=o?2*g.length:g.length;for(let t=z;t=S&&t<=T){const s=I(t);void 0===h||e?L.push(s):(t>h&&L.push(s),tC&&(u=C),m