/* skipnavi-box */
.skipnavi-box {position:fixed; left:0; top:0; width:100%; z-index:99999;}
.skipnavi-box dl dt {display:none;}
.skipnavi-box dl dd a {position:absolute; left:0; top:-35px; width:100%; transition:all ease 0.5s; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:35px; background:var(--color-active); color:var(--color-white); font-size:16px; font-weight:600;}
.skipnavi-box dl dd a:focus {top:0;}

/* header */
header .header-main {position:fixed; left:0; top:0; width:100%; z-index:1000; background:#fff; padding:20px 60px; display:flex; flex-wrap:wrap; align-items:center; transition:all ease 0.5s;}
header .header-main h1 a img {width:168px;}
header .header-main .main-cate {flex:1; min-width:0;}
header .header-main .main-cate .cate-head {display:none;}
header .header-main .main-cate .cate-body > ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:0 40px;}
header .header-main .main-cate .cate-body > ul > li {position:relative;}
header .header-main .main-cate .cate-body > ul > li > a {position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:44px; font-size:18px; font-weight:500;}
header .header-main .main-cate .cate-body > ul > li > a:hover {color:#022447; font-weight:bold;}
header .header-main .main-cate .cate-body > ul > li > a:hover:before {position:absolute; content:""; left:0; bottom:0; width:100%; height:3px; background:#022447;}
header .header-main .main-cate .cate-body > ul > li > ul {pointer-events:none; opacity:0; transition:all ease 0.5s; padding:15px; position:absolute; left:50%; top:90%; transform:translateX(-50%); width:200px; background:#fff; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,0.1);}
header .header-main .main-cate .cate-body > ul > li > ul > li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:45px; border-radius:10px; font-size:16px; color:#333;}
header .header-main .main-cate .cate-body > ul > li > ul > li a:hover {background:#022447; color:#fff; font-weight:500;}
header .header-main .main-cate .cate-body > ul > li > ul > li.active a {background:#022447; color:#fff; font-weight:500;}
header .header-main .main-cate .cate-body > ul > li:hover > ul {pointer-events:inherit; opacity:1; top:100%;}
header .header-main .main-cate .cate-body > ul > li.active > a {color:#022447; font-weight:bold;}
header .header-main .main-cate .cate-body > ul > li.active > a:before {position:absolute; content:""; left:0; bottom:0; width:100%; height:3px; background:#022447;}
header .header-main .main-logo img {width:137px;}
header .header-main .main-logo button {display:none;}
header.scroll .header-main {box-shadow:0 0 10px rgba(0,0,0,0.1);}
@media (max-width:1200px){
header .header-main {padding:20px;}
header .header-main .main-cate .cate-body ul {gap:0 20px;}
}
@media (max-width:991px){
header .header-main {padding:10px 15px; justify-content:space-between;}
header .header-main h1 a img {width:130px;}
header .header-main .main-cate {pointer-events:none; opacity:0; position:fixed; left:0; top:0; width:100%; height:100%; transition:all ease 0.5s; z-index:99999;}
header .header-main .main-cate .box {width:100%; height:100%; display:flex; flex-direction:column; background:#fff; overflow:hidden;}
header .header-main .main-cate .cate-head {width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:10px 15px; border-bottom:1px solid #ddd;}
header .header-main .main-cate .cate-head h2 img {width:130px;}
header .header-main .main-cate .cate-head .close {width:25px; height:25px; font-size:0; background:url('../images/icon_close.svg') no-repeat center / cover;}
header .header-main .main-cate .cate-body {width:100%; height:100%; padding:20px 15px; overflow-y:auto;}
header .header-main .main-cate .cate-body > ul {gap:10px 0;}
header .header-main .main-cate .cate-body > ul > li {width:100%; border-bottom:1px solid #ddd;}
header .header-main .main-cate .cate-body > ul > li:last-of-type {border:0;}
header .header-main .main-cate .cate-body > ul > li > a {height:50px; font-size:18px; font-weight:500; text-align:left; justify-content:space-between;}
header .header-main .main-cate .cate-body > ul > li > a:after {display:block; content:""; width:20px; height:20px; background:url('../images/icon_arrow_right.svg') no-repeat center / cover;}
header .header-main .main-cate .cate-body > ul > li > a:before {display:none;}
header .header-main .main-cate .cate-body > ul > li > ul {position:static; pointer-events:inherit !important; opacity:1 !important; background:rgba(2,36,71,0.2); transform:none; width:100%; margin:0 0 15px;}
header .header-main .main-cate .cate-body > ul > li > ul > li {margin:0 0 5px;}
header .header-main .main-cate .cate-body > ul > li > ul > li:last-of-type {margin:0;}
header .header-main .main-cate .cate-body > ul > li > ul > li a {display:inline-block; height:auto; border-radius:0; font-size:15px; background:none !important; color:#022447 !important;}
header .header-main .main-cate .cate-body > ul > li > ul > li a:hover {text-decoration:underline; font-weight:700;}
header .header-main .main-cate .cate-body > ul > li > ul > li.active a {text-decoration:underline; font-weight:700;}
header .header-main .main-logo img {display:none;}
header .header-main .main-logo button {display:block; font-size:0; width:28px; height:28px; background:url('../images/icon_menu.svg') no-repeat center / cover;}
header.fixed .header-main .main-cate {pointer-events:inherit; opacity:1;}
}

/* footer */
footer .footer-fixed {position:fixed; right:30px; bottom:30px; z-index:100;}
footer .footer-fixed a {width:42px; height:42px; font-size:0; display:block; background:url('../images/icon_top.svg') no-repeat center / cover;}
footer .footer-info {background:#636772; padding:40px 0;}
footer .footer-info h2 {text-align:center; font-size:16px; font-weight:bold; color:#fff; margin:0 0 5px;}
footer .footer-info ul li {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:0 12px;}
footer .footer-info ul li p {font-size:16px; color:#fff;}
footer .footer-info ul li:last-of-type {margin:20px 0 0;}
@media (max-width:991px){
footer .footer-fixed {right:15px; bottom:15px;}
footer .footer-fixed a {width:35px; height:35px;}
footer .footer-info {padding:25px 0;}
footer .footer-info ul li {gap:0;}
footer .footer-info ul li p {width:100%; font-size:14px; text-align:center; word-break:keep-all;}
footer .footer-info ul li:last-of-type {margin:10px 0 0;}
}

/* section */
section {padding:0 0 80px; margin:100px 0 0;}
@media (max-width:991px){
section {padding:0 0 50px; margin:66px 0 0;}
}