body{font-family:PingFangSC-Regular}.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:40px}.colorchange{color:#c80}.box-black{position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;background:rgba(0,0,0,.6);display:none;z-index:3}.box-black .big-img{width:944px;height:548px;position:absolute;top:50%;left:50%;margin-left:-472px;margin-top:-274px}.box-black .close-btn{width:49px;height:49px;border-radius:50%;background-image:url(https://coding.imooc.com/static/module/class/content/img/532/close-btn.png);background-size:cover;position:absolute;left:50%;top:90%;margin-left:-24px}.section0{width:100%;height:463px;position:relative;background-color:#fff;margin:0 auto;margin-bottom:71px}.section0 .wrap{height:100%}.section0 .wrap .content-box{position:absolute;margin:0 auto;width:1157px;height:463px;box-sizing:border-box;text-align:center;background:#fff;border:1px solid #d4e4fe;border-radius:10px}.section0 .wrap .content-box .course-objectives{position:absolute;left:438px;top:-28px;width:270px;height:52px;background-image:url(../image/section-icon6.png);background-size:cover;font-family:PingFangSC-Medium;font-size:24px;color:#ffed66;letter-spacing:1.14px;text-align:center;text-shadow:0 1px 1px #01369d;font-weight:500;line-height:52px}.section0 .wrap .content-box h1{font-family:PingFangSC-Semibold;font-size:32px;color:#1c1e20;text-align:center;line-height:48px;font-weight:600;margin-top:57px;margin-bottom:60px}.section0 .wrap .content-box h4{font-family:PingFangSC-Regular;font-size:18px;color:#1c1e20;text-align:center;line-height:28px;margin-bottom:48px}.section0 .wrap .content-box .section0-main{width:938px;height:236px;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;background-image:url(../image/section0-main-item5.png);background-size:cover}.section0 .wrap .content-box .section0-main .section-main-item{width:280px;height:236px}.section0 .wrap .content-box .section0-main .section-main-item .title{font-family:SourceHanSansCN-Bold;font-size:18px;color:#ffed66;text-align:center;line-height:48px;font-weight:700}.section0 .wrap .content-box .section0-main .section-main-item .cont{font-family:PingFangSC-Regular;font-size:14px;color:#1c1f21;text-align:center;line-height:24px;font-weight:400;margin-top:39px}.section1{width:100%;position:relative;margin-bottom:30px;padding-top:90px;margin:0 auto;background:#f8fbff;padding-bottom:91px}.section1 .wrap{height:100%}.section1 .wrap .content-box{position:relative;width:1154px;height:1352px;margin:0 auto;box-sizing:border-box;text-align:center;background:#fff;border:1px solid #d4e4fe;border-radius:10px;padding-bottom:60px}.section1 .wrap .content-box .course-objectives{position:absolute;left:438px;top:-28px;width:270px;height:52px;background-image:url(../image/section-icon6.png);background-size:cover;font-family:PingFangSC-Medium;font-size:24px;color:#ffed66;letter-spacing:1.14px;text-align:center;text-shadow:0 1px 1px #01369d;font-weight:500;line-height:52px}.section1 .wrap .content-box h1{font-family:PingFangSC-Semibold;font-size:32px;color:#1c1e20;letter-spacing:-2px;text-align:center;line-height:48px;font-weight:600;margin-top:59px;margin-bottom:10px}.section1 .wrap .content-box h1:nth-child(2){margin-top:60px}.section1 .wrap .content-box h4{font-family:PingFangSC-Medium;font-size:18px;color:#1c1e20;text-align:center;font-weight:500;margin-bottom:42px}.section1 .wrap .content-box h4:nth-child(2){margin-bottom:28px}.section1 .wrap .content-box .section1-main1{width:842px;height:388px;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;background-image:url(../image/section1-main1-item.png);background-size:cover}.section1 .wrap .content-box .section1-main1 .section1-main1-item .section1-main1-item-row{font-family:PingFangSC-Semibold;font-size:16px;color:#2f3234;letter-spacing:0;text-align:center;font-weight:600;margin-top:22px}.section1 .wrap .content-box .section1-main1 .section1-main1-item .section1-main1-item-row p{font-size:14px}.section1 .wrap .content-box .section1-main1 .section1-main1-item .section1-main1-item-row2{margin-top:51px}.section1 .wrap .content-box .section1-main1 .section1-main1-item .section1-main1-item-row3{margin-top:95px}.section1 .wrap .content-box .section1-main1 .section1-main1-item1{width:120px}.section1 .wrap .content-box .section1-main1 .section1-main1-item2 .section1-main1-item2-row,.section1 .wrap .content-box .section1-main1 .section1-main1-item2 .section1-main1-item3-row,.section1 .wrap .content-box .section1-main1 .section1-main1-item3 .section1-main1-item2-row,.section1 .wrap .content-box .section1-main1 .section1-main1-item3 .section1-main1-item3-row{font-family:PingFangSC-Regular;font-size:14px;color:#2f3234;letter-spacing:0;text-align:left;font-weight:400}.section1 .wrap .content-box .section1-main1 .section1-main1-item2 .section1-main1-item2-row1 p:nth-child(1),.section1 .wrap .content-box .section1-main1 .section1-main1-item3 .section1-main1-item2-row1 p:nth-child(1){margin-top:6px;margin-left:116px}.section1 .wrap .content-box .section1-main1 .section1-main1-item2 .section1-main1-item2-row1 p:nth-child(2),.section1 .wrap .content-box .section1-main1 .section1-main1-item3 .section1-main1-item2-row1 p:nth-child(2){margin-top:7px;margin-left:5px}.section1 .wrap .content-box .section1-main1 .section1-main1-item2 .section1-main1-item2-row2,.section1 .wrap .content-box .section1-main1 .section1-main1-item3 .section1-main1-item2-row2{margin-top:79px;margin-left:5px}.section1 .wrap .content-box .section1-main1 .section1-main1-item2 .section1-main1-item2-row3,.section1 .wrap .content-box .section1-main1 .section1-main1-item3 .section1-main1-item2-row3{margin-left:5px;margin-top:71px;line-height:30px}.section1 .wrap .content-box .section1-main1 .section1-main1-item2 .section1-main1-item3-row1 p:nth-child(1),.section1 .wrap .content-box .section1-main1 .section1-main1-item3 .section1-main1-item3-row1 p:nth-child(1){margin-left:105px;margin-top:6px}.section1 .wrap .content-box .section1-main1 .section1-main1-item2 .section1-main1-item3-row1 p:nth-child(2),.section1 .wrap .content-box .section1-main1 .section1-main1-item3 .section1-main1-item3-row1 p:nth-child(2){margin-top:7px}.section1 .wrap .content-box .section1-main1 .section1-main1-item2 .section1-main1-item3-row2,.section1 .wrap .content-box .section1-main1 .section1-main1-item3 .section1-main1-item3-row2{margin-top:79px}.section1 .wrap .content-box .section1-main1 .section1-main1-item2 .section1-main1-item3-row3,.section1 .wrap .content-box .section1-main1 .section1-main1-item3 .section1-main1-item3-row3{margin-top:71px;line-height:30px}.section1 .wrap .content-box .section1-main1 .section1-main1-item2{width:323px;margin-left:5px}.section1 .wrap .content-box .section1-main1 .section1-main1-item3{width:293px}.section1 .wrap .content-box .section1-main2{width:667px;height:510px;margin:0 auto;background-image:url(../image/section1-main2-item.png);background-size:cover}.section1 .wrap .content-box .section1-main2 .section1-main2-row1{width:514px;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 .section1-main2-row1 .section1-main2-row1-item{font-family:PingFangSC-Semibold;font-size:16px;color:#fff;letter-spacing:0;text-align:center;font-weight:600;line-height:33px}.section1 .wrap .content-box .section1-main2 .section1-main2-row2,.section1 .wrap .content-box .section1-main2 .section1-main2-row3,.section1 .wrap .content-box .section1-main2 .section1-main2-row4{width:600px;margin-left:16px;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-row2 .section1-main2-row2-item1,.section1 .wrap .content-box .section1-main2 .section1-main2-row2 .section1-main2-row3-item1,.section1 .wrap .content-box .section1-main2 .section1-main2-row2 .section1-main2-row4-item1,.section1 .wrap .content-box .section1-main2 .section1-main2-row3 .section1-main2-row2-item1,.section1 .wrap .content-box .section1-main2 .section1-main2-row3 .section1-main2-row3-item1,.section1 .wrap .content-box .section1-main2 .section1-main2-row3 .section1-main2-row4-item1,.section1 .wrap .content-box .section1-main2 .section1-main2-row4 .section1-main2-row2-item1,.section1 .wrap .content-box .section1-main2 .section1-main2-row4 .section1-main2-row3-item1,.section1 .wrap .content-box .section1-main2 .section1-main2-row4 .section1-main2-row4-item1{width:20px;font-family:PingFangSC-Semibold;font-size:16px;color:#2f3234;letter-spacing:-2px;text-align:center;font-weight:600;margin-top:19px}.section1 .wrap .content-box .section1-main2 .section1-main2-row2 .section1-main2-row2-item2,.section1 .wrap .content-box .section1-main2 .section1-main2-row2 .section1-main2-row3-item2,.section1 .wrap .content-box .section1-main2 .section1-main2-row2 .section1-main2-row4-item2,.section1 .wrap .content-box .section1-main2 .section1-main2-row3 .section1-main2-row2-item2,.section1 .wrap .content-box .section1-main2 .section1-main2-row3 .section1-main2-row3-item2,.section1 .wrap .content-box .section1-main2 .section1-main2-row3 .section1-main2-row4-item2,.section1 .wrap .content-box .section1-main2 .section1-main2-row4 .section1-main2-row2-item2,.section1 .wrap .content-box .section1-main2 .section1-main2-row4 .section1-main2-row3-item2,.section1 .wrap .content-box .section1-main2 .section1-main2-row4 .section1-main2-row4-item2{width:283px;font-family:PingFangSC-Regular;font-size:14px;color:#2f3234;letter-spacing:0;line-height:27px;font-weight:400;text-align:left;margin-top:23px}.section1 .wrap .content-box .section1-main2 .section1-main2-row2 .section1-main2-row2-item3,.section1 .wrap .content-box .section1-main2 .section1-main2-row2 .section1-main2-row3-item3,.section1 .wrap .content-box .section1-main2 .section1-main2-row2 .section1-main2-row4-item3,.section1 .wrap .content-box .section1-main2 .section1-main2-row3 .section1-main2-row2-item3,.section1 .wrap .content-box .section1-main2 .section1-main2-row3 .section1-main2-row3-item3,.section1 .wrap .content-box .section1-main2 .section1-main2-row3 .section1-main2-row4-item3,.section1 .wrap .content-box .section1-main2 .section1-main2-row4 .section1-main2-row2-item3,.section1 .wrap .content-box .section1-main2 .section1-main2-row4 .section1-main2-row3-item3,.section1 .wrap .content-box .section1-main2 .section1-main2-row4 .section1-main2-row4-item3{width:215px;font-family:PingFangSC-Regular;font-size:14px;color:#2f3234;letter-spacing:0;line-height:27px;font-weight:400;text-align:left;margin-top:23px}.section1 .wrap .content-box .section1-main2 .section1-main2-row3 .section1-main2-row3-item1{margin-top:79px}.section1 .wrap .content-box .section1-main2 .section1-main2-row3 .section1-main2-row3-item2,.section1 .wrap .content-box .section1-main2 .section1-main2-row3 .section1-main2-row3-item3{margin-top:52px}.section1 .wrap .content-box .section1-main2 .section1-main2-row4 .section1-main2-row4-item1{margin-top:73px}.section1 .wrap .content-box .section1-main2 .section1-main2-row4 .section1-main2-row4-item2,.section1 .wrap .content-box .section1-main2 .section1-main2-row4 .section1-main2-row4-item3{margin-top:56px}.section2{width:100%;height:746px;position:relative;background-color:#fff}.section2 .wrap{height:100%}.section2 .wrap .content-box{position:relative;margin:0 auto;width:100%;box-sizing:border-box;text-align:center;height:100%}.section2 .wrap .content-box .section2-icon{position:absolute;left:438px;top:-28px;width:270px;height:52px;background-image:url(../image/section-icon6.png);background-size:cover;font-family:PingFangSC-Medium;font-size:24px;color:#ffed66;letter-spacing:1.14px;text-align:center;text-shadow:0 1px 1px #01369d;font-weight:500;line-height:52px}.section2 .wrap .content-box .section2-main{width:1152px;height:676px;padding-top:70px;margin:0 auto;background:#fff;border:1px solid #d4e4fe;border-radius:10px}.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:60px;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-icon15.png);background-size:cover}.section2 .wrap .content-box .section2-main .section2-main-icon2{background-image:url(../image/section2-main-icon25.png);background-size:cover}.section2 .wrap .content-box .section2-main .section2-main-icon3{background-image:url(../image/section2-main-icon35.png);background-size:cover}.section2 .wrap .content-box .section2-main .section2-main-icon4{background-image:url(../image/section2-main-icon45.png);background-size:cover}.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}.section3{width:100%;height:447px;position:relative;background-color:#fff;margin-top:94px}.section3 .wrap{height:100%}.section3 .wrap .content-box{position:relative;margin:0 auto;width:100%;box-sizing:border-box;text-align:center;height:100%;border:1px solid #d4e4fe;border-radius:10px}.section3 .wrap .content-box .section3-icon{position:absolute;left:402px;top:-28px;width:348px;height:52px;background-image:url(../image/section3-icon1.png);background-size:cover;font-family:PingFangSC-Medium;font-size:24px;color:#ffed66;letter-spacing:1.14px;text-align:center;text-shadow:0 1px 1px #01369d;font-weight:500;line-height:52px}.section3 .wrap .content-box .section3-main{width:1108px;margin:111px auto 45px;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 .section3-main-item{display:block;width:313px;height:176px;font-family:PingFangSC-Semibold;font-size:16px;color:#1c1e20;letter-spacing:0;text-align:center;font-weight:600}.section3 .wrap .content-box .section3-main .section3-main-item img{width:313px;height:176px}.section3 .wrap .content-box .section3-main .section3-main-item p{margin-top:41px}.section3 .wrap .content-box .section3-main .section3-main-item p:hover{color:red}.section3 .wrap .content-box .section3-main .section3-main-item3{line-height:463px;background-image:url(../image/section3-main-item31.png);background-size:cover}@media only screen and (min-width:768px) and (max-width:1024px){.content-box{transform:scale(.91)!important}}