﻿
/*第一层*/
 
.mainTop,.mainMiddle{width:1200px; margin:0 auto; display: -webkit-flex;display: flex;justify-content:space-between; }
.mainTop{height:250px;}
.mainTop>div{ height:250px; background-color:White;}
.mainTopLeft{ width:500px; }
 .mainTopMiddle{width:300px;display: -webkit-flex;display: flex; justify-content:space-between; align-items: center; flex-wrap:wrap; margin-right:20px; }
.mainTopMiddle>li:not(:last-child){ border-bottom:dashed 1px #DCDCDC; padding-bottom:8px;}
 .mainTopRight{width:340px; }
 
 /*第一层 以下两为幼升小  入园 头部*/
 .twoMainTop{ justify-content:space-between; }
.twoMainTop .mainTopLeft{ width:750px;}

/*分数线*/
 .luqu{ min-height:210px;display: -webkit-flex;display: flex; justify-content:space-between; align-items: center; flex-wrap:wrap;}
  .luqu>li{ padding-left:7px; position:relative;display:inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:100%;}
 
 .luqu>li:before{ top:5px; left:0px; position:absolute; border-left:solid 5px #20C1FF; content:""; border-top:solid 5px transparent;border-bottom:solid 5px transparent; z-index:99;}

 .luqu>li:hover:before{ border-left:solid 5px red;}		








.mainMiddle{ margin:30px auto;}
.mainMiddle>div{min-height:320px;   }
.mainMiddleLeft{ width:830px; }

.mainMiddleRight{ width:340px; }
.mainMiddleRight>div, .mainMiddleLeft,.mainMiddleLeft>section{ min-height:397px;}
  
h2{ border-bottom:2px solid #DCDCDC;}
h2>a,h2>span{ position:relative; font-size:18px; letter-spacing:2px; padding:0 2px;}
h2>a:before,h2>span:before{position:absolute; content:""; width:100%; height:2px; background-color:Red; bottom:-4px; left:0;}
h2 ~ article{ min-height:120px;   margin:10px auto;}



/*资讯*/
 .sfzx>div{ min-height:50px; margin:10px 0; padding:10px; }
 .mainMiddleLeft,.mainMiddleLeft section{ min-height:50px; margin:10px 0; padding:10px;}
 .mainMiddleLeft  article:not(:last-child),.mainMiddleLeft section article:not(:last-child){ border-bottom:dashed 1px #DCDCDC; padding-bottom:10px;}
.noImg h3,.oneImg h3,.moreImg>h3{ height:30px; line-height:30px;}
.noImg p,.oneImg>div:last-child>p,.moreImg>p{ font-size:14px; color:#9E9E9E;  letter-spacing:2px; text-indent:2em;line-height:20px;}
.noImg:hover a,.oneImg:hover a,.moreImg:hover a{ color:#1EAAF8;}




.oneImg>div{ width:100%; height:100px; display: -webkit-flex;display: flex;align-items: center; justify-content:space-between ;margin-top:10px;} 
.oneImg>div>div,.oneImg>div>div>img{ width:157px; height:80px; border-radius:5px;} 
 .oneImg>div> p{width:600px; color:#9E9E9E;  letter-spacing:1px; text-indent:2em; line-height:22px;height:100px;} 

 
 
  .moreImg>div{ margin:10px auto;}  
 .moreImg>div>img{ margin-right:25px;margin-left:5px;  border-radius:10px;  width: auto;  height: auto;     max-height:100px;max-width:157px;} 
 

/*学科*/
.xueke{ list-style:none;display: flex;justify-content:space-around;display: -webkit-flex; flex-wrap:wrap}
.xueke li{ padding:2px 5px; margin:5px 20px; height:30px; min-width:60px; max-width:120px; border-radius:5px;
 background-color:#DCDCDC; text-align:center; line-height:30px;
 
 
   overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
 
 
 }

.xueke li>a{width:100%; display:inline-block; width:100%; height:100%;}
.xueke li:hover a{color:blue; }
.beikao{ margin-top:2px; height:215px; border-top:1px dashed #DCDCDC;display: -webkit-flex;display: flex; justify-content:space-between; align-items: center; flex-wrap:wrap;}
.beikao>li,.shijuan>li{ position:relative; width:100%;}
.beikao>li a,.shijuan>li a{font-size:16px;}

.beikao>li>a,.shijuan>li>a{display:inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;width:100%; text-indent:1em; }
.beikao>li:before,.shijuan>li:before{ top:5px; left:0px; position:absolute; border-left:solid 5px #20C1FF; content:""; border-top:solid 5px transparent;border-bottom:solid 5px transparent; z-index:99;}

 .beikao>li:hover:before,.shijuan>li:hover:before{ border-left:solid 5px red;}		

/*试卷*/
.shijuan{display: -webkit-flex;display: flex; justify-content:space-between; align-items: center; flex-wrap:wrap;}
.shijuan>li{ width:100%; }
.sj{  height:350px;}


/*政策*/
  /*字符超出后用省略号代替*/
 
.mainTopMiddle>li>a{max-width:290px; 
    display:inline-block;
   overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
    margin:0 5px;
   }
   
   .mainTopMiddle>li:nth-child(3n-2)>a{ font-size:16px; display:inline-block;min-width:100%; line-height:30px; height:30px; text-align:center; color:BlueViolet;}
  .mainTopMiddle>li:nth-child(3n-2):hover>a{ color:Red;}
  
  
  /* 焦点图css */

	.swiper-container,.focus{  height:240px;width: 480px;position: relative; margin:0 auto;float:none; } 

 .focus a img {
	width: 480px;
	border-radius: 3px;
	display: block;
  height:240px;

}
.swiper-container .swiper-list a,.focus>a {
	background: #fff;
	display: block;
	border-radius: 3px;
	 position:relative;
	 width:100%;
}

 
	
	/*辅导*/
	.fudao>ul{display: flex;justify-content:space-around;display: -webkit-flex;flex-wrap:wrap; margin:10px 0;  min-height:80px;  padding:10px;}
 .fudao ul li {border:dashed 1px #EDEDED; padding:10px; margin:10px;}

 .fudao ul li a{ width:100%;display: flex;justify-content:space-around;display: -webkit-flex;flex-wrap:wrap; height:100px;}
	 .fudao ul li a span{ width:100%;}
 .fudao p a{ font-size:16px; font-weight:bold; color:blue;}
	 	

/*幼升小 入园 右侧图文*/
 
.tuwen {  display: flex;justify-content:space-between;display: -webkit-flex;flex-wrap:wrap;align-items:center;height:320px;}
.tuwen>li:nth-child(1),.tuwen>li:nth-child(2){ margin-bottom:20px;} 
.tuwen>li:nth-child(1),.tuwen>li:nth-child(2),.tuwen>li img{ width:150px; height:100px; border-radius:5px;} 

 
 .tuwen li a:hover{ color:Red;}
 
.tuwen>li a{ display:inline-block; height:25px; line-height:25px; text-align:left;
 
 width:100%; 
  padding-left:10px;
   overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
    margin:0 5px;
 position:relative;

}
