
body,html{
    color: #1e1e1c;
}
.banner{
    width: 100%;
    height:700px ;
    margin-top: -10px;
    min-width: 1200px;
    overflow:hidden;
    color: #fdcb3a;
    background: url("../imgs/banner.jpg") no-repeat 0 0/100% 100%;
}
@media (max-width: 1600px) {/*1.2*/
    .banner{
        height:583px;
    }
}
@media (max-width: 1440px) {
    .banner{
        height:538px ;/*1.3*/
    }
}
@media (max-width: 1280px) {
    .banner{
        height:466px ;/*1.5*/
    }
}
.banner div{
    width: 1000px;
    margin: 0 auto;
    letter-spacing: 2px;
    font-size: 29px;

}
.banner p{
    margin-bottom: 20px;
}
.banner .p1{
    margin: 8% 0 10px;
}
.banner .dbt{
    font-size:65px;
    font-weight: bolder;
    margin:  90px 0 50px;

}
.banner .p3{
    background: #2891fa;
    color: #fff;
    font-size: 30px;
    width: 630px;
    border-radius: 30px;
    text-align: center;
    padding: 5px 0;

}
.banner .p4 span{
    color:#fff ;
}

table.tab1{
    width: 1200px;
    margin: 50px auto;
    font-size: 23px;
    color: #2c3435;
    text-align: center;
}
.tab1 th{
    background: #fdcb3a;
    padding: 7px 0;

}
.tab1 tr td{
    padding: 7px 0;
}
.tab1 tr:nth-child(2n) td{
    background: #efefef;
}
.tab1 tr:nth-child(2n+1) td{
    background: #ffffff;
}
.tab1 tr td:nth-child(1){
    background: #cb311e;
    color: #fff;
}
.tab1 tr:nth-child(3) td:nth-child(1){
    background: #2c3435;
}

/*IB课程介绍*/
.kcjs{
    width: 100%;
    overflow: hidden;
    background: #fdcb3a;
}
.tit{
    font-size: 45px;
    font-weight: bolder;
    text-align: center;
    margin: 40px auto;
    letter-spacing: 2px;
}
.tit span {
    color: #cb311e;
}
.kcjs .inner{
    width: 1200px;
    margin: 50px auto;
    background: #fff;
    position: relative;
}
.bg{
    width: 300px;
    background: #2c3435;
    height: 40px;
    position: absolute;
    top: -20px;
    left: 30px;
}

.kcjs .inner div{
    float: left;
}
.kcjs .inner .left{
    width: 336px;
    height: 250px;margin: 40px 0 0 20px;
    background: url("../imgs/pt.jpg") no-repeat 0 0/100% 100%;

}
.kcjs .inner .right{
    width: 830px;
    padding: 40px;
    box-sizing: border-box;
    font-size: 20px;
    text-align: justify;
    line-height: 33px;
}
.kcjs .inner .right span{
    color: #cb311e;
}
/*优势*/
.gfys{
    width: 100%;
    overflow: hidden;
    background: url("../imgs/bg.jpg") no-repeat 0 0/100% 100%;

}
.gfys .tit{
    color: #fff;
}
.gfys .tit span{
    color: #fdcb3a;
}
.gfys ul li{
    width: 1200px;
    margin: 50px auto;
}
.gfys ul li .top{
    overflow: hidden;
    line-height: 45px;

}
.gfys ul li .top p:nth-child(1){
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50%;
    text-align: center;
    background: #fdcb3a;
    float: left;
    color: #2c3435;
    font-size: 25px;
    font-weight: bolder;
    margin-right: 20px;
    margin-bottom: 20px;
}
.gfys ul li .top p:nth-child(2){
    color: #fff;
    float: left;
    font-size: 25px;
    letter-spacing: 2px;
}
.gfys ul li .bot{
    background: #fdcb3a;
    color: #2e2a27;
    box-sizing: border-box;
    padding: 10px 20px;
    line-height: 30px;
    font-size: 20px;letter-spacing: 2px;
}
/*课程优势*/
.kcys{
    width: 1200px;
    margin: 50px auto;
    overflow: hidden;

}
.kcys ul li{
    margin:40px 0 40px 0;
    overflow: hidden;
}
.kcys ul li .top{
    overflow: hidden;
    line-height: 40px;
   font-size: 24px;
    margin-bottom: 20px;
}
.kcys ul li .top .num {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-weight: bolder;
    background: #cb311e;
    border-radius: 50%;
    color: #fff;
    font-size: 25px;
    text-align: center;
    float: left;
    margin-right: 20px;
}
.kcys ul li .top .word{
    float: left;
    letter-spacing: 2px;
}
.kcys ul li .bot{
    overflow: hidden;
}
.kcys ul li .bot div{
    float: left;

}
.kcys ul li .bot .left{
    width: 280px;
    height: 179px;
    background: url("../imgs/p1.jpg") no-repeat 0 0/100% 100%;
}
.kcys ul li:nth-child(2) .bot .left{
     background: url("../imgs/p2.jpg") no-repeat 0 0/100% 100%;

 }
