@charset "utf-8";
.module0420{
	width:1400px;
	width: var(--mainwidth); 
	height: auto;
	margin: 0 auto;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.module0420_con{
	width:31.33%;
	height: auto;
	margin-right: 3%;
	margin-top: 3%;
}
.module0420_con:nth-child(3n){ margin-right: 0;}
.module0420_con:nth-child(1),.module0420_con:nth-child(2),.module0420_con:nth-child(3){
	margin-top: 0;
}
.module0420_con a{
	display: block;
	width: 100%;
	height:100%;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}


.module0420_img{
	width:100%;
	height: calc(1400px * 0.32 * 270 / 480);
	height: calc(var(--mainwidth) * 0.32 * 270 / 480);
	font-size: 0px;
	overflow: hidden;
}
.module0420_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    transform: perspective(100px) translateZ(0px);
}
.module0420_con a:hover .module0420_img img{
    transform: perspective(100px) translateZ(3px);
}

.module0420_tit{
	height: auto;
	font-size: 1.375rem;
    font-family: opm;
    color: #333;
     display: -webkit-box;
    -webkit-box-orient: vertical;
    padding:0 1rem;
    -webkit-line-clamp: 1;
    overflow: hidden;
	position: relative;
    margin-top: 1rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.module0420_con a:hover .module0420_tit{color: var(--OneColor);}
.module0420_tit:after{
	content: "";
    background:var(--OneColor);
    height: 20px;
    width: 4px;
    position: absolute;
    left:0px;
    top: calc(50% - 10px);
}

.module0420_nei{
	width: 100%;
	height: auto;
	margin-top: 1rem;
    border-top: 1px solid rgba(0,0,0,0.1);
    padding-top: 1rem;
    font-size: 1rem;
    line-height: 170%;
    color: rgba(0,0,0,0.7);
    position: relative;
     display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.module0420_nei:after{
	content: "";
    background:var(--OneColor);
    height: 1px;
    font-size: 0;
    width: 0%;
    position: absolute;
    left:0px;
    top: -1px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.module0420_con a:hover .module0420_nei:after{
    width: 100%;
}


@media screen and (max-width:1023px)and (min-width:300px){
.module0420{
	width:94%;
    justify-content: space-between;
}

.module0420_con{
	width:48.5%;
	margin-right: 0;
	margin-top:3%;
}
.module0420_con:nth-child(3){
	margin-top: 3%;
}

.module0420_img{
	height: calc(94vw * 0.485 * 270 / 480);
}
.module0420_tit{
	font-size: 1.25rem;
}

.module0420_tit:after{
    height: 16px;
    width: 3px;
    top: calc(50% - 8px);
}

.module0420_nei{
	 display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}


}