@charset "UTF-8";

.top-footer-box{background:#102534;}
.footer-related-box{position:relative;margin:0 auto;padding:20px 0;max-width:1600px;box-sizing:border-box;}
.footer-related-box > ul{display:flex;justify-content:center;position:relative;height:auto;}
.footer-related-box > ul > li{margin:0 9px 0 0;max-width:370px;width:100%;}
.footer-related-box > ul > li:last-of-type{margin:0;}
.footer-related-box > ul > li .related-link-title{display:block;position:relative;padding:12px 45px;width:100%;border:1px solid #86c2fa;border-radius:27px;font-size:18px;font-weight:500;color:#fff;line-height:28px;box-sizing:border-box;}
.footer-related-box > ul > li .related-link-title.active{border-color:#86c2fa;background-color:#86c2fa;}


.footer-related-box .related-con-box{display:none;position:absolute;left: 0;top: 54px;padding:55px 0 75px;width:100%;z-index:20;}
.footer-related-box .related-con{display:flex;margin:0 0 55px;padding:0 0 55px;border-bottom:1px solid rgba(241,241,241,.2);}s
.footer-related-box .related-con:last-of-type{margin:0;padding:0;border:none;}
.footer-related-box .related-title{width:222px;font-size:30px;font-weight:700;color:#fff;line-height:40px;word-break:keep-all;}
.footer-related-box .related-title span{display:block;padding:20px 0 0;font-size:16px;font-weight:700;color:#s;line-height:24px;word-break:keep-all;}
.footer-related-box .related-list{display:flex;flex-direction:column;width:calc(100% - 222px);}
.footer-related-box .related-list > li{padding:0 0 24px;}
.footer-related-box .related-list > li:last-of-type{padding:0;}
.footer-related-box .related-list > li .related-sub-title{display:inline-block;padding:0 0 19px;font-size:20px;font-weight:600;color:#fff;line-height:30px;}
.footer-related-box .related-list > li .related-sub-title::before{content:'';display:inline-block;margin:-2px 8px 0 0;width:4px;height:4px;background-color:#fff;vertical-align:middle;}
.footer-related-box .related-list > li:first-of-type .related-sub-title{padding-top:0;}
.footer-related-box .related-list > li > ul{display:flex;flex-wrap:wrap;padding:0 0 0 14px;}
.footer-related-box .related-list > li > ul > li{width:20%;padding:0 10px 10px 0;box-sizing:border-box;}
.footer-related-box .related-list > li > ul > li a{display:inline-block;font-size:15px;font-weight:400;color:#86c2fa;line-height:20px;word-break:keep-all;}
.footer-related-box .related-list > li > ul > li a:hover{text-decoration:underline;}

@media screen and (max-width:1400px){
	.footer-related-box{padding:20px;}
}

@media screen and (max-width:1280px){
	.footer-related-box .related-list > li > ul > li{width:25%;}
}

@media screen and (min-width:1025px){
	.footer-related-box .related-con-box.active{display:block !important;}

}

@media screen and (max-width:1024px){
	.footer-related-box{padding:10px 20px 8px;}
	.footer-related-box > ul{flex-direction:column;}
	.footer-related-box > ul > li{max-width:none;border-bottom:1px solid #86c2fa;}
	.footer-related-box > ul > li:last-of-type{border:none;}
	.footer-related-box > ul > li .related-link-title{padding:20px 0;border:none;border-radius:0;font-size:16px;line-height:26px;}
	.footer-related-box > ul > li .related-link-title.active{border:none;background-color:unset;font-size:18px;line-height:28px;font-weight:700;}
	.footer-related-box > ul > li:last-of-type .related-link-title{border:none;}
	.footer-related-box .related-con-box{position:static;padding:10px 0;}
	.footer-related-box .related-con{flex-direction:column;border-bottom:none;margin:0;padding:0 0 15px;}
	.footer-related-box .related-title{background-color:#86c2fa;margin:0 0 25px;padding:6px 10px;width:100%;border-radius:3px;font-size:15px;font-weight:500;line-height:25px;text-align:center;box-sizing:border-box;}
	.footer-related-box .related-title span{display:none;}
	.footer-related-box .related-list{width:100%;}
	.footer-related-box .related-list > li{padding:0 0 12px;}
	.footer-related-box .related-list > li .related-sub-title{padding:0 0 12px;font-size:15px;font-weight:500;line-height:25px;}
	.footer-related-box .related-list > li .related-sub-title::before{width:3px;height:3px;}
	.footer-related-box .related-list > li:first-of-type .related-sub-title{padding-top:0;}
	.footer-related-box .related-list > li > ul{padding:0 0 0 11px;}
	.footer-related-box .related-list > li > ul > li{width:50%;}
	.footer-related-box .related-list > li > ul > li a{color:#86c2fa;}
}

@media screen and (max-width:480px){
	.footer-related-box .related-list > li > ul > li a{word-break:break-word;}
}