.getflex{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}.space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.flex-wrap{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap}.wrap{width:1156px;margin:0 auto}.introduce-content{padding-top:20px}.after-icon,.before-icon{display:inline-block;width:23px;height:44px;background-image:url(/static/module/class/content/img/645/h1-icon-l.png);background-size:cover;background-position:center;vertical-align:top}.after-icon{background-image:url(/static/module/class/content/img/645/h1-icon-r.png);background-size:cover;background-position:center}.after-icon-h4,.before-icon-h4{display:inline-block;width:69px;height:4px;background-image:url(/static/module/class/content/img/645/h4-icon-l.png);background-size:cover;background-position:center;vertical-align:middle;line-height:4px}.after-icon-h4{background-image:url(/static/module/class/content/img/645/h4-icon-r.png);background-size:cover;background-position:center}.title-h4{display:inline-block;margin:0 13px}.section0{width:100%;background:#f8fafc;margin:0 auto}.section0 .wrap{height:100%}.section0 .wrap .content-box{width:100%;box-sizing:border-box;padding:72px 0}.section0 .wrap .content-box h1{font-family:PingFangSC-Semibold;font-size:32px;color:#1c1e20;text-align:center;line-height:48px;font-weight:600;margin-bottom:52px}.section0 .wrap .content-box h1:nth-of-type(2){margin:50px 0 46px}.section0 .wrap .content-box .section0-main1{width:1030px;margin:0 auto;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.section0 .wrap .content-box .section0-main1 .item{width:220px;height:260px;position:relative;background-image:url(/static/module/class/content/img/645/section0-main1.png);background-size:cover;background-position:center}.section0 .wrap .content-box .section0-main1 .item::before{position:absolute;content:"实战";top:7px;left:19px;font-family:PingFangSC-Semibold;font-size:18px;color:#ffeaa7;text-align:center;font-weight:600}.section0 .wrap .content-box .section0-main1 .item .tit{font-family:PingFangSC-Semibold;font-size:20px;color:#fff;letter-spacing:-.5px;text-align:center;line-height:26px;font-weight:600;margin:50px 0 41px}.section0 .wrap .content-box .section0-main1 .item .con{font-family:PingFangSC-Regular;font-size:14px;color:#1c1e20;letter-spacing:0;text-align:center;line-height:24px;font-weight:400}.section0 .wrap .content-box .section0-main1 .arrow{width:38px;height:16px;margin-top:120px;background-image:url(/static/module/class/content/img/645/section0-arrow.png);background-size:cover;background-position:center}.section0 .wrap .content-box .section0-main1 .item2::before{content:"系统"}.section0 .wrap .content-box .section0-main1 .item3::before{content:"标准"}.section0 .wrap .content-box .section0-main1 .item4::before{content:"精细"}.section0 .wrap .content-box .section0-main2{width:1030px;height:149px;margin:0 auto;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.section0 .wrap .content-box .section0-main2 .item{width:220px;height:149px;font-family:PingFangSC-Semibold;font-size:18px;color:#fff;letter-spacing:-.45px;text-align:center;line-height:139px;font-weight:600;background-image:url(/static/module/class/content/img/645/section0-main5.png);background-size:cover;background-position:center}.section1{width:100%;background-color:#fff;margin:0 auto}.section1 .wrap{height:100%}.section1 .wrap .content-box{padding:72px 0;margin:0 auto;width:100%;box-sizing:border-box;text-align:center;height:100%}.section1 .wrap .content-box h1{font-family:PingFangSC-Semibold;font-size:32px;color:#1c1e20;text-align:center;line-height:48px;font-weight:600;margin-bottom:50px}.section1 .wrap .content-box h1:nth-of-type(2){margin-top:72px}.section1 .wrap .content-box h1:nth-of-type(3){margin-top:72px;margin-bottom:68px}.section1 .wrap .content-box .section1-main1{width:1092px;height:342px;margin:0 auto;background-image:url(/static/module/class/content/img/645/section1-main-item1.png);background-size:cover;background-position:center;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.section1 .wrap .content-box .section1-main1 .item{width:127px;font-family:PingFangSC-Semibold;font-size:14px;color:#5043e2;letter-spacing:0;text-align:center;line-height:24px;font-weight:600;position:relative;margin-top:201px}.section1 .wrap .content-box .section1-main1 .item::before{position:absolute;content:".";top:-3px;left:37px}.section1 .wrap .content-box .section1-main1 .item::after{position:absolute;content:".";top:-3px;right:37px}.section1 .wrap .content-box .section1-main1 .box{width:608px;margin-left:4px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.section1 .wrap .content-box .section1-main1 .box-left{width:125px;margin-top:69px}.section1 .wrap .content-box .section1-main1 .box-left-con{font-family:PingFangSC-Medium;font-size:14px;color:#1c1e20;letter-spacing:0;text-align:center;line-height:50px;font-weight:500}.section1 .wrap .content-box .section1-main1 .box-left-con:not(:first-child){margin-top:29px}.section1 .wrap .content-box .section1-main1 .box-right{width:457px;margin-top:62px}.section1 .wrap .content-box .section1-main1 .box-right .row{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.section1 .wrap .content-box .section1-main1 .box-right .row-item{width:125px;height:60px;font-family:PingFangSC-Semibold;font-size:14px;color:#fff;letter-spacing:-.35px;text-align:center;line-height:60px;text-shadow:0 2px 8px rgba(0,0,0,.16);font-weight:600;box-sizing:border-box}.section1 .wrap .content-box .section1-main1 .box-right .row-item div{line-height:18px}.section1 .wrap .content-box .section1-main1 .box-right .row .pt12{padding-top:12px}.section1 .wrap .content-box .section1-main1 .box-right .row:not(:first-child){margin-top:20px}.section1 .wrap .content-box .section1-main1 .box-right .row1 .row-item{width:197px}.section1 .wrap .content-box .section1-main1 .box-right .row2{width:455px}.section1 .wrap .content-box .section1-main1 .item2{width:125px;margin-top:69px;position:relative;left:8px}.section1 .wrap .content-box .section1-main1 .item2 .con{height:49px;font-family:PingFangSC-Medium;font-size:14px;color:#1c1e20;letter-spacing:0;text-align:center;font-weight:500;box-sizing:border-box}.section1 .wrap .content-box .section1-main1 .item2 .con:not(:first-child){margin-top:29px}.section1 .wrap .content-box .section1-main1 .item2 .con1{line-height:49px}.section1 .wrap .content-box .section1-main1 .item2 .pt5{padding-top:5px}.section1 .wrap .content-box .section1-main1 .item3::before{left:13px}.section1 .wrap .content-box .section1-main1 .item3::after{right:13px}.section1 .wrap .content-box .section1-main2{width:34px;height:26px;margin:16px auto 6px;background-image:url(/static/module/class/content/img/645/section1-tran.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main3{width:1092px;height:258px;margin:0 auto;box-sizing:border-box;padding-top:11px;background-image:url(/static/module/class/content/img/645/section1-main-item2.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main3 .tit{font-family:PingFangSC-Semibold;font-size:14px;color:#fff;letter-spacing:-.35px;text-align:center;line-height:26px;text-shadow:0 2px 8px rgba(0,0,0,.16);font-weight:600;margin-bottom:75px}.section1 .wrap .content-box .section1-main3 .box{width:1008px;margin:0 auto;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.section1 .wrap .content-box .section1-main3 .box .item .row{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.section1 .wrap .content-box .section1-main3 .box .item .row .con{width:123px;font-family:PingFangSC-Semibold;font-size:14px;color:#6b62e1;letter-spacing:-.35px;text-align:center;line-height:32px;font-weight:600}.section1 .wrap .content-box .section1-main3 .box .item .row2{width:123px;margin:46px auto 0;font-family:PingFangSC-Semibold;font-size:14px;color:#82af52;letter-spacing:-.35px;text-align:center;line-height:26px;font-weight:600}.section1 .wrap .content-box .section1-main3 .box .item .w239{width:239px}.section1 .wrap .content-box .section1-main3 .box .item .w190{width:190px}.section1 .wrap .content-box .section1-main3 .box .item1{width:257px}.section1 .wrap .content-box .section1-main3 .box .item2{width:392px}.section1 .wrap .content-box .section1-main4{width:1090px;margin:0 auto;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.section1 .wrap .content-box .section1-main4 .left{width:341px;height:708px;background-image:url(/static/module/class/content/img/645/section1-main-item3.png);background-size:cover;background-position:center;margin-top:57px}.section1 .wrap .content-box .section1-main4 .left .item{width:319px;padding-top:16px;margin-left:18px}.section1 .wrap .content-box .section1-main4 .left .item .tit{font-family:PingFangSC-Semibold;font-size:18px;color:#fff;letter-spacing:-.45px;text-align:center;line-height:26px;font-weight:600;margin-bottom:22px}.section1 .wrap .content-box .section1-main4 .left .item .con{font-family:PingFangSC-Regular;font-size:14px;color:#1c1e20;letter-spacing:0;line-height:24px;font-weight:400;text-align:left;margin-left:30px}.section1 .wrap .content-box .section1-main4 .left .item .con span{text-indent:44px;display:inline-block}.section1 .wrap .content-box .section1-main4 .left .item:not(:first-child){margin-top:28px}.section1 .wrap .content-box .section1-main4 .right{width:679px;height:800px;background:#e1e2fd;box-sizing:border-box;padding-top:28px}.section1 .wrap .content-box .section1-main4 .right .item1{width:631px;height:493px;background-color:#fff;margin:0 auto;box-sizing:border-box;padding-top:28px;position:relative}.section1 .wrap .content-box .section1-main4 .right .item1 .box{width:599px;margin:0 auto;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.section1 .wrap .content-box .section1-main4 .right .item1 .box .mask{position:fixed;top:50%;left:50%;width:800px;height:500px;transform:translate(-50%,-50%);background:rgba(0,0,0,.63);display:none;z-index:801}.section1 .wrap .content-box .section1-main4 .right .item1 .box .row1{width:204px}.section1 .wrap .content-box .section1-main4 .right .item1 .box .row1 .con1{width:203px;height:142px;margin:0 auto;background-image:url(/static/module/class/content/img/645/section1-main-gif3.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main4 .right .item1 .box .row1 .con2{width:204px;height:158px;margin-top:19px;background-image:url(/static/module/class/content/img/645/section1-main-gif8.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main4 .right .item1 .box .row1 .con3{width:203px;height:61px;margin:0 auto;margin-top:44px;background-image:url(/static/module/class/content/img/645/section1-main-gif1.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main4 .right .item1 .box .row1 .con1-gif{width:464px;height:464px;margin:19px auto 0;background-image:url(/static/module/class/content/img/645/section1-main-gif3.gif);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main4 .right .item1 .box .row1 .con2-gif{width:576px;height:478px;margin:11px auto 0;background-image:url(/static/module/class/content/img/645/section1-main-gif8.gif);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main4 .right .item1 .box .row1 .con3-gif{width:775px;height:234px;margin:142px auto 0;background-image:url(/static/module/class/content/img/645/section1-main-gif1.gif);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main4 .right .item1 .box .row2{width:273px}.section1 .wrap .content-box .section1-main4 .right .item1 .box .row2 .con1{width:266px;height:322px;margin:0 auto;background-image:url(/static/module/class/content/img/645/section1-main-gif2.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main4 .right .item1 .box .row2 .con2{width:273px;height:118px;margin-top:13px;background-image:url(/static/module/class/content/img/645/section1-main-gif6.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main4 .right .item1 .box .row2 .con1-gif{width:384px;height:464px;margin:19px auto 0;background-image:url(/static/module/class/content/img/645/section1-main-gif2.gif);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main4 .right .item1 .box .row2 .con2-gif{width:777px;height:336px;margin:84px auto 0;background-image:url(/static/module/class/content/img/645/section1-main-gif6.gif);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main4 .right .item1 .box .row3{width:109px}.section1 .wrap .content-box .section1-main4 .right .item1 .box .row3 .con1{width:101px;height:102px;margin:0 auto;background-image:url(/static/module/class/content/img/645/section1-main-gif5.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main4 .right .item1 .box .row3 .con2{width:108px;height:94px;margin:0 auto;margin-top:53px;background-image:url(/static/module/class/content/img/645/section1-main-gif7.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main4 .right .item1 .box .row3 .con3{width:109px;height:164px;margin-top:40px;background-image:url(/static/module/class/content/img/645/section1-main-gif4.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main4 .right .item1 .box .row3 .con1-gif{width:464px;height:464px;margin:19px auto 0;background-image:url(/static/module/class/content/img/645/section1-main-gif5.gif);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main4 .right .item1 .box .row3 .con2-gif{width:464px;height:464px;margin:19px auto 0;background-image:url(/static/module/class/content/img/645/section1-main-gif7.gif);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main4 .right .item1 .box .row3 .con3-gif{width:310px;height:464px;margin:19px auto 0;background-image:url(/static/module/class/content/img/645/section1-main-gif4.gif);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main4 .right .item1::before{position:absolute;top:-18px;left:23px;content:" ";width:172px;height:40px;background-image:url(/static/module/class/content/img/645/section1-label1.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main4 .right .item2{width:175px;height:27px;background-image:url(/static/module/class/content/img/645/section1-label2.png);background-size:cover;background-position:center;margin:4px auto}.section1 .wrap .content-box .section1-main4 .right .item3{width:631px;height:220px;margin:0 auto;background-image:url(/static/module/class/content/img/645/section1-main-item4.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main5{width:1078px;margin:0 auto;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.section1 .wrap .content-box .section1-main5 .item{width:330px;height:626px;background:#e0e2fd;border-radius:4px;position:relative;box-sizing:border-box;padding-top:32px}.section1 .wrap .content-box .section1-main5 .item::before{position:absolute;top:-16px;left:50%;margin-left:-86px;width:172px;height:40px;content:"PC端企业网页";background-image:url(/static/module/class/content/img/645/section1-label3.png);background-size:cover;background-position:center;font-family:PingFangSC-Semibold;font-size:18px;color:#fff;letter-spacing:-.45px;text-align:center;line-height:32px;font-weight:600}.section1 .wrap .content-box .section1-main5 .item .img{width:290px;height:574px;margin:0 auto;background-image:url(/static/module/class/content/img/645/section1-main-item5.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main5 .item3::before{content:"移动端教育网页"}.section1 .wrap .content-box .section1-main5 .item3 .img{background-image:url(/static/module/class/content/img/645/section1-main-item7.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main5 .item2::before{content:"PC端电商网页"}.section1 .wrap .content-box .section1-main5 .item2 .img{background-image:url(/static/module/class/content/img/645/section1-main-item6.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main6{width:1078px;margin:20px auto 0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.section1 .wrap .content-box .section1-main6 .item{width:330px;height:230px;box-sizing:border-box;padding-top:32px;padding-left:28px;background-image:url(/static/module/class/content/img/645/section1-main-item8.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main6 .item .row:last-child{margin-top:12px}.section1 .wrap .content-box .section1-main6 .item .row .tit{font-family:PingFangSC-Semibold;font-size:16px;color:#5043e2;text-align:left;font-weight:600;position:relative;padding-left:28px}.section1 .wrap .content-box .section1-main6 .item .row .tit::before{position:absolute;top:0;left:0;content:" ";width:20px;height:20px;background-image:url(/static/module/class/content/img/645/section1-icon1.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main6 .item .row .tit2::before{background-image:url(/static/module/class/content/img/645/section1-icon2.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main6 .item .row .con{font-family:PingFangSC-Regular;font-size:14px;color:#1c1e20;text-align:justify;line-height:22px;font-weight:400;margin-top:6px}.section1 .wrap .content-box .section1-main6 .item .row .w212{width:196px}.section1 .wrap .content-box .section1-main6 .item .row .w256{width:256px}.section1 .wrap .content-box .section1-main6 .item .row .w284{width:284px}.section1 .wrap .content-box .section1-main6 .item .row .con-c{margin-left:11px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.section1 .wrap .content-box .section1-main6 .item .row .con-c .con-com .dot{position:relative}.section1 .wrap .content-box .section1-main6 .item .row .con-c .con-com .dot::before{position:absolute;content:".";top:-5px;left:-10px}.section1 .wrap .content-box .section1-main6 .item3{padding-left:20px}.section2{width:100%;position:relative;margin:0 auto;background:#f8fafc}.section2 .wrap{height:100%}.section2 .wrap .content-box{position:relative;width:100%;padding:72px 0;box-sizing:border-box}.section2 .wrap .content-box h1{font-family:PingFangSC-Semibold;font-size:32px;color:#1c1e20;text-align:center;line-height:48px;font-weight:600;margin-bottom:50px}.section2 .wrap .content-box .section2-main1{width:1104px;margin:0 auto;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.section2 .wrap .content-box .section2-main1 .item{width:208px;height:198px;background-image:url(/static/module/class/content/img/645/section3-main-item1.png);background-size:cover;background-position:center;box-sizing:border-box;padding-top:109px}.section2 .wrap .content-box .section2-main1 .item .tit{font-family:PingFangSC-Semibold;font-size:18px;color:#ffeaa7;text-align:center;font-weight:600;margin-bottom:4px}.section2 .wrap .content-box .section2-main1 .item .con{opacity:.75;font-family:PingFangSC-Regular;font-size:16px;color:#fff;text-align:center;line-height:22px;font-weight:400}.section2 .wrap .content-box .section2-main1 .item2{background-image:url(/static/module/class/content/img/645/section3-main-item2.png);background-size:cover;background-position:center}.section2 .wrap .content-box .section2-main1 .item3{background-image:url(/static/module/class/content/img/645/section3-main-item3.png);background-size:cover;background-position:center}.section2 .wrap .content-box .section2-main1 .item4{background-image:url(/static/module/class/content/img/645/section3-main-item4.png);background-size:cover;background-position:center}.section2 .wrap .content-box .section2-main1 .item5{background-image:url(/static/module/class/content/img/645/section3-main-item5.png);background-size:cover;background-position:center}.section3{width:100%;background:#fff}.section3 .wrap{height:100%}.section3 .wrap .content-box{width:100%;box-sizing:border-box;padding:50px 0 0}.section3 .wrap .content-box h1{font-family:PingFangSC-Semibold;font-size:32px;color:#1c1e20;text-align:center;line-height:48px;font-weight:600;margin-bottom:48px}.section3 .wrap .content-box .section3-main1{width:1152px;margin:0 auto;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.section3 .wrap .content-box .section3-main1 .item{width:373px;height:152px;background:#f8fafc;border-radius:12px;box-sizing:border-box;padding-top:18px}.section3 .wrap .content-box .section3-main1 .item .tit{font-family:PingFangSC-Medium;font-size:16px;color:#1c1e20;text-align:center;line-height:36px;font-weight:600}.section3 .wrap .content-box .section3-main1 .item .con{font-family:PingFangSC-Regular;font-size:12px;color:#1c1f21;text-align:center;line-height:20px;font-weight:400}@media only screen and (min-width:768px) and (max-width:1024px){.wrap{transform:scale(.9)}}