/* 幻灯片 */
	.product-banner{
		width: 100%;
		position: relative;
	}
	
	.product-banner img{
		width: 100%;
		height: 100%;
	}
	
	.product-banner .mobile-image{
		display: none;
	}
	
	.product-banner .computer-image{
		display: block;
	}
	
	.product-banner .content-wrapper{
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: 0%;
		right: 0%;
		bottom: 0%;
		left: 0%;
	}
	
	.product-banner .content-wrapper .content{
		width: 31.530%;
	}
	
	.product-banner .content-wrapper .content .upper-wrapper .title-chinese{
		line-height: 1;
		font-size: 30px;
		text-align: center;
		color: rgba(230, 0, 18, 1);
	}
	
	.product-banner .content-wrapper .content .below-wrapper{
		margin-top: 10%;
	}
	
	.product-banner .content-wrapper .content .below-wrapper .search{
		height: 50px;
		display: flex;
		padding: 0% 4.546%;
		align-items: center;
		border-radius: 25px;
		justify-content: space-between;
		border: 1px solid rgba(230, 0, 18, 1);
		background-color: rgba(255, 255, 255, 0.5);
	}
	
	.product-banner .content-wrapper .content .below-wrapper .search .input-wrapper{
		height: 100%;
		width: 89.960%;
	}
	
	.product-banner .content-wrapper .content .below-wrapper .search .input-wrapper input{
		width: 100%;
		height: 100%;
		outline: none;
		font-size: 15px;
		border-width: 0px;
		border-style: none;
		background-color: rgba(255, 255, 255, 0);
	}
	
	.product-banner .content-wrapper .content .below-wrapper .search .button{
		height: 100%;
		display: flex;
		width: 10.041%;
		cursor: pointer;
		align-items: center;
		justify-content: flex-end;
	}
	
	.product-banner .content-wrapper .content .below-wrapper .search .button span{
		font-size: 22px;
		color: rgba(230, 0, 18, 1);
	}
	
	.product-banner .content-wrapper .content .below-wrapper .popular{
		width: 100%;
		display: flex;
		margin-top: 3.334%;
		align-items: center;
		justify-content: flex-start;
	}
	
	.product-banner .content-wrapper .content .below-wrapper .popular .label p{
		font-size: 15px;
		 white-space: nowrap;
		color: rgba(0, 0, 0, 1);
		font-family: "SourceHanSansCN-Medium";
	}
	
	.product-banner .content-wrapper .content .below-wrapper .popular .value{
		width: 80%;
		display: grid;
		grid-template-columns: repeat(5, 1fr);
	}
	
	.product-banner .content-wrapper .content .below-wrapper .popular .value a{
		width: 100%;
		display: block;
		cursor: pointer;
		font-size: 15px;
		overflow: hidden;
		text-align: center;
		white-space: nowrap;
		text-overflow: ellipsis;
		color: rgba(96, 96, 96, 1);
	}
	
