.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}
#articleInfo17{overflow:hidden;position:relative}
#articleInfo17 > div{float:left;width:50%}
#articleInfo17 .info h2{font-size:35px;color:#181818;animation-name:fadeInDown;-webkit-animation-name:fadeInDown;font-weight:bold}
#articleInfo17 .info h5{margin-bottom:0;font-size:16px;animation-name:fadeInDown;-webkit-animation-name:fadeInDown;font-weight:400}
#articleInfo17 .info .item{padding:20px 0;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;border-bottom:1px solid #e4e4e4}
#articleInfo17 .info .item:last-child{border-bottom:0}
#articleInfo17 .info .item h3{margin-bottom:3px;color:#d73660;font-size:26px;letter-spacing:0}
#articleInfo17 .info .item h3 span{font-size:16px;color:#222;font-weight:400}
#articleInfo17 .info .item h3 span:before{margin:0 15px;content:"/"}
#articleInfo17 .photo{width:45%;animation-name:fadeInRight;-webkit-animation-name:fadeInRight;position:absolute;right:0;top:0;height:100%}
#articleInfo17 .info .item p{font-weight:400;font-size:15px}
#articleInfo17 .photo > div .photo-box{}
#articleInfo17 .photo img{width:100%;height:100%;object-fit:cover}
#articleInfo17 .photo .focus .photo-box img{}
@-webkit-keyframes LeftToFront{0%{-webkit-transform:translateX(0)}
30%{-webkit-transform:translateX(-10%)}
100{-webkit-transform:translateX(0)}
}@keyframes LeftToFront{0%{transform:translateX(0)}
30%{transform:translateX(-10%)}
100{transform:translateX(0)}
}@-webkit-keyframes LeftToBack{0%{-webkit-transform:translateX(0)}
30%{-webkit-transform:translateX(-5%)}
100{-webkit-transform:translateX(0)}
}@keyframes LeftToBack{0%{transform:translateX(0)}
30%{transform:translateX(-5%)}
100{transform:translateX(0)}
}@-webkit-keyframes RightToFront{0%{-webkit-transform:translateX(0)}
30%{-webkit-transform:translateX(10%)}
100{-webkit-transform:translateX(0)}
}@keyframes RightToFront{0%{transform:translateX(0)}
30%{transform:translateX(10%)}
100{transform:translateX(0)}
}@-webkit-keyframes RightToBack{0%{-webkit-transform:translateX(0)}
30%{-webkit-transform:translateX(5%)}
100{-webkit-transform:translateX(0)}
}@keyframes RightToBack{0%{transform:translateX(0)}
30%{transform:translateX(5%)}
100{transform:translateX(0)}
}@media screen and (max-width:768px){#articleInfo17 > div,#articleInfo17 .photo{margin-left:0;width:100%;position: relative;}
#articleInfo17 .photo > div,#articleInfo17 .photo .focus{margin:10px 2%;width:40%;top:0;-webkit-box-shadow:0 0 10px 2px rgba(28,8,50,0.2);box-shadow:0 0 10px 2px rgba(28,8,50,0.2)}
#articleInfo17 .photo .focus{right:0}
#articleInfo17 .photo .focus:nth-child(2){left:0}
#articleInfo17 .photo > div .photo-box img,#articleInfo17 .photo .focus .photo-box img{height:auto}
}