.wow{animation:fadeIn 1.5s both;-webkit-animation:fadeIn 1.5s both;animation-duration:1s;-webkit-animation-duration:1s}
#articleInfo16 .item{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end}
#articleInfo16 .item > div{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}
#articleInfo16 .item .photo{position:relative}
#articleInfo16 .item .photo:after{content:'';position:absolute;width: 30%;height: 1%;top: 100px;right: 0;background: #829ab2;z-index: 0;/* border-top-left-radius:400px; *//* border-top-right-radius:400px; */}
#articleInfo16 .item .photo:before{content:'';position:absolute;width:100%;height:75%;bottom:-20px;/* left:20px; */z-index: 0;border-top-left-radius:400px;border-top-right-radius:400px;border: 1px solid rgb(255 255 255 / 27%);}
#articleInfo16 .item .photo img{width:100%;height: 540px;object-fit: cover;border-top-left-radius: 400px;border-top-right-radius: 400px;}
#articleInfo16 .item .info{width:45%;animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
#articleInfo16 .item:nth-child(2n) .info{animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo16 .item .info h5{padding:10px 15px;font-size:28px;color:#2e2e2e;letter-spacing:10px;font-weight: 700;}
#articleInfo16 .item .info h3{padding:0 15px;font-size: 60px;color:#2e2e2e;font-family:'Lato',sans-serif;font-weight:bold;letter-spacing: 1px;line-height:100%;}
#articleInfo16 .item .info h3:nth-child(2){color: #6f9248;}
#articleInfo16 .item .info article{margin: 30px 15px 0;text-align:justify;line-height:200%;}



.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;
}

.anchorBox::after {
  content: "";
  position: absolute;
  left: calc((-100vw + 1340px)/2);
  top: 5px;
  z-index: -1;
  width: 100vw;
  height: 1px;
  background-color: #efefef;
}
.anchorBox li {
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 25px;
}
.anchorBox li span {
  display: inline-block;
  transition: all 0.5s ease-in-out;
  text-align: center;
}
.anchorBox li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 3px solid #cecece;
  background-color: #fff;
  transition: all 0.5s ease-in-out;
}
.anchorBox li.current, .anchorBox li:hover {
  color: #829ab2;
}
.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: #829ab2;
}


@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: 13px;
    width: 1px;
    height: 100vw;
}
  .anchorBox li span{
    text-align: inherit;
}
}
@media screen and (max-width:1024px){
#articleInfo16 .item .info h3{font-size:60px;}
}
@media screen and (max-width:768px){
}
@media screen and (max-width:640px){
  
  #articleInfo16 .item .photo img{
    height: 450px;
}
#articleInfo16 .item .info{margin-top: 40px;width: 100%;display: flex;flex-direction: column;}
#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 h5,#articleInfo16 .item:nth-child(2n) .info h5, #articleInfo16 .item:nth-child(2n) .info h3{margin:0;padding:10px 2%;width:96%;font-size: 20px;}
#articleInfo16 .item .info h3, #articleInfo16 .item .info h3:nth-child(2){display:inline-block;font-size: 40px;width: auto;}
#articleInfo16 .item .info article{margin: 20px 2% 0;}
}