
/***************************************/
.TeaJia{display: -webkit-box;display: -ms-flexbox;display:flex;align-items:center; flex-wrap:wrap;}
.TeaJiaA{display: block; color:#666;border-radius: 2px;}
.TeaJia .on{ background:#09498d; color:#FFF;}
.Teaul{display: -webkit-box;display: -ms-flexbox;display:flex;align-items:center; flex-wrap:wrap;}
.TeaulA{display: block; margin:0 auto;color:#051435;}
.TeaulI{overflow: hidden;}
.TeaulI img{height:100%; border-radius: 2px;}
/*******************************************/
.TeaDetN{display: -webkit-box;display: -ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;flex-wrap:wrap;align-items:flex-start;}
.TeaDetNI{overflow:hidden;}
.TeaDetNI img{width:100%; object-fit: cover;object-position: top center; height: 100%;}
.TeaDetNr{ color:#333;}
.TeaDetNp{display: -webkit-box;display: -ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;flex-wrap:wrap;}
.TeaDetT{background: #e9e8e8;display: -webkit-box;display: -ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;align-items:center; flex-wrap:wrap;}
.TeaDetTA{text-align: center;color:#333;}
.TeaDetT .on{ background:#09498d; color:#FFF;}
.TeaDetDN{color:#333;}
.TeaDetD{margin-top: 2rem;}
.TeaListT { margin-top: 24px; }
/********************************************/
.m-list10{padding-top: 30px;}
.m-list10 li{margin-bottom: 1px;}
.m-list10 .tit{
    font-size: 18px;color: #333;line-height: 55px;font-weight: normal;
    padding-left: 30px;
    background: #efefef url(../img/icon5.png) no-repeat right 30px center;
    position: relative;cursor: pointer;
}
.m-list10 .tit:after{
    content: "";
    display: block;width: 7px;height: 7px;
    background: #333;
    position: absolute;left: 16px;top: 50%;margin-top: -4px;
}
.m-list10 li.open .tit:after{background: #09498d;}
.m-list10 li.open .tit{
    color: #09498d;font-size: 20px;font-weight: bold;
    background-image: url(../img/icon6.jpg);
}
.m-list10 li .con{
    display: none;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
}
.m-list10 li:first-child .con{display: block;}

.m-list10 table{
    width: 100%;
    font-size: 15px;color: #000;line-height: 24px;
}
.m-list10 table th{
    font-size: 16px;color: #000;line-height: 51px;
    background: #f7f7f7;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.m-list10 table .th1{width: 22.85%;padding-left: 30px;}
.m-list10 table .th2{width: 20.57%;}
.m-list10 table .th3{width: 27.65%;}
.m-list10 table td{padding: 11px 0;}
.m-list10 table td:first-child{padding-left: 30px;}

.leo-item { margin-bottom: 10px;}
.leo-item .item-title{ position: relative; padding: 20px 0 18px; border-bottom: 1px solid #f5f5f5; font-size: 20px; font-weight: bold; color: #09498d;}
.leo-item .item-title:after{ content: ''; display: block;  width: 80px; height: 2px; position: absolute; bottom: -1px; left: 0; background-color: #09498d;}
.leo-item .item-title .more{ float: right;}
.item-tab { margin: 0  -1.5% 10px;}
.item-tab li{ width: 25%; height: 62px; box-sizing: border-box; margin-top: 24px;  padding: 0 1.5%; float: left;}
.item-tab li:hover div{
    background-color: #09498d;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(../images/icon/nynav01.png);
    background-size: auto 100%; color: #fff;}
.item-tab li div{ text-align: center; line-height: 62px; background-color: #f5f5f5; color: #333; font-size: 16px;  }
.item-tab li div a{ color: inherit; display: block;}

.teacherIntroFather{ position: relative; padding: 0 30px;}
.teacherIntroFather .teacher_next{ width: 25px; height: 60px; right: 0; background-size: 100%; margin-top: -30px; background-image: url(../images/pic/right.png);}
.teacherIntroFather .teacher_prev{ width: 25px; height: 60px; left:  0; background-size: 100%; margin-top: -30px; background-image: url(../images/pic/left.png);}
.teacherIntro{ margin-top: 30px; margin-bottom: 10px;}
.teacherIntro dd{   width: 100%; float: left; margin-right: 1%;  margin-bottom: 28px;}
.teacherIntro dd:hover .teacherInfo{ background-color: #09498d; color: #fff; border: 1px solid #09498d;}
.teacherIntro dd a{ display: block;}
.teacherIntro .TeaDetNI{
    width: 100%;
    height: 270px;
    border: 1px solid #f5f5f5;
    border-bottom: 0;
    box-sizing: border-box;
}
.teacherIntro  .TeaDetNI img{ width: 100%;}
.teacherIntro  .teacherInfo{ line-height: 62px; font-size: 18px; text-align: center; background-color: #fff;  border: 1px solid #f5f5f5; }
.teacherIntro  .teacherInfo span{ font-size: 14px; padding-left: 5px;}

.word_download li{ width: 48%; padding: 18px 0;   border-bottom: 1px solid #f5f5f5; float: left; position: relative;}
.word_download li:nth-child(even){ float: right;}
.word_download li .ico{  width: 25px;display: inline-block; vertical-align: middle; }
.word_download li .ico img{  width: 100%; }
.word_download li .text{ width: 70%; margin-left: 10px; display: inline-block; vertical-align: middle; line-height: 35px; font-size: 16px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.word_download li .btn_down { width: 80px; height: 32px; background-color: #09498d; color: #fff; display: block; position: absolute; right: 0; top: 50%; margin-top: -16px; text-align: center; line-height: 32px;}
.word_download li .btn_down:hover{
    background-color: #e4973c;
    /* color: #09498d; */
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(../images/icon/nynav01.png);
    background-size: auto 100%;
}
.content-build {
    font-size: 16px;
    padding-top: 20px;
}


/*display: -webkit-box;display: -ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;align-items:center; flex-wrap:wrap;align-content:center*/

@media screen and (min-width:1280px){

    /***************************************/
    .TeaJia{border-bottom:1px solid #f5f5f5; padding:20px 0 3px}
    .TeaJiaA{ height:32px; line-height:32px; padding:0 9px;font-size:16px; margin-bottom: 10px;}
    .Teaul{margin:30px auto;}
    .Teaul li{width:20%; margin-bottom:25px;}
    .TeaulA{ width:148px;font-size: 16px;line-height:24px;}
    .TeaulI{ width:148px;height:178px; margin-bottom:10px;}
    /*******************************************/
    .TeaDetN{padding:30px 0;}
    .TeaDetNI{ width:200px; height:220px;border:1px solid #f5f5f5;}
    .TeaDetNr{width: 640px;}
    .TeaDetNr h3{ font-size:22px; line-height:50px;}
    .TeaDetNp{ font-size:16px; line-height:24px;}
    .TeaDetNp p{ padding-top:14px;}
    .TeaDetNp p:nth-child(2){width:62%;}
    .TeaDetNp p:nth-child(4){width:58%;}
    .TeaDetTA{width:150px;font-size: 16px;height:60px; line-height:60px;}
    .TeaDetDN{ padding:25px 0; font-size:16px;line-height:20px;}

}

@media  screen and (max-width:1279px ) and ( min-width:960px){

    .Admul{}
    .Admul li{}
    .AdmulA{ font-size: 15px; height:65px;border-bottom:1px solid #f5f5f5;}
    .AdmulA span{width:16%;}
    .AdmulA p{width:84%;}
    .AdmulA:hover{color:#09498d;}

    /***************************************/
    .TeaJia{border-bottom:1px solid #f5f5f5; padding:17px 0 3px}
    .TeaJiaA{ height:32px; line-height:32px; padding:0 9px;font-size:16px; margin-bottom: 10px;}
    .Teaul{margin:30px auto;}
    .Teaul li{width:20%; margin-bottom:20px;}
    .TeaulA{ width:91%;font-size: 15px;line-height:22px;}
    .TeaulI{ width:100%;margin-bottom:8px;height: 182px;}
    /*******************************************/
    .TeaDetN{padding:25px 0;}
    .TeaDetNI{ width:25%;border:1px solid #f5f5f5;}
    .TeaDetNr{width:70%;}
    .TeaDetNr h3{ font-size:18px; line-height:40px;}
    .TeaDetNp{ font-size:15px; line-height:22px;}
    .TeaDetNp p{ padding-top:10px;}
    .TeaDetNp p:nth-child(2){width:62%;}
    .TeaDetNp p:nth-child(4){width:58%;}
    .TeaDetTA{width:16.6666%;font-size: 15px;height:50px; line-height:50px;}
    .TeaDetDN{ padding:25px 0; font-size:15px;line-height:20px;}
    .TeaListT { margin-top: 20px; }

    .teacherIntro dd{ }
    .teacherIntro .TeaDetNI{  height: 200px;}
    .teacherIntro .teacherInfo{ line-height: 44px;}
    .word_download li .text{ width: 60%;}
}

@media  screen and (max-width:959px ) and ( min-width:640px){
    /***************é¦–é¡µ***********/

    .Admul{}
    .Admul li{}
    .AdmulA{ font-size: 15px; height:55px;border-bottom:1px solid #f5f5f5;}
    .AdmulA span{width:16%;}
    .AdmulA p{width:84%;}
    .AdmulA:hover{color:#09498d;}
    /*åˆ†é¡µ*/
    .page{font-size:14px;margin-top:30px; padding-bottom:10px;}
    .page a{width:26px;line-height:26px;height:26px;border-radius:1px;margin:0 5px; border:1px solid #c7c7c7;}
    .page a.pageS{width:50px;}
    .page a:hover{ background:#0a498d; color:#FFF;border:1px solid #0a498d;}
    /****************************************/
    .AdmDet{font-size:14px;}
    .AdmDetit{padding:25px 0; }
    .AdmDetit h3{ font-size:18px; line-height:25px;}
    .AdmDetit h4{ font-size:14px; line-height:20px; margin-top:10px;}
    .AdmDetN{ line-height:25px; padding-top:28px;padding-bottom:20px;}
    .AdmDetN img { width: 100% !important; }
    /***************************************/
    .TeaJia{border-bottom:1px solid #f5f5f5; padding:17px 0 3px}
    .TeaJiaA{ height:28px; line-height:28px; padding:0 8px;font-size:14px; margin-bottom: 10px;}
    .Teaul{margin:30px auto;}
    .Teaul li{width:25%; margin-bottom:20px;}
    .TeaulA{ width:90%;font-size: 14px;line-height:17px;}
    .TeaulI{ width:100%;margin-bottom:6px;height: 230px;}
    /*******************************************/
    .TeaDetN{padding:25px 0;}
    .TeaDetNI{ width:25%;border:1px solid #f5f5f5;}
    .TeaDetNr{width:70%;}
    .TeaDetNr h3{ font-size:17px; line-height:30px;}
    .TeaDetNp{ font-size:14px; line-height:20px;}
    .TeaDetNp p{ padding-top:8px;}
    .TeaDetNp p:nth-child(2){width:62%;}
    .TeaDetNp p:nth-child(4){width:58%;}
    .TeaDetTA{width:16.6666%;font-size: 14px;height:50px; line-height:50px;}
    .TeaDetDN{ padding:25px 0; font-size:14px;line-height:20px;}
    .TeaListT { margin-top: 14px; }
    /*******************************************/
    .m-list10 .tit{font-size: 16px;}
    .m-list10 li.open .tit{font-size: 16px;}

    .teacherIntro .TeaDetNI{ height: 260px;}
    .word_download li .text{ width: 60%;}
}
@media only screen and (max-width: 639px) {

    .Admul{}
    .Admul li{}
    .AdmulA{ height:3.38rem;border-bottom:0.01rem solid #f5f5f5;}
    .AdmulA span{width:27%;}
    .AdmulA p{width:73%;}
    /*åˆ†é¡µ*/
    .page{font-size:0.11rem;margin-top:0.18rem; padding-bottom:0.1rem;}
    .page a{width:0.22rem;line-height:0.22rem;height:0.22rem;border-radius:0.01rem;margin:0 0.02rem; border:0.01rem solid #c7c7c7;}
    .page a.pageS{width:0.35rem;}
    .page a:hover{ background:#0a498d; color:#FFF;border:1px solid #0a498d;}
    /****************************************/
    .AdmDet{font-size:0.12rem;}
    .AdmDetit{padding:0.15rem 0; }
    .AdmDetit h3{ font-size:0.14rem; line-height:0.2rem;}
    .AdmDetit h4{ font-size:0.11rem; line-height:0.18rem; margin-top:0.05rem;}
    .AdmDetN{ line-height:0.2rem; padding-top:0.15rem;padding-bottom:0.15rem;}
    .AdmDetN img { width: 100% !important; object-fit: contain;height: auto;}
    /***************************************/
    .TeaJia{border-bottom:0.01rem solid #f5f5f5; padding:1.5rem 0 0.03rem}
    .TeaJiaA{ height:3rem; line-height:3rem; padding:0 2.07rem;font-size:2rem; margin-bottom:0.1rem;}
    .Teaul{margin:0.2rem auto;}
    .Teaul li{width:33.333%; margin-bottom:0.15rem;}
    .TeaulA{ width:90%;font-size:0.12rem;line-height:0.17rem;}
    .TeaulI{ width:100%;margin-bottom:0.03rem;height: 1.21rem;}
    /*******************************************/
    .TeaDetN{padding:0.2rem 0;}
    .TeaDetNI{ width:30%;border:0.01rem solid #f5f5f5;}
    .TeaDetNr{width:65%;}
    .TeaDetNr h3{ font-size:0.14rem; line-height:0.24rem;}
    .TeaDetNp{ font-size:0.11rem; line-height:0.18rem;}
    .TeaDetNp p{ padding-top:0.05rem;}
    /*.TeaDetT{-webkit-box-pack:left;-ms-flex-pack:left;justify-content:flex-start;}*/
    .TeaDetTA{width:25%;font-size:initial;height:3.6rem; line-height:3.6rem;}
    .TeaDetDN{ padding:0.2rem 0; font-size:0.12rem;line-height:0.2rem;}
    .TeaListT { margin-top: 12px; }
    /****************************************/
    .m-list10 .tit{font-size: 14px;line-height: 40px;background:#f5f5f5 url(../images/icon/icon1.png) no-repeat right 15px center;}
    .m-list10 .tit:after{width: 5px;height: 5px;margin-top: -2px;}
    .m-list10{padding-top: 10px;}
    .m-list10 li.open .tit{font-size: 14px;}
    .m-list10 table th{font-size: 14px;line-height: 30px;text-align: center;}
    .m-list10 table .th1,.m-list10 table .th2,.m-list10 table .th3{width: auto;}
    .m-list10 table td{padding: 6px 2px;text-align: center;}
    .m-list10 table{font-size: 12px;line-height: 20px;}
    .m-list10 table .th1{padding-left: 0;}
    .m-list10 table td:first-child{padding-left: 0;}

    .leo-item .item-title{ font-size: 1rem;}
    .item-tab li{ width: 33.333%; height: auto; margin-top: 0.9rem;}
    .item-tab li div{ line-height: 2.36rem; font-size: 0.8rem;}

    .word_download li{ width: 100%; padding: 0.05rem 0;}
    .word_download li .text{ font-size: 0.9rem;}
    .word_download li .ico{ width: 0.15rem;}
    .word_download li .btn_down{ width: 3.6rem; height: 1.22rem; line-height: 1.22rem; margin-top: -0.6rem; font-size: 0.11rem;}

    .teacherIntro dd{ width: 100%; margin-right: 2%; margin-bottom: 3%;}
    .teacherIntro .TeaDetNI{ width: 100%; height: 10.25rem;}
    .teacherIntro .teacherInfo{ height: 2.36rem;line-height: 2.36rem;font-size: 1.14rem;white-space: nowrap;overflow: hidden;}
    .teacherIntro .teacherInfo span{ font-size: 0.12rem;}
    .teacherIntroFather{padding: 0 20px;}
    .teacherIntroFather .teacher_next{ width:  .16rem;}
    .teacherIntroFather .teacher_prev{ width:  .16rem;}


    .news_list li{ padding: 0.15rem 0;}
    .news_list .news_content .text{ padding-right: 0;}
    .news_list .news_content .img{ position: relative;top: auto; width: 100%;}
    .news_list .news_content .img img{  width: 100%;}
    .news_list .news_content .text h3{ margin-bottom: 0.02rem; font-size: 0.13rem;}
    .news_list .news_content .text p{ height: auto; font-size: 0.11rem;}
    .news_list .news_content .text .date{ margin-top: 0.05rem;}
}









