*{
    padding:0;
    margin:0;
    font-family:Arial !important;
    font-size:16px;
}
ul,ol,menu{
    list-style-type: none;
}
a{
    text-decoration: none;
    color:#000;
}
img{
    border:none;
}
.ell{
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    display:-webkit-box;
    -webkit-line-clamp:6;
    overflow: hidden; 
}
.ell2{
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    display:-webkit-box;
    -webkit-line-clamp:2;
    overflow: hidden; 
}
.r-n{
    display:flex;
    flex-wrap: nowrap;
    flex-direction: row;
}  
.r-w{
    display:flex;
    flex-wrap: wrap;
    flex-direction: row;   
}
.c-n{
    display:flex;
    flex-wrap: nowrap;
    flex-direction: column;    
}
.f-ct{
    justify-content: center;
}
.f-st{  
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start
}
.f-bt{  
    justify-content: space-between;
    align-items: baseline;
}
.f-ed{   
    justify-content:flex-end;
    align-items: flex-end;
}
.f-ad{  
    justify-content:space-around;
}
.alc{
    align-items: center;
    justify-items: center;
}
.f-g{
    flex-grow:1;
}
.ele{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* 顶部导航 */
/* 公共 */
.body{
    background: url(../images/er-body.jpg) top left no-repeat;
    background-size: 100% 100%;
}
.phone-header{
    position: fixed;
    top:0;
    left:0;
    display:none;
    z-index: 1;
}
.header{
    padding:1% 0;
    box-sizing: border-box;
    border-bottom:.3rem solid #b1080b;
    background: #fff;
}
.headers-logo{
    padding:0 1%;
    box-sizing: border-box;
}
.headers-logo-img{   
    height:auto;
}
.nav{
    padding-left:5%;
    box-sizing: border-box;
}
.navs{
    padding:1% 1% 0 1%;
    box-sizing: border-box;
    position: relative;
}
.navs-list{
    padding:4% 3%;
    box-sizing: border-box;
    font-size:1rem;
    border-radius: .3rem;
}
.navs-lists , .navs-list:hover{
   background-color: #b1080b;
   color:#fff;
}
/* 导航二级栏目 */
.navs-lists-son{
    position:absolute;
    background-color: #b1080b;
    padding:2%;
    box-sizing: border-box;   
    z-index: 999;
    display: none;
    
}
.navs:nth-of-type(2) .navs-lists-son ,.navs:nth-of-type(3) .navs-lists-son,.navs:nth-of-type(4) .navs-lists-son,.navs:nth-of-type(5) .navs-lists-son{
    top:100%;
}
.navs:nth-of-type(6) .navs-lists-son ,.navs:nth-of-type(7) .navs-lists-son,.navs:nth-of-type(8) .navs-lists-son,.navs:nth-of-type(9) .navs-lists-son,.navs:nth-of-type(10) .navs-lists-son{
    top:100%;
}
.navs:nth-of-type(2) .navs-lists-son ,.navs:nth-of-type(7) .navs-lists-son{    
    width:580%;
    left:-100%;
}
.navs:nth-of-type(3) .navs-lists-son,.navs:nth-of-type(8) .navs-lists-son{   
    width:580%;
    left:-200%;
}
.navs:nth-of-type(4) .navs-lists-son,.navs:nth-of-type(9) .navs-lists-son{   
    width:580%;
    left:-300%;
}
.navs:nth-of-type(5) .navs-lists-son,.navs:nth-of-type(10) .navs-lists-son{   
    width:580%;
    left:-400%;
}
.navs:nth-of-type(6) .navs-lists-son{   
    width:580%;
    left:0;
}
.navs-lists-sona{
    padding:2%;
    box-sizing: border-box;
    color:#fff;
    display: inline-block;
}


/* 手机导航 */
.icon-liebiao{
    font-size:2rem;
    color:#b1080b;
}
.phone-nav{
    margin-top:5%;
    background-color: #b1080b;
    padding:2% 0;
    box-sizing: border-box;
}
.phone-nav-link{
    padding:2% 1%;
    color:#fff;
    font-size:1.1rem;
}
.phone-nav-links{
    background: rgba(255,255,255,.5);
    color:#b1080b;
}
/* 首页 */
.banner{
    position: relative;
    /* height:40vh; */
}
.swiper {
    width: 100%;
    height: 20rem;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    /* height: 100%;
    object-fit: cover; */
  }
  /* 视频新闻 */
.news{
    background: #eee;
    /* background: url('../images/newsbg.jpg') ; */
    padding:1% 0;
    box-sizing: border-box;
}
.news-top{
    background: #fff;    
}

.news-top-videos {
    display:none;
    width:100%;
    max-height:35rem;
    border:none;
}
/* .news-top-video{
    max-height:35rem; 

} */
.news-top-news{
    padding-left:1%;
    box-sizing: border-box;    
}
.news-top-newsfa{  
    padding:5% 2%;  
    box-sizing: border-box;
   
}
.news-top-newsfa-head{
    font-size:1.3rem;
}
.news-top-newsfa-art{
    padding:2% 0;
}
.news-top-newsfa-arta{
   margin-top:1%;  
   line-height:2rem; 
}
.news-top-newsfa-artspan{
    font-size:.9rem;
    color:#b1080b;
    margin-top: 1%;
}
.news-top-newsfa-artp{
    margin-top:1%;
    line-height:2rem;
    font-size:.9rem;
    color:#909090;
}
.news-top-newsfa-more{
  font-weight:600;
  margin-top:3%;
  color:#b1080b;
}
.news-conts{
    padding: 2% 0;
    box-sizing: border-box;
}
.news-conts-list{
    padding: 2% 1%;
    width:49%;
    border-bottom: 1px solid #474747;
    box-sizing: border-box;
}
.news-conts-list:nth-of-type(2n-1){
    margin-right:1%;
}
.news-conts-list:nth-of-type(2n){
    margin-left:1%;
}
.news-conts-lists span:nth-of-type(1){
    color:#525252;
    font-size: .8rem;
}
.news-conts-lists span:nth-of-type(2){
    color:#525252;
    font-size:2.4rem;
    font-weight:600;
}
.news-conts-lists-tit{
    display: inline-block;
    font-size:.9rem;
    padding:0 1%;
    box-sizing: border-box;
    line-height: 1.8rem;;
}
/* 通州公告 */
.tip{
    background: url('../images/tz.jpg') no-repeat top center;
    background-size: 100% 100%;
    padding:1% 0;
    box-sizing: border-box;
   
}
.tips{
    background:rgba(152,17,21,.9);
    padding:.5% 0;
    box-sizing: border-box;
    min-height: 9rem;
}
.tips-top{
    padding:1% 0;
    box-sizing: border-box;
    font-size: 1.3rem;
    color:#fff;
}
.icon-gonggao{
    margin-left: 1%;
    font-size:1.2rem;
}
.tips-list{
    padding:.5% 0;
    box-sizing: border-box;
}
.tips-list{
    padding-top:1%;
    box-sizing: border-box;
}
.tips-list-a {
    display: inline-block;
    color:#fff;
    padding-right:2%;
}
.tips-list-time{
    display: inline-block;
    color:#fff;
    font-size:.9rem;
}
/* 百年学府 */
.aboutus{
    /* background: url('../images/about.jpg') no-repeat top right; */
    background-color: #fff;
    background-size: 100% 100%;
    max-height: 38rem;
}
.aboutus-cont{
    padding:2% 0;
    box-sizing: border-box;
}
.aboutus-cont-tit{
    font-size: 1.3rem;
    padding:1% 0;
    box-sizing: border-box;
}
.aboutus-cont-sec{
    padding:2% 0;
    box-sizing: border-box;
    line-height: 2rem;
    min-height:15rem;
    text-indent: 2rem;
    text-align: justify;
}
.aboutus-cont-link{
    padding:2% 0;
    box-sizing: border-box;
    font-weight:600;
    color:#b1080b;
}
/* 文明校园  名师风采 */
.school{
    background-color:#f9f9f9;
    padding:2% 0;
    box-sizing: border-box;
}
.school-con-lt{
    padding-right:1%;
    box-sizing: border-box;
}
.school-con-lt-tit{
    border-bottom:1px solid #eee;
}
.school-con-lt-tits{
    flex-grow: 1;
    padding:2% ;
    box-sizing: border-box;
    font-size:1.3rem;
    border-bottom:1px solid  #b1080b;
}
.school-con-lt-tits-more{
    padding:2% 0;
    box-sizing: border-box;
    font-weight:600;
    color:#b1080b;
}
.school-con-lt-newtop{
    padding:2% 0;
    box-sizing: border-box;
}
.school-con-lt-newtopa{
    padding-right:1% ;
    box-sizing: border-box;
}
.school-con-lt-newtopa img{
    width: 100%;
   max-height:14rem;
}
.school-con-lt-newtop-list{
    padding-left:1%;
    box-sizing: border-box;
}
.school-con-lt-newtop-listtime{
    background-color:#b1080b;
    color:#fff;
    padding:2%;
    box-sizing: border-box;
    font-size:.9rem;
}
.school-con-lt-newtop-lista{
    line-height:2rem;
    padding-top:2%;
    box-sizing: border-box;
}
.school-con-lt-newtop-listp{
    padding-top:3%;
    padding-bottom:3%;
    box-sizing: border-box;
    font-size: .9rem;
    line-height:1.8rem;
    color:#525252;

}
.school-con-lt-newslist{
    /* padding-top:2%; */
    box-sizing: border-box;
}
.school-con-lt-newslists{
    padding:2% 0;
    box-sizing: border-box;
    border-bottom: 1px solid#eee;
}
.icon-dayuhao{
    color:#b1080b;
}
.school-con-lt-newsliststime{
    font-size:.9rem;
    color:#474747;
}
.school-con-rt-teacher{
    padding:3% 1%;
    box-sizing: border-box;
}
.school-con-rt-teacher-img{
    width: 100%;
    max-height:9rem;
}
.school-con-rt-teacher-tit{
    padding:2% 0;
    box-sizing: border-box;
}
.school-con-rt{
    padding-right:1%;
    box-sizing: border-box;
}
/* 文化理念 */
.linian{
    background-color:#fff;
    /* background: url('../images/newsbg.jpg') no-repeat top left; */
    background-size: 100% 100%;
    min-height:30rem;
    padding:1% 0;
    box-sizing: border-box;
}
.concepts img ,.concepts-rt img{
  width:100%;
 max-height:40rem;
}
.concepts-rt{
   padding-left:10%;
   box-sizing: border-box;
}
.concepts-rt-conts{
    position: absolute;
    Left:5%;
    top:10%;   
    box-sizing: border-box;

}
.concepts-rt-conts-list{
    padding:1% 0;
    line-height:2rem;
    box-sizing: border-box;
    padding:1% 0;
    color:#000;
}
.lueying{
    padding:2% 0;
    box-sizing: border-box;
    background: #fff;
}
/* 校园掠影 */
.lueying-cont-list{
    padding:2% 0;
    box-sizing: border-box;
}
.lueying-cont-listdiv{
    padding:1% ;
    box-sizing: border-box;
}
.lueying-cont-listdiv img{
    width:100%;
    height:auto;
    max-height:8rem;
}
/* 底部 */
.footer{
    background:url('../images/foot.jpg') no-repeat top right;
    background-size: 100% 100%;
    padding-bottom:2%;
    box-sizing: border-box;
    /* min-height: 20rem; */
}
.footers-logo{
    padding:2% 0;
    box-sizing: border-box;
}
.footers-logo img{
    width:100%;
    height:auto;    
}
.footers-span ,#set_beian a , #police_cont{
    color:#fff;
    /* padding:1% 0; */
    box-sizing: border-box;
}
/* 列表页 */
.er-top img{
    width:66.6%;
    max-height:23rem;
}
.er-body{
    background:url('../images/er-body.jpg') top left no-repeat;
    background-size: 100% 100%;
    min-height:50rem;

}
.er-body-center{
    background:#fff;
    min-height:50rem;
    padding:1%;
    box-sizing: border-box;    
}
.er-body-head{
    padding:1%;
    box-sizing: border-box;
    border-bottom:2px solid #a60a0e;
}
.er-body-head-tit{
    font-size:1.3rem;
    color:#a60a0e;
}
.icon-weizhi ,.icon-dianhuatianchong{
    color:#a60a0e;
    padding:0 1%;
    box-sizing: border-box;
    font-size:1.5rem;
}
.er-body-head-link ,.er-body-head-link a{
    color:#8a8a8a;
    font-size:.9rem;
}
.er-body-section{
    padding:1% 0;
    box-sizing: border-box;
}
.er-body-section-list{
    padding:1% 0;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
}
.er-body-section-listTime{
    border:1px solid #eee;
    padding:1%;
    box-sizing: border-box;
}
.er-body-section-listTime span:nth-of-type(1){
    font-size:.9rem;
}
.er-body-section-listTime span:nth-of-type(2){
    font-size:1.3rem;
    font-weight: 600;  
}
.er-body-section-listSec{
    padding:1%;
    box-sizing: border-box;
}
.er-body-section-listSec-link{
    padding-bottom:1%;
    box-sizing: border-box;
}
.er-body-section-listSec-cont{
  
    color:#8a8a8a;
    line-height: 1.8rem;
    font-size: .9rem;
}
#pages{
    padding:1% 0;
    box-sizing: border-box;
    width:60%;
}
.page li{
    float:left;
    border:1px solid #6e6e6e;
    padding:1%;
    box-sizing: border-box; 
    margin: 0 .3%;
}
.page-a{
    border:1px solid #6e6e6e;
    padding:1%;
    box-sizing: border-box; 
    margin: 0 .3%;
}
.page-click ,.active{
    color:#fff;
    background:#a60a0e;
}


