@media screen and (max-width: 750px) {
	#hc-main{
		min-width: 200px;
	}
    .hc-head{  
    	background: #fff;
		min-width: 200px;
    }
	.hc-content-box{
		overflow: hidden;
		box-sizing: border-box;
		/* width: 375px; */
		position: relative;
		padding: 36px 10px 0;
		margin: 0 auto;
	}
	.head-list-box{
		display: none;
	}
	.click-img{
		display: block;
	}
	.head-list-box22{
		position: fixed;
		left: 0;
		top: 0;
		z-index: 2;
		display: none;
		width: 100vw;
		height: 100vh;
		background-color: rgba(0, 0, 0, 0.6);
		/* align-items: center; */
		/* margin-left: 24px; */
	}
	.head-list-box-mask{
		width: 70vw;
		height: 100vh;
		position: absolute;
		right: 0;
		top: 0;
		background-color: #fff;
	}
	.head-list-box-mask .head-title{
		height: 52px;
		line-height: 52px;
		text-align: left;
		padding-left: 24px;
		border-bottom: 1px solid #eee;
	}
	/* 1 */
	.hc-content1-box{
		display: block;
		width: 100%;
	}
	.hc-content1-img{
		width: 100%;
		height: auto;
		margin-top: 20px;
	}
	.hc-con1-img{
		width: 100%;
		height: auto;
	}
	/* 2 */
	.hc-content2-box{
		width: 100%;
	}
	.hc-content2-box2{
		display: block;
		margin-top: 40px;
	}
	.hc-content2-item{
		margin-top: 50px;
		margin-left: 0;
		/* display: block; */
	}
	/* 3 */
	.hc-content3-box{
		display: block;
		width: 100%;
	}
	.hc-content3-item{
		max-width: 750px;
		margin-left: 0;
	}
	.hc-con2-img{
		width: 100%;
		height: auto;
	}
	/* 4 */
	.hc-content4-box{
		display: block;
		width: 100%;
	}
	.hc-content4-box1{
		width: 100%;
		max-width: 750px;
	}
	.hc-content4-box2{
		display: none;
	}
	.hc4-box{
		margin-top: 40px;
		padding-top: 20px;
	}
	.hc-content4-bgImg{
		position: absolute;
		width: 389px;
		height: 525px;
		bottom: 0;
		right: -190px;
		z-index: 0;
	}
	.hc-content4-box22{
		display: block;
		flex: 1;
		margin: 0 10px;
		margin-top: 48px;
		gap: 10px;
		flex-shrink: 0;
		border-radius: 2px;
		border: 12px solid #242933cc;
		background: linear-gradient(180deg, #1b1e26cc 0%, #1b1e26cc 100%);
		box-shadow: -12px -2px 22px 0 #ffffff0d, 20px 16px 32px 0 #0000004d;
		position: relative;
		padding-bottom: 200px;
	}
	/* 5 */
	.hc-content5-box{
		display: block;
		width: 100%;
	}
	.hc-content5-item{
		width: 100%;
		gap: 16px;
		border-radius: 4px;
		border: 2px solid #FFF;
		box-shadow: 0 16px 32px 0 #c0c7da59;
		/* background: #fff; */
		background-image: url('../image/pc-image/ic_backBg.png');
		background-size: cover;
		max-width: 750px;
		margin-right: 0; 
	}
	/* 6 */
	.hc-content6-box{
		display: block;
		width: 100%;
	}
	.hc-content6-item-box{
		display: block;
		width: auto;
	}
	.hc-content6-item-box .hc-content6-box1:nth-of-type(2){
		margin-left: 10px;
	}
	.hc-content6-item-box .hc-content6-box1:nth-of-type(3){
		margin-left: 10px;
	}
	.hc-content6-back{
		padding: 0;
	}
	.hc-content6-back{
		box-sizing: border-box;
		position: relative;
		left: 0px;
		width: 100%;
		background: url('../image/pc-image/Group 1312314921@2x.png');
		background-size: cover;
		margin-top: 45px;
		padding: 16px 0px;
	}
	.hc-content6-item-box .hc-content6-box1{
		margin: 10px;
		margin-top: 16px;
	}
	.hc-content6-back{ 
		background: url('../image/pc-image/Group 1312314921@2x.png');
		background-size: cover; 
	}
	/* 7 */
	.hc-content7-box{
		display: block;
		width: 100%;
	}
	.hc-content7-item-box{
		display: block;
	}
	.hc-content7-item-box .hc-content7-item:nth-of-type(2){
		margin-left: 0;
	}
	.hc-content7-item{
		margin-top: 16px;
	}
	/* 8 */
	.hc-content8-box{
		display: block;
		width: 100%;
	}
	.hc-content8-img{
		width: 160px;
		height: 75px;
	}
	
}