#greenpower{ width:100%; height:auto; margin:0 auto; padding:0px; }
#greenpower_video{ width:100%; min-width:1200px; height:644px;overflow:hidden; }
#greenpower_video .mvideo{ width:100%; height:644px; position:absolute; }
#greenpower_video h2{ width:760px; height:80px; font-size:48px; line-height:68px; margin:233px auto 10px; color:#ffffff; text-align:center; }
#greenpower_video p{ width:760px; height:100px; font-size:18px; line-height:28px; margin:10px auto; color:#ffffff; text-align:center; }
#greenpower_video .lunbo_video_s{ width:1920px; height:644px; }

#greenpower_diagram_pc{ width:100%; min-width:1200px; height:823px; background:url(../images/app/greenpower/inverter.jpg) no-repeat center; padding-top:100px; }
#greenpower_diagram_pc h2{ width:760px; height:80px; font-size:40px; line-height:60px; margin:0px auto 10px; color:#ffffff; text-align:center; }
#greenpower_diagram_photo{ width:1200px; height:560px; background:url(../images/app/greenpower/diagram.png) center center / 1200px 560px no-repeat; margin:0px auto; position:relative; }

#greenpower-diagram-1{ width:195px; height:128px; position: absolute; top:80px; left:250px; }
.greenpower-diagram-1{ width:286px; height:466px; position: absolute; top:15px; left:0px; z-index:299px; background-color:rgba(1,1,1,0.9); border:1px solid #2d2d2d; border-radius:8px; display:none; padding:40px 22px; }
#greenpower-diagram-2{ width:195px; height:128px; position: absolute; top:80px; left:754px; }
.greenpower-diagram-2{ width:286px; height:480px; position: absolute; top:15px; right:0px; z-index:299px; background-color:rgba(1,1,1,0.9); border:1px solid #2d2d2d; border-radius:8px; display:none; padding:40px 22px; }
#greenpower-diagram-3{ width:195px; height:128px; position: absolute; top:350px; left:250px; }
.greenpower-diagram-3{ width:286px; height:320px; position: absolute; bottom:20px; left:0px; z-index:299px; background-color:rgba(1,1,1,0.9); border:1px solid #2d2d2d; border-radius:8px; display:none; padding:40px 22px; }
#greenpower-diagram-4{ width:130px; height:128px; position: absolute; top:350px; left:782px; }
.greenpower-diagram-4{ width:286px; height:540px; position: absolute; bottom:0px; right:0px; z-index:299px; background-color:rgba(1,1,1,0.9); border:1px solid #2d2d2d; border-radius:8px; display:none; padding:40px 22px; }

.greenpower-diagram{ cursor:pointer; }
.ddl{ font-size:16px; line-height:28px; } 
.ddl p{ color:#fff; font-size:16px; line-height:28px; } 
.ddl .diagram-x1{ font-size:14px; line-height:24px; color:#d4d4d4; text-align:center; }
.ddl ul{ width:180px; height:auto; margin:26px auto; }
.ddl ul li{ color:#8fc31f !important; text-align:center;  border:1px solid #2d3c0b; margin-bottom:10px; border-radius:2px; }

#greenpower_diagram_m1{ width:100%; min-width:1024px; height:846px; background:url(../images/app/greenpower/m1_bg.jpg) no-repeat center; margin: 0px auto; padding:36px 10px 20px; }
.greenpower-button{ width:180px; height:50px; background:#89c122; color:#ffffff !important; font-size:16px; line-height:50px; text-align:center; display:block; float:left; border-radius:4px; margin:5px 12px; }
.greenpower-button:hover{ background:#83b31d; }

@media (min-width: 300px) {	
#greenpower_video{ width:100%; min-width:300px; height:175px; overflow:hidden; background:url(../images/app/greenpower/greenpower_video_s.jpg); }
#greenpower_video .mvideo{ width:100%; height:175px; position:absolute; }
#greenpower_video h2{ width:260px; height:32px; font-size:20px; line-height:32px; margin:73px auto 6px; color:#ffffff; text-align:center; font-weight:bold; }
#greenpower_video p{ display:none; }
#greenpower_video .lunbo_video_s{ width:300px; height:101px; display:none; }

#greenpower_diagram_mobile{ width:100%; background:url(../images/app/greenpower/inverter.jpg) no-repeat center; margin: 0px auto; padding:36px 10px 20px; }
#greenpower_diagram_mobile h2{ font-size:24px; line-height:38px; margin:0px auto 10px; color:#ffffff; text-align:center; }
#greenpower_diagram_mobile_content{ width:100%; max-width:780px; margin:0 auto; }

#greenpower_diagram_m1{ width:100%; min-width:300px; height:290px; background:url(../images/app/greenpower/m1_bg.jpg) no-repeat center; margin:0px auto; padding:36px 10px 20px; }
#greenpower_diagram_m1 h2{ font-size:24px; line-height:38px; margin:2px auto 10px; color:#000000; text-align:center; }
#greenpower_diagram_m1_content{ width:100%; max-width:1024px; margin:0 auto; }
#greenpower_diagram_m2{ width:100%; height:auto; background:#f0f1f2; margin: 0px auto; padding:33px 10px 20px; overflow:hidden; }
#greenpower_diagram_m2 h2{ font-size:24px; line-height:38px; margin:2px auto 10px; color:#000000; text-align:center; }
.diagram_m2_pro{ width:270px; height:auto; margin:13px auto 26px; background:#ffffff; overflow:hidden; }
.diagram_m2_pro_l{ width:100%; height:180px; float:left; }
.diagram_m2_pro_r{ width:100%; height:130px; float:left; }
.diagram_m2_pro_r1{ width:40%; height:auto; float:left; }
.diagram_m2_pro_r1 h3{ font-size:14px; line-height:26px; color:#8fc31f; text-align:center; margin-top:8px; }
.diagram_m2_pro_r2{ width:60%; height:auto; float:left; padding-top:10px; padding-left:10px; }
.diagram_m2_pro_r2 h3{ font-size:14px; line-height:26px; font-weight:bold; margin-top:2px; margin-bottom:2px; }
.diagram_m2_pro_r2 ul{ width:100%; height:auto; color:#585858; }
.diagram_m2_pro_r2 ul li{ width:100%; font-size:12px; line-height:24px; background:url(../images/app/greenpower/diagram_m2_pro_d.png) no-repeat 2px 8px; padding-left:14px; }
.diagram_m2_pro_ico1{ width:60px; height:60px; margin:10px auto 0px; background:url(../images/app/greenpower/m2_pro_ico1.jpg) center center / 100px 100px no-repeat; background-size:cover; }
.diagram_m2_pro_ico2{ width:60px; height:60px; margin:10px auto 0px; background:url(../images/app/greenpower/m2_pro_ico2.jpg) center center / 100px 100px no-repeat; background-size:cover; }

#greenpower_diagram_m3{ width:100%; height:auto; background:#f0f1f2; margin: 0px auto; padding:0px 10px 40px; overflow:hidden; }
#greenpower_diagram_m3_content{ width:100%; height:auto; margin:0px auto; overflow:hidden; }
#greenpower_diagram_m3 h2{ font-size:24px; line-height:38px; color:#333; text-align:center; margin:4px auto 4px auto; display:block; }
#greenpower_diagram_m3 a{ color:#000; }

.diagram_m3_group{ width:100%; height:auto; float:left; background:#ffffff; margin:10px 26px 16px 0px; overflow:hidden; padding:0px; }
.diagram_m3_group h2{ font-size:18px !important; line-height:24px !important; color:#1d1d1f !important; margin:25px auto 10px auto !important; }
.diagram_m3_pro{ width:280px; height:100px; margin:5px auto 10px; }
.diagram_m3_pro_l{ width:100px; height:100px; float:left; padding-top:10px; }
.diagram_m3_pro_r{ width:180px; height:100px; float:left; padding-left:10px; }
.diagram_m3_pro_r h3{ font-size:14px; line-height:26px; font-weight:bold; margin-top:5px; margin-bottom:0px; }
.diagram_m3_pro_r ul{ width:100%; height:auto; color:#585858; }
.diagram_m3_pro_r ul li{ width:100%; font-size:12px; line-height:20px; background:url(../images/app/greenpower/diagram_m2_pro_d.png) no-repeat 2px 8px; padding-left:20px; }
.diagram_m3_btn{ width:274px; height:70px; margin:10px auto; overflow:hidden; }
.greenpower-button{ width:120px; height:30px; background:#89c122; color:#ffffff !important; font-size:12px; line-height:30px; text-align:center; display:block; float:left; border-radius:4px; margin:5px 8px; }
}
/*閽堝iphone5s*/
@media (min-width: 315px) {	
#greenpower_video{ height:184px; }
#greenpower_video .mvideo{ width:100%; height:184px; position:absolute; }
#greenpower_video h2{ width:260px; height:32px; font-size:20px; line-height:32px; margin:75px auto 6px; }
.diagram_m2_pro{ width:284px; height:auto; margin:13px auto 26px; }
.diagram_m2_pro_l{ width:100%; height:190px; float:left; }
.diagram_m2_pro_r{ width:100%; height:130px; float:left; }
}
/*閽堝1080*1920鐨刟ndroid*/
@media (min-width: 360px) {	
#greenpower_video{ height:210px; }
#greenpower_video .mvideo{ width:100%; height:210px; position:absolute; }
#greenpower_video h2{ width:300px; height:32px; font-size:20px; line-height:32px; margin:80px auto 6px; }
#greenpower_diagram_m1 { width:100%; min-width:360px; height:320px; }
#greenpower_diagram_m2{ width:100%; min-width:360px; height:auto; }
.diagram_m2_pro{ width:310px; height:auto; margin:13px auto 26px; }
.diagram_m2_pro_l{ width:100%; height:208px; float:left; }
#greenpower_diagram_m3{ width:100%; min-width:360px; height:auto; }
#greenpower_diagram_m3_content{ width:310px; height:auto; margin:0px auto; }
.diagram_m3_pro{ width:300px; height:100px; margin:5px auto 10px; }
.diagram_m3_pro_l{ width:100px; height:100px; float:left; padding-top:10px; }
.diagram_m3_pro_r{ width:200px; height:100px; float:left; padding-left:10px; }
}
/*閽堝iphone6*/
@media (min-width: 375px) {
#greenpower_video{ height:219px; }
#greenpower_video .mvideo{ width:100%; height:219px; position:absolute; }
#greenpower_video h2{ width:300px; height:32px; font-size:22px; line-height:34px; margin:82px auto 6px; }
}
/*閽堝鍏ㄩ潰灞忓畨鍗?/
@media (min-width: 390px) {
#greenpower_video{ height:228px; }
#greenpower_video .mvideo{ width:100%; height:228px; position:absolute; }
#greenpower_video h2{ width:300px; height:34px; font-size:22px; line-height:34px; margin:86px auto 6px; }
#greenpower_diagram_m1 { width:100%; min-width:390px; height:330px; }	
#greenpower_diagram_m2 { width:100%; min-width:390px; height:auto; }
.diagram_m2_pro{ width:330px; height:auto; margin:13px auto 26px; }
.diagram_m2_pro_l{ width:100%; height:220px; float:left; }	
.diagram_m2_pro_ico1{ margin:14px auto 0px; }
.diagram_m2_pro_ico2{ margin:14px auto 0px; }
#greenpower_diagram_m3{ width:100%; min-width:390px; height:auto; }
#greenpower_diagram_m3_content{ width:330px; height:auto; margin:0px auto; }
.diagram_m3_pro{ width:310px; height:100px; margin:5px auto 10px;  }
.diagram_m3_pro_l{ width:100px; height:100px; float:left; padding-top:10px; margin-right:10px; }
.diagram_m3_pro_r{ width:200px; height:100px; float:left; padding-left:10px; }
}
@media (min-width: 400px) {
#greenpower_video{ height:234px; }
#greenpower_video .mvideo{ width:100%; height:234px; position:absolute; }
#greenpower_video h2{ width:300px; height:34px; font-size:22px; line-height:34px; margin:88px auto 6px; }	
}
/*閽堝iphone6s plus*/
@media (min-width: 410px) {	
#greenpower_video{ height:239px; }
#greenpower_video .mvideo{ width:100%; height:239px; position:absolute; }
#greenpower_video h2{ width:300px; height:36px; font-size:24px; line-height:36px; margin:92px auto 6px; }
#greenpower_diagram_m1 { width:100%; min-width:390px; height:340px; }
#greenpower_diagram_m2 { width:100%; min-width:390px; height:auto; }	
.diagram_m2_pro{ width:360px; height:auto; margin:13px auto 26px; }
.diagram_m2_pro_l{ width:100%; height:240px; float:left; }
.diagram_m2_pro_r1 h3{ font-size:16px; line-height:28px; color:#8fc31f; text-align:center; margin-top:8px; }
.diagram_m2_pro_r2 h3{ font-size:16px; line-height:28px; font-weight:bold; margin-top:2px; margin-bottom:2px; }
.diagram_m2_pro_r2 ul li{ width:100%; font-size:12px; line-height:24px; background:url(../images/app/greenpower/diagram_m2_pro_d.png) no-repeat 2px 8px; padding-left:14px; }	
#greenpower_diagram_m3 { width:100%; min-width:390px; height:auto; }
#greenpower_diagram_m3_content{ width:360px; height:auto; margin:0px auto; }
.diagram_m3_pro{ width:330px; height:100px; margin:5px auto 10px; }
.diagram_m3_pro_l{ width:120px; height:100px; float:left; padding-top:10px; margin-right:10px; }
.diagram_m3_pro_r{ width:200px; height:100px; float:left; padding-left:10px; }	
}
@media (min-width: 414px) {	
#greenpower_video{ height:242px; }
#greenpower_video .mvideo{ width:100%; height:242px; position:absolute; }
#greenpower_video h2{ width:320px; height:36px; font-size:24px; line-height:36px; margin:93px auto 6px; }
#greenpower_diagram_mobile { width:100%; margin: 0px auto; padding:50px 10px 20px; }
}
/*閽堝1440*2560鐨刟ndroid*/
@media (min-width: 480px) {	
#greenpower_video{ height:280px; }
#greenpower_video .mvideo{ width:100%; height:280px; position:absolute; }
#greenpower_video h2{ width:340px; height:38px; font-size:24px; line-height:36px; margin:93px auto 6px; }
#greenpower_diagram_m1 { width:100%; min-width:480px; height:400px; }
#greenpower_diagram_m2 { width:100%; min-width:480px; height:auto; }
.diagram_m2_pro{ width:420px; height:auto; margin:13px auto 26px; }
.diagram_m2_pro_l{ width:100%; height:280px; float:left; }
#greenpower_diagram_m3 { width:100%; min-width:480px; height:auto; }
#greenpower_diagram_m3_content{ width:420px; height:auto; margin:0px auto; }
.diagram_m3_pro{ width:380px; height:100px; margin:5px auto 10px; }
.diagram_m3_pro_l{ width:140px; height:100px; float:left; padding-top:0px; margin-right:20px; }
.diagram_m3_pro_r{ width:220px; height:100px; float:left; padding-left:10px; }
}
@media (min-width: 500px) {
#greenpower_video{ height:292px; }
#greenpower_video .mvideo{ width:100%; height:292px; position:absolute; }
#greenpower_video h2{ width:360px; height:40px; font-size:26px; line-height:38px; margin:120px auto 6px; }
#greenpower_diagram_m1 { width:100%; min-width:500px; height:420px; }
#greenpower_diagram_m2 { width:100%; min-width:500px; height:auto; }
#greenpower_diagram_m3 { width:100%; min-width:500px; height:auto; }
.diagram_m3_group{ padding:0px 0px 10px; }
.diagram_m3_btn{ width:360px; height:70px; margin:10px auto; overflow:hidden; }
.greenpower-button{ width:140px; height:30px; background:#89c122; color:#ffffff !important; font-size:12px; line-height:30px; text-align:center; display:block; float:left; border-radius:4px; margin:15px 18px 5px; }
}
@media (min-width: 600px) {
#greenpower_video{ height:350px; }
#greenpower_video .mvideo{ width:100%; height:350px; position:absolute; }
#greenpower_video h2{ width:400px; height:50px; font-size:30px; line-height:42px; }	
#greenpower_diagram_mobile { width:100%; margin: 0px auto; padding:60px 10px 20px; }		
#greenpower_diagram_mobile h2{ font-size:28px; line-height:40px; }
#greenpower_diagram_m1 { width:100%; min-width:600px; height:480px; padding:60px 10px 20px; }
#greenpower_diagram_m1 h2{ font-size:28px; line-height:40px; }
#greenpower_diagram_m2 { width:100%; min-width:600px; height:auto; padding:60px 10px 20px; }
#greenpower_diagram_m2 h2{ font-size:28px; line-height:40px; }
.diagram_m2_pro{ width:270px; height:auto; margin:13px 10px 26px; background:#ffffff; overflow:hidden; float:left; }
.diagram_m2_pro_l{ width:100%; height:180px; float:left; }
.diagram_m2_pro_r{ width:100%; height:130px; float:left; }
.diagram_m2_pro_r1{ width:40%; height:auto; float:left; }
.diagram_m2_pro_r1 h3{ font-size:14px; line-height:26px; color:#8fc31f; text-align:center; margin-top:8px; }
.diagram_m2_pro_r2{ width:60%; height:auto; float:left; padding-top:10px; padding-left:10px; }
.diagram_m2_pro_r2 h3{ font-size:14px; line-height:26px; font-weight:bold; margin-top:2px; margin-bottom:2px; }
.diagram_m2_pro_r2 ul{ width:100%; height:auto; color:#585858; }
.diagram_m2_pro_r2 ul li{ width:100%; font-size:12px; line-height:24px; background:url(../images/app/greenpower/diagram_m2_pro_d.png) no-repeat 2px 8px; padding-left:14px; }
.diagram_m2_pro_ico1{ width:60px; height:60px; margin:10px auto 0px; background:url(../images/app/greenpower/m2_pro_ico1.jpg) center center / 100px 100px no-repeat; background-size:cover; }
.diagram_m2_pro_ico2{ width:60px; height:60px; margin:10px auto 0px; background:url(../images/app/greenpower/m2_pro_ico2.jpg) center center / 100px 100px no-repeat; background-size:cover; }
#greenpower_diagram_m3 { width:100%; min-width:600px; height:auto; padding:0px 10px 40px; }
#greenpower_diagram_m3_content{ width:100%; height:auto; margin:0px auto; overflow:hidden; }
.diagram_m3_group{ width:270px; padding:0px; margin:10px 9px 16px 10px;  float:left; }	
.diagram_m3_pro{ width:270px; height:100px; margin:5px auto 10px; }
.diagram_m3_pro_l{ width:90px; height:100px; float:left; padding-top:10px;margin-right:0px; }
.diagram_m3_pro_r{ width:180px; height:100px; float:left; padding-left:10px; }
}
@media (min-width: 700px) {
#greenpower_video{ height:409px; }
#greenpower_video .mvideo{ width:100%; height:409px; position:absolute; }
#greenpower_video h2{ width:500px; height:60px; font-size:38px; line-height:52px; margin:140px auto 6px; }
#greenpower_video p{ width:600px; height:100px; font-size:18px; line-height:28px; margin:10px auto; color:#ffffff; text-align:center; display:block; }
#greenpower_diagram_mobile h2{ font-size:32px; line-height:48px; }
#greenpower_diagram_m1 { width:100%; min-width:700px; height:560px; }
#greenpower_diagram_m1 h2{ font-size:32px; line-height:48px; }
#greenpower_diagram_m2 { width:100%; min-width:700px; height:auto; }
#greenpower_diagram_m2 h2{ font-size:32px; line-height:48px; }
.diagram_m2_pro{ width:320px; height:auto; }
.diagram_m2_pro_l{ width:100%; height:214px; float:left; }
#greenpower_diagram_m3 { width:100%; min-width:700px; height:auto; }
#greenpower_diagram_m3 h2{ font-size:32px; line-height:48px; }
.diagram_m3_group{ width:320px; padding:0px; margin:10px 9px 16px 11px; float:left; }	
.diagram_m3_pro{ width:320px; height:100px; margin:5px auto 10px; }
.diagram_m3_pro_l{ width:110px; height:100px; float:left; padding-top:10px; margin-left:6px;margin-right:4px; }
.diagram_m3_pro_r{ width:200px; height:100px; float:left; padding-left:10px; }
.diagram_m3_btn{ width:600px; height:70px; margin:10px auto; overflow:hidden; padding:0 120px; }
}
@media (min-width: 767px) {
#greenpower_video{ height:448px; background-size:100% 100%;}
#greenpower_video .mvideo{ width:767px; height:448px; position:absolute; }
#greenpower_video h2{ width:500px; height:60px; font-size:38px; line-height:52px; margin:140px auto 6px; }	
#greenpower_diagram_mobile { width:100%; margin: 0px auto; padding:70px 10px 20px; }	
#greenpower_diagram_mobile h2{ font-size:48px; line-height:58px; }
#greenpower_diagram_m1 { width:100%; min-width:767px; height:590px; }
#greenpower_diagram_m1 h2{ font-size:40px; line-height:60px; color:#333; text-align:center; margin:6px auto 7px auto; }
#greenpower_diagram_m2 { width:100%; min-width:767px; height:auto; padding:60px 30px 20px; }
#greenpower_diagram_m2 h2{ font-size:40px; line-height:60px; color:#333; text-align:center; margin:6px auto 7px auto; }
.diagram_m2_pro{ width:330px; height:auto; }
.diagram_m2_pro_l{ width:100%; height:214px; float:left; }
#greenpower_diagram_m3 { width:100%; min-width:767px; height:auto; }
#greenpower_diagram_m3 h2{ font-size:40px; line-height:60px; color:#333; text-align:center; margin:6px auto 7px auto; }
#greenpower_diagram_m3_content{ width:100%; height:auto; padding:0px 10px; overflow:hidden; }
.diagram_m3_group{ width:330px; padding:0px; margin:10px 0px 16px 20px; float:left; }	
.diagram_m3_pro{ width:330px; height:100px; margin:5px auto 10px; }
.diagram_m3_pro_l{ width:120px; height:100px; float:left; padding-top:10px; margin-left:6px;margin-right:4px; }
.diagram_m3_pro_r{ width:200px; height:100px; float:left; padding-left:10px; }
.diagram_m3_btn{ width:600px; height:70px; margin:10px auto; overflow:hidden; padding:0 106px; }
}
@media (min-width: 770px) {	
#greenpower_video{ height:450px; background-size:100% 100%;}
#greenpower_video .mvideo{ width:770px; height:450px; position:absolute; }
}
@media (min-width: 785px) {
#greenpower_video{ height:458px; background-size:100% 100%;}
#greenpower_video .mvideo{ width:785px; height:458px; position:absolute; }
}
@media (min-width: 880px) {
#greenpower_video{ height:514px; background-size:100% 100%;}
#greenpower_video .mvideo{ width:880px; height:514px; position:absolute; }	
#greenpower_video p{ width:660px; }		
#greenpower_diagram_m1 { width:100%; min-width:880px; height:650px; }
#greenpower_diagram_m2 { width:100%; min-width:880px; height:auto; padding:60px 40px 20px; }
.diagram_m2_pro{ width:360px; height:auto; margin:13px 20px 26px; }
.diagram_m2_pro_l{ width:100%; height:240px; float:left; }
#greenpower_diagram_m3 { width:100%; min-width:880px; height:auto; }
#greenpower_diagram_m3_content{ width:100%; height:auto; padding:0px 31px; overflow:hidden; }
.diagram_m3_group{ width:360px; padding:0px; margin:10px 18px 26px 20px; float:left; }
.diagram_m3_pro{ width:360px; height:100px; margin:5px auto 10px;  }
.diagram_m3_pro_l{ width:120px; height:100px; float:left; padding-top:10px; margin-left:10px; margin-right:6px; }
.diagram_m3_pro_r{ width:220px; height:100px; float:left; padding-left:10px; }
.diagram_m3_btn{ width:700px; height:70px; margin:10px auto; overflow:hidden; padding:0 132px; }
}
@media (min-width: 980px) {
#greenpower_video{ height:572px; background-size:100% 100%;}
#greenpower_video .mvideo{ width:980px; height:572px; position:absolute; }	
#greenpower_diagram_m1 { width:100%; min-width:980px; height:720px; }
#greenpower_diagram_m2 { width:100%; min-width:980px; height:auto; padding:60px 46px 20px; }
.diagram_m2_pro{ width:400px; height:auto; margin:13px 22px 26px; }
.diagram_m2_pro_l{ width:100%; height:268px; float:left; }
#greenpower_diagram_m3 { width:100%; min-width:980px; height:auto; }
#greenpower_diagram_m3_content{ width:100%; height:auto; padding:0px 38px; overflow:hidden; }
.diagram_m3_group{ width:400px; padding:0px; margin:10px 18px 26px 20px; float:left; }
.diagram_m3_pro{ width:400px; height:110px; margin:5px auto 10px; }
.diagram_m3_pro_l{ width:126px; height:110px; float:left; padding-top:10px; margin-left:10px; margin-right:6px; }
.diagram_m3_pro_r{ width:250px; height:110px; float:left; padding-left:10px; }
.diagram_m3_btn{ width:800px; height:70px; margin:10px auto; overflow:hidden; padding:0 210px; }
}
@media (min-width: 1024px) {
#greenpower{ width:100%; height:auto; margin:0 auto; padding:0px;}
#greenpower_video{ width:100%; min-width:1024px; height:644px;overflow:hidden; background:none;}	
#greenpower_video .mvideo{ width:100%; height:644px; position:absolute; }
#greenpower_video h2{ width:760px; height:80px; font-size:48px; line-height:68px; margin:233px auto 10px; color:#ffffff; text-align:center; }
#greenpower_video p{ width:724px; height:100px; font-size:18px; line-height:28px; margin:10px auto; color:#ffffff; text-align:center; }
#greenpower_video .lunbo_video_s{ width:1920px; height:644px; display:block; }
#greenpower_diagram_m1{ width:100%; min-width:1024px; height:846px; background:url(../images/app/greenpower/m1_bg.jpg) no-repeat center; margin: 0px auto; padding:36px 10px 20px; overflow:hidden; }
#greenpower_diagram_m1 h2{ font-size:40px; line-height:60px; color:#333; text-align:center; margin:65px auto 7px auto; }
#greenpower_diagram_m2{ width:100%; min-width:1024px; height:auto; background:#f0f1f2; padding:36px 10px 20px; overflow:hidden; }
#greenpower_diagram_m2 h2{ font-size:40px; line-height:60px; color:#333; text-align:center; margin:65px auto 7px auto; display:block; }
.diagram_m2_pro{ width:1024px; height:342px; margin:13px auto 26px; float:none; }
.diagram_m2_pro_r{ width:50%; height:342px; float:right; background:#ffffff; }
.diagram_m2_pro_l{ width:50%; height:342px; float:right; }
.diagram_m2_pro_r1{ width:50%; height:342px; float:left; }
.diagram_m2_pro_r1 h3{ font-size:22px; line-height:40px; color:#8fc31f; text-align:center; margin-top:8px; }
.diagram_m2_pro_r2{ width:50%; height:342px; float:left; padding-top:104px; padding-left:10px; }
.diagram_m2_pro_r2 h3{ font-size:20px; line-height:42px; font-weight:bold; margin-top:0px; margin-bottom:10px; }
.diagram_m2_pro_r2 ul{ width:100%; height:auto; color:#585858; }
.diagram_m2_pro_r2 ul li{ width:100%; font-size:18px; line-height:32px; background:url(../images/app/greenpower/diagram_m2_pro_d.png) no-repeat 2px 13px; padding-left:20px; }
.diagram_m2_pro_ico1{ width:100px; height:100px; margin:100px auto 0px; background:url(../images/app/greenpower/m2_pro_ico1.jpg) center center / 100px 100px no-repeat; background-size:cover; }
.diagram_m2_pro_ico2{ width:100px; height:100px; margin:100px auto 0px; background:url(../images/app/greenpower/m2_pro_ico2.jpg) center center / 100px 100px no-repeat; background-size:cover; }
#greenpower_diagram_m3{ width:100%; height:auto; background:#f0f1f2; margin: 0px auto; padding:33px 10px 110px; overflow:hidden; }
#greenpower_diagram_m3_content{ width:1024px; height:auto; margin:0px auto; overflow:hidden; padding:0px; }
#greenpower_diagram_m3 h2{ font-size:40px; line-height:60px; color:#333; text-align:center; margin:4px auto 38px auto; display:block; }
#greenpower_diagram_m3 a{ color:#000; }
.diagram_m3_group{ width:333px; height:560px; float:left; background:#ffffff; margin:10px 12px 60px 0px; overflow:hidden; }
.diagram_m3_group h2{ font-size:24px !important; line-height:36px !important; color:#1d1d1f !important; margin:55px auto 18px auto !important; }
.diagram_m3_pro{ width:333px; height:130px; margin:13px auto 0px; }
.diagram_m3_pro_l{ width:133px; height:130px; float:left; padding-top:18px; margin:0px; }
.diagram_m3_pro_r{ width:200px; height:130px; float:left; padding-left:12px; margin:0px; }
.diagram_m3_pro_r h3{ font-size:16px; line-height:28px; font-weight:bold; margin-top:20px; margin-bottom:0px; }
.diagram_m3_pro_r ul{ width:100%; height:auto; color:#585858; }
.diagram_m3_pro_r ul li{ width:100%; font-size:12px; line-height:22px; background:url(../images/app/greenpower/diagram_m2_pro_d.png) no-repeat 2px 8px; padding-left:16px; }
.diagram_m3_btn{ width:410px; height:70px; margin:10px auto; overflow:hidden; padding:0px; }
.greenpower-button{ width:180px; height:50px; background:#89c122; color:#ffffff !important; font-size:16px; line-height:50px; text-align:center; display:block; float:left; border-radius:4px; margin:5px 12px; }
.diagram_m3_group a:hover h3{ color:#8fc31f !important; }
.diagram_m3_group a:hover li{ background:url(../images/app/greenpower/diagram_m2_pro_d2.png) no-repeat 2px 8px;  color:#8fc31f !important; }
}
@media (min-width: 1080px) {
#greenpower_video{ width:100%; min-width:1080px; height:644px;overflow:hidden; }
#greenpower_diagram_m1_content{ width:100%; max-width:1040px; margin:0 auto; }
}
@media (min-width: 1200px) {
#greenpower_video{ width:100%; min-width:1200px; height:644px;overflow:hidden; }
#greenpower_diagram_m2{ width:100%; height:1100px; background:#f0f1f2; margin:0px auto; padding:33px 10px 20px; overflow:hidden; }
#greenpower_diagram_m2 h2{ font-size:40px; line-height:60px; color:#333; text-align:center; margin:65px auto 38px auto; display:block; }
.diagram_m2_pro{ width:1200px; height:400px; margin:13px auto 26px; }
.diagram_m2_pro_l{ width:50%; height:400px; float:right; }
.diagram_m2_pro_r{ width:50%; height:400px; float:right; background:#ffffff; }
.diagram_m2_pro_r1{ width:50%; height:400px; float:left; }
.diagram_m2_pro_r1 h3{ font-size:22px; line-height:40px; color:#8fc31f; text-align:center; margin-top:8px; }
.diagram_m2_pro_r2{ width:50%; height:400px; float:left; padding-top:104px; padding-left:10px; }
.diagram_m2_pro_r2 h3{ font-size:20px; line-height:42px; font-weight:bold; margin-top:20px; margin-bottom:10px; }
.diagram_m2_pro_r2 ul{ width:100%; height:auto; color:#585858; }
.diagram_m2_pro_r2 ul li{ width:100%; font-size:18px; line-height:32px; background:url(../images/app/greenpower/diagram_m2_pro_d.png) no-repeat 2px 13px; padding-left:20px; }
.diagram_m2_pro_ico1{ width:100px; height:100px; margin:126px auto 0px; background:url(../images/app/greenpower/m2_pro_ico1.jpg) center center / 100px 100px no-repeat; background-size:cover; }
.diagram_m2_pro_ico2{ width:100px; height:100px; margin:126px auto 0px; background:url(../images/app/greenpower/m2_pro_ico2.jpg) center center / 100px 100px no-repeat; background-size:cover; }
#greenpower_diagram_m3{ width:100%; height:auto; background:#f0f1f2; margin: 0px auto; padding:33px 10px 120px; overflow:hidden; }
#greenpower_diagram_m3_content{ width:1200px; height:auto; margin:0px auto; overflow:hidden; }
#greenpower_diagram_m3 h2{ font-size:40px; line-height:60px; color:#333; text-align:center; margin:4px auto 38px auto; display:block; }
#greenpower_diagram_m3 a{ color:#000; }
.diagram_m3_group{ width:382px; height:618px; float:left; background:#ffffff; margin:10px 26px 70px 0px; overflow:hidden; }
.diagram_m3_group h2{ font-size:24px !important; line-height:36px !important; color:#1d1d1f !important; margin:55px auto 18px auto !important; }
.diagram_m3_pro{ width:382px; height:150px; margin:13px auto 0px; }
.diagram_m3_pro_l{ width:172px; height:150px; float:left; padding-top:16px; }
.diagram_m3_pro_r{ width:210px; height:150px; float:left; padding-left:10px; }
.diagram_m3_pro_r h3{ font-size:16px; line-height:28px; font-weight:bold; margin-top:25px; margin-bottom:0px; }
.diagram_m3_pro_r ul{ width:100%; height:auto; color:#585858; }
.diagram_m3_pro_r ul li{ width:100%; font-size:14px; line-height:22px; background:url(../images/app/greenpower/diagram_m2_pro_d.png) no-repeat 2px 8px; padding-left:20px; }
.diagram_m3_btn{ width:410px; height:70px; margin:10px auto; overflow:hidden; }
.diagram_m3_group a:hover h3{ color:#8fc31f !important; }
.diagram_m3_group a:hover li{ background:url(../images/app/greenpower/diagram_m2_pro_d2.png) no-repeat 2px 8px;  color:#8fc31f !important; }
}