.phev p.line{z-index:0;}
.phev .electric{z-index:1;}

/*公共css*/
/*.phev .swiper-container,
.phev .swiper-wrapper,
.phev .swiper-slide,
.phev .box{width:100%; height:100%;}*/
.phev .swiper-container,
.phev .swiper-wrapper,
.phev .swiper-slide{width:100%; height:100%;}

.phev .part1,
.phev .part2,
.phev .part3,
.phev .part4,
.phev .part5{position:relative;}

.phev .part2,
.phev .part3,
.phev .part4{border-bottom:1px solid rgba(160,160,160,0.5);}
.phev .part4{padding-bottom:60px;}

.phev .box{box-sizing:border-box; padding-top:56px; padding-bottom:50px;}
.phev .part1 .box{padding-top:70px; padding-bottom:60px;}



.phev .box h3 span.left,
.phev .box h3 span.right{display:block; width:9%; height:1px; background:rgba(160,160,160,0.5); position:absolute; bottom:0;}

.phev .box h3 span.left{left:0;}
.phev .box h3 span.right{right:0;}

.phev h3{width:100%; box-sizing:border-box; padding:0 9%; position:relative; line-height:1.2; letter-spacing:0; /*border-bottom:1px solid rgba(160,160,160,0.5);*/ margin-bottom:53px;}
.phev .box h3 p{width:82%; position:absolute; left:9%; z-index:2; text-align:center; z-index:1;}
.phev .box h3 .bg{display:block; width:100%; background:url(../img/xiexian1.png) 0 0 no-repeat #a0a0a0;background-size:100% 100%;}

.phev .box1 .con{width:82%; margin:0 auto; background:#a0a0a0; border:none; position:relative; box-sizing:border-box;}

.phev .box span.num,
.phev .box span.txt{display:inline-block;}
.phev .box span.txt{width:100%; box-sizing:border-box; padding-left:48px;}

.phev .box span.num{width:40px; height:inherit; background:none; position:relative; margin-left:5%;}
.phev .box span.num img{width:100%;}
.phev .box span.num img.num_z{position:absolute; top:0; left:0;}

.phev .xiexian{width:100%; height:28px; background:url(../img/xiexian1.png) 0 bottom no-repeat #a0a0a0; background-size:100% 100%;}

.electric-next.swiper-button-next.swiper-button-disabled{opacity:0;}
.electric-next.swiper-button-next{width:14px; height:22px; background:none; right:inherit; margin-top:inherit; top:inherit; left:50%; margin-left:-7px; bottom:10px;
animation:arrow 0.9s linear infinite;
-ms-animation:arrow 0.9s linear infinite;
-webkit-animation:arrow 0.9s linear infinite;
}

@keyframes arrow{
  0%{}
  50%{background:url(../img/jt4_1.png) 0 0 no-repeat; background-size:100% auto;}
  100%{background: url(../img/jt4_2.png) 0 0 no-repeat; background-size:100% auto;}
}
@-webkit-keyframes arrow{
  0%{}
  50%{background:url(../img/jt4_1.png) 0 0 no-repeat; background-size:100% auto;}
  100%{background: url(../img/jt4_2.png) 0 0 no-repeat; background-size:100% auto;}
}


.phev p.txt{color:#fff; margin:15px 0;}

.phev .part1 h3{width:100%; box-sizing:border-box; border-top:1px solid #a0a0a0; border-bottom:1px solid #a0a0a0; padding:10px 0 10px 2%;}
.phev .part1 h3 img{display:block; width:70%;}
.phev .part1 h4{width:70%; margin:5% auto 10%; font-style:italic; line-height:1;}
.phev .part1 h4 p{display:block; width:100%; color:#fff; font-size:40px;}
.phev .part1 h4 p.txt1{font-size:80px;}
.phev .part1 h4 p.txt2{line-height:1.2;}
.phev .part1 h4 p.txt1 span:nth-child(5),
.phev .part1 h4 p.txt1 span:nth-child(6),
.phev .part1 h4 p.txt1 span:nth-child(7),
.phev .part1 h4 p.txt1 span:nth-child(8),
.phev .part1 h4 p.txt1 span:nth-child(9),
.phev .part1 h4 p.txt1 span:nth-child(10),
.phev .part1 h4 p.txt1 span:nth-child(11),
.phev .part1 h4 p.txt1 span:nth-child(12),
.phev .part1 h4 p.txt1 span:nth-child(13),
.phev .part1 h4 p.txt1 span:nth-child(14){display:none;}
.phev .part1 h4 p.txt2 span:nth-child(1),
.phev .part1 h4 p.txt2 span:nth-child(2),
.phev .part1 h4 p.txt2 span:nth-child(3),
.phev .part1 h4 p.txt2 span:nth-child(4){display:none;}
.phev .part1 p.line3,
.phev .part1 p.line4,
.phev .part1 p.line5{z-index:2;}

.phev .part1{background:url(../img/phev/11_02.png) 0 bottom no-repeat; background-size:100% auto;}
.phev .part1 .car{width:100%; position:relative; margin-top:0%;}
.phev .part1 .car img{display:block; width:100%; position:absolute; top:0; right:0; /*visibility:hidden;*/} 

.phev .part1 .car .tit_pic{position:relative;}
.phev .part1 .car .tit_pic img{/*visibility:hidden;*/}
.phev .part1 .car .tit_pic img.tit1,
.phev .part1 .car .tit_pic img.tit4,
.phev .part1 .car .tit_pic img.tit5{position:relative;}

.phev .part1 .car .tit_pic img.tit4{margin:20px 0 15px;}

.phev .part2 .box1{display:block; width:100%; position:relative;}
/*.phev .part2 .box1:before{width:100%; height:100%; content:''; position:absolute; z-index:-1; opacity:0.4; background:url(../img/gif/tngas36.gif) 160px center no-repeat; background-size:100% auto; top:0; right:0;}*/
.phev .part2 .box1 .con{padding-top:15px; border-top:1px solid rgba(160,160,160,0.3);}
.phev .part2 .box h3 p{bottom:-14px;}
.phev .part2 .box h3 .bg{height:28px;}
.phev .part2 .box1 .con p.txt{width:88%; margin:10px auto 0px;}

.phev .part2 .box1 .con .moretxt{display:block; width:35px; margin:20px auto;}
.phev .part2 .box1 .con .moretxt img{display:block; width:20px; margin:0 auto;}
.phev .part2 .box1 .con .swiper-slide img{display:block; width:100%; box-sizing:border-box; border:3px solid #fff;}


.phev .part3 .box1{display:block; width:100%; position:relative;}
/*.phev .part3 .box1:before{width:100%; height:100%; content:''; position:absolute; z-index:-1; opacity:0.4; background:url(../img/gif/tngas35.gif) center center no-repeat; background-size:150% auto; top:0; right:0;}*/
.phev .part3 .box1 .con{padding-top:15px; border-top:1px solid rgba(160,160,160,0.3);}
.phev .part3 .box h3 p{bottom:14px;}
.phev .part3 .box h3 .bg{height:28px;}
.phev .part3 .box1 .con p.txt{width:88%; margin:10px auto 20px;}
.phev .part3 .box1 .con p.pic{width:100%;}
.phev .part3 .box1 .con p.pic img{display:block; width:100%; box-sizing:border-box; border:3px solid #fff;}

/*.phev .part4 .box h3{top:-20px;}
.phev .part4 .box h3 p{background:url(../img/xiexian2.png) center center no-repeat; background-size:100% 30px; padding-bottom:0; position:relative; top:20px;}*/
.phev .part4 .box1{display:block; width:100%; position:relative;}
/*.phev .part4 .box1:before{width:100%; height:100%; content:''; position:absolute; z-index:-1; opacity:0.4; background:url(../img/gif/tngas36.gif) -160px 0 no-repeat; background-size:100% auto; top:0; right:0;}*/
.phev .part4 .box1 .con{padding-top:15px; border-top:1px solid rgba(160,160,160,0.3);}
.phev .part4 .box h3 p{bottom:14px;}
.phev .part4 .box h3 .bg{height:28px;}
.phev .part4 .box1 .con p.txt{width:88%; margin:10px auto 20px;}
.phev .part4 .box1 .con p.pic{width:100%;}
.phev .part4 .box1 .con p.pic img{display:block; width:100%; box-sizing:border-box; border:3px solid #fff;}

.phev .part4 .box1 .con .moretxt{display:block; width:35px; margin:20px auto;}
.phev .part4 .box1 .con .moretxt img{display:block; width:20px; margin:0 auto;}


.phev .part5 .box{padding-bottom:0;}
.phev .part5 .box h3{margin-bottom:65px;}
.phev .part5 .box h3 p{bottom:14px;}
.phev .part5 .box h3 .bg{height:28px;}

.phev .part5 .box1{display:block; width:100%; position:relative; left:0; bottom:0;}
.phev .part5 .box1 .pic_box{width:100%; position:relative; padding-top:20px;}

.phev .part5 .box1 .pic_box img{display:block; width:100%; position:relative; z-index:1;}

.phev .part5 .box1 .cars_wrap,
.phev .part5 .box1 .pic_box .pic3{position:absolute; left:0;}
.phev .part5 .box1 .pic_box .pic3{bottom:0; z-index:3;}

.phev .part5 .box1 .cars_wrap{width:100%; top:0; z-index:2;}
.phev .part5 .box1 .cars_name,
.phev .part5 .box1 .cars{width:100%; position:relative;}

.phev .part5 .box1 .cars_name p,
.phev .part5 .box1 .cars p{margin:0;}

.phev .part5 .box1 .cars_name{margin-bottom:80px;}
.phev .part5 .box1 .cars_name li{width:40%; position:absolute;}
.phev .part5 .box1 .cars_name li:nth-child(1){position:relative;}
.phev .part5 .box1 .cars_name li a{display:block; position:relative; z-index:1;}
.phev .part5 .box1 .cars_name li .txt{min-width:60%; text-align:center; box-sizing:border-box; padding:6px 6px; background:#2d53aa; letter-spacing:0;}
.phev .part5 .box1 .cars_name li .txt span{display:block; font-size:8px;}
.phev .part5 .box1 .cars_name li:nth-child(1){left:25%; top:0;}
.phev .part5 .box1 .cars_name li:nth-child(4){right:5%; top:0;}
.phev .part5 .box1 .cars_name li:nth-child(2){width:37%; right:10%; top:74%;}
.phev .part5 .box1 .cars_name li:nth-child(3){right:9%; top:140%;}

.phev .part5 .box1 .cars_name .dash_line{display:block; width:1px; border-left:1px dashed #9d9d9d; position:absolute; z-index:0;}
.phev .part5 .box1 .cars_name li:nth-child(1) .dash_line,
.phev .part5 .box1 .cars_name li:nth-child(4) .dash_line{height:130px; top:30px;}
.phev .part5 .box1 .cars_name li:nth-child(2) .dash_line,
.phev .part5 .box1 .cars_name li:nth-child(3) .dash_line{height:70px; top:20px;}

.phev .part5 .box1 .cars_name li:nth-child(1) .dash_line{left:76%;}
.phev .part5 .box1 .cars_name li:nth-child(2) .dash_line{left:50%;}
.phev .part5 .box1 .cars_name li:nth-child(3) .dash_line{left:55%;}
.phev .part5 .box1 .cars_name li:nth-child(4) .dash_line{left:31%;}

.phev .part5 .box1 .cars li{width:45%; position:absolute;}
.phev .part5 .box1 .cars li:nth-child(1){z-index:1; position:relative; top:0; left:23%;}
.phev .part5 .box1 .cars li:nth-child(2){z-index:2; top:0%; right:5%;}
.phev .part5 .box1 .cars li:nth-child(3){z-index:2; top:5%; right:9%;}
.phev .part5 .box1 .cars li:nth-child(4){z-index:1; top:0; right:5%;}
.phev .part5 .box1 .cars a{display:block; width:100%; color:#fff;}
.phev .part5 .box1 .cars li .pic{width:100%;}


.back_top{width:36px; margin-left:-18px; left:50%; position:absolute; bottom:15px; z-index:5; /*display:none;*/}
.back_top a{display:block; width:100%; height:100%;}
.back_top .jt{
animation: arrow2 0.9s linear infinite;
-ms-animation: arrow2 0.9s linear infinite;
-webkit-animation: arrow2 0.9s linear infinite;	
}
.back_top .txt{/*color:#fff;*/}
@keyframes arrow2{
  0%{}
  50%{background:url(../img/jt_9_1.png) 0 0 no-repeat; background-size:100% auto;}
  100%{background: url(../img/jt_9_2.png) 0 0 no-repeat; background-size:100% auto;}
}
@-webkit-keyframes arrow2{
  0%{}
  50%{background:url(../img/jt_9_1.png) 0 0 no-repeat; background-size:100% auto;}
  100%{background: url(../img/jt_9_2.png) 0 0 no-repeat; background-size:100% auto;}
}

.slide-next.swiper-button-next,
.slide-prev.swiper-button-prev{width:35px; height:35px; top:84%; margin-top:-17.5%;}
.slide-next.swiper-button-next{background:url(../img/next.jpg) 0 0 no-repeat; background-size:100% auto; right:-17px;}
.slide-prev.swiper-button-prev{background:url(../img/prev.jpg) 0 0 no-repeat; background-size:100% auto; left:-17px;}


@-webkit-keyframes fadeInShake{
	0%{opacity:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
	10%,30%,50%,70%,90%{-webkit-transform:translate3d(-3px,0,0);transform:translate3d(-3px,0,0)}
	20%,40%,60%,80%{-webkit-transform:translate3d(3px,0,0);transform:translate3d(3px,0,0)}
	100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInShake{
	0%{opacity:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
	10%,30%,50%,70%,90%{-webkit-transform:translate3d(-3px,0,0);transform:translate3d(-3px,0,0)}
	20%,40%,60%,80%{-webkit-transform:translate3d(3px,0,0);transform:translate3d(3px,0,0)}
	100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInShake{-webkit-animation-name:fadeInShake;animation-name:fadeInShake}









