
header{background:none;}
html,body,.elect_main{background:#fff;}
/*.index p.line{z-index:0;}*/
.index .part{z-index:1;}
.index .part1{z-index:2;}

/*公共css*/
.index h2{font-size:25px; line-height:1.6; color:#4c4c4c; letter-spacing:1px; position:relative;}
.index p.txt{color:#000; margin-bottom:20px;}

.index .lk_wrap{width:100%; text-align:right;}
.index .lk_more{display:inline-block; width:90px; text-align:center; line-height:2.5; background:#2d53aa; border-bottom:2px solid #fff; position:relative; color:#fff;}
.index .lk_more span{position:absolute; top:0; right:0; display:inline-block; width:0px; height:0px; border-width:0 5px 5px 0; border-style:solid; border-color:transparent #fff;}

.index .part{display:block; position:relative;}
.index .part .box1{display:block; width:100%; position:relative;}
.index .part .box1 .pic{width:100%;}
.index .part .box1 .pic img{display:block; width:100%;}

.index .part .box1 .txt_wrap{width:100%; box-sizing:border-box;}
.index .part .box1 h3{width:100%; margin-top:20px; }
.index .part .box1 h3 img{display:block; width:100%; margin:10px 0;}

.index .car_wrap{width:100%; background:url() 0 bottom no-repeat; background-size:100% auto; position:relative;}
.index .car_wrap .txt{color:#404040; letter-spacing:0px; font-weight:bold;}


.index .swiper-container,
.index .swiper-wrapper,
.index .swiper-slide{width:100%; height:100%;}

.index .swiper-button-next:after, 
.index .swiper-container-rtl .swiper-button-prev:after,
.index .swiper-button-prev:after, 
.index .swiper-container-rtl .swiper-button-next:after{content:'';}
.index .swiper-button-next,
.index .swiper-button-prev{top:inherit; margin-top:inherit; /*right:inherit; left:inherit;*/ color:inherit; width:42px; height:42px; top:10%;}

.index .swiper-button-next.swiper-button-disabled,
.index .swiper-button-prev.swiper-button-disabled{/*opacity:0;*/}

.index .swiper-button-next, 
.index .swiper-container-rtl .swiper-button-prev{background:url(../img/index/r.png) center center no-repeat; background-size:70% 70%; right:8%;}
.index .swiper-button-prev, 
.index .swiper-container-rtl .swiper-button-next{background:url(../img/index/l.png) center center no-repeat; background-size:70% 70%; left:3%;}

.index .font10{font-size:10px;}

/*\\公共css*/


.index .part1{width:100%;}

.index .part1 .box1 .txt_wrap{background:url(../img/index/bg1.jpg) 0 0 no-repeat; background-size:100% 100%; padding:100px 0 80px;}
.index .part1 .box1 .txt_wrap h2{text-align:center;}
.index .part1 .box1 .txt_wrap .txt{margin-top:20px; margin-bottom:30px; padding:0 15%; box-sizing:border-box;}

.index .part1 .box1 .car_wrap{background-image:url(../img/index/bg2.jpg); background-position:0 0; background-size:100% auto; box-sizing:border-box; padding:0px 8% 90px 3%; }



.index .part1 .box1 .car_wrap .car3,
.index .part1 .box1 .car_wrap .car4{width:100%; position:relative;}
.index .part1 .box1 .car_wrap .car1{width:43%; float:left; margin-top:-13%;}
.index .part1 .box1 .car_wrap .car2{width:57%; float:right; margin-top:7%;}
.index .part1 .box1 .car_wrap .car1,
.index .part1 .box1 .car_wrap .car2{position:relative; z-index:2;}
.index .part1 .box1 .car_wrap .car3{top:-34px; z-index:0;}
.index .part1 .box1 .car_wrap .car4{ z-index:1;}
.index .part1 .box1 .car_wrap .car3 .pic{width:61%; margin-left:4%; }
.index .part1 .box1 .car_wrap .car4 .pic{width:47%; margin-left:45%;}
.index .part1 .box1 .car_wrap .tab_btn li p{width:100%;}
.index .part1 .box1 .car_wrap .tab_btn li .txt{display:block; margin-bottom:0; box-sizing:border-box; margin-top:16px;}
.index .part1 .box1 .car_wrap .tab_btn .car4 .txt{margin-top:0px;}
.index .part1 .box1 .car_wrap .tab_btn li .txt span{display:inline-block; width:9px; height:9px; background:url(../img/index/jt.png) 0 0 no-repeat; background-size:100% 100%; margin-left:2px;}

.index .part1 .box1 .car_wrap .tab_btn .car1 .txt{padding-left:12%;}
.index .part1 .box1 .car_wrap .tab_btn .car2 .txt{text-align:right; padding-right:14%;}
.index .part1 .box1 .car_wrap .tab_btn .car3 .txt{ margin-top:-10px; padding-left:29%;}
.index .part1 .box1 .car_wrap .tab_btn .car4 .txt{width:60%; text-align:center; float:right;/*text-align:right; padding-right:14%;*/}

.index .part1 .box1 .car_wrap .tab_con{width:87%; position:absolute; top:9%; left:3%; z-index:3; display:none;}
.index .part1 .box1 .car_wrap .tab_con .close{width:36px; height:36px; box-sizing:border-box; padding:10px; position:absolute; top:0px; right:0px; z-index:10;}
.index .part1 .box1 .car_wrap .tab_con .close img{display:block; width:16px;}
.index .part1 .box1 .car_wrap .tab_con ul,
.index .part1 .box1 .car_wrap .tab_con li,
.index .part1 .box1 .car_wrap .tab_con li p{width:100%;}
.index .part1 .box1 .car_wrap .tab_con li{box-sizing:border-box; padding:12px 5% 15px; background:url(../img/index/txt_bg_02.png) 0 12px no-repeat; background-size:100% 100%; letter-spacing:1px; position:relative; display:none;}
.index .part1 .box1 .car_wrap .tab_con li .bg{display:block; width:100%; height:12px; background:url(../img/index/txt_bg_01.png) 0 0 no-repeat; background-size:100% 100%; position:absolute; top:0; left:0;}
.index .part1 .box1 .car_wrap .tab_con li .txt1{color:#000; text-align:center; font-size:12px; border-bottom:1px solid #000; padding:8px 0 6px;}
.index .part1 .box1 .car_wrap .tab_con li .txt2{padding-top:6px; font-size:10px;}

.index .part2,
.index .part3,
.index .part4,
.index .part5{padding:60px 0 0px;}
.index .part5{padding-bottom:100px;}

.index .part2 h2,
.index .part3 h2,
.index .part4 h2,
.index .part5 h2{width:120%;}

.index .part3,
.index .part4,
.index .part5,
.index .part6{/*background:url(../img/index/bg4.jpg) 0 0 no-repeat; background-size:100% auto;*/ box-sizing:border-box;}


.index .part2 .box1 .car_wrap,
.index .part3 .box1 .car_wrap,
.index .part4 .box1 .car_wrap,
.index .part5 .box1 .car_wrap{background-image:url(../img/index/bg3.png); box-sizing:border-box; padding:24% 8% 35% 3%;}

.index .part2 .box1 .txt_wrap,
.index .part3 .box1 .txt_wrap,
.index .part4 .box1 .txt_wrap,
.index .part5 .box1 .txt_wrap{padding:0px 15% 0px; box-sizing:border-box;}

.index .part2 .box1 h2{color:#2d53aa;}
.index .part2 .hev_swiper .box{width:100%;}
.index .part2 .hev_swiper .box:after{display:table; clear:both; content:'';}
.index .part2 .hev_swiper .box a{display:block; width:50%; float:left; text-align:center; color:#fff; font-weight:bold; letter-spacing:0;}
.index .part2 .hev_swiper .box a img{width:94%;}
.index .part2 .hev_swiper .lastcar a{margin-left:25%;}


.index .part3 .box1 h2{color:#2d53aa;}
.index .part3 .box1 .car_wrap{padding-top:18%; padding-bottom:32%; display:flex;}
.index .part3 .box1 .car_wrap .car{width:48%;}
.index .part3 .box1 .car_wrap .bz3{width:47%; margin-right:5%; padding-top:5%;}
.index .part3 .box1 .car_wrap .pic img{width:100%; position:relative;}
.index .part3 .box1 .car_wrap .txt{color:#fff; font-weight:bold; text-align:center;}

.index .part4 .box1 h2{color:#2d53aa;}
.index .part4 .box1 .car_wrap{padding-bottom:45%;}
.index .part4 .car_wrap .txt{display:inline; position:absolute; color:#fff; font-weight:bold;}
.index .part4 .box1 .car_wrap .pic img{width:95%;}
.index .part4 .box1 .car_wrap .car_name1{top:58%; left:14%;}
.index .part4 .box1 .car_wrap .car_name2{top:52%; right:17%;}

.index .part5 .box1 h2{color:#2d53aa;}
.index .part5 .phev_swiper .box{width:100%; display:flex; justify-content:center;}
.index .part5 .phev_swiper .box:after{display:table; clear:both; content:'';}
.index .part5 .phev_swiper .box a{display:block; width:70%; float:left; text-align:center; color:#fff; font-weight:bold; letter-spacing:0;}
.index .part5 .phev_swiper .box a img{width:94%;}
.index .part5 .phev_swiper .lastcar a{margin-left:25%;}

/*.index .part6{padding:80px 0 0px;}
.index .part6 .box1{ background:url(../img/index/bg5.png) 0 0 no-repeat; background-size:100% auto;}
.index .part6 ul{width:100%; box-sizing:border-box; padding:0 4%;}
.index .part6 ul li{width:50%; float:left; text-align:center; margin-bottom:34px;}
.index .part6 ul li a{color:#2d53aa;}
.index .part6 ul li a h3{font-size:30px; color:#2d53aa; letter-spacing:1px;}
.index .part6 ul li a p{font-size:14px; margin:5px 10px; color:#2d53aa; letter-spacing:1px;}
.index .part6 ul li span{display:inline-block; width:16px; height:16px; background:url(../img/index/jt.png) 0 0 no-repeat; background-size:100% auto;}*/

.index .ev_car,
.index .phev_car,
.index .hev_car,
.index .fcev_car{background:url(../img/index/bg3.jpg) 0 bottom no-repeat; background-size:100% auto;}








