.banner{
    text-align: center;
}
.banner > img{
    width:100%;
}
.content{
    width: 1200px;height:auto;margin:20px auto 30px;
}
.content .navLeft,.content .contentRight{
    display: inline-block;vertical-align: top;
}
.navLeft{
    width:235px;margin-right:30px;
}
.contentRight{
    width:920px;
}

/**************************menu******************************/
.menu{
    width: 235px;padding:0 0 50px;background: #f3fbfd;
}
.menuTit{
    width:100%;height:37px;background: #0b86d9;border-top:1px solid #17d9f4;border-bottom: 1px solid #0228b0;
    text-align: center;font-size:18px;color: #fff;letter-spacing:3px;line-height: 36px;margin-bottom: 12px;
    font-weight: 800;
}
.menu .list{
    width:100%;padding:0 12px;
}
.menu .listTit{
    background: url("../images/FifthImages/menuBg.png") repeat-x;
    width:100%;height:40px;text-align: center;border:1px solid #c8cccd;
    font-size:17px;color: #281102;line-height: 40px;letter-spacing:3px; font-weight: 600;
    vertical-align: top;cursor: pointer;
}
.menu .jiantou{
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #518eb6;
}
.menu .list.active .listTit,.menu .list:hover .listTit{
    border-bottom: 0;color: #046ed1;
}
.menu .list:hover .listTit{
    border:1px solid #c8cccd;
}
.menu .list.active .jiantou,.menu .list:hover .jiantou{
    border-left: 8px solid #fe9806;
}
.menu .listCon{
    width: 100%;display: none;
}
.menu .list.active .listCon{
    display: block;
}
.menu .listCon li{
    width:100%;height:40px;text-align: center;border:1px solid #8fa8ba; border-bottom: 0;
    font-size:17px;color: #012048;line-height: 40px;letter-spacing:2px; font-weight: 400;
    vertical-align: top;cursor: pointer;
}
.menu .listCon li:last-child{
    border-bottom: 1px solid #8fa8ba;
}
.menu .listCon li .jiantou{
    margin-right: 5px;display: none;
}
.menu .listCon li.active,.menu .listCon li:hover{
    color: #fb810a;
}
.menu .listCon li.active .jiantou,.menu .listCon li:hover .jiantou{
    display: inline-block;border-left: 8px solid #fe9806;
}
/**************************menu结束******************************/
/******************************************************走进学校******************************/
.school{
    min-width: 1800px;
}
.school .conItem{
    width:100%;height:auto;padding:60px 20px 0;
}
.school .conItem:nth-child(1){
    padding:30px 20px 0;
}
.school .conItem .tit{
    font-size:34px;font-weight: bold;color: #0267cb;margin-bottom: 30px;letter-spacing:5px;
}
.school .conItem .con,.jxlnList .tit span{
    font-size:17px;color: #03293f;line-height: 30px;letter-spacing:1px;text-indent:2rem;margin-bottom: 10px;
}
.school .jxlnList{
    margin:30px 0;
}
.school .jxlnList .tit{
    color: #048ad7;font-size: 22px;font-weight: 600;letter-spacing:2px;margin-bottom: 10px;
}
.jxlnList .tit span{
    font-weight: bold;
}
.school .jxlnList .con{
    text-indent:0;
}
.school .htry .con{
    font-size: 26px;font-weight: 600;letter-spacing:2px;color: #8e1104;vertical-align: top;line-height: 40px;
    text-indent:0;
}
.htry .yuan{
    display: inline-block;width:18px;height:18px;border-radius: 50%;background: #fbc164;
    margin:0 20px 0 73px;
}
.htry .imgList{
    width: 1200px;
}
.htry .imgList li{
    display: inline-block;width:380px;height:240px;margin:0 10px 20px 0;background: red;
}
.htry .imgList li img{
    width:380px;height:240px;
}
/*****************************************************走进学校结束******************************/
/*****************************************************师资力量******************************/
.teacherList{
    width:1200px;height:358px;background: #343c41;margin-bottom: 50px;
}
.teacherList > div{
    display: inline-block;height:358px;vertical-align: top;
}
.teacherList .teacherPhoto{
    width:320px;position: relative;border-right: 5px solid #050303;
}
.teacherList .teacherPhoto img{
    width:315px;height:358px;
}
.teacherList .teacherPhoto .name{
    width:100%;height:86px;background: rgba(0,0,0,.5);text-align: center;
    font-size: 30px;line-height: 86px;color: #fff;font-weight: 600;letter-spacing:2px;
    position: absolute;bottom:0;right:-5px;
}
.teacherList .teacherPhoto .name .nameVal{
    position: absolute;bottom:0;left:0;display: block;margin-left:50px;
}
.teacherList .teacherPhoto .name .zc{
    font-size: 17px;font-weight: 400;line-height: 23px;text-align: center;
    position: absolute;bottom:25px;right:20px;display: block;
}
.teacherList:nth-child(3) .teacherPhoto .name .zc,.teacherList:nth-child(4) .teacherPhoto .name .zc{
    bottom:15px;
}
.teacherList .teacherInfo{
    width:870px;height:358px;padding:35px 20px;position: relative;
}
.teacherList .teacherInfo .con,.teacherList .teacherInfo .tit,.teacherList .teacherInfo .zxBtn{
    color: #fff;font-size:18px;line-height: 30px;letter-spacing:1px;
}
.teacherList .teacherInfo .con{
    margin-bottom: 5px;
}
.teacherList .teacherInfo .tit{
    margin-top:20px;color: #fdb11e;font-weight: 600; margin-bottom: 5px;
}
.teacherList .teacherInfo .zxBtn{
    color: #fdc80f;font-weight: 600;display: block;
    position:absolute;bottom: 40px;right:60px;width: 110px;
}
.teacherList .teacherInfo .zxBtn:hover{
    text-decoration: underline;
}
/*****************************************************师资力量结束******************************/
/*****************************************************在线学习******************************/
.learnList{
    width:1200px;margin: 0 auto;padding:98px 0;
}
.learnList li{
    display:inline-block;width:392px;height:301px;margin:0 88px 89px;position: relative;
    cursor: pointer;
}
.learnList li .learnLogo{
    position: relative;width:220px;height:220px;border-radius: 50%;margin:0 auto;z-index: 111;

}
.learnList li .learnLogo img{
    width:220px;height:220px;border-radius: 50%;
}
.learnList li .learnCon{
    width:392px;height:202px;position: relative;z-index: 1;background: #21405e;
    margin-top: -100px;padding-top:110px;text-align: center;
}
.learnList li .learnCon .tit{
    color: #fff;font-size:24px;
}
.learnList li .learnCon .btn{
    color: #ec9205;font-size:22px;
}
.learnList li .learnCon .btn:hover{
    text-decoration: underline;
}
.learnList li:hover .learnLogo{
    animation: turn 2s forwards;
}
@keyframes turn {
    to {
        transform: rotateY(360deg);
    }
}
/*****************************************************在线学习结束******************************/