.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;}
#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 45px;font-size:16px;line-height:170%}
#articleInfo2 .item3 .info article{margin-bottom: 160px;}
#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:49%}
#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: 150px;}
#articleInfo2 .item2 .info{animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-animation-name:fadeInLeft;-o-animation-name:fadeInLeft}
#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 60px;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:after{width:0}
}
@media screen and (max-width: 488px){
	#articleInfo2 .tit h2{font-size: 22px;}
	#articleInfo2 .item2{margin-bottom:30px}
	#articleInfo2 .item3 .info article{margin:0 0 70px}
	#articleInfo2 .item3 .info article p{font-size:16px}
}