.products-b-list:hover .products-list-box,
.products-list-box:hover{
    transform: scale(1, 1);
}

.products-b-list:hover .products-b-list-title{
    background-color: #FFF;
    box-sizing: border-box;

}



.header-list:hover,
.header-list.active{
	color: #8fd3f5;
}

.header-list:hover:before,
.header-list.active:before{
	opacity: 1;
}

.index-works-list:hover .index-works-mask{
	opacity: 1;
}
.footer-list-box a:hover{
	color: #8fd3f5;
}
.top:hover span{
	color: #8fd3f5;
}
.top:hover img{
	animation: fadeUpout-banner-arrow2 1s linear 0s infinite alternate;
}
.products-class:hover .products-class-title,
.products-class.active .products-class-title{
	background-color: #8fd3f5;
}
.products-class:hover .works-class-title, .products-class.active .works-class-title {
    background-color: #8fd3f5;
}
.products-show-list:hover .index-works-mask{
	opacity: 1;
}
.products-list:hover{
	background-color: rgba(253, 188, 0, 1);
}

.products-back:hover{
	color: #fdbc00;
	font-weight: bold;
	letter-spacing: 3px;
}
.works-show-list:hover .index-works-mask{
	opacity: 1;
}
.works-show-list:hover .prodcuts-show-title{
	font-weight: bold;
	letter-spacing: 3px;
	color: #fdbc00;
}
.works-class .works-class-title:hover,
.works-class.active .works-class-title{
	background-color:  #8fd3f5;
	border: 1px solid #8fd3f5;
}
.works-class .works-class-title:hover:after,
.works-class.active .works-class-title:after{
	opacity: 1;
	transition: all .3s linear;
}
.header-link:hover{
	color: #fdbc00;
}

.problem-list:hover .problem-title,
.problem-list.problem-icon .problem-title  {
	color: #fdbc00;
}
.works-class .products-class-title:hover {
    background-color: #8fd3f5;
    border: 1px solid #8fd3f5;
}	
.works-class .products-class-title:hover:after{
	opacity: 1;
    transition: all .3s linear;
}
.works-class .products-class-title:after{
	background-color:  #8fd3f5;
}

.index-service-list:hover .index-service-img{
	transform: scale(1.05);
}

.index-service-list:hover .index-service-list-title{
	width: 100%;
	font-weight: bold;
}
.index-works-list:hover .prodcuts-show-title{
	font-weight: bold;
	color:#63c3f3;
	letter-spacing: 2px;
}
.index-works-box .slick-next:hover{
	animation: arrow-right .8s linear 0s infinite alternate;
}
.index-works-box .slick-prev:hover{
	animation: arrow-left .8s linear 0s infinite alternate;
}

/* .team-list:hover .team-list-img-box span{
	transform: scale(1.05);
} */

.index-service-mask{
	width: 100%;
	height: 100%;
	background-color: rgba(64,64,64,0.5);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .3s linear;
	opacity: 0;
}

.index-service-list:hover .index-service-mask{
	opacity: 1;
}