#articleInfo13 >h3, #articleInfo13 .faq >h3{text-align:center;font-size:30px;font-weight:500;margin-bottom: 40px;}
#articleInfo13 .topBox{overflow:hidden;margin-bottom:40px}
#articleInfo13 .topBox .articleInfo13bg{}
#articleInfo13 .topBox .articleInfo13bg img{width:100%;height:100%;object-fit:cover}
#articleInfo13 .topBox p,#articleInfo13 .topBox h3{position:relative;text-align:center;font-size:20px;color:#fff;z-index:2;animation-name:fadeInDown;-webkit-animation-name:fadeInDown}
#articleInfo13 .topBox p i{width:80px;height:80px;display:inline-block;border:2px #fff solid;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;font-size:40px;line-height:80px}
#articleInfo13 .topBox h3{margin:15px 0;font-size:25px}
#articleInfo13 .item{}
#articleInfo13 .item .box{border-right: 1px solid #29a6dd;display:none;position: absolute;bottom: 0;width: 350px;border-bottom: 1px solid #29a6dd;padding: 0 50px 20px 0;opacity: 0;transition: all linear 0.3s;}
#articleInfo13 .item .box h4{font-size: 18px;font-weight: 600;}
#articleInfo13 .item .box p{font-weight: 400;font-size: 18px;}
#articleInfo13 .item .box article{font-size: 14px;font-weight: 300;}
#articleInfo13 .item:nth-child(1):hover .box{opacity: 1;display:block;bottom: 100px;left: 125px;width: 260px;}
#articleInfo13 .item:nth-child(2):hover .box{opacity: 1;display:block;left: 105px;}
#articleInfo13 .item:nth-child(3):hover .box{opacity: 1;display:block;border-right: 0;border-left: 1px solid #29a6dd;padding: 0 0 20px 50px;right: 133px;}
#articleInfo13 .item:nth-child(4):hover .box{display:block;border-right: 0;border-left: 1px solid #29a6dd;padding: 0 0 20px 50px;right: 34px;bottom: 55px;opacity: 1;}

#articleInfo13 .item >p{position:absolute;left: calc(50% - 120px);width: 10px;height: 10px;background: #29a6dd;display: flex;justify-content: center;align-items: center;border-radius: 50px;font-size: 12px;color: #fff;top: calc(50% - 240px);cursor: pointer;}
#articleInfo13 .item >p span{display:none;}
#articleInfo13 .item:nth-child(2) >p{left: calc(50% - 50px);top: calc(50% - 173px);}
#articleInfo13 .item:nth-child(3) >p{left: auto;top: calc(50% - 130px);right: calc(50% - 21px);}
#articleInfo13 .item:nth-child(4) >p{left: auto;top: calc(50% - 213px);right: calc(50% - 120px);}
#articleInfo13 .item .row{padding:80px 0;float:left;width:30%;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo13 .item .left article{padding:30px 0 30px 20px;font-size:16px;line-height:200%}
#articleInfo13 .item .right{padding:20px;width:60%;background:#e6e6e6;animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
#articleInfo13 .about{margin-bottom: 100px;}
#articleInfo13 .about .box{display: flex;flex-wrap: wrap;justify-content: center;}
#articleInfo13 .about .info{margin: 10px;box-shadow: 0 0 10px rgb(0 0 0 / 10%);border-radius: 5px;padding: 50px;width: calc(50% - 120px);display: flex;flex-direction: column;align-items: center;background: #fff;}
#articleInfo13 .about .info .photo{width: 110px;margin-bottom: 20px;}
#articleInfo13 .about .info h4{font-size: 18px;font-weight: 400;color: var(--primary);}
#articleInfo13 .about .info ol{padding-left: 30px;margin-top: 20px;}
#articleInfo13 .about .info li{list-style: disc;font-size: 15px;font-weight: 300;}
#articleInfo13 .about .box.last{margin: 10px;box-shadow: 0 0 10px rgb(0 0 0 / 10%);border-radius: 5px;background: #fff;}
#articleInfo13 .about .box.last .info{box-shadow: none;width: auto;margin: 0;}
#articleInfo13 .photoBox{text-align: center;margin-bottom: 100px;}
#articleInfo13 .occasion{margin-bottom: 100px;display: flex;flex-wrap: wrap;justify-content: center;}
#articleInfo13 .occasion .photo{width: calc((100%/3) - 20px);margin: 10px;border-radius: 5px;overflow: hidden;display: flex;justify-content: center;align-items: flex-end;position: relative;}
#articleInfo13 .occasion .photo img{width:100%;height: 270px;object-fit: cover;}
#articleInfo13 .occasion .photo:after{content:'';background: linear-gradient(180deg,rgb(0 0 0 / 0%), rgb(0 0 0 / 50%));width: 100%;height: 100%;position: absolute;bottom: 0;}
#articleInfo13 .occasion .photo p{position: absolute;color: #fff;font-size: 24px;margin-bottom: 20px;z-index: 2;}

