body{font-family:"Microsoft YaHei";font-size:14px;color:#000}.appendtemplate .w1200{width:1200px;margin:0 auto}.appendtemplate .fl{float:left}.appendtemplate .fr{float:right}.appendtemplate h2{font-weight:700;font-size:44px;line-height:44px!important;text-align:center;margin-top:100px}.appendtemplate .container-1{overflow:hidden;height:680px;background:#f5003f url(../img/65/1.jpg) no-repeat center center}.appendtemplate .container-1 h2{color:#fff}.appendtemplate .container-1 .step-list{margin-top:62px;color:#fff}.appendtemplate .container-1 .step-list .step-list-tit{font-size:24px;font-weight:700;line-height:77px}.appendtemplate .container-1 .step-list dd{float:left;position:relative;font-size:16px;padding-left:153px;width:50%;box-sizing:border-box;line-height:33px;margin-bottom:22px}.appendtemplate .container-1 .step-list i{display:inline-block;position:absolute;left:32px;top:11px;width:111px;height:111px;background:url(../img/65/icon1-4.png) no-repeat}.appendtemplate .container-1 .step-list i.step-1{background-position:center 0}.appendtemplate .container-1 .step-list i.step-2{background-position:center -111px}.appendtemplate .container-1 .step-list i.step-3{background-position:center -222px}.appendtemplate .container-1 .step-list i.step-4{background-position:center -333px}.appendtemplate .container-2{overflow:hidden;height:680px;background:#fff url(../img/65/2.jpg) no-repeat center bottom}.appendtemplate .container-2 h2{margin-bottom:40px}.appendtemplate .container-2 .angularjs,.appendtemplate .container-2 .laravel{font-size:16px;line-height:38px}.appendtemplate .container-2 .angularjs dt,.appendtemplate .container-2 .laravel dt{font-size:24px;font-weight:700;line-height:24px;margin-bottom:10px}.appendtemplate .container-2 .laravel{color:#fb503b}.appendtemplate .container-2 .back,.appendtemplate .container-2 .laravel{margin-left:50px}.appendtemplate .container-2 .angularjs{color:#dd1b16;text-align:right}.appendtemplate .container-2 .angularjs,.appendtemplate .container-2 .forward{margin-right:40px}.appendtemplate .container-2 .back,.appendtemplate .container-2 .forward{color:#07111b;font-size:16px;margin-top:44px;line-height:36px}.appendtemplate .container-2 .back dt,.appendtemplate .container-2 .forward dt{font-weight:700;line-height:16px;margin-bottom:10px}.appendtemplate .container-2 .forward{text-align:right}.appendtemplate .container-3{height:680px;overflow:hidden;background:#120e75 url(../img/65/3.jpg) no-repeat center center}.appendtemplate .container-3 h2{color:#fff;margin-bottom:42px}.appendtemplate .container-3 .intro-list dl{width:50%;color:#fff;font-size:16px}.appendtemplate .container-3 .intro-list dl dt{font-size:32px;background:url(../img/65/icon1-2.png) no-repeat;line-height:75px;font-weight:700;margin-bottom:20px}.appendtemplate .container-3 .intro-list dl dd{position:relative;line-height:32px;margin-bottom:30px}.appendtemplate .container-3 .intro-list .forward{text-align:right}.appendtemplate .container-3 .intro-list .forward dt{color:#49146b;background-position:right bottom;padding:0 90px}.appendtemplate .container-3 .intro-list .forward dd{padding-right:90px}.appendtemplate .container-3 .intro-list .back dt{color:#1c1586;background-position:left 0;padding:0 50px}.appendtemplate .container-3 .intro-list .back dd{padding-left:90px}.appendtemplate .container-3 .intro-list i.icon-back,.appendtemplate .container-3 .intro-list i.icon-forward{position:absolute;width:20px;height:20px;background:url(../img/65/icon-lr.png) no-repeat;top:6px}.appendtemplate .container-3 .intro-list i.icon-back{background-position:center 0;left:50px}.appendtemplate .container-3 .intro-list i.icon-forward{background-position:center bottom;right:50px}.appendtemplate .container-4{height:460px;overflow:hidden;text-align:center;background:#f5f5f5 url(../img/65/4.jpg) no-repeat center bottom}.appendtemplate .container-4 h2{margin:155px 0 44px}.appendtemplate .container-4 p{line-height:38px;font-size:22px;color:#07111b}.appendtemplate .container-5{height:559px;line-height:28px;background:#101820 url(../img/65/5.jpg) no-repeat center center;overflow:hidden;color:#fff}.appendtemplate .container-5 h2{text-align:center;margin-top:117px}.appendtemplate .container-5 .ide-list{margin-top:80px;text-align:center}.appendtemplate .container-5 .ide-list dd{width:25%}.appendtemplate .container-5 .tit{font-size:22px;font-weight:700;line-height:60px}.appendtemplate .container-5 i{display:inline-block;width:64px;height:64px;background:url(../img/65/icon-ide.png) no-repeat}.appendtemplate .container-5 .i-1{background-position:center top}.appendtemplate .container-5 .i-2{background-position:center -64px}.appendtemplate .container-5 .i-3{background-position:center -128px}.appendtemplate .container-5 .i-4{background-position:center -192px}.appendtemplate .container-6{height:640px;overflow:hidden;background:#bc195c url(../img/65/6.jpg) no-repeat center bottom;color:#fff}.appendtemplate .container-6 h2{text-align:left;margin-top:127px;font-size:44px;line-height:60px!important}.appendtemplate .container-6 .teacher-intro{height:100%;overflow:hidden;padding-left:560px;width:640px}.appendtemplate .container-6 .teacher-intro .teacher-name{font-size:22px;font-weight:700;line-height:22px;margin:42px 0 20px}.appendtemplate .container-6 .teacher-intro .p1{font-size:16px;width:480px;line-height:30px;text-align:justify;text-justify:inter-ideograph}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){.appendtemplate .wrap{width:100%}.appendtemplate .container-1 .w1200 dd p{font-size:12px}.appendtemplate .container-6 .teacher-intro{padding-left:490px}.appendtemplate .container-6 h2{font-size:40px}.appendtemplate .container-6 .teacher-intro .p1{width:450px}}