/* 文章内容页 */
.er-body-arttit{
    text-align: center;
    font-size:1.3rem;
    padding-bottom:1%;
    box-sizing: border-box;  
    line-height: 2.6rem;
}
.er-body-art-head{
    border-bottom: 1px solid #eee;
    padding:1% 0;
    box-sizing: border-box;
}
.er-body-art-headspan{
    padding:0 1%;
    box-sizing: border-box;
    color:#8a8a8a;
    font-size:.9rem;
}
.er-body-art-sec{
    padding:1% 0;
    box-sizing: border-box;
}
/* 图片列表页 */
.er-pic{
    padding:1%;
    box-sizing: border-box;
}
.er-pic img{
    width:100%;
    max-height:15rem;
}
.er-pic span{
    display: block;
    width:100%;
    text-align: center;
    padding-top:2%;
}

/* 联系我们 */
.er-contact{
    padding:2%;
    box-sizing: border-box;
    border-right:1px solid #eee;
}
.er-contact-top{
    padding:2% 0;
    box-sizing: border-box;
    font-size: 1.2rem;
}
.icon-B-liuyan{
    color:#b1080b;
    font-size: 1.3rem;
    padding-right:1%;
}
.er-contact-form{
    padding:2% 0;
    box-sizing: border-box;
}
.er-contact-form-inpt{
padding:1% 4%;
box-sizing: border-box;
}
.er-contact-form-inpts{
    margin-top:2%;
    outline: none;
    border:1px solid #8a8a8a;
    border-radius: .3rem;
    padding:2% 0 3% 2%;
    font-size:.8rem;
}
.er-contact-form-inpts span , .er-contact-form-inpts label{
    font-size:.8rem;
}
.er-contact-form-sub{
    background-color: #a60a0e;
    font-size:1.3rem;
    color:#fff;
    padding:2% 3%;
    box-sizing: border-box;
    border:none;
    border-radius: .5rem;
}
.er-body-centers ,.er-bodys{
    min-height:auto;
}
.er-bodyt{
    background-color: #eee;
}
.er-contact-rt{
    padding:2%;
    box-sizing: border-box; 
}
.er-contact-rt img{
    padding-top:4%;
    padding-bottom:10%;
    box-sizing: border-box;
}
.er-contact-rtspan{
    padding-top:5%;
}
.form-sub{
    margin-top:3%;
}
/* .form-sub button{
    outline: none;
    background-color: #b1080b;
    padding:2% 4%;
    box-sizing: border-box;
    color:#fff;
} */
.submit-btn{
    border:none;
    background-color: #b1080b;
    color:#fff;
    padding:2% 4%;
    outline: none;
    margin-top:5%;
}  




