@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}
#articleInfo18{position:relative}
#articleInfo18 *{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
#articleInfo18 .art01{display:flex;margin-bottom:100px}
#articleInfo18 .bigtitle{text-align:center;display:flex;flex-direction:column;align-items:center}
#articleInfo18 .bigtitle h2{font-size:30px;color: #1b325f;}
#articleInfo18 .art01 .artleftbox{display:flex;flex-direction:column;width:50%;padding:30px}
#articleInfo18 .titleJ{display:flex;align-items:center}
#articleInfo18  .textJ{margin-top:36px;font-weight:300;color:#4d4d4d;padding-bottom:100px}
#articleInfo18 .titleJ h2{font-size:30px;margin-right:10px;color: #1b325f;}
#articleInfo18 .titleJ p{font-size:17px}
#articleInfo18 .art01 .artrightbox{position:relative;display:flex;flex-direction:column;width:50%}
#articleInfo18 .art01 .artrightbox:before{content:"";position:absolute;right:26px;bottom:1px;z-index:-1;width:100%;height:150px;background:#ebebeb}
#articleInfo18 .art01 .artrightbox .phtoJ{position:absolute;width:300px;margin-left:-150px;bottom:-30px}
#articleInfo18 .bottomsolgon{display:flex;flex-direction:column;flex:1;justify-content:flex-end}
#articleInfo18 .bottomsolgon h3{font-size:31px;color:#cb312a}
#articleInfo18 .inbox{position:relative;display:flex;flex-direction:column;padding:20px;border-left:#bababa 1px solid;margin-left:6px;width:90%}
#articleInfo18 .inbox:before{content:"";width:4px;height:70%;left:-2px;top:15%;position:absolute;background:#6d6d6d}
#articleInfo18 .art02{position:relative;display:flex;margin:50px 0}
#articleInfo18 .art02 .itemJ{display:flex;width:33.3%;flex-direction:column;align-items:center;padding: 40px 30px;min-height:250px;justify-content:center;border-left:rgb(193 193 193 / 55%) 1px solid}
#articleInfo18 .art02 .itemJ:first-child{border-left:none}
#articleInfo18 .art03{position:relative;display:flex;margin:50px 0;justify-content:center}
.anchorBox{position:relative;z-index:5;display:flex;justify-content:center;margin-bottom:30px;font-weight:700;font-size:14px;color:#bdbdbd;margin-top:70px;width:100%}
.anchorBox::after{content:"";position:absolute;left:0;top:7px;z-index:-1;width:100%;height:1px;background-color:#cc352e}
.anchorBox li{position:relative;padding-left:30px;padding-right:30px;padding-top:22px;width:33.3%;text-align:center}
.anchorBox li span{display:inline-block;transition:all 0.5s ease-in-out;text-align:center;font-size:19px;font-weight:400;color:#ceb178;letter-spacing:1.5px;font-family:"cwTeXFangSong",serif}
.anchorBox li::before{content:"";position:absolute;top:0;left:50%;margin-left:-6px;width:8px;height:8px;border-radius:50%;border:3px solid #cc352e;background-color:#ffffff;transition:all 0.5s ease-in-out}
.anchorBox li.current,.anchorBox li:hover{color:#cc352e}
.anchorBox li.current span,.anchorBox li:hover span{transform:scale(1.2);transform-origin:center}
.anchorBox li.current::before,.anchorBox li:hover::before{border-color:#d85049}
@media (max-width:1280px){
	#articleInfo18 .art01 .artrightbox img{height: auto;object-fit:cover}
}
@media (max-width:1180px){
	.anchorBox{display:flex;flex-direction:column;align-items:flex-start;margin-top:30px;margin-bottom:0}
	.anchorBox li::before{left:0;top:7px}
	.anchorBox li{padding-top:0;margin:10px;padding-right:0}
	.anchorBox::after{left:11px;width:1px;height:100vw}
	.anchorBox li span{text-align:inherit}
	#articleInfo18 .art02{flex-direction:column}
	#articleInfo18 .art02 .itemJ:first-child,#articleInfo18 .art02 .itemJ{border-left:unset;border:#b4b4b4 1px solid;padding:10px 20px}
	#articleInfo18 .art02 .itemJ{width:100%;align-items:flex-start;min-height:130px;margin-bottom:13px}
	#articleInfo18 .art02 .itemJ:before{content:"";width:2px;height:100px;position:absolute;background:#353535;left:0}
}
@media screen and (max-width:980px){
	#articleInfo18 .art01{display:flex;flex-direction:column;align-items:center}
	#articleInfo18 .art01 .artleftbox{width:100%}
	#articleInfo18 .art01 .artrightbox{width:100%}
	#articleInfo18 .art01 .artrightbox .phtoJ{margin-left:0;right:30px;bottom:auto;top:-60px}
	#articleInfo18 .textJ{padding-bottom:25px}
}
@media screen and (max-width:640px){
	#articleInfo18 .art01 .artrightbox .phtoJ{width:183px;top:-13px;right:5px}
}
@media screen and (max-width:450px){}