﻿.header-menu-list:hover,
.header-menu-list.active{
    background-color: rgba(223,244,255,0.9);
    color: #000;
}
.index-news-title-mask{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color:#b4e5ff;
    transition: all .5s ease;
    transform: scale(0,1);
}
.index-news-list:hover .index-news-title-mask,
.news-list:hover .index-news-title-mask{
    transform: scale(1,1);
}
.index-news-list:hover .index-news-img,
.news-list:hover .index-news-img,
.service-list:hover .index-news-img{
    transform: scale(1.1);
}
.index-news-list:hover .index-news-date,
.news-list:hover .index-news-date{
    color: #bd0202;
    font-weight: bold;
}
.index-news-list:hover .index-news-link,
.news-list:hover .index-news-link{
    background-color: #333333;
    color: #FFF;
    transition: all .5s ease;
}
.index-news-list:hover .index-news-img-mask,
.news-list:hover .index-news-img-mask{
    opacity: 1;
}
.index-news-list-box button:hover:before,
.news-list-box button:hover:before {
    color: #000;
}
.index-news-list-box button:before,
.news-list-box button:before{
    transition: all .3s ease;
}

.button button:hover{
    background-color: #0076d6;
    color: #FFF;
}
.index-cases-list:hover .index-cases-list-mask,
.cases-list:hover .index-cases-list-mask{
    background-color: rgba(0,0,0,0.5)
}
.index-service-list:hover .index-news-img,
.news-page-link-box:hover .index-news-img{
    transform: scale(1.1);
}
.index-service-list:hover .index-service-ch-title{
    color: #61c9ff;
}
footer a:hover{
    color: #00a7ff;
    font-weight: bold;
}

.main-tab-list:hover{
    background-color: rgba(223,244,255,1);
}
.service-list:hover .service-list-mask{
    opacity: 1;
}
.service-list:hover .service-list-title{
    color: #b10909;
}
.service-list:hover .service-list-img-box{
    box-shadow: rgba(0,0,0,0.6)2px 2px 4px;
}
.service-page-list:hover{
    background-color: #d1d1d1;
}
.news-page-link-box:hover .news-page-link{
    font-weight: bold;
    letter-spacing: 2px;
}
.course-list:hover{
    background-color: #d1d1d1;
}
.course-back:hover{
    color: #a50101;
}
.course-back:hover i{
    color: #a50101;
    animation: arrow-left 1s linear 0s infinite alternate;
}
.course-sort-list-select:hover{
    background-color: rgba(223,244,255,1);
}
.course-sort-list:hover .course-sort-list-show,
.course-sort-list.active .course-sort-list-show{
    background-color: #000;
    color: #FFF;
}
.course-sort-list:hover .course-sort-list-show:after{
    border-top: 8px solid #FFF;
}

.fancybox-arrow-left:hover,
.fancybox-arrow-right:hover{
    color: #61c9ff
}
.fancybox-close:hover{
    background-color: rgba(223,244,255,0.9);
}

.index-cases-more span,
.index-news-more span{
    position: relative;
    z-index: 1
}
.index-news-more:after,
.index-cases-more:after,
.news-back:after{
    content: 'none';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #0076d6;
    transition: all .5s ease;
    transform: scale(0,1);
    font-size: 0;
}
.index-news-more:hover:after,
.index-cases-more:hover:after,
.news-back:hover:after{
    transform: scale(1,1);
}
.index-news-more:hover,
.index-cases-more:hover,
.news-back:hover{
    color: #FFF;
}

.service-page-link:hover .service-page-link-title{
    color: #d2311f;
}

.service-page-link:hover .service-page-link-p{
    color: #006cce;
}

.index-link:hover{
    background-color: #000;
    color: #FFF;
}