/* 媒体查询  pc */
@media screen and (max-width: 1300px){
    .swiper{
        height:20rem;
    }

}
@media screen and  (min-width: 1300px) and (max-width: 1921px){
    .school-con-rt-teacher-img{
        
        max-height:12rem;
    }
    .lueying-cont-listdiv img {     
        max-height: 11rem;
    }
    .swiper {        
        height: 25rem;
      }
}
@media screen and (min-width: 1921px){ 
    .ell{        
        -webkit-line-clamp:10;       
    }
    .concepts img, .concepts-rt img {      
        max-height: 51rem;
    }
    .er-top img{        
        max-height:30rem;
    }
    .er-pic img{        
        max-height:28rem;
    }
    .school-con-rt-teacher-img{
        
        max-height:20rem;
    }
    .lueying-cont-listdiv img {     
        max-height: 20rem;
    }
    .swiper{
        height:30rem;
    }
}
/* 媒体查询手机端 */
@media screen and (max-width: 48em){ 
    .phone-header {
        display:block;
        width: 100%;
    }
    .headers-logo-img{
        position:fixed;
        top:0;
        left:0;
        background:#fff;
    }
    .nav ,.phone-nav ,.banner ,.news-top-news ,.tip  ,.aboutus ,.school-con-lt ,.linian ,.lueying , .footers-logo{
        display:none;
    }
    .phone-nav-link ,.headers-logo-img{
        width:100%;
    }
    .news-conts-lists{
        width:23%;
    }
    .news-conts-lists span:nth-of-type(1) {      
        font-size: 0.7rem;
    }
    .school-con-lt-tit{
        width:100%;
    }
    .school-con-lt-tits{
        width:30%;
    }
    .footer{
        background-image:none;
       background-color:#a60a0e;
    }
    /* erji */
    .er-body-head-link ,.er-contact-rt{
        display: none;
    }
    .er-body-center ,.pages ,.er-body-section ,.er-contact-top ,.er-contact-form-inpt ,.er-contact-form-inpts{
        width:100%;
    }
    .er-body-section-listSec{
        width:80%;
    }
    .er-body ,.er-body-center{     
        min-height:auto;    
    }
    .er-pic{
        width:50%;
    }
     .er-pic img{        
        max-height:7rem;
    }

 

  /* 手机版 */
  .school-con-rt-teacher  , .news-conts-list , .er-body-art-sec ,.er-body-section-list , .er-body-section-listSec-link{
    width: 100%;
}
.page , #pages {
    width:100%;
}
.news {
  padding-top:10%;
}
.swiper{
    display:none;
}
.news-top-videos{
    display:block;
    width: 100%;
}
.school-con-rt-teacher-img {
   height:auto;
  
}
#set_beian ,#police_cont{
    display:none;
}

}