body,html{
    color: #1e1e1c;
}
.banner{
    width: 100%;
    height:736px ;
    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:613px;
    }
}
@media (max-width: 1440px) {
    .banner{
        height:566px ;/*1.3*/
    }
}
@media (max-width: 1280px) {
    .banner{
        height:490px ;/*1.5*/
    }
}

.afdz{
    width: 100%;
    background: #f1f1f1;
    font-size: 20px;
    text-align: justify;
    overflow: hidden;
}
.afdz .title{
    width: 303px;
    height: 70px;
    background: url("../imgs/title.jpg") no-repeat 0 0/100% 100%;
    margin: 50px auto;
}
.afdz p{
    width: 1200px;
    margin: 40px auto;
    line-height: 35px;
}


.why{
    width: 1200px;
    margin: 50px auto;
}
 .tit{
    overflow: hidden;
    margin: 50px auto;
    width: 530px;
}
 .tit p:nth-child(2n+1){
    width: 20px;
    height: 20px;
    background: #000;
    border-radius: 50%;
    float: left;
    margin-top: 15px;
}
 .tit p:nth-child(2){
    font-size: 38px;
    float: left;
    margin: 0 75px;
}
.why ul li{
    width: 550px;
    height: 370px;
    color: #fff;
    font-size: 20px;
    background: url("../imgs/bg1.jpg") no-repeat 0 0/100% 100%;
    float: left;
    margin: 20px 20px;
    box-sizing: border-box;
    line-height: 35px;
    padding: 70px 70px 60px 50px;
}
.why ul li:nth-child(2),.why ul li:nth-child(3){
    background: url("../imgs/bg2.jpg") no-repeat 0 0/100% 100%;

}
.why ul li .top{
    font-size: 25px;
    margin-bottom: 30px;
}


.zpjkc{
    width: 1200px;
    margin: 50px auto 0;
    overflow: hidden;
}
.zpjkc .tit{
    width: 427px;
}
.zpjkc ul li{
    float: left;
    margin: 30px 10px;
}
.zpjkc ul li .left{
    width: 180px;
    height: 300px;
    float: left;
    background: url("../imgs/p1.jpg") no-repeat 0 0/100% 100%;

}
.zpjkc ul li .right{
    float: left;
    height: 300px;
    width: 200px;
    background: #231815;
    color: #fff;
    position: relative;
    box-sizing: border-box;
    padding: 0 10px;
}
.zpjkc ul li .right .num{
    font-size: 80px;
    font-weight: bolder;
    font-family: arial, sans-serif;
    position: absolute;
    top: 0;
    z-index: 3;
    left: 20px;
}
.zpjkc ul li .right .line{
    width: 70px;
    height: 15px;
    background: #e8c22b;
    margin-top: 40px;
}
.zpjkc ul li .right .name{
    font-size: 21px;
    margin-top: 40px;

}
.zpjkc ul li .right .js{
    text-align: justify;
    margin-top: 10px;
    line-height: 22px;
}
.zpjkc ul li:nth-child(2) .left{
    background: url("../imgs/p2.jpg") no-repeat 0 0/100% 100%;

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

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

}
.zpjkc ul li:nth-child(5) .left{
    background: url("../imgs/p5.jpg") no-repeat 0 0/100% 100%;

}
.zpjkc ul li:nth-child(6) .left{
    background: url("../imgs/p6.jpg") no-repeat 0 0/100% 100%;

}
.zpjkc ul li:nth-child(7) .left{
    background: url("../imgs/p7.jpg") no-repeat 0 0/100% 100%;

}
.zpjkc ul li:nth-child(8) .left{
    background: url("../imgs/p8.jpg") no-repeat 0 0/100% 100%;

}
.zpjkc ul li:nth-child(9) .left{
    background: url("../imgs/p9.jpg") no-repeat 0 0/100% 100%;

}

