
.history p.line{z-index:0;}
.history .electric{z-index:1;}


/*公共css*/
/*.history .swiper-container,
.history .swiper-wrapper,
.history .swiper-slide,
.history .box{width:100%; height:100%;}*/
.history .swiper-container,
.history .swiper-wrapper,
.history .swiper-slide{width:100%; height: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:arrow3 0.9s linear infinite;
-ms-animation:arrow3 0.9s linear infinite;
-webkit-animation:arrow3 0.9s linear infinite;
}

@keyframes arrow3{
  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 arrow3{
  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;}
}

.history .part1,
.history .part2,
.history .part3,
.history .part4{position:relative;}

.history .part1,
.history .part2,
.history .part3{border-bottom:1px solid rgba(160,160,160,0.5);}

.history .box{box-sizing:border-box; padding-top:44px;}
.history .part1 .box{padding-top:70px; padding-bottom:150px;}
.history .part2 .box,
.history .part3 .box{padding-bottom:40px;}
.history .part4 .box{padding-bottom:70px;}

.history .box h3 .left,
.history .box h3 .right{display:block; width:9%; height:1px; background:rgba(160,160,160,0.5); position:absolute; bottom:0; z-index:2;}
.history .box h3 .left{left:0;}
.history .box h3 .right{right:0;}

.history 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;}
.history .box h3 p{width:82%; position:absolute; left:9%; z-index:2; text-align:center; z-index:1;}
.history .box h3 .bg{display:block; width:100%; background:url(../img/xiexian1.png) 0 0 no-repeat #a0a0a0;background-size:100% 100%;}

.history .xiexian{width:100%; height:28px; background:url(../img/xiexian1.png) 0 bottom no-repeat; background-size:100% 100%;}

.history p.txt{color:#fff; margin:15px 0;}


.history .part1 h3{border-top:1px solid #fff; border-bottom:1px solid #fff; padding-top:5px; padding-bottom:5px; font-style:italic;}

.history .part1 .car{width:100%; position:relative; margin-top:25%; padding-top:13%;}
.history .part1 .car img{display:block; width:100%; position:absolute; top:0; right:0; /*visibility:hidden;*/} 

.history .part1 .car .tit_pic{position:relative;}
.history .part1 .car .tit_pic img{/*visibility:hidden;*/}
.history .part1 .car .tit_pic img.tit1{position:relative;}
.history .part1 .car .tit_pic img.tit2{top:8px;}
.history .part1 .car .tit_pic img.tit3{top:15px;}
.history .part1 .car .tit_pic .lk_wrap{width:100%; height:100%; position:absolute; top:0; left:0;}
.history .part1 .car .tit_pic .lk_wrap a{display:block; width:100%; height:33.333%;}
.history .part1 .car .tit_pic .lk_wrap a:nth-child(2){width:66%;}

.history .part2{padding-top:56px;}
.history .part2 .box{background:url(../img/history/1.png) 0 bottom no-repeat; background-size:100% auto; padding-bottom:43%;}
.history .part2 .box h3{width:100%; border-bottom:1px solid #a0a0a0; padding-bottom:15px; text-align:center; margin-bottom:30px;}
.history .part2 .box .con{border:none;}
.history .part2 .box .txt{color:#a0a0a0;}
.history .part2 .box .pic{width:82%; margin:50px auto 0;}
.history .part2 .box .pic img{display:block; width:100%; box-sizing:border-box; border:3px solid #a0a0a0;}

.history .part3 .box1{display:block; width:100%; position:relative;}
/*.history .part3 .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;}*/
.history .part3 .box1 .con{width:82%; margin:0 auto; padding-top:15px; background:#a0a0a0; border-top:1px solid rgba(160,160,160,0.3); position:relative;}

.history .part3 .box h3 p{bottom:10px;}
.history .part3 .box h3 .bg{height:28px;}
.history .part3 .box1 .con{padding-top:10px;}
.history .part3 .box1 .txt{width:88%; margin:10px auto 20px; color:#fff;}

.history .part3 .box1 .con dl{width:100%;}
.history .part3 .box1 .con dl dt{width:90%; margin:15px auto; color:#fff;}
.history .part3 .box1 .con dl dd{width:100%;}

.history .part3 .box1 .con dl dt h5{font-size:16px;}
.history .part3 .box1 .con dl dt p{margin:10px 0;}
.history .part3 .box1 .con dl dt .moretxt{width:35px; margin:0 auto;}
.history .part3 .box1 .con dl dt .moretxt img{display:block; width:20px; margin:0 auto;}

.history .part3 .box1 .con dl dd img{display:block; width:100%; box-sizing:border-box; border:3px solid #fff;}


.history .part4 .box1{display:block; width:100%; position:relative; color:#fff;}
/*.history .part4 .box1:before{width:100%; height:100%; content:''; position:absolute; z-index:-1; opacity:0.4; background:url(../img/gif/tngas35.gif) bottom center no-repeat; background-size:132% auto; right:0;}*/
.history .part4 .box1 h5{font-size:16px;}

.history .part4 .box h3 p{bottom:10px;}
.history .part4 .box h3 .bg{height:28px;}

.history .part4 .box1 .txt1{width:82%; box-sizing:border-box; padding:0 5%; margin:0 auto 20px;}
.history .part4 .box1 .txt1 p{margin:15px 0;}
.history .part4 .box1 .txt1 .txt{color:#a0a0a0;}

.history .part4 .box1 .con{width:82%; margin:0 auto; padding-top:15px; background:#a0a0a0; border-top:1px solid rgba(160,160,160,0.3); position:relative;}
.history .part4 .box1 .con .txt2{width:90%; margin:0 auto;}
.history .part4 .box1 .con .pic{width:100%; margin-top:20px;}
.history .part4 .box1 .con .pic img{display:block; width:100%;}

.history .part4 .box1 .moretxt{width:35px; margin:0 auto;}
.history .part4 .box1 .moretxt img{display:block; width:20px; margin:0 auto;}

/*返回顶部*/
.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 p{margin:0 auto;}

.slide-next.swiper-button-next,
.slide-prev.swiper-button-prev{width:35px; height:35px; top:81%;}
.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}









