* { margin: 0; padding: 0; } input, button { background: none; outline: none; border: none; color: none; } body { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; } .application { background: no-repeat; background-size: cover; } .application .application_title { background: no-repeat; background-size: contain; background-position: 0 141px; width: 610px; height: 126px; margin: 0 auto; padding-top: 158px; } .application .application_subtile { width: 1232px; font-size: 30px; font-family: source han sans cn; font-weight: 400; color: #fafafa; line-height: 48px; margin: 0 auto; margin-top: 35px; letter-spacing: 5px; } .application .application_window { text-align: center; margin-top: 67px; } .application .application_window .application_window-left { width: 388px; height: 489px; background: no-repeat; display: inline-block; vertical-align: top; } .application .application_window .application_window-left .order-text { font-size: 22px; font-family: source han sans cn; font-weight: 500; color: #412d1d; line-height: 48px; opacity: 0.7; margin-top: 175px; border: 0px; } .application .application_window .application_window-left .input { margin-top: 30px; width: 265px; height: 37px; line-height: 37px; background: #beb9b6; opacity: 0.4; text-align: center; display: block; margin: 0 auto; font-size: 20px; font-family: source han sans cn; font-weight: 400; color: #747473; } .application .application_window .application_window-left .input1 { margin-top: 20px; } .application .application_window .application_window-left .btn { width: 269px; height: 50px; font-size: 28px; font-family: source han sans cn; font-weight: 500; color: #fafafa; line-height: 23px; margin-top: 22px; background: no-repeat; background-size: contain; } .application .application_window .application_window-right { margin-left: 31px; width: 670px; height: 538px; background: no-repeat; display: inline-block; margin-bottom: 42px; } .manage { background: #fff; } .manage .title { padding-top: 110px; font-size: 44px; font-family: source han sans cn; font-weight: 500; color: #151341; line-height: 90px; margin: 0 auto; text-align: center; display: table; line-height: 44px; } .manage .title_decoration { width: 599px; height: 12px; background: #ec6c3b; opacity: 0.4; margin: 0 auto; margin-top: -5px; } .manage .subtitle { font-size: 24px; font-family: source han sans cn; font-weight: 400; color: #919191; line-height: 36px; margin: 0 auto; text-align: center; margin-top: 25px; vertical-align: top; display: table; } .manage .img { width: 1050px; height: 440px; background: no-repeat; background-size: contain; margin: 0 auto; margin-top: 67px; padding-bottom: 123px; } .order { background: no-repeat; background-size: cover; } .order .content { margin: 0 auto; width: 1141px; padding-top: 93px; padding-bottom: 73px; } .order .content .computer { width: 595px; height: 558px; background: no-repeat; display: inline-block; } .order .content .content-right { display: inline-block; vertical-align: top; } .order .content .content-right .title { font-size: 44px; font-family: source han sans cn; font-weight: 500; color: #151341; line-height: 44px; } .order .content .content-right .title1 { margin-top: 21px; } .order .content .content-right .title_decoration { background: #ec6c3b; opacity: 0.4; width: 265px; height: 12px; margin-top: -5px; } .order .content .content-right .title_decoration1 { width: 397px; } .order .content .content-right .item { width: 448px; height: 106px; position: relative; margin-top: 33px; } .order .content .content-right .item .item-title { font-size: 28px; font-family: source han sans cn; font-weight: 500; color: #151341; line-height: 44px; opacity: 0.9; } .order .content .content-right .item .item-content { display: table; width: 357px; height: 61px; font-size: 24px; font-family: source han sans cn; font-weight: 400; color: #919191; line-height: 39px; position: absolute; left: 45px; top: 45px; } .tablen { background: #ffffff; } .tablen .title { padding-top: 107px; font-size: 44px; font-family: source han sans cn; font-weight: 500; color: #151341; line-height: 90px; margin: 0 auto; text-align: center; display: table; line-height: 44px; } .tablen .title_decoration { width: 515px; height: 12px; background: #ec6c3b; opacity: 0.4; margin: 0 auto; margin-top: -5px; } .tablen .content { margin: 0 auto; margin-top: 56px; display: flex; flex-direction: row; justify-content: center; } .tablen .content .item { position: relative; } .tablen .content .item .item-title { font-size: 28px; font-family: source han sans cn; font-weight: 500; color: #151341; line-height: 44px; opacity: 0.9; } .tablen .content .item .item-content { width: 318px; height: 62px; font-size: 24px; font-family: source han sans cn; font-weight: 400; color: #919191; line-height: 39px; position: float; display: table; top: 46px; padding-left: 54px; } .tablen .content .item .item-img { width: 402px; height: 504px; background: no-repeat; position: float; top: 140px; } .tablen .content .item1 { margin-left: 164px; } .tablen .content .item1 .item-img { width: 567px; height: 430px; background: no-repeat; position: float; top: 298px; margin-top: 62px; } .tablen .content .item1 .item-content { padding-left: 55px; width: 382px; } .tablen .content .item1 .item-content1 { margin-top: 28px; } .flow { background: no-repeat; background-size: cover; padding-bottom: 85px; } .flow .title { padding-top: 72px; font-size: 44px; font-family: source han sans cn; font-weight: 500; color: #151341; margin: 0 auto; text-align: center; display: table; line-height: 44px; } .flow .title_decoration { width: 602px; height: 12px; background: #ec6c3b; opacity: 0.4; margin: 0 auto; margin-top: -5px; } .flow .subtitle { font-size: 24px; font-family: source han sans cn; font-weight: 400; color: #919191; line-height: 44px; margin: 0 auto; text-align: center; margin-top: 42px; vertical-align: top; display: table; } .flow .subtitle .subtitle-content { display: inline-block; width: 832px; vertical-align: top; } .flow .button-group { margin: 0 auto; margin-top: 34px; background: no-repeat; background-size: cover; background-position: 0 0; overflow: visible; width: 948px; height: 494px; } .flow .button-group .btn-item { width: 166px; height: 50px; border-radius: 4px; overflow: hidden; display: inline-block; padding-top: 14px; padding-left: 50px; font-size: 24px; font-family: source han sans cn; font-weight: 500; color: #ffffff; box-sizing: border-box; line-height: 24px; margin-right: 28px; } .flow .button-group .item1 { background: no-repeat; background-size: contain; margin-left: 68px; } .flow .button-group .item2 { background: no-repeat; background-size: contain; } .flow .button-group .item3 { background: no-repeat; background-size: contain; } .tablenorder { background: #ffffff; } .tablenorder .title { padding-top: 112px; font-size: 44px; font-family: source han sans cn; font-weight: 500; color: #151341; margin: 0 auto; text-align: center; display: table; line-height: 44px; } .tablenorder .title_decoration { width: 512px; height: 12px; background: #ec6c3b; opacity: 0.4; margin: 0 auto; margin-top: -5px; } .tablenorder .subtitle { font-size: 24px; font-family: source han sans cn; font-weight: 400; color: #919191; line-height: 44px; margin: 0 auto; text-align: center; margin-top: 42px; vertical-align: top; display: table; } .tablenorder .subtitle .subtitle-content { display: inline-block; width: 721px; vertical-align: top; } .tablenorder .item { width: 1200px; height: 391px; margin: 0 auto; margin-top: 61px; } .tablenorder .item .item-left { display: inline-block; vertical-align: top; } .tablenorder .item .item-left .item-title { font-size: 28px; font-family: source han sans cn; font-weight: 500; color: #151341; opacity: 0.9; } .tablenorder .item .item-left .item-content { width: 301px; height: 62px; font-size: 24px; font-family: source han sans cn; font-weight: 400; color: #919191; line-height: 39px; display: table; padding-left: 54px; padding-top: 21px; } .tablenorder .item .item-img1 { display: inline-block; width: 593px; height: 329px; background: no-repeat; background-size: contain; margin-left: 61px; } .tablenorder .item .item-img2 { display: inline-block; width: 676px; height: 293px; background: no-repeat; background-size: contain; margin-left: 61px; } .tablenorder .item1 { margin-top: 74px; height: 300px; } .efficiency { background: #ffffff; padding-top: 232px; } .efficiency .title { font-size: 44px; font-family: source han sans cn; font-weight: 500; color: #151341; margin: 0 auto; text-align: center; display: table; line-height: 44px; } .efficiency .title_decoration { width: 598px; height: 12px; background: #ec6c3b; opacity: 0.4; margin: 0 auto; margin-top: -5px; } .efficiency .subtitle { font-size: 24px; font-family: source han sans cn; font-weight: 400; color: #919191; line-height: 44px; margin: 0 auto; text-align: center; margin-top: 31px; vertical-align: top; display: table; } .efficiency .subtitle .subtitle-content { display: inline-block; width: 694px; vertical-align: top; } .efficiency .img { margin: 0 auto; margin-top: 26px; padding-bottom: 104px; width: 1130px; height: 407px; background: no-repeat; background-size: contain; } .data { background: no-repeat; background-size: cover; } .data .content { width: 1061px; height: 886px; margin: 0 auto; padding-top: 85px; padding-bottom: 68px; position: relative; } .data .content .btn-leftright { position: absolute; width: 154px; height: 34px; left: 858px; top: 160px; } .data .content .btn-leftright .btn-left { display: inline-block; width: 34px; height: 34px; background: no-repeat; background-size: cover; } .data .content .btn-leftright .btn-right { display: inline-block; margin-left: 34px; width: 34px; height: 34px; background: no-repeat; background-size: cover; } .data .content .btn-leftright .btn-left--selected { display: inline-block; width: 34px; height: 34px; background: no-repeat; background-size: cover; } .data .content .btn-leftright .btn-right--selected { display: inline-block; margin-left: 34px; width: 34px; height: 34px; background: no-repeat; background-size: cover; } .data .content .title { font-size: 44px; font-family: source han sans cn; font-weight: 500; color: #151341; display: table; line-height: 44px; } .data .content .title_decoration { width: 398px; height: 12px; background: #ec6c3b; opacity: 0.4; margin-top: -5px; } .data .content .subtitle { font-size: 24px; font-family: source han sans cn; font-weight: 400; color: #919191; line-height: 44px; margin-top: 31px; vertical-align: top; display: table; } .data .content .subtitle .subtitle-content { display: inline-block; width: 476px; vertical-align: top; } .data .content .slider { padding-top: 103px; } .data .content .slider .slide-list__control { width: 251px; height: 549px; display: inline-block; } .data .content .slider .slide-list__control .slide-list__control-buttons { width: 251px; height: 118px; background: #ffffff; box-shadow: 3px 4px 12px 1px rgba(212, 219, 227, 0.35); border-radius: 10px; text-align: center; margin-bottom: 19px; font-size: 30px; } .data .content .slider .slide-list__control .slide-list__control-buttons .swiper-index_text { font-family: source han sans cn; font-weight: bold; color: #151341; line-height: 118px; display: inline-block; } .data .content .slider .slide-list__control .slide-list__control-buttons .swiper-index_number { font-family: akrobat; font-weight: 900; color: #bdbdbd; line-height: 77px; display: inline-block; } .data .content .slider .slide-list__control .slide-list__control-buttons--selected { width: 251px; height: 118px; background: #f27c4a; box-shadow: 3px 4px 12px 1px rgba(212, 219, 227, 0.35); border-radius: 10px; text-align: center; margin-bottom: 19px; font-size: 30px; } .data .content .slider .slide-list__control .slide-list__control-buttons--selected .swiper-index_text { display: inline-block; font-family: source han sans cn; font-weight: bold; color: #ffffff; line-height: 118px; } .data .content .slider .slide-list__control .slide-list__control-buttons--selected .swiper-index_number { display: inline-block; font-family: akrobat; font-weight: 900; color: #f9c5b4; } .data .content .slider .slider-list { display: inline-block; vertical-align: top; position: relative; margin-left: 114px; } .data .content .slider .slider-list .slider-list_item, .data .content .slider .slider-list .slider-list_item--selected { position: absolute; } .data .content .slider .slider-list .slider-list_item .slider-list_item-text, .data .content .slider .slider-list .slider-list_item--selected .slider-list_item-text { width: 633px; height: 62px; font-size: 24px; font-family: source han sans cn; font-weight: 400; color: #2f2d56; line-height: 38px; display: table; } .data .content .slider .slider-list .slider-list_item .img1, .data .content .slider .slider-list .slider-list_item--selected .img1 { background: no-repeat; background-size: contain; width: 677px; height: 406px; background-position: 0 50px; } .data .content .slider .slider-list .slider-list_item .img2, .data .content .slider .slider-list .slider-list_item--selected .img2 { background: no-repeat; background-size: contain; width: 625px; height: 450px; background-position: 0 50px; } .data .content .slider .slider-list .slider-list_item .img3, .data .content .slider .slider-list .slider-list_item--selected .img3 { background: no-repeat; background-size: cover; width: 677px; height: 566px; } .data .content .slider .slider-list .slider-list_item .img4, .data .content .slider .slider-list .slider-list_item--selected .img4 { background: no-repeat; background-size: cover; width: 677px; height: 607px; } .data .content .slider .slider-list .slider-list_item { transition: opacity 0.5s; opacity: 0; } .data .content .slider .slider-list .slider-list_item--selected { transition: opacity 0.5s; opacity: 1; } .contact { background: no-repeat; background-size: 100% 100%; } .contact-pos { width: 547px; height: 137px; margin: 0 auto; padding-top: 132px; padding-bottom: 172px; } .contact-code-box { width: 136px; height: 136px; background: ; position: relative; display: inline-block; } .contact-code { position: absolute; left: 50%; top: 50%; width: 109px; height: 109px; background-size: 100% 100%; background-image: ; transform: translate(-50%, -50%); } .contact-text-box { display: inline-block; vertical-align: top; margin-left: 66px; } .contact-text { font-size: 30px; line-height: 82px; letter-spacing: 4px; color: #f7fbfe; } .contact-btn { cursor: pointer; width: 154px; height: 43px; font-size: 18px; font-family: source han sans cn; font-weight: 500; border-radius: 10px; color: #ffffff; } .contact-btn_more { background: no-repeat; } .contact-btn_download { background: no-repeat; margin-left: 20px; } .fixed { width: 169px; height: 604px; position: fixed; top: 326px; right: 0; background: no-repeat; background-size: cover; background-position: -29px 0; z-index: 2; } .fixed .fixed-text { width: 82px; height: 25px; font-size: 16px; font-family: source han sans cn; font-weight: 400; color: #f7fbfe; line-height: 25px; margin: 0 auto; padding-top: 328px; text-align: center; } .fixed .text1 { padding-top: 0; color: #f7fbfe; } .fixed .fixed-phone { width: 157px; font-size: 16px; font-family: akrobat; font-weight: 800; color: #151341; line-height: 20px; text-align: center; margin: 0 auto; padding-top: 99px; } .fixed .phone { font-size: 18px; width: 157px; padding: 7px; }