@media only screen and (min-width: 320px) and (max-width: 740px) {
		.bx{width: 80%; margin:0 auto;}		 
		html {font-size: 13.514vw;}
		.resid-banner div h1{font-size:0.4rem;}
		.resid-banner div h2{font-size:0.3rem;}
		.resid-banner ul{display: none !important;}
		.pro ul li{margin-bottom: 0.2rem;}
		.intro11-slider-wrap .mengban h2{font-size: 25px !important;}
		.service .mses img{width: 100%;margin-top: 0.44rem;height: auto;}
		.news ul li{margin-bottom: 0.2rem;}
		}					
@media only screen and (min-width: 741px) and (max-width:1200px) {	
		.bx{width: 95%;margin:0 auto;}												   
		html { font-size: 8.3333vw;}
		.resid-banner div h1{font-size:0.5rem;}
		.resid-banner div h2{font-size:0.32rem;}
		.about .bx{display: flex;justify-content: space-between;}
		.about .hgpp{width: 47.67%;}
		.about ul{width: 41.67%;}
		.pro ul{display: flex;justify-content: space-between;}
		.pro ul li{width: 30%;}
		.safety .grid ul{display: flex;justify-content: space-between;}
		.safety .grid ul li{width: 48.41%;}
		.service .mses{display: flex;justify-content: space-between;align-items: center;}
		.service .mses img{width: 60.67%;margin-left: 0.44rem;height: auto;}
		.news ul{display: flex;justify-content: space-between;}
		.news ul li{width: 32.17%;}
			}
@media only screen and (min-width: 1200px)  {
	.bx{width: 1200px;margin:0 auto;}			
	html {font-size: 100px;}		
	.resid-banner div h1{font-size:0.5rem;}
	.resid-banner div h2{font-size:0.32rem;}
	.about .bx{display: flex;justify-content: space-between;}
	.about .hgpp{width: 47.67%;}
	.about ul{width: 41.67%;}
	.solution .bie{display: flex;justify-content: space-between;align-items: center;}
	.solution .bie img{max-width: 100%;height: auto;margin-left: 0.32rem;}
	.solution .bie div{line-height: 0.31rem;}
	.solution .bie p{line-height: 0.2rem;}
	.pro ul{display: flex;justify-content: space-between;}
	.pro ul li{width: 30%;}
	.safety .grid ul{display: flex;justify-content: space-between;}
	.safety .grid ul li{width: 48.41%;}
	.service .mses{display: flex;justify-content: space-between;align-items: center;}
	.service .mses img{width: 60.67%;margin-left: 0.44rem;height: auto;}
	.news ul{display: flex;justify-content: space-between;}
	.news ul li{width: 32.17%;}
			}	
	.resid-banner{position: relative;}
	.resid-banner div{width: 100%; z-index: 999;position: absolute;top: 47%;left: 50%;transform: translate(-50%, -50%);text-align: center;}
	.resid-banner div h1,.resid-banner div h2{color: #fff;font-weight: bold;}
	.resid-banner div h2{margin: 0.17rem 0 0.34rem 0;}
	.resid-banner div a{font-size: max(12px, 0.18rem);color: #fff;border-radius: 5px;border: 2px solid #FFFFFF;padding: 3px 12px 7px 12px;}
	.resid-banner ul{position: absolute;bottom: 0.38rem;left: 0;width: 100%;display: flex;z-index: 999;justify-content: space-between;    justify-content: space-evenly;}
	.resid-banner ul li{font-size: 0.24rem;color: #FFFFFF;}
	.about .hgpp{font-size: max(14px, 0.18rem);color: #191919;}
	.about {margin: 0.75rem 0 0.65rem 0;}
	.about ul{display: flex;justify-content: space-between;}
	.about ul li div{font-weight: bold;font-size: max(14px, 0.24rem);color: #191919;line-height: 0.29rem;}
	.about ul li strong{font-size: 0.8rem;color: #191919;display: block;}
	.about ul li span{font-size: max(12px, 0.2rem);color: #606060;white-space: nowrap;}
	.solution h2{font-size: 0.4rem;color: #191919;text-align: center;font-weight: 600;margin-bottom: 0.48rem;}
	.solution .bie li{margin-bottom: 0.3rem;}
	.solution .bie div{font-weight: bold;font-size: max(14px, 0.2rem);color: #191919;}
	.solution .bie p{font-size: max(14px, 0.16rem);color: #191919;}
	.pro h2{font-size: 0.4rem;color: #191919;text-align: center;font-weight: 600;margin: 0.42rem 0;}
	.pro ul li h3{font-size: max(16px, 0.22rem);color: #191919;text-align: center;font-weight: 600;margin: 0.1rem 0;}
	.pro ul li img{display: block;width: 100%;height: auto;}
	.hg-slide-1 {background-image: url("../images/home-green-electricity-app1.webp");}
	.hg-slide-2 {background-image: url("../images/home-green-electricity-app2.webp");}
	.hg-slide-3 {background-image: url("../images/home-green-electricity-app3.webp");}
	.hg-slide-4 {background-image: url("../images/home-green-electricity-app4.webp");}
	.intro11-slider-wrap .mengban p{font-size: max(14px, 0.22rem);color: #fff;}
	.app .tit{text-align: center;font-size: 0.4rem;color: #191919;font-weight: 600;margin: 0.6rem 0;}
	.safety h2{font-size: 0.4rem;color: #191919;text-align: center;font-weight: 600;margin-top: 0.7rem;}
	.safety h3{font-size:max(16px, 0.3rem);color: #191919;text-align: center;font-weight: 600;}
	.safety img{display: block;width: 100%;height: auto;}
	.safety .grid h3{margin: 0.53rem 0 0.34rem 0;}
	.safety .grid ul li{font-size: max(14px, 0.22rem);color: #191919;border-bottom: 4px solid #707070;margin: 0.3rem 0;}
	.safety .protection{margin: 0.24rem 0 0 0;}
	.safety .protection ul{display: flex;flex-wrap: wrap;justify-content: center;margin: 0.45rem 0 0.33rem 0;}
	.safety .protection ul li{font-size: max(14px, 0.22rem);margin: 0.1rem 0;color: #191919;border-right: 1px solid #707070;line-height: 0.24rem;padding: 0 6px;}
	.safety .protection ul li:last-of-type{border: none !important;}
	.service h2{font-size: 0.4rem;color: #191919;text-align: center;font-weight: 600;margin: 0.7rem 0 0.57rem 0;}
	.service .mses .text h3{font-weight: bold;font-size: max(18px, 0.28rem);color: #191919;}
	.service .mses .text div{font-weight: bold;font-size: max(14px, 0.18rem);color: #191919;margin: 0.27rem 0 0.05rem 0;}
	.service .mses .text p{font-size: max(12px, 0.16rem);color: #191919;margin-bottom: 0.2rem;}
	.service .mses .text a{font-size: max(14px, 0.18rem);color: #191919;border: 1px solid #707070;border-radius: 20px;padding: 0 0.25rem;}
	.news{padding-bottom: 0.6rem;}
	.news h2{font-weight: bold;font-size: 0.4rem;color: #191919;display: flex;justify-content: space-between;align-items: center;margin: 0.77rem 0 0.5rem 0;}
	.news h2 a{display: block;font-size: max(14px, 0.18rem);color: #FFFFFF;background: #191919;padding: 0.1rem 0.53rem;}
	.news ul li h3{font-size: max(14px, 0.18rem);color: #191919;text-align: center;margin: 0.1rem 0;}
	.news ul li img{display: block;width: 100%;height: auto;}
	