.wow{animation:fadeIn 1.5s both;-webkit-animation:fadeIn 1.5s both;animation-duration:1s;-webkit-animation-duration:1s}
#articleInfo16 .item:first-child{display:flex;flex-wrap:wrap;justify-content:space-between}
#articleInfo16 .item{overflow:hidden;position:relative;margin:15px 0 30px}
#articleInfo16 .item p{font-weight:300;line-height:190%;font-size:16px;text-align:justify;letter-spacing:.5px;margin-bottom:30px}
#articleInfo16 .item > div{float:left;width:50%;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo16 .item:nth-child(2n) > div{float:right}
#articleInfo16 .item:nth-child(2n) .photo{animation-name:fadeInRight;-webkit-animation-name:fadeInRight;width: 35%;margin:0 auto;filter:contrast(0) brightness(200%)}
#articleInfo16 .item:nth-child(2n) li:hover .photo{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-animation:dailogAni 4s infinite ease-in-out alternate;animation:dailogAni 4s infinite ease-in-out alternate}
@keyframes dailogAni{0%,10%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}5%,15%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}20%,45%{-webkit-transform:rotate(0);transform:rotate(0)}50%,60%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}55%,65%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}70%,100%{-webkit-transform:rotate(0);transform:rotate(0)}}
#articleInfo16 .item .photo{overflow:hidden;background-position:50% 50%;background-size:cover;background-attachment:fixed;position:relative}
#articleInfo16 .item .photo b{position:absolute;top:60px;right:50px;writing-mode:vertical-lr;font-size:23px;background:#2f2e2e;color:#fff;padding:20px 5px;letter-spacing:3px;font-weight: 400;}
#articleInfo16 .item .photo img{width:100%}
#articleInfo16 .item .photo img{}
#articleInfo16 .item .info{width:45%;animation-name:fadeInRight;-webkit-animation-name:fadeInRight;margin:50px 0}
#articleInfo16 .item:nth-child(2n) .info{animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo16 .item .info h5{padding:10px 15px;border-top:2px #000 solid;border-bottom:1px #000 solid;font-size:14px;color:#444}
#articleInfo16 .item h3{font-size:45px;color:#1e1e1e;font-weight:300}
#articleInfo16 .item .info article{margin-top:50px;font-weight:300;line-height:190%;font-size:16px;text-align:justify;letter-spacing:.5px}
#articleInfo16 ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin:20px 0}
#articleInfo16 ul li{width:calc((100%/5) - 10px);animation-name:fadeInDown;-webkit-animation-name:fadeInDown;background:#5d8f5e;padding:50px 0 30px}
#articleInfo16 ul li.focus{padding:55px 25px;background:#caa34b;border-color:#775e27;color:#242425}
#articleInfo16 ul li h3{font-size:20px}
#articleInfo16 ul li h5{color:#fff;font-weight:300;line-height:190%;font-size:16px;text-align:center;letter-spacing:.5px;margin-top:30px}
#articleInfo16 ul li.focus h5{color:#fff}
#articleInfo16 ul li p.photo{margin:15px 0}
#articleInfo16 .item .box{width:100%}
#articleInfo16 .item .box .infoo{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:0 0 45px}
#articleInfo16 .item .box .infoo:last-child{margin: 0px;}
#articleInfo16 .item .box .infoo .photo{width:40%}
#articleInfo16 .item .box .infoo .tt{width: 55%;}
#articleInfo16 .item .box .infoo .tt h4{font-size:30px;color:#1e1e1e;font-weight:300}
#articleInfo16 .item .box .infoo .tt h5{font-size:20px;color:#1e1e1e;font-weight:600}
#articleInfo16 .item .box .infoo .tt p{margin-top:35px;margin-bottom:0}
#articleInfo16 .item .box .infoo .tt p b{display:block;color:#5d8f5e;font-weight:900}

@media screen and (max-width:768px){
	#articleInfo16 .item .box .infoo .tt{width:100%;margin-top: 20px;}
	#articleInfo16 ul li{width: calc((100%/3) - 15px);margin: 0 15px 15px 0;}
	#articleInfo16 .item .photo{width: 100%;background-attachment: unset;}
	#articleInfo16 .item:nth-child(2n) .photo{right:0}
	#articleInfo16 .item .info{margin:0;width:100%}
	#articleInfo16 .item .info h3{margin: 30px 0 0;}
	#articleInfo16 .item:nth-child(2n) .info h5,#articleInfo16 .item:nth-child(2n) .info h3{margin:0 auto 0 0}
	#articleInfo16 ul{justify-content: flex-start;}
	#articleInfo16 .item .box .infoo .photo{width:100%;}
}
@media screen and (max-width:480px){
	#articleInfo16 .item:nth-child(2n) .photo{width: 65px;}
	#articleInfo16 ul li{width: calc((100%/2) - 15px);margin: 0 0 25px;}
	#articleInfo16 ul li:last-child{width:100%;}
	#articleInfo16 ul{justify-content: space-between;}
	#articleInfo16 .item .photo b{font-size: 18px;top: 30px;right: 30px;}
	#articleInfo16 .item > div,#articleInfo16 .item:nth-child(2n) > div{float:none}
	#articleInfo16 .item .photo{position:relative;margin:0 auto 10px;width: 100%;display:block}
	#articleInfo16 .item .info h3, #articleInfo16 .item h3{font-size: 30px;}
}