.teacher .tit{
    width: 350px;
    color: #f28503;
}
.teacher .tit p:nth-child(1),.teacher .tit p:nth-child(3){
    background: #f28503;
}
.teacher{
    width: 100%;
    margin: 20px auto 50px;
    overflow: hidden;
    background: #f1f1f1;
}
.teacher ul{
    width: 1200px;
    margin: 0 auto;
}
.teacher ul li{
    float: left;
    width: 280px;
    height: 350px;
    margin: 20px 10px;
    background: #dcdddd;
    text-align: center;
}
.teacher ul li .pic{
    width: 240px;
    height: 217px;
    margin: 20px auto;
    background: url("../imgs/ls1.jpg") no-repeat 0 0/100% 100%;

}
.teacher ul li .name{
    margin-bottom: 10px;
    font-size: 20px;
}
.teacher ul li:nth-child(2) .pic{
    background: url("../imgs/ls2.jpg") no-repeat 0 0/100% 100%;

}
.teacher ul li:nth-child(3) .pic{
    background: url("../imgs/ls3.jpg") no-repeat 0 0/100% 100%;

}
.teacher ul li:nth-child(4) .pic{
    background: url("../imgs/ls4.jpg") no-repeat 0 0/100% 100%;

}
.teacher ul li:nth-child(5) .pic{
    background: url("../imgs/ls5.jpg") no-repeat 0 0/100% 100%;

}
.teacher ul li:nth-child(6) .pic{
    background: url("../imgs/ls6.jpg") no-repeat 0 0/100% 100%;

}
.teacher ul li:nth-child(7) .pic{
    background: url("../imgs/ls7.jpg") no-repeat 0 0/100% 100%;

}
.teacher ul li:nth-child(8) .pic{
    background: url("../imgs/ls8.jpg") no-repeat 0 0/100% 100%;

}
.teacher ul li:nth-child(9) .pic{
    background: url("../imgs/ls9.jpg") no-repeat 0 0/100% 100%;

}
.teacher ul li:nth-child(10) .pic{
    background: url("../imgs/ls10.jpg") no-repeat 0 0/100% 100%;

}
.teacher ul li:nth-child(11) .pic{
    background: url("../imgs/ls11.jpg") no-repeat 0 0/100% 100%;

}
.teacher ul li:nth-child(12) .pic{
    background: url("../imgs/ls12.jpg") no-repeat 0 0/100% 100%;

}

.rmzy{
    background: #fb8f00;
    width: 100%;
    overflow: hidden;
}
.rmzy .tit p{
    color: #fff;
}
.rmzy .tit p:nth-child(1),.rmzy .tit p:nth-child(3){
    background: #fff;
}
.rmzy .tu{
    width: 1200px;
    height: 240px;
    margin: 30px auto;
    background: url("../imgs/tu1.jpg") no-repeat 0 0/100% 100%;

}
.rmzy .tu2{
    background: url("../imgs/tu2.jpg") no-repeat 0 0/100% 100%;
}

.rmyx{
    width: 1200px;
    margin: 30px auto 50px;
    overflow: hidden;
}
.rmyx .xx{
    width: 100%;
    height: 240px;
    margin: 50px 0;
    background: url("../imgs/xx1.jpg") no-repeat 0 0/100% 100%;

}
.rmyx .xx2{
    background: url("../imgs/xx2.jpg") no-repeat 0 0/100% 100%;

}
.rmyx .xx3{
    height: 200px;
    background: url("../imgs/xx3.jpg") no-repeat 0 0/100% 100%;

}
.rmyx .xx4{
    height: 200px;
    background: url("../imgs/xx4.jpg") no-repeat 0 0/100% 100%;

}

.aljx{
    width: 1200px;
    margin: 30px auto 50px;
    overflow: hidden;
}
.aljx .al{
    width: 1200px;
    height: 600px;
    background: url("../imgs/al1.jpg") no-repeat 0 0/100% 100%;

}.aljx .al2{
     background: url("../imgs/al2.jpg") no-repeat 0 0/100% 100%;

 }
.aljx .al3{
    background: url("../imgs/al3.jpg") no-repeat 0 0/100% 100%;

}

.aljx .tit{
    width: 350px;
}