.header-menu li a{
	position: relative;
	display: block;
	transition: all .3s linear;
}

.header-menu li a:after{
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background-color: #ea4504;
	position: absolute;
	bottom: 15px;
	left: 0;
	transform: scale(0);
	transition: all .3s linear;

}
.header-menu li:hover a:after{
	transform: scaleX(1);
}
.header-menu li:hover a{
	font-weight: bold;
	letter-spacing: 2px;
}

.header2 .header-menu li a:after{
	bottom: 8px;
}
.index-news-mask{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.4);
	background-image: url('../img/hover-logo.png');
	background-size: 70px;
	background-repeat: no-repeat;
	background-position: 50% 45%;
	opacity: 0;
	transition: all .3s linear;
}
.index-news-list:hover .index-news-mask{
	opacity: 1;
}

.index-news-list:hover .index-news-info-box{
	background-color:  #ea4504;
}

.page a:hover{
	color: #ea4504;
}
.arrow-prev:hover span{
  animation: fadeInRight2-hover 1.5s linear 0s infinite alternate;
}
.arrow-prev:hover p{
  letter-spacing: 4px;
  font-size: 30px;
  color: #ea4504;
}
.arrow-next:hover span{
  animation: fadeInLeft2-hover 1.5s linear 0s infinite alternate;
}
.arrow-next:hover p{
  letter-spacing: 4px;
  font-size: 30px;
  color: #ea4504;
}
.juniorhigh-class{
	transition: all .3s linear;
}
.juniorhigh-class-list-box{
    animation: fade .8s linear 0s 1 forwards;
}

.juniorhigh-class-list:hover .juniorhigh-class{
	 color: #ea4504;
}
@keyframes fadeInRight2-hover {
  from {
    opacity: 0.4;
    -webkit-transform: none;
    transform: none;
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0);
  }
}
@keyframes fadeInLeft2-hover {
  from {
    opacity: 0.4;
    -webkit-transform: none;
    transform: none;
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0);
  }
}
.juniorhigh-info-box{
	transition: all .3s linear;
}
.juniorhigh-list:hover .juniorhigh-info-box{
	background-color:  #ea4504;
}
.juniorhigh-info-line{
	position: relative;
}
.juniorhigh-info-line:after{
	content: 'normal';
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	transform: scale(0);
	transform-origin: left;
	background-color: #FFF;
	font-size: 0;
	transition: all .3s linear;
}
.juniorhigh-list:hover .juniorhigh-info-box .juniorhigh-info-line:after{
	transform: scaleX(1);
}
.juniorhigh-icon{
	transition: all .3s linear;
}
.juniorhigh-list:hover .juniorhigh-info-box .juniorhigh-icon{
	color: #FFF;
}
.juniorhigh-list:hover .juniorhigh-img-box span{
	transform: scale(1.1);
}
.juniorhigh-mask{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .3s linear;
	background-color: rgba(0, 0, 0, 0.4);
	background-image: url('../img/hover-logo.png');
	background-size: 100px;
	background-repeat: no-repeat;
	background-position: 50% 45%;
	opacity: 0;
}
.juniorhigh-list:hover .juniorhigh-img-box .juniorhigh-mask{
	opacity: 1;
}
.index-news-more{
	transition: all .3s linear;
}
#index-news .index-news-more:hover{
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 5px;
	color:  #ea4504;
}
.juniorhigh-page-back:hover span{
	animation: fadeInLeft2-hover 1.5s linear 0s infinite alternate;
}
.juniorhigh-page-back p{
	transition: all .3s linear;
}
.juniorhigh-page-back{
	transition: all .3s linear;
}
.juniorhigh-page-back:hover{
	border: 2px solid #ea4504;
}
.juniorhigh-page-back:hover p{
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 3px;
}
.footer-info-box ul li a{
	transition: all .3s linear;
}
.footer-info-box ul li a:hover{
	color: #ea4504;
}