.wow{animation:fadeIn 1.5s both;-webkit-animation:fadeIn 1.5s both;animation-duration:1s;-webkit-animation-duration:1s}
.delay1{animation-delay:0.5s;-webkit-animation-delay:0.5s}
.delay2{animation-delay:1.0s;-webkit-animation-delay:1.0s}
#articleInfo20{position:relative;padding-top:125px;margin-top:170px;padding-bottom:15vh}
#articleInfo20:after{content:url(/images/42/about-right-top.png);position:absolute;top:-250px;right:0}
#articleInfo20:before{content:url(/images/42/about-left-bottom.png);position:absolute;bottom:-120px;left:0}
#articleInfo20 .googo{margin-top:190px;position:relative;z-index: 2;}
#articleInfo20 .googo:after{content:url(/images/42/aperture.png);position:absolute;bottom:10%;right:15%;-webkit-animation-name:circle;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-webkit-animation-duration:20s;z-index: 0;}
@keyframes circle{0%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0)}100%{transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg)}}
#articleInfo20 .googo h2{color:#b4a269;display:flex;align-items:center;justify-content:center;font-size:45px;font-weight:700;letter-spacing:3px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;z-index: 2;position: relative;}
#articleInfo20 .googo h2:after{content:'';width:16px;height:16px;background:#606060;transform:rotate(45deg);margin:10px 0 0 25px;display:block}
#articleInfo20 .googo h2:before{content:'';width:16px;height:16px;background:#606060;transform:rotate(45deg);margin:10px 25px 0 0;display:block}
#articleInfo20 .googo h5{color:#004050;text-align:center;font-size:37px;letter-spacing:10px;font-weight:700;margin:10px 0 25px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;position: relative;z-index: 2;}
#articleInfo20 ul li{padding:25px;width:calc((100%/3) - 55px);display:inline-block;border:1px #ccc solid;animation-name:fadeInDown;-webkit-animation-name:fadeInDown;transition:all linear 0.3s}
#articleInfo20 ul li.focus{padding:55px 25px;background:#caa34b;border-color:#775e27;color:#242425}
#articleInfo20 ul li h3{font-size:20px}
#articleInfo20 ul li h5{font-size:16px;color:#caa34b}
#articleInfo20 ul li.focus h5{color:#fff}
#articleInfo20 ul li p.photo{margin:15px 0}
#articleInfo20 .bottomBox h3{text-align:center;font-size:30px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;margin-bottom:90px}
#articleInfo20 .bottomBox p{margin:10px 0 20px;text-align:center;font-size:35px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;color:#b4a269;font-weight:600;letter-spacing:15px}
#articleInfo20 .bottomBox >p:before{content:url(/images/42/title-left.png);position:absolute;margin-left:-25px;margin-top:-25px}
#articleInfo20 .bottomBox article{animation-name:fadeInUp;-webkit-animation-name:fadeInUp;color:#004050;text-align:center;font-size:27px;letter-spacing:10px;font-weight:700;margin-top:80px}
#articleInfo20 .bottomBox article.top{margin-top:40px}

@media screen and (max-width:1440px){
	#articleInfo20:before,#articleInfo20:after{zoom:60%}
	#articleInfo20{margin-top:100px}
}
@media screen and (max-width:1366px){
	#articleInfo20:before,#articleInfo20:after{zoom:50%}
}
@media screen and (max-width:1280px){
	#articleInfo20{margin-top:89px}
}
@media screen and (max-width:1024px){
	#articleInfo20 .bottomBox p{letter-spacing:5px}
	#articleInfo20:before,#articleInfo20:after{zoom:30%}
	#articleInfo20 .googo:after{right:0}
}
@media screen and (max-width:640px){
	#articleInfo20 .googo:after{display:none}
	#articleInfo20{padding-top:50px;margin-top: 78px;}
	#articleInfo20 .bottomBox h3{margin-bottom:40px}
	#articleInfo20 .bottomBox p{font-size:22px}
	#articleInfo20 .bottomBox >p:before{zoom:50%}
	#articleInfo20 .bottomBox article{font-size:17px;letter-spacing:4px;margin:0 0 30px;line-height:200%}
	#articleInfo20 .googo h2{font-size:30px}
	#articleInfo20 .googo{margin-top:70px}
	#articleInfo20 .googo img{width: 20px;}
	#articleInfo20 .googo h5{font-size: 22px;letter-spacing: 2px;}
	#articleInfo20:before,#articleInfo20:after{zoom:18%}
}