#greencar { width: 100%; height: auto; margin: 0 auto; padding: 0px; overflow: hidden; }
@media (min-width:300px) {
#greencar_video { width: 100%; min-width: 300px; height: 274px; overflow: hidden; background: url(../images/newenergy_v9/ad_sbg.jpg) no-repeat; background-size: 100% 100%; }
#greencar_video .mvideo { width: 100%; height: 274px; position: absolute; }
#greencar_video h2 { width: 260px; height: 32px; font-size: 20px; line-height: 32px; margin: 102px 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; }
.content { padding: 0px 12px; margin: 30px 0px; }
.yang_card_pro_list { width: 100%; max-width: 1200px; margin: 0px auto; padding: 0px; }
.yang_card_h3 { font-size: 24px; font-weight: bold; color: #000000; text-align: center; line-height: 38px; padding-bottom: 0px; padding-top: 0px; margin-bottom: 20px; }
.yang_card_p { width: 100%; padding: 0 5px; font-size: 14px; color: #666666; line-height: 26px; text-align: center; }
.yang_card_img { width: 100%; height: auto; float: left; margin-top: 5px; padding-bottom: 35px; }
#newenergy1 { width: 100%; margin: 0px; padding: 0px; overflow: auto; background: #f5f5f5; }
#newenergy1 .content { width: 100%; height: auto; overflow: auto; margin: 60px auto 50px; }
.newenergy1_content_box { width: 260px; height: auto; float: left; background: #ffffff; margin: 20px 6px 10px; padding: 20px; text-align: center; border-radius: 8px; overflow: hidden; }
.newenergy1_content_box h3 { font-size: 20px; font-weight: bold; color: #262626; margin-top: 20px; margin-bottom: 16px; }
.newenergy1_content_box p { font-size: 14px; line-height: 28px; color: #262626; margin-bottom: 0px; }
.newenergy1_content_box a p { color: #262626; }
.newenergy1_content_box2 { width: 260px; height: auto; float: left; background: #ffffff; margin: 20px 6px 10px; padding: 20px; text-align: center; border-radius: 8px; overflow: hidden; }
.newenergy1_content_box2 h3 { font-size: 20px; font-weight: bold; color: #262626; margin-top: 20px; margin-bottom: 16px; }
.newenergy1_content_box2 p { font-size: 14px; line-height: 28px; color: #262626; margin-bottom: 0px; }
.newenergy1_content_box2 a p { color: #262626; }
.newenergy1-line { width: 20px; height: 2px; background: #7bbc0d; display: inline-block; margin: 0px 6px 8px; }
#newenergy2 { margin: 0px auto 0px; overflow: auto; background: #f3f9fd; }
#newenergy2 .content { width: 100%; height: auto; overflow: auto; margin: 60px auto 20px; }
#newenergy3 { width: 100%; height: auto; margin: 0px; padding: 35px 0 30px; overflow: auto; background: #ffffff; }
#newenergy4 { width: 100%; height: auto; margin: 0px; padding: 0px 0px 20px; overflow: auto; background: #ffffff; }
.technical_article { width: 280px; height: auto; margin: 10px auto 8px auto; float: left; }
.technical_article_ico { width: 38px; height: 40px; margin: 0; padding: 0px; float: left; }
.technical_article_list { width: 238px; height: auto; margin: 0 auto; float: left; padding: 0; }
.technical_article_list h3 { font-size: 20px; line-height: 22px; color: #303233; font-weight: bold; margin-top: 10px; }
.technical_article_list ul { width: 100%; height: auto; max-height: 160px; margin: 0; }
.technical_article_list ul li { font-size: 14px; line-height: 22px; color: #646464; }
.technical_article_list ul li a { color: #646464; }
.technical_article_list ul li a:hover { color: #8fc31f; }
.video-preview { width: 280px; height: 158px; }
}
/*针对iphone5s*/
@media (min-width:315px) {
#greencar_video { height: 287px; }
#greencar_video .mvideo { width: 100%; height: 287px; position: absolute; }
#greencar_video h2 { width: 260px; height: 32px; font-size: 20px; line-height: 32px; margin: 105px auto 6px; }
.content { padding: 0px 20px; }
}
/*针对1080*1920的android*/
@media (min-width:360px) {
#greencar_video { height: 328px; }
#greencar_video .mvideo { width: 100%; height: 328px; position: absolute; }
#greencar_video h2 { width: 300px; height: 32px; font-size: 20px; line-height: 32px; margin: 132px auto 6px; }
.newenergy1_content_box { width: 300px; height: auto; float: left; background: #ffffff; margin: 20px 6px 10px; padding: 20px; text-align: center; border-radius: 8px; overflow: hidden; }
.newenergy1_content_box2 { width: 300px; height: auto; float: left; background: #ffffff; margin: 20px 6px 10px; padding: 20px; text-align: center; border-radius: 8px; overflow: hidden; }
#newenergy3 { width: 100%; height: auto; margin: 0px; padding: 25px 0 30px; overflow: auto; background: #ffffff; }
#newenergy4 { width: 100%; height: auto; margin: 0px; padding: 0px; overflow: auto; background: #ffffff; }
.technical_article { width: 340px; height: auto; margin: 10px auto 8px auto; float: left; }
.technical_article_ico { width: 38px; height: 40px; margin: 0; padding: 0px; float: left; }
.technical_article_list { width: 288px; height: auto; margin: 0 auto; float: left; padding: 0; }
.technical_article_list h3 { font-size: 20px; line-height: 22px; color: #303233; font-weight: bold; margin-top: 10px; }
.technical_article_list ul { width: 100%; height: auto; max-height: 160px; margin: 0; }
.technical_article_list ul li { font-size: 14px; line-height: 22px; color: #646464; }
.technical_article_list ul li a { color: #646464; }
.technical_article_list ul li a:hover { color: #8fc31f; }
.video-preview { width: 320px; height: 181px; }
}
/*针对iphone6*/
@media (min-width:375px) {
#greencar_video { height: 342px; }
#greencar_video .mvideo { width: 100%; height: 342px; position: absolute; }
#greencar_video h2 { width: 300px; height: 32px; font-size: 22px; line-height: 34px; margin: 133px auto 6px; }
.newenergy1_content_box { width: 310px; height: auto; float: left; background: #ffffff; margin: 20px 6px 10px; padding: 20px; text-align: center; border-radius: 8px; overflow: hidden; }
.newenergy1_content_box2 { width: 310px; height: auto; float: left; background: #ffffff; margin: 20px 6px 10px; padding: 20px; text-align: center; border-radius: 8px; overflow: hidden; }
#newenergy3 { width: 100%; height: auto; margin: 0px; padding: 25px 0 30px; overflow: auto; background: #ffffff; }
#newenergy4 { width: 100%; height: auto; margin: 0px; padding: 0px; overflow: auto; background: #ffffff; }
.technical_article { width: 350px; height: auto; margin: 10px auto 8px auto; float: left; }
.technical_article_ico { width: 38px; height: 40px; margin: 0; padding: 0px; float: left; }
.technical_article_list { width: 288px; height: auto; margin: 0 auto; float: left; padding: 0; }
.technical_article_list h3 { font-size: 20px; line-height: 22px; color: #303233; font-weight: bold; margin-top: 10px; }
.technical_article_list ul { width: 100%; height: auto; max-height: 160px; margin: 0; }
.technical_article_list ul li { font-size: 14px; line-height: 24px; color: #646464; }
.video-preview { width: 340px; height: 192px; }
}
/*针对全面屏安卓*/
@media (min-width:390px) {
#greencar_video { height: 355px; }
#greencar_video .mvideo { width: 100%; height: 355px; position: absolute; }
#greencar_video h2 { width: 300px; height: 34px; font-size: 22px; line-height: 34px; margin: 138px auto 6px; }
.newenergy1_content_box { width: 330px; height: auto; float: left; background: #ffffff; margin: 20px 6px 10px; padding: 20px; text-align: center; border-radius: 8px; overflow: hidden; }
.newenergy1_content_box2 { width: 330px; height: auto; float: left; background: #ffffff; margin: 20px 6px 10px; padding: 20px; text-align: center; border-radius: 8px; overflow: hidden; }
#newenergy3 { width: 100%; height: auto; margin: 0px; padding: 25px 0 30px; overflow: auto; background: #ffffff; }
#newenergy4 { width: 100%; height: auto; margin: 0px; padding: 0px; overflow: auto; background: #ffffff; }
.technical_article { width: 350px; height: auto; margin: 10px auto 8px auto; float: left; }
.technical_article_ico { width: 38px; height: 40px; margin: 0; padding: 0px; float: left; }
.technical_article_list { width: 288px; height: auto; margin: 0 auto; float: left; padding: 0; }
.technical_article_list h3 { font-size: 20px; line-height: 22px; color: #303233; font-weight: bold; margin-top: 10px; }
.technical_article_list ul { width: 100%; height: auto; max-height: 160px; margin: 0; }
.technical_article_list ul li { font-size: 14px; line-height: 24px; color: #646464; }
.video-preview { width: 350px; height: 198px; }
}
@media (min-width:400px) {
#greencar_video { height: 365px; }
#greencar_video .mvideo { width: 100%; height: 365px; position: absolute; }
#greencar_video h2 { width: 300px; height: 34px; font-size: 22px; line-height: 34px; margin: 140px auto 6px; }
.content { padding: 0px 25px; }
.technical_article { width: 360px; height: auto; margin: 10px auto 8px auto; float: left; }
.technical_article_ico { width: 38px; height: 40px; margin: 0; padding: 0px; float: left; }
.technical_article_list { width: 312px; height: auto; margin: 0 auto; float: left; padding: 0; }
.technical_article_list h3 { font-size: 20px; line-height: 22px; color: #303233; font-weight: bold; margin-top: 10px; }
.technical_article_list ul { width: 100%; height: auto; max-height: 160px; margin: 0; }
.technical_article_list ul li { font-size: 14px; line-height: 24px; color: #646464; }
.video-preview { width: 360px; height: 203px; }
}
/*针对iphone6s plus*/
@media (min-width:410px) {
#greencar_video { height: 378px; }
#greencar_video .mvideo { width: 100%; height: 378px; position: absolute; }
#greencar_video h2 { width: 300px; height: 36px; font-size: 24px; line-height: 36px; margin: 142px auto 6px; }
}
/*针对1440*2560的android*/
@media (min-width:480px) {
#greencar_video { height: 438px; }
#greencar_video .mvideo { width: 100%; height: 438px; position: absolute; }
#greencar_video h2 { width: 340px; height: 38px; font-size: 24px; line-height: 36px; margin: 150px auto 6px; }
.yang_card_h3 { font-size: 28px; color: #333; text-align: center; line-height: 34px; padding-bottom: 4px; padding-top: 0px; }
.newenergy1_content_box { width: 202px; height: 470px; float: left; background: #ffffff; margin: 20px 6px 10px; padding: 20px; text-align: center; border-radius: 8px; overflow: hidden; }
.newenergy1_content_box2 { width: 202px; height: 300px; float: left; background: #ffffff; margin: 20px 6px 10px; padding: 20px; text-align: center; border-radius: 8px; overflow: hidden; }
.newenergy1-line { width: 40px; height: 2px; background: #7bbc0d; display: inline-block; margin: 0px 12px 8px; }
.technical_article { width: 430px; height: auto; margin: 10px auto 8px auto; float: left; }
.technical_article_ico { width: 38px; height: 40px; margin: 0; padding: 0px; float: left; }
.technical_article_list { width: 390px; height: auto; margin: 0 auto; float: left; padding: 0; }
.technical_article_list h3 { font-size: 20px; line-height: 22px; color: #303233; font-weight: bold; margin-top: 10px; }
.technical_article_list ul { width: 100%; height: auto; max-height: 160px; margin: 0; }
.technical_article_list ul li { font-size: 14px; line-height: 24px; color: #646464; }
.video-preview { width: 438px; height: 247px; }
}
@media (min-width:500px) {
#greencar_video { height: 456px; }
#greencar_video .mvideo { width: 100%; height: 456px; position: absolute; }
#greencar_video h2 { width: 360px; height: 40px; font-size: 26px; line-height: 38px; margin: 160px auto 6px; }
.newenergy1_content_box { width: 210px; height: 470px; float: left; background: #ffffff; margin: 20px 6px 10px; padding: 20px; text-align: center; border-radius: 8px; overflow: hidden; }
.newenergy1_content_box2 { width: 210px; height: 300px; float: left; background: #ffffff; margin: 20px 6px 10px; padding: 20px; text-align: center; border-radius: 8px; overflow: hidden; }
.technical_article { width: 440px; height: auto; margin: 10px auto 8px auto; float: left; }
.technical_article_ico { width: 38px; height: 40px; margin: 0; padding: 0px; float: left; }
.technical_article_list { width: 392px; height: auto; margin: 0 auto; float: left; padding: 0; }
.technical_article_list h3 { font-size: 20px; line-height: 22px; color: #303233; font-weight: bold; margin-top: 10px; }
.technical_article_list ul { width: 100%; height: auto; max-height: 160px; margin: 0; }
.technical_article_list ul li { font-size: 14px; line-height: 24px; color: #646464; }
.video-preview { width: 458px; height: 258px; }
}
@media (min-width:600px) {
.content { padding: 25px 20px 20px 20px; margin: 0px 0px; }
.yang_card_h3 { font-size: 30px; color: #333; text-align: center; line-height: 38px; padding-bottom: 4px; padding-top: 0px; }
#greencar_video { height: 547px; }
#greencar_video .mvideo { width: 100%; height: 547px; position: absolute; }
#greencar_video h2 { width: 400px; height: 50px; font-size: 30px; line-height: 42px; }
.newenergy1_content_box { width: 260px; height: 460px; float: left; background: #ffffff; margin: 20px 10px 10px; padding: 20px; text-align: center; border-radius: 8px; overflow: hidden; }
.newenergy1_content_box2 { width: 260px; height: 310px; float: left; background: #ffffff; margin: 20px 10px 10px; padding: 20px; text-align: center; border-radius: 8px; overflow: hidden; }
#newenergy3 { width: 100%; height: auto; margin: 0px; padding: 40px 0 25px; overflow: auto; background: #ffffff; }
#newenergy4 { width: 100%; height: auto; margin: 0px; padding: 0px 0px 25px; overflow: auto; background: #ffffff; }
.technical_article { width: 540px; height: auto; margin: 10px auto 8px auto; float: left; }
.technical_article_ico { width: 58px; height: 70px; margin: 0; padding: 0px; float: left; }
.technical_article_list { width: 482px; height: auto; margin: 0 auto; float: left; padding: 0; }
.technical_article_list h3 { font-size: 20px; line-height: 22px; color: #303233; font-weight: bold; margin-top: 10px; }
.technical_article_list ul { width: 100%; height: auto; max-height: 160px; margin: 0; }
.technical_article_list ul li { font-size: 14px; line-height: 24px; color: #646464; }
.video-preview { width: 556px; height: 313px; }
}
@media (min-width:700px) {
.content { padding: 25px 20px 30px 20px; margin: 0px 0px; }
.yang_card_h3 { font-size: 32px; color: #333; text-align: center; line-height: 42px; padding-bottom: 8px; padding-top: 0px; }
.yang_card_p { width: 100%; padding: 0 20px; font-size: 18px; color: #666666; line-height: 34px; text-align: center; }
#greencar_video { height: 638px; }
#greencar_video .mvideo { width: 100%; height: 638px; position: absolute; }
#greencar_video h2 { width: 500px; height: 60px; font-size: 38px; line-height: 62px; margin: 240px auto 6px; }
.newenergy1_content_box { width: 300px; height: 478px; float: left; background: #ffffff; margin: 20px 14px 10px; padding: 20px; text-align: center; border-radius: 8px; overflow: hidden; }
.newenergy1_content_box2 { width: 300px; height: 330px; float: left; background: #ffffff; margin: 20px 14px 10px; padding: 20px; text-align: center; border-radius: 8px; overflow: hidden; }
.technical_article { width: 640px; height: auto; margin: 10px auto 8px auto; float: left; }
.technical_article_ico { width: 58px; height: 70px; margin: 0; padding: 0px; float: left; }
.technical_article_list { width: 582px; height: auto; margin: 0 auto; float: left; padding: 0; }
.technical_article_list h3 { font-size: 20px; line-height: 22px; color: #303233; font-weight: bold; margin-top: 10px; }
.technical_article_list ul { width: 100%; height: auto; max-height: 160px; margin: 0; }
.technical_article_list ul li { font-size: 14px; line-height: 24px; color: #646464; }
.video-preview { width: 656px; height: 369px; }
}
@media (min-width:767px) {
.content { padding: 25px 0px 50px 0px; margin: 0px 0px; }
.yang_card_pro_list { width: 100%; max-width: 1200px; margin: 0px auto; padding: 0px; }
.yang_card_h3 { font-size: 42px; color: #000000; font-weight: bold; text-align: center; line-height: 52px; padding-bottom: 6px; padding-top: 17px; margin-bottom: 10px; }
.yang_card_p { width: 100%; margin: 0px; padding: 0 70px; text-align: center; }
.yang_card_img { width: 100%; height: auto; float: left; margin-top: 25px; padding-bottom: 60px; }
#newenergy1 { width: 100%; margin: 0px; padding: 44px 0 45px; overflow: auto; background: #f5f5f5; }
#newenergy1 .content { margin-top: 0px; margin-bottom: 0px; width: 680px; }
#newenergy2 .content { width: 720px; }
#newenergy3 { width: 700px; margin: 0px auto; padding: 35px 0 0; overflow: auto; background: #ffffff; }
#newenergy4 { width: 700px; margin: 0px auto; padding: 35px 0 0; overflow: auto; background: #ffffff; }
}
@media (min-width:768px) {
.newenergy1_content_long { width: 627px; height: 286px; float: left; background: #ffffff; margin: 15px 6px 15px 14px; padding: 20px; text-align: center; border-radius: 8px; }
.newenergy1_content_long h3 { font-size: 20px; font-weight: bold; text-align: left; color: #262626; margin-top: 40px; margin-bottom: 16px; margin-left: 6px; }
.newenergy1_content_long img { margin-top: 30px; margin-right: 0px; float: right; }
.newenergy1_box_text3 { width: 300px; height: 150px; margin: 0 0px 0 6px; text-align: left; }
.newenergy1_content_banner { width: 627px; height: 230px; float: left; background: #ffffff; margin: 15px 14px 15px; border-radius: 8px; overflow: hidden; }
}
@media (min-width:785px) {
.content { padding: 25px 0px 50px 0px; margin: 0px 0px; }
}
@media (min-width:1024px) {
#greencar_video { width: 100vw; min-width: 1024px; height: 756px; overflow: hidden; background: url(../images/newenergy_v9/ad_bg.jpg) center center no-repeat; background-size: cover; }
#greencar_video .mvideo { width: 100%; height: 756px; position: absolute; }
.lunbo_video_s { display: block; }
#greencar_video h2 { width: 960px; height: 60px; font-size: 40px; line-height: 52px; margin: 290px auto 10px; color: #ffffff; text-align: center; font-weight: bold; }
#greencar_video p { width: 960px; height: 100px; font-size: 24px; line-height: 32px; margin: 0px auto; color: #ffffff; text-align: center; display: block; }
#greencar_video .lunbo_video_s { width: 100vw; height: 756px; display: block; background: #000; object-fit: cover; }
.yang_card_h3 { padding-top: 40px; }
.yang_card_p { width: 900px; margin: 40px auto 0px; padding: 0 70px; font-size: 16px; color: #666666; line-height: 28px; text-align: center; }
#newenergy1 .content { width: 1024px; margin: 0 auto 10px; overflow: hidden; }
#newenergy1 .yang_card_p { margin: 40px auto 54px; }
.newenergy1-line { width: 70px; height: 2px; background: #7bbc0d; display: inline-block; margin: 0px 35px 12px; }
.newenergy1_content_box { width: 312px; height: 460px; float: left; background: #ffffff; margin: 15px 14px 15px; padding: 20px; text-align: center; border-radius: 8px; }
.newenergy1_content_box:hover { box-shadow: 3px 3px 15px rgba(51,51,51,0.1); }
.newenergy1_content_box h3 { font-size: 20px; font-weight: bold; color: #262626; margin-top: 20px; margin-bottom: 26px; }
.newenergy1_content_box img { margin-top: 10px; }
.newenergy1_content_box2 { width: 482px; height: 270px; float: left; background: #ffffff; margin: 15px 14px 15px; padding: 20px 20px 20px 40px; text-align: center; border-radius: 8px; }
.newenergy1_content_box2:hover { box-shadow: 3px 3px 15px rgba(51,51,51,0.1); }
.newenergy1_content_box2 h3 { font-size: 20px; font-weight: bold; color: #262626; margin-top: 60px; margin-bottom: 26px; text-align: left; padding-left: 4px; }
.newenergy1_content_box2 img { margin-top: 10px; float: right; }
.newenergy1_content_long { width: 991px; height: 286px; float: left; background: #ffffff; margin: 15px 14px 15px; padding: 20px; text-align: center; border-radius: 8px; }
.newenergy1_content_long:hover { box-shadow: 3px 3px 15px rgba(51,51,51,0.1); }
.newenergy1_content_long h3 { font-size: 20px; font-weight: bold; text-align: left; color: #262626; margin-top: 60px; margin-bottom: 16px; margin-left: 40px; }
.newenergy1_content_long img { margin-top: 30px; margin-right: 50px; float: right; }
.newenergy1_content_banner { width: 991px; height: 230px; float: left; background: #ffffff; margin: 15px 14px 15px; border-radius: 8px; overflow: hidden; }
.newenergy1_box_text1 { width: 267px; height: 150px; margin: 0 auto; }
.newenergy1_box_text2 { width: 133px; height: 150px; margin: 0 3px 0 2px; float: left; text-align: left; }
.newenergy1_box_text3 { width: 267px; height: 150px; margin: 0 40px 0; text-align: left; }
.newenergy1_box_text4 { width: 130px; height: 150px; margin: 0 0 0 4px; float: left; text-align: left; }
.newenergy1_box_text5 { width: 116px; height: 150px; margin: 0 4px 0 14px; float: left; text-align: left; }
.newenergy1_box_text6 { width: 267px; height: 30px; margin: 0 20px 0 2px; text-align: left; }
.newenergy1_box_text8 { width: 172px; height: 30px; margin: 0 4px 0 4px; float: left; text-align: left; }
.newenergy1_box_text1 p,.newenergy1_box_text2 p,.newenergy1_box_text3 p,.newenergy1_box_text4 p,.newenergy1_box_text5 p,.newenergy1_box_text6 p { font-size: 14px; line-height: 20px; color: #262626; margin-bottom: 4px; }
.newenergy1_box_text1 a:hover p,.newenergy1_box_text2 a:hover p,.newenergy1_box_text3 a:hover p,.newenergy1_box_text4 a:hover p,.newenergy1_box_text5 a:hover p,.newenergy1_box_text6 a:hover p { color: #8fc31f; }
#newenergy2 { width: 100%; margin: 0px; padding: 0px; overflow: auto; background: #f3f9fd; }
#newenergy2 .content { width: 1024px; margin: 66px auto 0px; overflow: hidden; }
#newenergy3 { width: 100%; margin: 0px; padding: 35px 0 0; overflow: auto; background: #ffffff; }
#newenergy4 { width: 100%; margin: 0px 0px 35px; padding: 0; overflow: auto; }
.technical_article { width: 340px; height: auto; margin: 26px auto 38px auto; float: left; padding-left: 6px; }
.technical_article_ico { width: 300px; height: 180px; margin: 0; padding: 20px 30px 0 0px; float: left; }
.technical_article_list { width: 300px; height: auto; margin: 0 auto; float: left; padding: 0; }
.technical_article_list h3 { font-size: 24px; line-height: 32px; color: #303233; font-weight: bold; margin-top: 20px; }
.technical_article_list ul { width: 100%; height: auto; max-height: 160px; margin: 20px 0 0; }
.technical_article_list ul li { font-size: 14px; line-height: 30px; color: #646464; }
.technical_article_list ul li a { color: #646464; }
.technical_article_list ul li a:hover { color: #8fc31f; }
.video-preview { width: 1024px; height: 576px; }
}
@media (min-width:1080px) {
#greencar_video { width: 100%; min-width: 1080px; height: 756px; overflow: hidden; }
#newenergy2 { width: 100%; margin: 0px; padding: 0px; overflow: auto; background: #f3f9fd; }
#newenergy2 .content { width: 1080px; margin: 66px auto 0px; overflow: hidden; }
.technical_article { width: 360px; height: auto; margin: 26px auto 22px auto; float: left; padding-left: 10px; }
.technical_article_ico { width: 330px; height: 180px; margin: 0; padding: 20px 22px 0 0px; float: left; }
.technical_article_list { width: 330px; height: auto; margin: 0 auto; float: left; padding: 0; }
.technical_article_list h3 { font-size: 24px; line-height: 32px; color: #303233; font-weight: bold; margin-top: 20px; }
.technical_article_list ul { width: 100%; height: auto; max-height: 160px; margin: 20px 0 0; }
.technical_article_list ul li { width: 100%; height: auto; font-size: 14px; line-height: 30px; color: #646464; }
.technical_article_list ul li a { color: #646464; }
.technical_article_list ul li a:hover { color: #8fc31f; }
.video-preview { width: 1080px; height: 608px; }
}
@media (min-width:1200px) {
#greencar_video { width: 100vw; min-width: 1200px; height: 756px; overflow: hidden; background: url(../images/newenergy_v9/ad_bg.jpg) center center no-repeat; background-size: cover; }
.yang_card_h3 { padding-top: 40px; }
.yang_card_p { width: 1200px; margin: 40px auto 0px; padding: 0 70px; font-size: 16px; color: #666666; line-height: 28px; text-align: center; }
#newenergy1 .content { width: 1200px; margin: 0 auto 10px; overflow: hidden; }
#newenergy1 .yang_card_p { margin: 40px auto 54px; }
.newenergy1-line { width: 70px; height: 2px; background: #7bbc0d; display: inline-block; margin: 0px 35px 12px; }
.newenergy1_content_box { width: 372px; height: 460px; float: left; background: #ffffff; margin: 15px 14px 15px; padding: 20px; text-align: center; border-radius: 8px; }
.newenergy1_content_box:hover { box-shadow: 3px 3px 15px rgba(51,51,51,0.1); }
.newenergy1_content_box h3 { font-size: 20px; font-weight: bold; color: #262626; margin-top: 20px; margin-bottom: 26px; }
.newenergy1_content_box img { margin-top: 10px; }
.newenergy1_content_box2 { width: 572px; height: 270px; float: left; background: #ffffff; margin: 15px 14px 15px; padding: 20px 20px 20px 40px; text-align: center; border-radius: 8px; }
.newenergy1_content_box2:hover { box-shadow: 3px 3px 15px rgba(51,51,51,0.1); }
.newenergy1_content_box2 h3 { font-size: 20px; font-weight: bold; color: #262626; margin-top: 60px; margin-bottom: 26px; text-align: left; padding-left: 4px; }
.newenergy1_content_box2 img { margin-top: 10px; float: right; }
.newenergy1_content_long { width: 1172px; height: 286px; float: left; background: #ffffff; margin: 15px 14px 15px; padding: 20px; text-align: center; border-radius: 8px; }
.newenergy1_content_long:hover { box-shadow: 3px 3px 15px rgba(51,51,51,0.1); }
.newenergy1_content_long h3 { font-size: 20px; font-weight: bold; text-align: left; color: #262626; margin-top: 60px; margin-bottom: 16px; margin-left: 90px; }
.newenergy1_content_long img { margin-top: 30px; margin-right: 50px; float: right; }
.newenergy1_box_text1 { width: 300px; height: 150px; margin: 0 auto; }
.newenergy1_box_text2 { width: 182px; height: 150px; margin: 0 4px 0 4px; float: left; text-align: left; }
.newenergy1_box_text3 { width: 300px; height: 150px; margin: 0 90px 0; text-align: left; }
.newenergy1_box_text4 { width: 138px; height: 150px; margin: 0 0 0 4px; float: left; text-align: left; }
.newenergy1_box_text5 { width: 158px; height: 150px; margin: 0 4px 0 20px; float: left; text-align: left; }
.newenergy1_box_text6 { width: 300px; height: 30px; margin: 0 4px 0 4px; float: left; text-align: left; }
.newenergy1_box_text8 { width: 200px; height: 30px; margin: 0 4px 0 4px; float: left; text-align: left; }
.newenergy1_box_text1 p,.newenergy1_box_text2 p,.newenergy1_box_text3 p,.newenergy1_box_text4 p,.newenergy1_box_text5 p,.newenergy1_box_text6 p { font-size: 14px; line-height: 20px; color: #262626; margin-bottom: 4px; }
.newenergy1_box_text1 a:hover p,.newenergy1_box_text2 a:hover p,.newenergy1_box_text3 a:hover p,.newenergy1_box_text4 a:hover p,.newenergy1_box_text5 a:hover p,.newenergy1_box_text6 a:hover p { color: #8fc31f; }
.newenergy1_content_banner { width: 1172px; height: 230px; float: left; background: #ffffff; margin: 15px 14px 15px; border-radius: 8px; overflow: hidden; }
#newenergy2 { width: 100%; margin: 0px; padding: 0px; overflow: auto; background: #f3f9fd; }
#newenergy2 .content { width: 1200px; margin: 66px auto 0px; overflow: hidden; }
#newenergy3 { width: 100%; margin: 0px; padding: 35px 0 0; overflow: auto; background: #ffffff; }
#newenergy3 .content { width: 1200px; margin: 22px auto 0px; overflow: hidden; }
#newenergy4 { width: 100%; height: 720px; margin: 10px 0px 35px; padding: 0; overflow: auto; }
#newenergy4 .content { width: 1200px; height: auto; margin: 0px auto; padding: 0px; }
.technical_article { width: 400px; height: auto; margin: 26px auto 8px auto; float: left; padding-left: 0px; }
.technical_article_ico { width: 338px; height: 180px; margin: 0; padding: 20px 30px 0 0px; float: left; }
.technical_article_list { width: 338px; height: auto; margin: 0 auto; float: left; padding: 0; }
.technical_article_list h3 { font-size: 24px; line-height: 32px; color: #303233; font-weight: bold; margin-top: 20px; padding-left: 6px; }
.technical_article_list ul { width: 100%; height: auto; max-height: 160px; margin: 20px 0 0; }
.technical_article_list ul li { font-size: 14px; line-height: 30px; color: #646464; padding-left: 6px; }
.technical_article_list ul li a { color: #646464; }
.technical_article_list ul li a:hover { color: #8fc31f; }
.video-preview { width: 1200px; height: 675px; }
}