.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}.section0{width:100%;height:552px;position:relative;background-color:#fff;margin:0 auto;margin-bottom:64px}.section0 .wrap{height:100%}.section0 .wrap .content-box{position:absolute;background-image:url(https://coding.imooc.com/static/module/class/content/img/464/section0-bg.png);background-size:cover;background-position:center;margin:0 auto;width:1152px;box-sizing:border-box;text-align:center;height:552px;background:#fff;border:4px solid #f2f2ff;border-radius:12px}.section0 .wrap .content-box .section0-icon{width:242px;height:48px;background-image:url(../image/section0-icon1.png);background-size:cover;background-position:center;margin:-23px auto 30px;line-height:48px;font-family:PingFangSC-Semibold;font-size:20px;color:#fbfcfc;text-align:center;font-weight:600}.section0 .wrap .content-box h1{font-size:32px;color:#333;text-align:center;line-height:48px;font-weight:700;margin-bottom:4px}.section0 .wrap .content-box h4{font-family:PingFangSC-Regular;font-size:16px;color:#1c1e20;text-align:center;line-height:24px;margin-bottom:50px}.section0 .wrap .content-box .section0-main{width:864px;height:308px;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-main .section0-main-item{width:248px;height:308px;background-image:url(../image/section0-main-item14.png);background-size:cover;background-position:center}.section0 .wrap .content-box .section0-main .section0-main-item .p-title{font-family:PingFangSC-Semibold;font-size:20px;color:#fff;letter-spacing:-.5px;text-align:center;font-weight:600;margin:130px auto 10px}.section0 .wrap .content-box .section0-main .section0-main-item .p-cont{font-family:PingFangSC-Regular;font-size:14px;color:#fff;text-align:center;line-height:24px;font-weight:400}.section0 .wrap .content-box .section0-main .section0-main-item2{background-image:url(../image/section0-main-item23.png);background-size:cover;background-position:center}.section0 .wrap .content-box .section0-main .section0-main-item3{background-image:url(../image/section0-main-item32.png);background-size:cover;background-position:center}.section1{width:100%;height:1630px;position:relative;margin:0 auto;background:#f8fafc;margin-bottom:30px;padding-top:88px}.section1 .wrap{height:100%}.section1 .wrap .content-box{position:relative;height:1555px;margin:0 auto;width:100%;box-sizing:border-box;text-align:center;background:#fff;border:4px solid #f2f2ff;border-radius:12px}.section1 .wrap .content-box .section1-icon{width:242px;height:48px;background-image:url(../image/section0-icon1.png);background-size:cover;background-position:center;margin:-17px auto 21px;font-family:PingFangSC-Semibold;font-size:20px;color:#fbfcfc;text-align:center;font-weight:600;line-height:48px}.section1 .wrap .content-box h1{font-size:32px;color:#333;text-align:center;line-height:48px;font-weight:700;margin-bottom:4px;white-space:nowrap}.section1 .wrap .content-box h4{font-family:PingFangSC-Regular;font-size:16px;color:#1c1e20;text-align:center;line-height:24px;margin-bottom:50px}.section1 .wrap .content-box h5{width:931px;height:26px;margin:0 auto;background-image:url(../image/section1-h5.png);background-size:cover;background-position:center;font-family:PingFangSC-Semibold;font-size:20px;color:#2d51e3;text-align:center;font-weight:600;margin-bottom:50px}.section1 .wrap .content-box .section1-main{position:relative;width:1031px;height:391px;margin:0 auto;background-image:url(../image/section1-main11.png);background-size:cover;background-position:center;margin-bottom:50px}.section1 .wrap .content-box .section1-main .title{font-family:PingFangSC-Semibold;font-size:16px;color:#85e8ff;text-align:center;font-weight:600;position:absolute;top:62px;left:100px}.section1 .wrap .content-box .section1-main .title2{left:346px}.section1 .wrap .content-box .section1-main .title3{left:566px}.section1 .wrap .content-box .section1-main .title4{left:795px}.section1 .wrap .content-box .section1-main .cont-box{width:160px;text-align:left;position:absolute;top:96px;left:88px}.section1 .wrap .content-box .section1-main .cont-box p{font-family:PingFangSC-Regular;font-size:14px;color:#fff;line-height:22px;font-weight:400}.section1 .wrap .content-box .section1-main .cont-box2{left:334px}.section1 .wrap .content-box .section1-main .cont-box3{left:554px}.section1 .wrap .content-box .section1-main .cont-box3 p{font-weight:600}.section1 .wrap .content-box .section1-main .cont-box4{left:783px}.section1 .wrap .content-box .section1-main .title-b1{font-family:PingFangSC-Semibold;font-size:14px;color:#85e8ff;text-align:center;line-height:18px;font-weight:600;position:absolute;top:349px;left:472px}.section1 .wrap .content-box .section1-main .title-b2{position:absolute;top:367px;left:402px;font-family:PingFangSC-Regular;font-size:14px;color:#85e8ff;text-align:center;line-height:18px;font-weight:400}.section1 .wrap .content-box h2{width:931px;height:26px;line-height:26px;margin:0 auto;background-image:url(../image/section-h4.png);background-size:cover;background-position:center;font-family:PingFangSC-Semibold;font-size:20px;color:#2d51e3;text-align:center;font-weight:600;margin-bottom:8px}.section1 .wrap .content-box .section1-main2{position:relative;width:1094px;height:462px;margin:0 auto;background-image:url(https://coding.imooc.com/static/module/class/content/img/464/section1-main2.png);background-size:cover;background-position:center}.section1 .wrap .content-box h3{margin:0 auto;opacity:.72;font-family:PingFangSC-Regular;font-size:14px;color:#2d51e3;text-align:center;font-weight:400;margin-bottom:50px}.section1 .wrap .content-box .section1-main2{width:1026px;height:251px;margin:0 auto;margin-bottom:46px;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-main2 .section1-main2-item{position:relative;width:494px;height:251px;background-image:url(../image/section1-main2-item1.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main2 .section1-main2-item .bottom{width:206px;height:32px;background:#2c50e2;border:1px solid #f2f2ff;border-radius:4px;line-height:32px;font-family:PingFangSC-Semibold;font-size:16px;color:#fff;text-align:center;font-weight:600;position:absolute;top:235px;left:144px}.section1 .wrap .content-box .section1-main2 .section1-main2-item2{background-image:url(../image/section1-main2-item2.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main2 .section1-main2-item3{background-image:url(../image/section1-main2-item3.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main2 .section1-main2-item4{background-image:url(../image/section1-main2-item4.png);background-size:cover;background-position:center}.section1 .wrap .content-box .bottom-img{width:1036px;height:88px;margin:0 auto;background-image:url(../image/bottom-img.png);background-size:cover;background-position:center;position:relative}.section1 .wrap .content-box .bottom-img .cont{font-family:PingFangSC-Regular;font-size:14px;color:#fff;text-align:center;font-weight:400;position:absolute;top:16px;left:88px}.section1 .wrap .content-box .bottom-img .cont2{left:238px}.section1 .wrap .content-box .bottom-img .cont3{left:391px}.section1 .wrap .content-box .bottom-img .cont4{left:570px}.section1 .wrap .content-box .bottom-img .cont5{top:26px;left:702px}.section1 .wrap .content-box .bottom-img .cont6{left:861px}.section2{width:100%;height:699px;position:relative;background-color:#fff}.section2 .wrap{height:100%}.section2 .wrap .content-box{position:relative;padding-top:30px;margin:0 auto;width:100%;box-sizing:border-box;text-align:center;height:100%}.section2 .wrap .content-box .section2-icon{position:absolute;top:10px;left:457px;width:242px;height:48px;z-index:4;background-image:url(../image/section0-icon1.png);background-size:cover;background-position:center;font-family:PingFangSC-Semibold;font-size:20px;color:#fbfcfc;text-align:center;font-weight:600;line-height:48px}.section2 .wrap .content-box .section2-main{position:relative;width:1152px;height:564px;margin:0 auto;background:#fff;border:4px solid #f2f2ff;border-radius:12px}.section2 .wrap .content-box .section2-main .line{width:10px;height:410px;background-image:url(../image/line1.png);background-size:cover;background-position:center;position:absolute;top:70px;left:44px}.section2 .wrap .content-box .section2-main .title-number{font-family:PingFangSC-Semibold;font-size:16px;color:#2c50e2;letter-spacing:0;font-weight:700;position:absolute;top:64px;left:74px}.section2 .wrap .content-box .section2-main .title-number2{top:147px}.section2 .wrap .content-box .section2-main .title-number3{top:230px}.section2 .wrap .content-box .section2-main .title-number4{top:317px}.section2 .wrap .content-box .section2-main .title-number5{top:399px;color:#2c50e2;opacity:.6}.section2 .wrap .content-box .section2-main .content-every{font-family:PingFangSC-Regular;font-size:14px;color:#1c1e20;letter-spacing:0;text-align:justify;line-height:22px;position:absolute;top:99px;left:74px}.section2 .wrap .content-box .section2-main .content-every2{top:180px}.section2 .wrap .content-box .section2-main .content-every3{top:259px}.section2 .wrap .content-box .section2-main .content-every4{top:345px}.section2 .wrap .content-box .section2-main .content-every5{top:428px;color:#959697}.section2 .wrap .content-box .section2-main .link{display:inline-block;width:180px;height:50px;line-height:50px;font-family:PingFangSC-Semibold;font-size:16px;color:#2c50e2;letter-spacing:0;font-weight:700;position:absolute;top:486px;left:484px;background:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.08);border-radius:25px}.section3{width:100%;height:708px;position:relative;background-color:#fff}.section3 .wrap{height:100%}.section3 .wrap .content-box{position:relative;margin:0 auto;width:100%;box-sizing:border-box;text-align:center;height:100%}.section3 .wrap .content-box .section3-main{width:1152px;height:634px;padding-top:70px;margin:0 auto;background:#fff;box-shadow:0 0 12px 0 rgba(0,0,0,.1);border-radius:12px}.section3 .wrap .content-box .section3-main .section3-icon{width:242px;height:48px;background-image:url(../image/section0-icon1.png);background-size:cover;background-position:center;position:absolute;top:-25px;left:457px;font-family:PingFangSC-Semibold;font-size:20px;color:#fbfcfc;text-align:center;font-weight:600;line-height:48px}.section3 .wrap .content-box .section3-main h1{font-size:32px;color:#333;text-align:center;line-height:48px;font-weight:700;margin-bottom:4px}.section3 .wrap .content-box .section3-main h4{font-family:PingFangSC-Regular;font-size:16px;color:#1c1e20;text-align:center;line-height:24px;margin-bottom:50px}.section3 .wrap .content-box .section3-main .section3-main-top{width:1025px;height:204px;margin:0 auto;margin-top:60px;margin-bottom:30px}.section3 .wrap .content-box .section3-main .section3-main-icon{width:204px;height:204px;float:left;margin-right:26px;background-image:url(../image/section3-main-icon11.png);background-size:cover;background-position:center}.section3 .wrap .content-box .section3-main .section3-main-icon2{background-image:url(../image/section3-main-icon21.png);background-size:cover;background-position:center}.section3 .wrap .content-box .section3-main .section3-main-icon3{background-image:url(../image/section3-main-icon31.png);background-size:cover;background-position:center}.section3 .wrap .content-box .section3-main .section3-main-icon4{background-image:url(../image/section3-main-icon41.png);background-size:cover;background-position:center}.section3 .wrap .content-box .section3-main .section3-main-contBox{width:252px;height:100px;float:left;margin-right:60px;margin-top:24px}.section3 .wrap .content-box .section3-main .section3-main-contBox .title{font-family:PingFangSC-Semibold;font-size:16px;color:#1c1e20;letter-spacing:0;font-weight:700;margin-bottom:18px;text-align:left}.section3 .wrap .content-box .section3-main .section3-main-contBox .content{width:252px;font-family:PingFangSC-Regular;font-size:14px;color:#1c1e20;letter-spacing:0;text-align:justify;line-height:22px}.section3 .wrap .content-box .section3-main .section3-main-contBox .content a{color:#2996d6}.section3 .wrap .content-box .section3-main .section3-main-contBox .content a:hover{color:red}.section3 .wrap .content-box .section3-main .section3-main-contBox2{margin-right:0}.section4{width:100%;height:180px;position:relative}.section4 .wrap{height:100%}.section4 .wrap .content-box{position:relative;padding-top:50px;margin:0 auto;width:100%;box-sizing:border-box;text-align:center;height:100%}.section4 .wrap .section4-main{width:1152px;height:100px;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}.section4 .wrap .section4-main .section4-main-item{width:564px;height:114px;background:#f8fafc;border-radius:12px;padding-top:18px}.section4 .wrap .section4-main .section4-main-item .title{font-family:PingFangSC-Regular;font-size:16px;color:#1c1e20;text-align:center;line-height:36px}.section4 .wrap .section4-main .section4-main-item .content{font-family:PingFangSC-Regular;font-size:12px;color:#1c1f21;text-align:center;line-height:20px}.section4 .wrap .section4-main .section4-main-item2{position:relative}.section4 .wrap .section4-main .section4-main-item2 .cont-skill{position:absolute;top:54px;left:138px;font-family:PingFangSC-Regular;font-size:12px;color:#1c1f21;line-height:20px;font-weight:400;text-align:left}.section4 .wrap .section4-main .section4-main-item2 .cont-skill2{left:331px}@media only screen and (min-width:768px) and (max-width:1024px){.wrap{width:90%!important}.section0 .wrap .content-box .section0-main{margin-right:109px}.section1 .wrap .content-box .h1-icon{left:209px}.section1 .wrap .content-box .h1-icon2{left:807px}.section1 .wrap .content-box .h4-icon{left:267px}.section1 .wrap .content-box .h4-icon2{left:701px}.section1 .wrap .content-box .section1-main{transform:scale(.9)}}