.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(https://coding.imooc.com/static/module/class/content/img/641/h1-icon-l.png);background-size:cover;background-position:center;vertical-align:top}.after-icon{background-image:url(https://coding.imooc.com/static/module/class/content/img/641/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(https://coding.imooc.com/static/module/class/content/img/641/h4-icon-l.png);background-size:cover;background-position:center;vertical-align:middle;line-height:4px}.after-icon-h4{background-image:url(https://coding.imooc.com/static/module/class/content/img/641/h4-icon-r.png);background-size:cover;background-position:center}.title-h4{display:inline-block;margin:0 13px}.section0{width:100%;position:relative;background:#f8fafc;margin:0 auto}.section0 .wrap{height:100%}.section0 .wrap .content-box{margin:0 auto;width:100%;text-align:center;height: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:40px}.section0 .wrap .content-box .section0-main{width:923px;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:274px;height:260px;box-sizing:border-box;padding-top:30px;background-image:url(../image/section0-main-item13.png);background-size:cover;background-position:center}.section0 .wrap .content-box .section0-main .section0-main-item .tit{font-family:PingFangSC-Semibold;font-size:20px;color:#fff;letter-spacing:-.5px;text-align:center;line-height:26px;font-weight:600}.section0 .wrap .content-box .section0-main .section0-main-item .con{font-family:PingFangSC-Regular;font-size:14px;color:#1c1e20;letter-spacing:0;text-align:center;line-height:24px;font-weight:400;margin-top:37px}.section0 .wrap .content-box .section0-main .section0-main-item .con2{text-align:left;margin-left:25px}.section1{width:100%;position:relative;margin:0 auto;background:#fff}.section1 .wrap{height:100%}.section1 .wrap .content-box{position:relative;width:100%;height:100%;margin:0 auto;padding:72px 0;box-sizing:border-box}.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:4px}.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:40px}.section1 .wrap .content-box h4{font-family:PingFangSC-Regular;font-size:16px;color:#1c1e20;text-align:center;line-height:24px;font-weight:400;margin-bottom:40px}.section1 .wrap .content-box .section1-main{width:1103px;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-main .left{width:730px;height:526px;background-image:url(../image/section1-main-item11.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main .right{width:352px;height:440px;background-image:url(../image/section1-main-item21.png);background-size:cover;background-position:center;margin-top:44px;box-sizing:border-box;padding-top:28px;padding-left:53px}.section1 .wrap .content-box .section1-main .right .row{font-family:PingFangSC-Medium;font-size:14px;color:#1c1e20;letter-spacing:0;line-height:24px;font-weight:600;position:relative}.section1 .wrap .content-box .section1-main .right .row:not(:first-child){margin-top:25px}.section1 .wrap .content-box .section1-main .right .row::before{position:absolute;top:-5px;left:-15px;content:"."}.section1 .wrap .content-box .section1-main2{width:1121px;height:688px;margin:0 auto;background-image:url(../image/section1-main-item31.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main2 .row{width:956px;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-main2 .row:not(:first-child){margin-top:20px}.section1 .wrap .content-box .section1-main2 .row:last-child{width:710px}.section1 .wrap .content-box .section1-main2 .row .item{width:214px;height:216px;box-sizing:border-box;padding-top:49px}.section1 .wrap .content-box .section1-main2 .row .item .tit{font-family:PingFangSC-Semibold;font-size:16px;color:#fff;letter-spacing:0;font-weight:600;text-align:center}.section1 .wrap .content-box .section1-main2 .row .item .con{margin-top:39px;font-family:PingFangSC-Medium;font-size:14px;color:#346af2;letter-spacing:0;text-align:center;line-height:24px;font-weight:600}.section1 .wrap .content-box .section1-main2 .row .item .mt27{margin-top:27px}.section1 .wrap .content-box .section1-main3{width:1152px;height:254px;margin:0 auto;background-image:url(../image/section1-main-item41.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main3 .box{width:1102px;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{width:162px;height:254px;box-sizing:border-box;padding-top:22px}.section1 .wrap .content-box .section1-main3 .box .item .tit{font-family:PingFangSC-Semibold;font-size:14px;color:#fff;text-align:center;font-weight:600;margin-bottom:20px}.section1 .wrap .content-box .section1-main3 .box .item .tit .t5{position:relative;top:-4px}.section1 .wrap .content-box .section1-main3 .box .item .con{font-family:PingFangSC-Regular;font-size:14px;color:#1c1e20;text-align:center;font-weight:400}.section1 .wrap .content-box .section1-main3 .box .item2{padding-top:13px}.section1 .wrap .content-box .section1-main3 .box .item2 .tit{margin-bottom:9px}.section1 .wrap .content-box .section1-main4{width:420px;height:64px;line-height:64px;margin:40px auto 0;background-image:url(../image/section1-main-item51.png);background-size:cover;background-position:center;background-size:100% 100%;font-family:PingFangSC-Semibold;font-size:14px;color:#1c1e20;text-align:center;font-weight:600}.section1 .wrap .content-box .section1-main4 a{color:#346af2;text-decoration:underline}.section2{width:100%;height:704px;position:relative;box-sizing:border-box;padding-top:72px}.section2 .wrap{height:100%}.section2 .wrap .content-box{position:relative;margin:0 auto;width:1152px;box-sizing:border-box;text-align:center;height:706px;background:#fff;border:2px solid #a3c1fe;border-radius:12px}.section2 .wrap .content-box .section2-main{width:1152px;padding-top:48px;margin:0 auto}.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:4px;position:relative}.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:50px;position:relative}.section2 .wrap .content-box .section2-main .section2-main-top{width:1025px;height:204px;margin:0 auto;margin-top:31px;margin-bottom:30px}.section2 .wrap .content-box .section2-main .section2-main-icon{width:204px;height:204px;float:left;margin-right:26px;background-image:url(../image/section2-main-icon11.png);background-size:cover;background-position:center}.section2 .wrap .content-box .section2-main .section2-main-icon2{background-image:url(../image/section2-main-icon21.png);background-size:cover;background-position:center}.section2 .wrap .content-box .section2-main .section2-main-icon3{background-image:url(../image/section2-main-icon31.png);background-size:cover;background-position:center}.section2 .wrap .content-box .section2-main .section2-main-icon4{background-image:url(../image/section2-main-icon41.png);background-size:cover;background-position:center}.section2 .wrap .content-box .section2-main .section2-main-contBox{width:252px;height:100px;float:left;margin-right:60px;margin-top:24px}.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}@media only screen and (min-width:768px) and (max-width:1024px){.wrap{transform:scale(.9)}}