@charset "utf-8";
.module0402{
	width:100%;
	height: auto;
	background: #f6f6f6;
	padding: 5rem 0;
}

.module0402_list{
	width:1400px;
	width:var(--mainwidth);
	height: auto;
	margin: 0 auto;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.module0402_con{
	width: 32.66%;
	height: calc(1400px * 0.3266 * 254 / 392);
	height: calc(var(--mainwidth) * 0.3266 * 254 / 392);
	margin-right: 1%;
	margin-top: 1%;
}
.module0402_con:nth-child(1),.module0402_con:nth-child(2){ margin-top: 0;}
.module0402_con:nth-child(2){ margin-right: 0; width:66.33%;}
.module0402_con:nth-child(3){ width:66.33%;}
.module0402_con:nth-child(3n+4){ margin-right: 0;}

.module0402_con a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.module0402_img{
	width:100%;
	height: 100%;
	font-size: 0px;
	overflow: hidden;
}
.module0402_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.module0402_bg{
	position: absolute;
	bottom: 0rem;
	left: 0;
	width: 100%;
    height: 100%;
	padding:1.5rem 2.5rem;
    
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.6))
}
.module0402_con a:hover .module0402_bg{
	transform: translateY(8rem);
	opacity: 0;
}
.module0402_1{
	width:100%;
	color: #fff;
	font-size: 1.5rem;
    font-weight: bold;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.module0402_2{
	width: 100%;
    font-size: 0.875rem;
    padding-top: .25rem;
    color: #fff;
    line-height: 171%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.module0402_bei{
	position: absolute;
	top: 0;
	left:-200%;
	width: 100%;
	height: 100%;
	opacity: 1;
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 0 2.5rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.module0402_bei:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
	background: var(--OneColor);
    opacity: 0.9;
    z-index: 0;
}
.module0402_con a:hover .module0402_bei{
	left: 0;
}
.module0402_bei_1{
	width:100%;
	color: #fff;
	font-size: 1.5rem;
    line-height: 133%;
    font-weight: bold;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    z-index: 5;
}
.module0402_bei_2{
	width: 100%;
	height: 6.5rem;
    font-size: 0.875rem;
    margin-top:0.75rem;
    color: #fff;
    line-height: 1.625rem;
     display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    position: relative;
    z-index: 5;
}


.module0402_bei_3{
	width: 100%;
    font-size: 0.875rem;
    margin-top: 1.75rem;
    color: #fff;
    line-height: 171%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    z-index: 5;
}


@media screen and (max-width:1023px)and (min-width:300px){
.module0402{
	padding: 3rem 0;
}
.module0402_list{
	width:94vw;
}


.module0402_con{
	width: 100%;
	height: calc(94vw * 254 / 392);
	margin-right: 0;
	margin-top: 1rem;
}
.module0402_con:nth-child(2){ margin-top: 10px;}
.module0402_con:nth-child(2){  width:100%;}
.module0402_con:nth-child(3){ width:100%;}


.module0402_bg{
	left: 0;
	padding: 1rem 1.5rem;
}
.module0402_bei{
	padding: 0 1.5rem;
}

}