@media (max-width: 767px) {
	.header {
		align-items: center;
		height: 37px;
		justify-content: space-between;
		margin-top: 0;
		padding: 0 10px !important;
		background-color: #22262a !important;

	}

	.header .info .menu.open {
		display: flex;
	}

	.header .btn {
		display: none !important;
	}

	.hamburger {
		color: #fff;
	}

	.header .wrap {
		height: 37px;
	}

	.header .info .menu {
		display: none;
		position: absolute;
		top: 100%;
		right: 0;
		width: 85%;
		background: #fff;
		flex-direction: column;
		box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
		border-top: 1px solid #eee;
		z-index: 999;
		gap: 6px;
	}

	.header .info .menu .item h3 i {
		float: right;
		top: 12px;
		margin-top: 10px;
		position: absolute;
		right: 0;
	}

	.header .info .menu .item h3 a {
		font-size: 18px;
		display: block;
		padding: 10px 0;
		color: #000;
		padding: 18px 20px;
	}

	.header .info .menu .item {
		width: 100%;
		border-bottom: 1px solid #f0f0f0;
		padding: 0;
	}

	.header .info .menu {
		display: none;
		position: absolute;
		top: 100%;
		right: 0;
		width: 85%;
		background: #fff;
		flex-direction: column;
		box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
		border-top: 1px solid #eee;
		z-index: 999;
		gap: 6px;
		height: 100vh;
	}

	.bannner {
		height: 232px !important;
		position: relative;
		width: 100%;
	}

	.bannner .line1 {
		color: #fff;
		font-size: 15px !important;
		font-weight: 700;
		line-height: 20px !important;
		margin-top: 55px !important;
		text-align: center;
	}

	.bannner .line2 {
		display: none !important;
	}

	.bannner .buttons {
		display: none !important;
	}

	.index-type .list .item {
		width: 49%;
		margin-bottom: 20px;
		border-radius: 14px;
	}

	.index-type .list .item .txt p {
		display: none;
	}

	.index-type .list .item .btn {
		display: none;
	}

	.index-type .more {
		align-items: flex-start;
	}

	.index-type .more h2 {
		font-size: 15px;
	}

	.pro_list {
		padding: 0px 0;
		/* display: flex; */
		flex-wrap: wrap;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 6px 7px;
	}

	.index-type .more a {
		font-size: 16px;
		height: 50px;
		/* line-height: 50px; */
		/* padding: 0 22px; */
		border-radius: 30px;
	}

	.pro_list .item {
		transition-duration: .4s;
		width: 100%;
		margin: 0;
		background: #F6F6F6;
		border-radius: 8px;
	}

	.pro_list .item .txt {
		padding: 5px;
		border-radius: 0 0 8px 8px;
	}

	.pro_list .item .price {
		display: none;
	}

	.pro_list .item .txt h3 {
		color: #595B5E;
		font-size: 12px;
		line-height: 28px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		height: 56px;
		border-bottom: none;
	}

	.index-type .list .item .txt h2 {
		font-size: 10px;
	}

	.gengduo {
		display: none;
	}

	.index-type .gengduomore {
		display: block !important;
		background-color: #0682db;
		border-radius: 6px !important;
		color: #fff !important;
		font-size: 11px !important;
		height: 40px !important;
		line-height: 40px !important;
		margin: 23px auto 0 !important;
		text-align: center !important;
		width: 158px !important;
	}

	.index-about .txt h2 {
		font-size: 15px;
	}

	.index-about .txt p {
		font-size: 13px;
		line-height: 1.7;
	}

	.index-about .txt h3 {
		font-size: 11px;
		margin: 12px 0 18px;
	}

	.footer .info .logo img {
		width: auto;
	}

	.footer .info p {
		font-size: 14px;
		line-height: 1.7;
		margin: 16px 0;
	}

	.footer .menu {
		display: none;
	}
}