/* * @Author: gaopengge * @Date: 2023-10-07 13:23:37 * @Last Modified by: gaopengge * @Last Modified time: 2023-10-09 18:27:22 * @description 高鹏格新建 */ @font-face { font-family: 'CustomFont'; src: url('../font/LianMengQiYiLuShuaiZhengRuiHeiTi-2.ttf'); /* 添加其他字体属性,如字体粗细、风格等 */ } ol, ul { list-style: none; } .h-100 { height: 100%; } .w-1200 { width: 1200px; } .flex { display: flex; } .flex-1 { flex: 1; } /* 水平居中 */ .jc-c { justify-content: center; } /* 垂直居中 */ .ai-c { align-items: center; } /* 底部对齐 */ .ai-se { align-items: self-end; } /* 水平 垂直 居中 */ .jc-ai-c { justify-content: center; align-items: center; } /* 两端对齐 */ .jc-sb { justify-content: space-between; } /* 分配相同空间 */ .jc-sa { justify-content: space-around; } /* 靠右 */ .jc-fe { justify-content: flex-end; } /* 靠左 */ .jc-fs { justify-content: flex-start; } /* 靠右 垂直居中 */ .jc-fe-ai-c { justify-content: flex-end; align-items: center; } /* 靠左 垂直居中 */ .jc-fs-ai-c { justify-content: flex-start; align-items: center; } /* 改变主轴方向 向下 */ .fd-c { flex-direction: column; } /* 等分间距 */ .jc-se { justify-content: space-evenly; } /* 换行显示 */ .fw-w { flex-wrap: wrap; } /* 上内边距 10px */ .pt-10 {padding-top: 10px;} /* 上内边距 20px */ .pt-20 {padding-top: 20px;} /* 上内边距 30px */ .pt-30 {padding-top: 30px;} /* 上内边距 40px */ .pt-40 {padding-top: 40px;} /* 上内边距 50px */ .pt-50 {padding-top: 50px;} /* 上内边距 60px */ .pt-60 {padding-top: 60px;} /* 上内边距 70px */ .pt-70 {padding-top: 70px;} /* 上内边距 80px */ .pt-80 {padding-top: 80px;} /* 上内边距 90px */ .pt-90 {padding-top: 90px;} /* 上内边距 100px */ .pt-100 {padding-top: 100px;} /* 下内边距 10px */ .pb-10 {padding-bottom: 10px;} /* 下内边距 20px */ .pb-20 {padding-bottom: 20px;} /* 下内边距 30px */ .pb-30 {padding-bottom: 30px;} /* 下内边距 40px */ .pb-40 {padding-bottom: 40px;} /* 下内边距 50px */ .pb-50 {padding-bottom: 50px;} /* 下内边距 60px */ .pb-60 {padding-bottom: 60px;} /* 下内边距 70px */ .pb-70 {padding-bottom: 70px;} /* 下内边距 80px */ .pb-80 {padding-bottom: 80px;} /* 下内边距 90px */ .pb-90 {padding-bottom: 90px;} /* 下内边距 100px */ .pb-100 {padding-bottom: 100px;} /* 左内边距 10px */ .pl-10 {padding-left: 10px;} /* 左内边距 20px */ .pl-20 {padding-left: 20px;} /* 左内边距 30px */ .pl-30 {padding-left: 30px;} /* 左内边距 40px */ .pl-40 {padding-left: 40px;} /* 左内边距 50px */ .pl-50 {padding-left: 50px;} /* 左内边距 60px */ .pl-60 {padding-left: 60px;} /* 左内边距 70px */ .pl-70 {padding-left: 70px;} /* 左内边距 80px */ .pl-80 {padding-left: 80px;} /* 左内边距 90px */ .pl-90 {padding-left: 90px;} /* 左内边距 100px */ .pl-100 {padding-left: 100px;} /* 右内边距 10px */ .pr-10 {padding-right: 10px;} /* 右内边距 20px */ .pr-20 {padding-right: 20px;} /* 右内边距 30px */ .pr-30 {padding-right: 30px;} /* 右内边距 40px */ .pr-40 {padding-right: 40px;} /* 右内边距 50px */ .pr-50 {padding-right: 50px;} /* 右内边距 60px */ .pr-60 {padding-right: 60px;} /* 右内边距 70px */ .pr-70 {padding-right: 70px;} /* 右内边距 80px */ .pr-80 {padding-right: 80px;} /* 右内边距 90px */ .pr-90 {padding-right: 90px;} /* 右内边距 100px */ .pr-100 {padding-right: 100px;} /* 上外边距 10px */ .mt-10 {margin-top: 10px;} /* 上外边距 20px */ .mt-20 {margin-top: 20px;} /* 上外边距 30px */ .mt-30 {margin-top: 30px;} /* 上外边距 40px */ .mt-40 {margin-top: 40px;} /* 上外边距 50px */ .mt-50 {margin-top: 50px;} /* 上外边距 60px */ .mt-60 {margin-top: 60px;} /* 上外边距 70px */ .mt-70 {margin-top: 70px;} /* 上外边距 80px */ .mt-80 {margin-top: 80px;} /* 上外边距 90px */ .mt-90 {margin-top: 90px;} /* 上外边距 100px */ .mt-100 {margin-top: 100px;} /* 下外边距 10px */ .mb-10 {margin-bottom: 10px;} /* 下外边距 20px */ .mb-20 {margin-bottom: 20px;} /* 下外边距 30px */ .mb-30 {margin-bottom: 30px;} /* 下外边距 40px */ .mb-40 {margin-bottom: 40px;} /* 下外边距 50px */ .mb-50 {margin-bottom: 50px;} /* 下外边距 60px */ .mb-60 {margin-bottom: 60px;} /* 下外边距 70px */ .mb-70 {margin-bottom: 70px;} /* 下外边距 80px */ .mb-80 {margin-bottom: 80px;} /* 下外边距 90px */ .mb-90 {margin-bottom: 90px;} /* 下外边距 100px */ .mb-100 {margin-bottom: 100px;} /* 左外边距 10px */ .ml-10 {margin-left: 10px;} /* 左外边距 20px */ .ml-20 {margin-left: 20px;} /* 左外边距 30px */ .ml-30 {margin-left: 30px;} /* 左外边距 40px */ .ml-40 {margin-left: 40px;} /* 左外边距 50px */ .ml-50 {margin-left: 50px;} /* 左外边距 60px */ .ml-60 {margin-left: 60px;} /* 左外边距 70px */ .ml-70 {margin-left: 70px;} /* 左外边距 80px */ .ml-80 {margin-left: 80px;} /* 左外边距 90px */ .ml-90 {margin-left: 90px;} /* 左外边距 100px */ .ml-100 {margin-left: 100px;} /* 右外边距 10px */ .mr-10 {margin-right: 10px;} /* 右外边距 20px */ .mr-20 {margin-right: 20px;} /* 右外边距 30px */ .mr-30 {margin-right: 30px;} /* 右外边距 40px */ .mr-40 {margin-right: 40px;} /* 右外边距 50px */ .mr-50 {margin-right: 50px;} /* 右外边距 60px */ .mr-60 {margin-right: 60px;} /* 右外边距 70px */ .mr-70 {margin-right: 70px;} /* 右外边距 80px */ .mr-80 {margin-right: 80px;} /* 右外边距 90px */ .mr-90 {margin-right: 90px;} /* 右外边距 100px */ .mr-100 {margin-right: 100px;} /* 首页 begin */ .wgj-video-box { display: flex; flex-direction: column; justify-content: center; align-items: center; } .wgj-video-box .wgj-video-title { padding: 40px 0; } .wgj-video-box .wgj-video-title h2 { font-size: 32px; color: #000; } .wgj-video-box .wgj-video-con { width: 900px; background: url(../images/video-bg.png) no-repeat; background-size: 100% auto; } .wgj-video-box .wgj-video-con .wgj-video { padding: 58px 110px 100px 120px; } .wgj-video-box .wgj-video-con .wgj-video video { width: 100%; } /* 首页 end */ /* 功能对比 begin */ .sass-btitle-box { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .new-fun-device .new-fun-top { width: 1400px; } .fun-table-box, .fun-table-con { width: 100%; } .fun-table { width: 100%; border-left: 1px solid #f0f2f5; } .fun-table thead { background-image: linear-gradient(180deg, #e9eef6, #f8fafc); position: sticky; top: 63px; /* 当滚动超过63px时固定表头 */ background-color: #f0f0f0; /* 设置背景颜色 */ z-index: 2; /* 使表头位于表格主体之上 */ } .fun-table thead th { height: 70px; text-align: center; } /* .fun-table thead tr:first-child th:first-child { border-top-left-radius: 20px; } .fun-table thead tr:first-child th:last-child { border-top-right-radius: 20px; } */ .fun-table th, .fun-table td { /* border-right: 1px solid #f0f2f5; border-bottom: 1px solid #f0f2f5; */ border: 0; padding: 0; position: relative; } .fun-table th::before, .fun-table td::before { content: ''; position: absolute; height: 100%; width: 1px; top: 0; right: 0; background: #f0f2f5; /* 添加圆角样式 */ } .fun-table th::after, .fun-table td::after { content: ''; position: absolute; height: 1px; width: 100%; left: 0; bottom: 0; background: #f0f2f5; /* 添加圆角样式 */ } .fun-table th:hover, .fun-table td:hover { background: #f2f7ff; } .fun-table tbody { font-size: 14px; } .fun-table tbody td { padding: 10px; } .vertical-text.module-title-one { width: 180px; } .fun-table tbody .tr-des { background: #f8fafc; } .fun-table tbody .tr-des td:first-child { font-size: 16px; font-weight: 700; text-align: center; } .fun-table tbody .tr-des td:nth-child(2) { font-size: 16px; font-weight: 700; width: 160px; text-align: center; } .fun-table tbody .module-title1 { font-weight: 700; width: 160px; } .fun-table tbody .module-title2 { width: 160px; } .fun-table tbody .module-title3 p { width: 500px; padding-left: 20px; } .fun-table tbody .table-img { display: flex; justify-content: center; align-items: center; } .fun-table tbody .table-img img { width: 14px; height: 14px; } .vertical-text p { width: 100%; padding: 0 30px; font-size: 18px; font-weight: 800; letter-spacing: 6px; display: flex; justify-content: center; align-items: center; writing-mode: vertical-lr; /* 竖排文本,从左向右排列 */ text-orientation: upright; /* 所有文字都保持水平方向 */ } .module-title-three, .module-title-one { background: rgba(152, 97, 230, 5%); } .module-title-two { background: rgba(0, 163, 222, 5%); } .fun-table tfoot tr td { padding: 20px; } .fun-table tfoot tr td p { font-size: 14px; margin: 0; } .fun-table tfoot tr td p em { font-style: normal; font-weight: bold; } .fun-app-banner-box { width: 100%; display: none; } .fun-app-banner-box img { width: 100%; } /* 功能对比 end */ /* 下载使用 begin */ #intro { width: 100%; /* height: auto; */ background: none; background-image: url(../images/down-use-bg.png); background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; } /*#intro h2 {*/ /* font-size: 40px;*/ /* font-family: PingFangSC-Semibold, PingFang SC;*/ /* font-weight: 600;*/ /* color: #111111;*/ /*}*/ /*#intro .intro-text p {*/ /* display: flex;*/ /* flex-direction: column;*/ /* margin-top: 20px;*/ /*}*/ /*#intro .intro-text p span {*/ /* font-size: 14px;*/ /* font-family: PingFangSC-Semibold, PingFang SC;*/ /* color: #656565;*/ /*}*/ /*#intro .intro-text p span:nth-child(3) {*/ /* font-weight: 600;*/ /* color: #666666;*/ /*}*/ /*#intro .intro-text p span em {*/ /* font-style: normal;*/ /* font-weight: 600;*/ /* color: #666666;*/ /*}*/ .xiazai-btn { margin-top: 40px; } #intro .intro-text { padding-top: 60px; } #intro .intro-text .down-box { padding-top: 63px; padding-bottom: 58px; background: url(../images/down-bg.webp) no-repeat; /* background-size: cover; */ background-position: center; } .down-right .down-item:nth-child(1) h2 { margin-top: 0; font-size: 50px; font-weight: bold; color: #ffffff; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* 添加文字阴影 */ } .down-right .down-item:nth-child(2) { margin-top: 20px; } .down-right .down-item:nth-child(2) p { margin-bottom: 0; font-size: 16px; color: #ffffff; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); } .down-right .down-item:nth-child(3) { margin-top: 20px; padding: 40px 0; border-radius: 20px; background: rgba(0, 0, 0, 0.5); } .down-right .down-item:nth-child(3) .down-fangan ul { height: 100%; color: #ffffff; } .down-right .down-item:nth-child(3) .down-fangan ul li { margin: 0; } .down-right .down-item:nth-child(4) { margin-top: 30px; } .down-right .down-item:nth-child(4) a { display: block; width: 250px; height: 60px; border-radius: 10px; text-align: center; line-height: 60px; color: #ffffff; background: linear-gradient(to bottom, #2bc7fa, #0160eb); font-size: 24px; font-weight: bold; } #button { width: 170px; height: 60px; font-size: 24px; background: #3785FB; box-shadow: 2px 0px 6px 0px #666666; border-radius: 6px 6px 6px 6px; opacity: 1; } .flie-video-box { margin-top: 60px; } .flie-con .flie-btn { padding-left: 88px; } .flie-btn-right { margin-left: 46px; } .flie-btn-right .flif-button { width: 160px; height: 50px; font-size: 20px; background: #3785FB; box-shadow: 2px 0px 6px 0px #666666; border-radius: 6px 6px 6px 6px; opacity: 1; } .flie-title .flie-title-con, .video-title .video-title-con { font-size: 30px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #0F257B; } .video-box { margin-top: 20px; } .video-video { padding: 40px 86px 56px 94px; background: url(../images/video-bg.png) no-repeat; background-size: 100%; } .video-content video { width: 600px; } .support-con { padding-top: 100px; } .support-con { width: 1006px; } .support-con .support-one, .support-con .support-two { margin-bottom: 20px; } .support-con .support-list .support-item-one { width: 386px; height: 186px; padding-left: 40px; padding-top: 56px; background: url(../images/down-text-1.png) no-repeat; } .support-con .support-list .support-item-two { width: 606px; height: 186px; padding-left: 40px; padding-top: 56px; background: url(../images/down-text-2.png) no-repeat; } .support-con .support-list .support-item-three { width: 456px; height: 206px; padding-left: 40px; padding-top: 66px; background: url(../images/down-text-3.png) no-repeat; } .support-con .support-list .support-item-four { width: 536px; height: 206px; padding-left: 40px; padding-top: 66px; background: url(../images/down-text-4.png) no-repeat; } .support-con .support-list .support-item-five { width: 1006px; height: 256px; padding-left: 40px; padding-top: 72px; background: url(../images/down-text-5.png) no-repeat; } .support-con .support-list .support-item h3 { margin: 0; margin-bottom: 20px; color: #ffffff; } .support-con .support-list .support-item p { margin: 0; color: #ffffff; margin-bottom: 10px; font-size: 14px; } .service-box { padding: 100px 0; } .service-box .service-con { width: 1000px; } .service-box .service-con .service-item { width: 160px; height: 160px; background: #ffffff; box-shadow: 2px 0px 8px 0px #999999; transition: all .3s; } .service-box .service-con .service-item:hover { transform: translateY(-10px); } .service-box .service-con .service-item img {} #intro .service-box .service-con .service-item p { font-size: 14px; font-family: PingFangSC-Semibold, PingFang SC; font-weight: 600; color: #398DFF; margin-top: 10px; margin-bottom: 0; } .service-box .service-con .service-item p em { font-size: 30px; font-family: PangMenZhengDao; margin-right: 4px; } /* 下载使用 end */ /* 申请试用 begin */ .trial { padding-top: 63px; background: url(../images/9e071ed.jpg) no-repeat 50%/cover; } .trial-box { padding: 120px 0; } .trial-left .left-box { color: #333; } .trial-left .left-box .l-til { margin-bottom: 0; font-size: 30px; line-height: 42px; padding-bottom: 8px; font-weight: 600; } .trial-left .left-box .l-desc { margin-bottom: 0; font-size: 16px; line-height: 22px; padding-top: 8px; } .trial-left .left-box .l-img { margin: 46px 0; } .trial-left .left-box .feat-item { margin-bottom: 0; font-size: 14px; line-height: 189.5%; } .trial-left .left-box .feat-item span { color: #3773f5; font-weight: 600; } /* 申请试用表单 begin */ .trial-right .right-box { text-align: center; width: 480px; background: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, .08); border-radius: 4px; padding: 38px 46px 0; } .trial-right .right-box .r-til { font-size: 28px; line-height: 39px; color: #333; } .trial-right .right-box .r-desc { font-size: 16px; line-height: 22px; color: rgba(0, 0, 0, .4); padding: 8px 0 8px; } .trial-right .right-box .scroll-box { width: 400px; } .trial-right .right-box .scroll-box .info-data { text-align: left; width: 400px; overflow-y: auto; margin-bottom: 0; /* scrollbar-color: transparent transparent; scrollbar-width: none; */ } .trial-right .right-box .scroll-box .info-data .el-form-item { width: 400px; margin-bottom: 20px; } .trial-right .right-box .scroll-box .info-data .el-form-item { width: 400px; margin-bottom: 14px; } .trial-right .right-box .el-form-item__content { line-height: 40px; position: relative; font-size: 14px; } .trial-right .right-box .form-privacy-box .el-form-item__content { line-height: 20px; position: relative; font-size: 12px; } .trial-right .right-box .scroll-box .info-data .el-form-item .el-input { position: relative; font-size: 14px; display: inline-block; width: 100%; } .trial-right .right-box .scroll-box .info-data .el-input__inner { height: 48px; line-height: 48px; padding: 0 11px; border-color: #e6e6e6; width: 400px; } .trial-right .right-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: 0; padding: 0 15px; transition: border-color .2s cubic-bezier(.645, .045, .355, 1); width: 100%; } .trial-right .right-box .scroll-box .info-data .yzm_img, .trial-right .right-box .scroll-box .info-data .getcode { position: absolute; right: 10px; top: 1px; z-index: 67; line-height: 46px; color: #3773f5; cursor: pointer; } .trial-right .right-box .scroll-box .info-data .getcode.disabled { color: #999; pointer-events: none; cursor: default; } .trial-right .right-box .scroll-box .info-data .el-form-item__content .q-title { font-size: 16px; line-height: 16px; color: #000; padding-bottom: 0px; margin-bottom: 0; white-space: nowrap; } .trial-right .right-box .el-textarea { position: relative; display: inline-block; width: 100%; vertical-align: bottom; font-size: 14px; } .trial-right .right-box .scroll-box .info-data .el-textarea__inner { padding: 6px 11px; border-color: #e6e6e6; } .trial-right .right-box .el-textarea__inner { display: block; resize: vertical; padding: 5px 15px; line-height: 1.5; box-sizing: border-box; width: 100%; font-size: inherit; color: #606266; background-color: #fff; background-image: none; border: 1px solid #dcdfe6; border-radius: 4px; transition: border-color .2s cubic-bezier(.645, .045, .355, 1); } .trial-right .right-box .scroll-box .footer-btn-wrap { padding: 16px 0 30px; } .oui-button { display: inline-block; line-height: 1; white-space: nowrap; cursor: pointer; background: none; border: 1px solid #3773f5; color: #3773f5; -webkit-appearance: none; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; outline: none; margin: 0; transition: .1s; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; font-size: 16px; height: 48px; line-height: 48px; min-width: 120px; } .trial-right .right-box .scroll-box .footer-btn-wrap .oui-button { width: 180px; height: 48px; background: #3773f5; border-radius: 4px; color: #fff; border: none; } /* 申请试用表单 end */ /* 申请试用 end */ /* 购买咨询 begin */ .purchase-consultation-box { /* padding-top: 100px; */ } .version-box .version-con { width: 1200px; } .version-box .version-con .version-title h2 { font-size: 50px; color: #173981; } .version-box .version-con .version-title img { margin-top: 20px; } .version-box .version-con .version-table { margin-top: 30px; } .version-table table { margin: 0; } .version-table th, .version-table td, .version-table p { margin: 0; padding: 0; } .version-table thead tr th:first-child, .version-table thead tr th:last-child { background: #73A3EF; } .version-table thead tr th:nth-child(2) { background: #507DE7; } .version-table thead tr th p { height: 70px; font-size: 18px; color: #ffffff; font-weight: 600; } .version-table tbody tr:nth-child(odd) { background: #FFFFFF; } .version-table tbody tr:nth-child(even) { background: #EFF7FE; } .version-table tbody tr, .version-table tbody tr td, .version-table tfoot tr, .version-table tfoot tr td { border: 0; } .version-table tbody tr td:first-child p { font-size: 16px; color: #2c52b2; font-weight: 600; padding: 20px; } .version-table tbody tr td:nth-child(2) p { padding-left: 20px; display: inline-block; } .version-table tbody tr td:nth-child(2) p:first-child { font-size: 16px; color: #000000; font-weight: 600; } .version-table tbody tr td:last-child a { width: 140px; height: 40px; border-radius: 20px; background: #e48d37; margin: 0 auto; } .version-table tbody tr td:last-child a span:first-child { font-size: 14px; color: #ffffff; } .version-table tbody tr td:last-child a span:last-child { width: 20px; height: 20px; background: #ffffff; border-radius: 50%; margin-left: 12px; } .version-table tbody tr td:last-child a span:last-child i { width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid #e48d37; margin-left: 2px; } .version-table tfoot td .version-des { padding: 16px; background: #EFF7FE; } .version-table tfoot td .version-des p { font-size: 14px; color: #666; } .problem-box { /* padding-top: 40px; */ } .problem-con .problem-title { width: 100%; background: url(../images/problem-bg.png) no-repeat; background-size: cover; padding: 50px 0; } .problem-con .problem-title h2 { margin: 0; width: 380px; font-size: 80px; color: #ffffff; font-weight: inherit; font-family: 'CustomFont'; text-align-last: justify; } .problem-con .problem-title p { font-size: 20px; color: #ffffff; letter-spacing: 8px; width: 380px; text-align-last: justify; } .problem-answer { width: 1200px; margin: 0 auto; padding: 40px 0; } .problem-answer-list { margin-bottom: 56px; } .problem-answer-list:nth-child(3) { margin-bottom: 0; } .problem-answer-item:nth-child(2) { margin-top: 24px; } .problem-answer-item-left { min-width: 56px; height: 56px; } .problem-answer-item-right { margin-left: 14px; position: relative; padding: 10px; background: linear-gradient(to right, #547bfe, #6e9bff); } .problem-answer-item:nth-child(2) .problem-answer-item-right { background: #f5f5f5; } .problem-answer-item-right p { margin-bottom: 0; color: #ffffff; } .problem-answer-item:nth-child(2) .problem-answer-item-right p { color: #000000; } .problem-answer-item-right i { display: block; width: 8px; height: 4px; bottom: 0; left: -8px; position: absolute; background: linear-gradient(to bottom right, transparent 50%, #547bfe 50%); } .problem-answer-item:nth-child(2) .problem-answer-item-right i { background: linear-gradient(to bottom right, transparent 50%, #f5f5f5 50%); } .problem-des { width: 1200px; margin: 0 auto; padding-bottom: 40px; padding-top: 40px; } .problem-des .problem-des-item { margin-bottom: 40px; } .problem-des .problem-des-item p { margin: 0; /* margin-bottom: 10px; */ } .problem-des .problem-des-item p:first-child { font-weight: 800; font-size: 16px; margin-bottom: 10px; color: #000000; } .problem-des .problem-des-item p:not(:first-child) { font-size: 14px; background: rgba(0, 122, 255, 5%); line-height: 30px; padding: 0 26px; color: #000000; } .problem-des .problem-des-item p:nth-child(2) { padding-top: 20px; } .problem-des .problem-des-item p:last-child { padding-bottom: 20px; } /* 购买咨询 end */ /* 关于我们 begin */ .about-pic-con { position: relative; width: 360px; height: 360px; background: rgba(49, 83, 212, 0.1); } .about-big-pic { width: 100%; height: 100%; position: absolute; top: -20px; left: -20px } .about-small-pic { width: 340px; height: 122px; position: absolute; left: -10px; bottom: -10px; } .about-small-pic img { width: 162px; border: 1px solid #fff; } /* 关于我们 end */ @media screen and (max-width:1440px) { /* 下载页面 begin */ .intro-text .down-box .down-con { width: 1100px; } #intro .intro-text .down-box { padding-top: 42px; padding-bottom: 42px; background-size: auto 100%; } .down-right .down-item:nth-child(1) h2 { font-size: 30px; margin-bottom: 0; } .down-right .down-item:nth-child(2) { margin-top: 10px; } .down-right .down-item:nth-child(2) p { font-size: 14px; } .down-right .down-item:nth-child(3) { padding: 20px 0; } .down-right .down-item:nth-child(3) .down-weixin img { width: 70%; } .down-right .down-item:nth-child(3) .down-fangan ul li { font-size: 14px; } .down-right .down-item:nth-child(4) a { height: 40px; line-height: 40px; font-size: 20px; letter-spacing: 4px; } /* 下载页面 end */ } @media screen and (max-width:1400px) { /* 功能对比 begin */ .new-fun-device .new-fun-top { width: 100%; padding: 0 20px; } /* 功能对比 end */ } @media screen and (max-width:1200px) { .problem-answer { width: 100%; padding: 30px 10px; } .problem-des { width: 100%; padding: 30px 10px; } .version-box .version-con .version-table { padding: 0 10px; } .version-table tbody tr td:last-child a { width: 110px; } /* #region 下载页面 begin */ #intro .intro-text .down-box .down-con { width: 100%; padding: 0 60px; } #intro .intro-text .down-box { background-position-x: 46%; } /* #endregion 下载页面 end */ } @media screen and (max-width:900px) { .wgj-video-box { width: 100%; } .wgj-video-box .wgj-video-con { width: 100%; } .wgj-video-box .wgj-video-con .wgj-video { padding: 7% 12% 10% 14%; } /* #region 下载页面 begin */ #intro .intro-text .down-box .down-con { justify-content: center; } #intro .intro-text .down-box { background-position: right; } #intro .intro-text .down-box .down-con { padding:0 20px; } /* #endregion 下载页面 end */ } @media screen and (max-width:768px) { .new-fun-device .new-fun-top { padding: 0; } .fun-device { margin-top: 0; } .fun-table-box { display: none; } .fun-app-banner-box { display: block; } .sass-btitle-box { position: absolute; } .sass-btitle-box { padding: 30px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .sass-btitle-box .sass-btitle { color: #ffffff; } .sass-btitle-box .sass-stitle { display: block; color: #ffffff; } /* 下载页面 begin */ #intro .intro-text { padding-top: 50px; } .flie-box .flie-con, .video-box .video-con { flex-direction: column; align-items: center; } .flie-title, .video-title { margin-bottom: 30px; } #intro .flie-title .flie-title-con, #intro .video-title .video-title-con { font-size: 30px; } .flie-con .flie-btn { padding-left: 0; } .video-video { width: 100%; padding: 7% 12% 10% 14%; } .video-content video { width: 100%; } .support-con { width: 100%; padding: 10px 10px 0; } .support-con .support-list { flex-wrap: wrap; } .support-con .support-list .support-item { width: 100%; background-size: cover; padding: 30px 20px 0 20px; } .support-con .support-list .support-item-two, .support-con .support-list .support-item-four { margin-top: 20px; } #intro .support-item p { font-size: 14px; margin-bottom: 0; } .service-box { padding: 50px 0; } .service-box .service-con { width: 100%; flex-wrap: wrap; padding: 0 10px; gap: 20px; } .service-box .service-con .service-item { flex-basis: calc(50% - 10px); } /* 下载页面 end */ /* 申请试用 begin */ .trial { background: #f2f6f9; } .trial-box { padding: 30px 0; } .trial .trial-box .trial-con { width: 100%; flex-direction: column; } .trial-right .right-box { width: 100%; padding: 38px 16px 0; } .trial-left .left-box { width: 100%; padding: 0 16px; } .trial-left .left-box .l-til, .trial-left .left-box .l-desc { padding-top: 0; padding-bottom: 0; text-align: center; } .trial-right, .trial-left { width: 100%; padding: 0 20px 20px 20px; } .trial-right .right-box .scroll-box, .trial-right .right-box .scroll-box .info-data, .trial-right .right-box .scroll-box .info-data .el-form-item, .trial-right .right-box .scroll-box .info-data .el-input__inner, .trial-right .right-box .scroll-box .footer-btn-wrap .oui-button { width: 100%; } /* 申请试用 end */ .about-pic-box { flex-direction: column; } .about-pic-con { margin: 40px 0; width: 100%; height: auto; } .about-big-pic { position: static; } .about-big-pic img { display: block; width: 100%; } .about-small-pic { width: 90%; height: auto; left: 5%; bottom: 0; } .about-small-pic img { width: 45%; } } @media screen and (max-width:750px) { .problem-con .problem-title h2 { margin: 0; width: 100%; font-size: 12vw; letter-spacing: 8px; text-align-last: center; } .problem-con .problem-title p { font-size: 16px; width: 100%; text-align-last: center; letter-spacing: 4px; } } @media screen and (max-width:520px) { /*下载页面 begin */ .down-right .down-item:nth-child(1) h2 { font-size: 30px; } .down-right .down-item:nth-child(2) p { font-size: 14px; } #intro .intro-text .down-box { padding-top: 50px; padding-bottom: 50px; } .down-right .down-item:nth-child(3) { padding-right: 20px; justify-content: space-between; } .down-right .down-item:nth-child(3) .down-fangan { flex: 1; } .down-right .down-item:nth-child(3) .down-fangan ul li { font-size: 14px; } .down-right .down-item:nth-child(3) .down-weixin img { width: 80%; } .down-right .down-item:nth-child(4) a { height: 40px; line-height: 40px; font-size: 20px; font-weight: normal; } /* 下载页面end */ } @media screen and (max-width:450px) { .trial-right .right-box .scroll-box .info-data .yzm_img { flex-direction: column; } .trial-right .right-box .scroll-box .info-data .el-form-item.yzm-img-box { margin-bottom: 46px; } }