.page_mainmob{ display: none;}
.dp{background: #FFFFFF;}
.dpro {float: left;}
.dpro_txt{ width:45%;float: left;padding:3.64vw 4vw 1vw 3.5vw;box-sizing: border-box;}
.dpro_pic{ width:50%;float: right;}
.dpro img{ width:100%;object-fit: cover;height: 100%;}
.dpro_txt h2{ font-size:30px; color:#5da739; line-height:1.5;}
.dpro_txt h3{ font-size:16px; color:#999; text-transform: uppercase; line-height:1.5;}
.dpro_txt p{ font-size:16px; color:#333; line-height:30px; padding-top:1.3vw; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.promore{ font-size:14px; color:#5da739; line-height:3.125vw; display:block; width:9.37vw; text-align:center; border:1px solid #5da739; margin-top:3.125vw; }
.promore:hover{ background: #5da739; color:#FFFFFF;}

.class-list li:nth-child(2n) .dpro_pic{float: left;}
.class-list li:nth-child(2n) .dpro_txt{float: right;}
@media only screen and (max-width:1439px){
	.dpro_txt h3{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.dpro_txt p{ font-size:16px; color:#333; line-height:30px; padding-top:1.3vw; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}	

	}
@media only screen and (max-width:720px){
	.class-list li:nth-child(2n) .dpro_pic,.class-list li .dpro_pic{float: none;width: 100%;}
	.class-list li .dpro_txt{float: none;width: 100%;}
	.dp{ border-bottom:10px solid #F5F5F5;}
	.dpro {float: none; width:100%;}
	.dpro_txt{ width: calc(100% - 10vw);}
	.dpro_txt{ padding: 6vw 3vw;}
	.dpro_txt p{ font-size:16px; color:#333; line-height:30px; padding-top:1.3vw; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:20;overflow: hidden;}
	.promore{ font-size:14px; color:#5da739; line-height:40px; display:block; width:50%; text-align:center; border:1px solid #5da739; }
	.promore:hover{ background: none; color:#5da739;}

	.dpro_txt h2{font-size: 18px;}
	.dpro_txt h3{font-size: 12px;}
}
@media only screen and (max-width: 640px){
	.dpro_txt h2{font-size: 4.2vw;}
	.dpro_txt p{font-size: 3.8vw;}

}