.introduce-content{margin:0 auto;overflow:hidden}.introduce-content .wrap{padding-top:64px;box-sizing:border-box}.introduce-content .wrap h2{font-weight:700;font-size:32px;color:#1c1f21;line-height:48px;text-align:center}.introduce-content .wrap h5{margin:4px 0 48px;font-size:16px;color:#1c1f21;line-height:24px;text-align:center}.section1{width:100%;height:462px;background:url(/https/coding.imooc.com/static/module/class/content/img/240/section1-bg.jpg) center no-repeat;background-size:100% 462px;position:relative}.section1 .wrap h2,.section1 .wrap h5{color:#fff}.section1 .wrap .content-box{width:1056px;height:349px;margin:0 auto;background:#fff;box-shadow:0 11px 24px 0 rgba(51,138,2,.1);border-radius:24px}.section1 .wrap .content-box .content-left{float:left;margin:48px 0 0 90px;width:540px}.section1 .wrap .content-box .content-left .box-item{margin-bottom:32px}.section1 .wrap .content-box .content-left .box-item img{float:left;width:48px;height:48px}.section1 .wrap .content-box .content-left .box-item>div{float:left;margin-left:16px;color:#1c1f21}.section1 .wrap .content-box .content-left .box-item>div .item-title{font-weight:700;font-size:16px;line-height:24px}.section1 .wrap .content-box .content-left .box-item>div .item-desc{margin-top:8px;font-size:14px;line-height:22px}.section1 .wrap .content-box .img-right{float:right;margin:35px 98px 0 0;width:314px;height:277px}.section2{width:100%;height:877px;background:#f8fafc}.section2 .wrap{padding-top:139px}.section2 .wrap img{display:block;margin:0 auto;width:973px;height:534px}.section3{width:100%;height:345px}.section3 .wrap .content-box{width:948px;margin:48px auto 0}.section3 .wrap .content-box .box-item{float:left;margin-left:36px;width:128px;text-align:center}.section3 .wrap .content-box .box-item:first-child{margin-left:0}.section3 .wrap .content-box .box-item img{width:48px;height:48px}.section3 .wrap .content-box .box-item .item-left{float:left;width:212px;height:140px;margin-top:19px;border-right:1px solid #d9d9d9}.section3 .wrap .content-box .box-item .item-left img{display:block;margin:21px 72px 21px 80px}.section3 .wrap .content-box .box-item .item-left p{padding:0 30px 0 38px;font-weight:700;font-size:16px;color:#1c1f21;line-height:24px}.section3 .wrap .content-box .box-item .item-right{float:left;margin:22px 0 0 40px}.section3 .wrap .content-box .box-item .item-right p{margin-bottom:8px}.section3 .wrap .content-box .box-item.box-item2 .item-right{margin-top:37px}.section3 .wrap .content-box>img{display:block;float:left;width:44px;height:15px;margin:85px 19px 0}.section4{width:100%;height:468px;background:#f8fafc}.section4 .wrap .content-box{width:776px;margin:48px auto 0}.section4 .wrap .content-box .img-left{float:left;margin-top:6px;width:328px;height:240px}.section4 .wrap .content-box .content-right{float:left;margin-left:70px;width:378px}.section4 .wrap .content-box .content-right .box-item{margin-bottom:28px}.section4 .wrap .content-box .content-right .box-item i{float:left;width:36px;height:36px;background-color:rgba(216,236,229,.5);border-radius:50%;font-weight:700;font-size:24px;color:#209d66;line-height:36px;text-align:center}.section4 .wrap .content-box .content-right .box-item p{float:left;margin-left:16px;font-size:14px;color:#1c1f21;line-height:36px}.section5{width:100%;height:400px;background:linear-gradient(90deg,#43b203 0,#338902 100%)}.section5 .wrap{text-align:center}.section5 .wrap h2{color:#fff}.section5 .wrap .content-box{width:1000px;margin:48px auto 0;padding:0 20px;box-sizing:border-box;color:#fff}.section5 .wrap .content-box .box-item{float:left;width:50%}.section5 .wrap .content-box .box-item i{display:inline-block;width:64px;height:64px;background-size:100%;background-position:center;background-repeat:no-repeat}.section5 .wrap .content-box .box-item:first-child i{background-image:url(/https/coding.imooc.com/static/module/class/content/img/240/section5-1.png)}.section5 .wrap .content-box .box-item:nth-child(2) i{background-image:url(/https/coding.imooc.com/static/module/class/content/img/240/section5-2.png)}.section5 .wrap .content-box .box-item .smalle-title{font-size:16px;line-height:24px;font-weight:700;margin:20px 0 8px}.section5 .wrap .content-box .box-item p{font-size:14px;line-height:22px}.section6{width:100%;height:289px;background:#f8fafc}.section6 .wrap{text-align:center}.section6 .wrap .content-box{width:1000px;margin:0 auto}.section6 .wrap .content-box .context-box{float:left;width:50%}.section6 .wrap .content-box .context-box h2{color:#1fad4e}.section6 .wrap .content-box .context-box p{margin-top:8px;font-size:14px;line-height:22px}@media only screen and (min-device-width:768px) and (max-device-width:1024px){.section1 .wrap .content-box{width:956px}.section1 .wrap .content-box .content-left{margin-left:50px;width:520px}.section1 .wrap .content-box .img-right{margin-right:58px}}