@import url('/css/animate.css');
.wow{animation:fadeInUp 1.5s both;-webkit-animation:fadeInUp 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}
.delay4{animation-delay:2s;-webkit-animation-delay:2s}
.delay5{animation-delay:2.5s;-webkit-animation-delay:2.5s}
#articleInfo19{position:relative;overflow:hidden;padding:10px 0;text-align:center}
#articleInfo19 *{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;transition:all linear 0.3s}
#articleInfo19 .senbox{display:flex;padding:20px 0 10px;justify-content:space-between;align-items:center}
#articleInfo19 .senleftbox{display:flex;width:43%;padding:30px 0;background-color:white}
#articleInfo19 .senrightbox{position:relative;display:flex;flex-direction:column;width:53%}
#articleInfo19 .senrightbox:before{content:"";position:absolute;width:100vw;height:1px;background-color:#e0e0e0;top:197px;right:0;z-index:-1}
#articleInfo19 .senrightbox:after{content:"";position:absolute;width:1px;height:100%;background-color:#e0e0e0;right:40px}
#articleInfo19 .senleftbox >div{display:flex;width:300px;height:570px;margin:0 9px}
#articleInfo19 .senleftbox >div img{height:100%;object-fit:cover}
#articleInfo19 .senleftbox .poimg-up{margin-top:40px}
#articleInfo19 .senleftbox .poimg-down{margin-top:-20px}
#articleInfo19 .titleJ{display:flex;flex-direction:column;margin-bottom:50px}
#articleInfo19 .titleJ h2{text-transform:uppercase;font-size:42px}
#articleInfo19 .titleJ p{font-size:20px}
#articleInfo19 .mmlist{display:flex}
#articleInfo19 .mmlist p{display:flex;padding-right:20px;margin-right:10px;border-right:#d7d7d7 1px solid;align-items:center}
#articleInfo19 .mmlist p.clickshow{cursor:pointer;z-index:2}
#articleInfo19 .mmlist p.rote svg{-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
#articleInfo19 .mmlist .showbox{position:absolute;background:#f4f4f4;z-index:2;padding:50px 20px 20px;margin-top:50px;height:0%;display:flex;flex-direction:column;opacity:0;z-index:0;width:calc(100% - 48px);border-radius:10px;box-shadow:1px -3px 10px rgb(192 192 192 / 38%)}
#articleInfo19 .mmlist .showbox.wan{height:280px;opacity:1;z-index:2}
#articleInfo19 .mmlist .showbox span{display:flex;justify-content:center;padding:10px;width:30px;height:30px;flex-direction:column;align-items:center;position:absolute;right:10px;top:15px;cursor:pointer}
#articleInfo19 .mmlist p svg{width:19px;height:19px;margin-left:14px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
#articleInfo19 .mmlist p:last-child{border-right:none}
#articleInfo19 .maJimg{display:flex;padding:25px 0;width:calc(100% - 60px);margin-top:60px}
#articleInfo19 .maJimg .mJbox{display:flex;flex-direction:column;align-items:center;padding:10px}
#articleInfo19 .maJimg .mJbox img{width:89px}
#articleInfo19 .maJimg .mJbox p{text-align:center;color:#6a6a6a;font-weight:300;font-size:15px}
@media screen and (max-width:1280px){
	#articleInfo19 .senleftbox{width:35%}
	#articleInfo19 .senrightbox{width:60%}
	#articleInfo19 .titleJ h2{font-size:33px}
	#articleInfo19 .senrightbox:before{top:166px}
}
@media screen and (max-width:870px){
	#articleInfo19 .senbox{display:flex;flex-direction:column}
	#articleInfo19 .senleftbox >div{width:50%;height:300px;display:flex;flex-direction:column;align-items:center}
	#articleInfo19 .senleftbox{width:100%}
	#articleInfo19 .senleftbox .poimg-up{margin-top:0}
	#articleInfo19 .senleftbox .poimg-down{margin-top:0}
	#articleInfo19 .senrightbox{width:100%}
	#articleInfo19 .mmlist .showbox{width:calc(100% - 8px)}
	#articleInfo19 .senrightbox:after{right:0}
	#articleInfo19 .maJimg{flex-wrap:wrap;width:99%;margin-top:30px}
	#articleInfo19 .maJimg .mJbox{width:49%;padding:1%}
	#articleInfo19 .titleJ h2{font-size:22px}
	#articleInfo19 .senrightbox:before{top:126px}
	#articleInfo19 .maJimg .mJbox img{width:70px}
}
@media screen and (max-width:870px){
	#articleInfo19 .mmlist{display:flex;flex-direction:column}
	#articleInfo19 .mmlist p{border-right:0;border-bottom:#d7d7d7 1px solid;padding:9px 7px;display:flex;justify-content:space-between}
	#articleInfo19 .mmlist .showbox{padding:30px 10px 10px}
}