@import url('/css/animate.css');
.wow{animation-fill-mode:both;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-duration:1s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s}
#articleInfo2{overflow:hidden;padding-bottom:20px;margin:0 auto}
#articleInfo2 >h4{margin-top:15px;}
#articleInfo2 .item1,#articleInfo2 .item2,#articleInfo2 .item3{position:relative;margin:20px auto;overflow:hidden;animation-name:fadeInDown;-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-ms-animation-name:fadeInDown;-o-animation-name:fadeInDown;-webkit-animation-duration:1.5s;-moz-webkit-animation-duration:1.5s;-ms-webkit-animation-duration:1.5s;-o-webkit-animation-duration:1.5s}
#articleInfo2 .item1{box-shadow:0px 0px 9px 2px #bfbfbf2b;background:white;border-radius:35px;display:flex;align-items:center}
#articleInfo2 .tit i,#articleInfo2 .tit h2{display:inline-block;font-size: 22px;color: var(--primary);margin-bottom: 20px;}
#articleInfo2 .tit i{margin-right:10px;font-size:34px;vertical-align:inherit}
#articleInfo2 .info article p , #articleInfo2 .info article p * {font-size: 15px;line-height:170%}
#articleInfo2 .info article svg{width: 17px;height: 17px;margin-right: 10px;fill: #c1c0bb;}
#articleInfo2 .info,#articleInfo2 .photoBox{padding-right:1%;float:left;width:49%;display:flex;flex-direction:column}
#articleInfo2 .photoBox{padding-right:0;padding-left:1%;align-items:center}
#articleInfo2 .photoBox img{width:500px;height:500px;object-fit:cover;border-radius:50%}
#articleInfo2 .item1 .info .tit i{font-size:70px}
#articleInfo2 .item1 .info h2{font-size:48px;line-height:45px;color:#c39a75;margin-bottom:25px}
#articleInfo2 .item1 .info h2 b{font-size:20px;display:flex;color:#828282;font-weight:400;letter-spacing:0.25em;margin-top:10px;margin-left:0.20em;line-height:180%}
#articleInfo2 .item1 .info article{}
#articleInfo2 .item2{display:flex;background:none;animation-name:none;-webkit-animation-name:none;-moz-animation-name:none;-ms-animation-name:none;-o-animation-name:none;justify-content:space-between}
#articleInfo2 .item2 .info{padding: 0;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-animation-name:fadeInLeft;-o-animation-name:fadeInLeft}
#articleInfo2 .item2 .info.leftBox{display:flex;flex-direction:column;width:48%}
#articleInfo2 .item2 .info.rightBox{display:flex;flex-direction:column;width:48%}
#articleInfo2 .item2 .rightBox{position:relative;padding-right:0;padding-left:2%;animation-name:fadeInRight;-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-ms-animation-name:fadeInRight;-o-animation-name:fadeInRight}
#articleInfo2 .item3{animation-name:fadeInUp;-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-ms-animation-name:fadeInUp;-o-animation-name:fadeInUp;display:flex;align-items:center}
#articleInfo2 .item3 .aontext{display:flex;flex-direction:column;width:calc(100% - 333px)}
#articleInfo2 .item3 .aontext h3{font-size:55px;text-transform:uppercase;color:#c39a75}
#articleInfo2 .item3 .aontext p{font-size:20px;margin-left:5px}
#articleInfo2 .item3 .contem{position:relative;display:flex;width:333px;justify-content:flex-end}
#articleInfo2 .item3 .contem:before{content:"";position:absolute;width:150px;height:1px;background:#17181969;left:-130px;top:21px}
#articleInfo2 .item3 .mliast a{display:flex;align-items:center;margin-right:10px}
#articleInfo2 .item3 .mliast span{font-size:15px}
#articleInfo2 .item3 .contem svg{width:30px;height:30px;margin-right:10px;border-radius:50%;padding:7PX;background:#171819;fill:white}
#articleInfo2 .item3 .artmline:hover svg{background:#12b508;fill:white}
#articleInfo2 .item3 .artmphone:hover svg{background:#c39a75;fill:white}
#articleInfo2 .item3 .info{padding-left:1%;padding-right:0}
@media screen and (max-width:1280px){
	#articleInfo2 .photoBox img{width:300px;height:300px}
}
@media screen and (max-width:1024px){
	#articleInfo2 .item1{display:flex;flex-direction:column}
	#articleInfo2 .info{width:100%;padding-left:0}
	#articleInfo2 .info article,#articleInfo2 .item1 .info article{margin:20px 10px 0 0}
	#articleInfo2 .item1 .info .tit i{font-size:50px}
	#articleInfo2 .item1 .info h2{font-size:30px;line-height:30px}
	#articleInfo2 .item1 .info h2 b{font-size:25px}
}
@media screen and (max-width:768px){
	#articleInfo2 .info,#articleInfo2 .photoBox,#articleInfo2 .item3 .info,#articleInfo2 .item3 .photoBox{margin:10px 0;padding-left:0;padding-right:0;width:100%}
	#articleInfo2 .item2{display: block;margin: 0;}
	#articleInfo2 .item2 .info.leftBox, #articleInfo2 .item2 .info.rightBox{width:100%;}
	#articleInfo2 .item2 .info{padding: 10px 0;margin:0}
	#articleInfo2 .item2 .info article p{font-size:14px}
	#articleInfo2 .item2 .rightBox{}
	#articleInfo2 .item2 .rightBox:after{width:200%;height:1px;left:-100%}
	#articleInfo2 .item3{display:flex;flex-direction:column;padding-top:0}
	#articleInfo2 .item3 .aontext{width:100%;margin-bottom:15px}
	#articleInfo2 .item3 .aontext h3{font-size:40px}
	#articleInfo2 .tit i,#articleInfo2 .tit h2{margin: 0;}
}
@media screen and (max-width:480px){
	#articleInfo2 .item1{border-radius:15px;width:calc(95% - 40px);padding:20px}
	#articleInfo2 .info article,#articleInfo2 .item1 .info article{margin:10px 0}
	#articleInfo2 .photoBox img{width:200px;height:200px}
}