/*author：晏瑞雪 2017.09.15*/
.WUI {
    width:898px;
    margin:0 auto;
    background-color:#fff;
}
 h2{
    font-size:34px;
    color:#000000;
    margin:5px 0;
}
 h2 em{
    font-size:34px;
    display:inline-block;
    color:#ff6a00;
}
.WUI .banner {
    height:813px;
    position:relative;
}
.banner div {
    position: absolute;
    top: 638px;
    left: 556px;
    text-align: right;
}


/*了解*/
.WUImean p{
    font-size: 18px;
    margin: 5px 34px 48px;
}

/*能学到什么*/
.learn h2 {
    text-align:center;
    margin: 16px auto 32px;
}
.learn .learnContent {
    background:url(/wokepage/img/WUI/learn.jpg) no-repeat;
    background-size:100%;
    height:300px;
}
.learn .learnContent ul{
    padding-top: 50px;
}
.learn .learnContent li{
    position:relative;
    margin: 10px 0 0 101px;
    float: left;
    width: 222px;
    overflow:hidden;
}
.learn .learnContent .RightContent{
    margin: 10px 0 0 324px;
}
.learn .learnContent li h4{
    position:absolute;
    top:5px;
    left:36px;
    color:#fff;
}
 
/*课程优势*/
.courseAdvantagebg {
    position:relative;
    width:898px;
}
.courseAdvantagebg div {
    color:#fff;
    width:140px;
    text-align:center;
}
.courseAdvantagebg .GoodProspects {
    position:absolute;
    top:235px;
    left:82px;
}
.courseAdvantagebg .FlexibleEmployment {
    position:absolute;
    top:235px;
    left:275.5px;
}
.courseAdvantagebg .HighIncome {
    position:absolute;
    top:237px;
    left:53.5%;
}
.courseAdvantagebg .StableWork {
    position:absolute;
    top:237px;
    left:674.5px;
}
.courseAdvantagebg div p{
    margin-top:26px;
    line-height: 22px;
    text-align: left;
}

/*就业方向*/
.EmploymentDirection {
    position:relative;
}
.EmploymentDirection div{
    position:absolute;
    top:86px;
    left:179px;
    width:760px;
}
.EmploymentDirection li{
    float:left;
    margin:0 10px 10px;
    width:205px;
}

/*课程内容*/
.CourseContent {
    height:466px;
}
.CourseContent li{
    float:left;
    overflow:hidden;
    margin: 30px;
}

.CourseContent h3{
    font-size:21px;
    margin: 1px;
    text-align:center;
}
.CourseContent h6{
    font-size:8px;
    margin-bottom:9px;
    text-align:center;
}
.CourseContent p{
    width:229px;
    margin-bottom:12px;
    line-height: 23px;
}

/*课程作品*/
.Coursework {
    background:url(/wokepage/img/WUI/Coursework.jpg) no-repeat;
    background-size:100%;
    height:1008px;
}
.courseWorkInfo {
    padding: 116px 4px 0 241px;
}

.Coursework .courseWorkInfo .CourseworkBox{
    height: 835px;
    overflow: hidden;
}

.Coursework .courseWorkInfo .CourseworkBox ul{
    position:relative;
}

.Coursework .courseWorkInfo .CourseworkBox ul li{
    position:absolute;
    top:0;
    left:0;
}




/*课程优势*/
.CurriculumAdvantage {
    position:relative;
    width:898px;
    margin-top: 60px;
}
.CurriculumAdvantage .CurriculumAdvantageTitle{
    position:absolute;
    top:29px;
    left:75px;
    color:#fff;
}
.CurriculumAdvantage .CurriculumAdvantageTitle h2{
    font-size:28px;
    text-align:center;
    margin: 0 0 9px -46px;
    color:#fff;
}
.CurriculumAdvantage .CurriculumAdvantageTitle h2 em{
    font-size:28px;
}
.CurriculumAdvantage .CurriculumAdvantageTitle h4{
    font-size:20px;
    text-align: center;
    margin: 0 0 38px -22px ;
}
.CurriculumAdvantage .CurriculumAdvantageTitle p{
    margin: 20px 0;
}
.CurriculumAdvantage .CurriculumAdvantageTitle p span{
    color:#f8781d;
    padding-right:25px;
}
.CurriculumAdvantageContent{
    position: absolute;
    top: 663px;
    left: 195px;
}
.CurriculumAdvantageContent p{
    color:#f8781d;
    font-size:23px;
}

/*学习流程*/
.LearningProcess {
    width:898px;
    position:relative;
}
.LearningProcessTitle {
    position:absolute;
    top:60px;
    left:350px;
}
.LearningProcessContentQ {
    position:absolute;
    top:129px;
    left:12px;
}
.LearningProcessContentW {
    position: absolute;
    top: 226px;
    left: 17px;
}
.LearningProcessContentE {
    position: absolute;
    top: 322px;
    left: 20px;
}
.LearningProcessContentR {
    position: absolute;
    top: 421px;
    left: 22px;
}
.LearningProcessContentT {
    position: absolute;
    top: 519px;
    left: 5px;
}
.LearningProcessContentY {
    position:absolute;
    top:616px;
    left:23px;
}

.LearningProcess h2{
    font-size: 34px;
    text-align: left;
    margin: -15px 0 53px;
    color: #fff;
    position: absolute;
    top: 52px;
    left: 353px;
}
.LearningProcess h2 span{
    color:#f8781d;
}
.LearningProcess p{
    font-size:23px;
    width:70%;
}
.LearningProcess .LearningProcessA{
    color: #fff;
    font-size: 20px;
    display: inline-block;
}
.LearningProcess .LearningProcessAR{
    font-size: 14px;
    width: 63%;
}
.LearningProcess .LearningProcessH{
    margin-top: 47px;
    margin-left: 41px;
}
.LearningProcess .LearningProcessZ{
    margin-left: 230px;
    margin-top: -28px;
}
.LearningProcess .LearningProcessContentTRight {
    margin-left: 248px!important;
}

/*免费试听*/
.formInfo {
    position:relative;
}
.formInfo div {
    position:absolute;
    top:79px;
    left:257px;
}
.formInfo div h2{
    font-size:30px;
    font-weight:bold;
    color:#f8781d;
    text-align:center;
    margin-bottom: 7px;
}
.formInfo div p{
    font-size:28px;
    color:#fff;
}
.formInfo div a{
    border:1px solid  #fff;
    border-radius:15px;
    width:120px;
    padding:10px;
    margin: 35px auto;
    text-align:center;
    font-size:16px;
    background-color:#fff;
    display: block;
    text-align: center;
}