@charset "utf-8";
.module0077{
	width:1400px;
	width:var(--mainwidth);
	height: auto;
	margin:0 auto;
	position: relative;
}
.module0077_box{
	width:100%;
	height: calc(1400px * 0.5 * 1 / 2);
	height: calc(var(--mainwidth) * 0.5 * 1 / 2);
}
.module0077_box:nth-child(2n) .module0077_box_left{
	float: right;
}
.module0077_box:nth-child(2n)  .module0077_box_right{
	float: left;
}
.module0077_box:hover .module0077_box_left img{
	-moz-transform:scale(1.05,1.05);
	-webkit-transform:scale(1.05,1.05);
	-o-transform:scale(1.05,1.05);
	-ms-transform:scale(1.05,1.05); 
	transform:scale(1.05,1.05);
}
.module0077_box:hover .module0077_box_right_title{
	color: var(--OneColor);
	margin-top: -20px;
}
.module0077_box_left{
	width:50%;
	height: 100%;
	float: left;
	font-size: 0px;
	overflow: hidden;
}

.module0077_box_left 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;
}

.module0077_box_right{
	float: right;
	width:48%;
	padding-left: 2%;
	
	height: 100%;
	display: flex; 
	flex-direction:column;
	justify-content:center;
}

.module0077_box_right_title{
	font-size:1.125rem;
	height: auto;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	color: var(--FontOneColor);
	overflow:hidden;
}
.module0077_box_right_con{
	font-size:1rem;
	height: auto;
	line-height: 170%;
	color: var(--FontTowColor);
	margin-top: 1rem;
	 display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}


@media screen and (max-width:1023px)and (min-width:300px){
.module0077{
	width:96vw;
}
.module0077_box{
	width:100%;
	height: auto;
	margin-top: 20px;
}
.module0077_box:nth-child(1){
	margin-top: 0px;
}	
.module0077_box:nth-child(2n) .module0077_box_left{
	float: none;
}
.module0077_box:nth-child(2n)  .module0077_box_right{
	float: none;
}

.module0077_box:hover .module0077_box_right_title{
	margin-top: 0px;
}
.module0077_box_left{
	width:100%;
	height: calc(96vw * 1 / 2);
	float: none;
}

.module0077_box_right{
	float: none;
	width:100%;
	padding:1.5rem 5%;
	text-align: center;
}

.module0077_box_right_con{
	margin-top: 0.5rem;
}

}