html,
body,
.main{display:block; position:relative; background:#3d70e4;}
.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(255,255,255,0.5);}

.phev .box{box-sizing:border-box; padding-top:40px;}
.phev .part1 .box{padding-top:70px; padding-bottom:60px;}
.phev .part2 .box,
.phev .part3 .box,
.phev .part4 .box{padding-bottom:40px;}

.phev h3{line-height:1.1;}

.phev .part2 .box h3,
.phev .part3 .box h3,
.phev .part4 .box h3,
.phev .part5 .box h3{width:100%; margin-bottom:30px; position:relative;}

.phev .part2 .box h3 span.left,
.phev .part3 .box h3 span.left,
.phev .part4 .box h3 span.left,
.phev .part5 .box h3 span.left,
.phev .part2 .box h3 span.right,
.phev .part3 .box h3 span.right,
.phev .part4 .box h3 span.right,
.phev .part5 .box h3 span.right{display:block; width:9%; height:1px; background:rgba(255,255,255,0.5); position:absolute; bottom:0;}

.phev .part2 .box h3 span.left,
.phev .part3 .box h3 span.left,
.phev .part4 .box h3 span.left,
.phev .part5 .box h3 span.left{left:0;}

.phev .part2 .box h3 span.right,
.phev .part3 .box h3 span.right,
.phev .part4 .box h3 span.right,
.phev .part5 .box h3 span.right{right:0;}

.phev .part2 .box h3 p,
.phev .part3 .box h3 p,
.phev .part4 .box h3 p,
.phev .part5 .box h3 p{width:82%; margin:0px auto 0px; background:url(../img/xiexian1.png) center bottom no-repeat; background-size:100% 20px; padding-bottom:6px; /*text-align:center;*/ position:relative;}
.phev .part5 .box h3 p{text-align:center;}

.phev .box h3 p span.num,
.phev .box h3 p span.txt{display:inline-block;}
.phev .box h3 p span.txt{width:100%; box-sizing:border-box; padding-left:48px;}

.phev .part2 .box h3 p span.num,
.phev .part3 .box h3 p span.num,
.phev .part4 .box h3 p span.num,
.phev .part5 .box h3 p span.num{width:40px; height:inherit; background:none; position:absolute; left:5px; top:-10px;}

.phev .part2 .box h3 p span.num img,
.phev .part3 .box h3 p span.num img,
.phev .part4 .box h3 p span.num img,
.phev .part5 .box h3 p span.num img{width:40px; position:absolute; top:0; left:0;}


.phev .xiexian{width:100%; height:20px; background:url(../img/xiexian1.png) 0 bottom no-repeat; background-size:100% 20px;}

.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 #fff; border-bottom:1px solid #fff; 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:#3d70e4; 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{width:82%; margin:0 auto; padding-top:15px; background:#4b78ed; border-top:1px solid rgba(255,255,255,0.3); position:relative;}
.phev .part2 .box1 .con .num{width:90%; margin:0 auto;}
.phev .part2 .box1 .con .num span{display:block; width:40px; position:relative;}
.phev .part2 .box1 .con .num span img{display:block; width:100%;}
.phev .part2 .box1 .con .num span img.num_z{position:absolute; top:0; left:0;}

.phev .part2 .box h3{top:-20px;}
.phev .part2 .box h3 p{background:url(../img/xiexian2.png) center center no-repeat; background-size:100% 30px; padding-bottom:3px; position:relative; top:20px;}

.phev .part2 .box1 .con p.txt{width:90%; color:#fff; margin:20px auto;}
.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{width:82%; margin:0 auto; padding-top:15px; background:#4b78ed; border-top:1px solid rgba(255,255,255,0.3); position:relative;}
.phev .part3 .box1 .con .num{width:90%; margin:0 auto;}
.phev .part3 .box1 .con .num span{display:block; width:40px; position:relative;}
.phev .part3 .box1 .con .num span img{display:block; width:100%;}
.phev .part3 .box1 .con .num span img.num_z{position:absolute; top:0; left:0;}

.phev .part3 .box1 .con p.txt{width:90%; color:#fff; margin:20px auto 60px;}
.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{width:82%; margin:0 auto; padding-top:15px; background:#4b78ed; border-top:1px solid rgba(255,255,255,0.3); position:relative;}
.phev .part4 .box1 .con .num{width:90%; margin:0 auto;}
.phev .part4 .box1 .con .num span{display:block; width:40px; position:relative;}
.phev .part4 .box1 .con .num span img{display:block; width:100%;}
.phev .part4 .box1 .con .num span img.num_z{position:absolute; top:0; left:0;}

.phev .part4 .box1 .con p.txt{width:90%; color:#fff; margin:20px 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 h3{margin-bottom:65px;}
.phev .part5 .box1{display:block; width:100%; position:relative; left:0; bottom:0;}
.phev .part5 .box1 .pic{width:100%; position:relative;}
/*.phev .part5 .box1 .pic span{width:100%; height:80%; background:#fff; position:absolute; bottom:0; left:0; z-index:0;}*/
.phev .part5 .box1 .pic img{display:block; width:100%; position:relative; z-index:1;}
.phev .part5 .box1 .pic .lk_wrap{width:100%; margin:20px 0 40px;}
.phev .part5 .box1 .pic .lk_wrap a{display:block; width:25%; min-width:60px; float:left; background:#2d53aa; color:#fff; text-align:center; line-height:3; background:rgba(0,0,0,0.4); border-bottom:2px solid #fff; position:relative; color:#fff;}
.phev .part5 .box1 .pic .lk_wrap a 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;}
.phev .part5 .box1 .pic a.lk1{margin-left:15%;}
.phev .part5 .box1 .pic a.lk2{float:right; margin-right:15%;}


.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:#4172e5;}


.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}