.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{}
#articleInfo18 .topBox .text{}
#articleInfo18 .topBox .text h3{-webkit-animation-name:fadeInUp;font-size:30px;color:#595757;display:flex;align-items:center;letter-spacing:4px;font-weight:bold;margin-bottom:60px}
#articleInfo18 .topBox .text h3 svg,#articleInfo18 .secBox .item h5 svg{width:25px;height:25px;margin-right:10px}
#articleInfo18 .topBox .text ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:70px}
#articleInfo18 .topBox .text li{width:calc(50% - 210px);margin:55px;padding:60px 40px;border:10px solid transparent;border-image:linear-gradient(to right,#00a7e8 0%,#004367 100%);border-image-slice:1;position:relative;display:flex;flex-direction:column;align-items:center}
#articleInfo18 .topBox .text li h4{display:inline-block;position:absolute;top:-30px;font-size:25px;background:linear-gradient(to right,#a71f17 0%,rgb(216 46 22 / 90%) 100%);color:#fff;padding:5px 20px}
#articleInfo18 .topBox .text li .item{}
#articleInfo18 .topBox .text li .item p{color:#898989;font-size:20px;font-weight:700;letter-spacing:4px;text-align:center}
#articleInfo18 .topBox .text li .item p b{color:#eb5c42}
#articleInfo18 .topBox .text li .item h6{color:#eb5c42;display:block;text-align:center;font-size:20px;margin-bottom:10px;letter-spacing:5px}
#articleInfo18 .topBox .text article{animation-name:fadeInRight;-webkit-animation-name:fadeInRight;animation-delay:0.5s;-webkit-animation-delay:0.5s}
#articleInfo18 .secBox{}
#articleInfo18 .secBox .titleBox{position:relative;overflow:hidden;margin:150px 0 180px}
#articleInfo18 .secBox .titleBox .title{position:relative;z-index:2;padding:35px 0 35px 150px;display:flex;flex-wrap:wrap;align-items:center}
#articleInfo18 .secBox .titleBox .title h4{color:#fff;font-size:30px;border:3px solid #fff;padding:2px 30px;letter-spacing:5px;margin-right:130px}
#articleInfo18 .secBox .titleBox .title p{font-size:20px;color:#fff;letter-spacing:2px;font-weight:500}
#articleInfo18 .secBox .titleBox .bg{position:absolute;top:0;left:0;width:100%;height:100%}
#articleInfo18 .secBox .titleBox .bg img{width:100%;height:100%}
#articleInfo18 .secBox .item h5{-webkit-animation-name:fadeInUp;font-size:30px;color:#595757;display:flex;align-items:center;letter-spacing:4px;font-weight:bold;margin-bottom:60px}
#articleInfo18 .secBox .item ol{margin:0px 0 30px}
#articleInfo18 .secBox .item li{margin:0px 0px 15px 30px;list-style-type:square;list-style-position:inherit;color:#595757;line-height:1.8;letter-spacing:0.2px;font-size:23px;font-weight:600;padding-left:5px}
#articleInfo18 .secBox .item li::marker{color:#b12217}
#articleInfo18 .secBox .item article{float:left;width:calc(100% - 220px)}
#articleInfo18 .secBox .photoBox{display:flex;flex-wrap:wrap;margin-bottom:70px}
#articleInfo18 .secBox .photoBox > div{width:calc((100%/3) - 23.5px);animation-name:fadeInDown;-webkit-animation-name:fadeInDown;position:relative}
#articleInfo18 .secBox .photoBox > div:nth-child(3n-1){margin:0 35px}
#articleInfo18 .secBox .photoBox.four{justify-content:space-between}
#articleInfo18 .secBox .photoBox.four > div{width:calc((100%/4) - 25px)}
#articleInfo18 .secBox .photoBox.four > div:nth-child(2n),#articleInfo18 .secBox .photoBox.four > div:nth-child(3n){margin:0}
#articleInfo18 .secBox .photoBox > div p{position:absolute;bottom:-19px;left:20px;background:linear-gradient(to right,#9a1c17 0%,#d42d16 80%);color:#fff;font-size:20px;padding:3px 15px;z-index:2}
#articleInfo18 .secBox .photoBox > div p:after{content:'';height:40px;width:42px;background:#d42d16;position:absolute;top:0;transform:skewX(40deg);z-index:-5;right:-20px}
.imgBox{display:flex;flex-wrap:wrap;justify-content:space-between}
.imgBox p{width:calc(50% - 35px);margin:0 0 30px;border:10px solid transparent;border-image:linear-gradient(to right,#d82e16 0%,#7d1318 100%);border-image-slice:1}

@media screen and (max-width:768px){
	#articleInfo18 .topBox .text li{width:calc(100% - 210px)}
	#articleInfo18 .secBox .titleBox{margin:50px 0}
	#articleInfo18 .secBox .titleBox .title{padding:35px 0 35px 80px}
	#articleInfo18 .secBox .titleBox .title h4{margin-right:40px}
	#articleInfo18 .secBox .photoBox,#articleInfo18 .secBox .photoBox.four{justify-content:space-between}
	#articleInfo18 .secBox .photoBox > div,#articleInfo18 .secBox .photoBox > div:nth-child(3n-1),#articleInfo18 .secBox .photoBox.four > div,#articleInfo18 .secBox .photoBox.four > div:nth-child(2n),#articleInfo18 .secBox .photoBox.four > div:nth-child(3n){width:calc((100%/2) - 23.5px);margin:10px 0 50px}
}
@media screen and (max-width: 640px){
	#articleInfo18 .secBox .photoBox,#articleInfo18 .secBox .photoBox.four{margin-bottom:30px}
	#articleInfo18 .secBox .photoBox > div p:after{height:33px}
	#articleInfo18 .secBox .photoBox > div p{font-size:16px}
	#articleInfo18 .secBox .item li{font-size:18px}
	#articleInfo18 .secBox .titleBox .title p{font-size:16px;letter-spacing:1px}
	#articleInfo18 .secBox .titleBox .title h4{font-size:22px;margin-bottom:20px}
	#articleInfo18 .topBox:before{background:rgba(255,255,255,0.6)}
	#articleInfo18 .secBox .item h5,#articleInfo18 .secBox .item article{width:100%}
	#articleInfo18 .secBox .item h5{margin-bottom:15px;text-align:left;font-size:26px}
}
@media screen and (max-width:480px){
	#articleInfo18 .secBox .titleBox .title{padding:35px 0 35px 50px}
	#articleInfo18 .topBox .text h3{font-size:26px}
	#articleInfo18 .topBox .text li{width:calc(100% - 100px);margin:0 0 70px}
	#articleInfo18 .topBox .text li .item p{font-size:16px}
	#articleInfo18 .topBox .text li h4{font-size:22px}
	#articleInfo18 .topBox:before{background:rgba(255,255,255,0.75)}
	#articleInfo18 .topBox .text ul{margin-bottom:0}
	#articleInfo18 .topBox .text{}
	.imgBox p{width:100%}
	#articleInfo18 .secBox .photoBox > div,#articleInfo18 .secBox .photoBox > div:nth-child(3n-1),#articleInfo18 .secBox .photoBox.four > div,#articleInfo18 .secBox .photoBox.four > div:nth-child(2n),#articleInfo18 .secBox .photoBox.four > div:nth-child(3n){width:100%}
	#articleInfo18 .secBox .photoBox > div:nth-child(3){margin:10px 0;width:100%}
}