/* 公共样式 */
.pc_box{display:block;}
.yd_box{display:none;}
/ *PC段样式  -------开始   */
/*导航样式*/
.nav ul {width: 90%; height: 45px;margin: 0 auto;}
.nav ul li a {font-size: 16px;}
.nav ul li a img { width: 18px;height: 18px;}

/* 图片新闻 */
.banner_con ul li a img,.ydbanner_con ul li a img{width:100%;}
.hf_banner{width:90%;margin:45px auto;}
.banner_but { position: absolute; bottom:10px !important; text-align: center; z-index: 10; }
.banner_but li {  display:inline-block;width: 10px;height:10px;border-radius:50%; margin: 0 6px; background: rgba(255,255,255,.5); }
.banner_but li.on { background: blue; width: 10px;height:10px;border-radius:50%; }

.index_box{width:90%;margin:0 auto;}
.index_1{width:100%;height:90px;margin-top: 20px;}
.index_1_1{width:7%;height:85px;background:#C00;border-radius:5px;text-align:center;color:#FFF;font-size:22px;font-weight:700;padding:15px;}
.index_1_2{width:92%;height:60px;}
.index_1_2_1{color:#c00;font-weight:700;font-size:25px;}
.index_1_2_2{color:#666;font-size:18px;padding-top:12px;}

/* 图片新闻 */
.hdtt_news{height: 130px;width: 100%; margin-bottom: 20px;}
#xwzx_box .news_pic { width:48%; position: relative; }
.news_pic_list li { position: relative; width: 100%; height: 354px; overflow: hidden; }
.news_pic_list li img { display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: all ease-in-out 400ms; }
.news_pic_list li p { width: 100%; height: 50px; background: linear-gradient(to top, rgba(0,0,0,.6), rgba(0, 0, 0, 0)); position: absolute; bottom: 0; z-index: 2; left: 0; }
.news_pic_list li span { display: block; width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 50px; line-height: 50px; font-size: 16px; color: #fff; padding: 0 16px; }
.news_pic_but { position: absolute; margin-right: 16px; z-index: 2; width: auto !important; left: inherit !important; right: 0 !important; }
.news_pic_but li { display: inline-block; width: 10px; height:10px;  background: #ddd; margin-left: 8px; }
.news_pic_but li.on { background: #dd0101; }
.news_pic_list li:hover img { transform: scale(1.1); }

/* 新闻切换 */
#xwzx_box .news_tab { width: 50%; }
.news_tab_HD { position: relative; margin-bottom: 15px; }
.news_tab_HD span { display: inline-block; font-size:16px; color: #333; font-weight: bold; margin-right: 25px; cursor: pointer; width: 120px;height: 40px;text-align: center;}
.news_tab_HD span .img_small{height:25px;padding-right: 5px;}
.news_tab_HD span a { font-size: 14px; color: #999; font-weight: normal; display: none; position: absolute; right: 0; top: 6px; }
.news_tab_HD span.on { font-size: 18px;  background:url("/uiFramework/commonResource/image/2026010511243151716.png") no-repeat; color: #FFF;}
.news_tab_HD span.on a { display: block; }

.index_2_2{width: 600px; height: 350px; float: left;}
.index_2_2 h2{ width: 600px; height: 32px; float: left; font-size: 14px; border-bottom:1px solid #DDD; position: relative;}
.index_2_2 h2 span{ width: 120px; height: 40px; position: absolute; left: 0; top: 0; line-height: 32px; text-align: center; cursor: pointer;}
.index_2_2 h2 span.s01{ left: 120px;}
.index_2_2 h2 span.iconavbg01{ background:url("/uiFramework/commonResource/image/2026010511243151716.png") no-repeat; color: #FFF;}
.index_2_2 h2 em{ position: absolute; right: 0; top: 0; line-height: 32px; height: 32px; font-weight: normal; font-size: 13px; }
.index_2_2_1{ width: 100%; float: left; }
.index_2_2_1 dd{ width: 100%; float: left; display: none; }
.index_2_2_1_1{width:100%;height:100px;float:left;margin-top:10px;}
.index_2_2_1_1 em{width:100%;height:30px;padding-top:10px;font-size:20px;color:#C00;font-weight:700;float:left;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index_2_2_1_1 span{width:100%;height:72px;font-size:16px;color:#666;float:left;line-height:24px;display:0;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.index_2_2_1_2{width:100%;height:187px;float:left;overflow:hidden;}
.index_2_2_1_2 li{width:100%;height:37px;float:left;border-bottom:1px dotted #ddd;clear: both; overflow: hidden;}
.index_2_2_1_2 li span{width:80%;float:left;height:37px;background:url(/uiFramework/commonResource/image/2026010609380791418.png) no-repeat left 15px;background-size:10px 10px;line-height:37px;padding-left:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index_2_2_1_2 li span a{font-size:14px;}
.index_2_2_1_2 li em{width:20%;height:37px;float:right;line-height:37px;text-align:right;color:#999;}
.index_2_2_1 dd.showdiv01{display:block;}

/* 横幅 */
.banner_con .banner_list li a img {width: 100%;object-fit: fill;}
/* 教师活动 */
.jshd_gray{width:90%;margin:45px auto;clear:both;overflow:hidden;}
.jshd_gray .jshd_leftbox{width:80%;} 
.jshd_gray .jshd_leftbox .jshd_box,.jshd_gray .jshd_leftbox .dyzh_box{width:48%;float:left;}
.jshd_gray .jshd_leftbox .dyzh_box{margin-left:20px;}
.jshd_gray .jshd_rightbox{width:20%;} 

/*教师活动样式 */

.index_4{ width: 100%; float: left; overflow: hidden;}
.index_4 h2{ width: 100%; height: 30px; float: left; font-weight: normal; }
.index_4 h2 span{ float: left; font-size: 16px; line-height: 30px; }
.index_4 h2 em{ float: right; font-size: 14px; line-height: 30px; }
.index_4_1{ width: 980px;  float: left;}
.index_4_1_1{width: 100%; float: left;padding-top:20px;height:310px;}
.index_4_1_1 h3{ width: 100%; height: 32px; float: left; background: #fafafa; position: relative; font-weight: normal;}
.index_4_1_1 h3 span{ width: 120px; height: 40px; font-size: 15px; position: absolute; top: 0; left: 0; line-height: 28px; 
                                                          background:url("/uiFramework/commonResource/image/2026010511243151716.png") no-repeat;  text-align: center; color: #FFF; }
.index_4_1_1 h3 span .iconfont img{width:16px;}
.index_4_1_1 h3 em{width:60px; position: absolute; right:10px;; top: 6px; background: #ddd; border-radius: 5px; text-align: center; height: 20px; line-height: 20px; font-size: 12px;}
.index_4_1_1 h3 em a{ color: #333;}
.index_4_1_1 h3 em a:hover{ color: #333;}
.index_4_1_1_2{width:100%;float:left;padding:15px 0 0 0;}
.index_4_1_1_2 a .pic img{width:100%;}
.index_4_1_1_2 a .pic{width:17%;height:60px;float:left;}
.index_4_1_1_2 .txt{width:calc(100%-100px);float:right;height:60px;margin-left:10px;width:80%;}
.index_4_1_1_2 .txt h4{width:100%;height:18px;float:left;font-size:16px;color:#333;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.index_4_1_1_2 .txt em{width:100%;height:38px;float:left;margin-top:4px;font-size:14px;color:#999;font-weight:400;line-height:19px;overflow:hidden;text-overflow:ellipsis;display:0;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

.index_4_1_1_1{ width: 100%; float: left; overflow: hidden;}
.index_4_1_1_1 li{ width: 100%;height:37px;float: left; border-bottom: 1px dotted #ddd;clear: both;overflow: hidden;}
.index_4_1_1_1 li span{ width:80%; float: left; height: 37px; background: url("/uiFramework/commonResource/image/2026010609380791418.png ") no-repeat left 15px; background-size: 10px 10px;
 line-height: 37px; padding-left: 20px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.index_4_1_1_1 li span a{font-size:14px;}
.index_4_1_1_1 li em{ width: 20%; height: 37px; float: right; text-align: center; line-height: 37px; text-align: right; color: #999; }
.index_4_1_1_1 li:last-child{ border-bottom: none; }
/*校长寄语样式*/
.index_4_2{ width:100%; float: left;}
.index_4_2_1{ width: 100%; height: 38px; float: left; border:1px solid #DDD;text-align: center; line-height: 38px; margin-bottom: 10px;}
.index_4_2_1:hover{background:#C00;color:#fff;}
.index_4_2_1 a{font-size:14px;}
.index_4_2_1 a .iconfont img,.index_4_2_2 a .iconfont img{width:15px;}
.index_4_2_2{ width:100%; height: 370px; float: left; background: #faf7f3; }
.index_4_2_2 li{ width: 80%; height: 40px; float: left; margin-top: 11px; font-size: 14px; margin-left: 10%; margin-right: 10%; text-align:center;display: inline; border-radius: 3px;line-height: 40px; overflow:hidden;background: #DDD;} 


/*精彩赏析样式*/

.index_6{ width: 100%; margin:0 auto; overflow: hidden;}
.index_6 h2{ width: 100%; height: 32px; float: left; background: #fafafa; position: relative; font-weight: normal; margin-bottom: 15px;}
.index_6 h2 span{ width: 120px; height: 40px; font-size: 15px; position: absolute; top: 0; left: 0; line-height: 28px; background:url(/uiFramework/commonResource/image/2026010511243151716.png) no-repeat;  text-align: center; color: #FFF; }
.index_6 h2 em{width:60px; position: absolute; right:10px;; top: 6px; background: #ddd; border-radius: 5px; text-align: center; height: 20px; line-height: 20px; font-size: 12px;}
.index_6 h2 em a{ color: #333;}
.index_6 h2 em a:hover{ color: #333;}
.index_6 ul{ width: 100%; height: 220px; float:left;margin-bottom: 15px; overflow: hidden;}
.index_6 ul li{ width: 288px; height: 220px; float: left; margin-right: 16px;}
.index_6 ul li img{ width: 288px; height: 180px; float: left; }
.index_6 ul li span{ width: 288px; height: 40px; float: left; background: #F1F1F1; 
overflow: hidden;text-overflow:ellipsis;white-space: nowrap; line-height: 40px; text-align: center;
padding-left: 10px; padding-right: 10px;
} 
.index_6 ul li:last-child{ margin-right: 0; }

/*友情链接样式*/
.index_7{ width:100%; margin:0 auto;padding-top:35px;}
/*.index_7 h2{ width: 100%; height: 40px; float: left; background: url("t7.png") repeat-x; font-weight: normal;}*/
.index_7 h2 span{ float: left; padding-left: 20px; padding-right: 20px; background: #b81408; color: #FFF; line-height: 38px; border-radius: 5px 5px 0 0; height: 40px; font-size: 15px; }
.index_6 h2 span .iconfont img,.index_7 h2 span .iconfont img{width:20px;}
.index_7 div{ width:100%; float: left; padding: 10px; border: 2px solid #DDD; border-top: 0;  box-shadow: 1px 1px 1px 1px  #f1f1f1;}
.index_7 div a{ float: left; padding-right: 15px; line-height: 28px; font-size:14px;}



/ *PC段样式  -------结束   */



/*移动端样式  -----------开始*/
.top{width:100%;height:1.75rem;float:left;background:#C41B06;border-bottom:1px solid #F3D290;font-size:.8rem;color:#FFF;text-align:center;line-height:1.75rem;}
.dh_box,.yd_xydt_box,.yd_ggxx_box,.yd_ldbz_box,.yd_xsxz_box,.yd_byhy_box,.yd_xrxm_box,.yd_jcsx_box,.yd_znxq_box,.yd_yywz_box{width:90%;padding:.25rem 0;margin:0 auto;clear: both;overflow: hidden;}
#dh_title .top{width:100%;height:1.75rem;float:left;background:#C41B06;border-bottom:1px solid #F3D290;font-size:.8rem;color:#FFF;text-align:center;line-height:1.75rem;}
.top a{font-size: .5rem;color: #fff;font-weight: 900;}
.top a img{width:1.3rem;padding-top:.47rem;padding-right:.2rem;padding-left:.2rem;}
.title_box{width:100%;clear:both;overfolow:hidden;}
.title_box .index1_1,.title_box .index1_2,.title_box .index1_3{float:left;}
.title_box .index1_1,.title_box .index1_2{width:40%;}
.title_box .index1_3{width:20%;}
.title_box .index1_3 .iconfont img{width:.5rem;height:.5rem;}
.ydbanner_con{    width: 100%;}

.ydbanner_con .banner_list li a img{width:100%;height:380px;}

/*时间日期样式*/

.index1{ width:100%; height:1.75rem; float:left;}
.index1_1{ width:40%; height:1.75rem; float:left; background:#3ABEC0;line-height:1.75rem;}
.index1_1 span{ width:100%; height:.55rem; float:left; font-size:.35rem; color:#FFF; line-height:.55rem; margin-top:.3rem; text-align:center;}
.index1_1 em{ width:100%; height:.8rem; float:left; font-size:.35rem; color:#FFF; line-height:.8rem;text-align:center; font-family:Arial, Helvetica, sans-serif;}
.index1_2{ width:40%; height:2.2rem; float:left; background:#EAC85D; overflow:hidden;}
.index1_3{ width:60%; height:1.75rem; float:left; background:#C00; line-height:1.75rem; text-align:center; font-size:.4rem; color:#fff;}
.index1_2 a{width: 100%; height: 1.75rem; line-height: 1.75rem; text-align: center; font-size: .4rem; color: #f1f1f1;text-decoration: none;float: left; border-bottom: 1px solid #f1f1f1;}


/*移动端导航样式*/
    .index2{ width:100%; float:left; background:url(t1.jpg) repeat-x; padding-top:.5rem;} 
    .index2_1{ width:100%;}
    .index2_1 li{ width:23%; height:1.2rem; float:left; background:#C00; margin-left:2%; display:inline; margin-top:.2rem; cursor:pointer;}
    .index2_1 li.on{background:#8a080a;}
    .index2_1 li em{ width:100%; height:1.2rem; float:left;font-size:.4rem; line-height:1.2rem; color:#FFF; text-align: center; padding: 0}
    .index2_1 li.l01{ background:#67B0D1;}
    .index2_1 li.l02{ background:#E25D92;} 
    .index2_1 li.l03{ background:#3ABEC0;}
    .index2_1 li.l04{ background:#4AD584;}
    .index2_1 li.l05{ background:#F1C945;}
    .index2_1 li.l06{ background:#390;}
    .index2_1 li.l07{ background:#600;}
.index2_1 li:nth-child(1){display:none;}
.index2_1 li:nth-child(8){display:none;}
/*.index2_1 li:nth-child(9) em{line-height:1.4!important;} */
/*校园动态样式*/

.index2_2,.index2_3{ width:100%; float:left;  margin-top:.35rem;padding:0 5%;}
.index2_2 h2,.index2_3 h2{ width:100%; height:1rem; float:left;font-family:"微软雅黑"; font-size:.4rem; color:#E87352; line-height:1rem;}
.index2_2 h2 span,.index2_3 h2 span{ float:right;  font-weight:normal; font-size:.3rem;color: #E87352;}
.index2_2 ul{ width:100%;}
.index2_2 ul li{ width:100%; height:1rem; font-family:"微软雅黑";height:.65rem; color:#333; line-height:.65rem;clear: both;overflow: hidden;} 
.index2_2 ul li span{ width:70%;float:left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size:.35rem;}
.index2_2 ul li em{ width:30%;  float:right; text-align:right; color:#999;font-size:.3rem;}
.index2_2 ul li a { font-size: .3rem;}
.index2_2 ul li a:link,.index2_2 ul li a:visited{ text-decoration:none; color:#333;}
.index2_2 ul li a:hover{ text-decoration:none; color:#333;}
.index2_2 h2 .iconfont img,.index2_3 h2 .iconfont img{    width: 0.5rem;height: .5rem;margin-right: .15rem;}


/*领导班子样式*/
.index2_3 ul{ width:100%; float:left; }
.index2_3 ul li{width:46%; height:4rem; float:left; margin-top:.3rem;  margin-left:4%; display:inline;font-family:"微软雅黑";} 
.index2_3 ul li span{ width:100%; height:3rem;display:block; }
.index2_3 ul li span img{ width:100%; border:none; object-fit: fill;height:100%;}
.index2_3 ul li em{ width:100%; height:.75rem; font-family:"微软雅黑"; font-size:.7rem; color:#333; line-height:.75rem; text-align:center; display:block;
                     text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.index2_3 ul li em a{font-size:.35rem;}
.index2_3 ul li em a:link,.index4 li em a:visited{ text-decoration:none; color:#333;}
.index2_3 ul li em a:hover{ text-decoration:none; color:#333;}
/*移动端尾部样式*/
.yd_bt{ width: 100%;height: 3.35rem;float: left;background: url(/uiFramework/commonResource/image/2026010916205137308.jpg) no-repeat bottom;background-size: 100% 3.35rem;padding: 1.5rem 0;}



/* 适配代码 */
@media screen and (min-width: 1600px){

}
@media screen and (min-width: 1024px){
/*.nav ul{width:100%;}*/
  .nav h2 {
    margin-right: 0;
  }


}

@media screen and (max-width: 820px){
	/* 公共样式 */
.pc_box {display: none!important;}
.yd_box{display: block!important;}
.index2_1 li:nth-child(10){display:block!important;}	
.ydbanner_con .banner_list li a img{width:100%;height:3.5rem;object-fit: fill;}
}

@media screen and (max-width: 768px){
	/* 公共样式 */
.pc_box {display: none!important;}
.yd_box{display: block!important;}
.index2_1 li:nth-child(10){display:block!important;}
.ydbanner_con{    width: 100%;height:3.5rem;}
.ydbanner_con .banner_list li a img{width:100%;height:3.5rem;object-fit: fill;}
}

@media screen and (max-width: 460px){
	/* 公共样式 */
.pc_box {display: none!important;}
.yd_box{display: block!important;}
.index2_1 li:nth-child(10){display:block!important;}
.ydbanner_con{    width: 100%;height:3.5rem;}
.index2_1 li:nth-child(9) em{line-height:1.4!important;}
.ydbanner_con .banner_list li a img{width:100%;height:3.5rem;object-fit: fill;}
}