@import url('/css/animate.css');
.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}
.delay3{animation-delay:1.5s;-webkit-animation-delay:1.5s}
#articleInfo12{overflow:hidden}
#articleInfo12 >h3{text-align:center;font-size:30px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;font-weight: 500;margin-bottom:25px}
#articleInfo12 >p{margin:15px 0 85px;text-align:center;font-size:16px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;color:#404040}
#articleInfo12 .one{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:100px;margin-top:50px}
#articleInfo12 .left{float:left;width:55%}
#articleInfo12 .left h3{font-size:40px;color:#001e61;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;line-height:170%}
#articleInfo12 .left article{margin:10px 10% 0 0;animation-name:fadeInRight;-webkit-animation-name:fadeInRight;color:#666666;font-weight:300}
#articleInfo12 .left h4{font-size:25px;color:#333333;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;font-weight:400}
#articleInfo12 .right{width:45%}
#articleInfo12 .row .topBox{overflow:hidden}
#articleInfo12 .row p{margin:0 2% 0 0;float:left;width:48%;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo12 .right img{box-shadow: 0 0 10px rgb(38 38 38 / 10%);border-radius:10px}
#articleInfo12 .right .topBox:hover img, #articleInfo12 .two .info:hover img{transform: scale(0.98);}
#articleInfo12 .two{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:150px}
#articleInfo12 .two .info{width:calc(50% - 20px);margin:10px 0}
#articleInfo12 .two .info img{width:100%;height:250px;object-fit:cover;box-shadow: 0 0 10px rgb(38 38 38 / 10%);border-radius:10px}
#articleInfo12 .two .info p{margin:10px 0;text-align:center;font-size:18px;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;}
#articleInfo12 .clientBox.mo{display:none;}
#articleInfo12 .clientBox img{width:100%;}

@media screen and (max-width:768px){
	#articleInfo12 .two .info img{height:200px;}
}
@media screen and (max-width:640px){
	#articleInfo12 .clientBox.pc{display:none;}
	#articleInfo12 .clientBox.mo{display:block;}
	#articleInfo12 .two .info p{font-size: 16px;}
	#articleInfo12 .two .info{width: 95%;margin: 10px auto;}
	#articleInfo12 .two .info img{height: 130px;}
	#articleInfo12 .left{width:100%;margin-bottom: 20px;}
	#articleInfo12 .left article{margin-right:0;}
	#articleInfo12 .right{width:100%;}
	#articleInfo12 .one{margin-top: 30px;margin-bottom: 70px;}
	#articleInfo12 >p, #articleInfo12 .two{margin-bottom:50px;}
}