.editorBox .slogan{color:#353535;font-size:50px;font-weight:600;line-height:0.95;margin-bottom:40px;font-family:'Montserrat',sans-serif}
.editorBox .slogan span{color: #353535;font-size:50px;font-weight:600;font-family:'Montserrat',sans-serif;line-height:0.95}
.editorBox .title{font-size:22px;font-weight: 400;color: #161616;}
.editorBox .Txt .title{color: #161616;font-size:21px;line-height:1.523;font-weight: 400;}
.editorBox .Txt .txt{color: #161616;font-size:16px;line-height:1.8125;margin-top:12px;font-weight: 400;}
.captionArea{padding-top:10px}
.captionArea .wrap{max-width:1545px}
.captionArea .iconList{list-style:none !important;padding-left:0 !important;padding-top:40px}
.captionArea .iconList li{display:inline-block}
.captionArea .iconList li:not(:last-child){padding-right:40px}
.captionArea .editorBox{display: flex;}
.captionArea .topBox{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction: column;width: 50%;padding-left: 50px;order: 2;}
.captionArea .topBox .leftBox{width:550px}
.captionArea .topBox .rightBox{width:calc(100% - 600px);margin-left:50px}
.captionArea .topBox .leftBox,.captionArea .topBox .rightBox{width:100%}
.captionArea .topBox .rightBox{margin-left:0}
.captionArea .topBox .leftBox{padding-right:0}
.captionArea .topBox .rightBox .Txt{padding-top:20px;}
.captionArea .bottomBox{display:-webkit-box;display:-ms-flexbox;display:flex;width: 50%;}
.captionArea .bottomBox .leftBox{width:550px;padding:0 43px 0 18px}
.captionArea .bottomBox .leftBox .Txt{padding-top:42px}
.captionArea .bottomBox .leftBox .Img img{}
.captionArea .bottomBox .rightBox{width:calc(100% - 550px);padding-top:102px}
.captionArea .bottomBox .rightBox .Img img{border-radius:0 0 162px 0}
.captionArea .bottomBox .leftBox,.captionArea .bottomBox .rightBox{width:100%}
.captionArea .bottomBox .leftBox{padding:0}
.captionArea .bottomBox .leftBox .Txt{padding-top:30px}
.captionArea .bottomBox .rightBox{padding-top:35px}
.wow{animation:fadeIn 1.5s both;-webkit-animation:fadeIn 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}
.bottomBox{display:none}
#AB004{margin-top:60px}
#AB004 .slogan{color:#353535;font-weight:600;line-height:0.95;margin-bottom:40px;font-size: 34px;position:relative;font-family:'Montserrat',sans-serif}
#articleInfo20 .info h5{text-align:center;font-size:30px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;margin-bottom:30px;font-weight:300;letter-spacing:0.5px}
#articleInfo20 ul{margin-bottom:40px;text-align:center;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;padding:20px 0 0}
#articleInfo20 ul li{margin:10px;width:calc((100%/4) - 20px);display:inline-block;animation-name:fadeInDown;-webkit-animation-name:fadeInDown;transition:all linear 0.3s;box-shadow:0 10px 50px rgba(54,53,53,0.06);overflow:hidden;position:relative}
#articleInfo20 ul li h3{font-size:20px;text-align:center}
#articleInfo20 ul li h5{font-size:16px;color:#caa34b}
#articleInfo20 ul li p.photo{margin:0px 0}
#articleInfo20 ul li p.photo img{height: 220px;object-fit:cover;width:100%}
#articleInfo20 ul li h5,#articleInfo20 ul li article{font-size: 14px;font-weight:500;letter-spacing:0.8px;color:#ffffff;line-height:160%;margin-bottom:0;position:absolute;left:0;bottom: 0;width:100%;padding: 10px 0;background:rgba(0,0,0,.4);text-align:center;opacity:0;pointer-events:none;-webkit-transition:all .2s linear;transition:all .2s linear}
#articleInfo20 ul li h5,#articleInfo20 ul li article{opacity:1;-ms-transform:translateY(-48px);}
#articleInfo20 .bottomBox h3{text-align:center;font-size:30px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#articleInfo20 .bottomBox p{margin:10px 0 20px;text-align:center;font-size:18px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;padding:5px 0 20px;font-size:80px;color:#606060;font-family:'Tangerine',cursive;font-weight:200;display:none}
#articleInfo20 .bottomBox article{animation-name:fadeInUp;-webkit-animation-name:fadeInUp}



@media (max-width:1180px){
	.captionArea .editorBox{display: flex;flex-direction: column;}
	.captionArea .topBox,.captionArea .bottomBox{width: 100%;padding-left: 0;}
	.captionArea .bottomBox{margin-top: 0px;}
	.captionArea .bottomBox .rightBox{width:calc(100% - 480px);padding-top:70px}
	.editorBox .slogan{font-size:50px}
}
@media screen and (max-width:1140px){
	#articleInfo20 ul li{width:calc((100%/4) - 20px)}
}
@media screen and (max-width:960px){
	#articleInfo20 ul li{width:calc((100%/3) - 20px)}
	.editorBox .slogan,.editorBox .slogan span{font-size:45px;margin-bottom:30px}
}
@media (max-width:992px){
	.captionArea .bottomBox .rightBox .Img img{border-radius:0 0 100px 0}
	.captionArea .bottomBox .rightBox{width:45%}
}
@media (max-width:768px){
	.captionArea .bottomBox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
	.captionArea .topBox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top: 20px;}
	.captionArea .Img img{width:100%}
	#articleInfo20 ul li{width: calc((100%/1) - 20px);}
	#articleInfo20 ul li p.photo img{height:230px}
}
@media screen and (max-width:480px){
	#articleInfo20 ul li{margin-bottom:10px;width:calc((100%/1) - 0px);padding:0px}
	#articleInfo20 ul{margin-bottom:10px}
	.captionArea .iconList{padding-top:30px}
	.captionArea .iconList li:not(:last-child){padding-right:20px}
	.editorBox .slogan,.editorBox .slogan span,#AB004 .slogan{font-size: 36px;margin-bottom:30px}
}
@media (max-width:375px){.
	editorBox .slogan{font-size:35px}
}