.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}
#articleInfo18 .secBox{}
#articleInfo18 .secBox > div{margin-bottom: 15px;}
#articleInfo18 .secBox .item h5{font-weight:500;font-size:22px;color:var(--black)}
#articleInfo18 .secBox .item article{float:left;width:calc(100% - 220px)}
#articleInfo18 .secBox .photoBox{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom: 25px;}
#articleInfo18 .secBox .photoBox > div{width:calc((100%/4) - 130px);animation-name:fadeInDown;-webkit-animation-name:fadeInDown;border:1px solid #ddd;border-radius:10px;padding:50px;display: flex;flex-wrap: wrap;align-items: center;position: relative;justify-content: center;}
#articleInfo18 .secBox .photoBox > div:after{content:'';width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 10px;border-color: transparent transparent transparent #dddddd;position: absolute;right: -10px;}
#articleInfo18 .secBox .photoBox > div:last-child:after{display:none;}
#articleInfo18 .secBox .photoBox .photo{width:80px;margin-bottom:10px}
#articleInfo18 .secBox .photoBox h3{font-size:18px;line-height:140%;margin-bottom:30px;height:50px;overflow:hidden}
#articleInfo18 .secBox .photoBox p{font-size:15px}
#articleInfo18 .secBox .five{display:flex;flex-wrap: wrap;margin: 30px 0 20px;}
#articleInfo18 .secBox .five >div{width: calc((100%/5) - 100px);background: #efefef;padding: 50px;}
#articleInfo18 .secBox .five >div:nth-child(2){background: #dae3ea;}
#articleInfo18 .secBox .five >div:nth-child(3){background: #81a3bf;}
#articleInfo18 .secBox .five >div:nth-child(4){background: #005081;}
#articleInfo18 .secBox .five >div:nth-child(5){background: #ed7b25;}
#articleInfo18 .secBox .five .photo{width: 80px;margin-bottom: 20px;}
#articleInfo18 .secBox .five p{font-size: 15px;text-align: justify;letter-spacing: 1px;}
#articleInfo18 .secBox .five >div:nth-child(3) p, #articleInfo18 .secBox .five >div:nth-child(4) p, #articleInfo18 .secBox .five >div:nth-child(5) p{color:#fff;}
#articleInfo18 .secBox .three{display:flex;flex-wrap: wrap;justify-content: flex-end;align-items: center;margin-top: 20px;position: relative;overflow: hidden;}
#articleInfo18 .secBox .three .photo{width: 85%;position: absolute;left: 0;}
#articleInfo18 .secBox .three .photo img{width:100%;}
#articleInfo18 .secBox .three article{width: 40%;z-index: 2;background: #fff;padding: 100px 60px;border-radius: 10px;margin: 60px 0;}

@media screen and (max-width:1024px){
	#articleInfo18 .secBox .photoBox h3{width: calc(100% - 120px);margin-left: 30px;}
	#articleInfo18 .secBox .photoBox > div{width: calc((100%/2) - 115px);margin-bottom: 25px;}
}
@media screen and (max-width:768px){
	#articleInfo18 .secBox .three article{width:60%;}
	#articleInfo18 .secBox .five >div{width: calc((100%/3) - 100px);}
	#articleInfo18 .secBox .five >div:nth-child(4), #articleInfo18 .secBox .five >div:nth-child(5){width: calc((100%/2) - 100px);}
	#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 .three .photo{position: relative;width: 100%;}
	#articleInfo18 .secBox .five >div, #articleInfo18 .secBox .five >div:nth-child(4), #articleInfo18 .secBox .five >div:nth-child(5){width: calc((100%/1) - 100px);}
	#articleInfo18 .secBox .photoBox h3{height:auto;}
	#articleInfo18 .secBox .photoBox > div{width: calc((100%/1) - 62px);padding: 30px;}
	#articleInfo18 .topBox:before{background:rgba(255,255,255,0.6)}
	#articleInfo18 .secBox .item article{width:100%;padding: 0;margin: 20px 0;}
	#articleInfo18 .secBox .item h5{margin-bottom:15px;text-align:left}
	#articleInfo18 .secBox .photoBox > div:after{right: unset;bottom: -10px;border-width: 10px 10px 0 10px;border-color: #dddddd transparent transparent transparent;}
	#articleInfo18 .secBox .photoBox h3{width:100%;margin: 0 0 20px;text-align: center;}
}