@media only screen and (min-width: 320px) and (max-width: 750px) {
	.about .box .text{margin-bottom: 0.3rem;}
	.tab-content {display: none;grid-template-columns: repeat(2, 1fr);gap: 20px;}
	.local img{width: 100%;height: auto;margin-bottom: 0.3rem;}
					}					
	@media only screen and (min-width: 751px) and (max-width:1200px) {	
	.about .box,.local .bx{display: flex;justify-content: space-between;align-items: center;}
	.about .box .text{width: 48.33%;}
	.about .box .video,.local .tr{width: 46.67%;}
	.local img{width: 47.85%;height: auto;}
	.tab-buttons {display: flex;}
	 .tab-btn {margin-right: 1.21rem;}
	 .tab-content {display: none;grid-template-columns: repeat(4, 1fr);gap: 20px;}
	 .empow .box,.howto .box{width: 6.51rem;}
				}
	@media only screen and (min-width: 1200px)  {
	.about .box,.local .bx{display: flex;justify-content: space-between;align-items: center;}
	.about .box .text{width: 48.33%;}
	.about .box .video,.local .tr{width: 46.67%;}
	.local img{width: 47.85%;height: auto;}
	.tab-buttons {display: flex;}
	 .tab-btn {margin-right: 1.21rem;}
	.tab-content {display: none;grid-template-columns: repeat(4, 1fr);gap: 20px;}
	 .empow .box,.howto .box{width: 6.51rem;}
				}
	.about{padding: 0.33rem 0 0 0;}
	.about h1{color: #596D7E;font-size: 0.48rem;font-weight: 900;}
	.about .box .text h2{font-size: max(16px, 0.22rem);color: #333;border-bottom:2px solid #F4F4F4;
	font-style: italic;padding: 0.15rem 0;position: relative;}
	.about .box .text h2::after{content: ""; display: block;width: 13.79%;height: 2px;background: #596D7E;position: absolute;left: 0;bottom: -2px;z-index: 999;}
	.about .box .text p{color: #666666;font-size: max(14px, 0.18rem);margin: 0.24rem 0;}
	.about .box .text h3{font-size: max(14px, 0.18rem);color: #333;}
	.about .box img{width: 100%;height: auto;}
	 .tab-buttons {margin-bottom: 0.2rem;border-bottom: 2px solid #F4F4F4;}
	 .tab-btn {padding: 0.16rem 0;background: none;font-size: max(16px, 0.22rem);font-weight: bold;color: #666666;
	 border: none; cursor: pointer;margin-bottom: -2px;display: block;}
	 .tab-btn.active {border-bottom: 2px solid #D6B463;color: #D6B463;}
	 .tab-content.active {display: grid;}
	 .tab-img {width: 100%; height: auto;}
	 .mmc{padding: 0.28rem 0 0.4rem 0;}
	 .empow{background: url(../images/aboutbg1.webp) no-repeat;background-size: cover;padding: 0.48rem 0 0.67rem 0;}
	 .empow .box h2{font-size: max(16px, 0.22rem);color: #333;border-bottom:2px solid #F4F4F4;
	 font-style: italic;padding: 0.15rem 0;position: relative;}
	 .empow .box h2::after{content: ""; display: block;width: 13.79%;height: 2px;background: #596D7E;position: absolute;left: 0;bottom: -2px;z-index: 999;}
	 .empow .box p{color: #333;font-size: max(14px, 0.18rem);margin: 0.24rem 0;}
	 .empow .box h3{font-size: max(14px, 0.18rem);color: #333;}
	 .local .tr h2{font-size: max(16px, 0.22rem);color: #333;border-bottom:2px solid #F4F4F4;
	 font-style: italic;padding:0 0 0.15rem 0;position: relative;}
	 .local .tr h2::after{content: ""; display: block;width: 13.79%;height: 2px;background: #596D7E;position: absolute;left: 0;bottom: -2px;z-index: 999;}
	 .local .tr p{color:#666666;font-size: max(14px, 0.18rem);margin: 0.24rem 0 0.1rem 0;}
	 .local .tr h3{font-size: max(14px, 0.18rem);color: #333;}
	 .local .tr ul{font-size: max(14px, 0.18rem);color: #596D7E;}
	 .local .tr ul li{list-style: disc;margin:0 0 0.17rem 0.76rem;}
	 .local .tr ul div{margin-bottom: 0.11rem;}
	  .local {padding: 0.58rem 0;}
	  .howto{background: url(../images/aboutbg2.webp) no-repeat;background-size: cover;padding: 0.81rem 0 1.02rem 0;}
	  .howto .box h2{font-size: max(16px, 0.22rem);color: #fff;border-bottom:2px solid #F4F4F4;
	  font-style: italic;padding: 0.15rem 0;position: relative;}
	  .howto .box h2::after{content: ""; display: block;width: 13.79%;height: 2px;background: #596D7E;position: absolute;left: 0;bottom: -2px;z-index: 999;}
	  .howto .box p{color: #FAFAFA;font-size: max(14px, 0.18rem);margin: 0.24rem 0 0.19rem 0;}
	  .howto .box h3{font-size: max(14px, 0.18rem);color: #fff;}