.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:10px}.content-box h1{font-family:PingFangSC-Semibold;font-size:32px;color:#1c1e20;text-align:center;line-height:48px;font-weight:600;margin-bottom:50px}.section0{width:100%;background:#f8fafc;margin:0 auto}.section0 .wrap{height:100%}.section0 .wrap .content-box{width:100%;padding-top:64px;padding-bottom:72px}.section0 .wrap .content-box .section0-main{width:1120px;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 .item{width:356px;height:180px;background-image:url(../image/section0-img12.png);background-size:cover;background-position:center;background-size:100% 100%}.section0 .wrap .content-box .section0-main .item h3{padding-left:12px;padding-top:8px;font-size:16px;color:#fff;letter-spacing:0;line-height:26px;font-weight:600}.section0 .wrap .content-box .section0-main .item p{padding:32px 34px;font-size:14px;color:#1c1f21;letter-spacing:0;text-align:justify;line-height:22px;font-weight:400;position:relative}.section0 .wrap .content-box .section0-main .item p::before{left:20px;top:31px;position:absolute;content:'•';color:#f5a23a;font-weight:700;font-size:18px}.section1{width:100%;background:#fff;margin:0 auto}.section1 .wrap{height:100%}.section1 .wrap .content-box{width:100%;padding-top:64px;padding-bottom:72px}.section1 .wrap .content-box .section1-main{width:1053px;height:446px;margin:0 auto;background-image:url(../image/section1-img11.png);background-size:cover;background-position:center}.section3{width:100%;background:#f8fafc;margin:0 auto}.section3 .wrap{height:100%}.section3 .wrap .content-box{width:100%;padding-top:64px;padding-bottom:72px}.section3 .wrap .content-box .section3-main{width:1000px;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-main .item{width:312px;height:250px;background-image:url(../image/section3-img11.png);background-size:cover;background-position:center;background-size:100% 100%}.section3 .wrap .content-box .section3-main .item h3{text-align:center;padding-top:12px;font-size:18px;color:#fff;line-height:28px;font-weight:600}.section3 .wrap .content-box .section3-main .item p{padding:38px 35px 0;font-size:14px;color:#1c1f21;line-height:24px;font-weight:400;text-align:justify;word-break:break-all}.section3 .wrap .content-box .section3-img{margin:40px auto 0;width:1016px;height:478px;background-image:url(../image/section3-img2.png);background-size:cover;background-position:center}.section4{width:100%;background:#fff;margin:0 auto}.section4 .wrap{height:100%}.section4 .wrap .content-box{width:100%;padding-top:64px;padding-bottom:60px}.section4 .wrap .content-box .section4-main{width:1096px;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;flex-wrap:wrap}.section4 .wrap .content-box .section4-main .item{width:336px;height:146px;padding:31px 32px 0 52px;box-sizing:border-box;margin-bottom:36px}.section4 .wrap .content-box .section4-main .item h3{font-size:18px;color:#3e4a9e;line-height:28px;font-weight:600}.section4 .wrap .content-box .section4-main .item p{padding-top:8px;font-size:14px;color:#1c1f21;text-align:justify;line-height:24px;font-weight:400}.section4 .wrap .content-box .section4-main .item1{background-image:url(../image/section4-img1.png);background-size:cover;background-position:center}.section4 .wrap .content-box .section4-main .item2{background-image:url(../image/section4-img2.png);background-size:cover;background-position:center}.section4 .wrap .content-box .section4-main .item3{background-image:url(../image/section4-img3.png);background-size:cover;background-position:center}.section4 .wrap .content-box .section4-main .item4{background-image:url(../image/section4-img4.png);background-size:cover;background-position:center}.section4 .wrap .content-box .section4-main .item5{background-image:url(../image/section4-img5.png);background-size:cover;background-position:center}.section4 .wrap .content-box .section4-main .item6{background-image:url(../image/section4-img6.png);background-size:cover;background-position:center}.section4 .wrap .content-box .section4-main .item7{background-image:url(https://coding.imooc.com/static/module/class/content/img/711/section4-img7.png);background-size:cover;background-position:center}.section4 .wrap .content-box .section4-main .item8{background-image:url(https://coding.imooc.com/static/module/class/content/img/711/section4-img8.png);background-size:cover;background-position:center}.section2{width:100%;position:relative;margin-top:64px}.section2 .wrap{height:100%}.section2 .wrap .content-box{position:relative;margin:0 auto;text-align:center;background:#fff;padding-bottom:34px}.section2 .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:10px}.section2 .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:54px}.section2 .wrap .content-box .section2-main .section2-block{padding:0 70px}.section2 .wrap .content-box .section2-main .section2-img{width:204px;height:204px;float:left;margin-right:30px}.section2 .wrap .content-box .section2-main .section2-img1{background-image:url(../image/section2-img1.png);background-size:cover;background-position:center}.section2 .wrap .content-box .section2-main .section2-img2{background-image:url(../image/section2-img21.png);background-size:cover;background-position:center}.section2 .wrap .content-box .section2-main .section2-img3{background-image:url(../image/section2-img3.png);background-size:cover;background-position:center}.section2 .wrap .content-box .section2-main .section2-img4{background-image:url(../image/section2-img4.png);background-size:cover;background-position:center}.section2 .wrap .content-box .section2-main .section2-main-contBox{width:242px;float:left;margin:24px 60px 0 0}.section2 .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}.section2 .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}.section2 .wrap .content-box .section2-main .section2-main-contBox .content a{color:#2996d6}.section2 .wrap .content-box .section2-main .section2-main-contBox .content a:hover{color:red}.section2 .wrap .content-box .section2-main .section2-main-contBox2{margin-right:0}.class-outline{padding:0!important;padding-top:24px}.class-outline .outline-title{margin-left:-189px;top:-24px;width:377px;height:48px;background-image:url(../image/section-title-bg.png);background-size:cover;background-position:center;text-indent:-99em;overflow:hidden}.class-outline a.class-link{margin:32px auto 0}@media only screen and (min-width:768px) and (max-width:1024px){.wrap{transform:scale(.9)}}