* { margin: 0; padding: 0; font-family: pingfang sc; } body { background: rgba(255, 255, 255, 1) !important; position: relative; } .bannervideo { display: none; position: fixed; width: 960px; left: 50vw; top: 50vh; transform: translate(-50%, -50%); z-index: 2; } video { width: 960px; } .close { height: 40px; background: #000; } .close .key { width: 36px; height: 36px; margin-top: 2px; margin-right: 2px; border: 50%; float: right; cursor: pointer; background: url(/uploads/image/ltimages/closed_normal.png); } .rowflex { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .center { width: 1024px; margin: 0 auto; } .title { font-size: 50px; font-family: pingfang sc; font-weight: bold; color: #1a1a1a; line-height: 50px; } .subtitle { font-size: 22px; font-family: pingfang sc; font-weight: 500; color: #1a1a1a; line-height: 22px; } .ad { background: #fafafa; padding-top: 80px; } .ad-content { padding-top: 126px; padding-bottom: 74px; align-items: start; } .ad-content-text { margin-top: 107px; } .ad-content-text-title { font-size: 62px; font-family: pingfang sc; font-weight: bold; color: #1a1a1a; line-height: 72px; } .ad-content-text-subtitle { margin-top: 50px; font-size: 25px; font-family: pingfang sc; font-weight: 400; color: #1a1a1a; line-height: 25px; } .ad-content-text-btnarea { margin-top: 51px; align-items: center; justify-content: start; } .ad-content-text-btnarea-btn { cursor: pointer; width: 144px; height: 46px; background: #ff6727; border-radius: 4px; line-height: 46px; font-size: 18px; font-weight: 500; color: #ffffff; text-align: center; } .ad-content-text-btnarea-text { cursor: pointer; font-size: 16px; font-weight: 400; color: #ff6727; margin-left: 17px; } .ad-content-img { cursor: pointer; width: 500px; height: 600px; border-radius: 10px; overflow: hidden; background-image: ; background-repeat: no-repeat; background-size: cover; background-position: center; } .reason { padding-top: 143px; } .reason-content-left { margin-top: 8px; } .reason-content-left-title { line-height: 72px; } .reason-content-left-subtitle { margin-top: 20.5px; line-height: 35px; } .reason-content-right { margin: 7px 12px 12px 67px; width: 487px; height: 300px; border-radius: 10px; background-image: ; background-repeat: no-repeat; background-size: cover; background-position: center; } .methods { margin-top: 138px; } .methods-subtitle { margin-top: 38px; } .methods-content { margin-top: 100px; justify-content: start; align-items: center; } .methods-content-img { border-radius: 6px; width: 472px; height: 590px; background-image: ; background-repeat: no-repeat; background-size: cover; background-position: center; } .methods-content-text { margin-left: 90px; position: relative; } .methods-content-text-line { position: absolute; height: 230px; border-left: 3px dotted #bfbfbf; top: 60px; left: 30px; } .methods-content-text-item { justify-content: start; } .methods-content-text-item-imgbox { width: 60px; height: 60px; background: #e6e6e6; border-radius: 50%; position: relative; } .methods-content-text-item-imgbox-img1 { background-image: ; background-repeat: no-repeat; background-size: cover; background-position: center; width: 22px; height: 18px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .methods-content-text-item-imgbox-img2 { background-image: ; background-repeat: no-repeat; background-size: cover; background-position: center; width: 25px; height: 18px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .methods-content-text-item-imgbox-img3 { background-image: ; background-repeat: no-repeat; background-size: cover; background-position: center; width: 25px; height: 18px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .methods-content-text-item-text { margin-left: 19px; } .methods-content-text-item-text-title { font-size: 30px; font-family: pingfang sc; font-weight: 500; color: #1a1a1a; line-height: 30px; } .methods-content-text-item-text-subtitle { margin-top: 12px; font-size: 16px; font-family: pingfang sc; font-weight: 500; color: #1a1a1a; line-height: 16px; } .methods-content-text-item:hover { cursor: pointer; } .methods-content-text-item:hover .methods-content-text-item-imgbox { background: #ff6727; } .methods-content-text-item:hover .methods-content-text-item-imgbox .methods-content-text-item-imgbox-img1 { background-image: ; background-repeat: no-repeat; background-size: cover; background-position: center; } .methods-content-text-item:hover .methods-content-text-item-imgbox .methods-content-text-item-imgbox-img2 { background-image: ; background-repeat: no-repeat; background-size: cover; background-position: center; } .methods-content-text-item:hover .methods-content-text-item-imgbox .methods-content-text-item-imgbox-img3 { background-image: ; background-repeat: no-repeat; background-size: cover; background-position: center; } .methods-content-text-item:nth-child(3) { margin-top: 81px; } .methods-content-text-item:nth-child(4) { margin-top: 88px; } .experience { margin-top: 154px; padding-bottom: 151px; } .experience-content { margin-top: 100px; width: 1024px; height: 322px; border-radius: 10px; box-sizing: border-box; background-image: ; background-repeat: no-repeat; background-size: cover; background-position: center; padding-top: 98px; padding-left: 144px; } .experience-content-text-title { font-size: 30px; font-family: pingfang sc; font-weight: 500; color: #1a1a1a; } .experience-content-text-subtitle { font-size: 16px; font-family: pingfang sc; font-weight: 500; color: #1a1a1a; margin-top: 16px; line-height: 30px; } .experience-content-text-subtitle::before { content: ; width: 28px; height: 22px; display: inline-block; vertical-align: top; margin-top: 4px; margin-right: 6px; } .experience-content-text .special-experience::before { content: ; } .experience-content-text-btn { cursor: pointer; margin-top: 21px; width: 191px; height: 50px; background: #ff6727; border-radius: 4px; line-height: 46px; font-size: 30px; font-weight: 500; color: #ffffff; text-align: center; border-radius: 25px; } @media screen and (min-width: 768px) and (max-width: 1665px) { .get { width: 100%; } } @media screen and (min-width: 1665px) { .get { width: 1665px; } } .get { margin: 0 auto; padding-bottom: 150px; background: rgba(248, 248, 249, 1); } .get-content-title { padding-top: 153px; } .get-content-subtitle { margin-top: 35px; } .get-content-flex { justify-content: start; align-items: start; margin-top: 134px; } .get-content-flex-text-item { justify-content: start; align-items: start; } .get-content-flex-text-item-img { width: 60px; height: 60px; background: #e8e4e5; border-radius: 50%; position: relative; } .get-content-flex-text-item-img-icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .get-content-flex-text-item-text { margin-left: 19px; } .get-content-flex-text-item-text-title { font-size: 30px; font-family: pingfang sc; font-weight: 500; color: #1a1a1a; line-height: 30px; } .get-content-flex-text-item-text-subtitle { font-size: 16px; font-family: pingfang sc; font-weight: 500; color: #1a1a1a; line-height: 24px; margin-top: 9px; } .get-content-flex-text-item:nth-child(2) { margin-top: 109px; } .get-content-flex-text-item:nth-child(3) { margin-top: 87px; } .get-content-flex-img { margin-top: 64px; width: 590px; height: 364px; margin-left: 79px; background-image: ; background-repeat: no-repeat; background-size: cover; background-position: center; } .they .position { width: 1024px; height: 500px; position: relative; margin: 0 auto; } .they-title { margin-top: 153px; } .they-slider { margin: 0 auto; margin-top: 98px; width: 1024px; height: 500px; background: #ffffff; border: 1px solid #bfbfbf; box-shadow: 0px 26px 48px 1px rgba(17, 26, 46, 0.06); border-radius: 10px; position: relative; } .they-slider-item { padding-top: 50px; padding-left: 91px; box-sizing: border-box; position: absolute; } .they-slider-item-title { font-size: 30px; font-family: pingfang sc; font-weight: 500; color: #1a1a1a; } .they-slider-item-subtitle { font-size: 16px; font-family: pingfang sc; font-weight: 400; color: #1a1a1a; line-height: 16px; margin-top: 9px; } .they-slider-item-comparison { justify-content: start; margin-top: 52px; } .they-slider-item-comparison-item-text { font-size: 20px; font-family: pingfang sc; font-weight: 500; color: #303849; height: 20px; line-height: 20px; } .they-slider-item-comparison-item-data { font-size: 16px; font-weight: 500; line-height: 26px; display: flex; flex-direction: column; justify-content: center; margin-top: 20px; border-left: 4px solid #e2e3e5; padding-left: 11px; font-size: 30px; font-family: pingfang sc; font-weight: bold; color: #1a1a1a; height: 63px; } .they-slider-item-comparison-item:nth-child(2) { margin-left: 53px; } .they-slider-item-comparison-item:nth-child(3) { margin-left: 101px; } .they-slider-item-comparison-item:nth-child(4) { margin-left: 29px; } .they-slider-item-content { margin-top: 16px; justify-content: start; align-items: flex-end; } .they-slider-item-content-person { width: 65px; font-size: 16px; font-family: pingfang sc; font-weight: 500; color: #1a1a1a; line-height: 24px; text-align: center; } .they-slider-item-content-person-img1 { margin: 0 auto; width: 61px; height: 61px; margin-bottom: 6px; background-image: ; background-repeat: no-repeat; background-size: cover; background-position: center; } .they-slider-item-content-person-img2 { margin: 0 auto; width: 59px; height: 39px; margin-bottom: 19px; background-image: ; background-repeat: no-repeat; background-size: cover; background-position: center; } .they-slider-item-content-text { margin-left: 14px; width: 493px; height: 119px; box-sizing: border-box; padding: 0 23px 0px 38px; font-size: 16px; font-family: pingfang sc; font-weight: 400; color: #1a1a1a; line-height: 24px; background-image: ; background-repeat: no-repeat; background-size: cover; background-position: center; align-items: center; } .they-slider-item-img1 { width: 450px; height: 375px; position: absolute; top: 73px; right: -35.5px; background-image: ; background-repeat: no-repeat; background-size: cover; background-position: center; } .they-slider-item-img2 { width: 385px; height: 375px; position: absolute; top: 74px; right: -9px; background-image: ; background-repeat: no-repeat; background-size: cover; background-position: center; } .they-slider-pre { cursor: pointer; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 2; } .they-slider-next { z-index: 2; cursor: pointer; position: absolute; right: 0; top: 50%; transform: translate(50%, -50%); } .they-slider-controller { position: absolute; bottom: -46px; left: 50%; transform: translate(-50%, 100%); width: 54px; } .they-slider-controller-item { width: 18px; height: 18px; background: #cfd5db; border-radius: 50%; cursor: pointer; } .they-slider-controller-item--selected { background: #ffc27a; } .service { margin-top: 64px; padding-top: 85px; padding-bottom: 128px; } .service-flexbox { display: flex; flex-direction: row; align-items: center; justify-content: space-between; justify-content: start; margin-top: 108px; } .service-flexbox-item { height: 123px; display: flex; flex-direction: column; justify-content: space-between; } .service-flexbox-item-img1 { width: 35px; height: 31px; background-image: ; background-repeat: no-repeat; background-size: cover; background-position: center; } .service-flexbox-item-img2 { width: 35px; height: 29px; background-image: ; background-repeat: no-repeat; background-size: cover; background-position: center; } .service-flexbox-item-img3 { width: 29px; height: 27px; background-image: ; background-repeat: no-repeat; background-size: cover; background-position: center; } .service-flexbox-item-img4 { width: 34px; height: 30px; background-image: ; background-repeat: no-repeat; background-size: cover; background-position: center; } .service-flexbox-item-text-title { font-size: 25px; font-weight: 400; color: #111a2e; } .service-flexbox-item-text-subtitle { margin-top: 15px; font-size: 16px; font-weight: normal; color: #111a2e; } .service-flexbox-item:nth-child(1) { margin-right: 79px; } .service-flexbox-item:nth-child(2) { margin-right: 121px; } .service-flexbox-item:nth-child(3) { margin-right: 99px; }