#mySlider {
    width: 100%;
}  
#mainBanner{
	width:100%;
	height:800px;
	cursor:pointer;
	background:white;
	position:relative;
}
#mainBanner a{
	/*display:block;*/
	width:100%;
	height:100%;
	color:white;
}
#mainBanner .bannerNews{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px 0;
}
#mainBanner img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-slide{
	background:#eee;
	position:relative;
}
.learnMore{
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    background-color: white;
    opacity: .85;
    padding: 6px 25px;
    border-radius: 10px;
    color: #1D71B8;
}
.swiper-slide img:not(.custom){
	/*max-width:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);*/
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.my-button-hidden{
	display:none!important;
}
#mainNews .mainTitle{
  /*font-size: 60px!important;
  font-weight: 900;*/
  font-size: 36px;
font-weight: 600;
line-height: 1.6;
}
#mainNews h3{
 font-size: 18px;
font-weight: 600;
line-height: 1.6;
}
#mainNews div {
    font-weight: 600;
}
#mainNews .news {
   font-size: 18px!important;
    background: #000;
    padding: 2px 8px;
}
#mainNews div:nth-child(2) {
    font-size: 30px!important;
}
#mainNews .mainDaty {
font-size: 14px;
}
.mainContent {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
#mySwiper{
    height: calc((100vw - 80px) / 5);
}
#mySwiper .swiper-slide{
	width:calc((100vw - 80px) / 5);
    height: calc((100vw - 80px) / 5);
    margin-right:20px;
}

.hover_bg {
    width:100%;
    height:100%;
    position: absolute;
    top: 0;
    z-index:22;
    left: 0;
    transition: all 0.30s cubic-bezier(0.390, 0.575, 0.565, 1.000);
}
.hover_ef {
    overflow:hidden;
    height:100%;
}
.hover_ef .info {
    top: 50%;
    opacity:0;
    -webkit-transform: translateY(-35%);
    transform: translateY(-35%);
    padding: 10px;
    position: absolute;
    left: 0;
    z-index:23;
    width: 100%;
    text-align: center;
    transition: all 0.30s cubic-bezier(0.390, 0.575, 0.565, 1.000);
}
.hover_ef:hover >.hover_bg{
    background-color:#0577E7;
    opacity:0.3;
}
.hover_ef:hover .info {
     opacity:1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.hover_ef:hover > img:not(.custom) {
    transform: scale(1.1, 1.1);
}
.hover_ef .hover_img{
    transition: transform 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000);
}