@charset "utf-8";
  /* css 重置 */
  *{margin:0; padding:0; list-style:none;box-sizing:border-box; }
  html{font-size:16px;}
  body{ 
    background:#fff; line-height:1.5;
    --primary-color-rgb:170, 30, 33;
    --primary-color:#aa1e21;
    --des-color: #999;
    --text-color: black;
    min-width:1200px;
    overflow-x:hidden;
    }
  img{ border:0;  }
  a{ text-decoration:none; color:inherit; cursor: pointer; }
  a:hover{ color:#c53f2d;  }
  .mt { margin-top:25px !important; }
  .height-auto { height:auto !important; }
  .clear{ clear:both;}
  .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

  .slide { position:relative;overflow: hidden; }
  .slide .hd{ position:absolute;z-index:10; right:0.5em; bottom:1em; }
  .slide .hd>ul{ display:flex; align-items: center; justify-content: space-between;  }
  .slide .hd li { width:.8rem;height:.8rem;background-color:white;border-radius:100%;border:1px solid rgba(var(--primary-color-rgb,0.4));font-size:0;margin-left:.2rem;margin-right:.2rem;cursor: pointer; }
  .slide .hd li.on {background-color:var(--primary-color) }
  .slide .bd,.slide .bd ul,.slide .bd .slide-item,.slide .bd .tempWrap
  { width:100%;height:100%; }
  .slide .bd .slide-item { position:relative; }
  .slide .bd .slide-item img{width:100%;height:100%;}
  .slide .bd .title{ position: absolute; left:0; right:0; bottom:0; font-size:1rem; padding-left:1em; padding-right:1em; line-height:3; background-image: linear-gradient(0, rgba(0, 0, 0, 0.8) 10%, transparent);color: white;backdrop-filter: blur(1px); }
  .slide .prev,.slide .next{ display:inline-block;width:50px;height:50px; margin-top:-25px; position:absolute; z-index:20;top:50%;  }
  .slide .prev { left:1rem; }
  .slide .next { right:1rem; }
  .slide .prev::before,.slide .next::before{
    content:"";display:block;height:100%;mask-position: center; background-color: rgba(var(--primary-color-rgb), 0.5);mask-repeat: no-repeat;
  }

  .slide .prev::before
  { mask-image: url(arrow-left.png);  }
  .slide .next::before{ mask-image: url(arrow-right.png);}

  .text-truncate { white-space: nowrap; overflow:hidden;max-width:100%;text-overflow: ellipsis; }
  .cols-3 { display: flex; justify-content: space-between; }
  .cols-3-item{ width: 375px; min-height: 334px; padding: 20px;}
  figure { padding:0;margin:0;position:relative;overflow: hidden; }
  figure>img{transition: all 0.4s;transform: scale(1.0)}
  figure>img:hover{ transform: scale(1.2) }

  .header-wrap { position:absolute;z-index:999; top: 0;left: 0;right: 0;}


  /*初中样式*/
  /*小学*/
  .cz-title-W{ height:35px; line-height:35px; background:#f7e9e9;}
  .cz-title{ width:1200px; margin:0 auto; height:30px; color:#760B0E;}
  .cz-titleL{ float:left; width:500px;}
  .cz-titleR{ float:right; width:700px; text-align:right;}
  .cz-titleR p{ float:right;}
  .cz-titleR span{ float:right; padding:3px 10px 0 0;}


  .cz-logo-title {
    width: 1200px;
    min-height: 110px;
    margin: 0 auto;
    display: flex
  ;
    justify-content: space-between;
    align-items: center;
  }

  .cz-logo-title .group-nav {
    font-size: 1.125rem;
    line-height: 2;
    height: 2em;
    position: relative;
    z-index: 999;
    padding-left: 32px;
    background: url(czmap.png) no-repeat left center;
    box-shadow: 0 0 10px rgba(216, 216, 216, 0.5);
  }

  .cz-logo-title .group-nav ul {
    overflow: hidden;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(1px);
    padding: 0 0.5em;
    border-radius: 6px;
  }

  .cz-logo-title .group-nav ul li:first-child {
    width: 8em;
    background: url(triangle-down.png) no-repeat right center;
    background-size: 1em;
    padding: 0;
  }

  .search-form { 
    background-color:rgba(255, 255, 255, 0.5) ;
    border-radius:6px;
    font-size:1rem;
    line-height:2;
    display: flex;
    align-items: center;
    padding:0 0.5em;
  }
  .search-form input{
    outline: none;
    border:none;
    background-color:transparent;
    height:2.5em;line-height:2.5em;
    width:12em;
    padding-left:0.5em; padding-right:0.5em;
  }
  .search-form .search-btn{ display:inline-block;width:1.5em;height:1.5em; background-image:url(icon-search-btn.png);background-repeat:  no-repeat;background-position:  center;background-size: 90%; }


  /*导航*/
  .czdhAll{ height:55px;  background-color:transparent;}
  .chuzhong-dh {
    position: relative;
    z-index: 1;
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }

  .chuzhong-dh .nLi {
    position: relative;
  }

  .chuzhong-dh .nLi>a {
    font-size: 18px;
    padding: 0 1em;
    line-height: 3em;
    display: inline-block;
    white-space: nowrap;
    color: #fff;
  }

  .chuzhong-dh .sub {
    display: none;
    width: 100%;
    backdrop-filter: blur(5px);
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    line-height:2.5em;border-top:3px solid var(--primary-color)
  }
  .chuzhong-dh .sub li {
    zoom: 1;
  }
  .chuzhong-dh .sub li:hover{ background-color:#ededed; }
  .chuzhong-dh .sub a {
    display: block;
    text-align: center;
    color:var(--primary-color)
  }
  /*初中轮显图*/
  .cz-banner{ 
    /* min-width:1200px;  height:350px;  */
    position:relative;  overflow:hidden;  
    width:100vw; height:100vh;
    max-height:56vw;
  }
  .cz-banner .bd{ position:relative; z-index:0;  }
  .cz-banner .bd li{ width:100%; height:100%;max-height:56vw; background-repeat: no-repeat;background-position: center center;background-size: cover;}
  .cz-banner .bd li .siteWidth{ width:1000px; position:relative;  margin:0 auto;  height:435px;  }
  .cz-banner .bd li a{ height:100%;display:block;  }
  .cz-banner .bd .txt{ position:absolute; width:415px; top:100px; left:22px;   font:normal 18px/30px "Microsoft YaHei";    }
  .cz-banner .bd .btn{ display:block; zoom:1; margin-top:8px;  width:72px; padding-right:10px;  height:31px; line-height:31px; text-align:center; color:#fff; font-size:12px; background:url(banner-btn.png) 0 0 no-repeat;
  _background:url(images/banner-btn-ie6.png) 0 0 no-repeat;
  }
  .cz-banner .hd{ width:100%; bottom:.5rem;  }
  .cz-banner .hd>ul { justify-content: center; }
  .cz-banner .prev::before, .cz-banner .next::before{ background-color:rgba(0, 0, 0, 0.4);mask-size:80%; }
  .cz-banner .prev, .cz-banner .next { opacity: 0.7; background-color:white; border-radius:50%; }
  .cz-banner .prev:hover, .cz-banner .next:hover { opacity: 1.0 } 

  .cz-banner .flag-01{ position: absolute;left:0;right:0;top:max(27%,215px); }
  .cz-banner .flag-01 figure { width:968px;margin:0 auto;height:48px; }
  .cz-banner .flag-01 figure img{ height:100%; }
  .cz-banner .flag-01 figure img:hover { transform: unset; }
  .cz-banner .flag-02{ position: absolute;left:0;right:0; bottom:2rem; }
  .cz-banner .flag-02 figure { width:968px;margin:0 auto; }
  .cz-banner .flag-02 figure figcaption{ color:white;letter-spacing: 1px;font-size:18px;text-align: center; }

  .nybanner{ height:580px; }

  .kong{ height:40px;}

  .gonggao{  width:1200px; margin:0 auto; border-radius:6px;position:relative; }
  .gonggaoyid{ width:1200px; height:60px; background:#fff;box-shadow: 0px 5px 8px 0px #eee; border-radius:8px;border-top: 1px solid rgba(238, 238, 238, 0.5); 
  display: flex;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  }
  .gonggaoyid-nr { flex-basis: 100%; height:60px; }
  .gonggaoyid .title-tzgg{ margin-right:24px; }
  .gonggaoyid-nr .hd{ bottom:50%;margin-top:-0.25rem; }
  .gonggaoyid-nr .hd li{
    width:0.5rem;
    height:0.5rem;
  }
  .gonggaoyid-nr .bd li{ line-height:60px; }
  .gonggaoyid-nr .source { color:var(--primary-color) }
  .gonggaoyid-nr .date{ color:var(--des-color) }
  .gonggaoyid-nr .tzgg-title,
  .gonggaoyid-nr .date{
    position: relative;
    z-index: 11;
    background-color:white;
   }
  .gonggong{ width:1200px; margin:0 auto;} 


  .topic {
    height:60px;line-height:60px;
    display:flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid #ccc;
  }
  .topic .title{
    font-size:24px;
    color:var(--primary-color);
    border-bottom: 3px solid var(--primary-color);
  }
  .topic .more{
    font-size:inherit;
    margin-left:auto;
  }

  /*东外要闻*/
  .cz-dwyw{ width:830px; float:left;}
  .cz-dwyw-bt{ height:40px; border-bottom:1px solid #CCC; margin-bottom:35px;}
  .cz-dwyw-bt span{ border-bottom:4px solid #900; display:block; height:40px; width:100px; font-size:24px; float:left;}
  .cz-dwyw-bt p{ float:right;}

  .cz-dwyw-nr{ width:830px;}
  .cz-dwyw-nr .l-W{ float:left; width:445px; height:460px; border-left:1px solid #CCC;border-right:1px solid #CCC;}

  .cz-dwyw-nr .flash1{ width:445px; height:295px;height:460px;}
  .cz-dwyw-nr .flash1 .hd{left:0;right:0;}
  .cz-dwyw-nr .flash1 .hd>ul{ justify-content: center; }
  .cz-dwyw-nr .flash1 .bd .slide-item figure {
    width: 100%;
    height: 295px;
    overflow: hidden;
    margin-bottom:25px;
  }
  .cz-dwyw-nr .flash1 .bd .slide-item figure img{ width:100%;height:100%; }
  .cz-dwyw-nr .flash1 .bd .title {
    padding-left: 1em;
    padding-right: 1em;
    text-align:center;
    font-size: 22px;
    position: relative;
    color:inherit;
    background-image:none;
    line-height:1.5;
    max-height:3em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
  }
  .cz-dwyw-nr .flash1 .bd .des{
    font-size:14px;
    margin-top:10px;
    color:#999;
    text-indent: 2em;
    padding:0 1em;
  }
  .cz-dwyw-nr .flash1 .prev, .cz-dwyw-nr .flash1 .next{
    top: unset;
    bottom:1em;
  }
  .cz-dwyw-nr .flash1 .prev::before{
    mask-image: url(prev58.png);
    mask-position: left bottom;
    background-color: #999;
  }
  .cz-dwyw-nr .flash1 .next::before{
    mask-image: url(next58.png);
    mask-position: right bottom;
    background-color: #999;
  }

  .cz-dwyw-nr .flash1 .prev:hover::before,
  .cz-dwyw-nr .flash1 .next:hover::before
  { background-color:var(--primary-color); }

  .cz-dwyw-R{ float:right; width:360px;}
  .cz-dwyw-Rnr { height:91px; border-bottom:1px solid #ddd; padding-top:24px;}
  .cz-dwyw-Rnr .date{ float:left; border-right:1px solid #ddd;font-size:24px; color:var(--primary-color); line-height:22px; padding-right:20px; text-align:center; padding-left:10px;}
  .cz-dwyw-Rnr .date span{ font-size:14px; display:block; color:#666;}
  .cz-dwyw-Rnr .nr{ float:left; width:270px; padding:0 0 0 20px; line-height:22px;display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;}

  /*寄语*/
  .cz-jiyu{ width:335px; float:right; border-bottom:1px solid #CCC; padding-bottom:30px;}
  .cz-jiyuNr img{ width:335px; height:202px; padding-bottom:10px;}
  .cz-jiyuNr p{ text-indent:35px; font-size:16px; line-height:30px;display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  overflow: hidden;}

  /*初中主页四个快速导航*/
  .cz-daohang{ width:1200px; height:106px; margin:30px auto; display:flex;}
  .cz-daohang>a { width:25%;display:flex;align-items: center;justify-content: center;background-color:#c46264;color:white;font-size:24px;}
  .cz-daohang>a:nth-child(odd){ background-color:var(--primary-color); }
  .cz-daohang figure {
    width: 55px;
    height: 56px;
    background: #fff;
    border-radius: 30px;
    display:flex;
    justify-content: center;
    align-items: center;
    margin-right:20px;
  }

  /*德育开始*/
  .cz-deyu{ float:left; width:420px;}
  .cz-deyuNr{ padding-top:20px; border-bottom:1px solid #e6e6e6; height:115px;}
  .cz-deyuNr figure{ float:left; width:120px; height:75px;}
  .cz-deyuNr figure img{width:100%;height:100%;}
  .cz-deyuNr .nrzi{ float:right; width:285px;}
  .cz-deyuNr .nrzi span{display:block; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; line-height:28px;}
  .cz-deyuNr .nrzi p{display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden; color:#979797;}

  /*教学科研*/
  .cz-keyan{ float:left; width:360px; margin-left:50px;}
  .cz-keyanNr ul{ padding-top:15px;}
  .cz-keyanNr li{ line-height:38px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}

  /*文明校园*/
  .cz-wmxy{ float:right; width:335px;}
  .cz-wmxyNr{ padding-top:20px; border-bottom:1px solid #CCC; padding-bottom:20px;}
  .cz-wmxyNr span{display:block; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; font-size:16px; line-height:28px;}
  .cz-wmxyNr p{display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden; color:#979797;}

  /*名师风采*/
  .cz-msfcbg{ height:471px; background:url(cz-msfcbg.png) center center;}
  .cz-msfcbg .left{ width:590px;float:left;overflow:hidden; }
  .cz-msfcbg .right{ width:590px;float:right;overflow:hidden; }
  .cz-msfc{ width:100%; margin:0 auto; padding-top:25px;padding-bottom:25px;}
  .cz-msfcNr {display:block;height:326px;overflow: unset !important;}
  .cz-msfcNr .bd ul{ width:732px;/*space 20px*/height: 100%;overflow: hidden; }
  .cz-msfcNr .bd ul li.slide-item { width:224px;height:326px;overflow:hidden;float:left;margin-right:20px; }
  .cz-msfcNr .bd .title{ color:white;backdrop-filter: blur(1px); }
  .cz-msfcNr .bd .title a{ color:inherit;}
  .cz-msfcNr .prev, .cz-msfcNr .next {
    opacity: 0.7;
    background-color: white;
    border-radius: 50%;
    padding:10px;
  }
  .cz-msfcNr .prev{ left:-80px;left:6px; }
  .cz-msfcNr .next{ right:-80px;right:6px; }
  .cz-msfcNr .prev:hover, .cz-msfcNr .next:hover { opacity: 1; }

  .cz-gg{ width:1200px; margin:20px auto;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); border-radius:12px;}
  .cz-ggL{ height:45px; line-height:45px; padding:0 60px; border-bottom:1px solid #ddd; background:url(czmap.png) no-repeat 20px 10px;}
  .cz-ggNr{  padding:20px; clear:both;}
  .cz-ggNr li{ float:left; padding:0 30px; line-height:40px; border-radius:30px;  margin-right:20px; border:1px solid #900;}
  .cz-ggNr li a{ color:#900;}
  .cz-ggNr li.on { background-color:var(--primary-color) }
  .cz-ggNr li.on a {color:white;}
  .cz-ggmai{ background:#f7f7f7; border-radius:12px; padding:30px; margin:0 20px 20px;}
  .cz-ggmai li{ border-bottom:1px solid #eceeed; padding:20px 20px; display:flex;justify-content: space-between;border-radius:6px;}
.cz-ggmai li figure{ width:120px; height:90px;flex-shrink: 0;margin-right:20px;border-radius:4px;    border: 1px solid rgba(var(--primary-color-rgb), 0.1);text-align:right; }
.cz-ggmai li figure>img { height:100%; }
.cz-ggmai ul[class~="xxgk_xrld"] li figure,
.cz-ggmai ul[class~="gltd"] li figure,
.cz-ggmai ul[class~="jszc_msfc"] li figure
{
  width: 90px;
  height: 120px;
}
.cz-ggmai ul[class~="xxgk_xrld"] li figure>img,
.cz-ggmai ul[class~="gltd"] li figure>img,
.cz-ggmai ul[class~="jszc_msfc"] li figure>img
{
  width:100%;height:100%;
}
.cz-ggmai li .news{  padding-top:5px;flex-grow:1;}
.cz-ggmai li .news .title{ width:100%;font-size:1.125rem;margin-bottom:10px;transition:all 400ms;padding-left:0;}
.cz-ggmai li .news .des{ height:46px; font-size:14px; color:var(--des-color); clear:both;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.cz-ggmai li:nth-child(odd){background-color:#f7e9e9;}
.cz-ggmai li:hover .news .title{ padding-left:0.5em; }



  /*分页*/  
.pageCon{height:50px; }
.manu { PADDING:3px;  MARGIN:3px; TEXT-ALIGN:center; font-size:12px; FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;}
.manu A {font-size:14px; BORDER-RIGHT:#DDD 1px solid; PADDING-RIGHT:10px; BORDER-TOP:#DDD 1px solid; PADDING-LEFT:10px; PADDING-BOTTOM:10px; MARGIN:2px; BORDER-LEFT:#DDD 1px solid; COLOR:var(--primary-color); PADDING-TOP:10px; BORDER-BOTTOM:#DDD 1px solid; TEXT-DECORATION:none;}
.manu A:visited { COLOR:var(--primary-color); TEXT-DECORATION:none;}
.manu A:hover {	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #444; BORDER-BOTTOM: #999 1px solid; background-color:#F6F6F6;}
.manu A:active { BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: var(--des-color); BORDER-BOTTOM: #999 1px solid;}
.manu .current { BORDER-RIGHT: var(--primary-color) 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: var(--primary-color) 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: bold; PADDING-BOTTOM: 10px; MARGIN: 2px; BORDER-LEFT: var(--primary-color) 1px solid; COLOR: #fff; PADDING-TOP: 10px; BORDER-BOTTOM: var(--primary-color) 1px solid; BACKGROUND-COLOR: var(--primary-color);}
.manu .disabled { BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 10px; BORDER-BOTTOM: #eee 1px solid;}
/*End*/

  .bot-wrap{
    background-image:url(overflow-bg_1920x1080.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size:cover;
    color:white;
    /* padding-top:290px; */
  }
  .bot-inner {
    background-color:rgba(0,0,0,0.5);
  }
  .bot-wrap .bot {
    width:1200px;margin:0 auto;
    padding:40px 20px;
  }
  .bot-wrap .bot .bot-wid {
    display:flex;
    align-items: center;
    padding-bottom:1em;
    border-bottom:1px solid rgba(255,255,255,0.5);
  }
  .bot-wrap .bot .bot-wid .bot-widL .bot-logo{
    display:block;
    /* margin-bottom:16px; */
  }
  .bot-wrap .bot .bot-wid .bot-widL .address,
  .bot-wrap .bot .bot-wid .bot-widL .phone,
  .bot-wrap .bot .banquan
  {
    padding-left:98px;
    padding-left:116px;
  }
  .bot-wrap .bot .bot-wid .bot-widR{ 
    margin-left:auto;
  }
  .bot-wrap .bot .banquan{
    /* text-align:center; */
    margin-top:1em;
  }

  .h2{ font-size:24px; text-align:center; padding:30px; line-height:1.5; }
.mojitit{ height:35px; background:#f3f3f3; line-height:35px; text-align:center; font-size:14px; color:#888;  padding:0 20px;}
.mojinr{  padding:30px; text-align:justify; }
.mojinr img{ text-align:center; display:block; margin:0 auto; padding:0; max-width:900px;}
.article .need-format p,.article .need-format span,.article .need-format div {
  font-size:1rem !important; line-height: 2 !important; font-family: 'Microsoft Yahei', sans-serif, serif !important;color:var(--text-color) !important;
}
.mojinr>p, .mojinr>div { margin-bottom:20px !important; }

.overflow-bg {
  
  background-image: url(overflow-bg_1920x1080.jpg);
  /* background-image: url(video-19s.png); */
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
}

.overflow-bg .cz-msfcbg {
    background-image:none;
    background-color: rgba(255, 255, 255, 0.8);
}

.overflow-bg .bot-wrap {
    background-image:none;
    padding-top:0;
    margin-top:0 !important;
}


.overflow-bg-2 {
  background-image: url(overflow-bg.png);
}