@media screen and (max-width: 768px){ 
	.banner_homebox{
		height: 340px;
		margin-top: 60px;
	}
	.banner_bg{
		background: url(/uploads/image/csiahome/small_banner.jpg) no-repeat;
		background-size: cover;
	}
	.banner_bg .text_imgbox{
		display: none;
	}
	.banner_bg .text_imgbox img{
		width: 162px;
		height: 100px;
    }
	.banner_bg .text_box{
		margin-top: 190px;
		padding-left: 36px;
		flex-wrap: wrap;
		justify-content: center;
		font-size: 9px;
	}
	.banner_bg .text_box .item{
		margin-left: 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.banner_bg .text_box .item span{
		margin-bottom: 4px;
		margin-right: 0;
		display: block;
		width: 100%;
		text-align: center;
	}
	.banner_bg .text_box .item .span_dis{
		margin-right: 0;
	}
	.banner_bg .text_box .item .span_bold{
		margin-bottom: 4px;
		font-weight: 600;
	}
	.banner_bg .text_box .item span:nth-child(2){
		width: 100%;
		text-align: center;
	}
	.preamble_box{
		width: 96%;
		height: auto;
		padding: 24px 36px;
		margin-top: -12px;
	}
	.preamble_titbox{
		height: 24px;
		background-size: cover;
	}
	.home_footer{
		background-size: cover;
		height: 124px; 
	}
	.animal_cardbox{
		flex-wrap: wrap;
		width: 100%;
		margin-top: 30px;
	}
	.animal_carditem{
		width: 100%;
		display: flex;
		justify-content: center;
		margin-bottom: 48px;
	}
	.animal_carditem .text_pin{
		display: none;
	}
}
@media screen and (min-width:1367px) and (max-width:1600px){
	.banner_bg{
		background: url(/uploads/image/csiahome/banner_left.png) left bottom no-repeat, url(/uploads/image/csiahome/banner_right.png) 110% bottom no-repeat, url(/uploads/image/csiahome/banner_bg.jpg) center top no-repeat;
	}
	.banner_bg .text_box{
		flex-wrap: wrap;
	}
	.banner_bg .text_box .item{
		width: 100%;
		display: flex;
		justify-content: center;
		margin-bottom: 8px;
	}
}
@media screen and (min-width:400px) and (max-width:768px){
	.banner_bg .text_box{
		margin-top: 230px;
	}
	.preamble_box{
		margin-top: -16px;
	}
}
@media screen and (min-width:1200px) and (max-width:1367px){
	.banner_bg .text_box{
		font-size: 12px;
		flex-wrap: wrap;
	}
	.banner_bg .text_box .item{
		width: 100%;
		display: flex;
		justify-content: center;
		margin-bottom: 8px;
	}
	.banner_bg .text_box .item span{
		margin-right: 4px;
	}
}