@media screen and (min-width:1200px) and (max-width:1920px){
.contain_with .left{
	padding-right: 32px;
}
}
@media screen and (max-width: 768px){ 
	.element_box{
		background-size: cover;
		height: auto;
	}
	.contain_with{
		width: 100%;
		flex-wrap: wrap;
	}
	.contain_with .left{
		padding-right: 0;
	}
	.contain_with .right{
		height: 560px;
    width: 100%;
	}
	.contain_with .right .leo_pin{
		margin-top: 240px;
	}
	.leotext_circle .en-tit{
		margin-top: 40px;
	}
	.contain_center {
		width: 100%;
	}
	.leo_card {
		flex-wrap: wrap;
		justify-content: center;
	}
	.leo_card .pic_onetext{
		    padding: 40px 32px 0 32px;
	}
	.leo_card_two{
		height: 1160px;
	}
	.leo_card .pic_onebox{
		width: 262px;
		height: 222px;
		margin-top: 0;
	}
	.pic_twotext{
		padding: 0 56px 0 48px;
	}
	.pic_twotitbox{
		width: 80%;
	}
	.pic_two03_box{
		width: 282px;
		height: 282px;
		margin-left: -120px;
		margin-bottom: -60px;
	}
	.pic_two02_box{
		width: 178px;
		height: 178px;
	}
	.pic_two01_box{
		width: 150px;
		height: 72px;
	}
	.pic_twobox{
		flex-wrap: wrap;
	}
	.leo_thirdcard{
		height: 720px;
	}
	.leo_thirdcard .left{
		flex-wrap: wrap;
		width: 86%;
		margin: 0;
		padding: 56px 0 0 56px;
	}
	.leo_thirdcard .right .pic_three_box{
		margin-right: 0;
	}
	.snowbg .top_leopic_box{
		position: absolute;
		z-index: 99;
	}
	.snowbg .top_leopic_box img {
    width: 312px;
    height: 333px;
	margin-top: 320px;
	}
	.leo_fourthcard{
		flex-wrap: wrap;
		padding: 0 24px;
	}
	.leo_fourthcard .left{
		margin-right: 0;
		margin-bottom: 24px;
	}
	.leo_fourthcard .left img{
		width: 320px;
		height: 320px;
	}
	.leo_fourthcard .right{
		height: auto;
		margin-bottom: 24px;
	}
	.leo_fourthcard .right .pic_four_titbox{
		width: 95%;
	}
	.pic_four_titbox .tit{
		font-size: 28px;
	}
}