@charset "utf-8";
/* css 重置 */
*{margin:0; padding:0; list-style:none;box-sizing:border-box; }
html{font-size:16px;}
body{ 
  background-color:#fff; line-height:1.5;
  --primary-color-rgb:1, 150, 65;
  --primary-color:#019641;
  --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; top:50%;  }
.slide .prev { left:1rem; }
.slide .next { right:1rem; }
.slide .prev::before{ content:"";display:block;height:100%;mask-image: url(arrow-left.png); mask-position: center; background-color: rgba(var(--primary-color-rgb), 0.5) }
.slide .next::before{ content:"";display:block;height:100%;mask-image: url(arrow-right.png); mask-position: center; background-color: rgba(var(--primary-color-rgb), 0.5)}


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


.xx-L-lunbo .bd .title{ padding-right:6em; }

.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) }

.topic {
  height:41px;line-height:41px;
  display:flex;
  align-items: center;
  justify-content: flex-start;
}
.topic .title{
  font-size:24px;
}
.topic .more{
  font-size:inherit;
  margin-left:auto;
}

/*小学*/
.xx-title-W{ height:35px; line-height:35px; background:#ebf7f0;}
.xx-title{ width:1200px; margin:0 auto; height:30px; color:#005123;}
.xx-titleL{ float:left; width:500px;}
.xx-titleR{ float:right; width:700px; text-align:right;}
.xx-titleR p{ float:right;}
.xx-titleR span{ float:right; padding:3px 10px 0 0;}

/*logo*/
.xx-logo-title{ width:1200px;  min-height:110px;margin:0 auto; display:flex; justify-content: space-between; align-items: center;}
.xx-logo-title .group-nav { font-size:1.125rem; line-height:2; height:2em; position: relative;z-index:999; padding-left: 32px; background:url(xxmap.png) no-repeat left center;box-shadow: 0 0 10px rgba(216, 216, 216, 0.5); }
.xx-logo-title .group-nav ul{overflow:hidden;height:100%;background-color:rgba(255,255,255,0.8); backdrop-filter: blue(1px); padding: 0 0.5em;border-radius:6px;}
.xx-logo-title .group-nav ul li:first-child { width:8em;background:url(triangle-down.png) no-repeat right  center; background-size:1em;padding:0; } 
.xx-logo-title .group-nav ul li:not(:first-child) a{ display:block;padding:0 4px;margin:4px 0; border-radius:4px;}
.xx-logo-title .group-nav ul li:not(:first-child) a:hover { background-color:var(--primary-color);color:white; }

.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%; }

/*导航*/
.xxdhAll{ height:55px; background-color:transparent;}
.xxdh{ width:1200px; margin:0 auto;}

/* 小学导航css */

.xiaoxue-dh{ position:relative; z-index:1; width:1200px; margin:0 auto; display:flex;justify-content: space-between;}
.xiaoxue-dh .nLi{  position:relative;  }
.xiaoxue-dh .nLi>a{ font-size:18px; padding:0 1em;line-height:3em; display:inline-block; white-space: nowrap;color:white;}
.xiaoxue-dh .nLi>a:hover {  }
.xiaoxue-dh .sub{ display:none; width:100%; backdrop-filter: blur(5px);
  background-color: rgba(255, 255, 255, 0.7);  line-height:2.5em;border-top:3px solid var(--primary-color);position:absolute;  }
.xiaoxue-dh .sub li{ zoom:1; }
.xiaoxue-dh .sub li:hover{ background-color:#ededed; }
.xiaoxue-dh .sub a{ display:block; text-align:center; color:var(--primary-color)}
.xiaoxue-dh .sub a:hover{ }
.xiaoxue-dh .on h3 a{ }
/*小学轮显图*/
/* banner */
.banner{ 
  /* min-width:1200px;   height:435px;  */
  position:relative; overflow:hidden;
  width:100vw; height:100vh;
  max-height:56vw;
}
.banner .bd{ position:relative; z-index:0;  }
.banner .bd li{ width:100%; height:100%;max-height:56vw; background-repeat: no-repeat;background-position: center center;background-size: cover;}
.banner .bd li .siteWidth{ width:1000px; position:relative;  margin:0 auto;  height:435px;  }
.banner .bd li a{ height:100%; display:block;  }

.banner .hd{ width:100%;bottom:.5rem; }
.banner .hd>ul { justify-content: center; }
.banner .prev::before, .banner .next::before{ background-color:rgba(0, 0, 0, 0.4);mask-size:80%; }
.banner .prev, .banner .next { opacity: 0.7; background-color:white; border-radius:50%; }
.banner .prev:hover, .banner .next:hover { opacity: 1.0 } 

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

.nybanner{ height:580px; }

/*通知公告，学校动态*/
.xx-tit{ font-size:1.75rem; display:flex;justify-content: center;margin-top:30px;margin-bottom:20px; }
.xx-tit .item{ display:flex;align-items: center; }
.xx-tit .item>img{ margin-right:8px; }

.xx-tongdai{ width:200px; font-size:28px; float:left; height:60px;}
.xx-tongdai img{ float:left; padding-right:10px;}
.xx-tongdai span{ float:left; display:block; line-height:40px;}
.xx-tongdai a{ color:#999;}

/*小学左侧轮播图*/
.gonggong{ width:1200px; margin:0 auto;} 
.xx-L-lunbo{ width:580px; height:360px; border-radius:12px; float:left; border-radius:20px; overflow:hidden;}
.xx-L-lunbo img{width:580px; height:360px;}

.xx-R-xinwen{ width:590px; height:360px; float:right;}
.xx-R-xinwen li{ height:50px;line-height:50px; font-size:16px; background:url(xx-li01.png) no-repeat 15px 15px; padding-left:40px; padding-right:20px; border-radius:8px;transition: all 400ms;}
.xx-R-xinwen li p{ float:left; width:420px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.xx-R-xinwen li span{ float:right; width:100px; text-align:right; color:var(--des-color);}
.xx-R-xinwen li:hover{background-position-x: 5px;padding-left: 30px;}

.xx-mainDD{ background:url(xxbg1.png) no-repeat center top; padding-bottom:35px;}
/*社团活动*/
.xx-sthd{  background:url(sx-bg1.png) no-repeat left top;}
.xx-sthd-bt,.xx-jxky-bt,.xx-wmxy-bt
{ height:41px;line-height:41px; font-size:24px;  padding-left:40px; }
.xx-sthd-bt {color:#369FE7;background:url(sx-icon1.png) no-repeat left center;  }
.xx-sthd-bt span{ float:right; font-size:16px;}
.xx-sthd-nr{ padding:20px 0; clear:both; background:url(xx-xian.png) no-repeat left bottom;}
.xx-sthd-nr .l{ float:left; width:120px; height:75px;}
.xx-sthd-nr .l img{ width:120px; height:75px;}

.xx-sthd-nr .R{ float:right; width:195px; height:75px;}
.xx-sthd-nr .R span{ float:left; width:185px; height:32px; display:block; overflow:hidden;}
.xx-sthd-nr .R p{ height:46px; font-size:14px; color:#999; clear:both;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}



/*教学科研*/
.xx-jxky{  background:url(sx-bg2.png) no-repeat left top; }
.xx-jxky-bt{ color:#FEA200; background:url(sx-icon2.png) no-repeat left center; }
.xx-jxky-bt span{ float:right; font-size:16px;}
.xx-jxky-nr{ padding:20px 0; clear:both;}
.xx-jxky-nr li{ line-height:36px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all 400ms;}
.xx-jxky-nr li:hover{ padding-left:10px;}

/*文明校园*/
.xx-wmxy{ background:url(sx-bg3.png) no-repeat left top; }
.xx-wmxy-bt{ color:#40C8B0;background:url(sx-icon3.png) no-repeat left center; }
.xx-wmxy-bt span{ float:right; font-size:16px;}
.xx-wmxy-nr{ padding:20px 0; clear:both; background:url(xx-xian2.png) no-repeat left bottom;}
.xx-wmxy-nr .R{ width:100%; height:75px;}
.xx-wmxy-nr .R span{ float:left; width:100%; height:30px; display:block; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.xx-wmxy-nr .R p{ height:46px; font-size:14px; color:var(--des-color); clear:both;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}

/*第二大背景模块*/
.xx-mainDD2{ background:url(xx-bg2.png) no-repeat center top; padding:35px 0 0;}

/*管理团队*/
.xx-gltd{ float:left; width:600px; height:495px;}

.xx-gltd-bt{ height:41px;line-height:41px; font-size:24px; color:#000; padding-left:40px;  background:url(xx-icon3.png) no-repeat left center;}
.xx-gltd-bt span{ float:right; font-size:16px;}
.xx-gltdnr {
  height:395px;
}
.xx-gltdnr ul{width:660px;height:395px;}
.xx-gltdnr ul li{
   width:288px; height:100%; float:left; margin:0 20px 25px 0; position:relative; border-radius:20px; overflow:hidden;
   width:187px;
  }
  .xx-gltdnr ul li a:hover{ color:inherit; }
  .xx-gltdnr ul li figure{
    height:284px;
  }
.xx-gltdnr ul li figure img{ width:100%; height:auto;}
.xx-gltdnr ul li .wenzi{
   /* position:absolute; left:0; bottom:0; height:40px; line-height:40px;   */
  /* background-color: rgba(var(--primary-color-rgb), 0.5); */
  /* background-image:linear-gradient(0, rgba(0, 0, 0, 0.8) 10%, transparent);color:#fff; */
  padding:0 20px;border-bottom-right-radius: 20px;
  height:110px; background-color:rgba(var(--primary-color-rgb), 0.1);
  }
  .xx-gltdnr ul li .wenzi .name{  }
  .xx-gltdnr ul li .wenzi .zhiwu{ font-size:14px;margin-top:0.5em; }

/*菁菁校园*/
.xx-jjxy{ float:right; width:545px; height:495px;}

.xx-jjxy-bt{ height:41px;line-height:41px; font-size:24px; color:#000; padding-left:40px; background:url(xx-icon2.png) no-repeat left center;}
.xx-jjxy-bt span{ float:right; font-size:16px;}

.xx-jjxynr {width:545px; height:395px;border-radius:20px;}

.xx-nybanner01{ height:200px; background:url(xx-banner1.png) no-repeat center top;}

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

.msfc .topic::before,
.xx-sthd .topic::before,
.xx-jxky .topic::before,
.xx-wmxy .topic::before,
.xx-gltd .topic::before,
.xx-jjxy .topic::before
{
  content:"";
  display:inline-block;
  font-size:24px;
  width:1.25em;
  height:100%;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 100%;
  margin-right:0.5em;
}
.xx-sthd .topic::before{
  background-image:url(icon-01-60x60.png);
}
.xx-jxky .topic::before{
  background-image:url(icon-02-60x60.png);
}
.xx-wmxy .topic::before{
  background-image:url(icon-03-60x60.png);
}
.xx-gltd .topic::before{
  background-image:url(icon-04-60x60.png);
}
.xx-jjxy .topic::before{
  background-image:url(icon-05-60x60.png);
}
.msfc .topic::before{
  /* background-image:url(icon-06-60x60.png); */
  /*2024-12-10 美工给的图颜色错了，临时处理下*/
  mask-image: url(icon-06-60x60.png);
  mask-repeat: no-repeat;
  mask-position: left center;
  mask-size: 100%;
  background-color: rgb(54,169,231);
}

/*内页左侧*/
.xx-Nyleft{ float:left; width:280px; background:#e5f4ec; border-radius:12px;}
.xx-Nyleft-fl{ height:80px; line-height:80px; text-align:center; color:#fff; font-size:22px;background: linear-gradient(to right, #096, #00d85e); border-radius:12px;}
.xx-Nyleft-nr li{ line-height:60px; border-bottom:1px solid #cbe1d5; padding-left:32px; background:url(xx-li01.png) no-repeat 6px 22px;transition: all 400ms;}
.xx-Nyleft-nr li:last-child{ border-bottom:none; }
.xx-Nyleft-nr li:hover{ padding-left:36px; }

.xx-Nyright{ float:right; width:870px; padding:0 20px;}
.xx-Nyright .tit{ height:50px; line-height:50px; border-bottom:1px solid #eceeed; padding:0 15px 0 45px; background:url(xxmap.png) no-repeat left center;}

.xx-Nyright .nr li{ border-bottom:1px solid #eceeed; padding:20px 20px; display:flex;justify-content: space-between;border-radius:6px;}
.xx-Nyright .nr 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; }
.xx-Nyright .nr li figure>img { height:100%; }
.xx-Nyright .nr ul[class~="xxgk_xrld"] li figure,
.xx-Nyright .nr ul[class~="gltd"] li figure,
.xx-Nyright .nr ul[class~="jsfc_msfc"] li figure
{
  width: 90px;
  height: 120px;
}
.xx-Nyright .nr ul[class~="xxgk_xrld"] li figure>img,
.xx-Nyright .nr ul[class~="gltd"] li figure>img,
.xx-Nyright .nr ul[class~="jsfc_msfc"] li figure>img
{
  width:100%;height:100%;
}

.xx-Nyright .nr li .news{  padding-top:5px;flex-grow:1;}
.xx-Nyright .nr li .news .title{ width:100%;font-size:1.125rem;margin-bottom:10px;transition:all 400ms;padding-left:0;}
.xx-Nyright .nr 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;}

.xx-Nyright .nr li:nth-child(odd){background-color:#edf5ea;}
.xx-Nyright .nr li:hover .news .title{ padding-left:0.5em; }



.gonggongpad{ padding:20px;background-color: #fff;
  box-shadow: 0 0 10px rgba(216, 216, 216, 0.5); border-radius:20px;}
  
/*分页*/  
.pageCon{height:50px; padding-left:300px;}
.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:#009966; PADDING-TOP:10px; BORDER-BOTTOM:#DDD 1px solid; TEXT-DECORATION:none;}
.manu A:visited { COLOR:#009966; 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: #009966 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #009966 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: bold; PADDING-BOTTOM: 10px; MARGIN: 2px; BORDER-LEFT: #009966 1px solid; COLOR: #fff; PADDING-TOP: 10px; BORDER-BOTTOM: #009966 1px solid; BACKGROUND-COLOR: #009966;}
.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*/
/*末级页*/
.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; }
/*内页*/  
.xx-NYgltdnr ul{width:850px; padding-top:30px; padding-left:10px;}
.xx-NYgltdnr ul li{ width:260px; height:168px; float:left; margin:0 20px 25px 3px; position:relative; border-radius:20px; overflow:hidden;}
.xx-NYgltdnr ul li img{ width:260px; height:168px;}
.xx-NYgltdnr ul li .wenzi{ position:absolute; left:0; bottom:0; height:40px; line-height:40px; padding:0 20px; background-color: rgba(1, 150, 65, 0.5); color:#fff;/* 设置透明度为50% */}

.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:116px;
}
.bot-wrap .bot .bot-wid .bot-widR{ 
  margin-left:auto;
}
.bot-wrap .bot .banquan{
  /* text-align:center; */
  margin-top:1em;
}


.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 .fluid-wraper{
  background-color: rgba(255, 255, 255, 0.8);
}
.overflow-bg .msfc {
    background-image:none;
}

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


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