@charset "utf-8";
/* CSS Document */

.warp{ min-width:1200px; max-width:1920px; margin:0 auto; background:#F2F2F2; border:solid #F00 0px; overflow:hidden}
.center{ width:1200px; margin:0 auto}
.table{ display:table}
.table .table-cell{ display:table-cell; vertical-align:middle}
.left{ float:left; width:290px}
.right{ float:right; width:890px}

.banner{ background:url(../images/banner-bj.jpg) center no-repeat; height:242px; position:relative}
.banner .logo{ margin-left:-600px; position:absolute; top:21px; left:50%}
.banner .banner-1{ text-align:center; padding-top:52px}
.banner .source{ font-size:12px; color:#f8f8f8; line-height:22px; letter-spacing:2px; background:url(../images/source-logo.png) left no-repeat; padding-left:32px; margin-right:-600px; position:absolute; bottom:12px; right:50%}

.contaniner{ margin-top:10px}
/*  左侧  */
.left-title{ background:#005EB5; font-size:18px; color:#fff; text-align:center; line-height:22px; padding:10px 0; letter-spacing:1.2px}
.left-title a{ background:#005EB5; font-size:18px; color:#fff; text-align:center; line-height:22px; padding:10px 0; letter-spacing:1.2px}
.slide .slideItem{ margin-bottom:1px}
.slide .slideHead{ background:#377ED0; line-height:19px; padding:9px 0 8px 49px; font-size:14px; color:#fff; cursor:pointer; position:relative}
.slide .slideHead:before{ content:""; width:8px; height:8px; border:solid 1px #FFF; border-bottom:none; border-left:none; margin-top:-4px; position:absolute; top:50%; right:28px; transform:rotate(45deg)}
.slide .slideItem.on .slideHead:before{ transform:rotate(135deg)}
.slide .slideBody{ background:#FFF; display:none}
.slide .slideBody ul{padding: 5px 0;}
.slide .slideBody li{ font-size:14px; color:#333; line-height:19px; padding:5px 0 5px 49px}.slide .slideBody li a:hover{ color:#377ed0}
.slide .slideLink{ background:#377ED0; line-height:19px; padding:9px 0 8px 49px; font-size:14px; color:#fff}
.slide .slideLink a{ color:#FFF; text-decoration:none}

.switch{ margin-top:22px}
.switch .switch-cont{ height:204px; background:#FFF; overflow:hidden}
.switch .switch-cont li{ height:204px; overflow:hidden}
.switch .switch-cont li a{ display:block; width:248px; height:60px; margin:0 auto; text-decoration:none; position:relative}
.switch .switch-cont li a.primary{ background:url(../images/primary-bj.png) no-repeat; margin-top:28px}
.switch .switch-cont li a.intermediate{ background:url(../images/intermediate-bj.png) no-repeat; margin-top:33px; text-align:right}
.switch .switch-cont li a.primary span{ display:block; font-size:14px; color:#e4393c; line-height:20px; padding:14px 0 0 6px}
.switch .switch-cont li a.primary span i{ font-style:normal; display:inline-block; background:#E4393C; color:#FFF; border-radius:5px; padding:0 3px; margin-left:6px}
.switch .switch-cont li a.primary p{ font-size:12px; color:#e4393c; line-height:19px; padding-left:6px}
.switch .switch-cont li a.primary img{ position:absolute; top:-17px; right:14px}
.switch .switch-cont li a.intermediate span{ display:block; text-align:right; font-size:14px; color:#e4393c; line-height:20px; padding:12px 12px 0 0}
.switch .switch-cont li a.intermediate span i{ font-style:normal; display:inline-block; font-weight:bold; font-size:16px; color:#e4393c; margin-left:6px}
.switch .switch-cont li a.intermediate p{ display:inline-block; background:#FE9A2A; line-height:20px; border-radius:3px; padding-left:12px; font-size:12px; color:#fff; margin-right:12px}
.switch .switch-cont li a.intermediate p b{ display:inline-block; background:#FFA949; padding:0 21px 0 12px; margin-left:20px; border-top-right-radius:3px; border-bottom-right-radius:3px; font-weight:normal; position:relative}
.switch .switch-cont li a.intermediate p b:before{ content:""; width:6px; height:6px; border:solid 1px #FFF; border-bottom:none; border-left:none; margin-top:-4px; position:absolute; top:50%; right:10px; transform:rotate(45deg)}
.switch .switch-cont li a.intermediate img{ position:absolute; top:-16px; left:11px}
.switch .switch-page{ background:#FFF; height:32px; padding:0 106px; border-top:solid 1px #F2F2F2; overflow:hidden}
.switch .switch-page span{ width:32px; height:32px; float:left; font-size:18px; color:#717171; text-align:center; line-height:32px; cursor:pointer}
.switch .switch-page span.t{ transform:rotate(90deg)}
.switch .switch-page span.b{ float:right; transform:rotate(90deg)}

/*  右侧  */
.right{ background:#FFF; overflow:hidden}
.right .title{ line-height:19px; border-bottom:solid 1px #377ed0; padding-bottom:10px; overflow:hidden}
.right .title span{ float:left; font-size:16px; color:#377ed0; padding-left:14px; position:relative}
.right .title span:before{ content:""; background:#377ed0; width:4px; height:14px; position:absolute; top:3px; left:1px}
.right .title ul{ float:right; overflow:hidden}
.right .title li{ float:left; font-size:12px; color:#999; margin-left:9px}
.right .title li i{ font-style:normal}
.right .title a.more{ float:right; font-size:12px; color:#999}

.main{ padding:0 23px 0 18px}
.main1{ margin-top:29px}
.main1 .condi-name{ font-size:14px; color:#333; line-height:19px; margin-top:18px}
.main1 .condi-txt{ font-size:14px; color:#333; line-height:34px; padding:16px 0 20px 0px}
.main1 .condi-txt p{ _padding-left:36px}
.main1 .condi-txt a{ color:#3366ff; _text-decoration:underline}

.main2{ margin-top:18px}
.main2 .condi-name{ font-size:14px; color:#333; line-height:19px; margin-top:18px}
.main2 .condi-txt{ font-size:14px; color:#333; line-height:24px}
.main2 .condi-txt p{ text-indent:2em; padding-top:24px}
.main2 .condi-txt span{ color:#e4393c}
.main2 .condi-txt a{ color:#3366ff; text-decoration:underline}

.main3{ margin-top:24px}
.main3 .video{ width:530px;_height:350px; margin:20px auto 20px;}

.main4{ margin-top:29px; padding-bottom:23px}
.main4 .unscramble{ font-size:14px; color:#333; line-height:24px; margin-top:16px; height:190px; overflow:hidden}
.main4 .unscramble p{ text-indent:2em; padding-bottom:24px}
.main4 .load-more{ width:112px; height:32px; line-height:32px; text-align:center; border:solid 1px #E64649; margin:0 auto; border-radius:32px; font-size:14px; color:#e4393c; cursor:pointer}
.main4 .load-more span{ display:inline-block; padding-right:14px; position:relative}
.main4 .load-more span:before{ content:">"; font-size:16px; color:#e4393c; position:absolute; top:0; right:-2px; transform:rotate(90deg)}

.main5 .recommend{ padding:18px 0 58px}
.main5 .recommend ul{ overflow:hidden; display: -webkit-flex; /* Safari */ display: flex; flex-wrap:wrap; justify-content:space-between}
.main5 .recommend li{ width:386px; font-size:14px; color:#555; line-height:18px; padding:8px 0 8px 27px; position:relative}
.main5 .recommend li:before{ content:""; background:#999; width:3px; height:3px; border-radius:3px; margin-top:-1px; position:absolute; top:50%; left:12px}
.main5 .recommend li a{ float:left; text-decoration:none; color:#555; max-width:300px}
.main5 .recommend li i{ float:right; font-size:12px; color:#999; font-style:normal; line-height:18px}
.main5 .recommend li a:hover{ color:#377ed0}

.calendar{ background:#FFF; padding-top:20px; margin-top:22px}
.calendar .calendar-title{ font-size:16px; color:#377ed0; line-height:16px; border-left:solid 4px #377ED0; padding-left:9px; margin-left:26px}
.calendar .calendar-cont{ width:1148px; height:216px; margin:0 auto; position:relative}
.calendar .calendar-cont:before{ content:""; background:#377ED0; width:100%; height:2px; position:absolute; top:98px; left:0}
.calendar .calendar-cont ul{ margin-left:60px; overflow:hidden}
.calendar .calendar-cont li{ float:left; width:170px; text-align:center; position:relative}
.calendar .calendar-cont li:before{ content:""; background:#377ED0; width:12px; height:12px; border-radius:12px; position:absolute; left:50%; top:93px}
.calendar .calendar-cont li:nth-child(2n+1){ margin-top:115px}
.calendar .calendar-cont li:nth-child(2n+1):before{ top:-22px}
.calendar .calendar-cont li span{ display:block; background:#377ED0; width:100px; height:36px; line-height:36px; font-size:14px; color:#fff; margin:0 auto}
.calendar .calendar-cont li p{ font-size:14px; color:#333; line-height:24px; padding-top:5px}
.calendar .calendar-cont .calendar-lcon{ background:#377ED0; width:78px; height:78px; text-align:center; line-height:78px; border-radius:9px; position:absolute; top:60px; right:0}

.footer{ border-top:solid 1px #FAFAFA; margin-top:39px}
.footer .footer-bom{ padding:26px 0 60px}
.footer .footer-link{ overflow:hidden}
.footer .footer-link a{ float:left; margin-bottom:18px; padding:0 6px 0 30px; font-size:12px; color:#666; letter-spacing:1px; text-decoration:none; line-height:30px; background:url(../images/footer-lcon.png) no-repeat}
.footer .footer-link a:nth-child(1){ background-position:0 0}
.footer .footer-link a:nth-child(2){ background-position:0 -30px}
.footer .footer-link a:nth-child(3){ background-position:0 -60px}
.footer .footer-link a:nth-child(4){ background-position:0 -90px}
.footer .footer-link a:nth-child(5){ background-position:0 -120px}
.footer .footer-link a:nth-child(6){ background-position:0 -150px}
.footer .footer-link a:nth-child(7){ background-position:0 -180px}
.footer .footer-link a:nth-child(8){ background-position:0 -210px}
.footer .footer-link a:nth-child(9){ background-position:0 -240px}
.footer .footer-link a:nth-child(10){ background-position:0 -270px; margin-left:356px}
.footer .footer-bom p{ font-size:12px; color:#666; line-height:30px; text-align:center}

.consult{ width:161px; height:348px; margin-top:-174px; position:fixed; top:50%; right:0; cursor:pointer}

#LRdiv0{ display:none !important}


.artbody {
    width: 830px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}
.zhukuaijj {
    width: 100%;
    height: auto;
    margin-top: 10px;
    overflow: hidden;
    padding-bottom: 20px;
}
.shipin {
    float: right;
    margin-left: 10px;
    width:420px;
    height:250px;
}
.zhukuaijj p span {
    display: inline-block;
    border: 1px solid #377ed0;
    margin: 2px 2px 2px 2px;
    border-radius: 5px;
}
.zhukuaijj p span a {
    padding: 0 20px;
    _font-weight: bold;
}
.right p {
    text-indent: 2em;
    margin: 10px 0;
}
.right .ksjstj p {
    font-size: 14px;
    line-height: 30px;
    margin: 5px 0;
    text-indent: 0em;
    padding-left: 50px;
}
.kctits {
    border: 1px solid #377ed0;
    padding: 3px;
    display: inline-block;
    font-size: 16px;
    margin: 5px 0;
    text-align: center;
}
.kctit {
    border: 1px dashed #377ed0;
    padding: 0.2em 1em;
    color: #377ed0;
    font-weight: bold;
}
.jjxg p {
    _font-size: 14px;
    line-height: 30px;
    margin:10px 0;
    font-size: 18px;
}
.jjxg p span {
    font-weight: bold;
}
.jjxg p code {
    color: #f00;
    font-family: "微软雅黑";
}
.kechengs {
    width: 830px;
    height: auto;
    overflow: hidden;
    margin: 20px auto;
}
.kechengs ul li {
    width: 200px;
    height: 110px;
    overflow: hidden;
    float: left;
    margin: 0 3px;
}
.baomingxuzhi {
    background-color: #F8F8F8;
    padding: 5px 30px;
}

.fudaokecheng {
    overflow: hidden;
    margin-left: -60px;
    zoom: 1;
    padding-left: 100px;
    background-color: #33649633;
}
.course-box {
    border-radius: 30px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.45);
    transition: box-shadow 0.2s;
    margin: 15px 0 15px 70px;
    float: left;
    display: inline;
    position: relative;
}
.course-box .mask {
    color: #353535 !important;
    display: block;
    font-size: small;
    width: 270px;
    height: 315px;
    overflow: hidden;
}
.course-box .course-thumb img {
    width: 270px;
    height: 153px;
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
}
.course-box .mask .ketitle {
    display: block;
    font-size: 14px;
    line-height: 1.2;
    min-height: 32px;
    overflow: hidden;
    padding: 10px 10px 5px;
    font-weight: bold;
}
.course-box .mask .details {
    display: block;
    overflow: hidden;
    padding: 5px 10px 5px;
    text-align: center;
    *width: 90%;
}
.mask .price {
    color: #e85d0c;
    float: left;
    font-size: 14px;
    margin-top: -6px;
    height: 16px;
}
.mask .small-rating {
    vertical-align: top;
    float: left;
    height: 12px;
    overflow: hidden;
    margin-left: 5%;
    background: url(http://simg01.gaodunwangxiao.com/images/sprites.png) 0 -70px;
    line-height: 0;
    width: 85px;
    text-align: left;
    position: relative;
    top: 4px;
}
.small-rating span {
    display: inline-block;
    background: url(http://simg01.gaodunwangxiao.com/images/sprites.png) 0 -83px;
    height: 13px;
    line-height: 14px;
    float: left;
}
.mask .stu {
    margin-top: 3px;
    font-family: Arial;
    color: #777;
    float: right;
    background: url(http://simg01.gaodunwangxiao.com/images/sprites.png) no-repeat 0 -111px;
    height: 16px;
    line-height: 16px;
    padding: 0 0 0 24px;
}
.course-box .mask .instructors {
    border-top: 1px solid #2EBD5F;
    display: block;
    margin: 0 10px;
    overflow: hidden;
    padding: 10px 0;
}
.course-box .mask .ins-thumb {
    float: left;
    border-radius: 4px;
    margin-right: 5px;
    width: ;
    height: 25px;
}
.course-box .mask .instructors .r {
    margin-left: 33px;
    display: block;
    _float: left;
    _margin-left: 0;
    *margin-top: -5px;
}
.course-box .mask .ins-name {
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
}
.ellipsis {
    display: block;
}
.course-box .mask .ins-job-title {
    margin-top: 2px;
    font-size: 12px;
    line-height: 1.2;
    color: #555;
}
.layout {
    clear: both;
    width: 1200px;
    text-align: left;
    margin: 0 auto;
    padding-left: 100px;
    background-color: #33649633;
    padding-bottom: 20px;
}
.teacherList li {
    float: left;
    _display: inline;
    margin: 20px 20px 0 0;
    width: 285px;
    height: 400px;
    position: relative;
    overflow: hidden;
}
.teacherList .tex {
    width: 243px;
    height: 32px;
    padding: 50px 20px 12px;
    color: #fff;
    position: absolute;
    bottom: 80px;
    left: 0;
    background: url("http://www.gaodun.com/uploads/allimg/170926/6020-1F9261QZ0M6.png") no-repeat center top;
    overflow: hidden;
}
.teacherList .tex a {
    color: #fff;
    text-decoration: none;
}
.teacherList .tex h3 {
    font-size: 25px;
    line-height: 22px;
    padding-bottom: 17px;
}
.teacherList .tex p {
    font-size: 14px;
    line-height: 19px;
    padding: 0 0 22px 0;
    overflow: hidden;
    margin: 2px 0;
}

.laiyuan {
    color: #999;
    font-size: 12px;
    text-align: right;
}

.erweima {
    margin-top: 22px;
}










.consult{ width:50px; margin-top:-136px; position:fixed; top:50%; right:0; z-index:999999}
.consult li{ background:#377ED0; height:50px; text-align:center; font-size:14px; color:#fff; border-radius:3px; margin-bottom:2px; cursor:pointer; position:relative}
.consult li:before{ content:""; background:url(../images/consult-lcon.png) no-repeat; width:50px; height:50px; position:absolute; top:0; left:0}
.consult li.consult-wk:before{ background-position:0 0}
.consult li.consult-zx:before{ background-position:0 -50px}
.consult li.consult-dh:before{ background-position:0 -100px}
.consult li.consult-wx:before{ background-position:0 -150px}
.consult li.consult-sq:before{ background-position:0 -200px}
.consult li.consult-zl:before{ background-position:0 -250px}
.consult li.consult-close:before{ display:none}
.consult li a{ display:block; width:50px; height:50px; position:relative; z-index:9}
.consult li.consult-dh span,.consult li.consult-wk span,.consult li.consult-zx span,.consult li.consult-zl span{ position:absolute; background:#4489D8; padding:0 10px; white-space:nowrap; height:50px; text-align:center; line-height:50px; font-size:14px; color:#fff; border-radius:3px; opacity:0; transition:all 0.3s linear; top:0; right:-20px}
.consult li.consult-dh:hover span,.consult li.consult-wk:hover span,.consult li.consult-zx:hover span,.consult li.consult-zl:hover span{ right:0; opacity:1}
.consult li.consult-wx span,.consult li.consult-sq span{ position:absolute; background:#4489D8; width:112px; padding:0 9px 9px; border-radius:3px; display:none; right:40px; bottom:0}
.consult li.consult-wx span i,.consult li.consult-sq span i{ display:block; font-style:normal; font-size:13px; color:#fff; line-height:18px; padding:5px 0 4px}
.consult li.consult-wx:hover span,.consult li.consult-sq:hover span{ right:51px; display:block}
.consult li.consult-wechat img{ width:100px; margin-top:-50px; position:absolute; top:50%; left:-100px; z-index:1; opacity:0}
.consult li.consult-close{ background:#BBB; height:30px; line-height:30px; margin-bottom:0}
.consult li span img{ width: 100%;}

#LRdiv0{ display:none !important}
#LRdiv1{ display:none !important}