@charset "utf-8";
.module0326{
	width:1400px;
	width:var(--mainwidth);
	height: auto;
	margin:0 auto;
	display: flex;
	justify-content:flex-start;
	flex-wrap: wrap;
}
.module0326_con{
	width: 24%;
	height: calc(1400px * 0.24 * 713 / 454);
	height: calc(var(--mainwidth) * 0.24 * 713 / 454);
	
	margin-right:calc(4% / 3);
	margin-top: calc(1400px * 0.04 / 3);
	margin-top: calc(var(--mainwidth) * 0.04 / 3);
	
}
.module0326_con:nth-child(1),.module0326_con:nth-child(2),.module0326_con:nth-child(3),.module0326_con:nth-child(4){ margin-top: 0px;}
.module0326_con:nth-child(4n){ margin-right: 0px;}

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

.module0326_con a:hover .module0326_img img{ transform: scale(1.05);}
.module0326_con a:hover .module0326_bei{ opacity: 0;}
.module0326_con a:hover .module0326_bg{ 
	bottom: 0;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.module0326_img{
	width:100%;
	height:100%;
	font-size: 0px;
	overflow: hidden;
	background: var(--FontOneColor);
}
.module0326_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;
}
.module0326_bei{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	padding: 0px 8%;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;

}
.module0326_bg{
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 0px 8%;
	bottom: calc(-1 * (100% - 6.25rem));
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.module0326_1{
	width:100%;
	font-size: 1.625rem;
	 color: var(--FontWhiColor);
	font-weight: bold;
	margin-bottom: 3.125rem;
	font-style: italic;
}
.module0326_2{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.module0326_2 span{
	display: block;
	width: 100%;
	font-size: 1rem;
    line-height: 180%;
    color: var(--FontWhiColor);
    margin-top: 1rem;
}


@media screen and (max-width:1023px)and (min-width:300px){
.module0326{
	width:96vw;
}
.module0326_con{
	width: 49%;
	height: calc(96vw * 0.49 * 713 / 454);
	margin-right:2%;
	margin-top: calc(96vw * 0.02);
	
}
.module0326_con:nth-child(3),.module0326_con:nth-child(4){ margin-top: calc(96vw * 0.02);}
.module0326_con:nth-child(2n){ margin-right: 0px;}


.module0326_bg{
	bottom: calc(-1 * (100% - 5rem));
}

.module0326_1{
	width:100%;
	font-size: 1.375rem;
	margin-bottom: 2.5rem;
	line-height: 2.5rem;
}
.module0326_2 span {
   
    line-height: 1.75rem;
}

}