.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}
#articleInfo18 .topBox{padding:70px 0 30px;background:url(/images/style/18/img-topBg.png) no-repeat 0 0}
#articleInfo18 .topBox .text{margin:0 0 0 auto;width:40%}
#articleInfo18 .topBox .text h3{margin-bottom:15px;font-weight:normal;font-size:30px;color:#004285;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#articleInfo18 .topBox .text article{animation-name:fadeInRight;-webkit-animation-name:fadeInRight;animation-delay:0.5s;-webkit-animation-delay:0.5s}
#describe{margin-top: 2vw;}
#articleInfo18 .secBox > div{overflow:hidden;margin-bottom:35px}
#articleInfo18 .secBox .item h5{text-align:center;font-weight:700;font-size:26px;color:var(--secondary);letter-spacing:5px}
#articleInfo18 .secBox .item article{float:left;width:calc(100% - 220px)}
#articleInfo18 .secBox .photoBox{display:flex;flex-wrap:wrap;justify-content:center}
#articleInfo18 .secBox .photoBox > div{overflow:hidden;margin:10px;width:calc((100%/4) - 30px);border:5px solid #f1f1f1;animation-name:fadeInDown;-webkit-animation-name:fadeInDown}
#articleInfo18 .secBox .photoBox > div b{display:block;text-align: center;margin-bottom: 20px;font-weight: 400;}
#articleInfo18 .secBox .photoBox > div img{width: 90%;-webkit-filter: grayscale(1);margin: 0 auto;display: block;}
#articleInfo18 .secBox .two > div{width: calc((100%/2) - 30px);display: flex;align-items: center;flex-wrap: wrap;justify-content: center;}
#articleInfo18 .secBox .two > div img{width: 20%;margin: 0;}
#articleInfo18 .secBox .two > div b{margin:0;}

@media screen and (max-width:768px){
	#articleInfo18 .secBox .photoBox > div{width: calc((100%/3) - 30px);}
	#articleInfo18 .secBox .two > div{width: calc((100%/1) - 30px);}
	#articleInfo18 .topBox{position:relative}
	#articleInfo18 .topBox:before{position:absolute;width:100%;height:100%;background:rgba(255,255,255,0.35);top:0;left:0;z-index:1;content:""}
	#articleInfo18 .topBox .text{position:relative;width:50%;z-index:2}
}
@media screen and (max-width:640px){
	#articleInfo18 .secBox .photoBox > div b{font-size: 15px;margin-bottom: 10px;}
	#articleInfo18 .secBox .photoBox > div{width: calc((100%/2) - 14px);border: 2px solid #f1f1f1;margin: 5px;}
	#articleInfo18 .secBox .two > div{width: calc((100%/1) - 14px);}
	#articleInfo18 .topBox:before{background:rgba(255,255,255,0.6)}
	#articleInfo18 .secBox .item h5,#articleInfo18 .secBox .item article{width:100%}
	#articleInfo18 .secBox .two > div b{margin:0;}
}