@media screen and (max-width: 768px){ 
	.pan_topbox {
		width: 100%;
		background: url(https://cdstm-resources-bucket.cdn.bcebos.com/site/image/animals/pandas/panda_topleft.png) center top no-repeat;
	}
	.pancen_with{
		width: 100%;
	}
	.pan_topbox_pic{
		z-index: 99;
		top: 786px;
		width: 50%;
	}
	.pan_topbox_ele{
		flex-wrap: wrap;
	}
	.pan_topbox_ele .right{
		width: 100%;
		height: 528px;
		z-index: 0;
		margin-top: 64px;
	}
	.pan_topbox_ele .right .leo_pin{
		margin-top: 64px;
	}
	.pan_card_top {
		margin-top: 240px;
		z-index: 99;
		height: 600px;
	}
	.pan_card_height{
		height: 900px;
	}
	.pan_card{
		flex-wrap: wrap;
	}
	.pan_card .left{
		height: auto;
	}
	.pan_card .left .card_right_box{
		width: 30%;
		right: 16px;
		top: 80%;
	}
	.pan_card .left .left_card{
		width: 100%;
		height: 100%;
		padding: 24px;
	}
	.pan_card .right{
		width: 100%;
		top: 240px;
		margin: 0;
		left: 0;
		padding: 24px;
	}
	.pan_card .right .card_bot_box{
		width: 50%;
		right: 0;
	}
	.pan_third_txtbox{
		width: 100%;
		margin: 0;
		padding: 36px;
	}
	.pan_third_txtbox .pic_twotitbox{
		width: 86%;
	}
	.pan_third_imgbox{
		right: 0;
		position: absolute;
		bottom: 48px;
		margin: 0;
		right: 25%;
	}
	.pancen_position .third_pic_box{
		display: none;
	}
	.card_linear{
		width: 100%;
		flex-wrap: wrap;
	}
	.card_linear .left_box{
		margin: 24px 0 0 0;
		display: flex;
		justify-content: center;
	}
	.card_linear .left_box img{
		width: 90%;
	}
	.card_linear .right_box{
		margin: 0;
		padding: 24px;
	}
	.card_linear .right_box .pic_twotitbox {
		width: 52%;
	}
	.pandapage_box{
		width: 100%;
		top: 560px;
		background-size: auto;
		padding: 4%;
	}
	.panbottom_card_one, .panbottom_card_two{
		width: 100%;
		height: auto;
	}
	.panbottom_card_one .underline {
		width: 90%;
	}
	.pandapage_box .tips_box{
		margin: 88px 64px 0 0;
		float: right;
	}
	.panbottom_box{
		height: 1502px;
	}
}