@media screen and (max-width: 768px){ 
	.porppage_bg{
		width: 100%;
		background: url(https://cdstm-resources-bucket.cdn.bcebos.com/site/image/animals/porp/porptree_left.png) center bottom no-repeat;
	}
	.porptree_left_box{
		display: none;
	}
	.porppage_topbox {
		width: 100%;
		flex-wrap: wrap;
		left: 0;
	}
	.porppage_topbox .left .porptop_pic_box {
		display: none;
	}
	.porppage_topbox .left .leotext_circle{
		margin: 32px 32px 0 0;
	}
	.porppage_topbox .left .porpbot_pic_box{
		bottom: 0;
		right: 0;
		width: 100%;
	}
	.porppage_topbox .right {
		width: 100%;
		margin-top: -180px;
	}
	.porppage_topbox .right .leo_pin{
		margin-top: 64px;
	}
	.porpcen_with{
		width: 100%;
	}
	.porp_card_one {
		padding: 24px;
		height: 100%;
	}
	.porp_card_one .prop_titbox {
		width: 100%;
	}
	.porp_card_one .prop_titbox .tit{
		font-size: 28px;
	}
	.porpbot_card_one .underline{
		width: 52%;
	}
	.porp_card_box{
		width: 100%;
		margin-top: 24px;
	}
	.porp_card_two{
		flex-wrap: wrap;
		height: 100%;
	}
	.porp_card_two .sec_cardpic_box{
		display: none;
	}
	.porp_card_two .porp_textbox{
		width: 100%;
	}
	.porp_card_two .porp_textbox .prop_titbox{
		width: 58%;
	}
	.porp_card_third{
		flex-wrap: wrap;
		height: 1000px;
	}
	.porp_card_third .porp_textbox{
		width: 100%;
	}
	.porp_card_third .porp_textbox .prop_titbox{
		width: 58%;
	}
	.porp_card_third .right .third_pic01_box{
		display: none;
	}
	.porp_card_third .right .third_pic02_box{
		left: -350px;
		bottom: 120px;
	}
	.porp_card_third .right .cicle_box{
		right: 0;
	}
	.porp_card_fourth{
		flex-wrap: wrap;
	}
	.porp_card_fourth .left{
		width: 100%;
	}
	.porp_card_fourth .right{
		display: none;
	}
	.porpbot_box{
		height: auto;
	}
	.porpbot_card_two{
		margin-top: 56px;
	}
	.porpbot_card_two img{
		bottom: 16px;
	}
	.porpbot_card_two .text_box{
		width: 60%;
		margin-left: 2%;
	}
	.porp_card_two .tips_box, .porp_card_two .tips_box_one, .porp_card_two .tips_box_one{
		display: none;
	}
}