.kcys ul li:nth-child(3) .bot .left{
    background: url("../imgs/p3.jpg") no-repeat 0 0/100% 100%;

}
.kcys ul li:nth-child(4) .bot .left{
    background: url("../imgs/p4.jpg") no-repeat 0 0/100% 100%;

}
.kcys ul li .bot .right{
    width: 880px;
    font-size: 22px;
    letter-spacing: 1px;
    line-height: 100px;
    background: #cb311e;
    color: #fff;
    height: 179px;
    box-sizing: border-box;
    margin-left: 20px;
    padding: 20px 18px;
}
.kcys ul li:first-child .bot .right{
    line-height: 30px;
}

.qa{
    width: 100%;
    background: #fdcb3a;
    overflow: hidden;
}
.qa ul{
    width: 1200px;
    margin: 50px auto;
    overflow: hidden;
}
.qa h1{
    font-size: 40px;
    font-weight: bolder;
    margin-bottom: 50px;
}
.qa ul li .top{
    overflow: hidden;
    line-height: 35px;
    font-size: 25px;
}
.qa ul li{
    margin-bottom: 50px;
}
.qa ul li .left{
    width: 36px;
    height: 44px;
    line-height: 35px;
    margin-right: 20px;
    font-size: 30px;
    font-weight: bolder;
    background: url("../imgs/icon.jpg") no-repeat 0 0/100% 100%;
    color: #fff;
    text-align: center;
    float: left;
}
.qa ul li .right{
    float: left;
    font-weight: bolder;
}
.qa ul li .bot{
    background: #fff;
    box-sizing: border-box;
    padding: 20px;
    line-height: 30px;
    text-align: justify;
    margin-top: 20px;
    letter-spacing: 1px;
    position: relative;
}
.qa ul li .sj{
    position: absolute;
    width:0;
    height:0;
    border-width:16px;
    border-style:solid;
    bottom: -30px;
    left: 50%;
    margin-left: -8px;
    border-color:#fff transparent transparent transparent;
}

.xkjs{
    background: #312c28;
    width: 100%;
    overflow: hidden;
}
.xkjs .tit{
    color: #fff;
}
.xkjs .tit span{
    color: #fdcb3a;
}
.xkjs table{
    width: 1200px;
    font-size: 22px;
    text-align: center;
    margin: 40px auto;  border: 2px solid #fff;
}
.xkjs table th{
    background: #fdcb3a;
    padding: 8px 0;
    border-right: 2px solid #fff;

}
.xkjs table tr:nth-child(2n) td{
    background: #efefef;padding: 8px 5px;

}
.xkjs table tr:nth-child(2n+1) td{
    background: #ffffff;padding: 8px 5px;
}
.xkjs table tr td{
    border-bottom: 2px solid #2f2a27;
    border-top: 2px solid #2f2a27;
    border-right: 2px solid #fff;
}
.xkjs table tr:last-child td{
    border-bottom: 2px solid #fff;

}