.wow{animation-name:fadeInDown;-webkit-animation-name:fadeInDown;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-fill-mode:both;-webkit-animation-fill-mode:both;animation-duration:1s;-webkit-animation-duration:1s}
#articleInfo3 ul li{overflow:hidden;color:#333;position:relative}
#articleInfo3 ul li .bgset img{width:100%;height:100%;object-fit:cover}
#articleInfo3 .tit{margin:20px;margin-bottom:0;transition:all 0.4s ease-in-out 0s}
#articleInfo3 ul li:hover .tit{transform:translateX(60px)}
#articleInfo3 .tit i,#articleInfo3 .tit h2{display:inline-block;font-size:30px}
#articleInfo3 .tit i{margin-right:10px;font-size:40px;vertical-align:inherit}
#articleInfo3 article{margin:20px 10px 0 75px;font-size:16px;line-height:170%}
#articleInfo3 ul li:first-child{}
#articleInfo3 ul li:first-child .info{padding:20px 2%;width:46%;background:rgba(255,255,255,0.7);position:relative;z-index:2}
#articleInfo3 ul li:first-child .info  .tit{margin-top:0}
#articleInfo3 ul li:first-child:hover .tit{transform:translateX(20px)}
#articleInfo3 ul li:first-child .info  .tit i{font-size:70px}
#articleInfo3 ul li:first-child .info h2{font-size:48px;line-height:45px}
#articleInfo3 ul li:first-child .info h2 b{font-size:30px;display:block}
#articleInfo3 ul li:first-child .info .info article{margin:30px 10px 0 90px}
#articleInfo3 ul li .wow{overflow:hidden}
#articleInfo3 ul li .leftBox{animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo3 ul li .leftBox h2{position:relative;text-align:center;margin-bottom:50px}
#articleInfo3 ul li .leftBox h2 font b{display:block;font-weight:400;letter-spacing:5px}
#articleInfo3 ul li .leftBox h2 font{background:#fff;font-size:40px;color:#6388a5;line-height:100%;display:inline-block;padding:0 0 0 50px}
#articleInfo3 ul li .leftBox h2 img{width:70px;padding-right:50px;background:#fff;display:inline-block;vertical-align:bottom}
#articleInfo3 ul li .leftBox h2:after{content:'';background:#6388a5;height:1px;width:100%;position:absolute;left:0;top:50%;z-index:-1}
#articleInfo3 ul li .rightBox{animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
#articleInfo3 ul li .photoBox img{transition:all 0.4s ease-in-out 0s;transform:scale(1,1)}
#articleInfo3 ul li:hover .photoBox img{transform:scale(1.5)}
@media screen and (max-width:1024px){#articleInfo3 ul li:first-child .info{width:50%}
#articleInfo3 article{margin:20px 10px 0 20px}
}@media screen and (max-width:768px){#articleInfo3 ul li{padding-bottom:15px;}
#articleInfo3 ul li:first-child{padding-bottom:0;border-bottom:0}
#articleInfo3 ul li:first-child .info{width:70%}
#articleInfo3 ul li .wow{width:100%}
#articleInfo3 ul li:nth-child(3){background-position:right 50%}
#articleInfo3 ul li:nth-child(5){background-position:right bottom}
.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}
}@media screen and (max-width:640px){#articleInfo3 ul li:first-child .info{width:80%}
}@media screen and (max-width:480px){#articleInfo3 ul li:first-child .info{width:100%}
#articleInfo3 ul li .leftBox h2 font{padding: 0 0 0 20px;font-size: 30px;}
#articleInfo3 ul li .leftBox h2 img{padding: 0 20px 0 0;}
}@media screen and (max-width:450px){#articleInfo3 ul li:first-child{background-size:cover}
#articleInfo3 ul li:first-child .info .tit i{font-size:50px}
#articleInfo3 ul li:first-child .info .tit{margin:0}
#articleInfo3 ul li:first-child .info h2{font-size:30px;line-height:30px}
#articleInfo3 ul li:first-child .info h2 b{font-size:25px}
#articleInfo3 ul li:nth-child(2),#articleInfo3 ul li:nth-child(3),#articleInfo3 ul li:nth-child(4),#articleInfo3 ul li:nth-child(5){background:none}
}