.uni-box .uni-main-box { background-image: url(../images/unin-1.jpg); background-position: center top; height: 724px; } .uni-box .uni-title-1 { color: #000; font-size: 40px; line-height: 80px; padding-top: 80px; text-align: center; } .uni-box .uni-title-2 { color: #000; font-size: 22px; line-height: 40px; text-align: center; } .uni-box .uni-title-4 { color: #000; font-size: 18px; line-height: 40px; margin: 0 30px; text-align: center; } .uni-box .uni-title-3 { color: #2198d9; font-size: 18px; line-height: 45px; text-align: center; } .uni-box .font-white { color: #fff; } .uni-box .uni-2-box { overflow: visible; background: none; height: auto; position: relative; } .uni-box .uni-2-box .swiper-container { width: 100%; height: 100%; overflow: visible; } .uni-box .uni-2-box .uni-w-box { width: 1160px; max-width: 100%; margin: 0 auto; } .uni-box .uni-2-box .swiper-next { position: absolute; top: 50%; left: 10px; transform: translateY(-50%); background: url(../images/arrow-left.png) no-repeat; width: 113px; height: 65px; z-index: 10; cursor: pointer; } .uni-box .uni-2-box .swiper-prev { position: absolute; top: 50%; right: 10px; transform: translateY(-50%) rotate(180deg); background: url(../images/arrow-left.png) no-repeat; width: 113px; height: 65px; z-index: 10; cursor: pointer; } .uni-box .uni-2-box .uni-2-1 { background: url(../images/uni-2-3.jpg) center bottom no-repeat; } .uni-box .uni-2-box .uni-2-2 { background: url(../images/uni-2-2.jpg) center bottom no-repeat; } .uni-box .uni-2-box .uni-2-3 { background: url(../images/uni-2-1.jpg) center bottom no-repeat; } .uni-box .uni-2-box .uni-2-img { box-shadow: 0 10px 26px #8b8b8b; width: 100%; } .uni-box .uni-2-box .uni-2-max-box { width: 1159px; height: 669px; box-shadow: 0 10px 26px #8b8b8b; transform: translateY(-100px) translateX(0); } .uni-box .uni-2-box .uni-title-4 { margin: 20px 30px; } .uni-box .uni-2-box .uni-title-1 { padding-top: 51px; } .uni-box .uni-2-box .uni-2-max-1-box { background: url(../images/unin-2.jpg) center center no-repeat; } .uni-box .uni-2-box .uni-2-max-2-box { background: url(../images/unin-3.jpg) center center no-repeat; } .uni-box .uni-2-box .uni-2-max-3-box { background: url(../images/unin-4.jpg?t=001) center center no-repeat; } .uni-box .uni-2-box .swiper-uni-box { position: relative; } .uni-box .uni-2-box .swiper-slide { display: none; } .uni-box .uni-2-box .swiper-slide.show { display: block; } .uni-box .uni-tag { position: absolute; bottom: 32px; left: 50%; transform: translateX(-50%); z-index: 10; display: flex; } .uni-box .uni-tag a { display: inline-block; width: 120px; line-height: 36px; margin-right: 5px; background: rgba(0, 0, 0, 0.4); text-decoration: none; font-size: 18px; color: #fff; text-align: center; } .uni-box .uni-tag a:hover, .uni-box .uni-tag a.active { background: #2198d9; } .uni-box .swiper-uni-2-box { position: relative; } .uni-box .swiper-uni-2-box .swiper-next { position: absolute; top: 50%; left: 10px; transform: translateY(-50%); background: url(../images/arrow-left.png) no-repeat; width: 113px; height: 65px; z-index: 10; cursor: pointer; } .uni-box .swiper-uni-2-box .swiper-prev { position: absolute; top: 50%; right: 10px; transform: translateY(-50%) rotate(180deg); background: url(../images/arrow-left.png) no-repeat; width: 113px; height: 65px; z-index: 10; cursor: pointer; } .uni-box .swiper-uni-2-box .img-box { width: 100%; vertical-align: top; } .uni-box .swiper-uni-2-box .swiper-slide { display: none; } .uni-box .swiper-uni-2-box .swiper-slide.show { display: block; } .uni-box .swiper-uni-3-box { position: relative; } .uni-box .swiper-uni-3-box .swiper-slide { height: 784px; } .uni-box .swiper-uni-3-box .swiper-slide-1-1-box { max-width: 990px; width: 100%; margin: 0 auto; } .uni-box .swiper-uni-3-box .swiper-slide-1-box { background: url(../images/unin-5.jpg) center center no-repeat; } .uni-box .swiper-uni-3-box .swiper-slide-2-box { background: url(../images/unin-6.jpg) center center no-repeat; } .uni-box .swiper-uni-3-box .swiper-slide-3-box { background: url(../images/unin-7.jpg) center center no-repeat; } .uni-box .swiper-uni-3-box .swiper-next { position: absolute; top: 50%; left: 10px; transform: translateY(-50%); z-index: 10; cursor: pointer; width: 10%; max-width: 113px; min-width: 30px; } .uni-box .swiper-uni-3-box .swiper-prev { position: absolute; top: 50%; right: 10px; transform: translateY(-50%) rotate(180deg); z-index: 10; cursor: pointer; width: 10%; max-width: 113px; min-width: 30px; } .uni-box .swiper-uni-3-box .swiper-btn { width: 100%; transition: 0.3s all; } .uni-box .swiper-uni-3-box .img-box { width: 100%; vertical-align: top; } .uni-box .swiper-uni-3-box .uni-tag-2-box a { display: inline-block; width: 20px; height: 10px; background: #cbcbcb; border-radius: 10px; transition: 0.3s all; } .uni-box .swiper-uni-3-box .uni-tag-2-box a.active, .uni-box .swiper-uni-3-box .uni-tag-2-box a:hover { width: 70px; height: 10px; background: #167ac2; border-radius: 10px; } .uni-box .swiper-uni-3-box .uni-tag-3-box { bottom: 116px; } .uni-box .swiper-uni-3-box .uni-tag-3-box a { display: inline-block; width: 10px; height: 10px; background: #cbcbcb; border-radius: 10px; transition: 0.3s all; } .uni-box .swiper-uni-3-box .uni-tag-3-box a.active, .uni-box .swiper-uni-3-box .uni-tag-3-box a:hover { width: 10px; height: 10px; background: #167ac2; border-radius: 10px; } .uni-box .swiper-uni-4-box { position: relative; } .uni-box .swiper-uni-4-box .swiper-slide { height: 784px; } .uni-box .swiper-uni-4-box .swiper-slide-1-box .uni-title-4 { max-width: 600px; width: 100%; } .uni-box .swiper-uni-4-box .swiper-slide-1-box { background: url(../images/unin-8.jpg) center center no-repeat; } .uni-box .swiper-uni-4-box .swiper-slide-2-box { background: url(../images/unin-9.jpg) center center no-repeat; } .uni-box .swiper-uni-4-box .swiper-slide-2-box .uni-title-1 { color: #fff; } .uni-box .swiper-uni-4-box .swiper-slide-3-box { background: url(../images/unin-10.jpg) center center no-repeat; } .uni-box .swiper-uni-4-box .swiper-slide-3-box .uni-title-3 { color: #0059ff; } .uni-box .swiper-uni-5-box { position: relative; } .uni-box .swiper-uni-5-box .swiper-slide { height: 794px; } .uni-box .swiper-uni-5-box .swiper-slide-1-box .uni-title-4 { max-width: 860px; width: 100%; } .uni-box .swiper-uni-5-box .swiper-slide-1-box { background: url(../images/unin-11.jpg) center center no-repeat; } .uni-box .swiper-uni-5-box .swiper-slide-2-box { background: url(../images/unin-13.jpg) center center no-repeat; } .uni-box .swiper-uni-5-box .swiper-slide-3-box { background: url(../images/unin-12.jpg) center center no-repeat; } .uni-box .swiper-uni-5-box .swiper-slide-3-box .uni-title-3 { color: #0059ff; } .uni-box .swiper-uni-6-box { position: relative; } .uni-box .swiper-uni-6-box .swiper-slide { height: 747px; } .uni-box .swiper-uni-6-box .swiper-slide-1-box .uni-title-4 { max-width: 860px; width: 100%; } .uni-box .swiper-uni-6-box .swiper-slide-1-box { background: url(../images/unin-14.jpg) center center no-repeat; } .uni-box .swiper-uni-6-box .swiper-slide-2-box { background: url(../images/unin-15.jpg) center center no-repeat; } .uni-box .swiper-uni-6-box .swiper-slide-3-box { background: url(../images/unin-16.jpg) center center no-repeat; } .uni-box .swiper-uni-6-box .swiper-slide-3-box .uni-title-3 { color: #0059ff; } .uni-box .swiper-uni-7-box { position: relative; } .uni-box .swiper-uni-7-box .swiper-slide { height: 666px; } .uni-box .swiper-uni-7-box .swiper-slide-1-box .uni-title-4 { max-width: 860px; width: 100%; } .uni-box .swiper-uni-7-box .swiper-slide-1-box { background: url(../images/unin-17.jpg) center center no-repeat; } .uni-box .swiper-uni-7-box .swiper-slide-1-box .uni-title-1 { padding-top: 60px; } .uni-box .swiper-uni-7-box .swiper-slide-1-box .uni-title-4 { max-width: 1200px; } .uni-box .swiper-uni-7-box .swiper-slide-2-box { background: url(../images/unin-18.jpg) center center no-repeat; } .uni-box .swiper-uni-7-box .swiper-slide-3-box { position: relative; background: url(../images/unin-19.jpg) center center no-repeat; } .uni-box .swiper-uni-7-box .swiper-slide-3-box .uni-title-1 { padding-top: 43px; } .uni-box .swiper-uni-7-box .swiper-slide-3-box .uni-title-4 { color: #0059ff; position: absolute; bottom: 100px; left: 0; right: 0; max-width: 100%; } .uni-box .unin-more-box { background: url(../images/unin-26.jpg) center bottom no-repeat; } .uni-box .unin-more-box .unin-more-list { text-align: center; display: flex; flex-wrap: wrap; justify-content: center; max-width: 1300px; width: 100%; margin: 0 auto; } .uni-box .unin-more-box .unin-more-list .uni-title-1 { padding: 0; } .uni-box .unin-more-box .unin-more-list .one-box:nth-of-type(1) .img-box { background-image: url(../images/unin-20.jpg); } .uni-box .unin-more-box .unin-more-list .one-box:nth-of-type(2) .img-box { background-image: url(../images/unin-21.jpg); } .uni-box .unin-more-box .unin-more-list .one-box:nth-of-type(3) .img-box { background-image: url(../images/unin-22.jpg); } .uni-box .unin-more-box .unin-more-list .one-box:nth-of-type(4) .img-box { background-image: url(../images/unin-23.jpg); } .uni-box .unin-more-box .unin-more-list .one-box:nth-of-type(5) .img-box { background-image: url(../images/unin-24.jpg); } .uni-box .unin-more-box .unin-more-list .one-box:nth-of-type(6) .img-box { background-image: url(../images/unin-25.jpg); } .uni-box .unin-more-box .unin-more-list .img-box { background-position: center bottom; background-repeat: no-repeat; width: 403px; height: 227px; } .uni-box .unin-more-box .unin-more-list .unin-title-box { font-size: 20px; color: #000; } .mobile-box { display: none; } .pc-box { display: block; } .app-box .app-banner-box { background: url(../images/app.jpg) center top no-repeat; height: 550px; position: relative; } .app-box .app-banner-box .banner-center-box { width: 1250px; max-width: 100%; position: relative; margin: 0 auto; } .app-box .app-banner-box .banner-center-box .banner-title-box { padding-top: 158px; font-size: 61px; color: #fff; } .app-box .app-banner-box .banner-center-box .banner-down-box { display: block; width: 255px; height: 80px; margin-top: 46px; line-height: 80px; border: 1px solid #fff; border-radius: 6px; text-decoration: none; text-align: center; } .app-box .app-banner-box .banner-center-box .banner-down-box img { width: 50px; vertical-align: middle; } .app-box .app-banner-box .banner-center-box .banner-down-box span { margin-left: 10px; vertical-align: middle; font-size: 40px; color: #fff; } .app-box .list-box { width: 1250px; max-width: 100%; margin: 0 auto; display: flex; justify-content: space-between; } .app-box .list-box .one-box { margin: 50px 0; display: block; text-decoration: none; width: 306px; height: 387px; text-align: center; padding-top: 33px; transition: 0.3s all; } .app-box .list-box .one-box:nth-of-type(1) .img-box { background-image: url(../images/app-widnows.png); } .app-box .list-box .one-box:nth-of-type(2) .img-box { background-image: url(../images/app-ios.png); } .app-box .list-box .one-box:nth-of-type(3) .img-box { background-image: url(../images/app-android.png); } .app-box .list-box .one-box:hover { box-shadow: 0 0 28px #cccccc; } .app-box .list-box .one-box:hover:nth-of-type(1) .img-box { background-image: url(../images/app-windows-hover.png); } .app-box .list-box .one-box:hover:nth-of-type(2) .img-box { background-image: url(../images/app-ios-hover.png); } .app-box .list-box .one-box:hover:nth-of-type(3) .img-box { background-image: url(../images/app-android-hover.png); } .app-box .list-box .one-box .img-box { width: 187px; height: 194px; margin: 0 auto; transition: 0.1s all; background-repeat: no-repeat; background-position: center center; } .app-box .list-box .one-box .one-text { margin: 40px 0 0 0; font-size: 26px; color: #4a4a4a; text-align: center; } .app-box .list-box .one-box .one-des { margin-top: 10px; font-size: 18px; color: #c2c1c1; text-align: center; } .m-down-min .dl-1:nth-of-type(1) dd:nth-of-type(6) {display:none;} .dialog-box { display: none; } .dialog-box .dialog-mask-box { position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.5; background: #000; z-index: 100; } .dialog-box .dialog-content-box { background: #fff; border-radius: 2px; box-shadow: 0 1px 3px rgb(0 0 0 / 30%); box-sizing: border-box; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 101; width: 600px; } .dialog-box .el-dialog__header { padding: 20px 20px 10px; text-align: left; display: flex; justify-content: space-between; align-items: center; } .dialog-box .el-dialog-close { position: absolute; top: 10px; right: 15px; color: #909399; font-size: 25px; cursor: pointer; } .dialog-box .el-dialog__title { line-height: 24px; font-size: 18px; color: #303133; } .dialog-box .el-form-item { display: flex; } .dialog-box .el-form-item__label { text-align: right; vertical-align: middle; float: left; font-size: 14px; color: #606266; line-height: 40px; padding: 0 12px 0 0; box-sizing: border-box; } .dialog-box .el-input { position: relative; font-size: 14px; display: inline-block; width: 100%; } .dialog-box .el-input__inner { -webkit-appearance: none; background-color: #fff; background-image: none; border-radius: 4px; border: 1px solid #dcdfe6; box-sizing: border-box; color: #606266; display: inline-block; font-size: inherit; height: 40px; line-height: 40px; outline: none; padding: 0 15px; transition: border-color .2s cubic-bezier(.645,.045,.355,1); width: 100%; font-size: 16px; } .dialog-box .el-form{ margin: 0 20px 0 20px; } .dialog-box .el-form-item { margin-bottom: 10px; } .dialog-box .el-input__inner:focus { outline: none; border-color: #409eff; } .dialog-box .el-input__inner:hover { border-color: #c0c4cc; } .dialog-box .el-form-item__content { flex:1; } .el-button { display: inline-block; line-height: 1; white-space: nowrap; cursor: pointer; background: #fff; border: 1px solid #dcdfe6; color: #606266; -webkit-appearance: none; text-align: center; box-sizing: border-box; outline: none; margin: 0; transition: .1s; font-weight: 500; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; padding: 12px 20px; font-size: 14px; border-radius: 4px; } .el-button--primary { color: #fff; background-color: #409eff; border-color: #409eff; } .el-button--primary span { color: #fff; } .el-button+.el-button { margin-left: 10px; } .down-file-box { cursor:pointer; } .us-twin-box .us-twin-2-1-box { height: 766px; background: url(../images/us-2-1.png) center bottom no-repeat; } .us-twin-box .us-twin-2-2-box .k-7-2 { max-width: 1110px; margin-top: 50px; } .us-twin-box .us-twin-2-2-box .k-7-3 { margin: 50px auto 0 auto; max-width:799px; } .us-twin-box .us-title-box { font-size: 35px; color: #3590cf; line-height: 65px; } .us-twin-box .us-title-box-white { font-size: 35px; color: #fff; line-height: 65px; } .us-twin-box .des-white-box { color: #fff; font-size: 20px; } .us-twin-box .k-7-2 { font-size: 20px; line-height: 35px; } .us-twin-box .blue-line-box { position: relative; width: 323px; margin: 0 auto 20px auto; height: 9px; } .us-twin-box .blue-line-box.white::before, .us-twin-box .blue-line-box.white::after, .us-twin-box .blue-line-box.white b { background: #fff; } .us-twin-box .blue-line-box b { display: block; position: absolute; top: 2px; left: 50%; transform: translate(-50%, 0); width: 9px; height: 9px; background: #6aaddc; } .us-twin-box .blue-line-box::before { content: ""; display: block; position: absolute; top: 5px; left: 0; width: 145px; height: 2px; background: #6aaddc; } .us-twin-box .blue-line-box::after { content: ""; display: block; position: absolute; top: 5px; right: 0; width: 145px; height: 2px; background: #6aaddc; } .us-twin-box .led-2-box { background: none; } .us-twin-box .us-twin-2-3-box { height: 753px; background: url(../images/us-2-3.png) center bottom no-repeat; } .us-twin-box .us-twin-2-4-box { height: 754px; background: url(../images/us-2-4.png) center bottom no-repeat; } .us-twin-box .us-twin-2-5-box { height: 754px; background: url(../images/us-2-5.png) center bottom no-repeat; } .us-twin-box .us-twin-2-6-box { height: 747px; background: url(../images/us-2-6.png) center bottom no-repeat; } .uni-m-box .k-7-2 { max-width: inherit; margin-top: 20px; } .uni-m-box .m-box { max-width: 1200px; margin: 0 auto; } .uni-m-box .uni-m-title-box { font-size: 65px; color: #fff; text-shadow: 0 -12px rgba(51, 51, 51, 0.71); text-align: center; padding-top: 130px; letter-spacing: 6px; } .uni-m-box .uni-m-des-box { font-size: 45px; color: #fff; text-shadow: 0 -12px rgba(51, 51, 51, 0.71); text-align: center; margin: 20px 0 0 0; letter-spacing: 4px; } .uni-m-box .uni-m-tag-box { display: flex; justify-content: space-around; margin: 60px 0 0 0; } .uni-m-box .uni-m-tag-box span { font-size: 18px; color: #fff; display: block; position: relative; } .uni-m-box .uni-m-tag-box span::after { content: ""; display: block; position: absolute; top: -20px; left: 50%; transform: translate(-50%, 0); width: 30px; height: 1px; background: #0086cd; border: 1px solid #529abf; } .uni-m-box .uni-m-1-box { background: url(../images/uni-m-1.png) center center no-repeat; height: 787px; position: relative; z-index: 12; } .uni-m-box .uni-m-1-box .img-box { position: absolute; left: 50%; bottom: -80px; transform: translate(-50%, 0); } .uni-m-box .uni-m-2-box { background: url(../images/uni-m-2.jpg) center center no-repeat; height: 799px; margin-top: -44px; } .uni-m-box .uni-m-2-box .j-3-1 { padding: 120px 0 0 0; } .uni-m-box .uni-m-2-box .j-3-2 { max-width: inherit; } .uni-m-box .uni-m-3-box { background: url(../images/uni-m-3.jpg) center center no-repeat; height: 875px; } .uni-m-box .uni-m-4-box { background: url(../images/uni-m-4.jpg) center center no-repeat; height: 875px; } .uni-m-box .uni-m-5-box { background: url(../images/uni-m-5.jpg) center center no-repeat; height: 874px; } .uni-m-box .uni-m-6-box { background: url(../images/uni-m-6.jpg) center center no-repeat; height: 873px; } .uni-m-box .uni-m-more-box { background: url(../images/uni-m-7.jpg) center center no-repeat; background-size: cover; overflow: hidden; } .uni-m-box .uni-m-more-box .main-title-box { padding-top: 60px; font-size: 40px; text-align: center; color: #000; } .uni-m-box .uni-m-more-box .tag-list-box { max-width: 1030px; margin: 40px auto; display: flex; justify-content: space-around; flex-wrap: wrap; } .uni-m-box .uni-m-more-box .tag-list-box .item-box { position: relative; width: 320px; height: 325px; border-radius: 10px; margin: 20px 0 0 0; border: 1px solid #fff; background: hsla(0, 0%, 100%, 0.2); backdrop-filter: saturate(180%) blur(26px); transition: 0.3s all; cursor: pointer; } .uni-m-box .uni-m-more-box .tag-list-box .item-box:hover { border: 1px solid #0086cd; box-shadow: 0 0 19px #9b9292; } .uni-m-box .uni-m-more-box .tag-list-box .item-box:hover .item-img-box { opacity: 0; } .uni-m-box .uni-m-more-box .tag-list-box .item-box:hover .text-page-box { opacity: 1; } .uni-m-box .uni-m-more-box .tag-list-box .item-box .item-img-box { position: absolute; top: 0; left: 0; width: 100%; bottom: 0; transition: 0.3s all; border-radius: 10px; } .uni-m-box .uni-m-more-box .tag-list-box .item-box .item-img-box .img-box { height: 150px; margin: 40px 0 0 0; background-position: center center; background-repeat: no-repeat; } .uni-m-box .uni-m-more-box .tag-list-box .item-box .item-img-box .title-box { font-size: 25px; color: #fff; text-align: center; } .uni-m-box .uni-m-more-box .tag-list-box .item-box .text-page-box { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; opacity: 0; transition: 0.3s all; background: #0086cd; border-radius: 10px; } .uni-m-box .uni-m-more-box .tag-list-box .item-box .text-page-box .title-box { font-size: 20px; color: #fff; line-height: 72px; padding-top: 25px; text-align: center; } .uni-m-box .uni-m-more-box .tag-list-box .item-box .text-page-box .des-box { margin: 0 40px; line-height: 31px; word-break: break-all; font-size: 18px; color: #fff; text-align: justify; } .case-list ul li .video-item-box .case-m-img a .case-mark { background: url(../images/play-icon.png) center center no-repeat; } .server-down-list-box a:nth-of-type(1) { display:none; } .server-down-list-box a:nth-of-type(2) { display:none; }