@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:1, 150, 65;
  --primary-color:#019641;
  --des-color: #999;
  --text-color: black;
  }
img{ border:0;  }
a{ text-decoration:none; color:var(--text-color); 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)}

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



/*小学*/
.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; }

/*导航*/
.xxdhAll{ height:55px; background:var(--primary-color);}
.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 a{ color:#fff;  }
.xiaoxue-dh .nLi{  position:relative;  }
.xiaoxue-dh .nLi>a{ font-size:18px; padding:0 1em; font-weight:bold;line-height:3em; display:inline-block; white-space: nowrap;}
.xiaoxue-dh .nLi>a:hover { background-color:#008037; }
.xiaoxue-dh .sub{ display:none; width:100%; background:#008037;  line-height:2.5em;  }
.xiaoxue-dh .sub li{ zoom:1; }
.xiaoxue-dh .sub a{ display:block; text-align:center;}
.xiaoxue-dh .sub a:hover{ background:#00662c; color:#fff;}
.xiaoxue-dh .on h3 a{ background:#008037; color:#fff;}
/*小学轮显图*/
/* banner */
.banner{ min-width:1200px;  position:relative;  height:435px; overflow:hidden;  }
.banner .bd{ position:relative; z-index:0;  }
.banner .bd li{ width:100%;  height:435px; }
.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%; }
.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 } 

/*通知公告，学校动态*/
.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 ul{width:660px;}
.xx-gltdnr ul li{ width:288px; height:185px; float:left; margin:0 20px 25px 0; position:relative; border-radius:20px; overflow:hidden;}
.xx-gltdnr ul li img{ width:288px; height:185px;}
.xx-gltdnr ul li .wenzi{ position:absolute; left:0; bottom:0; height:40px; line-height:40px; padding:0 20px; background-color: rgba(var(--primary-color-rgb), 0.5); color:#fff;border-bottom-right-radius: 20px;}

/*菁菁校园*/
.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;}


/*内页左侧*/
.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 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:32px; text-align:center; padding:30px; line-height:40px; }
.mojitit{ height:35px; background:#f3f3f3; line-height:35px; text-align:center; font-size:14px; color:#888;  padding:0 20px;}
.mojinr{  padding:30px; line-height:32px; font-size:18px; text-align:justify; }
.mojinr img{ text-align:center; display:block; margin:0 auto; padding:15px 0; max-width:900px;}
.article .need-format p,.article .need-format span,.article .need-format div {
  font-size:1rem !important; line-height: 1.5 !important; font-family: 'Microsoft Yahei', sans-serif, serif !important;color:var(--text-color) !important;
}
.mojinr>p, .mojinr>div { margin-bottom:20px; }
/*内页*/  
.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{ height:200px; background:url(xx-botbg.png) no-repeat center top;}
.bot-wid{ width:1200px; height:150px; margin:0 auto; border-bottom:1px solid #c0595b; }
.bot-widL{ float:left; width:700px; padding:50px 0 0 0;}
.bot-widR{ float:right; width:300px; text-align:right; padding:20px 10px 0 0;}
.banquan{ width:1200px; margin:0 auto; line-height:45px; color:#d48e90;}