@font-face{
        font-family: 'DIN';
        src:url('../fonts/DIN Medium.ttf');
}

.banner{
    width: 100%;
    height: 500px;
    background: url('../images/banner.png')  top center no-repeat;
    background-size: cover;
}

/*公共样式 标题*/
.Title{
    padding: 80px 0;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
}

/*公共样式 居中容器*/
.container{
    width: 1000px;
    margin:0 auto;
}
/*期末考前3次课学习目标*/
.kq-goal{
    width: 873px;
    margin: 0 auto;
}

.kq-goal ul li{
    float: left;
}

.kq-goal li .goal_01{
    padding: 30px 0 0 15px;
    box-sizing: border-box;
    color: #fff;
    font-size: 18px;
    white-space: pre-wrap;
    line-height: 1.5;
    width: 134px;
    height: 99px;
    background-color: #ff404f;
    border-bottom-left-radius: 21px;
}

.goal_01 span{
    font-weight: bold;
}

.kq-goal li:nth-child(1){
    margin-right: 69px;
}

.kq-goal li .goal_01_bg{
    margin:-93px 0 0 -6px;
    width: 134px;
    height: 99px;
    background-color: #ff404f;
    opacity: .1;
    border-bottom-left-radius: 21px;
}

.kq-goal li .goal_01_con{
    position: relative;
    z-index: 1;
    margin:-90px 0 0 99px;
    padding: 35px 23px 0;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    width: 296px;
    height: 114px;
    box-shadow: 5px 0 20px #ffe6e9;
    background-color: #fff;

}

.kq-goal li:nth-child(2) .goal_01_con{
    padding-top: 49px;
    text-align: center;
    line-height: 1;
}

