.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;box-sizing:border-box}.introduce-content{margin-top:20px;background:#f8fafc}.introduce-content .content-outline{background-image:url(../image/section-tit.png);background-size:100%;background-position:center;width:340px;height:44px;line-height:44px;position:absolute;top:-22px;left:50%;transform:translate(-50%,0);font-size:20px;color:#fff;text-align:center;font-weight:600;letter-spacing:1.14px}.introduce-content h2{font-size:32px;color:#1c1e20;text-align:center;line-height:48px;margin-bottom:10px;font-weight:700;padding-top:65px}.introduce-content h4{font-size:16px;color:#1c1e20;text-align:center;line-height:22px;font-weight:400;margin-bottom:40px}.section0{position:relative;margin:0 auto;background:#fff;margin-bottom:65px;padding-bottom:70px}.section0 .wrap{border:2px dashed #b2b8bd;width:1152px;border-radius:10px;margin:0 auto;padding-bottom:60px;background:#fff;background-image:url(https://coding.imooc.com/static/module/class/content/img/630/section0-tit.png);background-size:100%;background-position:center}.section0 .wrap .content-box{width:100%;margin:0 auto;box-sizing:border-box;text-align:center}.section0 .wrap .content-box h2{padding-bottom:42px}.section0 .wrap .content-box .section0-main{width:1060px;margin:0 auto;display:flex;justify-content:space-between}.section0 .wrap .content-box .section0-main .section-main-item{width:312px;height:231px;background-image:url(../image/section0-item-bg.png);background-position:center;background-size:100%;box-sizing:border-box;overflow:hidden;text-align:left}.section0 .wrap .content-box .section0-main .section-main-item .title{box-sizing:border-box;height:100px;font-size:18px;color:#fff;text-align:center;line-height:28px;font-weight:600;padding-top:25px}.section0 .wrap .content-box .section0-main .section-main-item .cont{text-align:center;color:#1c1f21;line-height:22px}.section1{width:100%;position:relative;background:#f8fafc;box-sizing:border-box;padding-bottom:70px}.section1 .wrap{border:2px dashed #b2b8bd;width:1152px;border-radius:10px;margin:0 auto;padding-bottom:60px;background-size:cover;background-color:#fff}.section1 .wrap .content-box{margin:0 auto;text-align:center}.section1 .wrap .content-box .section1-main1{width:1070px;margin:0 auto 61px}.section1 .wrap .content-box .section1-main1 h2{padding-top:70px;padding-bottom:42px}.section1 .wrap .content-box .section1-main1 .content{width:972px;height:750px;background-image:url(../image/section1-main1-img1.png);background-size:100%;background-position:center;margin:0 auto}.section1 .wrap .content-box .section1-main2{width:100%}.section1 .wrap .content-box .section1-main2 h2{padding-top:10px;margin:30px 0 40px 0}.section1 .wrap .content-box .section1-main2 .content{width:96%;margin:0 auto;display:flex;justify-content:space-between}.section1 .wrap .content-box .section1-main2 .content .item{width:234px;height:430px;background-image:url(../image/section1-main2-img1.png);background-size:100%;background-position:center}.section1 .wrap .content-box .section1-main2 .content .item .top{color:#fff;padding-top:148px}.section1 .wrap .content-box .section1-main2 .content .item .bottom{padding-top:40px;text-align:left;text-indent:33px}.section1 .wrap .content-box .section1-main2 .content .item .bottom p{color:#252525;line-height:24px}.section1 .wrap .content-box .section1-main2 .content .item .bottom p em{width:3px;height:10px;background:#fb3;display:inline-block;margin-right:10px}.section1 .wrap .content-box .section1-main2 .content .item:nth-of-type(2){background-image:url(../image/section1-main2-img2.png);background-size:100%;background-position:center}.section1 .wrap .content-box .section1-main2 .content .item:nth-of-type(3){background-image:url(../image/section1-main2-img3.png);background-size:100%;background-position:center}.section1 .wrap .content-box .section1-main2 .content .item:nth-of-type(4){background-image:url(../image/section1-main2-img4.png);background-size:100%;background-position:center}.section1 .wrap .content-box .section1-main2 .content .item:nth-of-type(5){background-image:url(../image/section1-main2-img5.png);background-size:100%;background-position:center}.section1 .wrap .content-box .section1-main2 .content .item:nth-of-type(5) .bottom{padding-top:20px}.section1 .wrap .content-box .section1-main2 .content .item:nth-of-type(n+2){margin-left:-15px}.section1 .wrap .content-box .section1-main3{width:100%}.section1 .wrap .content-box .section1-main3 h2{padding-top:10px;margin:30px 0 55px 0}.section1 .wrap .content-box .section1-main3 .content{margin:0 auto;width:1072px;height:654px;background-image:url(../image/section1-main3-img1.png);background-size:100%;background-position:center}.section1 .wrap .content-box .section1-main4{width:100%}.section1 .wrap .content-box .section1-main4 h2{padding-top:10px;margin:65px 0 55px 0}.section1 .wrap .content-box .section1-main4 .content .item{width:642px;height:448px;background-image:url(../image/section1-main4-img1.png);background-size:100%;background-position:center;margin:0 auto}.section1 .wrap .content-box .section1-main4 .content .item:nth-of-type(2){width:642px;height:241px;background-image:url(../image/section1-main4-img2.png);background-size:100%;background-position:center;margin:0 auto}.class-outline{padding-top:90px!important}.services{width:100%;padding-bottom:35px;position:relative;background-color:#fff}.services .wrap{height:100%}.services .wrap .content-box{position:relative;margin:0 auto;box-sizing:border-box;text-align:center;box-shadow:0 0 12px 0 rgba(0,0,0,.1);border-radius:12px}.services .wrap .content-box .section2-icon{width:340px;height:44px;line-height:44px;position:absolute;top:-22px;left:50%;transform:translate(-50%,0);font-size:20px;color:#fff;text-align:center;font-weight:400}.services .wrap .content-box .section2-main{width:1152px;padding-top:43px;margin:0 auto;border-radius:12px;padding-bottom:35px}.services .wrap .content-box .section2-main h1{font-family:PingFangSC-Semibold;font-size:32px;color:#1c1e20;text-align:center;line-height:48px;font-weight:600;margin-bottom:8px;position:relative;margin-top:25px}.services .wrap .content-box .section2-main h4{font-family:PingFangSC-Regular;font-size:16px;color:#1c1e20;text-align:center;line-height:24px;font-weight:400;margin-bottom:50px;position:relative}.services .wrap .content-box .section2-main .section2-main-top{width:1025px;height:204px;margin:0 auto;margin-top:31px;margin-bottom:30px}.services .wrap .content-box .section2-main .section2-main-icon{width:204px;height:204px;float:left;margin-right:26px;background-image:url(../image/service-img1.png);background-size:100%;background-position:center}.services .wrap .content-box .section2-main .section2-main-icon2{background-image:url(../image/service-img3.png);background-size:100%;background-position:center}.services .wrap .content-box .section2-main .section2-main-icon3{background-image:url(../image/service-img2.png);background-size:100%;background-position:center}.services .wrap .content-box .section2-main .section2-main-icon4{background-image:url(../image/service-img4.png);background-size:100%;background-position:center}.services .wrap .content-box .section2-main .section2-main-contBox{width:252px;height:100px;float:left;margin-right:60px;margin-top:24px}.services .wrap .content-box .section2-main .section2-main-contBox .title{font-family:PingFangSC-Semibold;font-size:16px;color:#1c1e20;letter-spacing:0;font-weight:600;margin-bottom:18px;text-align:left}.services .wrap .content-box .section2-main .section2-main-contBox .content{width:252px;font-family:PingFangSC-Regular;font-size:14px;color:#1c1e20;letter-spacing:0;text-align:justify;line-height:22px;font-weight:400}.services .wrap .content-box .section2-main .section2-main-contBox .content a{color:#2996d6}.services .wrap .content-box .section2-main .section2-main-contBox .content a:hover{color:red}.services .wrap .content-box .section2-main .section2-main-contBox2{margin-right:0}