.course-infos-t{background-color:#fff}.introduce-content{margin:0 auto;overflow:hidden}.introduce-content h2{font-weight:700;font-size:32px;line-height:48px;text-align:center;color:#1c1f21}.introduce-content h5{font-size:16px;line-height:28px;text-align:center;color:#1c1f21}.section1{width:100%;height:569px;background:url(/static/module/class/content/img/219/section1-bg.png) center top no-repeat}.section1 .wrap{padding-top:128px;position:relative}.section1 .wrap .circle-icon{position:absolute;z-index:-1;top:110px;left:221px;width:48px;height:48px;border-radius:50%;background-color:#e6758c}.section1 .wrap h2{color:#383d42;line-height:54px}.section1 .wrap h5{margin:4px 0 36px;color:#383d42}.section1 .wrap .content-box{width:1064px;margin:0 auto}.section1 .wrap .content-box>img{float:left;width:405px;height:287px}.section1 .wrap .content-box>div{float:left;margin-left:96px;width:563px}.section1 .wrap .content-box>div .box-item{margin-top:32px}.section1 .wrap .content-box>div .box-item img{float:left}.section1 .wrap .content-box>div .box-item div{float:left;margin-left:22px}.section1 .wrap .content-box>div .box-item div p{color:#1c1f21}.section1 .wrap .content-box>div .box-item div p.item-title{font-weight:700;font-size:16px;line-height:24px}.section1 .wrap .content-box>div .box-item div p.item-desc{margin-top:8px;font-size:14px;line-height:22px}.section1 .wrap .content-box>div .box-item:first-child{margin-top:20px}.section1 .wrap .content-box>div .box-item:first-child img{width:53px;height:53px}.section1 .wrap .content-box>div .box-item:nth-child(2) img{margin-left:7px;width:46px;height:47px}.section1 .wrap .content-box>div .box-item:nth-child(3) img{margin-left:7px;width:49px;height:48px}.section1 .wrap .content-box>div .box-item:nth-child(3) div{margin-left:19px}.section2{width:100%;height:665px;background:url(/static/module/class/content/img/219/section2-bg.png) center 94px no-repeat}.section2 .wrap{padding-top:60px;position:relative}.section2 .wrap .triangle-icon{position:absolute;z-index:-1;top:46px;right:316px;width:54px;height:39px;background:url(/static/module/class/content/img/219/section2-2.png) center no-repeat}.section2 .wrap h5{margin:4px 0 53px}.section2 .wrap img{display:block;width:646px;height:467px;margin:0 auto}.section3{width:100%;height:633px;background:url(/static/module/class/content/img/219/section3-bg.png) center top no-repeat}.section3 .wrap{padding-top:190px;position:relative;width:888px}.section3 .wrap .rect-icon{position:absolute;z-index:-1;top:170px;left:18px;width:48px;height:48px;border-radius:6px;background-color:#e6758c;transform:rotate(-330deg)}.section3 .wrap h2{text-align:left}.section3 .wrap .content-box{margin-top:48px}.section3 .wrap .content-box>div{float:left;width:391px;box-sizing:border-box}.section3 .wrap .content-box>div .box-item{margin-bottom:30px;padding-left:23px;position:relative}.section3 .wrap .content-box>div .box-item::before{position:absolute;left:0;top:7px;content:'';display:block;width:10px;height:10px;border-radius:50%;background-color:#fb637e}.section3 .wrap .content-box>div .box-item p.item-title{font-weight:700;font-size:16px;line-height:24px;color:#1c1f21}.section3 .wrap .content-box>div .box-item p.item-desc{margin-top:14px;font-size:14px;line-height:22px;color:#383d42}.section3 .wrap .content-box>img{float:right;width:422px;height:333px;margin-top:-64px}.section4{width:100%;height:400px;background:#6c63ff}.section4 .wrap{padding-top:64px;text-align:center}.section4 .wrap h2{color:#fff}.section4 .wrap .content-box{width:1000px;margin:40px auto 0;padding:0 20px;box-sizing:border-box}.section4 .wrap .content-box .box-item{float:left;width:50%;color:#fff}.section4 .wrap .content-box .box-item i{display:inline-block;width:64px;height:64px;line-height:64px;border-radius:50%;background-color:#fff;color:#6c63ff;font-size:36px}.section4 .wrap .content-box .box-item .smalle-title{font-size:16px;line-height:24px;font-weight:700;margin:20px 0 8px}.section4 .wrap .content-box .box-item p{font-size:14px;line-height:22px}.section5{width:100%;height:244px;background:#484350}.section5 .wrap{padding-top:64px;text-align:center}.section5 .wrap .content-box{width:1000px;margin:0 auto}.section5 .wrap .content-box .box-item{float:left;width:50%}.section5 .wrap .content-box .box-item h2{margin-bottom:8px;color:#fff}.section5 .wrap .content-box .box-item p{font-size:14px;line-height:22px;color:#fff}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){.section2 .wrap .triangle-icon{right:256px}}