.wow{animation:fadeIn 1.5s both;-webkit-animation:fadeIn 1.5s both;animation-duration:1s;-webkit-animation-duration:1s}
#articleInfo16 .itemBox{width:1280px;margin:auto;padding:80px 0 0px;overflow:hidden;position:relative}
#articleInfo16 .item{overflow:hidden;position:relative;margin:15px 0 80px}
#articleInfo16 .item > div{float:left;width:50%;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo16 .sstitle{text-align:center;font-size:21px;color:#426f35;font-weight:600;letter-spacing:0.5px}
#articleInfo16 .item .photo iframe{overflow:hidden;height:350px}
#articleInfo16 .item .photo img{width:100%}
#articleInfo16 .item:first-child .info{top:0}
#articleInfo16 .item .info{margin:2% 0 0 5%;width:44%;animation-name:fadeInRight;-webkit-animation-name:fadeInRight;float:none;position:absolute;top:calc(50% - 150px);right:32px}
#articleInfo16 .ssicon{display:flex;flex-wrap:wrap;justify-content:flex-start;margin:20px 0 50px}
#articleInfo16 .ssicon a{width:32%;text-align:center;padding:10px 0;margin:6px;color:#333333;background-color:#f1f1f1;margin-bottom:10px;font-weight:600}
#articleInfo16 .item .info h5{padding:10px 15px;border-top:2px #000 solid;border-bottom:1px #000 solid;font-size:14px;color:#444}
#articleInfo16 .pagetitle{line-height:140%;font-size:30px;margin:0 20px;position:relative;margin-bottom:30px;font-weight:700;letter-spacing:0.5px;color:var(--primary)}
#articleInfo16 .item .info h3{padding:15px 0 5px;font-size:22px;color:var(--black);font-weight:500}
#articleInfo16 .item .info article{text-align:left;line-height:170%;margin:0 20px;padding:0px 0px 0 40px;border-left:1px solid #dedede}
ol.txxxtBox{padding:0 0 0 30px}
ol.txxxtBox li{width:100%;line-height:1.8;display:list-item;padding-left:9px;margin:0;list-style:decimal;font-family:'Playfair Display','Noto Sans SC',serif}
.btnWrap .btn{display:inline-block;width:180px;height:38px;line-height:38px;font-size:12px;color:#3a3a3a;text-align:center;background-color:#eaeaea;margin-right:10px}
#articleInfo16 .item .info article a{padding:0 5px;font-weight:500;font-size:18px;display:block;color:#6a6a6a}
#articleInfo16 .item .info article img{margin:30px 25%;width:50%}
.btnWrap a.btn:hover{color:#fff;background-color:var(--primary)}
.btnWrap{display:flex}
.comlist{padding:10px 0 30px;display:flex;flex-direction:column}
.comlist li{display:inline-flex;align-items:center;margin-bottom:5px}
.comlist li b{margin-right:10px;vertical-align:baseline;display:flex;align-items:center}
.comlist li b i{width:20px;text-align:center;margin-right:0px;color:var(--complement)}
.comlist li span{vertical-align:baseline}


@media screen and (max-width:1360px){
	#articleInfo16 .item .info{margin:30px 0 0 3%;width:40%;animation-name:fadeInRight;-webkit-animation-name:fadeInRight;position:absolute;top:calc(50% - 150px);right:32px}
	#articleInfo16 .item > div{width:53%}
	#articleInfo16 .pagetitle{font-size:36px;margin:20px}
	#articleInfo16 .item .info article{margin:0 20px;padding:0px 0px 0 20px}
	#articleInfo16 .item{margin:0px 0 50px;padding:0 0 0px}
}
@media screen and (max-width:1280px){
	#articleInfo16 .itemBox{width:100%;padding:0px 0 0px}
}
@media screen and (max-width:1024px){
	#articleInfo16 .item .info{width:100%;position:initial;margin:0px 0 0 0%}
	#articleInfo16 .item > div{width:100%}
	#articleInfo16 .item .photo{}
	#articleInfo16 .item:last-child .info{top:0;width:auto}
	#articleInfo16 .item .photo{width:100%;float:none}
	#articleInfo16 .item .photo::before{display:none}
	#articleInfo16 .item > div{width:53%}
}
@media screen and (max-width:960px){
	#articleInfo16 .ssicon a{width:48%}
	.btnWrap .btn{width:calc((100% / 2) - 20px)}
}
@media screen and (max-width:768px){
	#articleInfo16 .item:nth-child(2n) .photo{right:0}
	#articleInfo16 .item .info{margin:0;width:auto;position:relative;top:0;right:0}
	#articleInfo16 .item .info h3{font-size:18px;padding:5px 0 5px}
	.comlist{padding:5px 0px 15px}
	#articleInfo16 .item .info article{margin:10px 0px 0}
	#articleInfo16 .pagetitle{margin-bottom:0px;font-size:21px;margin:0 0px}
	#articleInfo16 .item:nth-child(2n) .info h5,#articleInfo16 .item:nth-child(2n) .info h3{margin:0 auto 0 0}
	#articleInfo16 .item > div{width:53%;margin:0 0 30px 0}
}
@media screen and (max-width:640px){
	#articleInfo16 .ssicon a{width:100%}
}
@media screen and (max-width:480px){
	#articleInfo16 .item .info{padding:30px 20px 20px}
	#articleInfo16 .item > div,#articleInfo16 .item:nth-child(2n) > div{float:none}
	#articleInfo16 .item .photo{position:relative;margin:0px auto 0px;display:block}
	#articleInfo16 .item{margin-bottom:20px;background-position:80% 0%;background-size:auto}
	#articleInfo16 .item .info h5,#articleInfo16 .item .info h3,#articleInfo16 .item:nth-child(2n) .info h5,#articleInfo16 .item:nth-child(2n) .info h3{margin:0;padding:0;width:100%}
	#articleInfo16 .item .info .ssicon a{width:100%}
}