.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}
#describe{padding:0}
#articleInfo20 ul.topBox{}
#articleInfo20 ul.topBox  li{width:calc((100%/3) - 33px);display:inline-block;animation-name:fadeInDown;-webkit-animation-name:fadeInDown;transition:all linear 0.3s;margin:0 15px;position: relative;}
#articleInfo20 li:before{pointer-events:none;content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:4px solid #e0e0e0;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;opacity:0;z-index: -1;}
#articleInfo20 ul li .brandLogo{display:none}
#articleInfo20 .brandContent .brandTit{text-align:center;font-weight:400;font-size:24px;line-height:180%;color:#333333;letter-spacing:3.5px;padding-bottom:30px;display:flex;flex-direction:column}
#articleInfo20 ul.noneStyle{display:flex;flex-wrap:wrap;justify-content:center}
#articleInfo20 ul.noneStyle  li{padding:0px;margin:10px;width:calc((100%/3) - 10px);display:inline-block;border:0px #ccc solid;animation-name:fadeInDown;-webkit-animation-name:fadeInDown;transition:all linear 0.3s;text-align:center;min-height:0}
#articleInfo20 ul.noneStyle  li::before{content:"•";display:inline-block;width:16px}
#articleInfo20 ul.topBox li h3 a{margin:0;font-size:18px;font-weight:500;color:#231f17;display:block;padding:25px 30px}
#articleInfo20 ul.topBox li h5{font-size:16px;color:#caa34b}
#articleInfo20 ul.topBox li.focus h5{color:#fff}
#articleInfo20 ul.topBox li p.photo img{height:300px;width:100%;object-fit:cover}
#articleInfo20 .bottomBox h3{text-align:center;font-size:30px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#articleInfo20 .bottomBox p{margin:10px 0 20px;text-align:center;font-size:18px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#articleInfo20 .bottomBox article{animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#articleInfo20 li .plus{position:absolute;bottom: 30px;right:10px;pointer-events:none;width:30px;height:30px;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
#articleInfo20 li .plus::before,#articleInfo20 li .plus::after{content:"";position:absolute;top:50%;left:0;margin-top:-1px;width:100%;height:2px;background-color:#616161;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
#articleInfo20 li .plus::after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}

@media screen and (min-width: 1281px){
	#articleInfo20 li:hover:before{-webkit-transform:translate(-20px,20px);transform:translate(-20px,20px);opacity:1}
	#articleInfo20 li:hover .plus{right:40px}
}
@media screen and (max-width:1140px){
	#articleInfo20 ul.topBox li{width:calc(50% - 33px);margin:15px}
	#articleInfo20 ul.topBox li p.photo img{height:35vw}
}
@media screen and (max-width:640px){
	#articleInfo20 ul.topBox li{width:100%;margin:15px 0}
	#articleInfo20 ul.topBox li p.photo img{height: 70vw;}
}