.wow{animation-fill-mode:both;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-duration:1s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s}
#articleInfo2{overflow:hidden}
#articleInfo2 .item1,#articleInfo2 .item2,#articleInfo2 .item3{overflow:hidden;animation-name:fadeInDown;-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-ms-animation-name:fadeInDown;-o-animation-name:fadeInDown;-webkit-animation-duration:1.5s;-moz-webkit-animation-duration:1.5s;-ms-webkit-animation-duration:1.5s;-o-webkit-animation-duration:1.5s}
#articleInfo2 .item1:hover .info .tit{animation-name:rubberBand;-webkit-animation-name:rubberBand;-moz-animation-name:rubberBand;-ms-animation-name:rubberBand;-o-animation-name:rubberBand;animation-duration:1.5s;-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;-ms-animation-duration:1.5s;-o-animation-duration:1.5s}
#articleInfo2 .tit h2{font-size:25px;color:#fff;display: flex;margin-bottom: 50px;letter-spacing: 1px;}
#articleInfo2 .tit h2 img{width:15px;height:15px;margin-right:30px;margin-top: 15px;}
#articleInfo2 .tit h2 svg{width:15px;height:15px;margin-right:30px;margin-top: 15px;}
#articleInfo2 .tit i{margin-right:10px;font-size:40px;vertical-align:inherit}
#articleInfo2 .info article{margin: 20px 0 0 0;font-size:16px;line-height:170%}
#articleInfo2 .item3 .info article{margin-bottom: 70px;}
#articleInfo2 .item3 .info article p{color:#fff;letter-spacing:1px;font-size:20px;margin:15px 0;display:flex;line-height:210%}
#articleInfo2 .item3 .info article p:before{content:'-';margin-right: 20px;}
#articleInfo2 .info,#articleInfo2 .photoBox{width: 45%;}
#articleInfo2 .photoBox{}
#articleInfo2 .item1 .info .tit i{font-size:70px}
#articleInfo2 .item1 .info h2{font-size:48px;line-height:45px}
#articleInfo2 .item1 .info h2 b{font-size:30px;display:block}
#articleInfo2 .item1 .info article{margin:30px 10px 0 70px}
#articleInfo2 .item2{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom: 90px;}
#articleInfo2 .item2 .info{animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;margin-bottom: 70px;}
#articleInfo2 .item2 .info h3{
    letter-spacing: 2px;
    color: #fff;
    font-size: 20px;
}
#articleInfo2 .item2 .rightBox{position:relative;-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-ms-animation-name:fadeInRight;-o-animation-name:fadeInRight}
#articleInfo2 .item3{animation-name:fadeInUp;-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-ms-animation-name:fadeInUp;-o-animation-name:fadeInUp}
#articleInfo2 .item3 .info{width: 100%;}
#articleInfo2 .item3 .photoBox{width: 100%;margin: 90px 0 140px;}

@media screen and (max-width:1024px){
	#articleInfo2 .info article,#articleInfo2 .item1 .info article{margin:20px 10px 0 0}
	#articleInfo2 .item1 .info .tit i{font-size:50px}
	#articleInfo2 .item1 .info h2{font-size:30px;line-height:30px}
	#articleInfo2 .item1 .info h2 b{font-size:25px}
}
@media screen and (max-width:768px){
	#articleInfo2 .info,#articleInfo2 .photoBox,#articleInfo2 .item3 .info,#articleInfo2 .item3 .photoBox{margin:10px 0;padding-left:0;padding-right:0;width:100%}
	#articleInfo2 .item2{padding:0}
	#articleInfo2 .item2 .info{padding:20px 0;margin:0}
	#articleInfo2 .item2 .info .tit,#articleInfo2 .item2 .info article{margin-left:20px}
	#articleInfo2 .item2 .rightBox{border-top:1px #959595 dashed}
	#articleInfo2 .item2 .rightBox:after{width:0}
}