.main-wrap[data-v-d8ba7217] { overflow-x: hidden; min-height: 100vh; background-image: url("img/010967b9ca.png"); background-repeat: no-repeat; background-size: cover; color: #1a1a1a; } .main-wrap .section[data-v-d8ba7217] { width: 1200px; margin: 0 auto; padding-top: 70px; } .main-wrap .section .sec-top[data-v-d8ba7217] { height: 352px; display: flex; margin-top: 160px; } .main-wrap .section .sec-top .slogan[data-v-d8ba7217] { flex: 1; } .main-wrap .section .sec-top .slogan .topic[data-v-d8ba7217] { color: #333; font-size: 24px; margin-top: 50px; } .main-wrap .section .sec-top .serivce-entry[data-v-d8ba7217] { display: flex; } .main-wrap .section .sec-top .serivce-entry .service-main[data-v-d8ba7217] { width: 350px; height: 350px; border-radius: 24px; padding: 40px; box-sizing: border-box; background: url("img/85d9af21c8.png") #fff no-repeat bottom right; background-size: 260px 220px; } .main-wrap .section .sec-top .serivce-entry .service-main .ser-title[data-v-d8ba7217] { font-size: 30px; color: #1a1a1a; font-weight: bold; } .main-wrap .section .sec-top .serivce-entry .service-main .ser-sub-title[data-v-d8ba7217] { color: #333333; font-size: 22px; margin-top: 10px; } .main-wrap .section .sec-top .serivce-entry .service-main .ser-btn[data-v-d8ba7217] { width: 130px; height: 60px; display: flex; background-color: #ffd250; color: #333333; font-size: 20px; border-radius: 30px; justify-content: center; align-items: center; margin-top: 134px; cursor: pointer; font-weight: bold; } .main-wrap .section .sec-top .serivce-entry .service-main .ser-btn i[data-v-d8ba7217] { width: 10px; height: 16px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAMAAAAlvKiEAAAAFVBMVEUAAABVVVVJSUkzNzM0NTQ0NjQzNTPx4+Z4AAAABnRSTlMABgeHtucUurloAAAASklEQVR42s3SMQ7AMAwCwGCM///kZG1BylaV8STLA6wcUCJeyDnpeqImqCYoJyg6af1KkZQrqC5o5/bIrD41mFlxVvFtDDSLA8vZY9MFnQa89AkAAAAASUVORK5CYII=) center no-repeat; background-size: 100%; margin-left: 8px; } .main-wrap .section .sec-top .serivce-entry .service-right[data-v-d8ba7217] { width: 350px; height: 350px; margin-left: 16px; display: flex; flex-direction: column; justify-content: space-between; } .main-wrap .section .sec-top .serivce-entry .service-right .service-sub[data-v-d8ba7217] { height: 168px; background: #fff; border-radius: 24px; display: flex; align-items: center; justify-content: space-between; padding: 0 40px; cursor: pointer; } .main-wrap .section .sec-top .serivce-entry .service-right .service-sub .ser-title[data-v-d8ba7217] { font-size: 30px; color: #1a1a1a; font-weight: bold; } .main-wrap .section .sec-top .serivce-entry .service-right .service-sub .ser-icon[data-v-d8ba7217] { width: 60px; height: 60px; } .main-wrap .section .sec-top .serivce-entry .service-right .service-sub .ser-icon.icon-1[data-v-d8ba7217] { background: url("data:image/png;base64,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") center no-repeat; background-size: 100%; } .main-wrap .section .sec-top .serivce-entry .service-right .service-sub .ser-icon.icon-2[data-v-d8ba7217] { background: url("data:image/png;base64,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") center no-repeat; background-size: 100%; } .main-wrap .section .main-title[data-v-d8ba7217] { text-align: center; font-weight: bold; font-size: 50px; color: #1a1a1a; margin-top: 200px; } .main-wrap .section .separator[data-v-d8ba7217] { width: 100px; height: 4px; background-color: #ffd250; margin: 98px auto; } .main-wrap .section .section-title[data-v-d8ba7217] { font-size: 80px; text-align: center; font-weight: bold; } .main-wrap .section .section-sub-title[data-v-d8ba7217] { font-size: 26px; text-align: center; margin-top: 20px; } .main-wrap .section .section-card[data-v-d8ba7217] { background: rgba(255, 255, 255, 0.85); border-radius: 24px; padding: 40px; margin-top: 80px; display: flex; justify-content: space-between; position: relative; } .main-wrap .section .section-card .right-icon[data-v-d8ba7217] { position: absolute; top: -236px; right: 24px; z-index: 1; } .main-wrap .section .section-card .right-icon.sec-1[data-v-d8ba7217] { width: 300px; height: 236px; background: url("img/0bf287ba81.png") center no-repeat; background-size: 100%; } .main-wrap .section .section-card .right-icon.sec-2[data-v-d8ba7217] { width: 316px; height: 236px; background: url("img/fcc0da6d3f.png") center no-repeat; background-size: 100%; } .main-wrap .section .section-card .right-icon.sec-3[data-v-d8ba7217] { width: 340px; height: 236px; background: url("img/f99879d4c6.png") center no-repeat; background-size: 100%; right: 0; } .main-wrap .section .section-card .card[data-v-d8ba7217] { width: 355px; flex-shrink: 0; } .main-wrap .section .section-card .card .card-title[data-v-d8ba7217] { font-size: 30px; font-weight: bold; } .main-wrap .section .section-card .card .card-sub-title[data-v-d8ba7217] { font-size: 16px; height: 44px; line-height: 22px; color: #999999; margin-top: 10px; } .main-wrap .section .section-card .card .card-img[data-v-d8ba7217] { margin-top: 10px; width: 355px; height: 172px; overflow: hidden; } .main-wrap .section .section-card .card .card-img img[data-v-d8ba7217] { border-radius: 16px; width: inherit; height: inherit; } .main-wrap .section .section-card .section-list-wrap[data-v-d8ba7217] { flex: 1; } .main-wrap .section .section-card .section-list-wrap.ml[data-v-d8ba7217] { margin-left: 30px; } .main-wrap .section .section-card .section-list-wrap .list-title[data-v-d8ba7217] { font-size: 30px; font-weight: bold; } .main-wrap .section .section-card .section-list-wrap .list-sub-title[data-v-d8ba7217] { font-size: 16px; color: #999999; margin-top: 10px; } .main-wrap .section .section-card .section-list-wrap .list[data-v-d8ba7217] { margin-top: 30px; } .main-wrap .section .section-card .section-list-wrap .list .li[data-v-d8ba7217] { height: 144px; width: 100%; display: flex; align-items: center; } .main-wrap .section .section-card .section-list-wrap .list .li .li-icon[data-v-d8ba7217] { width: 140px; height: inherit; display: flex; justify-content: center; align-items: center; } .main-wrap .section .section-card .section-list-wrap .list .li .li-right[data-v-d8ba7217] { height: 100%; flex: 1; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } .main-wrap .section .section-card .section-list-wrap .list .li .li-right.bdb[data-v-d8ba7217] { border-bottom: 1px solid #e2e2e2; } .main-wrap .section .section-card .section-list-wrap .list .li .li-right .li-title[data-v-d8ba7217] { font-size: 24px; font-weight: bold; } .main-wrap .section .section-card .section-list-wrap .list .li .li-right .li-sub-title[data-v-d8ba7217] { font-size: 16px; color: #999; margin-top: 10px; } .main-wrap footer[data-v-d8ba7217] { margin: 60px auto 30px; } .main-wrap footer p[data-v-d8ba7217] { text-align: center; font-size: 14px; color: #888; } .main-wrap footer p a[data-v-d8ba7217] { color: #777; } .main-wrap footer p a[data-v-d8ba7217]:active { color: #777; }