#articleInfo13 .faq{margin-bottom:100px;}
#articleInfo13 .faq >h3{border-bottom: 1px solid #9a9a9a;padding-bottom: 20px;margin-bottom: 0;}
#articleInfo13 .follow{display:flex;flex-wrap: wrap;justify-content: center;}
#articleInfo13 .follow .info{box-shadow: 0 0 10px rgb(0 0 0 / 10%);margin: 10px;padding: 30px;text-align: center;background: #fff;}
#articleInfo13 .follow .info a{display: flex;flex-direction: column;align-items: center;}
#articleInfo13 .follow .info b{font-weight: 400;display: block;text-align: center;}
#articleInfo13 .function{position:relative;margin-bottom: 100px;}
#articleInfo13 .function .info{position:absolute;bottom: 0;width: 100%;}

@media screen and (max-width: 1280px){
	#articleInfo13 .item:nth-child(1):hover .box{left: 142px;}
	#articleInfo13 .item:nth-child(2):hover .box{left: 121px;}
	#articleInfo13 .item:nth-child(3):hover .box{right: 150px;}
	#articleInfo13 .item:nth-child(4):hover .box{right: 50px;}
}
@media screen and (max-width:1024px){
	#articleInfo13 .function .photo img{height: 700px;width: 100%;object-fit: cover;}
	#articleInfo13 .item span{left: calc(50% - 175px);top: calc(50% - 340px);}
	#articleInfo13 .item:nth-child(2) span{left: calc(50% - 77px);top: calc(50% - 255px);}
	#articleInfo13 .item:nth-child(3) span{top: calc(50% - 185px);right: calc(50% - 39px);}
	#articleInfo13 .item:nth-child(4) span{top: calc(50% - 290px);right: calc(50% - 180px);}
	#articleInfo13 .item:nth-child(1):hover .box{left: 0;bottom: 190px;width: 250px;}
	#articleInfo13 .item:nth-child(2):hover .box{left: 0;bottom: 80px;}
	#articleInfo13 .item:nth-child(3):hover .box{right: 30px;bottom: 40px;}
	#articleInfo13 .item:nth-child(4):hover .box{right: 0;width: 244px;}
}
@media screen and (max-width:768px){
	#articleInfo13 .topBox p{font-size:18px}
	#articleInfo13 .topBox p i{width:60px;height:60px;font-size:30px;line-height:60px}
	#articleInfo13 .item .row,#articleInfo13 .item .right{float:none;width:100%}
	#articleInfo13 .item .row{padding:50px 0 0}
	#articleInfo13 .item .left article{padding:30px 20px;text-align:center}
	#articleInfo13 .item .right{padding:30px 0}
	#articleInfo13 .item .right article{margin:0 20px}
	#articleInfo13 .item:nth-child(1):hover .box, #articleInfo13 .item:nth-child(2):hover .box, #articleInfo13 .item:nth-child(3):hover .box, #articleInfo13 .item:nth-child(4):hover .box{left: 10%;bottom: 0;width: 80%;border-right: 0;border-left: 0;padding: 0 0 30px;}
	#articleInfo13 .topBox .articleInfo13bg img{height:400px;}
}
@media screen and (max-width: 640px){
	#articleInfo13 .topBox .articleInfo13bg img{height:210px;}
	#articleInfo13 .function .photo img{height:400px;}
	#articleInfo13 .item span{display: none;}
	#articleInfo13 .item:nth-child(2) span{left: 115px;top: calc(10% - 210px);}
	#articleInfo13 .item:nth-child(3) span{top: calc(10% - 245px);right: 140px;}
	#articleInfo13 .item:nth-child(4) span{top: calc(10% - 240px);right: 60px;}
	#articleInfo13 .function .info{position:relative;}
	#articleInfo13 .item:nth-child(1):hover .box, #articleInfo13 .item:nth-child(2):hover .box, #articleInfo13 .item:nth-child(3):hover .box, #articleInfo13 .item:nth-child(4):hover .box, #articleInfo13 .item .box{width:100%;left: 0;position: relative;display: block;opacity: 1;margin-bottom: 20px;border-bottom: 1px solid #d1d1d1;padding: 0 0 20px;border-right: 0;}
	#articleInfo13 .item:nth-child(1):hover .box h4, #articleInfo13 .item:nth-child(2):hover .box h4, #articleInfo13 .item:nth-child(3):hover .box h4, #articleInfo13 .item:nth-child(4):hover .box h4{color:#29a6dd}
	#articleInfo13 .about .info{width: 100%;padding: 30px;}
	#articleInfo13 .occasion .photo{width:100%;}
	#articleInfo13 .follow .info{width: calc(50% - 80px);}
	#articleInfo13 .follow .info img{width:100%;height: auto;}
	#articleInfo13 .about .box.last{display:flex;flex-direction: column;align-items: center;}
}