#greencar{ width:100%; height:auto; margin:0 auto; padding:0px; }
#greencar_video{ width:100%; min-width:1200px; height:644px; overflow:hidden; }
#greencar_video .mvideo{ width:100%; height:644px; position:absolute; }
#greencar_video h2{ width:760px; height:80px; font-size:48px; line-height:68px; margin:233px auto 10px; color:#ffffff; text-align:center; }
#greencar_video p{ width:800px; height:100px; font-size:18px; line-height:28px; margin:10px auto; color:#ffffff; text-align:center; }
#greencar_video .lunbo_video_s{ width:1920px; height:644px; }
#m2_diagram_pc{ width:100%; min-width:1200px; height:980px; padding-top:0px; background:#181818; float:left; }
#m2_diagram_pc_content{ width:1200px; height:auto; margin: 0 auto; padding-top:80px; }
#m2_diagram_content h2{ width:760px; height:50px; font-size:40px; line-height:60px; margin:0px auto 10px; color:#ffffff; text-align:center; }
#m2_diagram_content{ width:1200px; height:auto; margin:0px auto; overflow:hidden; }
#m2_diagram_pc_show{ width:1000px; height:500px; margin:0px auto 28px; }
#m2_diagram_pc_show>ol{ width:1000px; height:500px; margin:0 auto; }
#m2_diagram_pc_show>ol>li{ display:none; }
#m2_diagram_pc_show>ol>li:first-child{ display:block; }
#m2_diagram_content ul{ width:100%; height:auto; margin-top:20px; }
#m2_diagram_content ul li{ width:33%; height:270px; float:left; padding:0px 56px; cursor:pointer; }
.m2_diagram_pc_ico1{ width:80px; height:80px; margin:0px auto 0px; background:url(../images/app/greencar/m2_diagram_pc_ico1.jpg) center center no-repeat; background-size:cover; }
.m2_diagram_pc_ico2{ width:80px; height:80px; margin:0px auto 0px; background:url(../images/app/greencar/m2_diagram_pc_ico2.jpg) center center no-repeat; background-size:cover; }
.m2_diagram_pc_ico3{ width:80px; height:80px; margin:0px auto 0px; background:url(../images/app/greencar/m2_diagram_pc_ico3.jpg) center center no-repeat; background-size:cover; }
#m2_diagram_content h3{ font-size:24px; line-height:36px; height:50px; text-align:center; font-weight:bold; margin-top:6px; margin-bottom:10px; color:#ffffff; }
#m2_diagram_content p{ font-size:16px; line-height:28px; color:#ffffff; }
#m2_diagram_content .p_active h3,#m2_diagram_content .p_active p{ color:#8fc31f !important; }
#m2_diagram_content .p_active .m2_diagram_pc_ico1{ background:url(../images/app/greencar/m2_diagram_pc_ico4.jpg) center center no-repeat; background-size:cover; }
#m2_diagram_content .p_active .m2_diagram_pc_ico2{ background:url(../images/app/greencar/m2_diagram_pc_ico5.jpg) center center no-repeat; background-size:cover; }
#m2_diagram_content .p_active .m2_diagram_pc_ico3{ background:url(../images/app/greencar/m2_diagram_pc_ico6.jpg) center center no-repeat; background-size:cover; }
#m3_diagram_pc{ width:100%; min-width:1200px; height:986px; padding-top:0px; background:#e8eaec; float:left; }
#m3_diagram_pc_content{ width:1200px; height:auto; margin: 0 auto; padding-top:80px; }
#m3_diagram_content h2{ width:760px; height:50px; font-size:40px; line-height:60px; margin:0px auto 10px; color:#252525; text-align:center; }
#m3_diagram_content{ width:1200px; height:auto; margin:0px auto; overflow:hidden; }
#m3_diagram_pc_show{ width:1100px; height:566px; margin:0px auto 0px; }
#m3_diagram_pc_show>ol{ width:1100px; height:566px; margin:0 auto; }
#m3_diagram_pc_show>ol>li{ display:none; }
#m3_diagram_pc_show>ol>li:first-child{ display:block; }
#m3_diagram_content ul{ width:100%; height:auto; margin-top:0px; }
#m3_diagram_content ul li{ width:33%; height:270px; float:left; padding:0px 56px; cursor:pointer; }
.m3_diagram_pc_ico1{ width:100px; height:80px; margin:0px auto 0px; background:url(../images/app/greencar/m3_diagram_pc_ico1.jpg) center center no-repeat; background-size:cover; }
.m3_diagram_pc_ico2{ width:100px; height:80px; margin:0px auto 0px; background:url(../images/app/greencar/m3_diagram_pc_ico2.jpg) center center no-repeat; background-size:cover; }
.m3_diagram_pc_ico3{ width:100px; height:80px; margin:0px auto 0px; background:url(../images/app/greencar/m3_diagram_pc_ico3.jpg) center center no-repeat; background-size:cover; }
#m3_diagram_content h3{ font-size:24px; line-height:36px; height:50px; text-align:center; font-weight:bold; margin-top:6px; margin-bottom:6px; color:#252525; }
#m3_diagram_content p{ font-size:16px; line-height:28px; color:#252525; }
#m3_diagram_content .p_active h3,#m3_diagram_content .p_active p{ color:#7cad15 !important; }
#m3_diagram_content .p_active .m3_diagram_pc_ico1{ background:url(../images/app/greencar/m3_diagram_pc_ico4.jpg) center center no-repeat; background-size:cover; }
#m3_diagram_content .p_active .m3_diagram_pc_ico2{ background:url(../images/app/greencar/m3_diagram_pc_ico5.jpg) center center no-repeat; background-size:cover; }
#m3_diagram_content .p_active .m3_diagram_pc_ico3{ background:url(../images/app/greencar/m3_diagram_pc_ico6.jpg) center center no-repeat; background-size:cover; }
@media (min-width: 300px) {	
#greencar_video{ width:100%; min-width:300px; height:175px; overflow:hidden; background:url(../images/app/greencar/greencar_video_s.jpg) no-repeat; background-size:100% 100%; }
#greencar_video .mvideo{ width:100%; height:175px; position:absolute; }
#greencar_video h2{ width:260px; height:32px; font-size:20px; line-height:32px; margin:73px auto 6px; color:#ffffff; text-align:center; font-weight:bold; }
#greencar_video p{ display:none; }
#greencar_video .lunbo_video_s{ width:300px; height:101px; display:none; }
#greencar_diagram_m1{ width:100%; min-width:300px; height:auto; background:#d5d6d7; margin:0px auto; padding:36px 10px 20px; overflow:hidden; }
#greencar_diagram_m1 h2{ font-size:24px; line-height:38px; margin:2px auto 10px; color:#000000; text-align:center; }
#greencar_diagram_m1_content{ width:100%; max-width:300px; height:auto; margin:0 auto; }
#greencar_diagram_m1_content ul{ width:100%; height:auto; margin:20px 0 10px; }
#greencar_diagram_m1_content ul li{ width:50%; height:220px; float:left; padding:0px 6px; }
.diagram_m1_pro_ico1{ width:80px; height:60px; margin:0px auto 0px; background:url(../images/app/greencar/m1_pro_ico1.jpg) center center no-repeat; background-size:cover; }
.diagram_m1_pro_ico2{ width:80px; height:60px; margin:0px auto 0px; background:url(../images/app/greencar/m1_pro_ico2.jpg) center center no-repeat; background-size:cover; }
.diagram_m1_pro_ico3{ width:80px; height:60px; margin:0px auto 0px; background:url(../images/app/greencar/m1_pro_ico3.jpg) center center no-repeat; background-size:cover; }
.diagram_m1_pro_ico4{ width:80px; height:60px; margin:0px auto 0px; background:url(../images/app/greencar/m1_pro_ico4.jpg) center center no-repeat; background-size:cover; }
#greencar_diagram_m1_content h3{ font-size:15px; line-height:26px; height:26px; text-align:center; font-weight:bold; margin-top:6px; margin-bottom:0px;  }
#greencar_diagram_m1_content p{ font-size:14px; line-height:22px; }
#m2_diagram_mobile{ width:100%; height:auto; background:#181818; margin: 0px auto; padding:36px 10px 20px; }
#m2_diagram_mobile h2{ font-size:24px; line-height:38px; margin:14px auto 10px; color:#ffffff; text-align:center; }
#m2_diagram_mobile_content{ width:100%; max-width:780px; margin:0 auto; }
#m2_diagram_mobile ul{ width:100%; height:auto; color:#585858; }
#m2_diagram_mobile ul li{ width:100%; font-size:12px; line-height:22px; color:#ffffff; padding:0 20px; }
.m2_diagram_mobile_ico1{ width:80px; height:80px; margin:10px auto 0px; background:url(../images/app/greencar/m2_diagram_pc_ico1.jpg) center center no-repeat; background-size:cover; }
.m2_diagram_mobile_ico2{ width:80px; height:80px; margin:10px auto 0px; background:url(../images/app/greencar/m2_diagram_pc_ico2.jpg) center center no-repeat; background-size:cover; }
.m2_diagram_mobile_ico3{ width:80px; height:80px; margin:10px auto 0px; background:url(../images/app/greencar/m2_diagram_pc_ico3.jpg) center center no-repeat; background-size:cover; }
#m2_diagram_mobile h3{ font-size:18px; line-height:26px; font-weight:bold; color:#ffffff; text-align:center; margin-top:0px; }
#m2_diagram_mobile p{ font-size:14px; line-height:22px; color:#ffffff; }
#m3_diagram_mobile{ width:100%; height:auto; background:#e8eaec; margin: 0px auto; padding:36px 10px 20px; }
#m3_diagram_mobile h2{ font-size:24px; line-height:38px; margin:14px auto 10px; color:#000000; text-align:center; }
#m3_diagram_mobile_content{ width:100%; max-width:780px; margin:0 auto; }
#m3_diagram_mobile ul{ width:100%; height:auto; color:#585858; }
#m3_diagram_mobile ul li{ width:100%; font-size:12px; line-height:22px; color:#252525; padding:5px 20px; }
.m3_diagram_mobile_ico1{ width:80px; height:64px; margin:10px auto 0px; background:url(../images/app/greencar/m3_diagram_pc_ico1.jpg) center center no-repeat; background-size:cover; }
.m3_diagram_mobile_ico2{ width:80px; height:64px; margin:10px auto 0px; background:url(../images/app/greencar/m3_diagram_pc_ico2.jpg) center center no-repeat; background-size:cover; }
.m3_diagram_mobile_ico3{ width:80px; height:64px; margin:10px auto 0px; background:url(../images/app/greencar/m3_diagram_pc_ico3.jpg) center center no-repeat; background-size:cover; }
#m3_diagram_mobile h3{ font-size:18px; line-height:26px; font-weight:bold; color:#252525; text-align:center; margin-top:0px; }
#m3_diagram_mobile p{ font-size:14px; line-height:22px; color:#252525; }
#greencar_diagram_m4{ width:100%; height:auto; background:#f0f1f2; margin: 0px auto; padding:0px 10px 40px; overflow:hidden; }
#greencar_diagram_m4_content{ width:100%; height:auto; margin:0px auto; overflow:hidden; }
#greencar_diagram_m4 h2{ font-size:24px; line-height:38px; color:#333; text-align:center; margin:50px auto 4px auto; display:block; }
#greencar_diagram_m4 a{ color:#000; }
.diagram_m4_group{ width:100%; height:auto; float:left; background:#ffffff; margin:10px 26px 16px 0px; overflow:hidden; padding:0px; }
.diagram_m4_group h2{ font-size:18px !important; line-height:24px !important; color:#1d1d1f !important; margin:25px auto 10px auto !important; }
.diagram_m4_pro{ width:280px; height:auto; margin:5px auto 10px; overflow:hidden; }
.diagram_m4_pro_l{ width:80px; height:70px; float:left; padding-top:10px; }
.diagram_m4_pro_r{ width:200px; height:auto; float:left; padding-left:10px; margin-bottom:6px; }
.diagram_m4_pro_r h3{ font-size:14px; line-height:26px; font-weight:bold; margin-top:5px; margin-bottom:0px; }
.diagram_m4_pro_r ul{ width:100%; height:auto; color:#585858; }
.diagram_m4_pro_r ul li{ width:100%; font-size:12px; line-height:20px; background:url(../images/app/greencar/diagram_m2_pro_d.png) no-repeat 2px 8px; padding-left:20px; }
.diagram_m4_btn{ width:150px; height:70px; margin:10px auto; overflow:hidden; }
.greencar-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) {	
#greencar_video{ height:184px; }
#greencar_video .mvideo{ width:100%; height:184px; position:absolute; }
#greencar_video h2{ width:260px; height:32px; font-size:20px; line-height:32px; margin:75px auto 6px; }
#greencar_diagram_m1{ min-width:310px; }
#greencar_diagram_m1_content{ max-width:310px; }
}
/*閽堝1080*1920鐨刟ndroid*/
@media (min-width: 360px) {	
#greencar_video{ height:210px; }
#greencar_video .mvideo{ width:100%; height:210px; position:absolute; }
#greencar_video h2{ width:300px; height:32px; font-size:20px; line-height:32px; margin:80px auto 6px; }
#greencar_diagram_m1{ min-width:360px; }
#greencar_diagram_m1_content{ max-width:360px; }
#greencar_diagram_m1_content h3{ font-size:16px; line-height:26px; height:26px; text-align:center; font-weight:bold; margin-top:6px; margin-bottom:0px; }
#m2_diagram_mobile{ padding:36px 10px 30px; }
#m3_diagram_mobile{ padding:36px 10px 30px; }
#greencar_diagram_m4{ width:100%; min-width:360px; height:auto; }
#greencar_diagram_m4_content{ width:336px; height:auto; margin:0px auto; }
.diagram_m4_pro{ width:336px; height:auto; margin:5px auto 20px; }
.diagram_m4_pro_l{ width:100px; height:90px; float:left; padding-top:10px; }
.diagram_m4_pro_r{ width:236px; height:auto; float:left; padding-left:10px; }
}
/*閽堝iphone6*/
@media (min-width: 375px) {
#greencar_video{ height:219px; }
#greencar_video .mvideo{ width:100%; height:219px; position:absolute; }
#greencar_video h2{ width:300px; height:32px; font-size:22px; line-height:34px; margin:82px auto 6px; }
#greencar_diagram_m1{ min-width:375px; }
#greencar_diagram_m1_content{ max-width:375px; }
.diagram_m1_pro_ico1{ width:92px; height:69px; margin:0px auto 0px; background:url(../images/app/greencar/m1_pro_ico1.jpg) center center no-repeat; background-size:cover; }
.diagram_m1_pro_ico2{ width:92px; height:69px; margin:0px auto 0px; background:url(../images/app/greencar/m1_pro_ico2.jpg) center center no-repeat; background-size:cover; }
.diagram_m1_pro_ico3{ width:92px; height:69px; margin:0px auto 0px; background:url(../images/app/greencar/m1_pro_ico3.jpg) center center no-repeat; background-size:cover; }
.diagram_m1_pro_ico4{ width:92px; height:69px; margin:0px auto 0px; background:url(../images/app/greencar/m1_pro_ico4.jpg) center center no-repeat; background-size:cover; }
#m2_diagram_mobile{ padding:36px 10px 36px; }
#m3_diagram_mobile{ padding:36px 10px 36px; }
}
/*閽堝鍏ㄩ潰灞忓畨鍗?/
@media (min-width: 390px) {
#greencar_video{ height:228px; }
#greencar_video .mvideo{ width:100%; height:228px; position:absolute; }
#greencar_video h2{ width:300px; height:34px; font-size:22px; line-height:34px; margin:86px auto 6px; }
#greencar_diagram_m1{ min-width:390px; }
#greencar_diagram_m1_content{ width:100%; max-width:390px; }
#greencar_diagram_m1_content ul li{ width:50%; height:220px; float:left; padding:0px 10px; }
#greencar_diagram_m4{ width:100%; min-width:390px; height:auto; }
#greencar_diagram_m4_content{ width:340px; height:auto; margin:0px auto; }
.diagram_m4_pro{ width:340px; height:auto; margin:5px auto 20px;  }
.diagram_m4_pro_l{ width:100px; height:90px; float:left; padding-top:10px; margin-right:10px; }
.diagram_m4_pro_r{ width:230px; height:auto; float:left; padding-left:6px; }
}
@media (min-width: 400px) {
#greencar_video{ height:234px; }
#greencar_video .mvideo{ width:100%; height:234px; position:absolute; }
#greencar_video h2{ width:300px; height:34px; font-size:22px; line-height:34px; margin:88px auto 6px; }
#greencar_diagram_m1{ min-width:400px; }
#greencar_diagram_m1_content{ max-width:400px; }
}
/*閽堝iphone6s plus*/
@media (min-width: 410px) {	
#greencar_video{ height:239px; }
#greencar_video .mvideo{ width:100%; height:239px; position:absolute; }
#greencar_video h2{ width:300px; height:36px; font-size:24px; line-height:36px; margin:92px auto 6px; }
#greencar_diagram_m1{ min-width:410px; }
#greencar_diagram_m1_content{ max-width:410px; }
#greencar_diagram_m1_content ul li{ width:50%; height:220px; float:left; padding:0px 12px; }
#greencar_diagram_m4 { width:100%; min-width:390px; height:auto; }
#greencar_diagram_m4_content{ width:360px; height:auto; margin:0px auto; }
.diagram_m4_pro{ width:340px; height:auto; margin:5px auto 25px; }
.diagram_m4_pro_l{ width:120px; height:100px; float:left; padding-top:10px; margin-right:10px; }
.diagram_m4_pro_r{ width:208px; height:auto; float:left; padding-left:3px; }
}
@media (min-width: 414px) {	
#greencar_video{ height:242px; }
#greencar_video .mvideo{ width:100%; height:242px; position:absolute; }
#greencar_video h2{ width:320px; height:36px; font-size:24px; line-height:36px; margin:93px auto 6px; }
#greencar_diagram_m1{ min-width:414px; }
#greencar_diagram_m1_content{ max-width:414px; }
#greencar_diagram_m1_content ul li{ width:50%; height:220px; float:left; padding:0px 5px; }
#m2_diagram_mobile ul li{ padding:0 26px; }
#m3_diagram_mobile ul li{ padding:8px 26px; }
}
/*閽堝1440*2560鐨刟ndroid*/
@media (min-width: 480px) {	
#greencar_video{ height:280px; }
#greencar_video .mvideo{ width:100%; height:280px; position:absolute; }
#greencar_video h2{ width:340px; height:38px; font-size:24px; line-height:36px; margin:93px auto 6px; }
#greencar_diagram_m1{ min-width:480px; }
#greencar_diagram_m1_content{ max-width:480px; }
#greencar_diagram_m1_content ul li{ width:50%; height:220px; float:left; padding:0px 12px; }
#m2_diagram_mobile ul li{ padding:0 36px; }
.m2_diagram_mobile_ico1,.m2_diagram_mobile_ico2,.m2_diagram_mobile_ico3{ margin:16px auto 0px; }
#m3_diagram_mobile ul li{ padding:6px 36px; }
.m3_diagram_mobile_ico1,.m3_diagram_mobile_ico3,.m2_diagram_mobile_ico3{ margin:16px auto 0px; }
#greencar_diagram_m4 { width:100%; min-width:480px; height:auto; }
#greencar_diagram_m4_content{ width:420px; height:auto; margin:0px auto; }
.diagram_m4_pro{ width:400px; height:auto; margin:5px auto 20px; }
.diagram_m4_pro_l{ width:140px; height:100px; float:left; padding-top:0px; margin-right:20px; }
.diagram_m4_pro_r{ width:240px; height:auto; float:left; padding-left:10px; }
}
@media (min-width: 500px) {
#greencar_video{ height:292px; }
#greencar_video .mvideo{ width:100%; height:292px; position:absolute; }
#greencar_video h2{ width:360px; height:40px; font-size:26px; line-height:38px; margin:120px auto 6px; }
#greencar_diagram_m4 { width:100%; min-width:500px; height:auto; }
.diagram_m4_group{ padding:0px 0px 10px; }
.diagram_m4_btn{ width:170px; height:70px; margin:10px auto; overflow:hidden; }
.greencar-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) {
#greencar_video{ height:350px; }
#greencar_video .mvideo{ width:100%; height:350px; position:absolute; }
#greencar_video h2{ width:400px; height:50px; font-size:30px; line-height:42px; }	
#greencar_diagram_m1{ min-width:600px; }
#greencar_diagram_m1_content{ max-width:600px; }
#greencar_diagram_m1_content ul{ width:520px; height:auto; margin:20px auto 10px; }
#m2_diagram_mobile{ width:100%; height:auto; background:#181818; margin: 0px auto; padding:36px 10px 36px; }
#m2_diagram_mobile h2{ font-size:24px; line-height:38px; margin:14px auto 10px; color:#ffffff; text-align:center; }
#m2_diagram_mobile_content{ width:100%; max-width:980px; margin:0 auto; }
#m2_diagram_mobile ul{ width:100%; height:auto; color:#585858; overflow:hidden; }
#m2_diagram_mobile ul li{ width:33%; font-size:12px; line-height:22px; color:#ffffff; padding:0 10px; float:left; }
.m2_diagram_mobile_ico1{ width:80px; height:80px; margin:10px auto 0px; background:url(../images/app/greencar/m2_diagram_pc_ico1.jpg) center center no-repeat; background-size:cover; }
.m2_diagram_mobile_ico2{ width:80px; height:80px; margin:10px auto 0px; background:url(../images/app/greencar/m2_diagram_pc_ico2.jpg) center center no-repeat; background-size:cover; }
.m2_diagram_mobile_ico3{ width:80px; height:80px; margin:10px auto 0px; background:url(../images/app/greencar/m2_diagram_pc_ico3.jpg) center center no-repeat; background-size:cover; }
#m2_diagram_mobile h3{ font-size:18px; line-height:26px; font-weight:bold; color:#ffffff; text-align:center; margin-top:0px; margin-bottom:10px; }
#m2_diagram_mobile p{ font-size:14px; line-height:22px; color:#ffffff; }
#m3_diagram_mobile{ width:100%; height:auto; background:#e8eaec; margin: 0px auto; padding:36px 10px 36px; }
#m3_diagram_mobile h2{ font-size:24px; line-height:38px; margin:14px auto 10px; text-align:center; }
#m3_diagram_mobile_content{ width:100%; max-width:980px; margin:0 auto; }
#m3_diagram_mobile ul{ width:100%; height:auto; color:#585858; overflow:hidden; }
#m3_diagram_mobile ul li{ width:33%; font-size:12px; line-height:22px; padding:0 10px; float:left; }
.m3_diagram_mobile_ico1{ width:100px; height:80px; margin:10px auto 0px; background:url(../images/app/greencar/m3_diagram_pc_ico1.jpg) center center no-repeat; background-size:cover; }
.m3_diagram_mobile_ico2{ width:100px; height:80px; margin:10px auto 0px; background:url(../images/app/greencar/m3_diagram_pc_ico2.jpg) center center no-repeat; background-size:cover; }
.m3_diagram_mobile_ico3{ width:100px; height:80px; margin:10px auto 0px; background:url(../images/app/greencar/m3_diagram_pc_ico3.jpg) center center no-repeat; background-size:cover; }
#m3_diagram_mobile h3{ font-size:18px; line-height:26px; font-weight:bold; text-align:center; margin-top:0px; margin-bottom:10px; }
#m3_diagram_mobile p{ font-size:14px; line-height:22px; }
#greencar_diagram_m4 { width:100%; min-width:600px; height:auto; padding:0px 10px 40px; }
#greencar_diagram_m4 h2{ font-size:28px; line-height:40px; }
#greencar_diagram_m4_content{ width:100%; height:auto; margin:0px auto; overflow:hidden; }
.diagram_m4_group{ width:270px; height:540px; padding:0px; margin:10px 9px 16px 10px;  float:left; }	
.diagram_m4_pro{ width:270px; height:auto; margin:5px auto 10px; }
.diagram_m4_pro_l{ width:90px; height:100px; float:left; padding-top:10px;margin-right:0px; }
.diagram_m4_pro_r{ width:170px; height:auto; float:left; padding-left:10px; }
.diagram_m4_btn{ width:320px; height:70px; margin:10px auto; overflow:hidden; padding:0px 62px; }
}
@media (min-width: 700px) {
#greencar_video{ height:409px; }
#greencar_video .mvideo{ width:100%; height:409px; position:absolute; }
#greencar_video h2{ width:500px; height:60px; font-size:38px; line-height:52px; margin:140px auto 6px; }
#greencar_video p{ width:600px; height:100px; font-size:18px; line-height:28px; margin:10px auto; color:#ffffff; text-align:center; display:block; }
#m2_diagram_mobile ul li{ padding:0 18px; }
#m3_diagram_mobile ul li{ padding:0 13px; }
#greencar_diagram_m4 { width:100%; min-width:700px; height:auto; }
#greencar_diagram_m4 h2{ font-size:32px; line-height:48px; }
.diagram_m4_group{ width:320px; padding:0px; margin:10px 9px 16px 11px; float:left; }	
.diagram_m4_pro{ width:320px; height:auto; margin:5px auto 13px; }
.diagram_m4_pro_l{ width:110px; height:100px; float:left; padding-top:10px; margin-left:6px;margin-right:4px; }
.diagram_m4_pro_r{ width:190px; height:auto; float:left; padding-left:10px; }
.diagram_m4_btn{ width:600px; height:70px; margin:10px auto; overflow:hidden; padding:0 200px; }
}
@media (min-width: 767px) {
#greencar_video{ height:448px; background-size:100% 100%;}
#greencar_video .mvideo{ width:767px; height:448px; position:absolute; }
#greencar_video h2{ width:500px; height:60px; font-size:38px; line-height:52px; margin:140px auto 6px; }	
#greencar_diagram_m1 { min-width:700px; }
#greencar_diagram_m1_content{ max-width:700px; }
#greencar_diagram_m1_content ul{ width:600px; height:auto; margin:20px auto 10px; }
#greencar_diagram_m1 h2{ font-size:40px; line-height:60px; color:#333; text-align:center; margin:6px auto 7px auto; }
#greencar_diagram_m1_content ul li{ height:200px; }
#greencar_diagram_m1_content h3{ font-size:22px; line-height:32px; height:32px; text-align:center; font-weight:bold; margin-top:6px; margin-bottom:6px; }
#m2_diagram_mobile h2{ font-size:40px; line-height:60px; text-align:center; margin:6px auto 7px auto; }
#m2_diagram_mobile ul{ width:700px; height:auto; color:#585858; overflow:hidden; margin:0 auto; }
#m2_diagram_mobile ul li{ padding:0 12px; }
#m2_diagram_mobile h3{ font-size:22px; line-height:32px; font-weight:bold; color:#ffffff; text-align:center; margin-top:0px; margin-bottom:10px; }
#m3_diagram_mobile h2{ font-size:40px; line-height:60px; text-align:center; margin:6px auto 7px auto; }
#m3_diagram_mobile ul{ width:700px; height:auto;  overflow:hidden; margin:0 auto; }
#m3_diagram_mobile ul li{ padding:0 12px; }
#m3_diagram_mobile h3{ font-size:22px; line-height:32px; font-weight:bold; text-align:center; margin-top:0px; margin-bottom:10px; }
#greencar_diagram_m4 { width:100%; min-width:767px; height:auto; }
#greencar_diagram_m4 h2{ font-size:40px; line-height:60px; color:#333; text-align:center; margin:60px auto 17px auto; }
#greencar_diagram_m4_content{ width:100%; height:auto; padding:0px 10px; overflow:hidden; }
.diagram_m4_group{ width:330px; padding:0px; margin:10px 0px 16px 20px; float:left; }	
.diagram_m4_pro{ width:330px; height:auto; margin:5px auto 10px; }
.diagram_m4_pro_l{ width:120px; height:100px; float:left; padding-top:10px; margin-left:6px;margin-right:4px; }
.diagram_m4_pro_r{ width:186px; height:auto; float:left; padding-left:10px; }
.diagram_m4_btn{ width:600px; height:70px; margin:10px auto; overflow:hidden; padding:0 206px; }
}
@media (min-width: 880px) {
#greencar_video{ height:514px; background-size:100% 100%;}
#greencar_video .mvideo{ width:880px; height:514px; position:absolute; }	
#greencar_video p{ width:660px; }	
#greencar_diagram_m1 {  min-width:800px;  }
#greencar_diagram_m1_content{ max-width:800px; }
#greencar_diagram_m1_content ul{ width:720px; height:auto; margin:20px auto 10px; }
#greencar_diagram_m1_content ul li{ width:50%; height:220px; float:left; padding:0px 22px; }
#m2_diagram_mobile ul{ width:830px; height:auto; color:#585858; overflow:hidden; margin:0 auto; }
#m2_diagram_mobile ul li{ padding:0 22px 10px; }
#m3_diagram_mobile ul{ width:830px; height:auto; overflow:hidden; margin:0 auto; }
#m3_diagram_mobile ul li{ padding:0 22px 10px; }
#greencar_diagram_m4 { width:100%; min-width:880px; height:auto; }
#greencar_diagram_m4_content{ width:100%; height:auto; padding:0px 31px; overflow:hidden; }
.diagram_m4_group{ width:360px; padding:0px; margin:10px 18px 26px 20px; float:left; }
.diagram_m4_pro{ width:360px; height:auto; margin:5px auto 10px;  }
.diagram_m4_pro_l{ width:120px; height:100px; float:left; padding-top:10px; margin-left:10px; margin-right:6px; }
.diagram_m4_pro_r{ width:220px; height:auto; float:left; padding-left:10px; }
.diagram_m4_btn{ width:800px; height:70px; margin:10px auto; overflow:hidden; padding:0 316px; }
.m4last{ height:440px; }
}
@media (min-width: 980px) {
#greencar_video{ height:572px; background-size:100% 100%; }
#greencar_video .mvideo{ width:980px; height:572px; position:absolute; }
#m2_diagram_mobile ul{ width:900px; height:auto; color:#585858; overflow:hidden; margin:0 auto; }	
#m2_diagram_mobile ul li{ padding:0 22px 26px; }
#m3_diagram_mobile ul{ width:900px; height:auto; color:#585858; overflow:hidden; margin:0 auto; }	
#m3_diagram_mobile ul li{ padding:0 22px 26px; }
#greencar_diagram_m4 { width:100%; min-width:980px; height:auto; }
#greencar_diagram_m4_content{ width:100%; height:auto; padding:0px 38px; overflow:hidden; }
.diagram_m4_group{ width:400px; height:580px; padding:0px; margin:10px 18px 26px 20px; float:left; }
.diagram_m4_pro{ width:400px; height:110px; margin:5px auto 10px; }
.diagram_m4_pro_l{ width:126px; height:110px; float:left; padding-top:10px; margin-left:10px; margin-right:6px; }
.diagram_m4_pro_r{ width:250px; height:110px; float:left; padding-left:10px; }
.diagram_m4_btn{ width:800px; height:70px; margin:10px auto; overflow:hidden; padding:0 310px; }
.m4last{ height:450px; }
}
@media (min-width: 1024px) {
#greencar{ width:100%; height:auto; margin:0 auto; padding:0px;}
#greencar_video{ width:100%; min-width:1024px; height:644px;overflow:hidden; background:none; }	
#greencar_video .mvideo{ width:100%; height:644px; position:absolute; }
#greencar_video h2{ width:760px; height:80px; font-size:48px; line-height:68px; margin:233px auto 10px; color:#ffffff; text-align:center; }
#greencar_video p{ width:860px; height:100px; font-size:18px; line-height:28px; margin:10px auto; color:#ffffff; text-align:center; }
#greencar_video .lunbo_video_s{ width:1920px; height:644px; display:block; }
#greencar_diagram_m1{ width:100%; height:990px; background:#d5d6d7; margin:0px auto; padding:33px 10px 20px; overflow:hidden; }
#greencar_diagram_m1_content{ width:100%; max-width:1000px; margin:0 auto; overflow:hidden; }
#greencar_diagram_m1 h2{ font-size:40px; line-height:60px; color:#333; text-align:center; margin:45px auto 8px auto; display:block; }
#greencar_diagram_m1_content ul{ width:100%; height:auto; }
#greencar_diagram_m1_content ul li{ width:248px; height:270px; float:left;  margin:0px; }
.diagram_m1_pro_ico1{ width:120px; height:90px; margin:0px auto 0px; background:url(../images/app/greencar/m1_pro_ico1.jpg) center center no-repeat; background-size:cover; }
.diagram_m1_pro_ico2{ width:120px; height:90px; margin:0px auto 0px; background:url(../images/app/greencar/m1_pro_ico2.jpg) center center no-repeat; background-size:cover; }
.diagram_m1_pro_ico3{ width:120px; height:90px; margin:0px auto 0px; background:url(../images/app/greencar/m1_pro_ico3.jpg) center center no-repeat; background-size:cover; }
.diagram_m1_pro_ico4{ width:120px; height:90px; margin:0px auto 0px; background:url(../images/app/greencar/m1_pro_ico4.jpg) center center no-repeat; background-size:cover; }
#greencar_diagram_m1_content h3{ font-size:24px; line-height:36px; height:50px; text-align:center; font-weight:bold; margin-top:6px; margin-bottom:10px; }
#greencar_diagram_m1_content p{ font-size:16px; line-height:28px; }
#m2_diagram_mobile_content{ width:100%; max-width:1024px; margin:0 auto; }
#m2_diagram_mobile h2{ font-size:40px; line-height:60px; text-align:center; margin:45px auto 8px auto; display:block; }
#m2_diagram_mobile ul{ width:960px; }
#m2_diagram_mobile ul li{ padding:0 22px 26px; }
#m2_diagram_mobile h3{ font-size:24px; line-height:36px; font-weight:bold; color:#ffffff; text-align:center; margin-top:0px; margin-bottom:20px; }
#m2_diagram_mobile p{ font-size:16px; line-height:28px; color:#ffffff; }
#m3_diagram_mobile_content{ width:100%; max-width:1024px; margin:0 auto; }
#m3_diagram_mobile h2{ font-size:40px; line-height:60px; text-align:center; margin:45px auto 8px auto; display:block; }
#m3_diagram_mobile ul{ width:960px; }
#m3_diagram_mobile ul li{ padding:0 22px 26px; }
#m3_diagram_mobile h3{ font-size:24px; line-height:36px; font-weight:bold; color:#252525; text-align:center; margin-top:0px; margin-bottom:20px; }
#m3_diagram_mobile p{ font-size:16px; line-height:28px; color:#252525; }
#greencar_diagram_m4{ width:100%; height:auto; background:#f0f1f2; margin: 0px auto; padding:33px 10px 110px; overflow:hidden; }
#greencar_diagram_m4_content{ width:1024px; height:auto; margin:0px auto; overflow:hidden; padding:0px; }
#greencar_diagram_m4 h2{ font-size:40px; line-height:60px; color:#333; text-align:center; margin:48px auto 38px auto; display:block; }
#greencar_diagram_m4 a{ color:#000; }
.diagram_m4_group{ width:333px; height:660px; float:left; background:#ffffff; margin:10px 12px 60px 0px; overflow:hidden; }
.diagram_m4_group h2{ font-size:24px !important; line-height:36px !important; color:#1d1d1f !important; margin:55px auto 18px auto !important; }
.diagram_m4_pro{ width:332px; height:120px; margin:10px auto 0px; }
.diagram_m4_pro_l{ width:100px; height:120px; float:left; padding-top:15px; margin:0px; }
.diagram_m4_pro_r{ width:230px; height:120px; float:left; padding-left:12px; margin:0px; }
.diagram_m4_pro_r h3{ font-size:14px; line-height:28px; font-weight:bold; margin-top:5px; margin-bottom:0px; }
.diagram_m4_pro_r ul{ width:100%; height:auto; color:#585858; }
.diagram_m4_pro_r ul li{ width:100%; font-size:12px; line-height:22px; background:url(../images/app/greencar/diagram_m2_pro_d.png) no-repeat 2px 8px; padding-left:12px; }
.diagram_m4_btn{ width:210px; height:70px; margin:10px auto; overflow:hidden; padding:0px; }
.greencar-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_m4_group a:hover h3{ color:#8fc31f !important; }
.diagram_m4_group a:hover li{ background:url(../images/app/greencar/diagram_m2_pro_d2.png) no-repeat 2px 8px;  color:#8fc31f !important; }
}
@media (min-width: 1080px) {
#greencar_video{ width:100%; min-width:1080px; height:644px;overflow:hidden; }
#greencar_diagram_m1_content{ width:100%; max-width:1040px; margin:0 auto; }
#greencar_diagram_m1_content ul li{ width:25%; height:270px; float:left; padding:0px 14px; }
#m2_diagram_mobile ul{ width:1030px; }
#m2_diagram_mobile ul li{ padding:0 32px 30px; }
#m3_diagram_mobile ul{ width:1030px; }
#m3_diagram_mobile ul li{ padding:0 32px 30px; }
}
@media (min-width: 1200px) {
#greencar_video{ width:100%; min-width:1200px; height:644px;overflow:hidden; }
#greencar_diagram_m1{ width:100%; height:982px; background:#d5d6d7; margin:0px auto; padding:33px 10px 20px; overflow:hidden; }
#greencar_diagram_m1_content{ width:100%; max-width:1200px; margin:0 auto; }
#greencar_diagram_m1_photo{ width:950px; margin:32px auto 30px; }
#greencar_diagram_m1_content ul li{ width:268px; height:270px; float:left; margin:0px 0px 0px 36px; }
#greencar_diagram_m1_content ul li:first-child{ margin:0px 0px 0px 0px; }
#m2_diagram_content ul{ width:1200px; height:auto; }
#m2_diagram_content ul li{ width:280px; height:270px; float:left; padding:0px; margin-left:6px; margin-right:168px; }
#m2_diagram_content ul li:last-child{ margin-right:0px; }
#m3_diagram_content ul{ width:1200px; height:auto; }
#m3_diagram_content ul li{ width:290px; height:270px; float:left; padding:0px; margin-left:6px; margin-right:152px; }
#m3_diagram_content ul li:last-child{ margin-right:0px; }
#greencar_diagram_m4{ width:100%; height:auto; background:#f0f1f2; margin: 0px auto; padding:33px 10px 120px; overflow:hidden; }
#greencar_diagram_m4_content{ width:1200px; height:auto; margin:0px auto; overflow:hidden; }
#greencar_diagram_m4 h2{ font-size:40px; line-height:60px; color:#333; text-align:center; margin:48px auto 38px auto; display:block; }
#greencar_diagram_m4 a{ color:#000; }
.diagram_m4_group{ width:388px; height:680px; float:left; background:#ffffff; margin:10px 16px 70px 0px; overflow:hidden; }
.diagram_m4_group h2{ font-size:24px !important; line-height:36px !important; color:#1d1d1f !important; margin:55px auto 18px auto !important; }
.diagram_m4_pro{ width:382px; height:126px; margin:13px auto 0px; }
.diagram_m4_pro_l{ width:130px; height:126px; float:left; padding-top:6px; }
.diagram_m4_pro_r{ width:252px; height:126px; float:left; padding-left:4px; }
.diagram_m4_pro_r h3{ font-size:16px; line-height:28px; font-weight:bold; margin-top:6px; margin-bottom:0px; }
.diagram_m4_pro_r ul{ width:100%; height:auto; color:#585858; }
.diagram_m4_pro_r ul li{ width:100%; font-size:14px; line-height:22px; background:url(../images/app/greencar/diagram_m2_pro_d.png) no-repeat 2px 8px; padding-left:15px; }
.diagram_m4_btn{ width:206px; height:70px; margin:10px auto; overflow:hidden; }
.diagram_m4_group a:hover h3{ color:#8fc31f !important; }
.diagram_m4_group a:hover li{ background:url(../images/app/greencar/diagram_m2_pro_d2.png) no-repeat 2px 8px; color:#8fc31f !important; }
}