.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{position:relative;padding-top:125px;margin-top:170px;padding-bottom:10vh}
#articleInfo2:before{content:url(/images/42/join-left-bottom.png);position:absolute;left:-70px;bottom:-15px;z-index:0}
#articleInfo2:after{content:url(/images/42/join-right-bottom.png);position:absolute;right:0;bottom:0}
#articleInfo2 .tit h2{display:block;font-size:30px;text-align:end;color:#b4a269;font-weight:600;letter-spacing:9px;margin-bottom:10px}
#articleInfo2 .tit i{margin-right:10px;font-size:40px;vertical-align:inherit}
#articleInfo2 .info article{margin:20px 10px 0 55px;font-size:16px;line-height:170%}
#articleInfo2 .bg{margin-top:-8%;position:relative}
#articleInfo2 .bg.mo{display:none;}
#articleInfo2 .photoBox{text-align:center}
#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{width:90%;margin:-45% auto 0;display:flex;flex-wrap:wrap;justify-content:space-between}
#articleInfo2 .item2 .info{animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;width:50%}
#articleInfo2 .item2 .rightBox{animation-name:fadeInRight;-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-ms-animation-name:fadeInRight;-o-animation-name:fadeInRight}
#articleInfo2 .item2 .info ul{margin-left:100px}
#articleInfo2 .item2 .info li{font-size:25px;color:#fff;display:flex;font-weight:700;letter-spacing:5px;align-items:center;margin:15px 0}
#articleInfo2 .item2 .info li b{margin-right:10px}
#articleInfo2 .item3{animation-name:fadeInUp;-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-ms-animation-name:fadeInUp;-o-animation-name:fadeInUp;width:80%;margin:0 auto}
#articleInfo2 .item3 .info >.tit{text-align:end;padding:0 15%}
#articleInfo2 .item3 li{font-size:30px;color:#004050;font-weight:700;letter-spacing:5px;align-items:center;margin:10px 0;}
#articleInfo2 .item3 li b{margin-right:10px}
#articleInfo2 .item3 ul{width:65%;margin:60px auto}
#articleInfo2 .item3 p{font-size:30px;color:#004050;font-weight:700;letter-spacing:5px;width:60%;margin:0 0 0 auto}
#articleInfo2 .item3 p:before{content:url(/images/42/join-title.png);position:absolute;margin-left:-50px}
#articleInfo2 .item3 p b{font-size:30px;color:#004050;font-weight:700;letter-spacing:5px;display:block}
#articleInfo2 .item3 p b img{margin-left:40px}

@media screen and (max-width:1440px){
	#articleInfo2{	margin-top:100px}
	#articleInfo2 .photoBox img{width: 60%;}
	#articleInfo2 .item2 .info .tit img{width: 60%;}
	#articleInfo2 .item2{margin-top: -49%;}
	#articleInfo2 .item2 .info ul{margin-left: 20px;}
	#articleInfo2 .item3 ul{width: 95%;}
	#articleInfo2:before, #articleInfo2:after{display:none;}
	#articleInfo2 .item3 .info >.tit{padding:0 5%;}
	#articleInfo2 .item2 .info li{font-size:22px;}
}
@media screen and (max-width:1280px){
	#articleInfo2{margin-top:89px;padding-bottom: 110px;}
	#articleInfo2 .item2 .info li, #articleInfo2 .item3 li, #articleInfo2 .item3 p, #articleInfo2 .item3 p b{font-size: 22px;}
	#articleInfo2 .item3 p:before{zoom:80%;}
}
@media screen and (max-width:1024px){
	#articleInfo2 .item3 li b{display: inline-block;}
	#articleInfo2 .item3 .info >.tit{padding: 0;}
	#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}
	#articleInfo2 .bg{display:none;}
	#articleInfo2 .bg img{width:100%;}
	#articleInfo2 .bg.mo{display:block;}
	#articleInfo2 .photoBox img{width:85%;}
	#articleInfo2 .item2 .info{width:100%;margin: 30px 0;}
	#articleInfo2 .item2{margin-top: -108%;margin-bottom: 50px;}
	#articleInfo2 .item3 p{width:90%;}
}
@media screen and (max-width:768px){
	#articleInfo2 .item3 ul{width: 100%;}
	#articleInfo2 .item3 li{display: block;}
	#articleInfo2 .item3{width:90%;}
	#articleInfo2 .bg img{width:100%;height: 1500px;object-fit: cover;}
	#articleInfo2 .info,#articleInfo2 .photoBox,#articleInfo2 .item3 .info,#articleInfo2 .item3 .photoBox{margin:10px 0;padding-left:0;padding-right:0;width:100%}
	#articleInfo2 .item2{margin-top: -128%;}
	#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}
}
@media screen and (max-width:640px){
	#articleInfo2 .bg img{height: 1650px;}
	#articleInfo2 .item2{margin-top: -235%;}
	#articleInfo2{padding-top:50px;margin-top:78px}
	#articleInfo2 .bg.mo{margin-top: -150px;}
	#articleInfo2 .item2 .info .tit img{width:90%;}
	#articleInfo2 .item2 .info li{display:block;}
	#articleInfo2 .item3 ul{margin-top: 30px;}
	#articleInfo2 .item3 p:before{display:none;}
	#articleInfo2 .item3 p{width:100%;}
	#articleInfo2 .item3 p b img{margin-left:0;margin-top: 30px;}
}