/* banner */
#banner {height: 8.9rem;position: relative;z-index: 1;}
.dian { width: 100%; position: absolute; bottom: 55px; z-index: 5; }
#banner .swiper-pagination {    right: auto; left: 47.5%; }
#banner .swiper-pagination-bullet { background-color: #fff; }
#banner .swiper-slide {	text-align: left;	align-items: flex-end;	padding-bottom: 1.05rem; position: relative; z-index: 1 }
#banner .swiper-slide .container {padding-left: 45%; color: #fff; }
#banner .ban-title h1 a { font-size: .48rem; color: #fff; line-height: 1.15; font-weight: bold; text-decoration: none; }
#banner .ban-title small { display: block; font-size: .18rem; margin-bottom: 50px;  color: rgba(255,255,255,.9) ; }
#banner .ban-title p { font-size: .3rem; color: #fff; text-shadow:  0 0 15px rgba(0,0,0,.08); }

/* banner-背景视频 */
#banner .swiper-slide .ban_video {
    display: block;
    background-color: transparent;
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
	cursor: pointer;
}

#banner .swiper-slide .ban_video video, 
#banner .swiper-slide .ban_video img {
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
}


/* 头条新闻 */
.mode-1 { width: 100%; padding-bottom: .35rem; }

.mode-1::before {
	content: "";
	background-color: #011f5b;
	height: 5.79rem;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.mode-1 .co-title a { display: inline-block; text-decoration: none; color: #fff; }

.rongqi ul { list-style: none; }
.rongqi ul li { width: 48%; margin-right: 4%; float: left;  position: relative; z-index: 1; }
.rongqi ul li:nth-child(2n) { margin-right: 0; }

#toutiao-big { height: 5.6rem; width: 70%; position: relative; z-index: 1; }

#toutiao-big .swiper-slide { display: block; text-align: center; background-color: transparent; position: relative; z-index: 1;padding-bottom: 15px;  }
.big-img { width: 100%; height: 3.5rem; overflow: hidden; }
.big-img a { display: block; width: 100%; height: 100%; position: relative; z-index: 1; }
.big-img a img { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(1); z-index: 2; transition: all .35s; }

.rongqi ul li .big-txt {
	width: 100%;
	padding: .33rem .38rem;
	background-color: #fff;
	border-bottom: 5px transparent solid;
	box-shadow: 0 0 15px rgba(0,0,0,.15);
	/* position: absolute;
	bottom: 15px;
	left: 0; */
	z-index: 6;
	text-align: left;
	 transition: all .35s;
}

.big-txt a { 
	display: block; width: 100%; height: 100%; text-decoration: none; color: #333;
	background-image: url(../images/icon/icon-next-hover.png);
	background-position: 99% 90%;
	background-repeat: no-repeat;	
}

.big-txt h2 { 
	font-size: .224rem; line-height: 1.35; margin-bottom:20px;
	display: -webkit-box;
	height: .62rem;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2 ;
	-webkit-box-orient: vertical ;
}

.big-txt h2 a{
	height: auto;
	padding-top: 1px;
}

.big-txt p { font-size: .14rem; color: #666; }

.rongqi ul li:hover .big-txt{ border-color: #c72348; transition: all .35s; }
.rongqi ul li:hover .big-img a img {transform: translate(-50%,-50%) scale(1.1); transition: all .35s; }


#toutiao-small  { width: 38%; height: 3.3rem; position: absolute; right: 0;	top: 2.1rem ; z-index: 3; }
#toutiao-small .swiper-slide { width: 100%; display: block; text-align: center; background-color: transparent; position: relative; z-index: 1; padding-bottom: 15px; }
.small-img   { width: 100%; height: 2.7rem; overflow: hidden; }
.small-img a{ display: block; width: 100%; height: 100%; position: relative; z-index: 1; }
.small-img a img  { width: 100%;  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; }

.small-txt  {
	width: 75%;
	padding: .33rem .15rem;
	background-color: #fff;
	box-shadow: 0 0 15px rgba(0,0,0,.15);
	position: absolute;
	bottom: 15px;
	left: 0;
	z-index: 6;
	text-align: left;
}


.small-txt h2 a  { display: block; font-weight: bold; font-size: .18rem; color: #333; text-decoration: none; margin-bottom: 0; }



/* 校园新闻 */
.mode-2 { padding-bottom: 50px !important; }
#schoolnews { height: 4.9rem; padding-bottom: 15px; }
#schoolnews .swiper-slide { display: block; text-align: left; position: relative; z-index: 1;transition: all .35s;   }
.news-img { width: 100%; height: 100%;  }
.news-img a { display: block; width: 100%; height: 100%;position: relative; z-index: 1; }
.news-img a img { min-width: 100%; height: auto; min-height: 100%;  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; }

#schoolnews .swiper-slide a.menban { background-color: #011f5b; display: block; width: 100%; height: 100%; position: absolute; top: 0 ;left: 0; z-index: 1; opacity: .35; transition: all .35s;  }

#schoolnews .swiper-slide .big-txt {
    width: 70%;
    position: absolute;
    z-index: 5;
    bottom: 0;
    background-color: #fff;
    transform: translateY(100%);
    padding: 25px;
    opacity: 0;
    border-bottom: 3px #c72348 solid;
    transition: all .35s;
}

#schoolnews .swiper-pagination { margin-top: 25px; }

#schoolnews .swiper-slide:hover .big-txt,
#schoolnews .swiper-slide-active .big-txt {transform: translateY(0) !important; opacity:1 !important; transition: all .35s; } 
#schoolnews .swiper-slide-active  a.menban,
#schoolnews .swiper-slide:hover  a.menban {background-color: transparent !important; opacity: 0 !important;  z-index: -1 !important;  transition: all .35s;  }


/* 名师风采 */
#teacher { height: 4.7rem; margin-bottom: 35px; }
#teacher .swiper-slide { display: block; text-align: left; }

#teacher .swiper-slide dl.t-iterm { width: 100%; height: 100%; position: relative; z-index: 1; }

#teacher .swiper-slide dl.t-iterm dt {
	width: 100%; 
	height: 100%; 
	background-repeat: no-repeat; 
	background-size: cover; 
	background-position: center top;
}

#teacher .swiper-slide dl.t-iterm dd {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 2;
	background-color: rgba(1,31,91,.8) ;
	padding: .35rem .25rem;
	color: #fff;
	transform: translateY(100%);
	opacity: 0;
	transition: all .35s;
}

#teacher .swiper-slide dl.t-iterm dd a {
	display: block; 
	width: 100%;
	/*height: 100%;*/
	text-decoration: none;
	color: #fff;
}


.teacher-bg { position: relative; z-index: 1; width: 100%; height: 100%; }
.teacher-bg h3 {
	font-size: .24rem; width: 100%;	
	color: #fff;line-height: 1.35;  
	position: absolute; bottom: 0; 
	z-index: 1; 
	background-image: url(../images/icon/icon-next.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size: 12px;
}
.teacher-bg h3::before {
	content: "";
	width: 35px;
	height: 35px;
	background-color: #c72348;
	border-radius: 50%;
	position: absolute;
	top: -10px;
	left: -10px;
	z-index: -1;
}


.teacher-bg h3 span { font-size: .14rem; display: block; }

.teacher-bg p { 
	font-size: .16rem; line-height: 1.85;
	display: -webkit-box;
	height: 1.8rem;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
}

#teacher .swiper-slide:hover dl.t-iterm dd,
dl.t-iterm:hover dd {	transform: translateY(0);	opacity: 1;	transition: all .35s;}

#teacher .swiper-pagination  .swiper-pagination-bullet {  margin-top: 35px; background-color: #000 ; }



/* 数读珠科 */
.mode-4 { width: 100%; background-size: auto 100%; background-position: center center; }
/* .shudu ul { list-style: none; display: flex; flex-flow: row wrap; justify-content: space-between; }
.shudu ul li { text-align: left;	width: 22%;	min-height: 95px; padding-left: 1.2rem; position: relative; z-index: 1;float: left; margin-right: 2%; margin-bottom: 50px; }
.shudu ul li:nth-child(4n) { margin-right: 0; } */

.shudu { text-align: left; min-height: 95px; padding-left: 1.2rem; position: relative; z-index: 1; margin-right: 2%;   }
.shudu i.icons { 
	display: inline-block;
	width: .98rem;
	height: .98rem;
	border-radius: 50%;
	border: 1px rgba(1,31,91,.5) solid;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50%;
	position: absolute;
	top: 54%;
	left: 0;
	transform: translateY(-50%);
	z-index: 1;
}

.shudu big { display: block; font-weight: bold;  font-size: .36rem; color: #c72348 ; }
.shudu p { font-size: .16rem; color: #666; }

#numbers { padding-bottom: 25px; position: relative; z-index: 1;  height: 4rem; }
#numbers .swiper-pagination {
    left: 50% ;
	top: auto;
	bottom: 0;
    transform: translateX(-50%);
}

#numbers .swiper-slide {
      text-align: left;
      font-size: 18px;
      background:transparent;
      height: calc((100% - 10px) / 2);

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: flex-start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

#numbers .swiper-pagination-bullet-active {
    background-color: #011f5b;
    opacity: 1 !important;
}


/* 快捷入口 */
.mode-5 { padding-top: 0 !important; }
.fastenter  { height: 5.35rem; float: left; }
.fastenter .wamper_black {  background-color: rgba(0,0,0,0);}

.line-1 { width: 40%; padding-right: 15px; }
.line-2 { width: 25%; padding-right: 15px; }
.line-3 { width: 35%; }
.fastenter:last-child { margin-right: 0; }

.canve-1 { width: 100%; height: 100%; }
.canve-2 { width: 100%; height: 2.6rem; margin-bottom: 15px; }
.line-2 .canve-2:last-child { margin-bottom: 0; }

.canve-3 { width: 100%; height: 3.9rem; margin-bottom: 15px;  }
a.btn_viewmore ,a.btn_viewmore:hover {
	display: block;
	width: 100%;
	height: 1.3rem;
	background-color:  #011f5b; 
	padding-right: 1.3rem;
	text-align: center;
	text-decoration: none;
	color: #fff;
	line-height: 1.3rem;
	position: relative;
	z-index: 1;
}

a.btn_viewmore i { 
	display: inline-block; 
	width: 1.3rem; height: 1.3rem; 
	position: absolute; 
	top: 0;
	right: 0;
	z-index: 2;
	background-color: #c72348;
	background-image: url(../images/icon/icon-next.png);
	background-repeat: no-repeat;
	background-position: center center;
}


.bg {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	display: table;
}

.wamper_black { background-color: rgba(0,0,0,.25);  height: 100%;  width: 100%; display: table-cell; vertical-align: middle; text-align: center; color: #fff; }

em.btn-icon {
	display: inline-block;
	width: .85rem;
	height: .85rem;
	position: relative;
	z-index: 1;
	border: 1px #fff solid;
	border-radius: 50%;
	transition: all .35s;
}

em.btn-icon:hover { background-color: rgba(212,37,76,.5); border-color: rgba(212,37,76,.5); transition: all .35s; }

em.btn-icon img { width: auto;	position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.enters_list { width: 100%; margin-top: 1rem;  }
.enters_list ul { list-style: none; display: flex; flex-flow: row nowrap; justify-content: space-between; }
.enters_list ul li { margin-bottom: 15px; transition: all .35s; }
.enters_list ul li a { display: block; text-align: center; text-decoration: none; color: #011f5b; font-size: .16rem; }
.enters_list ul li em.tubiao  {
	display: block;
	width: .75rem;
	height: .45rem;
	/* background-repeat: no-repeat;
	background-position: center -.95rem;	 */
	margin-bottom: 10px;
	position: relative;
	z-index: 1;
}

.enters_list ul li em.tubiao img {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 100%;
	transform: translate(-50%,-50%);
	z-index: 1;
	
}

img.old {opacity: 1;}
img.over { opacity: 0; z-index: -1; }


.enters_list ul li:hover em.tubiao img.old { opacity: 0; z-index: -1;  }
.enters_list ul li:hover em.tubiao img.over { opacity: 1; z-index: 1; }

/* .enters_list ul li:hover em.tubiao { background-position: center 5px; } */

/* .enters_list ul li:nth-child(4):hover em.tubiao, 
.enters_list ul li:nth-child(6):hover em.tubiao  {background-position: center 2px; }
.enters_list ul li:nth-child(7):hover em.tubiao {background-position: center 3px; }
.enters_list ul li:nth-child(8):hover em.tubiao {background-position: center 3px; } */