@media screen and (max-width:480px){
	.headcon{
		
	}
	.headwarp{
		width: 100%;
		padding: 0 15px;
	}
	.navbox{
		display: none;
	}
	.showlist{
		display: block;
	}
	.bannertxt{
		width: 100%;
		padding: 15px;
	}
	.bannertxt .biaoti{
		display: none;
	}
	.mobbiaoti{
		display: block;
		font-size: 38px;
		color: #fff;
		font-weight: bold;
		text-align: center;
	}
	.conwarp{
		width: 100%;
	}
	.conwarptit{
		width: 100%;
	}
	.fouricon{
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.fouricon>div{
		width: calc(100% - 60px);
		margin: 0 4px 20px;
	}
	.kunhuobox img{
		width: 100%;
	}
	.casewarptit{
		width: 100%;
	}
	.casewarptitsm1{
		display: none;
	}
	.casewarptitsm2{
		display: block;
	}
	.tabwarp{
		width: 100%;
	}
	.tabneirong{
		width: 100%;
		justify-content: space-around;
	}
	.tabneirong>a{
		width: calc(100% - 60px);
	}
	.about{
		height: auto;
		background-size: 100% 100%;
	}
	.abputcon{
		width: 100%;
		height: auto;
		flex-direction: column;
	}
	.abputcon .left{
		display: none;
	}
	.abputcon .right{
		padding: 15px;
		margin-left: 0;
	}
	.mobabtit{
		font-size: 20px;
	}
	.footwarp .con{
		display: none;
	}
	.mobbottomcon{
		display: block;
		width: 100%;
		padding: 15px;
	}
	.mobbottomcon .top{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.mobbottomcon .top .left{
		text-align: center;
	}
	.mobbottomcon .top .right{
		color: #ccc;
	}
	.mobbottomcon .top .right div{
		text-align: right;
	}
	.mobcopyright{
		color: #ccc;
		font-size: 14px;
		margin-top: 20px;
	}
}