/* 内容 */
	.product-wrapper{
		width: 100%;
		padding-bottom: 5.255%;
		background-color: rgba( 245, 245, 245, 1);
	}
	
	.product-wrapper .content-wrapper{
		width: 100%;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	
	.product-wrapper .content-wrapper .sidebar{
		width: 19.286%;
	}
	
	.product-wrapper .content-wrapper .sidebar .menu > .menu-item{
		width: 100%;
		margin-bottom: 4.167%;
	}
	
	.product-wrapper .content-wrapper .sidebar .menu > .menu-item:last-child{
		margin-bottom: 0%;
	}
	
	.product-wrapper .content-wrapper .sidebar .menu > .menu-item > a{
		display: flex;
		font-size: 16px;
		line-height: 60px;
		padding: 0% 8.334%;
		align-items: center;
		color: rgba( 0, 0, 0, 1);
		justify-content: space-between;
		background-color: rgba(255, 255, 255, 1);
	}
	
	.product-wrapper .content-wrapper .sidebar .menu > .menu-item > a .icon{
		transition: all 1s;
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
	}
	
	.product-wrapper .content-wrapper .sidebar .menu .menu-item .sub-menu{
		width: 100%;
		display: none;
	}
	
	.product-wrapper .content-wrapper .sidebar .menu .menu-item .sub-menu .menu-item{
		width: 100%;
		margin-bottom: 4.167%;
	}
	
	.product-wrapper .content-wrapper .sidebar .menu .menu-item .sub-menu .menu-item:last-child{
		margin-bottom: 0%;
	}
	
	.product-wrapper .content-wrapper .sidebar .menu .menu-item .sub-menu .menu-item a{
		display: block;
		font-size: 15px;
		line-height: 60px;
		padding: 0% 8.334%;
		color: rgba( 84, 84, 84, 1);
		background-color: rgba(255, 255, 255, 1);
	}
	
	.product-wrapper .content-wrapper .content{
		width: 79.286%;
	}
	
	.product-wrapper .content-wrapper .content .on-data{
		font-size: 15px;
		line-height: 70px;
		text-align: center;
		color: rgba(61, 61, 61, 1);
	}
	
	.product-wrapper .content-wrapper .content .list{
		width: 100%;
		display: grid;
		grid-gap: 30px;
		grid-template-columns: repeat(3, 1fr);
	}
	
	.product-wrapper .content-wrapper .content .list .item{
		width: 100%;
		display: block;
		overflow: hidden;
		border-radius: 5px;
	}
	
	.product-wrapper .content-wrapper .content .list .item .images{
		width: 100%;
	}
	
	.product-wrapper .content-wrapper .content .list .item .images img{
		width: 100%;
		height: 100%;
	}
	
	.product-wrapper .content-wrapper .content .list .item .text{
		width: 90%;
		text-align: center;
		margin: 5.715% auto 0%;
		padding-bottom: 5.715%;
	}
	
	.product-wrapper .content-wrapper .content .list .item .text p:first-child{
		font-size: 18px;
		line-height: 1.2;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		color: rgba( 0, 0, 0, 1);
		font-family: "SourceHanSansCN-Normal";
	}
	
	.product-wrapper .content-wrapper .content .list .item .text p:last-child{
		font-size: 16px;
		line-height: 1.2;
		overflow: hidden;
		margin-top: 4.762%;
		white-space: nowrap;
		text-overflow: ellipsis;
		color: rgba( 134, 134, 134, 1);
	}
	
	/* 热门搜索-悬停 */
	.product-banner .content-wrapper .content .below-wrapper .popular .value a.current-hover-item{
		color: rgba(230, 0, 18, 1);
	}
	
	/* 侧边栏-选中-一级 */
	.product-wrapper .content-wrapper .sidebar .menu .menu-item.current-menu-item > a{
		color: rgba( 255, 255, 255, 1);
		background-color: rgba(230, 0, 18, 1);
	}
	
	/* 侧边栏-选中-二级 */
	.product-wrapper .content-wrapper .sidebar .menu .menu-item .sub-menu .menu-item.current-menu-item > a{
		border-bottom: 2px solid rgba(230, 0, 18, 1);
	}
	
	/* 侧边栏-悬停-二级 */
	.product-wrapper .content-wrapper .sidebar .menu .menu-item .sub-menu .menu-item.current-hover-item > a{
		border-bottom: 2px solid rgba(230, 0, 18, 1);
	}
	
	.product-wrapper .content-wrapper .sidebar .menu .menu-item.current-menu-item > a .icon{
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	
	/* 列表-悬停 */
	.product-wrapper .content-wrapper .content .list .item.current-hover-item{
		box-shadow:
		0px 0px 15px rgba(0, 0, 0, 0.5), 
		0px 0px 0px rgba(0, 0, 0, 0) inset;
	}
	
/* 响应 1680 */
@media screen and (max-width: 1680px) {
/* 幻灯片 */
	.product-banner .content-wrapper .content .upper-wrapper .title-chinese{
		font-size: 26px;
	}
	
	.product-banner .content-wrapper .content .below-wrapper .search{
		height: 45px;
		border-radius: 22.5px;
	}
	
	.product-banner .content-wrapper .content .below-wrapper .search .input-wrapper input{
		font-size: 14px;
	}
	
	.product-banner .content-wrapper .content .below-wrapper .search .button span{
		font-size: 20px;
	}
	
	.product-banner .content-wrapper .content .below-wrapper .popular .label p{
		font-size: 14px;
	}
	
	.product-banner .content-wrapper .content .below-wrapper .popular .value a{
		font-size: 14px;
	}
	
/* 内容 */
	.product-wrapper .content-wrapper .sidebar .menu > .menu-item > a{
		font-size: 15px;
		line-height: 55px;
	}
	
	.product-wrapper .content-wrapper .sidebar .menu .menu-item .sub-menu .menu-item a{
		font-size: 14px;
		line-height: 55px;
	}
	
	.product-wrapper .content-wrapper .content .on-data{
		font-size: 14px;
		line-height: 65px;
	}
	
	.product-wrapper .content-wrapper .content .list{
		grid-gap: 25px;
	}
	
	.product-wrapper .content-wrapper .content .list .item .text p:first-child{
		font-size: 17px;
	}
	
	.product-wrapper .content-wrapper .content .list .item .text p:last-child{
		font-size: 15px;
	}
}

/* 响应 1440 */
@media screen and (max-width: 1440px) {
/* 幻灯片 */
	.product-banner .content-wrapper .content .upper-wrapper .title-chinese{
		font-size: 22px;
	}
	
	.product-banner .content-wrapper .content .below-wrapper .search{
		height: 40px;
		border-radius: 20px;
	}
	
	.product-banner .content-wrapper .content .below-wrapper .search .input-wrapper input{
		font-size: 13px;
	}
	
	.product-banner .content-wrapper .content .below-wrapper .search .button span{
		font-size: 18px;
	}
	
	.product-banner .content-wrapper .content .below-wrapper .popular .label p{
		font-size: 13px;
	}
	
	.product-banner .content-wrapper .content .below-wrapper .popular .value a{
		font-size: 13px;
	}
	
/* 内容 */
	.product-wrapper .content-wrapper .sidebar .menu > .menu-item > a{
		font-size: 14px;
		line-height: 50px;
	}
	
	.product-wrapper .content-wrapper .sidebar .menu .menu-item .sub-menu .menu-item a{
		font-size: 13px;
		line-height: 50px;
	}
	
	.product-wrapper .content-wrapper .content .on-data{
		font-size: 13px;
		line-height: 60px;
	}
	
	.product-wrapper .content-wrapper .content .list{
		grid-gap: 20px;
	}
	
	.product-wrapper .content-wrapper .content .list .item .text p:first-child{
		font-size: 16px;
	}
	
	.product-wrapper .content-wrapper .content .list .item .text p:last-child{
		font-size: 14px;
	}
}

/* 响应 1280 */
@media screen and (max-width: 1280px) {
/* 幻灯片 */
	.product-banner .content-wrapper .content .upper-wrapper .title-chinese{
		font-size: 18px;
	}
	
	.product-banner .content-wrapper .content .below-wrapper .search{
		height: 35px;
		border-radius: 17.5px;
	}
	
	.product-banner .content-wrapper .content .below-wrapper .search .input-wrapper input{
		font-size: 12px;
	}
	
	.product-banner .content-wrapper .content .below-wrapper .search .button span{
		font-size: 16px;
	}
	
	.product-banner .content-wrapper .content .below-wrapper .popular .label p{
		font-size: 12px;
	}
	
	.product-banner .content-wrapper .content .below-wrapper .popular .value a{
		font-size: 12px;
	}
	
/* 内容 */
	.product-wrapper .content-wrapper .sidebar .menu > .menu-item > a{
		font-size: 13px;
		line-height: 45px;
	}
	
	.product-wrapper .content-wrapper .sidebar .menu .menu-item .sub-menu .menu-item a{
		font-size: 12px;
		line-height: 45px;
	}
	
	.product-wrapper .content-wrapper .content .on-data{
		font-size: 12px;
		line-height: 55px;
	}
	
	.product-wrapper .content-wrapper .content .list{
		grid-gap: 15px;
	}
	
	.product-wrapper .content-wrapper .content .list .item .text p:first-child{
		font-size: 15px;
	}
	
	.product-wrapper .content-wrapper .content .list .item .text p:last-child{
		font-size: 13px;
	}
}

/* 响应 1000 */
@media screen and (max-width: 1000px) {
/* 幻灯片 */
	.product-banner .mobile-image{
		display: block;
	}
	
	.product-banner .computer-image{
		display: none;
	}
	
	.product-banner .content-wrapper .content{
		width: 45.573%;
	}
	
	.product-banner .content-wrapper .content .below-wrapper .search{
		height: 30px;
		border-radius: 15px;
	}
	
/* 内容 */
	.product-wrapper .content-wrapper{
		display: block;
	}
	
	.product-wrapper .content-wrapper .sidebar{
		width: 100%;
	}
	
	.product-wrapper .content-wrapper .sidebar .menu{
		display: grid;
		grid-gap: 15px;
		grid-template-columns: repeat(3, 1fr);
	}
	
	.product-wrapper .content-wrapper .sidebar .menu > .menu-item{
		margin-bottom: 0%;
		position: relative;
	}
	
	.product-wrapper .content-wrapper .sidebar .menu .menu-item .sub-menu{
		position: absolute;
		top: 100%;
		left: 0%;
		z-index: 999;
	}
	
	.product-wrapper .content-wrapper .content{
		width: 100%;
	}
	
	.product-wrapper .content-wrapper .content .on-data{
		line-height: 50px;
	}
	
	.product-wrapper .content-wrapper .content .list{
		margin-top: 15px;
	}
	
	.product-wrapper .content-wrapper .content .list .item .text p:first-child{
		font-size: 14px;
	}
	
	.product-wrapper .content-wrapper .content .list .item .text p:last-child{
		font-size: 12px;
	}
}

/* 响应 750 */
@media screen and (max-width: 750px) {
/* 幻灯片 */
	.product-banner .content-wrapper .content{
		width: 90%;
	}
	
	.product-banner .content-wrapper .content .below-wrapper{
		margin-top: 2.615%;
	}
	
	.product-banner .content-wrapper .content .below-wrapper .popular{
		display: none;
	}
	
/* 面包屑导航 */
	
/* 内容 */
	.product-wrapper .content-wrapper .sidebar .menu{
		grid-template-columns: repeat(2, 1fr);
	}
	
	.product-wrapper .content-wrapper .content .list{
		grid-template-columns: repeat(2, 1fr);
	}
}