.bt_yy{
    margin: 80px 50%;
    transform: translate(-50%,0);
    display: inline-block;
    height: 64px;
    width: 520px;
    border-radius: 5px;
    line-height: 64px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    background:-webkit-linear-gradient( right,#fd5654,#ff324d);
    background:-o-linear-gradient( right,#fd5654,#ff324d);
    background:-moz-linear-gradient( right,#fd5654,#ff324d);
    background:linear-gradient(to right,#fd5654,#ff324d);
}

/*寒假7次课学习目标*/
.hj-goal-box{
    background-color: #f8f8f8;
}

.hj-goal{
    width: 873px;
    margin: 0 auto;
}

.hj-goal ul li{
    float: left;
    margin-right: 66px;
    width: 245px;
    height: 141px;
    background-color: #fff;
    box-shadow: 0 0 20px #f5eeef;

}

.hj-goal ul li:nth-child(1){
    background: url('../images/01.png')  no-repeat;
    background-position:center 20px ;
}
.hj-goal ul li:nth-child(2){
    background: url('../images/02.png')  no-repeat;
    background-position:center 20px ;
}
.hj-goal ul li:nth-child(3){
    background: url('../images/03.png')  no-repeat;
    background-position:center 20px ;
    margin-right: 0;
}

.hj-goal li .hj-goal-tit{
    padding: 65px 0 10px 0;
    font-weight: bold;
    font-size: 22px;
    text-align: center;

}

.hj-goal li .hj-goal-subt{
    font-weight: 300;
    font-size: 15.32px;
    text-align: center;
    color: #999;

}

/*学期末点拨课 课程介绍*/
.dbk-introduce{
    position: relative;
}

.dbk-introduce-pic img{
    position: relative;
    z-index: 2;
    margin: 0 33%;
    width: 710px;
    height: 186px;
}

.dbk-introduce-red{
    position: absolute;
    z-index: -1;
    top:57px;
    left: 30.5%;
    width: 904px;
    height: 272px;
    background-color: #fd5454;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.dbk-introduce-con{
    padding:60px 0 0 62px;
    box-sizing: border-box;
    margin: -34px auto 0;
    position: relative;
    z-index: 1;
    width: 1000px;
    height: 345px;
    background-color: #fff;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    box-shadow:  -8px 8px 30px #ffe6e9;
}

.dbk-introduce-con .con-left{
    margin-bottom: 24px;
    float: left;
    width: 134px;
    height: 99px;
    background-color:  #fd5654;
    border-radius: 25px;
    text-align: center;
    color: #fff;
    line-height: 1.4;
    font-size: 18px;
    font-weight: 300;
}

.con-left .con-left-tit{
    padding-top: 10px;
    font-size: 18px;
    font-weight: bold;
}

.dbk-introduce-con .con-right{
    margin-bottom: 24px;
    float: left;
    margin-left: 8px;
    padding: 14px 0 0 53px;
    box-sizing: border-box;
    width: 738px;
    height: 99px;
    background-color: #fff2f3;
    border-radius: 25px;
}

.dbk-introduce-con .con-right a{
    display: inline-block;
    margin-right: 84px;
    color: #333;
    line-height: 2;
    font-weight: 300;
    font-size: 18px;
    cursor: pointer;
}

.dbk-introduce-con .con-right a:nth-child(6){
    margin-right: 0;
}

.bt{
    display: block;
    margin: 80px auto;
    width:480px;
}

.bt-yykc {
    position: relative;
    z-index: 2;
    display: inline-block;
    width: 275px;
    height: 66px;
    background:url('../images/bt-yykc.png');
}

.bt-zxjg {
    display: inline-block;
    position: relative;
    margin-top: -50px;
    margin-left: 225px;
   /* top: -57px;
    left: 225px;*/
    z-index:1;
    width: 273px;
    height: 64px;
    background:url('../images/bt-zxjg.png');
}

/*学期末点拨课 学习流程*/
.dbk-process-box{
    height: 854px;
    background-color: #f8f8f8;
}

.dbk-process ul {
    width: 932px;
    margin: 0 auto;
}

.dbk-process ul li{
    float: left;
    margin-right: 30px;
    margin-bottom: 27px;
    width: 290px;
    height: 200px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 20px #e9e5e5;
}

.dbk-process ul li:nth-child(3){
    margin-right: 0;
}
.dbk-process ul li:nth-child(4){
    margin-bottom: 0;
}
.dbk-process ul li:nth-child(5){
    margin-bottom: 0;
}
.dbk-process ul li:nth-child(6){
    margin-right: 0;
    margin-bottom: 0;
}

.dbk-process li .process-num{
    margin-top: -3px;
    margin-left: 13px;
    width: 28px;
    height: 38px;
    background:url('../images/icon-num.png');
    color: #fff;
    font-size: 19px;
    font-family: DIN;
    text-align: center;
    line-height: 32px;
}

.dbk-process li img{
    display: block;
    margin:0 auto;
/*     width: 55px;
height: 61px; */
}

.dbk-process li .process-subt{
    margin-top: 18px;
    font-size: 16px;
    color: #666;
    font-weight: 300;
    text-align: center;
}

.dbk-process li .process-tit{
    margin-top: 10px;
    font-size: 24px;
    text-align: center;
}

/*上课场景*/
.dbk-scene{
    overflow: hidden;
}

.dbk-scene .scene-left{
    float: left;
    margin-left: 30px;
}

.dbk-scene .scene-left p{
    margin-top: 15px;
    text-align: center;
    line-height: 1.5;
    font-size: 18px;
    font-weight: 300;
}

.dbk-scene .scene-right{
    float: left;
    margin-left: 30px;
}

.dbk-scene .scene-right p{
    margin-top: 15px;
    text-align: center;
    line-height: 1.5;
    font-size: 18px;
    font-weight: 300;
}

/*学期末点拨课 开放课堂 */
.dbk-open-box{
    height: 858px;
    background-color: #F1F1F1;
}

.subTit{
    margin-top: -64px;
    margin-bottom: 80px;
    line-height: 1.5;
    font-size: 20px;
    color: #666;
    font-weight: 300;
    text-align: center;
}

.dbk-open{
    margin: 0 auto;
    width: 973px;
    height: 354px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
}

.dbk-open img{
    float: left;
    width: 456px;
    height: 354px;

}

.dbk-open .dbk-open-con{
    float: left;
    padding:44px 0 0 104px;
    box-sizing: border-box;
}

.dbk-open .dbk-open-con p{
    position: relative;
    font-size: 20px;
    line-height: 2.3;
}

.dbk-open .dbk-open-con p:before{
    position: absolute;
    top: 15px;
    left: -37px;
    content: '';
    width: 22px;
    height: 18px;
    background: url('../images/icon-duigou.png');
    font-size: 20px;

}

/*优质教学团队*/
.ex-team-box {
    line-height: 1.5;
}

.area{
    height: 671px;
    background: url("../images/team-bg.png") no-repeat center top;
}

.ex-team {
    /*margin-left: 24%;*/
    margin: 0 auto;
    width: 880px;
    padding: 92px 0 0 0px;
    box-sizing: border-box;
}

.ex-team .item {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-bottom: 70px;
    padding: 0 30px 0 15px;
    width: 34%;
    font-size: 18px;

}

.ex-team .item:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #f54f49;
}

.ex-team .item .txt-tit {
    color: #111;
}

.ex-team .item .txt-big {
    margin-top: 10px;
    color: #111;
    font-size: 34px;
    font-weight: 400;
    font-family: DIN;
}

.ex-team .item .txt-big span {
    font-size: 20px;
    color: #111;
}

.ex-team .item .txt_info{
    color: #666;
    font-weight: 333;
}

.ex-team .btn{
    margin-left: 88px;
    margin-top: -10px;
    width: 270px;
    height: 56px;
    box-shadow: 0 3px 20px 1px #f5c2c0;
    border-radius: 35px;
    text-align:center;
    line-height: 56px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    background:-webkit-linear-gradient( right,#fd5654,#ff324d);
    background:-o-linear-gradient( right,#fd5654,#ff324d);
    background:-moz-linear-gradient( right,#fd5654,#ff324d);
    background:linear-gradient(to right,#fd5654,#ff324d);
}

/*页尾*/
/*footer*/
.footer {
    padding: 50px 0;
    color: #fff;
    text-align: center;
    background-color: #2D2D2D;
}

.footer img{
    display: inline-block;
}

.footer .title {
    padding: 30px 0;
    font-size: 36px;
}

.footer .phone {
    cursor: text;
    display: inline-block;
    padding-left: 30px;
    font-size: 24px;
    color: #fff;
    background: url("../images/footer-phone.png") top 5px left no-repeat;
    background-size: 26px 26px;
}